/* 专业 专注 品质 诚信 */
.zuanzhu{width: 100%;background: #f2f2f2;position: relative;}
.wenben{width: 240px;background: #434343;text-align: center;}
.wenben>span{font-size: 18px; line-height: 280%; color: #fff; font-family: 微软雅黑;}

@media(max-width: 900px){
	.zuanzhu{position: relative;top:-80px;}
	.wenben{width: 140px; }
	.wenben>span{font-size: 12px;}
}
/* 专业 专注 品质 诚信 end */

/* 代理产品 */
.dai{width: 100%;margin-top: 30px;overflow: hidden;}
.dai h3{color: #8b8b8b;font-size: 30px;}
.rolling{width: 1200px;height:200px;margin:0 auto;position: relative;overflow: hidden;margin-top: 30px;}
.rolling .m_unit{width: 6000px;position: absolute;top: 0;left: 0;animation:move 20s linear 0s infinite;}
.rolling:hover .m_unit{animation-play-state:paused;}
.rolling ul{list-style: none;}
.rolling ul li{float: left;margin-left: 20px;}
.rolling ul li p{padding-top: 20px;font-size: 14px;}
.rolling ul li img {
	height: 150px;
}
@-webkit-keyframes move{
	from{left:0;}
    to{left:-1100px;}
}
@media(max-width: 900px){
	.dai{position: relative;top:-80px;}
	.dai img.tu{width: 320px;}
	.dai h3{font-size: 20px;}
	.rolling ul li img{width:140px;}
	.rolling ul li p{padding-top: 10px;font-size: 12px;}
}
/* 代理产品 end */

/* 解决方法 */
.jie{width: 100%; margin-top: 30px;background: #f2f2f2;padding-bottom: 30px;}
.jie h3{color: #8b8b8b;font-size: 30px;padding-top: 30px;}
.jie a{width: 216px;display: inline-block;margin-left: 20px;margin-top: 20px;border-bottom: 2px solid #ccc;}
.jie a p{padding-top: 20px;color: #666;}
.jie a p:hover{color: #424242;}
.jie a img{width: 216px;height: 220px;}
p.geng>a.duo{border-bottom: none;}
p.geng>a.duo img{width: 50px;margin-top: 20px;}
@media(max-width: 900px){
	.jie{margin-top: 0;position: relative;}
	.jie h3{ font-size: 20px; }
	.jie img.tu{width: 320px;}
	.jie a img,
	.jie-lg a img {width: 130px;height: 130px;}
	.jie a,.jie-lg a {width: 48%; margin: 4px 0.5%;display: inline-block;vertical-align: top;}
}

.jie-lg a,.jie-lg a img{width: 270px;}
/* 解决方法 end */

/* 企业实力 */
.qi{width: 100%; background: url(../images/qi.jpg);position: relative;padding-bottom: 30px;}
.qi h3{color: #fff;padding-top: 30px;}
.qi ul{margin-top: 30px;}
.qi ul li{width: 33%;display: inline-block;height: 260px;margin: -3px -3px;overflow: hidden; }
.index{background: #0a98e0;}
.index>img,.index2>img,.index4 img{padding-top: 30px;}
.index p.rong,.index2 p.rong,.index4 p.rong{font-size: 30px;}
.index p,.index2 p,.index4 p{color: #fff;padding: 0px 30px;}
.index1 img{width: 100%;}
.index3>img{height: 260px;}
.index2{background: #514b4b;}
.index4{background: #3aa554;}
@media(max-width: 900px){
	.qi{margin-top: 0;height: 700px;overflow: hidden;}
	.qi img.tu{width: 320px;}
	.index1 img{display: none;}
	.index3 img{display: none;}
	.qi ul li{width: 100%;height: 180px;margin-left: -10px;}
	.index>img,.index2>img,.index4 img{width: 30px;padding-top: 20px;}
	.index p.rong,.index2 p.rong,.index4 p.rong{font-size: 20px;}
	.index p,.index2 p,.index4 p{color: #fff;padding: 0px 20px;font-size: 14px;}
	.index2{position: relative;top: -200px;}
	.index4{position: relative;top: -400px;}
}
/* 企业实力 end */

/* 新闻中心 */
.inews2{display: inline-block;float: left; }
.indexnew{width: 100%;height: 100px; border-bottom: 1px solid #ccc;margin-top: 20px;}
.indexnew ul li.newss{width: 80px;height: 80px; float: left;background: #0384bb;text-align: center;}
.indexnew ul li span{width: 100%;font-size: 28px;color: #fff;text-align: center;overflow: hidden;}
.indexnew ul li:hover span{color: #fff;}
.indexnew ul li span.shi{font-size: 16px;}
.indnews{padding-left: 20px;width: 86%;}
.indnews a{color: #999;font-size: 16px;font-weight: bold;}
p.ni{padding-top: 6px;}
.indnews a:hover{color: #0384bb;}

@media(max-width: 900px){
	.inewstopbg h3{font-size: 20px;}
	.inewstopbg img.tu{width: 320px;}
	.newss{display: none;}
	.indexnew{margin-top: 8px;height: 90px;}
	.indnews{width: 100%;}
}

/*视频*/
.v-one{background: #f5f5f5;}
.vo-right{width: 100%;position: relative;}
.vo-right:after{content: "";width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 88;background: url(../images/pause.png) no-repeat;background-size: 100% 100%;}
.vo-right img{width: 100%;}

.list-i{transform: rotate(90deg);}
.msg-box-bg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
.msg-box{width: 45%;height: 500px;padding: 0;background: rgba(0,0,0,0.4);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 6px 6px 12px #555;}
.msg-box .close-box{width: 40px;height: 40px;background: url("../images/btnx.png") no-repeat;z-index: 9999;background-size: 100% 100%;cursor: pointer;position: absolute;right: -15px;top: -15px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.msg-box .close-box:hover{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.msg-box{position: relative;}
.msg-box video{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.text-box{font-size: 14px;padding-top: 10px;color: #333;}

@media(max-width: 1020px){
  .msg-box{width: 90%;height: 240px;}
}

.index_nav{padding-left: 16px;}
.index_nav li a{display: block;line-height: 35px;font-size: 14px;color: #666;}
.index_nav li a::before {content: "";display: inline-block;width: 15px;height: 15px;margin-right: 10px;border: 1px solid #eee;background-color: #fff;vertical-align: sub;}
.index_nav li a:hover::before,.index_nav li.active a::before{background-color: #d00020;}
.index_nav li a:hover,.index_nav li.active a{color: #d00020;}

.index_video{background: none;}
.video_st{font-size: 0;margin-top: 20px;}
.video_st li{width: 23%;display: inline-block;vertical-align: top;margin: 10px 1%;}
.video_st li img{height: 160px;}

@media(max-width: 768px){
    .video_st li{width: 48%;}
    .video_st li img{height: 130px;}
}