*{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:#333333; -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 {}i,em {font-style:normal;}
br{display:inline; line-height:11px;}

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; }
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{opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;}



@font-face {
  font-family: "阿里巴巴普惠体";
  src: url("../font/Lb9arnc6aUpa.woff2") format("woff2"),
  url("../font/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}

body {font-size:15px; color:#333333; font-family:"阿里巴巴普惠体", Arial,sans-serif; padding:0; margin:0; behavior:url("404.png");-webkit-text-size-adjust:none; background:#ffffff; line-height:30px;}
.main {position:relative; margin:0 auto; width:90%; max-width:1580px;}
@media screen and (max-width:768px) {
body {font-size:13px; line-height:26px;}
.main {width:92%;}
}


.header { position:fixed; top:0; left: 0; width: 100%; z-index:9; height:70px; background:rgb(0,0,0,0);}
.header_over {position:fixed; top:0; left:0; width:100%; background-color:rgba(0,83,196,1); z-index:99;box-shadow:0 1px 5px 0 rgba(0,0,0,0.2);}

.header .header_logo{float:left; margin-top:20px; width:180px; height:40px;}
.header .header_logo img{ width:180px; height:40px; overflow:hidden; float:left;}

.header .header_contact{position:absolute; top:28px; right:0; line-height:24px; color:#fff; background-image: url(../image/ico_tel.svg); background-repeat:no-repeat; background-position:left; background-size:24px; padding-left:30px;}
.header .header_contact h3{font-size:18px;}

.header-nav {position:relative; width:calc(100% - 240px); box-sizing:border-box; float:right; padding-right:240px;}
.header-nav li{position:relative; float:left; height:70px; line-height:70px; font-size:16px; text-align:left; padding:0 6% 0 0;}
.header-nav li:last-child{ padding:0;}
.header-nav li a{position:relative; display:block; color:#ffffff;}
.header-nav li a:hover{color:#ff6600;}

.header-nav>ul>li>a>span{display:inline-block; color:#fff; font-size:16px; transition: all .5s; text-transform:uppercase; vertical-align:middle; margin-right:5px;}
.header-nav>ul>li>a>i{display:inline-block; width:10px; height:24px; vertical-align:middle;  background: url("../image/pro_click.png") no-repeat center 2px;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;	-ms-transition: all linear .3s;}
.header-nav>ul>li:hover i{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);filter:rogid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.header-nav>ul>li.active>a, .header-nav>ul>li.on>a{transition: all .3s;}
.header-nav>ul>li>a>span:hover:after{content:""; position:absolute; width:100%; height:1px; bottom:20px; left:0; background:rgb(255,255,255,0.4);}

#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; opacity:0; visibility:hidden; position:absolute; top:70px; width:180px; z-index:1; background-color:rgba(255,255,255,0.95);transition:all .3s ease-in-out;  margin-left:-90px; left:50%; box-shadow:0 0 6px 0 #737373; border-radius:5px;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 -90px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0;}
#menu ul li{margin:0; padding:10px 20px; width:100%; height:auto; line-height:24px; background:none; border-bottom:1px rgba(0,0,0,0.10) dotted; text-transform:capitalize; border-left:0; box-sizing:border-box;  color:#333!important; text-align:left;}
#menu ul li a{display:block; font-weight:normal!important;color:#333!important;}
#menu ul li:hover {color:#ff6600!important;}
#menu ul li:hover a{color:#ff6600!important;}
#menu ul li:last-child{border-bottom:0;}
#menu ul li ul {top:0px; left:0px; margin:0 0 0 180px; display:block;}
#menu ul li ul li{ padding:10px 10px;}
#menu ul li ul li a{display:block;}
#menu ul li ul li:hover a{color:#ff6600!important;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 180px;}

.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(0,83,196,1); z-index:99;}
.m-header .main {margin:0 auto; width:94%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:7px; width:80%;}
.m-header-logo img{width:auto; height:30px; float:left; margin-right:10px;}
.m-header-logo h2{ font-size:20px; font-weight:700; line-height:30px; color:#ffffff;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#fff; 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:#0067c7; overflow:auto; overflow-x:hidden; transition:top ease 0.35s;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:0px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; 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; line-height:45px; font-size:16px; border-top:1px rgb(255,255,255,0.1) solid;}
.m-nav >ul >li:last-child {border-bottom:1px rgb(255,255,255,0.1) solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#ffffff;width:80%; padding-left:20px; display:block;}
.m-nav ul li ul li a {display:block;  color:#ffffff; line-height:40px; text-align:left; padding-left:35px; background:#0e5eb8 url(../image/whitedian.png) 25px center no-repeat; width:100%;}
.m-nav ul li i svg {width:20px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul li a{padding-left:40px;  background:#0e4f90;}
}




.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; }
.slide-txt1 {position:absolute; text-align:left; color:#fff; top:55%; transform:translateY(-55%); width:800px; left:8%; z-index:99;}
.slide-txt1 .p1{font-size:55px; font-weight:700; display:inline-block;}
.slide-txt1 .p2 {font-size:18px; line-height:20px; display:inline-block; margin:15px 0 0 0;}
.slide-txt1 .p3{font-size:32px; line-height:50px;margin:15px 0 0 0;}
.slide_txt1_btn{padding:0 40px; line-height:45px; text-align:center; color:#FFF; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin-top:40px; display:inline-block; font-size:18px; border:1px rgb(255,255,255,0.5) solid; border-radius:5px;}
.slide_txt1_btn:hover{background:#ff6600; color:#ffffff; border:1px rgb(255,102,0,1) solid;}
.swiper-pagination-bullet {background: #fff; opacity: 0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; }
@media screen and (max-width:1024px) {
.banner {margin-top:45px;}
.slide-txt1 {top:45%; transform:translateY(-45%); width:80%; left:10%;}
.slide-txt1 .p1{font-size:18px;}
.slide-txt1 .p2{font-size:14px; line-height:16px; margin:6px 0 0 0; display:none;}
.slide-txt1 .p3{font-size:12px; line-height:24px;margin:6px 0 0 0;}
.slide_txt1_btn{padding:0 20px; font-size:14px; line-height:28px; height:28px; margin-top:10px;  border:1px rgb(255,255,255,0.5) solid;} 
}




.imgbox {position:relative; 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.8);}
.imgbox .view {top:50%; left:50%; margin:-18px 0 0 -16px; width:32px; height:32px; background:url(../image/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); background-size:32px;}
.imgbox:hover .mask {opacity:0.6;}
.imgbox:hover .view {opacity:1;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}



.htitle{width:100%;margin-bottom:20px; position:relative;}
.htitle h2{font-size:32px; line-height:36px; text-align:center; position:relative; color:#333333; z-index:2; font-weight:700; letter-spacing:1px;}
.htitle h3{ line-height:16px; text-align:center; position:relative; color:#666666; margin-top:8px; text-transform:uppercase; letter-spacing:1px; font-size:12px;}
.htitle h3:before, .htitle h3:after{display:inline-block; vertical-align:middle; margin:-3px 8px 0 8px;  content:""; width:25px; height:1px;  background:#ccc;}
@media screen and (max-width:768px) {
.htitle{margin-bottom:10px;}
.htitle h2{font-size:22px; line-height:24px; height:24px;}
.htitle h3{font-size:12px; line-height:12px; height:12px; margin-top:6px;}
}



.div_more{text-align:center;}
.more_btn{background:#0053c4; height:45px; line-height:45px; position:relative; padding:0 40px; display:inline-block; overflow:hidden;}
.more_btn .more_btn_txt{z-index:9; height:45px; line-height:45px; color:#ffffff; position:inherit; font-size:16px;}
.more_btn:after{content:' '; position:absolute;left:0; width:0; top:0; height:100%; background:#ff6600; z-index:2; transition:300ms ease-out;}
.more_btn:hover:after{left:0; width:100%;}
@media screen and (max-width:768px) {
.more_btn{height:40px; line-height:40px; padding:0 20px;}
.more_btn .more_btn_txt{height:40px; line-height:40px; font-size:16px;}
}




.mod1{ width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f4fbff;}
.mod1 ul{letter-spacing:-8px;}
.mod1 ul li{letter-spacing:normal; vertical-align:top; width:23.5%; display:inline-block; box-sizing:border-box; position:relative; padding:20px; text-align:center; background:#ffffff; box-shadow:0 0 8px 0 #eeeeee; border-radius:5px; transition:all .3s ease-in-out; border-radius:10px;}
.mod1 ul li:not(:nth-of-type(4n)){ margin-right:2%;}
.mod1 ul li:nth-child(n+5){margin-top:2%;}
.mod1 ul li .mod1img{margin:0 auto 5px; overflow:hidden; position:relative;}
.mod1 ul li .imgmask{ position:absolute; width:100%; height:100%; background:rgb(0,0,0,0.3); opacity:0; transition:all .3s ease-in-out;}
.mod1 ul li .mod1img:hover .imgmask{opacity:1;}
.mod1 ul li h2{ font-size:16px; line-height:16px; margin-top:10px; font-weight:700;}
.mod1 ul li .ptxt{line-height:24px;  height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; opacity:0.8; font-size:14px;}
.mod1 ul li:hover{ box-shadow:0 0 15px 0 #dddddd;}
@media screen and (max-width:768px) {
.mod1{padding:40px 0;}
.mod1 ul li{width:47.5%; padding:15px;}
.mod1 ul li:not(:nth-of-type(4n)){ margin-right:0;}
.mod1 ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.mod1 ul li:nth-child(n+3){margin-top:5%;}
.mod1 ul li img{margin:0 auto;}
.mod1 ul li h2{font-size:14px;}
.mod1 ul li .ptxt{line-height:20px; height:60px; margin-top:0;}
}




.mod2{box-sizing:border-box; position:relative; background:#0053c4;padding:120px 0; overflow:hidden;}
.mod2_left{float:left; width:50%; padding-right:6%; box-sizing:border-box; color:#ffffff;}
.mod2_left h3{ opacity:0.7; text-transform:uppercase;}
.mod2_left h2{font-size:32px; line-height:36px; text-align:left; position:relative; z-index:2; font-weight:700; letter-spacing:1px;}
.mod2_left h2:after{display:inline-block; vertical-align:middle; margin:50px 0px 0 0px; content:""; width:30px; height:3px; background:#fff; position:absolute; left: 0;}
.mod2_left_ptxt{display:block; overflow:hidden; margin-top:36px; line-height:38px;  opacity:0.85;}
.mod2_left ul{margin-top:20px; overflow:hidden; border-top:1px rgb(255,255,255,0.1) dotted; padding-top:20px;}
.mod2_left ul li{border:1px rgb(255,255,255,0.2) solid; width:fit-content; padding:5px 20px; box-sizing:border-box; float:left; margin-right:20px; margin-bottom:20px; border-radius:5px;transition:all .3s ease-in-out;}
.mod2_left ul a{color:#ffffff;}
.mod2_left ul li:hover{background:#ff6600;}

.mod2_right{width:50%; height:100%; box-sizing:border-box; position:absolute; top:0; right:0;}
.mod2_right img{height:100%;}
.mod2_right_txt{position:absolute; z-index:3; bottom:0; left:0; padding:50px; box-sizing:border-box; background:rgb(0,0,0,0.2); text-align:center; width:fit-content; font-size:48px; color:#ffffff; line-height:55px;}
@media screen and (max-width:768px) {
.mod2{padding:40px 0 0 0;}
.mod2_left{float:none; width:100%; padding-right:0;}
.mod2_left h3{font-size:12px;}
.mod2_left h2{font-size:24px; line-height:24px;}
.mod2_left h2:after{display:inline-block; vertical-align:middle; margin:40px 0px 0 0px; content:""; width:30px; height:3px; background:#fff; position:absolute; left: 0;}
.mod2_left_ptxt{margin-top:30px; line-height:30px; }
.mod2_left ul{margin-top:10px;}
.mod2_left ul li{padding:5px 15px; margin-right:15px; margin-bottom:15px;}
.mod2_right{width:100%; height:auto; position:relative;}
.mod2_right_txt{padding:20px; font-size:32px; line-height:42px;}
}



.mod3{ width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f5f5f5;}
.mod3 ul{letter-spacing:-8px;}
.mod3 ul li{letter-spacing:normal; vertical-align:top; width:12.57%; display:inline-block; box-sizing:border-box; position:relative; text-align:center; border-radius:5px; transition:all .3s ease-in-out;}
.mod3 ul li:not(:nth-of-type(7n)){ margin-right:2%;}
.mod3 ul li:nth-child(n+8){margin-top:2%;}
@media screen and (max-width:768px) {
.mod3{padding:40px 0;}
.mod3 ul li{width:31.333%;}
.mod3 ul li:not(:nth-of-type(7n)){margin-right:0;}
.mod3 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.mod3 ul li:nth-child(n+4){margin-top:3%;}
}


.mod5{position:relative; overflow:hidden; padding:80px 0;}
.mod5 .div_more{margin-top:30px;}
.mod5 ul{letter-spacing:-8px; display:flex; align-items: stretch;}
.mod5 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; box-sizing:border-box; border:1px #efefef solid; box-shadow:0 0 12px 0 #e8e8e8; border-radius:5px;}
.mod5 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.mod5 ul li:nth-child(n+4){margin-top:3%;}
.mod5 ul li .imgbox{overflow:hidden;}
.mod5 ul li .imgbox img{width:100%; height:100%;}
.mod5 ul li .mod5_box{box-sizing:border-box; padding:30px;}
.mod5 ul li .mod5_title h2{font-size:16px; font-weight:700; margin-bottom:10px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px;}
.mod5 ul li .ptxt{line-height:30px; height:84px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.mod5 ul li .mod5_date{display:inline-block;  color:#999999; font-weight:normal; background:url(../image/date.svg) left center no-repeat; padding-left:25px; background-size:20px;}
.mod5 ul li .mod5_more{border-top:1px #dddd dotted; padding-top:20px; margin-top:40px;}
@media screen and (max-width:768px) {
.mod5{padding:60px 0 40px 0;;}
.mod5 .div_more{margin-top:15px;}
.mod5 ul{display:block;}
.mod5 ul li{width:100%;}
.mod5 ul li:not(:nth-of-type(3n)){margin-right:0;}
.mod5 ul li:nth-child(n+2){margin-top:4%;}
.mod5 ul li .mod5_box{padding:20px;}
.mod5 ul li .mod5_title h2{ height:auto; margin-bottom:5px; line-height:20px;}
.mod5 ul li .ptxt{line-height:24px; height:auto; font-size:13px;}
.mod5 ul li .mod5_more{padding-top:10px; margin-top:20px;}
.mod5 ul li .mod5_date{font-size:13px;}
}



.footer {position:relative; background:#202020; padding:80px 0 0 0;}
.footer a:hover{text-decoration:underline; opacity:1;}
.footer .main{position:relative;}
.footer_left{float:left; width:40%; overflow:hidden; line-height:24px; padding:0 5% 0 0; box-sizing:border-box;}
.footer_left ul{letter-spacing:-8px; padding-right:20px; box-sizing:border-box;}
.footer_left 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; box-sizing:border-box; border:1px rgb(255,255,255,0.1) solid; border-radius:5px; text-align:center; line-height:40px; color:#ffffff;}
.footer_left ul li:not(:nth-of-type(3n)){margin-right:3%;}
.footer_left ul li:nth-child(n+4){margin-top:3%;}
.footer_left ul li a{ color:#ffffff;}
.footer_left ul li a:hover{ color:#ff6600;}

.footer_contact{width:100%; color:#fff;}
.footer_contact a{color:#fff;}
.footer_contact a:hover{color:#ff6600;}
.footer_contact h2{font-size:18px; line-height:24px; font-weight:700; margin-bottom:20px; text-transform:uppercase;}
.footer_contact img{ width:auto; display:inline-block; margin-bottom:20px;}
.footer_contact dl {}
.footer_contact dt {line-height:30px; font-size:18px;}
.footer_contact dd {margin-top:20px; padding-left:35px; line-height:24px; background-repeat:no-repeat; background-size:25px; background-position:top left; opacity:0.7;}
.footer_contact dd:nth-child(1) {background-image:url(../image/ico_address.svg); margin-top:10px;}
.footer_contact dd:nth-child(2) {background-image:url(../image/ico_tel.svg);}
.footer_contact dd:nth-child(3) {background-image:url(../image/ico_fax.svg);}
.footer_contact dd:nth-child(4) {background-image:url(../image/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_right{float:right; width:60%; padding:0; box-sizing:border-box;}
.footer_nav {overflow:hidden; float:left; width:25%; padding:0 0 0 3%; box-sizing:border-box;}
.footer_nav h2{font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:700; color:#fff;}
.footer_nav h2 a{color:#ffffff;}
.footer_nav h2 a:hover{color:#ffffff; text-decoration:underline;}
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%; opacity:0.7;}
.footer_nav ul li p{margin-bottom:10px;background:url(../image/point.png) left center no-repeat; padding-left:10px; text-transform: capitalize;}
.footer_nav ul li p a{color:#fff;}
.footer_nav ul li p:hover a{color:#ff6600;}
.footer_nav img{width:auto; max-width:75%;}

.footer_msg {width:50%; float:right;}
.footer_msg h2{font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:700; color:#ffffff;}
.footer_msg h3{ color:#ffffff; font-size:18px;}

.footer_msg ul{margin-top:10px;}
.footer_msg ul li {overflow:hidden; margin-bottom:10px; float:left; width:100%;}
.msg_input {float:left; width:100%; height:40px;line-height:40px; padding:0 10px; box-sizing:border-box; background:#1b1b1b; border:1px rgb(255,255,255,0.1) solid; color:#ffffff;}
.msg_textarea {float:left;width:100%; height:80px;line-height:20px;padding:10px;background:#1b1b1b; border:1px rgb(255,255,255,0.1) solid; box-sizing:border-box; color:#ffffff;}
.msg_submit {width:100%; height:45px; line-height:45px; font-size:16px; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer; background:#0053c4; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;font-family:'Geomanist-Book';}
.msg_submit:hover{ background:#ff6600; color:#fff;}

.footer-copyright {width:100%; height:60px; line-height:60px;  text-align:center; margin-top:70px; color:#fff; background:#000; box-sizing:border-box;}
@media screen and (max-width:768px) {
.footer {padding:30px 0 0 0;}
.footer_left{float:none; width:100%;overflow:hidden; box-sizing:border-box; padding:0;}
.footer_left ul{padding-right:0px;}
.footer_left ul li{}

.footer_contact h2{font-size:16px; line-height:30px; margin-bottom:10px;}
.footer_contact dd {}
.footer_modea{margin-top:30px;}

.footer_right{float:none; width:100%; padding:0 5%; display:none;}
.footer_right div:last-child{width:100%;}
.footer_nav {overflow:hidden; float:none; width:100%; padding:0; box-sizing:border-box; margin-top:15px;}
.footer_nav h2{font-size:16px; margin-bottom:10px; text-transform:uppercase; font-weight:700;}
.footer_nav ul li p{margin-bottom:10px; }

.footer_msg {float:none; width:100%; padding:0; margin-top:30px;}
.footer_msg h2{margin-bottom:0px;}
.footer-copyright {margin-top:20px; height:auto; line-height:18px; font-size:12px; padding:10px; opacity:0.7;}
}




.ban {margin:0 auto; width:100%;position:relative; height:400px;}
.ban h2{font-size:36px; line-height:42px; margin:5px 0;}
.ban h3{ line-height:18px;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ban h4{font-size:18px; line-height:24px; color:rgb(255,255,255,0.3);}

.addiv{position:absolute; width:90%; text-align:center; top:55%; transform:translateY(-55%); left:5%;}
.adddiv_left{position:absolute; width:60%; text-align:left; top:75%; transform:translateY(-75%); left:8%;}
.adddiv_right{position:absolute; width:60%; text-align:right; top:75%; transform:translateY(-75%); right:8%;}
.adddiv_white{color:#FFF;}
.adddiv_black{color:#333333;}
.adddiv_black h2{color:#0053c4;}

@media screen and (max-width:768px) {
.ban {margin:45px auto 0; height:150px;}
.ban h2{font-size:24px; line-height:24px; margin:5px 0;}
.ban h3{font-size:12px; line-height:20px;}
.ban h4{font-size:12px; line-height:20px;}
.addiv{position:absolute; width:90%; text-align:center; left:5%; top:50%; transform:translateY(-50%);}
.adddiv_left{position:absolute; width:90%; text-align:center; left:5%; top:50%; transform:translateY(-50%);}
.adddiv_right{position:absolute; width:90%; text-align:center; right:5%; top:50%; transform:translateY(-50%);}
}



#weizhi{width:100%; margin:0 auto;background:#fafafa; padding:15px 0; border-bottom:1px #ddd solid;}
.weizhi{width:90%; max-width:1580px; margin:0 auto;line-height:20px;}
.span_right{float:right;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../image/weizhi_right.png) left center no-repeat; padding-left:20px;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto; padding:10px 0;}
.weizhi{width:92%; font-size:13px;}
.span_right{ display:none;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../image/weizhi_right.png) left center no-repeat; padding-left:20px;}
}





#lynav{width:100%; margin:0 auto;background:#f6f9fc; border-bottom:1px #ddd dotted;}
.lynav{width:90%; max-width:1580px; margin:0 auto; height:70px; line-height:70px;}
.lynav ul{position:relative; display:flex; align-items:flex-start; justify-content:center; overflow-x:auto; margin-bottom:-1px; text-align:center;}
.lynav ul li{flex:none; margin-right:50px; line-height:70px;}
.lynav ul li a{position:relative; display:block; color:#333;transition:0.5s;}
.lynav ul li a::before{content:""; position:absolute; bottom:0; left:50%; width:0; border-bottom:2px solid #ff6600; transition:0.5s;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.lynav ul li a:hover::before{width:100%;}
#lynavon a{color:#ff6600;}
#lynavon a::before{width:100%;}
@media screen and (max-width:768px) {
.lynav{width:92%; height:50px; line-height:50px;}
.lynav ul{justify-content:flex-start;}
.lynav ul li{margin-right:20px; line-height:50px;}
}



.wrap {margin:0 auto; width:100%; display:inline-block; position:relative;}
.lymain {position:relative; margin:80px auto; width:90%; max-width:1580px; }
@media screen and (max-width:768px) {
.wrap {padding:30px 0; width:100%;}
.lymain {width:92%; margin:30px auto;}
}

#onsec{color:#ff6600;}
#onsec a{color:#ff6600;}


.lymain_box{width:100%; overflow:hidden; display:flex; align-items:stretch;}
.lymain_box_left{float:left; width:calc(100% - 450px);}
.lymain_box_right{float:right; width:400px; background:#f6f9fc; padding:40px; box-sizing:border-box; margin-left:50px;}
@media screen and (max-width:768px){
.lymain_box{display:block;}
.lymain_box_left{float:none; width:100%;}
.lymain_box_right{display:none;}
}



.page{text-align:center; padding:50px 0 0 0;  }
.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:22px; 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:16px; padding:3px 8px; margin:0;}
}



.about_mod1{padding:80px 0; width:100%; display:block; overflow:hidden;}
.about_mod1_box{position:relative; overflow:hidden; text-align:center;  line-height:32px; padding:0 5%; box-sizing:border-box;}
.about_mod1_box b, .about_mod1_box strong{color:#0053c4;}
.about_mod1_box img{ width:auto; margin:0 auto; max-width:100%;}
@media screen and (max-width: 768px) {
.about_mod1{padding:30px 0;}
.about_mod1_box{ line-height:26px; padding:0;}
}


.about_mod11{width:80%; padding:30px 0px; background:#f9f9f9; box-sizing:border-box; border-radius:10px; margin:20px auto 0;}
.about_mod11 ul{overflow:hidden;letter-spacing:-8px;}
.about_mod11 ul li{overflow:hidden; width:23.875%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; text-align:center;}
.about_mod11 ul li:not(:nth-of-type(4n)){margin-right:1.5%;}
.about_mod11 ul li:nth-child(n+5){margin-top:1.5%;}
.about_mod11 ul li h2{font-size:42px; font-weight:700; font-family:Tahoma, Geneva, sans-serif; color:#0053c4;}
.about_mod11 ul li h2 sup{font-size:16px; margin-left:2px; letter-spacing:normal;}
.about_mod11 ul li h2 span{font-size:16px; letter-spacing:normal; margin-left:5px;}
.about_mod11 ul li .ptxt{font-size:16px; margin-top:10px;}
@media screen and (max-width: 1024px){
.about_mod11{margin-top:10px; padding:20px; border-radius:5px; width:100%;}
.about_mod11 ul li{width:47.5%;}
.about_mod11 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_mod11 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_mod11 ul li:nth-child(n+3){margin-top:10%;}
.about_mod11 ul li h2{font-size:24px;}
.about_mod11 ul li h2 sup{font-size:14px;}
.about_mod11 ul li h2 span{ font-size:14px;}
.about_mod11 ul li .ptxt{font-size:14px; margin-top:0;}
}



.about_mod2{padding:80px 0; width:100%; display:block; overflow:hidden;}
.about_mod2 .htitle h2 ,.about_mod2 .htitle h3{color:#ffffff;}
.about_mod2_box{position:relative; overflow:hidden; text-align:center;line-height:42px; padding:80px 5%; box-sizing:border-box; color:#ffffff;font-size:18px;}
.about_mod2_box b, .about_mod2_box strong{color:#ffffff; font-size:20px;}
.about_mod2_box img{ width:auto; margin:0 auto; max-width:100%;}
@media screen and (max-width: 768px) {
.about_mod2{padding:30px 0;}
.about_mod2_box{ line-height:24px; padding:20px 10px;font-size:14px;}
.about_mod2_box b, .about_mod2_box strong{font-size:16px;}
}


.about_mod3{padding:80px 0; width:100%; display:block; overflow:hidden;}
@media screen and (max-width: 768px) {
.about_mod3{padding:30px 0;}
}


.development_txt{padding:0px 250px; margin:0 auto;}
.development_txt ul{overflow:hidden; padding-bottom:35px; background:url(../image/about_line.png) 50% top repeat-y;}
.development_txt ul:last-child{padding-bottom:0;}
.li_left{float:left; width:49.3%; text-align:right; padding-right:10px; box-sizing:border-box;}
.li_right{float:right; width:50.7%; line-height:24px; background:url(../image/dot_ico.png) left 5px no-repeat; background-size:16px; padding-left:25px; box-sizing:border-box;}
.development_txt .ptxt{color:#0053c4; font-weight:700; }
@media screen and (max-width: 768px) {
.development_txt{padding:0px;}
.development_txt ul{overflow:hidden; padding-bottom:20px; background:none;}
.li_left{float:none; width:100%; text-align:left; padding-right:0px; margin-bottom:0; padding-top:0px;}
.li_right{float:none; width:100%; line-height:20px; background:none; padding-left:0;}
.development_txt .ptxt{color:#0053c4; font-weight:700; font-size:14px;}
}


.about_mod4{padding:80px 0; width:100%; display:block; overflow:hidden;}
.about_mod4 .htitle h2 ,.about_mod4 .htitle h3{color:#ffffff;}
.about_mod4_box{position:relative; overflow:hidden; text-align:center;line-height:42px; padding:80px 5%; box-sizing:border-box; color:#ffffff; font-size:18px;}
.about_mod4_box b, .about_mod4_box strong{color:#ffffff; font-size:20px;}
.about_mod4_box img{ width:auto; margin:0 auto; max-width:100%;}
@media screen and (max-width: 768px) {
.about_mod4{padding:30px 0;}
.about_mod4_box{ line-height:24px; padding:20px 10px; font-size:14px;}
.about_mod4_box b, .about_mod4_box strong{font-size:16px;}
}


.about_mod5{padding:80px 0; width:100%; display:block; overflow:hidden;}
@media screen and (max-width: 768px) {
.about_mod5{padding:30px 0;}
}
#certify{width:100%; display:block; background:#ffffff; overflow:hidden; padding:0px 50px; box-sizing:border-box; position:relative;}
#certify .swiper-container{padding-bottom:80px;}

#certify .swiper-slide{width:400px; height:563px; background:#fff; box-shadow:0 8px 30px #ddd;}
#certify  .swiper-slide img{display:block;}
#certify .swiper-pagination{width:100%;	bottom:0px; padding-right:100px; box-sizing:border-box;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;	border:3px solid #fff;	background-color:#d5d5d5; width:10px; height:10px; opacity:1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #0155a6;	background-color: #fff;}

#certify .swiper-button-prev{left:80px; width:45px; height:45px; background:#0155a6; border-radius:100%; color:#ffffff;transition:all .3s ease-in-out;}
#certify .swiper-button-next{right:80px; width:45px; height:45px; background:#0155a6; border-radius:100%; color:#ffffff;transition:all .3s ease-in-out; }
#certify .swiper-button-prev:hover{background:#ff6600;}
#certify .swiper-button-next:hover{background:#ff6600;}

@media screen and (max-width: 768px) {
#certify{padding:40px 20px; margin-bottom:20px;}
#certify .swiper-container{padding-bottom:30px;}
#certify .swiper-pagination{width:70%;	bottom:0px; left:15%; padding-right:0px;}
#certify .swiper-slide{width:300px; height:400px;}
#certify .swiper-button-prev{left:10px; width:30px; height:30px;}
#certify .swiper-button-next{right:10px; width:30px; height:30px;}
}



.newslist{display:block; margin:0 auto;}
.newslist ul{letter-spacing:-8px;}
.newslist 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; box-sizing:border-box; border:1px #efefef solid; box-shadow:0 0 12px 0 #e8e8e8; border-radius:5px;}
.newslist ul li:not(:nth-of-type(3n)){margin-right:3%;}
.newslist ul li:nth-child(n+4){margin-top:3%;}
.newslist ul li .imgbox img{ width:100%; height:100%;}
.newslist ul li .news_box{box-sizing:border-box; padding:30px;}
.newslist ul li .news_title{font-size:16px; font-weight:700; margin-bottom:10px; line-height:24px;}
.newslist ul li .ptxt{line-height:30px; height:84px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.newslist ul li .news_date{display:inline-block; font-size:15px; color:#999999; font-weight:normal; background:url(../image/date.svg) left center no-repeat; padding-left:30px; background-size:20px;}
.newslist ul li .news_more{border-top:1px #dddd dotted; padding-top:20px; margin-top:40px;}
@media screen and (max-width:768px) {
.newslist ul li{width:100%;}
.newslist ul li:not(:nth-of-type(3n)){margin-right:0;}
.newslist ul li:nth-child(n+2){margin-top:5%;}
.newslist ul li .imgbox{height:auto;}
.newslist ul li .news_box{padding:20px;}
.newslist ul li .news_title{font-size:15px; line-height:20px; height:auto; margin-bottom:5px;}
.newslist ul li .ptxt{line-height:24px; height:auto;}
.newslist ul li .news_date{font-size:13px; padding-left:25px; background-size:20px;}
.newslist ul li .news_more{padding-top:10px; margin-top:20px;}
}



.newsshow{overflow:hidden; box-sizing:border-box;}
.news_xxjs{line-height:35px!important; word-break:break-word!important; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:35px!important;font-size:15px!important;}
.news_xxjs table{width:100%!important; border:0;}
.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;word-break:initial!important;}
.news_xxjs th{padding:4px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs th p,.news_xxjs th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}

.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;}
.news_title h1 span{ float:right;}

.pubdate{line-height:18px; margin:0 0 20px 0; overflow:hidden; color:#999999; font-size:15px;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
@media screen and (max-width: 768px) {
.newsshow{line-height:24px; padding:0px;}
.news_xxjs{line-height:28px!important; font-size:14px!important;}
.news_xxjs p,.news_xxjs span{line-height:28px!important;font-size:14px!important;}

.news_title h1{font-size:18px; line-height:24px; margin-bottom:5px; padding-bottom:5px; text-align:center;}
.news_title h1 span{ float:right; display:none;}
.news_xxjs table{display: block; display: -webkit-box; width:auto!important; overflow-x: auto; overflow-y:hidden;font-size:12px!important;}
.pubdate{font-size:12px; text-align:center;}
}


.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;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.lymain_right_news{ position:relative; display:block; overflow:hidden;}
.lymain_right_news h2{font-size:24px; padding-bottom:10px; border-bottom:1px #ddd dotted; margin-bottom:30px; font-weight:700; color:#0053c4;}
.lymain_right_news ul{overflow:hidden;}
.lymain_right_news ul li{width:100%; position:relative; box-sizing:border-box;}
.lymain_right_news ul li:nth-child(n+2){margin-top:40px;}
.lymain_right_news ul li .news_box{box-sizing:border-box; margin-top:10px;}
.lymain_right_news ul li .news_title{font-size:16px; font-weight:700; line-height:24px;}
.lymain_right_news ul li .ptxt{line-height:26px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; font-size:15px;}
.lymain_right_news ul li .news_date{display:inline-block; font-size:15px; color:#999999; font-weight:normal; background:url(../image/date.svg) left center no-repeat; padding-left:30px; background-size:20px;}
.lymain_right_news ul li .news_more{border-top:1px #dddd dotted; padding-top:10px; margin-top:10px;}




.contact{overflow:hidden; margin:80px 0 80px 0;}
.contact h2{font-size:18px; margin-bottom:40px; text-align:center;}
.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:#0053c4; display:block; margin:0 auto 10px;}
.contact ul li img{width:60px; display:inline-block; margin-bottom:15px;}
.contact ul li p{line-height:28px; text-align:center;}
.contact ul li p b{ display:block; font-size:16px; font-weight:700; }
.contact ul li .contact_txt{padding:10px; line-height:28px;}
@media screen and (max-width:768px) {
.contact{padding:0; margin:30px 0 15px 0;}
.contact h2{font-size:14px; margin-bottom:20px; text-align:left;}
.contact ul li{width:100%; text-align:left; border-bottom: 1px rgb(0,37,69,0.2) dotted; padding-bottom:5%; margin-bottom:5%;}
.contact ul li:not(:nth-of-type(4n)){ margin-right:0;}
.contact ul li:nth-child(n+5){margin-top:0;}
.contact ul li img{display:none;}
.contact ul li p{font-size:16px; text-align:left;}
.contact ul li p b{font-size:14px;}
.contact ul li h3{ display:none;}
}


.contactend{overflow:hidden; margin:0px 0 80px 0; padding:50px; box-sizing:border-box; background:#f9f9f9; border:1px #ddd solid;}
@media screen and (max-width:768px) {
.contactend{margin:0px 0 30px 0;  padding:10px;}
}

.mod4_client{width:100%; box-sizing:border-box;}
.mod4_clients {position:relative; margin:0 auto; width:100%;}
.mod4_clients_item {position:relative;display:block; overflow:hidden; padding:0 20px;}
.mod4_clients .leftimgbox{float:left; width:40%; padding:2%; box-sizing:border-box;}
.mod4_clients_item_txt{float:right; width:60%; padding:2%; box-sizing:border-box;}
.mod4_clients_item_txt h2{font-size:24px; line-height:24px; margin-bottom:10px; font-weight:700; color:#315191;}
.mod4_clients_item_txt p{line-height:30px;}
.clients-area-next{ right:-25px; width:45px; height:45px; background:#0053c4; border-radius:100%; color:#ffffff;}
.clients-area-prev{ left:-25px; width:45px; height:45px;background:#0053c4; border-radius:100%; color:#ffffff;}
@media screen and (max-width:768px) {
.mod4_client{display:block;width:100%; padding:0; box-sizing:border-box;}
.mod4_clients{display:block; position:relative; width:100%; margin:0 auto;}
.mod4_clients_item {padding:0px;}
.mod4_clients .leftimgbox{float:none; width:100%; padding:0; box-sizing:border-box;}
.mod4_clients_item_txt{float:none; width:100%; padding:0; box-sizing:border-box;}

.mod4_clients_item_txt{line-height:22px; font-size:14px; width:100%; margin-top:20px;}
.mod4_clients_item_txt h2{font-size:16px; line-height:18px; margin-bottom:10px; font-weight:700;}
.mod4_clients_item_txt p{line-height:26px;}
.clients-area-next{ right:-10px; top:45%; width:30px; height:30px;}
.clients-area-prev{ left:-10px; top:45%; width:30px; height:30px;}
}




.cert{position:relative; overflow:hidden; box-sizing:border-box; margin-bottom:60px;}
.cert_title{font-size:18px; font-weight:700; color:#0053c4; padding: 5px 5px 5px 15px;  border-left: 4px #0053c4 solid; background-image: linear-gradient(to right,rgb(0,98,199,0.15) 15% ,rgb(0,98,199,0.05) 30% , rgb(0,0,0,0) 85%); margin-bottom:20px;}
.cert ul{overflow:hidden; letter-spacing:-8px;}
.cert ul li{overflow:hidden; width:12.57%; letter-spacing:normal; vertical-align:top; position:relative; display:inline-block; text-align:center;border:1px #ddd dotted; padding:5px; box-sizing:border-box;transition:0.5s;}
.cert ul li img{width:auto; max-width:100%;}
.cert ul li:hover{background:#f6f9fc}
.cert ul li:not(:nth-of-type(7n)){ margin-right:2%;}
.cert ul li:nth-child(n+8){margin-top:2%;}
.cert ul li p{text-align:center; margin-top:5px; font-size:14px; line-height:16px; height:32px;}
@media screen and (max-width: 768px) {
.cert{margin-bottom:30px;}
.cert_title{font-size:14px; }
.cert ul li{width:31.333%;padding:10px;}
.cert ul li:not(:nth-of-type(7n)){ margin-right:0;}
.cert ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.cert ul li:nth-child(n+4){margin-top:3%;}
.cert ul li p{height:48px; font-size:12px;}
}




.proddetails{width:100%; overflow:hidden;}
.proddetails h1{font-size:28px; font-weight:700; color:#0053c4; padding: 10px 10px 10px 15px;  border-left: 4px #0053c4 solid; background-image: linear-gradient(to right,rgb(0,98,199,0.15) 15% ,rgb(0,98,199,0.05) 30% , rgb(0,0,0,0) 85%); margin-bottom:30px;}
@media screen and (max-width:768px) {
.proddetails h1{font-size:18px;margin-bottom:15px;}
}

.proddetails_pic{overflow:hidden; letter-spacing:-8px; margin-top:15px;}
.proddetails_pic li{display:inline-block; overflow:hidden; width:17.6%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; background:#f6f9fc; border-radius:5px;}
.proddetails_pic li:not(:nth-of-type(5n)){ margin-right:3%;}
.proddetails_pic li:nth-child(n+6){margin-top:3%;}
.proddetails_pic li .imgbox{width:100%; float:none;}
.proddetails_pic li .imgbox img{padding:0; display:block;}
.proddetails_pic li p{text-align:center; padding:10px; line-height:18px;}
@media screen and (max-width: 768px) {
.proddetails_pic{margin-top:5px;}
.proddetails_pic li{width:47.5%;}
.proddetails_pic li:not(:nth-of-type(5n)){ margin-right:0;}
.proddetails_pic li:not(:nth-of-type(2n)){ margin-right:5%;}
.proddetails_pic li:nth-child(n+3){margin-top:5%;}
.proddetails_pic li p{line-height:20px!important;}
}



.prodbox1{width:100%; overflow:hidden; padding:20px 0; margin-top:40px;}
.prodbox1:first-child{margin-top:0;}
.prodbox1 h2{font-size:18px; font-weight:700; color:#0053c4; padding: 5px 5px 5px 15px;  border-left: 4px #0053c4 solid; background-image: linear-gradient(to right,rgb(0,98,199,0.15) 15% ,rgb(0,98,199,0.05) 30% , rgb(0,0,0,0) 85%); margin-bottom:10px;}
.prodbox1 .ptxt{line-height:30px;}
.prodbox1 .ptxt img{width:auto; max-width:100%;}
.prodbox1 .ptxt b,.prodbox1 .ptxt strong{color:#0053c4;}
@media screen and (max-width:768px) {
.prodbox1{padding:10px 0; margin-top:20px;}
.prodbox1 .ptxt{line-height:30px;}
}

.proddetails_right{width:100%; overflow:hidden;}
.proddetails_right h2{font-size:24px; padding-bottom:10px; border-bottom:1px #ddd dotted; margin-bottom:20px; font-weight:700; color:#0053c4;}
.proddetails_right ul li{background:url(../image/point.png) left 8px no-repeat; padding-left:10px; line-height:20px; overflow:hidden; font-size:16px; border-bottom:1px #ddd dotted; padding-bottom:15px; margin-bottom:15px; }
@media screen and (max-width:768px) {
.proddetails_right{ display:none;}
}


.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 h2{font-size:18px; line-height:20px;overflow:hidden; font-weight:700; color:#0059b5; text-align:center;}
.relatedul li p{text-align:center; padding:5px 10px 10px; line-height:20px!important;}
@media screen and (max-width: 768px) {
.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{line-height:20px!important;}
}


.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:#ff6600;}
.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:20px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:16px; line-height:20px;}
@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;}

.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:30px; top:30px;cursor: pointer; width:50px; height:50px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.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; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videolist {}
}

.searchlist{overflow:hidden; border:1px solid #DCDCDC; padding:30px; background-color:#fff; box-sizing:border-box; margin:50px 0;}
.searchlist h2{ font-size:24px; font-weight:700; padding-left:10px; color:#ff6600; margin-bottom:20px;}
.searchlist dl{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:20px 10px;}
.searchlist dl:hover{background:#f5f5f5;}
.searchlist dd{line-height:24px;}
.searchlist dd h4{font-size:18px; text-align:left;}
.searchlist dd h4 a{color:#0043a0;}
.searchlist dd h4 a:hover{color:#ff6600;}
.searchlist dd p{font-size:16px; color:#999999;}
.searchlist dd p span{ margin-right:35px;}
@media screen and (max-width:768px) {
.searchlist{padding:20px;}
.searchlist h2{font-size:18px; margin-bottom:10px;}
.searchlist dl{padding:10px 10px;}
}


#feedback{width:100%; margin:100px auto;}
.feedback{width:60%; padding:50px; box-sizing:border-box; border:1px #ddd solid; margin:100px auto 180px; border-radius:5px; background:#fff;}
.feedback h2{font-size:42px;font-weight:700; color:#019bcf;}
.feedback h4{height:4px; width:50px; background:#019bcf; margin:20px 0;}
.feedback h3{font-size:18px; line-height:24px; margin-bottom:30px;}
.feedback_btn{width:160px; height:40px; line-height:40px; background:#019bcf; color:#fff; font-size:16px; border-radius:25px; 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:#ff6600; 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:#ff6600; margin:10px 0;}
.feedback h3{font-size:16px; line-height:24px; margin-bottom:30px;}
.feedback_btn{margin-bottom:10px;margin-right:0px;}
}