/*-- global style --*/
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,textarea,select,button,label{margin:0; padding:0;}
body{font:14px/20px 'Microsoft Yahei',verdana,"Simsun"; color:#666; background-color:#f0f0f0;}
ul{list-style:none;}
select, button, input, textarea{font-size:12px; font-family:inherit; vertical-align:middle; line-height:normal;}
input{outline:none;}
button, input{border:0;}
button{cursor:pointer;}
em{font-style:normal;}
img{vertical-align:middle; border:0;}
a{text-decoration:none; color:#333;}
a:hover{color:#f30; text-decoration:none;}
.clearfix{zoom:1;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.db{display:block;}
.clear{clear:both;}
.current{cursor:default;}

/*字体*/
@font-face {
  font-family: "汉仪旗黑-45S5.0";
  src: url("font/汉仪旗黑-45S5.0.woff2") format("woff2"),
       url("font/汉仪旗黑-45S5.0.woff") format("woff"),
       url("font/汉仪旗黑-45S5.0.ttf") format("truetype"),
       url("font/汉仪旗黑-45S5.0.eot") format("embedded-opentype"),
       url("font/汉仪旗黑-45S5.0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*图标*/
.sprite{background:url(../images/icon_01.png) no-repeat; display:inline-block; vertical-align:middle;}
.i-conTel{background-position:0 0; width:24px; height:24px;}
.i-icoLogo{background-position:-25px 0; width:315px; height:50px;}
.i-icoAddr{background-position:0 -51px; width:26px; height:37px;}
.i-icoTel{background-position:-27px -51px; width:26px; height:37px;}
.i-icoMenu{background:url(../images/icon_02.png) no-repeat; width:26px; height:18px; background-size:26px 18px; display:inline-block;}
.i-conAbout{background:url(../images/icon_04.png) no-repeat; width:20px; height:20px; background-size:20px 20px; display:inline-block; vertical-align:middle;}
.i-conContact{background:url(../images/icon_05.png) no-repeat; width:20px; height:20px; background-size:20px 20px; display:inline-block; vertical-align:middle;}
.i-icoClose{background:url(../images/icon_03.png) center no-repeat; width:40px; height:40px; background-size:20px 20px; display:inline-block; vertical-align:middle;}

/*可是宽度*/
.common{width:1200px; margin:0 auto;}

/*头部*/
.header{height:108px; border-bottom:1px solid #d0d0d0; background-color:#fff; position:relative; min-width:1200px;}
.header .i-icoMenu{position:absolute; left:20px; top:50%; transform:translateY(-50%); display:none;}

/*头部菜单*/
.menu{}
.menu li{float:left; line-height:108px; margin-right:86px;}
.menu li a{display:block;
	transition: all .2s;
}
.menuBox{float:left; display:block;}
.menuBox-left{height:100%; width:68px; background-color:#000; display:block; text-align:center; display:none;}
.menuBox-left i{margin-top:20px;}
.menuBox-con{height:100%;}

/*logo*/
.logo{float:right; line-height:108px;}
.logo img{height:42px;}

/*首页顶部广告*/
.index-ad-a,  .index-ad-b{background:url(../images/img_01.jpg) center no-repeat; height:200px; min-width:1200px;}

/*选项卡*/
.index-tabs{font-size:0; text-align:center; padding:26px 0 31px; background-color:#fff; min-width:1200px;}
.index-tabs li{display:inline-block; font-size:24px; color:#333; margin:0 56px; padding:10px 0; cursor:pointer; font-family: "汉仪旗黑-45S5.0"; position:relative;}
.index-tabs li a:hover{color:#333;}
.index-tabs li.on:before, .index-tabs li:hover:before{content:""; position:absolute; left:0; bottom:0; height:1px; background-color:#333;
	 -webkit-animation: slide 1s alternate forwards;
	 animation: slide 1s alternate forwards;
}
@keyframes slide {
  0% {
	width:0;
  }
  100% {
	width:100%;
  }
}

/*产品列表*/
.index-list{margin:0 0 133px -10px;}
.index-list li{width:290px; float:left; margin:0 0 10px 10px;}
.index-list li img{width:290px; height:218px;
	transition: all .2s;
}
.index-list li:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.index-list-con{height:110px; background-color:#fff; padding:0 22px;}
.index-list-con strong{font-size:16px; font-weight:normal; color:#333; display:block; line-height:20px; padding-top:13px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-list-con span{display:block; color:#cecece; line-height:20px; font-size:12px; margin-top:2px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-list-con p{font-size:14px; color:#333; margin-top:20px; line-height:20px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*底部*/
.footer{background:url(../images/footer.jpg) center no-repeat; height:200px; min-width:1200px;}
.footer-logo{float:left; padding-top:72px; width:50%;}
.footer-logo img{float:left; width:281px; height:58px; margin-right:44px;}
.footer-logo li{color:#ebebeb;}
.footer-logo li strong{font-weight:normal; letter-spacing:17px; display:block; padding-top:3px; color:#b1b1b1;}
.footer-logo li span{color:#8b8b8b;}
.footer-info{float:right; margin-top:76px; color:#303030; line-height:20px;}
.footer-logo-a, .footer-logo-lia{display:block;}
.footer-logo-b, .footer-logo-lib{display:none;}

/*联系我们*/
.contactUs{position:fixed; right:1px; top:50%; width:38px; height:141px; background-color:#000; color:#fff; text-align:center;
	transform:translateY(-50%);
	border-radius:10px;
}
.contactUs span{font-size:18px; padding:0 8px; display:block; color:#e8e8e8; margin-top:6px;}
.contactUs a{display:block; padding-top:14px; height:127px;}

.contactUs-img{float:left; width:682px; height:674px;}
.contactUs-info{float:left; margin-left:135px; padding-top:110px;}
.contactUs-info li{margin-top:57px;}
.contactUs-info i{margin-bottom:10px;}
.contactUs-info p{color:#333; font-size:16px;}
.contactUs-info strong{font-weight:normal; display:block; color:#333; font-size:16px; margin-top:65px;}

.contactUs-info h2{font-weight:normal; font-size:24px; color:#333; letter-spacing:20px; text-align:center; margin-top:44px; display:none;}
.contactUs-info span{display:block; text-align:center; color:#333; font-size:14px; margin-top:16px; display:none;}

.footer-fixed{position:fixed; left:0; bottom:0; right:0; height:40px; line-height:40px; background-color:#000; display:none;}
.footer-fixed-con{display:flex;}
.footer-fixed a{flex:1; text-align:center; position:relative;}
.footer-fixed span{vertical-align:middle; font-size:16px; color:#fff; margin-left:8px;}
.footer-fixed a:after{content:""; position:absolute; right:0; top:5px; width:2px; height:30px; background-color:#373737;}

/*加载中*/
.loading{position:fixed; left:0; bottom:0; right:0; height:30px; line-height:30px; background-color:#000; text-align:center; color:#7b6e3c; display:none;}

/*
@media (max-width: 1600px) {
  .index-list li{width:350px;}
  .index-list li img{width:350px;}
}
*/

@media screen and (min-device-width: 320px)  and (max-device-width: 500px){
	.header .i-icoMenu, .contactUs-info h2,  .contactUs-info span, .footer-logo-lib, .menuBox-left{display:block;}
	.contactUs-img, .footer-logo-lia{display:none;}
	.common{width:100%;}
	.header{height:64px; min-width:auto;}
	.logo{float:none; position:absolute; right:20px; top:0; line-height:64px;}
	.logo img{width:140px; height:26px;}
	.i-icoLogo{zoom:.6; display:block; margin:0 auto;}
	.index-tabs{height:55px; padding:0;}
	.index-tabs li{padding:0; margin:8px 22px 0; font-size:20px; line-height:36px;}
	.index-ad-a{background:url(../images/img_04.jpg) center no-repeat; height:178px; background-size:100% 178px; min-width:auto;}
	.index-ad-b{background:url(../images/img_03.jpg) center no-repeat; height:102px; background-size:100% 102px; min-width:auto;}
	.contactUs-con{background-color:#fff; padding-top:55px;}
	.contactUs-info{float:none; margin:0; padding:0;}
	.contactUs-info ul{padding:0 50px;}
	.contactUs-info li{margin-top:40px;}
	.contactUs-info p{font-size:14px;}
	.contactUs-info .i-icoAddr, .contactUs-info .i-icoTel{zoom:.8;}
	.contactUs-info strong{font-size:14px; padding:0 50px 62px; margin-top:40px;}
	.footer{background:url(../images/footer_h5.jpg) center no-repeat; height:238px; background-size:cover; margin-bottom:39px; min-width:auto;}
	.footer-logo{margin:0; text-align:center; float:none; width:100%; padding-top:50px;}
	.footer-logo-a{display:none;}
	.footer-logo .footer-logo-b{display:inline-block; width:82px; height:79px; float:none; margin-right:32px; vertical-align:middle;}
	.footer-logo ul{display:inline-block; text-align:left; vertical-align:middle;}
	.footer-logo li{font-size:16px;}
	.footer-logo li span{font-size:14px; letter-spacing:1px;}
	.footer-info{float:none; margin-top:30px; text-align:center; color:#444; font-size:12px;}
	.footer-fixed{display:block;}
	.contactUs{zoom:.8; padding-bottom:20px;}
	.menuBox{position:fixed; left:0; top:0; right:0; bottom:0; float:none; background-color:#fff; z-index:10; display:none;}
	.menuBox-con{display:flex;}
	.menu{width:100%; padding-top:20px;}
	.menu li{float:none; margin-right:0; text-align:right; line-height:50px;}
	.menu li a{padding-right:50px;}
	.index-list{margin:0; padding:0 10px;}
	.index-list li{margin:0 0 20px 0; width:100%;}
	.index-list li img{width:100%; height:100%;}
}