@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:arial; color: #666; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);
     
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none !important; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #15182B;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
/*全局样式*/
.Content{ width:100%; max-width:1440px; margin:0 auto 70px auto; overflow:hidden;}
.Content2{ width:100%;  margin:0 auto 70px auto; overflow:hidden;}
.SinglePage{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:0 1%;}


/************************** 以下是页面样式 *************************/
/*首页*/
@media (min-width:1920px){
.Home_top{ position:absolute; width:1920px; max-width:100%; left:50%; margin-left:-960px;}
}
.Home_link{ width:100%;}
.Home_link .ul li{ display:block; width:33.333%; float:left; height:180px;}
.Home_link .ul li a{ display:block; position:relative; height:100%; width:100%; padding:0 0 0 25%;}
.Home_link .ul li a .title{ font-size:20px; color:#fff; padding:50px 15px 0 0; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Home_link .ul li a .more{ width:115px; height:35px; border:1px solid rgba(255,255,255,0.4); margin-top:15px; background:url(../images/LearnMore.png) no-repeat center; display:none}
.Home_link .ul li a .info{ font-size:16px;width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; padding-top:4%;}
.Home_link .ul li.li1{ background:#db767f;}
.Home_link .ul li.li1 a{ background:url(../images/ico_red.png) no-repeat center left 26px; background-size:16%;}
.Home_link .ul li.li2{ background:#669ad0;}
.Home_link .ul li.li2 a{ background:url(../images/ico_blue.png) no-repeat center left 26px; background-size:16%;}
.Home_link .ul li.li3{ background:#75cd98;}
.Home_link .ul li.li3 a{ background:url(../images/ico_green.png) no-repeat center left 26px; background-size:16%;}
/*首页*/

/*头部*/
.Head{ width:100%; max-width:1920px; margin:0 auto; position:absolute; z-index:100;}
.Head .logo{ width:335px; height:38px; margin:32px 0 0 50px; float:left;}
.Head .nav{ float:right; margin-top:35px;}
.Head .nav li{ display:block; float:left; padding:0 15px; position:relative;}
.Head .nav li>a{ font-size:18px; color:#fff; display:block; height:30px; line-height:30px;  border-bottom:2px solid rgba(0,0,0,0); padding:0 5px;}
.Head .nav li.on>a,
.Head .nav li>a:hover{ border-bottom:2px solid #f0f0f0;}
.Head .nav .ind_a{ /*width:65px; background:url(../images/index.png) no-repeat right center ;*/ }
.Head .version{ float:right; margin:35px 25px 0 0;}
.Head .version a{ display:block; float:left; background:#536e79; color:#fff; height:30px; width:55px; text-align:center; line-height:30px; margin-left:5px; border-radius:15px; font-size:12px;}
.Head .version a.qrc{ background:#536e79 url(../images/qrc.png) center no-repeat; position:relative;}
.Head .version a.qrc img{position: absolute; width: 100px; height: 100px; top: 30px; right: 0px; max-width: 100px; display: none;}
.Head .version a.qrc:hover img{display: block;}




/*手机端头部*/
.Top_menu{ display:none; position:absolute; z-index:999; top:15px; right:15px; width:38px; height:38px; cursor:pointer; background:rgba(255,255,255,0.2);}
.Top_menu span::before{ content:"";}
.Top_menu span::after{ content:"";}
.Top_menu span,
.Top_menu span::before,
.Top_menu span::after{ position:absolute; display:block; width:32px; height:2px; background:#000; -webkit-transition: all 300ms cubic-bezier(0.305,0.1,0.485,0.87); transition: all 300ms cubic-bezier(0.305,0.1,0.485,0.87);}
.Top_menu span::before{top:-12px; left:0;}
.Top_menu span{ top:50%; margin-top:-1px; left:3px;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;-khtml-opacity: 0.6;}
.Top_menu span::after{top:12px; left:0;}
.Top_menu.on span::before{top:0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.Top_menu.on span{ background:rgba(0,0,0,0);}
.Top_menu.on span::after{top:0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}



/*首页banner*/
.Banner{ position:relative; padding:0; margin:0 auto; overflow: hidden; width:100%;}
.Banner .banlist{ width:100%; position:relative; left:50%;}
.Banner .banlist li img{width:100%;}
.Banner .banlist li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
/*tab导航*/
.Banner .tablist{ position:absolute; left:0; bottom:5%; overflow: hidden; font-size:0; text-align:center; width:100%;}
.Banner .tablist li{ cursor:pointer; display:inline-block; width:12px; height:12px; border-radius:6px; background:#8d8d8d; margin:0 5px;}
.Banner .tablist li.on{ background: #f4f4f4;}

/*底部*/
.Bottom{ position:relative; width:100%; padding:25px 50px; background:url(../images/bottom_bg.png); font-size:12px; min-height:135px;}
.Bottom .Sitemap a{ display:inline-block; position:relative;color:rgba(255,255,255,0.35); height:30px; line-height:30px;}
.Bottom .Sitemap em{font-size: 10px;font-style:normal;display: inline-block;color:rgba(255,255,255,0.35);margin:0 5px;}
/*.Bottom .Sitemap a::after{ content:""; position:absolute; width:1px; height:10px; background:rgba(255,255,255,0.35); top:12px; right:-20px;}*/
.Bottom .Copyright{ color:rgba(255,255,255,0.35);}
.Bottom .Copyright span,
.Bottom .Copyright span a{ color:rgba(255,255,255,0.15);}
.Bottom .Copyright a:hover{color:#fff;}

.Bottom .Partner{ position:absolute; right:50px; top:5px;}
.Bottom .Partner li{ display:block; float:left; margin:0 15px !important;width:auto !important;}

/*内页banner*/
.Nei_ban{ width:100%; }
.Nei_ban img{ width:100%;  display:block;}

/**/

.Menu.te{ background:#6599cf; height:100px; width:100%; overflow:hidden;}
.Menu.normal ul{ width:100%; margin:0 auto; max-width:1440px; text-align:center; font-size:0; padding-top:31px; white-space:nowrap; overflow:auto; height:100px; height:130px;}


.Menu{ background:#6599cf; height:60px; width:100%; overflow:hidden;}
.Menu.normal ul{ width:100%; margin:0 auto; max-width:1440px; text-align:center; font-size:0; padding-top:31px; white-space:nowrap; overflow:auto; height:100px; height:130px;}
.Menu.normal ul li{ display:inline-block; height:38px; border:1px solid #6599cf; text-align:center; margin:0 50px;}
.Menu.normal ul li.on,
.Menu.normal ul li:hover{ border:1px solid #91b8e0; background:#5992ce;}
.Menu.normal ul li a{ color:#fff; line-height:36px; display:block; font-size:16px; padding:0 10px;}
.Menu.normal.terse ul li{ margin:0 10px;}

.Menu.te{ background:#6599cf; height:60px; width:100%; overflow:hidden;}
.Menu.normal.te ul{ width:100%; margin:0 auto; max-width:1440px; text-align:center; font-size:0; padding-top:11px; white-space:nowrap; overflow:auto; height:100px; height:130px;}
@media (min-width:1024px){
.Menu_pro.on{ position:fixed; top:0; left:0; z-index:999;}
.Menu_pro ul{ width:100%; margin:0 auto; max-width:1200px; text-align:center; font-size:0; padding-top:2px;}
.Menu_pro ul li{ width:160px; height:60px; display:inline-block; margin:0 20px;}
.Menu_pro ul li a{ display:table-cell; font-size:15px; color:#fff; height:60px; padding-left:16px;line-height:1.3;Vertical-align:middle;background-repeat: no-repeat;
				   background-position: 10px center;
				   background-size: 0px;
}
/*.Menu_pro ul li.pro_c1 a{ background:url(../images/ico2.png) no-repeat 5px center;}
.Menu_pro ul li.pro_c2 a{ background:url(../images/ico4.png) no-repeat 5px center;}
.Menu_pro ul li.pro_c3 a{ background:url(../images/ico6.png) no-repeat 5px center;}*/
.Menu_pro ul li.on,
.Menu_pro ul li:hover{ background:#fff;}
.Menu_pro ul li.on a,
.Menu_pro ul li:hover a{  color:#2a75c4; font-weight:bold;}
/*.Menu_pro ul .pro_c2.on a,
.Menu_pro ul .pro_c2:hover a{ color:#00a54f;background:url(../images/ico3.png) no-repeat 5px center;}
.Menu_pro ul .pro_c3.on a,
.Menu_pro ul .pro_c3:hover a{ color:#f36e21;background:url(../images/ico5.png) no-repeat 5px center;}*/
.Menu.on{position:fixed; top:0; left:0; z-index:999;}

}
@media (max-width:1023px){
.Menu_pro ul{ width:100%; margin:0 auto; max-width:1440px; text-align:center; font-size:0; white-space:nowrap; overflow:auto; height:100px; height:130px;}
.Menu_pro ul li{ display:inline-block; height:38px; border:1px solid #6599cf; text-align:center; margin:0 10px;}
.Menu_pro ul li.on,
.Menu_pro ul li:hover{ border:1px solid #91b8e0; background:#5992ce;}
	.Menu_pro ul li a {
		color: #fff;
		line-height: 38px;
		display: block;
		font-size: 16px;
		padding: 0 40px;
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: 5px center;
	}
}

.Column{ width:100%; max-width:1440px; text-align:center; position:relative; height:80px; margin:50px auto; overflow:hidden;}
.Column .en{text-transform:Uppercase; font-weight:bold; font-family:Helvetica, sans-serif, Arial; font-size:55px; color:#f2f6f8; position:absolute; text-align:center; width:100%; height:80px; left:0; top:0; line-height:80px; white-space:nowrap; }
.Column .cn{ font-size:24px; color:#084876; position:absolute; z-index:1; bottom:15px; left:0; width:100%; text-align:center; line-height:36px; font-weight:bold;}
.Column .cn.col_g{ color:#00a54f;}
.Column .cn.col_o{ color:#f36e21;}


/*诚聘英才*/
.job_ind_ul li{ float:left; width:30%; margin:0 1.6%;}
.job_ind_ul .pic{ width:100%; height:0; padding-bottom:93.75%; position:relative;}
.job_ind_ul .pic img{ width:100%; position:absolute; height:100%; display:block;}
.job_ind_ul .txt{ border:1px solid #ececec; border-top:none; width:100%; padding:20px;}
.job_ind_ul .txt .name{ width:100%; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:40px;}
.job_ind_ul .txt .name a{ font-size:14px; color:#084876; font-weight:bold;}
.job_ind_ul .txt .info{ color:#888; font-size:12px; line-height:18px; height:36px; overflow:hidden;}
.job_ind_ul .txt .more{ display:block; background:url(../images/LearnMore_blue.png) center left no-repeat; height:30px; width:80px;}

/*产品解决方案*/
.pro_img{ width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:}


/*媒体中心*/
.Media_info .title{ text-align:center; font-size:24px; color:#000; max-width:1200px; margin:0 auto 25px auto;}

/*公司新闻*/
.news_ul li{ float:left; width:30.333%; margin:1.5%;}
.news_ul .pic{ width:100%; height:0; padding-bottom:66.66%; position:relative;}
.news_ul .pic img{ width:100%; position:absolute; height:100%; display:block;}
.news_ul .txt{ border:1px solid #ececec; border-top:none; width:100%; padding:20px;}
.news_ul .txt .name{ width:100%; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:40px;}
.news_ul .txt .name a{ font-size:14px; color:#1d2a38;}
.news_ul .txt .info{ color:#888; font-size:12px; line-height:18px; height:36px; overflow:hidden;}
.news_ul .txt .more{ display:block; background:url(../images/LearnMore_blue.png) center left no-repeat; height:30px; width:80px;}

.News_info{ max-width:1200px;}
.News_info .title{ font-size:24px; text-align:center; color:#555; margin-top:5.5%;}
.News_info .info{ font-size:14px; color:#555; text-align:center; margin:1% 0;}
.News_info .news_link{ border-top:1px solid #e1e1e1; margin-top:25px;}
.News_info .news_link .name{ font-size:16px; color:#084773; font-weight:bold; height:56px; line-height:56px;}
.News_info .news_link li{ display:block; float:left; width:50%; height:24px; line-height:24px; position:relative;}
.News_info .news_link li::before{ position:absolute; left:0; top:11px; width:2px; height:2px; content:''; background:#555555; border-right:1px solid #a6a6a6;}
.News_info .news_link li span{ display:block; position:absolute; height:24px; top:0; left:5px;}
.News_info .news_link li a{ display:block; width:100%; padding:0 15px 0 95px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*联系方式*/
.contact_map{ width:100%; height:400px;}

/*公司客户*/
.link_list{  position:relative; padding:20px; text-align:center; width:100%; max-width:1200px; margin:0 auto;}
.link_list li{ display:block; float:left; width:24%; margin:0.5%;}
.link_list li a{ display:block; position:relative; padding-bottom:43.8%;}
.link_list li img{ width:100%; border:1px solid #d1d1d1; position:absolute; height:100%; left:0; top:0;}

/*服务与支持*/
.Service #C2 .en,
.Service #C4 .en,
.Service #C6 .en,
.Service #C8 .en{ color:#2974c0; font-size:50px;}
.Service #C2 .cn,
.Service #C4 .cn,
.Service #C6 .cn,
.Service #C8 .cn{ color:#fff;}
.Service #C2{ width:100%; background:url(../images/service_c2_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%;}
.Service #C2 .Column{ position:absolute; width:50%; right:0; top:35px;}
.Service #C2 .Column::after{ position:absolute; right:50%; bottom:0; width:60px; height:2px; content:''; margin-right:-30px;}
.Service #C4{ width:100%; background:url(../images/service_c4_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%;}
.Service #C5{ position:relative; margin-top:5%;}
.Service #C5 .Column{position:absolute;left: 0;top:0;margin:0;text-align:left;}
@media (min-width:1200px){.Service #C5 .Column{left:50%; margin-left:-600px; max-width:1200px;}}
.Service #C5 .Column .en,
.Service #C5 .Column .cn{ text-align:left;}
.Service #C5 .Column::after{ position:absolute; left:0; bottom:0; width:60px; height:2px; content:'';}
.Service #C6{ width:100%; background:url(../images/service_c6_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%;}
.Service #C6 .Column{ position:absolute; width:50%; right:0; top:35px;}
.Service #C6 .Column::after{ position:absolute; right:50%; bottom:0; width:60px; height:2px; content:'';  margin-right:-30px;}
.Service #C7{ position:relative; margin-top:5%;}
.Service #C7 .Column{position:absolute;left: 0;top:0;margin:0;text-align:left;}
@media (min-width:1200px){.Service #C7 .Column{left:50%; margin-left:-600px; max-width:1200px;}}
.Service #C7 .Column .en,
.Service #C7 .Column .cn{ text-align:left;}
.Service #C7 .Column::after{ position:absolute; left:0; bottom:0; width:60px; height:2px; content:''; }
.Service #C8{ width:100%; background:url(../images/service_c8_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%;}
.Service #C8 .Column::after{ position:absolute; left:50%; bottom:0; width:60px; height:2px; content:'';  margin-left:-30px;}
.Service #C8 .SinglePage{ max-width:1440px; padding-bottom:80px;}


/*分页*/
.Pages{ padding:3% 0; text-align:right;}
.Pages a{ border:solid 1px #edecec; display:inline-block; padding:4px 12px; overflow:hidden; position:relative;}
.Pages a.a_cur{ border-color:#1e599f; background-color:#1e599f; color:#fff;}
.Pages em{ font-style:normal;}
.Pages a.a_prev,
.Pages a.a_next{}
.a_prev::before,
.a_next::before{}
.a_prev::before{ content:''}
.a_next::before{ content:''}
.p_cur,
.p_count,
.p_total,
.p_jump{ display:none;}


.jspContainer{overflow: hidden;	position: relative; }
.jspPane{position: absolute;}
.jspPane .cont{ padding-right:20px;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 5px;height: 100%;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background:url(../images/s_bar.png) repeat-y center top;position: relative;}
.jspDrag{background: #b7b7b7;position: relative;top: 0;left: 0;cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
.SinglePage *{outline:none;}

.about .bg .en{ color:rgba(255,255,255,0.05); font-size:50px;}
.about .bg .cn{ color:#fff;}
.about #A1{ max-width:1440px; margin:7% auto 0 auto; position:relative;}
.about #A1 .left{ float:left; width:46%; margin-top:100px;}
.about #A1 .right{ float:right; width:50%; padding:20px;}
.about #A1 .right .pic{ width:100%; border:5px solid #b2cce7; position:relative; padding-bottom:64.77%;}
.about #A1 .pic img{ position:absolute; top:-15px; right:-15px; width:100%; height:100%;}
.about #A1 .SinglePage{ max-width:1440px;}
.about #A1 .Column,
.about #A1 .Column .en,
.about #A1 .Column .cn{ text-align:left; padding-left:15px;}
.about #A1 .Column{ position:absolute; margin:0;}

.about #A2{ width:100%; background:url(../images/about_a2_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%;}
.about #A2 .Column{ position:absolute; right:50%; top:0; margin-right:45px;}
.about #A2 .Column .en,
.about #A2 .Column .cn{ text-align:right;}
.about #A2 .left{ float:left; width:50%; margin:120px 0 30px 0; padding-right:45px;}
.about #A2 .left img{ width:100%;}
.about #A2 .right{ float:right; width:50%; padding:30px 0;}
.about .honor_ul li{ display:block; margin:0; padding:0; color:#fff; position:relative;}
.about .honor_ul li .span{ display:block; background:url(../images/honor_span.png) no-repeat right center; position:absolute; top:0; left:0; padding-right:35px; font-size:14px; font-weight:bold; height:26px; line-height:26px; width:70px;}
.about .honor_ul li a{ display:block; line-height:26px; padding-left:80px; width:100%; color:#fff; font-size:12px;}

.about #A3{ max-width:1440px; margin:7% auto 0 auto; position:relative;}
.about #A3 .Column{ margin:0;}
.about #A3 .Column .en,
.about #A3 .Column .cn{ text-align:left; padding-left:15px;}
.about #A3 .left{ float:left; width:50%;}
.about #A3 .left img{ width:100%;}
.about #A3 .right{ float:right; width:42%;}

.about #A4{ width:100%; background:url(../images/about_a4_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%; padding-bottom:5%;}
.about #A4 .Column{ top:30px;}

.about #A5 .en,
.about #A5 .cn{ text-align:left; padding-left:15px;}
.about #A5 .left{ width:33%; float:left; text-align:center;}
.about #A5 .right{ width:64%; float:right;}

.about #A6{ width:100%; background:url(../images/about_a6_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%; padding-bottom:2.5%;}
.about #A6 .Column{ top:30px;}
.about #A6 .show_ul{ width:100%; max-width:1200px; margin:0 auto;}
.about #A6 .show_ul li{display: none; position:relative; height:338px; background:#fff;}
.about #A6 .show_ul .li_left{ position:absolute; top:0; left:0; width:445px; height:338px;}
.about #A6 .show_ul .li_left img{ width:100%; height:100%;}
.about #A6 .show_ul .li_right{ width:100%; padding-left:455px;}
.about #A6 .show_ul .year{ height:22px; border-left:22px solid #184188; color:#184188; font-weight:bold; padding-left:15px; font-size:22px; line-height:22px; font-family:Helvetica; margin:50px 0 0 40px;}
.about #A6 .show_ul .month{ /*border-bottom:1px solid #e8e8e8;*/ padding-bottom:15px; margin:25px 40px; font-size:14px; line-height:24px;}
.about #A6 .show_ul .month .span{ font-weight:bold; color:#184188;}
.about #A6 .show_ul .month .info{ margin-bottom:24px;}
.about #A6 .list_ul{ margin:0 auto;overflow:visible !important; border-top:1px dotted #97b8dc; text-align:center;}
.about #A6 .list_ul li{float:left; display:block; color:#fff; font-size:14px; width:85px; background:url(../images/licheng.png) no-repeat center top; padding-top:15px; margin-top:-4px; cursor:pointer;}
.about #A6 .list_ul li.on{ color:#84eac2; font-weight:bold;}
.development_List{ padding-top: 70px;margin: 0 auto;overflow-y: hidden;overflow-x:auto;padding-bottom:12px;}
.about #A7{ margin-top:5%;}
.about #A7 .Column{position:absolute;width: 50%;left: 50%; margin:0;}
.about #A7 .Column .en,
.about #A7 .Column .cn{ text-align:left; padding-left:360px;}
.about #A7 .SinglePage{ max-width:1440px;}
.about #A7 .left{ float:left; width:30%; border:1px solid #68c0e2; border-radius:1%; min-height:200px; margin-top:35px;}
.about #A7 .left .addr{height:40px; color:#fff; background:#716f70;  
	margin:-21px auto 0 auto; font-size:16px; color:#fff; font-weight:bold;
	 line-height:40px; text-align:center;
	 border-radius: 15px;
	 display: inline-block;
	 padding: 0 15px;
    position: relative;
    top: -11px;
	}
.about #A7 .left .dl dd{text-align: center;}
.about #A7 .left .ul{ margin:2% 0;}
.about #A7 .left .ul li{ display:block; float:left; width:100%;}
.about #A7 .left .ul li a{ display:block; width:100%; height:0; padding-bottom:28.12%; position:relative;}
.about #A7 .left .ul li a img{ width:100%; height:100%; display:block; position:absolute;}
.about #A7 .mid{ float:left; width:46%}
.about #A7 .mid .map{ text-align:center;}
.about #A7 .mid .btn_ul{ font-size:0; text-align:center;position: relative;z-index:666;}
.about #A7 .mid .btn_ul li{ display:inline-block; font-size:12px; height:45px; background:url(../images/map_off.png) center; background-size:100% 100% !important; padding:0 7px; margin:0 1px; line-height:45px; cursor:pointer; margin-bottom:10px;}
.about #A7 .mid .btn_ul li:hover,
.about #A7 .mid .btn_ul li.on{ color:#fff; background:url(../images/map_on.png) center;}
.about #A7 .right{ float:right; width:24%; margin-top:80px;}

.about #A8{ width:100%; background:url(../images/about_a8_bg.jpg) no-repeat; background-size:100% 100%; position:relative; margin-top:5%; padding-bottom:5%;}
.about #A8 .SinglePage{ max-width:1440px;}
.about #A8 .Column{ top:80px; margin:0 auto; max-width:1440px;}
.about #A8 .Column .en,
.about #A8 .Column .cn{ text-align:left; padding-left:15px;}
.about #A8 .left{ float:left; width:50%; margin-top:100px;}
.about #A8 .right{ float:right; width:48%; padding:10px; border:1px solid rgba(255,255,255,0.7); border-radius:1px; background:rgba(255,255,255,0.3);}
.about #A8 .right .yeji{ background:#fff; width:100%; overflow:hidden;position: relative;}
.about #A8 .right .border{ border-top:1px solid #e8e8e8; margin:15px 20px 0 20px; text-align:right; font-size:0; display:block; padding:10px 0;}
.about #A8 .right .border .glyphicon-menu-right:before{ content:">";}
.about #A8 .right .border .glyphicon-menu-left:before{ content:"<";}
.about #A8 .right .border .glyphicon-menu-right:before,
.about #A8 .right .border .glyphicon-menu-left:before{ font-size:20px; font-weight:100; line-height:19px; text-align:center; color:#fff; width:25px; height:25px; display:block;}
.about #A8 .right .border span{ height:25px; width:25px; background:#ddd; margin-left:10px; cursor:pointer;}
.about #A8 .right .border span{ background:#184188;}
.about #A8 .right .banlist{ display:block; position:relative; height:337px;}
.about #A8 .right .banlist li{ display:block; width:100%; height:0; position:relative; padding-bottom:21%;}
.about #A8 .right .banlist li img{ display:block; width:100%; height:auto; position:absolute;}

.about #A9{ width:100%; background:url(../images/about_a9_bg.jpg) no-repeat; background-size:100% 100%; position:relative; padding-bottom:5%;}
.about #A9 .SinglePage{ max-width:1440px;}
.about #A9 .Column{ top:50px; margin:0 auto; max-width:1440px; margin-bottom:50px;}
.about #A9 .Column .en{ text-align:left; padding-left:15px; color:#eef1f3;}
.about #A9 .Column .cn{ text-align:left; padding-left:15px;}

.display{ width:100%; max-width:1440px; margin:0 auto;}
.display .show_ul li{ display:block;}
.display .show_ul li .info{ width:31.33%; margin:1%; float:left; position:relative; border:1px solid #e1e1e1; overflow:hidden;}
.display .show_ul li .pic{ width:100%; padding-bottom:75.41%; position:relative; z-index:0;}
.display .show_ul li .pic img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.display .show_ul li .txt{ position:absolute; left:0; bottom:-50px; z-index:2; height:50px; line-height:50px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); color:#fff; text-align:center;}
.display .list_ul{ text-align:center; font-size:0; border-bottom:1px solid #e4e4e4; padding:3% 0;}
.display .list_ul li{ display:inline-block; font-size:14px; color:#888; margin:0 30px; cursor:pointer;}
.display .list_ul li:hover a,
.display .list_ul li.on a{ color:#16527e; font-weight:bold;}
.display .border{ width:200px; margin:-2px auto 5% auto; background:url(../images/mouse.png) no-repeat top center; min-height:50px; text-align:center; font-size:0;}
.display .border span{ width:50%; height:50px; cursor:pointer;}
.development_history .display .border{background:url(../images/hover2.jpg)no-repeat top center;}

.display .YSFC_list ul{display:flex;flex-wrap:wrap;margin-left:-2%;padding:0 3%;justify-content:center;}
.display .YSFC_list li{width:33.333%;padding-left:2%}
.display .YSFC_video ul{display:flex;flex-wrap:wrap;margin-left:-2%;padding:0 3%;justify-content:center;}
.display .YSFC_video li{width:33.333%;padding-left:2%}

.YSFC_title{height:106px;background: url(../images/title.png) no-repeat top left;height:60px;line-height:58px;
	padding-left:55px;color:#fff;font-size: 24px;margin-top:20px;margin-bottom:20px;background-size:cover;}
.YSFC_title a{color:#fff;float:right;margin-right:15px;}
.YSFC_videoBox{display:none;background:rgba(0,0,0,0.8);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1000;}
.display .YSFC_videoBox li{display:none;width:100%;margin:0px;text-align:center;}
.YSFC_videoBox li .Box{display:inline-block;margin:60px auto ;background:#000;min-height:100px;width:80%;text-align:center;position:relative;}
.YSFC_videoBox .close{color:#fff;font-size:30px;position:absolute;top:-5px;right:-250px;z-index:9999;}
.YSFC_video li{position:relative}
.YSFC_video li i{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/d-play.png) no-repeat center;background-size:20%;}

@media (min-width:768px){
	.YSFC_title{height:106px;line-height:100px;bacground:url(../images/title.png) no-reapeat left top;background-size:cover;padding-left:75px;color:#fff;font-size:30px;}
  .YSFC_videoBox li .Box{width:50%;}
  .YSFC_videoBox .close{color:#fff;font-size:30px;position:absolute;top:-5px;right:-25px;}
}

@media (max-width:1439px){
.Head .nav li{ padding:0 10px;position:relative;}
.Head .nav li a{ font-size:16px;}
}


@media (max-width:1199px){
.Home_link .ul li{ height:160px;}
.Home_link .ul li a{ background-size:80px 80px !important; background-position:center left 20px !important; padding-left:120px;}
.Home_link .ul li a .title{ font-size:18px; padding-top:45px;}
.Home_link .ul li a .more{ width:95px; height:30px;}
.Menu.normal ul li{margin:0 10px;}

.Head .logo{ margin-left:20px;}
.Head .version{ display:none;}

.Bottom .Partner{ position:static;}
}

@media (max-width:1023px){
.Top_menu{ display:block;}
.Head .logo{ margin-top:15px;}
.Head .logo img{ max-width:100%;}
.Head .nav{ float:none; margin:0; position:absolute; left:-50%; top:0; background:rgba(255,255,255,0.7); width:50%; max-width:220px; position:absolute; z-index:50;  -webkit-transition:all 300ms; transition:all 300ms;}
.Head .nav.on{ left:0;}
.Head .nav .ind_a{ width:auto; background:none; font-size:16px;}
.Head .nav li{ float:none; text-align:center; padding:0; line-height:40px; /* height:40px; */}
.Head .nav li a{ border:none !important; color:#666; line-height:40px; height:40px;}
.Head .nav li.on a{ background:#669ad0; color:#fff;}

.Column .en{ font-size:40px !important;}

.Menu{ height:38px;}
.Menu.normal ul{padding-top:0;}

.about .right,
.about .mid,
.about .left{ float:none !important; width:100% !important;}

.about .Column .en,
.about .Column .cn{ text-align:center !important;}
.about #A1 .Column{ position:relative;}
.about #A1 .left{ margin-top:0;}
.about #A2 .left{ margin:5% 0; padding:0;}
.about #A2 .right{ padding:2%;}
.about #A2 .Column{ width:100%; right:0; margin:0; position:relative;}
.about #A6 .show_ul li{ height:auto;}
.about #A6 .show_ul .li_left{ position:static; width:100%; height:auto; padding:10px;}
.about #A6 .show_ul .li_right{ padding:0;}
.about #A8 .Column{ top:10px;}
.about #A8 .left{ margin:3% 0;}
.about #A7 .Column{ position:relative; width:100%; left:0;}
.about #A7 .Column .en, .about #A7 .Column .cn{ padding:0;}
.jspPane .cont{ padding-right:0;}

}

@media (max-width:767px){
.News_info .news_link{ padding:0 2%;}
.News_info .news_link li{ float:none; width:100%;}

.Bottom{ padding:20px 10px;}

.Home_link .ul li{ float:none; width:100%;}

.link_list li{ width:32.33%;}

.Column{ padding:2% 0; position:static; height:auto; text-align:center !important; margin:3% 0;}
.Column .en{ display:none;}
.Column .cn{ position:static;}
.Service #C2 .Column{ position:relative; right:inherit; width:100%;}
.Service #C5 .Column{ text-align:center;}
.Service #C5 .Column::after{ left:50%; margin-left:-30px;}
.Service #C6 .Column{ position:relative; right:inherit; width:100%;}
.Service #C7 .Column::after{ left:50%; margin-left:-30px;}
.Service #C8 .Column{ position:relative; right:inherit; width:100%;}

.job_ind_ul li{ float:left; width:48%; margin:1%;}
.news_ul li{ float:left; width:48%; margin:1%;}
.News_info .title{ font-size:18px;}
}

@media (max-width:639px){
.Head .logo{ width:100%; margin:0; padding:15px 70px 0 15px;}
.Home_link .ul li{ height:120px;}
.Home_link .ul li a { background-size:60px 60px !important; background-position:center left 15px !important; padding-left:90px;}
.Home_link .ul li a .title{ font-size:16px; padding-top:25px;}

.link_list li{ width:49%;}
.news_ul li{ float:none; width:98%; margin:1%;}

.Bottom .Partner{ display:none;}

.about #A7 .mid .btn_ul li{ height:30px; background:#ebeff4;line-height:30px; font-size:14px; margin:10px;}
.about #A7 .mid .btn_ul li:hover,
.about #A7 .mid .btn_ul li.on{ color:#fff; background:#1e599f;}
}

@media (max-width:319px){
.job_ind_ul li{ width:100%; margin:0 0 5% 0; float:none;}
.link_list li{ width:100%; margin:0 0 5% 0; float:none;}
}


.Head .nav li dl{display: inline-block; width: 100%;}
.Head .nav li dd a{ display: block;text-align: left;padding:0 26px; position:relative;}

.Head .nav .box{width:237px;position:absolute; top: 28px; left: -60px; display: none;}


.Head nav li dl{text-align:center; background:rgba(255,255,255,0.9); padding: 10px 0; display:inline-block;}
.Head .nav li dd{line-height: 30px;}
.Head .nav li dd .subnav{ position: absolute; display: none; background: rgba(255,255,255,0.9); left:244px; top:0; padding-left:8px; width: 235px;}
.Head .nav li dd .subnav a{ display: block; font-size: 14px; background: none !important; line-height: 22px; padding:5px 0;}
.Head .nav li dd:hover .subnav{ display: block; }
.Head .nav li dd a:before{ content:""; display:block; position:absolute; top:50%; left:14px; margin-top:-1px; width:2px; height:2px; background:#000; overflow:hidden;}
@media (min-width:1023px){
    .Head .nav{}
    .Head .nav .box{width:245px;position:absolute;top:30px;left:5px;display: none; }
   .Head nav li dl{ background:rgba(255,255,255,0.9); padding: 10px 0; display:inline-block;}
   .Head nav li:hover .box{display: inline-block;}
   .Head nav #nav1{padding-left:15px;}
}


/*样式修改*/
.about #A7 .mid .map{position: relative;}
.about #A7 .mid .mapBox{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.about #A7 .mid .mapBox span{display: inline-block;}
.about #A7 .mid .mapBox span img{width:100%;}
.about #A7 .mid .mapBox .span1{    width: 23%;
    height: 49.5%;
    position: absolute;
    top: 76.9%;
    left: 52.9%;
   }
.about #A7 .mid .mapBox .span2{    width: 36.8%;
    width: 37.8%;
    height: 56%;
    position: absolute;
    top: 1.0%;
    left: 42.4%;
   }
.about #A7 .mid .mapBox .span3{    width: 13%;
    height: 32.2%;
    position: absolute;
    top: 48.2%;
    left: 59.5%;;
   }
.about #A7 .mid .mapBox .span4{width: 14.9%;
    height: 46.4%;
    position: absolute;
    top: 42.9%;
    left: 68.6%;
    }
.about #A7 .mid .mapBox .span5{    width: 19.2%;
    height: 43.2%;
    position: absolute;
    top: 0%;
    left: 73%;
    }
.about #A7 .mid .mapBox .span6{    width: 53.3%;
    width: 53.5%;
    height: 44.9%;
    position: absolute;
    top: 46.7%;
    left: 8.8%;
   }
.about #A7 .mid .mapBox .span7{    width: 56%;
     width: 56%;
    height: 55.1%;
    position: absolute;
    top: 11.8%;
    left: 7.2%;
   }
.about #A7 .mid .map{width:100%;}
.about #A7 .mid .map img{width:86%;}
.about #A7 .mid .mapBox li span{display: block;width:100%;height:100%;}

.about #A7 .mid .mapBox .span1 span{ display:none;background: url(../images/huanan.png) no-repeat center top;
    background-size: 100%;}
.about #A7 .mid .mapBox .span2 span{display:none;background: url(../images/huabei.png) no-repeat center top;
    background-size: 100%;}
.about #A7 .mid .mapBox .span3 span{display:none;background: url(../images/huazhong.png) no-repeat center top;
    background-size: 100%;}
.about #A7 .mid .mapBox .span4 span{display:none;background: url(../images/huadong.png) no-repeat center top;
    background-size: 100%;}
.about #A7 .mid .mapBox .span5 span{display:none;background: url(../images/dongbei.png) no-repeat center top;
    background-size: 100%;}
.about #A7 .mid .mapBox .span6 span{display:none;background: url(../images/xinan.png) no-repeat center top;
    background-size: 100%;}



.about #A7 .mid .mapBox .span7 span{display:none;background: url(../images/xibei.png) no-repeat center top;
    background-size: 100%;}
    .about #A7 .mid .mapBox .on span{display: block;}


.homeban .prev,.homeban .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; background:url(../images/bt1.png)  no-repeat; filter:alpha(opacity=50);opacity:0.5;  color:#fff;font-size:50px;width:24px;height:44px;cursor: pointer; }
.homeban .next{ left:auto; right:3%;  background:url(../images/bt2.png) no-repeat;}
.Bottom {overflow:hidden;}
.btm_share{margin-top:5px;}
.btm_share span{float: left;line-height: 30px;
color: #fff;
margin-top: 6px;}
.bdshare-button-style0-16 .bds_weixin{background: url(../images/weixin.png) no-repeat 0 0 !important;
margin-left: 10px;
background-size: contain !important;
position: relative;width: 30px !important;height: 30px !important;}

.bdshare-button-style0-16 .bds_tsina{background: url(../images/xinlang.png) no-repeat 0 0 !important;
margin-left: 10px;
background-size: contain !important;
position: relative;width: 30px !important;height: 30px !important;}
@media (min-width:1200px){ 
.btm_share{float: right;margin-bottom:10px;}
.Bottom .Partner{overflow:hidden;}

}

.YSFC_videoBox .Box1 video{width: 100%;height: 100%;}




/*专题页*/
.w1340{max-width: 1340px;margin: auto;}
.Menu-special{background-color: #000000;}
.Menu-special ul{font-size: 0;text-align: center;}
.Menu-special ul li{display: inline-block;width: 25%;}
.Menu-special ul li a{display: block;width: 100%;height: 70px;line-height: 70px;font-size: 18px;color: #ffffff;}
.Menu-special ul li a:before{display: inline-block;content: '';width: ;height: ;}
.Menu-special ul li.on a{background-color: #2058aa;}
.Menu-special ul li a:before{display: inline-block;content: '';width: 31px;height: 25px;margin-right: 18px;background-size: 100%;vertical-align: sub;}
.Menu-special ul li:nth-of-type(1) a:before{background-image: url('../images/Menu-special1.png');}
.Menu-special ul li:nth-of-type(2) a:before{background-image: url('../images/Menu-special2.png');}
.Menu-special ul li:nth-of-type(3) a:before{background-image: url('../images/Menu-special3.png');}
.Menu-special ul li:nth-of-type(4) a:before{background-image: url('../images/Menu-special4.png');}
.Menu-special ul li:nth-of-type(1){display: none;}
.special-home .column-banner{margin-bottom: 20px;}
.special-home .column-banner img{width: 100%}
.special-home .item-box{padding: 3.125% 0;}
.special-home .item-box .column-title{margin-bottom: 40px;text-align: center;}
.special-home .item-box .column-title span{display: block;width: 230px;height: 66px;margin: 0 auto;padding-top: 26px;text-align: right;font-size: 30px;color: #333333;box-sizing: border-box;background-size: auto;background-repeat: no-repeat;background-position: left top}
.special-home .item-box.system .column-title span{background-image: url('../images/column-title1.png');}
.special-home .item-box.review .column-title span{background-image: url('../images/column-title2.png');}
.special-home .item-box.picture .column-title span{background-image: url('../images/column-title3.png');}
.special-home .system .box{font-size: 0;}
.special-home .system .box .main{display: inline-block;width: 47%;vertical-align: top;}
.special-home .system .box .img{position: relative;display: inline-block;width: 47%;margin-left: 6%;vertical-align: top;}
.special-home .system .box .img img{width: 98%;}
.special-home .system .box .img:after{display: block;content: '';position: absolute;right: 0;bottom: -2%;width: 98%;height: 98%;background-color: #d4e1f0;z-index: -1;}
.special-home .system .box .main .title{font-size: 24px;color: #2767b6;font-weight: bold;}
.special-home .system .box .main .title:after{display: block;content: '';margin-top: 15px;width: 60px;height: 1px;background-color: #2767b6;}
.special-home .system .box .main .text{margin-top: 20px;font-size: 14px;color: #666666;line-height: 1.8;}
.special-home .more{margin-top: 30px;}
.special-home .more a{display: block;width: 130px;height: 36px;font-size: 16px;color: #2767b6;text-align: center;line-height: 34px;border: 1px solid #2767b6;box-sizing: border-box;}
.special-home .review{background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url('../images/review-bg.jpg')}
.special-home .review .box{font-size: 0;}
.special-home .review .box .img{display: inline-block;width: 47.5%;vertical-align: top;}
.special-home .review .box .main{display: inline-block;width: 47.5%;margin-left: 5%;vertical-align: top;}
.special-home .review .box .main .title{font-size: 30px;color: #333333;}
.special-home .review .box .main .title:after{display: block;content: '';margin-top: 15px;width: 60px;height: 1px;background-color: #2767b6;}
.special-home .review .box .main .text{margin-top: 20px;font-size: 14px;color: #666666;line-height: 1.8;}
.special-home .review .box .img .owl-carousel{position: relative;}
.special-home .review .box .img .owl-carousel .owl-stage-outer{position: relative;overflow: hidden;}
.special-home .review .box .img .owl-carousel .owl-stage-outer .owl-item{display: inline-block}
.special-home .review .box .img .owl-carousel .owl-stage-outer img{width: 100%}
.special-home .review .box .img .owl-carousel .owl-nav{display: none;}
.special-home .review .box .img .owl-carousel .owl-dots{position: absolute;left: 3%;bottom: 3%;}
.special-home .review .box .img .owl-carousel .owl-dots .owl-dot{display: inline-block;margin-right: 15px;}
.special-home .review .box .img .owl-carousel .owl-dots .owl-dot span{display: block;width: 10px;height: 10px;border-radius: 10px;background-color: #fff;}
.special-home .review .box .img .owl-carousel .owl-dots .owl-dot.active span{background-color: #2058aa;}
.special-home .picture .img img{width: 100%}
/* .special-system{padding: 3.125% 0 5.2% 0;} */
.public-title{position: relative;margin-bottom: 30px;}
.public-title .en{font-size: 100px;text-transform: uppercase;color: rgba(2, 80, 126, .05);}
.public-title .cn{position: absolute;top: 23px;left: 0;z-index: 3}
.public-title .cn span{display: inline-block;font-size: 34px;color: #343434;vertical-align: middle;}
.public-title .cn:before{display: inline-block;width: 37px;height: 33px;margin-right: 15px;background-size: 100%;vertical-align: middle;}
.special-system .public-title .cn:before{background-image: url('../images/title-xt.png');}
.special-system .represent{padding: 11.71% 0;background-size: cover;background-position: center;background-repeat: no-repeat;}
.special-system .represent ul{font-size: 0;}
.special-system .represent ul li{display: inline-block;width: 23%;margin-right: 2.66%;padding: 4.1% 2.98%;min-height: 285px;background-color: #464646;cursor:pointer;transition: 0.4s ease;vertical-align: top;box-sizing: border-box;}
.special-system .represent ul li:last-child{margin-right: 0;}
.special-system .represent ul li .title{font-size: 25px;color: #fff;}
.special-system .represent ul li .text{margin-top: 25px;font-size: 16px;color: #fff;line-height: 1.8;}
.special-system .represent ul li:hover{background-color: rgba(221, 44, 52, .8);}
.special-system .textarea-box .item{padding: 5.72% 0;}
.special-system .textarea-box .item:nth-of-type(even){background-color: #fafafa;}
.special-system .textarea-box .mian-title{font-size: 30px;color: #333333;}
.special-system .textarea-box .mian-title:after{display: block;margin-top: 20px;content: '';width: 60px;height: 1px;background-color: #4c4c4c;}
.special-system .textarea-box .mian-title.tac{text-align: center;}
.special-system .textarea-box .mian-title.tac:after{margin-left: auto;margin-right: auto;}
.special-system .textarea-box .business{margin-top: 60px;font-size: 0;}
.special-system .textarea-box .business .main-box{display: inline-block;width: 60%;vertical-align: middle;}
.special-system .textarea-box .business .img{display: inline-block;width: 35%;margin-left: 5%;vertical-align: middle;}
.special-system .textarea-box .business .img img{width: 100%}
.special-system .textarea-box .business .main-box ul li{display: inline-block;width: 47%;margin-right: 6%;margin-bottom: 20px;vertical-align: top;}
.special-system .textarea-box .business .main-box ul li:nth-of-type(2n){margin-right: 0;}
.special-system .textarea-box .business .main-box ul li .title{font-size: 16px;color: #333333;font-weight: bold;}
.special-system .textarea-box .business .main-box ul li .text{margin-top: 10px;font-size: 14px;color: #666666;line-height: 1.6;}
.special-system .textarea-box .framework{margin-top: 30px;font-size: 0;}
.special-system .textarea-box .framework .main-box{display: inline-block;width: 47%;vertical-align: middle;}
.special-system .textarea-box .framework .img{display: inline-block;width: 48%;margin-right: 5%;vertical-align: middle;}
.special-system .textarea-box .framework .img img{width: 100%;}
.special-system .textarea-box .framework .main-box ul{}
.special-system .textarea-box .framework .main-box ul li{margin-bottom: 20px;}
.special-system .textarea-box .framework .main-box ul li .title{font-size: 16px;color: #333333;font-weight: bold;}
.special-system .textarea-box .framework .main-box ul li .text{margin-top: 10px;font-size: 14px;color: #666666;line-height: 1.6;}
.special-review{padding: 3.125% 0 5.2% 0;}
.special-review .box{font-size: 14px;color: #666666;}
.special-review .box .img img{display: block;max-width: 100%;margin: auto}
.special-review .box .text{margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.special-picture{padding: 3.125% 0 5.2% 0;}
.special-picture .img img{width: 100%;}
.por{position: relative;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {*+height: 1%;}
@media (max-width:1380px){
	.w1340{max-width: 94%}
	.public-title .en{font-size: 60px;}
}
@media (max-width:1024px){}
@media (max-width:768px){
	.special-home .system .box .main{display: block;width: 100%}
	.special-home .system .box .img{display: block;width: 100%;margin-top: 20px;margin-left: 0;}
	.special-home .review .box .img{display: block;width: 100%;}
	.special-home .review .box .main{display: block;width: 100%;margin-top: 20px;margin-left: 0;}
	.special-system .represent ul li{width: 47%;margin-right: 6%;margin-bottom: 20px;min-height: auto;}
	.special-system .represent ul li:nth-of-type(2n){margin-right: 0;}
	.special-system .represent ul li .title{font-size: 20px;}
	.special-system .textarea-box .business .main-box{display: block;width: 100%}
	.special-system .textarea-box .business .img{margin-top: 10px;margin-left: 0;width: 100%}
	.special-system .textarea-box .framework .main-box{display: block;width: 100%;}
	.special-system .textarea-box .framework .img{display: block;width: 100%;margin-right: 0;margin-bottom: 10px;}
}
@media (max-width:640px){
	.Menu-special ul li{width: 33.33%}
	.Menu-special ul li a{font-size: 16px;}
	.Menu-special ul li a:before{width: 25px;height: 20px;margin-right: 10px;}
	.special-home .item-box .column-title{margin-bottom: 20px;}
	.special-home .item-box .column-title span{font-size: 24px;}
	.special-home .system .box .main .title{font-size: 20px;}
	.special-home .review .box .main .title{font-size: 24px;}
	.public-title .en{font-size: 40px;}
	.special-system .represent ul li{display: block;width: 100%;margin-right: 0;}
	.special-system .textarea-box .mian-title{font-size: 24px;}
	.special-system .textarea-box .business .main-box ul li{display: block;width: 100%;margin-right: 0;}
	.special-system .textarea-box .business{margin-top: 30px;}
	.special-system .textarea-box .mian-title{text-align: center;}
	.special-system .textarea-box .mian-title:after{margin-left: auto;margin-right: auto;}
	.special-system .represent ul li .text{margin-top: 15px;}
}



.RighInfo001278{ padding:2% 0;}
.RighInfo001278 .n-l{width:75%;float:left;}
.RighInfo001278 .n-r{width:20%;float:right;}
.RighInfo001278 .auto{max-width:1440px;padding: 0 1%;margin: 0 auto;}
.RighInfo001278 .head-tit h2{font-size:24px;color:#084776;margin:0;margin-top:-40px;}
.RighInfo001278 .head-tit span{font-size:50px;color:#f2f6f8;text-transform: uppercase;font-weight: bold;}
.RighInfo001278 .head-con{margin-bottom:3%;}
.RighInfo001278 .head-con p{font-size:14px;line-height: 24px;color:#666;}
.RighInfo001278 .tab_left{width:10%;float:left;}
.RighInfo001278 .tab_left .h1_tab{ margin:0;  overflow:hidden; font-size:14px; font-weight:normal; color:#666;}
.RighInfo001278 .tab_left .h1_tab span{display: block; text-align: center; line-height:50px; background-color:#f2f2f3;background: url(../images/map_off.png) center;background-size: 100% 100% !important;padding: 0 18px; margin-right:4px;margin-bottom:8px; cursor:pointer;}
.RighInfo001278 .tab_left .h1_tab span.on{ background: url(../images/map_on.png) center; color:#fff;}
.RighInfo001278 .tab{ padding:0% 0;width:100%;float:right;}
.RighInfo001278 .tab .h1_tab{ margin:0;  overflow:hidden; font-size:14px; font-weight:normal; color:#666;}
.RighInfo001278 .tab .h1_tab span{ float:left; line-height:50px; background-color:#f2f2f3;background: url(../images/map_off.png) center;background-size: 100% 100% !important;padding: 0 23px; margin:0 2px; margin-bottom:8px; cursor:pointer;}
.RighInfo001278 .tab .h1_tab span.on{ background: url(../images/map_on.png) center; color:#fff;}
.RighInfo001278 .tab .info{margin-top: 3%;border: 1px solid #68c0e2;padding: 2% 2% 1%;}
.RighInfo001278 ul{display:flex;flex-wrap:wrap;}
.RighInfo001278 li{display:flex;align-items:center;justify-content:center;width:24%;margin-right:1%;margin-bottom:1%;border: 1px solid #eeee;}
.RighInfo001278 .tab .info2{ margin-top: 3%;border: 1px solid #68c0e2;padding: 2% 2% 1%;}
/*.RighInfo001278 li{float:left;width:13.4%;margin-right:1%;margin-bottom:1%;border: 1px solid #eeee;}*/
/*.RighInfo001278 li:nth-child(7n){ margin-right:0;}*/
	.RighInfo001278 li a {
		display: block;
		background-color: #fff;
		transition: all ease-in-out 0.3s;
		padding: 15px 10px;
		text-align: center;
	}
.RighInfo001278 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:40%;}
@media(max-width:1000px){
	.RighInfo001278 .n-r{width:100%;}
	.RighInfo001278 .n-l{width:100%;}
}
@media(max-width:768px){
	.RighInfo001278 .tab_left{width:100%;}
	.RighInfo001278 .tab_left .h1_tab span{display: inline-block;line-height: 42px;}
	.RighInfo001278 .tab .h1_tab span{line-height: 42px}
	.RighInfo001278 .tab{width:100%;}
	.RighInfo001278 .head-tit h2{margin:0;}
	.RighInfo001278 .head-tit span{display: none;}
}
@media(max-width:640px){
	.RighInfo001278 li{width:32.6%;}
	.RighInfo001278 li:nth-child(7n){ margin-right:1%;}
	.RighInfo001278 li:nth-child(3n){ margin-right:0%;}
	
 }	
@media(max-width:480px){
	.RighInfo001278 .tab .h1_tab{ font-size:14px;}
	.RighInfo001278 .tab .h1_tab span{ padding:0 3%;}
 }