/* 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,html{ font-family:"Microsoft YaHei";height: 100%;}
.clearfix: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; overflow:hidden;}
.box{ width:94%; margin:0 auto;}
.box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
a{-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; text-decoration:none; }


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

.dianhua{ padding-top:10px;}
.dianhua a{ display:block; width:94%; margin:0 auto; color:#fff; background:#2f84da; text-align:center; margin-bottom:10px; height:35px; line-height:35px;}


nav{ width:100%; height:80px; background:#2f84da;}
nav ul{ max-width:640px; height:80px; margin:0 auto; background:url(../images/nav-ul.png) no-repeat center; }
nav ul li{ width:25%; height:40px; line-height:40px; text-align:center; color:#fff; display:block; float:left; font-size:14px; background:url(../images/nav-li.png) no-repeat right center;}
nav ul li a{ color:#fff; display:block;}
nav ul li:last-child{ background:none}
nav ul li:nth-of-type(4){ background:none}


nav ul li.on a{color:#0099d5;}

.fixed{ position:fixed; top:0; left:0;width:100%; z-index:999;-webkit-transform: translateZ(0);}

.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-radius:10px; border-radius:10px; margin:0 5px;  vertical-align:top; overflow:hidden; font-size:0px  }
.focus .hd ul .on{ background:#ff5e1c;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; display:block; }

 
 
.info1{ padding-bottom:5px;}
.info1 ul li{ display:block; float:left; width:25%; box-sizing:border-box; margin-bottom:15px; padding-left:10px;}
.info1 ul li:nth-of-type(even){ border:none;}
.info1 ul li img{ display:block; margin:0 auto; width:100%;} 

 

.lmt{ margin-bottom:15px; padding-top:15px;}
.lmt strong{ display:block; text-align:center; font-size:18px; color:#2a2a2a;}
.lmt p{ text-align:center; font-size:12px; color:#7f7f7f; margin-top:5px;}
.lmt i{ display:block; width:100%; margin:0 auto; height:12px; border-bottom:1px solid #dcdcdc; }
.lmt i img{ display:block; margin:0 auto;}



.fuwu ul.list li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:15px;}
.fuwu ul.list li:nth-of-type(even){ margin-right:0;}
.fuwu ul.list li i{ display:block;width:100%; overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; box-sizing:border-box;}
.fuwu ul.list li i img{ display:block;width:100%;}
.fuwu ul.list li p{ text-align:center; font-size:14px; color:#2f2f2f; margin-top:8px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} 
.fuwu ul.list li:hover p{ color:#067df3;}

.about{ padding-bottom:10px;}
.about .left,.about .left img{ display:block; width:100%;}
.about .right{ width:100%;}
.about .right a.tit{ display:block; font-size:18px; font-weight:bold; margin:10px 0; color:#000; text-align: center;}
.about .right p.jj{ font-size:14px; color:#282828; line-height:28px; height:auto; overflow:hidden;}
.about .right p.jj a{ color:#2f84da;}
.about .right ul li{ display:block; float:left; width:49%; height:80px; border:1px solid #dbdbdb; margin-right:2%;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; box-sizing:border-box; margin-bottom:10px;}
.about .right ul li:nth-of-type(even){ margin-right:0;}
.about .right ul li.a4{ margin-right:0;}
.about .right ul li i{ display:block; width:100px; height:50px; margin:0 auto;}
.about .right ul li:hover{ background:#2f84da; border:1px solid #2f84da;}
.about .right ul { margin-top:10px;} 
.about .right ul li.a1 i{ background:url(../images/about-ico1_1.png) no-repeat center;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; background-size:35px;}
.about .right ul li.a2 i{ background:url(../images/about-ico2_1.png) no-repeat center;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; background-size:35px;}
.about .right ul li.a3 i{ background:url(../images/about-ico3_1.png) no-repeat center;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; background-size:35px;}
.about .right ul li.a4 i{ background:url(../images/about-ico4_1.png) no-repeat center;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; background-size:35px;}
.about .right ul li p{ text-align:center; font-size:14px; color:#535353;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.about .right ul li:hover p{ color:#fff;}
.about .right ul li.a1:hover i{ background:url(../images/about-ico1_2.png) no-repeat center; background-size:35px;}
.about .right ul li.a2:hover i{ background:url(../images/about-ico2_2.png) no-repeat center; background-size:35px;}
.about .right ul li.a3:hover i{ background:url(../images/about-ico3_2.png) no-repeat center; background-size:35px;}
.about .right ul li.a4:hover i{ background:url(../images/about-ico4_2.png) no-repeat center; background-size:35px;}


.case .swiper-slide{ display:block; float:left; width:70%; }
.case .swiper-slide img{ display:block; width:100%;}
.case .swiper-slide .case_txt{ width:100%; box-sizing:border-box; border:1px solid #dbdbdb; border-top:none; padding:8px 5px;}
.case .swiper-slide .case_txt strong{ display:block; font-size:15px; color:#010101; font-weight:normal;}
.case .swiper-slide .case_txt p{ font-size:13px; color:#878787; line-height:22px; margin-top:5px; height:44px; overflow:hidden;}
.case .swiper-slide{ padding-bottom:35px !important;}
 

.news{ padding-bottom:10px;}
.news .left{ width:100%;}
.news .right{ width:100%;}
.news .left img.pic{ display:block; width:100%; margin-bottom:10px;}
.news .left dl{ margin-bottom:8px;}
.news .left dl:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.news .left dl dt{ display:block; float:left; width:120px; height:90px; }
.news .left dl dt img{ display:block;  width:120px; height:90px; }
.news .left dl dd{ width:calc(100% - 130px); float:right;}
.news .left dl dd a.tit{ display:block; font-size:14px; color:#000000; height:26px; line-height:26px; overflow:hidden;}
.news .left dl dd p{ font-size:12px; color:#8d8d8d; line-height:20px; height:40px; overflow:hidden;}
.news .left dl dd a.more{ display:block; font-size:12px; color:#2f84da; margin-top:5px;}
.news .left dl dd a.tit:hover{ color:#067df3;}
.news ul li{ height:35px; line-height:35px; background:url(../images/li.png) no-repeat left center; padding-left:14px; border-bottom:1px dashed #dddddd; overflow:hidden;}
.news ul li span{ float:right; font-size:14px; color:#a9a9a9; margin-left:15px;}
.news ul li a{ color:#2a2a2a; font-size:14px;}
.news ul li a:hover{ color:#067df3;}


.news .right dl:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.news .right dl dt{ display:block; float:left; width:251px; height:317px; }
.news .right dl dt img{ display:block; width:251px; height:317px;}
.news .right dl dd{ width:330px; float:right;}
.news .right dl dd a.tit{ display:block; font-size:17px; color:#010101; font-weight:bold; height:42px; line-height:42px; overflow:hidden;}
.news .right dl dd p{ font-size:14px; color:#2c2b2b; line-height:30px;}
.news .right dl dd p a.more{   color:#067df3; }

 
.style ul li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:15px;}
.style ul li:nth-of-type(even){ margin-right:0;}
.style ul li i{ display:block;width:100%;  overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; box-sizing:border-box;}
.style ul li i img{ display:block;width:100%;}
.style ul li p{ text-align:center; font-size:14px; color:#2f2f2f; margin-top:8px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.style ul li:hover i{ border:1px solid #067df3}
.style ul li:hover p{ color:#067df3;}

.links{ background:#2f84da; padding:20px 0; border-bottom:1px solid #266ba6;}
.links p { margin-bottom:10px;}
.links p strong{ display:inline-block; font-size:16px; color:#fff; position:relative; padding-left:10px;}
.links p strong:after{ content:""; width:5px; height:16px; background:#fff; border-radius:5px; position:absolute; left:0; top:3px;}
.links p span{ display:inline-block; font-size:12px; color:rgba(255,255,255,.2); margin-left:5px;}
.links a{ display:inline-block; height:30px; line-height:30px; color:#fff; font-size:14px; margin-right:15px;}


.footer{ background:#333; padding-top:20px; padding-bottom:75px;}

.footer .copyright{ width:100%;box-sizing:border-box;padding-bottom:10px;}
.footer .copyright strong{ display:block; font-size:16px; color:#fff; margin-bottom:10px;}
.footer .copyright ul li{ font-size:14px; color:rgba(255,255,255,.7); line-height:31px;}
.footer .right ul li{ display:block; float:left; width:40%; margin-right:10%;}
.footer .right img{ display:block; width:110px;}

.bottom{ width:100%; height:60px; background:#2f84da; margin:0 auto; position:fixed; bottom:0; left:0; z-index:99;}
.bottom ul{ max-width:640px; height:60px; margin:0 auto}
.bottom ul li{ width:25%; height:60px; display:block; float:left; text-align:center; background:url(../images/bottom_li.png) no-repeat right center}
.bottom ul li a{ color:#fff; font-size:12px}
.bottom ul li:nth-of-type(4){ background-image:none}
.bottom ul li.index i{ display:block; width:100%; height:32px; background:url(../images/index.png) no-repeat  center; margin-top:5px;}
.bottom ul li.bohao i{ display:block; width:100%; height:32px; background:url(../images/dh.png) no-repeat  center; margin-top:5px;}
.bottom ul li.anli i{ display:block; width:100%; height:32px; background:url(../images/bohao.png) no-repeat  center; margin-top:5px;}
.bottom ul li.guanyu i{ display:block; width:100%; height:32px; background:url(../images/women.png) no-repeat  center; margin-top:5px;}


.info5 img{ display:block; width:100%;}

.nydh{ margin-bottom:5px; padding-top:15px;}
.nydh ul{ position:relative;}
.nydh ul li{ display:block; float:left; width:32%; height:30px; line-height:30px; background:#eee; text-align:center; margin-right:2%; position:relative; text-align:center;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; font-size:13px; margin-bottom:5px;}
.nydh ul li:nth-of-type(3n+3){ margin-right:0;} 
.nydh ul li a{ display:block; color:#515151;}
.nydh ul li:hover,.nydh ul li.on{ background:#2f84da;}
.nydh ul li:hover a,.nydh ul li.on a{ color:#fff;} 

.danye{ font-size:15px; line-height:26px; color:#545454; padding-bottom:50px;}
.danye p { margin-top:5px; letter-spacing:1px;}
 
.tu-list ul li{ display:block; float:left;width:49%; margin-right:2%; margin-bottom:15px;}
.tu-list ul li:nth-of-type(even){ margin-right:0;}
.tu-list ul li i{ display:block; width:100%; box-sizing:border-box; overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.tu-list ul li i img{ display:block;width:100%; }
.tu-list ul li p{ text-align:center; font-size:14px; color:#2f2f2f; margin-top:8px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} 
.tu-list ul li:hover p{ color:#015294;}

.fenye {width: 100%;margin: 0 auto;margin-top:15px;margin-bottom:30px; text-align:center;}
.fenye a {display: inline-block;padding: 0 10px;text-align: center;line-height: 28px;border: 1px solid #eee;font-size: 14px;color: #333;margin: 3px; border-radius:5px; background:#eee;}
.fenye b, .fenye a:hover {display: inline-block;padding:0 10px;text-align: center;line-height: 28px;border:1px solid #2f84da; font-size: 14px;color: #fff;margin:3px;background: #2f84da; border-radius:5px;}


.case-list ul li{ display:block; float:left; width:49%; margin-right:2%;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; margin-bottom:20px;}
.case-list ul li:nth-of-type(even){ margin-right:0;}
.case-list ul li img{ display:block; width:100%;}
.case-list ul li .case_txt{ width:100%; box-sizing:border-box; border:1px solid #dbdbdb; border-top:none; padding:8px 8px;}
.case-list ul li .case_txt strong{ display:block; font-size:15px; color:#010101; font-weight:normal;}
.case-list ul li .case_txt p{ font-size:13px; color:#878787; line-height:22px; margin-top:5px; height:44px; overflow:hidden;}



.news-list li{ background:#fff; padding:10px; box-sizing:border-box; margin-bottom:10px; border:1px solid #eee;}
.news-list li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.news-list li img{ display:block; float:left; width:120px; height:90px; margin-right:10px;}
.news-list li .news_tit{ height:30px; line-height:30px; overflow:hidden;}
.news-list li .news_tit span{ float:right; font-size:12px; color:#b0b0b0; display:none;}
.news-list li .news_tit strong{   font-size:14px; color:#303030;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.news-list li p{ font-size:13px; color:#939393; line-height:22px; margin-top:5px; height:22px; overflow:hidden;}
.news-list li i{ font-style:normal; font-size:12px; color:#0072c0; margin-top:10px; display:block;}
.news-list li .news_tit strong:hover{ color:#0072c0}

.biaoti{ width:100%; margin:0 auto; text-align:center; margin-top:15px; border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:15px;}
.biaoti h1{ font-size:18px; color:#000; font-weight:normal;}
.biaoti p{ font-size:13px; color:#ccc; margin-top:10px;}

.fn{ width:100%; margin:0 auto; margin-top:30px; border-top:1px solid #e8e8e8; padding-top:10px; padding-bottom:30px;}
.fn p{ font-size:14px; line-height:30px; color:#565656}
.fn p a{ color:#565656}
.fn p a:hover{ color:#00aae5;}


.newsnav{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #dbdbdb; margin-bottom:15px; padding-top:10px;} 
.newsnav a.more{ float:right;  font-size:13px; color:#5e5e5e;}
.newsnav strong{ display:inline-block; font-size:18px; color:#282828; font-weight:normal; border-bottom:1px solid #2f84da; padding-left:11px; position:relative;}
.newsnav strong:after{ content:""; width:6px; height:17px; background:#2f84da; border-radius:5px; position:absolute; left:0; top:15px;}
.newsnav span{ display:inline-block; font-size:12px; color:#b5b5b5; margin-left:5px;}
.newsnav p{ float:right; font-size:15px; color:#5e5e5e;}
.newsnav p a{ color:#5e5e5e;}