@charset "utf-8";

* {margin:0px auto; padding: 0px 0px; box-sizing: border-box;}
body { word-wrap:break-word; zoom:1;  overflow-x:hidden; width: 100%; }
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6,p {font-family:"微软雅黑", arial,  verdana; font-weight: normal; font-size: 14px; line-height:24px; color:#636363; margin:0;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
ul,ol,li,p {list-style: none; margin: 0; padding: 0;}
img {border: none; border:0;}
a{ color:#636363; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; }
a:visited {color: #333; text-decoration:none;}

.clearfix {clear: both;} 
.wd {width: 100%;}
.pt0 { padding-top: 0px;}
 

/*首页*/
html, body {height: 100%; }
.swiper-container {width: 100%;height: 100%;}
/*.swiper-slide { 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-container-h .swiper-slide img {width: 100%;}
.swiper-container-h .swiper-slide {background-size: cover; background-position: center; background-repeat: no-repeat;}

.swiper-container-vertical>.swiper-pagination-bullets {right: 30px; width: 15px;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {  width: 6px; height: 6px; border-width: 2px; border-style: solid; border-color:#2a333c; border-radius: 50%;margin: 15px auto;transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out; color:#2a333c; position: relative;opacity: 1;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:before {position: absolute;left: -40px; top: -4px; font-size: 16px; line-height: 16px; height: 16px; color: #065DA3;display: none;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before {display: block;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1):before{ content:"首页";}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2):before{ content:"业务";}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3):before{ content:"项目";}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4):before{ content:"服务";}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(5):before{ content:"产品";}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(6):before{ content:"联系";}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-pagination-bullet-active {width: 15px!important; height: 15px!important; background: none;}
.swiper-button-prev-h {left: 5%; background-image: url(../img/prev.png); width: 50px;height: 50px;background-size: 100% auto;}
.swiper-button-prev-h:hover {background-image: url(../img/prev-1.png);}
.swiper-button-next-h {right: 5%;background-image: url(../img/next.png); width: 50px;height: 50px;background-size: 100% auto;}
.swiper-button-next-h:hover {background-image: url(../img/next-1.png);}

/*section2*/
.container {width: 90%;margin: 0 5%;}
.htit-box {width: 100%; margin-bottom: 30px;}
.sc2 .h-tit {margin-bottom: 30px;padding: 0 80px;position: relative; left: 0;}
.row {width: 100%; margin-left:auto; margin-right:auto; }
.pic-box { position:relative;width: 100%;}
.ht-left {float: left;}
.ht-left h2 {font-size: 26px;line-height: 26px;font-weight: 400; color: #333;}
.ht-left span {display: block;margin-top:10px;font-size: 15px;line-height: 15px; font-weight: normal; color: #888;}
.ht-right {float: right;line-height: 24px; padding-top: 30px;color: #888;font-size: 14px;}
.ht-right a {display: inline-block; color: #888;}
.ht-right a.active,.ht-right a:hover {color: #333;}
.ht-right code {padding: 0 10px; font-size: 12px;line-height: 24px;color: #888;}
.pic-img {overflow: hidden; line-height: 0; font-size: 0; width:100% ; margin-bottom: 10px;}
.pic-img img {width: 100%; transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out; }
.pic-li:hover .pic-img img { transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out; }

.pic-txt {padding: 16px 0 16px 20px;line-height: 22px;overflow: hidden;width: 100%; position: relative; transition: .3s .1s; -webkit-transition: .3s .1s; -moz-transition: .3s .1s; -ms-transition: .3s .1s; -o-transition: .3s .1s;}
.pic-txt:before {content: ''; border-bottom: 1px solid #aaa; width: 0%; position: absolute; bottom: 1px; left: 0; right: 0; transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out; }
.pic-li a {display: block;width: 100%;}
.pic-li:hover .pic-txt:before { width: 100% }

.pic-txt em { display: block; float: right; margin: 6px 0 0 16px; overflow: hidden }
.pic-txt em i { display: block; transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); height: 40px; border-left: 1px solid #ddd;  color: #888; padding: 0 20px; transition: .35s ease-out; -moz-transition: .35s ease-out; -ms-transition: .35s ease-out; -o-transition: .35s ease-out; -webkit-transition: .35s ease-out;}
.pic-txt em i img {height: 24px; margin-top: 8px; display: block;}
.pic-li:hover .pic-txt em i { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0);}

.pic-txt p { font-size: 16px; margin-bottom: 3px; height:24px; white-space: nowrap; font-weight: 400; overflow: hidden; text-overflow: ellipsis; color: #333; transition: .3s .1s; -webkit-transition: .3s .1s; -moz-transition: .3s .1s; -ms-transition: .3s .1s; -o-transition: .3s .1s; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
/*.pic-li:hover .pic-txt p { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px);}
.pic-li:hover .pic-txt {padding-left: 25px; transition: .3s .1s; -webkit-transition: .3s .1s; -moz-transition: .3s .1s; -ms-transition: .3s .1s; -o-transition: .3s .1s;}*/
.hn-txt p {margin-top: 13px; font-size: 13px; color: #757575; line-height: 24px; height: 72px; overflow: hidden;}


/*.ctrl { position: relative; margin-top: 20px; height: 40px;}

.swiper-button-prev-sc2 {right: 50px; top: 30px; background: none!important;text-align: center; vertical-align: middle;}
.ctrl img {width: 19px;}
.swiper-button-next-sc2 {left: 50px; top: 30px; background: none!important;text-align: center;}*/

.swiper-button-prev-sc2 { background: none!important;text-align: center; vertical-align: middle; height: 80px; width: 80px;left: -80px; top:25%; margin-top:0; text-align: center;visibility: inherit; opacity: 0;transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out;}
.swiper-button-next-sc2 { background: none!important;text-align: center;height: 80px; width: 80px; right:-80px ; top:25%; margin-top: 0px;  text-align: center; vertical-align: middle;visibility: inherit; opacity: 0;transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out;}
.swiper-button-prev-sc2 img,.swiper-button-next-sc2 img {width: 100%;}

.pic-box:hover .swiper-button-prev-sc2,.pic-box:hover .swiper-button-next-sc2 {visibility: inherit; opacity: 1;transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out;} 

.line {position: absolute; left: 50%; border-left: 1px solid #ccc; height: 40px; top: 0;}
.date2 {border-bottom: 1px solid #444;}
.date2 p {text-align: right; color: #E86D34; line-height: 32px;}

/*section3*/
.sc3 {background: url(../img/sc3bg.jpg) no-repeat center; background-size: cover;position: relative;}
.sc3 .h-tit {position: absolute; left: 5%; top: 20%;}
.ser-box {height: 100%; width:60% ; margin: 0 20%; }
.ser-li:before { background: #fff; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -webkit-transition: .35s ease-in-out;}
.ser-li a { display: block; position: absolute; z-index: 2; top: 50%; left: 15px; right: 15px; height: 270px; margin-top: -50px; text-align: center; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.ser-li a .ywimg { width: 100%; height:100%; max-height:171px; text-align:center; position: absolute; left: 0; bottom: 100%; visibility: hidden; z-index: 999; opacity: 0; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out;}
.ser-li a .ywimg img { height:100%;}
.ser-li a i {
    display: block;
    position: absolute; 
    width: 100%;
    bottom: 100%; 
    color: #adadad;
    font-size: 60px;
    line-height: 1;
    font-style: normal;
    font-family: Times;
    transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -ms-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    -webkit-transition: .35s ease-in-out;
}
.ser-li a b {
    display: block;
    font-size: 17px;
    padding: 15px 0;
    font-weight: 400;
    color: #919191;
}
.ser-li a b:after {
    display: block;
    content: '';
    margin: 0 auto;
    width: 30px;
    padding-top: 15px;
    border-bottom: 1px solid #111;
}
.ser-li a p {
    color: #7a7a7a;
    padding: 0 5px;
    line-height: 26px;
    height: 78px; margin-bottom: 35px; margin-top: 15px; text-align: justify;
    overflow: hidden;
}
.ser-li a span {
    display: block;
    font-family: Times;
    color: #adadad;
}
.ser-li a span em {
    font-size: 20px;
    display: inline-block;
    color: #111;
    position: relative;
    top: 3px;
    padding-left: 5px;
}
.ser-li:hover:before {
    opacity: .15;  
}
.ser-li:hover a {
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    -webkit-transform: translateY(50px)
}
.ser-li:hover a .ywimg {
    visibility: visible;
    opacity: 1
}
.ser-li:hover a i {
    font-size: 160px;
    opacity: 0
}
.swiper-button-prev-sc3 {left:15%; top: 50%; margin-top: -38px; background: none!important;text-align: center; vertical-align: middle;}
.swiper-button-prev-sc3 img,.swiper-button-next-sc3 img {width: 50px;}
.swiper-button-next-sc3 {right:15%; top: 50%; margin-top: -38px; background: none!important;text-align: center;}

/*section4*/
.abt-left,.abt-right {height: 100%; width: 50%;float: left; margin: 0;}
.abt-right {float: right;position: relative; display: -ms-flexbox; -ms-flex-align: center; display: -moz-box; -moz-box-align: center; display: -webkit-box; -webkit-box-align: center; display: box; box-align: center;}
.swiper-container-sc4 a {background-size: cover!important; display: block; width: 100%;height: 100%;}
.swiper-button-prev-sc4 {left:5%; top: 50%; margin-top: -38px; background: none!important;text-align: center; vertical-align: middle;}
.swiper-button-prev-sc4 img,.swiper-button-next-sc4 img {width: 50px;}
.swiper-button-next-sc4 {right:5%; top: 50%; margin-top: -38px; background: none!important;text-align: center;}
.abt-txt {margin: 0 80px; position: relative; top: 33%; left: 0; color: #757575; line-height: 1.8; word-break: break-all;}

.sc4 {width: 100%; height: 100%; padding-top: 60px; padding-bottom: 37px;}
.h_js {width: 100%;height: 100%;}
.h_js ul {width: 100%;height: 100%;}
.h_js li {float: left; width: 20%; text-align: center; overflow: hidden;display: box; box-pack:center; box-orient:vertical; display: -webkit-box; -webkit-box-pack:center; -webkit-box-orient:vertical; background:#EFEFEF;}
.h_js li p {font-size: 18px; line-height: 26px;margin-bottom: 80px;}
.h_js li.big1 {width: 30%;}
.h_js li.big2 {width: 40%; background: #4E4E4E;}
.h_js li img { width: 100%;height: 100%; transition-duration: .5s;}
.h_js li:hover img {transform: scale(1.05);transition-duration: .5s;}
span.more-1 {display:inline-block;font-size: 13px; border: 1px solid #E86D34; padding: 4px 6px; line-height:1rem; width: auto; color: #E86D34; vertical-align: middle;transition-duration: .5s;}
span.more-1:hover {color: #666; border-color: #666; transition-duration: .5s;}
li.big2 a.more-1:hover {color: #fff; border-color: #fff;}
li.big2 p {color: #fff;}



/*section5*/
.sc5 {background: url(../img/sc5bg.png) no-repeat center; background-size: cover;position: relative; width: 100%;height: 100%;}
.h-tit {position: absolute; left: 5%; top: 20%}
.prod-box {height: 100%; width: 84%; margin:0 13%;}
.prod-li {padding-left: 80px; height: 100%; float: left;  position: relative; }  
.prod-big {height: 100%;width: 100%; max-width: 435px; margin: 0 auto; padding:0 !important; border-left: 1px solid #ddd; position: relative;}       
.prod-center {height: 470px;width: 100%; position: absolute; top: 50%;  margin-top: -235px;}
.prod-center a {display: block; width: 100%;}
.prod-center a img {width: 100%;}
.prod-center a b { padding: 25px 0 0 20px; color: #333; display: block;position: relative;font-style: normal;}
.prod-center a b i { position: absolute; top: 20px; right: 100%; line-height: 1.2; padding-right: 20px; text-align: right;font-style: normal;}
.prod-center a b i strong { color: #888; font-size: 24px; display: block; white-space: nowrap; font-weight: 400!important;}
.prod-center a b i font { color: #888; font-size: 13px; display: block;}
.prod-center a b big { display: block; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s .1s; -webkit-transition: .3s .1s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
.prod-center a p { margin: 15px 0 0 20px; color: #555; display: block; line-height: 26px; height: 52px; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
.prod-center a span { margin: 30px 0 0 20px; border-top: 1px solid #ddd; display: block; color: #333; width: 150px; font-size: 16px;height: 37px;line-height: 37px; text-align: center;}
.prod-center a span img {height: 22px;width:auto ;vertical-align: middle; margin-left: 0px;display: inline-block; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;}
.prod-center a:hover span img {margin-left: 5px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;}
.prod-center a:hover b big,.prod-center a:hover p,.prod-center a:hover b span,.prod-center a:hover p { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;}
.prod-s { height: 100%; max-width: 345px; width: 100%; border-left: 1px solid #ddd; position: relative;  margin: 0 auto;}  

_:-ms-lang(x),
.prod-s { margin:0;}

_:-ms-lang(x),
.prod-big { margin:0;}

.prod-s a {border-bottom: 1px solid #ddd;}
.prod-s a p {margin: 12px 0 30px 18px;}


.swiper-container-sc5 { width:100%; height:100%;}       
 
.swiper-button-prev-sc5 {left:5%; top: 50%; margin-top: -38px; background: none!important;text-align: center; vertical-align: middle;}
.swiper-button-prev-sc5 img,.swiper-button-next-sc5 img {width: 50px;}
.swiper-button-next-sc5 {right:5%; top: 50%; margin-top: -38px; background: none!important;text-align: center;}


/*section6*/
.sc6 {width: 100%;height: 100%;background: url(../img/sc6bg.jpg) no-repeat top center; background-size: cover;position: relative;}
.h-tit { position: absolute; left: 5%; top: 20%;}

.h-contact  { width: 100%; background: #fff; position: absolute; left: 0; bottom: 0; min-height: 50%; padding: 50px 200px 86px;}
.hc-left { float: left; color: #555; max-width: 38%;}
.hc-left p {margin-top: 0; margin-bottom:20px;padding-left: 20px;background-size: auto 16px;background-position:left center;background-repeat: no-repeat;}

.hc-right {float: right; line-height: 0; max-width: 60%; padding-top: 50px;}
.hc-right img {height: 150px;}





/*nav*/
.h-nav {position: fixed;top: 0;width: 100%;height:60px;z-index: 999;background: #060405;padding: 0 15px; }
.logo {float: left; padding-top: 10px;}
.logo img {height: 40px;}
.nav-bar {float: right; padding-top: 20px;}
.nav-bar li {display: block;float: left;height: 35px;}
.nav-bar li a {display: block;padding: 0 15px;font-size: 15px;line-height: 35px; color: #fff; position: relative;}
.nav-bar>li>a.active {color: #060405; color: #fff; border-bottom: 0px solid #555;}
/*.nav-bar>li>a:after {content: '';border: 0!important;border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #fff!important; border-bottom-color: #fff!important; width: 0%!important; position: absolute; bottom: 0px; left: 5%; right: 5%; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out;}
.nav-bar>li>a.active:after { width: 90%!important}
.nav-bar>li:hover>a:after { width: 90%!important}*/
.nav-bar>li:hover>a,.nav-bar>li>a.active {background: #005DA5; color: #FFFFFF;}
.nav-bar>li:hover>a:after {position: absolute;left: 50%;top: 100%;border-style: solid;border-width: 8px 8px 0px;border-color: #005DA5 transparent transparent transparent;content: '';margin-left: -8px;z-index: 9999;}


/*.wd {position: relative;}*/
.wd {max-width: 1600px;}
.nav-bar {position: relative;}
.xl-box {position: absolute; left:0;margin-left: -410px; top: 60px; height: 215px; border-top: 3px solid #0067b6; text-align: left; z-index: 9999; background: #ffffff;width: 1100px; padding: 25px 30px 25px; visibility:hidden; opacity: 0; transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.xl-box a {color: #060405!important;}
li.nav-v {float: left;}
li.nav-v ul li {height: 35px; padding-left: 10px; width: 135px; float: none;}
li.nav-v ul li.nav-img {width: 180px;text-align: center;}
li.nav-v ul li.nav-img img {width: 172px; height: 120px;}
li.nav-v ul li.n-bold {font-weight: bold;}
li.nav-v ul li a {color: #060405;font-size: 12px; height: 30px; line-height: 30px;padding: 0;margin: 0;}
li.nav-v ul li a:hover {font-weight: bold;}
.nav-bar>li:hover .xl-box {visibility:visible;opacity:1; transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.nn-l,.nn-c {float: left; height: 200px;border-right: 1px dashed #dedede;}
.nn-l ul {width: 300px;padding: 0;margin: 0; padding-top: 40px;}
.nn-l ul li {padding-left: 25px; height: 77px; width:150px ; background-repeat: no-repeat;background-position: left top;}
.nn-l  ul li a {font-size: 12px; height: 30px; line-height: 30px;}
.nn-l  ul li a:hover {font-weight: bold;}
.bg-1 {background-image: url(../img/nn1.png);}
.bg-2 {background-image: url(../img/nn2.png);}
.bg-3 {background-image: url(../img/nn3.png);}
.bg-4 {background-image: url(../img/nn4.png);}
.nn-c {padding-left: 25px;}
.nn-c ul li {width: 550px; height: 80px; padding-bottom: 6px;float: none;}
.nn-c ul li a {padding-left: 0;}
.nn-c ul li a:hover p {color: #060405;}
.nn-c img {float: left; width: 120px;margin-right: 25px;}
.nn-c h2,.nn-c h3 {font-size: 14px; height: 30px; line-height: 30px; font-weight: bold;}
.nn-c h2 a { padding-left:0px; }
.nn-c p { width: 380px;font-size: 12px; height: 22px; line-height: 22px; height: 44px;overflow: hidden; color: #999;}
.nn-r {height: 155px; float: left; padding: 45px 0 0 45px;}
.nn-r img {width: 95px;}

.cul_L { width: 455px; border-right: 1px dashed #DEDEDE; height: 180px; float: left;}
.cul_L1 { float: left; margin-right: 30px; width: 195px;}
.cul_L1 .cul_L11 { }
.cul_L1 .cul_L11 h2 {padding-right:20px;float:left;height:78px;line-height:78px;font-weight: bold;} 
.cul_L1 .cul_L11 a {display: inline-block;padding: 0;}
.cul_L1 .cul_L11 img {float:left;height:78px;}
.cul_L1 p {height:88px;width:100%;padding-top:5px;line-height:22px;font-size: 12px;text-align: justify; overflow:hidden;}
.cul_R { height:180px;float:left;}
.cul_R ul {width:582px;float:left;padding-top:30px;}
.cul_R ul li {width:168px;float:left;margin-left:25px;}
.cul_R ul li a {padding: 0;}
.nav ul li div li.cultureli {text-align:left;padding-left:25px; width:168px;}

.rl {height:210px;}
.rl-l {float:left;width:514px;height:210px;}
.rl-l-s {float:left;width:227px; margin-right: 30px;}
.fl-l-img { height:88px;width: 226px;}
.fl-l-img h2 { float:left; margin-right:45px;height:78px; line-height:78px; font-weight: bold; margin-top:0; margin-bottom:0;}
.fl-l-img img { height:78px;}
.rl-l-s p {height:88px; width:226px; overflow: hidden; padding-top:0px; line-height:18px; font-size: 12px; text-align: justify;}
.rl h2 a{line-height:78px;font-weight: bold;font-size:14px;padding: 0;}
.rl-r {float:left;width:522px;height:210px;}
.rl-r ul {width:582px;padding-top:30px;}
.rl-r ul li {width:233px;float:left;padding-left:40px;}
li.rl-r-s {text-align:left;padding-left:40px; width:233px;}
li.rl-r-s a {padding: 0!important;}

.core{ height:198px;}
.core a {padding: 0;}
.core_L {float:left;width:668px;height:198px;border-right:1px dashed #efefef;}
.core_L ul {padding-bottom:15px;width:668px;height:89px;}
li.coreli {float:left; margin-right:20px;margin-bottom: 20px; width:147px; height: 89px; text-align:left; }
.core_L li a {display: block;width:100%;height: 25px;font-size: 12px; line-height: 25px;padding-left: 12px;color: #FFF!important;position: relative;left: 0px;bottom:25px;background: rgba(0, 0, 0, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);z-index: 2;}
.core_L li a:hover {font-weight: bold;}
.core_L li img {width: 147px;height: 89px;vertical-align: top;}

.core_R {float:left; width:370px;height:190px;padding-left:20px;}
.core_R ul li {float: none; border-bottom:1px dashed #efefef; padding-bottom:4px; margin-bottom:4px; display: block; height: auto; }
.core_R ul li a {padding: 0;}
.core_R h2 {height:14px;line-height: 14px; font-size:14px; font-weight: bold; margin-bottom:8px; margin-top:5px;}
.core_R h2 a { margin:0; padding:0; line-height:1rem; }
.core_R p {line-height:21px; font-size: 12px; height: 84px; overflow: hidden; color: #666;}
.core_R ul li a:hover p {color: #060405;}
.core_R li a img {float:left;height:83px;width:121px; margin-right: 20px;}

.dq { padding-top: 15px;}
.dq-left,.dq-right {float: left;}
.dq-left {width: 670px;}
.dq-right { width: 370px;}
.dq-left ul {}
.dq-left ul li {float: left;text-align: left; margin-right: 20px; width: 147px; height: auto;}
.dq-left h2,.dq-right h2 {height: 32px; font-size: 14px; font-weight: bold;}
.dq-left ul li a {display: block; padding: 0;color: #636363!important; font-size: 14px!important; font-weight: bold!important; height: 32px!important;line-height: 24px!important;}
.dq-left ul li a img {display: block;vertical-align: text-top; width: 147px; height: 110px;}
.dq-right p {text-align: justify;height: 120px; overflow: hidden;}












/* reset webkit search input browser style */
input {	outline: none;}
input[type=search] {-webkit-appearance: textfield; font-size: 100%;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }
/* search input field */
input[type=search] {
	background: transparent url(../img/search-icon1.png) no-repeat 9px center;
	border: solid 1px #333;
	padding: 4px 10px 4px 30px;
	width: 80px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 140px;
	background-color: transparent;
	border-color: #333;
}
/* placeholder */
input:-moz-placeholder {color: #fff;}
input::-webkit-input-placeholder {color: #fff;}

.lan-box { float:right; width: 160px;}
.lan {margin-top: 18px;float:right; }
.lan a {line-height: 100px; padding: 0 8px; color: #333;position: relative;}
.lan a:after {content: "";width: 1px;height: 16px;background: #333;position: absolute;top: 3px;right:-1px;}
.lan span {color: #666; margin: 0 8px;}
.lan form {display: inline-block;padding-right: 15px;}


/*手机导航-*/
.p_nav {display:none; position: relative;}
.sp_header{height:60px;overflow:hidden;background:#060405;position:fixed;top:0; z-index:990;width:100%; border-bottom:1px solid #999;}
.sp_logo{padding:10px;float:left;height:60px}
.sp_logo img{height:40px;}
.sp_nav {width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav {position:fixed;z-index:989;background:#060405;width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}

.sjj_nav>ul { padding:0 15px; margin-top:12px;}
.sjj_nav>ul>li {}
/*.sjj_nav>ul>li:first-child>a{float:left;width:100%;}*/
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{position:relative;line-height:35px;font-size:18px;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#ccc;width:100%;display: block; padding-left: 3%; }
.sjj_nav ul li a.active{color:#065DA3;width:100%;border-bottom: 1px solid #999;}
.sjj_nav ul li ul li a{color:#ccc;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#ccc;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fefefe}
.sjj_nav ul li ul li>ul{margin-left:10px}

.psr {float: none; width: 100%; padding: 0 5%;}
.psr-width {width: 100%; max-width: 100%!important;}   



/*foot*/
.foot {height: 37px;padding: 5px 15px;position: fixed;bottom: -1px;width: 100%;background: #060405;z-index: 997;font-size: 14px; line-height: 25px; color: #f3f3f3; display: none;}
.f-left {float: left;}
.cpy {float: left;}
.flink {float: left; text-align: left; font-weight: bold; color: #999; padding-left: 15px;}
.flink a {display: inline-block; font-weight: normal; color: #ffff;}
.flink a:hover {color: #999;}
.foot code {padding: 0 8px; font-weight: normal;} 
.f-right {float: right;}
.icp {float: left; vertical-align: top;} 
.icp span {display: inline-block; height: 27px;line-height: 27px;vertical-align: top; padding-left: 22px;padding-right: 15px; background: url(../img/ga.png) no-repeat left 4px;background-size: 20px auto;}
.icp img {height: 27px; margin-left: 10px; display: inline-block; vertical-align: top;}
.i-link {float: left; margin-left: 50px;}
.i-link a {display: inline-block; width: 27px;height: 27px;padding: 0 15px; background-size: 25px; background-position: center;background-repeat: no-repeat;position: relative;}
.i-link code {color: #999; display: inline-block;vertical-align:top;height: 27px; line-height: 27px; padding: 0 12px;}
a.wx {background-image: url(../img/wx.png);}
a.wx:hover {background-image: url(../img/wx2.png);}
a.yx {background-image: url(../img/yx.png);}
a.yx:hover {background-image: url(../img/yx2.png);}
a.wb {background-image: url(../img/wb.png);}
a.wb:hover {background-image: url(../img/wb2.png);}
a.wx .ewm {visibility: hidden;opacity: 0; position: absolute;width: 150px;height: 150px;z-index: 998;left: 50%;margin-left: -75px;bottom: 40px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
a.wx:hover .ewm {visibility: visible;opacity:1;}
a.wx .ewm:before {position: absolute;left: 50%;top: 100%;border-style: solid;border-width: 10px 5px 0;border-color: #555 transparent transparent transparent;content: '';margin-left: -5px;}

.ewm img {width: 100%;}


/*关于我们*/
.nban img { width: 100%; vertical-align:top;}
.c-wd {width: 1170px;}
.pr {position: relative;}
.nr {padding: 30px 0px 0; margin-bottom: 60px;}

.tit-n {border-bottom: 1px dashed #cccccc;line-height: 60px;}
.tit-n h1 {border-left: 5px solid; border-color: #9F6525; padding-left: 10px;font-size: 18px; display: inline-block;}
.met-nav {float: right;}
.met-nav a,.met-nav span,.met-nav code {color: #333;}
.met-nav code {padding: 0 10px;}

.nh-nav {line-height: 45px; border-bottom: 1px solid #cccccc; }
.nh-nav h2 {border-left: 4px solid; border-color: #9F6525; color: #333; padding: 0 20px; font-size: 16px; line-height: 45px;}
.nh-nav a {display: inline-block;margin-right: 2px; padding-left: 20px; padding-right: 20px; color: #333; font-size: 14px; transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.nh-nav a:hover {background: #dedede; color: #333;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.nh-nav a.hover {background: #dedede; color: #333;}
.nr-box {padding: 10px 10px;font-size: 16px; min-height: 400px;}
.nr-box img { max-width:100%; }

.n-foot {border-top: 3px solid #E7E7E7;padding: 40px 30px 0px; position: relative; bottom: 0;}
.nf-l {float: left;}
.nf-l p {margin-top: 0; margin-bottom:16px;padding-left: 20px;background-size: auto 16px;background-position:left center;background-repeat: no-repeat;}

.nf-r {float: right; line-height: 0; padding-top: 0px;}
.nf-r img {height: 100px;}
 
/*新闻资讯*/
.new-list {float: left; width: 70%; padding: 30px;}
.new-list ul li { padding: 30px 0; border-bottom: 1px solid #F4F4F4; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); position: relative;}
.new-list ul li:first-child { padding-top: 0;}
.new-list ul li:after { content: ''; width: 160px; height: 1px; background: #9E6426; color: #333; position: absolute; bottom: 0; left: 0; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.new-list ul li:hover::after { width: 100%; }
.new-list ul li h4 { margin: 0 0 20px; font-size: 22px; }
.new-list ul li h4 a { color: #333; text-shadow: none; position: relative; }
.new-list ul li h4 a:hover{color: #333;}
p.nl-cont { font-size:1.5rem; color:#333; margin-bottom: 10px; text-align: justify; }
.n-info {font-size: 16px; color: #333;}
.n-info span {font-weight: 300; padding-right: 15px;}
span.point {padding-left: 24px; background: url(../img/ll.png) no-repeat left center; background-size: auto 16px;}

.n-sidebar {width: 30%; float: left;}
.n-sidebar .about {background: url(../img/sl-1.jpg) no-repeat center; background-size: cover; overflow: hidden; text-align: center; margin-bottom: 20px;}
.abouttx {margin: 80px auto 20px; width: 100px; position: relative; display: inline-block; white-space: nowrap; border-radius:50%; vertical-align: bottom;}
.abouttx img { width: 100%; max-width: 100%; height: auto; border: 0 none;
 border-radius: 50%; vertical-align: middle;}
p.abname {font-weight: bold; font-size: 16px; margin-bottom: 10px; text-align: center; color: #999;}
p.abposition { color: #e0e0e0;}
p.abtext { padding: 20px 40px; line-height: 26px;color: #666;}
.news { overflow: hidden; margin-bottom: 20px;}
h2.sl-tit { padding: 0 10px; line-height: 16px; height: 32px; font-size: 18px; border-bottom: 1px solid #e5e5e5; font-weight: 700; position: relative;color: #9E6426;}
.news ul { padding: 10px; overflow: hidden;}
.news ul li { border-bottom: solid 1px #e5e5e5; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 10px 0; overflow: hidden;}
.imgcenter { overflow: hidden;}
p.titlep,p.desc { color: #333;margin-bottom: 12px; line-height: 22px; max-height: 66px; overflow: hidden;}
p.desc { font-size:13px; color:#999; }
.imgbox { width: 100px; height: 100px; overflow: hidden; padding-right: 10px; float: left;}
.imgcenter img { max-width: 100%; transition: all .5s ease;}

/*新闻内页*/
.n-bread {font-size: 13px; color: #999;line-height: 30px; padding-bottom: 20px;}
.n-bread span {margin-right:4px;}
.n-bread a {display: inline-block;}
.n-bread code {padding: 0 5px;}

.newny h2 {font-size: 22px; line-height: 45px; text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.newny h3 {font-size: 13px; line-height: 22px; text-align: center; color: #999; margin-bottom: 20px;}
.newny h3 span {color: #060405;}
.dd {background: #f4f4f4; padding: 15px 10px; border-radius:2px; font-size:14px; line-height:20px;} 
.dd p {font-size: 13px !important; line-height: 24px !important; height: 48px; overflow: hidden; text-align:justify;}
.dd span {padding-right: 5px; color: #e60012;}
.xwnr {padding-top: 20px;}
.nap { margin-top:34px;}
.nap p {font-weight: bold;}
.nap span {padding-left: 5px; color: #CE5468; font-weight: normal;}
.nap a:hover span {font-weight: bold;}












/*翻页*/
.pager { margin-top: 20px; text-align: center; }
.pager * { display: inline-block; }
.pager a { padding: 9px 15px;margin-right: 5px; border: 1px solid ; border-color:#F4F4F4; border-right: none; background: #F4F4F4; text-align: center; color:#9F6525;}
.pager a:hover { background:#9D6426;border-color: #9D6426; color:#F4F4F4; text-decoration: none; }
.pager a.NextA { border-right: 1px solid ; border-color:#9F6525;}
.pager span.current {  padding: 9px 20px;margin-right: 5px; border: 1px solid ; border-color:#F4F4F4; border-right: none; background: #9D6426; text-align: center; color:#F4F4F4; display:inline-block; }
.pager .PreSpan,.pager .NextSpan {  padding: 9px 15px;  border: 1px solid;
 border-color:#9F6525; background:#9F6525; color:#F4F4F4; cursor: default; }
.pager .firstPage,.pager .lastPage { min-width: 40px; height: 28px; line-height: 28px; }
.pager a.Ahover { border-color: #9F6525;background: #9F6525; color: #fff; cursor: default; }
.pager a.Ahover:hover { border-color: #333;background: #9F6525; color: #fff; }
.pager .PageText { display: none; margin-left: 10px; color: #aaa; }
.pager .firstPage,.pager .lastPage { height: auto; line-height: inherit; }
.pager li { width: 49%; display: inline-block; }
.pager li a { max-width: 100%; }



/*招聘*/
.job-list {padding: 0px 0;}
.job-list ul {padding-bottom: 40px;}
li.job-li {padding: 30px 15px; cursor: pointer; border-bottom: 1px solid #e4e4e4;}
.j-left {float: left;width: 45%;}
.j-left h2 {font-size: 20px; color: #333;  line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; }
.j-left h2 span {display: inline-block;width: 20px; line-height: 24px;height: 24px;vertical-align: middle; margin-left: 10px; background: url(../img/ll.png) no-repeat right center; background-size: 16px;}
.j-left p {margin-top: 16px; margin-bottom:16px; font-size: 20px; color: #333; line-height: 20px;}
.j-left p span {font-size: 14px; color: #333; line-height: 14px; padding-left: 4px;}

.j-center {float: left; width: 35%; padding-left: 5%;}
.j-center p,.j-center p span {font-size: 14px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; color: #333;}
.j-center p code {color: #888; padding: 0 8px;}

.j-right {width: 15%; float: left; padding-top: 30px;}
.j-right a {display: block; background-color: #9E6426; border-radius: 100px; font-size: 14px; color: #fff; text-align: center; line-height: 28px; width: 84px; height: 28px; transition: ease 2s;}

.j-cont {padding: 0 15px;display: none; padding-bottom: 40px;}
.j-cont h3 {font-size: 16px;line-height: 1.8; margin-bottom: 10px; margin-top: 10px; font-weight: bold;} 


/*核心业务*/
.bread {padding: 10px; padding-left: 35px; background: url(../img/home.png) no-repeat 10px 11px; background-size: auto 20px;}
.bread a,.bread code {display: inline-block; color: #333; font-size: 14px; line-height: 16px;}
.bread code {padding: 0 8px;}
.bread a:hover {font-weight: bold;}

h2.b-tit {font-weight: bold; font-size: 22px; color: #333; text-align: center; height: 22px; line-height: 22px; margin-bottom: 20px; position: relative;}
h2.b-tit:after { content: ''; display: block; width: 50px; height: 1px; background: #9F6525; position: absolute; left: 50%; bottom: -10px; margin-left: -25px;}

ul.b-box {padding: 0 30px; margin-bottom: 40px;}
ul.b-box li {border: 5px solid #e8e8e8; margin-top: 50px; float: left; width: 95%; position: relative; transition: ease .65s;}
ul.b-box li:hover { box-shadow: 0 0 16px rgba(12,3,6,.3);}
ul.b-box li>i {}
ul.b-box li>i:before { content: ''; display: block; width: 0; height: 0; border-top: 5px solid; border-left: 5px solid; border-color: #9F6525; position: absolute; left: -5px; top: -5px; transition: ease .65s;}
ul.b-box li>i:after { content: ''; display: block; width: 0; height: 0; border-right: 5px solid; border-bottom: 5px solid; border-color: #9F6525; position: absolute; right: -5px; bottom: -5px; transition: ease .65s;}
ul.b-box li:hover>i:before, ul.b-box li:hover>i:after { width: 100.5%; height: 100.5%; visibility: visible;}
ul.b-box li .img {float: right; max-width: 50%; transform: translate(58px, -24px); transition: ease .65s; max-height: 350px;  text-align: center;}
ul.b-box li:hover .img {transform: translate(0);}
ul.b-box li a { font-size: 14px; transition: ease .65s;}
ul.b-box li img {display: block; max-width: 100%; vertical-align: top;}
ul.b-box li .text { width: 50%;  position: absolute; left: 0; top: 0; height: 100%;}
ul.b-box li .text h2 { font-size: 20px; font-weight: bold; color: #333; margin: 50px 0 35px; position: relative; height: 22px; line-height: 22px; text-align: center;}
ul.b-box li .text h2:after { content: ''; display: block; width: 40px; height: 1px; background: #9F6525; position: absolute; left: 50%; bottom: -15px; margin-left: -20px; transition: ease .65s;}
ul.b-box li .text h3 { line-height: 24px; color: #333; padding: 0 10px;}
.lh-more { width: 130px; height: 30px; line-height: 30px; text-align: center; color: #333!important; background: #ffffff; box-shadow: 0 0 10px rgba(12,3,6,.13); position: relative; z-index: 1;margin: auto; display: block; margin-top: 15px;transition: ease .65s;}

.lh-more:before { transition: ease-out .35s; content: ''; display: block; width: 0;  height: 100%; background: #9F6525; position: absolute; left: 0; top: 0; z-index: -1;}
.lh-more i { float: right; display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #9F6525 url(../img/rjt.png) no-repeat center; background-size: 18px auto;  }
.lh-more:hover { color: #fff!important;}
.lh-more:hover:before { width: 100%;}

ul.b-box li:nth-child(2n) { float: right;}


/*产品列表*/
.n-search {float: right;margin-top: 11px;}
.s-form {display: block;}
.n-search .form-group { max-width: 500px; margin: 0;}
.input-search { position: relative;}
.input-search-btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 10px; border: none; border-radius: 0 200px 200px 0; background:none ;}
.input-search-btn i {display: block;width: 14px; height: 14px;margin: 0 3px; background: url(../img/sous.png) no-repeat center; background-size: 13px;color: #636363;}

.n-search .form-group .form-control { border: solid 1px; border-color: #dedede; box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.4) inset, -1px 0 3px -2px rgba(0, 0, 0, 0.1) inset; border-radius: 8px;padding-right: 50px; height: 36px; padding-left: 8px;}

.type-nav {border: 1px solid #e4e4e4; background: #f4f4f4; text-align: left; padding: 0;font-size: 14px;}
.type-nav a {display:inline-block;color: #9F6525; height: 50px; line-height: 50px; font-size: 14px; padding: 0 15px; }
.type-nav a:hover,.type-nav a.hover {font-weight: bold; background: #E5E5E5;}

ul.type-list {text-align: center; padding-top: 30px; padding-bottom: 20px;}
ul.type-list li {float: left; padding: 0 5px; width: 25%; margin-top: 10px; margin-bottom: 10px; transition: all .5s ease;}
ul.type-list li:hover .prd-box { box-shadow: 0px 15px 15px 8px #e1dddd; transition: all .5s ease;}

.prd-box { padding: 10px; padding-bottom: 15px; box-shadow: 0px 3px 6px #ddd; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;}
.me-box img {width: 100%;}
.prd-li-title { padding-top: 10px;}
.prd-li-title p { margin-bottom: 0px;  overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prd-li-title p>a { font-size: 15px; color: #333;}


/*产品介绍*/
.show {float: left; width: 60%;}
.show .swiper-container {  margin-left: auto; margin-right: auto;}
 
.show .swiper-slide img {width: 100%; max-width: 420px;}
.show .gallery-top { height: 80%; width: 100%;  }
.show .gallery-thumbs { height: 60px!important; box-sizing: border-box; padding: 10px 0;}
.show .gallery-thumbs .swiper-wrapper { display: flex;-webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.show .gallery-thumbs .swiper-slide { height: 60px!important; width: 60px!important; opacity: 0.4; margin: 5px;}
.show .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.show .swiper-button-prev.swiper-button-black { background-image: url(../img/prev.png)!important;}
.show .swiper-button-next.swiper-button-black {background-image: url(../img/next.png)!important;}

.show .swiper-button-next, .show .swiper-button-prev {width: 44px!important; background-size: 44px 44px;}




.js {float: right;width: 40%; padding: 0 15px;}
.js h2 {color: #9C6227; margin-bottom: 11px; font-size: 24px; line-height: 30px;}
.js p {font-size: 13px; line-height: 1.8; color: #333;}

.tcs table { float: none;}
.tcs th {background: #9D6327;color: #fff;line-height: 45px;font-size: 14px;text-align: center;}
.tcs td {line-height: 45px;border-bottom: 1px dashed #cfd5d4;font-size: 14px;}

/* 选项卡 */
.table_card { width:100%; margin:40px auto;}
.table_card .tab { font-size:14px; text-align: center; width: 100%; border-bottom: 1px solid #cdcdcd;}
.table_card .tab li {width:auto; float: left; margin: 0 3px; } 
.table_card .tab li a {color: #060405; display:block; padding: 8px 25px; text-align:center; border-bottom: 2px solid ; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color: transparent;  }
.table_card .tab li:first-of-type a {}
.table_card .tab li.activ a,.table_card .tab li:hover a {color: #333; border-bottom: 2px solid #333;}
.table_card .tabCon {padding-top: 50px;}
.table_card .tabCon p {font-size: 16px; font-weight: 300; line-height: 1.8;} 

.table_card .tabCon div { display:none; min-height: 200px;}
.table_card .tabCon .on { display:block}

.nynr {padding: 40px 0 50px;}


.nr-box {padding: 50px 0 60px;}
.nr-box p {font-size: 16px; line-height: 1.8;}
.nr-box p span { white-space:normal !important;}
.cnt {padding-top: 20px;}
.cnt-l,.cnt-r {float: left; width: 50%;}
.cnt-r { margin-top:25px;}
.cnt-l {padding-top: 20px;}
.cnt-l p {text-indent: 2em; font-size: 16px; line-height: 1.8; margin-bottom: 12px;}
.cnt-r img {width: 100%;}

/*手机首页*/

.phone {width: 100%; max-width: 750px; margin-top: 60px;}
.p_s {max-width: 750px; display: block;}
.p_c {max-width: 750px; left: 0; right: 0;}
.p-cont .h-contact {position: inherit;}
.p-cont .swiper-container-h { }
.p-cont .swiper-button-prev-h {left: 20px; width: 30px;height: 30px;}
.p-cont .swiper-button-next-h {right: 20px; width: 30px;height: 30px;}
.p-cont .h-tit {position: inherit; margin-bottom: 20px;}
.p-cont .h-tit h2 {text-align: center;}
.p-cont .ht-left {float: none;}

.p-cont .pic-box {padding: 20px 10px;}
.p-cont .pic-box .pic-li {position: relative; border-bottom: 1px solid #333; padding: 15px 0;}
.p-cont .pic-box .pic-img {float: left; width: 45%; margin-right: 5%;}
.p-cont .pic-cont {float: left;width: 50%;}
.p-cont .date2 {border: 0; position: absolute; right: 0; bottom: 15px;}
.p-cont .date2 p {height: 16px; line-height: 16px;}
.p-cont .pic-txt {padding: 0;}
.p-cont .pic-li a.more-1 {line-height: 24px; height: 26px; padding: 0 8px; position: absolute; left: 50%; bottom: 15px;}
.p-cont .h_js li,.p-cont .h_js li.big1,.p-cont .h_js li.big2 {width: 50%;}
.p-js { padding: 0 10px;}
.p-cont .h_js li p {margin-bottom: 30px; font-size: 14px; line-height: 20px;}
.p-cont .hn-txt p {height: 48px;}



.p_svr {padding: 60px 10px 0; background:url(../img/sc3bg.jpg) no-repeat center top; background-size: cover;}
.p_svr .ser-box {position: relative;}
.p_svr .ser-box {height:350px;width: 80%;  margin: 0 10%;}
.p_svr .h-tit h2 {color: #ccc!important;}
.p_svr .swiper-button-prev-sc3 {left:-10px; margin-top: -50px;}
.p_svr .swiper-button-prev-sc3 img,.p_svr .swiper-button-next-sc3 img {width: 40px;}
.p_svr .swiper-button-next-sc3 {right:-10px;margin-top: -50px;}
.p_svr .ser-li a p {height: 78px; margin-bottom: 20px; margin-top: 0;}

.p_svr .ser-li a {height: 200px; margin-top: -120px;}
.p_svr .ser-li a i {}
.p_svr .ser-li:hover:before { opacity: 0;}
.ser-li:hover a {  transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px)}
.ser-li:hover a i { font-size: 60px;  opacity: 1;} 





.p_xw {padding: 60px 10px 60px; background:#fff;}
.p_xw .prod-box { height: 500px; width: 100%;}
.p_xw .prod-box .prod-s {max-width: 100%;}
.p_xw .prod-box .prod-center a b i strong {font-size: 20px;}

.p_lx {padding: 60px 10px 30px;}
.p_lx .h-contact {background: none; padding: 40px 0 0;}

.p_lx .hc-left,.p_lx .hc-right {float: inherit; width: 100%; max-width: 100%;}
.p_lx .hc-left p {background-position: left 5px; line-height:22px; font-size:13px; margin-bottom:10px; }
.p_lx .hc-right {text-align: center; padding-top: 20px;}

.sc7 { width:100%; height:100%; overflow:hidden;}

/*手机端首页图标列表*/

.ic-nav {width: 100%; padding: 20px 0; }
.ic-nav ul {width: 100%; margin-top: 10PX;}
.ic-nav ul li {display: block; width: 25%; float: left; padding: 10px 15px; margin-bottom:30px;}
.ic-nav ul li i {display: block; width: 100%; text-align: center; vertical-align: middle;}
.ic-nav ul li i img {width: 100%;}
.ic-nav ul li p {text-align: center;font-size: 13px; line-height: 40px;}
.ic-nav .h-tit { position: inherit; text-align:center; margin-bottom:40px;} 
.ic-nav .h-tit h2 {font-size: 26px; line-height: 26px; font-weight: 400; color: #333;}
.ic-nav .h-tit h2 span {display: block; margin-top: 10px; font-size: 15px; line-height: 15px; font-weight: normal; color: #888;}

.p-foot {height: 40px; background: #060405;}
.p-foot p {font-size: 13px; line-height: 40px; height: 40px; text-align: center; color: #fff;}

/*党群建设*/
.d-cont { margin:15px auto; }
.dqjs_top { width:100%; overflow: hidden; clear:both; margin-bottom:16px;}
.dqjs_top .dqjs_left{ float:left; width:60%; overflow: hidden; }
.dqjs_top .dqjs_right{ float:right; width:38%; border:1px solid #dedede; }

.mk-blue{ height:42px;border:1px solid #e4e4e4;border-bottom:3px solid #63b7e3;background:#ffffff;}
.mk-blue1{display:inline-block; float:left;padding:0px 15px;background:url(../img/titbg.jpg) no-repeat center bottom;height:41px; line-height:38px;color:#0490db;font-size:16px;font-weight:bold;}
.mk-blue1con{border:1px solid #dedede;border-top:none;margin-bottom:15px; padding-bottom: 15px;}
.bluemoreA{ float:right; display:inline;padding-right:6px; line-height:39px;color:#8c8c8c!important;}

.dqjs_bot{ width:100%; margin:0 0 20px;border:1px solid #efefef; }
.dqjs_bottit{ width:100%;overflow: hidden;}
.dqjs_bot .dqjs_bota{ width:640px;border-right:1px dotted #9a9a9a;overflow: hidden;}
.dqjs_bot .dqjs_botb{ width:530px;overflow: hidden;}

.dangqipp1 .tit1{width:100%;margin-bottom:3px;text-align:center;}
.dangqipp1 .tit1 a{font-size:18px;color:#0490db;}
.dangqipp1 .tit1 a:hover {font-weight: bold;}
.dangqipp1 .sumry1{line-height:22px;margin-bottom:2px;margin-left:4px}
.dangqipp .sumry1 a{ color:#1670b9}
.dangqipp_mod{margin-bottom:20px;}
.dangqipp_mod li{line-height:26px;}
.dangqipp_mod li span{display:inline-block; margin-right:8px; color:#9a9a9a;}
.dangqipp_mod li a{color:#545454;}


.liebiao_zong{margin-left:5px;}
.liebiao_mod{margin-left:24px; margin-top:6px; padding-bottom: 15px; margin-right: 24px; }
.liebiao_mod li{line-height:26px; }
.liebiao_mod li span{display:inline-block;margin-right:6px;color:#9a9a9a;}
.liebiao_mod li a{ display:block ; color:#545454; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.liebiao_mod li a:hover {color: #0490db;}


.dangzuzhi1{margin-left:15px; }
.dangzuzhi-tit{margin-left:9px;font-size:14px; color:#2da466; font-weight:bold;}
.dangzuzhi-p{line-height:24px;padding-bottom:15px;margin:15px 28px 20px; border-bottom:1px dotted #9a9a9a;}


.dyfc_li{display:inline-block;float:left; width:168px; height:139px;margin-bottom:5px;}
.dyfc_li a{display:inline-block;width:168px;height:20px;line-height:20px;text-align:center;}

.top-tit{ height:42px;border:1px solid #e4e4e4;border-bottom:3px solid #63b7e3;}
.top-tit span{display:inline-block; float:left;padding:0px 15px;background:url(../img/titbg.jpg) no-repeat center bottom;height:41px; line-height:38px;color:#0490db;font-size:16px; font-weight:bold;}
.top-tit a{display:inline-block;float:right;margin-right:12px;color:#8c8c8c;line-height:39px;}

/*文章列表*/
.ztliebiao1{padding:10px;}
.ztliebiao1 li{line-height:26px;text-align:right;padding-left:10px;background:url(../img/dd.png) no-repeat left center;}
.ztliebiao1 li a{display:inline-block;float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ztliebiao1 li a:hover{color:#0490db;}
.ztliebiao1 li span{color:#9a9a9a;font-size:14px;}

.sc10 .p-cont { height:100%; padding-top:60px; padding-bottom:37px;}
.sc9 .p-cont { margin-top:100px; margin-bottom:47px;}
.sc10 .p-cont .h_js li {height:25%;}
.sc11 .p_svr .ser-box {}
.sc11 .h-tit,.sc12 .h-tit { position:inherit; text-align:center; margin-bottom:40px;}
.sc11 .ht-left,.sc12 .ht-left {float:none;}
.sc11 { background:url(../img/sc3bg.jpg) no-repeat center top; background-size: cover;}
.sc11 .p_svr {padding: 60px 10px 0; background:none !important;}
.sc11 .p_svr .ser-box { padding-left:40px; padding-right:40px;}
.sc12 { padding-top:80px; padding-bottom:47px;} 
.sc12 .p_xw .prod-box { width:90%; padding-left:40px; padding-right:40px;}
.sc12 .p_xw .prod-box .prod-s { max-width: 80%;} 
.sc12 .prod-center { height:440px;}
.sc12 .swiper-button-prev-sc5 { left:0; width:45px;}
.sc12 .swiper-button-next-sc5 { right:0; width:45px;}
.sc8 .p_lx { float:none;}
.sc8 .h-tit { position:inherit;}
.sc8 .ht-left { float:none; text-align:center;}
.sc8 .h-contact { position:inherit;}


/*2018.12.20调整或者新增CSS样式*/
.jpxm-list {}
.jpxm-list li.jp-box { padding:20px 15px; }
.jpxm-list li.jp-box a { display:block; position:relative; }
.jpxm-list li.jp-box a img { width:100%; display:block; }
.jpxm-list li.jp-box a p { line-height:3rem; background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); color:#FFF; font-size:14px; position:absolute; width:100%; bottom:0px; padding:0 10px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; height:3rem; }

.wenz-list li { border-top:1px dotted #CCC; padding:20px 0px; }
.wenz-list li:first-child { border-top:none; }
.wenz-list li a { display:block; }
.wenz-list li a img { display:block; float:left; width:25%; margin-right:30px; }
.wenz-list li a h4 { color:#222; font-size:1.8rem; font-size:18px\9; font-weight:bold; padding-bottom:10px; }
.wenz-list li a .nl-cont { font-size:1.5rem; color:#666; min-height:3.6rem; }
.wenz-list li a .n-info { font-size:1.4rem; color:#AAA; }
.wenz-list li a:active,.wenz-list li a:hover,.wenz-list li a:visited,.wenz-list li a:link { text-decoration:none; }

span.more-1,a.more-1 {display:inline-block;font-size: 13px; border: 1px solid #E86D34; padding: 4px 6px; line-height:15px;; width: auto; color: #E86D34; vertical-align: middle;transition-duration: .5s;}
span.more-1:hover {color: #666; border-color: #666; transition-duration: .5s;}
.dates { margin-top:6px; }
.dates .dt { float:right; color:#E86D34; font-size:13px; }
.hn-txt p {margin-top: 6px; }

.nr-box img { margin-top:4px; }
.nr-box p.desc { font-size:13px; line-height:22px; overflow:hidden;  }

/*重写bootstrap*/
code { background-color:#FFF; }

.nynr h3 { font-size:20px; line-height:1.8em; }
.anli-list {}
.anli-list li.jp-box { padding:20px 15px; }
.anli-list li.jp-box a { display:block; position:relative; }
.anli-list li.jp-box a img { width:100%; display:block; margin-bottom:6px; }
.anli-list li.jp-box a p { line-height:3rem; text-align:center; font-size:15px; color:#222;  }

.getmore a { text-align:center; display:block; color:#FFF; font-size:18px; background:#F00; padding:10px 0px; }
.getmore a span { display:inline-block; width:32px; height:32px; border:2px solid #FFF; border-radius:16px; line-height:32px; vertical-align:middle; }



/*18-12-28,index-2*/
html,body,.swiper-container,.swiper-wrapper,.swiper-slide { height:100%; }
.pagination {position: fixed; margin-top: -81.5px; top: 50%; right:17px; z-index:999;}
.swiper-pagination-switch{  background:#222; border-radius:50%; display:block; margin:12px 7px 12px; cursor:pointer; width: 10px;  height: 10px;  border-width: 2px;  border-style: solid; border-color: #2a333c;transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -ms-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  -webkit-transition: .5s ease-in-out;  color: #2a333c;  position: relative;  opacity: 1;}	
.swiper-active-switch{ background:#fff; } 

.pagination .swiper-pagination-switch:before {position: absolute;left: -40px; top: -4px; font-size: 16px; line-height: 16px; height: 16px; color: #065DA3;display: none;}
.pagination .swiper-pagination-switch:hover:before {display: block;}
.pagination .swiper-pagination-switch:nth-child(1):before{ content:"首页";}
.pagination .swiper-pagination-switch:nth-child(2):before{ content:"业务";}
.pagination .swiper-pagination-switch:nth-child(3):before{ content:"项目";}
.pagination .swiper-pagination-switch:nth-child(4):before{ content:"服务";}
.pagination .swiper-pagination-switch:nth-child(5):before{ content:"产品";}  
.pagination .swiper-pagination-switch:nth-child(6):before{ content:"联系";}





.swiper-arrow-left { background: url(/res/img/arrows.png) no-repeat left top; position: absolute;left: 50px;top: 50%; margin-top: -15px; width: 17px;height: 30px; z-index:100;}
.swiper-arrow-right {background: url(/res/img/arrows.png) no-repeat left bottom;position: absolute;right: 50px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:100;}
.swiper-arrow-left-sh { background: url(/res/img/arrows.png) no-repeat left top; position: absolute; left: 50px; top: 50%;margin-top: -15px; width: 17px; height: 30px; z-index:10;}
.swiper-arrow-right-sh {background: url(/res/img/arrows.png) no-repeat left bottom;position: absolute;right: 50px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;}
.swiper-arrow-left-sc3,.swiper-arrow-left-sc31 { background: url(/res/img/arrows.png) no-repeat left top;  position: absolute; left: -80px;  top: 50%;  margin-top: -15px;  width: 17px;  height: 30px; z-index:10;}
.swiper-arrow-right-sc3,.swiper-arrow-right-sc31 {background: url(/res/img/arrows.png) no-repeat left bottom;position: absolute;right: -80px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;}

.swiper-arrow-left-sc5,.swiper-arrow-left-sc51 { background: url(/res/img/arrows.png) no-repeat left top;position: absolute;left: -10px;top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:10;}
.swiper-arrow-right-sc5,.swiper-arrow-right-sc51 {background: url(/res/img/arrows.png) no-repeat left bottom;position: absolute;right: -10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;}
.swiper-arrow-left-sc21 { background: url(/res/img/arrows.png) no-repeat left top; position: absolute; left: 50px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:10; visibility: visible;opacity: 0;}
.swiper-arrow-right-sc21 {background: url(/res/img/arrows.png) no-repeat left bottom;position: absolute;right: 50px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;visibility: visible;opacity: 0;}
.anli-box:hover .swiper-arrow-right-sc21,.anli-box:hover .swiper-arrow-left-sc21 {opacity: 1;}

.swiper-arrow-left-sc211 { background: url(/res/img/arrows.png) no-repeat left top; position: absolute; left: 15px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:10; }
.swiper-arrow-right-sc211 {background: url(/res/img/arrows.png) no-repeat left bottom;position: absolute;right: 15px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10; }
 
/*首页案例CSS*/
.anli-box { position:relative; }
.poster-box li p { padding-top:90px; padding-bottom:60px;}   
		 
.sc5 { position:relative;}
		
/*首页核心业务CSS*/
.hxyw-box { padding:0 30px; }
.hxyw-box h2 { padding-bottom:30px; text-align:center; font-size:26px; color:#333; }
.hxyw-box h2 p { font-size:15px; color:#AAA; line-height:15px; margin-top:10px; text-align:center; }
.hxyw-box img { width:85%; }
.hxyw-box .col-xs-3 p { line-height:2rem; text-align:center; }
.hxyw-box .col-xs-3 { padding-bottom:20px; text-align:center;} 
		
.anli-box { padding-top:15%\9; padding:0 80px; width:100%; height:100%;}
.pic-title p { font-size:16px; text-align:center; color:#333; height:16px; line-height:18px; overflow:hidden; }
.hn-txt p { padding-bottom:20px; }
		
.poster-box { padding:55px 0px 20px 0px; height:100%; }
.poster-box li { margin:0; vertical-align:middle; width:20%; float:left; text-align: center; overflow:hidden;}
.poster-box li.big1 { width:30%; }
.poster-box li.big2 { width:40%; background: #4E4E4E; }
.poster-box li p { font-size:16px; }
.poster-box li img { width:100%; height:auto; display:block; transition-duration: .5s; }
.poster-box li:hover img {transform: scale(1.05);transition-duration: .5s;}
		
.ser-li { height:100%; }
.ser-li:before { background:none; }
.ser-li a .ywimg { height:171px; }
.ser-li:hover { background:rgba(255,255,255,.15);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0effffff,endcolorstr=#0effffff); }
.sc3 .ser-box { position:relative; }
	
/*首页联系*/
.lxwm-box { width:100%; height:100%;/* background:url(/res/img/sc6bg.jpg) no-repeat center 55px;*/ position:relative; }
.lxwm-tit { position:absolute; left:5%; top:20%; }
.lxwm-tit h2 { font-size:26px; color:#666; }  
.lxwm-tit h2 p { font-size:15px; color:#AAA; line-height:15px; margin-top:10px; } 
		
.lxwm-content { position:absolute; bottom:100px; left:10%; right:10%; } 
.lxwm-content p { line-height:28px; }
.lxwm-content .ewms { text-align:center; padding-top:20px; }
		
/*资讯*/
.slide7 .prod-box { position:relative; }
		
	  
.slide8 { width:100%; height:100%;}		

.bgbg { position:absolute; top:60px; left:0; right:0;}
.bgbg img { width:100%;}

.view .swiper-container {width:100%; height:400px; position:relative;}
.view .swiper-slide img {  width:400px; height:400px;}
.pc-slide {	width:100%; height:auto; margin: 0 auto;}
.view { height:auto;}

.view .swiper-slide { height: auto !important;}
		
.view .arrow-left {	background: url(../img/index_tab_l.png) no-repeat left top; position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view .arrow-right {background: url(../img/index_tab_r.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container {width:100%;height: 85px; }
.preview .swiper-slide {width: 85px;height: 85px;}
.preview .slide6 {width: 82px;}
.preview .arrow-left {background: url(../img/feel3.png) no-repeat left top;position: absolute;	left: 10px;	top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right {	background: url(../img/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img {padding: 0;border: 1px solid #F00; vertical-align: top;}

.sc21 .anli-box .pic-li { position:relative;}
/*.sc21 .anli-box .pic-li a { height:380px; position:absolute; left:0 ; top:50%; margin-top:-190px; padding-left:15px; padding-right:15px;}*/
.piclis a { height:380px; position:absolute; left:0 ; top:50%; margin-top:-190px; padding-left:15px; padding-right:15px;}	

/*地图自适应*/
.nr-box iframe { max-width:100%; border:0px solid #FFF; }


/*1-10*/
.p_n { display:none !important;}

/*1-17*/
.foot .f-left i { font-style:normal;}

.slide3,.swiper-container-sc211 .pic-li { 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-container-sc211 .pic-li { height:100% !important;}

.h_flnk {display:none; margin-top:15px; width:100%; border:1px solid #999; text-align:left; padding:5px 8px; word-wrap:break-word;}
.h_flnk b {font-weight:normal; font-size:13px; line-height:18px; color:#333;}
.h_flnk a { display:inline-block; text-decoration:none; padding-right:10px; font-size:13px; color:#999; line-height:18px; height:18px;}

@media (max-width: 768px) {
	.h-nav {display: none;}
	.p_nav {display: block;}
	.ic-nav {display: block;}
	.h_js li {width: 50%;} 
	.c-wd {width: 100%; padding-left: 25px; padding-right: 25px;}
	.j-right {position: relative; padding-top: 0; top: -40px;}
	.p-cont .hn-txt p {height: 24px;}	
	.new-list,.n-sidebar {float: none; width: 100%;}
	.job-list {padding-top: 20px;}
	.j-left,.j-center {float: left;width: 50%;}
	.test1,.test2 {float: none!important;width: 100%!important;}
	.test1 {margin-top:20px;}
	ul.b-box li .img {float: none; width: 100%;transform: translate(0, 0);}
	ul.b-box li .text {width: 100%; position: static;}
	.lh-more {display: none;}
	ul.b-box li>i {display: none;}
	ul.b-box li {width: 100%;} 
	ul.type-list li {width: 50%;}
	.show {float: none;width: 100%; margin-top: 20px;}
	.js {float: none; width: 100%; margin-top: 40px;}
	.nf-l {float: none; width: 100%;}
	.nf-r {float: none; width: 100%; text-align: center;}
	.nban {margin-top: 60px;}
	.f-right {display: none;}
	.cnt {padding-top: 0px;}
	.cnt-l,.cnt-r {float: none; width: 100%;}
	.cnt-l {padding-top: 20px;}
	.cnt-r {text-align: center; margin-top:20px;}
	.cnt-r img {max-width: 700px;}
	.dqjs_top .dqjs_left{ float:none; width:100%; }
	.dqjs_top .dqjs_right{ float:none; width:100%; }
	.wd { width:100%}
	
	.nh-nav {line-height: 45px; border-bottom:none; padding-top:10px;}
	.nh-nav a { display:block; width:33.33%; text-align:center; float:left; margin:0px; padding:0; box-sizing:border-box; border:2px solid #FFF; background:#f4f4f4; }
	.nh-nav div:after { content:" "; display: block;height: 0;clear: both;visibility: hidden } 
	
	/*.type-nav a { display:block; width:50%; text-align:center; float:left; margin:0px; padding:0; box-sizing:border-box; border:2px solid #FFF; background:#f4f4f4; }
	.type-nav {border:none;}*/
	.bread { float:none !important;}
	
	/*18-12-20*/
	.swiper-pagination { display:none;}
	.sc12 { margin-top:50px; overflow:hidden; vertical-align:middle;}
	.sc12 .p_xw .prod-box { width:95%; padding-left:15px; padding-right:20px; height:470px;}
	.sc12 .prod-li { padding-left:60px;}
	.sc12 .prod-center a b { padding-top:15px;}
	.sc12 .h-tit { margin-bottom:25px;}
	.sc12 .prod-s a p { margin-bottom:20px;}
	.sc12 .prod-center a b i { top:15px; padding-right:15px;}
	.sc12 .p_xw .prod-box .prod-center a b i strong { font-size:18px;}
	.swiper-container-sc51 .prod-center a b i strong { font-size:18px;}
	.swiper-container-sc51 .prod-center a b i { top:20px; padding-right:15px;}
	.swiper-container-sc51 .prod-center a b { padding-top:20px; padding-bottom:2px;}
	.swiper-container-sc51 .prod-center a b big { line-height:20px; font-weight:600;}
	.swiper-container-sc51 .prod-big .prod-center { margin-top: -140px;}
	.swiper-container-sc51 .prod-s .prod-center { margin-top:-150px;}
	.prod-s a p { margin-bottom:20px;}
	
	
	.sc12 .swiper-button-prev-sc5 img,.sc12 .swiper-button-next-sc5 img { width:35px; margin-top:-17px;} 
	.sc12 .swiper-button-next-sc5 { right:-5px;}
	.sc12 .prod-big { max-width:400px; max-width:80%;}
	.sc7 .ic-nav .h-tit { margin-bottom:30px;}
	.new-list { padding-left:0; padding-right:0; padding-top:10px;}
	.nr-box { padding-top:10px;}
	.nr-box p img { max-width:100% !important;  height:auto !important;}
	.p_lx { padding-top:0px; padding-bottom:20px;}
	.p_lx .h-contact { padding-top:20px;}
	.p_lx .hc-left p { margin-bottom:0px;}   
	.hc-right img { height:120px;}
	.pg_next:before { content: ' '; display: block; } 
	.pg_next { padding:9px !important;}
	li.job-li { padding-top:20px; padding-left:0px; padding-right:0px;}  
	.j-cont { padding-left:0; padding-right:0;}
	.table_card .tab li { margin:0; width:33.33%;}
	.table_card .tab li a { padding-left:0; padding-right:0;}
	.nban {overflow:hidden; height:120px;}
	.nban img { width:100%; height:100%;}
	.nr { padding-top:0;}
	.j-left h2 { font-size:18px; position:relative; } 
	.j-left h2 span { position:absolute; right:0; }  
	.sc9 .p-cont .pic-box .pic-li { padding:5px 0;}
	.sc9 .pic-txt p { margin-bottom:0;}
	.sc9 .p-cont .hn-txt p { margin-top:3px;}    
	.sc9 .dates { margin-top:3px;}
	.sc9 .p-cont .pic-box { padding-top:10px;}
	.ht-left h2 { font-size:20px;}
	.ht-left span { display:none !important;}
	.sc8 { padding-bottom:50px;}
	.nf-l p { background-position:left 4px;}
	.newny h2 { font-size:18px; line-height:35px;}
	.nr-box { font-size:14px; padding-top:25px;} 
	.n-foot { padding-bottom:40px;}
	
	/*18-12-28,index-2*/
	.anli-box { padding:60px 8px 40px; height:100%; }
	.pic-li a { margin:10px 1%; display:block; background:#f4f4f4; padding:10px; width:48%; float:left; }
	.poster-box li { height:25% !important; width:50%; }
	.poster-box li.big1 { width:50%; }
	.poster-box li.big2 { width:50%; }
	.lxwm-tit { position:relative; text-align:center; padding-bottom:15px; width:100%; left:0; top:80px; }
	.lxwm-box { background:none; width:100%; }
	.lxwm-content { position:relative; left:0; right:0; padding:0 20px; padding-top:0px; }
	.lxwm-content { bottom:220px;}
	.lxwm-content .ewms { padding-top:8px; } 
	 
	.row { height:100%;  overflow:hidden; }
	.pic-li { height:auto!important;}
	.hn-txt p {line-height: 18px; height: 54px;}
	
	.pxq { height:100%; padding-top:60px; padding-bottom:37px;}
	.pxq ul { height:100%;}
	.pxq ul li { float:left; width:50%; height:25%; overflow:hidden; text-align:center;}
	.pxq ul li img { width:100%; height:100%;}
	.pxq ul li p { padding-top:20px;}
	.pxq ul li.big2 { background: #4E4E4E;}
	.ser-li:hover:before { display:none;}
	.ser-li a .ywimg img { display:none;}
	.ser-li:hover a i { opacity: 1;}
	.ser-li:before { display:none;}
	.pagination { display:none;} 
	
	.sc3 .h-tit,.sc5 .h-tit { top:100px; left:50%; width:60px; margin-left:-30px; text-align:center;}
	.sc5 .h-tit { top:80px;}
	.sc3 .ht-left h2 { color:#888;}
	.col-xs-3 { padding-left:0; padding-right:0;}
 
	
	.ht-left { float:none;}
	.ser-box { width:80%; margin:0 10%;}
	
	.sc5 { background-image:none; overflow:hidden;}
	.prod-center { margin-top:-170px; height:420px;}
	
	
	
	.bgbg { display:none;}
	.view .swiper-container { height:250px; }
	.view .swiper-slide img {  width:250px; height:250px; }
	.swiper-arrow-left-sc31 {left: -10px; }
	.swiper-arrow-right-sc31 {right: -10px;}
	.view .arrow-left,.view .arrow-right { background-size: auto 100%; width: 30px;height: 30px; margin-top:-15px;}
	.view .arrow-left { left:0px;}
	.view .arrow-right { right:0px; background-position:right top;}
	.lxwm-tit h2 { font-size:20px;}
	.lxwm-tit h2 p { display:none;}
	.cnt-l p { text-indent:0;}
	
	.p_n { display: block !important; margin-top:10px;}
	.tit-n { display:none;}
	.met-nav { display:none;}
	
	/*1-17*/
	.foot .f-left i { display:none;}
	.foot .f-left,.foot .f-left .cpy { width:100%; text-align:center; overflow:hidden;}
	.cpy { line-height:30px;}
	.swiper-container-sc211 .pic-img { position:relative; padding-bottom:55%;}
	.swiper-container-sc211 .pic-img img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;margin:auto;}
	
}
@media (min-width: 769px) and (max-width: 991px) {
	.h-nav {display: none;}
	.p_nav {display: block;}
	.ic-nav {display: block;}
	.h_js li,.h_js li.big1,.h_js li.big2 {width: 50%;}
	.c-wd {width: 100%; padding-left: 35px; padding-right: 35px;}
	ul.type-list li {width: 33.33%;}
	.show {float: none;width: 100%;}
	.js {float: none; width: 100%; margin-top: 40px;}
	.nban {margin-top: 60px;}
	.flink {display: none;} 
	.f-right {display: none;} 
	.dqjs_top .dqjs_left{ float:none; width:100%; }
	.dqjs_top .dqjs_right{ float:none; width:100%; }
	.wd { width:100%}
	.f-right {display:none;}
	
	/*18-12-28,index-2*/
	.anli-box { padding:0 20px; }
	.pic-li a { margin:10px 0px; display:block; background:#f4f4f4; padding:10px; }
	.poster-box li { height:25% !important; width:50%; }
	.poster-box li.big1 { width:50%; }
	.poster-box li.big2 { width:50%; }
	.lxwm-tit { position:relative; text-align:center; padding-bottom:15px; width:100%; left:0; top:15%; }
	.lxwm-box { background:none; width:100%; }
	.lxwm-content { position:relative; left:10%; right:0; padding:0 40px; padding-top:30px; }
	.lxwm-content .ewms { padding-top:30px; } 
	 
	.row { height:100%; margin-top:40px; margin-bottom: 65px; overflow:hidden;}
	.pic-li { height:45%;}
	.hn-txt p {line-height: 18px; height: 36px;}
	
	.pxq { height:100%; padding-top:60px; padding-bottom:40px;}
	.pxq ul { height:100%;}
	.pxq ul li { float:left; width:50%; height:25%; overflow:hidden; text-align:center;}
	.pxq ul li img { width:100%; height:100%;}
	.pxq ul li p { padding-top:20px;}
	.ser-li:hover:before { display:none;}
	.ser-li a .ywimg img { display:none;}
	.ser-li:hover a i { opacity: 1;}
	.ser-li:before { display:none;}
	.bgbg { display:none;}
	.view .swiper-container { height:300px; }
	.view .swiper-slide img {  width:300px; height:300px;}
	.pic-img img { height:160px;}
	.swiper-arrow-left-sc31 {left: -10px; }
	.swiper-arrow-right-sc31 {right: -10px;}
	.p_n { display: block !important;}
	.nban { background-image:none !important;}
	.h_flnk { display:block;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.c-wd {width: 100%; padding-left: 35px; padding-right: 35px;}
	.h-nav {display: none;}
	.p_nav {display: block;} 
	.ic-nav {display: block;}
	.nban {margin-top: 60px;}
	.wd { width:100%}
	.nr-box {padding-left: 40px; padding-right: 40px;}
	.swiper-button-prev-sc2 { width: 60px; height:60px !important; left:-60px !important;}
	.swiper-button-next-sc2 { width: 60px; height:60px; right:-60px;}
	.swiper-button-prev-sc5 { left:0;}
	.swiper-button-next-sc5 { right:0; width:50px; }
	.prod-center a b i { padding-right:5px; top: 35px;}
	.prod-center a b i strong { font-size: 18px;}
	.view .swiper-container { height:400px; }
	.view .swiper-slide img {  width:400px; height:400px;}
	.nban { background-image:none !important;}
}
@media (min-width: 1200px) {
	.nr-box {padding-left: 0px; padding-right: 0px;}
	.sc2 .pic-img img { height:230px!important;}
	.pic-img img { height:180px;}
	.lxwm-content .ewms img { width:130px;}
	.nban { background-image:none !important;}
	.h_flnk { display:block;}
}