@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.content2{ width: 1400px;margin: 0 auto; }
.tit{font-weight: normal;text-align: center;}
.tit span{display: block;font-size: 32px;color: #222222;line-height: 44px;font-weight: bold;}
.tit i{display: block;font-size: 20px;color: #888888;line-height: 20px;padding-top: 12px;position: relative;}
.tit i:after{ position: absolute;left:50%;margin-left: -15px;width: 30px;height: 7px;top:50px;background: url(../images/tit.png) no-repeat center;content: ""; }


.yz_bj{overflow: hidden;position: relative;background: url(../images/yz_bg.jpg) no-repeat center top;box-sizing: border-box;width:100%;height:560px;padding-top:93px;}
.yz_w{width:1080px;font-size:18px;color: #666666;line-height: 32px;padding-top:50px;height: 120px;text-align: center;margin:0 auto;}

.yz_t ul li{ float: left;height: 100px;border-right: 1px solid #e2e2e2; padding: 0 42px; font-size: 70px;color: #333333;}
.yz_t ul li:last-child{ border-right: 0; padding-right: 0}
.yz_t ul li:first-child{ padding-left: 0px; }

.yz_t li em{ display: block;margin-top: -8px;height: 80px; }
.yz_t li em b{color: #333333;  font-weight: normal;display: inline-block;font-size: 80px;line-height: 80px;transition:all 0.3s;font-family: Arial;letter-spacing: -2px;}
.yz_t li em i{ display: inline-block;width: 36px;height: 36px;border-radius: 18px;background: linear-gradient(-30deg, #06A3E8, #065BCF);font-size: 15px;color: #fff;text-align: center;line-height: 36px;margin-left: 5px; }
.yz_t li h3{font-size: 20px; color: #666666; line-height: 20px; font-weight: normal;margin-top: 10px;}
 @media screen and (max-width:1440px) {
       .yz_t ul li{ padding: 0 28px;}
       .yz_t li em b{color: #333333;  font-weight: normal;display: inline-block;font-size: 70px;line-height: 70px;transition:all 0.3s;font-family: Arial;letter-spacing: -2px;}
        }







.pro{padding-top:45px; margin-left:7.5%}
.pro_con{ height: 450px; margin: 50px 50px 0;}
.pro_con li{ float: left;width: 10%;height: 380px;background: linear-gradient(0deg, #E2E2E2 0%, #F6F6F6 70%);box-shadow: 1px 0px 0px 0px #FFFFFF;box-sizing: border-box;padding-top: 40px;border-right: 1px solid #fff;transition: all 0.5s;position: relative;}
.pro_con li:nth-child(2n){ background: linear-gradient(0deg, #F6F6F6 40%, #E2E2E2 100%);
box-shadow: 1px 0px 0px 0px #FFFFFF; }
.pro_con li h3 a{ display: block;font-size: 30px;color: #333333;line-height: 30px;font-weight: normal; height: 90px;padding-left: 7.2%;}
.pro_con li h3 a em{ display: block;font-size: 14px;text-transform: uppercase;line-height: 14px;color: #333;opacity: 0.3;font-family: Calibri;padding-top: 10px;letter-spacing: 2px; }
.pro_con .pro_s{height: 188px;padding-left: 2%;}
.pro_con li h4 a{display: block;font-size: 15px;color: #666666;line-height: 30px;font-weight: normal; margin:10px;}
.pro_con li:before{ position: absolute;bottom: 40px;width: 40px;height: 40px;background: url(../images/pro_yuan.png) no-repeat center;content: ""; }
.pro_con li:hover{ background: linear-gradient(0deg, #06A3E8, #065BCF); }
.pro_con li:hover h3 a,.pro_con li:hover h3 a em,.pro_con li:hover h4 a{ color: #fff; }
.pro_con li:hover:before{ background: url(../images/pro_yuanh.png) no-repeat center; }
 @media screen and (max-width:1440px)  {
        .pro_con li h4 a{ font-size: 14px; }
        }

.news{ padding: 100px 0; }
.news_con{}
.news_l{ float: left;width:670px;}
.news_l dl{width: 670px;height: 360px;border-bottom: 1px dashed #c2c2c2;margin-top: 20px;}
.news_l dt{ position: relative;display: block;width: 670px;height: 350px;}
.news_l dt img{ display: block;width: 670px;height: 350px;}
.news_l dd h3 a{ display: block;padding-top: 20px;font-size:20px ;line-height: 28px;font-weight: normal;}
.news_l dd p{ display: block;font-size:15px ;color: #fff;line-height: 30px; background-color:#193d93; height:100px; padding:10px 20px 0 20px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 30px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(../images/news_yuan.png) no-repeat left 16px;}
.news_l li a em{ float: right;font-size: 14px;color: #888888;line-height: 30px;font-family: Arial;}
.news_r{ float: right;width: 670px;}
.news_l h2 a,.news_r h2 a{display: block;height: 60px; font-size:18px;line-height: 60px;display: block;padding-left:52px;font-weight: normal;position: relative;background: url(../images/news_ic1.png) no-repeat left;color: #333333;font-weight: bold; border-bottom: 1px solid #eeeeee;}
.news_r h2 a{ display: block;height: 60px; font-size:18px;line-height: 60px;display: block;padding-left:52px;font-weight: normal;position: relative;background: url(../images/news_ic2.png) no-repeat left;color: #333333;font-weight: bold; border-bottom: 1px solid #eeeeee;}
.news1 ul{ margin-top: 24px; }
.news1 li a{ height: 38px;line-height: 38px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(../images/news_yuan.png) no-repeat left 16px;}
.news1 li a em{ float: right;font-size: 14px;color: #888888;line-height: 38px;font-family: Arial;}

.news1 dl{height: 90px;margin-top: 22px;}
.news1 dd{ width: 670px;float: left;height: 90px;box-sizing: border-box;}
.news1 h3 a{font-size: 18px;color: #193d93;line-height: 18px;padding: 10px 0 10px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{font-size: 15px;color: #888;line-height: 30px;}
.news1 h3 a:hover,.news1 li a:hover,.news_l li a:hover,.news_l dd h3 a:hover{ color: #065dd0; }


.content{width:1400px;margin:0 auto;}


@media screen and (max-width:1440px) {
    html {font-size: 14px;}
   .content{width:1200px!important;margin:0 auto!important;}
   .ys_a1 .content{margin-left:-625px;padding:50px 50px 0;width:1250px;}
   .ys_a1 .content dd h4{font-size:30px;}
   .ys_a3 .ys_w{top:7rem;}
   .news{padding: 92px 0 84px}
   .ns_a li:nth-child(1),.ns_a li:nth-child(2){margin-bottom:2rem;}
   .al_nr ul{margin-left:-1272px;}
   .al_j1{left:-42px;}
   .al_j2{right:-42px;}
}

@media screen and (max-width:1920px) and (min-width:1600px)  {
    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 }