@charset "utf-8";
html, body{font: 16px 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;/*悬浮滚动条*/ width: 100vw!important; overflow-x: hidden!important;}
*{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: #ea2631;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("../js/iepngfix.htc");}
.con{width: 100%;max-width: 1200px;height: auto;*height: auto!important;_height: auto;overflow: hidden;margin: 0 auto;}
.con2{width: 100%;max-width: 1160px;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;}
.con5{width:100%; max-width:1700px;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 #ddd;}
.content table td{padding: 5px 10px;line-height: 25px;}
.content video{width: 100%;max-width: 860px;}
.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: #333;background: rgba(255,255,255,1);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#fff);position: absolute;z-index: 999!important;box-shadow: 0 5px 10px -5px rgba(34,34,34,.1);}
header .logo {width: 25%;float: left;margin: 10px 0 0 0;}
header .logo img{height: 60px;display: inline-block;float: left;}
header .logo .biao{font-size: 22px;color: #333;float: left;margin: 34px 0 0 10px;font-weight: bold;}
.menu_box{max-width: 1200px;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(../js/menu/menu.png);display: inline-block;}
.cd-menu-icon2 {display: none;width: 25px;height: 22px;background: url(../images/home.png);}

.langbox{float: right!important;margin: 25px 0;}
.lang{float: left;text-align: right; margin-left: 5px; line-height: 30px;}
.lang span{color: #24318f;}

/*多语言*/
#translate select{width:85px; height:28px; border-radius:4px; font-size:14px; background:#fff;}
@media (max-width: 1023px) {
.langbox{margin: 10px 60px 0 0;}
.langbox .search-user,.langbox a{display: none;}
}
/*多语言end*/

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

/*--menu--*/
.menu_div a{height: 30px;color: #ea2631!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: #333;text-align: center;text-decoration: none;padding: 0 20px;}
#cd_menu li span a:visited{}
#cd_menu li span a:hover{height: 30px;color: #ea2631;}
#cd_menu li:hover .sv, .menu_div .sv{background: url(../images/uew_icon.png) no-repeat right -75px;}

@media (max-width: 1200px) {
#cd_menu li{margin: 0 5px;}
#cd_menu li span a{padding: 0 18px;}
}
/*--menu--*/
@media (max-width: 1200px) {
header .logo {width: 14%;float: left;margin: 10px 0 0 1%;}
header nav{width: 65%;margin: 0 0 0 0%;}
header .logo .biao{display: none;}
}
@media (max-width: 1023px) {
header{height: 50px;}
header nav{display: none;}
header .logo{width: 55%; margin: 5px 0 0 10px;}
header .logo img{height: 40px;}
header .logo .biao{display: block;font-size: 18px;margin: 18px 0 0 10px;}
header .top_media{display: none;}
}
/*header end*/

/*top_media*/
.top_media{height: 30px; background: #f0f0f0;}
.top_media .icon span{font-size: 14px;color: #999;font-family: Arial, Helvetica, sans-serif!important;margin-right: 5px;}
.top_media .icon{text-align: right;}
.top_media .icon i{font-size: 22px;line-height: 30px;margin: 0 0 0 10px;color: #999;vertical-align: middle;cursor: pointer;}
.top_media .icon i:hover{color: #ea2631;}
.top_media .icon .utb{font-size: 22px;}

@media (max-width: 1023px) {
.top_media{display: none;}
}
/*top_media end*/

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

/*layui 5列*/
.layui-col-lg5L,.layui-col-md5L,.layui-col-sm5L,.layui-col-xs5L{position:relative;display:block;box-sizing:border-box}
.layui-col-lg5L{float:left}
.layui-col-lg5L{width:19.9999992%}
.layui-col-xs-offset5L{margin-left:19.9999992%}

@media screen and (max-width:1200px){
    .layui-col-lg5L{float:left}
    .layui-col-lg5L{width:19.9999992%}
    .layui-col-lg-offset5L{margin-left:19.9999992%}
}
/*layui 5列 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(../images/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: -3px 0 22px 0px;}
.search-user a{width: 36px;height: 36px;display: inline-block;margin-left: 0px;position: relative;top: 0px;background: #fff;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: #eee;}
.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: #ea2631;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: #f4555e;}
.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(../images/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-right: 10px;}
}
@media (max-width: 1023px) {
#vivo-head .vivo-nav{height: 50px;}
}
/* search end*/

/*HOME*/
/*home-topnews*/
#news_box{width:100%; height:45px; background:#F6F6F6;}
#scrollupper {float:left; width:85%; height:45px; overflow:hidden;}
#scrollupper a {line-height:45px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
#scrollupper a u{margin-right:15px;}
.play{background:url(../images/play.gif) no-repeat; width:18px; height:15px; margin:15px 5px 15px 0; float:left;}
.readmor{ float:right; line-height:45px;}
@media (max-width:1160px){
.play{margin-left:10px;}
.readmor{margin-right:10px;}
}
@media (max-width:990px){
.readmor{display:none;}
}

/*home brand*/
.brand{margin-top: 30px;}
.brand img{width: 100%;}
@media (max-width:990px){
.brand{margin: 0px 3%;}
}

/*home company*/
.company{margin: 100px 0 0 0;}
.company .txt{text-align: center;}
.company .txt h2{display: block; font-size: 36px;}
.company .txt h3{margin: 10px 0 20px 0;}
.company .txt p{line-height: 30px;}
.company .mor{text-align: center;font-size: 14px;}
.company .mor a{display: inline-block; color: #0ae;margin: 15px 10px;}
#video video{max-width: 1024px;}
#video .modal-close span{width: 30px;height: 30px;border-radius: 100%;background: #f30;color: #fff;font-size:20px;line-height: 30px;text-align: center;position: absolute;right: 30px;top: 0px; z-index: 1000;}
.company .modal-window > div,.pro-video .modal-window > div {background: none;}

@media (max-width: 1200px) {
.company{margin: 50px 10px 0 10px;}
.company .txt h2{font-size: 24px;font-weight: 700;}
.company .txt h3{font-size: 15px;}
.company .txt p{font-size: 15px;line-height: 28px;}
.company .txt p br{display: none;}
#video{width: 94%;padding: 0 3%;}
}
@media (max-width: 640px) {
#video video{width: 380px;}
}

/*home num*/
.priorities{max-width:1920px;margin:0px 0 100px 0; display:flex; align-items:center; /*div垂直居中*/}
.container{float:left; width:23%; margin:0 1%; text-align:center;}
.container .box{display:flex; justify-content:center; }
.num{float:left; text-align:right; font-size:60px; color:#ea2631; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.container u{float:left; margin:25px 0 0 2%; text-align:left; font-size:30px; color:#ea2631; text-decoration:none;}
.container i{float:left; margin-left:0px; font-size:60px; color:#ea2631; font-style:normal; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.container h3{clear:left; font-size:15px; color:#333; font-weight:normal; margin:0px;}

@media (max-width: 1200px) {
.priorities{margin:0px 0 60px 0;}
.num{font-size:36px;font-weight: 700;}
.container u{margin:20px 0 0 2%;font-size:15px;}
.container i{font-size:36px;font-weight: 700;}
.container h3{font-size:11px;}
}
@media (max-width: 970px) {
.num{font-size:30px;font-weight: 700;letter-spacing: -1px;}
.container i{font-size:30px;font-weight: 700;letter-spacing: -1px;}
.container u{margin:9px 0 0 2%;font-size:15px;}
}
/*home num end*/

/*home banner-pro*/
.banner{width: 100%;padding: 80px 0;color: #fff;display:flex; align-items:center;
      background: #ea2631;background-image: linear-gradient(to right bottom, #ea2631,#D6232D,#BA1F28);}
.banner-lef{width: 45%;float: left;padding-right: 5%;}
.banner-lef h1{font-size: 24px;margin: 40px 0 20px 0;}
.banner-txt{line-height: 28px;}
.banner .tag u{font-size: 60px;text-transform: uppercase;display: block;}
.banner-lef .but{width: 152px;height: 40px; margin-top: 50px;color: #fff;line-height: 42px;text-align: center;border: 1px solid #fff; border-radius: 50px;}
.banner-lef .but:hover{background: #D4242E;cursor: pointer;}
.banner-lef .but:hover .banner-rig img{transform: scale(1.05);}
.banner-rig{width: 50%;float: right;}
.banner-rig img{max-width: 100%;}

@media (max-width: 1600px){
.banner-lef{width: 46%;float: left;padding:0 2%;}
}

@media (max-width: 1200px){
.banner{height: auto;display: inline-block;padding: 50px 0;}
.banner-lef{width: 96%;float: none;margin: 30px 2%;padding-right: 0%;}
.banner-lef h1{font-size: 24px;font-weight: bold;margin: 15px 0 15px 0;}
.banner-txt{line-height: 25px;font-size: 14px;}
.banner .tag u{font-size: 30px;}
.banner-lef .but{margin: 30px auto 0 auto;}
.banner-rig{width: 80%;float: none;margin: 50px 10%; text-align: center;}
}

@media (max-width: 640px){
.banner{height: auto;display: inline-block;padding: 30px 0;}
.banner-rig{width: 96%;float: none;margin: 50px 2%;}
}

/*home pro*/
.product{padding: 70px 0;}
.cd-tit{width: 100%;font-size: 36px;text-align: center;margin: 20px 0;}
.product .more,.ournews .more{width: 152px;height: 40px; margin: 50px auto 0 auto; line-height: 40px; text-align: center;border-radius: 50px; background: #ea2631;color: #fff;}
.product .more:hover,.ournews .more:hover{background: #c5020d;color: #fff;cursor: pointer;}

/**float:left居中**/
.clearfix:after {content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{zoom:1;}
.warp{width:100%; margin:10px auto 10px auto; overflow:hidden; position:relative;}
.w1{max-width:200px;}.w2{max-width:500px;}.w3{max-width:700px;}.w4{max-width:800px;}.w5{max-width:900px;}.w6{max-width:1000px;}.w7{max-width:1000px;}.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15{max-width:100%;}/*根据菜单ID数量变化*/
.c1{width:98%;}.c2{width:47%;}.c3{width:30.5%;}.c4{width:23.0%;}.c5{width:18%;}.c6{width:15.3%;}.c7{width:13%;}.c8,.c9,.c10,.c11,.c12,.c13,.c14,.c15{width:13.25%;}
/**float:left居中 end**/

/*home-pro tab*/
.tab_cd li{float:left; line-height:38px; text-align:center;margin:0 5px; cursor:pointer; background: #666;border:0px solid #bbb; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.tab_cd li a{color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tab-wrap .contentlist{display:none; margin:0 0 25px 0;}
.tab-wrap .contentlist:nth-child(1){display:block;}
.active_li,.tab_cd li:hover{background: #ea2631;}

@media (max-width: 970px){
.c1{width:98%;}.c2{width:47%;}.c3{width:30.5%;}.c4{width:23.0%;}.c5{width:32.3%;}.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c13,.c14,.c15{width:32.3%;}
.tab_cd li{line-height:35px; text-align:center;margin:2px 2px;}
.tab_cd li a{color: #fff;font-size: 14px;}
}
/*home-pro tab end*/

@media (max-width: 1200px){
.product{padding: 30px 0;}
.product .more,.ournews .more{margin: 20px auto 0 auto;}
.cd-tit{font-size: 30px;margin: 10px 0;}
}
/*home pro end*/

/*home video*/
.ban{width: 100%;max-height: 640px;height: auto;overflow: hidden;background: #ea2631;color: #fff;display: flex;align-items: center;} 
.ban-lef{width:50%;float: left;background: #D4242E;}
.ban-lef img{width: 100%;max-width: 950px;}
.ban-rig{width: 38%;float: right;padding: 0 7% 0 5%;}
.ban-rig h1{font-size: 36px;margin: 10px 0 20px 0;}
.ban-rig .tag{font-size: 25px;}
.ban-txt{line-height: 28px;}
.ban .but{width: 152px;height: 40px; margin-top: 50px;color: #fff;line-height: 42px; text-align: center; border: 1px solid #fff; border-radius: 50px;}
.ban .but:hover{background: #D4242E;cursor: pointer;}
.ban-tag{margin: 20px 0;overflow: hidden;}
.ban-tag li{width: 50%;float: left;margin: 10px 0;font-size: 20px;display: flex;align-items: center;}
.ban-tag li i{font-size: 45px;margin-right: 15px;}

@media (max-width: 1200px){
.ban{max-height: none;display: inline-block;}
.ban-lef{width:100%;float: none;}
.ban-lef img{max-width: none;}
.ban-rig{width: 96%;float: none;padding: 30px 2%;}
.ban-rig h1{font-size: 24px;margin: 5px 0 20px 0;font-weight: 700;}
.ban-rig .tag{font-size: 18x;}
.ban-txt{line-height: 25px;font-size: 14px;}
.ban-tag{margin: 10px 0;}
.ban-tag li{margin: 5px 0;font-size: 15px;}
.ban-tag li i{font-size: 36px;margin-right: 10px;}
.ban .but{width: 152px;height: 40px; margin: 30px auto 0 auto;}
}

/*home solution*/
.sol{margin: 100px 0 0 0;}
.sol .txt{text-align: center;margin: 0 5%;}
.sol .txt h2{display: block; font-size: 36px;color: #000;}
.sol .txt h3{font-size: 15px;color: #666;margin: 10px 0 20px 0;}
.sol .txt span{width: 60px;display: block;border-bottom: 1px #666 solid;margin: 20px auto;}

@media (max-width: 1200px){
.sol{margin: 30px 0 0 0;}
.sol .txt h2{font-size: 30px;}
}

/*home news*/
.ournews{padding: 50px 0;background: #f8f8f8;}
.ournews .txt{text-align: center;}
.ournews .txt h2{display: block; font-size: 36px;color: #000;}
.ournews .txt span{width: 60px;display: block;border-bottom: 1px #666 solid;margin: 20px auto;}

@media (max-width: 1200px){
.ournews{margin: 30px 0 0 0;}
.ournews .txt h2{font-size: 30px;}
}

/*home customer*/
.customer{margin: 100px 0 0 0;}
.customer .txt{text-align: center;}
.customer .txt h2{display: block;font-size: 36px;font-weight: bold;color: #000;}
.customer .txt h2 u{color: #ea2631}
.customer .txt span{width: 60px;display: block;border-bottom: 1px #666 solid;margin: 20px auto;}

@media (max-width: 1200px){
.customer{margin: 70px 0 0 0;padding: 0 3%;}
.customer .txt h2{font-size: 24px;}
}
/*home customer end*/
/*HOME end*/

/*tel*/
.call{width: 100%;height: auto;overflow: hidden;padding: 50px 0;background: #ea2631;text-align: center;display: flex;align-items: center;font-size: 22px;color: #fff;}
.call h3 span{font-size: 40px;color: #fff;font-family:Arial, Helvetica;font-weight: 600;vertical-align: middle;margin-bottom: 5px;display: inline-block;}
.call h4{font-size: 18px;color: #ddd;margin-top: 10px;}
.call .phone{display: none;width: 85px;height: 35px;border-radius: 30px;background: #fff;line-height: 35px;font-size: 30px;color: #ea2631;margin-left: 30px;}

.call .online{display: inline-block;width: 130px;height: 35px;border-radius: 30px;background: #fff;line-height: 35px;font-size: 30px;color: #ea2631;margin-left: 30px;}
.call .online u{font-size: 15px;}

/*footer gbook*/
.call .gbooks{margin: 30px 0 0px 0;}
.call .gbooks 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;}
.call .gbooks .sub{width:100%; height:45px;line-height: 25px;margin-top: 10px;font-size: 18px; color: #fff;cursor: pointer;background: #b00303;border: 0;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.call .gbooks .sub:hover{background:#f4555e;}

@media (max-width:1200px){
.call .gbooks{margin: 30px 10px 0px 10px;}
.call .gbooks input{margin: 5px 0;}
.call .gbooks .sub{margin: 5px 0 30px 0;}

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

@media (max-width: 970px){
.call{font-size: 18px;}
.call h3 span{font-size: 30px;vertical-align:middle;}
.call h4{font-size: 15px;color: #ddd;margin-top: 0px;}
.call .phone{display: block;width: 150px;height: 40px;line-height: 40px;margin: 10px auto;}
.call .online{display: none;}

.call .gbooks input{height: 50px;line-height: 50px;}
.call .gbooks .sub{margin: 5px 0 20px 0;}
}
/*tel 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 .icon .utb{font-size: 26px;}

.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;}
.footer{height: 50px;line-height: 50px;}
.footer li{width: 100%;float: none;text-align: center;}
.link{display: none;}
}
@media (max-width: 640px){
.footer{height: 120px;line-height: 22px;padding: 10px 0 20px 0;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,#WeChat{text-align: center;line-height: 30px;}
#Tiktok img,#WeChat img{display: block;max-width: 200px;}
/* 纯css3层 end */

/*about*/
.topimg3{width: 100%;padding-top: 15.625%;/*高: 宽*/ background: no-repeat;background-size: cover;background-position: center;min-height: 150px;max-height: 450px;margin-top: 30px;height: auto;*height: auto!important;_height: auto;overflow: hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc);text-align: left;}
.f1-wrap h3{font-size: 36px;color: #000;text-transform: uppercase;margin:70px 0 30px 0;}
.f2-wrap{width: 100%;padding: 80px 0; margin: 100px 0; background: #f4f4f4;}
.f2-wrap .honor{width: 100%;max-width: 1335px;margin: 0px auto;}
.f2-wrap .txt{text-align: center;}
.f2-wrap .txt h2{display: block; font-size: 36px;color: #000;}
.f2-wrap .txt h3{font-size: 15px;color: #666;margin: 10px 0 20px 0;}
.f2-wrap .txt span{width: 60px;display: block;border-bottom: 1px #666 solid;margin: 20px auto;}
.f3-wrap{margin: 0 0 100px 0;}

@media (max-width: 1200px){
.f1-wrap .content{margin: 0 10px;}
.f1-wrap h3{font-size: 30px;margin:40px 10px 20px 10px;}
.f2-wrap{padding: 40px 0; margin: 50px 0;}
.f2-wrap .txt h2{font-size: 30px;}
.f3-wrap{margin: 0 0 30px 0;}
}
@media (max-width: 1200px){
.topimg3{margin-top: 0px;} 
}
/*about end*/

/*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*/

/*products*/
.products .list u{overflow: hidden;display: block;width: 100%;background: #fff;border: 1px solid #eee;box-sizing: border-box;}
.products .list img{width: 100%;margin: 0 auto; display: block;}
.products .list h2{margin: 15px 0 0 0;font-size: 16px;color: #000;text-align: center;height: 50px;overflow: hidden;}
.products .list h2 span{display: block;font-size: 14px;color: #666;margin: 10px 0;}
.all u{display: none;}

@media (max-width: 768px){
.products .list{margin: 0 20px;}
.products .list h2{margin: 15px 0 0 0;font-size: 15px;}
.products .list h2 span{font-size: 13px;}
}
/*products end*/

/*product show*/
/*--show l_cd--*/
.cdbox{width:100%; max-width:1200px; position:absolute;}
.cdz{margin-top:-35px; float:right;padding:0 15px;color:#fff;}
.cdz a{color:#FFF; font-size:14px; line-height:25px;}
.cdz a:hover{color:#4865da;}
/*--show l_cd end--*/

.tel{color: #f30;}
.tel a{font-size: 30px;color: #f30;font-weight: 600; font-family: Arial, Helvetica, sans-serif;}
@media (max-width:1200px){
 .tel{margin: 0 10px;}
 .tel a{font-size: 24px;}
}

.topimg4{width:100%;padding-top:1.5%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:80px; max-height:100px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc);}
.showbox{margin:50px 0 0px 0;}
.showbg{border-top:1px solid #EEE; padding:20px 0 100px 0;}
.tab A{float:left; font-size:16px;font-weight: 600;color:#000; line-height:45px; margin:10px 30px 0 0;}
.hidecontent {display:none;}
.hide{display:none;}

.cs-btn li{width: 140px;height: 38px;display: block;float: left;margin:20px 30px 45px 0;color: #fff;line-height: 38px;text-align: center;font-size: 15px;border-radius: 50px;}
.cs-btn .cs i{font-size: 24px;vertical-align: middle;display: inline-block;margin-top: -5px;}
.cs-btn .cs{background: #4865da;}
.cs-btn .cs:hover{background: #ea2631;color: #fff;}
.cs-btn .vid i{font-size: 20px;vertical-align: middle;display: inline-block; margin-top: -2px;}
.cs-btn .vid{background: #535353;}
.cs-btn .vid:hover{background: #888;color: #fff;}

.show_rig{float:left;}
.show_jj{line-height:28px; text-align:justify; height:450px; height:auto;*height:auto!important;_height: auto;overflow:hidden;}
.show_jj span a{margin:10px 0 20px 0; color:#ea2631; font-size:18px; display:block;}
.show_jj span a:hover{color:#333;}

@media (max-width:1200px){
.show_rig{width:100%;}
.show_jj{margin:0 10px 50px 10px;}
.show_jj span a{margin:0px 0 20px 0; color:#ea2631; font-size:15px; display:block; text-align:center;}
.tab A{margin:10px 20px 0 10px;font-weight: bold;}
}
@media (max-width:640px){
.showbox{margin:10px 0 0px 0;}
 .cs-btn{width: 310px; margin: 0 auto;}
 .cs-btn li{margin:20px 15px 50px 0;}
}
/*product show end*/

/*solutions*/
.solutions .list img{width: 100%;margin: 0 auto; display: block;}
.solutions .list h2{margin: 15px 0 0 0;font-size: 15px;color: #000;text-align: center; white-space:nowrap;overflow:hidden;}

/*遮罩层*/
.solutions .list u{position:relative; overflow:hidden; border:1px solid #ddd;box-sizing: border-box;display:table-cell; text-align:center; vertical-align:middle; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.mask {position: absolute;top: 50%;left:50%;transform: translateX(-50%) translateY(-50%);
   width:0px; height:0px; color:#fff; text-align:center; font-size:0px;line-height: 0px;background-color: rgba(0,0,0,0); border-radius: 100%;}
.solutions .list:hover .mask{width: 100px;height: 100px;font-size: 15px;line-height: 100px;background-color: rgba(0,0,0,0.5);
  -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition: all 0.2s;}
/*遮罩层 end*/

@media (max-width: 768px){
.solutions .list h2{margin: 5px 0 0 0;height: 50px;font-size: 14px;}
.solutions .layui-col-space30{margin: 0px 5px}
.solutions .layui-col-space30>*{padding: 0px 5px}
}
/*solutions end*/

/*news*/
/*nav menu*/
.cdbg2 .navs{width:100%; height:35px; margin:35px 0; border-bottom:1px #CCC solid;}
.cdbg2 .navs li{float:left; text-align:center; height:35px; line-height:35px;}
.cdbg2 .navs li a, .cdbg2 .navs li a:link{padding:0 20px; /*background-color:#C0C0C0; color:#000000;*/ text-decoration:none; display:block;}
.cdbg2 .navs .hover2{/*background-color:#808080;*/ color:#ea2631; border-bottom:2px #ea2631 solid; margin-top:-1px; text-decoration:none; display:block;}
@media (max-width:1023px){
.cdbg2 .navs{height:25px; margin:25px 0 0px 0;}
.cdbg2 .navs li{height:25px; line-height:25px;}
}
/*nav menu end*/

.topimg5{width:100%;padding-top:7%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:120px; max-height:350px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc); text-align:left;} 
.news_txt{margin:0px 0 20px 0;}
.news_txt span{font-size:35px; color:#FFF; font-weight:300; line-height:40px; margin-top:20px; display:block;}

.tit_cd{font-size:20px; line-height:50px; text-transform:uppercase; display:block; margin:35px 0 20px 0;}
.tit_cd a{margin-right:15px;}
.news{height:205px; height:auto;*height:auto!important;_height: auto;overflow:hidden; padding-bottom:50px; border-bottom:1px #ddd solid; clear:both;}
.nbox{margin:0 0 50px 0;}
.nbox:hover .nmor{border:1px #ea2631 solid; background-color:#ea2631; color:#FFF;}
.nbox:hover .n_ico{background:#ea2631 no-repeat 17px -312px;} 
.nbox:hover .ntit{color:#ea2631;} 
.nlef{float:left; width:65%; margin:0 0 0 3%;}
.nrig{float:left; width:30%; max-width:400px;}
.nrig .ncd{display:none;}
.ncd{font-size:36px; height:36px; text-transform:uppercase; color:#b31b67; margin:0px 0 20px 0;}
.nrig img{max-width:100%;max-height: 220px;}
.n_ico{width:55px;height:55px;font-size: 26px;color: #fff;background: #707070;display:flex;align-items:center;justify-content:center;}
.n_date{width:55px;height:110px; background-color:#eee; color:#666; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; position:absolute;z-index:1;}
.n_date span{font-size:24px; line-height:22px; display:block; color:#333; margin:10px 0 0 0;}

.ntit{font-size:20px; color:#333;}
.ntit_jj{line-height:22px;color:#707070; font-size:14px; height:105px; margin:15px 0 15px 0; overflow:hidden;}
.ndate{font-size:15px; margin:5px 0 10px 0; color:#333;}
.nmor{width:85px; height:25px; line-height:25px; font-size:12px; text-align:center; margin:10px 0 0 0; color:#CCC; border:1px #CCC solid; background-color:#FFF; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

@media (max-width:1200px){
.news_txt span{font-size:30px; line-height:30px; margin:20px 0 0 10px;}
.nrig{float:left; width:30%; max-width:400px; margin:0 0 0 10px;}
}
@media (max-width:1023px){
.nlef{width:98%; margin:0 1%;}
.nrig{width:100%; max-width:600px; clear:left; float: none; text-align:center; margin:0 auto;}
.nrig img{width:100%; max-width:600px; max-height:100%;}
.news{border:0;}
.ntit{font-size:20px; margin:10px 0 0 0;}
.ntit_jj{margin:5px 0 0px 0; font-size:14px;}
.nmor{margin:15px auto 10px auto;}
.nothing{margin:30px 20px; color:#F30; min-height:200px;}
.cdbg{margin-bottom:20px;}
.nbox{padding:0 10px; max-width:600px; margin:30px auto 0 auto;}
}
@media (max-width:1000px){
.headbg{height:50px;}
}
@media (max-width:800px){
.news_txt span{font-size:24px;}
.ntit{font-size:18px; margin:15px 0 10px 0;}
.nrig{width:100%; max-width:100%; clear:left; float:left; text-align:center;}
.nrig img{width:100%; max-width:100%;}
}

/*search2 style*/
.search2{float:left; margin:20px 0 0 0px; padding-bottom:75px;}
.search2 *{box-sizing:border-box;}
.search2 input,.search2 button {border:none;outline:none;}
.search2 form {position:relative; width:650px; height:42px;}
.search2 input {width:650px; height:42px;padding-left:15px; border-radius:3px;border:1px solid #c9d5e2;background:#FFF;float:right; /*width:360px;transition:.3s linear;*/}
.search2 input:focus {width:650px; background-color:#FFF; border:1px solid #ea2631;}
.search2 button{background:url(../images/search.png) no-repeat center -35px #ea2631; top:0px;right:0px; height:42px;width:80px; border-radius:0 3px 3px 0; cursor:pointer;position:absolute;}
.search2 button:hover{background:url(../images/search.png) no-repeat center -35px #fb0;}

@media (max-width:1360px){
.search2{margin:30px 0 30px 10px;}
}
@media (max-width:768px){
.search2{margin:0px 0 0 10px; padding-bottom:50px;}
.search2 form {width:360px;}
.search2 input {width:360px;}
.search2 input:focus {width:360px;}
}
/*search2 style end*/
/*NEWS end*/

/*news-show*/
.topbox{margin:50px 0 0 0;}
.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{font-size: 24px;margin: 50px 0 0 0;}

@media (max-width:1200px){
.topbox{margin:50px 0 0 0;}
.close{font-size: 30px;margin-top: -40px; margin-right: 10px;} 
.show_tit{font-size: 18px;font-weight: 600;} 
.nothings{margin:30px 10px;}
.next{font-size: 20px;margin: 30px 10px 0 10px;}
}
/*news-show end*/

/*map*/
#container2{width:130%;margin-left: -30%;height: 100%;position: relative;font-family:"Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
.content-window-card{position:relative;box-shadow:none;bottom:0;left:0;width:auto;padding:0;border-radius:5px;overflow:hidden;}
.info-top{font-size: 15px;font-weight: bold;padding:10px 15px;position:relative;background:#fff;border-bottom:1px solid #ebebeb;}
.closeX{position:absolute;right:10px;top:2px;font-size:22px;cursor:pointer}
.info-middle{font-size:14px;padding:10px 15px 15px 15px;border-radius:0 0 5px 5px;}
.info-bottom{height:12px;position:relative}
.sharp{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #fff;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
.amap-toolbar{margin: 60px 0 0 25%;}

/*map-text*/
#mapbox{width:100%;height: auto;position: relative;}
#txt-box{width: 100%; max-width: 1200px;left: 50%;transform: translate(-50%, 0);position: absolute;z-index: 100;pointer-events: none;}
#txt-box .txt{width: 40%;margin: 50px 0 50px 50%;; padding: 20px 5% 30px 5%;background: rgba(255,255,255,0.9);min-height:600px; height:auto;*height:auto!important;_height: auto;overflow:hidden;pointer-events: auto;}
#txt-box .txt ul{padding: 20px 0;display: block; border-bottom:1px dashed #999;}
#txt-box .txt li{line-height:28px; font-size:15px;}
#txt-box .txt li span{font-size:18px; color:#000;display: block;margin-bottom: 5px;}
#txt-box .txt .tit{font-size:20px; color:#000;margin:0px 0 0 0;font-weight: bold;}
#txt-box .txt .t{margin: 0 0 30px 0;}
#txt-box .txt .t span{font-size:20px;font-weight: bold;}

@media (max-width:990px){
#container2{width:100%;margin-left: -0%; height: 300px;}
#txt-box{width: 100%;left: 0%;transform: translate(0%, 0);}
#txt-box .txt{width: 90%;margin: 300px 0 50px 0; padding: 20px 5% 30px 5%;}
}
/*map end*/

/*contact us*/
.us-wrap{width: 100%;padding: 60px 0 0 0; margin: 80px 0 0 0;background: #f4f4f4;}
.us-wrap .txt{text-align: center;}
.us-wrap .txt h2{display: block;font-size: 36px;color: #000;}
.us-wrap .layui-row{margin: 50px 0 150px 0;}
.us-wrap .list{display: block;background: #fff;padding: 60px 25px;}
.us-wrap .list i{float: left;width: 70px;height: 80px;color: #fff;font-size: 28px;margin:5px 15px 40px 0;border-radius: 12px; display:flex;align-items:center;justify-content:center;}
.us-wrap .list .i1{background: #f30;}
.us-wrap .list .i2{background: #f90;}
.us-wrap .list .i3{background: #23bfae;}
.us-wrap .list .i4{background: #4865da;}
.us-wrap .list .i5{background: #f60;}
.us-wrap .list .i6{background: #22ac38;}
.us-wrap .list .i7{background: #0068b7;}
.us-wrap .list .i8{background: #40475b;}
.us-wrap .list .i9{background: #f60;}
.us-wrap .list .i10{background: #009e96;}
.us-wrap .list h4 u{font-size: 13px;color: #999;}
.us-wrap .list h4 div{font-weight: 600; margin-bottom: 5px;}
.us-wrap .list h4 span{display: block;font-size: 28px;color: #f60;font-family: Arial, Helvetica;}

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

@media (max-width: 768px){
.us-wrap{padding: 30px 0 0 0; margin: 30px 0 0 0;}
.us-wrap .txt h2{font-size: 30px;}
.us-wrap .layui-row{margin: 5px 0 50px 0;}
.us-wrap .list{padding: 50px 10px;}
.us-wrap .list i{width: 60px;height: 120px;font-size: 25px;}
.us-wrap .list h4 span{font-size: 26px;}
}
/*contact us 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: 30px;}
.os-wrap .list .i2{background: #4865da;font-size: 50px;}
.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: #ea2631;}

.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: #ea2631;}
.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: #ea2631;border: 0;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.gbook .sub:hover{background-color:#4865da;}

@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缩放*/
.dropdown u img,.banner-rig img,.news .list img,.products .list img,.ournews .swiper-slide 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);}
.dropdown img:hover,.banner:hover .banner-rig img,.news .list:hover img,.products .list:hover img,.ournews .swiper-slide:hover img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/*img缩放 end*/

/*图标字体*/
@font-face {
  font-family: 'iconfont';
  src: url('icon/iconfont.eot');
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('icon/iconfont.woff2') format('woff2'),
      url('icon/iconfont.woff') format('woff'),
      url('icon/iconfont.ttf') format('truetype'),
      url('icon/iconfont.svg#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: #ccc 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: #ccc 1px solid;color: #000;background: #ccc;}
DIV.digg a:active {border: #ccc 1px solid;color: #ccc;}
DIV.digg span.current {border: #ccc 1px solid;padding: 10px 15px;margin: 2px;text-decoration: none;background-color: #ccc;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*/
.conbg #c2 DIV.digg{margin: 0px 0 0px 0;}

.content img{max-width: 100%;}
.nothing{margin: 30px 0;min-height: 300px;}
@media (max-width: 1200px){
DIV.digg {margin: 30px 0;}
.content{margin: 0 10px;}
.content table td{padding: 5px;}
.nothing{margin: 30px 10px;min-height: 200px;}
}

/*Product 二级折叠菜单*/
.cdbg_hidden{display: none;}
.pro_box{margin-top: 50px;}
.mao a{display: block; margin-top: 70px;}
.cdl{width:270PX;height:60PX;margin-bottom:25px; font-size:20px; border:#ea2631 solid; border-width:0 0 3px 0; color:#000;}
.cdl span{display:block;font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:3px;}
.plef{float: left; width:270px;min-height: 380px; height:auto;*height:auto!important; _height: auto;float:left;}
.prig{float: left;width: 900px;margin-left: 30px;}

.cm1{width:270px; line-height:45px; font-size:16px; background-color:#FFF; margin:0 0 5px 0; cursor:default;}
.cm2{font-size:14px; line-height:40px;border-bottom: 1px dashed #ddd;}
.cm2 a{padding: 0 20px;width: 230px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cm2:last-child{border-bottom: 0px dashed #ddd;}
.cm2:hover{background-color:#eee;}
.cm2:hover a{color:#555;}

#naw li {float:left;}
#naw li ul {list-style:none; text-align:left;}
#naw ul.collapsed {display: none; }
#PARENT {width:270px;height:auto;*height:auto!important; _height: auto;overflow:hidden;clear:both;}

/*--l_cd--*/
.left_div A:link {display:block;
  width:270px; height: 45px; line-height:45px;
  background: url(../images/cd_bg2.png) no-repeat 0 0 #dbdbdb;color: #FFF; text-decoration: none;
}
.left_div A:visited{display:block;
    width:270px; height: 45px; line-height:45px;
  background: url(../images/cd_bg2.png) no-repeat 0 0 #dbdbdb;color: #FFF; text-decoration: none;
}
.left_div a:hover{display:block;
    width:270px; height: 45px; line-height:45px;
  background: url(../images/cd_bg2.png) no-repeat 0 0 #dbdbdb;color: #FFF; 
}
.left_box_border{
    width:270px; height: 45px; line-height:45px;
  BACKGROUND: url(../images/cd_bg.gif) no-repeat; border-bottom:0px solid #222; text-decoration: none;
}
.left_box_border a{display:block;width:188px; padding-left:25px; background-color:#dbdbdb}
.left_box_border A:link {display:block;text-decoration: none;
    width:270px; height: 45px; line-height:45px;
}
.left_box_border A:visited {display:block;text-decoration: none;
  width:270px; height: 45px; line-height:45px;
}
.left_box_border A:hover {display:block;
  background: url(../images/cd_bg2.png) no-repeat 0 -50px #dbdbdb;text-decoration: none; color: #333;
    width:270px; height: 45px; line-height:45px;   
}
/*--l_cd--*/

@media (max-width: 1200px) {
.cdbg_hidden{display: block;}
.cdl{display: none;}
.plef{display: none;}
.prig{float: none;width: 100%; margin-left: 0px;}
.pro_box{margin-top: 0px;}
}
/*Product 二级折叠菜单 end*/