@charset "utf-8";
/* CSS Document */

html{overflow-y:scroll;}
html,body{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0 none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;}
body{background:#F3F3F3; color:#333333;font: 12px/1.5 "microsoft yahei",Arial,Verdana;}
ol,ul{list-style:none outside none;}
table{border:0 none;border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
:focus{outline:medium none;}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
a{color:#333333;text-decoration:none;}
a:hover{cursor:pointer;text-decoration:underline; color: #EB5405;}
a:focus{outline:medium none;}
.clear{clear:both;display:block;height:0;overflow:hidden;}
.red{color:#FF0000;}
.gray{color:gray;}
.green{color:#006600;}
a.green:hover{color:#006600;text-decoration:underline;}
.fl {float: left;}
.fr {float: right;}

.headwrap {width: 100%; display: block; height: 73px; background: url(../images/headbg.jpg) repeat-x;}
.headwrap .head {width: 1000px; height: 73px; margin:0 auto;}
.headwrap .head h1 {display: block; float: left; width: 158px;}
.headwrap .head .nav {float: right; width: 550px; height: 26px; margin-top: 26px;}
.headwrap .head .nav li {width: 40px; height: 26px; float: left; margin: 0 20px;}
.headwrap .head .nav li a {display: block; height: 26px; text-align: center; color: #fff; font-size: 14px;}
.headwrap .head .nav li a.hover {background: url(../images/navlibg.jpg) no-repeat center 24px;}
.headwrap .head .nav li a:hover {background: url(../images/navlibg.jpg) no-repeat center 24px; text-decoration: none; color: #EB5405;}

.sliderwrap {width: 100%; display: block; height: 450px; background: #EB5405;}
.slider {width: 1000px; height:450px; overflow: hidden; margin: 0 auto; display: block; position: relative;}
.flexslider{margin:0;padding:0;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
.flexslider .slides img{width:100%;display:block;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides{display:block;}
* html .slides{height:450px;}
.no-js .slides > li:first-child{display:block;}
.flexslider{margin:0 auto;position:relative;width:1000px;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav{*height:0;}
.flex-direction-nav a{width:60px;height:90px;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav a:hover {opacity:0.9;filter:alpha(opacity=90);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.wrap {width: 1000px; margin: 28px auto; display: block; clear: both; overflow: hidden;}
h3.tbt {display: block; height: 26px; line-height: 26px; font-size: 16px; padding-left: 8px; background: url(../images/servicebtbg.jpg) no-repeat 0px 5px; margin-bottom: 10px;}
h3.tbt span {float: right; display: inline-block; font-size: 12px; font-family:Arial;}
h3.tbt span a {color: #666;}
h3.tbt span a:hover {color: #EB5405;}
.servbox {width: 302px; height:428px; float: left; border: 2px solid #d2d2d2; margin:0 13px 15px 13px;}
.servbox h3 {height: 40px; line-height: 40px; padding-left: 12px; font-size: 16px; background: #e8e8e8; border-bottom: 1px solid #d2d2d2;}
.servbox .conts {padding: 12px; width: 278px; height: 324px; display: block;}
.servbox .conts .conimg {margin-bottom: 12px; width: 278px; height: 155px; position: relative;}
.servbox .conts .conimg a {display: block;}
.servbox .conts .conimg p.tits {width:278px; position: absolute; bottom: 0; height: 36px; line-height: 36px; z-index: 99; background: #000;  opacity: 0.6; filter:alpha(opacity=60); color: #fff; font-size: 14px; text-align: center;}
.servbox .conts .context {font-family:Arial; line-height: 160%; padding-bottom: 12px;}
.servbox .conts .conp p {font-family:Arial; line-height: 160%; color: #979797;}
.servbox h4 {font-family:Arial; height: 36px; line-height: 36px; text-align: right; padding-right: 15px; border-top: 1px solid #d2d2d2;}
.servbox h4 a{color: #555;}
.servbox h4 a:hover {color: #EB5405;}
.news {width: 600px; float: left; border-right: 1px dashed #ccc; padding-right: 30px;}
.news li {display: block; height: 60px; padding-bottom: 25px;}
.news li .fl {float: left; width: 78px; margin-right: 10px;}
.news li .fl img {width: 78px; height: 56px;}
.news li .fr {float: left; width: 500px;}
.news li .fr .biaoti {padding-bottom: 5px; display: block; line-height: 16px;font-family:Arial;}
.news li .fr .biaoti span {display: inline-block; height: 16px; line-height:16px; text-align: center; color: #fff; margin-right: 10px; padding:0 12px; background-color: #59C36B; border-radius: 10px;}
.news li .fr .miaosu {display: block; line-height: 18px;font-family:Arial; color: #666;}
.about {width: 320px; float: right;}
.about p {font-family: Arial; line-height: 160%; color: #a0a0a0; text-indent: 25px; padding-bottom: 5px;}
.contactwrap {display: block; width: 100%; background-color:#f4f4f4; height:100px;}
.contactwrap .contact{width: 1000px; margin: 0 auto; height: 100px;}
.contactwrap .contact .fl {background: url(../images/fcontact.jpg) no-repeat 0 0; padding-top: 40px; line-height: 18px; font-family: Arial; color: #999;}
.contactwrap .contact .fr{width: 290px; height:80px; background: url(../images/liuyanbg.jpg) no-repeat 0 22px; padding-left: 125px; font-size: 16px; }
.contactwrap .contact .fr p {padding-top: 42px; padding-left: 3px;}
.contactwrap .contact .fr p a{color: #999;}
.contactwrap .contact .fr p a:hover {text-decoration: none; color: #EB5405;}
.footerwrap {width: 100%; display: block; height: 67px; border-top: 1px solid #3d3d3d; background: #2a2a2a;}
.footerwrap .footer{width: 1000px; margin: 0 auto; height: 67px; line-height: 66px; color: #fff;}
.footerwrap .footer .fl a {display: block; padding-right:24px; color: #fff; float: left;}
.footerwrap .footer .fl a:hover {text-decoration: none; color: #EB5405;}
.listbt {display: block; width: 1000px; height: 55px; margin-top: 45px; border-bottom: 2px solid #c2c2c2; position: relative;}
.listbt h3 {height: 35px; line-height: 35px; font-size: 26px; color: #000;}
.listbt h3 span {font-size: 18px; color: #666; padding-left: 5px; font-weight: normal;}
.listbt p.en {color: #c4c4c4; font-weight: normal;}
.listbt a.qq {width: 77px; height: 22px; position: absolute; right: 10px; bottom: 5px;}
.subnav {margin: 38px 0; width: 1000px; height: 25px;}
.subnav a{display: block; width: 95px; height: 25px; line-height: 24px; text-align: center; color: #000; float: left; margin-right: 10px; background-color:#dbdbdb; border-radius: 3px;}
.subnav a.active,.subnav a:hover {background-color:#59C36B; color: #fff; text-decoration: none;}
.casebox,.casebody {width: 1000px; display: block; clear:both; overflow: hidden; margin-bottom: 88px;}
.casebox .caseli {float: left; width: 285px; height: 255px; margin-bottom: 30px; margin-right: 68px;}
.casebox .caseli:nth-child(3n){margin-right:0;}
.casebox .caseli .imgbox {width: 275px; height: 162px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; box-shadow:1px 1px 3px #ccc;}
.casebox .caseli .imgbox img {width: 275px; height: 162px;}
.casebox .caseli .title {display: block; height: 30px; line-height: 30px;}
.casebox .caseli .title a{color: #3DA007; display: block;}
.casebox .caseli .title a:hover {}
.casebox .caseli .infor {display: block; line-height: 18px; color: #999;}
.page {display: block; width: 1000px; height: 26px;}
.page .pagelist { float: right;}
.page .pagelist li {float:left;list-style:none;}
.page .pagelist a {display: block; float: left; padding: 0 15px; margin-right: 3px; background-color: #dadada; height: 26px; line-height: 26px; text-align: center; color: #000;}
.page .pagelist a.active,.page .pagelist a:hover {background-color: #59C36B; color: #fff; text-decoration: none;}
.casebody {width: 1000px; display: block;}
.casebody img {display:block; margin-bottom: 20px; max-width: 1000px; width:expression(this.width > 1000 ? "1000px" : this.width)}
.casebody .caseinfor {background-color:#333; border-radius: 5px; width: 952px; padding:20px 24px; color: #fff; margin-bottom: 30px; }
.casebody .caseinfor h3 {font-size: 22px; height: 30px; line-height: 30px; padding-bottom: 5px;}
.casebody .caseinfor p {line-height: 18px; padding-bottom: 5px; color: #dfdfdf;}
.casebody .caseinfor p span {display: inline-block; padding-right: 20px;}
.casebody .casecon {display: block; clear: both; overflow: hidden;  font-size:14px; font-family:Arial; text-shadow: 0 -1px 0 #fff; line-height: 180%; color: #666;}
.casebody .casecon p {padding-bottom: 12px;}
.case .service {width: 1000px; background-color: #fff; display: block; clear: both; overflow: hidden;}
.case .service .box {padding:38px 60px; display: block; }
.case .service .box h4 {margin-bottom: 20px;}
.case .service .box .abouts {margin-bottom: 60px;}
.case .service .box .abouts p {padding-bottom: 15px; line-height: 180%; text-indent: 25px;}
.case .service .box .contactstop{background-color: #E0F7E3; padding: 15px 50px;}
.case .service .box .contactstop p {line-height: 25px; color: #000; font-family: Arial; font-size: 14px;}
.case .service .box .lx {margin-top: 30px; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
.case .service .box .lx h3 {font-size: 16px; color: #666; padding-bottom: 5px;}
.case .service .box .lx p {color: #666;}
.biaodan {margin-top: 30px; display: block; padding-left: 42px; background: url(../images/contactbg.jpg) no-repeat;}
.biaodan p {padding: 3px 0 23px 0; color:#666;}
.froms input,.froms textarea {margin: 0; padding: 0;}
.froms {width: 680px; padding:28px 48px; background-color:#fbfbfb; border: 1px solid #ccc; }
.froms .ipt{background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
    color: #CCCCCC;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    width: 198px;}
.froms .contt {background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1) inset;
    color: #CCCCCC; width: 668px; padding-left: 10px; height: 82px; font-size: 12px; padding-top: 8px; resize:none;}
.froms span {display: inline-block;}
.mb-10 {margin-bottom: 10px;}        
.mr-10 {margin-right: 21px;}
.froms .btn {width: 105px; height: 30px; background: url(../images/submitbg.jpg) no-repeat; cursor: pointer; border: 0 none; text-indent: -999em;}

.gbox {width: 100px; height: 24px; line-height: 24px; color: #fff; text-align: center; background-color: #59C36B; border-radius: 3px;}
.case .service .w260 {width: 260px; height:292px; float: left; margin-right: 38px; margin-bottom: 35px;}
.case .service .w260:nth-child(3n){margin-right:0;}
.case .service .w260 h3 {height: 38px; line-height: 38px; color: #fff; background: #EA5503; padding-left: 15px;}
.case .service .w260 .mainp {display: block;padding:20px 0; color: #000; line-height: 18px; word-wrap:break-word;}
.case .service .w260 .mainp a {color: #EB5405;}
.case .service .kehu {display: block; clear: both; overflow: hidden; width: 1000px; margin-top: 22px;}
.case .service .kehu a {display: block; float: left; width: 158px; margin-right: 20px; margin-bottom: 15px;}
.case .service .kehu a img {width: 158px; height: 60px; border: 1px solid #efefef;}
.newslist {margin-bottom: 40px;}
.newslist li {display: block; height:104px; overflow: hidden; padding: 30px 0; border-bottom: 1px dashed #ccc;}
.newslist li .fl {width: 170px; }
.newslist li .fr {float: left; width: 700px;}
.newslist li .fr h3 {height: 22px; line-height: 22px; font-size: 14px; margin-bottom: 6px;}
.newslist li .fr p {line-height: 180%; font-family: Arial; color: #666;}
.newslist li .fr p span.gray {display: inline-block; padding-right: 15px; color: #bbb; padding-top: 3px;}

/*动画切换*/
.productshow{width:278px;height:155px; margin:0;position:relative; text-align:center;}
.productshow .slidero {width:278px;height:155px;overflow:hidden;position:relative;margin:0 auto;}
.productshow .slidero a {display: block; line-height: 35px; color: #fff;}
.productshow .slidero ul{width:20000px;position:absolute;left:0px;top:0px;}
.productshow .slidero li{float:left;width:278px;height:155px;text-align:center;}
.productshow .slidero li.last{background:none;}
.productshow .slidero li .sliderbox{height:155px;width:278px;overflow:hidden;text-align:center;}
.productshow .slidero a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.productshow .slidero li p {width:278px; position: absolute; bottom: 0; height: 36px; line-height: 36px; z-index: 99; background: #000;  opacity: 0.6; filter:alpha(opacity=60); color: #fff; font-size: 14px; text-align: center;}
.productshow .slidero .abtn {text-indent: -999em;}

.flinks {display: block; padding: 15px 30px 50px 30px;}
.flinks p a{line-height: 40px; color: #EB5405; font-size: 14px;}
.flinks ul li {display: inline-block; float: left; padding-right: 25px; line-height: 28px;}
.flinks form table td {padding: 5px 0; font-size: 14px;}
.froms .btn-green {
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #45991B, #2D750A);
    background-repeat: repeat-x;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: none 0s ease 0s;
    vertical-align: middle;
}
.froms .btn-green:hover {
    background-image: linear-gradient(to bottom, #3D9212, #006600);
}
.typelinks a {color:#eee;}.typelinks a:hover {color:#666;}