﻿@charset "utf-8";

/* CSS Document */


.container{width: 1200px;margin: 0 auto;}
.logo{width: 146px;float: left;padding-top: 10px;}
.tel{width: 200px;padding-top: 14px;font-size: 12px;color: #999;}
.tel-top{width: 200px;}
.tel-top img{padding-top: 4px;}
.tel-text{padding-top: 10px;font-size: 26px;color: #0081CC;float: right;}
.tel-img{padding-top: 10px; text-align:right;}



.banner{height: 650px;width: 100%;/*background: url(../img/banner.jpg) no-repeat center;*/}


.main{width:1200px;margin: 0 auto;}
.title{font-size: 40px;text-align: center;padding-bottom: 20px;}
.line{width: 68px;height: 4px;margin: 0 auto;background: #0081CC;margin-bottom: 60px;}
.product-main{width:1200px;}
.product-main ul{width:1260px;overflow: hidden;}
.product-main ul li{width: 582px;float:left ;margin-right: 36px;}
.product-main ul li:hover{ background-color:#0081cc; color:#fff;}
.product-main ul li a:hover{color:#fff;}
.small-title{font-size: 20px;padding: 20px 10px 10px 10px;}
.product-main p{line-height: 24px; padding:0px 10px;}
.case-main ul{width:1260px;overflow: hidden;padding-left: 2px;height: 316px;}
.case-main ul li{width: 380px;float:left ;margin-right: 30px;}
.case-text{padding: 0 10px 20px;-moz-box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5; -webkit-box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5; box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5;}
.case-main .small-title:hover{color: #fff; cursor:pointer;}
.case-main ul li:hover{background: #0081CC;color: #fff; cursor:pointer;}
.case-main ul li a:hover{color: #fff; cursor:pointer;}
.case-main ul li a .case-text:hover{background: #0081CC;color: #fff;}
.case-line{width: 380px;height: 3px;background: #0081CC;}
.center-content{width: 100%;height: 835px;background:url(../img/center-bg.png) no-repeat center ;margin-top: 0px;padding-top: 200px;}
.center-main ul{width:1260px;overflow: hidden;}
.center-main ul li{width:270px;height: 370px;background:#FFFFFF;float:left ;margin-right: 40px;text-align: center;}
.center-main ul li img{display:block;width:130px;margin:30px auto 40px;}
.center-main ul li p{font-size: 20px;}
.case-btn{width:142px;height: 44px;line-height: 44px;color: #999;border:1px solid #ccc;border-radius: 4px;margin:30px auto;font-size: 16px;}
.center-main ul li a:hover{color: #333;}
.case-btn:hover{color: #FFFFFF;background:#0081CC ;border:1px solid #0081CC;}




.second-banner{width:100%;height:204px;background: url(../img/banner-about.jpg) no-repeat center;}
.contact-banner{background: url(../img/banner-contact.jpg) no-repeat center;}
.product-banner{background: url(../img/banner-product.jpg) no-repeat center;}
.news-banner{background: url(../img/banner-news.jpg) no-repeat center;}
.business-banner{background: url(../img/banner-business.jpg) no-repeat center;}
.recruit-banner{background: url(../img/banner-recruit.jpg) no-repeat center;}
.second-container{width: 1200px;margin: 40px auto 0;background: url(../img/second-bd.jpg) no-repeat repeat;
-moz-box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5; 
-webkit-box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5; 
box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5;}
.left{width: 218px;float: left;}
.second-title{width: 218px;height: 70px;line-height: 70px;text-align: center;color: #FFFFFF;background: #0a96e8;font-size: 24px;}
.left ul li{height: 48px;cursor: pointer;font-size: 16px;text-align: center;line-height: 48px;margin-bottom: 20px;}
.left ul .current{border-left: 3px solid #0081CC;background: #FFFFFF;color: #0081CC;}
.left ul li:hover{border-left: 3px solid #0081CC;background: #FFFFFF;color: #0081CC;}
.right{width: 922px;float: left;padding-left: 30px;padding-right: 30px;}
.second-top{height: 70px;border-bottom: 1px solid #DDDDDD;line-height: 70px;}
.top-title{float: left;font-size: 24px;color: #0081CC;width: 200px;}
.title-line{width: 6px;height: 24px;float: left;background: #0081CC;margin-right: 10px;margin-top: 22px;}
.rt-way{width: 600px;float: right;}
.rt-waymain{float: right;}
.second-content{padding-top: 30px;padding-bottom: 30px;}
.second-content p{padding-bottom: 20px;text-indent: 2em;}
/*.second-content img{width: 744px;display:block;margin: 0 auto;}*/
.num{background:#0081CC ;color: #FFFFFF;padding: 2px 6px;margin-right: 8px;font-size: 12px;}
.recruit-content{padding-bottom: 30px;}



.float{position: fixed;right: 0;top: 36%;}
.float ul{border: 4px solid #0081CC;background: #fff;margin: 10px 0;}
.float ul li{padding:10px;margin: 10px;border-bottom: 1px solid #DDDDDD;text-align: center;}


.contact-container{width: 1200px;margin: 40px auto 40px;
-moz-box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5; 
-webkit-box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5; 
box-shadow:-2px 0px 5px #f5f5f5,0px 0px 0px #f5f5f5,2px 0px 5px #f5f5f5,0px 2px 0px #f5f5f5;}
.contact-main{padding-left: 30px;padding-right: 30px;}
.contact-top{margin-top: 40px;padding-bottom: 40px;}
.contact-lf{width: 320px;float: left;padding:30px 50px 0 30px;border-right: 1px solid #DDDDDD;}
.contact-mid{width: 310px;float: left;padding:0px 50px 0 50px;border-right: 1px solid #DDDDDD;}
.contact-mid ul li{padding-bottom: 6px;}
.contact-rt{width: 278px;float: left;padding:0px 0px 0 50px;}
.contact-rt p{padding-top: 44px;width: 60px;float: left;padding-right: 50px;padding-left:20px;text-align: center;color: #999999;}
.contact-rt img{width: 146px;float: left;}




.news-list ul li{padding-bottom: 30px; border-bottom: 1px dotted #ddd; margin-bottom: 16px;}
.news-list ul li .news-date{width:58px ; float: left; text-align: center;color: #ddd;}
.news-day{font-size: 50px;}
.news-list a{display: block;width: 834px; float: right;}
.news-title{font-size: 16px; padding: 12px 0;}
.news-text{
	color: #999;
	line-height: 20px;
	overflow : hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	}


.Ntop{padding-bottom: 30px;border-bottom: 1px dotted #DDDDDD;margin-bottom: 30px;}
.Ntop-title{font-size: 20px;text-align: center;padding-bottom: 20px;}
.Ndate{color: #999999;text-align: center;}


.product-s-title{padding-left: 20px;font-weight: bold;color: #0081CC;padding-bottom: 30px;font-size: 24px;}


.service-tel{padding-top: 40px; padding-left: 30px;}
.service-text{width: 750px;float: left;padding-left: 20px;line-height: 24px;}
.service-title{padding-bottom: 20px;padding-top: 10px;font-size: 20px;color: #0081CC;font-weight: bold;}



.logistics-img img{padding-right: 8px;}


.business-tel{width: 426px;padding-left: 20px;float: left;border-right: 1px solid #EEEEEE;}
.business-tel-text{width: 190px;float: left;padding-left: 30px;}
.business-tel-content{padding-top: 20px;color: #0081CC;font-size: 24px;}



.recruit-title{color: #ff1542;font-size: 20px;padding-bottom: 30px;font-weight: bold;}
.recruit-content{width: 440px;padding-left: 30px;float: left;}
.recruit-content ul li{padding-bottom: 24px;overflow: hidden;}
.recruit-content ul li img{padding-right: 10px;padding-top: 4px;}
.recruit-content ul li .recruit-text{width: 420px;float: left;}



/*.recruit-main{width:900px;margin: 0 auto;position: relative;}*/
.recruit-main ul{width:900px;margin: 0 auto;position: relative;}
.recruit-main ul li{padding-bottom: 160px;}
.recruit-bg{width: 350px;height:364px;background:#0a96e8;position: absolute;left: 0;padding-left: 28px;padding-right: 72px; color: #FFFFFF;line-height: 24px;}
.recruit-bm{width: 450px;height:364px;background:url(../img/recruit.jpg) no-repeat;position: absolute;right: 0;}
.recruit-bg2{width: 350px;height:364px;background:#0a96e8;position: absolute;right: 0;padding-left: 72px;padding-right: 28px; color: #FFFFFF;line-height: 24px;}
.recruit-bm2{width: 450px;height:364px;background:url(../img/recruit.jpg) no-repeat;position: absolute;left: 0;}
.qualification{width: 480px;height:254px;background:#FFFFFF;position: relative;left: 399px;top: 60px;padding-left: 20px;}
.qualification2{width: 480px;height:254px;background:#FFFFFF;position: relative;left: 1px;top: 60px;padding-left: 20px;}
.recruit-big-title{font-size: 22px;padding-bottom: 20px;}
.duty{padding-bottom: 20px;}
.qualification-text{padding-bottom: 20px;}