@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;}
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:62px;display:block;position:fixed;left:0;top:0;z-index:9999;background:#154a98;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.sj_head_logo{width:80%;height:62px;float:left;padding-left:15px;overflow:hidden;}
.sj_head_logo img{width:auto;height:26px;float:left;margin-top:18px;}
.sj_head_logo b{width:auto;height:62px;float:left;font-size:18px;color:#FFF;line-height:72px;font-family:Tahoma, Geneva, sans-serif;}
.sj_head_bar{width:14%;height:62px;padding-top:18px;float:right;position:relative;cursor:pointer;}
.sj_head_bar .bar{width:50%;max-width:30px;height:3px;margin:5px auto 0;display:block;background-color:#fff;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav{width:86%;height:100%;background:#154a98;overflow:auto;position:fixed;left:-86%;top:0;z-index:9999;}
.sj_nav_top{width:100%;height:62px;overflow:hidden;border-bottom:1px solid #eef1f4;}
.sj_nav_top_logo{width:auto;height:32px;margin-left:15px;margin-top:15px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:32px;}


.sj_nav_li{margin:0px 15px;border-bottom:1px solid #fff;}
.sj_nav_li a{font-size:16px;color:#fff;display: block;}
.sj_nav_li .navn{height:50px;line-height:50px;padding:0px 5px;}
.sj_nav_li .navn .yw500{width:100%;}
.sj_nav_li .navm{width:100%;}
.sj_nav_li .navl{width:35%;float:left;}
.sj_nav_li .navr{width:65%;float:right;text-align: right;}
.sj_nav_li .navr img{width:15px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.sj_nav_li ul{display:none;padding:5px 0;}
.sj_nav_li ul li a{width:100%;height:40px;line-height:40px;padding:0px 5px;font-size:15px;color:#333;}
.sj_nav_li.current .navn{}
.sj_nav_li.current .navl{color: #fff;} 
.sj_nav_li.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}


@media screen and (max-width: 1800px){
	.new_index_banner_icon p { max-width: 1600px; padding: 0px 0px; }
	.new_index_banner ul li div.new_index_banner_text dl { max-width: 1600px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 110px; }
	.ico-bg3{width: 41.927083vw;height: 64.16666666vw;}
	.ico-bg4{width: 36.40625vw;height: 50.8854166vw;}
	
	.header_bg .tel{ font-size:24px;}

	
}
@media screen and (max-width: 1680px){
	.new_index_banner ul li h3 { font-size: 48px; }
  	.new_index_banner ul li p { font-size: 20px; }
  	.new_index_bannertext02 .Multiplatformbox h3 { font-size: 42px; }
	
	.index1_left{ width:42%; padding:0 5% 9% 10%;}
	.index2_left{ height:755px;}
	.index2_right{ height:755px;}
	.index2_right img{ height:755px;}
	
	
	
}
@media screen and (max-width: 1440px){
	
	.pub{width:90%;}
	
	
	.nava{width:52%;margin-right:2%;}
	
	.header_bg .tel{ font-size:18px;}
	
	.index1_left{ width:42%; padding:0 5% 7% 10%;}
	.index1_left_img{ margin-top:66px;}
	
	.index2_left{ height: 755px; position:relative;}
	.index2_right{ height:755px;}
	.index2_right img{ height:755px;}
	.index2_left_con{ padding-bottom:105px;}
	.index2_left_num{ width:100%; position:absolute; bottom:0;}
	.index2_left_num li .icon{width:90px;height:90px;padding:32px;margin:auto;position:relative; float:left;}
	.index2_left_num li .icon i{width:90px;height:90px;background:url(../Image/p6.png); background-size:cover;position:absolute;left:0;top:0;
		animation: moveScroll 20s linear infinite;}
	.index2_left_num li .icon img{width:30px;height:30px;margin:auto;position:relative;z-index:9;}
	.index2_left_num li .con{ float:right; width:55%;}
	.index2_left_num li .con1{ color:#454545; font-size:18px;}
	.index2_left_num li .con1 span{ font-size:30px;}
	.index2_left_num li .con2{ color:#5c5e5c; font-size:16px;}
	
	
}
@media screen and (max-width: 1200px){

	.new_index_banner_icon p { max-width: 1200px; padding: 0px 0px; }
  	.new_index_banner ul li div.new_index_banner_text dl { max-width: 1200px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 90px; }
	
	.new_index_banner ul li.cur h3{ font-size:70px}
	.new_index_banner ul li.cur p{ font-size:30px;}
	
	.header_bg .nava{width:72%;}
	.header_bg .tel{ width:28%; font-size:16px;}
	
	
	.index1_left{ width:42%; padding:0 5% 6% 10%;}
	
	
	.index2_left{ width:60%; height:655px; position:relative;}
	.index2_left_con{ padding-bottom:65px;}
	.index2_right{ width:40%; height:655px;}
	.index2_right img{ height:655px;}
	.index2_left_num{ width:100%; position:absolute; bottom:0;}
	.index2_left_num li .icon{width:90px;height:90px;padding:32px;margin:auto;position:relative; float:left;}
	.index2_left_num li .icon i{width:90px;height:90px;background:url(../Image/p6.png); background-size:cover;position:absolute;left:0;top:0;
		animation: moveScroll 20s linear infinite;}
	.index2_left_num li .icon img{width:30px;height:30px;margin:auto;position:relative;z-index:9;}	
	
	
	
	
	

}
/* --转成wap-- */
@media screen and (max-width: 960px){
	
	body{padding-top:62px;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.nav_side{ display:none;}
	.header_bg{display:none;}
	.sj_nav_all{display:block;}
  	.new_index_banner ul li div.new_index_banner_text dl { max-width: 970px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 70px; }
  	.new_index_banner ul li div.new_index_banner_text:after { content: ''; }
  	.new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 50px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 150px; }
  	.new_index_bannertext02 .Multiplatformbox h3 { font-size: 18px; }
	.new_index_bannertext01 { position: absolute; left: 0px; top:0; width: 100%; height: 100%; }

	.new_index_banner ul li.cur h3{ font-size:60px}
	.new_index_banner ul li.cur p{ font-size:25px;}
	.new_index_bannertext02{ top:40%;}
	
	.index1_left{ width:100%; float:none;}
	.index1_right{ width:100%; float:none;}
	.index1_left_con{font-size:18px;}
	.index1_right_top{ font-size:28px;}
	.index1_right_pro li .con .title{ font-size:18px;}
	.index1_left_img{ margin-top:40px;}
	.index1_left_con{ margin-top:40px;}


	.index_adv_top{ background-size:100% auto;}
	.index_adv_top .index_adv_top1{ font-size:28px;}
	
	.intro__title .intro-hide strong{ font-size:28px;}

	.index_adv_main li{ float:left; width:47%; margin:1.5%; padding:5% 2%;}
	.index_adv_main li .adv_con{ line-height:25px; margin-top:10px;}

	.index2{ margin-top:40px;}
	.index2_left{ width:100%; float:none; height:auto;}
	.index2_left_con{ margin-left:9%; padding-bottom:80px;}
	.index2_left_top .index2_left_top1{ color:#000000; font-size:28px;}

	.index2_right{ width:100%; float:none; height:auto}
	.index2_right img{ height:auto;}
	.index2_num{ display: none;}
	.index2_left_num{ display:block; position:relative;}
	.index2_left_num li .icon{ width:130px; height:130px; padding:50px; float:none;}
	.index2_left_num li .icon i{ width:130px; height:130px; background-size:cover;}
	.index2_left_num li .icon img{ width:30px; height:30px;}
	.index2_left_num li .con1 span{ font-size:28px;}
	.index2_left_num li .con2{ height:50px; line-height:25px;}
	.index2_left_num li .con{ float:none; margin-top:10px;}
	
	.index4_news2 li{ width:100%; float:none; margin-right:0%; margin-top:3%; position:relative; padding:2% 2%;}
	.index4_news1_tit, .index4_news2 li .index4_news2_tit{ font-size:18px;}
	
	
	.foot_left{ width:100%; float:none; margin-top:20px;}
	.foot_left .foot_logo img{ max-width:90%;}
	.foot_nav{ display:none;}
	
	.foot_right{ width:100%; float:none;}
	.foot_contact{ width:50%; float:right; margin-top:30px; line-height:28px;}
	.foot_contact li{ color:#a9a9a9; font-size:16px; margin-bottom:10px; line-height:28px;}
	.foot_contact li p{ font-weight:bold; color:#fff; font-size:24px;}
	.cop{ width:40%; float:left; margin-top:20px;}
	.cop img{}
	.cop p{ text-align:center; color:#a9a9a9; font-size:16px; margin-top:10px;}

	

	
	.inner_banner{ padding:20%;}
	.inner_banner img{ max-width:100%;}

	.inner_about_top1{ font-size:30px;}
	.inner_about_top2{ margin-left:16px;}
	.inner_about1{ margin-top:40px;}
	.inner_about1_num{ overflow:hidden; padding:20px 0;}
	.inner_about1_num li{ width:50%; margin-bottom:20px;}
	.inner_about1_num li p{ font-size:30px; float:none;}
	.inner_about1_num li div{ float:none; margin-top:10px;}
	
	.inner_about1_left{ width:100%; float:none;}
	.inner_about1_main{ color:#5d5d5d; font-size:16px; line-height:28px;}
	
	.inner_about1_right{ width:100%; float:none;}

	.inner_about2_bj{padding:20px 0 20px 0; overflow:hidden; margin-top:20px;}
	.inner_about2_main li{ margin-top:30px;}
	
	
	.inner_about2_main li .inner_about2_con p{ font-size:16px; margin-bottom:10px;}
	.inner_about2_main li .inner_about2_con b{ font-size:24px;}
	
	.inner_about2_main li .inner_about2_left{ width:5%; float:left;}
	.inner_about2_main li .inner_about2_left p{ width:5px; height:45px; background:#fff;}

	.inner_pro_type{margin-top:4%; overflow:hidden;}
	.inner_pro_type a{width:31.33%;height:32px;font-size:14px;line-height:32px;margin:1%;float:left;}
	.inner_pro_main{ width:100%; float:none;}

	.inner_pro_list{ border-bottom:none; border-left:none; border-right:none; background: none;}
	.inner_pro_list li{ position:relative; float:left; width:48%; border-top:none; border-right:none; margin:0 1% 10px 1%;}
	.inner_pro_list li .img{ width:100%; float: none; overflow: hidden; border:1px solid #dcdcdc; background:#fff;}
	.inner_pro_list li .img img{ width:100%;-webkit-transition: all 0.5s; transition: all 0.5s;}
	.inner_pro_list li .con{ position: relative; top:0; left:0; text-align:center;}
	.inner_pro_list li .con .title{ font-size:16px; color:#333; line-height:25px; height:50px; overflow:hidden; margin-top:10px;}
	.inner_pro_list li .con .more{ display:none;}
	.inner_pro_list li .con .more img{ margin-left:10px;}
	.inner_pro_list li:nth-child(2n){ border-right:none}
	.inner_pro_list li:nth-child(3n){ border-right:none;}

	.inner_pro_list li:hover img{
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	.inner_pro_list li:hover .con .title{ color:#154a98;}

	
	.proleft { width: 100%; float:none;}
	.proright { width: 100%; padding-bottom:20px; float:none; margin-top:30px; border-bottom:1px solid #dcdcdc; }
	.proright h3{ overflow:hidden;}
	.pro_des{ color:#666666; margin-bottom:30px; line-height:30px; margin-top:30px;}
	.pro_adv { overflow:hidden;  border-top:1px solid #dcdcdc;}
	.pro_adv li{ width:50%; margin-top:30px;}
	
	
	.pro_info_main{ margin-top:40px;}
	.pro_info_top span{ color:#000; font-size:20px; }
	.pro_info_line{ height:1px; background:#dcdcdc; margin:20px 0;}
	.pro_info_line p{ width:44px; height:3px; background:#1f7bc4;}
	
	.news_list{ margin-top:40px;}
	.news_list li{ float:left; width:100%; margin:20px 0; background:#f6f6f6; transition:all 1s;}
	.news_list li .news_con_time{ color:#666666; font-size:18px; margin-top:20px; line-height:35px;}



	.zxrz_l{ margin-top:0;}
	.newshow .newshowtit h1{ font-size:18px;}
	
	.case li{ width:100%; height: auto;transition: all 0.8s ease 0s; float:left; margin:22px 0; position:relative;}
	.case li .inner_case_img{ width:100%; height:auto; background:#fff; overflow:hidden; float:none;}
	.case li .inner_case_img img{ width:100%; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out; }
	.case li .inner_case_right{ width:100%; position:relative; float:none;}
	.case li .inner_case_tit{ margin-top:10px; font-size:24px; border-bottom:1px solid #154a98; padding-left:0%; padding-bottom:10px; color:#191919;}
	
	.case li .inner_case_con{ padding-left:0%; margin-top:10px;}
	.case li:nth-child(2n) .inner_case_img{ float: none;}
	.case li:nth-child(2n) .inner_case_con{ float:none; padding-left:0; padding-right:0%;}
	.case li:nth-child(2n) .inner_case_tit{ padding-left:0; padding-right:0%;}
	
	.inner_contact{ width:100%; float:none; }
	.inner_contact_main{ margin-top:30px;}
	.inner_contact_main ul{ float:none; width:100%;}
	.inner_contact_main ul li{ color:#353535; font-size:16px; margin-bottom:10px; line-height:28px;}
	.inner_contact_main ul li p{ font-weight:bold; color:#353535; font-size:18px;}
	.inner_contact_main .cop{ float:none;}
	.inner_contact_main .cop img{ max-width:100%;}
	
	.contact-map{ width:100%; position:relative; margin-top:50px;}
	#dituContent{ width:100%; height:437px;}
	
	
	.inner_message{ overflow:hidden; background:#fff; padding:5%;}
	.inner_message_main{ width:100%; float:none; margin-top:20px;}
	.inner_message_main .input-group{ margin-bottom:20px; width:100%; float:none; overflow:hidden;}
	.inner_message_main .input-group1{ width:100%; margin-bottom:20px;}
	.inner_message_main .input-group1 input{ border:1px solid #dcdcdc;line-height:58px; color:#898989; outline:none; width:97%; padding-left:5%;}
	.inner_message_main .input-group input{ border:1px solid #dcdcdc;line-height:58px; color:#898989; outline:none; width:95%; padding-left:5%;}
	.inner_message_main #submit{ line-height:40px; height:40px; text-align:center; color:#fff; width:50%; margin:0 auto; float:none; background:#154a98;}

	

	

	
}
@media screen and (max-width: 772px){
	
	
	
	.new_index_banner ul li div.new_index_banner_text dl { max-width: 750px; margin: 0px auto; padding: 0px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 60px; }
  	.new_index_banner ul li h3 { font-size: 26px; padding-bottom: 20px; }
  	.new_index_banner ul li p { font-size: 16px; line-height: 28px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 100px; }
  	.new_index_banner_icon p { max-width: 750px; padding: 0px 0px; }
	.new_index_banner ul li.cur h3{ font-size:30px}
	.new_index_banner ul li.cur p{ font-size:18px;}
	
	.index_adv_main li .adv_tit{ font-size:24px; color:#fff;}
	.foot_left{ width:100%; float:none; margin-top:20px;}
	.foot_left .foot_logo img{ max-width:90%;}
	.foot_nav{ display:none;}
	
	.foot_right{ width:100%; float:none;}
	.foot_contact{ width:100%; float:none; margin-top:30px; line-height:28px;}
	.foot_contact li p{ font-size:18px;}
	.cop{ width:100%; float:none; margin-top:20px;}
	
	.inner_about2_main li .inner_about2_img{ float:none; width:25%;}
	.inner_about2_main li .inner_about2_img img{ max-width:100%;}
	.inner_about2_main li .inner_about2_con{float:none; width:100%; }
	
		

}
@media screen and (max-width: 584px){
	.new_index_banner ul li div.new_index_banner_text dl { padding: 0px 10px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 24px; }
	.new_index_banner ul li.cur h3{ font-size:20px;padding-bottom:10px;}
	.new_index_banner ul li.cur p{ font-size:16px;}
}

@media screen and (max-width: 1600px) {
  .business__wrap{ width: auto;left: 12.5%; right: 12.5%; margin-left: 0;}
  .business__right { margin-right: 40px; width: 480px; }
  
}
@media screen and (max-width: 1450px) {
  .businee__left {width: 320px;}
  .business__right { width: 420px;}
  .business__ico span {font-size: 15px;}
  .business__con p {font-size: 15px;}
  .common__height { height: 816px;}
  .business-bg {height: 816px;}
  .intro__title .intro-hide strong{ font-size:38px;}

}
@media screen and (max-width: 1024px) {
  .common__height { height: auto;}
  .business-bg{ height:100%;}
  .intro__title .intro-hide strong{ font-size:30px;}
  .business__wrap {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    padding: 120px 5%;
  }
  .businee__left { width: 100%;}
  .intro__content { margin-bottom: 40px;}
  .business__right { width: 60%; margin: auto; margin-top: 60px;}
}
@media screen and (max-width: 641px) {
  .business__earth { display: none;}
  .business__ico {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    position: static;
    margin-left: 0 !important;
	transform:translateY(0);
  }
  .business__ico a {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .business__right { width: 100%; }
  .business__mode { overflow: hidden;}
  .business__ico span {
    position: static;
    margin-left: 12px;
    left: 0;
    top: 0;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    margin-bottom: 0;
    flex: 1;
    -webkit-flex: 1;
  }
  .business__ico1 {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  .business-r a {
    flex-direction: row;
    -webkit-flex-direction: row;
  }
  .business__ico b {
    width: 55px;
    height: 55px;
    font-size: 26px;
    line-height: 55px;
  }
  .business__ico span {
    white-space: normal;
    line-height: 1.4;
  }
  .business__wrap {
    padding: 80px 5% 60px;
  }
}
@media screen and (max-width: 481px) {
  .intro__content {
    margin-top: 26px;
    margin-bottom: 0;
  }
}
