/*头部导航*/
html, body {max-width: 1920px;min-width: 1200px;width: 100%;position: relative;height: 100%; overflow: hidden;}

.indexDOM {width: 100%;height: 100vh; overflow: hidden; }
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets{ right:4%; }
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets .swiper-pagination-bullet{margin: 25px 0;}
.indexDOM .swiper-pagination-bullet{width: 80px;height: 21px;border-radius: 50%;opacity: 1;margin: 12px 5px;padding-left: 27px;background: url(../image/barh.png) no-repeat center left;text-align: left;background-size: 11px 11px;border-radius: 0;font-size: 0;}
.indexDOM .swiper-pagination-bullet-active{margin: 0;background: url(../image/bar.png) no-repeat center left;background-size: 21px 21px;text-align: left;border-radius: 0;width: 70px;font-size: 14px;color: #ffb431;}





.gallery-thumbs {
  height: 100px;width: 100%;position: absolute;left:0;bottom: 0;
  box-sizing: border-box; line-height: 100px;
}
.gallery-thumbs .swiper-slide {
width: 16%;margin: 0 2%; border-top:1px solid #b1aea8; 
  font-size: 16px;color: #fff;text-align: center;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;font-weight: bold;
}







.layui-layer-page .layui-layer-content{overflow:hidden;}

/*第二屏*/
i,em{ font-style: normal;}
.yz{ background: url(../image/yz_bg.jpg) no-repeat center;background-size: cover;position: relative;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.yz_con{ position: relative; width: 34.5%; float: right; margin-right: 13.5%; padding-top:6.8%;}
.yz_con h3{ line-height: 100%; color: #333333; font-size:2vw; padding-bottom: 10.7%;}
.yz_con ul{ overflow: hidden; padding-bottom: 30px;}
.yz_con ul li{ float: left; font-size: 0.95vw; color: #4c4c4c; line-height: 100%; padding-bottom: 48px; margin-right: 15%;}
.yz_con ul li i{ display: block; padding-top: 12px;}
.yz_con ul li em span{ font-size: 3.1vw; color: #124ba1; font-family: Impact; line-height: 100%;}
.yz_con ul li em strong{ font-size: 2.1vw; color: #124ba1;font-weight: bold;}
.yz_con ul li em b{ display: inline-block;font-weight: normal; color: #fff; font-size: 0.8vw; background: #124ba1; border-radius: 3px; padding: 0 2px;}
.yz_con p{ color: #333333; font-size:0.83vw; line-height: 3.9vh; }
.yz_con p span{ display: block;}
.yz_con h4{ font-size: 1.06vw; color: #1a1a1a; line-height: 100%; padding-bottom: 18px;}
    /*第三a屏*/
.cpp{background: url(../image/cpp.jpg) no-repeat center;background-size: cover;}
.cpp h3{ text-align: center; padding-top:5%; color: #fff; line-height: 100%;font-weight: normal; margin-bottom: 12.5vh;}
.cpp h3 span{ display: block; line-height: 100%; font-size: 2.5vw; padding-bottom:2.5vh;}
.cpp h3 em{ display: block; font-size:0.98vw;}
.cpp h3 i{ display: inline-block; line-height: 100%; font-weight: bold; padding-left: 46px; position: relative;}
.cpp h3 i:before{ position: absolute; content: ""; left: 21px; top: 23px; width: 7px; height: 7px; border-radius: 7px; background: #fff;}
.cpp1{background: url(../image/cpp1.jpg) no-repeat center;background-size: cover; width: 35%; height:55.7vh; float: right; margin-right: 13.5%; box-sizing: border-box; padding-left: 4%; padding-right: 3.75%; position: relative;}
.cpp1 h4{ color: #fff; height:23vh; font-size: 26px; position: relative;}
.cpp1 h4 i{ display: block; line-height: 100%; padding-top:3.7vh; font-family: Verdana;}
.cpp1 h4 em{ display: block; line-height: 100%; font-size:1.86vw; padding-top: 17px;}
.cpp1 h4 em span{font-weight: normal; font-size: 0.92vw; font-family: Verdana; padding-left: 18px;}
.cpp1 strong.uo{ display: inline-block; position: absolute; top: 57px; right: -6px; border-right: 6px solid #124ba1;}
.cpp1 strong.uo a{ display: inline-block; width: 100px; height: 42px; line-height: 42px; background: #f5be0a; text-align: center; font-size: 18px; color: #000;    position: relative;
    z-index: 55;}
.cpp1 p{ font-size:0.95vw; color: #1a1a1a; line-height: 3.9vh; padding-bottom:18px;}
.cpp1 h5{font-weight: normal;}
.cpp1 h5 a{ display: inline-block; float: left; margin-bottom:1vh; border: 1px solid #dedede; color: #4c4c4c; font-size: 0.83vw; height: 36px; line-height: 36px; padding: 0 11px; margin-right:0.5vw; transition: all 0.2s;}
.cpp1 h5 a:last-of-type{ color: #124ba1; border: 1px solid #124ba1;}

.cpp1 h5 a:hover{ background: #124ba1; color: #fff;border: 1px solid #124ba1;}
/*第三b屏*/
.cpp2{ overflow: hidden;}
.cpp21{ width: 73%; margin: 0 auto; padding-top:5.5vh;}
.cpp21 ul li{ float: left; width: 48.25%; position: relative;}
.cpp21 ul li:nth-of-type(2){ float: right;}
.cpp21 ul li img{width: 100%;}
.cpp21 .cp_fd{ position: absolute; left:12%; top:6%;}
.cp_fd h4{ color: #fff; height:16.3vh; font-size: 26px; position: relative;}
.cp_fd h4 i{ display: block; line-height: 100%; padding-top:3.7vh; font-family: Verdana;}
.cp_fd h4 em{ display: block; line-height: 100%; font-size:1.83vw; padding-top: 17px;}
.cp_fd h4 em span{font-weight: normal; font-size: 0.92vw; font-family: Verdana; padding-left: 18px;opacity: 0.75;}
.cp_fd p{ font-size:0.85vw; line-height: 3.6vh; padding-bottom:18px; color: #fff; width: 86%;}
.cp_fd h5{ overflow: hidden;}
.cp_fd h5 a{ display: inline-block; background: #124ba1; color: #fff; height: 48px; line-height: 48px; font-weight: bold; font-size:0.9vw; padding: 0 1.05vw; margin-right:5px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.4);}
.cp_fd h5 a:last-of-type{ background: #f5be0a; color: #000;}
/*第三c屏*/
.cass{ overflow: hidden;}
.cass1 h3{ text-align: center; padding-top:4%; color: #1a1a1a; line-height: 100%;font-weight: normal; margin-bottom: 2vh;}
.cass1 h3 span{ display: block; line-height: 100%; font-size: 2.5vw; padding-bottom:2.5vh; color: #1a1a1a;}
.cass1 h3 em{ display: block; font-size:0.98vw; line-height: 100%; padding:0.5vh 0;}
.cass1 h3 i{ display: inline-block; line-height: 100%; font-weight: bold; padding-left: 46px; position: relative; color: #124ba1;}
.cass1 h3 i:before{ position: absolute; content: ""; left: 21px; top: 23px; width: 7px; height: 7px; border-radius: 7px; background: #1a1a1a;}
.cass1 h4{ text-align: center; margin-bottom: 2vh;}
.cass1 h4 a{font-weight: normal; margin: 0 0.5%; border: 1px solid #c9c9c9; height: 68px; line-height: 68px; font-size: 22px; color: #333333; display: inline-block; width: 16.6%; transition: all 0.2s;}
.cass1 h4 a:hover{ color: #fff; background: #124ba1; border: 1px solid #124ba1;}
.cass1 .ban ul li{ position: relative; float: left; width: 32.33%; margin-right: 1%; margin-bottom: 16.5vh; font-size: 0; line-height: 0;}
.cass1 .ban ul li a{ display: block; position: relative;}
.cass1 .ban ul li em{ display: block; height:  80px; line-height: 80px; text-align: center; font-size: 20px; color: #4c4c4c; position: absolute; left: 0; bottom:-80px; width: 100%;}
.cass1 .ban ul li i{ display: block;opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); box-sizing: border-box; padding:19% 9% 0;  color: #fff; line-height: 3.5vh; font-size:0.9vw;}
.cass1 .ban ul li i img{ display: block; margin: 0 auto; width: 3.25vw; padding-top: 5vh;}
.cass1 .ban ul li:last-of-type{ margin-right: 0;}
.cass1 .ban ul li img{ width: 100%;}
.cass1 .ban ul li:hover em{ background: #124ba1; color: #fff; font-weight: bold;}
.cass1 .ban ul li:hover i{ opacity: 1;}
.cass1 .ban  .swiper-scrollbar{ background: #f5be0a; box-sizing: border-box; }
.cass1 .ban  .swiper-scrollbar-drag{ background: #fff; height: 16px; margin-top: 2px; margin-left: 2px;}

    /*第三屏*/
.tit{ display: block;font-weight: normal;position: relative; }
.tit>img{ display: block;float: left;width: 3.1rem;height: auto;vertical-align: top; }
.tit b{ display: block;color: #B67612;font-size: 2rem;line-height: 2rem;float: left; }
.tit span{ display: block;color: #333333;;font-size: 0.9rem;float: left;margin-left: 1rem;vertical-align: bottom;margin-top: 0.9rem; }
/*.case{}*/

/*第四屏*/

.pro{ padding: 4rem 0;background: #f2f2f2;box-sizing: border-box; }
.pro .tit>img{ display: block;float: left;width: 4.45rem;height: auto;vertical-align: top; }
.pro .tit em{ float: right;font-size:1.1rem;color: #1a1a1a; }
.pro .tit em img{ display: inline-block;width: 1rem;height: 1rem;margin-left: 0.5rem;vertical-align: middle; }
.pro_con{ margin-top: 2.4rem; }
.pro dl{ float: left;width: 50%;height: 33rem;background: #FFFFFF;}
.pro dt a{ font-size: 1.5rem;color: #1a1a1a;font-weight: normal;line-height: 1.5rem;padding-top: 3.5rem;text-align: center; padding-bottom: 2.4rem;display: block;}
.pro dd ul{padding:0 8.5%;}
.pro dd ul li{float: left;width: 28.4%;margin-right: 7.4%;}
.pro dd ul li:last-child{ margin-right: 0; }
.pro dd ul li a>img{ display: block;width: 100%; }
.pro dd ul li h3{ display: block;font-size: 17px;line-height: 17px;color: #1A1A1A;padding-top:1.9rem;text-align: center;font-weight: normal; }
.pro dd ul li h3>img{ display: block;width: 4rem;height: 1.3rem;margin: 1.4rem auto 0; }
.pro_r{ float: right;width: 50%; }
.pro_r li{ float: left;margin-left: 1.5%;box-sizing: border-box;width: 48.5%;height: 33rem;background: #FFFFFF; }
.pro_r li em{ font-size: 1.5rem;color: #1a1a1a;font-weight: normal;line-height: 1.5rem;padding-top: 3.5rem;text-align: center; padding-bottom: 2.4rem;display: block;}
.pro_r li img{ display: block;width: 48.5%;margin: 0 auto; }
.pro_r li h3>img{ display: block;width: 4rem;height: 1.3rem;margin: 4.2rem auto 0; }

.ys{ height: 100vh;box-sizing: border-box;}
.ys h3{ text-align: center;top:10%; color: #fff; line-height: 100%;font-weight: normal;  position: absolute; left: 0; width: 100%; z-index: 55;}
.ys h3 span{ display: block; line-height: 100%; font-size: 2.5vw; padding-bottom:2.5vh;}
.ys h3 em{ display: block; font-size:0.98vw;}
.ys h3 i{ display: inline-block; line-height: 100%; font-weight: bold; padding-left: 46px; position: relative;}
.ys h3 i:before{ position: absolute; content: ""; left: 21px; top: 23px; width: 7px; height: 7px; border-radius: 7px; background: #fff;}

.ys_con dl{ position: relative; }
.ys_con dt img{ display: block;width: 100%; }
.ys_con dd{ position: absolute;width:600px;height:520px;background: #fff;box-sizing: border-box;bottom:60px;left: 13.5%; box-shadow:0 0 23px  rgba(18,75,161,0.35);}
.ys_con dd h4{ display: block;font-size: 28px;color: #333333;position: relative; height: 156px;background: #124ba1; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.ys_con dd h4 .pageState{ position: absolute; right:55px; top: 46px; color: #fff; font-size: 22px;;}
.ys_con dd h4 .pageState span{ font-size: 32px;}
.ys_con dd h4 b{ display: inline-block; font-size: 80px; color: #2c59a7; font-family: Verdana;text-transform: uppercase; line-height: 100%; padding-top: 37px; letter-spacing: -10px; margin-left:-7px;}
.ys_con dd h4 em{ display: inline-block; position: absolute; color: #fff; font-size: 20px; left: 80px; top:48px;font-weight: normal; font-size: 20px;}
.ys_con dd h4 em i{ display: block; line-height: 100%; font-size: 36px; font-weight: bold; padding-bottom: 11px;}
.ys_con dd h4 em span{ display: block; line-height: 100%;}
.ys_con dd p{ padding-top:64px;background: url(../image/y_io.png) no-repeat 79px 29px; padding-left: 49px; margin-right: 35px;}
.ys_con dd p span{ font-size: 16px;color: #333333;line-height: 29px;position: relative; display: block;margin-bottom: 10px; padding-left: 30px;background: url(../image/y_io2.png) no-repeat 0 9px;}

.ys_t{ position: absolute; right: 13.5%; top:86%; z-index: 55;}
.ys_t li{ float: left;width:50px; height:50px; border-radius: 50px; background: #124ba1; color: #fff; font-weight: bold; font-family: Verdana; font-size: 23px; text-align: center; line-height: 50px; position: relative;z-index: 50; margin-right: 10px; cursor: pointer;}
.ys_t li.on{background: #f5be0a; color:#000;box-sizing: border-box; }

/**/
.cass2{background: url(../image/cass2.jpg) no-repeat center;background-size: cover;}
.cass2 h3 span,.cass2 h3 em{ color: #fff;}
.cass2 h3 i{ color: #fff;}
.cass2 h3 i:before{ background: #fff;}
.cass2 ul{ margin: 0 13.5%;}
/*4*/
.boxe h3{ text-align: center; padding-top:7%; color: #1a1a1a; line-height: 100%;font-weight: normal; margin-bottom: 5vh;}
.boxe h3 span{ display: block; line-height: 100%; font-size: 2.5vw; padding-bottom:2.5vh; color: #1a1a1a;}
.boxe h3 em{ display: block; font-size:0.98vw; line-height: 100%; padding:0.5vh 0;}
.boxe h3 i{ display: inline-block; line-height: 100%; font-weight: bold; padding-left: 46px; position: relative; color: #124ba1;}
.boxe h3 i:before{ position: absolute; content: ""; left: 21px; top: 23px; width: 7px; height: 7px; border-radius: 7px; background: #1a1a1a;}
.xl_lis{ width: 22.3%;}
.xl_lis ul li{ overflow: hidden;}
.xl_lis ul li a{ display: block; padding: 27px 0 0 46px; height: 75px; border-bottom: 2px solid #c7c7c7; font-size: 24px; color: #1a1a1a;}
.xl_lis ul li a i{ display: block; line-height: 100%;}
.xl_lis ul li a em{ display: block; line-height: 100%; padding-top:9px; color: #8f8f8f; font-family: Verdana; font-size: 14px; text-transform: capitalize;}
.xl_lis ul li.cur a{ background: url(../image/xl_lm.png) no-repeat  250px 52px  #124ba1;border-bottom: 2px solid #124ba1; color: #fff;}
.xl_lis ul li.cur a em{ color: #a7b4d3;}

.xl_lr{ width: 73.7%;}
.xl_lr dl dt{ float: left; width: 41.25%; font-size: 0; line-height: 0; position: relative; overflow: hidden;}
.xl_lr dl dt span{ display: inline-block; position: absolute; left: 0; top: 0; background: #f5be0a; font-size: 18px; color: #000000; text-align: center; width: 82px; height: 38px; line-height:38px;}
.xl_lr dl dt img{ width: 100%;}
.xl_lr dl dd{ float: right; width: 56.5%;}
.xl_lr dl dd em{ display: block; background: #fff; border: 1px solid #e6e6e6; margin-bottom: 10px; padding:3.9vh 20px 0 30px; height: 10.25vh; transition: all 0.2s;}
.xl_lr dl dd em i{ display: block; line-height: 100%; font-size:1.05vw; color: #1a1a1a; font-weight: normal;}
.xl_lr dl dd em i span{ display: inline-block; float: right; font-size: 14px; color: #808080;}
.xl_lr dl dd em b{ display: block; padding-top: 20px; font-weight: normal; font-size: 0.78vw; color: #666666;}
.xl_lr dl dd em:hover i{font-weight: bold; color: #124ba1; text-decoration: underline;}
.xl_lr dl dd em:hover i span{font-weight: normal;}
.xl_lr dl dd em:hover{ box-shadow: 0 0 7px rgba(0,0,0,0.15);}
    /**/
.zs{background: url(../image/cass2.jpg) no-repeat center;background-size: cover;}
.news{ padding: 4rem 0;background: #f2f2f2;box-sizing: border-box; }
.news .tit>img{ display: block;float: left;width: 2.9rem;height: auto;vertical-align: top; }
.news .tit em{ float: right;font-size:1.1rem;color: #1a1a1a; }
.news .tit em img{ display: inline-block;width: 1rem;height: 1rem;margin-left: 0.5rem;vertical-align: middle; }
.news_t{ display:block;text-align: center;margin-top:2.5rem; height: 2.8rem;margin-bottom: 2rem;}
.news_t li{ display: inline-block;width: 12rem;height: 2.8rem;border: 1px solid #D4D4D4; font-size: 1.1rem;line-height: 2.8rem;margin-right: 0.5rem;text-align: center; }
.news_t li a{ display: block;color: #1a1a1a; }
.news_t li.on{background: #C2934A;border-color:#C2934A;color: #fff; }
.news_t li.on a{ color: #fff;  }
.news_con dl{ width: 31.4%;float: left;margin-right: 2.9%; }
.news_con dl:last-child{ margin-right: 0; }
.news_con dt img{display: block;width: 100%;}
.news_con dd{height:15.8rem;background: #fff;padding: 1.8rem 2rem 0; }
.news_con dd span{ display: block;font-size: 0.8rem;line-height: 0.8rem;font-family: Verdana;color: #999999; }
.news_con dd span>img{ display:inline-block;width: 0.85rem;height: 0.85rem;margin-right: 0.5rem; }
.news_con dd h4 a{ display: block;font-size: 0.9rem;line-height: 1.6rem;color: #333333;margin-top: 0.8rem; }
.news_con dd p{ display: block;font-size: 0.75rem;line-height: 1.5rem;color: #666666;margin-top: 0.8rem; }
.news_con dd .more img{ display: block;width: 4rem;height: 1.3rem;margin: 1.4rem 0 0;  }

.abt{ background: url(../image/abt_bg.jpg) no-repeat center;background-size: cover;position: relative;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.abt dl{ padding-top: 5.5rem;position: relative;width: 57.8125%;margin: 0 auto; }
.abt dt img{ display: block;width: 100%; }
.abt dd{ padding: 31px 0 0 29px;box-sizing: border-box;width: 100%; }
.abt dd h4 a{ display: block;font-size: 24px;color: #fff;line-height: 24px; }
.abt dd h4 a>img{ display: block;width: 80px;height: 26px;float: right; }
.abt dd p{ display: block;font-size: 15px;color: #fff;line-height: 15px;padding-top: 18px; }
/**/
.cass22 .cass12 ul{ margin: 0 15.4%; padding-top:4.5vh;}
.cass22 .cass12 ul li{ float: left; width: 23%; margin-right: 2.6%; margin-bottom: 9vh;}
.cass22 .cass12 ul li b{ display: block; text-align: center; font-size: 18px; font-weight: normal; line-height: 100%; color: #fff; padding-top: 28px;}
.cass22 h5{ text-align: center; padding-top: 4vh;}
.cass22 h5 a{ color: #fff; font-size: 20px; border-bottom: 1px solid #fff; letter-spacing: 2px;font-weight: normal;}
/**/
.xinw{background: url(../image/xinw.jpg) no-repeat center 0;background-size: cover;}
.zs{background: url(../image/zs.jpg) no-repeat center 0;background-size: cover;}
.boxe{ overflow: hidden; margin: 0 13.5%;}

/**/
.zs h3{ text-align: center;top:10%; color: #fff; line-height: 100%;font-weight: normal;  position: absolute; left: 0; width: 100%; z-index: 55;}
.zs h3 span{ display: block; line-height: 100%; font-size: 2.5vw; padding-bottom:2.5vh;}
.zs h3 em{ display: block; font-size:0.98vw;}
.zs h3 i{ display: inline-block; line-height: 100%; font-weight: bold; padding-left: 46px; position: relative;}
.zs h3 i:before{ position: absolute; content: ""; left: 21px; top: 23px; width: 7px; height: 7px; border-radius: 7px; background: #fff;}
.zsc{ position: absolute; left: 16.7%; bottom: 100px; width: 67%; background: #124ba1; overflow: hidden;}
.zsc p{ float: left; padding: 30px 0 0 62px; width: 60%; color: #fff; font-size: 0.85vw; line-height: 35px;}
.zsc ul{ float: right; width: 32%;}
.zsc ul li{ float: left;}
.zsc ul li i{ display: block; margin-top: 41px; width:6.9vw; text-align: center; line-height: 100%; color: #fff; font-size: 18px;}
.zsc ul li i img{ display: block; margin: 0 auto; padding-bottom: 7px;}
.zsc ul li:first-of-type i{ border-left: 1px solid #5a81bd; border-right: 1px solid #5a81bd;}
.zsc ul li:last-of-type{ background: #f5be0a; width: 100px; float: right;}
.zsc ul li:last-of-type a{ display:block; padding-top: 50px; height: 121px; text-align: center;font-weight: bold; font-size: 18px; color: #000000; text-align: center;}
.zsc ul li:last-of-type a em span{ display: block;}
.zsc ul li:last-of-type a em{ display: block; padding-bottom: 5px;}

.weij ul li strong{ position: relative; }
.weij ul li strong span{ display: inline-block; position: absolute; left: 0; top: 100%;}
.weij ul li strong span img{    width: 85px;}
/**/
.foots{background: url(../image/f_bg.jpg) no-repeat center 0;background-size: cover; position: relative;}
.f_l{ margin-left: 13.5%; width: 50.8%; padding-top: 9vh;}
.f_l h3{ height: 16vh;  padding-top: 1vh; margin-bottom:5vh;}
.f_l h3 i{ display: inline-block; float: left;margin-top:-3.5vh;}
.f_l h3 i img{ width: 100%; max-width:282px;}
.f_l h3 em{ display: inline-block; float: left; padding: 4.52vh 0 0 2.3vw; font-size: 24px; font-weight:normal; color: #fff;}
.f_l ul{ overflow: hidden;}
.f_l ul li{ float: left; width: 33.33%; box-sizing: border-box; padding-left:4.5%;}
.f_l ul li i{ display: block; line-height: 100%; color: #fff; font-size: 0.9vw; font-weight: bold; padding-bottom: 2.3vh; margin-bottom:2.3vh; position: relative;}
.f_l ul li i:before{ position: absolute; left: 0; bottom: 0; content: ""; width: 26px; height: 2px; background: #f5be0a;}
.f_l ul li em{ display: block;}
.f_l ul li em a{ display: block; line-height: 100%; font-size:0.88vw; color: #fff; opacity: 0.8; margin-bottom: 2vh;}
.f_l ul li:nth-of-type(2){ border-left: 1px solid #313337;border-right: 1px solid #313337;}

.f_r{ margin-right: 13.5%; width: 19%; padding-top: 15vh;}
.f_r p{ overflow: hidden; margin-bottom: 7.5vh;}
.f_r p em{ display: inline-block; float: left; width: 7vw; background: #fff; font-size: 0; line-height: 0; text-align: center;}
.f_r p em span{ display: block; line-height: 100%; text-align: center; font-size: 0.75vw; padding-bottom: 1vh;}
.f_r p em img{ width: 100%;}
.f_r p em:last-of-type{ margin-left:0.9vw;}
.f_r ul li{ line-height: 100%; color: #fff; font-size: 0.75vw; margin-bottom:2.2vh; padding-left: 40px;}
.f_r ul li em{ font-size:1.1vw; line-height: 100%; display: inline-block;}
.f_r ul li:last-of-type em{ font-size: 14px;}
.f_r ul li:nth-of-type(1){background: url(../image/f_ico1.png) no-repeat;}
.f_r ul li:nth-of-type(3){background: url(../image/f_ico2.png) no-repeat;}
.f_r ul li:nth-of-type(4){background: url(../image/f_ico3.png) no-repeat; line-height: 22px;}
.f_bom{ margin:0 13.5%; position: absolute; left: 0; bottom: 0; line-height:12vh; font-size: 0.72vw; width:72.9%;}
.f_bom a{ color: #8c8f94;}
.f_bom em{ float: right;}
.f_bom em a{ padding: 0 0.7vw;}
.f_bom em a:hover{text-decoration: underline; color: #fff;}
.f_bom span{ padding: 0 1vw;}
/*第五屏*/
















@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size: 14px;}
   .content{width:1200px;margin: 0 auto;}
}
@media screen and (max-width:1920px) and (min-width:1600px)  {
    html {font-size:20px;}
    .content{width:1400px;margin: 0 auto;}
}



html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}