/* --------reset-------- */
html{zoom: expression(function(ele){ ele.style.zoom = "1"; document.execCommand("BackgroundImageCache", false, true);}(this));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; }
input,select,textarea,button { font-size: 100%; }
fieldset,img,abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: 400; }
ol,ul { list-style: none; }
h1,h2,h3,h4,h5,h6,legend { font-size: 100%; font-weight: 400; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
/* --------base-------- */
body {font-size:12px;font-family:"微软雅黑"; background: #fff; color: #333;}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1,h2,h3 { margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong,caption,th { font-weight: 700; }
abbr,acronym { border-bottom: 1px dotted #aaa; cursor: help; }
em { font-style: italic; }
/*th,td { border: 1px solid #aaa; padding: 8px 5px 6px; }*/
fieldset,table { margin-bottom: 1em; }
legend { margin-left: 7px; +margin: 0; }
.clearfix:after { content: "\20"; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.red { color: #F00; }
.black { color: #000; }
.white { color: #FFF; }
.blue { color: #00F; }
.green { color: #008000; }
.brown { color: #A52A2A; }
.gray { color: #ccc; }
/* ---------------- */
.cb:after{content:"\20";display: block;width:0;height:0;clear:both;}
.cb{zoom:1;}
.ofH{overflow:hidden;}
.clear{ width:0; height:0; clear:both; overflow:hidden;}
.bod{ border:1px solid red;}
a{text-decoration:none;}
.mc{margin-left:auto; margin-right:auto;}
.fL{ float:left;}
.fR{float:right;}
a ,a img{transition-duration:0.2s;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.slider {overflow:hidden}
.slider-container {}
.slider-control {}
.slider-item {}
.slider-active {}
.slider-nav {opacity:.4;z-index:99;position:absolute;top:0;display:block;width:12%;height:100%;background:no-repeat center center;background-size:40%;border-radius:10px;overflow:hidden}
.slider-nav:hover {opacity:.8}
.slider-nav img{height:40%;margin:0 10%}
.slider-prev {left:0%}
.slider-next {right:0%;text-align:right}
.slider-page {z-index:100;position:absolute;left:0;bottom:2%;width:100%;font-size:0;text-align:center}
.slider-page-item {background:#647589;cursor:pointer;display:inline-block;width:8px;height:8px;border-radius:4px;margin:0 5px;overflow:hidden;text-indent:-99999px}
.slider-page-active {background:#fff}
/*banner*/
/*#kinMaxShow{visibility:hidden;width:100%;height:520px; overflow:hidden; margin-top:1px;}
#kinMaxShow .KMSPrefix_kinMaxShow_button {
right: 49% !important;
bottom: 5% !important;
position: absolute;
list-style: none;
z-index: 2;
overflow: hidden;
_zoom: 1;
} */
.top{background:#f3f7fa;width:100%; min-width:1100px;min-height:35px;color:#9f9f9f;}
.topw{width:1100px;margin:0 auto;overflow:hidden;padding-top:9px;}
.topw p{float:left;}
.topw ul {overflow:hidden;}
.topw ul li{float:right;border-left:1px dotted #c3c3c3;padding:0 5px 0 5px;}
.topw .first{border:none;}
.topw ul li a{color:#9f9f9f;}
.topw ul li a:hover{color:#008ae2;}
.toplogo{width:1100px;margin:0 auto;overflow:hidden;}
.toplogo dl{margin-top:20px;float:left;}
.toplogo .phone{float:left;background:url(../images/top01.jpg) no-repeat left; padding-left:50px;line-height:20px;margin-left:177px;margin-top:44px;min-height:40px;color:#969696;font-size:15px;}
.toplogo .phone span{color:#008ae2;font-size:22px;}
.toplogo .lang{float:right;margin-top:45px;}
.toplogo .lang a{color:#fff;background:#f7c800;border-radius:3px;padding:8px; display:block;}
.toplogo .lang a:hover{background:#008ae2;}
.navbg{background:#008ae2;width:100%;min-width:1100px;height:50px;margin-top:20px;position:relative;z-index:99}
.navlist{width:1100px;margin:0 auto;}
.navlist ul{margin:0;padding:0;list-style:none;background:#0093f0;}
.navlist ul li{position:relative;float:left;_display:inline;background:url(../images/nav.png) no-repeat right;height:50px;}
.navlist ul li a{display:block;white-space:nowrap;color:#fff; font-size:15px;padding:0 50px;line-height:50px;}
.navlist ul li a:hover,.navlist ul li a.selected,.navlist ul li a.active{background:#0077cb; }
.navlist ul li ul{position:absolute;z-index:100;top:100%;left:0;display:none; padding-bottom:20px;}
.navlist ul li ul li{float:none; border-bottom:1px solid #00a8ff; background:none;}
.navlist ul li ul li a{color:#fff;line-height:50px;}
.navlist ul li ul li a:hover{color:#fff; text-decoration:none; background:#00a8ff}
.navlist ul li ul li a{}
.navlist ul li ul li ul{top:0;left:100%;}
.navlist ul li:hover>ul,.navlist ul li.hover>ul{display:block}
.navclose {display:none}
.bottomone{background:#008ae2;width:100%;min-width:1100px;padding-bottom:30px;}
.bottomonew{width:1100px;margin:0 auto;}
.bottomonew ul{background:#3ca6e9;overflow:hidden;padding:15px 0;}
.bottomonew ul li{float:left;font-size:14px;padding:0 50px;}
.bottomonew ul li a{color:#bde4fd;}
.bottomonew ul li a:hover,.bottomonew .selected a{color:#fff;}
.bottomcon{width:1100px;margin:0 auto;text-align:center;}
.bottomcon dl{color:#fff;line-height:25px;margin-top:20px;margin-bottom:15px;}
.bottomcon span{color:#bde4fd;}
.bottomcon a{color:#bde4fd;}
.bottomcon a:hover{color:#fff;}
.bottomcon .qrcode {float:right;height:100px;}
.nypic{ width:100%;min-width:1100px; height:330px;margin-top:1px;background: no-repeat center center;}
/*home*/
.mainpro{width:1100px;margin:0 auto;margin-top:30px;}
.mainprobt{background:url(../images/line.png) no-repeat bottom;text-align:center;padding-bottom:20px;font-size:25px;color:#008ae2;}
.mainprobt span{font-size:20px;}
.manprolist{overflow:hidden;margin-top:30px;}
.manprolist li{float:left;margin:0 auto;background:#f3f7fa;width:250px;text-align:center;border:1px solid #e5e6e8;margin:0 10px;height:310px;}
.manprolist li div{margin-bottom:15px;}
.manprolist li a{color:#008ae2;font-size:18px;background:#f3f7fa;padding:20px 0;width:250px;display:block;}
.manprolist li a:hover{background:#008ae2;color:#fff;}
.manprolist li a .mainproms{font-size:13px;width:212px;margin-left:19px;text-align:center;color:#a19f9f;max-height:36px;overflow:hidden;}
.manprolist li a:hover .mainproms{color:#fff;}
.manprolist a .mianproicon{background:url(../images/icon01.png) no-repeat;margin:0 auto;width:32px;height:32px;display:block;}
.manprolist a:hover .mianproicon{background:url(../images/icon02.png) no-repeat;width:32px;height:32px;display:block;}
.mainabout{background:#f1f1f1;width:100%;min-width:1100px;margin-top:40px;padding:30px 0 50px 0;}
.mainaboutw{width:1100px;margin:0 auto;}
.mainprocon{width:835px;margin:0 auto;font-size:13px;color:#a19f9f;text-align:center;padding-top:20px;line-height:25px;}
.mainprocon a{background:#e0e0e0;width:180px;height:32px;margin:0 auto;font-size:15px;display:block;line-height:32px;border-radius:3px;color:#fff;transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
.mainprocon a:hover{background:#f7c800;border-radius:20px;}
.mainprocon div{margin-top:30px;}
.mainaboutw ul{margin-top:30px;overflow:hidden;}
.mainaboutw ul li{float:left;}
.mainaboutone{background:#fff;width:306px;height:90px;padding:30px;text-align:center;font-size:13px;color:#858585;}
.mainaboutone dl{font-size:18px;color:#686868;font-weight:700;margin-bottom:15px;}
.mainaboutone dl span{border-bottom:2px solid #008ae2;padding-bottom:5px;}
.mainews{margin:30px 0 50px 0;}
.mainewslist{width:1100px;margin:0 auto;overflow:hidden;}
.firstimg{float:left;margin-top:35px;width:414px;}
.mainewslist ul{float:left;margin-top:20px;margin-left:35px;width:651px;}
.mainnewsone{background:#f3f7fa;width:387px;padding:14px;}
.mainnewsone a{font-size:15px;color:#575656;font-weight:700;}
.mainnewsone a:hover{color:#008ae2;}
.mainnewsone dl{margin-top:5px;color:#a19f9f;font-size:13px;}
.mainewslist ul li {font-size:13px;line-height:40px;border-bottom:1px dotted #a19f9f;overflow:hidden;color:#a19f9f;}
.mainewslist ul li span{float:right;}
.mainewslist ul li a{color:#a19f9f;background:url(../images/icon04.jpg) no-repeat 0 6px;padding-left:15px;}
.mainewslist ul li a:hover{color:#008ae2;background:url(../images/icon04.jpg) no-repeat 0 6px;}
/*slider*/
.main{background:#f3f7fa;padding-bottom:30px;width:100%;min-width:1100px; }
.mainw{ width:1100px;margin:0 auto;overflow:hidden;padding-top:30px;}
.left{width:240px;float:left;}
.leftbt{background:#008ae2; font-size:25px;color:#fff;text-align:center;padding:15px 0;}
.leftbt span{color:#fff; font-size:15px;}
.sideMenu{background:#fff;padding:20px 0;border-bottom:5px solid #008ae2;}
.sideMenu ul li{width:210px;margin:0 auto;line-height:40px;padding:5px 0;}
.sideMenu ul li a{background:url(../images/leftnavbg.jpg) no-repeat;width:170px;padding-left:40px;height:40px;color:#6e6e6e; display: block;font-size:15px;}
.sideMenu ul li a:hover{background:url(../images/leftnavbgh.jpg) no-repeat;color:#fff;}
.sideMenu a.selected,.sideMenu a.active{background:url(../images/leftnavbgh.jpg) no-repeat;color:#fff;}
.sideMenu li.active ul,.sideMenu li.selected ul{display: block;}
.sideMenu ul li{display: block;}
.sideMenu .on{display: block;}
.sideMenu ul li ul{display: block;}
.sideMenu ul li ul{color:#999; display:none; padding-bottom:10px; margin-top:1px;padding-top:10px;border-top:1px solid #e8ecef;border-bottom:1px solid #e8ecef;}
.sideMenu ul li ul li{width:180px; list-style:none; background:none; border:none; padding-left:10px;}
.sideMenu ul li ul li a{ display: block;padding-left:15px;font-size:13px; line-height:25px; background:url(../images/newsicon01.jpg) no-repeat 0 11px; border:none;height: 100%; color: #525252; text-decoration: none; box-sizing:border-box;}
.sideMenu ul li ul li a:hover{ background:url(../images/newsicon02.jpg) no-repeat 0 11px; color:#f7a900;}
.sideMenu ul li ul li a.selected{ background:url(../images/newsicon02.jpg) no-repeat 0 11px; color:#f7a900;border:none; }
.leftcon{background:url(../images/leftcon.jpg) no-repeat;width:240px;height:121px;overflow:hidden;}
.leftconbt{color:#008ae2;font-size:14px;padding-left:83px;padding-top:15px;font-weight:700;line-height:25px;}
.leftconbt span{background:#f7c800;color:#fff;font-size:20px;padding:1px 6px;}
.leftphone{text-align:center;font-size:28px;color:#008ae2;margin-top:10px;}
.aboutright{ background:#fff;float:left;width:830px; margin-left:30px;padding-bottom:50px;}
.aboutrightbt{ width:795px;overflow:hidden; margin:0 auto; border-bottom:1px solid #ececec;padding-top:15px;padding-bottom:10px; color:#b5b5b5; font-size:12px;}
.aboutrightbta{ font-size:20px;float:left; color:#008ae2; border-left:3px solid #f7c800; padding-left:10px;}
.abuotcon{width:795px; margin:0 auto; font-size:14px; color:#7b7b7b; line-height:35px; margin-top:20px;}
.aboutrightbt a{color:#b5b5b5;}
.aboutrightbt a:hover{color:#008ae2;}
/*honor,pictures*/
.honerlist ul {overflow:hidden; position:relative;}
.honerlist ul li{float:left; margin-left:10px;width:245px; margin-right:10px; margin-bottom:20px;}
.honerlist ul li a img{ width:245px; height:175px; margin-bottom:5px;padding:2px;border:1px solid #e8edf0;}
.honerlist ul li a{ display:block; text-align:center; color:#666;}
.honerlist ul li a:hover{ color:#008ae2;}
.honerlist ul li a:hover img{border:1px solid #008ae2;}
.picturelist ul {overflow:hidden; position:relative;}
.picturelist ul li a img{ width:245px; height:175px;border:1px solid #f3f3f3;}
.picturelist ul li a{ float:left; margin-left:10px;background:#f3f7fa;width:245px; display:block; margin-right:10px; text-align:center; color:#666; margin-bottom:20px;}
.picturelist ul li a:hover{ color:#008ae2;background:#eaeef1;}
.tmpage{ width:795px;text-align:center; margin-top:30px;}
.pagination{display:inline;margin:0;padding:0;list-style:none; font-size:13px; }
.pagination li{display:inline; margin-left:3px;margin-right:3px;}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-overlay {
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(fancybox_overlay.png);
}
/*news*/
.newslistt{border-bottom:1px dotted #ddd;line-height:40px;}
.newslistt a{ background:url(../images/newsicon01.jpg) no-repeat 0 7px; padding-left:15px; color:#666;}
.newslistt a:hover{background:url(../images/newsicon02.jpg) no-repeat 0 7px;color:#008ae2;}
.newslistt span{float:right;}
.productslist ul li{ overflow:hidden}
.news-content-title{ text-align:center; font-size:20px; margin-bottom:15px;border-bottom:1px dotted #ddd; padding-bottom:10px;color:#0066a8;}
.contents-rounds{border-top:1px dotted #ddd; margin-top:30px; padding-top:10px;}
.contents-rounds a{color:#666;}
.contents-rounds a:hover{color:#f07b00;}
/*product*/
.prolist{ margin-top:30px;width:795px; margin:0 auto;margin-top:20px;overflow:hidden;}
.prolist ul li {text-align:center;float:left;margin:0 10px 30PX;}
.prolist ul li img{margin-bottom:10px;}
.prolist ul li a{width:245px;color:#7b7b7b;font-size:15px;}
.prolist ul li a:hover{color:#008ae2;}
.prolistny{ width:795px; margin:0 auto; margin-top:20px;}
.prolistnybt{ text-align:center; font-size:18px; color:#006aaa; margin-bottom:25px;}
.prolist a .pormore{border-bottom:1px solid #cecece;border-top:1px solid #cecece;width:245px;height:30px;display:block;line-height:30px;margin-top:10px;font-size:13px;}
.proimage {text-align:center;}
.prolist a:hover .pormore{background:#e5f0f6;color:#006aaa;}
.prolist li{
height:260px;
width:245px;
}
.ptitle{
height:40px;
}
/*feedback*/
.inputform{margin:0;padding:1em 0}
.inputform input,.inputform select,.inputform textarea{margin:0; padding-left:5px;}
.inputform .form-group{overflow:hidden;margin-bottom:1em}
.inputform .form-group .form-label{float:left;width:13%;text-align:right}
.inputform .form-group .form-label label{display:block}
.inputform .form-group .form-label em{margin-right:.5em;color:#f00}
.inputform .form-group .form-control{position:relative;margin-left:15%;}
.inputform .form-button{padding-left:15%;}
.inputform .form-button input{width:280px; border:none; height:36px; text-align:center; background:#f7c800; display:block; color:#fff; font-size:15px; margin-top:10px;}
.inputform .form-text .form-label label,.inputform .form-select .form-label label,.inputform .form-textarea .form-label label{padding-top:0px}
.inputform .form-text .form-label input,.inputform .form-select .form-label input,.inputform .form-textarea .form-label input,.inputform .form-text .form-label select,.inputform .form-select .form-label select,.inputform .form-textarea .form-label select,.inputform .form-text .form-label textarea,.inputform .form-select .form-label textarea,.inputform .form-textarea .form-label textarea{border:1px solid #ddd}
.inputform .form-checkbox .form-control label,.inputform .form-radio .form-control label{margin-right:.8em}
.inputform .form-checkbox .form-control input,.inputform .form-radio .form-control input{margin-right:.3em;padding:0}
.feedbackcon{ width:800px; margin:0 auto; margin-top:20px; font-size:15px; color:#7b7b7b; line-height:34px;}
.feedbackone{ color:#ff3337; border-bottom:1px solid #dadada; font-size:18px; padding-bottom:10px; padding-left:10px; width:680px; margin-bottom:20px;}
.feedbackcon input{ width:269px; height:34px; border:1px solid #e8e8e8;}
.feedbackcon textarea{border:1px solid #e8e8e8;width:550px; padding-top:8px; height:140px;}
.feedbacksr{border-top:1px solid #dadada; width:660px; margin-top:30px;}
.feedbackmt{ margin-top:20px;}
.feedbacktitle{ width:90px; text-align:right;}
.mtop,.mtopbg,.mfloatbg,.mfloat {display:none;}
@media (max-width:460px){
*{box-sizing:border-box;}
img {max-width:100%}
/* html, body {width:100%;overflow:hidden;} */
.top,.toplogo,.toplogo .phone,.lang {display:none}
.mtopbg {display:block;height:80px;}
.mtop {display:block;width:100%;height:80px;position:fixed;left:0;top:0;z-index:9998;background:#FFF;padding:10px;box-shadow:0 0 10px #CCC;}
.mtop img {height:100%;}
.mtop .left {width:auto;height:100%;}
.mtop .right {float:right;width:35px;margin-top:16px;}
.mtop .right a {display:block;}
.mtop .right img {width:24px;height:24px;}
.navbg {z-index:9999;position:fixed;left:-100%;top:0;right:0;bottom:0;min-width:100%;}
.navlist {width:100%;height:100%;background:#0093f0;margin:0;padding-top:30px;}
.navlist ul {padding:0 50px;}
.navlist ul li {float:none;background:none;border-bottom:1px dotted #7bc9fb;}
.navlist ul li.last {border-bottom:0;}
.navlist ul li a {padding:0;text-align:center;font-size:15px !important;line-height:40px;}
.navlist ul li ul {display:none !important;}
.navclose {display:block;padding:15px;height:60px;}
.navclose img {float:right;width:30px;height:30px;cursor:pointer;}
/* #kinMaxShow {width:100%;min-width:100%;height:auto;overflow:hidden;} */
.slider-container, .slider-control, .slider-control img {height:140px !important;}
.slider-control img {width:auto !important;max-width:none;}
.nypic {width:100%;min-width:100%;height:150px;background-size:cover;}
.mainpro {width:100%;}
.manprolist li {width:50%;overflow:hidden;margin:0;border:0;padding:5px;background:none;}
.manprolist li a {width:100%;padding:10px 0;font-size:16px;border: 1px solid #e5e6e8;background: #f3f7fa;}
.manprolist li a img {width:100%;}
.manprolist li a .mainproms {width:auto;margin:0 0 10px 0;padding:0 15px;max-height:100%;height:36px;overflow:hidden;}
.mainabout, .mainaboutw, .mainprocon {width:100%;min-width:100%;}
.mainprobt {font-size:18px;}
.mainprobt span {font-size:14px;}
.mainprocon {padding-left:15px;padding-right:15px;}
.mainaboutw ul {}
.mainaboutw ul li {float:none;height:284px;position:relative;}
.mainaboutw ul li img {width:100%;}
.mainaboutone {position:absolute;bottom:0;width:100%;height:130px;padding:20px;}
.mainaboutpic {position:absolute;top:0;width:100%;}
.mainews {}
.mainewslist {width:100%;min-width:100%;padding:0 15px;}
.firstimg {width:100%;float:none;}
.firstimg img {width:100%;}
.mainnewsone {width:100%;}
.mainewslist ul {width:100%;min-width:100%;padding:0;margin:0;}
.mainewslist ul li span {display:none;}
.bottomone, .bottomcon, .bottomonew {width:100%;min-width:100%;}
.bottomonew {display:none;}
.bottomcon {padding-top:10px;}
.main, .mainw {width:100%;min-width:100%;padding-top:0px;}
.main .left {width:100%;float:none;}
.main .leftbt {font-size:18px;padding:10px 0;}
.main .leftbt span {font-size:14px;}
.main .leftcon {display:none;}
.sideMenu {padding:0;}
.sideMenu ul {width:100%;overflow:hidden;}
.sideMenu ul li {float:left;width:50%;line-height:40px;padding:0;border-bottom:1px dotted #eee;}
.sideMenu ul li a {width:100%;height:auto;background:none;padding-left:0;text-align:center;}
.sideMenu ul li a:hover, .sideMenu a.selected, .sideMenu a.active {background:#F7C800;}
.aboutright {width:100%;float:none;margin:0;padding:0 15px;}
.abuotcon, .aboutrightbt, .bodycontent {width:100%;}
.bodycontent img {max-width:100%;}
.picturelist ul li a {width:50%;margin:0;}
.picturelist ul li a img {width:100%;height:auto;}
.honerlist ul li a {width:50%;margin:0;}
.honerlist ul li a img {width:100%;height:auto;}
.tmpage {width:100%;min-width:100%;}
.prolist {width:100%;min-width:100%;}
.prolist ul li {margin:0;width:50%;padding:0 10px;}
.prolist ul li a {width:100%;font-size:14px;}
.prolist ul li img {width:100%;}
.prolist a .ptitle {height:40px;}
.prolist a .pormore {width:100%;}
.prolist a:hover .pormore {width:100%;}
.prolistny {width:100%;}
.sideMenu li.active ul {display:none;}
.mfloatbg,.mfloat{display:block;height:50px;}
.mfloat {position:fixed;left:0;bottom:0;width:100%;background:#3879D9;}
.mfloat a {float:left;display:block;width:25%;height:50px;font-size:12px;text-align:center;color:#fff;line-height:20px;border-right:1px solid #7ba6e5;}
.mfloat a img {width:20px;height:20px;display:block;margin:0 auto;margin-top:6px;}
.bottomcon .qrcode {display:none;}
}
/*英文版样式调整*/
#en .bottomonew{width:1200px;}
#en .navlist ul li a{padding:0 38px;}
#en .bottomonew ul li{padding: 0 45px;}
#en .sideMenu ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;}