@charset "utf-8";

/*==============================================
					customer
==============================================*/
.customer{width:100%;height:165px;margin-top:10px}
.customer .customer-box{width:1192px;height:157px;border:4px solid #626262;border-radius:10px;background:#fff}
.customer .customer-box .customer-left{width:596px;height:157px;}
.customer .customer-box .customer-left > p{width:498px;float:left;background:url('../images/icon/cus_03.png') no-repeat 20px 0;border-bottom:1px solid #e6e6e6;padding-left:52px;padding-bottom:6px;margin:17px 0 10px 16px;color:#e72f27;font-weight:bold}
.customer .customer-box .customer-left > ul{margin-left:27px;float:left}
.customer .customer-box .customer-left > ul > li{width:126px;height:44px;float:left;background:url('../images/icon/cus_01.png') no-repeat;margin-right:10px;margin-bottom:3px}
.customer .customer-box .customer-left > ul > li:hover{background:url('../images/icon/cus_02.png') no-repeat;}
.customer .customer-box .customer-left > ul > li > a{width:89px;height:44px;float:left;display:block;padding-left:47px;color:#fff;line-height:35px}

.customer .customer-box .customer-right{width:596px;height:157px;}
.customer .customer-box .customer-right > p{width:498px;float:left;background:url('../images/icon/cus_03.png') no-repeat 20px 0;border-bottom:1px solid #e6e6e6;padding-left:52px;padding-bottom:6px;margin:17px 0 26px 16px;color:#e72f27;font-weight:bold}
.customer .customer-box .customer-right > ul{margin-left:30px;float:left}
.customer .customer-box .customer-right > ul > li{width:56px;height:16px;float:left;background:url('../images/icon/char.png') no-repeat;margin-right:35px;margin-bottom:17px}
.customer .customer-box .customer-right > ul > li > a{width:45px;height:16px;float:left;display:block;padding-left:30px;color:#262626;line-height:15px}

/*==============================================
					banner
==============================================*/
.banner{width:100%;height:336px;margin-top:30px}

/*==============================================
					left banner
==============================================*/
.banner .slideBox{ width:588px; height:305px; overflow:hidden; position:relative; border:1px solid #ddd;}
.banner .slideBox .hd{ height:14px; overflow:hidden; position:absolute; right:3px; bottom:11px; z-index:1;}
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .slideBox .hd ul li{ float:left; margin-right:10px;  width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius:50%}
.banner .slideBox .hd ul li.on{ background:#fa5000;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;}
.banner .slideBox .bd li{ zoom:1; vertical-align:middle}
.banner .slideBox .bd img{ width:588px; height:305px; display:block;}

/*==============================================
					right banner
==============================================*/
.swiper-banner{width: 610px;float:left;position:relative;left:15px}
.swiper-banner .swiper-container{width: 516px;height: auto;}
.swiper-banner .swiper-container .swiper-slide{font-size: 18px;background: #fff;height:150px;border-radius:5px}
.swiper-banner .swiper-container .swiper-slide > a > img{width:158px;height:132px;float:left;padding:9px 8px}
.swiper-banner .swiper-container .swiper-slide > a > h2{width:300px;margin-left:25px;font-size:16px;margin-top:20px;float:left}
.swiper-banner .swiper-container .swiper-slide > a > span{width:300px;display:block;font-size:12px;line-height:25px;float:left;margin-left:25px;margin-top:10px}


/*==============================================
					BUSINESS
==============================================*/
.business{width:100%;height:216px;padding:34px 0 38px 0;background:#262626}

/*==============  COMMON TITLE  ===============*/
.business .block > h1,.about .block > h1{width:100%;font-size:20px;float:left;margin-top:1px;margin-right:3px;text-align:center;color:#ededed}
.news .block > h1,.advantage .block > h1{width:100%;font-size:20px;float:left;margin-top:1px;margin-right:3px;text-align:center;color:#262626}

.business .block > span,.news .block > span,.advantage .block > span,.about .block > span{float:left;font-size:36px;color:#e0e0e0;font-family:hb;}

.business .block > p,.about .block > p{width:100%;color:#ededed;font-size:12px;float:left;text-align:center}
.news .block > p,.advantage .block > p{width:100%;color:#262626;font-size:12px;float:left;text-align:center}

.business .block > ul{margin-top:42px;float:left}
.business .block > ul > li{width:120px;height:120px;float:left;margin-left:57.6px;}
.business .block > ul > li.bus_01{background:url('../images/business/bus_03.png') no-repeat;margin-left:0}
.business .block > ul > li.bus_01:hover{background:url('../images/business/bus1_03.png') no-repeat}

.business .block > ul > li.bus_02{background:url('../images/business/bus_05.png') no-repeat}
.business .block > ul > li.bus_02:hover{background:url('../images/business/bus1_05.png') no-repeat}

.business .block > ul > li.bus_03{background:url('../images/business/bus_07.png') no-repeat}
.business .block > ul > li.bus_03:hover{background:url('../images/business/bus1_07.png') no-repeat}

.business .block > ul > li.bus_04{background:url('../images/business/bus_09.png') no-repeat}
.business .block > ul > li.bus_04:hover{background:url('../images/business/bus1_09.png') no-repeat}

.business .block > ul > li.bus_05{background:url('../images/business/bus_11.png') no-repeat}
.business .block > ul > li.bus_05:hover{background:url('../images/business/bus1_11.png') no-repeat}

.business .block > ul > li.bus_06{background:url('../images/business/bus_13.png') no-repeat}
.business .block > ul > li.bus_06:hover{background:url('../images/business/bus1_13.png') no-repeat}

.business .block > ul > li.bus_07{background:url('../images/business/bus_15.png') no-repeat}
.business .block > ul > li.bus_07:hover{background:url('../images/business/bus1_15.png') no-repeat}

.business .block > ul > li > a{width:120px;height:46px;float:left;display:block;text-align:center;padding-top:84px}

/*==============================================
					NEWS
==============================================*/
.news{width:100%;height:246px;padding:28px 0;}
.news .block > a,.advantage .block > a{width:40px;display:block;float:right;text-align:right;color:#fa5000;font-size:12px}
.news .block .news-left{width:600px;height:153px;margin-top:30px}
.news .block .news-left > img{width:277px;height:153px;float:left}
.news .block .news-left > a > h2{font-size:16px;float:left;margin-left:24px}
.news .block .news-left > a > p{width:276px;font-size:12px;float:left;margin-top:13px;margin-left:24px;line-height:22px}
.news .block .news-left > span{width:276px;font-size:12px;float:left;margin-top:13px;margin-left:24px}

.news .block .news-right{width:562px;height:153px;margin-top:13px;padding-left:38px}
.news .block .news-right > ul > li{float:left;margin-bottom:10px;}
.news .block .news-right > ul > li > a,.advantage .block > ul > li > a{width:442px;float:left}
.news .block .news-right > ul > li > span,.advantage .block > ul > li > span{margin-left:42px;float:left}

/*==============================================
					ADVANTAGE
==============================================*/
.advantage{width:100%;height:266px;padding:10px 0;}
.advantage .block > ul{float:left;margin-top:17px}
.advantage .block > ul > li{width:562px;float:left;padding-left:38px;margin-bottom:10px;}

/*==============================================
					ABOUT
==============================================*/
.about{width:100%;height:400px;padding:20px 0;background:#262626}
.about .slideBox{ width:671px; height:330px; overflow:hidden; position:relative; border:1px solid #ddd;margin-top:20px}
.about .slideBox .hd{ height:14px; overflow:hidden; position:absolute; left:12px; bottom:11px; z-index:1;}
.about .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.about .slideBox .hd ul li{ float:left; margin-right:10px;  width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius:50%}
.about .slideBox .hd ul li.on{ background:#fa5000;}
.about .slideBox .bd{ position:relative; height:100%; z-index:0;}
.about .slideBox .bd li{ zoom:1; vertical-align:middle}
.about .slideBox .bd img{ width:671px; height:330px; display:block;}

.intro{width:650px;height:240px;border:1px solid #e0e0e0;position:absolute;top:105px;right:0;background:#fff;padding-top:30px;padding-left:29px}
.intro > span{width:632px;float:left;line-height:28px}
.intro > a{width:632px;float:left;color:#fa5000;font-size:12px;margin-top:-21px;margin-left:595px}
/*==============================================
			  HONOR、DEPARTMENT
==============================================*/
.hode{width:100%;height:300px;padding-top:20px ;}
.hode .block .honor,.hode .block .depart{width:600px;}
.honor > h1,.depart > h1{width:100%;font-size:20px;float:left;margin-top:1px;text-align:center;color:#262626}
.honor > span,.depart > span{float:left;font-size:36px;color:#e0e0e0;font-family:hb;}
.honor  > p,.depart > p{width:600px;color:#262626;font-size:12px;float:left;text-align:center}

.honor .honor-banner{width:600px;float:left;position:relative;}
.honor .honor-banner .swiper-container{width: 529px;top:26px;right:10px}
.honor .honor-banner .swiper-container .swiper-slide{text-align: center;font-size:18px;}
.honor .honor-banner .swiper-container .swiper-slide > a{width:261px;float:left;display:block}
.honor .honor-banner .swiper-container .swiper-slide > a > img{width:100%;height:199px;float:left}
.honor .honor-banner .swiper-container .swiper-slide > a > span{width:100%;float:left;display:block;text-align:center;font-size:14px;color:#262626;margin-top:15px;}
.honor .honor-banner .swiper-button-next,.honor .honor-banner .swiper-button-prev{position:absolute;top:74%;width:18px;height:18px;margin-top:-50px;z-index:10;cursor:pointer;-moz-background-size:18px 18px;-webkit-background-size:18px 18px;background-size:18px 18px;background-position:center;background-repeat:no-repeat}
.honor .honor-banner .swiper-button-prev{background-image:url("../images/icon/arr_left.png");left:-1px}
.honor .honor-banner .swiper-button-next{background-image:url("../images/icon/arr_right.png");right:20px}

.depart > ul{float:left;margin-top:20px}
.depart > ul > li{width:86px;float:left;margin-right:16.6px;margin-bottom:18px}
.depart > ul > li > a > img{width:86px;height:86px;float:left;border-radius:50%}
.depart > ul > li > a > span{width:100%;display:block;float:left;text-align:center;margin-top:5px}