*,h1,h2,h3,h4,h5,h6,ul,span,li,p,a,small,input,textarea{
    margin:0;
    padding:0;
    text-decoration: none;
}
li{
    list-style: none;
}
.mycontainer{
    width: 1200px;
    margin:0 auto;
}
.clear:after{
    display: block;
    content: '';
    clear: both;
}


.yytitle{
    padding-top:60px;
    text-align: center;
    padding-bottom: 40px;
}
.yytitle h4{
    font-size: 36px;
    color: #1d1d1d;
}
.yytitle p{
    font-weight: lighter;
    font-size: 18px;
    color: #969696;
    margin-top: 5px;
}
.yybanner{
    height: 430px;
    background: url("../Image/yybanner.jpg") no-repeat center;
}
.yybanner .mycontainer{
    position: relative;
    height: 100%;
}
.yybanner .mycontainer img{
    position: absolute;
    bottom:0;
    right:0;
}
.yybanner .mycontainer div{
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 95px;
}
.yybanner .mycontainer div p{
    font-size: 34px;
    color: #fff;
    font-weight: lighter;
    text-shadow: 2px 3px 3px #231815;
}
.yybanner .mycontainer div h2{
    font-size: 60px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    text-shadow: 4px 5px 2px rgb(185, 81, 71);

}
.yybanner .mycontainer div span{
    font-size: 24px;
    color: #ef4e3e;
    background: #fff;
    border-radius: 20px;
    display: block;
    text-align: center;
    line-height: 45px;
    width: 300px;
}


.yy_left{
    float:left;
    width: 744px;
    background: url("../Image/yyline.png") no-repeat right center;
}
.yy_left li{
    padding-left: 76px;
    margin-bottom: 60px;
    background: url("../Image/yyicon01.png") no-repeat left top;
}
.yy_left li:nth-of-type(2){ background: url("../Image/yyicon02.png") no-repeat left top;}
.yy_left li:nth-of-type(3){ background: url("../Image/yyicon03.png") no-repeat left top;}
.yy_left li h5{
    font-size: 24px;
    color: #1d1d1d;
    font-weight: normal;
}
.yy_left li p{
    font-size: 18px;
    color: #868686;
    line-height: 28px;
    margin-top: 10px;
}
.yy_right{
    float:right;
    width: 358px;
    text-align: center;
}
.yy_right h4{
    font-size: 36px;
    color: #ef2321;
    font-weight: normal;
    margin-top: 18px;
}
.yy_right p{
    font-size: 22px;
    margin-bottom:65px;
    color: #868686;
    margin-top: 5px;
}

/*member*/
.members{
    background: #f8f8f8;
}
.members .mycontainer{
    background: url("../Image/memberpic.png") no-repeat center 38%;
}
.members .mycontainer>div{ width: 50%;margin-bottom:30px;}
.members .mycontainer>div:nth-of-type(odd){float:left; }
.members .mycontainer>div:nth-of-type(even){float:right;text-align: right; }
.members .mycontainer>div:first-of-type{background:url("../Image/memicon01.png") no-repeat left 40px;}
.members .mycontainer>div:nth-of-type(3){ background:url("../Image/memicon02.png") no-repeat left 40px;}
.members .mycontainer>div:nth-of-type(5){ background:url("../Image/memicon03.png") no-repeat left 13px;}
.members .mycontainer>div:nth-of-type(2){ background:url("../Image/memicon04.png") no-repeat right 40px;}
.members .mycontainer>div:nth-of-type(4){ background:url("../Image/memicon05.png") no-repeat right 40px;}
.members .mycontainer>div:nth-of-type(6){ background:url("../Image/memicon06.png") no-repeat right 13px;}
.members .mycontainer>div h5{
    font-size: 22px;
    font-weight: normal;
    color: #1d1d1d;
    line-height: 40px;
}
.members .mycontainer>div p{
    font-size: 16px;
    color: #9d9d9d;
    line-height: 28px;
    margin-top: 16px;
}

/*yyser03*/
.yyser03{
    padding-bottom: 60px;
}
.yyser03 ul li{
    float:left;
    width: 386px;
    text-align: center;
    background: #f8f8f8;
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 34px 0;
}
.yyser03 ul li:nth-of-type(3n){
    margin-right: 0;
}
.yyser03 ul li b{
    height: 122px;
    margin-bottom: 17px;
    width: 100%;
    display: block;
}
.yyser03 ul li:first-of-type b{ background: url("../Image/yyser03_icon01.png") no-repeat center bottom;}
.yyser03 ul li:nth-of-type(2) b{ background: url("../Image/yyser03_icon02.png") no-repeat center bottom;}
.yyser03 ul li:nth-of-type(3) b{ background: url("../Image/yyser03_icon03.png") no-repeat center bottom;}
.yyser03 ul li:nth-of-type(4) b{ background: url("../Image/yyser03_icon04.png") no-repeat center bottom;}
.yyser03 ul li:nth-of-type(5) b{ background: url("../Image/yyser03_icon05.png") no-repeat center bottom;}
.yyser03 ul li:nth-of-type(6) b{ background: url("../Image/yyser03_icon06.png") no-repeat center bottom;}
.yyser03 ul li span{
    font-size: 22px;
    color: #1d1d1d;
    line-height: 50px;
}
.yyser03 ul li p{
    font-size: 16px;
    color: #9d9d9d;
}

/*yyser04*/
.yyser04{
    background: #f8f8f8;
    padding-bottom: 65px;
}
.yyser04 li{
    float:left;
    text-align: center;
    width: 273px;
    height: 338px;
    margin-right: 35px;
    background: #fff;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.yyser04 li:last-of-type{
    margin-right: 0;
}
.yyser04 li:hover{
    background: #0087c5;
}
.yyser04 li b{
    height: 196px;
    width: 100%;
    margin-bottom: 18px;
    display: block;
}
.yyser04 li:first-of-type b{ background: url("../Image/yyser04_icon01.png") no-repeat center bottom;}
.yyser04 li:nth-of-type(2) b{ background: url("../Image/yyser04_icon02.png") no-repeat center bottom;}
.yyser04 li:nth-of-type(3) b{ background: url("../Image/yyser04_icon03.png") no-repeat center bottom;}
.yyser04 li:nth-of-type(4) b{ background: url("../Image/yyser04_icon04.png") no-repeat center bottom;}
.yyser04 li span{
    font-size: 20px;
    color: #1d1d1d;
    font-weight: normal;
    display: block;
    margin-bottom: 8px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.yyser04 li p{
    font-size: 14px;
    color: #9d9d9d;
    line-height: 22px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.yyser04 li:hover p,.yyser04 li:hover span{
    color: #fff;
}


/*adg*/
.acg_banner{
    height: 430px;
    background: url("../Image/acg_banner.jpg") no-repeat center;
}
.acg_banner .mycontainer{
    position: relative;
    height: 100%;
}
.acg_banner .mycontainer>img{
    position: absolute;
    bottom:0;
    right:0;
}
.acg_banner .mycontainer>div{
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 95px;
}
.acg_banner .mycontainer>div h2{
    font-size: 52px;
    font-weight: 500;
    color: #fff;
}
.acg_banner .mycontainer>div p{
    font-size: 32px;
    font-weight: lighter;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 5px;
}
.acg_banner .mycontainer>div a{
    display: block;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    width: 202px;
    border-radius: 25px;
    color: #645ef3;
    background: #fff url("../Image/acgjt.png") no-repeat 85% center;
}
.acg_cont1{
    margin-bottom: 65px;
}
.acg_cont1 .mycontainer{
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:57px 78px;
}
.acg_cont1 .mycontainer>img{
    float:left;
}
.acg_cont1 .mycontainer>div{
    width: 712px;
    float:right;
}
.acg_cont1 .mycontainer>div span{
    font-size: 24px;
    color: #1d1d1d;
}
.acg_cont1 .mycontainer>div b{
    display: block;
    width: 70px;
    height: 5px;
    background: #ef2320;
    margin-top: 10px;
    margin-bottom: 10px;
}
.acg_cont1 .mycontainer>div p{
    font-size: 16px;
    line-height: 42px;
    color: #929292;
}

/*acg_cont2*/
.acg_cont2 .mycontainer{
    text-align: center;
    padding-bottom: 65px;
}
.acg_cont2 ul li{
    width: 380px;
    height: 240px;
    float:left;
    margin-right: 30px;
}
.acg_cont2 ul li:first-of-type{  background: url("../Image/acg_cont2_icon01.png") no-repeat center;}
.acg_cont2 ul li:nth-of-type(2){  background: url("../Image/acg_cont2_icon02.png") no-repeat center;}
.acg_cont2 ul li:last-of-type{  margin-right: 0;    background: url("../Image/acg_cont2_icon03.png") no-repeat center;}
.acg_cont2 ul li img{
    opacity: 0;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.acg_cont2 ul li:hover img{
    opacity: 1;
}
.acg_cont2 .mycontainer>img{
    margin-top: 37px;
}

/*acg_cont3*/
.acg_cont3{
    padding-bottom: 67px;
}
.acg_cont3_btn{
    margin-bottom: 25px;
}
.acg_cont3_btn span{
    float:left;
    cursor: pointer;
    display: block;
    width: 180px;
    height: 60px;
    margin-right: 24px;
}
.acg_cont3_btn span:first-of-type{  background: url("../Image/acg_cont3_btn01.png") no-repeat center;}
.acg_cont3_btn span:nth-of-type(2){  background: url("../Image/acg_cont3_btn02.png") no-repeat center;}
.acg_cont3_btn span:nth-of-type(3){  background: url("../Image/acg_cont3_btn03.png") no-repeat center;}
.acg_cont3_btn span:nth-of-type(4){  background: url("../Image/acg_cont3_btn04.png") no-repeat center;}
.acg_cont3_btn span:nth-of-type(5){  background: url("../Image/acg_cont3_btn05.png") no-repeat center;}
.acg_cont3_btn span:last-of-type{
    margin-right: 0; background: url("../Image/acg_cont3_btn06.png") no-repeat center;
}
.acg_cont3_list{
    text-align: center;
}
.acg_cont3_list img{
    max-width: 100%;
    display: none;
}