@charset "utf-8";
/*==========全局==========*/
html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed;}
body {font-family:"Microsoft Yahei",Arial,"宋体",Helvetica;  font-size:12px; color:#333333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0}
.table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ul,ol,li {list-style:none;}
img{-ms-interpolation-mode: bicubic; vertical-align:top;}
embed{-ms-interpolation-mode: bicubic; vertical-align:top;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
.imgmiddle,input,select{vertical-align:middle;}
.clear{clear:both; height:0; overflow:hidden;}
.clearbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearbox{zoom:1;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.auto{margin-left:auto; margin-right:auto;}
a { text-decoration:none; color:#333333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ position:relative;}
a:focus{ -moz-outline-style: none; /* FF */ } 
a:hover{ text-decoration:none; color:#008040; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.ffyh{font-family:"Microsoft Yahei";}
.ffarial{font-family:"arial";}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.word{word-break:break-all;}
.dn{display:none;}
.mt30{margin-top:30px;}

#index{position:relative; z-index:1;}
.headbg{width:100%; height:75px; background: rgba(1, 164, 90, .9); overflow: visible;}
.head{position:relative; width:1200px; margin:0 auto; height:70px;}
.head p {display:none;}
.width960 .head{width:1200px;}               /* add */
.width1200 .head{width:1200px;}             /* add */
h1.logo{position:absolute; top:10px; left:0; font-size:12px; color:#fff;}
.nav{position:absolute; top:0; left:380px;}
.nav li{float:left; text-align:center; color:#fff;}
.width960 .nav li{width:80px;}               /* add */
.width1200 .nav li{width:90px;}            /* add */
.nav li a{display:inline-block; height:70px; line-height:70px; font-size:14px; color:#fff; padding-bottom:3px;}
.nav li a:hover{padding-bottom:0px; border-bottom:5px solid #84c702; color:#fff;}
.nav li.active{background:#3E3E3E;}
.nav li.active a:hover{padding-bottom:0; }
.head_search{background:#000; width:190px; height:30px; position:absolute; top:20px; right:0; border-right:1px solid #3a3a3c; border-bottom:1px solid #3a3a3c;}
.head_search_txt{width:160px; height:24px; line-height:24px; border:0; background:none; color:#FFF; margin:3px 0 0 5px; float:left; display:inline;}
.head_search_btn{width:20px; height:20px; float:right; margin:5px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;}
.head_tel{position:absolute; top:16px; right:0;}

.infocus{width:100%; height:612px; overflow:hidden; position:relative;}
.focus_pic{width:100%; overflow:hidden;}
.focus_pic ul{width:400%;}
.focus_pic li{float:left; overflow:hidden; width:25%;}
.focus_pic li a{text-align:center; width:300%; display:block; margin-left:-100%;}
.in_banner.slide_left{position:absolute; left:-50px; top:260px;}
.in_banner.slide_right{position:absolute; right:-50px; top:260px;}

.in_banner{width:100%; height:612px;overflow:hidden; position:relative;}
.in_banner .slide_pic{width:1920px; height:612px; margin-left:-1200px; position:relative; left:50%; top:0; ; overflow:hidden;}
.in_banner .slide_pic li{width:100%; height:612px; overflow:hidden; position:absolute; top:0; left:0;}
.in_banner .slide_pic li a{width:100%; height:100%; position:absolute; top:0; left:0; z-index:99;}
.in_banner .slide_left{position:absolute; left:-50px; top:260px; z-index:999;}
.in_banner .slide_right{position:absolute; right:-50px; top:260px; z-index:999;}
.poa{position:absolute;}
.opacity{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.banner1_img{top:196px; left:710px;}
.banner1_text{top:210px; left:468px;}
.banner1_btn{top:450px; left:470px;}

.banner2_img1{bottom:0; left:460px;}
.banner2_img2{top:76px; left:471px; }
.banner2_title{ padding:10px; top:210px; left:938px; line-height:48px; font-weight:bold; font-size:28px; color:#fff; background: rgba(0, 0, 0, .2);}
.banner2_text{padding:5px 0; font-size:14px; color:#fff; overflow:hidden;}
.banner2_text .p1,.banner2_text .p2{float:left; width:300px; line-height:24px;}
.banner2_text .icon{float:left; margin-right:20px; display:inline; overflow:hidden;}
.banner2_text .icon1{width:43px; height:28px; background:url(../images/banner2_icon1.png) no-repeat;}
.banner2_text .icon2{width:33px; height:32px; background:url(../images/banner2_icon2.png) no-repeat;}
.banner2_text .icon3{width:43px; height:27px; background:url(../images/banner2_icon3.png) no-repeat;}
.banner2_text .icon4{width:33px; height:38px; background:url(../images/banner2_icon4.png) no-repeat;}
.banner2_text .icon5{width:43px; height:29px; background:url(../images/banner2_icon5.png) no-repeat;}
.banner2_text .icon6{width:35px; height:27px; background:url(../images/banner2_icon6.png) no-repeat;}
.banner2_text1{top:340px; left:938px; background: rgba(0, 0, 0, .2);}
.banner2_text2{top:410px; left:938px; background: rgba(0, 0, 0, .2);}
.banner2_text3{top:470px; left:938px; background: rgba(0, 0, 0, .2);}

ul.prolist {line-height:32px; list-style:none; text-align:left; width:1200px; margin:15px auto 0 auto;}
ul.prolist li {color:#333; line-height:30px; width:285px; padding-bottom:0; margin-right:20px; height:274px; float:left; margin-bottom:8px; background-color:#dfdfdf; text-align:center;}
ul.prolist li.rg {margin-right:0;}
ul.prolist li a {text-decoration:none; display:block; width:100%; font-size:16px;}
ul.prolist li .imgdiv {width:265px; height:212px; overflow:hidden; margin:10px; display:block;}
ul.prolist li .imgdiv img {width:265px; height:212px;}

.banner3_img{bottom:0; left:500px;}
.banner3_text{top:245px; right:468px;}
.banner3_btn{bottom:60px; right:468px;}
.banner4_img{top:102px; left:528px;}
.banner4_title1{top:235px; left:1200px; background:#3FC;}
.banner4_title2{top:235px; left:1118px;}
.banner4_title3{top:235px; left:1280px;}
.banner4_text{top:328px; left:1200px; line-height:24px; font-size:14px; color:#b0400e;}
.anima {
	opacity: .7;
	-webkit-animation-name: 'opt';
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes 'opt' {
	from {
		opacity: .7;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: .7
	}
}

#productsort {width:1200px; margin:0 auto;}
#productsort li {float:left; width:580px; margin-top:30px; margin-right:40px; height:360px; overflow:hidden;}
#productsort li.rg {margin-right:0;}

ul#promenu {margin:30px auto 0 auto; text-align:left; width:1199px; border-top:1px solid #02693a; border-left:1px solid #02693a; height:68px;}
ul#promenu li {width:170px; float:left; border-right:1px solid #02693a; text-align:center; background-color:#01a45a; position:relative;}
ul#promenu li a {width:100%; display:block; padding-top:4px; height:61px; border-bottom:3px solid #02693a; font-size:18px; color:#fff;}
ul#promenu li.active a,ul#promenu li.on a {background-color:#fff; border-bottom:3px solid #000; color:#000;}
ul#promenu li a i {display:block; height:34px; width:32px; background:no-repeat; margin:0 auto; margin-bottom:1px;}
ul#promenu li a i#i1 {background-image:url(../images/bt_1.png);}
ul#promenu li a i#i2 {background-image:url(../images/bt_2.png);}
ul#promenu li a i#i3 {background-image:url(../images/bt_3.png);}
ul#promenu li a i#i4 {background-image:url(../images/bt_4.png);}
ul#promenu li a i#i5 {background-image:url(../images/bt_5.png);}
ul#promenu li a i#i6 {background-image:url(../images/bt_6.png);}
ul#promenu li a i#i7 {background-image:url(../images/bt_7.png);}
ul#promenu li.active a i#i1,ul#promenu li.on a i#i1 {background-image:url(../images/bt_1_1.png);}
ul#promenu li.active a i#i2,ul#promenu li.on a i#i2 {background-image:url(../images/bt_2_1.png);}
ul#promenu li.active a i#i3,ul#promenu li.on a i#i3 {background-image:url(../images/bt_3_1.png);}
ul#promenu li.active a i#i4,ul#promenu li.on a i#i4 {background-image:url(../images/bt_4_1.png);}
ul#promenu li.active a i#i5,ul#promenu li.on a i#i5 {background-image:url(../images/bt_5_1.png);}
ul#promenu li.active a i#i6,ul#promenu li.on a i#i6 {background-image:url(../images/bt_6_1.png);}
ul#promenu li.active a i#i7,ul#promenu li.on a i#i7 {background-image:url(../images/bt_7_1.png);}
ul#promenu li .pitem {background-color:#fff; position:absolute; width:170px; margin-left:-1px; z-index:1002; display:none; border:1px solid #02693a; border-bottom-width:2px; padding-bottom:12px; padding-top:5px; border-top:none;}
ul#promenu li .pitem a {border:none; background:none; height:32px; line-height:32px; color:#02693a; font-size:14px; padding:0; margin:0;}
ul#promenu li .pitem a:hover {color:#fff; background-color:#01a45a;}


.gallery li {
	position: relative;
}
.gallery li img {
	transition: .1s transform;
	transform: translateZ(0);/* hack */
}
.gallery li:hover {
	z-index: 1;
}
.gallery li:hover img {
	transform: scale(1.2, 1.2);
	transition: .3s transform;
}
.cf:before, .cf:after {
	display: table;
	content: "";
	line-height: 0;
}
.cf:after {
	clear: both;
}

img{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

embed{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

.about_list li:hover img{
-webkit-transform:scale(1.08,1.08);
-moz-transform:scale(1.08,1.08);
-ms-transform:scale(1.08,1.08);
-o-transform:scale(1.08,1.08);
transform:scale(1.08,1.08);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

#about{padding-bottom:34px;}
.about_int{width:1200px; margin:25px auto 15px auto; height:45px; line-height:30px; font-size:14px; color:#797979; position:relative; overflow:hidden;}
.width960 .about_int{width:1200px;}     /* add */
.width1200 .about_int{width:1200px;}     /* add */
.about_intbg{background:url(../images/about_intbg.png) 50% 0 repeat-y;}
.about_btn{position:absolute; left:-5%; margin-left:-23px; bottom:0px; width:45px; height:45px; background:url(../images/indexicon.png) -550px 0 no-repeat; display:block;}
.about_btn span{ width:45px; height:45px; background:url(../images/indexicon.png) -550px -50px no-repeat; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.about_pop{padding-bottom:25px; background:#fff url(../images/about_popbg.jpg) 50% 0 no-repeat; position:relative; z-index:2; display:none;}
.about_pop_top{width:1200px; height:250px; position:relative; margin:0 auto;}
.width960 .about_pop_top{width:1200px;}     /* add */
.width1200 .about_pop_top{width:1200px; }     /* add */
.about_popclose{position:absolute; top:15px; right:0; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;}
.about_pop_top h3{position:absolute; top:33px; left:42px;}
.about_pop_top .about_pop_int{position:absolute; top:80px; left:42px; line-height:24px; width:295px; color:#fff;}
.about_pop_tab{position:absolute; right:0; top:128px;}
.about_pop_tab li{margin:0 13px; width:83px; float:left;}
.about_pop_tab li a{display:block; width:83px; height:83px; text-align:center; color:#ccc; line-height:20px; cursor:pointer; background:url(../images/aboutpop_tabico.png);}
.about_pop_tab li a.about_pop_tab01{background-position:0 -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch01.png'); background: url(../images/about_pop_tabicoch01.png); }
.about_pop_tab li a.about_pop_tab02{background-position:-85px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch02.png'); background: url(../images/about_pop_tabicoch02.png);}
.about_pop_tab li a.about_pop_tab03{background-position:-170px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch03.png'); background: url(../images/about_pop_tabicoch03.png);}
.about_pop_tab li a.about_pop_tab04{background-position:-255px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch04.png'); background: url(../images/about_pop_tabicoch04.png);}
.about_pop_tab li.active .about_pop_tab01,.about_pop_tab li a.about_pop_tab01:hover {background-position:0 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico01.png'); background: url(../images/about_pop_tabico01.png);}
.about_pop_tab li.active .about_pop_tab02,.about_pop_tab li a.about_pop_tab02:hover {background-position:-85px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico02.png'); background: url(../images/about_pop_tabico02.png);}
.about_pop_tab li.active .about_pop_tab03,.about_pop_tab li a.about_pop_tab03:hover {background-position:-170px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico03.png'); background: url(../images/about_pop_tabico03.png);}
.about_pop_tab li.active .about_pop_tab04,.about_pop_tab li a.about_pop_tab04:hover {background-position:-255px 0;_background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico04.png'); background: url(../images/about_pop_tabico04.png);}
/*
.about_pop_tab li a span{height:29px; display:block;}
.about_pop_tab li a i{width:83px; height:83px; display:block; background:url(../images/aboutpop_tabico.png) -83px 0 no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicochie6.png');}
*/

#about_popgip{padding-bottom:25px; background:#fff url(../images/aboutbanner.jpg) 50% 0 no-repeat; position:relative; z-index:2; display:none;}
#about_pop_topgip{width:1200px; height:140px; position:relative; margin:0 auto;}

.about_pop_tab li.active a{color:#fff;}
.about_pop_tab li.active a i{background:url(../images/aboutpop_tabico.png) 0 100% no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicoie6.png')}
.about_pop_tab li a:hover{color:#fff;}
.about_pop_con{width:1200px; position:relative; margin:0 auto;}
.width960 .about_pop_con{width:1200px;}     /* add */
.width1200 .about_pop_con{width:1200px;}     /* add */
.about_pop_con li{display:none;}

.about_pop_con01{position:relative; width:100%;}
.about_pop_aboutlogo{position:absolute; top:5px; left:0;}
.about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;}
.about_pop_about h3{font-size:40px; font-size:20px; color:#333; font-weight:normal; margin-bottom:10px;}
.about_pop_con03 img{width:100%;}
.about_pop_con06 img{}

.about_pop_job{width:23%; float:left; margin-right:2%; line-height:24px; color:#999;}
.about_pop_job h3{font-size:18px; margin-bottom:10px; color:#000; font-weight:normal;}
.about_pop_job p{padding:10px 0;}
.about_pop_client{margin-right:1px; margin-top:1px;  border-left:1px solid #efefef;}
.about_pop_client dd{width:179px; float:left; margin-top:-1px; display:inline; border:1px solid #efefef; border-left:none; padding-left:18px;}
.about_pop_client dd img{}

.newsbg{width:100%; padding:30px 0 12px 0;}
.news{width:1200px; margin:0 auto;}
.width960 .news{width:1200px;}     /* add */
.width1200 .news{width:1200px;}      /* add */
.news_box{width:32%; background:#f8f8f8; overflow:hidden;}
.news_line {width:2%; height:310px; float:left;}
.news_title{line-height:36px; line-height:36px; padding:0 8px; background-color:#01a45a; color:#fff;}
.news_title a{font-size:18px; color:#fff;}
.news_title span{font-size:14px; color:#fff; line-height:20px;}
.news_title a:hover{color:#97FF97;}
.news_list{margin-top:10px;}
.news_list li{line-height:30px; color:#a3a3a3; width:90%; float:left; padding-left:12px;}
.news_list li a{color:#333; width:60%; overflow:hidden; height:24px; display:block;}
.news_list li a:hover{color:#0B0;}
.news_list span{float:right;}

#partner_list li {float:left; width:165px; margin-bottom:10px; padding-left:8px;}
#partner_list li.rg {margin-left:30px;}
#partner_list li img {width:165px; height:60px;}

.contactbg{width:100%; height:460px; overflow:hidden; background:url(../images/contactbg.jpg) 50% 0 no-repeat;}
.contact{width:1200px; margin:0 auto; position:relative;}
.width960 .contact{width:1200px;}     /* add */
.width1200 .contact{width:1200px;}     /* add */

.message{padding-top:55px; width:45%;}
.message h3{font-size:30px; color:#c1c5cb; font-weight:normal; line-height:36px;}
.message h4{font-size:24px; color:#fb963d; font-weight:normal; line-height:36px;}
.message_form{margin-top:15px;}
.message_name{width:40%; height:32px; line-height:32px; float:left; background:#7d7d7d; border:0; color:#fff; padding-left:5px;}
.message_tel{width:55%; height:32px; line-height:32px; float:right; background:#7d7d7d; border:0; color:#fff; padding-left:5px;}
.message_content{width:98%; padding:1%; overflow:hidden; height:120px; background:#7d7d7d; border:0; color:#fff;}
.message_btn{width:123px; height:41px; background:url(../images/indexicon.png) -425px 0 no-repeat; border:0; cursor:pointer; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}
.message_btn:focus{-moz-outline-style: none; /* FF */}
.message_btnch{width:123px; height:41px; background:url(../images/indexicon.png) -425px -45px no-repeat; border:0; cursor:pointer;}
.message_about{color:#ffff00; font-size:14px;}
.contact_map{position:absolute; top:80px; right:75px;}

.foot_linksbg{width:100%; background:#202020; margin-top:20px;}
.foot_links{width:1200px; padding:10px 0; margin:0 auto; position:relative;}
.width960 .foot_links{width:1200px;}       /* add */
.width1200 .foot_links{width:1200px;}     /* add */
.links{margin-top:15px; width:100%;}
.links h3{color:#0689f9; font-size:24px; font-weight:normal;}
.links_con{color:#7d7d7d; line-height:24px; margin-top:5px;}
.links_con a{color:#7d7d7d; display:inline-block;}
.links_con a:hover{color:#fff;}
.links_con dl {width:170px; float:left;}
.links_con dl dt,.links_con dl dd {padding:6px 0;}
.links_con dl dt a {font-size:15px; color:#fff;}
.links_con dl dd a {font-size:14px; color:fff;}
.keyword{margin-top:15px; width:1020px; float:left;}
.keyword h3{color:#fdd813; font-size:24px; font-weight:normal;}
.address{line-height:32px; color:#fff; text-align:center; padding:20px; font-size:14px; margin-top:15px; width:100%; background-color:#393939}
.address a{color:#fff;}
.address a:hover{ color:#fff;}
.link_btn {width:180px; float:right; margin-top:50px;}
.link_btn li{margin-top:25px;}
.link_qq{width:129px; height:40px; background:url(../images/indexicon.png) -30px 0 no-repeat; display:block;}
.link_qq:hover{background:url(../images/indexicon.png) -30px -50px no-repeat;}
.link_sina{width:129px; height:40px; background:url(../images/indexicon.png) -160px 0 no-repeat; display:block;}
.link_sina:hover{background:url(../images/indexicon.png) -160px -50px no-repeat;}
.link_weixin li{height:40px;}
.link_weixin{width:129px; height:40px; background:url(../images/indexicon.png) -290px 0 no-repeat; display:block; position:relative; z-index:2;}
.link_weixin:hover{background:url(../images/indexicon.png) -290px -50px no-repeat;}
.link_weixin_ewm{position:absolute; top:-138px; height:0px; overflow:hidden; width:129px; background-image:url(about:blank); }

.footbg{width:100%; padding:15px 0 0 0; background:#0a0a0a; overflow:hidden;}
.foot{width:1200px; margin:0 auto; color:#999;}
.width960 .foot{width:1200px;}     /* add */
.width1200 .foot{width:1200px;}     /* add */
.foot a{color:#999;}
.foot a:hover{color:#fff;}

#loading{width:100%; display:block; height:100%; _height:700px; background:#262626; z-index:9999; overflow: visible; position: fixed; left:-100%; top:0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}
#loading img{position:absolute; top:50%; left:50%; margin:-35px 0 0 -60px;}
#workpop{width:100%; background:#fff; overflow:hidden; position:absolute; top:0 ;left:0; display:none; z-index:9997;}

.subindex{width:100%; overflow:hidden;}

/* 案例页面 */
.sub_headbg{width:100%; height:40px; background:url(../images/searchpopbg.png) repeat; z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}
.sub_head{width:1200px; margin:0 auto; height:40px; position:relative;}
.width960 .sub_head{width:1200px;}       /* add */
.width1200 .sub_head{width:1200px;}     /* add */
.sub_headbtn{position:absolute; left:0; top:0;}
.sub_headbtn li{float:left;position:relative;}
.sub_headbtn li.head_btn4{display:none;}
.sub_headbtn li a{display:block; width:50px; height:40px; overflow:hidden;}
.sub_headbtn li a span{display:block; width:50px; height:80px; background:url(../images/indexicon.png) no-repeat;}
.sub_headbtn li a:hover{transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}
.sub_headbtn li.head_btn1 a span{background-position:-600px 0;}
.sub_headbtn li.head_btn2 a span{background-position:-650px 0;}
.sub_headbtn li.head_btn3 a span{background-position:-700px 0;}
.sub_headbtn li.head_btn4 a span{background-position:-750px 0;}
.sub_headbtn li.head_btnselect a span{background-position:-800px 0;}
.head_selectbox{
	width:200px;
	position:absolute;
	height:0px;
	overflow:hidden;
	left: -32px;
}
.head_selectbox li{background:#5a5a5a; width:100%;}
.head_selectbox li a{height:36px; line-height:36px; padding-left:10px; width:190px; display:block; border-bottom:1px solid #4e4e4e; color:#fff;}
.head_selectbox li a:hover,.head_selectbox li.active a{background:#0076db; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}

.share{position:absolute; right:0; top:10px; color:#999; line-height:20px;}

.sub_search{position:absolute; right:120px; background:#000; top:8px; width:150px; height:22px; border:1px solid #333;}
.sub_search_txt{width:110px; height:20px; line-height:20px; border:0; background:none; color:#FFF; margin:1px 0 0 5px; float:left; display:inline;}
.sub_search_btn{width:20px; height:20px; float:right; margin:1px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;}

.bigpic{width:100%; margin:0 auto; }
.bigpic div{width:300%; text-align:center; margin-left:-100%;}
.bigpic #mydiv{ z-index:auto;  z-index:1099; overflow: visible;  margin-top:20px;}
.sub_container{width:1200px; margin:0 auto;}
.width960 .sub_container{width:1200px;}       /* add */
.width1200 .sub_container{width:1200px;}     /* add */
.work_about{background:url(../images/searchpopbg.png) repeat; padding:20px 25px;}
.work_about h3{font-size:16px; color:#fff;}
.work_about h3 a{color:#fff;font-weight:normal;}
.work_about h3 a:hover{color:#f90;}
.work_about p{font-size:14px; color:#f0f0f0; line-height:24px; margin-top:5px;}
.width960 .work_pic img{max-width:1200px;width:expression((this.offsetWidth > 960) ? (this.width = 960 +'px') : true);}
.width1200 .work_pic img{max-width:1200px;width:expression((this.offsetWidth > 1200) ? (this.width = 1200 +'px') : true);}


/* 文章内页 */
.news_top{margin-top:40px; text-align:center; padding-bottom:30px; border-bottom:1px solid #ccc;}
.news_top h1{font-size:24px; line-height:24px; color:#333;}
.news_top p{margin-top:15px; color:#666;}
.news_con{font-size:14px; line-height:30px; color:#333; margin-top:20px; width:100%;}
.recommend_title{text-align:center; padding-top:40px; padding-bottom:10px;}
.recommendbg{width:100%; background:#f8f8f8; overflow:hidden;}
.recommend_list{width:1200px; margin:35px auto; overflow:hidden;}
.width960 .recommend_list{width:1200px;}       /* add */
.width1200 .recommend_list{width:1200px;}     /* add */

.recommend_list ul{overflow:hidden; width:975px; height:190px;}
.width960 .recommend_list ul{width:975px; height:190px;}      /* add */
.width1200 .recommend_list ul{width:1215px; height:177px;}     /* add */
.recommend_list li{float:left; width:310px; height:190px; margin-right:15px; overflow:hidden;}
.width960 .recommend_list li{width:310px; height:190px;}          /* add */
.width1200 .recommend_list li{width:288px; height:177px;}          /* add */





/* 案例列表 */
.sub_top{width:1200px; margin:0 auto; height:40px; padding:40px 0 20px 0; position:relative;}
.width960 .sub_top{width:1200px;}       /* add */
.width1200 .sub_top{width:1200px;}     /* add */
.sub_top h2 {position:absolute; right:0;}
.sub_nav{position:absolute; left:0; bottom:20px;}
.sub_nav li{float:left; width:78px; height:32px; margin-left:5px; display:inline;}
.sub_nav li.partname { line-height:32px; background-color:#999; text-align:center; color:#fff; font-weight:bold; margin-right:30px;}
.sub_nav li a{width:78px; height:32px; line-height:32px; text-align:center; display:inline-block;}
.sub_nav li.active a,.sub_nav li a:hover{color:#fff; background:url(../images/sub_navbg.png) no-repeat;}

.casebg{width:100%; background:#f8f8f8; overflow:hidden;}
.case_list{width:1200px; margin:10px auto 0 auto; overflow:hidden;}
.width960 .case_list{width:1200px;}       /* add */
.width1200 .case_list{width:1200px;}     /* add */
.width960 .case_list ul{width:975px;}      /* add */
.width1200 .case_list ul{width:1215px;}     /* add */
.case_list li{float:left; margin-right:15px; margin-top:15px; overflow:hidden;}



.page{width:1200px; margin-left:auto; margin-right:auto;}
.width960 .page{width:1200px;}      /* add */
.width1200 .page{width:1200px;}     /* add */
.page span,.page a{display:inline-block;height:24px; margin:0 5px 0 0; line-height:24px; background:url(../images/pagebg.png) 0 -50px no-repeat; padding-left:10px;}
.page span i,.page a i{display:inline-block; height:24px; line-height:24px; font-style: normal; background:url(../images/pagebg.png) 100% -75px no-repeat; padding-right:10px;}
.page a:hover,.page span{background:url(../images/pagebg.png) 0 0 no-repeat; color:#fff;}
.page a:hover i,.page span i{background:url(../images/pagebg.png) 100% -25px no-repeat;}
.page a:hover{transition:all 0s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}

/* 文章列表 */
.subnewsbg{width:100%; background:#f8f8f8; overflow:hidden;}
.subnews_list{width:1200px; margin:10px auto 0 auto; overflow:hidden;}
.width960 .subnews_list{width:1200px;}       /* add */
.width1200 .subnews_list{width:1200px;}     /* add */
.subnews_list li{width:49%; margin-top:25px; float:left;}
.subnews_list li.odd{float:right;}
.subnews_list a{position:relative; border:1px solid #e6e6e6; background:#fff; height:122px; display:block;}
.subnews_list a:hover{border:1px solid #fda362;}
.subnews_list a:hover h3{color:#0076db;}
.subnews_list a:hover p{color:#333;}
.subnews_about{padding:15px 15px 15px 180px;}
.subnews_about h3{font-size:14px; line-height:27px; color:#333;}
.subnews_about p{line-height:20px; color:#666; height:60px; overflow:hidden;}
.subnews_img img{width:150px; height:92px; position:absolute; left:15px; top:15px;}

.qqico{width:67px; height:65x; z-index:9998; position:fixed; bottom:50px; right:1px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 50)||50)-(parseInt(this.currentStyle.marginBottom, 50)||50)));}

.banner_img{width:1200px; height:320px; margin:0 auto; }
.newcase{width:1200px; height:308px;  margin:0 auto; background:#FFF;padding-top:12px;  margin:0 auto;}
/*content*/

.newdiv{
 width:100%; margin:0 auto;  
}
.newdiv ul{ width:1200px; margin:0 auto;}
.sub_headbtn{ float:left;}
#aboutnav{margin-left:80px; }
#aboutnav ul{ }
#aboutnav ul li{ float:left; margin:0px; padding:13px 0px 0px 0px; width:70px; }
#aboutnav ul #navli{ width:45px;}
#aboutnav ul li a{ color:#fff;}
#aboutnav ul li a:hover{border:none;}
#aboutnav ul li a{ text-decoration:none;} 
#head_tel{position:absolute; display:block; float:left; width:412px;  position:absolute; right:0; cline-height:20px;}
#head_tel img{position:relative; display:block; float:left; margin:0px; padding:0px; right:10px;}
#head_tel p{position:absolute; display:block; top:10px; float:right; margin:0px; padding:0px; color:#999;  text-align:left; line-height:20px; right:20px; }
#head_tel p span{position:relative; display:block; float:left; margin:0px; padding:0px; padding:2px 3px 0px 0px;  } 
#head_tel p a{position:relative; display:block; float:left; padding:0px; margin:0px; margin-right:5px;}
#head_tel p #img1{position:absolute; display:block; float:left; padding:0px; margin:0px; margin-right:5px; left:75px; top:0px;}