@charset "utf-8";
html, body{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:15px; color:#555; 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;}
li{list-style-type:none; margin:0; padding:0;}
video{margin: 0 auto; display:block;}
a,video{outline:none;}
a:link{color:#555;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}
a:hover{color:#F60;text-decoration:none;}
a:active{color:#555;text-decoration:none;}
u{font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
h1,h2,h3,h4,h5,h6{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:1280px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;}
.con3{width:100%; max-width:1000px;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;}
.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;}
.b20{margin-bottom:20px;}
.b50{margin-bottom:50px;}
.b120{margin-bottom:120px;}
#bg{background:#F0F0F0;}
#bg2{background:#000;}
#bg3{background:#EBEDF0;}

/*header*/
header{width:100%; height:52px; background: #5cf; background:rgba(255,255,255,1);position:absolute; top:0; z-index:100;}
header .logo img{height:40px; display: inline-block; float:left;}
header .logo {width:20%; float:left; margin:6px 0 0 0;}
header .logo .biao{font-size:14px; color:#666; float:left; margin:18px 0 0 15px;}

.menu_box{max-width:1200px;height:52px;margin:0 auto;}
.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);}

header nav{float:left; width:78%; height:52px; margin:0 0 0 2%; display:block;}
header nav ul{float:right; margin:0px 0 0 0; }

/*--menu--*/
.menu_div a{height:52px; color:#F60;}
#cd_menu li{float:left; margin:0 10px; line-height:52px;}
#cd_menu li a{border:0px #666 solid; display:inline-block; font-size:14px; color:#555; text-align:center;text-decoration:none; padding:0 10px;}
#cd_menu li a:visited{}
#cd_menu li a:hover{border:0px #999 solid; height:52px; color:#F60!important;}
@media (max-width:1200px) {
#cd_menu li{margin:0 5px;}
#cd_menu li a{padding:0 10px;}
}
/*--menu--*/
@media (max-width:1200px) {
header .logo {width:19%; float:left; margin:5px 0 0 1%;}
}
@media (max-width:1023px) {
header{height:52px;}
header nav{display:none;}
header .logo .biao{display:none;}
header .logo{margin:10px 0 0 10px;}
header .logo img{height:30px;}
}
/*header end*/

/*language*/
.langu{float:left; margin:11px 0 0 80px;}
.langu a{display:block; height:30px; line-height:30px; color:#555;}
.langu a:hover{color:#F60!important;}

.but{float:right; margin:11px 0 0 10px;}
.but a{display:block; width:90px; height:30px; border:1px solid #555; color:#555; font-size:12px; line-height:30px; text-align:center; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}
.but a:hover{border:1px #F60 solid!important; background:none; color:#F60!important;}
/*language end*/

/*导航滚动变色-mob_menu.js*/
.scrolled-bg{background:#fff!important;}
.scrolled-font{color:#555!important;}
.scrolled-langu{color:#555!important;}
.scrolled-but{border:1px #555 solid!important; color:#555!important;}
/*end*/

/*index header 无背景固定*/
.nbg-index header{background:rgba(255,255,255,0); position:fixed!important;} 
.nbg-index #cd_menu li a{color:#222;}
.nbg-index .langu a{color:#222;}
.nbg-index .but a{border:1px #222 solid; color:#222;}

/*product-show header 无背景不固定*/
.nbg header{background:rgba(255,255,255,0);}
.nbg #cd_menu li a{color:#222;}
.nbg .langu a{color:#222;}
.nbg .but a{border:1px #222 solid; color:#222;}


/*通用 滚动到顶固定-fixedMenu.js*/
#fixedMenu{width:100%; height:50px; line-height:50px; margin-top:52px; background:#FFF; border-top:1px #f0f0f0 solid; box-shadow: 0 5px 10px -5px rgba(34,34,34,.1); 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:49px; line-height:49px; }
#fixedMenu .fixed-tit span{float:right; display:block; border:1px solid; width:100px; height:30px; margin:10px 0; line-height:30px; font-size:12px; text-align:center; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; cursor:pointer;}
.fixed-protit{text-align:center;}
.fixed-protit a{padding: 0 10px;}

@media (max-width:1023px){
  .fixed-tit{padding:0 10px;}
  .top-nav .fixed-tit span{margin-right:45px!important;}
  .fixed-protit a{padding: 0 5px;} 
}

/*navs menu*/
#nav_wrapper a, #nav_wrapper a:link{color: #9a9a9a;}
#nav_wrapper .hover2{color: #ec6918!important; font-weight: bold;}
/*navs menu end*/

/*滚动到顶固定-样式二 (about,pro-show) */
#fixedMenu2{width:100%; height:50px; line-height:50px; margin-top:52px; color:#ccc; position:absolute; z-index:10;}
#fixedMenu2 .fixed-tit{border-bottom:1px solid hsla(0,0%,0%,.2); font-size:18px; height:49px; line-height:49px;}
#fixedMenu2 .fixed-tit span{float:right; display:block; border:1px solid; width:100px; height:30px; margin:10px 0; line-height:30px; font-size:12px; text-align:center; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; cursor:pointer;}
.top-nav2{position: fixed!important; z-index: 999!important; margin-top: 0px!important; background: #fff; color: #f60!important; box-shadow: 0 5px 10px -5px rgba(34,34,34,.1);}
.gotop-margin{margin-top: 52px!important;}
.gotop-margin2{margin-top: 52px!important; background: none!important; box-shadow: none!important; color: #222!important;}
@media (max-width:1023px){
.top-nav2 .fixed-tit span{margin-right:45px!important;}
}
/*导航滚动变色 end*/


/*xia-menu*/
#p30,#p31,#p32,#p33,#p34,#p35,#p36{position:absolute; display:none; left:0; top:0; width:100%; height:350px; height:auto;*height:auto!important;_height: auto;overflow:hidden; padding-top:50px; background:#fff; z-index:-1;}
.font-black{color:#555!important;}

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

/*xia-menu pro-nav*/
.sub-nav{margin-top: 5px;}
.sub-nav .layui-col-md2{text-align: center; height: 240px;}
.sub-nav .img-wrapper{position:relative;}
.sub-nav .img-wrapper img{width:100%; display:block;}
.sub-nav .img-wrapper span{display:block; position:absolute; top:0; left:0; opacity:0;}
.sub-nav .m-list:hover .img-wrapper span{opacity:1; cursor:pointer; transition:0.5s;}
.sub-nav .img-txt{font-size:14px; line-height:25px; text-align:center;}
.sub-nav .img-txt u{font-size:15px; color: #000; display:block;}
.sub-mor{width: 100%; height: 60px; text-align: center; line-height: 60px; border-top:1px solid #eee;}

.pro-sublist{width:100%; height:50px; line-height:50px; padding-top:30px; border-top:1px #f0f0f0 solid; text-align:center;}
.pro-sublist a{margin:0 15px; color:#000!important;}

/*xia-menu sol-nav 公用*/
.sol-nav{padding:50px 0 40px 0; border-top:1px #f0f0f0 solid;}
.sol-nav .layui-row .layui-col-md3{text-align: center;}
.sol-nav .layui-row img{max-width:240px; border-radius:10px;}
.sol-nav .layui-row span{display: block; line-height:20px; font-size: 12px; color: #999; margin: 10px auto;}
.sol-nav .layui-row span h3{color: #000; font-size: 14px;}
.ser-icon img{max-width:80px!important; border-radius:0px!important;}
/*xia-menu end*/

/*tab*/
.tab{width:100%; overflow:hidden;}
.tab-title{height:45px; text-align:center; border-top:1px #f0f0f0 solid; padding-top:30px;}
.tab-title a{line-height: 30px; color: #000; cursor: pointer; display: inline-block;}
.tab-title .active1{color: #ec6918!important; font-weight: bold;}
.tab-content .tab-contentlist{display: none;}
.tab-content .tab-contentlist:nth-child(1){display: block;}
/*tab end*/

/*Layui 删格化5等份*/
.layui-col-lg2-4,.layui-col-md2-4,.layui-col-sm2-4,.layui-col-xs2-4{position:relative;display:block;box-sizing:border-box}
.layui-col-xs2-4{float:left}
.layui-col-xs2-4{width:19.9999992%}
.layui-col-xs-offset2-4{margin-left:19.9999992%}
@media screen and (min-width:768px){
    .layui-col-sm2-4{float:left}
    .layui-col-sm2-4{width:19.9999992%}
    .layui-col-sm-offset2-4{margin-left:19.9999992%}
}
@media screen and (min-width:992px){
    .layui-col-md2-4{float:left}
    .layui-col-md2-4{width:19.9999992%}
    .layui-col-md-offset2-4{margin-left:19.9999992%}
}
@media screen and (min-width:1200px){
    .layui-col-lg2-4{float:left}
    .layui-col-lg2-4{width:19.9999992%}
    .layui-col-lg-offset2-4{margin-left:19.9999992%}
}
/*Layui 删格化5等份 end*/

/*HOME*/
/*home num*/
.ser-index{padding-top: 80px!important; padding-bottom: 50px!important; background: #fff!important;}
.ser-index .grid-bg{padding: 0 20px; margin-top:10px!important;}
.pri-tit{font-size:18px; text-align:center; color:#555; line-height:35px;}
.pri-tit span{font-size:36px; font-weight: bold; color:#f60; display:block; margin:30px 0 20px 0;}
.pri-tit u{font-size:15px!important; line-height:35px; display:block; margin-top:15px;}

@media (max-width:1023px){
.ser-index{padding-top: 50px!important; padding-bottom: 50px!important; background: #f0f0f0!important;}
.pri-tit{font-size:14px; margin:0 10px; line-height:25px;}
.pri-tit span{font-size:24px; margin:0 0 20px 0;}
.pri-tit u{font-size:14px!important; margin-top:15px;}
}
@media (max-width:768px){
.pri-tit br{display: none;}
}

/*home case*/
.case{max-width:1880px; margin:20px auto; }
.case .layui-col-md4{text-align:center;}
.case .layui-col-md4 img{width:100%; }
.case .layui-col-md4 span{height:160px; display:block; background:#fff;}
.case .layui-col-md4 span h3{font-size:24px; font-weight:bold; color:#333; padding:20px 50px;}
.case .layui-col-md4 span u{font-size:15px; display:block; margin:10px 0;}
@media (max-width:1023px){
.case .layui-col-space20{margin: 0 0px}
.case .layui-col-space20>*{padding:0 0px}
}
/*HOME end*/

/*f_cd*/
.fbg{width:100%;height: auto;padding-bottom: 50px;margin:0px 0 0 0; background-color:#272727;}
.f1,.f3,.f4,.f5{float:left; width:15%; margin:0 1% 0 0;}
.f2{float:left; width:18%; margin:0 1% 0 0;}
.f1_cd,.f2_cd,.f3_cd,.f4_cd,.f5_cd{margin:40px 0 0 0;line-height:45px; font-size:16px; color:#fff;}
.f6{float:right;}
.phone{color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.work{font-size:12px; color:#aaa;}
.f7{float:right; width:100px; margin:55px 65px 0 0;}
.f7_cd img{max-width:100px;}
.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;}
/*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{color:#fff; font-size:20px; line-height:60px;}
.fmenu .icon i{margin:0 5px; vertical-align:middle; color:#fff; cursor:pointer;}
.fmenu .icon i:hover{color:#f60;}
.fmenu .icon .wx{font-size:24px;}
.fmenu .icon .wb{font-size:24px;}


.fmenu img{margin:15px 0 0 0; height:35px;}
.pv{font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; margin-left:5px;}
.pv u{font-size:15px;}
#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;}
.f1,.f2,.f3,.f4{display: none;}
.f6,.f7{float:none; margin: 0 auto;}
.f6{text-align: center; }
.f6 .f4_cd{font-size:20px;}
.phone{color:#fff; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.fmenu{display: none;}
.footer{height:50px; line-height:50px;}
.footer li{width:100%; float: none; text-align: center;}
}
/*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: #f60;}
#WeChat{text-align: center; line-height:30px; }
#WeChat img{display: block; max-width: 200px;}
/* 纯css3层 end */

/*products*/
.topimg3{width:100%;padding-top:17.1875%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:120px; max-height:450px; 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;}
.topimg3 .img-des{font-size:15px; line-height:25px; color:#222; margin-top:-8%;}
.topimg3 .img-des u{font-size:30px; line-height:70px; display:block;}
@media (max-width:1023px){
.topimg3 .img-des{width:63%; font-size:13px; line-height:18px; color:#FFF; margin:-7% 10px 0 10px;}
.topimg3 .img-des u{font-size:20px; line-height:50px; display:block;}
}
@media (max-width:768px){
.topimg3 .img-des br{display: none;}
}

/*pro-list*/
.pro{margin:50px 0;}
.pro .img-wrapper{position:relative;}
.pro .img-wrapper img{width:100%; display:block; background:#F0F0F0;}
.pro .img-wrapper span{display:block; position:absolute; top:0; left:0; opacity:0;}
.pro .layui-col-md3:hover .img-wrapper span{opacity:1; cursor:pointer; transition:0.5s;}
.pro .img-txt{font-size:12px; line-height:18px; text-align:center; padding:0 15px 50px 15px; height:80px; overflow:hidden; background:#F0F0F0;}
.pro .img-txt u{font-size:20px; color: #000;}
.pro .img-txt h3{font-size:15px; font-weight:bold; margin:10px 0;}

@media (max-width:1023px){
.pro{margin:20px;}
}  
/*products end*/

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

.feedback{background: #fff; padding: 80px 0;}
.feedback-tit{font-size:48px; font-weight: bold; color: #000; text-align: center;}
.feedback-tit p{font-size: 20px; font-weight: normal; color: #555; line-height: 35px; margin: 35px 0 0 0;}

.down{padding: 100px 0 40px 0; color: #fff; text-align: left; background: #000;}
.down-tit{font-size: 40px; font-weight: bold; margin-bottom: 50px;}
.down li{width:25%; display: inline-block;}
.down li .i1{font-size: 45px; width:70px;}
.down li .i2{font-size: 50px; width:70px;}
.down li div{float: left;}
.down li div h3{font-weight: bold; margin: 0 0 8px 0;}
.down li div p{color: #999;}
.down li div span{display: block; margin: 20px 0 0 0; width: 88px; height: 32px; border: 1px solid #999; color: #999; line-height: 32px; text-align: center; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.down li div span:hover{background-color: #fff; color: #000; }

@media (max-width:1023px){
.show-box{position:relative; top:103px; margin-bottom:103px;}
.show-box img{max-width:100%;}

.feedback{padding:50px 0;}
.feedback-tit{font-size:24px;}
.feedback-tit p{font-size:15px; line-height: 25px; margin: 20px 0 0 0;}

.down{padding: 50px 0px 20px;}
.down-tit{font-size: 24px; text-align: center;}
.down li{width:32%; text-align: center; }
.down li .i1{margin: 0 auto;}
.down li .i2{margin: 0 auto;}
.down li div{float: none;}
.down li div h3{font-size: 12px; font-weight: bold; margin: 10px 0 8px 0;}
.down li div span{display: block; margin: 20px auto 0 auto; width: 80px; height: 30px; line-height: 30px;}
}
/*product-show end*/

/*gbook*/
.layui-form{max-width:930px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:40px auto;}	
.label-1{width:150px; text-align:left; margin-left:-10px;}
.layui-btn{width:200px!important; height:45px!important; background-color:#F60; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
.center{text-align:center;}
#radio-checked{display: none;}

/*select*/
.layui-input, .layui-select, .layui-textarea {
    height: 45px; line-height: 1.3; line-height: 45px\9; border-width: 1px;
    border-style: solid; border-color:#ddd; background-color:#fff; border-radius:3px;
}
.layui-input:hover, .layui-textarea:hover {border-color:#F60!important;}
.layui-form-select dl dd.layui-this {background-color:#ddd; color:#333;}
/*单选框*/
.layui-form-radio>i:hover, .layui-form-radioed>i {color:#F60;}
/*复选框*/
.layui-form-checkbox[lay-skin=primary] {height:40px!important;}
.layui-form-checked[lay-skin=primary] i{border-color:#F60 !important;background-color:#fff !important;color:#F60 !important;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #F60; color:#fff;}

@media (max-width:1023px){
.layui-form{margin:40px 10px;}
}
/*gbook end*/

/*solution*/
.topimg4{width:100%;padding-top:20.83333%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:150px; max-height:550px; 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;}
.topimg4 .img-des{font-size:14px; line-height:22px; color:#FFF; margin-top:-10%;}
.topimg4 .img-des u{font-size:30px; line-height:70px; display:block;}
.topimg4 .font{font-size:18px; line-height:35px;}
.topimg4 .font u{font-size:40px; line-height:70px; font-weight:bold; display:block;}
.topimg4 .br br{display: none;}

@media (max-width:1023px){
.topimg4 .img-des{margin:-4% 10px 0 10px;}
.topimg4 .font{font-size:13px; line-height:24px;}
.topimg4 .font u{font-size:20px; line-height:40px;}
.topimg4 .br br{display: block;}
}
/*solution end*/

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

.cases{max-width:1200px; margin:50px auto;}
.cases .layui-col-md4 .grid-bg{background:#fff; margin:20px 0;}
.cases .layui-col-md4 .cases-img{width:100%;}

.cases-logo{max-width:130px; height:auto; display:block; margin:25px 0;}
.cases-txt{height:160px; display:block; margin:0 30px; font-size:18px;}
.cases-txt h3{font-weight:normal; display: inline-block; font-size: 18px;}
.cases-tag{margin:0 30px; padding:25px 0 50px 0; border-top:1px solid #eee;}
.cases-tag u{display:inline-block; padding:3px 12px; margin-right:8px; font-size:13px; color:#b18888; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.cases-tag .bg1{background:rgb(247, 243, 243); color:#b18888;}
.cases-tag .bg2{background:rgb(247, 242, 234); color:#AE9C81;}
.cases-tag .bg3{background:rgb(243, 245, 247); color:#798999;}

/*遮罩层*/
.mask-container{position:relative; overflow:hidden;}
.mask {display: none; position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s;}
.mask-container:hover .mask{opacity:1; filter:alpha(opacity=1);}
.mask span{display:block; width:200px; margin:0 auto; padding:40% 0 0 0;}
.mask img{max-width:200px; margin-left:-9999px; filter:drop-shadow(#fff 9999px 0);}
.mask p{font-size:18px; color:#fff; text-align:center; margin-top:50%;}

.show{position:relative; top:0px;}
.show .txt{position:absolute; z-index:5; font-size:48px; line-height:70px; color:#fff; margin-top:20%;}
.show .img img{max-width:100%;}
.box .logo{max-width:300px; margin:30px 0;}

@media (max-width:1023px){
.layui-col-space40{margin: 0 0px}
.layui-col-space40>*{padding:0 0px}
.cases{margin:-20px auto;}
.show .img img{max-width:none; height:300px;}
.show .txt{font-size:30px; line-height:40px; margin:25% 10px 0 10px;}
.box .logo{max-width:200px; margin:10px;}
}
/*cases end*/

/*service*/
.services{margin:60px 0;}
.services .grid-bg{padding: 40px; min-height:380px; overflow: hidden; background: #F0F0F0; border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.services img{max-width: 96px;}
.services span{font-size: 15px; display: block; margin: 30px 0;}
.services span u{font-size: 20px; font-weight: bold; color: #000; display: block; margin: 10px 0;}
.services .grid-bg li{margin:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media (max-width:1023px){
.services{margin:30px;} 
.services .grid-bg{padding: 30px; min-height:auto;}
}
/*service end*/

/*video layer + layer.js*/
.layer-box video{width:100%; display: block; outline:none;}
.layer-box{position:fixed; width:100%; height:100%; top:0px; left:0; z-index:10; display:none;}
.layer-content{position:absolute; z-index:100; max-width:1080px;
    left:50%; top:50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); 
    }
.closebtn{position:absolute; top:10px; right:10px; z-index:10; font-size:30px; cursor: pointer; color: #fff;}
.closebtn:hover{color: #f60;}
.closebg{position:absolute; z-index:1; width:100%; height:100%; top:0; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

@media (max-width:1023px){
.layer-content{max-width:95%;
    left:0; top:30%;
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%); 
    }
}
/*video layer end*/

/*download*/
.down_box{margin:50px 0;}
.download{margin:50px 0;}
.download .img-wrapper{position:relative; border-radius: 10px; overflow: hidden;}
.download .img-wrapper img{width:100%; display:block; background:#F80;}
.download .img-wrapper span{display:block; position:absolute; top:0; left:0; opacity:0;}
.download .layui-col-md3:hover .img-wrapper span{opacity:1; cursor:pointer; transition:0.5s;}
.download .layui-col-md3:hover .img-wrapper img{background: #999;}
.download .img-txt{font-size:16px; line-height:18px; text-align:center; padding:15px 15px 20px 15px;}
.down_title{font-size: 20px; line-height: 35px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.mp4 .img-wrapper img{background: #eee!important;}

.icon-down{position: absolute; z-index: 5; width: 100%; height: 100%; background: #000; opacity:0; text-align: center;}
.download .layui-col-md3:hover .icon-down{opacity:0.5; transition:0.5s;} 
.download .layui-col-md3:hover .icon-down i{font-size: 50px; color: #fff; display: block; margin-top: 38%; opacity:1!important;}

@media (max-width:1023px){
.down_box{margin:30px 0;}
.download{margin:20px;}
.down_title{font-size: 18px; margin: 0 10px;}
}
@media (max-width:768px){
.download .layui-col-md3:hover .img-wrapper span{opacity:0;} 
.download .layui-col-md3:hover .icon-down{opacity:0.1; transition:0.5s;}   
}
/*download end*/

/*join*/
.job{margin:60px 0;}
.job .grid-bg{padding: 40px; min-height:380px; overflow: hidden; background: #fff; border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.job-list li{border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px;}
.job-list li:hover h3{color: #f60;}
.job-list h3{font-size: 18px; color: #000;}
.job-des{margin: 8px 0; font-size: 14px; line-height:25px; color: #999;}
.job-date span{width: 50%; display: inline-block; color: #999; margin-top: 10px;}
.job-date .date{text-align: right;}

.job .layui-col-md3 .rig dl dt{font-size:20px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.job .layui-col-md3 .rig dl dd{line-height: 25px;}
.job .layui-col-md3 .rig dl dd img{width: 120px; margin-top: 15px; display: inline-block;}

@media (max-width:1023px){
.job{margin:20px 10px;}
.job .m30{margin-top:10px;}
.job .grid-bg{padding: 15px; min-height:auto;}
.job_tit{margin-top: -20%!important;}
.job .layui-col-md3{text-align: center;}
.job .layui-col-space20{margin: 0 -5px}
.job .layui-col-space20>*{padding:0 5px}
}
/*join end*/

/*about*/
/*about-service*/
.topimg5{width:100%;padding-top:18.22916%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:350px; max-height:700px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc); text-align:center;}
.topimg5 .img-des{width:95%; font-size:18px; line-height:35px; color:#222; margin-top:-5%;}
.topimg5 .img-des span{font-size:40px; line-height:60px; margin-bottom:40px; display:block;}

.ser-wrapper .title{width: 100%; display: inline-block; font-size: 18px; text-align: center; line-height: 35px;}
.ser-wrapper .title span{font-size: 40px; font-weight: bold; color: #f60; display: block; margin-bottom: 20px;}
.ser-wrapper{width: 100%; padding: 120px 0; background: #f6f6f6;}
.ser-wrapper .grid-bg{background: #fff; padding: 40px 20px; margin-top:80px; text-align: center; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.ser-wrapper-txt img{max-width: 170px; margin-bottom: 10px;}
.ser-wrapper-txt span{font-size: 15px; line-height: 22px; height: 100px; display: block; color: #9a9a9a;}
.ser-wrapper-txt span u{font-size: 20px; font-weight: bold; color: #000; display: block; margin: 10px 0;}

@media (max-width:1023px){
.topimg5 .img-des{margin:20% 10px 0 10px;}
.topimg5 .img-des{font-size:14px; line-height:25px; margin-top:5%;}
.topimg5 .img-des span{font-size:24px; line-height:40px; margin-bottom:10px; display:block;}

.ser-wrapper .title{width: 98%; margin:0 1% 10px 1%; font-size:15px; line-height: 25px;}
.ser-wrapper .title span{font-size: 24px;}
.ser-wrapper{width: 98%; padding: 50px 1%;}
.ser-wrapper .grid-bg{padding: 40px 10px; margin-top:10px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.ser-wrapper-txt img{max-width: 120px;}
.ser-wrapper-txt span{font-size: 14px; height: auto;}
.ser-wrapper-txt span u{font-size: 18px;}
.ser-wrapper .layui-col-space40{margin: 0 -5px}
.ser-wrapper .layui-col-space40>*{padding:0 5px}
}

@media (max-width:768px){
.topimg5 .img-des{margin-top:20%;}
.topimg5 .img-des br{display: none;}
.ser-wrapper .title br{display: none;}
}
/*about-service end*/

/*contact*/
.contact{width: 100%; padding: 120px 0; background: #f6f6f6;}
.contact .title{width:100%; display: inline-block; font-size: 40px; font-weight: bold; color: #f60; text-align: center; margin-bottom: 50px;}
.contact ul{padding: 10px 10px; margin-top:25px;}
.contact ul li{line-height: 45px; font-size: 17px;}
.contact ul li span{font-size: 24px; color: #000;}
.maplink{display: block; width: 110px; height: 25px; margin: 10px auto; font-size: 14px; line-height: 25px; text-align: center; color: #999!important; border: 1px solid #999; border-radius: 50px;}
#container,#container2{width:99.5%; height:335px; border:1px #ddd solid;}
.amap-logo,.amap-copyright{opacity:0;}

@media (max-width:1023px){
.contact{padding: 50px 0;}
.contact .title{font-size: 24px; margin-bottom: 20px;}
#container,#container2{width:99.5%; height:250px;}
.contact ul{margin-top:0px;}
.contact ul li span{font-size: 20px; font-weight: bold;}
}
/*contact end*/
/*about end*/

/*about时间轴*/
.timeline-wrapper{padding: 120px 0;}
.timeline-wrapper .title{font-size: 40px; font-weight: bold; color: #f60; width: 100%; text-align: center; display: block; margin-bottom: 50px;}
.main-timeline i{font-style: normal;}
.main-timeline .txt img{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.get_more{width: 150px; height: 40px; line-height: 42px; font-size: 16px; text-align: center; display: block; border: 1px solid #999; background: #fff; border-radius: 50px; position:absolute; bottom: 0px; left: 50%; margin-left: -75px;}
.get_more:hover{border: 1px solid #f60; background: #f60; color: #fff;}

@media (max-width:1023px){
.timeline-wrapper{padding: 50px 0;}
.timeline-wrapper .title{font-size: 24px; margin-bottom: 20px;}
}

.main-timeline div{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*规定两个并排的框*/
.main-timeline:after,.main-timeline:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-timeline{
    max-width:1200px; margin:0 auto; padding-top:40px; padding-bottom: 100px;
    overflow: hidden;
    position: relative;
}
.main-timeline:before{
    content: "";
    width: 2px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.main-timeline .timeline{
    width: 50%;
    padding-right:80px;
    float: left;
    position: relative;
}
.main-timeline .timeline:before{
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background:url(../images/circle.png) #fff;
    position: absolute;
    top: 15px;
    right: -9px;
    transform: translateY(-50%);
}

.main-timeline .txt{font-size:16px; line-height:35px;}
.main-timeline .txt h3{display:block; font-size:22px; font-weight:bold; margin:0 0 10px 0;}
.main-timeline .txt img{margin:20px 0; width:100%;}

.main-timeline .timeline:nth-child(2n){padding: 0 0 0 80px;}
.main-timeline .timeline:nth-child(2n):before{right: auto; left: -9px;}
.main-timeline .timeline:nth-child(2){margin-top: 0;}
.main-timeline .timeline:nth-child(odd){margin: -30px 0 0 0; text-align:right;}
.main-timeline .timeline:nth-child(even){margin: 50px 0 0 0;}
.main-timeline .timeline:last-child:nth-child(even){margin:50px 0 0 0; }

@media only screen and (max-width: 970px){
.main-timeline .txt{font-size:14px;}
.main-timeline .txt h3{font-size:18px;}
.main-timeline .txt img{margin:20px 0 0 0;}

.main-timeline{padding-top: 10px;}
.main-timeline .timeline{padding-right:0; padding-left:25px;}
.main-timeline:before,
.main-timeline .timeline:before{
    left: 15px;
    transform: translateX(0);
}
.main-timeline .timeline,
.main-timeline .timeline:nth-child(even),
.main-timeline .timeline:nth-child(odd){
    width: 95%;
    float: none;
    margin: 0 0 30px 10px; text-align:left;
}
.main-timeline .timeline:last-child{margin-bottom: 0; }
.main-timeline .timeline:nth-child(2n){padding: 0 0 0 25px;}
.main-timeline .timeline:before,
.main-timeline .timeline:nth-child(1n):before{left: -3px; }
.main-timeline .timeline:last-child:nth-child(even){margin:50px 0 0 10px; }
}
/*about时间轴 end*/

/*join*/
/*navs menu*/
.navs li{float:left; text-align:center; height:45px; line-height:45px; margin-bottom:20px;}
.navs li a, .navs li a:link{padding:0 40px; margin-right:18px; border-radius:50px; background-color:#666; color:#fff; text-decoration:none; display:block;}
.navs .hover{background-color:#f60; color:#fff; text-decoration:none; display:block;}
@media (max-width:640px){
.cdbg{height:45px;}
.navs li{height:35px; line-height:35px;}
.navs li a, .navs li a:link{padding:0 12px;}
}
/*navs menu end*/

/*--img--*/
.m-list {cursor:pointer;}
.m-list .img {overflow: hidden;}
.m-list img {
/* width: 360px; */
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

.pro .layui-col-md3:hover .img img, .sub-nav .layui-col-md2:hover .img img{
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-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 20px 3px;clear:both; text-align: center; margin:0 0 80px 0;}
DIV.digg A {BORDER: #999 1px solid; PADDING: 5px 10px 5px 10px;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: #f60 1px solid; COLOR: #fff; background:#f60;}
DIV.digg A:active {BORDER: #f60 1px solid; COLOR: #f60;}
DIV.digg SPAN.current {BORDER: #666 1px solid; PADDING: 5px 10px 5px 10px; MARGIN:2px; TEXT-DECORATION: none; FONT-WEIGHT: bold; BACKGROUND-COLOR: #666;border-radius:3px; color:#fff;}
DIV.digg SPAN.disabled {BORDER: #EEE 1px solid; PADDING: 5px 10px 5px 10px;MARGIN:2px; COLOR: #fff; border-radius:3px;}
/*page end*/

.nothing{margin:30px 10px; min-height:300px;}
.pulltop{width:52px; height:52px; background:url(../images/top.png) no-repeat; text-indent:-999em; position:fixed; z-index:10000; right:30px; bottom:120px; cursor:pointer;}
.pulltop:hover{background-position:0 -53px;}
@media (max-width:1200px){
DIV.digg {margin:0;}
.content{margin:0 10px;}
.content video,.full-content video{width:100%!important; height:auto!important;}
.pulltop{display:none!important;}
}