@charset "utf-8";
html, body{font: 15px Microsoft YaHei, Arial, Helvetica, sans-serif!important;color: #333;margin: 0;padding: 0;border: 0;vertical-align: baseline;list-style-type: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
header, menu, nav, main,footer,section,article {display: block;}/*初始化html5标签*/
html{overflow-y: overlay;/*悬浮滚动条*/}
*{margin: 0;padding: 0;list-style-type: none;outline: none;}
li{list-style-type: none;margin: 0;padding: 0;}
a {outline: none;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color: #fe0;text-decoration: none;}
a:active{color: #333;text-decoration: none;}
u,i{font-family: Arial, Helvetica, sans-serif;text-decoration: none;font-style: normal;}
h1,h2,h3,h4,h5,h6{font-style: normal;font-weight: normal;}
img: -moz-broken{-moz-force-broken-image-icon: 1;/*火狐图片占位 */} 
img{border: 0;behavior: url("../iepngfix.html");}
.con{width: 100%;max-width: 1200px;height: auto;*height: auto!important;_height: auto;overflow: hidden;margin: 0 auto;}
.con2{width: 100%;max-width: 1140px;height: auto;*height: auto!important;_height: auto;overflow: hidden;margin: 0 auto;}
.con3{width:100%; max-width:1335px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;}
.con4{width:100%; max-width:1600px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;}
.content{min-height: 200px;height: auto;*height: auto!important;_height: auto;line-height: 2;font-size: 16px;}
.content p{margin: 0px;padding: 0px;}
.content img{max-width: 100%;vertical-align: bottom;}
.content table{border-collapse: collapse;border: 1px solid #ccc;}
.content table td{padding: 0 5px;}
.content video{width: 100%;max-width: 640px;}
.line{border-bottom: 1px #313131 solid;height: 1px;margin: 30px 0;display: block;}
.m120{margin-top: 120px;}
.m50{margin-top: 50px;}
.m30{margin-top: 30px;}
.b50{margin-bottom: 50px;}
.b120{margin-bottom: 120px;}
#bg{background: #F4F4F4;}

/*header*/
header{width: 100%;height: 80px;color: #fff;background: rgba(0,0,0,1);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#000);position: fixed;z-index: 999!important;box-shadow: 0 5px 10px -5px rgba(34,34,34,.1);}
header .logo {width: 15%;float: left;margin: 5px 0 0 0;}
header .logo img{height: 70px;display: inline-block;float: left;}
header .logo .biao{font-size: 15px;color: #999;float: left;margin: 30px 0 0 15px;}
.menu_box{max-width: 1600px;height: 80px;margin: 0 auto;}
.mright{position: absolute;right: 20px;margin: 35px 0 0 0;width: 200px;height: 25px;display: none;}
.ico-menu{width: 28px;height: 25px;float: right;}
.ico-home{width: 31px;height: 25px;float: right;margin: 0 10px 0 0;}
.ico-buy{width: 31px;height: 25px;float: right;margin: 0 20px 0 0;}
.cd-menu-icon {display: none;width: 25px;height: 22px;background: url(../menu.html);display: inline-block;}
.cd-menu-icon2 {display: none;width: 25px;height: 22px;background: url(../home.html);}

header nav{float: left;width: 80%;height: 80px;margin: 0 0 0 5%;display: block;}
header nav ul{margin: 0px 0 0 0;float: right;}

/*--menu--*/
.menu_div a{height: 30px;color: #fd0!important;}
#cd_menu li{float: left;margin: 0 5px;padding: 25px 0;line-height: 30px;}
#cd_menu li span a{border: 0px #666 solid;display: block;font-size: 16px;color: #fff;text-align: center;text-decoration: none;padding: 0 20px;}
#cd_menu li span a:visited{}
#cd_menu li span a:hover{height: 30px;color: #fd0;}
#cd_menu li:hover .sv, .menu_div .sv{background: url(../png/uew_icon.png) no-repeat right -75px;}

@media (max-width: 1600px) {
.menu_box{margin: 0 10px;}
}
@media (max-width: 1370px) {
header nav{width: 80%;margin: 0 0 0 0%;}
#cd_menu li{margin: 0 5px;}
#cd_menu li span a{padding: 0 15px;}
}
@media (max-width: 1200px) {
header .logo {width: 15%;float: left;}
#cd_menu li span a{padding: 0 15px;}
}
@media (max-width: 1023px) {
header{height: 50px;}
header nav{display: none;}
.menu_box{margin: 0 0px;}
header .logo .biao{display: none;}
header .logo{margin: 5px 0 0 10px;}
header .logo img{height: 40px;}
}
/*header end*/

.lang{float: left;margin-left: 40px;width: 50px;line-height: 24px;}
.lang span{display: block;height: 24px;margin: 28px 0;background: #fd0;color: #000;text-align: center;}
.lang span:hover{background: #fff;}

/*layui*/
.layui-col-space40{margin: -20px -20px}
.layui-col-space40>*{padding: 20px 20px}
/*layui end*/

/*xia-menu*/
#p30,#p31,#p32,#p33,#p34{position: absolute;z-index: 10;visibility: hidden;width: 100%;overflow: hidden;background: #242424;margin: 25px 0 0 0;padding: 50px 0 25px 0;left: 0;}
.dropdown .list u{overflow: hidden;display: block;background: #fff;border-radius: 0px;}
.dropdown .list img{width: 100%;max-height: 200px;margin: 0 auto;display: block;}
.dropdown .list h2{font-size: 14px;line-height: 20px;color: #fff;text-align: center;margin-top: 10px;}
.dropdown .list a{color: #999;}
.dropdown .list a:hover{color: #eee;}
.dropdown .more u{position: relative;display: block;width: 100%;height: 165px;background: #3a3a3a;}
.dropdown .more lable{font-size: 18px; position: absolute;
    position:absolute;
    top:50%; left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
  }

/*dropdown浮动*/
#cd_menu li:hover .dropdown{
  animation:mymove .5s;
  animation-fill-mode: forwards;
}
@keyframes mymove{
  from {margin-top: 50px;}
  to {margin-top: 0px;}
}

/*About下拉菜单 Style2*/
#p35{position: absolute;z-index: 10;visibility: hidden;width: 100%;height: 450px; left: 0;margin: 25px 0 0 0; 
     background: rgba(0,0,0,0.2);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#000);}
.dorpmenu li{clear: left;font-size: 30px;line-height: 30px!important; width: 100%; text-align: center; padding: 0px!important; margin-bottom: 50px!important;}
.dorpmenu li a{color: #fff;}
.dorpmenu li a:hover{color: #ccc;}
.dorpmenu-close{position: absolute;top: 0px;right: 30%;width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 30px; color: #fff;}
/*xia-menu end*/

/*下拉菜单遮罩层+js（背景变暗）*/
#masklayer{background: #000;position: fixed;left: 0px;top: 0px;width: 100%;filter: alpha(opacity=70);opacity: 0.7;display: none;z-index: 2;}

/* search */
input,textarea,select,button{font-family: inherit;font-size: inherit;font-weight: inherit;outline-style: none;outline-width: 0pt;resize: none;padding: 0;margin: 0;}
#vivo-head{position: relative;width: 100%;}
.search-user b{background: url(../png/vivo-head-ico.png) no-repeat;}
#vivo-head .vivo-nav{width: 100%;height: 80px;margin: auto;position: relative;z-index: 999;}
.vivo-nav .search-user{float: left;width: 36px;height: 36px;margin: 22px 0 22px 80px;}
.search-user a{width: 36px;height: 36px;display: inline-block;margin-left: 15px;position: relative;top: 0px;background: #222;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{background: #333;}
.search-user a b{width: 36px;height: 36px;display: block;position: absolute;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;}
.search-user a.search b{background-position: -3px -45px;}
.search-user a.search:hover b,.search-user a.search.current b{background-position: -3px -45px;}
.search-user a.user b{background-position: -35px 0;}
.search-user a.user b img{width: 36px;height: 36px;}
#vivo-head .vivo-search{height: 80px;width: 100%;background: #242424;position: relative;z-index: 9999;display: none;}
.vivo-search .search-box{width: 700px;height: 40px;position: absolute;top: 20px;left: 50%;margin-left: -350px;background: #666;position: relative;z-index: 9999;
/*-webkit-box-shadow: 0 1px 2px rgb(0,0,0);-moz-box-shadow: 0 1px 2px rgb(0,0,0);-ms-box-shadow: 0 1px 2px rgb(0,0,0);box-shadow: 0 1px 2px rgb(0,0,0);*/}
.vivo-search .search-box input{width: 550px;height: 20px;padding: 10px 20px;font-size: 14px;color: #333;border: none;background: #fff;overflow: hidden;vertical-align: middle;}
.vivo-search .search-box button{width: 110px;height: 40px;overflow: hidden;text-align: center;font-size: 14px;color: #fff;border: none;overflow: hidden;vertical-align: middle;background: #fc0;outline: none;cursor: pointer;-webkit-transition: background .2s ease-in-out;-moz-transition: background .2s ease-in-out;-ms-transition: background .2s ease-in-out;transition: background .2s ease-in-out;}
.vivo-search .search-box button:hover{background: #fa0;}
.vivo-search .search-box button: active{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;box-shadow: 0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width: 24px;height: 24px;position: absolute;top: 38px;right: -40px;background: url(../png/vivo-head-ico.png) -86px 0 no-repeat;}
.vivo-search .search-box a.close:hover{background-position: -86px -25px;}
@media (max-width: 1200px) {
.vivo-nav .search-user{margin: 22px 0 22px 20px;}
}
@media (max-width: 1023px) {
#vivo-head .vivo-nav{height: 50px;}
}
/* search end*/

/*HOME*/
/*home banner*/
.cd_tit{width: 100%;margin: 40px 0;font-size: 36px;text-align: center;}
.banner ul li{max-height: 560px;margin: 0 0 40px 0;overflow: hidden;background: #fff;}

.banner ul li:nth-child(odd) .pic{float: left;width: 65%;overflow: hidden;}
.banner ul li:nth-child(odd) .pics{float: left;width: 35%;text-align: center;}

.banner ul li:nth-child(even) .pic{float: right;width: 65%;overflow: hidden;}
.banner ul li:nth-child(even) .pics{float: left;width: 35%;text-align: center;}

.banner ul li .pic img{width: 100%;}
.banner ul li .pics img{max-width: 280px;margin: 8% auto 10px auto;}
.banner ul li .pics h3{font-size: 20px;}
.banner ul li .pics h3 span{font-size: 15px;color: #666;margin-top: 10px;display: block;}
.pic-but{width: 150px;height: 40px;line-height: 40px;margin: 30px auto;background: #555;color: #fff;font-size: 16px;text-align: center;border-radius: 50px;}
.pic-but:hover{background: #fc0;}

@media (max-width: 1280px) {
.banner ul li .pics img{max-width: 220px;margin: 2% auto 10px auto;} 
}

@media (max-width: 1023px) {
.cd_tit{margin: 20px 0;font-size: 30px;}
.banner ul li{max-height: none;padding: 15px;margin: 0 0 20px 0;}
.banner ul li:nth-child(odd) .pic{float: none;width: 100%;}
.banner ul li:nth-child(odd) .pics{float: none;width: 100%;text-align: center;}

.banner ul li:nth-child(even) .pic{float: none;width: 100%;overflow: hidden;}
.banner ul li:nth-child(even) .pics{float: none;width: 100%;text-align: center;}

.banner ul li .pics img{display: none;}
.banner ul li .pics h3{font-size: 20px;margin-top: 10px;}
.banner ul li .pics h3 span{font-size: 15px;color: #666;margin-top: 5px;display: block;}
.pic-but{width: 120px;height: 30px;line-height: 30px;margin: 15px auto;background: #555;color: #fff;font-size: 15px;border-radius: 50px;}
}

/*home pro*/
.pro_new{margin-bottom: 80px;}
.pro_new img{width: 100%;}
.pro_new .list{height: 680px;overflow: hidden;}
.float1{float: left; width: 35%;} 
.float2{float: left;width: 28.75%;margin: 0 0.625%;}
.float3{float: left;width: 35%;}

.float2 img{height: 680px;}
.float1 span,.float3 span{display: block;height: 335px;overflow: hidden;margin-bottom: 10px;}
.float1 img,.float3 img{height: 335px;}

.float1 span img,.float2 img,.float3 span img{
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  -webkit-transform: scale(1);
  transform: scale(1);}
.float1 span:hover img,.float2:hover img,.float3 span:hover img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@media (max-width: 1600px) {
.pro_new .list{height: auto;}
.float1 span,.float3 span{height: auto;}
.float1 img,.float2 img,.float3 img{height: auto;}
}
@media (max-width: 1360px) {
.float1 span,.float3 span{height: auto;display: block;margin-bottom: 8px;}  
}
@media (max-width: 1023px) {
.float1{float: none; width: 95%;} 
.float2{float: none;width: 95%;margin: 0 0%;}
.float3{float: none;width: 95%;}

.pro_new{margin-bottom: 0px;}
.pro_new .list{height: auto;padding:0 2.5%;}
.float1 span,.float3 span{height: auto;display: block;}
.float1 img,.float2 img,.float3 img{height: auto;}
.float2 span{margin: 0 0 10px 0;display: block;overflow: hidden;}
.float2 img{height: auto;margin-bottom: 0px;}
}
/*HOME end*/

/*f_cd*/
.fbg{width: 100%;height: auto;padding-bottom: 20px;margin: 0px 0 0 0;background-color: #272727;}
.f1,.f2,.f3,.f4,.f5{float: left;width: 15%;margin: 0 1% 0 0;}
.f1_cd,.f2_cd,.f3_cd,.f4_cd,.f5_cd{margin: 30px 0 0 0;line-height: 45px;font-size: 16px;color: #fff;}
.f6{float: right;}
.phone{color: #fff;font-size: 22px;font-family: Arial, Helvetica, sans-serif;}
.mail{color: #fff;font-size: 18px;}
.mail i{margin: 0 5px 0 0;vertical-align: middle;}
.work{font-size: 14px;color: #aaa;}
.f7{float: right;width: 120px;margin: 55px 65px 0 0;}
.f7_cd img{max-width: 120px;}
.f7_cd span{font-size: 12px;line-height: 30px;color: #aaa;text-align: center;display: block;}

.libox{margin: 10px 0 0 0px;}
.libox li{margin: 0 0 10px 0;}
.libox li a{color: #aaa;font-size: 14px;line-height: 22px;} 
.libox li a:hover{text-decoration: underline;}
.all_cd a{color: #fff;} .all_cd a:hover{color: #3C0;text-decoration: underline;}
.link{color: #666; font-size: 12px; margin: 40px auto 0 auto;}
.link a{color: #666; margin-right: 10px;}
/*f_cd end*/

/*footer*/
.footer{width: 100%;height: 70px;line-height: 70px;background-color: #111;}
.footer li{width: 50%;float: left;color: #aaa;}
.fcoy{font-size: 12px;color: #aaa;font-family: Arial, Helvetica, sans-serif;}
.fcoy a{color: #aaa;}
.fmenu {text-align: right;}
.fmenu .icon i{font-size: 25px;line-height: 60px;margin: 0 2px;color: #888;vertical-align: middle;cursor: pointer;}
.fmenu .icon i:hover{color: #fff;}
.fmenu .icon .wx{font-size: 28px;}

.fmenu img{margin: 15px 0 0 0;height: 35px;}
#layer-content{display: none;padding: 15px;text-align: center;line-height: 35px;}
#layer-content img{max-width: 100%;}

@media (max-width: 970px){
.fbg{height: 300px;padding-bottom: 50px;}
.f1,.f2,.f3,.f4{display: none;}
.f6,.f7{float: none;margin: 0 auto;}
.f6{text-align: center;}
.f6 .f4_cd{font-size: 20px;font-weight: 600;}
.f7_cd img{margin-top: 10px;}
.phone{font-size: 28px;font-family: Arial, Helvetica, sans-serif;}
.mail{font-size: 20px;}
.fmenu{display: none;}
.footer{height: 50px;line-height: 50px;}
.footer li{width: 100%;float: none;text-align: center;}
.link{display: none;}
}
@media (max-width: 640px){
.footer{height: 70px;line-height: 22px;display: flex;align-items: center;}
.fcoy span{display: block;}
}
/*footer end*/

/* 纯css3层*/
.modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;right: 0;bottom: 0;left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.modal-window:target {visibility: visible;opacity: 1;pointer-events: auto;}
.modal-window > div {
  /*width: 200px;*/
  position: absolute;
  top: 50%;left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2em;
  background: #fff;
}
.modal-close span{font-size: 30px;line-height: 30px;text-align: center;position: absolute;right: 5px;top: 5px;}
.modal-close:hover {color: #f30;}
#Tiktok{text-align: center;line-height: 30px;}
#Tiktok img{display: block;max-width: 200px;}
/* 纯css3层 end */

/*about*/
.topimg4{width: 100%;padding-top: 28.645833%;background: no-repeat;background-size: cover;background-position: center;min-height: 100px;max-height: 650px;height: auto;*height: auto!important;_height: auto;overflow: hidden;-ms-behavior: url(../backgroundsize.min.html);behavior: url(../backgroundsize.min.html);text-align: left;}
.f1-wrap{margin-bottom: 150px;}
.f1-wrap h3{font-size: 36px;color: #000;text-transform: uppercase;margin:30px 0 30px 0;}
.cdbg{width:100%; height:55px; margin-bottom:30px; background:#F6F6F6; border-bottom:0px #FFF solid;}
.cdbg .navs{margin:10px 0!important;}

@media (max-width: 1200px){
.f1-wrap{margin-bottom: 80px;}
.f1-wrap .content{margin: 0 10px;}
.f1-wrap h3{font-size: 30px;margin:0px 10px 20px 10px;}
.cdbg .navs{margin:10px 10px!important;}
}
/*about end*/

/*products*/
.topimg3{width: 100%;padding-top: 15.625%;background: no-repeat;background-size: cover;background-position: center;min-height: 150px;max-height: 450px;height: auto;*height: auto!important;_height: auto;overflow: hidden;-ms-behavior: url(../backgroundsize.min.html);behavior: url(../backgroundsize.min.html);text-align: left;}

.products .list u{overflow: hidden;display: block;width: 100%;background: #fff;}
.products .list img{max-width: 100%;max-height: 260px;margin: 0 auto; display: block;}
.products .list h2{height: 70px;overflow: hidden;padding-bottom: 20px; font-size: 20px;color: #000;text-align: center;background: #fff;}
.products .list h2 span{display: block;font-size: 14px;color: #888;margin: 10px 0;}
.all u{display: none;}

@media (max-width: 768px){
.products .list{margin: 0 20px;}
}
/*products end*/

/*product-show*/
.full-content{margin-top: 65px;min-height:200px;height:auto;*height:auto!important;_height: auto;line-height:2; font-size:16px;}
.full-content p{margin:0px;padding:0px;}
.full-content img{max-width:100%;vertical-align:bottom;}
/*product-show end*/

/*通用 滚动到顶固定-fixedMenu.js*/
#fixedMenu{width:100%; height:65px; line-height:65px; background:#fff; border-top:0px #f0f0f0 solid; box-shadow: 0 5px 10px -5px rgba(34,34,34,.1); position: absolute;z-index: 10;}
.top-nav{position: fixed; z-index: 999!important; top:0!important; margin-top: 0px!important; color: #f60!important;}

#fixedMenu .fixed-tit{border-top:0px solid #f0f0f0; font-size:16px; height:65px; line-height:65px;}
#fixedMenu .fixed-tit a{float:right; display:block; width:120px; height:35px; margin:15px 0; line-height:35px; font-size:15px; text-align:center;background: #f90; color: #fff; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; cursor:pointer;}
#fixedMenu .fixed-tit a:hover{background: #fa0;}

@media (max-width:1200px){
  #fixedMenu{width:98%; margin: 0 1%;}
  #fixedMenu .fixed-tit{padding:0 10px;}
  #fixedMenu .fixed-tit a{width:100px; margin-right:5px!important;}
}
/*fixedMenu end*/

/*news*/
/*navs menu*/
.navs{margin:40px 0 10px 0;height:35px;}
.navs li{float:left; text-align:center; height:35px; line-height:35px;}
.navs li a, .navs li a:link{padding:0 0px; margin-right:0px; color:#666; text-decoration:none; display:inline-block; /*border-radius:50px; background-color:#666;*/}
.navs .hover{color:#000; text-decoration:none; display:block; /*background-color:#f60;*/}
.navs li a:hover{color: #000;}

/*分隔线*/
.navs li i{margin: 0 15px;}
.navs li:last-of-type i{display: none;}

@media (max-width:768px){
.navs{margin:20px 10px 10px 20px}
.navs li{height:35px; line-height:35px;}
.navs li i{margin: 0 8px;}
}
/*navs menu end*/

.news .list u{width: 100%;display: block;background: #fff;
             overflow: hidden;display: flex;justify-content: center;align-items: center; /*图片居中超出隐藏*/}
.news .list u img{height: 330px;}
.news .list:hover .title h2{color: #000;}
.news .title{height: 80px;overflow: hidden;padding:10px 20px 20px 20px;background: #fff;}
.news .title h2{font-size: 16px; margin-bottom: 10px;}
.news .title p i{margin-right:20px; color: #999;}

/*news-show*/
.show-wrap{background: #fff; padding: 60px; margin-bottom: 100px;}
.close{float: right;font-size: 45px;margin-top: -30px;}
.close:hover{color: #e82166;}
.show_tit{font-size: 30px;color: #000;margin: 20px 0 0 0;padding-bottom: 15px;text-align: center;border-bottom: 1px #999 dashed;}
.show_date{text-align: center; margin: 10px 0 30px 0;}
.show_date i{margin-right: 20px;}
.next_news{line-height:22px; padding:10px 10px 0 10px; margin:50px 0 0 0; border-top:1px #666 dashed; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.next_news span,.next_news a{color:#333;}
.next_news a:hover{text-decoration:underline;}

@media (max-width: 768px){
.news{margin: 0 10px;}
.news .list u img{height: 220px;}
.show-wrap{padding: 15px 15px 50px 15px; margin-bottom: 0px;} 
.show_tit{font-size: 18px;} 
.close{font-size: 30px;margin-top: -50px;} 
}
/*news-show end*/

/*contact*/
.mapbox_01{width:100%; margin:100px 0 0px 0; min-height:300px; height:auto;*height:auto!important;_height: auto;overflow:hidden;display: flex;align-items: center;}
.mapbox_02{width:100%; height:300px; margin:80px 0; padding-top:80px; border-top:1px #eee solid; min-height:300px; height:auto;*height:auto!important;_height: auto;overflow:hidden;display: flex;align-items: center;}
.mlef{float:left; width:45%;}
.mrig{float:left; width:50%; margin-left:5%;}
.mrig li{line-height:40px; font-size:16px;}
.mrig li span{font-size:20px; color:#000;}

@media (max-width:1200px){
.mapbox_01{display: inline-block;margin:7px 0 0px 0;}
.mlef{float:none; width:96%; margin: 0 2%;}
.mrig{float:none; width:96%; margin:20px 2%;}
.mrig li{line-height:30px; font-size:16px;}
}

/*map*/
#container,#container2{width:99.5%; height:320px; border:1px #ddd solid;}
.amap-logo{right:-1000px !important;left:auto !important;display:none;/*去水印*/}
.amap-copyright{right:-1000px !important;left:auto !important;display:none;}
@media (max-height:810px){
#container,#container2{width:100%; height:250px;}
}  
@media (max-width:1000px){
#container,#container2{width:100%; height:200px; margin:0 auto; border:1px #ddd solid;}
}
/*contact end*/

/*Online Service*/
.os-wrap{width: 100%;padding: 80px 0 0 0; margin: 100px 0 0 0;background: #f4f4f4;}
.os-wrap .txt{text-align: center;}
.os-wrap .txt h2{display: block; font-size: 36px;color: #000;}
.os-wrap .layui-row{margin: 50px 0 150px 0;}
.os-wrap .list{display: block;background: #fff;padding: 80px 50px;}
.os-wrap .list i{float: left;width: 70px;height: 70px;color: #fff;margin:5px 15px 0 0;border-radius: 12px; display:flex;align-items:center;justify-content:center;}
.os-wrap .list .i1{background: #23bfae;font-size: 40px;}
.os-wrap .list .i2{background: #0096ff;font-size: 30px;}
.os-wrap .list .i3{background: #f60;font-size: 40px;}
.os-wrap .list h4 u{font-size: 13px;color: #999;}
.os-wrap .list h4 span{display: block;font-size: 26px;color: #000;font-family: Arial, Helvetica;}

@media (max-width: 1200px){
.os-wrap .list{padding: 80px 30px;}
.os-wrap .list h4 span{font-size: 24px;}
}
@media (max-width: 1023px){
.os-wrap .list h4 span{font-size: 24px;}
}

@media (max-width: 768px){
.os-wrap{padding: 30px 0 0 0; margin: 30px 0 0 0;}
.os-wrap .txt h2{font-size: 30px;}
.os-wrap .layui-row{margin: 5px 0 50px 0;}
.os-wrap .list h4 span{font-size: 26px;}
}
/*Online Service end*/

/*services*/
.ser-title{width: 100%;font-size: 36px;color: #000;text-align: center;margin:80px 0 30px 0;}
.ser-title p{font-size: 16px; margin-top: 10px;color: #666;}
.hidecontent {display:none;}
#top{display: block; height: 50px;}

.sico{display: block;height: 100px;padding: 50px 0;border-bottom: 1px solid #eee;}
.sico li{float:left; width:25%;text-align:center;}
.sico .s1 i{font-size: 50px;display: block;margin-bottom: 15px;}
.sico .s2 i{font-size: 50px;display: block;margin-bottom: 15px;}
.sico .s3 i{font-size: 50px;display: block;margin-bottom: 15px;}
.sico .s4 i{font-size: 50px;display: block;margin-bottom: 15px;}
.sico li:hover{color: #fd0;}

.mbox{margin:0 35px 0 0;}
.faq{margin-bottom:0px;}
.faq_cdbox{padding:0 0 15px 0; height:70px; margin:10px 0 0 0;}
.faq_cd{float:left; color:#333;}
.faq_cd span{font-size:24px; line-height:45px; display:block;}
.faq li{border:1px solid #D5D5D5;border-radius: 5px;font-size:18px;line-height: 20px;color: #000;cursor:pointer;margin: 30px 0; padding: 25px 30px;}
.faq li a{color: #000;}
.faq li .iconfont{font-size: 24px;vertical-align:middle; display: inline-block;}
.faq li:hover .iconfont{-webkit-transition: -webkit-transform 0.2s ease-in;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.faq_con{height:auto;*height:auto!important;_height: auto;overflow:hidden; padding:5px 10px;margin-top: 20px;font-size:14px; line-height:25px;}
.faq_con .more{display: block;color: #2b3499;margin-top: 5px;}
.faq li:hover .download-icon{color: #fd0;}
.download-icon{font-size: 18px!important;float: right;}

@media (max-width:1200px){
.ser-title{width: 100%;font-size: 24px;color: #000;text-align: center;margin:0px 0 20px 0;}
.ser-title p{font-size: 14px; margin-top: 10px;}
.sico{display: block;height: 100px;padding: 20px 0;border-bottom: 1px solid #eee;}
.mbox{margin:0 0px 0 0;}
.faq_cdbox{padding:0 0 15px 0; height:30px; margin:0 10px;}
.faq{margin:0 10px 30px 10px;}
.faq li{font-size:15px;margin: 10px 0; padding: 10px 2%; width: 96%;}
.download-icon{font-size: 15px!important;}
#c1 .content{margin: 0 10px;}
}
/*services end*/

/*gbook*/
.gbook input{width: 100%;height: 45px;line-height: 45px;padding: 10px; margin: 10px 0;font-size: 14px;border: 1px solid #c9c9c9;box-sizing: border-box;text-decoration: none;background-color: #FFF;outline: none;color: #555;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.gbook textarea{width: 100%; height: 242px;padding: 10px; margin: 10px 0;line-height: 20px;border: solid 1px #c9c9c9;box-sizing: border-box;overflow: hidden;outline: none; color: #555;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.gbook .sub{width:100%; height:45px;line-height: 25px;margin-top: 10px;font-size: 18px; color: #FFF;cursor: pointer;background-color: #f90;border: 0;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.gbook .sub:hover{background-color:#fb0;}

@media (max-width:1200px){
.gbook{margin: 0 10px;}
.gbook input{margin: 5px 0;}
.gbook textarea{width:100%; height:150px; margin: 30px 0 0 0;}
.gbook .sub{margin: 5px 0 50px 0;}

.gbook .layui-col-space30{margin: 0px -10px}
.gbook .layui-col-space30>*{padding: 0px 10px}
}
/*gbook end*/

/*img缩放*/
.banner .pic img,.banner .pics img,.news .list img,.products .list img{
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  -webkit-transform: scale(1);
  transform: scale(1);}
.banner .pic img:hover,.banner .pics:hover img,.news .list:hover img,.products .list:hover img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/*img缩放 end*/

/*图标字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont.html');
  src: url('../iconfontd41d.html?#iefix') format('embedded-opentype'),
      url('../iconfont-2.html') format('woff2'),
      url('../woff/iconfont.woff') format('woff'),
      url('../ttf/iconfont.ttf') format('truetype'),
      url('../iconfont-3.html#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  /*font-size: 36px;*/
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont u{font-size: 18px;margin: 0 0 0 10px;vertical-align: top;}
.icon-add{font-size: 40px;margin: 0 0 0 -5px;}
.icon-tel{font-size: 33px;}

@media (max-width: 1023px){
.iconfont u{font-size: 15px;margin: 0 0 0 5px;}
.icon-add{font-size: 30px;margin: 0 0 0 -3px;}
.icon-tel{font-size: 25px;}
}
/*图标字体 end*/

/*page*/
DIV.digg {padding: 20px 3px;clear: both;text-align: center;margin: 60px 0 80px 0;}
DIV.digg a {border: #eee 1px solid;padding: 10px 15px;margin: 2px;text-decoration: none;border-radius: 3px;background: rgba(255,255,255,0.8);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#FFF,endColorstr=#FFF);}
DIV.digg a:hover {border: #fd0 1px solid;color: #000;background: #fd0;}
DIV.digg a:active {border: #fd0 1px solid;color: #fd0;}
DIV.digg span.current {border: #fd0 1px solid;padding: 10px 15px;margin: 2px;text-decoration: none;background-color: #fd0;border-radius: 3px;color: #000;}
DIV.digg span.disabled {border: #EEE 1px solid;padding: 10px 15px;margin: 2px;color: #fff;border-radius: 3px;}
/*page end*/
.nothing{margin: 30px 0;min-height: 300px;}
a.backToTop{width: 52px;height: 52px;background: url(../top.html) no-repeat;text-indent: -999em;z-index: 10000;right: 30px;}
a.backToTop:hover{background-position: 0 -53px;}

@media (max-width: 1200px){
DIV.digg {margin: 30px 0;}
.nothing{margin: 30px 10px;min-height: 200px;}
a.backToTop{width: 0px;height: 0px;}
a.backToTop{display: none;}
}