﻿

.index_lay_title{ margin:20px}
.index_lay_title h3{text-align:center;font-family:PingFang-SC-Medium;font-size:30px;font-weight:400;font-stretch:normal;color:#282828}
.index_lay_title p{text-align:center;font-family:PingFang-SC-Medium;font-size:16px;font-weight:400;font-stretch:normal;color:#74778b}


.index_lay_1 { width: 100%; border-bottom: 1px lightgrey solid ; }
.index_lay_1 .title_nav{ text-align: center ; height: 60px; }
.index_lay_1 .title_nav a span{ display:inline-block; width: 100px ; height: 60px ; line-height: 60px; color: #000 ;margin: 0 6px; font-size: 15px ; font-weight: 600;  }
.index_lay_1 .title_nav a:first-child span{  border-bottom: 2px #0053ff solid;color: #0053ff; }

.index_lay_2 {height: 380px;}
.index_lay_2 .index_lay_title {padding-top: 20px;}
.index_lay_2 .left{ text-align: center ; width: 382px; height: 205px;  float: left ; margin-top: 20px; margin-left: 100px; }
.index_lay_2 .right{ width: 620px; height: 180px;  float: right; margin-top: 20px;  }
.index_lay_2 .left img{  width: 382px;  height: 205px;}
.index_lay_2 .right img{  width: 36px;   height: 35px; float: left;}
.index_lay_2 .right li{  width: 180px; float: left;margin: 10px;   }
.index_lay_2 .right li p{  width: 150px; padding-top: 7px;   }


.index_lay_3{  height: 590px ;  background: #f8faff; width: 100% !important;  padding-top: 30px ;}
.index_lay_3 .index_lay_3_wapper{   margin-top: 33px ;height: 386px ; border:0 ; background: white;}
.index_lay_3 .lay_3_nav ul.layui-tab-title {
    float: right;
    width: 232px;
    height: 340px;
    margin-top: 25px;
    margin-right: 48px;
    border: 0;
    border-left: 1px #eaeaea solid;
    padding-left: 29px;
}
.index_lay_3 .lay_3_nav ul.layui-tab-title h1 { font-size: 14px;}
.index_lay_3 .lay_3_nav > .layui-tab-title .layui-this:after {
    border-radius: 20px ;
    border-bottom: 1px ;
}
.index_lay_3 .lay_3_nav .layui-tab-title li{
    display: block;
    margin: 0 ;
    border-radius: 20px ;
    border: 1px lightgrey solid;
    margin-top: 10px ;
}
.index_lay_3 .lay_3_nav >.layui-tab-title .layui-this {
    color: #fff;
    /*background: blue;*/
    background-image: linear-gradient(0deg,
    #3350f1 0%,
    #5c81f9 100%);
}
.index_lay_3 .lay_3_nav .layui-tab-content {
    float: left;
    padding: 0 !important;
    width: 920px;
    height: 385px;
    box-shadow: 0px 0px 20px 0px
    rgba(52, 81, 241, 0.06);
}
.index_lay_3 .lay_3_nav .layui-tab-content .box {     width: 679px;
    height: 360px;
    margin: 45px 0 0 147px; }
.index_lay_3 .lay_3_nav .layui-tab-content .box img{	width: 243px;  height: 300px; float: left }
.index_lay_3 .lay_3_nav .layui-tab-content .box .desc img{	width: 280px;
    height: 283px;}
.index_lay_3 .lay_3_nav .layui-tab-content .box .desc{margin-top: 16px;
    margin-left: 299px;
    width: 306px;}
.index_lay_3 .lay_3_nav .layui-tab-content .box .desc h3{
    font-family: PingFang-SC-Bold;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2847;}
.index_lay_3 .lay_3_nav .layui-tab-content .box .desc p{	font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 1px;
    color: #74778b;
    margin-top: 6px;
}

.index_lay_4 { height: 767px;}
.index_lay_4 { position: relative; padding-top: 20px; }
.index_lay_4 .index_lay_title img {  width: 970px;  height: 102px;
    /*position: absolute; left: 50%;margin-left: -400px; top:120px; */
    display: block;
    margin: 0 auto;
    margin-top: 20px ;
}
.index_lay_4 .index_lay_title p {  font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 67px;
    letter-spacing: 0px;
    color: #74778b;
}
.index_lay_4 .index_lay_4_content { margin-top: 60px }
.index_lay_4 .index_lay_4_content img { width: 501px;
    height: 343px;  }
.index_lay_4_content .div_left {
    float: left;
}
.index_lay_4_content .div_right {
    float: left;
    width: 516px;
    margin: 20px 0 0 120px;
}
.index_lay_4_content .div_right span{
    font-family: PingFang-SC-Bold;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 83px;
    letter-spacing: 0px;
    color: #2b2847;
}
.index_lay_4_content .div_right p{
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #74778b;
}


.index_lay_5{  background-color: #f8faff;    height: 521px;}
.index_lay_5_content .div_left {
    float: left;
    margin-top: 30px;
    margin-left: 100px;
}
.index_lay_5_content .div_left .title {
    font-family: PingFang-SC-Bold;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 83px;
    letter-spacing: 0px;
    color: #2b2847;
}
.index_lay_5_content .div_left img {
    width: 80px;
    height: 80px;
    float: left;
}
.index_lay_5_content .div_left .title_under_content{
    margin-top: 20px;
}
.index_lay_5_content .div_left .title_under_content .title_under_content_show{
    width: 200px ;
    float: left;
    margin-left: 30px ;
}
.index_lay_5_content .div_left .title_under_content span{
    font-family: PingFang-SC-Bold;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #202020;
}
.index_lay_5_content .div_left .title_under_content p{
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: -1px;
    color: #74778b;
    opacity: 0.76;
}
.index_lay_5_content .div_right {  float: left;    width: 470px;margin-top: 116px;}
.index_lay_5_content .div_right ul {
    clear: both;
    display: inline-block;
    width: 400px;
}
.index_lay_5_content .div_right ul li {
    float: left;
    margin-top: 20px ;
    margin-right: 40px ;
    text-align: center;
}
.index_lay_5_content .div_right li img{
    width: 55px;
    height: 55px;
}
.index_lay_5_content .div_right li p{
    font-family: PingFang-SC-Bold;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #282828;
}

.index_lay_6 { height: 380px; }
@charset "utf-8";#certify{position:relative;width:1200px;margin:0 auto}
#certify .swiper-container{padding-bottom:60px}
#certify .swiper-slide{width:520px;height:182px;background:#fff;
    /*box-shadow:0 8px 30px #ddd*/
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    border: solid 1px #e1e6f0;
}
#certify .swiper-slide img{display:block; text-align: center; 	width: 60px; height: 60px; margin: 0 auto; margin-top: 11px; }
#certify .swiper-slide h3{line-height:16px;text-align:center; font-size:1.1em;  margin-top:12px; letter-spacing: -1px; color: #282828;}
#certify .swiper-slide p{line-height:16px;text-align:center;color:#74778b;font-size:1.1em;margin: 0 auto; margin-top:16px; font-size: 12px; width: 300px;}
#certify .swiper-slide p:nth-child(4){line-height:16px;text-align:center;color:#74778b;font-size:1.1em;margin: 0 auto; margin-top:0; font-size: 12px; width: 300px;}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}

#certify .swiper-button-prev{ margin-top: -48px;left:-30px;width:45px;height:45px;
            background:url(../img/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%}
#certify .swiper-button-next{margin-top: -48px;right:-30px;width:45px;height:45px;
            background:url(../img/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100% ;}
#certify .swiper-button-prev:hover{margin-top: -48px; background-position:0 -46px;background-size:100%}
#certify .swiper-button-next:hover{margin-top: -48px;background-position:0 -139px;background-size:100%; }
#certify .swiper-button-prev:focus {  outline:0px;}
#certify .swiper-button-next:focus {  outline:0px;}
