@charset "utf-8";
/*css reset*/
*{font-size:16px;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, 
i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time,
mark, audio, video,input,button{margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
a{text-decoration:none;}
em{font-style:normal;}
a,button,input,textarea{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input[type="text"]{-webkit-appearance:none;background:none;}
input[type="submit"]{-webkit-appearance:none;}
input[type="checkbox"]{border:1px solid #ccc;border-radius:0;}
input[type="password"]{-webkit-appearance:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
body{font-family:'微软雅黑',Arial,Helvetica,sans-serif;}
td,th{vertical-align:middle; }
.clear{clear:both;}
/*reset end*/

/*basic start*/
/* @media screen and (min-width:240px){html,body{font-size:32px;}}
@media screen and (min-width:320px){html,body{font-size:42.667px;}}
@media screen and (min-width:480px){html,body{font-size:64px;}}
@media screen and (min-width:560px){html,body{font-size:74.6667px;}}
@media screen and (min-width:640px){html,body{font-size:15.333px;}}
@media screen and (min-width:720px){html,body{font-size:96px;}}
@media screen and (min-width:800px){html,body{font-size:106.667px;}}
@media screen and (min-width:1024px){html,body{font-size:136.533px;}} */


.bold{font-weight:bold;}
.rotate30{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.rotate-30{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.rotate45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.rotate-45{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.rotate180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.translateX50{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.translateY50{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.translate50{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}




* input::-moz-placeholder{color:#cfcfcf;font-family:Arial,'微软雅黑',Helvetica,sans-serif;}
* input::-webkit-input-placeholder{color:#cfcfcf;font-family:Arial,'微软雅黑',Helvetica,sans-serif;}
* input::-o-input-placeholder{color:#cfcfcf;font-family:Arial,'微软雅黑',Helvetica,sans-serif;}
* input::-ms-input-placeholder{color:#cfcfcf;font-family:Arial,'微软雅黑',Helvetica,sans-serif;}
.thin{font-weight:normal;}


/*========定义基础样式========*/
/*body{word-break: break-all;}*/
.hide { display:none;}
.hides{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
.clearfix { zoom:1; }
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.bac{background: #fff;}

.home .w{width: 1200px;margin:0 auto;}
.mobile .w{width: 92%;margin:0 auto;}
a.button{display:block;height:2.5em;line-height: 2.5em;font-size: 0.9375em;color: #fff;text-align:center;background: #ee3749;border-radius:0.3rem;}
a.buttons{display:block;height:2.5em;line-height: 2.5em;font-size: 0.9375em;color: #666;text-align:center;background: #ccc;border-radius:0.3rem;}  
.text_over1{white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.text_over2{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 2;
-o-box-orient: vertical;
}
.text_over3{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 3;
-o-box-orient: vertical;
}
.bor_top{ border-top:1px #ddd solid;}
.bor_rig{ border-right:1px #ddd solid;}
.bor_bot{ border-bottom:1px #ddd solid;}
.bor_lef{ border-left:1px #ddd solid;}
.bor{ border:1px #ddd solid;}
.bor-radius{border-radius: 0.4rem;}
.bs{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.translateX50{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.translateY50{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.translate50{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.w1300{width: 1300px;margin: 0 auto;}

/* 头部 */
/* body{height: 1000vh;} */
.header{position: fixed;top: 3.8387vh;left: 0;transition: all .3s ease;z-index: 100;width: 100%;}
.nav{width: 1300px;margin: 0 auto;height: 100px;transition: all .3s ease;position: relative;}
.nav .logo{float: left;width: 18.84%;background-color: #f8f9fa;display: block;height: 100%;position: relative;}
.nav .logo img{display: block;position: absolute;top: 50%;left: 50%;height: 80%;}
.nav_box{width: 62.46%;float: left;box-sizing: border-box;background-color: #447594;padding: 0 2.83%;}
.nav_box li{float: left;width: calc(100%/6);max-width: 123px; text-align: center;position: relative;}
.nav_box li>a{display: block;line-height: 100px;font-size: 16px;color: #ffffff;padding: 0 8px;position: relative;transition-duration: 0.5s;}
.nav_box li>a::after{position: absolute;content: '';left: 50%;bottom: 0;width: 100%;height: 2px;background-color: #fff;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width: 0;transition: width 0.5s;}
.nav_box li.on>a{font-weight: bold;}
.nav_box li.on>a::after,.nav_box li:hover>a::after{width: 100%;}
.nav_box li:hover>a{font-weight: bold;}
.nav_opr{float: left;width: 18.69%;background-color: #447594;position: relative;height: 100%;}
.nav_opr .line{width: 1px;height: 17px;background-color: #a5bac7;position: absolute;left: 0;top: 50%;}
.nav_opr .language{width: 112px; height: 100%;padding-left: 40px;box-sizing: border-box;float: left;position: relative;}
.nav_opr .language .box{height: 100%;}
.nav_opr .language .box em{float: left;height: 100%;width: 19px;background: url(../images/icon/icon1.png) right center no-repeat;}
.nav_opr .language .box span{float: left;height: 100%;line-height: 100px;font-size: 16px;color: #ffffff;margin: 0 5px;position: relative;}
.nav_opr .language .box i{float: left;height: 100%;width: 11px;background: url(../images/icon/icon3.png) left center no-repeat;}
.nav_opr .search{font-size: 16px;color: #ffffff;line-height: 100px;padding-left: 30px;margin-left: 15px; background: url(../images/icon/icon2.png) center left no-repeat;float: left;cursor: pointer;}
.nav .searchBox{display: none; position: absolute;top: 0;right: 0;width: calc(100% - 18.84%);height: 100%;background-color: #fff;padding: 28px 0 28px 120px;box-sizing: border-box;}
.nav .searchBox .search_btn{float:left;width: 24px;height: 44px;vertical-align: middle;background-size: cover;background: url(../images/icon/icon2_s.png) center left no-repeat;}
.nav .searchBox .search_input{float: left;width: 70%;height: 44px;padding-left: 20px;box-sizing: border-box;font-size: 16px;color: #333333;}
.nav .searchBox .search_close{float: left;width: 24px;height: 44px;background: url(../images/icon/icon18.svg) center no-repeat;background-size: contain;cursor: pointer;}
.nav .searchBox.cur{display: block;}
.nav .searchBox.cur .search_btn,.nav .searchBox.cur .search_input{animation-name: slideInRight;animation-duration: .5s;animation-fill-mode: both;animation-timing-function: ease;}

.header.active{top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:block;}
.header.active .nav{width: 100%;height: 84px;min-width: 1300px;}
.header.active .nav_box,.header.active .nav_opr{background-color: #fff;}
.header.active .nav_box li>a{color: #666666;}
.header.active .nav_box li.on>a{color: #222222;}
.header.active .nav_box li>a::after{background-color: #447594;}
.header.active .nav_box li>a,.header.active .nav_opr .language .box span,.header.active .nav_opr .search{line-height: 84px;}
.header.active .nav_opr .language .box span{color: #222222;font-weight: bold;cursor: pointer;}
.header.active .nav_opr .search{color: #222222;background-image: url(../images/icon/icon2_s.png);}
.header.active .nav_opr .language .box em{background-image: url(../images/icon/icon1_s.png);}
.header.active .nav_opr .line{height: 100%;background-color: #dddddd;}
.header.active .nav_opr .language .box i{background-image: url(../images/icon/icon3_s.png);}
.nav_opr .language .lanDrop{position: absolute;top: 100%;left: 32px;width: 90px;text-align: center;height: 0;overflow: hidden;transition-duration: 0.5s;}
.nav_opr .language .lanDrop a{display: block;font-size: 14px;color: #666666;background-color: #fff;line-height: 30px;padding: 10px 0;transition-duration: 0.5s;}
.nav_opr .language .box span::after{display: none; content: '';height: 2px;width: 100%;position: absolute;bottom: 0;left: 0;background-color: #447594;}
.nav_opr .language:hover .box span::after{display: block;}
.nav_opr .language:hover .lanDrop{height: 100px;}
.nav_opr .language .lanDrop a:hover{background-color: #f5f7f8;}


/* 二级下拉 */
.header .nav .subDrop{position: absolute;top:100%;left: 0;width: 100%;height:0;transition: height .5s;overflow: hidden;}
/* .header .nav .nav_box ul li .subDrop.act{display: block;} */
.header .nav .nav_box ul li:nth-child(2) .subDrop.act{height: 350px;}
.header .nav .nav_box ul li:nth-child(3) .subDrop.act{height: 250px;}
.header .nav .nav_box ul li:nth-child(4) .subDrop.act{height: 700px;}
.header .nav .nav_box ul li:nth-child(5) .subDrop.act{height: 150px;}
.header .nav .nav_box ul li:nth-child(6) .subDrop.act{height: 150px;}
.header .nav .subDrop .content{height: 650px;overflow-y: auto;}
.header .nav .subDrop .content::-webkit-scrollbar{
  width:4px;
  height:10px;
  /**/
}
.header .nav .subDrop .content::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
.header .nav .subDrop .content::-webkit-scrollbar-thumb{
  background: #447594;
  border-radius:2px;
}
.header .nav .subDrop .content::-webkit-scrollbar-thumb:hover{
  background: #333;
}
.header .nav .subDrop .content::-webkit-scrollbar-corner{
  background: #179a16;
}
.header .nav .subDrop>a{font-size: 14px;color: #222222;display: block;line-height: 50px;background-color: #fff;}
.header .nav .subDrop>a:hover{background-color: #f5f7f8;}
/* 产品与应用二级下拉 */
.header .nav .subDrop2{ position: fixed;top: 136px;background-color: #fff;left: 50%;width: 1300px;}
.header .nav .subDrop2 .tabs{background-color: #f5f7f8;height: 60px;}
.header .nav .subDrop2 .tabs .tab1{width: 33.3%;float: left;text-align: center;height: 60px;box-sizing: border-box;cursor: pointer;display:flex;justify-content: center;}
.header .nav .subDrop2 .tabs span{font-size: 16px;color: #222222;font-weight: bold;float:left;vertical-align: top;line-height: 60px;}
.header .nav .subDrop2 .tabs em{float:left;height: 60px;width: 33px;background-color: #fff;vertical-align: top;margin-right: 10px;}
.header .nav .subDrop2 .tabs .tab1:nth-child(1) em{background: url(../images/icon/icon19.png) center no-repeat;}
.header .nav .subDrop2 .tabs .tab1:nth-child(2) em{background: url(../images/icon/icon20.png) center no-repeat;}
.header .nav .subDrop2 .tabs .tab1:nth-child(3) em{background: url(../images/icon/icon21.png) center no-repeat;}
.header .nav .subDrop2 .tabs .tab1.on:nth-child(1) em,.header .nav .subDrop2 .tabs .tab1:hover:nth-child(1) em{background-image: url(../images/icon/icon19_s.png);}
.header .nav .subDrop2 .tabs .tab1.on:nth-child(2) em,.header .nav .subDrop2 .tabs .tab1:hover:nth-child(2) em{background-image: url(../images/icon/icon20_s.png);}
.header .nav .subDrop2 .tabs .tab1.on:nth-child(3) em,.header .nav .subDrop2 .tabs .tab1:hover:nth-child(2) em{background-image: url(../images/icon/icon21_s.png);}
.header .nav .subDrop2 .tabs .tab1.on,.header .nav .subDrop2 .tabs .tab1:hover{background: url(../images/icon/icon21.png) center 68px no-repeat;}
.header .nav .subDrop2 .con{padding:3% 0;background-color: #fff;border-bottom: 1px solid #f0f1f2;}
.header .nav .subDrop2 .item{display: block; width: 33.3333%;float: left;padding-top: 14px;border-right: 1px solid #f0f1f2;box-sizing: border-box;}
.header .nav .subDrop2 .imgs{width:100%;height: 183px;position: relative;}
.header .nav .subDrop2 .imgs img{transition-duration: 0.5s; display: block;max-width: 90%;margin: 0 auto;height: 80%;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.header .nav .subDrop2 .imgs:hover img{transition-duration: 0.5s; height:90%;}

.header .nav .subDrop2 .text{width:100%;overflow: hidden;}
.header .nav .subDrop2 .text h6,.header .nav .subDrop2 .text h6 a{font-size: 20px;color: #447594;line-height: 1;margin-bottom: 24px;}
.header .nav .swiper-container{height: 154px;overflow: unset;}
.header .nav .swiper-container a{display: block;font-size: 14px;color: #666666;line-height: 18px;margin-bottom: 16px;padding: 0;padding-left: 0;}
.header .nav .swiper-container a:hover{color: #447594;border: 0;}
.header .nav .swiper-container .swiper-slide a:nth-last-child(1){margin-bottom: 0;}
.header .nav .swiper-container .swiper-button-next,.header .nav .swiper-container .swiper-button-prev{top: -20px;bottom: auto;width: 18px;height: 18px;}
.header .nav .swiper-container .swiper-button-prev{background: url(../images/icon/icon22.png) center left no-repeat;right: 38px;left: auto;border-right: 1px solid #e3e3e3;}
.header .nav .swiper-container .swiper-button-next{background: url(../images/icon/icon23.png) center right no-repeat;right: 18px;left: auto;}
.header .nav .swiper-container .swiper-button-prev::after,.header .nav .swiper-container .swiper-button-next::after{content: '';}
.header .nav .swiper-container .swiper-button-prev:hover{background-image: url(../images/icon/icon22_s.png);}
.header .nav .swiper-container .swiper-button-next:hover{background-image: url(../images/icon/icon23_s.png);}
.header.active .nav .subDrop2{width: 100%;top: 84px;}
.header.active .nav .swiper-container a{line-height: 18px;}
.header.active .nav .subDrop2 .con{margin: 0 100px;}
.header .nav .subDrop2 .item:nth-last-child(1){border: 0;}
.header .nav .subDrop2 .mianTab{display: none;}
.header .nav .subDrop2 .mianTab.on{display: block;}
/* .header .nav_box li:hover .subDrop{display: block;} */
.header .nav .subDrop2 .mianTab2 .item{width: 25%;}
.header .nav .subDrop2 .mianTab2 .imgs{width: 251px;height: 155px;margin: 0 auto;border-radius: 8px;overflow: hidden;}
.header .nav .subDrop2 .mianTab2 .text{width: 100%;}
.header .nav .subDrop2 .mianTab2 .text p{font-size: 20px;color: #222222;text-align: center;line-height: 22px;font-weight: bold;margin-top: 18px;}




@media screen and (max-height:768px){
  .header .nav .subDrop2 .con {padding: 1% 0;}
  .header .nav .subDrop2 .imgs{height: 160px;}
  .header .nav .subDrop2 .text h6, .header .nav .subDrop2 .text h6 a{margin-bottom: 12px;}
  .header .nav .subDrop2 .mianTab2 .text p{margin-top: 8px;}
}
@media screen and (max-height:600px){
  .header .nav .subDrop2 .tabs{height: 50px;}
  .header .nav .subDrop2 .tabs .tab1{height: 50px;}
  .header .nav .subDrop2 .tabs span{line-height: 50px;}
  .header .nav .subDrop2 .tabs em{height: 50px;}

  .header .nav .subDrop2 .con {padding: 1% 0;}
  .header .nav .subDrop2 .imgs{height: 130px;}
  .header .nav .subDrop2 .text h6, .header .nav .subDrop2 .text h6 a{margin-bottom: 2px;}
  .header .nav .subDrop2 .mianTab2 .con {padding: 0.6% 0;}
  .header .nav .subDrop2 .mianTab2 .item{padding-top: 2px;}
  .header .nav .subDrop2 .mianTab2 .imgs{height: 140px;}
  .header .nav .subDrop2 .mianTab2 .text p{margin-top: 0px;}

}








.footer{background: url(../images/index/f12.jpg) center no-repeat;}
.footer .w1300{position: relative;z-index: 0;}
.footer_t .w1300{padding-top: 70px; z-index:2;}
.footer_t li{float: left;width: 25%;}
.footer_t li .tit{padding-bottom: 26px;border-bottom: 1px solid rgba(255,255,255,0.3);width: 184px;}
.footer_t li .tit em{float: left;width: 4px;height: 19px;background-color: #fff;margin-right: 14px;transition-duration: 0.5s;}
.footer_t li .tit a:hover em{margin-right: 20px;}
.footer_t li .tit p{font-size: 20px;color: #ffffff;float: left;line-height: 1;transition-duration: 0.5s;}
.footer_t li .img{margin-top: 50px;margin-bottom: 50px;padding-left: 10px;}
.footer_t li .img img{display: block;}
.footer_t li .img p{font-size: 16px;color: rgba(255,255,255,0.7);line-height: 1;margin-top: 20px;}
.footer_t li .text{margin-top: 64px;}
.footer_t li .text b{font-size: 16px;color: #ffffff;display: block;height: 28px;line-height: 28px;padding-left: 37px;margin-bottom: 15px;}
.footer_t li .text p{font-size: 16px;color: rgba(255,255,255,0.7);line-height: 30px;padding-left: 37px;padding-right: 38px;box-sizing: border-box;}
.footer_t li:nth-child(2) .text b{background: url(../images/icon/icon5.png) left center no-repeat;}
.footer_t li:nth-child(1) .text b{background: url(../images/icon/icon6.png) left center no-repeat;}
.footer_t li:nth-child(3) .text b{background: url(../images/icon/icon7.png) left center no-repeat;}
.footer_t li:nth-last-child(1){padding-left: 52px;box-sizing: border-box;}
.footer .w1300 .lines{opacity: 0.2;}
.footer_t li .links{margin-left: 37px;position: relative;margin-top: 14px;}
.footer_t li select{display: block;width: 258px;height: 40px;}

.footer_t li select {
    cursor: pointer;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    color: #999999;
}

.footer_t li select:focus {
    outline: none;
}
.footer_b{border-top: 1px solid rgba(255,255,255,0.3);}
.footer_b .w1300{position: relative;z-index: 1;}
.footer_b p{font-size: 16px;color: rgba(255,255,255,0.7);line-height: 64px;text-align: center;}
.footer_b p a{color: rgba(255,255,255,0.7);}
.footer_b p a:hover{color: #fff;}

.footer .top{height: 40px;
	background-color: #fff;
	line-height: 40px;
	padding-left: 10px;
	color: #999;
	font-size: 14px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	position: relative;
	margin-right: 30px;
}
.footer .top::after{
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	background: #447594 url(../images/icon/icon8.png) center no-repeat;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 1;
}
.footer .drop{
	position: absolute;
	top: 100%;
	left: 0;
	width: calc(100% - 30px);
	color: #333;
	background-color: #fff;
	z-index: 1;
	line-height: 36px;
	padding-left: 10px;
	box-sizing: border-box;
	display: none;
}
.footer .drop a{
	display: block;
	color: #333333;
}
.footer .drop a:hover{
	color: #447594;
}

.suspension{
    position: fixed;
    right: 1.8%;
    top: 40%;
    z-index: 10;
    margin-top: -112px;
    width: 70px;
}
.suspension .sus{
    position: relative;
    height: 70px;
    border-bottom: #ccc 1px solid;
    cursor: pointer;
    padding-top: 8px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #ffffff;
    border:#c9d5dc 1px solid;
    transition-duration: 0.5s;
}
.suspension .sus .icon em{
    display: block;
    /* margin-top: 7px; */
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    transition-duration: 0.5s;
    /* height: 40px; */
}
.suspension .sus .icon p{
    font-size: 14px;
    color: #666666;
    text-align: center;
    font-weight: 400;
}
.suspension .sus_2 .icon p{font-family: 'Arial';font-size: 13px;}
.suspension .sus_1 .icon em{
    background: url(../images/icon/icon9.png) center no-repeat;
    background-size: auto 100%;
}
.suspension .sus_2 .icon em{
    background: url(../images/icon/icon10.png) center no-repeat;
    background-size: auto 100%;
}

.suspension .sus_3 .icon em{
    background: url(../images/icon/icon11.png) center no-repeat;
    background-size: auto 100%;
}
.suspension .sus_4 .icon em{
    background: url(../images/icon/icon12.png) center no-repeat;
    background-size: auto 100%;
}
.suspension .sus_5 .icon em{
    background: url(../images/icon/icon13.png) center no-repeat;
    background-size: auto 100%;
}
.suspension .sus_6 .icon em{
    background: url(../images/icon/icon14.png) center no-repeat;
    /* background-size: auto 100%; */
}
.suspension .sus_7 .icon em{
    background: url(../images/icon/icon_27.png) center no-repeat;
    background-size: auto 100%;
}
.suspension .pos{
    transition: all 0.5s;
    position: absolute;
    right: 85px;
    top: 50%;
    margin-top: -25px;
    z-index: 5;
    width: 0px;
    height:50px;
    font-size: 14px;
    color: #666;
    background:#fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    overflow: hidden;
}
.suspension .pos div{
    padding: 10px;
    width: 500px;
}
.suspension .pos img{
    padding: 2px 0 0 3px;
    width: 94px;
}

.suspension .sus_7 .pos img{
  width: 100%;
}

.suspension .sus_7 .pos div{
    padding: 0;
      width: 258px;
}
.suspension .sus:hover .pos{
    transition: all 0.5s;
    width: 258px;
}

/* .suspension .sus_1:hover .icon em{
    background: url(../images/icon/icon_28s.png) center no-repeat;
} */

.suspension .sus:hover em{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


.suspension i{
    margin-top: 152px;
    width: 100%;
    height: 73px;
    cursor: pointer;
    
}
.suspension_fixed{
    display: block;
}

.right_pic{
    position: fixed;
    top: 80%;
    right: 0;
    z-index: 20;
}
@keyframes slideInRight{
    0%{
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}


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

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

  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100px,0);
      transform: translate3d(0,100px,0)
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
    }
  }
  
  @keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
      }
    
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
      }
  }
  .subW1300{
      position: relative;
  }
  .clearPos{
      position: absolute;
      right: 50px;
      line-height: 60px;
  }
  .clearPos a{
      color: #333;
      font-weight: bold;
  }