@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto;}
a{ color:#333; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#0068b7;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:70px 0 45px 0;}
.container{ min-width:1400px; width:1400px; margin:0 auto; padding:0; text-align:left;}
@font-face
{
font-family: AlternateGothicNo2BT-Regular;
src: url('../fonts/AlternateGothicNo2BT-Regular.ttf'),
     url('../fonts/AlternateGothicNo2BT-Regular.woff') format('woff');
}
/* CSS Common*/

/*header*/
#header{ position:relative; width:100%; height:114px; margin:0 auto; text-align:center;}
#header .logo{ float:left; padding-top:29px; position:relative; z-index:10;}
.header_search{ background:#fff; width:100%; height:114px; position:absolute; right:0; top:0; left:0; z-index:9; opacity:0; top:-50%;}
.header_search .box{ width:510px; height:40px; float:right; margin-top:42px;}
.header_search form{ border:1px solid #cacbd0; border-radius:3px; float:left;}
.header_search input[type="text"]{ width:450px; height:40px; line-height:40px; color:#333; background:none; border:0; float:left; text-indent:15px;}
.header_search input[type="submit"]{ background:url(../images/search_ico.png) no-repeat center; width:26px; height:26px; display:block; position:relative; top:6px; cursor:pointer; border:0; right:8px;}
.header_search a.close{ width:14px; height:14px; background:url(../images/close.png) no-repeat center; display:inline-block; position:relative; top:14px; left:16px;}

/*menu*/
.menu{ float:right;}
.menu li{ float:left; text-align:center;}
.menu li>a{ display:block; height:114px; line-height:114px; font-size:16px; color:#000; padding:0 22px;}
.menu li>a:hover{ color:#0068b7;}
.menu li>a.on{ color:#0068b7;}
.menu li>a.curr{ color:#0068b7;}
.menu li i{ background:url(../images/search_ico.png) no-repeat center; width:18px; height:18px; display:block; margin-left:20px; position:relative; top:48px; cursor:pointer;}
.menu li dl{ width:100%; height:82px; line-height:82px; background:rgba(0,35,63,0.8); position:absolute; left:0; top:114px; text-align:center; z-index:9; display:none;}
.menu li dl .dl_box{ text-align:center;}
.menu li dl dd{ text-align:center; display:inline-block;}
.menu li dl dd a{ display:block; color:#d2d2d2; font-size:16px; height:82px; line-height:82px; margin-right:60px; position:relative;}
.menu li dl dd a:after{ content:''; width:1px; height:12px; background:#d2d2d2; display:block; float:right; position:absolute; top:36px; right:-30px;}
.menu li dl dd a:hover{ color:#fff;}
.menu li dl dd:last-child a{ margin-right:0;}
.menu li dl dd:last-child a:after{ display:none;}

/*banner*/
.banner{ height:566px;}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-slide video{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-slide .desc{ position:absolute; top:200px; left:0; right:0; margin:auto; color:#fff; font-size:28px; line-height:1.3; text-shadow:rgba(0,0,0,0.2) 1px 1px 1px; text-align:center; display:none;}
.banner .swiper-slide .desc em{ font-size:60px; font-weight:bold; display:block; line-height:1;}
.banner .swiper-slide .desc p{ font-size:26px; margin-top:30px; line-height:1;}
.banner .swiper-pagination{ bottom:46px;}
.banner .swiper-pagination-bullet{ margin:0 6px !important;}
.banner .swiper-pagination-bullet{ background:#b5b5b5; opacity:1; width:88px; height:5px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#0068b7;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}

/*banner_inside*/
.banner_inside{ height:566px;}
.banner_inside .swiper-slide{ background-position:center; background-size:cover;}
.banner_inside .swiper-slide img{ width:100%; height:auto;}
.banner_inside .swiper-slide .desc{ position:absolute; z-index:2; top:0; text-align:center; width:100%; margin-top:8.2%;}
.banner_inside .swiper-slide .desc>span{ color:rgba(255,255,255,0.2); font-size:55px; text-transform:uppercase; display:block; font-family:'LemonMilk'; line-height:1;}
.banner_inside .swiper-slide .desc>em{ color:#fff; font-weight:bold; font-size:28px; display:block; margin-top:16px;}
.banner_inside .swiper-slide .desc>i{ width:35px; height:4px; background:#a18029; margin:0 auto; display:block; margin-top:25px;}
.banner_inside .swiper-pagination{ bottom:30px;}
.banner_inside .swiper-pagination-bullet{ margin:0 6px !important;}
.banner_inside .swiper-pagination-bullet{ background:#565656; opacity:1; width:12px; height:12px;}
.banner_inside .swiper-pagination-bullet-active{ background:#a27929;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner_inside .swiper-button-prev{ left:20px;}
.banner_inside .swiper-button-next{ right:20px;}

/*home_pro*/
#home_pro{ margin-top:70px;}
#home_pro .home_pro_dh{ margin:0 auto; text-align:center; color:#333; line-height:1; display:none;}
#home_pro .home_pro_dh>span{ font-size:24px; color:#89949c; display:block; text-transform:uppercase;}
#home_pro .home_pro_dh>em{ font-size:48px; color:#0068b7; display:inline-block; font-weight:bold;}
#home_pro .home_pro_dh>em:after{ content:''; width:75px; height:4px; background:#39a928; float:right; margin-left:30px; margin-top:25px;}
#home_pro .home_pro_dh>em:before{ content:''; width:75px; height:4px; background:#39a928; float:left; margin-right:30px; margin-top:25px;}
#home_pro .home_pro_dh>p{ font-size:26px; margin-top:18px;}
#home_pro .home_pro_dh>i{ width:46px; height:6px; background:#45b035; margin:0 auto; display:block; margin-top:32px;}
#home_pro .home_pro_con{ margin-top:60px;}
#home_pro .home_pro_con ul li{ width:332px; float:left; margin-left:24px; position:relative; top:0; transition:all 0.5s; overflow:hidden;}
#home_pro .home_pro_con ul li:nth-child(4n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:332px; height:465px; overflow:hidden;}
#home_pro .home_pro_con ul li .img>img{ width:100%; height:100%; object-fit:cover;}
#home_pro .home_pro_con ul li .img>p{ width:100%; background:#0068b7; height:105px; line-height:105px; text-align:center; color:#fff; font-size:23px; font-weight:bold; position:absolute; bottom:0; opacity:1; z-index:2; transition:all 0.5s;}
#home_pro .home_pro_con ul li .img>p>img{ position:absolute; top:-30.5px; left:0; right:0; margin:auto;}
#home_pro .home_pro_con ul li .img>p>em{ display:block;}
#home_pro .home_pro_con ul li .desc{ width:100%; background:rgba(0,35,63,0.8); height:100%; position:absolute; top:100%; left:0; z-index:3; text-align:center; color:#fff; padding:80px 40px; box-sizing:border-box; opacity:0; transition:all 0.5s;}
#home_pro .home_pro_con ul li .desc>img{ width:61px; height:61px;}
#home_pro .home_pro_con ul li .desc>span{ font-size:30px; display:block; margin-top:30px; line-height:1;}
#home_pro .home_pro_con ul li .desc>i{ width:36px; height:4px; background:#45b035; margin:0 auto; display:block; margin-top:30px; margin-bottom:30px;}
#home_pro .home_pro_con ul li .desc>p{ font-size:20px; line-height:1.6; text-align:left;}
#home_pro .home_pro_con ul li:hover{ top:-20px;}
#home_pro .home_pro_con ul li:hover .img>p{ bottom:-105px; opacity:0;}
#home_pro .home_pro_con ul li:hover .desc{ top:0; opacity:1;}

/*home_scenario*/
#home_scenario{ margin-top:70px; background-repeat:no-repeat; background-position:center; background-size:cover; padding:70px 0;}
#home_scenario .home_scenario_dh{ margin:0 auto; text-align:center; color:#fff; line-height:1;}
#home_scenario .home_scenario_dh>span{ font-size:24px; color:#89949c; display:block; text-transform:uppercase; margin-top:18px;}
#home_scenario .home_scenario_dh>em{ font-size:48px; color:#fff; display:inline-block; font-weight:bold;}
#home_scenario .home_scenario_dh>em:after{ content:''; width:75px; height:4px; background:#39a928; float:right; margin-left:30px; margin-top:25px;}
#home_scenario .home_scenario_dh>em:before{ content:''; width:75px; height:4px; background:#39a928; float:left; margin-right:30px; margin-top:25px;}
#home_scenario .home_scenario_dh>i{ width:46px; height:6px; background:#45b035; margin:0 auto; display:block; margin-top:32px;}
#home_scenario .home_scenario_con{ margin-top:60px;}
#home_scenario .home_scenario_con ul li{ float:left; margin-left:192px;}
#home_scenario .home_scenario_con ul li:nth-child(4n+1){ margin-left:0;}
#home_scenario .home_scenario_con ul li>.img{ float:left; margin-right:20px;}
#home_scenario .home_scenario_con ul li>.desc{ float:left; color:#fff; font-size:19px; line-height:1; margin-top:12px;}
#home_scenario .home_scenario_con ul li>.desc>span{ font-size:45px; font-family:'AlternateGothicNo2BT-Regular';}
#home_scenario .home_scenario_con ul li>.desc>span>em{ width:36px; display:inline-block;}
#home_scenario .home_scenario_con ul li>.desc>span>i{ font-size:32px; margin-left:2px;}
#home_scenario .home_scenario_list{ margin-top:60px; position:relative;}
#home_scenario .home_scenario_list>img{ max-width:100%; height:auto;}
#home_scenario .home_scenario_list>.dot{ width:100%; position:absolute; height:100%; top:0;}
#home_scenario .home_scenario_list>.dot>em{ display:block; position:absolute;}
#home_scenario .home_scenario_list>.dot>em>span{ width:22px; height:22px; background:#c3f13a; border-radius:50%; display:block; box-shadow:0 1px 8px 0 rgba(0,0,0,0.2); position:absolute; cursor:pointer;}
#home_scenario .home_scenario_list>.dot>em>i{ background:rgba(195,241,58,0.6); display:block; position:absolute; width:36px; height:36px; border-radius:50%; top:-8px; left:-8px; border:1px solid rgba(195,241,58,0.6);animation:scale 2s infinite;}
#home_scenario .home_scenario_list>.dot>em.dot_1{ left:27%; top:33%;}
#home_scenario .home_scenario_list>.dot>em.dot_2{ left:51%; top:30%;}
#home_scenario .home_scenario_list>.dot>em.dot_3{ right:26%; top:29%;}
#home_scenario .home_scenario_list>.dot>em.dot_4{ left:29.3%; top:59.5%;}
#home_scenario .home_scenario_list>.dot>em.dot_5{ right:34.6%; top:62%;}
@keyframes scale{
0%{ transform:scale(1);}
50%{ transform:scale(1.2);}
100%{ transform:scale(1);}
}

/*home_cases*/
#home_cases .home_cases_dh{ margin:0 auto; text-align:center; color:#333; line-height:1; background:url(../images/projects_bg.jpg) no-repeat center; background-size:cover; height:163px; padding-top:40px; box-sizing:border-box;}
#home_cases .home_cases_dh>span{ font-size:24px; color:#fff; display:block; text-transform:uppercase; margin-top:18px;}
#home_cases .home_cases_dh>em{ display:inline-block;}
#home_cases .home_cases_dh>em:after{ content:''; width:75px; height:4px; background:#fff; float:right; margin-left:30px; margin-top:25px;}
#home_cases .home_cases_dh>em:before{ content:''; width:75px; height:4px; background:#fff; float:left; margin-right:30px; margin-top:25px;}
#home_cases .home_cases_dh>em>i{ position:relative; display:inline-block; font-size:48px; color:#0068b7; display:inline-block; font-weight:bold; -webkit-text-stroke:3px #fff; letter-spacing:2px;}
#home_cases .home_cases_dh>em>i:before{ content:attr(data-title); position:absolute; background-image:linear-gradient(#006ab6, #0d769e, #38a24e); background-clip:text; -webkit-background-clip:text;
 -webkit-text-fill-color:transparent; -webkit-text-stroke:0;}
#home_cases .home_cases_dh>i{ width:46px; height:6px; background:#45b035; margin:0 auto; display:block; margin-top:32px;}
#home_cases .home_cases_nav{ margin-top:40px; text-align:center;}
#home_cases .home_cases_nav>em{ width:274px; height:58px; line-height:58px; border:1px solid #45b035; display:inline-block; margin:0 16px; text-align:center; font-size:21px; cursor:pointer;}
#home_cases .home_cases_nav>em.on{ background:#0068b7; border-color:#0068b7; color:#fff;}
#home_cases .container{ position:relative;}
#home_cases .home_cases_con{ margin-top:40px;}
#home_cases .home_cases_con ul li{ width:435px; float:left; margin-left:47px; margin-bottom:60px;}
#home_cases .home_cases_con ul li:nth-child(3n+1){ margin-left:0;}
#home_cases .home_cases_con ul li .img{ width:435px; height:270px; overflow:hidden;}
#home_cases .home_cases_con ul li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_cases .home_cases_con ul li span{ height:70px; line-height:70px; border-bottom:1px solid #dcdcdc; display:block; font-size:18px; transition:all 0.3s;}
#home_cases .home_cases_con ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_cases .home_cases_con ul li:hover span{ border-color:#45b035;}
#home_cases a.more{ position:absolute; text-align:center; font-size:18px; color:#666; display:block; margin-top:16px; transition:all 0.3s; right:0; top:0;}
#home_cases a.more:hover{ color:#0068b7;}

/*home_process*/
#home_process{ margin-top:10px; background-image:url(../images/develop_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:60px 0;}
#home_process .home_process_dh{ margin:0 auto; text-align:center; color:#fff; line-height:1;}
#home_process .home_process_dh>span{ font-size:24px; color:#89949c; display:block; text-transform:uppercase; margin-top:18px;}
#home_process .home_process_dh>em{ font-size:48px; color:#fff; display:inline-block;font-weight:bold;}
#home_process .home_process_dh>em:after{ content:''; width:75px; height:4px; background:#39a928; float:right; margin-left:30px; margin-top:25px;}
#home_process .home_process_dh>em:before{ content:''; width:75px; height:4px; background:#39a928; float:left; margin-right:30px; margin-top:25px;}
#home_process .home_process_dh>i{ width:46px; height:6px; background:#45b035; margin:0 auto; display:block; margin-top:32px;}
#home_process .home_process_con{ margin-top:60px;}
#home_process .home_process_con ul li{ float:left; width:170px; color:#fff; margin-left:76px; text-align:center; position:relative;}
#home_process .home_process_con ul li:nth-child(6n+1){ margin-left:0;}
#home_process .home_process_con ul li:after{ content:url("../images/process_ico_t.png"); display:block; float:right; position:absolute; right:-45px; top:65px;}
#home_process .home_process_con ul li>.img{ width:168px; height:167px; background:url(../images/process_ico_bg.png) no-repeat center; overflow:hidden; padding-left:15px; box-sizing:border-box; position:relative; top:0; transition:all 0.6s;}
#home_process .home_process_con ul li>.img>img{ width:65px; height:auto; padding-top:30px;}
#home_process .home_process_con ul li>.img>span{ display:block; font-size:20px;}
#home_process .home_process_con ul li>.desc{ width:110%; margin-top:30px; font-size:15px; font-weight:lighter; line-height:1.8; color:#cacbd0; margin-left:-5%; position:relative; top:0; transition:all 0.6s;}
#home_process .home_process_con ul li:nth-child(2n)>.img{ background:url(../images/process_ico_bg2.png) no-repeat center;}
#home_process .home_process_con ul li:last-child:after{ display:none;}
#home_process .home_process_con ul li:hover .img{ top:-15px;}
#home_process .home_process_con ul li:hover .desc{ top:-15px;}

/*home_news*/
#home_news{ margin-bottom:50px;}
#home_news .home_news_dh{ margin:0 auto; text-align:center; color:#333; line-height:1; background:url(../images/news_bg.jpg) no-repeat center; background-size:cover; height:163px; padding-top:40px; box-sizing:border-box;}
#home_news .home_news_dh>span{ font-size:24px; color:#fff; display:block; text-transform:uppercase; margin-top:18px;}
#home_news .home_news_dh>em{ display:inline-block;}
#home_news .home_news_dh>em:after{ content:''; width:75px; height:4px; background:#fff; float:right; margin-left:30px; margin-top:25px;}
#home_news .home_news_dh>em:before{ content:''; width:75px; height:4px; background:#fff; float:left; margin-right:30px; margin-top:25px;}
#home_news .home_news_dh>em>i{ position:relative; display:inline-block; font-size:48px; color:#0068b7; display:inline-block; font-weight:bold; -webkit-text-stroke:3px #fff; letter-spacing:2px;}
#home_news .home_news_dh>em>i:before{ content:attr(data-title); position:absolute; background-image:linear-gradient(#006ab6, #0d769e, #38a24e); background-clip:text; -webkit-background-clip:text;
 -webkit-text-fill-color:transparent; -webkit-text-stroke:0; letter-spacing:2px;}
#home_news .home_news_dh>i{ width:46px; height:6px; background:#45b035; margin:0 auto; display:block; margin-top:32px;}
#home_news .home_news_nav{ margin-top:50px; text-align:center;}
#home_news .home_news_nav>ul>li{ width:274px; height:58px; line-height:58px; border:1px solid #45b035; display:inline-block; margin:0 16px; text-align:center; font-size:21px; cursor:pointer;}
#home_news .home_news_nav>ul>li>a{ display:block; color:#333; cursor:pointer;}
#home_news .home_news_nav>ul>li.on{ background:#0068b7; border-color:#0068b7;}
#home_news .home_news_nav>ul>li.on>a{ color:#fff;}
#home_news .container{ position:relative;}
#home_news .home_news_con{ margin-top:35px;}
#home_news .home_news_con .l{ float:left; width:662px; border:1px solid #e5e5e5; text-align:center;}
#home_news .home_news_con .l .img{ width:638px; height:450px; margin:0 auto; overflow:hidden; margin-top:12px;}
#home_news .home_news_con .l img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con .l img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con .l .desc{ padding:30px; text-align:left;}
#home_news .home_news_con .l .desc span{ color:#000; font-size:22px; margin-bottom:10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
#home_news .home_news_con .l .desc p{ color:#a7a7a7; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:1; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
#home_news .home_news_con .l .desc em{ margin-top:20px; color:#a7a7a7; display:block;}
#home_news .home_news_con .l .desc span:hover{ color:#0068b7;}
#home_news .home_news_con .r{ float:right; text-align:left; width:690px;}
#home_news .home_news_con .r ul li{ width:100%; text-align:left; border:1px solid #e5e5e5; padding:9px 10px; margin-bottom:16px; box-sizing:border-box; overflow:hidden;}
#home_news .home_news_con .r ul li .img{ width:264px; height:180px; float:left; overflow:hidden;}
#home_news .home_news_con .r ul li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con .r ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con .r ul li .desc{ float:right; text-align:left; width:390px; padding:15px 20px; padding-bottom:0; box-sizing:border-box; overflow:hidden;}
#home_news .home_news_con .r ul li .desc span{ font-size:18px; color:#000; display:block; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#home_news .home_news_con .r ul li .desc span:hover{ color:#0068b7;}
#home_news .home_news_con .r ul li .desc p{ color:#a7a7a7; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#home_news .home_news_con .r ul li .desc em{ margin-top:15px; color:#a7a7a7; display:block;}
#home_news a.more{ position:absolute; text-align:center; font-size:18px; color:#666; display:block; margin-top:16px; transition:all 0.3s; right:0; top:0;}
#home_news a.more:hover{ color:#0068b7;}

/*left*/
#left{ height:69px; border-bottom:1px solid #e5e5e5;}
#left .left_dh ul{ text-align:center; font-size:0;}
#left .left_dh ul li{ height:69px; line-height:69px; font-size:17px; display:inline-block;}
#left .left_dh ul li a{ display:block; padding:0 50px; height:69px; border-bottom:4px solid transparent; box-sizing:border-box;}
#left .left_dh ul li a:hover{ color:#0068b7;}
#left .left_dh ul li a.on{ color:#0068b7; font-weight:bold; border-color:#46b036;}

/*content*/
#right{ width:100%;}
#right .right_con{ min-height:200px; font-size:16px;}
#right .right_con img{ max-width:100%; height:auto;}
#right .right_con video{ max-width:100%; height:auto;}

/*about*/
.about .dh{ font-size:24px; color:#29292c;}
.about .dh>em{ font-size:46px; display:block; text-transform:uppercase; margin-top:24px;}
.about .about_con .l{ width:660px; float:left; color:#888; font-size:16px; line-height:2;}
.about .about_con .r{ width:592px; float:right; position:relative;}
.about .about_con .r .pic{ width:100%;}
.about .about_con .r .arrow-left{ position:absolute; left:-62px; bottom:0; width:62px; height:62px; background:rgba(0,0,0,0.25); z-index:10;}
.about .about_con .r .arrow-right{ position:absolute; left:0; bottom:0; width:62px; height:62px; background:rgba(0,0,0,0.25); z-index:10;}
.about .about_con .r i{ font-size:22px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff;}
.about .about_list{ margin-top:150px;}
.about .about_list .dh{ font-size:50px; color:#0068b7; font-weight:bold; text-align:center; line-height:1;}
.about .about_list .dh>em{ width:46px; height:6px; background:#45b035; display:block; margin:0 auto; margin-top:40px;}
.about .about_list .swiper-container{ margin-top:100px;}
.about .about_list .swiper-slide{ width:950px; border-radius:10px; background:#000; overflow:hidden;}
.about .about_list .swiper-slide img{ display:block; border-radius:10px; width:100%; height:100%; object-fit:cover; opacity:0.5;}
.about .about_list .swiper-slide video{ display:block; width:100%; height:100%; object-fit:cover; opacity:0.5;}
.about .about_list .swiper-slide-active{ background:none;}
.about .about_list .swiper-slide-active img{ opacity:1;}
.about .about_list .swiper-slide-active video{ opacity:1;}
.about .about_list .swiper-button-prev{ left:50px; width:38px; height:38px; top:50%; margin-top:-70px;}
.about .about_list .swiper-button-next{ right:50px; width:38px; height:38px; top:50%; margin-top:-70px;}
.about .about_list .swiper-button-prev:focus{ outline:none;}
.about .about_list .swiper-button-next:focus{ outline:none;}
.about .about_list .swiper-wrapper{ padding-bottom:100px;}
.about .about_list .swiper-pagination{ bottom:10px;}
.about .about_list .swiper-pagination-bullet{ margin:0 8px !important;}
.about .about_list .swiper-pagination-bullet{ background:#959595; opacity:1; width:12px; height:12px;}
.about .about_list .swiper-pagination-bullet-active{ background:#0367b7;}

/*honor*/
.honor .dh .dh_box{ text-align:center; margin-bottom:50px;}
.honor .dh .dh_box>span{ font-size:50px; color:#005bac; font-weight:bold; display:block; line-height:1;}
.honor .dh .dh_box>em{ width:56px; height:6px; background:#45b035; display:block; margin:0 auto; margin-top:40px;}
.honor .dh .desc{ width:680px; float:left;}
.honor .dh .desc>span{ font-size:50px; color:#005bac; font-weight:bold; display:block; line-height:1;}
.honor .dh .desc>em{ width:56px; height:6px; background:#45b035; display:block; margin-top:40px;}
.honor .dh .desc>p{ line-height:2; color:#888; font-size:16px;}
.honor .dh img{ float:right;}
.honor ul{ margin-top:100px;}
.honor ul li{ float:left; width:232px; margin-left:60px; margin-bottom:50px; text-align:center;}
.honor ul li:nth-child(5n+1){ margin-left:0;}
.honor ul li:nth-last-child(-n+5){ margin-bottom:0;}
.honor ul li .img{ width:232px; height:333px; display:table-cell; vertical-align:middle; text-align:center;}
.honor ul li .img img{ position:relative; top:0; max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.honor ul li:hover img{ top:-15px;}
.honor ul li span{ display:block; padding-top:15px; text-align:center; font-size:16px;}

/*partner*/
.partner .dh{ font-size:50px; color:#0068b7; font-weight:bold; text-align:center; line-height:1;}
.partner .dh>em{ width:46px; height:6px; background:#45b035; display:block; margin:0 auto; margin-top:40px;}
.partner .dh>p{ margin-top:40px; line-height:2; font-size:24px; color:#000; font-weight:normal;}
.partner ul{ margin-top:90px;}
.partner ul li{ float:left; width:218px; margin-left:77px; margin-bottom:60px;}
.partner ul li:nth-child(5n+1){ margin-left:0;}
.partner ul li .img{ width:218px; height:96px; display:table-cell; vertical-align:middle; text-align:center;}
.partner ul li .img img{ max-width:100%; max-height:100%;}

/*list_pro*/
ul.list_pro{ text-align:center;}
ul.list_pro li{ width:434px; float:left; margin-left:49px; margin-bottom:49px; position:relative; overflow:hidden;}
ul.list_pro li:nth-child(3n+1){ margin-left:0;}
ul.list_pro li:nth-last-child(-n+3){ margin-bottom:0;}
ul.list_pro li .img{ width:434px; height:304px; overflow:hidden;}
ul.list_pro li img{ width:100%; height:100%;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pro li .desc{ width:100%; height:100%; position:absolute; font-size:21px; background:rgba(0,91,172,0.7); top:100%; left:0; display:block; margin:0 auto; text-align:center; font-weight:bold; color:#fff; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.3s;}
ul.list_pro li:hover .desc{ opacity:1; top:0;}

/*college*/
.college{ margin-bottom:80px;}
.college>span{ font-size:50px; color:#005bac; font-weight:bold; display:block; line-height:1; text-align:center;}
.college>em{ width:56px; height:6px; background:#45b035; display:block; margin:0 auto; margin-top:40px;}
.college>.desc{ margin-top:50px; line-height:2; color:#888; font-size:16px;}
		
/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:235px; height:180px; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:235px; height:180px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*table*/
table{ width:100%; border-width:1px; border-color:#666; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#fff;}

/*list_news*/
ul.list_news li{ position:relative; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
ul.list_news li span{ position:absolute; right:5px; top:0;}

/*list_img_news*/
ul.list_img_news{ width:94%; margin:0 auto; margin-bottom:45px;}
ul.list_img_news li{ padding:15px; margin-bottom:30px; border-radius:10px; box-shadow:0 1px 15px 1px rgba(0,0,0,0.12); overflow:hidden;}
ul.list_img_news li .img{ width:268px; height:155px; border-radius:10px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_img_news li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li .desc_box{ width:950px; float:right; overflow:hidden;}
ul.list_img_news li p{ color:#c9c9c9; font-size:16px; display:inline-block; line-height:1; margin-top:20px;}
ul.list_img_news li p>em{ font-size:26px; display:block; margin-top:30px;}
ul.list_img_news li p>i{ display:block; margin-top:16px;}
ul.list_img_news li .desc{ display:inline-block; width:660px; margin-left:70px;}
ul.list_img_news li .desc>span{ font-size:21px; color:#005bac; display:block; line-height:1;}
ul.list_img_news li .desc>p{ color:#707070;}
ul.list_img_news li .desc_box>i{ width:79px; height:41px; line-height:41px; display:inline-block; background:url(../images/more.jpg) no-repeat center; position:relative; top:-10px; transition:all 0.3s;}
ul.list_img_news li:hover .desc_box>i{ background-image:url(../images/more_a.jpg);}

/*dis_news*/
#dis_news .l{ float:left; width:960px; min-height:800px; padding-right:60px;}
#dis_news .news_title{ font-weight:bold; font-size:24px; line-height:1.6; color:#005bac;}
#dis_news .news_date{ color:#a0a0a0; font-size:16px; margin-top:10px;}
#dis_news .news_content{ margin-top:50px; padding-top:60px; border-top:1px solid #c9c9c9; font-size:16px; line-height:2;}
#dis_news .news_list{ margin-top:60px; padding-top:40px; border-top:1px solid #e8e8e8;}
#dis_news .news_list dd{ font-size:16px; margin-bottom:10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#dis_news .r{ float:right; width:278px;}
#dis_news .r ul>li{ width:278px; margin-bottom:45px;}
#dis_news .r ul>li .img{ width:278px; height:196px; border-radius:10px; overflow:hidden;}
#dis_news .r ul>li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
#dis_news .r ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#dis_news .r ul>li .desc{ padding:20px 0; border-bottom:1px solid #c9c9c9;}
#dis_news .r ul>li span{ display:block; font-size:20px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#dis_news .r ul>li em{ color:#a0a0a0; font-size:16px; margin-top:10px; display:block;}

/*list_video*/
.list_video{ margin-top:30px;}
.list_video .swiper-slide{ width:950px; border-radius:10px; background:#000; overflow:hidden;}
.list_video .swiper-slide img{ display:block; border-radius:10px; width:100%; height:100%; object-fit:cover; opacity:0.5;}
.list_video .swiper-slide video{ display:block; width:100%; height:100%; object-fit:cover; opacity:0.5;}
.list_video .swiper-slide-active{ background:none;}
.list_video .swiper-slide-active img{ opacity:1;}
.list_video .swiper-slide-active video{ opacity:1;}
.list_video .swiper-button-prev{ left:50px; width:38px; height:38px; top:50%; margin-top:-70px;}
.list_video .swiper-button-next{ right:50px; width:38px; height:38px; top:50%; margin-top:-70px;}
.list_video .swiper-button-prev:focus{ outline:none;}
.list_video .swiper-button-next:focus{ outline:none;}
.list_video .swiper-wrapper{ padding-bottom:100px;}
.list_video .swiper-pagination{ bottom:10px;}
.list_video .swiper-pagination-bullet{ margin:0 8px !important;}
.list_video .swiper-pagination-bullet{ background:#959595; opacity:1; width:12px; height:12px;}
.list_video .swiper-pagination-bullet-active{ background:#0367b7;}

/*join*/
.join>.dh{ margin-top:50px; text-align:center; line-height:1; padding-bottom:0;}
.join>.dh>span{ font-size:60px; color:#a0a3a8; display:block; text-transform:uppercase;}
.join>.dh>em{ font-size:35px; color:#005bac; display:block; margin-top:25px;}
.join>.dh>i{ width:50px; height:3px; display:block; background:#45b035; display:block; margin:0 auto; margin-top:30px;}
.join>.dh>.desc{ margin-top:30px; line-height:2; color:#a0a3a8; font-size:20px;}
.join>ul{ padding-top:80px; border-top:1px solid #cacbd0; overflow:hidden;}
.join>ul>li{ padding-bottom:80px; margin-bottom:80px; border-bottom:1px solid #cacbd0;}
.join>ul>li>span{ font-size:40px; color:#005bac; font-weight:bold; display:block;}
.join>ul>li>em{ font-size:28px; color:#005bac; display:block; margin-top:10px;}
.join>ul>li>.desc{ margin-top:20px; font-size:18px; color:#626262; line-height:2;}
.join>ul>li>.desc .l{ width:42%; float:left;}
.join>ul>li>.desc .r{ width:42%; margin-left:16%; float:right;}
.join>ul>li:last-child{ margin-bottom:50px;}

/*contact*/
.contact>.dh{ text-align:center;}
.contact>.dh>span{ font-size:50px; color:#005bac; display:block; font-weight:bold; line-height:1;}
.contact>.dh>i{ width:46px; height:6px; background:#45b035; display:block; margin:0 auto; margin-top:40px;}
.contact>ul>li{ width:675px; float:left; margin-left:50px; margin-bottom:50px; box-shadow:0 1px 15px 1px rgba(0,0,0,0.12); border-radius:10px; padding:50px 65px; box-sizing:border-box;}
.contact>ul>li:nth-child(2n+1){ margin-left:0;}
.contact>ul>li>.title{ font-size:40px; color:#cacbd0; text-transform:uppercase; line-height:1;}
.contact>ul>li>em{ font-size:22px; font-weight:bold; color:#005bac; display:block; margin:20px 0; line-height:1;}
.contact>ul>li>.desc{ line-height:2; font-size:18px;}
.contact>.desc{ margin-top:40px;}
.contact>.desc>.l{ float:left; font-size:20px; line-height:2;}
.contact>.desc>.r{ float:right; font-size:20px; margin-top:22px;}
.contact>.desc>.r>img{ float:left; margin-right:12px; position:relative; top:8px;}
.contact>.desc>.r>span>em{ position:relative; top:-10px; margin-right:15px;}
.contact>.desc>.r>span>i{ color:#005bac; font-family:'AlternateGothicNo2BT-Regular'; font-size:58px; line-height:1;}
#map{ width:100%; height:480px; border:1px solid #e8e8e8; margin-top:60px;}

/*page*/
.page{ text-align:center; line-height:30px; min-height:30px; clear:both; margin-top:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:50px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid transparent; padding:6px 12px; margin:0 3px; color:#333; border-radius:5px; font-size:16px;}
.pages a:hover,a.active{ background:#0068b7; color:#fff; border-color:#0068b7;}
.pages span{ border:1px solid #transparent; padding:6px 12px; margin:0 3px; color:#333; border-radius:5px; font-size:16px; cursor:pointer;}
.pages span:hover,span.active{ background:#0068b7; color:#fff; border-color:#0068b7;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form{ margin:0 auto; width:100%;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(5)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ width:300px; height:30px; border:1px solid #ddd; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ width:296px; height:100px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input[type="submit"]{ background:#e5e5e5; width:100px; height:30px; line-height:30px; color:#565656; border:0; cursor:pointer; margin-right:10px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#0068b7; color:#fff;}
.form .form-group>.box>input[type="reset"]{ background:#e5e5e5; width:100px; height:30px; line-height:30px; color:#565656; border:0; cursor:pointer;}
.form .form-group>.box>input[type="reset"]:hover{ background:#0068b7; color:#fff;}

/*float*/
.float{ width:56px; position:fixed; right:10px; bottom:30%; z-index:9;}
.float li{ position:relative; margin-bottom:3px; background:#e4e4e4; width:56px; height:56px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.float li:nth-child(1){ background-image:url(../images/ico1.jpg);}
.float li:nth-child(2){ background-image:url(../images/ico2.jpg);}
.float li:nth-child(3){ background-image:url(../images/ico3.jpg);}
.float li:nth-child(4){ background-image:url(../images/ico4.jpg);}
.float li:nth-child(5){ background-image:url(../images/top.jpg);}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float li>.note{ font-size:15px;}
.float li>.note>em{ display:block;}
.float li>.note>span{ display:block; font-family:'AlternateGothicNo2BT-Regular'; font-size:22px; line-height:1; color:#0068b7;}
.float li>a{ display:block; height:100%;}
.float .note{ background:#fff; width:130px; position:absolute; right:56px; color:#222; padding:6px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 1px 30px 1px rgba(0,0,0,.12); -webkit-box-shadow:0px 1px 30px 1px rgba(0,0,0,.12); display:none;}
.float .note img{ width:103px; height:103px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:fixed; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#0068b7; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #0068b7; border-bottom:1px solid #0068b7; border-right:1px solid #0068b7; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#0d182a;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:60px 0; color:#cacbd0;}
#footer_nav .footer_nav_con a{ color:#cacbd0;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:153px; text-align:center;}
#footer_nav .footer_nav_con .pic>.qcode{ margin-top:25px;}
#footer_nav .footer_nav_con .pic>.qcode>img{ width:120px; height:auto;}
#footer_nav .footer_nav_con .pic>.qcode>span{ display:block; font-size:16px; margin-top:10px;}
#footer_nav .footer_nav_con .pic>.phone{ width:180px; margin-top:25px; font-size:16px; text-align:left;}
#footer_nav .footer_nav_con .pic>.phone>span{ font-size:35px; font-family:'AlternateGothicNo2BT-Regular'; color:#0068b7; display:block; margin-top:6px;}
#footer_nav .footer_nav_con .list_con{ float:right;}
#footer_nav .footer_nav_con .list{ float:left; padding-left:55px;}
#footer_nav .footer_nav_con .list span{ font-size:16px; text-align:left; color:#0068b7; display:block; margin-bottom:12px;}
#footer_nav .footer_nav_con .list span>i{ width:18px; height:1px; background:#43b136; display:block; margin-bottom:15px;}
#footer_nav .footer_nav_con .list li{ line-height:2.3; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*footer*/
#footer{ padding:20px 0 30px 0; background:#0d182a; color:#cacbd0;}
#footer a{ color:#cacbd0;}
#footer a:hover{ color:#00c6ff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .footer_copy{ margin:0 auto; text-align:center; border-top:1px solid #727783; padding-top:16px;}
#footer .footer_copy .desc:nth-child(2){ display:none;}

/*go_top*/
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*media*/
@media (min-width:769px){
.header{ display:none;}
}

/*public*/
@media screen and (max-width:768px) {
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:10px 3% 30px 3%;}

/*header*/
.header{ width:100%; height:60px; line-height:60px; background:#fff; position:fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}
.header .m_logo img{ height:38px; padding:10px 10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul>li a{ display:block; font-size:15px; color:#454545; line-height:16px; text-align:left; padding:14px 15px; border-bottom:1px solid #f0f0f0;}
.header .nav ul>li a:hover{ background:#0068b7; color:#fff;}
.header .nav ul>li a i{ float:right; font-size:16px;}
.header .nav dl{ display:none;}
.header .nav dl dd{ text-indent:10px;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#0068b7; height:2px; width:24px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}

/*banner*/
.banner{ height:160px;}
.banner .swiper-slide{ background-size:cover;}
.banner .swiper-slide .desc{ top:16%;}
.banner .swiper-slide .desc em{ font-size:20px;}
.banner .swiper-slide .desc p{ font-size:15px; margin-top:15px;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet{ width:10%; height:3px; margin:0 3px !important;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ height:160px;}
.banner_inside{ background-size:cover; top:0;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}
.banner_inside .swiper-slide .desc{ margin-top:5%;}
.banner_inside .swiper-slide .desc>span{ font-size:20px;}
.banner_inside .swiper-slide .desc>em{ font-size:15px; margin-top:3px;}
.banner_inside .swiper-slide .desc>i{ margin-top:5px; height:2px;}

/*home*/
#home_pro{ margin-top:30px;}
#home_pro .home_pro_dh>span{ font-size:15px;}
#home_pro .home_pro_dh>em{ font-size:20px;}
#home_pro .home_pro_dh>em:before{ width:40px; margin-top:10px; height:2px; margin-right:10px;}
#home_pro .home_pro_dh>em:after{ width:40px; margin-top:10px; height:2px; margin-left:10px;}
#home_pro .home_pro_dh>p{ font-size:16px; margin-top:12px;}
#home_pro .home_pro_dh>i{ margin-top:15px; height:3px; width:36px;}
#home_pro .home_pro_con{ width:94%; margin:0 auto; margin-top:25px;}
#home_pro .home_pro_con ul li{ width:48%; margin-left:4%; margin-bottom:4%;}
#home_pro .home_pro_con ul li:nth-child(2n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:100%; height:auto;}
#home_pro .home_pro_con ul li .img>p{ height:60px; line-height:70px; font-size:15px;}
#home_pro .home_pro_con ul li .img>p>img{ width:40px; height:auto; top:-20px;}
#home_pro .home_pro_con ul li .desc{ padding:20px 10px;}
#home_pro .home_pro_con ul li .desc>img{ width:40px; height:auto;}
#home_pro .home_pro_con ul li .desc>span{ font-size:15px; line-height:1.2; margin-top:10px;}
#home_pro .home_pro_con ul li .desc>i{ width:30px; height:3px; margin-top:10px; margin-bottom:10px;}
#home_pro .home_pro_con ul li .desc>p{ font-size:14px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
#home_pro .home_pro_con ul li:hover{ top:0;}

#home_scenario{ margin-top:30px; padding:30px 0;}
#home_scenario .home_scenario_dh>span{ font-size:15px; margin-top:10px;}
#home_scenario .home_scenario_dh>em{ font-size:20px;}
#home_scenario .home_scenario_dh>em:before{ width:40px; margin-top:10px; height:2px; margin-right:10px;}
#home_scenario .home_scenario_dh>em:after{ width:40px; margin-top:10px; height:2px; margin-left:10px;}
#home_scenario .home_scenario_dh>i{ margin-top:15px; height:3px; width:36px;}
#home_scenario .home_scenario_con{ width:94%; margin:0 auto; margin-top:25px;}
#home_scenario .home_scenario_con ul li{ width:48%; margin-left:4%; margin-bottom:6%;}
#home_scenario .home_scenario_con ul li:nth-child(2n+1){ margin-left:0;}
#home_scenario .home_scenario_con ul li>.img{ float:none; margin-right:0; text-align:center;}
#home_scenario .home_scenario_con ul li>.img>img{ width:50px;}
#home_scenario .home_scenario_con ul li>.desc{ width:100%; font-size:15px; text-align:center; margin-top:5px;}
#home_scenario .home_scenario_con ul li>.desc>span{ font-size:36px;}
#home_scenario .home_scenario_con ul li>.desc>span>em{ width:30px;}
#home_scenario .home_scenario_con ul li>.desc>span>i{ font-size:26px;}
#home_scenario .home_scenario_list{ width:94%; margin:0 auto; margin-top:20px;}
#home_scenario .home_scenario_list>.dot>em>span{ width:8px; height:8px;}
#home_scenario .home_scenario_list>.dot>em>i{ width:16px; height:16px; top:-5px; left:-5px;}

#home_cases .home_cases_dh{ height:80px; padding-top:20px; background-position:40% center;}
#home_cases .home_cases_dh>span{ font-size:15px; margin-top:10px;}
#home_cases .home_cases_dh>em{ font-size:20px;}
#home_cases .home_cases_dh>em:before{ width:40px; margin-top:10px; height:2px; margin-right:10px;}
#home_cases .home_cases_dh>em:after{ width:40px; margin-top:10px; height:2px; margin-left:10px;}
#home_cases .home_cases_dh>em>i{ font-size:20px;}
#home_cases .home_cases_dh>p{ font-size:16px; margin-top:12px;}
#home_cases .home_cases_dh>i{ margin-top:15px; height:3px; width:36px;}
#home_cases .home_cases_nav{ margin-top:20px;}
#home_cases .home_cases_nav>em{ width:42%; height:36px; line-height:36px; font-size:15px; margin:0 1%;}
#home_cases .home_cases_con{ width:94%; margin:0 auto; margin-top:25px;}
#home_cases .home_cases_con ul li{ width:48%; margin-left:4%; margin-bottom:5%;}
#home_cases .home_cases_con ul li:nth-child(3n+1){ margin-left:4%;}
#home_cases .home_cases_con ul li:nth-child(2n+1){ margin-left:0;}
#home_cases .home_cases_con ul li .img{ width:100%; height:110px;}
#home_cases .home_cases_con ul li span{ height:36px; line-height:36px; font-size:15px;}
#home_cases a.more{ width:140px; height:36px; line-height:36px; font-size:15px; display:none;}

#home_process{ margin-top:20px; padding:30px 0;}
#home_process .home_process_dh>span{ font-size:15px; margin-top:10px;}
#home_process .home_process_dh>em{ font-size:20px;}
#home_process .home_process_dh>em:before{ width:40px; margin-top:10px; height:2px; margin-right:10px;}
#home_process .home_process_dh>em:after{ width:40px; margin-top:10px; height:2px; margin-left:10px;}
#home_process .home_process_dh>i{ margin-top:15px; height:3px; width:36px;}
#home_process .home_process_con{ width:92%; margin:0 auto; margin-top:25px;}
#home_process .home_process_con ul li{ width:40%; margin-left:20%; margin-bottom:5%;}
#home_process .home_process_con ul li:nth-child(2n+1){ margin-left:0;}
#home_process .home_process_con ul li>.img{ width:80%; margin:0 auto; height:110px; background-size:contain;}
#home_process .home_process_con ul li>.img>img{ width:36px; padding-top:20px;}
#home_process .home_process_con ul li>.img>span{ font-size:15px; margin-top:5px;}
#home_process .home_process_con ul li:after{ top:20%; right:-30%;}
#home_process .home_process_con ul li>.desc{ width:100%; min-height:70px; margin-left:0; margin-top:10px; font-size:13px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
#home_process .home_process_con ul li:nth-child(2n)>.img{ background-size:contain;}

#home_news{ margin-bottom:30px;}
#home_news .home_news_dh{ height:80px; padding-top:20px; background-position:40% center;}
#home_news .home_news_dh>span{ font-size:15px; margin-top:10px;}
#home_news .home_news_dh>em{ font-size:20px;}
#home_news .home_news_dh>em:before{ width:40px; margin-top:10px; height:2px; margin-right:10px;}
#home_news .home_news_dh>em:after{ width:40px; margin-top:10px; height:2px; margin-left:10px;}
#home_news .home_news_dh>em>i{ font-size:20px;}
#home_news .home_news_dh>i{ margin-top:15px; height:3px; width:36px;}
#home_news .home_news_nav{ width:94%; margin:0 auto; margin-top:15px;}
#home_news .home_news_nav>ul>li{ width:42%; height:36px; line-height:36px; font-size:15px; margin:0 1%;}
#home_news .home_news_nav>ul>li>a{ height:36px; line-height:36px; font-size:15px;}
#home_news .home_news_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_news .home_news_con .l{ width:100%; float:none;}
#home_news .home_news_con .l .img{ width:94%; height:180px; margin-top:3%;}
#home_news .home_news_con .l .desc{ padding:15px;}
#home_news .home_news_con .l .desc span{ font-size:15px; margin-bottom:0;}
#home_news .home_news_con .l .desc em{ margin-top:5px;}
#home_news .home_news_con .r{ width:100%; float:none; margin-top:10px;}
#home_news .home_news_con .r ul li{ width:100%; margin-bottom:10px;}
#home_news .home_news_con .r ul li .img{ width:40%; height:100px;}
#home_news .home_news_con .r ul li .desc{ width:56%; height:auto; padding:0;}
#home_news .home_news_con .r ul li .desc span{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; margin-bottom:8px;}
#home_news .home_news_con .r ul li .desc em{ margin-top:5px;}
#home_news a.more{ width:140px; height:36px; line-height:36px; font-size:15px; margin-top:15px; display:none;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_con{ min-height:320px; padding:0; padding-top:15px;}
#right .right_con img{ max-width:100%; padding:0 !important; height:auto !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con video{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_icon{ position:absolute; top:5px; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}

/*left*/
#left{ height:40px;}
#left .left_dh ul{ white-space:nowrap; overflow-x:scroll; text-align:center;}
#left .left_dh ul li{ height:40px; line-height:40px;}
#left .left_dh ul li a{ height:40px; padding:0 15px; font-size:15px; border-bottom-width:3px;}

/*about*/
.about .dh{ font-size:16px;}
.about .dh>em{ font-size:22px; margin-top:3px;}
.about .about_con .l{ width:100%; float:none; font-size:15px;}
.about .about_con .r{ width:100%; float:none;}
.about .about_con .r .arrow-left{ width:30px; height:30px; left:calc(50% - 32px);}
.about .about_con .r .arrow-right{ width:30px; height:30px; right:auto; left:50%;}
.about .about_list{ margin-top:30px;}
.about .about_list .dh{ font-size:20px;}
.about .about_list .dh>em{ margin-top:15px; height:3px;}
.about .about_list .swiper-container{ margin-top:20px;}
.about .about_list .swiper-wrapper{ padding-bottom:40px;}
.about .about_list .swiper-slide{ width:100%;}
.about .about_list .swiper-button-prev{ left:0; background-size:12px 20px; margin-top:-40px;}
.about .about_list .swiper-button-next{ right:0; background-size:12px 20px; margin-top:-40px;}
.about .about_list .swiper-pagination-bullet{ width:9px; height:9px; margin:0 5px !important;}

/*honor*/
.honor .dh .dh_box{ text-align:center; margin-bottom:15px;}
.honor .dh .dh_box>span{ font-size:20px;}
.honor .dh .dh_box>em{ width:50px; height:3px; margin-top:15px;}
.honor .dh .desc{ width:100%;}
.honor .dh .desc>span{ font-size:20px;}
.honor .dh .desc>em{ width:50px; height:3px; margin-top:15px;}
.honor .dh .desc>p{ font-size:15px;}
.honor .dh img{ float:none;}
.honor ul{ margin-top:20px;}
.honor ul li{ width:48%; margin-left:4%; margin-bottom:6%;}
.honor ul li:nth-child(5n+1){ margin-left:4%;}
.honor ul li:nth-child(2n+1){ margin-left:0;}
.honor ul li:nth-last-child(-n+5){ margin-bottom:6%;}
.honor ul li .img{ width:70%; height:120px; text-align:center;}
.honor ul li .img img{ max-width:80% !important;}
.honor ul li span{ font-size:15px; padding-top:10px;}

/*partner*/
.partner .dh{ font-size:20px;}
.partner .dh>em{ height:3px; margin-top:15px;}
.partner .dh>p{ font-size:15px; margin-top:10px;}
.partner ul{ margin-top:20px;}
.partner ul li{ width:30%; margin-left:5%; margin-bottom:6%;}
.partner ul li:nth-child(5n+1){ margin-left:5%;}
.partner ul li:nth-child(3n+1){ margin-left:0;}
.partner ul li .img{ width:100%; height:auto;}

/*list_news*/
ul.list_news li{ width:100%;}
ul.list_news li dd{ width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_img_news*/
ul.list_img_news{ width:100%; margin-bottom:0;}
ul.list_img_news li{ padding:5px; margin-bottom:4%;}
ul.list_img_news li .img{ width:40%; height:90px;}
ul.list_img_news li .img>img{ height:100% !important;}
ul.list_img_news li .desc_box{ width:56%;}
ul.list_img_news li .desc_box>p{ margin-top:0; display:none;}
ul.list_img_news li .desc_box>p>em{ margin-top:0;}
ul.list_img_news li .desc{ width:100%; margin-left:0;}
ul.list_img_news li .desc>span{ font-size:16px; margin-top:10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_img_news li p{ font-size:14px; line-height:1.6; margin-top:8px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_img_news li .desc_box>i{ display:none;}

/*dis_news*/
#dis_news{ width:100%;}
#dis_news img{ height:auto !important;}
#dis_news .l{ width:100%; float:none; min-height:inherit;}
#dis_news .news_title{ font-size:17px;}
#dis_news .news_date{ margin-top:0; font-size:15px;}
#dis_news .news_content{ margin-top:15px; padding-top:20px; font-size:15px;}
#dis_news .news_list{ margin-top:30px; padding-top:20px;}
#dis_news .r{ margin-top:20px; width:100%; display:none;}
#dis_news .news_list dd{ font-size:15px; margin-bottom:5px;}
#dis_news .news_list dd>a{ display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_video*/
.list_video{ margin-top:0;}
.list_video .swiper-container{ margin-top:0;}
.list_video .swiper-wrapper{ padding-bottom:40px;}
.list_video .swiper-slide{ width:100%;}
.list_video .swiper-button-prev{ left:0; background-size:12px 20px; margin-top:-40px;}
.list_video .swiper-button-next{ right:0; background-size:12px 20px; margin-top:-40px;}
.list_video .swiper-pagination-bullet{ width:9px; height:9px; margin:0 5px !important;}

/*list_pro*/
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:3%;}
ul.list_pro li:nth-child(3n+1){ margin-left:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li:nth-last-child(-n+3){ margin-bottom:3%;}
ul.list_pro li:nth-last-child(-n+2){ margin-bottom:0;}
ul.list_pro li .img{ width:100%; height:120px;}
ul.list_pro li .desc{ font-size:15px;}

/*college*/
.college{ margin-top:0; margin-bottom:20px;}
.college>span{ font-size:20px;}
.college>em{ width:50px; height:3px; margin-top:15px;}
.college>.desc{ margin-top:15px; font-size:15px;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:100%;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*share_list*/
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:100%;}
ul.share_list li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*join*/
.join>.dh{ margin-top:20px; padding-bottom:20px;}
.join>.dh>span{ font-size:24px;}
.join>.dh>em{ font-size:16px; margin-top:5px;}
.join>.dh>i{ margin-top:15px;}
.join>.dh>.desc{ margin-top:15px; font-size:15px; line-height:1.6;}
.join>ul{ padding-top:20px;}
.join>ul>li{ padding-bottom:20px; margin-bottom:20px;}
.join>ul>li>span{ font-size:16px;}
.join>ul>li>em{ font-size:15px; margin-top:5px;}
.join>ul>li>.desc{ margin-top:10px; font-size:15px;}
.join>ul>li>.desc .l{ width:100%; float:none;}
.join>ul>li>.desc .r{ width:100%; float:none; margin-left:0;}
.join>ul>li:last-child{ margin-bottom:10px;}

/*contact*/
.contact>.dh>span{ font-size:20px;}
.contact>.dh>i{ height:3px; margin-top:15px;}
.contact>ul>li{ width:100%; float:none; margin-bottom:4%; padding:10px; margin-left:0;}
.contact>ul>li>.title{ font-size:18px; line-height:1.2;}
.contact>ul>li>em{ font-size:15px; margin:10px 0;}
.contact>ul>li>.desc{ font-size:15px; line-height:1.6;}
.contact>.desc{ margin-top:10px;}
.contact>.desc>.l{ width:100%; float:none; font-size:15px;}
.contact>.desc>.r{ width:100%; float:none; font-size:15px;}
.contact>.desc>.r img{ width:26px;}
.contact>.desc>.r>img{ top:0; margin-right:8px;}
.contact>.desc>.r>span>i{ font-size:26px;}
.contact>.desc>.r>span>em{ top:-2px; margin-right:6px;}
#map{ height:240px; margin-top:0;}

/*form*/
.form{ width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}

/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0;}

/*float*/
.float{ display:none;}

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0;}
#footer .footer_con{ width:94%; margin:0 auto; text-align:center;}
#footer .footer_copy{ width:94%; margin:0 auto; border:0; padding-top:0;}
#footer .footer_copy .desc:nth-child(1){ display:none;}
#footer .footer_copy .desc:nth-child(2){ display:block;}
}