@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1400px;margin:0 auto}
 @media screen and  (max-width:1440px){
     .content{width:1200px;margin:0 auto}    
        }

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}






.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: inline-block;font-size: 48px;color: #333333;line-height: 48px;height: 48px;position: relative;font-weight: bold;letter-spacing: 2px;}
.tit span b{ color: #f7722e; }
.tit span:before{position: absolute;width: 18px;height: 18px;content: "";background: url(../images/tit1.png) no-repeat center;left: -40px;top: 5px;}
.tit span:after{position: absolute;width: 18px;height: 18px;content: "";background: url(../images/tit2.png) no-repeat center;right: -40px;top: 5px;}
.tit i{display: block;font-size: 24px;color: #333333;line-height: 24px;padding-top: 10px;letter-spacing: 2px;}



.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;cursor:pointer;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;cursor:pointer;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}

.search{ height: 95px;background: url(../images/sea_bg.jpg) no-repeat center; }
.s_box{float:left;width:230px;height:36px;background:#fff;margin-top:30px;border-radius:25px;position:relative;border:1px solid #d2d2d2;}
.s_box .input1{width:158px;height:36px;line-height:36px;color:#999;padding:0 20px 0 10px;border-top-right-radius:25px;border-bottom-right-radius:25px;float:right;border:0;outline:0;border:0;text-align:right;}
.s_box .input2{width:26px;height:26px;border:0;background:url(../images/sea.png) no-repeat center;float:left;position:relative;z-index:2;margin-top:5px;margin-left:5px;cursor:pointer}
.search p{float: left;height: 95px;line-height: 95px;font-size: 14px;color: #666666;margin-left: 22px;}
.search p b{ font-weight: bold;font-size: 14px;color: #333333; }
.search p a{color: #666;margin-right: 25px;}
.search p a:hover{color:#0065d1;}
.qh{ float: right;width: 104px; }
.qh .prev{display: block;width:8px;height: 14px;margin-top: 45px;float: left;cursor: pointer; }
.qh .pageState{ font-size: 48px;color: #222222;font-family: Arial;line-height: 42px;float: left;margin-left: 18px; font-weight: bold;margin-top: 24px;}
.qh .pageState span:first-child,.qh .pageState span:nth-child(2){ font-size: 32px; }
.qh .next{ display: block;width:8px;height: 14px;margin-top: 45px;float: right;cursor: pointer; }

.yz{height: 640px;padding-top: 60px;box-sizing: border-box;background: url(../images/yz_bg.jpg) no-repeat center;}
.yz h2{display: block;text-align: center;font-weight: normal;}
.yz h2 img{ display: block;width: 525px;height: 58px;margin: 0 auto; }
.yz h2 i{ display: block;font-size: 24px;line-height: 24px;color: #333333;letter-spacing: 2px;margin-top: 16px; }
.yz .desc{ display: block;font-size: 14px;line-height: 26px;color: #666666;margin-top: 54px;text-align: center; }
.yz_sz{ margin-top: 50px; }
.yz_sz li{float: left;padding: 0 112px 0;box-sizing: border-box;position: relative;}
.yz_sz li:after{content: "";width:42px;height:83px;background: url(../images/yz_line.png) no-repeat center;position: absolute;right:-20px;top:60px;transition:all 0.5s}
.yz_sz li:last-child:after{ background: 0; }
.yz_sz li em{display:block;padding-top: 50px;}
.yz_sz li b{display:inline-block;font-size:80px;font-family:Arial;font-weight:700;color:#333333;line-height:1;letter-spacing: -2px;transition: all 0.5s;}
.yz_sz li sup{display:inline-block;font-size:24px;color:#333333;line-height:100%;vertical-align:1px;margin-left:6px;font-weight: normal;transition: all 0.5s;}
.yz_sz li:hover>b,.yz_sz li:hover sup{color: #179c57;  }
.yz_sz li span{display:block;font-size:24px;color:#333333;line-height:100%;text-align:left;margin-top:4px;}
.yz_sz li div{ position: absolute;left:40px;top:0; width: 248px;height: 194px;background: #f4f4f4;border-radius: 10px;display: none;z-index: 20;}
.yz_sz li div>i{ display: block; font-size: 24px;color: #fff;font-weight: bold;text-align: center;height: 64px;background: #112081;border-radius: 10px 10px 0 0;line-height: 64px;}
.yz_sz li div>i strong{ color: #f7722e; }
.yz_sz li:hover div{ display: block; }
.yz_sz li div>em{display: block;font-size: 16px;line-height: 28px;color: #333333;text-align: center;padding-top: 22px;}

 @media screen and (max-width: 1440px) {
         .yz_sz li{ padding: 0 88px 0;}
              
}



.so{ padding: 112px 0 0;background:#f4f4f4; }
.so_t{position: relative;margin-top: 82px;position: relative;height: 102px;}
.so_t:after{ position: absolute;width: 100%;height: 1px;background: #dfdfdf;content: "";top:5px;left:0; }
.so_t li{ float: left; margin: 0 57px;position: relative;z-index: 20;position: relative;height: 102px;}
.so_t li:after{content: "";width:0;height:4px;background: #f7722e;position: absolute;left:50%;bottom:0;transition:all 0.5s}
.so_t li:hover:after,.so_t li.on:after{width:100%;left:0;}
.so_t li span{ display: block;font-size: 22px;color: #333333;line-height: 22px;color: #333333;padding-top: 32px;background: url(../images/so_ic.png) no-repeat center top;text-align: center; }
.so_t li i{ display: block;font-size: 12px;color: #333333;line-height: 12px;text-align: center;text-transform: uppercase;margin-top: 6px;opacity: 0.2}
.so_t li.on span{ font-weight: bold;background: url(../images/so_ich.png) no-repeat center top; }
.so_t li.on i{ opacity: 1; }
.so_con{ position: relative; }
.so_con dl{ position: relative; }
.so_con dt{ display: block;width:100%;overflow: hidden;}
.so_con dt img{ display: block;width:100%;}
.so_con dd{ position: absolute;top:8rem;width: 21rem;right: 17rem;}
.so_con dd h4{ display: block; font-size: 1.6rem;line-height: 1.6rem;font-weight: bold;color: #fff;}
.so_con dd p{ font-size: 0.8rem;line-height: 1.4rem;color: #fff;margin-top: 1.8rem; }
.so_con dd i img{ display: block;margin-top: 4rem;width: 3.4rem;height: 1.6rem; }
.so_z{ position: absolute;bottom: 8rem;right: 29rem; }
.so_z li{display: inline-block;width:0.7rem;height: 0.7rem;border:2px solid #efeef1;border-radius: 50%;margin:0 0.6rem 0 0;cursor: pointer;}
.so_z li.on{border-color: #f7722e;background: #f7722e;}
.so_bd{ padding: 80px 0 94px; }
.so_bd li{ float: left;width: 340px;position: relative;margin-right: 13.33px;}
.so_bd li:after{ position: absolute;left:0px;bottom:0px;width: 0;height: 2px;background:#f7722e;content: ""; transition: all 0.3s;}
.so_bd li:nth-child(4n){ margin-right: 0;}
.so_bd li i{ display: block;width: 340px;height: 192px;overflow: hidden; }
.so_bd li i img{ display: block;width: 340px;height: 192px;}
.so_bd li span{ display: block;height: 60px;font-size: 18px;color: #333333;line-height: 60px;font-weight: normal;border-bottom: 2px solid #dedede; transition:all 0.5s;font-weight: bold;}
.so_bd li span em{display: block;width: 20px;height: 20px;float: right;margin-top: 20px; overflow:hidden;}
.so_bd li span em img{ display: block;width: 20px;height: 20px;}
.so_bd li:hover span{color: #f7722e;}
.so_bd li:hover:after{ width: 100%; }
.so_bd li:hover span em img:nth-child(1){ margin-top:-20px;}
 @media screen and (max-width: 1440px) {
      .so_t li{  margin: 0 42px;}
      .so_bd li{ float: left;width: 290px;position: relative;margin-right: 13.33px;}
       .so_bd li i{  display: block;width: 290px;height: 163px;overflow: hidden;  }
       .so_bd li i img{ display: block;width: 290px;height: 163px;}
}
         
.sl{ padding-top: 115px; }
.sl_con{ margin-top: 85px;height:956px; background:url(../images/sl_bg.jpg) no-repeat center}
.sl1{ float: left;width: 700px; }
.sl1 h3{ display: block;font-size: 36px;color: #fff;font-weight: bold;line-height: 74px; height: 276px;padding: 50px 55px 0 46px;box-sizing: border-box;}
.sl1 h3 em{ float: right;width: 74px;height: 74px;border-radius: 37px;display: block;line-height: 74px;text-align: center;background: #f7722e;font-size: 16px;color: #fff; }
.sl1 li{ display: block;height: 204.5px;padding: 72px 26px 0;box-sizing: border-box; border-bottom: 1px solid #dcdcdc; }
.sl1 li:last-child{ border-bottom: 0; }
.sl1 li em{ display: block;width: 76px;height: 76px;overflow: hidden; float: left;}
.sl1 li em img{display: block;width: 76px;height: 76px;transition: all 0.5s;}
.sl1 li span{display: block;float: left;margin-left: 16px;font-size: 16px;line-height: 22px;color: #333333;}
.sl1 li span i{ display: block; font-size: 24px;line-height: 24px;color: #333333;margin-bottom: 8px;}
.sl1 li span i b{color: #112081;}
.sl1 li.cur{ background: #112081; }
.sl1 li.cur em img:nth-child(1){ margin-top: -76px; }
.sl1 li.cur span,.sl1 li.cur span i,.sl1 li.cur  span i b{ color: #fff; }
.sl2{ float: right;width: 700px; }
.sl2 h3{ display: block;font-size: 36px;color: #333;font-weight: bold;line-height: 74px; height: 178px;padding: 50px 55px 0 46px;box-sizing: border-box;}
.sl2 h3 em{ float: right;width: 74px;height: 74px;border-radius: 37px;display: block;line-height: 74px;text-align: center;background: #f7722e;font-size: 16px;color: #fff; }
.sl2 .sl_z{width: 700px;padding-left: 26px;box-sizing: border-box;  }
.sl2 li{ display: block;height: 142px;padding: 36px 0 0 28px;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.2);  }
.sl2 li:last-child{ border-bottom: 0; }
.sl2 li em{ display: block;width: 76px;height: 76px;overflow: hidden; float: left;}
.sl2 li em img{display: block;width: 76px;height: 76px;transition: all 0.5s;}
.sl2 li span{display: block;float: left;margin-left: 6px;font-size: 16px;line-height: 22px;color: #fff;margin-top: 12px;}
.sl2 li span i{ display: block; font-size: 24px;line-height: 24px;color: #fff;margin-bottom: 8px;}
.sl2 li span i b{color: #f7722e;}
.sl2 li:hover img{animation-duration:3s;animation-name:flipInY;}


 @media screen and (max-width: 1440px) {
     .sl1{ float: left;width: 600px; }
     .sl2{ float: right;width: 600px; }
     .sl2 .sl_z{width: 600px;padding-left: 16px;box-sizing: border-box;  }
     .sl2 li{ padding: 36px 0 0 20px; }
}


.case{padding: 90px 0 0; }
.case_t{height: 36px;position: relative;margin-top: 65px;}
.case_t ul{ float: left;width: 1180px;border-bottom: 2px solid #e2e2e2;height: 36px; }
.case_t ul li a{ display: block;float: left;margin-right: 60px;font-size: 20px;color: #333333;position: relative; height: 38px;}
.case_t ul li:last-child a{ margin-right: 0; }
.case_t ul li a:after{content: "";width:0;height:2px;background: #112081;position: absolute;left:0%;bottom:0;transition:all 0.5s}
.case_t ul li:hover a:after,.case_t ul li.cur a:after{width:100%;}
.case_t ul li:hover a,.case_t ul li.cur a{font-weight: bold;}
.case_t .more img{display: block;width: 39px;height: 39px;float: right;}

.case_con{ position: relative;margin-top: 40px;}
.case_l{ float: left;width: 977px;}
.case_l dt{ display: block;width: 977px;height: 550px;overflow: hidden; }
.case_l dt img{  display: block;width: 977px;height: 550px; }
.case_l dd{padding: 30px 0  0 0;box-sizing: border-box;}
.case_l dd span{ font-size: 14px;line-height: 24px;color: #333333;display:block;float: left;width: 700px;}
.case_l dd span b{ display: block;line-height: 20px;font-size: 20px;color: #333333;margin-bottom: 10px;}
.case_l dd em{ font-size: 14px;line-height: 24px;color: #333333;display:block;float: right;margin-top: 20px;}
.case_l dl:hover span b{color: #f7722e; }
.case_r{ float: right;width: 423px;}
.case_r em{ display: block;height: 74px; }
.case_r em img{ display: block;width: 107px;height: 54px;padding-left: 28px; }
.case_r li{ width: 423px;height:160px;padding: 15px 15px 15px 15px; box-sizing: border-box; }
.case_r li i{ display: block;float: right; width:231px;height: 130px;overflow: hidden; }
.case_r li i img{ display: block;width:231px;height: 130px; }
.case_r li span{ display: block;float: left;width: 140px;font-size: 14px;color: #333333;line-height: 32px;font-weight: bold;margin-top: 52px; }
.case_r li span b{ display: inline-block;margin-right: 8px;width: 32px;height: 32px;line-height: 32px;border-radius: 16px;font-size: 16px;color: #141414;background: #eaeaea;text-align: center; }
.case_r li.cur{ background: #f7722e; }
.case_r li.cur span{ color: #fff; }
.case_r li.cur span b{ background: #fff; }
.coop{padding-top: 30px;border-top: 1px solid #e2e2e2;margin-top: 30px;}
.coop li{ display: block;width: 12.5%;float: left; }
.coop li img{ display: block;width: 100%;border-right: 1px solid  #d9d9d9;box-sizing: border-box; filter: grayscale(100%);transition: all 0.5s;}
.coop li:first-child img{border-right: 1px solid  #d9d9d9;box-sizing: border-box;border-left: 1px solid  #d9d9d9;}
.coop li:hover img{filter: grayscale(0);}

 @media screen and  (max-width:1440px){
     .case_t ul{ width:1030px;}
 .case_t ul li a{ margin-right: 50px; }
 .case_l{  width: 837px;}
 .case_l dt{ display: block;width: 837px;height: 470px;overflow: hidden; }
 .case_l dt img{  display: block;width: 837px;height: 470px; }
 .case_r{ float: right;width: 363px;}
 .case_r em{ display: block;height: 80px; }
 .case_r li{ width: 363px;height:130px;padding: 10px 10px 10px 10px; box-sizing: border-box; }
 .case_r li i{ display: block;float: right; width:198px;height: 110px;overflow: hidden; }
 .case_r li i img{ display: block;width:198px;height: 110px; }
 .case_r li span{ margin-top: 40px; }
}


.lc{ padding-top: 100px;margin-top: 100px;background: #f4f4f4;padding-bottom: 70px; }
.lc ul{margin-top: 60px;}
.lc li{ float: left;width: 12.5%;border-right: 1px solid #dbdbdb; height: 315px;padding-top: 52px;box-sizing: border-box;position: relative;}
.lc li:before{content: "";width:100%;height:0;background: #112081;position: absolute;left:0%;top:0px;transition:all 0.5s;z-index: 1}
.lc li:after{content: "";width:27px;height:27px;background: url(../images/lc_jt.png) no-repeat center;position: absolute;left:50%;bottom:50px;transition:all 0.5s;margin-left: -13px; z-index: 20;}
.lc li:last-child{ border-right: 0; }
.lc li em{ display: block;width: 58px;height: 54px;overflow: hidden; margin: 0 auto;position: relative;z-index: 20;}
.lc li em img{display: block;width: 58px;height: 54px;transition: all 0.5s;}
.lc li.cur:after{  background: url(../images/lc_jth.png) no-repeat center;}
.lc li.cur:before{height: 315px;}
.lc li span{ display: block;font-size: 20px;color: #333333;line-height: 20px;color: #333333;padding-top: 30px;text-align: center; position: relative;z-index: 20;}
.lc li i{ display: block;font-size: 12px;color: #333333;line-height: 12px;text-align: center;text-transform: uppercase;margin-top: 10px;opacity: 0.2;font-family:Arial;position: relative;z-index: 20;}
.lc li.cur em img:nth-child(1){ margin-top: -54px; }
.lc li.cur span{ color: #fff;font-weight: bold; }
.lc li.cur i{ color: #fff; }
.lc .desc{ text-align: center;padding-top: 56px; }
.lc .desc em{ display: inline-block;font-size: 14px;line-height: 14px;color: #333;margin-right: 36px; padding-top: 10px;vertical-align: -6px;}
.lc .desc em b{ font-size: 26px;color: #333333;line-height: 26px;font-family: Arial;margin-left: 6px; }
.lc .zx{display: inline-block;width: 140px;height: 54px;line-height: 54px;border-radius: 28px;background: #112081;text-align: center;font-size: 14px;color: #fff;transition: all 0.5s;}
.lc .zx:hover{ transform:translateY(-4px)}



.ys{ padding-top: 110px; }
.ys_con{margin-top: 50px;position: relative;}
.ys_con dl{ position: relative; }
.ys_con dt{ display: block;width:100%;overflow: hidden;}
.ys_con dt img{ display: block;width:100%;}
.ys_con dd{ position: absolute;top:8.7rem;width: 28rem;left: 13rem;}
.ys_con dd h4 span{ display: block; font-size: 1.6rem;line-height: 1.6rem;font-weight: bold;color: #ffffff;padding-top: 1.8rem;position: relative;}
.ys_con dd h4 span:after{content: "";width:54px;height:2px;background: #f4f4f4;position: absolute;left:0%;top:0px;transition:all 0.5s;z-index: 20;}
.ys_con dd h4 span b{ color: #f7722e; }
.ys_con dd h4 i{  display: block; font-size: 1.1rem;line-height: 1.1rem;font-weight: normal;color: #ffffff;margin-top: 0.6rem; }
.ys_con dd p{ font-size: 0.8rem;line-height: 1.5rem;color: #fff;margin-top: 3rem; }
.ys_con dd p span{ display:block;margin-bottom:1rem}
.ys_t{ margin-top: -140px; }
.ys_t li{ float: left;width: 25%;padding: 32px 1.8rem 0;box-sizing: border-box;height: 110px;margin-top: 30px;transition: all 0.5s;background: rgba(255,255,255,0.9);position:relative;z-index:10; }
.ys_t li.cur{ background: #112081; height: 140px;margin-top: 0;}
.ys_t li span{display: block;font-size: 32px;color: #333333;line-height: 32px;}
.ys_t li span b{ display: block;font-weight: normal;width: 76%;float: left; }
.ys_t li span i{ display: block;font-size: 14px;line-height: 14px;font-family: Arial;text-transform: uppercase;color: #333;opacity: 0.2;margin-top: 10px;}
.ys_t li em{ font-size: 50px;color: #333333;line-height: 50px;opacity: 0.2;font-family: Arial;display: block;float: right; }
.ys_t li b{display: none;}
.ys_t li.cur span{ display: none; }
.ys_t li.cur b{ display: block;font-size: 22px;color: #ffffff;line-height: 22px;color: #fff;font-weight: normal; }
.ys_t li.cur b strong{ font-weight: bold; font-size: 32px;color: #ffffff;line-height: 32px;margin-bottom: 	10px;display: block;}

 @media screen and  (max-width:1440px){
	.ys_t li.cur b{ display: block;font-size: 20px;color: #ffffff;line-height: 20px;color: #fff;font-weight: normal; }
	.ys_t li.cur b strong{ font-size: 28px;color: #ffffff;line-height: 28px;margin-bottom: 	10px;}
	.ys_con dd{top:4.7rem;left:10rem;}
	.ys_con dd p{font-size:1rem;}
    .ys_con dd p span{ font-size:1rem;}
 }

.news{ position: relative; padding:110px 0;}
.news_con{ margin-top: 30px; }
.news_l{ float: left;width: 860px;}
.news h3{ margin-bottom: 32px; }
.news h3 b{ display: block;font-size: 24px;color: #333333;line-height: 24px; }
.news h3 em{ display:block;font-size: 12px;color: #666666;line-height: 12px;font-weight: normal; margin-top: 8px;}
.news_d{ position: relative; }
.news_l dl{ height: 232px;border-bottom: 1px solid #e5e5e5; }
.news_l dt{ display: block;width: 350px;height: 197px;overflow: hidden;position: relative;float: left; }
.news_l dt img{ display: block;width: 350px;height: 197px;}
.news_l dd{ width: 470px;float: right;}
.news_l dd h4{ display: block;font-size: 22px;color: #342c2a;line-height: 22px;font-weight: normal;padding-top: 32px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_l dd p{ display: block;font-size: 14px;color: #838383;line-height: 26px;font-weight: normal; padding: 16px 0 0;}
.news_l dd span{ display: block;font-size: 14px;color: #838383;line-height: 14px;font-weight: normal; padding: 32px 0 0; }
.news_l ul li{ float: left;width: 50%;padding: 0 70px 0 0 ;box-sizing: border-box; height: 204px;}
.news_l li h4{ display: block;font-size: 22px;color: #342c2a;line-height: 22px;font-weight: normal;padding-top: 25px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_l li p{ display: block;font-size: 14px;color: #838383;line-height: 26px;font-weight: normal; padding: 16px 0 0;}
.news_l li span{ display: block;font-size: 14px;color: #838383;line-height: 14px;font-weight: normal; padding: 32px 0 0; }
.news_l ul li:nth-child(2){ padding-left: 70px;padding-right: 0;border-left: 1px solid #e5e5e5;  }


.news_r{ float: right;width: 495px;box-sizing: border-box;}
.news_r h3{ padding-left: 45px; }
.news_r h3 img{ display: block;width: 39px;height: 39px;float: right; }
.news_r ul{  border-left: 1px solid #e5e5e5; padding-top: 32px;padding-left: 45px; }
.news_r li{ margin-bottom: 64px; }
.news_r li h4{ display: block;font-size: 22px;color: #342c2a;line-height: 22px;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_r li p{ display: block;font-size: 14px;color: #838383;line-height: 26px;font-weight: normal; padding: 16px 0 0;}
.news_r li:last-child{ margin-bottom: 0; }
.news_l dl:hover h4,.news_l li:hover h4,.news_r li:hover h4{ color:#122081;}



@media screen and  (min-width:230px) and (max-width:1440px){
    .news_l{ float: left;width: 737px;}
    .news_l dl{ height: 195px;}  
    .news_l dt{ display: block;width:300px;height: 168px;overflow: hidden;position: relative; }
    .news_l dt img{ display: block;width:300px;height: 168px;}
    .news_l dd{width: 402px;  }
    .news_l dd h4{padding-top: 15px;}
    .news_l ul li{ padding:  0 50px 0 0; }
    .news_l ul li:nth-child(2){ padding-left: 50px;padding-right: 0;  }
    .news_r{ float: right;width: 424px;}
    .news_r ul{  border-left: 1px solid #e5e5e5; padding-top: 20px;padding-left: 36px; }

}

.abt{ background: url(../images/abt_bg.jpg) no-repeat center ;height:832px;padding-top: 188px;box-sizing: border-box; }
.abt h2 img{ display: block;width: 416px;height: 138px; }
.abt p{width: 700px;padding: 50px 0  0 0;font-size: 14px;color: #ffffff;line-height: 26px;letter-spacing: 1px;}

.abt ul{margin-top:100px;  }
.abt ul li{ float: left;padding: 0 50px;background: url(../images/abt_line.png) no-repeat left 24px;transition:all 0.5s;}

.abt ul li:first-child{ padding-left: 0; background: 0;}
.abt ul li img{ display: block;width: 54px;height: 54px;transition: all 0.5s;margin: 0 auto; }
.abt ul li span{ display: block;font-size: 20px;line-height: 20px;text-align: center;color: #ffffff;padding-top: 12px; }
.abt ul li:hover{transform:translateY(-5px);}
.abt ul li:hover img{animation-duration:3s;animation-name:flipInY;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}
@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}