body{
    background:url("../images4/banner.jpg") no-repeat #5a9af4 top center;
    background-size:contain;
    padding-bottom:42px;
}
*{box-sizing:border-box;}
i,em{font-style:normal}
a{transition:all 0.2s linear 0s;}
img{vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
.container{width:1170px;margin:0 auto;box-sizing: border-box;}
.index_banner{padding-top:80px;}
.index_banner .container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
.index_banner img{margin-top:20px;max-width:100%;}
.index_banner .title{margin-top:40px;height:47px;text-align:center;line-height:45px;font-size:48px;color:#fff;font-weight:bold;}
.index_banner .brief_text{margin-top:35px;line-height:42px;font-size:32px;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;width:66%;padding:10px 0;letter-spacing:8px;}
.middle_box{background:#fff;border-radius:20px;padding:35px 25px 50px 25px;position:relative;margin-top:20px;box-shadow:0 5px 7px rgba(59,127,223,0.5);}
.middle_box:nth-child(1){margin-top:135px;padding-top:66px;}
.middle_box:nth-child(2){margin-top:80px;padding-top:66px;}
.middle_box .title_box{text-align:center;font-size:26px;color:#262626;font-weight:bold;line-height:50px;}
.big_title_box{height:68px;top:-35px;text-align:center;position:absolute;left:50%;width:100%;transform: translateX(-50%);}
.big_title{position:relative;display:inline-block;height:68px;border-radius:10px;text-align:center;line-height:68px;font-size:27px;color:#fff;font-weight:bold;background:linear-gradient(to top,#60aafe,#416ef5);box-shadow:0 13px 34px rgba(16,98,45,0.1);padding:0 35px;}
.big_title:before{content:"";background:url("../images3/left_arrow.png") no-repeat;width:52px;height:30px;position:absolute;left:-51px;top:5px}
.big_title:after{content:"";background:url("../images3/right_arrow.png") no-repeat;width:52px;height:30px;position:absolute;right:-51px;top:5px}
.big_title img{width:80%;}
.article_box{font-size:18px;color:#333333;line-height:38px;text-align:center;padding:0 20px;}
.feature_item{display:flex;align-items:flex-start;padding:40px 0;border-bottom:1px solid #dddcdc;justify-content: space-between;}
.middle_box:nth-child(2) .feature_item{padding:20px 0;}
.feature_item.p0{padding:0;}
.feature_item.p1{padding:0;align-items:center;}
.feature_item.p2{padding-top:15px;}
.feature_item.feature_item_all{display:block;padding-top:0;}
.feature_item:last-child{padding-bottom:0;border-bottom:0;}
.feature_item .text_description h1{font-size:26px;color:#262626;font-weight:bold;line-height:46px;}
.feature_item .text_description .tags{display:flex;flex-wrap: wrap;margin:5px 0;}
.feature_item.feature_item_all .text_description .tags{justify-content: center;}
.feature_item .text_description .tags span{border-radius:30px;border:1px solid #4472f6;height:32px;line-height:32px;padding:0 18px;margin-right:7px;font-size:16px;margin-bottom:7px;}
.feature_item .text_description .brief_text{font-size:16px;color:#666666;line-height:30px;margin-top:12px;}
.feature_item.feature_item_all .text_description .brief_text{padding:0 180px;text-align:center;}
.feature_item .image_box{flex:1;}
.feature_item.feature_item_all .image_box{margin-top:25px;text-align:center;}
.feature_item .image_box img{max-width:100%;max-height:100%;}
.feature_item .text_description.w1{width:530px;padding-right:62px;}
.feature_item .text_description.w2{width:520px;padding-right:50px;margin-top:35px;}
.feature_item .text_description.w3{width:520px;padding-left:45px;}
.feature_item .text_description.w4{width:510px;}
.feature_item .text_description.w5{width:565px;margin-top:20px;}
.feature_item .text_description.w6{width:510px;padding-top:20px;}
.feature_item .image_box.img1{padding-left:45px;padding-right:25px;}
.feature_item .image_box.img2{padding-left:85px;}
.feature_item .image_box.img3{text-align:right}


.footer_box{background:#fff;border-radius:20px;box-shadow:0 5px 7px rgba(59,127,223,0.5);margin-top:22px;padding:0 25px 38px 25px;}
.footer_box .article_text{margin-bottom:22px;padding:30px 0 20px 0;border-bottom:1px solid #dcdcdc;font-size:17px;line-height:32px;color:#333333;font-weight:bold;text-align:center;}
.footer_box .article_text img{vertical-align:top;height:20px;}
.footer_box .flex_box{display:flex;flex-wrap: wrap;align-items:flex-start;}
.footer_box .left_form{width:calc(100% - 370px)}
.footer_box .left_form h1{font-size:18px;color:#333;line-height:50px;margin-bottom:24px;position:relative}
.footer_box .left_form h1:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#2b80ff;}
.footer_box .left_form form{display:flex;align-items:center;flex-wrap: wrap;}
.footer_box .left_form form input{width:215px;border:1px solid #cacaca;margin-right:10px;background:#fff;height:50px;line-height:48px;border-radius:3px;padding:0 10px;font-size:14px;color:#333;box-sizing: border-box;}
.footer_box .left_form form input::-webkit-input-placeholder{color:#999999;} /* WebKit browsers */
.footer_box .left_form form input::-moz-placeholder{color:#999999;} /* Mozilla Firefox 4 to 18 */
.footer_box .left_form form input:-moz-placeholder{color:#999999;} /* Mozilla Firefox 19+ */
.footer_box .left_form form input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */
.footer_box .left_form form a{display:block;width:138px;height:50px;line-height:50px;border-radius:3px;text-align:center;background:#3e5def;font-size:15px;color:#fff;font-weight:bold;}
.footer_box .left_form form a:hover{background:#ff6633;color:#fff;}
.footer_box .left_form form a:active{position:relative;top:2px;}
.footer_box .right_box{margin-left:auto;width:370px;}
.footer_box .right_box h2{font-size:18px;color:#333;line-height:50px;margin-bottom:12px;position:relative}
.footer_box .right_box h2:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#2b80ff;}
.footer_box .right_box .contact_info{display:flex;align-items:center;}
.footer_box .right_box .contact_info img{width:107px;height:107px;}
.footer_box .right_box .contact_info .text{flex:1;font-size:14px;color:#333;line-height:30px;padding-left:24px;}
@media only screen and (max-width: 1200px) {
    .container{width:100%;padding:0 15px;}
    .feature_item.feature_item_all .text_description .brief_text{padding:0 50px;}
}
@media only screen and (max-width: 1100px) {
    .feature_item .image_box.img4{padding-right:35px;}
    .feature_item .text_description.w5{padding-right:35px;}
    .footer_box .article_text{font-size:16px;}
    .footer_box .left_form{width:100%;}
    .footer_box .right_box{margin-left:0;width:100%;margin-top:20px;}
}
@media only screen and (max-width: 1020px) {
    .index_banner .title{font-size:42px;}
    .index_banner .brief_text{width:90%;}
    .feature_item{flex-wrap: wrap;}
    .feature_item .image_box{flex:0 0 100%;order:1;margin-bottom:20px;}
    .feature_item .text_description{order:2;}
    .feature_item .text_description.w1{width:100%;margin:0;padding:0}
    .feature_item .text_description.w2{width:100%;margin:0;padding:0}
    .feature_item .text_description.w3{width:100%;margin:0;padding:0}
    .feature_item .text_description.w4{width:100%;margin:0;padding:0}
    .feature_item .text_description.w5{width:100%;margin:0;padding:0}
    .feature_item .text_description.w6{width:100%;margin:0;padding:0}
    .feature_item .image_box.img1,.feature_item .image_box.img2{padding:0;}
    .feature_item .image_box.img3{text-align:left;}
    .feature_item .image_box.img4{padding:0;}
    .feature_item.feature_item_all .text_description .brief_text{padding:0;}
}
@media only screen and (max-width: 767px) {
    .index_banner{padding-top:30px;}
    .index_banner .title{font-size:20px;margin-top:20px;}
    .index_banner .brief_text{font-size:16px;line-height:24px;margin-top:10px;letter-spacing:5px;}
    .middle_box{padding:20px 15px}
    .big_title{width:70%;height:auto;line-height:24px;top:50%;font-size:16px;padding:10px;transform: translateY(-50%);}
    .big_title:before,.big_title:after{height:25px;}
    .middle_box:nth-child(1){margin-top:65px;padding-top:50px;}
    .middle_box:nth-child(2){margin-top:45px;padding-top:20px;}
    .footer_box{padding:0 15px 30px 15px;}
    .footer_box .article_text{font-size:14px;line-height:28px;padding:20px 0;margin-bottom:10px;}
    .footer_box .left_form form input{margin-bottom:10px;}
    .footer_box .left_form form input.text1,.footer_box .left_form form input.text2,.footer_box .left_form form a{width:100%;margin-right:0;}
    .article_box{padding:0;font-size:14px;line-height:24px;}
    .feature_item .text_description h1{font-size:20px;line-height:30px;}
    .feature_item .text_description .tags span{height:28px;line-height:28px;padding:0 8px;margin-right:2px;margin-bottom:2px;font-size:14px;}
    .feature_item .text_description .brief_text{font-size:14px;line-height:24px;margin-top:10px;}
    .middle_box .title_box{font-size:20px;line-height:30px;}
    .feature_item{padding:20px 0;}
    .feature_item.feature_item_all .image_box{margin:10px 0 0 0;}
}