@charset "UTF-8";
/**
 * @authors PMQ
 * @version 1.0
 */
body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{padding: 0;margin: 0;border: none;}
body{width: 100%;height: auto;font-size: 16px;font-family:"Microsoft YaHei",Verdana,Arial,Helvetica, sans-serif;overflow-x: hidden;}
a {color: #555;text-decoration: none;}
a:hover{text-decoration: none;}
li,ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
section,header{width: 1200px;margin: 0 auto;text-align: center;padding-top: 60px;}
.btn{width:100%;text-align:center;}
.btn a{font-size:30px;padding:8px 45px 8px 20px; color: #c12c04;border: 4px #c12c04 solid; background:url(btn.png) no-repeat center right 10px;}
.btn a img{width:24px;height: 28px;margin-left:10px;}
h2{
    font-size: 40px;
    color: #ec7b20;
    margin-bottom:40px;
}
h3{
    font-size: 30px;
}
h4{
    font-size: 25px;
}
h5{
    font-size: 20px;
}
h6{
    font-size: 18px;
}
/*bn*/
.banner{
    width: 100%;
    height: 899px;
    background: url(../images/tp-bn.jpg) no-repeat center;
    transition:margin-top 0.5s;
    -webkit-transition:margin-top 0.5s;
}
.banner .bn-box{
    width: 918px;
    height: 543px;
    margin: 0 auto;
    padding-left: 370px;
    position: relative;
    top: 160px;
}
.banner .bn-tt{
    background: url(../images/tp-tt.png) no-repeat;
    position: absolute;
}
.banner .tt1{
    width: 568px;
    height: 210px;
    background-position: -170px 0;
    left: 170px;
}

.banner .tt2{
    width: 918px;
    height: 100px;
    background-position: 0 -214px;
    top: 214px;
    left: 0;
}

.banner .tt3{
    width: 680px;
    height: 60px;
    background-position: -120px -320px;
    top: 320px;
    left: 120px;
}
.banner .tt4{
    width: 540px;
    height: 150px;
    background-position: -538px -378px;
    top: 390px;
    left: 520px;
}
.banner .butn a{

}
.bn-box a{
    position:absolute;
    display: block;
    left:0;
    z-index: 5;

}
.banner .butn{
    width: 125px;
    height: 125px;
    background-position: -392px -420px;
    top: 400px;
    left: 376px;

}
.banner .bn-box .anguler{
    position: absolute;
    width: 870px;
    height: 515px;
    left: 0;
    top: 100px;
    background: url(../images/tp-circle.png) no-repeat center;
}
.cont1,.cont3,.cont5{
    background-color: #fff1c7;
}
.cont2,.cont4,.cont6{
    background-color: #FFFFFF;
}

/*1*/
.cont1 .swraper{
    width: 100%;
    height: 365px;
}
.cont1 .swraper .slide{
    width: 764px;
    height: 365px;
    float: left;
}
.cont1 .swraper .swp-des{
    width: 436px;
    height: 365px;
    float: right;
    color: #FFFFFF!important;
}
.cont1 .swp-des .des-bg1{
    background-color: #c12c04;
    width: 100%;
    height: 50%;
    position: relative;
}
.cont1 .swp-des .des-bg2{
    background-color: #ec7b20;
    width: 100%;
    height: 50%;
    position: relative;
}
.cont1 .swp-des h4{padding-top: 25px;}
.bg1-fg,.bg2-fg{
    width: 28px;
    height: 35px;
    position: absolute;
    top: 75px;
    left: -28px;
}
.bg1-fg{
    background: url(../images/fg1.png) no-repeat center;
}
.bg2-fg{
    background: url(../images/fg2.png) no-repeat center;
    display: none;
}
.cont1 .btn{
    margin: 50px 0;
}
/*2*/
.cont2 .cont2-bg{
    width: 1200px;
    height: 458px;
    background: url(../images/ct2-bg.jpg) no-repeat center;
}
.cont2 .cont2-article{
    width: 980px;
    height: 378px;
    margin: 0 auto;
    margin-top: 40px;
    background-color: rgba(255,255,255,.7);
}
.cont2 .cont2-des{
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 1.8!important;
}
.cont2 .btn{
    margin-top: 30px;
}
.cont2 .btn a:nth-child(2){
    margin-left: 140px;
}

/*3*/
.scroll{
    width: 1096px;
    height: 250px;
    margin: 0 auto;
}
.scroll .item{
    width: 250px;
    height: 250px;
    float: left;
    margin-right: 32px;
}
.scroll .item:nth-child(2){
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}
.scroll .item:nth-child(3){
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.scroll .item:nth-child(4){
    margin-right: 0;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}
.cont3 .ct3{
    background-image: url(../images/ct3-1.png);
    background-repeat: no-repeat;
    opacity:0;
}
.itm1{
    background-position: 0 0;
}
.itm2{
    background-position: -281px 0;
}
.itm3{
    background-position: -563px 0;
}
.itm4{
    background-position: -846px 0;
}

.cont3 .cont3-art{
    width: 100%;
    margin-top: 60px;
    box-shadow:0 0 10px #c12c04;
    transition:all .6s;
}
.cont3 .cont3-art:hover{
    box-shadow:0 10px 30px #c12c04;
    transform:translateY(-10px);
}
.cont3 .btn{
    margin: 50px 0;
}
/*4*/
.cont4 .cont4-img{
    width: 764px;
    height: 472px;
    float: left;
}
.cont4 .cont4-img img{
    width: 764px;
    height: 472px;
}
.cont4 .cont4-switch{
    width: 436px;
    height: 472px;
    float: right;
}
.cont4 .swt{
    height: 118px;
    width: 100%;
    position: relative;
}
.cont4 .swt:nth-child(2n-1){
    background-color: #ec7b20;
}
.cont4 .swt:nth-child(2n){
    background-color: #c12c04;
}
.cont4 .swt span{
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 32px;
    font-weight: 700;
    line-height: 118px;
    text-align: left;
    color: #FFFFFF;
}
.cont4 .swt img{
    width: 28px;
    height: 35px;
    position: absolute;
    top: 42px;
    left: -28px;
    display: none;
}

.cont4 .btn{
    margin: 50px 0;
}
.cont4 .btn a:nth-child(2){
    margin-left: 150px;
}
/*5*/
.cont5 .cont5-stu{
    width: 394px;
    height: 380px;
    float: left;
    margin-right: 9px;
    position: relative;
    overflow: hidden;
}
.cont5 .cont5-stu:nth-child(3){
    margin-right: 0;
}
.cont5 .cont5-stu img{
    width: 394px;
    height: 380px;
    transition: transform 1s;
    -webkit-transition: transform 1s;
}
.cont5 .cont5-stu .cont5-des{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -380px;
    background: rgba(0,0,0,.7);
    color: #FFFFFF;
    transition: top .6s;
    -webkit-transition: top .6s;
}
.cont5 .cont5-stu:hover .cont5-des{
    top: 0;
}
.cont5 .cont5-stu:hover img{
    transform: scale(1.1);
}
.cont5 .cont5-stu .cont5-des h3{
    margin-top: 30px;
}
.cont5 .cont5-stu .cont5-des h5{font-size: 19px;}
.cont5 .cont5-stu .cont5-des h5 b{
    display: block;
    margin-top: 7px;
    font-size: 22px;
    font-weight: 400;
}
.cont5 .btn{
    margin-top: 50px;
}
.cont5 .btn a:nth-child(2){
    margin-left: 150px;
}
/*6*/
.cont6 .scroll{
    height: 366px;
}
.cont6 .item6{
    width: 336px;
    height: 336px;
    float: left;
    margin-right: 29px;
    position: relative;
    overflow: hidden;
}
.cont6 .item6:nth-child{
    margin-right: 0;
}
.cont6 .ct6-ty1{
    background-image: url(../images/ct6-1.png);
    background-repeat: no-repeat;
    /*opacity:0;*/
}
.cont6 .ct6-two1{
    background-position: 0 0;
}
.cont6 .ct6-two2{
    background-position: -380px 0;
}
.cont6 .ct6-two3{
    background-position: -754px 0;
}

.cont6 .ct6-ty2{
    background-image: url(../images/ct6-2.png);
    background-repeat: no-repeat;
    /*opacity:0;*/
}
.cont6 .ct6-two4{
    background-position: 0 0;
    margin-left: 160px;
}
.cont6 .ct6-two5{
    background-position: -380px 0;
}
.cont6 .ct6-yy{
    background-image: url(../images/ct6-3.png);
    background-repeat: no-repeat;
    /*opacity:0;*/
}

.cont6 .ct6-des{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    top: 0;
    opacity: 1;
    transition:opacity .6s;
    -webkit-transition:opacity .6s;
}
.cont6 .ct6-des h3{
    font-weight: 700;
    color: #ffffff;
    padding-top: 150px;
}
.cont6 .item6:hover .ct6-des{
    opacity: 0
}
.cont6 .btn{
    margin: 50px 0;
}
.cont6 .btn a:nth-child(2){
    margin-left: 150px;
}
.cont6 .cont6-girl .itm2{
    background-position: -284px 0;
}
.cont6 .cont6-girl .itm3{
    background-position: -565px 0;
}
.active{
    animation:showTop 1s ease-in-out forwards;
}
@keyframes showTop{
    0%{transform:translateY(200px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}
.cont6 .cont6-boy{
    margin-top:60px;
}
.cont6 .item{position:relative;overflow:hidden}
.cont6 .item img{
    transition:transform .6s;
    -webkit-transition:transform .6s;
}
.cont6 .item-des{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:24px;
    font-weight:700;
    color:#ffffff;
    background:rgba(0,0,0,.7);
    position:absolute;
    bottom:0;
    transition:bottom .6s;
    -webkit-transition:bottom .6s;
}
.cont6 .cont6-boy .item:hover img{
    transform:scale(1.1);
}
.cont6 .cont6-boy .item:hover .item-des{
    bottom:-50px;
}
/*toubu*/
#header{width: 100%;min-width: 1200px;height: 70px;overflow: hidden;position: fixed;top: 0;z-index: 99999999999;background: #fff;-webkit-transition: height 0.6s;-moz-transition: height 0.6s;-ms-transition: height 0.6s;transition: height 0.6s;}
#header #logo{width: 320px;height: 100%;margin-left: 20px;float: left;}
#header #logo img{height: 100%;-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;transition: transform 1s;}
#header #logo:hover img{-webkit-transform: scaleX(0.95) scaleY(0.95);-moz-transform: scaleX(0.95) scaleY(0.95);-ms-transform: scaleX(0.95) scaleY(0.95);transform: scaleX(0.95) scaleY(0.95);}
#header #nav{width: 780px;height: 100%;margin-right: 20px;text-align: right;float: right;position: relative;}
#nav a{font-size: 16px;line-height: 70px;height: 70px;display: inline-block;color: #333333;margin: 0 10px;-webkit-transition: 0.3s ,color 0.5s;-moz-transition: 0.3s ,color 0.5s;transition: 0.3s ,color 0.5s;}
#nav a:hover{color: #F07800;font-weight:500}
#nav a img{margin: 0;padding: 0;height: 38%;position: relative;top: -2px;display: inline-block;vertical-align: middle;}
#nav .lineUpp{height: 4px;background: #ee7500;position: absolute;top: 0;left: 12px;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;transition: left 0.3s;}