@charset "utf-8";
*{ outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html{ font:normal 100% "Microsoft YaHei";  -webkit-text-size-adjust:100% }
body{ padding:0px; margin:0px auto; font-size:100%; color:#636363; background-color:#f0f0f0; min-width:320px; max-width:640px; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
p{ margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
ol, ul,li,dl,dd { list-style:none; }
table { border-collapse:collapse; border-spacing:0 }
table td{border-collapse:collapse;}
select,input,em,textarea{ font-size:80%; font-style:normal; color:#636363;font-family:"Microsoft YaHei"; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus { color:#333;outline:none; -moz-outline:none;}
a:active{ color:#333 }
.Contain{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
/*pages*/
.Pages{ padding:10px 0; text-align:center; line-height:18px; zoom:1; overflow:hidden; }
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages .p_page em, .Pages .p_jump,  .Pages .p_total, .Pages .p_count, .Pages .p_cur{ display:none;}
.Pages .a_first, .Pages .a_end{ display:none;}
.Pages a{ display:inline-block; color:#fff; padding:3px 20px; border:1px solid #027cc5; border-radius:10px; font-size:85%;
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
/*pages end*/
/*top.html*/
.wap-top{ background-color:#eaeaea; text-align:center; padding:5% 15%; position:relative; z-index:2;}
.wap-top img{ width:100%; max-width:370px;}
.menu{ background-color:#333; position:relative; z-index:20;}
.menu nav{ overflow:hidden; clear:both;}
.menu li{ width:50%; float:left;padding:3% 0; }
.menu li span.colse{ display:none; float:right; font-family:Tahoma;}
.menu li .open{ text-align:center; color:#fff;}
/*@media screen and (min-width:300px) and (max-width:600px){
.menu li .open{font-size:90%;}
}*/
.menu li .close{ background-image:url(../images/a_close.jpg); background-repeat:no-repeat; background-position:80% center; background-size:auto 44%;}
.menu li#menu .open{ border-right:1px solid #5c5c5c;}
.menu li .open .icon{ display:inline-block; vertical-align:middle; width:20px; height:20px; background-size:20px auto; background-position:0 0; background-repeat:no-repeat; margin-right:13px;}
.menu li#menu .open .icon{ background-image:url(../images/wap_icon01.jpg);}
.menu li#search .open .icon{ background-image:url(../images/wap_icon02.jpg);}
.show-menu{ display:none; background:#fff; position:absolute; left:0px; width:100%; }
@media screen and (min-width:300px) and (max-width:600px){
.show-menu{font-size:85%;}
}
#show-menu2 span.icon{left:77%;}
.show-menu span.icon{width:0;  height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #fff; position:absolute; left:27%; top:-5px;}
.showbg,.search-showbg{ display:none; position:fixed; right:0px; bottom:0px; background:#000;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; left:0px;top:0px; z-index:1;}

.show-menu  dd{ border-bottom:1px solid #e5e5e5; padding:0 20px;}
.show-menu  dd a{ display:block; background-image:url(../images/a_menu.jpg); background-repeat: no-repeat; background-position:right center; background-size:11px auto; height:40px; line-height:40px;}
.show-menu dt{padding:2%;}
.show-menu .text{ border-radius:20px; width:100%; border:1px solid #ccc;  height:30px; line-height:30px; padding:0 2%;}
.show-menu .btn{ position:absolute; right:3%; height:30px; background-position:center center; background-repeat:no-repeat; background-image:url(../images/btn_search.jpg); background-size:20px auto; border:none; width:30px; background-color:transparent; padding:0; cursor:pointer;}

.column-top{ text-align:center; color:#0075c1; padding:3% 0; font-size:170%; position:relative; background-color:#eaeaea; font-weight:bold; position:relative; z-index:2;}
.column-top .back{ width:30px; height:30px; position:absolute; left:2%; top:50%; margin-top:-15px; background-image:url(../images/a_back.jpg); background-repeat:no-repeat; background-position: center center; background-size:100% auto;}
.column-top .back a{ display:block; height:100%;}
@media screen and (min-width:300px) and (max-width:480px){
.column-top{font-size:110%;}
.column-top .back{ width:25px; height:25px;margin-top:-12px; }
}
/*top.html*/

/*banner*/
.banner{ margin:0px; padding:0px; position:relative; z-index:0;}
.banner img{ width:100%;}
.banner li{ position:relative; text-align:center; line-height:0px; vertical-align:middle !important;}
.banner .hd{ display:none;}
/*banner end*/
.h-menu{ padding-top:2%; padding-left:1%; padding-right:1%; overflow:hidden;}
.h-menu li{ width:33.33%; padding:0 1% 2%; float:left;}
.h-menu li img{ width:100%;}

/*footer*/
footer{ text-align:center; padding:1% 2%; margin-top:3%;}
@media screen and (min-width:300px) and (max-width:480px){
footer{font-size:80%;}
}
footer p{ padding-bottom:2%;}
footer p a{ margin:0 2%;}
#goToTop{ position:fixed; right:2%; bottom:2%;width:10%; display:none;}
#goToTop img{ display:block; width:100%; max-width:64px; }
/*footer end*/

.col-menu{ background-color:#fff; /*overflow:hidden;*/ position:relative; z-index:10;}
.col-menu nav{ overflow:hidden; clear:both;}
.col-menu li{ float:left;  padding:2% 0; text-align:center;}
.col-4 li{width:25%;}
.col-2 li{width:50%;}
.col-3 li{width:33.3333%;}
.col-menu li a{ border-right:1px dotted #d6d6d6; display:block; line-height:2;}
@media screen and (min-width:300px) and (max-width:480px){
.col-menu li a{font-size:85%;}
}
.col-menu li a.aon{ color:#027cc5;}
.col-menu li.on{ background-color:#027cc5;}
.col-menu li.on a{ color:#fff; border-right:0; background-image:url(../images/menu_a_on2.png) !important;}
.col-menu li:last-chlid a{ border-right:0;}
.col-menu li#case-open a{ background-image:url(../images/menu_a_on.png); background-position:98% center; background-repeat:no-repeat;}
.case-show{ position:absolute; left:0px; width:100%; background-color:#027cc5; display:none; z-index:2;margin-top:-1px;}
.case-show dd{ border-bottom:1px solid #3296df;}
.case-show dd:last-child a{border-bottom:0;}
.case-show dd a{ border-bottom:1px solid #005aa3; display:block; background-image:url(../images/a_menu.gif); background-repeat: no-repeat; background-position:95% center; background-size:8px auto; height:40px; line-height:40px;color:#fff; padding:0 20px;}
@media screen and (min-width:300px) and (max-width:480px){
.case-show dd a{font-size:90%;}
}

.Content { margin:2%; background-color:#fff; padding:2%; font-size:90%;}
.Content p{ margin:0; padding-bottom:5px;}
.Content img{ display:block; width:100%;}
.Container{ margin:2%; background-color:#fff; padding:2%;}
/*视频 */
.name{ padding-bottom:10px; text-align:center;}
.name h2{ color:#027cc5; padding-bottom:2%; font-size:150%;}
@media screen and (min-width:320px) and (max-width:480px){
.name{ font-size:80%;}
/*.name h2{ font-size:120%;}*/
}
.info{ margin:5% 0; line-height:1.8;}
.video_info .play{ padding-bottom:20px;}
.info_back{ text-align:center;}
.info_back a{ display:inline-block; color:#fff; padding:3px 20px; border:1px solid #027cc5; border-radius:10px; font-size:85%;
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.video_list li{ width:42%; float:left; margin:4%;border:1px solid #ccc; padding:1%;}
.video_list li img{ width:100%; max-width:320px; max-height:240px;}
.video_list li .pic{line-height:0px; position:relative;}
.video_list li .pic span{ position:absolute;background: url(../images/black.png) repeat; width:100%; height:30px; bottom:0%; text-align:center; line-height:30px;}
.video_list li .pic span a{ font-size:14px; color:#fff; height:30px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.video_list li .pic a.b{ display:block; position:absolute; width:30%; height:40%; border-radius:50%; background:#000;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;-khtml-opacity: 0.6; left:35%; top:23%; text-align:center; padding-top:20px;}
.video_list li .pic a.b b{width:0; height:0; border-top:19px solid transparent;border-bottom: 19px solid transparent; border-left: 20px solid #fff; display:inline-block;}
.videoinfo{ text-align:center;}
@media screen and (min-width:300px) and (max-width:480px){
.video_list li .pic a.b{ padding-top:8px;}
.video_list li .pic a.b b{border-top:10px solid transparent;border-bottom: 10px solid transparent; border-left: 11px solid #fff;}
}
/*视频 end*/

.project-list li{ width:50%; float:left; padding:2%; text-align:center;}
.project-list li img{ border-radius:3px;}
.project-list li p a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:35px; line-height:35px; background-image:url(../images/amore.jpg); background-position: right center; background-repeat:no-repeat; padding-right:15px;}
@media screen and (min-width:300px) and (max-width:480px){
.project-list li p a{ font-size:80%;}
}

.Container .banner .hd{ text-align:center; position:absolute; bottom:2%; left:0; width:100%; display:block; z-index:10;}
.Container .banner .hd a{ display:inline-block; height:8px; width:8px; border-radius:10px; background-color:#fff; margin:0 2px;}
.Container .banner .hd a.on{ background-color:#027cc5;}

/*.Img_list ol{ padding-bottom:10px; padding-top:10px; padding-left:5%; padding-right:5%; background:url(../images/dot4.jpg) repeat-x left bottom;}
.Img_list ol h1{  padding-bottom:5px;}
.Img_list ol h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:40px;background:url(../images/c_next1.jpg) no-repeat right center; height:40px; line-height:40px;}
.Img_list ol .pic{ text-align:center; line-height:0px;}
.Img_list ol .pic img{ width:100%; }
.Img_list ol p{ color:#8e8e8e; padding-top:10px; height:68px; overflow:hidden;}
.Img_list ol .more{ text-align:right;  }
.Img_list ol .more a{color:#fff;height:30px; padding:0 10px; line-height:30px; background:#ff464f;display:inline-block;border-radius:8px;}
@media screen and (min-width:300px) and (max-width:480px){
.Img_list ol p{ font-size:80%;}
}*/

.news-list li{ margin:2%; background-color:#fff; padding:2%; overflow:hidden; clear:both;}
.news-list li .pic img{ width:35%; float:left; margin-right:2%;}
.news-list li h3{ margin:1% 0;}
.news-list li h3 a{ color:#0075c1; font-weight:bold;} 
@media screen and (min-width:300px) and (max-width:480px){
.news-list li{ font-size:78%;}
.news-list li h3 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news-list li p{ height:34px; overflow:hidden; line-height:17px;}
}

.product-category  li{ border-bottom:1px solid #e5e5e5; padding:0 20px; background-color:#fff;}
.product-category  li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-image:url(../images/a_menu.jpg); background-repeat: no-repeat; background-position:right center; background-size:11px auto; height:45px; line-height:45px;}

.product-list ul{ display: flex; flex-wrap: wrap;}
.product-list li{ width:46%; margin:2%; float:left; background-color:#fff; border-bottom:1px solid #ddd; text-align:center; padding-bottom:2%; overflow:hidden;}
.product-list li div{ padding:8% 8% 0;}
.product-list li div .Ispic{ padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.product-list li div img{ border:1px solid #d6d6d6; display:none;}
.product-list li h1{ font-weight:bold; padding-top:2%;}
.product-list li h1,.product-list li p{ padding-left:8%; padding-right:8%;}
.product-list li h1 a,.product-list li p{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
@media screen and (min-width:300px) and (max-width:480px){
.product-list li h1{ font-size:90%;}
.product-list li p{ font-size:80%;}
}

.product-info{ background-color:#fff; padding-bottom:3%;}
.product-info .banner{ padding:20px 0; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.product-info #ban_pre, .product-info #ban_next{ position:absolute; top:50%; background-position:center center; background-size:30px auto; background-repeat:no-repeat; width:40px; height:60px; margin-top:-30px; z-index:3;}
.product-info #ban_pre{ background-image:url(../images/wap_btn_left.gif); left:0;}
.product-info #ban_next{ background-image:url(../images/wap_btn_right.gif); right:0;}
.product-info .banner li{ padding:0 5%;}
.product-info dd{ padding-left:5%; line-height:2;}
.product-info dd b{ color:#0075c1;}
.product-info .tips{ background-color:#333; color:#fff; text-align:center; margin:2%; padding:2% 0;}

	.picScroll{}
	.picScroll .bd ul{ width:100%;  float:left; }
	.picScroll .bd li{ width:33.33%; float:left; text-align:center; padding:2%;}
	.picScroll .bd li img{ width:100%; border:1px solid #ccc; }
	.picScroll .bd li h1{ padding-top:10px;}
	.picScroll .bd li h1 a{ text-decoration:underline; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
@media screen and (min-width:300px) and (max-width:480px){
	.picScroll .bd li h1{ font-size:80%;}
}
	.picScroll .hd{height:20px; overflow:hidden; text-align:right; padding:0 2%;}
	.picScroll .hd ul{ display:none; }
	.picScroll .prev,.picScroll .next{ display:inline-block;width:20px; height:20px; overflow:hidden; background-position: center center; background-repeat:no-repeat; background-size:100% auto;}
	.picScroll .prev{background-image:url(../images/c_prev_on.jpg);}
	.picScroll .next{background-image:url(../images/c_next_on.jpg);}
	.picScroll .prevStop{ background-image:url(../images/c_prev.jpg) !important; }	
	.picScroll .nextStop{background-image:url(../images/c_next1.jpg) !important;}
	
.news_list li{ height:40px; line-height:40px; border-bottom:1px solid #ccc; position:relative;}
.news_list li span{ float:right;}
.news_list li a{height:40px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.news_list li b{border-top:5px solid transparent;border-bottom: 5px solid transparent; border-left: 6px solid #027cc5; position:absolute; left:0px; top:50%; width:0px; height:0px;display:inline-block; margin-top:-3px;}	

.from_apply{ padding:2% 3%;}
.txt_group{ border-radius:5px; border:1px solid #ccc; background-color:#fff; margin-bottom:3%;}
.txt_group .text{ width:100%; padding:0 2%; height:40px; line-height:40px; border:0; background:none;}
.txt_group .txt{ border-bottom:1px solid #ccc;}
.txt_group .txt:last-child{ border-bottom:0;}
.from_apply .txta{ border-radius:5px; border:1px solid #ccc; background-color:#fff; padding: 5px 0;margin-bottom:3%;}
.from_apply .txta textarea{ width:100%; padding:0 2%; height:120px;border:0; background:none;}
.from_apply .btn{  border-radius:5px;width:100%; height:40px; background:#027cc5; border:0; color:#fff; font-weight:bold; font-size:120%;}

.service-map{padding:2% 3%;}
.service-map .key{ border-radius:5px; border:1px solid #ccc; background-color:#fff; margin-bottom:3%;}
.service-map .key em{ display:block;border-bottom:1px solid #ccc; padding:0 2%; }
.service-map .key em a.serviceSelect,a.cityList{ line-height:40px;}
.service-map .key em a{ display:block;background-image:url(../images/icon_wap.jpg); background-repeat:no-repeat; background-position:right center; background-size:10px auto;}
.service-map .key em span{ display:none; }
.service-map .key em span a{ display:inline-block; background:none; width:20%; line-height:30px;}
.service-map .key .text{ width:100%;padding:0 2%; height:40px; line-height:40px; border:0; background:none;}
.service-map .btn{  border-radius:5px;width:100%; height:40px; background:#027cc5; border:0; color:#fff; font-weight:bold; font-size:120%;}

.map-list{ margin:2% 0;border:1px solid #ccc; background-color:#fff;border-radius:5px;}
.map-list li{ border-bottom:1px solid #ccc; padding:2%; }
.map-list li:last-child{border-bottom:0;}
.map-list li td{ vertical-align:text-bottom; padding:1% 0;}
.map-list li td.w{ width:20%; min-width:80px;}
.map-list li b{ color:#027cc5;}
@media screen and (min-width:320px) and (max-width:480px){
.map-list li{ font-size:80%;}
}
/*招聘*/
.job_list{ margin:2%;}
@media screen and (min-width:300px) and (max-width:480px){
.job_list{ font-size:80%;}
}
.job_list th{ border-collapse:collapse; border:1px solid #ccc; background:#f0f0f0;padding:2% 0; text-align:center; }
.job_list td{ color:#444;border:1px solid #ccc; background:#fff; padding:2% 0; text-align:center; width:50%;}
.job_info .name{ padding-bottom:10px;}
.job_info .name h2{ color:#b81b22; }
.job_info .name b{ font-weight:bold;}
.job_info .info{ padding:2%; background:#fff;}
/*招聘 end*/
.job_table{ margin:2% 0;}
.job_table td.w{ text-align:right; width:20%; min-width:100px; font-weight:bold;}
.job_table td{ padding-bottom:2%;padding-top:2%; vertical-align:top; font-size:95%; line-height:1.5;}
@media screen and (min-width:300px) and (max-width:480px){
.job_table td{ font-size:80%;}
}
.job_table td b.bold{ color:#900;}


.ul_sitemap li{ padding-bottom:2%;}

/*@media screen and (min-width:320px) and (max-width:480px){

}
*/