@charset "UTF-8";

* {padding: 0; margin: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html,body{ color:#311100; font-family: 'Microsoft YaHei',微软雅黑, Arial, '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:#311100;
    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:#311100;
  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;}
input[type=button], input[type="submit"]{-webkit-appearance:none;outline:none;}
.fl{float: left;}
.fr{float: right;}
.fff{background-color: #fff!important;}

.topdiv{width: 100%; padding: 26px 0; background-color: #1a1c1e;}
.topdiv::after{content: ''; display: block; clear: both;}
.logodiv{width: 17%; float: left; margin: 0 auto; text-align: center; padding: 0 15px;}
.logodiv a{display: block; width: 100%; overflow: hidden;}
.logodiv a img{max-width: 215px; max-height: 52px;}
.logodiv a:hover img{transform: scale(0.90); -webkit-transform: scale(0.90); -moz-transform: scale(0.90); -o-transform: scale(0.90);}
#mobileNavButton{float:right; display: none;}
#mobileNavButton a{font-size: 2.4rem; color:#000;}
#mobileNavButton a i{color:#fff;}

/* PC nav style */
.navdiv{width: 69%; float: left;}
.navdiv>ul{display: block; width: 100%; font-size: 0px; margin: 0 auto; padding: 0; position: relative; z-index: 3;}
.navdiv>ul>li{display: inline-block; width: 11.11%; /*width: 133px;*/ text-align: center; position: relative; z-index: 3;}
.navdiv>ul>li>a{font-size: 1.5rem; color:#fff; text-transform: uppercase; display: block; width: 100%; text-align: center; padding: 18px 0px; position: relative; background-color: transparent;}
.navdiv>ul>li>a>i{font-size: 1.3rem; margin-right: 6px; color:#00ffff;}
.navdiv>ul>li>a:hover{color:#00ffff; background-color: #2a2c2e;}
.navdiv>ul>li>a.on, .navdiv>ul>li>a:active, .navdiv>ul>li>a:focus{color:#00ffff; background-color: #2a2c2e;}

.navdiv ul li:hover ul{display: block;}
.navdiv ul li:hover ul ul{display: none}
.navdiv ul li ul{ position: absolute; left: 0; background-color: #253240; color:#fff; box-shadow: 0 10px 10px rgba(0,0,0,0.15); display: none; }
.navdiv ul li ul li{display: block; width: 160px; height:inherit; padding-left: 21px; border-top:1px solid #202b37; text-align: left; overflow: visible; position: relative; list-style: disc inside;}
.navdiv ul li ul li:nth-of-type(1){border-color:#00ffff;}
.navdiv ul li ul li a{display: block; text-align: left; padding: 8px 0; font-size: 1.3rem; color:#fefeff; text-transform: uppercase; position: relative;}
.navdiv ul li ul li a::before{content:"\f105"; font-size: 1.2rem; padding-right: 7px;}
.navdiv ul li ul li:hover{background-color: #131313;}
.navdiv ul li ul li:hover a{color:#00ffff; font-size: 1.2rem;}
.navdiv ul li ul li:hover ul{display: block;}

.navdiv ul li ul li ul{ position: absolute; left: 160px; top:-1px; background-color: #fff; display: none;}
.navdiv ul li ul li ul li{ width: 160px; height: inherit; overflow: visible;}
.navdiv ul li ul li:hover ul{ display: block;}

.searchdiv{width: 14%; float: right; padding-top:10px;}
#searchform{width: 100%; padding: 0 15px; margin: 0 auto; text-align: center;}
.searchWrap{width: 100%; max-width: 160px; margin: 0 auto; position: relative;}
.searchWrap #searchtxt{width:100%; height:36px; padding-left:10px; padding-right:34px; border:none; border-radius:18px; font-size:15px; background-color: #2a2c2e; color:#fff;}
.searchWrap #searchtxt:focus{outline:none; border:1px solid #00ffff;}
.searchWrap button{border:none; background-color: transparent; width: 28px; height: 28px; background-color: #ef8200; border-radius: 50%; position: absolute; right: 5px; top: 4px; cursor: pointer; font-size: 16px; color:#fff;}
.searchWrap button:focus{outline: none;}
.searchWrap button:hover i{color:#000;}

/*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; background-color: #fff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0; border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ea2e14; border: 1px solid #ea2e14;}
.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.85); width: 100%;}
.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: .85em; padding: 10px;}

.iproductSystem{width: 100%; background-color: #fff; padding: 80px 0;}
.topicTxt{width: 100%; position: relative; margin-bottom: 72px;}
.topicTxt h3{text-align: center; position: relative;}
.topicTxt h3::before{ content: ''; display: block; font-size: 0; width: 100%; height: 1px; background-color: #ccc; position: absolute; top: 40px; z-index: 1;}
.topicTxt h3::after{content: ''; display: block; font-size: 0; width: 124px; height: 5px; background-color: #f60; position: absolute; top: 38px; left: 0; z-index: 2;}
.topicTxt h3 span{display: inline-block; margin: 0 auto; text-align: center; background-color: #fff; position: relative; z-index: 2; font-size: 3.2rem; font-weight: 700;}
.topicTxt h3 span small{display: block; padding: 0 30px; color:#999; font-size: 2.1rem; text-transform: uppercase; font-family: Arial; margin-bottom: 5px;}
a#pAlbum{display: block; position: absolute; z-index: 3; right: 0; top: 23px; width: 100px; height: 36px; background-color: #f60; color:#fff; text-align: center; font-size: 1.2rem; line-height: 36px;}
a#pAlbum:hover{background-color: #1a1c1e; color:#00ffff;}
.iproductCon{margin: 0 auto; width:100%;}
.iproductItem{width:23.5%; margin-right: 1.986%; margin-bottom: 30px; float: left;}
.iproductItem:nth-of-type(4n){margin-right: 0;}
.iproductWrap{width: 100%; height: 0; padding-bottom: 133%; position: relative; overflow: hidden;}
.iproductPic{max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;}
.iproductPic img{margin: auto; width: 100%;}

.iproductTxt{position: absolute; left: 0; top: 0; width: 100%; height: 60px; text-align: left;
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.iproductTxt a{display: block; width: 100%; font-size: 1.8rem; color:#fff; padding-left: 15px; line-height: 60px;}
.iproductBrand{position: absolute; right: 8px; bottom: 8px; cursor: pointer;}
.iproductWrap:hover .iproductPic img{transform:scale(1.12); -webkit-transform:scale(1.12); -moz-transform:scale(1.12); -o-transform:scale(1.12);}
.iproductWrap:hover .iproductTxt{background: rgba(0,0,0,0.88);}
.iproductWrap:hover .iproductTxt a{color:#00ffff; font-size: 1.8rem; padding-left: 20px;}

.iabout{width: 100%; padding: 222px 0 128px; background: url("../images/amodul-bg.jpg") center top no-repeat #f1f1f1; background-size:contain;}
.slideGroup{width: 100%; margin: 0 auto;}
.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
    padding: 0;
    position: relative;
    width: 100%; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.7);
}
.slideGroup .sNext {
    position: absolute;
    right: 26px;
    bottom: 9.16%;
    z-index: 2;
    font-size: 4.8rem;
    color:rgba(49,17,0,0.5);
}
.slideGroup .sNext:hover{color:#311100;}
.slideGroup .slideBox ul{ display: block;}
.slideGroup .slideBox ul::after{content: '';display: block; clear: both;}
.slideGroup .slideBox ul li{display: block; width: 100%; padding-top:0px;  position: relative; overflow: hidden;}
.slideGroup .slideBox ul li::after{clear:both;}
.slideGroup .slideBox ul li .nextTxt{position: absolute; right: 6.09%; bottom: 12.66%; font-size: 1.6rem; color:#999; text-align: right; text-decoration: underline;}
.slideGroup .slideBox ul li .classificationPic{float: left; width: 45.36%; overflow: hidden;}
.slideGroup .slideBox ul li .classificationPic a{display: block; width: 100%; height: 0; padding-top: 87.59%; position: relative; overflow: hidden;}
.slideGroup .slideBox ul li .classificationPic a img{position:absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto;}
.slideGroup .slideBox ul li .classificationPic a img:hover{transform:scale(1.12); -webkit-transform:scale(1.12); -moz-transform:scale(1.12); -o-transform:scale(1.12);}
.slideGroup .slideBox ul li .iaboutCompany{float: left; width: 54.64%; padding: 70px 6.09% 0% 6.09%;}
.slideGroup .slideBox ul li .iaboutCompany h3{font-size: 3.6rem; color:#311100; font-weight: 700; margin-bottom: 38px;}
.slideGroup .slideBox ul li .iaboutCompany p{font-size: 1.4rem; line-height: 1.9; margin-bottom: 80px; text-align: justify;}
.slideGroup .slideBox ul li #aboutLink{display: inline-block; width: 146px; height: 36px; text-align: center; line-height: 36px; color:#fff; background-color: #311100; margin-right: 18px; margin-bottom: 10px;}
.slideGroup .slideBox ul li #aboutLink:hover{background-color: #151515; color:#00ffff;}
.slideGroup .slideBox ul li #dsHonorLink{display: inline-block; width: 146px; height: 36px; text-align: center; line-height: 36px; color:#fff; background-color: #f60; margin-right: 18px; margin-bottom: 10px;}
.slideGroup .slideBox ul li #dsHonorLink:hover{background-color: #151515; color:#00ffff;}
.slideGroup .slideBox ul li #aboutCompanyVideo{display: inline-block; width: 146px; height: 36px; text-align: center; line-height: 36px; color:#fff; background-color: #00469b; margin-right: 18px; margin-bottom: 10px;}
.slideGroup .slideBox ul li #aboutCompanyVideo:hover{background-color: #151515; color:#00ffff;}
.slideGroup .slideBox ul li .icompetitiveness{float: left; width: 54.64%; padding: 70px 6.09% 0% 6.09%;}
.slideGroup .slideBox ul li .icompetitiveness h3{font-size: 3.6rem; color:#311100; font-weight: 700; margin-bottom: 38px;}
.slideGroup .slideBox ul li .icompetitiveness ol{display: block; width: 100%;}
.slideGroup .slideBox ul li .icompetitiveness ol li{display: block; width: 42.96%; float: left; background-color: #f60; box-shadow: 22px 22px 0px #e9eff4; position:static; margin-bottom: 40px;}
.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(2){float: right; background-color: #311100; margin-right: 22px;}
.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(3){background-color: #311100;}
.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(4){float: right; margin-right: 22px;}
.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap{display: block; width: 100%; height: 0; padding-bottom:51.63%; position: relative;}
.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span{display: block; margin: 0 auto; text-align: center; font-size: 2.4rem; color:#fff; padding-top: 22px;}
.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span img{ max-width: 56px; max-height: 56px; vertical-align: middle; margin-right: 12px;}
.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap p{font-size: 1.2rem; color:#fff; padding: 14px 20px 0; text-align: justify;}

.slideGroup .slideBox ul li .iequmentWrap{float: left; width: 54.64%; padding: 70px 6.09% 0% 6.09%;}
.slideGroup .slideBox ul li .iequmentWrap h3{font-size: 3.6rem; color:#311100; font-weight: 700; margin-bottom: 38px;}
.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1{width: 100%;}
.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 .iequment{overflow: hidden;}
.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 .iequment .outlineitem1 { float: left; margin: 4px; border: none; box-sizing: content-box; overflow: hidden; position: relative;  }
.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 .iequment .outlineitem1 img { display: block; width: auto; height: 100%; filter: grayscale(1) blur(.5px); transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 .iequment .outlineitem1 img:hover{transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 .iequment .outlineitem1 .over { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 4px 6px; font-size: 13px; color: #fff; background: #ffb52f; background: rgba(255,181,47,.8); }

#videoPanel{width: 800px; height: 480px; /*margin: -240px 0 0 -400px; position:fixed; _position:absolute; z-index: 1000000; top: 50%; left: 50%;*/}
.videoWrap{width: 100%;}

.icase{width: 100%; padding: 80px 0 70px; background: url("../images/casebg.jpg") center center no-repeat; background-size:cover;}
.icaseTopicTxt{width: 100%; position: relative; margin-bottom: 72px;}
.icaseTopicTxt h3{text-align: center; position: relative; }
.icaseTopicTxt h3 span{display: inline-block; margin: 0 auto; text-align: center; position: relative; z-index: 2; font-size: 3.2rem; font-weight: 700; color:#fff;}
.icaseTopicTxt h3 span small{display: block; padding: 0 30px; color:#fff; font-size: 2.1rem; text-transform: uppercase; font-family: Arial; margin-bottom: 5px;}


.productShow{width: 100%;}
.index_product_item{/*margin: 0px 15px;*/}
.index_product_wrap{width: 100%; background-color: #fff; position: relative;}
.index_product_pic{width: 100%; height: 0px; padding-bottom: 100%; overflow: hidden; position:relative; margin: 0 auto;}
.index_product_pic a{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 9%; overflow: hidden;}
.index_product_pic a img{width: 100%; height: auto;}
.index_product_pic a img:hover{transform: scale(1.10); -ms-transform: scale(1.10); -moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10);}
.index_product_txt{overflow: hidden;}
.index_product_txt a{display: block; font-size: 1.6rem; font-weight: bold; color:#311100; text-align: center; padding: 0 10px;}
.index_product_txt a::after{content: ''; display: block; width: 17.46%; height: 2px; font-size: 0px; margin: 10px auto; background-color: #f60; }
.index_product_txt a:hover{color:#121212;}
.index_product_txt a:hover::after{width: 100%;}
.index_product_txt p{padding: 0 10px; margin-bottom: 18px; font-size: 1.2rem; color:#999; text-align: left; overflow: hidden;  text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.productBar{padding: 20px 0 0px; font-size: 0; width: 100%; text-align:center; margin: 0 auto;}
.productButton{display: inline-block; margin: 0 10px; width: 54px; height: 54px; border-radius: 50%; background-color: #ef8200; text-align: center; line-height: 54px;}
.productButton a{font-size: 1.8rem; color:#fff;}
.productButton:focus{outline: none;}
.productButton:hover{background-color: #fff; color:#f60;}
.productButton:hover a{color:#f60;}

.newsAndService{width: 100%; background-color: #fff; padding: 80px 0;}
.newsServiceLeft{width: 50%; float: left; padding-right: 3.3%;}
.NSTopicPic{width: 100%;}
.NSTopicPic img{width: 100%;}
.newsServiceLeft ul{display: block; width: 100%; margin-top: 20px;}
.newsServiceLeft ul li{margin-bottom: 10px;}
.newsServiceLeft ul li span{display: inline-block; width: 18.72%; height: 48px; margin-right: 1.4%; text-align: center; font-size: 1.4rem; font-weight: bold; font-family: Arial; color:#9c7d67; background-color: rgba(255,103,0,0.15); line-height: 48px;}
.newsServiceLeft ul li a{display: inline-block; width: 79.88%; height: 48px; padding-left: 30px; text-align: left; font-size: 1.4rem; font-weight: bold; color: #9c7d67; background: url("../images/dot.jpg") 12px center no-repeat rgba(255,103,0,0.15); line-height: 48px;}
.newsServiceLeft ul li:hover span{color:#fff; background-color: #311100;}
.newsServiceLeft ul li:hover a{color: #fff; background: url("../images/dot-on.jpg") 12px center no-repeat rgba(255,103,0,1.0);} 
.newsServiceRight{width: 50%; float: left; padding-left: 3.3%;}
.NSTopicPic1{ width: 100%; /*margin-bottom: 20px;*/ margin-top: 20px;}
.NSTopicPic1 img{width: 100%;}
.iservice{width: 100%; padding: 32px 6.5%; background-color: #f1f1f1; }
.iservice h4{ font-size: 1.6rem; font-weight: 700; color:#311100; padding-bottom: 10px;}
.iservice p{ font-size: 1.4rem; color:#311100; margin-bottom: 25px; line-height: 1.3;}
.iservice a{display: block; width: 110px; height: 32px; text-align: center; font-size: 1.4rem; color:#fff; background-color: #ff6700; line-height: 32px;}
.iservice a:hover{ background-color: #151515; color:#00ffff;}

.footer{width: 100%; background-color: #fff; padding: 40px 0px 0px; border-top:1px solid #ccc; }
.modelLeft{float: left; width: 70%;}
.modelLeftItem{margin-right: 9%; margin-bottom: 30px; display: inline-block; width: 15%; vertical-align: top;}
.modelLeftItem h4 {margin-bottom:25px;}
.modelLeftItem h4 a{font-size: 1.8rem; color:#311100; font-weight: bold;}
.modelLeftItem h4 a:hover{color:#ff6700;}
.modelLeftItem ul{display: block;}
.modelLeftItem ul li{line-height: 1.78;}
.modelLeftItem ul li a{font-size: 1.4rem; color:#311100;}
.modelLeftItem ul li a:hover{padding-left: 8px; color:#ff6700;}

.modelRight{float: right; width: 30%; text-align: right;}
.modelRight ul{display: inline-block; padding-left: 20%; border-left:1px dotted #ccc; text-align: left;}
.modelRight ul li{font-size: 1.8rem; color:#311100; font-weight: bold; line-height: 2; font-family: Arial;}
.modelRight ul li i{margin-right: 18px;}

.copyright{border-top:1px solid #ccc; margin-top: 40px; padding: 23px 0px;}
.copyright p{font-size: 1.3rem;}
.copyright p a{font-size: 1.3rem; color:#311100; padding: 0;}
.copyright p span{margin-left: 35px;}
.copyright p span.sright{float: right; text-align: right;}
.copyright p span.sright a{font-size: 1.3rem; color:#311100; padding: 0 15px;}
.copyright p a:hover{color:#ff6700;}
.copyright p span.sright a:hover{color:#ff6700;}

.friendlink{width: 100%; background-color: #ccc; padding: 24px 0px;}
.friendlink p span{font-size: 1.2rem; color:#fff; font-weight: bold;}
.friendlink p a{font-size: 1.2rem; color:#fff; padding: 0 10px;}
.friendlink p a:hover{color:#311100;}

/*客服边栏*/
.scrollsidebar,.scrollsidebar a{font-size:12px;color:#222222;font-family:Arial,Helvetica,sans-serif; font-weight: bold;}
.scrollsidebar{position:absolute;z-index:10009;top:184px;right:0}
.show_btn{width:34px; height:158px; cursor:pointer; overflow:hidden; background:url(../images/onlineService.png) center center no-repeat #311100; display:block; border-radius:6px 0 0 6px;}
.side_content{width:152px; height:auto; overflow:hidden; float:left}
.side_content .side_list{width:152px; border-radius:16px;position:relative; background:#311100;}
.side_content .side_list .hd{width: 100%; height: 70px; text-align: center; margin: 0 auto; line-height: 70px;}
.side_content .side_list .hd img{max-width:100%;}
.side_content .side_list .cont li{list-style:none; margin: 0 auto; text-align: center;}
.side_content .side_list .cont li img{max-width: 100%; margin-bottom: 15px;}
.side_content .side_list .side_title{text-align: center; margin: 0 auto;}
.side_content .side_list .side_title .close_btn{position:absolute;left:66px;bottom:0px;cursor:pointer;}

.innerbanner{width: 100%;}
.innerbanner img{width: 100%;}
.location{width: 100%; padding: 15px 0; font-size: 1.4rem; color:#311100;}
.location a{font-size: 1.4rem; color:#311100; padding: 0 10px;}
.location a:hover{font-size: 1.4rem; color:#ff6700;}
.ccc{background-color: #ccc;}

.aboutdiv{width: 100%;}
.aboutdiv h1, .aboutdiv h2, .aboutdiv h3, .aboutdiv h4, .aboutdiv h5, .aboutdiv h6{margin-top: 21px; margin-bottom: 12px;}
#dsjj{width: 100%;}
#dsjj h2{font-size: 24px; font-weight: 700; color:#fff; background: url(../images/htopic.png) left center no-repeat; padding-left: 30px; line-height: 42px;}
#dsjj h3{font-size: 21px; font-weight: 700; color:#fff; background: url(../images/htopic.png) left center no-repeat; padding-left: 30px; line-height: 42px;}
#dsjj p{font-size: 1.4rem;}

#hxjzl{width: 100%; /*background-color: #f1f1f1;*/ background: url("../images/jabout.jpg") center center no-repeat; padding: 40px 0 70px; margin-top: 50px;}
.hxjzl_topic{width: 100%; position: relative; margin-bottom: 72px;}
.hxjzl_topic h3{text-align: center; position: relative; }
/*.hxjzl_topic h3::before{ content: ''; display: block; font-size: 0; width: 100%; height: 1px; background-color: #ccc; position: absolute; top: 40px; z-index: 1;}*/
.hxjzl_topic h3 span{display: inline-block; margin: 0 auto; text-align: center; position: relative; z-index: 2; font-size: 3.2rem; font-weight: 700; color:#fff; /*background-color: #f1f1f1;*/}
.hxjzl_topic h3 span small{display: block; padding: 0 30px; color:#fff; font-size: 2.1rem; text-transform: uppercase; font-family: Arial; margin-bottom: 5px;}
#competitiveness{display: block; width: 100%; font-size: 0px;}
#competitiveness li{display: table-cell; width: 10%; text-align: center; vertical-align: middle; cursor: pointer; padding-top: 30px; padding-bottom: 30px;}
#competitiveness li span{display: block; width: 100px; height: 100px; margin: 0 auto;}
#competitiveness li span img{max-width: 100%; max-height: 100%;}
#competitiveness li h4{width: 100%; font-size: 2.4rem; color:#fff;}
#competitiveness li p{color:#fff; font-size: 1.2rem; text-align: center; padding: 0 15%;}
#competitiveness li:hover{background-color: #ff6700;}
#competitiveness li:hover h4{color:#fff;}
#competitiveness li:hover p{color:#fff;}
#zzry{width: 100%; padding: 40px 0px;}
#zzry h3{font-size: 21px; font-weight: 700; color:#fff; background: url(../images/htopic.png) left center no-repeat; padding-left: 30px; line-height: 42px;}
.honor{display: block; width: 100%; margin-top: 30px; margin-bottom: 50px;}
.honor ul{display: block; width: 100%;}
.honor ul::after{content: ''; display: block; clear: both;}
.honor ul li{float: left; display: block; width: 18%; margin-right: 2.5%; border:1px solid #ccc;}
.honor ul li a{display: block; width: 100%; height: 0px; padding-bottom: 100%; position: relative; overflow: hidden;}
.honor ul li a img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.honor ul li:hover{border:1px solid #ff6700;}
.honor ul li:hover a img{transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.honor ul li:nth-of-type(5){margin-right: 0;}

#cfsb{width: 100%; padding: 40px 0px; background-color: #f1f1f1;}
#cfsb h3{font-size: 21px; font-weight: 700; color:#fff; background: url(../images/htopic.png) left center no-repeat; padding-left: 30px; line-height: 42px;}
.equipmentWrap{width: 100%;}
.equipmentWrap #equipment{overflow: hidden;}
.equipmentWrap #equipment .outlineitem1 { float: left; margin: 4px; border: none; box-sizing: content-box; overflow: hidden; position: relative;  }
.equipmentWrap #equipment .outlineitem1 img { display: block; width: auto; height: 100%; border:5px solid #fff; filter: grayscale(1) blur(.5px); transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.equipmentWrap #equipment .outlineitem1 img:hover{ filter: grayscale(0) blur(0px);transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.equipmentWrap #equipment .outlineitem1 .over { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 4px 6px; font-size: 13px; color: #fff; background: #ffb52f; background: rgba(255,181,47,.8); }

/*download page*/
.downdiv{width: 100%; padding: 30px 0 70px;}
.cateroriesObj{width: 100%; padding: 15px; background-color: #ededed; margin-bottom: 30px;}
.cateroriesObj h4{font-size: 1.8rem; color:#333; line-height: 2em;}
.cateroriesObj p{font-size: 1.2rem; color:#333;}
.coverpic{width: 75%; margin-top: 35px; margin-bottom: 20px;}
.coverpic img{width: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.downlaodBtn{margin: 0; margin-bottom: 20px;}
.downlaodBtn a{display:block; width: 130px; height: 42px; font-size: 1.3rem; font-weight: 700; background-color: #311100; color:#fff; text-align: center; border-radius: 25px; line-height: 40px;}
.downlaodBtn a:hover{background-color: #151515;color:#00ffff;}

.f5f5f5{width: 100%; background-color: #f5f5f5;}
.subnav{width: 100%; background-color: #fff;}
.subHeadTopic{width: 100%; background-color: #ccc; color:#311100; padding: 10px 15px; cursor: pointer; display: none; font-weight: 700;}
.subHeadTopic span{float: right;}
#subnav{width: 100%;}
#subnav ul{margin: 18px 0;}
#subnav ul::after{content: ''; display: block; clear: both;}
#subnav ul li{ float: left; list-style: none; margin-right: 6px; margin-bottom: 6px;}
#subnav ul li a{ display: inline-block; padding: 5px 12px; font-size: 14px; color: #fff; background-color: rgba(0,0,0,0.3); border-radius: 4px;}
#subnav ul li a.thisclass, #subnav ul li a:hover{background-color: #f60; color:#fff; }

.productdiv{width: 100%; padding-bottom: 100px;}
.productList{width: 100%; margin: 30px auto; min-height: 100px;}
.productListItem{width:23.5%; margin-right: 1.986%; margin-bottom: 30px; float: left; border-bottom:1px solid #f60;}
.productListItem:nth-of-type(4n){margin-right: 0;}
.productListPic{width: 100%; padding: 20px; background-color: #fff;}
.productListPic a{display: block; width: 100%; height: 0px; padding-bottom: 100%; position: relative; overflow: hidden;}
.productListPic a img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.productListTxt{padding: 10px 15px; text-align: center; background-color: #fff;}
.productListTxt a{text-align: center; font-size: 1.4rem; color:#311100; display: block; width: 100%; height: 42px; overflow: hidden;}

.productListItem:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.6);}
.productListItem:hover .productListPic a img{transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.productListItem:hover .productListTxt a{font-size: 1.3rem; font-weight: bold;}

.productDetails{width: 100%; padding: 15px 30px; background-color: #fff; margin-top: 20px;}
.detailLeft{width: 40%; float: left;}
.leftbigpic{width: 100%; height: 0px; padding-bottom: 100%; background-color: #fff;  border: 1px solid #ccc;  position: relative;  margin: 0 auto; overflow: hidden;}
.leftbigpic a{display: block; width: 100%; height: 100%; position:absolute; left: 0; top: 0; right: 0; bottom: 0;}
.leftbigpic a img{width: 100%; height:auto;}
.leftbigpic a:hover img{ transform:scale(1.14); -ms-transform:scale(1.14); -moz-transform:scale(1.14); -webkit-transform:scale(1.14); -o-transform:scale(1.14);}
.detailLeft ul{display: block; margin-top: 10px;}
.detailLeft ul li { list-style: none; display: inline-block; margin-right: 7px; margin-bottom: 10px;}
.detailLeft ul li a {display: table-cell; width: 80px; height: 80px; overflow: hidden;  border: 1px solid #ccc; vertical-align: middle;}
.detailLeft ul li a img { display: block; max-width: 100%; width: 100%;}
.detailLeft ul li a:hover{border: 1px solid #ff6700;}
.detailRight{width: 50%; float: right;}
.detailRight h2{padding: 30px 0; font-size: 3.0rem; color:#311100; font-weight: 700;}
.detailRight blockquote{background-color: #f0f0f0; border-color: #ff6700; font-size: 1.6rem;}
.detailRight p{font-size: 1.5rem; display: block; background-color: #fff; padding: 15px; line-height: 2;}
.detailRight p span{font-weight: bold; color:#999; display: inline-block; width:90px; margin-right: 6px;}
.hottel{border-top:1px solid #ff6700; border-bottom:1px solid #ff6700; font-family: Arial; font-size: 2.4rem; font-weight: 700; padding: 7px 0 7px 15px; background-color: #fff;}
.salesBtn{margin-top: 40px;}
.salesBtn a{display: inline-block; margin-right: 20px; margin-bottom: 20px; padding: 12px 35px; font-size: 1.4rem; color:#fff; background-color: #ff6700; border-radius: 5px; vertical-align: middle;}
.salesBtn a:hover{background-color: #151515; color:#00ffff;}
.salesBtn a i{font-size: 28px; margin-right: 6px; vertical-align: middle;}
.detailContainer{clear: both; margin: 0 auto; width: 100%;}
.productFeatures{padding-bottom: 45px; background-color: #fff;}
.productFeatures h3{background-color: #f0f0f0; padding:10px 0 10px 30px; font-size: 2.4rem; font-weight: 700; color:#311100; border-left:5px solid #ff6700; margin-bottom: 20px;}
.productFeaturesWrap h1, .productFeaturesWrap h2, .productFeaturesWrap h3, .productFeaturesWrap h4, .productFeaturesWrap h5, .productFeaturesWrap h6{margin-top: 20px; margin-bottom: 10px; font-weight: 700;}
.productFeaturesWrap, .productFeaturesWrap div, .productFeaturesWrap p, .productFeaturesWrap span, .productFeaturesWrap a{font-size: 1.4rem; color:#311100;}
.productFeaturesWrap{margin: 0 auto; background-color: #fff; padding-left: 30px; padding-right: 30px;}
.productFeaturesWrap img{max-width: 100%; margin: auto; text-align: center;}
.productSpecifications{padding-bottom: 45px; background-color: #fff;}
.productSpecifications h3{background-color: #f0f0f0; padding:10px 0 10px 30px; font-size: 2.4rem; font-weight: 700; color:#311100; border-left:5px solid #ff6700; margin-bottom: 20px;}
.productSpecificationsWrap h1, .productSpecificationsWrap h2, .productSpecificationsWrap h3, .productSpecificationsWrap h4, .productSpecificationsWrap h5, .productSpecificationsWrap h6{margin-top: 20px; margin-bottom: 10px; font-weight: 700;}
.productSpecificationsWrap, .productSpecificationsWrap div, .productSpecificationsWrap p, .productSpecificationsWrap span, .productSpecificationsWrap a{font-size: 1.4rem; color:#311100;}
.productSpecificationsWrap{margin: 0 auto; text-align: center; padding-left: 30px; padding-right: 30px;}
.productSpecificationsWrap img{max-width: 100%; height: auto!important; margin:10px auto; text-align: center;}
.productSpecificationsWrap table{width: 100%; border-collapse: collapse;}
.productSpecificationsWrap table tr th, .productSpecificationsWrap table tr td{border:1px solid #311100; padding: 8px; background-color: #fff; text-align: center;}
.productApplications{padding-bottom: 45px; background-color: #fff;}
.productApplications h3{background-color: #f0f0f0; padding:10px 0 10px 30px; font-size: 2.4rem; font-weight: 700; color:#311100; border-left:5px solid #ff6700; margin-bottom: 20px;}
.productApplicationsWrap h1, .productApplicationsWrap h2, .productApplicationsWrap h3, .productApplicationsWrap h4, .productApplicationsWrap h5, .productApplicationsWrap h6{margin-top: 20px; margin-bottom: 10px; font-weight: 700;}
.productApplicationsWrap, .productApplicationsWrap div, .productApplicationsWrap p, .productApplicationsWrap span, .productApplicationsWrap a{font-size: 1.4rem; color:#311100;}
.productApplicationsWrap{margin: 0 auto; padding-left: 30px; padding-right: 30px;}
.productApplicationsWrap img{max-width: 100%; height: auto!important; margin:10px auto; text-align: center;}
.relatedArticles{padding-bottom: 45px; background-color: #fff; min-height: 250px;}
.relatedArticles h3{background-color: #f0f0f0; padding:10px 0 10px 30px; font-size: 2.4rem; font-weight: 700; color:#311100; border-top:1px solid #ff6700; border-bottom:1px solid #ff6700; margin-bottom: 20px;}
.relatedArticles ul{padding-left: 30px; padding-right: 30px;}
.relatedArticles ul li{line-height: 36px; font-size: 1.4rem; display: block; border-bottom:1px dashed #cccccc;}
.relatedArticles ul li::before{content: '\f0da'; font-size: 1.2rem; padding-right: 7px;}
.relatedArticles ul li span{float: right; color:#999; font-family: Arial;}
.relatedArticles ul li a{font-size: 1.4rem; color:#311100; display: inline-block;}
.relatedArticles ul li a:hover{color:#ff6700;}
.returnback{margin: 20px auto; text-align: center;}
.returnback a{display: inline-block; padding: 10px 30px; font-size: 1.4rem; background-color: #311100; color:#ef8200; border-radius: 8px;}
.returnback a:hover{background-color: #151515; color:#00ffff;}

.pagediv{clear:both; margin:30px 0px 0px 0px; text-align: center; padding-bottom: 10px;}
.pagediv a {display: inline-block; font-family: Arial; font-size: 15px; width: 48px; height: 48px; padding: 0;  margin: 5px; text-align: center; color: #fff; background-color: #ccc; text-decoration: none; border-radius: 50%; line-height: 48px;}
.pagediv a:hover,.pagediv a:focus{font-family: Arial;font-size: 15px; color: #fff; background-color: #311100;}
.pagediv .current, .pagediv span{font-family: Arial; font-size: 15px; padding:0px; color: #311100; margin: 5px; background-color: #fff;}
.pagediv .pageinfo{display: inline-block; font-family: Arial; font-size: 15px; border: #311100 1px solid; border-radius: 24px; padding:13px 35px; margin: 5px; color: #311100; text-decoration: none; background-color: #fff;}
.pagediv .thisclass{display: inline-block; width: 48px; height: 48px; padding: 0; text-align: center; font-family: Arial; font-size: 15px; color: #fff; margin: 5px; background-color: #311100; border-radius: 50%; line-height: 48px;}
/*products end*/

.case{width: 100%; padding: 10px 0 100px;}
.caseList{width: 100%;}
.caseItem{width: 23%; margin-right: 2.6666%; margin-bottom: 40px; float: left;}
.caseItem:nth-of-type(4n){margin-right: 0;}
.caseItem:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.6);}
.caseItemWrap{width: 100%;}
.caseItemPic{width: 100%; padding: 30px; background-color: #e8e8e8;}
.caseItemPic a{display: block; width: 100%; height: 0px; padding-bottom: 100%; position: relative; overflow: hidden;}
.caseItemPic a img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.caseItemTxt{padding: 0 15px 30px; background-color: #ababab; text-align: center;}
.caseItemTxt a{font-size: 1.6rem; font-weight: 700; color:#fff; padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px; display: box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.caseItemTxt p{font-size: 1.2rem; color:#fff; overflow: hidden;  text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.caseItem:hover .caseItemPic{background-color: #fff;}
.caseItem:hover .caseItemPic a img{transform:scale(1.14); -ms-transform:scale(1.14); -moz-transform:scale(1.14); -webkit-transform:scale(1.14); -o-transform:scale(1.14);}
.caseItem:hover .caseItemTxt{ background-color: #00469b;}

.articlediv{width: 100%;}
.articleListWrap{width: 100%; background-color: #f5f5f5; border:1px solid #fff; margin-bottom: 42px;}
.artclelistcolumn{width: 100%; padding: 42px 3.6666%; }
.artlistContainer{width: 100%; background-color: #fff; margin: 0 auto; text-align: center;}
.artlistinner{width: 72.80%; padding-bottom: 42px; margin: 0 auto;}
.artlistinner h3{padding: 16px 0; text-align: center; font-size: 1.8rem; font-weight: 700; color:#282828;}
.artlistinner ul{display: block; text-align: left; margin-bottom: 20px;}
.artlistinner ul li{padding: 20px 0; border-bottom:1px dotted #ccc;}
.artlistinner ul li a{font-size: 1.4rem; color:#282828; display: inline-block;}
.artlistinner ul li a::before{content: "\f0da"; font-size: 1.4rem; padding-right: 8px;}
.artlistinner ul li a:hover{color:#f60;}
.artlistinner ul li span{float:right; font-size: 1.4rem; color:#999; font-family: Arial;}
.tipdes{width: 100%; border-top:1px dotted #ccc;}
.tipdes p{font-size: 1.2rem; color:#ccc; text-align: center;}
.tipdes p span{padding: 0 10px;}
.artDetails{width: 100%; padding: 25px 0; text-align: left;}
.artDetails div, .artDetails p, .artDetails span, .artDetails i, .artDetails em{ font-size: 1.4rem!important; color: #282828 !important; line-height: 1.8;}
.artDetails img{max-width: 100%; height: auto!important; margin: 5px 0px; margin-bottom: 8px;}
.artDetails table{width: 100%!important;}
.artDetails table{width: 100%; border-collapse: collapse;}
.artDetails table tr th, .artDetails table tr td{border:1px solid #311100; padding: 8px; background-color: #fff; text-align: center;}

.artDetails h1, .artDetails h2, .artDetails h3, .artDetails h4, .artDetails h5, .artDetails h6{color:#000; margin-top: 20px; margin-bottom: 10px;}
.artDetails a{color:#282828; text-decoration: underline;}
.artDetails a:hover{color:#f60; text-decoration: none;}
.prevNextdiv{width: 100%; margin: 25px 0; text-align: center; }
.prevNextdiv a{font-size: 1.4rem; font-weight: bold; color:#282828;padding: 0 15px;}
.prevNextdiv a:nth-of-type(2){color:#f60; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.prevNextdiv a:hover{color:#f60;}

.newsdiv{width: 100%; padding: 50px 0 75px;}
.newsWrap{width: 100%; margin: 0 auto;}
.newslist{width: 100%; margin: 0; padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px;}
.newslist::after{content: ''; display: block; clear: both;}
.newslistLeft{width: 30%; float: left; overflow: hidden;}
.newslistLeft a{display: block; position: relative; width: 100%; height: 0; padding-bottom: 62.5%; margin: 0 auto; overflow: hidden;}
.newslistLeft a img{width: 100%; height: auto!important;}
.newslistLeft a:hover img{transform: scale(1.14); -ms-transform:scale(1.14); -moz-transform:scale(1.14); -webkit-transform:scale(1.14); -o-transform:scale(1.14);}
.newslistRight{width: 70%; padding: 30px 7% 0px; float: right;}
.newslistRight h4{margin-top: 10px; margin-bottom: 10px;}
.newslistRight h4 a{font-size: 1.8rem; color:#311100;}
.newslistRight h4 a:hover{color:#ff6700;}
.newslistRight p{font-size: 1.4rem; color:#999;}
.readBtn{margin-top: 35px;}
.readBtn a{display: inline-block; font-size: 1.4rem; padding: 13px 52px; color: #311100; border: 1px solid #311100; background-color: #fff; border-radius: 27px;}
.readBtn a:hover{color:#fff; background-color: #311100;}

.servicediv{width: 100%; padding-bottom: 100px;}
.serviceItem{width: 100%; padding-bottom: 40px; border-bottom:1px dashed #ccc; margin-bottom: 40px;}
.serviceItem::after{content: ''; display: block; clear: both;}
.serviceItem .serviceItemPic{width: 45%; display: inline-block; float: left;}
.serviceItem .serviceItemPic img{max-width: 100%;}
.serviceItem .serviceItemTxt{width: 45%; display: inline-block; float: right;}
.serviceItem .serviceItemTxt h3{font-size: 3.0rem; font-weight: 700; margin-top: 80px; margin-bottom: 10px;}
.serviceItem .serviceItemTxt p{font-size: 1.6rem;}
.serviceItem:nth-of-type(3){border-bottom: none;}
.serviceItem:nth-of-type(2) .serviceItemPic{ float: right;}
.serviceItem:nth-of-type(2) .serviceItemTxt{ float: left;}

.contactDiv{width: 100%; background-color: #f5f5f5; padding: 30px 100px; margin: 0 auto;}
.contact{width: 100%; background-color:#fff;}
.contactInfo{width: 40%; float: left;}
.contactWrap{width: 100%; padding: 30px;}
.contactWrap h3{font-size: 2.7rem; font-weight: 700; margin: 30px 0 10px;}
.contactWrap p{font-size: 1.4rem; color:#999;}
.contactWrap ul{margin-top: 15px;}
.contactWrap ul li{line-height: 2; font-size: 1.5rem;}
.contactWrap table{width: 100%; border-collapse: collapse;}
.contactWrap table tr td{padding: 10px; text-align: center; border:1px solid #f1f1f1; background-color: #f1f1f1;}
.contactMap{width: 60%; float: left; border:15px solid #fff; border-left:none;}
.contactMap a{display: block; width: 100%; height: 600px; background: url("../images/map.jpg") center center no-repeat;}

.searchTitle{width: 100%; padding-top: 15px; padding-bottom: 15px; background-color: #fff; margin-bottom: 30px;}
.searchTitle h3{font-size: 2.8rem; font-weight: 700;}

.productAlbum{width: 100%; padding: 40px 0 100px; background-color: #333;}
.photoTitle{width: 100%; background-color: #fff; padding: 18px 0; text-align: center;}
.photoTitle h2{color:#311100; font-weight: 700; font-size: 2.8rem; text-align: center; margin: 0 auto; position: relative; z-index: 2;}
.photoTitle h2 span{ display: inline-block; padding: 0 30px; background-color: #fff; position: relative; z-index: 2;}
.photoTitle h2::before{content: ''; width: 100%; height: 1px; background-color: #ccc; font-size: 0; position: absolute; left: 0; top: 50%; z-index: 1;}
.containerAlbum{width: 100%; }
.containerAlbum ul{display: block; width: 100%; margin: 0 auto; font-size: 0px; text-align: center;}
.containerAlbum ul li{display:inline-block; width: 11.5%; margin: 0.5%; padding: 15px; position: relative; background-color:rgb(70, 70, 70); border-radius: 15px; overflow: hidden;}
.containerAlbum ul li em{display: block; width: 100%; height: 0; padding-bottom: 100%; font-style: normal; position: relative; overflow: hidden;}
.containerAlbum ul li em img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; border-radius: 5px;}
.containerAlbum ul li span{display: table; width: 100%; height: 100%; background-color: rgba(18,72,153,0.9);  position: absolute; left: -100%; top: 0;}
.containerAlbum ul li span p{ width: 100%; text-align: center; margin: 0 auto; display: table-cell; vertical-align: middle;}
.containerAlbum ul li span p a{ font-size: 1.2rem; color:#e68017; line-height: 100%;}
.containerAlbum ul li span p a:nth-of-type(2){color:#311100; color:#fff;}
.containerAlbum ul li:hover span{left: 0;}


@media (max-width:767px)
{
	h1{font-size: 2.4rem!important;}
	h2{font-size: 2.1rem!important;}
	h3{font-size: 1.8rem!important;}
	h4{font-size: 1.6rem!important;}
	h5{font-size: 1.5rem!important;}
	h6{font-size: 1.4rem!important;}
	p{font-size: 1.3rem!important;}
	span{font-size: 1.3rem!important;}
	div{font-size: 1.3rem!important;}
	
	.topdiv{width: 100%; height: 50px; padding: 0; position: relative;}
	.logodiv{width: 36%; margin-top: 10px;}
	.logodiv img{max-height: 30px;}
	.searchdiv{width: 50%; float: right; padding-top: 7px;}
	.searchWrap button { right: 9px; font-size: 16px;}
	#mobileNavButton{display: block; margin-top: 8px; margin-right: 15px;}
	
	/* Mobile nva style */
	.m_nav{ display: none; width: 100%; position:absolute; top: 50px; z-index: 6;}
	.m_nav>ul{display: block; width: 100%; margin-bottom: 0; border-top:1px solid #ea2e14; border-bottom:1px solid #ea2e14; background-color: #fff; position:relative; top: 0px; z-index: 3;}
	.m_nav ul{display: block; width: 100%; margin-bottom: 0; position:relative; top: 0px; z-index: 3; background-color: #fff; }
	
	.m_nav ul li{display: block; width: 100%; border-top:1px solid #ececec; text-align: left; overflow: visible; position: relative;}
	.m_nav ul li ul{display: none;}
	.m_nav ul li ul li ul{display: none;}
	
	.m_nav ul li a{display: block; width: 100%; padding: 10px 0px 10px 30px; font-size: 1.5rem; text-transform:uppercase; font-family: "Poppins"; line-height: 1.1; position: relative;}
    .m_nav ul li a i{margin-right: 8px;}

	.m_nav ul li.has_sub{pointer-events: none;}
	.m_nav ul li.has_sub a{padding: 10px 50px 10px 30px; pointer-events:auto;}
	.m_nav ul li.has_sub::after{content: "\f105"; display: block; width: 50px; height: 36px; font-size: 16px; font-family: FontAwesome; color:#fff; background-color: #ccc; text-align: center;  position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; pointer-events:auto; line-height: 36px;}
	.m_nav ul li.has_sub.on::after{content: "\f107";}
	.m_nav ul li ul{padding-left:30px;}
    .m_nav ul li ul li a::before{content: "\f0da"; font-size: 14px; font-family: FontAwesome; color:#000; position: absolute; left: 16px; top: 10px;}
	.m_nav ul li ul li ul{padding-left:30px;}
	.m_nav ul li ul li.has_sub{pointer-events: none;}
	.m_nav ul li ul li.has_sub a{padding: 10px 50px 10px 40px; pointer-events:auto;}
	.m_nav ul li ul li.has_sub::after{content: "\f105"; display: block; width: 50px; height: 36px; font-size: 16px; font-family: FontAwesome; color:#fff; background-color: #ccc; text-align: center;  position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; pointer-events:auto; line-height: 36px;}
	.m_nav ul li ul li.has_sub.on::after{content: "\f107";}
	
	.productProcess{width: 100%; margin: 0 auto; padding: 30px 0;}
	.ppleft{width: 100%; margin-bottom: 15px;}
	.ppleftwrap { width: 100%; padding-left: 15px; padding-right: 15px;}
	.ppleftwrap p{line-height: 1.45;}
	.ppleftwrap a { display: block; width: 180px; height: 36px; margin-top: 10px; font-size: 1.4rem; text-align: center; color: #fff; background: #ea2e14;  text-transform: uppercase; border-radius: 4px; padding-left: 0px; line-height: 36px;}
	.ppright{width: 100%;}
	.ppright_pic1 {display: none; width: 92%; margin-left: 4%; margin-right: 4%; margin-bottom:5px; float:none; position: relative; border-radius: 0px; box-shadow:none; border: none; overflow: hidden;}
	.ppright_pic2 { width: 92%; margin-left: 4%; margin-right: 4%;float: none; position: relative; border-radius: 0; box-shadow: none; border: none; border-right: none; overflow: hidden;}
	.ppright_pic2 p{text-align: center; padding-left: 0;}
	.advantage { width: 100%; padding: 30px 0;}
	.advantage h2 { margin-bottom: 30px; }
	.advantageItemContainer ul li { display: inline-block; width: 48%; margin-left: 0%; margin-right: 4%; margin-bottom: 15px;}
	.advantageItemContainer ul li:nth-child(2n) { margin-right: 0%;}
	.advantageItemContainer ul li a { display: block; width: 100%; height: 0; padding-bottom: 140%; background-color: #fff; position: relative; overflow: hidden;}
	.advantageItemContainer ul li a b { line-height: 1.2;}
	.advantageItemContainer ul li a span img {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 70%; max-height: 70%; margin: auto;}
	.productcategories{padding: 30px 0;}
	.productcategories em { margin: 0px 0 20px;}
	.productcategoriesItem { width: 100%; display: block; background-color: #e7e7e7; padding: 30px 15px;}
	.productcategoriesItem li{width: 48%; margin-left: 0%; margin-right: 4%; margin-bottom: 20px;}
	.productcategoriesItem li:nth-child(2n) { margin-right: 0%;}
	.productcategoriesItem li b { margin-top: 15px;}
	
	.topproduct { width: 100%; padding-bottom: 30px; margin: 0 auto;}
	.toproductwrap {width: 100%; padding: 0 15px; margin: 0 auto;}
	.toproductwrap h2 { margin-top: 0px; margin-bottom: 20px;}
	.toproductwrap h2 a {display: block; font-size: 2.1rem; color: #fff; padding: 10px 30px 10px 20px; background-color: #194e87; text-transform: uppercase; border-radius: 0 42px 42px 0;}
	.toproductwrap ul li { display: block; float: left; width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.toproductwrap ul li:nth-child(3n) { margin-right: 4%;}
	.toproductwrap ul li:nth-child(2n) { margin-right: 0%;}
	.toproductwrap ul li .tppic { width: 100%; padding: 5px; box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
	.toproductwrap ul li .tptxt { padding-top: 10px; padding-bottom: 10px; margin: 0 auto; text-align: center;}
	.toproductwrap ul li .tptxt a {font-size: 1.5rem;}
	.iabout { width: 100%; padding: 0px 0 30px;  background: url(../images/amodul-bg.jpg) center top repeat-y; background: #fff;}
	.iaboutAdornment{display: none;}
	.iaboutCon { width: 100%; float: left; position: relative;}
	.iaboutCon h2 { margin-top: 20px; margin-bottom: 15px; padding: 0 15px;}
	.iaboutCon p { width: 100%; padding: 0 15px; line-height: 2;}
	.iaboutCon a { display: block; width: 100px; height: 100px; text-align: center; color: #fff; font-size: 1.6rem; background-color: #ea2e14; border-radius: 50%; position: absolute;
    left: 55%; top: 20%; line-height: 100px;}
	.footer { width: 100%; padding-top: 30px;}
	.footerUp { width: 100%; display: block; padding: 0 15px; margin: 0px auto 15px; font-family: Arial;}
	.module1 { display: block; width: 100%; vertical-align: top; text-align: left;}
	.module1 span { margin-right: 0px; vertical-align: top;}
	.hotline {display: block; margin-top: 20px; padding-left: 45px; position: relative; vertical-align: middle;}
	.hotline::before {top: 5px; left: 3px;}
	.hotline strong { font-size: 2.8rem;}
	.module2 { display: block; width: 100%; vertical-align: top; text-align: left; margin-top: 20px;}
	.mailaddress { display: block; margin: 0; text-align: center; padding: 0 0px;}
	.mailaddress li { padding-left: 47px; margin-bottom: 10px; position: relative;}
	.mailaddress li:nth-of-type(1)::before {content: '\f0e0'; font-family: 'FontAwesome'; font-size: 24px; color: #39679d; position: absolute; left: 6px; top: -8px;}
	.mailaddress li:nth-of-type(2)::before {content: '\f041'; font-family: 'FontAwesome'; font-size: 36px; color: #39679d; position: absolute; left: 7px; top: 0px;}
	.module3 { display: block; width: 100%; vertical-align: top; text-align: center;margin-top: 20px;}
	.modu3c { width: 100%; margin: 0 auto;}
	.footerCopyright p { display: block; width: 100%; padding: 0 15px; margin: 0 auto; font-size: 1.4rem; color: #fff; font-family: 'Poppins';}
	
	.innerbanner{overflow: hidden;}
	.innerbanner img { width: 100%; height: auto;}
	.location {width:100%; height: auto; border-radius: 0; position:static; transform:none; font-size: 1.2rem; color: #000;background-color: #ededed; font-family: 'f820'; line-height: normal; padding: 15px 0;}
	.location a { font-size: 1.2rem; color: #000; font-family: 'f820';}
	.innerbanner h1 { font-size: 2.0rem!important; top: 23%;}
	.panel-heading { padding: 13px 15px;  background-color: #ea2e14!important;}
	h4.panel-title > a{font-size: 1.5rem;}
	.companyinfo { width: 100%; display: block; padding: 15px; margin: 0px auto 0px;}
	.companypic { display: block; width: 100%; vertical-align: middle; overflow: hidden;}
	.companytxt { display: block; width: 100%; padding: 30px 15px; vertical-align: middle; background-color: #f8f8f8;}
	.companyAlbum { width: 100%; margin: 0px auto; padding: 30px 15px; background: #f1f1f1;}
	.companyAlbumCon { width: 100%; margin: 0px auto;}
	.companyAlbumCon h2 { margin-bottom: 15px; text-transform: uppercase; color: #000;}
	.companyAlbumCon blockquote { font-size: 1.2rem; padding: 0 15px; font-family: "Poppins"; color: #666; margin-bottom: 35px; border-color: #ea2e14;}
	.companyAlbumCon ul li {display:block; width:100%; float: left; position: relative; margin-right: 0%; margin-bottom: 15px; border: 1px solid #fff; background-color: #fff; padding: 5px;}
	
	.productdiv{background-color: #f5f5f5; padding-bottom: 30px;}
	.con73{width: 100%;}
	.productlist ul li{width:49%; margin-right: 2%; margin-bottom: 15px;}
	.productlist ul li:nth-child(3n){margin-right: 2%;}
	.productlist ul li:nth-child(2n){margin-right: 0%;}
	.productlist ul li h3 a{font-size: 1.6rem;}
	
	.productdetails {
		width: 100%;
		margin-top: 0px;
		padding: 0 15px;
		position: relative;
	}
	.productUpleft {
		width: 100%;
		padding-right: 0px;
		float: left;
	}
	.productBigPic {
		text-align: center;
		/*box-shadow: 0 0 1px rgb(0 0 0);*/
		position: relative;
	}
	.productBigPic a {
		display: block;
		/*padding: 15px;*/
	}
	.productUpright {
		width: 100%;
		overflow: hidden;
		float: left;
	}
	.productUpright h2 {
		font-family: 'Poppins-Bold';
		text-transform: uppercase;
		font-weight: 700;
		color: #383838;
		padding: 10px 0px;
		line-height: 35px;
	}
	.productUpright ul li {
		font-family: 'Poppins';
		font-size: 1.5rem;
		color: #383838;
		line-height: 40px;
	}
	.productUpright p.descp{font-size: 1.3rem!important;}
	.productUpright p.callnow{margin-top: 0px;}
	.productUpright p.callnow span {
		font-size: 1.8rem!important;
	}
	.tabbox .tab a {
		display: block;
		width: 32%;
		padding: 10px 0px;
		margin-right: 1%;
		float: left;
		font-size: 1.4rem;
		border-radius: 4px 4px 0 0;
		text-align: center;
	}
	.tabbox .content {
		padding: 20px 5px;
		min-height: 300px;
		background-color: #fafafa;
	}
	
	.servicecontent {
		margin-top: 15px;
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right:15px;
		padding-bottom: 30px;
		border-bottom: 1px dotted #ccc;
	}
	.servicecontent:last-child {
		border-bottom: none;
		padding-bottom: 10px;
	}
	.servicecontent dl::after{content: ''; display: block; clear: both;}
	.servicecontent dl dd {
		float: none;
		width: 100%;
	}
	.servicecontent dl dt {
		float: none;
		width: 100%;
		padding-left: 0%;
		padding-right: 0%;
		box-sizing: border-box;
		background-color: #fff;
	}
	.servicecontent dl dt h3 {line-height: normal;}
	.servicecontent dl dt p {
		/*font-family: 'f820';*/
		font-size: 1.4rem!important;
		font-weight: normal;
		color: #9a9a9a;
		line-height: 150%;
	}
	.servicecontent dl dt p a {font-size: 1.4rem;}
	.servicecontent ul {
		margin-top: 5px;
	}
	.servicecontent ul li {
		float: left;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.servicecontent dl {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		margin-bottom: 30px;
	}
	.servicecontent dl dd, .servicecontent dl dt{display: block;}
	.servicecontent dl.ser_dl_03 dd {
		float: none;
	}
	.serviceDetail {
		width: 100%;
		min-height: 350px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 50px;
		margin: 0 auto;
	}
	.serviceDetail h2#top {
		font-family: "Poppins-Bold";
		text-align: left;
		padding: 0px;
		padding-bottom: 15px;
		line-height: normal;
	}
	.serviceDetail h1, .serviceDetail h2, .serviceDetail h3, .serviceDetail h4, .serviceDetail h5{line-height: 1.2;}
	.serviceDetail strong{color:#151515;}
	.serviceDetail a.goa {
		display: block;
		text-align: center;
		color: #fff;
		font-size: 16px;
		margin: 0 auto;
	}
	.joincontent {
		width: 100%;
		height: auto;
		padding: 20px 15px 20px 15px;
		margin: 0;
		font-family: 'Poppins';
	}
	.joincontent img#topic {
		float: none;
		margin-right: 0px;
		margin-bottom: 30px;
		max-width: 100%;
	}
	.contactcontent {
		width: 100%;
		margin: 0 auto;
		padding: 20px 15px;
	}
	.contactcontent h2{text-align: left;}
	.contactcontent p { margin-bottom: 20px;}
	.contactModel { background-color: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 20px 15px; width: 100%; margin-right: 0;}

	.scrollsidebar{display: none;}
	.modelLeft {
		float:none;
		width: 100%;
	}
	.modelLeftItem {
		margin-right: 0%;
		margin-bottom: 30px;
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}
	.modelLeftItem:nth-of-type(2n){}
	.modelRight {
		float: none;
		width: 100%;
		text-align: center;
	}
	.modelRight ul {
		display: block;
		padding-left: 0%;
		padding-top: 20px;
		border-left: none;
		border-top: 1px dotted #ccc;
		text-align: left;
	}
	.copyright {
		border-top: 1px solid #ccc;
		margin-top: 20px;
		padding: 23px 0px;
	}
	.copyright p strong{display: block;}
	.copyright p span {
		margin-left: 0px;
	}
	.copyright p span.sright {
		float: none;
		text-align: left;
	}
	.newsAndService {
		width: 100%;
		background-color: #fff;
		padding: 30px 0;
	}
	.topicTxt {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.topicTxt h3::before{top: 28px;}
	.topicTxt h3 span {
		font-size: 1.8rem!important;
	}
	.topicTxt h3 span small {
		font-size: 1.6rem;
		padding: 0 15px;
	}
	.topicTxt h3::after{display: none;}
	.newsServiceLeft {
		width: 100%;
		float: none;
		padding-right: 0%;
		margin-bottom: 30px;
	}
	.newsServiceLeft ul li {
		margin-bottom: 5px;
	}
	.newsServiceLeft ul li span {
		display: none;		
	}
	.newsServiceLeft ul li a {
		width: 100%;
		height: 48px;
		padding-left: 30px;
		text-align: left;
		font-size: 1.2rem;
		font-weight: bold;
		color: #9c7d67;
		background: url(../images/dot.jpg) 12px center no-repeat rgba(255,103,0,0.15);
		line-height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
		 display: box; 
		 display: -webkit-box; 
		 -webkit-line-clamp: 1;
		 -webkit-box-orient: vertical;
	}
	.newsServiceRight {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.iservice p {
		font-size: 1.2rem!important;
	}
	.icase {
		width: 100%;
		padding: 30px 0 30px;
		background: url(../images/casebg.jpg) center center no-repeat;
		background-size: cover;
	}
	.icaseTopicTxt {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.icaseTopicTxt h3 span {
		font-size: 1.8rem!important;
	}
	.icaseTopicTxt h3 span small {
		font-size: 1.6rem;
		padding: 0 15px;
	}
	.productButton {
		display: inline-block;
		margin: 0 10px;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: #ef8200;
		text-align: center;
		line-height: 48px;
	}
	.index_product_txt p {
		font-size: 1.2rem!important;
	}
	.slideGroup .slideBox {
		box-shadow: none;
	}
	.slideGroup .slideBox ul li .classificationPic {
		float: left;
		width: 100%;
		overflow: hidden;
	}
	.slideGroup .slideBox ul li .iaboutCompany {
		float: left;
		width: 100%;
		padding: 15px 0% 0% 0%;
		min-height: 456px;
	}
	.slideGroup .slideBox ul li .iaboutCompany h3 {
		margin-bottom: 10px;
	}
	.slideGroup .slideBox ul li .iaboutCompany p {
		font-size: 1.2rem!important;
		line-height: 1.5;
		margin-bottom: 35px;
		text-align: justify;
	}
	.slideGroup .slideBox ul li .icompetitiveness {
		float: left;
		width: 100%;
		padding: 15px 0% 0% 0%;
		min-height: 456px;
	}
	.slideGroup .slideBox ul li .icompetitiveness h3 {
		margin-bottom: 10px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li {
		display: block;
		width: 50%;
		float: left;
		background-color: #f60;
		box-shadow: none;
		position: static;
		margin-bottom: 0px;
	}
	
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span {
		font-size: 1.6rem!important;
		color: #fff;
		padding-top: 22px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap {
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		position: relative;
		overflow: hidden;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span img {
		max-width: 36px;
		max-height: 36px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(2) {
		float: right;
		background-color: #311100;
		margin-right: 0px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(4) {
		float: right;
		margin-right: 0px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap p {
		font-size: 1.2rem!important;
		padding: 14px 14px 0;
	}
	.slideGroup .slideBox ul li .iequmentWrap {
		float: left;
		width: 100%;
		padding: 15px 0% 0% 0%;
	}
	.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 {
		width: 100%;
		min-height: 412px;
	}
	.slideGroup .slideBox ul li .nextTxt {
		clear: both;
		position:absolute;
		right: auto;
		left: 0;
		bottom: 17px;
		font-size: 1.6rem!important;
		color: #999;
		text-align: left;
		padding-top: 30px;
		text-decoration: underline;
	}
	.slideGroup .slideBox ul li #aboutLink {
		display: inline-block;
		width: 80%;
		height: 36px;
		text-align: center;
		line-height: 36px;
		color: #fff;
		background-color: #311100;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.slideGroup .slideBox ul li #dsHonorLink {
		display: inline-block;
		width: 80%;
		height: 36px;
		text-align: center;
		line-height: 36px;
		color: #fff;
		background-color: #f60;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.slideGroup .slideBox ul li #aboutCompanyVideo {
		display: inline-block;
		width: 80%;
		height: 36px;
		text-align: center;
		line-height: 36px;
		color: #fff;
		background-color: #00469b;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.slideGroup .sNext {
		position: absolute;
		right: auto;
		bottom: 3px;
		left: 100px;
		z-index: 2;
		font-size: 4.2rem;
		color: rgba(49,17,0,0.5);
	}
	.slideGroup .slideBox ul li .iequmentWrap h3 {
		margin-bottom: 15px;
	}
	.iproductSystem {
		width: 100%;
		background-color: #fff;
		padding: 30px 0;
	}
	.iproductItem {
		width: 48%;
		margin-right: 1.986%;
		margin-bottom: 30px;
		float: left;
	}
	.iproductItem:nth-of-type(2n){margin-right: 0; float: right;}
	.iproductTxt {
		height: 42px;
	}
	.iproductTxt a {
		display: block;
		width: 100%;
		font-size: 1.4rem;
		color: #fff;
		padding-left: 10px;
		line-height: 42px;
	}
	#hxjzl {
		padding: 30px 0 30px;
		margin-top: 50px;
	}
	.hxjzl_topic {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.hxjzl_topic h3 span {
		font-size: 1.8rem!important;
	}
	.hxjzl_topic h3 span small {
		font-size: 1.6rem;
		padding: 0 15px;
	}
	#competitiveness li {
		display: inline-block;
		width: 50%;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#competitiveness li span {
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto;
	}
	#competitiveness li h4 {
		width: 100%;
		font-size: 1.6rem!important;
		color: #fff;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#competitiveness li p {
		color: #fff;
		font-size: 1.2rem!important;
		text-align: left;
		padding: 0 10%;
	}
	#zzry {
		width: 100%;
		padding: 20px 0px 30px;
	}
	.honor {
		display: block;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.honor ul li {
		float: left;
		display: block;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 15px;
		border: 1px solid #ccc;
	}
	.honor ul li:nth-of-type(2n){float: right; margin-right: 0;}
	#cfsb {
		width: 100%;
		padding: 20px 0px 30px;
		background-color: #f1f1f1;
	}
	.productAlbum {
		width: 100%;
		padding: 15px 0 15px;
		background-color: #333;
	}
	.containerAlbum ul li {
		display: inline-block;
		width: 49%;
		margin: 0.5%;
		padding: 15px;
		position: relative;
		background-color: rgb(70, 70, 70);
		border-radius: 15px;
		overflow: hidden;
	}
	.subHeadTopic {
		display: block;
	}
	#subnav{display: none; border-bottom:1px solid #ff6700;}

	.productListItem {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 20px;
		float: left;
		border-bottom: 1px solid #f60;
	}
	.productListItem:nth-of-type(2n){margin-right: 0; float: right;}
	.productListPic {
		width: 100%;
		padding: 10px;
		background-color: #fff;
	}
	.productDetails {
		width: 100%;
		padding: 15px 0px;
		background-color: #fff;
		margin-top: 00px;
	}
	.detailLeft {
		width: 100%;
		float: left;
	}
	.detailRight {
		width: 100%;
		float: left;
	}
	.hottel{font-size: 2.1rem!important;}
	.salesBtn a {padding: 12px 26px;}
	.productFeaturesWrap {
		margin: 0 auto;
		background-color: #fff;
		padding-left: 0px;
		padding-right: 0px;
	}
	.productSpecificationsWrap {
		margin: 0 auto;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}
	.productSpecificationsWrap table{width: 100%!important;}
	.productSpecificationsWrap table tr th, .productSpecificationsWrap table tr td {
		padding: 5px;
	}
	.productApplicationsWrap {
		margin: 0 auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.relatedArticles {
		padding-bottom: 15px;
		background-color: #fff;
		min-height: 20px;
	}
	.relatedArticles ul {
		padding-left: 0px;
		padding-right: 0px;
	}
	.detailRight h2 {
		padding: 10px 0;
		color: #311100;
		font-weight: 700;
		border-top: 1px solid #ff6700;
		border-bottom: 1px solid #ff6700;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.detailRight blockquote {
		background-color: #f0f0f0;
		border-color: #ff6700;
		font-size: 1.4rem;
	}
	.caseItem {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 20px;
		float: left;
	}
	.caseItem:nth-of-type(2n){margin-right: 0; float: right;}
	.caseItemPic {
		width: 100%;
		padding: 10px;
		background-color: #e8e8e8;
	}
	.caseItemTxt {
		padding: 0 10px 10px;
		background-color: #ababab;
		text-align: center;
	}
	.caseItemTxt a{margin-bottom: 0;}
	.caseItemTxt p {
		font-size: 1.2rem!important;
		text-align: left;
	}
	.articleListWrap {
		width: 100%;
		background-color: #fff;
		border: 1px solid #fff;
		margin-bottom: 0px;
	}
	.artclelistcolumn {
		width: 100%;
		padding: 15px 0px;
	}
	.artlistinner {
		width: 100%;
		padding-bottom: 42px;
		margin: 0 auto;
	}
	.tipdes p {
		font-size: 1.2rem!important;
	}
	.tipdes p span{font-size: 1.2rem!important;}
	.tipdes p span:nth-of-type(1){display: none;}
	.artDetails {
		width: 100%;
		padding: 8px 0;
		text-align: left;
	}
	.prevNextdiv a:nth-of-type(2) {
		display: block;
		padding: 6px 0;
		border:1px solid #ccc;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.newsdiv {
		width: 100%;
		padding: 30px 0 30px;
	}
	.newslistLeft {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.newslistRight {
		width: 100%;
		padding: 12px 0% 5px;
		float: right;
	}
	.newslistRight h4 a{font-size: 1.5rem!important;}
	.newslistRight p {
		font-size: 1.2rem!important;
		color: #999;
	}
	.artlistinner h3 {
		padding: 16px 0 6px;
		text-align: left;
		font-size: 1.5rem!important;
		font-weight: 700;
		color: #282828;
		line-height: 1.5;
	}
	.artDetails table tr th, .artDetails table tr td {
		border: 1px solid #311100;
		padding: 5px;
		background-color: #fff;
		text-align: center;
	}
	.serviceItem {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 20px;
	}
	.serviceItem .serviceItemPic {
		width: 100%;
		display: inline-block;
		float: left;
	}
	.serviceItem .serviceItemTxt {
		width: 100%;
		display: inline-block;
		float: right;
	}
	.serviceItem .serviceItemTxt h3 {
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.servicediv {
		width: 100%;
		padding-bottom: 20px;
	}
	.contactDiv {
		width: 100%;
		background-color: #fff;
		padding: 15px 0px;
	}
	.contactInfo {
		width: 100%;
		float: left;
	}
	.contactWrap {
		width: 100%;
		padding: 15px 0;
	}
	.contactMap {
		width: 100%;
		float: left;
		border: none;
		border-left: none;
	}
	.modelRight ul li span{
		font-size: 1.8rem!important;
	}
	.modelRight ul li i{font-size: 2.4rem!important;}
	.searchTitle {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: #fff;
		margin-bottom: 0px;
	}
	.detailLeft ul li {
		list-style: none;
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.iproductSystem .topicTxt h3{text-align: left;}
	.iproductSystem .topicTxt h3 span{text-align: left;}
	.iproductSystem .topicTxt h3 span small{display: none;}
	a#pAlbum {top: 0px;}
}
@media (min-width:768px) and (max-width:1023px)
{
	.scrollsidebar{display: none;}
	.modelLeft {
		float:none;
		width: 100%;
	}
	.topdiv{width: 100%; height: 80px; padding: 0; position: relative;}
	.logodiv{width: 36%; margin-top: 10px;}
	.logodiv img{max-height: 30px;}
	.searchdiv{width: 50%; float: right; padding-top: 20px;}
	.searchWrap button { right: 9px; font-size: 16px;}
	#mobileNavButton{display: block; margin-top: 18px; margin-right: 15px;}
	
	/* Mobile nva style */
	.m_nav{ display: none; width: 100%; position:absolute; top: 80px; z-index: 6;}
	.m_nav>ul{display: block; width: 100%; margin-bottom: 0; border-top:1px solid #ea2e14; border-bottom:1px solid #ea2e14; background-color: #fff; position:relative; top: 0px; z-index: 3;}
	.m_nav ul{display: block; width: 100%; margin-bottom: 0; position:relative; top: 0px; z-index: 3; background-color: #fff; }
	
	.m_nav ul li{display: block; width: 100%; border-top:1px solid #ececec; text-align: left; overflow: visible; position: relative;}
	.m_nav ul li ul{display: none;}
	.m_nav ul li ul li ul{display: none;}
	
	.m_nav ul li a{display: block; width: 100%; padding: 10px 0px 10px 30px; font-size: 1.5rem; text-transform:uppercase; font-family: "Poppins"; line-height: 1.1; position: relative;}
    .m_nav ul li a i{margin-right: 8px;}

	.m_nav ul li.has_sub{pointer-events: none;}
	.m_nav ul li.has_sub a{padding: 10px 50px 10px 30px; pointer-events:auto;}
	.m_nav ul li.has_sub::after{content: "\f105"; display: block; width: 50px; height: 36px; font-size: 16px; font-family: FontAwesome; color:#fff; background-color: #ccc; text-align: center;  position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; pointer-events:auto; line-height: 36px;}
	.m_nav ul li.has_sub.on::after{content: "\f107";}
	.m_nav ul li ul{padding-left:30px;}
    .m_nav ul li ul li a::before{content: "\f0da"; font-size: 14px; font-family: FontAwesome; color:#000; position: absolute; left: 16px; top: 10px;}
	.m_nav ul li ul li ul{padding-left:30px;}
	.m_nav ul li ul li.has_sub{pointer-events: none;}
	.m_nav ul li ul li.has_sub a{padding: 10px 50px 10px 40px; pointer-events:auto;}
	.m_nav ul li ul li.has_sub::after{content: "\f105"; display: block; width: 50px; height: 36px; font-size: 16px; font-family: FontAwesome; color:#fff; background-color: #ccc; text-align: center;  position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; pointer-events:auto; line-height: 36px;}
	.m_nav ul li ul li.has_sub.on::after{content: "\f107";}


	.newsServiceLeft {
		width: 100%;
		float: none;
		padding-right: 0%;
		margin-bottom: 30px;
	}
	.newsServiceLeft ul li {
		margin-bottom: 5px;
	}
	.newsServiceLeft ul li span {
		display: none;		
	}
	.newsServiceLeft ul li a {
		width: 100%;
		height: 48px;
		padding-left: 30px;
		text-align: left;
		font-size: 1.2rem;
		font-weight: bold;
		color: #9c7d67;
		background: url(../images/dot.jpg) 12px center no-repeat rgba(255,103,0,0.15);
		line-height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
		 display: box; 
		 display: -webkit-box; 
		 -webkit-line-clamp: 1;
		 -webkit-box-orient: vertical;
	}
	.newsServiceRight {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.slideGroup .slideBox {
		box-shadow: none;
	}
	.slideGroup .slideBox ul li .classificationPic {
		float: left;
		width: 100%;
		overflow: hidden;
	}
	.slideGroup .slideBox ul li .classificationPic a {
		display: block;
		width: 100%;
		height: 0;
		padding-top: 50%;
		position: relative;
		overflow: hidden;
	}
	.slideGroup .slideBox ul li .classificationPic a img {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: auto!important;
		margin: auto;
	}
	.slideGroup .slideBox ul li .iaboutCompany {
		float: left;
		width: 100%;
		padding: 15px 6.09% 0% 6.09%;
		min-height: 450px;
	}
	.slideGroup .slideBox ul li .iaboutCompany h3 {
		margin-bottom: 10px;
		font-size: 2.8rem!important;
	}
	.slideGroup .slideBox ul li .iaboutCompany p {
		font-size: 1.5rem!important;
		line-height: 1.5;
		margin-bottom: 35px;
		text-align: justify;
	}
	.slideGroup .slideBox ul li .icompetitiveness {
		float: left;
		width: 100%;
		padding: 15px 6.09% 0% 6.09%;
		min-height: 450px;
	}
	.slideGroup .slideBox ul li .icompetitiveness h3 {
		margin-bottom: 10px;
		font-size: 2.8rem!important;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li {
		display: block;
		width: 50%;
		float: left;
		background-color: #f60;
		box-shadow: none;
		position: static;
		margin-bottom: 0px;
	}
	
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span {
		font-size: 2.1rem!important;
		color: #fff;
		padding-top: 22px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap {
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 52%;
		position: relative;
		overflow: hidden;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span img {
		max-width: 36px;
		max-height: 36px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(2) {
		float: right;
		background-color: #311100;
		margin-right: 0px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(4) {
		float: right;
		margin-right: 0px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap p {
		font-size: 1.3rem!important;
		padding: 14px 40px 0;
	}
	.slideGroup .slideBox ul li .iequmentWrap {
		float: left;
		width: 100%;
		padding: 15px 6.090% 0% 6.090%;
	}
	.slideGroup .slideBox ul li .iequmentWrap .iequmentWrap1 {
		width: 100%;
		min-height: 400px;
	}
	.slideGroup .slideBox ul li .nextTxt {
		clear: both;
		position:absolute;
		right: auto;
		left: 43px;
		bottom: 14px;
		font-size: 2.1rem!important;
		color: #999;
		text-align: left;
		padding-top: 30px;
		text-decoration: underline;
	}
	.slideGroup .slideBox ul li #aboutLink {
		display: inline-block;
		width: 40%;
		height: 36px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 36px;
		color: #fff;
		background-color: #311100;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.slideGroup .slideBox ul li #dsHonorLink {
		display: inline-block;
		width: 40%;
		height: 36px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 36px;
		color: #fff;
		background-color: #f60;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.slideGroup .slideBox ul li #aboutCompanyVideo {
		display: inline-block;
		width: 40%;
		height: 36px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 36px;
		color: #fff;
		background-color: #00469b;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.slideGroup .sNext {
		position: absolute;
		right: auto;
		bottom: 10px;
		left: 180px;
		z-index: 2;
		font-size: 4.2rem;
		color: rgba(49,17,0,0.5);
	}
	.slideGroup .slideBox ul li .iequmentWrap h3 {
		margin-bottom: 15px;
		font-size: 2.8rem!important;
	}
	.iproductSystem {
		width: 100%;
		background-color: #fff;
		padding: 30px 0;
	}
	.iproductItem {
		width: 48%;
		margin-right: 1.986%;
		margin-bottom: 30px;
		float: left;
	}
	.iproductItem:nth-of-type(2n){margin-right: 0; float: right;}
	.iproductTxt {
		height: 42px;
	}
	.iproductTxt a {
		display: block;
		width: 100%;
		font-size: 1.4rem;
		color: #fff;
		padding-left: 10px;
		line-height: 42px;
	}
	#hxjzl {
		padding: 30px 0 30px;
		margin-top: 50px;
	}
	.hxjzl_topic {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.hxjzl_topic h3 span {
		font-size: 1.8rem!important;
	}
	.hxjzl_topic h3 span small {
		font-size: 1.6rem;
		padding: 0 15px;
	}
	#competitiveness li {
		display: inline-block;
		width: 50%;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#competitiveness li span {
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto;
	}
	#competitiveness li h4 {
		width: 100%;
		font-size: 1.6rem!important;
		color: #fff;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#competitiveness li p {
		color: #fff;
		font-size: 1.2rem!important;
		text-align: left;
		padding: 0 10%;
	}
	#zzry {
		width: 100%;
		padding: 20px 0px 30px;
	}
	.honor {
		display: block;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.honor ul li {
		float: left;
		display: block;
		width: 31.33%;
		margin-right: 2%;
		margin-bottom: 15px;
		border: 1px solid #ccc;
	}
	.honor ul li:nth-of-type(2n){float: left; margin-right: 2%;}
	.honor ul li:nth-of-type(3n){float: right; margin-right: 0%;}
	#cfsb {
		width: 100%;
		padding: 20px 0px 30px;
		background-color: #f1f1f1;
	}
	.productAlbum {
		width: 100%;
		padding: 15px 0 15px;
		background-color: #333;
	}
	.containerAlbum ul li {
		display: inline-block;
		width: 24%;
		margin: 0.5%;
		padding: 15px;
		position: relative;
		background-color: rgb(70, 70, 70);
		border-radius: 15px;
		overflow: hidden;
	}
	.subHeadTopic {
		display: block;
	}
	#subnav{display: none; border-bottom:1px solid #ff6700;}

	.productListItem {
		width: 31.33%;
		margin-right: 2%;
		margin-bottom: 20px;
		float: left;
		border-bottom: 1px solid #f60;
	}
	.productListItem:nth-of-type(2n){margin-right: 2%; float: left;}
	.productListItem:nth-of-type(3n){margin-right: 0%; float: right;}
	.productListPic {
		width: 100%;
		padding: 10px;
		background-color: #fff;
	}
	.productDetails {
		width: 100%;
		padding: 15px 0px;
		background-color: #fff;
		margin-top: 00px;
	}
	.detailLeft {
		width: 42%;
		float: left;
	}
	.detailRight {
		width: 54%;
		float: right;
	}
	.hottel{font-size: 2.1rem!important;}
	.salesBtn a {padding: 12px 26px;}
	.productFeaturesWrap {
		margin: 0 auto;
		background-color: #fff;
		padding-left: 0px;
		padding-right: 0px;
	}
	.productSpecificationsWrap {
		margin: 0 auto;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}
	.productSpecificationsWrap table{width: 100%!important;}
	.productSpecificationsWrap table tr th, .productSpecificationsWrap table tr td {
		padding: 5px;
	}
	.productApplicationsWrap {
		margin: 0 auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.relatedArticles {
		padding-bottom: 15px;
		background-color: #fff;
		min-height: 20px;
	}
	.relatedArticles ul {
		padding-left: 0px;
		padding-right: 0px;
	}
	.detailRight h2 {
		padding: 0px 0;
		color: #311100;
		font-weight: 700;
		border-top: none;
		border-bottom: none;
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 2.4rem;
	}
	.detailRight blockquote {
		background-color: #f0f0f0;
		border-color: #ff6700;
		font-size: 1.4rem;
	}
	.caseItem {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
		float: left;
	}
	.caseItem:nth-of-type(2n){margin-right: 2%; float: left;}
	.caseItem:nth-of-type(3n){margin-right: 0; float: right;}
	.caseItemPic {
		width: 100%;
		padding: 10px;
		background-color: #e8e8e8;
	}
	.caseItemTxt {
		padding: 0 10px 10px;
		background-color: #ababab;
		text-align: center;
	}
	.caseItemTxt a{margin-bottom: 0;}
	.caseItemTxt p {
		font-size: 1.2rem!important;
		text-align: left;
	}
	.articleListWrap {
		width: 100%;
		background-color: #fff;
		border: 1px solid #fff;
		margin-bottom: 0px;
	}
	.artclelistcolumn {
		width: 100%;
		padding: 15px 0px;
	}
	.artlistinner {
		width: 100%;
		padding-bottom: 42px;
		margin: 0 auto;
	}
	.tipdes p {
		font-size: 1.2rem!important;
	}
	.tipdes p span{font-size: 1.2rem!important;}
	.tipdes p span:nth-of-type(1){display: none;}
	.artDetails {
		width: 100%;
		padding: 8px 0;
		text-align: left;
	}
	.prevNextdiv a:nth-of-type(2) {
		display: block;
		padding: 6px 0;
		border:1px solid #ccc;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.newsdiv {
		width: 100%;
		padding: 30px 0 30px;
	}
	.newslistLeft {
		width: 30%;
		float: left;
		overflow: hidden;
	}
	.newslistRight {
		width: 70%;
		padding: 0px 7% 0px;
		float: right;
	}
	.newslistRight h4 a{font-size: 1.5rem!important;}
	.newslistRight p {
		font-size: 1.2rem!important;
		color: #999;
	}
	.artlistinner h3 {
		padding: 16px 0 6px;
		text-align: center;
		font-size: 1.5rem!important;
		font-weight: 700;
		color: #282828;
		line-height: 1.5;
	}
	.artDetails table tr th, .artDetails table tr td {
		border: 1px solid #311100;
		padding: 5px;
		background-color: #fff;
		text-align: center;
	}
	.serviceItem {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 20px;
	}
	.serviceItem .serviceItemPic {
		width: 45%;
		display: inline-block;
		float: left;
	}
	.serviceItem .serviceItemTxt {
		width: 50%;
		display: inline-block;
		float: right;
	}
	.serviceItem .serviceItemTxt h3 {
		font-weight: 700;
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 2.4rem;
	}
	.servicediv {
		width: 100%;
		padding-bottom: 20px;
	}
	.contactDiv {
		width: 100%;
		background-color: #fff;
		padding: 15px 0px;
	}
	.contactInfo {
		width: 100%;
		float: left;
	}
	.contactWrap {
		width: 100%;
		padding: 15px 0;
		text-align: center;
	}
	.contactMap {
		width: 100%;
		float: left;
		border: none;
		border-left: none;
	}
	.modelRight ul li span{
		font-size: 1.8rem!important;
	}
	.modelRight ul li i{font-size: 2.4rem!important;}
	.searchTitle {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: #fff;
		margin-bottom: 0px;
	}
	.detailLeft ul li {
		list-style: none;
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.iproductSystem .topicTxt h3{text-align: left;}
	.iproductSystem .topicTxt h3 span{text-align: left;}
	.iproductSystem .topicTxt h3 span small{display: none;}
	a#pAlbum {top: 0px;}

	.iabout {
		width: 100%;
		padding: 25px 0 30px;
		background: #f1f1f1;
		background-size: contain;
	}
	.modelRight {
		float: left;
		width: 100%;
		text-align: left;
	}
	.modelRight ul {
		display: block;
		padding-left: 0%;
		border-left: none;
		border-top: 1px solid #ccc;
		padding-top: 20px;
		text-align: left;
	}
}
@media (min-width:1024px) and (max-width:1366px)
{
	.contactDiv {
		width: 100%;
		background-color: #f5f5f5;
		padding: 30px 0px;
		margin: 0 auto;
	}
	.contactInfo {
		width: 42%;
		float: left;
	}
	.contactMap {
		width: 58%;
		float: left;
		border: 15px solid #fff;
		border-left: none;
	}
	.slideGroup .slideBox ul li .nextTxt {
		bottom: 3.66%;
	}
	.slideGroup .sNext {
		bottom: 0%;
	}
	.slideGroup .slideBox ul li .iaboutCompany p {
		margin-bottom: 30px;
	}
	.slideGroup .slideBox ul li .icompetitiveness h3 {
		margin-bottom: 20px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li {
		display: block;
		width: 44.96%;
	}
	
	.slideGroup .slideBox ul li .icompetitiveness ol li:nth-of-type(2n) {
		float: right;
		/*background-color: #311100;*/
		margin-right: 0px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span {
		display: block;
		margin: 0 auto;
		text-align: center;
		font-size: 2.4rem;
		color: #fff;
		padding-top: 12px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap p {
		font-size: 1.2rem;
		color: #fff;
		padding: 14px 10px 0;
		text-align: justify;
	}
}
@media (width:1024px)
{
	.slideGroup .slideBox ul li .iaboutCompany {
		float: left;
		width: 54.64%;
		padding: 40px 6.09% 0% 6.09%;
	}
	.slideGroup .slideBox ul li .iaboutCompany h3 {
		font-size: 3.0rem;
		color: #311100;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.slideGroup .slideBox ul li .iaboutCompany p {
		font-size: 1.2rem;
		line-height: 1.4;
		margin-bottom: 20px;
		text-align: justify;
	}
	.slideGroup .slideBox ul li .icompetitiveness {
		float: left;
		width: 54.64%;
		padding: 40px 6.09% 0% 6.09%;
	}
	.slideGroup .slideBox ul li .iequmentWrap {
		float: left;
		width: 54.64%;
		padding: 40px 6.09% 0% 6.09%;
	}
	.slideGroup .slideBox ul li .icompetitiveness h3 {
		margin-bottom: 20px;
		font-size: 3.0rem;;
	}
	.slideGroup .slideBox ul li .iequmentWrap h3 {
		font-size: 3.0rem;
		color: #311100;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.iabout {
		width: 100%;
		padding: 142px 0 80px;
		background: url(../images/amodul-bg.jpg) center top no-repeat #f1f1f1;
		background-size: contain;
	}
	.slideGroup .sNext {
		bottom: 0%;
		right: 12px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span img {
		max-width: 36px;
		max-height: 36px;
		vertical-align: middle;
		margin-right: 12px;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span {
		font-size: 1.8rem;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap p {
		padding: 2px 10px 0;
		line-height: 1.2;
	}
	.newsServiceLeft ul li span {
		display: none;
	}
	.newsServiceLeft ul li a
	{
		width: 100%;
		overflow: hidden;
	}
	#competitiveness li span {
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto;
	}
}
@media (min-width:1440px) and (max-width:1768px)
{
	.slideGroup .sNext {
		position: absolute;
		right: 26px;
		bottom: 3%;
		z-index: 2;
		font-size: 4.8rem;
		color: rgba(49,17,0,0.5);
	}
	.slideGroup .slideBox ul li .nextTxt {
		position: absolute;
		right: 6.09%;
		bottom: 6.66%;
		font-size: 1.6rem;
		color: #999;
		text-align: right;
		text-decoration: underline;
	}
	.slideGroup .slideBox ul li .iaboutCompany p {
		font-size: 1.4rem;
		line-height: 1.9;
		margin-bottom: 36px;
		text-align: justify;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap p {
		font-size: 1.2rem;
		color: #fff;
		padding: 5px 6px 0;
		text-align: justify;
	}
	.slideGroup .slideBox ul li .icompetitiveness ol li .icompetitivenessWrap span {
		padding-top: 15px;
	}
}
