*{
	margin:0;
	padding: 0;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
::selection {
	background-color: #b3d4fc;
	text-shadow: none;
}
body{
	background-color: #fff;
}
li{
	list-style: none;
}
button{
	outline: none;
}
a{
	color: #666;
	text-decoration: none;
}

/*=============
	工具样式
==============*/
.center-block{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}
.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font:0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.clearfix:before,
.clearfix:after{
	content: " ";
	display: table;
}
.clearfix:after{
	clear: both;
}

/*=============
	自定义样式
==============*/


.page-nav{
	margin-top: 40px;
}
.page-nav .totalnum{
	margin-top: 20px;
}


header{
	width: 100%;
	padding-top: 10px;
	position: relative;
}
header .nav-container{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	padding-top: 15px;
}
header .nav-container .logo,
header .nav-container .main-nav{
	display: inline-block;
	vertical-align: bottom;
}
header .nav-container .main-nav{
	margin-left: 25px;
}
header .nav-container .logo{
	padding-bottom: 5px;
}
header .nav-container .logo img,
header .nav-container .logo span{
	display: inline-block;
	vertical-align: middle;
}
header .nav-container .logo span{
	font-size: 25px;
	line-height: 64px;
	font-weight: bold;
	color: #000;
	margin-left: 10px;
}

header .nav-container .main-nav .item{
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
}
header .nav-container .main-nav .item a{
	display: inline-block;
	font-size: 18px;
}
header .nav-container .main-nav .item .triangle{
	width: 0;
	height: 0;
	border-bottom: 10px solid #1c609d;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin: 10px auto 0 auto;
	visibility: hidden;
}
header .nav-container .main-nav .item a:hover{
	color: #1c609d;
}
header .nav-container .main-nav .item:hover .triangle{
	visibility: visible;
}
header .nav-container .main-nav .item:hover .sub-nav{
	display: block;
}
header .nav-container .main-nav .item:hover .sub-nav-container{
	display: block;
}
header .sub-nav-container{
	position: absolute;
	width: 100%;
	left: 0;
	top: 79px;
	z-index: 101;
	border-top: 2px solid #000;
	padding: 10px 0;
	background-color: #fff;
	display: none;
}
header .sub-nav-container .sub-nav{
	width: 1100px;
	margin: 0 auto;
	font-size: 0;
}
header .sub-nav-container .sub-nav .sub-item{
	display: inline-block;
	height: 30px;
	padding: 0 10px;
	border-right: 1px solid #777;
}
header .sub-nav-container .sub-nav .sub-item:last-child{
	border-right: none;
}
header .sub-nav-container .sub-nav .sub-item a{
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 30px;
	font-size: 15px;
}


.home{
	width: 100%;
}
.home .home-container{
	width: 100%;
	position: relative;
}
.home .home-container .home-swiper,
.home .home-container .home-swiper img{
	width: 100%;
}

.home .home-container .nav-pos{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 10px;
	left: 0;
}
.home .home-container .nav-pos .swiper-pagination-bullet{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #404040 !important;
	border-radius: 10px !important;
	opacity: 1 !important;
}
.home .home-container .nav-pos .swiper-pagination-bullet-active{
	background-color: #bc1f28 !important;
}

.home .title{
	font-size: 30px;
	font-weight: 500;
	text-align: center;
}
.home .mark{
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

.home .home-intro{
	box-sizing: border-box;
	width: 100%;
	height: 880px;
	background: url('../images/home_bg1.png');
	background-size: 100% 100%;
	margin-top: 20px;
	padding: 40px 0;
}
.home .home-intro .container{
	width: 800px;
	margin: 0 auto;
	color: #fff;
}
.home .home-intro .container .content{
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	color: #fff;
}
.home .home-intro .container .more-container{
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.home .home-intro .container .more-container .btn-more{
	display: inline-block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	background-color: rgba(252,5,17,0.8);
	color: #fff;
	text-align: center;
}
.home .home-intro .container .home-video{
	display: block;
	width: 600px;
	margin: 10px auto;
}


.home .home-group{
	width: 100%;
	padding-top: 40px;
}
.home .home-group .bg-container{
	width: 100%;
	height: 700px;
	margin-top: 40px;
	background: url('../images/home_bg2.png');
	background-size: 100% 100%;
}
.home .home-group .bg-container .container{
	box-sizing: border-box;
	width: 1200px;
	height: 100%;
	padding-top: 40px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.home .home-group .bg-container .container .item{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 310px;
	height: 100%;
	margin: 0 40px;
}
.home .home-group .bg-container .container .item .item-title{
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 30px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}
.home .home-group .bg-container .container .item p{
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	text-align: left;
}

.home .home-group .bg-container .container .item .btn-more{
	position: absolute;
	bottom: 40px;
	right: 0;
	display: inline-block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	text-align: center;
	background-color: #404040;
	color: #fff;
}
.home .home-group .bg-container .container .item .btn-more:hover{
	background-color: #bc1f28;
}



.home .home-pro{
	box-sizing: border-box;
	width: 100%;
	padding: 40px 0;
}
.home .home-pro .title,
.home .home-pro .mark{
	color: #bc1f28;
}
.home .home-pro .container{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	padding: 20px;
}
.home .home-pro .item{
	display: inline-block;
	vertical-align: top;
	width: 270px;
	margin: 0 15px;
	position: relative;
}
.home .home-pro .item img{
	width: 100%;
}
.home .home-pro .item .word{
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
}
.home .home-pro .item .word p{
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.home .home-pro .item .word span{
	display: inline-block;
	width: 40px;
	height: 0;
	border-top: 4px solid #bc1f28;
	margin-top: 10px;
}
.home .home-pro .item:hover .word{
	display: none;
}
.home .home-pro .item:hover .shadow{
	display: block;
}
.home .home-pro .item .shadow{
	display: none;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: 60px;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(28,48,66,0.8);
	color: #fff;
}

.home .home-pro .item .shadow h2{
	font-size: 25px;
	line-height: 40px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
.home .home-pro .item .shadow .line{
	width: 50px;
	height: 0;
	border-bottom: 2px solid #fff;
	margin: 0 auto 30px auto;
}
.home .home-pro .item .shadow .sub-list{
	width: 100%;
}
.home .home-pro .item .shadow .sub-list .sub-item{
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

.home .home-adv{
	box-sizing: border-box;
	width: 100%;
	position: relative;
}
.home .home-adv img{
	width: 100%;
}
.home .home-adv .title-container{
	position: absolute;
	width: 100%;
	left: 0;
	top: 40px;
}
.home .home-adv .title-container .title,
.home .home-adv .title-container .mark{
	color: #fff;
}

.home .home-equ{
	box-sizing: border-box;
	width: 100%;
	padding: 40px 0;
}
.home .home-equ img{
	display: block;
	width: 1200px;
	margin: 20px auto;
}

.home .appli{
	box-sizing: border-box;
	width: 100%;
	height: 500px;
	margin: 20px auto;
	padding: 40px 0;
	background: url('../images/home_bg5.png');
	background-size: 100% 100%;
}
.home .appli .title,
.home .appli .mark{
	color: #fff;
}
.home .appli .appli-container{
	width: 1200px;
	margin: 80px auto 0 auto;
	position: relative;

}
.home .appli .roll-container{
	width: 1000px;
	margin: 20px auto;
}
.home .appli .roll-container img{
	display: block;
	box-sizing: border-box;
	width: 250px;
	height: 178px;
	padding: 0 10px;
}


.home .home-big-bg{
	display: block;
	width: 100%;
}

.home .home-news{
	width: 100%;
	padding: 40px 0;
	margin-bottom: 20px;
}
.home .home-news .title{
	font-size: 30px;
	text-align: center;
	color: #000;
	font-weight: 500;
}
.home .home-news .eng{
	font-size: 20px;
	text-align: center;
}
.home .home-news .home-news-container{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	margin-top: 40px;
}
.home .home-news .home-news-container .item{
	display: inline-block;
	vertical-align: top;
	width: 370px;
	height: 370px;
	margin: 0 15px;
	position: relative;
}
.home .home-news .home-news-container .item:hover .time{
	background-color: #1c609d;
}
.home .home-news .home-news-container .item:hover .content .title,
.home .home-news .home-news-container .item:hover .content .detail{
	color: #1c609d;
}
.home .home-news .home-news-container .item img{
	width: 370px;
	height: 244px;
}
.home .home-news .home-news-container .item .time{
	box-sizing: border-box;
	width: 76px;
	height: 80px;
	padding: 20px 10px;
	background-color: #777;
	position: absolute;
	left: 20px;
	top: -10px;
}
.home .home-news .home-news-container .item .time span{
	display: block;
	text-align: right;
	color: #fff;
}
.home .home-news .home-news-container .item .time .month{
	font-size: 15px;
}
.home .home-news .home-news-container .item .time .year{
	font-size: 10px;
}
.home .home-news .home-news-container .item .content{
	box-sizing: border-box;
	width: 100%;
	height: 120px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 10px 20px;
}
.home .home-news .home-news-container .item .content .link{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 0;
}
.home .home-news .home-news-container .item .content .title{
	display: inline-block;
	vertical-align: bottom;
	width: 250px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: left;
	overflow: hidden;
}
.home .home-news .home-news-container .item .content .detail{
	display: inline-block;
	vertical-align: bottom;
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	cursor: pointer;
	text-align: right;
}
.home .home-news .home-news-container .item .content .content-container{
	width: 330px;
	height: 58px;
	overflow: hidden;
}
.home .home-news .home-news-container .item .content .content-container p{
	font-size: 10px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow:ellipsis;
}
.home .home-news .btn-more{
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	background-color: #1c609d;
	color: #fff;
	margin: 20px auto;
}


.home .cooperation{
	box-sizing: border-box;
	width: 100%;
	height: 500px;
	padding: 40px 0;
	background: url('../images/home_bg6.png');
	background-size: 100% 100%;
}
.home .cooperation .title,
.home .cooperation .mark{
	color: #fff;
}
.home .cooperation .coop-container{
	width: 1200px;
	height: 240px;
	margin: 80px auto 0 auto;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.home .cooperation .coop-container .coop-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 999999px;
	height: 100%;
}
.home .cooperation .coop-container .item{
	box-sizing: border-box;
	padding: 10px;
	height: 220px;
	float: left;
}
.home .cooperation .coop-container .item img{
	height: 200px;
}


footer{
	width: 100%;
}
footer .footer-up{
	box-sizing: border-box;
	width: 100%;
	padding: 40px 0;
	background-color: #3c3c3c;
}
footer .footer-up .footer-up-container{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
}
footer .footer-up .left,
footer .footer-up .line,
footer .footer-up .right{
	display: inline-block;
	vertical-align: top;
}
footer .footer-up .left .title{
	width: 100%;
}
footer .footer-up .left .title .footer-logo,
footer .footer-up .left .title .company{
	display: inline-block;
	vertical-align: middle;
}
footer .footer-up .left .title .company{
	margin-left: 20px;
}
footer .footer-up .left .title .company p{
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	line-height: 35px;
}
footer .footer-up .left .nav{
	width: 100%;
	margin-top: 20px;
}
footer .footer-up .left .nav li{
	display: inline-block;
	width: 145px;
	margin-right: 10px;
	height: 40px;
}
footer .footer-up .left .nav li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
}
footer .footer-up .left .nav li span:first-child{
	display: inline-block;
	width: 100px;
	height: 30px;
	background-color: #bc1f29;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
}
footer .footer-up .left .nav li span:last-child{
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	color: #bc1f29;
	background-color: #fff;
}
footer .footer-up .left .contact{
	width: 100%;
	margin-top: 20px;
}
footer .footer-up .left .contact p{
	font-size: 15px;
	color: #9d9d9d;
	line-height: 30px;
}
footer .footer-up .line{
	width: 0px;
	height: 270px;
	border-right: 1px solid #fff;
	margin: 0 20px 0 10px;
}
footer .footer-up .right .item{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
footer .footer-up .right .item ul{
	width: 100%;
}
footer .footer-up .right .item ul li{
	width: 100%;
	height: 30px;
	line-height: 30px;
}
footer .footer-up .right .item ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: #9d9d9d;
}
footer .footer-up .right .item ul li a:hover{
	color: #bc1f28;
}
footer .footer-up .right .item ul li:first-child a{
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
}
footer .footer-up .right .item ul li:first-child a:hover{
	color: #bc1f28;
}
footer .footer-down{
	width: 100%;
	background-color: #2b2b2b;
}
footer .footer-down .footer-down-container{
	width: 1200px;
	margin: 0 auto;
}
footer .footer-down .footer-down-container span{
	display: inline-block;
	margin-right: 20px;
	font-size: 13px;
	line-height: 35px;
	color: #9d9d9d;
}

// 海报图样式
.poster{
	width: 100%;
}
.poster img{
	width: 100%;
}

// 关于我们
.about-us{
	width: 100%;
}
.about-us .poster{
	position: relative;
}
.about-us .poster .bg{
	height: 500px;
}
.about-us .poster .poster-word{
	width: 290px;
	height: 130px;
	position: absolute;
	left: 15%;
	top: 60px;
	z-index: 1;
	color: #b91a26;
	font-weight: bold;
}
.about-us .poster .poster-word p:first-child{
	font-size: 60px;
	text-align: left;
}
.about-us .poster .poster-word p:last-child{
	font-size: 20px;
	text-align: left;
}
.about-us .poster .list{
	width: 500px;
	position: absolute;
	top: 150px;
	right: 15%;
	z-index: 1;
}
.about-us .poster .list .item{
	width: 100%;
	margin-bottom: 10px;
}
.about-us .poster .list .item a{
	display: block;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	padding: 10px;
}
.about-us .poster .list .item a .item-pic,
.about-us .poster .list .item a .word-nav{
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.about-us .poster .list .item a .word-nav{
	box-sizing: border-box;
	width: 340px;
	height: 104px;
	padding-top: 10px;
	overflow: hidden;
}
.about-us .poster .list .item a .item-pic{
	width: 104px;
	height: 104px;
}
.about-us .poster .list .item a .title{
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
.about-us .poster .list .item a:hover .title,
.about-us .poster .list .item a:hover p{
	color: #1c609d;
}
.about-us .poster .list .item a p{
	width: 100%;
	height: 65px;
	margin-top: 10px;
	font-size: 10px;
	line-height: 20px;
	color: #777;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow:ellipsis;
}

// 联系我们-联系方式
.contact-method{
	width: 100%;
}
.contact-method .content{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
}
.contact-method .content .left-nav,
.contact-method .content .right{
	display: inline-block;
	vertical-align: top;
}


section.content{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	padding-top: 20px;
}
.left-nav{
	width: 250px;
}
.left-nav li{
	width: 200px;
	margin: 10px 17px 10px auto;
}
.left-nav li a{
	display: block;
	width: 100%;
	background-color: #bcbcbc;
}
.left-nav li a span{
	display: inline-block;
	vertical-align: top;
}
.left-nav li a .triangle{
	width: 0;
	height: 0;
	border-left: 15px solid #bcbcbc;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.left-nav li a .word{
	width: 176px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #fff;
}
.left-nav li:hover a,
.left-nav .active a{
	background-color: #777;
}
.left-nav li:hover .triangle,
.left-nav .active .triangle{
	width: 0;
	height: 0;
	border-left: 15px solid #bc1f28;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.left-nav li:first-child{
	width: 100%;
	margin: 0;
}
.left-nav li:first-child a{
	display: block;
	height: 100%;
	text-align: center;
	background-color: #fff;
}
.left-nav li:first-child a .space{
	width: 10px;
	height: 40px;
	margin-right: 6px;
	background-color: #bc1f28;
}
.left-nav li:first-child a .word{
	width: 200px;
	height: 100%;
	line-height: 40px;
	font-size: 30px;
	background-color: #bc1f28;
}
.contact-method .content .right{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 950px;
	padding: 20px 0;
}
.small-nav{
	width: 100%;
}
.small-nav img,
.small-nav a,
.small-nav span{
	display: inline-block;
	vertical-align: middle;
	color: #101010;
	font-size: 18px;
	margin-right: 10px;
}
.small-nav a:hover{
	color: #1c609d;
}
.contact-method .content .right .method{
	width: 100%;
	margin: 40px 0;
	font-size: 0;
}
.contact-method .content .right .method .item{
	display: inline-block;
	vertical-align: top;
	margin-right: 34px;
}
.contact-method .content .right .method .item:last-child{
	margin-right: 0;
}
.contact-method .content .right .method .item h2{
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 20px;
}
.contact-method .content .right .method .item p{
	line-height: 30px;
	font-size: 15px;
}
.contact-method .content .right .method .item .sec-title{
	margin-top: 20px;
}
.contact-method .content .right .map{
	width: 100%;
	margin-top: 20px;
}
.contact-method .content .right .slogan{
	box-sizing: border-box;
	width: 100%;
	font-size: 0;
	padding: 20px 0;
}
.contact-method .content .right .slogan .word,
.contact-method .content .right .slogan .pic{
	display: inline-block;
	vertical-align: middle;
}
.contact-method .content .right .slogan .word{
	width: 650px;
	margin-right: 10px;
}
.contact-method .content .right .slogan .word p{
	width: 100%;
	line-height: 25px;
	font-size: 15px;
	color: #2d2d2d;
	text-indent: 2em;
}
.contact-method .content .right .slogan .pic{
	width: 190px;
}
.contact-method .content .right .line{
	width: 100%;
	height: 0;
	border-top: 1px solid #1c609d;
	margin: 20px 0;
}
.contact-method .content .right .list,
.contact-method .content .right .list .item{
	width: 100%;
}
.contact-method .content .right .list .item a{
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #777;
}
.contact-method .content .right .list .item:hover a{
	color: #bc1f28;
}
.contact-method .content .right .list .item a span{
	display: inline-block;
	vertical-align: bottom;
	margin-right: 20px;
}
.contact-method .content .right .list .item a span.newst{
	display: none;
}
.contact-method .content .right .list .item:first-child a span.newst{
	display: inline-block;
	color: #bc1f28;
}
// 关于宏业-企业简介
.about-company{
	width: 100%;
}
.about-company .poster{
	position: relative;
}
.about-company .poster .poster-word{
	position: absolute;
	right: 30%;
	top: 20%;
	color: #b91a26;
	font-weight: bold;
}
.about-company .poster .poster-word p:first-child{
	font-size: 60px;
	text-align: left;
}
.about-company .poster .poster-word p:last-child{
	font-size: 20px;
	text-align: right;
}
.about-company .content{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	padding-top: 20px;
}
.about-company .content .left-nav,
.about-company .content .right{
	display: inline-block;
	vertical-align: top;
}
.about-company .content .right{
	box-sizing: border-box;
	width: 950px;
	padding: 20px 40px;
	font-size: 0;
}
.about-company .content .right .intro-pic{
	display: inline-block;
	box-sizing: border-box;
	width: 430px;
	padding: 0 30px 10px 0;
	height: 300px;
	float: left;
}
.about-company .content .right p{
	font-size: 15px;
	line-height: 30px;
	color: #000;
	margin-bottom: 10px;
}
.about-company .content .right .word p span{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #777;
}
.about-company .slogan{
	width: 100%;
	height: 580px;
	background: url('../images/about_company_intro.png');
	background-size: cover;
}
.about-company .slogan .container{
	box-sizing: border-box;
	width: 1200px;
	height: 100%;
	padding-top: 40px;
	font-size: 0;
	margin: 0 auto;
}
.about-company .slogan .container .item{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 360px;
	height: 500px;
	margin: 0 20px;
	padding-top: 30px;
	background-color: #fff;
	text-align: center;
}
.about-company .slogan .container .item h2{
	font-size: 25px;
	font-weight: 500;
	color: #404040;
	line-height: 40px;
	margin-bottom: 10px;
}
.about-company .slogan .container .item .line{
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #bc1f29;
	margin-bottom: 10px;
}
.about-company .slogan .container .item .slogan1{
	font-size: 15px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	color: #404040;
}
.about-company .slogan .container .item .slogan1 span{
	margin-right: 10px;
}
.about-company .slogan .container .item .line2{
	display: block;
	width: 200px;
	height: 0;
	border-bottom: 2px solid #777;
	margin: 20px auto;
}
.about-company .slogan .container .item p{
	display: block;
	width: 200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: #404040;
}
.about-company .right .title{
	width: 800px;
	height: 40px;
	margin: 0 auto;
	border-radius:10px;
	text-align: center;
	background-color: #bd1e27;
	font-size: 25px;
	line-height: 40px; 
}
.about-company .right .title span img{
	margin-top: 8px;
}
.about-company .right .title span{
	color: #fff;
}
.about-company .content .right .structure-pic{
	display: block;
	margin: 0 auto;
}
.about-company .content .right .bg-line{
	width: 800px;
	height: 40px;
	background: #bd1e27;
	margin: 0 auto;
}
.about-company .content .right .small-mark{
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
}
.about-company .content .right .small-mark .small-mark-container{
	width: 600px;
	margin: 0 auto;
	font-size: 0;
}
.about-company .content .right .small-mark .small-mark-container .item{
	display: inline-block;
	vertical-align: top;
	margin: 0 30px;
	text-align: center;
}
.about-company .content .right .small-mark .small-mark-container .item p{
	margin-top: 10px;
	font-size: 10px;
	color: #404040;
}



.about-company .swiper-box{
	width: 620px;
	height: 550px;
	margin: 0 auto;
	background: #666;
	overflow: hidden;
}
.about-company .swiper-box .big{
	width: 100%;
	height: 440px;
	border-bottom: 1px solid #000;
	position: relative;
	overflow: hidden;
}
.about-company .swiper-box .big ul{
	width: 100%;
	height: 100%;
}
.about-company .swiper-box .big ul li{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: url('../images/reputation/loading.gif') no-repeat center center;
}
.about-company .swiper-box .big ul li:first-child{
	z-index: 1;
}
.about-company .swiper-box .big ul li img{
	width: 620px;
	height: 440px;
}
.about-company .swiper-box .big .left,
.about-company .swiper-box .big .right{
	width: 310px;
	height: 440px;
	position: absolute;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 1000;
}
.about-company .swiper-box .big .left{
	left: 0;
	top: 0;
}
.about-company .swiper-box .big .right{
	left: 310px;
	top: 0;
}
.about-company .swiper-box .big .prev{
	width: 60px;
	height: 60px;
	background: url(../images/reputation/btn.gif) no-repeat;
	position: absolute;
	left: 10px;
	top: 190px;
	z-index: 1001;
	cursor: pointer;
	filter: alpha(opacity: 0);
	opacity: 0;
}
.about-company .swiper-box .big .next{
	width: 60px;
	height: 60px;
	background: url(../images/reputation/btn.gif) 0 -60px no-repeat;
	position: absolute;
	top: 190px;
	right: 10px;
	z-index: 1001;
	cursor: pointer;
	filter: alpha(opacity: 0);
	opacity: 0;
}
.about-company .swiper-box .small{
	width: 620px;
	height: 94px;
	position: relative;
	margin-left: 10px;
	margin-top: 7px;
	overflow: hidden;
}
.about-company .swiper-box .small ul{
	width: 620px;
	height: 94px;
	position: absolute;
	left: 0;
	top: 0;
}
.about-company .swiper-box .small ul li{
	width: 145px;
	height: 94px;
	float: left;
	padding-right: 10px;
	background: url(../images/reputation/loading.gif) no-repeat center center;
	cursor: pointer;
	filter: alpha(opacity: 0.8);
	opacity: 0.8;
}
.about-company .swiper-box .small ul li img{
	width: 120px;
	height: 94px;
}


.technology .content .pro-left-nav,
.technology .content .right{
	display: inline-block;
	vertical-align: top;
}
.technology .content .right{
	box-sizing: border-box;
	width: 900px;
	padding: 20px 40px;
}
.technology .content .right .technology-container{
	width: 100%;
}
.technology .content .right .technology-container .title{
	display: inline-block;
	line-height: 30px;
	font-size: 0;
	font-weight: normal;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	padding: 0 20px;
}
.technology .content .right .technology-container .title span{
	display: inline-block;
	vertical-align: middle;
}
.technology .content .right .technology-container .title .space{
	width: 5px;
	height: 30px;
	margin-right: 5px;
	background-color: #1c609d;
}
.technology .content .right .technology-container .title .word{
	color: #000;
	font-size: 20px;
	line-height: 30px;
}
.technology .content .right .technology-container .line{
	width: 100%;
	border-bottom: 2px solid #1c609d;
	margin-top: 10px;
}

.technology .content .right .technology-container .big-pic{
	width: 100%;
	margin-top: 20px;
}
.technology .content .right .technology-container .big-word{
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
}

.technology .content .right .list,
.technology .content .right .list .item{
	width: 100%;
	font-size: 0;
}
.technology .content .right .list{
	min-height: 300px;
	margin-top: 25px;
}
.technology .content .right .list .item span{
	display: inline-block;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	color: #777;
	text-align: center;
	margin-right: 20px;
}
.technology .content .right .list .item span.index{
	width: 50px;
}
.technology .content .right .list .item span.name{
	width: 240px;
}
.technology .content .right .list .item span.grade{
	width: 350px;
}
.technology .content .right .list .item span.time{
	width: 100px;
}
.patent .content .right .list .item span.name{
	width: 340px;
}
.patent .content .right .list .item span.grade{
	width: 250px;
}

.technology .content .right .pic-container{
	width: 810px;
	margin: 20px auto;
}
.technology .content .right .pic-container .item{
	float: left;
	width: 266px;
	height: 177px;
	margin: 2px;
	overflow: hidden;
	position: relative;
}
.technology .content .right .pic-container .item img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.technology .content .right .pic-container .item p{
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
}
.technology .content .right .pic-container .item:hover img{
	transform: scale(1.3);
}
.technology .content .right .pic-container .item:nth-child(7){
	width: 536px;
	height: 358px;
}
.technology .content .right .list .box{
	display: none;
}
.technology .content .right .list .box.active{
	display: block;
}
.technology .content .right .list .btns{
	box-sizing: border-box;
	width: 100%;
	padding: 40px 20px;
}
.technology .content .right .list span,
.technology .content .right .list li{
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	color: #777;
}
.technology .content .right .list .btns span{
	color: #000;
}
.technology .content .right .list .btns li{
	cursor: pointer;
}
.technology .content .right .list .btns li:hover,
.technology .content .right .list .btns li.active{
	color: #000;
}



.sale-site .content .left-nav,
.sale-site .content .right{
	display: inline-block;
	vertical-align: top;
}
.sale-site .content .right{
	box-sizing: border-box;
	width: 950px;
	padding: 20px 40px;
}
.sale-site .content .right .sale-site-container{
	width: 100%;
	font-size: 0;
}
.sale-site .content .right .sale-site-container .china-map,
.sale-site .content .right .sale-site-container .site{
	display: inline-block;
	vertical-align: top;
}
.sale-site .content .right .sale-site-container .china-map{
	width: 600px;
}
.sale-site .content .right .sale-site-container .site{
	width: 200px;
	margin-left: 70px;
}
.sale-site .content .right .sale-site-container .site .item{
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
}
.sale-site .content .right .sale-site-container .site .item:hover{
	color: #bc1f28;
}
.sale-site .content .right .sale-site-container .site .item:hover .square{
	background-color: #bc1f28;
}
.sale-site .content .right .sale-site-container .site .item .square,
.sale-site .content .right .sale-site-container .site .item .word{
	display: inline-block;
	vertical-align: middle;
}
.sale-site .content .right .sale-site-container .site .item .square{
	width: 15px;
	height: 15px;
	background-color: #303030;
}
.sale-site .content .right .sale-site-container .site .item .word{
	margin-left: 8px;
	font-size: 15px;
}
.sale-site .content .right .sale-site-container .site.server-site{
	font-size: 0;
}
.sale-site .content .right .sale-site-container .site.server-site .item{
	display: inline-block;
	width: 100px;
}
.sale-site .content .right .server-tel{
	box-sizing: border-box;
	width: 100%;
	padding: 20px 40px;
}
.sale-site .content .right .server-tel h2{
	font-size: 20px;
	font-weight: 500;
}
.sale-site .content .right .server-tel p{
	font-size: 15px;
	line-height: 30px;
}
.sale-site .content .right .server-tel p span{
	display: inline-block;
	width: 300px;
	line-height: 30px;
	vertical-align: middle;
}
.sale-site .content .right .line{
	width: 100%;
	height: 30px;
	background-color: #1c609d;
}
.sale-site .content .right .icon-container{
	width: 100%;
	padding: 20px 0;
	font-size: 0;
	text-align: center;
}
.sale-site .content .right .icon-container .item{
	display: inline-block;
	vertical-align: top;
	width: 210px;
	text-align: center;
}
.sale-site .content .right .icon-container .item p{
	font-size: 15px;
}


.popup{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
}
.popup .popup-container{
	width: 600px;
	height: 300px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -300px;
	background-color: #fff;
}
.popup .popup-container .btn-container{
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	text-align: right;
	padding-right: 10px;
}
.popup .popup-container .btn-container .close-btn{
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	color: #404040;
	cursor: pointer;
}
.popup .popup-container .btn-container .close-btn:hover{
	color: #bc1f28;
}
.popup .popup-container .item{
	box-sizing: border-box;
	width: 100%;
	height: 270px;
	padding: 20px 40px;
	display: none;
}
.popup .popup-container .item .region{
	box-sizing: border-box;
	font-size: 20px;
	line-height: 30px;
	background-color: #1c609d;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 20px;
}
.popup .popup-container .item p{
	font-size: 15px;
	color: #000;
	line-height: 30px;
}
.popup .popup-container .item .method,
.popup .popup-container .item .tel{
	display: block;
	height: 30px;
	font-size: 0;
}
.popup .popup-container .item p span{
	margin-right: 20px;
	display: inline-block;
	width: 200px;
	font-size: 15px;
}
// .popup .popup-container .item .tel span{
// 	display: inline-block;
// }
// .popup .popup-container .item .tel span.name{
// 	width: 130px;
// }
// .popup .popup-container .item .tel span.work{
// 	width: 180px;
// }
// .popup .popup-container .item .tel span.phone{
// 	width: 200px;
// }
.popup.active{
	display: block;
}
.popup .popup-container .active{
	display: block;
}


.popup .server-container{
	height: 400px;
	margin-top: -200px;
}
.popup .server-container .item{
	height: 370px;
	padding: 20px 10px;
}
.popup .server-container .item .province{
	font-size: 20px;
	color: #1c609d;
	text-align: center;
	line-height: 30px;
}
.popup .server-container .item .city-list{
	width: 100%;
	height: 300px;
	overflow: hidden;
	overflow-y: scroll;
}
.popup .server-container .item .city-list .city-item{
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
}
.popup .server-container .item .city-list .city-item .city{
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	background-color: #1c609d;
	color: #fff;
	text-indent: 1em;
}
.popup .server-container .item .city-list .city-item .place{
	width: 100%;
	border-bottom: 1px dotted #404040;
	margin-bottom: 20px;
}
.popup .server-container .item .city-list .city-item .place:last-child{
	border-bottom: none;
}
.popup .server-container .item .city-list .city-item p{
	font-size: 14px;
	text-indent: 2em;
}
.popup .server-container .item .city-list .city-item p span{
	margin-right: 20px;
}








.platform{
	width: 1200px;
	margin: 0 auto;
}
.platform .search{
	box-sizing: border-box;
	width: 100%;
	height: 500px;
	padding-top: 150px;
}
.platform .search img{
	display: block;
	margin: 0 auto 40px auto;
	width: 200px;
}
.platform .search .search-container{
	width: 100%;
	text-align: center;
	font-size: 0;
}
.platform .search .search-container input,
.platform .search .search-container a{
	display: inline-block;
	vertical-align: top;
}
.platform .search .search-container input{
	box-sizing: border-box;
	outline: none;
	width: 400px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #777;
	color: #404040;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
}
.platform .search .search-container a{
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background-color: #3385ff;
}
.platform .cooperation{
	width: 100%;
}
.platform .cooperation h2{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 20px;
	margin-top: 20px;
	width: 100%;
	line-height: 30px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	background-color: #bc1f28;
}
.platform .cooperation .cooperation-nav{
	width: 1020px;
	padding: 20px 0;
	font-size: 0;
	margin: 0 auto;
}
.platform .cooperation .cooperation-nav li{
	display: inline-block;
	vertical-align: top;
	margin: 10px 20px;
}
.platform .cooperation .cooperation-nav li a{
	display: inline-block;
}



.pro-left-nav{
	width: 300px;
}
.pro-left-nav .item{
	box-sizing: border-box;
	width: 100%;
	font-size: 0;
	padding-left: 15px;
	margin-bottom: 10px;
}
.pro-left-nav .item .triangle{
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-left: 15px solid #bc1f28;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	margin-right: 10px;
}
.pro-left-nav .item a{
	display: inline-block;
	vertical-align: middle;
	width: 240px;
}
.pro-left-nav .item a span{
	display: inline-block;
	vertical-align: top;
}
.pro-left-nav .item a .word{
	width: 190px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #404040;
}
.pro-left-nav .item a:hover .word{
	color: #bc1f28;
}
.pro-left-nav .item:first-child{
	width: 100%;
	padding-left: 0;

}
.pro-left-nav .item:first-child a{
	display: block;
	width: 100%;
	background-color: #fff;
}
.pro-left-nav .item:first-child a .space{
	width: 10px;
	height: 40px;
	margin-right: 6px;
	background-color: #bc1f28;
}
.pro-left-nav .item:first-child a .word{
	width: 250px;
	height: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	background-color: #bc1f28;
	color: #fff;
}
.pro-left-nav .sub-item{
	box-sizing: border-box;
	width: 100%;
	padding-left: 40px;
	margin: 10px 0;
}
.pro-left-nav .sub-item a{
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
.pro-left-nav .sub-item:hover a,
.pro-left-nav .active a{
	color: #bc1f28;
}

.product{
	width: 100%;
}
.product .content{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
}
.product .content .pro-left-nav,
.product .content .right{
	display: inline-block;
	vertical-align: top;
}
.product .content .right{
	box-sizing: border-box;
	width: 900px;
	padding: 20px 40px;
}
.product .content .right .product-container{
	width: 100%;
}
.product .content .right .product-container .title-container{
	width: 100%;
	margin-top: 20px;
}
.product .title-container .line{
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 30px;
	background-color: #1c609d;
}
.product .title-container .title{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-left: 10px;
}
.product .title-container .more-product{
	display: inline-block;
	float: right;
	margin: 10px 20px 0 0;
	font-size: 10px;
	color: #404040;
	cursor: pointer;
}
.product .title-container .more-product:hover{
	color: #bc1f28;
}
.product .item-content{
	width: 100%;
	font-size: 0;
	margin-top: 10px;
}
.product .item-content .item-pic{
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-bottom: 30px;
	width: 243px;
}
.product .item-content .item-pic a{
	display: block;
}
.product .item-content .item-pic a img{
	display: block;
	width: 241px;
	height: 241px;
	border: 1px solid #777;
}
.product .item-content .item-pic a p{
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	margin-top: 10px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.product .item-content .item-pic:hover a p{
	color: #bc1f28;
}


.experience{
	width: 100%;
}
.experience .content{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
}
.experience .content .pro-left-nav,
.experience .content .right{
	display: inline-block;
	vertical-align: top;
}
.experience .content .right{
	box-sizing: border-box;
	width: 900px;
	padding: 20px 40px;
}
.experience .content .right .experience-container{
	width: 100%;
}
.experience .content .right .experience-container .title-container{
	width: 100%;
	margin-top: 20px;
}
.experience .content .right .experience-container .title-container h2{
	display: inline-block;
	line-height: 30px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	background-color: #1c609d;
	text-align: center;
	margin-top: 20px;
	padding: 0 20px;
}
.experience .content .right .experience-container .title-container .line{
	width: 100%;
	border-bottom: 2px solid #1c609d;
	margin-top: 10px;
}
.experience .content .right .exp-nav{
	width: 100%;
	font-size: 0;
}
.experience .content .right .exp-nav .exp-big-nav,
.experience .content .right .exp-nav .exp-small-nav-box{
	display: inline-block;
	vertical-align: top;
}
.experience .content .right .exp-nav .exp-big-nav{
	box-sizing: border-box;
	width: 620px;
	height: 400px;
	padding: 20px 0;
	overflow: hidden;
}
.experience .content .right .exp-nav .exp-big-nav .item{
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}
.experience .content .right .exp-nav .exp-big-nav .item.active{
	display: block;
}
.experience .content .right .exp-nav .exp-big-nav .item img{
	width: 100%;
	height: 100%;
}
.experience .content .right .exp-nav .exp-big-nav .item .time{
	font-size: 15px;
	position: absolute;
	left: 20px;
	top: 40px;
	color: #fff;
}
.experience .content .right .exp-nav .exp-big-nav .item .title{
	font-size: 20px;
	position: absolute;
	left: 20px;
	top: 70px;
	color: #fff;
}
.experience .content .right .exp-nav .exp-big-nav .item .content{
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.experience .content .right .exp-nav .exp-big-nav .item .content .content-container{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 450px;
	height: 100%;
	padding: 10px;
	overflow: hidden;
}
.experience .content .right .exp-nav .exp-big-nav .item .content .content-container p{
	font-size: 10px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	color: #fff;
}
.experience .content .right .exp-nav .exp-big-nav .item .content .btn-more{
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	background-color: #bc1f28;
	color: #fff;
}
.experience .content .right .exp-nav .exp-small-nav-box{
	width: 200px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.experience .list-container{
	width: 100%;
	height: 360px;
	position: absolute;
	left: 0;
	top: 20px;
	overflow: hidden;
}
.experience .list-container .exp-small-nav{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.experience .exp-small-nav .item{
	width: 100%;
	height: 120px;
	position: relative;
}
.experience .exp-small-nav .item img{
	width: 100%;
	height: 100%;
}
.experience .exp-small-nav .item .triangle{
	position: absolute;
	width: 0;
	height: 0;
	border-left: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	left: 0;
	top: 45px;
	display: none;
}
.experience .exp-small-nav .active .triangle{
	display: block;
}
.experience .content .right .exp-nav .exp-small-nav-box .prev,
.experience .content .right .exp-nav .exp-small-nav-box .next{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 90px;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	color: #bc1f28;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	
	-moz-transform:rotate(90deg); 	
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg);
	cursor: pointer;
	font-weight: bold;
}
.experience .content .right .exp-nav .exp-small-nav-box .prev{
	top: 0;
}
.experience .content .right .exp-nav .exp-small-nav-box .next{
	bottom: 0;
}


.news-center{
	width: 100%;
	padding-bottom: 40px;
}
.news-center section{
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}
.news-center .poster,
.news-center .poster img{
	width: 100%;
	margin-top: 0;
}
.news-center section .news-nav{
	display: block;
	width: 200px;
	height: 30px;
	font-size: 0;
}
.news-center section .news-nav span{
	display: inline-block;
	vertical-align: middle;
}
.news-center section .news-nav .triangle{
	width: 0px;
	height: 0px;
	border-left: 10px solid #bc1f28;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;

}
.news-center section .news-nav .word{
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
}
.news-center .container{
	font-size: 0;
}
.news-center .container .left-container,
.news-center .container .right-container{
	display: inline-block;
	vertical-align: top;
}
.news-center .container .left-container{
	width: 300px;
}
.news-center .container .left-container img{
	display: block;
	width: 300px;
	height: auto;
}
.news-center .container .left-container .word-container{
	width: 300px;
	height: 90px;
	overflow: hidden;
}
.news-center .container .left-container h2{
	width: 300px;
	font-size: 20px;
	font-weight: 500;
	color: #000;
	text-align: center;
	margin: 20px 0 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-center .container .left-container .word-container p{
	line-height: 30px;
	font-size: 15px;
	color: #777;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow:ellipsis;
}
.news-center .container .right-container{
	width: 700px;
	margin-left: 200px;
}
.news-center .container .right-container p{
	font-size: 15px;
	line-height: 30px;
}
.news-center .container .right-container p .art-title{
	display: inline-block;
	width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-center .container .right-container p .time{
	float: right;
}
.news-center .container .right-container .more{
	display: block;
	margin-top: 40px;
	float: right;
	font-size: 15px;
	color: #000;
}
.news-center .container .right-container .more:hover{
	color: #bc1f28;
}

.news-center .content{
	width: 100%;
}

.news-center .content .box{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
}
.news-center .content .box .part{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 400px;
	padding: 10px;
}
.news-center .content .box .part .title{
	width: 100%;
	margin-bottom: 20px;
}
.news-center .content .box .part .title h2,
.news-center .content .box .part .title .btn-more{
	display: inline-block;
	vertical-align: middle;
}
.news-center .content .box .part .title h2{
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
}
.news-center .content .box .part .title h2 .china{
	color: #000;
}
.news-center .content .box .part .detail{
	width: 100%;
	min-height: 390px;
	font-size: 0;
}
.news-center .content .box .part .first-news img,
.news-center .content .box .part .first-news .link{
	display: inline-block;
	vertical-align: top;
	height: 150px;
}
.news-center .content .box .part .first-news img{
	width: 190px;
}
.news-center .content .box .part .first-news .link{
	width: 180px;
	margin-left: 10px;
}
.news-center .content .box .part .first-news .link .word-container{
	width: 100%;
	height: 90px;
	margin-bottom: 20px;
	overflow: hidden;
}
.news-center .content .box .part .first-news .link .word-container p{
	font-size: 10px;
	line-height: 30px;
	color: #404040;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow:ellipsis;
}
.news-center .content .box .part .first-news .link:hover p{
	color: #bc1f28;
}
.news-center .content .box .part .first-news .link .btn-more{
	font-size: 10px;
	line-height: 30px;
	color: #bc1f28;
}
.news-center .content .box .part .news-list{
	width: 100%;
	padding-top: 20px;
}
.news-center .content .box .part .news-list a{
	display: block;
	width: 100%;
}
.news-center .content .box .part .news-list a:hover p{
	color: #bc1f28;
}
.news-center .content .box .part .news-list a p{
	display: block;
	font-size: 10px;
	color: #404040;
}
.news-center .content .box .part .news-list a p span{
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	margin-right: 10px;
}
.news-center .content .box .part .news-list a p .triangle{
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid #bc1f28;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.news-center .content .box .part .news-list a p span.art-title{
	width: 250px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-center .content .box .part .btn-more{
	box-sizing: border-box;
	width: 100%;
	padding-right: 20px;
	text-align: right;
}
.news-center .content .box .part .btn-more a{
	font-size: 10px;
	color: #000;
}
.news-center .content .box .part .btn-more a:hover{
	color: #bc1f28;
}
.news-center .content .box .part .shipin-detail{
	width: 100%;
	min-height: 390px;
}





.news-detail .content{
	font-size: 0;
}
.news-detail .pro-left-nav,
.news-detail .right{
	display: inline-block;
	vertical-align: top;
}
.news-detail .right{
	box-sizing: border-box;
	width: 950px;
	padding: 20px;
	font-size: 15px;
}



.article-page{
	width: 100%;
}
.article-page .container{
	width: 1200px;
	margin: 40px auto;
}
.article-page .container h2{
	font-size: 18px;
	font-weight: 500;
	color: #0c254d;
	text-align: center;
}
.article-page .container .title-mark{
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.article-page .container .title-mark span{
	margin-left: 20px;
	color: #777;
}
.article-page .container .hr-line{
	width: 100%;
	height: 0;
	border-bottom: 1px solid #777;
	margin: 10px 0 20px 0; 
}
.article-page .container .content{
	width: 100%;
}
.article-page .container .content img{
	float: right;
	width: 520px;
	height: 270px;
	padding-left: 20px;
}
.article-page .container .content p{
	text-indent: 2em;
	font-size: 14px;
	line-height: 30px;
}
.article-page .container .block{
	margin-top: 40px;
}


.rc-page .container .content p{
	text-indent: 0em;
}

.space-page{
	width: 100%;
}
.space-page .container{
	box-sizing: border-box;
	width: 1200px;
	min-height: 500px;
	margin: 0 auto;
	padding-top: 80px;
}
.space-page .container p{
	font-size: 15px;
	color: #000;
}



.tiyan .content .right .container{
	width: 100%;
}
.tiyan .content .right .container .title-mark span{
	font-size: 15px;
}
.tiyan .content .right .container .block{
	font-size: 15px;
}


.product-single .content .right .pic{
	width: 350px;
	display: inline-block;
	vertical-align: top;
}
.product-single .content .right .pic img{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.product-single .content .right .word{
	width: 400px;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	margin-top: 20px;
}
.product-single .content .right .word .title{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}
.product-single .content .right .word .detail{
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	color: #000;
}
.product-single .content .right .word p{
	font-size: 10px;
	line-height: 30px;
	color: #404040;
}

.shipin-detail .content .right .title{
	font-size: 18px;
	font-weight: 500;
	color: #0c254d;
	text-align: center;
}
.shipin-detail .content .right .line{
	width: 100%;
	height: 0;
	border-top: 1px solid #777;
}
.shipin-detail .content .right .detail-video{
	display: block;
	margin: 0 auto;
}

.news-detail{
	width: 100%;
}
.news-detail .content{
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	padding-top: 20px;
}
.news-detail .content .left-nav,
.news-detail .content .right{
	display: inline-block;
	vertical-align: top;
}
.news-detail .content .right .art{
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	min-height: 250px;
}
.news-detail .content .right .art .nav-title{
	width: 100%;
	font-size: 0;
	margin-bottom: 20px;
}
.news-detail .content .right .art .nav-title .space{
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 30px;
	background-color: #1c609d;
	margin-right: 5px;
}
.news-detail .content .right .art .nav-title .title{
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	font-size: 20px;
	font-weight: 600;
}
.news-detail .content .right .art .art-container{
	width: 100%;
}
.news-detail .content .right .art .art-container .item{
	width: 100%;
	height: 30px;
}
.news-detail .content .right .art .art-container .item a{
	display: block;
	width: 100%;
}
.news-detail .content .right .art .art-container .item a p{
	font-size: 15px;
	line-height: 30px;
}
.news-detail .content .right .art .art-container .item a p .art-title{
	margin-left: 20px;
	color: #000;
}
.news-detail .content .right .art .art-container .item:hover a p .art-title{
	color: #bc1f28;
}