@charset "utf-8";
* { padding: 0; margin: 0; }
ul li { list-style: none; }
a { text-decoration: none; color:#444; }
a:hover { color:#ff7f00; }
img { border: none; }
html, body { font: 14px/180% "Microsoft YaHei" ; color: #616161;   font-weight:normal; }
h1,h2,h3,h4,h5,h6,div,p,ul,li{ padding: 0; margin: 0; list-style: none;}
.clear { clear:both; }
.clearfix:after { content: " "; display: block; clear: both; height: 0;visibility: hidden; }
.clearfix { zoom: 1;}
 
input:focus,textarea:focus{ outline:none;}
.fl { float:left; }
.fr{ float: right;}

.w1200 { width: 1200px; margin:0 auto; }
.top { width: 100%; height: 35px; line-height: 35px; border-bottom:1px solid #e3e3e3 ;  }
.top .fr i{ margin-right: 10px;}
.top .fr i.icon-dianhua{ color: #ff7f00; }
.top .fr .t-wxbox{ display: none;  padding: 5px; position: absolute; top:25px ; right: 0; width: 112px; height: 112px; background: #fff; border: 1px #e3e3e3 solid; z-index: 999;}
.top .fr .t-wxbox img{ width: 112px; height: 112px;}
.top .fr .ewm{  position: relative; cursor: pointer;}
.top .fr .ewm:hover .t-wxbox{ display: block;}


.logo{ width: 260px; overflow: hidden;}
.logo img { max-width:260px; height:90px; margin-top: 20px;}
 
.head { width:100%;   position:relative; }
.navli {   float:right }
.navli li {  float:left; text-align:center; position:relative;  }
.navli li a.curr,.navli li a:hover{ background:#dadada; color: #666;}
.navli li a { color:#666; display:block; line-height: 123px;  font-size:16px; padding: 0 15px;}
 
.navli li:hover ul { display:block; }
.navli  li:hover a{ background:#DADADA;}
.navli li ul { display:none;  position:absolute; top:123px; left:-60px; background:#DADADA; z-index:9999;  width: 200px; padding: 10px;  }
.navli li:nth-child(3) ul{ left: -40px;}
.navli li ul li { float:none; line-height:  normal;}
.navli li ul li a { color:#333; font-size:14px; line-height: 40px;}
.navli li ul li a:hover { color:#333; }
 
/*幻灯*/
.fullSlide { width:100%; position:relative; margin:auto; height:530px; z-index:0; }
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul { width:100%!important; }
.fullSlide .bd li { width:100%!important; height:530px; overflow:hidden; text-align:center; background-repeat:no-repeat; background-size:100%; }
.fullSlide .bd li a { display:block; height:530px; }
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul { text-align:center; width:150px; margin:0 auto; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline-block;
zoom:1; width:40px; height:5px; margin:5px; overflow:hidden; background:#000; filter:alpha(opacity=70); opacity:0.7; float:left; }
.fullSlide .hd ul li:hover { background:#ff7e00; }
.fullSlide .hd ul .on { background:#ff7e00; }
.fullSlide .prev, .fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:50px; width:40px; height:60px; background:url(../images/slider-arrow.png) #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.9; display:none; }
.fullSlide .next { left:auto; right:50px; background-position:-6px -137px; background:url(../images/slider-arrow2.png) #000 no-repeat }

.ibt{ text-align: center; font-weight: normal; font-size: 18px; color: #8a8a8a; margin: 30px 0;} 
/*优势*/
.i-youshi li{ float: left; border: 1px #e3e3e3 solid; margin-right: -1px; width: 178px; height: 80px; font-size:12px;text-align: center; padding: 10px; background: #f8f8f8;}
.i-youshi li span{ display: block; border-bottom: 1px #e3e3e3 solid; font-size: 18px; line-height: 45px; margin-bottom: 5px;}
.i-youshi li.curr{ background:#ff7f00 ; color: #fff; }
.i-youshi li.curr span{ border-color: #ff8e1e;}

.ipro{ margin-bottom: 20px;}
.ipro li{ width: 238px; float: left;   border:1px solid #eee; margin-left: -1px; text-align: center;}
.mr0{ margin-right: 0;}
.ipro li span{ width: 218px;height: 170px; display: block;overflow: hidden;margin: 10px;}
.ipro li span img{ display: block; margin: 0 auto; max-width: 218px; height: 170px;  transition: all .6s ease-out;}
.ipro li:hover span img{ transform: scale(1.2);}
.ipro li p{ line-height: 40px; font-size: 16px;}
.ipro + .more{ margin-bottom: 20px;}
.ipro + .more a{ display: block; margin: 0 auto; width: 80px; line-height: 30px; background: #F7A72D; color: #FFF; text-align: center;}

.wbt{ position: relative; line-height: 30px; border-bottom: 1px solid #c8c8c8; margin : 20px 0;}
.wbt b{ border-bottom: 1px #333 solid; padding: 0 5px; display: inline-block; font-size: 16px; font-weight: normal; line-height: 32px;}
.wbt span{ position: absolute; top:0; right: 0;}
.wbt span a{ color: #fff; padding: 2px 10px; background: #a8a8a8;  }
.inews{ width: 610px;}
.inews dl{ width: 260px; border: 1px #ddd solid; padding: 10px;}
.inews dl dt img{ width: 260px; max-height: 200px;  }
.inews dl dd h3{ font-size: 16px; font-weight: normal;}
.inews dl dd h3 + p{ font-size: 12px; color: #999;}
.inews dl dd .desc{ font-size: 12px;}
.inews .inewlist{ width: 310px;}
.inews .inewlist li{ margin-bottom: 6px; border-bottom: 1px #ddd solid; padding-bottom: 6px;}
.inews .inewlist li:last-child{ border-bottom: 0;}
.inews .inewlist li p{ font-size: 12px; color: #999;}
.inews .inewlist li a{ display: block; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.about{ width: 550px;}
.about .anav li{ float: left; width:100px;  margin-right: 10px;}
.about .anav li a{ display: block; line-height: 30px; border: 1px #ddd solid; text-align: center; font-size: 16px;}
.about .anav li a:hover{ background: #ff7f00; color: #fff;}
.about .apic img{ width: 550px; height: 137px; margin : 20px 0 10px;}
.about .acon{ border: 1px #ddd solid; padding: 10px; font-size: 13px;}
.about .acon .more{  margin : 10px 0 5px;}
.about .acon .more a{background: #FF7E00; color: #fff; padding: 5px 30px;}

.izhanli li{ width: 198px;}
.izhanli li span{ width: 178px; height: 150px;}
.izhanli li span img{ max-width: 178px;height: 150px}
.adv{ background: url(../images/l-banner.jpg) center top no-repeat; width: 100%; height: 200px; padding-top: 19px; text-align: center; color: #fff; margin: 20px 0 0;}
.adv h3{ padding: 20px; font-size: 24px; margin-top: 30px;}
.adv p{ font-size: 16px; line-height: 30px; }

/*foot*/
.iserver{ background: #E7E7E8; height: 100px;}
.iserver ul li{ float: left; width: 150px; line-height: 100px; font-size: 16px; padding-left: 50px; position: relative;}
.iserver ul li i{ position: absolute;top: 0px; left: 10px; font-size: 30px;}
.fnav dl{ float: left; width: 180px; margin: 10px;}
.fnav dl dt{ line-height: 45px; background: url(../images/footdtbg.jpg) left bottom no-repeat; margin-bottom: 10px; }
.fnav dl dt a{ font-size: 16px;}
.fnav dl dd{ line-height: 35px;}

.link{ border-bottom: 1px #ddd solid; border-top: 1px #ddd solid; line-height: 35px; padding: 10px 180px 10px 0; position: relative; margin-bottom: 10px;}
.link .xml{ position: absolute; top: 10px; right: 10px;}
.copyright{ color: #9b9ea0;}
.copyright a{ color: #9b9ea0;}




/****内页****/
.weizhi{ line-height: 60px; font-size: 14px; color: #666;}
.weizhi a{font-size: 14px; color: #666; }

.snav li{ float: left; margin-bottom: 20px; }
.snav li a{ display: block; padding: 10px 30px; text-align: center; font-size: 15px; background: #eee;}
.snav li a.curr{background: #FF7F00; color: #fff; }

.singlepage{ margin-bottom: 20px;}
.singlepage p{ text-indent: 2rem; margin-bottom: 10px;}

.newsdl{ border: 1px #ddd solid; padding: 10px 20px 10px 10px; margin-bottom: 20px;}
.newsdl dt{ float: left; width: 345px; height: 245px;} 
.newsdl dt span{ display: block; width: 345px; height: 245px; overflow: hidden;}
.newsdl dt span img{ width: 345px; transition: all .6s ease-out;}
.newsdl:hover img{ transform: scale(1.1);}
.newsdl dd{ width: 780px; float: right;}
.newsdl dd h2{ overflow: hidden;text-overflow: ellipsis; white-space: normal; font-weight: normal; margin-top: 20px; line-height: 60px; margin-bottom: 20px; background: url(../images/dlddling.jpg) bottom left no-repeat; }
.newsdl dd h2 a{ color: #333; font-size: 22px;}
.newsdl dd h2 span{ font-size: 12px; color: #999;}
.newsdl dd p{ font-size: 16px; line-height: 28px;}

.pages{ text-align: center;  margin: 50px 0 ;}
.pages ul li{ display: inline; margin: 10px;}
.pages ul li a{ border: 1px #ddd solid; font-size: 18px; padding:5px 10px;}
.pages ul li.active  a{ color: #FFF; background: #FF7E00;}


.con-box{ padding: 20px; border: 1px #ddd solid; margin-bottom: 20px;}
.con-box h1.title{ line-height: 50px;}
.con-box h1.title + p{ background: url(../images/dlddling.jpg) bottom left no-repeat; color: #999; margin-bottom: 20px; padding-bottom: 10px;}
.con-box .fy{ border-top: 1px #ddd solid; padding-top: 20px;}


.case li{ width: 338px; padding: 20px; float: left; margin-right: 30px; border: 1px #ddd solid; text-align: center; margin-bottom: 30px;}
.case li.mr0{ margin-right: 0;}
.case li span{ width: 338px; display: block; height: 240px; overflow: hidden;}
.case li span img{  width: 338px; margin: 0 auto; transition: all .6s ease-out; }
.case li:hover span img{ transform: scale(1.1); }
.case li p{ line-height: 30px; margin-top: 20px; font-size: 16px;}

.bigpic{ margin: 20px; }
.bigpic img{ max-width: 100%; display: block; margin: 0 auto;}

.pro_list li:hover{ border-color: #FF7E00;}
.pro_list h3{ border-bottom: 1px #ddd solid; font-size: 22px; color: #666;text-align: left; font-weight: normal; line-height: 60px;  }
.pro_list .desc{ color: #666; font-size: 14px; margin-top: 0; padding-top: 10px; text-align: left; min-height: 100px;}
.pro_list .desc + p{ text-align: left; margin-top: 0;}
.pro_list em{ font-style:normal ;display: inline-block; line-height:30px; width: 100px; background: #999; color: #fff; text-align: center;}


.video li a{ font-size:14px ;}


/*网站地图*/
.rrs { padding: 10px; }
.rrs h2 { font-size: 16px; color:#ff8e1e; line-height: 80px; }
.rrs .rrslist li { height: 30px; line-height: 30px; vertical-align: middle; position: relative; border-bottom: 1px #eee solid }
.rrs .rrslist li span { position: absolute; top: 0; right: 10px; }


.t-leftbox{ position: fixed; bottom: 120px; left: 0; width: 150px;height: auto; color: #fff; padding: 10px; background: #ff8e1e;}
.t-leftbox a{ color: #fff;}
.t-leftbox ul li{ border-bottom: 1px #fff solid; line-height: 35px;}
.t-leftbox ul li:last-child{ border-bottom: 0;}
.t-video{position: fixed; bottom: 0px; right: 0; width: 200px; height: 150px;}
.t-video span{ position: absolute; top:0px; display: block; width: 200px; height: 150px; text-align: center; background: rgba(0,0,0,.2); cursor: pointer;}
.t-video span img{ display: block; margin: 20px auto 0;}

.t-vbox{ position: fixed; display: none;  width: 100%; height: 500px; top: 20%; z-index: 99999999;}
.t-vbox .vcon{width: 600px; height: 450px; margin: 0 auto; position: relative;}
.t-vbox .vcon i{ display: block; position: absolute; top: 0;right: -60px; width: 50px;height: 50px;line-height: 50px; font-size: 40px; color: #fff; cursor: pointer;}
.zhezhao{ position: fixed; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 999999; width: 100%; min-height: 1080px; overflow: hidden; display: none;}