@charset "utf-8";
/*index_banner*/
.indexbanner .container1{ width: 55%; margin: 0 auto;}
.banner_img{position:relative; width:100%; height:840px; margin-top: 100px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:45%; z-index:10; text-align:left; color:#fff;transform:translateY(-45%);}
.banner_img_jj_mid_1{font-size:24px; line-height: 38px; width: 60%; }

.banner_img_jj_mid_2{margin-bottom:1vw;font-size:72px; margin-top:0; letter-spacing:2px; font-weight: bold; }
.banner_img_jj_mid_3{font-size:18px; line-height: 38px; font-family: 'GenBasR'; width: 57%; opacity: 0.8; margin-bottom: 15px; margin-top: 5px;  color: #f2f4ff; text-transform: uppercase; letter-spacing: 5px;}
.banner_img_jj_mid_4{font-size:30px; font-family: 'GenBasR';  color: #f2f4ff; text-transform: uppercase; line-height: 100px; position: relative;}
.banner_img_jj_mid_5{font-size:30px; color: #f2f4ff; height: 80px; line-height: 80px; letter-spacing: 5px; margin-top: 30px; text-align: center; width: 230px; background: url(../images/ban_more.png) no-repeat left center;}
.banner_img_jj_mid_6{font-size:24px; line-height: 45px; color: #f2f4ff; height: 45px; letter-spacing: 5px;text-align: center; width:320px;border-radius: 15px; background: #e65c00;}

.banner_img_jj_mid_4::before { position: absolute; left: -10%; top: 10%; content: ""; width: 80%; height: 90px; background: url(../images/ban2.png) no-repeat;}
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_3.animated{ -webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_4.animated{ -webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_5.animated{ -webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_6.animated{ -webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination { width: 100%;  bottom: 5px;}
.indexbanner .swiper-pagination-bullet { margin-left: 5px; margin-right: 5px; background: transparent; border: 1px solid #fff;}
.indexbanner .swiper-pagination-bullet-active{ width: 25px; border-radius: 20px; background: #fff; }
.banner_right_act{ width: 12%; position: absolute; left: 7%; bottom: 45px;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.sub-mouse{position:absolute; width: 23px;height: 40px; cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:45px; right:9%; z-index:1;}
.sub-mouse:after,.banner_mouse:before{content: "";position: absolute; z-index: 9;}
.sub-mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.sub-mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; /*border: 1PX solid #FFF; */border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.banner_mouse{position:absolute; width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:35px; left:9%; z-index:1;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@supports (background-clip: text) {
  .banner_img_jj_mid_1 span {
    background-image: linear-gradient(to right, #fff, #fff 60%);
    background-clip: text;
    color: transparent;
  }
}

@-webkit-keyframes colorSlide {
	 	 0% {
	  	    height:0;
	  	  }

  	 90%{
  	  	height:40px;
  	  }


	}

	@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	@-webkit-keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }

	}
	@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

.banner_img_mo{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width: 1660px) {
.indexbanner .container1{ width: 63%; }
.banner_img_jj_mid_2{ font-size:64px;}
.banner_img_jj_mid_4{font-size:28px;line-height: 90px; }
.banner_img_jj_mid_5{font-size:28px; height: 70px; line-height: 70px; }
.banner_right_act{ left:4%; }
}
@media screen and (max-width: 1440px){
.banner_img{ height:615px;}
.indexbanner .container1{ width: 62%; }
.banner_img_jj_mid_2{font-size:44px;}
.banner_img_jj_mid_2 img{ width: 30%;}
.banner_img_jj_mid_1{font-size:20px; }
.banner_img_jj_mid_4{font-size:26px;line-height:80px; }
.banner_img_jj_mid_5{font-size:24px; letter-spacing: 2px; height: 60px; line-height: 60px; }
.banner_img_jj_mid_4::before { height: 80px; background: url(../images/ban2-1.png) no-repeat;}
.banner_img_jj_mid_3{letter-spacing: 2px;}
.banner_img_jj_mid_6{font-size:22px; letter-spacing: 2px;}
.banner_right_act{ width:18%; }

}
@media screen and (max-width: 1200px){
.banner_img{ height:500px;}
.banner_img_pc{ display: none;}
.banner_img_mo{ display: block;}
.banner_img_jj_mid_1{font-size:18px; width: 70%; line-height: 28px;}
.banner_img_jj_mid_2{font-size:36px;margin-bottom: 10px;}
.banner_img_jj_mid_3{margin-bottom: 10px;}
.banner_img_jj_mid_4{font-size:22px;line-height:60px; }
.banner_img_jj_mid_5{font-size:20px; height: 50px; line-height: 50px; width: 160px; background: url(../images/ban_more_2.png) no-repeat left center;}
.banner_img_jj_mid_4::before { height: 60px; background: url(../images/ban2-2.png) no-repeat;}
.banner_img_jj_mid_6{font-size:20px;}
}
@media screen and (max-width: 1024px){
.banner_img{ height:427px;}
.indexbanner .container1{ width: 68%; }
.banner_img_jj_mid_2{font-size:32px;}
.banner_right_act{ width:14%;right: 6%;}
.banner_img_jj_mid_5{font-size:18px;}
.banner_right_act{ width:24%; }
}
@media screen and (max-width: 992px){
.banner_img{ margin-top: 60px;}
}
@media screen and (max-width: 768px){
.banner_img{ height:320px;}
.banner_img_jj_mid_2{font-size:22px; margin-bottom: 15px;}
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
.banner_img_jj_mid_4{font-size:18px; }
.banner_img_jj_mid_4::before { background: url(../images/ban2-3.png) no-repeat;}
.banner_img_jj_mid_6{font-size:22px; width:260px;}
}
@media screen and (max-width: 668px){
.banner_img{ height:300px;}
.sub-mouse{ display: none;}
.banner_img_jj_mid_2 img{ width: 34%;}
.banner_right_act{ width: 26%; bottom: 30px;}
.banner_img_jj_mid_2{font-size:20px;}
.banner_img_jj_mid_3{ display: none;}
.banner_img_jj_mid_5{font-size:15px; margin-top: 10px; width: 150px;}
.banner_img_jj_mid_6{ display: none;}
.banner_img_jj_mid_4{font-size:18px; height: 50px; line-height: 50px;}
.banner_img_jj_mid_4::before { height: 50px;background: none;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{ display: none; }
.banner_right_act{ width: 100%; bottom:15px;}
}
@media screen and (max-width: 500px){
.banner_img{ height:220px;}
.banner_img_jj_mid_2{font-size:18px;}
.banner_img_jj_mid_1{font-size:15px;width:88%; line-height: 26px;}
.banner_img_jj_mid_2 img{ width: 45%;}
.banner_img_jj_mid_5{margin-top: 0px;}


}
.index_page{ padding: 85px 0px;}
.index_tit {margin-bottom: 40px;}
.index_tit .in_h3 {font-size: 28px;margin-bottom: 20px;}
.index_tit .in_h2 {font-size: 40px; font-weight: bold;}
.jianjie {font-size: 15px;color: #5b5b5b;line-height: 20px;padding: 80px 15px; width: 85%; margin: 0 auto; }
.more {color: #353535;padding: 15px 70px 15px 50px;border: 1px solid #eae9e9;position: relative;}
.more:after{ width: 30px; height: 20px; position: absolute; content: ""; right: 20px; top:18px; background: url(../images/more.png) no-repeat;}
.more:hover {color: #fff;border: 1px solid #e26b13; background-color: #e26b13;}
.more:hover:after {width: 30px; height: 20px; position: absolute; content: ""; right: 20px; top:18px;  background: url(../images/more1.png) no-repeat;}
.jianj_con {padding-right: 70px;line-height: 30px;color: #5b5b5b;}
.jianj_con p{ margin-top: 45px; margin-bottom: 40px; font-size: 16px;}
.in_c {width: 50%;float: left;}
.in_con_wrap {background: #fdf6e5;}
.index_part2{/* height: 410px;*/ overflow: hidden;background: #ebfdfc;}
.index_part2 .index_part2_img { background: url(../images/indexabout1.jpg) no-repeat center; background-size: cover; height: 425px;}
.yj {background: #d5fefb;padding: 50px 20px; height: 100%;}
.num {font-size: 35px; color: #e26b13; text-align: center;float: left;}
.num span {font-size: 40px;font-weight: bold;}
.num p{font-size: 16px;color: #353535; }
.yj_t {padding: 50px 30px;}
.yj_t>span {width: 100%;padding-bottom: 20px;}
.num02 {margin: 0px 35px;}
.yuan_p {font-size: 30px;color: #353535;margin-bottom: 16px;}
.yuan_b {font-size: 18px;color: #666;margin-bottom: 20px;}
.yuanj {background: #f9fdf3;padding: 60px 0px 90px;}
.index_part3{background: #fdd7b3;padding-right: 0px; padding-left: 0px;}
.index_part3 .index_tit { text-align: center; padding-top:80px; }
.index_part3 .index_tit .in_h2 { color: #fff;}
.yuan_lay {top: 0px;left: 7.87%;right:8%;bottom: 0px;background: rgba(255, 255, 255, 0.7);}
.yuan_wrap {clear: both;}
.yuan_wrap .yuan_r { min-height: 794px; background: url(../images/choose1.jpg) no-repeat center bottom;}
.yuan_wrap .yuan_r img{  height: 100%;}
.yuan_lay_in { margin: 50px auto;text-align: center;}
.yuan_lay_in ul li{ width: 25%; float: left;}
.yuan_lay_in ul li .adv {padding: 70px 50px;background-color: rgba(256, 256, 256, 0.8);}
.yuan_lay_in ul li .adv .img { width: 135px; height: 135px; margin: 0 auto 30px;}
.yuan_lay_in ul li .adv .img1{display: block;}
.yuan_lay_in ul li .adv .img2{display: none;}
.yuan_lay_in ul li:hover .adv .img1{ display:  none;}
.yuan_lay_in ul li:hover .adv .img2{ display: block;}

/*
.yuan_lay_in ul li .adv .img1{ background: url(../images/adv1.png) no-repeat; background-size: cover;}
.yuan_lay_in ul li .adv .img2{ background: url(../images/adv2.png) no-repeat; background-size: cover;}
.yuan_lay_in ul li .adv .img3{ background: url(../images/adv3.png) no-repeat; background-size: cover;}
.yuan_lay_in ul li .adv .img4{ background: url(../images/adv4.png) no-repeat; background-size: cover;}
*/
.yuan_lay_in ul li .adv .adv_p { font-size: 24px; font-weight: bold; color: #333;}
.yuan_lay_in ul li .adv .adv_b { font-size: 16px; line-height:28px; min-height: 120px; color: #666; padding: 10px 0px; text-transform: uppercase;}
.yuan_lay_in ul li:hover .adv { background: #e26b13;padding:90px 50px; margin-top: -20px;}
/*
.yuan_lay_in ul li:hover .adv .img1{ background: url(../images/adv1_h.png) no-repeat;}
.yuan_lay_in ul li:hover .adv .img2{ background: url(../images/adv2_h.png) no-repeat;}
.yuan_lay_in ul li:hover .adv .img3{ background: url(../images/adv3_h.png) no-repeat;}
.yuan_lay_in ul li:hover .adv .img4{ background: url(../images/adv4_h.png) no-repeat;}
*/
.yuan_lay_in ul li:hover .adv .adv_p { color: #fff;}
.yuan_lay_in ul li:hover .adv .adv_b { color: #fff;}
.index_part4  { background: url(../images/index_bg01.jpg) no-repeat;}
.index_part4 .index_part4_right{ width:30%; float: right; }
.index_part4 .index_part4_right .in_h2 { color: #fff;}
.index_part4 .index_part4_right .index_part4_right_right .top_right_list{position:relative; cursor:pointer;}
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .box{padding:14px 0px; transition:all 0.5s ease; display:block;border-bottom:1px solid rgba(255, 255, 255, 0.48); }
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .tit { padding: 15px 0px;}
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .tit a{font-size: 24px; color: #fff; line-height: 38px;}
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .c{font-size:15px; color:#333f48; color:rgba(51,63,72,.8); height:0; overflow:hidden; transition:height 0.5s ease;}
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .box.cur .box,
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .box:hover .box{padding-top:10px;}
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .box.cur .c,
.index_part4 .index_part4_right .index_part4_right_right .top_right_list .box:hover .c{height:48px; line-height:24px; padding-top:5px;}
.index_part4 .index_part4_left{ width:70%; float: left; position: relative;}
.index_part4 .index_part4_left .swiper-container{ overflow: inherit !important;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right{padding:50px 10px 150px 110px; }
.index_part4 .index_part4_left .adSN_page{ position: absolute; z-index: 9; left:40%!important; bottom:5%!important;  top: auto; width:128px; padding-left: 4%; }
.index_part4 .index_part4_left .adSN_page .index_1_left{ cursor:pointer;position:absolute; opacity: 1; left:1.14583333333333%; width:45px; height:45px; top:50%; margin-top:-2.34375em; z-index:10; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_part4 .index_part4_left .adSN_page .index_1_right{cursor:pointer;position:absolute; opacity: 1; right:1.14583333333333%; width:45px; height:45px; top:50%;margin-top:-2.34375em;z-index:10;background-image:url(../images/right.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
.index_part4 .index_part4_left .adSN_page .index_1_left:hover{background-image:url(../images/left_h.png); }
.index_part4 .index_part4_left .adSN_page .index_1_right:hover{background-image:url(../images/right_h.png);}

@media screen and (max-width: 1850px){
.jianjie { width: 87%; }
.yuan_lay { left: 6%;right:6%;}
}
@media screen and (max-width: 1750px){
.jianjie { width: 92%; }
.yuan_lay { left: 4%;right:4%;}
.yj_t {padding: 40px 20px;}
.yj { padding: 45px 20px;}
.index_part2{ height: 400px;}
.index_part2 .index_part2_img { height: 400px;}
.yuan_wrap .yuan_r { min-height: 750px;}
.yuan_lay_in ul li .adv {padding:50px 35px}
.yuan_lay_in ul li:hover .adv { padding:60px 35px;}
}
@media screen and (max-width: 1620px){
.yuan_lay_in ul li .adv {padding: 30px 20px; }
.index_part4 .index_part4_right .index_part4_right_right .top_right_list{ font-size:16px;}
.index_part4 .index_part4_left{ margin-top: 25px; }
.yuan_wrap .yuan_r { min-height: 720px;}
.yuan_p {font-size: 26px;}
.jianj_con { line-height:28px; padding-right: 40px;}
.jianj_con p{ margin-top: 40px; margin-bottom: 10px;}
.yuan_lay { left: 4%;right:4%;}
}
@media screen and (max-width: 1570px){
.yuan_lay { left: 2%;right:2%;}
}
@media screen and (max-width: 1470px){
.jianj_con p{ margin-top: 20px; margin-bottom: 0px;}
.yuan_lay { left: 1%;right:1%;}
}
@media screen and (max-width: 1440px){
.index_tit .in_h3 {font-size: 26px; }
.index_tit .in_h2 {font-size: 34px; }
.jianjie { padding: 60px 0px; width: 90%;}
.jianj_con p{ margin-top: 20px; margin-bottom: 10px;}
.num span {font-size: 36px}
.yj_t {padding: 12px 10px;}
.yj { padding: 12px 20px;}
.yj_t>span { padding-bottom: 10px;}
.yuan_p {font-size: 22px;}
.yuan_lay { left:0px;right:0px;}
.index_part4 .index_part4_left{ margin-top:40px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right{ padding:18px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img{ width:560px; height:360px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img img{ height:360px;}
.yuan_lay_in ul li .adv .img { margin: 0 auto 10px;}
.yj_t {padding: 27px 20px;}
.yj { padding: 27px 20px;}
.yuan_lay_in ul li .adv .adv_b { min-height: 150px;}
}
@media screen and (max-width: 1366px){
.index_tit .in_h3 {font-size: 24px; }
.index_tit .in_h2 {font-size: 32px; }
.yuan_lay_in ul li .adv .adv_p { font-size: 22px; }
.jianjie { padding: 50px 0px; width: 92%;}
.num span {font-size: 32px}
}
@media (max-width:1200px) {
.index_tit .in_h3 img,.in_h3 img{ max-width: 100%;}
.index_part2 { height: 750px;}
.index_part2 .w50 {width: 100%;}
.index_tit {margin-bottom: 30px;}
.index_tit .in_h3 {font-size: 22px; }
.index_tit .in_h2 {font-size: 28px; }
.jianjie { padding: 30px 0px; width: 96%;}
.jianj_con p{ margin-top: 10px; margin-bottom: 0px;}
.yuan_wrap .yuan_r { min-height: 680px;}
.yuan_lay_in ul li .adv {padding:20px 15px;}
.yuan_lay_in ul li:hover .adv { padding:30px 15px; margin-top: -10px;}
.yuan_lay_in ul li .adv .adv_p { font-size: 20px; }
.index_part4 .index_part4_right{ display: block;}
.index_part4 .index_part4_right .index_part4_right_right{ display:none;}
.index_part4 .index_part4_left{ width:100%;}
.index_part4 .index_part4_left .index_part4_left_list{ display:block;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right{ width:100%; padding: 0px 100px; display:flex; align-items:center; justify-content:center;margin:0 auto;}
.yuan_lay_in ul li .adv .adv_b { font-size: 15px;line-height:26px; padding:5px 0px;}

}

@media (max-width: 992px) {
.index_tit .in_h3 {font-size: 20px; }
.index_tit .in_h2 {font-size: 26px; }
.index_part1 .w50{ width: 100%;} 
.index_part1 .fr{ float: none;  margin: 0 auto;}
.jianj_con { padding-right: 0px; margin-bottom: 30px;}

/*.index_part3 .w50 {width: 100%;}*/
.index_part3 .index_tit { padding-top:50px; }
.yuan_wrap .yuan_r { min-height: 630px;}
.yuan_lay_in ul li .adv {padding:15px 5px;}
.yuan_lay_in ul li:hover .adv { padding:18px 5px; }
.yuan_lay_in ul li .adv .adv_p { font-size: 18px; }
}


@media (max-width: 768px) {
.index_tit .in_h3 {font-size:18px; }
.index_tit .in_h2 {font-size: 24px; }
.index_part2 { height: 900px;}
.index_part2 .w70,.index_part2 .w30 {width: 100%;}
.index_part2 .index_part2_img { height: 300px;}

.yuan_lay_in ul li .adv .img { width: 120px; height: 120px; }
.yuan_lay_in ul li .adv .img img { width: 100%;}
.yuan_lay_in ul li:hover .adv .img {width: 120px; height: 120px; }

.yuan_p {font-size: 20px; margin-bottom: 10px;}
.yuan_b {font-size: 16px; margin-bottom: 10px;}
.num span {font-size: 28px}
.num {font-size: 25px;}
.index_part3{ height: 1000px;}
.index_part3 .w50{ width: 100%;}
.yuan_lay_in ul li{ width: 50%; float: left; margin-bottom: 10px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right{ padding: 0px 50px; }
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img{ width:560px; height:400px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img img{ height:400px;}
}
@media (max-width:675px) {
.index_tit .in_h2 {font-size: 22px; }
.yuan_lay_in ul li .adv .img { width: 100px; height: 100px; }
.yuan_lay_in ul li:hover .adv .img { width: 100px; height: 100px; }

/*
.yuan_lay_in ul li:hover .adv .img { width: 100px; height: 100px; background-size:100% 100%;}
*/
.index_part3{ height: 950px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img{ width:560px; height:300px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img img{ height:300px;}

}
@media (max-width:500px) {
.index_part2 { height:840px;}
.index_part3{ height: 900px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right{ padding: 0px 10px; }
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img{ height:280px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img img{ height:280px;}
}
@media (max-width:475px) {
.index_part2 .index_part2_img { height: 260px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right{ padding: 0px 0px; }
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img{ height:240px;}
.index_part4 .index_part4_left .index_part4_left_list .bottom_list_right .list_right_img img{ height:240px;}
.yuan_lay_in ul li .adv .adv_b { line-height:24px; }
}

.index_part4 .IBusiness_left{ margin-top: 45px; margin-bottom: 45px; width: 65%; float: left; position: relative; }
.index_part4 .IBusiness_left .IBusiness_left_list{justify-content: space-between; align-items:center;}
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_right{ padding:0px 110px 50px 10px; }
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_right .list_right_img img{ width: 100%; object-fit: cover;}
.index_part4 .IBusiness_left .IBusiness_left_list.swiper-slide-active .list_left_btn{ color: #1f9bde;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.index_part4 .IBusiness_left .IBusiness_left_list.swiper-slide-active .bottom_list_left .list_left_btn::before{ background: #1f9bde;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ position: absolute; width: 150px; left: 43.2%; top: 95%; align-items: center; flex-direction: column; justify-content: center;}
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-next,
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-prev{ width:44px; height: 44px; line-height: 44px; background: #e26b13; position: relative; margin: 0px; right: 0; left: 0; box-shadow: 0px 15px 27px rgba(31,155,222,.2); top: 0;}
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-next{ margin-right: 25px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-next:after,
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-prev:after{font-family:'FontAwesome'; color: #fff; font-size: 30px; position: absolute; text-align: center; width: 44px; height: 44px; line-height: 44px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-next:after{content: "\f105";}
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-prev:after{content: "\f104";}
.index_part4 .IBusiness_right{ width: 35%; float: left;}
.index_part4 .IBusiness_right .IBusiness_right_top{ font-size: 36px; color: #fff;}
.demo{padding: 2em 0; }

#accordion .panel{border: none;box-shadow: none;border-radius: 0; height: auto!important; width: 100%; background: transparent;}
#accordion .panel-heading{padding: 0; background: transparent;}
#accordion .panel-title { border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; padding-left: 15px;}
#accordion .panel-title a{display: block;padding: 12px 20px 12px 0px; font-size: 24px; color: #fff;border: 1px solid transparent; position: relative;transition: all 0.3s ease 0s;}
#accordion .panel-title a.collapsed{background: transparent;color: #fff; }
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{content: "-"; width: 30px;height: 30px;line-height:26px; color: #fff;text-align: center;border: 1px solid #fff; position: absolute;top: 10px;right: 10px;transition: all 0.3s ease 0s;}
#accordion .panel-title a.collapsed:after{content: "+"; border: 1px solid #ddd;box-shadow: none;}
#accordion .panel-body{padding: 20px 25px 10px 9px;background: transparent;font-size: 18px;color: #8c8c8c; border-top: none;position: relative;}
#accordion .panel-body ul { margin: 5px auto;}
#accordion .panel-body ul li { padding: 0 10px; float: left; line-height: 38px;}
#accordion .panel-body ul li a { color: #fff; }
#accordion .swiper-slide-thumb-active.panel { background: #fff;}
#accordion .swiper-slide-thumb-active.panel .panel-title a{ color: #459989;}
#accordion .swiper-slide-thumb-active.panel .panel-title a:after,
#accordion .swiper-slide-thumb-active.panel .panel-title a.collapsed:after{content: "-"; color: #459989; border: 1px solid #459989;}
#accordion .swiper-slide-thumb-active.panel .panel-title a.collapsed:after{content: "+"; border: 1px solid #459989;box-shadow: none;}
.IBusiness_right_bottom .panel-group .panel + .panel {margin-top: 0px;}
@media screen and (max-width: 1680px){
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left: 53%; }
}
@media screen and (max-width: 1600px){
.index_part4 .IBusiness_right .IBusiness_right_top{ font-size:30px;}
.index_part4 .IBusiness_right .IBusiness_right_bottom .top_right_list{ font-size:16px;}
.index_part4 .IBusiness_left{ margin-top: 25px; }
.index_part4 .IBusiness_left .IBusiness_left_Switch{ position: absolute; width: 150px; left: 56%; }
}
@media screen and (max-width: 1580px){
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left: 57.5%; }
}
@media screen and (max-width: 1520px){
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left: 61.5%; }
}
@media screen and (max-width: 1440px){
.index_part4 .IBusiness_left{ margin-top:40px;}
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_left .list_left_btn{ margin-top:80px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left: 62.5%; }
#accordion .panel-title a{ font-size: 22px;}
}
@media (max-width: 1366px) {
#accordion .panel-title a{ font-size: 20px;padding:8px 20px 8px 0px;}
#accordion .panel-body{padding: 15px 25px 10px 9px;}
#accordion .panel-body ul li { padding: 0 5px; }
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left:67.5%; }
}
@media screen and (max-width: 1300px){
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_right{padding: 0px 50px 50px 10px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left:71.5%; }
}
@media (max-width:1200px) {
.index_part4  { background: url(../images/index_bg01_1.jpg) no-repeat;}
.index_part4 .IBusiness_left{ width:100%; margin-top: 0px; margin-bottom: 20px;}
.index_part4 .IBusiness_right{ width: 100%; float: none;}
.index_part4 .IBusiness_right .IBusiness_right_top{ margin-bottom:20px;}
.index_part4 .IBusiness_left .IBusiness_left_list{ display:block;}
.index_part4 .IBusiness_right{  margin-top: 0px;}
.index_part4 .IBusiness_right .IBusiness_right_top{ font-size:20px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ top:71.5%; }
#accordion .panel-body{padding: 5px 25px 0px 9px;}
#accordion .panel-title { padding-bottom: 15px; }
#accordion .panel-title a{ font-size: 18px;padding:5px 20px 5px 0px;}
#accordion .panel-title a.collapsed:after{ top: 0px; }

}
@media (max-width: 992px) {
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_left,.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_left{ width:70%;}
}
@media (max-width: 768px) {
.index_part4 .IBusiness_right .IBusiness_right_top{ font-size:20px; margin-bottom: 0px;}
#accordion .panel-title a{ padding:4px 20px 4px 0px;}
#accordion .panel-body{padding:4px 20px 4px 0px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ top:79%; }

}
@media (max-width: 668px) {
.index_part4  { background: url(../images/index_bg01_2.jpg) no-repeat; background-size: cover;}
}
@media (max-width:500px) {
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_right{ padding: 0px 10px; }
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-next,
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-prev{ width:36px; height: 36px; line-height: 36px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-next:after,
.index_part4 .IBusiness_left .IBusiness_left_Switch .swiper-button-prev:after{width: 36px; height: 36px; line-height: 36px;}
.yuan_lay_in ul li .adv {padding: 10px 5px;}
.yuan_lay_in ul li:hover .adv { padding:10px 5px; margin-top: 0px;}
 }
@media (max-width:475px) {
.yuan_lay_in ul li .adv .adv_b {min-height: 170px;}
#accordion .panel{ margin: 0 0 15px 0px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ width: 120px; left: 72%; }
.index_part4 .IBusiness_left .IBusiness_left_list .bottom_list_right{ padding: 0px 0px; }
#accordion .panel-title a.collapsed:after{ top: 5px;}

}
@media (max-width:425px) {
.yuan_lay_in ul li .adv .adv_b {min-height: 150px;}
.index_part4 .IBusiness_left{ margin-bottom: 70px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ left: 68%; }
}
@media (max-width:400px) {
.yuan_lay_in ul li .adv .adv_b {min-height: 170px;}
.index_part4 .IBusiness_left .IBusiness_left_Switch{ top:83%; left: 65%; }
.index_part4 .IBusiness_right .IBusiness_right_top .index_tit{ margin-top: 30px;}
}
	
	

.index_part5 .index_tit { text-align: center; }
.index_part5 .index_tit .in_h2 { color: #459989;}
.index_part5 .index-news-item a{display:block;background: #FFF;}
.index_part5 .index-news-item a .title{ padding: 30px 35px; border: 1px solid #dcdcdc;}
.index_part5 .index-news-item a h3{color:#333;font-size: 24px; margin-bottom:20px; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden; }
.index_part5 .index-news-item a p{color:#666;font-size: 16px;line-height: 32px; margin-bottom: 20px; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;  }
.index_part5 .index-news-item a .morebox{width:47px;height:47px; line-height: 42px; position: relative; border: 1px solid #dcdcdc; }
.index_part5 .index-news-item a .morebox::before{ position: absolute; left: 12px; top: 0px; content: "+"; font-size: 30px; color: #e26b13;}
.index_part5 .index-news-item a .morebox1{ display: none;}
.index_part5 .index-news-item a .news-thumb{overflow: hidden;}
.index_part5 .index-news-item a .news-thumb img{height:inherit;width: 100%;background: #CCC;transition: all .5s ease;transform:scale(1);}
.index_part5 .index-news-item a:hover .news-thumb img{transform: scale(1.1);}
.index_part5 .index-news-item a:hover h3{ color:#009771;}
.index_part5 .index-news-item a:hover .morebox{ display: none;}
.index_part5 .index-news-item a:hover .morebox1{ display: block; width:155px;height:47px; line-height: 42px; padding: 0 30px; border: 1px solid #e26b13; background:#e26b13; color: #fff; position: relative; }
.index_part5 .index-news-item a:hover .morebox1::before{ position: absolute; right: 20px; top:14px; content: ""; width: 23px; height: 15px; background: url(../images/more1.png) no-repeat center right; }

@media (max-width:1530px){
.index_part5 .index-news-item a h3{ font-size: 22px; }
.index_part5 .index-news-item a p{ line-height: 30px; }
}
@media (max-width:1180px){
.index_part5 .index-news-item a h3{ font-size: 20px; }
.index_part5 .index-news-item a p{ line-height: 28px; }
}

@media (max-width:1024px){
.index_part5 .index-news-item a .title{ padding: 20px 25px; }
.index_part5 .index-news-item a h3{ font-size: 18px; margin-bottom: 10px; }
.index_part5 .morebox{width:116px;height:40px;margin:0 auto}
.index_part5 .index-news-item a .morebox{width:35px;height:35px; line-height: 30px; }
.index_part5 .index-news-item a .morebox::before{ left: 7px; font-size: 26px; }
}
@media (max-width:992px) {
.index_part5 .index-news-item a .title{ padding: 20px 20px; }
.index_part5 .index-news-item a p{ line-height: 26px; }
}
@media (max-width: 768px) {
.index_part5 .index-news-item a h3{ margin-top: 10px; margin-bottom: 8px; }
.index_part5 .index-news-item { margin-bottom: 10px;}
}
@media (max-width: 568px) {
.index-news-list .index-news-item a .title{padding: 5px 20px 30px; }
.index-news-list .index-news-item a{margin-bottom:0px;}
}

.n_banner{height:540px; margin-top: 90px; position: relative; }
.n_banner .n_banner_con{ text-align:left; width:100%; height:260px; margin-bottom: 0px; padding-top: 12%; position: relative;}
.n_banner .n_banner_con h3 {font-size: 48px;color: #fff; }
.page_nav{height: 70px;line-height: 70px; background-color: rgba(255, 255, 255, 0.28); position: absolute; bottom: 0px; left: auto; right: auto; content: ""; width: 1590px; }
.page_nav .crumb{float: right; position: relative; font-size:16px; padding-right: 3%; padding-left: 2%;}
.page_nav .crumb:before{ position: absolute; left: 0px; top: 22px; width: 1px; height: 30px; content: ""; background: rgba(255, 255, 255, 0.78);}
.page_nav .crumb li{float: left;font-size: 15px;color: #fff;}
.page_nav .crumb a{color: #fff; margin: 0 5px;}
.page_nav .crumb .main a{ padding-left: 10px;}

.page_nav .r_sec{float: left;}
.page_nav .r_sec li{float:left; font-size:16px; padding:0 35px; margin-right: 1px;}
.page_nav .r_sec li:hover,
.page_nav .r_sec li.cur{ background:#459989;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#fff;}
.page_nav .r_sec li a{color:#fff;}
.page_nav a:hover{color:#ff9933;}

.page_nav_pro li{position:relative;}
.page_nav_pro li .third_nav {position:absolute; left:0px; top:100%; width:100%; background:#fff; color:#3333; padding:0; display:none; z-index:3; border:1px solid #d7d7d7;}
.page_nav_pro li .third_nav a {display:block; font-size:16px; line-height:25px; color:#3333; background:#ff9933; border-bottom:1px solid #fafafa; padding:5% 3%; text-align:center;}
.page_nav_pro li .third_nav a:hover {background:#ff9933; color:#fff}

@media (max-width: 1660px) {
.page_nav{ width: 1470px; }
}
@media (max-width: 1540px) {
.page_nav{ width: 1370px;}
}
@media(max-width:1440px) {
.n_banner{height:420px;}
.n_banner .n_banner_con{ padding-top: 12%; }
.n_banner .n_banner_con h3 {font-size: 42px;}
.page_nav{ width: 1270px;}
}
@media(max-width:1366px) {
.n_banner{height:398px;}
.n_banner .n_banner_con{ padding-top: 10%; }
.n_banner .n_banner_con h3 {font-size: 36px;}
}
@media(max-width:1360px) {
.page_nav{ width: 1230px;}
}
@media(max-width:1300px) {
.page_nav{ width: 1190px;}
}
@media(max-width:1280px) {
.n_banner{height:373px;}
.n_banner .n_banner_con h3 {font-size: 30px;}
.page_nav{ width: 1160px;height: 65px;line-height: 65px;}
.page_nav .r_sec li{padding:0 25px;}
}
@media(max-width:1200px) {
.n_banner{height:350px;}
.page_nav .r_sec{float: left; width: 100%; }
.page_nav .crumb{float: right; width: 0px; display: none; }
.page_nav{ width:94%;}

}
@media(max-width:1180px) {
.n_banner{ margin-top: 70px;}
.page_nav{height: 60px;line-height: 60px;}
}
@media(max-width:1024px) {
.n_banner{height:299px; margin-top: 60px;}
.n_banner .n_banner_con{ padding-top: 13%; }
.n_banner .n_banner_con h3 {font-size: 26px;}
}
@media(max-width:992px) {
.page_nav{ margin-top:4.2%;}
}
@media(max-width:768px) {
.n_banner{height:224px;}
.n_banner .n_banner_con{ height:200px;}
.page_nav{height: 45px;line-height: 45px; margin-top:3.25%;}
}
@media(max-width:700px) {
.page_nav{ margin-top:0px;}
.page_nav{width: 93%;}
.page_nav .r_sec li{padding:0 15px;}
}
@media(max-width:600px) {
.page_nav .r_sec li{padding:0 10px;}
}
@media(max-width:470px) {
.n_banner{height:140px;}
.n_banner .n_banner_con{ height:160px;}
.n_banner .n_banner_con h3 {font-size:22px;}
.page_nav{height: 40px;line-height: 40px; }
.page_nav.page_nav_pro .r_sec li{padding:0 5px!important;}
}
@media(max-width:410px) {
.page_nav.page_nav_pro .r_sec li{ font-size: 15px; }
.page_nav.page_nav_pro .r_sec li{padding:0 2px!important;}
}


/* 手机端二级导航 */
.m_sencondNav{ position:relative; z-index:9; height:51px; background:#f6f6f6;}
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:0; z-index:15;}
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .m_second_hd{ background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child{border-right:none}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 30px 0 10px; font-size:14px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
/*
.m_sencondNav .m_second .m_second_hd.active li a{background:#459989;}
.m_sencondNav .m_second .m_second_hd.cur li a{background:#459989;}
*/

.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd li:nth-child(2n):after,.m_sencondNav .m_second .m_second_hd li:nth-child(2n):before { width: 0px;}
.m_sencondNav .m_second .m_second_hd li:nth-child(2n) a{ padding:0 10px; }
@media(max-width:400px) {
.m_sencondNav .m_second .m_second_hd li a{ padding:0 28px 0 7px;}
.m_sencondNav .m_second .m_second_hd li:nth-child(2n) a{ padding:0 7px; }
}
@media(max-width:380px) {
.m_sencondNav .m_second .m_second_hd li a{ padding:0 26px 0 5px;}
.m_sencondNav .m_second .m_second_hd li:nth-child(2n) a{ padding:0 5px; }
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{width: 7px;}
}
@media(max-width:365px) {
.m_sencondNav .m_second .m_second_hd li a{ padding:0 24px 0 4px;}
.m_sencondNav .m_second .m_second_hd li:nth-child(2n) a{ padding:0 4px; }
}
.pagetitile { margin-bottom: 40px; }
.pagetitile .name{ font-size: 24px; line-height: 35px; color: #3f3f3f; font-weight: bold; padding-bottom:15px; }
.pagetitile .year{ font-size:36px; line-height: 40px; color: #459989; text-transform: uppercase; font-family: medium; font-weight: bold; }
.aboutLeft .content{ font-size: 16px; line-height:32px; color: #666666; margin-bottom: 40px; }
.aboutLeft .content p{ margin-bottom: 12px;}
.aboutLeft .mxfDiv{ position: relative; background:  url(../images/nimg435Bg.jpg) right bottom no-repeat; }
.aboutLeft .mxfDiv .imgDiv{ width: 66%; }
.aboutLeft .mxfDiv .imgDiv img{ width: 100%; }
.aboutLeft .mxfDiv .layer{ position: absolute; right: 0px; width: 32%; top: 0px; padding: 80px 55px; }
.aboutLeft .mxfDiv .txt{ font-size:26px; color: #fff; }
.aboutLeft .mxfDiv .en{ line-height: 26px; font-size: 17px; color: #fff; opacity: 0.42; margin-bottom: 15px; }

.aboutRight .toptop,.culturepage .toptop{ position: relative; }
.aboutRight .toptop .imgDiv img,.culturepage .toptop .imgDiv img{ width: 100%; }
.aboutRight .toptop .layer{ position: absolute; left:62px; top: 62px; }
.culturepage .toptop .layer{ position: absolute; left:62px; top: 20%; }
.n_right .toptop .layer{ position: absolute; left:60px; right:60px; top: 62px;  }
.aboutRight .toptop .txt,.culturepage .toptop .txt{ font-size:28px; padding-top: 20px; position: relative; color: #fff;}
.aboutRight .toptop .txt:before,.culturepage .toptop .txt:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 3px; background: #fff; opacity: 0.5;}
.aboutRight .toptop .wen,.culturepage .toptop .wen{ padding-top: 5px; color: #fff; opacity: 0.42; font-size: 17px; }

.aboutRight .botbot{position: relative; background: #ebfdfc; }
.aboutRight .list{ padding-top:30px; }
.aboutRight .list li .box{ padding: 10px 25px 10px 25px; margin-bottom: 25px; line-height: 35px; width:95%; background: #cbf3f0; font-size:16px; color: #666666; overflow: hidden;border-top-right-radius:32px; -moz-border-top-right-radius:32px; border-bottom-right-radius:32px; -moz-border-bottom-right-radius:32px; }
.aboutRight .list li .box em{ font-size:36px; color: #e26b13; font-family: medium;}
.aboutRight .list li .box span{ color: #e26b13; font-size: 36px; line-height: 55px; font-weight: bold; }
.aboutRight .list li .box div{ line-height: 55px; margin-left: 10px;}
.aboutRight .list li:hover .box{ background: #e26b13; color: #a5bbb4; color: #fff;}
.aboutRight .list li:hover em, .aboutRight .list li:hover span{ color: #fff; }
.aboutRight .img img { width: 100%;}
.culturepage .culture_list .content{ border-radius: 15px; margin-bottom: 25px; position: relative; overflow: hidden;}
.culturepage .culture_list .content .img{ position: absolute; left: -30px; top: -30px; content: ""; width: 130px; height: 130px; overflow: hidden;}
.culturepage .culture_list .content .con{ padding: 60px 120px; color: #fff;}
.culturepage .culture_list .content .con .tit{ font-size: 24px; margin-bottom: 15px;}
.culturepage .culture_list .content .con .desc{ font-size: 18px; margin-bottom: 25px; height: 56px; }
.darkgreen{ background: #459989;}
.lightgreen{ background: #3cb963;}
.orange{ background: #e26b13;}
.yellow{ background: #e2a513;}
.darkblue{ background: #1889c3;}
.lightblue{ background: #40b8ca;}

.honorpage .honor_list .content{padding: 35px 20px; background: #effbfa; text-align: center; margin-bottom: 25px;}
.honorpage .honor_list .content .img {padding: 0px 35px;}
.honorpage .honor_list .content .img img{ width: 100%;}
.honorpage .honor_list .content .tit{ font-size: 18px; line-height: 45px; margin-top: 10px; color: #333; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;  }
@media(max-width:1660px) {
.aboutRight .list li .box{ padding: 5px 20px 5px 20px;}
.aboutRight .list li .box em{ font-size:32px;}
.aboutRight .list li .box span{font-size: 36px; line-height: 50px; }
}
@media(max-width:1540px) {
.culturepage .culture_list .content .con{ padding: 60px 50px 60px 120px; }
.aboutRight .list li .box{ padding: 5px 10px 5px 10px;}
.aboutRight .list li .box em{ font-size:28px;}
.aboutRight .list li .box span{font-size: 32px;}
}
@media(max-width:1440px) {
.index_page{ padding: 65px 0px;}
.aboutRight .toptop .layer{ left:42px; }
.culturepage .toptop .layer{ left:42px;}
.culturepage .culture_list .content .con .tit{ font-size: 22px;}
.aboutRight .list li .box{ padding: 5px 5px 5px 5px;}
.aboutRight .list li .box em{ font-size:24px;}
.aboutRight .list li .box span{font-size: 28px;}
.aboutRight .list li .box div{ line-height: 55px; margin-left: 4px;}
.aboutLeft .mxfDiv .layer{ padding: 40px 25px; }
.aboutLeft .mxfDiv .txt{ font-size:22px; }
}
@media(max-width:1366px) {
.index_page{ padding: 50px 0px;}
.pagetitile .name{ font-size: 22px; padding-bottom: 10px; }
.pagetitile .year{ font-size:32px; line-height: 36px; }
.aboutRight .toptop .txt,.culturepage .toptop .txt{ font-size:24px; }
.aboutRight .toptop .wen,.culturepage .toptop .wen{ font-size: 16px; }
.aboutRight .toptop .layer{ left:30px; }
.culturepage .toptop .layer{ left:30px;}
.culturepage .culture_list .content .con{ padding: 60px 50px 60px 110px; }
.honorpage .honor_list .content{padding: 25px 20px;}
.honorpage .honor_list .content .img {padding: 0px 5px;}
.honorpage .honor_list .content .tit{ font-size: 16px; line-height: 30px;}
.aboutLeft .mxfDiv .en{ margin-bottom: 5px; }
.aboutLeft .mxfDiv .txt{ font-size:20px; }
}
@media(max-width:1280px) {
.pr70 { padding-right: 40px;}
.pagetitile { margin-bottom: 30px; }
.pagetitile .year{ font-size:28px; line-height: 32px; }
.honorpage .honor_list .content{padding: 15px 10px;}
.aboutRight .toptop .txt,.culturepage .toptop .txt{ font-size:22px; }
.culturepage .culture_list .content .con .tit{ font-size: 20px; margin-bottom: 10px;}
.culturepage .culture_list .content .con .desc{ font-size: 17px; }
.aboutLeft .content{ line-height:30px; margin-bottom: 30px; }
.aboutLeft .content p{ margin-bottom: 8px;}
.aboutRight .list li .box div{ margin-left: 0px;}
.aboutRight .list li .box em{ font-size:20px;}
.aboutRight .list li .box span{font-size: 24px;}
.aboutRight .list li .box div{ font-size: 15px;}
.aboutLeft .mxfDiv .layer{ padding: 30px 15px; }
}
@media(max-width:1200px) {
.pr70 { padding-right: 0px;}
.index_page{ padding: 40px 0px;}
.pagetitile { margin-bottom: 20px; }
.aboutRight .toptop .txt,.culturepage .toptop .txt{ font-size:20px; }
}
@media(max-width:768px) {
.pagetitile .name{ font-size: 20px;}
.pagetitile .year{ font-size:26px; line-height: 30px; }
.aboutLeft .mxfDiv{ background: url(../images/nimg435Bg.jpg) right bottom no-repeat; background-size: cover; }
.aboutLeft .mxfDiv .imgDiv{ width: 100%; }
.aboutLeft .mxfDiv .layer{ position: static; right: 0px; width: 100%; top: 300px; padding: 80px 55px; }
.honorpage .honor_list .content .tit{  overflow: hidden;}
}
@media(max-width:568px) {
.pagetitile .name{font-size: 18px; padding-bottom: 0px; }
.pagetitile .year{ font-size:22px; line-height: 30px; }
}
.pro_list .content{padding: 20px 20px 52px; border-radius: 10px; border: 1px solid #eeeeee;box-shadow: 0 0 8px rgba(153,153,153,0.4); text-align: center; margin-bottom: 25px;}
.pro_list .content .img img{ width: 100%;}
.pro_list .content .tit{ font-size: 18px; line-height: 35px; margin-top: 10px; color: #333333; padding-top: 20px; position: relative;}
.pro_list .content .tit:before{content:""; position:absolute; top:0; left:40%; right:40%; height:3px; width: 20%; background:#e26b13; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.pro_list .content a:hover .tit{ color: #e26b13; }
.pro_list .content a:hover .tit:before{left:0; right:0; width: 100%;}
.pro_list .pro_list_more {color: #666666;padding: 10px 40px 0px 0px;width: 150px; margin: 0 auto; position: relative;}
.pro_list .pro_list_more:after{ width: 30px; height: 20px; position: absolute; content: ""; right: 20px; top:13px; background: url(../images/more.png) no-repeat;}
.pro_list .content a:hover .pro_list_more{color: #e26b13; }
.pro_list .content a:hover .pro_list_more:after {width: 30px; height: 20px; position: absolute; content: ""; right: 20px; top:13px;  background: url(../images/more2.png) no-repeat;}
.m-snav .v1{display:block;height:35px;line-height:35px;background-color:#fff;font-size:18px;color:#333;padding:0 47px 0 25px;margin-bottom:14px;position:relative;overflow:hidden}
.m-snav li .v1,.m-snav li .v1{color:#333;background:url(../images/arr_d.png) 95% center no-repeat;-webkit-background-size:auto 16px;background-size:auto 16px;}
.m-snav li.on .v1{ padding-left:25px; border-left: 4px solid #459989;}
.m-snav-1 li.on .v1{ padding-left:23px; }
.m-snav dl{display:none;padding:20px 0px;}
.m-snav li.on dl{display:block; padding:20px 0px; margin-bottom: 10px; background: #f7f7f7;}
.m-snav dl a{font-size:16px;color:#333;display:block;padding:0px 33px 0px 45px;background: #f7f7f7;-webkit-background-size:auto 18px;background-size:auto 18px; line-height:47px}
.m-snav dd.on a{background: #f7f7f7;-webkit-background-size:auto 12px;background-size:auto 12px; }
.index-snv .m-snav li.on .v1{padding-left: 33px;}
@media screen and (max-width: 1540px){
.pro_list .content .tit{ font-size: 16px; line-height: 35px; }
}
@media screen and (max-width: 1200px){
.m-snav .v1{ height:40px;line-height:40px;font-size:17px;padding:0 30px 0 15px;}
.m-snav li.on .a1,.m-snav li:hover .a1{padding-left:15px; }
.m-snav li.on .v1{ padding-left:18px; }
.m-snav-1 li.on .v1{ padding-left:15px; }
.m-snav dl a{font-size:16px; padding:0 30px 0 18px;height:35px;line-height:35px}
}
@media screen and (max-width: 1140px){
.m-snav { margin-bottom: 25px;}
.m-snav .v1{ padding:0 20px 0 12px;}
.m-snav li.on .a1,.m-snav li:hover .a1{padding-left:12px; }
.m-snav li.on .v1{ padding-left:15px; }
.m-snav-1 li.on .v1{ padding-left:12px; }
.m-snav dl a{padding:0 20px 0 15px; }
}
@media screen and (max-width: 1024px){
.left_pro ul li p{ line-height: 30px; font-size: 16px; }
.pro_list .content .tit{ padding-top: 25px; }

}
@media screen and (max-width: 768px){
.pro_list .content .tit{ line-height: 28px; padding-top: 15px; }
.pro_list .pro_list_more { width: 130px; }
}
.prodetail-top-1{ width:100%; background-color: #fff; padding-left: 30px;}
.prodetail-top-1-l{ border: 1px solid #e5e5e5; border-radius: 10px; padding: 25px;}
.prodetail-top-1-l .img{width:100%; }
.prodetail-top-1 ._detail { padding-left: 25px;}
.prodetail-top-1 ._detail .pro_t{font-size:30px; font-weight: bold; color:#333;border-bottom: 1px solid #eeeeee;padding-bottom: 25px;}
.prodetail-top-1 ._detail .summ{ padding:30px 0px;font-size:16px; color:#666;line-height: 32px; margin-bottom: 30px; overflow: hidden;}
.prodetail-top-1 .pro-btn{color:#333; margin-top: 40px; }
.prodetail-top-1 .pro-btn .xj{background: #459989; color: #fff; }
.prodetail-top-1 .pro-btn a{display:block; font-size: 18px; text-align:center;line-height:50px;height: 50px;border:none;padding:0 25px;float:left;margin-right: 20px;text-transform: uppercase; position: relative;}
.prodetail-top-1 .pro-btn .dh{border: 1px solid #dcdcdc; color:#666;}
.prodetail-top-1 .pro-btn a img{ margin-right: 5px;}

.prodetail-bottom { padding-left: 30px;}
.prodetail-bottom .title { line-height: 60px; font-size:20px; border-bottom: 1px solid #eeeeee; position: relative;}
.prodetail-bottom .title:after{ position: absolute; content: ""; left: 0px; bottom: -1px; width: 90px; height: 2px; background: #459989;}
.prodetail-bottom .pro_list{ margin-top: 35px; }
.pro_show_left {margin-bottom: 70px;}
.prodetail-mid .pro_info_1_2 { height: 55px;line-height: 55px;}
.prodetail-mid .pro_info_1_2 ul li{float:left;margin-right: 5px;}
.prodetail-mid .pro_info_1_2 ul li a{ font-size:1.25em; padding:0 2.5em; color: #fff; display:block; }
.prodetail-mid .pro_info_1_2{ overflow:hidden}
.prodetail-mid .pro_info_1_2 ul li a.active{background-color:#459989; }
.prodetail-mid .pro_info_1_2 ul li:last-child{background-color:#434343;}
.pro_info_2{ padding: 0px 40px 40px; border: 1px solid #e5e5e5;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; font-weight: bold; color:#e26b13;}
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}

.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}
.pro_info_2_mid{overflow:hidden;}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}
.pro_show_left { margin-bottom: 70px;padding-left: 30px; margin-top: 50px;}
.pro_info_2_3_t img { max-width: 100%;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}
.pro_info_2_3_t h2 { color: #333; margin-bottom: 20px; font-size: 16px; }
.pro_info_2_3_t table td{ padding-left: 8px; line-height: 38px;}
@media (max-width: 1440px) {
.prodetail-top-1 ._detail .summ{  margin-bottom: 20px;}
.prodetail-top-1 ._detail .summ p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal; }
.prodetail-top-1 span { font-size: 20px;}   
.prodetail-top-1 .pro-btn{ margin-top: 20px; }  
}
@media (max-width: 1280px) {
.prodetail-top-1 ._detail .pro_t{font-size:24px; padding-bottom: 15px; }
.prodetail-top-1 ._detail .summ{ padding:10px 0px; font-size:15px;line-height: 26px;}
.prodetail-top-1 span { font-size: 20px;}
.prodetail-top-1 .pro-btn{ margin-top: 30px; }
.prodetail-top-1 .pro-btn a{font-size: 16px; line-height: 40px;height: 40px; margin-right: 10px; padding: 0 15px;}
.prodetail-bottom .title { line-height: 50px; font-size:18px;  padding-left: 20px; }
.prodetail-bottom .title:after{ width: 110px;}
.pro_info_2_3_t{margin-top:1.3em; line-height: 1.7; }
.prodetail-mid .pro_info_1_2 ul li a{ font-size:1.15em; padding:0 1.5em; color: #fff; display:block; }
.pro_info_2{ padding: 0px 20px 40px; }
 }
@media screen and (max-width: 1200px){
.prodetail-top-1-l{ padding: 15px;}
.prodetail-top-1 ._detail .pro_t{font-size:20px;}
.prodetail-top-1 ._detail .summ { margin-bottom: 15px;}
.prodetail-top-1 span { font-size: 17px;}
.prodetail-top-1 .pro-btn{ margin-top: 15px; }
.prodetail-top-1 ._detail { padding-left: 15px;}
}
@media (max-width:992px){
.pro_list .content{padding: 15px 10px; }
.prodetail-top-1 ._detail .pro_t{font-size:18px; }
.prodetail-top-1{ padding-left: 0px;}
.pro_show_left { padding-left: 0px;}
.prodetail-bottom { padding-left: 0px;}
}
@media (max-width: 768px) {
.prodetail-top-1 ._detail { margin-top: 25px;}
.prodetail-top-1 ._detail .pro_t{font-size:16px;}
.prodetail-top-1 ._detail .summ p{ -webkit-line-clamp: 3; -moz-line-clamp: 3;  }
.prodetail-top-1 .pro-btn a{ margin-right: 10px;}
.prodetail-mid .pro_info_1_2 { height: 45px;line-height: 45px;}
.prodetail-mid .pro_info_1_2 ul li a{ font-size:1em;}
.pro_info_2_3_t table td{ padding-left: 4px; line-height: 26px; font-size: 15px;}

}
@media screen and (max-width: 992px){ 
.pro_info_2{ padding: 0px 20px 30px;}
.pro_info_2_1_t{ margin-top:35px;}
}
@media screen and (max-width:768px){ 
.pro_info_2{ padding: 0px 15px 30px;}
.pro_info_2_1_t{ margin-top:25px;}
.pro_show_left { margin-bottom: 10px;  margin-top: 30px;}

}
@media screen and (max-width:568px){ 
.pro_info_2{ padding: 0px 10px 30px;}
.prodetail-top-1 .pro-btn a{ margin-right: 5px; padding: 0 10px;}
.prodetail-top-1 ._detail { padding-left: 0px;}
.pro_info_2_3_t table td{ padding-left: 2px; line-height: 24px; font-size: 14px;}

}
@media screen and (max-width:428px){ 
	.pro_info_2_3_t table td{ padding-left: 2px; line-height: 24px; font-size: 14px;}

}

.news_list li {overflow:hidden; border-bottom: 1px solid #ddd; padding:40px 0px; }
.news_list li:first-child{ padding-top:0px;} 
.news_list li a{display:block;}
.news_list li ._intro { width:83%; float: right; margin-left: 5%; overflow:hidden; cursor:pointer; color:#6d6d6d;}
.news_list li ._title {display:block;line-height:32px; font-size:20px; margin-bottom:10px; color:#000; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li ._info { display: none; line-height:30px; color:#999999;margin-bottom:10px; }
.news_list li ._text {line-height:26px; overflow:hidden; font-size:16px; color:#606060; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_list .list_time{ color:#eb8602; width:12%; float:left;text-align: right;  }
.news_list .list_time_day{display:block;font-size:18px;line-height:34px;  }
.news_list .list_time_year{ font-size:42px; line-height:40px;}
.news_list li ._intro:hover ._title{ color:#eb8602; }
.news_list li:hover .list_time{ color:#eb8602; }
.news_list .news_more{ background: #effbfa; padding: 10px 0; width: 100%; margin: 0 auto; text-align: center; margin-top: 50px;}
.news_list .news_more a{ margin: 0 auto; }
@media only screen and (max-width:1366px){
.news_list li { padding:30px 0px;}
.news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; }
.news_list li ._text { font-size:15px; }
.news_list .list_time_year{ font-size:40px;}

}
@media only screen and (max-width:768px){
.news_list li { padding:20px 0px;}
.news_list li ._intro { width:100%; margin-left:0px;}
.news_list li ._text { height: 52px; margin-bottom: 0px; }
.news_list li ._title { margin-bottom:0px; }
.news_list li ._info { margin-bottom:0px; display: block; }
.news_list .list_time{display: none; }

}
@media only screen and (max-width:425px){
.news_list li { padding:15px 0px;}
.news_list li ._title { line-height:26px; font-size:16px; margin-bottom:0px;}
.news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li ._info { display: none;}
}

.news_show .fa { color:#676767; }
.news_show .news_show_head { padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.news_show .news_show_head .news_show_title { font-size:30px; color:#459989; margin-bottom:10px;}
.news_show ._tools { color:#7e7e7e; }
.news_show ._tools ._tool{ font-size:15px; margin-right:10px; display:inline-block; height:30px; line-height:30px;}
.news_show ._tools ._tool .fa { font-size:18px; color: #aaa; margin-right: 10px; display:inline-block; }
.news_show ._tools b { font-weight:normal; }
.news_show .myart { line-height:2; min-height:200px; font-size:16px; color:#555555; }
.news_show .n_right .tit{ font-size: 24px; font-weight: bold; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; width: 100%; }
.news_show .n_right ._tools { text-align:left; }
.news_show .n_right ul li { font-size: 18px; line-height: 36px; margin-bottom: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.news_show .n_right ul li a{ color:#555555; }
.news_show ._tools ._back { font-weight:normal; color:#676767; height:26px; line-height:32px; padding-left:40px; vertical-align:middle;float: right;line-height: 1;}
.news_show ._tools ._back .fa { font-weight:normal; vertical-align:0; }
.news_show .f_social { text-align:left; color:#fff; height: 40px;  margin-top: 35px;}
.news_show .f_social a{ float:left; color:#777; }
.news_show .f_social i {width:38px; height:38px; border-radius:50%; line-height:38px; text-align:center; margin-right:15px; border:1px solid#bfbfbf; background: #ececec; }
.news_show .f_social .fa{text-align:center; font-size: 17px; color:#999;}
.news_show .f_social .fa:before{position: static;}
.news_show .f_social ul .weixin {position: relative;}
.news_show .f_social .wechat { position: relative;}
.news_show .f_social .wechat:hover .vx { display: block;}
.news_show .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.news_show .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.news_show .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.news_show .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.news_show .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.news_show .f_social .share-item { margin-right:8px;}
@media only screen and (max-width: 1366px){
.news_show .news_show_head .news_show_title { font-size:24px; }
}
@media only screen and (max-width: 1024px){
.news_show .news_show_head .news_show_title { font-size:22px; }
.news_show .n_left,.news_show .n_right,.news_show .news_img { width:100%; float:none; }
.news_show .n_left { margin-bottom:20px; }
.news_show .news_show_head { padding-bottom: 20px; margin-bottom: 20px;} 
}
@media only screen and (max-width: 768px){
.news_show .news_show_head { padding-bottom: 15px; margin-bottom: 15px;} 
.news_show .news_show_head .news_show_title { font-size:20px; }
.news_show .myart { line-height:1.7;}
}
@media only screen and (max-width: 568px){
.news_show .news_show_head .news_show_title { font-size:18px; }
}

.case_list .part { margin-bottom: 40px; }
.case_list .part .tit{ font-size: 24px; position: relative; margin-bottom: 30px;}
.case_list .part .tit::after{ position: absolute; right: 0px; top: 20px; content: ""; width: 90%; height: 1px; background: #dcdcdc;}
.case_list .part ul li { margin-bottom: 25px;}
.case_list .part ul li .content{ border: 1px solid #dcdcdc; text-align: center; font-size: 18px; line-height: 35px; padding: 15px 0; color: #666;}
.case_list .part .case_more{ background: #effbfa; padding: 10px 0; width: 100%; margin: 0 auto; text-align: center; margin-top: 30px;}
.case_list .part .case_more a{ margin: 0 auto; }
.server .desc { font-size: 18px; line-height: 35px; color: #333;}
.server .server_part {background:url(../images/server_bg.jpg) center bottom no-repeat; background-size: 100% 100%; margin-top: 40px; padding: 70px 50px 30px; overflow: hidden; color: #fff;}
.server .server_part h3{font-size: 24px; margin-bottom: 25px; }
.server .server_part .desc { font-size: 16px; color: #fff; width: 50%; margin-bottom: 45px;}
@media only screen and (max-width: 1366px){
.case_list .part ul li .content{ font-size: 16px; padding: 10px 0; overflow: hidden;text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.server .server_part {padding:50px 40px 20px; margin-top: 30px;}
.server .server_part .desc { width: 60%; margin-bottom:30px;}
.server .server_part h3{font-size: 22px; margin-bottom: 20px; }
.server .desc { line-height: 32px; }
}
@media only screen and (max-width: 1200px){
.server .desc { font-size: 16px; line-height: 30px; }
.server .server_part h3{font-size: 20px;}
.case_list .part .tit{ font-size: 22px;}
}
@media only screen and (max-width:992px){
.server .server_part {padding:30px 30px 10px; }
.server .server_part h3{ margin-bottom: 15px; }
.server .server_part .desc { width: 80%; margin-bottom: 20px; }
.case_list .part .tit{ font-size: 20px;}
.case_list .part ul li { margin-bottom: 15px;}
.case_list .part ul li .content{ font-size: 16px; line-height: 32px; padding: 5px 0; }

}

@media only screen and (max-width:768px){
.case_list .part .tit::after{ top: 15px; width: 80%;}
.server .server_part {padding:20px 20px 10px; background:url(../images/server_bg1.jpg) center bottom no-repeat; }
.server .server_part .desc { width: 100%; margin-bottom: 20px; }
.server .server_part h3{font-size: 18px;}
}
@media only screen and (max-width:568px){
.case_list .part .tit::after{ width: 75%;}
.case_list .part .tit{ font-size: 18px;}
}
[transition="5s"], [imgsalc] img{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s}
[transition="1.0s"]{transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}
[transition="1.4s"]{transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s}
[transition="1.6s"]{transition:1.6s ease-in-out 0s;-webkit-transition:1.6s ease-in-out 0s;-moz-transition:1.6s ease-in-out 0s}
[transition="2s"]{transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition:2s ease-in-out 0s}
[transition="2.4s"]{transition:2.4s ease-in-out 0s;-webkit-transition:2.4s ease-in-out 0s;-moz-transition:2.4s ease-in-out 0s}
.comproblemitem{background-color:#effbfa; border: 1px solid #effbfa; margin-bottom:25px}
.comprmitemtop{width:100%; padding:25px 38px;cursor:pointer}
.comprmitemtop .type{width:35px;height:35px; text-align:center;line-height:35px; background: #e26b13; color:#fff; font-size:16px}
.comprmitemtop .name{ margin:0 40px 0 20px;line-height:35px;color:#333;font-size:18px}
.comprmitemtop .icon{width:36px;height:36px; border: 2px solid #a1a7b3; text-align: center; position:relative}
.comprmitemtop .icon:after{content:"";width:18px;height:2px;background-color:#a1a7b3;position:absolute;left:23%;top:50%;margin-top:-1px}
.comprmitemtop .icon:before{content:"";width:2px;height:18px;background-color:#a1a7b3;position:absolute;left:48%;top:50%;margin-top:-9px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.comprmitembot{padding:30px 38px 58px 18px; background: #fff; border: 1px solid #f2f4f7; display:none}
.comprmitembot .type{width:30px;height:30px; text-align:center;line-height:35px;border-radius:30px;color:#fff;font-weight:bold;font-family:'gothicb';font-size:16px}
.comprmitembot .con{ margin-left:20px; line-height: 35px; padding-left: 55px; color:#666; position: relative;}
.comprmitembot .con::before{ position: absolute; left: 0px; top:0px; content: "A"; width:35px;height:35px; text-align:center;line-height:35px; background: #a0a0a0; color:#fff; font-size:16px }
.comprmitembot .con p{color:#666; font-size: 16px;}
.comproblemitem.cur{background-color:#effbfa;box-shadow:0px 0px 17px 0px rgba(0,0,0,0.15)}
.comproblemitem.cur .comprmitemtop .icon:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
@media(max-width:1640px) {
.comprmitemtop{ padding:25px 28px; }
.comprmitembot{padding:35px 28px 35px; }
}
@media(max-width:1440px) {
.comprmitemtop{ padding:25px 18px; }
.comprmitembot{padding:25px 18px 25px; }
}
@media(max-width:1366px) {
.comprmitemtop{ padding:20px 15px; }
.comprmitembot{padding:20px 15px 20px; }
}
@media(max-width:992px) {
.comprmitemtop .name{ margin:0 20px 0 20px; font-size:17px}
}
@media(max-width:768px) {
.comprmitemtop{ padding:20px 5px; }
.comprmitembot{padding:20px 5px 20px; }
.comprmitemtop .name{ font-size:17px;margin:0 10px 0 10px;}
.comprmitemtop .icon{width:32px;height:32px; border: 2px solid #a1a7b3; }
.comprmitemtop .icon:after{ width:16px;height:2px; left:22%;top:50%;margin-top:-1px}
.comprmitemtop .icon:before{ width:2px;height:16px; left:46%;top:50%;margin-top:-8px;}
.comprmitembot .con{ line-height: 30px;}
}
@media(max-width:568px) {
.comprmitemtop{ padding:15px 5px; }
.comprmitemtop .name{ width: 88%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 2px 0 2px;}
.comprmitemtop .type{width:0px; display: none;}
.comprmitemtop .icon{width:30px;height:30px; }
.comprmitemtop .icon:after{ left:20%; }
.comprmitembot .con{ margin-left: 8px; padding-left: 0px;}
.comprmitembot .con::before{ position: absolute; left: 0px; top:0px; content: ""; width:0px;  }
}
@media(max-width:468px) {
.comprmitemtop{ padding:10px 5px; }
.comprmitemtop .icon{width:26px;height:26px; margin-top: 4px; }
.comprmitemtop .icon:after{ width:14px; left:20%; margin-top:-1px}
.comprmitemtop .icon:before{ height:14px; left:46%; margin-top:-7px;}
.comprmitembot .con{ line-height: 28px;}
}

.download-lists ul a {display: block;padding: 30px 15px; border-bottom: 1px solid #ececec; }
.download-lists ul a:hover span {color: #eb8602}
.download-lists ul a span {font-size: 18px; color: #333;}
.download-lists ul a span:first-child {margin-right: 15px;}
.download-lists ul a .date {font-size: 15px;color: #999;}
@media(max-width:668px) {
.download-lists ul a .date { display:none;}
.download-lists ul a { padding: 15px 0;}
.download-lists ul a span {font-size: 16px;}
}
.pagecontact .desc{ margin-bottom: 20px;}
.pagecontact .part1 { margin-top: 30px;}
.pagecontact .part1 .content{ line-height: 92px; margin-left: 25px; font-size: 18px; color: #666;}
.pagecontact .part2 { margin-top: 30px;}
.pagecontact .part2 dl{ border-top: 1px solid #ececec;}
.pagecontact .part2 dd{ font-size: 16px; color: #666; border-left: 1px solid #ececec; line-height:70px; height:70px; border-bottom: 1px solid #ececec; width: 50%; float: left;}
.pagecontact .part2 dd i{ font-size:28px; margin-right:8px; color: #cccccc; width: 14%; line-height:70px; text-align: center; border-right: 1px solid #ececec;}
.pagecontact .part2 dd a{ color: #666;}
.pagecontact .part2 dd:nth-child(2n){ border-right: 1px solid #ececec;}
.pagecontact .ditu{width:100%;height:465px; text-align:center; margin-top: 40px; }

@media(max-width:768px) {
.pagecontact .part1 li{ margin-bottom: 15px;}
.pagecontact .part1 .ico{ width: 20%;}
.pagecontact .part1 .ico img{ width: 100%;}
.pagecontact .part1 .content{ margin-left: 10px; line-height: 60px; font-size: 17px;}
.pagecontact .part2 dd{ font-size: 15px; color: #666; line-height:60px; height:auto; width:100%;border-right: 1px solid #ececec;}
.pagecontact .part2 dd i{line-height:60px; padding-top: 10px; font-size: 30px;border-right: 0px solid #ececec; margin-right: 0px;}
.pagecontact .part2 dd span{ margin-top: 0px; padding-top: 0px; font-size: 18px;}
}
@media(max-width:400px) {
.pagecontact .part2 dd i{ margin-right:2px; width: 12%; text-align: center;  }
.pagecontact .part2 dd span{ font-size: 16px;}
}

.lookbook-a{ width:102%;}
.lookbook-a a{ overflow:hidden;position:relative;}
.lookbook-a a .item{ position:absolute; top:0; left:0; width:100%; background:url(../images/lookbook.png) repeat; height:100%; color:#fff; text-align:center; opacity:0;}
.lookbook-a a:hover img,.lookbook-a a:hover .item{ -webkit-opacity:1;opacity:1;-webkit-transform: scale(1.05);transform: scale(1.05);}
.lookbook-a a .item .p{ position:relative; bottom:40%;}
.lookbook-a a.clear{ margin-right:0;}
@media (max-width:768px){
.lookbook-a a .item span{ font-size:18px;}
}

@media (max-width:480px){

.lookbook-a a .item span{ font-size:16px;}
.lookbook-a a .item font{ font-size:13px;}
}
@media (max-width:320px){
.lookbook-a a .item span{ font-size:14px;}
.lookbook-a a .item font{ font-size:12px;}
}
.pic-scale{ width:100%;-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}