@charset "utf-8";
/* CSS Document */


/*全局部分*/
body {
	margin: 0px;
	font-size:15px;
	color:#757575;
	    font-family: Ping Fang;
	line-height:200%;
	background-color: #f5f5f5;
}


a { color:#e4e4e4; text-decoration:none;}
a:hover { color:#fff; text-decoration:none;}
ul { list-style:none; padding:0px; margin:0px;}
img { border:0px;}
.clearfloat {clear:both;}

.test{ border:1px solid #FF0000;}

	
/*顶部*/	
#top{ 
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: 10px solid #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
    justify-content: space-between;}
#top .logo{
	    height: 70px;
		width:315px;
    display: flex;
    align-items: center;
    padding-left: 70px;
}
#top .logo img{height:70px;}
#top .logo .name{
	font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2fbdd6;
}
#top .topright{
	    display: flex;
    align-items: center;
}
#top .topright .item{
    display: flex;
    align-items: center;
}
#top .topright .item img{
       width: 20px;
    margin-right: 3px;
}
#top .topright span {
    color: #333;
    padding-right: 30px;
    font-size: 12px;
    color: #666;
    font-weight: 700;
    letter-spacing: 1px;
}
#top .topright .item a{
	color: #333;
}
#top .topright .item a:hover { color:#2fbdd6; text-decoration:none;}


#top li { float:right; background:url(../images/top_btn.gif); width:88px; height:35px; text-align:center; line-height:35px; margin-right:10px;margin-top:70px;}
#top li a{ color:#FFFFFF; font-size:14px; font-weight:;} 
#top li img{ margin-top:15px;} 
#top li a:hover{ color:#2fbdd6;} 
#nav{ width:1226px; height:43px; line-height:43px; margin:0px auto;}
.jg{ background:url(../images/nav_jg.gif); height:43px; width:1px; margin-left:20px;}
#nav ul{ padding-left:270px;box-sizing:border-box;box-shadow: 0px 15px 20px -15px rgb(139 139 139);height:70px;line-height:70px;}
#nav li { float:left; margin-right:14px; margin-left:15px; text-align:center;}
#nav li a{  font-size:16px; color:#666; font-weight:400;}
#nav li a:hover{  font-size:16px; color:#2fbdd6;}
#nav #topmeau{background-color:#fff;width:1226px;margin:0px auto;}
#nav .sub-menu{
	background-color:#fff;
	line-height:25px;
	padding-left:0px;
	margin-top:15px;
	height:auto;
}
#nav .sub-menu .menu-item{
	color:#333;
}

.topfixed {
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%;
}
/*banner*/	
#banner{ width:1226px; height:570px; margin:0px auto;  margin-bottom:10px;margin-top:150px;}

/*page*/	
#main{ width:1226px; background-color:#fff; margin:0px auto; padding-top:10px;}
#page{ width:1226px; margin:0px auto;}
#Content{ padding:5px 100px;}
#index_L{ width:210px; float:left; }
#index_R{ width:1226px;}
.index_c_Article{ width:980px;}
.index_c_Article_L{ width:475px; float:left;}
.index_c_Article_L_TT{ width:475px; height:41px;}
.index_c_Article_L_TT span{ float:right;  margin-top:20px; margin-right:10px;}
.index_c_Article_R{ width:475px; float:right;}
.index_c_Article_box{ width:469px; height:150px; border:solid 3px #D5B48A; margin-top:5px;}
.index_ct_pic{float:left; width:130px; text-align:center; margin-top:20px;}
.index_link{ border:3px solid #D5B48A; margin-top:10px;}
.index_link_tt{ width:35px; background-color:#D5B48A; float:left; text-align:center; font-size:14px; font-weight:bold;}
.tt{ background:url(../images/tt_bg.png); line-height:35px; font-size:14px; font-weight:bold; padding-left:35px;}
.tt span{ font-size:12px; float:right; font-weight:100;  margin-right:290px;}

.pro_list{float:left; margin:5px 0px 0px 5px;}
.pro_list img{ border:1px solid #877964; width:158px; height:135px;}
.pro_list ul{ margin-top:20px;}
.pro_list li{ margin:0px 0px 0px 0px; width:180px; float:left;}
.pro_list li a{ display:block; text-align:center;}
#index_N{
color:#999;
margin-bottom:50px; padding:5px 100px;
}
#index_N #Content{
color:#999;
}
#index_N #Content h1{font-weight:300;font-size:26px;color: #2fbdd6;}
#index_N #Content h2{font-weight:300;font-size:26px;color: #2fbdd6;}

#index_N #Content img{
width:500px;
height:auto;
display:block;
margin:0 auto;
}
#index_N  img{
width:500px;
height:auto;
display:block;
margin:0 auto;
}
#index_N b{
	font-weight: 300;
    font-size: 26px;
    color: #2fbdd6;
}




#index_N .tt a{color:#999;}
#index_N .tt a:hover{color:#2fbdd6;}

#index_N td a{color:#999;}
#index_N td a:hover{color:#2fbdd6;}

#index_R .tt a{color:#999;}
#index_R .tt a:hover{color:#2fbdd6;}



/* 产品 */
.pro_list{
	width:1000px;
	margin-top:50px;
	padding-left:60px;
}

.pro_list ul{
			    display: flex;
    flex-direction: row;
    align-items: center;
justify-content: space-between;
		 flex-wrap:wrap;
		 margin:0 auto;
}

.pro_list ul a{
color:#333;
font-size:18px
}
.pro_list ul a:hover{
color:#2fbdd6;

}

.pro_list ul .getbig{
   width: 320px;
   height: 200px;
 overflow: hidden;
	overflow:hidden
 background-color: #333333;
   border-radius:2%;
   	margin-bottom:5px;
}

.pro_list li{
	width:320px;
		    display: flex;
    flex-direction: column;
    align-items: center;
	margin-bottom:20px;

}

.pro_list img {
	display:block;
    width: 100%;
    height: 100%;
	transform: scale(1.1); 
    transition: all 0.6s;

}
.pro_list img:hover {
	display:block;
	margin-bottom:5px;
	border-radius:3%;
	transform: scale(1.2);
}




/* 三个开始 */

.region {
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    padding: 0 180px;
    box-sizing: border-box;
}

.region .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffbc6f;
    width: 180px;
    height: 200px;
    margin-top: 50px;
    font-size: 20px;
    border-radius: 1%;
}

.region .item:nth-child(2) {
    background-color: rgb(77, 210, 243);
}

.region .item:nth-child(3) {
    background-color: rgb(255, 237, 180);
}

.region a:hover {
    background-color: #f8e8c5;
    color: aqua;
}

.region a:nth-child(1):hover {
    background-color: #f3d5b3;
}

.region a:nth-child(2):hover {
    background-color: rgb(157, 235, 255);
}

.region a:nth-child(3):hover {
    background-color: rgb(222, 223, 219);
}

.region .item img {
    width: 50px;
    height: 50px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.region .item span {
    padding: 8px 3px;
    color: #333;
    font-weight: bold;
}

.region .item .eng {
    font-size: 15px;
    color: #666;
    border-top: 1px solid #ccc;
}


/* 三个结束 */





/*首页left*/
.left_dh{ background:url(../images/left_dh_bg.jpg) repeat-x #684747; width:201px; padding-left:9px; padding-bottom:10px;}
.left_dh span{ font-size:14px; color:#E5D8BA; font-weight:bold; line-height:30px;}
.left_dh li {  background:url(../images/left_dh_navbg.gif); width:193px; height:27px; margin-top:5px;}
.left_dh li a{font-size:14px; color:#E5D8BA; margin-left:15px;}
.left_dh li a:hover{color:#FFFF00;}

.left_tt1{ 
	display: flex;
    flex-direction: column;
    align-items: center;
font-size:18px;
 color:#333; ;
display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(193, 230, 223);
    padding-top: 50px;
    padding-bottom: 70px;
    background-image: url(../images/aboutback.png);
    width: 1226px;
	    line-height: 1.5;
	}
.left_tt1 p{
width:1000px;}
.go{
	    font-size: 16px;
    background-color: #000;
    color: #fff;
    padding: 17px 20px;
    box-sizing: border-box;
    margin-top: 30px;
    background-image: linear-gradient( to left, #08945a, #23bceb, #32da94, #53d69f, #2fbdd6 );
    background-size: 400%;
}
.l_case_img{ border:solid 1px #8E7A7A; margin-bottom:10px;}
.left_online{ margin-bottom:5px; margin-right:12px; float:left; display:block; width:74px; height:23px;}
.leftlogo{ margin-bottom:5px; width:180px;}
.left_pic1{ margin-top:10px;}

/*首页right*/
.right_news{  width:1000px; margin:70px auto;}
.right_news a{color:#666;}
.right_news a:hover{color:#2fbdd6;}
.right_newsjg{ float:left; width:20px;}
.right_newsTT{ font-size:18px; font-weight:bold; padding-left:40px;}
.right_newsTT span{ 
 display: block;
    width: 70px;
    font-size: 16px;
    background-color: #181818;
    color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    float: right;
	margin-right:50px;
}
.right_newslist{ width:90%; margin:0px auto; line-height:230%; margin-top:20px;}
.right_newslist li{    border-bottom: 1px solid #ccc; padding-top:5px; color:#757575;}
.right_newslist li a{color:#757575;}
.right_newslist li a:hover{color:#2fbdd6;}
.right_newslist li span{ float:right;}
.right_pro{ width:750px; height:228px; background-color:#432323; margin-top:10px;}
.right_pro2{ width:730px; height:200px; background-color:#432323; margin-top:10px;}
.right_pro_L{ float:left;}
.right_pro_R{float:left; background-color:#E1D7BC; width:715px; height:224px; margin:2px 0px 0px 5px;}
.right_pro_R img{ border:1px solid #877964; width:158px; height:135px;}
.right_pro_R ul{ margin-top:20px;}
.right_pro_R li{ margin:0px 7px 0px 7px; float:left;}
.right_pro_R li a{ display:block; line-height:40px; text-align:center;}


.right_pro_R_en{float:left; background-color:#E1D7BC; width:746px; height:224px; margin:2px 0px 0px 1px;}
.right_pro_R_en img{ border:1px solid #877964; width:158px; height:135px;}
.right_pro_R_en ul{ margin-top:8px;}
.right_pro_R_en li{ margin:0px 0px 0px 0px; float:left; width:185px;}
.right_pro_R_en li a{ display:block; line-height:40px; text-align:center;}

.right_pro_p{ width:734px; height:228px; background-color:#432323; margin-top:10px;}
.right_pro_R_p{float:left; background-color:#E1D7BC; width:730px; height:224px; margin:2px 0px 0px 1px;}
.right_pro_R_p img{ border:1px solid #877964; width:158px; height:135px;}
.right_pro_R_p ul{ margin-top:8px;}
.right_pro_R_p li{ margin:0px 0px 0px 0px; float:left; width:180px;}
.right_pro_R_p li a{ display:block; line-height:40px; text-align:center;}


.right_pro_R2{float:left; background-color:#E1D7BC; width:687px; height:218px; margin:2px 0px 0px 8px;}
.right_pro_R2 img{ border:1px solid #877964; width:152px; height:135px;}
.right_pro_R2 ul{ margin-top:20px;}
.right_pro_R2 li{ margin:0px 7px 0px 7px; float:left;}
.right_pro_R2 li a{ display:block; line-height:30px; text-align:center;}

/*底部*/
#bt{ background-color:#2fbdd6; color:#fff; line-height:35px; padding: 25px 0 10px 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;}
#bt a{color:#e4e4e4;}
#bt a:hover{color:#FFFF;}
#bt1{ text-align:center; background-color:#2fbdd6;color:#fff;}

.font12red{ color:#FF0000;font-size:12px;}
.font14red{ color:#FF0000;font-size:14px;}
.font14Blue {font-size: 14px;color: #0058A5;}
.font12Blue {font-size: 12px;color: #0058A5;}
.font14{ font-size:14px;}
.font14B{ font-size:14px; font-weight:bold;}

.font12_A_a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E5D8BA;
	text-decoration: none;
}
.font12_A_a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E5D8BA;
	text-decoration: none;
}
.font12_A_a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffff00;
	text-decoration: none;
}


/* footer开始 */

footer a:hover {
	text-decoration:none;
}

footer .ftop {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 30px;
}

footer .ftop .left {
    width: 330px;
}

footer .ftop .left .item {
    display: flex;
    justify-content: space-between;
}

footer .ftop .left .item:last-child {
    margin-top: 25px;
}

footer .ftop .center {
    display: flex;
    padding: 0 90px;
}

footer .ftop .center div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
}

footer .ftop .center img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

footer .ftop .right p {
    margin-bottom: 20px;
    line-height: 1.5;
}

footer .ftop .right p:last-child {
    margin-bottom: 0;
}

footer .fbottom p {
    text-align: center;
}

/* footer结束 */

/*固定二维码*/
.codedx {
    width: 120px;
    position: fixed;
    right: 20px;
    bottom: 10%;
    /* background-color: rgb(247, 215, 34); */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 8px 10px;
    z-index: 300;
    color: #333;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(255, 255, 255);
}

.codedx img {
    width: 100px;
}

.codedx p{
	line-height:0.1;
}