.wrap{width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
/*visual*/
.visual{position: relative; z-index: 5; width: 100%;}
.slider li{ position: relative; z-index: 1}
.visual_text{position: absolute; top: 60%; left: 38%; margin-left: -330px; width: 660px;}
.visual_text h2{font-size: 65px;}
.visual_text strong{display: inline-block; font-size: 28px; padding: 33px 0 28px;}
.visual_text p{font-size: 17px; line-height: 28px;}
.visual_text h2, .visual_text strong, .visual_text p, .visual_text .more{color: #2b2b2b;}
.visual_text .more{display: inline-block; padding: 14px 21px 16px 23px; margin-top: 42px; border: 1px solid #ada4a0; border-radius: 30px;}
.visual_text .more:hover{background: #fff; color: #698dcc;}
/*slide_btn*/
.slide_btn{position: absolute;}
.prev_btn{float: left; cursor: pointer;}
.next_btn{float: right; cursor: pointer;}
.slide_btn{top: 50%; left: 50%; z-index: 10; width: 60%; margin-left: -30%;}
/*section01*/
.section01{width: 100%;}
.section01 .part1{width: 1200px; margin: 80px auto 10px;}
.part1 .part1_list{clear: both; overflow: hidden;}
.part1 .part1_list li{float: left; width: 360px; margin-right: 60px;}
.part1 .part1_list .p_li03{margin-right: 0;}
.part1 .part1_list .part1_img{display: block; width: 100%; height: 221px; background: no-repeat center top; background-size: cover;}
.part1 .part1_list li dl dt{padding: 30px 0 17px; font-size: 18px; font-weight: bold; color: #565656;}
.part1 .part1_list li dl dd{padding-bottom: 27px; font-size: 14px; line-height: 20px; color: #666666;}
.part1 .part1_list li .more{font-size: 14px; font-weight: 800; color: #517dc6;}
.part1 .part1_list li .more:hover{color: #666666;}
.part2{background: no-repeat center top; background-size: cover; text-align: center;}
.part2 p{padding: 107px 25% 59px; font-size: 28px; line-height: 42px; color: #fff;}
.part2 .more{display: inline-block; padding: 17px 28px; margin-bottom: 79px; border: 1px solid #fff; font-size: 13px; color: #fff;}
.part2 .more:hover{background-color: #517dc6; color: #fff; border: 1px solid #517dc6;}
/*section02*/
.section02 .field_title{padding: 96px 0 66px; text-align: center;}
.section02 .field_title h3{font-size: 34px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
.section02 .field_title .line_butn{display:block; width: 30px; height: 3px; margin: 24px auto 22px; background-color: #bbbbbb;}
.section02 .field_title p{font-size: 15px; line-height: 26px;}
.section02 .con_list{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.section02 .con_list li{width: 33.333%; float: left;}
.section02 .con_list li dl{padding: 21px 0 0 81px; background: no-repeat left top;}
.section02 .con_list li dl dt{padding-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 30px; color: #424242;}
.section02 .con_list li dl dd{padding: 0 0 0 13px; font-size: 16px; line-height: 26px; background: no-repeat left 11px;}
.section02 .btn_wrap{padding: 104px 0 90px; text-align: center;}
.section02 .btn_wrap .more{display: inline-block; padding: 12px 17px; border-radius: 30px; font-size: 14px; color: #fff; background-color: #517dc6; border: 1px solid #517dc6;}
.section02 .btn_wrap .more:hover{color: #517dc6; background-color: #fff;}
/*section03*/
.section03 .product{clear: both; overflow: hidden;}
.section03 .product .pro_right, .section03 .product .pro_left{width: 50%; height: 600px; background-color: #f2f2f2;}
.section03 .product .pro_bg{height: 600px; background: no-repeat center top; background-size: cover;}
.section03 .product .pro_right{float: right;}
.section03 .product .pro_left{float: left;}
.pro_list{width: 400px;}
.pro_list .part{padding-top: 53px; font-size: 17px; color: #888;}
.pro_list .title{ padding: 42px 0 47px; font-size: 45px; font-weight: 700; line-height: 50px; color: #444444;  word-break: keep-all;}
.pro_list .arti{font-size: 16px; color: #888; line-height: 27px;}
.pro_list .more{padding-top: 64px;}
.pro_list .more a{display: inline-block; padding: 15px 41px; border: 1px solid #517dc6; font-size: 13px; color: #517dc6;}
.pro_list .more a:hover{background-color: #517dc6; color: #fff;}
.pro_right .pro_list{padding-left: 135px;}
.pro_left .pro_list{float: right; padding-right: 135px; text-align: right;}
/*section04*/
.section4_wrap{width: 1156px; margin: 0 auto;}
.section4_wrap{overflow: hidden; clear: both; padding: 60px 0 60px;}
.section4_wrap .fisrt_dl, .section4_wrap .second_dl,.section4_wrap .third_dl,.section4_wrap .fourth_dl{height: 64px; float: left; padding-left: 62px; margin-left: 80px; background: no-repeat left top;}
.section4_wrap .fisrt_dl{margin-left: 0;}
.section4_wrap .fisrt_dl dt, .section4_wrap .second_dl dt,.section4_wrap .third_dl dt,.section4_wrap .fourth_dl dt{padding: 15px 0 9px; font-weight: bold; font-size: 22px;}
.section4_wrap dl a:hover{color: #517dc6;}
@media screen and (max-width: 1600px){
    /*slide_btn*/
    .slide_btn2{width: 78%; margin-left: -39%;}
}
@media screen and (max-width: 1280px){
    /*visual*/
    .visual_text {top: 30%;}
    /*slide_btn*/
    .slide_btn {width: 80%; margin-left: -40%;}
    .slide_btn2{width: 95%; margin-left: -47.5%;}
    /*section01*/
    .section01 .part1 {width: 95%;}
    .part1 .part1_list li{width: 31.333%; margin-right: 3%;}
    /*section02*/
    .section02 .con_list{width: 95%;}
    /*section03*/
    .pro_left .pro_list{padding-right: 10%;}
    .pro_right .pro_list{padding-left: 10%;}
    /*section4*/
    .section4_wrap {width: 95%; margin: 0 auto;}
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 17%; padding-left: 8%; margin-left: 0;}
    .section4_wrap .fisrt_dl {margin-left: 0;}
}
@media screen and (max-width: 1080px){
    .section4_wrap dl dd{display: none;}
}
/*mobile start*/
@media screen and (max-width: 1023px){
     /*visual*/
    .slide_btn, .visual_text .more {display: none;}
    .visual_text {margin-left: -150px; width: 300px; left:50%}
    .visual_text strong {padding: 17px 0 13px;}
    /*section02*/
    .section02 .field_title p{width: 95%; margin: 0 auto;}
    .section02 .con_list li{width: 33.333%;}
    .section02 .con_list li dl {padding: 80px 0 0 0; background: no-repeat center top;}
    .section02 .con_list li dl dt{text-align: center;}
    .section02 .btn_wrap {padding: 59px 0 90px;}
    /*section03*/
    .pro_list{width: 95%;}
    .pro_right .pro_list{padding-left: 5%;}
    .pro_left .pro_list {padding-right: 5%;}
    /*section04*/
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl{background-size: 50px;}
    .section4_wrap {padding: 74px 0 72px;}
}
@media screen and (max-width: 768px){
    /*visual*/
    .visual_text h2{font-size: 50px;}
    .slider li{height: 380px !important;}
    .owl-carousel .owl-item img {width: auto !important; height: 100% !important;}
    /*section01*/
    .part2 p {padding: 107px 5% 30px; font-size: 25px;}
    /*section03*/
    .section03 .product .pro_right, .section03 .product .pro_left{width: 100%; height: auto;}
    .section03 .product .pro_bg{height: 300px; }
    .pro_list .title {padding: 25px 0 34px;}
    .pro_list{width: 90%; margin: 0 auto;}
    .pro_right .pro_list, .pro_left .pro_list{padding: 35px 5% 97px;}
    .pro_list .more {padding-top: 34px;}
    /*.section4*/
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 33%; padding-left: 12%; margin-left: 5%;}
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl{margin-bottom: 60px;}
}
@media screen and (max-width: 480px){
/*section01*/
.section01 .part1 {
    margin: 99px auto 30px;
}
.part1 .part1_list li{width: 100%; margin: 0 0 50px 0; }
    /*section02*/
    .section02 .field_title {padding: 96px 0 50px;}
    .section02 .con_list{width: 320px; margin: 0 auto;}
    .section02 .con_list li{width: 100%;}
    .section02 .con_list li dl{padding: 21px 0 40px 70px; background: no-repeat left top;}
    .section02 .con_list li dl dt {text-align: left;}
    .section02 .con_list li dl dd{padding: 0 0 0 11px;}
    .section02 .btn_wrap {padding: 0 0 90px;}
    /*section03*/
    .section03 .product .pro_bg {height: 210px;}
    /*.section4
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 28%; padding-left: 16%; margin-left: 6%; background-size: 45px;}*/
        /*.section4*/
    .section4_wrap {width: 200px;}
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 55%; padding-left: 45%; margin-left: 0;}
    .section4_wrap .third_dl, .section4_wrap .fourth_dl {margin-bottom: 60px;}
}