*{margin:0;padding:0;list-style:none;}
body{background-color:#f9fafb;color:#344054;font-size:16px;line-height:1.5;height:100%;width:100%;position:absolute;font-family: "Microsoft YaHei"}
a{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pad{padding:15px;}
/*颜色*/
.gray{color:#999 !important;}
.blue{color:#20A0FF !important;}
.success{color:#13CE66 !important;}
.warning{color:#F7BA2A !important;}
.danger{color:#FF4949 !important;}
.orange{color:#f60 !important;}
.unLine{text-decoration: none;}
/*数字金额*/
.num{font-family:Helvetica,sans-serif;}
.yen{}
.price{}
.pad{padding:15px;}

.img img{display:block;width:100%;}
.ellipsis{width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.clearfix:after{content:'';display:block;clear:both;}
.clear{content:'';display:block;clear:both;}


/*框架*/
.header .header_box,
.container .main,
.footer .footer_box{width:1200px;margin:0 auto;}

/*最大限制*/
.header,
.footer,
.copyRight,
.container .banner{min-width:1200px;}

/*配色*/
.header,
.footer{background-color:#1e1e1e;}
.container .content .explain h3,
.container .main .content .img_list .more_btn i,
.container .main .box h3 b,
.container .main .box .company_commit li .ifont i,
.container .main .box .contact_us h4,
.container .main .box .contact_us li i,
.header .ul_box .ul_layer em{color:#a15a31;}
.container .main .box h3:after,
.container .main .box .contact_us .contact button{background-color:#a15a31;}
.container .main .box .contact_us .contact input{border-color:#a15a31;}


/*hidden======================================*/
.header .switch,
.contact,
.hidden{display:none !important;}




/*header======================================*/
.header{line-height:130px;height:130px;color:#fff;font-size:18px;position:relative;z-index:20;}
.header .header_box{padding:0 30px;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.header .lang a{color:#fff;}
.header .lang a:hover{opacity:0.8;}
.header .ul_box i{font-size:20px;}
.header .ul_box span{cursor:pointer;}
.header .ul_layer{display:none;position:absolute;left:0;width:100%;background-color:rgba(15, 9, 4, 0.7);line-height:1.5;padding:24px 0;}
.header .ul_layer .ul_layer_width{width:1200px;margin:0 auto;}
.header .ul_layer em{float:left;text-align:center;display:block;width:27%;font-size:15px;padding:25px 0;border-right:1px solid rgba(255,255,255, 0.3);font-style:normal;}
.header .ul_layer em img{display:block;margin:0 auto;width:40px;height:40px;}
.header .ul_layer em p{margin-top:3%;}
.header .ul_layer a{color:#fff;}
.header .ul_layer a:hover{text-decoration:underline;}
.header .ul_layer ul{padding:20px 0 0 30%;}
.header .ul_layer ul li{float:left;width:50%;font-size:14px;padding:10px 0 10px 15px;position:relative;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.header .ul_layer ul li:before{content:'';clear:both;display:block;position:absolute;width:6px;height:6px;border-radius:50px;background-color:#fff;left:0;top:50%;margin-top:-3px;}
.header .ul_box .arrow_open{display:none;}
.header .ul_box.on .ul_layer{display:block;}
.header .ul_box.on .arrow_close{display:none;}
.header .ul_box.on .arrow_open{display:inline;}



/*container======================================*/
.container{}
/*banner===*/
.container .banner{}
.container .banner_box{position:relative;overflow:hidden;height:600px;background-color:#d4d4d4;
    background-position:center center;background-repeat:no-repeat;background-size:cover;}
.container .banner .text{position:absolute;text-align:center;width:1000px;height:186px;left:50%;top:50%;margin:-124px 0 0 -500px;color:#fff;}
.container .banner .text b,
.container .banner .text small{display:block;font-weight:400;}
.container .banner .text b{font-size:72px;}
.container .banner .text small{font-size:42px;font-weight:100;margin-top:-5px;}
/*main===*/
.container .main{padding:0 45px 50px;
    background-image:url(images/2.jpg),url(images/3.jpg);
    background-repeat:no-repeat;
    background-position:0 0, 0 75%;
    background-size:100% auto;
    background-color:#f3f4f6;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.container .main .content{margin-bottom:3%;}
.container .main .content .explain{text-align:center;padding:40px 0 54px;}
.container .main .content .explain h3{font-size:35px;padding-top:17px;}
.container .main .content .explain h4{font-size:32px;line-height:1;font-weight:400;}
.container .main .content .explain .explain_box{margin-top:35px;font-size:14px;line-height:1.7;}
.container .main .content .img_list{overflow:hidden;}
.container .main .content .img_list ul{width:111%;height:650px;overflow:hidden;}
.container .main .content .img_list ul.img_more{height:auto;}
.container .main .content .img_list li{float:left;width:28%;margin-right:3%;margin-bottom:3%;padding:20px 0;background-color:#d2d2d2;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.container .main .content .img_list li span,
.container .main .content .img_list li span img{width:100%;display:block;height:259px;}
.container .main .content .img_list .more_btn{text-align:center;}
.container .main .content .img_list .more_btn span{cursor:pointer;display:inline-block;font-size:14px;}
.container .main .content .img_list .more_btn span em{font-style:normal;}
.container .main .content .img_list .more_btn span .em2{display:none;}
.container .main .content .img_list .more_btn span.on .em1{display:none;}
.container .main .content .img_list .more_btn span.on .em2{display:inline;}
.container .main .content .img_list .more_btn i{font-size:30px;}

.container .main .box{margin-bottom:5%;}
.container .main .box:last-child{margin-bottom:0;}
.container .main .box h3{padding-left:28px;position:relative;}
.container .main .box h3:after{content:'';width:5px;height:36px;left:0;position:absolute;top:20px;}
.container .main .box h3 b,
.container .main .box h3 small{display:block;font-weight:400;font-size:26px;margin-top:-5px;}
.container .main .box h3 b{font-size:32px;margin-left:-2px;}
.container .main .box .company_commit{}
.container .main .box .company_commit li{float:left;width:33.33%;text-align:center;padding:3% 1%;font-size:12px;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.container .main .box .company_commit li h4{font-size:20px;font-weight:400;margin-bottom:2%;margin-top:-5%;}
.container .main .box .company_commit li .ifont i{font-size:100px;}
.container .main .box .company_commit li:nth-child(2) .ifont i{position:relative;top:-8px;}
.container .main .box .contact_us{padding-left:28px;padding-top:34px;}
.container .main .box .contact_us h4{font-size:22px;margin-bottom:10px;}
.container .main .box .contact_us ul li{float:left;width:33.33%;border-right:1px dashed #555;padding:0 40px;font-size:14px;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.container .main .box .contact_us ul li:nth-child(1),
.container .main .box .contact_us ul li:nth-child(2){width:40%;}
.container .main .box .contact_us ul li:nth-child(3){width:20%;}
.container .main .box .contact_us ul li:first-child{padding-left:0;}
.container .main .box .contact_us ul li:last-child{border-right:none;}
.container .main .box .contact_us ul li em{display:block;font-style:normal;}
.container .main .box .contact_us ul li i{font-size:28px;line-height:30px;width:30px;height:30px;display:inline-block;margin-right:5px;vertical-align:middle;}
.container .main .box .contact_us ul li:nth-child(3) i{font-size:24px;margin-right:7px;}
.container .main .box .contact_us ul li p{margin-top:-3px;}
.container .main .box .contact_us ul li a{color:#344054;text-decoration:underline;}
.container .main .box .contact_us .contact{text-align:center;padding-top:50px;font-size:12px;}
.container .main .box .contact_us .contact input,
.container .main .box .contact_us .contact button{width:265px;line-height:42px;outline:none;height:42px;
    box-sizing:border-box;-webkit-box-sizing:border-box;}
.container .main .box .contact_us .contact input{border-width:2px;border-style:solid;border-radius:12px;padding:0 10px;font-size:12px;}
.container .main .box .contact_us .contact button{color:#fff;border-radius:20px;border:none;cursor:pointer;font-size:18px;}
.container .main .box .contact_us .contact p{margin-bottom:15px;}


/*footer======================================*/
.footer{background-image:url(images/footer/4.jpg);background-position:0 center;background-repeat:no-repeat;}
.footer_box{padding:50px 0;}
.footer_box b{color:#fff;font-weight:400;float:left;}
.footer_box .link_box{padding-left:85px;}
.footer_box .link_box a{color:#fff;margin-right:25px;display:inline-block;margin-bottom:8px;}
.footer_box .link_box a:hover{text-decoration:underline;}



/*copyRight======================================*/
.copyRight{background-color:#1e1e1e;padding:20px 0 30px;text-align:center;font-size:12px;color:#b1b1b1;/*border-top:1px dashed #4e4e4e;*/}
.copyRight p{padding:3px 0;}
.copyRight a{color:#b1b1b1;text-decoration:underline;}



/*fixRight======================================*/
.fixRight{position:fixed;right:20px;bottom:50px;z-index:105;}
.fixRight .backTop{display:none;}
.fixRight.on .backTop{display:block;}
.fixRight a{color:#fff;display:block;background-color:#c39a74;width:80px;height:80px;border-radius:8px;text-align:center;font-size:12px;margin-bottom:3px;}
.fixRight a i{font-size:35px;}
.fixRight a p{margin-top:-4px;}
/*.fixRight a:nth-child(2){background-color:#954601;}*/
.fixRight a:hover{background-color:#954601;}
.fixRight a .con{display:none;text-align:left;width:100px;position:absolute;right:82px;top:0;background-color:#954601;border-radius:8px;padding:15px 10px;}
.fixRight a .con p{margin-top:0;}
.fixRight a:hover .con{display:block;}




::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#d4d4d4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#d4d4d4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#d4d4d4;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#d4d4d4;
}


/*语言======================================*/
.lang_english{display:none !important;}
.lang_english_box .lang_english{display:block !important;}
.lang_english_box .lang_chinese{display:none !important;}
.lang_english_box .container .main .content .explain .explain_box{margin-top:23px;}
.lang_english_box .container .main .box .contact_us .contact input,
.lang_english_box .container .main .box .contact_us .contact button{width:370px;}
.lang_english_box .footer_box .link_box{padding-left:138px;}