@charset "gb2312";
/* CSS Document */
/*?????zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{padding:0;margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei',Arial; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei',Arial;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',Arial; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%; overflow:hidden;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei',Arial; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}

.bdshare_dialog_box{display:none !important;}

/*-------------------</END ????>-----------------------*/

.pz_top{ float:left; width:100%;position:fixed; left: 0; top:0;z-index:90; background:white; box-shadow:0 3px 5px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_banner{ float: left; width:100%; position:relative; z-index: 3;}
.pz_main{ float:left; width:100%; min-height:500px; overflow:hidden;}
.pz_down{ float:left; width:100%; 
	 background:#28292d; 
	/*background:url(../images/bj2.jpg) center center;*/
	background-size:cover;
}
.pz_menu{ float:left; width:100%; position:relative; z-index:9;}
.c_1570{ width:100%; float:left; padding:0 9.11%;}
.pz_top.on_2{ top:-128px;}
.pz_top.on_1{ top:0px;}


/*top*/
.pz_top_index{/* background:none; */}
.top{ width:100%; float:left; height:40px; border-top:solid 7px rgba(0,0,0,0.1);}
.top .top_r{ float:right; padding-left:48px; position:relative;}
.top .top_r .top_r_bg{ width:3000px; height:33px; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0;}
.top .top_r .top_r_bg:before{ content:''; background:url(../images/top1.png) no-repeat center center; width:32px; height:33px; position:absolute; left:-32px; top:0;}
.top .top_r a{ display:block; float:left; font-size:16px; color:black; line-height:26px; padding-left:27px; padding-right:32px; background:url(../images/top7_h.png) no-repeat right center; position:relative; z-index:5;}
.top .top_r a p{display:inline-block;}
.top .top_r a.a1{ padding-right:0; background:none !important;}
.top .top_r a:hover{ text-decoration:underline;}
.top .top_r a img{ vertical-align:middle; margin:-3px 3px 0 0; height:26px;}
.top .top_r a img.img_1{ display:none;}
.pz_top_index .top .top_r a img.img_1{ display:inline-block;}
.pz_top_index .top .top_r a img.img_2{ display:none;}
.topnav{width:100%;float:left;height:76px;border-bottom:solid 1px rgba(255,255,255,0.2);}
.topnav .logo{float: left;width: 464px;margin-top:0px;}
.topnav .logo img{ width:100%; float: left;}

.pz_top.on_1 .topnav{ height:70px;}
.pz_top.on_1 .topnav .logo{margin-top:10px;width: 320px;}
.pz_top.on_1 .topnav .menu,.pz_top.on_1 .topnav .menu ul .nli,.pz_top.on_1 .topnav .search_i{ height:70px;}
.pz_top.on_1 .topnav .menu ul .nli span > a{ height:70px; line-height:70px;}
.pz_top.on_1 .topnav .lang,.pz_top.on_1 .topnav .search_i .search_ico{ margin-top:16px;}
.topnav .topnav_right{ float:right;}
.topnav .lang{float:right;width:100px;height:38px;margin-top:25px;margin-left:13px;overflow:hidden;border:solid 1px #b0b0b0;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius: 0;}
.topnav .lang a{ display:block; width:38px; height:38px; font-size:14px; color:black; text-transform:uppercase; line-height:36px;font-family:Arial;}
/* .topnav .lang:hover,.topnav .search_i .search_ico:hover{ border-color:black;} */
.topnav .lang.on .a1{ margin-top:-38px;}
.topnav .search_i{ float:right; margin-left:46px; height:76px; position:relative; cursor:pointer;}
.topnav .search_i .search_ico{ width:38px; height:38px; margin-top:25px; border:solid 1px #b0b0b0; background:url(../images/top8_h.png) no-repeat center center; background-size:contain; cursor:pointer;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.search .search_k{ width:220px; height:44px; float:left; line-height:44px; background:white; font-size:16px; color:#1b62ba !important; padding-left:20px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.search .search_b{ width:50px; height:44px; position:absolute; right:0; top:0; background:url(../images/top8.png) no-repeat center center #000; background-size:contain; cursor:pointer;}
.search_i .search{ width:400px; height:50px; background:#fff; position:absolute; right:0; top:100%; z-index:-5; padding-right:50px; border:solid 3px #000; display:none;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.search_i.on .search{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


.so span{display:block;  float:left; width:110px; height:44px; border-right:3px solid #000; background:url(/templates/cn/images/img_1_11.png) no-repeat 76px center #fff; cursor:pointer ; position:relative; z-index:9999;}
.so span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:44px; z-index:1; opacity:0; filter:alpha(opacity=00);}
.so span div{ float:left; padding-left:10px; text-align:center;  height:44px; line-height:44px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:76px;}
.so span ul{ display:none; position:absolute; left:-3px; top:44px; background:#f5f5f5; border:3px solid #000;  width:113px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9}
.so span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;}
.so span ul li:hover{ background:#fff;}


.menu{ z-index:99; float: right;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; margin:0 0 0 65px; height:76px; position:relative;}
.menu ul .nli span{ display:block; width:100%; float:left;}
.menu ul .nli span a{ display:block; float:left; height:76px; line-height:76px; color:black; font-size:16px; overflow:hidden;position:relative; border-bottom:solid 3px transparent;}

/*??????????????menu .nli???*/
.sub{ z-index:21;  position:absolute; width:180px; left: 50%; margin-left:-90px;top:100%; display:none; text-align:center;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sub .l2{ width:100%; position:relative;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; color: #fff; overflow:hidden; position:relative; padding:0 8px; background:rgba(0,0,0,0.6);}
.sub .l2:hover .l2_a{ background:#ff0000;}
.sub .l2 .l3_ul{ width:180px; position:absolute; left:100%; top:0; display:none; padding-left:1px;}
.sub .l2 .l3_ul .l3{ width:100%; position:relative;}
.sub .l2 .l3_ul .l3 .l3_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; color: #fff; overflow:hidden; position:relative; padding:0 8px; background:rgba(0,0,0,0.6);}
.sub .l2 .l3_ul .l3:hover .l3_a{ background:#ff0000;}
.sub .l2:hover .l3_ul{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu.white{ background-image:url(../images/top2.png);}
.pz_top_index .top .top_r a{color: #666;background-image:url(../images/top7.png);}
.pz_top_index .topnav .search_i .search_ico{ background-image:url(../images/top8.png); border:solid 1px white; border:solid 1px rgba(255,255,255,0.4);}
.pz_top_index .topnav .lang{ border:solid 1px white; border:solid 1px rgba(255,255,255,0.4);}
/* .pz_top_index .topnav .lang:hover,.pz_top_index .topnav .search_i .search_ico:hover{ border-color:white;} */
.pz_top_index .topnav .lang a{ color:white;}
.pz_top_index .menu ul .nli span a{color: black;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color:#ff0000; border-color:#ff0000;}

.pf_menu{ display:none;}


.left_headline{ position:absolute; left:68px; bottom:57px; transform:rotate(-90deg);transform-origin:0 0; font-size:16px; color:white; text-transform:uppercase; letter-spacing:8px; padding-left:58px; background:url(../images/top9.png) no-repeat left center; z-index:9;font-family: 'OPENSANS-LIGHT';}

.leftnav{ position:fixed; left:70px; top:50%; z-index:9; width:10px; margin-top:-100px;}
.leftnav li{ width:100%; height:10px; float:left; text-align:center; position:relative; margin-top:25px;}
.leftnav li a{ display:block; width:10px; height:10px; position:relative; background:white; opacity:0.4;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.leftnav li a span{ display:block; position:absolute; left:120%; top:50%; margin-top:-10px; font-size:14px;font-family: 'OPENSANS-BOLD'; color:#ff0000; text-transform:uppercase; white-space:nowrap; width:0; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.leftnav li:hover a span{ width:120px;}
.leftnav li.active a{opacity:1;}
.leftnav.white li a{ background:#b2b2b2; opacity:1;}
.leftnav.white li.active a{ background:#ff0000; }

.section_1{ margin-top:50px}

.slide_banner{ min-height:580px;}
.slide_banner,.slide_banner .slick-list ,.slide_banner .slick-track{ width:100%; float:left; height: 100%;  overflow: hidden;}
.slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;}
.slide_banner .slick-slide .img{ width:100%; height: 100%; float: left; min-height:580px; background-size: cover !important; background-color: white !important; position: relative; z-index: 3; background-position:center center !important;}
.slide_banner .slick-slide .img video{ position:absolute; width:100%; height:100%; left:0; top:0; object-fit: cover;}

.banner_btn{ width:100%; position:absolute; left:0; bottom:76px;}
.banner_btn .number{ float:right; font-size:16px; color:white;font-family: 'OPENSANS-REGULAR'; line-height:20px; margin-bottom:-5px; left:1px;}
.banner_btn .number font:first-child{ font-weight:bold; font-size:30px;font-family: 'OPENSANS-BOLD'; margin:0 3px; position:relative; bottom:5px;}
.banner_btn .dian{ float:right;}
.banner_btn .slick-dots { margin-top:14px;
	position:relative;
	bottom: auto;
	display: block;
	width: auto;
	float:left;
}
.banner_btn .slick-dots li {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 4px;
	margin: 0 15px 0 0;
	float:left;
	background:white; opacity:0.4;
}
.banner_btn .slick-dots li.slick-active{
	 opacity:1;
}
.banner_btn .banner_ico{ position:absolute; left:50%; bottom:0px; width:33px; margin-left:-16px;}
.banner_btn .banner_ico span{ display:block; width:100%; float:left;
animation:myfirst 0.6s linear 0s infinite alternate;
-moz-animation:myfirst 0.6s linear 0s infinite alternate;
-webkit-animation:myfirst 0.6s linear0s infinite alternate;
-o-animation:myfirst 0.6s linear 0s infinite alternate;}
.banner_btn .banner_ico span.span1{ margin-top:-6px; opacity:1; width:30px; margin-left:1px;
animation:myfirst 0.6s linear 0.6s infinite alternate;
-moz-animation:myfirst 0.6s linear 0.6s infinite alternate;
-webkit-animation:myfirst 0.6s linear 0.6s infinite alternate;
-o-animation:myfirst 0.6s linear 0.6s infinite alternate;}
@keyframes myfirst
{
0%   { opacity:0.3;}
100% { opacity:1;}
}
@-moz-keyframes myfirst /* Firefox */
{
0%   { opacity:0.3;}
100% { opacity:1;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { opacity:0.3;}
100% { opacity:1;}
}
@-o-keyframes myfirst /* Opera */
{
0%   { opacity:0.3;}
100% { opacity:1;}
}



/*@media screen and (max-width:991px) {
.pz_banner_h,.section,.fp-tableCell,.slide_banner .slick-slide .img,.slide_banner{ min-height: 380px;}
.banner_btn{ bottom:40px;}
}*/


/*???main*/
.fullpage-wrapper.active{ position:relative; z-index:10;}
.section .c_1570{height:100%;position:relative;/* background: #fafafa; */}
.tablebox{display: table;vertical-align: middle; height:100%; position:relative; width:100%;table-layout: fixed;}

.middlebox{ display:table-cell; vertical-align:middle; padding-top:0px;}



.pro_bg{ margin:0 5%; height:auto; }

.mag_140{ margin:150px 0 0 0}
.mag_110{ margin:110px 0 0 0}


.tit_1{width:15%;float:left;font-size:36px;color: #000; margin-top:90px}

.pro_list{width:85%; float:right;margin-top:100px}
.pro_list ul{}
.pro_list ul li{float:left!important; font-size:16px; text-align:right; margin-left:60px}

.gc_bg{ margin:0 5%; height:auto; }



.tit_gc{width:20%;float:left;font-size:36px;color: #fff; margin-top:90px}

.gc_list{width:80%; float:right;margin-top:100px; text-align:right; color:#fff; font-size:16px}
.gc_list a{color:#fff;}





@media screen and (max-width:1680px) {
.middlebox{ padding-top:60px;}
.tit_1{width:10%;float:left;font-size:36px;color: #000; margin-top:110px}
.pro_list{width:90%; float:right;margin-top:130px}
}

@media screen and (max-width:1440px) {
	
.middlebox{ padding-top:0px;}
.tit_1{width:59%;float:left;font-size:26px;color: #000; margin-top:50px}
.pro_list{width:90%; float:right;margin-top:130px; display:none}

.tit_gc{width:20%;float:left;font-size:36px;color: #fff; margin-top:40px}

.gc_list{width:80%; float:right;margin-top:40px; text-align:right; color:#fff; font-size:16px}



.mag_140{ margin:150px 0 0 0}
.mag_110{ margin:110px 0 0 0}




.pro_list ul{}
.pro_list ul li{float:left!important; font-size:16px; text-align:right; margin-left:60px}




}


.new_bg{ margin:0 5%; height:auto; }

.tit_new{width:20%;float:left;font-size:36px;color: #000; margin-top:90px}
.new_list{width:80%; float:right;margin-top:100px; text-align:right; color:#000; font-size:16px}

@media screen and (max-width:1440px) {
.tit_new{width:20%;float:left;font-size:36px;color: #000; margin-top:40px}
.new_list{width:80%; float:right;margin-top:50px; text-align:right; color:#000; font-size:16px}
}

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

.pro_bg{ margin:0 1%; height:auto; }
	
	
	
.tit_gc{width:50%;float:left;font-size:26px;color: #fff; margin-top:20px}
.gc_list{width:50%; float:right;margin-top:30px; text-align:right; color:#fff; font-size:16px; overflow:hidden}
.gc_bg{ margin:0 1%; height:auto; }




	.new_bg{ margin:0 1%; height:auto; }
	
	.tit_new{width:50%;float:left;font-size:26px;color: #000; margin-top:10px}
	
	.new_list{width:50%; float:right;margin-top:20px; text-align:right; color:#000; font-size:16px}
	}








.new_list a{color:#000;}


.c_1570_box{ margin:0 5%;}

.c_1570_box  ul{ margin-top:60px}
.c_1570_box  ul li{ width:19%; margin:0 0.5%; float:left; margin-bottom:60px}

.c_1570_box  ul li .pic{}
.c_1570_box  ul li .pic img{ width:100%; height:auto;}
.c_1570_box  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:60px; font-size:16px; text-align:center }


.c_1570_box_sj{ display:none}


.cp_1570_box{ margin:0 5%;}

.cp_1570_box  ul{ margin-top:60px}
.cp_1570_box  ul li{ width:19%; margin:0 0.5%; float:left; margin-bottom:60px}

.cp_1570_box  ul li .pic{}
.cp_1570_box  ul li .pic img{ width:100%; height:auto;}
.cp_1570_box  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:30px; font-size:16px; text-align:center }


@media screen and (max-width:768px) {
.c_1570_box{ margin:0 1%; display:none}
.c_1570_box  ul{ margin-top:30px}
.c_1570_box  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:30px}


.c_1570_box_sj{ margin:0 1%; display:block}
.c_1570_box_sj  ul{ margin-top:30px}
.c_1570_box_sj  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:30px}




.c_1570_box_sj  ul li .pic{}
.c_1570_box_sj  ul li .pic img{ width:100%; height:auto;}
.c_1570_box_sj  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:60px; font-size:16px; text-align:center }

.cp_1570_box{ margin:0 1%;}
.cp_1570_box  ul{ margin-top:30px}
.cp_1570_box  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:20px}



	}




/*

@media screen and (max-width:1380px) {
.tit_1{ font-size:26px; line-height:64px; letter-spacing:3px;}
.tit_1 h1{ height:64px; line-height:64px; font-size:80px; letter-spacing:6px;}
}
@media screen and (max-width:1023px) {
.middlebox{ padding-top:0;}
.tit_1{ font-size:20px; line-height:44px; letter-spacing:2px;}
.tit_1 h1{ height:44px; line-height:44px; font-size:60px; letter-spacing:4px}
.fp-scrollable {
    overflow:visible;
}
}*/


/*?????????*/
.section_6{ 
	 background:#f8f8f8; 
	
	background-size:cover;
}

.llla{
	color:#fff;
}
.mobile-xcp{
	display:none;

}




.c_0100_1{}
.slideGroup{ width:100%;  margin-top:0px; position:relative;}




/*.hd{ width:50%;  right:0; top:-149px; text-align:right; padding-right:116px; float:left}
.hd ul{  width:100%; text-align:right;}
.hd ul .slick-track{ float:right;}
.hd ul .slick-slide{cursor:pointer;display:inline-block;font-size:15px;color: #666;padding:0 12px;line-height:64px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.hd ul .slick-current{ color:#ff0000; background:url(../images/index2_2.jpg) no-repeat center bottom;}
.hd a{display:inline-block;float:right;position:absolute;right:0;top:0;font-size:15px;color: #666;line-height:64px;letter-spacing:1px;background:url(../images/index2.png) no-repeat left center;width:116px;}
.hd a:hover{ color:#ff0000;}
.bd{ width:100%; float:left;}*/

.cp_list{ width:50px;}





.slide_pic_1{ width:100%; float:left; position:relative; padding:0 4%;}
.slide_pic_1 .slick-prev,.slide_pic_1 .slick-next{ display:block; width:13px; height:25px; position:absolute; left:0px; top:50%; margin-top:-12px; background:url(../images/index2_1.png) no-repeat left center; background-size:auto 100%; cursor:pointer;}
.slide_pic_1 .slick-next{ background-position:right center; left:auto; right:0px;}
.slide_pic_1 .slick-prev:hover,.slide_pic_1 .slick-next:hover{ background-image:url(../images/index2_1_h.png);}
.tempWrap{ width:100% !important;}


.ul_1{ margin-top:-20px;}
.ul_1 .zbox{ width:25%; float:left; padding:70px 15px;}
@media screen and (max-width:1440px) {.ul_1 .zbox{ width:25%; float:left; padding:30px 15px;}}

@media screen and (max-width:768px) {
	.slide_pic_1{ width:100%; float:left; position:relative; padding:0 0%;}
	.ul_1 .zbox{ width:50%; float:left; padding:20px 15px;}
	
	
	}
	
	
	
@media screen and (max-width:414px) {
	.slide_pic_1{ width:100%; float:left; position:relative; padding:0 0%;}
	.ul_1 .zbox{ width:100%; float:left; padding:10px 5px;}
	
	
	}


.ul_1 li .zbox_box{ width:100%; float:left;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox_box .pic{ width:100%; float:left; position:relative; background:black;}
.ul_1 li .zbox_box .pic img{ width:100%; float:left;max-height:140px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
@media screen and (max-width:768px) {
	
	.ul_1 li .zbox_box .pic img{max-height:130px;}
	
	
	}
.ul_1 li .zbox_box .pic .ico{ width:62px; height:62px; position:absolute; left:50%; top:50%; margin:-31px 0 0 -31px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 .zbox:hover .zbox_box{ box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.ul_1 .zbox:hover .pic a> img{ opacity:0.4;}
.ul_1 .zbox:hover .pic .ico{ opacity:1;}
.ul_1 .zbox .zbox_down{ width:100%; float:left; padding:19px 10px 25px 10px; background:white;}




.ul_1 .zbox .zbox_down .zbox_down_head{ width:100%; float:left;}
.ul_1 .zbox .zbox_down .zbox_down_head .time{ float:left; font-size:16px; clear:#666; line-height:22px;}
.ul_1 .zbox .zbox_down .zbox_down_head .btn{ float:right;}
.ul_1 .zbox .zbox_down .zbox_down_head .btn a{ display:block; float:left; width:22px; height:22px; margin:0 9px 0 13px; background-position:center center; background-size:contain; background-repeat:no-repeat;}
.ul_1 .zbox .zbox_down .zbox_down_head .btn a.al{ background-image:url(../images/index1_6.png);}
.ul_1 .zbox .zbox_down .zbox_down_head .btn a.a2{ background-image:url(../images/index1_7.png);}
.ul_1 .zbox .zbox_down .zbox_down_head .btn .al.on{ background-image:url(../images/index1_6_h.png);}
.ul_1 .zbox .zbox_down .zbox_down_title{ width:100%; float:left;}
.ul_1 .zbox .zbox_down .zbox_down_title a{ display:block; float:left; font-size:14px; color:#333;line-height:30px; overflow:hidden;}

@media screen and (max-width:768px) {
	
	.ul_1 .zbox .zbox_down .zbox_down_title a{ display:block; float:left; font-size:14px; color:#333;line-height:30px; overflow:hidden;}
	
	
	}


.ul_1 .zbox:hover .zbox_down .zbox_down_title a{ color:#ff0000;}
.ul_1 .zbox .zbox_down .zbox_down_desc{ width:100%;font-size:14px;line-height:30px;}




/*footer*/
.footer{ width:100%; float:left;}
.footer .footer_head{ width:100%; float:left; padding:41px 0 65px 0;}
.footer .footer_head ul{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.footer .footer_head ul li{ width:14.285%; float:left;}
.footer .footer_head ul li .dt{ width:100%; float:left; font-size:18px; color:white; line-height:36px;}
.footer .footer_head ul li .dd{ width:100%; float:left; margin-top:10px;}
.footer .footer_head ul li .dd .lin{ width:100%; display:block; float:left; font-size:14px; color:white; line-height:16px; letter-spacing:1px; opacity:0.7; background:url(../images/footer2.png) no-repeat left 18px; padding:10px 0 10px 18px;}
.footer .footer_head ul li .dd .lin:hover{ opacity:1;}
.footer .footer_head ul li .dd .lin1{ width:100%; display:block; float:left; font-size:18px; color:white; line-height:28px; letter-spacing:1px; margin-top:12px; padding-left:46px; background:url(../images/footer1.png) no-repeat 17px center; background-size:19px 19px;}
.footer .footer_head ul li .dd .dd_gz{ float:right; margin-top:19px;}
.footer .footer_head ul li .dd .dd_gz a{ display:block; float:left; width:40px; height:40px; margin-right:17px; margin-left:3px; background-position:center center; background-size:contain; background-repeat:no-repeat; position:relative;}
.footer .footer_head ul li .dd .dd_gz a .ewm{ position:absolute; left:50%; top:-126px; width:116px; height:123px; padding:10px 10px 17px 10px; background:url(../images/ewm_bg.png) no-repeat center center; background-size:contain; margin-left:-58px; display:none;}
.footer .footer_head ul li .dd .dd_gz a .ewm img{ width:100%; float:left;}
.footer .footer_head ul li .dd .dd_gz a:hover .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.footer .footer_head ul li .dd .dd_gz a.a1{ background-image:url(../images/footer3.png);}
.footer .footer_head ul li .dd .dd_gz a.a2{ background-image:url(../images/footer4.png);}
.footer .footer_head ul li .dd .dd_gz a.a3{ background-image:url(../images/footer5.png);}
.footer .footer_head ul li .dd .dd_gz a.a1:hover{ background-image:url(../images/footer3_h.png);}
.footer .footer_head ul li .dd .dd_gz a.a2:hover{ background-image:url(../images/footer4_h.png);}
.footer .footer_head ul li .dd .dd_gz a.a3:hover{ background-image:url(../images/footer5_h.png);}
.footer .footer_down{width:100%;float:left;padding:19px 0 29px 0;/* border-top: solid 1px #f3f3f3; */}
.footer .footer_down_left{ float:left; width:75%;}
.footer .footer_down_left .link{ float:left; font-size:14px; line-height:24px; color:white;}
.footer .footer_down_left .link a{ margin:0 5px;}
.footer .footer_down_left .link a,.footer .footer_down_left .link span{ color:white; opacity:0.6;}
.footer .footer_down_left .p{ float:left; font-size:14px; line-height:24px; color:white; opacity:0.6; width:100%;}
.footer .footer_down_right{ float:right; font-size:14px; line-height:24px; color:white;}
.footer .footer_down_right a{ color:white; opacity:0.6;}
.footer .footer_down_right span{ opacity:0.6; margin:0 16px;}
.footer .footer_down_right a:hover,.footer .footer_down_left .link a:hover{ opacity:1;}

/*?????*/
.section_2{ position:relative;}
/* .section_5{
	background: url(../images/mentou.jpg) center center;
	background-size: cover;
} */
.section_2 .left_headline,.section_4 .left_headline,.section_5 .left_headline{color: #f3f3f3;background-image:url(../images/top10.png);}

.section_2{ background:#f5f5f5
}
.section_4{
/*	background: url(../images/anli-1.jpg) center center;*/
	background-size: cover; background:#014478;
}




.section_5{background: url(../images/anli.jpg) bottom no-repeat; padding:80px 0
}
.slide_pic_2{ width:100%; float:left; position:relative; padding:0 30px;}
.slide_pic_2 .slick-prev,.slide_pic_2 .slick-next{ display:block; width:13px; height:25px; position:absolute; left:0px; top:50%; margin-top:-12px; background:url(../images/index2_1.png) no-repeat left center; background-size:auto 100%; cursor:pointer;}
.slide_pic_2 .slick-next{ background-position:right center; left:auto; right:0px;}
.slide_pic_2 .slick-prev:hover,.slide_pic_2 .slick-next:hover{ background-image:url(../images/index2_1_h.png);}
.ul_2{ margin-top:20px;}



















.ul_2 .zbox{ width:100%; float:left; padding:0 15px;}
.ul_2 .zbox .zbox_box{width:100%;float:left;position:relative;overflow:hidden;box-shadow: 0 11px 20px rgba(0,0,0,0.1);}
.ul_2 .zbox .zbox_box .pic{width:100%;float:left;background: #fff;height:174px;display: flex;justify-content: center;align-items: center;}

.ul_2 .zbox .zbox_box .pic img{max-width: 290px;max-height: 174px;/* position:absolute; */left:50%;top:30%;/* max-width:none; *//* margin:-214px 0 0 -251px; */-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.ul_2 .zbox .zbox_box .zbox_down{width:100%;text-align:center;position:absolute;left:0;bottom:0;background:white;height: 72px;padding:25px 30px 0 30px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;background: rgba(0, 0, 0, 0.60);/* background: url(../images/index5_1.png) repeat-x center bottom; */}
.ul_2 .zbox .zbox_box .zbox_down .zbox_down_head{width:100%;font-size:18px;color: #fff;line-height:30px;font-weight:bold;letter-spacing:1px;background-position:center bottom;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.ul_2 .zbox .zbox_box .zbox_down .zbox_down_body{ width:100%; margin-top:16px; font-size:14px; color:#666; line-height:30px; height:60px; overflow:hidden; letter-spacing:1px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
/* .ul_2 .zbox .zbox_box .zbox_down .zbox_down_detail{ margin-top:42px; display:inline-block; width:96px; height:40px; line-height:38px; border:solid 1px white; color:white; font-size:14px; color:white; letter-spacing:1px; text-transform:uppercase;}
.ul_2 .zbox .zbox_box:hover .pic img{ opacity:0.4;} */
/* .ul_2 .zbox .zbox_box:hover .zbox_down{ height:100%; background:none; padding:86px 70px 0 70px;} */
/* .ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_head{ color:white; padding-bottom:27px; background:url(../images/index3_4.jpg) no-repeat center bottom;} */
.ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_body{ color:white; margin-top:21px; height:90px;}
.ul_2 .zbox .zbox_box .zbox_down .zbox_down_detail:hover{ background:white; color:black;}
.section_2 .slideGroup .hd{ width:60%;}
/*.section_2 .slideGroup .hd .slick-slide{ width:auto !important; float:none;}*/





/*??????*/
.slide_pic_3{ width:100%; float:left; position:relative; padding:0 30px;}
.slide_pic_3 .slick-prev,.slide_pic_3 .slick-next{ display:block; width:13px; height:25px; position:absolute; left:0px; top:50%; margin-top:-12px; background:url(../images/index2_1.png) no-repeat left center; background-size:auto 100%; cursor:pointer;}
.slide_pic_3 .slick-next{ background-position:right center; left:auto; right:0px;}
.slide_pic_3 .slick-prev:hover,.slide_pic_3 .slick-next:hover{ background-image:url(../images/index2_1_h.png);}
.ul_3{ width:100%;}
.ul_3 .zbox{ width:100%; float:left; padding:0 15px;}
.ul_3 .zbox .zbox_box{width:100%;float:left;position:relative;overflow:hidden;background: #fff;}
.ul_3 .zbox .zbox_box .pic{ width:100%; float:left; overflow:hidden;}
.ul_3 .zbox .zbox_box .pic img{ width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_3 .zbox .zbox_box:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.ul_3 .zbox .zbox_box .zbox_down{width:100%;float:left;/* margin-top:49px; *//* margin-bottom: 49px; */text-align:center;}
.ul_3 .zbox .zbox_box .zbox_down .zbox_down_head{padding: 0 20px;width:100%;float:left;font-size:18px;color:black;line-height: 80px;letter-spacing:1px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.ul_3 .zbox .zbox_box .zbox_down .zbox_down_body{ width:100%; float:left; font-size:14px; color:#666; line-height:32px; letter-spacing:1px;}
.ul_3 .zbox .zbox_box .zbox_down .zbox_down_detail{ width:100%; float:left; margin-top:16px; font-size:14px; color:#fff; line-height:20px; letter-spacing:1px; text-transform:uppercase;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_3 .zbox .zbox_box:hover .zbox_down .zbox_down_head,.ul_3 .zbox .zbox_box:hover .zbox_down .zbox_down_detail{color: #333;font-weight: bold;}


/*??????*/
.c_0100_2{ width:100%; position:relative; height:100%; overflow:hidden;}
.c_0100_2 .pic{width:45%;/* position:relative; */float:left;z-index:2;/* min-height:700px; */ padding-left:10%; padding-top:30px}

.c_0100_2 .pic p,
.c_0100_2 .pic p iframe{width:100%; height:100%;}

.c_0100_2 .c_975{width: 45.78%;float:left;height:100%;position:relative;text-align:center;padding-left:10%;z-index:3;}
.c_0100_2 .c_975 .c_975_box{/* width: 650px; */display:inline-block;text-align:left;}
.c_0100_2 .c_975 .c_975_box .c_975_head{width:100%;/* padding-bottom:34px; *//* background:url(../images/index6_1.jpg) no-repeat left bottom; */letter-spacing:1px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h4{ width:100%; text-transform:uppercase; font-size:28px; color:#333; line-height:52px;	font-family: 'OPENSANS-REGULAR';}
.c_0100_2 .c_975 .c_975_box .c_975_head h3{width:100%;font-size: 36px;color:#333;line-height:78px;font-weight:bold;letter-spacing:2px;}
.c_0100_2 .c_975 .c_975_box .c_975_body{width:100%;margin-top:18px;font-size: 16px;color:#888;line-height: 50px;/* font-weight:bold; */}




.c_0100_2 .c_975 .c_975_box .c_975_down{width:100%;margin-top: 50px;position:relative;}
.c_0100_2 .c_975 .c_975_box .c_975_down a{ position:relative; z-index:5; display:block; padding-left:138px; font-size:24px; color:#333; line-height:34px; text-transform:uppercase; font-weight:bold;}
.c_0100_2 .c_975 .c_975_box .c_975_down a:before{ content:''; width:107px; height:3px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a:hover{ color:#ff0000;}
.c_0100_2 .c_975 .c_975_box .c_975_down h1{ position:absolute; left:50%; top:-50%; width:832px; height:76px; line-height:76px; text-align:center; font-size:100px; letter-spacing:8px; text-transform:uppercase; opacity:0.7; color:#f2f2f2; z-index:4; margin:-8px 0 0 -416px;font-family: 'OPENSANS-BOLD';}
@media screen and (max-width:1440px) {
	.section_5{ padding:70px}
.c_0100_2 .c_975 .c_975_box .c_975_head{ padding-bottom:24px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h4{ font-size:22px; line-height:46px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h3{ font-size:30px; line-height:30px;}
.c_0100_2 .c_975 .c_975_box .c_975_body{ margin-top:12px; font-size:16px; line-height:35px;}
.c_0100_2 .c_975 .c_975_box .c_975_down{ margin-top:28px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a{ padding-left:108px; font-size:18px; line-height:28px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a:before{ width:87px; height:2px;}
.c_0100_2 .c_975 .c_975_box .c_975_down h1{ width:632px; height:56px; line-height:56px; font-size:80px; letter-spacing:6px; margin:-8px 0 0 -316px;}
}

/*@media screen and (max-width:1380px) {
	.section_5{ padding:70px}
.c_0100_2 .c_975 .c_975_box .c_975_head{ padding-bottom:24px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h4{ font-size:22px; line-height:46px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h3{ font-size:30px; line-height:30px;}
.c_0100_2 .c_975 .c_975_box .c_975_body{ margin-top:12px; font-size:16px; line-height:35px;}
.c_0100_2 .c_975 .c_975_box .c_975_down{ margin-top:28px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a{ padding-left:108px; font-size:18px; line-height:28px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a:before{ width:87px; height:2px;}
.c_0100_2 .c_975 .c_975_box .c_975_down h1{ width:632px; height:56px; line-height:56px; font-size:80px; letter-spacing:6px; margin:-8px 0 0 -316px;}
.topnav .logo{float: left;width: 400px;margin-top:5px;}
}*/


@media screen and (max-width:768px) {
.topnav .logo{float: left;width: 300px;margin-top:15px;}
	.section_5{ padding:10px 0px 0px 0px}
.c_0100_2 .c_975{width:98%; float:none;height:100%;position:relative; text-align:center;padding-left:1%;z-index:3; padding-right:1%}
.c_0100_2 .pic{width:98%; position:relative; float:none;z-index:2; min-height:inherit;  padding-left:1%; padding-top:40px; padding-bottom:50px; background-color:#FFF}
.c_0100_2 .c_975 .c_975_box{ width: 100%; display:inline-block; text-align:justify}
.c_0100_2 .c_975 .c_975_box .c_975_head{ padding-bottom:14px; background-size:auto 2px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h4{ font-size:18px; line-height:36px;}
.c_0100_2 .c_975 .c_975_box .c_975_head h3{font-size: 24px;line-height:38px;}
.c_0100_2 .c_975 .c_975_box .c_975_body{margin-top:8px;font-size:13px;line-height:30px;text-align: justify;}
.c_0100_2 .c_975 .c_975_box .c_975_down{margin-top: 18px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a{ padding-left:76px; font-size:13px; line-height:26px;}
.c_0100_2 .c_975 .c_975_box .c_975_down a:before{ width:67px;}
.c_0100_2 .c_975 .c_975_box .c_975_down h1{ font-size:60px; letter-spacing:4px;}

}




.gotop{ position:absolute; right:65px; bottom:5%;}


.fadeInUp,.fadeInDown,.fadeInLeft,.fadeInRight{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;}
.ul_2 .l1.fadeInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.ul_2 .l2.fadeInUp{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.ul_2 .l3.fadeInUp{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.ul_4 .l1.fadeInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.ul_4 .l2.fadeInUp{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.ul_4 .l3.fadeInUp{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.ul_4 .l4.fadeInUp{  -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.ul_3 .l1.fadeInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.ul_3 .l2.fadeInUp{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.ul_3 .l3.fadeInUp{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.ul_3 .l4.fadeInUp{  -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.ul_3 .l5.fadeInUp{  -webkit-animation-delay:1s; animation-delay:1s;}
.ul_3 .l6.fadeInUp{  -webkit-animation-delay:1.2s; animation-delay:1.2s;}
.ul_1 .l1.fadeInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.ul_1 .l2.fadeInUp{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.ul_1 .l3.fadeInUp{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.ul_1 .l4.fadeInUp{  -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.ul_1 .l5.fadeInUp{  -webkit-animation-delay:1s; animation-delay:1s;}