/*nav*/
.navfixed { position:fixed; top:0; left:0; z-index:9999; opacity: 1; width:100%; height:80px; background-color:#FFF; border-bottom:#eee 1px solid; }
.navfull { margin:0 auto; width:98%; padding:0 1%; max-width:1760px; }
.logo{ float:left; width:160px; padding:10px 0 0 0; }
.logo img{ width:100%; }

.langs { float:right; list-style:none; overflow:hidden; }
.langs li{ float:left; height:80px; margin:0 13px; }
.langs li a{ display:block; line-height:80px; }
.langs li a.lang-url{ padding:0 0 0 55px; background:url(../images/lang_cn.jpg) no-repeat center center; background-size:auto 20px; }
.langs li a.lang-sea{ width:30px; height:80px; background:url(../images/search.png) no-repeat center center; background-size:auto 20px; }
.langs li a:hover{ color:#111111; }

.navdiv{ margin:0 auto; width:700px; }
/*
.nav{ display:block; margin:0 auto; height:100%; }
.nav li{ float:left;  margin:0 4%; }
.nav li a{ display:block; line-height:79px; text-align:center; font-size:16px; color:#111111; font-weight:bold; z-index:999; }
.nav li:hover a{ color:#003b67; border-bottom:#003b67 2px solid; }
.nav li a:hover{ font-weight:bold; }
.nav li a.on{ color:#003b67; font-weight:bold; }

.nav li .divshow2{ position:absolute; top:81px; left:0px; width:100%; min-height:80px; background:#fff; border-bottom:#eee 1px solid; z-index:999; display:none; overflow:hidden; }
.nav li .divshow2 .sub{ margin:0 auto; display:table; padding:20px 0; }
.nav li .divshow2 .sub li{ float:left; margin:0 20px; } 
.nav li .divshow2 .sub li a{ padding:5px 0; text-align:left; line-height:30px; border-bottom:0px; display:block; color:#111111; font-size:15px; cursor:pointer; }
.nav li .divshow2 .sub li a:hover{ color:#003b67; }
.nav li .divshow2 .sub li a.nock { font-weight:normal; font-size:14px; color:#666; padding:0px 0; }
.nav li .divshow2 .sub li a.nock:hover { color:#666; text-shadow:none; }
.nav li .divshow2 .subpro{ margin:0 auto; max-width:1280px; padding:25px 0; overflow:hidden; }
.nav li .divshow2 .subpro h2{ float:left; width:10%; margin:0 5% 0 0; height:40px; line-height:40px; color:#003b67; font-size:17px; background-color:#f4f4f4; text-align:center; }
.nav li .divshow2 .subpro dl{ float:right; width:85%; border-bottom:#eee 1px solid; }
.nav li:hover .divshow2 .subpro dl a { border-bottom:none; }
.nav li .divshow2 .subpro dl dt{ float:left; width:15%; }
.nav li .divshow2 .subpro dl dd{ float:left; width:85%; padding:5px 0; }
.nav li .divshow2 .subpro dl dt a{ display:block; font-size:15px; color:#666; line-height:40px; text-align:left; }
.nav li .divshow2 .subpro dl dt a:hover{ color:#003b67;  }
.nav li .divshow2 .subpro dl dd a{ float:left; width:16%; font-size:15px; color:#666; line-height:30px; font-weight:normal; text-align:left; }
.nav li .divshow2 .subpro dl dd a:hover{ color:#003b67; }
*/
.menu { display:block; margin:0 auto; height:100%; }
.menu li { float:left; position:relative; margin:0 4%; }
.menu li a { display:block; height:79px; line-height:79px; font-size:16px; color:#111111; font-weight:bold; }
.menu li:hover a{ color:#003b67; border-bottom:#003b67 2px solid; }
.menu li ul { position:absolute; left:-20px; top:81px; width:180px; background-color:#FFF; border:#e6e6e6 1px solid; display:none; }
.menu li .one { padding:20px 0; }
.menu li .one li{ display:block; width:100%; margin:0; }
.menu li .one li a { padding:0 10%; height:40px; color:#111111; line-height:40px; font-size:15px; border-bottom:none; }
.menu li .one li a:hover { color:#003b67; }
.menu li .one li:hover a { color:#003b67; }
.menu li .one li a.more { background:url(../images/mp.jpg) no-repeat 90% center; }
.menu li .one li a.more:hover { }
.menu li ul.two { left:179px; top:-21px; padding:20px 0; width:300px; }
.menu li ul.two li a{ font-size:14px; color:#111111 !important; }
.menu li ul.two li a:hover{ color:#003b67 !important; }


.menu-button { padding:32px 0 0 0; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
.menu-button .bar:nth-of-type(1) { margin-top: 0px; }
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px; }
.menu-button .bar { position: relative; display: block; width:20px; height:2px; margin: 5px auto; background-color: #111111; border-radius: 10px; -webkit-transition: 0.3s; transition: 0.3s; }
/*.menu-button:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(1.5px) rotate(-4.5deg);
      -ms-transform: translateY(1.5px) rotate(-4.5deg);
      transform: translateY(1.5px) rotate(-4.5deg);
    }
.menu-button:hover .bar:nth-of-type(2) { opacity: 0.9; }
.menu-button:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-1.5px) rotate(4.5deg);
      -ms-transform: translateY(-1.5px) rotate(4.5deg);
      transform: translateY(-1.5px) rotate(4.5deg);
}*/

.cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(7px) rotate(-45deg);
      -ms-transform: translateY(7px) rotate(-45deg);
      transform: translateY(7px) rotate(-45deg);
}
.cross .bar:nth-of-type(2) { opacity: 0; }
.cross .bar:nth-of-type(3) {
      -webkit-transform: translateY(-7px) rotate(45deg);
      -ms-transform: translateY(-7px) rotate(45deg);
      transform: translateY(-7px) rotate(45deg); }
	  
/*.cross:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(13.5px) rotate(-40.5deg);
      -ms-transform: translateY(13.5px) rotate(-40.5deg);
      transform: translateY(13.5px) rotate(-40.5deg);
    }
.cross:hover .bar:nth-of-type(2) {
      opacity: 0.1;
    }
.cross:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-13.5px) rotate(40.5deg);
      -ms-transform: translateY(-13.5px) rotate(40.5deg);
      transform: translateY(-13.5px) rotate(40.5deg);
    }*/

/*video*/
#title { width: 100%; height:100vh; margin:0; position: absolute; z-index: 2; overflow: hidden; }
#title .swiper-slide { color: #fff; width:1000px; cursor: pointer; }
#title .swiper-slide h3 { font-size: 80px; margin-top:20vw; transition: 0.3s; }
#title .swiper-slide h3 p{ font-size: 26px; padding:20px 0 0 0; }
#title .swiper-slide h3:hover {	opacity: 1; }
#title .prev h3 { opacity: 0; }
#title .next h3 { opacity: 0.25; }
#title .swiper-pagination {	width: 100%; text-align:center; bottom: 5%; }
#title .swiper-pagination .swiper-pagination-bullet { margin: 0 8px; width:100px; height:3px; border-radius:0;	background: #fff; outline: none; }

#videos { width: 100%; height:100vh; overflow:hidden; }
#videos .swiper-slide {	position: relative; }
#videos video {	width: 100%; height:100%; object-fit: cover; object-position: 50% 50%; overflow:hidden; }
/*#videos .swiper-slide .txt {
	color: #fff;
	position: absolute; left:0; top:28vw;
	width: 600px;
	margin-left: calc(50% - 490px);
	font-size: 28px;
}*/	
#videos .swiper-pagination { width: 100%; text-align:center; bottom: 5%; }
#videos .swiper-pagination .swiper-pagination-bullet { margin: 0 8px; width:100px; height:3px; border-radius:0;	background: #fff; outline: none; }

/*pro*/
.proxl_left { float:left; width:20%; height:100%; position:relative; overflow:hidden; }
.proxl_left_txt { position:absolute; left:0; top:52%; width:80%; padding:0 0 0 20%; height:645px; margin-top:-300px; }
.proxl_left_txt h2{ display:block; font-size:44px; line-height:52px; }
.proxl_left_txt p{ display:block; font-size:20px; padding:32px 0 0 0; }
.proxl_left_txt a{ position:absolute; left:20%; bottom:0; width:65%; background-color:#003b67; height:56px; line-height:54px; font-size:18px; color:#FFF; text-align:center; font-weight:bold; }

.proxl_right { float:left; width:80%; height:100%; overflow:hidden; }

.proxl_list { float:left; width:100%; height:55%; border-bottom:#eeeeee 1px solid; overflow:hidden; }
.proxl_list ul { display:block; height:100%; }
.proxl_list ul li{ float:left; width:calc(25% - 2px); height:100%; border-left:#eeeeee 1px solid; position:relative; overflow:hidden; }

.proxl_list_txt { position:absolute; left:0; top:0; width:80%; padding:130px 10% 0 10%; height:calc(100% - 130px); }
.proxl_list_txt a{ display:block; color:#111111; height:100%; }
.proxl_list_txt a:hover h2{ color:#003b67; }
.proxl_list_txt span{ display:block; font-size:28px; color:#D4D4D4; font-weight:bold; }
.proxl_list_txt h2{ display:block; font-size:24px; padding:20px 0 0 0; }
.proxl_list_txt .proxl_small { position:absolute; bottom:0; left:0; right:auto; }
.proxl_list_txt .proxl_small img{ width:100%; transition: all 0.3s; }
.proxl_list_txt a:hover .proxl_small img{ transform: scale(1.05);}

/*
.proxl_list_show { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin-left:-500px; background:url(../images/bg_lineup.jpg) no-repeat top center; background-size:100% 100%; overflow:hidden; transition: 0.3s; }
.proxl_list_show_txt { display:block; padding:220px 8% 0px 8%; text-align:center; overflow:hidden; }
.proxl_list_show_txt h2{ display:block; }
.proxl_list_show_txt h2 a{ display:block; font-size:36px; color:#FFF; }
.proxl_list_show_txt a{ display:block; width:100%; padding:10px 0; text-align:center; color:#edf4f9; font-size:15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.proxl_list_show_txt a:hover{ color:#ffffff; }
.proxl_list ul li:hover .proxl_list_show{ margin-left:0; background:url(../images/bg_lineup.jpg) no-repeat top center; background-size:100% 100%; }
*/
.proxl_list2 { float:left; width:100%; height:45%; border-bottom:#eeeeee 1px solid; overflow:hidden; }
.proxl_list2 ul { display:block; height:100%; }
.proxl_list2 ul li{ float:left; width:calc(25% - 2px); height:100%; border-left:#eeeeee 1px solid; position:relative; overflow:hidden; }

.proxl_list_txt2 { position:absolute; left:0; top:50px; width:80%; padding:0 10% 0 10%; height:calc(100% - 50px); }
.proxl_list_txt2 a{ display:block; color:#111111; height:100%; }
.proxl_list_txt2 a:hover h2{ color:#003b67; }
.proxl_list_txt2 span{ display:block; font-size:28px; color:#D4D4D4; font-weight:bold; }
.proxl_list_txt2 h2{ display:block; font-size:24px; padding:20px 0 0 0; }
.proxl_list_txt2 .proxl_small { position:absolute; bottom:0; left:0; right:auto; }
.proxl_list_txt2 .proxl_small img{ width:100%; transition: all 0.3s; }
.proxl_list_txt2 a:hover .proxl_small img{ transform: scale(1.05);}
/*
.proxl_list_show2 { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin-left:-500px; background:url(../images/bg_lineup.jpg) no-repeat top center; background-size:100% 100%; overflow:hidden; transition: 0.3s; }
.proxl_list_show_txt2 { display:block; padding:60px 8% 0px 8%; text-align:center; overflow:hidden; }
.proxl_list_show_txt2 h2{ display:block; font-size:36px; color:#FFF; padding:0 0 20px 0; }
.proxl_list_show_txt2 a{ display:block; width:100%; padding:10px 0; text-align:center; color:#edf4f9; font-size:17px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.proxl_list_show_txt2 a:hover{ color:#ffffff; }
.proxl_list2 ul li:hover .proxl_list_show2{ margin-left:0; background:url(../images/bg_lineup.jpg) no-repeat top center; background-size:100% 100%; }
*/

/*solution*/
.solu_left_a{ float:left; width:50%; height:100%; background-color:#f8f8f8; overflow:hidden; }
.solu_left_a_txt { display: flex; flex-direction: column; justify-content: center; padding:0px 20% 0 30%; height: 100%; opacity: 0; transition: all 0.5s; }
.active .solu_left_a_txt { opacity:1; transition-delay: 0.5s;}

.solu_left_a_txt a{ display:block; color:#111111; }
.solu_left_a_txt h2{ display:block; font-size:45px; }
.solu_left_a_txt p{ display:block; font-size:18px; padding:30px 0 0 0; line-height:32px; }
.solu_right_a{ float:left; width:50%; height:100%; overflow:hidden; }
.solu_right_a img{ width:100%; height:100%; }

.solu_left_b{ float:left; width:50%; height:100%; overflow:hidden; }
.solu_left_b img{ width:100%; height:100%; }
.solu_right_b{ float:left; width:50%; height:100%; background-color:#f8f8f8; overflow:hidden; }
.solu_right_b_txt { display: flex; flex-direction: column; justify-content: center; padding:0 30% 0 20%; height: 100%; }
.solu_right_b_txt a{ display:block; color:#111111; }
.solu_right_b_txt h2{ display:block; font-size:45px; }
.solu_right_b_txt p{ display:block; font-size:18px; padding:30px 0 0 0; line-height:32px; }

/*news*/
.news_div{ display: flex; flex-direction: column; justify-content: center; padding-top: 80px; height: 100%; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; }
.news_tit { display:block; text-align:center; }
.news_tit p{ display:block; color:#767676; font-size:20px; }
.news_tit h2{ display:block; font-size:36px; padding:30px 0 0 0; line-height:55px; }

.news_list { display:block; list-style:none; padding:40px 0 0 0; }
.news_list li{ float:left; width:23%; margin:50px 1% 1% 1%; overflow:hidden; opacity: 0; transition: all 0.5s; }

.active .news_list li:nth-child(1){ margin:1%; opacity:1; transition-delay: 0.5s;}
.active .news_list li:nth-child(2){ margin:1%; opacity:1; transition-delay: 0.7s;}
.active .news_list li:nth-child(3){ margin:1%; opacity:1; transition-delay: 0.9s;}
.active .news_list li:nth-child(4){ margin:1%; opacity:1; transition-delay: 1.1s;}

.news_list li a{ display:block; }
.news_list li .imgs{ width:100%; height:420px; position:relative; overflow:hidden; }
/*.news_list li .imgs img{ width:100%; height:100%; transition: all 0.4s; }
.news_list li .imgs img:hover{ transform: scale(1.05);}
*/
.news_list li .imgs img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  max-width: none;  height: 100%; width: 100%; object-fit: cover;
  transition: 0.5s cubic-bezier(0, 0.55, 0.45, 1); }
.news_list li .imgs img:hover{ transform: translate(-50%, -50%) scale(1.15); }
.news_list li .tits{ display:block; padding:10px 0 0 0; }
.news_list li .tits h2{ display:block; font-size:22px; height: 64px; line-height: 32px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; }
.news_list li .tits p{ display:block; color:#767676; padding:10px 0 0 0; }

/*about*/
.about_list { display:block; list-style:none; padding:40px 0 0 0; }
.about_list li{ float:left; width:31.33%; margin:50px 1% 1% 1%; overflow:hidden; opacity: 0; transition: all 0.5s; }

.active .about_list li:nth-child(1){ margin:1%; opacity:1; transition-delay: 0.5s;}
.active .about_list li:nth-child(2){ margin:1%; opacity:1; transition-delay: 0.7s;}
.active .about_list li:nth-child(3){ margin:1%; opacity:1; transition-delay: 0.9s;}

.about_list li a{ display:block; }
.about_list li .imgs{ width:100%; height:auto; overflow:hidden; }
.about_list li .imgs img{ width:100%; height:100%; transition: all 0.4s; }
.about_list li .imgs img:hover{ transform: scale(1.05);}
.about_list li .tits{ display:block; padding:20px 0 0 0; }
.about_list li .tits h2{ display:block; font-size:26px; }
.about_list li .tits p{ display:block; font-size:18px; padding:10px 0 0 0; line-height:30px; }

/*mail*/
.mail_form{ display:block; width:520px; margin:100px auto 0 auto; overflow:hidden; opacity: 0; transition: all 0.5s; }
.active .mail_form { margin:40px auto 0 auto; opacity:1; transition-delay: 0.4s;}

.mail_form .mail-field { float:left; padding:0 3%; width:74%; height:58px; border:none; background:#f4f4f4; font-size:16px; }
.mail_form .mail-submit { float:left; width:20%; height:58px; text-align:center; border:none; background:#767676; font-size:18px; color:#FFF; font-weight:bold; cursor:pointer; }

/*weixin*/
.wx_div{ display: flex; flex-direction: column; justify-content: center; height:60%; width:100%; max-width:720px; margin:10% auto 0 auto; }
.wx_tit { display:block; text-align:center; }
.wx_tit h2{ display:block; font-size:36px; padding:35px 0; }
.wx_tit ul{ display:block; list-style:circle; }
.wx_tit ul li{ display:block; padding:6px 0; color:#767676; text-align:left; font-size:16px; text-indent:-12px; }
.wx_tit ul li:before {
    content: "";
    display: inline-block;
    margin: 9px 8px 0 0;
    width: 4px;
    height: 4px;
    vertical-align: top;
    border-radius: 4px;
    background-color: #767676;
}

.foot_div { display:block; width:100%; height:40%; background-color:#FFF; border-top:#eeeeee 1px solid; }
.foot_divv { margin:0 auto; width:98%; max-width:1760px; padding:50px 0 0 0; }
.foot_logo { display:block; }
.foot_logo img{ height:59px; }

.foot_nav { display:block; padding:25px 0; overflow:hidden; }
.foot_nav a { display:inline-block; font-size:16px; padding:0 30px 0 0; }
.foot_cpy { display:block; font-size:13px; color:#767676; margin:40px 0 20px 0; position:relative; }
.foot_cpy a.icp{ font-size:13px; color:#767676; }
.foot_follow { position:absolute; right:0; top:0; }
.foot_follow h3{ float:left; font-weight:normal; padding-right:11px; line-height:22px; }
.foot_follow a{ display: inline-block; padding:0 5px; width:22px; height:22px; font-size:16px; }
.foot_follow a.f_ic_wx{ background:url(../images/icon_wx.png) no-repeat center center; background-size:22px 22px; }
.foot_follow a.f_ic_wb{ background:url(../images/icon_wb.png) no-repeat center center; background-size:22px 22px; }

.scroll-sitemap { position:fixed; top:0; left:0; z-index:9995; opacity: 1; width:100%; height:auto; display:none; background-color:#fff; border-bottom:#F8F8F8 20px solid; overflow:hidden; }
.scroll-menu { margin:90px auto 0 auto; max-width:1280px; overflow:hidden; }
.scroll-menu ul{ display:block; border-top:1px solid #D4D4D4; padding:25px 0; overflow:hidden; }
.scroll-menu ul li{ float:left; }
.scroll-menu ul li:nth-child(1) { width:15%; }
.scroll-menu ul li:nth-child(2) { width:85%; }
.scroll-menu ul:nth-child(1){ border-top:none; }
.scroll-menu ul li:nth-child(1) a{ font-size:26px; color:#003b67; line-height:50px; font-weight:bold; }
.scroll-menu ul li:nth-child(2) a{ float:left; width:20%; font-size:20px; line-height:50px; font-weight:bold; }

/*弹窗样式*/
.wxtc_div { width:380px; height:320px; padding:1%; background:#fff; display:none; position:relative; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
.tc_close { cursor: pointer; right: 15px; top: 15px; position: absolute; background:url(../images/tc_close.jpg) no-repeat center center; height:24px; width:24px; }
.wx_form { display:block; text-align:center; padding:50px 0 0 0; overflow:hidden; }
.wx_form h2{ display:block; font-size:18px; }
.wx_form p{ display:block; padding:20px 0 0 0; }

/*pro show*/
.proshow_area { display:block; width:100%; max-width:1920px; height:880px; padding:80px 0 0 0; overflow:hidden; }
.proshow_side { float:left; background-color:#F4F4F4; width:70%; height:100%; overflow:hidden; }
.proshow_side_model { display:block; width:90%; margin:70px 5% 0 5%; position:relative; overflow:hidden; }
.proshow_side_model .swiper-slide { text-align:center; }
.proshow_side_model .swiper-slide a{ display:block; width:100%; font-size:15px; font-weight:bold; color:#444444; text-align:center; padding:10px 0; border:1px solid #D4D4D4; border-radius: 90px; }
.proshow_side_model .swiper-slide a.on{ background-color:#003b67; color:#FFF; }
.proshow_side_pic { display:block; width:90%; margin:40px 5% 0 5%; position:relative; }
.proshow_side_pic .swiper-slide { background-color:#F4F4F4; }
.proshow_side_pic .swiper-slide img{ width:100%; mix-blend-mode:multiply; }
.proshow_side_pic .swiper-pagination-bullets, .proshow_side_pic .swiper-pagination-custom,  .proshow_side_pic .swiper-pagination-fraction { bottom:-20px !important; }
.proshow_side_pic .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #D4D4D4; display: inline-block; cursor: pointer; transition: all .2s ease-out; border-radius: 20px; opacity: 1;}
.proshow_side_pic .swiper-pagination .swiper-pagination-bullet:hover { background-color: #111111; opacity: 1;}
.proshow_side_pic .swiper-pagination .swiper-pagination-bullet-active { background-color: #111111; width:40px; }
.proshow_side_pic .swiper-button-next { background: url(../images/next.png) center no-repeat; width:28px; height:48px; opacity:0.6; }
.proshow_side_pic .swiper-button-prev { background: url(../images/prev.png) center no-repeat; width:28px; height:48px; opacity:0.6; }
.proshow_side_pic .swiper-button-next:hover { opacity:1; }
.proshow_side_pic .swiper-button-prev:hover { opacity:1; }

.proshow_info { float:left; width:20%; padding:70px 5% 0 5%; height:810px; position:relative; overflow:hidden; }
.proshow_info h2 { display:block; font-size:48px; }
.proshow_info ul{ display:block; padding:50px 0 0 0; }
.proshow_info li{ float:left; font-size:16px; padding:10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.proshow_info li:nth-child(1), .proshow_info li:nth-child(3), .proshow_info li:nth-child(5), .proshow_info li:nth-child(7){ width:43%; background: url(../images/proshow_line.jpg) no-repeat right center; }
.proshow_info li:nth-child(2), .proshow_info li:nth-child(4), .proshow_info li:nth-child(6), .proshow_info li:nth-child(8){ width:47%; margin-left:10%; }
.proshow_info a { position:absolute; left:17%; bottom:10%; width:260px; padding:15px 0; background-color:#003b67; font-size:18px; color:#FFF; font-weight:bold; text-align:center; }

.proshow_jj { display:block; width:100%; max-width:1280px; margin:120px auto 0 auto; }
.proshow_jj_l { float:left; width:45%; overflow:hidden;  }
.proshow_jj_l h2{ display:block; font-size:55px; }
.proshow_jj_r { float:left; padding:10px 0 0 0; width:55%; font-size:20px; line-height:32px; overflow:hidden; }
.proshow_jj_r p{ padding:0 0 15px 0; }

.proshow_jjtd { display:block; list-style:none; padding:60px 0; overflow:hidden; }
.proshow_jjtd li{ float:left; width:17.5%; padding:3%; margin:0 2% 0 0; background-color:#f4f4f4; }
.proshow_jjtd li:nth-child(4){ margin:0 0 0 0; }
.proshow_jjtd li figure{ width:60px; height:60px; }
.proshow_jjtd li figure img{ width:100%; }
.proshow_jjtd li .txt{ display:block; margin:40px 0 0 0; overflow:hidden; }
.proshow_jjtd li .txt p{ font-size:15px; }
.proshow_jjtd li .txt h2{ font-size:26px; padding:10px 0 0 0; }

.proshow_ld_tit { display:block; font-size:40px; font-weight:bold; padding:30px 0; overflow:hidden; }
.proshow_ld_li { display:block; }
.proshow_ld_li li{ display:inline-block; list-style:none; padding:30px 0; width:100%; }
.proshow_ld_li li .imgs{ float:left; width:48%; overflow:hidden; }
.proshow_ld_li li .imgs img{ width:100%; }
.proshow_ld_li li .txt{ float:left; width:44%; padding:6% 0 0 8%; }
.proshow_ld_li li .txt h2{ display:block; font-size:32px; padding:0 0 20px 0; }
.proshow_ld_li li .txt p{ color:#767676; font-size:16px; line-height:32px; }
.proshow_ld_li li:nth-child(2) .imgs{ float:right; width:48%; }
.proshow_ld_li li:nth-child(2) .imgs img{ width:100%; }
.proshow_ld_li li:nth-child(2) .txt{ float:left; width:44%; padding:6% 8% 0 0; }

.proshow_cs_ts { display:block; color:#767676; font-size:15px; }
.proshow_cs_ts:before {
    content: "";
    display: inline-block;
    margin: 9px 8px 0 0;
    width: 4px;
    height: 4px;
    vertical-align: top;
    border-radius: 4px;
    background-color: #767676;
}
.proshow_cs_div { display:block; margin:10px 0; border-top:#111111 1px solid; border-bottom:#111111 1px solid; overflow:hidden; }

.proshow_cs_tit { float:left; width:18%; background-color:#F4F4F4; overflow:hidden; }
.proshow_cs_tit .p1{ display:block; height:128px; padding: 0 0 0 8%; }
.proshow_cs_tit .p1 p{ font-weight:bold; line-height:128px; }
.proshow_cs_tit .p2{ display:block; border-top:#111111 1px solid; }
.proshow_cs_tit .p2 p{ font-size:12px; height:30px; line-height:30px; padding: 0 0 0 8%; overflow:hidden; }
.proshow_cs_tit .p2 p.tit{ border-bottom:#eeeeee 1px solid; font-weight:bold; }

.proshow_cs_slide { float:left; width:82%; position:relative; overflow:hidden; }
.proshow_cs_slide .swiper-slide .p1{ display:block; height:128px; padding:0 8%; text-align:center; border-right:#eeeeee 1px solid; }
.proshow_cs_slide .swiper-slide .p1 img{ width:auto; max-width:100%; max-height:90px; padding:9px 0 0 0; }
.proshow_cs_slide .swiper-slide .p1 p{ font-weight:bold; }
.proshow_cs_slide .swiper-slide .p2{ display:block; border-top:#111111 1px solid; border-right:#eeeeee 1px solid; text-align:center; }
.proshow_cs_slide .swiper-slide .p2 p{ font-size:12px; height:30px; line-height:30px; color:#767676; }
.proshow_cs_slide .swiper-slide .p2 p.tit{ border-bottom:#eeeeee 1px solid; }
.proshow_cs_slide .swiper-button-next{ display:block; width:28px; height:38px; right:0; background: url(../images/carousel_next.png) #003b67 no-repeat center center; opacity:0.7; }
.proshow_cs_slide .swiper-button-prev{ display:block; width:28px; height:38px; left:0; background: url(../images/carousel_prev.png) #003b67 no-repeat center center; opacity:0.7; }

.proshow_qa { display:block; background: url(../images/bg_qna.jpg) center top no-repeat; background-size: cover; min-height:130px; padding:35px 0; margin:100px 0 50px 0; overflow:hidden;}
.proshow_qa_inr { margin:0 auto; width:100%; max-width:1280px; overflow:hidden; }
.proshow_qa_l { float:left; width:80%; color:#FFF; overflow:hidden; }
.proshow_qa_l p{ font-size:16px; font-weight:bold; }
.proshow_qa_l h2{ padding:20px 0 0 0; font-size:26px; font-weight:normal; }
.proshow_qa_r { float:left; width:20%; text-align:center; padding:38px 0 0 0; overflow:hidden; }
.proshow_qa_r a{ display:block; padding:16px 0; background-color:#111111; color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase; }
.proshow_qa_r a:hover{ background-color:#555555; }

.proshow_qa2 { float:left; width:42%; margin:50px 0; padding:4%; background: url(../images/qa_ic.jpg) #F8F8F8 90% center no-repeat; overflow:hidden; }
.proshow_qa2 a{ display:block; color:#111111; width:100%; height:100%; }
.proshow_qa2_tit { float:left; width:100%; }
.proshow_qa2_tit h2{ background: url(../images/kefu.png) left center no-repeat; font-size:16px; padding:20px 0 20px 30px; }
.proshow_qa2_tit p{ font-size:24px; line-height:35px; }

/*service*/
.service_area { display:block; width:100%; max-width:1920px; padding:80px 0 0 0; background-color:rgba(11, 80, 242, 0.04); overflow:hidden; }
.service_inner { margin:0 auto; width:100%; max-width:1280px; padding:100px 0; overflow:hidden; }
.service_tel { display:block; }
.service_tel h2{ float:left; width:18%; font-size:30px; }
.service_tel p{ float:left; width:82%; font-size:17px; color:#767676; line-height:32px; }

.service_bg { display:block; background: url(../images/serbg.jpg) center top no-repeat; width:910px; min-height:656px; margin:0 auto; position:relative; overflow:hidden; }
.service_bg .sf1 { position:absolute; left:0; top:325px; width:100%; }
.service_bg .sf1 li{ float:left; }
.service_bg .sf1 li:nth-child(1){ padding:0 0 0 45px; font-size:20px; font-weight:bold; }
.service_bg .sf1 li:nth-child(2){ padding:60px 0 0 32px; font-size:16px; color:#003b67; font-weight:bold; }
.service_bg .sf1 li:nth-child(3){ padding:0px 0 0 67px; font-size:28px; color:#ffffff; font-weight:bold; }
.service_bg .sf1 li:nth-child(4){ padding:60px 0 0 65px; font-size:16px; color:#003b67; font-weight:bold; }
.service_bg .sf1 li:nth-child(5){ padding:0 0 0 45px; font-size:20px; font-weight:bold; }
.service_bg .sf2 { position:absolute; left:0; top:440px; width:100%; }
.service_bg .sf2 li{ float:left; width:50%; font-size:15px; color:#003b67; font-weight:bold; }
.service_bg .sf2 li:nth-child(1){ }
.service_bg .sf2 li:nth-child(2){ text-align:right; }
.service_bg .sf3 { position:absolute; left:0; bottom:45px; width:100%; font-size:16px; color:#003b67; font-weight:bold; text-align:center; }

.service_bx { display:block; width:100%; margin:50px 0; overflow:hidden; }
.service_bx li{ float:left; width:26%; padding:3%; margin-right:2%; height:260px; list-style:none; }
.service_bx li h2{ display:block; font-size:27px; line-height:45px; }
.service_bx li:nth-child(1){ background: url(../images/ser_bx01.png) #F4F4F4 80% 80% no-repeat; background-size:64px 64px; }
.service_bx li:nth-child(2){ background: url(../images/ser_bx02.png) #F4F4F4 80% 80% no-repeat; background-size:64px 64px; }
.service_bx li:nth-child(3){ margin-right:0; background: url(../images/ser_bx03.png) #F4F4F4 80% 80% no-repeat; background-size:64px 64px; }

/*news list*/
.newsl_inner { margin:0 auto; width:100%; max-width:1280px; padding:100px 0; overflow:hidden; }
.newsl_tit { display:block; font-size:60px; font-weight:bold; padding:50px 0; border-bottom:#111111 2px solid; overflow:hidden; }

.newsl_list { display:block; list-style:none; padding:40px 0 0 0; }
.newsl_list li{ float:left; width:31.33%; margin:2% 3% 2% 0; overflow:hidden; }
.newsl_list li a{ display:block; }
.newsl_list li .imgs{ width:100%; height:270px; position:relative; overflow:hidden; }
.newsl_list li .imgs img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  max-width: none;  height: 100%; width: 100%; object-fit: cover;
  transition: 0.5s cubic-bezier(0, 0.55, 0.45, 1); }
.newsl_list li .imgs img:hover{ transform: translate(-50%, -50%) scale(1.15); }
.newsl_list li .tits{ display:block; padding:10px 0 0 0; }
.newsl_list li .tits h2{ display:block; font-size:22px; height: 64px; line-height: 32px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; }
.newsl_list li .tits p{ display:block; color:#767676; padding:10px 0 0 0; }
.newsl_list li:nth-child(3n) { margin:2% 0% 2% 0; }
.vmore { display:block; width:100%; text-align:center; padding:20px 0; overflow:hidden; }
.vmore a{ display:block; margin:0 auto; padding:15px 0; width:200px; border-radius:39px; border:#D4D4D4 1px solid; font-size:18px; font-weight:bold; color:#111111; overflow:hidden; }

.newsl_view_tit { display:block; font-size:45px; font-weight:bold; padding:50px 10%; text-align:center; border-bottom:#111111 2px solid; overflow:hidden; }
.newsl_view_tit .date{ display:block; font-size:14px; color:#A9A9A9; margin:20px 0 0 0; font-weight:normal; }
.newsl_view_txt { padding: 60px 40px 80px; word-break: break-all; font-size: 16px; color: #767676; line-height:28px; }
.newsl_view_txt img { max-width:100%; padding:5px 0; }

.newsl_view_sx { display:block; border-top:1px solid #A9A9A9; border-bottom:1px solid #A9A9A9; overflow:hidden; }
.newsl_view_sx li { float:left; list-style:none; }
.newsl_view_sx li a{ font-size:16px; }
.newsl_view_sx li:nth-child(1) { float:left; padding:30px 2%; width:43%; }
.newsl_view_sx li:nth-child(1) a{ display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newsl_view_sx li:nth-child(2) { float:left; padding:30px 0; width:6%; background-color:#111111; text-align:center; }
.newsl_view_sx li:nth-child(2) a{ display:block; color:#FFF; }
.newsl_view_sx li:nth-child(3) { float:left; padding:30px 2%; width:43%; }
.newsl_view_sx li:nth-child(3) a{ display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

/*about*/
.about_tit { margin:0 auto; width:100%; max-width:1280px; padding:100px 0; overflow:hidden; }
.about_tit p{ padding:50px 0 0 0; text-align:center; font-size:32px; font-weight:bold; line-height:45px; }
.about_bg { display:block; width:100%; height:auto; position:relative; background: url(../images/about01.jpg) left top no-repeat; background-size:45% 100%; overflow:hidden; }

.about_inner { margin:0 auto; width:100%; max-width:1280px; padding:0px 0; overflow:hidden; }
.about_his_l { float:left; width:35%; padding:60px 0 0 10%; overflow:hidden; }
.about_his_l h2{ display:block; font-size:40px; color:#FFF; padding:25px 0; }
.about_his_l p{ display:block; font-size:30px; color:#FFF; }
.about_his_r { float:left; width:55%; overflow:hidden;}
.about_his_r ul{ display:block; list-style:none; margin:5px 0; border-bottom:#f8f8f8 1px solid; overflow:hidden; }
.about_his_r ul li{ float:left; padding:3%; }
.about_his_r ul li:nth-child(1){ width:22%; text-align:center; font-size:20px; font-weight:bold; }
.about_his_r ul li:nth-child(2){ width:66%; font-size:18px; line-height:30px; }
.about_his_r ul:last-child{ border-bottom:none;  }

.about_wm { display:block; margin:80px 0 0 0; height:480px; background: url(../images/about_whyus.jpg) center top no-repeat; overflow:hidden; }
.about_wm div { position:relative; margin:0 auto; width:100%; max-width:1280px; }
.about_wm div p{ line-height:36px; font-size:24px; color:#FFF; padding:150px 0 0 0; }
.about_wm div p strong{ display:block; font-size:64px; padding:0 0 40px 0; line-height:80px; }

.about_yx { display:block; padding:50px 0; overflow:hidden; }
.about_yx h2{ float:left; width:38%; font-size:60px; padding:0 2% 0 0; }
.about_yx p{ float:left; width:60%; font-size:20px; line-height:32px; }
.about_yx p strong{ display:block; padding:5px 0 20px 0; }

.about_yx_li { display:block; width:100%; margin:50px 0; overflow:hidden; }
.about_yx_li li{ float:left; width:calc(26% - 3px); padding:3%; margin-right:2%; height:180px; border:1px solid #D4D4D4; list-style:none; }
.about_yx_li li p{ display:block; padding:100px 0 0 0; font-size:18px; line-height:40px; color:#4cb034; }
.about_yx_li li h2{ display:block; font-size:32px; line-height:45px; }
.about_yx_li li:nth-child(1){ background: url(../images/about_yx01.png) 10% 10% no-repeat; background-size:60px 60px; }
.about_yx_li li:nth-child(2){ background: url(../images/about_yx02.png) 10% 10% no-repeat; background-size:60px 60px; }
.about_yx_li li:nth-child(3){ margin-right:0; background: url(../images/about_yx03.png) 10% 10% no-repeat; background-size:60px 60px; }

.about_cpls { display:block; font-size:40px; font-weight:bold; padding:30px 0; overflow:hidden; }
.about_cpls_li { display:block; }
.about_cpls_li li{ float:left; width:17%; padding:3%; margin-right:2%; height:280px; list-style:none; }
.about_cpls_li li p{ display:block; font-size:16px; font-weight:bold; color:#4cb034; }
.about_cpls_li li h2{ display:block; font-size:15px; padding:15px 0 10px 0; }
.about_cpls_li li span{ font-size:14px; color:#767676; }
.about_cpls_li li:nth-child(1){ background: url(../images/pro_small_tc.png) #F4F4F4 left bottom no-repeat; background-size:40% auto; }
.about_cpls_li li:nth-child(2){ background: url(../images/pro_small_2.png) #F4F4F4 left bottom no-repeat; background-size:40% auto; }
.about_cpls_li li:nth-child(3){ background: url(../images/pro_small_3.png) #F4F4F4 left bottom no-repeat; background-size:40% auto; }
.about_cpls_li li:nth-child(4){ margin-right:0; background: url(../images/pro_small_4.png) #F4F4F4 left bottom no-repeat; background-size:40% auto; }

.about_xy { display:block; padding:50px 0; background: url(../images/about_whyus_action.jpg) no-repeat 0 0; background-size:100% 100%; overflow:hidden; }
.about_xy_tit { display:block; color:#FFF; overflow:hidden; }
.about_xy_tit h2{ display:block; font-size:40px; padding:20px 0; overflow:hidden; }
.about_xy_tit p{ display:block; font-size:23px; line-height:32px; }

.about_xy_li { display:block; margin:60px 0; overflow:hidden; }
.about_xy_li li{ float:left; width:20%; height:200px; color:#FFF; list-style:none; }
.about_xy_li li h2{ display:block; font-size:24px; font-weight:bold; padding:50px 0 10px 0; }
.about_xy_li li p{ display:block; font-size:18px; font-weight:bold; }
.about_xy_li li h3{ width:100%; height:60px; background: url(../images/about_xy_jt.png) 80% center no-repeat; }
.about_xy_li li:nth-child(1){ background: url(../images/about_xy01.png) left top no-repeat; background-size:60px 60px; }
.about_xy_li li:nth-child(2){ background: url(../images/about_xy02.png) left top no-repeat; background-size:60px 60px; }
.about_xy_li li:nth-child(3){ background: url(../images/about_xy03.png) left top no-repeat; background-size:60px 60px; }
.about_xy_li li:nth-child(4){ background: url(../images/about_xy04.png) left top no-repeat; background-size:60px 60px; }
.about_xy_li li:nth-child(5){ background: url(../images/about_xy05.png) left top no-repeat; background-size:60px 60px; }
.about_xy_li li:nth-child(5) h3{ background:none; }

/*contact*/
.contact_tit{ display:block; padding:50px 0; }
.contact_tit h2{ display:block; font-size:64px; }
.contact_tit p{ text-align:left; font-size:24px; font-weight:normal; padding:0; }
.contact_guide { display:block; padding:2%; background-color:#F8F8F8; font-size:16px; color:#767676; overflow:hidden; }

.contact_form { display:block; padding:20px 0; overflow:hidden; }
.contact_form div{ display:block; padding:15px 0; list-style:none; overflow:hidden; }
.contact_form div li{ float:left; }
.contact_form div li:nth-child(1){ width:16%; padding:0 0 0 4%; font-size:16px; font-weight:bold; line-height:50px; }
.contact_form div li:nth-child(1) span{ color:#F00; padding:0 5px; }
.contact_form div li:nth-child(2){ width:80%; }
.contact_form div li:nth-child(2) input{ width:80%; border: 1px solid #D4D4D4; height:48px; line-height:46px; padding:0 2%; }
.contact_form div li:nth-child(2) textarea { width:80%; border: 1px solid #D4D4D4; font-size:16px; height:128px; line-height:46px; padding:0 2%; font-family:"微软雅黑","Microsoft YaHei"; }
.contact_form .but { text-align:center; }
.contact_form .but input{ width:200px; padding:15px 0; background-color:#003b67; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:2px; cursor:pointer; }

/*global*/
.global { display:block; padding:30px 0; min-height:400px; overflow:hidden; }
.global h2{ display:block; font-size:32px; font-weight:normal; padding:20px 0; overflow:hidden; }
.global ul { display:block; background-color: #F8F8F8; padding:3%; overflow:hidden; }
.global ul li{ float:left; width:25%; }
.global ul li a{ display:block; font-size:18px; padding:0 0 0 16%; color:#111111; }
.global ul li:nth-child(1){ background: url(../images/lang_cn.jpg) no-repeat left center; background-size:37px auto; }
.global ul li:nth-child(2){ background: url(../images/lang_en.jpg) no-repeat left center; background-size:37px auto; }
.global ul li:nth-child(3){ background: url(../images/lang_ru.jpg) no-repeat left center; background-size:37px auto; }

/*search*/
.search_tit { display:block; font-size:64px; font-weight:bold; padding:60px 0 40px 0; text-align:center; overflow:hidden; }
.search_form { margin:0 auto; width:50%; border-bottom:#111111 2px solid; padding:10px 0; overflow:hidden; }
.search_form .search-field{ float:left; padding:0; width:90%; height:44px; line-height:44px; border:none; font-size:28px; background-color: transparent; }
.search_form .search-submit{ float:left; width:10%; height:44px; border:0px; cursor:pointer; background:url(../images/search.png) no-repeat center center; }

.search_jg_tit { display:block; font-size:28px; font-weight:bold; padding:40px 0; overflow:hidden; }
.search_jg { display:block; list-style:none; min-height:200px; overflow:hidden; }
.search_jg li{ float:left; width:calc(19% - 2px); padding:2%; margin:0 2.5% 3% 0; border:#eee 1px solid; text-align:center; overflow:hidden; }
.search_jg li a{ display:block; color:#111111; }
.search_jg li .imgs{ width:100%; }
.search_jg li .imgs img{ width:100%; }
.search_jg li .info{ display:block; }
.search_jg li .info h2{ padding:15px 0; font-size:20px; }
.search_jg li .info p{ font-size:14px; line-height:26px; }
.search_jg li .info p.p1{ color:#767676; padding:8px 0 0 0; }
.search_jg li .info p.p2{ font-weight:bold; }
.search_jg li:nth-child(4n) { margin:0 0 2% 0; }

.solution_tit { display:block; font-size:24px; font-weight:normal; overflow:hidden; padding:20px 0 0 0; }
.solution_list { display:block; list-style:none; padding:40px 0 0 0; overflow:hidden; }
.solution_list li{ display:block; width:96%; padding:2%; margin:2% 0; overflow:hidden; }
.solution_list li .imgs{ float:left; width:32%; }
.solution_list li .imgs img{ width:100%; }
.solution_list li .tits{ float:left; width:65%; padding:0 0 0 3%; min-height:200px; position:relative; }
.solution_list li .tits h2{ display:block; font-size:28px; padding:10px 0; }
.solution_list li .tits p{ color:#767676; font-size:18px; line-height:26px; }
.solution_list li:nth-child(2n-1) { background-color:#f8f8f8; }
.solution_list li .tits .ppx { position:absolute; left:5%; bottom:0; }
.solution_list li .tits .ppx a{ padding:6px 16px; border:1px solid #D4D4D4; color:#767676; background-color:#EEEEEE; font-size:16px; border-radius:99px; margin:0 10px 0 0; }


@media (max-width:768px) {
	.navdiv { display:none; }
	
	#fp-nav.right { right:0 !important; }
	
	/*nav*/
	.navfixed { height:52px; }
	.navfull { margin:0 auto; width:96%; padding:0 2%; max-width:1760px; }
	
	.logo{ width:34%; padding:7px 0 0 0; text-align:center; }
	.logo img{ width:auto; height:37px; }
	.langs { width:50%; }
	.langs li{ height:52px; margin:0 4%; }
	.langs li:nth-child(3){ float:right; }
	.langs li a{ line-height:58px; }
	.langs li a.lang-url{ padding:0 0 0 55px; }
	.langs li a.lang-sea{ height:58px; }
	.menu-button { padding:21px 0 0 0; }
	
	/*video*/
	#title .swiper-slide { width:600px; text-align:right; }
	#title .swiper-slide h3 { font-size: 36px; margin-top:60vw; }
	#title .swiper-slide h3 p{ font-size: 16px; padding:20px 0 0 0; }

	/*pro*/
	.proxl_left { display:none; }
	.proxl_right { float:none; display:block; width:100%; height:100%; }
	
	.proxl_list_txt { padding:100px 10% 0 10%; height:calc(100% - 100px); }
	.proxl_list_txt span{ font-size:20px; }
	.proxl_list_txt h2{ font-size:16px; }
	.proxl_list_txt .proxl_small { bottom:8%; }
	.proxl_list_txt .proxl_small img{ width:90%; }
	.proxl_list_show_txt { padding:100px 8% 0px 8%; }
	.proxl_list_show_txt h2{ font-size:18px; }
	.proxl_list_show_txt a{ font-size:14px; }
	
	.proxl_list_txt2 { top:40px; height:calc(100% - 40px); }
	.proxl_list_txt2 span{ font-size:20px; }
	.proxl_list_txt2 h2{ font-size:16px; }
	.proxl_list_txt2 .proxl_small { bottom:10%; }
	.proxl_list_txt2 .proxl_small img{ width:90%; }
	.proxl_list_show_txt2 { padding:100px 8% 0px 8%; }
	.proxl_list_show_txt2 h2{ font-size:18px; }
	.proxl_list_show_txt2 a{ font-size:14px; }
	
	
	/*solution*/
	.solu_left_a{ float:inherit; display:block; width:100%; height:50vh; }
	.solu_left_a_txt { padding:0 10%; }
	.solu_left_a_txt h2{ font-size:24px; padding:10px 0 0 0; }
	.solu_left_a_txt p{ font-size:14px; padding:20px 0 0 0; line-height:26px; }
	.solu_right_a{ float:inherit; display:block; width:100%; height:auto; }
	.solu_left_b{ float:inherit; display:block; width:100%; height:50vh; }
	.solu_right_b{ float:inherit; display:block; width:100%; height:50vh; }
	.solu_right_b_txt { padding:0 10%; }
	.solu_right_b_txt h2{ font-size:24px; }
	.solu_right_b_txt p{ font-size:14px; padding:20px 0 0 0; line-height:26px; }

	.fp-controlArrow.fp-prev { left:8% !important; width:30px !important; height:40px !important; }
	.fp-controlArrow.fp-next { right:8% !important; width:30px !important; height:40px !important;}
	
	/*news*/
	.news_tit { padding:0 5%; }
	.news_tit p{ font-size:14px; }
	.news_tit h2{ font-size:24px; padding:10px 0 0 0; line-height:35px; }
	.news_list { padding:20px 5% 0 5%; }
	.news_list li{ float:inherit; display:block; width:100%; height:18vh; margin:0; }
	.news_list li .imgs{ float:left; width:32%; height:16vh; }
	.news_list li .tits{ padding:0px 0 0 35%; }
	.news_list li .tits h2{ font-size:14px; height: auto; line-height: 22px; overflow:inherit; }
	
	/*about*/
	.news_div { padding-top:70px; }
	.about_list { padding:30px 5% 0 5%; }
	.about_list li{ float:none; display:block; width:100%; margin:2vh 0; }
	.about_list li .imgs{ float:left; width:40%; height:18vh; }
	.about_list li .imgs img{ height:auto; }
	.about_list li .tits{ float:left; width:55%; padding:5px 0 0 5%; }
	.about_list li .tits h2{ font-size:18px; }
	.about_list li .tits p{ font-size:14px; padding:10px 0 0 0; line-height:22px; }
	
	/*mail*/
	.mail_form{ width:90%; margin:60px auto 0 auto; }
	.mail_form .mail-submit { font-size:16px; }

	/*weixin*/
	.wx_div{ height:70%; }
	.wx_tit { width:90%; padding:30px 5% 0 5%; overflow:hidden; }
	.wx_tit img{ width:35%; }
	.wx_tit h2{ font-size:18px; padding:20px 0; }
	.wx_tit ul{ padding:0 5%; }
	.wx_tit ul li{  font-size:14px; }
	.foot_div { height:30%; }
	.foot_divv { width:90%;padding:20px 0 0 0; }
	.foot_logo img{ height:37px; }
	.foot_nav { padding:10px 0; }
	.foot_nav a { font-size:13px; padding:0 8px 0 0; }
	.foot_cpy { margin-top:10px; height:50px; }
	.foot_cpy a.icp{ display:block; }
	.foot_follow { top:auto; bottom:0; }
	
	.scroll-menu { margin:51px auto 0 auto; }
	.scroll-menu ul{ width:90%; padding:2% 5%; }
	.scroll-menu ul li{ float:none; display:block; }
	.scroll-menu ul li:nth-child(1) { width:100%; }
	.scroll-menu ul li:nth-child(2) { width:100%; }
	.scroll-menu ul li:nth-child(1) a{ font-size:16px; line-height:40px; }
	.scroll-menu ul li:nth-child(2) a{ width:33.33%; font-size:15px; line-height:40px; }

	/*弹窗样式*/
	.wxtc_div { width:90%; height:320px; }
	.wx_form img{ width:45%; }
	
	/*pro show*/
	.proshow_area { height:auto; padding:50px 0 20px 0; }
	.proshow_side { float:none; display:block; width:100%; }
	.proshow_side_model { margin:20px 5% 0 5%; }
	.proshow_side_model .swiper-slide a{ font-size:14px; padding:8px 0; }
	.proshow_side_pic { margin:40px 5%; }
	.proshow_info { float:none; display:block; width:90%; padding:30px 5% 0 5%; height:auto; }
	.proshow_info h2 { font-size:24px; }
	.proshow_info ul{ padding:20px 0 0 0; overflow:hidden; }
	.proshow_info li{ font-size:16px; }
	.proshow_info li:nth-child(1), .proshow_info li:nth-child(3), .proshow_info li:nth-child(5), .proshow_info li:nth-child(7){ display:block; width:100%; font-weight:bold; background:none; }
	.proshow_info li:nth-child(2), .proshow_info li:nth-child(4), .proshow_info li:nth-child(6), .proshow_info li:nth-child(8){ display:block; width:100%; margin-left:0%; }
	.proshow_info a { position:inherit; display:block; left:0; bottom:0; margin:30px 0 0 0; width:100%; padding:10px 0; font-size:16px; }
	
	.proshow_jj { margin:50px auto 0 auto; padding:0 5%; width:90%; }
	.proshow_jj_l { float:none; display:block; width:100%; }
	.proshow_jj_l h2{ font-size:30px; }
	.proshow_jj_r { float:none; width:100%; font-size:16px; line-height:28px; padding:20px 0 0 0;}
	.proshow_jj_r p{ padding:0 0 10px 0; }
	
	.proshow_jjtd { padding:20px 0; }
	.proshow_jjtd li{ width:39%; padding:5%; margin:0 2% 2% 0; }
	.proshow_jjtd li:nth-child(2){ margin:0 0 0 0; }
	.proshow_jjtd li:nth-child(4){ margin:0 0 0 0; }
	.proshow_jjtd li figure{ width:40px; height:40px; }
	.proshow_jjtd li .txt{  margin:20px 0 0 0; }
	.proshow_jjtd li .txt p{ font-size:13px; height:40px; line-height:20px; }
	.proshow_jjtd li .txt h2{ font-size:17px; }
	.proshow_ld_tit { font-size:24px; padding:20px 0; }
	.proshow_ld_li li{ padding:20px 0; }
	.proshow_ld_li li .imgs{ float:none; display:block; width:100%; }
	.proshow_ld_li li .txt{ float:none; display:block; width:100%; padding:6% 0 0 0; }
	.proshow_ld_li li .txt h2{ font-size:20px; padding:0 0 10px 0; }
	.proshow_ld_li li .txt p{ font-size:14px; line-height:24px; }
	.proshow_ld_li li:nth-child(2) .imgs{ float:none; width:100%; }	
	.proshow_ld_li li:nth-child(2) .txt{ float:none; width:100%; padding:6% 0 0 0; }
		
	.proshow_cs_ts { font-size:14px; }
	.proshow_cs_tit { float:left; width:32%; }
	.proshow_cs_slide { width:68%; position:relative; }
	.proshow_cs_slide .swiper-button-next{ display:block; width:28px; height:28px; right:0; background: url(../images/carousel_next.png) #003b67 no-repeat center center; opacity:0.7; }
	.proshow_cs_slide .swiper-button-prev{ display:block; width:28px; height:28px; left:0; background: url(../images/carousel_prev.png) #003b67 no-repeat center center; opacity:0.7; }
	.proshow_qa { padding:35px 5%; margin:50px 0 50px 0; }
	.proshow_qa_l { float:none; width:100%; }
	.proshow_qa_l p{ font-size:14px; }
	.proshow_qa_l h2{ font-size:18px; }
	.proshow_qa_r { float:none; display:block; width:100%; }
	.proshow_qa_r a{ padding:12px 0; font-size:16px; }
	.proshow_qa2 { float:none; display:block; width:78%; margin:50px 5%; padding:6%; }
	.proshow_qa2_tit h2{ font-size:14px; }
	.proshow_qa2_tit p{ font-size:16px; line-height:24px; }
	
	/*service*/
	.service_area { padding:50px 0 0 0; }
	.service_inner { width:90%; padding:50px 5% 0px 5%; }
	.service_tel h2{ float:none; display:block; width:100%; font-size:20px; }
	.service_tel p{ float:none; display:block; padding:20px 0 0 0; width:100%; font-size:14px; line-height:24px; }
	.service_bg { background: url(../images/serbgm.jpg) center top no-repeat; background-size:100% auto; width:100%; min-height:640px; }
	.service_bg .sf1, .service_bg .sf2, .service_bg .sf3 { display:none; }
	.service_bx { margin:20px 0; }
	.service_bx li{ float:none; display:block; width:80%; padding:10%; margin:0 0 2% 0; height:80px; }
	.service_bx li h2{ font-size:20px; line-height:30px; }
	.service_bx li:nth-child(1){ background: url(../images/ser_bx01.png) #F4F4F4 90% 80% no-repeat; background-size:50px 50px; }
	.service_bx li:nth-child(2){ background: url(../images/ser_bx02.png) #F4F4F4 90% 80% no-repeat; background-size:50px 50px; }
	.service_bx li:nth-child(3){ margin-right:0; background: url(../images/ser_bx03.png) #F4F4F4 90% 80% no-repeat; background-size:50px 50px; }
	
	/*news list*/
	.newsl_inner { width:90%; padding:50px 5%; }
	.newsl_tit { font-size:30px; padding:30px 0; }
	.newsl_list li{ float:none; display:block; width:100%; margin:2% 0 50px 0; }
	.newsl_list li .imgs{ height:200px; }
	.newsl_list li .tits h2{ font-size:16px; height:48px; line-height:24px; }
	.newsl_list li .tits p{ font-size:12px; }
	.newsl_list li:nth-child(3n) { margin:2% 0 50px 0; }
	.vmore { display:block; width:100%; text-align:center; padding:20px 0; overflow:hidden; }
	.vmore a{ padding:10px 0; width:50%; font-size:14px; }
	
	.newsl_view_tit { font-size:22px; padding:30px 0; }
	.newsl_view_txt { padding: 20px 0 40px; font-size:15px; line-height:26px; }
	.newsl_view_sx li { float:none; display:block;  }
	.newsl_view_sx li a{ font-size:14px; }
	.newsl_view_sx li:nth-child(1) { float:none; display:block; padding:15px 0; width:100%; }
	.newsl_view_sx li:nth-child(2) { float:none; display:block; padding:10px 0; width:100%; }
	.newsl_view_sx li:nth-child(3) { float:none; display:block; padding:15px 0; width:100%; }
	
	/*about*/
	.about_tit { width:90%; padding:30px 5%; }
	.about_tit p{ font-size:20px; line-height:35px; }
	.about_bg { width:90%; padding:0 5%; height:auto; background: url(../images/about01.jpg) left top no-repeat; background-size:100% 150px; }
	.about_inner { padding:30px 0; }
	
	.about_wm { margin:50px 0 0 0; height:260px; background-size:cover; }
	.about_wm div { padding:0 8%; width:84%; }
	.about_wm div p{ line-height:20px; font-size:14px; padding:50px 0 0 0; text-align:center; }
	.about_wm div p strong{ font-size:32px; padding:0 0 20px 0; line-height:42px; }
	
	
	
	.about_his_l { float:none; display:block; width:100%; padding:0 0 0 0; height:150px; text-align:right; }
	.about_his_l h2{ font-size:22px; padding:5px 0; }
	.about_his_l p{ font-size:16px; }
	.about_his_r { float:none; display:block; width:100%; }
	.about_his_r ul li:nth-child(1){ font-size:18px; }
	.about_his_r ul li:nth-child(2){ font-size:15px; line-height:22px; }
	.about_yx { width:90%; padding:20px 5%; }
	.about_yx h2{ float:none; display:block; width:100%; font-size:32px; padding:0 0 0 0; }
	.about_yx p{ float:none; display:block; width:100%; font-size:15px; line-height:24px; padding:20px 0 0 0; }
	.about_yx_li { width:90%; margin:20px 0; padding:0 5%; }
	.about_yx_li li{ float:none; display:block; width:90%; padding:5%; margin-right:0; margin-bottom:10px; height:auto; }
	.about_yx_li li p{ padding:60px 0 0 0; font-size:14px; line-height:30px; }
	.about_yx_li li h2{ font-size:18px; line-height:35px; }
	.about_yx_li li:nth-child(1), .about_yx_li li:nth-child(2), .about_yx_li li:nth-child(3){ background-size:50px 50px; }
	
	.about_cpls { width:90%; font-size:20px; padding:20px 5%; }
	.about_cpls_li { width:90%; padding:0 5%; }
	.about_cpls_li li{ float:none; display:block; width:90%; padding:5%; margin-right:0; margin-bottom:10px; height:180px; }
	.about_cpls_li li:nth-child(1){ background-size:30% auto; }
	.about_cpls_li li:nth-child(2){ background-size:30% auto; }
	.about_cpls_li li:nth-child(3){ background-size:30% auto; }
	.about_cpls_li li:nth-child(4){ background-size:30% auto; }
	
	.about_xy { width:90%; padding:20px 5%; }
	.about_xy_tit h2{ font-size:20px; padding:10px 0; }
	.about_xy_tit p{ font-size:16px; line-height:24px; }
	.about_xy_li { margin:30px 0; }
	.about_xy_li li{ float:left; width:50%; height:auto; margin:40px 0; text-align:center; }
	.about_xy_li li h2{ font-size:17px; padding:60px 0 0 0; }
	.about_xy_li li p{ display:block; font-size:17px; font-weight:bold; }
	.about_xy_li li h3{ display:none; }
	.about_xy_li li:nth-child(1){ background: url(../images/about_xy01.png) center top no-repeat; background-size:50px 50px; }
	.about_xy_li li:nth-child(2){ background: url(../images/about_xy02.png) center top no-repeat; background-size:50px 50px; }
	.about_xy_li li:nth-child(3){ background: url(../images/about_xy03.png) center top no-repeat; background-size:50px 50px; }
	.about_xy_li li:nth-child(4){ background: url(../images/about_xy04.png) center top no-repeat; background-size:50px 50px; }
	.about_xy_li li:nth-child(5){ background: url(../images/about_xy05.png) center top no-repeat; background-size:50px 50px; }
	
	/*contact*/
	.contact_tit{ padding:40px 0 20px 0; }
	.contact_tit h2{ font-size:32px; padding:5px 0; }
	.contact_tit p{ font-size:16px; line-height:24px; }
	.contact_guide { font-size:14px; }
	.contact_form div{ padding:10px 0; }
	.contact_form div li{ float:none; display:block; }
	.contact_form div li:nth-child(1){ width:100%; padding:0 0 0 0; }
	.contact_form div li:nth-child(2){ width:100%; }
	.contact_form div li:nth-child(2) input{ width:95%; padding:0 2%; }
	.contact_form div li:nth-child(2) textarea { width:95%; padding:0 2%; font-size:15px; line-height:28px; }
	.contact_form .but input{ width:100%; padding:10px 0; font-size:16px;  }
	
	/*global*/
	.global {  min-height:200px; }
	.global h2{ font-size:22px; }
	.global ul li{ float:none; display:block; width:95%; padding:15px 0; margin:0 5%; }
	.global ul li a{ font-size:15px; padding:0 0 0 18%; }
	
	/*search*/
	.search_tit { font-size:32px; padding:40px 0 20px 0; }
	.search_form { width:80%; padding:0; }
	.search_form .search-field{ font-size:18px; }
	.search_jg_tit { font-size:18px; padding:20px 0; }
	.search_jg li{ float:none; display:block; width:calc(96% - 2px); padding:2%; margin:0 0 4% 0; }
	
	.solution_tit { font-size:16px; }
	.solution_list li{ width:92%; padding:4%; }
	.solution_list li .imgs{ float:none; display:block; width:100%; }
	.solution_list li .tits{ float:none; display:block; width:100%; min-height:180px; padding:0 0 0 0; }
	.solution_list li .tits h2{ font-size:20px; }
	.solution_list li .tits p{ font-size:15px; line-height:24px; }
	.solution_list li .tits .ppx { position:inherit; left:0; padding:20px 0 0 0; }
	.solution_list li .tits .ppx a{ float:left; padding:3px 16px; font-size:15px; margin:0 10px 5px 0; }
	
}

@media only screen and (min-width: 768px) and (max-width: 1000px){
	.navdiv { display:none; }
}
@media (min-width: 1000px) and (max-width:1470px) {
	.proshow_side_model .swiper-slide a{ width:auto; }
	#title .swiper-slide h3 { font-size: 70px; }
	#title .swiper-slide h3 p{ font-size: 20px; }
	
	.proxl_list_txt .proxl_small img{ width:75%; }
	.proxl_list_txt2 .proxl_small img{ width:75%; }
}

@media (min-width: 1000px) and (max-width: 1360px){
	.navfixed, .proxl_left, .proxl_right, .solu_left_a, .news_div, .wx_div, .foot_div { zoom:80%; }
	.scroll-menu, .newsl_inner { zoom:80%; }
	.proshow_area, .proshow_qa, .proshow_qa_inr { zoom:80%; }
	
	.proshow_jj { zoom:88%; }
	
	.service_area, .service_inner { zoom:80%; }
	.about_tit, .about_bg, .about_inner, .about_wm { zoom:88%; }
	
	
	.about_wm { margin:50px 0 0 0; }
}