@charset "utf-8";
body{ font-family:Arial, sans-serif; margin:0; padding:0; color: #444; font-size: 100%;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none;}
input,button{ border:none; outline:none; background: none;}
button:hover,button:focus,button:active{ outline: none; }
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }


.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

/*谷哥滚动条样式*/
::-webkit-scrollbar {width:5px;height:5px;position:absolute;}
::-webkit-scrollbar-thumb {background-color:#1a006d}
::-webkit-scrollbar-track {background-color:#ddd}

/* 首页 */
/* 头部 */
.position{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
}
.header{
    width: 100%;
    /* height: 90px; */
    height:107px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.header-top{
    float: right;
}
.header a.logo{
    float: left;
    /* width: 223px; */
    margin-top: 25px;
}
.header a.logo img{
    /* max-width: 100%;
    height: auto; */
    height: 58px;
    width: auto;
}
.header .header-right{
    float: right;
    position: relative;
}
.header-right ul.nav{
    float: right;
    clear: right;
}
.header-right ul.nav li{
    float: left;
    position: relative;
    height: 56px;
    margin-left: 1px;
}
.header-right ul.nav li>a{
    display: block;
    font-size: 18px;
    color: #474646;
    line-height: 56px;
    height: 56px;
    padding-left: 12px;
    padding-right: 12px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
}
.header-right ul.nav li::after{
    content: " ";
    width: 0;
    position: absolute;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #c9151e;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
}
.header-right ul.nav li:hover>a{
    color: #c9151e;
}
.header-right ul.nav li:hover::after{
    width: 100%;
}
.header-right ul.nav li.nav-up-selected{background:rgba(240,240,240,.2)}
.header-right ul.nav li.nav-up-selected>a{
    color: #c9151e;
}
.header-right ul.nav li.current>a{
    color: #c9151e;
}
.header-right ul.nav li .nav-up-selected-inpage{background:#202833}

.navigation-down{
    position:absolute;
    top:108px;
    left:0px;
    width:100%;
    z-index: 100;
}
.navigation-down .nav-down-menu{
    width:100%;
    margin:0;
    background:rgba(240,240,240,.95);
    position:absolute;
    top:0px;
}
.navigation-down .container{
    position:relative
}
.navigation-down .nav-down-menu dl{
    padding: 20px 40px;
}

.menu-1 dl,.menu-3 dl{
   
    margin: auto;
    
    text-align: center;
    overflow: hidden;
}
.menu-1 dl{
    width: 54%;
    margin-left: 25%;
}
.menu-1 dd,.menu-3 dd{
    display: inline-block;
}
.menu-2 dl{
    float:left;
    width: 50%;
}
.menu-3 dl{
    width: 50%;
    margin-left: 54%;
}
.navigation-down .nav-down-menu.menu-5 dl{
    margin-left: 75%;
    padding: 20px 0px;
}
.navigation-down .nav-down-menu.menu-4 dl{
    /*width: 35%; */
    width: 50%;
    padding: 20px 15px;
}
.navigation-down .nav-down-menu dl dd{
    display: inline-block;
    /* width: 25%; */
    margin-right: 40px;
}
.navigation-down .nav-down-menu dl dt{
    font-size: 16px;
    color:#474646;
    padding-top: 10px;
    padding-bottom:15px;
    border-bottom:1px solid #2f1a87;
    margin-bottom:10px;
}
.navigation-down .nav-down-menu .case_nav{
    float: left;
    width: 30%;
    padding: 20px 0px;
    overflow: hidden;
}
.case_nav li{
    float: left;
    width: 33.3%;
    padding: 0 15px;
}
.case_nav li a{
    display: block;
    padding-top: 10px;
    font-size: 16px;
    color:#474646;
    padding-bottom:15px;
    /* border-bottom:1px solid #2f1a87; */
}
.navigation-down .menu-2 dd a{
    color:#474646;
    font-size: 14px;
    line-height: 32px;
}
.navigation-down .menu-1 dd a,.navigation-down .menu-3 dd a,.navigation-down .menu-5 dd a{
    color:#474646;
    font-size: 16px; 
}
.navigation-down dd a:hover{
    color:#c9151e;
}
.case_nav li a:hover{
    color:#c9151e;
}
.header-right .formbox{
    float: right;
    margin-left: 18px;
    /* height: 90px; */
    /* display: inline-block; */
    margin-top: 10px;
    margin-right: 22px;
}
.formbox span.searchimg{
    display: block;
    
    width: 15px;
    height: 90px;
    cursor: pointer;
    background: url(../images/search.png) no-repeat center center;
}
.formbox img.closebtn{
    display: none;
    position: absolute;
    top:0;
    right:0;
    width: 16px;
    height: 16px;
    margin-top: 35px;
    cursor: pointer;
}
.formbox form.search_news{
    /* opacity: 0;
    display: none; */
    /* width: 300px; */
    background: #fff;
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    border-radius:4px;
    /* position: absolute;
    right:40px;
    top: 90px;
    z-index: -1; */
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.formbox form.search_news input.search_text{
    /* width: 258px; */
    width:164px;
    float: left;
    height: 40px;
    font-size: 14px;
    color: #444;
    padding: 0 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formbox form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../images/search.png) no-repeat center center #fff;
    border-radius:0 4px 4px 0;
}
.loginbox{
    float: right;
    /* margin-top: 29px; */
    margin-top: 16px;
    margin-left: 10px;
    font-size: 16px;
}
.loginbox a{
    display: inline-block;
    padding:  5px 10px;
    font-size: 16px;
    vertical-align: baseline;
    color: #444;
}
.loginbox a:hover{
    color: #c9151e;
}

/*手机版导航*/
.mobileNav{ display:none;position:fixed; top:70px; z-index:10000; width:100%; height:auto;overflow: scroll; background:#2f1a87;left:0;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#2f1a87; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

.bannerslider{
    width: 100%;
    height: 100%;
    position: relative;
    overflow:hidden;
    /* margin-top:107px; */
}
.bannerslider video{
    display: inline-block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.bannerslider .bannercover{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* background: url(../images/bg.png) no-repeat; */
    /* background-size: cover; */
    left: 0;
    top: 0;
    text-align: center;
}
.bannerslider .bannercover .bannertext{
    position: relative;
    height: 100%;
    width: 100%;
}
.bannerslider .swiper-slide{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bannerslider .swiper-slide a{
    display: block;
    width:100%;
    height: 100%;
}
.bannerslider .swiper-slide a>img{
    width:auto;
    height:100%;
    object-fit: cover;
}
.bannerslider .swiper-slide.banner2{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.bannerslider .swiper-slide.banner3{
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.bannercover h2{
    /*font-size: 62px;
    */font-size: 42px;
    color: #fff;
    font-family: pingfang-s;
    letter-spacing: 4px;
    line-height: 84px;
    position: relative;
    top: 46%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.bannercover h2 span{
    /* font-size: 48px; */
    font-size: 32px;
}
.bannercover p{
    font-size: 20px;
    color: #fff;
}
.bannerslider .swiper-pagination{
    display: none;
}
.indexnumbox{
    background: #f3f3f6;
    padding-top: 35px;
    padding-bottom: 25px;
}
#numberscroll{
    overflow: hidden;
}
#numberscroll li{
    float: left;
    padding-left: 74px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 56px auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#numberscroll li.index0{
    width: 28%;
}
#numberscroll li.index1{
    width: 30%;
}
#numberscroll li.index2{
    width: 27%;
}
#numberscroll li.index3{
    width: 15%;
}
#numberscroll li h2{
    font-size: 18px;
    color: #1a006d;
}
#numberscroll li p{
    font-size: 20px;
    color: #c51c26;
}
#numberscroll li p i{ 
    font-size: 32px;
    font-style: normal;
    margin-right: 10px;
}
#numberscroll li p b{
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    margin-left: -10px;
    margin-right: 8px;
}
#numberscroll li p span{
    display: inline-block;
    position: relative;
    top: -2px;
}
.index_product{
    /* background: url(../images/bg1.jpg) no-repeat center center;
    background-size: cover; */
    padding-top: 60px;
    /* padding-bottom: 0px; */
}
.index_product h1{
    text-align: center;
    font-size: 32px;
    font-family: pingfang-s;
    color: #2f1a87;
    letter-spacing: 4px;
}
.index_product ul.product_nav{
    overflow: hidden;
    margin-top: 40px;
    height: 350px;
}
.product_nav li{
    float: left;
    width: 50%;
    padding: 75px 14px 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    
}
.product_nav li .iconbox{
    width: 134px;
    height: 134px;
    position: absolute;
    left: 50%;
    margin-left: -67px;
    top: 0;
    z-index: 1;
    border-radius: 50%;
    padding-top: 20px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #2f1a87;
    /* background-image: url(../images/current.png); */
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(47,26,135,.2);
    transition: top .4s;
}
.product_nav li .iconbox .imgbox{

}
.product_nav li img{
    /* max-width: 100%; */
    height: 58px;
    width: auto;
}
.product_nav li .iconbox img.hover{
    display: none;
}
.product_nav li h2{
    font-size: 18px;
    margin-top: 12px;
    color: #575656;
}
.product_nav li dl{
    overflow: hidden;
    background: #fff;
    padding: 84px 28px 20px;
    height: 262px;
    box-shadow: 0 0 6px rgba(47,26,135,.1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.product_nav li dl dd{
    width: 33.3%;
    float: left;
    line-height: 38px;
    padding-left: 14px;
    background: url(../images/dots-red.png) no-repeat left center;
}
.product_nav li dl dd a{
    font-size: 16px;
    color: #000;
}
.product_nav li:hover .iconbox{
    border:none;
    background-image: url(../images/current-r.png);
}
.product_nav li:hover .iconbox img.normal{
    display: none;
}
.product_nav li:hover .iconbox img.hover{
    display: inline-block;
}
.product_nav li:hover h2{
    color: #fff;
}

.product_nav li dl dd:hover a{
    color: #c51c26;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rely{
    padding-top: 50px;
    padding-bottom: 60px;
}
.rely h1{
    text-align: center;
    font-size: 32px;
    color: #2f1a87;
    font-family: pingfang-s;
    letter-spacing: 4px;
    margin-bottom: 45px;
}
.rely .relyTab{
    text-align: center;
}
.relyTab a{
    display: inline-block;
    font-size: 20px;
    padding-left: 44px;
    padding-right: 44px;
    line-height: 56px;
    color: #575656;
    cursor: pointer;
}
.relyTab a.active{
    color: #c51c26;
    background: #f3f3f6;
}
.relyTab a:hover{
    color: #c51c26;
    background: #f3f3f6;
}
.rely .relyContent{
    margin-top: 50px; 
}
.relyContent .swiper-list{

}
.relyContent .swiper-list .relyitem{
    text-align: center;
}
.relyitem li{
    display: inline-block;
    text-align: center;
    margin: 0 14px;
}
.relyitem li a{
    display: block;
    padding: 0 15px;
}
.relyitem li .iconbox{
    width: 101px;
    height: 101px;
    background: url(../images/current.png) no-repeat center center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
}
.relyitem li .iconbox img{
    max-width: 60%;
    height: auto;
    margin: 30px auto 0;
}
.relyitem li .iconbox img.normal{
    display: inline-block;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.relyitem li .iconbox img.hover{
    display: none;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.relyitem li h2{
    font-size: 16px;
    margin-top: 32px;
    color: #575656;
}
.relyitem li:hover .iconbox{
    background: url(../images/current-r.png) no-repeat center center;
    background-size: cover;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.relyitem li:hover h2{
    font-family: pingfang-s;
    color: #1b0966;
}
.relyitem li:hover img.hover{
    display: block;
}  
.relyitem li:hover img.normal{
    display: none;
} 
.hdCenter{
    width: 100%;
    background: #f3f3f6;
    padding-top: 60px;
    padding-bottom: 60px;
}
.hdCenter h1{
    text-align: center;
    font-size: 32px;
    color: #2f1a87;
    font-family: pingfang-s;
    letter-spacing: 4px;
}
.hdCenter .hdindex{
    margin-top: 50px;
    overflow: hidden;
}
.hdindex a{
    display: block;
    height: 100%;
}
.hdindex .hd_cover{
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.hdindex .hd_left,.hdindex .hd_left2024{
    float: left;
    width: 49.5%;
    height: 280px;
    position: relative;
}

.hd_left a,.hd_left2024 a{
    display: block;
}
.indexvideoplay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}
.indexvideoplay::after{
    content: ' ';
    display: inline-block;
    width: 56px;
    height: 56px;
    background-image: url(../images/videoplay-index.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -28px;
    cursor: pointer;
}
.hdindex .hd_title{
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 34px;
    top: 25px;
    z-index: 3;
    font-size: 20px;
    color: #fff;
    padding-left: 40px;
    font-family: pingfang-s;
}
.hdindex .hd_title a{
    font-size: 20px;
    color: #fff;
    font-family: pingfang-s;
}
.hd_cover .hd_shade{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index:0;
    background: rgba(0,0,0,0.2);
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}
.hd_cover img{
    width: 100%;
    transform: scale(1.1);
    transition: all .3s ease-in-out;
}
.hd_left .hd_title,.hd_left2024 .hd_title{
    background-image: url(../images/icon1.png);
}

.hd_left .hd_news,.hd_left2024 .hd_news{
    position: absolute;
    width: 88.2%;
    left: 50%;
    margin-left: -44.1%;
    bottom: 35px;
    z-index: 1;
    background: rgba(255,255,255,.75);
    padding: 25px 25px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.hd_news span{
    font-size: 15px;
    color: #272727;
}
.hd_news h2{
    font-size: 18px;
    font-family: pingfang-s;
    line-height: 28px;
    margin-top: 12px;
    color: #272727;
}
.hd_news p{
    font-size: 16px;
    line-height: 28px;
    color: #272727;
}
.hdindex .hd_right{
    width: 49.5%;
    float: right;
    height: 280px;
}
.hd_right{

}
.hd_right .hd_activity{
    margin-bottom: 15px;
    height: 132.5px;
}
.hd_activity .hd_title{
    background-image: url(../images/icon2.png);
}
.hd_activity h2{
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    z-index: 3;
    left: 0;
    bottom:38px;
}
.hd_activity h2 a{
    font-size: 18px;
    color: #fff;
}
.hd_right ul{
    overflow: hidden;
}
.hd_right ul li{
    float: left;
    width: 48.65%;
    height: 132.5px;
    margin-right: 2.7%;
    margin-bottom: 15px;
}

.hd_right ul li .hd_title{
    left:50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.hd_right ul li.index0 .hd_title{
    background-image: url(../images/icon3.png);
}
.hd_right ul li.index1,.hd_right ul li.index3{
    margin-right: 0;
}
.hd_right ul li.index1 .hd_title{
    background-image: url(../images/icon4.png);
}
.hd_right ul li.index2 .hd_title{
    background-image: url(../images/icon3.png);
}
.hd_right ul li.index3 .hd_title{
    background-image: url(../images/icon4.png);
}
.hd_cover:hover img{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.showVideoBox{
    position: fixed;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10001;
}
.videobgs{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,.5);
}
.showVideoChildren{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding:40px 12%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.showvideoclose{
    text-align: right;
    margin-bottom: 20px;
}
.showvideoclose img{
    cursor: pointer;
}
.showcontentvideo{

}
.showcontentvideo video{
    width: 100%;
    height: auto;
}

.index_about{
    background: url(../images/bg2.jpg) no-repeat left center;
    width: 100%;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 30px;
    overflow: hidden;
}
.index_about_footer{
    text-align: center;
    padding-bottom: 40px;
}
.index_about .index_left{
    /* float: left; */
    /* width: 59%; */
    display: inline-block;
    /* text-align: center; */
    margin-right: 8%;
    vertical-align: top;
    padding-top: 6px;
}
.index_left h1{
    font-size: 24px;
    color: #fff;
    letter-spacing: 4px;
    margin-bottom: 30px;
}
.index_left ul{
    overflow: hidden;
    display: inline-block;
    text-align: center;
}
.index_left ul li{
    text-align: center;
}
.index_left ul li img{
    width: 130px;
    height: auto;
}
.index_left ul li p{
    font-size: 16px;
    margin-top: 20px;
    color: #fff;
}
.index_about .index_right{
    /* float: right; */
    width: 30.9%;
    display: inline-block;
    
}
.index_right .index_video{
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
}
.index_video .video_cover>img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.index_footer{
    clear: both;
    overflow: hidden;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7;
}
.index_footer .copyright{
    float: left;
    font-size: 16px;
    color: #fff;
}
.index_footer a{
    color: rgba(255,255,255,.8);
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
    margin-left: 18px;
}
.index_footer a.police{
    background: url(../images/ga.png) no-repeat left center;

    padding-left: 30px;
}
.index_footer .smalltab{
    float: right;
}
.index_footer a:hover{
    color: rgba(255,255,255,1);
}

/* 飘窗 */
.float-container {
    position: relative;
    z-index:99999999999999999999;
    width:300px;
    height:160px;
    background: url(../images/bg3.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute; 
    left: 0; 
    top: 0;
}
.float-container .piaoTitle{
    text-align: center;
    font-size: 20px;
    line-height: 160px;
    color: #c9151e;
}
.float-container .ad1-close {
    text-align: right;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    opacity: .8;
    font-size: 18px;
    transform: rotateX(45deg);
    cursor: pointer;
}

/* 关于赛分——公司简介 */
.banner{
    width: 100%;
    height: auto;
    margin-top:90px;
    overflow: hidden;
}
.banner img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
@media (min-width:768px) {
    .banner img{
        object-fit:cover;
        font-family: 'object-fit: cover';
        z-index: 1000;
        animation: anima_img 15s ease-in-out infinite;
        -webkit-animation: anima_img 15s ease-in-out infinite;
        -o-animation: anima_img 15s ease-in-out infinite;
        -moz-animation: anima_img 15s ease-in-out infinite;
    }
}
@keyframes anima_img {
    0%{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    /* 25% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    } */
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}
.menunav{
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 10;
    text-align: center;
    border-radius: 9px;
    margin-top: 60px;
}
.menunav a{
    /* float: left;
    width: 25%; */
    display: inline-block;
    padding: 0 45px;
    height: 56px;
    line-height: 56px;
    margin: 0 10px;
    text-align: center;
    font-size: 20px;
    color: #474646;
    background: transparent;
  
}
.menunav a.active{
    background: url(../images/subBg.png) no-repeat left top;
    color: #fff;
    background-size: 100% 100%;
}
.menunav a:hover{
    color: #c51c26;

}
.menunav a.active:hover{
    color: #fff;
}

.product-section{padding-top:50px;position:relative;}
.product-wrapper{padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{
    background: url(../images/solid_round.png) no-repeat center 157px;
    background-size: contain;
}
    
.product-features .product-body:after{
    /* content:"";width:100%;height:3px;background:url(../images/productBase-features-model.png) no-repeat;background-size:100% auto;
    background-position:center;position:absolute;top:50px;left:0;z-index:0 */
}
/*li*/
.features-item{position:relative;float:left; background:url(../images/pdots.png) no-repeat bottom center; height:190px;
    display: inherit;
    align-items: inherit;
    -webkit-align-items:inherit;
}
.features-slide .features-item>*{text-align:center}
.features-item::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: ;
}
.features-item h3{
    font-size: 30px;
    font-family: 'pingfang-s';
    color: #1d2088;
    margin-bottom: 5px;
}
.features-item>div{
   
}
.features-item span{
    display: block;
    width: 1px;
    margin: auto;
    height:77px;
    background:url(../images/squre.jpg) repeat-y;
}
.features-item.even{
    background: none;
    margin-top: 164px;
}
.features-item p{
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.features-item.even p{
    font-size: 20px;
    font-family: 'pingfang-r';
    color: #1d2088;
}

/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:60%;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:60%;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}

/* 公司简介 */
.aboutboxmain{
    padding-top: 35px;
}
.processimg{
    padding-bottom:35px;
    padding-top: 30px;
}
.processimg img{
    max-width: 100%;
    height: auto;
}
.abouttitlepic{
    /* padding-bottom:35px; */
    position: relative;
    height: 430px;
    background-image: url(../images/bg-process.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.aboutprocesstop{
    position: relative;
    width: 100%;
    height: 100%;
}
.aboutprocesstop li{
    position: absolute;
    width: 15%;
    cursor: default;
}

.aboutprocesstop li.index0{  
    top: 225px;
    width: 17%;
    left: 0;
}
.aboutprocesstop li.index1{
    top: 325px;
    left: 17%;
    width: 10%;
}
.aboutprocesstop li.index2{
    top: 180px;
    left: 19.5%;
    width: 13%;
}
.aboutprocesstop li.index3{
    left: 35%;
    top: 120px;
}
.aboutprocesstop li.index4{
    left: 41.4%;
    top: 270px;
    width: 12%;
}
.aboutprocesstop li.index5{
    left: 51.8%;
    top: 60px;
    width: 13%;
}
.aboutprocesstop li.index6{
    left: 56.5%;
    top: 175px;
    width: 11%;
}
.aboutprocesstop li.index7{
    left: 67.5%;
    top: 0px;
    width: 13%;
}
.aboutprocesstop li.index8{
    width: 19%;
    left: 76.5%;
    top: 155px;
}
.aboutprocesstop li.index9{
    width: 11%;
    left: 85.5%;
    top: -25px;
}
/* .aboutprocesstop li.index10{
    width: 11%;
    left: 83.5%;
    top: -25px;
    display: none;
} */
.aboutprocesstop li h2{
    font-size: 22px;
    color: #c81620;
    margin-bottom: 8px;
    /* letter-spacing: 1px; */
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.aboutprocesstop li p{
    font-size: 16px;
    line-height: 24px;
    position: relative;
    min-height: 56px;
    color: #262626;
    padding-left: 14px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.aboutprocesstop li p::before{
    content: ' ';
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #c81620;
    position: absolute;
    left: 0;
    top: 2px;
}

.aboutbox{
    overflow: hidden;
    padding-top:10px;
    padding-bottom: 45px;
}
.aboutbox h1{
    color: #1d2088;
    font-size:44px;
    font-family: pingfang-s;
    margin-bottom: 30px;
}
.aboutbox p{
    font-size: 16px;
    line-height: 32px;
    color: #575656;
    margin-bottom: 5px;
}
.aboutbox .about_text{
    /* float: left;
    width: 62.9%; */
    padding-top: 20px;
    font-size: 16px;
    text-align: justify;
    line-height: 32px;
    color: #575656;
}
.about_text h2{
    font-size: 24px;
    color: #1a006d;
    font-family: 'pingfang-s';
    margin-bottom: 20px;
}

.aboutbox .about_right{
    /* float: right;
    width: 33.4%; */
    margin-top: 20px;
}
.about_right ul li{
    position: relative;
    /* margin-bottom: 10px; */
    float: left;
    width: 32%;
    margin-right: 2%;
}
.about_right ul li:last-child{
    margin-right: 0;
}
.about_right ul li h3{
    font-size: 16px;
    line-height: 40px;
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 25px;
    color: #fff;
    background: rgba(0,0,0,.4);
    /* background: rgba(47,26,135,.1); */
}
.about_right ul li img{
    max-width: 100%;
    height: auto;
}
.about_right .swiper-slide{
    box-shadow: 0 0 10px 0 rgba(114,114,114,.25);
}
.about_right .swiper-slide img{
    width: 100%;
    height:auto;
}
#swiper-container3{

}
.about_right .swiper-pagination{
    bottom: 15px !important;
    width: 100%;
}
.about_right .swiper-pagination-switch,.about_right .swiper-pagination-bullet {
    display: inline-block;
    width: 24px;
    height: 6px;
    border-radius:6px;
    background: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
}
.about_right .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    /* margin:0 2px; */
}
.about_right .swiper-visible-switch {
   background:linear-gradient(to right,#1b0966,#b6302a);
}
.about_right .swiper-active-switch,.about_right .swiper-pagination-bullet-active {
   background:linear-gradient(to right,#4504ff,#c91e45);
   width: 32px;
}

.about_mp4{
    width: 100%;
    background: url(../images/aboutBg.jpg) no-repeat left center;
    background-size: cover;
    padding-top: 98px;
    padding-bottom: 108px;
    overflow: hidden;
}
.about_mp4 .about_video{
    position: relative;
    width: 66.8%;
    margin: auto;
    overflow: hidden;
}
.about_mp4 .about_cover_video>img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.about_cover_video .about_playbtn{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
}
.about_cover_video .about_playbtn img{ max-width: 100%; height: auto;}
.about_mp4 .about_cover_video:hover>img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.about_mp4 video{
    width: 100%;
    vertical-align: bottom;
}
.common_block{
    padding-top: 30px;
    padding-bottom: 30px;
}
.common_block h1{
    font-size: 24px;
    margin-top: 25px;
    color: #1d2088;
    font-family: pingfang-s;
    margin-bottom: 20px;
}
.common_block p{
    font-size: 16px;
    line-height: 32px;
    color: #575757;
    text-align: justify;
}
.common_block p img{
    max-width: 100%;
    height: auto;
}
.skill{
    position: relative;
    /* background-image: url(../images/bg-quality1.png); */
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 11.614583%;
    padding: 30px 0 0;
}
.skill-left{
    float: left;
    width: 50.33%;
    padding-top: 10px;
}

.skill-right{
    float: right;
    width: 47.67%;
    padding-top: 20px;
}
.skill ul{

}
.skill-right ul li{
    float: left;
    width: 33.33%;
    text-align: center;
}    
.skill-right ul li img{
    max-width: 100%;
    height: auto;
}
.skill-right ul li .imgbox{
    width: 105px;
    height: 105px;
    margin:0 auto;
    overflow: hidden;
    background: #f2f3f8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.skill-right ul li span{
    display: block;
    font-size: 16px;
    color: #575757;
    margin-top:18px;
    line-height: 28px;
}

.global_box{
    padding-bottom: 40px;
}
.skill_team{
    background: #f3f4f9;
    padding-bottom: 20px;
}
.skill_team h1{
    /* text-align: center; */
}
.skill_team ul{
    overflow: hidden;
    /* padding-top: 20px; */
}
.skill_team ul li{
    /* width: 33.33%;
    float: left;
    text-align: center; */
    /* margin-bottom: 30px; */
    border-bottom: 1px solid #d4d5d9;
}
.skill_team ul li:last-child{
    border-bottom: none;
}
.skill_team ul li a{
    display: block;
    padding: 20px 0;
    position: relative;
    overflow: hidden;
    cursor: default;
}
.skill_team ul li .imgbox{
    width: 90px;
    height: 90px;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.skill_team ul li img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.skill_team ul li .aboutteachinfo{
    float: right;
    width: 90.5%;
}
.skill_team ul li h2{
    font-size: 18px;
    color: #474747;
    margin-bottom: 6px;
}
.skill_team ul li h2 span{
    margin-left:10px;
    font-size: 16px;
    color: #575757;
    line-height: 28px;
}
.teachsmalltext{
    font-size: 16px;
    line-height: 28px;
    color: #575757;
    text-align: left;
}
.skill_team a.team_more{
    display: block;
    width: 130px;
    height: 48px;
    margin:0 auto;
    border: 1px solid rgba(27,9,102,.8);
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    color: #1d2088;
    margin-top: 25px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.skill_team a.team_more:hover{
    background: rgba(27,9,102,.8);
    color: #fff;
}
.global_boxlist{
    /* padding-top: 25px; */
}
.global_boxlist li{
    float: left;
    width: 25%;
    min-height: 64px;
    margin-top: 30px;
}
.global_boxlist li .icon-img{
    float: left;
    margin-top: 6px;
}
.global_boxlist li .icon-aboutright{
    float: left;
    margin-left: 22px;
}
.global_boxlist li p.cn-title{
    font-size:32px;
    color: #c91e45;
}
.global_boxlist li p.cn-title b{
    font-weight: normal;
    /* font-size: 32px; */
}
.global_boxlist li p.cn-ftite{
    color: #1d2088;
    font-size: 18px;
}
.global_boxlist li.index0 p.cn-ftite,.global_boxlist li.index2 p.cn-ftite{
    /* font-size: 24px;
    color: #c91e45;
    margin-top: 15px; */
    margin-top: 20px;
}
.global_boxlist li.index0 p.cn-title,.global_boxlist li.index2 p.cn-title{

    display: none;
}
.global_boxlist li.index1,.global_boxlist li.index4{
    width: 28%;
    margin-left:11%;
    margin-right:11%;
}

.culturebox{
    padding-top: 10px;
    position: relative;
    /* background-image: url(../images/bg-quality2.png); */
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 8.85416%;
    padding-bottom: 40px;
}
.culturebox ul li{
    float: left;
    padding-left: 65px;
    position: relative;
}
.culturebox ul{
    padding-top: 12px;
    padding-bottom: 8px;
}
.culturebox ul li h2{
    font-size: 18px;
    color: #1d2088;
    line-height: 32px;
    position: relative;
}
.culturebox ul li::before{
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 50px;
    height: 50px;
    background-color: #f3f4f9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.culturebox ul li p{
    color: #575757;
    line-height: 28px;
}
.culturebox ul li.index0{
    width: 28%;
}
.culturebox ul li.index1{
    width: 24%;
}
.culturebox ul li.index2{
    width: 30%;
}
.culturebox ul li.index3{
    width: 18%;
}
.culturebox ul li.index0::before{
    background-image: url(../images/icon-culture1.png);
}
.culturebox ul li.index1::before{
    background-image: url(../images/icon-culture2.png);
}
.culturebox ul li.index2::before{
    background-image: url(../images/icon-culture3.png);
}
.culturebox ul li.index3::before{
    background-image: url(../images/icon-culture4.png);
}
.company{
    width: 100%;
    padding-top: 45px;
    padding-bottom: 20px;
    background: #f3f4f9;
    overflow: hidden;
}
.company h1{
    font-size: 24px;
    color: #1d2088;
    margin-bottom: 20px;
    font-family: pingfang-s;
}
.company p{
    font-size: 16px;
    text-align: justify;
    line-height: 32px;
    color: #575757;
}
.company .tab{
    text-align: center;
    margin-top: 20px;
}
.tab a{
    display: inline-block;
    padding: 0 38px;
    font-size: 18px;
    border-radius: 3px;
    color: #575757;
    line-height:42px;
    cursor: pointer;
    background: transparent;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}
.tab a.active{
    background: #e8e9f3;
    color: #c9151e;
}
.tab a:hover{
    background: #e8e9f3;
    color: #c9151e;
}
.tabContent{
    padding-top: 0px;
    overflow: hidden;
    padding-bottom: 10px;
}
.tabContent .company_list{
    overflow: hidden;
    border-bottom: 1px solid #d4d5d9;
    position: relative;
    padding: 20px 0 15px;
}
.tabContent .company_list:last-child{
    margin-right: 0;
}
.company_list .company_left{
    width: 88.8%;
    float: right;
}
.company_list.ylzd{
    border-bottom: none;
}
/* .company_list.ylzd .company_left{
    width: 100%;
} */
.company_left h2{
    color: #c9151e;
    font-size:18px;
    margin-bottom: 12px;
}
.company_left p{
    text-align: justify;
    line-height: 28px;
}
.company_left a{
    display: inline-block;
    width: 130px;
    height: 48px;
    border: 1px solid rgba(27,9,102,.8);
    text-align:center;
    font-size:16px;
    line-height: 48px;
    color:#1d2088;
    margin-top: 30px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.company_list .company_right{
    width: 100px;
    height: 100px;
    float: left;
}
.company_right img{
    width: 100%;
    height:auto;
}
.company_left a:hover{
    background: rgba(27,9,102,.8);
    color: #fff;
}
.qyzz{
    padding-top: 80px;
    padding-bottom: 100px;
}
.qyzz .qy_left{
    float: left;
    width: 46.6%;
    margin-top: 30px;
}
.qy_left h1{
    font-size: 44px;
    font-family: pingfang-s;
    color: #1d2088;
    margin-bottom: 35px;
}
.qy_left h2{
    font-size: 28px;
    color: #1d2088;
    margin-bottom: 14px;
}
.qy_left p{
    font-size: 16px;
    color: #999;
    line-height:32px;
}
.qyzz .qy_right{
    float: right;
    width: 45.3%;
}
.qy_right img{
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(114,114,114,.25);
}
.parterbox{
    padding-bottom: 50px;
}
.strategylist{
    width: 716px;
    margin: 0 auto;
    position: relative;
    min-height: 420px;
}
.strategylist ul li{
    position: absolute;
    width: 144px;
    height: 164px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/bg-lx.png);
    text-align: center;
}
.strategylist ul li a{
    display: block;
    cursor: default;
    padding: 41.5px 3px;
}
.strategylist ul li img{
    width: 100%;
    height: auto;
}
.strategylist ul li.index0,.strategylist ul li.index1,.strategylist ul li.index2,.strategylist ul li.index3{
    top: 0;
}
.strategylist ul li.index0,.strategylist ul li.index9{
    left: 72px;
}
.strategylist ul li.index1,.strategylist ul li.index10{
    left: 214px;
}
.strategylist ul li.index2,.strategylist ul li.index11{
    left: 356px;
}
.strategylist ul li.index3,.strategylist ul li.index12{
    left: 498px;
}
.strategylist ul li.index4,.strategylist ul li.index5,.strategylist ul li.index6,.strategylist ul li.index7,.strategylist ul li.index8{
    top: 122px;
}
.strategylist ul li.index4{
    left: 1px;
}
.strategylist ul li.index5{
    left: 143px;
}
.strategylist ul li.index6{
    left: 285px;
}
.strategylist ul li.index7{
    left: 427px;
}
.strategylist ul li.index8{
    left: 569px;
}
.strategylist ul li.index9,.strategylist ul li.index10,.strategylist ul li.index11,.strategylist ul li.index12{
    top: 243px;
}



.footer{
    width: 100%;
    background: url(../images/footerBg.jpg) no-repeat left center;
    padding-top: 32px;
    padding-bottom: 28px;
    background-size: 100% 100%;
}
.footer p{
    float: left;
    color: #fff;
    font-size: 16px;
}
.footer a{
    color: rgba(255,255,255,.8);
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    margin-left: 12px;
}
.footer a.police{
    background: url(../images/ga.png) no-repeat left center;
    padding-left: 30px;
}
.footer .smalltab{
    float: right;
}
.footer a:hover{
    color: rgba(255,255,255,1);
}
.footerewm{
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
    vertical-align: bottom;
}
.footerewm .icon-ewm{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: url(../images/wx-r.png) no-repeat center center transparent;
    background-size: 20px auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.ewmpics{
    display: none;
    left: 50%;
    opacity: 0;
    width: 120px;
    z-index: 1;
    position: absolute;
    bottom: 40px;
    background: #fff;
    padding: 8px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    text-align: center;
    margin-left: -60px;
    box-shadow: 0 0 10px rgb(243, 244, 249);
}
@keyframes transX{
    0%{
        opacity:0;
        transform: translateY(-35px);
        -webkit-transform: translateY(-35px);
        -moz-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        -o-transform: translateY(-35px);
    }
    100%{
        opacity:1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}
.ewmpics img{
    width:100%;
}
.ewmpics p{
    color: #1d2088;
    font-size: 16px;  
    float: none;
    text-align: center;
}
.footerewm .icon-ewm:hover{
    background-color: #1d2088;
}
.footerewm:hover .ewmpics{
    display: inline-block;
    animation: transX .5s linear forwards;
    -webkit-animation: transX .5s linear forwards;
}

/* 关于赛分——技术团队 */
.teamlist{
    overflow: hidden;
    padding-top: 20px;
}
.teamlist li{
    overflow: hidden;
    padding: 0 15px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f7f7f7;
}
.teamlist li .general-left{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
    background: #dfdad6;
    overflow: hidden;
}
.general-left img{
    width: 100%;
    height: auto;

}
.teamlist li .general-right{
    width: 88.5%;
    float: right;
}
.general-right h2{
    font-size:18px;
    font-weight: 500;
    color: #474646;
    text-transform: uppercase;
    margin-bottom:12px;
}
.general-right h2 span{
    color: #575757;
    font-size: 15px;
    margin-left: 20px;
}
.general-right .general-info{
    font-size: 15px;
    color: #575656;
    line-height:26px;
}

/* 关于我们——创新与荣誉 */
.process .history-swiper1 { 
    position: relative; 
    margin: 20px 55px 0; 
    border-top: 2px solid #e8e8e8; 
}
.process .history-swiper1 .swiper-container { 
    /* margin-bottom: -16px;  */
}
.process .history-swiper1 .swiper-slide {
    width: 183px; 
    background-color: transparent;
    padding-top: 25px;
}
.process .history-swiper1 .swiper-slide.active-nav{
    background: url(../images/sjx-r.png) no-repeat center top;
}
.process .history-swiper1 .swiper-slide.active-nav a { 
    color: #fff; 
    font-size: 24px;
    font-weight: 700;
    line-height: 80px;
    background: url(../images/year-r.png) no-repeat center center; 
}
.process .history-swiper1 .swiper-slide a { 
    display: inline-block; 
    width:80px;
    font-size: 24px;
    color: #999;
    height: 80px;
    margin: 0 50px; 
    /* background: url(../images/dots-ar.png) no-repeat bottom center;  */
}
.process .history-swiper1 .swiper-slide:hover{
    background: url(../images/sjx-r.png) no-repeat center top;
}
.process .history-swiper1 .swiper-slide a:hover{
    color: #fff; 
    font-size: 24px;
    font-weight: 700;
    line-height: 80px;
    background: url(../images/year-r.png) no-repeat center center; 
}
.process .history-swiper1 .swiper-button-next, .process .history-swiper1 .arrow-right { 
    display: none; 
    position: absolute; 
    right: -25px;
    width: 30px; 
    height: 108px; 
    background: url("../images/arrow-right.png") no-repeat center; 
    margin-top: 10px; 
}
.process .history-swiper1 .swiper-button-next, .process .history-swiper1 .arrow-right:hover{
    opacity: 1 !important;
}
.process .history-swiper1 .swiper-button-prev, .process .history-swiper1 .arrow-left {
    display: none; 
    position: absolute; 
    left: -25px; 
    width: 30px; 
    height: 108px; 
    background: url("../images/arrow-left.png") no-repeat center; 
    margin-top: 10px;
}
.process .history-swiper1 .swiper-button-prev, .process .history-swiper1 .arrow-left:hover{
    opacity: 1 !important;
}
.process .history-swiper2 { 
    margin-top: 72px; 
    position: relative; 
}
.process .history-swiper2 .swiper-container { 
    height: auto !important;
}
.process .history-swiper2 .swiper-container .swiper-wrapper { 
    height: auto !important; 
}
.process .history-swiper2 .swiper-slide { 
    height: 20px !important; 
    display: block;
    text-align: left;
}
.process .history-swiper2 .swiper-slide.swiper-slide-active { 
    height: auto !important; 
}
.process .history-swiper2 .swiper-slide .history-year{
    padding: 0 35px;
}
.process .history-swiper2 .swiper-slide .history-year .years-tit { 
    width: 100%; 
    font-size:28px; 
    color: #1d2088; 
    font-family: 'pingfang-s';
}
.process .history-swiper2 .swiper-slide .history-year .years-txt { 
   padding-left: 30px;
}
.process .history-swiper2 .swiper-slide .history-year .years-txt ul li{
    background: url("../images/dots-b.png") no-repeat left 12px; 
    line-height: 30px; 
    padding-left: 30px; 
    margin-bottom: 25px; 
}

.process .history-swiper2 .swiper-slide .history-year .years-txt .years-item-more { 
    padding-left: 25%; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-item-more a {
    display: inline-block; 
    font-size: 14px; 
    color: #999; 
    padding-left: 20px; 
    background: url("../images/a-icon-jt.png") no-repeat left center; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-item-more a.on { 
    background: url("../images/a-icon-jt02.png") no-repeat left center; 
    opacity: 1;
}
.process .history-swiper2 .swiper-button-next, .process .history-swiper2 .arrow-right { 
    position: absolute; 
    top: -180px; 
    right: 0; 
    width: 30px; 
    height: 108px; 
    background: url("../images/arrow-right.jpg") no-repeat center; 
    
}
.process .history-swiper2 .swiper-button-next, .process .history-swiper2 .arrow-right:hover{
    background: url(../images/arrow-right-r.jpg) no-repeat center;
}
.process .history-swiper2 .swiper-button-prev, .process .history-swiper2 .arrow-left { 
    position: absolute; 
    top: -180px; 
    left: 0; 
    width: 30px; 
    height: 108px; 
    background: url("../images/arrow-left.jpg") no-repeat center; 
}
.process .history-swiper2 .swiper-button-prev, .process .history-swiper2 .arrow-left:hover{
    background: url("../images/arrow-left-r.jpg") no-repeat center; 
}
.honor{
    overflow: hidden;
    padding-top: 10px;
}
.honor li{
    float: left;
    width: 23.65%;
    margin-right: 1.8%; 
    margin-bottom: 20px;   
}
.honor li a{
    display: block;
    cursor: default;
}
.honor li .imgbox{
    padding: 18px 0;
    height: 196px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f3f4f9;
    text-align: center;
    overflow: hidden;
}
.honor li .imgbox img{
    width: auto;
    height: 160px;
}
.honor li .h-title{
    margin-top: 12px;
    font-size: 16px;
    color: #474646;
    padding: 0 10px;
    line-height: 24px;
    min-height: 48px;
    text-align: center;
}


/* 关于赛分——合作伙伴 */
.partner{
    border-radius: 10px;
    background: #fcfcfc;
    height:48px;
    /* margin-top: -25px; */
    text-align: center;
    margin-bottom: 30px;
}
.partner a{
    display: inline-block;
    padding-left: 22px;
    padding-right: 22px;
    border-bottom: 2px solid #fcfcfc;
    line-height: 46px;
    font-size: 18px;
    margin: 0 10px;
    cursor: pointer;
    color: #575757;
}
.partner a:hover{
    color: #d13840;
    border-bottom:2px solid #d13840;
}
.partner a.active{
    color: #d13840;
    border-bottom:2px solid #d13840;
}
.swiper_partner{
    padding-top: 30px;
    min-height: calc(100vh - 461px);
}
.partner_list{
    position: relative;
    /* padding: 0 15px; */
}
.swiper_partner .swiper-container{
   padding-bottom: 40px;
}
.swiper_partner .swiper-slide{ 
    padding: 0 10px;
    margin-bottom: 20px;
}
.swiper_partner .swiper-slide a{
    display: block;
    width: 100%;
    border: 1px solid #e7e7e7;
}
.swiper_partner .swiper-slide .imgbox{
    height: 62px;
    padding: 6px 0;
    text-align: center;
    overflow: hidden;
    
}
.swiper_partner .swiper-slide .imgbox img{
    max-width: 78%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.swiper_partner .swiper-slide:hover img{
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}

.swiper_partner .swiper-pagination-switch,.swiper_partner .swiper-pagination-bullet {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: url(../images/dots-r.png) no-repeat;
    margin:0 7px;
    cursor: pointer;
    opacity: 1;
}
.swiper_partner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 7px;
}
.swiper_partner .swiper-visible-switch {
    background: url(../images/dots-r.png) no-repeat;
}
.swiper_partner .swiper-active-switch,.swiper_partner .swiper-pagination-bullet-active {
    background: url(../images/dots.png) no-repeat;
}
.swiper_partner .swiper-button-next,.swiper_partner .swiper-button-prev{
    width: 19px;
    height: 34px;
    margin-top: -47px;
    background-size: 19px 34px;
    /* z-index: 10; */
}
.swiper_partner .swiper-button-next{
    background: url(../images/arrow-r.png) no-repeat;
    right: -30px;
}
.swiper_partner .swiper-button-prev{
    background: url(../images/arrow-l.png) no-repeat;
    left:-30px;
}
.swiper_partner .swiper-button-next.swiper-button-disabled,.swiper_partner .swiper-button-prev.swiper-button-disabled{
    opacity: .6;
}

/* 互动中心——赛分新闻 */
.isgood_list{
    overflow: hidden;
    padding-top: 15px;
}
.isgood_list .swiper-slide {
    text-align: left;
}
.isgood_list .swiper-slide a{
    display: block;
    position: relative;
    padding-top: 42px;
    padding-left: 52px;
}
.isgood_list .imgbox{
    width: 35.5%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.isgood_list .imgbox img{
    width: 100%;
    height: auto;
}
.isgood_list .newsinfo{
    background: #f3f4f9;
    padding-top: 40px;
    padding-bottom: 23px;
    padding-left: 405px;
    padding-right: 40px;
    min-height: 284px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.newsinfo h2{
    font-size: 20px;
    line-height: 30px;
    color: #1d2088;
    margin-bottom: 24px;
}
.newsinfo p{
    font-size: 16px;
    color: #999;
    line-height: 30px;
}
.isgood_list .swiper-pagination{
    bottom: 0;
    left: 168px;
    width: auto;
}
.isgood_list .swiper-pagination-switch,.isgood_list .swiper-pagination-bullet {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: url(../images/dots-ar.png) no-repeat;
    margin:0 0;
    cursor: pointer;
    opacity: 1;
}
.isgood_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 2px;
}
.isgood_list .swiper-visible-switch {
    background: url(../images/dots-ar.png) no-repeat;
}
.isgood_list .swiper-active-switch,.isgood_list .swiper-pagination-bullet-active {
    background: url(../images/dots-a.png) no-repeat;
}
.mainbox ul.news_list{
    padding-top: 40px;
    padding-bottom: 52px;
    font-size: 16px;
    color: #292929;
}
.news_list li{
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f7f7f7;
    background: url(../images/dots-b.png) no-repeat 4px 22px;
    padding-left: 30px;
}
.news_list li a{
    float: left;
    width: 85%;
    color: #292929;
    font-size:16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_list li span{
    float: right;
    color: #8d8d8d;
    font-size:16px;
}
.news_list li:hover a{
    color: #1d2088;
    font-weight: 600;
}
.news_list li a b{
    color: #ff0000;
}

/* 产品中心封面 */
.listsbox{
 
}
.listsbox .pro_nav{
    background:#fcfcfc;
    position:relative;
    border-radius:10px;
    margin-top:35px;
    /* border-bottom:1px solid #f1f5f7; */
    overflow:hidden;
}
.pro_nav li{
    float:left;
    width:14.2857%;
    text-align: center;
    /* border-bottom:1px solid #f1f5f7; */
}
.pro_nav a{
    padding-left:12px;
    padding-right:12px;
    font-size:18px;
    color:#575757;
    display:inline-block;
    line-height:48px;
    border-bottom:2px solid transparent;
}
.pro_nav li:hover a{
    color:#d13840;
    border-bottom:2px solid #d13840;
}
.pro_nav li.current a{
    color:#d13840;
    border-bottom:2px solid #d13840;
}
.proText{
    overflow:hidden;
    padding-top:40px;
    padding-bottom: 35px;
}
.proText .pro_left{
    float:left;
    width:68.3%;
}
.pro_left h2{
    font-size:28px;
    font-family:'pingfang-s';
    color:#1d2088;
    margin-bottom:44px;
}
.pro_left p{
    background:url(../images/dots-b.png) no-repeat left 12px;
    padding-left: 20px;
    font-size: 16px;
    color: #474646;
    line-height:36px;
    margin-bottom: 28px;
}
.pro_left p a{
    color: #1d2088;
    font-size:20px;
    text-decoration: underline;
}
.pro_left p a:hover{
    color: #d13840;
}
.proText ul{
    float:right;
    width:27.9%;
    margin-top:10px;
}
.proText ul li{
    margin-bottom:12px;
}
.pro_right img{
    width:100%;
    height:auto;
}
.productbox{
    /* background: #f3f4f9; */
    margin-top: 45px;
    padding-bottom: 45px;
    min-height: calc(100vh - 482px);
}
.productbox h1{
    text-align: center;
    font-size: 44px;
    color: #1d2088;
    margin-bottom: 45px;
    font-family: 'pingfang-s';
}
.productbox ul.productlist li{
    float: left;
    width: 22%;
    /* background: #fcfcfc; */
    margin-right: 4%;
    margin-bottom: 50px;
}
.productlist li a{
    display: block;
    /* padding: 20px 20px; */
}
.productlist li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}
.productlist li img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.productlist li h2{
    font-size: 18px;
    font-family: 'pingfang-s';
    margin-top:15px;
    color: #1d2088;
    margin-bottom: 10px;
    line-height: 28px;
    height:56px;
    overflow:hidden;
    display:-webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.productlist li p{
    font-size: 15px;
    color: #575757;
    line-height:26px;
    height: 52px;
    overflow: hidden;
    display:-webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.productlist li span{
    display: inline-block;
    margin-top: 8px;
    padding-right: 28px;
    font-size: 15px;
    position: relative;
    font-family: 'pingfang-s';
    color: #1d2088;
}
.productlist li span::after{
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/arrow-right-blue.png);
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productlist li:hover h2{
    color: #c91e45;
}
.productlist li:hover span{
    color: #c91e45;   
}
.productlist li:hover span::after{
    background-image: url(../images/arrow-right-red.png);
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
}
.proCoverbox{
    padding-top: 30px;
    padding-bottom: 68px;
}
.proCoverbox .pro_title{
    text-align: center;
    font-size: 44px;
    font-family: 'pingfang-s';
    color: #1d2088;
    padding-bottom: 18px;
    border-bottom: 2px solid #f8f8f8;
    margin-bottom: 38px;
}
.proCoverbox table{
    background: #e1e3f0;
    margin-bottom: 50px;
}
.proCoverbox table tr th{
    background: #fff;
    padding-left: 25px;
    width: 13%;
    font-size: 16px;
    font-family: 'pingfang-s';
    color: #474646;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.proCoverbox table tr td{
    background: #fff;
    padding: 20px 25px;
    font-size: 16px;
    color: #474646;
    line-height: 20px;
}
.proCoverbox table tr td a{
    font-size: 16px;
    font-family: 'pingfang-s';
    color: #1d2088;
    text-decoration: underline;
}
.proCoverbox table tr:nth-child(odd) td{
    /* background: #f3f4f9; */
}
.proCoverbox p{
    font-size: 16px;
    color: #474646;
    margin-bottom: 34px;
    line-height: 34px;
}
.proCoverbox p a{
    color: #1d2088;
    font-size:20px;
    text-decoration: underline;
    font-weight: 600;
}
.pro_pztl h2{
    text-align: center;
    font-size: 28px;
    font-family: 'pingfang-s';
    color: #1d2088;
    margin-bottom: 35px;
}
.proCoverbox p:hover a{
    color: #d13840;
}
.proCoverbox table tr td a:hover{
    color: #d13840;
}

/* 产品列表 */
.pro_list1{
    padding-top: 70px;
    padding-bottom: 20px;
}

/* 产品内页 */
.location{
    margin-top: 60px;
    padding-left: 32px;
    font-size: 16px;
    color: #474646;
    line-height: 28px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-image: url(../images/icon-home.png);
}
.location a{
    font-size: 16px;
    color: #474646;
}
.location a.last{
    color: #1d2088;
}
.productContent{
    padding-top: 35px;
    padding-bottom: 60px;
}

.productistopinfo{
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    z-index: 100000;
    background: #fff;
    box-shadow: 0 0 10px rgba(160, 160, 162, 0.5);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productistopinfo.active{
    top: 0;
}
.productistopinfo .istopbox{
    padding: 12px 0;
}
.istopbox .istop-left{
    float: left;
    overflow: hidden;
}
.istop-left .istopimg{
    float: left;
    margin-right: 16px;
    height: 56px;
    border: 1px solid #c6cdd2;
}
.istop-left .istopimg img{
    width: auto;
    height: 100%;
}
.istop-left .istop-title{
    float: left;
    font-size: 18px;
    margin-top: 12px;
    color: #474646;
}
.istopbox .istop-right{
    float: right;
    text-align: right;
    margin-top: 8px;
}
.istopbox .istop-right a{
    display: inline-block;
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 8px;
    font-size: 16px;
    color: #1d2088;
    border: 1px solid #1d2088;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.istopbox .istop-right a:first-child{
    color: #fff;
    background: #1d2088;
}
.istopbox .istop-right a:hover{
    color: #fff;
    background: #c9151e;
    border: 1px solid #c9151e;
}
.istopnavbox{
    width: 100%;
    height: 50px;
    background: #f3f3f6;
}
.istopnavbox .istopnav{
    /* padding: 10px; */
}

.istopnav a{
    padding:0 5px;
    float: left;
    height: 100%;   
    overflow: hidden;
    margin-right:20px;
    line-height: 48px;
    color: #575757;
    font-size:16px;
    border-bottom: 2px solid transparent;
}
.istopnav a.active{
    color: #d13840;
    border-bottom:2px solid #d13840;
}
.productContent h1.productContentTitle{
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    color: #474647;
}
.productContentTop{
    padding-bottom: 10px;
}

.productContentTop .contentTop-left{
    float: left;
    width: 100%;
    padding-top: 10px;
}
.productContentTop .contentTop-left.ul_w{
    width: 56%;
}
.contentTop-left .probrief{
    font-size: 16px;
    color: #575757;
    text-align: justify;
    line-height:32px;
}
.productContentTop .proimg{
    display: none;
    float: right;
    width: 37.5%;
    text-align: center;
    padding: 2px;
    background-image: url(../images/contentsolid.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.productContentTop .proimg.on{
    display: block;
}
.productContentTop .imgbox{
    padding: 20px 10px; 
    background: #fff;
}
.productContentTop .imgbox img{
    width: 100%;
    height: auto;
}
.productContent .product_menu{
    background: #f3f4f9;
    padding: 0 15px;
}
.product_menu a{
    display: inline-block;
    padding: 0 5px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 18px;
    color: #575656;
    line-height:58px;
    height: 60px;
    border-bottom: 2px solid transparent;
    position: relative;
}
.product_menu a.active{
    color:#c9151e;
    border-bottom: 2px solid #c9151e;
}
.product_menu a:hover{
    color:#c9151e;
}
.contentbox{
    
}
.contentbox .box{
    padding-top: 40px;
    /* padding-bottom: 40px; */
    color: #575757;
    font-size: 16px;
    line-height: 32px;
}
.contentbox .box.pro_down{

}
.smallproductmarker{
    font-size: 24px;
    text-align: center;
    color: #1d2088;
    margin-bottom: 18px;
}
.contentbox .box.productOrder .smallproductmarker,.contentbox .box.pro_down .smallproductmarker{
    margin-bottom: 40px;
}
.productbriefinfo ul{
    margin-bottom: 20px;
}
.productbriefinfo ul li{
    display: inline-block;
    margin-right: 30px;
    line-height: 38px;
    background: url(../images/dots-b.png) no-repeat left 15px;
    padding-left: 16px;
    font-size: 16px;
    background-size: 7px auto;
    color: #575757;
}
.proappitem{
    margin-top: 8px;
}
.proappitemtop{
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #474646;
    padding: 0 15px;
    position: relative;
    background: #f3f4f9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.proappitemtop::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    background-image: url(../images/icon-add.png);
}
.proappitem.on .proappitemtop::after{
    /* background-image: url(../images/icon-minus.png); */
    background-image: none;
}
.proappitem.active .proappitemtop::after{
    display: none;
}

.proappitembottom{
    padding: 20px 15px;
    font-size: 16px;
    line-height: 32px;
    color: #575757;
    display: none;
}

.proappitem.on .proappitembottom{
    display: block;
}
.proappitem.active .proappitembottom{
    display: block;
}
.proappitembottom p img{
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}
.proappitembottom h2{
    font-size: 18px;
    margin-bottom: 20px;
    color: #1d2088;
}
.productContent h4{
    font-size: 18px;
    color: #474646;
    margin-bottom: 12px;
    line-height: 32px;
}
.productContent h5{
    font-size: 18px;
    color: #474646;
    margin-top: 12px;
    line-height: 28px;
    margin-bottom: 12px;
}
.productContent .lists h5{
    margin-top: 0;
}
.productContent .table-container{
    margin-top:30px;
    margin-bottom: 8px;
}
.productContent .orderbox{
    margin-top: 35px;
}
.productContent .orderbox .table-container{
    margin-top: 0;
}
.productContent .orderbox p{
    margin-top: 10px;
    font-size: 16px;
    line-height: 32px;
    color: #575757;
}
.productContent table{
    background: #e1e3f0;
}
.productContent .box table tr th{
    /* font-weight: normal; */
   
}
.productContent .box.productOrder table tr th{
    /* text-align: center; */
}
.productContent .box table tr th,.productContent .box table tr td{
    background: #fff;
    padding: 8px 15px 5px;
    font-size: 16px;
    color: #575757;
    line-height: 26px;
    text-align: left !important;
    /* width: auto; */
}
.productContent .box table tr td div{
    text-align: left;
}

.pro_title{
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 28px;
    color: #1d2088;
    font-family: 'pingfang-s';
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #f3f3f3;
}

.productContent table tr td a{
    font-size: 16px;
    font-family: 'pingfang-s';
    color: #1d2088;
}

.lists{
    overflow: hidden;
    margin-top: 30px;
    margin-bottom:20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e3f0;
}
.lists.noBorder{
    border-top: none;
    padding-top: 0;
    margin-top: 15px;
}
.lists p{
    font-size: 16px;
    color: #575757;
    line-height: 32px;
}
.lists .leftimg{
    width: 32.5%;
    float: left;
    padding: 10px;
    border: 1px solid #f3f4f9;
    text-align: center;
}
.lists .leftimg img{
    max-width: 100%;
    height: auto;
}
.lists .rightbox{
    float: right;
    width: 63.8%;
}
.lists .rightbox h3{
    font-size: 18px;
    line-height: 32px;
    color: #474646;
    margin-bottom:12px;
}
.lists .rightbox p span{
    font-family: 'pingfang-s';
}

.listimglist{
    margin-bottom: 20px;
}
.listimglist dd{
    float: left;
    width: 33.33%;
    padding: 0 12px;
    margin-top: 20px;
}
.listimglist dd .imgbox{
    text-align: center;
    border: 1px solid #f3f4f9;
    padding: 10px;
    height: 180px;
    overflow: hidden;
    position: relative;
}

.listimglist dd .imgbox img{
    height: 100%;
    width: auto;
}
.listimglist.listimgbiglist dd .imgbox img{
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.listimglist dd .imgboxtitle{
    padding: 15px 0 0;
}
.listimglist dd .imgboxtitle h3{
    color: #474646;
    font-size: 16px;
    line-height: 24px;
    /* min-height: 72px; */
}
.listimglist.listimgbiglist dd .imgboxtitle h3{
    /* text-align: center; */
}
.listimglist dd .imgboxtitle p{
    font-size: 16px;
    line-height: 28px;
    color: #575656;
    margin-top: 6px;
}
.morelistview {
    width: 120px;
    height: 44px;
    cursor: pointer;
    background-image: url(../images/morebg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    text-align: center;
    margin:12px auto 20px;
    line-height: 46px;
    font-size: 16px;
    color: #c9151e;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    /* display: none; */
}
.morelistview:hover{
    color: #fff;
    background-image: url(../images/subBg.png);
}
.singlehidebox .morelistview{
    display: block;
}
.doublelist{

}
.doublelist .doubleitem{
    float: left;
    width: 49%;
    border: 1px solid #e1e3f0;
    margin-right: 2%;
}
.doublelist .doubleitem:nth-child(even){
    margin-right: 0;
}
.doublechildren{
    float: left;
    text-align: center;
    width: 50%;
    padding: 15px 10px;
}
.doubleimg{
    height: 170px;

    margin-bottom: 8px;
}
.doubleimg img{
    height: 100%;
    width: auto;
}
.doublechildren p{

}

.productbriefinfo h6{
    font-size: 16px;
    color: #1d2088;
    border-left: 3px solid #1d2088;
    padding-left: 10px;
    line-height: 18px;
    height: 18px;
    position: relative;
    margin-top: 12px;
    margin-bottom: 8px;
}
.pro_application{
    /* background: #f3f4f9; */
    /* padding-bottom: 35px; */
}
.specificationbox{
    font-size: 16px;
    color: #575757;
    line-height: 32px;
}
.specificationbox p{
    margin-top: 10px;
}
.pro_application h2{
    font-size: 24px;
    color: #1d2088;
    text-align: center;
    margin-bottom: 40px;
}
.pro_application ul.app_list{
    overflow: hidden;
    padding-top: 15px;
}
.app_list li{
    float: left;
    width: 15.5%;
    height: 56px;
    
    background: url(../images/bg_solid.png) no-repeat left center;
    background-size: 100% 100%;
    margin-right: 1.4%;
    text-align: center;
    margin-bottom: 16px;
}
.app_list li a{
    font-size: 16px;
    display: block;
    height: 100%;
    position: relative;
    color: #1d2088;
}
.app_list li a span{
    display: inline-block;
    position: absolute;
    font-size: 16px;
    padding: 0 5px;
    width: 100%;
    left: 0;
    top: 50%;
    line-height: 24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.app_list li:hover{
    background: url(../images/bg_solid-r.png) no-repeat left center;
    background-size: 100% 100%;
}
.app_list li:hover a{
    color: #fff;
}

.pro_form{
    background: #f3f4f9;
    padding:45px 30px;
}
#orderForm{
    overflow: hidden;
}
.left_form{
    float: left;
    width: 65%;
}
.left_form li{
    float: left;
    width: 48.35%;
    background: #fff;
    margin-right: 3.3%;
    height: 50px;
    margin-bottom: 20px;
    position: relative;
}
.left_form li input{
    float: left;
    height: 50px;
    width: 75%;
    font-size: 16px;
}
.left_form li input.sex{
    display: inline-block;
    float: none;
    width: 154px;
    height: 50px;
    margin: 0;
    margin-right: 20px;
    line-height: 50px;
    background: #fff;
    appearance: none;
	-webkit-appearance: none;
	outline: none;
    position: relative;
}
.left_form li input.sex::before{
    display: inline-block;
    width: 154px;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #1d2088;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
.left_form li input.sex1::before{
    content: '女生';
}
.left_form li input.sex2::before{
    content: '男生';
}
.left_form li input.sex:checked::before{
    background: #dddeed;
}
.left_form li label{
    float: left;
    margin-left: 20px;
    line-height: 52px;
    font-size: 16px;
    margin-right: 10px;
    color: #696969;
}
.left_form li label i,.right_form li label i,.ag_r a i{
    font-family: 'pingfang-s';
    vertical-align: middle;
    font-style: normal;
    color: #ff0000;
    margin-left: 3px;
    font-size: 14px;
}
.left_form li input#company{
    width: 65%;
}
.left_form .filter-text .filter-title{
    width: 65%;
    height: 50px;
}
.left_form .icon-filter-arrow{
    height: 50px;
}
.left_form .filter-list{
    top: 50px;
    padding: 0;
}
.left_form .filter-list li{
    width: 100%;
    margin-right: 0;
}
.left_form .filter-list li a{
    line-height: 50px;
}
.left_form .filter-text .filter-title{
    font-size: 16px;
    line-height: 50px;
}
.left_form .filter-text input{
    opacity: 1;
    color: #696969;
}
.right_form{
    width: 30%;
    float: right;
    background: #fff;
    height: 260px;
    position: relative;
}
.right_form li{
    padding: 18px 25px;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.right_form li label{
    color: #696969;
    display: block;
    font-size: 16px;
}
.right_form textarea{
    border: none;
    outline: none;
    display: block;
    height: 88%;
    width: 100%;
    color: #696969;
    font-size: 16px;
}
.agree{
    clear: both;
}
.agree input.ag_l{
    float: left;
    margin-right: 22px;
    position: relative;
    width: 36px;
    height: 34px;
    border: 2px solid #2b2e90;
    border-radius: 3px;
}
.agree .ag_r{
    float: left;
    width: 92%;
    margin-top: 6px;
    margin-bottom: 20px;
}
.ag_r a{
    font-size: 20px;
    color: #1d2088;
}
.ag_r p{
    margin-top: 10px;
    font-size: 16px;
    color: #848383;
}
.submit2{
    /* float: right; */
    display: block;
    width: 110px;
    height: 40px;
    margin:0 auto;
    background: #1d2088;
    clear:both;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.submit2:hover{
    background: rgba(29,32,136,.6);
}
.pro_form li .onError{
    position: absolute;
    bottom: -18px;
    left: 20px;
}


/* 应用中心——封面 */
.menunav a.two{
    width: 50%;
}
.menunav a.two.active{
    background: url(../images/subBg1.png) no-repeat left top;
    background-size: 100% 100%;
}
.menunav a.two:hover{
    /* background: url(../images/subBg1.png) no-repeat left top; */
    background: #f3f3f6;
    color: #c51c26;
}
.mainbox{
    padding-top: 40px;
    padding-bottom: 36px;
}
.mainbox h1{
    text-align: center;
    font-size: 44px;
    font-family: pingfang-s;
    color: #1d2088;
}
.mainbox ul.rely_lists{
    padding-top: 20px;
    min-height: calc(100vh - 320px);
}
.rely_lists li{
    width: 23%;
    float: left;
    background: #a5a6cf;
    margin-right: 2.6%;
    transition: all .4s ease-in-out;
    border-radius: 5px;
    margin-bottom: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}
.rely_lists li .imgbox{
    text-align: center;
    width: 76px;
    height: 54px;
    margin: auto;
    overflow: hidden;
}
.rely_lists li .imgbox img{
    max-width: 100%;
    height: auto;
}
.rely_lists li h2{
    margin-top:25px;
    font-size: 18px;
    color: #fff;
}
.rely_lists li .imgbox img.normal{
    display: inline-block;
    margin-top: 0;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.rely_lists li .imgbox img.hover{
    display: none;
    /* margin-top: 76px; */
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.rely_lists li:hover{
    background: url(../images/bg4.png) no-repeat center center;
    background-size: 100% 100%;
    box-shadow: 0 0 30px 0 rgba(114,114,114,.25);
}
.rely_lists li:hover h2{
    color: #1d2088;
}
.rely_lists li:hover img.hover{
    display: block;
    margin: 0 auto;
}  
.rely_lists li:hover img.normal{
    display: none;
}

/* 应用中心——列表 */
.lastnav{
    background: #fcfcfc;
    margin-top: 35px;
    padding: 0 10px;
    border-radius: 10px;
    border-bottom: 1px solid #f2f6f8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.lastnav a{
    padding:0 12px;
    color: #575757;
    font-size:18px;
    line-height: 48px;
    display: inline-block;
    border-bottom: 2px solid #fcfcfc;
    margin-right: 30px;
}
.lastnav a.current{
    color: #d13840;
    border-bottom:2px solid #d13840;
    /* font-weight: 600; */
}
.changeType{
    margin-top: 25px;
    padding: 0 20px;
    padding-bottom: 25px;
    border-bottom:2px solid #f6f9fa;
}
.changeType a{
    display: inline-block;
    padding: 6px 15px 4px;
    margin-right: 4px;
    font-size: 16px;
    color: #575757;
}
.changeType a.active{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.changeType a:hover{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.filter{
    /* overflow: hidden; */
    padding-top: 40px;
    margin-bottom: 50px;
    border-top: 2px solid #f6f9fa;
}
.filter .filter-box,.filter .searchbox{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.filter .searchbox{
    margin-right: 0;
}
.filter .filter-box {
    position: relative;
}
.filter-box select {
	display: none;
}
.filter-box .filter-text {
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding-left:20px;
	padding-right: 68px;
	border: 1px solid rgba(29,32,136,.5);
}
.filter-text input {
	font-size: 20px;
    color: #1d2088;
    opacity: .8;
}
.filter-text input::-moz-placeholder{ 
    font-size: 20px;
    color: #1d2088;
    opacity: .8;
}
.filter-text input:-ms-input-placeholder { 
    font-size: 20px;
    color: #1d2088;
    opacity: .8;
}
.filter-text input::-webkit-input-placeholder{ 
    font-size: 20px;
    color: #1d2088;
    opacity: .8;
}
.filter-text input::placeholder{ 
    font-size: 20px;
    color: #1d2088;
    opacity: .8;
}
.filter-text .filter-title {
	width: 100%;
	height: 60px;
	line-height: 60px;
	border: 0;
	background-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
	cursor: pointer;
}
.filter-list {
	display: none;
	width: 100%;
    padding: 10px 0;
	max-height: 300px;
	background-color: #fff;
	font-size: 16px;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 10;
	border: 1px solid rgba(29,32,136,.5);
	overflow: auto;
}
.filter-list li{
    margin-bottom: 1px;
}
.filter-list li a {
	display: block;
	padding:0 20px;
	line-height: 40px;
    color: #adacac;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.filter-list li:hover {
	background-color: #1d2088;
}
.filter-list li:hover a{
    color: #fff;
}
.filter-list li.filter-selected {
	background-color: #1d2088;
}
.filter-list li.filter-selected a{
	display: block;
	color: #fff;
}
.icon {
	position: absolute;
}
.icon-filter-arrow {
	width: 68px;
	height: 60px;
    background: url(../images/icon_arrow_down_x2.jpg) no-repeat center center;
    right: 0;
    top: 0;
    transition: all .2s;
}
.icon-filter-arrow.filter-show {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.filter-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.filter-list::-webkit-scrollbar-track {
	background: #fff 
}
.filter-list::-webkit-scrollbar-thumb {
	background: #CBCBCB;
}
.filter .searchbox{
    border: 1px solid #ebebeb;
    height: 62px;
    line-height: 62px;
    padding-left: 25px;
}
.searchbox input.pro_search{
    width: 82.5%;
    float: left;
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search::-moz-placeholder{ 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search:-ms-input-placeholder { 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search::-webkit-input-placeholder{ 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search::placeholder{ 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_submit{
    float: right;
    width: 60px;
    height: 60px;
    background: url(../images/search_img.png) no-repeat center center;
}
.listbox{
    min-height: 100vh;
}
.relybox{
    clear: both;
    padding-top: 20px;
    margin-bottom:22px;
    font-size: 16px;
    color: #575757;
    line-height: 32px;

}
.relybox li{
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
}
.relybox li a{
    display: block;
    overflow: hidden;
    padding: 25px; 
}
.relybox li .relyImg{
    width: 18%;
    float: left;
    border:1px solid #f3f4f9;
    text-align:center;
    background:#fff;
    padding: 10px;
    overflow: hidden;
}
.relybox li .relyImg img{
    width: auto;
    height: 110px;
    vertical-align: bottom;
}
.relybox li .relyInfo{
    width: 79%;
    float: right;
    padding-top: 8px;
}
.relyInfo h2{
    font-size: 17px;
    color: #1d2088;
    margin-bottom: 12px;
}
.relyInfo p{
    font-size: 15px;
    line-height: 28px;
    color: #575757;
}
.relybox li:hover{
    background: #f3f4f9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.pages{
    padding-top: 30px;
    padding-bottom: 50px;
    overflow: hidden;
    font-size: 16px;
    color: #474646;
    text-align: center;
}
.pages .totalpage{
    float: left;
    font-size: 16px;
    color: #999;
}
.pages .rightpage{
    font-size: 20px;
    color: #6364a4;
    float: right;
}
.pages a{
    display: inline-block;
    padding: 8px 12px 5px;
    margin: 3px 3px;
    font-size: 16px;
    color: #333;
    border: 1px solid #eee;
}
.pages b{
    display: inline-block;
    padding: 8px 12px 5px;
    color: #fff;
    margin: 3px 3px;
    font-size: 16px;
	background-color: #1d2088;
    cursor: default;
}
.pages a:hover,.pagesbox a:hover{
    color: #1d2088;
}
.pagesbox{
    margin-top: 15px;
    text-align: center;
}
.pagesbox a{
    display: inline-block;
    padding: 6px 12px 5px;
    margin: 3px 3px;
    font-size: 16px;
    color: #333;
    border: 1px solid #eee;
}
.pagesbox a.active{
    color: #fff;
    background-color: #1d2088;
}

/* 应用中心内容页 */
.relyNewstext{
    padding-top: 40px;
}
.relyNewstext h1{
    font-size: 22px;
    font-family: pingfang-s;
    color: #1d2088;
    text-align: center;
}
.rely_titleboxtop{
    padding-top: 45px;
}   
.relyNewstext .relyBrief{
    float: left;
    width: 37%;
}
.relyBrief .imgbox {
    text-align: center;
    padding: 2px;
    background-image: url(../images/contentsolid.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}
.relyBrief img{
    max-width: 100%;
    height: auto;
}
.relyBrief p{
    font-size: 16px;
    text-align: center;
    color: #1d2088;
    line-height:32px;
}
.relyNewstext .rely_title{
    margin-top: 35px;
    text-align: center;
    padding-bottom:25px;
    font-size: 28px;
    font-family: pingfang-s;
    color: #1d2088;
    border-bottom:1px solid #f3f3f3;
    margin-bottom: 40px;
}
.relyNewstext .rely_rightcontent{
    float: right;
    width: 58%;
}
.color_station{
    padding-bottom: 80px;
}
.color_station table{
    background: #e9e9f4;
}
.color_station table tr td{
    background: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 8px;
    color: #474646;
}
.color_station table tr:nth-child(odd) td{
    /* background: #f3f4f9; */
}
.color_station table tr td .linknewstext p{
    margin: 4px 0;
}
.color_station table tr td .linknewstext p a{
    /* padding-bottom: 8px; */
}
.color_station table tr th{
    background: #fff;
    font-size: 16px;
    line-height: 24px;
    width: 27%;
    padding: 8px 8px;
    font-family: pingfang-s;
    color: #474646;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.color_station table tr td a.link{
    background: url(../images/link.png) no-repeat left top;
    background-size: 25px;
    padding-left: 30px;
    display: inline-block;
    padding-bottom: 4px;

    font-size: 16px;
    color: #1d2088;
    border-bottom: 2px solid #babbdb;
}

.rely_title.more_file{
    margin-bottom: 0;
    border-bottom: none;
}
.rely_title span{
    font-family: pingfang-r;
}
.xzsm{
    background: #f3f4f9;
    height:58px;
    text-align:center;
}
.xzsm a{
    display: inline-block;
    width: 124px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #1d2088;
    background: #fdfdfe;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.xzsm a:hover{
    background: #1d2088;
    color: #fff;
}
.rely_dowmload{
    padding-top:26px;
    padding-bottom: 90px;
}
.rely_dowmload li{
    overflow: hidden;
    position: relative;
}
.rely_dowmload li a{
    display: block;
}
.rely_dowmload li .rely_left{
    width: 68.3%;
    float: left;
    overflow: hidden;
}
.rely_left .imgbox{
    width: 18.3%;
    float: left;
}
.rely_left img{
    width: 100%;
    height: auto;
}
.rely_left .rely_tt{
    float: left;
    margin-left: 28px;
}
.rely_tt h2{
    font-size: 28px;
    margin-top: 20px;
    font-family: pingfang-s;
    color: #1d2088;
}
.rely_tt .rely_cc{
    margin-top: 52px;
}
.rely_cc span{
    display: inline-block;
    padding: 2px 8px;
    font-size: 16px;
    background: #f3f4f9;
    color: #1d2088;
    margin-right:12px;
}
.rely_dowmload .down_btn{
    position: absolute;
    right: 90px;
    bottom: 18px;
    width: 264px;
    height: 50px;
    border: 1px solid #1d2088;
    font-size: 16px;
    color: #1d2088;
    line-height:50px;
    padding-left: 10px;
    background: url(../images/arrow-r.png) no-repeat 93% center;
    background-size: 13px auto;
}

/* 用户论文 */
.usertab{
    border-radius: 10px;
    background: #fcfcfc;
    height: 48px;
    /* margin-top: -25px; */
    text-align: center;
    margin-bottom: 40px;
}
.usertab a{
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 2px solid #fcfcfc;
    line-height: 48px;
    font-size: 18px;
    cursor: pointer;
    margin: 0 4px;
    color: #575757;
}
.usertab a.active{
    color: #d13840;
    border-bottom: 2px solid #d13840;
}
.usertab a:hover{
    color: #d13840;
    border-bottom: 2px solid #d13840;
}
.paperbox{
    padding-top: 5px;
    min-height: calc(100vh - 450px);
}
.paperbox .userlists{
    display: none;
}
.userPaper{
    clear: both;
}
.userPaper h2{
    font-size: 28px;
    font-family: pingfang-s;
    color: #1d2088;
    text-align:center;
    margin-bottom: 34px;
}
.userPaper .paper_title{
    font-size: 18px;
    color: #1d2088;
    height: 48px;
    line-height: 48px;
    background: #f3f4f9;
}
.userPaper span{
    display: inline-block;
}
.userPaper .year{
    width: 7.3%;
    text-align: center;
}
.userPaper .pro_type{
    width: 22.9%;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.userPaper .yp_type{
    width: 15%;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.userPaper .paper_theme{
    width: 53%;
}
.userPaper ul.paperlist{
    padding-bottom: 70px;
}
.paperlist li{
    border-bottom: 1px solid #fafbfd;
}
.paperlist li a{
    display: block;
    padding-top: 14px;
    padding-bottom:12px;
}
.paperlist li span{
    font-size: 16px;
    color: #575757;
    line-height: 24px;
    vertical-align: middle;
}
.paperlist li:hover span{
    color: #1d2088;
}
.userlists ol{
    padding-bottom: 30px;
}
.userlists ol li{
    background: url(../images/dots-b.png) no-repeat 15px 10px;
    padding-left: 32px;
    background-size: 6px;
    padding-right: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f7f7f7;
}    
.userlists ol li a{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #8e8d8d;
}
.userlists ol li a:hover{
    color: #1d2088;
}

/* 应用文章 */
.writing_list{
    padding-bottom: 30px;
}
.writing_list li{
    background: url(../images/dots-b.png) no-repeat 15px 10px;
    padding-left: 32px;
    background-size: 6px;
    padding-right: 15px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f7f7f7;
}    
.writing_list li a{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #292929;
}
.writing_list li p{
    font-size: 16px;
    color: #292929;
    line-height: 28px;
    cursor: pointer;
}
.writing_list li a:hover{
    color: #1d2088;
    font-family: 'pingfang-s';
}
/* 新闻内容页 */
.content_title{
    padding-top: 35px;
    text-align: center;
    padding-bottom:30px;
    border-bottom: 1px solid #e7e7e7;
}
.maincontentbox .content_title{
    padding-top: 0;
}
.content_title h2{
    font-size: 24px;
    color: #353535;
    line-height: 36px;
    margin-bottom:25px;
}
.content_title span{
    font-size: 16px;
    margin: 0 10px;
    color: #5a5a5a;
}
.content_title a{
    display: inline-block;
    width: 108px;
    height: 32px;
    margin-left: 35px;
    line-height: 32px;
    font-size: 16px;
    color: #5a5a5a;
    border: 1px solid #e9e9e9;
    border-radius: 50px;
}
.content_title a:hover{
    background: #1d2088;
    color: #fff;
    border: 1px solid #1d2088;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.newstext{
    padding-top: 35px;
    font-size: 16px;
    color: #575757;
    line-height:32px;
    padding-bottom: 30px;
}
.newstext p{
    font-size: 16px;
    color: #575757;
    line-height:32px;
}
.newstext p span{
    font-size: 16px !important;
    color: #575757 !important;
}
.newstext img{
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.nextbox{
    padding-top:30px;
    border-top: 1px solid #e6e6e6;
}
.nextbox p{
    font-size: 16px;
    color: #555;
    margin-bottom:22px;
}
.nextbox p a{
    font-size: 16px;
    color: #555;
    border-left: 1px solid #02499b;
    margin-left: 18px;
    display: inline-block;
    padding-left: 15px;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
}  
.nextbox p a:hover{
    color: #1d2088;
}

/* 市场活动 */
.activity-list{
    /* overflow: hidden; */
    padding-top: 18px;
}
.activity-list li{
    float: left;
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 35px;
}
.activity-list li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #e8e9f3;
    border-radius: 8px;
}
.activity-list li img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.activity-list li .acbox{
    /* overflow: hidden; */
    margin-top: 20px;
}
.acbox .date{
    float: left;
    width: 64px;
    height: 63px;
    text-align: center;
    background: url(../images/libg.png) no-repeat;
    background-size: 100% 100%;
}
.acbox .date .day{
    margin-top: 1px;
    font-size: 32px;
    color: #999;
}
.acbox .date span{
    display: block;
    margin-top: -10px;
    font-size: 14px;
    color: #999;
}
.acbox .acinfo{
    float: right;
    width: 78.8%;
    position: relative;
    height: 64px;
}
.acinfo h2{
    font-size: 16px;
    line-height: 26px;
    color: #575757;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.acinfo p{
    font-size: 16px;
    color: #999;
    line-height:30px;
}
.activity-list li:hover img{
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.activity-list li:hover .date{
    background: url(../images/libg-r.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 10px 0 rgba(114,114,114,.25);
}
.activity-list li:hover .day{
    color: #1d2088;
}
.activity-list li:hover span,.activity-list li:hover h2{
    color: #1d2088;
}
.more_activity{
    width: 140px;
    height: 48px;
    background: url(../images/morebg.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    margin: auto;
    line-height:48px;
    font-size: 16px;
    margin-bottom: 40px;
    margin-top: 10px;
    color: #c9151e;
    cursor: pointer;
}
.more_activity:hover{
    background: url(../images/morebg.png) no-repeat #1d2088;
    background-size: 100% 100%;
    color: #fff;
    transition: all .4s ease-in-out;
}
.backtop{
    display: none;
    position: fixed;
    bottom: 150px;
    right: 0;
    z-index: 10;
    width: 69px;
    height: 65px;
    font-size: 16px;
    color: #8e8d8d;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
    background: url(../images/top.png) no-repeat center 10px #f3f4f9;
    padding-top:38px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.backtop:hover{
    background: url(../images/top-r.png) no-repeat center 10px #1d2088;
    color: #fff;
}

/* 联系我们 */
.contacttitle{
    text-align: center;
    font-size: 44px;
    margin-top: 120px;
    color: #1d2088;
    font-family: 'pingfang-s';
}
.map{
    width: 100%;
    height: 440px;
}
.map img{
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
.contactbox{
    padding-top: 70px;
    padding-bottom: 55px;
    /* background: #f5f6fa; */
}

.contactbox h2.c_title{
    font-size: 24px;
    font-family: 'pingfang-s';
    color: #1d2088;
    text-align:center;
    margin-bottom: 18px;
}
.contactbox .contact_text{
    width: 34.4%;
    margin: auto;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #848383;
}
.contactbox .contact{
    /* overflow: hidden; */
    padding-top: 50px;
}
.contact .contact_left{
    width: 46.7%;
    float: left;
}
.contact_left h2{
    font-size: 24px;
    font-family: 'pingfang-s';
    color: #3e3e3e;
    margin-bottom: 20px;
}
.contact_left form dl{
    /* overflow: hidden; */
}
.contact_left dl dd{
    float: left;
    border: 1px solid #a5a5a7;
    width: 46.7%;
    height: 42px;
    margin-bottom: 24px;
    margin-right: 6.6%;
    position: relative;
    background: #fafbfd;
    
}
.contact_left dl dd select{
    display: none;
}
.contact_left dl dd input::-moz-placeholder,.contact_left dl dd textarea::-moz-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.icon-filter-arrow{
    width: 58px;
    height: 40px;
}
.contact_left dl dd input::-ms-input-placeholder,.contact_left dl dd textarea::-ms-input-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left dl dd input::-webkit-input-placeholder,.contact_left dl dd textarea::-webkit-input-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left dl dd input::placeholder,.contact_left dl dd textarea::placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left dl dd input{
    width: 100%;
    height: 40px;
    text-indent: 5px;
    line-height: 40px;
    font-size: 16px;
    color: #848383;
}
.contact_left dl dd input.filter-title{
    height: 40px;
    text-indent: 5px;
    line-height: 40px;
    padding-right: 58px;
    opacity: 1;
}
.contact_left dl .filter-list{
    top:41px;
    border: none;
}
.contact_left dl .filter-list li a{
    font-size: 14px;
    line-height: 32px;
}
.contact_left dl dd textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: 5px;
    font-size: 16px;
    color: #848383;
    padding-top: 10px;
}
.contact_left input.submit1{
    width: 110px;
    background: #1d2088;
    height: 40px;
    font-size:16px;
    color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.contact_left input.submit1:hover{
    background: rgba(29,32,136,.6);
}
.high{
    color: #ff0000;
    position: absolute;
    top: 10px;
    right: -20px;
}
.onError{
    font-size: 12px;
    color: #ff0000;
}
.onSuccess{
    font-size: 12px;
    color: green;
}
.contact .contact_right{
    float: right;
    width: 38.3%;
}
.contact_right dd{
    background-repeat: no-repeat;
    background-position: left 14px;
    padding-left: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
    color: #575757;
}
.contact_right dd b{
    font-size: 20px;
    color: #474646;
}
.contact_right dd a{
    font-size: 16px;
    color: #575757;
}
.contact_right dd a:hover{
    color: #1d2088;
}
.contactWays{
    background: url(../images/contact02_bac.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 60px;
}
.contactWays h1{
    text-align: center;
    font-size: 24px;
    color: #1d2088;
    margin-bottom:45px;
}
.contactWays ul li{
    float: left;
    width: 24%;
    margin-right: 1.33%;
    min-height: 218px;
    background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_title{
    /* overflow: hidden; */
    height: 132px;
    background: #eaebf4;
    margin-bottom:28px;
}
.contact_title i{
    float: left;
    width: 20.9%;
    height: 132px;
    background: url(../images/mapdots.png) no-repeat center center #e2e3f0;
}
.contact_title .area_title{
    float: right;
    width: 79.1%;
    padding: 10px 30px 9px 40px;
    font-size: 20px;
    color: #3e3e3e;
    line-height:38px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contact_title.an_two .area_title{
    padding: 10px 0px 9px 26px;
}
.contact_title .s_word{
    line-height: 102px;
}
.contactWays dl{
    padding: 20px 20px;
}
.contactWays dl dt{
    font-size: 18px;
    color: #1d2088;
    margin-bottom: 2px;
}
.contactWays dl dd{
    font-size: 15px;
    color: #575757;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 32px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 11px;
    background-size: 20px auto;
}

.contact_about{
    background: url(../images/contactbg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 56px;
    padding-bottom: 40px;
    text-align: center;
}
.contact_about .contact_l{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    /*float: left;*/
    /*width: 42.9%;*/
    margin-top: 18px;
}
.contact_l h2{
    font-size: 28px;
    color: #1d2088;
    margin-bottom:30px;
}
.contact_l p{
    font-size: 18px;
    color: #848383;
    line-height:36px;
}
.contact_about .contact_r{
    display: inline-block;
    /*float: right;*/
    /*width: 57.1%;*/
    overflow: hidden;
    padding-left: 80px;
}
.contact_r li{
    float: left;
    text-align: center;
    margin-right: 105px;
}
.contact_r li img{
    max-width: 100%;
    height: auto;
}
.contact_r li p{
    font-size: 16px;
    color: #000;
    margin-top: 28px;
}


/* 加入我们 */
.mainjobboxcontent{
    min-height: calc(100vh - 206px);
}
.job_head{
    overflow: hidden;
    margin-top: 10px;
    height: 54px;
    line-height: 54px;
    background: #1d2088;
    font-size: 18px;
    color: #fff;
    font-family: 'pingfang-s';
}
.job_head span{
    float: left;
    text-align: center;
}
.joblist{
    border: 1px solid #f5f5f5;
    margin-bottom: 60px;
}
.joblist li{
    border-bottom:1px solid #f5f5f5;
}
.joblist li .job_box{
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}
.joblist li span{
    float: left;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.joblist li .jobInfo{
    display: none;
    padding: 20px 25px;
    border-top: 1px solid #f5f5f5;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.job_head span.job_name{
    text-align: left;
}
.job_name{
    width: 25%;    
    padding-left:25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.joblist li span.job_name{
    font-size: 16px;
    color: #1d2088;
    /* font-weight: 600; */
    text-align: left;
}
.joblist li span a{
    color: #333;
}
.academic{
    width: 16%;
}
.experience{
    width: 18%;
}
.release_time{
    width:18%;
}
.job_number{
    width: 13%;
}
.job_status{
    width: 15%;
}
.operation{
    width: 13%;
}
.joblist li:hover .job_box{
    background: #f5f5f5;
}
.joblist li.active .job_box{
    background: #f5f5f5;
}
.joblist li:hover span.job_name a{
    color: #c9151e;
    cursor:pointer;
}
.joblist li span.job_name a:hover,.joblist li span.operation a:hover{
    color: #c9151e;
    cursor:pointer;
}
.ygfcbox{
    padding-bottom: 16px;
}
.ygfcbox h1{
    font-size: 28px;
    font-family: 'pingfang-r';
    color: #1d2088;
    text-align: left;
    margin-bottom: 40px;
}
.ygfcbox .yg_list li{
    overflow: hidden;
    padding: 40px 34px;
    border-radius: 10px;
}
.yg_list li .imgbox{
    float: left;
    width: 30.9%;
    overflow: hidden;
}
.yg_list li img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.yg_list li .yg_info{
    width: 66.25%;
    float: right;
}
.yg_info h2{
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1d2088;
    margin-bottom: 20px;
}
.yg_info span{
    font-size: 16px;
    color: #999;
}
.yg_info p{
    font-size: 16px;
    color: #333;
    height: 64px;
    overflow: hidden;
    line-height: 32px;
    margin-top: 24px;
}
.yg_list li:hover{
    background: #f3f4f9;
}
.yg_list li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.yg_more {
    width: 195px;
    height: 64px;
    background: url(../images/morebg.png) no-repeat;
    text-align: center;
    margin: auto;
    margin-top: 24px;
    line-height: 64px;
    font-size: 20px;
    color: #c9151e;
    cursor: pointer;
}
.yg_more:hover{
    background: url(../images/morebg.png) no-repeat #1d2088;
    color: #fff;
    transition: all .4s ease-in-out;
}

/* 下载中心 */
.downlists{
    overflow: hidden;
    padding-bottom: 20px;
}
.downlists li{
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f3f4f9;
    background: url(../images/icon_service_pdf.png) no-repeat left center;
    padding-left: 38px;
    background-size: 24px auto;
}
.downlists li a{
    color: #575757;
    font-size: 16px;
    margin-right: 12px;
}
.downlists li a.enBtn,.downlists li a.cnBtn{
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    color: #1d2088;
    line-height: 27px;
    background: url(../images/solid_en.png) no-repeat left top;
    background-size: 100% 100%;
}
.downlists li a.enBtn:hover,.downlists li a.cnBtn:hover{
    background: url(../images/solid_en-r.png) no-repeat left top;
    background-size: 100% 100%;
    color: #fff;
}
.downlists li a.down_title:hover{
    color: #1d2088;
}
.proappitembottom .downlists li a.down_title:hover{
    color: #575757;
}
.close_btn{
    position: absolute;
    z-index: 1;
    right: 20px;
    cursor: pointer;
    top: 20px;
    font-size: 20px;
    border: 1px solid #1d2088;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    color: #1d2088;
}
.close_btn:hover{
    background: #1d2088;
    color: #fff;
}
.close_btn1{
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 12px;
    font-size: 20px;   
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    z-index: 1;
}
.close_btn1:hover{
    background: #1d2088;
    color: #fff;
}

.mainbox.cpscbox{
    padding-top: 20px;
}
.third_nav{ 
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.third_nav a{
    display: inline-block;
    padding: 6px 28px;
    margin-right: 4px;
    font-size: 18px;
    color: #adacac;
}
.third_nav a:hover{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.third_nav a.current{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.usertab.cpsc_nav{
    margin-bottom: 25px;
}
/* 网站地图 */
.webmap{
    width: 100%;
    background-size: 100% auto;
    padding-top: 54px;
    padding-bottom: 50px;
}
.webmap .titlebox{
    text-align: left;
    margin-bottom: 20px;
}
.webmap .titlebox h1{
    color: #000;
    font-size:32px;
    margin-bottom: 20px;
}
.webmap .titlebox span{
    display: inline-block;
    width: 66px;
    height: 4px;
    background: #1d2088;
}
.webnavbox{
    overflow: hidden;
    padding-top: 30px;
}
.webnavbox li{
    width: 31.8%;
    float: left;
    margin-right: 2.26%;
    min-height: 180px;
    margin-bottom: 30px;
}
.webnavbox li>a{
    display: block;
    line-height: 38px;
    height: 38px;
    font-size: 16px;
    padding-left: 15px;
    color: #000;
    border-top: 2px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
}
.webnavbox li .subnav{
    padding-top: 10px;
    padding-left: 15px;
}
.webnavbox li .subnav a{
    /* display: inline-block;
    width: 49%; */
    display: block;
    font-size: 14px;
    color: #555;
    line-height:28px;
    background: url(../images/dots-b.png) no-repeat left center;
    background-size: 5px auto;
    padding-left: 10px;
}
.webnavbox li a:hover{
    color: #1d2088;
}

/* 隐私政策 */
.lawbox{
    padding-top: 20px;
    font-size: 16px;
    line-height: 32px;
    color: #575757;
}
.lawbox p{
    font-size: 16px;
    line-height: 32px;
    color: #575757;
}
.sucessimg{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    z-index: 10002;
}
.sucessbox{
    width: 600px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -235px;
    z-index: 10002;
    cursor: pointer;
}
.sucessclose{
    position: absolute; 
    top:10px;
    z-index: 10002;
    right: 20px;
    color: #444;
    font-size: 30px;
    font-weight: 500;
}

/* 注册和登录样式 */
.userwrapper{
    background: url(../images/bg2.jpg) no-repeat;
    background-size:cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.userwrapper .userlogo {
    display: block;
    margin-bottom: 15px;
}
.userlogo img{
    max-width: 100%;
    height: auto;
}
.login_nav{
    border-bottom: 1px solid #EAEDF3;
    padding-bottom: 7px;
}
.login_nav a {
    font-size: 18px;
    color: #3E3F42;
    margin-right: 20px;
}
.login_nav a.active {
    font-size:24px;
    color: #c9151e;
}
.userInfobox{
    width: 460px;
    height: 710px;
    position: fixed;
    left: 50%;
    margin-left: -230px;
    border-radius: 8px;
    top: 50%;
    margin-top: -355px;
    background: #fff;
    overflow: hidden;
    padding-left: 55px;
    padding-right: 55px;
    padding-top:20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.tableborder{
    margin-top: 10px;
}
.tableborder label{
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #9EA0A5;
    margin-bottom: 8px;
}
.tableborder label span{
    font-size: 12px;
    margin-left: 5px;
    vertical-align: middle;
    color: #ff0000;
}
.tableborder input {
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    border: 1px solid #E2E5ED;
    border-radius: 4px;
    width: 100%;
    padding-left: 16px;
    padding-right: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.tableborder input#key,.tableborder input#key1{
    width: 100px;
}
.tableborder #regKeyImg{
    height: 28px;
    vertical-align: middle;
}
.login_foot{
    /* text-align: center; */
    margin-top: 10px;
    border-top: 1px solid #EAEDF3;
    padding-top: 15px;
}
.login_foot input{
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    margin-right: 20px;
    padding: 0;
}
.login_foot input.login_submit{
  
}
.footer_login {
    position: fixed;
    width: 100%;
    bottom: 10px;
    z-index: 1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 0;
}
.showFormBox{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10001;
}
.topForm{
    width:560px;
    height: 170px;
    top: 50%;
    position: fixed;
    margin-top: -85px;
    left: 50%;
    margin-left: -280px;
    background: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    z-index: 10000;
    padding: 24px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 2px 10px 1px rgba(0,0,0,.2);
    /* display: none; */
}
.topForm h2{
    font-size: 18px;
    color: #202124;
    margin-bottom: 12px;
}
.topForm p{
    font-size: 15px;
    color: #5f6368;
}
.topForm span{
    display: block;
    font-size: 15px;
    color: #5f6368;
    margin-top: 30px;
}
.topForm span a{
    display: inline-block;
    width: 60px;
    margin:0 5px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    height: 32px;
    border-radius: 5px;
    background: #f3f3f6;
    color: #292929;
    line-height: 32px;
}
.topForm span button:hover{
    color: #fff;
    background: #1a006d;
}
.showRequire{
    display: none;
    width:600px;
    height: 580px;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    border-radius: 8px;
    top: 50%;
    margin-top: -290px;
    background: #fff;
    overflow: hidden;
    
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#myFrame{
    position: absolute; width: 100%; height: 100%; border-radius: 3px;
}
.search_title{ overflow: hidden;}
.search_title h1{
    float: left;
    font-size: 28px;
    margin-top: 5px;
}
.moreSearch{ 
    float: right;
    width: 420px;
    overflow: hidden;
  
}
.searchOption{
    float: left;
    width: 90px;
    height: 38px;
    border: none;
    font-size: 14px;
    color: #444;
    position: relative;
    text-indent: 6px;
    border-radius:4px 0 0 4px;
    border-right: 1px solid rgb(160, 160, 162);
}
.searchOption .option-text{
    width: 90px;
    height: 38px;
    font-size: 15px;
    color: #444;
    line-height: 38px;
    cursor: default;
    text-indent: 6px;
    background: url(../images/icon_arrow_down_x2.jpg) no-repeat 91% center;
    background-size: 13px auto;
}
.searchOption ul{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 39px;
    z-index: 2;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 0 0 4px 4px;
}
.searchOption ul li{
    line-height: 32px;
    font-size: 14px;
    color: #444;
    text-indent:0;
    cursor: default;
    text-align: center;
}
.searchOption ul li:hover{
    color: #02499b;
}
.moreSearch form.search_news{
    
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    border-radius:4px;
   
}
.moreSearch form.search_news input.search_text{
    width: 278px;
    float: left;
    height: 40px;
    font-size: 15px;
    color: #444;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.moreSearch form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../images/search.png) no-repeat center center #fff;
    border-radius:0 4px 4px 0;
}

/* 应用谱图列表 */
.leftBox1{
    float:left;
    width:22%;
    /* width: 100%; */
}
.leftBox1 h2{
    font-size: 20px;
    color: #1d2088;
    /* text-align: center; */
    margin-bottom: 20px;
}
.leftBox1 li{
    /* display: inline-block; */
    margin-bottom: 10px;
}
.leftBox1 .select{
    width: 100%;
    border: 1px solid rgb(160, 160, 162);
    height: 38px;
    font-size:14px;
    border-radius: 4px;
    color: #444;
}
.leftBox1 li .keyword{
    width: 100%;
    border: 1px solid rgb(160, 160, 162);
    height: 38px;
    font-size:14px;
    border-radius: 4px;
    color: #444;
    text-indent: 10px;
}
.leftBox1 li .btn{
    border: 1px solid rgb(160, 160, 162);
    background: #f3f3f6;
    color: #444;
    width: 60px;
    height: 38px;
    vertical-align: inherit;
    font-size: 14px;
}
.leftBox1 li .btn.active.focus,.leftBox1 li .btn.active:focus,.leftBox1 li .btn.focus,.leftBox1 li .btn:active.focus,.leftBox1 li .btn:active:focus,.leftBox1 li .btn:focus{
    outline: none;
}
.leftBox1 li .btn:hover{
    background: #1d2088;
    color:#fff;
}
.mainbox.putumainbox{
    min-height: 100vh;
}
.rightBox1{
    float:right;
    width:74%;

}
.rightBox1 h2{
    font-size: 16px;
    color: #D4010B;
    margin-bottom: 15px;
}
.rightBox1 .letters{

}
.letters a{
    display: inline-block;
    font-size: 16px;
    color: #444;
    margin-right: 15px;
}
.letters a:hover{
    color: #1d2088;
    font-weight: 700;
}
.rightBox1 .textList{
    padding-top:10px;
    padding-bottom: 40px;
}
.rightBox1 .textList li{
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f7f7f7;
    background: url(../images/dots-b.png) no-repeat 4px 22px;
    padding-left: 26px;
}
.rightBox1 .textList li a{
    display: block;
    color: #292929;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tppages{
    font-size: 16px;
    color: #333;
}
.tppages a{
    font-size: 16px;
    color: #333;
}
.tppages a:hover{
    color: #1d2088;
}

/* 应用谱图内容 */
.putu_title{
    font-size: 22px;
    font-family: pingfang-s;
    color: #1d2088;
    text-align: center;
    margin-bottom: 20px;
}
.putu_ftitle{
    font-size: 18px;
    padding-top: 25px;
    margin-bottom: 25px;
    font-family: pingfang-s;
    color: #1d2088;
    border-top: 1px solid #f3f4f9;
}

.rightBox1 .detailDetail{
    padding-bottom: 15px;
    padding-top: 20px;
}
.rightBox1 .detailDetail p{
    line-height: 34px;
    font-size: 16px;
    color: #474646;
}
.rightBox1 .detailDetail p strong{
    font-family: 'pingfang-s';
    font-weight: normal;
}
.rightBox1 .detailDetail1{
    padding-bottom: 30px;
   
}
.putu_contentbox{
    float: right;
    width: 66%;
}
.rightBox1 .detailDetail1 table {
    background: #e1e3f0;
    width: 100%;
}
.rightBox1 .detailDetail1 table tr td {
    background: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 8px !important;
    color: #474646;
}

.rightBox1 .detailPutu{
    float: left;
    width: 30%;
    text-align: center;
    padding: 2px;
    background-image: url(../images/contentsolid.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}
.rightBox1 .detailPutu img{
    max-width:100%;
    height: auto;
}
.mapinfobrief img{ height: 40px;}

/* 投资者关系 */

.mainbox.investorbox{
    background: #f8fbff;
    padding-bottom: 0;
}
.mainbox.investorbox .menunav{
    background: transparent;
    margin-top: 0;
}
.mainbox.investorbox .menunav.fixedtop{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    padding: 30px 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.mainbox.investorbox .menunav a:hover{
    background: url(../images/subBg.png) no-repeat left top;
    color: #fff;
    background-size: 100% 100%;

}

.sectionInvestor{
    padding: 40px 0;
    position: relative;
    background-repeat: no-repeat;
}
.plan_point{
    position: absolute;
    top: -216px;
}
.sectionInvestor.stocksbox{
    /* padding-bottom: 0; */
}
.investortitle{
    font-size: 24px;
    color: #1a006d;
}
.stocksiframbox{
    margin-top: 40px;
    position: relative;
    /* padding-bottom: 30px; */
    padding-top: 30px;
    background: #fff;
    border:6px solid rgba(230,237,249,.6);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.stocksifram{
    z-index: 1;
    position: relative;
    height: 600px;
    width: 92%;
    margin: 0 auto;
    overflow: hidden;
}
.stocksifram iframe{
    width: 1090px;
    height: 810px;
    margin-top: -240px;
}

.stocksifram .hq-tab-box .tab_current{
    background: #1d2088;
}

.stocksifram iframe html::-webkit-scrollbar {width:5px;height:5px;position:absolute;}
.stocksifram iframe html::-webkit-scrollbar-thumb {background-color:#1a006d}
.stocksifram iframe html::-webkit-scrollbar-track {background-color:#ddd}


.stocksifram iframe body::-webkit-scrollbar {width:5px;height:5px;position:absolute;}
.stocksifram iframe body::-webkit-scrollbar-thumb {background-color:#1a006d}
.stocksifram iframe body::-webkit-scrollbar-track {background-color:#ddd}


.sectionInvestor.announcementbox{
    background-image: url(../images/bg-announcement.png);
    background-size: 100% auto;
    background-position: center top;
    background-color: #f9f9f9;
}
.announcementmenu{
    padding: 10px 0 30px;
    text-align: center;
}
.announcementmenu li{
    margin:0 20px;
    display: inline-block;
}
.announcementmenu li a{
    display: block;
    padding: 0 25px;
    font-size:18px;
    border-radius: 3px;
    color: #575656;
    line-height:48px;
    position: relative;
}
.announcementmenu li a::after{
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #c9151e;
    transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    -ms-transition: width .5s ease-in-out;
}
.announcementmenu li.active a::after{
    width: 100%;
}
.announcementmenu li:hover a::after{
    width: 100%;
}
.announcementlist{
    margin-top: 20px;
}
.announcementitem{
    display: none;
}
.investorlist li{
    overflow: hidden;
    position: relative;
    padding-left: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.investorlist li::before{
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #1d2088;
    position: absolute;
    left: 4px;
    top: 17px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.investorlist li a{
    float: left;
    width: 85%;
    color: #474647;
    font-size:16px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.investorlist li span{
    float: right;
    color: #575656;
    font-size:16px;
}
.investorlist li:hover a{
    color: #c9151e;
}
.sectionInvestor.dynamicsbox{
    background: #fff;
}
.dynamicslist{
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}
.dynamicslist li{
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f3f4f9;
}
.dynamicslist li a{
    color: #575757;
    font-size: 16px;
    line-height: 28px;
}
.dynamicslist li span.dynamicstitle{
    float: left;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 38px;
    background-size: 24px auto;
    background-image:url(../images/icon_service_pdf.png);
    background-position:  left center;
    background-repeat: no-repeat;
}
.dynamicslist li span.dynamicsdown{
    float: right;
    width: 90px;
    height: 28px;
    text-align: center;
    background-size: 100% 100%;
    background-image:url(../images/solid_en.png);
    background-position:  left top;
    background-repeat: no-repeat;
}
.dynamicslist li:hover span.dynamicstitle{
    color: #c9151e;
}
.dynamicslist li:hover span.dynamicsdown{
    color: #fff;
    background-image:url(../images/solid_en-r.png);
}
.sectionInvestor.interactionbox{
    background-color:#f3f4f9;
    background-position: center top;
    background-size: cover;
}
.interaction{
    padding-top: 25px;
}
.icon-interact{
    min-height: 400px;
    margin-bottom: 40px;
    background: #fff;
    border: 6px solid rgba(230, 237, 249, .6);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
a.interactbtn{
    display: block;
    width: 130px;
    height: 48px;
    background-image: url(../images/bg_solid.png);
    background-position: center bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #474646;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
}
a.interactbtn:hover{
    background-image: url(../images/bg_solid-r.png);
    color: #fff;
}
.sectionInvestor.irContactbox{
    background-image: url(../images/bg-ircontact.png);
    background-position: center bottom;
    background-size: 100% auto;
    background-color: #f9f9f9;
}
.irContactlist{
    background: #fff;
    margin: 35px 0;
}
.irContactleft{
    float: left;
    width: 46%;
    padding: 25px 35px;
}
.irContactright{
    float: right;
    width: 54%;
    height: 460px;
}
.irmap{
    width: 100%;
    height: 100%;
}
.irContactlist ul li{
    font-size: 16px;
    color: #575656;
    background-position: left top 5px;
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 38px;
    margin: 15px 0;
}
.irContactlist ul li strong{
    display: block;
    font-weight: normal;
    color: #474647;
    font-size: 18px;
}


/* 自适应调试 */
@media (min-width:992px) and (max-width:1220px) {
    .header a.logo{  margin-top: 20px;}
    .header-right .formbox{
        margin-right: 12px;
    }
    .header-right ul.nav li>a{padding-left: 8px; padding-right: 8px; font-size: 16px; }
    .navigation-down .nav-down-menu dl{ padding: 20px 20px; }
    .menu-1 dl, .menu-3 dl{ margin-left: 26%;}
    .navigation-down .nav-down-menu.menu-5 dl{ margin-left: 67%;}
    .menu-3 dl{ margin-left: 38%;}
   
    #numberscroll li{  padding-left: 64px;background-size: 46px auto;}
    #numberscroll li h2{ font-size: 16px; }
    #numberscroll li p{ font-size: 18px; }
    #numberscroll li p i{font-size: 24px; }
    #numberscroll li p b{ font-size: 24px; }

    .index_product ul.product_nav{
        min-height: 436px;
    }
    .product_nav li dl{padding: 74px 34px 32px;height: 334px;}
    .product_nav li dl dd{ width: 50%;}

    .relyitem li a{ padding: 0 8px;}
    .relyitem li .iconbox{ width: 91px; height: 91px;}

    .hdindex .hd_title{ font-size: 18px;}

    .index_about .index_right{
        width: 38.9%;
    }
    .index_footer a{
        margin-left: 10px;
    }
    .index_footer a,.index_footer .copyright{ font-size: 15px;}

    /* 关于赛分——公司简介 */
    .skill ul li{ background-size:100% 100%;}
    .footer p{ width:81%;}
    .abouttitlepic{ height: 365px;}
    .aboutprocesstop li.index0{ top: 162px;}
    .aboutprocesstop li.index1{ width: 12%; top: 270px;}
    .aboutprocesstop li.index2{ 
        top: 125px;
        left: 18.5%;
        width: 15%;
    }
    .aboutprocesstop li.index3 {
        top: 95px;
        width: 12%;
    }
    .aboutprocesstop li.index4 {
        top: 220px;
        width: 14%;
    }
    .aboutprocesstop li.index5 {
        left: 48.8%;
        top: 32px;
        width: 12%;
    }
    .aboutprocesstop li.index6{
        top: 145px;
        width: 14%;
    }
    .aboutprocesstop li.index6{
        top: 145px;
        width: 14%;
    }
    .aboutprocesstop li.index7 {
        left: 66.5%;
        top: -16px;
        width: 15%;
    }
    .aboutprocesstop li.index8{
        top: 128px;
        width: 24%;
    }
    .aboutprocesstop li.index9{
        width: 13%;
        top: -36px;
    }
    .global_boxlist li .icon-img img{ }
    .global_boxlist li{ width: 33%;}
    .global_boxlist li.index1, .global_boxlist li.index4{
        width: 33%; margin-left: 0; margin-right: 0;
    }
    .skill_team ul li .aboutteachinfo{
        width: 86.5%;
    }
    .culturebox ul li{
        width: 50% !important; margin-bottom: 20px;
    }
    .global_boxlist li p.cn-title{ font-size: 22px;}
    .global_boxlist li .icon-aboutright{ margin-left: 18px;}
    .global_boxlist li.index0 p.cn-ftite, .global_boxlist li.index2 p.cn-ftite{ font-size: 22px;}
    .skill_team ul li p{ line-height: 24px;}
    .skill-left{ width: 48.33%;}
    .skill ul li span{ font-size: 15px;}

    .company_list .company_left{ width: 86.8%;}
    .aboutbox p{ font-size: 15px; line-height: 30px;}
    /* 关于赛分——创新与荣誉 */
    .honor li .imgbox{ height:160px;}
    .honor li .imgbox img{ height:120px;}
    .skill ul li span{ font-size: 16px; line-height: 28px;}
    .skill_team ul li h2{ font-size: 16px;}
    .common_block p{ font-size: 15px;}
    .skill_team ul li .imgbox,.skill_team ul li img{ width: 100px; height: 100px;}
    .teamlist li .general-right{ width: 85.5%;}

    /* 产品中心-列表 */
    .pro_nav a{font-size: 16px;padding-left: 5px;padding-right: 5px;}
    .productbox ul.productlist li{ margin-bottom: 35px;}
    
    /* 产品中心——内容 */
    .probrief ul{ width: 45.2%;}
    .probrief ul li{ line-height:32px;background: url(../images/dots-b.png) no-repeat left 12px;}
    .app_list li{ background-size: 100% 100%;}

    
    .relybox li .relyImg img{ height: 95px;}

    .color_station table tr th{ width: 34%;}

    /* 互动中心——赛分新闻 */
    .isgood_list .newsinfo{ padding-left: 325px;}
    .content_title{ padding-top:10px;}
    .content_title h2{ margin-bottom: 34px;}
    .acbox .acinfo{ width: 73.8%;} 


    /* 互动中心——联系我们 */
    .contactbox{ padding-top:55px;}
    .contacttitle{  font-size:32px;}
    .contactbox h2.c_title{ font-size:32px;}
    .contactWays dl dt{ font-size: 17px;}
    .contact_title .area_title{ padding-left: 15px; font-size: 18px; padding-right: 10px;}
    .contact_r li{ margin-right: 50px;}
    .footer p{ font-size: 15px;}
    .footer a{ font-size: 15px; margin-left: 10px;}

    .stocksifram iframe{
        width: 100%;
        height: 860px;
        margin-top: -284px;
    }
}
@media (min-width:768px) and (max-width: 992px){
    /* .header a.logo{ width:150px; margin-top: 24px; }
    .header a.logo img{  max-width: 96%;}
    .loginbox{ margin-left:5px;}
    .loginbox a{ padding:5px 5px;}
    .header-right .formbox{margin-left: 5px;}
    .header-right ul.nav li>a{ padding-left: 6px; padding-right: 6px; font-size: 15px;}
    .menu-1 dl,.menu-3 dl{ width:100%; }
    .menu-1 dl{ margin-left:6%;}
    .menu-3 dl{ margin-left:22%;}
    .navigation-down .nav-down-menu.menu-5 dl{ margin-left:67%;}
    .navigation-down .nav-down-menu dl dd{margin-right:25px;}
    .bannercover h2{font-size:34px; line-height: 58px;}
    .bannercover h2 span{font-size:26px;}
    .indexnumbox{  padding-top:35px; padding-bottom: 30px;}
    #numberscroll li{ padding-left:0;background-position: center top;background-size: 25% auto;padding-top: 60px; text-align: center;}
    #numberscroll li h2{font-size:18px; margin-bottom: 5px;}
    #numberscroll li p{ font-size: 20px;}
    #numberscroll li p i,#numberscroll li p b{font-size: 26px;}
    .index_product{ padding-top: 55px;padding-bottom: 65px;}
    .index_product h1,.rely h1,.hdCenter h1,.index_left h1{font-size: 32px;}
    .product_nav li{padding: 0 10px;min-height: 370px;}
    .product_nav li .iconbox{  width: 130px;height: 130px; padding-top: 10px;margin-left: -65px;}
    .product_nav li img{ height: 50%;}
    .product_nav li h2{font-size: 22px;margin-top: 10px; }
    .product_nav li dl{ padding: 70px 20px 45px;margin-top: 0;height: 300px;}
    .product_nav li dl dd{ width: 50%;}
    .product_nav li.active dl{ margin-top: 70px; }
    .rely{padding-top: 55px;}
    .rely h1{ margin-bottom: 40px; }
    .relyTab a{ font-size: 22px;padding-left: 35px;padding-right: 35px;line-height: 64px;}
    .rely .relyContent{ padding-top: 50px;}
    .relyContent .swiper-slide .iconbox{width:120px; height: 120px;}
    .relyContent .swiper-slide .iconbox img{ max-width:60%;}
    .relyContent .swiper-slide h2{ font-size: 18px; margin-top: 25px;}
    .hdCenter{ padding-top:50px; padding-bottom: 60px;}
    .hdCenter .hdindex{ margin-top:40px;}
    .hdindex .hd_left,.hdindex .hd_right{ float:none; width:100%;}
    .hdindex .hd_right{ margin-top:20px;}
    .index_about .index_left{ margin-top:-5px; margin-bottom: 30px;}
    .index_left h1{ margin-bottom:30px;}
    .index_left ul li{ width:150px; margin-right:10px;}
    .index_left ul li p{ margin-top:20px;}
    .index_about{ padding-top:50px; padding-bottom:40px;}
    .index_about .index_right{ margin-bottom:60px;}
    .index_footer{ padding-top:20px;}
    .index_footer .copyright{ font-size:14px; line-height: 28px; float:none; display: inline;}
    .index_footer a{ font-size: 14px; margin-left:10px;}
    .index_footer .smalltab{ float:none; display: inline-block;} */

    /* 关于赛分——公司简介 */
/*     
    .aboutbox .about_text{ float: none; width: 100%; line-height: 32px;}
    .about_text h2{ margin-bottom: 18px; }
    .aboutbox .about_right{ float: none; width: 72%; margin: 0 auto; margin-top: 20px;}
    .common_block h1{ font-size: 24px; margin-top: 30px;}
    .company h1{ font-size: 24px;}
    .company_left h2{ font-size: 22px;}
    .skill_team ul li{ width: 33.3%; margin-bottom: 25px;}
    .skill_team ul li h2{ font-size: 16px;}
    .common_block p{font-size: 15px; line-height: 30px; }
    .skill ul li{ padding-top: 10px; padding-bottom: 10px; background-size: 100% 100%;}
    .skill ul li span{ font-size: 18px; margin-top: 10px;}
    .company p{ font-size: 15px; line-height: 30px;}
    .tabContent{ padding-top: 40px;}
    .company_list .company_left{ width: 71.8%;}
    .company_left h2{ margin-bottom: 20px;}
    .company_left a{ margin-top: 32px;}
    .company_list .company_right{ width:190px;}
    .qyzz{ padding-bottom: 50px;}
    .qyzz .qy_left{ margin-top: 0;}
    .qy_left p{ font-size: 15px; line-height: 30px;}
    .footer p{ width: 75%; line-height: 24px;}
    .aboutbox p{ line-height: 32px;} */
    /* 关于赛分——技术团队 */
    /* .teamlist li{ padding-bottom:40px; margin-bottom: 40px;}
    .teamlist li .general-right{ width: 84%;} */

    /* 关于赛分——创新与荣誉 */
    /* .honor li .imgbox{ height: 165px;}
    .honor li .imgbox img{ height: 130px;}
    .honor li .h-title{ font-size: 16px;} */

    /* 产品中心-列表 */
    /* .pro_nav a{ font-size:17px; padding-left:7px; padding-right: 7px;}
    .pro_nav li{ width: 20%;}
    .productbox ul.productlist li{ min-height: 315px;}
    .productlist li a{ padding: 15px 15px;}
    .productlist li h2{ font-size: 16px; ;line-height: 22px; margin-top:15px; margin-bottom: 10px;}
    .productlist li p{ font-size: 14px; line-height: 22px; height: 44px;}
    .productlist li span{ font-size: 14px; padding-left: 24px;background: url(../images/arrow-more.png) no-repeat 10px 14px;}
    .productlist li:hover span{background: url(../images/arrow-more-r.png) no-repeat 10px 14px;} */

    /* 产品中心——内容 */
    /* .productContent h1{ font-size: 32px;}
    .probrief ul{ width:49.2%;}
    .probrief ul li{ line-height: 28px;background: url(../images/dots-b.png) no-repeat left 10px;}
    .pro_application{ padding-left: 30px; padding-right: 30px;}
    .app_list li{ width: 32%; margin-right: 1.3%; background-size: 100% 100%;}
    .agree .ag_r{ width:90%;}
    .right_form{ width:33%;} */

    /* 应用中心-封面 */
    /* .rely_lists li{ padding-top:30px; padding-bottom:30px; margin-bottom: 40px;}
    .rely_lists li h2{ margin-top: 30px;} */

    /* 应用中心-列表 */
    /* .lastnav a{ font-size: 18px; margin-right: 15px;}
    .relybox li{ padding:20px 10px;}
    .relybox li .relyImg{ width:35.8%;}
    .relybox li .relyInfo{ width: 61.5%;}
    .relyInfo h2{ font-size: 18px; line-height: 28px;} */

    /* 互动中心——赛分新闻 */
    /* .isgood_list .newsinfo{ padding-left:300px; padding-top: 25px; padding-right: 15px; min-height: 230px;}
    .newsinfo h2{ font-size: 18px; line-height: 28px; margin-bottom: 8px;}
    .mainbox ul.news_list{ padding-bottom: 40px;}
    .content_title{ padding-top: 0;}
    .content_title h2{ margin-bottom: 30px;} */

    /* 互动中心——市场活动 */
    /* .acbox .date{width:75px; height:70px; background-size: 100% 100%;}
    .acbox .date .day{ font-size: 30px;}
    .activity-list{ padding-top: 0;}
    .activity-list li{ margin-bottom: 35px;}
    .activity-list li:hover .date{ background-size: 100% 100%;}
    .acbox .acinfo{ width: 74.8%; padding-top: 0;}
    .acinfo h2{ font-size: 16px;}
    .acinfo p{ font-size: 14px; line-height: 24px;} */
    
    /* 互动中心——联系我们 */
    /* .contactbox{ padding-top: 50px;}
    .contacttitle{ font-size:32px;}
    .contactbox h2.c_title{ font-size: 32px;}
    .contactWays{ padding-top:0;}
    .contactWays h1{ font-size: 32px; margin-bottom: 45px;}
    .contactWays ul li{ width: 48.8%; margin-right: 2.4%;}
    .contact_title .area_title{ padding-right: 2px; padding-left: 9px; font-size: 15px;}
    .contact_title i{ background-size: 40px auto;}
    .contact_r li{ margin-right: 0;}
    .contact_r li img{ max-width: 78%;} */

    /* 互动中心——加入我们 */
    /* .joblist{ margin-bottom:40px;}
    .job_name{ width:24%; padding-left: 20px;}
    .joblist li span.job_name{ font-size: 16px;}
    .joblist li .jobInfo{ padding: 20px 15px;} */

}
.phonevideo{
    display:none;
}
.phone_search{
    display: none;
    width:30px;
    height: 40px;
    background: url(../images/search.png) no-repeat center center;
    float: right;
    margin-right: 14px;
    margin-top: 14px;
}
.phone_close{ display:none;
    float: right;
    margin-right: 14px;
    margin-top: 28px;
    width: 16px;
}
@media (max-width:768px){
    .phone_search{ display: block; height: 34px; margin-right: 8px; margin-top: 20px;}
    
    .header{height:70px;}
    .header a.logo{ width:38%; margin-left:10px; margin-top:16px;}
    .header a.logo img{
        height: 36px;
    }
    .header .header-right{ width:58%;}
    
    .header-right .formbox{ height:70px; margin-left: 0; display: none;
        position:absolute;
        right: 80px;
        width: 100%;
        top: 5px;
    }
    .formbox span.searchimg{ height:70px;}
    .formbox form.search_news{ top:15px !important;}
    .formbox form.search_news input.search_text{ width:52%; font-size: 13px; padding-right: 0;}
    .formbox form.search_news input.button{ float: right; width: 26px;}

    .loginbox{ height: 34px; line-height: 34px; margin-left: 0;}
    .loginbox a{ font-size: 16px;}
    .formbox img.closebtn{ right: 10px; margin-top: 26px;}

    .searchOption{ width:80px; font-size:13px;}
    .searchOption .option-text{ width:80px; font-size: 13px; background-size: 10px auto;}

    .header-right ul.nav{ display: none;}
    .navbar-toggle{background: #2f1a87; margin-top: 19px;}
    .navbar-toggle .icon-bar{background: #fff;}

    .bannerslider{ height:230px; }
    .bannerslider video{ height:230px !important}
    .video-js{ display:none !important;}
    .phonevideo{ display:block;height:230px;}
    .phonevideo img{ height: 230px; width: auto;}

    .searchOption ul li{ text-indent: 0;}
    .bannerslider .swiper-slide.banner2 a>img{
        width: 100%;
        height: auto;
    }
    .searchOption ul{
        z-index: 2;
    }
    .bannercover h2{ font-size:20px; line-height: 34px; letter-spacing: 0;}
    .bannercover h2 span{
        font-size: 16px;
    }
    .bannercover h2 img{ max-width: 90%; height: auto;}
    /* #numberscroll{ padding: 0 15px;} */
    .indexnumbox{ padding-bottom: 10px;}
    #numberscroll li{ width: 48.7% !important; text-align: center; margin-bottom: 20px; padding-left: 0; padding-top: 60px; background-size: 45px; background-position: center top;}
    #numberscroll li h2{ font-size: 16px; margin-bottom: 6px;}
    #numberscroll li p{ font-size: 18px;}
    #numberscroll li p b,#numberscroll li p i{ font-size: 24px; margin-right: 5px;}
    #numberscroll li p b{ margin-left: -5px;}


    .index_product{ padding-top: 45px;}
    .index_product h1,.rely h1,.hdCenter h1{ font-size: 24px;}
    .index_product ul.product_nav{ height: auto; margin-top:30px;}
    .product_nav li{ width: 100%; float: none; padding-top: 60px; min-height: 130px; margin-top: 0; margin-bottom: 20px;}

    .product_nav li .iconbox{ width: 110px; height: 110px; padding-top: 18px; margin-left: -55px;}

    .product_nav li img{ height: 40px;}

    .product_nav li h2{ font-size:18px; margin-top: 12px;}
    .product_nav li dl{ padding: 65px 20px 15px; height: auto; margin-top: 0;}
    .product_nav li dl dd{  width: 50%; line-height: 32px;background: url(../images/dots-red.png) no-repeat left top 12px;}
    .product_nav li dl dd a{ font-size: 15px; line-height: 30px;}

    .float-container{ width:200px; height: 100px; }
    .float-container .piaoTitle{ font-size:16px;line-height: 100px;}
    .rely{ padding-top: 10px; padding-bottom: 20px;}
    .rely h1{ margin-bottom: 35px;}
    .relyTab a{ font-size: 18px; padding-left: 15px; padding-right: 15px; line-height: 48px; margin: 0 5px;} 
    .rely .relyContent{ margin-top: 30px;}
    .relyContent .swiper-list .relyitem{
        text-align: justify;
    }
    .relyitem li{
        margin: 0;
        width: 32%;
        margin-bottom: 20px;
    }
    .relyitem li a{ padding: 0;}
    .relyitem li .iconbox{
        width: 61px; height: 61px; margin: 0 auto;
    }
    .relyitem li .iconbox img{
        margin: 18px auto 0;
    }
    .relyitem li h2{
        margin-top: 14px; font-size: 15px;
    }
   
    .hdCenter{ padding-top: 40px; padding-bottom: 40px;}
    .hdCenter .hdindex{ margin-top: 30px; padding: 0 15px;}
    .hdindex .hd_title{ left:20px; top: 20px;font-size: 20px; padding-left: 35px;}
    .hdindex .hd_title a{ font-size:18px;}
    .hdindex .hd_left,.hdindex .hd_left2024{ width:100%; float: none; height: auto; margin-bottom: 10px;}
    .hd_left .hd_news,.hd_left2024 .hd_news{ width: 90%; margin-left: -45%; padding: 15px 15px 5px; bottom: 20px;}
    .hd_left .video_cover img{
        width: 100%;
    }
    .hd_news span{ font-size: 14px;}
    .hd_news h2{ font-size: 16px; line-height: 24px; margin-top: 8px; margin-bottom: 10px;}
    .hd_news p{ display: none;}
    .hdindex .hd_right{ height: auto;}
    .hd_right ul li{ height: 120px;}
    .hdindex .hd_right{ float:none; width:100%;}
    .hd_right .hd_activity{ height: 120px; margin-bottom: 10px;}
    .hd_activity h2{ font-size: 18px; bottom: 40px;}
    .hd_activity h2 a{ font-size: 16px;}
    .hdindex .hd_title{ font-size: 18px;}
    .showVideoChildren{
        padding: 40px 3%;
    }

    .index_about{ padding: 30px 15px 15px;}
    .index_about_footer{ padding-bottom: 14px;}
    .index_about .index_left{ padding-top: 0; margin-right: 0;}
    .index_left h1{ text-align: center; font-size:18px;  display: none; margin-bottom: 35px;}
    .index_left ul{ text-align: center;}
    .index_left ul li p{ margin-top: 15px;}
    .index_left ul li{ display: inline-block; }
    .index_left ul li img{ width: 80px;}
    .index_about .index_right{ display: none;}
    .index_footer{ padding-top: 20px; text-align: center;}
    .index_footer .copyright{ font-size: 14px; line-height: 24px; display: inline; float: none;}
    .index_footer .smalltab{ float:none; display: inline-block;}
    .index_footer a{ font-size: 14px; margin-left: 10px;}

    /* 关于我们——公司简介 */
    .banner{ margin-top:70px;}
    /* .banner img{width: 100%; height:;} */
    .menunav{ margin-top: 40px; }
    .menunav a{ font-size: 16px; line-height: 48px; height: 48px; margin: 0; padding: 0 12px;}
    .menunav a.active{ background-size: 100% 100%;}
    .processimg{ padding: 30px 15px 0;}
    .aboutboxmain{
        padding-top: 35px;
    }
    .aboutbox{ padding: 15px 15px 30px;}
    .aboutbox .about_text{ float: none; line-height: 32px; padding-top: 10px; width: 100%;}
    .aboutbox .about_right{ float: none; width: 100%; margin-top: 20px;}
    .about_text h2{ text-align: center; margin-bottom:15px; font-size: 20px;}
    .aboutbox p{
        line-height: 32px; margin-bottom: 0;
    }

    .abouttitlepic{
        height: auto;
        background-image: url(../images/phonesolid.png);
        background-position: left 15px top;
        padding: 25px 15px 10px 20px;
        background-size: auto 100%;
    }
    .aboutprocesstop li{
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto;
        margin-bottom: 25px;
        text-align: left !important;
        padding-left: 35px !important;
    }

    .aboutprocesstop li::before{
        content: ' ';
        display: inline-block;
        position: absolute;
        background: #c81620;
        width: 28px;
        height: 1px;
        top: 10px;
        left: 0;
    }
    
    .about_right ul li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .aboutprocesstop li h2{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .aboutprocesstop li p{
        min-height: auto;
        padding-left: 0;
    }
    .aboutprocesstop li p::before{
        display: none;
    }

    .about_mp4{ padding: 50px 15px;}
    .about_mp4 .about_video{ width: 85%;}
    .about_cover_video .about_playbtn img{ max-width: 100%; height: auto;}
    .common_block{ padding: 10px 15px;}
    .common_block h1{ font-size: 20px; margin-top: 30px; margin-bottom: 20px;}
    .global_box{ padding-bottom: 30px;}

    .skill_team ul{ padding-top: 10px;}
    .skill_team ul li{ margin-bottom: 25px; border-bottom: none;}
    .skill_team ul li a{
        padding: 40px 0 0;
    }
    .skill_team ul li .imgbox,.skill_team ul li img{
        width: 80px;
        height: 80px;
    }
    .skill_team ul li .imgbox{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .skill_team ul li .aboutteachinfo{
        float: none;
        width: 100%;
        background: #fff;
        padding: 55px 15px 25px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .skill_team ul li h2{ font-size: 16px; text-align: center;}
    .skill_team ul li h2 span{ font-size: 15px; line-height: 26px;}
    .teachsmalltext{ font-size: 15px; line-height: 26px;}

    .global_boxlist li{ margin-top: 18px;}
    .global_boxlist li,.global_boxlist li.index1, .global_boxlist li.index4{ width: 50%; margin-left: 0; margin-right: 0;}
    .global_boxlist li .icon-img{ float: none; text-align: center;}
    .global_boxlist li .icon-aboutright{ float: none; width: 100%; text-align: center; margin-left: 0; margin-top: 8px;}
    .global_boxlist li .icon-img img{ height: 36px;}
    .global_boxlist li p.cn-title{ font-size: 24px; text-align: center; }
    .global_boxlist li p.cn-ftite{ font-size: 16px; 
        text-align: center; line-height: 24px;
    }
    .culturebox ul li{
        float: none; width: 100% !important; margin-bottom: 20px;
    }
    .skill_team a.team_more{ width:120px; height: 42px; margin-top: 15px; margin-bottom: 30px; line-height: 42px;}
    .skill{ padding: 10px 15px;}
    .skill h1{ font-size: 20px; margin-bottom: 15px;}
    .skill ul{ padding-top:5px;}
    .skill ul li{ width: 50%; margin-top: 15px;}

    .skill-right ul li .imgbox{
        width: 95px;
        height: 95px;
    }
    .skill ul li span{ margin-top: 10px; 
        font-size: 15px;
        line-height: 26px;
    }

    .skill-left,.skill-right{ width: 100%; float: none;}
    .skill-left{
        padding-top: 5px;
    }
    .skill-right{ padding-top: 0;}
    
    .company{ padding-left: 15px; padding-right: 15px; padding-bottom: 20px;}
    .company h1{ font-size: 20px; margin-bottom: 18px;}
    .company p{ text-align: justify;}

    
    .tab a{ padding: 0 15px; font-size: 18px;}
    .tabContent{ padding-top:0; padding-bottom: 0;}

    .tabContent .company_list{
        position: relative;
        float: none;
        width: 100%;
        margin-right: 0;
        padding:50px 0 0;
        border-bottom: none;
        margin-bottom: 20px;
    }
    .company_list .company_left{ width: 100%; float: none;
        padding: 70px 15px 20px;
        min-height: auto;
        background: #fff;
    }
    .company_left h2{
        text-align: center;
        font-size: 18px;
        margin-bottom: 12px;
    }
    .company_text p{
        font-size: 15px; 
        line-height: 26px;
        margin-top: 0;
    }
    
    .company_list .company_right{
        width: 100px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .culturebox{ padding-bottom: 30px; padding-top: 0;
        background-size: 19.85416%;
    }
    .culturebox p img{
        max-width: 80%;
    }

    .strategylist{
        width: 100%;
        min-height: auto;
    }
    .strategylist ul{
        overflow: hidden;
    }
    .strategylist ul li{
        position: relative;
        left: auto !important;
        top: auto !important;
        background-image: none;
        width: 33.33%;
        float: left;
        border: 1px solid #f3f4f9;
        height: auto;
    }
    .strategylist ul li a{
        padding: 0 3px;
    }

    .qyzz{ padding: 50px 15px;}
    .qyzz .qy_left{ width: 100%; float: none ; margin-top: 0;}
    .qy_left h1{ font-size: 24px; margin-bottom: 25px;}
    .qy_left h2{ font-size: 20px;}
    .qyzz .qy_right{ float: none; width: 100%; margin-top: 20px;}
    .parterbox{ padding-bottom: 40px;}
    .backtop{ width: 64px; height: 60px; background-size: 20px auto; padding-top: 30px;}
    .footer{ padding: 20px 15px; background-size: cover; text-align: center;}
    .footer p{ float: none; display: inline; line-height: 26px; font-size: 14px;}
    .footer a,.footer a.police{ font-size: 14px; margin-left: 10px;}
    .footer .smalltab{ float: none; display: inline-block;}

    /* 关于我们——技术团队 */
    .mainbox{  padding-left: 15px; padding-right: 15px; padding-top:30px;}
    .teamlist{ padding-top: 0;}
    .teamlist li{ padding: 0; padding-bottom: 30px; margin-bottom: 30px;}
    .teamlist li .general-left{ float: none; margin: 0 auto;}
    .teamlist li .general-right{ width: 100%; float: none; margin-top: 15px;}
    .general-right h2{ text-align: center;}
    .general-right .general-info{line-height: 32px;}

    /* 关于我们——创新与荣誉 */
    .honor li{ width:100%; float: none; margin-right: 0; margin-bottom: 20px;}
    .honor li .imgbox{ height: 240px;}
    .honor li .imgbox img{ height: 200px;}
    
    .honor li .h-title{ font-size: 16px; min-height: auto;}
    .pages{ padding-bottom: 30px;}
    .pages a{ padding: 5px 12px;}
    .pages b{padding: 5px 12px;}


    /* 关于我们——合作伙伴 */
    .partner_list{ padding: 0;}
    .swiper_partner{ padding-top: 0;}
    .swiper_partner .swiper-container{ padding-bottom: 20px;}
    .partner_list .swiper-wrapper{ display: inherit;}
    .swiper_partner .swiper-slide{ float: left; padding: 0 5px; width: 50%; margin-bottom: 10px;}
    .swiper_partner .swiper-slide .imgbox{ height: 48px;}
    .swiper_partner .swiper-button-next,.swiper_partner .swiper-button-prev{ display: none;}

    /* 产品中心——分析色谱 */
    .menunav a.two.active{ background-size:100% 100%;}
    .pro_nav li{ width:auto; text-align: center;}
    .pro_nav a{ font-size: 15px;line-height: 44px; display: block;}
    .productbox{ margin-top: 0; padding-top: 35px; padding-left: 15px; padding-right: 15px;}
    .productbox ul.productlist li{ float: none; width: 100%; margin-right: 0; margin-bottom: 20px;}


    
    .productlist li .imgbox{ text-align: center; background: #fff; border: 1px solid #f3f4f9;}
    .productlist li h2{ font-size: 16px; height: auto;
        display: block; line-clamp: initial; -webkit-line-clamp: initial;
    }
    .productlist li p{ font-size: 14px; line-height: 24px; height: auto;}
  
    /* 产品中心——内容 */
    .productistopinfo .istopbox{ padding: 12px 15px;}
    .istopnav{ padding: 0 15px;}
    .istopnav a{
        width: 25%; margin-right: 0; text-align: center;
    }
    .istopbox .istop-right a{ width: 100px;}
    .productContent{
        padding-top: 20px;
    }
    .productContent h1.productContentTitle{
        padding: 0 15px;
        font-size:22px; margin-bottom:20px; line-height: 32px;
    }
    .productContentTop{ padding: 0 15px;}
    .productContentTop .contentTop-left.ul_w{
        float: none; width: 100%;
    }
    .productContentTop .contentTop-left{ padding-top: 0;}
    .productContentTop .proimg{ float: none; width: 100%; margin-top: 12px;}
    .productContent .product_menu{ padding: 0 5px;}
    .product_menu a{ padding:0; width: 20%; text-align: center; font-size: 16px;} 
    .contentbox{ padding:20px 15px 0;}
    .contentbox .probrief{ background: none; padding:25px 10px;}
    .probrief .proimg{ float: none; width: 100%;}
    .probrief ul{ float:none; width: 100%; margin-top: 10px; margin-bottom: 10px;}
    .probrief ul li{background: url(../images/dots-b.png) no-repeat left 12px;padding-left: 12px; font-size: 15px; line-height: 30px; background-size: 5px;}
    .productContent p{ font-size: 15px; line-height: 30px;}
    .productContent img{ max-width: 100%; height: auto;}
    .pro_title{ margin-top: 30px;padding-bottom: 20px; font-size: 20px;}
    .contentbox .box{ padding-top: 10px;}
    .smallproductmarker{
        font-size: 20px;
    }
    .productbriefinfo ul li{
        line-height: 28px;
        background: url(../images/dots-b.png) no-repeat left 10px;
        background-size: 7px auto;
    }
    .proappitembottom{
        padding-left: 0;
        padding-right: 0;
    }
    .table-container{width: 100%;overflow-y: auto;_overflow: auto; padding: 0 1px;}
    .table-container::-webkit-scrollbar{
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }
    .table-container::-webkit-scrollbar-thumb{
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }
    .productContent table{ margin-bottom: 0px;}
    .productContent .box table tr th,.productContent .box table tr td{
        font-size: 15px; padding: 4px 4px 2px; line-height: 22px;
    }
    .productContent table tr td a{ font-size: 15px;}
    .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 0 !important;}
    .contentbox .box.productOrder .smallproductmarker, .contentbox .box.pro_down .smallproductmarker{
        margin-bottom: 25px;
    }
    .productContent h2{ font-size: 20px; margin-top: 25px; margin-bottom: 20px;}
    .lists{ padding:0; margin-top: 20px; margin-bottom: 20px;} 
    .lists .leftimg{ float: none; width: 100%;}
    .lists .rightbox{ float:none; width: 100%; margin-top: 20px;}
    .rightbox h3{ font-size: 18px; margin-bottom: 10px; line-height: 24px;}
    .pro_application{ padding: 1px 10px 20px;}
    .pro_application ul.app_list{ padding-top: 10px;}
    .app_list li{ width: 49.35%; margin-right: 1.3%; height: 40px; line-height: 40px; margin-bottom: 10px; background-size: 100% 100%;}
    .app_list li a{ font-size: 15px;}
    .pro_application h2{ margin-bottom: 15px;}
    .contentbox .orderbox table tr th{ width: 28%;}
    .downlists li{ padding-top: 10px; padding-bottom: 10px;background: url(../images/icon_service_pdf.png) no-repeat left 13px;padding-left: 30px; background-size: 20px auto;}
    .downlists li a{ font-size: 15px;}
    .pro_form{ padding: 10px 10px;}
    .left_form{ float: none; width: 100%;}
    .left_form li{ float: none; width: 100%; margin-right: 0; height: 40px; margin-bottom: 20px;}
    .left_form li label{ margin-left: 10px; line-height: 40px; font-size: 15px;}
    .left_form li input{width: 72%; height: 40px; font-size: 15px;}
    .right_form{ float: none; width: 100%; height: 150px; margin-bottom: 10px;}
    .right_form li{ padding: 10px 10px;}
    .right_form li label{ font-size: 15px;}
    .right_form textarea{ font-size: 15px; line-height: 24px;}
    .left_form .filter-list{ top: 40px; padding: 5px 0;}
    .left_form .filter-list li{ height: auto; margin-bottom: 0;}
    .left_form .filter-list li a{ font-size: 15px; line-height: 24px; padding: 5px 10px;}
    .agree input.ag_l{ margin-right: 10px; width:27px; height: 25px;}
    .agree .ag_r{ width:84%;}
    .ag_r a{ font-size: 16px;}
    .ag_r p{ margin-top: 5px; font-size: 14px; line-height: 24px;}
    .submit2{ margin-bottom: 15px;}
    .contentbox p img{ max-width: 100%;}

    /* 应用中心——分析色谱 */
    .mainbox ul.rely_lists{ padding-top:0;}
    .rely_lists li{ width:31.6%; margin-bottom: 10px;}
    .relybox li a{ padding: 20px 0;}
    .rely_lists li h2{ font-size: 16px;  margin-top: 12px;}
    .rely_lists li .imgbox{ width: 54px; height: 42px;}
    .relybox li:hover { background: none;border-radius: 10px;}
    .lastnav a{padding:3px 10px;margin-right: 0; text-align: center; line-height: 44px; font-size: 15px;}
    .changeType{ margin-top: 0; padding: 20px 15px;}
    .changeType a{ padding: 6px 15px; font-size: 15px; margin-right: 0;} 
    .relybox{ padding: 0 15px; margin-bottom: 0;}

    .relybox li .relyImg{ float: none; width: 100%; margin-bottom: 20px;}
    .relybox li .relyInfo{ width:100%; float: none; padding-top: 0;}
    .relyInfo h2{ font-size: 16px; margin-bottom: 10px; line-height: 24px;}
    .relyInfo p{ font-size: 14px; line-height: 24px;}
    .relyNewstext{ padding: 30px 15px;}
    .rely_titleboxtop{
        padding-top: 30px;
    }
    .relyNewstext h1{  line-height: 28px;}
    .relyNewstext .relyBrief{
        float: none;
        width: 100%;
    }
    .relyNewstext .rely_rightcontent{
        float: none;
        width: 100%;
        padding-top: 20px;
    }
    .relyNewstext .rely_title{ font-size: 20px; margin-top: 20px; padding-bottom: 20px; margin-bottom: 30px;}
    .color_station{ padding-bottom: 30px;}
    .color_station table tr th{ font-size: 15px; width: 38%;}
    .color_station table tr td{ font-size: 15px; }
    .color_station table tr td a.link{ font-size: 15px;}
    .usertab{ margin-top: -25px; height: 48px; background: none;}
    .usertab a{ padding-left: 12px; padding-right: 12px; font-size: 16px;}

    /* 应用中心——用户论文 */
    .paperbox{ padding-top: 0;}
    .userPaper .paper_title{ font-size:16px;}
    .userPaper .year{ width:15.3%}
    .userPaper .pro_type{ text-align: center; width: 21.9%; padding: 0;}
    .userPaper .yp_type{ width:21.9%; text-align: center; padding-right: 0;}
    .userPaper .paper_theme{ width:40.5%; padding-left: 10px;}
    .paperlist li a{ overflow: hidden; padding-top: 10px; padding-bottom: 10px;}
    .paperlist li span{ font-size: 15px;}
    .userlists ol,.writing_list{ padding-bottom: 0;}
    .userlists ol li,.writing_list li{background: url(../images/dots-b.png) no-repeat left 10px;background-size: 6px;padding-left: 15px;padding-right: 0;margin-bottom: 15px;padding-bottom: 15px;}
    .userlists ol li a,.writing_list li a,.writing_list li p{ font-size: 15px; line-height: 24px;}

    .leftBox1{ float: none; width: 100%;}
    .rightBox1{ width: 100%; float: none; margin-top: 15px;}
    .leftBox1 li{ display: inline-block; width: 49%;}
    .letters a{ margin: 0 10px;}
    
    .rightBox1 .detailPutu{ float: none; width: 100%;}
    .putu_contentbox{ float: none; width: 100%;}
    .rightBox1 .detailDetail{
        padding-top: 10px;
    }
    .rightBox1 .detailDetail p{ line-height: 30px;}

    /* 互动中心——赛分新闻 */
    .isgood_list .swiper-slide a{ padding-left:0; padding-top:0;}
    .isgood_list .imgbox{ position: relative; width:100%;}
    .isgood_list .newsinfo{ padding:15px 15px; min-height: 200px;}
    .newsinfo h2{ font-size: 16px; line-height: 24px; margin-bottom: 10px;}
    .newsinfo p{ font-size:14px; line-height: 24px; height: 72px;
        display: -webkit-box; overflow: hidden; line-clamp: 3; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;
    }
    .isgood_list .swiper-pagination{ width:100%; left: 0;}
    .mainbox ul.news_list{ padding-top: 20px; padding-bottom: 0;}
    .news_list li{padding-top: 15px; padding-bottom: 15px;background: url(../images/dots-b.png) no-repeat 4px 23px;padding-left: 20px;background-size: 6px;}
    .news_list li a{ width:70%;}

    /* 互动中心——市场活动 */
    .activity-list{ padding-top:0px;}
    .activity-list li{ float: none; margin-bottom: 25px; width: 100%; margin-right: 0;padding-bottom: 15px;border-bottom: 1px solid #e8e9f3;}
    .activity-list li .acbox{ overflow: hidden; margin-top: 20px;}
    .acbox .date{width: 70px; height: 78px; background-size: contain;}
    .acbox .date .day{ margin-top: 8px;font-size: 24px;margin-bottom: 5px;}
    .acbox .acinfo{ padding-top: 0; width: 75.8%;}
    .acinfo h2{font-size: 16px;}
    .acinfo p{font-size: 14px;line-height: 24px;height: 52px;overflow: hidden;}
    .activity-list li:hover .date{background-size: contain;}
    .more_activity{ width:122px; height: 40px; background-size: 100% auto; line-height: 40px; font-size: 16px;}
    .content_title{ padding-top: 0; padding-bottom: 20px;}
    .content_title h2{ font-size: 24px; line-height: 32px; margin-bottom: 15px;}
    .content_title span{ font-size: 14px; margin: 0 5px;}
    .content_title a{ display: none;}
    .newstext{ padding-top: 30px;}
    .nextbox p{ margin-bottom: 24px;}
    .nextbox p a{ width:80%; vertical-align: middle;margin-left: 15px;}

    .location{
      margin-top: 40px;  padding-left: 47px; background-position: left 15px top 2px; padding-right: 15px;
    }

    /* 互动中心——联系我们 */
    .map{ height:290px;}
    .contactbox{ padding: 30px 15px 15px;}
    .contacttitle{ margin-top:-20px; font-size:24px; position:relative; z-index:1;}
    .contactbox h2.c_title{ font-size: 24px; margin-bottom: 10px;}
    .contactbox .contact_text{ width:100%; line-height:24px;}
    .contactbox .contact{ padding-top: 30px;}
    .contact .contact_left{ width:100%; float: none;}
    .contact .contact_left h2{ display: none;}
    .contact_left dl dd{ width: 100%; float: none; margin-bottom: 20px; margin-right: 0;}
    .high{ right:-12px;}
    .contact .contact_right{ float: none; width: 100%; margin-top: 10px;}
    .contact_right dd b{ font-size: 20px;}
    .contact_right dd{padding-left: 42px;padding-top: 12px; padding-bottom: 12px;background-position: left 10px;}

    .contactWays{ padding: 40px 15px;}

    .contactWays h1{ font-size: 20px; margin-bottom: 30px;}
    .contactWays ul li{ float: none; width: 100%; margin-right: 0; margin-bottom: 10px; min-height: auto;}
    .contact_title{ height: 104px; margin-bottom: 20px;}
    .contact_title i{ width:15%; height: 104px; background-size: 35px;}
    .contact_title .area_title{ width: 85%;padding: 10px 15px; font-size: 16px; line-height: 28px;}

    .contact_about{padding-top: 40px;}
    .contact_about .contact_l{ float: none; width: 100%;margin-top: 0;}
    .contact_l h2{font-size: 24px;margin-bottom: 15px;}
    .contact_l p{ font-size: 16px;line-height: 28px;}
    .contact_about .contact_r{float: none;width: 100%;padding-left: 0;text-align: center; margin-top: 20px;}
    .contact_r li{float: none;margin-right: 0;display: inline-block;width: 28%;margin: 0 5px;}
    .contact_r li p{ margin-top: 15px;}

    
    
    /* 互动中心——加入我们 */
    .joblist{ margin-bottom: 20px;}
    .experience,.job_number,.job_status{ display:none;}
    .academic,.release_time,.operation{ width:25%;}
    .job_name{padding-left: 10px;}
    .joblist li span,.joblist li span.job_name{ font-size: 15px; }
    .job_head{ font-size: 16px;}
    .joblist li .jobInfo{ padding: 20px 10px; font-size: 14px; line-height: 24px;}
    .joblist li .job_box{ padding-top: 15px; padding-bottom: 15px;}

    /* 注册登录 */
    .userInfobox{ width:320px; margin-left: -160px; padding-left: 15px; padding-right: 15px;}
    .footer_login{ display: none;}
    .topForm{ width:300px; margin-left: -150px;}
    .showRequire{ width:90%; margin-left: -45%;}
    .search_title h1{ font-size: 24px;}

    /* 网站地图 */
    .webmap{ margin-top:10px; padding: 30px 15px;}
    .webmap .titlebox h1{ font-size: 24px; margin-bottom: 10px;}
    .webmap .titlebox span{ height: 2px;}
    .webnavbox{ padding-top: 10px;}
    .webnavbox li{ width:100%; margin-right: 0; min-height: auto;}

    /* 隐私政策 */
    .lawbox{ padding-top:0;}

    /* 投资者关系 */
    .mainbox.investorbox{
        padding-left: 0;
        padding-right: 0;
    }
    .sectionInvestor{
        padding-left: 15px;
        padding-right: 15px;
    }
    .sectionInvestor.stocksbox{
        padding-top: 20px;
    }
    .investortitle{
        font-size: 20px;
    }
    .stocksiframbox{
        margin-top: 25px;
        padding-bottom: 0;
        border: 2px solid rgba(230, 237, 249, .6);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .stocksifram{
        height: 860px;
    }
    .stocksifram iframe{
        width: 100%;
    }
    .announcementmenu{
        padding-bottom: 15px;
    }
    .announcementmenu li{
        margin: 0 5px;
    }
    .announcementmenu li a{
        padding: 0 12px;
        font-size: 16px;
    }
    .investorlist li{
        padding-left: 20px;
    }
    .investorlist li::before{
        width: 6px;
        height: 6px;
        left: 4px;
        top: 20px;
    }
    .investorlist li a{
        width: 68%;
    }
    .dynamicslist{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dynamicslist li span.dynamicstitle{
        width: 77%;
        padding-left: 26px;
        background-size: 18px auto;
    }
    .dynamicslist li span.dynamicsdown{
        width: 72px;
        font-size: 14px;
    }
    .icon-interact{
        min-height: 280px;
        border: 2px solid rgba(230, 237, 249, .6);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    a.interactbtn{
        width: 100px;
        height: 36px;
        line-height: 36px;
        margin-bottom: 0;
    }
    .irContactlist{
        margin-bottom: 0;
    }
    .irContactleft{
        float: none;
        width: 100%;
        padding: 10px 15px;
    }
    .irContactright{
        float: none;
        width: 100%;
        height: 240px;
    }
    .mapinfobrief img{
        height: 28px;
    }
}
@media (max-width:380px) {
    /* 首页 */
    .bannerslider{ height: 210px;}

    
    .bannerslider video{ height:210px !important}
    .header-right .formbox{ width: 115%;}
    .phonevideo{ display:block;height:210px;}
    .phonevideo img{ height: 210px; width: auto;}
  
    .hd_news p{ height:44px;}
    .hd_activity h2{ bottom:30px;}
    .index_left ul li{ margin: 0 15px;}
    
    /* 关于赛分——公司简介 */
    /* .banner img{ margin-left: -180px;} */
    .skill ul li{ background-size:100% 100%;}

    /* 关于赛分——技术团队 */
    .general-right h2{ font-size:16px;}
    .general-right h2 span{ font-size: 14px; margin-left: 8px;}
    .general-right .general-info{font-size: 15px; line-height: 30px;}

    .pages a,.pages b{ margin:3px 0;}
}
@media (max-width:330px){
    .header-right .formbox{ right: 75px;}
    .header a.logo{ margin-top: 18px;}

    .loginbox{ margin-left: 0;}
    .phone_search{ margin-right: 5px;}
    .loginbox a{font-size: 14px; padding: 5px 6px;}
    .formbox form.search_news input.search_text{ width: 49%;}
   
}