/*图标字体*/
@font-face{font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*Bootstrapæ ¡æ­£*/
ul{list-style-type: none; margin:0; padding: 0;}
body{font-size:14px; font-family:'Microsoft Yahei',"微软雅黑";background: #fff;}
h1, h2, h3, h4, h5, h6{font-family:'Microsoft Yahei',"微软雅黑";}
a{color: #454545;}
a:hover{text-decoration: none; color:#0F51BB}
h1,h2,h3,h4,h5,h6{margin-top: 0; margin-bottom: 0;}
i{font-style: normal;}
.owl-carousel{touch-action: pan-y;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:none;}  

@media screen and (min-width:320px){html,body{font-size:10px;}}
@media screen and (min-width:480px){html,body{font-size:12px;}}
@media screen and (min-width:560px){html,body{font-size:14px;}}
@media screen and (min-width:640px){html,body{font-size:16px;}}
@media screen and (min-width:720px){html,body{font-size:18px;}}
@media screen and (min-width:800px){html,body{font-size:20px;}}
@media screen and (min-width:1024px){html,body{font-size:22px;}}
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
@keyframes fadeInUp {
    0% {opacity: 0; -webkit-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0)}
    100% {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}
}

/*通用样式*/
.header{display: flex; justify-content: space-between; align-items: center; height:4.5rem;}
.header.container:after, .header.container:before{display: none;}

.title1{position: relative; margin-bottom:1.7rem;}
.title1 h3{height: 30px; line-height: 30px; font-size:20px; font-weight: 400; color: #333; margin-bottom: 10px;}
.title1 p{font-size:14px; height: 20px; line-height: 20px; color: #999; margin-bottom: 0;}
/* .footer{display: none;} */
.copyright{background: #f19149; color: #fff; font-size: 14px; text-align: center; line-height:2em;}
.copyright span{margin-right: 10px;}
.copyright a{color: #fff; margin-right: 10px;}
/*仅pad样式*/
@media (min-width: 768px){

}

/*仅电脑版样式*/
@media (min-width: 1200px){

}
@media (min-width: 1025px){
.header{padding: 0;}
.logo img{width: 556px;}
.tools,.search{display: flex;font-size: 14px;}
.tools li{height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; position: relative; cursor: pointer;}
.tools li img{margin-right: 5px;}
.tools li:after{content: "|"; display: inline-block; position: absolute; right: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.tools li:last-child{margin-right: 0;}
.tools li:last-child:after{content: "";}
.tools .qcode{display: none; padding: 5px; border:1px solid #e1e1e1; width:150px; background: #fff; position: absolute; top: 32px; left: 0; z-index: 100;}
.tools .qcode img{width: 100%; height: 100%;}
.search{margin-bottom: 3px; position: relative;}
.search .inputText{width: 100%; height: 28px; line-height: 28px; background: #fff; border:1px solid #dcdfe6; color: #606266; display: inline-block; outline: 0; padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1);}
.search .inputSub{width: 42px; height: 28px; background: url(../images/ico-search.png) no-repeat center center #ff862c; font-size: 0; border:0; position: absolute; right: 0; top: 0}

#nav{color: #666; font-size: 16px; background:rgba(255,255,255,.8); position: relative; z-index:10;}
#nav .navbar-nav{margin: 0px auto; float: none; display: flex; justify-content: center;}
#nav .navbar-nav>li{position: relative; height: 50px;}
#nav .navbar-nav>li>a{padding: 0 35px;  line-height: 50px;}
#nav .navbar-nav>li>a.active,#nav .navbar-nav>li>a:hover{color: #ff862c; font-weight: 700; background: none;}
#nav .dropdown-menu{float:none; padding:0 15px; margin:0; text-align:center; background: #ff862c; border:0; border-radius: 0;}
#nav .dropdown-menu li{display:block; float: left; padding: 0 20px;}
#nav .dropdown-menu li a{padding: 0; margin:0; line-height: 56px; color: #fff; font-size: 16px; }
#nav .dropdown-menu li a:hover{background: none;}
#nav .navbar-nav>li:nth-of-type(2) .dropdown-menu{width:240px;}
#nav .navbar-nav>li:nth-of-type(3) .dropdown-menu{width:350px;}
#nav .navbar-nav>li:nth-of-type(4) .dropdown-menu{width:560px;}
#nav .navbar-nav>li:nth-of-type(5) .dropdown-menu{width:600px; left: -100px;}
#nav .navbar-nav>li:hover>.dropdown-menu{display: block;}
#nav-mobile{display: none;}
.copyright{line-height: 45px; height: 45px;}

/* 跟集团底部样式冲突 */
/* .footer{display: block; padding:20px 0; border-top: 1px solid #e1e1e1;}
.footer .tit{display: inline-block; height: 36px;line-height: 36px;font-size: 18px;color: #666; border-bottom: #f19149 2px solid; margin-bottom: 19px;}
.footer .l{float: left;width: 350px; min-height: 147px; border-right:#e1e1e1 1px solid;}
.footer .c{float: left;width: 550px; line-height: 36px;font-size: 14px;color: #666; border-right: 1px solid #e1e1e1; padding:0 50px;}
.footer .r{float: right; width: 230px; font-size: 14px;color: #666;}
.footer-nav a{display: inline-block; width: 92px; line-height: 36px; font-size: 14px;color: #666;}
.footer-nav a:hover{color:#f19149;}
.footer .p1{padding-left: 30px;background: url(../images/ico-address.png) left center no-repeat; margin-bottom: 0;}
.footer .p2{padding-left: 30px;background: url(../images/ico-tel.png) left center no-repeat; margin-bottom: 0;}
.footer .wei{position: relative; width:190px;}
.footer .r .tit{margin-bottom: 12px;}
.footer .r img{display: block;margin:5px;  width:130px;height:130px; border:1px solid#e1e1e1; padding: 4px;}
.footer .r span{display: block; font-size:14px;color: #666;line-height:22px; width:14px; height: 130px; padding-top: 10px; position: absolute; right:20px; top:0px;}
.footer .r .s2{right:0;} */

.title1 h3{font-size: 28px; margin-bottom: 18px;}
.title1 p{font-size: 18px;}
}



/*仅移动端样式*/
@media (max-width: 1024px){
.hidden-mobile{display: none;}

.logo{height:100%; width:76%; background: url(../images/logo.png) no-repeat left center; background-size:100% auto;}
.logo img{display: none;}
#nav{display: none!important;}
#nav-mobile{position: fixed; left: 100%; top: 0px; z-index: 10; width: 100%; height: 100%; background: #ff862c; transition: all 0.5s; display: block;}
#nav-mobile.in{left: 0%; transition: all 0.5s; padding-top:2rem;}
#nav-mobile .nav{padding: 0 10%;}
#nav-mobile li{margin:0 auto; border-bottom: #fff 1px solid; padding:1rem 0; float: none;}
#nav-mobile li a{display: block;color: #fff!important;font-size: 1.5rem; font-weight: bold; padding:1rem 0; background: none!important;}
.navclose{width: 3rem; height:3rem; background: url(../images/close.png) center no-repeat; background-size: 1.9rem auto; position: absolute; top: 10px; right: 10px;}
#nav-mobile.in li{visibility: visible; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.navclose{visibility: visible; -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp; animation-delay: 0.2s;}
#nav-mobile.in li:nth-child(1){animation-delay: 0.3s;}
#nav-mobile.in li:nth-child(2){animation-delay: 0.4s;}
#nav-mobile.in li:nth-child(3){animation-delay: 0.5s;}
#nav-mobile.in li:nth-child(4){animation-delay: 0.6s;}
#nav-mobile.in li:nth-child(5){animation-delay: 0.7s;}
#nav-mobile.in li:nth-child(6){animation-delay: 0.8s;}
#nav-mobile.in li:nth-child(7){animation-delay: 0.7s;}
#nav-mobile.in li:nth-child(8){animation-delay: 0.9s;}
/*导航按钮*/
.navbar-toggle{display: block; position: relative; width: 40px; height: 40px; margin:0; padding: 0; border-radius:0; border: 0; background: none; margin-right: 5px; cursor: pointer; z-index:10;}
.navbar-toggle span{display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 25px;}
.navbar-toggle span:before, .navbar-toggle span:after{content: ""; display: block;}
.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after{height: 4px; background: #333; -webkit-transition: 0.2s all; transition: 0.2s all;}
.navbar-toggle span:before{-webkit-transform: translate(0%, 10px); -ms-transform: translate(0%, 10px); transform: translate(0%, 10px);}
.navbar-toggle span:after{-webkit-transform: translate(0%, -14px); -ms-transform: translate(0%, -14px); transform: translate(0%, -14px);}

}


/*仅手机样式*/
@media (max-width: 500px){
.header{padding: 0 5px;}
.nav>li.n9 .dropdown-menu>li{width:50%;}
.copyright span,.copyright a{display: block;}
}