div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {font:100%/1.75em tahoma,Arial,'Microsoft Yahei','SimSun'; overflow-x:hidden;}
a {text-decoration:none; color:#555;}
a:hover {color:#0d62bf;}
li {list-style:none;}
a img {border:none;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*searchbar*/
#simplemodal-container {background:rgba(0,0,0,.6); position:fixed; left:0; top:0; width:100%; height:100%; color:#fff; padding:12px 12px 40px; z-index:999; display:none;}
.search-box{background:#fff;border-bottom:1px solid #f5f5f5;}
.search-main{max-width:1200px;margin:0 auto;}
.search-key{float:left;margin:15px 15px 15px 5px;color:#999999;}
.search-key p{font-size:0.85em;}
.search-key p a{margin-right:10px;color:#999999;}
#searchbar {display:block;float:right;width:25%;margin: 15px 0 15px 0; text-transform:uppercase; font-size:0.875em; text-align: center;}
#searchbar p {margin-bottom:10px;}
#searchbar form input {text-transform: none; border: medium none;color: #999; height: 30px;}
#searchbar .text{width:83.33333%;text-align:center;border: 1px solid #e5e5e5;border-radius:15px;}
#searchbar .submit {cursor:pointer; -webkit-appearance:none;width:13.333333%;border-radius:5px;}
#searchbar .submit:hover{background: #0d62bf;color: #fff;}
/*header*/
#header {background:#fff; width:100%; padding:20px 0 0 0; transition:all 0.5s ease-in 0s;position: relative;z-index:99;}
.header {position:relative;}
.breadcrumb,#service,.footer,#container {width:1200px; margin:0 auto;}
.header .searchBtn {background:url(../images/search.png) no-repeat center 12px; width:40px; height:36px; float:right; margin-top:1px; cursor:pointer;}
.header .searchBtn a {display:block; width:40px; height:36px;}
.header .logo {width:1200px; margin:0 auto;height:90px;overflow:hidden;}
.head-logo,.head-roal,.head-phone{float:left; position: relative;}
.head-logo img{max-width:100%;margin-left:10%;border-right:1px solid #dedede;}
.head-roal{width:30%;padding:10px 0 0 30px;}
.head-roal h1{font-size:1.17em;font-weight:bold;}
.head-roal span{color:#ff8100;}
.head-phone{text-align:center;width:14%;margin-right:1%;float:right;}
.head-phone h3{font-size:1.3em;}
.head-phone p{border:1px solid #666666;border-radius:15px;font-size:0.9em;}
.head-wx{float:right; position: relative;width:7.2%;}
.head-wx img{width:90%;}
.header .logo img {display:block; height:auto;}
.header .menu { height:60px; background:#F5F5F5;}
.header .menu ul {width:1200px;margin:0 auto;}
.header .menu ul li {float:left;line-height:60px; position:relative;text-align:center;}
.header .menu ul li a { float:left; padding:0px 30px; }
.header .menu ul li a:hover,.header .menu ul li a.on,.header .menu ul li.current-menu-item a,.header .menu ul li.current-post-parent a,.header .menu ul li a.onclick {background:#0d62be;color: #fff; }
.header .menu ul li ul {position:absolute; left:0; top:60px; width:124px; background:#fff;display:none; z-index:9;}
.header .menu ul li ul span {border-bottom:8px solid #ffffff; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; top:-9px; left:40px;}
.header .menu ul li ul li {float:none;text-align:left;line-height:3em;overflow:hidden;color:#000;border-bottom: 1px solid #dcdcdc;}
.header .menu ul li ul li:hover {background:#0d62be;}
.header .menu ul li ul li a {float:none; clear:both;width:124px;}
.header .menu ul li ul li a:hover {background:#0d62be;}
.header .language {float:right; padding-top:6.5px;}
.header .language span { float:left; width:25px; height:25px; background:#929292; color:#fff; text-align:center; line-height:25px; font-size:0.875em; border-radius:50%; margin-left:5px; cursor:pointer;}
.header .language span a {display:block; width:25px; height:25px; border-radius:50%; color:#fff;}
.header .language span.on {background:rgba(2,50,122,0.5);}
.btn {float:right; height:22px; line-height:22px; color:#0d62bf; cursor:pointer; padding-top:22px; font-size:1.25em; display:none;margin-right:10px;}
.btn span {float:left; font-size:0.875em; padding-right:2px;}
.btn i {font-size:1.25em;}
.current {background:#0d62be;color: #FFF;}
.lanmuimg{height:200px;width:100%;position:relative;overflow: hidden;background:#e5e1e1;}
.lanmu-line{display:block;width:20px;border-bottom:1px solid #292929;margin-top: 5px;margin-bottom:5px;}
.lanmuimg img {width:auto;height:200px;display:block;margin: 0 50%;transform: translateX(-50%);}
.lanmu-title h1{font-size:0.9em;font-weight:normal;}
.lanmu-title p{font-size:0.9em;}
.lanmu-title h2{font-size:1em;}
.lanmu-title{position: absolute;top:20%;left:8%;z-index: 10; color:#292929;font-size:1em;margin-right:8%;}
/*nav*/
#nav {position:fixed; height:100%; background:#0d62bf; width:0; left:0; top:0; z-index:1000; color:#fff; font-size:0.875em; overflow:hidden;}
#nav a {color:#fff; display:block; width:90%; padding-left:10%; border-bottom:1px solid #2972b4; line-height:3em;}
#nav ul li li a{padding-left:20%; width:80%;}
#nav ul li a:hover {background:#0d62bf;}
/*padding*/
#news {background:#f9f9f9; padding:30px 10px; overflow:hidden;}
#super,#showcase,#choose,#aboutUs,#products{padding:30px 10px; overflow:hidden;}
/*sy-about*/
#aboutUs{background: #f9f9f9;}
.aboutUs {width:1200px;margin:0 auto;}
.aboutUs .aboutUsThumb {float:left;width:43%;}
.aboutUs .aboutUsThumb img {width:90%; height:auto;}
.aboutUs .aboutUsTxt {float:left;width:56%;font-size:1em;}
.aboutUs .aboutUsTxt p {padding:0 0 15px 0;color:#666666;}
.aboutUsTxt span{padding:20px 0px 20px 0px;display:block;}
.aboutUsTxt span a{padding:10px 20px 10px 20px;color:#0d62bf; font-size:1em;border:1px solid #0d62bf;border-radius:3px;}
.aboutUsTxt span a:hover {background:#0d62bf;color:#fff;}
.aboutmore{margin-top:30px;}
.aboutmore ul li{float:left;font-size:1.2em;margin-right:8px;}
.aboutmore li a:hover{color:#0d62bf;}
/*sy-all-title*/
.sytitle{text-align:center;width:100%;margin: 0 auto 30px auto;font-size:1.8em;}
.sytitle-en{display: block;font-size:0.5em;color:#c9c9c9;}
.sytitle-ch {line-height:1.5em;}
.sytitle-ch span{color:#0d62bf;font-weight:bold;}
.sytitle-line{ width:80px;border-bottom:1px solid #0d62bf;display:block;margin:10px auto;margin-bottom:5px;}
/*sy-products*/
#products{background: #fff;}
#products .abtitle h3{color:#0d62bf;}
#products .abtitle-line{width:18%;}
#products .abtitle-en{font-size:0.6em;color:#c9c9c9;}
.productsAll{width:1200px;margin:0 auto;}
.productsMenu,.aboutBoxMenu{padding-left:10px;padding-right:10px;}
.productsMenu,#news .newslist .newsMenu ul,.productsBoxMenu ul,.aboutBoxMenu ul {overflow:hidden; margin-bottom:20px;}
.productsMenu ul{display:table;margin-left:auto;margin-right:auto;}
.productsMenu ul li,.productsBoxMenu ul li{float:left; color: #5C5C5C; background:#EEE; margin:5px 10px 5px 0; padding:8px 12px;display:inline; font-size:0.9em; border-radius:3px; cursor:pointer;}
.productsMenu ul li.on,#news .newslist .newsMenu ul li.on,.productsBoxMenu ul li.on,.aboutBoxMenu ul li.on{background:#0d62bf; color:#fff;}
.aboutBoxMenu{margin-bottom:30px;}
.aboutBoxMenu ul li {float:left; color: #5C5C5C; background:#EEE; margin:5px 10px 5px 0; display:inline; font-size:0.9em; border-radius:3px; cursor:pointer;}
.aboutBoxMenu ul li a{padding: 8px 12px;line-height: 2em;display: block;}
.aboutBoxMenu ul li a:hover{display: block;background: #0d62bf;color:#fff;border-radius:3px;}
.productsBoxMenu ul li.on a{ color:#fff;}
.productsAll .hide,#news .newslist .newsBox .hide {display:none;}
.productsList {clear:both; overflow:hidden;padding-left: 10px;padding-right: 10px;}
.productsList ul {overflow:hidden;display: flex;flex-wrap: wrap;}
.productsList ul li {width:22%; float:left; margin:20px 1.5% 20px 1.5%;}
.productsList ul li .productsThumb {width:100%; height:auto; max-height:300px; overflow:hidden; position:relative;border:1px solid #e5e5e5;}
.productsList ul li .productsThumb img {width:100%; height:auto; display:block;}
.onBackground {background:rgba(22, 87, 172, 0.5); width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.onBackground a {color:#fff; font-size:0.9em;text-align:center;}
.onBG-btn,.onBG-btn1{display:block;border:1px solid #fff;width:110px;margin:3px auto;}
.onBG-title{display:block;margin-top:30%;padding-left:10px;padding-right:10px;}
.onBG-title1{display:block;margin-top:20%;padding-left:10px;padding-right:10px;}
.productsList ul li h2 {font-size:1em; font-weight: normal;padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;line-height: 2.5em;}
/*sy-super*/
#super{padding-top:30px;background:#f9f9f9;}
.supercont{width:1200px;margin:0 auto;margin-top:50px;}
.supermain1{float:left;width:33%;}
.supermain2{float:right;width:33%;}
.super-left{float:left;width:30%;margin-left:2%;margin-right:2%;}
.super-left img{max-width:100%;}
.super-right{padding:0 10px 10px 10px;margin-bottom:15px;margin-top:15px;}
.supermain1 .righttitle .rightrow{float:right;width:10%;margin-left:10px;}
.supermain1 .righttitle .rightwd{float:right;width:80%;text-align:right;}
.supermain2 .righttitle .rightrow{float:left;width:10%;margin-right:10px;}
.supermain2 .righttitle .rightwd{float:left;width:80%;text-align:left;}
.righttitle{font-size:1em;}
.rightrow span{font-size:2em;color:#777777;cursor: pointer;}
.rightrow span:hover,.rightwd p:hover,.rightwd span:hover{color:#0d62bf;}
.rightwd span{font-size:0.9em;margin-top:8px;color:#777777;cursor: pointer;}
.rightwd p{font-weight:bold;color:#5C5C5C;cursor: pointer;border-bottom: 1px solid #777777;}
/*sy-choose*/
#choose{background:#ffffff;padding-top:30px;padding-bottom:30px;}
.choosemain{width:1200px;margin:0 auto;}
.choosecont{overflow:hidden;}
.choose-left1{float:left;width:60%;margin-top:40px;}
.choose-right1{float:right;width:40%;}
.choose-left2{float:right;width:60%;margin-top:40px;}
.choose-right2{float:left;width:40%;}
.choose-right1 img,.choose-right2 img{display:block;width:100%;}
.lefttitle{margin-left:50px;}
.lefttitlewd{float:left;display:block;margin-left:20px;margin-top:10px;color:#0d62bf;width:80%;}
.lefttitlewd-en{font-size:0.8em;color:#777777;}
.lefttitlewd-cn{font-size:1.2em;color:#383838; border-bottom: 1px solid #777777;font-weight:bold;}
.lefttitle h3{border-bottom:1px solid #0c4da2;}
.lefttitle span{float:left;display:block;background:#0d62bf;border-radius: 50%;color:#ffffff;padding:12px;font-size:2.5em;z-index:1}
.leftwd{padding:30px 0 0 50px;}
.leftwd p{line-height:2em;}
/*#sy-news*/
.newscont{width:1200px;margin:0 auto;}
.newsMenu ul{border-bottom:1px solid #dedede;}
.newsMenu ul li{color: #5C5C5C; padding:8px 12px; background:#EEE; margin:5px 10px 0 0; display:inline; font-size:1em; border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;}
.newslist {float:left; width:47%;}
.newslist .newsBox ul li {font-size:0.9em; overflow:hidden;border-bottom:1px dashed #dedede;margin-bottom:7px;padding-bottom:11px;}
.newsBox li img{float:left;width:18%;}
.newsBox li span{float:right;}
.newsBox .newlists{float:right;width:77%;}
.newlists a{line-height:1em;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlists p{color:#777777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.newsmore{text-align:center;margin-top:30px;}
.newsmore a {display:block;width:100px;border:1px solid #1062bf; font-size:0.8em;margin:0 auto;color:#1062bf;border-radius:20px;-webkit-border-radius: 20px; -moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;line-height:280%;transition: 0.4s ease;-moz-transition: 0.4s ease;-ms-transition: 0.4s ease;-o-transition: 0.4s ease;}
.newsmore a:hover{color:#ffffff;background:#1062bf;}
.newslist .newsmore a,.support-cont .newsmore a{width:100px;}
/*#sy-support*/
.support{float:right;width:47%;}
.support-title{border-bottom:1px solid #dedede;margin-bottom:20px;overflow:hidden;height:auto;}
.support-title a{display:block;color: #ffffff; padding:8px 12px; background:#0d62bf; margin:5px 10px 0 0; display:inline; font-size:1em; border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;}
.support-cont li{border-bottom:1px dashed #dedede;margin-bottom:10px;padding-bottom:10px;font-size:0.9em;}
.supportpro span{background:#1062bf;color:#ffffff;padding:3px;}
.supportpro a{font-weight:bold;}
.supportans{margin-top:8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.supportans span{background:#777777;color:#ffffff;padding:3px;}
.supportans a{color:#777777;height:20px; }
/*sy-showcase*/
#showcase{padding-top:30px;background:url(../images/casebg.jpg) top center repeat;}
#showcase ul.bxslider img {transition:transform 0.5s ease-in 0s;}
#showcase ul.bxslider img:hover {opacity:0.8;}
#showcase ul.bxslider li {overflow:hidden;}
.case-title p,.case-title span{color:#ffffff;}
.case-title .sytitle-line{border-bottom:1px solid #ffffff;}
.case-more a{color:#ffffff;border:1px solid #fff;}
.products-cases {padding:8px;}
.products-cases .onBG-btn{margin:30% auto;}
.products-cases .onBackground{background:rgba(22, 87, 172, 0.5); width:100%; height:80%; position:absolute; left:0; top:0; display:none;}
/*sy-productssp*/
#shipin{padding-top:30px;padding-bottom:30px;}
#shipin ul.bxslider img {width:100%;transition:transform 0.5s ease-in 0s;}
#shipin ul.bxslider img:hover {opacity:0.8;}
#shipin ul.bxslider li {float:left;width:23%;margin:0 1% 2% 1%;}
.shipin-cont{width:1200px;margin:0 auto;}
.products-shipin {padding:8px;border:1px solid #e5e5e5;}
.products-shipin .onBG-btn{margin:30% auto;}
.products-shipin .onBackground{background:rgba(22, 87, 172, 0.5); width:100%; height:80%; position:absolute; left:0; top:0; display:none;}
/*home_honor*/
#honor{padding-top:30px;padding-bottom: 30px;}
.honorLists-container{width: 1200px;margin: 0 auto;}
.honorList{cursor:pointer;position:relative;top:0; transition:.5s;border-radius:5px;}
.honorList:hover{top:-5px;box-shadow:0 5px 10px 3px #ccc;}
.honorList p{text-align: center;line-height:2em;font-size:1em;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.honorList img{max-width: 100%;}
/*sy zixun banner*/
.zixun{background:url(../images/szxb.jpg) top left repeat;}
.banner-img1,.banner-img2,.banner-img3{width:1200px;max-height:165px;overflow:hidden;margin:0 auto;background-size:cover;}
.banner-img1 img,.banner-img2 img,.banner-img3 img{max-width:100%;display:block;}
.zximg1-1{float:left;width:15.4%;margin:1% 6% 0 7%;}
.zximg1-2{float:left;width:42%;margin:3% 1.6% 0 0;}
.zximg1-3{float:right;width:19.4%;margin:3% 5.8% 0 0;}
.zximg2-1{float:left;width:23.75%;margin:1% 2% 0 5%;}
.zximg2-2{float:left;width:44.42%;margin:2.5% 0 0 0;}
.zximg2-3{float:right;width:19.4%;margin:3% 3% 0 0;}
.zximg3-1{float:left;width:21.75%;margin:2% 2% 0 5%;}
.zximg3-2{float:left;width:25.67%;margin:2.8% 0 0 2%;}
.zximg3-3{float:right;width:35.08%;margin:1.5% 3% 0 0;}
/*banner*/
#banner {width:100%; overflow:hidden; height:auto;}
#banner img {width:100%; height:auto; display:block;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {backface-visibility: hidden;-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; float: left; border: 0;width:100%;height:auto;}
.rslides_container {position: relative; float: left;width: 100%; overflow:hidden;margin-bottom:10px;}
.centered-btns_nav {z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px;overflow: hidden; text-decoration: none; height: 61px;width: 38px;background: transparent url("../images/arrow.gif") no-repeat left top;margin-top: -45px;}
.centered-btns_nav:active {opacity: 1.0;}
.centered-btns_nav.next {left: auto; background-position: right top; right: 0;}
.transparent-btns_nav {z-index: 3;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0;display: block; background: #fff;opacity: 0;filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}
.transparent-btns_nav.next {left: auto; right: 0;}
.large-btns_nav {z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6;text-indent: -9999px;overflow: hidden; top: 0; bottom: 0; left: 0;background: #000 url("../images/themes.gif") no-repeat left 50%;width: 38px;}
.large-btns_nav:active { opacity: 1.0;}
.large-btns_nav.next {left: auto;background-position: right 50%; right: 0;}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {outline: none;}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {text-align: center;position: absolute; bottom: 5%; width: 100%;z-index: 9;}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {display: inline; float: none;_float: left;*float: left; margin-right: 5px;}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {text-indent: -9999px;overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; background: #ccc;background: rgba(255,255,255, .8); display: inline-block; _display: block; *display: block;-webkit-box-shadow: inset 0 0 2px 0 rgba(255,255,255, .9);-moz-box-shadow: inset 0 0 2px 0 rgba(255,255,255, .9);box-shadow: inset 0 0 2px 0 rgba(255,255,255, .9); width: 9px;height: 9px;}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {background: #0d62bf;background: rgba(224,77,71, 1); -webkit-box-shadow: inset 0 0 2px 0 rgba(224,77,71, 1); -moz-box-shadow: inset 0 0 2px 0 rgba(224,77,71, 1);box-shadow: inset 0 0 2px 0 rgba(224,77,71, 1);}
/*container*/
#container {overflow:hidden;margin-top:30px;}
/*main*/
.main {float:right; width:78%;background:#ffffff;}
.sidebar {float:left;width:16%;margin-left:30px;}
.main-pic,.main-about{width: 100%; background: #ffffff;}
.now{float:right;font-size: 0.9em;margin:10px 0 10px 10px;color:#999999;}
.now a{color: #999999;}
/*list-newslist*/
.news-Box,.itemList{margin:0 30px 30px 30px;}
.news-Box,.itemList {overflow:hidden; }
.news-Box h3,.itemList h3 {font-size:1em; font-weight:normal; border-bottom:1px solid #ddd; padding-bottom:10px; color:#0d62bf; font-family:'Microsoft Yahei';}
.news-Box h3 a,.itemList h3 a{color:#0d62bf;}
.news-Box h3 a:after {display: block;content: '';position: absolute;bottom: -1px;left: 0;right: 0;width: 100%;height: 2px;background-color: #0d62be;}
.news-Box .news-pic{float:left;max-width:24%;margin-right:3%;}
.news-pic img{width:100%;display:block;margin:10px auto;}
.news-Box ul{margin-bottom:30px;}
.news-Box ul li {font-size:1em; color:#555; border-bottom:1px solid #eee; line-height:40px; overflow:hidden;float: left;width: 48%;margin-right: 1%; margin-left: 1%;}
.news-Box ul li a {color:#555;font-size: 1em;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-Box ul li a:hover {text-decoration:none; color:#0d62bf;}
.news-Box ul li p{font-size:0.7em;color:#888;line-height:2em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-Box ul li span {font-size:0.875em; color:#888;}
/*list-products listMenu*/
#productsBox {padding:30px; background:#ffffff;}
.productsBoxMenu ul,.aboutBoxMenu ul{display:table;margin-left:auto;margin-right:auto;}
.more{text-align:center;margin-bottom:30px;}
.more a{display:table;border:1px solid #a5a5a5;font-size:0.8em;width:100px;margin-left:auto;margin-right:auto;color:#a5a5a5;border-radius:2px;transition: 0.4s ease;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-ms-transition: 0.4s ease;
-o-transition: 0.4s ease;}
.more a:hover{background:#0d62bf;color:#ffffff;}
/*list-products and cases itemList*/
.itemList h3{margin:15px;}
.itemList ul {width:100%; overflow:hidden;display:inline-block;}
.itemList ul li {float:left; width:22%; margin:20px 1.5% 20px 1.5%;}
.itemList ul li .thumbnail {width:100%; height:auto; max-height:266px; overflow:hidden; position:relative;border:1px solid #e5e5e5;}
.itemList ul li .thumbnail img {max-width:100%; height:auto; display:block; transition:transform 0.4s ease 0s;margin:0 auto;}
.itemList ul li h2 {height:35px; line-height:35px;font-size:1em; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:center;}
/*lunbo-bxslider*/
.bx-wrapper {position: relative;margin:0 auto; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img { max-width: 100%; display: block;}
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none;}
.bxslider li{background:#ffffff;}
.bxslider li p{display:block;padding:10px 0 10px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.bx-viewport {transform: translatez(0);-webkit-transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;}
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0;}
.bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background-position: 0 0;}
.bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 998;}
.bx-wrapper .bx-controls-direction a.disabled { display: none;}
.bx-wrapper .bx-controls-auto { text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}
/*lanmu title*/
.abtitle{text-align:center;font-size:1em; width:100%;margin: 0 auto 30px auto;}
.abtitle-en{color:#999;display: block;font-size:0.85em;}
.abtitle-ch{line-height:2em;font-size:1.5em;}
.abtitle-line{ width:9%;border-bottom:1px solid #0d62bf;display:block;margin:0 auto;margin-bottom:5px;}
/*lanmu aboutus piclist*/
.entry-pics{padding:0 30px 30px 30px;}
.entry-pics ul{width:100%;}
.entry-pics ul li{float:left;width:23%;text-align:center;margin-right:1%;margin-left:1%;}
.entry-pics ul li h2{font-size:1em;font-weight:500;margin-top:15px;}
.entry-pics ul li span{font-size:1em;line-height:2em;}
.entry-pics ul li img{max-width:100%;display:block;}
/*lanmu aboutus contactus*/
.abtext-img,.abtext-imgw{float:left;width: 35%;margin-right:2.5%;overflow:hidden;}
.abtext-img{margin-bottom: 20px;}
.abtext-img img,.abtext-imgw img{display:block;width:100%;}
.abtext-wd,.abtext-wdw{float:left;width:62.5%}
.abtext-wd p{font-size:1em;line-height:2em;margin-bottom: 20px;}
.abtext{margin-bottom:40px;padding-left:10px;padding-right: 10px;}
.clt-text{color:#000000;padding-bottom:40px;}
.clt-text ul{text-align:center;}
.clt-text ul li{height:80px;display:block;float:left;width:20%;background:#ffffff;margin-right:2.3%;margin-left:2.3%;margin-top:20px;line-height:2em;padding:30px 0 30px 0;}
.clt-text ul li span{font-size:3em;color:#0c4da2;}
.clt-text ul li h3{color: #0c4da2;font-weight: 500;}
.clt-text ul li p{display:block;font-size:0.9em;text-align:center;}
.cont-text1{text-align: center;margin-bottom:20px;}
.cont-text1 li{float:left;border:1px solid #dedede ;width:30%;height:100px;margin:1.4%;}
.cont-text1 li p{display:block;margin-top:8px;}
.cont-text1 li h3,.cont-text2 li h3{display:block;margin-top:10px;}
.cont-text2{text-align: center;}
.cont-text2 li{float:left;border:1px solid #dedede ;width:30%;margin:1.4%;}
.cont-text2 li img{margin-top:20px;max-width:100%;}
#dituContent{max-width:1200px;height:400px;}
.cont-add{padding:30px;}
/*lanmu dingzhi*/
.service-method,.service-limts{margin:0 10px 30px 10px;}
.service-path{margin:0 20px 0 20px;}
.service-good{margin:0 20px 40px 20px;}
.service-method ul li{float:left;width:21%;color:#000000;margin-left:2%;margin-right:2%;margin-bottom:30px;}
.method-img:hover{border:1px solid #777;cursor:pointer; }
.method-img img{max-width:100%;display: block;}
.method-text {margin-top:5%;margin-bottom:5%;text-align: center;}
.method-text h3{font-size:1.1em;font-weight:normal;}
.method-text p{display:block;font-size: 0.9em;background:#e5e5e5;color:#292929;border-radius:20px;line-height:2.5em;margin-top: 10px;}
.service-limts ul{text-align: center;}
.service-limts ul li{float:left;margin:1%;}
.service-limts .service-icon{width:7%;}
.service-limts .icon-angle-right{width:2%;margin-top:30px;}
.service-limts ul li span{font-size:2em;}
.service-limts ul li p{font-size:1em;}
.service-path ul li{float:left;width:47%;margin-left:1.5%;margin-right:1.5%;margin-bottom:40px;background:#fafafa;padding-bottom:15px;}
.service-path img{max-width:100%;}
.service-good ul{text-align: center;}
.service-good ul li{float: left;width:20%;margin-left:2.1%;margin-right:2.1%; border:2px solid #dedede;}
.service-good ul li:hover{border:2px solid #4c7ebf;cursor:pointer;}
.service-good img{width:100%;}
.casetitle{background:#dedede;}
.casetitle h3{font-size:1em;font-weight:500;color:#000;}
.casetitle p{ display:block;line-height:2em;font-size:0.9em;color:#363636;}
.col-md-4{width:31.333333%;float:left;margin-left:1%;margin-right:1%;margin-bottom:40px;min-height:75px;}
.icon-left {text-align: left;position: relative;}
.icon-wrap {font-size: 38px;margin-bottom: 0;}
.icon-wrap {position: absolute;left: 0;top: 0;font-size: 50px;line-height: 50px;width: auto;}
.dd-icon {box-shadow: inset 0 0 0 2px #4295ff;display: inline-block;width: 70px;height: 70px;line-height: 70px;text-align: center;color: #fff;border-radius: 50px;}
.dd-icon {background-color: #4295ff;-webkit-transition: background .3s,color .3s,box-shadow .3s;-moz-transition: background .3s,color .3s,box-shadow .3s;transition: background .3s,color .3s,box-shadow .3s;}
.sv1:before {content: "\f11d";}
.sv2:before {content: "\f085";}
.sv3:before {content: "\f091";}
.sv4:before {content: "\f040";}
.sv5:before {content: "\f074";}
.sv6:before {content: "\f095";}
.content-wrap { padding-left: 70px;padding-right: 10px;}
.content-wrap p {margin-top: 5px;color: #999;line-height: 23px;font-size:0.9em;padding-left: 20px;}
.dd-title {color: #333;padding-left: 20px;font-size:1.1em;font-weight:500;}
/*sideMenu*/
.sideMenu{margin-bottom:25px;}
.sideMenu h3,.tagstitle h3{ font-weight:normal;font-size:1.2em; background:#ffffff;line-height:2.2em;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.sideMenu h3 a,.tagstitle h3 a {color:#0d62bf;border-bottom: 3px solid #0d62bf;padding-bottom: 10px;}
.sideMenu ul li{background-color:#f7f7f7;text-align: center;margin-bottom: 5px;}
.sideMenu ol li{text-align:left;}
.sideMenu ul li a {display:block;font-size:0.95em;line-height:3em;color:#777;transition: .5s;}
.sideMenu ul li a:hover {background:#0d62bf;color:#fff;text-decoration:none;}
.sideMenu img{width:100%;display:block;}
.sideMenu .other a{border-bottom:none;}
/*sideTags*/
.widget {overflow:hidden; background:#ffffff;padding-bottom:20px;}
.widget #sidetags a{margin: 5px 5px 0 0;padding: 5px 5px;font-size: 14px;color: #979797; border:0.5px solid #e5e5e5;border-radius: 5px;display: inline-block;vertical-align: top;transition:.5s;}
.widget #sidetags a:hover {text-decoration: none;background: #0c4da2; color: #ffffff;}
/*sideContact*/
.contact-tell{background:#ffffff;}
.contact-weixin{float:left;margin:10px;width:25%;}
.contact-phone{width:60%;float:right; font-size:1em;color:#777;text-align:left;margin-top:6%;}
/*context-main*/
#box{width:100%; position: relative; margin:30px auto;}
.title{width:100%; list-style: none;border-bottom:1px solid #dedede;}
.title li {width:15%; float:left; line-height: 2em; text-align: center; font-size: 1.2em; font-family: 'Arial'; cursor: pointer; list-style: none;padding: 5px 10px;}
.active{background-color: #0d62be;line-height: 40px;border-bottom: 2px solid #ff9104;position: relative;color: #fff;}
#context{width:100%; height:auto;margin-top:30px;}
.entry video{width:320px;}
#context ul{ display: none;}
/*context-ditail*/
.post h1{font-weight:normal; font-size:1.5em;border-bottom:1px solid #e5e5e5;padding-bottom: 10px; text-align: center;}
.post .postmeta {font-size:0.75em; color:#999; text-align:center; padding:5px 10px 15px 10px;}
.post .postmeta a{color: #999999;}
.post .postmeta a:hover{color:#0c4da2;}
.post .postmeta span {padding:0 3px;}
.post .entry {font-size:0.875em; border-bottom:1px solid #ddd; margin:4px 10px 15px 10px;}
.post .entry blockquote {background:#f5f5f5; border:1px solid #ddd; padding:15px 2em; padding-bottom:0;}
.post .entry p,.post .entry blockquote {margin-bottom:15px;}
.post .entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.post .entry hr {border:none; border-bottom:1px solid #E04D47; margin-bottom:15px;}
.post .pn {font-size:0.875em; margin-bottom:25px;margin:30px;padding-bottom: 20px;}
.post .entry ul {margin-bottom:15px;}
.post .entry img {width: auto !important;max-width: 100% !important; height: auto !important;display:block;margin:0 auto;}
.content-pic{width:40%;float:left;margin-right:20px;border: 1px solid #e5e5e5;margin-top: 40px;margin-bottom: 20px;}
.content-text{width:57%; float:left;}
.product-text h1{font-weight:600; font-size:1.5em; border-bottom:1px dashed #e5e5e5; padding-bottom: 15px;margin-bottom: 20px;text-align:left;}
.content-tex-title{text-align:left;}
.text-data ul li{width:49%;float:left;margin-bottom:10px;}
.text-data ul li span{color:#979797;}
.text-bottom{font-size:1em;margin-top:30px;}
.text-bottom .tb-1{width:40%;border:1px solid #0d62be;padding:10px;color:#0d62be;}
.text-bottom .tb-1:hover{background:#0d62be;color: #fff;}
.text-bottom .tb-2{width:20%;background:#ff9140;padding:10px;color:#fff;}
.text-bottom .tb-2:hover{background:#fff;border:1px solid #ff9140;color: #ff9140;}
.text-bottom ul li{float:left;margin-right:10px;text-align:center;padding: 0 20px 0 0;margin-bottom:20px;}
.text-bottom a:hover{text-decoration:none;}
/*context-relate*/
.relatedPost,.relatedProcuts {margin-bottom:20px;}
.relatedPost h3,.commentslist h3,.relatedProcuts h3,#comment h3 {font-weight:normal; font-size:1.25em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.relatedPost h3 i,.commentslist h3 i,.relatedProcuts h3 i {color:#888; font-size:0.7em; padding-right:1em;}
.relatedPost ul li {font-size:0.75em;}
.relatedPost ul li i {padding-right:1em;}
.relatedProcuts .relatep a{ display:block;color:#555555; text-align: center; }
.relatedProcuts .bx-wrapper {box-shadow:none; border:0;}
/*context-pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.875em; margin-top:25px;margin-bottom: 20px;}
.pagenavi a {display:inline-block; padding:0px 8px; border:1px solid #ddd; border-radius:3px; margin:0 3px;}
.pagenavi a:hover,.pagenavi a.oncurrent {color:#fff; background:#0d62bf; border:1px solid #0d62bf; transition:all 0.4s ease 0s;}
.pagenavi span.now-page{padding: 0 12px;color: #fff;border: 1px solid #dedede;margin-right: -3px;display: inline-block;background:#0d62bf;border-radius:3px;}
/*context-searchlist*/
.searchlist{padding:20px;}
.searchlist h3{margin-bottom:10px;border-bottom:1px solid #dedede;padding-bottom:10px;}
.searchlist ul li {font-size:0.95em; overflow:hidden;border-bottom:1px dashed #dedede;margin-bottom:7px;padding-bottom:7px;}
.searchlist ul li span{float:right;}
.searchlist li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*footer*/
#footer {background:#272c3e;color:#ffffff;}
.footer {padding:50px 0 20px 0;}
.foot-company{width:25%;float:left;text-align:center;margin-right:2%;}
.foot-company h3{font-size:1em;color:#dedede;font-weight:normal;}
.foot-company p{font-size:0.9em;color:#dedede;margin-top:8px;}
.footLeft {float:left; width:25%;}
.pageslist {margin-bottom:15px;}
.pageslist ul {overflow:hidden;text-align: center;}
.pageslist ul li {float:left;width:45%; font-size:1em; margin:10px 0 5px 0; }
.pageslist ul li a{color:#dedede;}
.pageslist ul li a:hover{color:#ffffff;text-decoration:underline;}
.footRight {width:46%; float:right; text-align:right;}
.foot-wx{float:right;width:35%;text-align:center;color:#dedede;}
.foot-wx img{max-width:100%;}
.foot-cont{float:left;width:65%}
.footRight a{color:#dedede;}
.footRight .phone,.footRight .adds,.footRight .mail {font-size:1em; color:#dedede; font-family:Arial;padding:6px 0;text-align:left;}
.copyright{font-size:0.9em;color:#dedede;font-family:Arial;text-align:left;padding:8px 0;}
/*right kefu*/
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:60px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:60px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:30px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:30px;display:block;background:url(../images/suspend.png) -40px -61px;overflow:hidden;}
.suspend dl dd.suspendWeixin{width:120px;height:108px;background:#ffffff;}
.suspend dl dd.suspendWeixin a{width:120px;height:108px;display:block;background:url(../images/suspend.png) -40px -90px;overflow:hidden;}
/*phone bottom kefu*/
.p_kefu{display:none;}
/*backTop*/
#backTop a{display:block; background:#0d62bf; width:30px; height:30px; position:fixed; right:5px; bottom:10%; z-index:99999; cursor:pointer; border-radius:50%; color:#fff; text-align:center; line-height:27px;}
#backTop a:hover {background-color:#0d62bf;}
/*links*/
.links{background: #11131c;padding: 10px 10px;overflow: hidden;}
.link-context{width:1200px;margin:0 auto;color:#555863;}
.link-context ul li{float:left;margin-right:5px;font-size:0.8em;}
.link-context ul li a{color:#555863;}
.link-context ul li a:hover{color:#dedede;}
/*screen width*/
@media (max-width:768px) {
#search input#keyboard {width: 81%}
.suspend{ display:none;}
}
@media only screen and (max-width:2560px){
.lanmu-title{left:27%;}
}
@media only screen and (max-width:1829px){
.lanmu-title{left:18%;}
}
@media only screen and (max-width:1536px){
.lanmu-title{left:12%;}
}
@media only screen and (max-width:1350px){
.lanmu-title{left:8%;}
}
@media only screen and (max-width:1280px){
.header,
#service,
.aboutUs,
.productsAll,
.supercont,
.showcase,
.honorLists-container,
.choosemain,
#contactUs,
.footer,
#container,
#productsBox,
.search-main,
.banner-img1,
.banner-img2,
.banner-img3,
.shipin-cont{
width:100%;
}
.header .logo{width:100%;}
.header .menu{width:100%;}
.head-roal{width:40%;}
.head-phone{width:20%;}
.newscont{width:100%;}
.productsList ul {width:100%;}
.productsList ul li {
width:21.774194%;
}
.contactInfo {
width:45.833333%;
}
.foot-company{width:20%;}
.footLeft {
width:20%;
}
.footRight {
width:48%;
}
.pageslist ul li {
margin-right:3.125%;
}
.main {
width:74%;
margin-right:30px;
}
.itemList ul {
width:100%;
}
.rightcont p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
@media only screen and (max-width:1024px){
.header .menu ul li {
transition:all 0.4s ease 0s;
}
.header .menu ul li a {
display: block;
float: left;
padding: 0px 20px;
transition:all 0.4s ease 0s;
}
#news .partner ul li {margin:15px 0px 20px 3.703704%;}
.content-pic{float:none;width:100%;text-align:center;}
.content-pic img{border:none;}
.content-text{float:none;width:100%;}
.bx-wrapper{margin:0px auto 20px auto;}
.abtext-imgw{display:none;}
.abtext-wdw{width:100%;}
.service-good ul li{width:23%;margin-left:0.6%;margin-right:0.6%; border:1px solid #dedede;}
#productsBox{padding:0px;}
.productsBoxMenu ul, .aboutBoxMenu ul{padding-top: 20px;}
.onBG-title{margin-top:25%;}
.onBG-title1{margin-top:15%;}
.thumbnail .onBG-btn,.thumbnail .onBG-btn1{padding:5px;margin-top:10px;}
.news-Box ul li p{-webkit-line-clamp:1;}
.main{float:none;width:100%;}
.sidebar{float:none;width:100%;padding: 10px;}
.sideMenu{display:none;}
.zximg1-1{margin:2% 6% 1% 7%;}
.zximg1-2{margin:4% 1.6% 0 0;}
.zximg1-3{margin:4.5% 5.8% 0 0;}
.zximg2-1{margin:2% 2% 2% 5%;}
.zximg2-2{margin:4% 0 0 0;}
.zximg2-3{margin:4.5% 3% 0 0;}
.zximg3-1{margin:2% 2% 1% 5%;}
.zximg3-2{margin:3% 0 0 2%;}
.zximg3-3{margin:2% 3% 0 0;}
}
@media only screen and (max-width:960px){
.productsList ul li{width:30%;margin:0 auto;margin-bottom: 20px;}
#news .newslist {
float:none;
width:100%;
margin-bottom:40px;
}
#news .support {
float:none;
width:100%;
}
.footer {padding:20px 0 40px 0;}
.foot-company{border:none;}
.foot-company,.footRight{float:none;width:100%;}
.footLeft{display:none;}
.foot-wx{float:none;width:100%;text-align:center;}
.foot-cont{float:none;width:100%;}
.phone,.adds,.mail{display:none;}
.copyright p{text-align:center;}
.search-key{float:none;width:100%;text-align:center;margin-top:0px;}
.search-key p{padding-top: 10px;}
#searchbar{float:none;width:90%;margin:0 auto;padding-bottom:20px;}
.righttitle{font-size:1em;}
.rightcont{font-size:1em;margin-top:5px;}
.support-cont li,.newslist .newsBox ul li{font-size:0.9em;}
.newlists p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news-Box ul li{width:100%;float: none;}
.main{float:none;width:100%;}
.numbs{font-size:3em;line-height:1.2em;}
.itemList ul li {width:47%;}
.onBG-title1{margin-top:20%;}
.super-left{display:none;}
.supermain1,.supermain2{float:none;width:100%;}
.supermain1 .righttitle .rightwd{float:left;text-align:left;margin-left:10px;width:90%;}
.supermain1 .righttitle .rightrow{float:left;margin-left:0;width:7%;}
.supermain2 .righttitle .rightrow{margin-left:0;width:7%;}
.supermain2 .righttitle .rightwd{width:90%;}
.rightrow span{font-size:3em;color:#0c4da2;}
}
@media only screen and (max-width:840px){
.header .menu {
display:none;
}
#searchbar{display: none;}
.header .logo{width:90%;float:left;}
.head-roal{width:70%;}
.head-phone,.head-wx{display:none;}
.btn {
display:block;
}
#nav{ height:400px;overflow-y :auto}
#container {margin-top:0px;}
.choose-left1{margin-top:10px;}
.choose-left2{margin-top:20px;}
.leftwd{padding:10px 0 0 20px;}
.service-method ul li{width:23%;margin-right:1%;margin-left:1%;}
.service-good ul li{width:45%;margin-bottom:20px;margin-left:2%;margin-right:2%;}
.numbs{line-height:1em;}
.rslides_container{margin-top: 0px;}
.col-md-4{width:46%;margin-left:2%;margin-right:2%;margin-bottom:30px;}
.zximg1-1{margin:2% 6% 1% 7%;}
.zximg1-2{margin:4% 1.6% 0 0;}
.zximg1-3{margin:4% 5.8% 0 0;}
.zximg2-1{margin:2% 2% 2% 5%;}
.zximg2-2{margin:4% 0 0 0;}
.zximg2-3{margin:4% 3% 0 0;}
.zximg3-1{margin:2% 2% 0 5%;}
.zximg3-2{margin:3% 0 0 2%;}
.zximg3-3{margin:2% 3% 2% 0;}
.aboutUs .aboutUsTxt .abtext-3{display: none; }
.lefttitle{margin-left:0;}
}
@media only screen and (max-width:768px){
.header .logo {float:left;}
.aboutUs .aboutUsTxt{float:none;width:100%;padding-left:0px;margin:30px auto;}
.aboutUsTxt h4{text-align:center;}
.aboutUs .aboutUsThumb{float:none;width:100%;}
.allTitle,.aboutUs .allTitle,#news .partner .allTitle,.showcase .allTitle {text-align:center;}
.footRight,
.footLeft {width:100%;float:none;text-align:center;clear:both;}
.abtext-img{float:none;width:100%;}
.abtext-wd{float:none;width:100%;}
.clt-text ul li{width:45%;}
.rslides img {width:auto;height: 350px;margin: 0 59%;transform: translateX(-50%);}
.super-left{padding-top:0px;}
.lefttitlewd{margin-left:10px;}
.lefttitlewd-cn{font-size:1.1em;}
.service-method ul li{width:40%;margin-right:5%;margin-left:5%;}
.service-limts .service-icon{width:20%;margin-bottom:30px;}
.service-limts .liwai{display:none;}
.aboutUsTxt span{text-align:center;padding:0;}
.aboutUs .aboutUsThumb img {width:60%;display: block;margin:0 auto;}
#shipin ul.bxslider li{width:44%;margin:0 3% 25px 3%;}
}
@media only screen and (max-width:640px) {
.head-roal{width:60.119%;}
.productsList ul {
width:100%;
}
.productsList ul li {
width: 47%;
margin:0 auto;
}
.contactInfo {
float:none;
width:100%;
padding:0;
}
.contactForm textarea {
width:90%;
padding:10px 4%;
}
.productsList ul .clear {
clear:none;
}
.productsList ul .clearfix {
clear:both;
}
.newsBox ul li p{-webkit-line-clamp: 1;}
.entry-pics ul li{width:48%;margin-left:1%;margin-right:1%;}
.lefttitle{margin-left:10px;}
.leftwd p{font-size:0.95em;}
.lefttitle span{font-size:1.5em;}
.lefttitlewd{margin-top:0px;margin-left:10px;}
.lefttitlewd-cn{font-size:1em;}
.lefttitlewd-en{font-size:0.8em;}
.leftwd{padding-top:0px;}
.choosecont{margin-bottom:30px;}
.rightcont p{font-size:0.95em;}
#superlw{margin-left:0px;margin-right:0px;}
.supermain{float:none;width:100%;}
.clt-text ul li{width:44%;}
.col-md-4{width:100%;margin-left:2%;margin-right:2%;margin-bottom:30px;}
.zximg1-3,.zximg2-3,.zximg3-3{display:none;}
.zximg1-1{width:28%;margin:3% 1% 0 3%;}
.zximg1-2{width:63%;margin:6% 1.6% 0 0;}
.zximg2-1{width:28%;margin:4% 2% 0 3%;}
.zximg2-2{width:63%;margin:4% 0 3% 0;}
.zximg3-1{width:30%;margin:5% 6% 0 5%;}
.zximg3-2{width:50%;margin:5% 0 3% 2%;}
}
@media only screen and (max-width:540px) {
.aboutUs .aboutUsThumb {
float:none;
width:100%;
}
.aboutUs .aboutUsTxt {
clear:both;
}
.cont-text1{border-bottom : 1px dashed #dedede;}
.cont-text1 li{float:none;border:none;width:100%;height:auto;margin-bottom:30px;}
.cont-text2 li{border:none;}
.cont-text2 h3{font-size:0.8em;}
#dituContent{height:300px;}
.righttitle p{font-size:1em;}
.rslides img {width:auto;height: 300px;margin: 0 59%;transform: translateX(-50%);}
.onBG-title1{margin-top:7%;}
.choose-right2{float:none;width:100%;}
.choose-left2{float:none;width:100%}
.choose-right1{float:left;width:100%;}
.choose-left1{width:100%;}
.lefttitle{margin-top:10px;margin-bottom: 10px;}
.zximg1-1{margin:4% 3% 3% 3%;}
.zximg1-2{margin:8% 1.6% 0 0;}
.zximg2-1{margin:4% 2% 3% 3%;}
.zximg2-2{margin:5% 0 0 0;}
.zximg3-1{margin:4% 6% 0 5%;}
.zximg3-2{margin:3% 0 3% 2%;}
.supermain1 .righttitle .rightwd{width:80%;margin-left:7%;}
.supermain2 .righttitle .rightwd{width:80%;margin-left:5%}
.head-roal h1{font-size:1em;}
.head-roal p{font-size:0.8em;}
.entry video{width:100%;}
.post h1{font-size:1.2em;}
}
@media only screen and (max-width:480px) {
.post .postmeta {font-size:0.75em;}
.rslides img {width:auto;height: 280px;margin: 0 59%;transform: translateX(-50%);}
}
@media only screen and (max-width:465px) {
.head-logo{width:20%;}
.header .logo{height:60px;}
.head-logo h3{font-size:0.8em;}
.head-logo img{margin-left: 5%;margin-top:5%;}
.head-roal{width:70%;padding: 0 0 0 15px;}
.service-method ul li{width:47%;margin-right:1.5%;margin-left:1.5%;}
.zximg1-1,.zximg2-1{display:none;}
.zximg1-2{width:80%;margin:4% 10% 4% 10%;}
.zximg2-1{display:none;}
.zximg2-2{width:80%;margin:4% 10% 1% 10%;}
.zximg3-1{display:none;}
.zximg3-2{width:80%;margin:4% 10% 4% 10%;}
.zximg3-2 img{width:80%;margin:0 auto;}
.text-bottom{display:none;}
#box{margin:0 auto;}
.onBG-title,.onBG-title1{display:none;}
.products-cases .onBG-btn,.productsThumb .onBG-btn{margin:40% auto;}
.thumbnail .onBG-btn{margin-top:40%;}
.thumbnail .onBG-btn1{margin-top:20%;}
.p_kefu{display:block;position:fixed; bottom: 0;left: 0; font-size:1.5em;width: 100%;line-height: 1.5em;}
.p_kefu ul{width: 100%;}
.p_kefu ul li{text-align:center;display: flex;align-items: center;justify-content: center; height: 50px;}
.p_kefu .p_tell{width:40%;background: #0d62be;;padding:10px; float: left;box-sizing:border-box;}
.p_kefu .p_wx{width:60%;background:#ff9140;padding:10px;float: left;box-sizing: border-box;}
.p_kefu li a{display:block;color:rgb(255, 255, 255);text-decoration: none;}
.p_wx a::before {content: url("../images/wxlogo.png");display: inline-block;margin-right: 2px;vertical-align: middle;}
}
@media only screen and (max-width:380px) {
.header .logo{width:88%;height:50px;}
.header .logo{margin-top:5px;}
.head-roal{padding: 5px 0 0 15px;}
.head-roal p{display:none;}
.btn{padding-top:10px;}
.rightrow span{font-size:2.5em;}
.productsList ul li{width:45%;}
.text-data ul li{width: 100%;}
.news-Box,.itemList{margin:0 10px 30px 10px;}
}
@media only screen and (max-width:320px) {
.lefttitlewd{width:75%;}
.productsBoxMenu ul li,.aboutBoxMenu ul li{margin:5px 5px 5px 0px;}
}