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


.fullSlide { position: relative; z-index: 1; clear: both; width: 100% ; overflow: hidden; font-size:0; line-height:0;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden;font-size:0; line-height:0; }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block;font-size:0; line-height:0; }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0;font-size:0; line-height:0; }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .9; -o-transition: all .3s ease; transition: all .3s ease ; box-sizing: border-box; border: 1px solid #fff;}
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #004fd7;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
.c_right ul li img{ width: 381px;}
div.con img{width:100%;height:auto;}







/*第二屏*/
i,em{ font-style: normal;}
.yz{ background: url(../images/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{}
.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{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;}
.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:hover{ background: #124ba1; color: #fff;border: 1px solid #124ba1;}
.cpp1 h5 a:last-of-type{ color: #124ba1; 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:895px;}
.ys .tils{ margin: 8vh auto 0; width: 83.4%;}
.ys .tils p{    background: url(../images/xw_m2b.png) no-repeat;}
.ys_lis{ overflow: hidden; border-top: 1px solid #dcdcdc;padding: 0 8.3%;}
.ys_t{ z-index: 55;}
.ys_t li{ float: left; width: 20%; box-sizing: border-box; border-right: 1px solid #dcdcdc; cursor: pointer; padding: 1.4vh 0 1.9vh;}
.ys_t li:last-of-type{ border-right: none;}
.ys_t li i{ display: inline-block; float: left; color:#333333; font-size: 1.15vw;font-weight: bold; line-height: 100%; letter-spacing: 1px; padding-top: 0.4vh;}
.ys_t li i span{font-weight: normal; font-size: 0.9vw; display: block; line-height: 100%; padding-top: 0.8vh;}
.ys_t li.on{ color:#000;box-sizing: border-box; }
.ys_t li.on img{  transform: translateX(0.5vw);}
.ys_con dl{ position: relative;background: #f2f2f2;}
.ys_con dl dt{ font-size: 0; line-height: 0; overflow: hidden; width: 55%; float: left;}
.ys_con dl dt img{ width: 100%;}
.ys_con dl dd{ margin-left:5.3%; width: 31.5%; float: left; padding-top: 8.6vh;}
.ys_con dl dd h4 a{ display: block; line-height: 100%; color: #333; font-size: 1.5vw; margin-bottom: 1.2vh;}
.ys_con dl dd p{ height:13.3vh; font-size: 0.81vw; line-height: 2.8vh;}
.ys_con dl dd h5{ height: 14.5vh;}
.ys_con dl dd h5 a{ display: inline-block; height: 4.7vh; width: 8.5vw; border: 0.2vh solid  #333; text-align: center; line-height: 4.7vh;font-weight: normal; font-size: 1.1vw; color: #333;}
.ys_con dl dd h5 a:last-of-type{border: 0.2vh solid  #034196; background: #034196; color: #fff; margin-left: 0.9vw;}
.ys_con dl dd em img{ width: 48%;}
.ys_con dl dd em img:last-of-type{ float: right;}
    /**/
.cass2{background: url(../images/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%;}

    /**/
.zs{background: url(../images/cass2.jpg) no-repeat center;}
.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(../images/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; }
/**/
/**/
/**/

/**/
.cases{background: url(../images/cases.jpg) no-repeat center;background-size: cover;}
.cases .tils{ width: 83.4%; margin: 10.25vh auto 0; color: #fff;    background: url(../images/xw_h3.png) no-repeat;    background-size: 3vw 8vh; overflow: hidden;}
.cases .tils i{ color: #fff;}
.cases .tils span{ color: #fff;}
.cases .tils p{background: url(../images/xw_m2a.png) no-repeat;  }

.picScroll-left{ width:83.4%; margin:0 auto; overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:1.05vw; float:right; margin-right:15px;  overflow:hidden;
    cursor:pointer;  }
.picScroll-left .hd .next{ margin-right: 41%; }
.picScroll-left .hd .prevStop{ }
.picScroll-left .hd .nextStop{  }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1;padding-top: 10px;}
.picScroll-left .hd ul li{ float:left;  width:14px; height:14px; overflow:hidden; margin-right:11px; text-indent:-999px; cursor:pointer; background:#fff; transition: all 0.2s; border-radius: 16px;}
.picScroll-left .hd ul li.on{ background:#fff;  width: 4vw; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float: left;width: 15.7vw; margin-right: 1.3vw; background: #fff; margin-bottom: 5.8vh; padding-bottom: 2.2vh; }
.picScroll-left .bd ul li img{ width: 100%;}
.picScroll-left .bd ul li i{ display: block; margin: 0 1.3vw 1.3vh 1.6vw; line-height: 100%;padding-top: 3.1vh; font-size: 1.1vw; color: #333333;}
.picScroll-left .bd ul li span{ display: block; margin: 0 1.3vw 1.6vh 1.6vw; color: #666666; font-size: 0.82vw; line-height: 2.5vh;}
.picScroll-left .bd ul li em{ display: block; margin: 0 1.3vw 0 0; float: right;width: 28px; height: 28px; background: #333; border-radius: 28px; text-align: center; line-height: 100%; box-sizing: border-box; padding-top:7px;}
.picScroll-left .bd ul li em img{    width: 50%; display: block; margin: 0 auto;}
.picScroll-left .bd ul li em:hover{ background: #034196;}
/**/
.anli{ overflow: hidden;}
.anli .tils{ width: 83.4%; margin: 6.5vh auto 0;}
.anli .tils p{background: url(../images/xw_m22.png) no-repeat;}
.anli ul{ overflow: hidden; position: relative;}
.anli ul li{ float: left; position: relative; font-size: 0; line-height: 0; margin-bottom: 1vh; width: 24.6%;}
.anli ul li:nth-of-type(2n){ margin-left: 50.8%;}
.anli ul li:nth-of-type(5){position: absolute; top: 0;    left: 25.1%;    width: 49.85%;}
.anli ul li img{ width: 100%;}
.anli ul li i{ display: none;}
.anli ul li em{ display: block; position: absolute; font-size: 0.9vw; line-height: 100%; bottom: 2.3vh; left:5%; color: #fff;}
.anli ul li em span{ display: block; padding-top: 1.1vh; font-size: 0.75vw;background: url(../images/a_mor.png) no-repeat 2.8vw 1.5vh;background-size: 0.7vw 1.2vh;}
.anli ul li strong em{ font-size: 1.3vw; font-weight: normal;}
.anli ul li:before{background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
position: absolute; left: 0; bottom: 0; width: 100%;content: ""; height: 30%;transition: all 0.2s;}
.anli ul li:hover:before{background: rgba(3,65,150,0.9); height: 100%;}
.anli ul li:hover em{ display: none;}
.anli ul li:hover i{ display: block; position: absolute; line-height:3vh; box-sizing: border-box; top: 4.3vh;font-weight: normal; color: #fff; left: 3.5%; padding-right: 3.5%;height:100%;}
.anli ul li:hover i b{ display: block; font-size: 1.3vw;font-weight: normal; margin-bottom: 2.6vh;line-height: 120%;}
.anli ul li:hover i span{ display: block; margin-bottom: 1.6vh; font-size: 0.8vw;}
.anli ul li:hover i b:hover{}
    /**/
.fw{background: url(../images/fw.jpg) no-repeat center;background-size: cover;}
.fw_on{ margin-left: 8.3%; padding-top: 9.5vh;}
.fw_on1{ overflow: hidden; height: 20.3vh; width: 52vw;}
.fw_on1 p{ float: right; background: rgba(0,0,0,0.4); font-size: 0; line-height: 0;}
.fw_on1 p img{ width: 5.2vw; border: 1.6vh solid #fff;}
.fw_on1 p span{ display: inline-block; float: right; font-size: 15px; color: #fff; line-height:95%; width: 20px; padding: 9px 11px 0;}
.fw_on1 h3{ float: left; color: #fff; line-height: 100%; font-size: 2vw; letter-spacing: 0.2vw;}
.fw_on1 h3 i{ display: block; line-height: 100%;font-weight: normal; padding-bottom: 1.1vh;}
.fw_on1 h3 em{ display: block; line-height: 100%; font-size: 2.9vw; letter-spacing: 0.12vw; padding-left: 7.1vw; padding-bottom: 1.3vh;background: url(../images/fw_t.png) no-repeat 0 0.5vh;background-size:6.7vw 5.4vh;}
.fw_on1 h3 span{ display: block; color: #4e5d73; font-weight: normal; font-size: 0.4vw; letter-spacing: 1px; line-height: 100%;}

.fw_on2{ overflow: hidden; width: 54vw;}
.fw_on2 ul li{ overflow: hidden; margin-bottom: 2.3vh;transition: all 0.2s; margin-right: 1.2vw;background: url(../images/fw_k.png) no-repeat;background-size: 100% 24.3vh; box-sizing: border-box; width: 16.6vw; height: 24.3vh; padding-top: 2.8vh; float: left;}
.fw_on2 ul li i{ display: none;}
.fw_on2 ul li img{ width: 4.7vw; margin: 0 auto; display: block; padding-bottom: 0.8vh;}
.fw_on2 ul li em{ display: block; color: #fff; font-size: 1.2vw; letter-spacing: 0.1vw; text-align: center;line-height: 100%;}
.fw_on2 ul li em span{ display: block; padding-top: 0.7vh; line-height: 100%; color: #78818f; font-size: 0.3vw; letter-spacing:0; padding-bottom: 2vh;}
.fw_on2 ul li img:last-of-type{ width: 1.1vw;}
.fw_on2 ul li:hover{ background: #fff;}
.fw_on2 ul li:hover img,.fw_on2 ul li:hover em span{ display: none;}
.fw_on2 ul li:hover em{ color: #333333; font-weight: bold; font-size: 1.3vw; padding-top: 1.3vh; padding-bottom: 1.3vh; margin-bottom: 2.4vh; position: relative;}
.fw_on2 ul li:hover em:before{ position: absolute; content: ""; height: 0.2vh; width: 1.3vw; background: #034196; bottom: 0; left: 46%;}
.fw_on2 ul li:hover i{ display: block; padding: 0 1.7vw; line-height: 2.5vh; color: #666666; font-size: 0.84vw; text-align: center;}
    /**/
.cass12{ padding-top: 12.4vh;}
.cass12 h4{background: url(../images/ry_btn.png) no-repeat center 0;background-size:19vw 8.6vh; padding-top: 1.8vh; line-height: 100%; color: #fff;}
.cass12 h4 span{ display: block; line-height: 100%; font-size: 2.6vw;}
.cass12 h4 em{ display: block;font-weight: normal; padding-top: 1.5vh; font-size: 1.9vw; line-height: 100%;}
.cass12 h5{ text-align: center; position: absolute; width: 100%; bottom: 10.8vh;}
.cass12 h5 a{ display: inline-block; height: 4.7vh; line-height: 4.7vh; border: 2px solid #fff; width: 8.5vw; transition: all 0.2s;font-weight: normal; color: #fff; font-size: 0.9vw;}
.cass12 h5 a:hover{ background: #fff; color: #000326;}
/**/
.xinw{height:823px;}
.zs{background: url(../images/zs.jpg) no-repeat center 0;}
.boxe{ overflow: hidden; margin: 0 8.3%;}
.tils{ height: 121px; overflow: hidden; padding-left: 3.5vw;background: url(../images/xw_h.png) no-repeat;background-size: 3vw 8vh; line-height: 100%; box-sizing: border-box;}
.tils h3{ float: left; line-height: 100%;}
.tils h3 i{ display: block; line-height: 100%; font-size: 2.3vw; padding-bottom: 1.2vh; letter-spacing: 0.2vw;}
.tils h3 a{ color: #333;}
.tils h3 span{ display: block; font-weight: normal;font-size: 1vw; line-height: 100%;}
.tils p{ float: right; padding-top: 6.6vh;background: url(../images/xw_m2.png) no-repeat; width: 37%; text-align: right;}
.xw_lis{ width: 48.35%; overflow: hidden;}
.xw_lis h3{ width: 8.7vw; height: 5.5vh;background: url(../images/xw_hh.png) no-repeat;background-size:100% 5.5vh; font-size: 1.3vw;color: #fff; line-height: 5.5vh;font-weight: normal;}
.xw_lis h3 a{ display: block; padding-left: 1vw; color: #fff;}
.xw_lis dl{ overflow: hidden; background: #f2f2f2; margin-bottom: 0.5vh;}
.xw_lis dl dt{ float: left; font-size: 0; line-height: 0; overflow: hidden; width:37.3%;}
.xw_lis dl dt img{ width: 100%;}
.xw_lis dl dd{ float: right; width: 62.7%; box-sizing: border-box; padding: 5vh 5.2% 0;}
.xw_lis dl dd h4 span{ display: block; line-height: 100%; color: #333333; font-size: 16px;font-weight: normal; padding-bottom: 8px;}
.xw_lis dl dd h4 a{ display: block; color: #333333; font-weight: bold; line-height: 100%; height: 100%; font-size: 1vw; margin-bottom: 2.2vh;}
.xw_lis dl dd h4 a:hover{ color: #034196;}
.xw_lis dl dd p{ line-height: 2.6vh; font-size: 0.84vw; color: #333333; height: 12vh;}
.xw_lis dl dd em{ display: inline-block; float: right; width: 28px; height: 28px; background: #333; border-radius: 28px; text-align: center; line-height: 100%; box-sizing: border-box; padding-top:8px;}
.xw_lis dl dd em a{ display: block;    line-height: 100%;    font-size: 0;}
.xw_lis dl dd em:hover{ background: #034196;}
.xw_lis ul li{ overflow: hidden; padding-top: 2.8vh; padding-bottom: 2.2vh; border-bottom: 1px dotted #adadad;background: url(../images/xw_m4.png) no-repeat 93% 5.2vh;}
            .xw_lis ul li:last-of-type{ border-bottom: none;}

.xw_lis ul li span{ display: block; line-height: 100%; padding-bottom: 1vh; color: #333333; font-size: 0.8vw;}
.xw_lis ul li i a{ display: block; color: #333333; font-size: 0.82vw; line-height: 100%;}
.xw_lis ul li i a:hover{color: #034196;}
    /**/
.zs{ position: relative;}


.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;}
/**/
.zhic{ height:1069px;}
/*第五屏*/
.zs{ height:720px;}











@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;
    }
}