﻿@charset "utf-8";
/* CSS Document */

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Noto Sans SC","Microsoft YaHei";-webkit-text-size-adjust: 100%;background: #fff;}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height:24px; color: #666;background-color: #fff; min-width:320px; overflow-x:hidden;font-family:"Calibri";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
/*-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.ul, 
form, 
dl, 
dt, 
dd,  
.ol,
figure,
aside,
menu,
nav,
.p,
.h1,.h2,.h3,.h4,.h5,.h6{padding: 0;margin: 0;}
.h1,.h2,.h3,.h4,.h5,.h6{ font-weight:normal;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Calibri";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #3bb699;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
.ul li em,
.ul li i{ font-style:normal}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Calibri";
/*	text-align:justify;
	text-justify:inter-ideograph;*/
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

div.box-fixed{ position:fixed; width:100%; height:100%; z-index:10; left:0; top:0}
div.box-absolute{ position:absolute; width:100%; height:100%; z-index:10}
div.table{ display:table; width:100%; height:100%; table-layout: fixed;}
div.table-cell{ display:table-cell; vertical-align:middle;}

.row {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.row1,.row2, .row3, .row4, .row5, .row6 {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.row1 {	-webkit-line-clamp: 1;}
.row2 {	-webkit-line-clamp: 2;}
.row3 {	-webkit-line-clamp: 3;}
.fl{ float:left}
.fr{ float:right}

.fs-16 { font-size: 16px;}
.fs-18 { font-size: 18px;}
.fs-20 { font-size: 20px;}
.fs-24 { font-size: 24px;}
.fs-28 { font-size: 28px;}
.fs-36 { font-size: 36px;}
.fs-48 { font-size: 36px;}
.fs-56 { font-size: 46px;}
@media(max-width:1400px){
.fs-18 { font-size: 17px;}
.fs-20 { font-size: 18px;}
.fs-24 { font-size: 20px;}
.fs-28 { font-size: 22px;}
.fs-36 { font-size: 30px;}
.fs-48 { font-size: 32px;}
.fs-56 { font-size: 50px;}
}
@media(max-width:1024px){
.fs-16 { font-size: 15px;}
.fs-18 { font-size: 16px;}
.fs-20 { font-size: 16px;}
.fs-24 { font-size: 18px;}
.fs-28 { font-size: 20px;}
.fs-36 { font-size: 24px;}
.fs-48 { font-size: 26px;}
.fs-56 { font-size: 32px;}
}
@media(max-width:640px){
.fs-28 { font-size: 18px;}
.fs-36 { font-size: 20px;}
.fs-48 { font-size: 22px;}
.fs-56 { font-size: 26px;}
}

.col-white{ color:#fff}
.col-blue{ color:#174b89}

.auto{ margin:0 auto; position:relative}
.auto_1550{ max-width:1580px; padding:0 15px}



#header{ position:fixed; width:100%; top:0px; z-index:100;  transition: .3s; background-color:#fff}
#header.fixeds{top:-130px;}
#header.top_show{ top:0}
#header.fixeds.top_show{}
#header .logo { padding:22px 0; margin:0}
#header .logo img{ height:48px;}

#header .language,
#header .search{ position:absolute; top:37px;}
#header .language{ right:15px;}
#header .language a.on{ color:#3bb699}
#header .language span{ padding:0px 5px;}
#header .search{ right:90px}
#header .search .box{ position:absolute; z-index:100; display:none; right:0px; top:62px; background-color:rgba(255,255,255,0.8); border:solid 1px #fff}
#header .search a{ display:block; width:24px; height:24px; background:url(../images/search_icon.png) no-repeat center center}
#header .search .text{width: 254px;line-height:40px;height:40px; border:solid 1px rgba(255,255,255,0.2); background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
#header .search .btn{ position:absolute; right:6px; top:6px;}
#header .search .open-search-show{ background:none;}
#header .search .open-search-show::before,
#header .search .open-search-show::after{ position:absolute; content:''; width:60%; height:3px; background:#3bb699; top:50%; left:10%; transform:rotate(-45deg);}
#header .search .open-search-show::after{transform:rotate(45deg);}

.header-menu{ position:absolute;}
.header-menu ul li{position:relative;}
.header-menu ul li b{ line-height:48px; font-size:19px; position:relative; display:block; font-weight:normal; }
.header-menu ul li b a{ padding:0 20px}
.header-menu .sub{position:absolute; min-width:100%; width: 220px; left:0; text-align:left; display:none; z-index:100;transition: all 0.3s; top:auto!important; opacity:0; background: rgba(250,250,250,0.9)}
.header-menu .sub span{ display:block; }
.header-menu .sub span a{ font-size:16px; display:block; padding:8px 20px; white-space:nowrap}
.header-menu .sub span a:hover{ color: #fff; background-color: #3bb699}

.header-menu .hover .sub{ -webkit-animation:a_menu_item_show 0.2s ease-out both; opacity:1}
/*.show_bg{ -webkit-animation:a_menu_item_show 0.2s ease-out both; opacity:1}*/

@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}

@media(min-width:1300px){
.header-menu{ right:180px;}
.header-menu ul li{margin-right:20px;}

}
@media(min-width:1024px){
.header-menu{top:22px;}
.header-menu ul li{  float:left;}
.header-menu ul li b{ min-height: 70px;}
.header-menu ul li.aon b a{ color:#3bb699}
/*.show_bg{ z-index:20; display:none; position:fixed; width:100%; height:290px; background-color:rgba(255,255,255,0.85);}*/
}
@media(max-width:1300px){
.header-menu{ right:150px;}
.header-menu ul li{ margin-right:15px;}
}
@media(max-width:1200px){
.header-menu{ right:130px;}
.header-menu ul li{ margin-right:5px}
.header-menu ul li b{ font-size:17px;}
}
@media(max-width:1024px){
#header .logo{}
#header .language { right:70px;}
#header .search{ right:140px;}
.header-menu{ padding:0;position:fixed; right:-100%; top:0; background:rgba(0%,0%,0%,0.8); z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s;}
.header-menu.header-menu-show{ right:0;}
.header-menu ul{ float:none; }
.header-menu ul li{ float:none; display:block;margin-right:0}
.header-menu ul li a{ color:#fff}
.header-menu ul li b{ padding:10px 0; border-bottom:solid 1px rgba(255,255,255,0.2)}
.header-menu ul li .sub{ position:relative; opacity:1}
.header-menu ul li .sub span{ border-bottom: solid 1px #eee}
.header-menu ul li .sub a{ color:#333}
.header-menu ul li.has-sub b:before{ content:''; display:block; position:absolute; width:100%; height:100%; top:0; right:0; background:url(../images/sub_icon.png) no-repeat 97% center}
.header-menu .sub{ left:0}
#open_menu{ right:15px; top:50%; margin-top:-15px; width:40px; height:30px;background:#3eb597; position:absolute; z-index:101; transition:background 0.3s;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute; display:block; background:#fff; border-radius:3px;}
#open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px; top:50%}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}
#open_menu.open_menu_on{ background:#1b4987;}
#open_menu.open_menu_on i{height:3px; margin-top:-1.5px; background:transparent}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{ top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}

#footer{ padding-top:5%;background:#f7f7f7;}
#footer .list{ float:left; width:12%; line-height:32px; min-height:300px;}
#footer .list .h6{ padding-bottom:4%}
#footer .list ul{ opacity:0.8}
#footer .contact{ float:right;  padding-left:3%; width:28%; border-left:solid 1px #dddddd}
#footer .contact span{ display:block}
#footer .contact b{ display:block; font-weight:normal; padding-bottom:6%;}
#footer .ewm{ text-align:center;width:110px;}
#footer .copright{ padding:2% 0}
#footer .copright span{ display:inline-block; white-space:nowrap; padding-left: 20px;}
#footer .FileDown{ padding-top:10px;  position:relative; max-width: 263px;}
#footer .FileDown a.a1{ cursor:pointer; display:block; float:left; border:solid 1px #555; margin-top:8px; margin-right:8px; border-radius:6px; padding:0px 8px 0 30px; min-width:80px; line-height:24px; background:url(../images/down_icon3.png) no-repeat 6px center}
#footer .FileDown a.a1:nth-child(3n+3){ margin-right:0}
#footer .FileDown .sub_down{ display:none; position:absolute; left:0; bottom:-36px; width:100%; text-align:center; white-space:nowrap}
#footer .FileDown .sub_down a{ margin:0 7px;}
@media(max-width:1480px){
#footer .contact{ padding-left:2%;width:29%;}
}
@media(max-width:1300px){
#footer .contact{width:32%;}
}
@media(max-width:1200px){
#footer .contact{width:36%;}
}
@media(max-width:1100px){
#footer .list{ width:16.666%;}
#footer .contact{ clear:both; padding:2% 0; float:none; width:100%; padding-left:0; border-left:none; border-top:solid 1px #dddddd}
#footer .contact b{ padding-bottom:2%}
}
@media(max-width:640px){
#footer .list{ display:none}
}

.menu{ font-size:16px; background-color:#eeeeee; line-height:70px;}
.menu li{ display:inline-block; margin-right:2%}
.menu li a{ position:relative; display:inline-block;}
.menu li:last-child{ margin-right:0}
.menu .on:after{ content:''; position:absolute; width:100%; bottom:0; left:0; display:block; border-bottom:solid 2px #174b89}
@media(max-width:1400px){
.menu{ font-size:15px;}
.menu li{ margin-right:1%}
}
@media(max-width:1200px){
.menu{ font-size:14px;}
}
@media(max-width:1150px){
.menu{ font-size:13px;}
.menu li{ margin-right:0.2%}
}
@media(max-width:1024px){
	.menu{ display: none;}
}
#menu_fixed{ width:100%}
#menu_fixed.fixed{ position:fixed; z-index:666}
#menu_fixed .line { width: 64px;  height: 2px; position: absolute; left:15px; bottom: 0;  background: #0052d9;}

.Pages{ text-align:center; padding-top:2%; padding-bottom:4%}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page a.a_first,
.Pages .p_page a.a_end{ display:none}
.Pages .p_page{ display:block; text-align:center}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page a{ display:inline-block; border:solid 1px #eeeeee; padding:7px 15px; margin:0 2px; background-color:#ffffff}
.Pages .p_page a.a_cur,
.Pages .p_page a:hover{ background-color:rgba(222,126,26,0.7); color:#fff; border-color:rgba(222,126,26,0.7)}
.Pages .p_page a.a_prev,
.Pages .p_page a.a_next{ font-family:SimSun; font-weight:bold}
@media(max-width:640px){
.Pages .p_page a{padding:3px 10px;}
}


.single_editor{}
.single_editor .intro{}

.info_back{ text-align:right}
.info_back a{ display:inline-block; border:solid 1px #eeeeee; padding-left:56px; padding-right:25px; line-height:48px; background:url(../images/back_icon.png) no-repeat 27px center}
.info_back a:hover{ background-color:#00ad99; border-color:#00ad99; color:#fff; background-image:url(../images/back_icon2.png)}

.info_page{ padding:2% 0; border-top:solid 1px #eeeeee}
.info_page span{ display:block; padding:5px 0}
.info_page a{ color:#888}
.info_page a:hover{ color:#3bb699}
.info_page b{ color:#333; font-weight:normal}
/*.info_page .back{ text-align:center}
.info_page .back a{ width:120px; line-height:40px; display:inline-block; border-radius:100px; border:solid 1px #ddd}
.info_page .back a:hover{ background-color:#00ad99; color:#fff; border-color:#00ad99}*/


/*.links_list{ padding:3% 0}
.links_list ul li { float:left; width:16.666%; padding:5px}
.links_list ul li a{ display:block; border:solid 1px #e1e3e6; text-align:center; padding:5px; background-color:#fff;}
.links_list ul li .photo span{ padding-bottom:65%; background:no-repeat center  center; background-size: 64.7%; display:block; margin:auto}
@media(max-width:1024px){
.links_list ul li{ width:25%}
}
@media(max-width:640px){
.links_list ul li{ width:50%}
}*/


.font_list{ padding-top:4%; padding-bottom:2%}
.font_list ul li{ padding:10px 0; border-bottom:dashed 1px #ddd}
.font_list ul li time{ float:right; opacity:0.6}
@media(min-width:960px){
.font_list ul li{ width:48%; float:left; margin:0 1%;}
}


.banner{ position:relative;}
.banner img{ width:100%}
.banner .wap{ display:none}
@media(max-width:768px){
.banner .pc{ display:none}
.banner .wap{ display:block}
}

.ban_column{ position:absolute; width:100%;}
.ban_column span{ padding-top:3%; display:inline-block; font-size:48px; line-height:120px; color:#174b89; position:relative}
.ban_column span:after{ content:''; display:block; width:60%; height:3px; background-color:#3bb699}
@media(max-width:1024px){
.ban_column span{font-size:32px; line-height:80px; }
}
@media(max-width:768px){
.ban_column span{font-size:20px; line-height:50px; }
}

.about_column{ line-height:50px; color:#333; padding:1% 0;}
.main_about .about_column,
.main_course .about_column{ text-align:center}

.main_about{ padding:5% 0;}
.main_about .article{ line-height:20px; padding:3% 0; max-width:1100px; margin:auto}

.main_culture{padding:5% 0; background-color:#f7f7f7}
.main_culture .list { padding-top:3%}
.main_culture .list .photo{ position:absolute; width:32%;}
.main_culture .list ul{ padding-left:42%; background:no-repeat center right; text-align:center; background-size:68%}
.main_culture .list li{ width:32%; padding:0 4%; display:block; float:left; text-align:left; position:relative;}
.main_culture .list h6{ color:#333; padding-top:20px; padding-bottom:10px;}
.main_culture .list pre{ color:#777; min-height:48px;}
@media(min-width:960px){
.main_culture .list li{ min-height:130px;}
.main_culture .list li:nth-child(1),
.main_culture .list li:nth-child(2),
.main_culture .list li:nth-child(3){ height:380px;}
.main_culture .list li:nth-child(4){ margin-left:15%;}
}
@media(max-width:960px){
.main_culture .list ul{ background-position:top right}
.main_culture .list li{ width:100%; display:block; padding:2% 0}
.main_culture .list h6{ padding-top:0}
}
@media(max-width:640px){
.main_culture .list ul{ padding-left:0; padding-top:40%}
}

.main_course{ padding-bottom:3%}
.main_course .bg{ padding-top:4%; background:no-repeat center top}
.main_course .about_column,
.main_course .list_head,
.main_course .info{ color:#fff}
.main_course .info{ max-width:560px; min-height:110px; margin:auto;}
.main_course .title{ line-height:32px; font-weight:bold;}
.main_course .list_head{ text-align:center; padding-top:1%;  margin:0 auto;}
.main_course .list_head .item{ padding:15px 0; position:relative;}
.main_course .list_head .item:before,
.main_course .list_head .item:after{ content:''; position:absolute; bottom:82px; width:50%; height:3px; background-color:rgba(255,255,255,0.5);}
.main_course .list_head .item:before{ left:0;}
.main_course .list_head .item:after{ right:0}
.main_course .list_head .item:first-child:before,
.main_course .list_head .item:last-child:after{ display:none}
.main_course .list_head .city{ line-height:60px; padding-top:20px;}
.main_course .list_head .city:before{ content:''; width:22px; height:22px; border-radius:100px; display:block; margin:auto; box-shadow:0 0 0 5px rgba(255,255,255,0.5); background-color:#fff;}
.main_course .list_item{ padding:2% 0;}
.main_course .list_item .slick-list:before,
.main_course .list_item .slick-list:after{ width:1px; height:100%; content:''; position:absolute; top:0; display:block; background-color:#e6e6e6}
.main_course .list_item .slick-list:before{ left:33%;}
.main_course .list_item .slick-list:after{ right:33%}
.main_course .list_item .item{ padding-left:10%}
.main_course .list_item .txt{ padding:20px 0}
.main_course .list_item .txt span{ border:solid 1px #ddd; display:inline-block; color:#666; padding:0 5px}
.main_course .list_item ul{ padding:0 20px; margin:0}

@media(max-width:640px){
.main_course .list_head{ padding:0 7%}

.main_course .list_head .item:first-child:before,
.main_course .list_head .item:last-child:after{ display:block}
.main_course .list_item .slick-list:before,
.main_course .list_item .slick-list:after{ display:none}
.main_course .list_item .item{ padding-left:0}
}

.main_organizational{padding:3% 0; background-color:#f7f7f7}

.main_team{ padding:5% 0}
.main_team .list{ padding-top:2%}
.main_team ul{ position:relative}
.main_team ul li{ float:left; width:12.524%; padding:10px 0; margin-left:9.345%; text-align:center; cursor:pointer;}
.main_team ul li .info{ padding-top:10px; padding-bottom:20px;}
.main_team h6{ padding:10px 0; color:#174b89}
.main_team pre{ height:36px; line-height: 18px;}
.main_team ul li img{ width:100%;}
.main_team .box-fixed{ background-color:rgba(0,0,0,0.5); z-index:105; padding:0 3%}
.main_team .box{ max-width:660px; margin:auto; background-color:#fff; position:relative; padding:20px;}
.main_team .box .close{ width:26px; height:26px; display:block; cursor:pointer; position:absolute; right:20px; top:20px; border-radius:100px; border:solid 1px #222; background:url(../images/close.jpg) no-repeat center center; background-size:40%}
.main_team .box figure{ position:absolute; width:165px; left:0; top:0}
.main_team .box figure img{ max-height:185px;}
.main_team .box .info{ padding-left:180px; min-height:165px;}
.main_team .box article{ margin-left:180px; padding-top:5%; padding-right:20px; border-top:solid 1px #c6c6c6; max-height:200px; overflow-y:auto;}
.main_team .box article::-webkit-scrollbar{ width:1px; background-color:#c6c6c6}    /*滚动条整体部分*/
.main_team .box article::-webkit-scrollbar-button{ background-color:#c6c6c6}    /*滚动条两端的按钮*/
.main_team .box article::-webkit-scrollbar-track{ background-color:#c6c6c6}    /*外层轨道*/
.main_team .box article::-webkit-scrollbar-track-piece{ background-color:#c6c6c6}    /*内层轨道，滚动条中间部分（除去）*/
.main_team .box article::-webkit-scrollbar-thumb{ background-color:#174b89;}    /*滚动条里面可以拖动的那个*/
.main_team .box article::-webkit-scrollbar-corner{ background-color:#c6c6c6}    /*边角*/
.main_team .box article::-webkit-resizer{ background-color:#c6c6c6}    /*定义右下角拖动块的样式*/

@media(min-width:1024px){
.main_team ul li:nth-child(5n+1){ clear:both; margin-left:0}
}
@media(max-width:1024px){
.main_team ul li{ width:25%; padding:10px 2%; margin-left:0; border-bottom:solid 1px #eee}
.main_team ul li:nth-child(4n+1){ clear:both;}
.main_team ul li .info{ padding-bottom:0;}
}
@media(max-width:640px){
.main_team ul li{ width:50%; }
.main_team ul li:nth-child(2n+1){ clear:both;}
.main_team .box article{ margin-left:0}
}

.main_honor{ padding:4% 0; background-color:#f7f7f7}
.main_honor .about_column{ border-bottom:solid 2px #ddd; margin-bottom:4%}
.main_honor .list_head,
.main_honor .list_item ul{ width:60%;}
.main_honor .list_item ul{ padding-left:6.6%}
.main_honor .list_head{ border-bottom:solid 1px #cad5e1; padding:0px 20px;}
.main_honor .list_head .item{ text-align:center}
.main_honor .list_head span{ display:inline-block; line-height:80px; cursor:pointer;}
.main_honor .list_head .slick-current span{ font-weight:bold; color:#174b89; border-bottom:solid 2px #174b89}
.main_honor .list_head .slick-prev,
.main_honor .list_head .slick-prev:hover{ background-image:url(../js/slick/slick-prev2.png)}
.main_honor .list_head .slick-next,
.main_honor .list_head .slick-next:hover{ background-image:url(../js/slick/slick-next2.png)}
.main_honor .list_head .slick-prev:hover,
.main_honor .list_head .slick-next:hover{ background-color:transparent}
.main_honor .list_head .slick-prev,
.main_honor .list_head .slick-next{ width:13px;}
.main_honor .list_item{ padding:2% 0}
.main_honor .list_item ul { float:left;}
.main_honor .list_item ul li{ padding:10px 0; border-bottom:dashed 1px #dddddd}
.main_honor .list_item .photo{ float:right; width:30%; padding-right:5%; text-align:center}
@media(max-width:768px){
.main_honor .list_head,
.main_honor .list_item ul{ width:100%}
.main_honor .list_item ul{ padding:0 2%}
.main_honor .list_item .photo{ float:none; width:auto; padding:2% 0}
.main_honor .list_item .photo img{ max-width:70%}
}

.main_division{padding:4% 0;}
.main_division .list{ padding:2% 0}
.main_division ul li{ position:relative; margin-bottom:2%}
.main_division ul li figure{ position: relative;}
.main_division ul li img{ width:100%}
.main_division ul li figure:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/li_bg.png") no-repeat center bottom; background-size: cover;}
.main_division ul li .box{ position:absolute; width:100%; bottom:0; padding:5%; color:#fff;transition:0.3s; z-index: 10;}
.main_division ul li h6{ line-height:32px;}
.main_division ul li .info{ opacity:0.7; display:none;transition:0.3s; max-height:60%; overflow-y:auto; padding-right:10px;}
.main_division ul li .info::-webkit-scrollbar{ width:2px; background-color:#dddddd}    /*滚动条整体部分*/
.main_division ul li .info::-webkit-scrollbar-button{ background-color:#dddddd}    /*滚动条两端的按钮*/
.main_division ul li .info::-webkit-scrollbar-track{ background-color:#dddddd}    /*外层轨道*/
.main_division ul li .info::-webkit-scrollbar-track-piece{ background-color:#dddddd}    /*内层轨道，滚动条中间部分（除去）*/
.main_division ul li .info::-webkit-scrollbar-thumb{ background-color:#757575;}    /*滚动条里面可以拖动的那个*/
.main_division ul li .info::-webkit-scrollbar-corner{ background-color:#dddddd}    /*边角*/
.main_division ul li .info::-webkit-resizer{ background-color:#dddddd}    /*定义右下角拖动块的样式*/
.main_division ul li:hover .box{ height:100%; background-color:rgba(42,62,95,0.9)}
.main_division ul li:hover .info{ display:block}

@media(min-width:768px){
.main_division ul li{ float:left; width:32.259%; margin-left:1.6115%}
.main_division ul li:nth-child(3n+1){ clear:both; margin-left:0}
}
@media(max-width:1024px){
.main_division ul li h6{ line-height:26px;}
}
@media(max-width:768px){
.main_division ul li{ margin:2% 0}
.main_division ul li .info{ max-height:70%}
}

.main_planning{ padding:3% 0; background:no-repeat center center}
.main_planning .about_column,
.main_planning .list{ color:#fff;}
.main_planning .item{ position:relative;}
.main_planning .year{ width:100px; line-height:100px; font-size:30px; text-align:center;  margin-bottom:7%;}
.main_planning .info{ padding:20px 0; width:75%}
.main_planning .icon{ position:absolute; left:-60px}
.main_planning h6{ line-height:30px;}
.main_planning p{ padding:0 0 0 15px; margin:0; position:relative}
.main_planning p:before{ content:''; position:absolute; display:block; left:0; top:10px; width:5px; height:5px; background-color:#fff}
@media(min-width:768px){
.main_planning .about_column {transform: translateY(50%);}
.main_planning .list{ padding-left:7%;}
.main_planning .item_list{ padding:0px 60px}
.main_planning .item{ float:left; width:25%; padding-top:75px; background:no-repeat left top}
.main_planning .item:nth-child(1){ margin-top:13%;background-image:url(../images/planning_yuan_bg1.png)}
.main_planning .item:nth-child(2){ margin-top:8%; background-image:url(../images/planning_yuan_bg2.png)}
.main_planning .item:nth-child(3){ margin-top:5%; background-image:url(../images/planning_yuan_bg3.png)}
.main_planning .item:nth-child(4){ margin-top:-4%; background-image:url(../images/planning_yuan_bg4.png)}

/*.main_planning .item:nth-child(2) .year {margin-bottom: 27%;}
.main_planning .item:nth-child(3) .year {margin-bottom: 39%;}
.main_planning .item:nth-child(4) .year {margin-bottom: 75%;}*/
.main_planning h6{ max-width: 80%; font-size: 20px}
}
@media(max-width:768px){
.main_planning{ background-size:cover}
.main_planning .item{}
.main_planning .year{ width:80px; line-height:80px; font-size:20px; border-radius:100px; background-color:rgba(255,255,255,0.5)}
.main_planning .icon{ width:40px; left:0}
.main_planning h6{ padding-left:50px; line-height:40px}
}

.article_solution { padding:3% 0}
.article_solution .txt{ font-size:40px; color:#174b89; line-height:70px; padding-top:5%}
.article_solution .article{color:#999; line-height:32px;}
@media(max-width:1024px){
.article_solution .txt{ font-size:30px; line-height:40px;}
}
@media(max-width:768px){
.article_solution .txt{ font-size:20px; line-height:30px;}

}

.list_solution{ padding-top:2%; padding-bottom:4%;}
.list_solution ul li{ float:left; width:31.291%; margin-left:3.0635%; margin-bottom:2%}
.list_solution ul li a{ display:block; position:relative; overflow:hidden;}
.list_solution ul li a:before{ content:''; position:absolute; display:block; width:100%; height:100%; background:url(../images/solution_list_bg.png) repeat-x bottom}
.list_solution ul li figure{ overflow:hidden}
.list_solution ul li img{ width:100%;transition:0.3s;}
.list_solution ul li .txt{ position:absolute; width:100%; bottom:0; padding:5%;}
.list_solution ul li h6{ color:#fff; background:url(../images/more_icon.png) no-repeat right;}
.list_solution ul li a:hover:before{ display:none;}
.list_solution ul li a:hover img{transform:scale(1.2)}
@media(min-width:768px){
.list_solution ul li:nth-child(3n+1){ clear:both; margin-left:0}
}
@media(max-width:768px){
.list_solution ul li{ width:48%; margin:1%}
.list_solution ul li:nth-child(3n+1){ clear:both;}
}

.list_news{ padding:3% 0}
.list_news li .table-cell{ padding:3% 0}
.list_news li .pic{ width:27%; padding-right:4%;}
.list_news li .pic img{ width:100%; border-radius:10px;}
.list_news li .pic a{ display:block}
.list_news li .info{ border-bottom:solid 1px #eeeeee}
.list_news li h6{ padding:3% 0}
.list_news li p{ height:48px;}
.list_news li time{ display:block; padding-top:20px;}
@media(max-width:640px){
.list_news li .table-cell{ vertical-align:top}
.list_news li .pic img{border-radius:4px;}
.list_news li .info{ font-size:14px;}
.list_news li h6{ font-size:16px; padding-top:0}
.list_news li time{ padding-top:5px; color:#999}
}

.article_info{ padding:3% 0}
.article_info .title{ font-size:24px; text-align:center;color:#174b89; line-height:32px; padding:2% 0;}
.article_info .time{ display:block; text-align:center; color:#999}
.article_info .article{line-height:32px; min-height:64px; padding:2% 0}
.article_info .article img{ height: auto!important}
@media(max-width:768px){
.article_info .title{ font-size:18px;}
}

.body_pro39 .ban_column span,
.body_pro45 .ban_column span,
.body_pro47 .ban_column span{ color:#fff}
.body_pro39 .ban_column span:after,
.body_pro45 .ban_column span:after,
.body_pro47 .ban_column span:after{ background-color:#fff}

/*.product_category .list{ padding:2% 0}
.product_category .list .item{ float:left; width:50%;}
.product_category .list .item a{ display:block; position:relative}
.product_category .list .item .more{ display:block; position:absolute; bottom:10%; right:10%; color:#999999; padding-right:21px;}
.product_category .list .item .more:after{ content:''; position:absolute; display:block; background:#999999 url(../images/jt_icon.png) no-repeat center center; width:16px; height:16px; right:0; bottom:5px; border-radius:100px;}
.product_category .list .item figure{ border:solid 1px #f2f2f2; overflow:hidden;}
.product_category .list .item figure span{ display:block; padding-bottom:57%; background:no-repeat center center; transition:0.3s;}
.product_category .list .item .txt{ position:absolute; top:0; width:50%; height:100%; background-color:#f2f2f2; right:0; padding:4%}
.product_category .list .item .txt:before{ content:''; border:solid 20px transparent; width:0px; height:0px; top:10%; display:block; position:absolute;}
.product_category .list .item_list:nth-child(odd) figure{ padding-right:50%}
.product_category .list .item_list:nth-child(even) figure{ padding-left:50%;}
.product_category .list .item_list:nth-child(odd) .txt{ right:0}
.product_category .list .item_list:nth-child(even) .txt{ left:0}
.product_category .list .item_list:nth-child(odd) .txt:before{ left:-40px; border-right-color:#f2f2f2}
.product_category .list .item_list:nth-child(even) .txt:before{ right:-40px; border-left-color:#f2f2f2}
.product_category .list .item:hover .more{ color:#174b89}
.product_category .list .item:hover .more:after{ background-color:#174b89;}
.product_category .list .item:hover  figure span{transform:scale(1.2);}
@media(max-width:768px){
.product_category .list .item{ float:none; width:100%}
.product_category .list .item_list:nth-child(odd) .item:nth-child(even) figure{ padding-left:50%; padding-right:0}
.product_category .list .item_list:nth-child(odd) .item:nth-child(even) .txt{ left:0; right:auto}
.product_category .list .item_list:nth-child(odd) .item:nth-child(even) .txt:before{ right:-40px; left:auto;border-left-color: #f2f2f2; border-right-color:transparent}

.product_category .list .item_list:nth-child(even) .item:nth-child(odd) figure{ padding-left:0; padding-right:50%}
.product_category .list .item_list:nth-child(even) .item:nth-child(odd) .txt{ right:0; left:auto}
.product_category .list .item_list:nth-child(even) .item:nth-child(odd) .txt:before{ left:-40px; right:auto;border-right-color: #f2f2f2; border-left-color:transparent}
}
*/

.product_parts li{ float:left; width:30.968%; margin-left:3.548%; margin-bottom:3.548%}
.product_parts li a{ display:block; border-radius:10px; overflow:hidden; position:relative}
.product_parts li .more{ display:none;}
.product_parts li figure{ overflow:hidden;}
.product_parts li figure span{ display:block; padding-bottom:68.75%; background:no-repeat center center; transition:0.3s;}
.product_parts li:hover figure span{transform:scale(1.2);}
.product_parts li .txt{ width:100%;  position:absolute; bottom:0; padding:5%;transition:0.3s; background-size:cover}
.product_parts li .txt{	
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.product_parts li:hover .txt{ height:100%; background:rgba(0,0,0,0.5)}
.product_parts li h6{ color:#fff; background:url(../images/more_icon.png) no-repeat right;}
@media(min-width:768px){
.product_parts li:nth-child(3n+1){ margin-left:0; clear:both}
}
@media(max-width:768px){
.product_parts li{ width:100%; float:none; margin:1% 0}
}

.product_intro{ padding-top:5%; padding-bottom:3%}
.product_intro .column{ float:left; width:32%; color:#174b89; line-height:60px;}
.product_intro .info{ float:right; width:65%; line-height:30px; padding-top:5px; font-size:17px; text-align: justify}
@media(max-width:768px){
.product_intro .column,
.product_intro .info{ float:none; width:100%; line-height:30px;}
.product_intro .info{ font-size:16px;}
}

.category_one{ padding-bottom:20px;}
.category_one ul li{  float:left; width:18%; margin-right:2%; margin-bottom:20px}
.category_one ul li a{overflow:hidden; position:relative; color:#fff; display:block; font-size:22px; text-align:center;}
.category_one ul li a figure{ background:no-repeat center center; background-size:contain;padding-bottom:37%; transition:0.3s;}
.category_one ul li span{ display:block; position:absolute; width:100%; left:0; bottom:0; background-color:rgba(24,74,133,0.7); padding:4% 0; height:50%; transition:0.3s}
.category_one ul li a:hover figure{transform:scale(1.2)}
.category_one ul li.on a span,
.category_one ul li a:hover span{background-color:rgba(222,126,26,0.7);}

@media(max-width: 1200px) {
.product_intro .info {width: 58%}
.product_intro .column {width: 35%}
}

@media(min-width:960px){
.category_one ul li:nth-child(5n+5){ margin-right:0}
}
@media(max-width:960px){
.category_one ul li{ width:32%;}
.category_one ul li a{ font-size:18px; }
.category_one ul li:nth-child(3n+3){ margin-right:0}
}
@media(max-width:640px){
.category_one ul li a{ font-size:15px;}
.category_one ul li span{ height:100%}
}
.category_two ul li{ float:left; margin-right:2%; margin-bottom:1.2%; width:154px;}
.category_two ul li a{ font-size:18px; text-align:center; display:block; line-height:36px; border:1px solid #dedede}
.category_two ul li.on a,
.category_two ul li a:hover{ color:#fff; background-color:rgba(222,126,26,0.7); border-color:rgba(222,126,26,0.7)}
@media(max-width:960px){
.category_two ul li{ width:auto;}
.category_two ul li a{ padding:0px 20px; line-height:32px; font-size:16px;}
}

.product_list .series_item{ padding-bottom:20px; font-size:16px;}
.product_list .nav-menu{position: relative; padding-right: 80px; line-height:32px;}
.product_list .nav-menu .nav{ max-height:32px; overflow: hidden;position: relative; z-index: 10;}
.product_list .nav-menu .nav li{ display:inline-block; padding-right:60px; position:relative;}
.product_list .nav-menu .nav li:after{ content:''; position:absolute; right:30px; top:30%; display:block; width:1px; height:40%; background-color:#dddddd}
.product_list .nav-menu .nav li a:hover,
.product_list .nav-menu .nav li.on a{ color:rgba(222,126,26,0.7);}

.product_list .nav-menu .more{position: absolute; right:0; top:0; z-index:10}
.product_list .nav-menu .more dt{ cursor:pointer;}
.product_list .nav-menu .more dd{ min-width:100px; padding:10px 5px; display:none;position: absolute; right: 0;background: #fff; top: 100%;border: 1px solid #eee;}
.product_list .nav-menu .more dd ul{ max-height:320px; overflow-y:auto; padding:0 10px}
.product_list .nav-menu .more dd li a{ white-space:nowrap; display:block; padding-left:20px; position:relative;}
.product_list .nav-menu .more dd li a:before{ content:''; left:0; top:10px; position:absolute; width:12px; height:12px; border:solid 1px #00ac96;}
.product_list .nav-menu .more dd li a:hover:before{ background-color:#00ac96;/* background:url(../images/gou.png) no-repeat center center*/}

.product_list .nav-menu .more dd ul::-webkit-scrollbar{ width:1px; background-color:#00ac96}    /*滚动条整体部分*/
.product_list .nav-menu .more dd ul::-webkit-scrollbar-button{ background-color:#00ac96}    /*滚动条两端的按钮*/
.product_list .nav-menu .more dd ul::-webkit-scrollbar-track{ background-color:#00ac96}    /*外层轨道*/
.product_list .nav-menu .more dd ul::-webkit-scrollbar-track-piece{ background-color:#00ac96}    /*内层轨道，滚动条中间部分（除去）*/
.product_list .nav-menu .more dd ul::-webkit-scrollbar-thumb{ background-color:#0c7c6e;}    /*滚动条里面可以拖动的那个*/
.product_list .nav-menu .more dd ul::-webkit-scrollbar-corner{ background-color:#00ac96}    /*边角*/
.product_list .nav-menu .more dd ul::-webkit-resizer{ background-color:#00ac96}    /*定义右下角拖动块的样式*/


.product_list .list ul li{ float:left; width:22.581%; margin-left:3.2253%; margin-bottom:3.2253%}
.product_list .list ul li figure{ border:solid 1px #eeeeee; overflow:hidden; border-bottom:none;}
.product_list .list ul li figure span{ display:block; padding-bottom:78.74%; background:no-repeat center center; transition:0.3s; background-size:contain;}
.product_list .list ul li .txt{  background-color:#eeeeee; text-align:center; padding:10px 0;}
.product_list .list ul li .txt h6{ font-size:18px;}
.product_list .list ul li .txt p{ font-size:16px;}
.product_list .list ul li a:hover .txt{color:#fff; background-color:rgba(222,126,26,0.7)}
.product_list .list ul li a:hover figure span{transform:scale(1.2);}
@media(min-width:768px){
.product_list .list ul li:nth-child(4n+1){ clear:both; margin-left:0}
}
@media(max-width:768px){
.product_list .series_item{ font-size:14px;}
.product_list .nav-menu .nav li{ padding-right:30px;}
.product_list .nav-menu .nav li:after{ right:15px;}
.product_list .list ul li{ width:48%; margin:1%}
.product_list .list ul li:nth-child(2n+1){ clear:both;}
.product_list .list ul li .txt h6{ font-size:18px;}
.product_list .list ul li .txt p{ font-size:14px;}
}
@media(max-width:640px){
.product_list .series_item{ font-size:13px;}
.product_list .list ul li .txt h6{ font-size:17px;}
.product_list .list ul li .txt p{ font-size:13px;}
}

.product_info{ padding:3% 0;}
.product_info .photo_info{ position:relative; margin-bottom:50px;}
.product_info .photo{ border:solid 1px #eeeeee; position:relative}
.product_info .photo img{ width:100%}
.product_info .slick-dots{ position:absolute; width:100%; bottom:3%; z-index:5}
.product_info .slick-dots li button{ background-color:#dddddd;border-radius:0; width:12px; height:12px;}
.product_info .slick-dots li.slick-active button{ background-color:#666666}
.product_info .info{ color:#999; line-height:30px; padding-top:3%}
.product_info .info .title{ font-size:20px; line-height:30px; color:#184b8a;}
.product_info .info .num{ padding-bottom:3%;}
.product_info .info .txt{}
.product_info .info .txt .h6{ color:#333333; padding:2% 0}
.product_info .back_down{height:40px; padding-top:15px;}
.product_info .back_down a{ display:inline-block; line-height:40px; padding-left:42px; padding-right:20px; background: no-repeat 15px center}
.product_info .back_down .download a{color:#fff; background-color: #184b8a; background-image:url(../images/down_icon.png)}
.product_info .back_down .back{ float: right}
.product_info .back_down .back a{color:#555; background-color:#e3e3e3; background-image: url(../images/back_icon.png)}
.product_info .back_down .back a:hover{ background-image:url(../images/back_icon2.png)}
.product_info .back_down a:hover{ color:#fff; background-color:#3bb699}
.product_info .article{ padding:3% 0}
@media(min-width:768px){
.product_info .photo{width:48.517%;}
.product_info .info{ width:46%;  height:100%; padding-bottom:70px; position:absolute; right:0; top:0;}
.product_info .info{ padding-top:0}
.product_info .info .title{font-size:30px;  line-height:40px}
.product_info .back_down{ height:50px; position:absolute; bottom:0; width: 100%; padding-top: 0}
.product_info .back_down a{line-height:50px; padding-left:62px; padding-right:30px; background: no-repeat 27px center}
.product_info .info .txt{max-height:78%; overflow-y:auto; padding-right:3%;}
.product_info .info .txt::-webkit-scrollbar{ width:1px; background-color:#eeeeee}    /*滚动条整体部分*/
.product_info .info .txt::-webkit-scrollbar-button{ background-color:#eeeeee}    /*滚动条两端的按钮*/
.product_info .info .txt::-webkit-scrollbar-track{ background-color:#eeeeee}    /*外层轨道*/
.product_info .info .txt::-webkit-scrollbar-track-piece{ background-color:#eeeeee}    /*内层轨道，滚动条中间部分（除去）*/
.product_info .info .txt::-webkit-scrollbar-thumb{ background-color:#7d7d7d;}    /*滚动条里面可以拖动的那个*/
.product_info .info .txt::-webkit-scrollbar-corner{ background-color:#eeeeee}    /*边角*/
.product_info .info .txt::-webkit-resizer{ background-color:#eeeeee}    /*定义右下角拖动块的样式*/
}


.main_culture_nbg{ background: none; padding: 0;}
.column_skill{  color: #174b89; line-height: normal; margin: 7.7% 0 0;}

.skill_article{ font-size: 16px; color: #999999;}
.skill_article_one_ul{ display: table; width: 100%; margin: 6% 0;}
.skill_article_one_ul li{ display: table-cell; text-align: center; padding: 0 45px; position: relative; font-size:17px; color: #333333; vertical-align: bottom;}
.skill_article_one_ul li:first-child{ padding-left: 0;}
.skill_article_one_ul li:last-child{ padding-right: 0;}
.skill_article_one_ul li:before{ content: ''; position: absolute; right: -10px; top: 50%; margin-top: -15px; width: 18px; height: 31px; background: url("../images/icon_skill_arrow.png") no-repeat center; background-size: contain;}
.skill_article_one_ul li:last-child:before{ display: none;}
@media (max-width: 1200px) {
	.skill_article_one_ul li{ font-size: 18px;}
	.skill_article_one_ul li:before{ width: 10px; height: 20px;}
}
@media (max-width: 750px) {
	.skill_article{ font-size: 16px; line-height: 26px;}
	.skill_article_one_ul li{ font-size: 16px; display: inline-block; width: 33%; text-align: center;}
	.skill_article_one_ul li:before{ display: none;}
}
@media (max-width: 480px) {
	.skill_article_one_ul li{ display: inline-block; width: 49%;}
}
.skill_article_two{ color: #333333; background-repeat: no-repeat; background-position: center top; padding-top: 34.37%; background-size: cover; position: relative;}
.skill_article_two .wap_pic{ display: none;}
.skill_article_two .auto{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; max-width: 1580px; padding: 0 15px;}
.skill_article_h3{ font-weight:normal; line-height: normal; color: #333333; margin: 0; padding: 7.7% 0 3%;}

@media (max-width: 1024px) {
	.skill_article_two{ padding-top: 0; background: none!important;}
	.skill_article_two .wap_pic{ display: block; margin: 3% 0 5%;}
	.skill_article_two .auto{ position: static; transform: none;}
}


.skill_article_four{ padding: 4% 0;}
.skill_article_four .txt{ background: #174b89; color: #fff; width: 27.1%; position: relative;}
.skill_article_four .txt:before{ content: ''; position: absolute; left: 100%; border: 20px solid transparent; border-left-color: #174b89; top: 12%;}
.skill_article_four dl{ max-width: 212px; margin: 0 auto;}
.skill_article_four dt{  border: 1px solid #fff; line-height: 33px; border-radius: 5px; text-align: center; margin-bottom: 10%;}
.skill_article_four dd{ font-size: 30px; line-height: normal; padding: 6% 0;}
@media (max-width: 1200px) {
	.skill_article_four dl{ padding: 4%;}
	.skill_article_four dd{ font-size: 26px; padding: 4% 0;}
}
@media (max-width: 768px) {
	.skill_article_four dd{ font-size: 18px; padding: 2% 0;}
}
@media (max-width: 640px) {
	.skill_article_four .table-cell{ display: block; width: 100%;}
	.skill_article_four .txt:before{ border-left-color:transparent; border-top-color:#174b89; left: 50%; margin-left: -20px; top: 99%;  }
	.skill_article_four dd{ font-size: 18px; padding: 2% 0;}
}

.pro_zs_title{ background: url("../images/icon_prozs.png") no-repeat left center; font-size: 30px; color: #333333; padding: 22px 0 22px 33px; border-bottom: 2px solid #bbbbbb; margin: 5% 0 7%;}

.pro_zs_list{ font-size: 0;}
.pro_zs_list li{ display: inline-block; vertical-align: top; width: 46%; margin-right: 8%; margin-bottom: 5%; font-size: 15px; line-height:24px; color: #666666;}
.pro_zs_list li:nth-child(2n){ margin-right: 0;}
.pro_zs_list li figure{ border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.pro_zs_list li h3{ font-size: 20px; color: #333333; line-height: 32px; font-weight: normal; margin-bottom: 2%;}
.pro_zs_list li p{ margin: 0;}
@media (max-width: 1000px) {
	.pro_zs_title{ font-size: 26px;}
	.pro_zs_list li{ font-size: 16px; line-height: 26px;}
	.pro_zs_list li h3{ font-size: 20px;}
}
@media (max-width: 640px) {
	.pro_zs_title{ font-size: 22px;}
	.pro_zs_list li{ display: block; width: 100%; margin-right: 0; margin-bottom: 7%; font-size: 14px;}
	.pro_zs_list li h3{ font-size: 18px;}
}

.pro_zs_list2 ul{ display: table; table-layout: fixed; width: 100%; margin-top: -7%;}
.pro_zs_list2 li{ display: table-row; }
.pro_zs_list2 .ytable-cell{ display: table-cell; vertical-align: middle;border-bottom: 1px solid #dddddd; padding: 1.8% 0;}
.pro_zs_list2 .tit{ width: 25%; font-size: 20px; color: #333333; line-height: 32px;}
.pro_zs_list2_32 .tit{ width: 32%;}
.pro_zs_list2 .tit p{ font-size: 15px; line-height:24px; color: #888; margin: 2% 0 0;}
.pro_zs_list_p{ font-size: 15px; color: #999; line-height:24px; margin: 0 0 5%}
@media (max-width: 1000px) {
	.pro_zs_list2 .tit{ font-size: 20px;}
	.pro_zs_list_p,
	.pro_zs_list2 .tit p{ font-size: 14px; line-height: 22px;}
}
@media (max-width: 768px) {
	.pro_zs_list2 .tit{ width: 30%;}
}
@media (max-width: 640px) {
	.pro_zs_list2 li{ display: block;border-bottom: 1px solid #dddddd; margin-bottom: 2%;}
	.pro_zs_list2 .ytable-cell{ display: block; width: 100%; border-bottom: none;}
	.pro_zs_list2 .tit{ font-size: 18px;}
	.pro_zs_list_p,
	.pro_zs_list2 .tit p{ font-size: 14px;}
}

.skill_box_con{ padding-bottom: 4%;}
.skill_box_con1{ background: #f5f7f6;}
.skill_tit_h3{ margin: 0;  color: #333333; font-weight: normal; padding: 5% 0 2%}
.skill_box_con article,
.skill_box_article{ font-size: 16px; color: #666; line-height:24px; margin-bottom: 4%;}

@media (max-width: 768px) {

	.skill_box_con article,
	.skill_box_article{ font-size: 16px; line-height: 26px;}
}
@media (max-width: 640px) {

	.skill_box_con article,
	.skill_box_article{ font-size: 14px;}
}

.skill_list_pic ul{ font-size: 0;}
.skill_list_pic1{ max-width:1240px; margin:auto;}
.skill_list_pic1 li{ width: 49%; margin-right: 2%; display: inline-block; margin-bottom:2%;}
.skill_list_pic1 li:nth-child(2n){ margin-right: 0;}
.skill_list_pic2 li{ width:23.2%; margin-right: 2%; display: inline-block; margin-bottom: 1%; overflow: hidden; border-radius: 10px;}
.skill_list_pic2 li:nth-child(4n){ margin-right: 0;}
@media (max-width: 640px) {
	.skill_list_pic2 li{ width: 48%; margin: 0 1%!important;}
}
.skill_list_pic3 li{ width: 100%; display: block; margin-bottom: 1%;}

.skill_dvt_pic{ position: relative; overflow: hidden; margin-bottom: 8%;}
.skill_dvt_pic li{ float: left; position: relative;}
.skill_dvt_pic li:first-child{ padding-right: 27%; width: 100%; margin-bottom: 0.8%;}
.skill_dvt_pic li:first-child:after{ content: ''; position: absolute; right: 0; width: 26.3%; top: 0; height: 100%; background: #eeeeee;}
.skill_dvt_pic p{ position: absolute; font-size: 24px; color: #333333; z-index: 2;}
.skill_dvt_pic li:first-child p{ left: 76%; top: 8%;}
.skill_dvt_pic li:nth-child(2){ float: right; width: 34.839%;}
.skill_dvt_pic li:nth-child(2) p{right: 10%;top: -28%;}
.skill_dvt_pic li:last-child{ width: 64.5%; padding-left: 27%}
.skill_dvt_pic li:last-child:after{ content: ''; position: absolute; left: 0; width: 40.6%; top: 0; height: 100%; background: #cee5f3;}
.skill_dvt_pic li:last-child p{left: 24%;bottom: 11%;}
@media (max-width: 1200px) {
	.skill_dvt_pic li:nth-child(2) p{top: -35%;}
	.skill_dvt_pic li:last-child p{left: 20%;}
}
@media (max-width: 1000px) {
	.skill_dvt_pic p{ font-size: 20px;}
}
@media (max-width: 768px) {
	.skill_dvt_pic li:nth-child(2) p{top: -45%;}
}
@media (max-width: 640px) {
	.skill_dvt_pic li:first-child{ padding-right: 0; width: 100%;}
	.skill_dvt_pic li:nth-child(2){ width: 48%;}
	.skill_dvt_pic li:last-child{ width: 51%; padding-left: 0;}
	.skill_dvt_pic li:first-child:after,
	.skill_dvt_pic li:last-child:after{ display: none;}
	.skill_dvt_pic p{ left: 0!important; text-align: center; bottom: 0!important; top: auto!important; right: auto!important; width: 100%; margin: 0; line-height: 40px; font-size: 16px; background: rgba(255,255,255,0.4);}
}

.verification{ background: url("../images/skill_bg.jpg") no-repeat center; background-size: cover;}
.verification ul{ font-size: 0; padding: 3% 0 2%;}
.verification li{ display: inline-block; font-size: 16px; color: #333333; line-height: 32px; text-align: center; vertical-align: top; width: 22.6%;margin-right: 3.2%; margin-bottom: 1%;}
.verification li:nth-child(4n){ margin-right: 0;}
.verification li figure{ background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center; padding-top: 82.8%;border-radius: 20px 20px 0 0;}
.verification li h3{ font-weight:normal; line-height: 60px; background: #174b89; color: #fff; font-size: 24px; margin: 0;}
.verification li h3 img{ margin-right: 5px;}
@media (max-width: 1024px) {
	.verification li h3{ font-size: 20px;}
}
@media (max-width: 768px) {
	.verification li{ width: 24.2%; margin-right: 1%; font-size: 14px; line-height: 26px;}
	.verification li h3{ font-size: 16px;}
}
@media (max-width: 640px) {
	.verification li{ width: 48%; margin:0 1% !important;}
}

.skill_video_list ul{ font-size: 0; padding: 1% 0 5%;}
.skill_video_list li{ width: 48.5%; margin-right: 3%; display: inline-block; vertical-align: top; font-size: 16px; color: #666; line-height: 24px;}
.skill_video_list li:nth-child(2n){ margin-right: 0;}
.skill_video_list li figure{ width: 100%; position: relative; padding-top:61.4%; cursor: pointer;}
.skill_video_list .play{ position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; margin: -50px 0 0 -50px; border: 6px solid #fff; border-radius: 100%; cursor: pointer; }
.skill_video_list .play:before{ content: ''; position: absolute; width: 24px; height: 28px; left: 50%; top: 50%; margin: -14px 0 0 -12px; background: url("../images/video_icon.png") no-repeat center; background-size: contain;}
.skill_video_list h3{ margin: 0; font-weight: normal; color: #333333; font-size: 20px; padding: 5% 0 2%;}
.skill_video_list p{ margin: 0;text-align: justify;}
.popup{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 27px 29px rgba(0,0,0,0.11); background: #fff; max-width:520px; width: 90%; /* height: 4.5rem; */ margin:auto; padding: 3%; position: relative;}
.popup .closed{ position: absolute;top: 3%; right: 3%; cursor: pointer;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 30px; color: #999; line-height: 30px; }
.popup .form{text-align: left;}
.popup .form .tit{color: #0033cc;}
.popup .form .tit h3{font-size: .3rem;margin: 0 0 .1rem; font-weight: normal;}
.popup .form .tit .en{ display: block;font-family: "Calibri";color: #0033cc; font-size: 18px; text-transform: uppercase;}
.popup .form .ptip{color: #999; margin: 3% 0;}
.popup .form dl{position: relative;margin-top:2%;}
.popup .form dl.w2 dd,
.popup .form dl.w3 dd{ width: 48%; float: left;}
.popup .form dl.w2 dd+dd{margin-left: 4%;}
.popup .form dl.w3 dd{width: 31.33334%;}
.popup .form dl.w3 dd:nth-child(2){margin: 0 3%;}
.popup .form dl .text{padding:10px 15px; width: 100%; font-size: 16px; background: #f5f5f5; border: none; box-shadow: none; color:#999;}
.popup .form dl .codetext{ padding-right: 84px; position: relative;}
.popup .form dl .codetext .codeimg{position: absolute; right: 0; height: 100%; border: 1px solid #ddd; width: 84px;}
.popup .form dl textarea{resize: none;overflow: hidden;height: 120px;}
.popup .form dl .text:focus{color: #333;}
.popup .form .btn{ display:block; width: 100%; color: #fff; background: #0033cc; border-radius: 0; font-size: .16rem; cursor: pointer; border: none; text-align: center; box-shadow: none;padding:10px 15px;}
.videopopup .popup-container{max-width: 1400px; border: 5px solid #f0ede8; padding: 0; background: #000;}
.videopopup .closed{top: -35px; right: -35px;}
.videopopup .closed:before{color: #fff;}
.videopopup video{max-height: 80vh;}
.videopopup embed,.videopopup object{max-height: 80vh;height: 100%;width: 100%;}
.skill_box_zdhsc{ display: table; padding-bottom: 8%;}
.skill_box_zdhsc *{ display: table-cell; vertical-align: bottom; margin: 0;}
.skill_box_zdhsc p{ padding-left: 0px; font-size: 20px; line-height: 32px; color: #333333;}
@media (max-width: 768px) {

	.skill_video_list li{ font-size: 16px; line-height: 26px;}
	.skill_video_list h3,
	.skill_box_zdhsc p{ font-size: 20px;}
}
@media (max-width: 640px) {
	.skill_video_list li{ font-size: 14px; display: block; width: 100%; margin-right: 0; margin-bottom: 5%;}
	.skill_video_list h3,
	.skill_box_zdhsc p{ font-size: 18px;}
	.skill_box_zdhsc *{ display: block;}
	.skill_box_zdhsc p{ padding-left: 0; text-align: center;}
}

.skill_pic_zltx{ font-size: 0; max-width: 1340px; margin: 2% auto 6%;text-align: center;}
.skill_pic_zltx .icon{ text-align:center; padding:20px 0}
.skill_pic_zltx li{ display: inline-block; width: 18.1%;margin: 0 0.95%;}
.skill_box_article2{ padding: 6.5% 0 8%; border-top: 1px solid #eee;}
.skill_box_article2 .txt{ background: #dff1fd; border-left: 10px solid #174b89; padding: 2% 5% 1% 3.5%; font-size: 16px; line-height: 26px; color: #666666;}
.skill_box_article2 .txt .name{ font-size: 18px; color: #174b89;}
.skill_box_article2 .txt .h2{ color: #174b89; font-weight: normal; line-height: normal; padding-bottom: 1%;}

@media (max-width: 768px) {
	.skill_pic_zltx li{ width: 23%; margin: 0 1% 2%;}
	.skill_box_article2 .table-cell{ display: block; width: 100%;}
}
@media (max-width: 640px) {
	.skill_box_article2 .txt{ font-size: 14px;}
	.skill_box_article2 .txt .name{ font-size: 16px;}
	.skill_pic_zltx li{ width: 48%;}
}

.ban_txt{ position: relative;}
.body_pro3 .ban_column span {color: #fff;}
.body_pro3 .ban_column span:after{ background: #fff;}
.industry_box1_list{ width: 100%; display: table; margin-top: 3%;}
.industry_box1_list .ul{ display: table-row; }
.industry_box1_list .ul li{ display: table-cell; width: 50%; padding-bottom: 1%;}
.industry_box1_list .ul li:last-child{ margin-right: 0;}
.industry_box1_list .pic{ width: 50%;}
.industry_box1_list .txt{ padding-right: 1.2%; background: #f2f2f2; position: relative; width: 50%; padding-left: 5%;}
.industry_box1_list .txt:before{ content: ''; position: absolute; right: 0; top: 0; width: 2.4%; background: #fff; height: 101%;}
.industry_box1_list .pic{ padding-right: 1.2%;}
.industry_box1_list h3{ margin: 0; font-size: 17px; color: #333333; font-weight: normal; line-height:26px;}
.industry_box1_list p{ margin:8% 0 0; font-size: 12px; color: #666666; line-height: 18px;}
.industry_box1_list .odd .txt{ text-align: right; padding-right: 6.2%; padding-left: 0;}

.industry_tit{ font-size: 30px; text-align: center; color: #333333; padding: 5% 0 3%; line-height: normal;}
.industry_news_list{ padding-bottom: 9%; max-width:1380px; margin:auto}
.industry_news_list .item{ float: left; width: 14.839%;margin-right: 2.15%; border: 1px solid #bbbbbb; border-radius: 5px; position: relative;}
.industry_news_list .item:last-child{ margin-right: 0;}
.industry_news_list .item:before{ content: ''; position: absolute; width: 33px; height: 33px; background: url("../images/arrow_icon1.png") no-repeat center; right: -16px; top: 16%;}
.industry_news_list .item:last-child:before{ display: none;}
.industry_news_list .item .tit{ background: #d1cde6; height: 120px; line-height: 120px;}
.industry_news_list .item .tit span{ display: inline-block; width: 100%; vertical-align: middle; line-height:26px; text-align: center; font-size: 18px;}
/*.industry_news_list .item li{list-style-type: square;}*/
.industry_news_list .item article{ margin: 0 auto; font-size: 16px; line-height: 26px; color: #333333; min-height: 150px;}

.industry_box2{ background: #f7f7f7; padding-bottom: 3%; margin-bottom: 3%;}
.industry_box2 .skill_tit_h3{ text-align: center; line-height: normal; padding: 6.5% 0 4%;}
.industry_box2 ul{max-width:1380px; margin:auto}
.industry_box2 li{ width: 15.5%; float: left; text-align: center;margin-right: 5.6%; font-size:17px; color: #333333; line-height: 32px; position: relative;}
.industry_box2 li img{ border-radius: 100%; border: 8px solid #eeeeee;}
.industry_box2 li:last-child{ margin-right: 0;}
.industry_box2 li p{ margin: 0; padding: 13% 0;}
.industry_box2 li:before{ content: ''; position: absolute; width: 18px; height: 31px; background: url("../images/icon_skill_arrow.png") no-repeat center; right: -21%; top: 30%;}
.industry_box2 li:last-child:before{ display: none;}

.industry_box3{ background: url("../images/industry_bg.jpg") no-repeat center 4%;}
.industry_box3 .skill_tit_h3{ text-align: center; line-height: normal; padding: 6.5% 0 0;}
.industry_info{ text-align: center;}
.industry_info .photo{ max-width:1000px; margin:auto;}
.industry_info .industry_tit span{ font-size: 20px; }
.industry_num_ul{ text-align: center; font-size: 0; padding-bottom: 5%;}
.industry_num_ul li{ display: inline-block; font-size: 18px; line-height: 32px; color: #333; vertical-align: top;}
.industry_num_ul li .num{ width: 175px; height: 175px; position: relative; border-radius: 100%; border: 12px solid #c9cbca; margin: 0 auto;}
.industry_num_ul li .num:before { content: ''; position: absolute;left: 60px;border-radius: 0px 120px 120px 0px;z-index: 4;background: forestgreen;transform: rotate(-180deg);transform-origin: 0px 60px;}

.progressbar{position: relative;width: 175px;height: 175px;border: 12px solid #c9cbca;border-radius: 50%; margin: 0 auto;}
.left-container,.right-container{position: absolute;width: 87px;height: 175px;top:-12px;overflow: hidden;z-index: 1;}
.left-container{left: -12px;}
.right-container{right: -12px;}
.left-circle,.right-circle{position: absolute;top:0;width: 175px;height: 175px;border:12px solid transparent;border-radius: 50%;transform: rotate(-135deg);transition: all .5s linear;z-index: 2;}
.left-circle{left: 0;border-top-color: #174b89;border-left-color: #174b89;}
.right-circle{border-right-color: #174b89;border-bottom-color: #174b89;right: 0;}
.industry_num_ul li:first-child .right-circle{transform: rotate(-155deg);}
.industry_num_ul li:nth-child(2) .left-circle{transform: rotate(-45deg);}
.industry_num_ul li:last-child .right-circle{transform: rotate(25deg);}
.industry_num_ul li .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 48px; color: #333333;}
.industry_num_ul li:nth-child(2){ margin: 0 10%;}
.industry_num_ul li p{ margin: 0; padding: 22px 0 0;}

.industry_box4{ background: #f7f7f7; padding-bottom: 4%;}
.industry_box4 .skill_tit_h3{ text-align: center; line-height: normal; padding: 6% 0 4%;}
.industry_box4 .item{ float: left; width: 49%; margin-right: 2%;}
.industry_box4 .item:last-child{ margin-right: 0;}
.industry_box4 .info{ background: #fff; padding: 5%; min-height:410px;}
.industry_box4 .info .h3{ margin: 0 0 4%; font-weight: normal; font-size: 28px; color: #174b89; line-height: normal;}
.industry_info4_left{}
.industry_info4_left li{ position: relative; padding-left: 70px; font-size: 17px; line-height: 28px; color: #333; margin-bottom: 3%;}
.industry_info4_left li i{ position: absolute; left: 0; top: 4px; width: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 30px; background: #174b89;}
.industry_info4_right li{ padding-left: 20px; line-height: 28px; font-size: 17px; color: #333; position: relative;}
.industry_info4_right li:before{ content: '-'; position: absolute; left: 0; top: 0;}

.industry_box5{ position: relative;}
.industry_box5 .skill_tit_h3{ position: absolute; left: 50%; transform: translateX(-50%);max-width: 1580px;padding: 6% 15px 0; width: 100%; top: 0;}
.industry_box5 img{ width:100%}

@media (max-width: 1000px) {
	.industry_box1_list h3,
	.industry_news_list .item .tit span,
	.industry_box2 li{ font-size: 20px; line-height: 28px;}
	.industry_news_list .item{ width: 30%; margin-bottom: 3%;}
	.industry_box4 .info .h3{ font-size: 22px;}
}
@media (max-width: 768px) {
	.industry_tit{ font-size: 22px;}
	.industry_box1_list .ul li{ width: 100%; display: block;}
	.industry_box1_list .odd .txt{ padding-left: 5%; padding-right: 1.2%; text-align: left;}
	.industry_num_ul li:nth-child(2){ margin: 0 6%;}
	.industry_box4 .item{ float: none; width: 100%; margin-right: 0; margin-bottom: 2%;}
}
@media (max-width: 640px) {
	.industry_tit{ font-size: 20px;}
	.industry_box1_list h3{ font-size: 16px;}
	.industry_news_list .item{ width: 45%; margin-right: 5%;}
	.industry_box2 li{ width: 28%;}
	.industry_box2 li:before{ right: -16%; background-size: contain;width: 10px;height: 16px;}
	.industry_box2 li p{ font-size: 16px;}
	.industry_box4 .info .h3{ font-size: 18px;}
	.industry_info4_left li,
	.industry_info4_right li{ font-size: 16px;}
}











.ind-industry .txt,
.ind-product p,.main_team .box article,
.ind-technology .info .txt,.main_planning .info,
.main_culture .list pre,.industry_info4_left li p,
.industry_info4_right li,.product_intro .info,
.product_info .info .txt,.skill_video_list p
{line-height: 1.2!important;}

.ind-product p{height:34px!important;}


.half_txt{max-width: 1100px;line-height: 1.2;}

.skill_article_four dt{width: 100px;}
.skill_box_zdhsc p{display: block;margin-top: 20px;}

.max1100{max-width: 1100px;line-height: 1.2;text-align:justify;}

















