.n_banner{ height: 360px; color: #fff;}
.n_banner h2{padding-top: 120px; font-size: 22px; line-height: 1;}
.n_banner h2:after{margin-top: 15px; margin-bottom: 20px; display: block; content: ""; width: 46px; height: 2px; background: #ff0008;}
.n_banner span{font-size: 16px;}


.n_banner2{ height: 480px; color: #333;}
.n_banner2 h2{padding-top: 170px; font-size: 22px; line-height: 1;}
.n_banner2 h2:after{margin-top: 15px; margin-bottom: 20px; display: block; content: ""; width: 46px; height: 2px; background: #ff0008;}
.n_banner2 span{font-size: 16px;}



/**/
.n_part1{height: 70px;width: 1200px; margin: 0 auto;overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
/* .n_part1 h2{float: left; font-size: 30px; color: #333; line-height: 1;} */
.n_part1 span{ font-size: 14px; color: #888;}
.n_part1 span a{color: #888;}

.class_list{height: 70px; overflow: hidden;}
.class_list li{float: left; margin-right: 10px; display: inline-block; font-size: 1.16em;}
.class_list li a,
.class_list li a:visited{display: block; padding: 0 25px; position: relative; line-height: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; transition: 0.3s;}
.class_list li a:hover,
.class_list li.on a{background: #3460b2; color: #fff;}


.W100{width: 100%; border-bottom: 0px solid #e7e7e7; background: #F2F2F2}
.W690{width: 690px;}
.content-img{width: 465px; padding-top: 50px;}
.content-img img{width: 100%;}

.cnt-title-center{font-size: 30px; color: #333; margin: 40px 0; text-align: center;}
.cnt-title-left{font-size: 30px; color: #333;margin:50px 0; text-align: left;}
.cnt-title-left2{font-size: 30px; color: #333;margin:30px 0; text-align: left;}

.zylr{display: flex; justify-content: space-between;}

/*产品列表*/
.img_list{overflow: hidden; margin: 20px 0 0 -30px; clear: both;}
.img_list li{float: left; width: 20%;}
.img_list li a{display: block; margin-left: 30px; margin-bottom: 20px; text-align: center;}
.img_list li span{display: block; position: relative; padding-bottom: 130%; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 6px; box-sizing: border-box;}
.img_list li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.img_list li span:before{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 100%; background: #8d0001; opacity: 0; z-index: 10;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
}
.img_list li span i{position: absolute; left: 50%; bottom: 0%; margin-left: -15px; margin-bottom: -15px; z-index: 10; font-size: 30px; color: #fff; opacity: 0;}
.img_list li h2{padding: 10px; font-weight: bold; text-align: center; color: #8d0001; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list li h3{font-size: 14px; color: #888;}
.img_list li a:hover span{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.img_list li a:hover span:after{border:3px solid #8d0001;}
.img_list li a:hover span:before{opacity: 0.8;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.img_list li a:hover span i{bottom: 50%; opacity: 1;}
.img_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list li span img,
.img_list li span:after,
.img_list li span:before,
.img_list li span i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.img_list2{overflow: hidden; margin: 0 0 0 -18px;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; margin-left: 25px;}
.img_list2 li span{display: block; position: relative; padding-bottom: 83.33%;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%; padding: 25px;}
.img_list2 li h2{text-align: center; font-size: 14px; font-weight: normal; line-height: 40px; padding: 0 0 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333}

.img_list2 li span:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; border:1px solid #d6d6d6;}
.img_list2 li a:hover span img{ transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
    transform: scale(1.1);}
.img_list2 li a:hover span:after{}


/*项目推荐*/
.xmtj{margin-top: 20px; width: 100%; border-collapse: collapse;}
.xmtj td{border: 1px solid #e7e7e7; padding: 10px 15px; line-height: 24px;}
.xmtj thead{background: #8d0001;}
.xmtj thead td{border-color: #8d0001; font-size: 14px; font-weight: bold; color: #fff;}
.xmtj tbody tr:first-child+tr,
.xmtj tbody tr:first-child+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr{background: #fafafa;}
.xmtj tbody tr:hover{background: #ededed!important}

.xmtj tr{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}




/*产品详细*/
.pro_img{float:left; clear: both;}

.pro_img span{display: block; overflow: hidden; width: 500px; height: 350px; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; border: 1px solid #e7e7e7;}
.pro_img span img{display: block; max-width: 100%; max-height: 100%; }

/*.pro_js{margin-top: 20px;}
.pro_js h2{font-size:26px; line-height: 1; padding:20px 0 20px 0; font-weight: normal; border-bottom:1px dashed #e7e7e7; color: #333;}
.pro_js p{line-height:24px; padding:15px 0 15px 0; border-bottom:1px dashed #e7e7e7; font-size: 14px;}*/

.pro_js{margin-top: 20px; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
.pro_js li{overflow: hidden; line-height: 35px; float: left; width: 50%; font-size: 14px; position: relative;}
.pro_js li:first-child{border-bottom: 1px solid #e7e7e7; margin-bottom: 5px; padding: 0 0 5px 0;}
.pro_js li h2{float: left; font-size: 14px; width: 80px; text-align: right;}
.pro_js li h3{position: absolute; right: 0px; top: 0px; font-size: 12px;}
.pro_js li h3 a{color: #8d0001;}
.pro_js li.n_f{float: none; width: auto;}
.pro_js li b{font-size: 20px; font-weight: normal;}
.pro_js li i{float: left; display: inline; margin: 13px 5px 0 0; font-size: 14px; color: #8d0001;}

.pro_tel{font-size:14px; font-weight:bold; color:#333; padding:15px 0 15px 10px;}
.pro_tel span{font-size:24px; color:#d00; font-weight: normal; font-family: Impact; line-height: 24px;}

.bdsharebuttonbox{margin-left: 10px!important;}

.pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 20px 0; margin: 0 0 20px 10px;}
.pro_gm a{float: left; position: relative; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:16px; margin:0 10px 0 0;}
.pro_gm a:hover{background:#8d0001;}
.pro_gm a.gm{background:#8d0001; color: #fff}
.pro_gm a.zx{background:#f8b62c; color: #fff;}
.pro_gm a:hover{color: #fff;}
.pro_gm a:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0);}
.pro_gm a:hover:after{background: rgba(255,255,255,0.2);}

.r_part1{background: #f4f4f4; height:35px; position:relative; overflow: hidden;}
.r_part1 h2{float: left; background:#8d0001; width: 100px; text-align: center; line-height: 35px; color:#fff; height:35px; font-size:14px; font-weight:normal;}


.class_list2{width: 1200px; margin: 0 auto; padding: 30px 0 20px 0;overflow: hidden;}
.class_list2 li{float: left; margin-right: 10px; display: inline-block; font-size: 12px;}
.class_list2 li a,
.class_list2 li a:visited{display: block; padding: 0 25px; position: relative; background: #f2f2f2; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555;border-radius: 50px;}
.class_list2 li a:hover,
.class_list2 li a.on{border-color: #ff0008; background: #ff0008; color: #fff; font-weight: bold;}


/*产品订购*/
.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}
.order tr td:first-child{text-align: right; width: 105px;}
.order tr td:first-child span{color: #8d0001}
.order td{padding:5px; color: #555;}
.order td span{color:#f00;}
.order input,
.order textarea{behavior:url(pie.htc); position:relative;}

.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}
.order .order_text:hover{border:1px solid #8d0001;}
.order textarea{line-height:22px !important; padding:5px 10px !important;}

.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#e6271a; color:#fff; border:none; font-weight: bold;}
.order .order_submit:hover{background:#e6271a;}

/*相关产品*/
.r-list1{margin:15px 0 0 -15px; overflow:hidden; zoom:1}
.r-list1 li{float:left; width: 25%;}
.r-list1 li a{display: block; margin-left: 15px;}
.r-list1 li span{display: block; position: relative; padding-bottom: 75%;}
.r-list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 6px; box-sizing: border-box;}
.r-list1 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.r-list1 li a:hover span:after{border:3px solid #8d0001;}
.r-list1 li h2{display:block; line-height:30px; text-align:center; font-size:14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*新闻列表*/
.news_list{/*margin-top: 20px; border-top: 1px solid #e7e7e7;*/}
.news_list li{position: relative;   border-bottom: dashed #cfcfcf 1px;}
.news_list li a{display: block; padding: 30px 250px 30px 20px; overflow: hidden;}
.news_list li span{float: left; width: 310px; height: 195px;}
.news_list li span i{display: block; position: relative; width: 100%;height: 100%; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li .con{margin-left: 340px; width: 660px; position: relative;}
.news_list li .con b{font-family: arial; font-size: 16px; color: #8c8c8c;display: block; font-weight: 300; margin-top: 10px;}
.news_list li .con h2{position: relative; padding:10px 0 15px; font-size: 18px; line-height: 1; color: #333; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li .con p{color: #888; line-height: 25px; overflow: hidden;}

.news_list li .time2{position: absolute; right: 30px; top: 20px; bottom: 20px; padding-left: 70px;}
.time2-jt{width: 40px; height: 40px; margin-top: 75px; margin-right: 25px; border: 2px solid #b9b8b8; border-radius: 50%; text-align: center; line-height: 37px; color: #b9b8b8; font-size: 28px; font-family: 宋体; font-weight:900;}

.news_list li a:hover{background: #fcfcfc;}
.news_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news_list li a:hover .con h2{color: #ff0008;}


.news_list li,
.news_list li span,
.news_list li span i img,
.news_list li .con h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

/*详细*/
.title{margin: 75px 0 15px 0; font-size: 26px; line-height: 1; color: #333; clear: both; text-align: center;}
.time{padding-bottom: 30px; border-bottom: 1px solid #f0f2f5; color: #999; text-align: center;}
.time span{display: inline-block; padding-right: 10px;}
.time span i{font-size: 14px;}

.content{padding: 15px 0; line-height: 230%; font-size: 14px; border-bottom: 0 solid #ececec; color: #000}
.content img{max-width: 100%; width: auto!important;}
.content table{border-collapse:collapse;}
.content table td{border:1px solid #A8A8A8; padding:0 10px;}

.bt_g h1{float:left;  background:#3460b2; border-radius:50px; color:#fff;  font-size:14px; padding:3px 20px; margin:8px 0;}
.bt_r h1{float:left;  background:#e70012; border-radius:50px; color:#fff; font-size:14px; padding:3px 20px; margin:8px 0;}


.content2{padding: 15px 0; line-height: 230%; font-size: 14px; border-bottom: 0 solid #ececec;color: #000}
.content2 img{max-width: 100%; width: auto!important;}

.fy{overflow: hidden; padding: 10px 0 10px 10px; color: #ff0008; background: #fafafa;}
.fy li{line-height: 30px; font-size: 14px;}

/*相关资讯*/
.n_part2{border-top: 3px solid #8d0001; overflow: hidden; color: #8d0001; padding-top: 10px; padding-left: 10px; font-size: 16px;}

.n_list1{overflow: hidden; margin: 7px 0 30px 0;}
.n_list1 li{float: left; width: 50%; line-height: 34px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 13px 8px 0 5px; border-left: 4px solid #adadad; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}




/*留言*/
.message{ overflow: hidden; margin-top: 50px; margin-bottom: 30px; margin-left: -21px;}
.message li{float: left; width: 33.33%; margin-bottom: 18px; padding-left: 21px; box-sizing: border-box;}
.message li .btn_text{background: #eeeeee; border: none; width: 100%; height: 40px; line-height: 40px; padding-left: 18px; font-size: 14px; font-family: "微软雅黑"; color: #555; box-sizing: border-box;}
.message li .btn_text2{height: 180px; padding: 10px 18px; line-height: 25px;}
.message li .btn_submit{background: #3460b2; border: none; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 18px; cursor: pointer;}

.message li.n_f{float: none; width: auto; height: auto; clear: both;}



/**/
.zp_list{}
.zp_list li{margin-top: 20px; border: 1px solid #e7e7e7;}
.zp_list li h2{background: #fafafa; line-height: 45px; padding: 0 15px; font-size: 1em; font-weight: normal; overflow: hidden;}
.zp_list li h2 span{float: left; color: #333;}
.zp_list li h2 span font{color: #888;}
.zp_list li h2 span:first-child{width: 25%;}
.zp_list li h2 span:first-child+span+span{float: right;}
.zp_list li p{padding: 10px 15px; line-height: 25px; color: #333;}
.zp_list li p font{color: #888;}
.zp_list li a{margin-left: 12px; margin-bottom: 12px; display: block; background: #8d0001; width: 75px; line-height: 30px; text-align: center; color: #fff; border-radius: 3px;}
.zp_list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.zp_list li{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.zpgw_js{border-top: 1px solid #e7e7e7; padding: 10px 0;}
.zpgw_js li{line-height: 30px; font-size: 16px;}
.zpgw_js li font{color: #888;}

.n_part4{border-top: 1px solid #e7e7e7; padding-top: 15px; font-size: 16px; font-weight: bold; color: #333;}

.btn_yp{border-top: 1px solid #e7e7e7; padding: 20px 0 40px 0;}
.btn_yp a{display:inline-block; padding: 7px 20px; background: #009476; color: #fff;font-size: 16px; border-radius: 5px;}

.yp_bg{margin-bottom: -30px; background: #f9f9f9; overflow: hidden;}

.n_part5{padding-top: 35px; font-size: 16px; font-weight: bold; color: #333;}

.yp{overflow: hidden; margin-top: 30px; margin-bottom: 30px; margin-right: -50px;}
.yp li{float: left; width: 50%; position: relative; margin-bottom: 15px; padding-left: 80px; padding-right: 50px;}
.yp li.n_f{float: none; clear: both; width: auto;}
.yp li h2{position: absolute; left: 10px; top: 0px; line-height: 35px; font-size: 1.16em; font-weight: normal; color: #666;}
.yp li .btn_text{padding: 0 10px; width: 100%; height: 35px; line-height: 35px; border: 1px solid #e7e7e7; font-family:"微软雅黑"; color: #888; font-size: 1em; border-radius: 5px; box-sizing: border-box;}
.yp li .btn_text2{padding: 10px; line-height: 25px; height: 80px;}
.yp li .btn_submit{background: #8d0001; width: 130px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 1.16em; border: none; border-radius: 5px; cursor: pointer;}



.xm_list{overflow:hidden; zoom:1; margin: 30px -15px 0 -15px;}
.xm_list li{float:left; width: 25%; padding: 2px 0 42px 0;}
.xm_list li a{display: block; margin: 0 15px; padding: 0 20px; background: #f8f8f8; text-align: center;}
.xm_list li i{margin-top: 30px; display: inline-block; width: 70px; height: 70px; text-align: center; line-height: 70px; font-size: 50px; border-radius: 50%; color: #005698;}
.xm_list li h2{padding-top: 10px; line-height: 1; font-size: 20px; font-weight: normal; color: #333;}
.xm_list li p{margin-top: 18px; height: 115px; color: #888; line-height: 28px;}
.xm_list li span{display: block; margin: 0 -20px; border-top: 1px solid #f0f0f0; line-height: 45px; color: #888;}
.xm_list li a:hover{background: #005698;}
.xm_list li a:hover i{border-color: #fff; color: #fff;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
.xm_list li a:hover h2,
.xm_list li a:hover p,
.xm_list li a:hover span{color: #fff;}
.xm_list li a:hover span{border-top-color: #1866a1;}

.xm_list li i,
.xm_list li h2,
.xm_list li span,
.xm_list li p{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}








.page{text-align:center; padding:35px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:36px; height:36px; border-radius:50%; overflow:hidden; text-align:center; line-height:36px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#3460b2; border:1px solid #3460b2; color:#fff}








.about-box::after{display: block; content: ""; clear: both;}
.about-item{width: 600px; height: 260px; position: relative; float: left; border: 0px solid #eeeeee; box-sizing: border-box; margin-top: 50px; padding: 45px 50px 0;}
.about-item:nth-child(2n){border-left: none;}
.about-item img{position: absolute; width: 100%; top: 0; left: 0; display: block;}
.about-item h2{font-size: 24px;  margin: 0 0 20px; color: #333;}
.about-item p{font-size: 16px; color: #666; line-height: 30px;}


.bor-none{border: none;}
.bor100{background:#f2f2f2 ;}
.top0{margin-top: 0; height: auto; padding-bottom: 35px;}
.bor100{border-top: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee;}




/**/
.Talent-recruitment{width: 1100px; display: flex; justify-content: space-between; margin: 0 auto;}
.Talent-recruitment li{width: 520px;}
.Talent-recruitment li .pic{width: 100%; height: 420px; overflow: hidden;}
.Talent-recruitment li .pic img{display: block; width: 100%; height: 100%; transition: 0.5s;}
.Talent-recruitment li p{width: 100%; height: 80px; line-height: 80px; text-align: center; background-color: #e4e8ed; color: #23262f; font-size: 20px; transition: 0.5s;}
.Talent-recruitment li:hover img{transform: scale(1.1);}
.Talent-recruitment li:hover p{background: #ff0008; color: #fff;}


.img_list301{background: #f2f2f2}
.img_list301 li{border-bottom: 20px solid #fff; padding: 15px 15px 15px 0; overflow: hidden; }
.img_list301 li span{float: left;}
.img_list301 li span img{width: 120px!important; margin-left:20px}
.img_list301 li .con{margin-left: 170px;}
.img_list301 li .con h2{padding-top: 5px; padding-bottom: 10px; font-size: 16px; line-height: 1; font-weight: bold; color: #333;}
.img_list301 li .con p{color: #333; line-height: 210%;font-size: 14px;}

/*-----------------*/
.about2{padding-bottom:80px}
.about2 .tit{text-align:center}
.about2 ul{background:url(../images/sy51.png) repeat-y center}

.about2 .tit h6{color:#666}
.about2 .tit h5{color:#333;margin:15px 0 45px}

.about2 li:before{background:url(../images/sy50.png) no-repeat center center;left:-68px;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4:hover{color:#f8f8f8;transition:all 1s;transform:translateY(-15px)}
.about2 li h4{position:relative;display:block;text-decoration:none;font-family:lato;color:#ecf0f1;text-transform:uppercase;padding:4px 0;transition:.5s}
.about2 li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#3460b2;transition:transform .5s;transform:scaleX(0);transform-origin:right}
.about2 li h4:hover{color:#333}
.about2 li h4:hover::after{transform:scaleX(1);transform-origin:left}
.about2 li:nth-child(2n):before{background:url(../images/sy50.png) no-repeat center center;right:-69px;top:12px;left:auto;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4{color:#333;transition:all 1s}
.about2 li p{color:#666;margin-top:10px; margin-bottom: 50px; display: block;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.about2 li span{display: inline-block;color:#3460b2;font-size: 20px;}

.future{text-align:center;color:#999;font-size:12px;margin-top:17px}
.about2 li:nth-child(1){margin-top:0}
.about2 li{float:right;width:45%;text-align:left;position:relative;margin-top:100px}
.about2 li:nth-child(2n){float:left;text-align:right;margin-top:90px}

.clearfix-time{display:block;zoom:1}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}

.about2 li .f30{font-size:30px}
.about2 li .f14{font-size:14px}


.class_list1{padding: 20px 0;overflow: hidden;}
.class_list1 li{float: left; margin: 5px 10px 5px 0; display: inline-block; font-size: 14px;}
.class_list1 li a,
.class_list1 li a:visited{display: block; padding: 0 25px; position: relative; background: #eaeaec; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555;border-radius: 50px;}
.class_list1 li a:hover,
.class_list1 li a.on{border-color: #3460b2; background: #3460b2; color: #fff; font-weight: bold;}

.class_list2{padding: 35px 0 0 0;overflow: hidden;text-align:center;}
.class_list2 li{float:none; margin: 5px 30px 5px 0; display: inline-block; font-size: 14px;}
.class_list2 li a,
.class_list2 li a:visited{display: block; padding: 0 80px; position: relative; background: #eaeaec; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555;border-radius: 50px;}
.class_list2 li a:hover,
.class_list2 li a.on{border-color: #3460b2; background: #3460b2; color: #fff; font-weight: bold;}


.core{width: 1200px;  display: flex; justify-content:space-between;}
.pro_show_left{width: 900px;}
.pro_show_left .top{width: 100%;}
.pro_show_left .top::after{display: block; content: ""; clear: both;}
.product-pic{float: left; width: 500px; border: 0px solid #c4cdcd;}

.product-txt{float: right;width: 360px;margin-top:30px}
.product-txt h2{ font-size: 24px;font-weight:bold; margin-bottom: 0; line-height: 30px;border-bottom:1px dotted #ccc;padding:0 0 15px 0}
.product-txt .inventory{ margin-top: 25px;}
.product-txt .inventory .txt{display: flex; font-size: 14px; color: #2d2d2d;padding-right: 5px;font-weight: normal; line-height: 20px; text-transform: uppercase;margin: 0 0 20px; box-sizing: border-box;}
.product-txt .inventory .txt p{ width:80px;}
.product-txt .inventory .txt span{margin-left: 0px; font-weight: normal; text-transform:none}

.inventory .intro{border-top:1px dotted #ccc;padding:15px 0}
.inventory .intro span{font-size: 26px; color: #d00; font-weight: normal; font-family: Impact;line-height: 24px; }




.pro_show_left .xia{width: 100%; margin-top: 40px;}
.pro_show_left .xia .nav-tabs{width: 100%; display: flex;}
.pro_show_left .xia img{margin-bottom: 20px; transition: 0.5s;}
.pro_show_left .xia .describe{font-size: 14px; color: #000000; padding: 27px 0 0; text-transform: uppercase; font-weight: 700; border-top: 1px dotted #000;}
.pro_show_left .xia .nav-tabs .tabs{width: 25%; height: 50px; cursor: pointer; border: 1px solid #e5e5e5; top: 1px;  z-index: 10; text-align: center; line-height:50px; box-sizing: border-box;   font-weight:bold;text-transform: uppercase; font-size: 14px; position: relative; margin-left: -1px;}
.pro_show_left .xia .nav-tabs .tabs.active::after{display: block; content: ""; width: calc(100% + 2px); height: 2px; background: #3460b2; position: absolute; top: -1px; left: -1px;}
.pro_show_left .xia .nav-tabs .tabs.active{border-color: transparent;}


.Recommend{width: 250px;}
.Recommend h1{ font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 14px;    line-height: 1.25em;}
.Recommend h1::after{display: block; content: "";width: 48px;height: 2px;background: #3460b2;margin-bottom: 20px; margin-top: 15px;}
.Recommend_item{width: 100%;}
.Recommend_item a{display: block;}
.Recommend_item span{display: block; overflow: hidden; width: 100%; height: 190px; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; border: 1px solid #e5e5e5;}
.Recommend_item span img{display: block; width: 100%; height: 100%; transition: .3s;}
.Recommend_item h2{ font-size: 14px; color: #333; font-weight: normal; padding: 10px 0; text-align: center; line-height: 2em;}
.Recommend_item:hover span img{transform: scale(1.04);}
.Recommend_item:hover h2{color: #3460b2;}

.currency_title{ font-size: 24px;text-transform: uppercase;font-weight: 700;margin-bottom: 14px;    line-height: 1.25em;}
.currency_title::after{display: block; content: "";width: 48px;height: 2px;background: #3460b2;margin-bottom: 20px; margin-top: 15px;}
.currency_title2{font-size: 18px; text-transform: uppercase; font-weight:700;margin-bottom: 14px;  line-height: 1.25em;}
.currency_title2::after{display: block; content: "";width: 48px;height: 2px;background: #3460b2;margin-bottom: 20px; margin-top: 15px;}

.fy{overflow: hidden;  padding: 10px 0; color: #d00; border-top: 1px solid #e7e7e7;}
.fy li{line-height: 30px; font-size: 14px;}
.fy li a{color: #333}

.link{ padding: 25px 0; width: 100%; }
.link ul{overflow: hidden; width: 1200px;margin: 0 auto;}
.link ul li{float: left; margin-right: 20px; line-height: 22px; color: #fff; font-size: 14px; font-weight: normal;}
.link ul li.ok{background:#3460b2; border-radius:50px; padding: 6px 20px;}
.link ul li a{color: #333; font-weight: normal;padding: 6px 0;display: block}
.link ul li a:hover{color: #3460b2;}