@charset "UTF-8";

@font-face {
  font-family: "aef";
  src: url("../fonts/avantgardefmedium.woff2") format("woff2"),
       url("../fonts/avantgardefmedium.woff") format("woff"),
       url("../fonts/avantgardefmedium.ttf") format("truetype"),
       url("../fonts/avantgardefmedium.eot") format("embedded-opentype"),
       url("../fonts/avantgardefmedium.svg") format("svg"),
       url("../fonts/avantgardefmedium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "785font";
  src: url("../fonts/785-CAI978.woff2") format("woff2"),
       url("../fonts/785-CAI978.woff") format("woff"),
       url("../fonts/785-CAI978.ttf") format("truetype"),
       url("../fonts/785-CAI978.eot") format("embedded-opentype"),
       url("../fonts/785-CAI978.svg") format("svg"),
       url("../fonts/785-CAI978.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

* {padding: 0; margin: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html,body{ color:#333333; font-family: Arial, 'Microsoft YaHei', 'FontAwesome', 'Glyphicons Halflings' !important; font-size: 62.5%; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#fff;}
html{overflow: -moz-scrollbars-none;}
html::-webkit-scrollbar{width: 0px; background: none;}
a {
  color:#333333;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color:transparent;
  outline:none;
}
a::before, a::after, img, span, li, ::before, ::after{
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
a:hover{text-decoration:none;}
img{
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; 
  -ms-interpolation-mode: nearest-neighbor;
}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  color:#000000;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.clear{display: block; clear: both;}
.clearfix{display: block; clear: both;}

/* 清除IOS下按钮的原生样式 */
input[type=button], input[type="submit"]{-webkit-appearance:none;outline:none;}
.fl{float: left;}
.fr{float: right;}

/*index style*/
.header{width: 100%; margin: 0 auto;}
.headTop{width: 100%; margin: 0 auto; padding: 32px 0px;}
.headTop::after{content: ''; display: block; clear: both;}
.logoDiv{ float: left; height: 60px; margin-right: 20px;}
.logoDiv img{max-width: 100%; max-height: 100%;}
.logoTitle{float: left; margin-top: 10px;}
.logoTitle h2{font-size: 1.6rem; color: #333; font-weight: 100;}
.logoTitle h2 span{display: block; font-size: 2.4rem; font-weight: bold; padding-bottom: 4px;}
.topTelNumber{float:right;}
.topTelNumber span{display: inline-block; width: 32px; height: 32px; background-color: #ff7f00; color:#fff; text-align: center; border-radius: 50%; margin-right: 6px; vertical-align: middle;}
.topTelNumber span i{font-size: 1.8rem; line-height: 32px;}
.topTelNumber b{font-size: 2.0rem; font-weight: 100; vertical-align: middle; padding-right: 6px;}
.topTelNumber em{font-family: "785font"; font-style: normal; font-size: 3.2rem; color: #454545; vertical-align: middle; letter-spacing: 1px;}
.MnavBtn{ width: 60px; text-align: center; float: right; display: none; }
.MnavBtn a{ color:#fff; font-size: 3.0rem; }
.language{float:right; margin-left: 20px;}
.language a{display: block; width: 32px; height: 32px; color:#fff; background-color: #0163b8; margin-top: 6px; border-radius: 50%; text-align: center; line-height: 32px;}
.language a:hover{color:#000; background-color: #ff7f00;}

.headNav{ width: 100%; height: 60px; background-color: #e9e9e9; }
.headNav ul{ display: block; width: 100%; margin: 0 auto; font-size: 0px; position: relative;}
.headNav ul>li{ display: inline-block; font-size: 0px; position: relative;}
.headNav ul>li:after { content: ''; position: absolute; width: 100%; height: 0; background-color: #0163b8; bottom: 0; left: 0; -webkit-transition: height .3s; transition: height .3s;}

.headNav ul>li>a{ display: block; padding: 19px 17px; font-size: 1.6rem; color:#151515; font-weight: 200; position: relative; z-index: 4;}
.headNav ul>li>a:hover{ /*background-color: #0163b8;*/ color:#fff; background:#0163b8\9;}
.headNav ul>li>a.on{/* background-color: #0163b8; color:#fff;*/ }
.headNav ul>li:hover:after,.headNav ul>li.on:after{height:100%;}
.headNav ul>li:hover a{color:#fff;}
.headNav ul>li.on a{color:#fff;}

.longSpaing ul>li>a{padding: 19px 35px;}
.shortSpaing ul>li>a{padding: 19px 16px; padding: 19px 13px;}

.subNav{ /*width: 1200px;*/ min-width: 310px; max-width: 1200px; height: 0; padding: 0 50px; position: absolute; text-align: left; background-color: #f5f5f5; left: -96px; top: 60px; z-index: 999999; box-sizing: border-box; box-shadow: 0 5px 15px rgba(0,0,0,0.25); overflow: hidden;}
.subNavList { border-bottom: 1px dashed #cdcdcd; width: 100%; float: left; padding: 10px 0; }
.subNavList::after{content: ''; display: block; clear: both;}
.subNavListMain { width: 116px; width:210px; float: left; }
.subNavListMain a { font-size: 1.4rem; color: #333!important; font-weight: bold; /*line-height: 36px;*/ }
.subNavListMain a:hover{color:#f60;}
.subNavListItem { float: left; }
.subNavListItem a { font-size: 1.4rem; font-weight: normal; color: #333!important; position: relative; display: inline!important; padding: 0 20px; white-space:nowrap; line-height: 36px;}
.subNavListItem a:after { content: ""; position: absolute; width: 1px; height: 16px; background: #b7b7b7; left: 0; top: 0px; }
#cssmenu { width: 100%; display: none;}

/*banner start*/
.bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; border:1px solid #ccc; *zoom: 1;  z-index: 1;}
.flash .bx-wrapper{border:none;}
.bx-wrapper img { width: 100%; display: block;}
.bx-wrapper .bx-viewport { transform: translatez(0);}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%;}
.bx-wrapper .bx-loading { min-height: 50px; background: url(../img/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-weight: bold; color: #666; padding-top: 20px; bottom: 15px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #fff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 2px; outline: 0; border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; border: 1px solid #fff;}
.bx-wrapper .bx-prev {left: 10px; background: url(../img/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px; background: url(../img/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover { background-position: 0 0;}
.bx-wrapper .bx-next:hover { 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: 999;}
.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(../img/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 {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/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 { 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\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: .85em; padding: 10px;}

/*右侧客服栏*/
.toolbar {width: 52px; position: fixed; right: 1%; top: 44%; z-index: 999;}
.toolbar dd {width: 51px; height: 51px;	margin-bottom: 1px;	position: relative;	-webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; border: #ccc solid 1px; background-color: #fff; -webkit-border-radius: 100%; 	border-radius: 100%;}
.toolbar dd i {width:51px; height:51px; display:block; position:absolute; left:0;	top:0;	cursor:pointer; text-align:center; -webkit-border-radius:100%; border-radius: 100%;}
.toolbar dd i span {width: 35px; height: 35px; display: block; margin: 8px 0 0 8px;	background: url(../img/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display:block; width:0; height:53px; line-height:53px; font-size:24px; font-weight:bold; font-family:arial; color:#FFF; position:absolute; padding: 0 0 0 53px; top: -1px; right: -2px; -webkit-border-radius: 50px; border-radius: 50px;	overflow: hidden;}
.toolbar .pop {position: absolute; right: 90px; top: -65px; background: #0F86D6; display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {width: 120px; height: 120px; display: block; padding: 20px 20px 0; box-sizing:content-box;}
.toolbar .pop-code h3 {	height: 52px; padding-bottom: 60px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; white-space: nowrap; line-height: 26px;}
.toolbar .pop-code h3 b {display: block; font-size: 13px; font-weight: normal;}
.toolbar .qq span {	background-position: -35px -47px;}
.toolbar .qq a {width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover {background-color: #0F86D6; border-radius: 100%;}
.toolbar .qq:hover span {background-position: 0 -47px;}
.toolbar .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #0F86D6;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .code span {background-position: -35px -95px;}
.toolbar .code:hover {background-color: #0F86D6; border-radius: 100%;}
.toolbar .code:hover span {	background-position: 0 -95px;}
.toolbar .top span {background-position: -35px -142px;}
.toolbar .top:hover {background-color: #0F86D6;	border-radius: 100%;}
.toolbar .top:hover span {background-position: 0 -142px;}
.toolbar dd:hover {}

.searchDiv{width: 100%; border-bottom:1px solid #ccc; background-color: #f8f8f8;}
.searchDivCon{width: 100%; padding: 40px 100px; margin: 0 auto; text-align: center;}
#searchform{font-size: 0;}
#searchform label{font-size: 1.6rem; color:#151515; font-weight: 500; padding-right: 8px; vertical-align: bottom;}
#searchform input#kw{border-radius: 0px; width: 445px;}
.search-btn{width: 108px; border-radius: 0px;}
.search-btn:focus, .search-btn:active:focus, .search-btn.active:focus, .search-btn.focus, .search-btn:active.focus, .search-btn.active.focus
{outline: none;  outline-offset: 0px; border-color:#337ab7; border-radius: 0px;}

.advantage{width: 100%; height: 230px; overflow: hidden;}
.advantage::after{content: ''; display: block; clear: both;}
.leftColorBox{width: 35%; height: 100%; float: left; background-color: #1e65b6; text-align: right; padding: 74px 53px 0 0;}
.leftColorBox h3{font-size: 3.0rem; color:#fff; font-weight: normal; position: relative; z-index: 1;}
.leftColorBox h3::before{content: 'OUR ADVANTAGE'; display: block; position:absolute; z-index: -1; right: 0; top: 0; color:#4184c4; font-size: 3.4rem; font-weight: 700;}
.leftColorBox b{font-size: 2.4rem; font-weight: 700; color:#fff;}
.rightAdvantageBox{ float: left; width: 65%; height: 100%; border-bottom: 1px solid #e1e1e1;}
.rightAdvantageBox::after{content: ''; display: block; clear: both;}
.advantageList{ float: left; width: 290px; height: 100%; border-right: 1px solid #e1e1e1; padding: 30px 35px 0 35px;}
.advantageList:last-child{border-right: none;}
.advantageList .icon { text-align: center; width:80px; height:80px; margin: 0 auto; background: #ff7f00; border-radius: 50%; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -webkit-transition: background .5s, color .5s; -o-transition: background;}
.advantageList .icon span {display: block; width: 35px;	height: 35px; background: url(../images/ys1a.png) center center no-repeat; background-size: cover; transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -webkit-transition: background .5s, color .5s; -o-transition: background;}
.advantageList .icon2 span {background: url(../images/ys2a.png) center center no-repeat; background-size: cover;}
.advantageList .icon3 span {background: url(../images/ys3a.png) center center no-repeat; background-size: cover;}
.advantageList .icon4 span {background: url(../images/ys4a.png) center center no-repeat; background-size: cover;}
.advantageList .tlt {text-align: center; margin-top: 10px; margin-bottom: 5px;}
.advantageList .tlt a{text-align: center;  font-size: 20px; font-weight: 700; color: #333333;}
.advantageList .tlt a:hover{color: #000;}
.advantageList p {text-align: center; font-size: 14px; color: #666;}
.advantageList p a{text-align: center; font-size: 14px; color: #666;}

.indexProductsDiv{width: 100%; padding-top: 90px; overflow: hidden;}
.titleH2{text-align: center;}
.titleH2 h2{font-size: 3.6rem; color: #333; background: url("../images/line.jpg") center center no-repeat; overflow: hidden;}
.titleH2 a{display: inline-block; font-size: 3.6rem; font-weight: 700; color: #333; text-align: center; padding: 5px 27px; background-color: #fff;}
.titleH2 small{font-size: 1.8rem;}
.indexProductsNav{width: 85%; margin: 0 auto; padding-top: 20px; float: left; position: relative;}
.indexProductsNav::before{content: ''; display: block; width: 400%; height: 1px; font-size: 0px; background-color: #ccc; position: absolute; left: -100%; top: 99px;}
.indexProductsNav ul{display: block; width: 100%; margin-bottom: 0;}
.indexProductsNav ul::after{content: ''; display: block; clear: both;}
.indexProductsNav ul li{width: 20%; height: 80px; text-align: center; float: left; position: relative;}
.indexProductsNav ul li.on::before{content: ''; display: block; position: absolute; width: 100%; height: 3px; font-size: 0px; border-radius: 0px; background: #0163b8; top: 78px; left: 0%;}
.indexProductsNav ul li a { display: block; font-size: 18px; color: #333; font-weight: bold; width: 210px; height: 80px; float: left; line-height: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.indexProductsNav ul li.on a{color:#0163b8;}
.indexProductsNav ul li .indexProductsSubNav{display: none;}
.indexProductsNav ul li .indexProductsSubNav a{display: block; float: left; font-size: 1.6rem; font-weight: 200; color:#333; width: auto; height: auto; line-height: normal;}
.indexProductsMore{display: block; width: 15%; float: right; text-align: right; padding-top: 20px;}
.indexProductsMore a{font-size: 1.5rem; font-weight: 700; color:#0163b8; line-height: 80px;}
.indexProductsMore a:hover{color:#ff7f00;}

#indexProductsSubNav{width: 100%; text-align: left; padding: 20px 0 30px; background-color: #f8f8f8;}
#indexProductsSubNav a{font-size: 1.5rem; color:#434343; padding:0 20px;}
#indexProductsSubNav a:hover{color:#0163b8;}

.indexProducts{margin-top: 15px; width: 100%;}
.indexProducts ul{display: block; width: 100%;}
.indexProducts ul li{display: block; width: 24.4%; float: left; margin-right: 0.8%; margin-bottom: 15px; background-color: #6e6e6e;  box-shadow: 0 0 10px rgba(0,0,0,0.12); overflow: hidden;}
.indexProducts ul li:nth-child(4n){margin-right: 0%;}
.indexProducts ul li b{display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; font-size: 0;}
.indexProducts ul li img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.indexProducts ul li span{ display: block; width: 100%; height: 42px; padding: 0 15px; text-align: center; font-size: 1.5rem; font-weight: 200; background-color: #444546; color:#fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 42px;}
.indexProducts ul li:hover img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);}
.indexProducts ul li:hover span{background-color: #ff7f00; color:#000; font-weight: 500;}

.indexCaseTitle{width: 100%; padding: 65px 0 50px; background-color: #fff;}
.jz_m{padding: 40px 0 0; position: relative;}
.jz_m dl dt{width: 37.5%;height: 340px;line-height: 0;overflow: hidden;float: right;}
.jz_m dl dt img{width: 100%;height: 340px;}
.jz_m dl dd{width: 62.5%;height: 250px;background: #ececec;padding: 30px 50px 0;float: left;}
.jz_m dl dd h5{height: 36px;line-height: 36px;overflow: hidden;font-weight: normal;}
.jz_m dl dd h5 a{font-size: 20px;color: #333;}
.jz_m dl dd h5 a:hover,.jz dl dd span a:hover{color: #0163b8;}
.jz_m dl dd em{display: block;font-size: 16px;color: #333;line-height: 36px;}
.jz_m .jz_desc{font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;padding: 10px 0 0;}
.jz_m dl dd span{display: block;padding: 10px 0 0;}
.jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;}
.jz_btn{width: 128px; position: absolute; left: 580px; top: 64px;}
.jz_btn a{display: block;float: left;width: 46px;height: 46px;margin-right: 18px;}
.jz_btn .jz_lico{background:url(../img/jz_lico01.png) no-repeat;}
.jz_btn .jz_lico:hover{background:url(../img/jz_lico02.png) no-repeat;}
.jz_btn .jz_rico{background:url(../img/jz_rico01.png) no-repeat;}
.jz_btn .jz_rico:hover{background:url(../img/jz_rico02.png) no-repeat;}



/*合作客户*/
.hz{width: 62.50%; height: 120px; background: #fff; position: absolute; top: 260px; left: 0; box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.hz ul li{width: 160px;height: 90px;line-height: 0;float: left;overflow: hidden;box-shadow: 0 3px 10px 3px #eee;margin: 15px;}
.hz ul li img{width: 160px;height: 90px;}
.htitle a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.htitle a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.newsModal{ width: 100%; margin-top: 50px; padding: 65px 0 50px; background: url("../images/newsbgline.jpg") left top repeat-x #fff;}
.newsModal .titleH2 a{ background-color: #ececec;}
.newsWrap{width: 100%; margin-top: 30px; padding: 50px; border:1px solid #ccc; background-color: #fff;}
.newsWrap::after{content: ''; display: block; clear: both;}
.withImages{width:50%; float: left; border-right:1px dotted #ccc; padding-right: 45px;}
.withImages ul{display: block; width: 100%;}
.withImages ul li{padding-bottom: 27px; margin-bottom: 27px;}
.withImages ul li dl{padding: 0; margin: 0; display: block; width: 100%;}
.withImages ul li dl::after{content: ''; display: block; clear: both;}
.withImages ul li dl dt{display: block; width: 40%; float: left;}
.withImages ul li dl dt a{display: block; position: relative; width: 100%; height: 0; padding-bottom: 68%; margin: 0 auto; overflow: hidden;}
.withImages ul li dl dt a img{position: absolute; left: 0; top: 0; right: 0; bottom: 0;max-width: 100%; max-height: 100%; margin:auto; }
.withImages ul li dl dt a:hover img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);}

.withImages ul li dl dd{display: block; width: 60%; float: left; padding-left: 30px;}
.withImages ul li dl dd h4{margin-top:10px;}
.withImages ul li dl dd h4 a{font-size: 1.5rem; font-weight: bold; color: #333;}
.withImages ul li dl dd h4 a:hover{color: #eb7b16;}
.withImages ul li dl dd p{font-size: 1.3rem; color:#888; padding-top: 20px;}
.withImages ul li dl dd span{display: block;}
.withImages ul li dl dd span a{display: block; width: 105px; height: 32px; font-size: 1.3rem; background: #ff7f00; color: #fff; text-align: center; overflow: hidden; line-height: 32px;}
.withImages ul li dl dd span a:hover{ background: #0163b8; overflow: hidden;}

.newsWrap hr{display: none;}

.noImages{width: 50%; float: left; padding-left: 45px;}
.noImages ul{display: block; width: 100%;}
.noImages ul li{padding-bottom: 20px; border-bottom:1px dotted #ccc; margin-bottom: 20px;}
.noImages ul li:last-child{ border-bottom: none; }
.noImages ul li dl{padding:0; margin: 0; display: block; width: 100%;}
.noImages ul li dl::after{content: ''; display: block; clear: both;}
.noImages ul li dl dd{display: block; width:80%; float: left;}
.noImages ul li dl dd h4{}
.noImages ul li dl dd h4 a{font-size: 1.5rem; font-weight: bold; color: #333;}
.noImages ul li dl dd h4 a:hover{color: #eb7b16;}
.noImages ul li dl dd p{font-size: 1.3rem; color:#888; padding-top: 20px;}
.noImages ul li dl dt{display: block; width:20%; float: right; font-size: 1.6rem; color: #999; text-align: center; background: url(../img/news_time.gif) no-repeat center 9px; line-height: 34px;}
.noImages ul li dl dt i{display: block; font-size: 5.0rem; font-style: normal; color: #454545; font-family: "Times New Roman", Times, serif;}

.indexCompany{width: 100%; padding: 100px 0 80px; background: url("../images/companybg.jpg") center top no-repeat; background-size: cover;}
.companyWrap{}
.companyWrap h2{text-align: center; margin: 0 auto 75px;}
.companyWrap h2::before{content: ''; display: inline-block; width: 89px; height: 1px; background-color: #fff; margin-right: 28px; vertical-align: middle;}
.companyWrap h2::after{content: ''; display: inline-block; width: 89px; height: 1px; background-color: #fff; margin-left: 28px; vertical-align: middle;}
.companyWrap h2 a{font-size: 3.6rem; font-weight: 700; color:#fff; text-align: center;}
.companypanel{ margin: 0 auto; width: 80%; height: 96px; text-align: center; color:#fff; font-size: 1.4rem; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 24px;}
.indexVideo{width: 640px; height: 480px; margin: 35px auto; text-align:center; background-color: #000;}
.aboutbtn {
    margin: 45px auto;
    text-align: center;
    position: relative;
    width: 150px;
    height: 50px;
    border: 1px solid #ff6600;
    color: #ff6600;
	background-color: #fff;
    box-sizing: border-box;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.aboutbtn:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #ff6600;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.aboutbtn:hover:after{width: 100%; border:1px solid #ff6600;}
.aboutbtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #ff6600;
    font-size: 1.4rem;
    line-height: 48px;
    display: block;
    z-index: 9;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.aboutbtn:hover a{color: #fff;}
.equipment{width: 100%; margin: auto; margin-top: 50px;}
.equipment ul{display: block; width: 100%;}
.equipment ul::after{content: ''; display: block; clear: both;}
.equipment ul li{display: block; float: left; width: 19%; margin-right: 1.25%; margin-bottom: 25px;}
.equipment ul li:nth-child(5n){margin-right: 0%;}
.equipment ul li:hover{box-shadow: 0px 0px 15px #000;}
.equipment ul li a{display: block; width: 100%; height: 0; padding-bottom: 72%; position: relative; overflow:hidden; border:5px solid #fff; background-color:#fff;}
.equipment ul li a img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.equipment ul li a:hover img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);}

.footer{width: 100%; padding: 55px 0;  border-top: 5px solid #e9e9e9; border-bottom: 5px solid #e9e9e9;}
.footerWrap{width: 100%; margin: auto;}
.footerWrap::after{content: ''; display: block; clear:both;}
.footermodal{float: left; width: 26%; margin-right: 11.0%; background-color: #fff;}
.footermodal:nth-child(3n){margin-right: 0%;}

.footerNav{border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding: 25px 0;}
.footerNav::after{content: ''; display: block; clear: both;}
.footerNav li{float: left; display: inline-block; width: 33.3%; line-height: 32px;}
.footerNav li a{font-size: 1.4rem; color:#333;}
.footerNav li a::before{content: '\f0da'; font-size: 12px; color:#333; padding-right: 6px; display: inline-block;}
.copyright{margin-top: 10px;}
.copyright p{ line-height: 21px;}
.copyright p strong{ font-size: 1.4rem;}
.centerinfo{border-top:1px dashed #ccc; padding: 25px 0 0;}
.centerinfo dl{display: block; width: 100%;}
.centerinfo dl::after{content: ''; display: block; clear: both;}
.centerinfo dl dt{ float: left; display: block; width: 40px; height: 42px; color:#f60; text-align: center; padding-right: 10px; line-height: 40px;}
.centerinfo dl dt i{font-size: 18px;}
.centerinfo dl dd{ font-size: 1.4rem;}
.centerinfo dl dd h3{font-size: 2.0rem; font-weight: 700; color:#333;}
.qrcode{width: 100%; padding: 22px 0 0; background: url(../img/f_erbg.gif) center center no-repeat;}
.qrcode p{display: block; width: 145px; padding-top: 10px; padding-left: 11px; text-align: center; margin: auto;}
.qrcode p img{max-width: 100%; border:5px solid #333;}
.qrcode p span{font-size: 1.4rem; color:#333;  padding-top: 5px; line-height: 30px;}

.friendlinks{padding: 35px 0 55px;}
.friendlinks p, .friendlinks span, .friendlinks a{color:#333; font-size: 1.4rem;}
.innerbanner{width: 100%; margin: 0 auto;}
.innerbanner img{width: 100%;}

.locationdiv{width: 100%; padding: 10px 0; border-bottom:1px dashed #ccc;}
.locationdiv p{font-size: 1.4rem; padding: 0; margin: 0;}
.locationdiv p span{display: inline-block; padding-left: 10px; border-left:10px solid #f47d00; padding-right: 3px;}
.locationdiv p a{color:#333; padding: 0 15px;}

.mainDiv{width: 100%; padding: 20px 0 50px; background-color: #fff;}
.leftnavbar{width: 22%; margin-right: 3%; float: left;}
.mainSubNavTop{width: 100%; height:48px; position:relative; background-color:#0163b8; border-bottom:1px solid #002749; font-size:1.6rem; color:#fff; text-align: left; padding-left: 24px; text-transform: capitalize; cursor: pointer; line-height: 48px;}
.mainSubNavTop::after{content:'\f078'; font-family:'FontAwesome'; display:block; width:30px; height:30px; text-align:center; position:absolute; top:8px; right: 4px; color:#fff; opacity:0.75; line-height:30px;}
.mainSubNavTop:hover::after{opacity: 1.0;}

.mainSubNavTop.on::after{content: '\f077';}
.mainSubNavFixed{ position: fixed; top: 0; z-index: 1030; padding: 10px 0px 10px; background-color: rgba(255,255,255,0.97); box-shadow: 0 5px 10px rgba(0,0,0,0.3);}

.mainSubNavUl{display: block; position: relative; margin-top: 0; margin-bottom: 0; padding-left: 0px; padding-right: 0; background-color: #dcdcdc;}
.mainSubNavUl::after{content: ''; display: block; clear: both;}
.mainSubNavUl li{float: left; margin-right: 0px; margin-bottom: 0px; width: 100%;}
.mainSubNavUl li a{display: block; width:100%; height: 38px; padding-left: 24px; padding-right: 38px; color:#000; font-size: 1.4rem; line-height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mainSubNavUl li a::before{content: "\f0da"; display: inline; padding-right: 8px; font-size: 1.0rem;}
.mainSubNavUl li a:hover{background-color: #0163b8; color:#060b00;}
.mainSubNavUl li a:hover, .mainSubNavUl li a.on{background-color: #0163b8; color:#060b00;}
.mainSubNavUl li span{display:block; float:right; width:38px; height:38px; border-left: 1px solid #a0a0a0; position:absolute; top: 0; right: 0; color:#000; font-size: 1.2rem; text-align: center; line-height: 38px; cursor: pointer; opacity: 0.2;}
.mainSubNavUl li a:hover+span { color:#060b00;}
.mainSubNavUl li a:hover+span, .mainSubNavUl li a.on+span{ color:#060b00;}

.mainSubNavUl>li{display: block; position: relative;}
.mainSubNavUl>li>div{background-color: transparent; display: block;}

.mainSubNavUl>li>div>ul{display: block;}
.mainSubNavUl>li>div>ul>li{float: none; margin-right: 0; margin-bottom: 0; display: block; border-bottom:1px solid #ccc; background-color: #f6f6f6;}
.mainSubNavUl>li>div>ul>li>a{display: block; color:#000; padding: 0; padding-left: 39px;font-size: 1.4rem; border: none; position:relative;}
/*.mainSubNavUl>li>div>ul>li>a::before{content: '\f0da';display: block; position: absolute; left: 0; font-size: 1.2rem;}*/
.mainSubNavUl>li>div>ul>li>a:hover{background-color: #0163b8; border: none; color:#060b00;}

.customerService{width: 100%; border-top:15px solid #fff; padding-top: 5px; background-color: #0163b8;}
.toppic{width: 100%; margin: 0 auto;}
.toppic img{max-width: 100%;}
.customerService p{font-size: 1.4rem; color:#fff; text-align: center; margin-top: 20px; margin-bottom: 0;}
.customerService p b{display: inline-block; width: 28px; height: 28px; color:#0163b8; background-color: #fff; border-radius: 50%; vertical-align: middle; margin-right: 5px; line-height: 30px;}
.customerService p b i{font-size: 2.0rem;}
.customerService span{display: block; font-size: 28px; font-weight: bold; font-family: Arial; padding-bottom: 10px; padding-top: 0px; text-align: center; color:#fff;}


.rightcontainer{width: 75%; float: left; min-height:500px; }
.mainTitle{padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ccc; position: relative; font-size: 2.4rem; font-weight: 700; color:#000; line-height: 30px;}
.mainTitle::after { content: ''; display: block; width: 125px; height: 3px; background-color: #f47d00; position: absolute; left: 0; bottom: -2px; }
.productcon {width: 100%; margin: 0px auto 50px;}
.prolist {
  width: 32.00%;
  float: left;
  position: relative;
  padding: 0px;
  transition: all 0.3s ease;
  background-color: transparent;
  margin-bottom: 20px;
  margin-right: 2.0%;
}
.prolist:nth-of-type(3n){margin-right: 0%;}
.prolistwrap {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  padding: 0px;
  border: 1px solid #ccc;
  position: relative;
  z-index: 1;
}
.prolistwrap:hover {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
  background-color: #fff;
  border: 1px solid #fff;
  z-index: 2;
}
.prolistpic {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  font-size: 0;
  background-color: #fff;
  overflow: hidden;
}
.prolistpic a{display: block; width: 100%; height: 100%; margin: 0 auto; text-align: center; position: absolute; left: 0;top: 0;right: 0; bottom: 0; box-sizing: border-box; overflow: hidden;}
.prolistpic img { max-width: 100%; max-height: 100%; margin: auto; transition: all 0.5s ease;}
.prolistname {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding: 0 10px;
  font-size: 1.4rem;
  line-height: 42px;
  background: #fff;
  text-align: center;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.prolistname a {
  font-size: 1.5rem;
  color: #333;
  
}
.prolistwrap:hover .prolistpic img {
  transform: scale(1.4);
}
.prolistwrap:hover .prolistname {
  background: #ff7f00;
}
.prolistwrap:hover .prolistname a {
  color: #fff;
}

.pages {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
	box-sizing: border-box;
}
.pages label {
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    padding: 6px;
}
.pages label em {
    color: red;
    font-weight: bold;
    font-style: normal;
}
.pages label span {
    font-weight: bold;
}
.pages a:link, .pages a:visited, .pages a:active {
    background: #FFFFFF;
	color:#333;
    border: #E6E6E6 1px solid;
    padding: 6px;
    text-decoration: none;
    margin: 5px 6px;
    display: inline-block;
}
input, select, textarea {
    font-size: 14px;
    padding: 4px;
    border-radius: 2px;
    border: #e3e3e3 1px solid;
}
.pages_inp {
    border: #CCCCCC 1px solid;
    padding: 0px 6px;
    width: 30px;
    text-align: center;
    color: #666666;
}
.pages_btn {
    width: 48px;
    background: #EEEEEE;
    border: #CCCCCC 1px solid;
    font-weight: bold;
    padding: 0px 6px;
    margin: 0 6px;
	cursor: pointer;
}

/*news*/
.newsdivleftitem{width: 100%; margin: 0 auto;}
.newsdivleftitem ul{display: block;}
.newsdivleftitem ul li{padding: 20px; border: 1px solid #ccc; margin-bottom: 20px;}
.newsdivleftitem ul li dl{margin-bottom: 0;}
.newsdivleftitem ul li dl dt{float: left; margin-right:20px;}
.newsdivleftitem ul li dl dt a{display: table-cell; width: 224px; height: 150px; margin: 0 auto; /*background-color:#ccc;*/ text-align:center; vertical-align:middle; font-size:0px; overflow:hidden;}
.newsdivleftitem ul li dl dt a img{max-width: 100%; max-height:100%; margin: 0 auto; display:inline; line-height:150px; transition: all 0.3s ease;}
.newsdivleftitem ul li dl dt a:hover img{max-width: 100%; max-height:100%; margin: 0 auto; display:inline; line-height:150px; transform: scale(1.21);}
.newsdivleftitem ul li dl dd{min-height:150px;}
.newsdivleftitem ul li dl dd h3{margin-bottom:20px;}
.newsdivleftitem ul li dl dd h3 a{font-size:1.5rem; font-weight: 700; color:#333; text-decoration: none;}
.newsdivleftitem ul li dl dd h3 a:hover{color:#0163b8;}
.newsdivleftitem ul li dl dd p{color:#888; font-size:14px; /*text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;*/ margin-bottom:12px; line-height:21px;}
.newsdivleftitem ul li dl dd em{font-size:14px; color:#888; padding-left:24px; background:url(https://www.ie168.com/images/timeicon.png) left center no-repeat; font-style: normal;}
.newsdivleftitem ul li:hover{border: 1px solid #0163b8;}
.newsdivleftitem ul li:hover dl dd h3 a{color:#0163b8;}
.newsDiv1{width: 100%; margin-top: 0px;}
h3.detailh3 { text-align: center;  padding-bottom: 5px;  border-bottom: 1px solid #ccc; margin-bottom: 2px;}
p.date_p { font-size: 1.2rem; text-align: center; color: #999;}
.newsContent { margin-top: 35px;}
.newsContent li{font-size: 1.5rem; line-height: 1.75; list-style: inside disc; }
.newsContent div, .newsContent p, .newsContent span, .newsContent a {font-size: 1.5rem; line-height: 1.75;}
.newsContent p{ margin-bottom: 25px;}
.newsContent img{display: block; margin-top: 5px; margin-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 100%; text-align: center;}
.back_btn a{display:inline-block; padding: 5px 15px; background-color:#fff; color:#ff6600; font-size:16px; border:1px solid #ff6600; margin: 50px auto 100px; text-align: center;  border-radius: 4px;}
.back_btn a:hover { background-color:#ff6600; border:1px solid #ff6600; color:#fff;}

/********** honor **********/
.honorDiv{width: 100%; margin: 0 auto;}
.honorList{width: 100%;}
.honorList ul{display: block; width: 100%; padding: 0; margin: 0;}
.honorList ul li{display: block; float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color: #fff; border-radius: 6px;}
.honorList ul li:nth-child(4n){margin-right: 0.0%;}
.honorList ul li a{display: block; width: 100%; margin: 0 auto; overflow: hidden;}
.honorList ul li a span{display: block; width: 100%; padding: 25px;}
.honorList ul li a span em{display: block; width: 100%; height: 0px; padding-bottom: 100%; font-size: 0; position: relative; overflow: hidden;}
.honorList ul li a span em img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.honorList ul li a b{display: block; width: 100%; height: 50px; background-color: #f1f1f1; padding: 0 10px; font-size: 1.4rem; text-align: center; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 50px;}
.honorList ul li:hover a span em img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); }
.honorList ul li:hover a b{color:#ff7f00;}
.honorTitle{text-align: center; font-size: 2.4rem; font-weight: 700; color:#000; line-height: 48px;}
.titleSub{padding:15px; background: #f7f7f7; color:#888; text-align: center; font-size: 1.3rem; font-weight: 200; line-height: 45px;}
.titleSub span{padding: 0 20px;}
.honorTable{margin: 30px 0; width: 100%; background-color: #ccc; border-collapse: collapse; border:1px solid #ccc;}
.honorTable tr td{border:1px solid #ccc; background-color: #fff; padding: 10px; text-align: left; font-size: 1.4rem;}
.honorTable tr td img{max-width: 100%;}
.honorTable tr td:nth-child(odd){background-color: #fafafa; text-align: center;}
.honorTable tr td:nth-child(even){background-color: #fff;}
.honorPic{width: 100%; margin-bottom: 30px;}
.subcolumTitle{ padding-left: 30px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; position: relative; font-size: 1.8rem!important; font-weight: 700; color: #333; line-height: 30px;}
.subcolumTitle::before{content: "\f009"; display: block; position: absolute; left: 0; top: 2px; font-size: 1.8rem; color: #0364b8; font-family: FontAwesome; font-weight: normal;}
.subcolumTitle::after { content: ''; display: block; width: 125px; height: 3px; background-color: #f47d00; position: absolute; left: 0; bottom: -2px; }
.subcolumTitle span{ padding-left: 16px; color:#c2c2c2; font-weight: normal;}
.honorPic img{margin: 30px auto; text-align: center; max-width: 100%; max-width: 900px; max-height:870px; display: block;}
.honorDescription{width: 100%;}
#honorDesContent div, #honorDesContent p, #honorDesContent span, #honorDesContent a, #honorDesContent em, #honorDesContent b{font-size: 1.4rem; color:#434343;}
#honorDesContent img{max-width: 900px!important; height: auto!important; max-height: 870px; margin:5px auto 15px; text-align: center; display:block;}

/****** job ******/
.jobDiv{width: 100%; margin: 0 auto;}
.jobTable{margin: 30px 0; width: 100%; background-color: #ccc; border-collapse: collapse; border:1px solid #ccc;}
.jobTable tr th{border:1px solid #151515; background-color: #0163b8; color:#fff; padding: 10px; text-align: center; font-size: 1.4rem; font-weight: 700;}
.jobTable tr td{border:1px solid #ccc; background-color: #fff; padding: 10px; text-align: center; font-size: 1.4rem;}
.jobTable tr td a{color:#0163b8;}
.jobTable tr td a:hover{color:#ff7f00;}
.jobDetail{width: 100%; margin: 0 auto;}
.jobDetailTable{margin: 30px 0; width: 100%; background-color: #ccc; border-collapse: collapse; border:1px solid #ccc;}
.jobDetailTable tr td{border:1px solid #ccc; background-color: #fff; padding: 10px; text-align: left; font-size: 1.4rem;}
.jobDetailTable tr td:nth-child(odd){background-color: #fafafa;}
.jobDetailTable tr td:nth-child(even){background-color: #fff;}
.jobContent, .jobContent div, .jobContent p, .jobContent span, .jobContent a, .jobContent em, .jobContent b{font-size: 1.4rem; color:#434343;}
.jobContent img{max-width: 100%; margin: 5px auto 10px;}
.jobContent01{padding-bottom: 35px;}
.jobspan{line-height: 50px;}
.jobspan span{display: inline-block; width: 120px;}

/*investment*/
.investment{width: 100%; margin: 0 auto;}
.investment::after{content: ''; display: block; clear: both;}
.investmentItem{width: 100%; padding-bottom: 25px; border-bottom:1px dotted #ccc; margin-bottom: 25px;}
.investmentItem::after{content: ''; display: block; clear: both;}
.investment_l{width: 50%; padding-right: 30px; float: left;}
.investment_l img{max-width: 100%;}
.investment_r{width: 50%; padding-left: 30px; float: left;}
.investment_r h3{margin-bottom: 50px; position: relative;}
.investment_r h3::after{content: ''; display: block; width: 50px; height: 5px; background-color: #ff7f00; font-size: 0; margin-top: 5px;}
.investment_r h3 a{font-size: 2.4rem; color:#333;}
.investment_r h3 a:hover{color:#ff7f00;}
.investment_r p{font-size: 1.3rem; line-height: 1.9; margin-bottom: 50px;}
.investmentbtn{margin: auto;}
.investmentbtn a{display: inline-block; width: 92px; height: 34px; border:1px solid #454545; border-radius: 4px; margin-right: 15px; text-align: center; line-height: 32px;}
.investmentbtn a:nth-child(1){border:1px solid #ff7f00; background-color: #ff7f00; color:#fff;}
.investmentbtn a:nth-child(2){border:1px solid #0163b8; background-color: #0163b8; color:#fff;}
.investmentbtn span{float:right; margin-right: 10px; color:#999; line-height: 32px;}
.investmentbtn a:hover{border:1px solid #333; background-color: #333;}

/*video*/
.videoDiv{width: 100%; margin: 0 auto;}
.videoList{width: 100%;}
.videoList ul{display: block; width: 100%; padding: 0; margin: 0;}
.videoList ul li{display: block; float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color: #000; border-radius: 6px;}
.videoList ul li:nth-child(4n){margin-right: 0.0%;}
.videoList ul li a{display: block; width: 100%; margin: 0 auto; overflow: hidden;}
.videoList ul li a span{display: block; width: 100%; padding: 10px;}
.videoList ul li a span em{display: block; width: 100%; height: 0px; padding-bottom: 56.25%; font-size: 0; position: relative; overflow: hidden;}
.videoList ul li a span em::after{content: "\f01d"; color:#fff; float: left; position: absolute; left: 50%; top: 50%; display: block; /*width: 100%; height: 100%;*/ background-color: rgba(0,0,0,0.0); font-size: 4.2rem; text-align: center; font-style: normal; transform: translateX(-50%) translateY(-50%);}
.videoList ul li a span em:hover::after{/*background-color: rgba(0,0,0,0.75);*/}
.videoList ul li a span em img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; opacity: 0.8;}
.videoList ul li a b{display: block; width: 100%; height: 50px; background-color: #fff; padding: 0 10px; font-size: 1.4rem; text-align: center; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 50px;}
.videoList ul li:hover a span em img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); opacity: 0.3; }
.videoList ul li:hover a b{color:#ff7f00;}

/*****mall*****/
.mallList{width: 100%; margin: 0 auto;}
.mallList ul{display: block; width: 100%; padding: 0; margin: 0;}
.mallList ul::after{content: ''; display: block; clear: both;}
.mallList ul li{display: block; width: 32.00%; float: left; position: relative; padding: 10px; transition: all 0.3s ease; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-right: 2.0%; margin-bottom: 20px;}
.mallList ul li:nth-child(3n){margin-right: 0%;}
.commimg{width: 100%; height: 0px; padding-bottom: 60.5%; font-size: 0; position: relative; overflow: hidden;}
.commimg img{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.commtxt{margin-top: 15px; height: 32px; font-size: 1.4rem; font-family: Arial,'Microsoft YaHei'; color:#000; text-align: center; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 32px;}
.commtxt strong{font-weight: 300;}
.commprice{ margin-top: 1px; font-size: 1.4rem; color:red; font-weight: 700; text-align: center; line-height: 24px;}
.cartBtn{margin: 15px auto 34px; text-align: center;}
.cartBtn a{display: block; width: 148px; height: 40px; line-height: 40px; text-align: center; border: 1px solid red; cursor: pointer; color: red; margin: auto; font-size: 14px;}
.cartBtn a:hover{color: #FFF; background-color: #ec3525;}
.mallDiv{width: 100%;}
.mall_left{}
.mall_left{width: 48%; margin-right: 2%; float: left;}
.mallBigPic{width: 100%; padding: 5px; /*border:1px solid #ccc;*/ background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.18);}
.mallBigPic a{display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; margin: auto; overflow: hidden;}
.mallBigPic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.mallBigPic img:hover{transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); }
.mallBigPicList ul{display: block; width: 100%; padding-top: 16px; font-size: 0;}
.mallBigPicList ul li{display:inline-block; width: 84px; height: 84px; border: 1px solid #0163b8; background-color: #fff; margin-right: 16px; margin-bottom: 5px; position: relative; overflow: hidden;}
.mallBigPicList ul li:hover{border-color: #f00;}
.mallBigPicList ul li img{max-width: 100%; max-height: 100%; vertical-align: middle; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.mall_right{width: 50%; float: left; padding-left: 24px;}
.goods_title{width: 100%; padding-bottom: 22px;}
.goods_title h1{width: 100%; font-size: 2.0rem; font-weight: 700; color:#000; line-height:normal; padding-bottom: 23px;}
.goods_title small{font-size: 1.2rem; color:#666;}
.goods_price{width: 100%; height: 74px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.goods_price01{line-height: 70px; display: inline-block; padding-right: 10px; vertical-align: top;}
.goods_price01 strong{font-size: 1.4rem; color:#333; font-weight: 700;}
.goods_price01 span{font-family: Arial; color:#ff0000; font-size: 2.4rem;}
.goods_price01 em{color:#ff0000; font-size: 1.6rem; font-style: normal;}
.goods_price02{display: inline-block; padding: 0 32px; border-left:1px solid #ccc; text-align: center;}
.goods_price02 strong{display: block; font-size: 1.4rem; font-weight: 700; color:#333; line-height: 36px;}
.goods_price02 span{ font-size: 1.6rem; font-weight: 700; color:#ff0000; line-height: 36px;}
.goods_price03{display: inline-block; padding: 0 32px; border-left:1px solid #ccc; text-align: center;}
.goods_price03 strong{display: block; font-size: 1.4rem; font-weight: 700; color:#333; line-height: 36px;}
.goods_price03 span{ font-size: 1.6rem; font-weight: 700; color:#ff0000; line-height: 36px;}
.goods_property1{width: 100%; padding-top: 16px;}
.goods_property1 h4{font-size: 1.4rem; color:#333; margin-bottom: 13px; font-weight: 700;}
.goods_property1 ul{display: block; width: 100%; padding: 0; margin: 0;}
.goods_property1 ul::after{content: ''; display: block; clear: both;}
.goods_property1 ul li{display: block; float: left; width: 24%; height: 40px; text-align: center; font-size: 1.5rem; line-height: 38px; margin-right: 1.33%; margin-bottom: 6px; background: #fff; border:2px solid #ccc; cursor: pointer;}
/*.goods_property1 ul li:nth-child(1){background: url("../images/pwIcon.png") right bottom no-repeat #fff; border-color: #f00;}*/
.goods_property1 ul li.nv_2{background: url("../images/pwIcon.png") right bottom no-repeat #fff; border-color: #f00;}
.goods_property1 ul li:nth-child(4n){margin-right: 0;}
.goods_property2{width: 100%; padding-top: 16px;}
.goods_property2 h4{font-size: 1.4rem; color:#333; margin-bottom: 13px; font-weight: 700;}
.goods_property2 ul{display: block; width: 100%; padding: 0; margin: 0;}
.goods_property2 ul::after{content: ''; display: block; clear: both;}
.goods_property2 ul li{display: block; float: left; width: 24%; height: 40px; text-align: center; font-size: 1.5rem; line-height: 38px; margin-right: 1.33%; margin-bottom: 6px; background: #fff; border:2px solid #ccc; cursor: pointer;}
.goods_property2 ul li.nv_2{background: url("../images/pwIcon.png") right bottom no-repeat #fff; border-color: #f00;}
.goods_property2 ul li:nth-child(4n){margin-right: 0;}
.goods_num{padding: 23px 0; border-bottom:1px solid #ccc; vertical-align: middle;}
.goods_num .goods_alter{display: inline-block; width: 57px; height: 35px; border: #cccccc 1px solid; position: relative; vertical-align: middle;}
.goods_num .goods_alter input { width: 40px; height: 33px; line-height: 32px; border: none;  text-align: center; padding: 0; float: left; word-break: break-all;}
.goods_num .goods_alter b, .goods_num .goods_alter i { width: 16px; height: 16px;line-height: 16px; border-left: #ccc 1px solid; background: #F2F2F2; text-align: center;float: left; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.goods_num .goods_alter b {border-bottom: #ccc 1px solid; font-size: 14px; position: absolute; top: 0; right: 0;}
.goods_num .goods_alter i { font-style: normal; font-size: 18px; position: absolute; right: 0; bottom: 1px;}
.goods_num .goods_amount{ display: inline-block; height: 32px; font-size: 14px; line-height: 32px; margin-left: 24px; color: #666666; vertical-align: middle;}
.goods_num strong{font-size: 1.4rem; color:#333; font-weight: 700;}
.goods_other{padding: 13px 0; font-size: 1.2rem;}
.goods_other span{padding-left: 10px; padding-right: 10px; border-right:1px solid #333;}
.goods_other span:first-child{padding-left: 0;}
.buy_now_btn{width: 196px; height: 64px; display: inline-block; margin-right: 5px; text-align: center; vertical-align: middle;}
.buy_now_btn a{display: block; width: 100%; height: 64px; background-color: #f00; font-size: 16px; color:#fff; line-height: 64px;}
.buy_now_btn a:hover{background-color: #4e0601; color:#fff; font-weight: 700;}
.add_cart_btn{width: 196px; height: 64px; display: inline-block; margin-right: 5px; text-align: center; vertical-align: middle;}
.add_cart_btn a{display: block; width: 100%; height: 64px; background-color: #fff; font-size: 16px; color:#f00; border: 1px solid #f00; line-height: 64px;}
.add_cart_btn a:hover{background-color: #4e0601; border-color:#4e0601; color:#fff; font-weight: 700;}


.mall_details{width: 100%; margin-top: 40px;}
.mall_details_content, .mall_details_content div, .mall_details_content p, .mall_details_content span, .mall_details_content a, .mall_details_content em, .mall_details_content b{font-size: 1.4rem!important; color:#434343!important;}
.mall_details_content img{max-width: 100%; margin: 5px auto 10px;}
.mall_details_content table{margin: 30px 0; width: 100%; background-color: #ccc; border-collapse: collapse; border:1px solid #ccc;}
.mall_details_content table tr th{border:1px solid #151515; background-color: #0163b8; color:#fff; padding: 10px; text-align: center; font-size: 1.4rem; font-weight: 700;}
.mall_details_content table tr td{border:1px solid #ccc; background-color: #fff; padding: 10px; text-align: center; font-size: 1.4rem;}
.mall_details_content table tr td a{color:#0163b8;}
.mall_details_content table tr td a:hover{color:#ff7f00;}


/*about*/
.upsubnav{width: 100%; margin-top: 0px; margin-bottom: 20px;}
.upsubnav ul{display: block; width: 100%; margin: 0 auto;}
.upsubnav ul::after{content: ''; display: block; clear: both;}
.upsubnav ul li{ width: 16.66%; height: 55px; font-size: 16px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #d8d8d8; box-sizing: border-box; background: url(../img/p16-icon6.0.png) no-repeat bottom center #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.upsubnav ul li:hover { background: url(../img/p16-icon6.png) no-repeat bottom center #0163b8; border-color: #0163b8;}
.upsubnav ul li a { display: block; height: 55px; color: #333;}
.upsubnav ul li:hover a{color:#fff;}

.upsubnav ul li.on { background: url(../img/p16-icon6.png) no-repeat bottom center #0163b8; border-color: #0163b8;}
.upsubnav ul li.on a{color:#fff;}

.upsubnav ul li.on:hover a{color:#fff;}

.aboutContainer{width: 100%; margin: auto; min-height: 300px;}
.aboutContainer div, .aboutContainer p, .aboutContainer span, .aboutContainer em, .aboutContainer i, .aboutContainer b{font-size: 1.4rem!important; color:#333!important;}
.aboutContainer img{max-width: 100%; height: auto!important;}
.vr{width: 100%; margin: 0 auto;}
.vrwrap{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.vrcon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto;}

/*link*/
.linkContainer{width: 100%; margin: 0 auto;}
.linkContainer ul{display: block; width: 100%;}
.linkContainer ul::after{content: ''; display: block; clear: both;}
.linkContainer ul li{display: block; float: left; width: 18%; margin-right: 2.5%; margin-bottom: 25px; overflow: hidden;}
.linkContainer ul li.link_pic{background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.10);}
.linkContainer ul li.link_pic:hover{box-shadow: 0 0 7px rgba(0,0,0,0.25);}
.linkContainer ul li.link_txt{/*background: url(../images/linkbg.jpg) center center  no-repeat;*/ background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.10);}
.linkContainer ul li.link_txt:hover{box-shadow: 0 0 7px rgba(0,0,0,0.25);}
.linkContainer ul li:nth-child(5n){margin-right: 0;}
.linkContainer ul li a{display: block; width: 100%; height: 0; padding-bottom: 56.25%; font-size: 0px; position: relative; margin: auto; text-align: center;}
.linkContainer ul li a img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height:100%; margin: auto;}
.linkContainer ul li.link_txt a{font-size: 2.4rem; font-weight: 700; font-family: 'Microsoft JhengHei','YouYuan'; color:#000; transform: translateY(35%);}

/*contact*/
.contactContainer{width: 100%; margin: auto; padding-top: 20px;}
.contact_left{ display: block; float: left; width: 40%;}
.contact_left h3{font-size: 2.6rem; font-weight: 700;}
.contact_left ul{margin-top: 20px;}
.contact_left ul li{font-size: 1.6rem; line-height: 42px;}
.contact_left ul li span{margin-right: 10px;}
.contact_left img{max-width: 100%;}

.contact_right{display: block; float: left; width: 60%; padding:20px; border-left:1px dashed #ccc; border-bottom:1px dashed #ccc;}
.contact_right .row{margin-left: 0; margin-right: 0;}
.form-horizontal div{font-size: 1.5rem;}
.form-horizontal label{font-weight: normal;}
.f_red{color:#f00;}
.form-group { margin-bottom: 10px;}
.contactMap{width: 100%; margin: 50px 0 10px; padding-right: 0;}

/*buy*/
.buyCon{width: 100%; margin: 0 auto;}
.buyCon ul{display: block; width: 100%; margin: 0; padding: 0;}
.buyCon ul li{display: block; width: 100%; padding-left: 26px; background: url("../images/buy-dot.png") left center no-repeat #fff; line-height: 76px; border-bottom: 1px dotted #ccc;}
.buyCon ul li a{font-size: 1.6rem; font-weight: 700; color:#333;}
.buyCon ul li a span{float: right; margin-left: 15px; margin-top: 25px; display: inline-block; font-size: 1.2rem; font-weight: normal; padding: 4px 14px; border-style: solid; border-width: 2px; line-height: normal;}
.buyCon ul li a span:nth-of-type(1){border-color: #999; color:#999; background-color: #fff;}
.buyCon ul li a span:nth-of-type(2){border-color: #666; color:#666; background-color: #fff;}
.buyCon ul li a span:nth-of-type(3){border-color: #0364b8; color:#0364b8; background-color: #fff;}
.buyCon ul li:hover{background: url("../images/buy-dot.png") 10px center no-repeat #f5f5f5;}
.buyCon ul li:hover a{color:#f47d01;}
.buyCon ul li:hover a span:nth-of-type(1){border-color: #999; color:#fff; background-color: #999;}
.buyCon ul li:hover a span:nth-of-type(2){border-color: #666; color:#fff; background-color: #666;}
.buyCon ul li:hover a span:nth-of-type(3){border-color: #0364b8; color:#fff; background-color: #0364b8;}
.buyCons{width: 100%; margin: 0 auto;}
.buy_left{width: 48%; margin-right: 2%; float: left;}
.buy_left_pic{width: 100%; height: 0; padding-bottom: 100%; position: relative; margin: auto; border:1px solid #ccc; background-color: #fff; overflow: hidden;}
.buy_left_pic a{display: block; width: 100%; height: 100%; padding: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.buy_left_pic img{ max-width: 100%; max-height: 100%; }
.buy_left_pic img:hover{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);}
.buy_left ul{display: block; width: 100%; padding-top: 16px; font-size: 0;}
.buy_left ul li{display: inline-block; width: 84px; height: 84px; border: 1px solid #ccc; background-color: #fff; margin-right: 16px; margin-bottom: 5px; overflow: hidden;}
.buy_left ul li img{max-width: 100%;}
.buy_left ul li:hover{border-color:#f00;}


.buy_right{width: 50%; float: left;}
.buy_right h3{width: 100%; height: 68px; padding-left: 24px; padding-right: 15px; background: url("../images/buyTitleBg.jpg") left center no-repeat; font-size: 1.6rem; font-weight: 700; color:#000; position: relative; line-height: 68px;}
.buy_right h3::after{content: "\f00a"; font-size: 1.6rem; font-weight: normal; color:#999; position: absolute; top: 0px; right: 15px;}
.buy_right h3 span{padding-left: 8px; color:#ff7f02;}
.buy_right ul{display: block; width: 100%; margin-bottom: 14px;}
.buy_right ul li{padding-left: 24px; line-height: 38px; font-size: 1.4rem; color:#555;}
.buy_right ul li:nth-child(odd){background-color: #fff;}
.buy_right ul li:nth-child(even){background-color: #f9f9f9;}
.buy_right ul li span{display: inline-block; width: 120px;}
.commonBtn{ display: block; position: relative; line-height: normal; margin: 0; margin-left: 24px; padding: 10px 0; z-index: 10;}
.common_01{font-size: 1.4rem; float: left; margin-right: 10px;}
.wp_ulike_btn.wp_ulike_put_image{margin: 0; position: relative; display: inline-block; vertical-align: middle; border-radius: .25em; box-shadow: none; padding: 15px 25px; border: none; text-align: center; transition-property: none; font-size: 14px; color: #616161; background: #e0e0e0;}
.wp_ulike_btn.wp_ulike_put_image:after {  content: ''; display: block; background: url(../img/like.svg) no-repeat; background-size: contain; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.count-box { position: relative; border-radius: .25em; font-size: 12px; text-decoration: none; background-color: #fff; margin-left: 8px; line-height: 28px; display: inline-block; padding: 0 10px; box-shadow: 0 0 0 1px #bdbdbd inset; color: #616161; vertical-align: middle; text-align: center;}
.count-box:before { content: ''; position: absolute; border: 1px solid transparent; background: #fff; border-bottom-color: #bdbdbd; left: -5px; top: 50%; border-left-color: #bdbdbd; transform: rotate(45deg) translatey(-50%); width: 5px; height: 5px; margin: 0;}

.common_02{font-size: 1.4rem; float: left}
.common_02 .wp_ulike_btn.wp_ulike_put_image:after {  content: ''; display: block; background: url("../images/fw.png") no-repeat; background-size: contain; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.offerBtn{width: 100%; margin-top:14px; padding: 13px 0; border-top:1px dashed #ccc; border-bottom:1px solid #ccc; text-align: right;}
.offerBtn a{display: inline-block; width: 150px; height: 44px; text-align: center; color:#fff; background-color: #f47d00; font-size: 1.5rem;font-weight: 700; line-height: 42px;}
.offerBtn a:hover{background-color: #000; color: #f47d00; }
.buyDetails{width: 100%; padding-top: 20px;}
.buyDetailContent{width: 100%;}
.buyDetailContent, .buyDetailContent div, .buyDetailContent p, .buyDetailContent span, .buyDetailContent a, .buyDetailContent em, .buyDetailContent b{font-size: 1.4rem; color:#434343;}
.buyDetailContent img{max-width: 100%; margin: 5px auto 10px;}

/*photo -- company album*/
.photoDiv{width:100%; margin: 0 auto;}
.photoList{width: 100%;}
.photoList ul{display: block; width: 100%; padding: 0; margin: 0;}
.photoList ul li{display: block; float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color: #fff; border-radius: 6px;}
.photoList ul li:nth-child(4n){margin-right: 0.0%;}
.photoList ul li a{display: block; width: 100%; margin: 0 auto; overflow: hidden;}
.photoList ul li a span{display: block; width: 100%; padding: 10px;}
.photoList ul li a span em{display: block; width: 100%; height: 0px; padding-bottom: 66.66%; font-size: 0; position: relative; overflow: hidden;}
.photoList ul li a span em img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.photoList ul li a b{display: block; width: 100%; height: 50px; color:#0163b8; /*border-top:1px solid #e7e7e7;*/ border-bottom:1px solid #e7e7e7; background-color: #fff; padding: 0 10px; font-size: 1.4rem; text-align: center; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 50px;}
.photoList ul li a label{font-size:1.2rem; font-weight: normal; color:#8B8B8C; background-color: #f6f6f6; border-top:1px solid #fff; display: block; width:100%; text-align: center; line-height: 42px;}
.photoList ul li a label i{padding-right: 8px;}
.photoList ul li:hover a span em img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); }
.photoList ul li:hover a b{color:#ff7f00;}

.photoCon{width: 100%; margin: 0 auto;}
.photo_left{width: 48%; margin-right: 2%; float: left;}
.photo_left_pic{width: 100%; height: 0; padding-bottom: 75%; position: relative; margin: auto; border:1px solid #ccc; background-color: #fff; overflow: hidden;}
.photo_left_pic a{display: block; width: 100%; height: 100%; padding: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align: center;}
.photo_left_pic img{ width: 100%; margin: auto;}
.photo_left_pic img:hover{  transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); }
.photo_right{width: 50%; float: left;}
.photo_right h3{width: 100%;  padding-left: 24px; padding-right: 15px; padding-bottom: 9px; margin-top: 30px; margin-bottom: 15px; font-size: 1.6rem; font-weight: 700; color:#000; position: relative;  border-bottom:1px solid #ccc;}
.photo_right p{font-size: 1.4rem; color:#666; padding-left: 24px; min-height: 125px;}
.photoBtn{width: 100%; margin-top:14px; padding: 13px 0; padding-left: 24px; border-top:1px dashed #ccc;}
.photoBtn a{display: inline-block; width: 150px; height: 44px; text-align: center; color:#fff; background-color: #1e65b6; font-size: 1.5rem;font-weight: 700; line-height: 42px;}
.photoBtn a:hover{background-color: #000; color: #f47d00; }
.photoDetails{width: 100%; margin-top: 42px;}
.photoLike{width: 100%; margin-top: 42px;}
.photoLike ul{display: block; width: 100%; padding: 0; margin: 0;}
.photoLike ul li{display: block; float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color: #fff;}
.photoLike ul li:nth-child(4n){margin-right: 0.0%;}
.photoLike ul li a{display: block; width: 100%; margin: 0 auto; overflow: hidden;}
.photoLike ul li a span{display: block; width: 100%; padding: 10px;}
.photoLike ul li a span em{display: block; width: 100%; height: 0px; padding-bottom: 66.66%; font-size: 0; position: relative; overflow: hidden;}
.photoLike ul li a span em img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.photoLike ul li a b{display: block; width: 100%; height: 42px; color:#333; background-color: #fff; padding: 0 10px; font-size: 1.3rem; text-align: center; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 42px;}
.photoLike ul li:hover a span em img{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); }
.photoLike ul li:hover a b{color:#ff7f00;}

/*sell*/
.sellCon{width: 100%; margin: 0 auto;}
.sell_left{width: 48%; margin-right: 2%; float: left;}
#sell_videoCon{width: 100%; background-color: #000;}
.sell_left_pic{width: 100%; padding: 5px; /*border:1px solid #ccc;*/ background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.18);}
.sell_left_pic a{display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; margin: auto; overflow: hidden;}
.sell_left_pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.sell_left_pic img:hover{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); }
.sell_left ul{display: block; width: 100%; padding-top: 16px; font-size: 0;}
.sell_left ul li{display: inline-block; width: 84px; height: 84px; border: 1px solid #0163b8; background-color: #fff; margin-right: 16px; margin-bottom: 5px; position: relative; overflow: hidden;}
.sell_left ul li:hover{border-color:#f00;}
.sell_left ul li img{max-width: 100%; max-height: 100%; vertical-align: middle; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

.sell_right{width: 50%; float: left;}
.sell_right h3{display: table-cell; width: 1.5%; height: 68px; padding-left: 24px; padding-right:30px; background: url("../images/buyTitleBg.jpg") left center no-repeat; font-size: 1.6rem; font-weight: 700; color:#000; position: relative;vertical-align: middle; line-height: 1.1;}
.sell_right h3::after{content: "\f00a"; font-size: 1.6rem; font-weight: normal; color:#999; position: absolute; top: 18px; right: 15px;}
.sell_right h3 span{padding-left: 8px; color:#ff7f02;}
.sell_right ul{display: block; width: 100%; margin-bottom: 14px;}
.sell_right ul li{padding-left: 24px; line-height: 38px; font-size: 1.4rem; color:#555;}
.sell_right ul li:nth-child(odd){background-color: #fff;}
.sell_right ul li:nth-child(even){background-color: #f9f9f9;}
.sell_right ul li span{display: inline-block; width: 120px;}
.sellCallBtn{width: 100%; margin-top:14px; padding: 13px 0 13px 24px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.call_btn{float: right;}
.call_btn a{display: inline-block; width: 150px; height: 44px; text-align: center; color:#fff; background-color: #1e65b6; font-size: 1.5rem;font-weight: 700; line-height: 42px;}
.call_btn a:hover{background-color: #000; color: #f47d00;}
.call_tel{margin-bottom: 0; padding-top: 4px;}
.call_tel::after{content: '';display: block; clear: both;}
.call_tel dt{display: block; float: left; width: 36px; height: 36px; border-radius: 50%; background-color: #1e65b6; text-align: center; margin-right: 6px; line-height: 34px;}
.call_tel dt i{font-size: 1.8rem; color:#fff; line-height: 36px;}
.call_tel dd{float: left; padding-top: 3px;}
.call_tel dd p{float: left; margin-bottom: 0; font-size: 1.4rem; color:#454545; line-height: 1.2;}
.call_tel dd p span{font-weight: 700;}
.pro_prve_next{width: 100%; margin: 0 auto; padding: 27px 0;}
.pro_prve_next a{display: inline-block; padding: 8px 40px; border:1px solid #ff7f02; color:#ff7f02; background-color: #fff; margin-right: 16px; font-size: 1.4rem;}
.pro_prve_next a:hover{color:#fff; background-color: #ff7f02;}
.sellDetails{width: 100%; padding-top: 20px;}
.sellDetailContent{width: 100%;}
.sellDetailContent, .sellDetailContent div, .sellDetailContent p, .sellDetailContent span, .sellDetailContent a, .sellDetailContent em, .sellDetailContent b{font-size: 1.4rem; color:#434343;}
.sellDetailContent img{max-width: 100%; margin: 5px auto 10px;}
.sellDetailContent table{margin: 30px 0; width: 100%; background-color: #ccc; border-collapse: collapse; border:1px solid #ccc;}
.sellDetailContent table tr th{border:1px solid #151515; background-color: #0163b8; color:#fff; padding: 10px; text-align: center; font-size: 1.4rem; font-weight: 700;}
.sellDetailContent table tr td{border:1px solid #ccc; background-color: #fff; padding: 10px; text-align: center; font-size: 1.4rem;}
.sellDetailContent table tr td a{color:#0163b8;}
.sellDetailContent table tr td a:hover{color:#ff7f00;}

/*brand*/
.brandDiv{width:100%; margin: 0 auto;}
.brandList{width: 100%;}
.brandList ul{display: block; width: 100%; padding: 0; margin: 0;}
.brandList ul::after{content: ''; display: block; clear: both;}
.brandList ul li{display: block; float: left; width: 32%; margin-right: 2.0%; margin-bottom: 30px; background-color: #fff;}
.brandList ul li:nth-child(3n){margin-right: 0.0%;}
.brand_color_block{width: 100%; height: 36px; padding-left: 15px; color:#fff; background: linear-gradient(45deg, #0163b8 0%, #0163b8 65%, white 65%, white 100%); font-size: 1.5rem; line-height: 34px;}
.brandpic{width: 100%; height: 0; padding-bottom: 66.66%; font-size: 0; position: relative; margin: auto; overflow: hidden;}
.brandpic a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.brandpic a img{max-width: 100%; margin: auto;}
.brandpic a img:hover{transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);}

@media (min-width:320px) and (max-width:767px)
{
	.headTop{width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; border-bottom:5px solid #e9e9e9; display: none;}
	.logoDiv{float: none; display: inline-block; vertical-align: top; height: 40px;}
	.logoTitle{float: none; display: inline-block; text-align: left; vertical-align: top;}
	.logoTitle h2{font-size: 0; display: none;}
	.logoTitle h2 span{font-size: 1.8rem; line-height: 45px;}
	.topTelNumber{display: none;}
	.MnavBtn{display: block;}
	.MnavBtn a{color:#000;}
	.headNav{display: none;}
	.toolbar{display: none;}
	.bx-wrapper .bx-pager {display: none;}
	.searchDivCon {display: none;}
	.leftColorBox {display: none;}
	.rightAdvantageBox {
		float: none;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e1e1e1;
		background-color: #f9f9f9;
	}
	.advantageList {
		float: left;
		width: 33.31%;
		height: 100%;
		border-right: 1px solid #e1e1e1;
		padding: 30px 10px 0 10px;
	}
	.advantageList .icon{width: 60px; height: 60px;}
	.advantageList .tlt {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.advantageList .tlt a{
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		color: #222222;
	}
	.advantageList p {font-size: 1.2rem; color:#999; text-align:justify;}
	.advantageList p a{font-size: 1.2rem; color:#999; text-align:justify;}
	.indexProductsDiv { padding-top: 10px;}
	.titleH2 a {font-size: 2.2rem;}
	.titleH2 small {font-size: 1.2rem;}
	.indexProductsSubNav{display: none;}
	.indexProductsNav {
		width: 100%;
		margin: 0 auto;
		padding-top: 10px;
		float: left;
		position: relative;
	}
	.indexProductsNav ul li {
		width: 49%;
		height: auto;
		margin-right: 1%;
		margin-bottom: 5px;
		text-align: center;
		float: left;
		position: relative;
	}
	.indexProductsNav ul li.on::before{display: none;}
	.indexProductsNav ul li a {
		display: block;
		font-size: 12px;
		color: #333;
		font-weight: bold;
		width: 100%;
		height: 30px;
		float: left;
		line-height: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.indexProductsNav ul li.on a { color: #0163b8; border-color:#0163b8;}
	.indexProductsNav::before { content: ''; display: none;}
	.indexProductsMore {display: none;}
	#indexProductsSubNav {display: none;}
	.indexProducts ul { display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexProducts ul li {
		display: block;
		width: 49%;
		float: left;
		margin-right: 2%;
		margin-bottom: 15px;
		background-color: #6e6e6e;
		overflow: hidden;
	}
	.indexProducts ul li:nth-child(2n){margin-right: 0%;}
	.indexProducts ul li span {
		display: block;
		width: 100%;
		height: 32px;
		padding: 0 10px;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 200;
		background-color: #444546;
		color: #fff;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 32px;
	}
	.indexCaseTitle {
		width: 100%;
		padding: 10px 0 20px;
		background-color: #fff;
	}
	.jz_m { padding: 0px 0 0; position: relative;}
	.jz_m ul{display: block; width: 100%;}
	.jz_m dl dt {
		width: 100%;
		height: auto!important;
		line-height: 0;
		overflow: hidden;
		float: none;
	}
	.jz_m dl dt img {
		width: 100%;
		height: auto!important;
	}
	.jz_m dl dd {
		width: 100%;
		height: 250px;
		background: #ececec;
		padding: 10px 30px 0;
		float: left;
	}
	.jz_btn {
		width: 100%;
		position: absolute;
		left: 0px;
		top: 64px;
	}
	.jz_btn .jz_rico{float: right; margin-right: 2px;}
	.hz {
		width: 100%;
		height: 120px;
		background: #fff;
		position: absolute;
		top: 348px;
		left: 0;
		box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);
		overflow: hidden;
	}
	.jz_m dl dd h5 a {
		font-size: 15px;
		color: #333;
		font-weight: 700;
	}
	.jz_m .jz_desc {
		font-size: 12px;
		color: #666;
		line-height: 25px;
		height: 50px;
		overflow: hidden;
		padding: 0px 0 0;
	}
	.jz_m dl dd span {
		display: block;
		padding: 0px 0 0;
	}
	.newsModal {
		width: 100%;
		margin-top: 0px;
		padding: 15px 0 30px;
	}
	.newsWrap {
		width: 100%;
		margin-top: 0px;
		padding: 0px;
		border: none;
		background-color: #fff;
	}
	.newsWrap hr{display: block; clear: both;}
	.withImages {
		width: 100%;
		float: left;
		border-right: none;
		padding-right: 0px;
	}
	.withImages ul li dl dt {
		display: block;
		width: 100%;
		float: left;
	}
	.withImages ul li dl dd {
		display: block;
		width: 100%;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	.withImages ul li dl dd h4 a {
		font-size: 1.2rem;
		font-weight: bold;
		color: #333;
	}
	.withImages ul li dl dd p {
		font-size: 1.2rem;
		color: #888;
		padding-top: 10px;
	}
	.withImages ul li dl dd span a {
		font-size: 1.2rem;
	}
	.noImages {
		width: 100%;
		float: left;
		padding-left: 0px;
	}
	.noImages ul li dl dd h4 a {
		font-size: 1.2rem;
		font-weight: bold;
		color: #333;
	}
	.noImages ul li dl dd p {
		font-size: 1.2rem;
		color: #888;
		padding-top: 10px;
		padding-right: 10px;
	}
	.indexCompany {
		width: 100%;
		padding: 20px 0 40px;
	}
	.companyWrap h2 {
		text-align: center;
		margin: 0 auto 20px;
	}
	.companyWrap h2 a {
		font-size: 2.2rem;
		font-weight: 700;
		color: #fff;
		text-align: center;
	}
	.companyWrap h2::before {
		content: '';
		display: inline-block;
		width: 30px;
	}
	.companyWrap h2::after {
		content: '';
		display: inline-block;
		width: 30px;
	}
	.companypanel {
		margin: 0 auto;
		width: 100%;
		height: 84px;
		text-align: center;
		color: #fff;
		font-size: 1.2rem;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 21px;
	}
	.indexVideo {
		width: 100%;
		height: 250px;
		margin: 35px auto;
		text-align: center;
		background-color: #000;
	}
	.aboutbtn {margin: 30px auto;}
	.aboutbtn a {font-size: 1.2rem;}
	.equipment ul li {
		display: block;
		float: left;
		width: 32%;
		margin-right: 2.0%;
		margin-bottom: 10px;
	}
	.equipment ul li a { border: 1px solid #fff;}
	.equipment ul li:nth-child(3n) { margin-right: 0%;}
	.equipment ul li:nth-child(5n) { margin-right: 2%;}
	.footer { width: 100%; padding: 30px 0;}
	.footermodal {
		float: left;
		width: 100%;
		margin-right: 0.0%;
		background-color: #fff;
	}
	.footerNav li a {
		font-size: 1.2rem;
		color: #333;
	}
	.centerinfo dl dd { font-size: 1.2rem;}
	.centerinfo dl dd h3 {
		font-size: 1.4rem;
		font-weight: 700;
		color: #333;
	}
	.friendlinks{display: none;}
	.innerbanner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	.innerbanner img {
		width: auto;
		height: 120px;
		/*transform: translateX(-50%);*/
	}
	.locationdiv{display: none;}
	.mainDiv {
		width: 100%;
		padding: 10px 0 30px;
		background-color: #fff;
	}
	.leftnavbar {
		width: 100%;
		margin-right: 0%;
		float: left;
	}
	.customerService{display: none;}
	.mainSubNavTop {
		height: 36px;
		line-height: 36px;
	}
	.mainSubNavTop::after{top: 2px; right: 10px;}
	.rightcontainer {
		width: 100%;
		float: left;
		margin-top: 15px;
		min-height: auto;
	}
	.mainTitle {
		padding-bottom: 5px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
		position: relative;
		font-size: 1.8rem;
		font-weight: 700;
		color: #000;
		line-height: 30px;
	}
	.prolist {
		width: 49.00%;
		margin-right: 2.0%;
		margin-bottom: 15px;
	}
	.prolist:nth-of-type(2n) { margin-right: 0%;}
	.prolist:nth-of-type(3n) { margin-right: 2.0%;}
	.prolist:nth-of-type(6) { margin-right: 0.0%;}
	.prolist:nth-of-type(12) { margin-right: 0.0%;}
	.prolistname a { font-size: 1.2rem; color: #333;}
	.sell_left {
		width: 100%;
		margin-right: 0.0%;
		float: left;
	}
	.sell_left ul {
		display: block;
		width: 100%;
		padding-top: 10px;
		font-size: 0;
	}
	.sell_left ul li {margin-right: 12px;}
	.sell_right { width: 100%; float: left;}
	.sell_right h3 {
		padding-left: 15px;
		font-size: 1.5rem;
	}
	.sell_right ul li {
		padding-left: 15px;
		line-height: 38px;
		font-size: 1.2rem;
		color: #555;
	}
	.sell_right ul li span {
		display: inline-block;
		width: 100px;
	}
	.sellCallBtn {
		width: 100%;
		margin-top: 14px;
		padding: 13px 0 13px 0px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.call_btn a {width: 120px;}
	.pro_prve_next a {
		display: inline-block;
		padding: 8px 26px;
		border: 1px solid #ff7f02;
		color: #ff7f02;
		background-color: #fff;
		margin-right: 10px;
		font-size: 1.4rem;
	}
	.subcolumTitle span {display: none;}
	.commonBtn { margin-left: 15px;}
	.sellDetailContent, .sellDetailContent div, .sellDetailContent p, .sellDetailContent span, .sellDetailContent a, .sellDetailContent em, .sellDetailContent b {
		font-size: 1.2rem;
		color: #434343;
	}
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #1e65b6;
		background-color: #eee;
	}
	.sellDetailContent table {margin: 15px 0;}
	.photoLike {
		width: 100%;
		margin-top: 30px;
	}
	.photoLike ul li {
		width: 49.0%;
		margin-right: 2.0%;
		margin-bottom: 15px;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
	}
	.photoLike ul li:nth-child(2n){margin-right: 0;}
	.photoLike ul li a b { padding: 0 5px; font-size: 1.2rem; font-weight: normal;}
	.photoList ul li {
		display: block;
		float: left;
		width: 49%;
		margin-right: 2.0%;
		margin-bottom: 15px;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
		background-color: #fff;
		border-radius: 6px;
	}
	.photoList ul li:nth-child(2n){margin-right: 0;}
	.photoList ul li a b {font-size: 1.2rem;}
	.photo_left {
		width: 100%;
		margin-right: 0%;
		float: left;
	}
	.photo_right { width: 100%; float: left;}
	.photo_right p {min-height: inherit;}
	.buyDetailContent, .buyDetailContent div, .buyDetailContent p, .buyDetailContent span, .buyDetailContent a, .buyDetailContent em, .buyDetailContent b {
		font-size: 1.2rem;
		color: #434343;
	}
	.buyCon ul li {
		display: block;
		width: 100%;
		padding-left: 26px;
		background: url(../images/buy-dot.png) left 20px no-repeat #fff;
		line-height: 54px;
		border-bottom: 1px dotted #ccc;
		min-height: 100px;
	}
	.buyCon ul li a {
		font-size: 1.2rem;
		font-weight: 700;
		color: #333;
	}
	.buyCon ul li a strong{display: block;}
	.buyCon ul li a span {
		float: right;
		margin-left: 0px;
		margin-top: 2px;
		margin-right: 3px;
		display: block;
		font-size: 1.2rem;
		font-weight: normal;
		padding: 4px 14px;
		border-style: solid;
		border-width: 2px;
		line-height: normal;
	}
	.buy_left {
		width: 100%;
		margin-right: 0%;
		float: left;
	}
	.buy_left ul {
		display: block;
		width: 100%;
		padding-top: 10px;
		font-size: 0;
	}
	.buy_right {
		width: 100%;
		float: left;
	}
	
	.buy_right h3 {font-size: 1.4rem;}
	.buy_right ul li {
		padding-left: 24px;
		line-height: 38px;
		font-size: 1.2rem;
		color: #555;
	}
	.newsdivleftitem ul li dl dt {
		float: left;
		margin-right: 0px;
		width: 100%;
	}
	.newsdivleftitem ul li dl dt a {
    	display: table-cell;
    	width: 100%;
		height: auto;
	}
	.newsdivleftitem ul li dl dd h3 a {font-size: 1.2rem;}
	.newsdivleftitem ul li dl dd h3 { margin-bottom: 10px;}
	.newsdivleftitem ul li dl dd p {
		color: #888;
		font-size: 12px;
		margin-bottom: 12px;
		line-height: normal;
	}
	h3.detailh3 {
		text-align: left;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 2px;
		font-size: 1.5rem;
		font-weight: 700;
	}
	p.date_p {text-align: left;}
	.newsContent { margin-top: 20px;}
	.newsContent div, .newsContent p, .newsContent span, .newsContent a, .newsContent li {
		font-size: 1.2rem;
		line-height: normal;
	}
	.honorList ul li {
		display: block;
		float: left;
		width: 49%;
		margin-right: 2.0%;
		margin-bottom: 30px;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
		background-color: #fff;
		border-radius: 6px;
	}
	.honorList ul li:nth-child(2n) {
		margin-right: 0.0%;
	}
	.honorList ul li a span {
		display: block;
		width: 100%;
		padding: 5px;
	}
	.honorList ul li a b {
		height: 40px;
		font-size: 1.2rem;
		line-height: 40px;
	}
	.honorTitle {font-size: 1.5rem;}
	.titleSub {
		padding: 10px;
		background: #f7f7f7;
		color: #888;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 200;
		line-height: 32px;
	}
	.titleSub span { padding: 0 5px;}
	.honorTable tr td {
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 1.2rem;
	}
	.honorTable tr td:nth-child(odd) { background-color: #fafafa; text-align: left;}
	.honorPic img {
		margin: 10px auto;
		text-align: center;
		max-width: 100%;
		max-height: initial;
		display: block;
	}
	.back_btn a {margin: 20px auto 50px;}
	.jobTable tr th:nth-child(2n){display: none;}
	.jobTable tr td:nth-child(2n){display: none;}
	.jobContent, .jobContent div, .jobContent p, .jobContent span, .jobContent a, .jobContent em, .jobContent b {
		font-size: 1.2rem;
		color: #434343;
	}
	.jobspan { line-height: 38px;}
	.investment_l {
		width: 100%;
		padding-right: 0px;
		float: left;
	}
	.investment_r {
		width: 100%;
		margin-top: 20px;
		padding-left: 10px;
		float: left;
	}
	.investment_r h3 {
		margin-bottom: 20px;
		position: relative;
	}
	.investmentbtn span {margin-top: 30px;}
	.videoList ul li {width: 100%; margin-right: 0.0%;}
	.videoList ul li a b {font-size: 1.2rem;}
	.mallList ul li {
		width: 49.0%;
		padding: 5px;
		margin-right: 2.0%;
	}
	.mallList ul li:nth-child(2n) {
		margin-right: 0.0%;
	}
	.commtxt{font-size: 1.2rem;}
	.commprice{font-size: 1.3rem;}
	.cartBtn {
		margin: 15px auto 15px;
		text-align: center;
	}
	.cartBtn a {width: 100%;}
	.mall_left {
		width: 100%;
		margin-right: 0%;
		float: left;
	}
	.mallBigPicList ul { padding-top: 10px;}
	.mallBigPicList ul li{margin-right: 12px;}
	.mall_right {
		width: 100%;
		margin-top: 20px;
		float: left;
		padding-left: 0px;
	}
	.goods_price {width: 100%; height: auto;}
	.goods_price02 {
		display: block;
		padding: 0 44px;
		border-left: none;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	.goods_price03 {
		display: block;
		padding: 0 42px;
		border-left: none;
		text-align: left;
	}
	.goods_property1 ul li{font-size: 1.3rem;}
	.goods_property2 ul li{font-size: 1.3rem;}
	.buy_now_btn{margin-bottom: 10px;}
	.mall_details_content, .mall_details_content div, .mall_details_content p, .mall_details_content span, .mall_details_content a, .mall_details_content em, .mall_details_content b {
		font-size: 1.2rem!important;
		color: #434343!important;
	}
	.upsubnav ul li {
    	width: 49%;
    	height: 36px;
    	margin-right: 2%;
		margin-bottom: 3px;
    	font-size: 12px;
		border:1px solid #d8d8d8;
		line-height: 36px;
	}
	.upsubnav ul li:nth-child(2n){margin-right: 0;}
	.aboutContainer div, .aboutContainer p, .aboutContainer span, .aboutContainer em, .aboutContainer i, .aboutContainer b {
		font-size: 1.2rem!important;
		color: #333!important;
	}
	.linkContainer ul li {
		display: block;
		float: left;
		width: 32%;
		margin-right: 2.0%;
		margin-bottom: 25px;
		overflow: hidden;
	}
	.linkContainer ul li:nth-child(3n) {margin-right: 0;}
	.linkContainer ul li:nth-child(5n) {margin-right: 2.0%;}
	.linkContainer ul li:nth-child(15) {margin-right: 0%;}
	.linkContainer ul li:nth-child(30) {margin-right: 0%;}
	.linkContainer ul li:nth-child(45) {margin-right: 0%;}
	.linkContainer ul li:nth-child(60) {margin-right: 0%;}
	.linkContainer ul li.link_txt a {font-size: 1.3rem;}
	
	.contact_left {
		display: block;
		float: left;
		width: 100%;
		padding-left: 0;
    	padding-right: 0;
	}
	.contact_left h3 {
		font-size: 2.0rem;
		font-weight: 700;
	}
	.contact_left ul li {
		font-size: 1.4rem;
		line-height: 42px;
	}
	.contact_right {
		display: block;
		float: left;
		width: 100%;
		padding: 20px;
		border-left: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		border: 1px dashed #ccc;
		margin-top: 30px;
	}
	.contactMap {
		width: 100%;
		margin: 30px 0 0px;
		padding-left: 0;
		padding-right: 0;
	}
	
}
@media (min-width:768px) and (max-width:1024px)
{
	.headTop{text-align: center; width: 100%; border-bottom:5px solid #e9e9e9; display: none;}
	.logoDiv{float: none; display: inline-block; vertical-align: top;}
	.logoTitle{float: none; display: inline-block; text-align: left; vertical-align: top;}
	.topTelNumber{display: none;}
	.MnavBtn{display: block;}
	.MnavBtn a{color:#000;}
	.headNav{display: none;}
	.subNav{width: 714px; }
	
	.contact_left {
		display: block;
		float: left;
		width: 45%;
	}
	.contact_left h3 {
		font-size: 1.8rem;
		font-weight: 700;
	}
	.contact_left ul li {
		font-size: 1.4rem;
		line-height: 42px;
	}
	.contact_right {
		display: block;
		float: left;
		width: 55%;
		padding: 0px;
		padding-left: 20px;
		border-left: 1px dashed #ccc;
		border-bottom: none;
	}
	.footermodal{width: 48%; margin-right: 2%;}
	.footerWrap .footermodal:first-child{width: 100%;}
	.contactMap { width: 100%; margin: 50px 0 10px; padding-right: 0; padding-left: 0;}
	.form-horizontal div { font-size: 1.3rem;}
	.linkContainer ul li {
		display: block;
		float: left;
		width: 32%;
		margin-right: 2.0%;
		margin-bottom: 25px;
		overflow: hidden;
	}
	.linkContainer ul li:nth-child(3n) {margin-right: 0;}
	.linkContainer ul li:nth-child(5n) {margin-right: 2.0%;}
	.linkContainer ul li:nth-child(15) {margin-right: 0%;}
	.linkContainer ul li:nth-child(30) {margin-right: 0%;}
	.linkContainer ul li:nth-child(45) {margin-right: 0%;}
	.linkContainer ul li:nth-child(60) {margin-right: 0%;}
	.linkContainer ul li.link_txt a {font-size: 1.8rem;}
	.leftnavbar {
		width: 100%;
		margin-right: 0%;
		float: left;
	}
	.customerService{display: none;}
	.mainSubNavTop {
		height: 36px;
		line-height: 36px;
	}
	.mainSubNavTop::after{top: 2px; right: 10px;}
	.rightcontainer {
		width: 100%;
		float: left;
		margin-top: 15px;
		min-height: auto;
	}
	.mainTitle {
    	padding-bottom: 5px;
    	margin-bottom: 20px;
    	border-bottom: 1px solid #ccc;
    	position: relative;
		font-size: 1.8rem;
	}
	.goods_price {width: 100%; height: auto;}
	.goods_price02 {
		display: block;
		padding: 0 44px;
		border-left: none;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	.goods_price03 {
		display: block;
		padding: 0 42px;
		border-left: none;
		text-align: left;
	}
	.buy_now_btn{margin-bottom: 10px;}
	.videoList ul li {
		display: block;
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		background-color: #000;
		border-radius: 6px;
	}
	.videoList ul li:nth-child(2n){margin-right: 0%;}
	.prolistname a {
		font-size: 1.3rem;
		color: #333;
	}
	.searchDivCon {display: none;}
	.leftColorBox {display: none;}
	.rightAdvantageBox {
		float: none;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e1e1e1;
		background-color: #f9f9f9;
	}
	.advantageList {
		float: left;
		width: 33.31%;
		height: 100%;
		border-right: 1px solid #e1e1e1;
		padding: 30px 10px 0 10px;
	}
	.advantageList .icon{width: 60px; height: 60px;}
	.advantageList .tlt {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.advantageList .tlt a{
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		color: #222222;
	}
	.advantageList p {font-size: 1.2rem; color:#999; text-align:justify;}
	.advantageList p a{font-size: 1.2rem; color:#999; text-align:justify;}
	.indexProductsDiv { padding-top: 10px;}
	.titleH2 a {font-size: 2.2rem;}
	.titleH2 small {font-size: 1.2rem;}
	.indexProductsSubNav{display: none;}
	.indexProductsNav {
		width: 100%;
		margin: 0 auto;
		padding-top: 10px;
		float: left;
		position: relative;
	}
	.indexProductsNav ul li {
		width: 49%;
		height: auto;
		margin-right: 1%;
		margin-bottom: 5px;
		text-align: center;
		float: left;
		position: relative;
	}
	.indexProductsNav ul li.on::before{display: none;}
	.indexProductsNav ul li a {
		display: block;
		font-size: 12px;
		color: #333;
		font-weight: bold;
		width: 100%;
		height: 30px;
		float: left;
		line-height: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.indexProductsNav ul li.on a { color: #0163b8; border-color:#0163b8;}
	.indexProductsNav::before { content: ''; display: none;}
	.indexProductsMore {display: none;}
	#indexProductsSubNav {display: none;}
	.indexProducts ul { display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexProducts ul li {
		display: block;
		width: 49%;
		float: left;
		margin-right: 2%;
		margin-bottom: 15px;
		background-color: #6e6e6e;
		overflow: hidden;
	}
	.indexProducts ul li:nth-child(2n){margin-right: 0%;}
	.indexProducts ul li span {
		display: block;
		width: 100%;
		height: 32px;
		padding: 0 10px;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 200;
		background-color: #444546;
		color: #fff;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 32px;
	}
	.indexCaseTitle {
		width: 100%;
		padding: 10px 0 20px;
		background-color: #fff;
	}
	.jz_m { padding: 0px 0 0; position: relative;}
	.jz_m ul{display: block; width: 100%;}
	.jz_m dl dt {
		width: 100%;
		height: auto!important;
		line-height: 0;
		overflow: hidden;
		float: none;
	}
	.jz_m dl dt img {
		width: 100%;
		height: auto!important;
	}
	.jz_m dl dd {
		width: 100%;
		height: 250px;
		background: #ececec;
		padding: 10px 30px 0;
		float: left;
	}
	.jz_btn {
		width: 100%;
		position: absolute;
		left: 0px;
		top: 64px;
	}
	.jz_btn .jz_rico{float: right; margin-right: 2px;}
	.hz {
		width: 100%;
		height: 120px;
		background: #fff;
		position: absolute;
		top: 670px;
		left: 0;
		box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);
		overflow: hidden;
	}
	.jz_m dl dd h5 a {
		font-size: 15px;
		color: #333;
		font-weight: 700;
	}
	.jz_m .jz_desc {
		font-size: 12px;
		color: #666;
		line-height: 25px;
		height: 50px;
		overflow: hidden;
		padding: 0px 0 0;
	}
	.jz_m dl dd span {
		display: block;
		padding: 0px 0 0;
	}
	.withImages ul li dl dt{width: 100%;}
	.withImages ul li dl dd {
		display: block;
		width: 100%;
		float: left;
		padding-left: 0px;
	}
	.withImages ul li dl dd h4 a {
		font-size: 1.3rem;
		font-weight: bold;
		color: #333;
	}
	.withImages ul li dl dd p {
		display: none;
	}
	.withImages ul li dl dd span a {
		display: block;
		width: 105px;
		height: 32px;
		font-size: 1.2rem;
		background: #ff7f00;
		color: #fff;
		text-align: center;
		overflow: hidden;
		line-height: 32px;
	}
	.withImages ul li {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.withImages ul li dl dd span { display: block; margin-top: 10px;}
	.noImages ul li dl dd p {
		font-size: 1.3rem;
		color: #888;
		padding-top: 20px;
		padding-right: 20px;
	}
	.noImages ul li {
		padding-bottom: 35px;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 35px;
	}
}

@media (min-width:320px) and (max-width:1024px)
{
	#cssmenu, #cssmenu ul, #cssmenu ul>li, #cssmenu ul>li>a, #cssmenu #menu-button {margin: 0;padding: 0;border: 0;	list-style: none;line-height: 1;display: block;	position: relative;-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;}
	#cssmenu { width: 100%; display: block; z-index: 2;}
	#cssmenu ul { width: 100%; display: none; position:absolute; background: rgb(255, 255, 255); height: 100%; height: auto; overflow-y: auto; z-index: 99999;}
	#cssmenu>ul{box-shadow: 0 5px 15px rgba(0,0,0,0.25);}
	#cssmenu.align-center>ul, #cssmenu.align-right ul ul { text-align: left }
	#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover>ul>li {	width: 100%; height: auto; border-top: 1px solid rgba(120,120,120,.15);}
	#cssmenu ul li a, #cssmenu ul ul li a {	width: 100%; padding: 20px; }
	#cssmenu>ul>li>a {font-size: 1.4rem; font-weight: bold; color: #000;}
	#cssmenu>ul>li>a:before{content: "\f0da"; display:inline-block; font-size: 15px; font-weight: 700; color:#000; padding-right: 8px; font-family: FontAwesome;}
	#cssmenu>ul>li, #cssmenu.align-center>ul>li, #cssmenu.align-right>ul>li { float: none; display: block}
	#cssmenu ul ul li a { padding: 20px 20px 20px 33px;font-size: 1.4rem; font-weight: bold; color: #252525; background: 0 0; }
	#cssmenu ul ul li a:before{content: "\f105"; display:inline-block; font-size: 15px; font-weight: bold; color:#000; padding-right: 8px; font-family: FontAwesome;}
	
	#cssmenu ul ul li:hover>a, #cssmenu ul ul li a:hover { color: #000;	background-color: #f5f5f5;}
	#cssmenu ul ul ul li a { padding-left: 48px; color:#454545;}
	#cssmenu ul ul ul li a:before{content: ""; display:inline-block; width: 5px; height: 5px; border-radius: 50%; font-size: 0px; background-color: #000; padding-right: 0px; margin-right: 8px; margin-bottom: 2px;}
	#cssmenu ul ul{border: none;}
	#cssmenu ul ul li a{border-bottom:none;}
	#cssmenu ul ul, #cssmenu ul ul ul {position: relative; left: 0;	right: auto; width: 100%; margin: 0}
	#cssmenu>ul>li.has-sub>a::after, #cssmenu ul ul li.has-sub>a::after {display: none	}
	#menu-line { display: none }
	#cssmenu #menu-button {	display: block;	padding: 12px 13px 12px 20px; height: 56px; box-sizing: border-box; color: #000; cursor: pointer; font-size: 12px; text-transform: uppercase; border-bottom:5px solid #e9e9e9;}
	#cssmenu #menu-button a img{ max-width: 100%; max-height: 100%;}
	#cssmenu #menu-button a.language{display: block; float: right; margin-right: 20px; width: 26px; height: 26px; background-color: #fff; border: 1px solid #000; color: #000; font-size: 12px; text-align: center;  border-radius: 50%; line-height: 26px;}
	#cssmenu #menu-button i{float: right; font-size: 28px;}
	#cssmenu #menu-button span{color:#303030; float: right; padding-right: 10px; line-height: 26px;}
	#cssmenu #menu-button span a{color:#303030; padding: 0 10px; font-size: 15px; }

	#cssmenu .submenu-button {position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120,120,120,.15); height: 52px; width: 52px; cursor: pointer}
	#cssmenu .submenu-button::after {content: '';position: absolute;top: 20px;left: 24px;display: block; width: 2px; height: 14px; background: #333; z-index: 99}
	#cssmenu .submenu-button::before {content: ''; position: absolute;left: 18px; top: 26px;display: block;	width: 14px; height: 2px;background: #333;z-index: 99}
	#cssmenu .submenu-button.submenu-opened:after {	display: none;}
	#cssmenu>ul>li:last-child a {  padding: 20px;}
	#cssmenu>ul>li>a>i {width: 12px; text-align: left; font-size:1.5rem; line-height:15px; vertical-align: top; margin-right: 0px;}
	.toolbar{display: none;}
	

	.mainSubNavTop{display: block;}
  	.mainSubNavUl {padding-left: 20px;	padding-right: 20px; padding-bottom: 20px; padding-top:10px; border:1px solid #0163b8; border-top:none; background-color: #fff; display: none;}
	.mainSubNavUl::before {content: '';	display: block;	width: 0px;	height: 0px;font-size: 2.6rem;color: #BF401D;position: absolute;left: 0;top: 0px;}
	.mainSubNavUl li { float: none; margin-right: 1px; margin-bottom: 0px; list-style: outside disc; border-bottom: 1px dashed #cccccc;}
	.mainSubNavUl li a {display: inline-block;	padding: 0px 0px;	background-color: #fff;	border: none;color: #000;font-size: 1.2rem;	}
	.mainSubNavUl li a:hover, .mainSubNavUl li a.on { background-color: #fff; border: none; color: #ff6600;}
	.mainSubNavUl li a.on+span {background-color: #fff;border: none; color: #ff6600;}

	.mainSubNavUl>li { display: block; position:relative; font-size: 0;}
	.mainSubNavUl>li>span{float: right; border: none; background-color: #fff;  border: none; font-size: 2.0rem; right: -14px;}
	.mainSubNavUl>li>div{z-index: 102; position:static; box-shadow: none; display: none;}
	.mainSubNavUl>li>div>ul>li{border-bottom: none; border-top:1px dashed #ccc;}
	.mainSubNavUl>li>div>ul>li>a {padding-left: 25px;}
}

@media (min-width:1025px) and (max-width:1279px)
{
	.shortSpaing ul>li>a{padding: 19px 5px;}
	.longSpaing ul>li>a{padding: 19px 20px;}
}
@media (min-width:1280px) and (max-width:1366px)
{
	.shortSpaing ul>li>a{padding: 19px 13px;}
	.longSpaing ul>li>a{padding: 19px 30px;}
}
@media (min-width:1025px) and (max-width:1366px)
{
	.headTop{width: 100%; padding-left: 10px; padding-right: 10px;}
	.subNav{width: 1000px; }
}