@charset "utf-8";
body,html{ min-width: 1240px; overflow-x: hidden;}
*{ margin:0; padding:0; transition: all 0.5s;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; }
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1240{ width: 1240px; margin: 0 auto; }
.f5{ background: #F5F5F5; }
.mt30{ margin-top: 30px;}
.pt30{ padding-top: 30px;}
.p30{ padding:30px 0;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.pt50{ padding-top: 50px;}
.pt25{ padding-top: 25px;}
.mt25{margin-top:25px;}
.top{background: #000101; position: fixed; top: 0; width: 100%; z-index: 999;  height: 100px; 
; transition: all 1.5s ease; }
.top .logo{ display: block; margin-top: 20px;}
.navbar{ margin-left: 40px;  margin-top: 20px;}
.navbar li{ float: left; margin-top:20px; }
.navbar li a{ font-size: 16px; color: #fff; margin: 0 28px; display: block; position: relative; transition: all 0.7s; }
.navbar li a::before{ content: ''; display: block; position: absolute; transition: all 0.7s;   height: 2px; bottom: -15px; 
  width:50%; transform: scale(0,1);  left: 50%; margin-left: -25%;}
.navbar li:hover a::before{ background: #e60012;  transform: scale(1);} 
.navbar li:hover a{ color: #e60012;}
.top .tel{ margin-top: 25px;}
.top i{ display: inline-block; vertical-align: middle; margin-top: 5px; margin-right: 10px;}
.top p{ color: #ffffff; font-size: 14px;}
.top h3{ color: #e60012; font-size: 20px; font-family: arial;}

.top.on{ animation-name:down; animation-duration: 1s; animation-fill-mode: both;}

.banner { position: relative; overflow: hidden; height: 680px; margin-top: 80px;  }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative;/* transition: transform 5s ease;
 -webkit-transition: transform 5s ease; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); */}
/* .banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform:scale(1); -webkit-transform: scale(1); }
 */
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff;
 transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.banner .text-tit{ position: absolute; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-150%); transition: all 2s; 
opacity: 0;  visibility: hidden; filter: alpha(opacity=0);  margin-left: -400px \9; top: 30% \9;}
.banner .text-tit img{ display: block; max-width: 100%;}
/* .banner .bannerfix >li.imgIn .text-tit{  visibility: visible; opacity: 1; filter:alpha(opacity=100);  transform: translate(-50%,-50%);
 transition: all 2s;}
 */
 .title { padding:30px 0 0 0;}
 .title h1{ color: #1c1c1c; font-size: 46px; text-align: center;}
 .title h2{ position: relative; width: 300px; height: 1px; background-color: #c9c9c9; margin:15px auto 20px auto;}
 .title b{ position: absolute;  width: 50px; height: 2px; background-color: #f13848; bottom: -1px; left: 50%;
  margin-left: -25px;}
 .title p{ color: #333; font-size: 14px; text-align: center;}
 .guanyu .contwrap{ background: url(../img/about-bg.png) no-repeat top center; padding-top: 25px; padding-bottom: 35px;}
 .guanyu h3{ padding: 15px 0 30px 0;}
 .guanyu h3 img:hover{ transform: translateX(10px);} 
 .guanyu .cont p{  color: #444444; line-height: 33px; font-size: 16px;}
 .guanyu  .div1{ padding:0px 0 30px 0}
 .guanyu  .more{ display: block; 	width: 214px; height: 60px; background-color: #f2f2f2; border-radius: 30px; 
  font-size: 16px; color: #000; text-align: center; line-height: 60px; margin-top: 20px; transition:  all 0.6s;}
 .guanyu  .more:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.3); transform: translateX(10px); } 
 .guanyu .tu{ position: relative; width: 760px;  height:360px; overflow: hidden;}
 .guanyu .tu img{width: 760px;  height:360px; overflow: hidden; transition: all 0.6s; } 
 .guanyu .light{ cursor:pointer;  position: absolute;   left: -1300px;  top: 0;  width: 760px;
  height:360px;  background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
  background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
  transform: skew(-25deg); transition: all 0.6s; display: block;  overflow: hidden;}  
 .guanyu .tu img:hover{ transform: scale(1.1);}
 .guanyu .tu:hover .light{ left: 760px; z-index: 333;}  
 

 .yewu .title{ background:url(../img/tit.png) no-repeat top center;}
 .yewu ul{ margin-right: -2px; background: #f4f4f4;}
  .yewu li figure img{ display: block; width: 100%; height: auto;}
 .yewu li{ float: left;  width: 16.55%; position: relative; margin-right: 2px; overflow: hidden;}
 .yewu li figcaption{ position: absolute; top: 0;  left: 0; right: 0; bottom: 0;}
 .yewu li i img{ display: block; margin: auto; margin-top: 15.68%; max-width: 100%; max-height: 100%; overflow: hidden;
 transition: all 1s; position: relative; z-index: 33; perspective: 450;backface-visibility: visible; 
perspective-origin: 30% 10%;}
 .yewu li:hover i img{ transform: rotateY(360deg);}
 .yewu li h1{ font-size: 42px; color: #fff; text-align: center; padding-top: 6.8%; position: relative; z-index: 33;}
 .yewu li p{ padding: 0 15.1%; color: #fff; text-align: center; margin-top: 14.54%; line-height: 32px; height: 64px; 
 overflow: hidden; bottom: 0; position: absolute; z-index: 33;  transition: all 0.36s; opacity: 0;} 
 .yewu li .red-bg{ position: absolute; bottom: -100%; background: #E60012; transition: all 1s; left: 0; right: 0;
 top: 100%; }
 .yewu li:hover .red-bg{ bottom: 0; top: 0%;}
 .yewu li:hover p{  opacity: 1; bottom: 28.18%;  transition-delay: 0.36s;}
 
 .anli li{ float: left; width: 400px; overflow: hidden; margin-right: 20px; margin-bottom: 20px;}
 .anli ul{ margin-right: -20px;}
  .anli li figure, .anli li figure img{ width: 400px; height: 260px; overflow: hidden;transition: all 0.36s;}
 .anli li:hover figure img{ transform: scale(1.1);}
 .anli li figcaption{ border: 1px solid #e0e0e0; border-top: none;  padding: 20px;}
 .anli li h1{ font-size: 16px; color: #000000; } 
 
 .anli li p{ color: #aaaaaa; font-size: 12px; line-height: 26px; height: 52px; overflow: hidden;}
 .anli li h2{ overflow: hidden; clear: both; padding-top: 5px;}
 .anli li h2 em{font-size:14px; display:block;color: #000;}
  .anli li h2 span{font-size:12px; display:block; color: #666;}
 /* .anli li span{ float: left; font-size: 12px; font-family: arial; color: #555;} */

 .anli li i{ float: right;} 
 .anli li:hover h1{ color: #E60012;} 
 .anli li:hover span{ transform: translateX(10px);}
 .anli li:hover i{ transform: translateX(-10px);} 
 .anli .more{ display: block; margin: auto ; width: 175px;
	height: 52px;  border:2px solid #000; text-align: center;font-size: 18px; font-weight: bold; color: #000;
	line-height: 52px; margin-top: 15px;} 
 .anli .more:hover{ transform: translateX(10px); box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);}	
 
.youshi{background: url(../img/ys-bg.png) no-repeat top center; width: 100%; overflow: hidden; padding:50px 0 30px 0; margin-top: 35px; } 
.youshi .left{ width: 32%;}
.youshi .t1{ background: url(../img/ys.png) no-repeat top center; background-size: 100% 100%; height: 256px; }
.youshi .t1 h1{  color: #e60012; font-size: 48px; font-weight: bold; padding: 40px 0 0 20px }
.youshi .cont{ padding:0 6.25%}
/* .youshi .left p{  line-height: 56px; font-size: 22px; color: #000; margin-top: 20px;} */
.youshi .left p{line-height: 36px;font-size: 16px;color: #000;margin-top: 90px;}
.youshi .right{ width: 60%; position: relative; margin-left: 3%;}
.youshi .right img{ display: block; max-width: 100%;  overflow: hidden; }
.youshi .right img:hover{ opacity: 0.7;}
.youshi .next,.youshi .prev{ display: block; 	width: 58px;	height: 58px;	background-color: #fff; position: absolute; 
text-align: center; line-height: 58px; cursor: pointer; bottom: 48px;}
.youshi .prev{ left: -58px;}
.youshi .next{ left: 0px;}
.youshi .next i,.youshi .prev i{ display: inline-block; background: url(../img/icon.png) no-repeat 0 0;  width: 11px; 
height: 21px; transition: all 0.36s; }
.youshi .next i{ background-position: -12px 0;}
.youshi .prev:hover,	.youshi .next:hover	{ background: #E60012;}
.youshi .prev:hover i{ background-position: 0 -21px;}
.youshi .next:hover i{ background-position: -11px -21px;}	

.num_youshi{background: #E60012; padding:60px 0; height:200px;}
.num_youshi li{ float: left; width: 25%; text-align: center; cursor: default;}
.num_youshi li i{ display: block; text-align: center; color: #fff; margin: auto; perspective: 450;backface-visibility: visible; 
perspective-origin: 30% 10%; transition: all 1s } 

.num_youshi li strong{ font-size: 50px; color: #fff; font-family: arial; padding:25px 0; display: block; text-align: center;} 
.num_youshi li p{ text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.7);} 
 
.num_youshi li:hover{ transform: translateY(10px); }
.num_youshi li:hover i{ transform: rotateY(360deg);} 
.num_youshi li:hover strong{ padding: 10px 0;}
.hezuo ul{ /*background: url(../img/he-bg.png) no-repeat left center;*/  margin-top: 30px;}
.hezuo ul li{ float: left; width:245px; height:145px; text-align: center; border:1px solid #f1f1f1; }
.hezuo li img{ display: inline-block; width: 200px; height:125px; margin-top:10px; 
 -webkit-filter: grayscale(100%);     filter: grayscale(100%); }
.hezuo li:hover img{ filter: grayscale(0); -webkit-filter: grayscale(0%); }

.news{ background: #f3f3f3; margin-top: 25px; padding:0 0 30px 0}
.news .cont{ margin-top: 30px;}
.news .left figure,.news .left figure img{width: 400px;	height: 490px; overflow: hidden; position: relative;}
.news .left figcaption{ position: absolute; bottom: 0;height: 45px;
	background-color: rgba(0, 0, 0, 0.4); padding:20px; left: 0; right: 0;}   
 .news .left figcaption p{ font-size: 16px; color: #fff; width: 195px; }
 .news .left figcaption i img{display: block; width: 25px; margin-top: 20px;	height: 12px;} 
 .news .left:hover figure img{ transform: scale(1.1);}
 .news .left:hover i img { transform: scale(1);}
 .news .div2{ margin-left: 10px;}
 .news .div2 a{ width: 350px; display: block;	height: 180px;	background-color: #ffffff; margin-bottom: 10px;
 padding:30px;} 
 .news .div2 a:hover{ transform: translateX(5px);} 
 .news .div2 h1{  color: #000000; font-size: 18px; padding-bottom: 25px;} 
 .news .div2 p{  color: #666666; font-size: 14px; 	line-height: 24px;  border-bottom: 1px solid #eee; padding-bottom: 20px;
 margin-bottom: 20px;}  
  .news .div2 i{ display: block; margin-top: 20px;}
 .news .time strong { display: block; text-align: center; color: #999999; font-size: 34px; font-family: arial; font-weight: bold;} 
 .news .time b { display: block; text-align: center; color: #999999; font-size:12px; font-family: arial; } 
 /* .news .right li{ width: 330px;	height: 76px;	background-color: #ffffff; padding:40px; margin-bottom: 10px;}  */
 
 .news .right  h5 { background:#eee; width: 20px; height: 2px; margin:10px 0 20px 0;}
 .news .right h2{ color: #000000; font-size: 16px; line-height: 30px; width: 224px;}  
 .news .right span{ display: block; margin-top: 10px;}
 .news .right a{ display: block; overflow: hidden; clear: both;}
 .news .more{ display: block; margin: 0 auto ; width: 175px;
	height: 52px;  border:2px solid #000; text-align: center;font-size: 18px; font-weight: bold; color: #000;
	line-height: 52px; margin-top: 30px; position: relative; z-index: 33;} 
 .news .more:hover{ transform: translateX(10px); box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);}	
 .news .right li:hover{ transform: translateX(5px);} 
 .news .right li:hover h2,  .news .div2 a:hover h1{ color: #E60012;} 

.new-add{width:100%;}
.new-add ul{ margin-right: -53px;}
.new-add li{ float: left; width: 600px; overflow: hidden; border-radius: 5px; background: #fff;box-shadow: 0 0 10px 2px #ccc; margin-bottom: 33px; margin-left: 33px;}
.new-add li a{ display: block; position: relative;}
.new-add li figure{ float: left; width: 300px;	height: 210px; overflow: hidden; }
.new-add li figure img{  width: 300px;	height: 210px; overflow: hidden; transition: all 0.7s; }
.new-add li figcaption{ float: left; width: 224px; margin-left: 40px; margin-top: 50px; transition: all 0.7s;}
.new-add li .time{ position: absolute; left: 240px; top: 30px; overflow: hidden; clear: both; border-radius: 5px;transition: all 0.7s;}
.new-add li .date{ width: 60px;height: 40px;	background-color: #e60012; display: block; float: left;
text-align: center; line-height: 40px; color: #fff; font-size: 28px; font-weight: bold; font-family: arial;}
.new-add li .year{  width: 60px; height: 40px;	background-color: #333333; display: block; float: left;
text-align: center; line-height: 40px; color: #fff;}
.new-add .view{ display: block; text-align: right;  font-size: 14px; color: #ccc;}
.new-add .view img{ display: inline-block; padding-right: 10px;}
.new-add li h2{ color: #000000;  font-size: 16px; line-height: 32px; padding-top: 10px; transition: all 0.7s;}
.new-add li p{  color: #888888; line-height: 26px; font-size: 12px; height: 48px; overflow: hidden; margin-top: 20px;} 
.new-add li:hover .time{ left: 50px;}
.new-add li:hover figcaption{ margin-top: 30px;}
.new-add li:hover h2{ color: #e60012;}
.new-add li:hover figure img{ transform: scale(1.1);}
 
 
 /*
 .footer{ background: #1a1a1a; width: 100%; overflow: hidden; padding:50px 0 20px 0;  }
 .footer .w1240{position: relative;}
 .footer dl{ float: left; margin-right: 100px;}
 .footer dt{ font-size: 14px; color: #cccccc; padding-bottom:10px;}
 .footer dd a{ display: block; padding:10px 0; color: #888888; font-size: 12px}
 .footer dd a:hover{ color: #E60012;} 
 .footer .code{ margin:0 150px 0 50px;}
 .footer .code p{ text-align: center; color: #cccccc; font-size: 14px; padding-top: 20px;} 
.footer .info p{ width: 280px; color: #888888; line-height: 30px; font-size: 14px; } 
.footer .info b{ display: block;  color: #cccccc; font-size: 24px; font-family: arial; padding:10px 0 15px 0}
.footer .pos2{ position: absolute; right: 77px;  bottom: 5px;} 
.copyright { padding-top: 45px; border-top: 1px solid #313131; margin-top: 50px;}
.copyright p{color: #888888; font-size: 14px; line-height: 34px;}
*/
.to-top{ position: fixed; right: 10px; bottom: 20px;}
.to-top.tophide{transform:translateY(60px);	-webkit-transform:translateY(60px);	opacity:0;	display:none\9;	}


.neibanner{ margin-top: 80px; height: 450px; width: 100%; overflow: hidden;}
.neibanner img{ display:block; margin:0 auto; width:100%; height:auto;}
.bread-crumb{ border-bottom: 1px solid #F5F5F5; background: #fff; padding:25px 0;}
.bread-crumb div.fl a{ display: inline-block; font-size: 16px; color: #333; margin-right: 30px; transition: all 0.36s;}
.bread-crumb div.fl a.on i,.bread-crumb div.fl a:hover{ border-color:#E60012;}
.bread-crumb div.fl a.on,.bread-crumb div.fl a:hover{ color: #E60012;}
.bread-crumb div.fl a i{ display: inline-block; height: 8px; width: 8px; border:2px solid #9a9a9a; border-radius: 100%; margin:0 10px 0 0;}
.bread-crumb div.fr a{ display:block; font-size: 16px; color: #666;}
.bread-crumb div.fr a img{ display: inline-block; margin-right: 10px;}

.casepage-list,.newspage-list,.details-page{ background: url(../img/about-bg.png) no-repeat top center; padding-bottom: 25px;}
.casepage-list dl{ margin-bottom: 30px;}
.casepage-list dd{ width:400px;  margin-left: 100px; height: ;}
.casepage-list dt,.casepage-list dt img{ width: 660px; height: 429px; overflow: hidden;}
.casepage-list dl:hover img{ transform: scale(1.1);}
.casepage-list h1{ font-size: 18px; color: #000; padding:10px 0; text-align: center;}
.casepage-list p{ font-size: 16px; color: #666;  line-height: 30px; height: 150px; text-align: center; }
.casepage-list .more{ display: block; width: 150px; border:2px solid #000; height: 40px; 
text-align: center; line-height: 40px; font-size: 16px; color: #333; margin: auto;}
.casepage-list .more:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.3); transform: translateX(10px);}


.fenye{ text-align: center;  padding:20px 0 0 0 }
.fenye a{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #fff;
color: #555; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye span{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #F48D12; color: #fff; cursor: pointer; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye a:hover,.fenye a.on{ background: #E60012; color: #fff; cursor: pointer; }

.newspage-list dt,.newspage-list dt img{ width: 245px; height: 290px; overflow: hidden;}
.newspage-list dd{ width: 900px;}
.newspage-list dd h1{ font-size: 20px; color: #000;}
.newspage-list dd h2 { padding:20px 0;}
.newspage-list dd h2 span{ display: inline-block; font-size: 14px; color: #999; padding-right: 10px;}
.newspage-list dd h2 img{ display: inline-block;vertical-align: middle; margin-right: 5px;}
.newspage-list dd p{ font-size: 14px; line-height: 30px; color: #333; height: 120px; overflow: hidden;}
.newspage-list .more{ display: block; width: 150px; border:2px solid #000; height: 40px; 
text-align: center; line-height: 40px; font-size: 16px; color: #333; }
.newspage-list .more:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.3); transform: translateX(10px);}


.newspage li a{ display: block; overflow: hidden; clear: both; }
.newspage li{ position: relative; transition: all .36s ease;position: relative; padding: 20px; border-bottom: 1px solid #e5e5e5;  
border-bottom-color: rgb(229, 229, 229);overflow: hidden; clear: both;  overflow: hidden; background: #fff; margin-bottom: 25px;}
.newspage .news_img{ display: block; width: 258px; float: left; height: 170px;  z-index: 5; position: relative; }
.newspage .news_img img{ display: block; width: 258px; height: 170px;  z-index: 5;  position: relative;}
.newspage .news_text{ width: 750px; float:left; margin-left: 30px;  z-index: 5;  position: relative;}
.newspage .news_text h2{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #333; line-height: 30px;
 padding-top: 15px; transition: all 0.6s;}
.newspage .news_text p{ width: 750px;padding-top: 11px;font-size: 13px;line-height: 26px;height: 52px;overflow: hidden;color: #888;}
.newspage .data_wrap{ position: absolute; top: 30px; right: 30px;}
.newspage .data_wrap span{ font-family: helveticaneuethn, Arial; font-size: 22px;line-height: 30px; color: #999;}
.newspage  span.detail{ position: absolute; bottom: 30px; right: 50px;  display: block; padding-left: 20px;  height: 36px; line-height: 36px;
transition: all .36s ease;   display: block; width: 100px; height: 35px; line-height: 35px; border:1px solid #F5F5F5;
 color: #fff;  background: #E60012;}
.newspage  span.detail img{ display: inline-block; width: 20px; margin-left: 10px; transition: all 0.7s;}
.newspage  span.detail:hover img{ transform: translateX(5px);}
.newspage li:hover{box-shadow: 0 0 40px rgba(0, 0, 0, .08); transform: translateX(15px); }
.newspage li:hover span.detail{ right: 20px;}
.newspage .mask{ display: block; position: absolute; left: -50%; background: #E60012; top: 0; bottom: 0; 
transform:rotate(60deg); z-index: 3;  height: 100%; opacity: 0.05; transition: all 1s; } 
.newspage li:hover .mask{ animation-name: weizhi; animation-duration: 1s; width: 50%;}
.newspage li:hover h2{ color: #E60012;}



.detail_tou{ margin:0px 0 10px 0; padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.detail_tou h1{ text-align: center;  font-size: 24px; text-align: center;  padding:10px 0 15px 0; font-weight: bold;}
.detail_tou p{ text-align: center; font-size: 14px; color: #666; }
.detail_cont{ line-height: 36px; color: #555; }
.detail_cont p{ line-height: 36px; color: #555; }
.detail_cont p img{ display: block; margin:10px auto; max-width: 100%; }

.detail-left{ width:900px;}
.detail-right{ width: 260px; float: right;}
.de-right-tit{ position: relative;}
.de-right-tit h2{ border-bottom: 1px solid #eee; padding-bottom:15px; font-size: 16px; color: #E60012; font-weight: bold;}
.de-right-tit span{ display: block; position: absolute; bottom: 0; width: 60px; height: 1px; background: #E60012;}
.de-right-ul{ padding-top: 15px;}
.de-right-ul li a{ display: block; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.de-right-ul li figure,.de-right-ul li figure img{ display: block; width: 260px; height: 168px; margin: auto;  transition: all 0.36s; overflow: hidden;}
.de-right-ul li:hover img{ transform: scale(1.1); }
.de-right-ul li h2{ font-size: 16px; text-align: center; color: #000;  padding:15px 0; }

.de-right-tit2{ margin-top: 20px;}
.detail-right dl{ display:block; overflow:hidden;}
.detail-right dl dd{ display:block; overflow:hidden; margin-top:10px;}
.detail-right dl dd input.text{ border:1px #E0E0E0 solid; display:block; height:44px; color:#777; line-height:44px; width:100%; padding-left:6px;
box-sizing: border-box;}
.detail-right dl dd textarea{ border:1px #eee solid; display:block; height:110px; width:100%; color:#777; padding: 6px 0 0 6px; 
background: transparent; box-sizing: border-box;}
.detail-right dl dd input.sub{ background:#E60012; border:none; color:#fff; font-size:16px; line-height:36px;  cursor:pointer; width: 100%;}

.back{ padding-top: 10px; border-top: 1px solid #F5F5F5; margin-top: 60px;} 
.back div.fl a{ display: block; color: #333333; font-size: 14px; padding: 15px 0 0 0 ; transition: all 0.36s;}
.back div.fr a{ display: block; color: #666666; font-size: 14px; border:1px solid #e0e0e0; padding:10px 35px; border-radius: 50px; margin-top: 20px;
transition: all 0.36s;}
.back div.fr a:hover{ color:#fff; background: #E60012; border-color: #E60012;}
.back div.fl a:hover{ color: #E60012;}


.online{ padding:20px 40px; background:#fff; overflow:hidden; position:relative;}
.online h1{ font-size:40px; line-height:50px; font-weight:bold; text-align:center; font-family:Arial;}
.online h2{ text-align:center; font-size:16px; padding-bottom:40px; overflow:hidden;}
.online .zxly{ width:680px; overflow:hidden;}
.online .zxly li{ overflow:hidden; margin-top:15px;}
.online .zxly li:nth-child(1){ margin:0;}
.online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:680px; background:#f8f8f8; border:none;}
.online .xxnr{ width:680px; overflow:hidden;}
.online .xxnr textarea{ padding:10px; overflow:hidden; background:#f8f8f8; width:670px; height:325px; border:none; margin-top:20px; outline:none;}
.online .ljtj{ width:680px; overflow:hidden; padding-top:15px;}
.online .ljtj input.sub{ background:#373636; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}


 @keyframes down{
 	from{transform: translate(0,-100%);}
 	to{transform: translate(0,0);}
 }
 @keyframes weizhi{
	from{ left: -50%;}
	to{ left: 100%; }
}
@media screen and (max-width:1900px) {
	.yewu li{ width: 16.5%;}
	/* .youshi .left p{ font-size: 18px;} */
	.youshi .left p{line-height: 36px;font-size: 16px;color: #000;margin-top: 90px;}
	.youshi .left{ width: 34%;}
}
@media screen and (max-width:1800px) {
	.yewu li{ width: 16.5%;}
	.youshi .left p{ font-size: 18px;}
}
@media screen and (max-width:1700px) {
	.yewu li{ width: 16.5%;}
	.youshi .left p{ font-size: 18px;}
}
@media screen and (max-width:1600px) {
	.yewu li{ width: 16.5%;}
	.youshi .left p{ font-size: 18px;}
}
@media screen and (max-width:1500px) {
	.yewu li{ width: 16.5%;}
	.youshi .left p{ font-size: 16px;}
}
@media screen and (max-width:1400px) {
	.yewu li{ width: 16.5%;}
	.youshi .left p{ font-size: 16px;}
}

@media screen and (max-width:1366px) {
	.youshi .cont{ padding:0 1%}
	.youshi .t1{ height: 200px;}
	.youshi .t1 h1{ padding-top: 20px;}
	.youshi .left p{line-height: 36px;font-size: 14px;color: #000; margin-top: 30px;}
	.youshi .left{ width: 34%;}
	.yewu li h1{ font-size: 30px;}
}


.title { padding:30px 0 0 0; background: url(../img/tit2.png) no-repeat top center;}
.yewu .title{ background:#F5F5F5 url(../img/tit2.png) no-repeat top center !important;}
.footer{ background: #1a1a1a; width: 100%; overflow: hidden; padding:30px 0 0px 0;  }
.footer .w1240{position: relative; }
.footer dl{ float: left; margin-right: 100px; margin-top: 45px;}
.footer dt{ font-size: 14px; color: #cccccc; padding-bottom:10px;}
.footer dd a{ display: block; padding:5px 0; color: #888888; font-size: 12px}
.footer dd a:hover{ color: #E60012;} 
.footer .code{ margin:30px 150px 0 50px;}
.footer .code p{ text-align: center; color: #cccccc; font-size: 14px; padding-top: 20px;} 
.footer .info p{ width: 280px; color: #888888; line-height: 30px; font-size: 14px; } 
.footer .info b{ display: block;  color: #cccccc; font-size: 24px; font-family: arial; padding:10px 0 15px 0}
.footer .pos2{ position: absolute; left: 0;  top: 0px;} 
.footer .div6{ margin-top:75px;}
.copyright { padding: 15px 0; border-top: 1px solid #313131; margin-top: 20px;}
.copyright p{color: #888888; font-size: 14px; }