@charset "utf-8";
/* CSS Document */

.cent,.foot{ width:80%; margin:auto; overflow:hidden}
.tdw{ position:relative; background:#fff}
.mmm .header{ border:0}
.head1{ width:80%; margin:auto}
.banner{ position:relative}
.banner p img{ width:100%}
.head1 .logo{ width:121px; margin-top:21px;}
.head1 .navz{width:85%;}
.zg{width:85%;float:left;}
.head2{ width:3%; float:left; position:relative; margin-left:2%;}
.head2{ text-align:right; font-size:18px; color:#fff; margin-top:33px;font-weight: bold;}
.head2 span{ position:absolute; top:51px; right:0; background:#fff;box-shadow: 0 0 8px #ddd; overflow:hidden; width:200px; display:none;z-index: 99;}
.head2 span input{ height:40px; line-height:40px; float:left}
.head2 span input:nth-child(1){ width:80%; padding:0 10px}
.head2 span input:nth-child(2){ width:20%; background:url(../images/sy-3.png) no-repeat center #e9e9e9; background-size:23px;}
.head2 img{ cursor:pointer} 
.head4{ float:left; width:6%;margin-top: 30px; margin-left:4%; background:#e9e9e9; line-height:30px; color:#fff; text-align:center; border-radius:30px; position:relative}
.head4 a{ font-size:16px; cursor:pointer; /*! color:#fff; */}
.head4 a img{ vertical-align:middle; margin-left:6px;}
.head4 span{ display:none; background:#fff; border-radius:10px; padding:10px 0; position:absolute; top:50px; width:112px;z-index: 9;left:0; margin-left: -20px;box-shadow: 0 0 8px #ccc;}
.head4 span a{ display:block; font-size:16px; text-align:center; color:#333; text-align:center; line-height:30px; padding-bottom:0}
.head4 span a:hover{ color:#D1241A}
.head4 span::before{ content: ""; background:url(../images/sy-4-1.png) no-repeat center; width:12px; height:7px; position:absolute;left: 49px;
  top: -7px}
.logo img{ width:100%}
.nav1 ul{ overflow:hidden; text-align:right;display: flex; justify-content: space-around}
.nav1 ul li{ display:inline-block;}
.nav1 ul li a{ font-size:16px; display:block; padding:31px 0; position:relative}
.nav1 ul li a img{ vertical-align:middle; margin-left:5px}
.nav1 ul li a:hover,.nav1 ul .dq a{ color:#00407C;font-weight: bold;}
.nav2,.sjx{ display:none}
.nng1{ width:400px}
.nng1 p{ width:58%; float:left; border-right:#8894C0 1px solid; padding-right:10%}
.nng1 p img{ width:100%;}
.nng1 ul{ width:31%; float:right}
.nng1 ul li{ margin:10% 0}
.nng1 ul li a{ font-size:16px; color:#C4C8DC;}
.nng1 ul li a:hover{ color:#fff}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%; display:block}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:50px;overflow:hidden;background:#333; border-radius:50%; cursor:pointer;}
.flex-control-nav .flex-active{background:#fff;}
.dropMenu{ position:absolute; top: 0; left:0; padding:15px 0; z-index:9999;visibility: hidden;background:#fff; overflow:hidden; width:148px; margin-left: -33px; opacity: .9;}
.dropMenu li{ line-height:30px; text-align:center;}
.dropMenu li a{ font-size:15px;display:block;} 
.dropMenu li a:hover{ color:#D1241A;}
header{ display:none}
.sjx{ display:none !important}
.qh a{ color:#fff}
.he_ZoomInImg,.xm1 dl dt,.sc1 dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.xm1 dl dt img,.sc1 dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.xm1 dl dt:hover img,.sc1 dl dt:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.sy-bt{ text-align:center; font-size:36px; margin:6% 0 4%;font-family: "SourceHanSansCN-Regular-2";font-weight: bold;}
.sy-bt span{ display:block; font-size:20px;margin-top: 2%;}
.sy-bt img{ vertical-align:middle; margin:0 20px}
/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:1 }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0;}
div.miso-slider .miso-list{ padding:0 5px}
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display:inline-block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ font-size:20px; color:#fff; font-weight:bold; font-family:"Microsoft Yahei"}
.miso-lightbox .miso-prev:before{ content: '←';}
.miso-lightbox .miso-next:before{ content: '→';}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.sy1{ background:#fafafa; overflow:hidden;}
.sy2 .cent{ overflow:inherit}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hover {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.footer{ background:#21acd7; color:#fff;}
.footTop{ padding-top: 2.52vw; padding-bottom:2.68vw;}
.footTop .container{/*! display:flex; */ /*! justify-content:space-between; */ }
.footLx{width: 37%;}
.footTel{ font-size: 24px; line-height:37px; color:#fff;}
.footTel img{ vertical-align:middle; margin-right:10px}
.footTel strong{ color:#fff;margin:0 0 1vw;}
.footInfo p{ position: relative; line-height: 36px; font-size: 18px; /*! padding-left: 24px; */ color: #fff;}
.footInfo p img{ /*! position: absolute; */ /*! top: 6px; */ /*! left:0; */vertical-align: middle;margin-right: 15px;}
.footFr{ width:165px; position:relative;}
.footFrnm{ font-size: 16px; line-height: 35px; color: #666666; display: block; padding-left: 14px; background: #F6F6F6 url(../images/foot_ar.png) no-repeat 135px center; background-size: 6px auto; border-radius:0.3rem; }
.footMenu{width: 63%;overflow: hidden;}
.footMenu dl{ float:left; /*! padding:0 16px; */text-align: center;}
.footMenu dl dt{ /*! font-size: 16px; */ line-height: 23px; margin-bottom: 3%;}
.footMenu dl dd{ font-size: 14px; line-height: 27px; }
.footMenu_a{ color:#fff;font-size: 18px;}
.footMenu_a:hover,.footMenu dl dt.dq .footMenu_a{ color:#fff; font-weight:bold}
.footMenu_a2{ color:rgba(255,255,255,0.5);}
.footMenu_a2:hover{ color:#fff;}
.footWx{ text-align:center; max-width:151px; padding-top:9px;}
.footWx img{}
.footWx p{ font-size: 14px; line-height: 42px; letter-spacing: 1px; color:rgba(255,255,255,0.5); }
.footBom{ border-top: 1px solid #1d96bb; text-align: left; font-size: 16px; line-height: 28px; color: #FFF; padding: 1.1vw 0px; color: #999;}
.footBom p{ overflow:hidden;color: #fff;}
.footBom p a{ color:#fff;font-size: 16px;}
.footBom p a:hover{ color:#fff}
.footBom p .a2{ float:right}
.footBom p .a1{ display:inline-block; margin-left:5%}
.footLinks{ background:#F6F6F6; width:100%; position:absolute; left:0; bottom:35px; border-radius:0.3em; padding:15px; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:scaleY(0); transform-origin:center bottom;}
.footFr:hover .footLinks{opacity:1; transform:scaleY(1); visibility:visible;}
.footLinks ul li{ font-size:15px; line-height:24px; padding:5px 0px;}
.footWx{width:120px;}
.footMenu dl{ width:12.5%;}
.footTop{padding:3vw 0 0.8vw;}
.xf1{ position:fixed; z-index:999; right:30px; bottom:10%; display:none !important}
.xf1 ul li{ margin:5px 0; position:relative; cursor:pointer}
.xf1 ul li span{ background:#fff; font-size:18px; position:absolute; right:60px; top:0px; padding:13px 20px; display:none}
.xf1 ul li:hover span{ display:block}
.xf1 ul li span img{ width:120px; height:120px}
.xf1 ul li:nth-child(2) span{width: 120px; padding: 0; background:none; top:-34px}
.xf1 ul li:nth-child(3) span{ width:170px;}
.sy1 p img,.sy1 p video{ width:100%}
.scrollbox{ position:relative; margin-bottom:6%; margin-top:-10px}
#scrollDiv{ height:1024px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{ margin:10px 0; background:#EAECEF; overflow:hidden; vertical-align:bottom; zoom:1;}
#scrollDiv li .right h3 a{ font-size:24px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#scrollDiv li .right h3{ margin-bottom:1%}
#scrollDiv li .right p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:18px; color:#8d8b8b; margin-bottom:0}
#scrollDiv li .right h5{font-size: 14px; color: #999; margin-bottom:2%;}
#scrollDiv li .right h4 a{ font-size:15px; color:#004b8e}
#scrollDiv li .left{ width:11.3%}
#scrollDiv li .left p img{ width:100%;}
#scrollDiv li .right{ width:85%;padding-top:1.5%; padding-right:2%}
.scroltit .updown{ width:80px; height:80px;}
.scroltit{ position:absolute; right:-100px; top:50%; margin-top:-80px}
.new-c1{ overflow:inherit}
#but_up{ background:url(../images/sy-13.jpg) no-repeat 0 0; text-indent:-9999px;}
#but_down{ background:url(../images/sy-12-1.jpg) no-repeat 0 0; text-indent:-9999px}
#but_up:hover{ background:url(../images/sy-13-1.jpg) no-repeat 0 0;}
#but_down:hover{ background:url(../images/sy-12.jpg) no-repeat 0 0;}
.new-c{ max-width:70%;}
.subNav{background:url(../images/jr-3.png) no-repeat center right 3% #004b8e;}
.currentDt{background:url(../images/jr-3-1.png) no-repeat center right 3% #004b8e;}
.navContent{display: none;}
.xz-l-1{ position:relative; color:#fff; padding:2% 6% 2% 2%; cursor:pointer}
.xz-l-1 h1{ font-size:20px; margin-bottom:1.5%; color:#fff}
.xz-l-1 p{ font-size:18px; color:#fff}
.xz-l-1 p span{ display:inline-block; margin:0 5%}
.xz-l-1-en p span{ margin:0 2%}
.xz-l{ background:#f9f9f9; border:#ccc 1px solid; border-top:0; margin-bottom:1%; padding:0% 6% 4%; overflow:hidden}
.xz-l-1{ margin-bottom:1%}
.currentDd{ margin:0}
.subNavBox{ margin-bottom:6%; margin-top:2%}
.xz-l h1{ font-size:18px; margin:5% 0 1%;}
.xz-l .jj1{ margin-top:1%}
.xz-l p{ font-size:18px; /*! padding-left:2%; */ margin-top:1%;}
.xz-l p span{ color:#c71a2d}
.xz-l p img{ vertical-align:middle; margin-right:10px}
.rcz dl{ overflow:hidden; margin-bottom:5%}
.rcz dl dt{ float:left; width:27%}
.rcz dl dt img{ width:100%}
.rcz dl dd{ float:right; width:63%; font-size:20px; line-height:45px; padding-top:2%;}
.jr1 p img,.jr1 p video{ width:100%}
.jr1 p{ height: 500px; background: #f9f9f9;}
.jr2{ margin-top:5%; padding:0}
.jr2 p{ font-size:18px; color:#666; line-height:30px;}
.jr2 h2{ margin-top:4%; padding:0 20%}
.jr2 h2 img{ display:block; margin:auto; width:100%}
.zp-bt{ margin-top:5%; font-size:24px; color:#00407C; font-weight:bold}
.ny-banner p img{ width:100%}
.ny-z{ width:13%;}
.ny-y{ width:80%;}
.nyce{ margin:4% 0 6%}
.ny-z ul li{ margin-bottom:12%;}
.ny-z ul li a{ font-size:22px; display:block;line-height: 20px; border-bottom:#fff 1px solid; color:#333;word-wrap: break-word;}
.ny-z ul li a:hover,.ny-z ul .dq1 a{ font-weight:bold; color:#00407C}
.xm1{ overflow:hidden; margin-left:-3%}
.xm1 dl{ float:left; width:47%; margin-left:3%; margin-top:3%}
.xm1 dl dt img{ width:100%; height:299px; display:block}
.xm1 dl dd{ font-size:20px; margin-top:6%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.fy{ text-align:center; margin-top:6%}
.fy a{ padding:3px 10px; font-size:18px; display:inline-block; margin:0 3px}
.fy a:first-child,.fy a:last-child{ background:#21ACD7; color:#fff}
.fy .curr{ color: #21ACD7}
.sc1{ margin-top:-5%}
.sc1 dl{ margin-top:5%; overflow:hidden}
.sc1 dl dt{ float:left; width:23%}
.sc1 dl dt img{ display:block; width:100%;}
.sc1 dl dd{ float:right; width:70%}
.sc1 dl dd p{ margin-top:3%}
.sc1 dl dd h5{ color:#00407C; margin-top:3%; font-weight:bold}
.sc1 dl dd p{ font-size:18px;}
.sc1 dl dd h5{ font-size:20px;}
.fw2{ overflow:hidden; background:url(../images/fw-2.png) no-repeat bottom left 10%; padding-bottom:7%; margin-bottom:3%}
.fw2:last-child{ background: none; padding-bottom:0; margin-bottom:0}
.fw2 .left{ width:250px; display: table;}
.fw2 .right{ width:69%;display: table; height:250px}
.fw2 .right h5{ display: inline-block;
    color:#00407C;
    margin-top: 3%;
    font-size: 18px;}
.fw2 .left p{ background:#00a0e9; border-radius:50%; width:250px; height:250px; font-size:26px; color:#fff; text-align:center;display: table-cell; vertical-align: middle;}
.fw2 .right p{ font-size: 18px; margin-top: 3%;}
.fw2 .right p span{ display:block; color:#6eaedb}
.es1 p{ font-size:18px; line-height:35px}
.es-bt{ margin-bottom:4%}
.es-bt span{ font-size:18px; display:block; color:#333; margin-top:1%; font-weight:normal}
.es2{ margin-top:0%}
.es2 dl{ margin-top:3%}
.es2 dl dt{ width:35%}
.es2 dl dd{ width:55%}
.es2 dl dd h5{ margin-top:8%}
.es-bt1{ margin-top:0}
.es1 h4 img,.gy1 p img,.gy2 p img,.gy2 p video{ width:100%}
.gy1 h3{ margin-top:1.5%; font-size:18px;}
.gy1 h3 span{ color:#6eaedb}
.gy3{ margin-top:-2%}
.gy3 h4{ margin-top:3%}
.ui-banner{display:block;position:relative;width:100%;}
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:551px;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{width:74%;height:551px;left:1px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute;top:0;+top:10px; width:100%}
.ui-banner .ui-banner-slides li img{width:100%;height:551px;border:none;display: block;}
.ui-banner .ui-banner-slides li span{ display:block; position: absolute;bottom: 0;left: 0; width: 100%; z-index: 9; background: #fff; background-color: rgba(255,255,255,0.7); filter: Alpha(opacity=70); font-size: 18px; text-align: center; padding: 11px; color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-829px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:829px;}
.ui-banner .ui-banner-slogans{height:551px;overflow:hidden;width:23%;right:0;}
.ui-bnnerimg{ width: 100%;}
.ui-bnnerimg img{ width:100%;height: 171px;}
.ui-bnnerp{padding-left: 10px;margin-top: 10px;}
.ui-bnnerp h3{font-size: 16px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-bnnerp p{color: #666;}
.ui-line{zoom: 1;overflow: hidden;}
.ullinehover{height: 203px;margin: 0 0 20px 0;+margin: 0 0 1px 25px;}
.ui-banner .ui-banner-arrow{display:block;width:23px;outline:none;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{background:url(../images/sy-12-1.jpg) no-repeat;height: 80px;right: -90px;top:190px;width: 80px;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{background:url(../images/sy-13.jpg) no-repeat;height: 80px;right: -90px;top:270px;width: 80px;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev:hover{background:url(../images/sy-12.jpg) no-repeat;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next:hover{background:url(../images/sy-13-1.jpg) no-repeat;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}
.cent1{ overflow:inherit}
.ui-banner-slogans1 .ullinehover{ height:171px}
.index-new1{ margin-top:4%}
.xj1{ overflow:hidden; margin-left:-2%; margin-top:2%}
.xj1 dl{ float:left; width:48%; margin-left:2%; margin-top:2%}
.xj1 dl dt img{ width:100%; height:345px; display:block}
.xj1 dl dd{ text-align:center; margin-top:4%; font-size:22px; height:67px; overflow:hidden}
.xq1{ margin:6% 0;}
.xq1 h1{ font-size:33px; text-align:center; font-weight:bold}
.xq1 h2{ font-family: "SourceHanSansCN-Regular-2"; text-align:center; font-size:16px; color:#666; margin:2% 0 3%; border-bottom:#ccc 1px solid; padding-bottom:2%; font-weight:normal}
.xq1 h3{ overflow:hidden; margin-top:4%; line-height:28px; border-top:#ccc 1px solid; padding-top:3%; font-weight:normal}
.xq1 h3 a{ font-size:16px; width:50%; display:inline-block} 
.xq1 h3 .right{ text-align:right}
.sp1{ overflow:hidden; margin-top:3%}
.sp1-1{ float:left; width:75%;}
.sp1-1 video,.sp1-1 img{ width:100%; height:514px}
.sp1-2{ float:right; width:23%;}
.sp1-2 img{ width:100%; display:block; height:157px}
.sp1-2 li{ cursor:pointer; margin-bottom:8%}
.sp1-2 li:last-child{ margin-bottom:0}
/*@media screen and (max-width: 1700px) {*/
.cent,.foot,.head1{ width:80%; max-width:1400px;}
.new-c{ width:70%}
#scrollDiv li .right h3 a{ font-size:20px}
#scrollDiv li .right p,.jr2 p,.xz-l-1 p,.xz-l h1,.xz-l p,.es-bt span,.footInfo p, .footMenu_a{ font-size:16px}
#scrollDiv{ height:852px}
.footTel{ font-size:20px;margin-bottom: 2%;}
.xz-l-1 h1,.xm1 dl dd{ font-size:18px}
.xm1-en dl dd{ font-size:14px}
.zp-bt{ font-size:22px}
.xm1 dl dt img{ height:262px}
.ny-z ul li a{ font-size:20px}
.sc1 dl dd p{ margin-top:2%}
.fw2 .left p{ font-size:24px; width:200px; height:200px}
.fw2 .left{ width:200px}
.fw2 .right{ height:200px}
.fw2{background: url(../images/fw-2.png) no-repeat bottom left 8%;}
.fw2 .right p{ font-size:16px; line-height:35px; margin-top:0}
.ui-banner .ui-banner-slides li img,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner, .ui-banner .ui-banner-slides, .ui-banner .ui-banner-slogans, .ui-banner .ui-banner-arrow{ height:500px}
.ui-bnnerimg img,.ui-banner-slogans1 .ullinehover{ height:150px}
.ullinehover{ height:182px}
.xj1 dl dt img{ height:302px}
.xj1 dl dd{ font-size:20px; height:60px}
.sp1-2 img{ height:138px}
.sp1-1 video,.sp1-1 img{ height:450px}
.footMenu dl dt{ line-height:20px}

.ul-imgtxt4 .inner::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;background:#000; background-color: rgba(0,0,0,0.3); filter: Alpha(opacity=30);}

.sp1-12 li{ position:relative}
.sp1-12 li span{ display:block; position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:18px; padding:15px 0;background:#fff; background-color: rgba(255,255,255,0.7); filter: Alpha(opacity=70);}
.ui-banner11 .ui-banner-slides li span{ bottom:inherit; top:0}

.wrapper1{overflow: hidden;}
.wrapper1,.wrapper1 ul li{ height: 39vw;}
.wrapper1 ul li{position: relative;float: left;width:20%;transition: .6s; background-position:center}
.wrapper1 ul:hover li{width:10%;}
.wrapper1 ul li:hover{width:60%;}
.p1{position:absolute;left: 0;top:50%;width:100%; margin-top:-24px; text-align:center; color:#fff; font-size:32px; font-weight:bold;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.wrapper1 ul li::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;background:#000; background-color: rgba(0,0,0,0.3); filter: Alpha(opacity=30);}

#scrollDiv li .left,#scrollDiv li .left p img{ width:134px; height:134px}
#scrollDiv{ height:874px}


@media screen and (max-width: 1500px) {
#scrollDiv li .right p,.jr2 p,.xz-l-1 p,.xz-l h1,.xz-l p,.es-bt span,.footInfo p, .footMenu_a{ font-size:14px}
.footInfo p{ font-size:16px} 
.zg{ width:82%} 
.head2{ width:5%}
.sy-bt span{ font-size:18px}
.new-c{ max-width:70%}
#scrollDiv li .right{ width:82%} 
#scrollDiv li .right{ padding-top:2.4%}
.footLx{ width:47%;}
.footMenu{ width:53%;}
.footLx-en{ width:34%}
.footMenu-en{ width:66%}
.ny-z ul li a,.sc1 dl dd h5{ font-size:18px}
.xm1 dl dd,.fy a,.sc1 dl dd p,.es1 p,.gy1 h3,.ui-banner .ui-banner-slides li span{ font-size:16px}
.xm1 dl dt img{ height:224px}
.fw2{background: url(../images/fw-2.png) no-repeat bottom left 10%;}
.ui-bnnerp h3{ font-size:14px}
.ui-banner .ui-banner-slides li img,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner, .ui-banner .ui-banner-slides, .ui-banner .ui-banner-slogans, .ui-banner .ui-banner-arrow{ height:414px}
.ui-bnnerimg img,.ui-banner-slogans1 .ullinehover{ height:129px}
.ullinehover{ height:159px}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{ top:145px}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{ top:205px}
.xj1 dl dt img{ height:259px}
.xj1 dl dd{ font-size:18px; height:55px}
.sp1-2 img{ height:118px}
.sp1-1 video,.sp1-1 img{ height:386px}
.gy33 p{ font-size:18px}
.sp1-12 li span{ font-size:16px}
.footLx-en .footInfo p{ line-height:24px; margin-top:2%; font-size:15px;}
.nav1-en ul li a{ font-size:15px}
.p1{ font-size:24px}

.xm1-en dl dd{ font-size:12px}
	}
.n_news{ margin:3% 0 6%}
.n_news ul li .fl,.n_news ul li .fl span{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 
.n_news li:hover img{ -moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); transform:scale(1.1);}
.n_news ul li:first-child{ border:0}
.n_news ul li { display:block; overflow:hidden}
.n_news ul li .box1 { padding:2.5% 0; border-bottom:#ccc 1px solid; background: transparent; overflow:hidden}
.n_news ul li .fl { position:relative; padding-top:3%; padding-left: 155px; float:left; width:73%}
.n_news ul li .fl .date { position: absolute; left: 0; float: left;  }
.n_news ul li .fl .date span{ display:block; margin-top:20px; height:22px; width:28px; background:url(../images/xw-1.png) no-repeat center }
.n_news ul li .fl .date strong{ display:block; font-size:26px; color:#999; display:block; margin-top:-9px;font-weight: normal;}
.n_news ul li .fl .date strong::before {width: 35px;height: 1px;content: '';background: #7D7D7D;position: absolute;top: 11px;left:100px;transition: all 0.3s ease-out 0s;}
.n_news ul li .fl .date strong strong{ font-weight:normal; font-size:15px; color:#999; display:block; margin-top:3px;border: #ccc 1px solid;width: 50px;text-align: center;padding: 2px 0;}
.n_news ul li .fl a{ display:block;/*! font-size: 22px; */}
.n_news ul li .fl a h1{ font-size:26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-top:0px; color:#333; display:block; margin-bottom:2%;}
.n_news ul li .fl a p{ color: #333; line-height:26px; font-size:15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news ul li .fr { display:block; overflow:hidden; float:right; width:23%;}
.n_news ul li .fr img {width:100%; height:206px;}
.n_news li:hover .fl { padding-left: 175px;}
.n_news li:hover .fl h1,.xq1 h3 a:hover{ color:#27ac74;}
.n_news .box1:hover .date strong{ color:#666;}
.n_news .box1:hover .date strong::before {width: 60px;transition: all 0.3s ease-out 0s;background: #7D7D7D;}
.nnn{ overflow:hidden}
.gzh{ width:90px; float:right; clear:both; margin-top:1%; text-align:center; font-size:12px;}
.gzh img{ display:block; margin-bottom:4px;}