/*
    ----------------------------------- 
            方法变量    
                     
    Create Time : 2014-07-22
    Update Time : 2015-08-03
    Author      : Trueland Development Department
    -----------------------------------
*/
/*
    ---------------------- 
            普通方法 
    ---------------------- 

    1 .opc()              // 透明度     - 传整数 50 代表 0.5   
    2 .pos(r)             // 定位方式 - 必须传参，r 代表relative || a 代表absolute ||  f 代表 fixed
    3 .font()             // 字体大小 - 默认12px 
    4 .align()            // 文本对齐 - 默认 center
    5 .lineH()            // 行高设置 - 默认 20px
   11 .arrow(r)           // 三角箭头 - 必须传参    l:向左箭头 | r:向右箭头 | t:向上箭头 | b:向下箭头
   12 .float()            // 快速浮动 - 默认为 left ||  left: 向左浮动   | right:向右浮动
   13 .fontC(d)           // 字大小写 - 比传参数 d 为 大写 s 为首字母大写
   14 .fontB()            // 字体粗细 - 默认加粗  fontB(100) 传100 就是 变细

   ----------------------
   CSS3 方法 
   ---------------------- 

   01 .borderR()          // 圆角设置 - 默认为 5px
   02 .linearG(red,blue)  // 线性渐变 - 两个颜色值 是开始到结束  目前支持 *上下* 渐变
   03 .bgFull             // 背景充满 - 背景等比例拉伸 使用 ：bgFull;
   04 .css3Tansition()    // 过度属性 - 默认两个值 前者是过渡动画时间 后者是过渡动画效果 使用 : .css3tansition(.4s,ease)
   

   //滤镜

   05 .filterBlur()       // 滤镜模糊 - 使用 ：.filterBlur(2px); 默认 5px
   06 .filterGrayscale()  // 滤镜灰度 - 使用 ：.filterGrayscale(100%); 默认100% ★注意参数 是 0%~100$; 100%代表全灰
   07 .filterSepia()      // 滤镜褐色 - 使用 ： .filterSepia(1); 默认1 ★注意参数 (同上)
   08 .filterBrightness() // 滤镜亮度 - 使用 ： .filterBrightness(10); 默认5 ★注意参数 10代表100% 5代表50%
   09 .filterHue()        // 滤镜色相 - 使用 ： .filterHue(180deg); 默认180deg ★注意参数 0deg~360deg
   10 .filterInvert()     // 滤镜反色 - 使用 ： .filterInvert(1); 默认1 ★注意参数 0.1~1 1代表100%
   11 .filterSaturate()   // 滤镜饱和 - 使用 ： .filterSaturate(5); 默认5 ★注意参数 5 代表 50%
   12 .filterContrast()   // 滤镜对比 - 使用 ： .filterContrast(1.5); 默认1.5 ★注意参数 1.5代表 15%
    
   ----------------------
        普通嵌套 
   ---------------------- 

   01 .vcenter            // 垂直水平居中
   02 .tHide              // 文本超出隐藏省略
   03 .blockFull          // 块状元素 宽高100%
   04 .block              // 块状元素 没有设置宽高
   05 .centerBlock        // 左右居中
   05 .clearfix           // 清除浮动

    -----------------------------------
*/
.bgFull {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(css/cover.htc);
  behavior: url(css/cover.htc);
}
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
}
.clearfix {
  clear: both;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333333;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
img {
  max-width: 100%;
}
@font-face {
  font-family: 'DINEngschriftStd';
  src: url('../fonts/DINEngschriftStd.eot');
  src: url('../fonts/DINEngschriftStd.eot?#iefix') format('embedded-opentype'), url('../fonts/DINEngschriftStd.woff') format('woff'), url('../fonts/DINEngschriftStd.ttf') format('truetype'), url('../fonts/DINEngschriftStd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.page {
  text-align: center;
}
.page a {
  display: inline-block;
  border: 1px solid #e4e4e4;
  line-height: 40px;
  color: #666666;
  font-size: 14px;
  margin: 0 1px;
  padding: 0 16px;
}
.page a:hover,
.page a.cur {
  background: #134992;
  border-color: #134992;
  color: #fff;
}
.float-box {
  position: fixed;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 28px;
  z-index: 999;
}
.float-box ul li {
  width: 64px;
  height: 64px;
  border-top: 1px solid #dbdbdb;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eaeaea;
}
.float-box ul li.return-top {
  background-position: center;
}
.float-box ul li:first-child {
  border-top: none;
}
.title {
  text-align: center;
  height: 90px;
  padding-top: 16px;
  position: relative;
}
.title:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 122px;
  height: 90px;
  border: 1px solid #d9d9d9;
  z-index: 0;
}
.title span {
  display: block;
  font-family: DINEngschriftStd;
  text-transform: uppercase;
  color: #f0f0f0;
  font-size: 60px;
  line-height: 48px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.title h3 {
  color: #0058ad;
  font-size: 30px;
  margin-top: -28px;
  position: relative;
  z-index: 1;
}
.title2 span {
  color: #4678b1;
  font-size: 60px;
  line-height: 48px;
  font-family: DINEngschriftStd;
  text-transform: uppercase;
  display: block;
}
.title2 h3 {
  color: #fff;
  font-size: 35px;
}
.bread {
  text-align: right;
  padding-top: 28px;
  color: #666666;
  font-size: 14px;
}
.bread span {
  background: url(../images/bg6.jpg) no-repeat left center;
  padding-left: 15px;
}
.bread em {
  font-style: normal;
  color: #0058ad;
}
.bread a {
  color: #666;
}
.bread a:hover {
  color: #134992;
}
.home_head {
  position: relative;
  z-index: 99;
}
.home_head .top {
  background: #0058ad;
  line-height: 36px;
  color: #a5b9d9;
  font-size: 12px;
}
.home_head .top .text {
  float: left;
}
.home_head .top .icon {
  float: right;
  padding-right: 20px;
  position: relative;
}
.home_head .top .icon:before {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  width: 1px;
  height: 8px;
  background: #5a8bbb;
}
.home_head .top .icon span {
  float: left;
}
.home_head .top .icon a {
  display: block;
  float: left;
  height: 12px;
  line-height: 12px;
  margin: 12px 4px;
  cursor: pointer;
}
.home_head .top .tel {
  float: right;
  margin-left: 24px;
}
.home_head .header {
  padding: 15px 0 0;
}
.home_head .header .logo {
  display: block;
  float: left;
  margin-bottom: 15px;
  line-height: 0;
}
.home_head .header .nav {
  float: right;
}
.home_head .header .nav ul li {
  float: left;
  text-align: center;
  margin: 0 25px;
  padding: 38px 0 44px;
  position: relative;
}
.home_head .header .nav ul li > a {
  display: block;
  color: #666666;
  font-size: 16px;
}
.home_head .header .nav ul li > a span {
  display: block;
  color: #cccccc;
  font-size: 12px;
  text-transform: uppercase;
  font-family: arial;
}
.home_head .header .nav ul li .nav_box {
  display: none;
  position: absolute;
  left: -37px;
  top: 100%;
  width: 260px;
  background: #fcfcfc;
  text-align: left;
}
.home_head .header .nav ul li .nav_box1{
	width: 144px;
}
.home_head .header .nav ul li .nav_box1 a{
	background: none;
}
.home_head .header .nav ul li .nav_box a {
  display: block;
  padding: 0 37px;
  color: #666666;
  line-height: 50px;
  border-bottom: 1px solid #f2f2f2;
  background: url(../images/nav1.png) no-repeat 230px center;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_head .header .nav ul li .nav_box a:hover {
  color: #f8f8f8;
  background: #0058ad url(../images/nav2.png) no-repeat 235px center;
}
.home_head .header .nav ul li .nav_box .text{
	position: relative;
}
.home_head .header .nav ul li .nav_box .text .nav_con {
  display: none;
  position: absolute;
  left: 260px;
  top: 0;
  background: #f4f4f4;
  width: 346px;
}
.home_head .header .nav ul li .nav_box .text .nav_con a {
  display: block;
  color: #9c9c9c;
  font-size: 14px;
  line-height: 40px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 20px;
  background: none;
}
.home_head .header .nav ul li .nav_box .text .nav_con a:hover {
  background: none;
  color: #0058ad;
}
.home_head .header .nav ul li:last-child {
  margin-right: 0;
}
.home_head .header .nav ul li:hover > a,
.home_head .header .nav ul li.cur > a {
  color: #0058ad;
}
/*.home_head .header .nav ul li:hover .nav_box{
  display: block;
}*/
.home_head .header .nav ul li .nav_box .text:hover .nav_con{
	display: block;
}
.home_head .header .nav ul li .nav_box .text:hover > a{
	color: #f8f8f8;
  	background: #0058ad url(../images/nav2.png) no-repeat 235px center;
}
.footer {
  background: #f9f9f9;
}
.footer .links {
  padding: 26px 0 20px;
  border-bottom: 1px solid #e3e3e3;
}
.footer .links span {
  display: block;
  color: #333333;
  font-size: 16px;
}
.footer .links .link_con {
  margin-top: 10px;
}
.footer .links .link_con a {
  display: block;
  float: left;
  color: #7b7b7b;
  font-size: 14px;
  margin-right: 74px;
  margin-bottom: 5px;
}
.footer .links .link_con a:hover {
  color: #0058ad;
}
.footer .foot {
  padding: 25px 0 50px;
}
.footer .foot .foot_nav a {
  display: block;
  float: left;
  color: #a5a5a5;
  font-size: 14px;
  margin-right: 88px;
}
.footer .foot .foot_nav a:hover {
  color: #0058ad;
}
.footer .foot .bottom {
  margin-top: 30px;
}
.footer .foot .bottom .left{
	width: 486px;
}
.footer .foot .bottom .left span {
  display: block;
  float: left;
  line-height: 1.5;
}
.footer .foot .bottom .left .text {
  float: left;
  margin-left: 20px;
  width: 364px;
}
.footer .foot .bottom .left .text h3 {
  color: #b4b4b4;
  font-size: 16px;
}
.footer .foot .bottom .left .text .t {
  margin-top: 18px;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 22px;
}
.footer .foot .bottom .min {
  margin-left: 60px;  
  width: 400px; 		
  
}
.footer .foot .bottom .min span {
  display: block;
  color: #999999;
  font-size: 14px;
}
.footer .foot .bottom .min .tel {
  color: #999999;
  font-size: 18px;
  font-weight: bold;
}
.footer .foot .bottom .min .t {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 22px;
}
.footer .foot .bottom .right {
  margin-top: 20px;
}
.footer .foot .bottom .right .ewm {
  display: block;
  width: 110;
  float: left;
  margin-left: 15px;
  text-align: center;
}
.footer .foot .bottom .right .ewm span {
  display: block;
  line-height: 0;
}
.footer .foot .bottom .right .ewm p {
  margin-top: 10px;
  color: #cccccc;
  font-size: 14px;
}
.footer .foot_bottm {
  background: #0058ad;
  color: #cccccc;
  font-size: 14px;
  padding: 16px 0;
}
.footer .foot_bottm span {
  display: block;
  float: left;
}
.footer .foot_bottm .fnav {
  float: right;
}
.footer .foot_bottm .fnav a {
  display: inline-block;
  float: left;
  color: #cccccc;
  background: url(../images/icon4.jpg) no-repeat right center;
  padding: 0 10px;
}
.footer .foot_bottm .fnav a:last-child {
  background: none;
  padding-right: 0;
}
.footer .foot_bottm .fnav a:hover {
  color: #fff;
}
.banner {
  position: relative;
  width: 100%;
}
.banner img {
  width: 100%;
}
.banner .slider-container .slider-nav {
  display: none;
}
.banner .slider-container .slider__item {
  line-height: 0;
  font-size: 0;
}
.banner .preview {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 5px;
  width: 1200px;
  height: 36px;
  background: #fbfbfb;
  border-radius: 3px;
}
.banner .preview a {
  display: block;
  width: 16.66666667%;
  float: left;
  text-align: center;
  line-height: 36px;
  color: #515151;
  font-size: 14px;
  position: relative;
}
.banner .preview a:before {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: -11px;
  transform: translateX(-50%);
  width: 14px;
  height: 11px;
  background: url(../images/banner_icon.png) no-repeat center center;
}
.banner a.active {
  background: #0058ad;
  color: #fff;
}
.banner a.active:before {
  display: block;
}
.home_words {
  border-bottom: 1px solid #ededed;
  padding: 12px 0;
}
.home_words .left {
  font-size: 14px;
  line-height: 40px;
}
.home_words .left span {
  display: block;
  float: left;
  color: #999999;
}
.home_words .left a {
  display: block;
  float: left;
  color: #666666;
  margin-right: 50px;
}
.home_words .left a:hover {
  color: #0058ad;
}
.home_words .right .text {
  float: left;
  width: 210px;
  border: 1px solid #f2f2f2;
  height: 40px;
  font-size: 14px;
  background: url(../images/btn_bg.jpg) no-repeat left center #ffffff;
  padding: 0 10px 0 40px;
}
.home_words .right .btn {
  width: 68px;
  height: 40px;
  background: #0058ad;
  border: none;
  color: #fff;
}
.home_pro {
  padding: 40px 0 60px;
}
.home_pro .name {
  color: #999999;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}
.home_pro .ol-list {
  margin-top: 30px;
}
.home_pro .ol-list a {
  display: block;
  float: left;
  border: 1px solid #d2d2d2;
  border-radius: 50px;
  line-height: 54px;
  width: 190px;
  text-align: center;
  color: #666666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 12px;
  margin-bottom: 10px;
}
.home_pro .ol-list a:nth-child(6n) {
  margin-right: 0;
}
.home_pro .ol-list a:hover,
.home_pro .ol-list a.cur {
  background: #0058ad;
  border-color: #0058ad;
  color: #fff;
}
.home_pro .home_pro_list {
  margin-top: 20px;
}
.home_pro .home_pro_list li {
  float: left;
  width: 292px;
  margin-right: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.home_pro .home_pro_list li .img {
  line-height: 0;
}
.home_pro .home_pro_list li .bt {
  background: #fff;
  line-height: 45px;
  text-align: center;
  color: #818181;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_pro .home_pro_list li:nth-child(4n) {
  margin-right: 0;
}
.home_pro .home_pro_list li:hover .bt {
  background: #0058ad;
  color: #fff;
}
.home_about {
  background: url(../images/home_bg.jpg) no-repeat center top;
  min-height: 527px;
}
.home_about .text {
  width: 617px;
  padding-top: 128px;
}
.home_about .text .t {
  margin-top: 12px;
  color: #f3f3f3;
  line-height: 24px;
}
.home_about .text .more {
  margin-top: 30px;
  border: 1px solid #6a98c5;
  border-radius: 50px;
  line-height: 48px;
  width: 168px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.home_about .qh_img {
  float: right;
  width: 454px;
  margin-top: 135px;
  background: #fff;
}
.home_about .qh_img img{
	width: 100%;
}
.home_about .qh_img .slick-dots {
  bottom: 30px;
}
.home_about .qh_img .slick-dots li button {
  border-radius: 50px;
  width: 13px;
  height: 13px;
  background: #fff;
}
.home_about .qh_img .slick-dots li.slick-active button {
  background: #d42011;
}
.home_shichang {
  padding: 45px 0 60px;
}
.home_shichang .shichang {
  margin-top: 30px;
  margin-bottom: 40px;
}
.home_shichang .shichang .left {
  float: left;
  width: 50%;
  position: relative;
}
.home_shichang .shichang .left span {
  display: block;
  line-height: 0;
}
.home_shichang .shichang .left .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  padding: 20px 30px;
}
.home_shichang .shichang .left .text h3 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: normal;
}
.home_shichang .shichang .left .text em {
  display: block;
  font-style: normal;
  color: #3a3a3a;
  font-size: 13px;
  text-transform: uppercase;
}
.home_shichang .shichang .left .text p {
  display: none;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #4a73ab;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.home_shichang .shichang .left:hover .text {
  background: #003a89;
}
.home_shichang .shichang .left:hover .text h3,
.home_shichang .shichang .left:hover .text em {
  color: #fff;
}
.home_shichang .shichang .left:hover .text p {
  display: block;
}
.home_shichang .shichang ol {
  float: right;
  width: 50%;
}
.home_shichang .shichang ol li {
  float: left;
  width: 50%;
  position: relative;
}
.home_shichang .shichang ol li span {
  display: block;
  line-height: 0;
}
.home_shichang .shichang ol li .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  padding: 20px 30px;
}
.home_shichang .shichang ol li .text h3 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: normal;
}
.home_shichang .shichang ol li .text em {
  display: block;
  font-style: normal;
  color: #3a3a3a;
  font-size: 13px;
  text-transform: uppercase;
}
.home_shichang .shichang ol li .text p {
  display: none;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #4a73ab;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.home_shichang .shichang ol li:hover .text {
  background: #003a89;
}
.home_shichang .shichang ol li:hover .text h3,
.home_shichang .shichang ol li:hover .text em {
  color: #fff;
}
.home_shichang .shichang ol li:hover .text p {
  display: block;
}
.more_btn {
  margin-top: 50px;
  border: 1px solid #d2d2d2;
  border-radius: 50px;
  line-height: 48px;
  width: 168px;
  display: block;
  text-align: center;
  color: #666666;
  font-size: 14px;
  margin: 0 auto;
}
.home_case {
  padding: 40px 0 60px;
  position: relative;
}
.home_case:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #f8f8f8;
  height: 356px;
  z-index: 0;
}
.home_case .title {
  z-index: 2;
  position: relative;
}
.home_case .title:before {
  border-color: #e5e5e5;
}
.home_case .title span {
  background: #f8f8f8;
  color: #e5e5e5;
}
.home_case ol {
  position: relative;
  z-index: 2;
  margin-top: 30px;
  margin-bottom: 40px;
}
.home_case ol li {
  float: left;
  width: 292px;
  margin-right: 10px;
}
.home_case ol li .img {
  display: block;
  line-height: 0;
}
.home_case ol li .bt {
  display: block;
  color: #3a3a3a;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 10px;
}
.home_case ol li:nth-child(4n) {
  margin-right: 0;
}
.home_brand {
  padding-bottom: 60px;
}
.home_brand ol {
  margin-top: 30px;
  margin-bottom: 40px;
}
.home_brand ol li {
  float: left;
  width: 236px;
  margin: 0 5px 5px 0;
  border: 1px solid #d8d8d8;
}
.home_brand ol li:nth-child(5n) {
  margin-right: 0;
}
.home_brand ol li a {
  display: block;
  width: 234px;
  height: 124px;
  position: relative;
}
.home_brand ol li a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home_news {
  background: url(../images/home_bg2.jpg) no-repeat center top;
  padding-top: 40px;
  padding-bottom: 60px;
}
.home_news .top .title3 {
  display: inline-block;
  float: left;
}
.home_news .top .title3 span {
  color: #f0f0f0;
  font-size: 60px;
  font-family: DINEngschriftStd;
  line-height: 48px;
}
.home_news .top .title3 h3 {
  margin-top: -28px;
  color: #003a89;
  font-size: 30px;
}
.home_news .top .tit {
  display: inline-block;
  float: left;
  color: #999999;
  font-size: 15px;
  margin-top: 40px;
  margin-left: -114px;
}
.home_news .top .more {
  display: inline-block;
  float: right;
  text-transform: uppercase;
  color: #666666;
  font-size: 15px;
  margin-top: 40px;
}
.home_news .home_news_con {
  margin-top: 30px;
}
.home_news .home_news_con .left {
  width: 632px;
  float: left;
  position: relative;
}
.home_news .home_news_con .left .img {
  display: block;
  line-height: 0;
}
.home_news .home_news_con .left .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px 30px;
}
.home_news .home_news_con .left .text > div {
  line-height: 30px;
}
.home_news .home_news_con .left .text > div h3 {
  float: left;
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
}
.home_news .home_news_con .left .text > div span {
  float: right;
  color: #ffffff;
  font-size: 16px;
}
.home_news .home_news_con .left .text p {
  margin-top: 5px;
  color: #ffffff;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_news .home_news_con .right {
  margin-top: 22px;
  width: 568px;
  float: right;
}
.home_news .home_news_con .right .home_news_list a {
  display: block;
  float: left;
  width: 100%;
  padding: 20px 30px 20px 35px;
}
.home_news .home_news_con .right .home_news_list a .data {
  float: left;
  display: inline-block;
  padding-right: 28px;
}
.home_news .home_news_con .right .home_news_list a .data .ri {
  display: inline-block;
  float: left;
  color: #525252;
  font-size: 51px;
  font-family: arial;
  font-weight: normal;
}
.home_news .home_news_con .right .home_news_list a .data .t {
  padding-top: 8px;
  margin-left: 12px;
  display: inline-block;
  float: left;
  text-align: center;
}
.home_news .home_news_con .right .home_news_list a .data .t span {
  display: block;
  color: #525252;
  font-size: 14px;
}
.home_news .home_news_con .right .home_news_list a .data .t i {
  width: 5px;
  height: 5px;
  background: #525252;
  border-radius: 50px;
  margin: 0 auto;
  display: block;
}
.home_news .home_news_con .right .home_news_list a .text {
  max-width: 73%;
  margin-top: 11px;
  display: inline-block;
  float: left;
  margin-left: ;
  border-left: 1px solid #c1c1c1;
  padding-left: 20px;
}
.home_news .home_news_con .right .home_news_list a .text .bt {
  color: #4e4e4e;
  font-size: 16px;
  position: relative;
  top: -3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_news .home_news_con .right .home_news_list a .text p {
  color: #757575;
  font-size: 14px;
  height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.home_news .home_news_con .right .home_news_list a:hover,
.home_news .home_news_con .right .home_news_list .cur a {
  background: #252525;
}
.home_news .home_news_con .right .home_news_list a:hover .data .ri,
.home_news .home_news_con .right .home_news_list .cur a .data .ri {
  color: #fff;
}
.home_news .home_news_con .right .home_news_list a:hover .data .t span,
.home_news .home_news_con .right .home_news_list .cur a .data .t span {
  color: #fff;
}
.home_news .home_news_con .right .home_news_list a:hover .data .t i ,
.home_news .home_news_con .right .home_news_list .cur a .data .t i{
  background: #fff;
}
.home_news .home_news_con .right .home_news_list a:hover .text .bt,
.home_news .home_news_con .right .home_news_list a:hover .text p ,
.home_news .home_news_con .right .home_news_list .cur a .text .bt,
.home_news .home_news_con .right .home_news_list .cur a .text p{
  color: #fff;
}
.home_news .home_news_con .right .home_news_list .slick-prev,
.home_news .home_news_con .right .home_news_list .slick-next {
  width: 100%;
  top: 0;
  height: 33px;
  left: auto;
  right: auto;
  border: none;
  margin-top: 0;
  width: 50%;
  background-size: 100% 100%;
}
.home_news .home_news_con .right .home_news_list .slick-prev {
  top: 413px;
  background: #efefef url(../images/prev.jpg) no-repeat center center;
}
.home_news .home_news_con .right .home_news_list .slick-next {
  top: 413px;
  right: 0;
  background: #efefef url(../images/next.jpg) no-repeat center center;
}
.nybanner {
  text-align: center;
}
.nybanner span {
  display: block;
  line-height: 0;
}
.pro_box {
  position: relative;
  z-index: 2;
  padding-bottom: 60px;
}
.pro_box .left {
  width: 270px;
  float: left;
}
.pro_box .left h3 {
  background: url(../images/pic.png) no-repeat center center;
  width: 100%;
  height: 84px;
  color: #f8f8f8;
  font-size: 20px;
  font-weight: normal;
  padding-left: 40px;
  padding-top: 30px;
  margin-top: -84px;
}
.pro_box .left .menu {
  border: 1px solid #e7e7e7;
}
.pro_box .left .menu li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  font-size: 16px;
}
.pro_box .left .menu li span {
  background: url(../images/bg8.jpg) no-repeat 228px center;
  line-height: 50px;
  display: block;
  color: #3a3a3a;
  padding-left: 40px;
  cursor: pointer;
  position: relative;
}
.pro_box .left .menu li .pro_nav_box {
  display: none;
  border-top: 1px solid #093a6f;
  padding: 10px 0;
  background: #f9f9f9;
}
.pro_box .left .menu li .pro_nav_box .text_box a {
  display: block;
  color: #797979;
  font-size: 12px;
  line-height: 30px;
  padding-left: 40px;
  padding-right: 45px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pro_box .left .menu li .pro_nav_box .text_box:hover >a,
.pro_box .left .menu li .pro_nav_box .text_box a.cur {
  color: #093a6f;
  background: url(../images/bg10.jpg) no-repeat 228px center;
}
.pro_box .left .menu li:hover span,
.pro_box .left .menu li.cur span {
  color: #134992;
  background: url(../images/bg9.jpg) no-repeat 228px center;
}
.pro_box .left .menu li:last-child {
  border-bottom: none;
}
.pro_box .left .menu li .pro_nav_box .text_box .box{
	display: none;
	transition: all .5s;
}

.pro_box .left .menu li .pro_nav_box .text_box .box a{
	text-indent: 2em;
	color: inherit;
	position: relative;
	color: #d42011;
}
.pro_box .left .menu li .pro_nav_box .text_box .box a:before{
	content: "";
	position: absolute;
	left: 50px;
	top: 14px;
	width: 2px;
	height: 2px;
	border: 1px solid #ccc;
	background: #ccc;
	border-radius: 50px;
}
.pro_box .left .menu li .pro_nav_box .text_box .box a:hover{
	background: none;
	/*color: #134992;*/
	text-decoration: underline;
}
.pro_box .left .menu li .pro_nav_box .text_box:hover .box{
	display: block;
}

.pro_box .right {
  width: 916px;
  float: right;
}
.pro_box .right .pro_con {
  margin-top: 20px;
}
.pro_box .right .pro_con ul li {
  margin-bottom: 15px;
  margin-right: 12px;
  float: left;
  width: 220px;
  border: 1px solid #e7e7e7;
  border-bottom-color: #0058ad;
}
.pro_box .right .pro_con ul li .img {
  display: block;
  line-height: 0;
  width: 218ox;
  height: 202px;
  position: relative;
}
.pro_box .right .pro_con ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pro_box .right .pro_con ul li .text {
  line-height: 40px;
  border-top: 1px solid #e7e7e7;
  color: #0058ad;
  font-size: 14px;
  background: url(../images/pro_icon1.png) no-repeat 190px center;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pro_box .right .pro_con ul li:hover {
  border-bottom-color: #d42011;
}
.pro_box .right .pro_con ul li:hover .text {
  color: #d42011;
  background: url(../images/pro_icon2.png) no-repeat 190px center;
}
.pro_box .right .pro_con ul li:nth-child(4n) {
  margin-right: 0;
}
.proshow_con {
  margin-top: 20px;
}
.proshow_con .top {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 12px;
}
.proshow_con .top h1 {
  margin-top: 4px;
  float: left;
  max-width: 50%;
  color: #0058ad;
  font-size: 26px;
  font-weight: normal;
}
.proshow_con .top h1 span {
  border-bottom: 1px solid #0058ad;
  padding-bottom: 12px;
}
.proshow_con .top .btn_icon {
  float: right;
  display: inline-block;
}
.proshow_con .top .btn_icon a {
  display: block;
  float: left;
  width: 134px;
  line-height: 37px;
  border: 1px solid #e7e7e7;
  border-radius: 50px;
  margin-left: 15px;
  padding-left: 50px;
  color: #666666;
}
.proshow_con .top .btn_icon a:hover {
  color: #fff;
  border: 1px solid #0058ad;
}
.proshow_con .top .btn_icon .a1 {
  background: url(../images/icon4.png) no-repeat 20px center;
}
.proshow_con .top .btn_icon .a1:hover {
  background: url(../images/icon7.png) no-repeat 20px center #0058ad;
}
.proshow_con .top .btn_icon .a2 {
  background: url(../images/icon5.png) no-repeat 21px center;
}
.proshow_con .top .btn_icon .a2:hover {
  background: url(../images/icon8.png) no-repeat 20px center #0058ad;
}
.proshow_con .top .btn_icon .a3 {
  background: url(../images/icon9.png) no-repeat 20px center;
}
.proshow_con .top .btn_icon .a3:hover {
  background: url(../images/icon6.png) no-repeat 20px center #0058ad;
}
.proshow_con .tu_qh {
  margin-top: 35px;
}
.proshow_con .tu_qh .dt_img {
  width: 682px;
  height: 537px;
  float: left;
  border: 1px solid #c7c7c7;
  overflow: hidden;
}
.proshow_con .tu_qh .dt_img span {
  display: block;
  width: 682px;
  height: 537px;
  position: relative;
}
.proshow_con .tu_qh .dt_img span img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.proshow_con .tu_qh .dt_img .slick-dots li button {
  border-radius: 50px;
}
.proshow_con .tu_qh .dt_img .slick-dots li.slick-active button {
  background: #093a6f;
}
.proshow_con .tu_qh .xt_img {
  margin-top: -1px;
  width: 219px;
  float: right;
}
.proshow_con .tu_qh .xt_img span {
  width: 217px;
  height: 171px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #c7c7c7;
  position: relative;
  margin-bottom: 10px;
}
.proshow_con .tu_qh .xt_img span img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.proshow_con .tu_qh .xt_img span:hover {
  border: 1px solid #093a6f;
}
.proshow_con .tu_qh .xt_img .slick-prev,
.proshow_con .tu_qh .xt_img .slick-next {
  border: none;
}
.proshow_con .tu_qh .xt_img .slick-current span {
  border: 1px solid #093a6f;
}
.proshow_con .con {
  margin-top: 30px;
}
.proshow_con .con .bt {
  border-bottom: 1px solid #e9e9e9;
}
.proshow_con .con .bt h3 {
  display: inline-block;
  font-weight: normal;
  color: #0058ad;
  font-size: 20px;
  border-bottom: 2px solid #0058ad;
  position: relative;
  bottom: -1px;
  padding-bottom: 10px;
}
.proshow_con .con .bt h3 span {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  top: -0.5px;
  margin-left: 10px;
}
.proshow_con .con .tables {
  margin-top: 25px;
  border-bottom: 1px solid #cccccc;
}
.proshow_con .con .tables table tr{
	border: 1px solid #cccccc;
}
.proshow_con .con .tables table tr td {
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 14px;
  padding: 10px;
}
.proshow_con .con .tables table tr td:first-child {
  background: #f6f6f6;
      padding: 0;
}
.proshow_con .con .tables p {
  color: #333333;
  font-size: 14px;
}
.proshow_con .con .t {
  margin-top: 10px;
  font-size: 14px;
  color: #333333;
  line-height: 26px;
}
.proshow_con .pro_bottom {
  border-top: 1px solid #e9e9e9;
  margin-top: 28px;
  padding-top: 20px;
}
.proshow_con .pro_bottom .f-l {
  display: inline-block;
}
.proshow_con .pro_bottom .f-l a {
  display: block;
  float: left;
  height: 16px;
  line-height: 16px;
  margin-right: 7px;
}
.proshow_con .pro_bottom .f-r {
  color: #999999;
  font-size: 14px;
}
.proshow_con .pro_bottom .f-r span {
  display: block;
  float: left;
  margin-left: 15px;
}
.icon_con {
  margin-top: 40px;
}
.icon_con .bt {
  border-bottom: 1px solid #e9e9e9;
}
.icon_con .bt h3 {
  display: inline-block;
  font-weight: normal;
  color: #0058ad;
  font-size: 20px;
  border-bottom: 2px solid #0058ad;
  position: relative;
  bottom: -1px;
  padding-bottom: 10px;
}
.icon_con .bt h3 span {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  top: -0.5px;
  margin-left: 10px;
}
.icon_con .icon_box {
  margin-top: 25px;
  width: 928px;
}
.icon_con .icon_box a .img {
  border: 1px solid #e7e7e7;
  display: block;
  line-height: 0;
  width: 296px;
  height: 274px;
  position: relative;
}
.icon_con .icon_box a .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.icon_con .icon_box a .text {
  width: 296px;
  line-height: 40px;
  border: 1px solid #e7e7e7;
  border-bottom-color: #0058ad;
  border-top: none;
  color: #0058ad;
  font-size: 14px;
  background: url(../images/pro_icon1.png) no-repeat 255px center;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.icon_con .icon_box a:hover .text {
  color: #d42011;
  background: url(../images/pro_icon2.png) no-repeat 255px center;
  border-bottom-color: #d42011;
}
.case_box {
  padding: 5px 0 60px;
}
.case_box ul li {
  float: left;
  width: 288px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin-right: 16px;
  margin-top: 16px;
}
.case_box ul li .img {
  width: 288px;
  height: 202px;
  display: block;
  position: relative;
  line-height: 0;
  overflow: hidden;
}
.case_box ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.case_box ul li .img span {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(19, 73, 146, 0.8);
  width: 100%;
  height: 100%;
}
.case_box ul li .img span i {
  display: block;
  width: 58px;
  height: 58px;
  margin: -29px auto 0;
  position: relative;
  top: 50%;
}
.case_box ul li .text {
  padding: 15px 20px;
}
.case_box ul li .text .bt {
  color: #333333;
  font-size: 16px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.case_box ul li .text p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999999;
  font-size: 12px;
  margin-top: 5px;
}
.case_box ul li:nth-child(4n) {
  margin-right: 0;
}
.case_box ul li:hover .img span {
  display: block;
}
.case_box ul li:hover .text {
  background: #003a89;
}
.case_box ul li:hover .text .bt,
.case_box ul li:hover .text p {
  color: #fff;
}
.fuwu_box {
  padding: 40px 0 50px;
  position: relative;
}
.fuwu_box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 245px;
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  z-index: 2;
}
.fuwu_box .fuwu_qh {
  margin-top: 48px;
  margin-bottom: 40px;
}
.fuwu_box .fuwu_qh .text {
  padding: 25px 25px 0;
  height: 260px;
  transition: all 0.3s ease-out;
}
.fuwu_box .fuwu_qh .text span {
  display: block;
  color: #666666;
  font-size: 16px;
  font-family: arial;
}
.fuwu_box .fuwu_qh .text i {
  position: relative;
  z-index: 3;
  display: block;
  width: 14px;
  height: 14px;
  margin: 15px 0;
  background: url(../images/fuwu_icon.png) no-repeat center center;
}
.fuwu_box .fuwu_qh .text h3 {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 12px;
}
.fuwu_box .fuwu_qh .text p {
  margin-top: 12px;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.fuwu_box .fuwu_qh .text a {
  margin-top: 16px;
  display: none;
  width: 109px;
  height: 37px;
  border: 1px solid #4e89c2;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 20px;
}
.fuwu_box .fuwu_qh .text:hover {
  background: #0058ad;
}
.fuwu_box .fuwu_qh .text:hover span,
.fuwu_box .fuwu_qh .text:hover h3,
.fuwu_box .fuwu_qh .text:hover p {
  color: #fff;
}
.fuwu_box .fuwu_qh .text:hover h3 {
  border-bottom-color: #fff;
}
.fuwu_box .fuwu_qh .text:hover a {
  display: block;
}
.fuwu_box1 {
  background: url(../images/fuwu_bg.jpg) no-repeat center center;
  height: 670px;
  padding: 50px 0 0;
}
.fuwu_box1 .title span {
  background: none;
  color: #d5d5d5;
}
.fuwu_box1 ol {
  margin-top: 30px;
  margin-bottom: 50px;
}
.fuwu_box1 ol li {
  float: left;
  width: 386px;
  background: #fff;
  margin-left: 21px;
}
.fuwu_box1 ol li .img {
  display: block;
  width: 386px;
  height: 246px;
  position: relative;
}
.fuwu_box1 ol li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fuwu_box1 ol li .text {
  padding: 20px 30px;
  background: url(../images/fuwu_icon3.png) no-repeat 320px center;
}
.fuwu_box1 ol li .text h3 {
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}
.fuwu_box1 ol li .text p {
  color: #999999;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
  max-width: 80%;
}
.fuwu_box1 ol li:first-child {
  margin-left: 0;
}
.fuwu_box1 .more_btn {
  background: #fff;
}
.fuwu_box2 {
  padding: 60px 0;
}
.fuwu_box2 .text_box {
  background: url(../images/fuwu_bg2.jpg) no-repeat center center;
  height: 457px;
  padding-top: 90px;
  padding-left: 65px;
  padding-right: 22px;
}
.fuwu_box2 .text_box .left {
  float: left;
}
.fuwu_box2 .text_box .left h3 {
  color: #ffffff;
  font-size: 26px;
}
.fuwu_box2 .text_box .left p {
  color: #ffffff;
  font-size: 22px;
  font-family: arial;
  text-transform: uppercase;
  margin-top: 10px;
}
.fuwu_box2 .text_box .left span {
  display: block;
  margin-top: 10px;
  color: #80bbff;
  font-size: 12px;
  font-family: arial;
}
.fuwu_box2 .text_box .left h4 {
  margin-top: 35px;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
}
.fuwu_box2 .text_box .left a {
  margin-top: 56px;
  display: block;
  width: 149px;
  height: 41px;
  line-height: 41px;
  color: #333333;
  padding-left: 30px;
  background: url(../images/more_bg2.png) no-repeat center center;
}
.fuwu_box2 .text_box .right {
  float: right;
  width: 477px;
  color: #fff;
  line-height: 24px;
  background: url(../images/fuwu_icon4.png) no-repeat left 10px;
  padding-left: 12px;
}
.fuwu_box2 .text_box .right p {
  margin-bottom: 15px;
}
.fuwu_box2 .text_box .right span {
  font-weight: bold;
}
.fuwu_box3 {
  background: url(../images/fuwu_bg3.jpg) no-repeat center bottom;
  min-height: 559px;
  padding: 60px 0;
}
.fuwu_box3 .title span {
  background: none;
  color: #e4e4e4;
}
.fuwu_box3 .name {
  margin-top: 30px;
  text-align: center;
  color: #333333;
  font-size: 14px;
  line-height: 24px;
}
.fuwu_box3 ol {
  margin-top: 30px;
}
.fuwu_box3 ol li {
  float: left;
  background: #fff;
  width: 282px;
  margin-left: 24px;
}
.fuwu_box3 ol li .img {
  display: block;
  width: 282px;
  height: 163px;
}
.fuwu_box3 ol li .bt {
  text-align: center;
  color: #333333;
  padding: 10px;
}
.fuwu_box3 ol li:first-child {
  margin-left: 0;
}
.navigation .w1200 {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.navigation .nav_menu {
  float: left;
}
.navigation .nav_menu li {
  position: relative;
  float: left;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}
.navigation .nav_menu li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 16px;
  width: 1px;
  height: 10px;
  background: #cccccc;
}
.navigation .nav_menu li a {
  color: #333333;
  display: block;
}
.navigation .nav_menu li:last-child:before {
  display: none;
}
.navigation .nav_menu li:hover,
.navigation .nav_menu li.cur {
  background: #0058ad;
}
.navigation .nav_menu li:hover:before,
.navigation .nav_menu li.cur:before {
  display: none;
}
.navigation .nav_menu li:hover a,
.navigation .nav_menu li.cur a {
  color: #fff;
}
.navigation .bread {
  float: right;
  padding-top: 0;
  line-height: 40px;
}
.ggzl_box {
  padding-top: 0;
  padding-bottom: 60px;
  height: auto;
  background: none;
}
.ggzl_box .w1200 {
  overflow: hidden;
}
.ggzl_box ol {
  margin: 20px 0;
  width: 110%;
}
.ggzl_box ol li {
  background: #f4f4f4;
  margin-left: 0;
  margin-right: 21px;
  margin-bottom: 21px;
}
.jszc_box {
  padding-bottom: 60px;
}
.jszc_box ol {
  margin: 20px 0;
}
.jszc_box ol li {
  float: left;
  width: 386px;
  margin-right: 21px;
  margin-bottom: 21px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.jszc_box ol li .img {
  display: block;
  width: 386px;
  height: 214px;
  position: relative;
}
.jszc_box ol li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.jszc_box ol li .text {
  padding: 20px 30px;
}
.jszc_box ol li .text span {
  display: block;
  color: #333333;
  font-size: 16px;
  font-family: arial;
  margin-bottom: 10px;
}
.jszc_box ol li .text h3 {
  color: #666666;
  font-size: 16px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 12px;
}
.jszc_box ol li .text p {
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}
.jszc_box ol li .text .more {
  margin-top: 16px;
  display: block;
  width: 110px;
  height: 36px;
  border: 1px solid #eeeeee;
  text-align: center;
  font-style: normal;
  color: #666666;
  font-size: 20px;
  line-height: 32px;
}
.jszc_box ol li:nth-child(3n) {
  margin-right: 0;
}
.jszc_box ol li:hover .text h3 {
  color: #0058ad;
  border-bottom-color: #0058ad;
}
.ssfw_box {
  padding-top: 40px;
  min-height: auto;
  background: none;
}
.ssfw_box .title span {
  background: #fff;
}
.ssfw_box ol li {
  background: #f9f9f9;
}
.down_box {
  padding-top: 20px;
  padding-bottom: 60px;
}
.down_box .text p {
  color: #666666;
  line-height: 24px;
}
.down_box .text p span {
  color: #0058ad;
}
.down_box .text p s {
  text-decoration: none;
  color: #0058ad;
}
.down_box .text .ts {
  background: url(../images/fuwu_icon4.png) no-repeat left 8px;
  padding-left: 10px;
}
.down_box .down_btn {
  margin-top: 30px;
  background: #f1f1f1;
  padding: 15px 32px;
}
.down_box .down_btn span {
  float: #666666;
  font-size: 16px;
  float: left;
}
.down_box .down_btn a {
  display: inline-block;
  float: right;
  color: #333333;
  font-size: 16px;
  background: url(../images/down_btn.png) no-repeat left center;
  padding-left: 20px;
}
.down_box .down_btn a:hover {
  color: #0058ad;
}
.news_box {
  margin-top: 20px;
  padding-bottom: 60px;
}
.news_box ol {
  padding-bottom: 20px;
}
.news_box ol li {
  float: left;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 20px;
  margin-bottom: 20px;
}
.news_box ol li .img {
  float: left;
  display: block;
  width: 303px;
  height: 161px;
  position: relative;
}
.news_box ol li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.news_box ol li .text {
  padding-top: 30px;
  float: left;
  width: 620px;
  margin-left: 34px;
}
.news_box ol li .text .bt {
  color: #666666;
  font-size: 18px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news_box ol li .text p {
  margin-top: 10px;
  color: #999999;
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}
.news_box ol li .text .da span {
  margin-top: 7px;
  display: block;
  float: left;
  color: #666666;
  font-size: 18px;
}
.news_box ol li .text .da p {
  width: 580px;
  float: left;
}
.news_box ol li .right {
  padding-top: 30px;
  float: right;
}
.news_box ol li .right span {
  display: block;
  color: #999999;
  font-size: 18px;
}
.news_box ol li .right a {
  margin-top: 15px;
  background: url(../images/news_icon.png) no-repeat right center;
  line-height: 40px;
  height: 40px;
  display: block;
  width: 120px;
}
.news_box ol li .right a span {
  display: none;
}
.news_box ol li:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.news_box ol li:hover .right a {
  display: block;
  text-align: center;
  background: #0058ad url(../images/news_icon2.jpg) no-repeat right center;
}
.news_box ol li:hover .right a span {
  display: block;
  color: #f6f6f6;
  font-size: 16px;
  text-transform: uppercase;
}
.newsshow_box {
  padding: 20px 0 60px;
}
.newsshow_box .left {
  float: left;
  width: 268px;
}
.newsshow_box .left .tit {
  background: #f0f3f6;
  height: 47px;
  line-height: 47px;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  border-left: 2px solid #0058ad;
  padding-left: 18px;
}
.newsshow_box .left .pro_tj .qh_pro {
  margin-top: 18px;
  border: 1px solid #dadada;
  border-bottom-color: #0058ad;
}
.newsshow_box .left .pro_tj .qh_pro .img {
  display: block;
  line-height: 0;
  width: 264px;
  height: 245px;
  position: relative;
}
.newsshow_box .left .pro_tj .qh_pro .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.newsshow_box .left .pro_tj .qh_pro .text {
  line-height: 40px;
  border-top: 1px solid #e7e7e7;
  color: #0058ad;
  font-size: 14px;
  background: url(../images/pro_icon1.png) no-repeat 230px center;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newsshow_box .left .pro_tj .qh_pro:hover {
  border-bottom-color: #d42011;
}
.newsshow_box .left .pro_tj .qh_pro:hover .text {
  color: #d42011;
  background: url(../images/pro_icon2.png) no-repeat 230px center;
}
.newsshow_box .left .news_tj {
  margin-top: 20px;
}
.newsshow_box .left .news_tj ol {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.newsshow_box .left .news_tj ol li {
  float: left;
  width: 100%;
  background: url(../images/tj_icon1.png) no-repeat 12px 22px;
  padding: 15px 15px 15px 25px;
  border-bottom: 1px solid #e5e5e5;
}
.newsshow_box .left .news_tj ol li a {
  color: #666666;
}
.newsshow_box .left .news_tj ol li:hover a {
  color: #0058ad;
}
.newsshow_box .right {
  width: 904px;
  float: right;
}
.newsshow_box .right h1 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
}
.newsshow_box .right .top {
  margin-top: 20px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
.newsshow_box .right .top .data {
  float: left;
}
.newsshow_box .right .top .data a {
  display: block;
  float: left;
  color: #999999;
  font-size: 13px;
  padding-left: 18px;
  margin-left: 30px;
}
.newsshow_box .right .top .data a:first-child {
  margin-left: 0;
}
.newsshow_box .right .top .data .a1 {
  background: url(../images/data_icon1.jpg) no-repeat left center;
}
.newsshow_box .right .top .data .a2 {
  background: url(../images/data_icon2.jpg) no-repeat left center;
}
.newsshow_box .right .top .data .a3 {
  background: url(../images/data_icon3.jpg) no-repeat left center;
}
.newsshow_box .right .top .data .a4 {
  background: url(../images/data_icon4.jpg) no-repeat left center;
}
.newsshow_box .right .top .fx {
  float: right;
  color: #999999;
  font-size: 13px;
}
.newsshow_box .right .top .fx span {
  display: block;
  float: left;
}
.newsshow_box .right .top .fx a {
  float: left;
  display: block;
  margin-left: 10px;
}
.newsshow_box .right .con {
  padding-top: 20px;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.newsshow_box .right .fy_btn {
  margin-top: 28px;
}
.newsshow_box .right .fy_btn li {
  float: left;
  width: 100%;
  border: 1px solid #e9e9e9;
  margin-bottom: 7px;
  font-size: 16px;
}
.newsshow_box .right .fy_btn li a {
  color: #777777;
  display: block;
  padding: 10px 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newsshow_box .right .fy_btn li a span {
  color: #999999;
}
.newsshow_box .right .fy_btn li a:hover {
  color: #003A89;
}
.about_box {
  padding: 20px 0 60px;
}
.about_box .gsjs {
  color: #666;
  line-height: 24px;
  font-size: 14px;
}
.about_box .gsjs h1 {
  color: #0058ad;
  font-size: 20px;
}
.about_box .gsjs .name {
  margin-top: 5px;
  color: #333333;
  font-size: 14px;
  text-transform: uppercase;
}
.video_list ul {
  margin-bottom: 20px;
}
.video_list ul li {
  cursor: pointer;
  float: left;
  width: 292px;
  margin-right: 10px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.video_list ul li .img {
  position: relative;
  width: 292px;
  height: 294px;
}
.video_list ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video_list ul li .img span {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 88, 173, 0.5);
}
.video_list ul li .img span em {
  width: 56px;
  height: 56px;
  display: block;
}
.video_list ul li .text {
  text-align: center;
  font-size: 15px;
  padding: 15px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.video_list ul li:nth-child(4n) {
  margin-right: 0;
}
.video_list ul li:hover .img span {
  display: block;
}
.video_list ul li:hover .text {
  background: #0058ad;
  color: #fff;
}
.pop_video {
  display: none;
  position: fixed;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0;
  text-align: center;
}
.pop_video .box {
  background: #000000;
  width: 1065px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.pop_video .box .guanbi {
  position: absolute;
  right: 25px;
  top: 18px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  z-index: 99;
}
.pop_video .box + i {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.pop_video .box h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  padding: 0 25px;
  line-height: 56px;
}
.brand_list h1 {
  color: #0058ad;
  font-size: 20px;
}
.brand_list .name {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
}
.brand_list ul {
  margin-top: 20px;
  margin-bottom: 40px;
}
.brand_list ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0;
}
.brand_list ul li .img {
  float: left;
  border: 1px solid #d2d2d2;
  position: relative;
  width: 302px;
  height: 162px;
  display: block;
}
.brand_list ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.brand_list ul li .text {
  float: right;
  width: 72%;
}
.brand_list ul li .text .bt {
  display: block;
  color: #666666;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.brand_list ul li .text p {
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-top: 8px;
}
.brand_list ul li .text .more {
  margin-top: 25px;
  display: block;
  width: 123px;
  height: 40px;
  background: #f8f8f8 url(../images/news_icon.png) no-repeat center center;
  line-height: 40px;
}
.brand_list ul li .text .more span {
  display: none;
}
.brand_list ul li:hover,
.brand_list ul li.cur {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 30px;
}
.brand_list ul li:hover .text,
.brand_list ul li.cur .text {
  width: 70%;
}
.brand_list ul li:hover .text .bt,
.brand_list ul li.cur .text .bt {
  color: #0058ad;
}
.brand_list ul li:hover .text .more,
.brand_list ul li.cur .text .more {
  display: block;
  text-align: center;
  background: #0058ad url(../images/news_icon2.jpg) no-repeat right center;
}
.brand_list ul li:hover .text .more span,
.brand_list ul li.cur .text .more span {
  display: block;
  color: #f6f6f6;
  font-size: 16px;
  text-transform: uppercase;
}
.brand_list .show {
  margin-top: 10px;
  margin-bottom: 0;
}
.brand_list .show li .text h3 {
  margin-top: -5px;
  margin-bottom: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.brand_list .show li .text p {
  margin-top: 0;
  height: auto;
  line-height: 22px;
}
.brand_list ol {
  margin-top: 15px;
}
.brand_list ol li {
  float: left;
  width: 288px;
  border: 1px solid #dadada;
  border-bottom-color: #0058ad;
  margin-top: 20px;
  margin-right: 16px;
}
.brand_list ol li .img {
  display: block;
  line-height: 0;
  width: 286px;
  height: 262px;
  position: relative;
}
.brand_list ol li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.brand_list ol li .text {
  line-height: 40px;
  border-top: 1px solid #e7e7e7;
  color: #0058ad;
  font-size: 14px;
  background: url(../images/pro_icon1.png) no-repeat 248px center;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.brand_list ol li:hover {
  border-bottom-color: #d42011;
}
.brand_list ol li:hover .text {
  color: #d42011;
  background: url(../images/pro_icon2.png) no-repeat 248px center;
}
.brand_list ol li:nth-child(4n) {
  margin-right: 0;
}
.brand_list .proshow_con {
  margin-top: 30px;
}
.brand_list .proshow_con .tu_qh .dt_img {
  width: 896px;
  height: 706px;
}
.brand_list .proshow_con .tu_qh .dt_img span {
  width: 896px;
  height: 706px;
}
.brand_list .proshow_con .tu_qh .xt_img {
  width: 290px;
}
.brand_list .proshow_con .tu_qh .xt_img span {
  width: 288px;
  height: 227px;
}
.brand_list .icon_con .icon_box {
  width: 1203px;
}
.contact_top .w1200 {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 20px 25px;
}
.contact_top .w1200 .text_con {
  padding-top: 20px;
  width: 540px;
  float: left;
}
.contact_top .w1200 .text_con h3 {
  color: #666666;
  font-size: 16px;
  margin-bottom: 5px;
}
.contact_top .w1200 .text_con p {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 24px;
  padding-left: 20px;
}
.contact_top .w1200 .text_con .d1 {
  background: url(../images/contact1.jpg) no-repeat left center;
}
.contact_top .w1200 .text_con .d2 {
  background: url(../images/contact2.jpg) no-repeat left center;
}
.contact_top .w1200 .text_con .d3 {
  background: url(../images/contact3.jpg) no-repeat left center;
}
.contact_top .w1200 .text_con .d4 {
  background: url(../images/contact4.jpg) no-repeat left center;
}
.contact_top .w1200 .text_con .d5 {
  background: url(../images/contact5.jpg) no-repeat left 7px;
}
.contact_top .w1200 .text_con .d6 {
  background: url(../images/contact6.jpg) no-repeat left 7px;
}
.contact_top .w1200 .text_con .tel {
  color: #666666;
  font-size: 18px;
  margin-bottom: 5px;
}
.contact_top .w1200 .map {
  float: right;
  width: 605px;
}
.contact_top .w1200 .map #map {
  width: 100%;
  height: 478px;
}
.message {
  margin-top: 20px;
  padding-bottom: 60px;
}
.message ol li {
  float: left;
  width: 378px;
  background: #f1f1f1;
  margin-right: 33px;
  margin-bottom: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}
.message ol li i {
  font-style: normal;
  color: #ff0000;
  float: left;
}
.message ol li span {
  float: left;
  color: #666666;
}
.message ol li input {
  float: left;
  width: 80%;
  line-height: 50px;
  border: none;
  background: none;
  font-size: 14px;
}
.message ol li textarea {
  font-size: 14px;
  font-family: "微软雅黑";
  float: left;
  width: 92%;
  height: 185px;
  border: none;
  background: none;
  padding-top: 16px;
}
.message ol .li3 {
  margin-right: 0;
}
.message ol .li4 {
  width: 100%;
  margin-right: 0;
}
.message ol .li5 {
  width: 100%;
  height: 185px;
}
.message ol .li6 {
  width: 150px;
  height: 50px;
  border: 1px solid #d2d2d2;
  text-align: center;
  background: none;
}
.message ol .li6 input {
  width: 100%;
  color: #999999;
  font-size: 16px;
  line-height: 47px;
}
.message .t {
  color: #999999;
  font-size: 14px;
}
.message .t i {
  font-style: normal;
  color: #ff0000;
}
.join_box {
  padding: 20px 0 60px;
}
.join_box .tit {
  background: #f6f6f6;
  line-height: 52px;
  color: #333333;
  font-size: 16px;
  padding: 0 25px;
}
.join_box .tit span {
  display: block;
  float: left;
  width: 16.66666667%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.join_box ol {
  border: 1px solid #ededed;
  margin-bottom: 40px;
}
.join_box ol li {
  float: left;
  width: 100%;
  color: #333333;
  font-size: 14px;
}
.join_box ol li .bt {
  padding: 0 25px;
  cursor: pointer;
  line-height: 40px;
}
.join_box ol li .bt span {
  display: block;
  float: left;
  width: 16.66666667%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.join_box ol li .text {
  display: none;
  border-top: 1px solid #ededed;
  padding: 10px 25px 20px;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.join_box ol li .text p span {
  color: #333333;
  font-weight: bold;
}
.join_box ol li:nth-child(2n) {
  background: #fcfcfc;
}
.join_box ol li:hover .bt span,
.join_box ol li.cur .bt span {
  color: #0058ad;
}







.inputerror { border: 1px solid #f00 !important; background-color: #ffe6e6 !important;}
@-webkit-keyframes inputerrors{
  0%{
    background-color: #fff;
	}
	100%{
    background-color: #ffe6e6;
	}
}
 
.inputerror{
	animation: inputerrors 0.5s 3 ease;
}
@media only screen and (max-width:1440px ) {
	.banner .text .img_bg .t{
		    margin-top:42%;
	}
	
}

.float-box ul li .text{
	position: absolute;
	right: 64px;
	bottom: 0;
	background-color: #eaeaea;
	transform: translateX(150px);
	opacity: 0;
	transition: all .5s;
}
.float-box ul li .ewm{
	width: 80px;
	height: 80px;
	bottom: -16px;
	padding: 5px;
}
.float-box ul li .text a,.float-box ul li .text span{
	display: block;
	height: 64px;
	line-height: 64px;
	width: 150px;
	text-align: left;
	padding-left: 10px;
	font-size: 16px;
}
.float-box ul li:hover .text{
	transform: translateX(0);
	opacity: 1;
}


/**2018-2-28**/
.sousuo_banner {
  position: relative;
}
.sousuo_banner .text {
  position: absolute;
  left: 50%;
  top: 115px;
  margin-left: -310px;
  width: 620px;
}
.sousuo_banner .text .con_btn {
  background: #fff;
  height: 55px;
}
.sousuo_banner .text .con_btn .text_input {
  width: 478px;
  height: 55px;
  float: left;
  border: none;
  background: none;
  font-size: 18px;
  padding: 0 20px;
}
.sousuo_banner .text .con_btn .btn {
  float: right;
  width: 142px;
  height: 55px;
  background: #0366c3;
  border: none;
  color: #fff;
  font-size: 18px;
}
.sousuo_banner .text .bottom {
  line-height: 24px;
  margin-top: 15px;
}
.sousuo_banner .text .bottom span {
  display: inline-block;
  float: left;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}
.sousuo_banner .text .bottom div {
  float: left;
  max-width: 80%;
}
.sousuo_banner .text .bottom div a {
  color: #fff;
  font-size: 16px;
  display: block;
  float: left;
  margin-right: 18px;
}
.search_box {
  padding-bottom: 40px;
  min-height: 500px;
}
.search_box .ss_bt {
  line-height: 66px;
  color: #999999;
  font-size: 14px;
}
.search_box .ss_bt em {
  font-style: normal;
  color: #d42011;
}
.search_box .search ul li {
  margin-bottom: 15px;
  margin-right: 13px;
  float: left;
  width: 290px;
  border: 1px solid #e7e7e7;
  border-bottom-color: #0058ad;
}
.search_box .search ul li .img {
  display: block;
  line-height: 0;
  width: 288px;
  height: 268px;
  position: relative;
}
.search_box .search ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.search_box .search ul li .text {
  line-height: 40px;
  border-top: 1px solid #e7e7e7;
  color: #0058ad;
  font-size: 14px;
  background: url(../images/pro_icon1.png) no-repeat 260px center;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.search_box .search ul li:hover {
  border-bottom-color: #d42011;
}
.search_box .search ul li:hover .text {
  color: #d42011;
  background: url(../images/pro_icon2.png) no-repeat 260px center;
}
.search_box .search ul li:nth-child(4n) {
  margin-right: 0;
}