@charset "UTF-8";
/*by:clanlan 2020-12-10*/
*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*{margin:0; padding:0; list-style:none;}
html {overflow-y: scroll;font-size:62.5%; min-height: 100%;}
body {
    background:#fff;
    background-size:100% 100%;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    width: 100%;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    color:#888;
    -webkit-appearance: none;
    font-size:12px;
    line-height:1.6;
    font-family: "微软雅黑";
}

::-moz-selection {background: #b3d4fc;text-shadow: none;}
.clear {zoom: 1}
.clear:after,.container:after,.nav:after,.Sarea .right:after,.form-group:after,.know_menu:after,.contact_list:after,.team_list:after{content: "";display: block;clear: both;}
i,em{font-style:normal;}
input,select,textarea,button,div{outline:medium;  padding:0; margin:0; border:none; }
input[type="button"],input[type="submit"], input[type="reset"],button{ cursor: pointer; -webkit-appearance: none; }
textarea{resize: none;overflow: auto;}
textarea:focus,input:focus,button:focus,a,div,span{outline: none;}
a{text-decoration: none;color: #333; cursor: pointer;}
a:hover,a:active,a:visited{text-decoration: none; }
img{border:none;vertical-align: top; max-width: 100%;max-height: 100%;}
img:hover{opacity:.8;}
.left{float: left;}
.right{float: right;}
.cent{display: flex; align-items: center; justify-content: center;}
.t_cent{text-align: center;}
.container{margin-right:auto;margin-left:auto; padding:0;}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1180px}}
table{border-collapse:collapse;}
/*h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin: 0;}*/

header>.top{height:90px;margin:10px 0 10px 0;}
header>.top .right{margin-top:37px;}
header>.top .right>strong{font:bold 20px/36px ""; color:#333;}
header>.top .right>.iconfont{width:36px; height:36px; border-radius:50%; background:#d9d9d9;font:20px/36px ""; display:inline-block;text-align:center;margin-left:10px;}
header>.top .right>.icon-weixin{background:#000;color:#fff;}
header>.menu{border-bottom:4px solid #000;}
header>.menu .container{position:relative;}
header>.s_menu{display:none;}
header>.menu .container .search{width:20%;height:48px;padding-right:36px;border-bottom:4px solid #de2630;position:absolute;right:0;bottom:-4px;}
header>.menu .container .search button{width:36px;height:36px;position:absolute;right:0;top:4px;font-size:20px;color:#333;background:none;}
header>.menu .container .search input{width:100%;height:44px; padding:0 10px;font:15px/44px "";}
.nav li{float:left; list-style:none;!important}
.nav li>a{display:block;padding:0 20px;font:17px/44px "";color:#000;position:relative;}
.nav li.hover>a:after{content:""; position:absolute; left:0; bottom:-4px;width:100%;height:4px;background:#de2630;}

.Sarea .left{background:#de2630;padding:30px 10px 10px 30px; width:37%;position:relative;height:510px;}
.Sarea .left .more{position:absolute;left:30px; bottom:50px;font:15px/40px "";color:#fff;padding:0 30px;border:3px solid #fff;}
.mt60{margin-top:60px;}
.Sarea .right{width:63%;}
.Sarea .right>li{width:33.3333%;float:left;padding-right:3px;}
.Sarea .right>li:nth-child(3n){padding:0;}
.Sarea .right>li p{display: flex; align-items: center; justify-content: center;height:60px; font:15px/20px "";color:#000;padding:0 20px;text-align:center;}
.Sarea .right>li .img{height:110px; padding:0;}
.Sarea .right>li .img>img{width:100%;height:100%;}
.Sarea .right>li:hover a p{color:#de2630;}

.tit{margin-bottom:40px;}
.tit h2,.tit h3{text-align:center;}
.tit h3 b{display:inline-block; font:25px/40px ""; border-bottom:3px solid #000;color:#000;}
.scope .score_box{float:left;width:25%;position:relative;height:440px;display: flex; align-items: center; justify-content: center; background:#000; color:#fff; overflow:hidden;}
.scope .score_box .iconfont{display:block;font:40px/50px "";color:#fff;margin:0 auto;}
.scope .score_box>img{opacity:.4;}
.scope .score_box>.text{position:absolute; left:0;top:0;width:100%;height:100%; padding:40% 25px 0 25px;text-align:center;}
.scope .score_box>.text>p{font:15px/20px "";}
.scope .score_box>.text>h2{font:20px/40px ""; margin:30px 0;white-space:nowrap;}

.news_box{float:left;width:32%;text-align:center;margin-right:2%;}
.news_box .img{height:216px;margin-bottom:10px;}
.news_box:nth-child(3n){margin-right:0;}
.news_box:nth-child(2) .img{margin:25px 0 0 0;}
.news_box h3{font:bold 17px/35px "";color:#000;}
.news_box h2{font:17px/20px "";color:#000;margin-bottom:35px;position:relative;}
.news_box h2:after{position:absolute;width:40px; height:5px; background:#de2630;content:"";left:50%;bottom:-20px;margin-left:-20px;}
.news_box p{font:13px/20px "";}
.news .more{font:15px/40px "";color:#de2630;padding:0 30px;border:3px solid #de2630;margin:30px auto;display:inline-block;}
.news .more:hover{color:#fff;background:#de2630;}
footer .foot{background:#404040;padding:30px 0; text-align:center;}
footer .foot{background:#404040;padding:30px 0; text-align:center;}
footer .foot .bot_nav{margin-top:10px;}
footer .foot .bot_nav a{font:15px/30px "";color:#fff; margin:0 20px;}
footer .bot{background:#000;padding:30px 0;overflow:hidden;position:relative; color:#fff;}
footer .bot .left h2{font:15px/30px "";margin-bottom:20px;}
footer .bot .left h2>strong{font:bold 25px/30px "";margin-left:20px;}
footer .bot .left p{font:13px/25px "";}
footer .bot .right p{float:right;width:20px;font-size:15px;padding-top:15px;}
footer .bot .right img{float:right;}
header>.s_menu{border:none;}

.big_img{position:relative;text-align: center;}
.big_img .imgTxt{position:absolute;left:0;top:0;width:100%;height:100%;display: flex; align-items: center; justify-content: left;}
.big_img .imgTxt h1{font:40px/40px "'"; color:#fff;  font-weight: 600;}
.product{margin:40px auto;}
.prod_box{float:left;width:48%;margin:20px 1%; background:#f8f8f8;padding:30px 40px;height:420px;}
.prod_box .iconfont{ font-size:60px;color:#000;}
.prod_box h2{font:bold 22px/30px "";color:#000;margin:20px 0;}
.prod_box .text{font:15px/19px "";color:#333;}
.prod_box .text p{margin-bottom:20px;}
.prod_box:hover{background:#de2630;}
.prod_box:hover .iconfont,.prod_box:hover h2,.prod_box:hover .text,.prod_box:hover .text p{color:#fff;}
.counter{margin:80px auto;}
.counter .left{width:50%; padding-right:40px;}
.counter .right{width:50%;}
.counter .right .form-group{border-bottom:4px solid #e8e8e8; position:relative;margin-top:18px; height:55px;font:22px/52px ""; }
.counter .right .form-group label{float:left;width:110px;font:22px/52px "";position:relative;color:#000; }
.counter .right .form-group input,.counter .right .form-group select{float:right;width:50%; text-align:left;font:22px/52px "";}
.counter .right .form-group span{position:absolute;top:0;right:20px;}
.counter .right .form-group label:after,.know_menu li.on a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:4px;background:#de2630;}
.counter .right .btn{background:#1e1e1e;color:#fff; font:22px/70px "";text-align:center;margin-top:40px;display:block;width:100%;}

.monthly_payment_results_div{background:rgba(255,255,255,.8);padding:50px;}
.monthly_payment_results_div>h2{font:22px/50px "";color:#000;border-bottom:2px solid #de2630;}
.monthly_payment_results_div>p{font:15px/30px "";color:#000;margin:10px 0;}
.monthly_payment_results_div>p>span{padding-left:20px;}

.know_menu{border-bottom:4px solid #e8e8e8;margin-top:20px; }
.know_menu li{display:inline;}
.know_menu li a{float:left; margin-right:30px;font:15px/50px ""; color:#333; }
.know_menu li.on a{position:relative;}
.knowledge .news_box{margin-top:20px;margin-bottom:20px;}
.knowledge .news_box:nth-child(2) .img{margin-top: 0;}
.page{padding:40px 0;text-align:center;clear: both;}
.page>.p{display:inline-block;}
.page>.p .iconfont{color:#000;cursor:pointer;font-size:18px; margin:0 10px;}
.page>.p a{width:30px;height:30px; border:2px solid #de2630;border-radius:6px;font:15px/26px "";color:#000; text-align:center;margin:5px;display:inline-block;}
.page>.p a:hover{background:#de2630;color:#fff;}
.page>.p .iconfont:hover{color:#de2630;}
.detail{margin:40px 0;}
.detail>h2{font:22px/30px "";color:#000;}
.detail>h3{font:15px/20px "";color:#999;}
.detail>h3 span{margin-right:20px;}
.detail>.img{margin:20px 0;}
.detail>.article{margin:20px 0;font:15px/30px "";color:#333;}
.detail>.article p{margin-bottom:10px;}
.contact_list{margin:50px 0;}
.contact_list li{float:left;width:32%;margin-right:2%;height:200px;padding:100px 20px 0 50px;position:relative;color:#fff;background:url("../images/c1.jpg") no-repeat center center; background-size:100% 100%;}
.contact_list li:nth-child(3n){margin-right:0;}
.contact_list li .iconfont{font-size:24px;position:absolute;top:100px;left:20px;}
.contact_list li h2{font:22px/36px "";}
.contact_list li p{font:15px/18px "";}
.contact_list li:nth-child(2){background-image:url("../images/c2.jpg");color:#333;}
.contact_list li:last-child{background-image:url("../images/c3.jpg");}
.contact_list li .tel{font:italic bold 35px/40px "";}
.contact{margin-bottom:60px;}
.contact .left{width:50%;}
.contact .right{width:50%;padding-left:40px;height:415px;text-align:right; overflow:hidden;}
.contact .right img{height:100%;max-width:unset;width:auto;}
.contact .left .form-group{margin-bottom:30px;}
.contact .left .form-cont,.contact .left textarea{width:100%; background:#fff; border:1px solid #ddd;height:60px; font:15px/60px "";padding:0 15px;}
.contact .left textarea{height:150px;}
.contact .left .inline .form-cont{width:49%; margin-right:2%;float:left;}
.contact .left .inline .form-cont:last-child{ margin-right:0;}
.contact .left .form-cont:focus,.contact .left textarea:focus{border:1px solid #de2630;box-shadow:inset 0 0 5px rgba(222,38,48,.2);}
.contact .left button{font:17px/40px ""; color:#fff;background:#de2630; padding:5px 50px;}
.teamBg{background:url("../images/bg_logo.png")no-repeat right top; padding:40px 0;background-size:100%;}
.teamBg>.container>h2{font:bold 35px/60px "";color:#000; position:relative;margin-bottom:10px;}
.teamBg>.container>h2:after{position:absolute;left:0;bottom:0;width:40px;height:5px; background:#de2630;content:"";}
.teamBg .jieshao{font:15px/30px "";color:#666;}
.team_list{margin:20px 0;}
.team_list li{float:left;width:22%; margin-right:4%;margin-bottom:20px;}
.team_list li h3,.person h2{font:20px/30px "";color:#000;}
.team_list li p,.person h3{font:16px/20px "";color:#999;}
.team_list li:nth-child(4n){margin-right:0;}
.person{padding-left:320px; position:relative;margin:50px 0;}
.person h3{margin-bottom:30px;}
.person h4{font:bold 16px/20px "";color:#de2630;margin-bottom:20px;}
.person .text{font:13px/25px "";color:#333;}
.person .img{position:absolute;left:0;top:0;width:275px;}

@media (max-width:1200px){
    .nav li>a{padding:0 15px;}
    .scope .score_box{height:360px;}
    .scope .score_box>.text{padding-left:10px;padding-right:10px;}
    .scope .score_box>.text>p{font:13px/20px "";}
    .counter .right .form-group{margin-top:7px; height:53px;font:22px/50px ""; }
    .counter .right .form-group label{font:22px/50px ""; }
    .counter .right .form-group input{font:22px/50px "";}
    .counter .right .btn{ font:22px/60px "";margin-top:20px;}
}

@media (max-width:992px){
    .container{width:100%}
    .scope .score_box>img{height:100%;max-width:unset;}
    .nav li>a{font-size:14px;padding:0 10px;}
    .news_box .img{height:180px;}
}
@media (max-width:768px){
    .container{width:100%;padding:0 10px;}
    body{padding-top:50px;}
    header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:999; height:50px;border-bottom:3px solid #333;}
    header .top .right{display:none;}
    header .top{height:0;margin:0;}
    header .top .left img{position:absolute;top:0; left:10px; height:30px; margin:10px 0;}
    header>.menu{display:none;}
    header>.s_menu{border:none;display:block;}
    header>.s_menu .nav{position:absolute;top:50px; right:0;background:rgba(0,0,0,.8);display:none;}
    header>.s_menu .nav li{display:block;float:none; padding:0 20px;}
    header>.s_menu .nav li a{color:#fff;}
    header>.s_menu .iconfont{float:right; font-size:20px; padding:10px;color:#000;}
    header>.s_menu .search{position:fixed;width:100%;left:0;top:0;z-index:999;padding:10px; display:none;}
    header>.s_menu .search input{width:100%;height:30px; background:#fff;}
    header>.s_menu .search .iconfont{position:absolute;right:10px;top:5px;}
    header>.s_menu .nav li.hover>a:after{display:none;}
    header>.s_menu .nav li:hover{background:#de2630;}

    .mt60{margin-top:20px;}
    .Sarea .left{float:none;width:100%;height:140px;overflow:hidden;}
    .Sarea .left img{max-height:unset;}
    .Sarea .left .more{left:unset;right:20px;}
    .Sarea .right{float:none;width:100%;}

    .scope .score_box{width:50%;border:1px solid #fff;}
    .scope .score_box>img{height:100%;max-width:unset;max-height:unset;width:100%;}
    .scope .score_box>.text{padding-top:60px;}
    footer .foot .bot_nav a{margin: 0 10px;}
    .prod_box{background:#f8f8f8;padding:20px;}

    .counter{margin:50px auto;}
    .counter .left{height:500px;overflow:hidden;}
    .counter .left img{height:500px;}
    .contact_list li .tel{font-size:24px;}
}
@media (max-width:568px){
    .Sarea .right>li{width:50%; }
    .Sarea .right>li:nth-child(3n){padding-right:3px;}
    .Sarea .right>li:nth-child(2n){padding-right:0;}
    .news_box{width:100%;float:none;margin-bottom:20px;}
    .news_box .img{margin-bottom:0;height:auto;}
    .news_box .img img{margin-bottom:0;width:100%;}
    footer .bot .right,footer .bot .left{float:none;width:100%; text-align:center;}
    footer .bot .right img{float:none;margin-top:20px;}
    footer .bot .right p{float:none;width:100%;padding:0}
    .prod_box{float:none;width:100%;margin:20px 0;height:auto;}
    .counter .right{float:none;width:100%;}
    .counter .left{display:none;}
    .counter .right .form-group{margin-top:15px; }
    .big_img{height:150px;width:100%; overflow:hidden;display: flex; align-items: center; justify-content: center;}
    .big_img>img{height:150px;width:auto;max-width:unset;}
    .big_img .imgTxt h1{font-size:30px;text-align:center;}
    .contact_list li,.contact .left,.contact .right{float:none;width:100%;}
    .contact .right{padding:0;margin-top:30px;}
    .team_list li,.team_list li:nth-child(4n){width:48%; margin-right:4%;}
    .team_list li:nth-child(2n){margin-right:0;}
    .person{padding-left:0; position:unset;margin:50px 0;}
    .person h3,.person h2{text-align:center;}
    .person .img{position:unset;width:100%;text-align:center;}
}