﻿html, body, section, ul { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial,'Microsoft YaHei';word-break:break-all;word-break:break-word;word-break:keep-all;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family:Arial,'Microsoft YaHei'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333;font-size:100%;}
body {font-size:15px;}

a { color: #666; }
a:hover, a:active, a { text-decoration: none; }
a:hover{color:#0d7ec6 !important}
ul, li { list-style: none; }
.txt-c { text-align: center; }
.clear{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ 
/**/
.section { width:1200px; margin: 0 auto; }
.header, .contain, .footer { width: 100%; }
.header,.footer{background:#fff}
.contain{background:#efefef}
.header .logo {text-align:left}
.header .logo img { width:266px;max-width: 100%;margin-top:15px}
.box{padding:2em 0 4em 0}
/*导航*/
.nav { max-width:585px; float: right; }
.nav .nav-ul li.dropdown { float: left; padding: 35px 0;text-align:center }
.nav .nav-ul li.dropdown a { padding: 10px 10px; display: block;font-size:14px;color:#666}
.nav-ul li.dropdown:hover{background:#0772c0;}

li .dropdown-menu { margin: 0; padding: 0; display: none; border-radius: 0 !important; }
.nav-ul li.dropdown:hover .dropdown-menu { display: block; }
.nav-ul li .dropdown-menu li a:hover, .nav-ul li .dropdown-menu li.on a { color: #666; }
.nav-ul li.dropdown.home a{background: url(../images/h01.png) no-repeat 18px 13px;padding-left:20px;}
.nav-ul li.dropdown.home.enHome{width:14%}
.nav-ul li.dropdown.enend{width:12%}
.nav-ul li.dropdown.col-md-3{width:23%}
.nav-ul li.dropdown.home.enHome a{background: url(../images/h01.png) no-repeat 10px 13px;padding-left:28px;white-space:nowrap}
.nav-ul li.dropdown:hover>a{color:#fff !important;}
.nav-ul li.dropdown.home:hover>a{background:url(../images/h01h.png) no-repeat 18px 13px;}
.nav-ul li.dropdown.home.enHome:hover>a{background:url(../images/h01h.png) no-repeat 10px 13px;}
.header .col-md-8{float:right}
.header{position:relative;left:0;right:0;z-index:999;border-bottom:1px solid #efefef}
.header.lighted{position:fixed;top:0px;transition:all .5s;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}

/*滚动*/
.banner { width:100%; overflow: hidden; }
.banner .swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-wrapper,.swiper-slide{height:auto !important}
.swiper-slide{ text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img{ width:100%}
/*公司概况*/
.company{background:url(../images/section2bg.jpg) no-repeat center; background-size:cover;font-size:1em;padding:6em 0 10em 0;}
.h-Tit{font-size:2.4em;position:relative;padding:0.2em}
.h-Tit:after {content:" ";position:absolute;bottom:0;background:#0772c0;width:34px;height:3px;left:50%;margin-left:-17px;}
.company .aside{padding:4em 2em 8em 2em;color:#666;line-height:2em;word-break:break-all}
.company .more{border:1px #0772c0 solid;border-radius:50px;color:#0772c0;height:38px;width:170px;display:inline-block;line-height:38px;}

.product{background:#efefef;padding:2em 0}
.product .carousel-indicators {position:static;width: 100%;margin-left:0;list-style: none;text-align: center;margin-bottom:0.3em;}
.carousel-indicators .active { height:auto}
.product .carousel .carousel-indicators div{/*width:19%;*/width:24%;float:left;background:#fff;margin-left: 0;padding:2em 0;display: flex;justify-content: start;align-items: center;/* text-indent: 50px; */
                                            margin-right:1.2%;font-size:16px;color:#4d4d4d;text-align:center;margin-bottom:1.2%}
.product .carousel .carousel-indicators div:nth-child(4n){margin-right:0%;}
.product .carousel .carousel-indicators div span{display:block;text-align:center;width: 100%;}

/*.product .carousel .carousel-indicators div i{display:inline-block;height:43px;width: 50px;margin:0 10px;background:url(../images/zpro.png) no-repeat center;}*/
.product .carousel .carousel-indicators div.active{background:#0772c0;color:#fff;}
/*.product .carousel .carousel-indicators div.active i{background:url(../images/zpro-h.png) no-repeat center;}
.product .carousel .carousel-indicators div i.i1{background-position: -331px 0;}
.product .carousel .carousel-indicators div i.i2{background-position: -6px 0;}
.product .carousel .carousel-indicators div i.i3{background-position:-352px 0;}
.product .carousel .carousel-indicators div i.i4{background-position:-525px 0;}*/


.product .carousel-inner{background:#fff}
.product .carousel-inner .item img{width:100%}
.product .carousel-inner .item .aside-W{padding:1em 2em}
.product .carousel-inner .item .h{padding:2em 0 0.5em 0;font-size:1.4em;color:#333;position:relative;margin-bottom:1.2em}
.product .carousel-inner .item .h:after{content:" ";position:absolute;bottom:0;background:#0d7ec6;width:35px;height:3px;left:0;}
.product .carousel-inner .item .aside{/*text-indent:2em;*/font-size:14px;color:#333;line-height:32px;margin-bottom:1em;}
.product .carousel-inner .item a{color:#0d7ec6;height:40px;border-bottom:2px #0d7ec6 solid}
.news{background:#fff}
.news .swiper-container{margin-top:2em}
/*.news .swiper-slide:nth-child(3n-1) a{display:block;margin:0 2%}*/
.news .swiper-container p,.news .swiper-container span,.news .swiper-container img{display:block;width:100%}
.news .swiper-container p{margin:1.2em auto ;font-size:15px;height:45px;width:100%;display:block;text-align:center;overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis}
.news .swiper-container span{display:block;font-size:14px;height:40px;line-height:40px;color:#666; overflow:hidden;text-align:left;position:relative;margin:0 auto}
.news .swiper-container span:before {content:" ";position:absolute;top:0;left:0;background:#dddddd;width:24px;height:3px;}
.news .swiper-container p,.news .swiper-container span{width:90%;}
.news .n-p{width:174px;margin:2em auto 0 auto}
.news .swiper-next,.news .swiper-prev{margin: 0 3%;padding: 0.98em 0;display:inline-block;border:1px #0772c0 solid;width: 42.5%;font-size:24px;font-family:'Microsoft YaHei';color:#0772c0;background:url(../images/n-pn.png) no-repeat center;}
.news .swiper-next{background:url(../images/n-pp.png) no-repeat center;}
.news.box{padding:2em 0 2em 0}
.news .swiper-slide .news-img{overflow:hidden;display:flex; flex-direction: column;justify-content: center;margin:10px 10px 20px 10px;border:1px #dad8d8 solid}
.news .swiper-slide a img{width:auto;max-width:100%;max-height:100%;}
.news .swiper-slide a{display:block;width:100%}
.news .swiper-slide.col-md-4{padding:0 !important}
.dream {background:#f6f6f6;width:100%;overflow:hidden}
.dream .d-Tit{font-size:20px;margin-bottom:1.5em}
.dream .row a{display:block;background:#fff;padding:2em 0;font-size:16px;}
.dream .row div{width:20%;margin-bottom:1em}
.dream .row a i{display:block;width:43px;height:43px;margin:0 auto 1em auto; background:url(../images/zdream.png) no-repeat center}
.dream .row a:hover{background:#0d7ec6;color:#fff !important}
.dream .row a:hover i{background:url(../images/zdream-h.png) no-repeat center;}
.dream .row a i.i1{background-position:0 0;}
.dream .row a i.i2{background-position:-176px 0;width:46px;}
.dream .row a i.i3 {background-position:-351px 0;}
.dream .row a i.i4 {background-position:-525px 0;}
.dream .row a i.i5{background-position:-702px 0;}

.dream .row a span { font-size:14px;display:block;}

.footer{background:#fff;}
.footer .map{padding:2em 0 1em 0;border-bottom:1px #f1f1f1 solid}
.footer .map div{margin-bottom:1em}
.footer .map a{display:block;padding:5px 0;font-size:14px;color:#666}
.footer .map .col-md-8{padding-right:0;text-align:right}
.footer .map img{width:95%;max-width:401px;}
.footer .bottom{padding:1.2em 0 0.5em 0}
.footer .bottom .col-xs-12{height:35px;line-height:35px;margin-bottom:1em}
.footer .bottom .col-md-9{text-align:right}

.footer .bottom .btn-group{width:100%;max-width:275px;}
.footer .bottom .dropdown-toggle{border-radius:50px;width:100%;max-width:275px;text-align:left;color:#999;}
.footer .bottom .caret{border:0;background:url(../images/zf02.png) no-repeat center;height:11px;width:17px;position:absolute;right:10px;top:50%;margin-top:-5px;}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{background:#fff}

.zHead{background:#fff;}
.zHead .section{font-size:14px;line-height:55px;}
.zHead .section .adrss{background:url(../images/zh01.jpg) no-repeat left center;padding-left:30px}
.zHead .section a,.zHead .section{color:#a3a3a3}
.zHead .section span{color:#0d7ec6}
.zHead .section .tab{text-align:right}
.zHead .section .tab a{margin:0 10px;height:55px;position:relative;display:inline-block}
.zHead .section .tab a:hover:after,.zHead .section .tab a.on:after{content:" ";position:absolute;bottom:0;width:100%;left:0;height:2px;background:#0d7ec6}
.zmian{background:#fff;overflow:hidden}
.zbox{padding:1px 0}
.zmian .aside{padding:2em 0;width:93%;margin:0 auto}
.m-txt,.m-img{color:#666;font-size:15px;line-height:36px;padding:2.5em 0;width:90%;margin: 0 auto;overflow-wrap: break-word;}
.m-img{padding:2.5em 0;width:92%;margin:0 auto}
.zmian .aside .h-Tit{border-bottom:1px #dfdfdf solid;padding:0.5em;font-size:24px;color:#414141}
.m-img div{margin-bottom:2em;}
.m-img div a{display:block;position:relative;border-radius:0;max-width:321px;border:1px #efefef solid;overflow:hidden;display: flex; flex-direction: column; justify-content: center;margin:0 auto}
.m-img div span{color:#fff;padding:5px 0;line-height:23px;background:rgba(0,0,0,.55);text-align:center;position:absolute;bottom:0;left:0;width:100%;display:block;margin:0 auto;font-size:14PX}
.m-img div.honer a{display:block}
.m-img img{width:auto;max-width:100%;display:block;margin:0 auto;max-height:100%;}
.zmian .znews{margin-bottom:2em}
.zmian .znews li{padding:2.2em 0.5em;border-bottom:1px #e0e0e0 solid;}
.zmian .znews li:hover{background:#f9f9f9}
.zmian .znews h2,.zmian .znews div{color:#414141;font-size:14px;line-height:24px;}
.zmian .znews h2{font-size:22px;margin:0;line-height:34px;}
.zmian .znews span{color:#999;font-size:14px;padding:1em 0;display:block}
.zmian .znews.znewsV h2,.zmian .znews.znewsV span{text-align:center}
.m-cont img{width:90%;max-width:385px;margin:1em auto}
.m-cont h2{color:#898989;font-size:24px;padding:20px 0 10px 0;}
.m-cont{line-height:32px;color:#414141;padding:6em 0;}

.zpNav{max-width:270px;padding-right:0;border-right:1px #eee solid;padding-bottom:9999px; margin-bottom:-9999px;}
.zpNavT{margin:2em 0 0 22px;position:relative;border-bottom:2px #1e9edc solid;height:65px;padding-left:3px;}
.zpNavT span{text-transform:uppercase;font-size:12px;color:#eee;display:block;margin-bottom:6px}
.zpNavT h2{color:#444;font-size:24px;padding:0;margin:0}
.zpNavT .b{height:2px;position:absolute;bottom:-2px;background:#444;width:70%;left:0}
.zpul{margin:2em 0 0 22px;}
.zpul li{padding-left:3px;padding-right:0;}
.zpul>li{margin-bottom:15px}
.zpul li a{display:block;color:#4d4d4d;line-height:22px;padding:5px 15px;vertical-align:middle; border-bottom:1px #f0f0f0 solid;
width:100%;font-size:15px}

.zpul li a:hover,.zpul li a.on{color:#0d7ec6;border-bottom:1px #0772c0 solid}
.zpul-ul{padding:5% 0;display:none}
.open .zpul-ul{display:block}
.zpul-ul li a,.zpul-ul li a:hover{border:none;}
.zpul-ul li a{padding-left:25px;}
/*.zpul-ul li.openon a{color:#0d7ec6;}*/
.zpul-ul li.on a{color:#0d7ec6;}
.zpul li.open a.b{color:#0d7ec6;border-bottom:1px #0772c0 solid}
.zpm{padding:1em 0}
.zpm .znewsV .aside{padding-top:2em}
#AspNetPager1 a,#AspNetPager1 span{display:inline-block;height:38px;line-height:38px;border:1px #dedede solid;padding:0 15px;color:#777 !important}
#AspNetPager1 span{background:#1e9edc;color:#fff !important;font-weight:normal !important;border:1px #1e9edc solid;}
@media (max-width: 1200px) {
.section {width:100%;max-width:1200px; margin: 0 auto;padding:0 10px  }
.news .swiper-slide:nth-child(3n-1) a,.news .swiper-slide a{display:block;margin:0 1%}
.section.zbox {width:100%;max-width:1200px; margin: 0 auto;padding:10px 0  }
}
@media (max-width:991px) {
    .footer .bottom .col-xs-12{height:auto}
.footer .bottom,.footer .bottom .col-md-9{text-align:center;line-height:24px;}

}
@media (min-width:768px) {
.zmian{min-height:550px}
}

@media (max-width: 768px) {
    .header .logo img{width:50%;margin-top:5px;}
    .nav .nav-ul li.dropdown{padding:10px 0}
    .nav .nav-ul li.dropdown a{padding:0}.nav-ul li.dropdown.home a{background:none}
    .carousel-indicators { bottom: 0; }
    .product .carousel .carousel-indicators div span{display:none}
  .dream .row div{width:100%;}
  .footer .map div{text-align:center !important}
  .zHead .section .tab{text-align:center}
  .zpNav{max-width:100%;}
  .zpul-ul{padding:0}.zpul li{display:inline-block}

}
@media (max-width: 360px) {
.nav-ul li.dropdown.home a{background:none;}


}
