﻿@charset "utf-8";
/* CSS Document */
html { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; }

/*reset.css*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
/*Base*/
html { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/ }
* { margin: 0; padding: 0; }
a { text-decoration: none; background: transparent; /*修正win8系统IE连接灰色背景*/ outline: none;  blr:expression(this.onFocus=this.blur());}
a:focus { outline: 0; }
a:active, a:hover { outline:0;/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/}
img { border: 0; -ms-interpolation-mode: bicubic/*ie7 解决图片缩放失真问题*/ }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline: none; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input.submit { border: 0; margin: 0; cursor: pointer; }
input.radio { width: 13px; height: 13px; float: left; display: inline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; }
li { list-style: none; float: left; }
/*清除浮动*/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
h1, h2, h3, h4, h5, h6 { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; color: #666; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.link{ height:30px; line-height:30px;margin-bottom:20px;overflow:hidden; font-size:14px;}
.link a{ color:#666;}
.link a:hover{ color:#c30008;}
.fl{ float:left;}
.fr{ float:right;}
.trans-3 {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
body { min-width: 1480px; overflow-x: hidden; color: #333!important; font-size:13px; font-family:"微软雅黑" }
.w1480 { width: 1480px; margin: 0 auto; position: relative; }
.content { width: 1480px; margin: 0 auto; position: relative; }
.content:after { content: ""; clear: both; visibility: hidden; height: 0px; display: block; }

.index_con{ background: url(../images/index_bg_repeat.jpg) repeat 0 0; }

/*导航菜单*/
.header { height: 100px; width: 100%; background-color: #ffffff; /*padding-bottom: 5px; background: url(../images/home_nav_bg.png) repeat-x center top;*/ position: relative; z-index: 10; }
.header .header-main { position: relative; z-index: 11;}
.header .logo { padding: 15px 0 0 0; float: left; width:330px; overflow: hidden; float: left; }
.header .logo img{ height:70px; width: auto; }

.header .nav { width:1150px; height:100px; float: left; }
.header .nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .nav ul:before,
.header .nav ul:after {
  content: "";
  display: table;
}
.header .nav ul:after {
  clear: both;
}
.header .nav ul > li {
  float: left;
  width:150px;
  position: relative;
}
.header .nav a {
  display: block;
  width:150px;
  height:95px; 
  line-height: 100px;
  text-align: center;
  color: #000;
  font-size:16px;
  font-weight: 300;
  border-bottom: 5px solid #ffffff;
}
.header .nav a:hover, .header .nav a.active {
  text-decoration: none;
  color: #ffffff;
  background-color: #154366;
  border-bottom: 5px solid #bf292d;
}
.header .nav li ul {
  background: rgba(255, 255, 255, 0.6);
}
.header .nav li ul li {
  width: 130px;
}
.header .nav li ul a {
  border: none;
}
.header .nav li ul a:hover {
  color: #bf292d;
}
/* 二级菜单淡入淡出
============================== */
/*
.header .nav ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.header .nav li ul {
  position: absolute;
  left: 0;
  top: 120px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}
.header .nav li ul li a{ height: 40px; line-height: 40px; border-bottom: none;}
.header .nav li ul li a:hover{ border-bottom: none; color: #fff; font-size:14px; }
*
/* 二级菜单弹出
============================== */
.header .nav ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.header .nav li ul {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}
.header .nav li ul li a{ height: 40px; line-height: 40px; border-bottom: none;}
.header .nav li ul li a:hover{ border-bottom: none; color: #fff; font-size:14px; }

/*大图轮播*/
.banner { height: 590px; position: relative; min-width: 1000px; overflow: hidden; width: 100%; margin-top: -5px; }
.banner ul li { display: none; height: 590px; left: 0; position: absolute; top: 0; width: 100%; }
.banner .banner_con{ width: 100%;  height: 100%; display: flex;  align-items: center; overflow: hidden; position: relative; text-align: center; z-index:9999999; background: url(../images/banner_txt_bg.png) repeat 0 0; }
.banner .banner_con div{ width: 60%; min-width: 1024px; margin:0 auto; }
.banner .banner_con .banner_bt{ font-size: 38px; color: #bf292d;  text-align: center;}
.banner .banner_con .banner_desc{ line-height: 32px; color: #eeeeee; font-size: 24px; text-align: center;}
.banner .number { bottom: 30px; left: 50%; margin-left: -500px; position: absolute; width: 1000px; text-align: center; z-index: 99999999; }
.banner .number span { color: #fff; text-align: center; display: inline-block; /*overflow: hidden;*/width: 30px; height: 30px; cursor: pointer; text-align: center; background: url(../images/banner_dot.png) no-repeat center bottom; vertical-align: top; }
.banner .number span i { display: inline-block; font-style: normal; font-size: 48px; font-family: "宋体"; background: url(../images/banner_bg03.png) no-repeat center; width: 100%; line-height: 1.2em; display: none; }
.banner .number span.current { background-image: url(../images/banner_dot2.png); }
.banner .number span.current i { display: inline-block; }

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-1000px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}     /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.banner .banner_con .banner_bt{
    animation: lefteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}

/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
    0%{ transform: translateX(1000px); opacity: 0;}   /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}      /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
.banner .banner_con .banner_desc{
    animation: righteaseinAnimate 1s ease 1;    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 1s ease 1;
    -moz-animation: righteaseinAnimate 1s ease 1;
    -ms-animation: righteaseinAnimate 1s ease 1;
    -o-animation: righteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}


/*首页_公司简介*/
.index_profile{ width: 100%; height: auto; background: url(../images/index_bg.jpg) no-repeat center 0; padding: 50px 0; }
.i_profile{ position: relative; }
.i_profile .bt{ margin-bottom: 35px; text-align: center; width: 100%; position: relative; }
.i_profile .bt1{ width:100%; font-size:30px; text-transform:uppercase; line-height: 40px; color: #faf8f8; }
.i_profile .bt2{ width:100%; font-size:22px; color: #faf8f8; }

.i_profile .profile_video{
	position: relative;
	width:660px;
	height: 460px;
	float: left;
}
.i_profile .profile_video video{
	display: inline-block;
  	vertical-align: baseline;
  	width: 100%;
  	height: 100%;
  	object-fit: fill;
}
.i_profile .profile_video .video-img{
	position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: url(../images/index_video_bg.jpg) no-repeat;
    background-size: 100% 100%;
	cursor:pointer;
	transition:0.3s;
}
.i_profile .profile_video .video-img:hover{background: url(../images/index_video_bg_hover.jpg) no-repeat;}
.i_profile .profile_content{ width:780px; height: 460px; float: right; position: relative; }
.i_profile .profile_content .desc{}
.i_profile .profile_content .desc p{ color: #fdfafa; font-size:18px; line-height: 36px; text-indent: 2em; width: 97%; }
.i_profile .profile_content .listpic{ width: 100%; height: 130px; position: absolute; bottom: 0px; left: 0px; }
.i_profile .profile_content .listpic li{ float: left; width:240px; height: 130px; margin-right:20px; }

.i_news{ margin-top:50px; }
.i_news .bt{ text-align: left; width: 100%; position: relative; }
.i_news .bt1{ width:130px; float: left; font-size:22px; line-height: 40px; color: #faf8f8; }
.i_news .bt2{  width:350px; float: left; font-size:18px; line-height: 40px; color: #faf8f8; }
.i_news ul{ margin-top:15px; }
.i_news ul li{ width:100%; height: 36px; line-height: 36px; float: left; position: relative; }
.i_news ul li:hover a{ color: #bf292d }
.i_news ul li a{ width: 75%; height: 36px; float: left; font-size:18px; color: #e2dede;}
.i_news ul li span{ width: 20%; height: 36px; margin-right: 21px; font-size:18px; float: right; text-align: right; color: #e2dede; }

/*首页_典型案例*/
.index_case{ width: 100%; height: auto; }
.index_case .bt{ text-align: center; width: 100%; background-color: #ffffff; position: relative; padding:35px 0; }
.index_case .bt1{ width:100%; font-size:30px; text-transform:uppercase; line-height: 40px; color: #999999; }
.index_case .bt2{ width:100%; font-size:22px; color: #333333; }

.case_ul{ width: 100%; height: auto; background: url(../images/index_bg.jpg) no-repeat center 0; padding:30px 0;}
.case_ul .case_li{ width:100%; float: left; height: auto; margin-top: 20px; }
.case_ul .case_li img{ width:100%; height: auto; float: left; cursor: pointer;}
.case_ul .case_li a{ width: 100%; height: 40px; line-height: 40px; float: left; color: #ffffff; font-size:18px; text-align: center; }
.case_ul .case_li:hover a{ color:#bf292d; }

.index_button{ width:180px; height: 46px; display: block; line-height: 46px; text-align: center; font-size:18px; margin:20px auto; background-color: #bf292d; color:#fff;}
.index_button:hover{ background-color: #a12125 }

/*首页_交互控制*/
.index_solution{width: 100%; height: auto; padding-top:50px; }
.index_solution .bt{ text-align: center; width: 100%; background-color: #ffffff; position: relative; padding:35px 0; }
.index_solution .bt1{ width:100%; font-size:30px; text-transform:uppercase; line-height: 40px; color: #999999; }
.index_solution .bt2{ width:100%; font-size:22px; color: #333333; }

.index_solution .bigpic{ width:1920px; height: auto; margin:0 auto; }
.solution_ul{ width: 100%; height: auto; background: url(../images/index_bg.jpg) no-repeat center 0; padding:30px 0;}
.solution_ul .solution_li{ width:48.5%; float: left; height: auto; margin-top: 20px; }
.solution_ul .solution_li:nth-of-type(2n){ margin-left:3%; }
.solution_ul .solution_li img{ width:100%; height: auto; float: left; cursor: pointer;}
.solution_ul .solution_li a{ width: 100%; height: 40px; line-height: 40px; float: left; color: #ffffff; font-size:18px; text-align: center; }
.solution_ul .solution_li:hover a{ color:#bf292d; }

/*首页_其他应用领域*/
.index_other{width: 100%; height: auto; padding-top:50px; }
.index_other .bt{ text-align: center; width: 100%; background-color: #ffffff; position: relative; padding:35px 0; }
.index_other .bt1{ width:100%; font-size:30px; text-transform:uppercase; line-height: 40px; color: #999999; }
.index_other .bt2{ width:100%; font-size:22px; color: #333333; }

.index_other .bigpic{ width:1920px; height: auto; margin:0 auto; }
.other_ul{ width: 100%; height: auto; background: url(../images/index_bg.jpg) no-repeat center 0; padding:30px 0;}
.other_ul .other_li{ width:48.5%; float: left; height: auto; margin-top: 20px; }
.other_ul .other_li:nth-of-type(2n){ margin-left:3%; }
.other_ul .other_li img{ width:100%; height: auto; float: left; cursor: pointer;}
.other_ul .other_li a{ width: 100%; height: 40px; line-height: 40px; float: left; color: #ffffff; font-size:18px; text-align: center; }
.other_ul .other_li:hover a{ color:#bf292d; }

/*首页_技术优势*/
.index_advantages{width: 100%; height: auto; padding-top:50px; }
.index_advantages .bt{ text-align: center; width: 100%; background-color: #ffffff; position: relative; padding:35px 0; }
.index_advantages .bt1{ width:100%; font-size:30px; text-transform:uppercase; line-height: 40px; color: #999999; }
.index_advantages .bt2{ width:100%; font-size:22px; color: #333333; }

.index_advantages .bigpic{ width:1920px; height: auto; margin:0 auto; position: relative;}
.advantages_ul{ width: 100%; height: auto; background: url(../images/index_bg.jpg) no-repeat center 0; padding:30px 0;}
.advantages_ul .advantages_li{ width:48.5%; float: left; height: auto; margin-top: 20px; }
.advantages_ul .advantages_li:nth-of-type(2n){ margin-left:3%; }
.advantages_ul .advantages_li img{ width:100%; height: auto; float: left; cursor: pointer;}
.advantages_ul .advantages_li a{ width: 100%; height: 40px; line-height: 40px; float: left; color: #ffffff; font-size:18px; text-align: center; }
.advantages_ul .advantages_li:hover a{ color:#bf292d; }

.index_advantages .i_news{ padding-bottom: 30px; }
.index_advantages .i_news .bt{ text-align: left; width: 100%; position: relative; background-color:none; padding:0 0; }
.index_advantages .i_news .bt1{ width:130px; float: left; font-size:22px; line-height: 40px; color: #faf8f8; }
.index_advantages .i_news .bt2{  width:350px; float: left; font-size:18px; line-height: 40px; color: #faf8f8; }

/*左右循环*/
#index_demo { 
width:1480px;
height:250px;
position: absolute;
overflow: hidden;
top:50px;
left:50%;
margin-left:-740px;
} 
#index_demo li{ width:200px; float: left; height:250px; float: left; }
#index_demo img { float: left; width:65px; height: 38px; margin-top:106px; } 
#index_indemo { 
float: left; 
width: 800%; 
} 
#index_demo1 { 
  width:2480px !important;
  float: left; 
} 
#index_demo1 li{ float: right; }
#index_demo .demo_item{ width:90px; height: 54px; float: left; margin-left:15px; margin-top:95px; position: relative; background-color: #6aa7ca; border:3px solid #ffffff; color: #ffffff; border-radius: 5px; cursor: pointer; text-align: center; display: flex; justify-content:center; align-items: center;}
#index_demo .demo_item:hover{ background-color: #febf14; border:3px solid #febf14; color: #000000; }
#index_demo .demo_item .layout{ width:403px; height: 247px; position: absolute; top:-95px; left:-180px; overflow:auto; background-image: url(../images/layout.png); z-index:9999; color:#fdf7f7; display: flex; align-items: center; padding:0 15px; font-size: 16px; line-height: 30px; text-indent: 2em; text-align: left; display: none;}
#index_demo .demo_item:hover .layout{ display: flex; }

/*footer*/
.footer{ width:100%; height: auto; background-color: #323232; }
.footer .row{ margin:65px 0; height: 176px; float: left; position: relative;}
.footer .row .bt{ font-size:22px; color: #fdfcf8; margin-bottom: 10px; }
.footer .row .desc{line-height:40px; font-size:18px; color: #b1b1b1 }
.footer .row a{line-height:40px; font-size:18px; color: #b1b1b1; float: left; margin-right: 20px; }
.footer .row1{ width:20%; border-right:1px solid #727272; }
.footer .row2{ width:30%; border-right:1px solid #727272; padding:0 3%; }
.footer .row3{ width:20%; border-right:1px solid #727272; padding:0 3%; }
.footer .row4{ width:17%; float: right; }
.footer .row4 img{ height:100%; width: auto; float: right; }

.footer .copyright{ border-top:1px solid #727272; padding:10px 0; text-align: center; font-size: 14px; }
.footer .copyright p,.footer .copyright a{ line-height: 30px;  color: #fdf9f9; }

/*内页banner*/
.nei_banner{overflow: hidden; position: relative; width: 100%; min-width:1200px; width:expression(document.body.clientWidth <=1200? "1200px": "auto");}
.nei_banner>a>img{width:1920px;position:relative;left:50%;margin-left:-960px;vertical-align:bottom;}
.nei_banner .title{ width:100%; height:50px; line-height: 50px; position: absolute; top:50%; margin-top:-25px; font-size:44px; text-align: center; color: #0068b5;}

/*面包屑导航条*/
.location_nav{border-bottom:1px solid #ddd;}
.location_nav>div{margin:0 auto;overflow:hidden;line-height:62px;}
.location_nav>div>p{float:left; height:62px; line-height:62px; margin:0; padding:0;}
.location_nav>div>p>span:nth-child(1){font-size:18px;color:#333;margin-right:15px;}
.location_nav>div>p>span:nth-child(2){font-size:16px;color:#d4d4d4;}
.location_nav>div>div{float:right;line-height:62px;}
.location_nav>div>div>a{font-size:14px;color:#666;cursor:pointer;}
.location_nav>div>div>span{font-size:14px;color:#d4d4d4;margin:0 15px;}
.location_nav>div>div>a:hover{color:#0068b5;}
.location_nav>div>div>a.nav_color{color:#0068b5;font-weight:bold;}

/*关于我们*/
.about-profile {
	height: 67vh;
	position: relative;
	background: #F4F4F8;
}
.about-profile .img {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
}
.about-profile .text {
	float: left;
	width: 50%;
	padding-left: 3.125vw;
	height: 100%;
	display: flex;
	align-items: center;
}
.about-profile .text {
	float: left;
	width: 40%;
	padding-left: 5%;
	height: 100%;
	display: flex;
	align-items: center;
}
.about-public-h2 {
	font-size: 2.5vw;
	color: #154366;
	font-family: "CenturyGothicbold";
}
.about-public-h3 {
	font-size: 1.25vw;
	color: #222222;
	margin: 1vh 0 5vh;
}
.about-profile P {
	line-height: 32px;
	color: #444444;
	font-size: 15px;
}
.about-profile.honor .img {
	float: right;
}
.about-profile.honor .text {
	padding-left: 5%;
}
.about-look {
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #2f318b;
	background: #fff;
	color: #2f318b;
	fotn-size: 15px;
	margin-top: 9vh;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.about-look:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #2f318b;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: ease .65s;
	z-index: -1;
}
.about-look:hover:before {
	transform: translate(-50%, -50%) scale(1);
	border-radius: 0;
}
.about-look:hover {
	color: #fff;
}
.about-profile-a {
	background: #154366 url(../images/icon5.png);
	padding: 12vh 0;
}
.about-profile-item{ width:100%; position: relative; }
.about-profile-item li {
	color: #fff;
	width:25%;
	float: left;
	text-align: center;
}
.about-profile-item li i {
	font-size: 3.125vw;
}
.about-profile-item li h2 {
	font-size: 1.35vw;
}
.about-profile-item li h2 span {
	font-size: 2.9vw;
	margin: 0 5px;
	color:#ffffff;
}
.about-profile-item li h3 {
	font-size: 16px;
	margin-top: 20px;
	color:#ffffff;
}
.about-culture {
	background: #ffffff;
	padding-top: 50px;
}
.about-culture .about-public-h2, .about-culture .about-public-h3 {
	text-align: center;
}
.about-culture .about-public-pre {
	margin: auto;
	text-align: center;
	max-width: 70%;
	font-size: 16px;
}
.about-status-item {
	width:100%;
	margin-top: 50px;
}
.about-status-item li {
	flex: 1;
	width: 24.25%;
	margin-right:1%;
	float: left;	
	position: relative;
	overflow: hidden;
}
.about-status-item li:last-child{margin-right:0;}
.about-status-item li img{ width: 100%; height: auto; }
.about-status-item li:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #00A2E9;
	position: absolute;
	left: 0;
	top: 0;
	transform: scaleY(0);
	transform-origin: center bottom;
	transition: ease .65s;
}
.about-status-item li h2 {
	position: absolute;
	left: 0;
	bottom: 4vh;
	color: #fff;
	text-align: center;
	font-size: 18px;
	right: 0;
	padding: 0 20px;
	transition: ease .65s;
}
.about-status-item li h3 {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	text-align: center;
	padding: 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	transition: ease .65s;
	opacity: 0;
	transform: translateY(100%);
}
.about-status-item li:hover:before {
	transform: scaleY(1);
}
.about-status-item li:hover h3 {
	opacity: 1;
	transform: translateY(-50%);
}
.about-status-item li:hover h2 {
	opacity: 0;
	transform: translateY(100%);
}
.about-welfare {
	background-color: #F4F4F8;
	padding-bottom: 10vh;
}
.about-welfare-h {
	background-repeat: no-repeat;
	background-position: center top;
	height: 60vh;
	padding-top: 8vh;
}
.about-welfare .about-public-h2, .about-welfare .about-public-h3 {
	text-align: center;
	color: #fff;
}
.about-welfare-item {
	width:100%;
}
.about-welfare-item li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.about-welfare-item li:last-child{margin-right: 0;}
.about-welfare-item li img {
	width: 100%;
}
.about-welfare-item li a {
	display: block;
	background: #fff;
	box-shadow: 0 0 24px rgba(0,0,0,.1);
	height: 100%;
}
.about-welfare-item li .text {
	padding: 5vh 20px 7vh;
	text-align: center;
}
.about-welfare-item li .text h2 {
	font-size: 22px;
	color: #222222;
	transition: ease .65s;
}
.about-welfare-item li .text pre {
	line-height: 24px;
	color: #444444;
	margin-top: 5vh;
}
.about-welfare-item li a:hover .text h2 {
	color: #00A2EA;
}
.about-welfare-h {
	background-size: cover;
}

/*内页_图文列表*/
.nei_list_ul{ width: 100%; height: auto; padding:30px 0;}
.nei_list_ul .nei_list_li{ width:48.5%; float: left; height: auto; margin-top: 20px; }
.nei_list_ul .nei_list_li:nth-of-type(2n){ margin-left:3%; }
.nei_list_ul .nei_list_li img{ width:100%; height: auto; float: left; cursor: pointer;}
.nei_list_ul .nei_list_li a{ width: 100%; height: 40px; line-height: 40px; float: left; color: #332B29; font-size:18px; text-align: center; }
.nei_list_ul .nei_list_li:hover a{ color:#bf292d; }

/*内页_详细内容*/
/*内页样式2
.nei_content .bt1{ color: #222222; font-weight: bold; text-align: center; font-size:20px; margin-top: 50px;}
.nei_content .bt2{ padding: 2.6vh 0; border-top: 1px solid #DCDCEA; border-bottom: 1px solid #DCDCEA; color: #888888; font-size: 15px; text-align: center; margin-top: 50px;}
.nei_content .nei_con{ min-height: 200px; line-height: 40px; color: #222222; font-size:16px; margin-top: 20px; padding-bottom: 50px;}
.nei_content .nei_con p{ line-height: 40px; color: #222222; font-size:16px;}
.nei_content .nei_con img{ width:100%; height: auto; margin:10px 0; }

.nextAndprev{ width:100%; float: left; border-top:1px solid #DCDCEA; padding-bottom:50px;}
.nextAndprev li{ width:100%; height: 40px; line-height: 40px; float: left;}
.nextAndprev li a{ font-size:16px; color: #3b3b3b;}
.nextAndprev li a:hover{ color: #bf292d; }
*/

.nei_content{ background-color: #f5f5f5; overflow: hidden;}
.nei_content .content{ background-color: #ffffff; margin-top: 50px; margin-bottom: 50px;}
.nei_content .content .content2{ width:94%; margin:0 auto; padding-top:10px; }
.nei_content .bt1{ color: #222222; font-weight: bold; text-align: center; font-size:20px; line-height: 80px;}
.nei_content .bt2{ padding: 20px 0; color: #888888; font-size: 15px; text-align: center;}
.nei_content .nei_con{ min-height: 200px; line-height: 40px; color: #222222; font-size:16px; margin-top: 20px; padding-bottom: 50px;}
.nei_content .nei_con p{ line-height: 40px; color: #222222; font-size:16px;}
.nei_content .nei_con img{ width:100%; height: auto; margin:10px 0; }

.nextAndprev{ border-top:1px solid #DCDCEA; padding-bottom:30px;}
.nextAndprev li{ width:100%; height: 40px; line-height: 40px; float: left;}
.nextAndprev li a{ font-size:16px; color: #3b3b3b;}
.nextAndprev li a:hover{ color: #bf292d; }

/*内页_新闻*/
.lh-news-item {
	padding:30px 0;
}
.lh-news-item li {
	width: 32.5%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
}
.lh-news-item li:nth-child(3n){margin-right:0;}
.lh-news-item li a {
	display: block;
	position: relative;
	background: #fff;
	box-shadow: 0 0 24px rgba(0,0,0,.12);
}
.lh-news-item li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #154366;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: ease .65s;
}
.lh-news-item li .img {
	overflow: hidden;
}
.lh-news-item li img {
	transition: ease .65s;
	width: 100%;
}
.lh-news-item li .text {
	padding: 4vh 20px 6vh;
}
.lh-news-item li .text h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: ease .65s;
}
.lh-news-item li .text h3 {
	line-height: 28px;
	color: #666666;
	height: 56px;
	overflow: hidden;
	margin: 2vh 0;
}
.lh-news-item li .text h4 {
	color: #999999;
	font-weight: bold;
	font-size: 16px;
	font-family: "CenturyGothicbold";
	transition: ease .65s;
}
.lh-news-item li a:hover:after {
	transform: scaleX(1);
}
.lh-news-item li a:hover .text h2, .lh-news-item li a:hover .text h4 {
	color: #154366;
}

/*联系我们*/
.week_contact { min-width: 1200px;}
.week_container { width:100%; margin:0 auto;}
.contact-ways {
	overflow: hidden;
	width:100%;

}
.contact-ways li {
	float: left;
	width: 33%;
	height: 420px;
	border-left: 1px solid #e9e9e9
}
.contact-ways li:last-child {
	border-right: 1px solid #e9e9e9
}
.contact-ways li a,.contact-ways li a:hover {
	display: block;
	padding: 88px 0;
	text-align: center;
	text-decoration: none
}
.contact-ways li h4 {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin: 0;
	font-weight: 100
}
.contact-ways li p.cway-txt {
	font-size: 30px;
	line-height: 50px;
	color: #121212
}
.contact-ways li:hover p.cway-txt {
	color: #0068b5
}
.contact-ways li a i {
	margin: 0 auto 20px;
	display: block;
	width: 128px;
	height: 128px;
	background-color: #f8f8f8;
	border-radius: 64px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-tap-highlight-color: transparent
}
.contact-ways li a:hover i {
	background-color: #0068b5;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-tap-highlight-color: transparent
}
.contact-ways li a i.i-phone {
	background-image: url(../images/icon_phone.png);
	background-size: 128px;
	background-repeat: no-repeat;
	background-position: 0 0
}
.contact-ways li a:hover i.i-phone {
	background-position: 0 -128px
}
.contact-ways li a i.i-qq {
	background-image: url(../images/icon_qq.png);
	background-size: 128px;
	background-repeat: no-repeat;
	background-position: 0 0
}
.contact-ways li a:hover i.i-qq {
	background-position: 0 -128px
}
.contact-ways li a i.i-mail {
	background-image: url(../images/icon_mail.png);
	background-size: 128px;
	background-repeat: no-repeat;
	background-position: 0 0
}
.contact-ways li a:hover i.i-mail {
	background-position: 0 -128px
}

.week_weixin {
	background: url(../images/bg_weixin.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	min-width:1200px;
	padding: 80px 0
}
.week_weixin h3 {
	margin: 0 auto;
	font-size: 32px;
	width: 60%;
	line-height: 1.75;
	text-align: center;
	color: #fff;
	font-weight: 400
}
.week_weixin p {
	margin: 0 auto 20px;
	font-size: 16px;
	width: 80%;
	line-height: 1.75;
	text-align: center;
	color: #eee
}
.week_weixin-p img {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 160px;
	transition: all 0.4s;
}
.week_weixin-p:hover img{transform: scale(1.1)}
.week_weixin p span {
	display: inline-block;
	margin: 0 20px
}
.week_map {
    position: relative;
    height: 520px;
    min-width: 1200px;
    margin-bottom: -5px;
}
.mark-info {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px 0 0px 0;
	background: url(../images/tmbg.png) repeat;
	color: #fff
}
.mark-info h4 {
	margin: 0;
	line-height: 36px;
	font-size: 26px;
	font-weight: 400;
	color: #ffffff;
}
.mark-info p {
	font-size: 16px;
	line-height: 32px
}