@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box; }

img,a,span,p,b{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

body{font-size:14px;color:#666;font-family:'微软雅黑'; background:#fefefe;}
a{ text-decoration:none; color:#333;}
li{ list-style:none;}
img{ max-width:100%; /*margin:0 auto;*/ display:block;}
.clr{ clear:both;}
.ri{ float:right;}
.le{ float:left;}
.w1200{ max-width:1230px; margin:0 auto; width:100%;}
.main1200{ max-width:1200px; margin:0 auto;width:100%;}
.w1600{ max-width:1612px; margin:0 auto;width:100%;}
.clear::after{ display:block; content:""; clear:both;}
.table{ display:table; width:100%; height:100%;}
.tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fefefe;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px; vertical-align:middle; display:inline-block; }
.sp_logo b{ color:#333; font-weight:normal; font-size:14px; padding-left:5px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0072DA;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.positi{ }
.header { height:80px; background:#fff;}
.logo img{ float:left;margin-top:15px;}
.logo b{ font-size:24px; color:#333; font-weight:normal; line-height:80px; padding-left:20px; margin-left:20px; display:inline-block; position:relative;}
.logo b::before{ content:""; display:block; width:2px; height:36px; background:#929ba0; position:absolute; left:0; top:50%; margin-top:-18px;}
.nav{ text-align:right;}
.nav li{ display:inline-block; height:100%; float:left; margin-left:30px; position:relative; }
.nav li >a{ padding:0 15px; font-size:16px; color:#333333; line-height:80px; position:relative; height:80px; display:block;}
.nav li.hover >a{ border-bottom:2px solid #0072DA; color:#0072DA;}
.nav li img.sousuo{ margin-left:20px;cursor:pointer;}
.nav li:last-child{height:80px; padding-top:25px; }

.nav li>a::before{ content:""; display:block; width:1px; height:12px; position:absolute; left:-15px; top:50%; margin-top:-6px; background:#cccccc}
.nav li:last-child >a::before{ display:none;}
.nav li:first-child> a::before{ display:none;}
.nav li> a:hover{ color:#0072DA}

.nav li .sub_nav{ z-index:10; width:400px; position:absolute; top:100%; left:50%; transform:translateX(-50%); line-height:70px; height:70px; text-align:center; display:none;}
.nav li .sub_nav a{ display:inline-block; font-size:16px; color:#333; margin:0 33px;}
.bac_nav { display:none; height:70px; background:#fff; position:absolute; top:80px; width:100%; left:0; z-index:9; border-top:1px solid #cccccc;}
.nav li .sub_nav a:hover{ color:#0072DA}
.banner .swiper-button-prev{ left:150px; width:64px; height:64px; background-size:64px; background-image:url(../icon/index_10.png);}
.banner .swiper-button-next{ right:150px; width:64px; height:64px; background-size:64px; background-image:url(../icon/index_13.png);}
.banner .swiper-pagination-bullet{ width:20px; height:20px; margin:0 7px; background-image:url(../icon/index_21.png); background-position:center; background-repeat:no-repeat; background-color:transparent; opacity:1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:20px; height:20px; background-image:url(../icon/index_18.png);
 background-color:transparent;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:50px;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner  .swiper-button-next{ opacity:0; 
    height: 100%;
    top: 0;
    width: 40%;
    right: 20px; background-position:right center; outline:none;} 
.banner  .swiper-button-prev{ opacity:0; 
    height: 100%;
    top: 0;
    width: 40%;
    left: 20px;background-position:left center; outline:none;}
.banner  .swiper-button-prev:hover,.banner  .swiper-button-next:hover{ opacity:1;}

.protanchu{ display:none; height:200px; background:#fff; position:absolute; top:80px; width:100%; left:0; z-index:9; border-top:1px solid #cccccc;}
.nav li .pro_nav{ z-index:10; width:900px; padding-top:20px; position:absolute; top:100%; left:50%; transform:translateX(-50%);  height:200px; display:none;}
.nav li .pro_nav .pro_li{ width:25%; float:left; text-align:left;}
.nav li .pro_nav .pro_li>a{ padding-left:50px; display:inline-block; font-size:16px; color:#333; font-size:14px; color:#999999; display:block; line-height:28px; }
.nav li .pro_nav .pro_li b>a { font-size:16px; color:#333; display:block; padding-bottom:10px; padding-top:10px;padding-left:50px; background-position:left center; background-repeat:no-repeat;}
.nav li .pro_nav .pro_li:first-child b>a{ background-image:url(../icon/proicon_09.png);}
.nav li .pro_nav .pro_li:last-child b>a{ background-image:url(../icon/proicon_03.png);}
.nav li .pro_nav .pro_li:nth-child(2) b>a{ background-image:url(../icon/proicon_12.png);}
.nav li .pro_nav .pro_li:nth-child(3) b>a{ background-image:url(../icon/proicon_06.png);}
.nav li .pro_nav .pro_li a:hover{ color:#0072DA}

.hangyetanchu{ padding:30px; background:#fff; width:100%; height:auto;position:absolute; left:0; top:80px; z-index:9;border-top:1px solid #cccccc; display:none;}
.search_tanchu{ padding:110px 0;position:absolute; left:0; top:80px; width:100%; height:auto; background:#fff; z-index:9;border-top:1px solid #cccccc; display:none;}
.sousuok{ height:80px; width:800px; margin:0 auto; padding:20px; border-bottom:1px solid #008bc4; position:relative;}
.sousuok::after{ display:block; content:""; height:	10px; width:1px; position:absolute; right:0; bottom:0; background:#008bc4;}
.sousuok::before{ display:block; content:""; height:	10px; width:1px; position:absolute; left:0; bottom:0;background:#008bc4;}
.sousuok input{ font-size:16px; color:#333; height:40px; width:calc(100% - 40px); float:left; border:none; outline:none;}
.sousuok input.btn{ width:40px; float:right; background:url(../icon/ss.jpg); text-indent:9999px; overflow:hidden; cursor:pointer;}

.w1500{ max-width:1500px; margin:0 auto;}

.hy_li { height:160px; width:25%; float:left; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; position:relative;}

.hy_li:nth-child(1) a{}
.hy_li:nth-child(5){ border-bottom:none;}
.hy_li:nth-child(4){ border-right:none;}
.hy_li img{ display:inline; vertical-align:middle;}
.hy_li .channame{ display:inline; }
.hy_li .channame b,.hy_li .channame span{ display:inline-block; }
.hy_li .channame b{ font-size:22px; color:#333;}
.hy_li .channame span{ font-size:14px; color:#888888;}
.hy_li>a { display:block; padding-left:50%; text-align:left; position:relative; height:100%; padding-top:55px; background-position:30% center; background-repeat:no-repeat; }

.zhezhao{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; display:none;}
.zhezhao a { display:block; color:#333333; font-size:16px; line-height:40px;}
.zhezhao a:hover{ color:#0072DA}

.index_p_box_le{ position:relative; width:29.77%;}
.index_p_box_le .zhezhao{ }
.in_pro_tit { position:absolute; left:40px; top:40px;}
.in_pro_tit b{ font-size:30px; font-weight:normal;color:#000000; display:block;}
.in_pro_tit span{ font-size:16px; color:#8e8e8e; text-transform:uppercase;}

.index_p_box_ri{ width:68.98%;}

.znjj,.znjj2{ position:relative;}
.znjj{ width:35.07%;}
.znjj2{ width:63.13%;}
.mt2{ margin-top:1.7%;}

.index_pro .zhezhao{background:rgba(0,0,0,0.5); text-align:center;}
.index_pro .zhezhao b{ color:#fff; font-size:34px; font-weight:normal; display:block;padding-bottom:20px;}
.index_pro .zhezhao span{ text-transform:uppercase; font-size:22px; color:#babcc0; display:block; padding:10px 0;}
.index_pro .zhezhao a{ width:170px; height:45px; line-height:45px; color:#fff; background:#0072DA; font-size:20px; margin:0 auto;}

.znjj3 .in_pro_tit{ left:inherit; right:40px;}
.znjj3 .in_pro_tit b,.znjj3 .in_pro_tit span{ color:#fff;}
.title{ font-size:50px; color:#333; padding-bottom:40px;text-align:center;}
.index_pro{ padding:80px 0; }
img.xindian{ margin-bottom:80px;}

.index_tab{ position:relative;}
.index_tab .tabli_intro{ position:absolute; top:0; width:100%; left:0;}
.intros{ padding:35px 30px; background:#0072DA; display:inline-block; width:auto;}
.intros b{ display:block; font-size:40px; color:#fff; font-weight:normal; padding-bottom:10px;}
.intros p{ font-size:18px; color:#ffffff; text-transform:uppercase;}
.tab_li{ position:absolute; bottom:80px; left:0; width:100%;}
.tab_li li{ width:25%;  float:left; cursor:pointer; border:1px solid #cccccc; background:#fff; display:inline-block; padding:30px 0; text-align:center;border-right:none;}
.tab_li li:last-child{ border-right:1px solid #cccccc}
.tab_li li span{ display:block; padding-bottom:5px; color:#191919; font-size:16px;}
.tab_li li p{ font-size:12px; color:#999999;}
.tab_li li.on{ background:#0072DA;border:1px solid #0072DA;}
.tab_li li.on span{ color:#fff;}
.tab_li li.on p{ color:#ccc;}
.gssl{ padding-top:80px; background:url(../images/indexbac_04.jpg) no-repeat bottom center; background-size:cover;}
.gssl li{ transition:all 0.3s; margin-bottom:5%; text-align:center; width:21%; float:left; height:300px; margin-right:5.33333333%; padding-left:40px; padding-right:40px;}
.gssl li:nth-child(4n){ margin-right:0;}
.gssl .imgs{ margin:40px auto 0; width:120px; height:120px; background-image:url(../icon/circle.png); background-size:cover; text-align:center;}
.gssl .imgs img{ display:inline;}
.gssl li b{transition:all 0.3s; font-size:22px; color:#333; display:block; margin-top:20px;transition:all 0.3s;}
.gssl li .line{transition:all 0.3s; width:40px; height:2px; background:#0072DA; margin:10px auto;}
.gssl li p{ transition:all 0.3s;font-size:16px; color:#666666;}

.gssl li:hover{  background-repeat:no-repeat;}
.gssl li:hover .imgs img{ transform:scale(1.1);}



.news_index{ background-color:#f5f2f2; padding:80px 0;}
.news_index a:hover,.news_in_le .txts h2 a:hover{ color:#0072DA}
.news_in_le,.news_in_ri{ width:48%; height:670px; overflow:hidden;}
.news_in_le .imgs{ height:460px; position:relative; overflow:hidden;}
.news_in_le .imgs img{ min-height:100%; min-width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.news_in_le .txts{ padding:25px 40px; background:#fff;}
.news_in_le .txts h2 a{ font-size:30px; color:#333; display:block; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_in_le .txts span{ font-size:18px; color:#333;}
.news_in_le .txts p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; font-size:16px; color:#858585; padding:27px 0;}
.news_index .w1200{ margin-bottom:55px; text-align:center;}
.news_index .w1200 a{ display:inline-block; width:33.333333%; float:none; font-size:20px; line-height:45px; border-bottom:2px solid #e0e0e0; height:45px; text-align:center;}
.news_index .w1200 a.on{ color:#1fb8df; border-bottom:2px solid #1fb8df;}

.newrili{ margin-bottom:55px;}
.newrili .tim{ width:126px; height:126px; background-color:#e6e6e6; text-align:center; padding: 0 15px;}
.newrili .tim b{ display:block; border-bottom:1px solid #666666; color:#333; font-size:26px; padding-bottom:5px; margin-bottom:5px;}
.newrili .tim span{ font-size:20px; color:#333;}
.newrili .txts{ height:126px; border-bottom:1px solid #ccc; width:calc(100% - 126px); padding-left:30px;}
.newrili .txts a{ color:#333; font-size:26px; font-weight:normal; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:10px;}
.newrili .txts p{ color:#666; font-size:16px; line-height:32px; overflow:hidden; max-height:64px;}
.newrili:hover a,.newrili:hover .txts p{ color:#0072DA}
.newrili:hover .tim{ background-color:#0072DA}
.newrili:hover .tim b,.newrili:hover .tim span{ color:#fff;}
.newrili:hover .tim b{ border-bottom:1px solid #fff;}
.newrili:hover .txts{border-bottom:1px solid #0072DA;}

/* .footer{ background:#333333; padding-top:75px;} */
.fot_copy{ font-size:16px; color:#999; border-top:1px solid #cccccc; padding:25px 15px; text-align:center;}
.fot_copy a{font-size:16px; color:#999; display:inline-block;}
.fot_copy a:hover{ color:#0072DA;}

.fot_ewm{ width:460px;}
.foticon{ text-align:center; margin-bottom:20px;}
.foticon li{ display:inline-block; margin:6px 10px; position:relative;}
.foticon li img{ cursor:pointer;}
.foticon li .tanchu{ position:absolute; width:120px; height:120px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%); display:none; bottom:70px;}
.fot_ewm p,.fot_ewm span{ font-size:18px; color:#ccc;}
.fot_ewm p{ margin-bottom:10px;}
.fot_ewm span { padding-left:25px; display:inline-block; padding-top:5px; padding-bottom:5px}
.fot_ewm p.dizhi{padding-left:25px; display:inline-block; background:url(../icon/foticon_11.png) no-repeat left center;}
.fot_ewm span.le{background:url(../icon/foticon_03.png) no-repeat left center;}
.fot_ewm span.ri{background:url(../icon/foticon_06.png) no-repeat left center;}
.footer .w1600{ padding-bottom:30px;}

.fot_nav { width:calc(100% - 600px);}
.fot_nav li{ display:inline-block; float:left; width:16.666666666%; padding-right:10px;}
.fot_nav li b a,.fot_nav li a{ display:block; color:#fefefe;}
.fot_nav li b a{ height:22px; line-height:22px; border-left:4px solid #0072DA; padding-left:13px; font-weight:normal; margin-bottom:25px; font-size:20px;}
.fot_nav li a{ font-size:16px; line-height:2; padding-left:13px;}


@media screen and (max-width:1680px){
	.w1600{ padding-left:40px; padding-right:40px;}
	.title{ font-size:40px;}
	.index_pro,.news_index{ padding:40px 0;}
	img.xindian{ margin-bottom:40px;}
	.gssl{ padding-top:40px;}
	}
@media screen and (max-width:1480px){
	.nav li{ margin-left:10px;}
	.nav li>a::before{ left:-5px;}
	.logo b{ font-size:18px;}
	.banner .swiper-button-prev{ left:20px;}
	.banner .swiper-button-next{ right:20px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px; }
	.newrili .txts a,.index_pro .zhezhao b{ font-size:20px;}
	.newrili .txts p{ font-size:14px;}
	.news_in_le .txts h2 a{ font-size:22px;}
	.news_in_le .txts p{ padding:33px 0;}
	.intros b,.in_pro_tit b{ font-size:20px;}
	.intros p,.in_pro_tit span,.index_pro .zhezhao span{ font-size:14px;}
	.title{ font-size:30px;}
	.gssl li b{ font-size:18px;}
	.index_pro .zhezhao a{ font-size:14px; width:120px; height:35px; line-height:35px;}
	.fot_nav{ width:100%; float:none;}
	.fot_ewm{ float:none; margin:20px auto;}
	.fot_ewm p{ font-size:14px;}
	}
@media screen and (max-width:1220px){
	.nav li >a,.nav li .sub_nav a{ font-size:14px;}
	.hy_li .channame span{ font-size:12px;}

	.hy_li .channame b{ font-size:16px;}
	.hy_li{ height:110px;}
	.hy_li>a{ padding-top:35px;}
	.nav li >a{ padding:0 5px;}
	.nav li .sub_nav a{ margin:0 10px;}
	.nav li .sub_nav{ width:240px;}
	.nav li .pro_nav{ width:800px;}
	.search_tanchu{ padding:30px 0;}
	.logo b{ font-size:14px;}
	.w1600,.w1200{ padding-left:15px; padding-right:15px;}
	.zhezhao a{ font-size:14px; line-height:24px;}
	.tab_li{ bottom:0;}
	.intros{ padding:15px;}
	.gssl li{ width:23%; margin:1%; padding:15px; padding-top:0;}
	.gssl .imgs{ margin-top:20px;}
	.gssl li p{ font-size:12px;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .tab_li{ position:static;}
	 .tab_li .w1200{ padding:0;}
	 .tab_li li span{ font-size:14px;}
	 .news_in_le .imgs{ height:280px;}
	 .newrili{ margin-bottom:10px;}
	 .fot_nav{ display:none;}
	 .footer{ padding-top:30px;}
	 .footer .w1600{ padding-bottom:30px;}
	}
@media screen and (max-width:768px){
	.tab_li li{ width:33.33333333%; padding:15px 0;}
	.intros b{ font-size:14px;}
	.intros p{ font-size:12px;}
	.index_tab .tabli_intro{ position:static;}
	.index_tab .tabli_intro .w1200{ padding:0;}
	.gssl li{ width:48%; height:250px;}
	.gssl .imgs{ width:80px; height:80px;}
	.gssl .imgs img{ width:30px; height:auto;}
	.gssl .w1200{ padding:0;}
	.news_index .w1200 a{ font-size:16px;}
	.title{ font-size:20px; padding-bottom:20px;}
	.news_in_le, .news_in_ri{ width:100%; float:none; height:auto;}
	.news_in_le{ margin-bottom:20px;}
	.index_p_box_le{ width:100%; height:200px; float:none; overflow:hidden; margin-bottom:10px;}
	.index_p_box_le img{ position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.index_p_box_ri{ width:100%; float:none;}
	.in_pro_tit b,.index_pro .zhezhao b { font-size:14px;}
	.in_pro_tit span,.index_pro .zhezhao span{ font-size:12px;}
	.in_pro_tit{ left:10px; top:10px;}
	.index_pro .zhezhao a{  padding:0 10px; width:80%; max-width:120px; font-size:12px;}
	.news_in_le .txts{ padding:15px;}
	.news_in_le .txts h2 a{ font-size:14px;}
	.news_in_le .txts span{ font-size:12px;}
	.news_in_le .txts p{ padding:15px 0; font-size:12px;}
	.newrili .tim{ width:80px; height:80px;}
	.newrili .tim b{ font-size:14px;}
	.newrili .tim span{ font-size:12px;}
	.newrili .txts{ width:calc(100% - 80px); padding-left:15px; height:80px;}
	.newrili .txts a{ font-size:14px; padding-bottom:5px;}
	.newrili .txts p{ font-size:12px; line-height:24px; max-height:48px;}
	.news_in_le .imgs{ height:200px; overflow:hidden;}
	
	}	
@media screen and (max-width:500px){
	.banner .swiper-button-prev{ display:none;}
	.banner .swiper-button-next{  display:none;}
	.fot_ewm{ width:100%;}
	.fotewmtop img.le{ float:none; margin:0 auto; margin-bottom:15px;}
	.foticon{ width:100%; float:none;}
	.fot_ewm span.le{ float:none; margin-bottom:10px; font-size:14px;}
	.fot_ewm span.ri{ float:none; display:block;font-size:14px;}
	.footer .w1600{ padding-bottom:0;}
	.fot_copy a,.fot_copy{ font-size:14px;}
	img.xindian{ margin-bottom:20px;}
	.index_pro{ padding-bottom:20px;}
	.intros{ text-align:center;}
	}

.news_ban{ position:relative;}
.ban_tit { position:absolute; bottom:0; left:0; width:100%; height:75px; background:rgba(0,52,65,0.6);}
.ban_tit h2 a{ font-size:40px; color:#fff; line-height:75px; font-weight:normal;}
.newszhiding{ padding-right:150px; position:relative; max-width:1200px; margin:0 auto;}
.ban_tit span{ display:block; width:150px; top:0; position:absolute; right:0; line-height:75px; font-size:16px; color:#fff;}

.news_jiugg{ padding:50px 0;}
.jgg_le{width: 50%;height:385px;position:relative;overflow:hidden;}
.jgg_ri{width: 49%;}
.jgg_le .zhezhao{ background:rgba(0,0,0,0.3); display:block;}

.jgg_le img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.jgg_le .txts{position:absolute; z-index:1; bottom:0; left:0; width:100%; padding:20px;}
.jgg_ri li{margin-bottom:20px;width: 49%;height:182px;float:left;margin-right: 2%;position:relative;overflow:hidden;}
.jgg_ri li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.jgg_ri li:nth-child(2n){ margin-right:0;}
.jgg_ri li .txts{ position:absolute; z-index:1; bottom:0; left:0; width:100%; padding:20px; background:rgba(0,0,0,0.5);}
.jgg_ri li .txts a{ color:#fff; font-size:16px; font-weight:normal;}

.jgg_le .txts a{ font-size:24px; color:#fff; display:block; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px; }
.jgg_le .txts p{ font-size:	16px; color:#fff; line-height:32px; max-height: 64px; overflow: hidden;;}

.channal_name{ text-align:center;}
.channal_name a{ display:block; width:33.333333333%; float:left; line-height:58px; color:#999; font-size:20px;border-bottom:2px solid transparent}
.channal_name a.on,.channal_name a:hover{ border-bottom:2px solid #0072DA; color:#0072DA;}

.news_lists{ margin-top:30px;}
.news_lists li{ padding:55px 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.news_lists li .times{ position:relative; width:200px; float:left; height:125px; font-size:24px;}
.news_lists li .imgs{ width:325px; height:200px; overflow:hidden; position:relative; float:left;}
.news_lists li .imgs img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.news_lists li:hover{ background:#f6f6f6;}
.news_lists li .txts{ width:1100px; float:right; padding-left:25px;}
.news_lists li .txts a{ font-size:24px; color:#333; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:20px; font-weight:normal;}
.news_lists li .txts p{ font-size:16px; color:#666666; line-height:24px; margin-bottom:10px;}
.news_lists li .txts span{font-size: 14px;display: block;margin-bottom: 10px;}
.news_lists li .txts a.view{ font-size:16px; color:#666;}

.news_lists li .times .tbc::after{ display:block; content:""; width:1px; height:30px; background:#666666; position:absolute; right:40px; top:50%; margin-top:-15px;}
.pagelist { padding:60px 0; text-align:center;}
.pagelist li{ display:inline-block;}

.pagelist li a{ display:block; padding:5px 10px;}
.pagelist li a:hover{ color:#1fb8df}
.pagelist li.active a{ background:#1fb8df; color:#fff;}


.newarti_tit {text-align:center; border-bottom:1px solid #cccccc; margin-bottom:30px;}
.newarti_tit h1{ font-size:28px; color:#333; font-weight:normal;}
.newarti_tit p{ display:block; padding:30px 0;}
.newarti_tit p span{ font-size:16px; color:#666666;}
.newbox_le{ width:760px;}
.newbox .newbox_le p{ font-size:16px; color:#666666; line-height:32px; margin-bottom:15px;}
.newarti_tit p span{ font-size:16px; color:#666; display:inline-block; margin:0 10px;}

.prevnext { margin-top:40px; padding:30px 0; border-top:1px solid #cccccc;}
.prevnext div{ font-size:16px; color:#999999; padding:9px 0;}
.prevnext a{ font-size:16px; color:#333;}
.prevnext a:hover{ color:#1fb8df;}
.newbox_ri{ width:400px;}
.newbox_ri .ri_tit{ padding-bottom:20px; font-size:28px;color:#333;  border-bottom:1px solid #ccc;}

.newbox_ri ul{ margin-bottom:40px;}
.newbox_ri li{ margin-top:30px;}
.newbox_ri li .imgs{ width:105px; height:70px; overflow:hidden; float:left;}
.newbox_ri li .imgs img{ min-width:100%; min-height:100%; width:100%;}
.newbox_ri li .txts{ width:calc(100% - 105px); float:right; padding-left:20px;}
.newbox_ri li .txts span{ font-size:14px; color:#999999; display:block; padding-bottom:5px;}
.newbox_ri li .txts h3{ font-size:16px; color:#333; font-weight:normal; overflow: hidden; height: 48px; line-height: 24px;}
.newbox_ri li:hover h3{ color:#1fb8df}

.fenleis{ padding:30px 0;}
.fenleis a{ display:block; margin-bottom:20px; line-height:35px; color:#fff; padding-left:35px; background:#0072DA; position:relative;}
.fenleis a::before{ width:4px; height:4px; content:""; display:block; border-radius:100%; background:#fff; position:absolute; left:20px; top:50%; margin-top:-2px;}

.sub_ban_01 {height: 500px;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display: flex;align-items: center;}

.sub_ban_01 .w1440{width: 100%;}
.sub_ban_01 .w1440 b{font-size: 36px;}
.sub_ban_01{position: relative;}
.sub_ban_01 .cate-ul{position: absolute;bottom: 0;left: 0;right: 0;border-top: 1px solid rgba(0, 0, 0, 0.2);}
.sub_ban_01 .cate-ul ul{width: 100%;max-width: 1440px;margin:0 auto;display: flex;}
.sub_ban_01 .cate-ul li{flex:1;text-align: center;}
.sub_ban_01 .cate-ul li a{display: block;padding:20px 10px;color: #555;font-size: 18px;border-top: 2px solid transparent;-webkit-transition: all 0.6s ease;}
.sub_ban_01 .cate-ul li:hover a,.cate-ul li.active a{border-top: 2px solid #555;color: #000;}

@media(max-width:1100px){
	.sub_ban_01 .w1440 b{font-size: 24px;}
	.sub_ban_01 .cate-ul li a{font-size: 16px;}
}
@media(max-width:768px){
	.sub_ban_01 .w1440 b{font-size: 20px;}
	.sub_ban_01 .cate-ul{display: none;}
	.fangan_tits{display: none;}
	.sub_ban_01 .cate-ul li a{font-size: 13px;}
}

.mobile-nav{display: none;}
    @media (max-width: 768px) {
        .mobile-nav{display: block;position: relative;}
        .mobile-nav>a{display: block;padding:20px 10px;text-align: center;font-size: 14px;border-bottom: 1px solid #ccc;}
        .mobile-nav ul{position: absolute;top: 100%;left:0;right:0;margin:0 auto;
            opacity: 0;transform: translateY(5%);z-index: -1;
            width: 100%;border-left: 1px solid #eee;border-right: 1px solid #eee;
            border-top: 1px solid #eee;z-index: -1;background: #fff;-webkit-transition: all 0.6s ease;}
        .mobile-nav ul li a{display: block;text-align: center;font-size: 14px;padding:15px 10px;border-bottom: 1px solid #eee;}
        .mobile-nav ul.active{z-index: 1;opacity: 1;transform: translateY(0%);}
    }

.sub_nav_chan { max-width:1440px; width:100%; margin:0 auto; margin-top:25px;}
.sub_nav_chan{display: none}
.sub_nav_chan a:hover{ text-decoration:none;}
.sub_nav_chan li{ width:33.333333333%; float:left; border:1px solid #cccccc; padding:50px 0; padding-left:75px; background-position:25px center; background-repeat:no-repeat; background-color:#fff;}
.sub_nav_chan li b{ display:block; font-size:20px; color:#333333; font-weight:normal;}
.sub_nav_chan li span{ font-size:16px; color:#333;}
.sub_nav_chan li.on{ background-color:#0072DA;border:1px solid #0072DA;}
.sub_nav_chan li:hover b,.sub_nav_chan li:hover span{ color:#0072DA}
.sub_nav_chan li.on b{ color:#fff;}
.sub_nav_chan li.on span{ color:#fff;}
.sub_nav_chan li:first-child{ background-image:url(../icon/faq_10.png);}
.sub_nav_chan li:nth-child(2){ background-image:url(../icon/faq_13.png);}
.sub_nav_chan li:last-child{ background-image:url(../icon/faq_08.png);}

.sub_nav_chan li:first-child.on{ background-image:url(../icon/faq_06.png);}
.sub_nav_chan li:nth-child(2).on{ background-image:url(../icon/faq_16.png);}
.sub_nav_chan li:last-child.on{ background-image:url(../icon/faq_03.png);}
.sub_nav_chan li:hover a{ color:#0072DA}
.fuwu_box { padding:100px 0;}
.fuwu_box li{ width:33.3333333333%; float:left; text-align:center; border-right:1px solid #cccccc; padding:0 15px;}
.fuwu_box li:last-child{ border:none;}
.fuwu_box li b{ font-size:40px; color:#0072DA; font-weight:normal;}
.fuwu_box li p{ font-size:20px; color:#333333; display:block; padding:20px 0;}
.fuwu_box li img{width: auto;    margin: 0 auto;}


.fuwudown { margin:55px auto; padding:60px 100px; background:#fff;}
.fuwudown.w1440{padding:60px 100px;}
.fuwudown table{ width:100%;}
.fuwudown span{ display:inline-block; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.fuwudown span.pdf{ background-image:url(../icon/faq_28.png);}
.fuwudown span.pptx{ background-image:url(../icon/faq_47.png);}
.fuwudown span.doc{ background-image:url(../icon/faq_52.png);}
.fuwudown span.zip{ background-image:url(../icon/faq_49.png);}
.fuwudown table tr{ padding:0 10px;}
.fuwudown table tr.heads th{ color:#0072DA; font-size:22px; padding-bottom:30px; font-weight:normal; border-bottom:1px solid #ccc;}

.fuwudown table tr td{ height:80px; border-bottom:1px dashed #ccc;font-size:18px;}

.fuwudown table tr a{ display:block; width:115px; height:40px; line-height:38px; font-size:18px; color:#0072DA; border:1px solid #0072DA;}

.fuwudown table tr a img{ display:inline; vertical-align:middle; padding-right:5px;width: auto;}

.faq{ padding:55px 0;}
.faq .question{ padding:0 100px 30px; background:#fff; margin-bottom:20px;}
.ques_tit{ cursor:pointer;  font-size:22px; color:#0072DA; border-bottom:1px solid #999999; padding-top:30px; padding-bottom:30px; padding-left:50px; background-image:url(../icon/xiangyou.jpg); background-position:20px center; background-repeat:no-repeat;}
.question.on .ques_tit{ background-image:url(../icon/xiangxia.jpg);}
.ques_box { padding:20px; display:none; padding-bottom:0;}
.ques_box p{ line-height:35px; font-size:18px;}

.fuwudown table tr:hover td{ color:#0072DA;}

/* .sub_nav_chan_contact{ width:600px;} */
.sub_nav_chan_contact li{ width:50%; padding-left:125px; background-position:65px center;}
.sub_nav_chan_contact li:first-child{ background-image:url(../icon/zsjmicon.png);}
.sub_nav_chan_contact li:last-child{ background-image:url(../icon/conicon.png);}



.sub_nav_chan_contact li:first-child.on{ background-image:url(../icon/zsjmicon_w.png);}
.sub_nav_chan_contact li:last-child.on{ background-image:url(../icon/conicon_w.png);}


.jiameng_tit{ font-size:40px; color:#282828; padding:50px 0; text-align:center;}
.guestbook .forms{display: flex;justify-content: center;}
.jiameng_boxs p{ font-size:14px; line-height:24px;}
.guestbook{ background-color:#fafafa; margin-top:50px;}
.biaodans{ margin-bottom:20px;}
.biaodans span{ font-size:16px; display:inline-block; width:80px; float:left; line-height:50px; text-align:right; margin-right:20px;}
.biaodans > input{ width:510px; height:50px; border:1px solid #dbdbdb; border-radius:5px; background:#f2f2f2; padding:0 20px; width:510px;}

.xxdizhi input{ width:750px;}
.distpickers{ width:770px;}
.distpickers .form-group{ width:240px;margin-right:10px;}
.form-inline .form-control{ width:100%; }
.biaodans > input::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.biaodans > input:-ms-input-placeholder {
  color: #666;
}
.biaodans > input::-webkit-input-placeholder {
  color: #666;
}

.biaodans button{ width:240px; height:50px; border:1px solid #0072DA;font-size:16px; color:#0072DA; background:#fff; margin-right:10px;}
.biaodans button.tijiao{ background:#0072DA; color:#fff; }
.biaodansbtn { padding:40px 0 50px;}

.contactus ul{ margin-top:80px;}
.contactus li{ width:33.33333333%; text-align:center; float:left;}
.contactus li b{ font-size:20px; color:#333; display:block; padding:15px 0 20px; font-weight:normal;}
.contactus li p{ font-size:16px; color:#333; line-height:1.5; max-width:300px; display:block; margin:0 auto; text-align:left;}

.con_bottom{ margin:60px auto;}
.gzhewm{ width:485px;}
.maps{ width:calc(100% - 495px);}

.gzhewm b{ display:block; text-align:center; border-bottom:1px solid #cccccc; padding-bottom:20px; font-size:26px; color:#333; font-weight:normal; padding-top:30px; margin-bottom:30px;}
.gzhewm .w50{ width:48%;}

.pro_01{ padding:60px 0;}
.pro_01 li{ width:32.29%; margin-right:1.56%; float:left;}
.pro_01 li:last-child{ margin-right:0;}

.pro_01 li .txts{ text-align:center; background-image:url(../images/prochan_10.jpg); background-repeat:no-repeat; background-size:100% 100%; line-height:60px; font-size:24px; color:#666; position:relative;}
.pro_01 li .txts::after{ display:block; content:""; width:0; transition:all 0.3s; left:0; bottom:0; height:4px; background-color:#0072DA; }
.pro_01 li:hover .txts::after{ width:100%;}

.pro_02{ padding:60px 0; background-image:url(../images/prochan_13.jpg); background-size:cover; background-position:bottom center;}
.pro_02 b{ font-size:44px; color:#3b485b; font-weight:400;}
.pro_02 p{ font-size:30px; color:#3b485b; display:block; margin:15px auto 25px;}
.pro_02 .line{ height:4px; width:80px; background:#3b485b;}

.pro_03 .zhezhao{ background:rgba(0,0,0,0.2); display:none;}

.pro_03 .pro_03_le{ width:55.72%; position:relative; margin-bottom:1.5%;}
.zhezhaotit{ position:absolute; width:100%; bottom:0; left:0; padding:0 100px; padding-bottom:45px;}
.zhezhaotit b{ color:#fff; font-size:40px; font-weight:normal;}
.zhezhaotit p{ font-size:20px; color:#fff; text-transform:uppercase; font-weight:lighter;}
.zhezhaotit a{ display:inline-block; color:#fff; font-size:16px; font-weight:bold; margin-top:40px; background:url(../images/prochan_16.png) no-repeat left center; padding-left:50px;}

.pro_03 .pro_03_ri { width:42.70%;position:relative;}

.pro3_zong { padding:60px 0 30px; }


.pro_view_ban { padding-top:170px; padding-bottom:110px;}
.pro_view_ban h1{ font-size:24px; color:#fff; font-weight:normal;}
.pro_view_ban .xbt{ font-size:44px; color:#fff; margin:10px auto 15px}
.pro_view_ban .biaoyu{ font-size:24px; color:#fff;}
.pro_view_ban img{ display:inline-block; margin-top:170px; cursor:pointer;}

.qiehuan_view .le span{ font-size:16px; color:#666; display:block;}
.qiehuan_view .le .xinghao{ font-size:24px; color:#333; padding-top:10px;}
.qiehuan_view .ri{ text-align:right; padding-top:12px;}
.qiehuan_view .ri span,.qiehuan_view .ri a{ display:inline-block; }
.qiehuan_view .ri a{ padding:10px 35px; background:#0072DA; color:#fff;}
.qiehuan_view .ri span { display:inline-block; padding:5px 20px; cursor:pointer;}
.qiehuan_view .ri span.on{ background:#ededed; color:#0072DA; border-radius:100px;}
.leisishangpin { padding:50px 0; background:#f9f9f9;}
.view_box{ padding:50px 0;}
.leisishangpin .title{ font-size:30px;}
.view_box iframe{ width:100% !important; }

.gundong_pro { padding:0 120px; position:relative; }
.leisishangpin p{ font-size:16px; color:#333;}
.leisishangpin h3{ font-size:20px; color:#333; display:block; padding:10px 0 5px;}
.gundong_pro .swiper-slide .imgs{ overflow:hidden;}
.gundong_pro .swiper-slide:hover .imgs img{ transform:scale(1.1);}

.gundong_pro .swiper-button-next{ background-image:url(../images/proview_38.png); width:64px; height:64px; background-size:64px;outline:none; }
.gundong_pro .swiper-button-prev{ background-image:url(../images/proview_35.png);width:64px; height:64px; background-size:64px; outline:none;}
.videps{ height:675px; margin-top:20px;}
video{object-fit: fill;}
.video-js .vjs-big-play-button{    width: 55px;
    height: 55px;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;}
.vjs-poster{ background-size:cover;}

.sub_nav_chanabout li{ padding-left:115px; background-position:55px center;}
.sub_nav_chanabout li:first-child{ background-image:url(../icon/about2_05.png);}
.sub_nav_chanabout li:nth-child(2){ background-image:url(../icon/about1_06.png);}
.sub_nav_chanabout li:last-child{ background-image:url(../icon/about1_09.png);}

.sub_nav_chanabout li:first-child.on{ background-image:url(../icon/about1_03.png);}
.sub_nav_chanabout li:nth-child(2).on{ background-image:url(../icon/about2_08.png);}
.sub_nav_chanabout li:last-child.on{ background-image:url(../icon/about3_03.png);}
.sub_nav_chanabout li:hover a{ color:#0072DA;}

.fzlc { position:relative; padding:70px 160px;}
.fzlc .swiper-button-next{ right:50px; background-image:url(../images/about1_25.png); width:64px; height:64px; background-size:64px;outline:none; }
.fzlc .swiper-button-prev{ left:50px; background-image:url(../images/about1_22.png);width:64px; height:64px; background-size:64px; outline:none;}

.rongyutit{ text-align:center; padding:55px 0;}
.fazhanlicheng .title,.rongyutit b{ font-size:30px; color:#333; font-weight:normal;}
.fazhanlicheng .title{ color:#fff;}
.rongyutit span{ font-size:20px; color:#666; display:block; margin-top:10px;}

.hezuohuoban{ padding:55px 0;}
.hezuohuoban .title{ font-size:30px; color:#333;}
.hezuohuoban li{ width:23%; margin:1%; float:left;}



.about1 { width:100%; max-width:1570px; margin:0 auto; padding:60px 0;}
.about1_le{ background:url(../images/about1_15.png) no-repeat left top; width:48%; background-size:100% auto; padding-left:70px;}
.about1_ri{ width:50%; padding-right:70px;}
.about1_le_tit{ font-size:22px; color:#333; line-height:92px;}
.about1_le p{ font-size:16px; color:#666; line-height:30px; margin-top:20px;}
.shuzi { padding:50px 70px;}
.shuzi li{ width:25%; float:left; display:inline-block; text-align:center;}
.shuzi li div{ font-size:20px; color:#666;}
.shuzi li b{ font-size:66px; color:#0072DA; font-weight:normal;}
.shuzi li sup{ font-size:40px;color:#0072DA;}
.shuzi li span{ display:block;font-size:20px; color:#666; padding-top:15px;}
.fazhanlicheng{ background-image:url(../images/about5_02.jpg); background-size:cover; background-position:bottom center; padding:60px 0;}
.fazhanlicheng .swiper-slide b{ font-weight:normal; color:#fff; font-size:40px; display:block; margin-bottom:20px; margin-top:20px;}
.fazhanlicheng .swiper-slide p{ font-size:14px; color:#fff; padding-left:20px; line-height:24px; margin-top:10px; position:relative;}
.fazhanlicheng .swiper-slide p::before{ display:block; content:""; width:6px; height:6px; background:#fff; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-3px;}
.fazhanlicheng .swiper-container{ padding:20px 0;}
.fazhanlicheng .swiper-slide  img{ margin-left:0; margin-top:20px;}
.fazhanlicheng .swiper-slide{  padding:10px 30px;}
.fazhanlicheng .swiper-slide .lines{ position:absolute; left:10px; width:2px; height:100%; top:0; background:#fff;}
.fazhanlicheng .swiper-slide .lines::before{ width:20px; height:20px; content:""; display:block; background:rgba(255,255,255,0.5); position:absolute; top:-10px; left:50%; margin-left:-10px;border-radius:100%;}
.fazhanlicheng .swiper-slide .lines::after{ width:20px; height:20px; content:""; display:block; background:rgba(255,255,255,0.5);position:absolute; bottom:-10px; left:50%; margin-left:-10px; border-radius:100%;}


.about_02_1{ padding:50px 0;}
.about_02_1_img img{ width:50%;}

.about_02_2 .videps{ height:686px;}

.about_02_2{ background:#fafafa;}
.about_02_2 .main1200 { background:#fff;}

.about2_video .videossss{ height:400px; width:700px;}
.about2video_ri{ width:500px;}
.about2video_ri li{ display:inline-block; text-align:center; float:left; margin-bottom:2%; width:48%; margin-left:2%;}
.about2video_ri li span{ font-size:16px; color:#666666; display:block; padding:5px 0;}
.about_tits{ font-size:40px; color:#333; text-align:center; text-align:center; padding:20px 0;	}
.about_intro{ font-size:16px; color:#666; line-height:24px;text-align:center; margin-bottom:60px;}

.about_02_2{ padding:45px 0;}
.about_02_2 ul{ padding-top:30px;}
.about_02_2 li{ width:33.33333333%; float:left; padding-left:155px; background-position:left center; background-repeat:no-repeat; background-position:20px center;}
.about_02_2 li div{ background:#40799c; height:260px; padding:15px;}
.about_02_2 li div b{ color:#fff; display:block; text-align:center; font-size:20px; padding-bottom:10px;}
.about_02_2 li div p{ font-size:16px; color:#fff; line-height:24px;}

.about_02_3{ padding:50px 0;}

.about_03_2{ padding:50px 0 60px; background:#fafafa;}
.about3_le { width:41%; padding:0 40px; height:400px;}
.about3_ri{ width:708px;width:59%;}

.about_tits2{ padding-bottom:40px; padding-top:50px;}


.about3_ri  .videps{ height:390px; position:relative; z-index:2; }
.about3_ri  .videps::before{ position:absolute; left:-20px; bottom:-20px; content:""; width:100%; height:100%; border:1px solid #1fb8df;}


.about_03_3{ background-image:url(../images/about5_06.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover; padding-bottom:140px; margin-top:40px;}
.about_03_4{background-image:url(../images/about5_08.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover; padding-bottom:140px; margin-top:40px;}
.about3_le b{ font-size:40px; color:#333; font-weight:normal; display:block; padding-bottom:15px; }
.about3_le p{ font-size:16px; color:#666;line-height:24px; margin-bottom:10px; display:block;}


.sub_nav_chanpro{ max-width:1200px;}
.sub_nav_chanpro li{ width:25%; padding-left:60px; background-position:15px center;}
.sub_nav_chanpro li:first-child{ background-image:url(../icon/1prolist_12.jpg); padding-left:115px;background-position:35px center;}
.sub_nav_chanpro li:nth-child(2){ background-image:url(../icon/1prolist_06.png);padding-left:115px;background-position:35px center;}
.sub_nav_chanpro li:nth-child(3){ background-image:url(../icon/1prolist_03.png);}
.sub_nav_chanpro li:last-child{ background-image:url(../icon/1prolist_09.png);}

.sub_nav_chanpro li:first-child.on{ background-image:url(../icon/1prolist_12.png);padding-left:115px;background-position:35px center;}
.sub_nav_chanpro li:nth-child(2).on{ background-image:url(../icon/3prolist_03.png);padding-left:115px;background-position:35px center;}
.sub_nav_chanpro li:nth-child(3).on{ background-image:url(../icon/2prolist_03.png);}
.sub_nav_chanpro li:last-child.on{ background-image:url(../icon/3prolist_06.png);}

.pro_le_chan .yincang{ display:none;}
.pro_le_chan li.on a{ display:none;}
.pro_le_chan li.on .yincang{ display:block;}
.pro_list_le{ width:380px;}
.pro_le_chan li{ padding:15px 0 15px 30px; background-image:url(../icon/1prolist_22.png); background-position:95% center; background-repeat:no-repeat; background-color:#333333; margin-bottom:10px; border-radius:10px;}
.pro_le_chan li a{ display:block; background-repeat:no-repeat; background-size:auto 30px; background-position:left center; height:30px; line-height:30px; padding-left:50px; font-size:20px; color:#fff;}
.pro_le_chan li.on{ background-image:none; text-align:center; padding:90px 0;}
.pro_le_chan li.on b{ font-size:28px; color:#fff; font-weight:normal; display:block; padding:30px 0 15px;}

.pro_lists{ padding:60px 0;}

.shaixuan{ margin-top:30px; border-radius:10px; background:#fff;}
.shaixuan .sx_tit{ padding:25px 30px; border-bottom:1px solid #cccccc; font-size:20px; color:#333;}
.shaixuan .sx_a{ padding:20px 30px;}
.shaixuan .sx_a a{ cursor: pointer;font-size:16px; color:#333; padding:8px 0; display:block; position:relative; padding-left:10px;}
.shaixuan .sx_a a::before{ display:block; content:""; width:3px; height:3px; position:absolute; left:0; top:50%; margin-top:-1.5px; background:#333;}
.shaixuan .sx_a a em{ font-style:normal;}

.sousuok_pro{ margin-top:30px; padding-left:65px; background-color:#fff; background-image:url(../icon/1prolist_35.png); background-position:20px center; background-repeat:no-repeat;position:relative;}
.sousuok_pro input{ width:calc(100% - 100px); float:left; height:50px; border:none; outline:none; }
.sousuok_pro button{ font-size:16px; cursor:pointer; width:100px; height:50px; background:#0072DA; color:#fff; border:none; outline:none; float:right;}
.sousuok_pro::before{ height:24px; width:1px; position:absolute; display:block; content:""; top:50%; margin-top:-12px; background:#333; left:55px;}

.tags { margin-top:30px; margin-bottom:30px; text-align:center;}
.tags  a{ display:inline-block; padding:10px 22px; background:#cccccc; color:#333; border-radius:100px; margin-bottom:10px;}
.tags  a:hover{ color:#fff; background:#0072DA}


.pro_list_ri { width:calc(100% - 390px);}
.pro_llists li{ width:31.33333%; margin:0 1% 2% 1%; float:left; display:inline-block; background:#fff; height:480px; text-align:center;}
.pro_llists li:nth-child(4){ width:64.666666%;}
.pro_llists li:nth-child(6){ width:98%;}
.pro_llists li .imgs{ width:100%; height:270px; position:relative;}

.pro_llists li .imgs img{ max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); position:absolute;}
.pro_llists li .txts h2{ font-size:24px; color:#333;}
.pro_llists li .txts .xinghao_js span{ display:inline-block; font-size:14px; color:#fff; background:#5194b0; padding:5px 15px; line-height:30px;}
.pro_llists li .txts .xinghao_js{ font-size:20px; color:#666;line-height:40px; padding:20px 0;}
.pro_llists li .txts b{ display:inline-block; padding:10px 40px; font-size:16px; color:#333; border:2px solid #999999; border-radius:100px;}

.pro_llists li:nth-child(4) .imgs{ width:45%; height:480px; float:left;}
.pro_llists li:nth-child(4) .txts{ width:55%; text-align:left;height:480px; float:right; padding-top:80px;}
.pro_llists li:nth-child(4) .txts b{ margin-top:80px;}
.pro_llists li:nth-child(4)  .xinghao_js span{ display:block; font-size:22px; max-width:240px; margin:20px 0;}

.pro_llists li:nth-child(6) .imgs{ width:64.6666666%; height:480px; float:left;}
.pro_llists li:nth-child(6) .txts{ width:33.3333333333%; text-align:left;height:480px; float:right; padding-top:80px;}
.pro_llists li:nth-child(6) .txts b{ margin-top:80px;}
.pro_llists li:nth-child(6)  .xinghao_js span{ display:block; font-size:22px; max-width:240px; margin:20px 0;}


.search_jieguo{ padding:50px 0 0;}
.search_jieguotit{ border-bottom:1px solid #ccc; padding-bottom:20px;}
.search_jieguotit b{ font-size:28px; color:#333; font-weight:normal;}
.search_jieguotit p{ font-size:20px; color:#999;}
.search_jieguotit p em{ font-style:normal; color:#0072DA}
.search_li{ margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:25px;}
.search_li .tit a{ font-size:24px; color:#333;line-height:40px; display:block;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.search_li .tit a.ri{ display:block; font-size:16px; width:160px; text-align:center; line-height:40px; height:40px; background:#f5f5f5; color:#333;}
.search_li .p_p{ font-size:16px; color:#999; line-height:24px; padding:15px 0 0 0;}
.search_li .p_p span{ display:block; margin-top:15px;}
.search_li:hover .tit a,.search_li:hover .tit a.ri ,.search_li:hover .p_p{ color:#0072DA;}

.fangan_tits img.blue{ display:none;}
.fangan_tits li.on img.blue{ display:block;}
.fangan_tits li.on img.black{ display:none;}
.fangan_tits li{ width:33.33333333% ; float:left; display:inline-block; text-align:center;}

.sub_nav_chanfangan{ max-width:1500px;display: none;}
.sub_nav_chanfangan li{ width:20%; padding-left:60px; background-position:15px center; padding-left:115px;background-position:45px center;}
.sub_nav_chanfangan li:first-child{ background-image:url(../icon/1fangan_01.png); }
.sub_nav_chanfangan li:nth-child(2){ background-image:url(../icon/1fangan_02.png);}
.sub_nav_chanfangan li:nth-child(3){ background-image:url(../icon/1fangan_03.png);}
.sub_nav_chanfangan li:nth-child(4){ background-image:url(../icon/1fangan_04.png); }
.sub_nav_chanfangan li:last-child{ background-image:url(../icon/1fangan_05.png); }

.sub_nav_chanfangan li:first-child.on{ background-image:url(../icon/1fangan_01w.png);}
.sub_nav_chanfangan li:nth-child(2).on{ background-image:url(../icon/1fangan_02w.png);}
.sub_nav_chanfangan li:nth-child(3).on{  background-image:url(../icon/1fangan_03w.png);}.sub_nav_chanfangan li:nth-child(4).on{ background-image:url(../icon/1fangan_04w.png); }
.sub_nav_chanfangan li:last-child.on{ background-image:url(../icon/1fangan_05w.png); }

.fangan_tits{ padding:60px 0;}
.fangan_tits li b{ padding:15px 0 5px; font-weight:normal; font-size:22px; color:#333; display:block;}
.fangan_tits li span{ font-size:14px; color:#999;}
.fangan_tits li.on b{ color:#1fb8df}
.fangan_tits li.on span{ color:#1fb8df}

.ri_liimg{ width:190px;}
.ri_liimg .imgs{ position:relative; margin-bottom:10px; height:125px; overflow:hidden;}
.ri_liimg .imgs img{  width:100%; height:100%;}
.ri_liimg .imgs .zhezhao{ cursor:pointer; position:absolute; background:rgba(0,0,0,0.5); display:block; text-align:center; color:#fff; font-size:20px;}
.left_img{ width:calc(100% - 200px); height:675px; overflow:hidden; position:relative;}
.ri_liimg .imgs.on .zhezhao{ display:none;}

.text_intro{ margin:20px auto;}
.intros_t{ padding:50px 30px; background:#f5f5f5;}
.intros_t b{ font-size:30px; color:#333; display:block; padding:0 0 10px 0; font-weight:normal;}
.intros_t p{ font-size:16px;}

.fangan_xinghao li{ float:left; display:inline-block; width:23%; margin:1%; text-align:center;}
.fangan_xinghao li img{ border:1px solid #ccc; width:100%;}
.fangan_xinghao li span{ font-size:16px; display:block; padding:10px 0;}

.gongneng{ padding:40px 30px; background:#f5f5f5;}
.gongneng .gntit{ font-size:30px; color:#333;  padding-bottom:10px;}

.gongneng li{ width:19%; margin:0.5%; float:left;}
.shipin.main1200 { margin-bottom: 40px;; }
/* .kehuzhognxin{ max-width:630px;} */
.kehuzhognxin li{ width:50%;}


.sx_a a.active b,.sx_a a.active { color: #0072DA; cursor: pointer;}
@media screen and (max-width:1680px){
		.sub_nav_chan li b{ font-size:18px;}
		.sub_nav_chan li span{ font-size:12px;}
		.sub_nav_chan li{ padding-top:40px; padding-bottom:40px;}
		.pro_llists li .txts h2,.pro_llists li .txts .xinghao_js{ font-size:18px;}
		.pro_list_le{ width:280px;}
		.pro_le_chan li a,.shaixuan .sx_a a{ font-size:14px;}
		.pro_le_chan li.on b{ font-size:20px;}
		.pro_list_ri{ width:calc(100% - 290px);}
		.sub_nav_chanfangan li{ width:33.333333333%;}
	}
	
@media screen and (max-width:1280px){
	.main1200{ padding-left:40px; padding-right:40px;}
	.about1_le,.about1_ri{ width:100%; float:none; padding:0;}
	.about1_ri{ margin-top:20px;}
	.shuzi li b{ font-size:40px;}
	.shuzi li sup{ font-size:20px;}
	.shuzi li span{ font-size:16px;}
	.about1{ padding: 40px;}
	.shuzi{ padding:40px 0;}
	.fzlc{ padding:70px 50px;}
	.about_tits{ font-size:30px;}
	.about2_video .videossss,.about2video_ri{ width:48%;}
	.about_02_2 li div p{ font-size:14px; line-height:20px;}
	.about_02_2 li{ padding-left:100px; background-size:80px auto;}
	.contactus li{ padding:0 20px;}
	.contactus li p{ font-size:14px; left:24px; text-align:center;}
	.contactus li img{ height:50px;}
	
	.maps{ width:100%;}
	.left_img img{ height:100%; width:100%;}
	.gzhewm{ margin:20px auto; max-width:500px; width:100%; float:none;}
	.distpickers .form-group{ width:160px;}
	.xxdizhi input{ width:510px;}
	.distpickers{ width:520px;}
	.fuwu_box li b{ font-size:20px;}
	.fuwu_box li p{ font-size:14px; line-height:24px;}
	.faq .question{ padding:20px;}
	.ques_tit{ font-size:16px; padding-top:10px; padding-bottom:10px;}
	.ques_box p{ font-size:14px; line-height:24px;}
	.ques_box{ padding:10px 0;}
	.ban_tit h2 a{ font-size:20px; }
	/* .jgg_le{ width:calc(100% - 500px);} */
	.jgg_le .txts a{ font-size:18px;}
	.jgg_ri li .txts{ padding:10px; font-size:14px;}
	.jgg_ri li .txts a{ font-size:14px;}
	.news_lists li .txts{ width:calc(100% - 360px);}
	.news_lists li .times{ font-size:14px; width:140px;}
	.news_lists li{ padding:20px 0;}
	.news_lists li .txts a{ font-size:18px;}
	.news_lists li .txts p{ font-size:14px;}
	.newbox_ri{ width:260px;}
	.newbox_ri li .txts h3{ font-size:14px;}
	.newbox_le{ width:calc(100% - 280px);}
	.pro_01 li .txts{ font-size:18px;}
	.pro_01{ padding:30px 0;}
	.pro_02 b{ font-size:20px;}
	.pro_02 p{ font-size:16px;}
	.zhezhaotit{ padding:20px;}
	.zhezhaotit b{ font-size:20px;}
	.zhezhaotit p{ font-size:16px;}
	.zhezhaotit a{ font-size:12px; margin-top:10px;}
	.pro_list_ri,.pro_list_le{ float:none; width:100%;}
	.pro_view_ban img{ margin-top:20px;}
	.pro_view_ban{ padding-top:50px; padding-bottom:50px; background-size:cover;}
	
	}
@media screen and (max-width:960px){
	
	}
@media screen and (max-width:768px){
	.about1{ padding:40px 15px;}
	.shuzi li b{ font-size:30px;}
	.shuzi li{ width:50%; padding:20px 0;}
	.shuzi{ padding:0;}
	.about1_le p{ font-size:14px; line-height:24px;}
	.fazhanlicheng .swiper-slide b{ font-size:18px;}
	.fazhanlicheng .swiper-slide p{ font-size:12px; line-height:20px;}
	.fzlc .swiper-button-prev{ left:10px; width:30px; height:30px; background-size:30px 30px;}
	.fzlc .swiper-button-next{ right:10px;width:30px; height:30px;background-size:30px 30px;}
	.fazhanlicheng .title, .rongyutit b,.hezuohuoban .title{ font-size:20px;}
	.rongyutit span{ font-size:14px;}
	.hezuohuoban li{ width:48%;}
	.rongyutit{ padding:20px 0;}
	.sub_ban_01{ height:200px;}
	
	.main1200{ padding-left:15px; padding-right:15px;}
	.about_tits{ font-size:20px; padding:20px 15px;}
	.about_intro{ font-size:14px; line-height:24px; margin-bottom:20px;}
	.about_02_1,.about_02_2,.about_03_2{ padding:20px 0;}
	.about_02_2 li{ width:100%; height:auto; margin-bottom:15px; padding-left:90px; background-position:left center;}
	.about_02_2 li div{ height:auto;}
	.about_02_2 .videps{ height:220px;}
	.about2_video .videossss,.about2video_ri{ width:100%; margin:15px auto;}
	.about3_le{ width:100%; height:auto; padding:15px;}
	.about3_ri{ width:100%; margin-top:20px;}
	.about3_le b{ font-size:20px;}
	.about3_le p{ font-size:14px; line-height:24px;}
	.about3_ri .videps{ height:300px;}
	.about_03_3,.about_03_4{ padding:15px 15px 30px 15px;}
	.contactus li{ width:100%; margin:20px auto;}
	.contactus ul{ margin-top:0;}
	.contactus li b{ font-size:16px;}
	.gzhewm b{ font-size:20px;}
	.con_bottom{ margin:20px auto;}
	.sub_nav_chan{ margin-top:0;}
	.sub_nav_chan_contact{ width:100%; max-width:600px;}
	.sub_nav_chanfangan li,.sub_nav_chanabout li,.sub_nav_chan_contact li,.sub_nav_chan_contact li,.sub_nav_chan li{ width:50%; background-position:center 10px; background-size:auto 30px; padding:50px 5px 10px; text-align:center;}
	.sub_nav_chanpro li,.sub_nav_chanpro li:nth-child(2),.sub_nav_chanpro li:first-child,.sub_nav_chanpro li:first-child.on, .sub_nav_chanpro li:first-child:hover{ width:50%; background-position:center 10px; background-size:auto 30px; padding:50px 5px 10px; text-align:center;}
	.sub_nav_chanpro li:nth-child(2).on, .sub_nav_chanpro li:nth-child(2):hover{ width:50%; background-position:center 10px; background-size:auto 30px; padding:50px 5px 10px; text-align:center;}
	.sub_nav_chan li b{ font-size:16px;}
	.fangan_tits li b{ font-size:16px;}
	
	.left_img,.ri_liimg{ width:100%; height:auto; float:none;}
	.ri_liimg{ padding:15px 0;}
	.ri_liimg .imgs{ width:32%; height:auto; float:left; margin-right:2%;}
	.ri_liimg .imgs:nth-child(3n){ margin-right:0;}
	.ri_liimg .imgs img{ height:auto;}
	.ri_liimg .imgs .zhezhao,.intros_t p,.fangan_xinghao li span{ font-size:14px;}
	.intros_t{ padding:15px}.intros_t b,.gongneng .gntit{ font-size:20px;}
	.gongneng li{ width:49%;}
	.fangan_tits li{ width:50%; padding:20px 0;}
	.fangan_tits li:nth-child(2n+1){ clear:left;}
	.jiameng_tit{ font-size:20px; padding:20px 0;}
	.biaodans > input,.distpickers{ width:calc(100% - 100px);}
	.distpickers .form-group{ width:100%}
	.biaodans button{ width:20%;}
	.fuwu_box li b{ font-size:18px;}
	.fuwu_box li{ padding:0 10px;}
	.fuwu_box{ padding:30px 0;}
	.fuwudown table tr.heads th{ font-size:16px;}
	.fuwudown table tr td,.fuwudown table tr a{ font-size:14px;}
	.fuwudown table tr td{ height:60px;}
	.fuwudown{ margin:20px auto; padding:20px 15px;}
	.fuwudown.w1440{padding:20px 15px;}
	.jgg_le{ width:100%; height:250px; margin-bottom:10px;}
	.jgg_ri{ width:100%;}
	.jgg_ri li{ width:49%; margin-right:2%; margin-bottom:10px;}
	.jgg_ri li:nth-child(2n){ margin-right:0;}
	.ban_tit span{ display:none;}
	.newszhiding{ padding:10px;}
	.ban_tit h2 a{ line-height:24px; font-size:14px;}
	.ban_tit{ height:auto;}
	.news_jiugg{ padding:20px 0;}
	.channal_name a{ font-size:16px; line-height:35px;}
	.news_lists li .txts{ width:100%; padding-left:0; padding-top:15px;}
	.news_lists li .imgs{ width:100%; }
	.pagelist{ padding:20px 0;}
	.newarti_tit h1{ font-size:20px;}
	.newarti_tit p{ padding:15px 0;}
	.newarti_tit p span{ font-size:12px;}
	.newbox_le,.newbox_ri{ width:100%;}
	.prevnext {display:none;}
	.newbox .newbox_le { padding-bottom:30px;}
	.newbox .newbox_le p{ font-size:14px; line-height:24px;}
	.newbox_ri .ri_tit{ font-size:20px;}
	.fenleis a{ margin-bottom:10px;}
	.zhezhaotit b{ font-size:16px;}
	.zhezhaotit p{ font-size:14px;}
	.pro3_zong{ padding:20px 0;}
	.pro_01 li .txts{ font-size:12px;}
	.leisishangpin .title{ font-size:20px;}
	.leisishangpin h3{ font-size:14px;}
	.leisishangpin p{ font-size:12px;}
	.pro_llists li,.pro_llists li:nth-child(4),.pro_llists li:nth-child(6){ width:48%; margin:1%;}
	.pro_llists li:nth-child(4) .imgs,.pro_llists li:nth-child(6) .imgs{ width:100%; height:200px;}
	.pro_llists li:nth-child(4) .txts,.pro_llists li:nth-child(6) .txts{ width:100%; height:auto; padding:0; text-align:center;}
	.pro_llists li:nth-child(4) .xinghao_js span,.pro_llists li:nth-child(6) .xinghao_js span{ font-size:14px; margin:0 auto;}
	.pro_llists li:nth-child(4) .txts b,.pro_llists li:nth-child(6) .txts b{ margin-top:0;}
	.pro_llists li .txts .xinghao_js span{ display:block; max-width:240px;margin:0 auto;}
	.pro_llists li .txts b{ font-size:12px;}
	.pro_llists li .txts h2, .pro_llists li .txts .xinghao_js{ font-size:14px;}
	.pro_llists li .txts .xinghao_js span{ width:80%; font-size:12px;}
	.pro_llists li .imgs{ height:200px;}
	.pro_llists li{ height:400px;}
	.pro_llists li .txts .xinghao_js{ padding:5px 0;}
	.pro_lists{ padding:20px 0;}
	.qiehuan_view .le .xinghao{ font-size:18px;}
	
	.pro_view_ban img{ width:150px;}
	.pro_view_ban .xbt{ font-size:22px;}
	.pro_view_ban .biaoyu{ font-size:16px;}
	.view_box .videps{ height:250px;}
	.gundong_pro { text-align:center;}
	}
@media screen and (max-width:420px){
	.about_02_1_img img{ width:100%; margin:15px auto;}


	.fangan_tits li{ width:100%;}
	.biaodans span{ font-size:14px; margin-right:10px;}
	.biaodans > input,.distpickers{ width:calc(100% - 90px);}
	.pro_01 li{ width:100%; margin-bottom:10px;}
	.pro_01,.pro3_zong{ padding:20px 10px;}
	.pro_03 .pro_03_le,.pro_03 .pro_03_ri{ width:100%; float:none;}
	.pro_03 .pro_03_ri{ margin-bottom:5px;}
	.pro_llists li, .pro_llists li:nth-child(4), .pro_llists li:nth-child(6){ width:100%;}
	.qiehuan_view .ri span{ padding:5px 10px;}
	.qiehuan_view .ri{ padding-top:30px;}
	}
	

a:hover, a:focus{ text-decoration:none;}



.lingks{ padding-top:20px;}
.lingks ,.lingks a{ color:#fff; font-size:14px;}



.prousbnav{ padding:40px 0;}
.prousbnav li a{ padding-top:80px; display:block; text-align:center; font-size:20px; color:#999;}
.prousbnav li.on a,.prousbnav li a:hover{ color:#333;}
.prousbnav li{ width:15%; margin-right:13.333333333%; float:left; background-repeat:no-repeat; background-position:center 10px;}
.prousbnav li:first-child{ background-image:url(../images/djicon01.png); }
.prousbnav li:nth-child(2){ background-image:url(../images/djicon02.png); }
.prousbnav li:nth-child(3){ background-image:url(../images/djicon03.png);}
.prousbnav li:nth-child(4){ margin-right:0; background-image:url(../images/djicon04.png); }

.prousbnav li:first-child.on{ background-image:url(../images/djicon01b.png); }
.prousbnav li:nth-child(2).on{ background-image:url(../images/djicon02b.png); }
.prousbnav li:nth-child(3).on{ background-image:url(../images/djicon03b.png);}
.prousbnav li:nth-child(4).on{ background-image:url(../images/djicon04b.png); }



.wupinshanguang li:first-child{ background-image:url(../images/wupin01.png); }
.wupinshanguang li:nth-child(2){ background-image:url(../images/wupin02.png); }
.wupinshanguang li:nth-child(3){ background-image:url(../images/wupin03.png);}

.wupinshanguang li:first-child.on{ background-image:url(../images/wupin01b.png); }
.wupinshanguang li:nth-child(2).on{ background-image:url(../images/wupin02b.png); }
.wupinshanguang li:nth-child(3).on{ background-image:url(../images/wupin03b.png);}



.wupinshanguang li{ width:33.333333333%; margin:0;}


.prosub_chan { height:70px; background:#fafafa;}
.prosub_chan b,.prosub_chan p,.prosub_chan span{ line-height:70px; display:inline-block;}
.prosub_chan b{ padding-right:50px; position:relative; font-size:20px; color:#333;}
.prosub_chan b::after{ content:""; display:block; width:1px; height:36px; position:absolute; right:0; top:50%; margin-top:-18px; background:#999999;}
.prosub_chan span{ font-size:20px; color:#666; padding:0 30px;}
.prosub_chan p{ font-size:14px; color:#666;}
.prosub_chan p em{ font-size:20px; color:#666; font-style:normal; padding:0 5px;}

.shaixuans_new{ padding:50px 0 10px;}
.sxli span{ font-weight:bold; display:inline-block; width:120px; float:left; font-size:16px; color:#333;}
.sxli .sx_lis{ width:calc(100% - 120px); float:left; padding-bottom:10px;}
.sxli .sx_lis a{ cursor:pointer;font-size:16px; color:#999; width:130px; display:inline-block; margin-bottom:20px; padding-left:25px; position:relative;}
.sxli .sx_lis a::before{ content:""; display:block; position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; border:1px solid #dfdfdf; border-radius:100%; box-sizing:inherit;}
.sxli .sx_lis a.active{  color:#0072DA;}
.sxli .sx_lis a.active::before{border:4px solid #0072DA;}

.formssss{ width:100%; height:50px; border:1px solid #cccccc; padding:0 10px;}
.formssss input{ width:calc(100% - 50px); float:left; height:48px; border:none; outline:none;}
.formssss button{ width:50px; float:left; height:48px; border:none; background:url(../images/djsearch.jpg) no-repeat center center; position:relative; cursor:pointer; outline:none;}
.formssss button::before{ display:block; content:""; width:1px; height:26px; top:50%; margin-top:-13px; left:0; position:absolute; background:#333333;}

.page_pronew { }
.page_pronew li{ width:25%; float:left; height:390px; text-align:center; border-right:3px solid #fafafa; border-bottom:3px solid #fafafa;}
.page_pronew li:nth-child(4n){ border-right:none; }
.page_pronew li .imgs{ height:280px; position:relative; overflow:hidden;}
.page_pronew li .imgs img{ width: auto;;transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s; max-height:90%; max-width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

.page_pronew li:hover .imgs img{transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);}
.page_pronew li .txts{ padding:20px 10px; transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.page_pronew li:hover .txts{ padding-top:15px;}
.page_pronew li .txts h2{ font-size:18px;font-weight: 500;}
.page_pronew li .txts p{ padding:10px 0;}
.page_pronew li .txts p span,.page_pronew li .txts p{ font-size:16px; color:#666666;}
.page_pronew li .txts p span{ display:inline-block;}
.page_pronew .w1200{ position:relative;}
.page_pronew .w1200::after{ display:block; height:3px; width:100%; background:#fff; content:""; position:absolute; left:0; bottom:0;}

.pro_viewsss_posi { font-size:16px; color:#999999; padding:30px 0; background:#fafafa;}
.pro_viewsss_posi a{ color:#333;}

.newproview{ padding-bottom:100px; padding-top:30px;}
.newpro_le { width:520px;}
.newpro_ri{ width:calc(100% - 560px); height:450px; position:relative;}
.newpro_ri img{ margin-left:0;}
.newpro_ri h1{ font-size:28px; color:#333; padding:20px 0; font-weight:normal;}
.newpro_ri p{ font-size:16px; line-height:2; color:#666666; margin-bottom:20px;}
.newpro_ri a{ width:160px; height:40px; background:#0072DA; color:#fff; text-align:center; line-height:40px; display:block; margin-top:120px; position:absolute; bottom:0; left:0;}
.newproview .vjs-poster{ background-size:cover;}
.newproview .videps{ width:100%; height:380px; margin-top:0;}
.newproview .video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}

.newproview .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}

.newproview video{ object-fit:inherit;}
.gallery-thumbs .swiper-slide{ border:1px solid #cccccc; height:50px; position:relative;}
.gallery-thumbs .swiper-slide img{ max-height:95%; max-width:95%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.newproview .gallery-thumbs { margin-top:20px;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border:1px solid #1fb8df;}


.gallery-top .swiper-slide{  height:380px; position:relative;}
.gallery-top .swiper-slide img{ max-height:95%; max-width:95%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}


.qiehuan_view .main1200{ background:#f1f1f1; border-bottom:1px solid #1fb8df;}
.qiehuan_view .main1200 span{ transition:none; position:relative; font-size:16px; width:150px; display:inline-block; line-height:60px; text-align:center;}
.qiehuan_view .main1200 span.on{ background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px;}
.qiehuan_view .main1200 span.on::before{ content:""; display:block; width:100%; height:4px; background:#1fb8df; top:0; left:0; position:absolute;}

.GoTop{ position:fixed; right:10px; bottom:50px; display:none;}
.contactus.main1200{ padding-top:40px; padding-bottom:40px;}
.contactus.w1440{padding-top:40px; padding-bottom:40px;}
.contactus img{width: auto;}
.con_les { width:58%;}
.con_les.conles { width:42%;}
.con_les b{ font-size:26px; color:#333; display:block; padding-bottom:20px;}
.con_les p{ font-size:20px; color:#333; display:inline-block; line-height:2;}
.contxt { padding-bottom:40px;}
@media screen and (max-width:960px){
	.newpro_ri{ width:100%; float:none; height:auto;}
	.newpro_le{ float:none; margin:0 auto; margin-bottom:20px; max-width:520px; width:100%;}
	.newpro_ri h1{ font-size:20px;}
	.newpro_ri a{ margin-top:40px; position:static;}
	.newproview{ padding-bottom:40px;}
	.qiehuan_view .main1200 span{ width:100px;}
	.prousbnav li a{ font-size:14px;}
	.prousbnav li{ background-size:auto 30px ; width:25%; margin:0; padding:0 5px;}
	.prosub_chan b{ font-size:16px; padding-right:20px;	}
	.prosub_chan span{ padding:0 10px; font-size:14px;}
	.prosub_chan p em{ font-size:16px;}.sxli .sx_lis a{ width:auto; padding-right:10px; font-size:14px;}
	.page_pronew li .imgs{ height:150px;}
	.page_pronew li{ width:50%;}.page_pronew li .txts h2{ font-size:14px;}.page_pronew li .txts p span{ font-size:12px;}
	.page_pronew li:nth-child(2n){ border-right:none;}
	.GoTop{ width:50px; height:50px;}
	.con_les.conles{ width:100%; float:none;margin-top:20px;}
	.con_les{ width:100%; float:none; }
	.con_les b{ font-size:18px; }
.con_les p{ font-size:16px;}
	}
@media screen and (max-width:768px){
	.gallery-top .swiper-slide,.newproview .videps{ height:280px;}
	.page_pronew li{ height:300px;}
	.sxli span{ font-size:14px; width:80px;}
	.sxli .sx_lis{ width:calc(100% - 80px);}
	.view_box iframe{ height:200px !important;}
	}

.view_box video,.view_box .video-js{ height:auto !important;}

.view_box .video-js .vjs-tech{ position:static;}

.shipin video,.shipin .video-js{ height:auto !important;}

.shipin .video-js .vjs-tech{ position:static;}