@charset "utf-8";
/* CSS Document */
@import url(global.css);
@import url(//at.alicdn.com/t/font_2127900_75vl4jgjjjw.css);
/*头部*/
.banner-top.index{position:relative;height:670px}
.banner-top.subpages{position:relative;height:520px}
.topbg {line-height: 30px; width: 100%; display: flex; justify-content: space-between;font-size: 12px; color: #fff;}
.topbg .iconfont { font-size: 20px;margin-right: 10px;vertical-align: sub; }
.container{width:1200px!important;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;z-index:10;position:relative}
.container:after{content:'';display:block;height:0;clear:both;visibility:hidden}
header{z-index:1000;position:relative;background:0 0}
.topnav{position:relative;z-index:1001;margin-bottom:0;background:rgba(255,255,255,.05);padding:3px 0;box-sizing:content-box; display: none !important;}
.topnav .navbar{min-height:30px;background-color:transparent}
.navbar-nav{font-size:16px}
.topnav .navbar .navbar-nav>li{color:#FFF;line-height:30px;padding:1px 10px}
.navbar-nav>li{float:left}
.topnav .navbar .navbar-nav>li>a{color:#fff!important;padding:0;position:relative;line-height:32px;height:32px;font-size:14px}
.topnav .navbar .navbar-nav>li .fa{color:#FC0;margin-right:5px;font-size:1.2em;font-weight:600;vertical-align:middle}
header .navbar .navbar-nav>li:last-child{margin-right:0}
.caret{display:inline-block;width:0;height:0;margin-left:10px;vertical-align:middle;border-top:6px dashed;border-right:6px solid transparent;border-left:6px solid transparent}
header.fixed{z-index:99999;position:fixed;width:100%;top:0;background:linear-gradient(45deg,#0896FF 3%,#1e88e5 55%,#009CFF 91%);padding:8px 0}
header.fixed .navbar .navbar-brand{ height:50px;background-size:150px 50px}
header.fixed .navbar .navbar-nav>li>a{line-height:50px}
header.fixed .navbar .navbar-nav>li>a.login{margin-top:11px}
header .navbar{margin:0;border:0 none;background-color:transparent;position:relative;min-height:50px;border-radius:4px; display: flex; justify-content: space-between; align-items: center;}
header .navbar .navbar-header{ display:block;float:left}
header .navbar .navbar-brand{display:inline-block;padding:0;height:50px;}
header .navbar .navbar-brand img { height: 100%;}
.header .topnav .navbar .navbar-nav{margin-left:0}
header .navbar .navbar-nav{ display: flex; justify-content: flex-end; position: relative; width: 70%; }
header .navbar .navbar-nav>li:last-child{margin-right:0}
header .navbar .navbar-nav>li>a{color:#FFF;font-size:16px;line-height:70px;padding:5px 0 0 60px;position:relative;text-transform:uppercase}
header .navbar .navbar-nav>.active>a,header .navbar .navbar-nav>.active>a:focus,header .navbar .navbar-nav>.active>a:hover,header .navbar .navbar-nav>li>a:focus,header .navbar .navbar-nav>li>a:hover{color:#FFdd00}
header .navbar .navbar-nav>li>a.login{padding:7px 18px;line-height:20px;margin-top:21px;margin-right:15px;border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;color:#FFF;font-size:16px;position:relative;display:block;border-radius:4px}
.col-xs-12{width:100%;float:left;position:relative}
header .navbar .navbar-nav>li>a.login:hover{box-shadow:inset 0 0 0 2px #FC0;background-color:transparent}
.top-menu-header{background:#202124!important;border-bottom:1px rgba(255,255,255,.2) solid;opacity:.95}
.subnav{position:absolute;z-index:1001;top:70px;left:0;width:100%;}
.subnav.fixed{position:absolute;top: 58px;}
.subnav .sub-nav{background-color:#202124;opacity:.97;flex-direction: row;padding: 2% 0 2% 2%;}
.subnav .sub-nav:after{content:'';clear:both}
.sub-nav dl { display: inline-block; width: 17%; margin: 1%; text-align: center;}
.sub-nav dl .col-xs-6{width:50%;float:left}
.sub-nav dt,.sub-nav dt a{color:#FFF;font-size:14px;line-height:30px;padding-bottom:10px;margin-top:20px;font-weight:400}
.sub-nav dd{position:relative;}
.sub-nav dd i {margin-right:10px; font-size: 22px;}
.sub-nav dd img {margin-right:10px; width: 30px;}
.sub-nav dd a{color:rgba(255,255,255,.7); display: flex; align-items: center;justify-content: center; padding: 10px; border: 1px solid #444; border-radius: 5px;font-size: 15px;}
.sub-nav dd a:hover{color:#FC0; border: 1px solid #FC0;}
.icon-daoqi {background: url(/default/main/images/wanqionline/ion-daoqi.png) no-repeat;background-size: cover;width: 22px;height: 22px;}
.sub-nav dd a:hover .icon-daoqi{background: url(/default/main/images/wanqionline/ion-daoqiH.png) no-repeat;background-size: cover;}
.icon-huiyuanxing {background: url(/default/main/images/wanqionline/ion-huiyuanxing.png) no-repeat;background-size: cover;width: 22px;height: 22px;}
.sub-nav dd a:hover .icon-huiyuanxing{background: url(/default/main/images/wanqionline/ion-huiyuanxingH.png) no-repeat;background-size: cover;}
.slideBox{position:absolute;top:0;width:100%}
.slideBox .hd{width:100%;height:25px;overflow:hidden;position:absolute;bottom:20px;z-index:1000}
.slideBox .hd ul{text-align:center;width:100%}
.slideBox .hd ul li{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #fff;cursor:pointer}
.slideBox .hd ul li.on{background:#fff;color:#fff}
.slideBox .bd{ position:relative;width:100%;overflow:hidden}
.slideBox .bd li{ width:100%; }
.slideBox .item{height:670px;}
.slideBox .item img { width: 100%;}
/* footer */
.footer {width:100%;background:#535353;display: inline-block;font-size: 14px;}
.footer .footer2{width:100%;width:1200px;margin: 0 auto; display: flex;justify-content: space-between;}
.footer .footer2 .footerlogo{float:left; width: 400px;margin-top: 4%; text-align: center;}
.footer .footer2 .footerlogo img { width: 66%; }
.footer .footer2 .footerlogo p { background: #454545; margin: 5% auto; padding:8px 0; color: #ccc; width: 80%; text-align: center;}
.footer .footer2 .footcard { float:right; width: 30%; padding: 3% 0 2% 8%; color: #fff;}
.footer .footer2 .footcard:nth-child(4) { width: 40%;}
.footer .footer2 .footcard a { color: #bbb;}
.footer .footer2 .footcard a:hover { color: #0896FF;}
.footer .footer2 .footcard h3 { font-size: 18px; position: relative; padding-bottom: 7%; margin-bottom:7%;display: block;border-bottom: 1px solid #696969; width: 100%; }
.footer .footer2 .footcard h3:after { content: ''; position: absolute; left:0; bottom:0; border-bottom: 2px solid #bdbdbd; width: 30px; }   
.footer .footer2 .footcard .tel { font-size: 32px; color: #0896FF; margin:1% 0; display: inline-block;}
.footer .footer2 .footcard .note { font-size: 14px; color: #bbb; margin:3% 0;} 
.footer .footer2 .footcard .code { width: 240px;margin: 0 1%;}
.footer .footer2 .footcard ul li {font-size: 14px; color: #ccc; line-height: 24px;margin: 0 3%;}
.copyrights{color:#7d7d7d;font-size:14px; width: 100%;background: #444; text-align: center;display: inline-block;}
.copyrights a{display:inline-block;padding:0 10px;color:#7d7d7d;font-size:14px;line-height:40px;cursor:pointer}
.copyrights a:hover{ color:#a2a2a2;}
.copyrights .gov-icon{display:inline-block;margin-right:4px;width:15px;height:19px;background-color:#1b1b1b;vertical-align:middle}
.copyrights .gov-icon-wa{background-position:0 0}
.copyrights .gov-icon-icp{background-position:-15px 0}
.copyrights .tukuppt-right{display:inline-block;height:40px;line-height:40px}
/* footer end*/
.backtop{position:fixed;z-index:99;right:30px;bottom:40px;display: none;border: none;z-index: 99;background: none;outline:none;}
.backtop a{box-shadow:0 2px 4px 0 #DDD;width:50px;height:50px;background:#FFF;display:block;transition:all .35s;outline:none;display: flex; align-items: center; justify-content: center;}
.backtop a:hover{box-shadow:0 4px 6px 0 #ccc;}
/* 返回首页 end */
.indexpart { width: 100%;margin: 0 auto; max-width: 1200px;}
.indexpart h2 { font-size: 36px; text-align: center; margin: 0;font-weight: normal; position: relative;padding: 80px 0 10px;}
.indexpart text { margin: 0 auto 3% auto; width: 100%; display: block; font-size: 15px;font-weight: normal;text-align: center;color: #666;}
.indexpart-theme { padding: 40px 0 50px 0; margin: 0 auto; width: 1200px; display: flex;}
.indexproduct { padding: 40px 0 50px 0;width: 100%;display: -webkit-flex; -webkit-flex-wrap: nowrap; display: flex; flex-wrap: wrap;}
.indexcase { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: space-around;}
.indexsellwell { width: 24%; background: #fff; margin: 6px; box-shadow: 0 4px 15px 1px rgba(49, 49, 49, 0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexsellwell:hover { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); z-index: 1002; position: relative; left: 0;}	
.carousel img { width: 100%; height: 192px; }
.inner {padding: 20px;}
.inner h3 { font-size: 17px; color: #333; margin: 0; font-weight: 400; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 48px; line-height: 24px;}
.inner .parttext { font-size: 14px; color: #999; line-height: 24px; height: 70px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;margin-top: 3%;}
.rowLeft { color: #666; line-height: 30px; padding: 3%; float: left;}
/*公司介绍焦点图*/
.bookSlideBox{ width:500px; height:auto; overflow:hidden; position:relative; font-weight: 300;}
.bookSlideBox .hd{ height:20px; overflow:hidden; position:absolute;bottom:5px; z-index:1; width:100%; text-align:center;}
.bookSlideBox .hd ul{ overflow:hidden; zoom:1 }
.bookSlideBox .hd ul li{ display:inline-block;margin:6px;width:8px; height:8px;background:#ccc; border:2px solid #ccc;  cursor:pointer; border-radius:100%; font-weight: 300; }
.bookSlideBox .hd ul li.on{ background:#fff; border:2px solid #f00; font-weight: 300; }
.bookSlideBox .bd{ position:relative; height:100%; z-index:0;   }
.bookSlideBox .bd li{ zoom:1; vertical-align:middle; font-weight: 300; }
.bookSlideBox .bd img{ width:100%; display:block; }
.bookSlideBox .prev,.bookSlideBox .next{ position:absolute; left:20px; top:40%; margin-top:-30px; display:block; width:16px; height:16px; filter:alpha(opacity=0);opacity:0; font-weight: 300; border-right: 3px solid #888; border-top: 3px solid #888; }
.bookSlideBox .next{ left:auto; right:20px; background-position:0 60px; }
.bookSlideBox .prev:hover,.bookSlideBox .next:hover{ border-right: 3px solid #fff; border-top: 3px solid #fff; }
.bookSlideBox:hover .prev{ filter:alpha(opacity=100);opacity:1; }
.bookSlideBox:hover .next{ filter:alpha(opacity=100);opacity:1; }
.bookSlideBox .prev { -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.bookSlideBox .next { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.trainTeacherCon{padding: 3%; text-align: center; font-weight: 300;}
.trainTeacherCon p{ color: #666; font-size: 13px;}
.slide-item { width: 1200px; position: relative; margin: 0 auto;}
.slide-item-box { padding: 3% 0;}
.bookSlideBox .prev,.bookSlideBox .next{ position:absolute; left:20px; top:40%; margin-top:-30px; display:block; width:16px; height:16px; filter:alpha(opacity=0);opacity:0; font-weight: 300; border-right: 3px solid #888; border-top: 3px solid #888; }
.bookSlideBox .next{ left:auto; right:20px; background-position:0 60px; }
.bookSlideBox .prev:hover,.bookSlideBox .next:hover{ border-right: 3px solid #fff; border-top: 3px solid #fff; }
.bookSlideBox:hover .prev{ filter:alpha(opacity=100);opacity:1; }
.bookSlideBox:hover .next{ filter:alpha(opacity=100);opacity:1; }
.bookSlideBox .prev { -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.bookSlideBox .next { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.slide-item-box .prev,.slide-item-box .next { position: absolute; top: 50%; z-index: 10; cursor: pointer; height: 20px; width: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.slide-item-box .prev-bg,.slide-item-box .next-bg { border-right: 6px solid #ccc; border-top: 6px solid #ccc; }
.slide-item-box .prev-bg:hover,.slide-item-box .next:hover { border-right: 6px solid #999; border-top: 6px solid #999;}
.slide-item-box .next { left: -157px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.slide-item-box .prev { right: -169px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.slide-item-body .tempWrap { width: 100%!important;}
.slide-item-body .clearfix { padding: 20px 0!important; overflow: visible;}
.cardBj { padding: 0 15px 10px; height: 212px; position: relative;background: #fff; color: #333; width: 45.7%; margin: .5%;float:left;text-align: center; box-shadow: 0 0 4px 0 rgba(49, 49, 49, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #fff;}
.cardBjfour::after,.cardBjfives::after { position: absolute; bottom: 0; right: 0;content:"";background-size:cover!important;width:120px;height:120px;filter: opacity(30%);opacity:0.3;}
.cardBjfour::after {background: url(/default/main/images/wanqionline/productbg.svg) no-repeat center bottom;}
.cardBjfives::after {background: url(/default/main/images/wanqionline/productbg2.svg) no-repeat center bottom;width:120px;height:130px;}
.carddeepSkyBlue:hover { border: 1px solid #00BFFF;}
.carddeepSkyBlue .cardBorder i { color: #00BFFF;}
.cardblue:hover { border: 1px solid #009CFF;}
.cardblue .cardBorder i { color: #009CFF;}
.cardpink:hover { border: 1px solid #ff689b;}
.cardpink .cardBorder i { color: #ff689b;}
.cardcyan:hover { border: 1px solid #3fcdc7;}
.cardcyan .cardBorder i { color: #3fcdc7;}
.cardgreen:hover { border: 1px solid #4EEE94;}
.cardgreen .cardBorder i { color: #4EEE94;}
.cardpurple:hover { border: 1px solid #A020F0;}
.cardpurple .cardBorder i { color: #A020F0;}
.cardorange:hover { border: 1px solid #FFA500;}
.cardorange .cardBorder i { color: #FFA500;}
.cardred:hover { border: 1px solid #FF6A6A;}
.cardred .cardBorder i { color: #FF6A6A;}
.cardBj .cardBorder { width: 100%; margin: 20px auto;display: flex; align-items: center; justify-content: center;}
.cardBj .cardBorder i { font-size: 32px;}
.cardBorder img { width: 110px;height: 110px;}
.cardBorder p {font-size: 18px; margin-left: 5%; }
.cardTxt { line-height: 26px; box-sizing: border-box; color: #666; padding: 5% 0 2% 2%; text-align: left; border-top: 1px #e8e8e8 dashed; font-size: 14px; }
.five .cardBj:nth-child(4),.five .cardBj:nth-child(5) { width: 45.6%;}
.five .cardBj,.six .cardBj { width: 29%;margin: .5%;}
.changetab .box{position:relative;margin:0 auto;display: flex;flex-wrap: wrap;padding: 40px 0 50px 0;justify-content: space-between;}
.changetab .box .menus{width:200px;float:left;margin-top:100px;border-radius:6px;overflow:hidden}
.changetab .box .menus li{width:200px;height:60px;background:#1d7de7;font-size:18px;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);line-height:60px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s}
.changetab .box .menus li:nth-child(7){border-bottom:none}
.changetab .box .bg{height:100px!important;background:#f90!important;line-height:100px!important}
.changetab .right{/*width:950px;*/height:600px;overflow:hidden; flex:1;margin-left:30px;float:right;}
.tab_right{width:100%;height:600px;color:#fff;text-align:center;position:relative;float:left;}
.changetab .scroll{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s}
/* .change-box {width:100%;margin:0 auto;position:relative;transition:all .3s ease}
.change-box .change-cut{margin:40px 0 0}
.change-box .change-cut .tab{height:60px;line-height:60px;text-align:center;font-size:24px;background-color:#f5f5f5;box-sizing:border-box;border-right:1px solid #e5e5e5;position:relative;cursor:default;width:33.33%;float:left;}
.flex-rows{display:flex;flex-direction:row;justify-content:center;align-items:center}
.change-box .change-cut ul{border:1px solid #e5e5e5;margin-left:0}
.change-box .change-cut .tab.on{background-color:#4f77fc;color:#fff}
.change-box .change-cut .tab.on:after{content:"";position:absolute;width:0;height:0;border:11px solid;border-color:#4f77fc transparent transparent transparent;bottom:-22px;left:50%;transform:translateX(-50%);transition:all .3s ease}
.change-box .contentbox>.flex-row{justify-content:space-between} */
.channel { width: 25%; border:1px solid #EBEBEB; float: left; margin-left: 10px; text-align: center; color: #666; padding:4% 0;background: #fff; }
.channel img {width: 76px;height: 76px;}
.channel h3 { font-size: 20px; color: #0896FF; margin: 0; padding: 20px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;height: 38px; line-height: 36px;}
.channel a { width: 120px; font-size: 16px; height: 36px; border-radius: 4px; border: 1px solid #0896FF; color: #0896FF; line-height: 36px; text-align: center; cursor: pointer; text-decoration: none; display: block; margin: 20px auto; }
.channel a:hover { background: #0896FF; color: #fff;}
.channel .parttext { padding: 2% 8%;line-height: 30px;}
.scene { width: 100%; overflow: hidden; max-width:100%;}
.scene-ctt {display: inline-block; width: 6500px; overflow-x: hidden;margin: 40px 0; -webkit-animation: cycle 30s linear infinite; animation: cycle 30s linear infinite;}
.merchants { justify-content: space-between; }
.list_item { width: 48%; height: 300px; background-size:cover; }	
.list_item .mask { display: flex;justify-content: center; align-items: center; width: 100%; height: 100%;}
.list_item .mask:hover { background-color: rgba(0, 0, 0, .5);}
.list_item .mask .dw-title { font-size: 30px; margin-top: 4px; color: #fff; text-align: center;}
.list_item .mask .dw-des { color: #fff; font-size: 14px;}
.list_item .mask .info { height: 0; overflow: hidden; transition: all .3s; }
.list_item .mask:hover .info { height: 42px; transition: all .3s; }
.list_item .mask .dw-border { width: 112px; height: 2px; margin: 10px auto; background: #fff; }
@keyframes cycle{
	0% {
	    transform: translateX(0);
	}
	100% {
	    transform: translateX(-2100px);
	}
}
/* index end */
.section {margin: 0 auto; width: 100%;}
.banner { width: 100%; position: absolute; top: 0;height: 520px; }
.banner img { width: 100%; height: 100%; }
/* 产品 */
#lib_Tab1,#lib_Tab2{width:100%;margin:5% auto 3%;padding:0px;display: inline-block;}
.lib_Menubox{ width: 100%;display: inline-block;}
.lib_Menubox li{float:left;display:block;cursor:pointer;width:25%;color:#333;font-weight:400;height:44px;line-height:44px; background:#f3f3f3; text-align: center; font-size: 16px;}
.lib_Menubox li.hover{padding:0px;background:#fff;width:25%;border-top:3px solid #009CFF;color:#009CFF;line-height:42px;height: 41px;}
.lib_Contentbox{clear:both;padding:2%;display: inline-block;background: #fff;}
.indexMenubox { display: flex; justify-content: space-around; margin: 0 auto; border-bottom: 1px solid #e9ebef;}
.indexMenubox li { flex:1;color: #031129;position: relative;line-height:38px; background: none;}
.indexMenubox li.hover { border: none;line-height:24px;}
.indexMenubox li.hover::after {content: "";display: block; width: 100px; margin-left: -50px; height: 3px; position: absolute; bottom: -3px; left: 50%; background: #009CFF;box-sizing: border-box; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; -webkit-transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left;}
.indexContentbox {padding:0; margin-top: 30px; width: 100%;background: none;}
.indextabbox { display: flex; justify-content: flex-start;}
.indexContentbox .tableft { width: 200px; min-width: 200px; height: 460px; border-radius: 2px; color: #fff; text-align: left; background-size: cover; float: left; margin-top: .3%;}
.indexContentbox .tableft .name { padding:40px 30px 20px; font-size: 20px; line-height: 30px;}
.indexContentbox .tableft .desc { padding: 0 30px;font-size: 14px;line-height: 18px;color: #ffffffd1;}
.indexContentbox .tabright {width: 990px; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; float: right;height: 450px;margin-left: 10px;}
.productImg { width: 500px; height: 334px; float: left;}
.Contentbox { color: #666;margin-left: 2%;float: right; width: 54%; }
.Contentbox h1 { color: #333; }
.Contentbox .describe { font-size: 16px;margin-top: 3%;}
.Contentbox .note { font-size: 15px; border-top: 1px solid #ede9e9;margin-top: 2%;line-height: 24px;height: 210px;}
.Contentbox .note p { margin: 2% auto;}
.Contentbox .note font { position: relative; padding-left: 2%; display: block;}
.Contentbox .note font::after { content: '●'; position: absolute; left: 0;font-size: 12px;}
.Contentbox .divbox { display: flex; justify-content: space-between; align-items: center;}
.Contentbox .detail { font-size: 18px; font-weight: 300; color: #333; line-height: 36px; margin-top: 20px;}
.contentdiv { padding:2% 0; display: flex; align-items: center; justify-content: space-between;}
.contentdiv .picintroduce { width: 500px; height: 539px; margin: 2%; }
.contentdiv .Contentbox { width: 45%; margin: 3%; }
.contentdiv .Contentbox .menu { margin-top: 40px; width: 366px; display: inline-block;}
.contentdiv .Contentbox .menu li { background: rgba(255,77,79,0.1); border-radius: 6px; font-size: 18px; font-weight: 300; color: rgba(255,77,79,1); text-align: center; width: 150px; float: left; margin-right: 3%; margin-bottom: 10px;}
.contentdiv .Contentbox .menu li a { width: 100%; color: #ff4d4f; line-height: 25px; padding: 5px 0px;display: block;}
.contentdiv .Contentbox .menu li a i {margin-right:6px; font-size: 20px;}
.contentdiv .Contentbox .menu li:hover,.contentdiv .Contentbox .menu li a:hover { background: #ff4d4f; color: #fff; border-radius: 6px;}.money{ color: #FF4C38;font-family: DINNextLTPro;vertical-align: middle;}
.money i{ font-size: 24px; margin-left: 3px; font-family: DINNextLTPro;}
.button {display: block;width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; cursor: pointer; color: #fff; background: #009CFF;}
.button:hover { background: #0896FF; color: #fff;}
.indexbutton {width: 160px; height: 44px; line-height: 44px; text-align: center;cursor: pointer; color: #fff; background: #009CFF; margin: 0 auto;}
.industry { display: inline-block; width: 100%; color: #333; margin:2% auto 0; }
.industry ul { display: flex; justify-content: space-between; align-items: center;width: 100%;margin: 1% auto 0; }
.industry ul li { border:1px solid #f7f7f7;padding: 3% 2%;margin: .5%;}
.industry ul li font { font-size: 16px; color: #f0310b; margin: 3% auto; display: block; }
.industry ul li  p { font-size: 14px; color: #999;}
.codediv { display: flex;flex-direction: row; justify-content:space-between; align-items: flex-start;flex-wrap: wrap; align-content: space-around;margin: 4% auto;}
.codediv .code {border:1px solid #fff;background: #f7f7f7;width: 49%;margin: .4%;display: flex;align-items: center;}
.codediv .code .codeImg {width: 120px;margin: 0 5% 0 10%;}
.codediv .code .codebox {color: #999;margin: 5%;border-left: 1px solid #ede9e9;padding-left: 5%;flex: 1;}
.codediv .code .codebox h1 { color: #333; font-size: 16px; }
.codediv .code .codebox .note { font-size: 15px; border-top: 1px solid #ede9e9;margin-top: 3%;line-height: 24px;height: 130px;}
.codediv .code .codebox .note p { margin: 2% auto;}
.codediv .code .codebox .divbox { display: flex; justify-content: space-between; align-items: center;}
.productinfo { background-size: 100% 100%; height: 520px; position: relative;}
.productinfo .title { font-size: 40px; font-weight: 500; color: #fff; line-height: 32px; width: 100%; text-align: center; position: absolute; top: 36%;letter-spacing: 4px;}
.productinfo .bannertext { font-size: 20px; font-weight: 400; color: #fff; line-height: 36px; width: 100%; text-align: center; position: absolute; top: 50%;}
/* 加入我们 */
.joinus { background: #fff; padding: 0; justify-content: space-between; display: flex; margin: 3% auto;box-shadow: 2px 20px 50px 5px rgba(0,0,0,0.2) !important;}
.cooperation h2 p { margin:1% auto; width: 100%; display: block; font-size: 15px;font-weight: normal; color: #666;}
.cooperation .valuesimg { width:500px;}
.cooperation .values { height: 220px; overflow: hidden;line-height: 28px;}
.cooperation h3 { margin-bottom: 3%; color: #000;font-size: 26px; font-weight: normal;}
.cooperation ul { margin:3% auto 0;display: flex;justify-content: space-between; }
.cooperation ul li { text-align: center; color: #333;}
.cooperation ul li font { color: #d61d14;font-size: 24px;display: block; margin-bottom: 3%; }
.join { display: block;}
.join .row { padding: 2px 0 0; border-bottom: 1px solid #ede9e9;}
.join .rowBtn { padding: 1% 2%; font-size: 20px;display: flex; justify-content: space-between; align-items: center; width: 96%; background: #f9f9f9;cursor: pointer;}
.join .rowBtn a { color: #333;}
.join .rowBtn span { color: #777; font-size: 16px; margin-left: 20px; }
.join .iconfont { border: 2px solid #dcdada; border-radius: 100%; width: 30px; height: 30px;text-align: center; cursor: pointer;position: relative; display: block;background: #dcdada; }
.join .iconfont::after { content: ''; width: 12px; height: 12px;margin: 5px auto;display: inline-block; border-right: 2px solid #fff; border-top: 2px solid #fff;-webkit-transform: rotate(135deg);transform: rotate(135deg);position: absolute;left: 8px;}
.join .iconfont:hover { background: #888;}
.join .txtcolor { color: #777; width: 96%;padding: 2%;line-height: 24px; background: #fdfcfc;}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
/* 代理加盟 */
.agent { width: 32%; background: #fff; margin: 7px;background: #fff; border-radius: 4px; border: 1px solid #ebedf2; cursor: default; height: 348px; position: relative;}
.agentimg { position: relative; text-align: center; display: flex; justify-content: center;height: 192px; }	
.agentimg .title { position: absolute; font-size: 22px; color: #fff; background: hsla(0, 0%, 0%, .5); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.agentimg img {height: 100%; width: 100%; border-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; vertical-align: top;}
.agenttext {padding: 15px 18px;font-size: 13px; color: #777; line-height: 24px; text-align: left; min-height: 86px;}
.agenttext p {font-size: 15px;margin-bottom: 10px; color: #4a4a4a;}
.agentterm { display: flex;flex-direction: row; justify-content:space-between; align-items: flex-start;flex-wrap: wrap; align-content: space-around;margin: 4% auto;}
.agentterm .agentlist {border:1px solid #DBE1E6;width: 49%;margin: .4%;display: flex;align-items: center;height: 220px; transition: all .2s; position: relative; }
.agentbg { position: absolute; bottom: 0; right: 0; z-index: -1; }
.agentterm .agentlist:hover { transform: translate3d(0,-5px,0); box-shadow: 0 4px 10px 0 #E9E9E9;border-color: #00A4FF;}
.agentterm .agentlist .agentImg {width: 130px;margin: 0 5%;}
.agentterm .agentlist .agentbox {color: #999;margin: 5%;flex: 1;}
.agentterm .agentlist .agentbox .title { color: #333; font-size: 26px;line-height: 28px;}
.agentterm .agentlist .agentbox .note { font-size: 16px;margin-top: 5%;line-height: 34px; color: #666;}
.productssettledbox { display: flex;flex-direction: row; justify-content:space-between; align-items: flex-start;flex-wrap: wrap; align-content: space-around;margin: 4% auto;background: #fff; }
.productssettled { width: 36%;text-align: center; color: #666; padding:2% 0;display: flex; flex-wrap: wrap; align-items:center; justify-content: center; border: 1px solid #DBE1E6; text-align: left; }
.productssettled img {width: 76px;height: 76px;}
.productssettled h3 { font-size: 24px; color: #0896FF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-bottom: 5%;}
.productssettled .parttext { padding: 0 8%; width: 50%; }

.productarrow { font-size:100px; color: #f1f1f1;display: flex; justify-content: center; }
.productarrowbottom {width: 100%; justify-content: flex-end;}
.productarrowbottom span { width: 36%;text-align: center; }
.footer-buy { width: 100%; height: 180px; position: relative; padding-top: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-size: cover;}
.footer-buy p { display: block; font-size: 16px; color: #fff;}	
.footer-buy h4 { font-weight: 400; margin: 0; font-size: 18px; line-height: 36px; color: #fff;}
.footer-buy a { width: 160px; font-size: 14px; height: 36px; margin-top: 15px; border-radius: 4px; border: 1px solid #fff; color: #fff; line-height: 36px; text-align: center; cursor: pointer; text-decoration: none; display: inline-block; }
.footer-buy a:hover { background-color: #fff; color: #337dff;}

@media (max-width: 1680px) {
html, body { font-size: 15px;}	
.indexpart h2 { font-size: 30px;}
.cooperation .values {height: 200px;}
}	
@media (max-width: 1440px) {
html, body{ font-size: 14px;}	
.pcProductUl li a .iconfont { font-size: 30px;}	
.banner-top.index,.slideBox .item { height: 520px;}
.indexpart h2 { font-size: 26px; padding: 40px 0 20px;}
.head-nav li a,.cardBorder p,.channel h3,.join .rowBtn,.contentdiv .Contentbox .menu li { font-size: 16px;}
.slide-item-box .next {left: -120px;}
.slide-item-box .prev {right: -120px;}
.carousel img {height: 160px;}
.sub-nav dd a,.pcProductUl li a,.footer .footer2 .footcard h3,.Contentbox .note,.industry ul li font,.codediv .code .codebox .note { font-size: 14px;}
.footer .footer2 .footcard .tel { font-size: 28px;}
.footer .footer2 .footcard ul li,.footer .footer2 .footcard .note,.copyrights,.industry ul li p,.button { font-size: 12px;}
.Contentbox h1 { font-size: 24px;}
.Contentbox .describe { font-size: 15px;}
.codediv .code .codeImg {width: 100px;}
.cooperation ul li font,.cooperation h3 { font-size: 20px;}
.cooperation .valuesimg {width: 460px;}
.join .iconfont {width: 24px;height: 24px;}
.join .iconfont::after {width: 8px;height: 8px;left:6px;}
.banner,.banner-top.subpages,.productinfo {height: 390px;}
.cooperation .values { height: 170px;line-height: 35px;font-size: 16px}
}