*{

	box-sizing:border-box;

}
body{ background:#ffffff;}


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

	body{

		font-size: 12px;

	}

}



h1,h3,h4{

	font-weight: normal;

}



.header{

	display: block;

	position: relative;

}



.container{

	display: block;

	width: 100%;

	max-width: 1130px;

	padding: 0 15px;

	margin: 0 auto;

}



.header .logo{

	display: block;

	float: left;

	padding: 25px 0 12px 0;

}

.header .logo img{ height: 45px; }

.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(../imgs/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: 20px;

}



@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(../imgs/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(../imgs/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(../imgs/news-icon.png) no-repeat left 20px center;

}



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

	.news{

		padding-left: 42px;

		background:#f5f5f5 url(../imgs/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;

}



.product{

	display: block;

	margin-top: 2%;

}



.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;

}



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

	.product-body ul{

		margin-right: -2%;

	}

}


.product-body li{

	display: block;

	float: left;

	width: 23%; margin:1%; 

	padding-bottom: 18px;

	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%;

	}

    .product-margin li{ margin:0 1%;}

}



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

	.product-body li{

		width: 48%;

	}

    .product-margin li{ margin:0 1%;}



}



.product-body li:hover{

	background-color: #01378d;

}



.product-body li .pic{

	display: block;

	background-color: #ffffff;

	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{ overflow:hidden;text-align:center;}

.product-body li .pic::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.product-body li img{;max-width: 100%;max-height: 100%; vertical-align: middle;}

.product-body li h4{

	display: block;

	line-height: 1;

	margin-top: 22px;

	font-size: 14px;

	padding: 0 5px;

	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%;

}

.about-body .video p{ text-align: center; margin-top:40px; }



.about-body .video p a{ float: left; width: 44%; margin:0 3%;  color: #333333;background: #f4f4f4; line-height: 30px; margin-bottom: 15px;  }

.about-body .video p a:hover{color: #ffffff;background: #01378d;}

@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(../imgs/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{display: block;width: 100%;background-color: #7d7d7d;margin-top: 2%;padding: 3% 0;overflow: hidden;font-family: "Simsun";}

.footer .menu{ width: 58%;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 12px;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 .menu .list li a:hover{ text-decoration:underline;}

.footer .info{display: block;float: right;width: 42%; color: #ffffff;}
.footer .info h3{ font-size: 16px; font-weight: bold;  } 
.info .wechat{ width: 70px; float: left; margin-top: 7px; }
.info .wechat img{width: 70px;}
.dbinfo{ overflow:hidden; padding-left: 15px;}
.dbinfo .dbtxt{  font-size: 14px; }

.footer .info a{ color:#dcdcdc;}

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



@media screen and (max-width:1100px) {
	.footer .info{ margin:0 auto; float: none;margin-top: 20px;}
}


@media screen and (max-width:768px) {
.info .wechat{ width: 100%; text-align:center; }
.footer .info{ width: 100%;margin-top: 0; padding-left: 0;}
.dbinfo{ padding:10px 0 0 0; width: 100%;}
}

.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;}

.banner-insides{ display:none;}

.banner-insides img{

	display: block;

	max-width: 100%;

	height: auto;

	margin: 0 auto;

}



.main{ 

	display: block;

	margin-top: 30px;

}



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

	.main{

		margin-top: 3%;

	}

}



.main-r{

	display: block;

	float: left;

	width: 100%;

	padding-left: 274px;

}



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

	.main-r{

		float: none;

		padding-left: 0;

	}

}



.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(../imgs/arrow.png) no-repeat left center;

}



.main-r .title .position{

	display: block;

	float: right;

	font-size: 13px;

	color: #666;

	font-family: "Simsun";

}



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

	.main-r .title .position{

		display: none;

	}

.banner-inside{ display:none;}

.banner-insides{ display: block;}





}



.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;

}



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

	.subnav{

		display: none;

	}

}



.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: 15px;

	color: #333;

	padding-top: 6px;

}

.subnav-body .xiala{ display: none;  width:200px; margin:10px auto;}

.subnav-body .xiala a{ color: #333333;background: #f4f4f4; display: block; line-height:1.2; padding:10px 15px; margin-top: 10px; }

.subnav-body .xiala a.on,.subnav-body .xiala a:hover{ color: #ffffff; background: #01378d  }

.subnav-body li:hover a,.subnav-body li.active a{

	position: relative;

	background: url(../imgs/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;overflow:hidden;margin: 20px 0 10px 0; border-top:1px solid #ccc; padding-top:20px;}
.subnav .contact-box img{ float:left; width:60px; margin-left: 8px;  display: none;}
.subnav .contact-box .contact{ overflow:hidden;}
.subnav .contact-box .contact h3{ font-size:18px; color:#01378d; padding:0 10px 5px 20px;}
.subnav .contact-box .contact p{ float:right; width:100%; padding-left:20px; line-height: 1.5;color: #666666;font-size: 12px;}

.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-body ul {padding-left: 10px;}
.artical-body ul li::before {content: "\02022";margin-right: 10px;color: #000000;font-size: 16px;font-style: normal;text-decoration: none;}

.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 {}

#pcban .swiper-slide a{ 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;} 

.columntxt{ font-size: 14px; line-height: 1.6; padding: 20px 10px; border-bottom: 1px dashed #dcdcdc; margin-bottom: 10px; }

.downlist{ overflow: hidden; margin:0 20px; }	
.downlist li{ overflow: hidden; padding:20px 0 10px 0; border-bottom: 1px solid #01378d;  }
.downlist li span{ height:30px; line-height: 30px; display: block; font-size: 16px; color: #01378d; font-weight: bold; margin-bottom:10px; }
.downlist li p{ overflow: hidden; }
.downlist li a{background:url(../imgs/down.png) no-repeat left center; padding-left:35px; width: 50%; float:left;  height:24px; line-height: 24px; display: block; font-size: 14px; color: #666666; margin-bottom:5px;  }
.downlist li a:hover{color: #01378d; text-decoration:underline;}

.tagnav{ overflow: hidden; padding-bottom: 12px;  }
.tagnav li{ position: relative; cursor: pointer; background: #444444; color: #ffffff; width:20%; float: left; text-align: center; height: 40px; line-height: 40px; border:1px solid #ffffff;  }
.tagnav li:hover,.tagnav li.on{ background: #01378d; }
.tagnav li.on::after {
    position: absolute;
    bottom: -12px;
    margin-left: -6px;
    left: 50%;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #01378d;
}

.prodtle{ font-size: 20px;font-weight: bold;color: #01378d; text-align: center; line-height: 1.2; padding:30px 0 20px 0; }
.prodimg{ width: 300px; margin:0 auto; border:1px solid #dcdcdc; padding: 10px; }
.prodimg img{ width: 100%; }

.ckdt{ text-align: center; font-size: 16px; line-height: 50px; }
.ckdt a{ color: #333333; }
.ckdt a:hover{ color: #01378d; text-decoration: underline; }

.lmtle{ width: 100%; font-size: 16px;color: #01378d; font-weight: bold; line-height: 40px; }
.lmtle a{ color: #01378d;}
.lmtle a:hover{ text-decoration:underline;}

@media screen and (max-width: 640px) {
.prodimg{ width: 60%; border:none; padding: 10px; }
}

.links{ overflow:hidden; margin-top:2%;}
.lkmain{ overflow:hidden; padding:1%; line-height:1.8; }
.lkmain a{font-size:14px; color:#333333; margin-right:10px;}
.lkmain a:hover{ color:#01378d; text-decoration:underline;}


.cpcate{ overflow:hidden; margin-top:20px;}
.cpcate li{ float:left; width:48%; margin:0 1%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #dcdcdc; }
.productlm{ overflow:hidden; }
.productlm .pic{ width:180px; float:left; text-align:center;}
.productlm .pic a{ text-align:center;height:180px; display: inline-block;}
.productlm .pic a::after {content: "";display: inline-block;width:0;height: 100%;vertical-align: middle;}
.productlm .pic img{ max-height:180px; max-width:180px; }
.productlm .cplist{ width:200px; float:left; margin-left:15px; height:180px;}
.productlm .cplist a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333333; background:url(../imgs/liico.jpg) no-repeat left center; padding-left:15px;}
.productlm .cplist a:hover{color:#01378d; text-decoration:underline;}

@media screen and (max-width: 1200px) {
.cpcate li{ width:100%;}
}

@media screen and (max-width: 640px) {
.productlm .pic{ width:40%;}
.productlm .pic img{max-height:100%; max-width:100%;}
.productlm .cplist{ width:58%; float:right; margin:0;}
}

.cptop{ overflow:hidden; border-bottom:1px dashed #dcdcdc;}
.ctmain{ float:left; width:59%;  padding:20px;}
.ctimg{ float:right; width:39%; text-align:center; }
.ctimg img{ max-height:240px; max-width:240px;}

.ctimg p{ text-align:center;height:240px; display: inline-block;}
.ctimg p::after{ content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}

.cpbt{ font-size:18px; font-weight:bold; color:#01378d; margin-bottom:10px;}
.txt{ font-size:14px; line-height:1.6;}
.txt img{ max-width:100%; height:auto!important;}
.txt ul {
    padding-left: 10px;
}
.txt ul li::before {
    content: "\02022";
    margin-right: 10px;
    color: #000000;
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
}

.cpcenter{ padding:20px; border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.cpbotton{ padding:20px; overflow:hidden;}
.cpbotton .l{ width:50%;}
.cpbotton .r{ width:50%;}


.mtel{ overflow:hidden;}
.mtel span{ float:left; width:50%; height:32px; line-height:32px; text-align:center; background:#01378d; color:#ffffff;}
.qq{ float:right; background:url(../imgs/qq.png) no-repeat 15px center; width:50%; height:32px; border:1px solid #01378d; line-height:32px; text-align: center; padding-left:30px;color:#01378d;}
.qq:hover{background:#e97c12 url(../imgs/qqs.png) no-repeat 15px center; color:#ffffff; border:1px solid #e97c12;}

.message{ overflow:hidden;}
.message li{ float:left; width:100%; margin-top:10px;}
.message li label{ float:left; width:20%; text-align:right;}
.message li input{ float:left; width:80%; height:26px; line-height:24px; border:1px solid #dcdcdc; padding:0 5px; font: 14px / 1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei"}
.message li textarea{ float:left; width:80%; height:60px; line-height:20px; border:1px solid #dcdcdc; padding:0 5px;font: 14px / 1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei"}
.message li #dosubmit{ margin-left:20%; width:80px;height:30px; line-height:30px; background:#01378d; color:#ffffff; font-size:14px; cursor:pointer;}

@media screen and (max-width: 992px) {
.cpbotton .l,.cpbotton .r{ width:100%}
.cpbotton .r{padding-top:20px;}
.ctmain{ width:100%; padding:0 20px 20px 20px;}
.ctimg{ width:100%; padding-bottom:20px;}
}

.dbh{display: none; width: 100%; height: 40px; }
.dbtel{ display: none; width: 100%; position: fixed; left: 0; bottom: 0; font-size: 18px; text-align: center; color:#ffffff; line-height: 40px; background:#01378d url("../imgs/tels.png") no-repeat 40% center; background-size:auto 60%; }
.dbtel a{ display: block; color:#ffffff; padding-left:15%;   }
@media screen and (max-width: 640px) {
.ctmain{padding: 0 0 20px 0;}
.cpbotton,.cpcenter{ padding:20px 0;}
.dbh{ display: block; }
.dbtel{ display: block; }
}