/* 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:#222; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#fa5b0f;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:600;}i,em {font-style:normal;}

button, input, select, textarea {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; outline:none; font-family:Alibaba-PuHuiTi-Regular,Verdana, Arial;}
button {cursor:pointer; outline:none;}

.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%;}

/*
@font-face {
阿里巴巴普惠体
font-family: 'Alibaba-PuHuiTi-Regular';
src:url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
*/

/*英文字体
font-family: 'Source-Sans-Pro';
src:url('../font/Source-Sans-Pro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*/

body {font-size:12px; color:#222; background:#e5e5e5; font-family:Microsoft YaHei,Verdana, Arial; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}


/****************************公用****************************/
.wrap {margin:0 auto; padding:40px 0 60px; width:1350px; background-color:#fff;}
.wrap84{ margin-top:84px;}
.main {position:relative; margin:0 auto; width:1200px;}
@media screen and (max-width:768px) {
.wrap {padding:0%; width:100%;}
.wrap84{ margin-top:45px;}
.main {width:94%; margin:0 auto;}
.padding50{ padding-bottom:70px;}
}


/***htitle***/
.htitle {position:relative; margin:0 auto; width:1200px; height:60px; line-height:60px; text-transform:uppercase;}
.htitle h2 {font-size:20px;}
.htitle .more {position:absolute; top:0; right:0;}
@media screen and (max-width:768px) {
.htitle {width:96%; height:40px; line-height:40px;}
.htitle h2 {font-size:1rem; font-weight:600;}
.htitle .more {font-size:11px;}
}

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

.mask {position:absolute; bottom:0; left:0; text-align:center; color:#fff; background-color:rgba(0,0,0,0.5);}


/***header***/
.header {position:fixed; top:0; left:50%; margin-left:-675px; width:1350px; background-color:#fff; z-index:99; border-bottom:1px #ddd solid;}
.header .main {height:84px;}
.header-logo {float:left; margin-top:18px; width:240px;}

.header-nav {float:right;}
.header-nav li {float:left; height:84px;}
.header-nav a {position:relative; display:inline-block; padding:0 20px; height:84px; line-height:84px; font-size:14px; text-transform:uppercase;}
.header-nav a:hover {color:#fa5b0f;}

.header-search {width:28px;}
.header-search:after {position:absolute; top:50%; left:20px; margin-top:-14px; content:""; }
.header-search:after, .dropdown-search .search-btn {width:28px; height:28px; background:url(../images/search.png) no-repeat;}

.dropdown{display:none; position:absolute; top:84px; left:50%; margin-left:-675px; padding:50px 0; width:1350px; z-index:111; zoom:1; overflow:hidden; background-color:#33383e; opacity:0.95;}

.dropdown-about dl {float:left;}
.dropdown-about dl a {display:block; line-height:35px;}
.dropdown-about dt a {margin-bottom:10px; font-size:15px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); line-height:45px; font-weight:600;}
.dropdown-about dd {float:left; width:47.5%;}
.dropdown-about dd:not(:nth-of-type(2n)){margin-right:5%;}
.dropdown-about dd a {font-size:12px; color:#fff}
.dropdown-about dd a:hover {text-indent:2px; color:#ff6600;}
.dlleft_about{width:40%; margin-right:5%;}
.dlright_about{width:55%;}
.dlright li{float:left; width:30%; margin-top:2%;}
.dlright li:not(:nth-of-type(3n)){margin-right:5%;}
.dlright li img{ width:100%; height:auto;}
.dlright li p{color:#FFF; text-align:center;}
.dlright li:hover p{color:#ff6600;}



.dropdown-product dl {float:left;}
.dropdown-product dl a {display:block; line-height:35px;}
.dropdown-product dt a {margin-bottom:10px; font-size:15px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); line-height:45px; font-weight:600;}
.dropdown-product dd a {font-size:12px; color:#fff}
.dropdown-product dd a:hover {text-indent:2px; color:#ff6600;}
.dlleft1{width:40%; margin-right:7%;}
.dlleft1 dd {float:left; width:47.5%;}
.dlleft1 dd:not(:nth-of-type(2n)){margin-right:5%;}
.dlleft2{width:13%; margin-right:7%;}
.dlleft3{width:13%; margin-right:7%;}
.dlleft4{width:13%;}

.dlright{width:40%;}
.dlright li{float:left; width:30%; margin-top:2%;}
.dlright li:not(:nth-of-type(3n)){margin-right:5%;}
.dlright li img{ width:100%; height:auto;}
.dlright li p{color:#FFF; text-align:center;}
.dlright li:hover p{color:#ff6600;}

.dropdown-solution{float:left;}
.dropdown-solution ul{overflow:hidden;}
.dropdown-solution ul li{ float:left; width:14.16%;}
.dropdown-solution ul li:not(:nth-of-type(6n)){margin-right:3%;}
.dropdown-solution ul li img{width:94%; height:122px; padding:3%; background:#ccc;}
.dropdown-solution ul li:nth-child(n+7) {margin-top:20px;}
.dropdown-solution ul li img:hover{background:#fff;}
.dropdown-solution ul li p{color:#FFF; text-align:center; line-height:18px; margin-top:5px;}
.dropdown-solution ul li:hover p{color:#ff6600;}


.dropdown-search .searchbar {margin:0 auto; padding:5px 15px; width:800px; height:30px; background-color:#fff;}
.dropdown-search .search-input {float:left; width:770px; height:30px; line-height:30px;}
.dropdown-search .search-btn {float:right; cursor:pointer;}


.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-color:rgba(255, 255, 255, 1); z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:8px; width:160px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#33383e; 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:#33383e; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {/*border-bottom:1px #535b65 solid;*/}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #535b65 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:15px; border-top:1px #535b65 solid;}
.m-nav >ul >li:last-child {/*border-bottom:1px #535b65 solid;*/}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#fff;width:80%; display:inline-block;}
.m-nav ul li ul li a {display:block; font-size:12px; color:#ccc; line-height:18px; text-align:left; padding:10px 0;}
.m-nav ul li i svg {width:20px; height:20px; fill:#ccc;}
.m-nav ul li .m-nav-i-se svg {fill:#ff6600;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


/***banner***/
.banner, .m-banner {position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}
.banner {display:block; margin:84px auto 0; width:1350px;}
.m-banner {display:none;}

.banner .flex-control-nav {display:none;}

.banner .swiper-button-prev, .banner .swiper-button-next {width:36px; height:45px;}
.banner .swiper-button-prev{left:2%; background:url(../images/prev.png) center center no-repeat;}
.banner .swiper-button-next{right:2%; background:url(../images/next.png) center center no-repeat;}
.banner .swiper-pagination-bullet {width:14px; height:14px; background-color:rgba(255,255,255,1); opacity:1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#fa5b0f;}

.banner1 .banner-text {margin:0 auto; padding:150px 20% 0 0; width:56%; overflow:hidden;}
.banner1 .text1 {font-size:40px; line-height:50px; color:#fff; text-shadow:0px 0px 6px #666;}
.banner1 .text2 {margin-top:15px; font-size:20px; line-height:30px; color:#fff; text-shadow:0px 0px 6px #666;}
.banner1 .text3 {margin-top:15px; font-size:20px; line-height:30px; color:#ff6600; text-shadow:0px 0px 6px #666;}

@media screen and (max-width:768px) {
.banner {display:none;}
.m-banner {display:block; margin:45px auto 0;}

.m-banner .flex-control-nav {position:absolute; bottom:10px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.m-banner .flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.m-banner .flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background-color:rgba(255,255,255,1); opacity:1; cursor:pointer; border-radius:50%;}
.m-banner .flex-control-nav .flex-active {background-color:#fa5b0f;}
.m-banner .flex-direction-nav {display:none;}
}


/***banner***/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:84px auto 0; width:1350px;}
#mob{display:none;}
#pc{display:block;}
.slides{position:relative;z-index:0;}
.slides li {position:relative;}
.slides li img {display:block;}

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

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

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0; width:100%;}
#pc{display:none;}
#mob{display:block;}
.slides {position:relative; z-index:0;}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

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




/***footer***/
.footer {margin:0 auto; padding:50px 0; width:1350px; background-color:#33383e; overflow:hidden;}
.footer-service {float:left; width:44%;}
.footer-service dl:nth-child(n+2) {margin-top:20px;}
.footer-service dt {line-height:30px; font-size:18px; color:#ff6600; font-stretch:condensed;}
.footer-service dd {line-height:20px; color:#fff; opacity:0.7;}

.footer-service_link{ margin-top:20px; line-height:24px;}
.footer-service_link a{color:#FFF; opacity:0.4; margin-right:15px;}

.footer-contact {float:none; width:100%; color:#fff; font-size:12px;}
.footer-contact a{ color:#FFF;}
.footer-contact dt {height:35px; line-height:35px; font-size:20px; text-transform:uppercase; margin-bottom:10px;}
.footer-contact dd {line-height:22px; padding:10px 0px 10px 30px; float:left; width:50%; box-sizing:border-box; font-size:14px;}
.footer-contact dd:last-child {margin-top:20px; font-size:12px; color:#a1a3a5; padding:0; width:100%; text-align:center;}
.add1{background:url(../images/add1.png) left 8px no-repeat; opacity:0.7;}
.add2{background:url(../images/add2.png) left 8px no-repeat; opacity:0.7;}
.add3{background:url(../images/add3.png) left 8px no-repeat; opacity:0.7;}
.add4{background:url(../images/add4.png) left 8px no-repeat; opacity:0.7;}

@media screen and (max-width:768px) {
.footer {padding:20px 5%; width:90%;}
.footer-service, .footer-contact {float: none; width:100%; text-align:center;}
.footer-service dl:nth-child(n+2) {margin-top:20px;}
.footer-service dt, .footer-contact dt {line-height:24px; font-size:14px;}
.footer-service dd {line-height:18px; font-size:0.75rem;}

.footer-contact {line-height:22px;}
.footer-contact dt {height:24px; font-size:1rem; font-weight:600;}
.footer-contact dd {font-size:0.75rem; padding:5px 0; line-height:18px; width:100%; float:left;}
.footer-contact dd:last-child {margin-top:8px;}
.add1, .add2, .add3, .add4{background:none;}
}


/***********index************/

/***solution***/
.solution-intro {position:relative; padding:15px 20px 15px 40px; line-height:22px; font-style:italic; background-color:#f5f5f5; font-size:14px;}
.solution-intro:before, .solution-intro:after {color:#666; font-size:40px; font-weight:700; font-family:Arial;font-style: normal;}
.solution-intro:before {position:absolute; left:17px; top:0; display:block; line-height:60px; content:"“";}
.solution-intro:after {display:inline-block; vertical-align:bottom; margin-left:0px; content:"”"; line-height:0px;}

.solution-list {margin-top:2%;}
.solution-list li {position:relative; float:left; width:26.5%; height:230px; overflow:hidden;}
.solution-list li:nth-child(1), .solution-list li:nth-child(6), .solution-list li:nth-child(7), .solution-list li:nth-child(12) {width:43%;}
.solution-list li:nth-child(n+2){margin-left:2%;}
/*.solution-list li:nth-child(5),.solution-list li:nth-child(11){margin-left:0; padding-left:28.5%}*/
.solution-list li:nth-child(n+4){margin-top:2%;}
.solution-list li:nth-child(4), .solution-list li:nth-child(7), .solution-list li:nth-child(10){/*position:absolute; left:0; bottom:0;*/ margin-left:0;}
.solution-list li a {position:relative; display:block;}

.solution-info {position:absolute; top:0; left:0; padding:30px; width:100%; height:230px; color:#fff; box-sizing:border-box; background-color:rgba(0,0,0,0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.solution-info h3 {font-size:26px; font-stretch: condensed;}
.solution-info p {margin-top:10px; line-height:20px; opacity:0.8; font-weight:400; font-size:12px;}
.solution-info span {margin-top:25px; display:inline-block; padding:0 10px; height:28px; line-height:28px; border:1px solid rgba(255,255,255,0.5); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.solution-list li:hover .solution-info {background-color:rgba(0,0,0,0.3);}
.solution-list li:hover .solution-info span {border:1px solid rgba(255,255,255,1); background:#fff; color:#fa5b0f;}
@media screen and (max-width:768px) {
.solution-intro {position:relative; padding:3%; line-height:20px;font-size:0.75rem;}
.solution-intro:before {position:relative; display:inline-block; vertical-align:middle; line-height:2px; left:0; margin-right:2px; top:4px; font-size:30px;}
.solution-intro:after {display:inline-block; vertical-align:bottom; margin-left:2px; content:"”"; line-height:0px;font-size:30px;}

.solution-list li {width:49%; height:auto;}
.solution-list li:nth-child(1), .solution-list li:nth-child(6), .solution-list li:nth-child(7), .solution-list li:nth-child(12) {width:100%;}
.solution-list li:nth-child(2), .solution-list li:nth-child(4), .solution-list li:nth-child(6), .solution-list li:nth-child(8), .solution-list li:nth-child(10), .solution-list li:nth-child(12){margin-left:0;}
.solution-list li:nth-child(2), .solution-list li:nth-child(3){margin-top:2%;}
.solution-list li:nth-child(n+4){margin-top:2%;}
.solution-list li:nth-child(2) p{display:none;}
.solution-list li:nth-child(3) p{display:none;}
.solution-list li:nth-child(4) p{display:none;}
.solution-list li:nth-child(5) p{display:none;}
.solution-list li:nth-child(8) p{display:none;}
.solution-list li:nth-child(9) p{display:none;}
.solution-list li:nth-child(10) p{display:none;}
.solution-list li:nth-child(11) p{display:none;}

.solution-info {padding:18px; width:100%; height:100%;}
.solution-info h3 {font-size:1rem; font-weight:600;}
.solution-info p {margin-top:5px; line-height:18px; font-size:0.75rem;}
.solution-info span {margin-top:8px; padding:0 8px; height:22px; line-height:22px; font-weight:500;}
}

/***product***/
.index-product {margin-top:50px;}
.swiper-button-next.index-area-next, .swiper-button-prev.index-area-prev, .swiper-button-prev.index-solu-prev, .swiper-button-next.index-solu-next{top:60%; width:36px; height:45px; background-image:none;}

.swiper-button-next.index-area-next {right:-50px; background:url(../images/arrow_right.png) no-repeat; background-size:cover;}
.swiper-button-prev.index-area-prev {left: -50px; background:url(../images/arrow_left.png) no-repeat; background-size:cover;}
.swiper-button-next.index-solu-next {right:-50px; background:url(../images/arrow_right.png) no-repeat; background-size:cover;}
.swiper-button-prev.index-solu-prev {left: -50px; background:url(../images/arrow_left.png) no-repeat; background-size:cover;}


.product-list li {float:left; width:22.78%;}
.product-list li:nth-child(1) {width:49%;}
.product-list li:nth-child(n+2){margin-left:2.6%;}
.product-list li:nth-child(n+4){margin-top:2.6%;}
.product-list li a {position:relative; display:block; font-size:12px; color:#fff; text-align:center;}
.product-list li .mask {width:100%; height:36px; line-height:36px;}
.product-list li:hover .mask{ background-color: rgba(255,102,0,0.8);}

@media screen and (max-width:768px) {
.index-product {margin-top:30px; padding-bottom:30px;}
.index-solution {padding-bottom:30px;}

.swiper-button-next.index-area-next, .swiper-button-prev.index-area-prev, .swiper-button-prev.index-solu-prev, .swiper-button-next.index-solu-next {top:auto; bottom:-45px; width:50px; height:28px; background-image:none;}

.swiper-button-next.index-area-next {right:35%; background:url(../images/a_r.jpg) no-repeat; background-size:cover;}
.swiper-button-prev.index-area-prev {left: 35%; background:url(../images/a_l.jpg) no-repeat; background-size:cover;}
.swiper-button-next.index-solu-next {right:35%; background:url(../images/a_r.jpg) no-repeat; background-size:cover;}
.swiper-button-prev.index-solu-prev {left: 35%; background:url(../images/a_l.jpg) no-repeat; background-size:cover;}



.product-list li {width:49%;}
.product-list li:nth-child(1) {width:100%;}
.product-list li:nth-child(2), .product-list li:nth-child(4){margin-left:0;}
.product-list li:nth-child(2), .product-list li:nth-child(3){margin-top:2%;}
.product-list li:nth-child(n+3){margin-left:2%;}
.product-list li:nth-child(n+4){margin-left:0%;}
.product-list li:nth-child(n+5){margin-left:2%;}

.product-list li a {font-size:12px;}
.product-list li .mask {height:30px; line-height:30px;}
}


.prod2{width:100%; overflow:hidden; position:relative; margin-top:2%;}
.prod2 ul{letter-spacing:-8px; overflow:hidden; }
.prod2 ul li{float:left;letter-spacing:normal; vertical-align:top; width:32.33%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;}
.prod2 ul li:not(:nth-of-type(3n)){margin-right:1.5%;}
.prod2 ul li:nth-child(n+4){margin-top:1.5%;}
.prod2 ul li .prod2_txt{ position:relative; width:100%; margin-top:10px;}
.prod2 ul li .prod2_txt h2{ font-size:16px; font-weight:700;}
.prod2 ul li .prod2_txt .prod2txt{ line-height:20px; font-size:12px; opacity:0.8;}

.prod2_btn{margin-top:25px; display:inline-block; padding:0 20px;  height:28px; line-height:28px; border: 1px solid rgba(255,255,255,0.5); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right:15px;}
.prod2 ul li:hover .prod2_btn{color:#ff6600;border:1px #ff6600 solid;}

@media screen and (max-width:768px) {
.prod2 ul li{float:left; width:47.5%;}
.prod2 ul li:not(:nth-of-type(3n)){margin-right:0;}
.prod2 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.prod2 ul li:nth-child(n+3){margin-top:10%;}
}



.prod3{width:100%; overflow:hidden; position:relative; margin-top:2%;}
.prod3 ul{letter-spacing:-8px; overflow:hidden; }
.prod3 ul li{float:left;letter-spacing:normal; vertical-align:top; width:31.33%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;}
.prod3 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.prod3 ul li:nth-child(n+4){margin-top:1.5%;}
.prod3 ul li .mask {width:100%; height:45px; line-height:45px; font-size:16px; font-weight:700; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.prod3 ul li:hover .mask{ background-color: rgba(255,102,0,0.8);}
@media screen and (max-width:768px) {
.prod3 ul li .mask {height:35px; line-height:35px; font-size:14px;}
.prod3 ul li{width:47.5%; }
.prod3 ul li:not(:nth-of-type(3n)){margin-right:0;}
.prod3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.prod3 ul li:nth-child(n+3){margin-top:5%;}
}




/*内页banner*/
.lymain {position:relative; margin:0 auto; width:1200px; overflow:hidden;}
.lybanner {margin:84px auto 0; max-width:1350px;}
@media screen and (max-width:768px) {
.lymain {width:94%; margin:0 auto; padding-bottom:3%;}
.lybanner {margin:45px auto 0;}
}

/*select*/
#onsec {color:#ff6600;}
#onsec a{color:#ff6600;}
.marginbotton40{margin-bottom:40px;}
.margintop40{margin-top:40px;}

/*root*/
.location {position:relative; margin:0 auto 30px;  width:1200px; height:60px; line-height:60px; font-size:20px; text-transform:uppercase; border-bottom:1px #ddd dotted;}
.span_right{float:right; font-size:12px;}
@media screen and (max-width:768px) {
.location {font-size:0.75rem; line-height:35px; height:35px; width:94%; margin:0 auto 15px; overflow:hidden;}
.span_right{font-size:0.75rem;}
}

/*分页*/
.page{text-align:center; padding:20px 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; 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:0.75rem; padding:3px 8px; margin:0;}
}


/*左右框架*/
.mainleft{float:left; width:70%; padding-right:4%; overflow:hidden; border-right:1px #ddd dotted;}
.mainright{float:right; width:22%; overflow:hidden; padding-left:3.5%;}
.mainright_title{font-size:18px; line-height:30px; width:100%; padding-bottom:10px; border-bottom:1px #ddd dotted; margin-bottom:10px; font-weight:600;}
.mainright ul{overflow:hidden;}
.mainright ul li{line-height:18px; margin:0 0 10px 0; font-size:12px; border-bottom:1px #ddd dotted; background:url(../images/file.png) left center no-repeat; padding:10px 10px 10px 40px;}
@media screen and (max-width:768px) {
.mainleft{float:none; width:100%; padding:0;}
.mainright{float:none; width:100%; padding:0; margin-top:10%; margin-left:0; border-left:0;}
}


/*about us*/
.about_txt{line-height:26px; margin-bottom:60px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2{ color:#ff6600; font-size:18px; text-transform:uppercase; line-height:35px; font-weight:700; margin-bottom:10px;}
.about_txt b,.about_txt strong{ font-size:14px;}


/*contact us*/
.contact_left{float:left; width:45%; overflow:hidden;}
.contact_left h2{line-height:20px; font-size:18px; margin-bottom:35px; font-weight:bold;}
.contact_left li{float:left; width:94%; line-height:20px; padding-left:8%; font-size:12px; margin-bottom:35px; box-sizing:border-box;}
.contact_left li:last-child {margin-bottom:0px;}
.contact_left li b{ font-weight:600; display:block; font-size:14px; margin-bottom:6px;}
.icon_1{background:url(../images/icon_1.png) left top no-repeat; background-size:24px;}
.icon_2{background:url(../images/icon_2.png) left top no-repeat; background-size:24px;}
.icon_3{background:url(../images/icon_3.png) left top no-repeat; background-size:24px;}
.icon_4{background:url(../images/icon_4.png) left top no-repeat; background-size:24px;}
.icon_5{background:url(../images/icon_5.png) left top no-repeat; background-size:24px;}
.icon_6{background:url(../images/icon_6.png) left top no-repeat; background-size:24px;}
.icon_7{background:url(../images/icon_7.png) left top no-repeat; background-size:24px;}

.contact_right {float:right; width:55%;  overflow:hidden; box-sizing:border-box;}
.contact_right img{height:100%;}

@media screen and (max-width:768px) {
.about_left_contact{float:left; width:100%; background:#fff; padding:0%;}
.contact_left h2{line-height:20px; font-size:1.125rem; margin-bottom:20px; font-weight:bold;}
.about_left_contact li{float:left; width:92%; line-height:24px; padding-left:8%; font-size:0.875rem; margin:15px 0px;}
.right_contact {float:none; width:100%; margin:8px auto 0;}

.contact_left{float:none; width:100%;}
.contact_right {float:none; width:98%; padding:1%; margin-left:0%; margin-top:5%;}
.contact_left li{ margin-bottom:20px;  width:90%; padding-left:10%; }
}



/*news list*/
.newsul{}
.newsul li{overflow:hidden; margin-bottom:3%; padding:2%; border:1px #ddd dotted; background:#fbfbfb; position: relative;}
.newsul li:hover{ background:#fff;  box-shadow:0 0 10px 0 #ddd;}
.newsul li:hover h2 a{color:#ff6600;}
.newsul li img{width:30%; margin-right:2%; float:left;}
.newsul li h2{font-size:16px; font-weight:normal; line-height:25px; padding-right:40px;}
.newsul li h2 a{color:#0063b7;}
.newsul li h2 a:hover{color:#ff6600;}
.newsul li div{color:#666; line-height:20px; font-size:12px; padding-right:20px;}
.newsul li p{color:#999; padding:8px 0 8px 0; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:20px;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}

@media screen and (max-width:768px) {
.newsul li{padding:0.6rem 0 0.6rem 0; margin-bottom:1.25rem; /*width:100%; background:#f8f8f8;*/}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:4%; margin-right:0;}
.newsul li p{padding:0.625rem 0.9rem; font-size:0.75rem; display:none;}
.newsul li h2{font-size:0.875rem; padding:0 0.9rem; line-height:20px;}
.newsul li div{font-size:0.75rem; line-height:1.25rem; padding:0.4rem 0.9rem 0 0.9rem;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}
}


/*news detail*/
.newsshow{overflow:hidden; width:100%;  margin:0px auto; /*border:1px #ddd solid; background:#fbfbfb;*/letter-spacing:1px;}
.news_xxjs{line-height:24px!important; overflow:hidden; font-size:12px;}
.news_xxjs p,.news_xxjs span{line-height:24px!important; font-size:12px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:-webkit-inline-box; padding:0px; width:auto;}
.news_xxjs a:link{font-weight:700!important;}


.txtspace{letter-spacing:3px; line-height:24px; padding:20px; border:1px #ddd dotted; background:#f5f5f5; font-size:12px;}
.txtspace p {line-height:24px; font-size:12px;}
.txtspace img{ width:auto!important; margin-right:15px; max-width:100%;}

.news_title{}
.news_title h1{font-size:24px; color:#0063b7; text-align:left; padding:5px 0px 15px 0px; font-weight:normal; border-bottom:1px #ddd dotted;}
.pubdate{line-height:20px; margin:5px 0; OVERFLOW: hidden; text-align:left; font-size:12px; color:#999;}
.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:left; color:#999999;}

/*news_info*/
.Information{overflow:hidden;margin-top:30px; padding:10px; background:#fafafa; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:12px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding:2%; width:96%; margin:0px; border:0;}
.news_title{}
.news_title h1{font-size:1.25rem;}
.news_xxjs{font-size:0.75rem!important; margin-top:20px;}
.news_xxjs p,.news_xxjs span{font-size:0.75rem!important;}
.news_xxjs td{font-size:0.75rem!important;}
.news_xxjs img{max-width:100%; height:auto;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.Information ul li{font-size:0.75rem; padding:10px 0;}
}


/* product_all*/
.product_all{margin-top:2%;}
.product_all li:not(:nth-of-type(3n)) {margin-right: 3%;}
.product_all li {float: left; overflow: hidden;width: 31.3%; margin-bottom: 40px; height:225px;box-shadow:0 0 20px 0 #ddd;}
.product_all li a {position: relative; display: block; font-size: 13px; color: #fff; text-align: center;}
.product_all li .mask {width: 100%; height: 36px; line-height: 36px;}
.product_all li:hover .mask{ background-color: rgba(255,102,0,0.8);}
.product-intro {position:relative; padding:20px; line-height:26px; background-color:#fafafa; font-size:12px; border:1px #ddd dotted;}
@media screen and (max-width:768px) {
.product_all li:not(:nth-of-type(3n)) {margin-right: 0%;}
.product_all li:not(:nth-of-type(2n)) {margin-right: 4%;}
.product_all li {float: left; overflow: hidden;width: 48%; margin-bottom:20px; box-shadow:0 0 20px 0 #ddd; height:auto;}
.product-intro {padding:10px; line-height:24px; font-size:0.75rem;}
.product_all li .mask {width: 100%; height:25px; line-height:25px; font-size:0.75rem;}
}


/* product_list*/
.productul{ overflow:hidden; margin-top:30px;}
.productul li:not(:nth-of-type(3n)){margin-right:3%;}
.productul li {float:left; overflow:hidden; width:27%; margin-bottom:3%; border:1px #ddd dotted; background:#f5f5f5; padding:2%;}
.productul li img{ width:100%; height:auto;}
.productul li h3 {text-align:left; padding:10px 0 0 0; line-height:18px; font-weight:600; font-size:14px; color:#0063b7;}
.productul li p{ text-align:left; padding:5px 0; line-height:18px; color:#666; height:72px; font-size:12px;}
.productul li:hover p{color:#ff6600;}
.productul li:hover h3{color:#ff6600;}

.prodinfo{overflow:hidden;margin-top:40px; padding:0;}
.prodinfo h2{line-height:20px; font-size:14px; font-weight:bold; border:1px #ddd solid; padding:10px; background:#0063b7; color:#FFF;}
.prodinfo ul{padding:0px;}
.prodinfo li{}

@media screen and (max-width:768px) {
.productul li:not(:nth-of-type(3n)){margin-right:0%;}
.productul li:not(:nth-of-type(2n)){margin-right:4%;}
.productul li {float:left; overflow:hidden; width:43%; margin-bottom:20px;}
.productul li img{ width:100%; height:auto;}
.productul li p{ height:126px; font-size:0.75rem;}
}



/*继电器的产品列表*/
.mainprod{width:100%; overflow:hidden;}
.broductul{ overflow:hidden; margin-top:30px; letter-spacing:-8px;}
.broductul li:not(:nth-of-type(4n)){margin-right:3%;}
.broductul li { letter-spacing:normal; vertical-align:top; display:inline-block; overflow:hidden; width:22.75%; margin-bottom:3%; border:1px #ddd dotted; background:#f5f5f5; padding:2%; box-sizing:border-box;}
.broductul li img{ width:100%; height:auto;}
.broductul li h3 {text-align:left; padding:10px 0 0 0; line-height:18px; font-weight:600; font-size:14px; color:#0063b7;}
.broductul li p{ text-align:left; padding:5px 0; line-height:18px; color:#666; height:72px; font-size:12px;}
.broductul li:hover p{color:#ff6600;}
.broductul li:hover h3{color:#ff6600;}
.brodinfo{overflow:hidden;margin-top:40px; padding:0;}
.brodinfo h2{line-height:20px; font-size:14px; font-weight:bold; border:1px #ddd solid; padding:10px; background:#0063b7; color:#FFF;}
.brodinfo ul{padding:0px;}
.brodinfo li{}
@media screen and (max-width:768px) {
.broductul li:not(:nth-of-type(4n)){margin-right:0%;}
.broductul li:not(:nth-of-type(2n)){margin-right:4%;}
.broductul li {float:left; overflow:hidden; width:48%; margin-bottom:20px;}
.broductul li img{ width:100%; height:auto;}
.broductul li p{ height:126px; font-size:0.75rem;}
}



.cpshow{width:96%; margin:0px auto; overflow:hidden; line-height:28px; background:#f5f5f5;padding:2%;}
.cpshowtop{overflow:hidden; width:100%;background:#fff; padding:20px; box-sizing:border-box;}
.cpshowtop_l{ float:left; width:300px; border:0px; padding-top:0px;}
.cpshowtop_l img{width:80%;}
.cpshowtop_r{float:right; width:812px; overflow:hidden;}
.cpshowtop_r h2{font-size:18px; font-weight:normal;}

.prod_txt{line-height:24px; margin-bottom:20px; padding:20px; background:#fff;}

.cpshowtop_r_div{overflow:hidden; padding:0; width:100%; line-height:24px!important; font-size:12px!important; font-weight:normal!important; margin:10px 0;}
.cpshowtop_r_div h3{ font-size:14px; margin-bottom:10px; height:40px; line-height:40px; padding:0px 15px; font-weight:bold; background:#006dc1; color:#FFF;}
.cpshowtop_r_div table{ width:100%;}
.cpshowtop_r_div p{line-height:24px!important; font-size:14px!important;}
.cpshowtop_r_div td{padding:6px; font-size:12px!important; border:1px #CCCCCC solid;}
.cpshowtop_r_div img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin-right:10px; display:-webkit-inline-box;}


.cpshowtop_r_tel{font-size:16px; line-height:24px; padding:5px; border:1px #ddd dotted; color:#ff6600; background:#fff;}
.qqonline{display: block; background: #ea0004; color: #fff; font-size: 14px;  float: left;  margin-right: 10px;  height: 35px;  line-height: 35px; padding: 0px 30px; border-radius: 5px;}

.cpshowtop_r_list{border-top:1px #ddd dotted; margin-top:10px; padding-top:10px;}
.cpshowtop_r_list ul{overflow:hidden;}
.cpshowtop_r_list ul li{float:left; width:100%; font-size:14px; line-height:30px;}

.ban1{ width:502px; height:620px; position:relative; overflow:hidden;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.ban2 ul li img{width:500px; height:500px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:100px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:98px; height:98px; margin-right:10px;border:1px solid #ddd;}
.num ul li img{ width:98px; height:98px; display:block;}
.num ul li.on{ border:1px solid #7ccad4;}
.prev_btn1{ width:35px; text-align:center; height:51px; margin-top:30px; cursor:pointer; float:left;}
.next_btn1{ width:35px; text-align:center; height:51px; margin-top:30px;cursor:pointer;float:right;}
.prev_btn1 img , .next_btn1 img { width:auto; }
.next_btn1 img {float:right;}
.prev1{ position:absolute; top:150px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:150px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

@media screen and (max-width: 768px) {
.qqonline{display: block; background: #ea0004; color: #fff; font-size: 14px;  float: left;  margin-right:0px;  height: 30px;  line-height: 30px; padding: 0px 10px; border-radius:5px;}
.cpshow{ margin-bottom:0px; width:92%; padding:4%; border:0; background:#f5f5f5;}	
.ban1{ width:322px; height:400px; position:relative; overflow:hidden; margin:0 auto;}
.ban2{ width:320px; height:320px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:320px; height:320px;}
.ban2 ul li img{width:320px; height:320px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:55px;overflow:hidden; width:236px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:300px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:70px; height:53px; margin-right:10px; border:1px solid #ddd;}
.num ul li img{ width:70px; height:53px; display:block;}
.num ul li.on{ border:1px solid #00a6bc; padding:0;}
.prev_btn1{ width:34px; text-align:center; height:20px; margin-top:20px; cursor:pointer; float:left;}
.next_btn1{  width:30px; text-align:center; height:20px; margin-top:20px;cursor:pointer;float:right;}
.prev_btn1 img,.next_btn1 img{height:20px;}
.prev1{ position:absolute; top:120px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:120px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
}


.block{display:block;}
.tablist{overflow:hidden; display:none; padding:0; width:100%; line-height:24px!important; font-size:12px!important; font-weight:normal!important; background:#fff;}
.tablist h3{ font-size:18px; margin-bottom:10px; height:40px; line-height:40px; padding:0px 15px; font-weight:bold; border-bottom:1px #ccc solid; background:#333; color:#FFF;}
.tablist table{ width:100%;}
.tablist p{line-height:24px!important;}
.tablist td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.tablist img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin-right:10px; display:-webkit-inline-box;}

.tablist_prod{overflow:hidden; padding:0; width:100%; line-height:24px!important; font-size:12px!important; font-weight:normal!important; margin-top:50px;}
.tablist_prod h3{ font-size:14px; margin-bottom:10px; height:40px; line-height:40px; padding:0px 15px; font-weight:bold; background:#006dc1; color:#FFF;}
.tablist_prod table{ width:100%;}
.tablist_prod p{line-height:24px!important; font-size:14px!important;}
.tablist_prod td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.tablist_prod img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin-right:10px; display:-webkit-inline-box;}

@media screen and (max-width: 768px) {
.prod_txt{line-height:24px; margin-bottom:4%; padding:10px; background:#fff;}	
.cpshowtop{width:100%;}
.cpshowtop_l{float:none; width:100%; border:0px; margin-bottom:20px;}
.cpshowtop_l img{width:100%;}
.cpshowtop_r{float:none; width:96%; padding:2%;}
.cpshowtop_r h2{font-size:1rem;}
.cpshowtop_r p{font-size:0.75rem; padding-top:5px;}
.cpshowtop_r_div{font-size:0.75rem; line-height:24px;}
.cpshowtop_r_div table{width:100%!important; display:-webkit-box; white-space:nowrap; overflow-x:auto; overflow-y:hidden; border:0px;}


#tab1 ,#tab2{height:auto; margin:30px auto 0; overflow:hidden;}
#tab1 li,#tab2 li{padding:0 15px; height:45px;line-height:45px; font-size:0.875rem;}
.tablist{font-size:0.875rem; padding-top:20px;}
.tablist p{font-size:0.875rem!important;}
.tablist td{font-size:0.75rem!important;}
.tablist table{ width:100%; display: block; display: -webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}

.tablist_prod{font-size:0.875rem; margin-top:20px;}
.tablist_prod p{font-size:0.875rem!important;}
.tablist_prod td{font-size:0.75rem!important;}
.tablist_prod table{ width:100%; display: block; display: -webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}

@media screen and (max-width: 413px) {
#tab1 li,#tab2 li{padding:0px; width:33%; text-align:center;}
}


/*产品详情页滚动*/
.lanrenzhijia{width:500px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:542px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/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;}
.lanrenzhijia .picBox ul{height:500px;position:absolute;}
.lanrenzhijia .picBox li{width:500px;height:500px;}
.lanrenzhijia .picBox li img{width:100%; height:500px; display:block;}
.lanrenzhijia .listBox{width:500px;height:86px;margin:0 auto;position:relative;padding:15px 0 0 0; overflow:hidden; display:none;}
.lanrenzhijia .listBox ul{height:86px;position:absolute; margin-left:40px;}
.lanrenzhijia .listBox li{width:86px;height:86px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:80px;}
.lanrenzhijia .listBox li img{width:78px;height:78px;border:1px solid #ddd;}
.lanrenzhijia .listBox .on img{width:78px;height:78px;border:1px solid #ff6600;}
.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:390px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:360px;height:360px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:360px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:360px;position:absolute;}
.lanrenzhijia .picBox li{width:360px;height:360px;}
.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:60px}
.lanrenzhijia .listBox li img{width:56px;height:56px;}
.lanrenzhijia .listBox .on img{width: 56px;height: 56px;border:1px solid #ff6600;}
.lanrenzhijia .listBox .on i{display:block;}
}
@media screen and (max-width: 375px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:340px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.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{height:320px;position:relative;overflow:hidden; background:#fff;}
.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:245px;height:46px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:46px;position:absolute;}
.lanrenzhijia .listBox li{width:50px;height:46px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:46px;height:46px}
.lanrenzhijia .listBox li img{width:42px;height:42px;}
.lanrenzhijia .listBox .on img{width: 42px;height: 42px;border:1px solid #ff6600;}
.lanrenzhijia .listBox .on i{display:block;}
}


/* soluiotn_prod */
.solution_produl{ overflow:hidden; margin-top:15px;}
.solution_produl li:not(:nth-of-type(2n)){margin-right:3%;}
.solution_produl li {float:left; overflow:hidden; width:46%; margin-bottom:27px; border:1px #ddd dotted; padding:1%;background:#f5f5f5; height:190px;}
.solution_produl li h3{ font-size:14px; font-weight:600; color:#0063b7;}
.solution_produl li p{ text-align:left; padding:5px 0; line-height:18px; font-size:12px; color:#666;}

.solution_prod_img:not(:nth-of-type(3n)){margin-right:5%;}
.solution_prod_img{float:left; overflow:hidden; width:28%; padding:1%}
.solution_prod_img img{width:100%;}
.solution_prod_img p{ text-align:center!important; padding:5px 0; line-height:18px; font-size:12px;}
.solution_prod_img:hover p{color:#ff6600;}
@media screen and (max-width: 768px) {
.solution_produl li {width:94%; margin-bottom:27px; padding:2.5%; height:auto;}
.solution_prod_img:not(:nth-of-type(3n)){margin-right:5%;}
.solution_prod_img{float:left; overflow:hidden; width:28%; padding:1%}
}


/* search page */
#tab3{width:100%; height:50px; margin:0 auto; background:#f5f5f5;text-align:center; border-bottom:1px #ddd solid;}
#tab3 ul{overflow:hidden;}
#tab3 li{position: relative;display: inline-block; vertical-align: top; margin: 0 25px; height:50px; line-height:50px; font-size:18px; cursor: pointer;}
#tab3 li.now {color:#ff6600;}
#tab3 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab3 li.now i {display:block;}
#sp1{ width:1200px; margin:20px auto;}

.tablist3{overflow:hidden; display:none; line-height:26px!important; font-size:13px!important; font-weight:normal!important;}
.tablist3 table{width:100%!important;}
.tablist3 p{line-height:26px!important; font-size:14px!important;}
.tablist3 td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid!important;}

.block{display:block;}
.tablist3 img{ max-width:100%; height:auto; overflow:hidden;}

.searcharea{padding:20px 0;}
.searcharea ul{overflow:hidden;}
.searcharea ul li{border-bottom:1px #ddd dotted; padding:20px 10px;}
.searcharea ul li:hover{background:#fff;}
.searcharea ul li h3{font-size:16px;}
.searcharea ul li h4{ font-size:12px; color:#999; line-height:24px;}

@media screen and (max-width: 768px) {
#tab3{height:auto; margin:0px auto; overflow:hidden;}
#tab3 li{position: relative;display: inline-block; vertical-align: top; margin: 0 15px; height:40px; line-height:40px; font-size:1rem; cursor: pointer;}
#tab3 li.now {color:#e17212;}
#tab3 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab3 li.now i {display:block;}
#sp1{width:96%; margin:10px auto;}

.tablist3{font-size:0.875rem; padding-top:0px;}
.tablist3 p{font-size:0.75rem!important; line-height:20px!important;}
.tablist3 td{font-size:0.75rem!important;}
.tablist3 table{ width:100%; height:auto!important; display: block; display:-webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}



/* 联系我们在线留言 */
.footer-right {float:none; width:100%; padding:4% 6%; background:#f5f5f5; box-sizing:border-box;}
.footer-right p{line-height:30px; font-size:14px; margin-bottom:20px;}
.message-input {width:100%; height:44px; overflow:hidden;}
.message-input li {float:left; width:32%;}
.message-input li:nth-child(n+2) {margin-left:2%;}

.message-input .inputbox, .message-textarea .textareabox, .message-btn {line-height:24px; background-color:#fff; border:1px solid #e4e4e4;}
.message-input .inputbox {padding:8px 15px; height:24px; }
.message-input input {display:block; width:100%; height:24px;}

.message-textarea, .message-btn {margin-top:2%;}
.message-textarea .textareabox {padding:8px 15px;}
.message-textarea textarea {display:block; width:100%; line-height:24px; resize:none;}

.message-btn {width:150px; height:42px; line-height:40px; font-size:16px; text-align:center; color:#fff; background-color:#00459a; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.message-btn:hover {color:#fff; background-color:#fa5b0f;}

@media screen and (max-width:768px) {
.footer-right {margin-top:10px;}

.message-input {width:100%; height: auto; overflow:hidden;}
.message-input li {float:none; width:100%;}
.message-input li:nth-child(n+2) {margin-left:0; margin-top:2%;}

.message-btn {margin:2% auto 0; width:100%; height:36px; line-height:36px; font-size:14px;}
}


.sitemap{overflow:hidden; background:#FFF; padding:20px; border:1px #ddd solid;}
.sitemap h2 {padding:5px; font-size:14px; font-weight:bold; color:#ff6600;}
.sitemap h2 a{color:#005ece;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:15px; padding:6px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:14px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px; font-weight:600;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}

/*知识堂*/
.zhidao{overflow:hidden;}
.zhidao h3{ font-size:18px; margin:35px 0 5px 0; font-weight:600;}
.zhidao ul{overflow:hidden;}
.zhidao ul li{border-bottom:1px dotted #dddddd; line-height:20px; padding:10px 0px; float:left; width:33%;}
.zhidao ul li a{}
.zhidao ul li span{float:right; font-size:11px; color:#999999;padding-left:100px;}

.long_margontop{margin-top:165px;}
@media screen and (max-width:768px) {
.long_margontop{margin-top:50px;}
.zhidao ul li{width:50%;}
}



.rd_3{overflow:hidden; padding:0px 0 60px 0; margin-top:30px;}
.rd_3 .lymain{/*max-width:1400px;*/}
.rd_3 ul{letter-spacing:-8px; overflow:hidden;}
.rd_3 ul li{letter-spacing:normal; vertical-align:top; overflow:hidden; background:#f8f8f8;}
.rd_3 ul li:last-child{margin-bottom:0px;}
.rd_3list{float:left; width:50%; /*align-items:stretch;position:fixed;*/ }
.rd_3list h2{ font-size:24px; margin-bottom:10px; padding:10% 10% 0 10%; color:#ff6600;}
.rd_3list .notes{font-size:14px; line-height:30px; padding:0 10% 10% 10%;}
.rd_3list img{width:100%;}
.rd_3listleft{float:left;}
.rd_3listright{float:right;}
@media screen and (max-width: 768px) {
.rd_3{overflow:hidden; padding:0;}
.rd_3list{float:none; width:100%; /*align-items:stretch;position:fixed;*/ }
.rd_3 ul li{margin-bottom:30px;}
.rd_3list h2{ font-size:18px; margin-bottom:10px; padding:5% 5% 0 5%; font-weight:700;}
.rd_3list .notes{font-size:12px; line-height:24px; padding:0 5% 5% 5%;}
}


.rd_4{overflow:hidden; padding:80px; margin-bottom:60px; box-sizing:border-box;}
.rd_4_txt{background-color:rgba(0,0,0,0.4); padding:80px; font-size:14px; line-height:40px; color:#fff; box-sizing:border-box; }
.rd_4_txt h2{ font-size:20px; font-weight:700; color:#FFF; border-bottom:1px #555 solid; padding-bottom:15px; margin-bottom:15px;}
@media screen and (max-width: 768px) {
.rd_4{overflow:hidden; padding:20px; margin-top:15px; margin-bottom:30px; box-sizing:border-box;}
.rd_4_txt{background-color:rgba(0,0,0,0.4); padding:20px; font-size:12px; line-height:30px; color:#fff; box-sizing:border-box; }
.rd_4_txt h2{ font-size:16px; font-weight:700; color:#FFF; border-bottom:1px #555 solid; padding-bottom:15px; margin-bottom:15px;}
}

.rd_5{overflow:hidden; padding:80px;  margin-bottom:60px; box-sizing:border-box;}
.rd_5_txt{background-color:rgba(0,0,0,0.4); font-size:14px; line-height:40px; color:#fff; box-sizing:border-box; float:left; width:40%; }
.rd_5_txt h2{ font-size:20px; font-weight:700; color:#FFF; border-bottom:1px #555 solid; padding-bottom:15px; margin-bottom:15px;}
@media screen and (max-width: 768px) {
.rd_5{overflow:hidden; padding:20px; margin-top:15px; margin-bottom:30px; box-sizing:border-box;}
.rd_5_txt{background-color:rgba(0,0,0,0.4); padding:20px; font-size:12px; line-height:30px; color:#fff; box-sizing:border-box; width:100%; }
.rd_5_txt h2{ font-size:16px; font-weight:700; color:#FFF; border-bottom:1px #555 solid; padding-bottom:15px; margin-bottom:15px;}
}


.xpshowtop{overflow:hidden; width:100%;background:#fff;}
.xpshowtop_l{ float:left; width:400px; border:0px;}
.xpshowtop_r{float:right; width:712px; overflow:hidden; padding:40px; box-sizing:border-box;}
.xpshowtop_r h2{font-size:24px; font-weight:normal;}

.xpshowtop_r_div{overflow:hidden; padding:0; width:100%; line-height:28px!important; font-size:14px!important; font-weight:normal!important; margin:10px 0;}
.xpshowtop_r_div h3{ font-size:14px; margin-bottom:10px; height:40px; line-height:40px; padding:0px 15px; font-weight:bold; background:#006dc1; color:#FFF;}
.xpshowtop_r_div table{ width:100%;}
.xpshowtop_r_div p{line-height:28px!important; font-size:14px!important;}
.xpshowtop_r_div td{padding:6px; font-size:12px!important; border:1px #CCCCCC solid;}
.xpshowtop_r_div img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin-top:40px; display:-webkit-inline-box;}
@media screen and (max-width: 768px) {
.xpshowtop_l{ float:none; width:100%; border:0px;}
.xpshowtop_r{float:none; width:100%; padding:20px;}
}



#tab1{width:100%; overflow:hidden; background:none; margin-top:50px;border-bottom:2px #003f94 solid;}
#tab1 ul{margin:0;padding:0; overflow:hidden;}
#tab1 li{float:left;width:16.25%; height:45px;line-height:45px; color:#4e4e4e; text-align:center; cursor:pointer; font-size:16px; background:#fff; font-weight:700; box-sizing:border-box;}
#tab1 li:not(:nth-of-type(6n)){ margin-right:0.5%;}
#tab1 li.now{color:#fff; background:#003f94;}
.tablist{overflow:hidden; display:none;padding:2%; overflow-x:auto; box-sizing:border-box;}
.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:14px; border:1px #ddd solid; box-sizing:border-box; font-weight:normal; height:35px;line-height:35px;}
#tab1 li:not(:nth-of-type(5n)){ margin-right:0%;}
#tab1 li:not(:nth-of-type(3n)){ margin-right:2%;}
#tab1 li:nth-child(n+4){margin-top:2%;}
}


#tab2{width:100%; overflow:hidden; background:none; margin-top:50px;border-bottom:2px #003f94 solid;}
#tab2 ul{margin:0;padding:0; overflow:hidden;}
#tab2 li{float:left;width:33%; height:45px;line-height:45px; color:#4e4e4e; text-align:center; cursor:pointer; font-size:16px; background:#fff; font-weight:700; box-sizing:border-box;}
#tab2 li:not(:nth-of-type(3n)){ margin-right:0.5%;}
#tab2 li.now{color:#fff; background:#003f94;}
@media screen and (max-width:768px) {
#tab2{border-bottom:none; margin-bottom:0px;}
#tab2 li{width:32%;font-size:14px; border:1px #ddd solid; box-sizing:border-box; font-weight:normal; height:35px;line-height:35px;}
#tab2 li:not(:nth-of-type(5n)){ margin-right:0%;}
#tab2 li:not(:nth-of-type(3n)){ margin-right:2%;}
#tab2 li:nth-child(n+4){margin-top:2%;}
}




.contact_info{ margin-top:40px; border-top:1px #ddd dotted; padding-top:40px;}
.contact_info ul{ letter-spacing:-8px; overflow:hidden;}
.contact_info ul li{ letter-spacing:normal; vertical-align:top; display:inline-block; width:30%;}
.contact_info ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.contact_info ul li:nth-child(n+4){margin-top:4%;}
.contact_info ul li h2{ font-size:18px; font-weight:700; margin-bottom:15px;}
.contact_info_txt{ font-size:12px; line-height:30px;}
@media screen and (max-width:768px) {
.contact_info{ margin-top:20px; padding-top:20px; margin-bottom:20px;}
.contact_info ul li{width:100%; line-height:24px;}
.contact_info ul li:not(:nth-of-type(3n)){ margin-right:0;}
.contact_info ul li:nth-child(n+2){margin-top:10%;}
.contact_info_txt{ font-size:12px; line-height:24px;}
.contact_info ul li h2{ font-size:16px; font-weight:700; margin-bottom:5px;}
}