*{
	box-sizing:border-box;
}

@media screen and (max-width: 340px) {
	body{
		font-size: 12px;

	}
}

h1,h3,h4{
	font-weight: normal;
}

.header{
	display: block;
	position: relative;
    height:130px;
}
.container{
	display: block;
	width: 100%;
	max-width: 1130px;
	padding: 0 15px;
	margin: 0 auto;
}
.header .logo{
	display: block;
	float: left;
	padding: 35px 0 12px 0;
}

.header .logo span{
	display: none;
	font-size: 16px;
	color: #01378d;
}

@media screen and (max-width: 768px) {
	.header .logo{
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.header .logo img{
		height: 50px;
	}
}

@media screen and (max-width: 414px) {
	.header .logo img{
		display: none;
	}
}

@media screen and (max-width: 414px) {
	.header .logo span{
		display: block;
	}
}

.header .phone{
	display: block;
	float: right;
	width: 210px;
	height: 40px;
	padding-left: 46px;
	margin: 38px 0 12px 0;
	background: url(../images/phone-icon.png) no-repeat left bottom;
}

@media screen and (max-width: 1040px) {
	.header .phone{
		margin: 30px 0 20px 0;
	}
}

@media screen and (max-width: 768px) {
	.header .phone{
		display: none;
	}
}

.header .phone p{
	display: block;
	line-height: 1;
	font-size: 16px;
	color: #666;
}

.header .phone h4{
	display: block;
	line-height: 1;
	font-size: 24px;
	color: #01378d;
}

.header .header-r{
	display: block;
	float: right;
	margin-left: 30px;
}

@media screen and (max-width: 1040px) {
	.header .header-r{
		display: none;
	}
}

.header .header-r .action{
	display: block;
	text-align: right;
	color: #666;
	padding: 13px 17px;
	line-height: 1;
}

.header .header-r .action a{
	color: #666;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header .header-r .action a:hover{
	color: #01378d;
}

.header .header-r .search{
	display: block;
	width: 301px;
	height: 35px;
}

.header .header-r .search .input{
	display: block;
	float: left;
	width: 242px;
	height: 35px;
	padding: 6px 10px 6px 32px;
	line-height: 21px;
	border: 1px solid #01378d;
	outline: none;
	background: url(../images/search-icon.png) no-repeat left 9px center;
}

.header .header-r .search .submit{
	display: block;
	float: left;
	width: 59px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	background-color: #01378d;
	outline: none;
	border: none;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header .header-r .search .submit:hover{
	background-color: #002d74;
}

.nav-toggle{
	position: absolute;
	display: none;
	padding: 8px;
	background-color: #aaa;
	border-radius: 4px;
	border: none;
	outline: none;
	float: right;
	z-index: 10;
	top:50%;
	margin-top: -15px;
	right:15px;
	cursor: pointer;
}

@media screen and (max-width: 414px) {
	.nav-toggle{
		margin-top: -12px;
	}
}

.nav-toggle span{
	display: block;
	height: 2px;
	width: 20px;
	background-color: #fff;
	margin-bottom: 5px;
}

@media screen and (max-width: 414px) {
	.nav-toggle span{
		width: 12px;
		height: 1px;
		margin-bottom: 3px;
	}
}

.nav-toggle span:last-child{
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.nav-toggle{
		display: block;
	}
}

.nav{
	display: block;
	width: 100%;
	height: 46px;
	background-color: #01378d;
}

@media screen and (max-width: 1040px) {
	.nav .container{
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.nav{
		display: none;
		position: absolute;
		top:75px;
		z-index: 100;
		height: auto;
	}
}

@media screen and (max-width: 414px) {
	.nav{
		top:46px;
	}
}

.nav li{
	position: relative;
	display: block;
	float: left;
	width: 12.4%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	background: url(../images/nav-line.png) no-repeat right center;
	padding-right: 1px;
}

@media screen and (max-width: 1040px) {
	.nav li{
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.nav li{
		display: block;
		height: auto;
		width: 100%;
		padding-right: 0;
		background: none;
		line-height: 40px;
		border-bottom: 1px solid #5184d5;
	}
}

@media screen and (max-width: 414px) {
	.nav li{
		line-height: 36px;
	}
}

.nav li:last-child{
	background: none;
}

.nav li>a{
	display: block;
	color: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.nav li:hover>a,.nav li#active>a{
	background-color: #eb7e13;
	background: -webkit-linear-gradient(#fc8d21, #dd7109); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fc8d21, #dd7109); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fc8d21, #dd7109); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fc8d21, #dd7109); /* 标准的语法 */
}

@media screen and (max-width: 768px) {
	.nav li:hover>a{
		background: none;
	}
}

.nav li dl{
	display: none;
	position: absolute;
	width: 100%;
	background-color: #01378d;
	background-color: rgba(1,55,141,0.9);
	top:46px;
	z-index: 10;
	font-size: 12px;
	font-family: "Simsun";
}

@media screen and (max-width: 768px) {
	.nav li dl{
		padding: 5px 0;
		position: static;
		background-color: #fff;
	}
}

.nav li dl dd{
	display: block;
	height: 40px;
	line-height: 40px;
}

@media screen and (max-width: 768px) {
	.nav li dl dd{
		line-height: 30px;
		height: 30px;
	}
}

.nav li dl dd a{
	display: block;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
	.nav li dl dd a{
		color: #666;
	}
}

.nav li dl dd a:hover{
	background-color: #01378d;
}

@media screen and (max-width: 768px) {
	.nav li dl dd a:hover{
		color: #01378d;
		background: none;
	}
}

.banner{
	display: block;
	width: 100%;
}

.banner .swiper-container img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.banner .swiper-pagination{
	font-size: 0;
}

.banner .swiper-container .swiper-pagination-bullet{
	background-color: #fff;
	opacity: 1;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #01378d;
}

@media screen and (min-width: 768px) {
	.banner .swiper-container .swiper-pagination-bullet{
		width: 14px;
		height: 14px;
	}
	
}

@media screen and (max-width: 768px) {
	.swiper-button-prev,.swiper-button-next{
		display: none;
	}
}

.news{
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 55px;
	overflow: hidden;
	background:#f5f5f5 url(../images/news-icon.png) no-repeat left 20px center;
}

@media screen and (max-width: 414px) {
	.news{
		padding-left: 42px;
		background:#f5f5f5 url(../images/news-icon.png) no-repeat left 10px center;
	}
}

.news h3{
	position: relative;
	display: block;
	float: left;
	color: #bf0202;
	font-weight: bold;
	margin-left: -100%;
}

@media screen and (max-width: 414px) {
	.news h3{
		display: none;
	}
}

.news .news-group{
	display: block;
	float: left;
	width: 100%;
	padding: 0  172px 0 70px;
}

@media screen and (max-width: 768px) {
	.news .news-group{
		padding-right: 0;
	}
}

@media screen and (max-width: 414px) {
	.news .news-group{
		padding-left: 0;
	}
}

.news .news-group ul{
	height: 999px;
}

.news ul li{
	display: block;
	height: 50px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.news ul li a{
	
	color: #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.news ul li a:hover{
	color: #01378d;
}

.news .more{
	display: block;
	float: left;
	padding-right: 20px;
	margin-left: -172px;
	right:172px;
}

@media screen and (max-width: 768px) {
	.news .more{
		display: none;
	}
}

.news .more a{
	display: block;
	float: left;
	width: 66px;
	height: 24px;
	margin-left: 10px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	border-radius: 5px;
	font-size: 13px;
	margin-top: 13px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.news .more .yellow-bg{
	background-color: #e97c12;
}

.news .more .blue-bg{
	background-color: #01378d;
}

.news .more a:hover{
	opacity: 0.9;
}



.unified-header{
	display: block;
	height: 38px;
	padding: 0 10px;
	line-height: 36px;
	border: 1px solid #ededed;
	background: #f4f4f4;
	background: -webkit-linear-gradient(#fff, #f7f7f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #f7f7f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #f7f7f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #f7f7f7); /* 标准的语法 */
}

.unified-header span{
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin-top: 10px;
	border-radius: 50%;
	text-align: center;
	line-height: 19px;
	color: #fff;
	font-family: "Simsun";
	background-color: #01378d;
}

.unified-header h3{
	display: block;
	float: left;
	font-size: 18px;
	color: #333;
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.unified-header h3{
		font-size: 16px;
	}
}

.unified-header a{
	display: block;
	float: right;
	font-family: "Simsun";
	color: #333;
}

.unified-header a:hover{
	color: #01378d;
}

.product-body{
	display: block;
	margin-top: 1.8%;
	overflow: hidden;
}

.product-body ul{
	display: block;
	overflow: hidden;
	margin-right: -3.4%;
}

@media screen and (max-width: 1040px) {
	.product-body ul{
		margin-right: -2%;
	}
}

.product-body li{
	display: block;
	float: left;
	width: 21.6%;
	padding-bottom: 18px;
	margin-right: 3.4%;
	text-align: center;
	border: 1px solid #e4e3e3;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media screen and (max-width: 1040px) {
	.product-body li{
		width: 23%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
}

@media screen and (max-width: 640px) {
	.product-body li{
		width: 48%;
		margin-right: 2%;
		padding-bottom: 3%;
	}
}

.product-body li:hover{
	background-color: #01378d;
}

.product-body li .pic{
	display: block;
	background-color: #eaeaea;
	border-bottom: 1px solid #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.product-body li:hover .pic{
	background-color: #01378d;
}

.product-body li img{
	display: block;
	width: 100%;
	height: auto;
}

.product-body li h4{
	display: block;
	line-height: 1;
	margin-top: 22px;
	font-size: 16px;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

@media screen and (max-width: 414px) {
	.product-body li h4{
		font-size: 14px;
		margin-top: 10px;
	}
}

.product-body li h4 a{
	color: #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.product-body li:hover h4 a{
	color: #fff;
}



.product-body li p{
	display: block;
	padding: 13px 20px 0px 20px;
	line-height: 18px;
	color: #666;
	font-size: 13px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media screen and (max-width: 414px) {
	.product-body li p{
		display: none;
	}
}

.product-body li:hover p{
	color: #fff;
}

.about{
	display: block;
	margin-top: 2%;
}

.about-body{
	display: block;
	margin-top: 1.8%;
}

.about-body .pic-slider{ margin-top:15px; overflow:hidden; height:235px;
	display: block;
	width: 26.8%;
	float: left;
}

@media screen and (max-width: 1040px) {
	.about-body .pic-slider{
		width: 40%;
		margin-right: 20px;
	}
}

@media screen and (max-width: 414px) {
	.about-body .pic-slider{
		display: none;
	}
}

.pic-slider img{
	display: block;
	width: 100%; height:235px;
}

.pic-slider .swiper-pagination{
	text-align: right;
	padding-right: 5px;
	top:214px;
}

.pic-slider .swiper-pagination .swiper-pagination-bullet{
	width: 9px;
	height: 9px;
	background-color: #fff;
	opacity: 1;
}

.pic-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #e2750c;
}

.pic-slider .swiper-slide p{
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	bottom: 0;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	padding: 0 14px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.about-body .text{
	display: block;
	float: left;
	width: 49%;
	padding: 0 28px 0 24px;
	margin-top: 8px;
}

.about-body .text a{ color:#01378d;}
.about-body .text a:hover{ text-decoration:underline;}

@media screen and (max-width: 1040px) {
	.about-body .text{
		width: 100%;
		float: none;
		padding: 0;
	}
}

.about-body .text p{
	display: block;
	line-height: 25px;
	color: #333;
}

.about-body .video{
	display: block;
	float: right;
	width: 24.2%;
}

@media screen and (max-width: 1040px) {
	.about-body .video{
		display: none;
	}
}

@media screen and (max-width: 414px) {
	.about-body .video{
		display: block;
		width: 100%;
		margin-top: 2%;
		float: none;
	}
}

.about-body .video h4{
	display: block;
	text-align: center;
	line-height: 1;
	height: 38px;
	font-size: 22px;
	color: #01378d;
	background: url(../images/video-bg.jpg) no-repeat center bottom;
}
 
 .about-body .video h4 a{color: #01378d; }
@media screen and (max-width:414px) {
	.about-body .video h4{
		display: none;
	}
}

.about-body .video img{
	display: block;
	margin-top: 10px;
	width: 100%;
	height: auto;
}



.footer .menu{
	display: block;
	float: left;
	overflow: hidden;
}

@media screen and (max-width:1100px) {
	.footer .menu{
		float: none;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.footer .menu{
		display: none;
	}
}

.footer .menu .list{
	display: block;
	float: left;
	padding: 0 30px;
	border-left: 1px solid #a4a2a2;
	height: 200px;
}

@media screen and (max-width:1100px) {
	.footer .menu .list{
		width: 16.6%;
		padding: 0 10px;
		text-align: center;
	}
}

.footer .menu .list:first-child{
	border-left: none;
	padding-left: 0;
}

@media screen and (max-width:1100px) {
	.footer .menu .list:first-child{
		padding-left: 30px;
	}
}

.footer .menu .list h4{
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

.footer .menu .list li{
	display: block;
	line-height: 27px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.footer .menu .list li a{
	color: #fff;
}

.footer .info{
	display: block;
	float: right;
	width: 296px;
}

.footer .info a{ color:#dcdcdc;}
.footer .info a:hover{ text-decoration:underline;}

@media screen and (max-width:1100px) {
	.footer .info{
		width: 100%;
		float: none;
		margin-top: 20px;
		text-align: center;
	}
}

@media screen and (max-width:768px) {
	.footer .info{
		margin-top: 0;
	}
}

.footer .info p{
	display: block;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
}

.footer .info p:last-child{
	margin-top: 3%;
}

@media screen and (max-width:1100px) {
	.footer .info p:last-child{
		margin-top: 2%;
	}

}


.banner-inside{ height:280px;margin-bottom: 30px;}
.banner-insides{ display:none;}
.banner-insides img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.main{ 
	display: block;
	margin-top: 30px;
}



.main-r{
	display: block;
	float: left;
	width: 100%;
	padding-left: 274px;
}

.main-r .title{
	display: block;
	height: 49px;
	padding: 0 10px;
	line-height: 48px;
	border-radius: 4px;
	background: #f4f4f4;
	background: -webkit-linear-gradient(#f4f4f4, #fff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f4f4f4, #fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f4f4f4, #fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#f4f4f4, #fff); /* 标准的语法 */
    border-bottom: 1px solid #f1f1f1;
}

.main-r .title h3{
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	padding-left: 17px;
	background: url(../images/arrow.png) no-repeat left center;
}

.main-r .title .position{
	display: block;
	float: right;
	font-size: 12px;
	color: #666;
	font-family: "Microsoft Yahei";
}


.main-r .title .position a{
	color: #666;
}

.main-r .title .position a.current{
	color: #01378d;
}

.subnav{
	position: relative;
	display: block;
	float: left;
	width: 231px;
	margin-left:-100%;
	left:9px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.subnav-header{
	display: block;
	height: 76px;
	padding-top: 19px;
	text-align: center;
	background: #f4f4f4;
	background: -webkit-linear-gradient(#f8f8f8, #f0f0f0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f8f8f8, #f0f0f0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f8f8f8, #f0f0f0); /* Firefox 3.6 - 15 */
    background: linear-gradient(#f8f8f8, #f0f0f0); /* 标准的语法 */
    border-bottom: 1px solid #e1e1e1;
}

.subnav-header h3{
	display: block;
	line-height: 1;
	font-size: 22px;
	color: #01378d;
}

.subnav-header p{
	display: block;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 7px;
}

.subnav-body{
	display: block;
	margin-top: 12px;
}

.subnav-body li{
	display: block;
	height: 46px;
	line-height: 40px;
}

.subnav-body li a{
	display: block;
	padding-left: 57px;
	font-size: 14px;
	color: #333;
	padding-top: 6px;
}

.subnav-body li:hover a,.subnav-body li.active a{
	position: relative;
	background: url(../images/subnav-active.png) no-repeat left center;
	left:-9px;
	color: #fff;
}

.subnav-body li span{
	display: inline-block;
	float: right;
	margin-right: 22px;
	font-family: "Simsun";
	color: #333;
}

.subnav-body li:hover span,.subnav-body li.active span{
	color: #fff;
}

.subnav .contact-box{
	display: block;
	width: 214px;
	height: 83px;
	margin: 20px 0 18px 8px;
	background: url(../images/contact-bg.png) no-repeat center;
}

.subnav .contact-box .contact{
	display: block;
	height: 83px;
	padding-left: 70px;
	overflow: hidden;
	background: url(../images/contact-icon.png) no-repeat left 14px center;
}

.subnav .contact-box .contact p{
	display: block;
	line-height: 1;
	color: #a1a1a1;
	font-size: 12px;
	margin-top: 21px;
}

.subnav .contact-box .contact h4{
	display: block;
	font-size: 20px;
	color: #c50009;
	line-height: 1;
	margin-top: 10px;
	font-weight: bold;
}

.about-us{
	display: block;
	margin-top: 25px;
	line-height: 24px;
	color: #333;
}

@media screen and (max-width: 768px) {
	.about-us{
		margin-top: 2%;
	}
}

.about-us .img{
	display: block;
	float: left;
	margin-right: 20px;
}

@media screen and (max-width: 600px) {
	.about-us .img{
		float: none;
		width: 100%;
		margin-right: 0;
	}
}

.about-us  img{
	max-width: 100%;
}

@media screen and (max-width: 600px) {
	.about-us .text{
		margin-top: 3%;
	}
}

.about-us p{
	display: block;
	margin-bottom: 10px;
}

.problems{
	display: block;
	margin-top: 10px;
}

.problems li{
	display: block;
	height: 51px;
	line-height: 50px;
	border-bottom: 1px dashed #ccc;
}

.problems li a{
	display: inline-block;
	float: left;
	max-width: 70%;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.problems li a:hover{
	color: #01378d;
}

.problems li a i{
	display: block;
	float: left;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #01378d;
	margin: 18px 22px 0 0;
}

@media screen and (max-width: 600px) {
	.problems li a i{
		margin-right: 8px;
	}
}

.problems li span{
	display: block;
	float: right;
	color: #888;
	width: 30%;
	text-align: right;
}


.news-center {
	display: block;
}

.news-center li{
	display: block;
	overflow: hidden;
	padding: 24px 0;
	border-bottom: 1px dashed #ccc;
}

@media screen and (max-width: 640px) {
	.news-center li{
		padding: 14px 0;
	}
}

.news-center li .pic{
	display: block;
	float: left;
	margin-right: 17px;
}

.news-center li .pic img{
	display: block;
	width: 120px;
	height: 76px;
}

@media screen and (max-width: 640px) {
	.news-center li .pic img{
		width: 84px;
		height: auto;
	}
}

.news-center li .content{
	display: block;
	overflow: hidden;
}

.news-center li .content .tit{
	display: block;
	height: 30px;
	line-height: 30px;
}

@media screen and (max-width: 640px) {
	.news-center li .content .tit{
		height: auto;
		line-height: 1;
	}
}


.news-center li .content .tit h4{
	display: block;
	float: left;
	font-size: 14px;
	max-width: 70%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

@media screen and (max-width: 640px) {
	.news-center li .content .tit h4{
		float: none;
		width: 100%;
		max-width: 100%;
	}
}

.news-center li .content .tit a{
	color: #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.news-center li .content .tit a:hover{
	color: #01378d;
}

.news-center li .content .tit span{
	display: block;
	float: right;
	color: #777;
	width: 30%;
	text-align: right;
}

@media screen and (max-width: 640px) {
	.news-center li .content .tit span{
		float: none;
		width: 100%;
		line-height: 1;
		text-align: left;
		margin-top: 6px;
	}
}

.news-center li .content p{
	display: block;
	line-height: 20px;
	color: #666;
	font-size: 13px;
	margin-top: 4px;
}

@media screen and (max-width: 640px) {
	.news-center li .content p{
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
}

.artical-header{
	padding: 20px 0 16px 0;
	text-align: center;
	border-bottom: 1px dashed #ccc;
}
.artical-header h1{
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.artical-header p{
	display: block;
	margin-top: 6px;
	color: #666;
	font-size: 13px;
}

.artical-header p span{
	display: inline-block;
}

.artical-body{
	display: block;
	padding: 10px 0;
	line-height: 1.6;
	color: #333;
}

.artical-body p{ margin:1em 0;}
.artical-body img { max-width:100%;}

.artical-footer{
	display: block;
	padding: 20px 0;
	overflow: hidden;
	border-top: 1px dashed #ccc;
}

.artical-footer .choose-artical{
	display: block;
	float: left;
	width: 60%;
}

@media screen and (max-width: 992px) {
	.artical-footer .choose-artical{
		float: none;
		width: 100%;
	}
}

.artical-footer .choose-artical a{
	display: inline-block;
	line-height: 26px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.artical-footer .choose-artical a:hover{
	color: #002fa4;
}

.artical-footer .share{
	display: block;
	float: right;
	padding-top: 20px;
}

@media screen and (max-width: 992px) {
	.artical-footer .share{
		float: none;
		width: 100%;
		padding-top: 10px;
	}
}

.artical-footer .share .jiathis_style .jiathis_counter.jiathis_bubble_style{
	width: 36px !important;
}

.product-show {
	display: block;
	margin-top: 30px;
}

@media screen and (max-width:768px) {
	.product-show {
		margin-top: 3%;
	}
}

.product-center .product-show{
	display: block;
	background-color: #f8f8f8;
}

.product-center .product-show img{
	display: block;
	width: 100%;
	height: auto;
}

.product-center .table-wrap{
	display: block;color: #333; line-height:1.6;
	width: 100%;
	overflow-x: auto;
	margin-top: 10px;
}
.product-center .table-wrap p{ margin:1em 0;}

.product-center .table-wrap img{ max-width:100%;}

@media screen and (max-width:768px) {
	.product-center .table-wrap{
		margin-top: 10px;
	}
}

.product-center .table-wrap table{
	display: table;
	width: 100%;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
}

@media screen and (max-width:768px) {
	.product-center .table-wrap table{
		width: 768px;
	}
}

.product-center .table-wrap table td{
	border: 1px solid #ccc;
	border-width: 0px 0px 1px 1px;
	color: #333;
	text-align: center;
}

.product-center .table-wrap table thead td{
	font-size: 14px;
	font-weight: bold;
	padding: 20px 8px;
}

.product-center .table-wrap table tbody td{
	font-size: 13px;
	padding: 8px;
}


#main{width:96%; margin:10px 0 0 4%; overflow:hidden;}

#main ul{*overflow:hidden;_height:1%;}

#main ul li{border:1px solid #CCC;border-bottom:2px solid #CCC;border-top:1px solid #DBDBDB;float:left;display:inline;list-style:none;margin:10px 0;background:#FFF;width:31%;}
#main ul li.hover{border:1px solid #01378d;border-bottom:2px solid #01378d;}
#main ul li img{width:100%;display:block;}
#main ul li img.hover{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;}
#main ul li h3,#main ul li p{padding:0 10px 0 10px;font-weight:normal;}
#main ul li p{background:#F3F0FF;line-height:30px; font-size:14px; text-align:center; color:#333333;}

.img_block{position:relative;padding:7px;}







	
@media screen and (max-width: 1100px) {
#main{width:93%; margin:5% 0 0 7%; overflow:hidden;}
#main ul li{ display:block; margin:0 auto 3% auto; width:92%;}	
#main ul li img{ width:100%;}
	}	
#pcban {height:462px;}
#pcban .swiper-slide a{ height:462px; display:block;}

#wapban{ display:none;}
.videos{ overflow:hidden; margin-top:20px;}
.videos iframe { height:450px; width:100%;}

@media screen and (max-width: 768px) {
.videos iframe { height:350px; width:100%;}
#pcban{ display:none; }
#wapban{ display: block;}

	}

@media screen and (max-width: 640px) {
	.videos iframe { height:300px; width:100%;}

	}

.pagenation{ overflow:hidden; text-align:center;line-height:24px; padding:10px 0 40px 0; margin:30px 20px 0 20px;}

.pagenation .a1{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #ccc;border-radius:5px;}

.pagenation a{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #cdcdcd; background-color:#ffffff;border-radius:5px;}

.pagenation span{ font-size:14px;padding:6px 12px;color:#ffffff;border:1px solid #01378d; background-color:#01378d;border-radius:5px;}

.pagenation a:hover{color:#fff;background:#01378d;border:1px solid #01378d;} 

/* 新加*/

.container-full{
	display: block;
	width: 100%;
}

*{
	-moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
    -webkit-tap-highlight-color:transparent;
}


.container{
	display: block;
	width: 100%;
	max-width: 1230px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}

.footer{
	font-family:Microsoft YaHei;
	display: block;
	width: 100%;
	padding-top: 3%;
	background-color: #525252;
}

.footer .box-l{
	display: block;
	float: left;
	width: 610px;
}

@media screen and (max-width: 1230px) {
	.footer .box-l{
		width: 100%;
		float: none;
	}
}

.footer .box-l .contact-way{
	display: block;
	overflow: hidden;
}

.footer .box-l .ewm{
	display: block;
	float: left;
}

.footer .box-l .ewm img{
	display: block;
	float: left;
	width: 124px;
	height: 124px;
	margin-right: 8px;
}

.footer .box-l .contact-way .info{
	display: block;
	float: left;
	margin-left: 7px;
}

@media screen and (max-width: 640px) {
	.footer .box-l .contact-way .info{
		margin-top: 6%;
	}
}

.footer .box-l .contact-way .info h2{
	display: block;
	padding-left: 8px;
	border-left: 1px solid #38b549;
	font-size: 16px;
	line-height: 1;
	color: #fff;
}

.footer .box-l .contact-way .info ul{
	display: block;
	margin-top: 16px;
}

@media screen and (max-width: 640px) {
	.footer .box-l .contact-way .info ul{
		margin-top: 2%;
	}
}

.footer .box-l .contact-way .info ul li{
	display: block;
	height: 33px;
	line-height: 33px;
	color: #b9b9b9;
}

.footer .box-l .contact-way .info ul li span{
	display: block;
	float: left;
	margin: 9px 10px 0 0;
}

.footer .box-l .contact-way .info ul li i{
	display: block;
}

.footer .box-l .phone{
	display: block;
	height: 39px;
	line-height: 39px;
	margin-top: 15px;
	font-size: 20px;
	color: #38b549;
}


@media screen and (max-width: 640px) {
	.footer .box-l .phone{
		display: none;
	}
}

.footer .box-l .phone i{
	display: block;
	float: left;
	margin: 0 10px 0 14px;
}

.footer .box-r{
	display: block;
	float: right;
	width: 550px;
}

@media screen and (max-width: 1230px) {
	.footer .box-r{
		width: 100%;
		float: none;
		margin-top: 4%;
	}
}

@media screen and (max-width: 768px) {
	.footer .box-r{
		display: none;
	}
}

.footer .box-r .mune{
	display: block;
	overflow: hidden;
	clear: both;
}

.footer .box-r .mune .list{
	display: block;
	padding: 0 45px;
	height: 210px;
	float: left;
	border-left: 1px solid #b9b9b9;
}

.footer .box-r .mune .list:first-child{
	padding-left: 0;
	border-left: 0;
}

.footer .box-r .mune .list:last-child{
	padding-right: 0;
}

.footer .box-r .mune .list h4{
	display: block;
	color: #fff;
	font-size: 16px;
}

.footer .box-r .mune .list ul{
	display: block;
	margin-top: 10px;
}

.footer .box-r .mune .list ul li{
	display: block;
	height: 28px;
	line-height: 28px;
}

.footer .box-r .mune .list ul li a{
	color: #b9b9b9;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
}

.footer .box-r .mune .list ul li a:hover{
	color: #fff;
}

.footer .box-r .frend-link{
	display: block;
	margin-top: 24px;
	overflow: hidden;
	clear: both;
}

.footer .box-r .frend-link h4{
	display: block;
	float: left;
	font-size: 18px;
	color: #38b549;
	font-weight: bold;
}

.footer .box-r .frend-link ul{
	display: block;
	float: left;
}

.footer .box-r .frend-link ul li{
	display: block;
	width: 109px;
	height: 47px;
	float: left;
	margin-left: 6px;
}

.footer .web-info{
	display: block;
	height: 60px;
	line-height: 60px;
	margin-top: 34px;
	color: #e4e4e4;
	background-color: #393939;
}

.footer .web-info a{color: #e4e4e4;}
.footer .web-info a:hover{ text-decoration:underline;}

@media screen and (max-width: 768px) {
	.footer .web-info{
		margin-top: 2%;
	}
}

@media screen and (max-width: 640px) {
	.footer .web-info{
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
}

@media screen and (max-width: 640px) {

	.footer .web-info .l{
		width: 100%;
		float: none;
	}

	.footer .web-info .r{
		display: none;
	}

	.footer .web-info span{
		display: none;
	}
}


.go-top{
	display: none;
	position: fixed;
	bottom: 50px;
	right:20px;
	width: 50px;
	height: 50px;
	z-index: 9999;
	cursor: pointer;
	background: rgba(0,0,0,0.6) url(../images/go-top.png) no-repeat center;
	transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

@media screen and (max-width: 768px) {
	.go-top{
		width: 30px;
		height: 30px;
		right:15px;
		bottom:30px;
		-webkit-background-size: auto 10px;
		background-size: auto 10px;
	}
}

.go-top:hover{
	background-color: #38b549;
}

/*图标*/
.search-icon{background:url(../images/allbgs.png) no-repeat 0px 0px;width:14px;padding-top:16px;}
.wz-icon{background:url(../images/allbgs.png) no-repeat -14px 0px;width:16px;padding-top:17px;}
.addr-icon{background:url(../images/allbgs.png) no-repeat -30px 0px;width:20px;padding-top:17px;}
.phone-icon-s{background:url(../images/allbgs.png) no-repeat -50px 0px;width:17px;padding-top:18px;}
.next-icon{background:url(../images/allbgs.png) no-repeat -67px 0px;width:51px;padding-top:37px;}
.prev-icon{background:url(../images/allbgs.png) no-repeat -219px 0px;width:50px;padding-top:37px;}
.phone-icon{background:url(../images/allbgs.png) no-repeat -269px 0px;width:40px;padding-top:40px;}
.project-arrow{background:url(../images/allbgs.png) no-repeat -309px 0px;width:40px;padding-top:41px;}


/*首页产品展示*/
.product{overflow: hidden;padding: 0px 0px;background-color: #f5f5f5;height: 420px;}
.title h4{padding:28px 0; font-size:22px; text-align:center; background:url(../images/cpSpan03Tit.png) no-repeat center;text-transform:uppercase;color:#013C87; }
.product_c{width: 1100px;overflow: hidden;margin: auto;}
.p_prev,.p_next{width: 18px;height: 30px;display: block;margin-top: 120px;}
.p_prev{background: url(../images/p_prev.png) no-repeat;float: left;}
.p_next{background: url(../images/p_next.png) no-repeat;float: right;}

.product_u{overflow: hidden;padding-top: 10px;width: 1060px;height:280px;position: relative;float: left;}
.product_u li{width: 270px;float: left;padding-right:20px;}
.product_u li .product_k{width: 260px;overflow: hidden;text-align: center;}
.product_k a{display: block;}
.product_k .p_img{width:260px;height: 220px;margin: auto;text-align: center;-webkit-transition: all 0.5s ease-in-out 0s;}
.p_img img{height: 220px;width:260px;border:#ddd 1px solid;}
.product_k h1{font-size: 14px;color: #333;padding: 27px 0px 16px 0px;cursor: pointer;}
.p_line{width: 60px;height: 2px;background: #b4b4b4;margin: auto;}
.product_k p{color: #555;line-height: 18px;padding-top: 18px;cursor: pointer;font-size:14px;height:38px;overflow:hidden}
.product_u li:hover .product_k h1{color: #ee8116;}



.in_case{background:#e7e7e7; padding:40px 0;}
.in_case h4{text-align:center; font-weight:normal; color:#333; line-height:40px;}
.in_case .case_scroll{padding-top:30px; width:1100px; overflow;text-align:center;}
.in_case .case_scroll li{ float:left; width:242px; overflow:hidden; display:inline; margin-right:20px; text-align:center}
.in_case .case_scroll li img{ width:230px; height:166px; border:6px solid #fff}
.in_case .case_scroll li a.dask{display:block; text-align:center; line-height:40px; font-size:14px;color:#333;}
.width_c{ width:1100px; padding:0px; margin:0px auto;text-align:center;}


.cplb .liebiao{width: 260px;float:left;margin-right: 65px;}
.cplb li .cplb-cptp{width: 258px;height: 218px;border: 2px solid #f6f6f6;  float: center; margin-top: 30px;}
.cplb-cptp img{width:258px;height:218px;}
.cplb li:hover a.cplb-cptp{color:#525252;font-weight: bold;}
.cplb li:hover .cplb-cptp{border: 2px solid #525252;font-weight: bold;}
/*.cplb-cpsm{width:260px;font-size:14px;color:#263e58;height:240px;}*/
.cplb li p{font-size:14px;color:#333333;padding-top:10px;text-align:center;}
.cplb .liebiao2{width: 260px;float:left;margin-left: 0px;}


.subnavs{
	position: relative;
	display: block;
	float: left;
	width: 252px;
	margin-left:-100%;
	left:9px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.subnavs-header{
	display: block;
	height: 76px;
	padding-top: 19px;
	text-align: center;
	background: #f4f4f4;
	background: -webkit-linear-gradient(#f8f8f8, #f0f0f0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f8f8f8, #f0f0f0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f8f8f8, #f0f0f0); /* Firefox 3.6 - 15 */
    background: linear-gradient(#f8f8f8, #f0f0f0); /* 标准的语法 */
    border-bottom: 1px solid #e1e1e1;
}

.subnavs-header h3{
	display: block;
	line-height: 1;
	font-size: 22px;
	color: #01378d;
}

.subnavs-header p{
	display: block;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 7px;
}

.subnavs-body{
	display: block;
	margin-top: 12px;
}

.subnavs-body li{
	display: block;
	height: 46px;
	line-height: 40px;
}

.subnavs-body li a{
	display: block;
	padding-left: 11px;
	font-size: 13px;
	color: #333;
	padding-top: 6px;
}

.subnavs-body li:hover a,.subnavs-body li.active a{
	position: relative;
	background: url(../images/subnav-active2.png) no-repeat left center;
	left:-9px;
	color: #fff;
}

.subnavs-body li span{
	display: inline-block;
	float: right;
	margin-right: 22px;
	font-family: "Simsun";
	color: #333;
}

.subnavs-body li:hover span,.subnavs-body li.active span{
	color: #fff;
}

.subnavs .contact-box{
	display: block;
	width: 214px;
	height: 83px;
	margin: 20px 0 18px 8px;
	background: url(../images/contact-bg.png) no-repeat center;
}

.subnavs .contact-box .contact{
	display: block;
	height: 83px;
	padding-left: 70px;
	overflow: hidden;
	background: url(../images/contact-icon.png) no-repeat left 14px center;
}

.subnavs .contact-box .contact p{
	display: block;
	line-height: 1;
	color: #a1a1a1;
	font-size: 12px;
	margin-top: 21px;
}

.subnavs .contact-box .contact h4{
	display: block;
	font-size: 20px;
	color: #c50009;
	line-height: 1;
	margin-top: 10px;
	font-weight: bold;
}

.news_list{ width:332px;}
.news_list li { margin-top: 10px;border-bottom:1px dotted #526866;text-align:left; font-size:14px;}
.news_list li a{ width:332px; height:25px; color:#333; line-height:25px; display:block; background:url(/Images/news_list.png) no-repeat; padding-left:15px; position:relative;}
.news_list li a:hover{ background-position:0px -25px; color:#333;background:url(/Images/news_list.png) no-repeat;}
.news_list li a span{ display:block; position:absolute; top:0px; right:0px; font-size:10px;}