*{
    padding: 0;
    margin: 0;
}
@font-face
{
    font-family: "renebieder";
    src: url('../fonts/Rene-Bieder-Franca-DEMO-Book-3.otf');
}

body{
    font-family: "renebieder","Microsoft Yahei","Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 1920px;
    margin: 0 auto;
}
.container-fluid{
    padding:0;
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin:0;
    padding:0;
}
.clear{
    clear: both;
}
p{
    word-wrap: break-word;
}
a:hover{
    text-decoration: none;
}
.logo{
    display: flex;
    align-items: center;
}
.logo a{
    display: block;
    width:60%;
}
.any-top{
    background: #000;
}
.top-nav{
    width: 100%;
    padding:0 5%;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.top .text-left .top-tel{
    margin-left: 5%;
}
.show-on{
    position: fixed;
    background: #fff;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #c7c1c1;
}
.show-on .navbar-default .navbar-nav > li > a{
    color:#000;
}
.top a{
    font-size: 16px;
    color:#fff;
    font-style: italic;
}
.top .text-left a{
    margin: 0 0 0 5px;
    display: inline-block;
}
.logo .logo-show{
    display: block;
}
.logo .logo-hide{
    display: none;
}
.navbar-default .navbar-nav > li > a{
    color:#fff;
    font-weight: bold;
    font-size: 16px;
    font-family: "Helvetica Neue";
    /*transition: all .3s linear;*/
}
.navbar-default .navbar-nav > li > .any-li{
    color:#000;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
    color:#fff;
    background-color: #c13838;
}
.navbar-default .navbar-nav > li > a:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index:-1;
    transform: scaleX(0);
    transition: all 0.3s;
    background: #c13838;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #fff;
    z-index:1;
}
.navbar-default .navbar-nav > li > a:hover:before{
    transform: scaleX(100%);
}

.get_price{
    display: block;
    margin:0 auto;
    width: 75%;
    background: linear-gradient(to right, #C12D31CC, #EFC31DCC);
}
.top{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #878787;
    position: relative;
    z-index: 999;
}
.nav li{
    text-align: center;
    padding: 0;
}
.nav li a{
    padding: 0;
    display: block;
    width: 100%;
    height: 75px;
    text-align: center;
    line-height: 75px;
}
.navbar{
    margin:0;
}
.dropdown-menu{
    width:255px;
    background: #c13838;
    opacity: 1.0;
}

.dropdown-menu li a{
    height: 50px;
    line-height: 50px;
    color:#fff;
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
    color:#fff;
}
.homes-banner{
    max-height: 940px;
    margin-top: -127px;
    color: #fff;
}
.banner-content{
    width:1000px;
    margin:0 auto;
    position: absolute;
    top: 250px;
    padding-left: 100px;
}
.homes-banner .t1 {
    font-size: 35px;
    margin-bottom: 20px;
    opacity: 0.8;
}
.homes-banner .t2 {
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 33px;
    opacity: 0.8;
}
.homes-banner .t3 a{
    background: linear-gradient(to right, #C12D31CC, #EFC31DCC);
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-style: italic;
    font-size: 24px;
}
.home-about{
    width:90%;
    margin:60px auto;
}
.home-about .home-title{
    margin-bottom: 0;
}
.home-title {
    font-size: 48px;
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}
.home-about .t2 {
    font-size: 36px;
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: inline-block;
    margin-top: 17px;
    margin-bottom: 30px;
}
.home-about  p {
    margin-bottom: 0;
    font-size: 18px;
}
.home-about p a {
    background: linear-gradient(to right, #c12d31, #efc31d);
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 24px;
    margin-top: 30px;
}
.home-why {
    background: #f8f4f4;
    text-align: center;
    padding: 50px 0;
    margin:0 auto;
    width: 90%;
}
.home-why > .home-why-t{
    width: 80%;
    margin: 0 auto;
}
.home-why .des{
    font-size: 16px;
    margin: 5px 20px auto;
}
.slick-dots li{
    margin:0 15px;
}
.why-bg{
    padding:20px;
}
.why-bg2{
    background: #fff;
    padding: 10px;
}
.home-about img,.hot-pic img,.map img,.say-out img,.content-pic-3 div img,.pro-top-l img,.who-r img,.isleft img{
    transition: all .3s linear;
}
.home-about > div,.hot-pic,.map,.say-out,.content-pic-3 div,.pro-top-l,.who-r > div,.isleft > div{
    overflow: hidden;
}
.home-about img:hover,.hot-pic img:hover,.map img:hover,.say-out img:hover,.content-pic-3 div img:hover,.pro-top-l img:hover,.who-r img:hover,.isleft img:hover{
    transform: scale(1.05);
}
.why-bg2 .why-title a {
    color: #d85a30;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
    display: block;
    word-wrap: break-word;
}
.why-bg2 .why-des{
    padding: 10px 20px;
}
.why-bg2 .why-des a{
    font-size: 18px;
    color: #444;
    word-wrap: break-word;
}
.why-bg:hover .why-bg2{
    background: #d85a30;
}
.why-bg:hover .why-des a{
    color: #fff;
    word-wrap: break-word;
}
.why-bg:hover .why-bg2 .why-title a{
    color: #fff;
}
.slick-dots li button{
    background: #c12d31;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    transition: all .3s linear;
}
.slick-dots li button:before{
    content:'';
}
.slick-dots li.slick-active button{
    background: #eb7713;
    width: 20px;
}
.home-hot{
    padding-top: 60px;
    color:#fff;
}
.home-hot > .row{
    margin-top:20px;
}
.home-hot > .row > div{
    padding:0;
}
.home-hot .row{
    background: linear-gradient(to right, #c12d31, #efc31d);
}
.home-hot > .row > .hot-title{
    padding-left: 3%;
    margin-top: 50px;
}
.hot-title .title{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 60px;
}
.hot-title .des{
    font-size: 18px;
}
.hot-title div a {
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 24px;
    border: 1px solid #fff;
    transition: all 0.3s;
    margin-top: 30px;
}
.hot-title div a:hover{
    background: #d46b29;
}
.home-used{
    width: 90%;
    margin: 0 auto;
}
.used-top{
    margin-top:50px;
}
.used-top > p {
    font-size: 30px;
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: block;
    text-transform: uppercase;
}
.used{
    margin-top:50px;
}
/* 效果CSS开始 */
.mod18{width:100%;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 .cf{
    list-style: none;
}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color: #fff;}
.mod18 .listBox .cf li{position:relative;color: #000;}
.mod18 .cf a{display:block;height:120px;color:#fff;}

.mod18 .cf li span{
    display:block;width:40%;font-size:16px;
    position:absolute;left:75px;top:200px;padding:10px 20px;line-height:35px;text-align:left;background:rgba(0,0,0,0.6);
    }
.mod18 .picBox{width:100%; height:460px;position:relative;overflow:hidden;}
.mod18 .picBox ul{position:absolute; left:0;}
.mod18 .picBox li{width:1720px;height: 460px;}
.mod18 .listBox{width:90%;margin:50px auto;overflow:hidden;}
.mod18 .listBox ul{height:150px;max-width: 100%;}
.mod18 .listBox li{width:16.66%;height:150px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;border-right: 1px solid gray;}
.mod18 .listBox li:nth-child(6){
    border: none;
}

.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:50%;margin: 0 auto;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 60%;margin:0 auto;}
.mod18 .prev,.mod18 .next,.mod18 #prevTop,.mod18 #nextTop{
    display: none;
}
.listBox ul li div{
    text-align: center;
    font-size: 18px;
}
.home-word{
    background: url(../images/map-bj.webp) no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: 50px;
    overflow: hidden;
}
.iscontain{
    width: 85%;
    margin:80px auto 0 auto;
}
.home-word .continent .li-bg{
    background: #c12d31;
    color: #000;
    border-color: #c12d31;
}
.home-word .isright {
    position: relative;
    flex: 1;
    margin-left: 50px;
}
.home-word .isright .map {
    background-repeat: no-repeat;
    position: absolute;
    transition: all 0.3s;
}

.home-word .isright .Europe {
    width: 155px;
    height: 194px;
    left: 442px;
    top: 20px;
}
.home-word .isright .Africa {
    width: 192px;
    height: 214px;
    top: 209px;
    left: 422px;
}
.home-word .isright .Asia {
    width: 481px;
    height: 354px;
    left: 525px;
    top: -3px;
}
.home-word .isright .America {
    width: 432px;
    height: 502px;
}
.home-word .isright .Oceania {
    width: 182px;
    height: 145px;
    left: 790px;
    top: 322px;
}

.home-title {
    font-size: 40px;
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: inline-block;
    font-weight: bold;
}
.home-word .home-t2 {
    font-size: 30px;
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: block;
    text-transform: uppercase;
    margin-bottom: 42px;
}
.home-word .continent {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.home-word ul {
    list-style: none;
    margin: 0;
    padding-bottom: 0;
}
.home-word .continent li {
    transition: all 0.3s;
    margin-right: 10px;
    width: 30%;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 24px;
    margin-top: 25px;
    line-height: 38px;
    color: #fff;
}
.home-word .continent li:hover, .home-word .continent li:active {
    background: #c12d31;
    color: #000;
    border-color: #c12d31;
}
.country{
    display: none;
}
.home-word .country {
    flex-wrap: wrap;
    margin-top: 70px;
    height: 245px;
    align-items: flex-start;
    align-content: flex-start;
}
.home-word .country li {
    margin-right: 10px;
    width: 30%;
    font-size: 17px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    line-height: 30px;
}
.home-say-on{
    width: 90%;
    margin:50px auto auto auto;
}
.home-say-on .news{
    margin-top:40px;
    padding-bottom: 20px;
}
.news-item > div > a:hover h3{
    color:#d3191f;
}
.news-item > div > a:hover .des{
    color:#c12d31;
}
.home-say p {
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
}
.home-say-on .news > .text-center{
    padding:20px;
}
.home-say-on .news > div .say-out{
    background: #f8f4f4;
}
.say-out a:hover{
    color:#9f7856;
}
.home-say-on .news p{
    font-size: 16px;
    padding: 20px 30px;
}
.footer{
    margin-top:50px;
    background-color: #231f1d;
    color: #fff;
    padding: 60px 0 40px 0;
}
.footer-content{
    width:60%;
    margin:0 auto;
    padding-bottom: 30px;
    border-bottom: 1px solid gray;
}
.footer-content > div > img{
    width:75%;
}
.footer-content .footer-r{
    font-size: 16px;
}
.footer-cons{
    width:60%;
    margin: 30px auto 0 auto;
    color:#fff;
}
.footer-l > div{
    margin:10px;
    font-size: 16px;
    width: 100%;
}
.footer-l > div >a{
    display: block;
    font-size: 16px;
    color:#fff;
}
.footer-l > div >.a-l{
    float: left;
	 width:50%;
}
.footer-l > div >.a-r{
    float: right;
		width:50%;
}
.footer-bottom{
    background: linear-gradient(to right, #C12D31 50%, #EFC31D);
    font-style: italic;
    text-align: center;
    font-size: 18px;
    color: #fff;
    height: 55px;
    line-height: 55px;
}
.footer .get_price{
    background: linear-gradient(to right, #c12d31, #efc31d);
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
}
.order{
    width: 90%;
    background: url("../images/contact-us_03.jpg") no-repeat center center;
    margin:80px auto 0 auto;
}
.order-l{
    width: 100%;
    height: 645px;
}
.order-l .wpforms-submit-container .wpforms-submit{
    background: #e3812f !important;
}
.order-form .wpforms-submit-container .wpforms-submit{
    background: #e3812f !important;
}
.order-bg{
    background: rgba(217, 118, 42, 0.11);
}
.order-r{
    width: 80%;
    padding-left: 25px;
    margin-top: 35px;
}
.order-r h2{
    background: linear-gradient(to right, #C12D31, #e8be46);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 50px !important;
}
.method{
    margin: 20px auto;
}
.method a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
}
.method a:hover{
    color:#c93030;
}
.order-r-lx .add p{
    font-size: 20px;
    font-weight: bold;
}
.contact-icon-img p{
    font-size: 18px;
}
.method .contact-icon-img > img{
    float:left;
}
.map{
    width: 90%;
    margin:50px auto 0 auto;
}
.contact-serve{
    margin-top:80px;
}
.contact-serve {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-top: 80px;
    margin-bottom: 100px;
}
.contact-serve:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    top: 321px;
    height: 2px;
    background: linear-gradient(to right, #C12D31 40%, #EFC31D);
}
.contact-serve .contact-title {
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
    color: transparent !important;
    font-size: 36px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 50px;
}
.contact-serve ul {
    display: flex;
    margin: 0 auto;
    max-width: 1660px;
    padding: 0;
    list-style: none;
}
.contact-serve ul li {
    width: 20%;
    box-sizing: border-box;
    padding: 20px 3% 30px;
    position: relative;
}
.contact-serve ul li:first-child .t1 {
    color: #ab1c23;
}
.contact-serve ul li:nth-child(2) .t1 {
    color: #9f323a;
}
.contact-serve ul li:nth-child(3) .t1 {
    color: #bf5256;
}
.contact-serve ul li:nth-child(4) .t1 {
    color: #d9762a;
}
.contact-serve ul li:nth-child(5) .t1 {
    color: #e59c26;
}
.contact-serve ul li:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 20px;
    border-radius: 50%;
    left: 50%;
    margin-left: -8px;
    top: 130px;
    height: 20px;
    background: #f8f4f4;
    border-width: 2px;
    border-style: solid;
    color: #c12d31;
}
.contact-serve ul li:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    transition: height 0.6s;
    height: 0;
    z-index: -1;
}
.contact-serve ul li:hover:after {
    height: 100% !important;
}
.contact-serve ul li:first-child:after {
    background: #ab1c23;
}
.contact-serve ul li:nth-child(2):after {
    background: #9f323a;
}
.contact-serve ul li:nth-child(3):after {
    background: #bf5256;
}
.contact-serve ul li:nth-child(4):after {
    background: #d9762a;
}
.contact-serve ul li:nth-child(5):after {
    background: #e59c26;
}
.contact-serve ul li:hover .t1, .contact-serve ul li:hover .t2 {
    color: #fff !important;
}
.contact-serve ul .t1 {
    font-size: 72px;
    font-weight: bold;
    margin-bottom: 37px;
    transition: color 0.6s;
}
.contact-serve ul .t1 sub {
    font-size: 36px;
    vertical-align: middle;
    top: 0;
}
.contact-serve ul .t2 {
    font-size: 24px;
    transition: color 0.6s;
    color: #444444;
}
.us{
    background: #f8f4f4;
    padding-bottom: 80px;
}
.who{
    width: 90%;
    background: #fff;
    margin:80px auto auto auto;
    padding-top: 50px;
}
.who-l{
    padding: 0 40px;
}
.who-r{
    padding: 0;
}
.about-title {
    background: linear-gradient(to right, #C12D31, #e8be46);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    display: inline-block;
    color: transparent !important;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.who p{
    font-size: 18px;
    line-height: 30px;
}
.who .who-l ul{
    flex-wrap: wrap;
    display: flex;
    margin-top: 30px;
    list-style: none;
}
.who .who-l ul li:nth-child(1) {
    background-image: url(../images/about-us-con_02.png);
}
.who .who-l ul li:nth-child(2) {
    background-image: url(../images/about-us-con_03.png);
}
.who .who-l ul li:nth-child(3) {
    background-image: url(../images/about-us-con_04.png);
    margin-bottom: 0;
}
.who .who-l ul li:nth-child(4) {
    background-image: url(../images/about-us-con_01.png);
    margin-bottom: 0;
}
.who .who-l ul li{
    width: 50%;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 108px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.who .who-l ul li .t1{
    font-size: 45px;
    font-weight: bold;
    color: #c12d31;
    line-height: 1.2;
}
.who .who-l ul li .t2{
    font-size: 18px;
    color: #444;
}
.todo-title {
    background: linear-gradient(to right, #C12D31, #e8be46);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    display: inline-block;
    color: transparent !important;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.todo > div:nth-child(1){
    padding:0;
}

.todo-rs{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #C12D31, #EFC31D) 4;
}
.todo-rs > div{
    text-align: center;
    font-size: 20px;
    position: relative;
    height: 38px;
    line-height: 38px;
    transition: all .3s;
}
.todo-rs-son{
    color:#fff;
    background: #e98f3f;
}
.app{
    display: none;
}
.relate .relate-son{
    color:#fff;
    background: #e98f3f;
}
.featrue-title{
    color: #d85a30;
    font-size: 16px;
    margin-top: 30px;
    font-weight: bold;
    word-wrap: break-word;
}
.featrue-des{
    margin-top: 20px;
    border-top: 1px solid #d85a30;
    font-size: 16px;
    line-height: 35px;
    padding: 20px;
    word-wrap: break-word;
}
.p-title > div{
    position: absolute;
    color: #fff;
    width: 50%;
    left: 50%;
    top: 45%;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
}
.todo-con{
    padding: 30px 20px;
    font-size: 18px;
    line-height: 2.0;
    display: none;
    transition: all .3s linear;
}
.todo-l{
    padding-left: 1px;
    display: none;
}
.why-choose{
    background: #f8f4f4;
}
.choose{
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding: 50px 0;
}
.choose-title{
    background: linear-gradient(to right, #C12D31, #e8be46);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    display: inline-block;
    color: transparent !important;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
}
.choose .row{
    margin-top: 30px;
}
.choose-top{
    width: 60%;
    margin: 0 auto;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    top: -25px;
    left: 20%;
    color:#fff;
}
.choose > .row >div:first-child .choose-top {
    background: #c12d31;
}
.choose > .row >div:first-child .out {
    border: 2px solid #c12d31;
}
.choose > .row >div:nth-child(2) .choose-top {
    background: #cc4231;
}
.choose > .row >div:nth-child(2) .out {
    border: 2px solid #cc4231;
}
.choose > .row >div:nth-child(3) .choose-top {
    background: #e27b2f;
}
.choose > .row >div:nth-child(3) .out {
    border: 2px solid #e27b2f;
}
.choose > .row >div:nth-child(4) .choose-top {
    background: #eba827;
}
.choose > .row >div:nth-child(4) .out {
    border: 2px solid #eba827;
}
.choose .row >div{
    padding: 0 10px;
}
.choose-under{
    padding: 30px 30px;
}
.choose-under ul{
    list-style: none;
}
.choose .out{
    position: relative;
    height: 420px;
 }
.choose-under ul li{
    text-align: left;
    margin:10px auto;
    font-size: 16px;
    line-height: 30px;
}
.choose-under ul li:before{
    content: '';
    width: 8px;
    height: 8px;
    top: 10px;
    display: inline-block;
    border-radius: 4px;
    background: #c12d31;
    margin-right: 10px;
}
.about-conpany{
    margin: 30px auto 0 auto;
    text-align: center;
}

.about-conpany > .p-title{
    padding:30px 5%;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    font-weight: normal;
}
.about-conpany h3,.earth-title h3{
    background: linear-gradient(to right, #C12D31, #e8be46);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    display: inline-block;
    color: transparent !important;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
.earth{
    background: #f8f4f4;
    padding: 70px 0 70px 0;
}
.earth-out{
    width:90%;
    margin:0 auto;
    background: #fff;
}
.earth-l{
    padding:35px;
}
.earth-r{
    padding-top:35px;
}
.earth-num .isdata{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 75px;
    text-align: center;
}
.earth-num .t1 {
    font-size: 45px;
    font-weight: bold;
    color: #c12d31;
}
.earth-num .t2 {
    font-size: 18px;
    color: #444;
    margin-bottom: 0;
}
.earth-bottom{
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.8;
}
.about-culture{
    width: 90%;
    margin:50px auto 0 auto;
    text-align: center;
}
.about-culture .row >div{
    padding:0;
}
.about-culture .row{
    margin-top:30px;
}
.about-culture .isleft .t3{
    width: 80%;
    position: absolute;
    top: 20px;
    left: 30px;
    color:#fff;
    font-size: 28px;
    text-align: left;
}
.about-culture .isleft .t1{
    width: 50%;
    position: absolute;
    top: 135px;
    left: 30px;
    color:#fff;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
}
.about-culture .isleft .t2{
    width: 50%;
    position: absolute;
    top: 200px;
    left: 30px;
    color:#fff;
    font-size: 18px;
    text-align: left;
}
.about-culture .isright{
    background: #fff;
}
.about-culture .isright .t1{
    color:#000;
    font-size: 20px;
}
.about-culture .isright .t2{
    color:#000;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
}
.about-culture .isright .culture-right > div{
    padding:20px 30px;
}
.about-culture .isright .culture-right{
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    width: 80%;
}
.culture-right .t1:after {
    content: '';
    display: block;
    width: 128px;
    height: 4px;
    background: #eba827;
    margin-top: 12px;
}

.about-future{
    background: url("../images/about-us_18.jpg") center center no-repeat;
    height: 440px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.about-future .future-nei {
    background: rgba(255, 255, 255, 0.74);
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 5%;
    text-align: center;
}
.future-nei h3{
    background: linear-gradient(to right, #C12D31, #e8be46);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    display: inline-block;
    color: transparent !important;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
.future-nei p{
    font-size: 16px;
    line-height: 1.8;
}
.about-order{
    width:90%;
    background: #fff;
    margin: 50px auto;
    padding: 10px 5%;
}
.order-title{
    font-size: 28px;
    font-weight: bold;
}
.news-list,.news-article{
    width:75%;
    margin:50px auto 0 auto;
}
.pro-list{
    width:90%;
    margin:50px auto 0 auto;
}
.news-top{
    font-size: 50px;
    padding: 10px 20px;
    font-weight: bold;
}
.blog-cate{
    background: #f9f9f9;
}
.blog-cate h4{
    font-size: 22px;
    font-weight: bold;
    background: #c35733;
    color: #fff;
    padding: 10px;
    margin-top:30px;
}
.blog-cate > a{
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding: 10px;
}
.blog-cate > a:hover {
    background: #55402f;
    color: #fff;
}
.blog-c{
    margin-top:30px;
}
.blog-list-t{
    font-size: 18px;
    padding: 10px 20px;
}
.zanwu{
    font-size: 18px;
    color: #c12d31;
    margin-top: 30px;
}
.pro-top{
    text-align: center;
    font-size: 36px;
}
.pro-content{
    margin-top: 50px;
}
.pro-item > div{
    margin: 20px 0;
}
.pro-item > div >a{
    padding: 15px;
    display: block;
    box-shadow: 0 0 10px #ddd;
    overflow: hidden;
    word-wrap: break-word;
}
.pro-item > div >a:hover{
    color:#9f7856;
}
.pro-item > div >a > h3{
    font-size: 20px;
}
.pro-item > div >a >ul > li {
    font-size:16px;
    color: #7a7a7a;
}
.pro-content .list-unstyled{
    height: 46px;
    overflow: hidden;
}

.news-item{
    margin:30px auto;
}
.news-item h3{
    color: #e3812f;
    word-wrap: break-word;
}
.news-item .des{
    color: #626161;
    font-size: 16px;
    line-height: 35px;
    word-wrap: break-word;
}
.news-item .more{
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-item .more a:hover{
    background: #d85a30;
}
.news-content .row .blog-row{
    position: relative;
}
.news-item .more a{
    background: #e56d6d;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    padding: 15px 20px;
}
.news-item > div{
    overflow: hidden;
}
.news-item > div:nth-child(1){
    padding:0;
}
.news-item > div img{
    transition: all .3s linear;
}
.news-item:hover img{
    transform: scale(1.05);
}
.news-title h1{
    font-weight: bold;
    font-size: 35px;
    line-height: 35px;
    word-wrap: break-word;
}
.news-art-data{
    margin: 30px auto 0;
    color:#979797;
    font-size: 14px;
}

.new-art-top > div:nth-child(2){
    padding-left: 4%;
}
.new-art-top > div > div{
    font-size: 16px;
    line-height: 25px;
    margin-top:20px;
}
.news-con{
    line-height: 30px;
    margin-top: 30px;
    padding: 0 20px;
}
.news-contents-left{
    font-size: 18px;
}

.page,.page a{
    color:#979797;
    padding: 0 20px;
}
.news-order{
    margin-top:30px;
}
.line{
    border-top: 1px solid #d9d2d2;
    margin-top: 70px;
}
.pro-content .page{
    width: 60%;
    text-align: center;
    color:#979797;
    margin: 30px auto;
}
.pro-art-art{
    width:80%;
    margin:100px auto 0;
}
.pro-art-one{
    border-bottom: 1px solid #bdb5b5;
}
.pro-art-top > .row > div{
    padding: 0 35px;
}
.art-img-title{
    background: linear-gradient(to right, #C12D31 35%, #EFC31D);
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
}
.pro-top-r > div > h1{
    font-size: 32px;
    background: linear-gradient(to right, #C12D31, #EFC31D);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: block;
}
.top-r-h3{
    padding:0 15px;
}
.page-num{
    margin-top:10px;
}
.page-num > div{
    font-size: 16px;
    margin:10px auto;
}
.advantage {
    margin-top: 10px;
    border-top: 1px solid #cfc8c8;
    border-bottom: 1px solid #cfc8c8;
    padding-bottom: 30px;
}
.advantage > div{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.advantage > div >div{
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-size: 16px;
}
.pro-top-r .pro-btn{
    margin-top: 30px;
}
.pro-top-r .pro-btn .fancybox {
    background: url(../images/message-icon.png) no-repeat left 22px center, linear-gradient(to right, #c12d31, #efc31d);
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 40px;
    border-radius: 5px;
}
.content-top{
    padding:0 30px;
}
.intro{
    font-size: 30px;
    padding: 0 20px;
    font-weight: bold;
}
.content-des{
    margin-top:30px;
    font-size: 16px;
    line-height: 35px;
    padding: 0 20px;
}
.content-pic-3{
    margin-top:30px;
}
.content-table{
    padding-top: 20px;
    border-top: 1px solid #afacac;
    margin-top: 50px;
}
.content-table > h3{
    font-size: 30px;
    font-weight: bold;
}
.parameter{
    margin-top:30px;
    font-size: 16px;
    line-height: 30px;
}
.parameter tr td{
    height: 40px !important;
    line-height: 40px !important;
    transition: all .3s;
}
.parameter thead tr {
    color:#fff;
    background: linear-gradient(to right,#C12D31,#EFC31D);
}
.parameter table tbody tr:first-child {
    color:#fff;
    background: linear-gradient(to right,#C12D31,#EFC31D);
}
.parameter thead tr th{
    height: 40px !important;
    line-height: 40px !important;
}
.parameter tr:hover > *{
    padding-top: 15px;
    padding-bottom: 15px;
}
.table-hover > tbody > tr:hover {
    background-color: #fffdf0;
}
.like{
    margin-top: 50px;
}
.relate,.relates{
    font-size: 30px;
}
.relate > div,.relates > div{
    text-align: center;
    background: #f8f4f4;
    color: #c12d31;
}
.relates > div{
    text-align: left;
}
.relate > div:nth-child(2){
    border:1px solid #d85a30;
}
.relate > div:nth-child(3){
    border:1px solid #eaa02a;
}
.pro-begin{
    margin-top: 30px;
}
.pro-begin .pro-bg{
    padding:0;
}
.pro-bg2{
    padding:10px 15px;
}
.pro-bg2 a{
    display: block;
    box-shadow: 0 0 10px #c5c2c2b8;
    padding: 10px;
}
.pro-bg2 a:hover{
    background: #e7754f;
    color:#fff;
}
.pro-title{
    font-size: 18px;
    margin-top:15px;
}
.pro-date{
    margin-top:10px;
    color:#434743;
}
/*order*/
.order-l{
    list-style: none;
}
.order-l form .wpforms-field-label{
    font-style:italic;
    font-weight: normal;
}
.order-l form .wpforms-submit-container{
    text-align:center;
}
.order-l form .wpforms-submit{
    width:50%;
}

/*other-order*/
.order-form{
    list-style: none;
}
.order-form form .wpforms-field-label{
    font-style:italic;
    font-weight: normal;
}
.order-form form .wpforms-submit-container{
    text-align:center;
}
.order-form form .wpforms-submit{
    width:50%;
}
.order-form form .wpforms-field .wpforms-field-medium,.order-form form .wpforms-field .wpforms-field-small{
    border:none;
    background: #f8f4f4;
    border-radius: 5px;
}

/*cebianlan*/
.ce-nav .right-fixed-contact{
    position: fixed;
    top: 40%;
    transform: translateY(-50%);
    right: 0;
    width: 75px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 9999;
}
.right-fixed-contact li:nth-child(1) {
    background: #c12d31;
}
.right-fixed-contact li:nth-child(2) {
    background: #d85a30;
}
.right-fixed-contact li:nth-child(3) {
    background: #e3812f;
}
.right-fixed-contact li:nth-child(4) {
    background: #efc31d;
}
.right-fixed-contact li {
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 3px;
}
.right-fixed-contact a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
.right-fixed-contact a p{
    font-size: 14px;
    margin: 0;
}

.right-fixed-contact li:hover{
    background: #3d81e7;
}

.page > p{
    font-weight: bold;
    color: #bd5a03;
}
/*总体的*/

.fenye{width:100%;padding-top: 20px;margin-bottom:20px;text-align:center;line-height:36px;border-top: 1px solid #E8E8E8;}
.fenye a{padding:4px 6px 4px 6px;margin:0 2px 0 2px;border:1px solid #aaa;text-decoration:none;color:#333;}
.fenye a.current{	background:#0071AD;color:#fff;}
.fenye a:hover{background:#0071AD;color:#fff;}

/*搜索*/
.search{
    padding-top: 15px;
    padding-left: 0;
}
.search a{
    font-size: 20px;
    color: #f98c00;
    display: block;
    width: 65%;
    font-style: normal;
}

.search_bg{
    display: none;
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.search_form{
    display: none;
    position: fixed;
    top: 40%;
    left: 25%;
    width: 50%;
    z-index: 999;
}
.search_form .input_name{
    float:left;
    width:80%;
    font-size: 20px;
}
.search_form .input_ok{
    float:left;
    width:20%;
}
.search_form .btn_close{
    float: left;
    width: 5%;
    padding: 1px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}
.btns {
    display: inline-block;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 10px;
}
.btn-info {
    color: #fff;
    background-color: #d39a19;
}
.search_form input{
    width: 100%;
    outline: none;
    border: none;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 10px;
}
.search_form{
    background: #fff;
}
.search_form .search-a{
    background: #eead37;
    padding: 10px;
}
.search_form .search-a a{
    font-size: 24px;
    display: block;
    color: #fff;
}

.box-over{
    background: #000;
    opacity: 0.6;
    width:100%;
    height:100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10010;
}
.box-over-form{
    background: #fff;
    width: 60%;
    height: 750px;
    top: 100px;
    left: 20%;
    z-index: 10011;
    position: fixed;
}
.box-over-title{
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 0 5%;
}
.box-over-form .order-form {
    list-style: none;
    width: 90%;
    margin: 0 auto;
}

.fancy-ico span {
    display: block;
    position: relative;
    left: 5px;
    top: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000;
    border: 2px solid white;
    box-shadow: 0 0 4px #000;
    transition: transform .25s ease-in-out;
}

.fancy-ico span:before{
    transform: rotate(45deg);
}
.fancy-ico span:after{
    transform: rotate(-45deg);
}
.fancy-ico span:before,.fancy-ico span:after{
    content: '';
    position: absolute;
    top: 12px;
    left: 4px;
    width: 18px;
    height: 2px;
    background-color: #fff;
}
.fancy-ico{
    display: block;
    position: relative;
    top: -25px;
    left: 98%;
    cursor: pointer;
    z-index: 10015;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.box-over ,.box-over-form{
    display: none;
}
.get_back{
    background: none;
}
.footer-bottom a{
    color:#fff;
}
.relate > div ,.todo-rs > div{
    cursor: pointer;
}
.relate > div{
    border: 1px solid #c12d31;
}
.product-xg{
    text-align: center;
}
.product-xg > div h3{
    text-align: left;
}
.product-xg a span{
    font-size: 16px;
}
.product-xg a{
    display: block;
    background: #efebe7;
    margin-top:10px;
    border: 1px solid #f1f1f1;
}
.product-xg a:hover{
    color:#fff;
    background: #55402f;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    background-color: #cdcbcb;
    border-radius: 4px;
}
/* 设置滚动条的样式结束 */

/*blog 里面的order*/
.news-pos-order-fix{
    position: fixed;
    right: 16.5%;
    width: 17.5%;
    top: 100px;
    background: #fff;
    z-index: 99;
}
.news-pos-order{
    padding:0 5%;
}
.news-pos-order .order-form div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns{
    display: block;
}
.news-pos-order .order-form form .wpforms-field .wpforms-field-medium, .news-pos-order .order-form form .wpforms-field .wpforms-field-small{
    background: #f3f3f3;
}
.news-pos-order .order-form .wpforms-submit-container .wpforms-submit{
    background: #413b36 !important;
}
.news-pos-order div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50{
    width:100%;
}
.news-pos-order .wpforms-container .wpforms-field{
    padding:5px;
}
.news-pos-order div.wpforms-container-full .wpforms-field-label{
    margin:1px auto;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
    vertical-align: middle;
}
.order-form div.wpforms-container-full{
    margin:0;
}

.news-article .news-contents-left a{
    color:#e3812f;
}
.news-article .news-con a{
    color:#e3812f;
}
.content-top a{
    color:#e3812f;
}
.top .text-left .country {
    float: right;
    margin-top: 7px;
}