/* 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:92%; 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%;}



nav{ width:100%; height:90px; background:#0C54B8;}

nav ul{ max-width:640px; height:90px; margin:0 auto; background:url(../images/nav-ul.png) repeat-x left center; }

nav ul li{ width:25%; height:45px; line-height:45px; overflow:hidden; text-align:center; color:#fff; display:block; float:left; font-size:14px; background:url(../images/nav-li.png) repeat-y right top;}

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:#0C54B8;}

.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{ padding-top:20px; margin-bottom:20px;}

.lmt strong{ display:block; text-align:center; font-size:18px; font-weight:normal; color:#333;}

.lmt p{ font-size:13px; text-align:center; color:#888888; margin-top:5px;}



.youshi_1{ border-bottom:1px solid #e8e8e8;}

.youshi_1 ul{ margin-top:25px;}

.youshi_1 ul li{ display:block; float:left; width:50%; text-align:center; height:55px; margin-bottom:15px;box-sizing:border-box;}

.youshi_1 ul li span{ display:inline-block; color:#000; position:relative; }

.youshi_1 ul li span strong{ font-size:26px; font-weight:normal;}

.youshi_1 ul li span i{ font-style:normal; color:#767676; position:absolute; top:0px; right:-20px; font-size:13px;}

.youshi_1 ul li p{ text-align:center; font-size:14px; color:#767676;}





.pro-index { padding-bottom:20px;} 

.pro-index .pro_li{ padding:0 15px; box-sizing:border-box;}

.pro-index .pro_li .swiper-slide img{ display:block; width:100%;height:212px;}

.pro-index .pro_li .swiper-slide p{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; box-sizing:border-box; border:1px solid #eee; color:#2b2b2b; border-top:none; overflow:hidden;}

.pro-index .box{ width:98%; }

.pro-index .swiper-button-next{ background:url(../images/next.png) no-repeat center; width:20px; height:40px; background-size:100%; right:0;}

.pro-index .swiper-button-prev{ background:url(../images/prev.png) no-repeat center; width:20px; height:40px; background-size:100%; left:0;}

.pro-index a.more{ display:block; width:120px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:13px; border-radius:25px; background:#0C54B8; margin:0 auto; margin-top:15px;}



.youshi_2{ background:url(../images/youshi2_maxbg.png);}

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

.youshi2{ padding-bottom:20px;}

.youshi2 .swiper-pagination-bullet-active{ background:#0C54B8;}





.changjia ul li{ display:block; float:left; width:49%; margin-right:2%; position:relative;  margin-bottom:16px; cursor:pointer;}

.changjia ul li i{ display:block;width:100%;  overflow:hidden;}

.changjia ul li img{ display:block;width:100%; -webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}

.changjia ul li p{ width:100%; height:30px; line-height:30px; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; color:#fff; text-align:center; font-size:15px;}

.changjia ul li p b{ display:inline-block; width:19px; height:19px; text-align:center; line-height:19px; background:#fff; border-radius:25px; font-size:12px; color:#0C54B8; margin-right:5px;}

 

.changjia ul li:nth-of-type(even){ margin-right:0;}



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



.jiejue{ background:url(../images/jiejue_bg.jpg) no-repeat center; background-size:cover; padding-bottom:15px;}

.jiejue .lmt strong{ color:#fff}

.jiejue .lmt p{ color:#fff}

.jiejue ul li{ display:block; float:left; width:32%; padding:15px 0; margin-right:2%; margin-bottom:10px; background:#fff; border-radius:10px;}

.jiejue ul li:nth-of-type(3n+3){ margin-right:0;}

.jiejue ul li strong{ display:block; width:45px; height:45px; line-height:45px; text-align:center; font-size:20px; color:#fff; font-family:Impact; font-weight:normal; background:#0C54B8; border-radius:50%; margin:0 auto;margin-bottom:10px; }

.jiejue ul li p{ font-size:12px; text-align:center; color:#0C54B8;}



.case{ padding-bottom:15px;}

.case ul li{ padding:10px 0; border-bottom:1px dashed #d9d9d9;}

.case ul li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }

.case ul li img{ display:block; float:left; width:120px; height:85px; margin-right:15px;}

.case ul li strong{ display:block; font-size:16px; color:#313131; font-weight:normal; height:22px; line-height:22px; overflow:hidden;}

.case ul li p{ font-size:14px; color:#717171; line-height:24px; height:48px; overflow:hidden; margin-top:5px;}





.about{ background:#f6f6f6; padding-bottom:20px;}

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

.about .jianjie{ font-size:14px; line-height:24px; color:#585858; margin-top:10px;}

.about .jianjie a{ color:#fba016;}



.news{ padding-bottom:20px;}

.news ul li{ height:35px; line-height:35px; border-bottom:1px dashed #dbdbdb; overflow:hidden; padding-left:15px; background:url(../images/li.jpg) no-repeat left center;}

.news ul li span{ float:right; font-size:14px; color:#bababa; margin-left:15px;}

.news ul li a{ font-size:14px; color:#535353;}







.lianxi{padding:30px 0; background:#3d3d3d; padding-bottom:65px;}

.lianxi .title{ font-weight:bold; font-size:16px; }

.lianxi  p{ font-size:12px; line-height:24px; color:#959595;}

.lianxi .lx{ width:100%; float:right}

.lianxi .box{width:90%;}

.lianxi img{ float:right; width:100px; margin-top:30px;}





.bottom{ width:100%; height:60px; background:#0C54B8; 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) repeat-y right top}

.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;}

.bottom ul li.ly i{ display:block; width:100%; height:32px; background:url(../images/ly.png) no-repeat  center; margin-top:5px;    background-size: 26px;}

.newsnav{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; margin-bottom:14px; }

.newsnav strong{ display:inline-block; font-size:18px; color:#2b2b2b; padding-left:14px; padding-right:3px; position:relative; border-bottom:2px solid #0C54B8;}

.newsnav strong:after{ content:""; width:4px; height:15px; background:#0C54B8; position:absolute; left:0px; top:12px;}



.pro-list li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:14px;}

.pro-list li img{ display:block; width:100%;height:200px;}

.pro-list li p{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; box-sizing:border-box; border:1px solid #eee; color:#2b2b2b; border-top:none; overflow:hidden;}

.pro-list li:nth-of-type(even){ margin-right:0;}



.fenye{ width:100%; margin:0 auto;  margin-top:15px; text-align:center; margin-bottom:40px;   }

.fenye a{ display:inline-block;padding:0 10px; border-radius:5px;text-align:center; line-height:28px; background:#eee; font-size:13px; color:#666666; margin:1px;}

.fenye b,.fenye a:hover{ display:inline-block; border-radius:5px;padding:0 10px;text-align:center; line-height:28px;  font-size:13px; color:#fff; margin:1px; background:#0C54B8;}





.slide_nav{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); top:0; left:-100%; z-index:999}

.slide_nav .nydh{ width:240px; float:left; background:#fff;height:100%; z-index:999} 

.slide_nav .nydh .sideMenu p{ width:100%; height:40px; line-height:40px; color:#0C54B8; padding-left:35px; box-sizing:border-box; font-weight:bold; font-size:15px; background:url(../images/pro-nav-dt.png) no-repeat 10px center #fff3e1; border-bottom:1px solid #fff;}

.slide_nav .nydh .sideMenu ul{ padding-left:10px; box-sizing:border-box;}

.slide_nav .nydh .sideMenu ul li{ height:35px; display:block; float:left; width:50%; box-sizing:border-box; line-height:35px; border-bottom:1px solid #eeeeee; font-size:13px; padding-left:10px; background:url(../images/pro-nav-dd.png) no-repeat left center;}

.slide_nav .nydh .sideMenu ul li a{display:block; color:#6f6f6f;}

.slide_nav .close{ width:calc(100% - 240px); float:right; height:100%;}

.slide_nav .nydh .sideMenu ul li.on a{color:#0C54B8;}





.menu{ width:60px; height:60px; background:#0C54B8; background-size:80%;position:fixed; right:0; top:150px; border-top-left-radius:5px; border-bottom-left-radius:5px; color:#fff; text-align:center; font-size:16px;padding-top: 20px;}



.slide_nav .nydh1{ width:200px;}

.slide_nav .close1{ width:calc(100% - 20px); float:right; height:100%;}



 



.slide_nav .nydh .nav_li li{ font-size:14px; color:#3b3b3b; background:url(../images/ul_li1.png) no-repeat 15px center; height:50px; line-height:50px; border-bottom:1px solid #e9e9e9; padding-left:37px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}

.slide_nav .nydh .nav_li li a{ display:block; color:#3b3b3b; }

.slide_nav .nydh .nav_li li:hover,.slide_nav .nydh .nav_li li.on{ background:url(../images/ul_li.png) no-repeat 15px center;}

.slide_nav .nydh .nav_li li:hover a,.slide_nav .nydh .nav_li li.on a{ color:#0C54B8;}





.danye{ font-size:14px; color:#5e5e5e; line-height:24px; padding-bottom:20px; text-align:justify;}

.danye img{ display:block; max-width:100%; margin:0 auto;height:auto !important;}







.neiye .biaoti{margin:0 auto; text-align:center; margin-top:25px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;}

.neiye .biaoti h1{ font-size:18px; color:#000; font-weight:normal;}

.neiye .biaoti p{ font-size:14px; color:#ccc; margin-top:10px;}



.neiye .fn{   margin:0 auto; margin-top:10px; border-top:1px solid #e8e8e8; padding-top:10px; padding-bottom:30px;}

.neiye  .fn p{ font-size:14px; line-height:30px; color:#565656}

.neiye  .fn p a{ color:#565656}

.neiye  .fn p a:hover{ color:#0C54B8;}





.canshu{ margin:20px 0;}

.pro_tel{ text-align:center}

.pro_tel a{ display:inline-block; width:48%; height:35px; line-height:35px; text-align:center; border-radius:5px; color:#fff; background:#0C54B8}




@media (max-width: 568px) {
.pro-index .pro_li .swiper-slide img{ height:187px;}
.pro-list li img{ height:177px;}
}
@media (max-width: 440px) {
.pro-index .pro_li .swiper-slide img{ height:131px;}
.pro-list li img{ height:128px;}
}
@media (max-width: 380px) {
.pro-index .pro_li .swiper-slide img,.pro-list li img{ height:118px;}
}
@media (max-width: 360px) {
.pro-index .pro_li .swiper-slide img,.pro-list li img{ height:112px;}
}