@charset "utf-8";
*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}
body,html{height:100%}
html{font-size:62.5%}
html.is-screen-locked{position:fixed;overflow:hidden;top:0;left:0;right:0}
html.fz-sm{font-size:56.3%}
html.fz-md{font-size:62.5%}
html.fz-lg{font-size:68.8%}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre,button, input, optgroup, option, select, textarea { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }
body{ font: 14px/1.5 Arial, 'PingFang SC','Microsoft YaHei', sans-serif; color: #333; }
a:focus,a:hover{text-decoration:none}
textarea{ resize:none}  
@media screen and (min-width:768px){body{min-width:2px}
}
@media only screen and (device-width:414px) and (device-height:896px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3){body{min-width:1px}
}
h1,h2,h3,h4,h5,h6{margin:0;font-size:100%;font-weight:400}
a{text-decoration:none;color:#555}
a:hover, a:focus {color:#555;}
p{margin:0}
ol,ul{margin:0;padding:0}
dd,dl,dt{margin:0;padding:0}
li{list-style:none}
small{display:inline-block;vertical-align:top;font-size:12px}
form{display:block;width:100%}
figure{margin:0;padding:0}
input,select,textarea{vertical-align:top;}
img{display:inline-block;vertical-align:top;border:0}
sup{font-size:90%;vertical-align:top}
.wrap{width:1300px;margin:0 auto;height:auto}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
.fl{float:left}
.fr{float:right}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMwAAsAAAAABvwAAALjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBYIFsATYCJAMMCwgABCAFhG0HOhs2BsieGjvrh2rDDc6DEgAAEIuH7/f739rnnqeePubJo2eTpNKIPyTw6UyH6NUy0TR5Jt/BmzumX2QTP88u6NYxiSjAAqvt99MiCJuSRdcqgk2h/pQPlF5+3kCtQm6sen6zO7+hcy1pmKDzUTXGBz518h1+ROmTv/5o/3PMdPk80vLbbC4Z8TwScIIDi0oa2R3IAfk5AW9dxnkCTQsQcNfm8iZVklnTAnHFc/RUKReUZSFTF6o1a7O4i1RP19Jr3Al/P/5ZHyWSSsGau/fc2krNfm74uaU4lSc5H0E0nx3CJgqsA2TiWG3yqKwQCFhTmWsvrMpCmitSloRCXV3d6T9eIqqs8jZYhVTi5waXQ/BzywcSKEAVGTulnId2PPahNG3XJvN3/3H83x1+8+bg27eHbsRbD33OTjBfwr1/f4RXN3i+f37BEzW48XneZ5M8/sg35A4X95yxh36AcPBD/NG/d+aW2wl6/v0CT5bh+ZAB8LCXdKpXz48x/Y9ueI30+i52JdOAvMHzQEUvp5uLEfmhm6kko6/NTDlJvwfP0pxzL+sJf80zlGnQNmUtXoZoUih/Fn7mA6F4lYLf/Tdmu//04031f72VwZf7870wWP7MSH91/WZcwc8V9WzLusQyFVkVukLTXVgy0p5ARRMlyzv0jldPepcT6iYpJDVzUKhbhszYdVDRshGq6rZC01p6c8tIkxW5gTUmQei7IOl6DoW+G5mxD1RMfVDVjyw0HQ56z5YV4VUcRl3QAvME2aTYdixSiSqv0FGhzllJSL9DTrwISCaKmS3GyHMs6PfOeIgNgSkCRZdhGBIUJh9N6SeR45TzUPelvqUoVbETQzqBLMB4AjITidl+b1Ep/fwV5FBCOm6pqnHfQSzh9Q8kRvRAbpVxr6p7+aS75xgbhA0EjESAolEoFCKg1I/yIZPoSyPiR1Pc7hb6Kvvrq6MPKBDqsI4vIkURWfUqqURRse7psZBKpQAA') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sousuo:before {
  content: "\e633";
}

.icon-jiantou:before {
  content: "\e637";
}





header{width:100%;padding:0 5%;height: 100px;}
header .logo{float:left;margin:20px 0 0;}
header .logo img:nth-child(2){display:none;}
header .menu{float:right;margin-top:30px;}
header .menu>ul{width:100%;}
header .menu>ul>li{position:relative;text-align:center;float:left;margin:0 15px;height:50px;line-height:50px;}
header .menu>ul>li>a{color:#FFF;font-size:16px;font-weight:bold;}
header.active{background:#FFF;}
header.active .menu>ul>li>a{color:#333;}
header .menu>ul>li.hover,header .menu>ul>li:hover{border-bottom:3px solid #f07317;}
header .menu>ul>li.hover a,header .menu>ul>li:hover a{color:#f07317;} 
header .menu>ul>li.tel{padding-left:40px;background:url(../images/tel.png) left center no-repeat;position:relative;}
header .menu>ul>li.tel:hover{border:none;}
header .menu>ul>li.tel:before{content:'';width:1px;height:10px;background:#FFF;position:absolute;left:-20px;top:50%;margin-top:-5px;}
header.active .menu>ul>li.tel>a{color:#f07317;}
header.active .menu>ul>li.tel:before{background:#d6d6d6;}
header .nav-btn {float: left;width: 20px; height: 20px; margin: 20px 10px;  position: relative; display: none; }
header .nav-btn.active span:nth-child(1) { top: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
header .nav-btn.active span:nth-child(2) { opacity: 0; }
header .nav-btn.active span:nth-child(3) { bottom: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
header .nav-btn span { width: 100%; height: 2px; background-color: #333; display: block; position: absolute; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
header .nav-btn span:nth-child(1) { top: 0; }
header .nav-btn span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
header .nav-btn span:nth-child(3) { bottom: 0; }

.footer{width:100%;background:url(../images/footer_bg.jpg) top center no-repeat;overflow:hidden;padding:80px 0 0;}
.footer .foot{width:90%;margin:0 auto 80px;color: #999;line-height: 2;}
.footer .foot a{color: #999;}

.tab-bar{background-color:#fff;height:60px;position:fixed;bottom:0;width:100%;z-index:999;box-shadow:0 0 10px #e8e6e6;padding:0 20px;display:none;}
.tab-bar li{width:33.33333%;float:left}
.tab-bar li a{display:block;text-align:center;padding:8px;text-align:center}
.tab-bar li a.phone{position:relative}
.tab-bar li a.phone .icon-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(180deg);height:30px;width:40px;overflow:hidden}
.tab-bar li a.phone .icon-wrap::after{content:"";display:block;width:40px;height:50px;border-radius:20px;background-color:#e8e6e6}
.tab-bar li a.phone .icon{width:30px;height:30px;background-image:linear-gradient(to right,#f07317,#f07317);border-radius:50%;text-align:center;line-height:30px;position:absolute;left:50%;top:15%;transform:translate(-50%,-50%);box-shadow:0 5px 10px -5px #f07317}
.tab-bar li a.phone span{margin-top:25px}
.tab-bar li a.phone .icon img{width: 60%;vertical-align: middle;}
.tab-bar li a .img{height:20px;margin-bottom:5px}
.tab-bar li a .img img{width:auto;height:100%}
.tab-bar li a span{font-size:14px;color:#828282;display:block}

@media (max-width: 1439px) and (min-width: 1200px) {
	header{padding:0 1%;}
}
@media screen and (min-width: 961px) and (max-width: 1366px) {
	
}
@media (max-width: 768px) { 	
	header{position: fixed!important;top:0px;height:60px;background:#FFF;z-index:9999;}
	header .logo{margin:6px 0 0;}
	header.active .logo img{height:48px;display:block;}
	header .search{float: left;margin:0;}
	header .search a{color:#333;line-height:60px;}
	header .search .widget{position: fixed;width: 100%;left: 0px;top: 60px;}
	header .search .widget input{width: 100%;}
	header .nav-btn{display:block;}
	header .menu {position: fixed; width: 100%; height: 100%;padding-right:15px; left: 0; top: 60px; margin-top:0;background-color: #fff; z-index: 9; display: none; }
	header .menu>ul > li {float: none;width: 100%;text-align: left;line-height:35px;height:auto;position: relative;}
	header .menu>ul>li.tel{display:none;}
	header .menu>ul>li.hover,header .menu>ul>li:hover{border:none;}
	header .menu>ul > li.hover > a::after { height: 0; }
	header .menu>ul > li > a {color: #333;font-size: 16px;padding: 10px 0;margin: 0 14px;}
	header .menu>ul > li  .drop-icon { display: inline-block; }
	header .menu>ul > li > .drop-icon {width: 12px;height: 12px;display: inline-block;position: absolute;right: 15px;border-right: 1px solid #333;border-bottom: 1px solid #333;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;top: 6px;}
	header .menu>ul > li > .drop-icon::after { content: ""; display: block; width: 35px; height: 25px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -40%) rotate(-45deg); }
	header .menu>ul > li > .drop-icon.active { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
	header .menu ul li:hover ul{display:none;}
	header .menu>ul > li .dropdown{position: static;transform: translate(0, 0);background: unset;margin: auto;width: 100%; padding: 0 20px;}
	header .menu>ul>li ul li{ width: 100%;height: 25px; line-height: 25px;}
	header .menu>ul>li ul li a{color:#333;}
	.banner-swiper{padding-top:60px;}
	.footer{padding:0 0 60px;}
	.footer .foot{display:none;}
	.footer .copyright{height:auto;line-height:25px;padding:10px 10px;}
	.footer .copyright a{display:block;}
	.tab-bar{display:block;}
}