﻿/* CSS Document */
/*主体*/
.h75{ height:75px;}

.w{position: relative;}


/*当前位置*/
.position{text-align:right;overflow: hidden;line-height: 45px;font-size: 14px;color: #6f6f6f;margin: 15px auto 0;}
.position a {padding: 0 6px;color: #6f6f6f;font-size: 14px;}
.position .tl{float:left;font-size: 24px;color: #373737;padding: 0 0 0 5px;}

.position2{border-bottom:1px solid #e9e9e9;margin: 10px auto 30px;padding-bottom: 2px;}

.loaction{width:1200px; margin:0 auto;position:absolute;top:0;left:50%;margin-left:-600px; }

/*集团简介*/
.a_col{ margin:0 auto 95px;}
.a1{ background:url(../images/aboutbg.jpg) no-repeat}
.a3{background:url(../images/brandbg.jpg) no-repeat;margin: 0 auto 62px;}
.a3 img{float:right;}

.a_title{color:#0b6ad5;font-size: 20px;font-weight:  normal;border-left: 4px solid #0562d6;padding-left: 10px;line-height: 20px;margin: 0 auto 22px;}
.a_content{line-height: 2.32;text-align: justify;}
.anc{display:inline-block;width: 700px;}
.apc{ display:none;}
.a3 .aremark { display: inline-block;width: 700px;}
.a3 .apc{ display:block;float: right; }


.cultrue dd { float: left; display: block; position: relative; width: 50%; *width: 49.99%; }
.cultrue .img { width: 100%; display: block; }
.cultrue .blue {background: none rgba(5,98,214,0.8);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;transition: 300ms ease 0ms;-webkit-transition: 300ms ease 0ms;transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);opacity: 0;visibility: hidden;}
.cultrue .con { width: 100%; height: 70%; position: absolute; left: 0px; top: 30%; text-align: center; color: #fff; font-size: 14px; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.cultrue .by1 {text-transform: uppercase;transition: 300ms ease 0ms;-webkit-transition: 300ms ease 0ms;}
.cultrue .t .txt {font-size: 22px;padding: 12px 0px 17px;display: block;transition: 300ms ease 0ms;-webkit-transition: 300ms ease 0ms;}
.cultrue .t .bot { width: 22px; margin: 0px auto; display: block; height: 2px; background-color: #fff; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.cultrue .by2 { text-transform: uppercase; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; opacity: 0; visibility: hidden; }
.cultrue .c {width: 90%;margin: 9px auto 0;overflow: hidden;display: none;transition: 300ms ease 0ms;-webkit-transition: 300ms ease 0ms;line-height: 2.2;}
.cultrue dd:hover .con {top: 23%;}
.cultrue dd:hover .blue { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.cultrue dd:hover .by1 { opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden; }
.cultrue dd:hover .by2 { opacity: 1; margin: 3% auto 6%; visibility: visible; }
.cultrue dd:hover .t .txt { padding: 0px 0px 12px; }
.cultrue dd:hover .c { display: block; }

.s1{color:#373737;border-bottom:2px solid #e9e9e9;font-size:24px;font-weight:normal;margin: 0 auto 36px;padding: 0 0 17px 0;}


.aboutcontent{ line-height:2;margin-bottom:40px;text-align:justify;}



/*左边*/
.content{ margin: 0 auto 30px;line-height:32px;padding: 19px 20px 20px 20px;}
.content .tl{ font-size: 30px;color: #20cc69;margin: 0 auto 10px;}

.xx,.xx *{ font-size:18px;color:#000000;line-height: 28px;text-align: justify;}




/*新闻图片列表*/
.newsTop { overflow:hidden;background: #f7f7f7;padding: 32px 37px;margin: 0 auto 30px;position: relative; }
.newsTop .pic{width:311px;height:auto;float: left;}
.newsTop .pic img{width:100%;height:100%;}
.newsTop .brief{float:right;width: 698px;margin: 10px 0 0;}
.newsTop h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;font-size: 24px;font-weight: normal;color: #2d2d2d;line-height: 26px;}
.newsTop .date{color: #6e6e6e;margin: 10px 0 8px;}
.newsTop .abstract{line-height: 1.6;overflow: hidden;color: #393939;}
.newsTop .swiper-slide{ width:100%!important; }

.newsTop .swiper-button-white{background-color:#0b6ad5;width: 45px;height: 45px;top:0;margin-top: 0;background-size: 20%;}
.newsTop .swiper-button-prev{right: 48px;left: inherit;}
.newsTop .swiper-button-next{ right:0; }


.n_top .tl{font-size: 22px;color: #232323;line-height: 36px;}
.dform{width:50%;float:left;margin: 6px 0;line-height: 28px;}
.dform select{
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 4px 10px;
    line-height: 20px;
}
.nsearch{float:right;background:#f4f4f4;display: inline-block;border-radius: 20px;padding: 5px 10px 5px 15px;width: 378px;position: relative;}
.nsearch input[type="text"]{border:0;padding: 2px 9px;line-height: 22px;width: 100%;color: #353535;background: none;box-sizing: border-box;}
.nsearch input[type="submit"]{background: url(../images/icon/sl.svg) center center no-repeat;border: 0;width: 37px;height: 30px;background-size: 74%;position: absolute;right: 10px;top: 5px;}



ul.plist {height:auto;margin: 10px auto 0;}
ul.plist li{line-height: 24px;padding: 0 48px 0;width: 1104px;margin-left: -48px; }
ul.plist li .lbg{border-bottom:1px dashed #d8d8d8;padding: 18px 0 28px; }

ul.plist li>.pic>a{color: #333333;width: 100%;height: 110px;display: table-cell;vertical-align: middle;overflow: hidden;}
ul.plist li .pic{float:left;width: 174px;height: 110px;border: 1px solid #eeeeee;background: #fff;overflow: hidden; }
ul.plist li .pic span{ width: 174px;height: 110px;display: table;vertical-align: middle;overflow: hidden;text-align: center; }
ul.plist li .pic span a {
    width: 100%;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
}
ul.plist li img{width: 100%;max-height: 110px;}
ul.plist li .brief{float:right;width: 830px;background: url(../images/i1.jpg) right center no-repeat;padding: 4px 62px 3px 0;height: 106px;}
ul.plist li h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;font-size: 18px;font-weight: normal;color: #232323;line-height: 26px;}
ul.plist li .date{color: #888888;margin: 4px 0 4px;}
ul.plist li .abstract{overflow: hidden;color: #393939;}
ul.plist li:hover{background: url(../images/nbg.jpg) #0b6ad5 repeat-x;box-shadow: 2px 4px 12px rgba(11,106,213,.5);}
ul.plist li:hover .lbg{ border-bottom:1px solid #0b6ad5; }

ul.plist li:hover .date,ul.plist li:hover h3,ul.plist li:hover .abstract{ color:#fff; }
ul.plist li:hover h3{text-decoration: underline;}
ul.plist li:hover .brief{ background: url(../images/i2.png) right center no-repeat; }


/*搜索结果*/
ul.slist li{line-height: 25px;overflow: hidden;padding: 2px 0 3px;background: url(../images/lbr.png) 0 bottom repeat-x;}
ul.slist li a{ color: #333333; }
ul.slist li h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;font-size: 14px;height: 24px;color: #262626;margin: 11px 0 13px;font-weight: normal;}
ul.slist li h3 span{ float:right}
ul.slist li:hover h3{color:#c50d16;}

/* 分页 */
.pages {margin:30px auto;clear:both;overflow:hidden;color: #2f2f2f;text-align: center;font-size: 0;}
.pages span{ font-size:14px;}
.pages a {color: #2f2f2f;line-height: 28px;padding: 0 7px;min-width: 14px;display: inline-block;text-align: center;margin: 0 3px;border: 1px solid #cfcfcf;border-radius: 3px;}
.pages a.currentpage{color:#fff;background: #0d75c8;border: 1px solid #0d75c8;}
.pages input{color: #2f2f2f;width: 20px;line-height: 28px;padding: 0 5px;min-width: 14px;display: inline-block;text-align: center;border: 1px solid #cfcfcf;border-radius: 3px;margin: 0 5px;}
.pages .go{background:url(../images/icon/go.jpg) no-repeat;color: transparent;width: 32px;padding: 0;margin: 0;}
.pages .n3{ display:none;}
.pages .n2{ font-size:0; }

/*新闻态详细内容页 */
.aboutnr{ margin:0 auto 80px;}
.aboutnr .atitle {color: #2d2d2d;font-size: 24px;display:block;text-align: center;}
.aboutnr .time {color: #8d8d8d;line-height: 20px;text-align: center;margin: 8px auto 0;}
.aboutnr .time P{padding:4px 0;}
.ndetails {line-height: 1.8;padding: 25px 0 33px 0;min-height: 300px;text-align: justify;overflow: hidden;}
.ndetails img{ max-width:100%;height:auto;}




.view,.view *{font-size: 16px;color:#000000;line-height: 28px;text-align: justify;}
.view img{margin: 0;width: 100%;height: 100%;}

/* 上下页 */
.pn_page {line-height: 25px;color: #686868;position: relative;height: 50px;}
.pn_page span{ display:block;}
.pn_page span a{ color: #686868; }
.pn_page .back{ background: #0b6ad5;color: #fff;padding: 0px 22px;line-height: 40px;border-radius: 3px;display: inline-block;position: absolute;right: 0;bottom: 5px;}
.pn_page a:hover{ text-decoration: underline;}




/*当前位置*/
.container{
     margin: 0 auto 58px;
     max-width: 1104px;
     z-index: 99;
     position: relative;
     border: 1px solid #f2f2f2;
     padding: 0 47px;
}




/*案例*/
ul.clist {height:auto;margin: 0 auto 0;}
ul.clist li{line-height: 24px;border-bottom: 1px solid #e4e4e4;padding: 32px 30px 38px 5px;}
ul.clist li:first-child{ padding-top:0; }
ul.clist li>.pic>a{color: #333333;width: 100%;height: 185px;display: table-cell;vertical-align: middle;overflow: hidden;}
ul.clist li .pic{float:left;width: 300px;height: 185px;border: 1px solid #eeeeee;background: #fff;display: table;vertical-align: middle;overflow: hidden;text-align: center;}
ul.clist li img{max-width: 100%;max-height: 185px;}
ul.clist li .brief{float:right;width: 740px;margin: 14px 0 0;}
ul.clist li h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;font-size: 20px;font-weight: normal;color: #2d2d2d;line-height: 26px;transition: all .3s;}
ul.clist li h3 span{background: url(../images/icon/prize.svg) 3px center no-repeat;font-size:12px;color:#d81e06;padding: 4px 0px 4px 30px;background-size: auto 80%;border: 1px solid #fff;border-radius: 4px;margin: 0 0 -4px 10px;display: inline-block;width: 0;height: 16px;line-height: 16px;overflow: hidden;transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);}
/*ul.clist li h3 span{background: url(../images/icon/prize.svg) 3px center no-repeat;font-size:12px;color:#d81e06;padding: 4px 6px 4px 30px;background-size: auto 80%;border: 1px solid #fff;border-radius: 4px;margin: 0 0 -4px 10px;display: inline-block;width: 0;height: 16px;line-height: 16px;overflow: hidden;}
*/
ul.clist li h3 span:hover{border: 1px solid #d81e06;padding: 4px 6px 4px 30px;width: auto;-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
@keyframes move{
0%{width:0;}
50%{width:30px;}
100%{width:60px;}
}
/* animation */
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
ul.clist li .date{color: #8f8f8f;margin: 4px 0 4px;}
ul.clist li .abstract{overflow: hidden;color: #656565;}
ul.clist li:hover .lbg{ border-bottom:1px solid #0b6ad5; }





/*左侧导航*/
.pdh{display:none}
.dh{line-height:44px;box-shadow: 1px 3px 5px #f3f8fd;background:#fff;position: relative;z-index: 9;}
.dh.fixed{ position:fixed;top:0;width:100%;z-index:999;}
.dh .oname{ display:none; }
.dh ul{border-left: 1px solid #dfecfd;box-sizing: border-box;display: flex;}
.dh ul li{
    position: relative;
    display: inline-block;
    width: calc(100% / 6);
    text-align: center;
    float: left;
    border-right: 1px solid #dfecfd;
    box-sizing: border-box;
}
.dh .flist{ display:none; }
.dh ul li a{color: #414141;display: block;font-size: 16px;}
.dh ul li.on,.dh ul li:hover{ background:url(../images/lbg.jpg)  no-repeat;}
.dh ul li.on a,.dh ul li:hover a{ color:#fff;}

.dh .swiper-button-disabled{ display:none; }
.dh .swiper-button-white{background-color:#2381eb;width: 20px;background-size: 50%;}
.dh .swiper-button-prev{ left:0;}
.dh .swiper-button-next{ right:0; }


.zdh {line-height: 53px;}
.zdh ul{  border-left: 0;box-sizing: border-box;}
.zdh ul li{border-right:0;width: auto;margin: 0 4px 0 47px;}
.zdh ul li a{border-bottom:2px solid #fff;padding: 0 3px;}
.zdh ul li.on,.zdh ul li:hover{ background:none; }
.zdh ul li.on a,.zdh ul li:hover a{ color:#0769e3;border-bottom:3px solid #0769e3; }
.dh ul li a{ }


/*小导航*/
.dh2{text-align:center;line-height: 38px;margin: 0 auto 42px;}
.dh2 a{ font-size:16px;color:#414141;margin:0 20px; }
.dh2 a.on,.dh2 a:hover{color:#0b6ad5;border-bottom: 3px solid #0b6ad5;padding-bottom: 8px;}

/*用户支持小导航*/
.dh3{text-align:center;line-height: 30px;margin: 0 auto 24px;}
.dh3 a{font-size:16px;color:#414141;margin: 0 37px;display: inline-block;}
.dh3 em{border: 3px solid #919191;border-radius: 50%;display: inline-block;width: 74px;height: 74px;line-height:74px;}
.dh3 span{ display:block;}
.dh3 .ico2{ display:none;}
.dh3 a.on,.dh3 a:hover{color:#0b6ad5;}
.dh3 a.on em,.dh3 a:hover em{ background:#0b6ad5;border: 3px solid #0b6ad5; }
.dh3 a.on .ico1,.dh3 a:hover .ico1{display:none;}
.dh3 a.on .ico2,.dh3 a:hover .ico2{display:block;}



/*发展历程*/
.tline{width: 1075px;margin: 60px auto 42px;}
.tline1{color:#b6b6b6;font-weight:bold;font-size:40px;text-transform: uppercase;width: 437px;text-align: right;line-height: 46px;display: inline-block;float: left;margin: 8px 0 0;}
.tline2 { display:inline-block;margin-left:94px; }
.tline2 h2{color:#0b6ad5;font-size:55px;font-weight:normal;margin: 0 0 8px 0;}
.tline2 h3{ color:#373737;font-size:34px;font-weight:normal;  }

.box {width: 1075px;margin:18px auto 0 auto;}
.event_year {width: 68px;border: 1px solid #e7e7e7;border-bottom: 2px solid #e7e7e7;text-align:center;float:left;box-shadow: 2px 0px 4px #ededed;margin-bottom: 20px;}
.event_year li {line-height: 41px;background:#FFF;font-size: 16px;color: #616161;border-top: 1px solid #e7e7e7;position: relative;}
.event_year li.current {background:#0066ff;color:#FFF;}
.event_year li label{display:block;cursor: pointer;}

.event_year li i{
    background: url('../images/icon/jian3.png') no-repeat;
    width: 6px;
    height: 13px;
    position: absolute;
    right: -6px;
    top:50%;
    margin-top: -3px;
    display: none;
    z-index: 9;
}
.event_year li.current i{ display: block; }


.event_list {width: 860px;float:right;background: url('../images/icon/dian3.jpg') 82px 0 repeat-y;padding-bottom: 40px;}
.event_list .col{ margin-bottom:20px; }
.event_list h3 {margin: 0 0 28px 75px;font-size:24px;font-family: 黑体;color: #0b6ad5;padding-left: 33px;background: url('../images/icon/jian.png') 0 center no-repeat;line-height: 20px;font-style:italic;}
.event_list .li {background: url('../images/icon/d.png') 77px 19px no-repeat;margin-bottom: 16px;}
.event_list .tl {width: 60px;text-align:right;display:block;float:left;margin-top:10px;color: #3e3e3e;}
.event_list .sum {width: 745px;display:inline-block;float: right;}
.event_list .sum .brief{display: block;border-radius: 5px;padding: 11px 20px;line-height:25px;border: 1px solid #ededed;box-shadow: 1px 3px 5px #f5f5f5;background: #fff;color: #3e3e3e;position: relative;}

.event_list .sum i{
    position:absolute;
    top: 18px;
    left: -14px;
    background:url('../images/icon/jian2.png') 0 center no-repeat;
    width: 14px;
    height: 14px;
    display:block;
}



/*站点地图*/
.sitemap{margin:0 auto;padding:18px 0 60px 0;}
.sitemap h6{line-height:40px;font-weight: normal;border-bottom: 1px solid #f2f2f2;clear:both;margin:10px 0;}
.sitemap h6 a{color:#0562d6;font-size: 16px;border-left: 4px solid #0562d6;padding-left: 11px;line-height: 18px;display: inline-block;}
.sitemap ul{margin-top:20px;}
.sitemap ul li{display: inline-block;line-height:30px;margin: 0 15px 0 0;}
.sitemap ul li a{color:#666;}

/*联系我们*/
.lx{ margin:0 auto 113px;} 
.lx iframe{ float:left;margin:0 20px 0 0; }
.lx .cnr{/*float: right;width: 369px;*/line-height: 2.46;font-size: 16px;}
.lx:last-child{ margin:0 auto 63px;} 
.lx .map1{width:560px;height: 362px;margin: 0px 20px 0px 0px;max-width:100%;float: left;}

/*服务申请*/
.Application {margin: 0 auto 36px;width: 779px;}
.Application p{margin: 0 auto 24px;}
.Application .fr{ float:right; }
.Application .fr em{ color: #595959;}
.Application label{width: 76px;display: inline-block;text-align: right;color: #595959;vertical-align: top;line-height: 37px;}
.Application input[type='text']{border:1px solid #d4d4d4;border-radius: 4px;padding: 7px 10px;line-height: 21px;}
.Application textarea{border:1px solid #d4d4d4;border-radius: 4px;padding: 5px 10px;width: 676px;height: 306px;line-height: 25px;}
.Application .txt1{width: 264px;}
.Application .txt2{width: 288px;}
.Application .txt3{width: 676px;}
.Application .vc{width: 102px;text-align: center;}
.Application img{margin: 0 27px;}
.Application input[type='submit']{color: #fff;background: #c00000;border: 0;line-height: 36px;width: 458px;border-radius: 4px;}


/*大客户*/
.customer{ margin: 0 auto 30px; }
.customer li{float:left;margin:0 21px 18px 0;width: 352px;border:1px solid #cfcfcf;transition:all .3s;}
.customer li:nth-child(3n){ margin-right:0;}
.customer li .res_title{padding: 0 33px 14px;border-top: 1px solid #fff;transition:all .3s;}
.customer li .title{border-top:1px solid #dedede;color:#242424;font-size:20px;padding: 12px 0 7px;transition:all .3s;margin: 0;}
.customer li .sum{color:#696969;height: 42px;line-height: 1.6;transition:all .3s;}
.customer li .pic{
    width: 286px;
    height: 204px;
    margin:0 33px;
    background: #fff;
    display: table;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
}
.customer li .pic span{width: 100%;height: 204px;display:table-cell;vertical-align:middle;overflow: hidden;}
.customer li .pic img{max-height:100%;margin: 0;}
.customer li:hover{ box-shadow: 0 0 15px 0px rgba(60,61,61,.2);}
.customer li:hover .res_title{ background:#0a81dd;}
.customer li:hover .title,.customer li:hover .sum{ color:#fff; }
.customer li:hover p{text-decoration: underline;}

/*faq*/
.question{ margin:0 auto 100px; }

.faq{background:url(../images/qbg.jpg) repeat-x;padding: 30px 32px 26px 32px;border-radius: 10px;background-size: contain;}
.faq .faq1{font-size:22px;color:#0073cd;font-weight: bold;font-style: oblique;font-family: arial;border-right: 1px solid #b0d1f6;padding: 11px 10px 11px 45px;display: inline-block;background: url(../images/icon/tell.svg) 0 center no-repeat;width: 152px;float: left;}
.faq .faq2{color:#0063b0;font-weight:bold;display: inline-block;margin: 8px 0 0 24px;line-height: 1.8;width: 808px;}


.qlist {line-height: 2.1;cursor: pointer;}
.qlist .time{float:right;color: #a1a1a1;}
.questioner{padding: 30px 43px 30px 120px;background: url(../images/icon/f1.png) 45px 30px no-repeat;} 
.answerer{border-radius: 10px;padding: 30px 43px 38px 120px;position: relative;background: url(../images/icon/f2.png) #f7f7f7 45px 30px no-repeat;}
.answerer i{width: 25px;height: 12px;display: block;position: absolute;top: -12px;background: url(../images/icon/i1.png) no-repeat;}
.qlist .tl{color:#393939; }
.qlist .sum{ color:#353535; }


/*专业文章*/
.majorlist { border-bottom: 1px solid #e5e5e5; margin: 0 auto 60px; }
.majorlist table{ width:100%;}
.majorlist tr th{background: #fff;border-bottom: 1px solid #e5e5e5;line-height: 53px;font-weight: normal;}
.majorlist tr:nth-child(odd){ background:#f2f7ff; }
.majorlist tr:hover{ background:#0769e3; }
.majorlist tr:hover td{ color:#fff; }
.majorlist tr td{padding: 14px 0;line-height: 24px;cursor: pointer;}
.majorlist .line{ width:98px;text-align:center; }
.majorlist .mtitle{padding-left:45px;text-align: left;}
.majorlist tr .date{ width: 147px; }
.majorlist tr th.date{padding-left: 13px;}
.majorlist tr td.date{ background: url(../images/icon/dt.png) 78% center no-repeat; }


/*讲课文章*/
.dnlist tr td.date{ background: none; }
.dnlist tr .date{ width: 82px;text-align:center; }
.dnlist tr th.date{ padding-left: 0; }
.dnlist .down{ text-align:center;width:120px; }
.dnlist .down em{ display:block;background:url(../images/icon/hd.png) center no-repeat}
.dnlist .down em.ready{ background:url(../images/icon/ld.png) center no-repeat}
.dnlist tr:hover .down em{ background:url(../images/icon/bd.png) center no-repeat}

/*资料索取*/
.data_app{margin: 60px auto 36px;width: 802px;}
.data_app label{white-space:nowrap;width: 98px;}
.data_app select{border: 1px solid #d4d4d4;border-radius: 4px;padding: 7px 10px;line-height: 21px;width: 210px;}

/*投资互动*/
.tz{ overflow-y:auto;}
.tzbox{margin:0 auto 40px;width: 800px;}

/*登录*/
.user{background: url(../images/u.jpg) center center no-repeat;height: 696px;}
.user .w1200{position:relative;height: 100%;}
.user .form{width:456px;border-radius:6px;position: absolute;right: 100px;background: #ffffff;top: 50%;transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.user .form h3{background:#e7f2ff;text-align:center;padding: 34px 0 34px 0;border-radius: 8px;}
.user .form h3 span{ width:50%;display:inline-block;box-sizing:border-box; }
.user .form h3 a{ font-size:22px;color:#207ee4;font-weight:normal; }
.user .form h3 span:nth-child(2){ border-left:1px solid #d6e9ff; }
.user .form h3 a.on{border-bottom:4px solid #1f7ce2;padding: 0 8px 30px;}

.uremark{ padding:81px 46px 52px;}
.uremark p{ margin:0 auto 23px;line-height:38px;}
.uremark label{width: 74px;display:block;float:left;text-align:right;color: #1f1f1f;}
.uremark input[type='text'],.uremark input[type='password']{border:1px solid #e3e3e3;padding: 8px 10px;line-height: 21px;border-radius: 4px;width: 268px;}
.uremark input[type='text'].vc{width: 86px;margin-right: 5px;}
.uremark .login_1{color:#fff;border:0;width:100%;line-height: 42px;background: url(../images/tbg.jpg) repeat-x;border-radius: 6px;}
.uremark .umg{ color:#707070;font-size:12px; }

.uremark a{ color:#116dda;font-size:12px; }
.uremark .findpwd{float: right;color: #207ee4;}

.form2 .uremark{padding: 35px 46px 10px;}
.form2 .uremark p{ margin:0 auto 13px; }
.form2 .uremark .uterm{line-height: 20px;color:#d8d8d8;}
.form2 .uremark .uterm input{vertical-align:middle;-webkit-appearance:none;outline: none;border:0px;width:20px;height:20px;cursor: pointer;background: url("../images/icon/check.png") no-repeat;}
.form2 .uremark .uterm input:checked{background: url("../images/icon/check.png") 0 bottom  no-repeat;}
.form2 .uremark input[type='submit']{margin: 10px auto 0;}

/*条款弹窗*/
.zhe{display:none; width:100%; position:fixed; height:100%; overflow: hidden; top:0px; left:0px;background:rgba(0,0,0,0.8);}
.t_kuang{position:fixed;background:#fff;border-radius:10px;top:50%;left:50%;display: none;width: 635px;transform: translate(-50%,-50%);}
.t_kuang .close{position: absolute;background: url(../images/icon/close.svg) #fff center no-repeat;width: 32px;height: 32px;display: block;right: 20px;top: 18px;background-size: cover;}
.t_kuang .k_tit {
    overflow: hidden;
    line-height: 75px;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    color: #207ee4;
    padding: 0 20px;
    font-size: 20px;
}
.t_kuang .k_ment{padding: 25px;max-height: 540px;overflow-y: auto;line-height: 25px;}


/*招聘专题页*/
.ztl{font-size:24px;color:#242424;font-weight:normal;text-align:center;margin: 25px auto;}
.zabout{
  margin: 60px auto 122px;
}
.zremark{line-height: 28px;color:#242424;margin-bottom: 16px;}

a.btn-more {
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    opacity: 1;
    transition: 400ms ease 300ms;
    -webkit-transition: 400ms ease 300ms;
    border: 1px solid #bababa;
    color: #242424;
    width: 148px;
    line-height:38px;
    text-align: center;
    display: block;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.btn-more .bbg {
    background-color: #0767e3;
    transform: rotate(45deg);
    position: absolute;
    right: 100%;
    bottom: -50%;
    transition: 400ms;
    -webkit-transition: 400ms;
    opacity: 0;
    visibility: hidden;
    width: 310px;
    height: 144px;
}
.btn-more .bc {
    position: relative;
    z-index: 2;
    display: block;
}
.btn-more:hover .bbg {
    right: -35%;
    visibility: visible;
    opacity: 1;
}
.btn-more:hover .bc {
    color: #fff;
}
.hrAbout_List {margin: 61px 4% 0;}
.hrAbout_List a { color: #fff; }
.hrAbout_List li {float: left;display: block;width: 250px;}
.hrAbout_List li:nth-child(2){margin: 0 131px;}
.hrAbout_List a {width: 250px;height: 250px;border-radius: 50%;display: block;margin: 0px auto;position: relative;}
.hrAbout_List a .ibg { width: 100%; display: block; }
.hrAbout_List a .bg {background: none rgba(7,103,227,0.89);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;border-radius: 50%;-webkit-transform: scale(0.2);transform: scale(0.2);opacity: 0;visibility: hidden;transition: 400ms;-webkit-transition: 400ms;-ms-transition: 400ms;}
.hrAbout_List .ico{position:absolute;top: 28%;text-align:center;width: 100%;}
.hrAbout_List a .name {position: absolute;left: 0px;top: 60%;text-align: center;width: 100%;font-size: 20px;line-height: 50px;transition: 300ms;-webkit-transition: 300ms;}
.hrAbout_List a:hover .bg { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }


/*招聘流程*/
.applicationBox {background-attachment: fixed;width: 100%;padding: 6% 0px 9.4%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.applicationBox .title { font-size: 25px; color: #000000; text-align: center; position: relative; z-index: 2; }
.applicationList {position: relative;z-index: 1;width: 1168px;margin: 2% auto 0px;text-align: center;color: #fff;}
.applicationList li { float: left; display: block; width: 145px; cursor: default; position: relative; }
.applicationList li .line {float: left;display: block;width: 25px;margin: 56px 4px 0px 0px;background-color: #0767e3;height: 1px;overflow: hidden;}
.applicationList .t { position: relative; width: 113px; height: 113px; float: left; display: block; }
.applicationList .y1 { background: url(../images/y1.png) no-repeat; }
.applicationList .y2 { background: url(../images/y2.png) no-repeat; }
.applicationList .y1, .applicationList .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.applicationList .y2 { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); visibility: hidden; }
.applicationList .item1 { width: 208px; }
.applicationList .item1 .line, .applicationList .item8 .line, .applicationList .item8 { width: 90px; }
.applicationList .name { height: 47px;z-index: 2; margin: 0px auto; line-height: 45px; font-size: 16px; position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; margin-top: -23px; color: #000000; }
.applicationList .name i { width: 0px; margin: 0px auto; display: block; height: 1px; background-color: #fff; overflow: hidden; transition: 300ms; -ms-transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; }
.applicationList .t:hover .y1 { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); }
.applicationList .t:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.applicationList .t:hover .name { color: #fff; }
.applicationList .t:hover .name i { width: 16px; }
.applicationList .target li { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
.applicationList .action li { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; }

/*职位发展*/
.zdevelopment{margin: 94px auto 170px;}
.zdevelopment .zfz {
    line-height: 28px;
    color: #242424;
    margin: 38px auto 0;
}


/*招聘列表*/
.title{margin: 16px auto 58px;}
.title .cn {
    font-size: 34px;
    font-weight: bold;
    color:#484848;
}



.jobListCont .jobList_title{padding-bottom:20px;width:100%;border-bottom:1px solid rgba(0,0,0,.1);line-height: 22px;}
.jobListCont .jobList_title .sub{float:left;text-align:center;}
.jobListCont .jobList_title .sub:nth-child(1){box-sizing:border-box;padding-left:5px;width: 30%;text-align:left;}
.jobListCont .jobList_title .sub:nth-child(2){width: 25%;}
.jobListCont .jobList_title .sub:nth-child(3){width: 25%;}
.jobListCont .jobList_title .sub:nth-child(4){width: 20%;}
.jobListCont .jobList_title .address{ position:relative; }
.jobListCont .jobList_title i{width:10px;height:10px;display:inline-block;background: url(../images/icon/zi.png) 0 bottom no-repeat;margin-left: 8px;}
.jobListCont .jobList_title .address_select{position:absolute;top: 22px;left: 50%;margin-left: -60px;width:108px;padding:5px;border:1px solid #cecece;z-index: 999;background: #fff;border-radius: 5px;line-height: 22px;display: none;}
.jobListCont .jobList_title .address_select p{margin: 14px 0;cursor:pointer;}
.jobListCont .jobList_title .address:hover i{background-position: 0 0;}
.jobListCont .jobList_title .address:hover .address_select{ display:block}
.jobListCont .jobList_title .address_select p:hover{color:#0769e3;text-decoration: underline;}

.jobListCont ul{overflow:hidden;margin-top:20px;margin-bottom:100px;}
.jobListCont ul li{position:relative;overflow:hidden;transition:.3s;}
.jobListCont ul li .more{ line-height:60px; }
.jobListCont ul li .hrA{color: #0769e3;font-size: 20px;}
.jobListCont ul li .hrC{margin:10px auto;}
.jobListCont ul li .hrC span{ margin-right:36px;}

.jobListCont ul li:hover .sub{background-color:#0769e3!important;color:#fff;}
.jobListCont ul li:before{position:absolute;top: 25px;left: 10px;display:block;width: 12px;height: 12px;border-radius:50%;background-color: #c0d8ff;content:"";}
.jobListCont ul li.on .sub{background-color:#0769e3!important;color:#fff;}
.jobListCont ul li.on .sub:nth-child(4) {
    background: url(../images/icon/dt2.png) 94% center no-repeat;
}
.jobListCont ul li:nth-child(odd) .sub{background-color: #f2f7ff;}
.jobListCont ul .sub{float:left;text-align:center;}
.jobListCont ul .sub:nth-child(1){box-sizing:border-box;padding-left:30px;width: 30%;text-align:left;}
.jobListCont ul .sub:nth-child(2){width: 25%;}
.jobListCont ul .sub:nth-child(3){width: 25%;}
.jobListCont ul .sub:nth-child(4){width: 20%;background: url(../images/icon/dt.png) 94% center no-repeat;}
.jobListCont ul li:hover .sub:nth-child(4){background: url(../images/icon/dt2.png) 94% center no-repeat;}
.jobListCont ul .recruit_info{display:none;line-height: 28px;padding: 30px 30px 20px;border-bottom: 1px solid rgba(0,0,0,.03);}



/*产品页*/
.imgbox_list{ position:relative; }
.imgbox_list .imgbox{padding: 82px 0 63px 0;}
.imgbox_list .img_cen{width: 1100px;margin: 0 auto;}
.imgbox_list .cn{ font-size:30px;color:#2c2c2c;font-weight:normal;border-left:3px solid #0b6ad5;padding-left: 16px;line-height: 27px;}
.imgbox_list .en{ font-size:24px;color:#2c2c2c;margin: 22px auto 25px; }
.imgbox_list a.btn-more{ margin:0;width: 118px; }

.imgbox_list .img{ width:400px;float:left;margin: 84px 0 0 100px; }
.imgbox_list .pic{ float: right;transition:all .3s }
.imgbox_list .pic:hover{ -webkit-transform: translate(0,-10px); transform: translate(0,-10px); }
.imgbox_list .imgbox:nth-of-type(2n+1) .pic{ float:left; }
.imgbox_list .imgbox:nth-of-type(2n+1) .img{ width:400px;float:right;margin: 84px 150px 0 0; }



/*列表页*/
.img_list {margin: 0 auto 34px;}
.img_list .tl{ display:none; }
.img_list li{
    border: 1px solid #d9d9d9;
    padding: 15px 11px 13px 11px;
    float: left;
    width: 151px;
    height: 50px;
    margin: 0 10px 9px 0;
    cursor:pointer;
    position: relative;
}
.img_list li:nth-child(6n){ margin-right:0; }
.img_list .pic{
    transition:all .3s;
    background: #8f8f8f;
    width: 50px;
    height: 50px;line-height: 50px;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 7px;
    text-align: center;
    font-size: 0;
}
.img_list .en{ font-size:12px; }
.img_list li i{width:3px;height:18px;background:#0e6bd4;opacity:0;position: absolute;left: -1px;top: 21px;transition:all .3s; }
.img_list li:hover *,.img_list li.on *{ color:#0f78d8; }
.img_list li:hover,.img_list li.on{box-shadow: 0 0 15px 0px rgba(33,126,230,.3);}   
.img_list li:hover i,.img_list li.on i{ opacity:1; }
.img_list li:hover .pic,.img_list li.on .pic{width:56px;height:56px;line-height: 56px;background: url(../images/icon/ibg.png) center no-repeat;-webkit-transform: translate(0,-3px);transform: translate(0,-3px);}

/*产品推荐*/
.tjbox {background: #eeefef;padding: 38px 0 38px;}
.tjbox h3{font-size:22px;color:#232323;font-weight:normal;margin: 0 auto 23px;}
.tjbox .swiper-button-white{background-color:#767676;width: 28px;height: 64px;top: 30%;margin-top: 0;background-size: 46%;}
.tjbox .swiper-button-prev{ left: 0; }
.tjbox .swiper-button-next{ right:0; }
.tjbox .swiper-slide { cursor:pointer; }
.tjbox .swiper-slide img{ width:100%; }
.tjbox .swiper-slide .pic{ position:relative;}
.tjbox .swiper-slide .sum{opacity:0;position:absolute;top: 12%;left: 6%;width: 88%;height: 76%;}
.tjbox .swiper-slide h3{ color:#fefefe;font-size:16px; }
.tjbox .swiper-slide .brief{ line-height:1.7;}
.tjbox .swiper-slide p{font-size:16px;margin: 10px 0 0;}
.tjbox .swiper-slide .blue {background: none rgba(5,98,214,0.8);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;transition: 300ms ease 0ms;-webkit-transition: 300ms ease 0ms;transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);opacity: 0;visibility: hidden;}
.tjbox .swiper-slide:hover .blue { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.tjbox .swiper-slide:hover .sum{ opacity:1; }
.tjbox .swiper-slide:hover .sum *{ color:#fff;}



/*产品列表*/
.pbox{ margin: 52px auto 76px; }
.pbox .swiper-slide img{ width:100%; }


/*产品详情*/
.pboxlist { border-bottom: 1px solid #e5e5e5; margin: 0 auto 60px; }
.pboxlist table{ width:100%;}
.pboxlist tr th{background: #fff;border-bottom: 1px solid #e5e5e5;line-height: 53px;font-weight: normal;text-align: left;}
.pboxlist tr:nth-child(even){ background:#f2f7ff; }
.pboxlist tr td:first-child:before{position:absolute;top: 50%;left: 10px;display:block;width: 12px;height: 12px;border-radius:50%;background-color: #c0d8ff;content:"";margin-top: -6px;}

.pboxlist tr td{padding: 11px 0;line-height: 27px;position: relative;}
.pboxlist .ptitle{width: 432px;}
.pboxlist td.ptitle{padding-left:39px;}
.pboxlist tr .pen{ width: 135px;text-align:center;}
.pboxlist tr .method{width: 330px;text-align:center;}
.pboxlist tr .dosage{width: 162px;text-align:center;}
.pboxlist tr span{ display:inline-block;}
.pboxlist tr a{ cursor:default }

.pboxlist tr.link:hover td,.pboxlist tr.link a{ cursor: pointer; color:#0058bc; text-decoration:underline; }

.pbn{ width:365px;float:right;margin:0 0 0 35px; }
.pbn .swiper-slide img{ width:100%;}

.rlist{ position:relative; }

.rlist li { position: relative; }  
.rlist li.last a{display:block;color: #fff;}
.rlist li.last[data-text]::after {
    content: attr(data-text);
    color: #4f4f4f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#4f4f4f), to(rgba(0, 0, 255, 0)));
}

.remore{ background:#0b6ad5;width:120px;line-height:36px;text-align:center; }
.remore a{color:#fff;display: block;background: url(../images/icon/imore.png) 86% center no-repeat;padding-right: 14px;}

.show .remore a{ background: url(../images/icon/imore2.png) 86% center no-repeat; }

/*投资公告*/
.Investment{margin:0px 0px 35px 0px;width: 1104px;}
.Investment table{white-space: nowrap;border: 1px solid #ddd;border-top: 0;border-right: 0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.Investment td{padding: 8px;line-height: 24px;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Investment table .td1{width: 130px;}
.Investment table .td2{width: 130px;}
.Investment table .td3{width: 610px;}
.Investment table .td4{width: 165px;}
.Investment table .tr1 td{font-weight:bold;color: #333;}
.Investment table .tr1 .td1{text-align:center;}
.Investment table .tr1 .td2{text-align:center;}
.Investment table .tr1 .td4{text-align:center;}
.Investment table td{border: 1px solid #ddd;/* display: inline-block; *//* line-height: 20px; */border-bottom: 0;border-left: 0;}
.Investment table .tr2 td a{color:#337ab7;display:block;height:20px;overflow:hidden;}
.Investment table .tr2 td{color:#337ab7;}
.Investment table .tr2 .td4{color:#333;}
.Investment table .tr2 td:hover a{text-decoration:underline;}
.Investment table .tr2 .td1:hover{text-decoration:underline;}
.Investment table .tr2 .td2:hover{text-decoration:underline;}
.Investment table .tr2 .td3:hover{text-decoration:underline;}
.Investment tr:nth-of-type(even){background-color: #f9f9f9;}
.Investment .tr2:hover {background-color: #f5f5f5;}



@media(max-width:1024px){
  .lx .map1{width:100%;height: auto;margin: 0px 0px 10px 0px;float: none;}




}





