@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
a { text-decoration: none; outline: none;}
.hidden { display: none; }
.invisible { visibility: hidden; }
p[style='color:red;font-weight:600'] { display:none!important; }
html {
  scroll-behavior: smooth;
}
/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #333; }
a:hover { color: #254485; }


.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden;}
.in {width: 1400px; margin: 0 auto; }
@media (max-width: 1600px){
	.in { width:1200px}
}
@media (max-width: 1200px){
    .in { width:92%}
}
/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:84px}
.header .in{ height:100%; }
.header .logo{ float:left; height:100%}
.header .logo a{ display:block; height:100%; display:flex; align-items: center;}
.header .logo img{ height:47px;}
.header .logo .img1{ display:block}
.header .logo .img2{ display:none}
.header .menu{ float:right; height:100%; cursor:pointer; width:24px; background:url(x_01x.png) center center no-repeat; background-size:100%; display:none}
.header .tel{ float:right; height:100%;display:flex; align-items: center;}
.header .tel a{ display:block; background:url(x1_2.png) left center no-repeat; padding-left:30px; font-size:22px; color:#fff; font-weight:bold}
.header .nav{ float:right; height:100%; box-sizing:border-box; margin-right:180px}
.header .nav ul{ height:100%}
.header .nav ul li{ float:left; height:100%; margin-right:50px; position:relative}
.header .nav ul li:last-child{ margin-right:0}
.header .nav ul li>a{display:flex; align-items: center; height:100%; font-size:18px; color:#fff; position:relative }
.header .nav ul li.on>a:after,.header .nav ul li:hover>a:after{ content:""; display:block; width:0%; height:3px; background:#8dc21f; position:absolute; left:0; bottom:0}
.header .nav ul li:nth-child(2){ position:inherit}
.header .nav ul li:nth-child(2) .suba { left:0; width:100%; position:absolute; top:100%; display:none  }
.header .nav ul li .sub01 {  background:#fff; border-top:1px solid #ddd; }
.header .nav ul li .sub01 .in .clearfix { width:33.33%; float:left;  border-bottom:1px solid #ddd; padding:10px 0; box-sizing: border-box; }
.header .nav ul li .sub01 .in .clearfix:nth-child(3n) .txt{ border-right:0}
.header .nav ul li .sub01 .in .clearfix:hover .txt .p1 a{color: #254485;}
.header .nav ul li .sub01 .in .clearfix .pic { float:left; width:135px; margin-left:95px; padding:15px 0 }
.header .nav ul li .sub01 .in .clearfix .pic img{ width:100%}
.header .nav ul li .sub01 .in .clearfix .txt { float:right; width:calc(100% - 250px); text-align:left; border-right:1px solid #ddd; min-height:160px; padding-top:35px; box-sizing:border-box }
.header .nav ul li .sub01 .in .clearfix .txt .p1 a { color: #333333; font-size: 20px; margin-bottom: 8px; display: block; }
.header .nav ul li .sub01 .in .clearfix .txt .p2{ font-size:13px; color:#333333; line-height:20px}
.header .nav ul li:hover .suba{ display:block}
.header .nav ul li .sub { position:absolute; top:100%; width:140%; display:none; z-index:999; box-shadow: 0 4px 6px rgb(0 0 0 / 6%), 0 1px 10px rgb(0 0 0 / 5%), 0 2px 4px -1px rgb(0 0 0 / 1%); left:-20%; top:100%}
.header .nav ul li .sub dt {background: #fff; width:100%; text-align:center; padding:10px 0; font-size:14px }
.header .nav ul li .sub dt:last-child { border-radius: 0 0 4px 4px !important;}
.header .nav ul li .sub dt a { color:#000; }
.header .nav ul li .sub dt:hover { background:#254485; }
.header .nav ul li .sub dt:hover a { color:#fff; }
.header .nav ul li:hover .sub{ display:block}


.header.bai{ background:#fff; box-shadow:rgb(0 0 0 / 50%) 0px 0px 10px}
.header.bai .logo .img2{ display:block}
.header.bai .logo .img1{ display:none}
.header.bai .menu{  background:url(x_01x_2.png) center center no-repeat; background-size:100%; }
.header.bai .tel a{ background:url(x1.png) left center no-repeat; color:#333333; }
.header.bai .nav ul li>a{display:flex; align-items: center; height:100%; font-size:18px; color:#333333; position:relative }
.header.bai .nav ul li.on>a{ color:#254485}
.header.bai .nav ul li:hover>a{  color:#254485}

.header:hover{ background:#fff; box-shadow:rgb(0 0 0 / 50%) 0px 0px 10px }
.header:hover .logo .img2{ display:block}
.header:hover .logo .img1{ display:none}
.header:hover .menu{  background:url(x_01x_2.png) center center no-repeat; background-size:100%; }
.header:hover .tel a{ background:url(x1.png) left center no-repeat; color:#333333; }
.header:hover .nav ul li>a{display:flex; align-items: center; height:100%; font-size:18px; color:#333333; position:relative }
.header:hover .nav ul li.on>a{ color:#254485}
.header:hover .nav ul li:hover>a{  color:#254485}


@media (max-width:1600px) {
	.header{ height:80px}
	.header .logo img{ height:45px;}
	.header .tel a{ background-size:18px; padding-left:28px; font-size:20px;}
	.header .nav{ margin-right:100px}
	.header .nav ul li>a{ font-size:16px;}
	.header .nav ul li .sub01 .in .clearfix .pic {  width:120px; margin-left:60px; padding:12px 0 }
	.header .nav ul li .sub01 .in .clearfix .txt { width:calc(100% - 200px); min-height:140px; padding-top:25px;}
	.header .nav ul li .sub01 .in .clearfix .txt .p1 a { font-size: 18px;}
	.header .nav ul li .sub01 .in .clearfix .txt .p2{ font-size:12px; line-height:18px}	
	.header .nav ul li .sub dt { font-size:12px }
	
    .header.bai .tel a{ background-size:18px; }	
    .header:hover .tel a{ background-size:18px; }	
}


@media (max-width:1200px) {
	.header{ height:60px}
	.header .logo img{ height:30px;}
	.header .tel a{ background-size:16px; padding-left:16px; font-size:0; width:1px; height:100%}
	.header .nav{ display:none}
	.header .menu{ display:block; width:20px; margin-left:15px; }

}
@media (max-width:750px) {
	
	 
}




.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(sea.png) center center no-repeat #004898; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}

.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 101; font-family:"sy" }
.slide_box.active { transform: translateX(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}
.slide_nav li.tel>a{ color:#d95715}
.slide_nav li.tel>a i{ font-family:Arial; vertical-align:top; font-weight:bold}
.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 10px;font-size: 16px;}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #666;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(o_ico_18.gif) 15px center no-repeat;}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #283b66;}
.slide_nav li a:hover{ color: #283b66;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:80%; padding:66px 0 30px; }
	.z_mask{ }
}


.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:auto; height:60vh}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:1200px) {
	.video .s1 video{ width:90vw; height:auto}
}

.banner{ width:100%; position:relative; overflow:hidden}
.banner .swiper01{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide .pic{ width:100%; position:relative; overflow:hidden; }
.banner .swiper01 .swiper-slide .pic img{ width:100%}
.banner .swiper01 .swiper-slide .pic .img1{ display:block}
.banner .swiper01 .swiper-slide .pic .img2{ display:none}
.banner .swiper01 .swiper-slide .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.banner .swiper01 .swiper-slide .item .in{ display:flex;align-items: center; color:#fff}
.banner .swiper01 .swiper-slide .item .in .ico{ width:820px; padding-top:50px; transition: all 0.6s ease; opacity:0; text-align:right}
.banner .swiper01 .swiper-slide .item .in .ico img{ height:520px}
.banner .swiper01 .swiper-slide .item .in .cont{ width:440px; margin-left:40px;padding-top:50px; transition: all 0.6s ease; opacity:0;}
.banner .swiper01 .swiper-slide .item .in .cont .p1{ font-size:50px; line-height:1}
.banner .swiper01 .swiper-slide .item .in .cont .p2{ font-size:36px; margin-top:10px}
.banner .swiper01 .swiper-slide .item .in .cont .p2 i{ font-size:16px}
.banner .swiper01 .swiper-slide .item .in .cont .p3{ font-size:16px; line-height:2; margin-top:15px}
.banner .swiper01 .swiper-slide .item .in .cont .p4{ margin-top:25px;display:flex;align-items: center;justify-content: center; width:138px; height:42px; border-radius:30px; border:1px solid #fff; font-size:24px; font-weight:100; text-transform:uppercase}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .in .ico { padding-top:0; opacity: 1; }
.banner .swiper01 .swiper-slide.swiper-slide-active .item .in .cont { padding-top:0; opacity: 1; }
.banner .swiper01 .pagination01{ width:fit-content; position:absolute; left:50%; margin-left:-700px; bottom:70px; z-index:2; font-size:0;text-align:left}
.banner .swiper01 .pagination01 span{ width:10px; height:10px; background:rgba(255,255,255,0.4); opacity:1; border-radius:5px;  margin:0; margin-right:6px; padding:0; }
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ width:24px; background:#fff}
.banner .swiper01 .prev01{ position:absolute; width:62px; height:62px; background:url(x5.png) center center no-repeat; background-size:cover; position:absolute; right:50%; margin-right:-620px; bottom:44px; z-index:2; cursor:pointer}
.banner .swiper01 .next01{ position:absolute; width:62px; height:62px; background:url(x6.png) center center no-repeat; background-size:cover; position:absolute; right:50%; margin-right:-700px; bottom:44px; z-index:2; cursor:pointer}
.banner .swiper01 .down{ position:absolute; width:100px; left:50%; transform:translateX(-50%); bottom:50px; z-index:2; text-align:center;  color:#fff; font-weight:100}
.banner .swiper01 .down .p1{ padding-top:5px}
@media all and (max-width:1600px){
	.banner .swiper01 .swiper-slide .item .in .ico{ width:730px;  padding-top:40px;}
	.banner .swiper01 .swiper-slide .item .in .ico img{ height:400px}
	.banner .swiper01 .swiper-slide .item .in .cont{ width:400px; padding-top:40px;}
	.banner .swiper01 .swiper-slide .item .in .cont .p1{ font-size:40px; }
	.banner .swiper01 .swiper-slide .item .in .cont .p2{ font-size:28px;}
	.banner .swiper01 .swiper-slide .item .in .cont .p2 i{ font-size:14px}
	.banner .swiper01 .swiper-slide .item .in .cont .p3{ font-size:14px; }
	.banner .swiper01 .swiper-slide .item .in .cont .p4{ margin-top:25px; width:125px; height:36px; font-size:20px;}
	.banner .swiper01 .pagination01{margin-left:-600px; bottom:50px; }
	.banner .swiper01 .pagination01 span{ width:8px; height:8px; border-radius:4px; margin-right:5px;}
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ width:22px;}
	.banner .swiper01 .prev01{ width:56px; height:56px; margin-right:-530px; bottom:26px;}
	.banner .swiper01 .next01{ width:56px; height:56px; margin-right:-600px; bottom:26px;}
	.banner .swiper01 .down{ bottom:30px;}
}
@media all and (max-width:1200px){
	.banner .swiper01 .swiper-slide .item .in .ico{ width:60%;padding-top:40px;}
	.banner .swiper01 .swiper-slide .item .in .ico img{ height:240px}
	.banner .swiper01 .swiper-slide .item .in .cont{ width:35%; margin-left:5%; padding-top:40px;}
	.banner .swiper01 .swiper-slide .item .in .cont .p1{ font-size:24px; }
	.banner .swiper01 .swiper-slide .item .in .cont .p2{ font-size:18px;}
	.banner .swiper01 .swiper-slide .item .in .cont .p2 i{ font-size:12px}
	.banner .swiper01 .swiper-slide .item .in .cont .p3{ font-size:12px; }
	.banner .swiper01 .swiper-slide .item .in .cont .p4{ margin-top:20px; width:110px; height:28px; font-size:16px;}
	.banner .swiper01 .pagination01{margin-left:0; left:4%; bottom:20px; }
	.banner .swiper01 .prev01{ width:36px; height:36px; margin-right:0; right:calc(4% + 50px); bottom:15px;}
	.banner .swiper01 .next01{ width:36px; height:36px; margin-right:0; right:4%; bottom:15px;}
	.banner .swiper01 .down{ bottom:10px;}
}
@media all and (max-width:750px){
	.banner .swiper01 .swiper-slide .pic .img2{ display:block}
	.banner .swiper01 .swiper-slide .pic .img1{ display:none}
	.banner .swiper01 .swiper-slide .item{ display:none}
	.banner .swiper01 .pagination01{margin-left:0; left:4%; bottom:20px; }
	.banner .swiper01 .prev01{ width:28px; height:28px; margin-right:0; right:calc(4% + 40px); bottom:15px;}
	.banner .swiper01 .next01{ width:28px; height:28px; margin-right:0; right:4%; bottom:15px;}
	.banner .swiper01 .down{ bottom:10px;}
}

.x1{ width:100%; margin-top:50px}
.x1 .in{display: flex;  justify-content: space-between;  align-items: flex-end; position:relative}
.x1 .in .ihd{ width:810px; position:absolute; right:0; top:0}
.x1 .in .ihd .en{ font-size:240px; font-weight:bold; line-height:0.8; color:#d3d3d3; text-transform:uppercase; opacity:0.18}
.x1 .in .ihd .cn{ position:absolute; left:0; top:50%; transform:translateY(-50%)}
.x1 .in .ihd .cn .p1{ font-size:67px; color:#333333; line-height:1}
.x1 .in .ihd .cn .p2{ font-size:24px; color:#666666; line-height:1; margin-top:12px}

.x1 .in .lt{ width:calc(516 / 1400 * 100%);}
.x1 .in .lt .item{ width:100%; position:relative}
.x1 .in .lt .item .pic{ width:100%; overflow:hidden}
.x1 .in .lt .item .pic img{ width:100%}
.x1 .in .lt .item .t1{ position:absolute; width:100%; height:100%; left:0; top:0; box-sizing:border-box; padding:70px 40px 0 80px}
.x1 .in .lt .item .t1 .p1{ font-size:64px; font-weight:bold; text-transform:uppercase; line-height:1; color:#fff}
.x1 .in .lt .item .t1 .p2{ font-size:36px; color:#fff; position:relative; line-height:1; padding:15px 0 25px}
.x1 .in .lt .item .t1 .p2:after{ content:""; display:block; width:92px; height:2px; background:#fff; position:absolute; left:0; bottom:0}
.x1 .in .lt .item .t2{position:absolute; width:100%; left:0; bottom:0; box-sizing:border-box; padding:0 40px 75px 80px; color:#fff}
.x1 .in .lt .item .t2 .title{ font-size:36px; line-height:1}
.x1 .in .lt .item .t2 .intro{ font-size:15px; line-height:2; margin-top:10px}
.x1 .in .lt .item .t2 .more{ margin-top:25px;display:flex;align-items: center;justify-content: center; width:122px; height:34px; border-radius:30px; border:1px solid #fff; font-size:15px; text-transform:uppercase}
.x1 .in .rt{ width:calc(862 / 1400 * 100%);}
.x1 .in .rt .t1{ width:100%; display:flex; background:#254485; align-items: center;}
.x1 .in .rt .t1 .item{ width:calc(622 / 862 * 100%); position:relative}
.x1 .in .rt .t1 .item .pic{ width:100%; position:relative; overflow:hidden}
.x1 .in .rt .t1 .item .pic img{ width:100%}
.x1 .in .rt .t1 .item .cont{ position:absolute; left:0; bottom:0; z-index:2; box-sizing:border-box; padding:40px 35px}
.x1 .in .rt .t1 .item .cont .title{ font-size:36px; color:#333333; line-height:1}
.x1 .in .rt .t1 .item .cont .intro{ font-size:15px; line-height:2; margin-top:10px}
.x1 .in .rt .t1 .lx{ width:calc(240 / 862 * 100%); box-sizing:border-box; color:#fff}
.x1 .in .rt .t1 .lx .m1{ font-size:29px; color:#fff;display:flex;align-items: center;justify-content: center;}
.x1 .in .rt .t1 .lx .m1 img{ height:42px; margin-right:5px; display:block}
.x1 .in .rt .t1 .lx .m2{ font-size:35px; color:#fff;display:flex;align-items: center;justify-content: center; font-family:Arial; font-weight:bold}
.x1 .in .rt .t1 .lx .m3{ text-align:center; margin-top:20px}
.x1 .in .rt .t1 .lx .m3 a{ color:#fff; font-weight:100; font-size:26px}
.x1 .in .rt .t2{ margin-top:25px; display:flex; justify-content: space-between; width:100%}
.x1 .in .rt .t2 .item{ width:calc(421 / 862 * 100%); position:relative}
.x1 .in .rt .t2 .item .pic{ width:100%; position:relative; overflow:hidden}
.x1 .in .rt .t2 .item .pic img{ width:100%}
.x1 .in .rt .t2 .item .cont{ position:absolute; left:0; bottom:0; z-index:2; box-sizing:border-box; padding:40px 35px}
.x1 .in .rt .t2 .item .cont .title{ font-size:36px; color:#333333; line-height:1}
.x1 .in .rt .t2 .item .cont .intro{ font-size:15px; line-height:2; margin-top:10px}
@media all and (max-width:1600px){
	.x1{ margin-top:40px}
	.x1 .in .ihd{ width:700px;}
	.x1 .in .ihd .en{ font-size:200px;}
	.x1 .in .ihd .cn .p1{ font-size:56px;}
	.x1 .in .ihd .cn .p2{ font-size:20px;}
	.x1 .in .lt .item .t1{ padding:50px 30px 0 60px}
	.x1 .in .lt .item .t1 .p1{ font-size:52px;}
	.x1 .in .lt .item .t1 .p2{ font-size:28px; padding:12px 0 20px}
	.x1 .in .lt .item .t1 .p2:after{ width:80px;}
	.x1 .in .lt .item .t2{ padding:0 30px 50px 60px;}
	.x1 .in .lt .item .t2 .title{ font-size:32px;}
	.x1 .in .lt .item .t2 .intro{ font-size:14px;}
	.x1 .in .lt .item .t2 .more{ margin-top:20px; width:110px; height:28px; font-size:14px;}
	.x1 .in .rt .t1 .item .cont{ padding:30px 25px}
	.x1 .in .rt .t1 .item .cont .title{ font-size:30px;}
	.x1 .in .rt .t1 .item .cont .intro{ font-size:14px;}
	.x1 .in .rt .t1 .lx .m1{ font-size:26px;}
	.x1 .in .rt .t1 .lx .m1 img{ height:36px;}
	.x1 .in .rt .t1 .lx .m2{ font-size:30px;}
	.x1 .in .rt .t1 .lx .m3{ margin-top:20px}
	.x1 .in .rt .t1 .lx .m3 a{ font-size:22px; }
	.x1 .in .rt .t2{ margin-top:20px;}
	.x1 .in .rt .t2 .item .cont{ padding:25px}
	.x1 .in .rt .t2 .item .cont .title{ font-size:30px;}
	.x1 .in .rt .t2 .item .cont .intro{ font-size:14px;}
}
@media all and (max-width:1200px){
	.x1{ margin-top:30px}
	.x1 .in .ihd{ width:60%;}
	.x1 .in .ihd .en{ font-size:110px;}
	.x1 .in .ihd .cn .p1{ font-size:32px;}
	.x1 .in .ihd .cn .p2{ font-size:16px;}
	.x1 .in .lt .item .t1{ padding:30px 20px 0 20px}
	.x1 .in .lt .item .t1 .p1{ font-size:32px;}
	.x1 .in .lt .item .t1 .p2{ font-size:20px; padding:12px 0 20px}
	.x1 .in .lt .item .t1 .p2:after{ width:60px;}
	.x1 .in .lt .item .t2{ padding:0 20px 20px 20px;}
	.x1 .in .lt .item .t2 .title{ font-size:24px;}
	.x1 .in .lt .item .t2 .intro{ font-size:12px;}
	.x1 .in .lt .item .t2 .more{ margin-top:20px; width:90px; height:24px; font-size:12px;}
	.x1 .in .rt .t1 .item .cont{ padding:20px}
	.x1 .in .rt .t1 .item .cont .title{ font-size:20px;}
	.x1 .in .rt .t1 .item .cont .intro{ font-size:12px; margin-top:8px}
	.x1 .in .rt .t1 .lx .m1{ font-size:14px;}
	.x1 .in .rt .t1 .lx .m1 img{ height:24px;}
	.x1 .in .rt .t1 .lx .m2{ font-size:16px; margin-top:5px}
	.x1 .in .rt .t1 .lx .m3{ margin-top:15px}
	.x1 .in .rt .t1 .lx .m3 a{ font-size:16px; }
	.x1 .in .rt .t2{ margin-top:15px;}
	.x1 .in .rt .t2 .item .cont{ padding:20px}
	.x1 .in .rt .t2 .item .cont .title{ font-size:20px;}
	.x1 .in .rt .t2 .item .cont .intro{ font-size:12px; margin-top:8px; line-height:1.4}
}
@media all and (max-width:750px){
	.x1{ margin-top:30px}
	.x1 .in{ display:block}
	.x1 .in .ihd{ width:92%; position:relative; margin:0 auto; text-align:center}
	.x1 .in .ihd .en{ font-size:90px;}
	.x1 .in .ihd .cn{ width:100%}
	.x1 .in .ihd .cn .p1{ font-size:24px;text-align:center; width:100%}
	.x1 .in .ihd .cn .p2{ font-size:12px;text-align:center; width:100%}
	.x1 .in .lt{ width:100%; margin-top:20px}
	.x1 .in .lt .item .t1{ padding:30px 20px 0 20px}
	.x1 .in .lt .item .t1 .p1{ font-size:28px;}
	.x1 .in .lt .item .t1 .p2{ font-size:16px; padding:10px 0 15px}
	.x1 .in .lt .item .t1 .p2:after{ width:40px;}
	.x1 .in .lt .item .t2{ padding:0 20px 20px 20px;}
	.x1 .in .lt .item .t2 .title{ font-size:20px;}
	.x1 .in .lt .item .t2 .intro{ font-size:12px;}
	.x1 .in .lt .item .t2 .more{ margin-top:20px; width:90px; height:24px; font-size:12px;}
	.x1 .in .rt{ width:100%; margin-top:20px}
	.x1 .in .rt .t1{ width:100%; display:block}
	.x1 .in .rt .t1  .item{ width:100%}
	.x1 .in .rt .t1  .item .cont{ padding:20px}
	.x1 .in .rt .t1 .item .cont .title{ font-size:20px;}
	.x1 .in .rt .t1 .item .cont .intro{ font-size:12px; margin-top:8px}
	.x1 .in .rt .t1 .lx{ width:100%; padding:20px 0}
	.x1 .in .rt .t1 .lx .m1{ font-size:20px;}
	.x1 .in .rt .t1 .lx .m1 img{ height:24px;}
	.x1 .in .rt .t1 .lx .m2{ font-size:24px; margin-top:10px}
	.x1 .in .rt .t1 .lx .m3{ margin-top:10px}
	.x1 .in .rt .t1 .lx .m3 a{ font-size:16px; }
	.x1 .in .rt .t2{ margin-top:0; display:block}
	.x1 .in .rt .t2 .item{ width:100%; margin-top:20px}
	.x1 .in .rt .t2 .item .cont{ padding:20px}
	.x1 .in .rt .t2 .item .cont .title{ font-size:20px;}
	.x1 .in .rt .t2 .item .cont .intro{ font-size:12px; margin-top:8px; line-height:1.4}
}

.x2{ margin:70px 0}
.x2 .in{ position:relative}
.x2 .swiper02{ width:100%; position:relative; overflow:hidden; padding-bottom:1px}
.x2 .swiper02 .swiper-slide{ width:calc(215 / 1400 * 100%); box-sizing:border-box; margin-right:calc(22 / 1400 * 100%)}
.x2 .swiper02 .swiper-slide .pic{ width:100%; box-sizing:border-box; border:1px solid #d9d9d9; overflow:hidden;}
.x2 .swiper02 .swiper-slide .pic img{ width:100%;}
.x2 .swiper02 .swiper-slide:last-child{ margin-right:0}
.x2 .in .prev02{ background:url(x13.jpg) center center no-repeat; background-size:100% 100%; width:40px; height:100%; position:absolute; left:-50px; cursor:pointer; z-index:2; top:0}
.x2 .in .next02{ background:url(x14.jpg) center center no-repeat; background-size:100% 100%; width:40px; height:100%; position:absolute; right:-50px; cursor:pointer; z-index:2; top:0}
@media all and (max-width:1600px){
	.x2{ margin:50px 0}
	.x2 .in .prev02{ width:32px; left:-40px;}
	.x2 .in .next02{ width:32px; right:-40px;}
}
@media all and (max-width:1200px){
	.x2{ margin:40px 0}
	.x2 .in{ box-sizing:border-box; padding:0 35px}
	.x2 .in .prev02{ width:25px; left:0;}
	.x2 .in .next02{ width:25px; right:0;}
}
@media all and (max-width:1200px){
	.x2{ margin:30px 0}
	.x2 .in{ box-sizing:border-box; padding:0 30px}
	.x2 .swiper02 .swiper-slide{ width:32%; margin-right:2%}
	.x2 .in .prev02{ width:22px; left:0;}
	.x2 .in .next02{ width:22px; right:0;}
}

.footer{ width:100%; background:#272727; color:#fff}
.footer a{ color:#fff}
.footer .ft01{ padding:70px 0 40px}
.footer .ft01 .in{ display:flex;align-items: center;justify-content: space-between; }
.footer .ft01 .lt .tel a{ display:flex;align-items: center; font-size:32px; color:#c9c9c9}
.footer .ft01 .lt .tel a img{ display:block; height:31px; margin-right:5px}
.footer .ft01 .lt .lx{ font-size:14px; color:#888787; line-height:2; margin-top:10px}
.footer .ft01 .lt .lx a{ color:#888787;}
.footer .ft01 .lt .lx a:hover{ color:#fff}
.footer .ft01 .rt ul{ display:flex;align-items: center; }
.footer .ft01 .rt ul li{ margin-left:65px; font-size:16px; color:#888787}
.footer .ft01 .rt ul li a{font-size:16px; color:#888787}
.footer .ft01 .rt ul li a:hover{ color:#fff}
.footer .ft02{ padding:30px 0; border-top:1px dashed #636263}
.footer .ft02 .in{ display:flex;align-items: center;justify-content: space-between; font-size:14px; color:#888787 }
.footer .ft02 .in a{color:#888787}
.footer .ft02 .in a:hover{ color:#fff}
@media all and (max-width:1600px){
	.footer .ft01{ padding:50px 0 30px}
	.footer .ft01 .lt .tel a{ font-size:28px}
	.footer .ft01 .lt .tel a img{ height:28px;}
	.footer .ft01 .lt .lx{ font-size:12px;}
	.footer .ft01 .rt ul li{ margin-left:50px; font-size:14px;}
	.footer .ft01 .rt ul li a{font-size:14px;}
	.footer .ft02{ padding:20px 0;}
	.footer .ft02 .in{ font-size:12px; }
}
@media all and (max-width:1200px){
	.footer .ft01{ padding:20px 0}
	.footer .ft01 .in{ display:block}
	.footer .ft01 .lt{ width:100%}
	.footer .ft01 .lt .tel a{ font-size:24px}
	.footer .ft01 .lt .tel a img{ height:24px;}
	.footer .ft01 .lt .lx{ font-size:12px;}
	.footer .ft01 .rt{ display:none}
	.footer .ft02{ padding:20px 0;}
	.footer .ft02 .in{ display:block; line-height:2; text-align:center}
	.footer .ft02 .in{ font-size:12px; }
}
@media all and (max-width:750px){
	.footer .ft01{ padding:20px 0}
	.footer .ft01 .lt .tel a{ font-size:20px}
	.footer .ft01 .lt .tel a img{ height:20px;}

}

.nbanner{ width:100%; position:relative; overflow:hidden}
.nbanner .pic{ width:100%; overflow:hidden}
.nbanner .pic img{ width:100%}
.nbanner .pic .img1{ display:block}
.nbanner .pic .img2{ display:none}
.nbanner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.nbanner .item .en{ text-align:right; font-size:110px; line-height:1; color:rgba(255,255,255,0.08); font-weight:bold}
.nbanner .item .cn{ font-size:55px; color:#d9d9d9; text-align:right; line-height:1; font-weight:bold; margin-top:-50px; padding-right:100px}
@media all and (max-width:1600px){
	.nbanner .item .en{ font-size:80px;}
	.nbanner .item .cn{ font-size:40px; margin-top:-40px; padding-right:80px}
}
@media all and (max-width:1200px){
	.nbanner .item .en{ font-size:60px;}
	.nbanner .item .cn{ font-size:30px; margin-top:-30px; padding-right:60px}
}
@media all and (max-width:750px){
	.nbanner .pic .img2{ display:block}
	.nbanner .pic .img1{ display:none}
	.nbanner .item .en{ font-size:40px; text-align:center}
	.nbanner .item .cn{ font-size:20px; margin-top:-20px; padding-right:0; text-align:center}
}
.container{ padding:20px 0 60px}
.slideBar{ width:271px; float:left}
.slideBar .hd{ width:100%; display:flex; align-items: center; color:#fff; box-sizing:border-box; padding-left:25px; height:140px; background:#254485}
.slideBar .hd img{ display:block; height:55px}
.slideBar .hd .title{ margin-left:10px}
.slideBar .hd .title .cn{ font-size:30px; font-weight:bold; line-height:1}
.slideBar .hd .title .en{ font-size:12px; font-weight:100; text-transform:uppercase; line-height:1; margin-top:6px}
.slideBar .bd .item{ width:100%; box-sizing:border-box; margin-bottom:5px}
.slideBar .bd .item h3 a{ display:block;  width:100%; box-sizing:border-box; padding:15px 40px; background:#dbdbdb; font-size:22px; color:#333333; font-weight:normal;border:1px solid #dbdbdb}
.slideBar .bd .item ul{ display:block;  width:100%; box-sizing:border-box; padding:5px 30px; background:linear-gradient(to bottom, #fff, #eeeeee); border:1px solid #dbdbdb; border-top:0}
.slideBar .bd .item ul li{ border-bottom:1px solid #e7e7e7}
.slideBar .bd .item ul li a{ display:block; padding:15px 10px; font-size:18px; color:#333333; line-height:1.2}
.slideBar .bd .item.on h3 a{ background:#4365ac; border:1px solid #4365ac; color:#fff}
.slideBar .bd .item h3 a:hover{ background:#4365ac; border:1px solid #4365ac; color:#fff}
.slideBar .bd .item ul li a:hover{ color:#4365ac}
.slideBar .lx{ margin-top:20px}
.slideBar .lx{ width:100%; box-sizing:border-box; color:#fff; padding:35px 0; background:#254485}
.slideBar .lx .m1{ font-size:20px; color:#fff;display:flex;align-items: center;justify-content: center;}
.slideBar .lx .m1 img{ height:28px; margin-right:5px; display:block}
.slideBar .lx .m2{ font-size:30px; color:#fff;display:flex;align-items: center;justify-content: center; font-family:Arial; font-weight:bold; margin-top:5px}
.slideBar .lx .m3{ text-align:center; margin-top:20px;display:flex;align-items: center;justify-content: center;}
.slideBar .lx .m3 a{ color:#fff; font-weight:100; font-size:18px; width:140px; height:46px; border:1px solid #fff; border-radius:5px;display:flex;align-items: center;justify-content: center;}
@media all and (max-width:1600px){
	.slideBar{ width:210px;}
	.slideBar .hd{ padding-left:16px; height:100px;}
	.slideBar .hd img{ height:36px}
	.slideBar .hd .title{ margin-left:6px}
	.slideBar .hd .title .cn{ font-size:24px;}
	.slideBar .bd .item h3 a{ padding:12px 25px; font-size:18px;}
	.slideBar .bd .item ul{ padding:5px 20px;}
	.slideBar .bd .item ul li a{ padding:12px 5px; font-size:14px;}
	.slideBar .lx{ margin-top:16px}
	.slideBar .lx{ padding:30px 0; background:#254485}
	.slideBar .lx .m1{ font-size:16px;}
	.slideBar .lx .m1 img{ height:24px; }
	.slideBar .lx .m2{ font-size:24px;}
	.slideBar .lx .m3{ margin-top:12px; }
	.slideBar .lx .m3 a{ font-size:14px; width:120px; height:36px;}
}
@media all and (max-width:1200px){
	.slideBar{ width:100%;}
	.slideBar .hd{ display:none}
	.slideBar .bd{ display:flex;}
	.slideBar .bd .item{ flex:1}
	.slideBar .bd .item h3 a{ padding:10px 15px; font-size:16px; text-align:center; box-sizing:border-box; border-right:1px solid #fff}
	.slideBar .bd .item ul{ display:none}
	.slideBar .lx{ margin-top:16px; display:none}
}
@media all and (max-width:750px){
	.container{ padding:20px 0}
	.slideBar{ width:100%;}
	.slideBar .bd{flex-wrap: wrap; display:block}
	.slideBar .bd .item{ width:calc(50% - 2px); flex:auto; float:left; margin-bottom:4px}
	.slideBar .bd .item:nth-child(2n){ float:right}
	.slideBar .bd .item h3 a{ padding:8px 15px; height:50px; font-size:14px; box-sizing:border-box;display:flex;align-items: center;justify-content: center; line-height:1.2; border:0}
}

.main{ width:1080px; float:right}
.main .ahd{ position:relative; font-size:24px; color:#254485; padding-left:22px; margin-top:25px; height:27px;display:flex;align-items: center;}
.main .ahd:after{ content:""; display:block; width:10px; height:100%; position:absolute; left:0; top:0; background:#254485}
.pro{ margin-top:32px;}
.pro .item{ width:100%; margin-bottom:32px; box-sizing:border-box; border:1px solid #e5e5e5; box-sizing:border-box}
.pro .item a{ display:flex;align-items: center; background:#eeeeee; box-sizing:border-box; padding:15px 0 15px 15px}
.pro .item a .pic{ width:420px; box-sizing:border-box; border:1px solid #c9c9c9; overflow:hidden}
.pro .item a .pic img{ width:100%}
.pro .item a .cont{ width:calc(100% - 420px); box-sizing:border-box; padding:0 40px}
.pro .item a .cont .title{ font-size:32px; color:#333333; font-weight:bold;}
.pro .item a .cont .intro{ font-size:16px; color:#333333; line-height:1.8; text-align:justify; margin-top:15px}
.pro .item a .cont .more{ margin-top:40px;display:flex;align-items: center;justify-content: center; width:146px; height:42px; border-radius:30px; border:1px solid #bfbfbf; font-size:18px; color:#6f6f6f}
.pro .item:hover a .cont .title{ color:#254485}
.pro .item:hover a .cont .more{ color:#fff; border:1px solid #254485; background:#254485}
@media all and (max-width:1600px){
	.main{ width:950px;}
	.main .ahd{ font-size:20px; padding-left:20px; margin-top:20px; height:22px;}
	.main .ahd:after{ width:8px;}
	.pro{ margin-top:25px;}
	.pro .item{ margin-bottom:25px;}
	.pro .item a .pic{ width:360px;}
	.pro .item a .cont{ width:calc(100% - 360px); padding:0 30px}
	.pro .item a .cont .title{ font-size:24px;}
	.pro .item a .cont .intro{ font-size:14px; margin-top:10px}
	.pro .item a .cont .more{ margin-top:30px; width:120px; height:32px; font-size:14px; }
}
@media all and (max-width:1200px){
	.main{ width:100%;}
	.main .ahd{ display:none}
	.pro{ margin-top:20px;}
	.pro .item{ margin-bottom:20px;}
	.pro .item a .pic{ width:300px;}
	.pro .item a .cont{ width:calc(100% - 300px); padding:0 20px}
	.pro .item a .cont .title{ font-size:20px;}
	.pro .item a .cont .intro{ font-size:12px; margin-top:10px}
	.pro .item a .cont .more{ margin-top:20px; width:100px; height:26px; font-size:12px; }
}
@media all and (max-width:750px){
	.main{ width:100%;}
	.main .ahd{ display:none}
	.pro{ margin-top:20px;}
	.pro .item{ margin-bottom:20px;}
	.pro .item a{ display:block; padding:20px}
	.pro .item a .pic{ width:100%;}
	.pro .item a .cont{ width:100%; padding: 20px 0 0 0}
	.pro .item a .cont .title{ font-size:16px;}
	.pro .item a .cont .intro{ font-size:12px; margin-top:10px}
	.pro .item a .cont .more{ margin-top:20px; width:100px; height:26px; font-size:12px; }
}
.bpro .proList{ width:100%; margin-top:25px; display:flex;flex-wrap: wrap;}
.bpro .proList .item{ width:calc(516 / 1080 * 100%); box-sizing:border-box; margin-right:calc(48 / 1080 * 100%); margin-bottom:45px}
.bpro .proList .item:nth-child(2n){ margin-right:0}
.bpro .proList .item a{ display:block; box-sizing:border-box; padding:17px 17px 0 17px; background:#f5f5f5}
.bpro .proList .item a .pic{ width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #c9c9c9}
.bpro .proList .item a .pic img{ width:100%}
.bpro .proList .item a .title{ text-align:center; font-size:20px; color:#333333; padding:20px 0}
.bpro .proList .item:hover a .title{ color:#fff}
.bpro .proList .item:hover a{ background:#254485}
@media all and (max-width:1600px){
	.bpro .proList .item{ width:48%; margin-right:4%; margin-bottom:4%}
	.bpro .proList .item a{ padding:16px 16px 0}
	.bpro .proList .item a .title{ font-size:18px; padding:16px 0}
}
@media all and (max-width:1200px){
	.bpro .proList .item a .title{ font-size:16px; }
}
@media all and (max-width:750px){
	.bpro .proList .item a{ padding:10px 10px 0}
	.bpro .proList .item a .title{ font-size:14px; padding:10px 0 }
}
.proDis{ width:100%; margin-top:38px;}
.proDis01{ width:100%; display:flex;align-items: center;justify-content: center;flex-wrap: wrap; }
.proDis01 .pic{ width:50%; box-sizing:border-box; border:1px solid #c9c9c9}
.proDis01 .pic img{ width:100%}
.proDis01 .cont{ width:50%; box-sizing:border-box; padding-left:20px}
.proDis01 .cont .title{ font-size:30px; color:#254485; line-height:1; padding-bottom:22px; border-bottom:1px solid #c3c3c3}
.proDis01 .cont .bq{ font-size:24px; color:#333333; padding:25px 0 15px}
.proDis01 .cont .intro{ font-size:18px; color:#333333; text-align:justify; line-height:2}
.proDis01 .cont .more{ margin-top:35px}
.proDis01 .cont .more a{ display:flex;align-items: center;justify-content: center; width:164px; height:56px; background:#254485; color:#fff; border-radius:30px; font-size:22px}
.proDis02{ margin-top:45px; font-size:18px; line-height:2}
.proDis02 img{ max-width:100%; height:auto}


.contact01{ margin-top:120px; display:flex;justify-content: space-between;flex-wrap: wrap;}
.contact01 .lt{ width:635px;}
.contact01 .lt .ahd{ font-size:35px; color:#333333; font-weight:bold; line-height:1}
.contact01 .lt .lx{ margin-top:50px}
.contact01 .lt .lx .item{ border-bottom:1px solid #dadada; padding:18px 0; display:flex;align-items: center;flex-wrap: wrap;}
.contact01 .lt .lx .item .ico img{ height:73px;}
.contact01 .lt .lx .item .cont{ width:calc(100% - 73px); box-sizing:border-box; padding-left:16px}
.contact01 .lt .lx .item .cont .p1{ font-size:24px; color:#333333; font-weight:bold; line-height:1}
.contact01 .lt .lx .item .cont .p2{ font-size:19px; color:#333333; margin-top:6px}
.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:26px}
.contact01 .lt .ewm{ margin-top:30px; display:flex}
.contact01 .lt .ewm .item{ text-align:center; margin-right:30px}
.contact01 .lt .ewm .pic{ width:150px; margin:0 auto}
.contact01 .lt .ewm .pic img{ width:100%}
.contact01 .lt .ewm .title{ font-size:18px; color:#333}
.contact01 .rt{ width:675px; margin-right:60px}
.contact01 .rt .ahd{ font-size:35px; color:#333333; font-weight:bold; line-height:1}
.contact01 .rt .intro{ margin-top:10px; font-size:17px; color:#333333}
.contact01 .rt .form{ width:100%; margin-top:45px}
.contact01 .rt .form .inp1{ display:block; box-sizing:border-box; width:100%; height:58px; border:1px solid #b3b3b3; padding:0 20px; font-size:18px; color:#333; margin-bottom:25px}
.contact01 .rt .form .inp2{ display:block; box-sizing:border-box; width:100%; height:150px; border:1px solid #b3b3b3; padding:20px; font-size:18px; color:#333; margin-bottom:25px}
.contact01 .rt .form .inp3{ display:block; box-sizing:border-box; width:100%; height:58px; padding:0 20px; font-size:18px; color:#fff; background:#254485; cursor:pointer}
.contact02{ margin:100px 0; width:100%;position: relative;  z-index: 0;}
.contact02 img{ width:100%}
@media (max-width: 1600px){
	.contact01{ margin-top:80px; }
	.contact01 .lt{ width:550px;}
	.contact01 .lt .ahd{ font-size:28px;}
	.contact01 .lt .lx{ margin-top:30px}
	.contact01 .lt .lx .item{ padding:16px 0; }
	.contact01 .lt .lx .item .ico img{ height:60px;}
	.contact01 .lt .lx .item .cont{ width:calc(100% - 60px); padding-left:30px}
	.contact01 .lt .lx .item .cont .p1{ font-size:20px; }
	.contact01 .lt .lx .item .cont .p2{ font-size:16px; }
	.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:22px}
	.contact01 .lt .ewm{ margin-top:25px; }
	.contact01 .lt .ewm .item{ margin-right:25px}
	.contact01 .lt .ewm .pic{ width:130px; }
	.contact01 .lt .ewm .title{ font-size:16px;}
	.contact01 .rt{ width:600px; margin-right:0}
	.contact01 .rt .ahd{ font-size:28px;}
	.contact01 .rt .intro{ margin-top:10px; font-size:14px; }
	.contact01 .rt .form{ margin-top:30px}
	.contact01 .rt .form .inp1{ height:48px; padding:0 16px; font-size:14px; margin-bottom:16px}
	.contact01 .rt .form .inp2{ height:120px; padding:16px; font-size:14px; margin-bottom:16px}
	.contact01 .rt .form .inp3{ height:48px; padding:0 16px; font-size:14px;}
	.contact02{ margin:80px 0;}
}
@media (max-width: 1200px){
	.contact01{ margin-top:60px; }
	.contact01 .lt{ width:100%;}
	.contact01 .lt .ahd{ font-size:24px;}
	.contact01 .lt .lx{ margin-top:20px}
	.contact01 .lt .lx .item{ padding:15px 0; }
	.contact01 .lt .lx .item .ico img{ height:50px;}
	.contact01 .lt .lx .item .cont{ width:calc(100% - 50px); padding-left:25px}
	.contact01 .lt .lx .item .cont .p1{ font-size:18px; }
	.contact01 .lt .lx .item .cont .p2{ font-size:14px; }
	.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:20px}
	.contact01 .lt .ewm{ margin-top:20px; }
	.contact01 .lt .ewm .item{ margin-right:20px}
	.contact01 .lt .ewm .pic{ width:110px; }
	.contact01 .lt .ewm .title{ font-size:14px;}
	.contact01 .rt{ width:100%; margin-top:40px; margin-right:0}
	.contact01 .rt .ahd{ font-size:24px;}
	.contact01 .rt .intro{ margin-top:10px; font-size:12px; }
	.contact01 .rt .form{ margin-top:20px}
	.contact01 .rt .form .inp1{ height:40px; padding:0 15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp2{ height:100px; padding:15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp3{ height:40px; padding:0 15px; font-size:12px;}
	.contact02{ margin:60px 0;}
}
@media (max-width: 750px){
	.contact01{ margin-top:40px; }
	.contact01 .lt{ width:100%;}
	.contact01 .lt .ahd{ font-size:20px;}
	.contact01 .lt .lx{ margin-top:10px}
	.contact01 .lt .lx .item{ padding:15px 0; }
	.contact01 .lt .lx .item .ico img{ height:40px;}
	.contact01 .lt .lx .item .cont{ width:calc(100% - 40px); padding-left:20px}
	.contact01 .lt .lx .item .cont .p1{ font-size:16px; }
	.contact01 .lt .lx .item .cont .p2{ font-size:12px; }
	.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:16px}
	.contact01 .lt .ewm{ margin-top:20px; }
	.contact01 .lt .ewm .item{ margin-right:20px}
	.contact01 .lt .ewm .pic{ width:100px; }
	.contact01 .lt .ewm .title{ font-size:12px;}
	.contact01 .rt{ width:100%; margin-top:30px; margin-right:0}
	.contact01 .rt .ahd{ font-size:20px;}
	.contact01 .rt .intro{ margin-top:10px; font-size:12px; }
	.contact01 .rt .form{ margin-top:20px}
	.contact01 .rt .form .inp1{ height:40px; padding:0 15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp2{ height:100px; padding:15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp3{ height:40px; padding:0 15px; font-size:12px;}
	.contact02{ margin:40px 0;}
}



.article{line-height:2; font-size:18px; word-wrap:break-word;color: #252525; margin-top:30px }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:26px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article img{max-width: 100%;height: auto;}
.article video{max-width: 100%;height: auto}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
} 
#dituContent img{max-width: unset!important;}

.sjcontent{display: none;}

@media screen and (max-width: 1600px) {
   	.article{font-size: 16px;}
   	.article .hd h1{font-size: 22px;}
}
@media screen and (max-width: 1200px) {
   	.article{font-size: 14px; margin-top:20px}
   	.article .hd h1{font-size: 19px;}
   	.pccontent{display: none;}
   	.sjcontent{display: block;}
}
@media screen and (max-width: 750px) {
   	.article{font-size: 13px;}
   	.article .hd h1{font-size: 16px;}
}


.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom: 20px; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#254485; color:#fff; }

@media screen and (max-width: 1024px){
	.page{padding-top: 10px}
	.page a{padding: 0 5px;margin: 0 3px;font-size: 12px}
}
.newb{ margin-top:30px}
.newb ul{margin-bottom: 3%;}
.newb ul li{line-height: 60px;border-bottom: 1px solid #f2f2f2;transition: all 0.6s;}
.newb ul li a{display: block;float: left;width: calc(100% - 105px);box-sizing: border-box; font-size: 18px;color: #333333;transition: all 0.6s;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.newb ul li span{float: right;font-size: 16px;color: #999999;}
.newb ul li:hover{border-color: #254485;}
.newb ul li:hover a{color: #254485;font-weight: bold;margin-left: 10px;}
.list .news{margin-bottom: 20px}
.list .news tr td{line-height: 1;border-bottom: 1px solid #ddd;padding: 2% 0;font-size: 18px;}
@media screen and (max-width: 1600px){
	.newb ul li{line-height: 50px;}
	.newb ul li a{font-size: 16px;width: calc(100% - 95px);}
	.newb ul li span{font-size: 14px;}
	.list .news tr td{font-size: 16px;}
}
@media screen and (max-width: 1200px){
	.newb{ margin-top:20px}
	.newb ul li{line-height: 44px;}
	.newb ul li a{font-size: 14px;width: calc(100% - 80px);}
	.newb ul li span{font-size: 13px;}
	.list .news tr td{font-size: 14px;}
}
@media screen and (max-width: 750px){
	.newb ul li{line-height: 24px;padding: 10px 0;}
	.newb ul li a{font-size: 14px;width: 100%;float: none;}
	.newb ul li span{display: none;}
}


.piList{ margin-top:30px}
.piList .pic-item-list .pic-item{float:left;width: 31.33333%;margin:0 3% 3% 0;text-align: center;}

.piList .pic-item-list .pic-item:nth-child(3n){margin-right: 0;}
.piList .pic-item-list .pic-item .list-pic{overflow: hidden;}
.piList .pic-item-list .pic-item dl{padding: 0 3%;background: #f5f5f5;line-height: 3.2;}
.piList .pic-item-list .pic-item dl dt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.piList .pic-item-list .pic-item dl dt a{font-size: 18px;color: #333;}
.piList .pic-item-list .pic-item:hover dl{background: #254485;}
.piList .pic-item-list .pic-item:hover dl dt a{color: #fff;}
.piList .pic-item-list .pic-item .list-pic img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
	
}
.piList .pic-item-list .pic-item:hover .list-pic img{
	transform:scale(1.1);
-ms-transform:scale(1.1); 	
-moz-transform:scale(1.1); 	
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
@media only screen and (max-width:1600px){
	.piList .pic-item-list .pic-item dl dt a{font-size: 16px;}
}
@media only screen and (max-width:1200px){
	.piList{ margin-top:20px}
	.piList .pic-item-list .pic-item dl dt a{font-size: 14px;}


	.piList .pic-item-list .pic-item:nth-child(3n){margin-right: 0;}

	

}
@media only screen and (max-width:640px){
	.piList .pic-item-list .pic-item{float:left;width: 48%;margin:0 4% 4% 0;text-align: center;}
	.piList .pic-item-list .pic-item:nth-child(3n){margin-right: 4%;}
	.piList .pic-item-list .pic-item:nth-child(2n){margin-right: 0;}
	.piList .pic-item-list .pic-item dl dt a{font-size: 12px;}	
}


.picne{ margin-top:30px}
.picne .picnec .picneci{margin-bottom: 40px;background: #f8f8f8;}
.picne .picnec .picneci .picnecil{float: left;width: 320px;overflow: hidden;}
.picne .picnec .picneci .picnecil img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
	
}
.picne .picnec .picneci:hover .picnecil img{
	transform:scale(1.1);
-ms-transform:scale(1.1); 	
-moz-transform:scale(1.1); 	
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
.picne .picnec .picneci .picnecim{float: left;margin-left: 30px;width: calc(100% - 400px);}
.picne .picnec .picneci .picnecim .picnecima{margin-top: 30px;font-size: 24px;color: #3c3c3d;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.picne .picnec .picneci:hover .picnecim .picnecima{color: #254485;}
.picne .picnec .picneci .picnecim .picnecimb{margin-top: 5px;font-size: 13px;color: #666666; }
.picne .picnec .picneci .picnecim .picnecimc{margin-top: 15px;font-size: 16px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.picne .picnec .picneci .picnecim .picnecimd{margin-top: 20px;font-size: 16px;color: #999999;}
.picne .picnec .picneci .picnecir{float: right;width: 188px;text-align: center;margin-top: 58px;border-left:1px solid #dbdbdb;padding-bottom: 30px; display:none}
.picne .picnec .picneci .picnecir div{font-size: 60px;color: #999999;font-weight: bold;}
.picne .picnec .picneci .picnecir p{font-size: 16px;color: #999999;}
.picne .picnec .picneci:hover .picnecir div{color: #254485;}
.picne .picnec .picneci:hover .picnecir p{color: #254485;}
@media screen and (max-width: 1600px){
	.picne .picnec .picneci{margin-bottom: 30px;}
	.picne .picnec .picneci .picnecil{width: 280px;}
	.picne .picnec .picneci .picnecim{margin-left: 20px;width: calc(100% - 320px);}
	.picne .picnec .picneci .picnecim .picnecima{margin-top: 26px;font-size: 20px;}
	.picne .picnec .picneci .picnecim .picnecimc{margin-top: 12px;font-size: 14px;line-height: 20px;}
	.picne .picnec .picneci .picnecim .picnecimd{margin-top: 16px;font-size: 14px;}
	.picne .picnec .picneci .picnecir{width: 150px;margin-top: 40px;padding-bottom: 20px;}
	.picne .picnec .picneci .picnecir div{font-size: 50px;}
	.picne .picnec .picneci .picnecir p{font-size: 14px;}
}
@media screen and (max-width: 1200px){
	.picne{ margin-top:20px}
	.picne .picnec .picneci{margin-bottom: 20px;}
	.picne .picnec .picneci .picnecil{width: 300px;}
	.picne .picnec .picneci .picnecir{display: none;}
	.picne .picnec .picneci .picnecim{width: calc(100% - 340px);margin-left: 25px;}
	.picne .picnec .picneci .picnecim .picnecima{margin-top: 30px;font-size: 18px;}
	.picne .picnec .picneci .picnecim .picnecimc{margin-top: 10px;font-size: 13px;line-height: 18px;}
	.picne .picnec .picneci .picnecim .picnecimd{margin-top: 15px;font-size: 13px;}
	.picne .picnec .picneci .picnecim .picnecimb{display: block;}
}
@media screen and (max-width: 750px){
	.picne .picnec .picneci{margin-bottom: 15px;}
	.picne .picnec .picneci .picnecil{float: none;width: 100%;}
	.picne .picnec .picneci .picnecil img{width: 100%;}
	.picne .picnec .picneci .picnecim{width: 100%;margin-left: 0;padding: 4% 3%;box-sizing: border-box;}
	.picne .picnec .picneci .picnecim .picnecima{margin-top: 0;font-size: 16px;-webkit-line-clamp: 2;}
	.picne .picnec .picneci .picnecim .picnecimd{display: none;}
}