@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
body,button,input,select,textarea{ font: normal 12px/100% Helvetica, Arial, sans-serif;}
li{ list-style-type:none;}
body,html{ width:100%; height: 100%;background-color: #f5f5f5; -webkit-tap-highlight-color: transparent;}

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}

/*头部*/
.top_bg{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 94%;
	background-color: #f7f7f7;
	padding:.1rem 3%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.top_logo{
	width: 100%;
	text-align:center;
	height: 0.68rem;
	display:block;
	position: relative;
	overflow: hidden;
}
.top_logo img{
	display: block;
	max-width: 100%;
	max-height: 0.68rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.top_search{
	float: right;
}
.top_search span{
	display: block;
	width: .54rem;
	height: .54rem;
	margin-top: .06rem;
	background: url(../image_wap/icon_search.png) no-repeat center center;
	background-size: 64%;
}
.top_search>div{
	position: fixed;
	top: .88rem;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.top_search>div i{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}
.top_search .gg{
	position: absolute;
	z-index: 5;
	right: 0;
	width: 94%;
	padding:5% 3%;
	background-color: #fff;
	overflow: hidden;
}
.top_search .ss input{
	border:#ddd solid 1px;
	border-right:0;
	width: 78%;
	padding:0 2%;
	line-height: 260%;
	font-size:.26rem;
	float: left;
	border-radius: .07rem 0 0 .07rem;
}
.top_search .ss input:focus{
	border-color: #0083c3;
}
.top_search .ss button{
	font-size:.26rem;
	width: 17.5%;
	line-height: 260%;
	border:#0083c3 solid 1px;
	background-color: #0083c3;
	color: #fff;
	float: left;
	border-radius:0 .07rem .07rem 0;
}

/*清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}

.fc{ color: #0083c3; }
.bora_07{border-radius: .07rem;}


/*contentbox*/
.contentbox{
	min-height: 100%;
	overflow: hidden;
	padding-top: 0rem;
}
.white_bg{
	background-color: #fff;
}
.padding_03{
	padding:0 3%;
}
.margin_t{
	margin-top: 2%;
}
.padding_b{
	padding-bottom: 7%;
}

/*banner*/
.banner{
	width: 100%;
	padding-top:0.8rem;
	overflow: hidden;
}
.banner .swiper-slide img{
	display: block;
	width: 100%;
}
.banner .banner-p span{
	width: 10px;
	height: 10px;
	border:#fff solid 1px;
	border-radius: 40%;
	opacity: 1;
	background: none;
}
.contentbox .banner .banner-p span.swiper-pagination-bullet-active{
	background-color: #fff;
}

/*icon*/
.nav_iconbox{ overflow: hidden; background-color: #fff; padding:.4rem 0 .4rem;}
.nav_iconbox ul li{ text-align: center;}
.nav_iconbox ul li a img{ display: block; margin:0 auto; width:.64rem; height: .64rem;}
.nav_iconbox ul li a span{ display: block; white-space: nowrap; overflow: hidden; color: #333; line-height: 200%; font-size: .24rem;}

/*  滚动公告 */
.news_sj_dxs_box .scrollnews{overflow: hidden; padding:2%; height: .44rem;}
.news_sj_dxs_box .scrollnews span{float: left; width: 20%;}
.news_sj_dxs_box .scrollnews span img{ width: 100%; display: block; max-height: .44rem; }
.news_sj_dxs_box .scrollnews ul{float: right; width: 78%;height: .44rem; overflow: hidden; }
.news_sj_dxs_box .scrollnews ul li{line-height: .46rem; height: .44rem;}
.news_sj_dxs_box .scrollnews ul li a{display: block; color: #333; font-size: 0.24rem;
	white-space: nowrap; overflow: hidden;text-overflow: ellipsis;
}

.movie_bg_box{ background-color: #0083c3; min-height: 2rem; position: relative;}
.movie_bg_box>img{display: block; width: 100%;}
.movie_bg_box .btn{position: absolute; right: 3%; top: 50%;
	transform: translate(0,-50%);
}
.movie_bg_box .btn span{ display: block; border:rgba(255,255,255,.2) solid 1px; 
	border-radius: 3px; overflow: hidden; margin-bottom: .15rem;
}
.movie_bg_box .btn a{display: block; color: #fff; background-color: rgba(0,0,0,.4); 
	line-height: 180%; font-size:.22rem; padding:.5em 2em;
}

/*公司简介*/
.sy_title{
	text-align: center;
	background-image: url(../image/btbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 123px;
	width: 100%;
	padding-top: 4%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 0;
	overflow: hidden;
}
.sy_title *{
	display: inline-block;
	vertical-align: middle;
}
.sy_title span{
	line-height: 3.8rem;
	font-size:1.3rem;
	color: #FAFAFA;
	margin:0 -2px;
	font-family: "黑体";
	text-decoration: none;
}
.sy_title img{
	width: .62rem;
	margin-top: -.03rem;
}
.sy_about_box .txt{
	font-size:.65rem;
	color: #666;
	line-height: 200%;
	text-indent: 2em;
}
.sy_about_box video{ display: block; width: 100%; background-color: #000; margin-bottom: 3%;
	width: 100%; height: 100%; object-fit: fill;
}
.sy_about_box .txt img{
	display: block;
	width: 100%;
	margin-bottom: 3%;
}
.sy_about_box .txt a{
	color: #0083c3;
}

/*电影制作*/
.my_page01{ margin-bottom: 4%; white-space: nowrap; border-bottom: #0E4DC0 solid 2px; text-align: center;}
.my_page01 .swiper-pagination-bullet{ width: auto;height: auto;border-radius: 0; background: none; color: #0E4DC0; 
	font-size:0.90rem; opacity: 1; margin:0;overflow: hidden; line-height: 180%; width:33%; padding:1.09rem 0 calc(1.09rem - 2px);
	vertical-align: bottom;
}
.contentbox .movies_box01 .my_page01 .swiper-pagination-bullet{ margin:0; }
.my_page01 .swiper-pagination-bullet-active{ color: #fff; background-color: #0E4DC0;}

.sy_pic_box{overflow: hidden;}
.sy_pic_box .pic{ float: left; width: 48.5%;overflow: hidden; border:#0083c3 solid 2px;  background-color: #0083c3;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom: 3%;
}
.sy_pic_box p{ text-align:left; font-size:0.34rem;
}
.sy_pic_box .pic:nth-child(even){float: right;}
.sy_pic_box .pic img{display: block; width:100%;}
.sy_pic_box .pic span{display: block; text-align: center; color:#fff; font-size:.65rem; 
	line-height:1.15rem; border-top:#0083c3 solid 2px; background-color: #0083c3; 
	white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
}

.movies_box01 .sy_pic_box .pic img{display: block; width:100%; min-height: 3.6rem;}

.movies_box01 .sy_pic_box .pic span b{ color:#69bae2; font-size:.2rem;font-weight: normal; }

.more_btn{
	text-align: center;
	padding:5% 0 9%;
}
.more_btn a{
	display: inline-block;
	width: 64%;
	background-color: #0083c3;
	color: #fff;
	font-size:.75rem;
	line-height:1.19rem;
}



/*优秀经销商*/
.sy_title01{ border-bottom: #0083c3 solid 2px; padding:6% 0 2%; margin-bottom: 3%; }
.sy_title01 img{ width: .52rem; vertical-align: middle; margin-top: -.03rem; }
.sy_title01 span{display: inline-block; font-size:0.9rem;vertical-align: middle;}
.sy_title01 a{
	float: right;
	color:#999;
font-size:0.6rem; 		border-left: #0083c3 solid 3px;
	padding-left:4px;
	line-height: 100%;
	margin-bottom: 1%;
}
.slidebox01 a.pic { float: none; display: block; width: 100%; margin-bottom: 6%; }
.slidebox01 .pic{ margin-bottom: 0; }

/*无缝轮播平滑过渡*/
.slidebox01 .swiper-wrapper{ transition-timing-function: linear;}
.sy_qysy_box{ padding-bottom: 3%; }

/*视频中心*/
.sy_video_box{ padding-bottom: 6%; }
.slidebox02 .swiper-slide ._picbox_w3_h2{display: block;position: relative;}
.slidebox02 .swiper-slide i{position: absolute; z-index: 5; width: 100%; height: 100%; left:0;top:0; 
	background: url(../image/play_btn.png) no-repeat center center; background-size: .6rem;
}
.pj{}
.pj ul{}
.pj ul li{ height:4.5rem; text-align:left;}
.pj ul li p{
	padding-top: 0.2rem;
}
/*企业新闻*/
.news_slide{
	padding-bottom: .4rem;
}
.news_slide .swiper-slide {position: relative; overflow: hidden; }
.news_slide .swiper-slide p{position: absolute; bottom: 0; width: 96%; padding:2%;
	font-size:.28rem; color: #fff; line-height:130%; 
	background: -webkit-linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* 标准的语法 */
}
.news_slide .swiper-slide img{
	display: block;
	width: 100%;
}
.sy_news_box .news_slide .news_slide-p{ bottom: 0; }
.news_slide .news_slide-p span{
	width: 10px;
	height: 10px;
	border:#0083c3 solid 1px;
	border-radius: 50%;
	opacity: 1;
	background: none;
}
.sy_news_box .news_slide .news_slide-p span.swiper-pagination-bullet-active{
	background-color: #0083c3;
}
.sy_news_box .list ul{
	padding-top: 3%;
}
.sy_news_box .list ul li{
	margin-top: 0;
	border-bottom: #ddd solid 1px;
	background-image: url(../image/dian.png);
	background-repeat: no-repeat;
	background-position: 0.1rem 0.88rem;
	text-indent: 0.4rem;
	padding-top: 3.5%;
	padding-right: 0;
	padding-bottom: 2%;
	padding-left: 0;
}
.sy_news_box .list ul li a{
	display: block;
	overflow: hidden;font-size:0.66rem;
	line-height:0.7rem;
	position: relative;
}
.sy_news_box .list ul li img{
	float: left;
	width: 2.1rem;
	height: 1.4rem;
	margin-right: 2%;
}
.sy_news_box .list ul li h2{
	font-size:.46rem;
	color: #333;
	line-height: 150%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sy_news_box .list ul li span{
	position: absolute;
	bottom:2px;
	font-size:.42rem;
	color: #999;
	line-height: 120%;
}
.sy_news_box .list ul li span:before{
	content:"—— "; color:#0083c3;
}
.sy_news_box .more_btn{ padding-top: 7%; }

/*企业风采*/
.sy_qyfc_box{ padding-bottom: 6%; margin-bottom: 2%; }



/*侧边栏*/
.side_bar{
	position: fixed;
	z-index: 99;
	right: 1px;
	bottom:20%;
	display: none;
	background-color: #0083c3;
	border-radius: .07rem;
}
.side_bar .btn_top{
	display: block;
	width: .72rem;
	height: .72rem;
	background: url(../image_wap/back_top.png) no-repeat center center;
	background-size: 50%;
}

/*底部*/
.footbox{
	background-color: #f5f5f5;
	padding-bottom: 20%;
}
.footbox h2{
	text-align: center;
	border-bottom: #ddd solid 1px;
	font-size: .22rem;
	color: #666;
	line-height: 240%;
	padding:2% 0 1%;
}
.footbox h2 a{
	color: #666;
}
.footbox h2 a:active{
	color: #0083c3;
}
.footbox .txt{
	color: #666;
	font-size: .22rem;
	text-align: center;
	line-height: 180%;
	padding: 4% 2% 0;
}
.footbox .txt a{
	color: #666;
}
.footbox .txt a:hover{
	color: #0083c3;
}
.picindex {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
}
.picindex img{
	width: 100%;
	height:auto;
	padding: 1px;
	border: 1px solid #E8E8E8;
}

.tubiao{width: 95%; height:auto;overflow: hidden;}
.tubiao ul{
	padding-top: 1rem;
	padding-left: 1.7rem;
}
.tubiao ul li{ width:3.6rem; height:4.3rem; float:left; display:block; overflow: hidden; text-align:center;}
.tubiao ul li img{ width:3rem; height:3rem;display:block; overflow: hidden;}
.tubiao ul li span{ width:3rem; height:1.2rem;display:block; overflow: hidden; line-height:1.2rem; font-size:0.75rem;}

.sy_pic_box li{ float:left; width:42%; background:#f7f7f7; padding:0.5rem; border-radius:5px; border:1px solid #f1f1f1; list-style:none; margin:20px 2% 0 0; text-align:center;}
.sy_pic_box li:nth-child(2),.sy_pic_box li:nth-child(4){ margin-right:0;}
.caseLit{ font-size:0.52rem; color:#575757; line-height:0.91666rem; font-weight:bold;}
.sy_pic_box li .caseLip{
	font-size:0.40rem;
	color:#535353;
	line-height:0.6rem;
	text-align:left;
	width:99%;
	padding-top: 0.2rem;
	padding-left: 0.2rem;
}
.sy_pic_box li .caseLim a{
	font-size:0.6666rem;
	color:#fff;
	line-height:0.25rem;
	padding:10px 20px;
	border-radius:5px;
	background-color: #0066CC;
}
.sy_pic_box li .caseLim{ margin-top:1.6666rem;}
.sy_pic_box li img{ width:7rem; height:5rem;}

.bt01{
	color: #116ABB;
	font-weight: bold;
	display:block;
	font-size: 0.9rem;
	margin-top: 0.5rem;
}
.honorImg {
	width:100%;
	height:auto;
	overflow: hidden;
}
.honorImg ul{
	margin: 0px;
	padding: 0px;
}
.honorImg ul li{
	float:left;
	border:1px solid #f1f1f1;
	margin-right:1.34%;
	margin-bottom: 1.5%;
}
.honorImg ul li:last-child{ margin-right:0;}
.honorImg ul .hilo{ width:66.50%;}
.honorImg ul .hilt{ width:29.00%;}
.honorImg ul .hilh{ width:40.0%;}
.honorImg ul .hilf{ width:26.0%;}
.honorImg ul .hilw{ width:27.2%;}
.content{
	text-align: justify;
	overflow: hidden;
}
.zy_banner{}
.zy_banner img{ width:100%; height:auto;}
/*二级菜单*/
.zy_two_nav{ border-bottom: #0083c3 solid 2px; padding-top: 2%; margin-bottom: 3%;}
.zy_two_nav .swiper-button-next{ background: none; height: .6rem; right: 0;bottom:0; width: auto;}
.zy_two_nav .swiper-button-next img{ display: block; height: .6rem; margin-top: 3px; }
.zy_two_nav .swiper-button-next.swiper-button-disabled{ opacity: 0; }
.zy_two_nav .swiper-slide{ width: 25% !important; }
.zy_two_nav .swiper-slide a{ color:#666; display: block; text-align: center; height: calc(1.29rem - 0px); line-height: 1.24rem; font-size: .66rem;}
.zy_two_nav .cur_nav a{background-color: #0083c3; color:#fff;}