

/* ================================================== */
/* ========== 便捷样式 
/* ================================================== */
/*英文 Arial 字体*/
.iui-arial{font-family:"arial";}
/*清除浮动*/
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
/*块容器*/
.iui-wrap{*zoom:1;}
.iui-wrap:before,.iui-wrap:after{display:table;content:"";line-height:0;}
.iui-wrap:after{clear:both;}
/*行容器*/
.iui-row{*zoom:1;}
.iui-row:before,.iui-row:after{display:table;content:"";line-height:0;}
.iui-row:after{clear:both;}
/*左浮动*/
.iui-left{float:left;}
/*右浮动*/
.iui-right{float:right;}
/*左右居中*/
.iui-auto{margin-left:auto;margin-right:auto;}
/*显示元素(显示为块级元素)*/
.iui-show{display:block;}
/*隐藏元素*/
.iui-hide{display:none;}
/*英文全部大写*/
.iui-uppercase{text-transform:uppercase;}
/*英文全部小写*/
.iui-lowercase{text-transform:lowercase;}
/*英文首字母大写*/
.iui-capitalize{text-transform:capitalize;}
/*过渡(过渡时间0.6s)*/
.iui-transition{transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
/*缩放(缩放0倍)*/
.iui-scale{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);}


/* ================================================== */
/* ========== 按钮 (.iui-btn)
/* ================================================== */
.iui-btn{display:inline-block;padding:10px 20px;border:none;color:#333333;border-radius:2px;cursor:pointer;font-size:13px;text-align:center;vertical-align:middle;
	transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.iui-btn:hover{color:#FFFFFF;}
.iui-btn-block{width:100%;}


/* ================================================== */
/* ========== 头部 - 01(.iui-header-one)
/* ================================================== */
.iui-header-one{height:70px;background:#F0F0F0;}
.iui-header-one .contents{max-width:1200px;}
/*logo*/
.iui-header-one .logo{display:block;height:70px;float:left;}
/*right-box*/
.iui-header-one .right-box{float:right;height:70px;}
/*nav-top*/
.iui-header-one .nav-top{float:left;}
.iui-header-one .nav-top .item-one{float:left;position:relative;}
.iui-header-one .nav-top .item-one > a{display:block;padding:0px 10px 0px 10px;line-height:70px;font-size:12px;color:#555555;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-header-one .nav-top .item-one:hover > a{color:#C9242B;}
.iui-header-one .nav-top .second-level-menu{position:absolute;padding:20px 30px 30px 50px;top:70px;left:50%;z-index:880;width:260px;
	background:#F0F0F0;border-radius:0px 0px 10px 10px;margin-left:-130px;display:none;}
.iui-header-one .nav-top .item-one:hover .second-level-menu{display:block;}
.iui-header-one .nav-top .item-two{border-bottom:1px solid #F0F0F0;padding:4px 0px;}
.iui-header-one .nav-top .item-two:last-child{border:none;}
.iui-header-one .nav-top .item-two > a{font-size:14px;color:#555555;height:34px;line-height:34px;display:block;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-header-one .nav-top .item-two:hover > a{color:#C9242B;}
.iui-header-one .nav-top .item-three > a{font-size:12px;color:#999999;padding:6px 0px;display:block;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-header-one .nav-top .item-three:hover > a{color:#C9242B;}
.iui-header-one .nav-top .icon-right{float:right;color:#AEAEAE;font-size:14px;}
.iui-header-one .nav-top .line{display:block;width:100%;height:1px;background:#C9242B;position:absolute;top:0px;left:0px;z-index:890;
	transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-header-one .nav-top .item-one:hover .line{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}
.iui-header-one .nav-top .icon-open{font-size:12px;margin-left:10px;opacity:0;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-header-one .nav-top .item-one:hover .icon-open{opacity:1;color:#C9242B;}
/*chain*/
.iui-header-one .chain{float:left;height:70px;padding-top:15px;margin:0px 55px 0px 5px;}
.iui-header-one .chain .iconfont{display:block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #E9E9E9;
	border-radius:50%;float:left;margin-left:15px;font-size:22px;color:#8A8A8A;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-header-one .chain .alibaba{line-height:35px;}
.iui-header-one .chain .iconfont:hover{color:#FFFFFF;background:#C9242B;border:1px solid #C9242B;}
/*hotline*/
.iui-header-one .hotlline{float:left;height:70px;line-height:65px;}
.iui-header-one .hotlline .telephone{color:#999999;font-size:26px;}
.iui-header-one .hotlline .hotline-number{color:#999999;font-size:14px;}


/* ================================================== */
/* ========== 焦点轮播图 - 01(.iui-carousel-one)
/* ================================================== */
.iui-carousel-one{position:relative;}
.iui-carousel-one .banners{height:100%;position:relative;}
.iui-carousel-one .banners .page{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:800;opacity:0;
	transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.iui-carousel-one .banners .page.show{z-index:801;opacity:1;}
.iui-carousel-one .banners .page .banner{display:block;width:100%;height:100%;}
.iui-carousel-one .buttons{position:absolute;bottom:70px;left:50%;z-index:810;height:10px;}
.iui-carousel-one .buttons .button{width:10px;height:10px;background:none;border-radius:50%;float:left;margin:0px 5px 5px 5px;border:1px solid #CACACA;cursor:pointer;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-carousel-one .buttons .button:hover{background:#C9242B;border:1px solid #C9242B;}
.iui-carousel-one .buttons .button.active{background:#C9242B;border:1px solid #C9242B;}
.iui-carousel-one .arrow{position:absolute;z-index:810;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;color:#7A7A7A;background:#FFFFFF;font-size:14px;
	top:50%;margin-top:-20px;opacity:0;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;
	user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.iui-carousel-one:hover .arrow{opacity:1;}
.iui-carousel-one .arrow-prev{left:50px;}
.iui-carousel-one .arrow-next{right:50px;}
.iui-carousel-one .arrow:hover{background:#C9242B;color:#FFFFFF;}


/* ================================================== */
/* ========== 翻页 - 01(.iui-flip-one)
/* ================================================== */
.iui-flip-one{padding:10px 0px;max-width:1200px;margin:30px auto;}
.iui-flip-one .page{padding:8px 12px;border:1px solid #D2D2D2;background:#FFFFFF;display:inline-block;font-size:12px;color:#999999;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-flip-one .page:hover{background:#4D4F54;color:#FFFFFF;border:1px solid #4D4F54;}
.iui-flip-one .page.active{background:#4D4F54;color:#FFFFFF;border:1px solid #4D4F54;}


/* ================================================== */
/* ========== 选项卡 - 01(.iui-tab-one)
/* ================================================== */
.iui-tab-one{width:100%;}
.iui-tab-one .tabs{width:100%;}
.iui-tab-one .tabs .item{background:#ECF0F1;padding:20px 0px;font-size:13px;color:#333333;text-align:center;float:left;cursor:pointer;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-tab-one .tabs .item:hover{background:#F28415;color:#FFFFFF;}
.iui-tab-one .tabs .item.active{background:#F28415;color:#FFFFFF;}
.iui-tab-one .contents .module{display:none;}
.iui-tab-one .contents .module.active{display:block;}


/* ================================================== */
/* ========== 模态窗-01(.iui-modal-one)
/* ================================================== */
.iui-modal-one{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0px;left:0px;z-index:8000;display:none;}
.iui-modal-one .content-wrap{position:absolute;background:#FFFFFF;top:50%;left:50%;z-index:1000;
	transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.iui-modal-one .content-wrap .show-pictrues{display:block;}	
.iui-modal-one .content-wrap .closed{position:absolute;z-index:1100;width:30px;height:30px;line-height:30px;text-align:center;top:0px;right:0px;border-radius:50%;background:#FFFFFF;
	color:#999999;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-modal-one .content-wrap .closed:hover{background:#C9242B;color:#FFFFFF;}
.iui-modal-one .content-wrap .arrow{position:absolute;width:50px;height:50px;line-height:50px;text-align:center;font-size:22px;font-weight:bold;top:50%;margin-top:-30px;z-index:1200;
	color:#999999;border-radius:50%;background:#FFFFFF;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.iui-modal-one .content-wrap .arrow:hover{background:#C9242B;color:#FFFFFF;}
.iui-modal-one .content-wrap .arrow-prev{left:-70px;}
.iui-modal-one .content-wrap .arrow-next{right:-70px;}



/* ================================================== */
/* ========== 图标字体
/* ================================================== */
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    color:inherit;
    display:inline-block;
    /*-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;*/
}
@font-face{
	font-family:'iconfont';
    src:url('../font/iconfont.eot');
    src:url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}
                    
                    
                    
                    
                    
                    
                    
/* ================================================== */
/* ========== max 1200px
/* ================================================== */                                   
@media only screen and (max-width:1200px) {
	/* ------------------------------ */
	/* 翻页
	/* ------------------------------ */
	.iui-flip-one{text-align:center;}
}













