﻿@charset "utf-8";

/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
  * 使用此文件请保留我们的信息，谢谢！ Please keep my information in this file, thank you!Disign By Nangjing Doudian~
 */

/* @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } */
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3959807 */
  src: url('//at.alicdn.com/t/c/font_3959807_v5gqktcat5.woff2?t=1697190116929') format('woff2'),
       url('//at.alicdn.com/t/c/font_3959807_v5gqktcat5.woff?t=1697190116929') format('woff'),
       url('//at.alicdn.com/t/c/font_3959807_v5gqktcat5.ttf?t=1697190116929') format('truetype');
}

.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/* for global 全局 */
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths{position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.screen-phone .col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths{padding-right:0px;padding-left:0px;}
.col-xs-5ths{width:20%;float:left;}
@media (min-width:768px){
  .col-sm-5ths{width:20%;float:left;}
}
@media (min-width:992px){
  .col-md-5ths{width:20%;float:left;}
}
@media (min-width:1200px){
  .col-lg-5ths{width:20%;float:left;}
}

/*             60%  and  40%       */
.col-xs-60,.col-xs-40{padding-right:0px;padding-left:0px;}
@media (min-width:768px){
  .col-xs-60{width:100%;float:left;}
}
@media (min-width:992px){
  .col-xs-60{width:60%;float:left;}
}
@media (min-width:1200px){
  .col-xs-60{width:60%;float:left;}
}
@media (min-width:768px){
  .col-xs-40{width:100%;float:left;}
}
@media (min-width:992px){
  .col-xs-40{width:40%;float:left;}
}
@media (min-width:1200px){
  .col-xs-40{width:40%;float:left;}
}

/*  1/5, 4/5     -->       20%  and  80%       */
.col-xs-20,.col-xs-80{padding-right:0px;padding-left:0px;}
@media (min-width:768px){
  .col-xs-20{width:100%;float:left;}
}
@media (min-width:992px){
  .col-xs-20{width:20%;float:left;}
}
@media (min-width:1200px){
  .col-xs-20{width:20%;float:left;}
}
@media (min-width:768px){
  .col-xs-80{width:100%;float:left;}
}
@media (min-width:992px){
  .col-xs-80{width:80%;float:left;}
}
@media (min-width:1200px){
  .col-xs-80{width:80%;float:left;}
}


/**
.hidden-xs2,.hidden-sm2{display: none;}
@media (min-width:768px){
  .hidden-xs2,.hidden-sm2{display: none;}
}
@media (min-width:992px){
  .hidden-xs2,.hidden-sm2{display: none;}
}
@media (min-width:1200px){
 .hidden-xs2,.hidden-sm2{display: none;}
} */
.hidden-sm2{display: none }


body{background:#fff;color:#000;font-size: 16px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
a{color:#000;cursor:pointer;text-decoration:none;outline:none;}
a:focus{outline:none;text-decoration:none;}
a:hover{outline:none;text-decoration:none;color:#015293;}
li{list-style:none;}

/* box size */
.no-margin{margin:0;}
.no-padding{padding:0;}

/* display */
.inline-block{display:inline-block}

/* position */
.pst-relative{position:relative;}
.fl{float:left;}
.fr{float:right;}


/* clear */
.clear-block{clear:both;}
.clear{clear:both;}

/* vertical-align */
.vc-middle{display:inline-block;vertical-align:middle;}

/* font */
.text-12px{font-size:12px}
.text-14px{font-size:14px}
.text-18px{font-size:18px}
.text-20px{font-size:20px}

/* other */
.middle-ctrl{display:inline-block;height:100%;width:0px;vertical-align:middle;}
.screen-phone .container>.row{margin:0;}
.animate500ms{transition:all 0.5s ease-out;  /* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;  /* Firefox 4 */-webkit-transition:all 0.5s ease-out;  /* Safari 和 Chrome */-o-transition:all 0.5s ease-out;}
.nav>li>a:focus,.nav>li>a:hover{color:#015293;text-decoration:none;background-color:#fff;}

/* header */
#headerbar{border:none;font-size:0px;position:fixed;top:0px;z-index:999; border-radius:0;padding-bottom:0px;width:100%;padding:0;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0));}
#headerbar .container{position:relative;}
 
#headerbar .header-top{font-size:16px;width:100%;height:95px;position:relative;background:rgba(255,255,255,0.8);}
#headerbar .header-top:hover{background:rgba(222,239,255,0.9);}
#headerbar .header-top .welcome{height:38px;line-height:38px;background-color:#ffbfc2;}
#headerbar .header-top .welcome .left{font-size:14px;color:#015293;}
#headerbar .header-top .welcome .right{text-align:right;font-size:14px;color:#3B3B3B;}
#headerbar .header-top .welcome .right span{font-size:16px;color:#015293;font-weight:700;}
#headerbar .header-top .welcome a{}
#headerbar .header-top .welcome a:hover{color:#015293}


#headerbar .header-top .container{position:relative;background:none;}
#headerbar .header-top p{margin:0;line-height:40px;}
#headerbar .header-top .logo{float:left;display:inline-block;padding-top:23px;}
#headerbar .header-top .logo img{width: 90%;}
#headerbar .header-top .logo a{display:inline-block;vertical-align:middle;color:#000;}
#headerbar .header-top .logo span{font-size:30px;font-weight:bold;color:#000;display:inline-block;vertical-align:middle;padding-left:10px;}

#headerbar .header-top .top-yuyan  { float:right;text-align: right;height: 30px;line-height: 30px; padding-top: 4px; }

#headerbar .header-top .top-yuyan .search{display: inline-block; width: 262px;float: right;text-align: right;}
#headerbar .header-top .top-yuyan .search>div{display: inline-block;line-height: 0;vertical-align: middle;margin-right:40px;}
#headerbar .header-top .top-yuyan .search>div>.input-group>.input-control{display: block;overflow: hidden;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;width:0;}
.form-control.focus, .form-control:focus {border-color: #ccc;outline: 0;border-top-right-radius: 20px;border-bottom-right-radius: 20px;r}
#headerbar .header-top .top-yuyan  .search .search-input{height:30px;padding-left: 20px;padding-right: 20px; background:rgba(255,255,255,0.3);}
#headerbar .header-top .top-yuyan  .search .search-icon{/*width: 16px; height: 16px;line-height: 16px;color: #2358bf;*/}
#headerbar .header-top .top-yuyan  .search .input-group-btn .btn{padding: 7px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-radius: 50%;position: absolute;top: 0;right:-20px;z-index:2;background-color: #034da2}
#headerbar .header-top .top-yuyan  .search .input-group-btn .btn .icon{font-size: 14px;display: block;width: 15px;height:15px;}
 
 
#headerbar .header-top .top-yuyan .OA {float:right;  width:110px; height: 30px;line-height: 30px;text-align: center; background-color:#034da2;border-radius: 16px;}
#headerbar .header-top .top-yuyan .OA  a{color: #fff;font-size: 16px;}
#headerbar .header-top .top-yuyan .OA  a:hover{color: #cfe5ff;}
#headerbar .header-top .top-yuyan .OA  i {color: #f3be65;font-size: 18px;}
 

#headerbar .header-top .top-yuyan  .yuyan  {float:right;   text-align: center; margin-right: 20px;  }
#headerbar .header-top .top-yuyan  .yuyan a{color:  #034da2;}
#headerbar .header-top .top-yuyan  .yuyan a:hover {color: #c87a00;}


#headerbar .header-top .top-right { padding-top:12px;text-align:right;font-size:16px;position:relative;}
#headerbar .header-top .top-right ul.nav{text-align:center;float:right;margin:0;display:flex;height:36px; }
#headerbar .header-top .top-right ul.nav>li{display:inline-block;height:100%;min-width:100px;padding:0px;}
#headerbar .header-top .top-right ul.nav>li  .icon{transform: rotate(180deg);}

/* #headerbar .header-top .top-right ul.nav>li .line { width: 0em; height: 3px; position: absolute; bottom: 10px; left: 50%; margin-left: -2em; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } */
#headerbar .header-top .top-right ul.nav>li>a{display:block;width:100%;font-size:17px;line-height:50px;color:#000;font-weight:bold;padding:0px;}
#headerbar .header-top .top-right ul.nav>li>a:focus{background:none;}
#headerbar .header-top:hover .top-right ul.nav>li>a{color:#000;}
#headerbar .header-top .top-right ul.nav>li:hover>a{color:#000;background:none;}
#headerbar .header-top .top-right ul.nav>li>a.active{ color:#034da2;;background:none;border-bottom: 3px solid #034da2;}
#headerbar .header-top .top-right ul.nav>li:hover .navplus{display:block;}

#headerbar .header-top .top-right ul.nav>li::after {  content: ' '; position: absolute;  width: 0;  height: 3px; top: 50px;  left: 0;background: #f7b64a; transition: all .3s;  -webkit-transition: all .3s;  }
#headerbar .header-top .top-right ul.nav>li:hover::after {  width: 100%; background: #f7b64a;}

#headerbar .header-top .top-right ul.nav>li .navplus{min-width:100%;padding:20px 0 0;margin-top: 1px; display:none;position:absolute;z-index:1009; text-align:left;left:0;font-size:0;background:rgba(0,0,0,0.4);}
#headerbar .header-top .top-right ul.nav>li .navplus:nth-child(3){min-width:160%;}
#headerbar .header-top .top-right ul.nav>li .navplus>li{width:100%; z-index:99;  overflow:hidden;white-space:nowrap;text-overflow:inherit;}
#headerbar .header-top .top-right ul.nav>li .navplus>li>a{display:block;width:fit-content;min-width:100%;font-size:14px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:0px;padding:0px 10px;line-height:34px;     position:relative;   letter-spacing: 1px;  transition:all 0.3s ease-in-out; z-index:1; text-align:center}

#headerbar .header-top .top-right ul.nav>li .navplus>li>a:after{content:""; background:rgba(244,159,17,.3); position:absolute; left:0; top:5px; width:0; bottom:0px; transition:all 0.3s ease-in-out;}
#headerbar .header-top .top-right ul.nav>li .navplus>li>a:hover:after{height: 26px; width:100%;color:#034da2;}

#headerbar .header-top .top-right ul.nav>li .navplus>li>a i{margin-right:2px;}
#headerbar .header-top .top-right ul.nav>li .navplus>li:hover>a{ background: none; /*background:rgba(0,0,0,.5);*/color: #fff;;}
#headerbar .header-top .top-right ul.nav>li .navplus>li>.navplus{left:100%;top:0;margin:0;border:none;}

  

#headerbar .header-top .top-contact{max-width:250px;line-height:50px;font-size:20px;position:absolute;top:0;right:10px;}
#headerbar .header-top .top-contact>span{cursor:pointer;position:relative;display:inline-block;padding-left:5px;}
#headerbar .header-top .top-contact>span>a{line-height:22px;}
#headerbar .header-top .top-contact>span>a>.icon{vertical-align:middle;}
#headerbar .header-top .top-contact>span>a>span{display:inline-block;vertical-align:middle;font-size:18px;}
#headerbar .header-top .top-contact>span>img{width:100%;height:auto;}
#headerbar .header-top .top-contact>a{color:#015293;margin-left:5px;margin-right:20px;}
#headerbar .header-top .top-contact>.cn_box{display:block;font-size:14px;line-height:1;}
#headerbar .header-top .top-contact>.cn_box>select{display:block;width:168px;height:20px;margin:5px 0;}
#headerbar .header-top .top-contact>.cn_box>p{display:block;margin:0;line-height:1;}
#headertitle{display:block;height:60px;position:relative;z-index:1;background-color:#fff;}
#headertitle .group-left{display:block;float:left;height:60px;width:100%;text-align:center;}
#m-headerbar{padding-top:6px;padding-bottom:6px;border:none;background-color:#fff;border-bottom:#d1d1d1;box-shadow:0px 3px 5px 0px #d1d1d1;/*阴影*/}
.screen-phone #m-headerbar .container .relative i.icon.blue,.screen-tablet #m-headerbar .container .relative i.icon.blue{position:absolute;top:12px;right:72px;}
#m-headerhd{pointer-events:auto;width:100%;padding-right:50px;}
#m-headerhd:hover{color:#015293;}
#m-headerhd span{display:block;color:#000;line-height:40px;font-size:20px;display:inline-block;max-width:40%;height:40px;overflow:hidden;}
#m-headerbar .hdtitle-img{  /* *width: 40px; */
width:80%;height:40px;line-height:40px;text-align:left;}
#m-headerbar .hdtitle-img img{height:auto;max-height:40px;display:inline-block;vertical-align:middle;}
#m-headerbar .hdtitle-img span{display:inline-block;vertical-align:middle;max-width:none;}
#m-headerbar .hdtitle-ch{font-size:22px;font-weight:700;line-height:1.1;letter-spacing:1px;padding-left:10px;}
#m-headerbar .hdtitle-en{font-family:Georgia,"serif";font-size:14px;font-weight:700;letter-spacing:1px;line-height:1.1;padding-left:10px;}
#m-headerbtn{position:absolute;top:10px;right:10px;color:#888a8d;text-shadow:none;background-color:#fff;border-color:#888a8d;}
#leftmenulayout{display:none;width:100%;height:100%;width:100vw!important;height:100vh!important;position:fixed;z-index:999998;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;}
#leftmenulayout span{display:block;width:40%;height:100%;margin-left:60%;color:#7d7d7d;font-size:4rem;overflow:hidden;text-align:center;}
#leftmenu{display:none;width:60%;height:100%!important;width:60vw;height:100vh!important;background-color: rgba(23,97,181,.85);;border-right:1px solid #015293;position:fixed;z-index:999999;box-shadow:rgba(0,0,0,.15) 0 .15rem .5rem,rgba(0,0,0,.25) 0 .15rem .5rem;overflow-y:auto!important;}
#leftmenu>.items{display:block;width:100%;border-bottom:1px solid #0b67b5;position:relative;}
#leftmenu>.items>a{margin:0 15%;font-size:18px;display:block;height:55px;line-height:55px;position:relative;color:#fff;width:70%;overflow:hidden;white-space:nowrap;text-overflow:inherit;}
#leftmenu>.items>i:{text-align:center;display:block;position:absolute;top:0;left:10px;color:#fff;height:55px;width:55px;font-size:14px;line-height:55px;}
#leftmenu>.items>i:nth-child(1){text-align:center;display:block;position:absolute;top:0;left:10px;color:#fff;height:55px;width:55px;font-size:14px;line-height:55px;}
#leftmenu>.items>i:nth-child(2){text-align:center;display:block;position:absolute;top:0;right:10px;color:#fff;height:55px;width:55px;font-size:14px;line-height:55px;}
#leftmenu>.items>.listplus{display:none;text-align:center;padding:10px 0;}
#leftmenu>.items>.listplus>div{display:block;}
#leftmenu>.items>.listplus>div>a{display:block;  text-indent: 25px;text-align: left;color:#fff;line-height:28px;font-size:16px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:inherit;}

/*
| ----------------------------------------------------------
| Glide styles
| ----------------------------------------------------------
| Here are slider styles
| banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner{width:100%;height:auto;font-size:0px;position:relative;}
.mainbanner .banner_btn{position:absolute;z-index:9;bottom:150px;left:50%;width:50px;height:50px;line-height:50px;margin-left:-25px;}
.mainbanner .banner_btn:hover{cursor:pointer;}
.mainbanner .banner_btn .iconfont{font-size:42px;color:rgba(255,255,255,.6);}
.screen-phone .mainbanner .banner_btn{bottom: 20px;}
.mainbanner ul{width:1000%;overflow:hidden;}
.mainbanner ul,.mainbanner ul li{list-style:none;margin:0;padding:0;font-size:0;display:block;}
.mainbanner ul li{float:left;width:100%;}
.mainbanner .slider{position:relative;width:100%;height:auto;overflow:hidden;}
.mainbanner .slides{height:auto;  /* Simple clear fix */overflow:hidden;  /**  * Prevent blinking issue * Not tested. Experimental. */-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;  /** * Here is CSS transitions * responsible for slider animation in modern broswers */-webkit-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-ms-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);}
.mainbanner .slide{list-style:none;height:auto;float:left;clear:none;}
.mainbanner .slide a{color:#fff;display:block;position:relative;}
.mainbanner .slide a div{width:50%;max-width:600px;position:absolute;top:30%;left:20%;margin:0;}
.mainbanner .slide a div h4{font-size:46px;line-height:50px;margin:0 0 40px;}
.screen-phone .mainbanner .slide a div,.screen-tablet .mainbanner .slide a div{width:90%;top:10%;left:5%;}
.screen-phone .mainbanner .slide a div h4{font-size:20px;line-height:25px;margin:0 0 10px;}
.mainbanner .slide a div p{font-size:24px;line-height:50px;margin:0;}
.screen-phone .mainbanner .slide a div p{font-size:14px;line-height:30px;}
.arrowsWrapper{display:none;}
.mainbanner .slider:hover .arrowsWrapper{display:block}
.mainbanner .slider-arrow{position:absolute;display:block;margin-bottom:0px;width:50px;padding:30px;text-decoration:none;text-align:center;opacity:1;}
.mainbanner .slider-arrow:before{display:block;;width:100%;height:100%;content:'';position:absolute;top:0;right:0;}
.mainbanner .slider-arrow--right{bottom:47.5%;right:3%;background:url(../../images/right_jt.png) no-repeat center;background-size:100%;}
.mainbanner .slider-arrow--left{bottom:47.5%;left:3%;background:url(../../images/left_jt.png) no-repeat center;background-size:100%;}
.mainbanner .slider-nav{position:absolute;bottom:4%;text-align:center;padding:15px 0px;background:rgba(0,0,0,.3);border-radius:20px;}
.mainbanner .slider-nav__item{width:10px;height:10px;background:#fff;border:none;border-radius:5px;clear:none;display:inline-block;margin:0 8px;position:relative;}
.mainbanner .slider-nav__item:first-child{margin-left:35px;}
.mainbanner .slider-nav__item:last-child{margin-right:35px;}
.mainbanner .slider-nav__item:before{display:block;content:'';width:160%;height:160%;border-radius:50%;position:absolute;top:-5px;left:-5px;border:2px solid rgba(0,0,0,0);box-sizing:content-box;}
.mainbanner .slider-nav__item:hover,.mainbanner .slider-nav__item--current{background:#fff;}
.mainbanner .slider-nav__item:hover:before,.mainbanner .slider-nav__item--current:before{border:2px solid #fff;}
.screen-phone .mainbanner .slider-nav__item{width:6px;height:6px;}
.screen-phone .mainbanner .slider-nav__item:before{top:-3px;left:-4px;border:2px solid rgba(0,0,0,0);}
.screen-phone .mainbanner .slider-nav__item:hover:before,.screen-phone .mainbanner .slider-nav__item--current:before{border:2px solid #fff;}
.thebreadcrumb{width:100%;background:#eee;font-size:16px;text-align:left;line-height:28px;padding-top:10px;padding-bottom:10px;}
.thebreadcrumb a{color:grey;}
.breadcrumb{display:inline-block;margin:0;padding:0;}
.breadcrumb i{font-size:16px;}
.breadcrumb>li+li::before{padding:0 5px;color:#ccc;content:"»";}

 
 
/*大标题*/

.title_box{margin:0;color:#555555; width: 100%; }
.title_box span{ float: right;  display: block; margin-top: 8px; width: 100px; height: 28px;line-height:28px;text-align: center;background-color: #f39800;border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.title_box span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #034da2;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.title_box span:hover::before {border-radius:18px;-webkit-transform: scale(1,1);transform: scale(1,1);}

.title_box span a{ font-size: 14px;color: #fff; }
.title_box span a:hover{color:#d3e7ff; }

.title_box h1{font-size:28px; color: #034da2;}
.title_box p{font-size:18px;color: #fbca79; padding: 0 ;margin: 0;font-family: Arial;}
.screen-phone .title_box h1{font-size:20px;}
.screen-phone .title_box h2{font-size:16px;}

/*内页标题*/
.inner_box { }
.inner_box h1{text-align: center;font-size: 32px; height: 30px; line-height:60px;}
.screen-phone .inner_box h1,.screen-tablet .inner_box { font-size: 24px;  }
.inner_box h1::after {content: '';  width:250px;  height: 2px; top:10px; display: block;  margin: 0 auto;  border-bottom: 1px solid #d9d9d9;
}
 .inner_box .line {display:block;width:60px;height:2px;top:19px;background-color:#3e79b9;position:relative;overflow:hidden; margin: 0 auto;}
.inner_box .line>span {display:block;width:100%;height:100%;background-color:#fd6e27;position:absolute;top:0;left:-100%;-webkit-transition:ease-in 1s;-moz-transition:ease-in 1s;-ms-transition:ease-in 1s;-o-transition:ease-in 1s;}
.inner_box:hover .line>span {left:0%;}

 /*内页标题2*/
.nei_box { padding: 20px 0 ;}
.nei_box h1 {text-align: center;}
.nei_box h1::after {content: '';  width:70px;  height: 12px; top:10px; display: block;  margin: 0 auto;  border-bottom: 2px solid #f39c0a;}


 /*内页标题3*/
.nei_box2 { padding: 20px 0 ;}
.nei_box2 h1 {text-align: center;font-weight: normal;}
.nei_box2 em { display:block; width:40px; height:2px;  background-color:#f39c0a; margin:15px auto 0;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.screen-phone .nei_box2 em {  width:80px; }
.nei_box2:hover em{ width:96px;border-radius:4px;}
 
 

.title_boxdang{margin:0;padding-top: 50px;padding-bottom: 30px;background: #d40310;color: #ede696;}
.screen-phone .title_boxdang{padding-top: 30px;}
.title_boxdang h1{font-size:28px;padding:0;margin:0;text-align: center;color: #ede696;}
.title_boxdang>div{text-align: center;padding-top: 30px;}
.title_boxdang>div>a{display: inline-block;vertical-align: middle;font-size: 20px;line-height: 36px;padding: 0 50px;border: 1px solid #ede696;color: #ede696;margin: 0 10px;}
.title_boxdang>div>a.active, .title_boxdang>div>a:hover{background: #ede696;color: #d40310;}

/*地图背景框*/
.main_bg{padding:0;}


/*图片切换*/
 
.news_images .imgBox{width: 100%;position: absolute;top: 0px;left: 0;}
.screen-phone .news_images .itemBox {padding-left: 0;min-height: auto; }
.screen-phone .news_images .imgBox{width: 100%;position: relative;bottom: 0;}
.screen-phone .news_images .imgBox .slider1{bottom: 0;left: 0;width: 100%;height: 260px;}
.news_images .imgBox .slider1 { position: relative; width: 100%;height: 420px; bottom: 0px;left: 10px; overflow: hidden; }
.news_images .imgBox .slides1 {padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.news_images .imgBox .slide1 { list-style: none; width: 100%; height: 100%; float: left; clear: none; position: relative; }
.news_images .imgBox .slide1>a { display: block; width: 100%; height: 100%;padding: 0; position: relative; }
.news_images .imgBox .slide1>a>img { width: 100%;height: 100%;}
.news_images .imgBox .slide1>a .img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.news_images .imgBox .slide1>a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.news_images .imgBox .slide1>a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;-webkit-transition: -webkit-transform 0.8s ease-out; }
.news_images .imgBox .slide1>a .img>div>div:hover{  -webkit-transform:scale(1.2,1.2);transform: scale(1.2,1.2);}
.news_images .imgBox .slide1>a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.news_images .imgBox .slide1 .maintitle { width: 100%; padding: 0 150px 0 20px; position: absolute; bottom: 0px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .7); font-size: 18px; line-height: 60px; height: 60px; color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 5; }
.screen-phone .news_images .imgBox .slide1 .maintitle{bottom: 0;}
.news_images .imgBox .arrowsWrapper1 { width: 100%; display: block; }
.news_images .imgBox .slider-arrow1 { position: absolute; display: block; margin-bottom: -30px; width: 30px; height: 60px; text-decoration: none; text-align: center; }
.screen-phone .news_images .imgBox .slider-arrow1 {width: 24px;}
.news_images .imgBox .slider-arrow1--right { bottom: 50%; right: 0; background: url(../../images/right_jt1.png) no-repeat center; background-size: 100%; }
.news_images .imgBox .slider-arrow1--left { bottom: 50%; left: 0; background: url(../../images/left_jt1.png) no-repeat center; background-size: 100%; }
.news_images .imgBox .slider-nav1 { padding: 5px 0; border-radius: 18px; position: absolute; bottom: 10px;right: 10px; text-align: center;}
.news_images .imgBox .slider-nav1__item { width: 10px; height: 10px; background: #fff; border: none; clear: none; display: inline-block; margin: 0 5px; border-radius: 50%; }
.news_images .imgBox .slider-nav1__item:first-child { margin-left: 10px; }
.news_images .imgBox .slider-nav1__item:last-child { margin-right: 10px; }
 .screen-phone.news_images .imgBox .slider-nav1__item { width: 10px; height: 10px; }
.news_images .imgBox .slider-nav1__item:hover,.news_images .imgBox .slider-nav1__item--current { background: #034da2;width: 22px; height:10px;border-radius:4px; }


/*首页 新闻资讯*/
.index_news{padding-top:30px;padding-bottom:20px; height:620px;}
.screen-phone .index_news{padding-top:10px;}
.index_news .head{display:block;padding-bottom:50px;}
.screen-phone .head{padding-bottom:20px;}
.index_news .head>h3{display:block;margin:0;}
.screen-phone .index_news .head>h3{ margin:0px 0 10px 0;}
.index_news .head>h3>a{display:block;width:100%;height:auto;font-size:30px;line-height:74px;text-align:center;margin:0;}
.screen-phone .index_news .head>h3>a{font-size:18px;line-height:30px;}
.index_news .head>div{display:block;font-size:0;text-align:center;}
.index_news .head>div>a{display:inline-block;max-width:35%;font-size:16px;line-height:48px;color:#090909;erflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.index_news .head>div>a:hover {color:#034da2}
.screen-phone .index_news .head>div>a{max-width:100%;line-height:26px;font-size:14px;}
.index_news .head>div>a>span{display:inline-block;vertical-align:middle;width:6px;height:6px;background:#015293;border-radius:50%;margin-right:8px;}
.news_images{padding-right:15px;}
.index_news .right{padding-left:60px;}
.screen-phone  .index_news .right{padding-left:10px;padding-top: 15px;}
.index_news .right .nav-tabs {background: #ddd;}

.index_news .right .nav-tabs>li.active>a,.index_news .right .nav-tabs>li.active>a:focus,.index_news .right .nav-tabs>li.active>a:hover{color:#fff;font-weight:700;cursor:default;border:none;border-bottom:2px solid #015293;background:#015293 url("../../images/newsbg.png") no-repeat center 30px;}
.index_news .right .nav-tabs>li>a:hover{border-color:rgba(0,0,0,0);}

.index_news .right .nav>li {  overflow: hidden;  text-align: center;font-size: 16px;}

.index_news .right .nav>li>a:focus,.index_news .right .nav>li>a:hover{color:#015293;text-decoration:none;background-color:rgba(0,0,0,0);}
.index_news .right .nav-tabs>li>a{border:1px solid rgba(0,0,0,0);transition:all 0s cubic-bezier(.175,.885,.32,1);}
.index_news .right .nav>li>a{border:1px solid rgba(0,0,0,0);   margin-right: 0px;padding: 8px 40px;font-size: 16px; }
.screen-phone .index_news .right .nav>li>a{ padding: 8px 8px; }
.index_news .right .nav>li{;overflow:hidden;text-align:center;}
.screen-phone .index_news .right .nav>li{ }

.index_news .right .nav>li.more{width:auto;float:right;font-size:12px;}
.index_news .right .nav>li.more i{font-size: 12px;font-weight: 300;}

.index_news .right .tab-content{padding:12px 2px;}
.index_news .right .tab-content .items-first {font-size:18px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.index_news .right .tab-content .itemsmain {font-size:14px;color: #9b9b9b;  margin: 5px 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.index_news .right .tab-content .itemstime {font-size:14px;color: #f39800;  padding:0 0 5px 0;margin-bottom: 5px;border-bottom: 1px dashed #9b9b9b;}
 
.index_news .right .tab-content ul{margin:0;padding:0;padding-top: 5px;}
.index_news .right .tab-content ul li{display:flex;align-items:flex-end;justify-content:space-between;}
.index_news .right .tab-content ul li>a{flex:1;font-size:16px;line-height:37px;width:0;display:flex;}
.screen-phone .index_news .right .tab-content ul li>a{ line-height:37px; }
.index_news .right .tab-content ul li>a>span{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_news .right .tab-content ul li>a:hover>span{text-decoration:underline;}
.index_news .right .tab-content ul li>a>i{display:inline-block;font-style:normal;vertical-align:middle;font-size:18px;color:#bdbdbd;line-height:37px;font-weight:100;padding-right:8px;}
.index_news .right .tab-content ul li>span{flex:0 0 50px;font-size:16px;line-height:37px; color: #999999;font-weight: 300;}
.index_news .body{border-bottom:1px solid #f1f1f1;}
.index_bottom{display:block;height:60px;border-top:1px solid #f1f1f1;text-align:center;font-size:0;padding-top: 80px;}
.screen-phone .index_bottom{height:auto;}
.index_bottom .nav_box{display:inline-block;position:relative;max-width:30%;}
.screen-phone .index_bottom .nav_box{max-width:100%;}
.screen-phone .index_bottom .nav_box>h5{padding:0 20px;height:30px;}
.screen-phone .index_bottom .nav_box>ul{position:absolute; top:30px; left:0; height:auto;display: none;max-height: 200px;overflow-y: auto;}
.index_bottom .nav_box2{border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
.screen-phone .index_bottom .nav_box2{border:none;}
.index_bottom .nav_box>h5{display:block;margin:0;font-weight:normal;font-size:14px;line-height:30px;padding:15px 60px;height:60px;}
.index_bottom .nav_box>h5:hover{cursor:pointer;}
.index_bottom .nav_box>h5>.iconfont{font-size:14px;display:inline-block;vertical-align:middle;padding-left:5px;}
.index_bottom .nav_box:hover>ul{height:auto;max-height:200px;}
.index_bottom .nav_box>ul{padding:0;margin:0;display:block;width:100%;height:0;overflow:auto;position:absolute;z-index:5;margin-top:-1px;background-color:#fff;}
.index_bottom .nav_box>ul>li{display:block;width:100%;}
.index_bottom .nav_box>ul>li>a{display:block;font-size:14px;line-height:28px;width:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_bottom .nav_box>ul>li>a:hover{background-color:#015293;color:#fff;}

/* 新闻列表样式(页面)  结束 */

 
 
/*首页公司简介*/
.index_about{ width: 100%;height: auto;margin-top: 30px;background:url("../../images/bg_about8.jpg") no-repeat center center;background-size: cover;;}
.index_about .about { width: 100%;height: auto; background:  rgba(5, 96, 186, .46);background-size: cover;  padding: 60px 0px 20px 20px; margin: 50px  0;}
.screen-desktop  .index_about .about {   padding:20px 0px 10px 0px; margin: 0px;}
.screen-phone  .index_about .about {  padding:20px 0 10px 0 ; margin: 00px; }
.index_about .about .left { float: left}
.screen-phone .index_about .about .left {width:  100%;float: left}
.index_about .about  .title {font-size: 22px; font-weight: 400;color: #fff;}
.index_about .about  .title span{ float: right;  display: block; margin-top: 8px; width: 100px;line-height:28px;text-align: center;background-color: #1365c3;border-radius: 8px;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.index_about .about  .title span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f49d0b;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.index_about .about  .title span:hover::before {border-radius:6px;-webkit-transform: scale(1,1);transform: scale(1,1);}

.index_about .about  .title span a{ font-size: 14px;color: #fff; }
.index_about .about  .title span a:hover{color:#d3e7ff; }
.index_about .about  .con,.index_about .about  .con p {color:#fff; font-size: 16px;height: auto;line-height: 28px; padding-top: 20px; } 
.index_about .about  .three { margin-top:20px; padding-top: 10px;  text-align: center;color:#034da2;background-color: rgba(255,255,255,.3); border-radius: 16px ;-webkit-transition: -webkit-transform 0.8s ease-out;}
.index_about .about  .three:hover {color:#053e80;-webkit-transform:scale(1.2,1.2);transform: scale(1.2,1.2);}


.index_about .about  .three i {font-size:50px; }
.index_about .about  .three i:hover{color:#053e80;}
.index_about .about  .three p { padding: 0 0 15px 0 }
   
.index_about .about .right {  float: left; }
.index_about .about  .pic { padding-left: 60px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.screen-phone .index_about .about  .pic { padding-left: 0px; padding-top: 20px;}
.index_about .about  .pic img {border-radius: 8px;}
.index_about .about  .pic:hover {-webkit-transform:scale(1.1,1.1);transform: scale(1.051,1.051);}


/*首页视频播放*/
 .vedio-play{width: 100%;   height: 100%;    position: fixed;    top: 0;    left: 0;    z-index: 1000;    background: rgba(0,0,0,0.6);    display: none;}
.close-btn{    width: 50px;    height: 50px;    position: fixed;    top: 50px;    right: 50px;    z-index: 1001; }
.close-btn img{ width: 100%}
.videoindex{position: relative;}
.videoindex img{ width: 100%;}
.videoindex span{    width: 100%; height: 100%; position: absolute;top: 0; left: 0; z-index: 1; }
.play-btn{    width:100px; height: 100px;   display: block; position: absolute; top:45%;    left: 50%;    margin: -25px 0 0 -25px;    z-index: 3;  background: url(../../images/play.png) no-repeat center;  background-size: 100px;   border:none; }


/*事业体系*/
 

.homebusiness .layer,.homebusiness .start,.homebusiness .box,.homebusiness .layer *,.headernav .subnav li a{
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.clearfixS {*zoom:1;}/*IE/7/6*/
.clearfixS:after { content:"\200B"; display:block; height:0; clear:both; }

.home-tit{text-align: center;text-align: center; padding-bottom: 38px; line-height: 1;}
.home-tit span{display: block; font-weight: bold;}
.home-tit .en{font-size: 30px; color: #cacaca; padding-bottom: 8px; text-transform: uppercase; letter-spacing: -3px;}
.home-tit .cn{font-size: 24px; color: #555;}

input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,li,form,dl,dt,dd,div,ol,figure,aside{padding: 0;margin: 0;}
.homebusiness{padding: 60px 0 40px;}
.homebusiness .listS{overflow:hidden;    margin-top: 20px;}
.homebusiness .owl-item.active{position: relative;height: calc( 100vh - 220px);color: #fff;overflow: hidden;transition: width .8s ease-in-out;min-height: 500px;}
.homebusiness .Ispic{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.homebusiness .box h2{margin: 0; font-weight: normal; font-size: 28px;  letter-spacing: 2px;}
.screen-phone .homebusiness .box h2,.screen-tablet .homebusiness .box h2{font-size: 24px;     padding-left: 20px;  }
.homebusiness .startS{position: absolute; top: 0; left: 0; width: 100%; height: 50px; z-index: 2; opacity: 1; text-align: center;padding: 30% 3% 0;text-align: center;}
.homebusiness .layer{/* opacity: 0; */position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; z-index: 1; text-align: left;  padding:0 200px 60px 154px;
	background-image: -webkit-linear-gradient(top, transparent 0%, #00428e 95%);
	background-image: -o-linear-gradient(top, transparent 0%, #00428e 95%);
	background-image: linear-gradient(to bottom, transparent 0%, #00428e 95%);
	background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00428e', endColorstr='#fff', GradientType=0);}
.screen-phone  .homebusiness .layer {padding: 0 0px 20px 14px;}
.homebusiness .layer::before{content: "";position: absolute; left: 0; top: 15px; width: 6.25vw; height: 1px; background: #fff;}
.homebusiness .layer .innerS{ width: 34vw; /*color: #fff;*/}
.screen-phone .homebusiness .layer .innerS{ width:100%; /*color: #fff;*/}
.homebusiness .layer .p{margin: 24px 0 30px;line-height: 1.875; font-size: 16px; max-width: 510px; width: 90%;}
.homebusiness .layer li{float: left; text-align: center; width: 25%; max-width: 182px;}
.homebusiness .layer li.li_w3{ width: 33.333334%;}
.homebusiness .layer li.li_w5{ width: 20%;}
.homebusiness .layer li.li_w6{ width: 16.666666667%;}
.homebusiness .layer li a{display: inline-block; text-align: center; color: #fff;}
.homebusiness .layer li span{display: block;}
.homebusiness .layer li .iconS img{ width: 60px; height: 60px;}
.homebusiness .layer li .tit{font-size: 18px; padding-top: 8px;}
.homebusiness .layer .more{position: absolute; top: 60px; right: 76.8px; width: 60px; height: 60px; background: #f39800 url(../../images/more.png) no-repeat center; background-size: 34px 11px; border-radius: 100%;}
.screen-phone  .homebusiness .layer .more { top: 70%; right: 10px;}
 
.homebusiness .owl-nav button{position: absolute; top:50%;  display: block; margin-top: -30px;}
.homebusiness .owl-nav button span{display: block; font-size: 60px; line-height: .85; color: #fff;width: 60px; height: 60px;background: #014190; border-radius: 100%; }
.homebusiness .owl-nav .owl-prev{ left: 0;}
.homebusiness .owl-nav .owl-next{ right: 0;}
.homebusiness .owl-nav button.disabled {cursor: auto;}
.homebusiness .owl-nav button.disabled span{ background: #888;}
@media (max-width:768px) and (min-width:640px) {
	.homebusiness .layer{min-height: 400px;}
}
@media (min-width:1024px) {
	.homebusiness .layer{opacity: 0; width: 0;}
	.homebusiness .active .owl-item.active{width: calc( 960px / 4 ) !important; overflow: hidden;}
	.homebusiness .active .owl-item.active.on{width: 931.2px !important;}
	.homebusiness .on .start{opacity: 0;}
	.homebusiness .on .layer{opacity: 1; width: 100%; min-width: 240px; z-index: 3;transition: opacity 1.3s ease-in-out;}
	.homebusiness .owl-item.active{width: 33.3334%;}
	.homebusiness .active .owl-item.active{width: calc( 960px / 2 ) !important; overflow: hidden;}
}
@media (min-width:1240px) {
	.homebusiness .owl-item.active{width: 20%;}
	.homebusiness .active .owl-item.active{width: calc( 960px / 4 ) !important; overflow: hidden;}
}




/*三个图标*/
.index_ad {margin-top:20px;width:100%;height: 80px;line-height:80px; background: url("../../images/ad_bg.jpg")  repeat center; }
.screen-phone .index_ad {height: 50px;line-height:50px;margin-top: 10px;}
.index_ad .dong{-webkit-transition: -webkit-transform 0.8s ease-out;}
.index_ad .dong:hover {-webkit-transform:scale(1,1.2);  transform:scale(1.1,1.2);}
.index_ad .dong span{display: block; width:40px; height: 50px; float: left; margin-top:0px;}
.screen-phone .index_ad .dong span{width:22px;}
.index_ad  span i{font-size: 32px;color:#fff;  }
 
.screen-phone .index_ad  i{font-size: 20px; }

.index_ad  .dong a{font-size: 22px; color:#fff;}
.screen-phone  .index_ad .dong a{font-size:16px; color:#fff;}
.index_ad  .index_ad .dong a:hover{color: #fff}



/*底部*/
#footerbar{width:100%;height: 400px; font-size:14px;color:#333;margin-top:40px;padding: 50px 0 60px 0; background:#fff;  border-top:1px solid #e5e5e5;position:relative;}
#footerbar .foot_nav{text-align:left; ;padding-top: 0px;padding-left: 00px;}
.navbar-nav{float:none;  /*覆盖默认样式*/}
#footerbar .foot_nav ul{text-align:left;}
#footerbar .foot_nav ul li{display:inline-block;position:relative;float:none;padding:3px; width: 140px; font-size: 18px; }
#footerbar .foot_nav ul li:last-child a{border:none;}

#footerbar .foot_nav ul li span{  display: block;width: 30px; height: 1px;margin-top:12px; background-color: #aeaeae;}

#footerbar .foot_nav ul li a{ color:#010101;padding: 0; padding-bottom:5px;}
#footerbar .foot_nav ul li a:hover{color:#034da2;}
#footerbar .foot_nav ul li ul {margin:0;padding:0;}
#footerbar .foot_nav ul li ul li {float:left;width: 100%; color: #5b5b5b;height: 30px;line-height: 30px;text-align: left;}
#footerbar .foot_nav ul li ul li a{color: #5b5b5b;font-size:14px;}
#footerbar .foot_nav a:hover{color:#fff;background:none;}
#footerbar .right p:nth-child(1){font-size: 25px;height: 30px;line-height: 30px;-webkit-transition: -webkit-transform 0.8s ease-out;}
#footerbar .right p:nth-child(1):hover {transform: translateX(10px); }
#footerbar .right p:nth-child(2){height: 50px;line-height: 50px;-webkit-transition: -webkit-transform 0.8s ease-out;}
#footerbar .right p:nth-child(2):hover {transform: translateX(10px); }

 

#footerbar .right span {display: block;float: left;width:36px; height: 20px;}
#footerbar .right span i {font-size: 32px;color: #f5ac31}
#footerbar .right img {width: 130px;height: 130px;margin-left: 36px; border: 6px solid #f1f1f1;border-radius: 8px;-webkit-transition: -webkit-transform 0.8s ease-out;}
#footerbar .right img:hover{-webkit-transform:scale(1.2,1.2);  transform:scale(1.1,1.1); }

#footerbar .right .guanzhu {height: 40px;line-height: 40px;text-indent: 50px;}

#foot-down{width:100%;font-size:14px;  height: 60px; line-height: 60px; color:#000;background-color:#e9e9e9;}
#foot-down .right {text-align: right;}
#foot-down p{margin:0;font-size:14px;}
#foot-down a{color:#999999;}
#foot-down a:hover{color:#1c62cf;}
 
#m-footer{border-top:1px solid #fff;background-color:#015293;}
#m-footer a{display:block;color:#fff;padding-top:5px;padding-bottom:5px;}
#m-footer .iconfont{font-size: 28px;}

 
 
#footerbar .foot_nav a:hover{color:#fff;background:none;}
.lilian{padding:0;margin-top:10px;}
.lilian ul{padding:0;}
.lilian ul li{width:240px;float:left;list-style:none;color:#000;font-weight:bold;font-size:16px;}
.lilian ul li p{font-weight:normal;font-size:14px;color:#666;margin-top:10px;}
.screen-tablet .lilian ul li{width:220px;}
.screen-tablet .lilian ul li p{font-weight:normal;font-size:14px;color:#666;margin-top:10px;}
.banquan{width:100%;padding:10px 0;color:#000;text-align:center;background-color:#f1f1f1;border-top:1px solid #bababa;}
.banquan a{color:#000;}
.banquan a:hover{color:#000;}
.banquan .left{text-align:center;font-size:16px;line-height:52px;}
.screen-phone .banquan .left{line-height:30px;padding:10px 0;}
.banquan .right{text-align:right}
.screen-phone .banquan .left{text-align:center}
.screen-phone .banquan .right{text-align:center}


/*按钮*/
.beautifulbtn { width: 100%; text-align: center;margin-top: 20px;}
.beautifulbtn_about { width: 100%; text-align: center;margin-top: 0px;}
.beautifulbtn1{ background-color: #034da2; height: 40px; line-height: 40px; width: 130px; font-size: 16px; margin: 0 10px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; border-radius:6px;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f39800;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.beautifulbtn1:hover::before {border-radius:6px;-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn1:hover {background: #3f3b3a;}
.screen-phone .beautifulbtn1{height: 40px;line-height: 40px;width: 120px;}

/* prevnext 前一篇-后一篇 */
.prevnext{width: 100%;padding: 20px 0;font-size: 14px; border-top:#E1E1E1 1px solid}
.prevnext a{color: #333;}
.prevnext a:hover{text-decoration: underline;color: #354fa6;}
.prevnext .prev,.prevnext .next{width: 100%;display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.prevnext .next {text-align: right}
.prevnext .historygo{display: inline-block;padding:10px 20px;background: #1162a7;color: #fff;}
.prevnext .historygo:hover{color: #fff;text-decoration: none;background: #354fa6;}

/* pagectrl 翻页按钮 上一页  下一页*/
.pagectrl{display:block;width:100%;padding:40px 0;}
.pagectrl>a{display:inline-block;padding:0 16px;height:30px;line-height:28px;font-size:14px;border:1px solid #ccc;border-radius:3px;margin-bottom:10px;color:#333;}
.pagectrl>a.active,.pagectrl>a:hover{background-color:#015293;border:1px solid #015293;color:#fff;}
.pagectrl>.pagectrlform{display:inline-block;height:30px;line-height:28px;padding:0px 20px;margin-bottom:10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height:30px;border:1px solid #ccc;border-radius:0;margin-bottom:10px;text-align:center;}
.pagectrl>.pagectrlform .pagesubmit{padding:0 8px;height:30px;background-color:#015293;border:1px solid #015293;color:#fff;margin-bottom:10px;}
 



/*内页位置导航*/
.weizhi_heng {width: 100%; height:50px;line-height:50px;border-bottom: 1px solid #e8e8e8;}

.weizhilist {overflow: hidden}
.weizhilist ul { padding: 0; margin: 0;margin-bottom: -2px;}
.weizhilist ul li {float: left;}
.weizhilist ul li a {display: block; padding: 0 15px; }uzhuang_list
.screen-phone  .weizhilist ul li a {display: block; padding: 0 6px; }
.weizhilist ul li a.jihuo{color: #015293;font-weight: bold;border-bottom: 3px solid #015293;} 

.weizhi{line-height:50px;    margin-top: 20px;padding-left:15px;text-align: left;font-size:15px;color:#888888;position:relative;}
.weizhi img{margin-right:8px;}
.weizhi a{font-size:15px;color:#888888;}
.weizhi a:hover {color: #015293;}

.screen-phone .weizhi,.screen-tablet .weizhi{font-size:14px;margin-bottom:0;margin-top: 10px;padding-left: 0px;}
.screen-phone .weizhi img,.screen-tablet .weizhi img{width:10px;}
.screen-phone .weizhi a,.screen-tablet .weizhi a{font-size:14px;}

.weizhi .search{display:block;max-width:300px;position:absolute;right:5px;top:50%;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}


/*关于我们*/
.about_con {margin-top: 50px; padding: 0 20px; line-height: 28px;color: #5f5f5f;}
.screen-phone .about_con,.screen-tablet .about_con{    margin-top:30px;}

.about_con .con { padding-right: 80px;}
.screen-phone .about_con .con { padding-right: 0px; padding-left: 0}
 
.chuangshiren {margin-top: 100px; padding: 0 20px; line-height: 28px;color: #5f5f5f;}
.chuangshiren img {width: 90%;float: right}
.screen-phone .chuangshiren img {width: 100%;float: left}


/*综合新闻列表*/ 
 
.topnews{ width: 100%; background-color: #e8ecf2;  margin-top: 20px; overflow: hidden; } 
.topnews_text{    } 

.topnews_left{      height: 240px; /*2025.3.20*/ margin: 30px 0 0 30px; } 
.screen-phone .topnews_left{   height: 260px; margin: 20px 0 0 10px; } 
.topnews_left a{  width: 95%;  height: 230px;  /*2025.3.20*/position: absolute; display: none;/*2025.3.20*/ } 
.topnews_left a:hover{ cursor: pointer; } 

.topnews_left .title{ margin-top: 10px; /*2025.3.20*/ font-size: 30px; font-weight: bold;color: #000;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} 
.screen-phone .topnews_left .title{margin-top: 10px;    font-size: 20px; }
.topnews_left .title:hover { color: #014099;  } 

.topnews_left .title::before,.topnews_left .title::after {display:inline-block;  position: absolute;color: #c2d1e6;  font-size: 100px;  font-family: 'Arial';  font-weight: normal;     transform: translateY(50%);  -webkit-transform: translateY(50%);}
.topnews_left .title::before {  content: '“'; left: 0;  bottom:210px ; /*2025.3.20*/}
.screen-phone .topnews_left .title::before {    bottom:260px  ;}

.topnews_left .title::after {  content: '”';  right: 20px;  top:-50px ;}
.screen-phone .topnews_left .title::before,.screen-phone .topnews_left .title::after {font-size: 60px;}

.topnews_left .time{ height: 30px;  margin-top: 10px;/*2025.3.20*/  font-size: 16px; color: #929292;font-style: italic;  } 
.screen-phone .topnews_left .time{ margin-top: 10px; }

.topnews_left .time::after{  content: '____'; left:0;  bottom:140px;/*2025.3.20*/ display:inline-block;  position: absolute;color: #d3dce9;line-height: 0.3;font-size: 20px; }
.screen-phone .topnews_left .time::after{  bottom:185px; }
.topnews_left .desc{   font-size: 16px; line-height: 26px; color: #505050; margin: 10px 0; /*2025.3.20*/  padding: 0 20px 0 0 ;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  }
 
.topnews_left .desc:hover { color: #014099;  } 

.topnews_left   span{ float: left;  display: block; margin-top: 8px; width: 100px; height: 28px;line-height:28px;text-align: center;background-color: #f39800;border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.topnews_left  span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #034da2;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.topnews_left  span:hover::before {border-radius:18px;-webkit-transform: scale(1,1);transform: scale(1,1);}

.topnews_left  .more{  height: 30px; overflow: hidden; }
.topnews_left  .more>div{ width: 100px; height: 30px; font-size: 14px; line-height: 30px; color: #f39800; border: solid 1px #f39800; border-radius: 15px; text-align: center; float: left; margin-right: 10px; } 
.topnews_left  .more>div:hover{ background-color: #f39800; color: #ffffff; cursor: pointer; } 


.topnews_imgbtn{ width: 370px; height: 14px; margin: 0 0 0 30px; } 
.screen-phone .topnews_imgbtn{   height: 30px;   } 
.topnews_imgbtn ul{ overflow: hidden; } 
.topnews_imgbtn-this1{ width: 14px; height: 14px; border-radius: 50%; background-color: #bdbdbd; margin: 0 10px; } 
.topnews_imgbtn-this{ width: 14px; height: 14px; border-radius: 50%; background-color: #f39800; margin: 0 10px; } 
.topnews_imgbtn ul li:hover{ cursor: pointer; } 

.topnews_imgbox{ width: 100%; height:310px;/*2025.3.20*/ position: relative; } 
.screen-phone .topnews_imgbox{   height: 230px;  } 
.topnews_imgbox a{ width: 100%; height: 310px;/*2025.3.20*/  position: absolute; overflow: hidden; display: none; } 
.topnews_imgbox img{ height: 310px;/*2025.3.20*/  position: absolute; left: 50%; } 
.screen-phone .topnews_imgbox img{ height: 230px; } 

 

/*新闻列表页  */ 

.newslist{margin-top:40px;}
.screen-phone .newslist{margin-left:0px;margin-top:20px;}
.newslist .items{width:100%;padding:30px 0 8px 0;;}
.newslist .items>a{display:block;position:relative; }

.newslist .items .news-con{display:block;width:65%;float:left;}
.screen-phone .newslist .items .news-con{display:block;width:65%;float:left;}
.newslist .items .news-con h1{padding-top:25px; padding-left:20px; margin:0;color:#000;font-size:22px;font-weight:normal;line-height: 32px; }
.screen-phone .newslist .items .news-con h1{padding-top:0px; padding-left:10px;font-size:16px;}

.newslist .items .news-con p{color:#828282;font-size:14px;font-weight: 300; padding:15px 0 0 20px;    overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.screen-phone .newslist .items .news-con p{font-size:14px;padding:5px 0 0 10px;}

.newslist .items .news-con p:nth-child(3){color:#929292;font-size:14px;padding:0 0 0 20x;}  
.screen-phone .newslist .items .news-con p:nth-child(3){ padding:0px 0 0  10px ;}  

.newslist .items .news-con p span{float:right;padding-right:8px;}

.newslist .items .news-img{display:block;width:30%;float:right;overflow:hidden;position:relative;padding-top:18%;}
.screen-phone .newslist .items .news-img{width:30%;padding-top:20%;text-align:center;}
.newslist .items .news-img>div{text-align:center;display:block;position:absolute;font-size:0px;top:0;left:0;width:100%;height:100%;-webkit-transition:all .6s ease-out 0s;-moz-transition:all .6s ease-out 0s;-o-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;}
.newslist .items>a:hover { border: 1px solid #ececec;box-shadow:   -1px 3px 5px 3px #ececec;border-radius: 2px;-webkit-transition:none;  -o-transition:none;transition: none;}
.newslist .items>a:hover h1 {color: #044da2;} 
.newslist .items>a:hover p:nth-child(3){color: #044da2;}
.newslist .items>a:hover .news-img>div{width:120%;height:120%;top:-10%;left:-10%;}
.newslist .items .news-img>div>img{width:100%;height:100%;}
 

 

/* 新闻详细页detail   ->go on 2021.11.23*/
.detail{display:block;position:relative;  }
.detail .detail_bg>img{display:block;width:100%;}
.detail .detail_bg .container{position:relative;}

.detail .detail_content video{display: block;margin: 0 auto;padding: 10px;}
.detail .detail_content{display:block;padding:0 20px 80px;}
.detail .detail_content .title{text-align:center;}
.detail .detail_content .title h3{font-size:24px;}
.detail .detail_content .title p{font-size:14px;color:#999;}
.screen-phone .detail .detail_content{padding:0 0 30px;}
.detail1 .detail_content{display:flex;padding:20px 20px 20px;overflow:hidden;font-size:0;}
.screen-phone .detail1 .detail_content{display:block;padding:0px 0px 20px;overflow:hidden;font-size:0;}
.screen-tablet .detail1 .detail_content{display:block;padding:30px 0px 20px;overflow:hidden;font-size:0;}
.detail1 .detail_content .right_spec{flex:1;}
.screen-phone .detail1 .detail_content .right_spec{flex:1;padding-left:0px;}
.detail1 .detail_content .right_spec .title{font-size:24px;text-align:left;}
.screen-phone .detail1 .detail_content .right_spec .title{font-size:20px;text-align:center;}
.detail1 .detail_content .tupian{text-align:left}
.screen-phone .detail1 .detail_content .tupian{text-align:center;}
.detail1 .detail_content .right_spec p{width:100%;text-align:center;}
.detail1 .detail_content .right_spec p img{max-width:80%;}
.detail1 .detail_content1{display:block;padding:0 0px 20px;}
.screen-phone .detail1 .detail_content1{display:block;padding:0 0px 30px 0;}
.detail1 .detail_content1 p{with:100%;}
.detail1 .detail_content1 .title{padding-bottom:15px;text-align:left;font-size:20px;font-weight:bold;line-height:20px;width:100%;border-bottom:3px solid #ece8e8;}


.neirong{background-color:#FFFFFF;margin:20px 15px 0 0;padding:0 46px;}
.screen-phone .neirong{margin:-10px;    padding: 0 15px 0 30px;}
.neirong .title{padding:20px 0;text-align: center; border-bottom: 1px solid #e5e5e5}
.screen-phone .neirong .title{padding:10px 0;}
.neirong .title h3{padding-bottom:10px;font-size:24px;font-weight:normal;color:#2c2c2c;}
.screen-phone .neirong .title h3{padding-bottom:0px;font-size:22px;line-height:25px;text-align:center;}
.neirong .title span{font-size:13px;color:#777777;}
.neirong .title span.hit{padding-left:5%;}
.neirong .detail_content{display:block;padding:20px 0px;color:#4f4f4f;line-height:27px;font-size: 16px;line-height:30px;}
.neirong .detail_content p{line-height:30px;margin: 10px 0;}
.neirong .detail_content p img { max-width:80%; }
.screen-phone .neirong .detail_content p img { max-width:100%; }


 



/*服装供应链管理*/
.fuzhuang_jianjie {margin-top: 80px; margin-bottom: 20px; line-height: 36px; padding: 65px 100px 60px 160px;font-size: 16px;background:url("../../images/fuzhuang_bg.png") ;background-size: cover; }
.screen-phone .fuzhuang_jianjie {margin-top:20px; margin-bottom: 10px; line-height:26px; padding: 15px; }

.fuzhuang_list {width: 100%; border: 1px solid #dddddd; margin-top: 30px; padding: 40px 10px 20px 20px;border-radius: 2px;height: auto;float: left;}
.fuzhuang_list:hover { border: 1px solid #ececec;box-shadow:   -1px 3px 5px 3px #ececec;border-radius: 2px;-webkit-transition:none;  -o-transition:none;transition: none;}
.screen-phone .fuzhuang_list {   padding: 15px 10px 20px 20px;    }

.fuzhuang_list .left {padding-left: 20px; padding-right: 60px;}
.fuzhuang_list .right {padding-left: 60px; padding-right: 20px;}
.screen-phone .fuzhuang_list .left {padding-left: 20px; padding-right: 20px;}
.screen-phone .fuzhuang_list .right {padding-left: 20px; padding-right: 20px;}

.screen-phone .fuzhuang_list {padding-left: 00px; padding-right:0px;}
.fuzhuang_list h1{font-size: 26px;font-weight: normal;}
.screen-phone .fuzhuang_list  h1{font-size: 22px;font-weight: normal;text-align: center;margin-top: 10px;}

.fuzhuang_list .line {display:block;width:104px;height:3px;top:5px;background-color:#f2ad3e;position:relative;overflow:hidden;}
.screen-phone .fuzhuang_list .line{margin: 0 auto}
.fuzhuang_list .line>span {display:block;width:100%;height:100%;background-color:#fd6e27;position:absolute;top:0;left:-100%;-webkit-transition:ease-in 1s;-moz-transition:ease-in 1s;-ms-transition:ease-in 1s;-o-transition:ease-in 1s;}
.fuzhuang_list:hover .line>span {left:0%;}

.fuzhuang_list .con { padding-top:40px; line-height: 28px;}
.screen-phone .fuzhuang_list .con { padding-top:15px; }
 
.screen-phone .fuzhuang_list .kuang{margin-top:16px }
.fuzhuang_list .items{display:block;text-align:center;color:#d3d3d3;margin-bottom:20px;}
.screen-phone .fuzhuang_list .items{margin-bottom:0px;}
.fuzhuang_list .items:hover{color:#009447;text-decoration:underline;}
.screen-phone .fuzhuang_list .list .items{margin-bottom:10px;}
.fuzhuang_list .items .itemsimg{display:block;position:relative;width:100%;padding-top:62%;}
.fuzhuang_list .items .itemsimg img{transition:all 0.5s ease-out;  /* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;  /* Firefox 4 */-webkit-transition:all 0.5s ease-out;  /* Safari 和 Chrome */-o-transition:all 0.5s ease-out;  /* Opera */}
.fuzhuang_list .items .itemsimg img:hover{transform:scale(1.2,1.2);}
.fuzhuang_list .items .itemsimg>div{display:block;position:absolute;width:100%;height:100%;border-radius: 8px;top:0px;overflow:hidden;background-size:auto 100%;background-color:#e4e4e4;}
.fuzhuang_list .items .itemstitle{width:100%;line-height:50px;background-color:#FFFFFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;}

    
 
/*品牌零售 left部分*/
.left_nav{display:block;width:65%;}
.screen-phone .left_nav{margin-top:10px;width:100%;}
.left_nav .title{height:70px;line-height:70px;color:#090909;font-size:26px;text-indent:15px;border-bottom:none;}
.left_nav .con{border-top:none;border-bottom:none;background-color:#FFFFFF;}
.left_nav .con ul{padding:0;margin:0;}
.left_nav .con ul li{border-bottom:1px #e7e7e7 solid;}
.screen-phone .left_nav .con ul li{float: left;width: 50%;}
.left_nav .con ul li a{display:block; font-size:16px;color:#000;height:70px;line-height:70px;text-indent:25px;border:1px #e7e7e7 solid;border-bottom:none;}
.screen-phone .left_nav .con ul li a{height:54px;line-height:54px;}
.left_nav .con ul li a:hover{color:#034da2;background-color: #e5f4ff; border-left:7px solid #145ccd;transition:all 0.5s ease-out;  /* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;  /* Firefox 4 */-webkit-transition:all 0.5s ease-out;  /* Safari 和 Chrome */-o-transition:all 0.5s ease-out;  /* Opera */}
.left_nav .con ul li a.setoutbg{color:#034da2;font-weight: bold;background-color: #f3faff; border-left: 7px solid #145ccd;}
.left_nav .con ul li a.setoutbg:hover{;}
 


 /**品牌零售**/
.tp {width: 100%; margin-top: 40px;}

.pinpai_all{  padding-top: 20px;color: #090909; line-height: 30px; }
.pinpai_title {text-align: center; font-weight: bold;font-size: 24px;color: #03336b; padding: 15px 0; background-color: #9cc4f1;border-radius: 2px; }
.screen-phone .pinpai_title { margin-top: 10px;   }
.pinpai_all .pinpai_con { padding: 20px; padding-top: 40px;   }
.screen-phone .pinpai_all .pinpai_con { padding: 20px; padding-top: 20px;   }

.pinpai_all .line {display:block;width:100%;height:1px;top:19px;background-color:#d9d9d9;position:relative;overflow:hidden;}
.pinpai_all .line>span {display:block;width:100%;height:100%;background-color:#4a9ff3;position:absolute;top:0;left:-100%;-webkit-transition:ease-in 2s;-moz-transition:ease-in 2s;-ms-transition:ease-in 1s;-o-transition:ease-in 2s;}
.pinpai_all:hover .line>span {left:0%;}

.pinpai {margin-top:0px;}
.screen-phone .pinpai{margin-left:0px;margin-top:0px;}
.pinpai .items{width:100%;    margin-top: 25px;padding:14px 0 8px 0;}
.screen-phone .pinpai .items{  margin-top: 5px;}
.pinpai .items>a{display:block;position:relative;}
.pinpai .items .news-img{display:block;width:36%;float:left;overflow:hidden;position:relative;padding-top:26%;}
.screen-phone .pinpai .items .news-img{width:100%;padding-top:65%;text-align:center;}
.pinpai .items .news-img>div{text-align:center;display:block;position:absolute;font-size:0px;top:0;left:0;width:100%;height:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
.pinpai .items>a:hover  h1 {color: #034da2;} 
.pinpai .items>a:hover .news-img>div{width:120%;height:120%;top:-10%;left:-10%;}
.pinpai .items .news-img>div>img{width:100%;height:100%;border-radius: 2px;}
.pinpai .items .news-con{display:block;width:58%;margin-left:50px;float:left;}
.screen-phone .pinpai .items .news-con{width:100%;margin-left:1%;}
.pinpai .items .news-con h1{padding-top:5px;margin:0;color:#000000;font-size: 20px; line-height: 32px;}
.screen-phone .pinpai .items .news-con h1{color:#000000;font-size:18px; padding: 20px 0 10px 0;}


.pinpai .items .news-con h1 span{ float: right;  display: block; margin-top: 0px; width: 100px; height: 28px;line-height:28px;font-size: 14px;font-weight: 100;color: aliceblue; text-align: center;background-color: #f39800;border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.pinpai .items .news-con h1 span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #034da2;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.pinpai .items .news-con h1 span:hover::before {border-radius:18px;-webkit-transform: scale(1,1);transform: scale(1,1);}

.pinpai .items .news-con h1 span a{ font-size: 14px;color: #fff; }
.pinpai .items .news-con h1 span a:hover{color:#d3e7ff; }


.pinpai .items .news-con p{color:#434343;font-size:14px;padding:25px 0 0 0; line-height: 30px;    overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.screen-phone .pinpai .items .news-con p{color:#434343;font-size:14px;padding:5px 5px 0 0;}
.pinpai .items .news-con p:nth-child(3){color:#808080;font-size:14px;padding:0;}  
.screen-phone .pinpai .items .news-con p:nth-child(3){ padding:10px 0 0 0 ;}  
.pinpai .items .news-con p span{float:right;padding-right:8px;}


/*品牌零售详细部分*/
.screen-phone .pinpaipic .kuang{margin-top:16px }
.pinpaipic .items{display:block;text-align:center;color:#d3d3d3;margin-bottom:20px;}
.screen-phone .pinpaipic .items{margin-bottom:0px;}
.pinpaipic .items:hover{color:#009447;text-decoration:underline;}
.screen-phone .pinpaipic .list .items{margin-bottom:10px;}
.pinpaipic .items .itemsimg{display:block;position:relative;width:100%;padding-top:120%;}
.pinpaipic .items .itemsimg img{transition:all 0.5s ease-out;  /* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;  /* Firefox 4 */-webkit-transition:all 0.5s ease-out;  /* Safari 和 Chrome */-o-transition:all 0.5s ease-out;  /* Opera */}
.pinpaipic .items .itemsimg img:hover{transform:scale(1.2,1.2);}
.pinpaipic .items .itemsimg>div{display:block;position:absolute;width:100%;height:100%;border-radius: 8px;top:0px;overflow:hidden;background-size:auto 100%;background-color:#e4e4e4;}
.pinpaipic .items .itemstitle{width:100%;line-height:50px;background-color:#FFFFFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;}

.pinpailink {clear: both; width: 100%;padding-top: 20px;}
.pinpailink span{   display: block; margin-top: 0px; width: 250px; height:36px;line-height:36px;font-size: 16px;color: #014099;font-weight: 100; text-align: center;border:1px solid #014099;border-radius: 6px; margin: 0 auto;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.pinpailink span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #034da2;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.pinpailink span:hover::before {border-radius:6px;-webkit-transform: scale(1,1);transform: scale(1,1);}

.pinpailink span a{display: block;}
.pinpailink span a:hover{ color: #fff ;}


/*针纺织科技 选项卡*/
.xuanxiangka {  padding-top: 50px; padding-bottom:60px;}
.screen-phone .xuanxiangka {  padding-bottom:20px;}

.xuanxiangka .nav2{display: flex;justify-content: center;align-items: center;font-size:18px;}
.screen-phone .xuanxiangka .nav2{font-size:16px;}
.xuanxiangka .nav2 .a1{border-radius: 28px 0 0 28px;}
.xuanxiangka .nav2 .a2{border-radius: 0px 28px 28px 0;}
.xuanxiangka .nav2 .active {background-color: #0054a7;}
 
.xuanxiangka .nav-tabs2 {border-bottom:none}
.xuanxiangka .nav-tabs2>li {border: 1px solid #b9b9b9; padding:8px 65px;;}
.screen-phone .xuanxiangka .nav-tabs2>li {padding:8px 25px;;}
.xuanxiangka .nav-tabs2>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color:#0054a7; border: none;color: #FFFFFF;}
.xuanxiangka .nav-tabs2>li>a {border: none;}
.xuanxiangka .tab-content { padding-top: 50px;}
.screen-phone .xuanxiangka .tab-content { padding-top: 20px;}
 

/*针纺织科技标签切换*/
.slidekuang {	position: relative;	width:100%; padding: 0 10px;	margin: 0 auto}
.screen-phone .slidekuang  {padding: 0 10px;}
.slidekuang .swiper-container {}
.slidekuang  .swiper-slide {	width: 620px;	height: 360px;	background: #fff;}
.slidekuang  .swiper-slide img{ display:block;width: 620px;	height: 360px; } 
.slidekuang  .swiper-slide p { position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-size: 16px; padding: 10px 0; } 
.slidekuang .swiper-pagination { width: 100%; bottom: -50px; } 
.slidekuang .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; background-color: #034da2; width: 10px; height: 10px; opacity: 1; } 
.slidekuang .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #eb6100; } 
.slidekuang .swiper-button-prev { left: 30px; width: 45px; height: 45px; background-size: 100%; opacity: 0.8; } .slidekuang .swiper-button-prev:hover { opacity: 1; } 
.slidekuang .swiper-button-next { right: 30px; width: 45px; height: 45px; background-size: 100%; opacity: 0.8; } .slidekuang .swiper-button-next:hover { opacity: 1; }  

/*针纺织科技 联系*/
.zhengfang_tel {padding: 100px;}
.screen-phone .zhengfang_tel {padding: 100px 5px 0 5px;}
.zhengfang_lx { width: 100%;float: left;   padding: 30px 0; height: auto;border: 1px solid #d1d1d1;border-radius: 2px;box-shadow:0px 3px 5px 0px #d1d1d1;text-align: center;font-size:28px;  }
.screen-phone  .zhengfang_lx {margin: 10px 0px 20px 0px; padding: 30px 0; font-size:18px;  }
.zhengfang_lx .welcome {font-weight: 300; padding-top: 12px; color: #eb6100;-webkit-transition: -webkit-transform 0.8s ease-out;}
.screen-phone  .zhengfang_lx .welcome {  padding-top: 0px;  padding-bottom: 19px;}
.zhengfang_lx .welcome:hover {transform: translateX(20px);}
.zhengfang_lx span {display: block;    width: 70%;margin: 0 auto; padding: 10px;background-color: #278cd8;  border-radius: 10px; }
.zhengfang_lx span a{display: block;color: #fff;-webkit-transition: -webkit-transform 0.8s ease-out;}
.zhengfang_lx span a:hover{ -webkit-transform: scale(1.2,1.2);transform:scale(1.2,1.2);}
.zhengfang_lx span i {font-size: 32px;}


/*汽车销售与服务 联系*/
.qiche_all { padding: 50px 120px 00px 120px;line-height: 32px; color: #242424;}
.screen-phone .qiche_all,.screen-tablet .qiche_all {padding:50px 20px 0px 20px;}


.qiche_tel { width: 100%;float: left; padding: 10px;margin-top: 100px; background-color: #f19149; }
.qiche_tel .tel {font-size: 18px; color: #fff;  padding: 45px 0 0 40px;line-height:40px; }
.qiche_tel .tel a{color: #fff;}
.screen-phone .qiche_tel .tel {  padding: 20px 0 0 20px;}
.qiche_tel .pic {text-align: center;padding:20px 0px  0 0}
.qiche_tel .pic img {width:110px;height: 110px;  }
.qiche_tel .pic p {  padding-top: 10px  }

/*产业地产*/
.dichan{ margin-top: 20px;}
.screen-phone .dichan{ margin-top: 40px;}
.dichan .title{padding: 0 10px;color:#282828;line-height: 30px;margin: 50px 0  20px 0}
.dichan h1{ padding: 10px 0 15px 10px;margin-top: 15px;font-size: 22px; -webkit-transition: -webkit-transform 0.8s ease-out;}
.screen-phone .dichan h1{ padding: 10px 0 15px 10px;margin-top: 15px;font-size: 18px; -webkit-transition: -webkit-transform 0.8s ease-out;}
.dichan h1:hover {transform: translateX(20px);color: #0054a7;}
.dichan .kuang {width: 100%; height: auto;float: left;padding-bottom: 35px;}
.dichan .items{display:block;text-align:center;color:#d3d3d3;margin-bottom:20px;}
.screen-phone .dichan .items{margin-bottom:0px; padding-top: 15px;}
.dichan .items:hover{color:#009447;text-decoration:underline;}
.screen-phone .dichan .list .items{margin-bottom:10px;}
.dichan .items .itemsimg{display:block;position:relative;width:100%;padding-top:62%;}
.dichan .items .itemsimg img{transition:all 0.5s ease-out;  /* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;  /* Firefox 4 */-webkit-transition:all 0.5s ease-out;  /* Safari 和 Chrome */-o-transition:all 0.5s ease-out;  /* Opera */}
.dichan .items .itemsimg img:hover{transform:scale(1.2,1.2);}
.dichan .items .itemsimg>div{display:block;position:absolute;width:100%;height:100%;border-radius: 4px;top:0px;overflow:hidden;background-size:auto 100%;background-color:#e4e4e4;}
.dichan .items .itemstitle{width:100%;line-height:50px;background-color:#FFFFFF;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/*事业体系 通用模板*/
.shiye {margin-top: 80px; }
.screen-phone .shiye,.screen-tablet .shiye {margin-top: 50px; }

.shiye .title{padding: 0 10px;color:#282828;line-height: 30px;}
.shiye .kuang {width: 100%; height: auto;float: left;padding-bottom: 35px;margin-top: 40px;}
.screen-phone .shiye .kuang {margin-top: 10px;}
.shiye .items{display:block;text-align:center;color:#d3d3d3;margin-bottom:20px;}
.screen-phone .shiye .items{margin-bottom:0px;  padding-top: 15px;}
.shiye .items:hover{color:#009447;text-decoration:underline;}
.screen-phone .shiye .list .items{margin-bottom:10px;}
.shiye .items .itemsimg{display:block;position:relative;width:100%;padding-top:62%;}
.shiye .items .itemsimg img{transition:all 0.5s ease-out;  /* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;  /* Firefox 4 */-webkit-transition:all 0.5s ease-out;  /* Safari 和 Chrome */-o-transition:all 0.5s ease-out;  /* Opera */}
.shiye .items .itemsimg img:hover{transform:scale(1.2,1.2);}
.shiye .items .itemsimg>div{display:block;position:absolute;width:100%;height:100%;border-radius:8px;top:0px;overflow:hidden;background-size:auto 100%;background-color:#e4e4e4;}
.shiye .items .itemstitle{width:100%;line-height:50px;background-color:#FFFFFF;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}




/*图片列表 用于社会责任*/
.product_list{display: block;padding-top: 60px;padding-bottom: 30px;position: relative;overflow: hidden;}
.screen-phone .product_list{padding-top: 10px;padding-bottom: 10px;}

.product_list .list {width: 100%;float: left;margin-top: 20px; }
.screen-phone .product_list .list {margin-top: 20px;  padding: 0; }
.product_list .list>a{color:#FFFFFF;}
.product_list .list>a:hover{color: #fd6e27;}
  
.product_list .list .items{display: block;color: #000000;margin-bottom: 30px; }
.product_list .list .items:hover{color: #014099; }
.screen-phone .product_list .list .items{margin-bottom: 10px;}
.product_list .list .items .itemsimg{display: block;position: relative;width: 100%;padding-top:70%;border: 1px solid #dad6d6;}
.product_list .list .items .itemsimg img{transition:all 0.5s ease-out; /* 过度 所有css属性 1秒过度 结束慢*/ -moz-transition:all 0.5s ease-out; /* Firefox 4 */ -webkit-transition:all 0.5s ease-out; /* Safari 和 Chrome */ -o-transition:all 0.5s ease-out; /* Opera */}
.product_list .list .items:hover .itemsimg img {transform:scale(1.1,1.1);}
.product_list .list .items .itemsimg>div{display: block;position: absolute;width: 100%;height: 100%;top: 0px;overflow: hidden;background-size: auto 100%;background-color: #e4e4e4;}
.product_list .list .items .itemstitle{width: 100%;  font-size:16px;height: 50px; line-height: 40px;margin-top: 10px; padding-left: 1px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 

.product_list .list  .line {display:block;width:100%;height:1px;background-color:#ebebeb;position:relative;overflow:hidden;}
.product_list .list  .line>span {display:block;width:100%;height:100%;background-color:#fd6e27;position:absolute;top:0;left:-100%;-webkit-transition:ease-in 1s;-moz-transition:ease-in 1s;-ms-transition:ease-in 1s;-o-transition:ease-in 1s;}
.product_list .list .items:hover .line>span {left:0%;}


/*发展历程*/
.history{height: 99px;position: relative;margin-bottom:3%; margin-top: 70px;}
.screen-phone .history{ margin-top: 40px;}
.history:after{width: 1920px;left: 50%;margin-left:-960px;bottom: 21px;height: 1px;background:#ebebeb;content: "";position: absolute;z-index: -1;}
.screen-phone .history:after{width:100%;left: 0%;margin-left:0px;}
.history .item{text-align: center;line-height: 72px;height: 99px; ; font-size: 36px;color:#bfbfbf;font-weight: bold;font-family: "DINMedium";position: relative;cursor: pointer;}
.history .item:after{width: 16px;height: 16px;border-radius: 50%;border:3px solid #d9d9d9;content: "";position: absolute;left: 50%;bottom: 13px;transform: translate(-50%,0);background:#fff;}
.history .item.slick-current{font-size: 50px;color: #0e3db1;line-height: 37px;}
.history .item.slick-current:after{width: 20px;height: 20px;border:5px solid #0e3db1;bottom: 11px;}
.history .slick-arrow{width: 46px;height: 46px;line-height:46px;color:#cbcbcb;border:1px solid #cbcbcb;background:#fff;margin-top:0;}
.screen-phone .history .slick-arrow{width: 36px;height: 36px;line-height:36px;margin-top:9px;}

.history_list{max-width: 1140px;margin: 0px auto;}
.screen-phone .history_list{width: 100%}
.history_list dl{height: auto !important;height: 18px;font-size:14px;min-height: 18px;padding-left:190px;position: relative;color:#666666;margin-bottom:18px;}
.screen-phone .history_list dl{padding-left:173px;}
.history_list dl dt{position: absolute;left: 0;top: 0;color:#333333;font-weight: bold;}
.history_list dl dt img {width: 160px;height: 100px; border-radius: 8px;}
.history_list dl dd { padding: 0; margin: 0;    height:96px;font-size:18px;font-weight: 300;}
.screen-phone .history_list dl dd {  font-size:16px; }
.history_list dl dd i {color:#bfbfbf; ;} 
.history_list dl dd p { padding:20px 0 0 0 ; font-size: 20px;font-weight:normal;color: #000;}
.screen-phone .history_list dl dd p { padding:5px 0 0 0 ; font-size: 17px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  }
 
.screen-tablet .history{height: 70px;}
.screen-tablet .history .item{font-size: 24px;height: 70px;line-height: 45px;}
.screen-tablet .history .item.slick-current{font-size: 30px;line-height: 45px;}
.screen-tablet .history .slick-arrow{width: 30px;height: 30px;line-height:30px;}
 
.screen-phone .history .item{font-size:18px;}
.screen-phone .history .item.slick-current{font-size: 18px;line-height: 70px;}
.screen-phone .history .item.slick-current:after{width: 16px;height: 16px;bottom: 13px;line-height:70px;}

/* 荣誉证书 */
.honor{padding:50px 0 0;}
.screen-phone .honor{padding:20px 0 0;}
.honor .s-title h2{position: relative;font-size:30px;line-height: 60px;margin:0;text-align:center;font-weight: 400;color: #461c88;}
.honor .s-title p{text-align:center;font-size: 18px;color: #575757;}
.screen-phone .honor .s-title h2{font-size:20px;line-height: 40px;margin-top: 0;}
.screen-tablet .honor .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .honor .s-title p{font-size:16px;}
.honor .roll-wrap:hover .control { display: block; }
.honor .roll-wrap { position: relative; width: 100%; height: 250px;margin-top: 20px; overflow: hidden; }
.honor .roll-wrap>div{position: relative;  height: 100%; margin: 0 53px;overflow: hidden;}
.honor .roll-wrap .roll__list {padding:0;overflow: hidden;}
.honor .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; }
.honor .roll_row .roll__list::after { clear: both; }
.honor .roll_row .roll__list { width: 9999px; }
.honor .roll_row .roll__list li { float: left; display: block; padding:0 10px; width: 300px;height:250px;font-size: 30px; text-align: center; color: #fff; }
.honor .roll_row .roll__list li a{display: block;width: 100%;height: 100%;}
.honor .roll_row .roll__list li a .img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.honor .roll_row .roll__list li a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;transition:all 0.5s ease-out; /* 过度 所有css属性 1秒过度 结束慢*/ -moz-transition:all 0.5s ease-out; /* Firefox 4 */ -webkit-transition:all 0.5s ease-out; /* Safari 和 Chrome */ -o-transition:all 0.5s ease-out; /* Opera */}
.honor .roll_row .roll__list li a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-radius:4px; }
.honor .roll_row .roll__list li a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.honor .roll_row .roll__list li a .img>:hover{transform:scale(1.2,1.2);}
.honor .roll_row .roll__list li a .name{font-size: 16px; margin-top: 12px;margin-bottom: 0; color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.honor .control { position: absolute; top: 30%; display: block; font-weight: 700; text-decoration: none; color: #fff;z-index: 5; }
.screen-phone .honor .control,.screen-tablet .honor .control{display: block;width: 20px;}
.honor .control img{width: 100%;height: auto;}
.honor .control:hover {}
.honor .control.pre { left: 10px; }
.honor .control.next { right: 10px; }
.screen-phone .honor .roll-wrap{height: 230px;}
.screen-phone .honor .roll_row .roll__list li{;padding:0 10px;height: 230px;}
.screen-phone .honor .roll_row .roll__list li a .name{font-size: 16px;margin-top: 10px;}

.honorlist {}
.honorlist h1{text-align: center; padding:15px 0 15px 0;color: #000 ;background-color:#ffcba4; margin: 20px 0; }
.honorlist h1 i {font-size: 26px;font-weight: 300;}
.honorlist ul{}
.honorlist ul li {  padding: 15px 0; border-bottom: 1px dashed #e8e8e8; display: flex;justify-content: space-between; -webkit-transition: -webkit-transform 0.8s ease-out;}
.honorlist ul li .time {width: 11%;float: left;}
@media (max-width:1300px) and (min-width:769px) {.honorlist ul li .time {width: 15%;}}

.screen-phone .honorlist ul li .time {width: 150px;}
.honorlist ul li .title {width: 85%;float: left}
.honorlist ul li  i{font-size: 10px;}
.honorlist ul li:hover   {transform: translateX(10px);color: #014099; }
.honorlist ul li:hover  i {color: #ff0000;}


/*内页联系*/
 
.contact{margin-top:50px;}
.screen-phone .contact{padding-left: 0;margin-top: 20px;}
.screen-phone .contact .col{ padding-left: 5px;padding-right: 5px;}
.contact .item{display: block;background-color: #fff;text-align: center;color: #555657;position: relative;}
.contact .col{padding-right: 25px;padding-left: 25px;}
.screen-phone .contact .item{margin-bottom: 1px;}
.contact .item .itemimg{display: block;min-height:170px;padding-top: 35%;position: relative;font-size: 0;line-height: 0;}
.screen-phone .contact .item .itemimg{min-height:100px;top: -20px;}
.contact .item .itemimg>div{position: absolute;display:block;width:130px;height: 130px;top:70px;left: 50%;margin-left:-65px;-webkit-transition: -webkit-transform 0.8s ease-out;  }
.contact .item .itemimg>div>div{display: block;width: 57px;height: 57px;position: absolute;top:60px;left:28px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.contact .item .itemimg>div>div i {font-size: 70px;}
.contact .item .itemtitle{width: 90%;font-size: 20px;font-weight:400;color: #2b375b; line-height: 32px;margin-bottom: 0px;margin: 0 5%; margin-top: 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.screen-phone .contact .item .itemtitle{margin-top:20px; }
.contact .item p{   height: 68px;line-height: 22px; color: #7f7f7f;font-size:16px; margin-top: 10px; padding:0 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.screen-phone .contact .item p{ height: 20px;margin-bottom:0px;line-height: 20px;    margin-top: 10px;}

.contact .item:hover{}
.contact .item:hover .itemimg>div{color: #014099; transform: translateY(-12px);  }
.contact .item:hover .itemimg>div>div i {font-size: 70px;}
.contact .item:hover .itemtitle{color: #014099;;}
.contact .item:hover  p{color: #014099;}
 
.contact .item:hover .itemimg>div>i{color: #014099;}


.map{ margin-top: 50px;}
 

/*预警信息*/
.yujing{margin-top:00px;}
.screen-phone .yujing{margin-left:0px;margin-top:0px;}
.yujing .items{width:100%;padding:26px 0;border-bottom:1px dashed #dfdfdf;}
.yujing .items>a{display:block;position:relative;}
.yujing .items .news-date {display:block;width:13%;float:left;}
.yujing .items .news-date .riqi { width: 93px; height: 90px;color: #7b7c7c;background-color: #ececec;font-size: 16px;text-align: center;border-radius: 3px;}
.yujing .items .news-date .riqi p { font-size: 34px;font-weight: bold;padding: 0; margin: 0;}

.yujing .items>a:hover  h1 {color: #015293;font-weight: bold;} 
.yujing .items>a:hover .riqi {color: #fff;background-color: #014099;}

.yujing .items .news-con{display:block;width:86%; float:right;}
@media (max-width:1300px) and (min-width:769px) {.yujing .items .news-con{display:block;width:80%; float:right;} }
.screen-phone .yujing .items .news-con{width:68%;float:right;}
.yujing .items .news-con h1{padding-top:5px;margin:0;color:#0d0d0d;font-size:18px;font-weight: 400;}
.screen-phone .yujing .items .news-con h1{color:#333;font-size:16px;}
.yujing .items .news-con p{color:#afafaf;font-size:14px;padding:20px 3px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;;}
.screen-phone .yujing .items .news-con p{color:#afafaf;font-size:14px;padding:5px 0 0 0 ;}
.screen-phone .yujing .items .news-con span {color:#afafaf;}
.yujing .items .news-con p span{float:right;padding-right:8px;}
.yujing .items>a:hover .news-con p{color: #5c9af2;}

/*企业文化*/
.culture { margin-top: 80px;}

.culture .pic1  img{width: 90%}
.screen-phone .culture .pic1  img,.screen-tablet .culture .pic1  img{width: 100%}
.culture .pic2 img{width: 90%; float:right;}
.screen-phone .culture .pic2 img,.screen-tablet .culture .pic2 img{width:100%;}
.screen-phone .culture .con { padding-top: 30px;}
.screen-tablet .culture .con { padding-top: 30px;}
.culture .anniu { width: 100%;float:left;}
.culture .anniu span{  display: block;margin-top: 0px; width: 100px; height: 36px;line-height:36px;font-size: 20px;font-weight: 100;color: aliceblue; text-align: center;background-color: #2d6bb2;border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.culture .anniu  span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f39800;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.culture .anniu  span:hover::before {border-radius:18px;-webkit-transform: scale(1,1);transform: scale(1,1);}

.culture .anniu2 { width: 100%;float:left;}
.culture .anniu2 span{  display: block;float:right;margin-top: 0px; width: 100px; height: 36px;line-height:36px;font-size: 20px;font-weight: 100;color: aliceblue; text-align: center;background-color: #2d6bb2;border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.screen-phone .culture .anniu2 span,.screen-tablet .culture .anniu2 span{float:left;}
.culture .anniu2  span::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f39800;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.culture .anniu  span:hover::before {border-radius:18px;-webkit-transform: scale(1,1);transform: scale(1,1);}


.culture .text { width: 100%;float:left;padding: 15px 0 25px 0; ;font-size: 16px}
.culture .text2 {width: 90%;float: right;margin-top: 15px;  ;font-size: 16px}
.screen-phone .culture .text2 ,.screen-tablet .culture .text2 { width: 100%;padding: 5px 0 25px 0; }
.culture .two { padding-top: 50px;}
.culture .two { padding-top: 50px;}
.screen-phone .culture .pic_logo,.screen-tablet .culture .pic_logo { margin: 0 auto}
.screen-phone .culture .pic_logo img,.screen-tablet .culture .pic_logo img{text-align:center;/*居中*/ padding-bottom: 25px;}


/*企业文化 - 我们的理念*/
.linian { margin-top: 40px} 
.linian .title {text-align: center;line-height: 32px;padding:0 20px;}
.screen-phone .linian .title { ;padding:0 5px;}
.linian .pic img {text-align: center; margin: 0 auto}

.linian_list{margin-top:10px;}
.screen-phone .linian_list{padding-left: 0;margin-top: 20px;}
.screen-phone .linian_list .col{ padding-left: 5px;padding-right: 5px;}
.linian_list .item{display: block;background-color: #fff;text-align: center;color: #555657;position: relative;}
.linian_list .col{padding-right: 25px;padding-left: 25px;}
.screen-phone .linian_list .item{margin-bottom: 10px;}
.linian_list .item .itemimg{display: block;min-height:170px;padding-top: 54%;position: relative;font-size: 0;line-height: 0;}
@media (max-width:1300px) and (min-width:769px) { .linian_list .item .itemimg{ padding-top: 75%;}}

 
.screen-phone .linian_list .item .itemimg{min-height:130px;top: -20px;}
.linian_list .item .itemimg>div{position: absolute;display:block;width:170px;height: 170px;top:30px;  left: 28%;;margin-left:0px;  border-radius:50%; border:12px solid #ffdceb; background: linear-gradient(to top, #e55091, #ee89b5); }
@media (max-width:1300px) and (min-width:769px) { .linian_list .item .itemimg>div{left: 20%;}}
.linian_list .item .itemimg>.bg1 {background: linear-gradient(to top, #0e4ca4, #3976cb);border:12px solid #d1e4ff; }
.linian_list .item .itemimg>.bg2 {background: linear-gradient(to top, #f4a31b, #f4bc5f);border:12px solid #ffefd5; }
.linian_list .item .itemimg>div>div{display: block;width: 143px;height:110px;position: absolute;top:18px;left:0px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.linian_list .item .itemimg>div>div h2 {font-size: 28px;font-weight: normal; text-align: center;color: #fff;-webkit-transition: -webkit-transform 0.8s ease-out;}
.linian_list .item .itemimg>div>div p {font-size: 16px;text-align: center;color: #fff;padding: 0; margin-top: 5px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.linian_list .item .itemtitle{width:100%;font-size: 22px;font-weight:600;color: #2b375b; line-height: 32px;margin-bottom: 0px;margin-top: 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.linian_list .item p{   height: 68px;line-height: 22px; color: #7f7f7f;font-size:16px; margin-top: 20px; padding:0 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.screen-phone .linian_list .item p{ height: 62px;margin-bottom:0px;line-height: 20px; margin-top: 10px;}

.linian_list .item:hover{}
.linian_list .item:hover .itemimg>.bg1{border:12px solid #99c3ff;background: linear-gradient(to top, #0a4190, #1f65c6);}
.linian_list .item:hover .itemimg>.bg2{border:12px solid #ffd794;background: linear-gradient(to top, #e49612, #ecad45);}
.linian_list .item:hover .itemimg>div{border:12px solid #fcabce; background:linear-gradient(to top, #dd4185, #e671a4);}
.linian_list .item:hover .itemimg>div>div  h2 {transform: translateY(-5px); ;}
.linian_list .item:hover .itemimg>div>div  p {transform: translateY(-5px); ;}
.linian_list .item:hover .itemtitle{color: #2d2d2d;}
 
.linian_list .item:hover .itemimg>div>i{color: #0089e1;}
 

/*企业文化 - 价值观 等*/
.jiazhiguan { margin-top: 40px} 
.jiazhiguan .title {text-align: center;line-height: 32px;}

.jiazhiguan_list{margin-top:10px;}
.screen-phone .jiazhiguan_list{padding-left: 0;margin-top: 20px;}
 
.jiazhiguan_list .item{display: block;margin:20px 10px 18px 10px; background-color: #fff;text-align: center;color: #555657;position: relative;border: 1px solid #ededed;border-radius:10px;box-shadow:0px 4px 8px 2px rgba(0,0,0,0.15);background: url(../../images/linian_bg.png) no-repeat center -300px;;}
 
.screen-phone .jiazhiguan_list .item{margin:10px 0px 10px 00px;}
.jiazhiguan_list .item .itemimg{display: block;min-height:140px;padding-top: 30%;position: relative;font-size: 0;line-height: 0;}
.screen-phone .jiazhiguan_list .item .itemimg{min-height:90px;top: -20px;}
.jiazhiguan_list .item .itemimg>div{position: absolute;display:block;top:30px;  left: 28%;;margin-left:0px; }
.screen-phone .jiazhiguan_list .item .itemimg>div{left:30%; }
@media (max-width:1300px) and (min-width:769px) {.jiazhiguan_list .item .itemimg>div{left: 17%; }}

.jiazhiguan_list .item .itemimg>div>div{display: block;width: 143px;height:110px;position: absolute;top:60px;left:20px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.screen-phone .jiazhiguan_list .item .itemimg>div>div{left:0px;top:50px;}
.jiazhiguan_list .item .itemimg>div>div i {font-size: 70px;color: #f39c0a;}
.jiazhiguan_list .item .itemtitle{width:100%;font-size: 22px;font-weight:600;color: #2b375b; line-height: 32px;margin-bottom: 0px;margin-top: 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.screen-phone .jiazhiguan_list .item .itemtitle{font-size: 20px;}
.jiazhiguan_list .item p{   height: 68px;line-height: 22px; color: #7f7f7f;font-size:16px; margin-top: 20px;margin-bottom:40px; padding:0 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.screen-phone .jiazhiguan_list .item p{ height: 85px;margin-bottom:20px;  margin-top: 10px;padding:0 5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.jiazhiguan_list .item em { display:block; width:30px; height:2px;  background-color:#f39c0a; margin:15px auto 0;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.screen-phone .jiazhiguan_list .item em {  width:80px; }
 
.jiazhiguan_list .item:hover{box-shadow:0px 6px 10px 4px rgba(0,0,0,0.3);background: url(../../images/linian_bg.png) no-repeat center -30px;transform: translateY(-8px); }

.jiazhiguan_list .item:hover .itemimg>div{}
 
.jiazhiguan_list .item:hover .itemimg>div>i{color: #0089e1;}
.jiazhiguan_list .item:hover .itemtitle {color: #ff8519;}
.jiazhiguan_list .item:hover em{ width:86px;border-radius:4px;}


/*人才招聘*/
.job {width: 100%;float: left;height: auto;margin-top: 60px;}
.screen-phone .job {margin-top: 0px;}
.jobpic {width: 70%; position: absolute;top:50%;left: 50%;transform: translate(-50%,0%);-webkit-transition: -webkit-transform 0.8s ease-out;}
.jobpic:hover{transform: translate(-50%,-10%);;}
.job h1{font-size:42px;font-weight: normal;text-align: center; padding: 0 0 25px 0}
.screen-phone .job h1{font-size:32px;font-weight: normal;text-align: center; padding: 0 0 25px 0}
.job p {font-size: 17px;line-height: 30px;}


.jobtab {  padding-top: 60px;  margin-top: 130px;border-top: 1px dashed #dadada;}
.screen-phone .jobtab {  padding-top:30px;margin-top: 40px;}
.jobtab .nav{display: flex;justify-content: center;align-items: center;font-size:18px;}
.screen-phone .jobtab .nav{font-size:16px;}
.jobtab .nav .a1{border-radius: 28px 0 0 28px;}
.jobtab .nav .a2{border-radius: 0px 28px 28px 0;}
.jobtab .nav .active {background-color: #0054a7;} 
.jobtab .nav-tabs {border-bottom:none}
.jobtab .nav-tabs>li {border: 1px solid #b9b9b9; padding:8px 65px;;}
.screen-phone .jobtab .nav-tabs>li {padding:8px 25px;;}
.jobtab .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color:#0054a7; border: none;color: #FFFFFF;}
.jobtab .nav-tabs>li>a {border: none;}
.jobtab .tab-content { padding-top: 50px;}
.screen-phone .jobtab .tab-content { padding-top: 20px;}
 

 
.joblist{margin-top: 70px; text-align: left;font-size: 0px;line-height: 0px;overflow: hidden;}
.screen-phone .joblist,.screen-tablet .joblist {margin-top:30px;  }
.joblist p{margin: 0px;}
.joblist .group-title{display: block;width: 100%;color: #333;font-size: 24px;line-height: 50px;}
.joblist .item{display: block;width: 100%;color: #000;  background-color: #eee; border-bottom: 1px solid #eeeeee;position: relative;transition: all .5s;overflow: hidden;}
 
.joblist .item:nth-child(2n){ background-color:#fff;}
.joblist .item:hover{background: #d9e6f1;}
.joblist .item.item-hd{background-color: #015293; color: #FFFFFF;height: 50px; line-height: 50px;}
/* .joblist .item.item-2n{background-color: #999;} */
.joblist .item.active{background: #d9e6f1;color: #333;}
.joblist .item>span{display: block;width:25%;font-size: 14px;line-height: 50px;float: left;position: relative;}
.joblist .item>span:first-child{padding-left:4%;width:25%;}
.joblist .item>span:nth-child(2),.joblist .item>span:nth-child(3),.joblist .item>span:nth-child(4),.joblist .item>span:nth-child(5),.joblist .item>span:nth-child(6){width: 15%;text-align: center;}
.joblist .item>span.more{text-align:right;width: 100%;padding-left: 0;}
.joblist .item>span .morebtn{display:inline-block;width: 100%;font-size: 14px;line-height: 30px; /* background: #354fa6; */ border-radius: 5px; margin: 0; color: #000; padding-right: 10px; margin-bottom: 6px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; position: absolute; top: -40px; right: 5.5%;}
 

.joblist .item>span .morebtn .iconfont{color: #7D7D7D;font-size:28px; display: inline-block; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.joblist .item.active>span .morebtn .iconfont{transform: rotate(180deg)}
.joblist .item.item-hd>span{font-size: 16px;line-height:50px;}
.joblist .item .items-main{display: none;width: 100%;color: #000;background-color: #f5f9ff;font-size: 14px;line-height: normal;text-align: left;padding: 0% 4% 2%;}
.screen-phone .joblist .group-title{font-size: 16px;line-height: 42px;}
.screen-phone .joblist .item>span{width: 100%;font-size: 14px;line-height: 50px;vertical-align: top;}
.screen-phone .joblist .item>span+sapn{}
.screen-phone .joblist .item.item-hd>span{font-size: 16px;line-height: 40px;}
.screen-phone .joblist .item>span.xs-hidden{display: none;}
.screen-phone .joblist .item>span .morebtn{display:inline-block;font-size: 12px;line-height: 30px;padding:0 4px; ;}
.joblist .item .button{padding-top: 10px;}
.joblist .item .button a{display:inline-block; font-size: 14px; line-height: 30px; background: #2072b9; border-radius: 5px; padding: 0 20px; color: #fff; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.joblist .item .button a:hover{	background: #354fa6;}



/* 人才培养列表页样式（包含轮播） */
.peiyang{padding-top:30px}
.screen-tablet .peiyang, .screen-phone .peiyang{padding-top:10px}
.peiyang>h2{color:#333;font-size:34px;font-weight:400;}

.peiyanglist{margin-top:0;text-align:center}
.peiyanglist ul{clear:both;overflow:hidden}
.peiyanglist ul.on{display:block}
.peiyanglist ul li{width:440px;margin:40px 40px 0 0;position:relative;float:left;box-sizing:border-box;height:540px}
.screen-tablet .screen-phone .peiyanglist ul li, .screen-phone .peiyanglist ul li{width:100%;height:500px}
.peiyanglist ul>li:nth-child(3n){margin-right:0}

.swiper_list_type .imgBox{ width:684px; height: 482px; margin:0; padding:0; position: absolute; left: 0; bottom: 0; } 
.screen-tablet .swiper_list_type .imgBox,.screen-phone .swiper_list_type .imgBox{ width:100%;   } 
.swiper_list_type .dw_1{ position:absolute; left:665px; bottom: 0;bottom:20px;    } 
.screen-tablet .swiper_list_type .dw_1, .screen-phone .swiper_list_type .dw_1{ position:absolute;left:150px; bottom:243px; } 

.swiper_list_type .swiper-pagination{ width: auto; text-align: right; left: 210px; color: #fff; position: absolute; bottom:40px; } 
.screen-tablet .swiper_list_type .swiper-pagination, .screen-phone .swiper_list_type .swiper-pagination{ width: auto; text-align: right; left: 200px; color: #fff; position: absolute;bottom:265px; }  

.shadowDiv { overflow: hidden; box-shadow: 0 0 16px 5px #E0DEDF; }
.ver-mid{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.screen-tablet .ver-mid, .screen-phone .ver-mid{top:40%;}

.swiper-pagination-bullet{margin-right:10px;background: #fff;opacity: 1;height:10px;width:10px;border-radius: 5px;}
.swiper-pagination-bullet-active{background:#015293;width:25px;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;width: auto;height: auto;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none;width: auto;height: auto;}
  
.swiper-button-next:hover{background-color:#015293;background-image:url(../../images/arr_r_w1.png)}
.swiper-button-prev:hover{background-color:#015293;background-image:url(../../images/arr_l_w1.png)}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1!important}
.part-prev{display:block;background:url(../../images/site-017.png) #fff no-repeat;right:87px;background-size:14px;background-position:53px 30px;width:88px;height:88px;left:auto;right:88px;bottom:0;top:auto}
.screen-tablet .part-prev, .screen-phone .part-prev{background:url(../../images/site-017.png) #fff no-repeat;right:87px;background-size:14px;background-position:20px 20px;width:60px;height:60px;left:auto;right:88px;bottom:0;top:auto}

.part-next{display:block;background:url(../../images/site-018.png) #fff no-repeat;background-position:15px 30px;background-size:14px;width:88px;height:88px;right:0;bottom:0px;top:auto}
.screen-tablet .part-next, .screen-phone .part-next{background-position:15px 20px;background-size:14px;width:60px;height:60px;right:28px;bottom:0px;top:auto}

.peiyanglist ul{ overflow:initial; } 
.peiyanglist li.swiper_list_type .title{ position: absolute; z-index: 1; bottom: 40px; left: 0; text-align: center; color: #fff; width: 508px; } 
.screen-tablet .peiyanglist li.swiper_list_type .title, .screen-phone .peiyanglist li.swiper_list_type .title{ position: absolute;   bottom: 40px; left: 0;    width: 100%; } 

li.swiper_list_type .wordDiv h2{ font-size:24px; } 
li.swiper_list_type .wordDiv h3{ font-size: 18px; font-weight: normal; text-align: left; margin-bottom:72px; line-height: 40px; } 
.screen-tablet li.swiper_list_type .wordDiv h3, .screen-phone li.swiper_list_type .wordDiv h3{ font-size: 16px;line-height: 30px; padding:0 5px 0 10px}
li.swiper_list_type .wordDiv p{ padding: 0 ; color:#666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical; } 
.screen-tablet li.swiper_list_type .wordDiv p, .screen-phone li.swiper_list_type .wordDiv p{ padding: 0 ; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; } 
li.swiper_list_type .wordDiv p b{ color:#000; } 
li.swiper_list_type .wordDiv p img { display: inline-block; width: auto; height: 30px; vertical-align: middle; margin-right: 18px; } 
.peiyanglist>ul>li.swiper_list_type{ width:100%; height: auto; margin: 108px 0 40px 0; margin-bottom:40px; overflow: initial; box-sizing: content-box; } 
.screen-phone .peiyanglist>ul>li.swiper_list_type{ width:100%;;} 
.peiyanglist ul>li.swiper_list_type:last-child{ margin-bottom: 0; } 
.peiyanglist ul li.swiper_list_type .imgBoxShow{ width: 684px; } 
.screen-phone .peiyanglist ul li.swiper_list_type .imgBoxShow, .screen-tablet .peiyanglist ul li.swiper_list_type .imgBoxSho{ width: 100%; } 

.swiper_list_type .imgBox{  width:100%;position:relative;  height:auto;  /* overflow:auto; */  } 
.peiyanglist ul li.swiper_list_type{  margin-top: 20px;  float: initial;  overflow: hidden;  /* height: 482px; */  box-shadow: none;  padding-bottom: 10px; } 
.peiyanglist ul li.swiper_list_type img{width: 660px;  position: absolute;  bottom: 10px;  left: 5px;  z-index: 999;   } 
.screen-tablet .peiyanglist ul li.swiper_list_type img,.screen-phone .peiyanglist ul li.swiper_list_type img{  width:100%;height: auto; position: relative;}  
.abc {padding: 0}

li.swiper_list_type .wordDiv{  float: left;  width: 98%;  height: 414px;  /* padding: 80px 100px 0 100px; */  box-sizing: border-box;  text-align: left;     margin-top: 68px;  margin-left:10px;box-shadow: 0 0 16px 5px #E0DEDF; } 
.screen-tablet li.swiper_list_type .wordDiv, .screen-phone li.swiper_list_type .wordDiv{    width: 98%;  height: 214px; padding-left: 10px;  margin: 0 0 0 1px;     } 
 
 .peiyanglist ul li.swiper_list_type .wordDiv .ver-mid {  width: 38%;  right: 70px;  left: inherit;  transform: translate(0,-50%);  -webkit-transform: translate(0,-50%); } 
.screen-tablet .peiyanglist ul li.swiper_list_type .wordDiv .ver-mid, .screen-phone .peiyanglist ul li.swiper_list_type .wordDiv .ver-mid {position: relative;  width: 100%;  right: 10px;  }  
li.swiper_list_type .wordDiv>.ver-mid>h3:last-child{ margin-bottom:0; }  
.swiper_list_type .swiper-wrapper .swiper-slide{  background:#fff;  overflow: hidden;  padding-bottom: 10px; } 


/* 人才理念 ->用人理念*/
.yongren { margin-top: 40px} 
.yongren .title {text-align: center;line-height: 32px;padding:0 20px;}
.screen-phone .yongren .title { ;padding:0 5px;}
.yongren .pic img {text-align: center; margin: 0 auto}

.yongren_list{margin-top:10px;}
.screen-phone .yongren_list{padding-left: 0;margin-top: 20px;}

.yongren_list .item{display: block;background-color: #fff;text-align: center;color: #555657;position: relative;}

.screen-phone .yongren_list .item{margin-bottom: 10px;}
.yongren_list .item .itemimg{display: block;min-height:210px;padding-top: 54%;position: relative;font-size: 0;line-height: 0;}
@media (max-width:1300px) and (min-width:990px) { .yongren_list .item .itemimg{ padding-top: 75%;}}
@media (max-width:989px) and (min-width:770px) { .yongren_list .item .itemimg{ padding-top: 55%;}}

.screen-phone .yongren_list .item .itemimg{min-height:130px;top: -20px;padding-top: 90%;}
.yongren_list .item .itemimg>div{position: absolute;display:block;width:170px;height: 170px;top:30px;  left: 23%;;margin-left:0px;  border-radius:50%;
    background: linear-gradient(to top, #2ec5b9, #5ae3d5);border:12px solid #cefffd; }
@media (max-width:1300px) and (min-width:990px) {.yongren_list .item .itemimg>div{  left:18%;}}
@media (max-width:989px) and (min-width:770px) { .yongren_list .item .itemimg>div{ left:24%;} }
.screen-phone .yongren_list .item .itemimg>div{  left:6%;  }
.yongren_list .item .itemimg>.bg1 {background: linear-gradient(to top, #031131, #396fa2);border:12px solid #d7e7fa; }
.yongren_list .item .itemimg>.bg2 {background: linear-gradient(to top, #fe9043, #fcaf74);border:12px solid #fce4d2; }
.yongren_list .item .itemimg>.bg4 {background: linear-gradient(to top, #1877d9, #44a1ef);border:12px solid #cde5fa; }
.yongren_list .item .itemimg>div>div{display: block;width: 143px;height:110px;position: absolute;top:20px;left:0px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.yongren_list .item .itemimg>div>div h2 {font-size: 25px;line-height: 34px; font-weight: normal; text-align: center;color: #fff;-webkit-transition: -webkit-transform 0.8s ease-out;}
.yongren_list .item .itemtitle{width:100%;font-size: 17px;font-weight:400;color: #666; line-height: 32px;margin-bottom: 0px;margin-top: 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.screen-phone .yongren_list .item .itemtitle{font-size: 17px;line-height: 28px;}
 .yongren_list .item:hover{}
.yongren_list .item:hover .itemimg>.bg1{background: linear-gradient(to top, #03122a, #225284);border:12px solid #b9d0ec;}
.yongren_list .item:hover .itemimg>.bg2{background: linear-gradient(to top, #e26f1d, #f8a361);border:12px solid #f4d0b5;}
.yongren_list .item:hover .itemimg>.bg4{background: linear-gradient(to top, #044c96, #2b8ee0);border:12px solid #acd1f2;}
.yongren_list .item:hover .itemimg>div{background: linear-gradient(to top, #46c1bb, #2d928d);border:12px solid #a3f4ec;}
.yongren_list .item:hover .itemimg>div>div  h2 {transform: translateY(-10px); ;}
 
.yongren_list .item:hover .tg1{color: #03122a;}
.yongren_list .item:hover .tg2{color: #e26f1d;}
.yongren_list .item:hover .tg3{color: #46c1bb;;}
.yongren_list .item:hover .tg4{color: #044c96;;}
 
.yongren_list .item:hover .itemimg>div>i{color: #0089e1;}

/* 人才理念 ->用人观念*/
.guannian {margin-top: 140px;} 
.screen-tablet .guannian, .screen-phone .guannian {margin-top: 40px;} 
.guannian .guannian_t1 h1{font-weight: normal;margin: 0;  padding: 0;}
.screen-tablet .guannian .guannian_t1 h1, .screen-phone .guannian .guannian_t1 h1 {text-align: center;}
.guannian .guannian_t1 .line {display:block;width:52px;height:3px;top:10px;background-color:#a9a9a9;position:relative;overflow:hidden;}
.screen-tablet .guannian .guannian_t1 .line, .screen-phone .guannian .guannian_t1 .line  {margin: 0 auto}
.guannian .guannian_t1 .line>span {display:block;width:100%;height:100%;background-color:#145ccd;position:absolute;top:0;left:-100%;-webkit-transition:ease-in 1s;-moz-transition:ease-in 1s;-ms-transition:ease-in 1s;-o-transition:ease-in 1s;}
.guannian .guannian_t1:hover .line>span {left:0%;}
.guannian .guannian_t1 .con { padding: 40px 70px 0 0;font-size: 17px;}
.screen-tablet .guannian .guannian_t1 .con, .screen-phone .guannian .guannian_t1 .con  { padding: 30px 0px 0 0;}
.guannian .guannian_t1 .con p {line-height: 26px;line-height: 28px;}

.guannian .guannian_t2 { transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}
.screen-tablet .guannian .guannian_t2, .screen-phone .guannian .guannian_t2 { margin-top: 20px;}
/*.guannian .guannian_t2:hover{ transform:rotateY(180deg); }*/
 
.guannian .guannian_t2 img{opacity:1}
.guannian .guannian_t2:hover img{opacity:0.85} 
 
.guannian .guannian_t3 { padding-top: 70px;-webkit-transition: -webkit-transform 0.8s ease-out;}
.screen-tablet .guannian .guannian_t3, .screen-phone .guannian .guannian_t3 { padding-top:30px;}
.guannian .guannian_t3:hover img{opacity:0.85} 

.guannian .guannian_t2 img, .guannian .guannian_t3 img { border-radius: 6px;}

.guannian .guannian_t4   { padding-top: 70px; padding-left: 70px;}
.screen-tablet .guannian .guannian_t4, .screen-phone .guannian .guannian_t4 {padding-top: 40px; padding-left: 0px;} 
.guannian .guannian_t4 h1{font-weight: normal;margin: 0;  padding: 0;}
.screen-tablet .guannian .guannian_t4 h1, .screen-phone .guannian .guannian_t4 h1 {text-align: center;}
.guannian .guannian_t4 .line {display:block;width:52px;height:3px;top:10px;background-color:#a9a9a9;position:relative;overflow:hidden;}
.screen-tablet .guannian .guannian_t4 .line, .screen-phone .guannian .guannian_t4 .line  {margin: 0 auto}
.guannian .guannian_t4 .line>span {display:block;width:100%;height:100%;background-color:#145ccd;position:absolute;top:0;left:-100%;-webkit-transition:ease-in 1s;-moz-transition:ease-in 1s;-ms-transition:ease-in 1s;-o-transition:ease-in 1s;}
.guannian .guannian_t4:hover .line>span {left:0%;}
.guannian .guannian_t4 .con { padding: 40px  0 0 0px;font-size: 17px;}
.screen-tablet .guannian .guannian_t4 .con, .screen-phone .guannian .guannian_t4 .con  { padding: 30px 0px 0 0;}
.guannian .guannian_t4 .con p {line-height: 26px;line-height: 28px;}

.zhunze {margin-top: 80px;}
.screen-tablet .shouce, .screen-phone .shouce  {margin-top: 30px;}
.shouce .mr { padding-right: 40px;}
.screen-tablet .shouce .mr, .screen-phone .shouce .mr{ padding: 0px;}
.shouce .ml { padding-left: 40px;}
.screen-tablet .shouce .ml, .screen-phone .shouce .ml{padding: 0px;}
.shouce .title {line-height: 60px;text-align: center; font-size: 32px;color: #FFFFFF;overflow: hidden;}
.screen-tablet .shouce .title, .screen-phone .shouce .title {line-height: 0px;font-size: 28px;}
.shouce .bg1 {padding: 35px 0;background:url("../../images/zhunze_bg1.jpg") no-repeat center;background-size:100%;-webkit-transition: -webkit-transform 0.8s ease-out;}
.shouce .bg1:hover{-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.shouce .bg2 {padding: 35px 0;background:url("../../images/zhunze_bg2.jpg") no-repeat center;background-size:100%;-webkit-transition: -webkit-transform 0.8s ease-out;}
.shouce .bg2:hover{-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.shouce .con { padding:30px 0;font-size: 18px;color: #575656; text-align: center;background-color: #fbfeec;-webkit-transition: -webkit-transform 0.8s ease-out;}
.shouce .con p{-webkit-transition: -webkit-transform 0.8s ease-out;}
.shouce .con p:hover {transform: translateX(10px);}


/*华瑞新视野*/
.xinshiye{margin-top:00px;}
.screen-phone .xinshiye{margin-left:0px;margin-top:0px;}
.xinshiye .items{width:100%;padding:26px 0;border-bottom:1px dashed #dfdfdf;}
.xinshiye .items>a{display:block;position:relative;}
.xinshiye .items .news-date {display:block;width:10%;float:left;}
.screen-phone .xinshiye .items .news-date {display:block;width:27%;float:left;}
.xinshiye .items .news-date .riqi { width: 93px; height: 90px;color: #7b7c7c;background-color: #ececec;font-size: 16px;text-align: center;border-radius: 3px;}
.xinshiye .items .news-date .riqi p { font-size: 34px;font-weight: bold;padding: 0; margin: 0;}

.xinshiye .items>a:hover  h1 {color: #015293;font-weight: bold;} 
.xinshiye .items>a:hover .riqi {color: #fff;background-color: #014099;} 

.xinshiye .items .news-con{display:block;width:70%; float:left;}
@media (max-width:1300px) and (min-width:769px) {.xinshiye .items .news-con{display:block;width:65%; float:left;} }
.screen-phone .xinshiye .items .news-con{width:55%;float:left;}
.xinshiye .items .news-con h1{padding-top:5px;margin:0;color:#0d0d0d;font-size:18px;font-weight: 400;}
.screen-phone .xinshiye .items .news-con h1{color:#333;font-size:16px;font-weight:600;}
.xinshiye .items .news-con p{color:#afafaf;font-size:14px;padding:20px 3px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;;}
.screen-phone .xinshiye .items .news-con p{color:#afafaf;font-size:14px;padding:5px 0 0 0 ;}
.screen-phone .xinshiye .items .news-con span {color:#afafaf;}
.xinshiye .items .news-con p span{float:right;padding-right:8px;}
.xinshiye .items>a:hover .news-con p{color: #5c9af2;}
.xinshiye .items>a:hover .news-pic i {font-size: 40px;color: #fc7c7c;}
.xinshiye .items .news-pic {display:block;width:13%;float:right;font-size: 30px;}
.xinshiye .items .news-pic i {font-size: 40px;color: #edb3af;}
.xinshiye .items>a:hover .news-pic i {color: #e03636;} 

/*搜索 */
.pro1 h1{font-size: 18px;text-align: center;}


.ptr_content3{clear:both;text-align:left;line-height:30px;font-size:12px;height:0 auto;margin-bottom:2px;overflow:hidden;}
.ptr_content3 p{font-size:16px;line-height:28px;}
.ptr_content3 ul{margin:0;padding:0;margin-top:25px;}
.screen-phone .ptr_content3 ul{margin:15px 0;}
.ptr_content3 h3{line-height:60px;text-align:center;color:#1f1f1f;font-size:26px;}
.screen-phone .ptr_content3 h3{line-height:40px;padding-top:10px;}
.ptr_content3 .detail{height:40px;line-height:40px;margin-top:20px;margin-bottom:45px;text-align:center;color:#1f1f1f;font-size:16px;background:#e0e8e8;}
.screen-phone .ptr_content3 .detail{font-size:14px;margin:10px 0;}
.ptr_content3 .pro_con{padding:0 15px 0 10px;}
.ptr_content3 .pro_con p{}
.ptr_content3 ul li span{padding-right:3px;color:#666;font-size:14px;font-family:Arial;position:absolute;top:0;right:0;}
.ptr_content3 ul li{height:30px;line-height:30px;padding-left:14px;font-size:16px;background:url(../images/square.png) left center no-repeat;position:relative;}
.ptr_content3 ul li.sep_line{height:10px;margin-top:8px;margin-bottom:15px;border-bottom:#aaa 1px dashed;background:none;}
.ptr_content3 ul li a{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;padding-right:80px;}
.ptr_content3 ul li .iconfont {font-size: 12px;color: #888888;}





