*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.h100{ height:100px;}

.h102{ height:102px; clear:both; width:100%;}


.w1400 {max-width: 1400px;margin: 0 auto; width:100%;text-align:center; position:relative; z-index:2;}



.h30 {clear:both;width:100%;height:30px;}
.h80{clear:both;width:100%;height:80px;}

.h300{ margin-top:-150px; z-index:1;}

.h150{ margin-top:-80px; z-index:1;}

@media screen and (max-width:1400px) {.h30 {height:25px;}
.w1460 {max-width:100%;padding:0 1%;}
.w1400 {width: 100%;max-width:96%;padding:0; margin:0 auto;}

.h80{clear:both;width:100%;height:60px;}

.h50{ height:40px;}

}
@media screen and (max-width:1200px) {.h30 {height:20px;}
.w1460 {padding:0 1%;}

.h80{clear:both;width:100%;height:80px;}


.h50{ height:30px;}

}

@media screen and (max-width:1024px) {
.h30{ height:20px;}
.h20{ height:5px;}
.h80{clear:both;width:100%;height:0;}

.h50{ height:20px;}

}

@media screen and (max-width:639px) {
.w1460 {max-width:100%;padding:0 1%;}
.h30{ height:10px;}
.h20{ height:5px;}
.h80{clear:both;width:100%;height:0px;}

.h50{ height:10px;}

}
.h10 {clear:both;width:100%;height:10px;}

.home_line {width:40px;height:2px; clear:both; margin:0 auto; text-align:center;background:#003EAD;}
.home_top {font-size: 30px; color: #222; font-weight: normal;line-height:50px; margin-bottom:15px;text-align:center; text-transform:uppercase;}


.home_title{font-size:16px;color:#666; font-weight:normal; line-height:30px;text-align:center;}
.home_line0{margin:5px auto; width:40px; height:2px; background:#003EAD; text-align:left;}
.home_line_cont{margin:15px auto; width:40px; height:2px; background:#003EAD; text-align:left; display:block; float:left;}

@media screen and (max-width:1400px) {
.home_top {font-size: 24px; line-height: 40px; margin-bottom:0px;}
.home_title{font-size:15px;color:#666; font-weight:normal; line-height:25px; padding-top:5px;text-align:center;}
.home_line0{margin:5px auto; width:50px; height:3px; background:#DEBE5B;}
}

@media screen and (max-width:1200px) {
.home_top {font-size: 20px; line-height: 35px;}
.home_title{font-size:14px;color:#666; font-weight:normal; line-height:25px; padding-top:5px;text-align:center;}
.home_line0{margin:5px auto; width:50px; height:3px; background:#DEBE5B;}
}


@media screen and (max-width:1023px) {
.home_top {font-size: 17px; line-height: 30px;}
.home_title{font-size:14px;color:#666; font-weight:normal; line-height:25px; padding-top:5px;text-align:center;}
.home_line0{margin:5px auto; width:50px; height:3px; background:#DEBE5B;}
}


@media screen and (max-width:787px) {
.home_top {font-size: 16px; line-height:30px;margin-bottom: 0; font-weight:700;}
.home_title{font-size:13px;color:#666; font-weight:normal; line-height:20px; padding-top:5px;text-align:center;}
.home_line0{margin:5px auto; width:40px; height:1px; background:#DEBE5B;}
.home_line_cont{margin:5px auto; width:35px; height:1px;  }
}


.home_top .animated .chars{-webkit-transform:0; opacity:1;}
.chars{ transform: translateX(40px);opacity: 0;-webkit-transition: all 1.5s cubic-bezier(.165,.84,.44,1);}


.imgbj1 { background-repeat:no-repeat!important; background-position:center center!important; background-size:100% 100%!important; }
.imgbj2 { background-repeat:no-repeat!important; background-position:center center!important; background-size:auto 100%!important; }
.imgbj3 { background-repeat:no-repeat!important; background-position:center center!important; background-size:100% auto!important; }
.imgbj4 { background-repeat:no-repeat!important; background-position:center center!important; background-size:cover!important; }
.imgbj5 { background-repeat:no-repeat!important; background-position:center center!important; background-size:contain!important; }
.imgbj1a { background-position:center center!important; background-size:100% 100%!important; background-repeat:no-repeat!important; }	
	

.hezuo_pic{ clear:both; width:100%; margin-top:35px; margin-bottom:35px;}
.hezuo_pic img{ max-width:100%;}

.banner {position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container {height:100%;}
.banner .contents {position:absolute;left:0px;width:100%;height:100%;}
.banner .content {position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo {overflow:hidden;position:absolute;top:50%;left:0px;width:800px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub {transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title {position:absolute;left:12%;top:8px;line-height:50px;font-size:45px;color:#fff;}
.banner .contentInfo .info {position:absolute;left:12%;top:80px;line-height:32px;font-size:22px;color:#fff;}
.banner .contentInfo .btn {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav {position:absolute;bottom:15px;width:100%;text-align:center;z-index:1;}
.banner .bannerNav .bannerNavChild {margin:0 5px;width:45px;height:2px;display:inline-block;*display:inline;*zoom:1;background:#fff;cursor:pointer;z-index:1;}
.banner .bannerNav .bannerNavChild.on {background:#12459F;animation:bannerNavChildOn .2s  ease-in-out 0s  both;-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}
.banner .bannerBg {width:100%;height:auto;vertical-align:middle;}
	
	
	.bannertt {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:450px;z-index:1;max-width: 1920px;}
	.bannertt .bg_123 {background-position:0 center;width:100%;height:450px;margin:0 auto;text-align:center;-webkit-animation:banner_inside 1s ease 1 forwards;-moz-animation:banner_inside 1s ease 1 forwards;-o-animation:banner_inside 1s ease 1 forwards;animation:banner_inside 1s ease 1 forwards;overflow:hidden;}
	.bannertt .bg_456 {background-position:0 center;width:100%;height:700px;margin:0 auto;text-align:center;-webkit-animation:banner_inside 1s ease 1 forwards;-moz-animation:banner_inside 1s ease 1 forwards;-o-animation:banner_inside 1s ease 1 forwards;animation:banner_inside 1s ease 1 forwards;overflow:hidden;}
	.700gaodu {height:700px;}
	@media screen and (max-width:1000px) {.bannertt {height:400px;}
	}
	@media screen and (max-width:787px) {.bannertt {height:300px;}

	.bannertt .bg_123  {
height:300px;
 -webkit-animation: bgg linear 50s infinite alternate;
		-moz-animation: bgg linear 50s infinite alternate;
		  -o-animation: bgg linear 50s infinite alternate;
		   animation: bgg linear 50s infinite alternate;background-size:cover;
		  
		   }

	.bannertt .bg_456 {height:450px;-webkit-animation:bgg linear 50s infinite alternate;-moz-animation:bgg linear 50s infinite alternate;-o-animation:bgg linear 50s infinite alternate;animation:bgg linear 50s infinite alternate;}
	}
	<!--.bannertt picture {position:absolute;left:50%;width:4000px;margin-left:-2000px;}
	-->@-webkit-keyframes bgg {from {background-position:0 center;}
	to {background-position:100% center;}
	}
	@-moz-keyframes bgg {from {background-position:0 center;}
	to {background-position:100% center;}
	}
	@-o-keyframes bgg {from {background-position:0 center;}
	to {background-position:100% center;}
	}
	@keyframes bgg {from {background-position:0 center;}
	to {background-position:100% center;}
	}
	@-webkit-keyframes banner_inside {from {-webkit-transform:scale(0.9);transform:scale(0.9);}
	to {-webkit-transform:scale(1);transform:scale(1);}
	}
	@-moz-keyframes banner_inside {from {-moz-transform:scale(0.9);transform:scale(0.9);}
	to {-moz-transform:scale(1);transform:scale(1);}
	}
	@-o-keyframes banner_inside {from {-o-transform:scale(0.9);transform:scale(0.9);}
	to {-o-transform:scale(1);transform:scale(1);}
	}
	@keyframes banner_inside {from {-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23);}
	to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
	}
	.banner_txt {z-index:9999;width:50%;position:absolute;background:#fff;height:150px;bottom:0%;margin-right:50%;right:-50%;}
	.banner_txt3 {left:-131px;position:absolute;bottom:-1px;max-width:200px;overflow:hidden;}
	.banner_txt4 {position:absolute;color:#fff;font-size:40px;text-transform:uppercase;text-align:center;font-weight:700;width:100%;height:300px;top:43%;}
	.banner_txta {z-index:99;left:10%;position:absolute;top:32%;overflow:hidden;width:600px;height:300px;}
	.banner_txt5 {position:absolute;color:#fff;font-size:45px;line-height:55px;text-transform:uppercase;text-align:left;font-weight:700;}
	.banner_txt5 p {font-size:32px; font-weight:normal; letter-spacing:1px; line-height:50px; margin-top:10px;}
	.banner_txt6 {position:absolute;color:#fff;font-size:30px;line-height:50px;text-transform:uppercase;text-align:left;}
	.banner_txt6 p {font-weight: normal;font-size:16px;line-height:30px; margin-top:10px;}
	.banner_txt4 p {font-weight:700;font-size:45px;padding-top:10px;}
	.banner_txtb {display:none;}
	.banner_txt6 i {display:block;margin:0 auto;width:100px;height:134px;background:url(404.png) no-repeat 0 0;animation:gogogo 2s;-moz-animation:gogogo 2s  infinite linear;-webkit-animation:gogogo 2s  infinite linear;-o-animation:gogogo 2s  infinite linear;}
	}
	@keyframes gogogo {0% {margin-top:0px;}
	50% {margin-top:15px;}
	100% {margin-top:0px;}
	}
	@-webkit-keyframes gogogo {0% {margin-top:0px;}
	50% {margin-top:15px;}
	100% {margin-top:0px;}
	}
	
@media screen and (max-width:787px) {
	.banner_txta {left:5%;top:32%;width:90%;height: 60%;}

	.banner_txt5 {font-size:20px;line-height:35px;}
	.banner_txt5 p {font-size:16px;  letter-spacing: normal; line-height:30px; margin-top:0px;}

	
	.banner_txt6 {position:absolute;color:#fff;font-size:16px;line-height:30px;text-transform:uppercase;text-align:left;}
	.banner_txt6 p {font-weight: normal;font-size:14px;line-height:24px; margin-top:5px;}
	
	}
	
	
	
.n_about_box{ clear:both; width:100%; background: url(../image/about_bg.jpg) no-repeat center top; }
.about_left_box {float:left;width:46%;max-width:700px;margin-top:80px;margin-left:2%; margin-right:2%;font-size:16px; text-transform:uppercase; text-align:left;line-height:30px;}
.about_left_box p {font-size:16px;line-height:30px; text-transform:uppercase;}
.about_left_box p strong{font-size:22px;line-height:38px; text-transform:uppercase; font-weight:normal;}
.about_right_box {float:right;margin-left:0;width:50%;max-width:700px;margin-top:50px;}
.about_right_box img {max-width:100%;overflow:hidden;}
.about_tit {width:100%;clear:both;z-index:3;position:relative;margin-bottom:10px; margin-top:50px;}
.about_tit h2 {color:#e1e1e1;font-size: 45px;text-transform:uppercase;font-weight:normal;line-height:55px;-webkit-text-stroke: 1px #9ed5f8;color: transparent;}
.about_tit h2 span {font-size:45px;line-height:45px;font-weight:normal; color:#0781ce;-webkit-text-stroke: 0 #9ed5f8;}
.about_tit h3 {font-size:45px;line-height:45px;font-weight:normal; color:#0781ce;}
.about_tit h4 {font-size:28px;line-height:50px;font-weight:normal; color:#0781ce;}
.about_tit .tit_line {width:60px;height:1px;background:#0265CA;position:absolute;left:350px;top:25px;}
.about_left_box {line-height:200%;}
.news_tit {width:100%;clear:both;z-index:3;position:relative;margin-bottom:0px;}
.news_tit h2 {position:absolute;left:0;top:0px;color:#e1e1e1;font-size:48px;text-transform:uppercase;font-weight:normal;line-height:48px;margin:0;padding:0;}
.news_tit h3 {font-size:33px;line-height:47px;padding-left:240px;font-weight:normal;}
.news_tit .tit_line {width:60px;height:1px;background:#0265CA;position:absolute;left:400px;top:25px;}




@media only screen and (max-width:1400px) {.n_about_box {height:600px;}
.about_left_box {max-width:550px;}
.about_tit {margin-bottom:20px;}
.about_tit h2 {font-size:40px;line-height:40px;}
.about_tit h3 {font-size:30px;line-height:40px;padding-left:160px;}
.about_tit .tit_line {left:300px;top:22px;}
}
@media only screen and (max-width:1100px) {.n_about_box {height:500px;}
.about_left_box {margin-right:3%;margin-top:2%;}
.about_right_box {margin-left:2%;max-width:450px;}
.about_right_box img {max-height:450px;}
.about_tit {margin-bottom:20px;}
.about_left_box {max-width:550px;}
.about_tit {margin-bottom:20px;}
.about_tit h2 {font-size:35px;line-height:35px;}
.about_tit h3 {font-size:25px;line-height:35px;padding-left:130px;}
.about_tit .tit_line {left:250px;top:20px;}
.about_left_box p {font-size:14px;line-height:24px;}
}

@media only screen and (max-width:1024px) {.n_about_box {height:500px;}
.about_right_box {max-width:400px;}
}
@media only screen and (max-width:900px) {.about_left_box {max-width:50%;margin-right:0;margin-top:1%;}
.about_right_box {margin-left:0; margin-top:50px; width:46%;max-width:100%;}
.about_tit {margin-bottom:15px;}
.n_about_box {height:450px;}
.about_tit h2 {font-size:26px;line-height:35px;text-transform:uppercase;}
.about_tit h3 {font-size:18px;line-height:35px;}

.about_tit .tit_line {left: auto; right:5px;top:20px;}


}

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

.about_left_box p strong{ font-size:15px; color:rgb(0, 112, 192);; font-weight:700;}
.about_right_box {margin-top:10px; }
.n_about_box {height:auto;}
.about_tit h4 {font-size:16px;line-height:26px;font-weight:normal; color:#0781ce;}
.about_tit {margin-bottom:0px;margin-top:5px;}
.about_tit .tit_line {left: auto; right:15px;top:30px; width:40px;}
.about_tit h2 {font-size:16px;line-height:30px;width:100%;display: inline-block;position:relative; width: auto;}
.about_tit h2 span {font-size:16px;line-height:30px;font-weight:normal; color:#0781ce;-webkit-text-stroke: 0 #9ed5f8;}
.about_tit h3 {font-size:14px;line-height:20px;width: auto;padding:0; display:inline-block;}
.about_right_box {display:block;clear:both;width:100%;}
.about_right_box {margin-left:5%;max-width:90%;margin-right:5%;}
.about_left_box {line-height:24px;width:100%;padding:0;clear:both;max-width:100%; margin:0; font-size:14px;}
.about_left_box p {font-size:14px;margin-left:2%;margin-right:2%;line-height:24px;}

.hezuo_pic{ clear:both; width:100%; margin-top:10px; margin-bottom:10px;}


}
	

.vedioHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:111;}
.vedioContent{display:none;position:fixed;top:50%;left:50%;width:800px;height:550px;margin:-260px 0 0 -400px;z-index:5;background:#000;padding:20px 20px 50px 20px;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); z-index:112; }
.vedioContent video{width:100% !important;height:100% !important; background:#000;}
.vedioContent .vedioClose{position:absolute; left:0; top:0; width:100%; height:100%; background:#ff0000;cursor:pointer;}
	


.two-boxa{ background:#fff; padding:0; z-index:0;position:relative; width:100%; max-width:100%; margin:0 auto;}

@media (max-width: 1300px) {
.two-boxa{ width:96%; max-width:100%;}
}
@media (max-width: 639px) {
.two-boxa{ width:100%; max-width:100%;}
}
.two-boxa:after{ content:""; display:block; clear:both;}
.two-boxa a{ display:block; float:left; width:23%; margin-right: 2%; margin-top:2%; position:relative; overflow:hidden;}
.two-boxa a .bbg{ opacity:0; display:block; width:100%; height:100%; max-height:636px;}
.two-boxa a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:1;
    -moz-transition: transform 1s,opacity .5s;
	-ms-transition: transform 1s,opacity .5s;
	-o-transition:transform 1s,opacity .5s;
	-webkit-transition:transform 1s,opacity .5s;
	transition: transform 1s,opacity .5s;
}
.two-boxa a:hover .tu{ opacity:1;
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);


}
.two-boxa a .title-box{ bottom:10px; left:0; padding:0px 2% 0px 5%; min-width:100px;  position:absolute; height:45px; }
.two-boxa a .title{ margin:auto 0 0;}
.two-boxa a .title .cn{ font-size:18px; font-weight: normal; letter-spacing:1px; line-height:45px; height:45px; overflow:hidden; color:#fff;}

@media only screen and (max-width:1024px) {
.two-boxa a{margin-bottom:0;}
.two-boxa a .title-box{ padding:25px 2% 20px 2%; height:50px;}
.two-boxa a .title .cn{ font-size:16px; line-height:35px; height:35px; text-align:center;}
.two-boxa a .title .en{ font-size:14px; line-height:22px; height:22px;}
}

@media only screen and (max-width:640px) {
.two-boxa a{ float:left; width:49%; margin-bottom:1%; margin-right:1%}
.two-boxa a .title-box{ padding:10px 2% 0px 2%; height:30px;}
.two-boxa a .title .cn{ font-size:14px; line-height:26px; height:26px; text-align:left;}
.two-boxa a .title .en{ font-size:12px; line-height:22px; height:22px;}

}






.zsjm_fanhui{top:40%;width:60px;height:60px;left:45%;position: absolute; display:block;z-index:100;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}

.zsjm_fanhui .icon{width:50px;height:50px;background:url(../image/fanhui.png) no-repeat;background-size:cover;position:absolute;left:5px;top:5px}

.zsjm_fanhui .eb{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0px;
    top: 0px;
    background: #fff;
    border-radius: 50%;
}
.zsjm_fanhui:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite;
  }
  @-webkit-keyframes fadein {
    0% {
      -webkit-transform: scale(1);
      opacity: .5;
    }

    100% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
  }

  .zsjm_fanhui:before {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite .5s;
  }





  @media only screen and (max-width:800px){
  .zsjm{bottom:5%;width:35px;height:35px;right:2%;position:fixed; display:block;z-index:100;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}

.zsjm .icon{width:30px;height:30px;background:url(../image/fanhui.png) no-repeat;background-size:cover;position:absolute;left:2px;top:2px}

.zsjm .eb{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0px;
    top: 0px;
    background: #C5A47E;
    border-radius: 50%;
}
.zsjm:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite;
  }
  @-webkit-keyframes fadein {
    0% {
      -webkit-transform: scale(1);
      opacity: .5;
    }

    100% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
  }

  .zsjm:before {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite .5s;
  }


  }

.home_liuyan_box{ clear:both; width:100%; background:url(../image/liuyan_bg.jpg) no-repeat center top; height:712px;}




.top-language{ position:relative; z-index:99;}

.top-language .top-sub{ position:absolute; left:0; width:100%; }
.top-language .top-sub img{ max-width:100%;}

@media(min-width:1025px){
.top-language{ position:relative;}
.top-language .top-sub{display:none;background:#fff; text-align:center; top:100%; width:140px;}

}













.feedback_box_pic{ float:left; margin:0;width:50%;}
.feedback_box_pic img{ max-width:100%;}

.tab{width:50%; float:right; margin:0 0 0; padding-left:5%; padding-right:5%;}
.tab h2{ font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:45px; padding-top:7px;}
.tab h3{font-size:16px; line-height:35px;}
.tab li{ margin-bottom:10px; line-height:26px; float:left; width:98%; margin-right:2%; border:1px solid #f0f0f0;}
.tab input{ width:100%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); font-size:15px; border:none;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.tab textarea{ width:100%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); border:none; font-family: Arial, Helvetica, sans-serif; font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.tab input:hover ,.tab textarea:hover{ border-color:#fff;}
.tab .sumbit{width: 35%; display:block; margin-top:20px; cursor:pointer;border-style:solid;border-color:#1589D9;background-color:#1589D9; font-size:16px;padding: 8px 0; text-align:center; color:#fff; }
.tab .sumbit:hover{ background-color:#EF7E28; color:#FFFFFF;}




.dibu-search{ width:1000px; display:block;}

.tab_foot{width:100%; float:none; margin-top:30px; }
 input{ color:#222;}
.tab_foot li{  line-height:26px; float:left;margin-right:1%; border:none;color:#222;}
.tab_foot input{ width:100%;line-height:30px;padding: 10px 10px;font-size:15px; border:none; color:#222;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.tab_foot textarea{ width:100%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); border:none; font-family: Arial, Helvetica, sans-serif; font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.tab_foot input:hover ,.tab textarea:hover{ border-color:#fff;}
.tab_foot .sumbit{ display:block; cursor:pointer;border-style:solid;border-color:#fff; background:none; font-size:16px;padding: 8px 30px; text-align:center; color:#fff;}
.tab_foot .sumbit:hover{ background-color:#EF7E28; color:#FFFFFF; }

.in_text{width:120px; height:50px; line-height:50px; background:#fff;float: left}

.in_text_input{ background:#fff; padding-top:0; position:absolute; right:5px; top:10px;}

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

.home_liuyan_box{ clear:both; width:100%; background:none; height: auto;}
.feedback_box_pic{ float:none; margin:0;width:100%;}
.feedback_box_pic img{ max-width:100%;}
.tab{ clear:both;width:98%; float:none; margin:10px 0 0; padding-left:3%; padding-right:3%;}
.tab li{ margin-bottom:10px; margin-top:10px; line-height:26px; float:none; width:100%; margin-right:0;}
.tab .sumbit{ width:160px; font-size:13px;padding: 5px 0; margin:5px 0; }
.tab textarea{line-height:26px;padding: 7px 26px;font-size:14px;}
.tab h2{ font-size:20px;line-height:40px; padding-top:5px;}
}



@media screen and (max-width:787px) {
.tab input{line-height:26px;padding:7px 15px;font-size:14px;}
.tab .sumbit{ width:160px;font-size:13px;padding: 5px 0; margin:5px 0; }
.tab textarea{line-height:26px;padding: 7px 15px;font-size:14px;}
.tab h2{ font-size:16px;line-height:40px; padding-top:5px;}


.dibu-search{ width:100%; display:block;}
.tab_foot{    margin-top:10px; }
.tab_foot li{  line-height:26px; font-size:14px; float:left;margin-right:0; border:none;color:#222; width:100%; margin-bottom:5px;}
.tab_foot input{ line-height:26px;padding: 5px 2px;font-size:14px; }
.tab_foot .sumbit{ display:block; cursor:pointer;border-style:solid;border-color:#fff; background:none; font-size:14px;padding: 2px 5px; text-align:center; color:#fff; max-width:140px; margin:10px 0;}
.in_text{width:100%; height:30px; line-height:30px; background:#fff;float: left}
.in_text_input{ right:5px; top:5px;}

}


.jiameng{width:50%; float:right; margin:0 0 0; padding-left:5%; padding-right:5%;}

@media screen and (max-width:787px) {
.jiameng{width:100%; float:none; margin:0 0 0; padding-left:0; padding-right:0;}
}
.about_box{ clear:both; width:100%; max-width:100%; margin:0 auto;  background:#eef1f3;}

.about_box_left{ width:40%;  padding:0; float:left; }
.about_box_left img{ width:100%;} 
.about_box_left h2{ font-size:32px; text-align:center; line-height:3; text-transform:uppercase; padding-top:50px; font-weight:700; line-height:55px; color:#FA7D20;} 
.about_box_left img{ max-width:100%; margin:0 auto; display:block;}
.about_box_left h3{ width:100%; margin:0 auto; max-width:70%; height:1px; background:#ccc;} 
.about_box_left h4{ font-size:24px; color:#6b6b6b; text-align:center; line-height:3; text-transform:uppercase; padding-top:15px; font-weight: normal; line-height:35px;} 

.about_box_right{ width:60%; padding:4.5% 5%;float:right; position:relative;}
.about_box_right:before{ position:absolute; left:10px; top:60px;z-index:0; content:""; background:url(../image/s_home_about_rightbg.png) no-repeat right top; width:876px; height:356px;}

.about_box_right h2{  width:30px; height:2px; background:#2668c6;z-index:1; }
.about_box_right h3{ font-size:30px; line-height:45px;z-index:1;position:relative; margin-bottom:10px; color:#131f67; }
.about_box_right p{ line-height:1.75; font-size:16px; color:#363636;z-index:1;position:relative;}
.about_wenzi{ margin-top:20px; width:80%; max-width:750px;}
.about_wenzi img{ margin-top:20px; max-width:100%;}
 

.product_box{ clear:both; width:100%; background:url(404.png) no-repeat center top; height: auto; padding-bottom:0px; }



.product_box h2{ font-size:30px; text-align:center; line-height:55px; text-transform:uppercase; font-weight: normal; padding-top:0px; margin-bottom:0px; color:#131f67;} 
.product_box h1{ font-size:15px; text-align:center; line-height:34px; color:#fff;} 





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

.about_box{ margin-top:-50px;}
.about_box_right:before{ display:none;}
.about_box_left{ width:98%; max-width:100%; margin:0 1% 10px 1%; display:block;}
.about_box_left img{ max-width:100%;}

.about_box_right{ display:block;  width:100%;  padding:2%;  margin-top:2%; margin-bottom:2%; background:none; height: auto;float:none; }
.about_box_right:before{  left: auto; right:0; top:0px; font-size:150px; }

.about_box_right h2{ font-size:14px; line-height:24pxwidth:100%;}
.about_box_right h2:after{ width:50px; height:1px; left:90px;top:15px;z-index:1; }
.about_box_right h3{ font-size:16px; line-height:28px;margin-top:0px;  }
.about_box_right p{ line-height:1.75; font-size:14px;}
.about_wenzi{ margin-top:10px; width:100%; max-width:100%;}


.product_box{ clear:both; width:100%; height: auto; padding-bottom:20px; padding:0 2% 20px 2%; }


.product_box h2{ font-size:16px;line-height:28px;  padding-top:10px; margin-bottom:0px;} 
.product_box h1{ font-size:14px;line-height:24px; } 

.about_wenzi img{ margin-top:20px;}


}

.anli_box{ width:100%; margin:0 auto; }
.anli_box h2{ font-size:30px; text-align:center; line-height:55px; text-transform:uppercase; font-weight: normal; color:#131f67;margin-bottom:0px;} 
.anli_box h3{ font-size:16px; text-align:center; line-height:34px; color:#6b6b6b;} 
.anli_box h4{ width:50px; height:2px; background:#003EAD; margin:10px auto;} 


@media screen and (max-width:787px) {
.anli_box{ width:100%; max-width:96%; margin:0 auto; }
.anli_box h2{ font-size:16px; line-height:30px;margin-bottom:0px;} 
.anli_box h3{ font-size:14px;  line-height:24px; } 

.anli_box h4{ width:35px; height:1px; margin:5px auto;} 


}


.home_banner_box{position:absolute;left:50%;top:40%;-moz-transform: translate(-50%, -40%);-webkit-transform: translate(-50%, -40%);-o-transform: translate(-50%, -40%);-ms-transform: translate(-50%, -40%);transform: translate(-50%, -40%);
}


.vedio{ position:absolute;left:53%;top:50%;-moz-transform: translate(-53%, -50%);-webkit-transform: translate(-53%, -50%);-o-transform: translate(-53%, -50%);-ms-transform: translate(-53%, -50%);transform: translate(-53%, -50%);z-index:999; width:99px; height:101px;}
.vedio .bg{width:100%; vertical-align:middle; max-width:602px;}
.vedio .icon{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;cursor:pointer;}
.vedio video{background:#fff;display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.vedio .vedioClose{display:none;background:#ad322c;position:absolute;top:0px;right:0px;width:60px;height:60px;line-height:60px;text-align:center;z-index:1;cursor:pointer;}
.vedio .vedioClose img{ vertical-align:middle;max-width:70%;}
.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../image/b-bg.png);z-index:999;}
.alertVideoContent{display:none;position:absolute;top:0;left:0;bottom:0px;right:0px;width:1200px;height:750px;margin:0 auto;z-index:9999;background:none;padding:0;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:0px;right:-60px;cursor:pointer;width:60px;height:60px;background:#ad322c;line-height:60px;cursor:pointer;text-align:center; z-index:99999;}
.alertVideoContent .vedioClose img{ vertical-align:middle;max-width:70%; margin:8px;}

@media screen and (max-width:1100px) {
.vedio{  left:5%; bottom:10%;}
.vedio img{ max-width:80px; max-height:80px;}
}


@media screen and (max-width:787px) {
.vedio{  left:2%; bottom:10%;}
.vedio img{ max-width:60px; max-height:60px;}
}


@media screen and (max-width:639px) {
.vedio img{ max-width:50px; max-height:50px;}

.alertVideoContent{width:100%;height: auto;}

.alertVideoContent .vedioClose{top:0px;right:0px;cursor:pointer;width:40px;height:40px;line-height:40px;}
.alertVideoContent .vedioClose img{ max-width:50%;}
}


.parter_box{ clear:both; width:100%; max-width:100%; position:relative; margin:0 auto;}

.parter_box:before{ position:absolute; content:""; left:0; bottom:0;background:url(404.png) no-repeat left bottom; width:432px; height:597px; z-index:1}
.parter_box:after{ position:absolute; content:""; right:0; top:0;background:url(404.png) no-repeat right top; width:434px; height:396px; z-index:1}

.parter_box h2{ font-size:2.6vw; text-align:center; line-height:2; text-transform:uppercase;  font-weight:700;} 




.partnersi {margin:0px auto; position:relative;z-index:2; }
.partnersi .links { width:100%; max-width:1300px; margin:0 auto;  }
.partnersi .links li{width: 19%;height: auto;position: relative; text-align:center;  padding:2%; display:inline-block; vertical-align:text-top; border:1px solid #fff; border-radius:25px; overflow:hidden;}
.partnersi .links li img{ max-width:70%;  max-height:70%; display:block; margin:0 auto; }



.partnersi .links li:hover  {-webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;border:1px solid #1297d6;border-radius:25px;}
  
  
  
  .partnersi .links li:hover img{-webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  

.partnersi .links li h2{ font-size:1.0vw; line-height:1.5; color:#1297d6; padding-top:2%;}


a.learn_more{ width:10vw; text-align:center; padding:0.5% 0; border:1px solid #1297d6; border-radius:25px; font-size:1.2vw; line-height:1.3; color:#1297d6; margin:1% auto; display:block;}


a:hover.learn_more{ border:1px solid #1297d6; color:#fff; background:#1297d6;-webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;}


.foot_box{ clear:both; width:100%; background:url(404.png) no-repeat center top; height: auto; padding:2% 0; }




 
.core{
  	position: relative;
  	width:100%;

 }
   @media (max-width: 787px) {
 
 .core{

  	width: 100%;
	

 }
 
  }

.project-cover{
	position: absolute;
    width: 100%;
    height: 100%;
    max-height: 300px;
    margin-top: 0;

    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity .4s ease-out;
}

.card-header, .card-body{
	position: relative;
	height: 80%;
    margin: 0 auto;
    padding: 0;
    transition: margin .4s ease-out;
    text-align: center;
    overflow: hidden;
}

.card-body p{
	position: relative;
    display: block;
    z-index: 2;
    font-size: 1rw;
    line-height: 1.5;
    color: #fff;
    transition: opacity .4s ease-out,margin-top .4s ease-out;
    letter-spacing: 1px;
}

a:hover .project-cover{
 	opacity: 1;
 }





 
.core .col-md-3{
	height: 100%;
 	padding: 0;
	 width:31.33%;
	 float:left;	
	 position:relative;
	 margin:0 1%;
	 background:#000;
	 border-radius:25px;
	 overflow:hidden;
	 
	  
 }
 
 
 .core .col-md-3:nth-child(1){ background:#e14057; width:27%}
  .core .col-md-3:nth-child(2){ background:#ccc;width:39%; margin-top:-70px;}
   .core .col-md-3:nth-child(3){ background:#24CB97;width:27%}

.core .project-cover{
    padding: 0 ;
    top: 0;
    opacity: 1;
    transition: opacity .4s ease-out,background .4s ease-out;
}
 .core .col-md-3 .card-header{

    top: 50%;
    transform: translateY(-50%);
 }
 
 
  .core .col-md-3:nth-child(2) .card-header{
     top: 150%;
	 transform: translateY(-150%);
 }
 
.core img{
 width: 100%;
    height: auto;
    z-index: 1;
    border: 0;

 }
 .core .card-header img{
 	width: 75px;
    background: none;
    margin-bottom: 10px;
	height:auto;
	margin:0 auto;
 }
  .core .card-header h4{
    width:50px;
	background:#fff;
	height:2px;
	margin:5px auto;
	display:block;

  } 
 .core .card-header h3{
 	font-size: 1.4vw;
	 color:#fff;
	 padding-top:5px;
	  text-transform:uppercase;
 }
 
.core .card-body img{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
    width: 75px;
    background: none;
    padding-bottom: 40px;
    transition: all .35s ease-out;
    opacity: 0;
}



  .core .col-md-3 .yincang{
   transition: all .6s ease-out;
    opacity: 0;
}
  .core .col-md-3 a:hover .yincang{

     opacity: 1;
}

  .core .col-md-3:nth-child(2) .yincang{

    opacity: 1;
}

  .core .col-md-3:nth-child(2) a:hover .yincang{

     opacity: 1;
}




.core a:hover .project-cover .card-body img{
	opacity: 1;
	left: 50%;
	transform: translateX(-50%);
	 background:rgba(255,255,255,.2);
}
.core .project-cover:hover .card-header{
	opacity: 1;
}
.core .project-cover:hover .card-header p{
	opacity: 1;
}


@media (max-width: 1199px) {

.card-header, .card-body{

	height: 60%;

}

 .core .card-header h3{
 	font-size: 14px;
 }
}




  @media (max-width: 787px) {
  
  .card-header, .card-body{

	height: 100%;

}
  
  
.core .card-header img{
 	width: 50px;
	margin-bottom:0;

 }
 .core .card-header h3{
 	font-size: 12px;


 }
  
  }


.caseList{ width:100%;}
.caseList li{ padding:5px 15px; animation-fill-mode:backwards;}
.caseList li a{ display:block; height:100%; position:relative;}
.caseImg{ position:relative;}
.caseLine{ position:absolute; left:50%; bottom:-12px; width:2px; height:24px; background:#0E93E2; margin-left:-1px; transition:all 0.5s ease 0s;}
.caseTit{ text-align:center; font-size:16px; color:#222222; line-height:22px; padding:15px 0 0; font-weight:normal;min-height:60px;}
.caseList .box2Brief{ max-height:48px;}
.caseList li a:hover .caseLine{ height:0;}
.caseList li a:hover .box2Img img{ transform:scale(1.1);}
.caseList li a:hover .box2Shadow{ opacity:1; transition-delay:0.3s;}
.caseList li a:hover .box2Line{ opacity:1; transition-delay:0.3s;}
.caseList li a:hover .box2Text{ opacity:1;}
.caseList li a:hover .box2Name{ opacity:1; transform:translate(0,0); transition-delay:0.3s;}
.caseList li a:hover .box2Brief{ opacity:1; transform:translate(0,0); transition-delay:0.6s;}
.caseList li a:hover .box2More{ opacity:1; transform:translate(0,0); transition-delay:0.9s;}


.box2Img{ position:relative; overflow:hidden;}
.box2Img img{ width:100%; transition:all 1s ease 0s; max-width:300px; height:100%; max-height:300px;}
.box2Shadow{ position:absolute; left:0; top:0; width:100%; padding:0; background:#004ea2; height:100%;background:rgba(14,147,226,0.6); color:#FFFFFF; overflow:hidden; opacity:0; transition:all 0.5s ease 0s;}
.box2Line{ display:block; width:1px; height:20px; background:rgba(255,255,255,0.8); margin:10px auto; opacity:0;}
.box2Text{ padding:0 15px; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#FFFFFF; opacity:0;}
.box2Name{ font-size:20px; line-height:30px; padding-bottom:5px; opacity:0; transform:translate(0,50%); transition:all 0.5s ease 0s;}
.box2Brief{ font-size:16px; line-height:24px; max-width:305px; max-height:72px; margin:10px auto; overflow:hidden; opacity:0; transform:translate(0,50%); transition:all 0.5s ease 0s;}
.box2More{ width:45px; height:45px; margin:20px auto 0; background:url(404.png) center center no-repeat; background-size:cover; opacity:0; transform:translate(0,50%); transition:all 0.5s ease 0s;}


@media (max-width:1200px){
.caseList{ margin:-20px -10px 0;}
.caseList li{ padding:20px 10px 0;}
.caseTit{ font-size:14px; padding:20px 0 0;}
}
@media (max-width:640px){
.caseList li{ width:50%;}
.box2Text{ display: none;}

}



.col-md-4{position:relative;min-height:1px;}

@media (min-width:992px){
.col-md-4{width:31.33%;float:left; overflow:hidden; margin:1%;}

}
@media (max-width:991px){
.col-md-4{width:48%;float:left;}
}
	
	



@media screen and (max-width:1200px) {
.gaodu_phone{ clear:both; height:50px; width:100%;}
}


.hezuo_liuyan{clear:both; width:100%; background:url(../image/s_liuyanbg.jpg) no-repeat center top; position:relative; height:408px; overflow:hidden;}

.hezuo_liuyan_text{ position:absolute;left:50%;top:50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.hezuo_liuyan_text_x h2{ font-size:26px;  color:#fff; line-height:40px;}
.hezuo_liuyan_text_x h3{ font-size:16px;  color:#fff; line-height:30px;margin-top: 15px; }


.hezuo_liuyan_text_x{ clear:both; width:1000px; margin:0 auto; text-align:center; padding-top:8%;}






.tubiao_map{ position:absolute;left:50%;top:40%;-moz-transform: translate(-40%, -40%);-webkit-transform: translate(-40%, -40%);-o-transform: translate(-40%, -40%);-ms-transform: translate(-40%, -40%);transform: translate(-40%, -40%);}

.foot{position:relative;overflow:hidden; background:#1c2839; padding:25px 0;}

.foot .copyright{ max-width:1400px; padding:0 0; margin:0 auto;color:#fff;}
.foot .copyright p{float:left;font-size:15px; line-height:30px;}
.foot .copyright a{color:#fff;}

.foot .copyright .youbian{text-align:right; float:right;}

@media screen and (max-width:1400px) {
.foot .copyright{ max-width:98%; }
}
@media screen and (max-width:787px) {
.hezuo_liuyan{clear:both; width:100%; background:url(../image/s_liuyanbg.jpg) no-repeat center top; position:relative; height: auto; overflow:hidden; background-size:cover!important;}

.hezuo_liuyan_text_x{ clear:both; width:96%; margin:0 auto; text-align:center; padding-top:20px; padding-bottom:20px;}

.hezuo_liuyan_text_x h2{ font-size:16px;  color:#fff; line-height:30px;}
.hezuo_liuyan_text_x h3{ font-size:14px;  color:#fff; line-height:24px;margin-top:5px; }


}



.footer_box{ clear:both; width:100%; background:url(404.png) no-repeat center top; height: auto; padding-top:80px; }

.page-footer {overflow-x:hidden;padding:4.5% 0 0 0;color:#ccc;box-sizing:border-box; position:relative; width:100%; text-align:left;}
.footer_box .y_fenxiang{ position:absolute; top:-8%; left:11%; z-index:99;}
.footer_box .y_fenxiang img{ max-width:100%;,}




.page-footer dl {float:left;min-width:19%;box-sizing:border-box}

.page-footer dl:nth-child(1){ width:50%;}
.page-footer dl:nth-child(2){ width:50%;}

.page-footer dl:last-child,.page-footer dl:last-child a {color:#fff}
.page-footer dl dt {font-size:20px;padding:10px 0;font-weight:400; color:#fff; font-weight:700;}
.page-footer dl dd {padding:0 0;font-size:16px;color:#fff; display:block;line-height:1.7; float:left; width:25%;}
.page-footer dl:nth-child(2) dd {padding:0 0;font-size:16px;color:#fff; display:block;line-height:2; float:left; width:50%;}
.page-footer dl:nth-child(2) dd img{ max-width:90%;}
.page-footer dl dd a {color:#fff;}
.page-footer dl dd a:hover {color:#fff;}

.page-footer dl dd.lianxiren {background:url(404.png) no-repeat left top;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.shouji {background:url(../image/dh.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.zuoji {padding-left:35px;margin:5px -30px;display:inline-block;}
.page-footer dl dd.email {background:url(404.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.dizhi {background:url(404.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dt.online {margin-top:30px}
.clear {clear:both;overflow:hidden}
.page-footer i {display:inline-block;height:30px;width:30px;vertical-align:middle;margin-right:13px;margin-right:13px\9}
.page-footer i.saler {background:url(404.png) no-repeat;background-position:-4px -6px}
.page-footer i.c_server {background:url(404.png) no-repeat;background-position:-60px -1px}
.page-footer a {color:#fff;display:inline-block}
.page-footer a:hover {color:#fff;text-decoration:none}

@media (max-width:1400px) {.page-footer dl dt {font-size:16px;font-size:16px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:20%}
.page-footer {padding:40px 0 0px 0;}
}
@media (max-width:1200px) {.page-footer {padding:30px 0 0px 0;}
.page-footer dl dt {font-size:15px;font-size:15px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:16%}
}




.wendachild{ display:none;}

@media (max-width:800px) {


.footer_box{ clear:both; width:100%; background:#16a6e1; height: auto; padding-top:0px; }
.footer_box .y_fenxiang{ position:absolute; top:10px; left:0; display: none;}
.page-footer{ padding:0; }



.page-footer dl {float:none;min-width:100%;box-sizing:border-box; clear: both;}

.page-footer dl:nth-child(1){ width:100%;}
.page-footer dl:nth-child(2){ width:100%;margin-top: 10px; }

.page-footer dl dt {font-size:16px;padding:10px 0;font-weight:400; color:#fff; font-weight:700;}
.page-footer dl dd {padding:0 0;font-size:14px;color:#fff; display:block;line-height:24px; float:left; width:25%;}
.page-footer dl:nth-child(2) dd {padding:0 0;font-size:14px;color:#fff; display:block;line-height:24px; float:left; width:100%;}
.page-footer dl:nth-child(2) dd img{ max-width:90%; display: none;}


.foot{ padding:10px 0;}
.foot .copyright p{float:none; text-align:center;font-size:13px; line-height:23px;}
.foot .copyright .youbian{ text-align:center; float:none;}
.wendachild{ display: block;}



.wendachild{ clear:both;padding:0 0;width:100%; margin:0 auto; float:none; border-bottom:1px solid #333;}
.wendachild:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;}

.wendachild .childIcon:hover{background:#212226; color:#fff;}
.wendachild .childIcon .sub{position:absolute;height:2px;top:16px;right:9px;width:12px;height:2px;background:#fff; display: block;}
.wendachild .childIcon .sub.sub2{ transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#fff;}
.wendachild .childIcon .sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }


.wendachild .childIcon{cursor:pointer;position:relative;width:100%;height:40px;background:#212226; color:#fff; }
.wendachild .childIcon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.wendachild .childIcon.on .sub2{transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#455560;}
.wendachild .title{line-height:40px;color:#fff;font-size:13px; text-align:left; margin-left:10px;}
.wendachild .childContent{display:none;padding:0px 10px 10px 10px;background:#212226;}
.wendachild .childContent p{color:#999;line-height:27px;font-size:12px; min-height:auto; margin:0;}
.wendachild .childContent p a{ color:#999;}
.wendachild .childContent p a:hover{ color:#fff;}





}






.wendachild_q {clear:both;padding:0 0;width:100%;margin:20px auto;float:none;border-bottom:1px solid #ddd; padding-bottom:30px;}
.wendachild_q:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.wendachild_q .childIcon:hover {background:#fff;color:#037ABD;}
.wendachild_q .childIcon .sub {position:absolute;height:2px;top:36px;right:9px;width:12px;height:2px;background:#037ABD;display:block;}
.wendachild_q .childIcon:before {  position:absolute; content:""; right:35px; font-size:16px; top:40px;}

.wendachild_q .childIcon:after {  position:absolute; content:""; right:130px; top:0px; width:1px; height:70px; background:#eee;}


.wendachild_q .childIcon .sub.sub2 {transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#037ABD;}
.wendachild_q .childIcon .sub2 {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.wendachild_q .childIcon {cursor:pointer;position:relative;width:100%;background:#fff;color:#037ABD;}
.wendachild_q .childIcon {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.wendachild_q .childIcon.on .sub2 {transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#455560;}
.wendachild_q .title { height:70px; clear:both; width:100%;}

.wendachild_q .ask_box{ width:110px; float:left;}
.wendachild_q .title_ask{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  border: 1px solid #6baad6;
  border-radius: 50%;
  text-align: center;}

 .wendachild_q .title_ask span{margin: auto; width:100%;line-height:70px;color:#037ABD;font-size:24px; font-weight:700;text-align:center; text-transform:uppercase;}
 
 .wendachild_q .title h1 { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 110px);
  float:left;
  font-size:16px; letter-spacing:normal; overflow:hidden; line-height:70px; color:#363636; }
  
.wendachild_q .childContent {display:none;padding:1% 3%;background:#E9F5FA; margin-bottom:0px; margin-top:20px; width:94%;}
.wendachild_q .childContent h6 {color:#999;line-height:35px;font-size:16px;min-height:auto;margin:0;}
.wendachild_q .childContent p {color:#222;line-height:35px;font-size:16px;min-height:auto;margin:0;display:block; text-align:left;}
.wendachild_q .childContent a {color:#fff; width:180px; text-align:center; display:block; line-height:50px; height:50px; border:1px solid #0E93E2; background:#003EAD;margin-top:20px;font-size:15px;}
.wendachild_q .childContent a:hover {color:#fff; width:180px; height:50px; border:1px solid #fff; background:#003EAD;}

@media (max-width:787px) {
	.wendachild_q {clear:both;padding:0 0;width:100%;margin:10px auto;float:none;border-bottom:1px solid #ddd; padding-bottom:10px;}
	
.wendachild_q {margin:10px auto;}
.wendachild_q .title {line-height:26px;font-size:14px;}
.wendachild_q .childContent p {line-height:24px;font-size:13px;min-height:auto;margin:0;display:block;}



.wendachild_q .ask_box{ width:60px; float:left;}
.wendachild_q .title_ask{  width: 50px;height: 50px;}

 .wendachild_q .title_ask span{margin: auto; width:100%;line-height:50px;color:#037ABD;font-size:15px; font-weight:700;text-align:center; text-transform:uppercase;}
.wendachild_q .title { height: 60px; clear:both; width:100%;}

 .wendachild_q .title h1 { width: calc(100% - 60px);font-size:14px; letter-spacing:normal; overflow:hidden; line-height:23px;text-align: left; }
  
  .wendachild_q .childIcon .sub{ display:none;}
  .wendachild_q .childIcon:before{ display:none;}
  .wendachild_q .childIcon:after{display:none;}
  
  .wendachild_q .childContent { margin-top:0px; width:100%;}
  
  .wendachild_q .childContent a {color:#fff; width:120px; text-align:center; display:block; line-height:35px; height:35px;  margin-top:10px;font-size:13px;}
  .wendachild_q .childContent a:hover {color:#fff; width:120px; height:35px; }
  
}







.lianxi_box{ width:1200px; margin:0 auto; position: absolute; left:50%;  bottom:50px; margin-left:-600px;height:240px; z-index:999999; }
.lianxi_box ul li{ width:33.33%; float:left; height:240px;; text-align:left;background:#fff; padding:2% 2% 0 2%; overflow:hidden;box-sizing:border-box; position:relative;}
.lianxi_box ul li h2{ font-size:20px; line-height:30px; color:#363636;}
.lianxi_box ul li .line{ width:50px; height:3px; background:#3A75AF; margin:10px 0;}
.lianxi_box ul li p{ font-size:15px; line-height:26px; color:#fff;}


.tubiao_dingwei_a{ position:absolute; right:0px; top:10px;}
.tubiao_dingwei_b{ position:absolute; right:0px; top:10px;}
.tubiao_dingwei_c{ position:absolute; right:0px; top:10px;}


@media screen and (max-width:1200px) {
.map_box{ position:relative; width:100%; height:400px;}
.ditu_box{ clear:both; width:100%; height:400px; position:relative; }
.lianxi_box{ width:800px; margin:0 auto; position: absolute; left:50%;  bottom:50px; margin-left:-400px;height:240px; z-index:999999; }
}

 

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

.map_box{ position:relative; width:100%; height: auto; }
.ditu_box{ clear:both; width:100%; height:auto; position:relative; }

.lianxi_box{ width:100%; margin:0 auto; position: relative; left:0;  bottom:0; margin-left:0;height: auto ; z-index:999; display:none; }
.lianxi_box ul li{ width:100%; float:none; height: auto; padding:2% 2% 2% 2%; overflow:hidden;box-sizing:border-box; position:relative;}
.lianxi_box ul li h2{ font-size:16px; line-height:24px;}
.lianxi_box ul li .line{ width:40px; height:2px; background:#3A75AF; margin:10px 0;}
.lianxi_box ul li p{ font-size:13px; line-height:22px; color:#fff;}

.tubiao_dingwei_a img,.tubiao_dingwei_b img,.tubiao_dingwei_c img{ max-width:80%;}



}




.yingyong_box{ width:100%; max-width:100%;background:#E2F5FC; padding-top:20px;}



.honor_box{ width:100%; max-width:100%; height:auto; padding-top:20px; }


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


.honor_box{ background: url(../image/rongyu.jpg) no-repeat center center #fcfcfc; }
	
	}

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


.yingyong_box{ width:100%; max-width:100%; padding:2% 0;}
.honor_box{ width:100%;  max-width:100%; padding:2% 0; }

}


 
#j-tab01{width:100%;_display:inline; position:relative; margin-top:20px;}

.j-tabcon01 {display:none;}
.j-tabcon01 .j-pdl01 {width:529px;float:right;height:324px; }
.j-tabcon01 .j-pdl01 dt img { max-width:100%;}
#j-stab01 {width:700px;float:left;list-style-type:none;margin-left:0px;}
#j-stab01 li { float:left;width:100%; border-bottom:1px solid #8bc8e5; position:relative; }
#j-stab01 li h5{line-height:40px; float:left; font-weight:700; font-size:16px;padding-left:20px; width:450px;display:inline-block; font-weight:normal; }
#j-stab01 li span{ display:inline-block; float:left; font-size:16px; color:#8bc8e5;line-height:40px;}
#j-stab01 li p{ float:left;line-height:25px; color:#999; margin-left:25px; width:450px; }
#j-stab01 li a {display: block; width:100%; height:48px;text-align:left; color:#666; margin:5px 0 5px 0; float:left;padding-right:0; }

#j-stab01 li a:after { position:absolute; content:""; height:48px; width:120px; right:-140px; top:5px; }


#j-stab01 li a:hover::after { position:absolute; content:"";background:url(404.png) no-repeat ; height:48px; width:120px; right:-140px; top:5px;}


.ccccaa{display: block;}
.ccccab{display: none;}
 
 

.main_title{  position:relative; width:100%; padding-top:40px;}
.main_title h2{ font-size:36px; text-align:left; line-height:60px;  color:#0E94E1; width:100%; font-weight: normal;}
.main_title h2 span{ font-size:16px; font-weight:normal; padding-left:10px; color:#696969; letter-spacing:1px;}
a.main_title_more{ position:absolute; right:5px; top:40px; font-size:16px; line-height:40px}
a.main_title_more:hover{ color:#FA7D20;}

.inproc{width:100%; background:url(../image/x_pro_bg.jpg) no-repeat center top;height:666px; padding:0px 0;}
.inprocen{width:1200px; background:#fff; overflow:hidden; margin:0 auto; padding:15px 0;}
.inpclass{width:253px; float:left;}
.inpclass dt{font-size:26px; color:#fff; background:#0e93e2; height:65px; text-align:center; line-height:35px; border-bottom:1px solid #68C4F4; }
.inpclass dt i{ font-style:normal; font-size:26px; color:#fff; display:block;}
.inpclass dd{margin:0 0 2px 0; padding:5px 0; background:#0e93e2; }
.inpclass dd a{display:block; position:relative;  height:40px; line-height:40px; padding:0 0 0 0; font-size:16px; color:#fff;}
.inpclass dd a:after{ content:"+"; position:absolute; right:16px; top:0px;}
.inpclass dd a:hover{color:#fff;}
.inpclass dd a.yes{color:#fff;}
.inpclass dd .prosubc{margin:5px 10px;}
.inpclass dd .prosubc a{padding:0 0 0 0; margin:10px 0; font-size:16px; background:url(../image/pro_list_bg.jpg) repeat-x left center; height:36px; color:#363636;  line-height:36px;}
.inpclass dd .prosubc a:after{ content:">"; position:absolute; right:10px; top:0px; font-family:"宋体";}
.inpclass dd .prosubc a.hyes{color:#FF7007; font-weight:700;}

.inpclass dd .prosubc a:hover{ background:#ff6600; color:#fff;}

.lyleftcon{ width:20%;max-width:253px; overflow:hidden; float:left; margin-top:0px;}
.lylefttel{ padding:25px 0px 20px 10px; float:left;  width:243px; background:#366BBA; border-top:1px solid #fff; overflow:hidden;}
.lyleftcon img{max-width:100%;}
.lylefttel p{ color:#91b2e4; font-size:13px; margin-top:-5px;}
.lylefttel p i{ font-style:normal; font-size:24px; color:#fff;}



.anlilass{width:253px; float:left;}
.anlilass dt{font-size:26px; color:#fff; background:#0e93e2; height:65px; text-align:center; line-height:35px; border-bottom:1px solid #68C4F4; }
.anlilass dt i{ font-style:normal; font-size:26px; color:#fff; display:block;}
.anlilass dd{margin:0 0 2px 0; padding:5px 0; background:#0e93e2; }
.anlilass dd a{display:block; position:relative;  height:40px; line-height:40px; padding:0 0 0 0; font-size:16px; color:#fff;}

.anlilass dd a:hover{color:#fff;}
.anlilass dd a.yes{color:#fff;}
.anlilass dd .prosubc{margin:5px 10px;}
.anlilass dd .prosubc a{padding:2px 5px 2px 5px; margin:0px 0; font-size:16px; background:#68C4F4;height:auto; color:#fff;  line-height:28px;}

.anlilass dd .prosubc a.hyes{color:#FF7007; font-weight:700;}

.anlilass dd .prosubc a:hover{ background:#ff6600; color:#fff;}

.anlicon{ width:20%;max-width:253px; overflow:hidden; float:left; margin-top:0px;}
.anlitel{ padding:25px 0px 20px 10px; float:left;  width:243px; background:#366BBA; border-top:1px solid #fff; overflow:hidden;}
.anlicon img{max-width:100%;}
.anlitel p{ color:#91b2e4; font-size:13px; margin-top:-5px;}
.anlitel p i{ font-style:normal; font-size:24px; color:#fff;}

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


.lyleftcon{ width:100%;max-width:100%; overflow:hidden; float:none; margin-top:0px;}
.lylefttel{ padding:5px 0px 0px 0px; float:none;  width:100%; background:#366BBA; border-top:1px solid #fff; overflow:hidden;}
.lyleftcon img{max-width:100%; display: none;}
.lylefttel p{ color:#91b2e4; font-size:15px; margin-top:-5px;}
.lylefttel p i{ font-style:normal; font-size:24px; color:#fff;}

.inpclass dt{font-size:18px; color:#fff; background:#0e93e2; height:30px; text-align:center; line-height:40px; border-bottom:1px solid #68C4F4; }
.inpclass dt i{ font-style:normal; font-size:18px; color:#fff; display:block;padding-bottom: 10px; }

.inpclass{width:100%; float:none;}

.inpclass dd .prosubc a{padding:0 0 0 0; margin:3px 1%; font-size:15px; background:url(../image/pro_list_bg.jpg) repeat-x left center; height:28px; color:#363636;  line-height:28px;float: left;width: 31.33%; }

.inpclass dd {  clear: both; width: 100%; }



}


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



.lyleftcon{ width:100%;max-width:100%; overflow:hidden; float:none; margin-top:0px;}
.lylefttel{ padding:5px 0px 0px 0px; float:none;  width:100%; background:#366BBA; border-top:1px solid #fff; overflow:hidden;}
.lyleftcon img{max-width:100%; display: none;}
.lylefttel p{ color:#91b2e4; font-size:13px; margin-top:-5px;}
.lylefttel p i{ font-style:normal; font-size:24px; color:#fff;}

.inpclass dt{font-size:16px; color:#fff; background:#0e93e2; height:30px; text-align:center; line-height:35px; border-bottom:1px solid #68C4F4; }
.inpclass dt i{ font-style:normal; font-size:16px; color:#fff; display:block;padding-bottom: 10px; }

.inpclass{width:100%; float:none;}

.inpclass dd .prosubc a{padding:0 0 0 0; margin:3px 1%; font-size:14px; background:url(../image/pro_list_bg.jpg) repeat-x left center; height:26px; color:#363636;  line-height:26px;float: left;width: 31.33%; }

.inpclass dd {  clear: both; width: 100%; }

.inpclass dd .prosubc a{padding:0 0 0 0; margin:3px 1%; font-size:14px; background:url(../image/pro_list_bg.jpg) repeat-x left center; height:26px; color:#363636;  line-height:26px;float: left;width: 48%; }


.main_title{  padding-top:0px;}
.main_title h2{ font-size:16px; line-height:28px;  }
.main_title h2 span{ font-size:14px; padding-left:5%;}
a.main_title_more{  right:5px; top:10px; font-size:14px; line-height:24px; display:none;}


#j-tab01{width:100%;_display:inline; position:relative; margin-top:0px;}

.j-tabcon01 {display:none;}
.j-tabcon01 .j-pdl01 {display:none; width: auto; height: auto;float: none; }
.j-tabcon01 .j-pdl01 img{ display: none;max-width: 100%; }
#j-stab01 {width:100%;float:none;list-style-type:none;margin-left:0px;}
#j-stab01 li { float:none;width:100%; border-bottom:1px solid #8bc8e5; position:relative; }
#j-stab01 li h5{line-height:24px; float:none; font-weight:700; font-size:14px;padding-left:0px; width:100%;display:block; font-weight:normal; }
#j-stab01 li span{ display:inline-block; float:left; font-size:12px; letter-spacing:normal;line-height:24px; padding-right:10px;}
#j-stab01 li p{ }
#j-stab01 li a {display: block; width:100%; height:30px;text-align:left; color:#666; margin:2px 0 2px 0; float:none;padding-right:0; }

#j-stab01 li a:after { display: none;}


#j-stab01 li a:hover::after { position:absolute; content:"";background:url(404.png) no-repeat ; height:48px; width:120px; right:-140px; top:5px;}


.ccccaa{display: none;}

}



.page_right{width:78%; margin-left:2%; max-width:1100px; float:right;min-height:300px;}

.page_right h2{ width:100%; font-size:24px; line-height:40px; border-bottom:1px solid #ccc; text-align:left; color:#0E93E2; padding-bottom:10px;}

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


.page_right{width:100%; margin-left:0; max-width:100%; float:none;min-height:300px;}
.page_right h2{ width:100%; font-size:16px; line-height:40px; border-bottom:1px solid #ccc; text-align:left; color:#0E93E2; padding-bottom:10px;}

}



#box_r{ width:70px; height:auto; position:fixed; right:0; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#FF6F01;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:16px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#0E93E2
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:7px auto 7px auto
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px;
	display:block;
	margin:0 auto;
	text-align:center;
}


#float .zixun[data-v-3498646e] {
	background:#0E93E2;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:7px auto 7px auto
}
#float .zixun img[data-v-3498646e] {
	display:block;
	margin:0 auto;
	text-align:center;
	width:23px;
	height:26px;
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-177px;
	top:0;
	width:177px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.contact_left{ float:left; width:40%; font-size:16px; text-align:left; line-height:30px; padding-top:50px;}
.contact_left p{ font-size:16px; text-align:left;line-height:30px;}

.ditu_box{float:right; width:55%; margin-left:5%; height:550px;}

.contact_left p strong{ font-size:26px; color:#222; font-weight:normal;}



.service .selectBtn a .cn:before{content:""}
.service{padding-bottom:5px; background:#fff; padding-top:5px; overflow:hidden;box-shadow: 0 5px 5px rgba(0, 0, 0, .1);}
.service .selectBtn{text-align:center;}
.service .selectBtn a{margin:0 1px;display:inline-block;padding:10px;width:150px;height:60px;text-align:left;transition:all .5s;white-space:nowrap;}
.service .selectBtn a.active,.service .selectBtn a:hover{background:-webkit-gradient(linear, 0% 0%, 100% 50%, from(#2e67d8), to(#1AB4EB), color-stop(0.3, #2e67d8));border-color:#2e67d8;box-shadow:0 0 15px rgba(255,255,255,.2);color:#fff}
.service .selectBtn a.active .cn:before,.service .selectBtn a:hover .cn:before{width:100%;background-color:#fff}
.service .selectBtn a .boxbx{position:relative}
.service .selectBtn a:hover .cn,.service .selectBtn a:hover .en{color:#fff}
.service .selectBtn a:hover .cn:before{background-color:#fff}
.service .selectBtn a .cn{position:relative;padding-top:7px;font-size:16px;line-height:35px}
.service .selectBtn a .cn:before{position:absolute;top:0px;left:0;width:24px;transition:all .5s;height:2px;background-color:#2e67d8}
.service .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}




@media only screen and (max-width:1023px){
.service{padding-bottom:0px; background:#eee; padding-top:0px;}
.service .selectBtn a{width:46%;height:50px;margin:0 1% 0% 1%;padding:1%;}
.service .selectBtn{margin-top:0px;padding-top:10px;text-align:left}
.service .selectBtn a .cn{font-size:14px;padding-top:10px;}
.service .selectBtn a .en{ display:none;}

}

@media only screen and (max-width:787px){
.contact_left{ float:none; width:100%; font-size:16px; text-align:left; line-height:30px; padding-top:10px;}
.contact_left p{ font-size:14px; text-align:left;line-height:24px;}

.ditu_box{float:none; width:100%; margin-left:0; height:350px; margin-top:20px;}

.contact_left p strong{ font-size:16px;font-weight:700;}
}


.service_aa .selectBtn a .cn:before{content:""}
.service_aa{padding-bottom:5px; background:#2e67d8; padding-top:5px; overflow:hidden;box-shadow: 0 5px 5px rgba(0, 0, 0, .1); padding-bottom:20px;}
.service_aa .selectBtn{text-align:center;}
.service_aa .selectBtn a{margin:0 1px;display:inline-block;padding:10px 5px;width:120px;height:45px;text-align:left;transition:all .5s;white-space:nowrap;color:#fff}
.service_aa .selectBtn a.active,.service_aa .selectBtn a:hover{border-color:#2e67d8;color:#fff;}
.service_aa .selectBtn a.active .cn:before,.service_aa .selectBtn a:hover .cn:before{width:100%;background-color:#fff}
.service_aa .selectBtn a .boxbx{position:relative}
.service_aa .selectBtn a:hover .cn,.service_aa .selectBtn a:hover .en{color:#fff}
.service_aa .selectBtn a:hover .cn:before{background-color:#fff}
.service_aa .selectBtn a .cn{position:relative;padding-top:7px;font-size:15px;line-height:35px}
.service_aa .selectBtn a .cn:before{position:absolute;top:0px;left:0;width:24px;transition:all .5s;height:2px;background-color:#2e67d8}
.service_aa .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}




@media only screen and (max-width:1023px){
.service{padding-bottom:0px; background:#eee; padding-top:0px;}
.service .selectBtn a{width:31%;height:40px;margin:1%;padding:0; float:left;}
.service .selectBtn{margin-top:0px;padding-top:10px;text-align:left}
.service .selectBtn a .cn{font-size:14px;padding-top:5px;}
.service .selectBtn a .en{ display:none;}

}





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

#box_r{ display:none;}

.service_aa .selectBtn a .cn{position:relative;padding-top:7px;font-size:14px;line-height:26px}

}




.newsBox .titleBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 24px;
}
.newsBox .titleBar .newTitle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #424242;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.2;
  font-family: "Roboto", sans-serif, "Noto Sans TC";
  text-transform: uppercase;
}
.newsBox .titleBar .btn_all {
  width: 150px;
  text-align: right;
}
.newsBox .titleBar .btn_all a {
  display: inline-block;
  color: #E1251B;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.65px;
  border-radius: 14px;
  border: 2px solid #E1251B;
  padding: 8px 0;
    width: 150px;
	text-align:center;
}
@media (min-width: 1025px) {
  .newsBox .titleBar .btn_all a:hover {
    color: #ffffff;
    background-color: #E1251B;
  }
}
@media (max-width: 768px) {
  .newsBox .titleBar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newsBox .titleBar .newTitle {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .newsBox .titleBar .btn_all {
    display: none;
  }
}
.newsBox .btn_all {
  width: 150px;
  margin: auto;
  padding-top: 0px;
  text-align: center;
}
.newsBox .btn_all a {
  display: inline-block;
  color: #E1251B;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.65px;
  border-radius: 14px;
  border: 2px solid #E1251B;
  padding: 5.5px 16.64px;
}
@media (min-width: 1025px) {
  .newsBox .btn_all a:hover {
    color: #ffffff;
    background-color: #E1251B;
  }
}
.newsBox .btn_all.mb {
  display: none;
}
@media (max-width: 768px) {
  .newsBox .btn_all.mb {
    display: block;
  }
}
.newsBox .arrowBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
.newsBox .arrowBox .arrow {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 10px;
  cursor: pointer;
}
.newsBox .arrowBox .arrow svg {
  width: 11px;
  height: 21px;
}
.newsBox .arrowBox .arrow.slick-hidden {
  display: none;
}
.newsBox .arrowBox .appendDots .slick-dots {
  position: relative;
  width: auto;
  margin: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
}
.newsBox .arrowBox .appendDots .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 7.5px;
  display: inline-block;
  vertical-align: 6px;
}
.newsBox .arrowBox .appendDots .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.newsBox .arrowBox .appendDots .slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 1;
}
.newsBox .arrowBox .appendDots .slick-dots li.slick-active {
  width: 32px;
  height: 8px;
}
.newsBox .arrowBox .appendDots .slick-dots li.slick-active button::before {
  border-radius: 8px;
  opacity: 1;
}
.newsBox .arrowBox svg {
  color: #E1251B;
}
.newsBox .arrowBox .appendDots .slick-dots li button::before {
  background-color: #E1251B;
}
.newsBox .newsList > .newsItem:not(:nth-child(1)):not(:nth-child(2)) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.newsBox .newsList .newsItem {
  padding: 22px 0;
  position: relative;
  background-color: #f6f6f6;
}
.newsBox .newsList .newsItem.slick-current {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 1025px) {
  .newsBox .newsList .item:hover .moreBox a {
    color: #004ea2;
    border-color: transparent;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 78, 152, 0.7);
            box-shadow: 0px 0px 18px 0px rgba(0, 78, 152, 0.7);
  }
}
@media (max-width: 787px) {
.newsBox .newsList .newsItem {
  padding: 0 0;

}
}

.newsBox .newsList .newsItem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
		  border-bottom:1px solid #ccc;
		  padding:25px 0;
}
.newsBox .newsList .newsItem .dateBox {
  width: 150px;
}   
.newsBox .newsList .newsItem .dateBox .dateCircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  text-align: center;
  margin: auto;
}
.newsBox .newsList .newsItem .dateBox .yearMonth,
.newsBox .newsList .newsItem .dateBox .day {
  color: #4e4e4e;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
.newsBox .newsList .newsItem .dateBox .day {
  font-size: 50px;
}
.newsBox .newsList .newsItem .dateBox .yearMonth {
  font-size: 13px;
  margin-top: 2px;
  text-transform: uppercase;
}
.newsBox .newsList .newsItem .TxtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 130px);
}
.newsBox .newsList .newsItem .Txt {
  width: calc(100% - 158px);
  position: relative;
  padding-right: 50px;
}
.newsBox .newsList .newsItem .Txt .title {
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.9px;
  height: 27px;
  overflow: hidden;
   text-align:left;
}
.newsBox .newsList .newsItem .Txt .title a {
  color: #1a1a1a;
  display: inline-block;
  position: relative;
}

.newsBox .newsList .newsItem .canshu{ display:block; width:100%; margin-top:10px;}
.newsBox .newsList .newsItem .canshu ul li{ display:inline-block; width:23%; margin:5px 1%; font-size:15px; line-height:27px; color:#999; text-align:left; float:left; }

.newsBox .newsList .newsItem .Txt .text {
  color: #484848;
  font-size: 15px;
  font-weight: 100;
  letter-spacing: 0.75px;
  line-height: 1.667;
  height: 51px;
  margin-top: 11px;
  overflow: hidden;
}
.newsBox .newsList .newsItem .moreBox {
  width: 178px;
}
.newsBox .newsList .newsItem .moreBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 87px;
  height: 87px;
  margin: auto;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4e4e4e;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.65px;
}
@media (max-width: 1180px) {
  .newsBox .newsList .newsItem .dateBox,
.newsBox .newsList .newsItem .moreBox {
    width: 150px;
  }
  .newsBox .newsList .newsItem .TxtBox,
.newsBox .newsList .newsItem .Txt {
    width: calc(100% - 150px);
  }
}
@media (max-width: 992px) {
  .newsBox .newsList .newsItem .dateBox {
    width: 120px;
  }
  .newsBox .newsList .newsItem .TxtBox {
    width: calc(100% - 120px);
  }
  .newsBox .newsList .newsItem .Txt {
    width: calc(100% - 120px);
    padding: 0 30px 0 20px;
  }
  .newsBox .newsList .newsItem .moreBox {
    width: 120px;
  }
}
@media (max-width: 768px) {
  .newsBox .newsList .newsItem .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
			padding:10px 0;
  }
  .newsBox .newsList .newsItem .dateBox {
    width: 105px;
  }
  .newsBox .newsList .newsItem .TxtBox {
    width: calc(100% - 105px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newsBox .newsList .newsItem .Txt {
    width: 100%;
    padding: 10px 20px 0 20px;
  }
  .newsBox .newsList .newsItem .Txt:after {
    display: none;
  }
  .newsBox .newsList .newsItem .moreBox {
    width: 100%;
    padding: 10px 20px 0 20px;
  }
  .newsBox .newsList .newsItem .moreBox a {
    border: 0;
    margin: 0;
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .newsBox .newsList .newsItem .moreBox a:after {
    display: inline-block;
    content: "+";
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding-left: 10px;
  }
  
  .newsBox .newsList .newsItem .Txt .title {

  font-size: 16px;
  font-weight: 400;
  letter-spacing:1;
  height: 27px;

}
  
  
.newsBox .newsList .newsItem .canshu{ display:block; width:1000px; overflow-x: auto;white-space: nowrap; margin-top:0px;}
.newsBox .newsList .newsItem .canshu ul li{ display:inline-block; width:23%; margin:5px 1%; font-size:14px; line-height:24px; color:#999; text-align:left; float:left; }
  
}
@media (max-width: 480px) {
  .newsBox .newsList .newsItem .Txt .title {
    height: 53px;
  }
  .newsBox .newsList .newsItem .Txt .text {
    display: none;
  }
}
@media (max-width: 414px) {
  .newsBox .newsList .newsItem .dateBox {
    width: 90px;
  }
  .newsBox .newsList .newsItem .dateBox .dateCircle {
    width: 90px;
    height: 90px;
  }
  .newsBox .newsList .newsItem .dateBox .day {
    font-size: 45px;
  }
  .newsBox .newsList .newsItem .dateBox .yearMonth {
    font-size: 13px;
  }
  .newsBox .newsList .newsItem .TxtBox {
    width: calc(100% - 90px);
  }
  .newsBox .newsList .newsItem .Txt {
    padding: 10px 10px 0 0;
  }
  .newsBox .newsList .newsItem .moreBox {
    padding-left: 0;
  }
  .newsBox .newsList .newsItem .moreBox a {
    padding-top: 5px;
  }
}




body{ overflow-x:hidden;}





.n_jszc .con1{padding:0px 0;}
.n_jszc .con1 .view{margin-top: 50px; display: flex; justify-content: space-between}
.n_jszc .con1 .view .item{width: 48%;min-height: 500px; padding: 40px 100px 40px 100px; text-align: center; background: #f4f4f4;transition: .4s all ease; box-sizing: border-box;}
.n_jszc .con1 .view .item i{margin: 0 auto; width: 48px;height: 48px;text-align: center;line-height: 48px;font-size: 23px;color: #fff;display: block; margin-bottom:10px;}
.n_jszc .con1 .view .item i.icon-whatsapp1{ background:url(../image/az_1.png) no-repeat; width:30px; height:30px; top:5px; left:5px;}
.n_jszc .con1 .view .item i.icon-whatsapp2{ background:url(../image/pg_1.png) no-repeat; width:30px; height:30px; top:5px; left:5px;}
.n_jszc .con1 .view .item b{margin-top: 0px; height: 80px;line-height: 80px;text-align: center;position: relative;color: #474747;font-size: 26px; font-weight:normal;}
.n_jszc .con1 .view .item b:after{content: '';display: block;width: 70px;height: 1px;background: #474747;margin: 0 auto}
.n_jszc .con1 .view .item .code{text-align: center;height: 130px;margin-top: 0px;}
.n_jszc .con1 .view .item p{font-size: 22px;line-height: 40px;margin-top: 20px;text-align:center;}
.n_jszc .con1 .view .item p img{ display:block; margin:0 auto;}
.n_jszc .con1 .view .item p a{color: #333}
.n_jszc .con1 .view .item:nth-child(2) i{font-size: 30px;}
.n_jszc .con1 .view .item:hover{background: #004ea2;transform: translate(4px,-4px);}
.n_jszc .con1 .view .item:hover b{color: #fff}
.n_jszc .con1 .view .item:hover b:after{background: #fff}
.n_jszc .con1 .view .item:hover p{color: #fff}
.n_jszc .con1 .view .item:hover p a{color: #fff}
.n_jszc .con1 .view .item:nth-child(1){background: #004ea2;}
.n_jszc .con1 .view .item:nth-child(1) b{color: #fff}
.n_jszc .con1 .view .item:nth-child(1) b:after{background: #fff}
.n_jszc .con1 .view .item:nth-child(1) p{color: #fff}
.n_jszc .con1 .view .item:nth-child(1) p a{color: #fff}
.n_jszc .con1 .view .item:nth-child(2){background: #004ea2;}
.n_jszc .con1 .view .item:nth-child(2) b{color: #fff}
.n_jszc .con1 .view .item:nth-child(2) b:after{background: #fff}
.n_jszc .con1 .view .item:nth-child(2) p{color: #fff}
.n_jszc .con1 .view .item:nth-child(2) p a{color: #fff}

.app_img{ width:280px;}

.app_img img{ max-width:100%;}


@media (max-width: 787px) {

.n_jszc .con1 .view{margin-top: 10px; display: flex; justify-content: space-between}
.n_jszc .con1 .view .item{width: 49%;min-height: auto; padding: 0; text-align: center; background: #f4f4f4;transition: .4s all ease; box-sizing: border-box; padding-top:15px; padding-bottom:}


.n_jszc .con1 .view .item b{margin-top: 0px; height: 30px;line-height: 30px;text-align: center;position: relative;color: #474747;font-size: 16px; font-weight:normal; padding-bottom:10px;}
.n_jszc .con1 .view .item b:after{content: '';display: block;width: 35px;height: 1px;background: #474747;margin: 0 auto}

.app_img{ width:100%; max-width:150px;}


}



.img100 {
  display: block;
  max-width: 100%; 
margin:0 auto; 
}
  .can-hover .img-wrap .img100 {
    transition: all 1s ease; }
.can-hover:hover .img-wrap .img100 {
  transform: scale3D(1.1, 1.1, 1.1); }


@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(0.5); } }


.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }



.wel-list3 .list3-txts {
  height: 48px;
  position: absolute;
  transform: translate(-50%, -50%);
  transition-duration: .5s;
  text-align: center;
  left: 50%;
  top: 50%;
  width: 100%;
  color: #fff;
  z-index: 2; }
.wel-list3 .list3-cir {
  position: absolute;
  display: block;
  border-radius: 50%;
  animation: cir-scale2 3s linear infinite; }
.wel-list3 .list3-cir1 {
  border: 1px solid #fff;
  width: 100px;
  height: 100px;
  left: -26px;
  top: -26px; }
.wel-list3 .list3-cir2 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 120px;
  height: 120px;
  left: -40px;
  top: -46px; }
.wel-list3 .list3-cir3 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 200px;
  height: 200px;
  left: -76px;
  top: -76px; }
.wel-list3 .list3-ico1 {
  width: 48px;
  height: 48px;
  position: relative;
  margin: 0 auto; }
.wel-list3 .list3-h5 {
  font-size: 20px;
  line-height: 40px;
  padding: 36px 0 24px;
  position: relative; }
  .wel-list3 .list3-h5:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    box-sizing: border-box;
    border: 1px solid #fff;
    top: 18px;
    left: 50%;
    margin-left: -12px; }
.wel-list3 .list3-a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition-duration: .3s; }
  .wel-list3 .list3-a:hover {
    transform: translate(-6px, 0); }
.wel-list3 .to-detail {
  width: 92px;
  margin: 0 auto 14px; }
.wel-list3 .to-more {
  width: 132px;
  margin: 0 auto; }
.wel-list3 .txts-mains {
  opacity: 0;
  transition-duration: .5s; }
.wel-list3 .cir-wrap {
  opacity: 1;
  transition-duration: .5s; }
.wel-list3 .list3-item {
  flex: 1;
  position: relative;
  overflow: hidden; margin:0 0.5%; }
  .wel-list3 .list3-item:before {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.2);
    top: 20px;
    left: 20px;
    z-index: 1; }
  .wel-list3 .list3-item:hover .cir-wrap {
    opacity: 0; }
  .wel-list3 .list3-item:hover .list3-txts {
    height: 204px; }
  .wel-list3 .list3-item:hover .txts-mains {
    opacity: 1; }



.icon{display:inline-block; background:url(../image/sprite.png) no-repeat; vertical-align:middle; margin-right:5px;}
.company01{  margin:0px auto 0px auto; text-align:center; overflow:hidden;}

.company01 li{float:left; width:14%; max-width:220px; height:250px;  background: rgba(255,255,255,0.8); overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.company01 li:nth-of-type(even){background:rgba(241,241,241,0.8);}
.company01 li div{position:relative; width:120px; height:120px; margin:45px auto 30px  auto; border-radius:50%; background-color:#fff;}
.company01 li div:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:#fff; -webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
.company01 li em{position:absolute; top:0; left:0;}
.company01 li .act{opacity:0; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.company01 li p{font-size:16px; color:#363636;}
.company01 li:hover{background:#3485e7;}
.company01 li:hover div:before{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.company01 li:hover .act{opacity:1;}
.company01 li:hover p{color:#fff;}

.i-cy01-act{width:120px; height:120px; background-position:0px -351px;}
.i-cy01{width:120px; height:120px; background-position:-120px -351px;}
.i-cy02-act{width:120px; height:120px; background-position:-351px 0px;}
.i-cy02{width:120px; height:120px; background-position:-351px -120px;}


.i-cy03-act{width:120px; height:120px; background-position:0px -231px;}
.i-cy03{width:120px; height:120px; background-position:-120px -231px;}


.i-cy04-act{width:120px; height:120px; background-position:0px -464px;}
.i-cy04{width:120px; height:120px; background-position:-120px -464px;}


.i-cy05-act{width:120px; height:120px; background-position:0px 0px;}
.i-cy05{width:120px; height:120px; background-position:-120px 0px;}

.i-cy06-act{width:120px; height:120px; background-position:0px -121px;}
.i-cy06{width:120px; height:120px; background-position:-120px -121px;}


.i-cy07-act{width:120px; height:120px; background-position:-355px -335px;}
.i-cy07{width:120px; height:120px; background-position:-355px -240px;}





.center1top_p {position:relative;width:100%; padding:20px 0 0 0;}
.center1top_p dl{ display:block; margin:0 auto; width:100%;}
.center1top_p dl dd {display:inline-block;width: auto; margin:3px 1px;position:relative;}
.center1top_p dl dd a {display:block;height:40px;line-height:40px;width:100%; min-width:120px;font-size:15px;text-align:center;background:#eee;color:#333;padding:0 15px; }
.center1top_p dl dd a:hover {color:#fff; background:#2E67D8;}
.center1top_p dl dd.hover a {display:block;height:40px;line-height:40px;width:100%;font-size:15px;text-align:center;color:#fff; background:#2E67D8;}
.center1footer_p {width:100%;overflow:hidden;}


.center1footer_p #con_one_2,.center1footer_p #con_one_3,.center1footer_p #con_one_4,.center1footer_p #con_one_5,.center1footer_p #con_one_6,.center1footer_p #con_one_7,.center1footer_p #con_one_8,.center1footer_p #con_one_9,.center1footer_p #con_one_10,.center1footer_p #con_one_11,.center1footer_p #con_one_12,.center1footer_p #con_one_13,.center1footer_p #con_one_14,.center1footer_p #con_one_15,.center1footer_p #con_one_16,.center1footer_p #con_one_17,.center1footer_p #con_one_18,.center1footer_p #con_one_19,.center1footer_p #con_one_20,.center1footer_p #con_one_21,.center1footer_p #con_one_22,.center1footer_p #con_one_23,.center1footer_p #con_one_24,.center1footer_p #con_one_25,.center1footer_p #con_one_26,.center1footer_p #con_one_27,.center1footer_p #con_one_28,.center1footer_p #con_one_29,.center1footer_p #con_one_30{ display: none;}

.center1footer_p #con_one_1{ display:block;}

@media (max-width:787px) {
.center1top_p {position:relative;width:100%; padding:10px 0 0 0;}
.center1top_p dl dd {display:inline-block;width:31.33%; margin:0 1% 10px 1%;float:left;position:relative;}
.center1top_p dl dd a {height:30px;line-height:30px;font-size:13px;}
.center1top_p dl dd.hover a {height:30px;line-height:30px;font-size:13px;}

.company01 li p{font-size:14px; padding-top:10px;}

.flexBox {

  display: block;
  flex-wrap: normal;
  justify-content: normal;
 }
.wel-list3 .list3-item {
  flex: 1;
  position: relative;
  overflow: hidden; margin:10px 0; }

.company01 li{float:left; width:31.33%; max-width:100%; margin:10px 1%; height:165px; }


.company01 li:nth-child(7){ display:none;}


.company01 li div{position:relative; width:100%; max-width:100px; height:100%; max-height:100px; margin:15px auto 10px  auto; border-radius:50%; background-color:#fff;}


.company01 li em{position:absolute; top:-11px; left:-8px;}



.i-cy01-act{width:100px; height:100px; background-position:-5px -351px;}
.i-cy01{width:100px; height:100px; background-position:-125px -351px;}


.i-cy02-act{width:100px; height:100px; background-position:-354px 0px;}
.i-cy02{width:100px; height:100px; background-position:-354px -120px;}


.i-cy03-act{width:100px; height:100px; background-position:0px -231px;}
.i-cy03{width:100px; height:100px; background-position:-120px -231px;}


.i-cy04-act{width:100px; height:100px; background-position:0px -464px;}
.i-cy04{width:100px; height:100px; background-position:-120px -464px;}


.i-cy05-act{width:100px; height:100px; background-position:-2px 0px;}
.i-cy05{width:100px; height:100px; background-position:-122px 0px;}

.i-cy06-act{width:100px; height:100px; background-position:-5px -121px;}
.i-cy06{width:100px; height:100px; background-position:-125px -121px;}


.i-cy07-act{width:100px; height:100px; background-position:-355px -335px;}
.i-cy07{width:100px; height:100px; background-position:-355px -240px;}






}


.pro_tedian{ clear:both; width:100%; margin:0 auto;}
.pro_tedian p{ text-align:left; font-size:15px; line-height:28px;} 
.pro_tedian img{ max-width:100%; display:block; margin:0 auto;}

.beijing_pic{ clear:both; width:100%; height:491px; display:block; margin:0 auto;}

.beijing_pic1{ clear:both; width:100%; height: 556px; display:block; margin:0 auto;}


.weixin_jj{ display:block; width:100%; text-align:center; font-size:15px; color:#fff; font-weight: normal; padding: 7px 55px; background:#1B318E; }
.weixin_jj:hover{  background:#FF6F01;-webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
.country-select {display: inline-block;color: #333;float: left;margin-left: 0px;position: relative;cursor: pointer; }
.country-select dl {position: absolute;text-align: left;width: 190px;display: none;background: #fff;border-radius: 5px;margin-top: -245px;overflow: visible;z-index: 99;
margin-left: 1px}
.country-select dl dd{ margin:6px 5px;}
.country-select dl dd img{ width:180px; height:180px;}

.country-select:hover dl {display: block;box-shadow: 0 0 4px #a9a9a9;}



@media (max-width:787px) {
.weixin_jj{ display:block; width:100%; text-align:center; font-size:14px; color:#fff; font-weight: normal; padding: 7px 35px; background:#1B318E; }
.country-select dl dd img{ width:140px; height:140px;}
.country-select dl {position: absolute;text-align: left;width: 150px;display: none;background: #fff;border-radius: 5px;margin-top: -200px;overflow: visible;z-index: 99;
margin-left: 1px}


.pro_tedian{ width:100%;}

}

.yangshi_box{ clear:both; width:100%; background: url(../image/cmsBg5-1.png) no-repeat center top #E0EEFD; height: auto;}
.yangshi_box img{ max-width:100%; margin:0 auto;} 





.solution{}
.solution .sl_cicle {display: inline-block;position: relative;}

.solution .sl_cicle img.aaaaa_jibie{ z-index:999;position: relative;}

.solution .sl_cicle .leida {position: absolute;z-index:9;left: 350px;top: 150px;-webkit-animation: pointAnimations 5s linear infinite;-moz-animation: pointAnimations 5s linear infinite;
-o-animation: pointAnimations 5s linear infinite;animation: pointAnimations 5s linear infinite; display:none;}
.gongcheng{ width:100%; max-width:1200px; height:650px;  position:relative; margin:0 auto;}
.gongcheng img{ max-width:100%; max-height:100%;}


.youshi_box{ clear:both; width:100%; height:850px;}


.hidd1{ display:block;}
.hidd{ display:none;}

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


.solution .sl_cicle .leida { display:none}
}




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

.hidd1{ display:none;}
.hidd{ display: block;}

.youshi_box{ height:auto;}
.gongcheng{ width:100%; max-width:100%; height: auto; }


}


::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #fff;

}
 

::-webkit-scrollbar-track
{
  border-radius: 10px;
    background-color: #fff;

}
 

::-webkit-scrollbar-thumb
{
    border-radius: 0px;

    background-color: #000;
}