@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
del, ins, u, s, a, a:hover { text-decoration: none; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
.edit, .del, .add, .b2b, .best, .wap, .reg, .dp { cursor: pointer }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.14 arial, \5b8b\4f53; color: #333; outline: 0; }
html { margin: 0; height: 100%; width: 100%; -webkit-text-size-adjust: none; }
* { margin: 0; padding: 0; }
button { outline: 0; }
img { vertical-align: top; border: 0; }
body { margin: 0; text-align: center; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "微软雅黑";font-size: 12px; line-height: 20px; color: #666666; background: #fff;}
ul, ol, li, dt, dd, dl { list-style: none; margin: 0; padding: 0; }
img { border: none; margin: 0px; padding: 0px; display: inline-block; }
h3 { font-weight: 600; font-size: 14px; DISPLAY: inline; }
input { -webkit-appearance: none; border-radius: 0; }
a { color: #666666;font-family: "微软雅黑"; border: 0; outline: none; display: inline-block;}
.hide { display: none; }
.show { display: block; }
a:focus { outline: none; }
.eli { white-space: nowrap; text-overflow: ellipsis/*clip*/; overflow: hidden; }
.red { color: #F00; }
.left { float: left; }
.right { float: right }
.clear { clear: both; float: none; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;-webkit-appearance:none;-moz-appearance:textfield;margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }
q:before, q:after { content: ''; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size:100%;}
input, select { vertical-align: middle; }
select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
.txtboxcs { border: solid 1px #ccc; height: 22px; }
.mt10 { margin-top: 10px; }
/*common.css*/
.vam { vertical-align: middle; }
.tr { text-align: right; }
.tl { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
/*万能清除浮动开始*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* function */
i, em { font-style: normal; }
.f_cb:after, .f_cbli li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.f_cb, .f_cbli li { zoom: 1; }
.f_cb { overflow: hidden; }
.f_fw { font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; }
.f_fst { font-family: "宋体"; }
.f_csp { cursor: pointer; }
/*滚动条*/
::-webkit-scrollbar {width:8px;height:10px;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {border-radius:999px;border:5px solid transparent;}
::-webkit-scrollbar-track {box-shadow:1px 1px 3px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb {min-height:10px;background-clip:content-box;box-shadow:0 0 0 3px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner {background:transparent;}
/*翻页*/
#pagediv { margin: 10px auto; width: 96%; text-align: center; overflow: hidden; display: block; height: 25px; clear: both; }
#pager { display: block; border: none; text-transform: uppercase; margin: 3px auto; padding: 0px; text-align: center; height: 20px; width: 100%; clear: both; }
#pager li { list-style: none; float: left; border: 1px solid #999; text-decoration: none; margin: 0px 2px 0px 5px; padding: 0px 4px; font-size: 12px; height: 20px; }
#pager li:hover { border: 1px solid red; }
#pager li.pgEmpty { border: 1px solid #999; color: #999; }
#pager li.alink { color: #666; cursor: pointer; border: 1px solid #333; color: #060; }
#pager li.alink:hover { border: 1px solid red; color: red; font-size: 12px; }
#pager li.pgCurrent { border: 1px solid #003f7e; color: red; font-weight: 600; background-color: #3399cC; }
/*在线客服*/
#online_qq_tab a, .onlineMenu h3, .onlineMenu li.tli, .newpage { background: url(/images/kf/kf.gif) no-repeat; }
#onlineService, .onlineMenu, .btmbg { background: url(/images/kf/kf_bg.gif) no-repeat; }
#online_qq_layer { z-index: 9999; position: fixed; right: 0px; top: 0; text-align: center; }
#online_qq_layer ul { list-style: none; margin: 0px; padding: 0px; }
*html, *html body { background-image: url(about:blank); background-attachment: fixed; }
*html #online_qq_layer { position: absolute; top:expression(eval(document.documentElement.scrollTop));}
#online_qq_tab { width: 28px; float: left; margin: 20px 0 0 0; position: relative; z-index: 9; }
#online_qq_tab a { display: block; height: 118px; line-height: 999em; overflow: hidden; }
#online_qq_tab a#floatShow { background-position: -30px -374px; }
#online_qq_tab a#floatHide { background-position: 0 -374px; }
#onlineService { display: inline; margin-left: -1px; float: left; width: 130px; display: none; background-position: 0 0; padding: 10px 0 0 0; }
.onlineMenu { background-position: -262px 0; background-repeat: repeat-y; padding: 0 15px; }
.onlineMenu li { height: 28px; line-height: 28px; border-bottom: solid 1px #E6E5E4; text-align: center; }
.onlineMenu li.tli { padding: 0 0 0 25px; font-size: 12px; text-align: left; }
.onlineMenu li.zixun { background-position: 0px -131px; }
.onlineMenu li.fufei { background-position: 0px -190px; }
.onlineMenu li.phone { background-position: 0px -244px; }
.onlineMenu li img { margin: 5px 0 0 0; }
.onlineMenu li a { width: 100%; margin: 0px auto; text-align: center; padding: 0px; }
.onlineMenu li.last { border: 0; }
.onlineMenu li.qrcode { border: 0; text-align: center; height: 100px; padding-bottom: 10px; }
.onlineMenu li.qrcode img { width: 100px; height: 100px; }
.btmbg { height: 12px; overflow: hidden; background-position: -131px 0; }
.kflist { width: 100%; margin: 0px auto; text-align: center; padding: 0px; }
.kflist li { padding-left: 12px; }
.kflist img { width: 74px; height: 22px; clear: both; }
#kfdiv { width: 330px; }
#kfdiv img { border: 0px; padding: 0px; width: 70px; height: 70px; margin: 10px; float: left; }
#kfdiv p { margin: 5px; width: 230px; height: 80px; line-height: 25px; float: right; color: #060; text-align: left; }
#telfrom { width: 330px; height: 90px; line-height: 28px; margin: 0px; padding: 0px; }
#kftel { margin-left: 8px; }
#kfqq { margin-left: 6px; }
/*jquery万能浮动�*/
.float_ajax_box { border: 1px solid #ccc; background-color: #ffffff; }
.float_loading { width: 100px; height: 100px; background: url(loading2.gif) no-repeat center; }
.float_ajax_image { padding: 5px; }
.float_ajax_error { width: 200px; padding: 40px 0; text-align: center; }
.float_list_ul { margin: 0; padding: 1px; border: 1px solid #beceeb; background-color: #fff; font-size: 12px; list-style-type: none; }
.float_list_a { display: block; text-decoration: none; }
.float_list_a:hover { background-color: #f0f3f9; color: #333; text-decoration: none; }
.float_list_ul li { line-height: 20px; border-top: 1px solid #f0f3f9; text-indent: 5px; }
.float_list_ul li:first-child { border-top: 0; }
.float_list_null { padding: 40px 20px; text-align: center; }
.float_remind_box { border: 1px solid #F7CE39; background: #ffffe0; padding: 5px 10px; }
.float_tip_box { line-height: 18px; padding: 0 3px; background-color: #ffffe0; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4); box-shadow: 1px 1px 2px rgba(0, 0, 0, .4); border: 1px solid #333; position: absolute; }
.float_doing_box { border: 1px solid #F7CE39; background: #ffffe0 url(loading_s.gif) no-repeat 5px center; padding: 5px 10px 5px 25px; font-size: 12px; position: absolute; }
.float_corner { font-size: 18px; font-family: '宋体'; position: absolute; left: -6000px; overflow: hidden; }
.float_corner .corner { position: absolute; }
.float_corner .corner_1 { color: #ccc; }
.float_corner .corner_2 { color: #fff; }
.float_corner_top, .float_corner_bottom { width: 16px; height: 8px; }
.float_corner_top { line-height: 14px; }
.float_corner_bottom { line-height: 17px; }
.float_corner_left, .float_corner_right { width: 8px; height: 16px; }
.float_corner_top .corner, .float_corner_bottom .corner { left: 0; }
.float_corner_right .corner, .float_corner_left .corner { top: -2px; }
.float_corner_bottom .corner_2 { top: 1px; }
.float_corner_left .corner_1 { right: 0; }
.float_corner_left .corner_2 { right: 1px; }
.float_corner_top .corner_1 { bottom: 0; }
.float_corner_top .corner_2 { bottom: 1px; }
.float_corner_right .corner_2 { left: 1px; }
/* 分页样式*/
.pager { text-align: center; }
.page { list-style: none; margin: 6px auto; overflow: hidden; display: inline-block; }
.page>li { float: left; padding: 3px 8px; cursor: pointer; width: auto!important; }
.page .pageItem { border: solid thin #DDDDDD; margin: 5px; }
.page .pageItemActive { border: solid thin #0099FF; margin: 5px; background-color: #0099FF; color: white; }
.page .pageItem:hover { border: solid thin #0099FF; background-color: #0099FF; color: white; }
.page .pageItemDisable { border: solid thin #DDDDDD; margin: 5px; background-color: #DDDDDD; cursor: auto; }
.m1{width:1000px;margin:auto;}
.nav { width: 1000px;margin: 0 auto;}
header{height: 120px;border-bottom: 1px solid #ccc;}	
#navigation1{float: left;overflow: hidden;margin-top: 30px;}	
.email{text-align: left;margin-bottom: 15px; padding-top: 20px;}
.inner{width: 1000px;margin: 0 auto;overflow: hidden;text-align: left;padding: 20px 0;}
.indexleft,.indexright{float: left;width:45%;margin-right: 20px;padding: 5px 15px 10px;}
.index-about{font-size: 13px;line-height: 1.8;}	
#navigation1 li { float: left;height: 47px; line-height: 47px; text-align: center; width: 120px;  }
#navigation1 li a{width:100%;}
#navigation1 li a:link, #navigation1 li a:visited { display: block; text-decoration: none;float: left; font-size:16px;}
#navigation1 li a:hover,.active { color: #fff;background-color:rgb(30, 84, 156); } .active a{color:#fff;}
.banner{ height:450px; width: 1000px;margin: 0 auto; position: relative;}
.banner .ban_nav { display: none; }
.banner .Left, .banner .Right { position: absolute; width: 38px; height: 38px; right: 50%; bottom: 15px; }
.bann_ext { position: relative; }
.frontCover { position: absolute; top: -60px; padding: 0 0 16px;left:42%;}
.frontCover li { float: left; width: 82px; padding: 3px; background: #288c30; color: #fff; overflow: hidden; margin-right: 10px; cursor: pointer; }
.frontCover p { text-align: center; height: 1px; line-height: 1px; overflow: hidden; }
.frontCover .img { position: relative; height: 50px; overflow: hidden; }
.frontCover img { position: absolute; width: 192px; height: 50px; left: -50px; }
.frontCover .open { background: #fff; }
/*幻灯片 首页*/
.slide { position: relative; width: 100%; }
.slide .swiper-slide { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.swiper-slide img { width: 100%; height: 100%; }
.ban_t { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000, endcolorstr=#88000000);
z-index: 3; }
.ban_nav { position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; z-index: 4; }
.ban_nav a { display: inline-block; vertical-align: middle; width: 14px; height: 14px; line-height: 14px; overflow: hidden; text-align: center; margin-right: 8px; cursor: pointer; text-decoration: none; font-size: 10px; -webkit-text-size-adjust: none; background: #ccc; }
.ban_nav .on { background: #f90; color: #fff; }
.orange{color: rgb(254, 148, 26); border: 2px solid rgb(254, 148, 26);}	
.blue{color: rgb(36, 205, 172); border: 2px solid rgb(36, 205, 172);}
.green{color: rgb(145, 187, 79); border: 2px solid rgb(145, 187, 79);}
.color-o{background:#ffaf50;}	.color-o i{background: #fd9319;}
.color-b{background:#46e5c5;}	.color-b i{background: #24cdac;}
.color-g{background:#a2c865;}	.color-g i{background: #91bb4f;}	
.title{text-align: center;font-family: 微软雅黑;font-size:16px;color: rgb(30, 84, 156);margin-bottom: 15px;display: inline-block;}
.address{background:url(/template/www/img/ditu.jpg);margin-top: 120px;}
.address ul{width:1000px;margin:auto;height:374px;font-family: 微软雅黑;font-size:18px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; -webkit-justify-content: center;justify-content: center;}
.address ul li{position:relative;width:40%;float:left;line-height: 50px;}
.address ul li b{position:absolute;width: 140px;height: 140px;border-radius: 50%;border:5px solid #f6f6f6;top: -185px;left: 134px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; -webkit-justify-content: center;justify-content: center;}
.address ul li b i{border-radius: 50%;width: 100px;height: 100px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}	
.address ul li img{width:80px;}
.address ul li strong{color: rgb(67, 67, 67);}
.address ul li span{font-size: 19px;line-height: 174%;height: 32px;width: 113px;display: block; border-radius: 20px; margin: auto;}	
.tech-l{width:45%;float: left;text-align: left;}	
.titles{border-bottom: 1px solid #d2cece;padding: 10px 0;}	
.titles strong{font-size:18px;}	
.titles a{font-size: 14px;line-height: 30.8px;font-family: 'Times New Roman';color: rgb(11, 137, 221);float: right;}	
.abouts{height: 498px;background-color: rgb(6, 77, 163);color: #fff;overflow: hidden;padding: 30px 0;margin: 20px 0;}
.abouts .abouts-l {width:27%;float:left;}.abouts .abouts-r{width:63%;float:right;text-align: left;}
.abouts .abouts-l p{border: 1px solid rgb(255, 255, 255);height: 393px;width: 257px;}	
.abouts .abouts-l .empty{position:absolute;top: 35px;width: 500px;}
.abouts .abouts-l .empty img{position:absolute;left:10px;width: 242px;height: 399px;}
.abouts .abouts-l .empty ul{position:absolute;right: 136px;}
.abouts .abouts-l .empty ul li a{line-height:58px;height:58px;width:235px;background-color: #198ede;color: #fff;color: #fff;margin-bottom: 10px;}	
.abouts .abouts-l .empty ul li a:hover{background:orange;}
.abouts .abouts-r h4{font-size: 25px;margin: 32px 0;}
.abouts .abouts-r p{text-indent: 2em;font-size: 13px;line-height:2.5;font-family: 微软雅黑; margin-bottom: 20px;}	
.abouts .abouts-r a.more{border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;word-wrap: break-word;border: 1px solid rgb(255, 255, 255);height: 35px;width: 131px;line-height: 35px;text-align: center;color: #fff;}	
/*底部*/
.footer_area {background-color: #f9f9f9;}
.container {margin:auto; width: 1000px;padding:8px 0 0;}
.col-md-3{width:39%;margin: 0 auto;}
.footer_area .fot p span{color:#fff;display: block;font-size: 15px;font-weight: bold;}
.footer_area .fot p a{width:134px;}.fot p a:hover{color:#47cdff;}
.footer_area .flogo img{width:65px;float:left;}
.footer_area .flogo p span:first-child{font-size: 23px;line-height:2;}
.footer_area .tags li:first-child{padding-bottom: 10px;}
.footer_area .tags li{font-size: 14px;height: 30px;line-height: 18px;text-align: left;padding: 0 20px;}
.footer_area .copy_right {text-align: center;font: 400 14px "Roboto",sans-serif;margin: 0; padding: 20px 0 20px;}
/*联系我们*/
.content-us,.prids{width:1000px;margin:auto;text-align:left;padding: 30px 0 50px;}
.content-us p{font-size:16px;text-indent: 2em;line-height:2;}
.content-us img{margin:auto;max-width:100%;max-height:187px;min-height: 150px;}
/*产品*/
.proudcts .prod ul{ overflow: hidden;}	
.proudcts .prod ul.prlist li.prid{width:174px;float: left;height:258px;margin-right: 3px;padding:5px;}
.proudcts .prod li.prid a{display: block;}
.proudcts .prod li.prid .primg{width: 172px;height: 172px;border: 1px solid #e0e0e0;}
.proudcts .prod li.prid .primg img{max-height:170px;}
.proudcts .prod li.prid h3{font-weight: 100;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 174px;display: block;} 
.proudcts .prod li.prid .about{	overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;	}	
/*产品详细*/
.pridleft { float: left; height: 300px; width: 34%; margin-left: 20px; }
.pridright { float: right; height: 300px; width: 60%; }
#showbox { width: 270px; height: 225px; border: 1px solid #DFDFDF; text-align: center; }
#showbox img { width: 100%; height: 100%; }
.showpage { clear: both; margin-top: 5px; width: 271px; }
.showlast, .shownext { font-family: "宋体"; text-align: center; width: 10px; height: 54px; line-height: 54px; border: 1px solid #CCC; background: #EBEBEB; cursor: pointer; }
.showlast { float: left; margin-right: 4px; }
.showsum { float: left; position: relative; width: 238px; height: 56px; overflow: hidden; }
.showsum ul { position: absolute; width: 999999px; height: 56px; }
.showsum ul li { float: left; width: 78px; text-align: center;border-bottom: 0; }
.showsum ul li img { border: 1px solid #CCC; padding: 2px; width:65px; height: 50px; }
.showsum ul li img:hover { border: 2px solid #FF6600; padding: 1px; cursor: pointer; }
.pridright h4 { border-bottom: 1px solid #e2e2e2; font-size: 20px; margin-bottom: 10px; height: 41px; line-height: 30px; }
.prjs-jia { background-color: #FFF2E8; padding: 20px; font-size: 18px; line-height: 1.8;overflow:hidden;text-align: right; }
.probody { margin: 15px 0 20px; padding-left: 30px; }
.probody p { line-height: 1.7em;  font-size: 16px;  }
.probody>p{ background-color: #F5F5F5; border: 1px solid #E5E5E5; color: #868686;margin-bottom: 10px; padding: 5px;font-weight: bold;}
.section{text-align: left;line-height: 1.8;}	

/*侧边*/
.Pimg{width:1000px;margin:12px auto;overflow: hidden;text-align: left;}.Pimg img{width:100%;}
.boxleft{float:left;width: 22%;}
.boxright{float:right;width:75%;}
.nav-menu{margin-bottom: 15px;background-color: #f9f9f9;position: relative;}
.nav-menu li{position: relative;}
.nav-menu li a{display: block;height: 30px;line-height: 30px;border-bottom: 1px solid #fff;padding: 0 20px 0 10px;overflow: hidden;}
.nav-menu li a:hover, .nav-menu li a.go, .nav-menu li:hover>a {background: #f5f5f5 url(/template/www/img/right.png) no-repeat 204px center;color: #257fb8;}
.aside-drop-menu{display: none;z-index: 999;position: absolute;left: 220px;top: 0;background-color: #f9f9f9;width: 220px;}
.nav-menu>ul>li:hover>.aside-drop-menu,.aside-drop-menu>ul>li:hover>.aside-drop-menu{display: block;}
.search{margin-bottom: 15px;}
.search form{width: 280px;height: 26px;padding: 10px;background-color: #e0e0e0;}
.search input{float: left;width: 210px;height: 24px;border: 1px solid #dbdbdb;padding-left: 5px;}
.search button{float: left;width: 58px;height: 24px;border: 0;margin: 1px 0 0 5px;background-color: #257fb8;color: #fff;cursor: pointer;}  
.aside-search form{width: 200px;}
.aside-search input{width: 130px;}
.nav-title {width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #257fb8;}
.message li{width: 100%;height: 24px;padding: 4px 0;}
.message li.only{height: 54px;}
.message li label{float: left;width: 75px;line-height: 26px;}
.message li i{color: #257fb8;padding-left: 3px;}
.message li input{float: left;width:100%;height: 22px;border: 1px solid #e0e0e0;}
.message li textarea{float: left;width:100%;border: 1px solid #e0e0e0;height: 52px;resize: none;}
.message li button{float: left;width: 58px;height: 24px;border: 0;margin-left: 75px;background-color: #257fb8;color: #fff;cursor: pointer;}
.right_nei p{font-size: 13px;line-height: 1.8;}