@charset "utf-8";

@font-face{ font-family:myFirstFont; src:url(../font/DINCond-Medium.otf);}

@font-face{ font-family:impact; src:url(../font/impact.ttf);}

@font-face{ font-family:simsun; src:url(../font/simsun.ttf);}

@media (max-width:1920px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}



/*==========================================公共 开始=============================================*/

.ar_wap{ display:none}

.a_body{position:relative;z-index:0;}

.a_body{

}

.a_body01{

	height:100vh;

	overflow:hidden;

	-webkit-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);

	   -moz-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);

	    -ms-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);

	     -o-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);

	        transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);

	-webkit-transform:translateX(80%);

	   -moz-transform:translateX(80%);

	    -ms-transform:translateX(80%);

	     -o-transform:translateX(80%);

	        transform:translateX(80%);

}

.a_body.is-visible{

	-webkit-transform:translateX(0%);

	-moz-transform:translateX(0%);

	-ms-transform:translateX(0%);

	-o-transform:translateX(0%);

	transform:translateX(0%);

	height: auto;

}

.section{overflow:hidden;max-height: 100%;}





/*动画 结束*/



.mtrans,.mtrans:hover{-webkit-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-moz-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-ms-transition:all .8s cubic-bezier(.19,1,.22,1) 0s}

.mtrans-fast,.mtrans-fast:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}



.menu-handler{display:block;z-index:1000000;background: rgba(0,0,0,0.35);width: 48px;height: 45px;cursor:pointer;position:fixed;right: 5rem;top: 3rem;transition:all .3s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);}

.menu-handler .box{display:block;height:45px;overflow:hidden;position:  relative;}

.menu-handler::after{width:48px;height:45px;box-sizing:border-box;content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;border:5px solid rgba(0,0,0,.3);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:intervalHamburgerBorder;animation-name:intervalHamburgerBorder;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

@-webkit-keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}

@keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}

.hamburger{width:45px;height:45px;display:block;position:relative;cursor:pointer;float:right;z-index:110;margin-top:50px;margin-right:20px;border:1px solid #fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}



.menu-handler .burger{width: 26px;height: 2px;background: #fff;display:block;position:absolute;z-index:5;top: 13px;left:50%;margin: 0 0 0 -13px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;}

.menu-handler .burger-2{top: 21px;}

.menu-handler .burger-3{top: 29px;}

.menu-handler.active .burger-1{top: 22px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}

.menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}

.menu-handler.active .burger-3{top: 22px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);}



.menuBox{position:fixed;z-index: 100000;left:0;right:0;top:0;height:100%;visibility:hidden;}

.menuBox:after,.menuBox:before{content:"";position:absolute;width:100%;height:50%;background:#333;-webkit-transition:.8s cubic-bezier(.77,0,.175,1);-moz-transition:.8s cubic-bezier(.77,0,.175,1);transition:.8s cubic-bezier(.77,0,.175,1)}

.menuBox:before{top:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}

.menuBox:after{bottom:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}

.menuBox .navMobile{padding-top:18%;opacity:0;visibility:hidden;-webkit-transition:.45s;-moz-transition:.45s;transition:.45s;}

.menuBox.show{visibility:visible}

.menuBox.show:after,.menuBox.show:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}

.menuBox.show .navMobile{opacity:1;visibility:visible;-webkit-transition:.76s .6s;-moz-transition:.76s .6s;transition:.76s .6s}

.menuBox .lang{display:none}

.navMobile{text-align:center;position:relative;z-index:1}



.navMobile dl{ margin-right:4rem; display:inline-block; margin-bottom:1.25rem}

.navMobile dt{font-size:1.125rem;color:#fff;margin-bottom:1.25rem;}

.navMobile dt a{ color:#fff}

.navMobile dd{font-size:0.9375rem;color: #a7b7d2;line-height:1.875rem;}

.navMobile dd a{color: #8d8d8d;}





header{position:fixed;z-index:10000;top:3.125rem;width:100%;display: none;}

header .logo{position:absolute;left:50%;margin-left:-4rem;top: 15px;}

header .logo embed{width: 9rem;display: inline-block;}

header .logo:before{content: "";position: absolute;left: -665px; top: -460px;  width: 220px;  height: 15px; background-color: rgba(255,255,255,.5);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite;}

/*@-webkit-keyframes searchLights {

    0% {

        left: -100px;

        top: 0;

    }



    to {

        left: 120px;

        top: 100px;

    }

}



@-o-keyframes searchLights {

    0% {

        left: -100px;

        top: 0;

    }



    to {

        left: 120px;

        top: 100px;

    }

}



@-moz-keyframes searchLights {

    0% {

        left: -100px;

        top: 0;

    }



    to {

        left: 120px;

        top: 100px;

    }

}



@keyframes searchLights {

    0% {

        left: -100px;

        top: 0;

    }



    to {

        left: 120px;

        top: 100px;

    }

}*/





header nav {margin-top: 25px;transition: all .3s;}

header .nav-item {position: relative;float: left;margin: 0 2rem;font-size: 1.125rem;text-align: center;height: 80px;}
header .nav-item.on a{color: #15569d;}
header .nav-item.current > a { color: #15569d; }

header .nav-item:hover > a { color: #15569d; }

header .nav-item:hover .sub-nav-list {margin-top: -18px;opacity: 1;visibility: visible;}

header .nav-item > a {display: block;/* color: #fff; */line-height: 45px;transition: all .2s;}

header .nav-item > a:hover { color: #15569d; }

header .sub-nav-list {position: absolute;top: 100%;left: -30px;right: -30px;margin-top: 25px;padding-top: 20px;padding-bottom: 20px;background: #fff;opacity: 0;visibility: hidden;transition: all .3s;box-shadow: 0 0 10px rgba(0,0,0,0.25);}

header .sub-nav-list:before {content: '';position: absolute;top: 0;left: 50%;width: 28px;height: 4px;margin-left: -14px;background: #15569d;}

header .sub-nav-item {position: relative;line-height: 35px;color: #666;cursor: pointer;transition: all .3s;z-index: 1;font-size: 14px;}

header .sub-nav-item a{ color:#333}

header .sub-nav-item:hover a{ color: #fff; }

header .sub-nav-item:hover:before { transform: none; }

.no-csstransforms header .sub-nav-item:hover:before { visibility: visible; }

header .sub-nav-item:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #15569d;transition: all .3s linear;transform: scale(0, 1);z-index: -1;}

.no-csstransforms header .sub-nav-item:before { visibility: hidden; }

header .contact { margin-top: 32px; transition: all .3s; }

header .contact-item { position: relative; display: block; float: left; width: 21px; height: 16px; margin-left: 25px; background: no-repeat center; transition: background .2s; }

header .contact-item.sina { background-image: url("../images/sina.png"); }

header .contact-item.sina:hover { background-image: url("../images/sina_h.png"); }

header .contact-item.wx { background-image: url("../images/wx.png"); }

header .contact-item.wx:hover { background-image: url("../images/wx_h.png"); }

header .contact-item:hover .contact-2wm { margin-top: 20px; opacity: 1; visibility: visible; }

header .contact-2wm { position: absolute; top: 100%; right: 0; width: 120px; height: 120px; margin-top: 30px; margin-right: -5px; padding: 5px; background: #fff; border: 1px solid #eee; border-radius: 5px; box-shadow: 1px 1px 3px 1px #aaa; opacity: 0; visibility: hidden; transition: all .5s; }

header .contact-2wm:before { content: ''; position: absolute; right: 5px; bottom: 100%; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; z-index: 2; }

header .contact-2wm:after { content: ''; position: absolute; right: 4px; bottom: 100%; margin-top: -1px; margin-left: -9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #aaa; z-index: 1; }

header .contact-2wm img { width: 100%; }

header.scroll-down { height: 50px; }

header.scroll-down .logo { margin-top: 14px; }

header.scroll-down .logo img { width: 100px; height: 20px; }

header.scroll-down nav { margin-top: 10px; }

header.scroll-down .contact { margin-top: 18px; }

header.scroll-down .nav-menu-btn { margin-top: 10px; }

header.scroll-down .nav-item:hover .sub-nav-list { margin-top: 10px; }

header .nav-menu-btn { display: none; }

header .nav-item > i{ display:none}



.navbar-overlay { display: none; }





@-webkit-keyframes scale-bg{

	from{-webkit-transform:scale(1.2);transform:scale(1.2)}

	to{-webkit-transform:scale(1);transform:scale(1)}

}

@keyframes scale-bg{

	from{-webkit-transform:scale(1.2);transform:scale(1.2)}

	to{-webkit-transform:scale(1);transform:scale(1)}

	

}

.container01 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative}

.container01 .index_banner .item video{ position:absolute; top:0; left:0; height: 100%; width: 100%; object-fit: cover;}

.container01 .index_banner .item.miso-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}

.container01 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-size: cover !important;}

.container01 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}

.container01 .index_banner .item .inner .block_txt{position:absolute;top: 30%;right:10px;left:10px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 1000ms ease;transition:all 1000ms ease;}

.container01 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}

.container01 .index_banner .item .inner .block_txt h4{color:#fff;text-align:center;}

.container01 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:700;text-align:center;letter-spacing:5px}

.container01 .index_banner .item .inner .block_txt h2 span{color:#f5c920;display:inline-block;letter-spacing:5px}

.container01 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}

.container01 .miso_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:0;border:0}



.container01 .index_banner .item:nth-child(2) .inner .block_txt{ top:25%}

.container01 .index_banner .item:nth-child(2) .liu_icon,.container01 .index_banner .item:nth-child(2) .banner_list2{ display:none}

.container01 .index_banner .item:nth-child(3) .liu_icon,.container01 .index_banner .item:nth-child(3) .banner_list2{ display:none}

.container01 .index_banner .item:nth-child(3) .inner .block_txt{ top:40%}



.container01 .index_banner .item:nth-child(3) .inner .block_txt h4{ text-align:right;}



.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ width:60px; height:60px; line-height:58px; margin-top:-30px; border-radius:50%; border:rgba(255,255,255,0.4) 1px solid; overflow:hidden; transition:0.6s}

.container01 .index_banner .miso-prev{ left:5%;}

.container01 .index_banner .miso-prev:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; margin-left:60px; transition:0.6s; opacity:0.4}

.container01 .index_banner .miso-prev:after{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; transition:0.6s; opacity:0.4}

.container01 .index_banner .miso-prev:hover:before{ margin-left:0; opacity:1}

.container01 .index_banner .miso-prev:hover:after{ margin-left:-60px; opacity:1}

.container01 .index_banner .miso-next{ right:5%; }

.container01 .index_banner .miso-next:before{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; margin-right:60px; transition:0.6s; opacity:0.4}

.container01 .index_banner .miso-next:after{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; transition:0.6s; opacity:0.4}

.container01 .index_banner .miso-next:hover:before{ margin-right:0; opacity:1}

.container01 .index_banner .miso-next:hover:after{ margin-right:-60px; opacity:1}

.container01 .index_banner .miso-next:hover,.container01 .index_banner .miso-prev:hover{ background:rgba(255,255,255,0.15)}



.banner-next {z-index: 1000;position: fixed;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff; display:none}

.banner-next span { display: block; }

.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}

.banner-next .next-icon {position:relative;width: 23px;height: 34px;background:url(../images/next-icon.png) center no-repeat;}



.banner-next .next-icon:before{content:"";width: 3px;height: 8px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(../images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}

.fp-viewing-0 .banner-next{ display:block}

@keyframes scroll {

  0% { opacity: 0; }

  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}

}



@keyframes fadeInDown {

  from {

    opacity: 0;

    transform: translate3d(0, -50%, 0);

  }



  to {

    opacity: 1;

    transform: none;

  }

}



.fadeInDown {

  animation-name: fadeInDown;

}



.liu_icon{position:absolute;top: 19.5%;width:100%;text-align:center;}

.liu_icon img{ display:inline-block; -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}

@-webkit-keyframes play{

    0% {

        -webkit-transform:rotate(0deg);

    }

    100% {

        -webkit-transform:rotate(360deg);

    }

}

@-moz-keyframes play{

    0% {

        -moz-transform:rotate(0deg);

    }

    100% {

        -moz-transform:rotate(360deg);

    }

}

@keyframes play{

    0% {

        transform:rotate(0deg);

    }

    100% {

        transform:rotate(360deg);



    }

}



.section .title h2{font-size:3rem;color:#fff;font-weight: bold;}

.section .title h3{font-size:1.25rem;color:#fff;margin: 1.25rem 0 2.75rem;font-weight: bold;}



.fullpage-wrapper .media-holder{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background: #15569d;/*-webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;}

.fullpage-wrapper .active .media-holder{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}

.fullpage-wrapper .media-holder span{display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}



.container02 .fp-tableCell{ position:relative}

.container02 .top{height:calc(100% - 17.8125rem);background:url(../images/container02_top_bg.jpg) center no-repeat;/*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;background-size: cover; position:absolute; width:100%; top:0;}

.fullpage-wrapper .container02.active .top{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}

.container02 .top .layui-container,.container02 .top .layui-container .layui-row, .container02 .top .layui-container .layui-row .box{ height:100%}

.container02 .top .box.box01{position:relative;z-index: 10;}

.container02 .top .box .table{ text-align:left}

.container02 .top .box p{ font-size:0.9375rem; line-height:1.875rem; color:#fff; margin-bottom:4.125rem; height:7.5rem; overflow:hidden}

.container02 .bottom{height:17.8125rem;background:#15569d;position:absolute; width:100%; bottom:0; -webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out}

.fullpage-wrapper .container02.active .bottom{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px);}

.container02 .bottom .layui-container,.container02 .bottom .layui-container .layui-row,.container02 .bottom .layui-container .layui-row .layui-col-xs12{/* height:100% */}

.container02 .bottom ul{font-size:0; margin:0 -8%; }

.container02 .bottom ul li{display:inline-block; *display:inline;*zoom:1;width:20%;text-align:center;}

.container02 .bottom ul li h5{font-size: 1.125rem;color:#fefefe; margin-bottom:1rem}

.container02 .bottom ul li h4{ margin-bottom: 1rem; height:6.25rem}

.container02 .bottom ul li h4 span{font-size: 2.25rem;color:#fff;vertical-align: middle;font-weight:  normal;font-family: Impact;}

.container02 .bottom ul li h4 span.counter,.container02 .bottom ul li h4 span.counter01{font-size: 6.25rem;color:#fff;font-family: Impact;}

.container02 .bottom ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}

.container02 .bottom ul li h6{font-size:12px;color:#fefefe;font-family: DIN Offc Pro;}

.container02 .bottom ul li .hide{ display:none}

.container02 .bottom ul li h4 small{font-size:0.875rem;color:#fff;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}



.container02 .slide_box .title h4{ margin:2.625rem 0 3.875rem; position:relative}

.container02 .slide_box .title h4:before{ content:""; position:absolute; width:15px; height:2px; background:#fff; left:50%; margin-left:-7.5px; top:-1.5rem}

.container02 .slide_box{ background:url(../images/container02_slide_box_bg.jpg) center no-repeat; background-size:cover}

.container02 .slide_box .title{ text-align:center}

.container02 .slide_box ul{ margin:0 -1.5625rem; margin-bottom:4rem}

.container02 .slide_box ul li{padding:0 1.5625rem; text-align:center}

.container02 .slide_box ul li a{display:block;background:#fff;padding: 2rem 0 3rem;}

.container02 .slide_box ul li .img{overflow:hidden;display:inline-block;height: 19.5625rem;line-height: 19.5625rem;}

.container02 .slide_box ul li .img img{max-width:14.0625rem;max-height:19.5625rem;display:inline-block;}

.container02 .slide_box ul li h5{padding:0 1rem;font-size:1rem;color: #393939;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 1rem;}



.container02 .slide_box .miso-prev,.container02 .slide_box .miso-next{z-index:100000;width: 3.75rem;height: 3.75rem;line-height: 3.5rem;margin-top:-1.8rem;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}

.container02 .slide_box .miso-prev:hover,.container02 .slide_box .miso-next:hover{ opacity:1}

.container02 .slide_box .miso-prev{left:50%;margin-left:-768px;border: #fff 2px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container02 .slide_box .miso-prev:hover{ border:#15569d 2px dashed; background:#15569d}

.container02 .slide_box .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size:16px;font-family:simsun;color: #fff;}

.container02 .slide_box .miso-next{ right:50%; margin-right:-768px; border:#fff 2px solid; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container02 .slide_box .miso-next:hover{ border:#15569d 2px dashed; background:#15569d}

.container02 .slide_box .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:16px; font-family:simsun; color:#fff}

.container02 .slide_box .miso-next:hover:before,.container02 .slide_box .miso-prev:hover:before{ color:#fff}



.more001{ text-align:center}

.more001 a{

  position: relative;

  font-family: helvetica;

  font-size: 1rem;

  cursor: pointer;

  padding: 1.25rem 3.5rem;

  display: inline-block;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 1px;

  outline: none;

  background:#fff;

  color: #333;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  transition: all 0.6s;

  overflow:hidden;

  border-radius: 3px;

  z-index: 1;

}

.more001 a::before,

.more001 a::after {

  background: #004f99;

  content: '';

  position: absolute;

  z-index: 0;

}

.more001 a span{ position:relative; z-index:1}

.more001 a:hover{ color:#fff;}

.more001 a::after {

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

}



/* BUTTON 2 */

.more001 a::after {

  height: 100%;

  right: 0;

  top: 0;

  width: 0;

}



.more001 a:hover:after {

  width: 100%;

  left: 0;

}



.more001 a span{ position:relative;}



.more001 a:hover span{color: #fff;}



.more00 a{

  position: relative;

  font-family: helvetica;

  font-size: 0.9375rem;

  background: none;

  cursor: pointer;

  padding: 1rem 3.5rem;

  display: inline-block;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 1px;

  outline: none;

  border: 1px solid #fff;

  color: #fff;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  overflow:hidden;

  border-radius: 1.5rem;

}

.more00 a::before,

.more00 a::after {

  background: #fff;

  content: '';

  position: absolute;

  z-index: -1;

}

.more00 a::after {

  -webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

  -o-transition: all 0.3s;

	transition: all 0.3s;



}



/* BUTTON 2 */

.more00 a::after {

  height: 100%;

  left: 0;

  top: 0;

  width: 0;

}



.more00 a:hover:after {

  width: 100%;

}



.more00 a span{ position:relative;}

.more00 a:hover span{ color:#15569d}



.section .title h4{font-size:1.125rem;color:#fff;margin: 1.25rem 0 3.875rem;}



.fullpage-wrapper .container03{ background:#fff}

.fullpage-wrapper .container03 .media-holder span{background:url(../images/container03_bg.jpg) center no-repeat; background-size:cover}



.container03 .title{text-align:center;}

.container03 .title h4{ margin: 1.25rem 0 1.875rem;}

.container03 ul{ font-size:0}

.container03 ul li{ display:inline-block; padding:0; width:25%; text-align:center; margin:5rem 0}

.container03 ul li .icon {vertical-align:middle;overflow: hidden;max-width: 7rem;max-height: 3.5rem;fill: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 ul li:nth-child(2) .icon{ max-width: 7rem;max-height: 4rem;}

.container03 ul li:nth-child(5) .icon,.container03 ul li:nth-child(6) .icon,.container03 ul li:nth-child(7) .icon,.container03 ul li:nth-child(8) .icon { max-width: 7rem;max-height: 3rem;}

.container03 ul li a{ display:block; position:relative}

.container03 ul li h3{line-height: 6rem;width:100%; position:relative}

.container03 ul li h3 .table{ height:100%; width:100%; display:table;}

.container03 ul li h3 i{ display:table-cell; vertical-align:middle;}

.container03 ul li:hover .icon{-webkit-animation: toRightFromLeft 0.6s;-moz-animation: toRightFromLeft 0.6s; animation: toRightFromLeft 0.6s;}

@-webkit-keyframes toRightFromLeft {

	49% {

		-webkit-transform: translate(25%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translate(-25%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toRightFromLeft {

	49% {

		-moz-transform: translate(25%);

	}

	50% {

		opacity: 0;

		-moz-transform: translate(-25%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toRightFromLeft {

	49% {

		transform: translate(25%);

	}

	50% {

		opacity: 0;

		transform: translate(-25%);

	}

	51% {

		opacity: 1;

	}

}

/*.container03 ul li:hover .icon{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s; transition-delay:0.6s}

@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}*/

.container03 ul li h5{font-size: 1.875rem;color: #fff;font-weight: bold; position:relative}

.container03 ul li a:before{ content:""; position:absolute; width:14.6275rem; height:14.625rem; border-radius:50%; top:50%; margin-top:-6rem; left:50%; margin-left:-7.3125rem; overflow: hidden; -webkit-transition: background 0.6s, color 0.6s, box-shadow 0.6s; -moz-transition: background 0.6s, color 0.6s, box-shadow 0.6s; transition: background 0.6s, color 0.6s, box-shadow 0.6s;}



.container04.section .title h2{ color:#3c3c3c}

.container04.section .title h4{ color:#3c3c3c}

.container04{background:url(../images/container04_bg.jpg) center no-repeat; background-size:cover}

.container04 ul{ font-size:0; text-align:center; overflow:hidden; margin:0 -7px; /*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.9,.92) translateZ(0px);transform:scale(0.9,.92) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out*/}

/*.fullpage-wrapper .container04.active ul{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}*/

.container04 ul li{display:inline-block; *display:inline; *zoom:1;float:left;width: 25%;text-align:center; padding:0 7px; margin-bottom:14px;}



.container04 ul li{ transform:translateY(150px); opacity:0; transition:0.4s;}

.container04.active ul li{ transform:translateY(0); opacity:1;}

/*.container04.active ul li:nth-child(1){ transition:1s 0.2s;}

.container04.active ul li:nth-child(2){ transition:1s 0.4s;}

.container04.active ul li:nth-child(3){ transition:1s 0.6s;}

.container04.active ul li:nth-child(4){ transition:1s 0.8s;}

.container04.active ul li:nth-child(5){ transition:1s 1s;}

.container04.active ul li:nth-child(6){ transition:1s 1.2s;}

.container04.active ul li:nth-child(7){ transition:1s 1.4s;}

.container04.active ul li:nth-child(8){ transition:1s 1.6s;}*/



.container04 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}

.container04 ul li a .img,.container04 ul li a .img img{ width:100%; overflow:hidden; position:relative}

.container04 ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.container04 ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-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;}

:root .container04 ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 

:root .container04 ul li a .img:after{filter:none;}/*for IE9*/

.container04 ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}

.container04 ul li a .con h3{position:relative;-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;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}

.container04 ul li a .con h3 img{ max-width:80%}

.container04 ul li a .con h5{ height:0; overflow:hidden; position:relative; -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;}

.container04 ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}

.container04 ul li a .con h4{ height:0; -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;}

.container04 ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(21,96,157,0.9); -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;}



.more01{ padding:3rem 0 0}

.more01 a small{ line-height:16px; font-size:0.875rem; color:#3c3c3c}

.more01 a dl{font-size:0;width: 16px;display:  inline-block;margin: 0;margin-right: 0.25rem;}

.more01 a dl dd{display:inline-block; *display:inline; *zoom:1;margin: 1px;}

.more01 a dl dd span{display:block;width: 3px;height: 3px;position:relative;}

.more01 a dl dd span:before{content:"";position:absolute;left:0;top:0;width: 3px;height: 3px;background:#3c3c3c;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}





.fullpage-wrapper .container05{ background:#15569d}

.fullpage-wrapper .container05 .media-holder span{background:url(../images/container05_bg.jpg) center no-repeat; background-size:cover}



.container05{background:#15569d;}

.container05 ul{ font-size:0; margin:0 -1.625rem}

.container05 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.625rem;}

.container05 ul li .img{ background:#000}

.container05 ul li .img,.container05 ul li .img img{ overflow:hidden; width:100%; position:relative}

.container05 ul li .img a>img{ opacity:0.8}

.container05 ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem; -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; position:relative}

.container05 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -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;}

.container05 ul li .con h5,.container05 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem; color:#3a3a3a; position:relative}

.container05 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; margin:0.75rem 0 1.5rem; position:relative}

.container05 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}

.container05 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-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;margin: -2px 0.25rem 0 0;}





.container05 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }

.container05 ul li .img .red-bg{background:rgba(0,0,0,0.45);}

.container05 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}

.container05 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }



.container05 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }

.container05 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }



.container05 .more01 a small{color:#fff}

.container05 .more01 a dl dd span:before{background:#fff;}



.fullpage-wrapper .container06{ background:#fff}

.fullpage-wrapper .container06 .media-holder span{background:url(../images/container06_bg.jpg) center no-repeat; background-size:cover}



.container06 .title{ text-align:center; margin-top:1.4375rem}

.container06 .title h4{ margin: 1.25rem 0 2.875rem;}

.container06 ul{ font-size:0}

.container06 ul li{ display:inline-block; padding:0; width:25%; text-align:center; margin:2.4375rem 0}

/*.container06 ul li{ transform:translateY(150px); opacity:0;}

.container06.active ul li{ transform:translateY(0); opacity:1;}

.container06.active ul li:nth-child(1){ transition:1s 0.2s;}

.container06.active ul li:nth-child(2){ transition:1s 0.4s;}

.container06.active ul li:nth-child(3){ transition:1s 0.6s;}

.container06.active ul li:nth-child(4){ transition:1s 0.8s;}

.container06.active ul li:nth-child(5){ transition:1s 1s;}

.container06.active ul li:nth-child(6){ transition:1s 1.2s;}

.container06.active ul li:nth-child(7){ transition:1s 1.4s;}

.container06.active ul li:nth-child(8){ transition:1s 1.6s;}*/

.container06 ul li a{display:inline-block;width:12.5rem;height:12.5rem;background:#fff;border-radius:50%;padding: 2rem 0; position:relative}

.container06 ul li a h3{ line-height:6rem}

.container06 ul li a h3 img{ max-height:3.75rem}

.container06 ul li a h5{ font-size:1.125rem; color:#414143;}



.container06 ul li a:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}

.container06 ul li a:after {

	top: -10px;

	left: -10px;

	padding: 10px;

	box-shadow: 0 0 0 4px #fff;

	-webkit-transition: -webkit-transform 0.36s, opacity 0.36s;

	-webkit-transform: scale(.8);

	-moz-transition: -moz-transform 0.36s, opacity 0.36s;

	-moz-transform: scale(.8);

	-ms-transform: scale(.8);

	transition: transform 0.36s, opacity 0.36s;

	transform: scale(.8);

	opacity: 0;



}



.fp-viewing-f8 .banner-next{ display:none}



.container06 ul li a .pp{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius: 50%; transform:scale(0); overflow:hidden; opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container06 ul li a .pp p{font-size:15px;line-height:24px;color:#4d4d4d;padding: 0 1.875rem;}



.container07 .top{ position:relative}

.container07 .top .kuang{position:absolute;right:11%;top:0;bottom:0;width: 37.5rem;}

.container07 .top .kuang .con{background:#fff;box-shadow:0 10px 15px rgba(0,0,0,0.25);width:37.5rem;float:right;text-align:left;padding:3.125rem;}

.container07 .top .kuang .con h4{ font-size:1.375rem; color:#3d3d3d;}

.container07 .top .kuang .con h3{ margin:1rem 0 2rem}

.container07 .top .kuang .con h3 big{font-size: 2rem;color:#004f99;font-weight:bold;font-family:Impact;}

.container07 .top .kuang .con h3 big.big02{margin-left:1.25rem;}

.container07 .top .kuang .con h3 small{ font-size:0.875rem; color:#004f99;  vertical-align:bottom}

.container07 .top .kuang .con p{ font-size:0.9375rem; color:#595959; line-height:1.875rem;}



.container08{overflow:visible}

.container08 .bottom{background:#15569d;padding: 3.75rem 0 4.375rem;}

.container08 .bottom dl{ margin-right:6rem; display:inline-block; margin-bottom:1.25rem}

.container08 .bottom dt{ font-size:1.125rem; color:#fff; margin-bottom:1.25rem}

.container08 .bottom dt a{ color:#fff}
.container08 .bottom dt a:hover{color:#2091ce;}

.container08 .bottom dd{ font-size:0.9375rem; clor:#a7b7d2; line-height:1.875rem;}

.container08 .bottom dd a{ color:#a7b7d2}

.container08 .bottom_box{ height:100%; background:url(../images/footer_bg.png) right top no-repeat; background-size:contain}



.container08 .bottom_box .con_bottom .left_con{padding: 5rem 0 0;margin-right: 11rem;font-size:  13px;color: #cdd6e5;}

.container08 .bottom_box .con_bottom .right_con ul{ text-align:right}

.container08 .bottom_box .con_bottom .right_con ul{ margin-bottom:1.25rem}

.container08 .bottom_box .con_bottom .right_con ul li{ display:inline-block; padding:0 5px}

.container08 .bottom_box .con_bottom .right_con ul li a{display:inline-block;width:36px;height:36px;line-height:34px;text-align:center;border:#739ac4 1px solid;border-radius:50%;position:relative;cursor:  pointer;}



.container08 .bottom_box .con_bottom .right_con ul li a .qrcode{

	width: 200px;

	position: absolute;

	left: -40px;

	bottom: 50px;

	z-index: 9;

	background: #fff;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	padding-bottom: 5px;

	display: none;

}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .pic{

	width: 170px;

	height: 170px;

	padding: 5px;

	display:  inline-block;

	margin-top: 10px;

}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode img{

	width: 100%;

	display: block;

}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .txt1{

	line-height: 20px;

	font-size: 14px;

	color: #666;

	margin-bottom: 15px;

}



#fp-nav{ display:none}

.fp-viewing-f1 header{ display:block}

.fp-viewing-f1 .menu-handler{ display:none}

.fp-viewing-f1 .piaofu{ display:none}



.s_foot_link{height: 45px;cursor:pointer;overflow:visible;position: relative;text-align:left;}

.s_foot_link .yqlj{display:inline-block;width:110px;height:45px;line-height:43px;border:#dadbdb 1px solid;text-align:center;font-size:14px;color:#212121;float:left;background: #f0f1f3;}

.s_foot_link .tanchu{float:left;width: 100%;box-sizing:border-box;position:absolute;bottom: 44px;border-bottom:0;display: none;left: 0;}

.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}

.s_foot_link .tanchu>div{background: #15569d;display:block;padding: 10px 1.25rem;border: #6289b3 1px solid;}

.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}

.s_foot_link .tanchu a {color: #cdd6e5;line-height: 27px;display:block;font-size: 14px;}

.s_foot_link .tanchu a:hover{color: #ff0;}

.s_foot_link #bnt_link1.a {padding-left: 1.25rem;font-size:  13px;color: #cdd6e5;text-align:left;line-height: 43px;width: 235px;box-sizing:border-box;text-decoration:none;border: #6289b3 1px solid;float: left;}

.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 43px;width:37px;text-align:center;height:100%;}



.fp-controlArrow { display:none}



.banner_list2 {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 2;

}

.banner_list2 canvas{ opacity:0.25}



.button {

  position: relative;

  cursor: pointer;

  color: white;

  padding: 0;

}

.button .inner {

  position: absolute;

  top: 0;









  left: 0;

  right: 0;

  bottom: 0;

}

.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {

  background-color: #bb4c42;

}

.button:nth-of-type(2):before, .button:nth-of-type(2):after, .button:nth-of-type(2) .inner:before, .button:nth-of-type(2) .inner:after {

  background-color: #373c8d;

}

.button:nth-of-type(3):before, .button:nth-of-type(3):after, .button:nth-of-type(3) .inner:before, .button:nth-of-type(3) .inner:after {

  background-color: #373c8d;

}

.button:before, .button:after, .button .inner:before, .button .inner:after {

  position: absolute;

  content: "";

  display: block;

  -webkit-transition: -webkit-transform 0.6s;

  transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  transition: transform 0.6s, -webkit-transform 0.6s;

  background: #373c8d;

}

.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {

  left: 0;

  width: 100%;

  height: 8px;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

}

.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {

  top: 0;

  width: 8px;

  height: 100%;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

}

.button.horizontal .inner:before, .button.both .inner:before {

  left: 0;

}

.button.horizontal .inner:after, .button.both .inner:after {

  right: 0;

}

.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}

.button.horizontal:before, .button.both:before {

  top: 0;

}

.button.horizontal:after, .button.both:after {

  bottom: 0;

}

.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {

  -webkit-transform: scaleX(1);

          transform: scaleX(1);



}

.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}

.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.clockwise:before, .button.both.clockwise:before {



  -webkit-transform-origin: right center;

          transform-origin: right center;

}

.button.horizontal.clockwise:after, .button.both.clockwise:after {

  -webkit-transform-origin: left center;

          transform-origin: left center;

}

.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.clockwise:hover:before, .button.both.clockwise:hover:before {

  -webkit-transform-origin: left center;

          transform-origin: left center;

}



.button.horizontal.clockwise:hover:after, .button.both.clockwise:hover:after {

  -webkit-transform-origin: right center;

          transform-origin: right center;

}

.button.horizontal.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.counterclockwise:before, .button.both.counterclockwise:before {

  -webkit-transform-origin: left center;



          transform-origin: left center;



}

.button.horizontal.counterclockwise:after, .button.both.counterclockwise:after {

  -webkit-transform-origin: right center;

          transform-origin: right center;

}

.button.horizontal.counterclockwise:hover .inner:before, .button.both.counterclockwise:hover .inner:before {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.counterclockwise:hover .inner:after, .button.both.counterclockwise:hover .inner:after {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.counterclockwise:hover:before, .button.both.counterclockwise:hover:before {

  -webkit-transform-origin: right center;

          transform-origin: right center;

}

.button.horizontal.counterclockwise:hover:after, .button.both.counterclockwise:hover:after {



  -webkit-transform-origin: left center;

          transform-origin: left center;

}

.button.vertical:before, .button.vertical:after {

  top: 0;

  width: 2px;

  height: 100%;

  -webkit-transform: scaleY(0);

          transform: scaleY(0);

}

.button.vertical:before {

  left: 0;

}

.button.vertical:after {

  right: 0;

}

.button.vertical:hover:before, .button.vertical:hover:after {

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}

.button.vertical.clockwise:before {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.vertical.clockwise:after {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.vertical.clockwise:hover:before {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.vertical.clockwise:hover:after {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.vertical.counterclockwise:before {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.vertical.counterclockwise:after {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.vertical.counterclockwise:hover:before {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.vertical.counterclockwise:hover:after {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}



.header_visible{display:block;top: 0;}



.n_header{height: 130px;background:#fff;position: fixed;width: 100%;z-index: 10000;top: 0;box-shadow: 0 5px 10px rgba(0,0,0,0.15);}

.n_banner{height:29.375rem;position: relative;margin-top: 130px;}



header.header_visible .nav-item > a{/* color:#333333; */}

header.header_visible nav{margin-top: 40px;}



.n_banner h3{font-size:2rem;color:#fff;font-weight:bold;margin-bottom:1rem;margin-top: -2rem;}

.n_banner h4{ font-size:2.125rem; color:#fff; text-transform:uppercase; position:relative}

.n_banner h4.h4{ font-size:1.375rem; line-height:2rem}

.n_banner h4:before{ content:""; position:absolute; left:50%; bottom:-36px; width:45px; height:3px; background:#fff; margin-left:-22.5px;}



.al_select{background: #fff;}

.al_select ul{font-size:0;text-align:center;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}

.al_select ul li{width:50%;display:inline-block; *display:inline; *zoom:1;height:5.25rem;line-height:5.25rem;position:relative;border-right: #e1e4e6 1px solid;border-bottom: #e5e5e5 1px solid;}

.al_select ul li:after{content:"";position:absolute;width:0;right:0;bottom: -1px;height: 100%;background: #15569d;-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;z-index: 10;}

.al_select ul li a{font-size:1rem;color:#353536;display:block;z-index: 99;position: relative;}
.al_select ul li.on a {color:#fff;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}



.al_select ul li.on:after{ left:0; width:100%}



.n_container{ background:#fff}

.n_container .n_about{ padding:4.375rem 0 0}



.n_about .fl01{ padding-bottom:3rem}

.n_about .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem}

.n_about .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}
.ar_article p {text-align:justify;}


.n_about .fl02{background:#f3f4f6;padding: 4.5rem 0;}

.n_about .fl02 ul{font-size:0; margin:0 -8%; }

.n_about .fl02 ul li{display:inline-block; *display:inline;*zoom:1;width:20%;text-align:center;}

.n_about .fl02 ul li h5{font-size: 1.125rem;color:#6a6a6a;margin-bottom: 2.125rem;}

.n_about .fl02 ul li h4{height: 4.5rem;}

.n_about .fl02 ul li h4 span{font-size: 2.25rem;color:#15569d;vertical-align: middle;font-weight:  normal;font-family: Impact;}

.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 4.5rem;color:#15569d;font-family: Impact;}

.n_about .fl02 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}

.n_about .fl02 ul li h6{font-size:12px;color:#15569d;font-family: DIN Offc Pro;}

.n_about .fl02 ul li .hide{ display:none}

.n_about .fl02 ul li h4 small{font-size:0.875rem;color:#15569d;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}



.n_zhici{ padding:4.375rem 0; background:url(../images/n_zhici_bg.png) left bottom no-repeat}

.n_zhici .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; padding:1.875rem 0 0}

.n_zhici .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}

.n_zhici .ar_article{ /*display:-webkit-box*/}

.n_zhici .ar_article .left{ /*display:table-cell;*/ width:58%; padding:0 4.5rem 0 0}

.n_zhici .ar_article .right{ display:table-cell; width:36.785%;}

.n_zhici .ar_article .right .img{ display:inline-block; position:relative}

.n_zhici .ar_article .right .img:before{ content:""; position:absolute; right:-8px; bottom:0; width:8px; height:47.5%; background:#cdcecf}



.n_licheng{padding:4rem 0;background:url(../images/n_licheng_bg.jpg) center repeat-x;overflow:hidden;position: relative;background-size: contain;}

.n_licheng .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }

.n_licheng .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 100s linear infinite; -moz-animation:play 100s linear infinite; animation:play 100s linear infinite;}

@-webkit-keyframes play{

    0% {

        -webkit-transform:rotate(0deg);

    }

    100% {

        -webkit-transform:rotate(360deg);

    }

}

@-moz-keyframes play{

    0% {

        -moz-transform:rotate(0deg);

    }

    100% {

        -moz-transform:rotate(360deg);

    }

}

@keyframes play{

    0% {

        transform:rotate(0deg);

    }

    100% {

        transform:rotate(360deg);



    }

}



.nianf{width: 145px;height: 50px;line-height: 46px;border:#15569d 2px solid;position:relative;z-index:0;background:none !important;/* border-radius: 15px; */text-align: center;font-size: 22px;color: #fff;border-radius: 5px;}

.nianf:hover{ color:#15569d !important;}

.nianf:after {position: absolute;z-index:-1;top: 0px;right: 0;left: 0;height: 100%;display: block;background:#15569d;content: "";/* z-index: -1; */-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height: 101%;}

.nianf:hover:after { top:auto; bottom:0; height:0; }



.n_licheng .content_box{ position:relative; padding:50px 0}

.n_licheng .content_box:before{ content:""; position:absolute; left:216px; width:4px; top:0; bottom:0; background:#15569d}

.n_licheng .content_box .bg{ position:absolute; top:0; bottom:0; width:4px; left:216px;}

.n_licheng .content_box .bg:before{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 0;margin-left: -12px;}

.n_licheng .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}

.n_licheng ul{ overflow:hidden}

.n_licheng ul li{position:relative; padding:30px 0;}

.n_licheng ul li .left{position:absolute;top:0;bottom:0;z-index: 100;}

.n_licheng ul li .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d6e5f5;box-sizing:border-box;top: 50%;margin-top: -12px;}

.n_licheng ul li .point b{position:absolute;left: -64px;width: 64px;background: #fff;height: 4px;top: 50%;margin-top: -2px;}

.n_licheng ul li .right{width:calc(100% - 288px);background:rgba(255,255,255,0.75);min-height: 110px;border-radius:8px;position:relative;}

.n_licheng ul li .right .box{height:100%;padding: 40px 20px;}

.n_licheng ul li .right .box .table .table_cell{ text-align:left; font-size:17px; line-height:30px;}

.n_licheng ul li .right:before{ content:""; position:absolute; left:-10px; border-right:rgba(255,255,255,0.75) 10px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid; top:50%; margin-top:-8px;}



.n_wenhua{ padding:4rem 0; background:url(../images/n_wenhua_bg.jpg) center bottom no-repeat}



.n_contact{ padding:13.5rem 0; background:url(../images/map01.png) center no-repeat;}

.n_contact dl{ font-size:0}

.n_contact dl dt{ display:inline-block; width:34%;}

.n_contact dl dt h2{ font-family:Impact; font-size:4.25rem; color:#15569d; text-transform:uppercase; padding:0.5rem 0 0}

.n_contact dl dt h3{ font-weight:bold; font-size:2.5rem; color:#33383e; margin:1.75rem 0 1.125rem}

.n_contact dl dt h4{ font-size:1.375rem; color:#33383e;}

.n_contact dl dd{ display:inline-block; width:22%; text-align:center}

.n_contact dl dd h3{ height:5.375rem}

.n_contact dl dd h4{ font-size:1.625rem; color:#33383e; font-weight:bold; text-transform:uppercase; margin-bottom:1rem}

.n_contact dl dd p{font-size: 1rem;color:#33383e;line-height:1.875rem;}



.n_case{ padding:3.75rem 0 5rem}

.n_case ul{font-size:0;margin:0 -12px;margin-bottom: 2rem;}

.n_case ul li{ display:inline-block; width:33.333333%; padding:0 12px; margin-bottom:24px;}

.n_case ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}

.n_case ul li a .img,.n_case ul li a .img img{ width:100%; overflow:hidden; position:relative}

.n_case ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.n_case ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgb(20 73 154 / 48%);-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;}

:root .n_case ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 

:root .n_case ul li a .img:after{filter:none;}/*for IE9*/

.n_case ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}

.n_case ul li a .con h3{position:relative;-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;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}

.n_case ul li a .con h3 img{ max-width:80%}

.n_case ul li a .con h5{ height:0; overflow:hidden; position:relative; -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_case ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}

.n_case ul li a .con h4{ height:0; -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_case ul li a .con:before{/* content:""; */position:absolute;right:0;top:0;width:0;height:100%;-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;}





/*====翻页====*/

.j_pages{margin:0 auto 0 auto}

.j_pages .box{display:inherit;width:100%;text-align: center;}

.j_pages a,.j_pages span{height: 40px;line-height: 40px;display:inline-block;margin:0 5px;padding: 0 10px;color: #646466;font-size: 18px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.j_pages a font{font-size: 15px;font-family:SimSun;color: #000;border:  #d3d3d3 1px solid;display:  block;border-radius: 50%;width:  32px;height: 32px;}

.j_pages .current{border-bottom: #15569d 2px solid;}



.n_case_detail{ padding:4.375rem 0 4.6875rem}

.n_case_detail .content{background:#fff;padding:4.25rem;display: table;width: 100%;}

.n_case_detail .content .left{width: calc(100% - 21.5625rem);display:table-cell;padding-right:4rem;}

.n_case_detail .content .left .title{ margin-bottom:2.5rem}

.n_case_detail .content .left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}

.n_case_detail .content .left .title h6{ font-size:14px; color:#808080; line-height:20px;}

.n_case_detail .content .left .title h6 img{ margin-right:8px}

.n_case_detail .content .right{ width:21.5625rem; display:table-cell}

.n_case_detail .content .right h3{ font-size:1.375rem; color:#404142; font-weight:bold; margin-bottom:2rem; display:block}

.n_case_detail .content .right ul li .img{ overflow:hidden}

.n_case_detail .content .right ul li .img img{ width:100%}

.n_case_detail .content .right ul li .con{ padding:1.125rem 6px 1.875rem}

.n_case_detail .content .right ul li .con h5{ font-size:1.125rem; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:10px;}

.n_case_detail .content .right ul li .con h6{ font-size:12px; color:#5c5c5c; line-height:20px;}



.sticky{position:sticky;top: 170px;}



.n_yewu{ padding:3.375rem 0}
.n_yewu .n_yewu_title h3{font-size: 1.75rem; color: #3a3a3d; margin-bottom: 1rem; text-align:center;}
.n_yewu .n_yewu_title p{font-size: 0.9375rem; color: #949494; line-height: 2rem; text-align:center; margin-bottom:2rem;}
.n_yewu ul{font-size:0;margin:0 -1rem;margin-bottom: 2rem;}

.n_yewu ul li{ display:inline-block; width:33.33%; padding:0 1rem; margin-bottom:2rem;}

.n_yewu ul li a{ display:block; border-radius:6px; text-align:center; padding:3.375rem 0; }

.n_yewu ul li a h3{ line-height:4.6875rem;}

.n_yewu ul li a h3 img{ max-height:100px}

.n_yewu ul li a h5{ font-size:1.4rem; color:#38393c; margin:2rem}

.n_yewu ul li a p{ font-size:14px; line-height:25px; height:96px; color:#5a5a5a; padding:0 2rem; overflow:hidden;}





@keyframes xuanzhuan

{

    from { transform: rotateY(0deg);}

    to { transform: rotateY(360deg);}

}



.n_yewu_detail{ padding:3.75rem 0 5rem}

.n_yewu_detail .title{ text-align:center; margin-bottom:2.75rem}

.n_yewu_detail .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}

.n_yewu_detail .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}

.n_yewu_detail ul{font-size:0;margin:0 -12px;margin-bottom: 0rem;}

.n_yewu_detail ul li{ display:inline-block; width:33.333333%; padding:0 12px; margin-bottom:2.5rem;}

.n_yewu_detail ul li .img{ overflow:hidden}

.n_yewu_detail ul li .img img{ width:100%}

.n_yewu_detail ul li .con{ padding:1.5rem 1.75rem 1.5rem; border:#e9e9e9 1px solid; background:#fbfbfb;}
.n_yewu_detail ul li:hover  .con{background:#14499a;}
.n_yewu_detail ul li:hover * {color:#fff !important;}
.n_yewu_detail ul li .con h5{font-size:1.125rem;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-weight:bold;height: 1.25rem;line-height: 1.25rem;}

.n_yewu_detail ul li .con h6{ font-size:13px; color:#656565; line-height:20px;}



.n_yuangong{ padding:3rem 0}

.n_yuangong ul{font-size:0;margin:0 -12px;}

.n_yuangong ul li{ display:inline-block; width:20%; padding:0 12px; margin-bottom:24px;}

.n_yuangong ul li a{ display:block; border-radius:6px; border:#f0f0f0 1px solid; text-align:center; padding:1rem 0 2.5rem; background:#fcfcfc}

.n_yuangong ul li a h3{ line-height:4.6875rem;}

.n_yuangong ul li a h5{ font-size:16px; color:#3a3a3a;}



.n_news{ padding:0 0 5rem}



.n_news .fl01{ padding:4.375rem 0 1rem; background:url(../images/n_news_fl01.jpg) center top no-repeat; background-size:cover}

.n_news .fl01 ul{ font-size:0; margin:0 -1.6875rem}

.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.6875rem;}

.n_news .fl01 ul li .img{ background:#000}

.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative}

.n_news .fl01 ul li .img a>img{ opacity:0.8}

.n_news .fl01 ul li .con{padding: 1.55rem 10px 1.75rem;-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;position:relative;}

.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -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 .fl01 ul li .con h5,.n_news .fl01 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;}

.n_news .fl01 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; margin:0.75rem 0 1.5rem; position:relative}

.n_news .fl01 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}

.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-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;margin: -2px 0.25rem 0 0;}





.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }

.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}

.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}

.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }



.n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }

.n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }



.n_news.more01 a small{color:#fff}

.n_news .fl01 .more01 a dl dd span:before{background:#fff;}



.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;}

.n_news .fl02 ul li{padding: 1.675rem 0;border-bottom: #eaeaea 1px solid;position:relative;overflow:hidden;}

.n_news .fl02 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#f8f8f8; -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 .fl02 ul li .box a{padding: 1.25rem 10px 1.25rem;-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;position:relative;display: block;}

.n_news .fl02 ul li .box a h5,.n_news .fl02 ul li .box a h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news .fl02 ul li .box a p{font-size:0.875rem;color:#848484;line-height:1.5rem;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news .fl02 ul li .box a h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}

.n_news .fl02 ul li .box a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-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;margin: -2px 0.25rem 0 0;}



.n_news .fl02 ul li .box a h4{ font-size:14px; color:#666666; line-height:20px;}

.n_news .fl02 ul li .box a h4 span{ margin-left:15px}

.n_news .fl02 ul li .img{ float:left; width:16.5625rem; overflow:hidden}

.n_news .fl02 ul li .img img{ width:100%}

.n_news .fl02 ul li .box{ float:right; width:calc(100% - 18.375rem);}



.n_news_detail{ padding:3.125rem 0 5rem}

.n_news_detail .content{display: table;width: 100%;}

.n_news_detail .content .n_left{width: calc(100% - 20.625rem);display:table-cell;padding-right:4.375rem;}

.n_news_detail .content .n_left .n_left_box{ background:#fff; padding:4.375rem 4.375rem}

.n_news_detail .content .n_left .title{ margin-bottom:2.5rem}

.n_news_detail .content .n_left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}

.n_news_detail .content .n_left .title h6{ font-size:14px; color:#808080; line-height:20px;}

.n_news_detail .content .n_left .title h6 span{ margin-right:1.5rem}

.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}

.n_news_detail .content .n_left .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}

.n_news_detail .content .n_left .title h6 .span2 a{ color:#808080;}



/*==============分享插件=====================*/

.shart_box{}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{position:relative;display: none;height:50px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{position: absolute;left: 94px;top: -10px;width: 215px;}

#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}







.n_news_detail .content .n_right{ width:20.625rem; display:table-cell}



.n_news_detail .content .n_right .frl01{ margin-bottom:2rem}

.n_news_detail .content .n_right .frl01 ul{ width:20.625rem;}

.n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative}





.n_news_detail .content .n_right .frl01 ul li.miso-slide img{width:100%}

.n_news_detail .content .n_right .frl01 ul li.miso-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: url(../images/hei75.png);font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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_detail .content .n_right .frl01 ul li.miso-slide:hover h5{ background:#333}



.n_news_detail .content .n_right .frl02{ margin-bottom:2rem}

.n_news_detail .content .n_right .frl02 .title{ font-size:1.375rem; color:#404142; font-weight:bold; line-height:3.75rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}

.n_news_detail .content .n_right .frl02 ul li{ font-size:1.0625rem; color:#404142; line-height:2.875rem}

.n_news_detail .content .n_right .frl02 ul li a{ color:#404142; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.n_video{ padding:3.75rem 0 5rem}

.n_video ul{ font-size:0; margin:0 -1.25rem; margin-bottom:1.5rem}

.n_video ul li{display:inline-block;width:50%;padding:0 1.25rem;margin-bottom: 1rem;}

.n_video ul li a{ display:block; transition:0.8s; cursor:pointer}

.n_video ul li a .img,.n_video ul li a .img>video{width:100%;overflow:hidden;position:relative;object-fit: fill; height:386px;}

.n_video ul li a .img .top{position:absolute;bottom: 0;left:0;width:100%;background:url(../images/hei30.png);}

.n_video ul li a h5{line-height: 60px;font-size: 1.125rem;color: #424344;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;font-weight: bold;text-align: left;}

.n_video ul li a .img img{ width:100%}





/*======================j_弹窗======================*/

#page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;}

#page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}

#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}

#page_video {width: 796px;height: 405px;position: relative;}

#page_video .video_box {border: 5px solid #1a1a1a;width: 726px;height: 405px;overflow: hidden;}

#page_show_video_box #j_video {background: #000 url(../images/ajax-loader.gif) center 200px no-repeat;background-size: 100px 100px;}

#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 726px;background: #1a1a1a;display: none;}

#page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}

#page_show_video_box .info p.last {padding-bottom: 0;}

#page_show_video_box #playercontainer {display: none;}

#page_show_video_box #page_ar {width: 810px;position: relative;}

#page_show_video_box #page_ar .ar_box {border: 5px solid #1a1a1a;width: 730px;padding: 40px 0;background: #fff;position: relative;}

#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}

#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}

#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}

#bnt_close01 {display: block;width: 70px;height: 70px;background: #1a1a1a;position: absolute;top: 0;right: 0;}

#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px; transition:0.6s}

#bnt_close01:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}



#page_show_video_box video{width: 716px;height: 395px;}





.n_zizhi .title{ text-align:center; margin-bottom:2.75rem}

.n_zizhi .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}

.n_zizhi .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}

.n_zizhi .fl01{ padding:4rem 0 3rem}

.n_zizhi .fl01 ul{font-size:0;margin: 0 -2rem;}

.n_zizhi .fl01 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}

.n_zizhi .fl01 ul li a{ display:block; position:relative}

.n_zizhi .fl01 ul li a .top_img img{ width:100%}

.n_zizhi .fl01 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 91%;}

.n_zizhi .fl01 ul li a .img img{max-width: 78%;max-height: 34%;}

.n_zizhi .fl02{background:#f3f3f6;padding: 4rem 0 3rem;}

.n_zizhi .fl02 ul{font-size:0;margin: 0 -2rem;}

.n_zizhi .fl02 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}

.n_zizhi .fl02 ul li a{ display:block; position:relative}

.n_zizhi .fl02 ul li a .top_img img{ width:100%}

.n_zizhi .fl02 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 84%;}

.n_zizhi .fl02 ul li a .img img{max-width: 64%;max-height: 140px;display: inline-block;}



.n_yingpin .fl01{ background:url(../images/n_yingpin_fl01_bg.jpg) center no-repeat; background-size:cover; padding:4.375rem 0}

.n_yingpin .fl01 ul{ font-size:0}

.n_yingpin .fl01 ul li{ display:inline-block; width:33.333333%; text-align:center; }

.n_yingpin .fl01 ul li h3{ line-height:5.625rem}

.n_yingpin .fl01 ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold}

.n_yingpin .fl02{ background:url(../images/n_yingpin__fl02_bg.jpg) center bottom no-repeat; background-size:100% auto; padding:4.375rem 0 3.75rem}

.n_yingpin .fl02 ul li{ margin-bottom:1.125rem}

.n_yingpin .fl02 ul li a{display:block;padding: 3rem 6rem 2.75rem;border:#dedede 1px solid;border-radius:5px;text-align:center;position:relative;overflow:hidden;transition:0.6s;}

.n_yingpin .fl02 ul li a:before{ content:""; position:absolute; bottom:0; background:#15569d; height:0; left:0; right:0; transition:0.6s}

.n_yingpin .fl02 ul li a h5,.n_yingpin .fl02 ul li a h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold}

.n_yingpin .fl02 ul li a h6{font-size:13px;color:#878787;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}

.n_yingpin .fl02 ul li a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #878787;-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;margin: -2px 0.25rem 0 0;}

.n_yingpin .fl02 ul li a .zi{ position:absolute; top:0; bottom:0; left:3.5rem}

.n_yingpin .fl02 ul li a .zi .table{ width:auto}

.n_yingpin .fl02 ul li a .jia{ position:absolute; top:50%; margin-top:-15px; right:4rem; width:30px; height:30px; transition:0.6s}

.n_yingpin .fl02 ul li a .jia:before{ content:""; position:absolute; width:30px; height:1px; background:#ababab; left:0; top:50%; margin-top:-0.5px;}

.n_yingpin .fl02 ul li a .jia:after{ content:""; position:absolute; width:1px; height:30px; background:#ababab; left:50%; top:0; margin-left:-0.5px;}

.n_yingpin .fl02 ul li a .zi .img02{ display:none}



.n_renli .left{ width:50%; padding:0 2rem 0 0}

.n_renli .left h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; margin-top:2rem}

.n_renli .left h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:2.5rem}

.n_renli .left p{ font-size:1.0625rem; color:#5e5e5e; line-height:2.125rem; margin-bottom:2rem}



.n_renli .fl01{ padding:5.25rem 0}

.n_renli .fl01 .right{ width:50%; padding:0 0 0 2rem}

.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}

.n_renli .fl01 .right .swiper-container ul li{text-align: center;background-position: center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}



.n_renli .fl01 .right .swiper-container ul li .img{ padding:0}

.n_renli .fl01 .right .swiper-container ul li .img img{width:auto;}



.n_renli .fl02{ background:url(../images/n_renli_fl02_bg.jpg) center no-repeat fixed; background-size:cover; text-align:center; padding:8.5rem 0 11.875rem}

.n_renli .fl02 h3{ font-size:1.875rem; color:#fff; margin-bottom:1.25rem;}

.n_renli .fl02 h4{ font-size:1.675rem; color:#fff; margin-bottom:2.5rem}

.n_renli .fl02 h2{ font-size:3.75rem; color:rgba(255,255,255,0.2); text-transform:uppercase; font-family:Impact; font-weight:normal;}

.n_renli .fl03{padding: 4.375rem 0 5rem;text-align:center;overflow: hidden;}

.n_renli .fl03 .box{ display:inline-block; position:relative}

.n_renli .fl03 .box .wz{ position:absolute; top:0; left:0; width:100%; height:100%}

.n_renli .fl03 .box .wz h3{ font-size:1.75rem; color:#fff; margin-bottom:0.75rem; margin-top:2rem ; font-weight:bold}

.n_renli .fl03 .box .wz h4{ font-size:1.75rem; color:#869ec3; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:2.5rem}

.n_renli .fl03 .box .con{position:absolute;white-space: nowrap;font-size: 1.125rem;color: #656565;font-weight: bold;}

.n_renli .fl03 .box .con:before{ width:8.5rem;}

.n_renli .fl03 .box .con:after{ width:34px; height:34px; }

.n_renli .fl03 .box .con01{left: 73%;top: 5rem;padding-left: 12rem;}

.n_renli .fl03 .box .con01:before{content:"";position:absolute;height:1px;top:50%;left: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}

.n_renli .fl03 .box .con01:after{ content:""; position:absolute; top:50%; margin-top:-17px; left:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}



.n_renli .fl03 .box .con02{left: 73%;bottom: 5rem;padding-left: 12rem;}

.n_renli .fl03 .box .con02:before{content:"";position:absolute;height:1px;top:50%;left: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}

.n_renli .fl03 .box .con02:after{ content:""; position:absolute; top:50%; margin-top:-17px; left:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}



.n_renli .fl03 .box .con03{right: 73%;bottom: 5rem;padding-right: 12rem;}

.n_renli .fl03 .box .con03:before{content:"";position:absolute;height:1px;top:50%;right: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}

.n_renli .fl03 .box .con03:after{ content:""; position:absolute; top:50%; margin-top:-17px; right:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.n_renli .fl03 .box .con04{right: 73%;top: 5rem;padding-right: 12rem;}

.n_renli .fl03 .box .con04:before{content:"";position:absolute;height:1px;top:50%;right: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}

.n_renli .fl03 .box .con04:after{ content:""; position:absolute; top:50%; margin-top:-17px; right:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}



.biaoyu{ text-align:center}

.biaoyu a{margin-top: 3.125rem;display:inline-block;width:405px;height:65px;line-height:65px;font-size:1.375rem;color:#fff;font-weight:bold;border:#adc4dd 5px solid;border-radius: 42px;background:#15569d;box-sizing: content-box;}



.n_wenhua{ padding:3.75rem 0 5.625rem;}

.n_wenhua .fl01{text-align:center;overflow: hidden;}

.n_wenhua .fl01 .box{ position:relative}

.n_wenhua .fl01 .box .wz{ position:absolute; left:0; top:0; width:100%; height:100%}

.n_wenhua .fl01 .box .wz h5{ font-size:1.875rem; color:#464646; font-weight:bold; margin-top:1.25rem}

.n_wenhua .fl01 .con h3{ font-size:1.75rem; color:#464646; margin-bottom:1.5rem; font-weight:bold}

.n_wenhua .fl01 .con p{ font-size:16px; color:#464646; line-height:32px;}

.n_wenhua .fl01 .con01{ position:absolute; left:50%; margin-left:22%; top:12rem; text-align:left}

.n_wenhua .fl01 .con02{ position:absolute; right:50%; margin-right:22%; top:12rem; text-align:right}



.n_wenhua .fl01 .con03 h3{ padding:3.25rem 0 0}

.n_wenhua .fl01 .con04 h3{font-size: 1.75rem;

    color: #464646;

    margin-bottom: 1.5rem;

    font-weight: bold;}

#mainMap,#mainMap>div,#mainMap canvas{ background:none !important; user-select:none !important}



.piaofu .close{position:fixed;bottom: 32rem;right:1rem;font-size: 22px;color:#333; cursor:pointer}



.kaiguan{position:fixed;bottom: 32rem;right: -60px;width: 60px;line-height: 60px;border-radius:50%;background:#15569d;line-height: 60px;font-size: 25px;color:#fff;cursor:pointer;padding: 0 12px;font-family: simsun;z-index: 100000;}

.kaiguan.on{right: -30px;}



.chart .img{ display:none}



/*==========================================内页 结束=============================================*/



@media(min-width: 768px){



	

	.container03 ul li:hover a:before{ background:#15569d; box-shadow:0 0 0 16px rgba(21,86,157,0.45)}

	

	.container04 ul li:hover a .img:after{ left:0; width:0}

	.container04 ul li:hover a .con:before{ left:0; width:100%}

	

	.container04 ul li:hover a .con h4{ height:1.875rem}

	.container04 ul li:hover a .con h5{ height:1rem}

	

	.container05 ul li .box:hover .con:before{ left:0; width:100%}

	.container05 ul li .box:hover .con h5 a{ color:#fff}

	.container05 ul li .box:hover .con p{ color:#fff}

	.container05 ul li .box:hover .con h6,.container05 ul li .box:hover .con h6 .icon{ color:#fff; fill:#fff}

	.container05 ul li .box:hover{ box-shadow:0 0 35px rgba(0,0,0,0.35)}

	

	.container05 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }

	.container05 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }

	.container05 ul li .box .img:hover img{ transform:scale(1.05);}

	

	.more01 a:hover small{ color:#15569d}

	

	.more01 a:hover dl dd:nth-child(2) span:before{top: 0;}

	.more01 a:hover dl dd:nth-child(1) span:before{left: 5px;}

	.more01 a:hover dl dd:nth-child(3) span:before{top: 5px;}

	.more01 a:hover dl dd:nth-child(4) span:before{left: 0;}

	.more01 a:hover dl dd:nth-child(6) span:before{left: 0;}

	.more01 a:hover dl dd:nth-child(7) span:before{top: -5px;}

	.more01 a:hover dl dd:nth-child(9) span:before{left: -5px;}

	

	.container06 ul li a:hover .pp{ transform:scale(1); opacity:1}

	

	.container06 ul li a:hover:after {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		transform: scale(1);

		opacity: 1;

	}

	

	.container08 .bottom dd a:hover{ color:#fff}

	

	.container05 ul li .box:hover .con{ background:#15569d}

	

	.al_select ul li:hover:after{ left:0; width:100%}
	.al_select ul li:hover a {color:#fff}
	

	.n_case ul li:hover a .img:after{ left:0; width:0}

	.n_case ul li:hover a .con:before{ left:0; width:100%}

	

	.n_case ul li:hover a .con h4{ height:1.875rem}

	.n_case ul li:hover a .con h5{ height:1rem}

	

	.j_pages a:hover{border-bottom: #15569d 2px solid;}

	

	.n_case_detail .content .right ul li .con h5:hover{ color:#15569d}

	

	.n_yewu ul li a:hover h3 img{

		transform-style: preserve-3d;

		-webkit-animation:xuanzhuan 2s;

		animation: xuanzhuan 2s ;

		animation-fill-mode: forwards;

		transition: all .5s linear;

	}

	.n_yewu ul li a:hover h5{ color:#15569d}

	

	.n_yewu_detail ul li a:hover img{ transform:scale(1.06)}

	.n_yewu_detail ul li a:hover h5{ color:#15569d}



	.n_yuangong ul li a:hover h3 img{

		transform-style: preserve-3d;

		-webkit-animation:xuanzhuan 2s;

		animation: xuanzhuan 2s ;

		animation-fill-mode: forwards;

		transition: all .5s linear;

	}

	.n_yuangong ul li a:hover h5{ color:#15569d}

	

	.n_news .fl01 ul li .box:hover .con h5 a{ color:#15569d}

	.n_news .fl01 ul li .box:hover .con p{ color:#15569d}

	.n_news .fl01 ul li .box:hover .con h6,.n_news .fl01 ul li .box:hover .con h6 .icon{ color:#15569d; fill:#15569d}

	

	.n_news .fl01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }

	.n_news .fl01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }

	.n_news .fl01 ul li .box .img:hover img{ transform:scale(1.05);}

	

	.n_news .fl02 ul li a:hover h5,.n_news .fl02 ul li a:hover h4,.n_news .fl02 ul li a:hover h4 span{ color:#15569d}

	

	.n_news .fl02 ul li:hover:before{ left:0; width:100%}

	

	.n_news_detail .content .n_right .frl02 ul li:hover a{ color:#15569d}

	

	.n_video ul li a:hover .img img{ transform:scale(1)}

	.n_video ul li a:hover .img>img{ transform:scale(1.05)}

	.n_video ul li a:hover h5{ color:#15569d}

	

	.n_yingpin .fl02 ul li a:hover{ border:#15569d 1px solid}

	.n_yingpin .fl02 ul li a:hover:before{ height:100%; top:0}

	.n_yingpin .fl02 ul li a:hover h5,.n_yingpin .fl02 ul li a:hover h5 a{ color:#fff}

	.n_yingpin .fl02 ul li a:hover h6{color:#fff;}

	.n_yingpin .fl02 ul li a:hover h6 .icon {fill: #8fff;}

	.n_yingpin .fl02 ul li a:hover .jia{ transform:rotate(180deg);}

	.n_yingpin .fl02 ul li a:hover .zi .img01{ display:none}

	.n_yingpin .fl02 ul li a:hover .zi .img02{ display:inline-block}

}







@media(min-width: 992px) and (max-width: 1300px){

}



@media(max-width: 1600px){

}



@media(max-width: 1450px){

}



@media(max-width: 1400px){

	#mainMap{ display:none}

	.chart .img{ display:block}

}



@media(max-width: 1330px){

}



@media(max-width: 1200px){

	.n_contact{ padding:5rem 0}

	.n_contact dl dt{display:inline-block;width:100%;text-align: center;margin-bottom: 3rem;}

	.n_contact dl dd{ display:inline-block; width:33.333333%;}

	

	.n_renli .fl03 .box img{width: 55%;}

	.n_renli .fl03 .box .con01{ left:66%; padding-left:6rem}

	.n_renli .fl03 .box .con02{ left:66%; padding-left:6rem}

	.n_renli .fl03 .box .con03{ right:66%; padding-right:6rem}

	.n_renli .fl03 .box .con04{ right:66%; padding-right:6rem}

	.n_renli .fl03 .box .con:before{ width:3rem}

	

	.n_renli .fl03 .box .wz h3{ font-size:1.25rem}

	.n_renli .fl03 .box .wz h4{ font-size:1rem}

	

    .n_zizhi .fl02 ul li a .img img{ height: 120px}

}



@media(max-width: 1060px){

	

}



@media(max-width: 992px){

	.container04 ul{ margin:0 -0.5rem}

	.container04 ul li{ padding:0 0.5rem; width:50%}

	.container04 ul li:nth-child(7),.container04 ul li:nth-child(8){ display:none}

	.container05 ul{ margin:0 -1rem}

	.container05 ul li{ padding:0 1rem}

	

	header .fl,header .fr{ width:100%}

	header .container { width: 90%; }

	header nav {position: fixed;top: 0;left: auto;right: -100%;bottom: 0;width: 100%;margin-top: 0;padding-top: 5rem;padding-bottom: 32px;background: rgba(0, 0, 0, 0.95);visibility: hidden;transition: all .8s, top .3s;overflow:  hidden;overflow-y:  scroll;margin-top: 0 !important;}

	header nav.show { right: 0; visibility: visible; }

	header .nav-item {display: block;width: 100%;margin-left: 0;margin-right: 0;text-align:  center;height: auto;}

	header .nav-item.active{ background:#15569d}

	header .nav-item.active > a{ color:#fff !important}

	header .nav-item > a {position: relative;line-height: 50px;z-index: 1;display:  inline-block;color: #fff !important;}

	header .nav-item > i{display:inline-block;width:10%;font-size: 12px;color: #ffff;font-family: simsun;font-style:  normal;font-weight:  bold;line-height: 50px;position:  absolute;}

	header .nav-item > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #15569d; transform: scale(1, 0); transition: transform .5s; z-index: -1; }

	header .nav-item > a:hover { color: #fff !important; }

	header .nav-item > a.up:before { transform-origin: 0 100%; }

	header .nav-item > a.down:before { transform-origin: 0 0; }

	header .sub-nav-list {top: 0;left: 0;right: 0;margin-top: 0;margin-right: 15px;padding: 10px 0;white-space: nowrap;position: relative;display: none;opacity:1;visibility:visible;float: left;width: 100%;transition: all 0s;margin-top:  0 !important;}

	header .sub-nav-list:before { content: none; }

	header .sub-nav-item { padding: 0 20px; line-height: 40px; }

	header .contact { margin-right: 20px; }

	header .nav-menu-btn {position: relative;display: block;float: right;width: 20px;height: 38px;margin-top: -1.125rem;cursor: pointer;transition: all .3s;z-index: 10;}

	header .nav-menu-btn.enter .menu-btn { transition-duration: .1s; transition-delay: .4s; }

	header .nav-menu-btn.enter .menu-btn:before, header .nav-menu-btn.enter .menu-btn:after { opacity: 0; }

	header .nav-menu-btn.enter .menu-btn:before { left: -50%; right: 100%; transform: translate(-100%, 0); }

	header .nav-menu-btn.enter .menu-btn:after { left: 100%; right: -50%; transform: translate(100%, 0); }

	header .nav-menu-btn.enter .up {top: 17px;transform: rotate(45deg);height: 3px;}

	header .nav-menu-btn.enter .down {bottom: 18px;transform: rotate(-45deg);height: 3px;}

	header .nav-menu-btn.leave .menu-btn:before, header .nav-menu-btn.leave .menu-btn:after { opacity: 1; transform: translate(0, 0); }

	header .nav-menu-btn.leave .menu-btn:before { left: 0; right: 50%; }

	header .nav-menu-btn.leave .menu-btn:after { left: 50%; right: 0; }

	header .menu-btn {position: absolute;display: block;width: 100%;height: 9px;}

	header .menu-btn:before, header .menu-btn:after {content: '';position: absolute;top: 0;height: 100%;background: #fff;transition: all .3s;border-radius: 3px;}

	header .menu-btn:before {left: 0;right: 55%;}

	header .menu-btn:after {left: 55%;right: 0;}

	header .menu-btn.up {top: 10px;}

	header .menu-btn.down { bottom: 8px; }

	header.scroll-down nav { top: 50px; margin-top: 0; }

	header.scroll-down .nav-item:hover .sub-nav-list { margin-top: -10px; }

	

	header .logo{left:3%;margin-left:0;top: -2rem; display:none}

	header .logo img{height: 56px;}

	

	header{ display:block}

	.fp-viewing-0 header .logo{ display:block}

	

	.menu-handler{ display:none}

	

	header.header_visible .logo{display:block;top: 7px;}

	.n_header{ height:70px;}

	

	header.header_visible .menu-btn:before, header.header_visible .menu-btn:after{background: #14499a;}





	header.header_visible .nav-menu-btn{top: 27px;}

	

	.n_banner{margin-top:70px;height: 15rem;}

	

	.n_yewu ul li{ width:50%}

	

	.sticky{ top:115px;}

	.n_news_detail .content .n_left .n_left_box{ padding:2.5rem}

	

	.n_renli .fl03 .box .con{ white-space:normal; width:12rem; font-size:12px; line-height:20px;}

	

	.n_wenhua .fl01 .box>img{ height:25rem}

	

	.container02 .top{height: calc(100vh - 10rem);background: url(../images/container02_top_bg01.jpg) bottom center no-repeat;background-size: cover;}

	.container02 .bottom{height: 10rem;}

	.container02 .bottom ul{ margin:0 -3%}

	.container02 .bottom ul li h5{font-size:12px;margin-bottom: 0.5rem;}

	.container02 .bottom ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}

	.container02 .bottom ul li h4 span.counter,.container02 .bottom ul li h4 span.counter01{font-size: 1.5rem;}

	.container02 .bottom ul li h6{ font-size:10px;}

	.container02 .bottom ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}

	

	.n_video ul li a .img, .n_video ul li a .img>video{ height:240px;}

    

    .n_zizhi .fl02 ul li a .img img{ height: 80px}

}







@media(max-width: 768px){

	.ar_wap{ display:inline-block}

	

	.container02 .top{ height:calc(100% - 10rem)}

	.container02 .bottom{height: 9rem;}

	

	#fp-nav{ display:none}

	.liu_icon img{ width:40%}

	

	.container02 .top .box p{height:5.625rem;overflow:hidden;margin-bottom: 2rem;}

	

	.container02 .top .layui-container .layui-row .box{ height:auto}

	iframe{transform:scale(0.5);float:none !important;position:relative;left:50%;margin: -45% 0 -35%;margin-left:-350px;}

	

	.section .title h2{font-size:2rem;display:  inline-block;}

	.section .title h3{font-size:1rem;margin:0.75rem 0 2rem;display: inline-block;margin-left: 0.5rem;}

	

	.container02 .top{height:calc(100vh - 9rem);overflow: hidden;}

	

	

	

	.container02 .slide_box ul{margin:0 -0.5rem;margin-bottom: 3rem;}

	.container02 .slide_box ul li{ padding:0 0.5rem}

	.container02 .slide_box ul li .img img{ max-width:80%}

	.container02 .slide_box ul li a{padding: 1rem 0 2rem;}

	.container02 .slide_box .title h4{ margin:0.75rem 0 3rem}

	.container02 .slide_box .title h4:before{ display:none}

	

	.more00 a{ padding:0.75rem 2rem;}

	

	.container03 .title h4{ line-height:1.875rem}

	.container03 ul li{ margin:2rem 0}

	.container03 ul li .icon{ max-width:4rem; max-height:2rem}

	.container03 ul li h3{ line-height:4rem}

	.container03 ul li:nth-child(2) .icon{ max-width:4rem; max-height:2.5rem}

	.container03 ul li:nth-child(5) .icon,.container03 ul li:nth-child(6) .icon,.container03 ul li:nth-child(7) .icon,.container03 ul li:nth-child(8) .icon { max-width:4rem; max-height:2rem}

	.container03 ul li h5{ font-size:1rem}

	

	.section .title h4{ margin:0.75rem 0 3rem}

	

	.container04 ul{ margin:0 -0.35rem}

	.container04 ul li{ padding:0 0.35rem; width:50%; margin-bottom:0.7rem}

	.container04 ul li a .con h3{ font-size:1rem; line-height:1.75rem}

	

	.container05 ul{ margin:0 -0.35rem}

	.container05 ul li{ padding:0 0.35rem}

	.container05 ul li .con{ padding:1rem 1rem}

	.container05 ul li .con h5, .container05 ul li .con h5 a{ font-size:14px; line-height:22px; height:44px; white-space:normal}

	

	.container06 ul li{ margin:1rem 0}

	.container06 ul li a{width:10rem;height:10rem;padding: 1.5rem 0;}

	.container06 ul li a h3{ line-height:4rem}

	.container06 ul li a h3 img{ max-height:2rem; max-width:5rem}

	

	.container08 .bottom dl{ display:none}

	

	.container08 .bottom_box .con_bottom .left_con{padding: 1rem 0 0;margin-bottom:3rem;width: 100%;text-align:  center;}

	.container08 .bottom_box .con_bottom .left_con p{ line-height:26px;}

	

	.container08 .bottom_box .con_bottom .right_con{ text-align:center; width:100%}

	.container08 .bottom_box .con_bottom .right_con ul{ text-align:center}

	.s_foot_link{margin:0 auto;display:  inline-block;}

	

	#mainMap{ height:260px !important; margin:-20px 0}

	

	.container07 .top .kuang{left:3%;right:3%;top: auto;bottom: 3%;width: 94%;}

	.container07 .top .kuang .con{width:100%;padding:1.25rem;position: absolute;bottom: 3%;}

	.container07 .top .kuang .con h4{ font-size:1.25rem}

	.container07 .top .kuang .con h3 big{ font-size:1.25rem}

	

	.container07.fp-auto-height .fp-slide, .container07.fp-auto-height .fp-tableCell, .container07.fp-auto-height.fp-section{ height:100vh !important}

	#map{ height:100vh !important}

	.container07 .top .kuang .table_cell{ vertical-align:bottom}

	

	.fp-viewing-f4 header .menu-btn:before, .fp-viewing-f4 header .menu-btn:after{ background:#333}

	.banner-next .next-icon{ height:26px; background-size:auto 100% !important}

	.banner-next .next-text{ top:48px;}

	.banner-next .next-text img{ height:14px;}

	

	.n_banner h3{ font-size:1.5rem}

	.n_banner h4{ font-size:1.75rem}

	.n_banner h4.h4{font-size:1.25rem;padding: 0 1.5rem;}

	.n_banner h4:before{ bottom:-20px; width:32px; margin-left:-16px;}

	

	.n_about .fl02{ padding:2.5rem 0}

	.n_about .fl02 ul{ margin:0 -3%}

	.n_about .fl02 ul li h5{font-size:12px;margin-bottom: 0.5rem;}

	.n_about .fl02 ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}

	.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 1.5rem;}

	.n_about .fl02 ul li h6{ font-size:10px;}

	.n_about .fl02 ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}

	

	.piaofu{ right:1rem}

	.piaofu a img{ width:5rem}

	

	.n_zhici{ padding:2.5rem 0}

	.n_zhici .ar_article{ display:block}

	.n_zhici .ar_article .right{ margin-bottom:1rem}

	.n_zhici .ar_article .left,.n_zhici .ar_article .right{ width:100%; padding:0; display:block}

	.n_zhici .ar_article .left .ar_article h3{ padding:0}

	

	.ar_article{font-size:13px; line-height:26px}

	.ar_article p{font-size:13px; line-height:26px}	

	

	.al_select ul li a{ font-size:14px;}

	

	#content{ height:auto !important}

	.nianf{width: 67px;height: 34px;line-height: 30px;font-size: 12px;}

	.n_licheng ul li{ padding:10px 0}

	.n_licheng ul li .right{ width:calc(100% - 108px)}

	.n_licheng ul li .right .box .table .table_cell{ font-size:12px; line-height:26px;}

	.n_licheng .content_box:before{left: 84px;width: 2px;}

	.n_licheng .content_box .bg{left: 84px;width: 2px;}

	.n_licheng ul li .point{left: 78px;border: #fff 2px solid;width: 16px;height: 16px;margin-top: -8px;}

	.n_licheng .content_box .bg:before{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}

	.n_licheng .content_box .bg:after{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}

	

	.n_licheng ul{ height:auto !important}

	.n_licheng ul li{ margin-top:0 !important}

	.n_licheng ul li .left{ left:0 !important}

	.n_licheng ul li .point{left: 78px !important}

	.n_licheng ul li .right{ right:0 !important}

	

	.n_wenhua{ padding:2.5rem 0;}

	

	.n_contact dl dt{ display:inline-block; width:100%;}

	.n_contact dl dd{ display:inline-block; width:100%; margin-bottom:2rem}

	.n_contact dl dd h3 img{ height:2.5rem}

	

	.n_case ul{ margin:0 -0.5rem}

	.n_case ul li{ padding:0 0.5rem; width:50%}

	.n_case ul li:nth-child(9){ display:none}



	

	.n_case_detail .content{padding:3rem;display: block;}

	.n_case_detail .content .left{ margin-bottom:3rem}

	.n_case_detail .content .left .title h3{font-size:1.5rem;line-height: 2.5rem;}

	.n_case_detail .content .left,.n_case_detail .content .right{width:100%;display:block;padding: 0;}

	

	.n_case_detail .content .right ul{ font-size:0; margin:0 -5px}

	.n_case_detail .content .right ul li{display:inline-block;padding:0 5px;width: 100%;}

	

	.n_yewu{ padding:2.5rem 0}

	.n_yewu .n_yewu_title h3{font-size: 1.75rem; color: #3a3a3d; margin-bottom: 1rem; text-align:center;}
	.n_yewu .n_yewu_title p{text-align: justify;font-size: 0.9375rem; color: #949494; line-height: 2rem; text-align:center;}
	.n_yewu ul{ margin:0 -5px;}

	.n_yewu ul li{ padding:0 5px; margin-bottom:10px}

	.n_yewu ul li a p{font-size:12px;padding: 0 1rem;}

	.n_yewu ul li a h3 img{ height:5rem}

	.n_yewu ul li a h5{ margin-bottom:0.5rem}

	

	.n_yewu_detail ul{ margin:0 -5px;}

	.n_yewu_detail ul li{padding:0 5px;width: 50%;margin-bottom:1rem;}

	

	.j_pages a.none{ display:none}

	

	.n_yuangong ul{ margin:0 -5px;}

	.n_yuangong ul li{ padding:0 5px; width:33.333333%; margin-bottom:1rem}

	.n_yuangong ul li a h3 img{ height:2.5rem}

	

	

	.n_news .fl01 ul{ margin:0 -5px}

	.n_news .fl01 ul li{padding:0 5px;width: 50%;}

	.n_news .fl01 ul li:nth-child(3){ display:none}

	

	.n_news .fl02 ul{padding:0 5px}

	.n_news .fl02 ul li{padding:1rem 0 1rem;width: 50%;display: inline-block;}

	.n_news .fl02 ul li .layui-container03{ padding:0 5px}

	.n_news .fl02 ul li .box a h5, .n_news .fl02 ul li .box a h5 a{ font-size:13px}

	.n_news_detail .content .n_left .n_left_box{ padding:1.5rem}

	

	.n_news_detail{ padding:2.5rem 0 2.5rem}

	.n_news_detail .content{ display:block}

	.n_news_detail .content .n_left{ display:block; width:100%; padding:0; margin-bottom:3rem}

	.n_news_detail .content .n_right{ display:block; width:100%}

	.n_news_detail .content .n_right .frl01 ul{ width:100%}

	.n_news_detail .content .n_left .title h6 .span2{ display:none}

	

	.n_video ul{ margin:0 -5px; margin-bottom:1rem}

	.n_video ul li{padding:0 5px;margin-bottom: 1rem;}

	

	#page_show_video_box video{ width:360px; height:204px;}

	#page_video{width: 420px;height:214px;}

	#page_video .video_box{width: 370px;height:214px;}

	#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}

	#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}

	#bnt_close01 img{width:1rem;height:1rem;left:1.5rem;top:1.5rem;}

	#page_show_video_box .box{ margin-left:-185px;}

	

	.n_zizhi .fl01 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0rem;}

	

	.n_zizhi .fl02 ul{ margin:0 0rem}

	.n_zizhi .fl01 ul{ margin:0 0rem}

	.n_zizhi .fl02 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0;}

	.n_zizhi .fl01 ul li a .img img{max-height: 34%;}

	

	.n_yingpin .fl01{ padding:2rem 0}

	.n_yingpin .fl01 ul li{ width:100%; margin:1.5rem 0}

	.n_yingpin .fl01 ul li h3 img{ height:2rem}

	.n_yingpin .fl01 ul li h2 img{ height:6rem}

	

	.n_yingpin .fl02{ padding:2.5rem 0}

	.n_yingpin .fl02 ul li a .zi{ left:1.5rem}

	.n_yingpin .fl02 ul li a .jia{ right:1.5rem}

	.n_yingpin .fl02 ul li a .zi img{ height:4rem}

	

	.n_renli .fl01{  padding:2.5rem 0}

	.n_renli .fl01 .right,.n_renli .fl01 .left{ padding:0; width:100%}

	.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}

	

	.n_renli .fl03 .box img{height: 18rem; width: auto;}

	

	.n_renli .fl03 .box .con{ width:9rem}

	.n_renli .fl03 .box .con:after{ width:18px; height:18px; margin-top:-9px; display:none }

	.n_renli .fl03 .box .con01{padding-left:0;left:80%;text-align:left;top:2rem;margin-top: 3rem !important;}

	.n_renli .fl03 .box .con02{ padding-left:0; left:80%; text-align:left; bottom:2rem}

	.n_renli .fl03 .box .con03{ padding-right:0; right:80%; text-align:right; bottom:2rem}

	.n_renli .fl03 .box .con04{padding-right:0;right: 88%;text-align:right;top:2rem;}

	.n_renli .fl03 .box .con:before{ display: none}

	

	.n_wenhua .fl01 .box>img{ height:15rem}

	.n_wenhua .fl01 .box .wz h3 img{ height:2.5rem}

	.n_wenhua .fl01 .box .wz h5{ font-size:16px;}

	.n_wenhua .fl01 .con h3{font-size:1.25rem;text-align: left;}

	.n_wenhua .fl01 .con p{font-size:11px;line-height:24px;text-align: left;}

	.n_wenhua .fl01 .con p .ar_web{ display:none}

	

	.n_wenhua .fl01 .con01{top:2rem;position: relative;left: 0;margin-left: 0;margin-bottom: 2rem;}

	.n_wenhua .fl01 .con02{top:2rem;margin-right:16%;position: relative;text-align: left;margin-right: 0;right: 0;margin: 3rem 0 2rem;}

	.n_wenhua .fl01 .con{ transition-delay:0 !important}

	

	.n_case ul li a .con h3{  font-size:1.25rem; padding:0 1.25rem}

	

	.n_news .fl02 ul li .img{ width:100%;}

	.n_news .fl02 ul li .box{ width:100%;}

	

	.biaoyu a{width:80%;height: 50px;line-height: 50px;border-radius: 30px;}

	

	.n_yewu_detail ul li .con{ padding:1.5rem 1rem 1.5rem}

	.n_yewu_detail ul li .con h6{overflow:hidden;}

	

	.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ display:none !important}

	

	.n_case_detail .content .right h3{ display:block}

	

	.n_news_detail .content .n_left .title h3{ font-size:1.5rem; line-height:2rem}

	

	.n_renli .fl03 .box .wz{height:18rem;margin-bottom: 3rem;}

	.n_renli .fl03 .box .con{position: initial;padding:  0;margin:  0;width: 100%;left: 0;right: 0;top: auto;text-align:  center;margin-top: 1rem;display:  block;}

	

	#mainMap canvas{}

	.n_zizhi .fl01 ul{}

	

	.piaofu .close{bottom: 23rem;}

	.kaiguan{bottom:22rem;width: 50px;height: 50px;line-height: 50px;font-size: 18px;padding: 0 7px;}

	

	.n_zizhi .fl02 ul li a .img img{ max-height:12%}

	

	.container02 .slide_box ul li .img{ height:12rem; line-height:12rem}

	

	.n_video ul li a .img, .n_video ul li a .img>video{ height:200px;}

	

	.ar_article.ar_web{ display:none}

	.ar_article.ar_wap{ display:inline-block}

	.n_news .fl01 ul li .con h5, .n_news .fl01 ul li .con h5 a{ font-size:13px}

} 





@media(max-width: 540px){

.n_zizhi .fl01 ul li{width:50%;margin-bottom:2rem;padding: 0 0rem;}

.n_zizhi .fl02 ul li{width:50%;}

.container06 ul li a{width:8rem;height:8rem;padding: 1rem 0;}

.container06 ul li a h5{ font-size:12px; padding:0 5px;}

.n_video ul li a .img, .n_video ul li a .img>video{ height:150px;}

}





@media(max-width: 456px){

	.n_case_detail .content{padding:1.5rem;display: block;}

	

	.n_wenhua .fl01 .box>img{}

	.n_wenhua .fl01 .box .wz h3 img{}

	.n_wenhua .fl01 .box .wz h5{}

	.n_wenhua .fl01 .con h3{ font-size:1.25rem}

	.n_wenhua .fl01 .con p{ font-size:10px; line-height:20px;}

	.n_video ul li a .img, .n_video ul li a .img>video{ height:120px;}

	

}



.ar-content * {

	max-width: 100%;

	font-size: 0.9375rem;

}