/* 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:#ff6600;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 {font-weight:700;}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: 'ProximaNova-Regular';
src:
url('../font/ProximaNova-Regular.ttf') format('truetype'),
url('../font/ProximaNova-Regular.woff') format('woff'),
url('../font/ProximaNova-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

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

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

/***头部***/
.header {position:fixed; top:0; left:0; width:100%; z-index:9; background:linear-gradient(to right, rgba(218,218,218,0.85) 0%, rgba(218,218,218,0.85) 4.5%, rgba(73,73,73,0.9) 4.5%, rgba(73,73,73,0.9) 100%);}
.header_over {position:fixed; top:0; left:0; width:100%; z-index:9999; background:linear-gradient(to right, rgba(218,218,218,0.85) 0%, rgba(218,218,218,0.85) 4.5%, rgba(73,73,73,0.9) 4.5%, rgba(73,73,73,0.9) 100%);}
@media screen and (max-width:1700px) {
.header {background:linear-gradient(to right, rgba(218,218,218,0.85) 0%, rgba(218,218,218,0.85) 5.5%, rgba(73,73,73,0.9) 5.5%, rgba(73,73,73,0.9) 100%);}
.header_over {background:linear-gradient(to right, rgba(218,218,218,0.85) 0%, rgba(218,218,218,0.85) 5.5%, rgba(73,73,73,0.9) 5.5%, rgba(73,73,73,0.9) 100%);}
}
@media screen and (max-width:1350px) {
.header {background:linear-gradient(to right, rgba(218,218,218,0.85) 0%, rgba(218,218,218,0.85) 6%, rgba(73,73,73,0.9) 6%, rgba(73,73,73,0.9) 100%);}
.header_over {background:linear-gradient(to right, rgba(218,218,218,0.85) 0%, rgba(218,218,218,0.85) 6%, rgba(73,73,73,0.9) 6%, rgba(73,73,73,0.9) 100%);}
}


.header_top{height:68px; padding:10px 0;}
.header_top .main{width:99%; max-width:none;}
.header-logo {float:left; width:30%;}
.header-logo img{width:auto; height:60px; float:left; margin-right:10px;}
.header-logo h2{font-size:14px; color:#fff; margin-top:7px;}
.header-logo h2 b{ display:block; font-weight:700; font-size:24px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; margin-bottom:5px;}

.header-right{position:relative; float:right; width:70%;}
.header-nav {width:100%;}
.header-nav ul{ text-align:right;}
.header-nav ul li{position:relative; display:inline-block; height:68px; line-height:68px; font-size:16px; text-align:center; text-transform:uppercase; padding:0 20px;}
.header-nav ul li a {position:relative; display:block; color:#fff;}
.header-nav ul li a:hover{color:#ff6600;}
.header-nav ul li img{ float:left; width:30px; display:inline-block; margin-right:6px; margin-top:23px; border-radius:5px;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#ff6600;}
*html #menu li a:hover {color:#ff6600;}
#menu ul {margin:15px 0 0 0; padding:0; opacity:0; visibility:hidden; position:absolute; top:78px; width:200px; z-index:1; background:none; background-color:rgba(73,73,73,0.9); -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:14px;}
#menu ul li a {display:block; color:#fff;}
#menu ul li:hover {color:#ff6600;}
#menu ul li:hover a{color:#ff6600;}
#menu ul li:last-child{border-bottom:0;}
#menu ul li img{margin-top:0; vertical-align:middle;}

#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:#ff6600!important;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 200px;}
.m-header {display:none;}
@media screen and (max-width:1750px) {
.header-nav ul li{font-size:16px;padding:0 15px;}
}
@media screen and (max-width:1650px) {
.header-nav ul li{font-size:14px;padding:0 15px;}
}
@media screen and (max-width:1560px) {
.header-nav ul li{font-size:14px;padding:0 10px;}
}

@media screen and (max-width:768px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(245,245,245,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:8px;font-size:16px;}
.m-header-logo img{ height:28px; width:auto; float:left; margin-right:10px; margin-top:2px;}
.m-header-logo h2{font-size:16px; line-height:30px; color:#555; text-transform:uppercase; font-weight:700;}
.m-header-logo h2 b{display:block; font-weight:700; font-size:16px; color:#333;}

.nav-btn {position:relative; float:right; margin:16px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#004cb3; 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:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; 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; padding-left:20px; line-height:40px; font-size:16px; border-top:1px #ddd 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:#000;width:80%; display:block;}
.m-nav ul li ul li a {display:block; font-size:16px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.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(../image/loading.gif) 50% no-repeat; margin-top:1px;}
.swiper-slide{position:relative; background-position:center!important; background-size:cover!important;}

.slide-txt1 {position:absolute; text-align:left; color:#fff; top:55%; transform:translateY(-55%); width:1000px; box-sizing:border-box; left:8%;
border-radius:10px;}
.slide-txt1 .p1 {font-size:70px; line-height:70px; font-weight:700; margin-bottom:20px; font-family:Tahoma, Geneva, sans-serif;}
.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; font-weight:700;}
.slide-txt1 .p3 a:hover {opacity:0.8;}

.slide_txt1_btn{background:#ff6600; 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:#ec0000;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) {
.banner{margin-top:45px;}

.slide-txt1 {position:absolute; text-align:left; color:#fff; top:50%; transform:translateY(-50%); width:90%; padding:5%; box-sizing:border-box; left:50%; margin-left:-45%; background:rgba(0,0,0,0.5);}
.slide-txt1 .p1 { font-size:18px; line-height:24px; margin-bottom:5px;}
.slide-txt1 .p2 { font-size:16px;  line-height:20px;}
.slide-txt1 .p3 { margin-top:5px;}
.slide-txt1 .p3 a { margin:0 2px; width:100px; height:22px; line-height:22px; font-size:12px;}

.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:12px;}
.slide_txt1_btn:hover{background:#ed2700;color:#FFF;}
}


.panner {width:100%; display:block; position:relative; height:auto; overflow:hidden;background:#000 url(../image/loading.gif) 50% no-repeat; margin-top:1px;}
#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.9); padding:80px 10% 80px 100px; height:100%;}
.p_txt1 .p1{font-size:36px; line-height:36px; font-weight:700; font-family:Tahoma, Geneva, sans-serif;  padding-bottom:15px;}
.p_txt1 .p2{line-height:24px!important;}
.p_txt1 .p2 td{padding:2px 4px!important; font-size:13px!important; line-height:18px!important; border:1px rgba(255,255,255,0.4) solid!important;}
.p_txt1 .p3{ margin-top:40px;}
.p_txt1 .p3 .more{ height:45px; line-height:45px; padding:0 35px; color:#ffffff;}
.p_txt1 a{color:#337FE5;}
.p_txt1 a:hover{color:#ff6600;}
@media screen and (max-width:768px) {
#pannerpc{display:block; height:300px;}
#pannerpc .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); padding:30px; height:auto; top:0;}
.p_txt1 .p1{font-size:28px; line-height:30px; padding-bottom:0px;}
.p_txt1 .p2{line-height:20px!important; font-size:14px; display:none;}
.p_txt1 .p2 td{padding:2px 4px!important; font-size:13px!important; line-height:18px!important; border:1px rgba(255,255,255,0.4) solid!important;}
.p_txt1 .p3{ margin-top:20px;}
.p_txt1 .p3 .more{ height:35px; line-height:35px; padding:0 20px;}
}


/***img***/
.imgbox {overflow:hidden;}
.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(../image/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(../image/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:1560px; box-sizing:border-box; padding-bottom:15px; border-bottom:1px #ddd solid; overflow:hidden;}
.htitle_left{float:left;}
.htitle_left h2{position:relative; font-size:48px; text-transform:uppercase; font-weight:700; font-family:Tahoma, Geneva, sans-serif;}
.htitle_left .ptxt{ font-size:14px; color:#666666; line-height:20px;}
.htitle_right{ float:right;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 10px;width:92%;}
.htitle_left{float:none; width:100%;}
.htitle_left h2{font-size:24px;}
.htitle_right{float:none; width:100%; margin-top:10px;}
}


.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:#ff6600; 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:#ec0000;}
.more:hover a{color:#fff;}

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

.more_white{display:inline-block; margin:30px auto 0; height:35px; line-height:35px; font-size:12px; padding:0 25px; text-align:center; text-transform: uppercase; color:#004cb3;  border-radius:25px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#FFF; font-weight:700;}
.more_white:hover{ background:#ec0000; color:#FFF;}

@media screen and (max-width:768px) {
.more {margin:0px auto; height:30px; line-height:30px; padding:0 25px; 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:45%; margin-right:5%; box-sizing:border-box; float:left;}
.mod1_left_txt{line-height:30px;}
.mod1_left_txt img{ width:auto; max-width:80%; margin-top:15px;}

.mod1_right{float:right; width:50%; background:url(../image/index_1.jpg) center center no-repeat; background-size:cover; border-left:10px #ff6600 solid; box-sizing:border-box; /*padding:50px 80px;*/ text-align:center; color:#fff;}
.mod1_right ul{ overflow:hidden;}
.mod1_right ul li{ float:left; width:50%; padding:20px; box-sizing:border-box;border:1px rgba(255,255,255,0.4) solid;}
.mod1_right ul li h2{ font-size:48px; height:58px; line-height:58px; font-weight:700; font-family:Tahoma, Geneva, sans-serif; color:#ff6600;}
.mod1_right ul li h3{ font-size:18px; font-weight:700; line-height:30px; height:30px;}

.mod1_right ul li:nth-of-type(1){border-left:1px rgba(255,255,255,0) solid;border-top:1px rgba(255,255,255,0) solid;border-right:1px rgba(255,255,255,0) solid;}
.mod1_right ul li:nth-of-type(2){border-top:1px rgba(255,255,255,0) solid;border-right:1px rgba(255,255,255,0) solid;}
.mod1_right ul li:nth-of-type(3){border-left:1px rgba(255,255,255,0) solid;border-top:1px rgba(255,255,255,0) solid;border-bottom:1px rgba(255,255,255,0) solid;border-right:1px rgba(255,255,255,0) solid; }
.mod1_right ul li:nth-of-type(4){border-right:1px rgba(255,255,255,0) solid;border-top:1px rgba(255,255,255,0) solid;border-bottom:1px rgba(255,255,255,0) solid; }
@media screen and (max-width:768px) {
.mod1 {padding:40px 0; height:auto;}
.mod1_left{float:none; width:100%; padding:0px;}
.mod1_left_txt{line-height:28px; font-size:14px;}
.mod1_right{float:none; width:100%; border-left:0px; padding:0px; color:#fff; margin-top:20px;}
.mod1_right ul{ overflow:hidden;}
.mod1_right ul li{padding:10px;}
.mod1_right ul li h2{ font-size:24px; height:48px; line-height:48px;}
.mod1_right ul li h3{ font-size:16px; line-height:30px; height:30px;}
}


/***mod2***/
.mod2{position:relative; background:#000; overflow:hidden;}
@media screen and (max-width:768px) {
.mod2 {height:auto;}
}


/***mod3***/
.mod3{position:relative; background:#fff url(../image/index_2.jpg) center top;  overflow:hidden; padding:100px 0;}
.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:22.75%; display:inline-block; box-sizing:border-box;}
.mod3_prod ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.mod3_prod ul li:nth-child(n+5){margin-top:3%;}
.mod3_prod ul li .imgbox{position:relative;}
.mod3_prod ul li .imgbox h2{width:100%; font-size:16px; line-height:45px; height:45px; padding:0 10px; color:#FFF; background:rgba(73,73,73,0.9); 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:28px; font-size:14px;}
.mod3_prod ul li{width:47.5%;}
.mod3_prod ul li:not(:nth-of-type(4n)){ 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:16px; line-height:20px; height:auto; padding:10px; -webkit-line-clamp:2;}
}

.index_ad{background: -webkit-linear-gradient(top, #ff8a00, #e7ae00); padding:30px 0; text-align:center; color:#fff;}
.index_ad_txt{ font-size:32px; text-transform:uppercase; font-weight:700;}
.index_ad_txt .more{ margin-left:10px; font-size:18px; padding:0 40px; height:40px; line-height:40px; vertical-align:middle; background:#494949; font-weight:normal;}
.index_ad_txt .more:hover{background:#ec0000;}
@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:18px; line-height:24px; color:#FFF; text-transform:uppercase; font-weight:700;}
.mod4_prod_txt p{ color:#ff6600; margin-top:10px;}

.mod4_left{width:100%; text-align:left; padding:35px; box-sizing:border-box;}
.mod4_left h3{font-size:18px; text-transform:uppercase; line-height:40px;}
.mod4_left h2{font-size:48px; font-weight:700; margin-bottom:10px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
.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; font-weight:700; margin-bottom:20px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; 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:24px; margin-bottom:10px;}
.mod4_left .ptxt{margin-bottom:0px; font-size:14px;}
.mod4_right h2{font-size:32px; line-height:36px;}
}


.mod5{background:#f5f5f5 url(../image/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; font-family:Tahoma, Geneva, sans-serif; margin-bottom:15px; font-weight:700;}
.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; font-family:Tahoma, Geneva, sans-serif;display:block; font-weight:700; color:#ff6600;}
.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:95%;}
.mod5_left h3{font-size:16px; margin-bottom:10px;}
.mod5_left h2{ font-size:24px; margin-bottom:5px; font-weight:700;}
.mod5_left_txt{line-height:20px; font-size:14px;}
}


/***mod6***/
.mod6{background:#737373; overflow:hidden; box-sizing:border-box; padding:100px 0;}
.mod6 .main{overflow:hidden; padding-top:20px;}
.mod6 .htitle{color:#fff; border-bottom:1px #999 solid;}
.mod6 .htitle_left .ptxt{color:#fff;}

.mod6_left{float:left; width:37.5%; border:1px #ddd solid; background:#f5f5f5; padding:2%; box-sizing:border-box;}
.mod6_left h2{font-size:18px; font-weight:700; margin-top:15px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mod6_left .ptxt{line-height:24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; opacity:0.65;}

.mod6_right{float:right; width:58.5%; box-sizing:border-box; margin-left:4%;}
.mod6_right ul{overflow:hidden;}
.mod6_right ul li{border-bottom:1px #8a8a8a solid; overflow:hidden; padding-top:5%; padding-bottom:5%; color:#fff;}
.mod6_right ul li:first-child{ padding-top:5%;}
.mod6_right ul li:last-child{ margin-bottom:0;}
.mod6_right ul li h2{font-size:28px; margin-bottom:5px; color:#fff;}
.mod6_right ul li:hover{background:#6e6e6e;}
.mod6_right ul li h2:hover{color:#ff6600;}
.mod6_right .ptxt{line-height:24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; opacity:0.75;}
@media screen and (max-width:768px){
.mod6{padding:40px 0;}
.mod6_left{float:none; width:100%; padding:5%; box-sizing:border-box;}
.mod6_left h2{font-size:16px; font-weight:700; margin-top:15px; margin-bottom:5px;}
.mod6_left .ptxt{line-height:20px; font-size:14px;}

.mod6_right{float:none; width:100%; box-sizing:border-box; margin-left:0; margin-top:5%;}
.mod6_right ul li{padding-top:10%; padding-bottom:10%;}
.mod6_right ul li:first-child{ padding-top:10%;}
.mod6_right ul li h2{font-size:18px;}
.mod6_right .ptxt{line-height:20px; font-size:14px;}
}


/***footer***/
.footer {position:relative; background:url(../image/index_3.jpg) center top no-repeat; background-size:cover; padding:40px 0;}
.footer a:hover{text-decoration:underline; opacity:1;}
.footer .main{overflow:hidden;}
.footer_left{float:left; width:35%; overflow:hidden; line-height:24px; padding:5% 5% 5% 0; box-sizing:border-box;}
.footer_contact {width:100%;}
.footer_contact h2{font-size:24px; line-height:36px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.footer_contact img{ width:60%; display:inline-block; margin-bottom:10px;}
.footer_contact ul{}
.footer_contact ul li {margin-top:20px; 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(../image/ico_address2.svg); margin-top:10px;}
.footer_contact ul li:nth-child(2) {background-image:url(../image/ico_tel2.svg);}
.footer_contact ul li:nth-child(3) {background-image:url(../image/ico_whatsup2.svg);}
.footer_contact ul li:nth-child(4) {background-image:url(../image/ico_email2.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:15%; padding:5% 0 5% 2%;}
.footer_nav h2{font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:700;}
.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:30px;background:url(../image/point.png) left center no-repeat; padding-left:10px; text-transform: capitalize;}

.footer_right{ float:right; width:45%; overflow:hidden; line-height:24px; padding:5% 0 5% 5%; box-sizing:border-box;}
.footer_msg {width:100%;}
.footer_msg h2{font-size:18px; font-weight:700; 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:#ff6600; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; font-family:Tahoma, Geneva, sans-serif; font-weight:700;}
.msg_submit:hover{ background:#ec0000; 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:16px; line-height:24px; margin:0; box-sizing:border-box; padding:0;}
.footer_contact h2{font-size:24px; line-height:30px; margin-bottom:10px;}
.footer_contact ul li {font-size:14px;}

.footer_nav {width:100%; padding:0; margin-top:30px;}
.footer_nav h2{font-size:24px; margin-bottom:20px; text-transform:uppercase; font-weight:700;}
.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:0 auto; width:100%;position: relative;}
.ban img{height:100%;}
.ban .addiv{position:absolute; width:800px; color:#FFF; left:10%; font-size:16px; top:55%; transform:translateY(-55%); }
.ban .addiv h2{ font-size:55px; text-transform:uppercase; margin-bottom:5px; font-weight:700; -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:18px;}
/*.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;}*/
#banpc{display:block;}
#banmob{display:none;}
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
.ban img{height:auto;}
.ban .addiv{margin-top:0px; font-size:16px; top:50%; line-height:24px;width:80%; padding:0;}
.ban .addiv h2{ font-size:24px; margin-bottom:5px; text-transform:uppercase;}
.ban .addiv h2:before, .ban .addiv h2:after {display:none;}
.ban .addiv p{-webkit-line-clamp:4; line-height:18px; font-size:14px;}
#banpc{display:none;}
#banmob{display:block;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background: -webkit-linear-gradient(left, #ddd, #ddd);}
#weizhi2{width:100%; margin:88px auto 0; background: -webkit-linear-gradient(left, #ddd, #ddd);}
.weizhi{overflow:hidden;width:95%; max-width:1560px; 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(../image/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../image/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:12px;}
.span_right{font-size:12px;}
}


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

#onseca {background:#004cb3;color:#FFF;}
#onseca a{background:#004cb3;color:#FFF;}
#onsec {color:#ec0000;}
#onsec a{color:#ec0000;}
.margintop50{margin-top:30px;}
.margintop100{margin-top:100px;}
.marginbottom100{margin-bottom:100px;}
@media screen and (max-width: 768px) {
.margintop50{ margin-top:25px;}
.margintop100{ margin-top:50px;}
.marginbottom100{margin-bottom:50px;}
}


/*内页子导航*/
#lmlb{ width:100%; padding:20px 0;  background:rgba(0,0,0,0.6);}
.lmlb{overflow:hidden; width:95%; max-width:1560px; 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:#ec0000;}
.lmlb ul li:hover a{color:#fff;}
#lmlbonsec {color:#fff; background:#ec0000;}
#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(../image/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:30px 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:16px; padding:8px 20px; 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:12px; padding:3px 8px; margin:0;}
}

.lytext {margin:0 auto 20px;}
.lyhtitle {position:relative; font-size:36px; font-family:Tahoma, Geneva, sans-serif; font-weight:700; padding-bottom:10px; border-bottom:1px #ddd solid; text-transform:uppercase;}
.lytext_txt {margin:0 auto; line-height:28px; font-size:16px; text-align:left; margin-top:10px;}
@media screen and (max-width:768px) {
.lytext {margin:0px auto 10px;}
.lyhtitle {font-size:18px;}
.lytext_txt {line-height:24px; font-size:16px;}
}


/*左右框架*/
.main_about {position:relative; margin:0 auto; width:95%; max-width:1560px; overflow:hidden; /*display:table;*/ display: flex; align-items: stretch;}
.mainleft{float:left; width:22%; overflow:hidden; box-sizing:border-box; margin-right:3%; background:#f8f8f8;box-sizing:border-box; padding:2%; border:1px #ddd solid;}
.mainleft_title{font-size:22px; text-transform:uppercase; padding:10px 0px; border-bottom:3px #ff6600 solid; font-weight:700;}
.mainleft_list{ margin-bottom:1px;}
.mainleft_list h2{line-height:20px; font-size:16px; background:#f5f5f5 url(../image/point.png) 10px center no-repeat;padding:10px 10px 10px 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(../image/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:16px; font-size:16px; display: block; line-height:24px; position:relative; padding:10px 10px 10px 30px;}
.list ul li .inactive{ background:url(../image/off.png) no-repeat 10px center;}
.list ul li .inactives{background:url(../image/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(../image/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:15px; font-size:16px;}
.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:16px;}

.margintop50{ margin-top:50px;}
.mainright{float:right; 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:100px 0; width:100%; display:inline-block; background:#fff;}
.about_mod{ overflow:hidden;}
.about_mod .lymain{background:#f5f5f5; overflow:hidden;}
.about_left{float:left!important;}
.about_right{float:right!important;}
.about_img{width:50%;}
.about_img img{ width:100%; height:100%;}
.about_righttxt{width:50%; position:relative;}
.about_ptxt{padding:30px; box-sizing:border-box;}
.about_ptxt h2{font-size:36px; font-weight:700; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase;}
.about_ptxt h3{width:50px; height:3px; background:#ff6600; margin:15px 0;}
.about_ptxt .pwords{ line-height:30px; font-size:14px;} 
.about_ptxt .pwords b ,.about_ptxt .pwords strong{color:#ff6600; font-weight:normal;}
@media screen and (max-width:768px) {
.about_mod0 {padding:20px 0;}
.about_mod{ overflow:hidden; display:block;}
.about_img{width:100%;}
.about_img img{ width:100%; height:auto;}
.about_righttxt{width:100%; position:relative;}
.about_ptxt{top:100%; padding:15px; position:relative; top:0; transform:translateY(0%); font-size:14px;}
.about_ptxt h2{font-size:18px;}
.about_ptxt .pwords{line-height:24px; font-size:14px;} 
}


/*about us*/
.about_txt{line-height:30px; font-size:16px; overflow:hidden;}
.about_txt h2{font-size:36px; margin-bottom:20px;  border-bottom: 1px #ddd solid; padding-bottom:10px; font-weight:700; text-transform:uppercase;}
.about_txt b,.about_txt strong{color:#ffa200; font-size:16px; font-weight:normal;}
.about_txt td{padding:4px; line-height:18px; font-size:16px;}
.about_txt p,.about_txt span{line-height:30px!important; font-size:16px;}
.about_txt td{padding:8px; font-size:14px!important; border:1px #CCCCCC solid;}
.about_txt td p,.about_txt td span{font-size:14px!important;}
.about_txt img{ width:auto; max-width:100%;}
.about_txt ul{letter-spacing:-8px; margin-top:20px; box-sizing:border-box;}
.about_txt ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:100%; box-sizing:border-box; background:#f5f5f5;}
.about_txt_left{float:left;}
.about_txt_right{float:right;}
.about_txt ul li img{width:50%;}
.abouttxt{line-height:28px; padding:50px; box-sizing:border-box; width:50%; font-size:18px; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.abouttxt h3{font-size:32px; padding-bottom:10px; font-weight:700;}
@media screen and (max-width:768px) {
.about_txt{line-height:24px; font-size:16px;}
.about_txt table{display:block; display:-webkit-box;  width:auto!important; white-space:nowrap;overflow-x:auto; overflow-y: hidden; margin-bottom:5px; padding-bottom:10px;}
.about_txt h2{font-size:18px; padding-bottom:10px; line-height:26px; margin-bottom:10px;}
.about_txt p,.about_txt span{line-height:24px!important; font-size:14px;}
.about_txt_left{float:none;}
.about_txt_right{float:none;}
.about_txt ul li img{width:100%;}
.abouttxt{line-height:24px; padding:20px 20px 0 20px; width:100%; font-size:14px; -webkit-line-clamp:15; margin-bottom:20px;}
.abouttxt h3{font-size:18px;padding-bottom:5px;}
}


.about_mod2 {margin:0 auto; padding:100px 0; width:100%; display:inline-block; background:#f5f5f5;}
.about_txt2{overflow:hidden;}
.about_txt2 h2{font-size:32px; margin-bottom:20px;  border-bottom: 3px #ffa200 solid; padding-bottom:10px; font-weight:700; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
.about_txt2 ul{letter-spacing:-8px; padding:0.5%; display:flex; align-items:stretch;}
.about_txt2 ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:22%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative; box-shadow:0 0 6px 0 #e8e8e8; background:#fff; padding:30px; box-sizing:border-box; text-align:center;}
.about_txt2 ul li:not(:nth-of-type(4n)){margin-right:4%;}
.about_txt2 ul li:nth-child(n+5){margin-top:4%;}
.about_txt2 ul li img{ width:80px; margin:0 auto;}
.about_txt2 ul li h3{ font-size:18px; margin-top:15px; font-weight:700;}
.about_txt2_txt{line-height:24px; font-size:16px; margin-top:10px;}
@media screen and (max-width:768px) {
.about_mod2 {padding:40px 0;}
.about_txt2 h2{font-size:18px; margin-bottom:20px;}
.about_txt2_txt{line-height:30px; font-size:18px; text-align:center;}
.about_txt2 ul{display:block;}
.about_txt2 ul li{width:100%; padding:20px;}
.about_txt2 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_txt2 ul li:nth-child(n+2){margin-top:10%;}
.about_txt2 ul li img{ width:48px; margin:0 auto;}
.about_txt2 ul li h3{ font-size:16px; margin-top:10px;}
.about_txt2_txt{line-height:20px; font-size:14px; margin-top:10px;}
}


.about_mod3 {margin:0 auto; padding:100px 0; width:100%; display:inline-block; background:#fff;}
.about_txt3{overflow:hidden;}
.about_txt3 h2{font-size:32px; margin-bottom:20px;  border-bottom: 3px #ffa200 solid; padding-bottom:10px; font-weight:700; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
.about_txt3 ul{letter-spacing:-8px; padding:0.5%;}
.about_txt3 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:15px;}
.about_txt3 ul li:not(:nth-of-type(8n)){margin-right:2%;}
.about_txt3 ul li:nth-child(n+9){margin-top:2%;}
@media screen and (max-width:768px) {
.about_mod3 {padding:40px 0;}
.about_txt3 h2{font-size:18px; margin-bottom:20px;}
.about_txt3_txt{line-height:30px; font-size:18px; text-align:center;}
.about_txt3 ul{letter-spacing:-8px; margin-top:10px; margin-bottom:20px;}
.about_txt3 ul li{width:31.33%;}
.about_txt3 ul li:not(:nth-of-type(8n)){margin-right:0;}
.about_txt3 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.about_txt3 ul li:nth-child(n+3){margin-top:3%;}
}


.factory{ margin-top:60px;}
.factory h2{color:#004cb3; font-size:24px; margin-bottom:10px; border-bottom:1px #ddd dotted; font-weight:700; text-transform:uppercase; 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:18px; font-weight:700; margin-bottom:20px; text-align:center;}
}


/*资质证书*/
.cert{}
.cert h2{font-size:28px; margin-bottom:10px;font-weight:700; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
.certul{letter-spacing:-8px;}
.certul li{display:inline-block; vertical-align:top; letter-spacing:normal; padding:30px; background:#f5f5f5; box-sizing:border-box;border:1px #ddd solid;}
.certul li:nth-child(n+2){margin-top:3%;}
.certul li .imgbox{float:left; width:25%; margin-right:2%;}
.certul li .title {font-size:24px; font-weight:700;}
.certul li .ptxt{margin-top:10px; line-height:24px; margin-bottom:30px;}
@media screen and (max-width: 768px) {
.cert{}
.cert h2{font-size:18px;}
.certul{overflow:hidden; margin-top:10px;}
.certul li{padding:15px;}
.certul li:nth-child(n+2){margin-top:5%;}
.certul li .imgbox{float:none; width:100%; margin-right:0; margin-bottom:15px;}
.certul li .title {font-size:18px; font-weight:700;}
.certul li .ptxt{margin-top:10px; margin-bottom:10px; font-size:14px;}
}


/*资质证书*/
.cert2{ overflow:hidden;}
.cert2 h2{font-size:24px; margin-bottom:20px; border-bottom:1px #ddd dotted; padding-bottom:20px; font-weight:700; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
.cert2ul{letter-spacing:-8px;}
.cert2ul li{display:inline-block; vertical-align:top;letter-spacing:normal; width:15%; padding:1%; box-sizing:border-box; background:#fff; border:1px #ddd solid;}
.cert2ul li:hover{color:#F90;}
.cert2ul li:not(:nth-of-type(6n)){ margin-right:2%;}
.cert2ul li:nth-child(n+7){margin-top:2%;}
.cert2ul li .title {height:36px; line-height:18px; font-size:16px; color:#555457; text-align:center; padding:10px 20px; overflow:hidden; background:#f5f5f5;}
.cert2ul li a {position:relative; display:block;}
.cert2ul li h3{ margin-top:10px; text-align:center; padding:0 10px; font-size:16px; font-weight:700;}
.cert2ul li p{ margin-top:10px; text-align:center; padding:0 10px; line-height:22px;}
@media screen and (max-width: 768px) {
.cert2{}
.cert2 h2{font-size:18px;}
.cert2ul{overflow:hidden; margin-top:0px;}
.cert2ul li{width:31.33%;}
.cert2ul li:not(:nth-of-type(6n)){ margin-right:0;}
.cert2ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.cert2ul li:nth-child(n+4){margin-top:5%;}
.cert2ul li h3{ margin-top:10px; text-align:center; padding:0px; font-size:16px; font-weight:700;}
.cert2ul li p{ margin-top:10px; text-align:center; padding:0px; line-height:20px; font-size:14px; height:40px; overflow:hidden;}
}

/*download*/
.download{line-height:30px; font-size:16px; overflow:hidden;}
.download ul{overflow:hidden;}
.download ul li{width:100%; border-bottom:1px #ddd dotted; box-sizing:border-box; padding-bottom:20px; margin-bottom:20px; padding-left:40px; box-sizing:border-box; background:url(../image/pdf.svg) left top no-repeat; background-size:30px;}
@media screen and (max-width:768px) {
.download{line-height:20px; font-size:14px;}
.download ul li{padding-bottom:10px; margin-bottom:10px;}
}

/*clients*/
.clients{line-height:28px; 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:18px; 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:22.75%; box-sizing:border-box; text-align:center;}
.contact ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.contact ul li:nth-child(n+5){margin-top:3%;}
.contact ul li h3{ width:20px; height:3px; background:#ff6600; display:block; margin:0 auto 25px;}
.contact ul li img{width:40px; display:inline-block; padding:15px; 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:20px; text-align:center;}
.contact ul li p b{  display:block; font-size:18px; text-transform:uppercase; margin-bottom:15px; font-weight:700; font-family:Tahoma, Geneva, sans-serif;}
.contact ul li .contact_txt{padding:10px; line-height:22px;}
#spic{width:20px; display:inline-block; margin-right:5px; padding:10px; border-radius:100%; background:#fff; border:1px #ddd solid; box-shadow:none; margin-bottom:0;}
@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_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:#ff6600!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 #ff6600 solid; text-transform: uppercase; font-weight:700;}
.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:#ec0000;}
.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:#ec0000; border:1px #ec0000 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:14px; margin-top:5px;}
#research_more{width:100%; background:#004cb3; 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:30px; box-sizing:border-box; color:#fff;background: -webkit-linear-gradient(bottom, rgba(73,73,73,0.9) 50%, rgba(0,0,0,0) 100%); z-index:3; width:100%;}
.projectul li .divtxt h2{font-size:18px; line-height:20px;font-weight:700; text-transform:uppercase; }
.projectul li:hover .divtxt h2{color:#ec0000;}

@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:10px;}
.projectul li .divtxt h2{font-size:14px; line-height:18px; font-weight: normal; text-transform: capitalize; }
}



/*新闻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:#ec0000;}
.newslistul li:hover #research_more{border:1px #ec0000 solid; color:#ec0000;}
.newslistul li .imgbox{width:30%; margin-right:3%; float:left;}
.newslistul li h2{font-size:18px; margin-bottom:10px; font-weight:700;}
.newslistul li .divtxt{color:#666; line-height:24px; font-size:16px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
@media screen and (max-width:768px) {
.newslistul li{padding:20px; 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; font-size:14px;}
}



/*新闻详情页*/
.newsshow{line-height:30px;  overflow:hidden; box-sizing:border-box; box-shadow: 0px 0px 10px rgba(0,0,0,0.10); }
.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:36px; margin-bottom:10px; border-bottom: 1px #ddd dotted; padding-bottom:10px; font-weight:700;}
.news_title h1 span{ float:right;}
.pubdate{line-height:20px; margin:0 0 20px 0; OVERFLOW: hidden; color:#999999; font-size:12px;}
.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; 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;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
@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{line-height:24px!important; font-size:14px!important; font-weight:normal!important; margin:0 auto; word-break: break-word!important;}
.news_xxjs table{display:block; display:-webkit-box; width:auto; white-space: nowrap; overflow-x:auto; overflow-y:hidden; margin-bottom:5px; padding-bottom:10px;}
.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{letter-spacing:-8px;}
.prodcate_list ul li{letter-spacing:normal; vertical-align:top; width:100%; box-sizing:border-box; position:relative;display:inline-block; background:#f9f9f9; box-shadow:0 0 7px 0 #ddd; border:1px #e5e5e5 solid;}
.prodcate_list ul li:nth-child(n+2){margin-top:4%;}

.prodcate_left{float:left;}
.prodcate_right{float:right;}

.prodcate_text{width:60%;}
.prodcate_list_txt{font-size:14px; padding:5%; height:100%; line-height:24px;box-sizing:border-box; overflow:hidden;}
.prodcate_list_txt h2{ font-size:36px; line-height:40px; font-weight:700; margin-bottom:20px; font-family:Tahoma, Geneva, sans-serif;}
.prodcate_list_txt .ptxt{overflow:hidden; padding-bottom:20px; border-bottom:2px #ff6600 solid; margin-bottom:10px; line-height:30px!important;}
.prodcate_list_txt .ptxt td{padding:4px!important; font-size:14px!important; line-height:18px!important; border:1px rgba(0,0,0,0.2) solid!important;}
.prodcate_list_prod{text-align:left; margin-top:15px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#004cb3; margin-right:4%; box-sizing:border-box; float:left; font-weight:700; font-size:16px; background:url(../image/dian_prod.png) left center no-repeat; padding-left:10px;}
.prodcate_list_prod a{color:#004cb3;}
.prodcate_list_prod:hover a{color:#ec0000;}

.prodcate_img{width:40%;}
.prodcate_img img{width:100%; height:100%;}

@media screen and (max-width:768px) {
.prodcate_list{ margin-top:0px;}
.prodcate_list ul li{width:100%;}
.prodcate_list ul li:nth-child(n+2){margin-top:5%;}

.prodcate_left{float:none;}
.prodcate_right{float:none;}
.prodcate_text{width:100%;}
.prodcate_img{width:100%;}

.prodcate_list_txt{padding:5%; width:100%;}
.prodcate_list_txt h2{font-size:18px; line-height:20px; margin-bottom:5px;}
.prodcate_list_txt .ptxt table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-bottom:5px; padding-bottom:10px;}
.prodcate_list_prod{font-size:15px; line-height:22px; margin-right:8%;}
}


/*产品型号列表*/
.productlist{margin:0; box-sizing:border-box;}
.productlist h3{font-size:36px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:20px; margin-bottom:20px; font-weight:700; font-family:Tahoma, Geneva, sans-serif;}
.lartxt{line-height:30px; margin-bottom:30px;}
.lartxt td{padding:4px!important; font-size:14px!important; line-height:18px!important; border:1px rgba(0,0,0,0.2) solid!important;}
.productlistul{ letter-spacing:-8px; overflow:hidden;}
.productlistul li{letter-spacing:normal; vertical-align:top; border:1px #ddd dotted; background:#fbfbfb; position: relative; width:31.33%; display:inline-block; box-sizing:border-box;}
.productlistul li:not(:nth-of-type(3n)){ margin-right:3%;}
.productlistul li:nth-child(n+4){margin-top:3%;}

.productlistul li:hover{ background:#fff; /*box-shadow:0 0 10px 0 #ddd;*/}
.productlistul li:hover h2 a ,.productlistul li:hover #research_more{color:#ec0000;}
.productlistul li:hover #research_more{color:#075eb1; border:1px #075eb1 solid;}
.productlistul li .imgbox{width:100%; display:block;}
.productlistul li .div_txt{line-height:24px; font-size:14px; padding:20px; box-sizing:border-box;}
.productlistul li .div_txt h2{font-size:24px; margin:0 0 10px 0; font-weight:700;}
.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;}

@media screen and (max-width:768px) {
.productlist{}
.productlist h3{font-size:24px;}
.lartxt{line-height:24px; margin-bottom:20px;}
.lartxt table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-bottom:5px; padding-bottom:10px;}

.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:20px 0px; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#666; 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_more:hover {background-color:#ec0000;}

.productlist_more2{margin:20px 0px; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#ff6600; 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:#ec0000;}

.productlist_more_right{ margin-right:15px;}
@media screen and (max-width:768px) {
.productlist_more{margin:20px 0px;font-size:14px; padding:0 15px;display:inline-block;}
.productlist_more2{margin:20px 0px; font-size:14px; padding:0 15px;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:#004cb3; text-align:center; border-radius:5px; cursor:pointer; margin-right:10px; padding:0 30px;}
.prodmore:hover {background-color:#ec0000;}
@media screen and (max-width:768px) {
.prodmore{float:none; color:#fff; margin:20px 2% 0; width:46%; padding:0;}
}

#tab1{width:100%; overflow:hidden; background:none; margin-top:50px;border-bottom:2px #004cb3 solid;}
#tab1 ul{margin:0;padding:0; overflow:hidden;}
#tab1 li{float:left;width:19.6%; height:45px;line-height:45px; color:#4e4e4e; text-align:center; cursor:pointer; font-size:18px; background:#f5f5f5; font-weight:700;}
#tab1 li:not(:nth-of-type(5n)){ margin-right:0.5%;}

#tab1 li.now{color:#fff; background:#004cb3;}
.tablist{overflow:hidden; display:none;padding:2%; overflow-x:auto;}
.block{display:block; }
@media screen and (max-width:768px) {
.tablist{background:#f5f5f5;}
#tab1{border-bottom:none; margin-bottom:0px;}
#tab1 li{width:32%;font-size:16px; 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; overflow:hidden;}
.cpshowtop{overflow:hidden;}
.cpshowtop_l{ float:none; width:100%; overflow:hidden;}
.cpshowtop_l ul{overflow:hidden; letter-spacing:-8px; margin-top:50px;}
.cpshowtop_l ul li{display:inline-block; overflow:hidden; width:24.25%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; background:#FFF; border:1px #ddd solid;}
.cpshowtop_l ul li:not(:nth-of-type(4n)){ margin-right:1%;}
.cpshowtop_l ul li .imgbox{width:100%; float:none;}
.cpshowtop_l ul li .imgbox img{padding:0; display:block;}
@media screen and (max-width: 768px) {
.cpshowtop_l{}
.cpshowtop_l ul{overflow:hidden; letter-spacing:-8px; margin-top:10px;}
.cpshowtop_l ul li{display:inline-block; overflow:hidden; width:24.25%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; background:#FFF; border:1px #ddd solid;}
.cpshowtop_l ul li:not(:nth-of-type(4n)){ margin-right:1%;}
}


.cpshowtop_r{float:none; width:100%; overflow:hidden;}
.cpshowtop_r h1{font-size:32px; line-height:50px; border-bottom:1px #ddd dotted; padding-bottom:10px; font-weight:700; font-family:Tahoma, Geneva, sans-serif; position:relative;}
.cpshowtop_r h1 p{line-height:50px; font-size:14px; color:#999; display:inline-block; cursor:pointer;}
.videolist2{width:30px; height:30px; z-index:22; background:#ff0000 url(../image/video.png) center center no-repeat; background-size:24px; border-radius:100%; vertical-align:middle;cursor:pointer;}
.videolist3{width:26px; height:26px; z-index:22; background:#ff0000 url(../image/video.png) center center no-repeat; background-size:20px; border-radius:100%; vertical-align:middle; display:inline-block;cursor:pointer;}

.cpshowtop_r_tags{margin:30px 0 0 0; /*overflow:hidden;display:flex; align-items:stretch;*/}
.cpshowtop_r_div{line-height:30px; padding-top:5px;}

.cpshowtop_r_left{float:left; width:68%; margin-right:2%; box-sizing:border-box;line-height:30px; padding:30px; background:#fafafa; border:1px #ddd solid;}
.prodmain_top_right{width:30%; float:right; background:#494949; padding:50px; text-align:center; overflow:hidden; box-sizing:border-box;}
.prodmain_top_right h3{font-size:24px; line-height:36px; font-weight:700; color:#fff;}
.prodmain_top_right_txt{font-size:18px; color:#fff;}
.prodmain_top_right_btn{width:80%; height:50px; line-height:50px; margin:20px auto; background:#ff6600; color:#fff; font-size:18px; border-radius:5px; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.prodmain_top_right_btn:hover{background:#ec0000;}

@media screen and (max-width: 768px) {
.cpshowtop{overflow:hidden;}
.cpshow{margin:0px auto; padding:0;}
.cpshowtop_r{width:100%; float:none; margin-top:0px;}
.cpshowtop_r h1{font-size:20px; line-height:30px;}
.cpshowtop_r h1 p{line-height:24px;}

.cpshowtop_r h2{padding-bottom:5px;font-size:24px; margin-top:0;}
.cpshowtop_r_tags{margin:10px 0 0 0; display:block;}

.cpshowtop_r_left{float:none; width:100%; margin-right:0; padding:10px; line-height:28px; font-size:14px;}
.prodmain_top_right{width:100%; float:none; padding:20px; box-sizing:border-box; margin-top:15px;}
.prodmain_top_right h2{font-size:18px; line-height:24px; font-weight:700; color:#fff;}
.prodmain_top_right_txt{font-size:16px;}
}


.cpshow_end{overflow:hidden; margin-top:90px;  display:flex; align-items:stretch;}
.cpshow_end_left{float:left; width:20%; border-right:1px #ddd solid; box-sizing:border-box; margin-right:3%; text-align:right; background:#f8f8f8; position:relative;}
#prod_leftnav{position:relative; top:30px;}
#prod_leftnav ul li{ font-size:17px; line-height:60px; height:60px; font-weight:700; text-align:right; background:url(../image/circle.svg) right center no-repeat; background-size:20px; padding-right:30px; margin-right:-10px;}
.cpshow_end_right{float:right; width:77%;}
@media screen and (max-width: 768px) {
.cpshow_end{margin-top:40px; display:block;}
.cpshow_end_left{ display:none;}
.cpshow_end_right{float:none; width:100%;}
}



/*产品详情页滚动*/
.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(../image/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(/css/images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(/css/images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../image/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(../image/back_16_2.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:0px; width:46px; height:48px;}
.lanrenzhijia #prevTop{background: url(/css/images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(/css/images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:-7px;background:url(../image/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 #ff6600 solid; margin:0 0 10px 0; padding:5px 15px; background:#666; box-sizing:border-box;}
.ptitle2 h3{color:#fff; height:40px; line-height:40px; display:inline-block; font-size:18px; width:100%; box-sizing:border-box;}
.ptitle2margintop40{ margin-top:90px;}
.ptitle2marginbottom40{ margin-bottom:90px;}

.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{font-size:16px; text-align:center; padding:6px 0;}
@media screen and (max-width: 768px) {
.ptitle2margintop40{ margin-top:30px;}
.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%;}
.relatedul li p{font-size:14px;}
}


/***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(../image/next.png) no-repeat; display:none;}
.swiper-button-prev.index-area-prev {top:45%; left:90px; width:45px; height:45px; background:url(../image/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(../image/next.png) no-repeat;}
.swiper-button-prev.index-area-prev {top:45%; left:5px; width:45px; height:45px; background-image:none; background:url(../image/prev.png) no-repeat;}
}


/*--------在线留言--------------*/
.guestbook2{width:100%; margin:25px auto 0; 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:#f5f5f5;}
.box44 {width:100%; border:1px #ddd solid; line-height:30px; padding:4px 10px; box-sizing:border-box; background:#f5f5f5;}
.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:#f5f5f5;}
.sub_gestbook2 {background-color:#ff6600; border:none;width:100%; height:45px; line-height:45px; color:#fff; font-size:18px; cursor:pointer;text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sub_gestbook2:hover{ background:#ec0000;}
@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
}

.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:#ec0000;}
.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(../image/video.png) center center no-repeat; background-size:32px; cursor:pointer;}
.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 {}
}


.feedback{width:80%; padding:100px; box-sizing:border-box; border:1px #ddd solid; margin:100px auto; border-radius:5px; background:#f9f9f9;}
.feedback h2{font-size:42px;font-weight:700; color:#ec0000;}
.feedback h4{height:4px; width:50px; background:#ec0000; margin:20px 0;}
.feedback h3{font-size:18px; line-height:24px; margin-bottom:30px;}
.feedback_btn{width:160px; height:40px; line-height:40px; background:#666; color:#fff; font-size:16px; border-radius:5px; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; margin-right:10px;}
.feedback_btn:hover{background:#ec0000; color:#fff;}
@media screen and (max-width: 768px) {
.feedback{width:90%; padding:30px; margin:30px auto;}
.feedback h2{font-size:32px;}
.feedback h4{height:2px; width:50px; background:#ec0000; margin:10px 0;}
.feedback h3{font-size:16px; line-height:24px; margin-bottom:30px;}
.feedback_btn{margin-bottom:10px;margin-right:0px;}
}

.global_left_top{position:fixed; right:10px; bottom:20px; z-index:99;}
#myback{width:50px; height:50px;}
#myback img{width:100%;}
.myback_active{opacity:0!important;}
#mymeil{width:50px; height:50px; margin-bottom:10px;}
#mymeil img{width:100%;}
@media screen and (max-width:768px){
.global_left_top{bottom:10px;}
#myback{width:35px; height:35px;}
#mymeil{width:35px; height:35px;}
}