/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#000000; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover {text-decoration:none; color:#11cdbc;noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {}i,em {font-style:normal;}

button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}


.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#666; opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#666;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#666;opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666;opacity:1;}

@font-face {
/*Open-Sans*/
font-family: 'Geomanist-Book';
src:
url('Geomanist-Book.ttf') format('truetype'),
url('Geomanist-Book.woff') format('woff'),
url('Geomanist-Book.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}


body {font-size:16px; color:#000000; font-family:'Geomanist-Book', Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("csshover.htc");-webkit-text-size-adjust:none; background:#fbfaf9;}

.main {position:relative; margin:0 auto; width:95%; max-width:1300px;}
@media screen and (max-width:768px) {
.main {width:92%;}
}


/***头部***/
.header {position:fixed; top:0; left:0; width:100%; z-index:9; background-color:rgba(0,62,113,1);}
.header_top{height:80px;}
.header-logo {float:left; margin-top:10px; width:50%;}
.header-logo img{width:auto; height:60px; float:left; margin-right:15px;}
.header-logo h2{font-size:16px;font-weight:normal; line-height:20px; text-transform:uppercase; color:#fff; margin-top:3px;}
.header-logo h2 b{font-size:30px; display:block; line-height:35px;}

.header-right{position:relative; float:right; width:50%; text-align:right; color:#fff;}
.header-right ul{float:right; margin-top:12px;}
.header-right ul p{ margin-bottom:8px;}
.header-right ul p span{padding:4px 20px; border-radius:50px; background:#11cdbc; margin-left:10px; font-size:14px; color:#FFF;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.header-right ul p span:hover{background:#ffc000;}
.header-right ul li{box-sizing:border-box; float:right; font-size:20px; line-height:32px;}
.header-right ul li a{color:#fff;}
.header-right ul li a:hover{color:#11cdbc;}
.header-right ul li:last-child{ margin-right:20px;}
.header_tel{ background:url(ico_whatsup.svg) left center no-repeat; background-size:24px; padding-left:28px;}
.header_mail{ background:url(ico_email.svg) left center no-repeat; background-size:24px; padding-left:28px;}

.header-nav{height:50px; width:100%; background:#fff; border-bottom:1px #ddd solid; box-sizing:border-box;}
.header-nav ul{}
.header-nav ul li{position:relative; display:inline-block; text-align:center; line-height:50px; padding:0px 20px;  border-right:1px rgba(0,0,0,0.1) solid; box-sizing:border-box; text-transform:uppercase;}
.header-nav ul li a {position:relative;}
.header-nav ul li:hover a{color:#11cdbc;}
.header-nav ul li:first-child{border-left:1px rgba(0,0,0,0.1) solid;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#ffc000;}
*html #menu li a:hover {color:#ffc000;}
#menu ul {margin:15px 0 0 0; padding:0; opacity:0; visibility:hidden; position:absolute; top:50px; width:200px; z-index:1; background:none; background-color:rgba(0,62,113,0.95); -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; margin-left:-100px; left:50%;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0px 0 0 0;margin-left:-100px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0;}
#menu ul li{margin:0; padding:12px 25px; width:100%; height:auto; line-height:20px; background:none; border-bottom:1px solid rgba(255,255,255,0.15);text-align:left; text-transform:capitalize; font-weight:normal; box-sizing:border-box; display:block;font-size:15px;}
#menu ul li a {display:block; color:#fff;}
#menu ul li:hover {color:#ffc000;}
#menu ul li:hover a{color:#ffc000;}
#menu ul li:last-child{border-bottom:0;}
#menu ul li ul {top:0px; left:0px; margin:0 0 0 200px; display:block;}
#menu ul li ul li{ padding:12px 25px;}
#menu ul li ul li a{display:block; color:#fff!important;}
#menu ul li ul li:hover a{color:#ffc000!important;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 200px;}
.m-header {display:none;}

@media screen and (max-width:768px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,1); z-index:99;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:5px;font-size:16px;}
.m-header-logo img{height:35px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{font-size:16px; line-height:40px; text-transform:uppercase; }
.m-header-logo h2 b{display:block;  font-size:16px; color:#333;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#003e71; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background-image:linear-gradient(to right,#003e71, #0494b0); overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.98;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.20) solid;}
.m-nav ul li i {position:absolute; top:4px; right:0px; height:40px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; line-height:45px; font-size:16px; border-top:1px rgba(255,255,255,0.20) solid;}
.m-nav ul li img{ height:20px; width:auto; margin-right:10px; float:left; margin-top:12px;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#fff;width:80%; display:block; padding-left:20px;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#fff; line-height:36px; text-align:left; padding-left:40px; opacity:0.8;}
.m-nav ul li i svg {width:20px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
.m-nav ul li ul li>ul {margin-left:10px;}
}



/***banner***/
.banner {width:100%; display:block; position:relative; height:auto; overflow:hidden;background:#000 url(loading.gif) 50% no-repeat; margin-top:1px;}
#bannermob{display:none;  margin-top:45px;}
#bannerpc{display:block;  margin-top:130px;}
.swiper-slide{position:relative; background-position:center!important; background-size:cover!important;}

.flex-control-nav{position:absolute; bottom:15px; left:50%; margin-left:-150px; padding:4px 0 2px; z-index:2; width:300px; text-align:center;}
.flex-control-nav li{display:inline-block; width:16px; height:16px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:16px; height:16px; line-height:40px; overflow:hidden; background:url(bpng02.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(bpng01.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-30px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:48px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(next.png) center center no-repeat;}

.slide-txt1 {position:absolute; text-align:left; color:#fff; top:50%; transform:translateY(-50%); width:800px; box-sizing:border-box; left:10%;
border-radius:10px; background-color:rgba(0,0,0,0.5); padding:30px;}
.slide-txt1 .p1 {font-size:50px; line-height:55px;  margin-bottom:10px;  text-transform:uppercase;}
.slide-txt1 .p2 { font-size:24px; line-height:35px;}
.slide-txt1 .p3 { margin-top:40px;}
.slide-txt1 .p3 a {display:inline-block; padding:0 40px; height:42px; line-height:42px; font-size:16px; color:#fff; text-transform:uppercase; border:2px #fff solid; border-radius:50px; }
.slide-txt1 .p3 a:hover {opacity:0.8;}

.slide_txt1_btn{background:#11cdbc; padding:0 30px; height:40px; line-height:40px; text-align:center; color:#FFF; border-radius:50px; text-transform:uppercase; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin-top:25px; margin-right:15px; display:inline-block;}
.slide_txt1_btn:hover{background:#ffc000;color:#FFF;}

.swiper-pagination-bullet {background: #fff; opacity:0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1;}
@media screen and (max-width:768px) {
#bannermob{display:block;}
#bannerpc{display:none;}

.flex-control-nav {position:absolute; bottom:10px; z-index:2; left:50%; margin-left:-150px; padding:1px 0; z-index:2; width:300px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(bpng04.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(bpng03.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(next.png) center center no-repeat;}

.slide-txt1 {position:absolute; text-align:left; color:#fff; top:50%; transform:translateY(-50%); width:80%; padding:5%; box-sizing:border-box; left:50%; margin-left:-40%;}
.slide-txt1 .p1 { font-size:18px; line-height:24px; margin-bottom:10px;}
.slide-txt1 .p2 { font-size:16px;  line-height:24px;}
.slide-txt1 .p3 { margin-top:10px;}
.slide-txt1 .p3 a { margin:0 2px; width:100px; height:22px; line-height:22px; font-size:14px;}

.slide_txt1_btn{padding:0 15px; height:30px; line-height:30px; border-radius:50px; margin-top:10px; margin-right:10px; display:inline-block; font-size:14px;}
.slide_txt1_btn:hover{background:#ed2700;color:#FFF;}

.swiper-container-mob{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-pagination-mob{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;}
}




.panner {width:100%; display:block; position:relative; height:auto; overflow:hidden;background:#000 url(loading.gif) 50% no-repeat; margin-top:1px;}
#pannermob{display:none;}
#pannerpc{display:block; height:700px;}
.p_txt1 {position:absolute; text-align:left; color:#fff;  width:50%; box-sizing:border-box; left:50%; background:rgba(73,73,73,0.85); padding:100px 15% 100px 100px; height:100%;}
.p_txt1 .p1{font-size:42px; line-height:45px;    padding-bottom:30px;}
.p_txt1 .p2{font-size:18px; line-height:32px;}
.p_txt1 .p3{ margin-top:40px;}
.p_txt1 .p3 .more{ height:45px; line-height:45px; padding:0 35px;}

@media screen and (max-width:768px) {
#pannermob{display:block; height:500px;}
#pannerpc{display:none;}
#pannermob .swiper-slide{ background-position:bottom!important; background-size:auto 100%!important;}
.p_txt1 {position:absolute; text-align:left; color:#fff;  width:100%; box-sizing:border-box; left:0; background:rgba(0,0,0,0.7); padding:30px; height:auto; top:0;}
.p_txt1 .p1{font-size:24px; line-height:30px; padding-bottom:15px;}
.p_txt1 .p2{font-size:14px; line-height:24px;}
.p_txt1 .p3{ margin-top:20px;}
.p_txt1 .p3 .more{ height:45px; line-height:45px; padding:0 35px;}

}



/***img***/
.imgbox {overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.imgbox .mask, .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgbox:hover .mask, .imgbox:hover .view {opacity:1;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.imgbox{position:relative; display:block;}


/***img2***/
.imgbox2 {overflow:hidden;}
.imgbox2 img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox2 img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox2:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.imgbox2 .mask, .imgbox2 .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0.8;}
.imgbox2 .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.imgbox2 .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(video.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgbox2:hover .mask, .imgbox2:hover .view {opacity:1;}
.imgbox2:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.imgbox2{position:relative; display:block;}


/***htitle***/
.htitle {margin:0 auto 20px; width:95%; max-width:1300px; box-sizing:border-box; padding-bottom:15px; border-bottom:1px #ddd solid; overflow:hidden;}
.htitle_left1{float:left; font-size:42px; line-height:42px; padding:6px 8px; background:#11cdbc; border-radius:5px; color:#fff; margin-right:10px;}
.htitle_left{float:left;}
.htitle_left h2{position:relative; font-size:36px; line-height:36px; text-transform:uppercase; }
.htitle_left .ptxt{line-height:18px;}
.htitle_right{ float:right;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 10px;width:92%;}
.htitle_left{float:none; width:100%;}
.htitle_left1{font-size:32px; line-height:32px;}
.htitle_left h2{font-size:32px;}
.htitle_right{float:none; width:100%; margin-top:10px;}
.htitle_left .ptxt{font-size:14px;}
}


.div_more{text-align:center;}
.more{display:inline-block; margin:0px auto; height:35px; line-height:35px; font-size:14px; padding:0 25px; text-align:center; text-transform: uppercase; color:#fff; background:#999; border-radius:25px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.more a{ color:#FFF}
.more:hover{color:#fff; background:#11cdbc;}
.more:hover a{color:#fff;}

.more2{display:inline-block; margin:0px auto 0; height:40px; line-height:40px; font-size:14px; padding:0 30px; text-align:center; text-transform: uppercase; color:#fff; background:#003e71; border-radius:25px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.more2 a{ color:#FFF}
.more2:hover{color:#fff; background:#11cdbc;}
.more2:hover a{color:#fff;}


.more_white{display:inline-block; margin:30px auto 0; height:35px; line-height:35px; font-size:14px; padding:0 25px; text-align:center; text-transform: uppercase; color:#003e71;  border-radius:25px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#FFF; }
.more_white:hover{ background:#11cdbc; color:#FFF;}

@media screen and (max-width:768px) {
.more {margin:0px auto; height:30px; line-height:30px; padding:0 20px; font-size:14px;}
.more_white{margin:20px auto 0;}
}




/***mod1***/
.mod1 {background:#fff;box-sizing:border-box; position:relative; padding:100px 0; overflow:hidden;}
.mod1_left{width:48.5%; padding-right:1.5%; float:left;}
.mod1_left_txt{line-height:30px;}
.mod1_left_txt h2{color:#003e71; font-size:22px; margin-bottom:10px;}

.mod1_left_txt2{line-height:20px;}
.mod1_left_txt2 strong,.mod1_left_txt2 b{color:#003e71; font-size:24px; line-height:40px; font-weight:normal;}
.mod1_left_txt2 p{background:url(dian_prod.png) left center no-repeat; padding:7px 0 7px 15px;}

.mod1_right{float:right; width:50%; box-sizing:border-box;}
.mod1_right_txt{line-height:26px;}
.mod1_right_txt img{ width:auto; max-width:100%;}

@media screen and (max-width:768px) {
.mod1 {padding:40px 0; height:auto;}
.mod1_left{float:none; width:100%; padding:0px;}
.mod1_right{float:none; width:100%; margin-top:20px;}
}




/***mod2***/
.mod2{position:relative; overflow:hidden;padding:100px 0; background:linear-gradient(to right, rgba(0,62,113,1) 0%, rgba(0,62,113,1) 70%, rgba(238,238,238,1) 70%, rgba(238,238,238,1) 100%);}
.mod2 .htitle{border-bottom:1px rgba(255,255,255,0.2) solid;}
.mod2 .htitle_left{color:#fff;}
.mod2 .htitle_left .ptxt{color:#fff;}

.mod2_left{float:left; width:22%;}
.mod2_left ul{overflow:hidden;}
.mod2_left ul li{ background:url(whitedian.svg) left center no-repeat; background-size:20px; padding:20px 5px 20px 25px; border-bottom:1px rgba(255,255,255,0.2) solid; color:#fff;  line-height:22px; font-size:16px; cursor:pointer;}
.mod2_left ul li:hover{color:#11cdbc;}

.mod2_right{float:right; width:78%; background:#fff; padding:30px; box-sizing:border-box;}
.mod2_right ul{letter-spacing:-8px;overflow:hidden;}
.mod2_right ul li{letter-spacing:normal; vertical-align:top; width:31.33%; display:inline-block; box-sizing:border-box;}
.mod2_right ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.mod2_right ul li:nth-child(n+4){margin-top:3%;}
.mod2_right ul li .imgbox{position:relative;}
.mod2_right ul li .imgbox h2{width:100%; font-size:16px; line-height:45px; height:45px; padding:0 10px; color:#FFF; background:rgba(0,0,0,0.65); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:absolute; box-sizing:border-box; z-index:99; text-align:center; bottom:0;}
@media screen and (max-width:768px) {
.mod2{hidden;padding:40px 0; background:#003e71;}
.mod2 .more{ background:#11cdbc;}

.mod2_left{float:none; width:100%;}
.mod2_left ul li{padding:10px 5px 10px 25px;line-height:22px;}
.mod2_right{float:none; width:100%; padding:10px;}
.mod2_right ul li .imgbox h2{font-size:14px; line-height:24px; height:24px; padding:0 5px;}
}

#tab0 li.now{color:#11cdbc;}
#tab0 li.now a{color:#11cdbc;}
.tablist{display:none;}
.block{display:block; }




/***mod22***/
.mod22 {background:#fff;box-sizing:border-box; position:relative; padding:100px 0; overflow:hidden;}

.mod22_left{width:46%; padding-right:4%; float:left;}
.mod22_left_txt{line-height:30px;}
.mod22_left ul{letter-spacing:-8px;overflow:hidden; margin:30px 0;}
.mod22_left ul li{letter-spacing:normal; vertical-align:top; width:23.5%; box-sizing:border-box; position:relative;display:inline-block; border:1px #ddd solid; box-sizing:border-box; background:#FFF;}
.mod22_left ul li img{ width:90%; padding:5%;}
.mod22_left ul li:not(:nth-of-type(4n)){ margin-right:2%;}
.mod22_left ul li:nth-child(n+5){margin-top:2%;}

.mod22_right{float:right; width:50%; background:#f5f5f5; padding:50px; box-sizing:border-box;}
@media screen and (max-width:768px) {
.mod22 {padding:40px 0; height:auto;}
.mod22_left{float:none; width:100%; padding:0px;}
.mod22_right{float:none; width:100%; margin-top:20px;padding:12px; }
}


/*带缩略图的滚动效果*/
.indexbox{width:100%; position:relative; overflow:hidden;}
.indexbox .btn{position:absolute; width:28px; height:48px; bottom:2%;cursor:pointer; z-index:2;}
.indexbox .prev{left:0;background:url(prev.png) no-repeat; display:none;}
.indexbox .next{right:0;background:url(next.png) no-repeat; display:none;}
.indexbox .prevTop,.indexbox #nextTop{width:28px; height:48px; top:40%;}
.indexbox .prevTop{background: url(topprev.png) 0 0 no-repeat; left:0;}
.indexbox .nextTop{background: url(topnext.png) 0 0 no-repeat; right:0;}

.indexbox li{float:left;}
.indexbox .picBox{height:415px; position:relative; overflow:hidden; border:1px #ddd solid; box-sizing:border-box;}
.indexbox .picBox ul{position:absolute;}
.indexbox .picBox li{width:550px;height:415px;}
.indexbox .picBox li img{height:415px;}
.indexbox .picBox li .imgbox h2{width:100%; font-size:16px; line-height:45px; height:45px; padding:0 10px; color:#FFF; background:rgba(0,0,0,0.65); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:absolute; box-sizing:border-box; z-index:99; text-align:center; bottom:0;}

.indexbox .listBox{margin:15px auto 0; position:relative; overflow:hidden;}
.indexbox .listBox ul{width:100%!important; /*padding-left:38px; padding-right:38px;*/ box-sizing:border-box;}
.indexbox .listBox li{width:18.4%; cursor:pointer;position:relative; box-sizing:border-box;}
.indexbox .listBox li:not(:nth-of-type(5n)){margin-right:2%;}
.indexbox .listBox li i{display:none;}
.indexbox .listBox li a{display: block;}
.indexbox .listBox li img{height:75px; border:2px solid #ccc; box-sizing:border-box;}
.indexbox .listBox .on img{border:2px solid #11cdbc;}
.indexbox .listBox .on i{display:block;}
@media screen and (max-width: 768px) {
.indexbox .picBox{ width:320px; height:240px;position:relative;overflow:hidden; margin:0 auto;}
.indexbox .picBox li{width:320px;height:240px;}
.indexbox .picBox li img{height:240px;}
.indexbox .picBox li .imgbox h2{font-size:14px; line-height:35px; height:35px;}

.indexbox .listBox{}
.indexbox .listBox li img{height:45px; border:2px solid #ccc;}
.indexbox .listBox .on img{border:2px solid #e17212;}
}





/***mod3***/
.mod3{position:relative; background:#003e71;  overflow:hidden; padding:100px 0; color:#fff;}
.mod3 .htitle_left .ptxt{color:#fff;}
.mod3_txt{padding:0 0 20px 0; line-height:30px;}
.mod3_prod{}
.mod3_prod ul{letter-spacing:-8px;overflow:hidden;}
.mod3_prod ul li{letter-spacing:normal; vertical-align:top; width:17.6%; display:inline-block; box-sizing:border-box;}
.mod3_prod ul li:not(:nth-of-type(5n)){ margin-right:3%;}
.mod3_prod ul li:nth-child(n+6){margin-top:3%;}
.mod3_prod ul li .imgbox{position:relative;}
.mod3_prod ul li .imgbox h2{width:100%; font-size:14px; line-height:45px; height:45px; padding:0 10px; color:#FFF; background:rgba(0,0,0,0.7); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:absolute; box-sizing:border-box; z-index:99; text-align:center; bottom:0;}

@media screen and (max-width:768px) {
.mod3 {padding:40px 0;}
.mod3_txt{padding:0 0 20px 0; line-height:24px;}
.mod3_prod ul li{width:47.5%;}
.mod3_prod ul li:not(:nth-of-type(5n)){ margin-right:0;}
.mod3_prod ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.mod3_prod ul li:nth-child(n+3){margin-top:5%;}
.mod3_prod ul li .imgbox h2{font-size:14px; line-height:20px; height:auto; padding:5px; -webkit-line-clamp:2;}
}


.index_ad{background: -webkit-linear-gradient(top, #ffc000, #e7ae00); padding:30px 0; text-align:center; color:#fff;}
.index_ad_txt{ font-size:32px; text-transform:uppercase; }
.index_ad_txt .more{ margin-left:10px; font-size:18px; padding:0 40px; height:45px; line-height:45px; vertical-align:middle; background:#494949;}
.index_ad_txt .more:hover{background:#11cdbc;}
@media screen and (max-width:768px) {
.index_ad_txt{ font-size:24px; padding:0 20px; box-sizing:border-box;}
.index_ad_txt .more{ margin-left:10px; font-size:18px; padding:0 20px; height:35px; line-height:35px; vertical-align:middle; display:block; margin-top:15px;}
}




/***mod4***/
.mod4{background:#f5f5f5; position:relative; padding:100px 0;}

.mod4_prod{}
.mod4_prod ul{letter-spacing:-8px;overflow:hidden;}
.mod4_prod ul li{letter-spacing:normal; vertical-align:top; width:24%; box-sizing:border-box; position:relative;display:inline-block; height:320px; overflow:hidden;}

.mod4_prod ul li:nth-child(1){margin-right:2%; background:#fff;}
.mod4_prod ul li:nth-child(2){margin-right:2%; width:48%;}
.mod4_prod ul li:nth-child(3){}
.mod4_prod ul li:nth-child(4){margin-right:2%;width:48%; margin-top:2%;}
.mod4_prod ul li:nth-child(5){margin-right:2%; margin-top:2%;}
.mod4_prod ul li:nth-child(6){margin-top:2%; background:#737373;}
.mod4_prod ul li .imgbox img{ min-height:320px;}
.mod4_prod_txt{top:20%; width:100%; text-align:center; z-index:3; box-sizing:border-box; position:absolute; padding:30px 40px;}
.mod4_prod_txt h2{ font-size:20px; line-height:24px; color:#FFF; text-transform:uppercase; }
.mod4_prod_txt p{ color:#ffc000; margin-top:10px;}

.mod4_left{width:100%; text-align:left; padding:25px; box-sizing:border-box;}
.mod4_left h3{font-size:18px; text-transform:uppercase; line-height:40px;}
.mod4_left h2{font-size:48px;  margin-bottom:20px; text-transform:uppercase; }
.mod4_left .ptxt{ line-height:24px; margin-bottom:20px;}

.mod4_right{width:100%; text-align:center; padding:50px; box-sizing:border-box;}
.mod4_right h2{font-size:36px; line-height:48px;  margin-bottom:20px; text-transform:uppercase;  color:#fff;}

@media screen and (max-width:768px) {
.mod4 {padding:40px 0;}

.mod4_prod ul li{width:100%; height:auto;}
.mod4_prod ul li:nth-child(1){width:100%;margin-right:0;}
.mod4_prod ul li:nth-child(2){margin-top:3%; margin-right:0; width:100%;}
.mod4_prod ul li:nth-child(3){margin-top:3%; margin-right:0; width:100%;}
.mod4_prod ul li:nth-child(4){margin-top:3%; margin-right:0; width:100%;}
.mod4_prod ul li:nth-child(5){margin-top:3%; margin-right:0; width:100%;}
.mod4_prod ul li:nth-child(6){margin-top:3%; margin-right:0; width:100%;}

.mod4_prod_txt{line-height:20px; width:100%; text-align:center; padding:20px; height:auto;}
.mod4_prod_txt h2{ font-size:16px; color:#FFF;}
.mod4_left h2{font-size:32px; margin-bottom:10px;}
.mod4_left .ptxt{margin-bottom:0px;}
.mod4_right h2{font-size:36px;}
}




.mod5{background:#f5f5f5 url(map.jpg) center center no-repeat; background-size:cover; position:relative; padding:150px 0;}
.mod5_left {float:left; width:35%;}
.mod5_left h3{font-size:16px; margin-bottom:10px;}
.mod5_left h2{ font-size:45px;  margin-bottom:15px; }
.mod5_left_txt{line-height:30px; font-size:16px;}

.mod5_left .pnum{display:inline-block; margin-right:80px; font-size:24px; margin-top:30px;}
.mod5_left .pnum h4{ font-size:60px; display:block;  color:#ffc000;}
.mod5_left .pnum h4  span{ font-size:18px; margin-left:5px; vertical-align:text-top;}

@media screen and (max-width:768px) {
.mod5{padding:50px 0; background:#f5f5f5;}
.mod5_left {float:left; width:85%;}
.mod5_left h3{font-size:16px; margin-bottom:10px;}
.mod5_left h2{ font-size:32px; margin-bottom:15px; }
.mod5_left_txt{line-height:24px; font-size:16px;}
}




/***mod6***/
.mod6{position:relative; background:#fff; overflow:hidden; padding:100px 0;}

.mod6 ul{letter-spacing:-8px; margin-top:30px;}
.mod6 ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:31.33%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; padding:30px; box-sizing:border-box; border:1px #ddd solid; box-shadow:0 0 8px 0 #e8e8e8;}
.mod6 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.mod6 ul li:nth-child(n+4){margin-top:3%;}
.mod6 ul li .mod6_date{text-align:center; box-sizing:border-box; line-height:30px; height:30px; display:inline-block; font-size:14px; padding:0 20px; background:#11cdbc; color:#FFF; margin-bottom:20px; border-radius:50px;}
.mod6 ul li .mod6_title{width:100%; margin-top:20px;}
.mod6 ul li .mod6_title h2{font-size:20px;  margin-bottom:15px;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px; height:48px;  }
.mod6 ul li .ptxt{font-size:14px;line-height:24px;-webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.mod6 ul li .readmore{margin-top:40px; border-top:1px #ddd solid; padding-top:20px; text-align:left; background:url(right.svg) right 15px no-repeat; background-size:25px;}
@media screen and (max-width:768px) {
.mod6 {padding:40px 0;}
.mod6 ul{margin-top:20px;}
.mod6 ul li{width:100%; padding:20px;}
.mod6 ul li:not(:nth-of-type(3n)){margin-right:0;}
.mod6 ul li:nth-child(n+2){margin-top:4%;}
.mod6 ul li .mod6_title{width:100%; margin-top:10px;}
.mod6 ul li .mod6_title h2{font-size:16px; height:auto; margin-bottom:5px;}
.mod6 ul li .readmore{margin-top:20px;}
}


/***footer***/
.footer {position:relative; background:#003e71; padding:40px 0; color:#fff;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline; opacity:1;}
.footer .main{overflow:hidden;}
.footer_left{float:left; width:33%; overflow:hidden; line-height:24px; padding:3% 5% 5% 0; box-sizing:border-box;}
.footer_contact {width:100%;}
.footer_contact h2{font-size:24px; line-height:36px;  margin-bottom:10px; text-transform:uppercase;}
.footer_contact img{ width:auto; display:inline-block; margin-bottom:20px;}
.footer_contact ul {overflow:hidden;}
.footer_contact ul li {margin-top:30px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;}
.footer_contact ul li:nth-child(1) {background-image:url(ico_address.svg); margin-top:20px;}
.footer_contact ul li:nth-child(2) {background-image:url(ico_tel.svg);}
.footer_contact ul li:nth-child(3) {background-image:url(ico_whatsup.svg);}
.footer_contact ul li:nth-child(4) {background-image:url(ico_email.svg);}
.footer_modea{margin-top:30px; width:100%;}
.footer_modea a{display:inline-block; margin-right:15px;}
.footer_modea a img{ width:30px; height:30px;}

.footer_nav {overflow:hidden; float:left; width:17%; padding:3% 0 5% 0%;}
.footer_nav h2{font-size:24px; margin-bottom:20px; text-transform:uppercase; }
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_nav ul li p{margin-bottom:15px;background:url(point.png) left center no-repeat; padding-left:10px; text-transform: capitalize;}

.footer_right{ float:right; width:45%; overflow:hidden; line-height:24px; padding:3% 0 5% 5%; box-sizing:border-box;}
.footer_msg {width:100%;}
.footer_msg h2{font-size:18px;  margin-bottom:20px;}
.footer_msg ul{margin-top:10px;}
.footer_msg ul li {overflow:hidden; margin-bottom:15px; float:left;}
.footer_msg ul li:nth-of-type(1){width:49%; margin-right:2%}
.footer_msg ul li:nth-of-type(2){width:49%;}
.footer_msg ul li:nth-of-type(3){width:100%;}
.msg_input {float:left; width:100%; height:40px;line-height:40px; padding:0 4%; background:#fff; font-family:Arial, Helvetica, sans-serif; }
.msg_textarea {float:left;width:100%; height:150px;line-height:30px;padding:2% 2%; background:#fff; font-family:Arial, Helvetica, sans-serif; }
.msg_submit {width:100%; height:45px; line-height:45px; font-size:16px; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer; background:#11cdbc; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;font-family:'Geomanist-Book';}
.msg_submit:hover{ background:#ffc000; color:#fff;}

.footer-copyright {width:100%; height:40px; line-height:40px; font-size:16px; text-align:center; margin-top:20px;}
@media screen and (max-width:768px) {
.footer {padding:30px 0;}
.footer_left{float:none; width:100%;overflow:hidden; font-size:14px; line-height:24px; margin:0; box-sizing:border-box; padding:0;}
.footer_contact h2{font-size:20px; line-height:30px; margin-bottom:10px;}

.footer_nav {width:100%; padding:0; margin-top:30px;}
.footer_nav h2{font-size:20px; margin-bottom:20px; text-transform:uppercase; }
.footer_nav ul li p{margin-bottom:20px;}


.footer_right{float:left; width:100%; padding:0; box-sizing:border-box; margin-top:30px;}
.footer_msg h2{font-size:18px; line-height:25px;}
.footer_msg ul li:nth-of-type(1){width:100%; margin-right:0}
.footer_msg ul li:nth-of-type(2){width:100%;}
.footer_msg ul li:nth-of-type(3){width:100%;}

.index_contact4{padding:15px 0px 0 0!important; overflow:hidden; width:80%;}

.footer-copyright {margin-top:20px; height:auto; line-height:20px; font-size:14px;}
}


/************内页banner*************/
.ban {margin:130px auto 0; width:100%;position: relative;}
.ban img{height:100%;}
.ban .addiv{position:absolute; width:100%; color:#FFF; left:0; font-size:16px; top:50%; transform:translateY(-50%); text-align:center; box-sizing:border-box;}
.ban .addiv h2{ font-size:48px; text-transform:uppercase; margin-bottom:5px;  -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.ban .addiv p{-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:26px; font-size:20px;}
.ban .addiv h2:before, .ban .addiv h2:after {display: inline-block; vertical-align:middle; margin: -5px 10px 0 10px; content: ""; width:50px; height:2px;  background:#fff;}
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
.ban img{height:auto; min-height:120px;}
.ban .addiv{margin-top:0px; font-size:16px; top:50%; line-height:24px; padding:0 5%;}
.ban .addiv h2{ font-size:18px; margin-bottom:0px;}
.ban .addiv h2:before, .ban .addiv h2:after {display:none;}
.ban .addiv p{-webkit-line-clamp:2; line-height:18px; font-size:14px;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#fff;}
#weizhi2{width:100%; margin:88px auto 0; background:#fff;}
.weizhi{overflow:hidden;width:95%; max-width:1300px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.span_right{font-size:14px;float:right;}
.span_page{width:20px; height:20px; background: url(icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto;}
#weizhi2{margin:0 auto;}
.weizhi{padding:5px 0px; width:90%; line-height:20px; font-size:14px;}
.span_right{font-size:14px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:40px 0; width:100%; display:inline-block; background:#f5f5f5;}
.lymain {position:relative; margin:0 auto; width:95%; max-width:1300px; /*overflow:hidden;*/}
@media screen and (max-width:768px) {
.wrap {padding:25px 0; width:100%;}
.lymain {width:92%; margin:0 auto;}
}

#onseca {background:#003e71;color:#FFF;}
#onseca a{background:#003e71;color:#FFF;}
#onsec {color:#11cdbc;}
#onsec a{color:#11cdbc;}
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:50px;}
.margintop100{ margin-top:100px;}
@media screen and (max-width: 768px) {
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:25px;}
.margintop100{ margin-top:50px;}
}


/*内页子导航*/
#lmlb{ width:100%; padding:20px 0;  background:rgba(0,0,0,0.6);}
.lmlb{overflow:hidden; width:95%; max-width:1300px; margin:0 auto;}
.lmlb ul{ letter-spacing:-8px; text-align:center;}
.lmlb ul li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; padding:0px 20px; line-height:30px; color:#222; font-size:16px; border-radius:50px; margin-right:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:#FFF;}
.lmlb ul li:last-child{ margin-right:0;}
.lmlb ul li a{color:#222;}
.lmlb ul li:hover{color:#fff; background:#11cdbc;}
.lmlb ul li:hover a{color:#fff;}
#lmlbonsec {color:#fff; background:#11cdbc;}
#lmlbonsec a{color:#fff;}

@media screen and (max-width: 768px) {
#lmlb{ width:100%;padding:25px 0 10px 0;}
.lmlb{overflow:hidden;width:90%; margin:0 auto;}
.lmlb ul{margin:0; padding:0;}
.lmlb ul li { padding:0px 15px; margin:0 5px 10px 0; line-height:30px;}
.lmlb ul li:hover{color:#004d94;}
}


/*内页子导航下面的选择项*/
.lymenu{width:96%; max-width: 1250px; margin: 0 auto; position:relative; display:table; z-index:999;}
.lymenu ul{ width:240px; float:left; display:inline-block; text-align:center;}
.lymenu ul li h2{ padding:12px 25px 12px 0px; border-bottom:2px #555 solid; font-size:16px; cursor:pointer; margin-top:20px; background:url(line.png) right 18px no-repeat; background-size:15px; box-sizing:border-box;}
@media screen and (max-width: 768px) {
.lymenu{ display:none;}	
}


/*分页*/
.page{text-align:center; padding:50px 0 30px 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:16px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:14px; padding:3px 8px; margin:0;}
}

.lytext {margin:0 auto 30px;}
.lyhtitle {position:relative; font-size:32px;   padding-bottom:10px; border-bottom:1px #ddd solid;}
.lytext_txt {margin:0 auto; width:80%; line-height:30px; font-size:16px; text-align:center;}
@media screen and (max-width:768px) {
.lytext {margin:0px auto 20px;}
.lyhtitle {font-size:24px;}
.lytext_txt {line-height:24px; font-size:16px; width:92%;}
}


/*左右框架*/
.main_about {position:relative; margin:0 auto; width:95%; max-width:1300px; overflow:hidden; /*display:table;*/ display: flex; align-items: stretch;}

.mainleft{float:right; width:22%; overflow:hidden; box-sizing:border-box; margin-left:3%; background:#fafafa;box-sizing:border-box; padding:1%; border:1px #ddd solid;}
.mainleft_title{font-size:20px; text-transform:uppercase; padding:10px 0px; border-bottom:2px #11cdbc solid; color:#003e71;}

.mainleft_list{ margin-bottom:1px;}
.mainleft_list h2{line-height:20px; font-size:16px; background:#fafafa url(point.png) 10px center no-repeat;padding:14px 10px 14px 20px;border-bottom:1px #ddd dotted;}
.mainleft_list ul{overflow:hidden;}
.mainleft_list ul li{ line-height:20px; padding:10px 10px 10px 30px; background:url(point.png) 20px center no-repeat;border-bottom:1px #ddd dotted;}

.list{ overflow:hidden;margin:0 auto;}
.list ul{ margin-bottom:0;}
.list ul li{background-color:#ffffff; border-bottom:dotted 1px #dddddd; border-top:0; padding:0; background-image:none;}
.list ul li a{padding-left:14px; font-size:16px; display: block; line-height:24px; position:relative; padding:12px 10px 12px 22px;}
.list ul li .inactive{ background:url(off.png) no-repeat 10px center;}
.list ul li .inactives{background:url(on.png) no-repeat 10px center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background:#efefef url(dian_prod.png) 15px center no-repeat; border-color:#cccccc; padding-left:20px; color:#333;}
.list ul li ul li .inactive{ background:none;}
.list ul li ul li .inactives{background:none;} 
.list ul li ul li a{ color:#333;font-weight:normal;} 
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:10px; font-size:14px; line-height:20px;}
.list ul li ul li ul li { background-color:#d6e6f1; border-color:#ddd; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a{ color:#515151; padding-left:15px; font-size:14px;}

.margintop50{ margin-top:50px;}
.mainright{float:left; width:75%; overflow:hidden; box-sizing:border-box;}
@media screen and (max-width:768px) {
.main_about {width:90%; margin:0 auto; padding-bottom:3%;}
.mainright{float:none; width:100%; padding:0;}

.mainleft{float:none; width:100%; overflow:hidden; box-sizing:border-box; margin-left:0; margin-top:10%; display:none;}
.mainleft_title{font-size:16px; line-height:24px;padding-bottom:5px; margin-bottom:5px;}
.mainleft ul li{line-height:22px; margin:0; font-size:16px; padding:8px 5px 8px 40px;}
}



/*about us*/
.about_mod0{margin:0 auto; padding:80px 0; width:100%; display:inline-block;}
.about_mod0 h2{font-size:32px;   color:#003e71;}
.about_mod0 h3{width:50px; height:3px; background:#11cdbc; margin:10px 0;}
.about_mod0 .pwords{line-height:30px; overflow:hidden; margin-top:20px;} 
.about_mod0 .pwords img{width:auto; max-width:100%; margin-right:15px;}
.about_mod0 .pwords b ,.about_ptxt .pwords strong{color:#11cdbc;}
@media screen and (max-width:768px) {
.about_mod0 {padding:40px 0;}
.about_mod0 h2{font-size:22px;}
.about_mod0 .pwords{ line-height:24px; font-size:14px;} 
.about_mod0 .pwords img{margin-right:0px; margin-bottom:15px;}
}


.about_mod1{margin:0 auto; padding:80px 0; width:100%; display:inline-block; background:#003e71;}
.about_mod1 h2{font-size:32px;  color:#fff;}
.about_mod1 h3{width:50px; height:3px; background:#11cdbc; margin:10px 0;}
.about_mod1 ul{letter-spacing:-8px; margin-top:20px; box-sizing:border-box;}
.about_mod1 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:100%; padding:30px; box-sizing:border-box; background:#fff;line-height:30px;}
.about_mod1 ul li:nth-child(n+4){margin-top:2%;}
.about_mod1 ul li:nth-of-type(1){width:100%;margin-right:0;}
.about_mod1 ul li:nth-of-type(2){width:49%;margin-right:1%; margin-top:2%;}
.about_mod1 ul li:nth-of-type(3){width:49%;margin-left:1%; margin-top:2%; height:205px;}
.about_mod1 ul li:nth-of-type(4){width:32%;margin-right:2%; margin-top:2%; height:180px;}
.about_mod1 ul li:nth-of-type(5){width:32%;margin-right:2%; margin-top:2%; height:180px;}
.about_mod1 ul li:nth-of-type(6){width:32%;margin-right:0; margin-top:2%; height:180px;}
.about_mod1 ul li h4{ font-size:24px;  color:#003e71; margin-bottom:5px; font-weight:700;}
@media screen and (max-width:768px) {
.about_mod1 {padding:40px 0;}
.about_mod1 h2{font-size:20px;}
.about_mod1 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:100%; padding:15px; line-height:24px;}
.about_mod1 ul li:nth-child(n+2){margin-top:3%;}
.about_mod1 ul li:nth-of-type(1){width:100%;margin-right:0; margin-left:0;}
.about_mod1 ul li:nth-of-type(2){width:100%;margin-right:0; margin-left:0; height:auto;}
.about_mod1 ul li:nth-of-type(3){width:100%;margin-right:0; margin-left:0; height:auto;}
.about_mod1 ul li:nth-of-type(4){width:100%;margin-right:0; margin-left:0; height:auto;}
.about_mod1 ul li:nth-of-type(5){width:100%;margin-right:0; margin-left:0; height:auto;}
.about_mod1 ul li:nth-of-type(6){width:100%;margin-right:0; margin-left:0; height:auto;}
.about_mod1 ul li h4{ font-size:18px;}
}


.about_mod2 {margin:0 auto; padding:80px 0; width:100%; display:inline-block; background:#003e71}
.about_mod2 h2{font-size:32px; color:#fff;}
.about_mod2 h3{width:50px; height:3px; background:#11cdbc; margin:10px 0;}
.about_mod2 ul{letter-spacing:-8px; margin-top:25px;}
.about_mod2 ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:16.8%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative; background:#fff; box-sizing:border-box; text-align:center; padding:10px;}
.about_mod2 ul li:not(:nth-of-type(5n)){margin-right:4%;}
.about_mod2 ul li:nth-child(n+6){margin-top:3%;}
@media screen and (max-width:768px) {
.about_mod2 {padding:40px 0;}
.about_mod2 h2{font-size:20px;}
.about_mod2 ul{letter-spacing:-8px; margin-top:10px; margin-bottom:20px;}
.about_mod2 ul li{width:31.33%; padding:5px;}
.about_mod2 ul li:not(:nth-of-type(5n)){margin-right:0;}
.about_mod2 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.about_mod2 ul li:nth-child(n+4){margin-top:3%;}
}



.about_mod3 {margin:0 auto; padding:80px 0; width:100%; display:inline-block;}
.about_mod3 h2{font-size:32px; color:#003e71;}
.about_mod3 h3{width:50px; height:3px; background:#11cdbc; margin:10px 0;}

.about_mod3 ul{letter-spacing:-8px; margin-top:25px;}
.about_mod3 ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:10.75%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative; box-shadow:0 0 6px 0 #e8e8e8; background:#fff; box-sizing:border-box; text-align:center; padding:10px; border:1px #ddd solid;}
.about_mod3 ul li:not(:nth-of-type(8n)){margin-right:2%;}
.about_mod3 ul li:nth-child(n+9){margin-top:2%;}
@media screen and (max-width:768px) {
.about_mod3 {padding:40px 0;}
.about_mod3 h2{font-size:20px;}
.about_mod3 ul{letter-spacing:-8px; margin-top:10px; margin-bottom:20px;}
.about_mod3 ul li{width:31.33%; padding:5px;}
.about_mod3 ul li:not(:nth-of-type(8n)){margin-right:0;}
.about_mod3 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.about_mod3 ul li:nth-child(n+4){margin-top:3%;}
}



.factory{ margin-top:60px;}
.factory h2{color:#003e71; font-size:24px; margin-bottom:10px; border-bottom:1px #ddd dotted;  padding-bottom:5px;}
.factory_clients {position:relative; margin:0 auto; width:100%; padding:0.5% 2%;  box-sizing:border-box;}
.factory_clients_item {position:relative;}
.factory_clients_item {display: block; }
.m_factory_clients{display:none;}
@media screen and (max-width:768px) {
.factory h2{font-size:16px;}
.factory_clients { display:none;}	
.m_factory_clients {display:block; position:relative; margin:0 auto; width:100%; padding:0.5% 8%; box-sizing:border-box;}
.factory_client h3{font-size:20px;  margin-bottom:20px; text-align:center;}
}


/*资质证书*/
.cert{ overflow:hidden;}
.cert .imgbox{float:left; width:25%; margin-right:2%;}
.certul{letter-spacing:-8px; float:right; width:73%;}
.certul h2{font-size:32px;   color:#003e71; letter-spacing:normal;}
.certul h3{width:100%; height:2px; background:#11cdbc; margin:10px 0;}
.certul li{display:inline-block; vertical-align:top; letter-spacing:normal; padding:12px 20px; background:#fff; box-sizing:border-box;border:1px #ddd solid; width:100%;}
.certul li:nth-child(n+2){margin-top:1%;}
.certul li .title {font-size:18px; background:url(dian_prod.png) left center no-repeat; padding-left:20px;}
.certul .ptxt{margin-top:10px; line-height:30px; margin-bottom:20px; letter-spacing:normal;}
@media screen and (max-width: 768px) {
.cert .imgbox{float:none; width:100%; margin-right:0; margin-bottom:10px;}
.certul{letter-spacing:-8px; float:none; width:100%;}
.certul h2{font-size:20px;}
.certul li{padding:10px;}
.certul li:nth-child(n+2){margin-top:3%;}
.certul li .title {font-size:16px;}
.certul .ptxt{margin-bottom:0px;}
}


/*资质证书*/
.cert2{ overflow:hidden;}
.cert2 h2{font-size:32px;  color:#003e71;}
.cert2 h3{width:100%; height:2px; background:#11cdbc; margin:10px 0;}
.cert2ul{letter-spacing:-8px;padding-bottom:80px; padding-top:20px;}
.cert2ul li{display:inline-block; vertical-align:top;letter-spacing:normal; width:18.4%; padding:1%; box-sizing:border-box; background:#fff; border:1px #ddd solid;}
.cert2ul li:hover{color:#11cdbc;}
.cert2ul li:not(:nth-of-type(5n)){ margin-right:2%;}
.cert2ul li:nth-child(n+6){margin-top:2%;}
.cert2ul li h4{ margin-top:10px; text-align:center;}
@media screen and (max-width: 768px) {
.cert2 h2{font-size:22px;}
.cert2ul{padding-bottom:40px; padding-top:10px;}
.cert2ul li{width:31.33%;}
.cert2ul li:not(:nth-of-type(5n)){ margin-right:0;}
.cert2ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.cert2ul li:nth-child(n+4){margin-top:5%;}
}


.cert3ul{letter-spacing:-8px;padding-bottom:80px; padding-top:20px;}
.cert3ul li{display:inline-block; vertical-align:top;letter-spacing:normal; width:49%; padding:2%; box-sizing:border-box; background:#fff; border:1px #ddd solid;}
.cert3ul li:not(:nth-of-type(2n)){ margin-right:2%;}
.cert3ul li:nth-child(n+3){margin-top:2%;}
.cert3ul li .imgbox{float:left; margin-right:3%; width:32%;}
.cert3ul li .title{ float:right; width:65%;}
.cert3ul li .title h4{ font-size:24px;  margin-bottom:5px;}
.cert3ul li .title .p_txt{ line-height:24px; font-size:14px; color:#666;}
@media screen and (max-width: 768px) {
.cert3ul{padding-bottom:40px; padding-top:10px;}
.cert3ul li{width:100%;padding:4%;}
.cert3ul li:not(:nth-of-type(2n)){ margin-right:0;}
.cert3ul li:nth-child(n+2){margin-top:5%;}
.cert3ul li .imgbox{float:none; margin-right:0; width:100%;}
.cert3ul li .title{float:none; width:100%; margin-top:5%;}
}



/*Logistics*/
.Logistics{width:100%;}
.Logistics h2{font-size:32px; color:#003e71;}
.Logistics h3{width:100%; height:2px; background:#11cdbc; margin:10px 0;}
.Logistics .pwords{line-height:30px; font-size:14px;} 
.Logistics .pwords img{width:auto; max-width:100%;}
@media screen and (max-width:768px) {
.Logistics h2{font-size:20px;}
.Logistics .pwords{ line-height:24px; font-size:14px;} 
}





/*clients*/
.clients{line-height:30px; font-size:16px; overflow:hidden;}
.clients h2{ line-height:30px; margin-bottom:30px; font-size:16px;}
.clients ul{letter-spacing:-8px; overflow:hidden;}
.clients ul li{letter-spacing:normal; vertical-align:top; width:10.75%; display:inline-block; border:1px #ddd solid; box-sizing:border-box;}
.clients ul li:not(:nth-of-type(8n)){ margin-right:2%;}
.clients ul li:nth-child(n+9){margin-top:2%;}
@media screen and (max-width:768px) {
.clients{padding:10px; margin-top:25px;}
.clients ul li{width:24.25%;}
.clients ul li:not(:nth-of-type(8n)){ margin-right:0;}
.clients ul li:not(:nth-of-type(4n)){ margin-right:1%;}
.clients ul li:nth-child(n+5){margin-top:1%;}
}


/*contact us*/
.contact{overflow:hidden; margin:30px 0 70px 0;}
.contact h2{color:#1a3a83;font-size:20px; margin-bottom:8px; padding-bottom: 8px; border-bottom: 1px #ddd dotted; font-weight: 700; text-transform: uppercase;}
.contact ul{overflow:hidden; letter-spacing:-8px;}
.contact ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:30%; box-sizing:border-box; text-align:center;}
.contact ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.contact ul li:nth-child(n+4){margin-top:3%;}
.contact ul li h3{ width:40px; height:3px; background:#ffc000; display:block; margin:0 auto 25px;}
.contact ul li img{width:60px; display:inline-block; padding:20px; border-radius:100%; background:#fff; border:1px #ddd solid; box-shadow:0 0 8px 0 #e8e8e8; margin-bottom:15px;}
.contact ul li p{font-size:16px; line-height:26px; text-align:center;}
.contact ul li p b{  display:block; font-size:26px; text-transform:uppercase; margin-bottom:15px; color:#003e71;}

.contact ul li .contact_txt{padding:10px; line-height:22px;}
@media screen and (max-width: 768px) {
.contact{padding:0; margin:0;}
.contact h2{font-size:18px; margin-bottom:5px; padding-bottom:5px;}
.contact ul li{width:100%;}
.contact ul li:not(:nth-of-type(4n)){ margin-right:0;}
.contact ul li:nth-child(n+2){margin-top:15%;}
.contact ul li p b{font-size:20px;}
}


.contact_end{width:100%; margin-top:50px;}
.contact_end_left{float:left; width:50%;}
.contact_end_right{float:none; width:100%; margin-left:0; box-sizing:border-box; background:#f5f5f5; height:393px; overflow:hidden;}
@media screen and (max-width:768px) {
.contact_end{margin-top:25px;}
.contact_end_left{float:none; width:100%;}
.contact_end_right{float:none; width:100%; margin-left:0%; height:auto; margin-top:25px;}
}


.contact_msg {width:100%; padding:5%; box-sizing:border-box; background:#fff; box-shadow: 0 0 8px 0 #e8e8e8;}
.contact_msg input{ border:1px #ddd solid; background:#f8f8f8; box-sizing:border-box; color:#222;}
.contact_msg textarea{ border:1px #ddd solid; background:#f8f8f8; box-sizing:border-box; height:95px; color:#222;}
.contact_msg .msg_submit2{ background:#ffc000!important; width:100%; height:50px; font-size:18px; color:#FFF; cursor:pointer;}
.contact_msg .msg_submit2:hover{background:#e60012!important;}
.contact_msg h2{font-size:24px; margin-bottom:10px; padding-bottom:10px; border-bottom:3px #ffc000 solid; text-transform: uppercase; }
.contact_msg ul{margin-top:25px; overflow:hidden;}
.contact_msg ul li{overflow:hidden; margin-bottom:2%; float:left;width:100%;}
.contact_msg ul li:nth-of-type(1){width:48%;margin-right:2%;}
.contact_msg ul li:nth-of-type(2){width:50%;}
.contact_msg ul li:nth-of-type(3){width:48%;margin-right:2%;}
.contact_msg ul li:nth-of-type(4){width:50%;}
.contact_msg ul li:nth-of-type(5){width:100%;}
@media screen and (max-width:768px) {
.contact_msg {padding:5%;}
.contact_msg h2{font-size:18px; margin-bottom:5px; padding-bottom:5px; }
.contact_msg ul{margin-top:10px; overflow:hidden;}
.contact_msg ul li:nth-of-type(1){width:100%;margin-right:0}
.contact_msg ul li:nth-of-type(2){width:100%;}
.contact_msg ul li:nth-of-type(3){width:100%; margin-right:0;}
.contact_msg ul li:nth-of-type(4){width:100%;}
.contact_msg ul li:nth-of-type(5){width:100%;}
.contact_msg .msg_submit2{height:45px;}
}



/*访客信息*/
.researchlist{}
.researchlistul{ letter-spacing:-8px;}
.researchlistul li{overflow:hidden; position: relative; width:18.4%; vertical-align:top; letter-spacing:normal; display:inline-block; box-sizing:border-box; padding:1%; background:#f5f5f5; border:1px #ddd solid; }
.researchlistul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.researchlistul li:not(:nth-of-type(5n)){ margin-right:2%;}
.researchlistul li:nth-child(n+6){margin-top:2%;}

.researchlistul li img{width:100%; display:block;}
.researchlistul li h2{ margin:10px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;font-size:16px; line-height:20px; text-align:center;}
.researchlistul li:hover h2{color:#11cdbc;}
.researchlistul li .divtxt{line-height:22px; height:66px; font-size:16px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#666; margin-top:10px;}

#research_more{margin-top:20px; width:120px; height:35px; line-height:35px; font-size:16px; text-align:center; border-radius:5px; float:left;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; background:#fff;}
#research_more:hover{color:#11cdbc; border:1px #11cdbc solid;}
@media screen and (max-width:768px) {
.researchlistul{ letter-spacing:-8px; display:block; align-items:none; margin-top:0;}
.researchlistul li{width:47.5%; float:none; margin-top:0px; padding:10px;}
.researchlistul li:not(:nth-of-type(5n)){ margin-right:0;}
.researchlistul li:not(:nth-of-type(2n)){ margin-right:5%;}
.researchlistul li:nth-child(n+3){margin-top:5%;}

.researchlistul li img{margin-bottom:2%; display:block;float:none; margin-right:0; width:100%; max-width:100%;}
.researchlistul li h2{font-size:16px;}
#research_more{width:100%; background:#003e71; color:#FFF;}
}



/*案例*/
.project{}
.projectul{letter-spacing:-8px;}
.projectul li{overflow:hidden; position: relative; width:32%; vertical-align:top; letter-spacing:normal; display:inline-block; box-sizing:border-box; background:#000;}
.projectul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.projectul li:not(:nth-of-type(3n)){margin-right:2%;}
.projectul li:nth-child(n+4){margin-top:2%;}

.projectul li .imgbox{position:relative;}
.projectul li .divtxt{ position:absolute; left:0; bottom:0; padding:15px; box-sizing:border-box; color:#fff;background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); z-index:3; width:100%; text-align:center;}
.projectul li .divtxt h2{font-size:18px; line-height:20px;}
.projectul li:hover .divtxt h2{color:#11cdbc;}

@media screen and (max-width:768px) {
.projectul li{width:47.5%; float:none; margin-top:0px;}
.projectul li:not(:nth-of-type(3n)){ margin-right:0;}
.projectul li:not(:nth-of-type(2n)){ margin-right:5%;}
.projectul li:nth-child(n+3){margin-top:5%;}
.projectul li .divtxt{padding:5px;}
.projectul li .divtxt h2{font-size:14px; line-height:18px;}

}




/*钢材标准*/
.standardlist{}
.standardlist h2{font-size:32px;  color:#003e71;}
.standardlist h3{width:100%; height:2px; background:#11cdbc; margin:10px 0;}
.standardlistul{padding-bottom:100px; padding-top:20px; letter-spacing:-8px;}
.standardlistul li{position:relative; width:13.33%; box-sizing:border-box; letter-spacing:normal; vertical-align:top; display:inline-block;}
.standardlistul li:not(:nth-of-type(6n)){ margin-right:4%;}
.standardlistul li:nth-child(n+7){margin-top:4%;}
.standardlistul li h4{text-align:center; margin-top:10px;}
.standardlistul li .imgbox{ border-radius:100%; border:5px #fff solid; box-sizing:border-box; box-shadow:0 0 15px 0 #ccc;}
@media screen and (max-width:768px) {
.standardlist h2{font-size:20px;}
.standardlistul{padding-bottom:40px; padding-top:10px;}
.standardlistul li{width:30%;}
.standardlistul li:not(:nth-of-type(6n)){ margin-right:0%;}
.standardlistul li:not(:nth-of-type(3n)){ margin-right:5%;}
.standardlistul li:nth-child(n+4){margin-top:5%;}
.standardlistul li .imgbox{border:3px #fff solid; box-shadow:0 0 10px 0 #ccc;}
}



.standardmore{display:inline-block; float:left; height:35px; line-height:35px; font-size:14px; color:#fff; background-color:#003e71; text-align:center; border-radius:5px; cursor:pointer; margin-left:10px; padding:0 30px; font-weight:normal;}
.standardmore:hover {background-color:#11cdbc;}
@media screen and (max-width:768px) {
.prodmore{float:none; font-size:14px; color:#fff; margin:0 2%; width:46%; padding:0;}
}



/*新闻2*/
.newslist{}
.newslistul{ letter-spacing:-8px; overflow:hidden;}
.newslistul li{overflow:hidden; padding:20px; border:1px #ddd dotted; background:#f5f5f5; position:relative; width:48.5%; box-sizing:border-box; letter-spacing:normal; vertical-align:top; display:inline-block;}
.newslistul li:not(:nth-of-type(2n)){ margin-right:3%;}
.newslistul li:nth-child(n+3){margin-top:3%;}
.newslistul li:hover{ background:#fff; box-shadow:0 0 6px 0 #e8e8e8;}
.newslistul li:hover h2 a{color:#11cdbc;}
.newslistul li:hover #research_more{border:1px #11cdbc solid; color:#11cdbc;}
.newslistul li .imgbox{width:30%; margin-right:3%; float:left;}
.newslistul li h2{font-size:18px; margin-bottom:10px;  line-height:20px;}
.newslistul li .divtxt{color:#666; line-height:26px; font-size:14px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
@media screen and (max-width:768px) {
.newslistul li{padding:10px; width:100%;}
.newslistul li:not(:nth-of-type(2n)){ margin-right:0;}
.newslistul li:nth-child(n+2){margin-top:5%;}
.newslistul li .imgbox{width:100%; margin-right:0; float:none; margin-bottom:15px;}
.newslistul li h2{font-size:18px; margin-bottom:5px;}
.newslistul li .divtxt{-webkit-line-clamp:3;line-height:20px;}
}



/*新闻详情页*/
.newsshow{line-height:30px;  overflow:hidden; box-sizing:border-box;}
.news_xxjs{line-height:30px!important; font-size:16px!important; font-weight:normal!important; margin:0 auto; word-break: break-word!important;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:16px;}
.news_xxjs td{padding:4px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;line-height:20px!important; color:#222222!important; word-break:initial!important;}
.news_xxjs table{}
.news_xxjs img{width:auto; max-width:100%; height:auto; margin:0 auto; display:inline; padding:10px 0;}

.news_title{text-align:left;}
.news_title h1{font-size:32px; margin-bottom:15px; border-bottom:1px #ddd dotted; padding-bottom:15px;  line-height:36px; color:#003e71;}
.news_title h1 span{ float:right;}
.pubdate{line-height:20px; margin:0 0 20px 0; OVERFLOW: hidden; color:#999999; font-size:14px;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}

.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}
.pubdatenews2{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}


/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0; background:#f8f8f8;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px; padding:10px 0;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
.newsshow{padding:0px; margin-top:0px;}
.news_title h1{font-size:24px; padding-bottom:10px; line-height:26px;}
.news_title h1 span{ float:right; display:none;}

.newsindex{overflow:hidden;margin:0px auto;}
.newsleft{ float:left; width:100%;}
.newsright{ display:none;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.newsshow2{float:none;}
.news_xxjs2{padding:20px;width:100%; float:none;}
.news_xxjs p,.news_xxjs span{line-height:24px!important; font-size:14px;}
.news_xxjs td{padding:8px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;}
}



/*product*/
.prodcate_list{margin-top:0px;}
.prodcate_list ul li{margin-bottom:100px;}

.prodcate_list_all{padding-bottom:20px; border-bottom:2px #11cdbc solid; margin-bottom:20px; overflow:hidden;}
.prodcate_list_pic{float:left; width:15%; margin-right:2%; vertical-align:top;}
.prodcate_list_pic img{border-radius:100%;}
.prodcate_list_txt{ float:left; width:100%; line-height:30px;box-sizing:border-box; overflow:hidden;}
.prodcate_list_txt h2{ font-size:32px;  margin-bottom:10px;  color:#003e71;}
.prodcate_list_txt h2 a{color:#003e71;}
.prodcate_list_txt h2 a:hover{color:#11cdbc;}
.prodcate_list_txt .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}

.prodcate_list_prod{}
.prodcate_list_prod ul{letter-spacing:-8px;}
.prodcate_list_prod ul li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#003e71; box-sizing:border-box; width:17.6%; box-shadow:0 0 10px 0 #ccc; margin-bottom:0;}
.prodcate_list_prod ul li:not(:nth-of-type(5n)){ margin-right:3%;}
.prodcate_list_prod ul li:nth-child(n+6){margin-top:3%;}
.prodcate_list_prod ul li a{color:#003e71; position:relative;}
.prodcate_list_prod ul li:hover a{color:#11cdbc;}
.prodcate_list_prod_txt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; margin-top:10px;}

@media screen and (max-width:768px) {
.prodcate_list ul li{margin-bottom:50px;}
	
.prodcate_list_prod ul li{width:47.5%; margin-bottom:0;}
.prodcate_list_prod ul li:not(:nth-of-type(5n)){ margin-right:0;}
.prodcate_list_prod ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.prodcate_list_prod ul li:nth-child(n+3){margin-top:3%;}
.prodcate_list_prod_txt{font-size:14px;}

.prodcate_list_txt h2{ font-size:24px;}
}




/*产品型号列表*/
.productlist{margin:0; box-sizing:border-box;}
.productlist h1{font-size:36px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px; color:#003e71;}
.lartxt{line-height:30px; margin-bottom:30px;}
.productlistul{letter-spacing:-8px;}
.productlistul li{letter-spacing:normal; vertical-align:top; background:#003e71; position: relative; width:48.5%; display:inline-block; box-sizing:border-box; color:#fff; box-shadow:0 0 10px 0 #ccc;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul li:nth-child(n+3){margin-top:3%;}

.productlistul li:hover{/*box-shadow:0 0 10px 0 #ddd;*/}
.productlistul li:hover h2 a ,.productlistul li:hover #research_more{color:#11cdbc;}
.productlistul li:hover #research_more{color:#075eb1; border:1px #075eb1 solid;}
.productlistul li .imgbox{width:40%; display:inline-block; float:left; margin-right:2%;}
.productlistul li .div_txt{ width:58%; float:right; line-height:24px; padding:20px 10px 0 10px; box-sizing:border-box;}
.productlistul li .div_txt h2{font-size:20px; margin:0 0 10px 0;  color:#fff;}
.productlistul li .div_txt h2 a{color:#fff;}
.productlistul li .div_txt_p{line-height:24px; font-size:14px; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical; background:none!important;}
.productlistul li .div_txt_p p{background:none!important;}
.productlistul li .div_txt_p b,.productlistul li .div_txt_p strong{ font-weight:normal;}

@media screen and (max-width:768px) {
.productlist{}
.productlist h3{font-size:24px;}
.lartxt{line-height:24px; margin-bottom:20px;}
.productlistul{ margin-bottom:20px;}

.productlistul li{width:100%;}
.productlistul li:not(:nth-of-type(3n)){ margin-right:0;}
.productlistul li:nth-child(n+2){margin-top:5%;}
.productlistul li .imgbox{width:100%; float:none; margin-right:0;}
.productlistul li .div_txt{width:100%; float:none; padding:10px;}
}


.productlist_more{margin:10px 0px; height:35px; line-height:35px; font-size:14px; color:#fff; background-color:#11cdbc; text-align:center; border-radius:50px; cursor:pointer; padding:0 30px;display:inline-block;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.productlist_more:hover {background-color:#ffc000;}

.productlist_more2{margin:20px 0px; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#ffc000; text-align:center; border-radius:5px; cursor:pointer; padding:0 30px;display:inline-block;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.productlist_more2:hover {background-color:#11cdbc;}

.productlist_more_right{ margin-right:15px;}
@media screen and (max-width:768px) {
.productlist_more{margin:20px 0px;font-size:14px; padding:0 20px;display:inline-block;}
.productlist_more2{margin:20px 0px; font-size:14px; padding:0 20px;display:inline-block;}

.productlist_more_right{ margin-right:10px;}
}

.prodmore{display:inline-block; margin-top:20px; float:left; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#003e71; text-align:center; border-radius:5px; cursor:pointer; margin-right:10px; padding:0 30px;}
.prodmore:hover {background-color:#11cdbc;}
@media screen and (max-width:768px) {
.prodmore{float:none; color:#fff; margin:10px 0; width:100%; padding:0;}
}


#tab1{width:100%; overflow:hidden; background:none; margin-top:50px;border-bottom:2px #003e71 solid;}
#tab1 ul{margin:0;padding:0; overflow:hidden;}
#tab1 li{float:left;width:19.6%; height:45px;line-height:45px; text-align:center; cursor:pointer; font-size:16px; background:#fff; }
#tab1 li:not(:nth-of-type(5n)){ margin-right:0.5%;}

#tab1 li.now{color:#fff; background:#003e71;}
.tablist{overflow:hidden; display:none;padding:2%; overflow-x:auto; background:#fff;}
.block{display:block; }
@media screen and (max-width:768px) {
.tablist{padding:10px;}
#tab1{border-bottom:none; margin-bottom:0px;}
#tab1 li{width:32%;font-size:14px; border:1px #ddd solid; box-sizing:border-box; font-weight:normal; height:35px;line-height:35px;}
#tab1 li:not(:nth-of-type(5n)){ margin-right:0%;}
#tab1 li:not(:nth-of-type(3n)){ margin-right:2%;}
#tab1 li:nth-child(n+4){margin-top:2%;}
}


#tablist1{ border:1px #ddd solid; box-sizing:border-box; margin-top:15px;}


/*产品详情页的底部*/
.cpshow{margin:0;}
.cpshowtop{overflow:hidden;}
.cpshowtop_l{ float:left; border:0px #ddd solid;}
.cpshowtop_r{float:right; width:46%; overflow:hidden;}
.cpshowtop_r h1{font-size:28px; line-height:30px; border-bottom:1px #ddd dotted; padding-bottom:10px; margin-top:10px;  color:#003e71;}
.cpshowtop_r h2 p{float:left; line-height:45px; font-size:14px; color:#999; display:block;}
.cpshowtop_r_tags{line-height:30px; padding:20px; background:#fafafa; border:1px #ddd solid; margin:10px 0 0 0; font-size:14px;}
.cpshowtop_r_div{line-height:30px; padding-top:5px;}

@media screen and (max-width: 1024px) {
.cpshowtop_r{width:30%;}
}

@media screen and (max-width: 768px) {
.cpshowtop{overflow:hidden;}
.cpshowtop_l{float:none; width:100%; display:block;}
.cpshow{margin:0px auto; padding:0;}
.cpshowtop_r{width:100%; float:none; margin-top:10px;}
.cpshowtop_r h2{padding-bottom:5px;font-size:24px; margin-top:0;}
.cpshowtop_r_tags{padding:10px;}
}


/*产品详情页滚动*/
.lanrenzhijia{width:500px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:530px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:500px;height:500px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:500px;position:relative;overflow:hidden; border:1px #ddd solid;}
.lanrenzhijia .picBox ul{height:500px;position:absolute;}
.lanrenzhijia .picBox li{width:500px;height:500px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:500px;height:90px;margin:0 auto;position:relative;padding:15px 0 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:48px;/*position:absolute;*/ margin-left:37px;}
.lanrenzhijia .listBox li{width:68px;height:55px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:55px;height:55px;}
.lanrenzhijia .listBox li img{width:55px;height:55px;border:1px solid #ddd;}
.lanrenzhijia .listBox .on img{width:55px;height:55px;border:1px solid #e17212;}
.lanrenzhijia .listBox .on i{display:block;}
@media screen and (max-width: 768px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:360px;cursor:pointer;z-index:2;font-size:30px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(back_16_2.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:0px; width:46px; height:48px;}
.lanrenzhijia #prevTop{background: url(prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:-7px;background:url(back_19_2.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:320px;height:320px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{ width:320px; height:320px;position:relative;overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox ul{height:320px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:320px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:300px;height:60px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:60px;position:absolute; margin-left:0px;}
.lanrenzhijia .listBox li{width:60px;height:60px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:60px;height:40px}
.lanrenzhijia .listBox li img{width:56px;height:56px;}
.lanrenzhijia .listBox .on img{width:56px;height:56px;border:1px solid #e17212;}
.lanrenzhijia .listBox .on i{display:block;}
}



.ptitle2{border-bottom:3px #11cdbc solid; margin:0 0 10px 0; padding:5px 10px; background:#003e71; box-sizing:border-box;}
.ptitle2 h3{color:#fff; height:35px; line-height:35px; display:inline-block; font-size:18px; width:100%; box-sizing:border-box; }
.ptitle2margintop40{ margin-top:40px;}
.ptitle2marginbottom40{ margin-bottom:40px;}

.relatedul{overflow:hidden; letter-spacing:-8px; margin-top:15px;}
.relatedul li{display:inline-block; overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; background:#FFF; border:1px #ddd solid;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:3%;}
.relatedul li .imgbox{width:100%; float:none;}
.relatedul li .imgbox img{padding:0; display:block;}
.relatedul li p{text-align:center; padding:6px 0;}
@media screen and (max-width: 768px) {
.ptitle2{padding:5px 10px;}
.ptitle2 h3{height:30px; line-height:30px; font-size:18px;}
.ptitle2margintop40{ margin-top:20px;}
.relatedul{margin-top:15px;}
.relatedul li{width:47.5%;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:0;}
.relatedul li:not(:nth-of-type(2n)){ margin-right:5%;}
.relatedul li:nth-child(n+3){margin-top:5%;}
}


/***mod4***/
.index_news{display:block; width:100%;}
.index_news_m{ display:none; width:100%;}
.mod45_prod{display:block; box-sizing:border-box;}
.mod45_prod_m{display:none;}
.mod45_prod li{float:left; width:100%; position:relative; display:block; line-height:25px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;}
.swiper-button-next.index-area-next {top:45%; right:90px; width:45px; height:45px; background:url(next.png) no-repeat; display:none;}
.swiper-button-prev.index-area-prev {top:45%; left:90px; width:45px; height:45px; background:url(prev.png) no-repeat; display:none;}
@media screen and (max-width:768px) {
.index_news{ display:none;}
.index_news_m{display:block;}
.mod45_prod{display:none;}
.mod45_prod_m{display:block;}
.mod45_prod_m li{float:left; width:100%; position:relative; display:block; line-height:25px; background-color:#fff; border:1px solid #ddd; box-shadow:0 0px 6px 0 #ddd; box-sizing:border-box;}
.swiper-button-next.index-area-next {top:45%; right:-15px; width:45px; height:45px; background-image:none; background:url(next.png) no-repeat;}
.swiper-button-prev.index-area-prev {top:45%; left:5px; width:45px; height:45px; background-image:none; background:url(prev.png) no-repeat;}
}





/*--------在线留言--------------*/
.guestbook2{width:100%; margin:0px auto 50px; padding:0;}
.guestbook2 h4{font-size:24px; margin:10px 0px;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook2 ul li p{ margin-top:5px;}
.box22 {width:100%; border:1px #ddd solid; line-height:30px; padding:4px 10px; box-sizing:border-box; background:#fff;}
.box44 {width:100%; border:1px #ddd solid; line-height:30px; padding:4px 10px; box-sizing:border-box; background:#fff;}
.box33 {width:100%; border:1px #ddd solid; line-height:24px; padding:4px 10px; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif; box-sizing:border-box; background:#fff;}
.sub_gestbook2 {background-color:#003e71; border:none;width:100%; height:45px; line-height:45px; color:#fff; font-size:16px; cursor:pointer;text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; font-family:'Geomanist-Book';}
.sub_gestbook2:hover{ background:#11cdbc;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
.guestbook2{width:100%; margin:0px auto 30px; padding:0;}
}



.sitemap{overflow:hidden; background:#FFF; padding:30px; border:1px #ddd solid;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#173c96; margin-bottom:10px;}
.sitemap h2 a{color:#173c96;}
.sitemap h2 a:hover{color:#11cdbc;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:18px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:16px; line-height:24px;}
@media screen and (max-width:768px) {
.sitemap{padding:0.15rem;}
}

.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}


.videolist{position:absolute; bottom:0; right:0; width:50px; height:50px; z-index:22; background:#ff0000 url(video.png) center center no-repeat; background-size:32px;}

/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color: rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select: none;}
.vclose { position:absolute;right:-15px; top:-15px;cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; border:15px solid #fff; position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-300px; z-index:100; width:800px; height:600px; background:#000000; box-sizing:border-box;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:-10px; top:-10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; border:10px solid #ffffff; position:fixed; left:50%; top:50%; margin-left:-160px; margin-top:-120px; z-index:100; width:320px; height:240px; }
.videolist {}
}