@charset "utf-8";
/* CSS Document */

.DetailTabBd{ max-width: inherit;}
.proFocusInfo{padding:90px 0 0 0;}
.proFocusInfo .brand{ font-size: 22px; line-height: 22px; color: #abacad;}
.proFocusInfo .brand img{display: inline-block;padding: 0 12px 0 0;border-right: 1px solid #abacad;margin: 0 12px 0 0;}
.proFocusInfo h1{font-size: 45px;line-height: 50px; font-size: 26px; line-height: 38px; font-weight: lighter;padding: 13px 0;}
.proFocusInfo .subtitle{font-size: 24px;padding: 0 0 20px 0; color: #fff;}

.section-changJing{background-position: 50% 50%;background-size: cover;}
.section-changJing .wrap{position: relative;}
.section-changJing .desc{position: absolute;left: 25px;top: 50%;transform: translateY(-50%);font-size: 22px;line-height: 38px;color: #111;max-width: 480px;text-align: left;}
.section-changJing .desc h2{font-size: 45px;line-height: 60px;margin-bottom: 32px;}
.section-changJing .desc p{border-top:1px solid #c5c7cb;padding: 36px 0 10px 0;}
.section-changJing .desc span{display: inline-block;border: 1px solid #111;font-size: 20px;color: #111;border-radius: 10px;line-height: 42px;padding: 0 35px;margin: 20px 20px 0 0;}

.section-system{position: relative; margin-bottom: 40px;}
.section-system .hd{position: absolute;left: 0;top: 0;height: 100%;width: 200px;background: rgba(51, 51, 51, 0.95);padding: 140px 20px 0;text-align: right;z-index: 2;}
.section-system .hd h3{font-size: 22px;line-height: 1;color: #fff;margin-bottom: 60px;}
.section-system .hd ul{ padding: 0 0px 0 0;position: relative;}
.section-system .hd ul:before{content:'';width: 2px;height: 360px;background: #616162;position: absolute;right: 10px;top: 20px;}
.section-system .hd li{}
.section-system .hd li a{font-size: 16px;line-height: 50px;color: #9c9d9d;padding: 0 30px 0 0;display: block;position: relative;}
.section-system .hd li a:before{content: '';width: 22px;height: 22px;background: url(../img/yufufei/dot.png?v1);position: absolute;right: 0;top: 50%;margin-top: -11px;display:none;}
.section-system .hd li.on a{color: #f69603;}
.section-system .hd li.on a:before{display:block;}
.section-system .hd li a:hover{color: #f69603;}
.section-system .bd{}
.section-system .bd li{background-position: 50% 50%;background-size: cover;}
.section-system .bd li .wrap{position: relative;min-height: 900px;}
.section-system .bd li .desc{position: absolute;color: #393a3b;line-height: 1;left: 0;top: 70px;/* font-weight: lighter; */padding: 0 0 0 70px;}
.section-system .bd li .desc h2{font-size: 38px;margin-bottom: 26px;font-weight: lighter;}
.section-system .bd li .desc p{font-size: 26px;line-height: 40px;font-weight: lighter;}
.section-system .bd li .desc.top{top: 90px;bottom: inherit;}

.section-news{background: #f7f9fa;padding: 90px 0 30px 0;}
.section-news .title{font-size: 45px;line-height: 1;color: #363636;max-width: 1300px;margin: 0 auto 50px;}
.section-news .title a{font-size: 18px;float: right;color: #000;padding: 0 10px;line-height: 43px;border: 1px solid #666;}
.section-news .title a:hover{}
.section-news .tabs{max-width: 1300px; margin: 0 auto 50px;}
.section-news .tabs .hd{margin-bottom: 25px;}
.section-news .tabs .hd ul{border-bottom: 1px solid #dee0e1;}
.section-news .tabs .hd li{float: left;width: 12.5%;text-align: center;}
.section-news .tabs .hd li a{display: block;line-height: 44px;text-align: center;font-size: 18px;color: #363636;}
.section-news .tabs .hd li.on a{color: #fff;background: #333;}
.section-news .tabs .bd{ height: auto!important}
.section-news .tabs .bd ul{margin: 0 -10px;position: initial!important;}
.section-news .tabs .bd li{float: left;width: 33.33333%;padding: 0 10px;}
.section-news .tabs .bd li a{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);display: block;background: #fff;}
.section-news .tabs .bd li img{ width: 100%; height: 230px;}
.section-news .tabs .bd li a .hull{padding: 20px 20px 20px;}
.section-news .tabs .bd li a h2{font-size: 20px;line-height: 24px;height: 48px;color: #222;}
.section-news .tabs .bd li a .desc{font-size: 16px;line-height: 26px;height: 52px;color: #555;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px auto 25px;}
.section-news .tabs .bd li a p{border-top: 1px solid #e5e5e5;line-height: 1;font-size: 14px;color: #999;padding: 15px 0 0 0;}
.section-news .tabs .bd li a p span{float: right;font-size: 14px;color: #333;}
.section-news .tabs .bd li a:hover h2,.section-news .tabs .bd li a:hover p span{color:#f69603;}
.section-news .tabs .bd li a:hover{margin-top: -10px;}
.section-news .case{max-width: 1300px;margin: 0 auto;}
.section-news .case ul{}
.section-news .case li{ float: left; width: 20%;}
.section-news .case li a{display: block;text-align: center;padding: 20px 0;}
.section-news .case li a:hover{ box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);}


.section-gongYingShang{background: url("../img/yufufei/gongYingShang-bg.jpg") repeat-x 50% bottom;/* display: none; */padding: 100px 0 70px;min-height: 860px;}
.section-gongYingShang .hull{max-width: 1300px; margin:0 auto;}
.section-gongYingShang .title{line-height: 1;}
.section-gongYingShang .title h2{font-size: 45px;color: #333;line-height: 1;}
.section-gongYingShang .title .brand{font-size: 22px;line-height: 22px;color: #666;padding: 30px 0 40px;}
.section-gongYingShang .title .brand img{display: inline-block;padding: 0 12px 0 0;border-right: 1px solid #abacad;margin: 0 12px 0 0;}
.section-gongYingShang .tabs{ position: relative;box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.3);}
.section-gongYingShang .dot{position: absolute;right: 0;top: -40px;}
.section-gongYingShang .dot ul{}
.section-gongYingShang .dot li{float: left;position: relative;width: 20px;height: 20px;border: 2px solid #fff;border-radius: 20px;text-indent: -999999px;margin: 0 20px; cursor: pointer;}
.section-gongYingShang .dot li:before{content:"";position: absolute;width: 4px;height: 4px;border-radius: 4px;left: 50%;top: 50%;background: #33b5ff;margin: -2px 0 0 -2px; }
.section-gongYingShang .dot li.on{border-color: #33b5ff}
.section-gongYingShang .focus{}
.section-gongYingShang .focus ul{}
.section-gongYingShang .focus li{}
.section-gongYingShang .focus li img{}
.section-gongYingShang .focus li .desc{height: 80px;background: #fff;padding: 25px 0 0 70px;line-height: 30px;font-size: 18px;color: #666;}
.section-gongYingShang .focus li .desc span{color: #333;padding: 0 10px 0 0;}
.section-gongYingShang .arrow { position: absolute; right: 0; bottom: 0; z-index: 2; }
.section-gongYingShang .arrow a { display: block; width: 60px; height: 80px; float: left; text-align: center; line-height: 80px; font-size: 30px; color: #ccc; }
.section-gongYingShang .arrow a:hover { color: #009ef7; }

.section-service { background: url("../img/yufufei/service-bg.jpg") no-repeat 50% 50%; background-size: cover; padding: 90px 0 50px; position: relative; }
.section-service .hull{max-width: 1300px; margin: 0 auto;}
.section-service h2 { font-size: 45px; line-height: 1; color: #333; padding: 0 0 50px; }
.section-service ul { margin: 0 -3px; }
.section-service ul li { padding: 0 3px 6px; float: left; width: 33.333%; }
.section-service ul li.last { width: 100%; }
.section-service ul li .box {display: block;background: #fefefe;padding: 40px 35px 0 65px;min-height: 260px;color: #333;}
.section-service ul li .box h3 { line-height: 1; font-size: 30px; padding: 0 0 25px; }
.section-service ul li .box img { float: left; margin-left: -40px; }
.section-service ul li .box .desc {font-size: 21px;line-height: 40px;}
.section-service ul li.last .desc { padding: 0 30px 0 0; }
.section-service .more{text-align:center;padding: 45px 0 0 0;}
.section-service .more a{display: inline-block;text-align: center;font-size: 22px;color: #000;line-height: 42px;border: 1px solid #666;padding: 0 45px;}

.section-chansu {padding: 100px 0 0 0;max-width: 1300px;margin: 0 auto;}
.section-chansu .title {font-size: 45px;line-height: 1;color: #343537;margin-bottom: 30px;}
.section-chansu dd {padding: 50px 0 50px 420px;border-top: 1px solid #d6d7d7;text-align: center;}
.section-chansu dd h5 {float: left;margin: 0 0 0 -418px;padding: 0 0 0 40px;color: #343537;font-size: 26px;}
.section-chansu dd p {zoom: 1;width: 100%;float: left;font-size: 18px;line-height: 40px;color: #666;padding: 20px 0 20px 200px;text-align: left;}
.section-chansu dd p:after { content: ""; display: block; clear: both; height: 0; }
.section-chansu dd p span {float: left;margin-left: -200px;font-size: 18px;/* font-weight: bold; */color: #343537;}
.section-chansu dd p:first-of-type { padding-top: 0; }
.section-chansu dd p:last-of-type { padding-bottom: 0; }
.section-chansu dd img {}
.section-chansu dd.cptd p {padding-top: 0;padding-bottom: 0;width: 50%;padding: 20px 0 20px 0;color: #adadae;}
.section-chansu dd.cptd p span{display:block;float: none;margin: 0;}
.section-chansu dd.jbxx p{padding: 5px 0 5px 200px;}

@media(max-width:1440px) {
.section-system .hd{background: rgba(51, 51, 51, 0.8); width: 140px; padding-left: 10px; padding-right: 10px;}
.section-system .hd h3{font-size: 18px;} 
}