body,div,ul,li,a,img,span,p,input,h1,h2,h3,h4,h5,table,tr,td,hr,i,dl,dt,dd{ margin:0px; padding:0px;border:0px;outline:none;font-style:normal;font-weight:normal}
body{ width:100%; font:14px/24px '微软雅黑', Arial; color:#000; margin:0 auto;overflow-x:hidden}
a{ font:14px/24px '微软雅黑', Arial; color:#000; text-decoration:none;}
li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.tc{ text-align:center}
.mg90{margin-top: -90px;}
/*首页代码开始*/

/*头部代码开始*/
.container{ width:1100px;margin:0 auto}
.head_top{ text-align:right;color:#fff;height:40px;width:100%;background:#000000;}
.head_top .h_share{ margin:11px 10px 0 0}
.head_top .h_share a{ margin-right:5px;filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.head_top .h_share a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}

.head_bottom{ width:100%;position:relative;z-index: 2;}
.head_bottom .headbg{ position:absolute;left:0px;top:0px;background:#fff;filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8;width:100%;height:90px;overflow:hidden;z-index:-1}

.head_bottom ul.head_nav li{ width:90px;height:90px;float:left;cursor: pointer;*position: relative;z-index: 999;margin: 0 3px;}
.head_bottom ul.head_nav li span{ display:block;width:100%;height:90px;line-height:90px;text-align:center}
.head_bottom ul.head_nav li a{ width:100%;height:90px;line-height:90px;display:block;text-align:center}
.head_bottom ul.head_nav li:hover a,.head_bottom ul.head_nav li a.select{ color: #49a8a5;background:#fff}

.head_bottom ul.head_nav li ul.subnav {list-style: none;position: absolute;top:90px;*top:90px;*left: 0px;background: #fbfbfb;width: 140px;z-index: 999;display: none;}
.head_bottom ul.head_nav li ul.subnav li{clear: both;width: 140px;height: 45px;cursor: pointer; border-top:1px solid #e1e1e1;margin:0px}
.head_bottom ul.head_nav li ul.subnav li:first-child{ border:0px}
.head_bottom ul.head_nav li ul.subnav li a{ line-height:45px;height: 45px;font-size:13px}
.head_bottom ul.head_nav li ul.subnav li a:hover{ background:#ebebeb}
.head_bottom img{ display:block}


.protitle{ margin-top:150px;text-align:center}
.protitle img{ margin:0 auto}

/*头部代码结束*/
.blank{ width:1440px; height:5px; background:#fff}
/*banner开始*/
/*banner start*/
.banner,.bannerpro{ position:relative;top:-90px;z-index:1;overflow: hidden;}
.banner img{ display:block}
.flexslider { position: relative; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}

.flex-control-nav { position: absolute; bottom:0px;z-index: 2;text-align: center;width: 100%;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 15px; height: 17px;overflow: hidden; background:url(../images/bannerbut.png) no-repeat;cursor: pointer;font-size:0px}
.flex-control-nav .flex-active { background-position:-15px 0;}


@media screen and (min-width: 980px) {
	.flexslider { height:400px}

}
@media screen and (min-width: 1440px) {
	.flexslider { height:538px}
}
@media screen and (min-width: 1920px) {
	.flexslider { height:750px}
}
/*banner end*/
/*banner结束*/
.weather{ border-bottom:1px solid #e5e5e5;margin-top: -90px;height:90px;overflow:hidden;text-align:center}
.w_contain{ display:inline-block; *display:inline; *zoom:1;}
.weather span{ line-height:90px;font-size:20px;color:#4b4b4b;text-shadow: 0px 1px 1px #4b4b4b;margin-right:80px}


.in_product{ position:relative;}
.in_product h2{ font-size:36px;line-height:115px;text-align:center}
.in_product ul{ overflow:hidden;height:300px;margin-bottom:40px;position:relative}
.in_product ul li{ position:relative;width:250px;float:left;margin:12px;-margin:10px}
.in_product ul li a{text-align:center;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.in_product ul li a.pro_name{display:block;background:#e9ebea;width:250px;height:200px;}
.in_product ul li a.pro_name img{ width:200px;height:200px;overflow:hidden}
.in_product ul li a.pro_hover{ width:250px;height:200px;display:none;position:absolute;background:#efe0a3;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;top:0px;left:0px;}
.in_product ul li:hover a.pro_hover{display:block;}
.in_product ul li:hover a.pro_hover img{margin-top:75px}

.in_product ul li h3{ font-size:18px;line-height:50px;height: 50px;overflow: hidden;}
.in_product ul li a.pro_more{ border:1px solid #b2b2b2;color:#7b7b7b;padding:4px 12px;font-size:12px;display: inline-block;}
.in_product ul li:hover a.pro_more{ background:#fcc800;color:#fff;border-color:#fcc800}

.down{background:#f4f3f3;}

a.d_arrow img{vertical-align:middle;filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8;cursor:pointer;}
a.d_arrow:hover img{filter:alpha(opacity=100);-moz-opacity:1; opacity: 1;}

.in_news{ background:#f4f3f3;padding:15px 0 30px;overflow:hidden;}
.in_news ul{ height:475px;overflow:hidden;float:left;margin-right:15px}
.in_news ul li{ padding:15px;border:1px solid #edecec;background:#fff;width:237px;box-shadow: 0px 2px 5px -2px rgba(0,0,0,.3);margin-bottom:13px;position:relative;}
.in_news ul li a{ font-size:16px;color:#504f4f;line-height:28px;margin-top:5px;display:block;height:56px;overflow:hidden;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
position:relative;
font-weight: bold;
}
.in_news ul li img{ display:block}
.in_news ul li a:hover{ color:#fb7d0f}
.in_news ul li p{ color:#6b6b6b;height:136px;overflow:hidden;line-height:23px;position:relative;}

.newspage{margin-top: 15px;}
.newspage a{ display:block;width:27px;height:27px;background:url(../images/arrow3.png) no-repeat;float:left;margin-right:5px;-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}
.newspage a.next2,.newspage a.next2:hover{ background-position:-27px 0}
.newspage a:hover{ background:url(../images/arrow4.png) no-repeat;}

.in_about{ margin:55px auto 15px;overflow:hidden}

.in_about .company{width:480px;}
.in_about .company h1{ font-size:20px;height:24px;line-height:24px;overflow:hidden}
.in_about .company p{ color:#7b7b7b;line-height:30px;margin:5px 0;}


.sign{ width:100%;background:url(../images/sign2.png) no-repeat;background-size:100%;overflow:hidden;background-color:#f4f3f3}

.sign .signzi{ margin:7% 0 2%;overflow:hidden}
.sign a{ display:block;
width:100px;height:45px;line-height:45px;font-size:16px;text-align:center;
color:#fff;border:1px solid #edad01;margin:5px 0px 0px 10px;background:#fcc800;}

@media screen and (min-width: 980px) {
	.sign .signzi{ margin:4% 0 1%;}
}

@media screen and (min-width: 1440px) {
	.sign .signzi{ margin:7% 0 2%;}
}

@media screen and (min-width: 1920px) {
	.sign .signzi{ margin:12% 0 2%;}
}
.friend{ background:#f4f3f3;overflow:hidden;width:100%;padding:10px 0}
.picMarquee-left{background:#f4f3f3;overflow:hidden;width:1100px;margin:0 auto; position:relative;  }
.picMarquee-left .bd{ width:1100px;}
.picMarquee-left .bd .tempWrap{ width:1100px !important}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic{ text-align:center;background:#fff}
.picMarquee-left .bd ul li .pic img{ width:120px; height:70px; display:block; padding:0 10px; border:1px solid #d8d8d8; }

.picMarquee-left .bd ul li .title{ line-height:24px; }


#foot_box1 {position:relative;height:116px;overflow:hidden;width:1100px;margin:0 auto}
#foot_box1 ul {position:absolute;left:0px;top:10px;}
#foot_box1 ul li {width:142px;height:96px;margin:0 10px;float:left;text-align:center;list-style:none;}
#foot_box1 .fprolist {width:142px;height:72px;}
#foot_box1 .fprolist_box {width:142px;height:72px;position:absolute;z-index:99;}
#foot_box1 .fprolist_box a {display:inline-block;width:142px;height:72px;}
#foot_box1 .fprolist_img {width:142px;height:72px;background:#fff;}
#foot_box1 .fprolist_img img {width:120px;height:70px;border:1px solid #d8d8d8;padding:0 10px;}
#foot_box1 .fprolist_name {text-align:center;height:24px;line-height:24px;display:inline-block;width:120px;overflow:hidden}

.footer{ width:100%px; background:#202126;color:#515c73;padding-top:20px;overflow:hidden}
.footer .f_bottom span{float: left;margin: 23px 0 0 10px;line-height: 12px;}
.footer .f_bottom span a{ line-height: 12px;}   
.footer a{ color:#515c73;}
.footer a:hover{color:#58aeab}

.footer i{ width:30px;height:0px;border:1px solid #58aeab;display:block;margin-bottom:20px}
.footer .f_top h2{ color:#fff;font-size:18px;margin-bottom:15px}

.footer .f_top{ padding-bottom:10px}
.footer .f_top .f_about{ width:340px;font-size:14px;word-spacing:2px}
.footer .f_top .f_about p{ line-height:32px}
.footer .f_top ul.categories{ margin:0 60px 0 30px}
.footer .f_top ul.categories li{ line-height:36px}

.footer .f_top .f_contact{ background:url(../images/f_map.png) left bottom no-repeat;padding-bottom: 40px;}
.footer .f_top .f_contact p{line-height:36px}

.footer .f_top .f_mess{ margin-left:60px}
.f_bottom{ width:100%;background:#1c1f24;height:60px;line-height:60px}


.f_bottom .zsico{ margin: 19px 10px 0;}
.sidetop{width:41px;height:41px;display:inline-block;opacity:0.6;filter:Alpha(opacity=60);transition:all 0.3s;background:url(../images/gotop.png) no-repeat;margin-top:10px}
.sidetop:hover{opacity:1;filter:Alpha(opacity=100);}

/*首页代码结束*/

/*通用代码开始*/
ul.sidebar{ height:60px;margin-top:-130px;border-bottom:1px solid #fff;box-shadow: 0 10px 12px -8px rgba(0,0,0,.3);margin-bottom:40px;z-index: 3;
position: relative;width: 100%;} 
ul.sidebar li{ float:left;text-align:center;background:#58aeab;}
ul.sidebar li a{ color:#fff;font-size:18px;display:block;border-left:1px solid #ffffff;height:60px;line-height:60px;}
ul.sidebar li a:hover,ul.sidebar li a.thisclass{ background:#fcc800;box-shadow: 0 10px 12px -8px rgba(0,0,0,0.2) inset;}


.location{ text-align:right;padding-bottom: 10px;}
.line{ border-bottom:1px solid #e7e7e7;margin-bottom:20px;}
.location a{color:#797979}
.location a:hover{color:#000}
.lineheight34{ line-height:34px}

.pageread{ margin-bottom:30px;background:#fff;overflow: hidden;min-height:400px;padding-bottom: 20px;}

/*通用代码结束*/

/*案例开始*/
.bannercase{ width:100%;background:url(../images/casebg.jpg) no-repeat;background-size:100%;overflow: hidden;}
.caselist{ margin-top:30px}
.caselist .lists{ width:290px;position:relative;margin: 20px 36px 0;float:left}
.caselist .lists img.caseimg{ width:290px;height:220px}
.caselist .lists h3{ font-size:16px;height:48px;overflow:hidden;display:block;margin-top:5px;text-align: center;width:290px}

.caselist .lists:hover h3{ color:#fb7d0f;}

.caselist .lists ul li a.case_hover{ display:block;width:290px;height:220px;display:none;position:absolute;top:0px;left:0px;background:url(../images/casehover.png) repeat;text-align:center}
.caselist .lists ul li:hover a.case_hover{display:block;}
.caselist .lists ul li:hover a.case_hover img{margin-top:95px}

ul.honorlist{ margin-top:30px}
ul.honorlist li{ width:300px;position:relative;margin: 20px 30px 0;float:left}
ul.honorlist li img.caseimg{ width:300px;height:240px}
ul.honorlist li a.case_hover{ display:block;width:300px;height:240px;display:none;position:absolute;top:0px;left:0px;background:url(../images/casehover.png) repeat;text-align:center}

ul.honorlist li:hover a.case_hover{display:block;}
ul.honorlist li:hover a.case_hover img{margin-top:95px}
ul.honorlist li h3{ font-size:16px;height:48px;overflow:hidden;display:block;margin-top:5px;text-align: center;width:300px}

ul.honorlist li:hover h3{ color:#fb7d0f;}



/*案例结束*/
/*人才招聘页代码开始*/
.pagelist{ margin:20px 0}
.pagelist .job_title{ background:url(../images/jobtitle.jpg) repeat-x;display:inline-block;padding: 0 10px;height:26px;border:1px solid #bcbcbc;border-bottom:0px}
.pagelist .job_title h3{ text-align: center;}
.pagelist .jobline{width:100%; height:3px;background-color:#fcc800;}

.pagelist table{ width:100%}
.pagelist table tr td{text-align:center;width:20%}
.pagelist table.worktitle{ font-size:14px;font-weight:bold;background-color:#ecebeb;}
.pagelist table tr{ height:35px}
.pagelist ul.joblist li{border-bottom:1px dashed #D4D3D3;width:100%}
.pagelist ul.joblist li table tr td a{font-weight:bold;}
.pagelist ul.joblist li table tr td a:hover{color:#039739}

.pageread .espcms_news_title {
border-bottom: 1px dotted #8d8d8d;
margin-bottom: 15px;
padding-bottom: 5px;
overflow: hidden;
}
.espcms_news_title h3{padding: 20px 0px 20px;overflow: hidden;}
.espcms_news_title h3 img {
display: block;
float: left;
margin: 0px 20px;
}
.espcms_news_title h3 span {
float: right;
font-size: 14px;
display: block;
padding-top:18px;
width:350px;
line-height:24px
}
.espcms_news_title h3 strong {
font-size: 24px;
line-height: 28px;
display: inline-block;
padding-top: 15px;
}
.espcms_news_title h3 em {
display: block;
font-size: 12px;
color: #8c8a89;
padding-top: 5px;
}
.nocon{ text-align:center;margin-top:20px}
/*人才招聘页代码结束*/

/*联系我们开始*/
.contact h1{ color:#4e4e4e;font-size:24px;padding:30px 0;border-bottom:1px dashed #e5e4e4}
.contact p{ font-size:18px;color:#777777;margin-top:30px}
.contact p img{ vertical-align:middle}
.map{ width:1090px;height:440px;border:1px solid #DBDBDB;}

#ipo_box1 {width:1100px;height:200px;overflow:hidden;position:relative;margin:40px 0}
#ipo_box1 ul {position:absolute;left:0px;top:0px;}
#ipo_box1 ul li {width:190px;height:200px;float:left;text-align:center;list-style:none;}
.iprolist {width:160px;height:200px;}
.iprolist_box {width:160px;height:160px;position:absolute;z-index:99;}
.iprolist_box a {display:inline-block;width:160px;height:160px;}
.iprolist_img {width:160px;height:160px;}
.iprolist_img img {width:160px;height:160px;border:1px solid #e7e7e7}
.iprolist_name {text-align:center;height:30px;line-height:30px;padding-top:10px;}
/*联系我们结束*/

/*新闻中心开始*/
.news ul li .newsleft a:hover{ color:#fb7d0f}

.news ul li .newsleft a{ font-size:20px;color:#4e4e4e;height:30px;overflow:hidden;line-height: 40px;
height: 40px;display:block;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.news ul li .newsleft p{ color:#848484;line-height:30px;height:120px;overflow:hidden;margin-bottom:25px}

ul.newsfirst .newsleft{ width:660px;}
ul.newsfirst li{ border:1px solid #e4e4e4;padding:20px;overflow:hidden;box-shadow: 0 -10px 13px -10px rgba(0,0,0,0.2);border-bottom:7px solid #efefef}

ul.newslist li{ margin-top:40px;overflow:hidden}
ul.newslist li span{ display:block;width:106px;height:140px;line-height:140px;color:#767676;background:url(../images/ntime.png) no-repeat;text-align:center;float:left;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;}
ul.newslist li:hover span{ color:#fff;background:url(../images/ntim_hover.png) no-repeat}

ul.newslist .npic{ float:left;margin:0 40px 0 25px}

ul.newslist .newsleft{ width:720px}
.news ul.newslist li .newsleft a{ line-height:24px;height:30px}
.news ul.newslist li .newsleft p{ height:60px;margin-bottom:10px}

.news_title{ border-bottom:1px dashed #58aeab;margin-bottom:15px;overflow:hidden;padding-bottom:5px}
.news_title h2{ text-align:center;text-shadow: #F3F3F3 1px 1px 0px,#B2B2B2 1px 2px 0;color:#0055a6}
.espcms_book .espcms_newslist_read{ margin-top:10px}
.espcms_book .espcms_newslist_read a:hover{ color:#f06608}

ul.turnpage li{ margin-top:10px}
ul.turnpage li a{color:#0055a6}
ul.turnpage li a:hover{ text-decoration:underline}
/*新闻中心结束*/

/*产品中心开始*/
.bannerpro{ width:100%;background:url(../images/casebg.jpg) no-repeat;background-size:100%;overflow: hidden;}
.bannerpro ul.sidebar{ margin-top:0px}

.pageread ul.prolist{ overflow:hidden}
.pageread ul.prolist li{ width:330px;margin:45px 17px 0px;position:relative;float:left}

.pageread ul.prolist li a.pimg{ width:290px;height:220px;text-align:center;border:1px solid #e3e3e3;display:block;margin:0 auto;z-index:2;position:relative;background:#fff;margin-bottom:55px}
.pageread ul.prolist li a.pimg img{ width:220px;height:220px;}

.pageread ul.prolist li a.pname{ position:absolute;left:0px;top:100px;display:block;width:330px;height:190px;background:#D4D4D4;color:#fff;font-size:16px;z-index:1;line-height:300px;text-align:center}

.pageread ul.prolist li a.promore{ position:relative;z-index:2;margin-left:20px}

.wrapper{width:1020px;height:400px; 
		overflow:hidden;
		overflow-y:scroll;
  scrollbar-face-color:#409e9b; /*滚动条3D表面（ThreedFace）的颜色*/ 
	scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/ 
	scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/ 
	scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/ 
	scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */ 
	scrollbar-track-color:#f6f6f6; /*滚动条的拖动区域(TrackBar)颜色*/
	scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/
	}
.jp-container{width:1020px;height:400px;position:relative;background:#fff;float:left;}
.jp-container a{padding:15px 20px;display:block;line-height:20px;background-color: #fff;border-bottom:1px solid #F2F4F8;border-top:1px solid #D8DFEA;}
.jp-container a:first-child{border-top:none;}
.jp-container a:last-child{border-bottom:none;}
.jp-container a:hover{background:#ECEFF5;border-bottom-color:#ECEFF5;}
.jp-container a h3{ font-size:14px;font-weight:bold;padding:2px 0 5px 0;text-transform:uppercase;}
.jp-container a img{float:left;margin:5px 10px 0px 0px;padding:3px;background:#fff;border:1px solid #D8DFEA;}

.jp-container img{ display:block}

.share a{ display:block;width:24px;height:24px;float:left;margin-right:10px}
.share a.s_tw{ background: url(../images/s_tw.png) center no-repeat;}
.share a.s_fb{ background: url(../images/s_fb.png) center no-repeat;}
.share a.s_in{ background: url(../images/s_in.png) center no-repeat;}
.share a.s_you{ background: url(../images/s_you.png) center no-repeat;}

.page {
background: url(../images/pagebg.png) center no-repeat;
height: 30px;
line-height: 30px;
margin: 40px 0;
text-align: center;
}

.page a,.page span{
display: inline-block;
padding: 5px 12px 0;
position: relative;
top: -3px;
color:#777777;
}
.page span.current {
background: url(../images/pages.jpg) no-repeat;
color: #fff;
}
.page span.all{ display:none}
.page span.pageindex{ display:none}

.readtitle .download{ margin-top:20px}
.readtitle .download a{font-size:17px;margin: 0px;padding:0px;color: #009639;margin-top:40px}

/*.divScrollBar{background:#000;*z-index:9999;*filter:alpha(opacity=80);*-moz-opacity:0.8;*opacity:0.8;}
.divScrollBar div{background-color:#5bbc7e;  position:absolute;cursor:pointer;z-index:999}*/
.divScrollBar{background-color:#ddd;position:absolute;opacity:0.8; filter:Alpha(opacity=80);z-index: 99;}
   
    .divScrollBar div{background-color:#49a8a5; position:absolute;z-index: 999; left:0px; top:0px;cursor:pointer}
/*产品中心结束*/