#swiper-container .swiper-pagination-bullet {

    width: 12px ;

    height: 12px ;

    display: inline-block ;

    opacity: 1;

    border: 3px solid #fff;

    border-radius: 12px;

    background:none ;

    margin: 0 6px;

}

#swiper-container .swiper-pagination-bullet-active{

    border: 3px solid #e70012;

}

/*  index common */

.title{text-align: center;margin-bottom: 56px;}

.title h2{font-size:36px;}

.title p{font-size: 24px;font-family: Arial;}

.red-title{background:url("../img/titlebg-grey.png")no-repeat 50% 50%;}

.red-title h2{color:#e70012;}

.red-title p{color: #333;}

.white-title{color: #fff;background: url("../img/titlebg-white.png")no-repeat 50% 50%;margin-bottom: 36px;}

.read-more{

    display:inline-block;

    width:124px;

    height:38px;

    font-size: 14px;

    color: #fff;

    background: #e70012;

    text-align: center;

    line-height: 40px;

    border: 1px solid #e70012;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

}

.read-more:hover{background: #fff;color: #e70012;}



/* 首页导航 */

.nav{border-bottom: 1px solid #ccc;background: #fff;height: 54px;}

.nav ul{width: 1200px;margin: 0 auto;overflow: hidden;}

.nav li{float: left;line-height: 54px;}

.nav li a{display: inline-block;padding: 0 53px;line-height:20px;font-size: 14px;color: #333;border-right:1px dashed #b3b3b3;}

.nav li a:hover,.nav .cur a{color: #e70012;}

.nav .first a{padding-left: 0;}

.nav .last a{padding-right: 0;border: none;}



.search{margin-top: 26px;}

.search form{overflow: hidden}

.search-bar{float:right;width: 185px;height: 35px;color:#666;background: url("../img/search-bar.jpg")no-repeat;border: none;text-indent: 2em}

.search-btn{float:right;width:41px;height: 34px;background: url("../img/search.jpg")no-repeat;border: none;}

.intro-box{overflow: hidden;margin-top:60px;}

.intro-box h1{padding:0 0 24px 20px;margin-bottom:36px;font-size: 36px;background: url("../img/titlebg_red.png")no-repeat left bottom;}

.intro-box .text{width: 550px;float: left}

.intro-box p{line-height: 30px;color: #333;font-size: 14px;text-align: justify;text-indent:2em;}

.intro-box .img-box{width: 442px;height: 435px;overflow: hidden;float: right;margin-top:28px;padding: 0 0 8px 8px;background: url("../img/index-imgbg.png")no-repeat left bottom;}

.intro-box img{float: right;margin-top:28px;}

.intro-box .read-more{margin-top:46px;}



.banner img{display: block;max-width: 100%;}

.mid-bann{margin-top: 87px;position: relative;}

.mid-bann img{display: block;max-width: 100%;}

.mid-bann p{padding:0 6px;background:rgba(0,0,0,0.2);color:#fff;line-height: 24px;position: absolute;top:70%;left: 27.5%;font-size: 14px;}

.mid-bann span{display: inline-block;margin: 0 21px;}



.products{background: #f7f7f7;padding: 72px 0 74px;text-align: center}

.classify li{margin:0 10px 10px 0;float: left;background: #e6e6e6;text-align: center;}

.classify li a{

	color: #333;

	font-size: 14px;

	display: inline-block;

	width: 180px;

	height: 40px;

	line-height: 40px;

	  transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -webkit-transition:all 0.2s ease;

    -o-transition:all 0.2s ease;

}

.classify li a:hover,.classify .active a{color: #fff;background:#e70012;}

.classify .first{margin-left: 94px;}

.product-list{margin: 72px 0 79px;overflow: hidden;}

.product-list li{

	float: left;

	width: 288px;

	height: 298px;

	margin-right: 13px;

	margin-bottom:10px;

	border: 1px solid #fff;

	background: #fff;

	text-align: center;

	  transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

}

.product-list li a{font-size:14px;color: #666;display: block;}

.product-list li:hover{border: 1px solid #e70012;}

.product-list li a:hover{color:#e70012; }



.news{background: url("../img/news_bg.jpg")no-repeat;text-align: center;padding-top: 58px;padding-bottom: 85px;}

.news-nav{overflow: hidden;display: inline-block;margin-bottom: 42px;}

.news-nav li{float: left;line-height: 40px; text-align: center;margin: 0 5px;}

.news-nav li a{display:inline-block;width: 134px;height: 40px;background: #ccc;color: #333;font-size: 14px;transition: all 0.2s ease; }

.news-nav li a:hover,.news-nav .cur a{background: #e70012;color: #fff; }

.news-content{overflow: hidden;margin-top: 10px;}

.top-news{width: 349px;float: left}

.top-news img{display: block;}

.new-text{padding: 15px 20px 16px;background: #fff;text-align: left;overflow: hidden}

.new-text h4{padding-bottom:10px;background: url("../img/red-line.png")no-repeat left bottom;font-size: 16px;color: #333;min-height: 45px;}

.new-text p{font-size:14px;color: #666;line-height: 24px;margin-top: 18px;margin-bottom:20px;text-align: justify;}

.into-btn{display: inline-block;width: 24px;height: 24px;float: right;background: url("../img/news-more.jpg")no-repeat;}

.news-box{padding: 27px 40px;background:#fff;float: right; width: 720px;height: 420px;}

.news-list li{width:680px;padding: 15px 0 12px 40px;text-align: left;background: url("../img/list-disc-red.png")no-repeat 10px 24px;border-bottom: 1px dashed #ccc;}

.news-list li span{display: inline-block;float: right;font-family: Arial;margin-right: 10px;}

.news-list li a{color:#333;display:block;font-size: 16px;}

.news-list li:hover a{color:#e70012 }

.news-box .read-more{float: right;margin-top: 36px;}



.cooperate{padding: 97px 0 140px;text-align: center}

.cooperate ul{overflow: hidden;padding:6px;}

.cooperate li{float: left;width: 180px;height: 90px;border: 4px solid #e6e6e6;margin: 0 12px 12px 0;text-align: center;}

.cooperate li a{cursor: default;}

.cooperate .read-more{margin-top: 68px;}

.cooperate li img{

	opacity: 0.8; 

	  transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;



}

.cooperate li:hover img{opacity: 1;}

.cooperate li:hover{box-shadow: 0px 0px 10px #666;}