@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; position:relative; font-family:"Alibaba PuHuiTi"; overflow-x:hidden; background: #fff;  }
*{ padding:0; margin:0;}
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.m{ max-width: 1200px; margin: 0 auto;}
.m1{ max-width: 1200px; margin: 0 auto;}
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}

/*===========================header=============================*/
#header{ position: fixed; height:5.6875rem; z-index:999; width:100%; top:0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; background:#fff; }
#header:before{ content: ""; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, .2); position: absolute; bottom: 0; left: 0; transition: .5s; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; }
#header .m{ height:100%; display: flex; justify-content: space-between; }
#logo{ float:left; height:100%; margin-right: 4rem; }
#logo img{ height: 80px; margin-top:5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#logo img.img02{ display: none; opacity: 0; }
#header .fr{flex-grow: 1;display: flex;justify-content: space-between;align-items: center;max-width: calc(100% - 22rem);}
#nav{ flex-grow: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul{display: flex; }
#nav ul li{ width:100%; height:5.6875rem; line-height:5.6875rem; position:relative; z-index:0; text-align: center; margin-left:1px;}
#nav ul li a{ width:100%; display:block; text-transform:uppercase;}
#nav ul li h3{ font-size:1rem; color:#000; display: inline-block; line-height:5.6875rem; overflow:hidden; position:relative; z-index: 1; text-align: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul li:before{ content: ""; display: block; background: #3d75c0; width:0; height: 5.6875rem; position: absolute; left: 0; bottom: 0; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul li:hover:before{ width: 100%; color:#fff;}
#nav ul li:hover a h3{ color:#fff;}
#nav ul li.on:before{ width: 100%;}
#nav ul li.on a h3{ color:#fff;}



/*首页banner*/
#banner{  width:100%; overflow: hidden; position: relative; top:5.6875rem; left:0; z-index:1; background:#fff; }
#banner li{ position:relative; } 

#banner li.slick-current{ z-index:999;}
#banner .slick-current .pic{ animation:enter 2s ease forwards; -webkit-animation:enter 2s ease forwards; }
#banner .slick-dots{ bottom: 1rem; }
#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:1;display:block; width: 3.25rem; height: 3.25rem; 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;}
#banner .slick-prev:hover{ background:url(banner_left_on.png) left center no-repeat; }
#banner .slick-next:hover{ background:url(banner_right_on.png) right center no-repeat; }
.slick-prev:before, .slick-next:before{ display:none;}

 
#gotop{ width:3.125rem; height:3.125rem; background: #3d75c0; border-radius:50%; cursor:pointer; display: flex; align-items: center; justify-content: center; opacity: 1;  transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; position: fixed; right: 2rem; bottom: 10%; z-index: 9999; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
#gotop svg{ width: 2rem;} 
#gotop.hide{ height: 0; }
#gotop:hover{ background: #3d75c0;}

#s_main{ margin-top:60px;}

.s_title{ text-align:center;}


.s_about{ padding: 5rem 0; width: 100%;}
.s_about .m{ display: flex;flex-wrap:wrap; align-items: center; margin-top:10px;}
.s_about .left01{ width: 47%; margin-right:5%;}
.s_about .right01{ width: 38%; margin-right:2%;}
.s_about .more01{ width:8%; justify-content: right;}
.s_about .pic{ width:100%; position: relative;}
.s_about .pic img{ max-width:100%; height: 100%;}

.s_about .tt{ margin-bottom: 1.375rem;}
.s_about .tt h3{ font-size: 1.475rem; color: #333;}
.s_about .tt i{ display: block; width: 25px; height: 3px; background: #3d75c0; margin-top: 1.5rem;}
.s_about .con{ font-size: 0.8rem; color: #7e7e7e; line-height: 1.25rem;}


.btn_xq {position: relative;z-index:0;-webkit-transition: all .5s;transition: all .5s;background: #71c32b;color: white;text-align: center;line-height: 2.5rem;border-radius: 20px;width: 9.375rem;
    height: 2.5rem; font-size: .875rem;display: block; overflow: hidden;text-transform: uppercase;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;}
.btn_xq:before {content: ""; display:block;width:0;height: 100%; background:#250f73;position: absolute; z-index:-1;right: 0;top: 0;-webkit-transition: .38s cubic-bezier(.4,0,.2,1);transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;}
.btn_xq:hover:before { width:100%; right:auto; left:0;}

 
.s_tt{ text-align: center; margin-bottom: 2.5rem;}
.s_tt h3{ font-size: 1.875rem; color: #252525; font-weight: bold;}
.s_tt h3 span{ font-size: 1.25rem; color: #000000; font-family:"Alibaba PuHuiTi"; text-transform: uppercase; display: inline-block; margin-left: .5rem;}
.s_tt i{ display: block; width: 30px; height: 2px; background: #3d75c0; margin: 0 auto; margin-top: 1.25rem;}


.s_lingyu{ background: url(ywbg.jpg) center no-repeat; background-size: cover; width: 100%; padding: 4.875rem 0;}
.s_lingyu .about ul{ display: flex; margin-top:30px;} 
.s_lingyu .about ul li{width:23%; margin-right:2.666%; } 
.s_lingyu .about ul li:nth-child(4n){ margin-right:0;}
.s_lingyu .about ul li a{ width:100%; display:block; background:rgba(0,0,0,0.5); text-decoration:none; padding:40px 0 50px 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } 
.s_lingyu .about ul li a:hover{ background:rgba(0,119,184,0.9); } 
.s_lingyu .about ul li a .about_img{ width:140px; height:140px; margin:0 auto; } 
.s_lingyu .about ul li a .about_img_ong1{ background:url(icon01.png) no-repeat; } 
.s_lingyu .about ul li a:hover .about_img_ong1{ background:url(icon01.png) no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); _moz-transform: rotate(360deg); transition: all 1s ease 0s; } 
.s_lingyu .about ul li a .about_img_ong2{ background:url(icon02.png) no-repeat; } 
.s_lingyu .about ul li a:hover .about_img_ong2{ background:url(icon02.png) no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); _moz-transform: rotate(360deg); transition: all 1s ease 0s; } 
.s_lingyu .about ul li a .about_img_ong3{ background:url(icon03.png) no-repeat; } 
.s_lingyu .about ul li a:hover .about_img_ong3{ background:url(icon03.png) no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); _moz-transform: rotate(360deg); transition: all 1s ease 0s; } 
.s_lingyu .about ul li a .about_img_ong4{ background:url(icon04.png) no-repeat; } 
.s_lingyu .about ul li a:hover .about_img_ong4{ background:url(icon04.png) no-repeat; transform: rotate(360deg); -webkit-transform: rotate(360deg); _moz-transform: rotate(360deg); transition: all 1s ease 0s; } 
.s_lingyu .about ul li a .about_title{ font-size:18px; color:#fff; text-align:center; margin-top:18px; } 
.s_lingyu .about ul li a:hover .about_title{ color:#fff; } 
.s_lingyu .about ul li a .about_txt{ width:80%; margin:15px auto 0 auto; font-size: 12px; color:rgba(255,255,255,0.6); line-height: 22px; text-align: center; } 
.s_lingyu .about ul li a:hover .about_txt{ color:rgba(255,255,255,0.6); }



.s_rencai{ width: 100%; padding: 4.5rem 0;}
.s_rencai .m{ display: flex; margin-top:30px; padding:30px 3% 0;} 
.s_rencai .m .left{ width:65%; margin-right:5%;} 
.s_rencai .m .right{ width:30%;} 
.s_rencai .m01{ display: flex; align-items: center;} 
.s_rencai .m .left01{ width:25%;} 
.s_rencai .m .right01{ width:25%;} 
.s_rencai .m .right02{ width:45%;} 
.s_rencai .m .left h1{ font-size:19px; text-align:center; margin-bottom:30px; color:#000;} 
.s_rencai .m .left p{ font-size:14px; text-align:center; width:70%; margin:30px auto; color:#666; line-height:30px;} 


.s_news{ width: 100%; overflow: hidden; padding-top: 4.375rem; overflow: hidden; padding-bottom: 6.75rem; border-bottom: 1px solid #e5e5e5;}
.s_news .hd{ position: relative; z-index: 1; display: flex; align-items:  center; justify-content: space-between; margin-bottom: 2.875rem;}
.s_news .hd:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #e5e5e5; z-index: -1;}
.s_news .hd ul{ margin-bottom: 1rem;}
.s_news .hd ul li{ float: left;}
.s_news .hd ul li a{ font-size: 1.375rem; color: #252525; white-space: nowrap; font-weight: bold; padding-left: 2.375rem; position: relative; padding-right: 1rem; }
.s_news .hd ul li.slick-current a{ color: #3f7bc5;}
.s_news .hd ul li.slick-current a:before{ content: ""; display: inline-block; width: 1.3125rem; height: 20px; background: url(../images/news_ico.png) center no-repeat; background-size: contain; position: absolute; left: .5rem; top: 50%; margin-top: -10px;}
.s_news .bd{}
.s_news .bd .item{ display: flex;}
.s_news .bd .news01{  width: 35.9375rem; }
.news01 .box{ position: relative;height: 100%}
.news01 .img{ height: 100% }
.news01 .img img{ }
.news01 .box:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.news01 .txt{ display: flex; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; padding: 1rem 3.25rem; background: rgba(0,0,0,.5); color: #fff; }
.news01 .txt .tag{ font-size: 13px; display: flex; align-items: center;}
.news01 .txt .tag i{ display: inline-block; width: 15px; height: 2px; background: #fff; margin-right: .625rem;}
.news01 .txt h5{ font-size: 1.125rem; color: #f8f8f8; font-weight: bold; margin-top: 1.25rem; margin-bottom: 1.25rem;}
.news01 .txt p{ font-size: .9375rem; ;line-height: 1.625rem; height: 3.25rem; overflow: hidden; color: rgba(255,255,255,.7); margin-bottom: 3rem;}
.news02{padding-left: 30px; width: calc(100% - 35.9375rem);}
.news02 ul{}
.news02 ul li{}
.news02 ul li+li{ margin-top: 1.875rem;}
.news02 ul li a{display: block;overflow: hidden;display: flex;align-items: center;width: 100%;}
.news02 ul li .img{ width: 14.4375rem; height: 8.5rem; float: left; flex-shrink: 0;}
.news02 ul li .img img{}
.news02 ul li .txt{padding-left: 1.5rem;width: calc(100% - 16.4375rem);float: left;}
.news02 ul li .tag{ font-size: .8125rem; color: #535353; margin-bottom: 1.25rem;}
.news02 ul li .tag i{ display: inline-block; margin-right: .625rem; width: 15px; height: 2px; background: #3d75c0; vertical-align: middle;}
.news02 ul li h5{ font-size: 1.125rem; color: #333333; font-weight: bold; margin-bottom: .625rem; width: 100%; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.news02 ul li:hover h5{ color: #3d75c0;}
.news02 ul li span{ font-size: .8125rem; color: #7b7b7b; font-family:"Alibaba PuHuiTi"; display: block; margin-bottom: 1rem;}
.news02 ul li p{font-size: .9375rem;line-height: 1.625rem;color: #7b7b7b;height: 3.25rem;overflow: hidden;}

.btn_arr{ display: block; width: 5rem; height: 2.5rem; line-height: 2.375rem; overflow: hidden; position: relative; border: 1px solid #cdcdcd; border-radius: 1.25rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.btn_arr font{ display: block; width: 100%; height: 100%; line-height: 2.375rem; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.btn_arr font:nth-child(1){ left: -50px;}
.btn_arr font:nth-child(2){ left:0;}
.btn_arr font svg path{ fill:#b8b8b8; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.btn_arr font svg{ display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.btn_arr:hover{ background: #66b72e; border: 1px solid #66b72e;}
.btn_arr:hover font:nth-child(1){ left:0;}
.btn_arr:hover font:nth-child(2){ left:50px;}
.btn_arr:hover font svg path{ fill:#fff;}

.s_coop{ padding:3.75rem 0; width: 100%; overflow: hidden;}
.s_coop ul{ margin: 0 -.9375rem; margin-top: -2rem;}
.s_coop ul li{ padding: 0 .9375rem; margin-top: 2rem;}
.s_coop ul li a{ display: block; border:1px solid #d6d6d6; position: relative; overflow: hidden; height: 5rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.s_coop ul li .pic{ display: flex; align-items: center; justify-content: center; height: 100%;}
.s_coop ul li .pic img{ max-width: 70%; max-height: 4.5rem;}
.s_coop ul li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 0; display: flex; align-items: center; justify-content: center; background: rgba(61, 117, 192,.89); color: #fff; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_coop ul li:hover .txt{ opacity: 1; height: 100%; top: auto; bottom: 0;}

.s_coop .slick-arrow{ z-index:99; position:absolute; top:50%; opacity:1; margin-top: 15px;
	display:block; width:8px; height: 15px; background-size:contain !important;}
.s_coop .slick-prev{ left:-3.125rem;background:url(s_fuwu_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.s_coop .slick-next{ right:-3.125rem; background:url(s_fuwu_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.s_coop .slick-prev:hover{ background:url(s_fuwu_left_on.png) left center no-repeat; }
.s_coop .slick-next:hover{ background:url(s_fuwu_right_on.png) right center no-repeat; }

.foot{ background: #333; padding: 4rem 0 0; color: #fff;}
.foot .m{ display: flex; border-bottom:1px solid #666; padding-bottom:0.5rem; }
.foot .left{ flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;}
.foot_nav{ overflow: hidden; display: flex; justify-content: space-between;}
.foot_nav dl{ width:100%; padding-right:8%; float: left;}
.foot_nav dl dt{ font-size: 1rem; margin-bottom: 0.75rem; padding-bottom:0.75rem; border-bottom:1px solid #666;}
.foot_nav dl dd{ font-size: 0.7rem; line-height: 2.125rem; color: rgba(255,255,255,.5); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.foot_nav dl dd:hover{ color: #3d75c0;}
.erm{ margin-top: .75rem; font-size: 0.8rem; color: #fff; text-align:center;}

.s_link{ padding:1rem 0;}
.s_link h1{ font-size:0.9rem; color:#ccc; margin-bottom:20px;}

.foot_bot{ padding: 1rem 2.5rem; margin-top:30px; width: 100%; background:#0077b9;}
.foot_bot .copyright{ line-height: 1.875rem; font-size: .875rem; color: rgba(255,255,255,.8); width:100%; text-align:center;}

.t_nav {display: flex;flex-wrap:wrap; justify-content: center; position: relative;height: 4rem; }
.t_nav a { width:200px;height: 3rem; line-height: 3rem;font-size: 1rem; margin:0.5rem 1rem 0 0; background:#f0f0f0; color: #252525;text-align: center;position: relative;}
.t_nav .on, .t_nav a:hover{ background:#3d75c0; color: #fff;}

/*内页banner*/
.n_banner {width: 100%; text-align:center; overflow:hidden; margin-top:5.6875rem; }
.n_banner div.pic{  width: 100%; height:22rem; position: relative;}
.n_banner .txt{ color:#fff; width: 100%; height: 100%; text-align:center; display: flex; align-items: center; justify-content: center;}
.n_banner .txt b{ font-size:2rem; font-weight:normal;}

.n_title {padding: 0;position: relative; border-bottom: #d3d6da 1px solid;}
.n_title .m { position: relative;}
 
.position {line-height: 3.8rem;left: 0;bottom: 0;font-size: .9375rem;color: #747679;display: flex;align-items: center;}
.position img{ vertical-align: middle; margin-bottom: 0; margin-right: 10px;}
.position span, .position a, .position i {font-size: .8125rem;color: #828386;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i {margin: 0px 10px;font-style: normal;width: 4px;height: 6px;background: url(position_ico.png) center no-repeat;font-size: 0;display: inline-block;vertical-align: middle;}
.position em { color: #66beba;font-style: normal;font-size: .8125rem;}
.position a:hover {color: #3d75c0;}
.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }

#n_main{ background: #fff;}

/* about 关于我们*/
.n_about{width: 100%; margin-top:30px; padding-bottom:100px;}
.n_about .m{ display: flex;}
.n_about .n_right{width: 900px;}
.n_about .mainCon{width: 900px;padding-top: 28px;width: 100%;position: relative;}
.n_about .mainCon .conBox{width:100%;margin: 20px auto 0;padding-bottom: 20px;line-height:30px; text-align:justify;position: relative;}


/* 侧栏导航 */
.n_nav{width: 250px; margin-right:60px;}
.n_nav .top{width: 100%;height: 80px;background: #0077b8;}
.n_nav .top h2{height: 80px;text-indent: 28px;line-height:80px;font-size: 24px;color: #fff;font-weight: normal;}
.n_nav .top h2 a{color: #fff;text-decoration: none; font-weight: bold; }
.n_nav .classify{border: 1px solid #e4e4e4;border-top: none;position: relative;}
.n_nav .classify li{height: 45px;line-height: 45px;border-top: 1px solid #e4e4e4;text-indent: 28px;font-size: 15px;color: #333333;}
.n_nav .classify li a{color: #333333;display: block;}
.n_nav .classify li:hover,.n_nav .classify li.cur{background:#139d61;}
.n_nav .classify li:hover a,.n_nav .classify li.cur a{color: #fff;} 

 


/*内页头部*/
.n_tit{width: 100%;text-align: center;margin: 0 auto; border-bottom:1px solid #ccc; padding-bottom:20px;}
.n_tit h2{font-size: 30px;color: #044b2d;font-weight: normal;}
.n_tit h2 a{color: #333;text-decoration: none;}



/*翻页*/
.page { text-align:center; margin-top:3.75rem; font-size: 0;}