/*slider*/
.pic0{background:url(../img/bc1.jpg) bottom center no-repeat;}
.pic1{background:url(../img/bc1.jpg) bottom center no-repeat;}
.pic2{background:url(../img/bc2.jpg) bottom center no-repeat;}

/*top_kdoa*/
.top_kdoa_bg{ position:absolute; right:0; bottom:0px; height:16vh;background:#fa9a6b; width:97%; margin:0 auto; box-shadow:0px 0px 3px rgba(0,0,0,0.3);}
.top_kdoa   { position:absolute; right:0; left:0; bottom:0px; width: 94%; margin:0 auto; margin-top:-16vh; height:16vh; z-index:11;}

/*.top_kdoa_fl{ float:left; height:16vh;width:80%;background:#fff;}*/
.top_kdoa_fl_div{ float:left; width:calc(80% / 3 - 3px); height:15vh; padding-top:1vh; background:url(../img/xiank.jpg) #fff left center no-repeat;}
.top_kdoa_fl_div_top{ float:left; width:100%; height:10vh; overflow:hidden; text-align:center;}
.top_kdoa_fl_div_top img { float:right; height:45px; margin-top:4vh;}
.top_kdoa_fl_div_top font{ float:right; display:inline-block; height:12vh; width:60%;vertical-align:bottom; }
.top_kdoa_fl_div_top font div { float:left; height:12vh; line-height:13vh; font-size:50px; font-weight:bold; color:#fa8f5b; padding:0px 5px; transform:scale(1,1.2); font-family:"Bebas-Neue";}
.top_kdoa_fl_div_top font span{ float:left; height:12vh; line-height:15.5vh; font-size:16px; font-weight:bold; color:#fa8f5b;}
.top_kdoa_fl_div_bot{ font-size:16px; color:#777; text-align:left; margin-left:40%; padding-left:5px;}

.top_kdoa_fr{ float:left; width:20%; height:16vh; background:#fa9a6b;}
.top_kdoa_fr a{ float:left; width:calc(100% - 12vh); height:5vh; line-height:5vh; font-size:18px; color:#FFF; padding-left:12vh; background:url(../img/gdr.jpg) left center no-repeat; background-size:10vh;}


/*gywm*/
.gywm{ position:relative; width:100%; background:url(../img/dawx.jpg) center center no-repeat; background-size:100%;}
.gywm_cen{ width:90%; margin:0 auto; display:block;}
.gywm_cen{ position:absolute; top:calc(50% - 320px); left:0; right:0;}

.gywm_cen_fl{ transition:all 0.3s; opacity:0; float:left; width:48%;}
.gywm_cen_fl_img{ float:left; display:block;margin-top: 80px; width: 100%; height:100px;background:url(../img/t2.png) left center no-repeat;}
.gywm_cen_fl_zi { float:left; width:100%; font-size:18px; color:#555; padding-top:30px;line-height:1.5;}
.gywm_cen_fl_zi span{ transition:all 0.3s; opacity:0;}
.gywm_cen_fl_da { float:left; width:100%; font-size:32px; color:#ccc; padding-top:38px;}

.gywm_cen_fl_href{ float:left; width:65px; height:65px; display:block; margin-top:20px; margin-bottom:60px;}
.gywm_cen_fl_href img{ float:left; width:65px; transition:all 0.3s;}
.gywm_cen_fl_href:hover img{ transform:rotate(90deg);}

.gywm_cen_fl_liang{ float:left; width:100%; height:20px; line-height:20px; font-size:16px; color:#333333;}

.opacity_show{ opacity:1 !important;}

.gywm_cen_fr{ position:relative; float:right; width:40%; margin-right:50px; margin-top: 80px;}
.gywm_cen_fr_ou{ position:absolute;top: -80px; right:-20px; display:block; width:10%;}

.gywm_cen_fr_quan{text-align: center;}
.gywm_cen_fr_quan img{ width:100%; max-width: 500px; max-height: 500px; border-radius:50%;}

.gywm_cen_fr_div{position:absolute; bottom:0; right:0; left:0; width:70%; height:88px; margin:0 auto; background:#c4c4c4; border-radius:88px; }
.gywm_cen_fr_div font{ display: block; width: calc(100% - 75px); height:100%; text-align:left;overflow:hidden; text-align:center;}
.gywm_cen_fr_div_yi{ float:left; width:100%; height:30px; line-height:30px; padding-top:18px; font-size:20px; color:#FFF;}
.gywm_cen_fr_div_er{ float:left; width:86%; max-height:32px; line-height:16px; color:#FFF; margin-left:7%; text-align:left;}
.gywm_cen_fr_div_img{ position:absolute; right:0; height:88px; transition:all 0.3s;}
.gywm_cen_fr_div:hover .gywm_cen_fr_div_img{ transform:rotate(-20deg);}


/*wuxian*/
.wuxian{ width:100%; overflow:hidden;}
.wuxian_c{ width:105%;}
.wuxian_div{ float:left; overflow:hidden;}

.wuxian_div_1{ background:url(../img/q1.jpg) center center no-repeat; background-size:cover;}
.wuxian_div_2{ background:url(../img/q2.jpg) center center no-repeat; background-size:cover;}
.wuxian_div_3{ background:url(../img/q3.jpg) center center no-repeat; background-size:cover;}
.wuxian_div_4{ background:url(../img/q4.jpg) center center no-repeat; background-size:cover;}
.wuxian_div_5{ background:url(../img/q5.jpg) center center no-repeat; background-size:cover;}

.wuxian_div_top{ float:left; width:calc(100% - 10%); padding:0px 5%; background:url(../img/afc.png); transition:all 0.3s;}
.wuxian_div_top div { float:left; width:100%; line-height:7vh; font-size:4vh; color:#FFF; font-weight:bold; border-bottom:1px solid #FFF;}
.wuxian_div_top span{ float:left; width:100%; height:5vh; line-height:5vh; font-size:2vh; color:#FFF; text-transform:uppercase;}

.wuxian_div_bot{ opacity:0; position:absolute; float:left; background:url(../img/ge.png); transition:all 0.1s;}
.wuxian_div_bot_top{ float:left; width:calc(100% - 100px); margin-left:50px; margin-top:30%;}
.wuxian_div_bot_top div { float:left; width:100%; line-height:4vh; font-size:4vh; color:#FFF; font-weight:bold; text-transform:uppercase;}
.wuxian_div_bot_top span{ float:left; height:5vh; line-height:5vh; font-size:3vh; color:#FFF; border-bottom:3px solid #FFF; padding-bottom:5px;}

.wuxian_div_bot_bot{ float:left; width:100%; margin-top:10px;}
.wuxian_div_bot_bot a{ float:left; width:calc(45% - 2px); height:30px; line-height:28px; border:1px solid #FFF; font-size:16px; color:#FFF; background:url(../img/afc.png); overflow:hidden; display:block; border-radius:15px; text-align:center; margin-top:10px; margin-left:calc((10% - 4px) / 3); transition:all 0.3s;}
.wuxian_div_bot_bot a:hover{ background:url(../img/faw.png);}


/*xwzx*/
.xwzx{ position:relative; width:100%; margin:0 auto;}
.xwzx_cen{ width:90%; margin:0 auto; display:block;}
.xwzx_cen{ position:absolute; top:calc(50% - 300px); left:0; right:0;}

.xwzx_fl{ float:left; width:48%;}
.xwzx_fl_top{ float:left; width: 100%; height:100px;background:url(../img/new.png) left center no-repeat;}
.xwzx_fl_a{ float:left; width:100%; padding-top:20px;}
.xwzx_fl_a_img{float:left; width:100%; max-height:400px; overflow:hidden;}

.xwzx_fl_a img{ transition:all 0.3s; float:left; width:100%;}
.xwzx_fl_a_txt{ float:left; width:calc(100% - 50px); background:#f8f8f8; padding:25px;}
.xwzx_fl_a_txt font{ transition:all 0.3s; float:left; width:100%; line-height:24px; font-size:20px; color:#000; font-weight:bold;}
.xwzx_fl_a_txt span{ transition:all 0.3s; float:left; width:100%; line-height:24px; font-size:16px; color:#999; padding-top:10px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.xwzx_fl_a:hover img{ transform:scale(1.05,1.05);}
.xwzx_fl_a:hover div font{ font-size:20px;}
.xwzx_fl_a:hover div span{ text-indent:32px;}

.xwzx_fr{ float:right; width:48%;}
.xwzx_fr_top{ float:left; width:100%; height:135px;}
.xwzx_fr_top_cen{ float:right; height:45px; border:1px solid #eee; border-radius:25px;}
.xwzx_fr_top_cen div{ float:left; padding:0px 40px; height:45px; line-height:45px; font-size:18px; color:#000; cursor:pointer;}
.xwzx_fr_top_cen_div_hover{ font-weight:bold;}
.xwzx_fr_top_cen a{ display:none; float:left; padding:0px 40px; height:47px; line-height:45px; background:#fa8f5b; color:#FFF; font-size:18px; border-radius:25px; margin-top:-1px; margin-right:-1px; margin-left:80px;}

.xwzx_fr_bot{ display:none; float:left; width:100%;}
.xwzx_fr_bot_a{ float:left; width:100%; height:90px; margin-bottom:36px;line-height:90px;}
.xwzx_fr_bot_a_fl{ transition:all 0.3s; float:left; width:65px; text-align:center; border-radius:45px; background:#f8f8f8; font-size:45px; color:#000;}
.xwzx_fr_bot_a_fr{ float:left; width:calc(100% - 65px); height:90px;}
.xwzx_fr_bot_a_fr div{ float:left; width:100%; border-bottom:1px solid #f8f8f8;}
.xwzx_fr_bot_a_fr div ul{ height:45px; line-height:45px; font-size:18px; transition:all 0.3s; float:left; width:calc(100% - 90px); color:#000; text-indent:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xwzx_fr_bot_a_fr div li{ height:45px; line-height:45px; font-size:14px; float:right; width:80px; color:#a7a7a7; text-align:right;}
.xwzx_fr_bot_a_fr font  { height:45px; line-height:45px; font-size:14px; float:left; width:100%; color:#909090; text-indent:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xwzx_fr_bot_a_fr span  { transition:all 0.3s; float:left; width:0; height:1px; background:#fa8f5b; margin-top:-1px;}

.xwzx_fr_bot_a:hover .xwzx_fr_bot_a_fl{ background:#fa8f5b; color:#FFF;}
.xwzx_fr_bot_a:hover .xwzx_fr_bot_a_fr div ul{color:#fa8f5b; font-weight:bold;}
.xwzx_fr_bot_a:hover .xwzx_fr_bot_a_fr span{ width:100%;}



/*llls*/
.llls{ clear:both; width:100%; background:#f5f5f5;}
.llls_cen{ position:relative; width:90%; margin: 0 auto;}

.llls_cen_top{ width:100%; margin: 0 auto; padding:40px 0 10px; height:40px; line-height:40px; font-size:24px; color:#140d0d;text-indent:20px;}

.llls_cen_bot{ width:100%; margin-bottom:40px;}
.llls_cen_bot a{ transition:all 0.3s; float:left; width:calc(25% - 60px); background:#FFF; margin:10px; padding:20px;}
.llls_cen_bot a div { transition:all 0.3s; float:left; width:135px; height:135px;overflow:hidden;}
.llls_cen_bot a span{ transition:all 0.3s; float:left; width:calc(100% - 155px); height:125px; line-height:25px; overflow:hidden;padding-left:20px; font-size:16px; line-height: ; color:#000; text-align:justify;}

.llls_cen_bot a:hover{ background:#fff;}
.llls_cen_bot a:hover div{ transform:scale(1.05,1.05);}
.llls_cen_bot a:hover span{ color:#fa8f5b;}


@media screen and  (min-width:1921px){
	/* 超大型设备（大型笔记本电脑和台式机，1920 像素及以上）*/
	.slider_logo_bg{ margin:0 auto;max-width:1600px; }

	.top_kdoa_bg{ width:1600px;}
	.top_kdoa   { width:1600px;}

	.gywm_cen{ max-width:1600px;}
	.llls_cen{ max-width:1600px;}
	.xwzx_cen{ max-width:1600px;}
}
@media screen and (max-width:1920px){
	/* 超大型设备（大型笔记本电脑和台式机，1920 像素及以下）*/

	.slider_logo_bg{ margin:0 auto;max-width:1400px; }

	.top_kdoa_bg{ margin-left:calc(50% - 720px); width:calc(50% + 720px);}
	.top_kdoa   { width:1440px;}
	/*.top_kdoa_fl{ width:1100px;}*/
	/*.top_kdoa_fr{ width:calc(100% - 1100px);}*/

	.gywm_cen{ max-width:1400px;}
	.llls_cen{ max-width:1400px;}
	.xwzx_cen{ max-width:1400px;}
}

@media screen and (max-width:1600px) {
	/* 超大型设备（大型笔记本电脑和台式机，1600 像素及以下） */
	.slider_logo_bg{ margin:0 auto;max-width:1400px; }

	.top_kdoa_bg{ margin-left:calc(50% - 720px); width:calc(50% + 720px);}
	.top_kdoa   { width:1440px;}
	/*.top_kdoa_fl{ width:1100px;}*/
	/*.top_kdoa_fr{ width:calc(100% - 1100px);}*/

	.gywm_cen{ max-width:1400px;}
	.llls_cen{ max-width:1400px;}
	.xwzx_cen{ max-width:1400px;}
	.xwzx_fl_a_img{max-height:350px;}
}

@media screen and (max-width: 1440px){
	/* 大型设备（笔记本电脑/台式机，1400 像素及以下） */
	.slider_logo_bg{ width:95%; margin:0 auto;}

	.top_kdoa_fl_div_top font div { font-size:45px;}
	.top_kdoa_fl_div_top font span{ font-size:14px;}
	.top_kdoa_fl_div_bot{ font-size:14px;}
	.top_kdoa_fr a{font-size:14px; padding-left: 10vh;}

	.gywm_cen_fr_div  {width:90%;}
	.gywm_cen_fr_div font{ width: calc(100% - 60px);}
}

@media screen and (max-width: 1280px){
	/* 大型设备（笔记本电脑/台式机，1280 像素及以下） */

	.top_kdoa_fl_div_top img{ height:35px; }
	.top_kdoa_fl_div_top font div {font-size: 45px;}
	.top_kdoa_fr a{font-size: 16px;}

	.gywm_cen{ position:absolute; top:calc(50% - 290px); left:0; right:0;}
	.gywm_cen_fl_zi{font-size:14px}
	.gywm_cen_fl_da{font-size:22px;padding-top: 20px;}
	.gywm_cen_fl_href{margin-bottom: 40px;}
	.gywm_cen_fl_liang { font-size: 14px;}

	.xwzx_cen{ position:absolute; top:calc(50% - 280px); left:0; right:0;}
	.xwzx_fr_top{ float:left; width:100%; height:100px;padding-top: 10px}
	.xwzx_fr_top_cen div{padding:0px 20px;}
	.xwzx_fr_top_cen a{ padding:0px 20px; margin-left: 20px;}

	.llls_cen_bot a{ text-align:center;}
	.llls_cen_bot a div { display: block; margin:0 auto; float:none;}
	.llls_cen_bot a span{ display: block; clear: both; width: 100%; height: 20px; font-size:14px; padding-top:10px; padding-left:0px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; text-align:center;}

}

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

	.top_kdoa { width: 100%;}
	.xwzx_fr_bot_a{ height:80px;line-height:80px; margin-top:20px;margin-bottom:5px;}
	.xwzx_fr_bot_a_fl{ width:45px; border-radius:45px;font-size:40px;}
	.xwzx_fr_bot_a_fr{ width:calc(100% - 45px); height:80px;}
	.xwzx_fr_bot_a_fr div ul{ height:40px; line-height:40px; font-size:16px; width:calc(100% - 80px); text-indent:20px;}
	.xwzx_fr_bot_a_fr div li{ height:40px; line-height:40px; font-size:14px; width:80px;}
	.xwzx_fr_bot_a_fr font  { height:40px; line-height:40px; font-size:14px; width:100%; text-indent:20px;}
	.gywm_cen_fr_div font {width: calc(100% - 75px);}
	.gywm_cen_fr_div_yi {font-size: 16px;}
	.gywm_cen_fr_div_er {font-size: 12px;}

}

@media screen and (max-width: 850px){
	/*手机*/
	/*slider*/
	.pic0{background:url(../img/b1.jpg) center center no-repeat;}
	.pic1{background:url(../img/b1.jpg) center center no-repeat;}
	.pic2{background:url(../img/b2.jpg) center center no-repeat;}

	.sliderbox{ background-size:auto 100% !important;}
	.sliderbox li a{ width:100%; display:block; background-size: 100%  auto !important;}
	.slider_logo_img{}
	.slider_logo_img{width:65% ; background:url(../img/yykl_wap.png) no-repeat; background-size:100% auto;margin-top:50% !important;}

	.top_kdoa_bg{ position:absolute; right:0; bottom:0px; height:160px;background:#fa9a6b; width:100%; margin:0 auto; box-shadow:0px 0px 3px rgba(0,0,0,0.3);}
	.top_kdoa   { position:absolute; right:0; left:0; bottom:0px; width: 100%; margin:0 auto; margin-top:-160px; height:160px; z-index:11;}
	.top_kdoa_fl{ float:left; height:80px;}
	.top_kdoa_fl_div{ float:left; width:50%; height:80px; padding-top:0px;}

	.top_kdoa_fr{ float:left;position:relative; right:0; float:right; width:50%; height:80px; background:#fa9a6b;}
	.top_kdoa_fr a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;float:left; width:calc(100% - 40px); height:25px; line-height:25px; font-size:16px; color:#FFF; padding-left:80px; background:url(../img/gdr.jpg) left center no-repeat; background-size:80px;}

	.top_kdoa_fl_div_top font{ width:70%;vertical-align:bottom; }
	.top_kdoa_fl_div_top font div { font-size:40px;}
	.top_kdoa_fl_div_bot{ font-size:14px; margin-left:30%;line-height: 14px;}

	.gywm_cen { position:relative; left: 0; right: 0;}
	.gywm_cen_fl_liang{display:none;}
	.gywm_cen_fr_div_er { display: none;}

	.gywm_cen_fl_img{height:70px;background-size: auto 100%;}
	.xwzx_fl_top{ height:70px;background-size: auto 100%;}

}


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

	.top_kdoa_fl_div_top{ height:55px; }
	.top_kdoa_fl_div_top img { height:30px; margin-top:25px;}
	.top_kdoa_fl_div_top font{ height:60px;}
	.top_kdoa_fl_div_top font div { height:55px; line-height:75px; font-size:40px; }
	.top_kdoa_fl_div_top font span{ height:55px; line-height:85px; font-size:16px;}
	.top_kdoa_fl_div_bot{ font-size:12px;}

	.top_kdoa_fr{ height:80px;}
	.top_kdoa_fr a{ width:calc(100% - 20px); height:20px; line-height:20px; font-size:16px; padding-left:60px;background-size: 60px;}


	.gywm{height: auto !important;}
	.gywm_cen {  position:relative; left: 0; right: 0; width:calc(100% - 40px);}
	.gywm_cen_fl{ position:relative; float:none; width:100%; margin:0 auto !important;}
	.gywm_cen_fr{ position:relative; float:none; width:90%; margin:0 auto 20px;}
	.gywm_cen_fr_ou{ display:none; }
	.gywm_cen_fl_img{ margin-top: 50px; width: 100%;}
	.gywm_cen_fl_href{ height:26px;margin-bottom: 0px;}
	.gywm_cen_fl_href img{ width:26px;}
	.gywm_cen_fl_zi { font-size: 14px;}
	.gywm_cen_fl_da { font-size: 18px;}

	.gywm_cen_fr_div{position:absolute; bottom:0; right:0; left:0; width:100%; height:50px; margin:0 auto; background:#c4c4c4; border-radius:50px; }
	.gywm_cen_fr_div font{ display: block; width: calc(100% - 45px); height:100%; text-align:left;overflow:hidden; text-align:center;}
	.gywm_cen_fr_div_yi{ float:left; width:100%; height:50px; line-height:50px; padding-top:0px; font-size:14px; color:#FFF;}
	.gywm_cen_fr_div_er{ display:none; }
	.gywm_cen_fr_div_img{ position:absolute; right:0; height:50px; transition:all 0.3s;}
	.gywm_cen_fr_div:hover .gywm_cen_fr_div_img{ transform:rotate(-20deg);}


	.wuxian_c{ width:100%;}
	.wuxian_div{ overflow:hidden;width:100%;}

	.wuxian_div_1{ background:url(../img/f1.jpg) center center no-repeat; background-size:cover;}
	.wuxian_div_2{ background:url(../img/f2.jpg) center center no-repeat; background-size:cover;}
	.wuxian_div_3{ background:url(../img/f3.jpg) center center no-repeat; background-size:cover;}
	.wuxian_div_4{ background:url(../img/f4.jpg) center center no-repeat; background-size:cover;}
	.wuxian_div_5{ background:url(../img/f5.jpg) center center no-repeat; background-size:cover;}

	.wuxian_div_top{height: 100%; padding-top: 30px; padding-left: 30px;}
	.wuxian_div_top div { line-height:30px; font-size:18px; width:auto; padding-right:20px;}
	.wuxian_div_top span{ height:20px; line-height:20px; font-size:14px;}


	.xwzx{height: auto !important;}
	.xwzx_cen{display:block; position:relative; width:calc(100% - 40px);}
	.xwzx_fl_top{margin-top: 50px; width: 100%;}
	
	.xwzx_fl{ clear:both; float:none; width: 100%; margin:0 auto !important;}
	.xwzx_fr{ clear:both; float:none; width: 100%; margin:0 auto 20px;}

	.xwzx_fl_a_txt{ width:calc(100% - 30px); padding:15px;}
	.xwzx_fl_a_txt font{ line-height:20px; font-size:16px;}
	.xwzx_fl_a_txt span{ line-height:20px; font-size:14px; padding-top: 5px;}
	.xwzx_fl_a:hover img{ transform:scale(1.05,1.05);}
	.xwzx_fl_a:hover div font{ font-size:16px;}
	.xwzx_fl_a:hover div span{ text-indent:32px;}

	.xwzx_fr_top{ height:auto; padding-top: 15px;}
	.xwzx_fr_top_cen{float:none; height:40px; border:1px solid #eee; border-radius:25px;width:auto; padding-left:10px;}
	.xwzx_fr_top_cen div{ float:left; padding-left:10px; height:40px; line-height:40px; font-size:16px; color:#000; cursor:pointer;}
	.xwzx_fr_top_cen_div_hover{ }
	.xwzx_fr_top_cen a{float:right; padding:0px 15px; height:42px; line-height:40px; font-size:14px; border-radius:25px; margin-left:0px;}


	.xwzx_fr_bot{ display:none; float:left; width:100%;margin-bottom: 30px;}
	.xwzx_fr_bot_a{ float:left; width:100%; height:90px; margin-bottom:36px;line-height:90px;}


	.xwzx_fr_bot_a{ float:left; width:100%; height:60px; margin-top:20px; margin-bottom: 0px;line-height:60px;}
	.xwzx_fr_bot_a_fl{ font-size:26px;width:35px}
	.xwzx_fr_bot_a_fr{ float:left; width:calc(100% - 40px); height:60px;}
	.xwzx_fr_bot_a_fr div ul{ height:30px; line-height:30px;font-size: 14px;}
	.xwzx_fr_bot_a_fr div li{ height:30px; line-height:30px;}
	.xwzx_fr_bot_a_fr font  { height:30px; line-height:30px;}

	.llls_cen_top{    height: 30px;line-height: 30px;font-size: 18px; padding: 30px 0 10px;}
	.llls_cen_bot a { width: calc(50% - 50px);padding: 15px;}
	.llls_cen_bot a div { transition:all 0.3s; float:left; width:100%; overflow:hidden;}

}

@media screen and (max-width: 320px){
	.gywm_cen_fr_div_yi{ font-size:12px;}
}