html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,table,th,td,form,fieldset,legend,input,button,textarea{margin:0;padding:0;}
li{list-style:none;}
textarea{overflow:auto;resize:none;}
a,button{cursor:pointer;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53;color:#333;outline:0;}
body{overflow-x: hidden;}
img{ border:0;}
/* reset end */
/*区块*/
.block{ padding:40px 0px;}
.wp {width: 980px;margin: 0px auto;}
.dn{ display:none;}
.oh{ overflow:hidden;}
.ov{ overflow:visible;}
.z {float: left;}
.y {float: right;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
.tr{ text-align:right;}
.tc{ text-align:center;}
a{color:#333; text-decoration:none;}
a:hover{color:#be9112;}
i{ font-size:14px;}
.mtn{ margin-top:10px;}
.mtm{ margin-top:20px;}
.mtw{ margin-top: 30px;}
.mtxw{ margin-top:40px;}
.mbn{ margin-bottom: 10px;}
.mbm{ margin-bottom: 20px;}
.mbw{ margin-bottom: 30px;}
.ptm{ padding-top:20px;}
.pbm{ padding-bottom:20px;}
.plw{ padding-left:30px;}
.pbxm{ padding-bottom:15px;}
.pbxw{ padding-bottom:40px;}
.pipe{ color:#ccc; display:inline-block; padding:0px 5px;}
img{ display:block; float:left;}
.w250{ width:250px;}
.w700{ width:700px;}
.w200{ width:200px;}
.w750{ width:750px;}
.w490{ width:490px;}
.p{ font-size:14px; line-height:30px; position:relative; top:-10px;}
.paragraph{ font-size:14px; line-height:35px;/* position:relative;top:-5px;*/}
.paragraph p{ padding-bottom:10px;}
.paragraph img,.paragraph p img{ display:inline-block; float:none;/*border:8px solid #fff;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);*/}
.bs{box-shadow: 0px 0px 5px #aaa;}
.gray{ background:#f5f5f5;}
.imgbs{border:8px solid #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.imgbrdwrap img{border:1px solid #f1f1f1;padding:7px;}
/*区块标题*/
.ct{border-top:1px solid #e5e5e5; position:relative; height:1px; margin-top:14px; padding-bottom:44px;}
.ct h2{font-size:20px;font-weight: normal;display:inline-block;background:#fff; padding-right:15px;text-transform: uppercase; border-left:3px solid #f60; padding-left:10px; color:#bf9112;text-shadow: #fff 0 1px 0; position:absolute; top:-13px;}
.ct h2 span{ color:#666; font-size:14px; display:inline-block; padding-left:10px;}
.ct div{ display:inline-block; float:right; position:relative; top:-12px; background-color:#fff; padding-left:10px;}
.ct div a{ margin-left:5px;}
.gray .ct h2,.gray .ct div{ background:#f5f5f5;}
.ct250{ background:transparent url(../images/t250b.png); width:250px; height:60px;}
.ct250 h3{ height:60px; line-height:50px; display:inline-block; padding-left:15px; color:#fff; font-size:18px; font-weight:normal;}
/*按钮*/
.button{ display:inline-block; padding:6px 15px; background-color:#e5e5e5; color:#333;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.button:hover{ background-color:#bf9112;color:#fff;}
.button_radius{ border-radius:5px;}
.button_l{ padding:8px 25px; font-size:14px;}
.button_b{ background-color:#000;}
.button_b:hover{ background-color:#f60;}
/*头部*/
#header{ background-image:url(../images/bg.jpg);}
#header .wp{ position:relative; height:100px;}
#header .wp h1{ position:absolute;height:52px; width:436px; background-image:url(../images/logo.png); top:24px;}
#header .wp h1 a{ display:block; width:436px; height:52px; line-height:800px; overflow:hidden;}
/*#header .wp #hotline{ display:inline-block; position:absolute; right:0px; top:25px; color:#666;}*/
#header .wp #hotline{ display:none;}
#header .wp #hotline i{ font-size:12px;}
#header .wp #hotline em{ display:block; font-size:25px; padding-top:5px;color:#f60; font-style:normal;}
/*菜单*/
.sonmenu{ display:none;}
#nav{ width:100%;height:40px;background:#000; color:#ccc;line-height:40px; font:16px/1 \5FAE\8F6F\96C5\9ED1; z-index:10;}
#nav{-webkit-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);-moz-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);}
#nav .wp{ position:relative; overflow:visible; z-index:10}
#nav .wp ul{ position:absolute; top:0px; left:0px;}
#nav .wp ul li{ float:left;position: relative;z-index:inherit;}
#nav .wp ul li a{ display:block; color:#ccc; line-height:40px; padding:0px 30px;}
#nav .wp ul li.on a,#nav .wp ul li.on a:hover,#nav .wp ul li.on,#nav .wp ul li.on:hover,#indexpage #nav .wp ul li.index a,#indexpage #nav .wp ul li.index a:hover,#indexpage #nav .wp ul li.index{ background:#bf9112; color:#fff;}
#nav .wp ul li:hover,#nav .wp ul li a:hover{ background:#333;color:#fff; z-index:9999;}
#nav .wp div.y a{ font-size:14px; line-height:40px; position:relative; color:#ff0; display:inline-block; height:40px; cursor:pointer;}
#nav .wp div.y a p{ display:none; width:150px; height:150px; position:absolute; top:40px; right:0px; background:#fff; border:1px solid #ccc;}
#nav .wp div.y a p span{ display:block; width:15px; height:8px; background-image:url(../images/ewmarr.png); background-repeat:no-repeat; position:relative; top:-8px; left:115px;}
#nav .wp div.y a:hover p{ display:block;}
#nav .wp li ul.sonmenu,#nav .wp li:hover ul.sonmenu{font-size:14px;position: absolute; top: 40px;display: none;left:0px; overflow:hidden; width:100%;}
#nav .wp li ul.sonmenu li{height:40px;padding:0; width:100%;}
#nav .wp li ul.sonmenu li a{ display:block;height:39px;background:#333;line-height:39px; color:#ccc;border-top:1px solid #393939;}
#nav .wp li ul.sonmenu a:hover, #nav .wp li ul.sonmenu a:focus{ background: #000; color:#fff;}
/*版权*/
#footer{ border-top:2px solid #bf9112; text-align:center;padding:15px 0; background:#f7f7f7; line-height:23px;}
#footer div{ padding-bottom:10px;}
/*幻灯*/
.flexslider {position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 8px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;border-radius:50%; border:1px solid #fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#bf9112;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-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,.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);}
.slides{position:relative;z-index:1;}
.slides li{ width:100%; height:400px; overflow:hidden;background-position: 50% 50%;background-repeat: no-repeat no-repeat; text-align:center;}
.slides li a{ display:block;width:980px; height:400px;overflow:hidden; margin-left:auto; margin-right:auto;}
/*二级banner*/
#banner{ height:200px; overflow:hidden; background:transparent url(../images/bannerb.jpg) center center}
/*返回项部*/
a.backToTop{display:none;width:30px;height:31px;font-size:0;text-align:center;position:fixed;_position:absolute;right:20px;bottom:20px;_bottom:"auto";cursor:pointer;background:url(../images/goTop_img.png) no-repeat 0 0; z-index:999999}
a.backToTop:hover{display:block;width:30px;height:31px;background:url(../images/goTop_img.png) no-repeat 0 -31px;}
div.artmaindiv,div.onepagediv{padding:20px;}
/*通栏4列*/
.col4{ width:1012px;}
.col4 li{ float:left; width:220px; overflow:hidden; margin-right:33px;}
/*通栏3列*/
.col3{ width:1012px;}
.col3_line .m{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
/*通栏2列*/
.col2{ width:1000px;}

/*案例*/
.case li{ background:#f1f1f1;width:204px;margin-bottom:20px; height:254px;border:8px solid #f7f7f7;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); float:left;}
.zoom{ position:relative;}
.zoom div.info{ height:50px;color:#fff;background:#f1f1f1; overflow:hidden; position:absolute; bottom:0px; z-index:1; width:100%;}
.zoom div.info a.ta{ display:block; font-size:14px; line-height:40px; height:40px; padding:5px; text-align:center;}
.zoom:hover a,.zoom div.info a.ta:hover{background: #bf9112;color: #fff;}
.zoom a.pa{ display:block; position:relative;width:204px; height:234px; overflow:hidden;}
.zoom a.pa{position:relative; top:0px;/*transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;*/}
/*.zoom a.pa:hover{top:-30px;}*/
.zoom a.pa span{ display:block; width:50px; height:50px; background-image:url(../images/hover-magnify.png); background-repeat:no-repeat; position:absolute; left:50%; top:-50px; margin-left:-25px;/*transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;*/}
/*.zoom a.pa:hover span{top:50%; margin-top:-25px;}*/
.caselist li{ margin-bottom:33px;}
.caselist li,.caselist .zoom a.pa{ height:auto;}
.caselist .zoom div.info{ height:40px; background:#fff;}
.caselist .zoom div.info a.ta{ height:30px; line-height:30px;}
.caselist .zoom:hover a,.caselist .zoom div.info a.ta:hover{background: #fff;color:#be9112;}
/*首页循环滚动*/
.scrollBox{ position:relative;}
.scrollInBox{ width:980px; overflow:hidden;}
.scrollBox span.prev,.scrollBox span.next{position:absolute; overflow:hidden; cursor:pointer; display:block; top:100px; width:27px; height:55px;color:#fff; background:transparent url(../images/btnarr.png) no-repeat; line-height:999;}
.scrollBox span.prev{left:-57px; background-position:left top;}
.scrollBox span.prev:hover{background-position:left bottom;}
.scrollBox span.next{ right:-24px;background-position:right top;}
.scrollBox span.next:hover{background-position:right bottom;}
.scrollnav{ text-align:center;}
.scrollnav em{ display:inline-block; margin:0px 5px; font-style:normal; cursor:pointer; width:12px; height:12px; border:1px solid #d1d1d1; overflow:hidden; line-height:999px; border-radius:50%;}
.scrollnav em:hover{ border-color:#ababab;}
.scrollnav em.on{ border-color:#f60; background:#fff;}
/*首页service*/
.service li{ text-align:center;}
.service li a{ display:inline-block; width:150px; height:174px; text-align:center; position:relative;}
.service li a div.bg{ background-image:url(../images/u1.png); position:absolute; left:0px; top:0px;width:150px; height:174px;}
.service li a strong{  position:absolute; display:inline-block; width:100%; height:auto;line-height:25px; text-align:center; left:0px; top:40px; font-size:20px;font-weight:normal; color:#fff;}
.service li a strong i{ display:block; position:relative; top:0px; width:100%;padding-bottom:10px; text-align:center; font-size:58px;/*transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;-ms-transition:All 0.4s ease-in-out;*/}
.service li a strong i img{ display:block; float:none; margin-left:auto; margin-right:auto;}
/*.service li a:hover strong i{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}*/
.service li a div.bg4{background-image:url(../images/u4.png);}
.service li a div.bg3{background-image:url(../images/u3.png);}
.service li a div.bg2{background-image:url(../images/u2.png);}
/*文章列表*/
.tlist li{ margin-bottom:25px;}
.tlist a{ display:block; padding-left:20px;border-left:3px solid #ccc;}
.tlist li a:hover{border-left:3px solid #f60;}
.tlist h4{ font-size:16px; line-height:1.5; font-weight:normal; margin-bottom:10px;}
.tlist div{ font-size:14px; color:#aaa;}
/*联系我们*/
.contus li{ font-size:14px;margin-bottom:15px;}
.contus li h6{ font-size:16px;font-weight:normal; padding-bottom:12px; color:#bf9112;}
.contus li h6 span{ display:inline-block; font-size:12px; color:#999;}
.contus li p{ font-size:14px; line-height:1.5; padding-left:2em;}
.contus li em{ font-style:normal; display:block; color:#666; font-size:12px;line-height:25px; font-size:14px; color:#f60; padding-bottom:12px;}
.contus li em i{ font-size:inherit;}
.contactpage li p{ font-size:16px;}
/*地图*/
.mapbolck{ padding:0px;}
.dt{ height:540px; position:relative;}
.dt div{ background:#fff; position:absolute; bottom:0px; width:100%; z-index:99999; height:40px; line-height:40px;}
/*侧边图片列表*/
.sidept li{ margin-bottom:25px; float:none; margin-top:15px;}
.sidept li a{ display:block;border:1px solid #fff;border:1px solid #e5e5e5\9; padding:7px;background:#fff;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); position:relative;}
.sidept li a div{ padding:0px; margin:0px;}
.sidept li a:hover{box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.sidept li a p{ height:auto;line-height:20px; padding:5px 5px; font-size:14px; overflow:hidden; background:transparent url(../images/bb.png); position:absolute; bottom:7px;+bottom:10px; z-index:10; width:224px; color:#ccc;transition:All 0.8s ease-in-out;-webkit-transition:All 0.8s ease-in-out;-moz-transition:All 0.8s ease-in-out;-o-transition:All 0.8s ease-in-out;}
.sidept li a:hover p{ background:transparent url(../images/bb_hover.png); color:#f1f1f1;}
/*友情链接*/
.links a{ display:inline-block; margin-right:15px; line-height:28px;}
/*列表页栏目分类*/
.catlistdiv ul li{ height:35px; line-height:35px; padding:0 0 10px 0}
.catlistdiv ul li a{ display:block; font-size:16px; height:40px; line-height:40px; padding-left:17px; border-left:3px solid #e5e5e5; background:#f1f1f1;}
.catlistdiv ul li a:hover{ border-left-color:#333;}
.catlistdiv ul li.active a{ border-left-color:#f60; background:#bf9112; color:#fff;}
/*分页*/
#artpages{text-align:center;vertical-align:middle; padding-top:6px; padding-bottom:15px; font-size:14px; }
#artpages a{ display:inline-block; padding:0px 12px; line-height:25px; border:1px solid #ccc;text-decoration:none; margin-right:10px; margin-left:0px;}
#artpages a:hover{ border:1px solid #f60;}
#artpages a.thisclass{ margin-right:6px;}
#artpages a.thisclass,#artpages a.thisclass:hover{background-color:#f60; border-color:#f60; color:#fff;}
/*文章*/
div#artdiv h2{ font-size:22px; line-height:34px; font-weight:normal; text-align:center; padding-bottom:5px;}
div#artdiv div.extinfo{ line-height:30px; color:#666; text-align:center; padding-bottom:20px;}
div#artdiv div.artcont{ line-height:32px; font-size:16px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding-top:25px;padding-bottom:25px;}
div#artdiv div.artcont img{ max-width:650px; margin-bottom:15px; display:block; float:none; margin-left:auto; margin-right:auto; border:8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
ul.prenext li{ line-height:30px; font-size:14px;}
/*无限加载图标*/
.caselist{ position:relative;}
#infscr-loading{bottom:-10px;left:50%;position:absolute;text-align:center;height:20px;line-height:20px;z-index:100;width:120px; margin-left:-60px; font-size:14px;}
/*在线招聘*/
ul.joblist li{ list-style:none; border-bottom:1px solid #e7e7e7; padding-bottom:25px;margin-bottom:25px; position:relative;}
ul.joblist li h4{ font-size:16px; font-weight:normal; padding-bottom:15px;}
ul.joblist li div.extinfo,ul.joblist li p{ font-size:12px;padding-left:2em; font-weight:normal;}
ul.joblist li div.extinfo span{color:#be9112;}
ul.joblist li p{line-height:25px; padding-top:8px;}
#comtbl{ border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7; margin-bottom:25px; font-size:14px;}
#comtbl th,#comtbl td{ border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:5px 5px;}
#comtbl th{ font-weight:bold; color:#be9112; text-align:right;}
/* 加载 Portamento 成功后的样式 */ 
#portamento_container{position:relative;z-index:99;} 
#portamento_container #sidebar{} 
/* 滑动时的样式 */ 
#portamento_container #sidebar.fixed{position:fixed;} 

.cc{ border:1px solid #f1f1f1; padding:15px; background:#f7f7f7;}
.cc h3{ border-bottom:2px solid #f60; height:25px; margin-bottom:10px; font-size:14px;}
.cc p{ font-size:12px; line-height:25px;}
.cc p span{ color:#bf9112;}
.cc p span i{ font-size:14px;}