@charset "utf-8";
html{font: 14px 'Microsoft Yahei';}
*{
	margin: 0;
	padding: 0;
	border:medium none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
a,img{border: 0;}
img{display: block;}
a{color: #333;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 300ms ease-in-out;}
a:hover{text-decoration: none;}
li {list-style-type: none;}
.wrapper{width: 1200px;margin:0px auto;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.clear:after{display: block;content: " ";clear: both;}
h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}
body{
	min-width: 1200px;
	margin:0 auto;
}
.over-flow{
    overflow: auto; 
    zoom: 1; //处理兼容性问题
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom:1;
}
.swiper-pagination-bullet-active{
  background: #26272c;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.banner{
	width:100%;
	position: relative;
}
.swiper-container1 img{
	width:100%;
}
.swiper-slide{
	width:100%;
}

.header{
	position: relative;
}
.nav{position: absolute;top: 0;width: 100%;z-index: 95;transition: all .5s ease;-webkit-transition:all .5s ease;padding-bottom: 20px;}
.nav.fixed{position: fixed;background: #fff;box-shadow:0 2px 2px rgba(157, 157, 157, .3);box-sizing: border-box}
.nav.fixed .nav_box{padding: 20px 0 0;}
.nav.fixed .logo{background: url(../Image/logo.png);background-size: 100%;}
.nav.fixed .nav_ul{color: #2d4455;}
.nav.fixed:hover .nav_ul{color: #fff;}
.nav.fixed:hover .logo{background: url(../Image/logo.png);background-size: 100%;}
.nav .nav_box{padding-top:40px;transition: padding .5s ease;-webkit-transition:padding .5s ease;}
.nav .logo{width: 416px;height: 71px;float: left;background:url(../Image/logo.png);background-size: 100%;}
/* .nav:hover .logo{background:url(../img/logo.png);background-size: 100%;} */
.nav .nav_ul{float: right;line-height: 33px;color: #fff;font-size: 16px;margin-top: 7px;}
.nav .nav_item>ul>li{float: left;padding-bottom: 40px;}
.nav .nav_item>ul>li a{
	color:#253948;
}
.nav .nav_item>ul>li a:hover{
	color:#e7321f;
}
#thyNavStyle{
	color:#e7321f;
}
.nav.fixed .nav_item>ul>li{padding-bottom: 20px;}
.nav .nav_item>ul>li .icon{display: inline-block;margin: 0 16px;color: #253948;}
.nav .nav_item>ul>li.end .icon{display: none;}
.nav .language,
.nav .search,
.mobile_key{display: inline-block;height: 33px;line-height: 33px;color: #f47920;position: relative;vertical-align: -webkit-baseline-middle;}
.nav .language img{max-width: none;}
.nav .language .item{cursor: pointer;}
.nav .language .item .ion{display: inline-block;}
.nav .language .item .ion a{display: block;width: 87px\9;}

.nav .language .item .ion img{vertical-align: middle;display: inline-block;}
.nav .language .language_ul{position: absolute;top: 100%;left: 0;width: 100%;background: #253948;display: none;}
.nav .search{margin-left: 1%;font-size: 19px;font-weight: bold;}

/*product*/
.pro{
	padding:70px 0;
	background: #eff0f1;
}
.pro .hbox{
	margin-bottom: 30px;
}
.hbox .h-left{
	float: left;
}
.hbox .h-left .fir{
	font-size: 18px;
	color:#e7321f;
	font-weight: 700;
	text-transform: uppercase;
}
.hbox .h-left .sec{
	font-size: 36px;
	color:#2d4455;
	font-weight: 700;
}
.hbox .h-right{
	float: right;
	background: url(../Image/pro-right2.png) no-repeat center left 106px;
	margin-top: 42px;
}
.hbox .h-right a{
	display: block;
	float: left;
	font-size: 20px;
	color:#707980;
	margin-left: 20px;
}

.pro-left{
	float: left;
	width:340px;
	background: #fff;
}

.pro-left-bottom{
	width:100%;
	height: 148px;
	
}
.p-l-inner{
	background: #ececec;
	padding:20px 0 20px 24px; 
}
.p-l-inner p:first-child{
	font-size: 14px;
	color:#403f3f;
}
.p-l-inner p:nth-child(2){
	font-size: 24px;
	color:#464646;
}
.p-l-inner a{
	display: block;
	width:110px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color:#fff;
	background: #d32727;
	border:1px solid #d32727;
	margin-top: 15px;

}
.p-l-inner a:hover{
	background: #252525;
	-webkit-box-shadow: 0 0 18px 5px #d32727 inset;
    -moz-box-shadow: 0 0 18px 5px #d32727 inset;
    box-shadow: 0 0 18px 5px #d32727 inset;
}
.pro-left ul{
	padding:25px;
}
.pro-left ul li{
	margin-bottom: 11px;
	float: left;
	margin-right: 10px;
}
.pro-left ul li:last-child{
	margin-bottom: 0px;
}
.pro-left ul li:nth-child(2n){
	margin-right: 0;
}
.pro-left ul li a{
	position: relative;
	display: block;
	line-height: 24px;
	padding:10px 0;
	width:140px;
	text-align: center;
	font-size: 16px;
	color:#37424b;
	background: #e9eaeb;
	border:1px solid #c3c9ce;
}
.pro-left ul li a:hover{
	background: #e7321f;
	color:#fff;
}


.pro-left ul li a i{
	display: block;
	position: absolute;
	width:33px;
	height: 33px;
	left:25px;
	top:24px;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
}
.pro-left .pro-bottom{
	width:100%;
	height: 195px;
	background: #253948;
	padding:15px 25px;
	text-align: center;
}
.pro-left .pro-bottom .fir{
	font-size: 36px;
	color:#fff;
	font-weight: 700;
}
.pro-left .pro-bottom .sec{
	font-size: 20px;
	line-height: 35px;
	background: #e7321f;
	color:#fff;
	margin:8px 0;
}
.pro-left .pro-bottom .thr{
	font-size: 16px;
	color:#fff;
	background: url(../Image/tel.png) no-repeat center left 73px;
}
.pro-left .pro-bottom .four{
	font-size: 34px;
	color:#fff;
}
.pro-right{
	float: right;
	width:825px;
}
.pro-right-top{
	width:100%;
	border:1px solid #e7e3e1;
	padding:0 30px;
	background: url(../Image/pro-p-bg.png) no-repeat left 15px center;
}
.pro-right-top p{
	float: left;
	line-height: 50px;
	font-size: 18px;
	color:#009944;
	font-weight: 700;
	
}
.pro-right-top p span{
	display: inline-block;
	margin-left: 8px;
	font-weight: 500;
	color:#9f9f9f;
}
.pro-right-top a{
	display: block;
	float: right;
	line-height: 50px;
	font-size: 14px;
	color:#3d3d3d;
}
.pro-right ul li{
	float: left;
	width:400px;
	margin-right:25px;
	position: relative;
}
.pro-right ul li:nth-child(2n){
	margin-right:0;
}
.pro-right ul li:nth-child(-n+2){
	margin-bottom:35px;
}
.pro-right ul li a{
	display: block;
	position: relative;
}
.pro-right ul li a .pic{
	width:100%;
	height: 320px;
	background: #fff;
	overflow: hidden;
	position: relative;
	border:1px solid #d2d2d2;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
}
.pro-right ul li a .pic .pro-img{
	max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.pro-right ul li .box{position:absolute;top:0;bottom:0; left:0;right:0;border:10px #e7321f solid; background:url(../Image/black.6.png) repeat; opacity:0;filter:alpha(opacity=0);}
.pro-right ul li .box .box_bg{display:block;color:#fff; text-align: center;}
.pro-right ul li .box .tit{font-size:21px; margin:104px 0 15px 0;font-weight: 700;}
.pro-right ul li .box .p{font-size: 14px;line-height: 30px; width:75px; overflow:hidden;color:#fff;text-align: center;border:1px solid #fff;margin:0 auto;}
.pro-right ul li:hover .box{filter:alpha(opacity=100); opacity:1;}
.pro-right ul li:hover .box .txt{opacity:0;filter:alpha(opacity=0);}
.transition {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.pro-title{
	width:100%;
	line-height: 38px;
	background: #eee;
	color:#5e5e5e;
	font-size: 14px;
	text-align: center;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
    margin-top: 8px;
}

/*about*/
.about{
	padding:105px 0 75px 0;
	background: url(../Image/aboutbg.jpg) no-repeat center top;
}
.about .about-inner{
	background: url(../Image/aboutbg2.jpg) no-repeat center;
	margin-top: 100px;
	height: 338px;
}
.about .about-inner .a-left{
	float: left;
	width:50%;
	padding:50px 40px;
}
.about .about-inner .a-left .fir{
	font-size: 22px;
	color:#fff;
	font-weight: 700;
}
.about .about-inner .a-left .sec{
	width:36px;
	height: 4px;
	background: #e7321f;
	margin:20px 0;
}
.about .about-inner .a-left .thr{
	font-size: 16px;
	color:#fff;
	line-height: 28px;
	text-align: justify;
	width:310px;
}



/*news*/
.news{
	padding:60px 0;
	background: #eff0f1;
}
.news .left{float: left;width: 31.916%;margin-right: 1.833%;position: relative;overflow: hidden;height: 450px;background-size:cover;background-position: center center;}
.news .right{float: left;width: 66.25%;}
.news .infor .infor_r{font-size: 14px;color: #5a5a5a;float: right;display: table;height: 100%;}
.news .infor .infor_r a{display: table-cell;vertical-align: bottom;}
.news .ip3_left{box-sizing:border-box;padding: 90px 35px 36px 30px;height: 450px;overflow: hidden;}
.news .ip3_left .en_tit{font-size: 35px;color: #fff;text-transform: uppercase;line-height: 1;margin-bottom: 5px;}
.news .ip3_left .tit{font-size: 20px;color:#fff;margin-bottom:15px;}
.news .ip3_left .con{font-size: 14px;color:#fff;line-height:29px;margin-bottom: 20px;}
.news .ip3_left .more .face1 .t{color: #fff;opacity: 1;}
.news .ip3_right {height: 450px;overflow: hidden;}
.news .ip3_right .r_l{float: left;width: 48.3%;margin-right: 3.01%;background: #fff}
.news .ip3_right .r_r{float: left;width: 48.3%;}
.news .ip3_right .r_l .top_{padding:40px 30px;position: relative;}
.news .ip3_right .r_l .top_:after{content:'';position: absolute;bottom: -42px;left: 50px;width: 0px; height: 0px; border-top: 20px solid #fff; border-right: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 22px solid transparent;z-index: 2}
.news .ip3_right .r_l .top_ .t{font-size: 18px;font-weight:bold;color: #253948;margin-bottom: 10px;}
.news .ip3_right .r_l .top_ .t a{
	color: #253948;
}
.news .ip3_right .date{color: #adadad;line-height:38px;margin-bottom: 5px;}
.news .ip3_right .date .month{float:left;font-size: 24px;padding-right: 10px;position: relative;}
.news .ip3_right .date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 19px;background:#adadad;}
.news .ip3_right .date .year{float:left;font-size: 18px;margin-left: 14px;}
.news .ip3_right .r_l .top_ .c{font-size: 13px;color: #394b59;line-height: 22px;height: 44px;overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news .ip3_right .r_l .bottom_ .rect-5546{height: 100%;}
.news .ip3_right .r_r li{margin-bottom: 15px;background: #fff;}
.news .ip3_right .r_r li:hover a .li_tit{color: #e7321f;}
.news .ip3_right .r_r li.li3{margin-bottom: 0;}
.news .ip3_right .r_r li a{display: block;padding: 20px 37px 16px 25px;box-sizing:border-box;}
.news .ip3_right .r_r li a .li_tit{font-size: 18px;color: #253948;font-weight: bold;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.news .ip3_right .r_r li a .date{line-height: 1;margin-bottom: 6px;margin-top: 8px;}
.news .ip3_right .r_r li a .date .month{font-size: 20px;}
.news .ip3_right .r_r li a .date .year{font-size: 15px;margin-top: 3px;margin-left: 11px;}
.news .ip3_right .r_r li a .li_con{font-size: 13px;line-height: 23px;color: #253948;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .left .title {
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 0;
    width: 288px;
    height: 66px;
    line-height: 70px;
    background: #253948;
}
.news .left .title .time {
    line-height: 1;
    position: absolute;
    top: 0;
    left: -95px;
    width: 44%;
    background: url(../Image/index_news01.png) no-repeat;
    color: #fff;
    font-family: 'Arial';
    height: 66px;
}
.news .left .title .time .d {
    font-size: 36px;
    margin: 5px 0;
        padding-left: 42px;
}
.news .left .title .time .y {
    font-size: 14px;
    padding-left: 30px;
}
.news .left .title .s {
    padding-left: 12%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/*footer*/
.footer{
	background:url(../Image/footerbg.jpg) no-repeat center / cover;
	padding-top:65px;
}
.f-l{
	float: left;
}
.f-l .t{
	font-size: 18px;
	color:#e7321f;
	margin-bottom: 20px;
}
.f-l .abox a{
	display: block;
	font-size: 14px;
	color:#becad3;
	line-height: 30px;
}
.f-l .abox a:hover{
	color:#fff;
}
.f-r{
	float: right;
}
.f-r p{
	font-size: 14px;
	color:#becad3;
	text-align: center;
	margin-top: 8px;
}

.last{
	width:100%;
	line-height:35px;
	margin-top: 65px;
}
.last .wrapper{
	position: relative;
}
.last .gotop{
	position: absolute;
	right:0;
	bottom:0;
	cursor: pointer;
}
.last-left{
	float: left;
}
.last-center{
	float: left;
}
.last-center ul{
	margin-top: 10px;
}
.last-center ul li{
	float:left;
	padding:5px 20px;

}
.last-center ul li a{
	display: block;
	color:#becad3;
	font:14px 'Microsoft YaHei';
}
.last-center p{
	font:14px 'Microsoft YaHei';
	color:#becad3;
	line-height: 55px;
}
.last-center p a{
	color:#becad3;
}
.last-right{
	position: inherit;
	float: right;
}
.last-right a{
	font:14px 'Microsoft YaHei';
	color:#becad3;
	line-height: 55px;
}
.sidarbox{
	display: none;
}
.prosec{
	padding-top: 0;
}
.prosec .pro-right{
	float: none;
	width:100%;
}
.prosec .pro-right ul li{
	width:287px;
	margin-right: 17px;
}
.prosec .pro-right ul li:nth-child(3n){
	margin-right: 17px;
}
.prosec .pro-right ul li:nth-child(4n){
	margin-right:0;
}
.prosec .pro-right ul li:nth-child(-n+8){
	margin-bottom:18px;
}

/*固定的悬浮窗*/
/* .yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#009944 url(../Image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#009944 url(../Image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#009944 url(../Image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#009944 url(../Image/fixCont.png) no-repeat 0 -169px;}
.hd_qr{display: block;margin:0 auto;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;} */

.side{position:fixed;width:57px;/* height:308px; */right:10px;top:250px;z-index:100;}
.side ul li{width:57px;height:57px;float:left;position:relative; margin-bottom:4px; list-style:none;}
.side ul li .sidebox{position:absolute;width:57px; text-align:left;height:57px;top:0;right:0;transition:all 0.3s;background:#dfdfdf;color:#fff;font:14px "Arial";overflow:hidden;}
.side ul li .sidebox:hover{ background:#da251d}
.side ul li .sidebox2{position:absolute;width:57px; text-align:left;height:57px;top:0;right:0;transition:all 0.3s;background:#dfdfdf;color:#fff;font:14px "Arial";overflow:hidden;}
.side ul li .sidebox3{position:absolute;width:57px; text-align:left;height:57px;top:0;right:0;transition:all 0.3s;background:#dfdfdf;color:#fff;font:14px "Arial";overflow:hidden; line-height:22px;}
.side ul li .sidebox3 a{ color:#fff}
.side ul li .sidebox3:hover{ background:#dfdfdf}
.side ul li .sidetop{width:57px;height:64px;line-height:64px;transition:all 0.3s;padding-top:2px;}
.side ul li img{float:left;}
/*å³ä¾§äºŒç»´ç */
.weixing-container {width: 57px; height: 57px;background: url(../Image/wc.png) no-repeat #dfdfdf; float:left;}
.weixing-container:hover{ background:url(../Image/wc.png) no-repeat #da251d}
.weixing-show {display: none; width: 171px; height: 180px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -180px; top: -60px; }
.weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 171px; top: 80px; position: absolute; z-index: 2;}
.weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 171px; top: 78px; position: absolute; }
.weixing-show .weixing-txt{ float:left; width:87px; padding:10px 12px; text-align:center; font-size:15px; color:#4c4c4c}
.weixing-show .weixing-txt ul li{ width:87px; height:120px;}
.weixing-container2 {width: 57px; height: 57px;background: url(../Image/wx.jpg) no-repeat #dfdfdf; float:left;}
.weixing-container2:hover{ background:url(../Image/wx.jpg) no-repeat #da251d}
.weixing-show2 {width: 171px; height: 180px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -180px; top: -60px; }
.weixing-show2 .weixing-sanjiao2 {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 171px; top: 80px; position: absolute; z-index: 2;}
.weixing-show2 .weixing-sanjiao-big2 { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 171px; top: 78px; position: absolute; }
.weixing-show2 .weixing-txt2{ float:left; width:87px; padding:10px 12px; text-align:center; font-size:15px; color:#4c4c4c}
.weixing-show2 .weixing-txt2 ul li{ width:87px; height:120px;}

.linea img{ margin-top:12px !important;}
.name a{ font-size:16px; color:#404d5b}

.weixing-container2 .weixing-show2{
	display: none;
}
.weixing-container2:hover .weixing-show2{
	display: block;
}
.weixing-container:hover .weixing-show{
	display: block;
}
.side .sidebox2{
	width: 57px; opacity: 1; background: rgb(142, 142, 142); overflow: hidden;
}
.side .sidebox2.active{
	width: 230px; opacity: 1; background: rgb(222, 222, 222); overflow: hidden;
}


.swiper-ban .swiper-slide a {
	display: block;
	width: 100%;
}
.swiper-ban .swiper-slide a img{
	width:100%;
}