@charset "utf-8";
@import url(/brands/css/base.css);
@font-face{
	font-family: 'chainblod';
	src: url('/brands/font/NotoSansHans-Bold.otf')
}
@font-face{
	font-family: 'chainRegular';
	src: url('/brands/font/NotoSansHans-Regular.otf')
}
@font-face{
	font-family: 'enblod';
	src: url('/brands/font/Lato-Bold.ttf')format('truetype')
}
@font-face{
	font-family: 'enRegular';
	src: url('/brands/font/Lato-Regular.ttf')format('truetype')
}
.headeren{width: 100%;height: 60px;background: #fff;display: none;position: fixed;top: 0;left: 0;z-index: 5000;}
.headerencon{width: 1200px;margin: 0 auto;height: 60px;position: relative;}
.headerencon h4{font-size: 18px;color: #666;font-weight: 500;line-height: 60px;margin-right: 20px;float: left;}
.headerencon i{display: block;width: 22px;height: 22px;position: absolute;top: 20px;right: -100px;cursor: pointer;}
.headerencon i img{display: block;}
.headerenconed{float: right;}
.headerenconed a{font-size: 16px;float: left;margin-right: 20px;font-weight: 400;
	background: linear-gradient(90deg, #4882B1 0%, #70B0D4 100%);
	background: -moz-linear-gradient(90deg, #4882B1 0%, #70B0D4 100%);
	background: -webkit-gradient(90deg, #4882B1 0%, #70B0D4 100%);
	background: -ms-linear-gradient(90deg, #4882B1 0%, #70B0D4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4882B1, endColorstr=#70B0D4);
	border-color: #07c;border-radius: 4px;padding: 0 15px;height: 35px;line-height: 32px;margin-top: 13px;box-sizing: border-box;color: #fff;text-align: center;}
.headerenconed .headerfirst{border: 1px solid #4882B1;background: transparent;color: #70B0D4;}
/* 头部 */
.header{width: 100%;height: 80px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 2000;
	padding: 0 80px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headers{background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.headers .indlogo{display: none;}
.headers .indlogos{display: block;}
.headers .headernav>ul>li>a{color: #333;}
.headers .headernav>ul .active>a{color: #407aab;}
.headers .headernav>ul .active>a::before{background-color: #407aab;}
.headers .headernav>ul>li:hover>a{color: #407aab;}
.headers .headernav>ul>li:hover>a::before{background-color: #407aab;}
.headers .headeright>a{color: #333;}
.headers .headeright>a i{background: url(/brands/img/updowns.png) center no-repeat;}
.headercon{width: 100%;margin: 0 auto;}
.headerleft{float: left;}
.logo{float: left;padding-top: 30px;box-sizing: border-box;margin-right: 60px;}
.logo a{display: block;font-size: 0;}
.logo a img{height: 26px;}
.indlogos{display: none;}
.headernav{float: left;}
.headernav>ul>li{float: left;margin-right: 40px;}
.headernav>ul>li:last-child{margin-right: 0;}
.headernav>ul>li>a{display: block;font-size: 16px;color: #fff;font-family: chainRegular;position: relative;font-weight: 300;height: 80px;line-height: 80px;font-family: enRegular;
	transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernav>ul>li>a::before{content: '';width: 0;height: 2px;background: #fff;position: absolute;bottom: 16px;left: 50%;transform: translateX(-50%);
	transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernav>ul>li:hover>a{color: #fff;}
.headernav>ul>li:hover>a::before{width: 100%;}
.headernav>ul .active>a{color: #fff;}
.headernav>ul .active>a::before{width: 100%;}
.headernav>ul>.seached{position: relative;}
.headeright{float: right;height: 80px;line-height: 80px;position: relative;}
.headeright>a{display: block;font-size: 16px;color: #fff;font-family: chainRegular;font-weight: 300;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright>a i{display: inline-block;width: 16px;height: 8px;background: url(/brands/img/updown.png) center no-repeat;margin-left: 4px;
	transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.xuanzhuan{transform: rotate(-180deg);}
.language{width: 200px;background: #fefefe;padding: 40px 25px;box-sizing: border-box;position: absolute;top: 80px;right: 0;display: none;}
.language ul li{width: 100%;border-left: 6px solid #006288;height: 55px;line-height: 55px;}
.language ul li a{display: block;font-size: 16px;color: #333;font-family: chainRegular;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
	padding-left: 28px;box-sizing: border-box;font-family: enRegular;}
.language ul li:last-child a{letter-spacing: 2px;}
.language ul li:hover a{color: #407aab;background: rgba(228, 228, 228, 0.6);}
.programmecon{width: 100%;background: #fff;position: absolute;top: 80px;left: 0;display: none;max-height: 450px;}
.prolist{float: left;height: 450px;padding: 45px 0 62px 0;box-sizing: border-box;background: #fff;}
.proforstlist{background: #f7f7f9;padding-left: 11%;box-sizing: border-box;width: 33.3%;    min-height: 450px;
	max-height: 450px;}
.proforstlist ul li{width: 100%;margin-bottom: 20px;}
.proforstlist ul li:last-child{margin-bottom: 0;}
.proforstlist ul li a{display: block;font-size: 16px;color: #666;font-family: chainRegular;}
.proforstlist ul .on a{color: #3a7cad;}
.proforstlist ul li a i{display: inline-block;width: 24px;height: 24px;font-size: 0;vertical-align: 7px;margin-right: 15px;}
.proforstlist ul li a i img{width: 100%;}
.probutlist{width: 100%;padding: 15px 0 10px 0;box-sizing: border-box;display: none;}
.probutlist a{padding-left: 40px;box-sizing: border-box;font-size: 14px;margin-bottom: 20px;color: #444;cursor: pointer;position: relative;
	display: table;}
.probutlist a:last-child{margin-bottom: 0;}
.probutlist a::before{content: "";width: 0px;height: 1px;background: #3a7cad;display: inline-block;vertical-align: middle;margin-right: 10px;
	transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.probutlist .on::before{width: 60px;}
.probutlist .on{color: #3a7cad;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.prolistsecend{width: 60%;}
.prolast{width: 100%;padding-right: 11%;box-sizing: border-box;display: none;}
.prolast>div{width: 50%;float: left;}
.prolastlist{padding: 0 60px;box-sizing: border-box;}
.prolastlist h5{font-size: 16px;color: #3a7cad;font-weight: 500;margin-bottom: 20px;font-family: chainRegular;}
.prolastlist ul li{margin-bottom: 7px;display: table;}
.prolastlist ul li:last-child{margin-bottom: 0;}
.prolastlist ul li a{font-size: 14px;color: #666;font-family: chainRegular;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.prolastlist ul li:hover a{color: #3a7cad;}
.prolast .prolasttui{width: 380px;}
.prolasttui a{display: block;}
.proimg{width: 100%;font-size: 0;overflow: hidden;margin-bottom: 20px;}
.proimg img{width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.protext{width: 100%;}
.protext h6{font-size: 16px;font-family: chainRegular;color: #407bab;font-weight: normal;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 5px;}
.protext p{font-size: 14px;color: #666;font-family: chainRegular;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;max-height:84px;min-height:84px;}
.prolasttui a:hover .proimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.seaced{width: 60%;float: left;padding: 45px 0 80px 0;box-sizing: border-box;}
.secondary{width: 200px;background: #fefefe;padding: 40px 25px;box-sizing: border-box;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);
	display: none;}

.secondary ul li{width: 100%;border-left: 6px solid #006288;height: 55px;line-height: 55px;}
.secondary ul li a{display: block;font-family: chainRegular;font-size: 16px;color: #333;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
	padding-left: 28px;box-sizing: border-box;}
.secondary ul li:hover{background-color: rgba(228, 228, 228, 0.6);}
.secondary ul li:hover a{color: #407aab;}
/* 手机端头部 */
.nav{width: 100%;height: 60px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 2020;padding: 0 20px;box-sizing: border-box;display: none;}
.navleft{float: left;width:17%;height:60px;display:flex;flex-direction:column;justify-content:center;}
.navleft a{display: block;font-size: 0;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
	background: #fff;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 2000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.01);}
.mobilebox{width: 100%;height: 100%;position: fixed;top: -100%;right: 0;}
.mobilebox .close{width: 100%;height: 68px;position: relative;display:none;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(/brands/img/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 24px;}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #666;padding: 9px 15px;box-sizing: border-box;background: #fff;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(/brands/img/jiao.png) center no-repeat;
	position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilenav{width: 100%;display: none;padding:10px 40px;box-sizing:border-box;background-color:#fff;}
.mobilenav>a{display: block;font-size: 14px;color: #111;padding: 9px 15px;box-sizing: border-box;border-left: 4px solid #3f7bab;}
.mobilenav>a:first-child{border-top: 0;}
.mobilenav>div>span{display: block;font-family: chainRegular;font-size: 14px;color: #666;padding: 9px 15px 9px 25px;box-sizing: border-box;border-left: 4px solid #3f7bab;position: relative;background-color: #f8f8f8;}
.mobilenav>div>span i{display: inline-block;width: 20px;height: 20px;background: url(/brands/img/jiao.png) center no-repeat;
	position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav>.on>span i{transform: rotate(90deg);}
.mobilenav>div>ul>li>a{display: block;background:#f8f8f8;font-size: 14px;font-family: chainRegular;color: #666;padding: 9px 15px 9px 35px;box-sizing: border-box;border-top: 1px solid #eee;position: relative;}
.mobileerji{display: none;}
/* banner */
.banner{width: 100%;}
.bannercon{width: 100%;}
.bannercon ul{width: 100%;}
.bannercon ul li{width: 100%;display: flex;align-items: center;justify-content: center;}
.bannertext{max-width: 650px;}
.bannertext h5{font-size: 16px;font-weight: 400;text-align: center;color: #fff;margin-bottom: 30px;font-family: chainRegular;}
.bannertext h4{font-size: 50px;font-weight: 400;text-align: center;color: #fff;margin-bottom: 40px;font-family: chainblod;line-height: 65px;}
.bannertext p{font-size: 20px;text-align: center;color: #fff;padding: 0 50px;box-sizing: border-box;font-family: enRegular;}
.bannernext{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 100;}
.bannerimg{width: 22px;height: 30px;background: url(/brands/img/next.png) center no-repeat;cursor: pointer;
	-webkit-animation: mousewheels 1s 0.5s linear infinite;animation: mousewheels 1s 0.5s linear infinite;}
@-webkit-keyframes mousewheels{
	0%{opacity:1}
	50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}
	70%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1}
	100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes mousewheels{
	0%{opacity:1}
	50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}
	70%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1}
	100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
/* OD体育集团 */
.group{width: 100%;overflow: hidden;}
.bj_group{width: 100%;padding-top: 140px;background: -webkit-linear-gradient(top,#006288,#003350);background: -moz-linear-gradient(top,#006288,#003350);
	background: -webkit-gradient(linear,bottom,from(#006288),to(#003350));background: linear-gradient(bottom,#006288,#003350);
	background: -ms-linear-gradient(top,#006288,#003350);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#006288, endColorstr=#003350);
	padding-left: 11%;box-sizing: border-box;}
.grouptitle{width: 36%;padding-bottom: 14%;}
.grouptitle h4{font-size: 48px;color: #fff;font-weight: normal;padding-bottom: 20px;box-sizing: border-box;font-family: chainblod;}
.grouptitle p{font-size: 16px;color: #fff;line-height: 24px;padding-bottom: 40px;box-sizing: border-box;font-family: chainRegular;}
.grouptitle a{display: block;width: 50px;height: 50px;border-radius: 50%;background: #fff;font-size: 35px;font-weight: 200;
	text-align: center;line-height: 46px;color: #2e2e2f;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.grouptitle a:hover{box-shadow: 0 6px 12px rgba(0,0,0,0.35);transform: scale(1.2);}
.groupbut{width: 100%;position: relative;margin-top: -11%;margin-bottom: 80px;}
.groupleft{float: left;padding-left: 11%;box-sizing: border-box;}
.groupleft i{display: block;width: 2px;height: 100px;background: #2e2e2f;position: absolute;bottom: 20%;}
.groupimg{float: right;font-size: 0;position: relative;width: 60%;}
.groupicon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.groupicon img{display: block;width: 79px;height: 79px;border-radius: 50%;margin-bottom: 5px;cursor: pointer;}
.groupicon p{font-size: 18px;color: #fff;font-weight: 200;}
.groupvideo{float: right;display: none;width: 100%;}
.groupvideo video{width: 100%;}
.groupnum{width: 100%;padding: 0 11%;box-sizing: border-box;margin-bottom: 80px;overflow: hidden;}
.groupnum ul li{float: left;text-align: center;margin-right: 12%;}
.groupnum ul li:last-child{margin-right: 0;}
.groupnum ul li h5{font-size: 40px;color: #407aab;font-weight: normal;float: left;font-family: enblod;}
.groupnum ul li span{font-size: 40px;color: #407aab;font-weight: normal;float: left;font-family: enblod;}
.groupnum ul li i{display: block;width: 80px;height: 4px;background: #407aab;margin: 15px auto;}
.groupnum ul li p{font-size: 14px;color: #666;font-family: chainRegular;}
/* 解决方OD体育 */
.solution{width: 100%;margin-bottom: 80px;overflow: hidden;}
.solutiontitle{width: 100%;padding-left: 11%;box-sizing: border-box;font-size: 34px;color: #333;font-weight: normal;margin-bottom: 40px;
	font-family: chainblod;}
.solutionlist{width: 100%;}
.solutionlist ul li{float: left;width: 25%;background: #f6f5f5;padding: 0 50px 120px 50px;box-sizing: border-box;text-align: center;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutionlist ul li:nth-child(2n){background: #fff;}
.solutionlist ul li .soluimg .soluimgs{display: none;}
.soluimg{margin: 105px auto 65px;width: 84px;height: 84px;font-size: 0;}
.solutionlist ul li h4{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 15px;font-family: chainRegular;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutionlist ul li p{font-size: 16px;color: #666;line-height: 24px;margin-bottom: 30px;min-height: 74px;display: -webkit-box;font-family: chainRegular;
	-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutionlist ul li a{font-size: 14px;color: #666;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.solutionlist ul li a span{display: block;font-family: chainRegular;}
.solutionlist ul li a i{display: block;width: 60px;height: 2px;background: #bcbcbc;margin: 4px auto;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutionlist ul li:hover{background: -webkit-linear-gradient(top,#006288,#003350);background: -moz-linear-gradient(top,#006288,#003350);
	background: -webkit-gradient(linear,bottom,from(#006288),to(#003350));background: linear-gradient(bottom,#006288,#003350);
	background: -ms-linear-gradient(top,#006288,#003350);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#006288, endColorstr=#003350);}
.solutionlist ul li:hover h4{color: #fff;}
.solutionlist ul li:hover p{color: #fff;}
.solutionlist ul li:hover a{color: #fff;}
.solutionlist ul li:hover a i{background-color: #fff;}
.solutionlist ul li:hover .soluimg .soluimger{display: none;}
.solutionlist ul li:hover .soluimg .soluimgs{display: block;}
/* 服务 */
.service{width: 100%;margin-bottom: 80px;}
.servicecon{width: 100%;margin-bottom: 160px;}
.serviceimg{font-size: 0;position: relative;float: left;}
.servicetext{padding: 40px 60px;box-sizing: border-box;background: #f6f5f5;position: absolute;bottom: -80px;right: -80px;
	max-width: 630px;}
.servicetext h6{font-size: 16px;color: #407aab;font-weight: normal;margin-bottom: 30px;font-family: chainRegular;}
.servicetext h4{font-size: 34px;color: #333333;font-weight: normal;margin-bottom: 30px;font-family: chainRegular;}
.servicetext p{font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 40px;font-family: chainRegular;}
.servicetext a{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #fefefe;border-radius: 4px;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.servicetext a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
.servicetext::before{content: "";width: 2px;background: #2e2e2f;height: 100px;position: absolute;bottom: -10%;right: 40%;}
.servicebut{width: 100%;}
.servicebutleft{float: left;width: 40%;padding: 40px 60px 40px 11%;box-sizing: border-box;background: #f6f5f5;margin-top: 60px;overflow: hidden;}
.servicebutleft h6{font-size: 16px;color: #407aab;font-weight: normal;margin-bottom: 30px;font-family: chainRegular;}
.servicebutleft h4{font-size: 34px;color: #333333;font-weight: normal;margin-bottom: 30px;font-family: chainRegular;}
.servicebutleft p{font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 40px;font-family: chainRegular;}
.servicebutleft a{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #fefefe;border-radius: 4px;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.servicebutleft a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
.servicebutright{float: right;width: 50%;padding: 40px 11% 40px 60px;box-sizing: border-box;background: -webkit-linear-gradient(left,#003350,#006288);
	background: linear-gradient(left,#003350,#006288);overflow: hidden;}
.servicebutright h6{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 30px;font-family: chainRegular;}
.servicebutright h4{font-size: 34px;color: #fff;font-weight: normal;margin-bottom: 30px;font-family: chainRegular;}
.servicebutright p{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 40px;font-family: chainRegular;}
.servicebutright a{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #fff;border-radius: 4px;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);font-family: chainRegular;}
.servicebutright a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
/* OD体育例 */
.case{width: 100%;}
.casecon{width: 100%;}
.casecon>ul>li{width: 100%;display: flex;}
.caseleft{float: left;width: 50%;background: -webkit-linear-gradient(top,#006288,#003350);background: -moz-linear-gradient(top,#006288,#003350);
	background: -webkit-gradient(linear,bottom,from(#006288),to(#003350));background: linear-gradient(bottom,#006288,#003350);
	background: -ms-linear-gradient(top,#006288,#003350);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#006288, endColorstr=#003350);padding-left: 11%;box-sizing: border-box;
	display: flex;align-items: center;padding-right: 80px;}
.caseleftcon{width: 100%;}
.caseleftcon h6{font-size: 16px;color: #fff;font-weight: normal;font-family: chainRegular;}
.caseleftcon h4{font-size: 40px;color: #fff;font-weight: normal;margin: 40px 0;font-family: chainRegular;}
.caseleftcon p{font-size: 16px;color: rgba(255,255,255,0.8);font-weight: normal;line-height: 28px;font-family: chainRegular;}
.caseleftcon a{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #fefefe;border-radius: 4px;margin-top: 50px;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.caseleftcon a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
.caseright{float: right;width: 50%;font-size: 0;}
.banpages{display: flex;justify-content: flex-start;padding-left: 11%;box-sizing: border-box;bottom: 60px !important;}
.banpages .swiper-pagination-bullet{position: relative;width: 12px !important;height: 12px !important;margin: 0 8px !important;background: rgba(255,255,255,0.5) !important;opacity: 0.9;
	transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.banpages .swiper-pagination-bullet-active{background: #fff !important;border-radius: 25px;}
.casenext{position: absolute;bottom: 60px;left: 35%;z-index: 500;}
.casenext ul li{display: none;}
.casenext ul li a{font-size: 14px;color: rgba(255,255,255,0.8);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.casenext ul li a:hover{color: #fff;}
/* 合作伙伴 */
.cooperation{width: 100%;padding: 40px 11%;box-sizing: border-box;background: #f4f4f8;margin-bottom: 80px;}
.cooperationter{padding: 0 10%;box-sizing: border-box;position: relative;overflow: hidden;}
.cooperationcon{width: 100%;}
.next{width: 50px;height: 50px;font-size: 0;position: absolute;right: 0 !important;top: 50%;margin-top: -25px;z-index: 1500;cursor: pointer;}
.prev{width: 50px;height: 50px;font-size: 0;position: absolute;left: 0 !important;top: 50%;margin-top: -25px;z-index: 1500;cursor: pointer;}
/* 服务宗旨 */
.purpose{width: 100%;margin-bottom: 80px;padding-top:60px;box-sizing:border-box;}
.purposecon{width: 100%;display: flex;}
.purposeconleft{float: left;font-size: 0;margin-top: 80px;}
.purposeconleftimg{font-size: 0;transform: translateX(57%);margin-top: -20%;}
.purposeconright{float: left;width: 50%;padding-right: 11%;box-sizing: border-box;}
.purcon{max-width: 440px;margin: 0 !important;height: auto !important;padding-bottom: 60px;box-sizing: border-box;}
.purimg{font-size: 0;margin-bottom: 40px;}
.purcon ul li .purjianjie{font-size: 16px;color: #333;line-height: 30px;margin-bottom: 30px;display: -webkit-box;font-family: chainRegular;
	-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.purcon ul li .purname{font-size: 14px;color: #999;font-family: enRegular;}
.purpages{display: flex;justify-content: flex-start;bottom: 0 !important;}
.purpages .swiper-pagination-bullet{position: relative;width: 12px !important;height: 12px !important;margin: 0 8px !important;background: rgba(64,123,171,0.3) !important;opacity: 0.9;
	transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.purpages .swiper-pagination-bullet-active{background: #407bab !important;border-radius: 25px;}
/* 开始使用 */
.start{width: 100%;background: -webkit-linear-gradient(left,#003350,#006288);background: -moz-linear-gradient(left,#003350,#006288);
	background: -webkit-gradient(linear,left top,from(#003350),to(#006288));background: linear-gradient(left,#003350,#006288);
	background: -ms-linear-gradient(left,#003350,#006288);padding: 125px 0;box-sizing: border-box;overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#003350, endColorstr=#006288);}
.start h4{font-size: 40px;color: #fff;text-align: center;font-weight: normal;margin-bottom: 25px;font-family: chainblod;}
.start p{font-size: 16px;color: #fff;text-align: center;font-weight: normal;line-height: 30px;max-width: 500px;margin: 0 auto 30px;font-family: chainRegular;}
.start a{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #fefefe;border-radius: 4px;margin: 0px auto;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.start a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
/* footer */
.footer{width: 100%;background: #f4f4f8;}
.footerup{width: 100%;padding: 80px 11%;box-sizing: border-box;border-bottom: 1px solid #ddd;overflow: hidden;}
.footerleft{float: left;width: 60%;}
.footerleft ul li{float: left;margin-right: 10%;}
.footerleft ul li:last-child{margin-right: 0;}
.footerleft ul li h5{font-size: 14px;color: #3f7bab;margin-bottom: 20px;font-family: chainblod;}
.footerleft ul li a{font-size: 14px;color: #999;display: table;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
	margin-bottom: 7px;font-family:chainRegular;}
.footerleft ul li a:last-child{margin-bottom: 0;}
.footerleft ul li a:hover{color: #407aab;}
.footeright{float: right;}
.footeright ul li{float: left;margin-right: 24px;}
.footeright ul li:last-child{margin-right: 0;}
.footerimg{font-size: 0;margin-bottom: 19px;}
.footeright ul li p{font-size: 14px;color: #666;font-family: chainRegular;}
.footeright ul .footerlast p{max-width: 285px;line-height: 20px;}
.footerbut{width: 100%;padding: 20px 0;box-sizing: border-box;text-align: center;}
.footerbut a{font-size: 14px;font-family: chainRegular;color: #999;margin-right: 5px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbut a:last-child{margin-right: 0;}
.footerbut a:hover{color: #407aab;}
/* 返回顶部 */
.back{width: 80px;height: 80px;background: #2e2e2f;border-radius: 50%;text-align: center;padding-top: 15px;box-sizing: border-box;cursor: pointer;
	position: fixed;bottom: 100px;right: 5%;z-index: 1500;opacity: 0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.back i{display: block;width: 10px;height: 20px;background: url(/brands/img/back.png) center no-repeat;margin: 0 auto 10px;}
.back p{font-size: 16px;color: #fff;font-family: chainRegular;}
.back:hover{background-color: #407aab;}
/* 邮箱 */
.email{width: 80px;height: 80px;background: #fff url(../img/email.svg) center center no-repeat;border-radius: 50%;text-align: center;padding-top: 15px;box-sizing: border-box;cursor: pointer;
	position: fixed;bottom: 200px;right: 5%;z-index: 1500;box-shadow: 0 6px 18px 0 rgba(17,17,17,.13);}
/* 邮箱弹层 */
.yx{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 2000;display: none;}
.yxbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(17,17,17,0.5);}
.yxbox{width: 400px;position: fixed;bottom: 0;right: 0;overflow: hidden;padding: 24px 30px 30px;border-top: 4px solid #3f7bab;border-radius: 8px 8px 0 0;
	background-color: #fff;box-shadow: 0 8px 28px 0 rgba(46,50,60,.27);}
.yxclose{ position: absolute;top: 0;right: 0;display: flex;width: 24px;height: 24px;margin-top: 20px;margin-right: 20px;cursor: pointer;border-radius: 4px;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;
	-webkit-align-items: center;-ms-flex-align: center;align-items: center; border: 1px solid #111;opacity: .2;-webkit-transition: opacity .2s ease;transition: opacity .2s ease}
.yxclose span{width: 8px;height: 2px;background-color: #111;display: block;}
.yxclose:hover{opacity: 0.5;}
.yxconter{width: 100%;padding-top: 30px;box-sizing: border-box;}
.yxconter h4{font-size: 30px;font-weight: normal;color: #407aab;margin-bottom: 20px;font-family: chainRegular;}
.yxconter ul li{width: 100%;margin-bottom: 15px;}
.yxconter ul li input[type="text"]{width: 100%;font-family: chainRegular;height: 40px;padding: 0 10px;box-sizing: border-box;font-size: 14px;color: #333;
	border: 1px solid #ccc;border-radius: 4px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yxconter ul li input[type="text"]:focus{border-color: #407aab;}
.yxconter ul li textarea{width: 100%;height: 40px;font-family: chainRegular;padding: 10px;box-sizing: border-box;font-size: 14px;color: #333;resize: none;
	height: 100px;border: 1px solid #ccc;border-radius: 4px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yxconter ul li textarea:focus{border-color: #407aab;}
.yxconter ul li label input{vertical-align: -1px;}
.yxconter ul li label a{font-size: 14px;color: #666;font-family: chainRegular;padding-left: 5px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yxconter ul li label a:hover{color: #407aab;}
.yxconter ul li button{display: block;width: 180px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #fefefe;opacity: 0.8;
	background: #407bab;transition:.5s;font-family: chainRegular;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border: 0;margin-top: 40px;border-radius: 4px;}
.yxconter ul li button:hover{opacity: 1;}
/* OD体育OD体育官网 */
.hotbanner{width: 100%;min-height: 640px;background-position: 0 0,50% 50%;background-size: auto,cover;background-repeat: repeat,no-repeat;margin-bottom: 60px;
	background-attachment: scroll,scroll;display: flex;justify-content: center;align-items: center;box-sizing:border-box;}
.hotbannercon{width: 100%;display: flex;justify-content: center;}
.hotbannercontext{max-width: 570px;text-align: center;position: relative;z-index: 100;}
.teamback{max-width:910px;}
.hotbannercontext h1{margin-bottom: 24px;font-size: 64px;line-height: 72px;color: #fff;font-family:chainblod;}
.hotbannercontext i{width: 70px;height: 3px;background-color: #3f7bab;display: block;margin: 20px auto;}
.hotbannercontext p{font-size: 16px;color: #fff;line-height: 28px;font-family: chainRegular;}
.hotconter{width: 100%;}
.hotcontercon{width: 100%;}
.hotconterimg{margin: 0 auto;font-size: 0;margin-bottom: 60px;}
.hotconterimg img{display: block;margin: 0 auto;}
.hotconterlist{width: 1180px;margin: 0 auto 60px;}
.hotconterlist ul{overflow: hidden;}
.hotconterlist ul li{float: left;width: 33.33%;padding: 72px 40px;box-sizing: border-box;box-shadow: 0 0 0 1px #e4e4e4;background-color: transparent;text-align: center;}
.hotconterlist ul li h5{margin-top: 32px;color: #3f7bab;font-size: 14px;line-height: 24px;font-weight: 700;letter-spacing: 1px;font-family: chainblod;}
.hotconterlist ul li p{color: #111;font-size: 14px;line-height: 24px;margin-top: 16px;min-height: 72px;font-family: chainRegular;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hotconters{width: 100%;background: #f8f8f8;padding: 60px 0;box-sizing: border-box;}
.hotlist{width: 1180px;margin: 0 auto;}
.hotlist ul li{float: left;width: 31%;border: 1px solid #e4e4e4;background: #fff;margin-right: 3.2%;margin-bottom: 3.2%;}
.hotlist ul li:nth-child(3n){margin-right: 0;}
.hotlist ul li a{display: block;padding: 20px;box-sizing: border-box;}
.hotimg{width: 100%;overflow: hidden;font-size: 0;position: relative;}
.hotimgs{max-height:183px;}
.hotimg img{width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotimg span{font-size: 12px;border-radius: 4px;padding: 0 12px;box-sizing: border-box;font-family: chainblod;letter-spacing: 1px;color: #3f7bab;position: absolute;top: 5px;left: 5px;
	border: 1px solid #e4e4e4;background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f8f8f8));line-height: 20px;font-weight: 700;
	background-image: linear-gradient(180deg,#f8f8f8,#f8f8f8);}
.hotext{width: 100%;padding: 22px;box-sizing: border-box;}
.hotext h4{color: #3f7bab;font-size: 22px;font-weight: 700;display: -webkit-box;font-family: chainblod;
	-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 66px;}
.hotext>p{font-size: 14px;color: #777;line-height: 24px;margin: 15px 0;min-height: 72px;font-family: chainRegular;display:-webkit-box;
	-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hotbut{display: table;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 30px;}
.hotbut p{font-size: 14px;color: #111;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotbut p i{display: inline-block;width: 20px;height: 20px;background: url(/brands/img/more.png) center no-repeat;background-size: 100% 100%;vertical-align: -4px;position: relative;z-index: 100;}
.hotbut p span{position: relative;z-index: 100;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 700;font-family: chainblod;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotbut p b{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: #3f7bab;opacity: .16;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotlist ul li:hover .hotimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.hotlist ul li:hover .hotbut p b{left: 20px;}
.hotlist ul li:hover .hotbut p span{margin-left: 5px;}
.hotanli{width: 100%;padding: 60px 0;background-color: #fff;}
.hotanlicon{width: 1180px;margin: 0 auto;}
.title{width: 100%;margin-bottom: 80px;}
.title h4{font-size: 35px;color: #3f7bab;font-weight: 500;text-align: center;font-family: chainblod;}
.hotalcon{width: 100%;}
.hotaleft{float: left;width: 50%;padding: 60px 8% 0 8%;box-sizing: border-box;}
.hotaleftcon{width: 100%;position: relative;}
.hotaleft h4{position: absolute;left: -30px;top: -36px;display: block;opacity: .04;font-family: chainblod;
	color: #111;font-size: 120px;line-height: 96px;font-weight: 500;}
.hotaleft h5{font-size: 40px;color: #3f7bab;font-weight: 400;font-family: chainblod;}
.hotaleftcon>i{width: 70px;height: 3px;background-color: #3f7bab;display: block;margin: 20px 0;}
.hotaleftcon>p{font-size: 16px;color: #777;line-height: 28px;font-family: chainRegular;}
.hotbuts{display: table;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 30px;}
.hotbuts a{font-size: 14px;color: #111;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotbuts a i{display: inline-block;width: 20px;height: 20px;background: url(/brands/img/anli.png) center no-repeat;background-size: 100% 100%;vertical-align: -4px;position: relative;z-index: 100;}
.hotbuts a span{position: relative;z-index: 100;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: chainRegular;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotbuts a b{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: #3f7bab;opacity: .16;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotbuts:hover a b{left: 20px;}
.hotbuts:hover a span{margin-left: 5px;}
.hotalright{float: right;width: 50%;padding: 0 6%;box-sizing: border-box;position: relative;}
.hotborder{box-shadow: inset 0 0 0 8px rgba(63,123,171,.8);-webkit-transform: translate(30px,-30px);-ms-transform: translate(30px,-30px);
	transform: translate(30px,-30px);}
.hotborder img{box-shadow: -9px 29px 40px -1px rgba(0,0,0,.14);-webkit-transform: translate(-30px,30px);-ms-transform: translate(-30px,30px);transform: translate(-30px,30px);width:100%;}
.hotmore{width: 100%;text-align: center;}
.hotmore a{height: 48px;border-radius: 4px;padding: 0 24px;font-family: chainRegular;box-sizing: border-box;color: #fff;display: inline-block;line-height: 48px;margin-top: 60px;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);-webkit-transition: background-color .5s ease;transition: background-color .5s ease;font-size: 12px;letter-spacing: 2px;}
.hotmore a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
.lianxi{width: 100%;padding: 120px 0;box-sizing: border-box;background-position: 50% 70%;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.lianxicon{width: 1180px;margin: 0 auto;}
.lianxicontext{width: 100%;text-align: center;}
.lianxicontext h4{font-size: 60px;font-weight: 500;color: #111;margin-bottom: 40px;font-family: chainblod;}
.lianxicontext a{height: 48px;border-radius: 4px;font-family: chainRegular;padding: 0 24px;box-sizing: border-box;color: #fff;display: inline-block;line-height: 48px;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);-webkit-transition: background-color .5s ease;transition: background-color .5s ease;font-size: 12px;letter-spacing: 2px;}
.lianxicontext a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
/* 联系我们 */
.hotbannerlianxi{background-attachment:scroll,fixed;background-position: 0 0,50% 0;}
.hotlianxi{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.hotlianxicon{width: 800px;margin: 0 auto;}
.hotlianxicon ul li{width: 100%;margin-bottom: 4%;}
.hotlianxicon ul li input[type="text"]{width: 48%;height: 48px;border: 1px solid #e4e4e4;border-radius: 4px;float: left;padding: 0 12px;box-sizing: border-box;font-size: 14px;
	color: #333;margin-right: 4%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.hotlianxicon ul li input[type="text"]:last-child{margin-right: 0;}
.hotlianxicon ul li input[type="text"]:focus{border-color: #407aab;}
.hotlianxicon ul li textarea{width: 100%;border: 1px solid #e4e4e4;border-radius: 4px;padding: 12px;box-sizing: border-box;font-size: 14px;color: #333;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;resize: none;height: 150px;font-family: chainRegular;}
.hotlianxicon ul li textarea:focus{border-color: #407aab;}
.hotlianxicon ul li label input{vertical-align: -1px;}
.hotlianxicon ul li label a{font-size: 14px;color: #666;font-family: chainRegular;padding-left: 5px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotlianxicon ul li label a:hover{color: #407aab;}
.hotlianxicon ul li button{height: 48px;border-radius: 4px;font-family: chainRegular;padding: 0 24px;box-sizing: border-box;color: #fff;display: inline-block;line-height: 48px;border: 0;margin: 0 auto;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);-webkit-transition: background-color .5s ease;transition: background-color .5s ease;
	font-size: 12px;letter-spacing: 2px;display: block;}
.hotlianxicon ul li button:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
/* OD体育OD体育官网详情 */
.hotbanners{min-height: 640px;position: relative;background-attachment: fixed;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
.hotbj{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(17,17,17,.6);}
.hottop{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.hottopcon{width: 1180px;margin: 0 auto;}
.htotopconter{width: 100%;}
.hottopleft{float: left;width: 66.66%;font-size: 0;}
.hottopleft img{display:block;width:80%;margin:0 auto;}
.hottopright{float:right;width: 25%;}
.hottopright ul li{border-bottom: 1px solid #e4e4e4;height: 49px;line-height: 49px;}
.hottopright ul li span{font-size: 14px;color: #777;font-family: chainRegular;}
.hottopright ul li strong{font-size: 14px;color: #111;font-weight: 500;font-family: chainRegular;}
.hottopright ul li a{font-size: 16px;color: #3f7bab;margin-right: 10px;position: relative;font-family: chainRegular;}
.hottopright ul li a::before{content: "";width: 1px;height: 20px;background-color: #ddd;position: absolute;top: 2px;right: -8px;}
.hottopright ul li a:last-child::before{display: none;}
.hottopright ul .hotlast{border: 0;height: auto;padding-right: 60px;box-sizing: border-box;padding-top: 35px;font-size: 0;}
.hotcenter{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #fff;}
.hotcentercon{width: 1180px;margin: 0 auto;}
.hotcentercon .titler p{color: #333;font-family: chainRegular;}
.hotcenterimg{width: 100%;font-size: 0;margin-bottom: 60px;}
.hotcenterimg img{display: block;width: 70%;margin: 0 auto;}
.hotconterlister{width: 100%;margin: 0 auto 60px;}
.hotconterlister ul{overflow: hidden;}
.hotconterlister ul li{float: left;width: 33.33%;padding: 72px 40px;box-sizing: border-box;box-shadow: 0 0 0 1px #e4e4e4;background-color: transparent;text-align: center;}
.hotconterlister ul li h5{margin-top: 32px;color: #3f7bab;font-size: 14px;line-height: 24px;font-weight: 700;letter-spacing: 1px;font-family: chainblod;}
.hotconterlister ul li p{color: #111;font-size: 14px;line-height: 24px;margin-top: 16px;min-height: 72px;font-family: chainRegular;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hotabout{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.hotaboutcon{width: 1180px;margin: 0 auto;padding: 0 60px;box-sizing: border-box;}
.hottitle{width: 100%;}
.hottitle h4{font-size: 40px;color: #3f7bab;font-weight: 400;margin-bottom: 15px;font-family: chainblod;}
.hottitle p{font-size: 16px;color: #111;line-height: 28px;margin-bottom: 40px;font-family: chainRegular;}
.hottitle p:last-child{margin-bottom:0;}
.hottitle img{width:70%;display:block;margin:0 auto;}
.hotnum{width: 100%;padding: 60px 0;box-sizing: border-box;background-image: linear-gradient(202deg,#006288,#003350);margin-bottom:40px;}
.hotnumcon{width: 1180px;margin: 0 auto;}
.hotnumcon ul li{float: left;width: 33.33%;text-align: center;}
.hotnumcon ul li div{font-size: 40px;color: #fff;font-family: enblod;}
.hotnumcon ul li i{display: block;width: 40px;height: 3px;background-color: #3f7bab;margin: 15px auto;}
.hotnumcon ul li p{font-size: 14px;color: #fff;letter-spacing: 1px;font-weight: 500;font-family: chainRegular;}
.hotlister{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.hotlistercon{width: 1180px;margin: 0 auto;}
.hotlisted{width: 100%;}
.hotlisted ul li{width: 24%;height: 90px;line-height: 90px;float: left;margin-right: 1.3%;margin-bottom: 1.3%;}
.hotlisted ul li:nth-child(4n){margin-right: 0;}
.hotlisted ul li h5{font-size: 18px;color: #3f7bab;text-align: center;display: block;width: 100%;background-color: #fff;border: 1px solid #e4e4e4;
	border-radius: 4px;font-family: enRegular;}
.hoylistlast{height: 90px;line-height: 90px;text-align: center;display: block;width: 100%;background-color: #fff;border: 1px solid #e4e4e4;
	border-radius: 4px;}
.hoylistlast a{display: block;font-size: 18px;color: #3f7bab;font-family: chainRegular;}
.hotalcons .hotalright{float: left;}
.hotalcons .hotalright .hotborder{-webkit-transform: translate(-30px,-30px);-ms-transform: translate(-30px,-30px);transform: translate(-30px,-30px);}
.hotalcons .hotalright .hotborder img{-webkit-transform: translate(30px,30px);-ms-transform: translate(30px,30px);transform: translate(30px,30px);}
.hotalcons .hotaleft{float: right;}
.hothezuo{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.hothezuocon{width: 1180px;margin: 0 auto;}
.hothezuolist{width: 100%;}
.hothezuolist ul li{float: left;width: 177px;margin-right: 2%;margin-bottom: 5%;}
.hothezuolist ul li:nth-child(6n){margin-right: 0;}
.hothezuolist ul li a{display: block;padding: 12px;box-sizing: border-box;opacity: 0.4;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hothezuolist ul li a img{width: 80%;margin: 0 auto;display: block;}
.hothezuolist ul li:hover a{opacity: 1;}
/* OD体育例 */
.caseconter{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.caselist{width: 1180px;margin: 0 auto;}
.caselist ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.caselist ul li:nth-child(3n){margin-right: 0;}
.caselist ul li a{display: block;}
.caseimg{width: 100%;overflow: hidden;position: relative;}
.caseimg img{width: 100%;-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);display:block;height:274px;object-fit:cover;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.casetext{position: absolute;top: 0;left: 0;background-color: rgba(17,17,17,.3);width: 100%;height: 100%;opacity: 0;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
	box-shadow: 0 3px 9px 0 rgba(46,50,60,.18);display: flex;justify-content: center;align-items: center;}
.casetext p{height: 48px;padding: 0 24px;box-sizing: border-box;border-radius: 2px;font-size: 12px;color: #111;background: #fff;font-family: chainRegular;
	line-height: 48px;letter-spacing:2px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.casetext p:hover{background-color: #e4e4e4;}
.caselist ul li:hover .caseimg img{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.caselist ul li:hover .casetext{opacity: 1;}
.caselist ul li:hover .casetext p{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.casename{padding: 20px 0;font-size: 14px;color: #3f7bab;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	font-family: enblod;}
/* OD体育例详情 */
.hotbannered{margin-bottom: 0;}
.hotbannercontexts{width: 50%;max-width: none;}
.casexq{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.casexqcon{width: 1180px;margin: 0 auto;}
.casexqleft{width: 66.66%;float: left;}
.casexqleft p img{display: block;margin: 0 auto;}
.casexqleft p{font-size: 17px;color: #111;margin: 0 0 25px 0;line-height: 28px;font-family: chainRegular;}
.casexqright{width: 25%;padding-top: 40px;box-sizing: border-box;float: right;}
.casexqright ul li{border-bottom: 1px solid #e4e4e4;height: 49px;line-height: 49px;}
.casexqright ul li span{font-size: 14px;color: #777;font-family: chainRegular;}
.casexqright ul li strong{font-size: 14px;color: #111;font-weight: 500;font-family: chainRegular;}
.caselistmore{width: 100%;padding: 60px 0;box-sizing: border-box;}
.caselistmorecon{width: 1180px;margin: 0 auto;}
.titler{max-width: 700px;margin: 0 auto 80px;}
.titler i{display: block;width: 70px;
	/*height: 3px;background: #3f7bab;*/
	margin: 20px auto;}
.titler p{font-size: 17px;color: #777;text-align: center;line-height: 28px;font-family: chainRegular;}
/* 新闻 */
.new{width: 100%;padding: 60px 0;background: #f8f8f8;box-sizing: border-box;}
.newcon{width: 1180px;margin: 0 auto;}
.newcon ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.newcon ul li:nth-child(3n){margin-right: 0;}
.newcon ul li a{display: block;padding: 20px;box-sizing: border-box;background-color: #fff;border: 1px solid #e4e4e4;}
.newcon ul li .hotimg{margin-bottom: 20px;}
.newtime{padding: 5px 0 10px 0;box-sizing: border-box;font-size: 12px;color: #777;letter-spacing: 2px;border-top: 1px solid #bbb;display: table;
	font-weight: 700;font-family: enRegular;}
.newcon ul li h4{color: #3f7bab;font-size: 22px;font-weight: 700;margin-top: 2px;line-height: 28px;min-height: 56px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newjs{font-size: 14px;color: #777;line-height: 24px;margin-top: 16px;min-height: 72px;font-family: chainRegular;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newcon ul li:hover .hotbut p b{left: 20px;}
.newcon ul li:hover .hotbut p span{margin-left: 5px;}
.newcon ul li:hover .hotimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.startnew{text-align: center;}
.startnew a{height: 48px;border-radius: 4px;padding: 0 24px;box-sizing: border-box;color: #fff;font-family: chainRegular;display: inline-block;line-height: 48px;border: 0;width: auto;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);-webkit-transition: background-color .5s ease;transition: background-color .5s ease;font-size: 12px;letter-spacing: 2px;}
.startnew a:hover{background-image: linear-gradient(247deg,#3f7bab,#73b2d5);}
/* 新闻详情 */
.hotbannercontexter{padding-top: 40px;box-sizing: border-box;max-width: 800px;}
.hotbannercontexter h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hotbannercontexter p{margin-bottom: 15px;}
.hotbannercontexter p:last-child{margin-bottom: 0;}
.newxq{width: 100%;padding: 60px 0;box-sizing: border-box;}
.newxqcon{width: 1180px;margin: 0 auto;}
.newimg{width: 100%;font-size: 0;display: none;}
.newleft{float: left;width: 66.66%;}
.newleft p{font-family:chainRegular;}
.newtitle{width: 100%;margin-bottom: 40px;}
.newtitle h4{font-size: 28px;color: #3f7bab;font-weight: 700;margin-bottom: 12px;font-family: chainblod;}
.newtitle p{font-size: 16px;color: #777;line-height: 28px;font-family: chainRegular;}
.newcontent{width: 100%;}
.newcontent p{font-size: 16px;color: #333;line-height: 28px;margin-bottom: 20px;font-family: chainRegular;}
.newcontent p img{display: block;margin: 0 auto;}
.newright{float: right;width: 25%;font-size: 0;}
/* 全球办公室 */
.office{width: 100%;padding: 60px 0;box-sizing: border-box;background: #f8f8f8;}
.officecon{width: 1180px;margin: 0 auto;}
.officetab{width: 100%;display: flex;justify-content: center;margin-bottom: 40px;}
.officetab ul li{float: left;margin-right: 20px;}
.officetab ul li:last-child{margin-right: 0;}
.officetab ul li a{font-size: 16px;color: #252525;position: relative;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.officetab ul li a::before{content: "";width: 0%;height: 2px;background: #f83f5a;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.officetab ul li:hover a{font-weight: 700;}
.officetab ul li:hover a::before{width: 100%;}
.officetab ul .active a{font-weight: 700;}
.officetab ul .active a::before{width: 100%;}
.officelist{width: 100%;}
.officelist ul li{width: 100%;background-color: #fff;border: 1px solid #e4e4e4;padding: 20px;box-sizing: border-box;border-radius: 4px;margin-bottom: 10px;}
.officetop a{display: table;}
.officetop h5{font-size: 14px;color: #3f7bab;letter-spacing: 1px;font-weight: bold;margin-bottom: 5px;font-family: chainRegular;}
.officetop p{font-size: 14px;color: #bbb;font-family: enRegular;}
.officetop i{display: block;width: 70px;height: 3px;background-color: #3f7bab;margin: 20px 0;}
.officebut{width: 100%;margin-top: 25px;}
.officebut p{font-size: 14px;color: #333;line-height: 20px;margin: 8px 0 15px 0;font-family: enRegular;}
.officebut p img{width: 24px;height: 24px;margin-right: 5px;float: left;}
.officebut p span{float: left;width: 88%;font-family: enRegular;}
.officebut p strong{font-weight: normal;font-family: enRegular;}
/* 创始人来信 */
.founder{width: 100%;padding: 120px 0 60px 0;box-sizing: border-box;background-color: #fff;}
.foundercon{width: 1180px;margin: 0 auto;}
.hotaleftconers h5{margin-bottom: 20px;}
.hotaleftconers img{width: 175px;margin-top: 20px;margin-bottom: 20px;}
.hotaleftconers span{font-size: 14px;color: #777;font-style: italic;display: block;font-family: chainRegular;}
.hotalefter{padding: 60px 0 0 0;}
.founderbut{width: 100%;margin-top: 40px;}
.foundertext{width: 100%;}
.foundertext h4{font-size: 40px;color: #3f7bab;font-family: chainRegular;}
.foundtextcon{width: 100%;margin-bottom: 40px;}
.foundertext p{color: #333;font-size: 16px;line-height: 28px;margin: 16px 0;font-family: chainRegular;}
/* 管理团队 */
.team{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.teamcon{width: 1180px;margin: 0 auto;}
.teamlist{width: 100%;}
.teamlist ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.teamlist ul li:nth-child(3n){margin-right: 0;}
.teamlist ul li a{padding: 20px;box-sizing: border-box;display: block;background-color: #fff;border: 1px solid #e4e4e4;}
.teamimg{width: 100%;font-size: 0;overflow: hidden;}
.teamimg img{width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.teamtext{width: 100%;padding: 20px;box-sizing: border-box;}
.teamtext h4{font-size: 22px;color: #3f7bab;font-weight: bold;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	font-family: chainblod;}
.teamtext p{font-size: 14px;color: #333;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: chainRegular;}
.teamlist ul li:hover .teamimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/* 管理团队详情 */
.teamback a{display: block;background: url(/brands/img/back.svg) center no-repeat;width: 32px;height: 32px;margin: 20px auto 0;}
.teampeople .hotalright{float: left;}
.teampeople .hotaleft{float: right;}
.teamleft h6{font-size: 14px;color: #3f7bab;font-weight: 500;letter-spacing: 1px;line-height: 24px;font-family: chainRegular;}
.teamleft p{font-size: 14px;color: #333;line-height: 24px;font-family: chainRegular;}
/* 白皮书 */
.whitebook{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.whitebookcon{width: 1180px;margin: 0 auto;}
.hotimgs span{right: 10px;left: inherit;background-color: #fff;padding: 2px 12px;color: #333;}
/* 白皮书详情 */
.book{min-height: 540px;margin-bottom: 0;background-attachment: scroll,scroll;}
.books{width: 100%;}
.bookscon{width: 1180px;margin: 0 auto;}
.bookstext{width: 100%;padding: 60px 40px;box-sizing: border-box;background-color: #fff;margin-top: -120px;position: relative;
	box-shadow: 0 10px 20px rgba(17,17,17,.13);border-radius: 8px;margin-bottom: 40px;}
.booktitle{width: 100%;margin-bottom: 40px;}
.booktitle span{display: block;font-size: 14px;color: #c1c1c1;margin-bottom: 10px;font-family: chainRegular;}
.booktitle h4{font-size: 40px;color: #3f7bab;font-weight: 500;margin-bottom: 15px;font-family: chainRegular;}
.booktitlebut .bookimg{float: left;width: 45px;height: 45px;border-radius: 50%;margin-right: 10px;}
.booktitlebut .bookimg img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.booktitlebut p{font-size: 14px;color: #bbb;line-height: 45px;font-family: chainRegular;}
.booktextcon{width: 100%;}
.booktextcon p{font-size: 16px;color: #333;line-height: 24px;margin-bottom: 20px;font-family: chainRegular;}
.booktextcon p img{display: block;margin: 0 auto;}
.booktuijian{width: 100%;}
.download{width: 80px;height: 80px;background: #407aab;border-radius: 50%;text-align: center;padding-top: 15px;box-sizing: border-box;cursor: pointer;box-shadow: 0 6px 18px 0 rgba(17,17,17,.13);
	position: fixed;bottom: 300px;right: 5%;z-index: 1500;opacity: 1;}
.download a{display: block;}
.download i{display: block;width: 30px;height: 30px;background: url(/brands/img/downs.png) center no-repeat;margin: 0 auto 2px;}
.download p{font-size: 12px;color: #fff;}
/* 公开课 */
.openclass{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.openclasscon{width: 1180px;margin: 0 auto;}
.openclasslist{width: 100%;}
.openclasslist ul li{width: 100%;margin-bottom: 3%;}
.openclasslist ul li a{width: 100%;display: block;border: 1px solid #E4E4E4;padding: 20px;box-sizing: border-box;background: #fff;}
.openimg{float: left;font-size: 0;margin-right: 3%;width: 35%;overflow: hidden;}
.openimg img{width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.opentext{float: left;width: 61%;padding-top: 1%;box-sizing: border-box;}
.opentext h5{font-size: 24px;color: #3f7bab;margin-bottom: 20px;font-family: chainRegular;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.opentext h6{font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 20px;font-family: chainRegular;}
.opentext p{font-size: 14px;color: #777;margin-bottom: 15px;display: inline-block;margin-right: 40px;font-family: enRegular;}
.opentext p:last-child{margin-right: 0;}
.opentext p i{display: inline-block;width: 15px;height: 15px;border-radius: 50%;margin-right: 4px;}
.opentext .shijian i{background: url(/brands/img/time.png) center no-repeat;background-size: 100% 100%;vertical-align: -2px;}
.opentext .huifang i{background: url(/brands/img/bofangs.png) center no-repeat;background-size: 100% 100%;vertical-align: -3px;}
.openclasslist ul li:hover .openimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/* 公开课详情 */
.opentitle{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.opentitle h4{font-size: 30px;color: #3f7bab;font-weight: 500;margin-bottom: 15px;font-family: chainRegular;}
.opentitle p{font-size: 14px;color: #777;display: inline-block;margin-right: 20px;font-family: enRegular;}
.opentitle p:last-child{margin-right: 0;}
.opentitle p i{display: inline-block;width: 15px;height: 15px;border-radius: 50%;margin-right: 4px;}
.opentitle .shijian i{background: url(/brands/img/time.png) center no-repeat;background-size: 100% 100%;vertical-align: -2px;}
.opentitle .huifang i{background: url(/brands/img/bofangs.png) center no-repeat;background-size: 100% 100%;vertical-align: -3px;}

.shijianu {background: url(/brands/img/time.png) center no-repeat;background-size: 100% 100%;vertical-align: -2px;}
.huifangu {background: url(/brands/img/bofangs.png) center no-repeat;background-size: 100% 100%;vertical-align: -3px;}

.openconter{width: 100%;margin-bottom: 30px;}
.openclassimg{width: 100%;font-size: 0;position: relative;}
.bfvideo{width: 79px;height: 79px;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.openvideo{width: 100%;display: none;}
.openvideo video{width: 100%;}
/* 关于OD体育 */
.about{width: 100%;}
.aboutop{width: 100%;}
.aboutop ul{display: flex;}
.aboutop ul li{width: 33.33%;border-right: 1px solid #e4e4e4;padding: 4%;box-sizing: border-box;border-bottom: 1px solid #e4e4e4;}
.aboutop ul li:last-child{margin-right: 0;}
.aboutop ul li h4{font-size: 14px;color: #3f7bab;letter-spacing: 1px;font-weight: 700;margin-bottom: 15px;font-family: chainRegular;}
.aboutop ul li .aboutext{font-size: 14px;color: #111;line-height: 24px;display: -webkit-box;min-height: 72px;font-family: chainRegular;
	-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hotbuted{display: table;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 30px;}
.hotbuted a{font-size: 14px;color: #111;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: chainRegular;}
.hotbuted a i{display: inline-block;width: 20px;height: 20px;background: url(/brands/img/more.png) center no-repeat;background-size: 100% 100%;vertical-align: -4px;position: relative;z-index: 100;}
.hotbuted a span{position: relative;z-index: 100;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-family: chainRegular;}
.hotbuted a b{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: #3f7bab;opacity: .16;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotbuted:hover a b{left: 20px;}
.hotbuted:hover a span{margin-left: 5px;}
.aboutcon{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.aboutconter{width: 1180px;margin: 0 auto;}
.aboutconter .title{margin-bottom: 40px;}
.aboutimg{width: 100%;margin-bottom: 60px;}
.aboutimg img{display: block;margin: 0 auto;}
.aboutconter .hotconterlist ul li p{min-height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.aboutlist{width: 100%;}
.aboutpc{width: 100%;}
.aboutpc ul li{width: 100%;display: flex;}
.aboutpc ul li>div{width: 50%;}
.aboutleftcon{width: 100%;}
.aboutleft{display: flex;justify-content: flex-end;align-items: center;padding-right: 6%;box-sizing: border-box;}
.aboutleft .hotaleftcon{max-width: 400px;}
.aboutpc ul li:nth-child(2n) .aboutleft{justify-content: flex-start;margin-right: 0;padding-left: 6%;box-sizing: border-box;}
.aboutleft h4{position: absolute;left: -30px;top: -36px;display: block;opacity: .04;color: #111;font-size: 120px;line-height: 96px;font-weight: 500;
	font-family: chainblod;}
.aboutleft h5{font-size: 40px;color: #3f7bab;font-weight: 400;font-family: chainRegular;}
.aboutleft>i{width: 70px;height: 3px;background-color: #3f7bab;display: block;margin: 20px 0;}
.aboutleft>p{font-size: 16px;color: #777;line-height: 28px;}
.aboutright{font-size: 0;}
.aboutright img{display: block;}
.aboutmobile{width: 100%;padding: 40px 20px;box-sizing: border-box;display: none;}
.aboutmobile ul li{width: 100%;border-bottom: 1px solid #eee;padding-bottom: 20px;box-sizing: border-box;padding-top: 40px;}
.aboutmobile ul li:first-child{padding-top: 0;}
.aboutmobile ul li>div{width: 100%;}
.aboutexts{width: 100%;position: relative;margin-bottom: 10px;}
.aboutexts h4{position: absolute;left: 10px;top: -36px;display: block;opacity: .04;color: #111;font-size: 60px;line-height: 96px;font-weight: 500;}
.aboutexts h5{font-size: 20px;color: #3f7bab;font-weight: 400;}
.aboutexts>i{width: 70px;height: 3px;background-color: #3f7bab;display: block;margin: 20px 0;}
.aboutexts>p{font-size: 14px;color: #777;line-height: 24px;}
.aboutimgs{font-size: 0;}
.aboutimgs img{display: block;}
.hz_about{width: 100%;padding: 60px 6%;background-color: #f8f8f8;box-sizing: border-box;}
.hz_about ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.hz_about ul li{font-size: 0;}
.hz_about ul li a{display: block;font-size: 0;opacity: 0.4;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hz_about ul li a{width: 114px;}
.hz_about ul li a:hover{opacity: 1;}
/* 加入我们 */
.join{width: 100%;}
.jointop{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #fff;}
.jointopcon{width: 900px;margin: 0 auto;}
.joinleft{float: left;font-size: 0;width: 45%;}
.joinright{float: right;width: 40%;padding-top: 10%;box-sizing: border-box;}
.joinright h5{font-size: 40px;color: #3f7bab;font-weight: 500;font-family: enRegular;}
.joinright i{width: 70px;height: 3px;background-color: #3f7bab;display: block;margin: 20px 0;}
.joinright p{font-size: 16px;color: #777;font-weight: 500;line-height: 28px;font-family: chainRegular;}
.joinbj{width: 100%;position: relative;}
.joinbjtop{width: 100%;}
.joinbjtop ul{background-color: #000000;}
.joinbjtop ul li{width: 100%;height: 600px;background-position: 0 0,0 0,50% 50%;background-size: auto,auto,cover;display: none;}
.joinconter{width: 100%;position: absolute;top: 0;padding-top: 120px;box-sizing: border-box;}
.joincons{width: 900px;margin: 0 auto 90px;}
.joincons ul li{float: left;width: 90px;height: 90px;border-radius: 50%;background: rgba(0,0,0,0.15);margin: 0 30px 30px 30px;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joincons ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;}
.joincons ul li a img{max-width: 50px;}
/* .joincons ul li:hover{background: rgba(0,0,0,0.3);} */
.joincons ul .active{background-color: #3f7bab;}
.jointext{max-width: 560px;margin: 0 auto;}
.jointext ul li{width: 100%;display: none;}
.jointext ul li h5{font-size: 22px;color: #fff;font-weight: 700;text-align: center;font-family: chainblod;}
.jointext ul li p{font-size: 16px;color: #fff;text-align: center;line-height: 28px;margin-top: 15px;font-family: chainRegular;}
.joinzp{width: 100%;padding: 60px 0;box-sizing: border-box;background-color: #f8f8f8;}
.joinzpcon{width: 1180px;margin: 0 auto;}
.joinzpconter{width: 100%;}
.joinlist{width: 100%;margin-bottom: 20px;}
.joinlist h5{font-size: 22px;color: #3f7bab;font-weight: 500;margin-bottom: 50px;font-family: chainRegular;}
.joinlist ul li{float: left;width: 23%;margin-right: 2.6%;margin-bottom: 2.6%;}
.joinlist ul li:nth-child(4n){margin-right: 0;}
.joinlist ul li a{display: block;box-sizing: border-box;border: solid 1px #e4e4e4; padding: 22px 28px 36px 28px;border-top: 3px solid #3f7bab;background-color: #ffffff;}
.joinlist ul li a h6{font-size: 18px;color: #3f7bab;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;font-family: chainRegular;}
.joinlist ul li .hotbut{margin-top: 10px;}
.joinlist ul li:hover .hotbut p b{left: 20px;}
.joinlist ul li:hover .hotbut p span{margin-left: 5px;}
.aboutpcer ul li .aboutleft{padding-right: 0;justify-content: center;}
.aboutpcer ul li:nth-child(2n) .aboutleft{padding: 0;justify-content: center;}
.aboutpcer ul li .aboutright{display: flex;justify-content: center;align-items: center;min-height: 500px;
	background-position: 0 0,0 0,0 0,50% 50%;background-size: auto,auto,auto,cover;background-repeat: repeat,repeat,repeat,no-repeat;}
.aboutpcer ul li .aboutright .hotaleftcon{max-width: 400px;}
.aboutright h4{position: absolute;left: -30px;top: -36px;display: block;opacity: .09;color: #111;font-size: 120px;line-height: 96px;font-weight: 500;
	font-family: chainblod;}
.aboutright h5{font-size: 40px;color: #fff;font-weight: 400;font-family: chainRegular;}
.aboutright .hotaleftcon>i{width: 70px;height: 3px;background-color: #fff;display: block;margin: 20px 0;}
.aboutright .hotaleftcon>p{font-size: 16px;color: #fff;line-height: 28px;}
.aboutmobiles .aboutimgs{min-height: 235px;padding:40px 10px;box-sizing: border-box;
	background-position: 0 0,0 0,0 0,50% 50%;background-size: auto,auto,auto,cover;background-repeat: repeat,repeat,repeat,no-repeat;}
.aboutimgs{width: 100%;position: relative;margin-bottom: 10px;}
.aboutimgs h4{position: absolute;left: 10px;top: 0px;display: block;opacity: .09;color: #111;font-size: 60px;line-height: 96px;font-weight: 500;}
.aboutimgs h5{font-size: 20px;color: #fff;font-weight: 400;}
.aboutimgs>i{width: 70px;height: 3px;background-color: #fff;display: block;margin: 20px 0;}
.aboutimgs>p{font-size: 14px;color: #fff;line-height: 24px;}
.teamconer h4{font-size: 40px;color: #111;font-weight: 500;margin-bottom: 20px;}
.aurl{margin-bottom: 20px;display: block;}
.onwidth{width: 100%;}
/* 新增页面 */
.globalcon{padding: 120px 0;box-sizing: border-box;}
.global{max-width: 700px;margin: 0 auto;}
.global h4{text-align: center;}
.global i{display: block;width: 70px;height: 3px;background: #3f7bab;margin: 20px auto;}
.global p{text-align: center;font-size: 16px;color: #777;}
.contact{width: 100%;padding: 120px 0;box-sizing: border-box;background-image: linear-gradient(202deg,#006288,#003350);}
.contactcon{max-width: 960px;margin: 0 auto;}
.contactcon h4{font-size: 40px;font-family: enblod;text-align: center;color: #fff;font-weight: bold;margin-bottom: 32px;}
.contactlist{width: 100%;display: flex;}
.contactlist a{width: 33.33%;padding: 72px 40px;box-sizing: border-box;border-bottom: 1px solid #fff;border-right: 1px solid #fff;
	text-align: center;}
.contactlist a:last-child{border-right: 0;}
.contactlist a:nth-child(2) img{margin-bottom: 14px;}
.contactlist a img{vertical-align: middle;display: inline-block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;width: 80px;}
.contactlist a img:hover{transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;}
.contactlist a p{display: flex;flex: 1;justify-content: center;font-size: 17px;font-family: chainblod;font-weight: bold;color: #fff;margin: 15px auto 32px;}
.contactbut{width: 100%;padding: 120px 0;box-sizing: border-box;background-color: #f8f8f8;}
.contactbutcon{max-width: 550px;margin: 0 auto;}
.contactbutlist{width: 100%;margin-bottom: 60px;}
.contactbutlist:last-child{margin-bottom: 0;}
.contactitle{width: 100%;margin-bottom: 15px;}
.contactitle img{width: 64px;margin-bottom: 15px;}
.contactitle h4{font-size: 30px;color: #3f7bab;font-family: chainRegular;}
.contacttext{width: 100%;border-top: 4px solid #3f7bab;background-color: #fff;}
.contacttext .phone-support-text{margin: 42px 42px 0;padding: 0;font-size: 14px;text-align: left;color: #111;}
.contactup{width: 100%;padding: 0 42px;box-sizing: border-box;}
.contactupleft{float: left;width: 163px;box-sizing: border-box;color: #3f7bab;font-size: 14px;text-align: center;height: 70px;line-height: 70px;
	font-family: chainblod;}
.contactupright{float: right;width: 163px;box-sizing: border-box;text-align: center;height: 70px;padding-top: 17px;box-sizing: border-box;}
.contactupright h5{color: #3f7bab;font-size: 14px;font-family: chainblod;}
.contactupright p{color: #111;font-size: 12px;font-family: chainRegular;}
.contactbutlister{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.contactbutlister ul li{width: 100%;padding: 0 42px;box-sizing: border-box;margin-bottom: 15px;}
.contactbutlister ul li:last-child{margin-bottom: 0;}
.contactbutlister ul li p{float: left;height: 34px;line-height: 34px;font-size: 14px;color: #111;text-align: center;}
.contactbutlister ul li p:first-child{width: 163px;}
.contactbutlister ul li p:nth-child(2n){width: 140px;background: #e4e4e4;}
.contactbutlister ul li p:last-child{width: 163px;}
.contacttexts{padding: 30px 42px;box-sizing: border-box;width: 100%;border-top: 4px solid #3f7bab;background-color: #fff;}
.contacttexts .glbemail{font-size: 14px;color: #111;font-family: chainRegular;margin-bottom: 30px;}
.contacttexts .glbtext{font-size: 14px;color: #111;line-height: 28px;font-family: chainRegular;}


/* 新增 */
.loding{float: right;margin-right: 32px;padding-top: 28px;box-sizing: border-box;}
.loding a{display: block;width: 24px;height: 24px;}
.loding a img{display: block;}
.lodings{float: right;margin-right: 32px;padding-top: 28px;box-sizing: border-box;display: none;}
.lodings i{float: left;width: 24px;height: 24px;margin-right: 8px;}
.lodings i img{display: block;}
.lodings span{float: left;font-size: 16px;color: #fff;line-height: 24px;margin-right: 25px;position: relative;}
.lodings span::before{content: '';width: 1px;height: 16px;background: #fff;position: absolute;top: 4px;right: -13px;}
.lodings a{float: left;font-size: 16px;color: #fff;line-height: 24px;font-weight: 400;}
.mobilelist>ul>.sjlast{height: auto;padding: 4px 10px;box-sizing: border-box;}
.mobilelist>ul>.sjlasted{height: auto;padding: 9px 10px;box-sizing: border-box;display: none;}
.mobilelist>ul>.sjlast>a{float: left;padding: 4px 15px;box-sizing: border-box;font-size: 14px;color: #fff;background-image: linear-gradient(247deg,#73b2d5,#3f7bab);
	border-radius: 2px;margin-right: 10px;}
.mobilelist>ul>.sjlasted i{float: left;width: 24px;height: 24px;margin-right: 8px;}
.mobilelist>ul>.sjlasted i img{display: block;}
.mobilelist>ul>.sjlasted span{float: left;font-size: 16px;color: #3F7BAB;line-height: 24px;margin-right: 25px;position: relative;}
.mobilelist>ul>.sjlasted span::before{content: '';width: 1px;height: 14px;background: #3F7BAB;position: absolute;top: 5px;right: -15px;}
.mobilelist>ul>.sjlasted a{float: left;font-size: 14px;color: #3F7BAB;line-height: 24px;font-weight: 400;padding: 0;background: transparent;}
.register{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.registerbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.registerbox{width: 1065px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.registerbox b{position: absolute;top: 16px;right: 16px;height: 32px;width: 32px;cursor: pointer;
	background: url(/brands/img/gbcon.png) center no-repeat;}
.regleft{float: left;width: 710px;background: #fff;padding: 40px 58px;box-sizing: border-box;}
.regleft h4{font-size: 28px;color: #333;font-weight: 500;line-height: 36px;margin-bottom: 28px;}
.regleftcon{width: 100%;}
.regleftcon ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%}
.regleftcon ul li:nth-child(2n){margin-right: 0;}
.regleftcon ul li input[type='text']{width: 100%;height: 40px;border: 1px solid #F5F5F5;padding: 0 16px;font-size: 14px;
	color: #333;outline: none;box-sizing: border-box;background: #FAFAFA;}
.regleftcon ul li input[type='text']::-webkit-input-placeholder {color: #999999;}
.regleftcon ul li input[type='text']:-moz-placeholder { color: #999999;}
.regleftcon ul li input[type='text']::-moz-placeholder { color: #999999;}
.regleftcon ul li input[type='text']:-ms-input-placeholder {color: #999999;}
.regleftcon ul .yanzheng{position: relative;}
.regleftcon ul .yanzheng input[type='text']{padding-right: 130px;}
.regleftcon ul .yanzheng button{font-size: 14px;color: #1B7DD7;position: absolute;top: 0;right: 0;outline: none;display: block;
	border: 0;background: transparent;height: 40px;width: 120px;}
.leixing{width: 100%;margin-bottom: 30px;margin-right: 0;}
.leixing h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 15px;}
.lxlist{width: 100%;}
.lxlist label{float: left;cursor: pointer;margin-right: 25px;margin-bottom: 12px;}
.lxlist input[type="checkbox"]{display: none;}
.lxlist label i{width: 16px;height: 16px;background: #F5F5F5;border: 1px solid #F5F5F5;box-sizing: border-box;
	float: left;margin-top: 2px;border-radius: 2px;}
.lxlist label input[type="checkbox"]:checked + i{background: url(/brands/img/j_xz.png) no-repeat;background-size: 100% 100%;}
.lxlist label p{float: left;font-size: 14px;color: #999;font-weight:400;margin-left: 10px;}
.xieyi{width: 100%;margin-bottom: 16px;margin-right: 0;}
.xieyi label{float: left;cursor: pointer;margin-right: 8px;}
.xieyi input[type="checkbox"]{display: none;}
.xieyi label i{width: 16px;height: 16px;background: #F5F5F5;border: 1px solid #F5F5F5;box-sizing: border-box;
	float: left;border-radius: 2px;}
.xieyi label input[type="checkbox"]:checked + i{background: url(/brands/img/j_xz.png) no-repeat;background-size: 100% 100%;}
.xieyi p{font-size: 14px;color: #999;float: left;line-height: 16px;}
.xieyi p a{color: #1B7DD7;}
.sunbits{width: 100%;}
.sunbits button{display: block;width: 100%;height: 40px;background: linear-gradient(90deg, #417EAD 0%, #71AFD2 100%);
	border-radius:2px;font-size: 16px;color: #fff;border: 0;outline: none;margin: 0 auto 12px;}
.sunbits a{display: table;margin: 0 auto;font-size: 16px;color: #417EAD;}
.regright{float: left;width: 354px;height: 532px;padding: 40px 38px;box-sizing: border-box;}
.regright h5{font-size: 28px;color: #fff;font-weight: 500;line-height: 36px;margin-bottom: 28px;}
.regright ul li{width: 100%;}
.regright ul li i{float: left;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 18px;color: #fff;background: rgba(255,255,255,0.4);
	border-radius: 50%;margin-bottom: 40px;margin-right: 16px;font-weight: 500;position: relative;}
.regright ul li i::before{content: '';width: 2px;height: 100%;background: rgba(255,255,255,0.5);position: absolute;top: 40px;left: 50%;margin-left: -1px;}
.regright ul li:last-child i::before{display: none;}
.regright ul li:last-child i{margin-bottom: 0;}
.regright ul li span{float: left;font-size: 18px;color: #fff;font-weight: 500;line-height: 40px;}
.signin{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.signinbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.signinbox{width: 492px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 426px;background: #fff;
	padding: 64px 56px 56px 56px;box-sizing: border-box;}
.signinbox b{display:block;width: 28px;height: 28px;background: url(/brands/img/gbdl.png) center no-repeat;
	position: absolute;top:22px;right: 22px;cursor: pointer;}
.signinbox h5{font-size: 28px;color: #333;font-weight: 500;line-height: 36px;margin-bottom: 28px;}
.signinbox ul li{width: 100%;margin-bottom: 20px;}
.signinbox ul li input[type='text']{width: 100%;height: 40px;border: 1px solid #F5F5F5;padding: 0 16px;font-size: 14px;
	color: #333;outline: none;box-sizing: border-box;background: #FAFAFA;}
.signinbox ul li input[type='text']::-webkit-input-placeholder {color: #999999;}
.signinbox ul li input[type='text']:-moz-placeholder { color: #999999;}
.signinbox ul li input[type='text']::-moz-placeholder { color: #999999;}
.signinbox ul li input[type='text']:-ms-input-placeholder {color: #999999;}
.signinbox ul .yanzheng{position: relative;}
.signinbox ul .yanzheng input[type='text']{padding-right: 130px;}
.signinbox ul .yanzheng button{font-size: 14px;color: #1B7DD7;position: absolute;top: 0;right: 0;outline: none;display: block;
	border: 0;background: transparent;height: 40px;width: 120px;}
.signinbox ul .signdl button{display: block;width: 100%;height: 40px;background: linear-gradient(90deg, #417EAD 0%, #71AFD2 100%);
	border-radius:2px;font-size: 16px;color: #fff;border: 0;outline: none;margin: 56px auto 24px;}
.signinbox ul .signdl a{display: table;margin: 0 auto;font-size: 16px;color: #417EAD;}
.signinew{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.signinewbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.signinewbox{width: 730px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;
	padding: 50px 56px;box-sizing: border-box;}
.signinewbox b{display:block;width: 28px;height: 28px;background: url(/brands/img/gbdl.png) center no-repeat;
	position: absolute;top:22px;right: 22px;cursor: pointer;}
.signinewbox .regleft{float: none;width: 100%;padding: 0;}
.signinewbox .sunbits button{margin-bottom: 0;}
.success{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.successbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.successbox{width: 248px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.8);height: 248px;
	border-radius: 16px;}
.successcon{padding-top: 60px;box-sizing: border-box;width: 100%;}
.cgicon{width: 64px;height: 64px;border-radius: 50%;margin: 0 auto 26px;}
.cgicon img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.successcon p{font-size: 24px;color: #fff;text-align: center;font-weight: 500;}
.shibai{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.shibaibj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.shibaibox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.8);
	border-radius: 6px;padding: 8px 18px;box-sizing: border-box;}
.shibaibox p{font-size: 18px;color: #fff;font-weight: 500;line-height: 18px;}
.modeltite{width: 100%;margin-bottom: 40px;}
.modeltite h5{font-size: 35px;color: #3f7bab;font-weight: 500;text-align: center;font-family: chainblod;line-height: 35px;}
.caseconactive .caseleft{background: #fff;}
.caseconactive .caseleftcon h6{color: #333;}
.caseconactive .caseleftcon h4{color: #333;}
.caseconactive .caseleftcon p{color: #333;}
.caseconactive .banpages .swiper-pagination-bullet{background: #ccc !important;}
.caseconactive .banpages .swiper-pagination-bullet-active{background-image: linear-gradient(247deg,#73b2d5,#3f7bab) !important;}
.hotconterlisted{display: block;}
.hotconterlisted ul{font-size: 0;}
.hotconterlisted ul li{padding: 30px 20px;position: relative;float: left;}
.hotconterlisted ul li i{display: block;width: 60px;height: 60px;margin: 0 auto;}
.hotconterlisted ul li i img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hotconterlisted ul li h5{margin-top: 14px;}
.hotconterlisted ul li p{margin-top: 12px;min-height: 120px;-webkit-line-clamp:5;}
.hotconterlisted ul li a{display: table;font-size: 14px;font-family: chainRegular;margin: 10px auto 0;color: #3f7bab;}
.hotconterlisted ul li .yincang{display: none;}
.hotconterlisted ul li .yincangs{display: none;}
.hotconlisted{width: 100%;}
.hotconlisteds{width: 100%;}

.dxyz{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.dxyzbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.dxyzbox{width: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;height: 248px;
	border-radius: 8px;padding: 40px 58px;box-sizing: border-box;}
.dxyzbox b{display:block;width: 28px;height: 28px;background: url(/brands/img/gbdl.png) center no-repeat;
	position: absolute;top:22px;right: 22px;cursor: pointer;}
.dxyzbox h5{font-size:24px;color: #333;font-weight:500;margin-bottom: 20px;}
.dxyzbox ul li{width:100%;}
.dxyzbox ul li input{float: left;width: 70%;height: 40px;font-size: 14px;color: #333;border: 1px solid #F5F5F5;background: #fafafa;padding: 0 10px;box-sizing: border-box;}
.dxyzbox ul li span{float: right;width: 28%;height: 40px;cursor: pointer;}
.dxyzbox ul li span img{display: block;width: 100%;height: 100%;object-fit: cover;}
.dxyzbox ul li  button{display: block;width: 100%;height: 40px;background: linear-gradient(90deg, #417EAD 0%, #71AFD2 100%);
	border-radius:2px;font-size: 16px;color: #fff;border: 0;outline: none;margin: 33px auto 0;}

.hotse{display: none;}
.hotse ul{font-size: 0;}
.hotse ul li{padding: 22px 20px;position: relative;float: left;}
.hotse ul li i{display: block;width: 60px;height: 60px;margin: 0 auto;}
.hotse ul li i img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hotse ul li h5{margin-top: 14px;}
.hotse ul li p{margin-top: 12px;min-height: 120px;-webkit-line-clamp:5;}
.hotse ul li a{display: table;font-size: 14px;font-family: chainRegular;margin: 10px auto 0;color: #3f7bab;}
.hotconlisted{width: 100%;}
.hotconlisteds{width: 100%;}
.hotimgcon{width: 100%;display: none;}
.hotimgcon img{display: block;object-fit: cover;}
.hotconterlisted ul li.active .hotimgcon{opacity: 1;height: 100%;display: block;}
.modeltwo{width: 100%;margin-bottom: 60px;}
.modelthreecon{display: flex;width: 1180px;margin: 0 auto;}
.modeleft{float: left;margin-right: 40px;width: 360px;}
.modeleft img{display: block;}
.modelright{float: right;display: flex;align-items: center;width: 720px;}
.modelright ul li{margin-bottom: 4%;}
.modelright ul li:last-child{margin-bottom: 0;}
.modelright ul li h5{font-size: 20px;color: #323233;font-weight: 500;font-family: chainRegular;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.modelright ul li p{font-size: 14px;color: #666666;font-weight: 500;font-family: chainRegular;line-height: 22px;
	height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hotcenterimg{position: relative;}
.groupicon img{width: 100%;}
.ttshop_video{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 8000;display: none;}
.ttshop_videobj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.ttshop_videobox{width: 900px;height: 500px;position: absolute;top: 40%;left: 50%;margin-left: -450px;margin-top: -250px;
	background: #fff;border-radius: 4px;}
.ttshop_videotitle{width: 100%;border-bottom: 1px solid #ccc;height: 45px;padding: 0 20px;box-sizing: border-box;line-height: 45px;}
.ttshop_videotitle h5{font-size: 16px;color: #333;font-weight: 500;float: left;font-family: chainRegular;}
.ttshop_videotitle i{width: 32px;height: 32px;border-radius: 50%;background: url(/brands/img/gbcon1.png) center no-repeat;
	display: block;float: right;cursor: pointer;margin-top: 7px;}
.ttshop_videocon{width: 100%;height: 455px;background: #fff;border-radius: 0 0 4px 4px;font-size: 0;}
.ttshop_videocon video{width: 100%;height: 100%;outline: none;border-radius: 0 0 4px 4px;display: block;}
.modelent{width: 100%;padding: 60px 0;box-sizing: border-box;}
.modelentlist{width: 1180px;margin: 0 auto;}
.modelentlist ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #EBEDF0;box-sizing: border-box;background: #fff;}
.modelentlist ul li:nth-child(2n){margin-right: 0;}
.modelentlist ul li h5{font-size: 14px;color: #323233;font-weight: 500;font-family: chainblod;padding: 11px 18px;box-sizing: border-box;}
.modelentlist ul li h5 i{display: inline-block;width: 20px;height: 20px;background: url(/brands/img/xljt.png) center no-repeat;margin-right: 8px;
	float: left;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.modelentlist ul li h5 span{float: left;width: 93%;}
.modelentlist ul li.active h5 i{transform: rotate(-180deg);}
.modelentext{width: 100%;padding: 12px 18px 12px 34px;box-sizing: border-box;display: none;}
.modelentext p{font-size: 14px;color: #666;font-family: chainRegular;font-weight: 500;line-height: 24px;}
.modelninecon{width: 1180px;margin: 0 auto;}
.modelnincenav{width: 100%;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;}
.modelnincenav ul{display:flex;}
.modelnincenav ul li{width: 25%;cursor: pointer;font-size: 18px;color: #323233;font-family: chainRegular;flex: 1;
	padding: 17px 0;box-sizing: border-box;text-align: center;position: relative;}
.modelnincenav ul li::before{content: '';width: 0%;height: 2px;background: #417CAB;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.modelnincenav ul li.active::before{width: 100%;}
.modelnineconter{width: 100%;}
.modelninelist{width: 100%;padding-top: 32px;box-sizing: border-box;margin-bottom: 24px;display: none;}
.modelninelist:first-child{display: block;}
.modelnineimg{width: 100%;}
.modelnineimg img{display: block;}
.modellistbut{width: 100%;padding-top: 50px;box-sizing: border-box;}
.modellistbut ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.modellistbut ul li:nth-child(3n){margin-right: 0;}
.modellistbut ul li h5{font-size: 18px;color: #3F7BAB;font-family: chainblod;font-weight: 500;line-height: 18px;margin-bottom: 15px;}
.modellistbut ul li p{font-size: 14px;color: #323233;font-family: chainRegular;font-weight: 500;line-height: 22px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;height: 176px;}
.bookup{width: 100%;margin-bottom: 20px;}
.bookbj{width: 100%;position: relative;}
.bookimgs{display: block;}
.bookbj .groupicon p{color: #fff;}
.bookvideo{width: 100%;display: none;}
.bookvideo video{display: block;width: 100%;outline: none;}
.aboutleft a,.aboutexts a{font-size: 14px;color: #3F7BAB;font-family: chainRegular;margin-top: 20px;box-sizing: border-box;display: table;
	text-decoration: underline;}
.aboutright a,.aboutimgs a{font-size: 14px;color: #fff;font-family: chainRegular;margin-top: 20px;box-sizing: border-box;display: table;
	text-decoration: underline;}
.downxz{width: 100%;}
.downxz a{float: right;padding: 5px 15px;box-sizing: border-box;font-size: 14px;color: #fff;
	background-image: linear-gradient(247deg,#73b2d5,#3f7bab);border-radius: 4px;}

.modelone,.modeltwo{padding-top:60px;box-sizing:border-box;}

.hotnavs{width: 100%;height: 80px;}
.hotnavscon{width: 1200px;margin: 0 auto;}
.hotnavscon ul li{float: left;margin-right: 20px;}
.hotnavscon ul li:last-child{margin-right: 0;}
.hotnavscon ul li a{display: block;font-size: 16px;line-height: 80px;font-family: enRegular;color: #333;padding: 0 80px;box-sizing: border-box;
position: relative;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotnavscon ul li a::before{content: '';width: 100%;height: 5px;background: transparent;position: absolute;bottom: 0;left: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hotnavscon ul li.active a{font-family: enblod;}
.hotnavscon ul li.active a::before{background: #3f7bab;}
.hotnavscon ul li:hover a{opacity: 0.75;}
.hotnavscon ul li:hover a::before{background: rgba(0,0,0,0.25);}



/******************************响应式**************************************/
@media screen and (max-width: 1600px) {
	.bj_group,.groupleft,.solutiontitle,.caseleft,.banpages,.proforstlist{padding-left: 8%;}
	.prolast{padding-right: 8%;}
	.groupnum{padding: 0 8%;}
	.servicebutleft{padding: 80px 80px 80px 8%;}
	.groupimg{width: 80%;}
	.servicebutright{padding: 80px 8% 80px 80px;}
	.groupvideo video{width: 100%;}
	.solutionlist ul li{padding: 0 20px 170px 20px;}
	.footerup{padding: 80px 8%;}
	.cooperation{padding: 40px 8%;}
	.purposeconright{padding-right: 8%;padding-left: 6%;}
	.footerleft ul li{margin-right: 8%;}
	.serviceimg{width: 80%;}
}
@media screen and (max-width: 1440px) {
	.bj_group,.groupleft,.solutiontitle,.caseleft,.banpages,.proforstlist{padding-left: 6%;}
	.prolast{padding-right: 6%;}
	.servicebutleft{padding: 80px 80px 80px 6%;}
	.servicebutright{padding: 80px 6% 80px 80px;}
	.groupnum{padding: 0 6%;}
	.groupimg{width: 80%;}
	.cooperation{padding: 40px 6%;}
	.groupvideo video{width: 100%;}
	.solutionlist ul li{padding: 0 20px 170px 20px;}
	.footerup{padding: 80px 6%;}
	.prolistsecend,.seaced{width: 66%;}
	.hotbannercontext{max-width: 445px;}
	.hotbannercontext h1,.lianxicontext h4{font-size: 50px;}
	.headerencon i{right: -50px;}
}
@media screen and (max-width: 1366px) {
	.bj_group{padding-top: 80px;}
	.bannertext h5{font-size: 16px;}
	.bannertext h4{font-size: 35px;}
	.grouptitle h4{font-size: 40px;}
	.start h4{font-size: 40px;}
	.groupbut,.groupnum,.solution,.service,.cooperation,.purpose{margin-bottom: 50px;}
	.start{padding: 80px 0;}
	.footerup{padding: 50px 6%;}
	.groupnum ul li h5,.groupnum ul li span{font-size: 40px;}
	.solutiontitle{font-size: 24px;}
	.solutionlist ul li h4{font-size: 24px;}
	.caseleftcon h4{font-size: 24px;margin: 20px 0;}
	.servicetext h4,.servicebutright h4,.servicebutleft h4{font-size: 24px;margin-bottom: 30px;}
	.servicetext p,.servicebutright p,.servicebutleft p{font-size: 16px;}
	.soluimg{margin-top: 100px;}
	.solutionlist ul li{padding: 0 20px 120px 20px;}
	.prolast .prolasttui{width: 350px;}
	.caseleftcon a{margin-top: 20px;}
	.servicetext a,.servicebutleft a{width: 150px;height: 40px;line-height: 40px;}
	.servicebutright a,.caseleftcon a,.start a{width: 148px;height: 38px;line-height: 38px;}
	.caseleft{padding-right: 60px;}
	.banpages{bottom: 20px !important;}
	.casenext{bottom: 20px;left: 30%;}
	.footerleft{width: 70%;}
	.headerencon i{right: -20px;}
}
@media screen and (max-width: 1250px) {
	.footerleft{width: 60%;}
	.footerleft ul li{margin-right: 4%;}
	.hotnavscon{width: 100%;padding: 0 4%;box-sizing: border-box;}
}
@media screen and (max-width: 1200px) {
	.bannertext h4{font-size: 30px;}
	.grouptitle h4{font-size: 32px;}
	.solutionlist ul li p{font-size: 16px;}
	.soluimg{margin-top: 80px;}
	.solutionlist ul li{padding: 0 20px 80px 20px;}
	.servicetext{padding: 50px;}
	.servicebutright{padding: 50px 6% 50px 50px;}
	.servicebutleft{padding: 50px 50px 50px 6%;}
	.prolast .prolasttui{width: 310px;}
	.groupnum ul li{margin-right: 10%;}
	.hotconterlist,.hotlist,.hotanlicon,.lianxicon,.casexqcon,.caselistmorecon,.caselist,.newcon,.newxqcon,.officecon,.foundercon
	,.teamcon,.bookscon,.openclasscon,.aboutconter,.hottopcon,.hotcentercon,.hotaboutcon,.hotaboutcon,.hotnumcon,.hotlistercon,.hothezuocon
	,.joinzpcon{width: 100%;padding: 0 40px;box-sizing: border-box;}
	.hotlist ul li{margin-right: 3.1%;}
	.purimg{margin-bottom: 20px;}
	.purimg img{width: 20%;}
	/* 新增页面 */
	.contactcon{width: 100%;padding: 0 50px;box-sizing: border-box;}
	.contactlist a{padding: 50px 40px;}
	.contactlist a img:hover{transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;}

	.header{padding: 0 40px;}
	.headernav>ul>li{margin-right: 20px;}
	.logo{margin-right: 40px;}
	.lodings{margin-right: 15px;}
	.modelthreecon,.modelentlist,.modelninecon{width: 100%;padding: 0 4%;box-sizing: border-box;}
	.modeleft{width: 40%;margin-right: 2%;}
	.modelright{width: 58%;}
}
@media screen and (max-width: 1100px) {
	.registerbox{width: 860px;}
	.regleft{width: 560px;padding: 30px 20px;}
	.regleft h4,.regright h5{font-size: 22px;line-height: 26px;margin-bottom: 15px;}
	.regright{width: 300px;padding: 30px 20px;height: 516px;}
	.modelright ul li{margin-bottom: 2%;}
	.modelright ul li h5{font-size: 18px;}
	.modeleft{display: flex;align-items: center;}
}

@media screen and (max-width: 1024px) {
	.prolast .prolasttui{width: 285px;}
	.prolastlist{padding: 0 30px;}
	.bannertext{max-width: 450px;}
	.bannertext h5{font-size: 20px;margin-bottom: 20px;}
	.bannertext h4{font-size: 26px;margin-bottom: 20px;line-height: 38px;}
	.bannertext p{font-size: 16px;padding: 0 10px;}
	.grouptitle h4{font-size: 28px;}
	.grouptitle{width: 50%;}
	.groupnum ul li i{margin: 10px auto;}
	.solutiontitle{font-size: 26px;}
	.solutionlist ul li{padding: 0 20px 50px 20px;}
	.soluimg{margin: 50px auto 50px;}
	.solutionlist ul li h4{font-size: 22px;}
	.solutionlist ul li p{font-size: 14px;line-height: 22px;min-height: 60px;}
	.solutionlist ul li a{font-size: 14px;}
	.servicetext h6,.servicebutright h6,.servicebutleft h6{font-size: 18px;margin-bottom: 20px;}
	.servicetext h4, .servicebutright h4, .servicebutleft h4{font-size: 26px;margin-bottom: 20px;}
	.servicetext p, .servicebutright p, .servicebutleft p{font-size: 16px;margin-bottom: 30px;}
	.caseleftcon h4{font-size: 26px;margin: 10px 0;}
	.caseleftcon p{font-size: 14px;line-height: 22px;}
	.purcon{padding-bottom: 30px;}
	.purcon ul li .purjianjie{font-size: 16px;margin-bottom: 20px;}
	.purcon ul li .purname{font-size: 14px;}
	.footerleft ul li{margin-right: 3%;}

	.hotbannercontext{max-width: 750px;}
	.hotbannercontext h1, .lianxicontext h4{font-size: 40px;line-height: 50px;}
	.hotlist ul li{margin-right: 3.1%;}
	.hotext{padding: 22px 10px;}
	.hotext h4{font-size: 18px;min-height: 48px;}
	.hotbannercontexts{width: 80%;max-width: none;}
	.hotalefter{padding-top: 0;}
	.opentext{padding-top: 2%;}
	.hotbuted{margin-top: 20px;}
	.aboutconter .hotconterlist ul li{padding: 40px;}
	.hotalcons .hotaleft{padding-top: 20px;}
	.friendship{width: 100%;padding: 75px 20px;}
	.casexqright ul li{line-height:1.5;height:auto;padding:12px 0;box-sizing:border-box;}
	.headeren{height: auto;}
	.headerencon{width: 100%;padding:  10px;height: auto;box-sizing: border-box;}
	.headerencon h4{line-height: 24px;float: none;}
	.headerenconed{float: none;}
	.headerenconed a{padding: 0 10px;}
}

@media screen and (max-width: 968px) {
	.registerbox{width: 90%;}
	.regleft{width: 100%;}
	.regright{display: none;}
	.signinewbox{width: 90%;padding: 40px;}
	.modeltite h5{font-size: 24px;}
	.ttshop_videobox{width: 90%;height: auto;margin-left: 0;margin-top: 0;transform: translate(-50%,-50%);}
	.ttshop_videocon{height: auto;}
	.modelentlist ul li h5{padding: 11px 14px;}
	.modelentlist ul li h5 i{margin-right: 6px;}
	.modelentext{padding: 10px 16px;}
	.modelentlist ul li h5 span{width: 92%;}
	.hotnavscon ul li a{padding: 0 40px;}
}

@media screen and (max-width: 768px) {
	.header{display: none;}
	.nav{display: block;}
	.grouptitle{width: 70%;}
	.groupnum ul li{margin-right: 4%;}
	.servicetext{max-width: none;width: 80%;padding: 35px;}
	.servicebutleft{padding: 35px 35px 35px 6%;}
	.servicebutright{padding: 35px 6% 35px 35px;}
	.casenext{display: none;}
	.servicetext h4, .servicebutright h4, .servicebutleft h4{font-size: 20px;}
	.banpages{justify-content: center;padding-left: 0;}
	.caseleft{padding-right: 35px;}
	.caseleftcon p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.purimg{width: 20%;margin-bottom: 10px;}
	.purposeconright{padding: 0 4%;}
	.purcon ul li .purjianjie{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
	.purimg img{width: 100%;}
	.footerleft{width: 100%;float: none;margin-bottom: 20px;}
	.footeright{float: none;width: 100%;}
	.hotbanner{min-height: 360px;}
	.hotconterlist ul li{padding: 40px 20px;}
	.hotconterimg{padding: 0 40px;box-sizing: border-box;}
	.hotlist ul li{margin-right: 3.4%;width: 48%;}
	.hotlist ul li:nth-child(3n){margin-right: 3.4%;}
	.hotlist ul li:nth-child(2n){margin-right: 0;}
	.hotaleft{padding: 20px 2% 0 2%;}
	.hotlianxicon{width: 100%;padding: 0 40px;box-sizing: border-box;}
	.newcon ul li a{padding: 20px;}
	.newcon ul li h4{font-size: 18px;}
	.hotalefter{padding-top: 0;}
	.hotaleftconers h5{font-size: 25px;margin-bottom: 10px;}
	.hotaleftconers>p{font-size: 14px;line-height: 24px;}
	.foundertext h4{font-size: 25px;}
	.hotlistbook{padding: 0;}
	.opentext{padding-top: 1%;}
	.opentext h5{margin-bottom: 10px;font-size: 18px;}
	.opentext h6{margin-bottom: 10px;}
	.aboutleft{padding-left: 20px;padding-right: 4%;}
	.aboutleft h4,.aboutright h4{font-size: 80px;left: 10px;}
	.aboutleft h5,.aboutright h5{font-size: 25px;}
	.aboutleft .hotaleftcon>p,.aboutright .hotaleftcon>p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 24px;}
	.hottopleft{width: 100%;float: none;}
	.hottopright{width: 100%;float: none;}
	.hottopright ul .hotlast{padding-right: 0;}
	.hottopright ul .hotlast img{width: 50%;}
	.hotconterlister ul li{padding: 20px;}
	.joinlist ul li a{padding: 20px;}
	.aboutpcer ul li .aboutleft{padding-right: 20px;}
	.aboutpcer ul li .aboutright{padding:0 20px;box-sizing: border-box;min-height: 350px;}
	.aboutpcer ul li:nth-child(2n) .aboutleft{padding: 0 20px;}
	.jointopcon{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.joinright{padding-top: 5%;}
	.joincons{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.joincons ul li{margin: 0 15px 15px 15px;}


	.hotconterlist ul li{padding: 20px;}
	.modelentlist ul li h5 span{width: 91%;}
}
@media screen and (max-width: 568px) {
	.headerencon i{right: 10px;top: 10px;}
	.bannertext{max-width: none;width: 100%;padding: 0 40px;box-sizing: border-box;}
	.bannertext h5{font-size: 16px;}
	.bannertext h4{font-size: 26px;line-height: 34px;}
	.bannertext p{font-size: 14px;padding: 0;}
	.bj_group{padding-top: 40px;}
	.bj_group, .groupleft, .solutiontitle, .caseleft, .banpages, .proforstlist{padding-left: 20px;}
	.groupbut, .groupnum, .solution, .service, .cooperation, .purpose{margin-bottom: 30px;}
	.grouptitle{width: 100%;padding-right: 20px;box-sizing: border-box;}
	.grouptitle h4{font-size: 20px;}
	.grouptitle p{padding-bottom: 20px;font-size:14px;}
	.servicetext p,.servicebutright p,.servicebutleft p{font-size:14px;}
	.grouptitle a{margin-bottom: 20px;}
	.hotaleftcon>p{font-size:14px;line-height:24px;}
	.joinright h5{font-size:26px;}
	.joinright i{margin:10px 0;}
	.joinright p{font-size:14px;line-height:24px;}
	.opentext h6{font-size:14px;}
	.groupleft{display: none;}
	.groupimg{width: 90%;float: none;margin: 0 auto;}
	.groupicon img{width: 50px;height: 50px;}
	.groupnum ul li{width: 48%;margin-right: 4%;margin-bottom: 4%;}
	.groupnum ul li:nth-child(2n){margin-right: 0;}
	.groupnum ul li>div{display: flex;justify-content: center;}
	.groupnum ul li h5, .groupnum ul li span{font-size: 20px;}
	.groupnum ul li i{width: 40px;height: 2px;}
	.groupnum ul li p{font-size: 16px;}
	.solutiontitle{font-size: 20px;text-align: center;padding-left: 0;margin-bottom: 20px;}
	.solutionlist ul li{width: 100%;padding: 0 20px 20px 20px;}
	.soluimg{margin: 20px auto 20px;width: 50px;height: 50px;}
	.solutionlist ul li h4{font-size: 18px;}
	.solutionlist ul li p{min-height: inherit;margin-bottom: 20px;}
	.servicecon{margin-bottom: 20px;}
	.serviceimg{width: 100%;}
	.servicetext{width: 100%;position: static;padding: 20px;}
	.servicetext::before{display: none;}
	.servicebut>div{width: 100%;float: none;padding: 20px;}
	.servicebutleft{margin-top: 0px;margin-bottom: 20px;}
	.casecon>ul>li{display: block;}
	.casecon>ul>li>div{float: none;width: 100%;}
	.casecon>ul>li>.caseleft1{height:222px;}
	.casecon>ul>li>.caseright1{height:222px;}
	.caseleft{padding: 20px;}
	.caseleftcon h4{font-size: 18px;}
	.servicetext a, .servicebutleft a{width: 120px;font-size: 14px;height: 30px;line-height: 30px;border-radius: 4px;}
	.servicebutright a, .caseleftcon a, .start a{width: 118px;font-size: 14px;height: 28px;line-height: 28px;border-radius: 4px;}
	.next,.prev{width: 20px;height: 20px;margin-top: -10px;}
	.caseleftcon h6{font-size: 14px;}
	.cooperation{padding: 20px;}
	.purposecon{display: block;}
	.purposeconleft{float: none;width: 100%;margin-top: 20px;}
	.purposeconleftimg{transform: translateX(0);margin-top: 20px;margin-bottom: 20px;}
	.purposeconright{float: none;width: 100%;}
	.start{padding: 40px 20px;}
	.start h4{font-size: 20px;}
	.start p{font-size: 16px;line-height: 20px;}
	.footerleft{display: none;}
	.footeright{display: flex; justify-content: center;}
	.back{width: 50px;height: 50px;}
	.back p{display: none;}
	.email{display: none;}
	.hotbanner{min-height: 320px;padding-bottom:0 !important;}
	.hotbannercontext{max-width: none;width: 100%;padding: 0 20px;box-sizing: border-box;}
	.hotbannercontext h1, .lianxicontext h4{font-size: 24px;line-height: 1.5;}
	.hotbannercontext p{font-size: 14px;line-height: 22px;}
	.hotconterimg{padding: 0 20px;}
	.hotconterlist, .hotlist, .hotanlicon, .lianxicon{padding: 0 20px;}
	.hotconterlist ul li{width: 100%;}
	.hotlist ul li{width: 100%;margin-right: 0;}
	.title{margin-bottom: 40px;}
	.hotaleft h5{font-size: 22px;}
	.hotaleft,.hotalright{width: 100%;float: none;}
	.hotaleft h4{font-size: 80px;top: -28px;left: -10px;}
	.hotalright{margin-top: 60px;padding-left: 0;}
	.hotlianxicon{padding: 0 20px;}
	.hotlianxicon ul li{margin-bottom: 0;}
	.hotlianxicon ul li input[type="text"]{width: 100%;float: none;margin-right: 0;margin-bottom: 4%;}
	.hotlianxicon ul li label{margin: 4% 0;display: block;}
	.hotlianxicon ul li button{margin-top: 8%;}
	.casexqcon,.caselistmorecon,.caselist{padding: 0 20px;}
	.casexqleft{float: none;width: 100%;}
	.casexqright{float: none;width: 100%;padding-top: 20px;}
	.caselist ul li{width: 100%;margin-right: 0;}
	.title h4{font-size: 22px;}
	.caselister{padding: 0;}
	.newcon{padding: 0 20px;}
	.newcon ul li{width: 100%;margin-right: 0;}
	.newxqcon{padding: 0 20px;}
	.newimg{display: block;}
	.newleft{width: 100%;float: none;}
	.newright{display: none;}
	.officecon{padding: 0 20px;}
	.officetab ul li{margin-right: 15px;}
	.founder{padding-top: 60px;}
	.foundercon{padding: 0 20px;}
	.hotalefter .hotaleftconers h5{font-size: 25px;}
	.teamcon{padding: 0 20px;}
	.teamlist ul li{width: 100%;margin-right: 0;}
	.bookscon{padding: 0 20px;}
	.bookstext{padding: 20px;margin-top: -100px;}
	.booktitle h4{font-size: 25px;}
	.download{width: 50px;height: 50px;padding: 0;display: flex;align-items: center;justify-content: center;}
	.download p{display: none;}
	.hotlistbook{padding: 0;}
	.openclasscon{padding: 0 20px;}
	.openimg{width: 100%;float: none;margin-bottom: 10px;}
	.opentitle h4{font-size: 25px;}
	.opentext{width: 100%;float: none;}
	.bfvideo{width: 50px;height: 50px;}
	.aboutop ul{display: block;}
	.aboutop ul li{width: 100%;border-right: 0;}
	.aboutconter{padding: 0 20px;}
	.hotconterlist ul li h5{margin-top: 0;}
	.aboutpc{display: none;}
	.aboutconter .hotconterlist{margin-bottom: 0;}
	.aboutmobile{display: block;}
	.hottopcon,.hotcentercon,.hotaboutcon,.hotaboutcon,.hotnumcon,.hotlistercon,.hothezuocon{padding: 0 20px;}
	.hotcentercon .titler p,.hottitle p,.titler p{font-size: 14px;line-height: 24px;}
	.hotcenterimg img{width: 100%;}
	.hotconterlister ul li{width: 100%;float: none;}
	.hottitle h4{font-size: 22px;}
	.hotnumcon ul li{width: 100%;float: none;margin-bottom: 10px;}
	.hotlisted ul li{width: 48.2%;margin-right: 2%;margin-bottom: 2%;height: 70px;line-height: 1.5;background-color:#fff;
		border:1px solid #e4e4e4;display:flex;justify-content:center;align-items:center;border-radius:4px;}
	.hotlisted ul li:nth-child(4n){margin-right: 2%;}
	.hotlisted ul li:nth-child(2n){margin-right: 0;}
	.hoylistlast{height: 70px;line-height: 70px;}
	.hotalcons .hotalright .hotborder{-webkit-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
	.hotalcons .hotalright .hotborder img{-webkit-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
	.hothezuolist ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.hothezuolist ul li:nth-child(5n){margin-right: 2%;}
	.hothezuolist ul li:nth-child(2n){margin-right: 0;}
	.joinzpcon{padding: 0 20px;}
	.joinleft{width: 100%;float: none;}
	.joinright{width: 100%;float: none;}
	.joincons ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.joincons ul li{width: 60px;height: 60px;margin: 0 20px 20px 20px;}
	.joincons ul li a img{max-width: 30px;}
	.joincons{margin-bottom: 40px;}
	.jointext{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.joinlist h5{margin-bottom: 20px;}
	.joinlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 15px;}
	.hotconterlist ul li p{-webkit-line-clamp:5 !important;}
	.lianxi{background-attachment:unset;}
	.hotlisted ul li:nth-child(2n){margin-right:0;}
	.hotlisted ul li h5{border:0;display:flex;justify-content:center;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;
		-webkit-line-clamp:2;overflow:hidden;}
	.booktuijian{padding:0 20px;box-sizing:border-box;}
	.headeren{height: auto;}
	.headerencon{width: 100%;padding:  10px;height: auto;box-sizing: border-box;}
	.headerencon h4{line-height: 24px;margin-bottom: 10px;}
	.headerenconed a{padding: 0 10px;display: block;float: none;margin: 0 auto 10px;}
	.contactlist {
		flex-wrap: wrap;
	}
	.contactlist a {
		width: 100%;
		border-right: 0;
		padding: 20px;
	}
	.contactbut{padding: 40px 0;}
	.contactbutcon{width: 100%;max-width: 100%;padding: 0 20px;box-sizing: border-box;}
	.contactup{padding: 0 5px;}
	.contactbutlister ul li{padding: 0 5px;display: flex;}
	.contactupleft{width: 110px;}
	.contactupright{width: 110px;}
	.contactbutlister ul li p:first-child{width: 110px;}
	.contactbutlister ul li p:nth-child(2n){width: 140px;}
	.contactbutlister ul li p:last-child{width: 110px;}
	.contacttext .phone-support-text{margin: 20px 20px 0;}
	.contactitle h4{font-size: 18px;}
	.service{margin-bottom:20px;}
	.purcon{padding-top:20px;}
	.banpages{bottom:10px !important;}

	.contactcon h4 {
		font-size: 22px;
	}
	.contact{padding: 40px 0;}
	.contactcon{max-width: 100%;padding: 0 20px;}
	.footeright{display:flex;justify-content:center;}
	.footerimg{text-align:center;}
	.footerimg img{display:inline-block;}
	.footeright ul .footerlast p{text-align:center;}

	.registerbox{width: 90%;}
	.regleft{padding: 10px 10px;border-radius: 4px;}
	.regleft h4, .regright h5{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
	.regleftcon ul li{float: none;width: 100%;}
	.regleftcon ul li input[type='text']{height: 30px;}
	.regleftcon ul .yanzheng button{height: 30px;}
	.leixing h5{margin-bottom: 10px;font-size: 14px;}
	.lxlist label{margin-bottom: 5px;}
	.leixing{margin-bottom: 12px;}
	.xieyi{margin-bottom: 8px;}
	.sunbits button{height: 30px;width: 80%;margin: 0 auto 10px;}
	.sunbits a{font-size: 14px;}
	.registerbox b{position: absolute;top: 6px;right: 8px;height: 22px;width: 22px;cursor: pointer;
		background: url(/brands/img/gbcon1.png) center no-repeat;background-size: 100% 100%;}
	.signinbox{width: 90%;border-radius: 4px;padding: 20px;height: auto;}
	.signinbox b{width: 20px;height: 20px;background-size: 100% 100%;top: 14px;right: 14px;}
	.signinbox h5{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
	.signinbox ul .signdl button{margin: 30px auto 14px;}
	.signinewbox{padding: 20px;}
	.signinewbox b{width: 20px;height: 20px;background-size: 100% 100%;top: 14px;right: 14px;}
	.successbox{width: 150px;height: 150px;}
	.successcon{padding-top: 30px;}
	.cgicon{width: 54px;height: 54px;margin-bottom: 12px;}
	.successcon p,.shibaibox p{font-size: 16px;}
	.modeltite{margin-bottom: 20px;}
	.modeltite h5{font-size: 18px;}
	.modelthreecon{display: block;}
	.modeleft{width: 100%;margin-right: 0;margin-bottom: 2%;}
	.modelright{width: 100%;display: block;}
	.modelright ul li h5{display: block;}
	.modelright ul li p{height: auto;display: block;}
	.groupicon img{width: 50px !important;}
	.ttshop_videotitle{padding: 0 8px;}
	.ttshop_videotitle i{width: 20px;height: 20px;background-size: 100% 100%;margin-top: 13px;}
	.modelentlist ul li{width: 100%;float: none;margin-right: 0;}
	.modelnincenav ul li{font-size: 14px;}
	.modellistbut ul li{width: 100%;float: none;margin-right: 0;}
	.modellistbut ul li p{display: block;height: auto;}
	.hotconterlisted{display: none;}
	.hotse{display: block;}
	.dxyzbox{width: 90%;padding: 20px 20px;height: auto;}
	.dxyzbox b{width: 20px;height: 20px;top: 15px;background-size: 100% 100%;}
	.hotnavs{height: 60px;}
	.hotnavscon ul li{margin-right: 5px;}
	.hotnavscon ul li a{line-height: 60px;font-size: 16px;padding: 0 10px;}
}
@media screen and (max-width: 320px) {

}

<!--0.00033688545227051-->