@charset "uft-8";
body {
    background-color: #fff;
}
* {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.clear {
    clear: both
}

img{vertical-align: bottom;}
input,select{
    outline: none;
}

.header_layout {
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 70px;
    background-color: rgba(0,0,0,0.3);
    font-family: "微软雅黑";
    top: 0;
}

.header_layout * {
    font-size: 16px
}

.header {
    margin: 0 auto;
    max-width: 1180px;
    height: 70px
}

.header_right {
    width: 760px;
    list-style-type: none;
    font-size: 16px;
    text-decoration: none;
    float: right
}
.header_right li {
    width: 95px;
    height: 67px;
    /*border-bottom: solid 3px #151416;*/
    float: left;
    line-height: 67px;
    text-align: center
}/* 一级菜左对齐 */ 
.header_right li a {
    display: block;
    color: #FFF;
    text-decoration: none
}
.header_right li a:hover {
    color: #ffa200;
    /*border-bottom: solid 3px #ff7d0f;*/
}

.header_right li ul { 
    width:1050px; 
    background-color: rgba(0,0,0,0.4);
    border-radius: 10px;
    list-style-type: none; 
    z-index:50; 
    text-align:left;
    left: -999em; 
    position: absolute;
    margin-left: -480px;
    /*_background:#0881d4; */
    /*_FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
    _moz-opacity: 0.8; 
    _opacity: 0.8; 
    _ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';*/
}/*二级菜单总体样式：行高24px；背景颜色；外框宽度；相对位置；边框一个象素，上边没样式，左右下边实线，边框颜色#003399；内边距1个象素*/
.header_right li ul li{ 
    width:95px; 
    background:none; 
    height:60px; 
    line-height:60px; 
    /*border-bottom:#ccc solid 1px;*/
}
.header_right li ul li a{ 
    color:#FFF; 
    display:block; 
    font-size:16px; 
}/* 二级菜单链接样式；背景宽度、左对齐，左缩进2 */
.header_right li ul li a:link {
    color:#FFF; 
    text-decoration:none;
}/* 未访问的链接 */ 
.header_right li ul li a:visited {
    color:#FFF; 
    text-decoration:none;
}/* 已访问的链接 */
.header_right li ul li a:hover {
    color:#ffa200;; 
    /*background:#064a95; */
    text-decoration:none;
}/* 鼠标在链接上 */
.header_right li ul li a:active {
    color:#FFF; 
    text-decoration:none;
    margin:0;
}
.header_right li:hover ul {
    left: auto; 
    /*margin-top: -3px;*/
}
.header_right li.sfhover ul {
    left: auto;
}


.btn_layout {
    width: 90px;
    height: 67px;
    /*border-bottom: solid 3px #151416;*/
    float: left;
    line-height: 67px;
    text-align: center
}
.header_lxy {
    /*background: #09090a;*/
    border-bottom: solid 3px #ff7d0f
}

.btn_layout:hover {
    /*background: #09090a;*/
    border-bottom: solid 3px #ff7d0f
}

.back-index {
    display: block;
    float: left;
    width: 300px;
    height: 70px
}

.header_btn {
    display: block;
    width: 90px;
    height: 70px;
    color: #FFF;
    text-decoration: none
}

.btn_layout:hover .header_btn {
    color: #ffa200
}


#kefu{ 
    width:160px; 
    height:600px; 
    z-index: 200; 
    position:fixed; 
    left:10px; 
    top:80px; 
    background:#12259d;
}
#kefu .box{ 
    width:130px; 
    overflow:hidden; 
    margin: 15px;
}
#kefu .box li{ 
    font-size:18px;
    height: 30px;
    line-height: 30px;
    color:#FFF;
    border-bottom: 1px dashed #e3e3e3;
    list-style-type: none;
    padding: 20px 0;
}
#kefu .box li span{ 
    margin-left: 10px;
}
#kefu .box li span:hover{ 
    color:#ffa200;
}
#kefu .box .ewm3{ 
    width:130px; 
    text-align: center;
    overflow:hidden; 
    margin: 20px 0;
}
#kefu .box .ewm3 img{ 
    width:100%; 
    height: auto;
}
#kefu .box .ewm3 p{ 
    color: #FFF;
    line-height: 30px;
}
#kefu .box .ewm3 .tit{ 
    line-height: 40px;
    border-bottom: 1px dashed #e3e3e3;
}
#kefu .top{ width:100%; height:35px; display:none;}
#kefu .close{}
.right_bar{ width:28px; height:95px; position:fixed; top:50%; left:0; margin-top:-242px; z-index:9999; display:none;}
.right_bar img{cursor:pointer;}


.sec_txt{
    width:100%;
}
.sec_txt h1{
    text-align: center;
    font-size: 38px;
    color: #414048;
    padding-top: 50px;
}
.sec_txt p{
    text-align: center;
    font-size: 16px;
    color: #919096;
    margin-top: 10px;
}

.banner{
    width:100%;
    min-width: 980px;
    position: relative;
}
.banner img{
    width:100%;
}
.banner .dw{
    width:100%;
    position: absolute;
    top:0;
}
.banner .dw a{
    font-size: 18px;
    display: block;
    width:190px;
    height:60px;
    line-height: 60px;
    text-align: center;
    transition: all 0.3s linear;
    font-weight: bold;
    border-radius: 8px;
}
.banner .dw .bin1{
    position: absolute;
    top:390px;
    left:19%;
    background: #e53c3c;
    color: #fff;
    border: 1px solid #e53c3c;
}
.banner .dw .bin1:hover{
    background: none;
    border: 1px solid #e53c3c;
    color: #e53c3c;
}
.banner .dw .bin2:hover{
    background: none;
    border: 1px solid #ffc921;
    color: #ffc921;
}
.banner .dw .bin2{
    position: absolute;
    top:390px;
    left: 31%;
    border: 1px solid #ffc921;
    background: #ffc921;
    color: #5b1616;
}
.banner .swiper-pagination1{
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 111;
}
.banner .swiper-pagination-bullet{
    background:#ff6852;
}
.banner .swiper-pagination-bullet-active{
    background: #ffc433;
}

.banner_kc{
    width:100%;
    position: relative;
}
.banner_kc img{
    width:100%;
}

.con_top {
    position: relative;
    z-index: 12;
    max-width: 1180px;
    height: 160px;
    margin: auto;
    margin-top: -40px;
    /*top: 520px;*/
}
.con_top .top_tix{
    background: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    margin: 0 10px;
    /*border: solid 1px #151416;;*/
    overflow: hidden;
}
.con_top .top_tix ul{
    /*margin: 0 10px;*/
}
.con_top .top_tix ul li{
    /*width: 294px;*/
    width: 24.5%;
    font-size: 28px;
    line-height: 34px;
    color: #959595;
    text-align: center;
    border-right: 1px solid #959595;
    list-style-type: none;
    margin: 40px 0;
    float: left;
}
.index1{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.index1 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index1 .txt h3{
    font-size: 38px;
    color: #0161ec;
}
.index1 .txt h3 span{
    color: #000;
}
.index1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.index1 ul{
    /*width:1200px;*/
    max-width: 1200px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.index1 ul li{
    float: left;
    width:31.3%;
    list-style-type: none;
    margin:1%;
}
.index1 ul li img{
    width:100%;
}
.index1 ul li p{
    display: block;
    width:100%;
    height:60px;
    text-align: center;
    line-height:60px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.index1 ul li:hover p{
    background: #fff;
}
.index1 .bin{
    display: block;
    width:220px;
    height:60px;
    margin: auto;
    margin-top: 27px;
    text-align: center;
    line-height:60px;
    border-radius: 40px;
    font-size: 18px;
    color: #e53c3c;
    background: #ffc821;
    border: 1px solid #ffc821;
    font-weight: bold;
    transition: .5s;
}
.index1 .bin:hover{
    background: none;
    border: 1px solid #ffc821;
    color: #ffc821;
}
/*figure {
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 180px;
    height: 210px;
    text-align: center;
    cursor: pointer;
}
.figure img{
    display: block;
    opacity: 0.8;
}*/
figure.bianda img{
    -webkit-transition: all .1s;
    transition: all .6s;            /*设置变大变小速度*/
}
figure.bianda:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);          /*设置图片变大的尺寸*/
    opacity: 0.8;
}
.index2{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.index2 .txt{
    width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 30px;
    overflow: hidden;
}
.index2 .box{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 10px;
    overflow: hidden;
}
.index2 .box img{
    width: 100%;
    height: auto;
}
.index2 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.index2 .txt h3 span{
    color: #0161ec;
}
.index2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.index3{
    width:100%;
    background: #f2f2f2;
    padding-bottom: 70px;
}
.index3 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index3 .box{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index3 .box img{
    width: 100%;
    height: auto;
}
.index3 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.index3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.index4{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.index4 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index4 .box{
    max-width: 1180px;
    min-width: 980px;
    height: 670px;
    text-align: center;
    background: url(../images/ind2.png) no-repeat center bottom;
    margin: auto;
    padding-top: 40px;
    overflow: hidden;
}
.index4 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #FFF;
    /*margin-left: 15px;*/
}
.index4 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.index4 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: auto;
    margin-top: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
    background: #ff9600;
    border: 1px solid #ff9600;
    font-weight: bold;
    transition: .5s;
}
.index4 .bin:hover{
    background: none;
    border: 1px solid #ffc821;
    color: #FFF;
}
.index5{
    width:100%;
    padding-bottom: 70px;
}
.index5 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index5 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.index5 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.index5 .teacher-banner {
    max-width: 1180px;
    min-width: 980px;
    background: url(../images/teacher_bg.jpg) repeat-x bottom;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
    /*padding: 5px 0 45px;*/
    /*height: auto;*/
}
.index5 .teacher-banner .swiper-container2 {
    max-width: 1000px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
}
.index5 .teacher-banner .swiper-container2 .swiper-slide {
    width: 24%;
    margin: 0 0.5%;
    box-sizing: border-box;
    overflow: hidden;
}
.index5 .teacher-banner .box {
    width: 100%;
    height: 300px;
}
.index5 .teacher-banner .box img {
    left: 50%;
    margin-left: -50%;
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
}
.index5 .teacher-banner .box .info {
    top: 220px;
    width: 100%;
    height: 190px;
    position: absolute;
    background: #000000;
    background: rgba(31,31,31,0.8);
    transition: 0.2s;
}
.index5 .teacher-banner .box .info:hover{
    top:140px;
    transition: 0.2s;
}

.index5 .teacher-banner .box .info .tit1 {
    margin-top: 18px;
    margin-left: 12px;
    padding-left: 8px;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    border-left: 2px solid #ff9600;
}
.index5 .teacher-banner .box .info .tit2 {
    margin-top: 8px;
    margin-left: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #ff9600;
}
.index5 .teacher-banner .box .info .tit3 {
    margin: 17px 12px 0;
    padding-top: 12px;
    line-height: 22px;
    font-size: 14px;
    color: #ffffff;
    border-top: 1px solid #ffffff;
}
/*.index5 .teacher-banner .box .info p {
    margin: 12px 12px 0;
    padding-top: 12px;
    line-height: 22px;
    color: #ffffff;
    border-top: 1px solid #ffffff;
}*/
.index5 .teacher-banner .lin {
    width: 1000px;
    margin: auto;
    padding: 15px 0;
    overflow: hidden;
}
.index5 .teacher-banner .lin .lin_l {
    width: 48%;
    float: left;
    margin-left: 10px;
}
.index5 .teacher-banner .lin .lin_l li{
    font-size: 15px;
    color: #FFF;
}
.index5 .teacher-banner .lin .lin_r {
    width: 48%;
    text-align: right;
    float: right;
}
.index5 .teacher-banner .lin .lin_r p{
    font-size: 15px;
    color: #FFF;
}
.index6{
    width:100%;
    height: 780px;
    background: url(../images/teache_bg2.jpg) repeat-x bottom;
    padding-bottom: 70px;
}
.index6 .txt{
    width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index6 .box{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 40px;
    overflow: hidden;
}
.index6 .box img{
    width: 100%;
    height: auto;
}

.index6 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: auto;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
    background: #ff9600;
    border: 1px solid #ff9600;
    font-weight: bold;
    transition: .5s;
}
.index6 .bin:hover{
    background: #4b82fe;
    border: 1px solid #ffc821;
    color: #FFF;
}
.index7{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.index7 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index7 .box{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index7 .box img{
    width: 100%;
    height: auto;
}
.index7 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #FFF;
    /*margin-left: 15px;*/
}
.index7 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.index8{
    width:100%;
    padding-bottom: 70px;
}
.index8 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index8 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index8 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.index8 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.index9{
    width:100%;
    background: #0161ec;
    padding-bottom: 70px;
}
.index9 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index9 .box{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index9 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #FFF;
    /*margin-left: 15px;*/
}
.index9 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.index9 ul{
    max-width: 1180px;
    min-width: 980px;
    border: 1px dashed #d1fbff;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.index9 ul li{
    float: left;
    width:14%;
    list-style-type: none;
    margin:20px 3%;
}
.index9 ul li img{
    width:100%;
}
.index9 ul li p{
    display: block;
    width:100%;
    height:60px;
    text-align: center;
    line-height:60px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.index9 ul li:hover p{
    background: #fff;
}
.index10{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.index10 .txt{
    max-width: 1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index10 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #0161ec;
    /*margin-left: 15px;*/
}
.index10 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.index10 ul{
    max-width:1200px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.index10 ul li{
    float: left;
    width:12%;
    list-style-type: none;
    margin:1%;
}
.index10 ul li img{
    width:100%;
}
.index10 ul li p{
    display: block;
    width:100%;
    height:40px;
    text-align: center;
    line-height:40px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.index10 ul li:hover p{
    background: #e8e8e8;
}
.index10 ul li figure {
    background: url(../images/jy_bg.jpg);
    padding: 6px;
}
.index10 ul li figure.jy img{
    -webkit-transition: all .1s;
    transition: all .6s;            /*设置变大变小速度*/
}
.index10 ul li figure.jy:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);          /*设置图片变大的尺寸*/
    opacity: 0.8;
}
.index11{
    width:100%;
    background: #f2f2f2;
    padding-bottom: 70px;
}
.index11 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index11 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.index11 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.index11 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.yjlq{
    width:100%;
    height:287px;
    background: url(../images/yjlq_bg.jpg) no-repeat center;
    position: relative;
}
.yjlq .img1{
    display: block;
    width:100%;
}
.yjlq .dw{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}
.yjlq .dw .conter{
    max-width:1180px;
    height:287px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.yjlq .dw .conter .img2{
    float: left;
    display: block;
    width: 600px;
    padding-top: 43px;
    position: absolute;
    top:0;
    left:-50px;
}
.yjlq .dw .conter .left{
    /*width:250px;*/
    width: 22%;
    float: left;
    /*margin-left: 280px;*/
    margin-left: 25%;
}
.yjlq .dw .conter .left p{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    margin-top: 40px;
}
.yjlq .dw .conter .left li{
    background: url(../images/yjlq_t.png) left no-repeat;
    height: 30px;
    list-style-type: none;
    margin-top: 15px;
}
.yjlq .dw .conter .left li span{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    float: left;
    margin-left: 40px;
}
.yjlq .dw .conter .right{
    /*width:400px;*/
    width:40%;
    float: right;
    /*margin: 60px 160px 0 0;*/
    margin: 60px 10% 0 0;
}
.yjlq .dw .conter .right p{
    font-size: 38px;
    color: #fff;
    margin-top: 60px;
}
.yjlq .dw .conter .right h1{
    font-size: 46px;
    color: #ffd921;
}
.yjlq .dw .conter .right .biaodan .bin:hover{
    background: none;
    border: 1px solid #ffd721;
    color: #ffd721;
}
.yjlq .dw .conter .right .biaodan{
    width:400px;
    height:60px;
    margin-top: 50px;
    overflow: hidden;
}
.yjlq .dw .conter .right .biaodan input{
    width:250px;
    height:60px;
    background: #fff;
    font-size: 18px;
    border: none;
    border-radius: 8px 0 0 8px;
    float: left;
    text-indent: 25px;
}
.yjlq .dw .conter .right .biaodan .yzm{
    width:240px;
    height:60px;
    overflow: hidden;
    border-radius: 8px;
    float: left;
    margin: 0 10px;
}
.yjlq .dw .conter .right .biaodan .yzm .input2{
    display: block;
    float: left;
    width:132px;
    height:60px;
    background: #fff;
    border: none;
    text-indent: 25px;
    color: #b2b2b2;
    font-size: 16px;
    border-radius: 0;
}
.yjlq .dw .conter .right .biaodan .yzm .anniu_yzm{
    width:108px;
    height:60px;
    text-align: center;
    font-size: 16px;
    color: #e53c3c;
    background: #ffbe21;
    line-height:60px;
    transition: .5s;
    float: right;
    cursor: pointer;
    font-weight: bold;
}
.yjlq .dw .conter .right .biaodan .bin{
    display: block;
    width:150px;
    height:60px;
    border-radius: 0 8px 8px 0;
    float: right;
    text-align: center;
    line-height:58px;
    font-size: 18px;
    color: #FFF;
    background: #ffbe21;
    border: 1px solid #ffd721;
    font-weight: bold;
    transition: .5s;
}
.footer{
    width: 100%;
    height: 290px;
    background-color: #4b4b4b;
    /*position: relative;*/
}
.footer_main {
    max-width: 1180px;
    margin: 0 auto;
}
.footer_main .r{
    float: left;
}
.footer_main_left {
    /*width: 650px;*/
    width: 50%;
    border-left: 1px solid #393939;
    float: left;
}
.footer_main_left span{
    font-size: 16px;
    line-height: 36px;
    color: #FFF;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
.footer_main_left_point{ width: 650px; line-height: 25px; float: left; margin-left: 20px;}
.footer_main_left_point p{ float: left; font-size: 14px; color: #fff;}
.footer_main_left_point ul li{ float: left; font-size: 14px; list-style-type: none; margin-left: 25px;}
.footer_main_left_point ul li a{ color: #fff;}
.footer_main_left_point ul li a:hover{ color: #ffbe21;}
.footer_main_right {
   /*width: 380px; */
   width: 33%; 
   border-right: 1px solid #393939;
   float: right;
}
.footer_main_right_li{
    width: 30%; 
    float:left;
    text-align: center;
    line-height:30px;
    border-left: 1px solid #393939;
    margin-left:3%;
}
.footer_main_right_li ul{
    margin-left:20px;
}
.footer_main_right_li a{
    color:#FFF;
    font-size:14px;
    list-style-type: none;
}
.footer_main_right_li li:first-child{
    list-style-type: none;
    margin:20px 0 5px 0;
}
.footer_main_right_li li:first-child a{
    font-size: 16px;
    color:#FFF;
    /*font-weight:bold;*/
}
.footer_main_right_li a:hover{
    color:#ffbe21;
}
.footer2 {
    width: 100%;
    height: 101px;
    background-color: #363636;
    border-bottom: 1px solid #4a4a4a;
}
.footer2 img{
    margin: 20px;
}
.footer3 {
    width: 100%;
    height: 140px;
    background-color: #363636;
    font-size: 14px;
    line-height: 80px;
    color: #FFF;
    text-align: center;
}

.pagination {
    width:100%;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination a, .pagination span {
    display: inline-block;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05);
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    vertical-align: top;
    color: #999;
    pointer-events: auto;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
    padding: .5rem .75rem;
    line-height: 1;
    margin: 0 5px;
    border-radius: 4px;
    border: 1px solid #f3f3f3;
}

.pagination .current {
    color: #fff;
    background: #34495e;
    background: -o-linear-gradient(left, #343a40, #484f56);
}

.pagination a:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: 0.7;
}

/*about*/
.about1{
    width:100%;
    min-width:980px;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.about1 .txt{
    max-width:1180px;
    min-width:980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about1 .box{
    max-width:1180px;
    min-width:980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about1 .box img{
    width: 100%;
}
.about1 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.about1 .txt h3 span{
    color: #0161ec;
}
.about1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.about2{
    width:100%;
    background: #f2f2f2;
    padding-bottom: 70px;
}
.about2 .txt{
    max-width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about2 .box{
    max-width:1180px;
    margin: auto;
    padding-top: 50px;
    overflow: hidden;
}
.about2 .box p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-indent: 2em;
    margin-bottom: 20px;
}
.about2 .txt h3{
    font-size: 38px;
    color: #000;
}
.about2 .txt h3 span{
    font-size: 38px;
    color: #0161ec;
}
.about2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.about3{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.about3 .txt{
    width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about3 .box{
    max-width:1000px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about3 .box p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-indent: 2em;
    margin-bottom: 20px;
}
.about3 .txt h3{
    font-size: 38px;
    color: #000;
}
.about3 .txt h3 span{
    font-size: 38px;
    color: #0161ec;
}
.about3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.clearfix {
    zoom: 1;
}
.about3 .box ul:before {
    position: absolute;
    content: "";
    width: 21px;
    height: 95%;
    border-left: 1px solid #ccc;
    left: 50%;
    top: 24px;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.about3 .box ul {
    position: relative;
    padding: 0 72px;
    padding-bottom: 60px;
    background: url(../images/icon7.png) no-repeat bottom;
}
.about3 .box ul > li {
    width: 290px;
    border: 7px solid #a4cbf7;
    list-style-type: none;
    margin: 24px 40px;
    padding-top: 60px;
    padding-bottom: 40px;
}
.about3 .box ul > li > div {
    background: #fff;
    padding: 15px;
    width: 270px;
}
.about3 .box ul > li > div > h3 {
    font-size: 38px;
    line-height: 58px;
    color: #478cda;
}
.about3 .box ul > li > div > p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.about3 .box ul > li.col2_odd {
    text-align: right;
    /*list-style-type: none;*/
}
.about3 .box ul > li.col2_odd > div {
    margin-left: -135px;
}
.about3 .box ul > li.col2_odd > img {
    position: relative;
    right: -62px;
}
.about3 .box ul > li.col2_even > div {
    margin-right: -135px;
}
.about3 .box ul > li.col2_even > img {
    position: relative;
    left: -62px;
}
.fl {
    float: left
}

.fr {
    float: right
}

.about4{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.about4 .txt{
    max-width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about4 .box{
    max-width:1180px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about4 .txt h3{
    font-size: 38px;
    color: #000;
}
.about4 .txt h3 span{
    font-size: 38px;
    color: #0161ec;
}
.about4 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.about4 .box ul:before {
    position: absolute;
    content: "";
    width: 21px;
    height: 95%;
    /*border-left: 1px solid #ccc;*/
    left: 50%;
    top: 24px;
}
.about4 .box ul {
    position: relative;
    padding: 0 52px;
    /*padding-bottom: 60px;*/
}
.about4 .box ul > li {
    width: 45%;
    list-style-type: none;
    margin:1% 2%;
    /*padding-top: 60px;*/
    /*padding-bottom: 40px;*/
}
.about4 .box ul > li > div {
    padding: 0 15px;
    width: 72%;
}
.about4 .box ul > li > div > h3 {
    font-size: 18px;
    line-height: 40px;
    color: #000;
}
.about4 .box ul > li > div > p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.about4 .box ul > li.col2_odd {
    text-align: right;
}
.about4 .box ul > li.col2_odd > div {
    margin-left: -135px;
}
.about4 .box ul > li.col2_odd > img {
    position: relative;
    right: -62px;
}
.about4 .box ul > li.col2_even > div {
    /*margin-right: -135px;*/
}
.about4 .box ul > li.col2_even > img {
    position: relative;
    top:15px;
    /*left: -62px;*/
}
.fl {
    float: left;
}
.about5{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.about5 .txt{
    max-width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.about5 .box{
    max-width:1002px;
    text-align: center;
    margin: auto;
    padding-top: 20px;
    overflow: hidden;
}
.about5 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.about5 .txt h3 span{
    color: #0161ec;
}
.about5 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.about5 .box > ul {
    background: url(../images/honor_bg.png) repeat-y center -4px;
    /*height: 1480px;*/
    padding-left: 20px;
}
.about5 .box > ul > li:hover .mask {
    opacity: 1;
}
.about5 .box > ul > li {
    vertical-align: bottom;
    float: left;
    height: 205px;
    display: table;
    margin: 0 22px 0 10px;
    margin-bottom: 90px;
}
.about5 .box > ul > li > a {
    vertical-align: bottom;
    position: relative;
    display: table-cell;
}
.about5 .box > ul > li > a .mask {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    vertical-align: middle;
    display: table;
    padding: 7px;
    opacity: 0;
}
.about5 .box > ul > li > a .h_border {
    border: 3px solid #bfbfbf;
    display: block;
    vertical-align: middle;
    display: table-cell;
    line-height: 22px;
}
.about5 .box > ul > li > a .h_border h5 {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding: 0 1px 3px;
    margin-bottom: 7px;
}

/*jiuye*/
.jiuye1{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.jiuye1 .txt{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye1 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 40px;
    overflow: hidden;
}
.jiuye1 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.jiuye1 .txt h3 span{
    color: #0161ec;
}
.jiuye1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.jobSecurity{
    margin: 80px auto 0;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
    color: #595959;
}
.jobSecurity .itemT{
    width: 23.5%;
    height: 194px;
    /*box-shadow: 0 0 5px rgb(0 0 0 / 30%); */
    border: 1px solid #dfdfdf;
    /*background:url(../images/jobSecurityT.png) no-repeat;*/
    list-style-type: none;
    text-align: center;
}
.jobSecurity .itemT .itemTitle{
    padding-top: 40px;
    font-size: 18px;
    font-weight: bold;
}
.jobSecurity .itemT .itemMain{
    padding-top: 10px;
    line-height: 30px;
    font-size: 18px;
}
.jobSecurity .itemT:nth-child(3) .itemMain,.jobSecurity .itemT:nth-child(4) .itemMain{
    padding-top: 25px;
}
.jobSecurity .itemB{
    width: 23.5%;
    height: 242px;
    border: 2px solid #f65b1b;
    /*background:url(../images/jobSecurityB.png) no-repeat;*/
    list-style-type: none;
    position: relative;
    margin-top: 20px;
}
.jobSecurity .itemB .rIcon{
    width: 70px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background: #f65b1b;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 23px;
}
.jobSecurity .itemB .titleBox{
    height: 30px;
    text-align: center;
    margin: 43px auto 5px;
}
.jobSecurity .itemB .titleBox .titleText{
    height: 28px;
    font-size: 18px;
    color: #393939;
    line-height: 1;
}
.jobSecurity .itemB .titleBox .titleLineBox{
    height: 2px;
}
.jobSecurity .itemB .titleBox .titleLineBox .line{
    width: 23px;
    height: 2px;
    background-color:#f75b1b;
    margin:0 auto;
}
.itemBList{
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #797979;
}
.itemBList{
    list-style-type: none;
}
.jiuye2{
    width:100%;
    background: #f2f2f2;
    padding-bottom: 70px;
}
.jiuye2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye2 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye2 .box img{
    width:100%;
}
.jiuye2 .box p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-indent: 2em;
    margin-bottom: 20px;
}
.jiuye2 .txt h3{
    font-size: 38px;
    color: #000;
}
.jiuye2 .txt h3 span{
    font-size: 38px;
    color: #0161ec;
}
.jiuye2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.jiuye3{
    width:100%;
    /*background: #0161ec;*/
    padding-bottom: 70px;
}
.jiuye3 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye3 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye3 .txt h3{
    font-size: 38px;
    color: #000;
}
.jiuye3 .txt h3 span{
    font-size: 38px;
    color: #0161ec;
}
.jiuye3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.jiuye3 ul{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.jiuye3 ul li{
    float: left;
    width:15.5%;
    list-style-type: none;
    margin:0.5%;
}
.jiuye3 ul li img{
    width:100%;
    /*border: 1px dashed #e3e3e3;*/
}
.jiuye3 ul li p{
    display: block;
    width:100%;
    height:60px;
    text-align: center;
    line-height:60px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.jiuye3 ul li:hover p{
    background: #fff;
}
.jiuye4{
    width:100%;
    height: 179px;
    background: url(../images/jy4.jpg) no-repeat top center;
    /*padding-bottom: 70px;*/
}
.jiuye5{
    width:100%;
    padding-bottom: 70px;
}
.jiuye5 .txt{
    min-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye5 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye5 .box img{
    width:100%;
}
.jiuye5 .txt h3{
    font-size: 38px;
    color: #000;
}
.jiuye5 .txt h3 span{
    color: #f58757;
}
.jiuye5 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.jiuye6{
    width:100%;
    background: #f2f2f2;
    padding-top: 70px;
    padding-bottom: 30px;
}
.jiuye6 .txt{
    width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.jiuye6 .box{
    max-width:1180px;
    min-width: 980px;
    background: #FFF;
    margin: auto;
    /*padding-top: 70px;*/
    /*margin-top: 70px;*/
    overflow: hidden;
}
.jiuye6 .txt h3{
    font-size: 38px;
    color: #000;
}
.jiuye6 .txt h3 span{
    font-size: 38px;
    color: #0161ec;
}
.jiuye6 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.tab03{
    width:100%;
    border-bottom: 1px solid #e3e3e3;
    float:left;
    margin-top: 20px;
}
.tab03 ul {
    width:1100px;
    float:left;
    margin: 0 40px;
}
.tab03 ul li{
    display:inline;
    float: left;
    width:137.5px;
    text-align: center;   
}
.tab03 ul li p{
    font-size: 18px;
    line-height: 60px;
    color:#2c54ea;
}
.tab03 .hytBtn03{
    border-bottom: 2px solid #1e48d8;
}
.cont03{
    width:1100px;
    float:left;
    line-height:30px;
    padding-bottom:4px;
    margin: 5% 40px;
}
.cont03 h3{
    font-size: 24px;
    color: #152256;
}
.cont03 p{
    font-size: 18px;
    line-height: 50px;
    color: #8f7c80;
    font-weight: bold;
}
.cont03 table{
    border: 1px solid #4770fe;
}
.jy_tab{
    background: url(../images/jy_tab_bg.jpg) no-repeat;
    color: #FFF;
    font-size: 16px;
    line-height: 32px;
    float: left;
    margin: 20px;
}
.tab_tit{
    height: 110px;
    background: #4770fe;
}
.tab_r{
    border-left: 1px solid #c2d0ff;
    width: 260px;
    height: 110px;
    text-align: right;
    float: right;
}
.tab_r img{
    margin-top: 20px;
}
/*contact*/
.contact1{
    width:100%;
    padding-bottom: 70px;
}
.contact1 .txt{
    max-width:1060px;
    min-width: 960px;
    font-size: 16px;
    line-height: 30px;
    color: #464646;
    margin: auto;
    padding: 70px 10px 0 10px;
    overflow: hidden;
}
.contact1 .box{
    width:860px;
    margin: auto;
    padding-top: 130px;
    overflow: hidden;
}
.contact1 .box li {
    width: 33%;
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: center;
    list-style-type: none;
    float: left;
}
.contact1 .box li p{
    color: #0161ec;
    line-height: 40px;
}
.contact1 .txt p{
    font-size: 20px;
    line-height: 80px;
    color: #ff9a31;
}
.contact1 .txt span{
    font-size: 32px;
    line-height: 120px;
    color: #0161ec;
}
.contact1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
/*shizi*/
.shizi{
    width:100%;
    /*background: #f2f2f2;*/
    padding-bottom: 70px;
}
.shizi .mbx{
    max-width:1060px;
    min-width: 960px;
    background: #FFF;
    margin: auto;
    margin-top: 30px;
    padding: 20px;
    overflow: hidden;
}
.shizi .mbx .l{
    width: 90%;
    font-size: 16px;
    line-height: 16px;
    color: #5e5e5e;
    float: left;
}
.shizi .mbx .l a{
    color: #5e5e5e;
}
.shizi .mbx .l a:hover{
    color: #ffa200;
}
.shizi .mbx .r{
    width: 10%;
    font-size: 16px;
    line-height: 16px;
    color: #5e5e5e;
    text-align: right;
    float: right;
}
.shizi .mbx .r a{
    color: #5e5e5e;
}
.shizi .mbx .r a:hover{
    color: #ffa200;
}
.shizi .tit1{
    max-width:1060px;
    min-width: 960px;
    text-align: center;
    border-bottom: 1px solid #ededed;
    margin: auto;
    padding: 20px 0;
    overflow: hidden;
}
.shizi .tit1 p{
    font-size: 20px;
    font-weight: bold;
    line-height: 16px;
    color: #000;
}
.shizi .tit2{
    max-width:1060px;
    min-width: 960px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #5e5e5e;
    margin: auto;
    padding-bottom: 20px;
    overflow: hidden;
}
.shizi .tit2 span{
    color: #979797;
}
.shizi .box_img{
    width:900px;
    background: #FFF;
    text-align: center;
    margin: 30px auto;
    overflow: hidden;
}
.shizi .box_img img{
    width:100%;
    height: auto;
}
.shizi .box_img video{
    width:100%;
    height: auto;
}
.shizi .tit{
    max-width:1060px;
    min-width: 920px;
    border-bottom: 1px solid #ededed;
    margin: auto;
    padding-bottom: 20px;
    overflow: hidden;
}
.shizi .tit p{
    font-size: 16px;
    line-height: 16px;
    color: #000;
    border-left: 2px solid #0661e3;
}
.shizi .tit span{
    margin-left: 12px;
}
.shizi .box{
    max-width:1060px;
    min-width: 920px;
    background: #FFF;
    margin: auto;
    margin-top: 15px;
    padding: 20px;
    overflow: hidden;
}
.shizi .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.shizi .txt h3 span{
    color: #0161ec;
}
.shizi .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.shizi .box .instem_team_area{ 
    max-width: 1020px; 
    min-width: 920px;
    border-bottom: 1px solid #ededed; 
    padding: 40px 20px;
}
.shizi .box .instem_team_pic{
    width: 20%;
    float: left;
}
.shizi .box .instem_team_pic img{
    width: 100%;
}
.shizi .box .instem_team_pic img{ display: block;}
.shizi .box .instem_team_text{ width: 75%; float: right;}
.shizi .box .instem_team_text .zc {
    width: 38px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    background: #005ee4;
    border-radius: 3px;
    float: left;
    margin-top: 8px;
}
.shizi .box .instem_team_text .title {
    width: 93%;
    float: right;
}
.shizi .box .instem_team_text .title p{
    font-size: 24px;
    color: #383838;
    padding: 0;
}
.shizi .box .instem_team_text .title p span {
    font-size: 18px;
    color: #818181;
    border-left: 1px solid #818181;
    padding-left: 10px;
    margin-left: 20px;
}
.shizi .box .instem_team_text h4{font-size: 24px; color: #383838; padding: 10px 0 20px;}
.shizi .box .instem_team_text h4 span{ font-size: 18px; color: #383838; font-weight: 500; padding-left: 10px;}
.shizi .box .instem_team_text .cs{
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 16px; 
    color: #383838;
    margin-top: 20px;
}
.shizi .box .instem_team_text .cs span{ color: #0041e0; margin-left: 40px;}
.shizi .box .instem_team_text h5{ font-size: 30px; color: #1f1f1f; padding-top: 30px;}
.shizi .box .instem_team_text h6{ font-size: 20px; color: #1f1f1f; font-weight: 500; padding-top: 10px;}
.shizi .box .instem_team_text p{ font-size: 16px; color: #383838; line-height: 30px; padding: 20px 30px 0 0;}
/*作品*/
.zuopin1{
    width:100%;
    padding-bottom: 20px;
}
.zuopin1 .txt{
    /*max-width:1180px;*/
    width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.zuopin1 .txt li{
    font-size: 18px;
    color: #535353;
    text-align: center;
    list-style-type: none;
    float: left;
    margin: 14px;
}
.zuopin1 .txt li a{
    color: #535353;
}
.zuopin1 .txt li a:hover{
    color: #005ee4;
}
.zuopin2{
    width:100%;
    background: #f0f0f0;
    border-top: 1px solid #d3d3d3;
    padding-bottom: 70px;
}
.zuopin2 .txt{
    width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.zuopin2 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #0161ec;
    /*margin-left: 15px;*/
}
.zuopin2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.zuopin2 ul{
    max-width:1200px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.zuopin2 ul li{
    float: left;
    width:23%;
    list-style-type: none;
    background: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin:1%;
}
.zuopin2 ul li img{
    width:100%;
    height: 175px;
}
.zuopin2 ul li p{
    display: block;
    width:97%;
    text-align: left;
    line-height:25px;
    font-size: 16px;
    color: #414048;
    margin: 10px 0 0 3%;
    transition: all .6s;
}
.zuopin2 ul li span{
    display: block;
    width:97%;
    text-align: left;
    line-height:25px;
    font-size: 16px;
    color: #bab9bd;
    margin: 0 0 10px 3%;
    transition: all .6s;
}
.zuopin2 ul li:hover{
    background: #f0f0f0;
}
.zuopin2 ul li figure {
    /*background: url(../images/jy_bg.jpg);*/
    /*padding: 6px;*/
}
.zuopin2 ul li figure.jy img{
    -webkit-transition: all .1s;
    transition: all .6s;            /*设置变大变小速度*/
}
.zuopin2 ul li figure.jy:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);          /*设置图片变大的尺寸*/
    opacity: 0.8;
}
/*java*/
.java1{
    width:100%;
    padding-bottom: 70px;
}
.java1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java1 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java1 .box img{
    width:100%;
}
.java1 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.java1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.java2{
    width:100%;
    padding-bottom: 70px;
}
.java2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java2 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #0161ec;
    /*margin-left: 15px;*/
}
.java2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.java2 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java2 .box .left{
    width:550px;
    height: 400px;
    background-image: linear-gradient( to right, #1631e0, #512bcc);
    /*box-shadow: 0px 8px 16px 0px rgb(255 106 110 / 38%);*/
    float: left;
}
.java2 .box .left video{
    width:550px;
    height: 340px;
    margin: 30px 0 0 30px;
}
.java2 .box .right{
    width:550px;
    float: right;
}
.java2 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 60px;
}
.java2 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 10px 0;
}
.java3{
    width:100%;
    background-image: linear-gradient( to right, #1631e0, #512bcc);
    /*padding-bottom: 70px;*/
}
.java3 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    /*padding-top: 70px;*/
    overflow: hidden;
}
.java3 .box img{
    width:100%;
}
.java4{
    width:100%;
    padding-bottom: 70px;
}
.java4 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java4 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java4 .box img{
    width:100%;
}
.java4 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #0161ec;
    /*margin-left: 15px;*/
}
.java4 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.java5{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.java5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java5 .box .left{
    width:49%;
    height: 400px;
    float: right;
    text-align: right;
}
.java5 .box .right{
    width:47%;
    float: left;
    margin-top: 50px;
    padding: 1%
}
.java5 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 90px;
}
.java5 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
.java6{
    width:100%;
    padding-bottom: 70px;
}
.java6 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java6 .box .left{
    width:49%;
    height: 400px;
    float: left;
}
.java6 .box .right{
    width:47%;
    float: right;
    margin-top: 50px;
    padding: 1%
}
.java6 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 90px;
}
.java6 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.java7{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.java7 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java7 .box .left{
    width:49%;
    height: 400px;
    float: right;
    text-align: right;
}
.java7 .box .right{
    width:47%;
    float: left;
    margin-top: 50px;
    padding: 1%
}
.java7 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 90px;
}
.java7 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.java8{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.java8 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java8 .box .left{
    width:49%;
    height: 400px;
    float: left;
}
.java8 .box .right{
    width:47%;
    float: right;
    margin-top: 50px;
    padding: 1%
}
.java8 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 90px;
}
.java8 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
.java9{
    width:100%;
    padding-bottom: 70px;
}
.java9 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java9 .box .left{
    width:49%;
    height: 400px;
    float: right;
    text-align: right;
}
.java9 .box .right{
    width:47%;
    float: left;
    margin-top: 50px;
    padding: 1%
}
.java9 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 90px;
}
.java9 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.java10{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.java10 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java10 .box .left{
    width:49%;
    height: 400px;
    float: left;
}
.java10 .box .right{
    width:47%;
    float: right;
    margin-top: 50px;
    padding: 1%
}
.java10 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 90px;
}
.java10 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
.java11{
    width:100%;
    padding-bottom: 70px;
}
.java11 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.java11 .box .left{
    width:60%;
    float: left;
}
.java11 .box .left img{
    width:100%;
    height: auto;
}
.java11 .box .right{
    width:38%;
    float: right;
    margin-top: 50px;
}
.java11 .box .right h3{
    font-size: 45px;
    color: #333333;
    line-height: 90px;
}
.java11 .box .right h3 span{
    font-size: 45px;
    color: #fe6a2a;
    line-height: 90px;
}
.java11 .box .right p{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin: 30px 0;
}
.bannerBtnBox{
    width: 350px;
    height: 50px;
    margin: 64px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bannerBtn_1{
    width: 150px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #fb617b;
    font-size: 16px;
    color: #000;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
}
.bannerBtn_1:hover{
    background-color: #fb617b;
    color: #FFF;
}
/*python*/
.python1{
    width:100%;
    padding-bottom: 70px;
}
.python1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python1 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.python1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.python1 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python1 .box img{
    width:100%;
}
.python1 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.python2{
    width:100%;
    background: #eef5ff;
    padding-bottom: 70px;
}
.python2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python2 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.python2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.python2 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 20px;
    overflow: hidden;
}
.python2 .box img{
    width:100%;
}
.python2 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.python2 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: 40px auto;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
    background: #4b82fe;
    border: 1px solid #4b82fe;
    font-weight: bold;
    transition: .5s;
}
.python2 .bin:hover{
    background: #ffc821;
    border: 1px solid #ffc821;
    color: #FFF;
}
.python3{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.python3 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python3 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
}
.python3 .box .right{
    width:47%;
    float: right;
    margin-top: 20px;
    padding: 1%;
}
.python3 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 90px;
}
.python3 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
.python4{
    width:100%;
    padding-bottom: 70px;
}
.python4 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python4 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    margin-top: 50px;
}
.python4 .box .right{
    width:47%;
    float: left;
    padding: 1%;
    
}
.python4 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 90px;
}
.python4 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.python5{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.python5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python5 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
}
.python5 .box .right{
    width:47%;
    float: right;
    margin-top: 20px;
    padding: 1%;
}
.python5 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 90px;
}
.python5 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.python6{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.python6 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python6 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
}
.python6 .box .right{
    width:47%;
    float: left;
    margin-top: 20px;
    padding: 1%;
}
.python6 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 90px;
}
.python6 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
.python7{
    width:100%;
    padding-bottom: 70px;
}
.python7 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python7 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
}
.python7 .box .right{
    width:47%;
    float: right;
    margin-top: 20px;
    padding: 1%
}
.python7 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 90px;
}
.python7 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.python8{
    width:100%;
    background: #f0f0f8;
    /*padding-bottom: 70px;*/
}
.python8 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python8 .box .left{
    width:49%;
    float: right;
    text-align: right;
    /*margin-top: 50px;*/
}
.python8 .box .right{
    width:47%;
    float: left;
    padding: 1%;
    
}
.python8 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 40px;
    margin-bottom: 30px;
}
.python8 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 15px 0;
}
.python9{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.python9 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.python9 .box .left{
    width:550px;
    height: 400px;
    float: left;
}
.python9 .box .right{
    width:550px;
    float: right;
    margin-top: 20px;
}
.python9 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 90px;
}
.python9 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
/*ui*/
.ui1{
    width:100%;
    padding-bottom: 70px;
}
.ui1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui1 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.ui1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ui1 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui1 .box img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.ui1 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.ui2{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.ui2 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui2 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
    margin-top: 30px;
}
.ui2 .box .left img{
    width: 100%;
}
.ui2 .box .right{
    width:46%;
    float: right;
    /*margin-top: 20px;*/
}
.ui2 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.ui2 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 5px 0;
}
.ui3{
    width:100%;
    padding-bottom: 70px;
}
.ui3 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui3 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    /*margin-top: 50px;*/
}
.ui3 .box .left img{
    width:100%;
}
.ui3 .box .right{
    width:46%;
    float: left;
    
}
.ui3 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.ui3 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.ui4{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.ui4 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui4 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
}
.ui4 .box .left img{
    width:100%;
}
.ui4 .box .right{
    width:46%;
    float: right;
    /*margin-top: 20px;*/
}
.ui4 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.ui4 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.ui5{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.ui5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui5 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
}
.ui5 .box .left img{
    width:100%;
}
.ui5 .box .right{
    width:46%;
    float: right;
    /*margin-top: 20px;*/
}
.ui5 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.ui5 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 5px 0;
}
.ui6{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.ui6 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ui6 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    margin-top: 20px;
}
.ui6 .box .left img{
    width:100%;
}
.ui6 .box .right{
    width:46%;
    float: left;
    
}
.ui6 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.ui6 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
/*电商*/
.ds1{
    width:100%;
    padding-bottom: 70px;
}
.ds1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds1 .txt h3{
    font-size: 38px;
    color: #000;
}
.ds1 .txt h3 span{
    font-size: 38px;
    color: #55acad;
}
.ds1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ds1 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds1 ul{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    /*margin-top: 40px;*/
}
.ds1 ul li{
    float: left;
    width:23%;
    background: #FFF;
    list-style-type: none;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin:1%;
}
.ds1 ul li img{
    width:100%;
}
.ds1 ul li p{
    display: block;
    width:97%;
    text-align: left;
    line-height:25px;
    font-size: 16px;
    color: #414048;
    margin: 10px 3%;
    transition: all .6s;
}
.ds1 ul li span{
    display: block;
    width:97%;
    text-align: left;
    line-height:25px;
    font-size: 16px;
    color: #bab9bd;
    margin: 0 0 10px 3%;
    transition: all .6s;
}
.ds1 ul li:hover{
    background: #f0f0f0;
}
.ds1 ul li figure {
    /*background: url(../images/jy_bg.jpg);*/
    /*padding: 6px;*/
}
.ds1 ul li figure.jy img{
    -webkit-transition: all .1s;
    transition: all .6s;            /*设置变大变小速度*/
}
.ds1 ul li figure.jy:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);          /*设置图片变大的尺寸*/
    opacity: 0.8;
}
.ds2{
    width:100%;
    background: #f6f6f6 url(../images/ds_bg.jpg) no-repeat top center;
    padding-bottom: 70px;
}
.ds2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds2 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.ds2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ds2 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds2 .box img{
    width:100%;
}
.ds3{
    width:100%;
    background: #f6f6f6;
    padding-bottom: 70px;
}
.ds3 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds3 .txt h3{
    font-size: 38px;
    color: #000;
}
.ds3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ds3 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds3 .box img{
    width:100%;
}
.ds4{
    width:100%;
    background: #202020;
    padding-bottom: 70px;
}
.ds4 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds4 .box .left{
    width:50%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    margin-top: 30px;
}
.ds4 .box .left img{
    width:100%;
}
.ds4 .box .right{
    width:42%;
    float: left;
    padding: 1%
    
}
.ds4 .box .right span{
    font-size: 80px;
    color: #FFF;
    font-weight: bold;
}
.ds4 .box .right .r_box{
    position: relative;
    background: #202020;
    margin-top: -45px;
}
.ds4 .box .right .r_box h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
    margin-bottom: 10px;
}
.ds4 .box .right .r_box{
    font-size: 16px;
    color: #FFF;
    line-height: 22px;
}
.ds4 .box .right .r_box p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 10px 0;
}
.ds5{
    width:100%;
    /*background: #202020;*/
    padding-bottom: 70px;
}
.ds5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ds5 .box .left{
    width:50%;
    /*height: 400px;*/
    float: left;
    /*text-align: right;*/
    margin-top: 30px;
}
.ds5 .box .left img{
    width:100%;
}
.ds5 .box .right{
    width:42%;
    float: right;
    padding: 1%;
    
}
.ds5 .box .right span{
    font-size: 80px;
    color: #000;
    font-weight: bold;
}
.ds5 .box .right .r_box{
    position: relative;
    background: #FFF;
    margin-top: -45px;
}
.ds5 .box .right .r_box h3{
    font-size: 24px;
    color: #000;
    line-height: 50px;
    margin-bottom: 10px;
}
.ds5 .box .right .r_box p{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin: 10px 0;
}
/*短视频*/
.dsp1{
    width:100%;
    padding-bottom: 70px;
}
.dsp1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.dsp1 .txt h3{
    font-size: 38px;
    color: #000;
}
.dsp1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.dsp1 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.dsp1 .box img{
    width:100%;
}
/*平面设计*/
.pm1{
    width:100%;
    padding-bottom: 70px;
}
.pm1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm1 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #000;
    /*margin-left: 15px;*/
}
.pm1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.pm1 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm1 .box img{
    width:100%;
}
.pm1 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.pm1 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
    background: #3f68fe;
    border: 1px solid #3f68fe;
    font-weight: bold;
    transition: .5s;
}
.pm1 .bin:hover{
    background: #ff9600;
    border: 1px solid #ffc821;
    color: #FFF;
}
.pm2{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.pm2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm2 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #FFF;
    /*margin-left: 15px;*/
}
.pm2 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.pm2 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm2 .box img{
    width:100%;
}
.pm2 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.pm2 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #3f68fe;
    background: #FFF;
    border: 1px solid #FFF;
    font-weight: bold;
    transition: .5s;
}
.pm2 .bin:hover{
    background: #ff9600;
    border: 1px solid #ffc821;
    color: #FFF;
}
.pm3{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.pm3 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm3 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
    margin-top: 30px;
}
.pm3 .box .left img{
    max-width:100%;
}
.pm3 .box .right{
    width:47%;
    float: right;
    padding: 1%;
    /*margin-top: 20px;*/
}
.pm3 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.pm3 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 5px 0;
}
.pm4{
    width:100%;
    padding-bottom: 70px;
}
.pm4 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm4 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    /*margin-top: 50px;*/
}
.pm4 .box .left img{
    max-width:100%;
}
.pm4 .box .right{
    width:47%;
    float: left;
    padding: 1%;
    
}
.pm4 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.pm4 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.pm5{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.pm5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm5 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    margin-top: 20px;
}
.pm5 .box .left img{
    max-width:100%;
}
.pm5 .box .right{
    width:47%;
    float: left;
    padding: 1%;
    
}
.pm5 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.pm5 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.pm6{
    width:100%;
    padding-bottom: 70px;
}
.pm6 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm6 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
    text-align: left;
    /*margin-top: 50px;*/
}
.pm6 .box .left img{
    max-width:100%;
}
.pm6 .box .right{
    width:550px;
    float: right;
    padding: 1%;
    
}
.pm6 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.pm6 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.pm7{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.pm7 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.pm7 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    margin-top: 30px;
}
.pm7 .box .left img{
    max-width:100%;
}
.pm7 .box .right{
    width:47%;
    float: left;
    padding: 1%;
    /*margin-top: 20px;*/
}
.pm7 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.pm7 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 5px 0;
}
/*web*/
.web1{
    width:100%;
    padding-bottom: 70px;
}
.web1 .txt{
    max-width:1200px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web1 .txt h3{
    font-size: 38px;
    color: #000;
}
.web1 .txt h3 span{
    font-size: 16px;
    color: #919096;
    margin-left: 15px;
}
.web1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.web1 .box{
    width:1200px;
    background: url(../images/w_bg.jpg) no-repeat top center;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
}
.web1 .box .left{
    width:727px;
    height: 410px;
    float: left;
    margin-top: 8px;
}
.web1 .box .right{
    width:424px;
    float: right;
    margin: 60px 0 0 46px;
}
.web1 .box .right li{
    width:107px;
    list-style-type: none;
    float: left;
    margin: 30px 0 0 45px;
}
.web1 .box .right li p{
    font-size: 16px;
    color: #000;
}
.web2{
    width:100%;
    padding-bottom: 70px;
}
.web2 .txt{
    max-width:1200px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web2 .txt h3{
    font-size: 20px;
    color: #535353;
}
.web2 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
}
.web2 .box img{
    width: 100%;
}
.web3{
    width:100%;
    padding-bottom: 70px;
}
.web3 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web3 .txt h3{
    /*float: left;*/
    font-size: 38px;
    color: #535353;
    /*margin-left: 15px;*/
}
.web3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.web3 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web3 .box img{
    width:100%;
}
.web3 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.web4{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.web4 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web4 .box .left{
    width:49%;
    float: right;
    margin-top: 30px;
}
.web4 .box .right{
    width:47%;
    float: left;
    padding: 1%;
}
.web4 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.web4 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 5px 0;
}
.web5{
    width:100%;
    padding-bottom: 70px;
}
.web5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web5 .box .left{
    width:49%;
    float: left;
    text-align: right;
}
.web5 .box .right{
    width:47%;
    float: right; 
    padding: 1%;  
}
.web5 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.web5 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.web6{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.web6 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web6 .box .left{
    width:49%;
    /*height: 400px;*/
    float: right;
    text-align: right;
    margin-top: 20px;
}
.web6 .box .right{
    width:47%;
    float: left;
    padding: 1%;
    
}
.web6 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 50px;
}
.web6 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 5px 0;
}
.web7{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.web7 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.web7 .box .left{
    width:49%;
    /*height: 400px;*/
    float: left;
    margin-top: 30px;
}
.web7 .box .right{
    width:47%;
    float: right;
    padding: 1%;
    /*margin-top: 20px;*/
}
.web7 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.web7 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 5px 0;
}
/*全屋*/
.qw1{
    width:100%;
    padding-bottom: 70px;
}
.qw1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw1 .txt h3{
    font-size: 38px;
    color: #000;
}
.qw1 .txt h3 span {
    font-size: 38px;
    color: #55acad;
}
.qw1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.qw1 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw1 .box li{
    width:11.5%;
    list-style-type: none;
    margin: 2.5%;
    float: left;
}
.qw1 .box li p{
    font-size: 24px;
    line-height: 50px;
    color: #000;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.qw1 .box li .box_c{
    font-size: 18px;
    line-height: 30px;
    color: #2f2b2c;
    text-align: left;
}
.qw2{
    width:100%;
    background: #585858;
    padding-bottom: 70px;
}
.qw2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw2 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.qw2 .txt h3 span {
    font-size: 38px;
    color: #55acad;
}
.qw2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.qw2 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw2 .box li{
    width:14%;
    list-style-type: none;
    margin:20px 3%;
    float: left;
}
.qw2 .box li p{
    font-size: 20px;
    line-height: 50px;
    color: #9d9e99;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.qw2 .box li .box_c{
    font-size: 14px;
    line-height: 22px;
    color: #9d9e99;
    text-align: left;
}
.qw2 .box li .bin {
    display: block;
    width: 140px;
    height: 30px;
    margin: auto;
    text-align: center;
    line-height: 30px;
    border-radius: 10px;
    font-size: 14px;
    color: #579495;
    /*background: #4b82fe;*/
    border: 1px solid #579495;
    font-weight: bold;
    transition: .5s;
}
.qw2 .box li .bin:hover{
    background: #ffc821;
    border: 1px solid #ffc821;
    color: #FFF;
}
.qw3{
    width:100%;
    padding-bottom: 70px;
}
.qw3 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw3 .txt h3{
    font-size: 38px;
    color: #000;
}
.qw3 .txt h3 span {
    font-size: 38px;
    color: #55acad;
}
.qw3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.qw3 .box{
    max-width:1180px;
    min-width: 980px;
    /*text-align: center;*/
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw3 .box .left{
    width:49%;
    float: left;
}
.qw3 .box .left img{
    width:100%;
}
.qw3 .box .right{
    width:49%;
    float: right;
}
.qw3 .box .right img{
    width:100%;
}
.qw3 .box .right h3{
    font-size: 22px;
    line-height: 35px;
    margin: 20px 0;
}
.qw3 .box .right p{
    font-size: 16px;
    line-height: 30px;
    margin: 5px 0;
}
.qw3 .box .right p span{
    color: #50a9aa;
}
.qw4{
    width:100%;
    background: #e9e9e9;
    padding-bottom: 70px;
}
.qw4 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw4 .txt h3{
    font-size: 38px;
    color: #000;
}
.qw4 .txt h3 span {
    font-size: 38px;
    color: #ff8e3d;
}
.qw4 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.qw4 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw4 .box li{
    width:32%;
    list-style-type: none;
    margin:10px 0.5%;
    float: left;
}
.qw4 .box li img{
    width: 100%;
}
.qw4 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: auto;
    margin-top:50px; 
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
    background: #ff8e3d;
    border: 1px solid #ff9600;
    font-weight: bold;
    transition: .5s;
}
.qw4 .bin:hover{
    background: #4b82fe;
    border: 1px solid #ffc821;
    color: #FFF;
}
.qw5 {
    width: 100%;
    height: 420px;
    background: url(../images/qw_bg.jpg) no-repeat top;
    padding-bottom: 70px;
}
.qw5 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw5 .box .bin {
    display: block;
    width: 240px;
    height: 50px;
    margin: auto;
    margin-top:180px; 
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    font-size: 18px;
    color: #d13536;
    background: #FFF;
    border: 1px solid #FFF;
    font-weight: bold;
    transition: .5s;
}
.qw5 .box .bin:hover{
    background: #ff9600;
    border: 1px solid #ff9600;
    color: #FFF;
}
.qw6{
    width:100%;
    background: #e9e9e9;
    padding-bottom: 70px;
}
.qw6 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw6 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.qw6 .txt h3{
    font-size: 38px;
    color: #000;
}
.qw6 .txt h3 span{
    font-size: 38px;
    color: #fd6c00;
}
.qw6 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.qw6 ul{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.qw6 ul li{   
    float: left;
    width: 15.5%;
    list-style-type: none;
    margin: 0.5%;
}
.qw6 ul li img{
    width:100%;
    /*border: 1px dashed #e3e3e3;*/
}
.qw6 ul li p{
    display: block;
    width:100%;
    height:60px;
    text-align: center;
    line-height:60px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.qw6 ul li:hover p{
    background: #fff;
}
/*影视*/
.ys1{
    width:100%;
    /*background: #f7f3f4;*/
    background-image: linear-gradient( to bottom, #FFF, #f7f3f4);
    padding-bottom: 70px;
}
.ys1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys1 .txt h3{
    font-size: 38px;
    color: #000;
}
.ys1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ys1 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys1 .box img{
    max-width:100%;
}
.ys1 .box ul{
    width:100%;
}
.ys1 .box ul li{
    float: left;
    width:23%;
    list-style-type: none;
    background: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin:1%;
}
.ys1 .box ul li img{
    width:100%;
}
.ys1 .box ul li p{
    display: block;
    width:97%;
    text-align: center;
    line-height:25px;
    font-size: 16px;
    color: #414048;
    margin: 15px 3%;
    transition: all .6s;
}

.ys1 .box ul li:hover{
    background: #f0f0f0;
}
.ys1 .box ul li figure {
    /*background: url(../images/jy_bg.jpg);*/
    /*padding: 6px;*/
}
.ys1 .box ul li figure.jy img{
    -webkit-transition: all .1s;
    transition: all .6s;            /*设置变大变小速度*/
}
.ys1 .box ul li figure.jy:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);          /*设置图片变大的尺寸*/
    opacity: 0.8;
}
.ys1 .bin {
    display: block;
    width: 260px;
    height: 60px;
    margin: auto;
    margin-top:50px; 
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
    background: #f64f23;
    border: 1px solid #f64f23;
    font-weight: bold;
    transition: .5s;
}
.ys1 .bin:hover{
    background: #4b82fe;
    border: 1px solid #ffc821;
    color: #FFF;
}
.ys2{
    width:100%;
    padding-bottom: 70px;
}
.ys2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys2 .txt h3{
    font-size: 38px;
    color: #000;
}
.ys2 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ys2 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys2 .box img{
    width:100%;
}
.ys2 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.ys3{
    width:100%;
    padding-bottom: 70px;
}
.ys3 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys3 .box .right{
    width:550px;
    font-size: 16px;
    color: #FFF;
    line-height: 25px;
    padding:0 1%;
    float: left;
    
}
.ys3 .box .right h3{
    font-size: 24px;
    color: #74b2c9;
    line-height: 50px;
}
.ys3 .box .right p{
    font-size: 16px;
    color: #8fddf2;
    line-height: 26px;
    margin: 15px 0;
}
.ys4{
    width:100%;
    padding-bottom: 70px;
}
.ys4 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys4 .box .right{
    width:550px;
    font-size: 16px;
    color: #344454;
    line-height: 25px;
    padding:0 1%;
    float: right;
    
}
.ys4 .box .right h3{
    font-size: 24px;
    color: #7c3c54;
    line-height: 50px;
}
.ys4 .box .right p{
    font-size: 16px;
    color: #7c3c53;
    line-height: 26px;
    margin: 15px 0;
}
.ys5{
    width:100%;
    padding-bottom: 70px;
}
.ys5 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys5 .box .right{
    width:550px;
    font-size: 16px;
    color: #FFF;
    line-height: 25px;
    padding:0 1%;
    float: left;
    
}
.ys5 .box .right h3{
    font-size: 24px;
    color: #74b2c9;
    line-height: 50px;
}
.ys5 .box .right p{
    font-size: 16px;
    color: #61aedc;
    line-height: 26px;
    margin: 15px 0;
}
.ys6{
    width:100%;
    padding-bottom: 70px;
}
.ys6 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys6 .box .right{
    width:550px;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    padding: 1%;
    float: right;
    
}
.ys6 .box .right h3{
    font-size: 24px;
    color: #FFF;
    line-height: 50px;
}
.ys6 .box .right p{
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    margin: 15px 0;
}
.ys7{
    width:100%;
    padding-bottom: 70px;
}
.ys7 .box{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ys7 .box .right{
    width:550px;
    font-size: 16px;
    color: #4b332f;
    line-height: 25px;
    padding:0 1%;
    float: left;
    
}
.ys7 .box .right h3{
    font-size: 24px;
    color: #4b332f;
    line-height: 50px;
}
.ys7 .box .right p{
    font-size: 16px;
    color: #4b332f;
    line-height: 26px;
    margin: 15px 0;
}
/*室内*/
.sn1{
    width:100%;
    padding-bottom: 70px;
}
.sn1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn1 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.sn1 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn1 .box img{
    width:100%;
}
.sn1 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.sn2{
    width:100%;
    background: url(../images/sn_bg1.jpg) no-repeat center;
    padding-bottom: 70px;
}
.sn2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn2 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn2 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.sn2 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn2 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.sn2 .conter {
    width: 1080px;
    margin: auto;
    overflow: hidden;
    margin-top: 50px;
}
.sn2 .conter .left {
    float: left;
    width: 390px;
    /*opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;*/
}
.sec2_left{
    animation-delay:0.2s;
    animation-name: movey;
}
.sn2 .conter .left img{
    display: block;
    width:100%;
}
.sn2 .conter ul{
    float: right;
    width:650px;
}
.sn2 .conter ul li{
    float: left;
    width:100%;
    list-style-type: none;
    margin-bottom: 10px;
}
.sn2 .conter ul .li1{
     /*opacity: 0;
     animation-duration: 1s;
     animation-fill-mode: forwards;*/
 }
.sn2 .conter ul .li2{
    /*opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;*/
}
.sn2 .conter ul .li3{
    /*opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;*/
}
.sn3{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.sn3 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn3 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.sn3 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.sn3 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn3 .box img{
    max-width:100%;
}
.sn3 .box p{
    font-size: 16px;
    line-height: 40px;
    color: #323433;
    margin: 25px 160px;
    text-align: left;
}
.sn4{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.sn4 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn4 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn4 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.sn4 .box{
    max-width:1250px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn4 .box .left{
    width: 800px;
    height: 490px;
    float: left;
}
.sn4 .box .left .cont01{
    width: 100%;
}
.sn4 .box .left img{
    width: 100%;
}
.sn4 .box .right{
    width: 400px;
    height: 460px;
    float: right;
}
.sn4 .box .right h3{
    font-size: 32px;
    color: #3f68fe;
    margin-top: 30px;
}
.sn4 .box .right p{
    font-size: 16px;
    line-height: 30px;
    color: #535353;
    margin-top: 15px;
}
.sn4 .box .tab01{
    position: relative;
    z-index: 14;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: right;
    margin-right: 35px;
    margin-top: -100px;
    padding: 5px;
}
.sn4 .box .tab01 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn4 .box .tab01 li img{
    width: 100%;
    opacity: 0.6;
}
.sn4 .box .tab01 .hytBtn01 img{
    width: 100%;
    opacity: 1;
}
.sn4 .box .left .cont04{
    width: 100%;
}
.sn4 .box .right04{
    width: 400px;
    height: 460px;
    float: right;
}
.sn4 .box .right04 h3{
    font-size: 32px;
    color: #FFF;
    margin-top: 30px;
}
.sn4 .box .right04 p{
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
    margin-top: 15px;
}
.sn4 .box .tab04{
    position: relative;
    z-index: 14;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: right;
    margin-right: 35px;
    margin-top: -100px;
    padding: 5px;
}
.sn4 .box .tab04 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn4 .box .tab04 li img{
    width: 100%;
    opacity: 0.6;
}
.sn4 .box .tab04 .hytBtn04 img{
    width: 100%;
    opacity: 1;
}

.sn5{
    width:100%;
    padding-bottom: 70px;
}
.sn5 .txt{
    width:1180px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn5 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn5 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.sn5 .box{
    max-width:1250px;
    min-width: 980px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn5 .box .left{
    width: 800px;
    height: 490px;
    float: right;
}
.sn5 .box .left .cont02{
    width: 100%;
}
.sn5 .box .left img{
    width: 100%;
}
.sn5 .box .right{
    width: 400px;
    height: 460px;
    float: left;
}
.sn5 .box .right h3{
    font-size: 32px;
    color: #3f68fe;
    margin-top: 30px;
}
.sn5 .box .right p{
    font-size: 16px;
    line-height: 30px;
    color: #535353;
    margin-top: 15px;
}
.sn5 .box .right1{
    width: 400px;
    height: 460px;
    float: left;
}
.sn5 .box .right1 h3{
    font-size: 32px;
    color: #3f68fe;
    margin-top: 10px;
}
.sn5 .box .right1 p{
    font-size: 16px;
    line-height: 25px;
    color: #535353;
    margin-top: 15px;
}
.sn5 .box .tab02{
    position: relative;
    z-index: 15;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: left;
    margin-left: 35px;
    margin-top: -100px;
    padding: 5px;
}
.sn5 .box .tab02 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn5 .box .tab02 li img{
    width: 100%;
    opacity: 0.6;
}
.sn5 .box .tab02 .hytBtn02 img{
    width: 100%;
    opacity: 1;
}
.sn5 .box .left .cont05{
    width: 100%;
}
.sn5 .box .tab05{
    position: relative;
    z-index: 15;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: left;
    margin-left: 35px;
    margin-top: -100px;
    padding: 5px;
}
.sn5 .box .tab05 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn5 .box .tab05 li img{
    width: 100%;
    opacity: 0.6;
}
.sn5 .box .tab05 .hytBtn05 img{
    width: 100%;
    opacity: 1;
}
.sn7{
    width:100%;
    background: #f0f0f8;
    padding-bottom: 70px;
}
.sn7 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn7 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn7 .txt h3 span{
    font-size: 28px;
    color: #3f68fe;
}
.sn7 .txt .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: left;
}
.sn7 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn8{
    width:100%;
    padding-bottom: 70px;
}
.sn8 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn8 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn8 .txt h3 span{
    font-size: 28px;
    color: #3f68fe;
}
.sn8 .txt .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: left;
}
.sn8 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn8 .box img{
    max-width:100%;
}
.sn9{
    width:100%;
    padding-bottom: 70px;
}
.sn9 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn9 .txt h3{
    font-size: 38px;
    color: #000;
}
.sn9 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.sn9 .box{
    max-width:1200px;
    min-width: 980px;
    background: #f0f0f8;
    margin: auto;
    margin-top: 70px;
    /*padding-top: 70px;*/
    overflow: hidden;
}
.sn9 .box .left{
    width:360px;
    background: #3f3b5c;
    float: left;
}
.sn9 .box .left ul{
    width:315px;
    float: left;
    margin: 22px;
}
.sn9 .box .left ul li{
    width:315px;
    list-style-type: none;
    float: left;
    margin-top: 15px;
}
.sn9 .box .left ul li img{
    width:100%;
}
.sn9 .box .right{
    width:730px;
    float: right;
    margin:20px 50px;
}
.sn9 .box .right p{
    font-size: 16px;
    line-height: 28px;
    color: #535353;
    margin: 5px 0;
}
.sn9 .box .left01{
    width:360px;
    background: #3f3b5c;
    float: right;
}
.sn9 .box .left01 ul{
    width:315px;
    float: right;
    margin: 22px;
}
.sn9 .box .left01 ul li{
    width:315px;
    list-style-type: none;
    float: right;
    margin-top: 15px;
}
.sn9 .box .left01 ul li img{
    width:100%;
}
.sn9 .box .right01{
    width:730px;
    float: left;
    margin: 20px 50px;
}
.sn9 .box .right01 p{
    font-size: 16px;
    line-height: 26px;
    color: #535353;
    margin: 5px 0;
}
.sn10{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.sn10 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn10 .box{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sn10 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.sn10 .txt h3 span{
    font-size: 38px;
    color: #fd6c00;
}
.sn10 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.sn10 ul{
    max-width:1180px;
    min-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.sn10 ul li{
    float: left;
    width: 18%;
    list-style-type: none;
    margin: 1%;
}
.sn10 ul li img{
    width:100%;
    /*border: 1px dashed #e3e3e3;*/
}
.sn10 ul li p{
    display: block;
    width:100%;
    height:60px;
    text-align: center;
    line-height:60px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.sn10 ul li:hover p{
    background: #fff;
}
/*插画*/
.ch1{
    width:100%;
    padding-bottom: 70px;
}
.ch1 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch1 .txt h3{
    font-size: 38px;
    color: #000;
}
.ch1 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ch1 .box{
    max-width:1320px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 30px;
    overflow: hidden;
}
.ch1 .box .pmggsj_eight_ul {
    width: 100%;
}
.ch1 .box .pmggsj_eight_ul li {
    float: left;
    width: 280px;
    position: relative;
    margin-right: 20px;
}
.ch1 .box .pmggsj_eight_ul li div{
    width: 280px;
    height: 64px;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 8px 28px -2px #f0ebeb;
}
.ch1 .box .pmggsj_eight_p3{
    font-size: 18px;
    color: #333333;
    margin-top: 14px;
}
.ch1 .box .pmggsj_eight_p4{
    width: 36px;
    margin: auto;
    height: 4px;
    background-color: #045cf1;
    margin-top: 10px;
}

a.abtn{display:block;height:360px;width:56px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-112px 50%;}
a.aright{float:right;background-position:-56px 50%;}
a.agrayright{cursor:default;background-position:-168px 50%;}
.scrolllist{
    width:1320px;
    height:410px;
    margin:0 auto;
}
.scrolllist .imglist_w{
width:1200px;
height:410px;
overflow:hidden;
float:left;
position:relative;/*必要元素*/
}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li {
    float: left;
    width: 280px;
    text-align: center;
    list-style-type: none;
    position: relative;
    margin: 0 10px;
}
.scrolllist .imglist_w li div{
    width: 280px;
    height: 64px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0px 8px 28px -2px #f0ebeb;
}
.scrolllist .imglist_w .pmggsj_eight_p3{
    font-size: 18px;
    color: #333333;
    margin-top: 14px;
}
.scrolllist .imglist_w .pmggsj_eight_p4{
    width: 36px;
    margin: auto;
    height: 4px;
    background-color: #045cf1;
    margin-top: 10px;
}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}

.ch2{
    width:100%;
    height: 730px;
    background: #3f68fe;
}
.ch2 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch2 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.ch2 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.ch2 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch2 .box img{
    max-width:100%;
}
.ch3{
    width:100%;
    background: #edf5ff;
    padding-top: 40px;
    padding-bottom: 70px;
}
.ch3 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch3 .txt h3{
    font-size: 38px;
    color: #000;
}
.ch3 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ch3 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch3 .box img{
    max-width: 100%;
}
.ch4{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.ch4 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch4 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.ch4 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.ch4 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch4 .box img{
    max-width: 100%;
}
.ch5{
    width:100%;
    background: #edf5ff;
    padding-top: 40px;
    padding-bottom: 70px;
}
.ch5 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch5 .txt h3{
    font-size: 38px;
    color: #000;
}
.ch5 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ch5 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch5 .box img{
    max-width: 100%;
}
.ch5 .box1{
    max-width:1160px;
    min-width: 960px;
    background: #FFF;
    border-radius: 20px;
    margin: auto;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
}
.ch5 .box1 .left{
    width:47%;
    float: left;
}
.ch5 .box1 .left p{
    font-size: 16px;
    line-height: 25px;
    color: #949494;
}
.ch5 .box1 .left img{
    position:  absolute;
    z-index: 16;
    width: 34%;
    margin-left: -22px;
}
.ch5 .box1 .left .left_x{
    width:90%;
    float: left;
    margin: 26% 0 30px 5%;
}
.ch5 .box1 .right{
    width:49%;
    text-align: right;
    float: right;
    margin: 0 30px 30px 0;
}
.ch5 .box1 .right img{
    max-width:100%;
}
.ch5 .box2{
    max-width:1160px;
    min-width: 980px;
    background: #FFF;
    border-radius: 20px;
    margin: auto;
    margin-top: 20px;
    padding-top: 40px;
    overflow: hidden;
}
.ch5 .box2 .left{
    width:46%;
    float: right;
}
.ch5 .box2 .left p{
    font-size: 16px;
    line-height: 25px;
    color: #949494;
}
.ch5 .box2 .left img{
    position:  absolute;
    z-index: 17;
    width: 39.5%;
    margin-left: 23px;
}
.ch5 .box2 .left .left_x{
    width:90%;
    float: left;
    margin: 30% 1% 30px 5%;
}
.ch5 .box2 .right{
    width:50%;
    float: left;
    margin: 0  0 30px 30px;
}
.ch5 .box2 .right img{
    max-width:100%;
}
.ch6{
    width:100%;
    padding-bottom: 70px;
}
.ch6 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch6 .txt h3{
    font-size: 38px;
    color: #000;
}
.ch6 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.ch6 .box{
    max-width:1200px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 60px;
    overflow: hidden;
}
.ch6 .box .sychs_one_ul{
    width: 100%;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}
.ch6 .box .sychs_one_ul li{
    width: 7.0rem;
    float: left;
    margin-top: 0.5rem;
    margin-right: 0.4rem;
    box-shadow: 0px 0px 28px -10px #999;
}
.ch6 .box .pmggsj_eight_ul {
    width: 100%;
}
.ch6 .box .pmggsj_eight_ul li {
    float: left;
    width: 280px;
    list-style-type: none;
    position: relative;
    margin-right: 20px;
}
.ch6 .box .pmggsj_eight_ul li div{
    width: 200px;
    height: 124px;
    position: absolute;
    left: 40px;
    bottom: -33px;
    /*background-color: white;*/
    border-radius: 2px;
    box-shadow: 0px 8px 28px -2px #f0ebeb;
}
.ch6 .box .pmggsj_eight_p3{
    font-size: 20px;
    color: #005ee4;
    margin-top: 14px;
}
.ch6 .box .pmggsj_eight_p4{
    width: 28px;
    margin: auto;
    height: 6px;
    background-color: #045cf1;
    border-radius: 3px;
    margin-top: 10px;
}
.ch6 .box .pmggsj_eight_p5{
    font-size: 16px;
    color: #9d9d9d;
    margin-top: 4px;
}
.ch7{
    width:100%;
    background: #3f68fe;
    padding-bottom: 70px;
}
.ch7 .txt{
    max-width:1180px;
    min-width: 980px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.ch7 .txt h3{
    font-size: 38px;
    color: #FFF;
}
.ch7 .p1{
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}
.ch7 .box{
    max-width:1200px;
    min-width: 980px;
    background: #FFF;
    border-radius: 20px;
    margin: auto;
    margin-top: 50px;
    padding-top: 70px;
    overflow: hidden;
}
.ch7 .box .left{
    width:320px;
    border-right: 1px solid #e9e9e9; 
    float: left;
    margin: 0 0 30px 30px;
}
.ch7 .box .left .tab06 {
    width: 100%;
}
.ch7 .box .left .tab06 ul{
    width: 250px;
}
.ch7 .box .left .tab06 ul li{
    height: 60px;
    font-size: 20px;
    color: #8a8c8b;
    line-height: 60px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    list-style-type: none;
    margin: 10px;
}
.ch7 .box .left .tab06 .hytBtn06{
    height: 60px;
    font-size: 20px;
    color: #FFF;
    line-height: 60px;
    background-image: linear-gradient( to bottom, #ffaf22, #ff931a);
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    list-style-type: none;
    margin: 10px;
}
.ch7 .box .left .tab06 .hytBtn06 span{
    color: #ff9f1c;
}
.ch7 .box .left .pmggsj_eight_p3{
    display: block;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    background: #FFF;
    border-radius: 23px;
    float: left;
    margin: 7px;
}
.ch7 .box .right{
    width:780px;
    float: right;
}
.ch7 .box .right .cont06 {
    width: 100%;
}
.ch7 .box .right .l{
    width:220px;
    float: left;
}
.ch7 .box .right .l h3{
    font-size: 20px;
    color: #4d4d4d;
    line-height: 30px;
}
.ch7 .box .right .l p{
    font-size: 16px;
    color: #949494;
    line-height: 30px;
}
.ch7 .box .right .l p:before{
    content: "•";
    margin-right: 5px;
    margin-top: 10px;
}
.ch7 .box .right .l .pmggsj_eight_p4 {
    width: 28px;
    margin: auto;
    height: 6px;
    background-color: #fe7610;
    border-radius: 3px;
    float: left;
    margin-top: 10px;
}
.ch7 .box .right .r{
    width:450px;
    float: right;
    margin-right: 50px;
}
.ch7 .box .ch_bm{
    width:100%;
    height: 210px;
    background: url(../images/ch_bm_bg.jpg) no-repeat center;
    float: left;
    margin: 10px 0 40px 0;
}
.ch7 .box .ch_bm .biaodan {
    width: 42%;
    height: 60px;
    float: right;
    margin: 103px 5% 0 0;
    overflow: hidden;
}
.ch7 .box .ch_bm .biaodan .mobil3{
    width: 240px;
    height: 60px;
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    text-indent: 25px;
}
.ch7 .box .ch_bm .biaodan .bin{
    width: 190px;
    font-size: 20px;
    color: #ca5f00;
    line-height: 60px;
    overflow: hidden;
    border: 0 none;
    background-image: linear-gradient( to bottom, #fcf77f, #feda2a);
    border-radius: 30px;
}
.box_con{
    margin: 0 10px;
}





.sec1{
    position: relative;
    width:100%;
    background: #FFF;
    margin-top:50px; 
    padding-bottom: 70px;
}
.sec1 .conter{
    width:1180px;
    margin: auto;
    margin-top: 40px;
    overflow: hidden;
}
.sec1 .conter .left{
    float: left;
    width:620px;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.movex_one{
    animation-delay:0.2s;
    animation-name: movey;
}
.movex_two{
    animation-delay:0.5s;
    animation-name: movey;
}
.sec1 .conter .right{
    float: right;
    width:560px;
    position: relative;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.sec1 .conter .right .dw{
    width:510px;
    height:324px;
    position: absolute;
    top:100px;
    right:0;
    overflow: hidden;
}
.sec1 .conter .right .dw .dtsjsj_ele_ul2{
    width:510px;
    height: 324px;
    position: absolute;
    overflow: hidden;

}
.sec1 .conter .right .dw .dtsjsj_ele_ul2 li{
    float: left;
    width:510px;
    overflow: hidden;
    box-shadow: 5px 5px 25px 0 #cbd2da;
}
.sec1 .conter .right .dw .dtsjsj_ele_ul2 li img{
    display: block;
    width:100%;
}
.sec1 .conter .right .anniu{
    width:107px;
    height:50px;
    position: absolute;
    top:30px;
    right:0;
    overflow: hidden;
    z-index: 1;
}
.sec1 .conter .right .anniu .bin{
    width:54px;
    display: block;
    height:50px;
    float: left;
    cursor: pointer;
}
.sec1 .conter .right .anniu .bin1{
    width:53px;
    display: block;
    height:50px;
    float: right;
    cursor: pointer;
}



.sec2{
    width:100%;
    position: relative;
}
.sec2 .img1{
    display: block;
    width:100%;
}
.sec2 .dw{
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
.sec2 .dw .conter{
    width:1080px;
    margin: auto;
    overflow: hidden;
    margin-top: 50px;
}
.sec2 .dw .conter .left{
    float: left;
    width:390px;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
/*.sec2_left{
    animation-delay:0.2s;
    animation-name: movey;
}*/
.sec2 .dw .conter .left img{
    display: block;
    width:100%;
}
.sec2 .dw .conter ul{
    float: right;
    width:650px;
}
.sec2 .dw .conter ul li{
    float: left;
    width:100%;
    margin-bottom: 10px;
}
.sec2 .dw .conter ul .li1{
     opacity: 0;
     animation-duration: 1s;
     animation-fill-mode: forwards;
 }
.sec2 .dw .conter ul .li2{
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.sec2 .dw .conter ul .li3{
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.sec2_li1{
    animation-delay:0.4s;
    animation-name: movey;
}
.sec2_li2{
    animation-delay:0.6s;
    animation-name: movey;
}
.sec2_li3{
    animation-delay:0.8s;
    animation-name: movey;
}


.sec3{
    width:100%;
    background: #fff;
    padding-bottom: 40px;
}
.sec3 .conter{
    width:1180px;
    margin: auto;
    margin-top: 70px;
    position: relative;
    overflow: hidden;
}
.sec3 .conter img{
    display: block;
    width:100%;
    height:140px;
}
.sec3 .conter .dw{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}
.sec3 .conter .dw h2{
    font-size: 34px;
    color: #ffe400;
    line-height:140px;
    float: left;
    margin-left: 40px;
}
.sec3 .conter .dw span{
    font-weight: 500;
    color: #fff;
}
.sec3 .conter .dw .biaodan{
    width:450px;
    height:60px;
    float: right;
    margin-top: 40px;
    overflow: hidden;
    margin-right: 40px;
}
.sec3 .conter .dw .biaodan input{
    width:260px;
    height:60px;
    background: #fff;
    border: none;
    border-radius: 8px;
    float: left;
    text-indent: 25px;
}
.sec3 .conter .dw .biaodan .bin{
    display: block;
    width:178px;
    height:58px;
    border-radius: 8px;
    float: right;
    text-align: center;
    line-height:58px;
    font-size: 18px;
    color: #e53c3c;
    background: #ffbe21;
    font-weight: bold;
    transition: .5s;
    border: 1px solid #ffd721;
}
.sec3 .conter .dw .biaodan .bin:hover{
    background: none;
    border: 1px solid #ffd721;
    color: #ffd721;
}
.sec3 .img1{
    display: block;
    margin: auto;
    width:655px;
    margin-top: 70px;
}

.sec4{
    width:100%;
    background: #f2f2f2;
    padding-bottom: 70px;
}
.sec4 .conter{
    width:1180px;
    margin: auto;
    overflow: hidden;
    padding-top: 70px;
}
.sec4 .conter ul{
    float: left;
    width:740px;
    overflow: hidden;
}
.sec4 .conter ul li{
    float: left;
    width:240px;
    margin-right: 10px;
    transition: all 0.3s linear;
}
.sec4 .conter ul li:hover{
    margin-top: -10px;
}
.sec4 .conter .right{
    float: right;
    width:376px;
}
.sec4 .conter .right .txt{
    overflow: hidden;
}
.sec4 .conter .right .txt div{
    width:80px;
    height:80px;
    text-align: center;
    line-height:80px;
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    background: #e53c3c;
    border-radius: 8px;
    float: left;
}
.sec4 .conter .right .txt h3{
    float: left;
    font-size: 30px;
    color: #414048;
    margin-left: 15px;
}
.sec4 .conter .right p{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
}
.sec4 .conter .right .img1{
    display: block;
    width:234px;
    margin-top: 53px;
}

.sec5{
    width:100%;
    background: #fff;
    padding-bottom: 70px;
}
.sec5 .conter{
    width:1180px;
    height:400px;
    margin: auto;
    overflow: hidden;
    padding-top: 70px;
}
.sec5 .conter .left{
    float: left;
    width:420px;
}
.sec5 .conter .left .txt{
    overflow: hidden;
}
.sec5 .conter .left .txt div{
    width:80px;
    height:80px;
    text-align: center;
    line-height:80px;
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    background: #e53c3c;
    border-radius: 8px;
    float: left;
}
.sec5 .conter .left .txt h3{
    float: left;
    font-size: 30px;
    color: #414048;
    margin-left: 15px;
}
.sec5 .conter .left p{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
}
.sec5 .conter .left .img1{
    display: block;
    width:182px;
    margin-top: 50px;
}
.sec5 .conter .right{
    width:710px;
    float: right;
}
.sec5 .conter .right .nav{
    width:100%;
}
.sec5 .conter .right .nav1{
    width:100%;
    overflow: hidden;
}
.sec5 .conter .right .nav1 li{
    float: left;
    width:236px;
    height:60px;
    background: #f3f3f3;
    border-right: 1px solid #fff;
    position: relative;
}
.sec5 .conter .right .nav1 li.active{
    background: #e43c3c;
}
.sec5 .conter .right .nav1 li.active img{
    display: block;
}
.sec5 .conter .right .nav1 li.active p{
    color: #fff;
}
.sec5 .conter .right .nav1 li img{
    position: absolute;
    top:20px;
    left:30px;
    display: none;
}
.sec5 .conter .right .nav1 li p{
    text-align: center;
    font-size: 20px;
    line-height:60px;
    color: #414048;
}
.sec5 .conter .right .bg{
    width:710px;
    height:287px;
    background: #e53c3c;
    position: relative;
}
.sec5 .conter .right .bg .dw{
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
.sec5 .conter .right .bg .dw .list{
    width:670px;
    margin: auto;
    margin-top: 20px;
    position: relative;
}
.sec5 .conter .right .bg .dw .list li{
    width:100%;
    height:100%;
    position: absolute;
    opacity: 0;
    float: left;
}
.sec5 .conter .right .bg .dw .list li.show {
    opacity: 1;
}

.sec6{
    width:100%;
    background: #f2f2f2;
    padding-bottom: 70px;
}

.sec6 .txt{
    width:350px;
    margin: auto;
    padding-top: 70px;
    overflow: hidden;
}
.sec6 .txt div{
    width:80px;
    height:80px;
    text-align: center;
    line-height:80px;
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    background: #e53c3c;
    border-radius: 8px;
    float: left;
}
.sec6 .txt h3{
    float: left;
    font-size: 30px;
    color: #414048;
    margin-left: 15px;
}
.sec6 .p1{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
    text-align: center;
}
.sec6 ul{
    width:1180px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.sec6 ul li{
    float: left;
    width:180px;
    margin-right: 20px;
}
.sec6 ul li p{
    display: block;
    width:100%;
    height:60px;
    text-align: center;
    line-height:60px;
    font-size: 18px;
    color: #414048;
    transition: all .6s;
}
.sec6 ul li:hover p{
    background: #fff;
}
.sec6 .bin{
    display: block;
    width:220px;
    height:60px;
    margin: auto;
    margin-top: 27px;
    text-align: center;
    line-height:60px;
    border-radius: 40px;
    font-size: 18px;
    color: #e53c3c;
    background: #ffc821;
    border: 1px solid #ffc821;
    font-weight: bold;
    transition: .5s;
}
.sec6 .bin:hover{
    background: none;
    border: 1px solid #ffc821;
    color: #ffc821;
}

.sec7{
    width:100%;
    background: #fff;
    padding-bottom: 70px;
}
.sec7 .conter{
    width:1180px;
    height:400px;
    margin: auto;
    overflow: hidden;
    padding-top: 70px;
}
.sec7 .conter .left{
    float: left;
    width:420px;
}
.sec7 .conter .left .txt{
    overflow: hidden;
}
.sec7 .conter .left .txt div{
    width:80px;
    height:80px;
    text-align: center;
    line-height:80px;
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    background: #e53c3c;
    border-radius: 8px;
    float: left;
}
.sec7 .conter .left .txt h3{
    float: left;
    font-size: 30px;
    color: #414048;
    margin-left: 15px;
}
.sec7 .conter .left p{
    font-size: 16px;
    color: #919096;
    margin-top: 25px;
}
.sec7 .conter .left .img1{
    display: block;
    width:256px;
    margin-top: 70px;
}
.sec7 .conter .right{
    float: right;
    width:740px;
    height:367px;
    background: #f3f3f3;
    position: relative;
}
.sec7 .conter .right .dw{
    width:530px;
    height:367px;
    position: absolute;
    top:30px;
    left:30px;
    overflow: hidden;
}
.sec7 .conter .right .txt{
    width:180px;
    height:60px;
    position: absolute;
    top:80px;
    right:30px;
    background: #e53c3c;
}
.sec7 .conter .right .txt p{
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height:60px;
}
.sec7 .conter .right .dw .dtsjsj_ele_ul1{
    width:530px;
    height: 367px;
    position: absolute;
    overflow: hidden;

}
.sec7 .conter .right .dw .dtsjsj_ele_ul1 li{
    float: left;
    width:530px;
    overflow: hidden;
}
.sec7 .conter .right .dw .dtsjsj_ele_ul1 li img{
    display: block;
    width:100%;
}
.sec7 .conter .right .anniu{
    width:107px;
    height:50px;
    position: absolute;
    top:250px;
    right:30px;
    overflow: hidden;
    z-index: 1;
}
.sec7 .conter .right .anniu .bin{
    width:54px;
    display: block;
    height:50px;
    float: left;
    cursor: pointer;
}
.sec7 .conter .right .anniu .bin1{
    width:53px;
    display: block;
    height:50px;
    float: right;
    cursor: pointer;
}

.sec8{
    width:100%;
    background: #fff;
    padding-bottom: 70px;
}
.sec8 .conter{
    width:1180px;
    height:480px;
    background: #f3f3f3;
    margin: auto;
    margin-top: 40px;
    position: relative;
}
.sec8 .conter .box{
    width:1090px;
    height:480px;
    position: absolute;
    top:40px;
    left:46px;
    border-radius: 8px;
    box-shadow: 0px 13px 20px -10px #ddd;
}
.sec8 .img1{
    width:1090px;
    display: block;
    margin: auto;
    margin-top: 110px;
}

.sec10{
    width:100%;
    background: #f7f7f7;
    padding-bottom: 70px;
}
.sec10 ul{
    width:1180px;
    margin: auto;
    margin-top: 40px;
    overflow: hidden;
}
.sec10 ul li{
    float: left;
    width:294px;
    border-right: 1px solid #dddddd;
}
.sec10 ul li img{
    display: block;
    width:164px;
    margin: auto;
}
.sec10 ul li h6{
    text-align: center;
    font-size: 20px;
    color: #666666;
    margin-top: -10px;
}
.sec10 ul li p{
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
}

.sec9{
    width: 100%;
    background: #fff;
    padding-bottom: 70px;
}
.sec9 .sec9_zh{
    width: 1180px;
    margin: auto;
    padding-top: 70px;
}
.gdsn_module9 {
    width: 100%;
}
.gdsn_module9 .box {
    width: 1180px;
    position: relative;
}
.gdsn_module9 .box .list {
    width: 1180px;
    height: 419px;
    position: relative;
    overflow: hidden;
}
.gdsn_module9 .box .list ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 419px;
}
.gdsn_module9 .box .list ul li{
    float: left;
    width: 1180px;
    height: 419px;
    position: relative;
}
.gdsn_module9 .box .list ul li .left_img{
    float: left;
}
.gdsn_module9 .box .list ul li .right_txt{
    float: left;
    height: 419px;
    position: relative;
    margin-left: 80px;
}
.gdsn_module9 .box .list ul li .right_txt h1{
    padding-top: 10px;
    font-size: 38px;
    color: #e53c3c;
}
.gdsn_module9 .box .list ul li .right_txt h1 span{
    font-weight: 500;
}
.gdsn_module9 .box .list ul li .right_txt h6{
    font-size: 24px;
    color: #404248;
    padding-top: 20px;
}
.gdsn_module9 .box .list ul li .right_txt h6 span{
    font-size: 20px;
    font-weight: 500;
    margin: 3px 0 0 10px;
}
.gdsn_module9 .box .list ul li .right_txt h5{
    font-size: 20px;
    color: #404248;
    padding-top: 10px;
}
.gdsn_module9 .box .list ul li .right_txt .xian{
    width:284px;
    height:1px;
    background: #c1c0c4;
    margin: 10px 0 20px 0;
}
.gdsn_module9 .box .list ul li .right_txt h4{
    font-size: 18px;
    color: #404248;
}
.gdsn_module9 .box .list ul li .right_txt p{
    font-size: 16px;
    color: #b4b4b4;
    margin-top: 10px;
}
.gdsn_module9 .box .list ul li .right_txt .dj{
    position: absolute;
    left: 0;
    bottom: 0;
}
.gdsn_module9 .box .list ul li .right_txt .dj p{
    float: left;
    height: 60px;
    margin-right: 50px;
    cursor: pointer;
}
.gdsn_module9 .box .list ul li .right_txt .dj p img{
    display: block;
    padding: 60px 0;
}
.gdsn_module9 .box .list ul li .right_txt .dj a{
    width: 175px;
    height:60px;
    display: block;
    font-weight: bold;
    background: #e53c3c;
    border-radius: 40px;
    text-align: center;
    line-height:60px;
    color: #fff;
    border: 1px solid #e53c3c;
    float: left;
    transition: .5s;
    margin: 0;
    font-size: 18px;
    margin-top: 38px;
}
.gdsn_module9 .box .list ul li .right_txt .dj a:hover{
    background: none;
    color: #e53c3c;
    border: 1px solid #e53c3c;
}
.gdsn_module9 .box .nav {
    width: 1180px;
    margin: auto;
    height: 130px;
    margin-top: 40px;
    position: relative;

}
.gdsn_module9 .box .nav .navBox {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
}
.gdsn_module9 .box .nav .navBox ul {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.gdsn_module9 .box .nav .navBox ul li {
    width: 280px;
    height: 130px;
    margin-bottom: 15px;
    margin-right: 20px;
    position: relative;
    float: left;
    cursor: pointer;
}
.gdsn_module9 .box .nav .navBox ul li .cover {
    width: 260px;
    height: 110px;
    border: 1px solid #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.gdsn_module9 .box .nav .navBox ul li.active .cover {
    display: block;
}

.sec11{
    width:100%;
    background: #f7f7f7;
    padding-bottom: 70px;
}
.sec11 ul{
    width:100%;
    overflow: hidden;
    margin-top: 40px;
}
.sec11 ul li{
    float: left;
    width:16.66%;
    position: relative;
}
.sec11 ul li img{
    display: block;
    width:100%;
    height:220px;
}
.sec11 ul li:hover .p1{
    display: none;
}
.sec11 ul li:hover .dw{
    display: block;
}
.sec11 ul li .p1{
    text-align: center;
    font-size: 20px;
    color: #666666;
    margin-top: 10px;
}
.sec11 ul li .dw{
    width:100%;
    height:220px;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.8);
    display: none;
}
.sec11 ul li .dw .p2{
    font-size: 20px;
    text-align: center;
    margin-top: 90px;
    color: #fff;
}
.sec11 ul li .dw .xian{
    width:34px;
    height:4px;
    margin: auto;
    background: #e53c3c;
    margin-top: 10px;
}

.sec12{
    width:100%;
    background: #fff;
    padding-bottom: 70px;
}
.sec12 .conter{
    width:1180px;
    margin: auto;
    margin-top: 70px;
    position: relative;
    overflow: hidden;
}
.sec12 .conter img{
    display: block;
    width:100%;
    height:140px;
}
.sec12 .conter .dw{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}
.sec12 .conter .dw h2{
    font-size: 34px;
    color: #ffe400;
    padding-top: 25px;
    float: left;
    margin-left: 40px;
}
.sec12 .conter .dw span{
    font-weight: 500;
    font-size: 22px;
    color: #fff;
}
.sec12 .conter .dw .biaodan{
    width:650px;
    height:60px;
    float: right;
    margin-top: 40px;
    overflow: hidden;
    margin-right: 40px;
}
.sec12 .conter .dw .biaodan input{
    width:240px;
    height:60px;
    background: #fff;
    border: none;
    border-radius: 8px;
    float: left;
    text-indent: 25px;
}
.sec12 .conter .dw .biaodan .yzm{
    width:240px;
    height:60px;
    overflow: hidden;
    border-radius: 8px;
    float: left;
    margin: 0 10px;
}
.sec12 .conter .dw .biaodan .yzm .input2{
    display: block;
    float: left;
    width:132px;
    height:60px;
    background: #fff;
    border: none;
    text-indent: 25px;
    color: #b2b2b2;
    font-size: 16px;
    border-radius: 0;
}
.sec12 .conter .dw .biaodan .yzm .anniu_yzm{
    width:108px;
    height:60px;
    text-align: center;
    font-size: 16px;
    color: #e53c3c;
    background: #ffbe21;
    line-height:60px;
    transition: .5s;
    float: right;
    cursor: pointer;
    font-weight: bold;
}
.sec12 .conter .dw .biaodan .bin{
    display: block;
    width:148px;
    height:58px;
    border-radius: 8px;
    float: right;
    text-align: center;
    line-height:58px;
    font-size: 18px;
    color: #e53c3c;
    background: #ffbe21;
    border: 1px solid #ffd721;
    font-weight: bold;
    transition: .5s;
}
.sec12 .conter .dw .biaodan .bin:hover{
    background: none;
    border: 1px solid #ffd721;
    color: #ffd721;
}
.sec12 ul{
    width:1180px;
    margin: auto;
    overflow: hidden;
    margin-top: 40px;
}
.sec12 ul li{
    float: left;
    overflow: hidden;
}
.sec12 ul li img{
    display: block;
    width:100%;
}
.sec12 ul .li1{
    width:520px;
    border-right: 1px solid #fff;
}
.sec12 ul .li2{
    width:370px;
    border-right: 1px solid #fff;
}
.sec12 ul .li2 .img1{
    border-bottom: 1px solid #fff;
}
.sec12 ul .li2 .img2{
    padding-top: 1px;
}
.sec12 ul .li3{
    width:288px;
}

.sec13{
    width:100%;
    background: #f7f7f7;
    padding-bottom: 70px;
}
.sec13 ul{
    width:1180px;
    height:248px;
    margin: auto;
    margin-top: 40px;
}
.sec13 ul li{
    float: left;
    width:280px;
    margin-right: 20px;
    background: #fff;
    transition: .5s;
    border-radius: 8px;
}
.sec13 ul li p{
    text-align: center;
    font-size: 20px;
    color: #666666;
    line-height:56px;
    font-weight: bold;
}
.sec13 ul li:hover{
    background: #e53c3c;
}
.sec13 ul li:hover p{
    color: #fff;
}

.sec14{
    width:100%;
    background: #fff;
    padding-bottom: 70px;
}
.sec14 img{;
    height:354px;
    display: block;
    width:1180px;
    margin: auto;
    margin-top: 40px;
}

.sec15{
    width:100%;
    position: relative;
}
.sec15 .img1{
    display: block;
    width:100%;
    height:354px;
}
.sec15 .dw{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}
.sec15 .dw .conter{
    width:1180px;
    height:354px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.sec15 .dw .conter .img2{
    float: left;
    display: block;
    width: 600px;
    padding-top: 43px;
    position: absolute;
    top:0;
    left:-50px;
}
.sec15 .dw .conter .right{
    width:650px;
    float: right;
}
.sec15 .dw .conter .right p{
    font-size: 38px;
    color: #fff;
    margin-top: 60px;
}
.sec15 .dw .conter .right h1{
    font-size: 46px;
    color: #ffd921;
}
.sec15 .dw .conter .right .biaodan .bin:hover{
    background: none;
    border: 1px solid #ffd721;
    color: #ffd721;
}
.sec15 .dw .conter .right .biaodan{
    width:650px;
    height:60px;
    margin-top: 50px;
    overflow: hidden;
}
.sec15 .dw .conter .right .biaodan input{
    width:240px;
    height:60px;
    background: #fff;
    border: none;
    border-radius: 8px;
    float: left;
    text-indent: 25px;
}
.sec15 .dw .conter .right .biaodan .yzm{
    width:240px;
    height:60px;
    overflow: hidden;
    border-radius: 8px;
    float: left;
    margin: 0 10px;
}
.sec15 .dw .conter .right .biaodan .yzm .input2{
    display: block;
    float: left;
    width:132px;
    height:60px;
    background: #fff;
    border: none;
    text-indent: 25px;
    color: #b2b2b2;
    font-size: 16px;
    border-radius: 0;
}
.sec15 .dw .conter .right .biaodan .yzm .anniu_yzm{
    width:108px;
    height:60px;
    text-align: center;
    font-size: 16px;
    color: #e53c3c;
    background: #ffbe21;
    line-height:60px;
    transition: .5s;
    float: right;
    cursor: pointer;
    font-weight: bold;
}
.sec15 .dw .conter .right .biaodan .bin{
    display: block;
    width:148px;
    height:58px;
    border-radius: 8px;
    float: right;
    text-align: center;
    line-height:58px;
    font-size: 18px;
    color: #e53c3c;
    background: #ffbe21;
    border: 1px solid #ffd721;
    font-weight: bold;
    transition: .5s;
}


@media screen and (max-width: 1800px) {
    .banner .dw .bin1{
        top:360px;
    }
    .banner .dw .bin2{
        top:360px;
    }
    .sec11 ul li img{
        height:220px;
    }
    .sec11 ul li .dw{
        height:220px;
    }
}

@media screen and (max-width: 1700px) {
    .banner .dw .bin1{
        top:350px;
    }
    .banner .dw .bin2{
        top:350px;
        left:31.5%;
    }
    .sec2 .img1{
        height:696px;
    }
}

@media screen and (max-width: 1600px) {
    .banner .dw .bin1{
        top:330px;
    }
    .banner .dw .bin2{
        top:330px;
        left:32.5%;
    }
}

@media screen and (max-width: 1500px) {
    .banner .dw .bin1{
        top:310px;
    }
    .banner .dw .bin2{
        top:310px;
        left:33.5%;
    }
    .sec11 ul li img{
        height:190px;
    }
    .sec11 ul li .dw{
        height:190px;
    }
}

@media screen and (max-width: 1400px) {
    .banner .dw .bin1{
        top:290px;
    }
    .banner .dw .bin2{
        top:290px;
        left:34.5%;
    }
}

@media screen and (max-width: 1280px) {
    .banner .dw .bin1{
        top:270px;
    }
    .banner .dw .bin2{
        top:270px;
        left:35.5%;
    }
    .sec11 ul li img{
        height:160px;
    }
    .sec11 ul li .dw{
        height:160px;
    }
}
@keyframes movey{
    from{
        transform: translateY(400px);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}