blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {margin: 0;padding: 0;outline: none}
abbr,acronym,fieldset,img {border: 0}
ol,ul {list-style: none}
caption,th {text-align: left}
.clearfix:after {clear: both;content: '';display: block;height: 0;line-height: 0;visibility: hidden}
.clearfix {zoom:1}
.clear {clear: both}
.fl {float: left}
.fr {float: right}
input,select,textarea {font-size: 16px;color: #999;font-family: "Microsoft Yahei",sans-serif;outline: 0;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer}
::-webkit-input-placeholder {color: #999}
::-moz-placeholder {color: #999}
::-ms-input-placeholder {color: #999}
::selection {color:#fff;background-color: #0352b8;}
::-moz-selection {color:#fff;background-color: #0352b8;}
::-webkit-selection {color:#fff;background-color: #0352b8;}
::-webkit-scrollbar {width: 10px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 6px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 6px; background-color: #0352b8;}
::-webkit-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
* {padding: 0;margin: 0; box-sizing:border-box;}

body {color: #000;font-size: 16px;line-height: 1.1;font-family: "Microsoft Yahei",'Roboto'}
* {-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
a,img {-ms-transition: .20s;-moz-transition: .20s;-webkit-transition: .20s;-o-transition: .20s;transition: .20s}
img,video {width: auto;height: auto;max-width: 100%;vertical-align: middle;}
a{color: #333;text-decoration: none;border: none;outline: none}
a:hover{color: #015198;}
textarea {resize: none}
.wrap{max-width: 1400px;margin: 0 auto;position: relative;z-index: 99}
@media (max-width:1800px){
    .wrap{width: 85%;}
}

body{ }
/*header*/

.header{ position:fixed; width:100%; background:#fff; z-index:9999; width:100%; transition:1s; height:5rem; box-shadow:0 1px 2px 0 rgba(0,0,0,.1);top: 0;}
.header.hide{top: -5rem;}
.header.show{top: 0;}

.logo{ float:left;}
.logo a{ display:table-cell; vertical-align: middle; height:5rem;}
.logo a div{height: 4rem;width:17.5rem}
.pc{display:block}
.phone{display:none;}
#nav{ float:right;position: relative;}
#nav>ul{ float:left;}
#nav>ul>li{ float:left; position:relative;margin-right:2.5rem;}
#nav>ul>li>a{ font-size:1rem; color:#000; display:block;position: relative;}
#nav>ul>li>a h3{ position:relative; font-size:1.125rem; color:#000;line-height:5rem;font-weight: normal;display: inline-block;}
#nav>ul>li>a i{width: 10px;height: 10px;background: url(../images/nav.png) center no-repeat;background-size: 100% auto;top: 2.25rem;display: inline-block;margin-left: 0.25rem}
#nav>ul>li:last-child{margin-right: 0;}
#nav>ul>li.act h3{color:#015198;}
#nav>ul>li:hover h3{color:#015198;}

#nav>ul>li ul.sub{position:absolute; top:5rem; width:10rem; display:none; opacity: 0;transition: 1s;background:#fff; font-size:1rem; color:#585858; line-height:2.5;border-top:2px solid #015198;padding:0.5rem 0;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);}
#nav .sub li{ padding:0 0.5rem;}
#nav .sub li a{ display:block;text-align: center;color: #000}
#nav .sub li:hover a{color: #015198}
#nav .sub{ left:50%; margin-left:-5.5rem;}
#nav>ul>li:hover ul.sub{ display:block;opacity: 1 }

.web-zhuce{float: left;padding-top: 1.25rem;padding-left:3rem;}
.web-louser {}
.web-louser li{float: left;line-height: 2.5rem;width: 6rem;text-align: center;}
.web-louser li a{font-size: 1rem;}
.web-louser li:first-child{border:1px solid #ddd;background-color: #fff;border-radius: 2rem;margin-right: 1rem;}
.web-louser li:first-child a{color: #000;display: block;}
.web-louser li:nth-child(2){border:1px solid #015198;background-color: #015198;border-radius: 2rem;}
.web-louser li:nth-child(2) a{color: #fff;display: block;}

.navMenu {right: 15px;z-index: 22;position: absolute;top: 50%;margin-top: 1.75rem;cursor: pointer;width: 30px;height: 24px;display: none;}
.navMenu span {border-radius: 2px;position: absolute;left: 0;background: #015198;width: 100%;height: 2px;display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.navMenu .line1 {top: 0;}
.navMenu .line2 {top: 50%;margin-top: -1px;}
.navMenu .line3 {bottom: 0;}
.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}
.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
.navMenu.on .line3{display: none;}
@media (max-width:1200px){
    #nav>ul{background-color: #fff;}
    .navMenu{display: block;}
    #nav{bottom: 0;overflow-y: auto;transition: .5s;-webkit-transition: .5s;transform: translate(100%,0);-webkit-transform: translate(100%,0);position: fixed;width: 100%;right: 0;min-height: 560px;height: calc(100vh - 5rem);top: 5rem;z-index: 66;background: #f9f9f9;}
    #nav.on{transform: translate(0,0);-webkit-transform: translate(0,0);}
    #nav>ul>li:nth-child(1){border-top: 1px solid #ddd;}
    #nav>ul>li{width: 100%;padding:0 15px;border-bottom: 1px solid #ddd;}
    #nav>ul>li>a h3{height: 3.5rem;line-height: 3.5rem;font-size: 1.125rem;color: #015198;margin: unset;}
    #nav>ul>li>a i{top:2rem}
    #nav>ul>li h3:after{display: none;}
    #nav .sub{display: block;position: unset;width: 100%;line-height: 34px;color: #666;left: unset;margin-left: unset;padding:0;}
    #nav .sub1{margin-left:0;}
    #nav .sub1 li{padding: 0;display: inline-block;margin-right: 10px;}
    #nav .sub1>li:hover, #nav .sub1>li.on{background:unset;color: #015198}
    #nav>ul>li ul.sub{display: block;opacity: 1;position: relative;border-top:unset;top: unset;width: 100%;padding-top: 0;background-color:unset;box-shadow:unset}
    #nav .sub li{display: inline-block;padding:0;padding-right: 1rem}
    .web-zhuce{padding-left: 15px;}

}
/*banner*/
.banner{padding-top:5rem;background:#111723;}
.banner .banner-ul li img{width: 100%;filter: grayscale(0.5);opacity: 0.8;transition: 2s;}
.banner .banner-ul li:hover img{filter: grayscale(0);opacity: 1}
.banner .banner-txt{position: absolute;color: #fff;margin-top: 11rem;z-index: 100}
.banner .banner-txt h5{font-size: 3rem;}
.banner .banner-txt p{font-size: 1.25rem;margin-top: 3rem;line-height: 2}
.banner .banner-txt a{font-size: 1.25rem;box-shadow: 0 0px 20px 0 rgb(84 152 216 / 0%);background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:1rem 2rem;margin-top: 4rem;display: inline-block;border-radius: 0.25rem;transition: 1s;}
.banner .banner-txt a:hover{box-shadow: 0 0px 20px 0 rgb(84 152 216 / 80%);}
.banner .banner-ul li{position: relative;}
.banner .banner-ul li h6{position: absolute;left: 4.5rem;bottom: 80%;background: linear-gradient(to top, #008ae7, #011c52);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #fff;z-index: 80;transform: rotate(90deg);transform-origin:0 50%;font-size: 10rem;line-height: 9rem; letter-spacing:0.5rem;opacity: 0.1;transition: 2s;}
.banner .banner-ul li:hover h6{opacity:1}
.banner .slick-dots {text-align: center;margin-top: 1.75rem;position: absolute;z-index: 1;bottom: 3rem;width: 100%;text-align: center;}
.banner .slick-dots li {display: inline-block;padding: 0 1rem;cursor: pointer;}
.banner .slick-dots li button {outline: none;font-size: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 0px solid #3068bf;background-color: rgba(255,255,255,0.4);display: block;cursor: pointer;transition: all .3s ease-in-out;position: relative;}
.banner .slick-dots li.slick-active button{background-color: #fff}
.banner .slick-dots li.slick-active button:before{content: '';position: absolute;width: 1.5rem;height: 1.5rem;left: calc(-0.5rem - 2px);top: calc(-0.5rem - 1px);border: 2px solid #008ae7;border-top: 1px solid #000;border-left: 1px solid #000;border-radius: 50%;animation: rotate 3s infinite linear;}
@keyframes rotate {100% {transform: rotate(360deg);}}
.banner-phone{display: none;margin-top:5rem;}
.banner-phone .banner-phone-ul li img{width: 100%;transition: 2s;}
.banner-phone .banner-txt{position: absolute;color: #fff;margin-top: 3rem;z-index: 100}
.banner-phone .banner-txt h5{font-size: 2rem;}
.banner-phone .banner-txt p{font-size: 1rem;margin-top: 1rem;line-height: 2}
.banner-phone .banner-txt a{font-size: 1.25rem;box-shadow: 0 0px 20px 0 rgb(84 152 216 / 0%);background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:1rem 2rem;margin-top: 2rem;display: inline-block;border-radius: 0.25rem;transition: 1s;}
.banner-phone .banner-txt a:hover{box-shadow: 0 0px 20px 0 rgb(84 152 216 / 80%);}
.banner-phone .banner-phone-ul li{position: relative;}
.banner-phone .banner-phone-ul li h6{position: absolute;left: 4.5rem;bottom: 80%;background: linear-gradient(to top, #008ae7, #011c52);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #fff;z-index: 80;transform: rotate(90deg);transform-origin:0 50%;font-size: 10rem;line-height: 9rem; letter-spacing:0.5rem;opacity: 0.1;transition: 2s;}
.banner-phone .banner-phone-ul li:hover h6{opacity:1}
.banner-phone .slick-dots {text-align: center;margin-top: 1.75rem;position: absolute;z-index: 1;bottom: 3rem;width: 100%;text-align: center;}
.banner-phone .slick-dots li {display: inline-block;padding: 0 1rem;cursor: pointer;}
.banner-phone .slick-dots li button {outline: none;font-size: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 0px solid #3068bf;background-color: rgba(255,255,255,0.4);display: block;cursor: pointer;transition: all .3s ease-in-out;position: relative;}
.banner-phone .slick-dots li.slick-active button{background-color: #fff}
.banner-phone .slick-dots li.slick-active button:before{content: '';position: absolute;width: 1.5rem;height: 1.5rem;left: calc(-0.5rem - 2px);top: calc(-0.5rem - 1px);border: 2px solid #008ae7;border-top: 1px solid #000;border-left: 1px solid #000;border-radius: 50%;animation: rotate 3s infinite linear;}



/*news*/
.news{background: #f5f6fa;padding:6rem 0;position: relative;}
.news .s_title{margin-bottom: 3rem;}
.news .s_title h2{font-size: 2.5rem;float: left}
.news .s_title ul{float: right;}
.news .s_title ul li{float: left;font-size: 1.25rem;box-sizing: border-box;border: 1px solid #333;line-height: 2.75rem;border-radius: 100px;padding: 0px 1.5rem;color: #000;cursor: pointer;margin-left: 1rem;}
.news .s_title ul li.current{background: linear-gradient(to right, #003fbb, #008ae7);border:unset;}
.news .s_title ul li.current a{color: #fff;}
.news-ul{margin: 0 -1rem;}
.news-ul li.slick-item{margin:0 1rem;border:1px solid #ddd;background: #fff}
.news-ul li.slick-item img{width: 100%}
.news-ul li.slick-item .news-con{padding:2rem;}
.news-ul li.slick-item .news-con span{font-size: 1rem;float: left;color: #336196;}
.news-ul li.slick-item .news-con p{font-size: 1rem;float: right;}
.news-ul li.slick-item .news-con h6{margin-top:1rem;font-size: 1.25rem;line-height: 1.5;min-height: 3.75rem;margin-bottom:2rem;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-ul li.slick-item .news-con a.news-a{font-size: 1rem;color: #000;margin-top: 1rem;display: inline-block;}
.news-a{position: relative;}
.news-a:before{content: '';position: absolute;right: -1.75rem;width: 1.5rem;height: 0.5rem;background-image: url(../images/more.png);top: 0.25rem}
.news-ul li.slick-item:hover{border:1px solid #015198;}
.news-ul li.slick-item .news-con h6:hover{color: #015198}
.news-ul li.slick-item .news-con a:hover {color: #015198}
.news-ul .slick-dots {text-align: center;position: absolute;z-index: 1;bottom: -3rem;left: 0%;width: 100%}
.news-ul .slick-dots li {display: inline-block;padding: 0 0.25rem;cursor: pointer;}
.news-ul .slick-dots li button {outline: none;font-size: 0;width: 2rem;height: 0.25rem;border: 0px solid #3068bf;background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.3));display: block;cursor: pointer;transition: all .3s ease-in-out}
.news-ul .slick-dots li.slick-active button {position: relative;background: linear-gradient(to right, #003fbb, #008ae7);}
.news-more{width: 100%;text-align: center;margin-top:5rem;}
.news-more a{width: 17rem;height: 5rem;background: url(../images/news_more.png);background-size: cover;display: inline-block;line-height: 5rem;font-size: 1.125rem;font-weight: bold;color: #015198}

/*hulian*/
.hulian{background: #fff;padding:6rem 0;}
.hulian .s_title{margin-bottom: 3rem;}
.hulian .s_title h2{font-size: 2.5rem;float: left}
.hulian .s_title ul{float: right;}
.hulian .s_title ul li{float: left;font-size: 1.25rem;box-sizing: border-box;border: 1px solid #000;line-height: 2.75rem;border-radius: 100px;padding: 0px 1.5rem;color: #000;cursor: pointer;margin-left: 1rem;}
.hulian .s_title ul li a{color: #000;}
.hulian .s_title ul li:hover{background: linear-gradient(to right, #003fbb, #008ae7);border:unset;color: #fff;}
.hulian .s_title ul li:hover a{color:#fff;}
.hulian .hulian-top ul{}
.hulian .hulian-top ul li{float: left;width: calc(50% - 1rem);margin-right: 2rem;padding:3rem 3rem;height: 20rem;border-radius: 0.5rem;border:1px solid #eee;background-color: #f5f6fa;position: relative;}
.hulian .hulian-top ul li .hulian-bg{position: absolute;top:0;bottom: 0;right:0;left: 45%;border-top-left-radius: 10rem;border-bottom-left-radius: 10rem;transition:0.25s;z-index: 1}
.hulian .hulian-top ul li:hover .hulian-bg{position: absolute;top:0;bottom: 0;right:0;left: 0;border-top-left-radius: 0rem;border-bottom-left-radius: 0rem;}
.hulian .hulian-top ul li:nth-child(2n){margin-right: 0;}
.hulian .hulian-top ul li .hulian-con{z-index: 9;position: relative;max-width: 55%}
.hulian .hulian-top ul li span{font-size: 1rem;color: #666;padding-left: 1.25rem;position: relative;line-height: 1}
.hulian .hulian-top ul li span:before{content: '';position: absolute;width: 0.5rem;height: 0.5rem;border-radius: 50%;border:2px solid #008ae7;left: 0;top: calc(50% - 0.4rem);}
.hulian .hulian-top ul li h3{font-size: 1.5rem;color:#000;margin-top:1rem;}
.hulian .hulian-top ul li p{font-size: 1rem;line-height: 2;color: #000;margin-top: 1rem;}
.hulian .hulian-top ul li a{width: 7rem;display: inline-block;line-height: 2.5rem;font-size: 1rem;color: #000;border:1px solid #ddd;border-radius: 1.25rem;text-align: center;margin-top: 2rem;}
.hulian .hulian-top ul li:hover span{color: #fff;}
.hulian .hulian-top ul li:hover h3{color: #fff;}
.hulian .hulian-top ul li:hover p{color: #fff;}
.hulian .hulian-top ul li:hover a{color: #fff;background: linear-gradient(to right, #003fbb, #008ae7);border: unset;}
.hulian .hulian-mid{}
.hulian .hulian-mid ul{float: left;width: calc(50% - 1rem);margin-right: 2rem;}
.hulian .hulian-mid ul:nth-child(2n){margin-right: 0;}
.hulian .hulian-mid ul li{float: left;width: calc(50% - 1rem);margin-right: 2rem;height: 5.5rem;border:1px solid #eee;background-color: #f5f6fa;margin-top: 2rem;}
.hulian .hulian-mid ul li:nth-child(2n){margin-right: 0;}
.hulian .hulian-mid ul li div{display: flex;align-items: center;justify-content: space-between;height: 100%;padding:1rem;}
.hulian .hulian-mid ul li div a.hulian-a{max-width: 80%}
.hulian .hulian-mid ul li div a.hulian-a:hover h6{color: #015198}
.hulian .hulian-mid ul li div h6{font-size: 1rem;font-weight: normal;color: #000;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;white-space: break-spaces;-webkit-box-orient: vertical;}
.hulian .hulian-mid ul li div a.hulian-down{width: 2rem;height: 2rem}
.hulian .hulian-mid ul li div a.hulian-down img{width: 2rem;height: 2rem;filter: grayscale(1);opacity: 0.5}
.hulian .hulian-mid ul li div a.hulian-down img:hover{filter: grayscale(0);opacity: 1}
.hulian .hulian-mid ul li:hover{border:1px solid #0ba3ea;}

/*meeting*/
.meeting{background-image: url(../images/news_bg.jpg);background-size: cover;;padding:6rem 0;}
.meeting .s_title{margin-bottom: 3rem;text-align: center;}
.meeting .s_title h2{font-size: 2.5rem;margin-bottom: 2rem}
.meeting .news-more{float:left;margin-top:3rem}
.meet_l{float: left;width: 49%;margin-right:2%;}
.meet_l .news_l_texts{height: 30rem;}
.meet_l .news_l_texts{width: 100%;padding:2rem;background-color: #f8f8f8;position:relative;overflow:hidden}
.meet_l .news_l_texts>div{position: absolute;bottom: 0;left:0;right:0;padding: 6rem 1rem 1rem;background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));color: #fff;transition:0.5s}
.meet_l .news_l_texts>div h6{font-size: 1.25rem;color: #fff;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.meet_l .news_l_texts:hover>div{padding: 6rem 1rem 1.5rem;}
.meet_l .news_l_texts p{margin-top:1rem;font-size:1rem;color:#fff;line-height:1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.meet_l .news_l_texts span{position:absolute;color:#fff;top:0;left:0;font-size:1rem;padding:0.5rem 1rem;display:block;background-color:rgba(0,0,0,0.2)}

.meet_r{float: right;width: 49%;}
.meet_r li{height: 14rem;margin-bottom: 2rem;width:48%;margin-right:4%;float:left}
.meet_r li:nth-child(2){margin-right:0}
.meet_r_pic{height: 14rem;width: 50%;float: left;}

.meet_r li .news_r_texts{width: 100%;float: right;padding:2rem;background-color: #f8f8f8;height: 14rem;position:relative;overflow:hidden}
.meet_r li .news_r_texts>div{position: absolute;bottom: 0;left:0;right:0;padding: 4rem 1rem 1rem;background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));color: #fff;transition:0.5s}
.meet_r li .news_r_texts>div h6{font-size: 1.125rem;color: #fff;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.meet_r li .news_r_texts:hover>div{padding: 4rem 1rem 1.5rem;}
.meet_r li .news_r_texts span{position:absolute;color:#fff;top:0;left:0;font-size:1rem;padding:0.5rem 1rem;display:block;background-color:rgba(0,0,0,0.2)}
.meet_r li:last-child{margin-bottom: 0;margin-right:0;width:100%}
.meet_r li:last-child .news_r_pic{display: none;}
.meet_r li:last-child .news_r_texts{width: 100%;background-color: #0352b8}
.meet_r li:last-child .news_r_texts h6{color: #fff;}
.meet_r li:last-child .news_r_texts p{color: #fff}
.meet_r li:last-child .news_r_texts a.news-a{color: #fff}
.meet-a{position: relative;}
.meet-a:before{content: '';position: absolute;right: -1.75rem;width: 1.5rem;height: 0.5rem;background: url(../images/more.png) center;top: 0.25rem}
.meet_r li:last-child .news_r_texts a.news-a:before{filter: grayscale(100%) brightness(1000%);}

/*.huiyi{background-image: url(../images/news_bg.jpg);background-size: cover;;padding:6rem 0;}*/
/*.huiyi .s_title{margin-bottom: 3rem;}*/
/*.huiyi .s_title h2{font-size: 2.5rem;float: left}*/
/*.huiyi .huiyi-top{margin-bottom: 1rem;}*/
/*.huiyi .huiyi-top .huiyi-left{width: 40%;float: left;padding-right: 4%;position: relative;}*/
/*.huiyi .huiyi-top .huiyi-left h2{font-size: 2.5rem;color: #000;margin-bottom: 2rem;}*/
/*.huiyi .huiyi-top .huiyi-left h4{font-size: 1.5rem;color: #333;margin-bottom: 1.5rem;}*/
/*.huiyi .huiyi-top .huiyi-left span{font-size: 1rem;margin-bottom: 1rem;display: inline-block;}*/
/*.huiyi .huiyi-top .huiyi-left p{font-size: 1rem;line-height: 1.5;margin-bottom: 1.5rem;}*/
/*.huiyi .huiyi-top .huiyi-left h6{font-size: 1.25rem;color: #333;margin-bottom: 1rem;}*/
/*.huiyi .huiyi-top .huiyi-left:before{content: '';width: 24rem;height: 24rem;background-image: url(../images/huiyi-left-bg.png);background-size: cover;position: absolute;left: calc(50% - 12rem);bottom: 0;}*/
/*.huiyi .huiyi-top .huiyi-left .jb{width: 100%;margin-bottom: 1rem;}*/
/*.huiyi .huiyi-top .huiyi-left .jb img{max-width: 100%;margin:0 0.25rem;}*/
/*.huiyi .huiyi-top .huiyi-left .hz{width: 100%}*/
/*.huiyi .huiyi-top .huiyi-left .hz img{border:1px solid #ddd;max-width: 100%;margin:0 0.25rem;}*/
/*.huiyi .huiyi-top .huiyi-right{width: 60%;float: right;}*/
/*.huiyi .huiyi-top .huiyi-right img{border-radius: 0.25rem;}*/
/*.huiyi .huiyi-mid ul{margin:0 -1rem;}*/
/*.huiyi .huiyi-mid ul li{margin:1rem;position: relative;}*/
/*.huiyi .huiyi-mid ul li img{border-radius: 0.5rem;cursor: pointer;}*/
/*.huiyi .huiyi-mid ul li.slick-current img{box-shadow: 0 0px 1rem rgb(3 82 184 / 100%);}*/
/*.huiyi .huiyi-mid .slick-arrow{cursor: pointer;position: absolute;top: calc(50% - 1.5rem);width: 3rem;height: 3rem;border-radius: 50%;background: url(../images/arrow.png) no-repeat center center,linear-gradient(to right, #003fbb, #008ae7) ;border:unset;font-size: 0; }*/
/*.huiyi .huiyi-mid .slick-prev{left: -4rem;}*/
/*.huiyi .huiyi-mid .slick-next{right: -4rem;transform:rotate(180deg);}*/
/*.huiyi .huiyi-mid ul li p{position: absolute;right: 1rem;top: 1rem;color: #fff;font-size: 1rem;border-radius: 1.5rem;padding:0.5rem 1rem;background-color: #999;}*/
/*.huiyi .huiyi-mid ul li p.huiyi-open{background: linear-gradient(to right, #003fbb, #008ae7);}*/
/*join*/
.join{background: url(../images/join-bg.jpg) center;background-size: cover;height: 20rem;padding-top: 4rem;}
.join h2{font-size: 2.5rem;color: #fff;}
.join span{font-size: 1.25rem;color: #fff;margin-top: 1.5rem;display: block;}
.join a{display: inline-block;font-size: 1.125rem;box-shadow: 0 0px 20px 0 rgb(84 152 216 / 0%);background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:1rem 2rem;margin-top: 2rem;border-radius: 0.25rem;transition: 1s;}
.join a:hover{box-shadow: 0 0px 20px 0 rgb(84 152 216 / 80%);color: #fff;}

/*footer*/
.footer{background: #151721;}
.footer .wrap{display: flex;align-items: center;justify-content: space-between;flex-flow:wrap;}
.footer .footer_left{width: 40%;padding: 2.5rem 0;height: 18rem;}
.footer .footer_left .f_logo{height: 4rem;width:17.5rem;filter: grayscale(100%) brightness(1000%);margin-bottom:1.5rem}
.footer .footer_left ul{margin-top:1rem}
.footer .footer_left ul li{position:relative;display:inline-block;margin-right:0.5rem}
.footer .footer_left ul li div{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #999;cursor: pointer;}
.footer .footer_left ul li img{display:none;width:6rem;position:absolute;left:0rem;bottom:3rem;max-width:unset;opacity:0;transition:1s}
.footer .footer_left ul li:hover img{display:block;opacity:1}
.footer .footer_left span{display: block;font-size: 1rem;color:#999;padding:0.5rem 0 0.5rem 2rem;position: relative;}
.footer .footer_left span.span_m:before{position: absolute;content: '';left: 0;top: 0.25rem;width: 1.5rem;height: 1.5rem;background-image: url(../images/phone.png);background-size: cover;}
.footer .footer_left span.span_p:before{position: absolute;content: '';left: 0;top: 0.25rem;width: 1.5rem;height: 1.5rem;background-image: url(../images/mail.png);background-size: cover;}

.footer .footer_right{width: 60%;padding: 2.5rem 0;height: 18rem;}
.footer .footer_right ul.footer_nav{display: flex;justify-content: space-between;margin-top:0.5rem}
.footer .footer_right ul.footer_nav li{}
.footer .footer_right ul.footer_nav li h6{font-size: 1.125rem;color: #fff;margin-bottom: 1rem;font-weight:normal;border-bottom:1px solid #3f3f3f;padding-bottom:1rem}
.footer .footer_right ul.footer_nav li a{display: block;font-size: 1rem;color:#999;padding:0.5rem 0;}
.footer .footer_right ul.footer_nav li a:hover{color: #fff;}


.footer_link{display:inline-block;float:right}
.footer_link>div{display: inline-block;padding:0.5rem 1rem;color: #999;line-height: 1.5;font-size: 1rem;text-align: left;cursor: pointer;position: relative;border:1px solid #333}
.footer_link>div:hover{color:#fff}
.footer_link>div ul.link_ul{display: none;position: absolute;bottom: 2.5rem;left: 0;right:0;background-color: #222;}
.footer_link>div:hover ul.link_ul{display: block;}
.footer_link>div ul.link_ul li{padding:0.5rem 1rem;}
.footer_link>div ul.link_ul li:hover{background: linear-gradient(to right, #003fbb, #008ae7);}
.footer_last{background-color:#151721;line-height:4rem;color:#999;border-top:1px solid #333}
.footer_last .copy{display:inline-block;margin-right:0.5rem}
.footer_last .beian{display:inline-block;color:#999}
.footer_last .beian a{color:#999}
.footer_last .beian a:hover{color:#fff}


.n_banner{height: 30rem;padding-top: 14rem;}
.n_banner h6{font-size: 2.75rem;color: #fff;margin-bottom: 2rem;font-weight: bold;}
.n_banner p{font-size: 1.25rem;color: #fff;}
.n_nav{line-height: 4;border-bottom: 1px solid #ddd}
.n_nav .wrap{display: flex;justify-content: space-between;}
.n_nav ul.n_nav_left{display: flex;justify-content: space-between;}
.n_nav ul.n_nav_left li{margin-right: 2rem;position: relative;}
.n_nav ul.n_nav_left li a{display: block;}
.n_nav ul.n_nav_left li:last-child{margin-right: 0;}
.n_nav ul.n_nav_left li:before{content: '';position: absolute;bottom: 0;width: 0%;background-color: #015198;height: 2px;transition: 0.5s}
.n_nav ul.n_nav_left li:hover::before{width: 100%}
.n_nav ul.n_nav_left li.on:before{width: 100%}
.n_nav ul.n_nav_left li.on a{color: #015198}
.n_nav .n_nav_right{padding-left: 1.5rem;position: relative;}
.n_nav .n_nav_right:before{position: absolute;content: '';width: 1rem;height: 1rem;background-image: url(../images/n_home.png);background-size: cover;left: 0;top: calc(50% - 0.5rem)}
.pagelist{padding:3rem 0 5rem;margin:0 auto;text-align: center;font-size: 1rem;}
.pagelist a{padding:0.5rem 0.75rem;border:1px solid #ddd;margin:0 0.25rem;}
.pagelist a:hover{border:1px solid #015198;}
.pagelist b{padding:0.5rem 0.75rem;border:1px solid #015198;margin:0 0.25rem;background-color: #015198;font-weight: normal;color: #fff}

/*n_news*/
.n_news{}
.n_news .n_news_top{display: flex;justify-content: space-between;padding: 5rem 0 3rem ;border-bottom: 1px dashed #ddd}
.n_news .n_news_top img{width: 50%}
.n_news .n_news_top .n_news_top_right{padding-left:3rem;}
.n_news .n_news_top .n_news_top_right span{font-size: 1rem;color: #015198;margin-bottom: 1rem;display: inline-block;}
.n_news .n_news_top .n_news_top_right h6{font-size: 1.5rem;color: #000;margin-bottom: 1rem;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news .n_news_top .n_news_top_right h6:hover{color: #015198}
.n_news .n_news_top .n_news_top_right p{font-size: 1rem;color:#666;line-height: 1.5;margin-bottom: 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.n_news .n_news_top .n_news_top_right a.news-a{font-size: 1rem;color: #000;margin-top: 2rem;display: inline-block;}
.n_news .n_news_top .n_news_top_right a.news-a:hover{color: #015198}
.n_news .n_news_list li{display: flex;justify-content: space-between;align-items: center;padding:2rem 0;border-bottom: 1px dashed #ddd}
/*.n_news .n_news_list li .n_news_list_left{width: 6%;text-align: center}*/
/*.n_news .n_news_list li .n_news_list_left p{font-size: 2rem;color:#015198;font-weight: bold;margin-bottom: 0.5rem;font-family: 'arial'}*/
/*.n_news .n_news_list li .n_news_list_left span{padding:0.25rem 1rem;color: #fff;font-size: 1rem;border-radius: 1rem;background-color:#015198;font-family: 'arial';margin-bottom: 0.25rem;display: inline-block;}*/

.n_news .n_news_list li .n_news_list_right{width: 100%;}

.n_news .n_news_list li .n_news_list_right h6{font-size: 1.25rem;color: #000;margin-bottom:1rem}
.n_news .n_news_list li .n_news_list_right span{color:#666;margin-bottom:0.5rem;display:block}
.n_news .n_news_list li .n_news_list_right p{font-size: 1rem;margin-bottom:1rem;color: #666;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news .n_news_list li .n_news_list_right .news-a{display:inline-block}

.n_news .n_news_list li:hover .n_news_list_right h6{color: #015198}
.n_fixed{position:fixed;right:calc(50% - 700px);top:6rem}
.n_absolute{position:absolute;right:0;bottom:2.5rem;top:unset}
/*n_detail*/
.n_detail .wrap{display: flex;justify-content: space-between;padding-top:5rem;padding-bottom: 5rem;}
.n_detail .n_detail_left{width: calc(100% - 26rem)}
.n_detail .n_detail_left h6{font-size: 1.75rem;color: #000;margin-bottom: 0.5rem;line-height:1.5}
.n_detail .n_detail_left>p{font-size:1rem;margin-bottom:1.5rem;display:block;color:#999}
.n_detail .n_detail_left>span{font-size: 1rem;padding-bottom: 1rem;display: block;border-bottom:1px solid #ddd;margin-bottom: 2rem;}
.n_detail .n_detail_left .n_content{font-size:1rem;line-height: 2;}
.n_detail .n_detail_left .n_content p{line-height:2}
.n_detail .n_detail_left .n_content strong{font-size:1.125rem}
.n_detail .n_detail_left .n_content img{height: auto!important;}
.n_detail_right{width: 22rem;}
.n_detail_right .n_detail_right_top{background-color: #f5f5f5;padding:2.5rem;margin-bottom: 2rem;border-radius:0.5rem}
.n_detail_right .n_detail_right_top h6{font-size: 1.5rem;color:#000;display: inline-block;position: relative;padding-bottom:1rem}
.n_detail_right .n_detail_right_top h6:before{position: absolute;content: '';right: -1rem;top: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border:1px solid #015198;}
.n_detail_right .n_detail_right_top li{padding:1.25rem 0;border-bottom: 1px solid #ddd}
.n_detail_right .n_detail_right_top li span{font-size: 1rem;color: #000;line-height: 1.5;margin-bottom: 0.5rem;display: block;}
.n_detail_right .n_detail_right_top li p{font-size: 1rem;color: #666;}
.n_detail_right .n_detail_right_top li:hover span{color: #015198}
.n_detail_right .n_detail_right_top a:last-child li{border-bottom:0}
.n_detail_right .n_detail_right_bottom{background-color: #f5f5f5;padding:2.5rem;border-radius:0.5rem}
.n_detail_right .n_detail_right_bottom h6{font-size: 1.5rem;color:#000;display: inline-block;padding-bottom: 1rem;position: relative;}
.n_detail_right .n_detail_right_bottom h6:before{position: absolute;content: '';right: -1rem;top: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border:1px solid #015198;}
.n_detail_right .n_detail_right_bottom span{font-size: 1rem;color: #666;display: block;margin-bottom: 2rem;}
.n_detail_right .n_detail_right_bottom ul{display: flex;justify-content: space-between;}
.n_detail_right .n_detail_right_bottom ul li{width: 48%;text-align: center;border:1px solid #ddd;padding:1rem;}
.n_detail_right .n_detail_right_bottom ul li img{width:8rem;max-width: 100%;display: inline-block;}
.n_detail_right .n_detail_right_bottom ul li p{display: block;font-size: 1rem;color: #333;margin-top: 1rem;}
.n_detail_right_top_down{margin-bottom: 1rem;color: #666;line-height:1.5}
.n_detail_right_top_down_a{background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:0.75rem 1rem;font-size: 1rem;border-radius: 1.5rem;display: inline-block;}
.n_detail_right_top_down_a:hover{color: #fff;}
/*n_down*/
.n_down .wrap{display: flex;justify-content: space-between;padding-top:3rem;padding-bottom: 3rem}
.n_down .n_down_left{width: calc(100% - 26rem)}
.n_down .n_down_left ul.n_down_list li{padding:1.5rem 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd}
.n_down .n_down_left ul.n_down_list li .n_down_list_left{font-size: 1rem}
.n_down .n_down_left ul.n_down_list li .n_down_list_right img{margin-right:0.5rem;filter: grayscale(1);opacity: 0.5;width: 2rem;height: 2rem;}
.n_down .n_down_left ul.n_down_list li .n_down_list_left span{margin-top:0.75rem;color:#999;display:block;font-size:0.875rem}
.n_down .n_down_left ul.n_down_list li .n_down_list_right:hover img{filter: grayscale(0);opacity: 1;}
.down_link{margin-top: 2rem;display: block;}
.down_link img{margin-right:0.5rem;}

/*n_guide*/
.n_guide .wrap{display: flex;justify-content: space-between;padding-top:5rem;padding-bottom: 5rem;}
.n_guide .n_guide_left{width: calc(100% - 26rem)}
.n_guide .n_guide_left .n_guide_left_list{padding:0rem 0 3rem;margin-bottom: 3rem;border-bottom: 1px solid #ddd}
.n_guide .n_guide_left .n_guide_left_list:last-child{border-bottom: 0}
.n_guide .n_guide_left .n_guide_left_list h6{font-size: 1.75rem;margin-bottom: 2rem;color: #000}
.n_guide .n_guide_left .n_guide_left_list .n_guide_con{font-size: 1rem;line-height: 2;color: #333}
.n_guide .n_guide_left .n_guide_left_list strong{font-size:1.25rem}

/*video*/

.video_top{padding-top: 5rem;margin-bottom: 5rem}
.video_top .wrap{}
.video_top h6{font-size: 2.5rem;color: #333;}
.video_top .video-ul{}
.video-ul {}
.video-ul li {position: relative;overflow: hidden;}
.video-ul li .pic img {display: block;width: 100%;}
.video-ul li .text {position: absolute;left: 0;bottom: 0%;width: 100%;padding: 6rem 2rem 2rem;z-index: 2;text-align: left;opacity: 1;background: linear-gradient(to top, rgba(9,21,49,1), rgba(9,21,49,0));;}
.video-ul li .text .tit {display: block;font-size: 1.5rem;font-weight: bold;line-height: 1.5;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video-ul li .text p{font-size: 1rem;color: #ffffff;line-height: 1.25rem;margin-bottom: 1rem}
.video-ul li .text p strong{padding:0.25rem 1rem;background: #39c0ff;border-radius: 2rem;margin-right:1rem;}
.video-ul li .text .tit:hover {}
.video-ul li .mark {position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;background: rgba(11,30,46,0.5);z-index: 1;transition: all .3s ease-in-out}
.video-ul li .mark a {display: block;position: absolute;top: 50%;left: 50%;margin-left: -2rem;margin-top: -2rem;}
.video-ul li.slick-current .text{opacity: 1}
.video-ul li.slick-current .mark {opacity: 0}
.video-ul li:hover .pic img {transform: scale(1.05)}
.video-ul .slick-dots {position: absolute;text-align: center;left: 0;bottom: 1.5rem;width: 100%;height: 1rem;}
.video-ul .slick-dots li {display: inline-block;vertical-align: top;width: 2rem;height: 1.25rem;margin: 0 6px;position: relative;cursor: pointer;}
.video-ul .slick-dots li button{display: none;}
.video-ul .slick-dots li:before {content: '';display: block;position: absolute;left: 0;top: 0.5rem;width: 100%;height: 0.375rem;background-color: #fff;opacity: 0.2;}
.video-ul .slick-dots li:after {content: '';display: block;position: absolute;left: 0;top: 0.5rem;width: 0;height: 0.375rem;background-color: #fff;}
.video-ul .slick-dots .slick-active:after {width: 100%;}
.video-ul .slick-arrow{cursor: pointer;position: absolute;z-index: 99;top: calc(50% - 1.5rem);width: 3rem;height: 3rem;border-radius: 50%;background: url(../images/arrow.png) no-repeat center center,linear-gradient(to right, #003fbb, #008ae7) ;border:unset;font-size: 0; }
.video-ul .slick-prev{left: 2rem;}
.video-ul .slick-next{right: 2rem;transform:rotate(180deg);}
.video_list{margin-bottom:3rem;margin-top:5rem}
.video_list h6{font-size: 2.5rem;color: #333;text-align: center;}
.video_list ul{display: flex;justify-content: left; flex-wrap: wrap;margin-top:2rem;}
.video_list ul li{width: 32%;background-color: #fff;border-radius: 0.5rem;overflow: hidden;margin-bottom: 2rem;margin-right:2%}
.video_list ul li:nth-child(3n){margin-right:0}
.video_list ul li .video_list_pic{height:18rem;}
.video_list ul li .video_list_pic strong{color:#fff;display:inline-block;font-size: 1rem;padding: 0.5rem 1rem;background-color: rgba(0,0,0,0.2);}
.video_list ul li .text{padding:1.25rem;position: relative;}
.video_list ul li .text span{margin-bottom: 1rem;font-size: 1.125rem;display: block;font-weight: bold;}
.video_list ul li .text p{font-size: 1rem;display: block;color: #666}
.video_list ul li .text strong{position: absolute;right: 0;top:1.25rem;padding:0.5rem 1rem;border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;background-color: #999;color:#fff;}
.video_list a:hover ul li .text p{color: #666}

.n_video_banner{margin-top: 5rem;position: relative;height: calc(90vh - 5rem)}
.next-icon{position: absolute;left:calc(50% - 18px);bottom: 2rem;width: 36px;height: 36px;display: inline-block;margin-top: 20px;border: #ffffff 1px solid;border-radius: 50%;}
.next-icon:before {content: "";width: 8px;height: 15px;position: absolute;left: 50%;margin-left: -4px;top: 50%;margin-top: -10px;background: url(../images/jiantou.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;border-radius: 1.5px;}
@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;
    }
}
.n_video_nav{height: 10vh;background-color: #0159cb;position: relative;z-index: 99999}
.n_video_nav ul{display: flex;align-items: center;justify-content: space-between;height: 10vh}
.n_video_nav ul li a{color: #fff;padding:0.75rem 3rem;border:2px solid #ddd;font-size: 1.25rem;border-radius: 2.25rem;display: block;}
.n_video_nav ul li a:hover{background: linear-gradient(to right, #2974f7, #0ef0f0);height: unset;}
.n_video_nav_f{height: 10vh;background-color: #0159cb;}
.fixednav{position: fixed;top: 40%;z-index: 9999;background-color: unset;left: 1rem;height: unset;}
.fixednav .wrap{width: 100%}
.fixednav ul{display: inline-block;height: auto;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);padding:1rem;background: #fff;border-radius: 1rem}
.fixednav ul li{padding: 0.75rem 0.5rem;border-bottom: 1px dashed #ddd;}
.fixednav ul li:last-child{border-bottom: 0}
.fixednav ul li a{color: #333;padding:0;border:unset;font-size: 1rem;display: block;}
.fixednav ul li:hover a{background: unset;color: #0159cb}
.fixednav ul li a.on{color: #0159cb}

.n_video_t{z-index: 99;position: relative;font-size: 2.5rem;width: 20rem;height: 5rem;background-image: url(../images/video_t.png);background-size: cover;color: #fff;line-height: 5rem;text-align: center;display: block;margin:0 auto;}
.n_video_jj{margin-top: 5rem;margin-bottom:5rem;}
.n_video_jj .n_video_jj_top{padding:3rem 4rem 4rem;}
.n_video_jj .n_video_jj_top .n_video_jj_con{font-size: 1.25rem;line-height: 2;color: #333;z-index: 99;position: relative;text-indent:2em}
.n_video_jj .video_jj{position: relative;}
.n_video_jj .video_jj:after{content: '';position: absolute;left: 0;top: 2.5rem;bottom: 1rem;right: 1rem;border:0.25rem solid #ddd;border-image: linear-gradient(to bottom right, #003fbb, #1ec6d6) 30 30;background-color: #fff;}
.n_video_jj .video_jj:before{content: '';position: absolute;left: 1rem;top: 3.5rem;bottom: 0rem;right: 0rem;border:0.25rem solid #ddd;border-image: linear-gradient(to bottom right, #003fbb, #1ec6d6) 30 30;background-color: #fff;}
.n_video_jj .n_video_jj_top .n_video_jj_zb{position: relative;z-index: 99;margin-bottom:2rem}
.n_video_jj .n_video_jj_top .n_video_jj_zb span{font-size: 1.25rem;color: #333;font-weight: bold;margin-top: 2rem;margin-bottom:1rem;display: block;}
.n_video_jj .n_video_jj_top .n_video_jj_zb ul{display: flex;align-items: center;justify-content: left;flex-wrap: wrap;font-size:1.125rem}
.n_video_jj .n_video_jj_top .n_video_jj_zb li {border:1px solid #ddd;margin-right: 1rem;width: calc(20% - 1rem);margin-bottom:1rem;}
.n_video_jj .n_video_jj_top .n_video_jj_cb{position: relative;z-index: 99}
.n_video_jj .n_video_jj_top .n_video_jj_cb span{font-size: 1.25rem;color: #333;font-weight: bold;margin-top: 1rem;margin-bottom:1rem;display: block;}
.n_video_jj .n_video_jj_top .n_video_jj_cb ul{display: flex;align-items: center;justify-content: left;flex-wrap: wrap;font-size:1.125rem}
.n_video_jj .n_video_jj_top .n_video_jj_cb li {border:1px solid #ddd;margin-right: 1rem;width: calc(20% - 1rem);margin-bottom:1rem;}
.n_video_yc{margin-bottom: 5rem;}
.n_video_yc .video_yc{margin-top: 2rem;font-size: 1rem;line-height: 2}
.n_video_yc .video_yc strong{font-size: 1.5rem;color:#333;margin-bottom: 1rem;display: inline-block;}
.n_video_yc .video_yc table{font-size: 1rem;border:1px solid #ddd;background: #fff;width:100%;border-collapse: collapse;}
.n_video_yc .video_yc table th{background-color:#014cc5;color: #fff;text-align: center;font-size: 1.5rem;padding:0.25rem 1rem;line-height: 2;}
.n_video_yc .video_yc table td{color: #333;text-align: center;padding:0.25rem 1rem;line-height: 2;}
.n_video_yc .video_yc table a{color:#015198}

.n_video_swiper{margin-top: 2rem;overflow: hidden;}
.n_video_swiper .swiper-button-prev{left: -3rem;top: 60%}
.n_video_swiper .swiper-button-next{right: -3rem;top: 60%}
.n_video_jb{margin-bottom: 5rem;}
.n_video_jb ul li{text-align: center;}
.n_video_sp{margin-bottom: 5rem;}
.n_video_sp video{margin-top: 2rem;}
.n_video_hz{margin-bottom: 5rem;}
.n_video_hz ul{display: flex;align-items: center;justify-content: left;flex-wrap: wrap;margin-top:2rem;}
.n_video_hz li {border:1px solid #ddd;margin-right: 1rem;width: calc(20% - 1rem);margin-bottom:1rem;}
.n_video_yc .video_yc p{background-color:unset!important}


.n_about_banner{padding-top: 12rem;}
.n_about_banner p{font-size: 1.125rem;line-height: 2;}
.n_about .n_about_top{margin-top:5rem;margin-bottom: 5rem;}
.n_about .n_about_top h6{font-size: 2.5rem;text-align: center;color: #000;margin-bottom: 3rem;}
.n_about .n_about_top .n_about_top_con{font-size: 1rem;color: #333;line-height: 2}
.n_about_b{padding-bottom: 5rem;background-color: #f5f6fa;padding-top: 5rem;}
.n_about_b .wrap{display: flex;justify-content: space-between;}
.n_about_b_l{width: 30%}
.n_about_b_l h6{font-size: 2.5rem;line-height: 1.25;margin-bottom: 2rem}
.n_about_b_l p{padding:1rem 1rem;border:1px solid #ddd;border-radius: 2rem;display: inline-block;margin-bottom: 1rem;font-size: 1rem}
.n_about_b_r{width: 70%;font-size: 1rem;line-height: 2;color: #333}

.n_jiagou{padding:5rem 0;background-image: url(../images/jiagoubg.jpg);background-size: cover;}
.n_jiagou_list li{display: flex!important;align-items: center;justify-content: space-between;}
.n_jiagou_list_l{width: 75%;padding-right: 10%}
.n_jiagou_list_l h6{font-size: 2.5rem;color: #333;margin-bottom: 2rem;position: relative;padding-left: 3.5rem;}
.n_jiagou_list_l h6:before{content: '';width: 2.5rem;height: 2rem;background-image: url(../images/tx_arrow.png);background-size: cover;left: 0;position: absolute;top: 0.75rem}
.n_jiagou_list_l span{background: url(../images/tx_bg.png) no-repeat;background-position: left;background-size: cover;color: #fff;font-size: 1.125rem;line-height: 3;display: block;padding-left: 1rem;margin-bottom: 2rem;}
.n_jiagou_list_l p{font-size: 1rem;line-height: 2;color: #333}
.n_jiagou_list_r{width: 25%;}
.n_jiagou_b{padding:5rem 0;background: url(../images/n_jiagou_b.jpg) no-repeat;background-position: bottom;background-size: cover;}
.n_jiagou_b h6{font-size: 2.5rem;color: #333;text-align: center;margin-bottom: 3rem;}

.n_developer .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.n_developer_left{width: calc(100% - 340px);padding: 4rem 3.125rem 5rem 0;}
.n_developer_right {width: 340px;border-left: #e2e3e7 1px solid;}
.n_developer_right h3{font-size: 1.5rem;color: #393939;margin-bottom: 1rem;font-weight: 600;position: relative;display:inline-block}
.n_developer_right h3:before {position: absolute;content: '';right: -1rem;top: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 1px solid #015198;}
.n_developer_right .sticky {position: sticky;top: 3rem;}
.n_developer_right_box{background: #fff;padding: 4rem 0 3rem 3rem;}

.n_developer_right_box form{margin-top:0.5rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.n_developer_right_box form input{width:100%;background-color: #fff;padding:0.75rem 1rem;margin-bottom:0.75rem;font-size: 0.875rem;border:1px solid #ddd;border-radius:0.25rem;color:#333}
.n_developer_right_box form button{border: 0;background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;font-size: 1rem;line-height: 2.25;cursor: pointer;display: inline-block;padding:0.25rem 3rem;border-radius: 0.5rem;width:100%}


.n_contact{padding:5rem 0;background: #f5f6fa}
.n_contact_t h2{font-size: 2.5rem;text-align: center;}
.n_contact_con{ padding-top: 2rem;padding-bottom: 0rem}
.n_contact_con1{font-size:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #ddd;position: relative;}
.n_contact_con1:before{position: absolute;left:0;bottom:-2px;height: 2px;background:#015198;width: 0;content: '';transition:all 0.3s ease;}
.n_contact_con2{display: flex;align-items: center;justify-content: space-between;}
.n_contact_con2 li{background:#fff;padding:2rem 2.5rem;margin-top:2rem;font-size:1rem;line-height: 1.5;width: 48%;border:1px solid #ddd;}
.n_contact_con2 li:hover{border:1px solid #015198;}
.n_contact_con2 li p{line-height: 2;font-size: 1rem}
.n_contact_con2 li p:nth-child(1) {font-size: 1.5rem;font-weight: bold;margin-bottom: 1rem;}
.n_contact_con:hover .n_contact_con1:before {width: 100%;}
.n_contact_b{padding:5rem 0;background: #fff}
.n_contact_b h2{font-size:2.5rem;text-align: center;}

.n_contact_b form{margin-top:2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.n_contact_b form input{width:48%;background-color: #fff;padding:1rem 1rem;margin-bottom:2rem;font-size: 1rem;border:1px solid #ddd;margin-right: 4%}
.n_contact_b form input:nth-child(2n){margin-right: 0;}
.n_contact_b form textarea{width: 100%;background-color: #fff;padding:1rem 1rem;margin-bottom:2rem;font-size: 1rem;border:1px solid #ddd;height: 16rem;}
.n_contact_b form button{border: 0;background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;font-size: 1rem;line-height: 3;cursor: pointer;display: inline-block;margin:0 auto;padding:0.25rem 5rem;border-radius: 0.5rem}
.n_fanye{margin-top:2rem}
.n_fanye a{display:block;line-height:1.5;padding:0.5rem 0;border-bottom:1px solid #ddd}
.n_fanye a:last-child{border-bottom:0}

@media (min-width:1480px) and (max-width:1599px){
    #nav>ul>li{margin-right:1.5rem}
    .banner .banner-txt{margin-top:8rem}
    .banner .banner-ul li h6{font-size:9rem}
    .n_fixed{right:7.5%;top:6rem}
    .n_absolute{right:0;bottom:2.5rem;top:unset}
    .web-zhuce{padding-left:2rem}
}

@media  (min-width:767px) and (max-width:1480px){
    #nav>ul>li{margin-right:1rem}
    #nav>ul>li>a h3{font-size:1rem}
    .web-zhuce{padding-left:1rem}
    .web-louser li:first-child{margin-right:0.75rem}
    .header{height:4rem}
    #nav>ul>li>a h3{line-height:4rem}
    #nav>ul>li ul.sub{top:4rem;background-color:unset}
    .web-zhuce{padding-top: 0.75rem;}
    .logo a{height: 4rem;}
    .logo a div{height: 4rem;}
    .logo a img{height:3.5rem}
    .banner .banner-txt{margin-top:6rem}
    .banner .banner-ul li h6{font-size:8rem}
    .banner .banner-txt h5{font-size:2.5rem}
    .banner .banner-txt p{font-size:1.125rem;margin-top:2rem}
    .banner .banner-txt a{margin-top:3rem}
    
    .logo a div{height: 3.5rem;width:15.3rem}
    .news{padding:4rem 0}
    .news .s_title{margin-bottom: 2rem;}
    .news-ul li.slick-item .news-con{padding:1.25rem}
    .news-ul li.slick-item .news-con h6{min-height:3.5rem;margin-bottom:1rem}
    .news-ul .slick-dots{bottom:-2rem}
    .news-more{margin-top:4rem}
    .hulian{padding:4rem 0}
    .hulian .s_title{margin-bottom: 2rem;}
    .hulian .hulian-top ul li .hulian-bg{left:50%}
    .hulian .hulian-top ul li{height:16rem;padding:2rem}
    .hulian .hulian-top ul li a{margin-top:1rem}
    .hulian .hulian-top ul li p{font-size:0.875rem}
    .meeting{padding:4rem 0}
    .join a{font-size:1rem}
    .footer .footer_right ul.footer_nav li h6{font-size:1rem}
    .footer .footer_right ul.footer_nav li a{font-size:0.875rem}
    .footer_last{font-size:0.875rem}
    .footer_link>div{font-size:0.875rem;}
    
    .n_detail .n_detail_left h6{font-size:1.5rem}
    .web-louser li{width:5rem}
  
    .meet_l .news_l_texts{height: 24rem;}
    .meet_r li{height: 11rem;}
    .meet_r_pic{height: 11rem;width: 50%;float: left;}
    .meet_r li .news_r_texts>div h6{font-size:1rem}
    .meet_r li .news_r_texts{height: 11rem;}
    .video_list ul li .video_list_pic{height:14rem;}
    .n_banner{padding-top:13rem}
    .n_banner h6{font-size:2.5rem}
    .n_news .n_news_top{padding: 3rem 0 2rem;}
    .n_detail .n_detail_left{width: calc(100% - 22rem)}
    .n_detail_right{width:18rem}
    .n_detail_right .n_detail_right_top{padding:1.5rem}
    .n_detail_right .n_detail_right_bottom{padding:1.5rem}
    .n_detail_right .n_detail_right_top li{padding:1rem 0}
    .n_detail_right .n_detail_right_top li span{font-size:0.875rem}
    .n_detail_right .n_detail_right_top li p{font-size:0.875rem}
    .n_fixed{right:7.5%;top:5rem}
    .n_absolute{right:0;bottom:2.5rem;top:unset}
    .n_detail_right .n_detail_right_bottom span{margin-bottom:1rem}
    .n_detail_right .n_detail_right_top h6{font-size:1.25rem}
    .n_detail_right .n_detail_right_bottom h6{font-size:1.25rem}
    .news-more a{width:13.5rem;height:4rem;line-height:4rem}
    .n_down .n_down_left{width: calc(100% - 22rem)}
    .n_guide .n_guide_left{width: calc(100% - 22rem)}
    .n_about_banner{padding-top: 11rem;}
}
@media  (min-width:767px) and (max-width:1200px){
    .navMenu{margin-top:1.25rem}
    #nav{height: calc(100vh - 4rem);top: 4rem;}
    #nav>ul>li ul.sub{top:0}
}
    
@media (max-width:767px){
    .pc{display:none;}
    .phone{display:block}
    
    .header.hide{top: 0;}
    .logo a div{height:3.5rem;width:15rem}
    #nav>ul>li>a h3{height:3rem;line-height:3rem}
    #nav>ul>li ul.sub{background-color:unset;box-shadow:unset;line-height:2}
    .banner{display: none;}
    .banner-phone{display: block;}
    .banner-phone .banner-txt{left:1rem;right:1rem}
    .banner-phone .banner-txt h5{font-size:1.5rem}
    .banner-phone .banner-txt p{font-size: 1rem}
    .banner-phone .banner-txt a{font-size:1rem;padding:0.75rem 1rem;margin-top:1.5rem}
    .banner-phone .banner-phone-ul li h6{font-size: 6rem;}
    .wrap{width: 100%;padding:0 1rem;}
    .news{padding:3rem 0;}
    .news-ul .slick-dots{bottom:-2rem}
    .news .s_title h2{font-size: 1.75rem;}
    .news .s_title ul li{height:2rem;font-size:1rem;line-height: 2rem;padding: 0px 0.5rem;margin-left:0.5rem}
    .news .s_title{margin-bottom: 1.5rem}
    .news-more{margin-top: 3rem;}
    .news-more a{width: 13.5rem;height: 4rem;line-height: 4rem;font-size:1rem}
    .news-ul li.slick-item .news-con{padding:1.5rem}
    .news-ul li.slick-item .news-con h6{min-height: 3.5rem;margin-bottom:1rem}
    
    .hulian{padding:3rem 0 0rem;}
    .hulian .s_title{margin-bottom: 1.5rem;}

    .hulian .s_title h2{font-size: 1.75rem;}
    .hulian .s_title ul li{line-height: 2;font-size: 1rem;height: 2rem;padding: 0px 0.5rem;}
    
    .hulian .hulian-top ul li{width: 100%;margin-right:0;padding:1rem;height: unset;margin-bottom: 2rem;padding-top:0rem;overflow:hidden}
    .hulian .hulian-top ul li span{display:none;}
    .hulian .hulian-top ul li .hulian-con{max-width:100%;margin-top:12rem}
    .hulian .hulian-top ul li:last-child{margin-bottom: 0;}
    .hulian .hulian-top ul li .hulian-bg{left: 0%;border-top-left-radius: 0rem;border-bottom-left-radius: 0rem;height:10rem;bottom:unset}
    .hulian .hulian-top ul li h3{font-size:1.25rem;margin-top:0}
    .hulian .hulian-top ul li a{margin-top:1rem;font-size:0.875rem}
    .hulian .hulian-top ul li:hover span{color: #000;}
    .hulian .hulian-top ul li:hover h3{color: #000;}
    .hulian .hulian-top ul li:hover p{color: #000;}
    .hulian .hulian-top ul li:hover a{color: #000;background:unset;border: 1px solid #ddd;}
    .hulian .hulian-mid{display: none;}
    .huiyi{padding:3rem 0;}
    .huiyi .huiyi-top .huiyi-left{width: 100%}
    .huiyi .huiyi-top .huiyi-right{display: none}
    .huiyi .huiyi-mid .slick-prev{left: 1rem;z-index: 99}
    .huiyi .huiyi-mid .slick-next{right: 1rem;z-index: 99}
    .huiyi .huiyi-top .huiyi-left:before{top: 0;}
    .huiyi .huiyi-top .huiyi-left h2{font-size: 2rem;}
    .meeting{padding:3rem 0}
    .meeting .s_title h2{font-size:1.75rem;margin-bottom:1.5rem}
    .meeting .s_title{margin-bottom:1.5rem}
    .meet_l{width:100%;margin-right:0}
    .meet_l .news_l_texts{height:16rem;padding:1.5rem}
    .meet_l .news_l_texts p{margin-top:0.5rem}
    .meet_r{width:100%;margin-top:1rem}
    .meet_r li .news_r_texts{padding:1rem;height:10rem}
    .meet_r li{height:10rem;margin-bottom:1rem}
    .meet_r li .news_r_texts>div h6{font-size:1rem}
    .meeting .news-more{margin-top:1.5rem}
    
    .join{height: 12rem;padding-top: 2.5rem;background-position: 60% 100%;}
    .join a{margin-top: 1rem;font-size: 1rem;padding:0.75rem 1rem}
    .join h2{font-size: 1.5rem}
    .join span{font-size:1rem;margin-top:1rem}

    .footer .footer_left{width: 100%;border-right: unset;}
    .footer .footer_left h6{font-size: 1.5rem}
    .footer .footer_right{display:none}
    .footer_last{line-height:2;font-size:0.875rem;padding:0.5rem 0}
    .footer_link{display:none}
    .footer .footer_left span{color:#fff}
    .pagelist{padding:2rem 0 3rem}
    .n_banner{height: unset;padding-top: 9rem;padding-bottom:4rem}
    .n_banner h6{font-size: 1.75rem;margin-bottom:1rem}
    .n_nav ul.n_nav_left{flex-flow:wrap;}
    .n_nav ul.n_nav_left li{line-height: 4rem;margin-right:1rem}
    .n_nav .n_nav_right{display: none}
    .n_news .n_news_top{flex-wrap:wrap;padding:3rem 0 2rem}
    .n_news .n_news_top img{width: 100%}
    .n_news .n_news_top .n_news_top_right{width: 100%;padding-left:0;margin-top: 2rem}
    .n_news .n_news_top .n_news_top_right h6{font-size: 1.25rem}
    .n_news .n_news_top .n_news_top_right a.news-a{margin-top:0rem;}
    .n_news .n_news_list li .n_news_list_right h6{line-height:1.5;font-size:1.25rem}
    .pagelist a{display:inline-block;margin-bottom:0.5rem}
    .video_top{margin-bottom: 3rem}
    .video_top h6{font-size: 2rem}
    .video-ul li .text{position: unset;background:rgba(9,21,49,1);padding:1.5rem 1rem 1rem;}
    .video-ul li .text .tit{font-size: 1.25rem}
    .video_list{margin-top:3rem;margin-bottom:1rem}
    .video_list h6{font-size: 2rem}
    .video_list ul li{width: 100%;margin-right:0}
    .video_list ul li .text{padding:1rem;}
    .video_list ul li .video_list_pic{height:12rem}
    .video_list ul li .text span{line-height: 1.5}
    .video_list ul li .text strong{position: unset;margin-top:0.5rem;font-size: 1rem;border-radius: 1rem;display: inline-block;}
    .n_down .wrap{flex-wrap: wrap;padding-top:2rem;padding-bottom:2rem}
    .n_down .n_down_left{width: 100%;}
    
    .n_down .n_down_left ul.n_down_list li{padding:1rem 0rem;flex-wrap: wrap;}
    .n_down .n_down_left ul.n_down_list li:last-child{}
    .n_down .n_down_left ul.n_down_list li .n_down_list_left{width: 100%;}
    .n_down .n_down_left ul.n_down_list li .n_down_list_left p{font-size: 1.125rem;margin-bottom: 1rem;display: block;line-height:1.5}
    .n_down_list_right{width: 100%;}
    .n_about_banner{height: 23rem;background-position: center!important;}
    .n_about .n_about_top{margin-top:3rem;margin-bottom: 3rem}
    .n_about .n_about_top h6{font-size: 1.75rem;margin-bottom: 2rem;line-height:1.5}
    .n_about_b .wrap{flex-wrap: wrap;}
    .n_about_b_l{width: 100%;}
    .n_about_b_r{width: 100%;}
    .n_about_b_l h6{font-size: 1.75rem;text-align: center;}
    .n_about_b{padding-top: 3rem;padding-bottom: 3rem;}
    .n_about_b_l p{display: none;}
    .n_jiagou{padding:3rem 0;}
    .n_jiagou_list_l span{line-height: 2;font-size:1rem;padding-top:0.5rem;padding-bottom:1rem;padding-right:0.5rem}
    .n_jiagou_list li{flex-wrap: wrap;}
    .n_jiagou_list_l{width: 100%;padding-right:0}
    .n_jiagou_list_r{width: 75%;text-align: center;margin:0 auto;margin-top: 2rem}
    .n_jiagou_list_r img{}
    .n_jiagou_con{}
    .n_contact_t h2{font-size: 1.75rem;}
    .n_contact_con1{font-size:1.25rem}
    .n_contact_con2{flex-wrap: wrap;}
    .n_contact_con2 li{width: 100%;padding:1rem;margin-top:1.5rem}
    .n_contact_con2 li p:nth-child(1){font-size:1.25rem;margin-bottom:0}
    
    .n_contact{padding:3rem 0;}
    .n_contact_b{padding:3rem 0;}
    .n_contact_b h2{font-size:1.75rem}
    .n_contact_b form input{width:100%;margin-right:0;margin-bottom:1rem;padding:0.5rem}
    .n_contact_b form button{padding:0 4rem;font-size:1rem}
    .n_contact_b form textarea{height:10rem}
    .n_guide .wrap{padding-top:3rem;padding-bottom: 3rem;flex-wrap: wrap;}
    .n_guide .n_guide_left{width: 100%}
    .n_guide .n_guide_left .n_guide_left_list:last-child{margin-bottom: 0;}
    .n_detail_right{margin-top:0;display:none!important;}
    .n_detail .wrap{padding-top: 3rem;padding-bottom: 3rem;flex-wrap: wrap;}
    .n_detail .n_detail_left{width: 100%;}
    .n_detail .n_detail_left h6{font-size: 1.25rem;line-height:1.5;}
    .n_detail .n_detail_left>span{margin-bottom:1rem}
    .n_video_banner{height: 12rem;}
    .next-icon{display: none;}
    .n_video_nav{height: 8rem;z-index: 999}
    .n_video_nav_f{height: 8rem;}
    .n_video_nav ul{height: 8rem;flex-wrap: wrap;justify-content: left;padding-top: 1rem;padding-bottom: 1rem}
    .n_video_nav ul li{width: 32%;margin-right:2%;}
    .n_video_nav ul li:nth-child(3n){margin-right: 0;}
    .n_video_nav ul li a{padding:0.5rem 1rem;text-align: center;}

    .fixednav{display: none}
    .fixednav ul{height: auto}
    .fixednav ul li{width: 100%}
    .n_video_jj{margin-top:3rem;margin-bottom: 3rem}
    .n_video_jj .n_video_jj_top{padding:1rem 1rem 2rem;}
    .n_video_jj .n_video_jj_top .n_video_jj_zb ul{font-size:1rem;line-height:1.5}
    .n_video_jj .n_video_jj_top .n_video_jj_cb ul{font-size:1rem;line-height:1.5}
    .n_video_jj .n_video_jj_top .n_video_jj_con{font-size:1rem}
    .n_video_jj .video_jj:after{right:0;bottom:0;top:1.75rem}
    .n_video_jj .n_video_jj_top .n_video_jj_zb li{width: calc(50% - 1rem)}
    .n_video_jj .n_video_jj_top .n_video_jj_zb span{font-size: 1.25rem}
    .n_video_jj .n_video_jj_top .n_video_jj_cb li{width: calc(50% - 1rem)}
    .n_video_jj .n_video_jj_top .n_video_jj_cb span{font-size: 1.25rem}
    .n_video_swiper .swiper-button-next{right: 1rem}
    .n_video_swiper .swiper-button-prev{left: 1rem}
    .n_video_sp{margin-bottom: 3rem;}
    .n_video_yc{margin-bottom: 3rem;}
    .n_video_sp video{width:100%}
    .n_video_yc .video_yc{margin-top:1rem}
    .n_video_jb{margin-bottom: 3rem;}
    .n_video_t{font-size:1.5rem;width:14rem;height:3.5rem;line-height:3.5rem}
    .n_video_yc .video_yc table th{font-size: 1.25rem;padding:0.25rem;}
    .n_video_yc .video_yc table td{padding:0.25rem;}
    .n_video_hz li{width: calc(50% - 1rem)}
    .n_video_nav ul li a{font-size: 1rem}
    .n_video_yc .video_yc strong{font-size: 1.25rem}
    .n_banner p{font-size: 1rem;line-height: 1.5}
    .n_jiagou_b h6{font-size:1.75rem;line-height:1.5;margin-bottom:2rem}
    .n_jiagou_list_l h6{font-size:1.75rem;margin-bottom:1rem}
    .n_jiagou_b{padding:3rem 0}
    .n_developer_left{width:100%;padding-right:0}
    .n_developer_right{border-left:0;width:100%}
    .n_developer_right_box{padding-left:0;padding-bottom:0;text-align:center;padding-top:3rem}
    .n_developer .wrap{flex-wrap:wrap-reverse}
    .n_developer_right h3{text-align:center;font-size:2rem}
    .n_developer_right_box form button{margin:0 auto;width:100%}
}








