@font-face {
	font-family: HYQiHei-40S;
	src: url('../font/HYQiHei-40S.ttf');
	src: url('../font/HYQiHei-40S.eot') format('embedded-opentype'), url('../font/HYQiHei-40S.woff') format('woff'), url('../font/HYQiHei-40S.ttf') format('truetype'), url('../font/HYQiHei-40S.svg') format('svg');
  }

@font-face {
	font-family: HYQiHei-60S;
	src: url('../font/HYQiHei-60S.ttf');
	src: url('../font/HYQiHei-60S.eot') format('embedded-opentype'), url('../font/HYQiHei-60S.woff') format('woff'), url('../font/HYQiHei-60S.ttf') format('truetype'), url('../font/HYQiHei-60S.svg') format('svg');
  }

  @font-face {
	font-family: HYQiHei-80S;
	src: url('../font/HYQiHei-80S.ttf');
	src: url('../font/HYQiHei-80S.eot') format('embedded-opentype'), url('../font/HYQiHei-80S.woff') format('woff'), url('../font/HYQiHei-80S.ttf') format('truetype'), url('../font/HYQiHei-80S.svg') format('svg');
  }

  @font-face {
	font-family: Avenir;
	src: url('/font/Avenir.ttf');
	src: url('../font/HYQiHei-80S.eot') format('embedded-opentype'), url('../font/HYQiHei-80S.woff') format('woff'), url('../font/HYQiHei-80S.ttf') format('truetype'), url('../font/HYQiHei-80S.svg') format('svg');
  }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body,h1,h2,h3,h4,h5,h6 {
	line-height: 1;font-size: 14px;
	font-family: HYQiHei-60S,Arial;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration: none;
}
input,button,select,textarea{outline:none}
textarea{resize:none}
h1,h2,h3,h4,h5,h6{ font-weight: normal;margin:0;}
html,body{ width: 100%;}

/* 颜色相关 */
.grayBg{ background: #f1f4f5;}
.whiteText{ color: #fff;}
.redText{ color:#99003a; }
.redLine{ border-bottom:2px solid #99003a;}
.blackLine{ border-bottom:2px solid #000000;}


/* 字体 */
.font24{font-family: HYQiHei-40S; }
.font40{font-family: HYQiHei-40S; }
.font60{font-family: HYQiHei-60S; }
.font80{font-family: HYQiHei-80S; }
.english{font-family: Avenir; }

/* 字号 */
.size78{font-size: 5em;}
.size50{font-size: 3.4em;}
.size48{font-size: 3.4em;}
.size46{ font-size: 3.2em;}
.size42{ font-size: 3.1em;}
.size40{ font-size: 3em;}
.size38{font-size: 2.55em;}
.size36{font-size: 2.65em;}
.size30{font-size: 2.15em;}
.size28{ font-size: 1.9em;}
.size24{ font-size: 1.7em;}
.size22{ font-size: 1.5em;}
.size20{ font-size: 1.4em;}
.size18{font-size: 1.25em;}
.size16{ font-size: 1.15em;}
.size10{font-size:0.85em}

/* 布局 */
.w100{ width: 100%; display: block; }
.wrapper{width: 88%; max-width: 1680px; position: relative;}
.wrapperMain{ width: 84%; max-width: 1600px; position: relative; margin: 0 auto;}
.flexMain{ display: flex;}
.flexItem{  flex:1;}
.selfAlign{align-self: center;}
.clearfix:after { content: " "; display: block; clear: both; height: 0; }
.clearfix { zoom: 1; }

.site{ display: none;}
.animate{ opacity: 0;}

/* 头部 */
.header{ width: 100%;position: absolute;top: 0;left: 0%; z-index: 10;}
.header .head{position: relative;margin: 0 auto;border-bottom: 1px solid #fff;height: 0;padding-top: 90px;}
.header .logo{position: absolute;left: 0;width: 240px;top: 0;height: 100%;background: url(../image/logo.png) left center no-repeat;background-size: 100% auto;}
.header .logo img{width: 100%;}
/* 头部右侧菜单按钮 */
a.nav_trigger{position: absolute;right: 0%;top: 0;height: 100%;width: 80px;margin-top: 0;}
.nav_trigger .nav_icon{display: block;position: absolute; left: 30%; width: 40%;height: 2px;background-color: #fff;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration:0.5s;transition-duration: 0.5s;top: 50%;}
.nav_trigger .nav_icon:before,.nav_trigger .nav_icon:after{content: '';display: block;width: 100%;height: 2px;position: absolute;background: #fff;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.nav_trigger .nav_icon:before{margin-top:-35%;}
.nav_trigger .nav_icon:after{margin-top:35%;}
.navigatorList {width: 39%;background: #ffffff;clear: both;overflow: hidden;zoom: 1;border-top: 1px solid #99003a;padding-bottom: 3%;height: 100%;box-sizing: border-box;padding-top: 90px;position: absolute;right: 0;opacity: 0;padding: 90px 7.5% 0;}

/* 导航 */
.menuMain{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%; top:0;z-index: 9; display: none; opacity: 0; }
.leftHeader{width: 100%;padding: 20px 0;background: #fff;}

/* 导航展开样式 */
.menuMain.openNav{-webkit-animation:fadeIn 0.8s 1 ease 0s forwards; animation:fadeIn 0.8s 1 ease 0s forwards; display: block; }
.menuMain.openNav .navigatorList{ -webkit-animation:fadeInRight 0.8s 1 ease 0s forwards; animation:fadeInRight 0.8s 1 ease 0s forwards;}
.header.openNav{background: #fff;border-bottom: 1px solid #99003a; position: fixed}
.header.openNav .logo{ background: url(../image/logo2.png) left center no-repeat; background-size: 100% auto;}
.header.redHeader.openNav .main{ border-bottom:none;}
.header.openNav .navigatorList{ display: block;}
.header.openNav .head{border: none;}

/* 不同颜色的导航 */
.header.whiteBg{ background: #fff; }
.header.whiteBg .logo,.header.redHeader .logo{background: url(../image/logo2.png) left center no-repeat; background-size: 100% auto; }
.header.redHeader .head,.header.redHeader .main{ border-bottom: 1px solid #99003a;}
.whiteBgHeader .header{ background: rgba(255,255,255,1); border-bottom: 1px solid #fff; }
.whiteBgHeader .header .head{ border-bottom:none; }

/* 导航展开时右侧菜单按钮 */
.header.openNav .nav_trigger .nav_icon:before {margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #99003a; }
.header.openNav .nav_trigger .nav_icon:after{margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #99003a;}
.header.white .nav_trigger .nav_icon:before,.header.white .nav_trigger .nav_icon:after,.header.white .nav_trigger .nav_icon,.header.redHeader .nav_trigger .nav_icon:before,.header.redHeader .nav_trigger .nav_icon:after,.header.redHeader .nav_trigger .nav_icon{background: #99003a; }
.header.openNav .nav_trigger .nav_icon,.header.openNav.white .nav_trigger .nav_icon{background: rgba(0, 0, 0, 0);}

/* 导航菜单列表 */
.firstNavLi li{ }
.firstNavLi li.hasSencond a.has{background: url(../image/to.png) right center no-repeat;background-size: auto 30%;}
.firstNavLi li.active a.has{color: #99003a;}
.firstNavLi li.hasSencond.active a.has{background: url(../image/to2.png) right center no-repeat;background-size:auto 20%;}
.firstNavLi li a{color: #000;display: block;padding: 15px 0;width: 100%;margin: 0;cursor: pointer;float: right;}
.firstNavLi li a strong{ font-weight: normal;}
.firstNavLi li a:hover{color: #99003a; }

details {
	color: #000;display: block;padding: 15px 0;width: 100%;margin: 0;cursor: pointer;float: none;
	padding: 15px 0 15px 19%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
	margin-right: 650px;
}
details summary{
	color: #000;display: block;padding: 15px 0;width: 100%;margin: 0;cursor: pointer;float: none;
	padding: 15px 0 15px 19%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
	margin-right: 650px;
}

.firstNavLi li.serviceNavList1{ margin-top: 3%; }
.firstNavLi li.serviceNavList a{display: block;color: #666; padding:10px 0;}
.firstNavLi li.serviceNavList1 a{border-top: 1px solid #dddddd;padding-top:20px;}

.sencondNav{width: 100%;margin: 0 auto;display: none;background: #fafafa;padding: 5% 0;}
.firstNavLi li.hasSencond.active .sencondNav{ display: block;}
.firstNavLi li.hasSencond.active .sencondNav li.active a{color: #99003a; }
.sencondNav li a{padding: 15px 0 15px 19%;}
.sencondNav.normalNav{padding: 10px 0;clear: both;overflow: hidden;zoom: 1;width: 163%;margin-left: -31%;}
.sencondNav.normalNav ul li{width: 38%;float: left;margin: 0 5%;}
.sencondNav.normalNav ul li img{width: 100%;}
.sencondNav.normalNav ul li strong{color: #000;display: block;padding: 4% 0 12% 0;}
/* .sencondNav.carsNav .carsNavTag{width: 100%;margin: 5% 0 0;clear: both;overflow: hidden;zoom: 1;border-bottom: 1px solid #ddd;}
.sencondNav.carsNav .carsNavTag span{width: 9%;padding-top: 6%;display: block;float: left;margin: 0 6% 0 0;position: relative;}
.sencondNav.carsNav .carsNavTag span.moto{background: url(../images/nav/c1.png) center top no-repeat;background-size:100% auto;}
.sencondNav.carsNav .carsNavTag span.car{background: url(../images/nav/c2.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.jeep{background: url(../images/nav/c3.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.mpv{background: url(../images/nav/c4.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.pickUp{background: url(../images/nav/c5.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.freight{background: url(../images/nav/c6.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.moto.active{background: url(../images/nav/cc1.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.car.active{ background: url(../images/nav/cc2.png) center top no-repeat;background-size:100% auto;}
.sencondNav.carsNav .carsNavTag span.jeep.active{ background: url(../images/nav/cc3.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.mpv.active{  background: url(../images/nav/cc4.png) center top no-repeat;background-size:100% auto;}
.sencondNav.carsNav .carsNavTag span.pickUp.active{ background: url(../images/nav/cc5.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span.freight.active{ background: url(../images/nav/cc6.png) center top no-repeat;background-size:100% auto; }
.sencondNav.carsNav .carsNavTag span::after{ content: ""; }
.sencondNav.carsNav .carsNavTag span.active::after{ content: ""; position: absolute; bottom: 0; border-bottom: 1px solid #99003a; width: 100%; left: 0; }
.sencondNav.carsNav .carsNavList{width: 104%;margin-left: -1%;clear: both;overflow: hidden;zoom: 1;}
.sencondNav.carsNav .carsNavItem{width: 33.33%;float: left;padding: 2% 3%;}
.sencondNav.carsNav .carsNavItem img{ }
.sencondNav.carsNav .carsNavItem h1{padding: 5% 0 2%;}
.sencondNav.carsNav .carsNavItem p.descCar{clear: both;zoom: 1;overflow: hidden;}
.sencondNav.carsNav .carsNavItem p.descCar span{float: left;padding: 2% 0;}
.sencondNav.carsNav .carsNavItem p.descCar span.price{float: right;color: #666666;}
.sencondNav.carsNav .carsNavItem p.descCar span.price strong{color: #99003a;}
.sencondNav.carsNav .carsNavItem p.btnItem{padding: 5% 0;}
.sencondNav.carsNav .carsNavItem p.btnItem a.testBtn{width: 48%;display: block;text-align: center;float: left;margin-right: 2%;background: #cccccc;color: #fff;padding: 0.8em 0;border-radius: 7px;font-size: 12px;}
.sencondNav.carsNav .carsNavItem p.btnItem a.tsMore{width: 48%;display: block;text-align: center;float: left;background: #cccccc;color: #fff;padding: 0.8em 0;border-radius: 7px;font-size: 12px;margin-left: 2%;}
.sencondNav.carsNav .carsNavItem p.btnItem a:hover{ background:#99003a } */

/* 下一页 */
.nextP{width: 1.5%;position: absolute;bottom: 0;height: 0;left: 49%;margin-bottom: 0%;padding-top: 2%;z-index: 1;}
.nextP span{ display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%;background: url(../image/more.png) right center no-repeat; background-size: 100% auto; cursor: pointer; }
.nextP.blackNext span{background: url(/images/n2.png) right center no-repeat; background-size: 100% auto; }

/* 右侧漂浮导航 */
.menu{position:fixed;z-index: 3;right: 1%;bottom: 0;margin-bottom: 2%;width: 55px;background: rgba(0,0,0,0.8);border-radius: 8px;max-width: 60px;}
.menuList{overflow: hidden;}
.menuIcon{width: 100%;padding-top: 100%;cursor: pointer;display: block;position: relative;overflow: hidden;}
.menuIcon.icon1{background: url(../image/nav0.png) center center no-repeat;background-size: 45% auto;border-bottom: 1px solid #999;}
.menuIcon.icon2{background: url(../image/nav2.png) center center no-repeat;background-size: 45% auto;border-bottom: 1px solid #999;}
.menuIcon.icon3{background: url(../image/nav33.png) center center no-repeat;background-size: 45% auto;border-bottom: 1px solid #999;}
.menuIcon.icon4{background: url(../image/nav4.png) center center no-repeat;background-size: 45% auto;border-bottom: 1px solid #999;}
.menuIcon.icon6{background: url(../image/nav1.png) center center no-repeat;background-size: 45% auto;border-bottom: 1px solid #999;}
.menuIcon.icon5{background: url(../image/nav5.png) center center no-repeat;background-size: 45% auto;}
.menuIcon span{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #fff;
    background-color: #99003a;
    transition: .3s;
    line-height: 55px;
    text-align: center;
    }
    .menuIcon:hover span{ left: 0;}

/*  */
.qrcode{display:none;position: absolute;left: -100px;bottom:10px;width: 100px;height: 100px;background:url(../image/wximg1.png) center center no-repeat;border-radius:10px;background-size: 100% auto;z-index: 5;}
.qrcodenode{display: block;}

/* 公共底部三列内容 */
.serviceList{background: #f9f9f9;clear: both;overflow: hidden;zoom: 1;}
.serviceItem{width: 33.3%;float: left;position: relative; height: 250px; }
.serviceCon{position: absolute;top: 50%;width: 100%;margin-top: -62px;text-align: center;}
.serviceItem.s1::after,.serviceItem.s2::after{content:" "; position: absolute; right: 0; border:1px solid #fff; height: 100%;}
.serviceItem img{width: 50px;max-width: 70px;}
.serviceItem a{ color: #000;}
.serviceItem h4{margin: 7px auto 5px;font-weight: normal;letter-spacing: 2px;}
.serviceItem p{margin-top: 0.75em;}
.serviceItem p span{display: block;width: 100%;line-height: 1.5em;letter-spacing: 1px;color: #666666;}
/* 底部导航 */
.footer {
    width:100%;
    background: #fff;
    }
.ftMap { margin:0 auto;padding: 3% 0;clear: both;overflow: hidden;zoom: 1;}
.ftMap dl {width: 10.7%;float:left;}
.ftMap dl dt {margin-bottom: 1.5em;}
.ftMap dl dd {margin-bottom: 1.2em;}
.ftMap dl dd a {
    color: #666666;
}
.ftMap dl dd a span{}
.ftMap dl dd a:hover { text-decoration:none; color:#99003a; }

.ftMap .ftDl { width:124px; float:left; }
.ftMap .join { margin-top:40px;  }
.ftMap .ftTel400 {font-weight:bold;color: #99003a;}
.ftTel400 span{ color: #666; font-size:12px; display: inline-block;}
.ftMap .content {width: 23%;float:right;}
.ftMap .content dt { margin-bottom:6px; }
.ftMap .content img { display: inline; margin-right: 15px; position:relative; top:10px; }
.ftMap .r  { position:relative; top:-4px; }

/* 底部特殊按钮 */
.btn{clear: both;overflow: hidden;zoom: 1;}
.btn a{margin-right: 5%;background: #99003a;border:1px solid #99003a;width: 34%;color: #fff;text-align: center;border-radius: 5px;display: block;float: left;padding: 11px 0;min-width: 95px;line-height: 1em;padding-right: 1em;}
.btn a.zx::after{content: " ";position: absolute;width: 1.2em;height: 1.2em;background: url(../image/fb1.png) center center no-repeat;background-size: 100% auto;vertical-align:bottom;margin: -0.2em 0 0 0.1em;}
.btn a.sj::after{content: " ";position: absolute;width: 1.4em;height: 1.4em;background: url(../image/fb2.png) center center no-repeat;background-size: 100% auto;vertical-align:bottom;margin: -0.2em 0 0 0.1em;}
.btn a:hover{ background: #99003a;border:1px solid #99003a;color: #fff;}
.con{margin-top: 7%;}
.con h5{color: #666666;margin-bottom: 0.7em;font-weight: normal;}
.callme{margin-top: 0.58em;}
.weibo{width: 11%;height: 0;background: url(../image/weibo.png) center center no-repeat;right: 2%;background-size: 60% auto;padding-top: 10%;z-index: 2;border: 1px solid #666666;cursor: pointer;border-radius: 50%;float: left;}
.wechat{width: 11%;height: 0;background: url(../image/weixin.png) center center no-repeat;margin-left: 2%;background-size: 60% auto;padding-top: 10%;z-index: 2;border: 1px solid #666666;cursor: pointer;border-radius: 50%;float: left;}
.menu{-webkit-animation:fadeInRight 0.8s 1 ease 1s forwards; animation:fadeInRight 0.8s 1 ease 1s forwards;   }


.sitemap{}
.sitemap dl { width:135px; float:left; }
.sitemap dl dt { color:#99003a; margin-bottom:16px;  }
.sitemap dl dd { margin-bottom:16px; }
.sitemap dl dd a { color:#333; text-decoration: underline; }
.sitemap dl dd a:hover { text-decoration:none; color:#99003a; }

.ftCopyRight {width:100%;border-top: 1px solid #dddddd;padding: 2% 0; display: flex}
.ftCopyRight .wx_img{width: 100px;text-align: center;}
.ftCopyRight .wx_img img{width: 100px;height: 100px}
.ftCopyRightBox {width: 80%;position:relative;top:-1px;}/*margin:0 auto;width改为80%*/
.ftCopyRightBox .link {}
.ftCopyRightBox .link a {margin:0 3px;color: #000;}
.ftCopyRightBox .disc {color: #666666;margin-top: 1em;line-height: 1.75em;font-size: 12px;}
.ftCopyRightBox .logos {height:21px; position:absolute; top:24px; right:0;  }
.ftCopyRightBox .logos img { display:inline; }
.foT{color: #666;font-size: 12px;}

/* 二级页面banner */
.bannerSecond{position: relative;}
.bannerSecond .bannerSecondTitle{color: #fff;position: absolute;top: 0;margin-top: 9.5%;left: 12.5%;letter-spacing: 2px;}
.bannerSecond .bannerSecondTitle span{display: block;margin-top: 0.5em;}
.bannerSecond .bannerSecondTitle strong{font-weight: normal;line-height:1.25em;}
.bannerSecond .bannerThirdTitle{color: #fff;position: absolute;bottom: 0;margin-bottom: 29.5%;right: 12.5%;letter-spacing: 2px; text-align:right}
.bannerSecond .bannerThirdTitle span{display: block;margin-top: 0.5em;}
.bannerSecond .bannerThirdTitle strong{font-weight: normal;line-height:1.25em;}

/* 下拉 */
.selectList{ }
.selectList h5{background: url(../image/sel.png) right center no-repeat #fff;border-radius: 50px;padding: 0 7%;font-weight: normal;line-height: 3.2em;}
.selectList h5.close{background: url(../image/join_close.png) 90% 50% no-repeat #fff; background-size: 12px 14px;}
.selectList ul{position: absolute;top: 100%;background: #fff;width: 100%;border: 1px solid #ddd;display: none;}
.selectList ul li{padding: 5%;}
.selectList ul li.active{ background: #ddd; }


.moreItem{margin-left: 3%;text-align: center;color: #999;margin-bottom: 3%;}
.moreItem span{width: 6em;display: block;margin: 0 auto;padding-bottom:1.75em;background: url(../image/more.png) bottom center no-repeat;background-size: 30% auto;cursor: pointer;}


/* 左图右文字布局 */
.picImg{  }
.picImg .pic{ width: 55%; float: left; }
.picImg .word{ width:40%; align-self: center; margin-left: 5%;}
.picImg .word .title{padding: 0 0 4% 0;position: relative;}
.picImg .word .title span.line{width: 100%;position: absolute;left: 0;bottom: 0;border-bottom: 1px solid #c2bdb3;}
.picImg .word .title span.line::before{content:" ";width: 3em;border-bottom: 4px solid #99003a;position: absolute;bottom: 0;}
.picImg .word .text{margin: 5% 0;line-height: 1.55em;color: #666666;}

/* 居中标题 */
.middleTitle{ text-align: center;}
.middleT1{ position: relative; padding-bottom: 3%; }
.middleT1.line::before{ content:" ";width: 4em;border-bottom: 4px solid #99003a;position: absolute;bottom: 0; left: 50%; margin-left: -2em;}
.middleT3{ padding-top: 3%;}
@media screen and ( max-width: 1920px ) {
    body{ font-size: 14px;}
    .size48{font-size: 3.4em;}
    .size46{ font-size: 3.2em;}
    .size42{ font-size: 3.1em;}
    .size40{ font-size: 3em;}
    .size36{font-size: 2.65em;}
    .size30{font-size: 2.15em;}
    .size24{ font-size: 1.7em;}
    .size20{ font-size: 1.4em;}
    .size18{font-size: 1.25em;}
    .size16{ font-size: 1.15em;}
}
@media screen and ( max-width: 1680px ) {
    .size48{font-size: 3.2em;}
    .size46{ font-size: 3.2em;}
    .size42{ font-size: 3.1em;}
    .size40{ font-size: 3em;}
    .size36{font-size: 2.65em;}
    .size30{font-size: 2em;}
    .size24{font-size: 1.25em;}
    .size20{font-size: 1.2em;}
    .size18{font-size: 1.1em;}
    .size16{font-size: 1.05em;}


    .bannerSecond .bannerSecondTitle{left: 10%;}
    .bannerSecond .bannerSecondTitle span{}
}
@media screen and ( max-width: 1440px ) {
    body,h1,h2,h3,h4,h5,h6{ font-size: 12px;}
    .bannerSecond .bannerSecondTitle{left: 7%;}
    .bannerSecond .bannerSecondTitle span{}
}

@media screen and ( max-width: 1280px ) {
    .size48{ font-size: 3em;}
    .size46{ font-size: 2.8em;}
    .size42{ font-size: 2.7em;}
    .size36{font-size: 2.4em;}
    .size24{ font-size: 1.4em;}
    .size16{ font-size: 1em;}

    .wrapper{ width: 95%;}
    .navigatorList{ padding-left: 5%; padding-right: 5%;}
    .wrapperMain{ width: 92%; }
    .bannerSecond .bannerSecondTitle{left: 6%;}
    .bannerSecond .bannerSecondTitle span{}
}



@keyframes wid100{
	0%{width:0}
	100%{width:100%}
}
@-webkit-keyframes wid100{
	0%{width:0}
	100%{width:100%}
}

@keyframes next{
	0%{transform: translate(0,0)}
	100%{transform: translate(0,8%)}
}
@-webkit-keyframes next{
	0%{transform: translate(0,0)}
	100%{transform: translate(0,8%)}
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( 500px, 0,0);
        transform: translate3d( 500px, 0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( 500px, 0,0);
        transform: translate3d( 500px, 0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( -500px, 0,0);
        transform: translate3d( -500px, 0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( -500px, 0,0);
        transform: translate3d( -500px, 0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( -50px, 0,0);
        transform: translate3d( -50px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( -50px, 0,0);
        transform: translate3d( -50px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( 50px,0,0);
        transform: translate3d( 50px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( 50px,0,0);
        transform: translate3d( 50px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;transform:scale(1,1) rotate(0deg);-webkit-transform:scale(1,1) rotate(0deg)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;transform:scale(1,1) rotate(0deg);-webkit-transform:scale(1,1) rotate(0deg)
    }
}