/*===================== 重置样式 START =====================*/
fhdfhjfbdjfb bfhdlf fdhsjf fdhsjf fbdhjf 
@charset "utf-8";
html,body{max-width:1920px;margin:0 auto;overflow-x: hidden;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;word-break: break-all;word-wrap: break-word;text-align: justify;}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;disp lay: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .news_three_list .news_box li, .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; text-decoration:none;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display: table;width: 100%;height: 100%;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;}
.tac{text-align: center;font-size:0;}
.img{overflow: hidden;position: relative;}
.product_three_list .item:hover img, .product_two_list .item:hover img, .product_one_list .item:hover img, #top_scroll ul li:hover img, .news_two_list .news_box li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#0086bb;}
textarea{resize:none;overflow: auto;}
input{padding-top:0;padding-bottom:0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
.w1100{ width:72%; margin:0 auto;}
.w1200{ width:78%; margin:0 auto;}
.w1300{ width:80%; margin:0 auto;}
.error3{display: none !important;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}
.inner, .news_one_list .news_box li a{width:1300px;margin:0 auto;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.body{position: relative; }
.header{ position: absolute; width: 100%; background:rgba(255,255,255,0.6); box-shadow: rgba(0,0,0,.05) 0px 2px 8px; z-index: 9; }
.header_one{width: 86%; height: 115px; margin: 0 auto; text-align: center; transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
.header_one .logo{ padding-top: 30px;}
.header_one .logo img,.header_one .logo p{display: inline-block;}
.header_one .logo p{font-size: 26px; color: #0086bb;vertical-align: middle;}
.header_one .call{ text-align: right; padding:34px 0 10px 60px;  background: url(../images/call1.png) no-repeat 0px 36px; font-size: 16px; color: #fff;}
.header_one .call span{display: block; font-size: 36px; color: #0086bb; font-family: impact;vertical-align: top;}

.header.bianhua{ background: rgb(143 195 32); box-shadow: rgba(0,0,0,.2) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 5px; display:none}  
.header.bianhua .navList ul li strong a{ color: #fff;} 
.header.bianhua .navList ul li strong a.active,.header.bianhua .navList ul li:hover strong a{ color: #fff;} 
.header.bianhua,.header.bianhua .header_one,.header.bianhua .navList>ul>li,.header.bianhua .navList ul li strong a,
.header.bianhua .navList ul>li>strong::after,.header.bianhua .navList ul li strong a{ height: 90px; }
.header.bianhua .header_one .logo{ padding: 8px 0;}
.header.bianhua .navList ul li strong a{ line-height: 90px;}
.header.bianhua .nav #menu_hover_bg,.header.bianhua .navList ul li .sub_menu{ top: 90px;}
.header.bianhua .logo img{ height: 75px;}

/*nav*/
nav{ 
	position: relative;
	z-index: 9;
	width: 100%;
	background: #16883e;	
}

.nav{ display: inline-block; width: 56%;}
.nav #menu_hover_bg {
	width: 1920px;
	height: 0;
	background:rgba(0,0,0,.7);
	position: absolute;
	top: 115px;
	left: 0px;
	/* z-index: 9; */
	overflow: hidden;
}
.navList>ul>li {
	width: 14.26%;
	float: left;
	height: 115px;
}
.navList>ul>li strong:hover a{
	color: #fff; text-decoration:none;
}
.navList ul li strong {
	display: block;
	font-weight: normal;
	font-size: 18px;
	position: relative;
	transition: .6s;	
}

.navList ul>li>strong::after {
	content: "";
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 115px;
	background: #0086bb;
	transform-origin: left 100%;
	-webkit-transform-origin: left 100%;
	transition: transform .3s 0s linear;
	-webkit-transition: transform .3s 0s linear;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	z-index:-1;
}
.navList ul>li>strong:hover::after{
	content: " ";
	/*height: 45px;*/
	transform-origin: left 0;
	-webkit-transform-origin: left 0;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
}
.navList ul li strong a {
	color: #7d7d7d;
	line-height: 115px;
	display: block;
	height: 115px;
	text-align: center;
}
.navList ul li strong a{
	color:#7d7d7d;
}

.navList ul li strong a:hover{
	color:#fff;}

.navList ul>li>strong>img {
	right: -40px;
	top: 31px;
}


.navList ul li .sub_menu {
	width: 100%;
	height: 0px;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 115px;
	overflow: hidden;
	display:none;
}

.navList ul li .sub_menu .sub_menu_list {
	float: left;position: relative;
}

.en_b{float:right;margin-top: 38px;margin-right: 2%;}
.en_b a{font-size: 18px;}
.en_b a:nth-of-type(1){background: url(../images/ch.png)no-repeat left;padding: 10px 0 10px 38px;float: left;margin-right: 20px;}
.en_b a:nth-of-type(2){background: url(../images/en.png)no-repeat left;padding: 10px 0 10px 38px;float: left;}
.en_b a:hover{text-decoration: none;}

.subLi{
	display: inline-block;
	width: 9.4%;
	margin: 5px 0.3%;
	overflow: hidden;
	border-radius:6px;
}
.subLi img{
	width: 100%;
	transition: .5s;
}
.subLi:hover img{
	transform: scale(1.1);
}
.subLi span{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #0086bb;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.home-ys2{
	width: 100%;
	background: #047bcf;
	height: 136px;
	box-sizing: border-box;
	background:url(../images/navv.jpg) no-repeat center center;
}
.home-ys2 dl{
	width: 22%;
	float: left;
	margin: 20px 0 20px 40px;
}
.home-ys2 dl dt{
	width: 75px;
	height: 88px;
	display: block;
	float: left;
	background: url(../images/bg2.png) no-repeat;
	font-size: 43px;
	color: #fff;
	text-align: center;
	line-height: 88px;
	margin-right: 20px;
}
.home-ys2 dl dd{
	font-size: 20px;
	color: #fff;
	padding-top: 20px;
	
}
.home-ys2 dl dd p{
	font-size: 16px;
}
.home-ys2 span{
	float: right;
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin-right: 30px;
}
.home-ys2 span img{
	display: block;
	margin: 0px auto 10px;
}


.h20{width: 100%;height: 35px;}
.gyBox{width: 1200px;height: 340px;margin: 0 auto;background: #fff;overflow: hidden;}
.subUl{width: 100%;height: 340px;margin: 0 auto;text-align: center;}		 

.banner .swiper-slide,.banner .swiper-slide img{ width: 100% !important;}
.banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px; filter: alpha(opacity:0.5); opacity:0.5; transition: .3s; -webkit-transition: .3s;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{ filter:alpha(opacity:1); opacity:1; }
.swiper-pagination-bullet-active{width: 25px !important; border-radius: 5px !important; background-color:#0086bb !important;border-color:#0086bb !important;}




/*===================== 首页 START =====================*/

#top_scroll {height:800px;overflow: hidden;width:91%;  min-width:1300px; margin: 70px auto 0; }
#top_scroll ul li{position: relative; float: left;width:23.5%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box; background: #fff;}
#top_scroll ul li .proText{ /*position: absolute;*/ padding:30px 12px 25px; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block;font-weight: normal; color: #6c6d6b; font-size: 18px; transition: .4s;-webkit-transition: .4s;  }
#top_scroll ul li .proText i{ display: block; width: 100px; height: 24px; border: #6c6d6b 1px solid; border-radius: 50px; text-align: center; line-height: 24px;
				 font-style: normal; font-size: 14px; color: #90c320;transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li:hover{background-color:#8fc31f;}
#top_scroll ul li:hover .proText i{border: #fff 1px solid;}
#top_scroll ul li:hover strong,#top_scroll ul li:hover .proText i{ color: #fff;}


/*标题 公用*/
.g-tit1{ background:url(../images/foot_dh.jpg) left center no-repeat;text-align: center; margin:30px 0;}
.g-tit1 .tit{
  color:#333333;
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top:60px;
}
.g-tit1 i{
  display: inline-block;
  vertical-align: middle;
  width: 94px;
  height: 1px;
  background: #A6A6A6;
  margin:0 14px;
}
.g-tit1 .desc{
    font-size: 16px;
    color:#666;
}
.g-tit1.sty1 .tit,
.g-tit1.sty1 .desc{
  color:#fff;
}

/*产品分类图片一排滚动*/ 
.Box{background: #f7f7f7; margin-top:30px;}
.Box .Box_con {width: 79%; padding: 40px 0 40px; min-width: 1200px; margin: 0 auto;}
.Box .Box_con .conbox {position: relative; overflow: hidden; padding-top: 10px;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li { position: relative; float: left;margin:0 6px;}
.Box .Box_con .conbox ul li i{ display: block; width: 9px; height: 12px; backg round: #8fc31f; margin:0 auto; transition: .5s; -webkit-transition: .5s;}
.Box .Box_con .conbox ul li p{ width: 100%; height: 47px;  color: #847878; border-radius: 50px; text-align: center; background:#fff; line-height:47px;}
font-weight:bold; line-height: 47px;transition: all 0.5s; -webkit-transition: .5s; -moz-transition:.5s;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;wid th: 240px;he ight:240px; bor der: rgba(255,255,255,.85) 8px solid;  bord er-radius: 50%; overflow: hidden; transition: all 0.5s;-webkit-transition: .5s; -moz-transition:.5s; }
.Box .Box_con .conbox ul li:hover i{ heig ht: 25px;}
.Box .Box_con .conbox ul li:hover img{ trans form: rotate(18deg); -webkit- transform: rotate(18deg);}


.tit_one{ margin-bottom: 10px;}

.probtn{width: 656px; height: 45px; padding-top: 45px; margin: 0 auto;}
.probtn a{ display: block; width: 290px; height: 100%; border-radius: 50px; text-align: center;  line-height: 45px; color: #fff;}
.probtn .proMore1{  padding-left: 60px; box-sizing: border-box;  text-align: left; font-size: 27px; background: #0086bb url(../images/dh3.png) no-repeat 20px center; transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;  -ms-transition: .5s;-o-transition: .5s; }
.probtn .proMore2{background: #90c320;  }

 
/*产品展示*/
#pro-box1{
  width: 90%;
  overflow: hidden;
  margin: 50px auto;
}
@media (max-width: 1366px) {
  #pro-box1{
  width: 100%;
  overflow: hidden;
  margin: 50px auto;
  }
}
#pro-box1 li{
    width: 24%;
    height: 390px;
    background: #fff;
    margin: 15px 0.4% 40px 0.4%;
    float: left;
    list-style: none;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    
}
#pro-box1 li .Img div{
    width: 100%;
    height: 310px;
    padding: 0;
    margin: 0;
    display: block;
}
#pro-box1 li .proti{
  background: #fff;
  z-index: 999;
height: 80px;
border-bottom: 1px #f0f0f0 solid;
}


#pro-box1 li .proti p{
    display: block;
    float: left;
    width: 310px;
    height: 80px;
    margin-left: 10px;
    color: #888;
    font-size: 15px;
    overflow: hidden;
    margin-top: 15px;
}
#pro-box1 li .proti p a{display: block;font-size: 18px;color: #363636;line-height: 30px;}
#pro-box1 li .proti .cpjt{
  width: 36px;
  height: 36px;
  background: url(../images/jt.png) right center no-repeat;
  display: block;
  float: right;
  margin-right: 10px;
  margin-top: 20px;
}
#pro-box1 li:hover .proti p a{color: #0086bb;font-weight: bold;padding-left: 13px; text-decoration:none;}


#pro-box1 li .avatar{
    position: relative;
}
#pro-box1 li .avatar{
    display: block;
    height: 310px;
    overflow: hidden;
    width:100%;
}
#pro-box1 li .avatar .myClass{
    height: 310px;
}
.avatar:after {
    bottom: 0;
    content: url("../images/bg_play.png");
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
    transform: scale(1.3);
    transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);
  -webkit-transform: all 1s ease 0s;
}.section_three{position: relative; background:url(../images/about.jpg) center 0 no-repeat; }
.threeBox{ background:url(../images/abab.png) right bottom no-repeat;} 
.innerThree{width: 1300px; margin: 0 auto; padding: 30px 0 140px;}
.abl{ width: 280px;  padding-top: 250px; padding-left: 180px; background: url(../images/huahuan.png) no-repeat 0 250px;}
.abT{ padding-top: 150px;}
.abT p{  font-size: 24px; color: #fff;}
.abT h4{  font-size: 45px; font-weight: bold; color: #fff; margin-bottom: 175px;}
.abl .abPhone{ font-size: 36px; color: #fff; padding-left: 45px; font-family: Impact; background: url(../images/dh2.png) no-repeat 0 center;}
.abr{ width: 805px;}
.abtext{position: relative; z-index: 5; margin-top: -120px; margin-bottom: 45px;}
.abtext p{ color: #fff; line-height: 35px; text-align: left; width: 85%; }
.abmore{ display: block; width:200px; height: 40px; background: #0086bb url(../images/click.png) no-repeat 85% center; border-radius: 50px;
			 line-height: 40px;padding-left: 35px; color: #fff; }
.abmore:hover{ font-size: 18px; background: #0086bb url(../images/click.png) no-repeat 78% center; }

.section_seven{ background: url(../images/huaban.png) no-repeat center 0; background-attachment:fixed; background-size: cover; padding: 135px 0 105px;} 
.section_seven h3{ font-size: 46px; text-align: center; font-weight: bold; color: #90c320; margin-bottom: 30px; text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0; }
.section_seven .innerSeven>p{ widows: 520px; height: 86px; color: #fff; font-size: 36px; line-height: 55px; text-align: center; background: url(../images/huihua.png) no-repeat center 0;}
.innerSeven{ width: 1300px; margin: 0 auto;} 


/* 简介 */
.section_three{background:url(../images/abbg.jpg) center top no-repeat;overflow: hidden;height:627px;margin-top: 50px;}
.section_three .auto{width:1280px;margin:0 auto;padding-top:114px;}
.section_three .video{width:596px;height:378px;padding:14px;border:1px solid #fff;}
.video_banner{width:596px;height:378px;}
.comLink{ text-align:right;}
.section_three .info{width:46%; margin-top:80px;}
.section_three .info strong{display: block;font-weight:100;font-size:50px;color:#fff;}
.section_three .info strong span{font-weight:100;font-family: impact;opacity:0.4;padding-left:16px;}
.section_three .info h1{font-size:38px;color:#000;font-weight:bold;margin:12px 0; border-bottom:1px solid #d4d8dd; padding-bottom:20px; width:80%;}
.section_three .info .txt{background:url(../images/b1.png) left center no-repeat;font-size:22px;color:#333;padding-left:30px;}
.section_three .info .text{font-size:18px;line-height:2;color:#464646;padding-top:30px; text-align:left;}
.section_three .info .text a{font-size: 18px;color: #fff;display: inline-block;padding: 5px 50px;border-radius: 50px; background: #0186bb;}
.section_three .info .text a:hover{background: #ef0000;border-color: #ef0000;}

.numbox{background:url(../images/navv.jpg) no-repeat center center; padding:30px 0;}
.numbox .num{text-align: center;}
.numbox .num .item{display: inline-block;width:360px;border-right:1px solid #72bdd6;text-align: center;color:#fff;}
.numbox .num .item:last-child{border:none;}
.numbox .num .item h3{font-size:50px;font-weight:bold;}
.numbox .num .item h3 i{ font-style:normal; font-family:impact;}
.numbox .num .item h3 span{font-size:22px;font-weight:100;}
.numbox .num .item p{font-size:18px;}





/*案例*/
/*fa*/
.fa{overflow:hidden; background:#f5f5f5 ;background:url(../images/case.jpg) no-repeat center top;}
.fa h2{  padding:80px 0 0px 0; text-align:center; background:url(../images/faline.jpg) no-repeat center 150px;}
.fa h2 a{ display:block; padding:0 0 50px 0}
.fa h2 p{ text-align:center; font-weight:normal; font-size:16px; color:#666; line-height:35px;}


.fa_con{ width:1280px; margin:0 auto; position:relative; overflow:hidden;}

.huo_dd{ overflow:hidden; padding:10px 0 0 0}
.huo_dd li{float:left; padding:0; width:400px; height:360px; margin-right:9px; margin-bottom:20px; position:relative; overflow:hidden; ba ckground:#f7f7f7; border-bottom:1px solid #ccc; }
.huo_dd li:hover a{ font-weight:bold;}

.huo_t_l{ width:400px; position:relative;}
.huo_t_l a{ width:400px; display:block; }
.huo_t_l a div{ width:400px; height:435px; overflow:hidden; }
.huo_dd li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.huo_dd li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.huo_t_l a span{ display:block; width:400px; height:60px; color:#333; line-height:60px; text-align:center; font-size:18px; fon t-weight:bold; position:absolute; bottom:75px; left:0; backgro und:#f7f7f7}

/*优势*/
.advantage_bj{width: 100%;background: url(../images/ys_bj.jpg) center 256px no-repeat;height:1019px;position: relative;}
.advantage_bj .yspic{width: 72.7%;bottom: 10px;left: 0;right: 0;margin: 0 auto;position: absolute;animation: sss3 1s infinite alternate linear;}
.advantage{background: url(../images/ytbt.png) no-repeat top center;margin-top:50px;height: 310px;}
.advantage_title{width: 860px;margin: 0 auto;text-align: center;padding-top: 30px;position: relative;}
.advantage_title::after{content: "";display: block;width: 339px;height: 289px;right: -339px;bottom: -41px;position: absolute;}
.advantage_title h2{font-size:58px;color: #fff;font-weight: bold; line-height:1.6;}
.advantage_title_b p{color: #666; background:#fff;width: 96%;margin: 0 auto;font-size: 18px;padding: 10px 0; border-radius:50px;}

/*tedian*/
.tedian{padding:54px 0 30px;}
.tedian .td_content{margin-top:27px;height:494px;position:relative;}
.tedian .td_content .td_w{width:494px;height:494px;border:2px dashed #7ea3ba;border-radius:50%;margin:0 auto;padding:48px;position:absolute;left:50%;margin-left:-247px;top:30px;z-index:1;}
.tedian .td_content .td_w .td_n{width:100%;height:100%;border:2px dashed #7ea3ba;border-radius:50%;padding:7px;}
.tedian .td_content .td_w .td_n .td_s{width:100%;height:100%;border:10px solid #6ca7cd;border-radius:50%;}
.tedian .td_content .td_w .td_n .td_s .td_img{width:100%;height:100%;padding:5px;}
.tedian .td_content .td_w .td_n .td_s .td_img img{display:block;width:100%;height:100%;border-radius:50%;transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;}
.tedian .td_content .td_w .td_n .td_s .td_img img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.tedian .td_li{width:427px;position:relative;z-index:2;margin:68px 0 46px;}
.tedian .tfl{float:left;}
.tedian .tfr{float:right;}
.tedian .td_li span{display:block;width:87px;height:87px;background:#0086bb;font-size:40px;color:#FFF;line-height:87px;text-align:center;border-radius:50%;margin:0 auto}
.tedian .td_li .td_txt{width:calc(100% - 100px);padding-top:7px;min-height:171px;}
.tedian .td_li .td_txt.td_left{text-align:left;}
.tedian .td_li .td_txt.td_right{text-align:right;}
.tedian .td_li .td_txt p{margin:0;}
.tedian .td_li .td_txt p:first-child{font-size:32px;font-weight:bold;color:#000;line-height:52px;}
.tedian .td_li .td_txt p:last-child{font-size:18px;color:rgba(0,0,0,.7);line-height:28px;margin-top:8px;}


/*news*/
#newsbg{padding:0 0 67px;}
#newsbg .pb_title a{display:block;position:absolute;right:0;top:14px;width:171px;line-height:48px;line-height:48px;background:#d50b1e;color:#FFF;border-radius:24px;text-align:center;font-size:16px;}
.news{padding-top:10px;}
.news a:hover{ text-decoration:none;}
.news a{display:block;width:calc(100% - 853px);margin-left:34px;float:left;margin-top:12px;box-shadow:0 0 8px rgba(0,0,0,.1);}
.news a.tw{width:401px;margin-left:17px;}
.news a:first-child{margin-left:0;}
.news a .tj_img{width:100%;pad ding-bottom:231px;position:relative;}
.news a .tj_txt{padding:32px 32px 37px;background:#FFF;}
.news a .tj_txt span{display:block;height:32px;line-height:32px;margin-bottom:26px;color:#0086bb;}
.news a .tj_txt span b{display:inline-block;width:32px;height:32px;color:#FFF;background:#0086bb;text-align:center;font-size:16px;}
.news a .tj_txt p{font-size:15px;line-height:24px;color:#a3a3a3;}
.news a .tj_txt p:nth-child(2){font-size:16px;height:26px;line-height:26px;color:#313131;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;}
.news a .tj_txt p:nth-child(3){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news a .n_txt{padding:30px 40px;background:#FFF;}
.news a .n_txt .n_left{padding:7px 0;width:90px;float:left;}
.news a .n_txt .n_left span{display:block;font-size:14px;height:14px;line-height:14px;color:#999;}
.news a .n_txt .n_left span:first-child{font-size:33px;height:33px;line-height:33px;font-weight:bold;}
.news a .n_txt .n_left i{display:block;width:20px;height:1px;background:#CCC;margin:14px 0 13px;}
.news a .n_txt .n_right{width:calc(100% - 90px);float:right;padding-left:27px;position:relative;}
.news a .n_txt .n_right:before{content:'';width:1px;height:82px;background:#eee;position:absolute;left:0;top:3px;}
.news a .n_txt .n_right p{font-size:15px;line-height:24px;color:#a3a3a3;}
.news a .n_txt .n_right p:first-child{font-size:16px;height:26px;line-height:26px;color:#313131;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;}
.news a .n_txt .n_right p:last-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*friendlink*/

/*数字跳动*/
/***footer**/
.footer{
  overflow: hidden;
  background:#0086bb;
  color:#fff;
}
.footer .top{
  overflow: hidden;
  padding: 46px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.snav{
  float: left;
  width: 300px;
  height: 135px;
  margin-right: 90px;
  border-right: 1px solid rgba(255, 255, 255, .2);
}
.snav a{
  display: block;
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 26px;
  color:#fff;
  margin-right: 54px;
}
.footer .qr{
  float: right;
  padding-right: 150px;
  font-size: 14px;
  color:#fff;
  height: 132px;
  padding-top: 32px;
  line-height: 2.29;
  background: url(../images/ewm.jpg) no-repeat right;
}
.fd_content{
	width:600px;
  float: left;
  overflow: hidden;
  height: 135px;
  padding-right: 5.21vw;
  border-right: 1px solid rgba(255, 255, 255, .2);
}
.fd_content .add{
  line-height: 2;
}
.fd_content .tel{
  margin-bottom: 20px;
  padding-left: 41px;
  background: url(../images/ico25.png) no-repeat left center;
}
.fd_content .tel span{
  font-size: 30px;
  font-family: Impact;
  margin-right: 11px;
  display: inline-block;
  vertical-align: middle;
}
.fd_content .tel a{
 width: 134px;
height: 34px;
  line-height: 32px;
  font-size: 16px;
  color:#fff;
  border:1px solid #fff;
  display: inline-block;
  text-align: center;
  margin-left:37px;
  border-radius: 30px;
}
.copy{
  padding: 20px 0;
  overflow: hidden;
}
.copy span,.copy a{
  font-size: 14px;
  color:#fff;
  display:inline;
}
.links{
  overflow: hidden;
  padding: 14px 0;
  background: #0086bb;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.links  span{
  width: 170px;
  height: 33px;
  display: inline-block;
  margin-right: 2.6vw;
  background: url(../images/links.png) no-repeat;
}
.links  a{
  display: inline-block;
  line-height: 33px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 31px;
  color:#fff;
}
@media only screen and (max-width: 1760px) {.header_one{width:90%;}}
@media only screen and (max-width: 1660px) {.header_one .call{display:none;}}
@media only screen and (max-width: 1430px) {
  .footer .top{padding: 30px 0 ;}
   .snav{display: none;}
}
@media only screen and (max-width: 1230px) {
  .fd_content{padding-right: 0;border-right: none;}
}
@media only screen and (max-width: 1023px) {
   .fd_content{float: none;height: auto;margin-bottom: 20px;}
  .footer .qr{float: left;margin-bottom: 20px;}
}
@media only screen and (max-width: 767px) {
.fd_content .tel span{font-size: 20px;}
.fd_content .tel a{margin-left: 0;}
.fd_content{margin-bottom: 0;}
.footer .qr{margin-bottom: 0;}
.footer .top{padding: 20px 0 10px;}
}
/***footer**/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;
    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
/*===================== 响应式代码 =====================*/
@media  screen and (max-width: 1200px){
.call a {color:#fff }
.end_contact a {color:#fff }
}