﻿

@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.header{background-color:#fff;position:fixed;left:0;top:0;width:100%;box-shadow:0px 1px 1px #ddd;z-index:9}
.blank{height:85px;clear:both;overflow:hidden}
.mobile{float:right;padding:33px 0;position:relative}
.mobile a{display:block;position:relative;font-size:18px;color:#ff3c05;padding-left:18px;cursor:pointer;line-height:35px}
.mobile a:hover{color:#0066cc}
.mobile a:before{content:'';display:block;background:url(../image/head_tel.png) no-repeat center center;background-size:contain;width:20px;height:20px;position:absolute;left:0;top:50%;margin-top:-10px}
.mobile .qr{background-color:#fff;border:1px solid #eee;position:absolute;right:0;top:100%;width:120px;height:120px;padding:6px;border-radius:0 0 5px 5px;display:none}
.mobile .qr img{display:block;width:100%;height:100%}
.logo{float:left;padding:0px 0}
.logo a{display:block;overflow:hidden;width:200px;height:99px;background:no-repeat left center;background-size:contain;text-indent:-99999em}
.wapbtn{position:absolute;right:3.125%;top:50%;transform:translateY(-50%);display:none}
.navbtn{width:23px;height:20px;cursor:pointer;position:relative;float:left;margin-left:15px}
.navbtn:before,.navbtn:after{content:'';display:block;position:absolute;right:0;width:100%;height:2px;background-color:#0066cc;transition:all .3s}
.navbtn:before{top:1px}
.navbtn:after{bottom:0}
.navbtn span{position:absolute;right:0;width:70%;height:2px;background-color:#0066cc;top:50%;margin-top:-1px;display:block;transition:all .3s}
.navbtn.open span{width:100%}
.navbtn.open:before,.navbtn.open:after{width:70%}
.searchbtn{width:21px;height:21px;background:url(../image/mob_search.png) no-repeat center center;background-size:contain;cursor:pointer;float:left}
.search{position:absolute;left:0;top:100%;width:93.75%;padding:3.125%;background-color:#fff;display:none}
.nav{margin-right:107px;margin-left:200px}
.nav ul{float:right}
.nav li{float:left;font-size:16px;line-height:45px;padding:26px 25px;position:relative;font-weight:bold}
.nav li a{display:block}
.nav li ul{position:absolute;left:-1px;top:100%;width:100%;background-color:#fff;height:auto;border:1px solid #e6e6e6;z-index:2;padding:5px 0;display:none}
.nav li li{padding:0;text-align:center;float:none;font-weight:normal}
.nav li li:after{display:none}
.nav li li a{padding:0 5px}
.nav li.cur > a{color:#0066cc}
.nav li em{display:none}
.nav li:last-child:after{display:none}
.hmmenu li a{display:block;font-size:14px;text-align:center;line-height:1.125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.searchbox{background-color:#fff;border-radius:5px;padding:20px;margin-bottom:30px;overflow:hidden}
.searchform{background-color:#f1f4f9;border-radius:5px;overflow:hidden;position:relative;padding-right:100px;margin-bottom:10px;margin-top:5px}
.searchform .submit{background-color:#0066cc;color:#fff;position:absolute;right:0;top:0;height:100%;width:100px;font-size:18px;cursor:pointer;-webkit-appearance:none}
.searchform .text{border:none;height:32px;line-height:32px;padding:10px 2% 10px 0;width:98%;display:block;-webkit-appearance:none;font-size:16px;text-indent:20px}
.searchtags{color:#0066cc;font-size:14px;line-height:1.875em;overflow:hidden}
.searchtags span{font-weight:bold;padding-right:8px;display:block;float:left}
.searchtags ul{margin-left:64px;overflow:hidden}
.searchtags a{color:#555;padding-right:16px}
.searchtags a:hover{color:#12cc4b}
.wrapper{padding:30px 0;clear:both;overflow:hidden}
.divbox{border-radius:5px;overflow:hidden;margin-bottom:2.5%}
.divbox a{display:block;overflow:hidden}
.divbox img{display:block;width:100%;height:auto}

@media only screen and (max-width:1376px){.inner{width:93.75%}
}@media only screen and (max-width:1280px){.logo a{width:146px;height:40px}
.nav{margin-left:155px;margin-right:100px}
.nav li{line-height:40px;padding-left:18px;padding-right:18px}
.mobile{padding:25px 0}
.blank{height:80px}
.hmpic i{font-size:14px;padding:3px 5px}

}@media only screen and (max-width:1024px){.mb{margin-bottom:25px}
.blank{height:65px}
.logo{padding:15px 0}
.logo a{width:128px;height:35px}
.nav{margin-left:130px;margin-right:85px}
.nav li{line-height:35px;padding:15px 17px}
.mobile{padding:15px 0}
.mobile a{line-height:35px}
.wrapper{padding:25px 0}
.hmmenu li{width:12.66%;padding:3% 2%}
.recommend ul{overflow:hidden;padding:1.5% 1%}
.recommend li{float:left;padding:1% 1.75%;width:9%}
.searchform .text{height:28px;line-height:28px}
.hmbox .left{float:none;width:auto;margin-bottom:25px}

}@media only screen and (max-width:980px){.header .inner{width:auto;box-shadow:none}
.blank{height:60px}
.logo{padding:15px 3.125%;float:none;background-color:#fff;position:relative;z-index:9;box-shadow:0px 2px 5px #ddd}
.logo a{width:109px;height:30px}
.mobile{display:none}
.wapbtn{display:block;z-index:9}
.nav{margin:0;position:fixed;left:-100%;top:0;width:100%;height:100%;background-color:#fff;z-index:8;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transition:all .4s}
.nav.open{opacity:1;left:0}
.nav ul{margin-top:60px;float:none;border-top:1px solid #eee}
.nav li{float:none;padding:0;border-bottom:1px solid #eee;line-height:45px;position:relative}
.nav li a{padding:0 80px 0 3.125%;color:#333;display:block}
.nav li a:hover,.nav li.on > a,.nav li.cur > a{background-color:transparent}
.nav li ul{position:static;left:auto;top:auto;width:auto;margin-top:0;padding:0;display:none;background-color:transparent;border:none}
.nav li li{border-bottom:none;border-top:1px solid #e6e6e6;text-align:left}
.nav li li a{text-indent:2em}
.nav li em{display:block;position:absolute;top:0;right:0;padding-right:3.125%;height:45px;width:45px}
.nav li em:after{content:'';display:block;width:9px;height:9px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;position:absolute;left:50%;top:50%;transform:rotate(-45deg);margin:-5px 0 0 -6.5px;transition:all .3s}
.nav li em.open:after{transform:rotate(45deg);margin:-6px 0 0 -6px}

}@media only screen and (max-width:768px){.mb{margin-bottom:20px}
.wrapper{padding:20px 0}
.boxtop{padding:7px 15px 6px;line-height:24px}
.boxtop h2{font-size:14px}
.boxtop span{font-size:12px;font-family:'Simsun'}
}