@charset "utf-8";

/* CSS Document */



/*===========================header=============================*/

#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#header{ z-index:999; width:100%; display: flex; align-items: center; justify-content: center; position:fixed; padding-top:2rem; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

/* #header:before{ content: ""; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0;}  */

#header .m{ height:100%; width: 100%; display: flex; justify-content: space-between; max-width: inherit; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#header .fr{ max-width: 1100px; display: flex; justify-content: space-between; flex-grow: 1;}

#logo{ }

#logo a{ display: flex; height: 100%; align-items: center;}

#logo img{ width: 321px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#logo img.img02{ display: none;}

#nav{ display: flex; flex-grow: 1; align-items: center; justify-content: space-between; }

#nav ul{display: flex; flex-grow: 1;}

#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; padding: 0 5px; }

#nav ul li a{ display:block; text-transform:uppercase; font-size: 0;}

#nav ul li h3{ font-size:1.125rem; color:#fff; color: rgba(255, 255, 255, 0.7); line-height:5rem; overflow:hidden; text-align: center; position:relative; z-index: 1; display: inline-block;}

#nav ul li.on h3,#nav ul li:hover h3{ color: rgba(255, 255, 255, 1);}

#nav ul li h3:before{ content: ""; display: block; width: 100%; position: absolute; z-index: -1; left: 0; bottom: .375rem; height: 2px; opacity: 0; visibility: hidden; transform: scaleX(0); background: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); }

#nav ul li.on h3:before,#nav ul li:hover h3:before{ opacity: 1; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }

#nav ul li .sub{position:absolute;top:100%;min-width: 100%;left: 50%;z-index: 10000;display: none;background: #fff; overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.1);letter-spacing: -.02em;
    white-space: nowrap;text-align: center;border-radius: 4px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px; padding:15px 0;
}

#nav ul li .sub .box{ text-align: center; }

#nav ul li .sub a{ padding:0; line-height:3; color: #333; transition:.2s; font-size:.875rem; font-weight: 400; white-space: nowrap; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }

#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}

#nav ul li .sub a:hover{ background: #5684b4; color: #fff; }

 
#header:hover{ background: rgba(1,68,119,.98); }



#header.xg{ background: rgba(1,68,119,.98); padding-top: 0;}

#header.xg #nav ul li h3{ line-height: 5rem;}

#header.xg #logo img{ width: 15rem;}

#header.ny{ background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}



.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}

.tc[name=tc_search]{ opacity:1;}

.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}

.tc-box{box-sizing:border-box; z-index:999;display: block;position:relative;}

/*.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/

.tc_close{ position: absolute; cursor:pointer; color:#fff; font-size:30px; right: 30px; top: 30px;}

.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }

.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }

/***********************/



 

/*手机导航开始*/

#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}

#m_header .m{ position:relative; height:100%;}

.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}

.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}

.m_user a svg{ width: 16px;}

.m_user a:hover{ color: #ff0000;}

.m_user a:hover svg path{ fill: #ff0000;}

#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}

#m_logo img{ display:block; max-height: 60%;}

/*导航按钮开始*/

/*导航按钮开始*/

#nav_btn_box{ height:100%; z-index:9999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }

#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}

#nav_btn_box.on{ background:none;  }

#nav_btn{}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}

#nav_btn{ cursor: pointer; text-align: center;z-index:9999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}

#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}

#nav_btn .point:hover .navbtn,

#nav_btn .point:hover .navbtn::after,

#nav_btn .point:hover .navbtn::before{width: 1.75rem;}

#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}

#nav_btn .navbtn::after,

#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;}

.ny #nav_btn .navbtn::after,

.ny #nav_btn .navbtn::before{ background: #999;}

#nav_btn .navbtn::after{top: -5px;}

#nav_btn .navbtn::before{top: 5px;}

#nav_btn .point.on .navbtn{background: transparent;}

#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/

.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}

.m_nav_list::-webkit-scrollbar {display:none}

#m_nav {z-index: -1;position: fixed;background: #f7f7f7;width: 100%;height:100vh;right: 0;top: 0;display:none;padding:50px 0;overflow:hidden;pointer-events: none;

    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);display: block;overflow: auto;visibility: hidden;opacity: 0;
}

#m_nav::-webkit-scrollbar{ display: none;}

#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 999999;}

#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;margin: 0 auto;}

#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}

#m_nav li .a{  }

#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.25rem;float:left; font-weight: bold;}

#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}

#m_nav li .a span i{ font-size:0;}

#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}

#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav li{display:block;width:100%;}

.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }

#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}

#m_nav .title .list span{ background:none; }

#m_nav .title .list span a:hover{ color: #014085;}

#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; }

/*三级导航 开始*/

#m_nav .title .list .void>a{background-size:10px; position:relative;}

#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}

#m_nav .title .list span{ position:relative; display:block;}

#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}

#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}



/*首页banner*/

#banner{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:1; background:#fff; }

.linebox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; z-index: 9;}

.linebox div{ width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1);}

#banner .banner_slider{ margin: 0; }

#banner li{ position:relative; }

#banner li .img{ width:100%; height:100vh; background-size: cover !important; z-index:8;}	


#banner .slick-active .img{ animation:bgscale 7.2s linear forwards; -webkit-animation:bgscale 7.2s linear forwards; }
#banner .m{ height:100%; display: flex; align-items: flex-end; padding-bottom: 25.25rem;}
#banner li.slick-current{ z-index:999;}
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center;}
#banner .pic{ margin:0 auto; margin-top:6rem; color:#fff; text-align: center; margin-top:0rem; opacity: 0;}
#banner li.slick-current{ z-index:999;}
#banner .slick-current .pic{ opacity: 1;}
#banner .txt{ color: #fff; opacity: 0; transition: 1s; transform: scale(.5); width: 100%;}
#banner .txt p{ font-size: 10px;    display: inline-block;max-width:80%;overflow: hidden;}
#banner .txt h3{ font-size: 2.5rem; font-weight: 900; margin-top: 1.25rem; margin-bottom: 2.5rem;}
#banner .txt h4{ font-size: 1.875rem; font-weight: 100;}
#banner .slickdotbox{ }
#banner .slick-current .txt{ opacity: 1; transform: scale(1);  animation:enter 1.3s ease forwards; -webkit-animation:enter 1.3s ease forwards;}
#banner .slick-dots{ bottom: 40px; }
#banner .slick-dots li{ margin:0 2.5px; display: inline-block; width: auto;}
#banner .slick-dots li button{ width: auto; padding-left: 0; padding-right: 0;}
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:20px; height:4px; border-radius:2px; border:0; background: rgba(255,255,255,.6); box-sizing:border-box; opacity:1; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#banner .slick-dots li.slick-active button:before{ background:rgba(255,255,255,1); width: 40px;  }
#banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-24px; transform:translate(0,0); opacity:.4;display:block; width: 3rem; height: 3rem; background-size:contain !important;}
#banner .slick-prev{ left:55px;background:url(banner_left.png) left center no-repeat;transition:300ms;-webkit-transition:300ms;}
#banner .slick-next{ right:55px; background:url(banner_right.png) right center no-repeat;transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}

#banner .slick-arrow:hover{ opacity: 1;}

@-webkit-keyframes enter {

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

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

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

}

@keyframes enter {

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

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

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

}

 

@-webkit-keyframes anim-out-pseudo {

    0% { background: rgba(0, 0, 0, 0.25); }

    100% { background: transparent; }

}

@-moz-keyframes anim-out-pseudo {

    0% { background: rgba(0, 0, 0, 0.25); }

    100% { background: transparent; }

}

@-ms-keyframes anim-out-pseudo {

    0% { background: rgba(0, 0, 0, 0.25); }

    100% { background: transparent; }

}

@keyframes anim-out-pseudo {

    0% { background: rgba(0, 0, 0, 0.25); }

    100% { background: transparent; }

}

@-webkit-keyframes anim-out {

    0% { width: 0%; }

    100% { width: 100%; }

}

@-moz-keyframes anim-out {

    0% { width: 0%; }

    100% { width: 100%; }

}

@-ms-keyframes anim-out {

    0% { width: 0%; }

    100% { width: 100%; }

}

@keyframes anim-out {

    0% { width: 0%; }

    100% { width: 100%; }

}

.s_tt{ text-align: center; margin-bottom: 4.125rem; }
.s_tt h3{ font-size: 2.125rem; color: #040404; font-weight: bold; margin-bottom: .5rem; }
.s_tt h4{ font-size: 1.125rem; color: rgba(4,4,4,.6);}
.s_tt p{ font-size: 1.125rem; color: rgba(4,4,4,.6);}

.s_yewu{ padding-top: 6rem; width: 100%; overflow: hidden;}
.s_yewu .relative{ position: relative;}
.s_yewu .bd{background: #fbfaff; position: relative;}
.s_yewu .bd .left{ height: 45rem;  padding-bottom: 330px;}
.s_yewu .bd .right{ position: absolute; left: 50%; top: 0; width: 50%; height: 100%;}
.s_yewu .bd .right *{ height: 100%;}
.s_yewu .hd{ position: absolute; left: 0; bottom: 60px; width: 100%;}
.s_yewu .hd ul{ width: 980px; max-width: 100%; border-radius: 1.125rem 0 1.125rem 0; overflow: hidden; }
.s_yewu .hd ul li{}
.s_yewu .hd ul li a{ text-align: center; height: 195px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_yewu .hd ul li .ico{ display: block; width: 1.875rem; height: 1.875rem; opacity: 1; margin: 0 auto; margin-bottom: 1rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_yewu .hd ul li .ico img{ max-width: 29px; height: auto; max-height: inherit;}
.s_yewu .hd ul li .ico img:nth-child(2){ display:none;}
.s_yewu .hd ul li h5{ font-size: 1.25rem; color: #1b1b1b;}
.s_yewu .hd ul li span{ font-size: 1.125rem; color: #1b1b1b; opacity: .3; font-family: BarlowCondensed-Thin; text-transform: capitalize; }
.s_yewu .hd ul li .arr{ display: block; width: 12px;  height: 0; opacity: 0; background: url(s_yewu_arr.png) center bottom no-repeat; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_yewu .hd ul li.slick-current a{ background: #404c63;}
.s_yewu .hd ul li.slick-current a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(s_yewu_ico01_on.png) center no-repeat;}
.s_yewu .hd ul li.slick-current .ico{ opacity: 1; margin-top: -1.75rem;}
.s_yewu .hd ul li.slick-current .ico img:nth-child(1){ display:none;}
.s_yewu .hd ul li.slick-current .ico img:nth-child(2){ display:block;}
.s_yewu .hd ul li.slick-current h5{ color: #fff;}
.s_yewu .hd ul li.slick-current span{ color: #fff;}
.s_yewu .hd ul li.slick-current .arr{ opacity: 1;  height: 2.25rem;}

.s_yewu_slide1{ width: 50%;}
.s_yewu .bd .txt{ padding-right: 6.25rem; height: 37rem; padding-top: 4.375rem;}
.s_yewu .bd .txt .tt h3{ font-size: 1.75rem; color: #000000; display: inline-block;}
.s_yewu .bd .txt .tt .fenshi{ display: inline-block; margin-left: 1.5rem;}
.s_yewu .bd .txt .tt .fenshi span{font-size: 1.875rem;font-family: BarlowCondensed-Bold; color: #000000;}
.s_yewu .bd .txt .tt .fenshi{ font-size: 1.375rem; color: #8b8b8b; font-family: BarlowCondensed-Regular;}
.s_yewu .bd .txt .tt i{ display: block; width: 30px; height: 3px; background: #5684b4; margin:2.25rem 0 2.5rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.s_yewu .bd .txt .con{ font-size: 1rem; line-height: 1.875rem; color: #3e3e3e;}
.s_yewu .bd .btn_xq{ margin-top: 3.75rem;}

.btn_xq {width: 8rem;height: 2.5rem;    line-height: 2.5rem;display: block;text-align: center;font-size: .9375rem;color: #7a7a7a;border-radius: 20px;position: relative;z-index: 0;overflow: hidden;
	transition: all ease 600ms;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;
}
.btn_xq:before {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;border-radius: 20px;box-sizing: border-box;border: 1px solid #d7dddf;transition: all ease 600ms;z-index: -1;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;
}
.btn_xq:hover:before {border: 1px solid #5684b4;}
.btn_xq:after {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 0;background: #5684b4;transition: all ease 600ms;z-index: -1;}
.btn_xq:hover:after {width: 100%;left: 0;right: auto;}
.btn_xq:hover {color: #fff;}

.s_about{ background: url(s_about_bg.jpg) center no-repeat; background-size: cover; padding-top: 8.375rem; padding-bottom: 13rem; width: 100%; overflow: hidden;}
.s_about .tt{ text-align: center; color: #fff; margin-bottom: 2.375rem;}
.s_about .tt h3{ font-size: 1.75rem; margin-bottom: 2.375rem;}
.s_about .tt i{ display: block; width: 1.875rem; height: 3px; background: #fff; margin: 0 auto;}
.s_about .con{ font-size: 1rem; line-height: 1.875rem; color: #fff; opacity: .9; width: 936px; margin: 0 auto; max-width: 100%; text-align: center;}
.s_about .btn_xq{ color: #fff; margin: 0 auto; margin-top: 4rem;}

.s_shuzi{ margin-top: 5.625rem;}
.s_shuzi ul{ display: flex; width: 100%;}
.s_shuzi ul li{color: #fff; font-size: 0; text-align: center; flex-grow: 1; position: relative;}
.s_shuzi ul li+li:before{ content: ""; display: block; position: absolute; left: 0; top: 1rem; height: calc(100% - 1rem); width: 1px; background: #fff;}
.s_shuzi ul li span{ font-size: 2.5rem; font-family: BarlowCondensed-Bold; color: #fff;}
.s_shuzi ul li i{ font-size: .875rem; margin-left: .5rem;}
.s_shuzi ul li i font{ font-size: 1.5rem; font-family: BarlowCondensed-Bold;}
.s_shuzi ul li p{ font-size: 1rem; margin-top: .5rem;}

.s_coop{ background: #ebeaef; width: 100%; position: relative;  overflow: hidden;}
.s_coop ul{ margin:0 -1.625rem; display: flex; align-items: center; justify-content: center;}
.s_coop ul li{ width: 33.333%; text-align: center; padding: 0 1rem; position: relative; }
.s_coop ul li a{ width:100%; display: inline-block;}
.s_coop ul li .imgbox{ position: relative; border-bottom:1px solid #ccc;}
.s_coop ul li .imgbox img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; width: 100%; }
.s_coop ul li .pic{ width: 100%; height: 100%;}
.s_coop ul li .title { padding:0 10px; background: #fff; position:relative; height:75px; line-height:75px; width:100%;}
.s_coop ul li .title .tit { float:left; width:60%;font-size: 22px;color: #333333; text-align:left;}
.s_coop ul li .title .more { float:right; font-size: 14px;color: #666;padding-right: 26px;line-height: 60px;border-bottom: 1px solid #999;background: url(jthuia.png) no-repeat right center;}
.s_coop ul li a:hover .more {color: #024896;border-bottom: 1px solid #024896;background: url(jtred.png) no-repeat right center;}
.s_coop ul li:hover a{ color: #0082c6;}
.s_coop ul li:hover .imgbox>img{ filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1)); -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1)); }


.s_tantou{ height: 20rem; background: url(tantou_bg.jpg) center no-repeat; background-size: cover; text-align: center; color: #fff; width: 100%; overflow: hidden;}
.s_tantou .m{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
.s_tantou h3{ font-size: 1.625rem; font-weight: bold; margin-bottom: .625rem; line-height: 1.3;}
.s_tantou span{ display: block; font-size: 1.025rem; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; margin-bottom: 2rem;}
.s_tantou i{ display: block;}
.s_tantou i img{ animation: rotate 2s 3s infinite ease-in-out; -webkit-animation: rotate 2s 3s infinite ease-in-out; }

@-webkit-keyframes rotate {
    0% { -webkit-transform:rotate(0); }
    100% { -webkit-transform:rotate(360deg); }
}
@keyframes rotate {
    0% { -webkit-transform:rotate(0); }
    100% { -webkit-transform:rotate(360deg); }
}

#s_news{ width: 100%; background-size: cover; padding-top: 6rem; padding-bottom: 6.25rem; width: 100%; overflow: hidden;}
#s_news .s_tt{ float: left; text-align: left; margin-bottom: 0;}
#s_news .hd{ overflow: hidden; margin-bottom: 3.625rem; display: flex; align-items: flex-end; justify-content: space-between;}
#s_news .bd>.slick-list{ overflow: visible;}
#s_news .bd ul{ margin: 0 -1rem;}
#s_news .bd ul li{ padding: 0 1rem;}
#s_news .bd ul li .txt{ background: #fbfaff; padding: 2.5rem 2rem; position: relative; z-index: 1;}
#s_news .bd ul li .txt:before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; top: 0; background: #024896; z-index: -1; }
#s_news .bd ul li .txt h4{ font-size: 1.25rem; line-height: 2.25rem; height: 2.5rem; color: #000000; margin-top: 1.5rem;}
#s_news .bd ul li .txt p{ font-size: 0.85rem; line-height: 1.75rem; color: #000000; margin-top: 0.5rem; margin-bottom: 1rem; }
#s_news .bd ul li .txt .time{  font-size: .9375rem; color: #9c9c9c;}
#s_news .bd ul li .txt .btn_xq2{ font-size: .9375rem; color: #5a5a5a; }
#s_news .bd ul li .txt .btn_xq2 svg{ width: 1.125rem; margin-left: .25rem;}
#s_news .bd ul li:hover .txt:before{ height: 100%;}
#s_news .bd ul li:hover .txt h4{ color: #fff;}
#s_news .bd ul li:hover .txt p{ color: #fff; color: rgba(255,255,255,.63);}
#s_news .bd ul li:hover .txt .time{ color: #fff;}
#s_news .bd ul li:hover .txt .btn_xq2 svg path{ fill: #fff;}
#s_news .bd ul li:hover .txt .btn_xq2{ color: rgba(255,255,255,.5);}
#s_news .bd ul li .txt:before,#s_news .bd ul li .txt h4,#s_news .bd ul li .txt p,#s_news .bd ul li .txt .time,#s_news .bd ul li .txt .btn_xq2,path{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition: .5s;}

 
#foot{ background: #014477; color: #fff; padding-top: 3.5rem; width: 100%; overflow: hidden;}
#foot .m1{ display: flex; justify-content: space-between;}
#foot .left{ width:60%; margin-right:10%; flex-grow: .8;}
#foot .right{ display: flex; flex-direction: column; justify-content: space-between;}
#foot .tt{ margin-bottom: 2.5rem;}
#foot .tt h3{ font-size: 1.125rem; margin-bottom: 1.25rem;}
#foot .tt i{ display: block; width: 30px; height: 1px; background: #5684b4;}
.foot_nav{ display: flex; flex-grow: 1; width: 100%; justify-content: space-between;}
.foot_nav dt{ font-size: 1rem; margin-bottom: 1.5rem;}
.foot_nav dd{ font-size: .9375rem; line-height: 2.25rem; color: rgba(255, 255, 255, 0.5);}
.foot_nav dd a:hover{ color: #fff;}

.foot_lianxi{ font-size: .9375rem; line-height: 2.5rem; color: rgba(255, 255, 255, 0.5); margin-top:-0.7rem;}

.foot_ewm{ display: flex; align-items: center; margin-top: 1.75rem; margin-left: 3px;}
.foot_ewm .pic{ position: relative; padding: 10px;}
.foot_ewm .pic:before{ content: ""; display: block; position: absolute; left: -3px; top: -3px; width: 100%; height: 100%; border: 1px solid #686868; }
.foot_ewm .pic:after{ content: ""; display: block; position: absolute; left: 3px; top: 3px; width: 100%; height: 100%; border: 1px solid #686868; }
.foot_ewm .pic img{ display: block; width: 98px;}
.foot_ewm p{ width: 1rem; font-size: .9375rem; color: rgba(255, 255, 255, 0.5); margin-left: 1.25rem;}

.copyright{ display: flex; justify-content: space-between; font-size: .875rem; color: rgba(255, 255, 255, 0.5); margin-top: 3rem; line-height: 4rem; background:#012f53;}

#n_banner{ width:100%; position: relative; z-index: 1; overflow: hidden;} 
#n_banner .img{ width:100%;}


/*内页导航*/
.n_nav_box{ position:relative; z-index: 2; background:#f3f3f3; border-bottom:1px solid #ccc;}
.n_nav_box .m1{ display: flex; justify-content: space-between;}
.n_nav{ float:left; font-size: 0; }
.n_nav a{ font-size:1rem; line-height: 4.375rem; color:#000;display:inline-block; padding:0 2.25rem; text-align:center; position:relative; z-index:1; transition: .5s;}
.n_nav a h4{position: relative; display: inline-block; font-size: 1.125rem;}
.n_nav a h4:before{ content:""; width:0; height:4px; display:block; background:#5684b4; position:absolute; top:100%; left:0; transition: .5s; z-index:-1; opacity: 0; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; }
.n_nav a:hover h4:before{width:100%; opacity: 1; color:#5684b4; }
.n_nav a.on h4:before{ width:100% !important; opacity: 1 !important;}
.n_nav a:hover h4,.n_nav a.on h4{ color:#5684b4; }

.n_position{ text-align:right; float:right;  font-size:0; height: 4rem; line-height:4rem; color:#a6a6a6; background:url(home_ico.png) left center no-repeat; padding-left:1.25rem; }
.n_position a{ font-size:.875rem; color:#000; position:relative; transition:.2s;}
.n_position i{font-size: .875rem;color:#000;display:inline-block;margin:0 5px;font-family:arial; position:  relative;top: -1px;}
.n_position span{ font-size:.875rem; color:#5684b4;}
.n_position a:hover{ color:#5684b4;}

#n_guanyu .innerbox{ width:100%; line-height:30px; text-align:justify; min-height:350px; position: relative; padding-bottom: 4rem;} 
#n_guanyu .tt{ margin-bottom: 2.5rem;}
#n_guanyu .tt span{ font-size: 1.75rem; color: #404c63; text-transform: uppercase; margin-bottom: 1rem; display: block;}
#n_guanyu .tt h3{ font-size: 1.75rem; color: #000000; font-weight: bold;}
#n_guanyu .con{ font-size: 1.0625rem; color: #4b4949;}

#n_wenhua{ padding-top: 3.75rem; padding-bottom: 3.75rem; background: #fbfaff;}
#n_wenhua ul{ overflow: hidden; margin: -5px;}
#n_wenhua ul li{ width: 20%; float: left; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
#n_wenhua ul li .box{ height: 36rem; position: relative; z-index: 1; padding: 3.125rem; background-size: 918px 100% !important; }
#n_wenhua ul li .ico{ margin-bottom: 1.375rem; width: 2rem; height: 2rem; margin-top: 20rem; transition: .5s; }
#n_wenhua ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#n_wenhua ul li .ico img.img02{ display: none;}
#n_wenhua ul li h3{ font-size: 1.125rem; color: #fff; margin-bottom: 4.75rem; }
#n_wenhua ul li span{ font-size: 1rem; color: #fff; margin-left: 8px;   }
#n_wenhua ul li p{ font-size: 1.125rem; line-height: 1.5rem; color: #fff; font-weight: bold; position: relative; display: inline-block; transition: .5s; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; opacity: 0; }
#n_wenhua ul li i{ display: block; width: 34px; height: 33px; position: absolute; background: url(../images/yinhao.png) center no-repeat; background-size: contain; right: -3rem; border-bottom: -1.625rem;}
#n_wenhua ul li.on{ width: 60%; }
#n_wenhua ul li.on .ico{ margin-top: 0; }
#n_wenhua ul li.on p{ color: #fff; opacity: 1; }

#n_buju{ width: 100%; overflow: hidden; position: relative; }
#n_buju .n_tt{ text-align: left; margin-bottom: 2rem;}
#n_buju .n_tt h3{ color: #fff; }
#n_buju .left{  position: absolute; z-index: 9; padding: 4.75rem 0; width: 100%;}
#n_buju .right{ }
#n_buju .right .pic{ }
#n_buju .right .pic img{ object-fit: cover; height: 680px; width: 100%;}
#n_buju .hd{}
#n_buju .hd .slidebox{ height: 100%; width: 600px; max-width: 100%; height: 526px;background: rgba(64, 76, 99, 0.8); padding: 4.375rem 1.875rem; border-radius: 3rem 0 3rem;  }
#n_buju .hd ul li{ }
#n_buju .hd ul li .box{ }
#n_buju .hd ul li .box .tt{ margin-bottom: 1.25rem; font-size: 1.375rem; color: #fff;}
#n_buju .hd ul li .box .con{ font-size: 1rem; line-height: 1.875rem; color: #fff; color: rgba(255, 255, 255, .8);overflow: hidden;-webkit-line-clamp: 100;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
#n_buju .slick_arrow_right{ margin-top: 2.5rem;}
#n_buju .slick_arrow_right .slick-arrow{ opacity: .3;z-index:99;float:left;display:block;font-size:0;cursor:pointer;width: 2.3125rem;height: 2.3125rem; background-size: contain !important; margin-right: 1.25rem;
    transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
#n_buju .slick_arrow_right .slick-arrow:hover{ opacity: 1;}
#n_buju .slick_arrow_right .slick-prev2{  background: url(../images/buju_left.png) center no-repeat; } 
#n_buju .slick_arrow_right .slick-next2{ background: url(../images/buju_right.png) center no-repeat; }


#n_news{ padding: 4.625rem 0;}
#n_news ul{ margin-top: -2.5rem;}
#n_news ul li{ position: relative;}
#n_news ul li a{ display: flex; padding: 2.5rem 0;}
#n_news ul li .img{ flex-shrink: 0; width: 22.25rem; height: 15.25rem; margin-right: 3.125rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#n_news ul li .img img{}
#n_news ul li .txt{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 3px;}
#n_news ul li .txt .time{ font-size: .9375rem; color: #9c9c9c; font-family: BarlowCondensed-Regular;}
#n_news ul li .txt h5{font-size: 1.25rem; line-height: 2.25rem; color: #000000; margin-top: 1.25rem; margin-bottom: 2rem; }
#n_news ul li .txt p{ font-size: .9375rem; color: #6e6e6e; line-height: 1.875rem; margin-bottom: 2rem; text-align: justify; }
#n_news ul li .txt .btn_xq2{ font-size: .9375rem; color: #5a5a5a; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_news ul li .txt .btn_xq2 svg{ width: 1.125rem; margin-left: .25rem;}
#n_news ul li:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5; z-index: 1;}
#n_news ul li:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #5684b4; z-index: 2; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
#n_news ul li .txt h5,#n_news ul li .txt .btn_xq2,#n_news ul li .txt .btn_xq2 svg path { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_news ul li:hover .txt h5{ color: #5684b4; font-weight: bold;}  
#n_news ul li:hover .txt .btn_xq2 svg path{ fill: #5684b4;}
#n_news ul li:hover .txt .btn_xq2{ color:#5684b4;}
#n_news ul li:hover:after{ width: 100%;}