@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 12px/24px  Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
@font-face {
    font-family: Almarai-Bold;
    src: url("../ar/font/Almarai-Light.ttf") /*换字体引入不同的字体文件就好了*/
}
html, body{ height: 100%; width: 100%;}
a{color: #808080;text-decoration: none;}
a:hover{color: #025f32;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px  Arial, Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pr4{padding-right: 40px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.pl4{padding-left: 40px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 16px; font-weight: 600;}
.bs{ background-color: #fff;}
@media (min-width: 1200px) {
    .container{ width: 1240px; } 
    .ix-number.container{width: 1200px; padding: 0px;}
}
.container{ padding-right: 20px; padding-left: 20px;} 
.row { margin-right: -20px; margin-left: -20px;}  
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 20px; padding-left: 20px;}
    
/*===============================字体==========================*/
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1562808578923'); /* IE9 */
  src: url('../font/iconfont.eot?t=1562808578923#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPQAAsAAAAACBgAAAODAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKgqDNIJ4ATYCJAMUCwwABCAFhG0HVBsIB8gOJSHZwMAAAABgPHw/9u3cZ6vSdpNoU5++aUNSpItmEqREokNo1qjiken/MqdtoxSAdUQlZIPsuAFlFOUI+UdvQn7xL/9zuLRpCczftlzmGlbUCzAOKKC9ad9t4TuQA/NzIN66zNMEek0bz+msrKYF3BTGpEDc11QB3FJ6paY0dAutZGURr8FZd3qpuwHglf/78Q+Swo2kZsbM8+tSGQp+Bn9aiGY7ZkOPiwDBeFZw68hYAQpxt9R+CYXxFUivkq23BXSb/RM/Qz5lflrocDCqkBbuJdmtV+8e/vGyRDRGcT84QqLwM9hmEfwM4ZcpMqGVoViIhIR7WkkvBnEXeMPAzeiRNFnu7Q9L01NwaB3Tu7QnYlfHQGuHJHS1tLW3trS21/kvP20KhIw7ic6CpFcuPMAPHwZvety+91HLnNPLTs4+sfSUIukH2tudW5r9we+B3NKu2pe0e+0/EabbcnKE76HTkWjO2GmKTEDcI2qe7GbmDvlaOGHVMJODjC/v0gpiN4KDb/o4/cmLHWu69dsmmxetNP9PaikoXmOaOBn8/peHNQ/o/Px0MYsOD1mMFx8ev/tMfWOUW/H0AwsX2hbXYq/UrHlzYxflTMqbnLP417BhSw5bB02ovkqHX7WAY3bB7NOO/PzY/v5YWnLaGXj69eszu5M9znis7p7t10QMhfSvATNcTV92w+tbSNxuYA1vwv4wGaBzEX1GuzjvI3qLygHI7xE6n9ALFPEb/8aHHc/O9fvm/HHzLOBLzXEd/J2Lev34/0LQWvDTBC2biioyDLXI9TZfDlQLfosz8Y/UHbhHvRpH+HL4rrPbRAxJlynIus0gC3YFqj5r0HQ7hF7Lytf3GcMgUXqwZAGBMOwIJIPeQTbsJrJgX0I16Sc0w4Gg10UE7thnLjSPYkYETmQsTsGaRC2KZeIeQWkTUe0mgSVFPr6NMJsWwolxCdlUObEQNsYc20Q1iXMFK4yacRk5j5hMFFsZHSQSjzNwbs2Kj1fK3ihOombwcIohBBwhw0RTYBoJZaG47TmP3M83IVR2JgJW01Bhb0MwNlr3WKI4CS2Q5XJLq4ZrucVmIlUSjlNgCoYyw8qIlTCZcQqzlg8bREi4OIYeUass8VQrpa08bn6l+Rl3QC9jzxopcpSo0XTd1SzqFMHiKvs0k4jmp9IDptopFzSbgdqnEEQmWwEAAA==') format('woff2'),
  url('../font/iconfont.woff?t=1562808578923') format('woff'),
  url('../font/iconfont.ttf?t=1562808578923') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../font/iconfont.svg?t=1562808578923#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: deadends;
    src: url('../font/FRABK.TTF');
}
.iconfont { font-family: "iconfont" !important; font-size: 60px; color:#025f32; font-style: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-jingyan:before {content: "\e615";}
.icon-dingwei:before { content: "\e686";}
.icon-gongzuotaishouye:before {  content: "\e639";}
.icon-exp:before {content: "\e616";}


/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease-in-out;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(../images/xs.png) no-repeat center center; background-color: rgba(0, 0, 0, 0.5);}
.db_xs:hover{ background-color: #025f32;}
/*顶部*/
.ix-header{ top: 0;z-index:2; left: 0; right: 0; height: 80px;  transition: all 0.36s ease-in-out; position: fixed; }


.ix-logo {position: absolute; left:0; right: 0; text-align: center; z-index:-1;}
.ix-logo img{ padding-top: 20px; margin: 0px auto; }
.ix-nav>ul>li{float: left; line-height: 80px;  padding-left: 28px;} 
.ix-nav>ul>li:nth-child(1){ padding-left: 0px;}
.ix-nav>ul>li>a{ font-size: 14px; position: relative; display: block; transition: all 0.36s ease-in-out; color: #fff;}
.ix-nav ul li span{ font-size: 14px; position: relative; display: block; transition: all 0.36s ease-in-out; color: #fff;}
.ix-nav>ul>li>a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease-in-out; left: 0; background: #fff;}
.ix-nav>ul>li>a:hover{ color:#fff;}
.ix-nav>ul>li>a:hover::after{ width: 100%;}
.ix-nav>ul>li>a.select{ color: #fff;}
.ix-nav>ul>li>a.select::after{  width: 100%;}
.ix-header.active{ background: #025f32;}
.ix-header.active>.ix-nav>ul>li>a::after{ background: #fff;}
.ix-header.active>.ix-nav>ul>li>a:hover{ color:#fff;}
.ix-header.active>.ix-nav>ul>li>a.select{ color: #fff;}


.ix-order {
    line-height: 80px;
    position: fixed;
    right: 26px;
    width: 60px;
}
.ix-order a{color: #fff; position: relative;  line-height: 80px; display: inline-block;}
.ix-order a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease-in-out; left: 0; background: #fff;}
.ix-order a:hover::after{ width: 100%;}
.ix-order .ix-swa-tp{ cursor: pointer; display: inline-block;}
.uyesx.active {
    border: solid 1px #025f32;
    background-color: #fff !important;
}
.hbbwe.active {
    border-bottom: solid 1px #025f32;
    border-top: solid 1px #025f32;
    border-right: solid 1px #025f32;
} 
/*搜索*/
.ix-sea {
    position: absolute;
    top: 20px;
    height: 40px;
    right: 120px;
    width: 200px;
    z-index: 999;
    visibility: hidden;
    transition: all 0.46s ease-in;
    font-size: 14px;
    opacity: 1;
    visibility: visible;
}
    .ix-sea input {
        height: 40px;
        background-color: rgba(255, 255, 255, 0.42);
        color: #333;
        border: none;
        outline: none;
        padding: 0px 15px;
        width: 140px;
        font-size: 14px;
        vertical-align: top;
    }
.urrhf {
    color: #fff;
    line-height: 80px;
    display: inline-block;
    font-family: Almarai-Bold;
}
.ix-sea button {
    background-color: #fff;
    border: none;
    height: 40px;
    width: 60px;
    line-height: 40px;
    vertical-align: top;
}
/*.ix-order .ix-swa-tp:hover .ix-sea {
    visibility: visible;
    opacity: 1;
    right:80px;
    top: 20px;
}*/

.ix-order a img{
    margin-right:5px;
}

.ix-sea input::-webkit-input-placeholder { /*Webkit browsers*/
    color: #333;
    font-size: 14px;
}
.ix-sea input:-moz-placeholder{/*Mozilla Firefox 4 to 8*/ color:#333;font-size:14px;}
.ix-sea input::moz-placeholder{/*Mozilla Firefox 19+*/color:#333;font-size:14px;}
.ix-sea input:-ms-input-placeholder{/*Internet Explorer 10+*/ color:#333;font-size:14px;}

/*导航二级*/
.ix-nav-2{opacity: 0; visibility: hidden; position: absolute; top:80px; left:0; width: 100%; background:url(../images/nav_bj.jpg)repeat center center; background-size: 100%; transition: all 0.36s ease-in;} 
.ix-nav-2 ul{ padding: 40px 0px;}
.ix-nav-2 ul li{ width: calc(25% - 0px); float: left; padding: 0px 0px; text-align: center; line-height: 200%; padding:0px 40px;}
.ix-nav-2 ul li a{ text-align: center; display: block; line-height: 200%; font-size:14px;} 
.ix-nav-2 ul li h1{ font-size:20px; color:#666; height:20px; font-weight: normal;}
.ix-nav-2 ul li h2{ font-size:18px; color:#666; padding-top: 40px; padding-bottom: 30px;}
.ix-nav-2 ul li img{ max-width: 100%;}
.ix-nav-2 ul li p{ line-height: 200%; padding-top: 20px; text-align: left; font-size:18px;}


.ix-nav ul li:hover .ix-nav-2{ opacity: 1; visibility: visible;}

/*手机导航*/
.ix-m-logo{ float: left; max-width: 80%; line-height: 60px;}
.ix-m-logo a{ display: inline-block;}
.ix-m-logo img{ max-height: 40px; max-width: 100%; display: inline-block;}
.ix-m-head{ position: relative; height: 60px; display: none; background-color: #025f32;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #fff; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:240px; height:100%; background:#fafafa; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; overflow-y:scroll;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; min-height:49px; border-bottom:1px solid #ebebeb;}
.leftcontrol ul li a { display:block; overflow:hidden; color:#666; padding:0 20px; height:49px; line-height:49px; font-size:15px;  }
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { border: #d8d8d8 1px solid;border-radius: 5px;width: 8px;height: 8px; background-color: transparent;margin-right: 15px; position: relative; top: 1px; }
.leftcontrol ul.subnav { overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background: #f2f2f2; }
.leftcontrol ul.subnav li{ border-bottom:solid 1px #e5e5e5;}
.leftcontrol ul.subnav li:nth-last-child(1){ border:none;}
.leftcontrol ul.subnav li a { font-size:13px; }
.leftcontrol ul.subnav li a i { margin-right: 20px; font-size:16px; } 
.leftcontrol ul.subnav li.active a { background: #555;color: #fff; }
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }

.leftcontrol ul li.active a.hassub { background: #025f32; color:#fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:18px; cursor:pointer; opacity: 0.8;}

.nav-bg { display: none;; background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
.nav-bg.open{opacity: 1; z-index: 11; display: block;}

/*banner*/
.ix-banner{width:100%;height:100%;  z-index: 1;}
.ix-banner.swiper-container{ margin-top: 0px;}

.ix-banner .sw-rir{  width: calc(100% - 80px); padding-left:80px;padding-top: 10%; color:#fff}
.ix-banner .sw-rir .h1{ font-size:33px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; line-height: 160%;}
.ix-banner .swiper-slide img{ display: block;  margin:0px auto;}
.ix-banner .swiper-slide.swiper-slide-active .bt1{animation-delay: 0.6s; animation-name: fadeInDown;}
.ix-banner .swiper-slide.swiper-slide-active .bt2{animation-delay: 0.6s; animation-name: fadeInUp;}
/*m-banner*/
.ix-m-banner{ display: none;}
.ix-m-banner img{ max-width: 100%;}

/*关于我们*/
.ix-about .ia-a1{ width: 50%; float: left; }
.ix-about .ia-a2{ width: 50%; float: right; position: relative;}
 .ia-img{ position: relative; overflow: hidden;}
 .ia-img img.abc{ position: absolute; left:0; right: 0; top:0; bottom:0; max-width: 100%; max-height: 100%; margin: auto; text-align: center;}
 .ia-img img{ max-width: 100%; transition: all 0.36s ease-in;}

 .ia-img.zsy-dtp::after{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background-color: rgba(255, 255, 255, 0.3); content: ''; transition: all 0.36s ease-in-out;}
    .ia-img.zsy-dtp:hover img.abc {
        transform: scale(1.08);
    }
.ia-img:hover::after{ height: 100%; transform: scale(1.08); background: none;}
.ix-about .ia-tit{position: absolute;  left:40px; top:50%; margin-top: -130px; right: 40px;  z-index:1; }
.ix-about .ia-tit h1{ font-size: 24px; color:#666; text-transform: uppercase; font-weight: normal; padding-bottom: 20px; }
.ix-about .ia-tit p{ font-size: 16px; color:#666;line-height: 200%; }
.ix-about .ia-tit a{ text-align: center; width: 200px; height: 40px; line-height: 40px; background-color: #025f32; border-radius: 4px; display: block; font-size: 16px; text-transform: uppercase; color:#fff; transition: all 0.36s ease-in;}
.ix-about .ia-tit a:hover{ background-color: #014524;}
.ix-about .ia-tit .ia-tit-text{ height: 150px; margin-bottom: 30px; overflow: hidden;}
/*图片通用*/
.zsy-img{ position: relative; overflow: hidden;}
.zsy-img img.abc{ position: absolute; left:0; right: 0; top:0; bottom:0; max-width: 100%; max-height: 100%; margin: auto; text-align: center; transition: all 0.36s ease-in-out;}
.zsy-img img{ max-width: 100%;}
.zsy-img:hover img{ transform: scale(1.08);}
/*产品*/
.ix-pro-list{ padding-bottom: 40px;}
.ix-pro-list .ipl-tit{ text-align: center;height:43px;}
.ix-pro-list .ipl-tit h1{ font-size: 18px; color:#666; font-weight: normal; padding-top: 15px; padding-bottom: 10px; transition: all 0.36s ease-in;}
.ix-pro-list .ipl-tit p{ font-size: 14px; color:#999}
.ix-pro-list a:hover .ipl-tit h1{ color:#025f32;}

/*中间baner*/
.zj-banner.swiper-container img{ max-width: 100%; }
.zj-banner .swiper-pagination-bullet{  width: 10px; height: 10px; background: #fff;}
.zj-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{  width: 10px; height: 10px; background: #025f32}
/*通用标题*/
.ix-head{ text-align: center;}
.ix-head h1{ font-size:24px; color:#333; font-weight: normal; text-transform: uppercase;}
.ix-head p{ font-size:14px; color:#666; padding-top: 15px;}

/*新闻列表*/
.in-tit h1{ font-size: 18px; color:#333;text-align:center; line-height: 120%; font-weight: normal; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 15px; padding-bottom: 5px; transition: all 0.36s ease-in;}
.in-tit p {
    font-size: 14px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
}
.ix-news .row a:hover .in-tit h1{ color: #025f32;}
.ix-news .row a:nth-child(1){ padding-bottom: 20px; display: block;}
/*底部*/
.ix-footer{ background: #025f32;}
.ix-foot-logo{ text-align: center; }
.ix-foot-logo img{ margin: 0px auto;}

#firstpane {text-align: center; color:#fff; }
#firstpane  .menu_head{ font-size: 16px;  padding-bottom: 30px;}
#firstpane  .menu_head p{ padding-bottom: 15px;}
#firstpane .menu_body ul li a{color:#fff; font-size: 14px; line-height: 200%; display: block; }
.ix-foot-copy{ text-align: center; color:#fff; padding: 15px 0px; border-top:solid 1px #1c6f47; font-size: 14px;}


/*分享*/
.if-foot-fx{ padding-bottom: 8px;}
.if-foot-fx a{ display: inline-block; padding: 0px 3px; opacity: 0.8;}
.if-foot-fx a:hover{ opacity: 1;}


/*二维码*/
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#025f32; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover1 dl a:hover { background:#014524;}
.popover1 dl img{ width: 200px; height: 200px;}


.popover2{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover2 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover2 dl a { width:100px; height:36px; line-height:36px; background:#025f32; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover2 dl a:hover { background:#014524;}
.popover2 dl img{ width: 200px; height: 200px;}

@media(max-width:1920px){
  .container-fluid{ padding-left: 80px; padding-right: 80px;}
}
@media (max-width: 1800px) {
  .container-fluid{ padding-left: 30px; padding-right: 30px;}
}
@media(max-width:1500px){
  .ix-logo{ /*position: initial;*/ float: left; /*padding-left: 30px;*/}
  .ix-banner .sw-rir{width: calc(108% - 0px); padding-left: 120px; padding-right: 58%;}
  .ix-banner .sw-rir h1{ font-size: 30px;}
}

@media (max-width: 1080px) {
  /*通用*/
  .wp1380{ width: initial;}
  .ix-header{ display: none;}
  .ix-head-1 h1{font-size:22px;}
  .ix-m-head{ display: block;}
  .ix-banner{ display: none;}
  .ix-m-banner{ display: block;}
    .nugjkt {
        width: 100% !important;
        float: left;
    }
    .uynkgh {
        width: 100% !important;
        float: left;
    }
    .unkte{
        height:500px!important;
    }
    .utnkdw{
        height:220px!important;
    }
    .mhkoyu {
        float:left;
    }
    .ix-m-banner .banner-video video {
        position: relative!important;
        width: 100%!important;
    }
}
@media (max-width: 780px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 10px;padding-left: 10px;}
  .container { padding-right: 10px; padding-left: 10px;} 
  .row {margin-right: -10px;margin-left: -10px;}
 
  .ix-about .ia-tit .ia-tit-text{ height: 135px; margin-bottom: 20px; overflow: hidden;}

    /*火箭*/
    .db_xs{ right:20px;}
  }
@media (max-width: 640px) {
  /*通用*/
  .pt10{ padding-top: 40px;} 
  .pb10{ padding-bottom: 40px;}
  .pt8{ padding-top: 40px;}
  .pb8{ padding-bottom: 40px;}
  .pb9{ padding-bottom: 40px;}
  .pt6{ padding-top: 30px;}
  .pb6{ padding-bottom: 30px;}
  .container { padding-right: 20px; padding-left: 20px;}
  .container-fluid{padding-right: 20px; padding-left: 20px; }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{    padding-right: 10px; padding-left: 10px;}

  /*关于我们*/
.ix-about .ia-a1{ width: 100%; float: left; }
.ix-about .ia-a2{ width: 100%; float: left; position: relative;}
.ix-about .ia-tit h1{ padding-bottom: 10px;}
.ix-about .ia-tit p{ font-size: 14px;}
.ix-about .ia-tit{ left:20px; right: 20px; margin-top: -115px;}
.ix-about .ia-tit a{ width: 150px; font-size: 13px;}

/*产品*/
.ix-pro-list{ padding-bottom: 20px;}
.ix-pro.pb4{ padding-bottom: 20px;}
.ix-pro-list .ipl-tit h1{ font-size: 16px; padding-bottom:5px;}
.ix-pro .row.pt4{ padding-top: 0px;}

.ix-pro .ix-pro-list .ipl-img{margin: 0px -20px;}

/* 新闻 */
.ix-news.pb8{ padding-bottom: 20px;}
.ix-news .ix-head.pb4 { padding-bottom: 20px;}
.ix-news-pro.pb4{ padding-bottom: 20px;}
.in-tit h1{ font-size: 16px;}

/*中间轮播*/
.zj-banner  .swiper-pagination-bullets{ bottom: 0;}

  /*底部*/
  #firstpane .menu_head p{ display: none;}
  #firstpane .menu_head{padding-bottom: 10px; padding-top: 10px; background-color: rgba(0, 0, 0, 0.1); margin-bottom: 10px;}
  #firstpane.pt6{ padding-top: 30px;}
  #firstpane.pb6{ padding-bottom: 20px;}
  #firstpane .menu_body{ display: none; padding-bottom: 10px;}

  .menu_head{ position: relative;}
.menu_head::after{content: ''; background: url(../images/xx.png) no-repeat center center; width: 16px; height: 16px; background-size: 16px; font-family: "宋体"; position: absolute; right: 20px; top: 15px; font-size: 20px; font-weight: bold; }

 .ix-foot-copy{ border-top: none; padding-top: 0px;}

}
.uongo {
    color: rgb(216, 216, 216);
    font-family: cambria;
    font-weight: 400;
    font-size: 24px;
    opacity: 1;
    height: 30px;
    line-height: 30px;
}
.muohkt {
    font-family: cambria;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 40px;
    opacity: 1;
    margin-bottom: 17px;
}
.nbuto {
    /*font-family: deadends;*/
    color: rgb(186, 186, 186);
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
    line-height: 20px;
    text-transform: none;
}
.mkgout {
  margin-top:30px;
}
.unfogw {
    font-family: Karla;
    text-transform: uppercase;
    font-size: 14px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px;
    padding: 6px 20px 6px 20px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: inherit;
}
.unfogw:hover{
    background:#fff;
    color:#000000;
}
.uohne p{
    width:100%;
    float:left;
}
.muohktbu {
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
}


/*手机端轮播图文字*/
.urytfjo {
    position: absolute;
    width: 60%;
    top: 6%;
    left: 10%;
}
.urytfjo p{
        float:left;
}
.kounbhk {
     width: 100%;
     color: rgb(216, 216, 216);
     font-family: cambria;
     font-weight: 400;
     opacity: 1;
     font-size: 14px;
     line-height: 20px;
}
.nbgfrt {
    width: 100%;
    font-family: cambria;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 16px;
    opacity: 1;
    margin-bottom: 5px;
}
.mkohutx {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial;
    color:#fff;
    margin-bottom:5px;
}
.mkohutr {
    width: 100%;
    font-family: deadends;
    color: rgb(186, 186, 186);
    font-weight: 400;
    font-size: 10px;
    opacity: 1;
    line-height: 12px;
    margin-bottom:10px;
}
.mkoguts{
    width:100%;
}
.unfogwou {
    font-family: Karla;
    text-transform: uppercase;
    font-size: 12px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px;
    padding: 4px 10px 4px 10px;
    text-align: center;
    font-weight: inherit;
}


/*筛选样式*/
.utnkdw {
    width: 100%;
    background: #025f32;
    height:200px;
    margin-bottom: 20px;
    padding: 10px 0px 20px 0px;
}
.khmit {
    width: 100%;
    color: #fff;
    font-size:15px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.utnkdw select {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 20px;
    height: 30px;
}
.mghut {
    width: 100%;
    text-align:center;
}
    .mghut button{
        width:60px;
        margin-top:18px;
    }
.filter-box-1 li a::before{
    display:none;
}
.filter-box-1 ul li {
    height: unset !important;
    line-height: unset !important;
    margin-bottom: 8px!important;
}
    .filter-box-1 ul li:hover {
        background: #f5f5f5!important;
    }

        .filter-box-1 ul li:hover a {
             color: #333333!important;
            
        }
.pg-box p img{
    width:100%;
}


/*User Guide样式*/
.mhkoyu {
    width: 100%;
    padding: 20px 0px 10px 0px;
    background: #5F5E5C;
    margin-bottom: 20px;
}

.mlhoyd {
    width: 90%;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    background: #f5f5f5;
    margin-left: 5%;
    margin-right: 5%;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
}
.mhkoyu :hover .mlhoyd {
    background: #025f32;
    color: #fff;
}

.kuytor {
    width: calc((100% - 91px)/4);
    padding: 0px 10px;
    margin-left: 10px;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background: #f5f5f5;
    margin-top: 20px;
    display: inline-block;
}
.pg-box :hover .kuytor {
    background: #025f32;
    color: #fff;
}

.ullkhn{
    width:24px;
    height:24px;
    margin-right:6px;
}





/*可输入搜索可选择并跳转的下拉框样式*/

.nice-select input {
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 1.8em;
    font-size: 1em;
    border: 1px solid #999999;
    background-position: 96% 50%;
    padding: 0 30px 0 10px;
    border-radius: .3em;
    position: absolute;
    line-height: 40px;
    height: 40px;
    background: #fff;
}

.icon-filter-arrow {
    width: 8px;
    height: 6px;
    background-repeat: no-repeat;
    background-image: url(../images/icon_arrow_down_x2.png);
    background-size: 100%;
    right: 10px;
    top: 18px;
    transition: all .2s;
    position: absolute;
}

ul {
    list-style: none;
}

.nice-select {
    position: relative;
    width: 90%;
    float: left;
    height: 40px;
    margin-left: 5%;
    margin-right: 5%;
    color: #999;
}

    .nice-select ul {
        display: none;
        border: 1px solid #d5d5d5;
        width: 100%;
        height: 300px;
        background-color: pink;
        position: absolute;
        top: 40px;
        overflow: hidden;
        background-color: #fff;
        overflow-y: auto;
        border-top: 0;
        z-index: 10001;
    }

        .nice-select ul li {
            height: 40px!important;
            line-height: 40px!important;
            overflow: hidden;
            padding: 0 10px;
            cursor: pointer;
            border-top: 1px solid #d5d5d5;
            margin-bottom:0px!important;
        }


.nice-select ul li.on {
    background-color: #e0e0e0;
}

.title {
    text-align: center;
    padding: 10px 0;
}
.nice-select ul li a::before {
    top: 12px !important;
}


/*第2个下拉框的样式*/
.nice-select2 input {
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 1.8em;
    font-size: 1em;
    border: 1px solid #999999;
    background-position: 96% 50%;
    padding: 0 30px 0 10px;
    border-radius: .3em;
    position: absolute;
    line-height: 40px;
    height: 40px;
    background: #fff;
}
.nice-select2 {
    position: relative;
    width: 90%;
    float: left;
    height: 40px;
    margin-left: 5%;
    margin-right: 5%;
    color: #999;
}

    .nice-select2 ul {
        display: none;
        border: 1px solid #d5d5d5;
        width: 100%;
        height: 300px;
        background-color: pink;
        position: absolute;
        top: 40px;
        overflow: hidden;
        background-color: #fff;
        overflow-y: auto;
        border-top: 0;
        z-index: 9999;
    }

        .nice-select2 ul li {
            height: 40px !important;
            line-height: 40px !important;
            overflow: hidden;
            padding: 0 10px;
            cursor: pointer;
            border-top: 1px solid #d5d5d5;
            margin-bottom: 0px !important;
        }
            .nice-select2 ul li.on {
                background-color: #e0e0e0;
            }
.nice-select2 ul li a::before {
    top: 12px !important;
}