/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body { font-family:"Microsoft YaHei";}
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.max:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none;}
.max{ max-width:640px; margin:0 auto;}
.box{ width:94%; margin:0 auto;}

.top{ max-width:640px; margin:0 auto; height:auto}
.top .logo{ width:50%; display:block; float:left;}
.top img{ width:100%}
.top a{ display:block;}
.top .tel{ width:50%; display:block; float:left;}


nav ul li{ display:block; float:left; width:25%; height:45px; line-height:45px; text-align:center; background:url(../images/nav_li.jpg) no-repeat right center #3385cc; border-bottom:1px solid #268bce}
nav ul li a{ color:#fff; font-size:14px; display:block}


.focus{ max-width:640px; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:8px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:15px; }
.focus .hd ul li{ display:inline-block; width:6px; background:#fff; height:6px; -webkit-border-radius:10px; -moz-border-
adius:10px; border-radius:10px; margin:0 5px;  vertical-align:top; overflow:hidden; font-size:0px  }
.focus .hd ul .on{ background:#f99b28;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; background:url(../images/loading.gif) center center no-repeat;  }

.lmt{ width:100%; border-bottom:1px solid #ececec; height:37px; padding-top:20px;}
.lmt p{ font-size:18px; text-align:center; color:#000;}
.lmt i{ display:block; width:23px; height:5px; background:#3385cc; margin:0 auto; margin-top:10px;}


.lmt1{ width:94%; margin:0 auto; height:35px; line-height:35px; border-bottom:1px solid #eee;}
.lmt1 p{ font-size:16px; height:35px; width:auto; display:inline-block; text-align:center;  border-bottom:3px solid #3385cc; color:#333;}


.tab{ text-align:center; margin: 0 auto; margin-top: 15px;}
.tab a{ display:block; float:left; width:32%; height:27px; line-height:27px; border-radius:5px; font-size:12px; text-align:center;background:#f0f0f0; color:#5d5d5d;margin-bottom:8px; margin-right: 2%;}


.tab a:nth-child(3n+3){ margin-right: 0;}
.tab:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.tab a.active{background:#3385cc;color:#fff;}
.tab a.on{background:#3385cc;color:#fff;}
.pro ul li{ display:block; float:left; width:49%; margin-right:2%; border:1px solid #eee; margin-bottom:15px; box-sizing:border-box;}
.pro ul li:nth-of-type(even){ margin-right:0;}
.pro ul li .pic{ width:100%; height:130px;}
.pro ul li p{ height:35px; line-height:35px; text-align:center; font-size:13px; background:#eeeeee; color:#333;}


.jishu{ background:#f7f6f5; padding-bottom:10px;}
.jishu .lmt{ margin-bottom:20px; border-bottom:1px solid #ebebeb;}
.jishu .hd{ margin-top:15px; margin-bottom:10px;}
.jishu .hd ul li{ display:block; float:left; width:24%; margin:0 0.5%; background:#fff; text-align:center; padding-bottom:10px;}
.jishu .hd ul li span{ display:block; width:40px; margin:0 auto; border-bottom:1px solid #4474d0; text-align:center; color:#4474d0; font-size:14px; margin-top:10px; padding-bottom:5px;}
.jishu .hd ul li p{ font-size:14px; color:#333333; margin-top:5px;}
.jishu .hd ul li.on{ background:#115fc4;}
.jishu .hd ul li.on span{ color:#fff;border-bottom:1px solid #fff;}
.jishu .hd ul li.on p{ color:#fff;}
.jishu .bd{ width:100%;}
.jishu .bd a{ position:relative; display:block; width:100%;}
.jishu .bd img{ width:100%; display:block;}
.jishu .bd p{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; line-height:24px; padding:15px; box-sizing:border-box; width:100%;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;    padding-bottom: 5px; }


.case ul{ margin-top:20px;}
.case ul li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:15px; border:1px solid #eee; box-sizing:border-box;}
.case ul li .pic{ width:100%;height:140px;}
.case ul li:nth-of-type(even){ margin-right:0;}
.case ul li p{ height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:14px; color:#333; background:#f1f1f1;}



.about{ background:url(../images/about-bg.jpg) no-repeat center; background-size:cover; padding-bottom:20px;}
.about .lmt{ width:100%; border-bottom:1px solid #286cc5; height:37px; padding-top:20px;}
.about .lmt p{ font-size:18px; text-align:center; color:#fff;}
.about .lmt i{ display:block; width:23px; height:5px; background:#fff; margin:0 auto; margin-top:10px;}
.about .tab1{ margin:15px 0;}
.about .tab1:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.about .tab1 a{ display:block; width:23%; margin:0 1%; height:30px; line-height:30px; font-size:13px; text-align:center; background:#1c74e8; border-radius:25px; float:left; color:#fff;}
.about .jj{ font-size:14px; color:#fff; line-height:24px; display:block; text-align:justify}


.danye .tab1{ margin:15px 0;}
.danye .tab1:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.danye .tab1 a{ display:block; width:23%; margin:0 1%; height:30px; line-height:30px; font-size:13px; text-align:center; background:#1c74e8; border-radius:25px; float:left; color:#fff;}
.danye .jj{ font-size:15px; color:#666; line-height:32px; display:block; text-align:justify}
.danye .jj img{max-width:100%;height:auto !important}

.news ul{ margin-top:10px;}
/*.news ul li{ width:96%; margin:0 auto; padding-top:10px; border-bottom:1px solid #efefef; padding-bottom:20px;}*/
.news ul li p.title2{ font-size:14px; line-height:24px; color:#000; width:65%;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;text-align:left;  }
.news ul li p.jianjie2{ font-size:13px; line-height:22px; color:#565656; width:65%;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:5px;text-align:left; }
/*.news ul li span{ display:inline-block; font-size:12px; margin-top:10px;  clear:both;width:80px; height:28px; line-height:28px; text-align:center; color:#fff; background:#009ae2; border-radius:3px;}*/
.news ul li img{ float:right; height:80px; width:33%;}


.news2 ul li p.title2{ width:100%;}
.news2 ul li p.jianjie2{ width:100%;}


.footer{ background:#3385cc; margin-top:20px; padding:20px 0; margin-bottom:63px;}
.footer b{ font-size:14px; color:#fff; display:block; margin-bottom:10px;}
.footer p{ font-size:12px; color:#ffffff;  height:30px; line-height:30px; }


.bottom{ width:100%; height:60px; margin:0 auto; position:fixed; bottom:0; left:0; z-index:9999}
.bottom ul{ max-width:640px; height:60px; margin:0 auto; background:#f5f3f2;}
.bottom ul li{ width:33%; height:60px; display:block; float:left; text-align:center; background:url(../images/bottom_li.jpg) no-repeat right center;    padding-top: 10px;box-sizing: border-box;}
.bottom ul li a{ color:black; font-size:12px}
.bottom ul li:nth-of-type(4){ background-image:none}
.bottom ul li i{ font-size:22px; color:#3385cc; display:block;  text-align:center; margin:0 auto;height: 25px;line-height: 25px;} 



.ewm{ position:fixed;background:rgba(255,255,255,0.8);padding:30px 0;bottom:-189px; left:0; width:100%; z-index:999 }
.ewm img{ display:block; margin:0 auto;}
.ewm i{ width:20px; height:20px; background:url(../images/close.png) no-repeat center; background-size:100%; position:absolute; right:20px; top:20px;}

.fenye{ width:100%; margin:0 auto;  margin-top:10px; text-align:center; margin-bottom:10px;   }
.fenye a{ display:inline-block;padding:0 7px;text-align:center; line-height:24px; border:1px solid #cecece; font-size:14px; color:#666666; margin:1px;}
.fenye b,.fenye a:hover{ display:inline-block;padding:0 7px;text-align:center; line-height:24px; border:1px solid #3385cc; font-size:14px; color:#fff; margin:1px; background:#3385cc;}

.contactlist li{
	display: flex;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}
.contactlist li a{	display: flex;}
.contactlist li .partPic{ width: 120px;}
.contactlist li .partPic img{ width: 100%;}
.contactlist li .cont{ flex: 1; margin-left: 10px;}

.contactlist li .cont h3{ font-size: 16px; color: #333; margin-bottom:5px}
.contactlist li .cont div,.contactlist li .cont p{ font-size: 14px; color: #666; line-height: 22px;    margin-bottom: 5px;}
 
.neirong{ background:#f8f8f8; padding:20px 0;}
.neirong .zhengwen{ background:#fff; border-radius:10px; min-height:200px;}


.biaoti{ width:96%; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px; padding-top:20px; }
.biaoti h1{ font-size:16px; font-weight:normal; line-height:24px; text-align:center; color:#000;}
.biaoti p{ font-size:12px; color:#acacac; text-align:center; margin-top:5px; }
.neirong .nr{ width:96%; margin:0 auto;font-size:14px; line-height:22px; padding-bottom:5px; padding-top:10px; min-height:200px;}
.neirong .nr h1{ font-size:18px; margin-top:15px; margin-bottom:10px; line-height:24px; color:#333;}
.neirong .nr img{ width:100%; margin:0 auto; display:block; height:auto;}




.fn{ width:96%; margin:0 auto;border-top:1px solid #eee; margin-top:15px;}
.fn p{ font-size:12px; line-height:28px; color:#000;}
.fn p a{ color:#000}


.tab_ss{ width:100%; height:auto;}
.tab_ss img{ width:100%; height:100%;}
.tab_ss a{ width:100%; height:100%; display:block;}

.more a{ display:block; height:30px; border-radius:6px; border:1px solid #3385cc; color:#3385cc; line-height:30px; text-align:center; font-size:14px; width:80px; margin:0 auto;}

.women{ background:#f7f8f8; height:35px; line-height:35px; margin-top:15px;}
.women a{color:#666; font-size:12px; float:right; margin-right:15px;}
.women p{ background:#3385cc; color:white; font-size:14px;  display:inline-block; padding-right: 10px;}
.women  i{ color:white; font-size:16px; padding-left:10px; padding-right:3px;}


.web_women_1{ width:80%; background:#f7f8f8; height:45px; line-height:45px; float:right;}
.web_women_1 a{ color:#666; font-size:12px; float:right; padding-right:15px;}
.web_women_2{ margin:0 auto; margin-top:15px; margin-bottom:8px;}
.web_women_2 img{ width:100%;}
.web_women_3{line-height:24px; font-size:14px; color:#666;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden; }
.web_women_3 a{ color:#3385cc;}
.xinwen ul{ margin-top:15px;}
.xinwen ul li{ width:100%; height:35px; line-height:35px; background:url(../images/li.png) no-repeat left center; padding-left:14px; box-sizing:border-box; overflow:hidden}
.xinwen ul li a{ color:#666; font-size:14px;}

.xinwen ul li span{ float:right; font-size:12px; color:#CCC;margin-left:10px;}



.yx-j{padding-bottom:20px;}
.yx-j .hd{ margin-bottom:10px;}
.yx-j .hd ul li{ display:block; width:32.6%; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; background:#f2f2f2; margin-right:1%; margin-bottom:2px;}
.yx-j .hd ul li:nth-of-type(3n+3){ margin-right:0;}
.yx-j .hd ul li.on{ color:#fff;background:#3385cc;}
.yx-j .bd ul{ font-size:14px; line-height:24px; color:#454545}
.yx-j .bd ul img{ max-width:100%; height:auto; }

.danye a.more{ display:block; width:100%; height:35px; line-height:35px; color:#fff; font-size:14px; background:#3385cc; text-align:center; margin:10px 0px;}

/*-·ÖÒ³-*/
.pagebox{
	text-align:center;
	padding-top:25px;
	padding-bottom:30px;
	clear:both; color:#333;font-size: 0.16rem;


}
.pagebox a{color:#333;}

.sx{ font-size:14px;
	text-align:center;
	border-top:1px solid #E5E5E5;
	margin-top:35px;
	line-height:45px;
}
.sx a:link,.sx a:visited{
	color:#333;
}
.sx a:hover{
	color:#141E2B;}