@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display:block;}
table {border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr {border:0;}
li {list-style:none;}
textarea {overflow:auto;resize:none;}
a,button {cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight:bold;}
body,textarea,input,button,select,keygen,legend {font-family:"微软雅黑";font-size:14px;color:#333;outline:0;}
a,a:hover {color:#333;text-decoration:none;}
a {color:#333;}
img {vertical-align:middle;border:0;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:after,.run_mixed *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* run_main  */
.clear {content:"";clear:both;display:block;}
.clear:after {content:"";clear:both;display:block;height:0;}
.clear:before {content:"";clear:both;display:block;}
.run_main {width:100%;min-width:1200px;max-width:1700px;margin:0 auto;padding:0 10px;}
.run_main_left {width:75%;background:#fff;float:left;}
.run_main_right {width:20%;float:right;background:#fff;}
.run_mod {width:100%;margin-bottom:45px;}




/* / */

.banner {width:100%;height:500px;background:url(/pc/static/img/home-banner.png) center center no-repeat;}
.card_wp {width:100%;padding:60px 0;}
.gray {background-color:#fafafa;}
.w1200 {width:1200px;margin:0 auto;position:relative;}
.title_en {font-size:40px;color:#fe7a3a;font-family:Helvetica Condensed Bold;}
.title_cn {font-size:24px;color:#333333;margin-bottom:30px;margin-top:10px;}
.title_sub {font-size:14px;color:#4f4f4f;margin-bottom:30px;line-height:24px;}
.tc {text-align:center;}
/*  1 */
.card10 .box {width:100%;display:inline-block;box-shadow:0px 0px 20px 0px rgba(206,206,206,0.5);margin-bottom:50px;}
.service {height:150px;width:240px;float:left;text-align:center;color:#4f4f4f;}
.service img {margin-top:25px;margin-bottom:15px;}
/* 2 */
.card1 .sales {width:100%;height:360px;overflow:hidden;}
.card1 .sales .sale.active {width:400px;}
.card1 .sales .sale1 {background-image:url(/pc/static/t5/images/home/home-2-bgb1.png);}
.card1 .sales .sale.active .icon {width:400px;height:360px;text-align:left;border-radius:0;top:0;left:0;padding:50px 100px;box-sizing:border-box;}
.card1 .sales .sale .icon img {margin-top:15px;}
.card1 .sales .sale.active .icon ul {display:block;}
.card1 .sales .sale .icon ul {font-size:14px;width:200px;margin-top:30px;display:none;}
.card1 .sales .sale .icon ul li {float:left;width:100px;overflow:hidden;line-height:36px;}
.card1 .sales {width:100%;height:360px;overflow:hidden;}
.card1 .sales .sale {height:360px;width:200px;float:left;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}
.card1 .sales .sale1 {background-image:url(/pc/static/img/home-2-bgb1.png);}
.card1 .sales .sale2 {background-image:url(/pc/static/img/home-2-bgb2.png);}
.card1 .sales .sale3 {background-image:url(/pc/static/img/home-2-bgb3.png);}
.card1 .sales .sale4 {background-image:url(/pc/static/img/home-2-bgb4.png);}
.card1 .sales .sale5 {background-image:url(/pc/static/img/home-2-bgb5.png);}
.card1 .sales .sale .icon {width:120px;height:120px;position:absolute;top:120px;left:40px;background-color:rgba(250,122,88,0.8);border-radius:50%;text-align:center;color:#ffffff;font-size:18px;}
.card1 .sales .sale .icon img {margin-top:15px;}
.card1 .sales .sale .icon ul {font-size:14px;width:200px;margin-top:30px;display:none;}
.card1 .sales .sale .icon ul li {float:left;width:100px;overflow:hidden;line-height:36px;}
.card1 .sales .sale.active {width:400px;}
.card1 .sales .sale.active .icon {width:400px;height:360px;text-align:left;border-radius:0;top:0;left:0;padding:50px 100px;box-sizing:border-box;}
.card1 .sales .sale.active .icon ul {display:block;}

/* 3 */
.card3 .left {width:320px;height:500px;margin-right:40px;background:url(/pc/static/img/home-3images.png) center center no-repeat; float:left;}
.card3 .right {width:800px; float:left;}
.card3 .right .item {width:33%; float:left;}
.card3 .adv {padding:15px;background:#fafafa;position:relative;overflow:hidden;}
.card3 .title {font-size:18px;color:#4f4f4f;font-weight:bold;}
.card3 .desc {margin-top:15px;height:50px;font-size:14px;color:#838383;line-height:24px;overflow:hidden;}
.card3 .adv::after {position:absolute;content:"";width:0;height:3px;bottom:0;right:0;background:#fa7a58;transition:width .2s ease-in-out;-webkit-transition:width .2s ease-in-out;}
.card3 .adv:hover::after {width:100%;}
.card3 .adv:hover {background:#fff6f1;}
.card3 .adv:hover .title {color:#fe7a3a;}

/* 4 */
.card4 .info {width:432px;float:left;}
.card4 .line {margin-bottom:20px;display:inline-block;}
.card4 .num {color:#fa7a58;font-size:14px;width:150px;height:60px;overflow:hidden;text-align:center;position:relative;float:left;}
.card4 .num span {font-size:46px;margin-right:5px;}
.card4 .num:after {content:"";position:absolute;width:1px;height:44px;right:0;top:8px;background:#ffd4c8;}
.card4 .desc {float:left;width:250px;margin-left:20px;line-height:24px;color:#666666;font-size:14px;padding:6px;}
.card4 .right {float:right;width:750px;background:url(/pc/static/img/home-4-bg.png) center center no-repeat;height:480px;}
.card4 .lunbo {margin:100px 0 0 50px;}
.card4 .lunbo ul li {float:left;background:#ffffff;margin:0 15px 15px 0;}
.card4 .lunbo ul li img {width:150px;}


.footer .info .logo {height:120px;line-height:120px;}
.footer .info .tel-info .tel-label {font-size:18px;color:#838383;line-height:30px;height:30px;}
.footer .info .tel-info .tel-number {font-size:36px;color:#fe7a3a;line-height:40px;height:40px;}
.footer .info .links {width:100%;margin-top:20px;display:inline-block;}
.footer .info .link {text-align:center;color:#4f4f4f;margin:10px 0;}
.footer .info .link img {margin:5px 0;}
.footer .copyright {width:100%;line-height:40px;color:#949494;background-color:#f6f6f6;text-align:center;}
.footer .friend {width:100%;line-height:30px;color:#999;text-align:center; font-size: 12px;}
.footer .friend a{color:#999;font-size: 12px; margin-left:10px;}

/* 6 */
.card6 .col-5 {
    width: 20%;
}
.card6 .culture {
    color: #666666;
    padding: 0 30px;
    text-align: center; float:left;
}
.card6 .title {
    width: 80px;
    height: 90px;
    margin: 20px auto;
    box-sizing: border-box;
    background: url(gywm-1-bg.png) center center no-repeat;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    padding-top: 35px;
}
.card6 .desc {
    height: 60px;
    overflow: hidden;
}
.card6 .tp38 {
    margin-top: 50px;
}
/* 7 */
.card7 {
    width: 100%;
    display: inline-block;
    background: url(gywm-3-bg.png) center center no-repeat;
    background-size: cover;
}
.card7 .profits {
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}
.card7 .layui-col-lg2 {
    width: 16.66666667%;
}
.card7 .profit {
    width: 162px;
    height: 162px;
    margin: 10px auto;
    background-color: #ffffff;
    opacity: 0.9;
    color: #fe7a3a;
    font-size: 30px;
    border-radius: 50%;
    text-align: center;
    padding-top: 40px;
    box-sizing: border-box;
}
.txt_white {
    color: #ffffff;
}
/* 8 */
.card8 .tels {
    width: 100%;
    display: inline-block;
    color: #fe7a3a;
    margin-bottom: 30px;
}
.card8 .layui-col-lg3 {
    width: 25%;
}
.card8 .tel {
    height: 72px;
    overflow: hidden;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 24px;
}
.card8 .tel a {
    color: #fe7a3a;
}

/* 9 */

.card9 .bg {
    width: 100%;
    height: 450px;
    background: url(xwfg-5-bg.png) center center no-repeat;
    box-sizing: border-box;
}
.card9 .car {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}
.card9 .advs {
    width: 100%;
    box-shadow: 0px 3px 13px 0px rgba(67, 67, 67, 0.15);
}
.card9 .layui-col-lg3 {
    width: 25%;
}
.card9 .adv {
    width: 100%;
    background: #ffffff;
    padding: 50px 30px;
    color: #333333;
}
.card9 .title {
    font-size: 18px;
    margin: 15px 0 25px 0;
}
.card9 .content {
    line-height: 24px;
    height: 100px;
    overflow: hidden;
}
.card9 .adv .img1{display: none;}
.card9 .adv:hover{background: #fe7a3a;color: #ffffff;}
.card9 .adv:hover .img1{display: block;}
.card9 .adv:hover .img2{display: none;}



/* 10 */
.card10 .steps{text-align: center;display: none;}
.card10 .steps.active{display: block;}
.card10 .step{width: 150px;height: 80px;margin:0 10px 10px 10px;text-align: center;font-size: 14px;color: #fe7a3a;box-shadow: 0px 3px 13px 0px rgba(67, 67, 67, 0.15);border-radius: 40px;display: inline-block;position: relative;}
.card10 .step .content{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.card10 .step:first-child{margin-left: 0;}
.card10 .step:last-child{margin-right: 0;}
.card10 .step.active{background: #ff8a51;color: #ffffff;}
.card10 .triangle{width: 24px;height: 24px;margin-bottom: 38px;display: inline-block;background: url(/pc/static/t5/images/triangle.png) center center no-repeat;background-size: cover;}
.card10 .descs{width: 100%;margin-top: 30px;}
.card10 .mdesc{position: relative;overflow: hidden;background-color: #ffece3;height: 92px;border-radius: 40px;text-align: center;color: #ff8a51;line-height: 24px;display: none;}
.card10 .mdesc-content{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.card10 .mdesc.active{display: block;}


/* 11 */
.card11 .layui-col-space30 {
    margin: -15px;
}
.card11 .layui-col-lg6 {
    width: 50%;padding: 15px;
}
.card11 .price {
    width: 100%;
    height: 120px;
    box-shadow: 0px 3px 13px 0px rgba(67, 67, 67, 0.15);
    padding: 20px 30px;
    color: #333333;
    font-size: 14px;
}
.card11 .left {
    float: left;max-width: 50%;
}
.card11 .name {
    font-size: 24px;
    line-height: 48px;
}
.card11 .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.card11 .cost {
    color: #fe7a3a;
    padding-top: 25px;
}
.card11 .right {
    float: right;
}
.card11 .cost span {
    font-size: 30px;
}

/* 12 */
.card12 .left {
    float: left;
}
.card12 .reason {
    width: 550px;
    padding-left: 50px;
    padding-top: 50px;
}
.card12 .right {
    float: right;
}
.card12 .desc {
    width: 650px;
    margin-left: -150px;
    margin-top: 80px;
    box-shadow: 0px 3px 13px 0px rgba(67, 67, 67, 0.15);
    background: #ffffff;
    padding: 50px 100px;
    box-sizing: border-box;
}
.card12 .line {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    color: #4f4f4f;
    font-size: 14px;
}
.card12 .img {
    float: left;
    margin-right: 15px;
}
.card12 .desctitle {
    font-size: 24px;
    line-height: 36px;
}

/* 12 */
.card13 .news {width:100%;}
.card13 .comm {width:100%;height:120px; margin-bottom:20px;}
.card13 .pictxt {width:50%;position:relative;float:left;}
.card13 .pictxt img {position:absolute;left:0;top:0;width:180px;height:120px;transition:0.5s all;}
.card13 .pictxt img:hover {transform:scale(1.04);}
.card13 .news_title {font-size:18px;padding-left:195px;margin-bottom:15px;color:#333;display:block;overflow:hidden;width:92%;text-overflow:ellipsis;white-space:nowrap;}
.card13 .news_des {font-size:12px;color: #666;padding-left:195px;display:block;overflow:hidden;width:92%;text-overflow:ellipsis;line-height:25px;}
.card13 .news_icon {font-size:12px;color: #666;padding-left:195px;display:block;overflow:hidden;width:92%;text-overflow:ellipsis;line-height:25px;margin-top:8px;}
.card13 .comm_list {overflow:hidden;width:100%;line-height:35px;}
.card13 .comm_list li {overflow:hidden;width:30%;margin-left:5%;height:45px;line-height:45px;float:left;border-bottom:1px dashed #eee;text-overflow:ellipsis;white-space:nowrap;}
.card13 .comm_list li:nth-child(3n+1) {margin-left:0!important;}
.card13 .pictxt:hover {background:#f8f8f8;}
.card13 .pictxt:hover .news_title  {color:#fe7a3a !important;}