.container{
    width:1200px;
    margin:0 auto;
    position:relative;
}
.clear{
    clear:both;
}
/*section1*/
.section1{
    height: 1080px;
    min-width: 1200px;
    background: url("../images/section1_right_bg.jpg") top center no-repeat;
    overflow-x: hidden;
}
/*top*/

.logo{
    position: absolute;
    line-height: 100px;
    color: #33334f;
    font-size: 24px;
    left: 0;
}
.logo img{
    vertical-align: middle;
}
.main_shadow{
    display: none;
}
/*导航*/
.nav ul{
    position: absolute;
    right: 300px;
}
.nav li{
    float: left;
    height: 100px;
    font: 16px/100px Arial,sans-serif;
    margin-right: 20px;
    width: 80px;
}
.nav li a{
    display: block;
    color: #767ead;
    transition: .2s;
}
.nav li a:hover{
    font-weight: bold;
    color: #33334f;
}
.user_btns{
    position: absolute;
    right: 0;
}
.login_btn,.reg_btn{
    display: inline-block;
    width: 100px;
    height: 40px;
    border-radius: 21px;
    font: 16px/40px Arial,sans-serif;
    margin-top: 29px;
    color: #fff;
    border: 1px solid transparent;
    transition: .2s;
}
.reg_btn{
    color: #648ff7;
    background: #fff;
    margin-left: 30px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.14);
}
.reg_btn:hover{
    background: rgba(0,0,0,0.2);
    color: #fff;
}
.login_btn:hover{
    background: rgba(0,0,0,0.2);
    color: #fff;
}
/*banner左边*/
.banner_left{
    width:600px;
    margin-top: 80px;
    float: left;
}
.banner_left h1{
    font-size: 36px;
    font-weight: bold;
    color: #33334f;
    margin-bottom: 40px;
}
.banner_left p{
    font-size: 18px;
    color: #767ead;
    line-height: 48px;
    margin-bottom: 60px;
}
.banner_left .left_btn{
    float: left;
    display: block;
    height: 48px;
    width: 120px;
    line-height: 48px;
    border-radius: 24px;
    margin: 0 20px 120px 0;
}
.banner_left .left_btn1{
    background: #648ff7;
    color: #fff;
}
.banner_left .left_btn2{
    background: #fff;
    color: #648ff7;
    box-shadow: 0 1px 4px rgba(0,0,0,0.14);
    transition: .2s;
}
.left_btn2:hover{
    background: #648ff7;
    color: #fff;
}
.icons_box{
    line-height: 80px;
}
.icons_box img{
    margin-right: 100px;
}
/*banner右边*/
.right_img{
    position: absolute;
    left: 50%;
    margin-left: 140px;
    margin-top: 50px;
}
.right_img img:nth-child(1){
    margin-left: -100px;
    margin-bottom: 10px;
}
/*section2*/
.section2{
    position: relative;
    height: 1000px;
    min-width: 1200px;
    background: linear-gradient(45deg,#648ff7,#8660fe);
}
.bottom_bg{
    position: absolute;
    bottom: 0;
    background: url("../images/section2_bottom_bg.png") center no-repeat;
    height: 153px;
    width: 100%;
}
.section2_left_txt{
    float: left;
    line-height: 48px;
    margin-top: 100px;
}
.section2_left_txt p{
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}
.section2_left_txt h1{
    font-size: 24px;
    color: #fff;
}
.section2_right_btn{
    float: right;
}
.section2_right_btn .right_btn{
    float: right;
    display: block;
    height: 48px;
    width: 120px;
    line-height: 48px;
    border-radius: 24px;
    margin: 200px 0 0 20px;
}
.section2_right_btn .right_btn1{
    background: rgba(0,0,0,0.2);
    color: #fff;
}
.section2_right_btn .right_btn2{
    background: #fff;
    color: #648ff7;
    box-shadow: 0 1px 4px rgba(0,0,0,0.14);
}
.right_btn2:hover{
    background: rgba(0,0,0,0.2);
    color: #fff;
}
.section2 .swiper-wrapper{
    margin: 100px 0 70px 1.5%;
}
.section2 .swiper-wrapper li{
    float: left;
    text-align: center;
    width: 11%;
    height: calc(360px - 4%);
    padding: 2% 3%;
    margin-right: 3%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.14);
    transition: .3s;
}
.section2 .swiper-wrapper li:hover{
    transform: scale(1.1);
}
.yuan_bg{
    height: 60px;
    line-height: 60px;
    width: 60px;
    border-radius: 30px;
    margin: 0 auto 40px auto;
    text-align: center;
}
.yuan_bg i{
    font-size: 32px;
}
.section2 .swiper-wrapper li h3{
    color: #33334f;
    font-size: 18px;
    margin-bottom: 40px;
}
.section2 .swiper-wrapper li p{
    color: #767ead;
    font-size: 16px;
    line-height: 30px;
    word-break: break-all;
}
.swiper-button-prev{
    position: absolute;
    background: none !important;
    left: calc(50% - 100px) !important;
    top: auto !important;
    bottom: 150px !important;
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
.swiper-button-next{
    position: absolute;
    background: none !important;
    right: calc(50% - 100px) !important;
    top: auto !important;
    bottom: 150px !important;
}
.swiper-button-prev i,.swiper-button-next i{
    font-size: 32px;
    color: rgba(255,255,255,0.8);
}
/*section3*/
.section3{
    position: relative;
    background: #fbfcff;
    min-width: 1200px;
    padding: 80px 0 100px 0;
}
.title_txt{
    text-align: center;
    color: #33334f;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 80px;
}
.section3 li{
    float: left;
    width: 258px;
    text-align: center;
    margin-right: 56px;
}
.section3 li:last-child{
    margin-right: 0;
}
.bs_icon{
    position: relative;
    margin: 0 auto 50px auto;
    width: 125px;
    height: 125px;
    line-height: 125px;
    font-size: 18px;
    color: #fff;
    z-index: 1;
}
.bs_icon span:first-child{
    position: absolute;
    right: 0;
    top:0;
    display: block;
    height: 110px;
    width: 110px;
    border-radius: 55px;
    background: rgba(100,143,247,0.4);
    z-index: -1;
    transition: linear .3s;
}
.bs_icon span:last-child{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 110px;
    width: 110px;
    border-radius: 55px;
    background: rgba(134,96,254,0.1);
    z-index: -1;
    transition: linear .3s;
}
.section3 li p{
    font-size: 16px;
    line-height: 36px;
    height: 98px;
    color: #767ead;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition:  linear .3s;
}
.section3_li_on span:first-child{
    right: 15px;
}
.section3_li_on span:last-child{
    left: 15px;
}
.section3_li_on p{
    white-space: pre-wrap !important;
    margin-top: -10px;
    color: #33334f !important;
}
/*section4*/
.section4{
    position: relative;
    min-width: 1200px;
    padding: 80px 0 100px 0;
}
.news_menu{
    position: relative;
}
.news_menu li{
    float: right;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    margin: 0 0 20px 20px;
    color: #33334f;
    cursor: pointer;
    transition: .2s;
}
.news_menu .actived{
    color: #fff;
    background: #648ff7;
}
.news_bg{
    background: #fbfcff;
    padding: 60px 0;
    border-top:1px solid #edf1ff;
    border-bottom: 1px solid #edf1ff;
}
.news_left_img{
    position: absolute;
    top: -120px;
    left: 0;
    background: url("../images/news_left_img.png") no-repeat;
    height: 424px;
    width: 384px;
}
.news_list{
    float: right;
    width: 800px;
}
.news_list li{
    float: left;
    width: 340px;
    margin: 0 0 40px 60px;
}
.news_date{
    float: left;
    width: 70px;
    border-right: 1px solid #edf1ff;
}
.news_date h1{
    font-size: 16px;
    font-weight: lighter;
    color: #33334f;
}
.news_date p{
    font-size: 12px;
    color: #767ead;
    line-height: 24px;
}
.news_txt{
    width: 239px;
    padding-left: 30px;
    display: inline-block;
}
.news_txt h3{
    font-size: 16px;
    font-weight: lighter;
    color: #33334f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_txt p{
    font-size: 14px;
    line-height: 24px;
    color: #767ead;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.more_btn{
    float: right;
    color: #33334f;
    font-size: 14px;
    transition: .2s;
}
.more_btn:hover{
    color: #648ff7;
    text-decoration:underline;
}
.news_txt p:hover{
    color: #648ff7;
}
/*footer*/
.footer_banner{
    min-width: 1200px;
    height: 60px;
    padding: 20px 0;
    margin-top: 60px;
    background: linear-gradient(-90deg,#8660fe,#648ff7);
}
.left_reg{
    float: left;
    color: #fff;
    font: 24px/60px Arial,sans-serif;
}
.right_reg{
    float: right;
}
.right_reg a{
    display: block;
    height: 60px;
    width: 180px;
    line-height: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 18px;
    transition: .2s;
}
.right_reg a:hover{
    background: #fff;
    color: #648ff7;
}
.footer1{
    padding: 80px 0;
    background: #fff;
}
.footer_menu{
    margin-left: 300px;
}
.footer_menu li{
    float: left;
    text-align: center;
    margin-left: 120px;
}
.footer_menu li span{
    display: block;
    color: #33334f;
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 30px;
}
.footer_menu li a{
    font-size: 12px;
    line-height: 30px;
    color: rgba(51,51,79,0.6);
}
.footer_menu li a:hover{
    color: #648ff7;
}
.footer_ewm{
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #33334f;
}
.footer2{
    background: #33334f;
    height: 80px;
    line-height: 80px;
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    min-width: 1200px;
}
.footer2 span{
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #fff;
}
.footer2 span img{
    vertical-align: middle;
    margin-right: 20px;
}
/*返回顶部*/
.toTop{
    display: none;
    position: fixed;
    right: 2px;
    bottom: 40px;
    height: 48px;
    width: 48px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: rgba(100,143,247,0.9);
    z-index: 1001;
    cursor: pointer;
    transition: .2s;
}
.toTop:hover{
    color: #fff;
    background: #648ff7;
}
.toTop i{
    display: block;
    margin-top: 5px;
    font-size: 18px;
}
.right_fix{
    position: fixed;
    right: 2px;
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: rgba(51,51,79,0.4);
    z-index: 1001;
    cursor: pointer;
    transition: .2s;
}
.right_fix i{
    font-size: 28px;
}
.right_fix:hover{
    background: rgba(100,143,247,0.9);
}
.qq_fix{
    bottom: 90px;
}
.wx_fix{
    bottom: 140px;
}
.ewm_show{
    display: none;
    position: absolute;
    left: -330px;
    top:0;
    width: 300px;
    padding: 15px;
    line-height: 24px;
    text-align: right;
    background: #fff;
    color: #33334f;
    box-shadow: 0 1px 4px rgba(0,0,0,0.14);
}
.ewm_show img{
    float: left;
}
.ewm_show span{
    float: right;
}
.ewm_show span h3{
    font-size: 18px;
    margin-bottom: 20px;
}
.ewm_show span p{
    font-size: 12px;
    line-height: 24px;
    color: rgba(51,51,79,0.6);
}
.page_top{
    background: url("../images/section1_right_bg.jpg") top center no-repeat;
    border-bottom: 1px solid #eee;
}
.search_box{
    position: relative;
    height: 60px;
    line-height: 60px;
    width: 960px;
    margin: -60px auto 0 auto;
    background: #fff;
    border-radius: 31px;
    color: #33334f;
    border: 1px solid rgba(118,126,173,0.3);
    transition: .2s;
}
.search_box i{
    color: rgba(118,126,173,0.3);
    font-size: 20px;
    margin-left: 16px;
}
.search_box input{
    border: none;
    font-size: 16px;
    margin: 0 12px;
    width: calc(100% - 180px);
    text-align: center;
    color: #33334f;
    line-height: normal;
}
.search_box input:focus{
    outline: none;
}
.search_box button{
    display: block;
    position: absolute;
    right: 10px;
    top:10px;
    height: 40px;
    width: 120px;
    background: rgba(100,143,247,0.9);
    border: none;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: normal;
}
.search_box button:hover{
    background: rgba(100,143,247,1);
}
.order_form{
    margin: 80px auto 100px auto;
    width: 1120px;
    min-height: 300px;
    padding: 40px 40px 20px 40px;
    border-radius: 3px;
    border:1px solid #eee;
    box-shadow: 0 12px 24px -10px #eee;
    background: #fff;
}
.main_box{
    width: calc(100% - 24px);
    padding: 12px;
    margin: 12px auto;
    border-bottom:1px dashed rgba(0,0,0,0.14);
    border-radius: 3px;
}
.main_box h3{
    font-weight: lighter;
    font-size: 14px;
    color: #767ead;
    margin-bottom: 12px;
}
.main_box h3 i{
    font-size: 16px;
    vertical-align: text-bottom;
    margin-right: 8px;
    color: rgba(100,143,247,1);
}
.main_box p{
    float: left;
    font-size: 14px;
    line-height: 32px;
    color: #33334f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 24px;
}
.main_box:last-child{
    border-bottom: none;
    margin-bottom: 24px;
}
.main_box li img{
    height: 30px;
}
.main_box p a{
    color: rgba(100,143,247,1);
    font-weight: lighter;
}
.main_box p a:hover{
    text-decoration: underline;
}
.center_link{
    font-size: 14px;
    text-align: center;
    color: #4CAF50 !important;
}
.user_form{
    margin: 80px auto 100px auto;
    width: 400px;
    padding: 40px 40px 0 40px;
    border:1px solid #eee;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 12px 24px -10px #eee;
}
.user_input{
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    background: #fff;
    border-radius: 22px;
    border:1px solid rgba(118,126,173,0.1);
    margin-bottom: 36px;
}
.user_input i{
    font-size: 14px;
    color: rgba(118,126,173,0.1);
    margin-right: 12px;
}
.user_input input{
    width: calc(100% - 36px);
    text-align: center;
    border: none;
    background: none;
    color: #33334f;
    font-size: 16px;
}
.user_input input:focus{
    outline: none;
}
input::-webkit-input-placeholder {
    color: #aaa;
    letter-spacing:1px;
}
.user_form button{
    display: block;
    border: none;
    width: 100%;
    height: 44px;
    background: linear-gradient(90deg,#8660fe,#648ff7);
    border-radius: 22px;
    box-shadow: 0 1px 4px rgba(118,126,173,0.3);
    margin-bottom: 12px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.user_form button:hover{
    background: linear-gradient(135deg,#648ff7,#8660fe);
}
.user_form a{
    display: block;
    margin-bottom: 36px;
    color: #648ff7;
    font-size: 14px;
}
.right_link{
    text-align: right;
}
.user_tab li{
    float: left;
    width: 50%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    margin-bottom: 48px;
}
.user_tab li a{
    font-size: 18px;
    display: block;
    color: #33334f;
    border-bottom: 1px solid rgba(118,126,173,0.1);
}
.user_tab li a:hover{
    color: #648ff7;
}
.user_tab .actived a{
    color: #648ff7;
    border-bottom: 1px solid #648ff7;
}
#news{
    margin-top:0;
}
#news li{
    clear:both;
    height:100px;
    border-bottom:1px dashed #eee;
    padding:20px 10px;
    width: calc(100% - 20px);
    position:relative;
    cursor:pointer;
    transition:ease 0.3s;
}
#news .date{
    background:url(../images/date.png) no-repeat;
    width:100px;
    height:84px;
    text-align:center;
    padding-top:22px;
    font-size:14px;
    color:#999;
    float:left;
    left:0;
}
#news .date b{
    color:#33334f;
    font-size:32px;
    font-family:'黑体';
}
#news .news_text{
    float:left;
    margin:10px;
    height:70px;
    width: calc(100% - 120px);
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#news .news_text a{
    display: block;
    text-align:left;
    text-decoration:none;
    font-size:16px;
    line-height:24px;
    color:#33334f;
    margin-bottom: 24px;
}
#news .news_text b a:hover{
    text-decoration:underline;
}
#news .news_text p{
    font-size:14px;
    float:left;
    width: 100%;
    line-height:24px;
    color:#999;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#news li:hover{
    box-shadow: 0 5px 40px #eee;
    background:#FFF;
    transform:scale(1.01);
}
.m-page {
    margin: 36px 0 0;
    text-align: center;
    line-height: 32px;
    font-size: 0;
    letter-spacing: -0.307em;
    word-wrap: normal;
    white-space: nowrap;
    color: #999;
}
.m-page a,
.m-page i {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px;
    margin-left: -1px;
    border: 1px solid #eee;
    font-size: 12px;
    letter-spacing: normal;
    text-shadow: 0 1px #fff;
    background: #fff;
    transition: background-color 0.3s;
}

.m-page a,
.m-page a:hover {
    text-decoration: none;
    color: #648ff7;
}

.m-page a:first-child{
    margin-left:0;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
.m-page a:last-child{
    margin-right:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
}
.m-page a.pageprv:before{
    margin-right:3px;
    content:'\3c';
}
.pagenxt:after{
    content:'\3E';
}
.m-page a:hover {
    background: #f5f5f5;
}

.m-page a:active {
    background: #f0f0f0;
}
.m-page a.z-crt,
.m-page a.z-crt:hover,
.m-page a.z-crt:active {
    cursor: default;
    color: #999;
    background: #f5f5f5;
}
.m-page a.z-dis,
.m-page a.z-dis:hover,
.m-page a.z-dis:active {
    cursor: default;
    color: #ccc;
    background: #fff;
}
.news_nav a{
    float: left;
    display: block;
    width: calc(33.3% - 32px);
    padding: 30px 0;
    margin: 0 45px 20px 0;
    border:1px solid #eee;
    color: #33334f;
    font-size: 18px;
    border-radius: 3px;
    transition: .2s;
}
.news_nav a:last-child{
    margin-right: 0;
}
.news_nav a i{
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
}
.news_nav .actived{
    border-color: #648ff7;
    color: #648ff7;
}
.news_nav a:hover{
    border-color: #648ff7;
    color: #648ff7;
}
.contact_left {
    float: left;
    padding: 40px 80px 40px 40px;
    border-right: 1px dashed #eee;
    text-align: center;
}
.contact_right {
    float: right;
    width: 450px;
    padding: 50px;
    color: #33334f;
}
.contact_right p {
    line-height: 48px;
    font-size: 16px;
}
.contact_right p font {
    font-weight: bold;
    font-size: 24px;
}
.contact_right p i{
    font-size: 28px;
    margin-right: 10px;
    vertical-align: middle;
    color: #33334f;
}
.main_box>h1{
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.main_box .news_con{
    font-size: 16px;
    color: #666;
    margin: 40px 0 0;
    line-height: 30px;
}
.main_box .news_day{
    text-align: right;
    margin: 40px 0 0;
    font-size: 14px;
    color: #999;
}