@charset "utf-8";

/*xtpage1*/
 .xtpage1{ width:80%; height:770px; padding:0 10%;}
 .xtpage1 .xtp1-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage1 .xtp1-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage1 .xtp1-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage1 .xtp1-al{ width:100%; height: auto; position:relative;}
 .xtpage1 .xtp1-al img{ position:absolute; top: 50px; left:26%; right:26%; width:46%;}
 .xtpage1 .xtp1-al .xtp1-p{ width:25%; height:auto; padding-top:5%; float:left;}
 .xtpage1 .xtp1-al .xtp1-p span{font-size:26px;color: #ff6600;line-height:40px;width:100%;}
 .xtpage1 .xtp1-al .xtp1-p p{ width:100%; font-size:18px; line-height:30px; height:auto; color:#3e3f4a; float:left; padding:20px 0}
 .xtpage1 .xtp1-al .xtp1-p p em{width:10px;height:10px;border-radius:10px;background: #ff6600;margin:10px;display: block;float:left;}
 .xtpage1 .xtp1-al .p2{ padding-left:50%; }



 
 /*xtpage2*/
 .xtpage2{ width:80%; height:auto; padding:0 10%; background:#f6f8fa;}
 .xtpage2 .xtp2-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage2 .xtp2-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage2 .xtp2-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage2 .xtp2-all{ width:100%; height: 100%; position:relative}
 .xtpage2 .xtp2-all .xtp2-img{ text-align:center; display:block; margin:0 auto;}
 .xtpage2 .xtp2-all .xtp2-img1{ position:absolute; left:15%;top:118px}
 .xtpage2 .xtp2-all .xtp2-ali{ width:100%; height:373px;}
 .xtpage2 .xtp2-all .xtp2-ali1{ padding-top:150px;}
 .xtpage2 .xtp2-all .xtp2-ali2{ padding-top:35px;}
 .xtpage2 .xtp2-all .xtp2-ali3{ padding-top:50px;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo{ display:block; float:left; width:70%; height:auto;overflow: hidden;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo2{ padding-left:15%; width:55%}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo i{width:250px;height:40px;background: #ff6600;color:#fff;font-size:24px;font-family:微软雅黑 Light;text-align:center;line-height:40px;font-style:normal;display:block;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo .p1{height:auto; color:#3e3f4a; font-size:24px;font-family:微软雅黑 Light;line-height:40px; font-style:normal; display:block; padding:30px 0 10px 0;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo .p2{height:auto; color:#3e3f4a; font-size:14px;line-height:30px; font-style:normal; display:block; }
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo a{width:150px; height:27px; background:#3e3f4a; color:#fff; font-size:12px;font-family:微软雅黑 Light; text-align:center; line-height:27px; font-style:normal; display:block; margin-top:30px}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alm{ display:block; width:30%; float:left;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo2 p{ width:100%}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo1 p{ width:80%}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo3 p{ width:80%}
 .xtpage2 .xtp2-all .xtp2-img3{ padding-top:100px;width: 80%}

 .xtpage4{ width:80%; height:auto; padding:0 10% 60px; background:#f6f8fa;}
 .xtpage4 .xtp4-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage4 .xtp4-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage4 .xtp4-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage4 .xtp4-swiper{ width:80%; margin:0 auto; height:650px; padding-bottom:100px}
 .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
 
 .xtpage4 .xtp4-swiper .swiper-container .swiper-wrapper .swiper-slide img{ width:100%}


.xtpage3{padding:50px 0px 100px;background:#e6e6e6}
.xtpage3 .tt{font-size: 48px;margin-bottom:45px;text-align: center;color: #3e3f4a;line-height: 90px;font-weight: normal;}
.xtpage3 .columnTitle .tit,.xtpage3 .columnTitle .txt{color:#fff}
.xtpage3 .picScroll-left{width:100%;overflow:hidden;position:relative}
.xtpage3 .picScroll-left .bd ul{overflow:hidden;zoom:1}
.xtpage3 .picScroll-left .bd li{width:1200px;float:left;overflow:hidden;text-align:center;margin:0px 15px}
.xtpage3 .picScroll-left .bd li p{line-height:30px;margin-bottom: 10px;}
.xtpage3 .picScroll-left .bd li img{width:800px; }
.xtpage3 .picScroll-left .next,.xtpage3 .picScroll-left .prev{width:52px;height:52px;display:block;cursor:pointer;position:absolute;top:50%;margin-top:-25px;z-index:5;background:url(../images/qualification_prev1.png) no-repeat 0 0;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;opacity:0}
.xtpage3 .picScroll-left .prev:hover{background-image:url(../images/qualification_prev2.png)}
.xtpage3 .picScroll-left .next{left:auto;right:-52px;background-image:url(../images/qualification_next1.png)}
.xtpage3 .picScroll-left .next:hover{background-image:url(../images/qualification_next2.png)}
.xtpage3 .picScroll-left:hover .prev{left:20px;opacity:1}
.xtpage3 .picScroll-left:hover .next{right:20px;opacity:1}