@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1020px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img ,embed{ border:none;}
img{ vertical-align:middle}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w1000{ width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1160px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}

/*header*/
#header{ width:100%; height:85px; clear:both; position:fixed; top:0px; z-index:9; background-color:#002e5f; background-color:rgba(0,46,95,0.4);min-width:1200px; overflow:visible;*background:url(images/head_bg.png);}
.header_t{ width:100%; height:32px; background:#666; color:#e3e3e3; line-height:32px;}
.header_t span{ float:left;}
.header_t .header_t_r{ float:right; color:#d1d1d1; font-family:"宋体"}
.header_t .header_t_r a{ display:inline-block;*display:inline;zoom:1; margin:0 5px; color:#e3e3e3; font-family:"微软雅黑";}
.top_bg{ width:100%; height:100px;}
.top{ overflow:visible;}
.top .logo{ float:left; position:relative; width:440px;}
.top .logo img{ width:auto; margin-top:5px;}
.top .menu{ width:720px; float:right; }
.top .menu ul.nav{ float:right; height:85px; width:auto;}
.top .menu ul.nav li{ float:left; height:85px; width:90px; line-height:85px;position:relative;}
.top .menu ul.nav li>a{font-family:"微软雅黑"; font-size:15px; color:#fff; text-decoration:none;z-index:1;display:block; text-align:center; padding:0;}
.top .menu ul.nav li>a:hover,.top .menu ul.nav li>a.cur,.top .menu ul.nav li:hover>a{ color:#fff; background-color:#000000; background-color:rgba(0,0,0,0.2); font-weight:100}
.title_second{ width:90px; height:auto;text-align:center; margin:0px;z-index:9999;position:absolute;top:85px;left:0px; background:url(images/ico02.png) repeat; display:none;}
.title_second dd{ float:left; width:100%; height:40px; line-height:40px; font-size:14px;}
.title_second dd a{width:100%; height:40px; line-height:40px; display:block; font-weight:normal; color:#FFF;}
.title_second dd a:hover{background-color:#01458e; background-color:rgba(1,69,142,0.2);}
.top .menu ul li:hover .title_second{ display:block !important;}
.top .logo .h_logo,.h_nav{ display:none;}
.top .logo .logo1,.nav{ display:block;}
@media(max-width:767px){
	.contactusdiyou{ display:none;}
	#header{ position:relative; background:#fff; height:auto; min-width:300px;}
	.top_bg{ width:100%; height:auto;}
	.top .logo{ float:left; position:relative; width:100%;}
	.top .logo img{ max-width:90%; height:auto; padding:5px 0; margin:0 auto;}
	.top .logo .logo1,.nav{ display:none;}
	.top .logo .h_logo,.h_nav{ display:block;}
	.top .menu{ width:100%; float:right; }
	.h_nav{ width:100.03%; margin:0 auto; height:auto;}
	.h_nav li{ text-align:center; float:left; width:14.285%; height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#01458e;}
	.h_nav li a{ color:#fff; font-weight:500; font-size:14px; line-height:1; height:34px; padding:10px 0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-right:1px solid #0058b6;}
	.h_nav li:last-child a{  border-right:0px solid #0471ce;}
	/*.nav li a:hover, .nav li a.on{ background:#217af5;color:#FFF;}*/

}

/*banner*/
.banner{ height:580px; position:relative;min-width:1000px;overflow:hidden;width:100%;margin-top:0; z-index:2;}
.banner ul li{display:none;height:580px;left:0;position:absolute;top: 0;width:100%; z-index:2;}
.banner ul li a{ display:block;}
.banner .number{bottom:30px;left:50%;margin-left:-500px;position:absolute;width:1000px;text-align:center;z-index:2;}
.banner .number span{color:#fff;text-align:center;display:inline-block;/*overflow: hidden;*/width:45px;height:40px;cursor:pointer;text-align: center; background:url(../images/banner_bg01.png) no-repeat center bottom;margin:0 7px;vertical-align:top;}
.banner .number span i{display:inline-block;font-style:normal;font-size:48px;font-family:"宋体";background:url(../images/banner_bg03.png) no-repeat center;width:100%;line-height:1.2em;display:none;}
.banner .number span.current{background-image:url(../images/banner_bg02.png);}
.banner .number span.current i{display:inline-block;}
.bannertxt{height:100%;overflow:hidden; position:relative; overflow:visible;}
.sz1{width:8px;height:26px;background:url(../images/sz_1.png) no-repeat;margin-left:15px;}
.sz2{width:16px;height:26px;background:url(../images/sz_2.png) no-repeat;margin-left:15px;}
.sz3{width:18px;height:26px;background:url(../images/sz_3.png) no-repeat;margin-left:14px;}
.bannertxt .txt1{display: block;position: absolute;left:159px;top:105px;opacity: 0;filter: alpha(opacity=0);/*left: -141px;*/top: 245px;}
.bannertxt .txt2{display: block;position: absolute;left:492px;top:317px;opacity: 0;filter: alpha(opacity=0);}
.bannertxt .txt3{display: block;position: absolute;left:302px;top:307px;opacity: 0;filter: alpha(opacity=0);/*left: 602px;*/top: 607px;}
.banner .wbb{position: absolute;right: 1px;bottom: 56px;width:23px;height: 127px;background: url(../images/home_25.png) no-repeat center;}
.banner .wbb .kd{position: absolute;left: 0;bottom: 3px;width: 100%;height: 0;background: url(../images/home_26.png) no-repeat center bottom;}
.banner01{ display:none;}
@media(max-width:767px){
	.banner{ display:none;}
	.banner01{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
	.viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.picBox{ padding:0;position:relative;border-radius:3px;}
	.picBox .next{ float:right;}
	.piclist{position:relative;width:2232px;left:0;height:100%;}
	.piclist li{width:300px;height:100%;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
	.piclist li img{width:100%;}
	.icon_num{ position:absolute;bottom:5px;left:0;text-align:center;width:100%}
	.icon_num a{background:#D7D7D7;border-radius:0.6em;padding:0;height:0.6em;width:0.6em;text-align:center;cursor:pointer;margin-right:0;display:inline-block;*display:inline;zoom:1;overflow:hidden;opacity:0.4;}
	.icon_num a:hover,.icon_num .active{background:#248b81;color:#248b81;border-color:#248b81;opacity:0.9;}
	.swipe{visibility:hidden;position:relative;overflow:hidden}
}

/*main*/
.main{ width:auto; height:auto; overflow:visible;}
.main1{ width:100%; height:auto; overflow:visible;background:#fff; padding:0 0 45px;}
.main1_t{ width:100%; height:auto; margin:45px auto 35px; position:relative;}
.main1_t i{ position:absolute; top:52px; left:0; background:#d2d2d2; height:1px; width:100%; z-index:5;}
.main1_t h3{ width:276px; background:#FFF; margin:0 auto; position:relative; z-index:6; text-align:center; font-size:30px; line-height:39px; color:#313131;}
.main1_t h3 span{ display:block; font-size:20px; line-height:26px; color:#989898; text-transform:uppercase; font-family:"Microsoft YaHei UI Light","方正兰亭超细黑简体";}

.main1_img .box{position:absolute;top:0;bottom:0; left:0;right:0;/*border:10px #01458e solid;*/ background:url(../images/black.6.png) repeat; opacity:0;filter:alpha(opacity=0);}
.main1_img .box .box_bg{display:block;color:#fff; text-align: center;}
.main1_img .box .tit{font-size:20px; margin:15% 0 5px; color:#FFF;}
.main1_img .box .icon_1{width:38px;height:38px;background:url(../images/icon_1.png) no-repeat; display:inline-block;margin-top: 15px;}
.main1_img:hover .box{filter:alpha(opacity=100); opacity:1;}
.main1_img:hover .txt{opacity:0;filter:alpha(opacity=0);}
.transition{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.hoverImg:hover{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); opacity:0.9;}

.main1_l,.main1_r{ float:left; width:360px;}
.main1_c{ float:left; width:360px; margin:0 40px;}
.main1 .main1_img{ width:100%; height:auto; position:relative;}
.main1 .main1_img img{ max-width:100%; height:auto;}
.main1 .main1_lt{padding:15px 0 10px 0; border-bottom:1px solid #d3d3d3;}
.main1 .main1_lt span{ float:left; font-size:16px; color:#333;}
.main1 .main1_lt a{ float:right; font-size:12px; color:#666; margin-top:0px;}
.main1 .main1_lt a:hover{ color:#01458e;}
.main1 .main1_lc{ width:100%; height:auto; padding:8px 0;}
.main1 .main1_lc ul{ width:100%; height:auto;}
.main1 .main1_lc ul li{ float:left; width:100%; height:34px; line-height:34px; border-bottom:1px dashed #ddd; background:url(images/dian.png) no-repeat left center; padding:0 0 0 12px;}
.main1 .main1_lc ul li a{ color:#333; font-size:14px; display:inline-block; max-width:95%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*display:inline;zoom:1;}
.main1 .main1_lc ul li img{ vertical-align:top; margin-left:3px; margin-top:5px;}
.main1 .main1_lc ul li a:hover{ color:#01458e;}
.main1 .main1_lc a.more{ display:inline-block; font-size:14px; color:#666; margin-top:10px; float:right;}
.main1 .main1_lc a.more:hover{ color:#01458e; text-decoration:underline;}


.main2{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#f5f5f5; padding:0 0 45px; position:relative;}
.main2_t{ width:100%; height:auto; margin:45px auto 35px; position:relative;}
.main2_t i{ position:absolute; top:52px; left:0; background:#d2d2d2; height:1px; width:100%; z-index:5;}
.main2_t h3{ width:276px; background:#f5f5f5; margin:0 auto; position:relative; z-index:6; text-align:center; font-size:30px; line-height:39px; color:#313131;}
.main2_t h3 span{ display:block; font-size:20px; line-height:26px; color:#989898; text-transform:uppercase; font-family:"Microsoft YaHei UI Light","方正兰亭超细黑简体";}
.bule{ color:#01458e;}

.main2_c{ width:100%; height:auto;}
.main2_cl{ float:left; width:750px; height:auto;}
.main2_cl h2{ font-weight:100; font-size:24px; margin-bottom:-5px; line-height:2; color:#333;}
.main2_cl h5{ color:#888; font-size:14px;}
.main2_cl h4{ margin-top:20px; font-size:20px; color:#01458e;}
.main2_cl h4 span{ color:#666; font-size:14px; margin-left:5px; text-transform:uppercase;}
.main2_cla{ color:#888; font-size:14px; line-height:2; text-indent:2em; padding:15px 0 10px;}
.main2_clm{ margin-top:10px;}
.main2_clm a{ background:url(../images/more.png) right center no-repeat; padding-right:26px; color:#01458e; height:20px; line-height:1.4; display:inline-block; font-size:14px;}
.main2_clm a em{ font-style:normal;}
.main2_clm a:hover{ color:#01458e;}
.main2_cr{ width:370px; float:right; background:#fff; padding:20px;}
.main2_crt{ font-size:20px; color:#01458e; position:relative}
.main2_crt span{ color:#666; font-size:14px; margin-left:5px; text-transform:uppercase;}
.main2_crt a{ position:absolute; top:0px; right:0; font-size:12px; color:#666;}
.main2_cr ul.main2_cr1{ width:100%; margin-top:5px; height:auto;}
.main2_cr ul.main2_cr1 li{ border-bottom:1px dashed #CCC; float:left; width:100%; height:38px; line-height:38px; background:url(images/icon_nav3.png) no-repeat left center;}
.main2_cr ul.main2_cr1 li a{ display:inline-block;margin-left:16px; max-width:94%; color:#333; font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main2_cr ul.main2_cr1 li h2{ max-width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px; line-height:38px;}
.main2_cr ul.main2_cr1 li:hover{ background:url(images/icon_nav2.png) no-repeat left center;}
.main2_cr ul.main2_cr1 li a:hover{color:#01458e;}

.main3{ width:100%; height:auto; padding:45px 0; background:#fff;}
.main3_l{ width:670px; height:auto; float:left;}
.main3_lt{ width:100%; height:auto; font-size:18px; color:#333; font-weight:700;}
.main3_lt a{ float:right; color:#666; font-size:12px; font-weight:normal;}
.main3_lc{ margin-top:20px; width:100%; position:relative;overflow:hidden;}
.main3_lc .slide_pic{width:580px; margin:0 auto; overflow:hidden; }
.main3_lc .slide_pic ul{width:99999%;}
.main3_lc .slide_pic li{float:left; width:300px; padding-bottom:0; padding-right:20px;overflow:hidden; position:relative;}
.main3_lc .pic{border:1px solid #dcdcdc;}
.main3_lc .pic img{ width:274px; height:200px; margin:2px;}
.main3_lc span{ margin-top:10px; line-height:24px; font-size:14px; overflow:hidden; display:block; text-align:center;}
.main3_lc .slide_left{width:20px; height:37px; position:absolute; left:0px; top:90px; background:url(images/sideBtn2.png) no-repeat; overflow:hidden;}
.main3_lc .slide_right{width:20px; height:37px; position:absolute; right:0px; top:90px; background:url(images/sideBtn2.png) no-repeat -20px 0; overflow:hidden;}
.main3_lc .slide_left:hover{background:url(images/sideBtn2.png) no-repeat 0 -37px;}
.main3_lc .slide_right:hover{background:url(images/sideBtn2.png) no-repeat -20px -37px;}
.main3_lc .slide_pic li .box{ position:absolute; width:280px; height:206px; left:0; top:0; display:none;}
.main3_lc .slide_pic li .box h1{ background:none;}
.main3_lc .slide_pic li:hover .box{ display:block;}
.main3_lc .slide_pic li:hover .box h1{background:#000; filter:alpha(opacity=50); opacity:0.5; width:100%; height:100%;transition:1s;}
.main3_lc .slide_pic li:hover .box h2{transition:1s;display:block; font-weight:100; width:100%; height:100%; position:absolute;top:60px; left:0; line-height:25px;text-align:center;background:url(../images/tb2.png) no-repeat 50% 30%; font-family:微软雅黑;font-size:18px;color:#fff;}


.main3_r{ width:440px; background:#ececec; float:right; padding:15px 20px;}
.main3_rt{ width:100%; height:auto; font-size:18px; color:#333; font-weight:700;}
.main3_rc{ margin-top:10px; width:100%;}
.main3_rc h1{ font-size:16px; font-weight:700; padding-bottom:5px;}
.main3_rc p{ line-height:36px; color:#666; font-size:14px;}
.main3_rc p i{ background-image:url(images/ico2.png); background-repeat:no-repeat; display:inline-block; width:24px; height:24px; margin-top:6px; margin-right:10px; float:left;}
.main3_rc p.m3tel i{ background-position:-24px 0;}
.main3_rc p.m3fax i{ background-position:0 -25px;}
.main3_rc p.m3mail i{ background-position:-48px 0;}
.main3_rc p.m3qq i{ background-position:-24px -24px;}
.main3_rc p.m3web i{ background-position:-49px -25px;}
.main3_rc p.m3add i{ background-position:0 0;}


.main4{ width:100%; height:auto; overflow:visible;background:#f5f5f5; margin-top:0; padding:0 0 45px;}
.main4_t{ width:100%; height:auto; margin:45px auto; position:relative;}
.main4_t i{ position:absolute; top:52px; left:0; background:#d2d2d2; height:1px; width:100%; z-index:5;}
.main4_t h3{ width:276px; background:#f5f5f5; margin:0 auto; position:relative; z-index:6; text-align:center; font-size:30px; line-height:39px; color:#313131;}
.main4_t h3 span{ display:block; font-size:20px; line-height:26px; color:#989898; text-transform:uppercase; font-family:"Microsoft YaHei UI Light","方正兰亭超细黑简体";}

.main4_c{ width:1159px; border-top:1px solid #dedede; border-left:1px solid #dedede; margin:0 auto;}
.main4_c li{ float:left; width:193px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; height:111px; text-align:center; position:relative; cursor:pointer;}
.hzjpa{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;}
.hzjpb{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 10ms; opacity:0}
.main4_c li:hover .hzjpa{opacity:0;transform: rotateY(180deg); z-index:1;}
.main4_c li:hover .hzjpb{opacity:1;transform: rotateY(360deg); z-index:2;}

.service,.case,.main2 .main2_t a,.main2_cr ul li span,.main2_crt2,.main2_cr2{ display:none;}
@media(max-width:767px){
	.main1,.main3,.main4{ display:none;}
	
	.service{ display:block; width:100%; height:auto; margin-top:.5em;}
	.service img{ max-width:100%; vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box;}
	.serivce_link{ width:100%; height:auto; overflow:hidden;}
	.serivce_link ul{ float:left; width:100%; height:auto; overflow: hidden;}
	.serivce_link ul li{ display:list-item; text-align:-webkit-match-parent; width:50%; float:left; font-size:15px; border-top:0;}
	.serivce_link a{ display:block; background-color:#FFF; border:1px solid #E3E3E3; border-radius:3px; margin:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:20px 5px 10px; height:100%; text-align:center; border:0; color:#fff;}
	.serivce_link img{ display:block; margin:0 auto; position:relative; top:-5px; vertical-align:middle; border-radius:3px;}
	.service2 a{display:block; background-color:#FFFFFF; border:1px solid #E3E3E3; border-radius:3px; margin:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:63px 5px; height:100%; text-align:center; border:0; color:#fff;}
	
	.h_title{ width:100%; background:#197de8; color:#FFF;}
	.h_title h2{ display:inline-block; height:36px; font-weight:100; font-size:16px; line-height:22px; padding:7px 0; width:100%;}
	.h_title h2 span{ margin-left:5px; padding-left:8px; display:inline-block; color:#FFF;}
	.h_title h2 a{ color:#fff; font-size:14px; float:right; margin-right:8px;}
	
	.case{ display:block; width:100%; height:auto; margin-top:1em; box-shadow:1px 0 3px 0 rgba(0, 0, 0, 0.12); background:#fff;}
	.case ul{ width:100%; padding-top:10px;}
	.case ul li{ width:50%; height:auto; float:left;}
	.case ul li a{ display:block; padding:2%;}
	.case ul li a span{ display:block;width:100%; text-align:center; margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
	.main2{ margin-top:1em; width:100%; padding:0; background:none;}
	.main2 .main2_t{ width:100%; background:#197de8; color:#FFF; margin:0;}
	.main2 .main2_t h3{ float:left; width:auto; height:36px; font-weight:100; font-size:16px; line-height:22px; padding:7px 0; background:none; color:#FFF; text-align:left; margin-left:13px;}
	.main2 .main2_t h3 span,.main2 .main2_t i{ display:none;}
	.main2 .main2_t a{ display:block; color:#fff; font-size:14px; float:right; margin-right:8px; margin-top:7px; line-height:22px;}
	.main2_cl{ background:#FFF; float:left; width:100%; height:auto; box-shadow:1px 0 3px 0 rgba(0, 0, 0, 0.12);}
	.main2_cl h2,.main2_cl h4,.main2_cl h5,.main2_clm{ display:none;}
	.main2_cla{ padding:10px 14px; line-height:2em; font-size:14px; color:#666;}
	
	.main2_crt,.main2_cr1{ display:none;}
	.main2_cr{ margin-top:1em; width:100%; padding:0; background:#fff;}
	.main2_crt2{ display:block; width:100%; background:#197de8; color:#FFF; margin:0; padding:7px 0; height:36px; font-size:16px; line-height:22px; text-indent:13px; position:relative;}
	.main2_crt2 span{ display:none;}
	.main2_crt2 a{ position:absolute; top:7px; right:8px; font-size:14px; color:#fff; line-height:22px;}
	.main2_cr ul.main2_cr2{ display:block; margin-bottom:1em; border-top:none; padding-bottom:10px; margin-top:0;}
	.main2_cr ul.main2_cr2 li{ width:100%; float:left; height:30px; line-height:30px; border-bottom:1px solid #d7d7d7; background:url(images/icon_nav3.png) no-repeat left center;}
	.main2_cr ul.main2_cr2 li a{margin-left:16px; display:block; padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.main2_cr ul.main2_cr2 li h2{ width:90%; float:left; height:40px; line-height:40px; font-size:14px; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}
	.main2_cr ul.main2_cr2 li span{ display:inline-block; width:7%; float:right; height:40px; line-height:40px; font-size:18px; color:#666;}
	.main2_cr ul.main2_cr2 li:hover{ background-color:#efefef;}
	/*.news_down{ margin:10px; text-align:center;}
	.news_down a{ display:block; width:94%; background:#144f93; height:35px; line-height:35px; font-size:14px; color:#FFF; margin:0 auto; border-radius:4px;}
*/
}

/*footer*/
.footer_bg{ width:100%; height:auto; margin:0 auto; background:#262626; padding:40px 0 20px; color:#9b9b9b; line-height:1.5; font-size:14px;}
.footer_bg a{ color:#9b9b9b;}
.foot_top{ padding-bottom:40px;}
.foot_topw{ position:relative; overflow:visible;}
.ft_ewm{ width:180px; height:160px; margin-top:0;position:absolute; left:530px; top:-35px;}
.ft_ewmpr{ width:100%; height:160px; position:relative;}
.ft_ewm ul{ margin-top:7px;}
.ft_ewm ul li{ height:25px; float:left; margin-right:10px;}
.ft_ewm ul a{display:inline-block;height:25px;width:100%;line-height:25px;color:#9b9b9b;text-decoration:none;font-size:12px;}
.ft_ewm p {display:inline-block;width:117px;height:117px;border:1px solid #dddddd;background-color: #fff;}
.ft_ewm .weixin{position:absolute;top:30px;left:0;/*display:none;*/}
.ft_ewm .weibo {position:absolute;top:30px;left:0;display:none;}
#wx-corner{border:10px solid transparent;border-bottom: 10px solid #fff;position: absolute;top:-18px;right:78px;z-index: 10;*height: 0;}
#wb-corner{border:10px solid transparent;border-bottom: 10px solid #fff;position: absolute;top:-18px;right:13px;z-index: 10;*height: 0;}

.ft_menu a{ margin:0 5px; font-size:14px; line-height:1.5;}
.ft_menu a:hover{ color:#fff}
.f_lxfs{ line-height:1.8;}
.foot{ padding:20px 0; margin:20px auto 0; border-top:1px solid #373737; line-height:28px;}
.flink{ padding:20px 0 0; border-top:1px solid #373737; margin:0 auto; overflow:visible;}
.flink_l{ width:1000px; font-size:12px; color:#666;}
.flink_l a{ display:inline-block; margin:0 3px; color:#666;}
.flink_l a:hover{ color:#9b9b9b;}
.flink_r{ width:140px;}
.coin_box{ width:100%;}
.coin_box>div{ float:left; display:block; margin: 0 5px; position:relative;}
.coin_box>div a{ margin:0;}
.coin_box>div.coin_ft2 .phone{ display:none; position:absolute; width:90px; height:90px; top:-95px; left:-30px;}
.coin_box>div.coin_ft2 .phone img{ width:90px; height:90px;}
.coin_box>div.coin_ft3 .wxewm{ display:none; position:absolute; width:90px; height:90px; top:-95px; left:-30px;}
.coin_box>div.coin_ft3 .wxewm img{ width:90px; height:90px;}
.coin_box>div.coin_ft1 a{ width:34px; height:34px;display:block; background:url(../images/kefu.png) center; }
.coin_box>div.coin_ft1:hover a{background:url(../images/kefuhover.png) center; }
.coin_box>div.coin_ft2 a{ width:34px; height:34px;display:block; background:url(../images/shouji.png) center; }
.coin_box>div.coin_ft2:hover a{background:url(../images/shoujihover.png) center; }
.coin_box>div.coin_ft3 a{ width:34px; height:34px;display:block; background:url(../images/weixin.png) center; }
.coin_box>div.coin_ft3:hover a{background:url(../images/weixinhover.png) center; }
.coin_box>div.coin_ft2:hover .phone,.coin_box>div.coin_ft3:hover .wxewm{ display:block;}

.index_foot,.h_link,.h_mb{ display:none;}
@media(max-width:767px){
	.footer_bg{ display:none;}
	.h_link{ display:block; width:100%; text-align:center; padding:10px 0;}
	.h_link a{ color:#666;}
	.h_mb{ display:block;  margin-bottom:45px; line-height:0;}
	.fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
	.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
	.bdsharebuttonbox a{ float:right;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:10%;}
	.app_con{height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width: 100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; margin:0 auto;display: inline-block;
	background:#01458e;}
	#fixed-foot .h_btn{width:100%; max-width:640px; margin:0 auto;display: inline-block;text-align:center; }
	#fixed-foot .h_btn .f_mess{background-attachment: scroll; background-clip: border-box;background: url(../images/h_qq.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_tel{background-attachment: scroll; background-clip: border-box;background: url(../images/h_tel.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_map{background-attachment: scroll; background-clip: border-box;background: url(../images/h_map.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_share{ border-right:0px;background-attachment: scroll; background-clip: border-box;background: url(../images/h_share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn a{ cursor:pointer; border-left: 1px dotted #EEE;border-right: 1px dotted #333; display:block; color: #FFFFFF;float: left; padding:5% 0 0; font-weight:bold; text-align: center;width: 25%;}
	#fixed-foot .h_btn a span{ display:block;font-size:15px; line-height:2;}
}


.inbanner{ background:url(images/inbanner.jpg) top center no-repeat; height:460px; width:100%;}

/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; min-height:460px; padding:0 0 20px;}
.side_left{ float:left; width:255px; min-height:687px; margin-top:-100px; background:url(../images/bg_aside.png) top right no-repeat;}
.sd_nav{ position:relative; text-align:right; }
.side_l_t{ position:relative; font-size:22px; color:#01458e; padding:30px 30px 23px 0; margin-bottom:30px; border-bottom:1px solid #bdbdbd; line-height:1;}
.side_l_t span{ display:block; font-size: 16px; font-weight: 400; margin-top: 8px; text-transform:uppercase;}
.side_l_t:after{ position:absolute; content:""; left:0; bottom:-2px; width:100%; height:0; border-bottom:1px solid #fff; }
.side_menu{ position:relative; width:100%;}
.side_menu li{ float:left; position:relative; border-bottom:1px solid #bdbdbd; width:100%;}
.side_menu li a{ display:block; font-size:14px; padding:18px 30px 18px 0; line-height:25px; color:#666; text-transform:uppercase;}
.side_menu li a:hover,.side_menu li a.curr{ color:#fff; background-color:#01458e; background-image:-moz-linear-gradient( 0deg, rgb(7,88,176) 0%, rgb(7,36,67) 100%); background-image:-webkit-linear-gradient( 0deg, rgb(7,88,176) 0%, rgb(7,36,67) 100%); background-image: -ms-linear-gradient( 0deg, rgb(7,88,176) 0%, rgb(7,36,67) 100%);}
.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.nav_list_end,.hs_li,.side_menu01{ display:none;}
@media(max-width:767px){
	.inbanner,.side_l_t,.side_menu li a span,.side_menu02{ display:none;}
	.content{ padding:0; min-height:1px;}
	.side_left{ float:left; width:100%;min-height:1px;margin:0;background:#f9f9f9;box-shadow:1px 0 3px 0 rgba(0, 0, 0, 0.12);}
	.side_menu li{margin:0;border-bottom:1px solid #DBDBDB; width:33.3%; float:left;}
	.side_menu li.hs_li{ display:block;}
	.side_menu li a{ display:block; margin:.8em 0; text-align:center; border-right:1px solid #DBDBDB; padding:0; line-height:1;}
	.side_menu li:nth-child(3n) a{ border-right:0px solid #DBDBDB;}
	.side_menu li:hover a,.side_menu li a.curr{ background:none; color:#217af5;font-weight:bold;}
	.nav_list_end{ display:block; border:1px solid #f9f9f9; margin-top:-2px; width:100%; height:0; z-index:999; position:relative;}
	.side_menu01{ display:block;}
}


.side_right{ float:right; width:865px; padding:10px 0;}
.side_r_t{ position:relative; height:42px; border-bottom:1px solid #e1e1e1;}
.side_r_t span{ float:left;line-height:42px;float:left;border-bottom:#e1e1e1 solid 1px;font-weight:normal;color:#e99f10;font-size:20px;}
.side_r_t .pos{ float:right; color:#333; line-height:42px; margin-right:0;}
.side_r_t .pos a{ color:#333;}
.side_r_t .pos em{ font-style:normal; font-weight:normal; color:#333;}

.right_con{ width:100%; padding:20px 0; height:auto; overflow:hidden; min-height:380px;}
.r_title{ width:100%; height:auto; font-size:22px; font-weight:400; color:#333; text-transform:uppercase;margin-bottom:30px;line-height:1.2;}
.r_title span{ display:block; margin-top:5px; font-size:18px;}
.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin-top:0; min-height:358px; color:#333;}
.infor img{ height:auto; overflow:hidden; max-width:100%; vertical-align:inherit;}
.map{ margin-top:10px;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
.partner{ width:856px; margin:0 auto; height:auto;}
.partner li{ float:left; width:194px; height:112px; border:1px solid #ddd; margin:0 10px 20px;}

@media(max-width:767px){
	.side_r_t,.r_title{ display:none;}
	.side_right{ width:100%; margin-top:1em; background:#FFF; padding:5px 0 0; min-height:350px; box-shadow:1px 0 3px 0 rgba(0, 0, 0, 0.12);}
	.right_con{ min-height:350px; padding:0;}
	.infor,.contact{ margin-top:10px; padding:0 14px; padding-bottom:2em; line-height:1.8em; min-height:180px; color:#878787;}
	.map{ margin-top:0; padding:0 5px 10px; margin-left:-15px; width:108%;}
	.partner{ width:100%; margin:0 auto; height:auto;}
	.partner li{ float:left; width:47%; height:auto; border:1px solid #ddd; margin:0 1.5% 8px;}
	.partner li img{ max-width:100%; height:auto;}
	.right_con table{ border:1px solid #CCC; width:100% !important;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
}

/*news*/
.news_list{ width:100%; height:auto; overflow:hidden;}
.news_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.news_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; max-width:86%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_list li span{ float:right;}
.news_list li a:hover{ color:#01458e;}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; float:left;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:853px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dl_list li span{ float:right; color:#01458e;}
.dl_list li a:hover{ color:#01458e;}
@media(max-width:767px){
	.news_list{ width:100%; height:auto; overflow:hidden; padding:0 5px; margin-bottom:2em;}
	.news_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; max-width:70%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.dl_list{ width:100%; height:auto; overflow:hidden; float:left; padding:0 5px; margin-bottom:2em;}
	.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:96%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
}

/*page*/
#page{ height:30px; margin-top:15px;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:default; background:#01458e;}
#page a{ display:inline; padding:4px 9px; margin:0 2px; background:#ddd; border-radius:2px; height:26px; line-height:26px; text-align:center; color:#000;}
#page a:hover{ color:#fff; cursor:default; background:#01458e;}
#page a.next1{  height:26px;overflow: hidden;}
#page a.prev1{ height:26px;overflow: hidden;}
#page a.next1:hover{ height:26px;overflow: hidden;}
#page a.prev1:hover{  height:26px;overflow: hidden;}
#page .none,#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{ display:block; width:100%; height:auto; overflow:hidden; margin-top:2%; background:#EEE; margin-bottom:2em;}
	#page01 a{ display:block; margin-right:1px; padding:1% 2%; float:left; background:#DDD;}
	#page01 a.num{ text-decoration:underline; color:#0086E9; font-weight:bold;}
	#page01 span{ display:block; float:right; background:#DDD; padding:1% 2%; }
}

/*product*/
.case_list{ width:870px; margin-left:-5px; height:auto; overflow:hidden;}
.case_list li{ float:left; width:280px; height:auto; margin:0 5px 15px; overflow:hidden;}
.case_list li .pic{ width:280px; height:190px; overflow:hidden; text-align:center; position:relative; display:block; vertical-align:middle; border:1px solid #e5e5e5; padding:3px;}
.staff li a{ display:inline-block;}
.case_list li img{ width:272px; height:190px;}
.case_list li span{ width:100%; height:30px; line-height:30px; text-align:center; display:block; font-size:14px; color:#333;}
/*.case_list li:hover .pic{ border:1px solid #054480;}*/
.case_list li:hover span a{ color:#01458e;}
.case_list li{ position:relative;}
.case_list li .mask{width:100%;height:0;background:url(../images/tmbg.png) repeat;position:absolute;top:0;left:0; display:none;}
.case_list li .mask i{min-width:10px;height:45px;line-height:45px;display:block;font-size:14px;border:1px solid #a2988f;padding:0 10px;    color:#fff;position:absolute;top:45%;left:30%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); font-style:normal; text-transform:uppercase;filter: alpha(opacity=70);opacity: 0.7;}
.case_list li:hover .mask{ display:block; color:#fff;}

@media(max-width:767px){
	.case_list{ width:100%; margin-left:0px; padding:10px 0 0;}
	.case_list li{ float:left; width:47%; height:auto; margin:0 1.5% 10px; overflow:hidden;}
	.case_list li .pic{ width:100%; height:auto;}
	.case_list li img{ max-width:100%; height:auto;}
	.case_list li:hover .mask{ display:none; color:#fff;}
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px;}
.detail_title{ font-size:20px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ width:100%; height:auto; overflow:hidden; padding:15px 0; line-height:2; color:#333; min-height:360px; border-bottom:1px dashed #CCC;}
.details_info img{ max-width:100%; height:auto; vertical-align:inherit;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:block; margin-right:5px; line-height:30px; color:#333; font-size:14px;}
.detail_fenye span em{ display:inline-block;font-style:normal; float:left;}
.detail_fenye span a{ color:#666; font-size:14px; }
.detail_fenye span a:hover{ color:#01458e; text-decoration:underline;}
@media(max-width:767px){
	.details_con{ padding:10px 0 0;}
	.detail_title{ font-size:1.6em; font-weight:700; color:#333; line-height:1.6; padding:0 10px 5px; text-align:center;}
	.details_info{ width:100%; height:auto; overflow:hidden; padding:15px 10px;}
	.detail_fenye span a{ color:#666; font-size:14px; display:inline-block; max-width:80%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:30px;}
}

.mess_con{ width:100%; margin:0 auto; padding:10px 0 0;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:70px; text-align:right !important; padding-right:10px; display:inline; float:left;}
.mess_con .btn{ background:#248b81; width:120px !important; height:35px; line-height:30px; border:none; margin-top:5px; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:16px; letter-spacing:3px;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; width:180px;}
.mess_con textarea{border:1px solid #ccc; line-height:1.8;}
.mess_con .table1 tr{ height:35px;}
.mess_con table,.mess_con table td ,.mess_con table tr{ border-collapse:collapse; border:none;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:898px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}