@charset "utf-8";
@import url(iconfont.css);
body{font-family:微软雅黑,Arial,Helvetica,sans-serif}
a{font-family:微软雅黑,Arial,Helvetica,sans-serif;color:#333;text-decoration:none;font-size:12px}
a:hover{color:#000;text-decoration:none}
h2{text-align:center;font-size:26px;font-weight:400;color:#333;line-height:40px;letter-spacing:1px}
h3{text-align:center;font-size:16px;font-weight:400;color:#bbb;line-height:30px;letter-spacing:1px}
h4{text-align:center;font-size:20px;font-weight:400}
p{color:#333;margin:0 auto 10px auto;font-size:14px}
.txt{text-align:center;font-size:14px;color:#666}
.txt a{text-align:center;font-size:16px;color:#666}
.mgt10{margin-top:10px}
.mgt20{margin-top:20px}
.mgt50{margin-top:50px}
.tac{text-align:center}
.wrapper{float:left;width:100%;padding:50px 0}
.container{margin:0 auto}
#bar{width:0;max-width:100%;height:4px;background:#7fc242;position:absolute;bottom:0}
#progressBar{width:100%;background:#EDEDED}
.inbanner{float:left;width:100%;margin-top:80px}
.inbanner img{display:block;width:100%;height:auto}
#wedo{margin-top:15px}
#wedo .item{padding:40px 40px;margin:10px;color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center}
#wedo .item .ic{font-size:100px;line-height:80px;display:block;border-radius:50%;box-shadow:0 0 0 30px transparent;background:rgba(255,255,255,.1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:box-shadow .6s ease-in-out;-moz-transition:box-shadow .6s ease-in-out;-o-transition:box-shadow .6s ease-in-out;-ms-transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out}
#wedo .item:hover .ic{box-shadow:0 0 0 0 rgba(255,255,255,.2);-webkit-transition:box-shadow .6s ease-in-out;-moz-transition:box-shadow .6s ease-in-out;-o-transition:box-shadow .6s ease-in-out;-ms-transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out}
#wedo .item h3{font-size:28px;font-weight:700;margin:25px 0 0;color:#FFF}
#wedo .item p{margin:20px 0 0;font-size:14px;color:#FFF}
.casewrapper{background:#f2f2f2}
.howdowrapper{background:#000;color:#FFF;background:url(i_buzhou.jpg) fixed no-repeat center center;background-size: cover;}

.howdowrapper p{color:#FFF}
.contactwrapper{background:#000;color:#FFF;padding:30px 0 0 0}
.contactwrapper p{color:#FFF}
.orange{background:#ff8a3c}
.darkCyan{background:#42bdc2}
.forestGreen{background:#7fc242}
.yellow{background:#ffd800}
.dodgerBlue{background:#388bd1}
.skyBlue{background:#a1def8}
.zombieGreen{background:#3fbf79}
.violet{background:#db6ac5}
.yellowLight{background:#fee664}
.steelGray{background:#cad3d0}
.xiaochengxubg{background:#625ab0}
.case-categorybox{float:left;width:100%; margin-bottom:50px;}
.case-categorybox a{display:inline-block;width:100%;height:38px;line-height:38px;text-align:center;display:inline-block;cursor:pointer;font-size:16px;color:#666;border:1px solid #ccc;border-radius:35px;}
.case-categorybox a.caseon,.case-categorybox a:hover{color:#000;top:-1px;position:relative;line-height:38px;border-color:#ff1d00;color:#ff1d00}


.casegrid{float:left;width:100%}
/*.casegrid{width:1200px;margin:auto}*/
.case-item{padding:0;margin:0}
.our-case{overflow:hidden;position:relative}
.our-case img{width:100%;height:auto;position:relative;right:0;transition:all .4s ease-in-out 0s}
.our-case:hover img{right:60%}
.our-case .case-content{width:80%;height:100%;background:#fff;padding:10% 30px 0;position:absolute;top:0;right:-80%;transition:all .4s ease-in-out 0s}
.our-case:hover .case-content{right:0}
.our-case .title{font-size:22px;color:#000;margin:0 0 10px 0;text-align:left}
.our-case .post{display:block;font-size:12px;color:#666;text-transform:uppercase;margin-bottom:20px}
.our-case .description{font-size:12px;color:#333;line-height:20px;height:40px}
@media only screen and (max-width:990px){.our-case{margin-bottom:50px}}
@media only screen and (max-width:360px){.case-content{padding:15% 15px 0}}
.hovereffect{margin-bottom:20px;width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default; background-color:#111;}
.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:3em;text-align:left}
.hovereffect img{display:block;position:relative;max-width:none;width:calc(100%);}
.hovereffect h2{text-transform:uppercase;color:#fff;position:relative;font-size:18px;top:45%;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
.hovereffect h3{position:absolute;width:100%;left:0;bottom:-10px;font-size:16px;text-align:center;color:#fff;background:rgba(0,0,0,.7);line-height:50px}
.hovereffect .overlay:before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid #fff;content:'';opacity:0;filter:alpha(opacity=0);}
.hovereffect a,.hovereffect p{color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);line-height:20px;height:80px;overflow:hidden}
.hovereffect:hover img{opacity:.4;filter:alpha(opacity=40);-webkit-transform:translate3d(10,0,0);transform:translate3d(0,0,0)}
.hovereffect:hover h3{display:none}
.hovereffect:hover i{display:none}
.hovereffect:hover .overlay:before,.hovereffect:hover a,.hovereffect:hover h2,.hovereffect:hover p{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.process{margin-top:20px}
.step-item{text-align:center;padding:30px 10px;position:relative;overflow:hidden;border-radius:10px}
.step-item .ic{font-size:100px;line-height:80px}
.step-item h3{margin:20px 0 12px;font-size:20px}
.step-item p{line-height:1.65em;font-size:12px}
.step-item:after{content:"";width:0;height:100%;background:#d30b17;color:#FFF;position:absolute;bottom:0;left:0;transition:all .5s ease 0s;z-index:-1}
.step-item:hover:after{width:100%}
.contactwrapper h2,.howdowrapper h2{color:#FFF}
.contactwrapper h3,.howdowrapper h3{color:#FFF}
.contactwrapper p,.howdowrapper p{color:#FFF}
.news-container{margin-top:30px;background:url(news_bg.png) no-repeat top center;overflow:hidden;position:relative}
.inews-l{max-height:20px;border-color:transparent;border-width:1px;border-style:solid;border-radius:.5em;position:relative; margin-top:10px;margin-bottom:30px;}
.inews-l:after,.inews-l:before{content:"";width:0;height:0;border:solid transparent;position:absolute;pointer-events:none;left:100%}
.inews-l:before{border-left-color:inherit;border-width:20px;top:50%;margin-top:-20px;}
.inews-l:after{border-left-color:#fff;border-width:18px;top:50%;margin-top:-18px}
.inews-l{border:2px solid #dddddd;margin-right:20px;}
.inews-l:hover{border:2px solid #d20a16;margin-right:20px;}
.inews-r{max-height:20px;border-color:transparent;border-width:1px;border-style:solid;border-radius:.5em;position:relative;margin-top:10px;margin-bottom:30px;width:550px;margin-left:20px}
.inews-r:after,.inews-r:before{content:"";width:0;height:0;border:solid transparent;position:absolute;pointer-events:none;right:100%}
.inews-r:before{border-right-color:inherit;border-width:20px;top:50%;margin-top:-20px;}
.inews-r:after{border-right-color:#fff;border-width:18px;top:50%;margin-top:-18px}
.inews-r{border:2px solid #dddddd;margin-right:20px;}
.inews-r:hover{border:2px solid #d20a16;margin-right:20px;}



.news-item{width:576px;height:123px;overflow:hidden;margin:10px 0 30px 0}
.news-item-left .n-day{width:87px;height:115px;float:left;overflow:hidden;margin:4px auto 0 4px}
.news-item-left .n-right{width:462px;height:115px;float:left;margin:4px auto 0 auto;overflow:hidden}
.news-item-right .n-day{width:87px;height:115px;float:right;overflow:hidden;margin:4px auto 0 4px}
.news-item-right .n-right{width:462px;height:115px;float:left;margin:4px auto 0 20px;overflow:hidden}

.n-day b{height:71px;width:84px;display:block;text-align:center;font-size:35px;color:#fff;line-height:71px}
.n-day span{height:44px;width:84px;display:block;text-align:center;font-size:12px;color:#999;line-height:44px}
.n-title{width:410px;height:55px;line-height:55px;font-size:16px;margin:0 auto;color:#333;overflow:hidden}
.n-intro{width:370px;height:40px;line-height:20px;font-size:12px;margin:0 auto;color:#666;overflow:hidden}


.news-item-left{width:576px;height:123px;background:url(news_bg1.png) no-repeat 0 -123px;cursor:pointer;overflow:hidden}
.news-item-left:hover{background:url(news_bg1.png) no-repeat 0 0}
.news-item-right{width:576px;height:123px;background:url(news_bg1.png) no-repeat 0 -369px;cursor:pointer;overflow:hidden}
.news-item-right:hover{background:url(news_bg1.png) no-repeat 0 -246px}

.news-more{ width:92px;height:50px; margin:0px auto 0px auto;}
.news-more .more{width:92px;height:50px;border-radius:2px;border:solid 1px #ddd;line-height:30px;text-align:center;font-size:36px; color:#666}
.news-more .more:hover{background-color:#d30b17;border:solid 1px #d30b17;color:#FFF}



.countfield{width:100%;line-height:80px;color:#fff;overflow:hidden;border-top:solid 1px #999;font-size:14px;margin-top:20px}
.countfield .ic{font-size:30px;margin-right:5px}
.countfield span{font-size:35px;font-family:Georgia,"Times New Roman",Times,serif}
.footerwrapper{float:left;width:100%;background:#000;color:#FFF}
.contactfield{width:100%;line-height:80px;color:#fff;overflow:hidden;border-bottom:solid 1px #999;font-size:12px}
.contacttool{font-size:14px}
.contacttool .ic{font-size:20px;margin-right:5px}
.contactaddress{display:none}
.foot-map{height:420px;width:100%;margin:0 auto;position:relative;overflow:hidden}
.copyright{width:100%;line-height:30px;text-align:center;margin:10px 0;font-size:14px}
.copyright a{color:#FFF;font-size:14px;}

.dux-page{text-align:center;margin-left:auto;margin-right:auto;clear:both;overflow:hidden;padding:60px 0}
.dux-page a{background:#fff;padding:5px 10px;height:35px;margin:0 3px;line-height:35px;font-size:14px;text-align:center;color:#333;text-decoration:none;border:#efefef solid 1px;border-radius:5px}
.dux-page a.page-num-current,.dux-page a:hover{background:#000;color:#FFF}
.dux-page a.prePage,.m-page a.nextPage{font-family:Tahoma}
.dux-page .hidden{display:none}
.boxbg{background:#f5f5f5}
.about-img{float:left;width:100%}
.about-img img{display:block;width:100%;height:auto}
.color1 .hoverdir{background:#a755c6}
.color1 .ic{color:#a755c6}
.color2 .hoverdir{background:#f87e3e}
.color2 .ic{color:#f87e3e}
.color3 .hoverdir{background:#2e97f5}
.color3 .ic{color:#2e97f5}
.color4 .hoverdir{background:#d43f7c}
.color4 .ic{color:#d43f7c}
.color5 .hoverdir{background:#fa992e}
.color5 .ic{color:#fa992e}
.color6 .hoverdir{background:#69d25d}
.color6 .ic{color:#69d25d}
.color7 .hoverdir{background:#fec145}
.color7 .ic{color:#fec145}
.color8 .hoverdir{background:#4fc5bf}
.color8 .ic{color:#4fc5bf}
.sv-item{text-align:center;padding:30px 20px;position:relative;overflow:hidden;-webkit-transition:color .35s;transition:color .35s}
.sv-item .ic{font-size:100px;line-height:80px;display:block;-webkit-transition:color .35s;transition:color .35s}
.sv-item h3{margin:20px 0 12px;font-size:20px;color:#111}
.sv-item p{line-height:1.65em;color:#333}
.sv-item:hover h3{color:#FFF}
.sv-item:hover p{color:#FFF}
.sv-item:hover .ic{color:#FFF!important}
.sv-content{position:relative;z-index:2;width:100%}
.hoverdir{position:absolute;width:100%;height:100%;z-index:1;display:none}
. .btn-ripple{position:relative;overflow:hidden;z-index:9}
.webitem{margin:40px 0}
.webitem .webitem-img{float:left;width:130px;height:110px}
.webitem .webitem-img img{width:100%}
.webitem .webitem-box{float:right;width:420px;height:110px}
.webitem .webitem-topic{display:block;height:50px;line-height:50px;color:#000;font-size:16px}
.webitem .webitem-intro{display:block;color:#666;line-height:180%;font-size:12px}
.webitem .webitem-line{display:block;margin-bottom:15px}
.webitem .webitem-line span{width:90px;height:2px;background:#000;display:block;float:left}
.webitem .webitem-line span.line2{background:#f35555!important}
.webitem .webitem-line span.line3{background:#ffa740!important}
.webitem .webitem-line span.line4{background:#30be6f!important}
.contactbox{text-align:center;margin-top:50px}
.contactitem{margin:10px 5px;padding:20px 0;width:290px}
.contactbox i{font-size:50px;line-height:60px}

.c1{ background:#f9e0e0}
.c1 i{color:#de6865}
.c2{ background:#ddf2f4}
.c2 i{color:#f87e3e}
.c3{ background:#ebf3da}
.c3 i{color:#9ac047}
.c4{ background:#d8eefb}
.c4 i{color:#31a0e1}
.contactitem h3{font-size:16px;line-height:40px;color:#000}
.contactitem p{font-size:12px;line-height:20px}
.casetitlebox{padding:20px 0}
.casetitlebox .casetitle{line-height:40px;font-size:18px}
.casetitlebox .casetitle h2{text-align:left}
.casetitlebox .caselink{line-height:40px;font-size:18px;text-align:right;padding-top:15px}
.casetitlebox .caselink a{float:right;width:150px;height:50px;border-radius:5px;border:solid 1px #000;color:#000;line-height:50px;text-align:center;font-size:18px}
.casetitlebox .caselink span{font-size:18px}
.casetitlebox .caselink a:hover{color:#fff;background:#000}
.case-tags{width:100%;height:30px;line-height:30px;border-top:#ececec solid 1px;color:#666;font-family:"微软雅黑";clear:both;text-align:left;font-size:12px}
.case-tags span{margin-right:25px}
.case-content img{max-width:1200px;height:auto;width:expression(this.width > 1200 ? "1200px" : this.width)}
.newscontentbox{min-height:500px;background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);padding:30px;clear:both;border:solid 1px #ddd;border-bottom:none}
.newscontentbox a{ font-size:14px;}
.article-tags{width:100%;height:45px;line-height:45px;border-top:solid 1px #ececec;border-bottom:solid 1px #ececec;margin:15px auto 20px auto;color:#666;font-family:"微软雅黑";clear:both;text-align:center;font-size:12px}
.article-tags span{margin-right:25px}
.article-content{width:100%;height:auto;overflow:hidden;line-height:30px;font-family:"微软雅黑";font-size:14px}

.article-content img{max-width:1200px;height:auto;width:expression(this.width > 1200 ? "1200px" : this.width); margin:auto}

.advantage-box{margin-top:50px}
.adv-item{text-align:center;margin:15px}
.adv-img img{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-o-transition:-o-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out}
.adv-img:hover img{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.adv-item h3{text-align:center;font-size:20px;line-height:40px}
.adv-item p{text-align:center;font-size:12px;line-height:20px}
@media(max-width:768px){
	.wrapper{float:left;width:100%;padding:20px 0}
	.inbanner{margin-top:50px;overflow:hidden;width:100%}
	.inbanner img{width:100%}
	.container{width:100%}
	.container img{width:100%}
	h2,h3{text-align:center;padding:0 10px}
	.txt{text-align:center;font-size:14px;color:#666;padding:0 10px}
	#wedo{margin-top:10px}
	.casegrid{margin-top:20px}
	.news-container{margin-top:20px;background:0 0}
	.news-item{width:100%;background:0 0;clear:both;margin:5px 0;border-bottom:#f1f1f1 solid 1px}
	.news-item-left .n-day{width:20%;height:100px;float:left;overflow:hidden;margin:4px auto 0 4px;border-right:#f2f2f2 solid 1px}
	.news-item-left .n-right{width:77%;height:100px;float:right;margin:4px auto 0 auto;overflow:hidden}
	.news-item-right .n-day{width:20%;height:100px;float:left;overflow:hidden;margin:4px auto 0 4px;border-right:#f2f2f2 solid 1px}
	.news-item-right .n-right{width:77%;height:100px;float:right;margin:4px auto 0 0;overflow:hidden}
	.n-day b{width:100%;height:60px;display:block;text-align:center;font-size:35px;color:#000;line-height:60px}
	.n-day span{width:100%;height:40px;display:block;text-align:center;font-size:12px;color:#999;line-height:40px}
	.n-right .n-title{width:100%;height:55px;line-height:55px;font-size:16px;margin:0 auto;color:#333;overflow:hidden}
	.n-right .n-intro{width:100%;height:40px;line-height:20px;font-size:12px;margin:0 auto;color:#666;overflow:hidden}
	.news-item-left:hover{background:0 0}
	.news-item-right:hover{background:0 0}
	.countfield{font-size:12px}
	.countfield span{font-size:30px}
	.contacttool{margin:10px auto 0 auto;font-size:16px;line-height:40px}
	.contacttool .ic{font-size:22px;margin-right:5px}
	.contactaddress{display:block}
	#wedo .item .ic img{height:80px;width:auto}
	.webitem .webitem-img{float:left;width:25%}
	.webitem .webitem-box{float:right;width:70%}
	.webitem .webitem-topic{display:block;height:30px;line-height:30px;color:#000;font-size:16px}
	.webitem .webitem-intro{display:block;color:#666;line-height:180%;font-size:12px}
	.contactitem{display:block;width:100%;margin:0;padding:20px 0}
	.casetitlebox .casetitle{line-height:40px;font-size:18px}
	.casetitlebox .casetitle h2{text-align:center}
	.casetitlebox .caselink{line-height:40px;font-size:18px;text-align:center;padding-top:15px}
	.casetitlebox .caselink a{width:150px;height:50px;border-radius:5px;border:solid 1px #000;color:#000;line-height:50px;text-align:center;font-size:18px}
	.casetitlebox .caselink span{font-size:18px}
	.casetitlebox .caselink a:hover{color:#fff;background:#000}
	.case-tags{width:100%;height:30px;line-height:30px;border-top:#ececec solid 1px;color:#666;font-family:"微软雅黑";clear:both;text-align:center;font-size:12px}
	.case-tags span{margin-right:25px}
	.case-categorybox{float:left;width:100%;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}
	.case-categorybox a{display:inline-block;width:100%;height:38px;line-height:38px;text-align:center;display:inline-block;cursor:pointer;font-size:16px;color:#666}
	.case-categorybox a.caseon,.case-categorybox a:hover{color:#000;border-top:solid 1px #000;top:-1px;position:relative;line-height:39px}
	.hovereffect:hover p{display:none}
	.hovereffect:hover i{display:block}
	.hovereffect i{color:#FFF;line-height:20px;height:40px;overflow:hidden}
}



.xiangguan{height:36px;line-height:36px;font-size:16px;margin-bottom:15px;border-bottom:1px #ddd solid;}
.xiangguan a{font-size:14px; color:#777}
.article-pager{ width:1200px; height:38px; margin:30px auto 30px auto; clear:both; text-align:center;}
.article-pager li{ width:128px; height:38px; border:solid 1px #ddd; text-align:center; display:inline-block; line-height:38px; box-sizing:border-box; border-radius:2px; background:#fff;box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-right:7px;}
.article-pager li a{ width:100%; height:38px; display:block; color:#333;}
.article-pager li:hover{ background:#189aff; color:#fff; border:solid 1px #189aff;}
.article-pager li:hover a{ color:#fff;}


.sidebar_tags{width:1110px;height:110px;margin:auto;font-size:14px;padding:3px 0 8px 16px; text-align:center}
.sidebar_tags a:nth-child(9n){background-color:#4a4a4a}
.sidebar_tags a:nth-child(9n+1){background-color:#428bca}
.sidebar_tags a:nth-child(9n+2){background-color:#5cb85c}
.sidebar_tags a:nth-child(9n+3){background-color:#d9534f}
.sidebar_tags a:nth-child(9n+4){background-color:#567e95}
.sidebar_tags a:nth-child(9n+5){background-color:#b433ff}
.sidebar_tags a:nth-child(9n+6){background-color:#00aba9}
.sidebar_tags a:nth-child(9n+7){background-color:#b37333}
.sidebar_tags a:nth-child(9n+8){background-color:#f60}
.sidebar_tags a{opacity:.8;filter:alpha(opacity=80);color:#fff;background-color:#428bca;display:inline-block;margin:0 2px 2px 0;padding:0 4px;line-height:21px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:12px;}
.sidebar_tags a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none;color:#fff}