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

body {padding:0; margin: 0; font-size: 12px; font-family:"Microsoft Yahei";}
ul,ol{list-style:none; padding: 0; margin: 0;}
.clear{clear:both;}
a{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.pd50{padding:50px 0;}
.pd80{padding:80px 0;}
.pd30{padding:30px 0;}
.mt50{margin-top:50px;}
.pc{display:block;}
.mob{display:none;}

/*导航end*/
.owl-dots {
    text-align: center;
    padding-top: 30px;
}
.owl-dots .owl-dot span {
    width: 12px;
    height: 6px;
    border-radius: 50px;
    background: #c51e15;
    display: inline-block;
    opacity: .3;
    margin: 0 5px;
}
.owl-dots .owl-dot.active span {
    opacity: 0.8;
    width: 30px;
}
#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}
#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
#owl0 .item img{border:1px solid #F2F2F2;}
#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev {
    opacity: 0;
}
#owl0.owl-carousel .owl-nav i {
    font-size: 60px;
    color: #fff;
    opacity: 0.5;
}
#owl0.owl-carousel .owl-nav .owl-next {
    right: 80px;
}
#owl0.owl-carousel .owl-nav .owl-prev {
    left: 80px;
}
#owl0.owl-carousel:hover .owl-nav .owl-next {
    right: 20px;
}
#owl0.owl-carousel:hover .owl-nav .owl-prev {
    left: 20px;
}
#owl0.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl0.owl-carousel:hover .owl-nav button {
    opacity: 1
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    display: block;
    position: absolute;
    outline: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 6;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.top{background:#F4F2F2; font-size: 13px; padding:10px 0;}
.top .boxs{
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.top .wel{display: flex;}
.top .tnav{display: flex;}
.top .tnav .tbox{padding-left:5px; }
.top .tnav .tbox span{display: inline-block;}
.top .tnav .tbox a{padding-left:5px; }
.logo{ font-size:32px; color:#fe6f0f; padding-top:20px; font-weight:bold;}
.header{padding:15px 0; display: flex;  width:100%;}
.header .logo img{max-height: 80px;}
.header .ewm{display:flex;}
.header .ewm .ewmimg{margin-left: 20px;}
.header .ewm .ewmimg img{max-height: 90px; border: 1px solid #fe6f0f;}
.header .ewm .ewmtxt{width:22px;line-height: 14px; display: flex; align-items: center; background: #fe6f0f; color: #FFF; font-size: 12px; text-align: center;}
.header .hottel{ margin-left: auto;}
.header .hottel .telbox{display:flex;}
.header .hottel .telbox .tb{padding:0 10px; color: #fe6f0f; font-size: 60px;}
.header .hottel .telbox .tlx {}
.header .hottel .telbox .tlx .t1{font-size: 20px; color: #fe6f0f; margin-top: 12px;}
.header .hottel .telbox .tlx .t2{font-size: 28px; color: #fe6f0f; font-weight: bold;}
.nav-bj{background:#fe6f0f;}
.navbar-brand{display:none;}
#navBox{transition-duration: 0.5s;}
.fixed {
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    z-index: 999999;
	position: fixed!important;
	width:100%;
	top:0;
	left: 0;}

.footer .fbox .f_contact h3 i {
    margin-right: 10px;
}

/*数字滚动*/
.about_no{ display: flex; flex-flow: wrap; padding:30px 0;}
.no_box{width:33.33%; display: flex; transition:0.5s ease all;}
.no_box:hover{padding-left: 10px;}
.no_box .icon{width:25%; text-align: center; padding-top: 30px;}
.no_box .icon i{font-size:60px; color: #fe6f0f;}
.no_box .no_txt{ padding:10px 0;}
.no_box .no_txt .t1{font-size:14px; color: #666;}
.no_box .no_txt .t1 span{font-size: 48px; color: #fe6f0f; font-weight: bold; padding-right: 5px;}
.no_box .no_txt .t2{font-size: 18px; color: #000;}

/*服务项目*/
.services{ background: #f4f4f4;}
.services .s_box{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.services .s_box .list_box{width:23%; display: flex;  position: relative; background: #FFF;  padding:30px 20px;  margin-bottom: 15px;  transition:0.5s ease all; flex-wrap: wrap;}
.services .s_box .list_box:after{content: ""; width:0; bottom:0; left: 0; height: 2px; position: absolute; transition:0.5s ease all;}

.services .s_box .list_box:hover:after{width:100%; background:#FF0004;}
.services .s_box .list_box .icon{width:100%; text-align: center; margin-bottom: 15px;}
.services .s_box .list_box .text{width:100%;text-align: center;}
.services .s_box .list_box .text .t1{ font-size: 20px; color:#fe6f0f; margin-bottom: 10px; font-weight: bold;}
.services .s_box .list_box .text .t2{ font-size: 12px; color: #333;  margin-bottom: 20px;}
.services .s_box .list_box .text .t3 { font-size: 16px; color:#fe6f0f; width:80%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.services .s_box .list_box .text .t3 a{ border: 1px solid #EEE; padding:6px 0;  width:45%; color: #000; display: block; text-align: center; border-radius: 5px;}
.services .s_box .list_box .text .t3 a:hover{ color: #FFF; background: #fe6f0f;}

/*服务流程*/
.fwlc{}
.fwlc .ititle{font-size: 32px; font-weight: bold; color: #000; text-align: center; position: relative; height: 60px;}
.fwlc .ititle:after{position:absolute; content: ""; width:50px;  height: 3px; border-radius: 20px; background: #fe6f0f; bottom: 0; left: 50%; margin-left: -25px;}
.fwlc .ititle span{color: #fe6f0f; padding-left: 5px;}
.fwlc .iftitle{padding:10px; font-size: 20px; color: #000; text-align: center; font-weight: 300;}
.fwlc .lcbox{text-align:center; padding:20px 0;}
.fwlc .lcbox img{max-width:100%; height: auto; margin-bottom: 5px;}

/*关于我们*/
.iabout{background: #fe6f0f;}
.iabout .ititle{font-size: 32px; font-weight: bold; color: #FFF; text-align: center; position: relative; height: 60px;}
.iabout .ititle:after{position:absolute; content: ""; width:50px;  height: 3px; border-radius: 20px; background: #fe6f0f; bottom: 0; left: 50%; margin-left: -25px;}
.iabout .ititle span{color: #FFF; padding-left: 5px;}
.iabout .iftitle{padding:10px; font-size: 20px; color: #FFF; text-align: center; font-weight: 300;}
.aboutxt{position:relative;}
.aboutxt img{width:55%;}
.aboutxt .smtext{ position:absolute; right:0; top: 10%;  height: 80%; width:60%; background: #FFF; padding:30px; font-size: 14px; color: #333; line-height: 28px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.aboutxt .smtext h4{font-size:22px; padding-bottom: 25px; color: #666; margin-bottom: 30px; position: relative;  color: #fe6f0f;}
.aboutxt .smtext h4::after{width:70px; height: 4px; border-radius: 5px; background: #fe6f0f; position: absolute; bottom:0; left: 0; content: ""; }
.aboutxt .smtext .btns{ margin-top: 20px; width:120px;  }
.aboutxt .smtext .btns a{color: #FFF; font-size: 16px; padding:8px 0; text-align: center; background: #fe6f0f; display: block; text-decoration: none; border-radius: 5px;}
.aboutxt .smtext .btns a:hover{ background: #23374e;}
.country-box{ padding:40px 0;}
.country-box .tit{font-size:24px; color: #FFF; font-weight: bold; margin-top: 15px;}
.country-box .c-list{margin-top:20px;  display: flex; flex-wrap: wrap;}
.country-box .c-list .c-box{float:left; padding:12px 15px; margin-right: 1%; background: #FFF; font-size: 16px;  line-height: 20px; margin-bottom: 10px;}
.country-box .c-list .c-box a{color:#000;}
.country-box .c-list .c-box b{display:inline-block; margin-right: 6px; margin-top: 2px;}
.country-box .c-list .c-box span{position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;}

/*弹框*/
.open {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    display: none;
	   
}
.bigwx {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500px;
    height: 380px;
    margin: auto;
    text-align: center;
    overflow: hidden;
	-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.bigwx .close {
	position: absolute; top:10px; right: 10px;
    cursor: pointer;
}

.bigwx .title{background: #fe6f0f; padding:20px 0; text-align: center; position: relative;}
.bigwx .bj_bd{width:90%; margin: 30px auto 0; display: flex; flex-flow: wrap;}
.bigwx .bj_bd .bd_l{width:10%; text-align: center; display: flex; justify-content: center; align-items: center;}
.bigwx .bj_bd .bd_l i{font-size:28px; color: #fe6f0f;}
.bigwx .bj_bd .bd_r{width:90%;}
.bigwx .bj_bd .bdtxt{padding:0 12px; line-height: 45px; border: none;  color: #333; font-size: 13px; width: 90%; background: #f4f4f4; border-left: 4px solid #fe6f0f;}
input:focus{outline:none}

.bigwx .tijiao {
    background: #fe6f0f;
    width: 82%;
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    cursor: pointer;
	margin: 30px auto 0;
}

.case{ background: #f4f4f4;}
.case .ititle{font-size: 32px; font-weight: bold; color: #000; text-align: center; position: relative; height: 60px;}
.case .ititle:after{position:absolute; content: ""; width:50px;  height: 3px; border-radius: 20px; background: #fe6f0f; bottom: 0; left: 50%; margin-left: -25px;}
.case .ititle span{color: #fe6f0f; padding-left: 5px;}
.case .iftitle{padding:10px; font-size: 20px; color: #000; text-align: center; font-weight: 300;}
.case .caselist{margin-top: 40px;}
.case .caselist .case-box{background: #FFF; padding: 20px; transition: 0.5s ease all;}
.case .caselist .case-box .case-title{line-height: 30px; font-size:16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-bottom: 20px;}
.case .caselist .case-box .case-title i{ float: left; width: 5px; height: 20px;  margin-right: 5px; margin-top: 3px; background: #c1151a;}
.case .caselist .case-box .case-pic{max-width:100%; height: auto;}
.case .caselist .case-box .case-text{padding:10px 0 0;font-size: 12px; color: #333; line-height: 25px;}
.case .caselist .case-box:hover{ transform: translateY(-5px);}
.case .mores{width:125px; height: 40px; margin: 30px auto 0; text-align: center;}
.case .mores a{ display:block;  border:1px solid #fe6f0f; line-height: 40px; color:#fe6f0f; border-radius: 2px;}
.case .mores a:hover{color:#FFF; background: #fe6f0f;}


.inews .ititle{font-size: 32px; font-weight: bold; color: #000; text-align: center; position: relative; height: 60px;}
.inews .ititle:after{position:absolute; content: ""; width:50px;  height: 3px; border-radius: 20px; background: #fe6f0f; bottom: 0; left: 50%; margin-left: -25px;}
.inews .ititle span{color: #fe6f0f; padding-left: 5px;}
.inews .iftitle{padding:10px; font-size: 20px; color: #000; text-align: center; font-weight: 300;}
.inews .inews-list{display: flex; flex-flow: wrap; justify-content: space-between;}
.inews .inews-list .inews-box{width:32%; -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);}
.inews .inews-list .inews-box .n-pic img{max-width: 100%; height: auto;}
.inews .inews-list .inews-box .n-txt{padding:20px 15px;}
.inews .inews-list .inews-box .n-txt .tit{ font-size: 18px;  margin-bottom: 10px;}
.inews .inews-list .inews-box .n-txt .tit a{color:#333;}
.inews .inews-list .inews-box .n-txt .ftxt{ font-size: 14px; color: #666; margin-bottom: 20px;}
.inews .inews-list .inews-box .n-txt .more{border-top: 1px solid #e7e7e7; padding-top: 20px; display: flex;}
.inews .inews-list .inews-box .n-txt .more .link{width:50%; font-weight: bold;}
.inews .inews-list .inews-box .n-txt .more .link a{color:#fe6f0f;}
.inews .inews-list .inews-box .n-txt .more .time{width:50%; text-align: right; color: #666;}
.inews .mores{width:125px; height: 40px; margin: 30px auto 0; text-align: center;}
.inews .mores a{ display:block;  border:1px solid #fe6f0f; line-height: 40px; color:#fe6f0f; border-radius: 2px;}
.inews .mores a:hover{color:#FFF; background: #fe6f0f;}

/*OWL2*/
#owl2.owl-carousel .owl-nav i {
    font-size: 60px;
    color: #ddd;
    opacity: 0.8;
}
#owl2.owl-carousel .owl-nav .owl-next {
    right: 2px;
}
#owl2.owl-carousel .owl-nav .owl-prev {
    left: 2px;
}

#owl2.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl2.owl-carousel:hover .owl-nav button {
    opacity: 1
}

.ibanner img{width:100%; height: auto; border-bottom: 4px solid #fe6f0f}

.about-page{ background: url("../images/aboutbj.jpg");background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.snav{text-align:right; font-size: 14px; color: #333; margin-bottom: 20px;}
.snav a{color:#333;}
.snav a:hover{color: #fe6f0f;}
.about-tit{ font-size:34px; color: #333;}
.about-box{ padding:20px 0; display: flex; justify-content: space-between; flex-flow: wrap;}
.about-box .about-txt{width:55%; color: #605c5c; line-height: 2;}
.about-box .about-txt p{margin-bottom:20px;}
.about-box .about-pic{width:43%}
.about-box .about-pic img{max-width:100%; height: auto;}

.services-page{ background: #Fafafa;}
.services-page .s-box{ display: flex; flex-flow: wrap; justify-content: space-between;}
.services-page .s-box .s-p-l{width: 20%; background: #FFF;}
.services-page .s-box .s-p-l .tit{ font-size:18px; padding:15px; color: #fff; background: #fe6f0f;}
.services-page .s-box .s-p-l .l-list{display:flex; flex-flow: column;}
.services-page .s-box .s-p-l .l-list .s-l-box{  margin-bottom: 20px; border-bottom: 1px solid #F0F0F0;}
.services-page .s-box .s-p-l .l-list .s-l-box .pic{ overflow: hidden;}
.services-page .s-box .s-p-l .l-list .s-l-box .pic img{width:100%; transition:0.5s ease all}
.services-page .s-box .s-p-l .l-list .s-l-box .tits{ font-size: 16px; overflow: hidden; padding:10px; text-overflow: ellipsis; white-space: nowrap;}
.services-page .s-box .s-p-l .l-list .s-l-box:hover .pic img{transform:scale(1.1);}
.services-page .s-box .s-p-l .l-list .s-l-box:hover .tits{color: #fe6f0f;}
.services-page .s-box .s-p-r{ width: 78%; background: #fff; padding:20px;}
.services-page .s-box .s-p-r .page-txt{padding:20px 0; font-size: 14px; color: #333; line-height: 30px;}

.services-page .s-box .s-p-r .lm{display:flex; justify-content: space-between; border-bottom: 1px solid #F2F2F2; padding:18px 0;}
.services-page .s-box .s-p-r .lm .lm-name{font-size: 20px; color: #000;}
.services-page .s-box .s-p-r .lm .lm-snav{margin-left:auto; font-size: 14px; color: #333;}
.services-page .s-box .s-p-r .lm .lm-snav a{color:#333;}
.services-page .s-box .s-p-r .lm .lm-snav a:hover{color: #fe6f0f;}

/*新闻资讯*/
.newslist{display:flex;  flex-flow: wrap;}
.newslist .news-box{padding: 15px 0; width:100%; margin-bottom: 10px; border-bottom: 1px solid #F0F0F0; display: flex; justify-content: space-between; flex-flow: wrap;}
.newslist .news-box:hover{background:#f8f8f8;}
.newslist .news-box .news-pic{width:24%;}
.newslist .news-box .news-pic img{max-width:100%; height: auto;}
.newslist .news-box .news-txt{width:74%;}
.newslist .news-box .news-txt .title{font-size: 24px; color: #000; margin-bottom: 15px; margin-top: 8px;}
.newslist .news-box .news-txt .title a{ color:#333; transition: 0.5s ease all;}
.newslist .news-box .news-txt .title a:hover{ color: #fe6f0f; padding-left: 10px;}
.newslist .news-box .news-txt .time{ font-size: 16px; color: #888; margin-bottom: 15px;}
.newslist .news-box .news-txt .smtext{ font-size: 16px; color:#666; line-height: 1.8; margin-bottom: 25px;}
.newslist .news-box .news-txt .ck{width:150px; text-align: center; }
.newslist .news-box .news-txt .ck a{padding:10px 0; border: 1px solid #DDD; color: #333; display: block;}
.newslist .news-box .news-txt .ck a:hover{ background: #fe6f0f; color: #FFF;}
.newstxt{padding:20px 0;}
.newstxt .title{font-size:32px; color: #000000; text-align: center; margin-bottom: 15px;}
.newstxt .ftitle{ text-align:center; color: #666;}
.newstxt .ftitle span{padding-right:10px; margin-right: 10px; border-right: 1px solid #ddd; color: #fe6f0f;}
.newstxt .pagetxt{padding-top:25px; font-size: 16px; color: #262626; line-height: 1.8;}
.newstxt .fy{border:1px solid #f0f0f0; display: flex; flex-flow: wrap; margin-top: 30px;}
.newstxt .fy a{color:#333;}
.newstxt .fy a:hover{color: #fe6f0f;}
.newstxt .fy .fy-l{width:50%; border-right: 1px solid #f0f0f0; padding:10px; transition: 0.5s ease all;}
.newstxt .fy .fy-l:hover{padding-left:20px;}
.newstxt .fy .fy-r{width:50%; padding:15px; text-align: right; padding:10px; transition: 0.5s ease all;}
.newstxt .fy .fy-r:hover{padding-right:20px;}
/*案例*/
.case-bj{background:#F4F4F4;}
.case-list{padding:10px 0; display: flex; flex-flow: wrap; width:100%;}
.case-list .case-box{background: #FFF; padding: 20px; transition: 0.5s ease all; width:calc(33.333% - 20px); margin: 10px;}
.case-list .case-box .case-title{line-height: 30px; font-size:16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-bottom: 20px;}
.case-list .case-box .case-title i{ float: left; width: 5px; height: 20px;  margin-right: 5px; margin-top: 3px; background: #c1151a;}
.case-list .case-box .case-pic img{max-width:100%; height: auto;}
.case-list .case-box .case-text{padding:10px 0 0;font-size: 14px; color: #333; line-height: 25px;}
.case-list .case-box:hover{ transform: translateY(-5px);}

/*联系我们*/
.contact{position:relative;}
.contact .map{ position: relative;}
.contact .map img{width: 100%; height: auto;}
.contact .c-txt{position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;}
.contact .comid{margin: 0 4.42708333333333%;}
.contact .contact_mid{width:48%; background: #FFF;}
.contact .contact_mid_txt{padding:50px;}
.contact .contact_mid_txt .tit{ color: #303030; font-size: 42px; font-weight:bold; margin-bottom: 5px;}
.contact .contact_mid_txt .ftit{ color: #383838; font-size: 18px; margin-bottom: 20px;}
.contact .contact_mid_txt .name{ color: #262626; font-size: 28px;  margin-bottom: 20px;}
.contact .contact_mid_txt .tel{font-size:#333; font-size: 20px; border-bottom: 1px solid #F0F0F0; padding:10px 0;}
/*join*/
.join{display:flex; flex-flow: wrap;}
.join .j-box{width:50%;}

/*在线下单*/
.order{background:#F4F4F4; }
.online{padding: 50px 0 50px; }
.online .orderForm {
	width:96%;
    max-width: 800px;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #f1f1f1;
    position: relative;
    z-index: 2;

}
.pd50{padding:50px;}
.t_logo{text-align:center; margin-bottom: 20px; background: #fe6f0f; padding:15px 0; border-radius: 5px 30px 5px 30px;}
.t_logo img{width:40%;}
.inputBox {
    margin: 10px auto;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
.inputBox label {
    display: block;
    font-weight: normal;
	max-width: 100%;
	margin-bottom: 10px;
}
.inputBox label span {
    display: inline-block;
    width: 14%;
    font-size: 16px;
    color: gray;
}
.inputBox label b{color:#FF0004;}
.orderForm input[type=text], .orderForm select {
    width: 85%;
    padding: 15px;
    outline: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    background: white;
    border: 1px solid #efefef;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
	color: #fe6f0f;

}

.orderForm .submitBox button {
    width: 100%;
    padding: 20px;
    background: #fe6f0f;
    color: white;
    border: none;
    margin-top: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	font-size: 15px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}


.fwxm{display: flex; flex-flow: wrap;}
.fwxm .xmbox{width:31.333333%; margin:  10px 1%; overflow: hidden;position: relative;}
.fwxm .xmbox .pic img{width:100%;}
.fwxm .xmbox .xmtit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(000,000,000,0.6);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.fwxm .xmbox .xmtit em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    margin-top: 8px;
	font-style: normal;
}
.fwxm .xmbox .xmtit span {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}


.fwxm .xmbox .xmfg {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,0.6);
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.fwxm .xmbox:hover .xmtit{bottom:-80px;}
.fwxm .xmbox:hover .xmfg{top:0;}
.fwxm .xmbox .xmfg .fgbox{padding-top:30%;}
.fwxm .xmbox .xmfg .fgbox em{display: block;text-align: center;font-size: 30px;color:#fff;font-style:normal;}
.fwxm .xmbox .xmfg .fgbox span{display: block;text-align: centeer;font-size: 16px;color:#fff;text-align: center;}
.fwxm .xmbox .xmfg .fgbox a{display: block;width: 130px;height: 34px;background: #BD9C67;border-radius: 4px;text-align: center;line-height: 34px;margin: 0 auto;margin-top: 35px;font-size: 16px;color:#fff;}


.ab_pages{clear:both;padding:20px 0;font-size:16px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 10px 10px;float: left;margin: 0 5px;font-size:16px;; border:1px solid #eeeeee;}
.ab_pages ul a.page-num-current{ background:#fe6f0f; border:1px solid #fe6f0f; color:#FFFFFF}
.ab_pages ul a:hover{ background:#fe6f0f; border:1px solid #fe6f0f; color:#FFFFFF}

.in_txt{ background: #F7F8FC; }
.lie_top{background: #ECF3FC;overflow: hidden;margin-top: 20px; margin-bottom: 20px;}
.lie_top ul:nth-child(1){float: left;overflow: hidden;padding-right: 50px;min-width: 452px;margin-right: 50px;background: url(../images/index32.png) 100% center no-repeat;}
.lie_top ul:nth-child(1) li{height: 84px;display: flex;align-items: center;font-size: 30px;color:#333333;padding-left: 26px;}
.lie_top ul:nth-child(2){float: left;overflow: hidden;}
.lie_top ul:nth-child(2) li:nth-child(1){overflow: hidden;margin-top: 13px;}
.lie_top ul:nth-child(2) li:nth-child(1) em{display: block;float: left;width: 197px;font-size: 16px;color:#333333; font-style:normal;}
.lie_top ul:nth-child(2) li:nth-child(2){overflow: hidden;margin-top: 10px;}
.lie_top ul:nth-child(2) li:nth-child(2) em{display: block;float: left;width: 197px;font-size: 16px;color:#777777;font-style:normal;}
.in_txt .snav{ margin-bottom: 20px; font-size: 14px; color: #666;}
.in_txt .i_l{width:100%; float: left; background: #FFF;}
.in_txt .i_l .list_box{padding:30px;}
.in_txt .i_l .list_box dl{ margin-bottom: 20px; border-bottom: 1px dashed #E5E5E5; padding-bottom: 10px;}
.in_txt .i_l .list_box dl img{width:20%; float: left; margin-right: 2%;}
.in_txt .i_l .list_box dl dt{font-size: 18px; color: #333;}
.in_txt .i_l .list_box dl dt a{color:#333; transition:0.5s ease all;}
.in_txt .i_l .list_box dl dt a:hover{padding-left:5px;}
.in_txt .i_l .list_box dl dd{font-size: 14px; color: #777777; line-height: 1.5; padding: 15px 0;}
.in_txt .i_l .list_box dl p{ font-size: 16px; color: #adacac; margin-top: 10px;}
.in_txt .i_l .n_title{text-align: center;
    font-size: 30px;
    color: #333333;
    margin-top: 36px;
    padding-bottom: 20px; 
border-bottom:1px solid #E5E5E5}
.in_txt .i_l .n_text{font-size:16px; color: #000; padding:10px 0; line-height: 32px;}

.in_txt .i_r{width:28%; float:right; }
.in_txt .i_r .zixun{ padding:15px; background: #FFF; margin-bottom: 15px;}
.in_txt .i_r .zixun img{width:100%; height: auto;}
.in_txt .i_r .hot_news{ padding:15px; background: #FFF;}
.in_txt .i_r .hot_news h3{font-size: 24px; border-bottom: 1px solid #F0F0F0; padding-bottom: 15PX;
    color: #333333;
    font-weight: bold;
    margin-top: 22px;}
.n_time{ line-height:35px; text-align: right; color: #999; font-size: 12px;}
.fenye{border-top: 1px solid #E5E5E5;}
.fenye ul{overflow: hidden;margin-top: 28px;}
.fenye ul li{float: left;width: 45%;overflow: hidden;font-size: 18px;color:#333333;height: 30px;line-height: 30px;font-size: 18px;color:#333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.fenye ul li:nth-child(2){float: right;}
.fenye ul li a{ color:#333;}

.in_txt .i_r .hot_news{overflow: hidden;margin-bottom: 56px;}
.in_txt .i_r .hot_news li{overflow: hidden;margin-top: 17px;}
.in_txt .i_r .hot_news li em{display:block;float: left;width: 20px;height: 20px;background: #E5E5E5;text-align: center;line-height: 20px;border-radius: 4px;font-size: 16px;color:#666666;}
.in_txt .i_r .hot_news li span{display: block;float: left;width: 272px;margin-left: 10px;height: 20px;line-height: 20px;font-size: 16px;color:#666666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.in_txt .i_r .hot_news li:nth-child(1) em{background: #F50F12;color:#fff;}
.in_txt .i_r .hot_news li:nth-child(2) em{background: #F50F12;color:#fff;}
.in_txt .i_r .hot_news li:nth-child(3) em{background: #F50F12;color:#fff;}
.in_txt .i_r .hot_news li:nth-child(4) em{background: #F50F12;color:#fff;}
.in_txt .i_r .hot_news li a:hover span{color:#ea7c34;}

.pagelist{text-align:center; margin-top: 20px;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}




/*底部信息*/
.footer{background:#333; padding:50px 0 10px;}
.footer .fbox{display:flex; flex-flow:wrap;}
.footer .fbox .f_ser{width:18%; margin-right: 5%; border-right:1px solid rgba(92,94,138,0.5)}
.footer .fbox .f_ser h3{font-size:18px; color: #fe6f0f;}
.footer .fbox .f_ser .ser-list{display:flex; flex-wrap: wrap; padding:10px 0;}
.footer .fbox .f_ser .ser-list .l-box{width:100%; margin-right: 1%; margin-bottom: 10px;}
.footer .fbox .f_ser .ser-list .l-box a{color:#C4C4C4;}
.footer .fbox .f_ser .ser-list .l-box a:hover{color:#FFF;}
.footer .fbox .f_nav{width:15%; margin-right: 5%;     border-right: 1px solid rgba(92,94,138,0.5);}
.footer .fbox .f_nav h3 ,.footer .fbox .f_contact h3{font-size:18px; color: #fe6f0f;}
.footer .fbox .f_nav .ser-list{display:flex; flex-wrap: wrap; padding:10px 0;}
.footer .fbox .f_nav .ser-list .l-box{width:100%; margin-right: 1%; margin-bottom: 10px;}
.footer .fbox .f_nav .ser-list .l-box a{color:#C4C4C4;}
.footer .fbox .f_nav .ser-list .l-box a:hover{color:#FFF;}



.footer .fbox .f_contact{width:25%;  margin-left: auto;}
.footer .fbox .f_contact h3{font-size:20px; color: #FFF;}
.footer .fbox .f_contact .dh{font-size: 32px; color: #fe6f0f; font-weight: bold;}
.footer .fbox .f_contact .tip{font-size:14px; color: #C4C4C4;}
.footer .fbox .f_ewm{width:120px; margin-right: 5%;}
.footer .fbox .f_ewm img{width:100%; height: auto;}
.footer .fbox .f_ewm p{font-size:14px; color: #FFF; margin-top: 15px; text-align: center;}
.copyright{text-align: center; padding: 10px 0; background: #666; color: #BFBFBF; font-size: 13px;}
.copyright a{color:#DCDCDC}



@media (max-width:767px) {
	.mob{display:block;}
	.pc{display:none;}
	.container{width:100%;}
	.top{display:none;}
	.header{display:none;}
	.nav-bj{background:#FFF;}
	.navbar-brand img {height: 40px!important;}
	.navbar-brand{display:block;}
	.no_box{width:100%;}
	.no_box .no_txt .t1 span{font-size:30px;}
	.services .s_box .list_box{width:49%; padding:15px;}
	.services .s_box .list_box .text .t1{text-align:center;}
	.ititle{font-size: 32px;}
.iftitle{padding:10px; font-size: 20px;}
	.no_box .no_txt .t2{font-size:16px;}
	.services .s_box .list_box .text .t3 a{width:100%; margin-bottom: 10px;}
	.aboutxt img {width: 100%;}	
.aboutxt .smtext{width:94%; left: 3%; height: auto; padding:20px;}
.aboutxt .smtext h4{font-size:18px; margin-bottom: 10px; padding-bottom: 10px;}	
.ititle{font-size:24px; height: 50px;}
.aboutxt{height:30em;}
	.country-box .c-list .c-box{width:49%; font-size: 12px; padding:5px; margin-bottom: 5px;}
	.bigwx{width:90%; height: 350px;}
	.inews .inews-list .inews-box{width:100%; margin-bottom: 20px;}
	.about-box .about-txt{width:100%; margin-bottom: 15px;}
.about-box .about-pic{width:100%}
	.c-bj{padding:20px 0;}
	.culture .culture-box{width:100%; padding:20px 0; text-align: center; border-right:0; margin-bottom: 10px;}
	.newslist .news-box .news-pic{width: 100%;}
	.newslist .news-box .news-txt{width:100%;}
	.newstxt .title{font-size:22px;}
	.newstxt .fy .fy-l{width:100%; border-bottom: 1px solid #f0f0f0;}
	.newstxt .fy .fy-r{width:100%;}
	.newstxt .fy .fy-r:hover{padding-right:20px;}
	.inputBox label span{width:100%; margin-bottom: 10px;}
	.inputBox{padding:10px; margin: 0;}
	.orderForm input[type=text], .orderForm select{width:100%;}
	
	.footer .fbox .f_ser{width:50%; text-align: center;margin-right: 0; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid rgba(92,94,138,0.5); border-right: none;}
	.footer .fbox .f_nav{width:50%;text-align: center; margin-right: 0;  margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid rgba(92,94,138,0.5); border-right: none;}
	.footer .fbox .f_ewm{width:50%; margin-right:0; text-align: center;}
	.footer .fbox .f_ewm img{width:70%;}
	.footer .fbox .f_contact{width:100%;}
	.nav-link{padding:10px;}
	.snav{display:none;}
	.pd50{padding:20px 0;}
	.contact .contact_mid{width:100%; background: #FFF;}
	.contact .contact_mid_txt{padding:20px;}
.contact .contact_mid_txt .tit{ color: #303030; font-size: 28px; font-weight:bold; margin-bottom: 5px;}
.contact .contact_mid_txt .ftit{ color: #383838; font-size: 14px; margin-bottom: 20px;}
.contact .contact_mid_txt .name{ color: #262626; font-size: 18px;  margin-bottom: 20px;}
.contact .contact_mid_txt .tel{font-size:#333; font-size: 18px; border-bottom: 1px solid #F0F0F0; padding:10px 0;}
	.lie_top ul:nth-child(2){display:none;}	
	.in_txt .i_l .list_box{padding:10px;}
	.in_txt .i_l{width:100%;}
	.in_txt .i_r{width:100%;}
	.in_txt .i_l .n_title{font-size:20px; margin-top: 15px;}
	.fenye ul li{width:100%;}
	.in_txt .i_l .list_box dl img{width:100%; margin-bottom: 10px;}
	.no_box .icon i{font-size:40px;}
	.fwxm .xmbox{ width:100%;}
}


@-webkit-keyframes animatetop {
    from {top:200px; opacity:0} 
    to {top:0; opacity:1}
}
 
@keyframes animatetop {
    from {top:200px; opacity:0}
    to {top:0; opacity:1}
}
/* 工具栏 */
#toolbar{position:fixed;bottom: 0rem;width:100%;z-index: 888;left: 0; display:none;}
#toolbar .list{width: 100%;margin: 0 auto;border-radius: 1rem;}
#toolbar .list li{float:right;text-align:center; width:50%; height:50px; line-height:50px;}
#toolbar .list .a1{ background-color:#FF6600}
#toolbar .list .a2{ background-color:#0066FF;}
#toolbar .list li:last-child{border-right: 0;}
#toolbar .list a{display:block;font-size: 16px;color:#fff;line-height:50px;}
#toolbar .list li:first-child a{border-radius: 1rem 0 0 1rem;}
#toolbar .list li:last-child a{border-radius: 0 1rem 1rem 0;}
#toolbar .list a.hover{background: #3ba86f;}
#toolbar .list a s{margin-left:auto;margin-right:auto;width: 0.46rem;height: 0.46rem;display:block;background-size: 4.6rem auto;}
#toolbar .list a .too-home{background-position: 0.02rem 0;}
#toolbar .list a .too-qiao{background-position: -1.43rem 0;}
#toolbar .list a .too-map{background-position: -2.16rem 0;}
#toolbar .list a .too-tel{background-position: -.7rem 0;}
.xbg{width:100%; display:block;position: fixed;height:1.05rem;left: 0;bottom: 0;background: #fff;z-index: 880;}
#toolbar .list a s span{color: #fff;padding-top:.9rem;text-transform: initial;font-style:normal;}


/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 20%;left: 0;right: 0;width:300px; padding:20px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr img{width: 150px;display: block;margin: 0 auto; padding:5px;}
#wxnr p{text-align:center; padding:5px;}
#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;font-size: 18px; padding:5px;text-align:center;color: #000000;font-weight: bold;font-style: normal;border-radius: 1rem;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #3ba86f;color:#fff;border-radius: 0.05rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.4rem;background-image: url(../images/wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}


@media (max-width:767px) {
#toolbar{ display:block;}
}