body {

    color: #333;

    font-size: 14px;

    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;

    margin:0 auto;

	position:relative;

	overflow-x: hidden;

    background: #fffefe;





}
.index-down-three li .active{ color: #2efbed !important;}
.img-hide{ overflow:hidden; display: block; }



.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }

.img-hide:hover img,.img-hide:hover .div-img{ transform: scale(1.05,1.05); }

.txt-elise{overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;}

li{ list-style:none;}

a{ color: #333; }

ul{ padding:0; margin:0;}

a:hover,a{ text-decoration:none !important;}

a:focus{ text-decoration:none !important; outline: none !important;}

button:focus,button:hover,input:focus{ outline: none!important; }

p{ margin:0; }

img{max-width:100%;display: inline-block;vertical-align: middle;}

.slick-dots li button:before{ display: none; }



.container{ width: 100%;}



.nav-click{ display: none; }

.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}

.menu-button .bar:nth-of-type(1) { margin-top: 0px;}

.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}

.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }

.cross{ margin-top: -8px; }

.cross .bar{ margin:13px auto; }

.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}

.cross .bar:nth-of-type(2) {  opacity: 0;}

.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}



.search-box-c{ position: fixed; left: 50%; width: 700px; transform:translate(-50%,-50%); top: 50%; height: 54px; background: #fff; padding-right: 115px; z-index: 1000010; }

.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }

.modal{ z-index: 100000001; }

.modal-backdrop{z-index: 10000000;}

.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }

.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #005187; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}

body{ padding-top: 71px; }

.container{ width: 100%; } 

.header{ background: rgba(0,87,184,1); position: fixed; left:0; top: 0; right: 0; z-index: 10000; }
.header.one{ box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.logo{ line-height: 70px; }

.nav-list .nav-li{ float: left; margin-right: 40px; position: relative; }

.nav-list .nav-li .nav-a{ display: block; position: relative; line-height: 70px; font-size: 16px; color: #fff; }

.nav-list .nav-li .nav-a.active{ color: #16e2d4; }

.nav-list .nav-li:hover .nav-a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 2px #16e2d4; margin-top: 15px; }

.nav-down{ position: absolute; display: none; left: 0; top: 100%; right: 0; }

.nav-down-ul{ position: absolute; padding:10px 0; left: 50%; top: 100%; background: #fff; width: 150px; margin-left: -75px; }

.nav-down-ul li a{ display: block; text-align: center; font-size: 14px; color: #262626; line-height: 30px; }

.nav-down-ul li a:hover{ color: #16e2d4; }

.nav-list .nav-li:hover .nav-down{ display: block; }

.nav-down-width{ width: 200px; background: #fff; border-right: solid 1px #333; height: 720px; }

.nav-down-tabs{ height: 720px; }

.nav-down-tabs li a{ display: block; position: relative; padding-left: 15px; padding-right: 15px; line-height: 30px; font-size: 14px; color: #262626; }

.nav-down-sm{ position: absolute; left: -80px; top: 0; width: 200px; }

.nav-down-tabs li a.active,.nav-down-tabs li:hover a.nav-one{ color: #16e2d4; }

.nav-down-tabs li a.active:before,.nav-down-tabs li:hover a.nav-one:before{ display: block; content: ""; position: absolute; left: 5px; top: 50%; width: 4px; height: 12px; background: #16e2d4; margin-top: -6px; }

.nav-down-tabs li a:after{ display: block; content: ""; position: absolute; right: 15px; top: 0; bottom: 0; width: 5px; background: url(../images/nav-r.png) center no-repeat; }

.nav-down-tabs li a.active:after,.nav-down-tabs li:hover a.nav-one:after{ background: url(../images/nav-r02.png) center no-repeat; }

.nav-down-tabs-on li a:before,a.no:before,a.no:after,.nav-down-tabs-on li a:after{ display: none!important; }

.nav-down-tabs-tow,.nav-down-tabs-on{ display: none; position: absolute; left: 100%; width: 200px; top: 0; height: 670px; background: #fff; }

.nav-down-tabs-on{ display: none;  border-left: solid 1px #333; }

.nav-down-tabs li:hover .nav-down-tabs-tow{ display: block; }

.nav-down-tabs-tow li:hover .nav-down-tabs-on{ display: block; }

.nav-down-tabs-tow li:hover a.nav-tow{ color: #16e2d4; }

.nav-down-tabs-tow li:hover a.nav-tow:after{ display: block; content: ""; position: absolute; right: 15px; top: 0; bottom: 0; width: 5px; background: url(../images/nav-r.png) center no-repeat; }

.nav-down-tabs-tow li:hover a.nav-tow:after{ background: url(../images/nav-r02.png) center no-repeat; }

.nav-down-tabs-tow li:hover a.nav-tow:before{ display: block; content: ""; position: absolute; left: 5px; top: 50%; width: 4px; height: 12px; background: #16e2d4; margin-top: -6px; }

.nav-down-tabs-on li a:hover{ color: #16e2d4; }

















.down-a{ float: left; border:solid 1px #fff; border-radius: 30px; color: #fff; padding:0 12px; line-height: 28px; margin-top: 20px; }

.down-a span{ background: url(../images/icon01.png) left center no-repeat; padding-left: 20px; }

.langer-a{ line-height: 70px; }

.langer-a a{ font-size: 16px; color: #fff; margin-left: 15px; }

.banner img{ width: 100%; }

.banner .slick-prev{ left: 30px; z-index: 100; width: 19px; height: 38px; background: url(../images/left.png) center no-repeat; margin-top: -19px; }

.banner .slick-next{ right: 30px; width: 19px; height: 38px; background: url(../images/right.png) center no-repeat; margin-top: -19px; }

.slick-prev:before{ display: none; }

.slick-next:before{ display: none; }

.banner .slick-dots{ bottom: 70px; }

.banner{ margin:0; overflow:hidden; }

.banner .slick-dots li,.banner .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }

.banner .slick-dots li button{ background: #888c99; }

.banner .slick-dots li.slick-active button{ background: #fff; }

.search-left{ position: relative; line-height: 90px; width: 750px; color: #000; font-size: 16px; position: relative; padding-left: 130px; height: 90px; }

.search-tt{ position: absolute; top: 0; left: 0; top: 0; line-height: 90px; font-size: 16px; font-weight: bold; color: #000; background: url(../images/icon02.png) left center no-repeat; padding-left: 50px; }

.search-left a{ color: #000; font-size: 16px; }

.search-c{ position: relative; width: 400px; padding-right: 60px; margin-top: 15px; }

.search-c .form-control{ border-radius: 0; box-shadow: none; height: 60px; border:solid 1px #bbd2ec; }

.btn-ss{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: #0057b8; border:none; padding:0; text-align: center; border-radius: 0; }

.index-left{ width: 250px; position: absolute; left: 0; top: 0; bottom: 0; border-right: solid 1px #2e75c5; background: url(../images/back-left.png) center no-repeat; background-size: 100% 100%; }

.index-left-top{ background: #0057b8; line-height: 60px; color: #fff; padding-left: 10px; font-size: 18px; }

.index-left-ul li a{ display: block; color: #fff; font-size: 14px; padding:0 15px; }

.index-left-ul li a:hover{ color: #16e2d4; }

.index-left-ul li{ line-height: 25px; }

.index-left-ul{ position: absolute; left: 0; top: 60px; right: 0; bottom: 0; overflow-y: auto; padding:20px 0; }

/* 滚动槽 */

.index-left-ul::-webkit-scrollbar {

width:6px;

}

.index-left-ul::-webkit-scrollbar-track {

-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);

border-radius:10px;

}

/* 滚动条滑块 */

.index-left-ul::-webkit-scrollbar-thumb {

border-radius:10px;

background:#fff;

-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);

}

.index-left-ul::-webkit-scrollbar-thumb:window-inactive {

background:rgba(255,0,0,0.4);

}

.index-right{ width: 100%; background: url(../images/about-back.png) center no-repeat; background-size: cover; padding:50px 110px 160px 110px; }

.about-title span{ display: inline-block; font-size: 28px; margin-bottom: 20px; color: #fff; padding-bottom: 10px; border-bottom: solid 2px #fff; }

.about-p p{ font-size: 16px; color: #fff; line-height: 25px; margin-bottom: 10px; }

.number-top{ font-size: 36px; color: #fff; margin-top: 30px; }

.number-top span{ font-size: 98px; color: #3afff1; position: relative; display: inline-block; margin-right: 5px; }

.number-top span font{ color: #fff; font-size: 22px; position: absolute; left: 100%; top: 10px; }

.number-b{ font-size: 22px; color: #fff; line-height: 22px; }

.index-m{ margin-top: 80px; }

.cp-back{  background: none; padding:0!important; /*! min-height: 1000px; */}

.cp-list li{ float: left; width: 33.333333%; padding:0 3px; margin-bottom: 6px; }

.cp-list{ margin:0 -3px; }

.cp-list li a{ display: block; padding:30px 20px;  /*background: url(../images/back-cp.png) center no-repeat;*/border:1px solid #ebebeb; background-size: cover; }

.cp-list-tt{ font-size: 23px; line-height: 30px;color: #0057b8; font-weight: bold; overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical; }

.cp-list-img img{ height: 200px; width:380px; }

.cp-list-img{ margin-top: 35px; }

.cp-list-more{ margin:40px auto 0 auto; width: 172px; height: 38px; line-height: 36px; border:solid 1px #0057b8; font-size: 18px; color: #545454; }

.cp-list-more span{ background: url(../images/raw.png) right center no-repeat; padding-right: 20px; }

.cp-list li a:hover .cp-list-more{ background: #0057b8; color: #fff; }

.cp-list li a:hover .cp-list-more span{ background: url(../images/raw02.png) right center no-repeat; }

.index-box{ position: relative; padding-left: 250px; }

.index-m .index-left{ bottom: 6px; }

.hz-title span{ display: inline-block; font-size: 36px; color: #0057b8; font-weight: bold; padding-bottom: 10px; border-bottom: solid 2px #0057b8; margin-top: 90px; }

.hz-slick .slick-slide{ padding:0 10px; } 

.hz-slick{ margin:0 -10px; margin-top: 50px; margin-bottom: 70px; }


.footer {
	background: url(../images/footer.png) center no-repeat;
	background-size: cover;
	padding: 60px 0;
	position: relative;
	bottom: 0;
	width: 100%;
}
.footer-left p{ font-size: 22px; color: #fff; line-height: 35px; }

.footer-left p span{ display: inline-block; padding-right: 20px; }

.footer-nav li{ float: left; margin-left: 50px; }

.footer-nav li a{ font-size: 14px; color: #fff; }

.footer-bottom{ border-top: solid 2px #669ad4; padding-top: 20px; margin-top: 40px; font-size: 12px; color: #fff; }

.footer-txt span{ display: inline-block; margin-right: 20px; }

.footer-bottom a{ color: #fff; }

.footer-bottom font{ padding:0 10px; }

/*****************关于我们***************/

.banner-list img{ width: 100%; }

.nav-b{ line-height: 80px; font-size: 16px; color: #333; }

.nav-b a{ color: #333; }
.nav-b a:nth-last-child(1){font-weight: bold}
.about-tt{ font-size: 36px; color: #282828; font-weight: bold; }

.about-tt-sm{ font-size: 28px; color: #1a1a1a; }

.about-left{ width: 60%; font-size: 16px; line-height: 26px; }

.about-left p{ margin-bottom: 10px; }

.about-box{ margin-top: 50px; background: url(../images/dq.png) left bottom no-repeat; padding-bottom: 100px; }

.about-img{ width: 40%; padding-left: 25px; text-align: right; }



.about-box .number-top{ color: #000; }

.about-box .number-top span{ color: #0057b8; }

.about-box .number-top span font{ color: #000; }

.about-box .number-b{ color: #333; }

.gy-title span{ font-size: 36px; display: inline-block; color: #1a1a1a; font-weight: bold; }

.gy-title{ position: relative; margin-bottom: 40px; }

.gy-title:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 1px #ddd; }

.gy-title span{ position: relative; z-index: 100; padding:0 60px; background: #fff; }

.zs-ul li{ float: left; width: 25%; padding:0 30px; margin-bottom: 60px; }

.zs-ul{ margin:0 -30px; }

.zs-ul li a{ display: block; position: relative; padding-top: 128%; }

.zs-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.hb-list li{ float: left; width: 25%; padding:0 30px; margin-bottom: 60px;  }

.hb-list{ margin:0 -30px; }

.hb-list li a{ display: block; position:relative; padding-top: 53.4%; border:solid 1px #ddd; }

.hb-list li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.form-back{ background: url(../images/form-back.png) center no-repeat; background-size: cover; padding:60px 0; margin-bottom: 130px; }

.form-tt{ font-size: 36px; color: #fff; }

.form-right{ width: 700px; margin-top: 70px; padding-right: 120px; background: #fff; position: relative; }

.form-right .pull-left{ width: 50%; position: relative; }

.form-right input.form-control{ border-radius: 0; padding-left: 25px; box-shadow: none; border:none; height: 50px; font-size: 16px; }

.form-right .form-control-r:before{ display: block; content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; border-right: solid 1px #ddd; }

.btn-form{ position: absolute; right: 0; width: 120px; padding:0; text-align: center; top: 0; bottom: 0; border-radius: 0; border:none; background:#fff url(../images/btn-jt.png) left center no-repeat!important; background-size: auto 100%!important; padding-left: 50px; }

.about-left span{ padding-left: 20px; background: url(../images/dian.png) left center no-repeat; }

.about-left-lg{ font-size: 18px; line-height: 30px; }

.about-left-lg p{ margin-bottom: 20px; }

.banner-list{ height: 500px; position: relative; }

.banner-list-tt{ font-size: 48px; color: #fff; }

.banner-list-center{ position: absolute; left: 0; padding:0 15px; right: 0; top: 50%; transform: translate(0,-50%); }

.banner-list-p{ font-size: 28px; color: #fff; margin-top: 10px; }

.join-left{ width:300px; border:solid 1px #ddd; }

.join-left-tt{ padding:15px; font-size: 16px; color: #333; }

.join-left-tt a{ float: right; color: #999; }

.join-left-box-tt{ font-size: 16px; color: #191919; font-weight: bold; }

.join-left-box{ padding:20px 15px; border-top: solid 1px #ddd; }

.join-list li{ margin-top: 15px; }

.join-list li a{ font-size: 16px; display: inline-block; position: relative; padding-left: 23px; }

.join-list li a input{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; }

.join-list li a:before{ display: block; content: ""; position: absolute; left: 0; line-height: 12px; text-align: center; top: 50%; width: 14px; height: 14px; border:solid 1px #ddd;  margin-top: -7px; }

.join-list li a.active:before{ content: "✔"; font-size: 12px; }

.join-right{ width: 1050px; }

.search-c-lg{ width: 100%!important; margin-top: 0; }

.zs-title{ font-size: 18px; color: #181818; margin:30px 0; }

.zs-tt-name{ font-size: 24px; color: #181818; font-weight: bold; }

.zs-label{ font-size: 12px; color: #dd705c; background: #ffedeb; border-radius: 4px; padding:3px 6px; margin:7px 0 0 15px; }

.zs-date{ font-size: 16px; color: #7c7c7c; margin-top: 7px; }

.zs-top-tt{ font-size: 16px; color: #181818; margin-top: 10px; margin-bottom: 20px; }

.zs-top-p p{ font-size: 14px; margin-bottom: 10px; color: #181818; }

.zs-link{ display: inline-block; font-size: 16px; padding:10px 30px; background: #0057b8; color: #fff; margin-top: 20px; }

.zs-lind{ border-top:solid 1px #ddd; margin:30px 0; }

.pagination li a{ margin:0 2px; border-radius: 0!important; }

/*****************联系我们***************/

.form-back-tow{ background: url(../images/form-back02.png) center no-repeat; background-size: cover; }

.contact-row .form-control{ border-radius: 0; font-size: 16px; margin-bottom: 30px; min-height: 50px; box-shadow: none; border:solid 1px #ddd; }

.about-tt-sm-lx{ font-size: 18px; margin-bottom: 30px; }

.btn-lx{ font-size: 24px; color: #fff; background: url(../images/btn-back.png) center no-repeat; background-size: 100% 100%; padding:12px 80px; border-radius: 0; }

.contact-lind{ margin:40px 0; border-top: solid 2px #ddd; }

.contact-left{ width: 70%;  }

.contact-left p{ font-size: 20px; color: #404040; padding:5px 0 20px 55px; position: relative; border-bottom: solid 2px #ddd; margin-bottom: 20px; }

.contact-left p i{ position: absolute; left: 0; top: 0; }

.contact-right{ width: 30%; padding-left: 30px; }

.contact-map{ margin-top: 50px; margin-bottom: 120px; }

/****************产品详情***************/

.cp-top{ margin:0;}

.cp-top a,.cp-bottom .slick-slide a{ display: block; position: relative; padding-top:75%; border:solid 1px #ddd;  }

.cp-top a img,.cp-bottom .slick-slide a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.cp-bottom .slick-slide{ padding:0 12px; }

.cp-bottom{ margin:12px 50px 0 50px; }

.cp-bottom .slick-prev{ width: 29px; height: 46px; left: -50px; margin-top: -23px; background: url(../images/left02.png) center no-repeat; }

.cp-bottom .slick-next{ width: 29px; height: 46px; right: -50px; margin-top: -23px; background: url(../images/right02.png) center no-repeat; }

.cp-bottom .slick-current a{ border-color: #0057b8; }

.cp-title{ font-size: 30px; color: #0057b8; font-weight: bold; }

.cp-number span{ display: inline-block; font-size: 16px; margin-bottom: 10px; color: #282828; margin-right: 30px; }

.cp-number{ margin-top: 10px; }

.cp-p p{ font-size: 16px; color: #282828; line-height: 30px; text-align: justify; margin:0; }

.cp-p{ padding-top: 20px; margin-top: 20px; border-top: solid 2px #c2d7ee; }

.down-box{ border-top: solid 2px #c2d7ee; margin-top: 30px; padding:10px 0 10px 100px; position: relative; border-bottom: solid 2px #c2d7ee; }

.down-box-tt{ position: absolute; left: 0; top: 15px; font-size: 16px; color: #fff; width: 96px; line-height: 35px; text-align: center; background: url(../images/btn-back.png) center no-repeat; background-size: 100% 100%; }

.down-ul li{ float: left; width: 50%; padding:0 10px; line-height: 40px; }

.down-ul li a{ display: block; background: url(../images/dian02.png) left center no-repeat; padding-left: 15px; }

.down-ul{ overflow-y: auto; height: 160px; }

.cp-link a{ display: inline-block; font-size: 24px; margin-top: 50px; margin-right: 50px; padding:12px 30px; color: #fff; background: url(../images/btn-back.png) center no-repeat; background-size: 100% 100%; }

.cp-link a:last-child{ background: #0057b8; }

.cp-tabs li{ float: left; width: 20%; margin-right: -10px; }

.cp-tabs li a{ display: block; border-radius: 10px 10px 0 0; color: #0b0b0b; font-size: 18px; line-height: 40px; background: #e1f1f1; }

.cp-tabs { margin-top: 30px; margin-right: -40px; }

.cp-tabs li:nth-of-type(1) a{ box-shadow: 5px 5px 10px rgba(0,0,0,0.3); background: #d5ebf7; position: relative; z-index: 10; }

.cp-tabs li:nth-of-type(2) a{ box-shadow: 5px 5px 10px rgba(0,0,0,0.3); background: #f7efec; position: relative; z-index: 9; }

.cp-tabs li:nth-of-type(3) a{ box-shadow: 5px 5px 10px rgba(0,0,0,0.3); background: #e2f5e4; position: relative; z-index: 8; }

.cp-tabs li:nth-of-type(4) a{ box-shadow: 5px 5px 10px rgba(0,0,0,0.3); background: #f8f5e5; position: relative; z-index: 7; }

.video-back{ background: url(../images/video-back.png) center no-repeat; background-size: cover; position: relative; z-index: 20; padding:30px 25px; min-height: 500px; border:solid 1px #ddd; border-top: none; }

.cp-tabs li.active a{ color: #0057b8; font-weight: bold; }

.video-list li{ line-height: 50px; }

.video-list li a{ font-size: 18px; color: #282828; font-weight: bold; padding-left: 20px; background: url(../images/dian02.png) left center no-repeat; }

.title-xg span{ display: inline-block; border-bottom: solid 2px #0057b8; padding-bottom: 10px; font-size: 20px; margin:40px 0; }

.xg-list li{ float: left; width: 25%; padding:0 18px; margin-bottom: 20px; }

.xg-list{ margin:0 -18px; padding-bottom: 80px; }

.xg-list li a{ display: block; position: relative;/* background: url(../images/xg-back.png) center no-repeat;*/ background-size: cover; height: 152px; border:solid 1px #ddd; padding-left: 125px; padding-right: 10px; padding-top: 30px; }

.xg-list-img{ position: absolute; left: 15px; width: 100px; top: 50%; transform: translate(0,-50%); }

.xg-list-img img{ max-width: 100%; max-height: 100px; }

.xg-list-tt{ font-size: 18px; color: #0057b8; font-weight: bold; }

.xg-list-p p{ margin:0; font-size: 12px; }

.xg-list-p{ margin-top: 10px; }

.wd-box{ border:solid 1px #ddd; min-height: 500px; padding:40px; background: #Fff; position: relative; z-index: 100;  }

.wd-title{ font-size: 24px; color: #0057b8; }

.wd-list-date{ font-size: 14px; color: #999; }

.wd-list-top{ font-size: 16px; margin-top: 10px; min-height: 40px; padding-top: 10px; color: #333; position: relative; padding-left: 50px; }

.wd-list-top span{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; background: #f4f4f4; color: #666; font-size: 16px; }

.wd-list li{ margin-top: 25px; }



.table-bordered > thead > tr > th{ background: #2296d0; border-color: #000; border-width: 1px; text-align: center; font-weight: normal; font-size: 14px; color: #fff; }

.table-bordered{ border:solid 1px #000; }

.table > tbody > tr > td{ border-color: #000; font-size: 14px; color: #333; border:solid 1px #000; }

.table-striped > tbody > tr{ background: #bfd3de; }

.table-striped > tbody > tr:nth-of-type(odd){ background: #fff; }

.jj-title{ font-size: 20px; color: #333; font-weight: bold; }

.jj-p p{ font-size: 14px; color: #333; line-height: 25px; margin-top: 20px; }

.jj-p p span{ font-weight: bold; }

.cp-link .pull-left{ position: relative; z-index: 1000; }

.zx-box{ position: absolute; display: none; left: 50%; width: 300px; background: #fff; margin-left: -150px; top: 100%; margin-top: 10px; background: #fff; padding:15px; border:solid 1px #ddd; }

.zs-close{ color: #0057b8; cursor: pointer; padding-right: 25px; background: url(../images/close.png) right center no-repeat; background-size: 15px auto; }

.zx-box-title{ padding:10px 12px; border:solid 1px #333; background: #acbcc9; margin-top: 10px; }

.zx-input input{ border-radius: 0; box-shadow: none; border:solid 1px #333; }

.zx-input{ margin-top: -1px; }

.btn-xz{ font-size: 16px; color: #fff!important; background: url(../images/btn-back.png) center no-repeat!important; background-size: 100% 100%!important; margin-top: 10px; border-radius: 0; border:none; }

/***************品牌中心****************/

.index-left-ul li a{ position:relative; }

.index-left-ul li{ position: relative; }

.index-left-ul li a:before{ display: block; content: "+"; position: absolute; right: 15px; top: 0; bottom: 0;  }
.nav-one-span,.nav-tow-span{ position: absolute; right: 15px; top: 0; bottom: 0; z-index: 100; width: 20px; }
.index-down li{ padding:0 0 0 15px; }

.index-down li a{ display: block; padding:5px 15px; color: #fff!important; }

.index-down li a:before{ display: none!important; }

.index-down li a.down-tow{ color: #fff!important; background: #0260c9; }

.index-down li.active a.down-tow{color: #2efbed!important;}

.index-down li a:hover{ color: #2efbed!important; }

.index-down{ padding:10px 0; }

.index-down{ display: none; }

.index-left-ul li.on a{ color: #2efbed; }

.index-left-ul li.on a:before{ content: "-"; }

.cp-list-bh span{ display: inline-block; font-size: 14px; padding:0 1%; width: 48%;float: left;overflow: hidden;height: 20px;line-height: 20px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;}

.cp-list-bh{ margin-top: 10px; text-align: center;}

.pp-box .index-left{ bottom: 6px; }

.pagination{ margin:90px 0; }

.down-tow b{ display: inline-block; width: 100%; position: relative; padding-right: 45px; }

.down-tow b:before{ display: block; content: "+"; position: absolute; right: 0px; top: 0; bottom: 0;  }

.index-down li.active .down-tow  b:before{ content: "-"; }

.index-down-three{ display: none; }

.down-tow{ margin-bottom: 10px; }

/**************新闻资讯************/

.news-list li{ float:left; width: 33.333333%; padding:0 20px; margin-top: 30px; }

.news-list{ margin:0 -20px; }

.news-list-img{ position: relative; padding-top: 67%; }

.news-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.news-list-tt{ font-size: 16px; font-weight: bold; margin-top: 15px; }

.news-list-date{ font-size: 14px; color: #666; margin-top: 10px; }

.news-list-p{ margin-top: 10px; line-height: 25px; color: #666; overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical; }

.news-lind{ border-top: solid 1px #ddd; margin:15px 0; }

.news-more{ display: inline-block; font-size: 16px; color: #fff; padding:10px 25px; background: #0057b8; }

.article-tt{ margin:30px 0; font-size: 24px; font-weight: bold; }

.article-date{ font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: solid 1px #ddd; }

.article-p{ padding:30px 0; border-bottom: solid 1px #ddd; }

.article-p p{ font-size: 16px; line-height: 30px; text-align: justify; margin-bottom: 20px; }

.article-more span{ font-size: 24px; color: #333; font-weight: bold; display: inline-block; padding-bottom: 15px; border-bottom: solid 1px #333; margin-top: 30px; }

.news-list-lg{ padding-bottom: 80px; }

.news-list li a:hover .news-more{ background: url(../images/btn-back.png) center no-repeat!important; background-size: 100% 100%!important; }

.langer-a a:hover,.search-left a:hover,.footer-nav li a:hover,.footer-bottom a:hover,.down-ul li a:hover,.nav-b a:hover{ color: #16e2d4; }

.down-a:hover,.zs-link:hover,.btn-lx:hover{ background: #16e2d4; color: #fff; }

.index-left-ul-no li a:before{ display: none!important; }

.cp-link a:hover{ background: #16e2d4; }

.zs-ul li a:hover,.hb-list li a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.4); }

.news-list li a{ display: block; }

.js-box{ position: relative; }

.js-box .zx-box{ left: 0; margin:0; }

.js-box.active{ z-index: 100; }

@media( max-width: 1479px){

	.container{ width: 1230px; }

	.footer-left p{ font-size: 18px; }

	.cp-list-img img{ height: 163px; }

	.join-left{ width: 250px; }

	.join-right{ width: 900px; }

	.xg-list li{ width: 33.333333%; }

}

@media( max-width: 1279px){

	.container{ width: 970px; }

	.nav-list .nav-li{ margin-right: 20px; }

	.search-left{ width: 600px; }

	.search-c{ width: 300px; }

	.number-top{ font-size: 24px; }

	.number-top span{ font-size: 48px; }

	.index-right{ padding:40px 40px; }

	.cp-list-img img{ height: 111px; }

	.footer-left p{ font-size: 14px; }

	.footer-nav li{ margin-left: 20px; }

	.banner-list{ height: 400px; }

	.join-right{ width: 650px; }

	.zs-row .col-xs-6{ width: 100%; }

	.banner-list-p{ font-size: 18px; }

	.cp-link a{ margin-right: 20px; }

	.xg-list li{ width: 50%; }

	}

@media( max-width: 991px){

	.container{ width: 750px; }

	

	.index-right{ width: 100%; padding:25px; }

	.index-box{ padding-left: 0; }

	.search-left{ display: none; }

	.search-c{ width: 100%; margin:20px 0; }

	.index-m{ margin-top: 20px; }

	.cp-list-img img{ height: 117px; }

	.index-left-ul{ position: static; display: table; overflow-y: auto; min-width: 100%; }
	.index-left-ul li{ display: table-cell; white-space:nowrap; }
	.index-left{ position: static; width: 100%; overflow-y: auto; margin-top: 60px; }
	.index-left-top{ position: absolute; left: 0; top: 0; width: 100%; }


	.footer-nav{ width: 100%; text-align: center; }

	.footer-nav li{ display: inline-block; float: none; margin:0 10px; }

	.footer-left{ width: 100%; text-align: center; margin-top: 20px; }

	.footer-left p{ margin-bottom: 0px; line-height: 25px; }

	.footer-txt span{ margin-right: 5px; }

	.footer-bottom font{ padding:0 5px; }

	.nav-list .nav-li .nav-a{ font-size: 14px; }

	.nav-list .nav-li{ margin-right:10px; }

	.banner-list{ height: 300px; }

	.join-right{ width: 450px; }

	.contact-left{ width: 100%; }

	.contact-right{ width: 100%; padding:0; text-align: center; }

	.xq-row .col-xs-6{ width: 100%; }

	.cp-title{ margin-top: 30px; }

	.news-list li{ width: 50%; }

}

@media( max-width: 767px){
	.down-tow b{ width: auto; }
	.nav-down-ul{ position: static; transform: translate(0,0); margin:0; width: 100%; text-align: left; }
	.nav-down-ul li a{ text-align: left; padding-left: 25px; }
	.container{ width: 100%; }

	.banner .slick-prev{ left: 15px; }

	.banner .slick-next{ right: 15px; }

	.search-c .form-control{ height: 45px; }

	.btn-ss{ height: 45px; }

	.about-title span{ font-size: 24px; }

	.about-p p{ font-size: 14px; }

	.number-b{ font-size: 14px; }

	.number-top{ font-size: 13px; margin-top: 0; }

	.number-top span{ font-size: 24px; padding-right: 10px; }

	.number-top span font{ top: 0; font-size: 14px; right: 0px; left: auto; }

	.index-right .col-xs-4{ padding:0; }

	.cp-list li{ width: 50%; }

	.cp-list-tt{ font-size: 18px; }

	.cp-list li a{ padding:15px; }

	.cp-list-more{ width: 100%; font-size: 16px; margin-top: 15px; }

	.cp-list-img{ margin-top: 0; position: relative; padding-top: 60%; }

	.cp-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

	.hz-title span{ font-size: 24px; margin-top: 20px; }

	.hz-slick{ margin:20px -10px; }

	.footer{ padding:15px 0; }

	.footer-nav li{ display: block; float: left; width: 25%; margin:0; margin-bottom: 15px; }

	.footer-left{ margin-top: 0; }

	.footer-bottom{ margin-top: 20px; padding-top: 15px; }

	.footer-txt{ width: 100%; text-align: center; }

	.footer-bottom .pull-right{ width: 100%; text-align: center; }

	.header{ position: absolute; left: 0; top: 0; right: 0; z-index: 100000; height: 50px; }

	body{ padding-top: 50px; }

	.logo{ line-height: 50px; }

	.logo img{ height: 40px; }

	.nav-list{ position: absolute; display: none; border-top: solid 1px #fff; left: 0; right: 0; top: 100%; background: #0057b8; }

	.nav-list .nav-li{ float: none; margin:0; }

	.nav-list .nav-li .nav-a{ padding:0 15px; line-height: 40px; }

	.down-a{ margin-top: 10px; }

	.langer-a{ line-height: 50px; margin-right: 50px; }

	.menu-button{ display: block; }

	.nav-down{ position: static; }

	.nav-list .nav-li:hover .nav-down{ display: none; }

    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}

    .nav-click.active{ transform: rotate(180deg); }

    .nav-down-sm{ position: static; margin:0; transform: translate(0,0); width: 100%; }

    .nav-down-width{ width: 100%; height: auto; border:none; }

    .nav-down-tabs-tow, .nav-down-tabs-on,.nav-down-tabs{ position: static; height: auto; width: 100%; }

    .nav-down-tabs-tow, .nav-down-tabs-on{ display: none!important; }

    .banner .slick-dots{ bottom: 15px; }

    .form-right{ width: 100%; margin-top: 30px; }

    .form-tt{ font-size: 20px; }

    .form-back{ margin:20px 0 0 0; padding:30px 0; }

    .form-right{ background: none; padding-right: 0; }

    .form-right .pull-left{ width: 100%; }

    .btn-form{ position: static; height: 50px; width: 120px; margin-top: 10px; }

    .about-tt{ font-size: 24px; }

    .about-tt-sm{ font-size: 18px; }

    .about-left{ width: 100%; font-size: 14px; }

    .about-img{ width: 100%; padding:0; margin-top: 10px; margin-bottom: 20px; }

    .gy-title span{ font-size: 24px; padding:0 30px; }

    .about-box{ margin:20px 0 0 0; padding-bottom: 20px; }

    .zs-ul li,.hb-list li{ width: 33.333333%; padding:0 10px; margin-bottom: 20px; }

    .zs-ul,.hb-list{ margin:0 -10px; }

    .gy-title{ margin-bottom: 20px; }

    .about-left-lg p{ margin-bottom: 10px; }

    .about-left-lg{ line-height: 25px; }

    .about-box .col-xs-4{ padding:0; }

    .banner-list-tt{ font-size: 24px; }

    .banner-list-p{ font-size: 16px; }

    .banner-list{ height: 200px; }

    .about-tt{ margin-top: 15px; }

    .join-left{ display: none; }

    .join-right{ width: 100%; }

    .form-control-r{ border-top: solid 1px #ddd; }

    .about-tt-sm{ font-size: 16px; }

    .contact-row .col-xs-6{ width: 100%; }

    .contact-row .form-control{ min-height: 40px; font-size: 14px; margin-bottom: 15px; }

    .btn-lx{ font-size: 18px; padding:8px 30px; }

    .contact-left p{ font-size: 16px; }

    .contact-map{ margin:20px 0 30px 0; }

    .cp-bottom .slick-prev,.cp-bottom .slick-next{ display: none!important; }

    .cp-bottom{ margin-left: 0; margin-right: 0; }

    .cp-title{ font-size: 24px; margin-top: 20px; }

    .cp-number span{ font-size: 14px; margin-right: 15px; }

    .cp-p p{ font-size: 14px; line-height: 25px; }

    .down-box-tt{ position: static; }

    .down-box{ padding-left: 0; }

    .cp-link a{ font-size: 16px; margin-top: 20px; }

    .cp-tabs li a{ font-size: 14px; }

    .video-back{ padding:20px; min-height: 1px; }

    .video-list li a{ font-size: 14px; }

    .video-list li{ line-height: 30px; }

    .xg-list li{ width: 100%; margin-bottom: 10px; }

    .title-xg span{ margin:20px 0; }

    .xg-list{ padding-bottom: 10px; }

    .nav-b{ font-size: 14px; }

    .cp-p{ margin-top: 10px; padding-top: 10px; }

    .down-box{ margin-top: 20px; }

    .zx-box{ left: 0; margin-left: 0; }

    .wd-box{ padding:20px; min-height: 1px;}

    .pagination{ margin:30px 0; }

    .news-list li{ padding:0 5px; margin-top: 0px; margin-bottom: 15px; }

    .news-list{ margin:0 -5px; }

    .news-more{ font-size: 14px; padding:6px 15px; }

    .news-lind{ margin:10px 0; }

    .article-more span{ margin:20px 0; font-size: 20px; padding-bottom: 10px; }

    .article-tt{ font-size: 18px; margin:20px 0; }

    .article-date{ font-size: 14px; padding-bottom: 10px; }

    .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }

    .article-p{ padding:20px 0; }

    .news-list-lg{ padding-bottom: 0px; }

	}