@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{background:#fff;  color:#525252; font-size:14px; margin:0; padding:0;}
.in_center {width:77.1vw; height: auto; margin: 0 auto; transition: all .5s ease 0s;}
.main{width:77.1vw; height: auto; margin: 0 auto; position:relative;}
h1,h2,h3,h4{font-size:14px; line-height: 1;}
i{font-style:normal;}
.m_center {width: 77.1vw; height: auto; margin: 0 auto; transition: all .5s ease 0s;}
img{border: 0; width:100%; vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}
ul,li,dl,dd{list-style-type:none; margin:0; padding:0}
i,em{font-style: normal;}

.header{height: 100px; line-height: 100px; border-bottom: 1px solid #e8e8e8; position: fixed; top: 0; z-index: 999; width: 100%; background: #fff;}
.header .logo{float: left; width: 19.6vw;}
.header .right{float: right; width: 31vw;}
.header .right .tel{float: left; width: 13.4vw; font-size: 0.8vw;}
.header .right .tel img{width:10%; margin-right: 0.6vw;}
.header .right .tel em{font-size: 1vw; color: #43367c;}
.header .right .set{float: right; width: 15vw; color: #666; text-align: right;}
.header .right .set a{color: #666;}
.top{width:100%; margin:0 auto; height: 77px; position: fixed; top:100px; z-index: 999; background: #fff;}
.nav{height:77px; line-height:75px; width:59vw; margin:0 auto; overflow:hidden; float:left;}
.nav div{display:inline-block; vertical-align:middle; width:5.5vw; height: 77px; line-height: 82px; font-size: 0.8vw; margin: 0 1.1vw; text-align: center; position: relative; transition: all .5s ease 0s;}
.nav div a{position: relative; z-index: 2;}
.nav .none{background:none;}
/*.nav div:after{content: ''; width: 0%; height:77px; background:none; position: absolute; left: 50%; top: 0; }*/
.nav div:hover:after,.nav .nuw:after{left: 0; width: 100%; opacity: 1;}
.nav div:hover a,.nav .nuw a{ color: #29166f; border-bottom:2px solid #29166f; height: 73px; line-height: 75px; display: inline-block; width: 5.5vw;}
.seach{float: right; width: 17.7vw; background: #f0f0f0; border: none; height: 34px; border-radius: 20px; margin-top: 1.5vw;}
.seach .text{border: none; background: none; height: 34px; line-height: 34px; width: 15vw; padding: 0 1.5vw; float: left;}
.seach .button{background-image: url(../images/seach.jpg); width: 20px; height: 34px; border: none; background-color: #f0f0f0; background-repeat: no-repeat; background-position: 0 7px; background-size: 100%; float: left;} 
.nav div:nth-child(1),.top_icon a:nth-child(1){animation-delay: .1s;}
.nav div:nth-child(2),.top_icon a:nth-child(2){animation-delay: .2s;}
.nav div:nth-child(3),.top_icon a:nth-child(3){animation-delay: .3s;}
.nav div:nth-child(4),.top_icon a:nth-child(4){animation-delay: .4s;}
.nav div:nth-child(5),.top_icon a:nth-child(5){animation-delay: .5s;}
.nav div:nth-child(6),.top_icon a:nth-child(6){animation-delay: .6s;}
/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top:3%; right:3%; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #29166f; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #29166f; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}

/* banner */
.in_banner{margin: 177px auto 0; height: 28.8vw; position: relative;}
.in_banner .swiper-slide{position: relative;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}
.in_banner_l,.in_banner_r{width:50px; height: 50px; line-height: 50px; text-align: center; border:1px solid #29166f; color: #fff; position: absolute; top:46%; left: -68px; margin-top: -34px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; border-radius:50%;}
.in_banner_l i,.in_banner_r i{font-size:36px}
.in_banner_l:hover,.in_banner_r:hover,.in_banner_l:hover:after,.in_banner_r:hover:after{color: #fff; border-radius:50%; background:none;}
.in_banner_r{left:inherit; right: -68px;}
.in_banner:hover .in_banner_l{left:calc(100vw * .075);}
.in_banner:hover .in_banner_r{right:calc(100vw * .075);}
.in_banner .in_banner_a{width: 77.1vw; margin: 0 auto; height:14px; line-height: 1; vertical-align: top; position: absolute; bottom: 20px; right: 20vw; z-index: 2; text-align: right;}
.in_banner .in_banner_a .swiper-pagination-bullet{width: 14px; height: 14px; background: none; border-radius: 100%; opacity: 1; margin: 0 10px; position: relative; transition: all .4s ease .2s;}
.in_banner .in_banner_a .swiper-pagination-bullet:before{content:''; width: 8px; height: 8px; background: #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; transition: all .4s ease 0s;}
.in_banner .in_banner_a .swiper-pagination-bullet-active{transition: all .4s ease .2s;  border: 1px solid #fff;}
.in_banner .in_banner_a .swiper-pagination-bullet-active:before{background: #fff;}

.lie{margin: 2.5vw 0 1.9vw 0;}
.lie ul li{ height:14.8vw; width: 24.5vw; float: left; overflow:hidden; background: #f9f9f9; position: relative; margin-right: 1.8vw;}
.lie ul li:nth-child(3){margin-right: 0;}
.lie ul li .img,.lie ul li .imgs{ width:7.1vw; height:5.9vw; display:block; position: absolute; left: 8.7vw; top: 2.7vw;}
.lie ul li .img img,.lie ul li .imgs img{ width:7.1vw; height:5.9vw; overflow: hidden;}
.lie ul li .img{opacity: 1;}
.lie ul li .imgs{opacity: 0;}
.lie ul li:hover{background: #2a1870; color: #fff;}
.lie ul li .sm{font-size: 1.2vw; position: absolute; left: 0; top: 8.7vw; width: 100%; text-align: center; line-height: 1.7vw; overflow: hidden; margin-top: 1.1vw;}
.lie ul li .sm i{display: block; font-size: 0.7vw; color: #838383; text-transform: uppercase; height: 1.5vw; line-height: 1.5vw; overflow: hidden;}
.lie ul li:hover .sm,.lie ul li:hover .sm i{color: #fff;}
.lie ul li:hover .img{opacity: 0;}
.lie ul li:hover .imgs{opacity: 1;}

/*首页最新动态*/
.news{margin-bottom: 3.1vw;}
.news .left{width: 56.2vw; float: left;}
.title{border-bottom: 1px solid #e5e5e5; height: 3vw; line-height: 3vw; font-size: 1vw; font-weight: bold;}
.title a{float: right; font-size: 0.7vw; font-weight: normal;}
.news_li{margin-top: 2.1vw;}
.news_li .new_js{float: left; width: 17.7vw;}
.news_li .new_js .img img{width: 17.7vw; height: 10.4vw; overflow: hidden;}
.news_li .new_js .sm{background: #a9a9a9; padding: 1.1vw; color: #fff; height: 7.2vw;}
.news_li .new_js .sm h1{height: 1.8vw; line-height: 1.8vw; overflow: hidden; font-size: 0.8vw;}
.news_li .new_js .sm h1 a{color: #fff; height: 1.8vw; line-height: 1.8vw; overflow: hidden; font-size: 0.8vw;}
.news_li .new_js .sm div{height: 2.4vw; line-height: 1.2vw; overflow: hidden; font-size: 0.7vw;}
.news_li .new_js .sm div a{color: #fff;height: 2.4vw; line-height: 1.2vw; overflow: hidden; font-size: 0.7vw;}
.news_li .list{float: right; width: 36vw;}
.news_li .list ul li{height: 1.7vw; line-height: 1.7vw; overflow: hidden;}
.news_li .list ul li div{float: right; display: inline-block;}
.news_li .list ul li:first-child{height: auto; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.8vw; height: 8.2vw;}
.news_li .list ul li:first-child .img{float: left; width: 11.6vw;}
.news_li .list ul li:first-child .img img{width: 11.6vw; height: 6.8vw; overflow: hidden;}
.list_fr{float: right; width: 22.6vw;}
.list_fr h1,.list_fr h1 a{font-size: 0.8vw; height: 1.6vw; line-height: 1.6vw; overflow: hidden; color: #525252;}
.list_fr div,.list_fr div a{font-size: 0.7vw; color: #838383; height: 3.6vw; line-height: 1.2vw; overflow: hidden; margin: 0.2vw 0 0.5vw 0;}
.list_fr a{color: #037cee; font-size: 0.6vw; line-height: 1;}

.news .right{width: 18.3vw; float: right; margin-top: 0.9vw;}
.news .right ul li{background: #037cee; font-size: 1.1vw; font-weight: bold; color: #fff; height: 10.5vw;}
.news .right ul li .fl{ padding-left: 3vw; text-transform: uppercase; line-height: 1.8vw; margin-top: 3.6vw;}
.news .right ul li .fl div{font-size: 0.7vw; font-weight: lighter; line-height: 1.6vw;}
.news .right ul li .fr{margin: 4.2vw 3vw 0 0; font-weight: normal; font-size: 0.8vw;}
.news .right ul li:first-child{margin-bottom: 1.1vw;}
.news .right ul li:nth-child(2){background: #2a1870;}

/*公司简介 资源中心*/
.about{margin-bottom: 3.1vw;}
.about_fl{float: left; width: 57.3vw; background: #f9f9f9; padding: 1vw 1.5vw;}
.about_fl .about_li{float: left; width: 35.2vw;}
.about_fl .about_li .sm{line-height: 1.9vw; height: 11.4vw; overflow: hidden; margin-top: 1.2vw; font-size: 0.7vw; color: #838383;}
.about_img{float: right; width: 17.4vw;}
.about_img img{width: 17.4vw; height: 16vw; overflow: hidden;}
.resource{float: right; width: 18.4vw;}
.resource ul li{border-bottom: 1px solid #e0e0e0; line-height: 1.5vw; padding: 0.4vw 1vw 0.6vw 1vw; font-size: 0.7vw;}
.resource ul li div{height: 1.2vw; line-height: 1.2vw; overflow: hidden; font-size: 0.8vw;}
.resource ul li a:hover{color: #2a1870;}

/*底部*/
.footer{background: #f9f9f9; padding: 3.2vw 0;}
.foot_topnav{width: 49.2vw; height: auto; float: left;}
.foot_navli{width: 9.8vw; height: auto; float: left; line-height: 1; animation-delay: .1s;}
.foot_navli p{margin-bottom: 0.9vw; font-size: 0.7vw;}
.foot_navli p a{color: #666;}
.foot_navli p:first-child{margin-bottom: 1.6vw; font-size: 0.8vw; font-weight: bold;}
.foot_navli p:first-child a{font-size: 0.8vw; color: #525252;}
.foot_navli p a:hover{color: #525252; text-shadow: 1px 1px 0 rgba(0,0,0,.85);}
.foot_tel{float: left; width: 17.4vw; margin-left: 3.4vw;}
.tel_top .img{float: left; width: 2.8vw; vertical-align: middle;}
.tel_top .img i{color: #818181; font-size: 2.8vw;}
.tel_top .dh{float: right; width: 14vw; line-height: 1.5vw; font-weight: bold; font-size: 1.1vw;}
.tel_top .dh i{display: block; font-size: 0.8vw; color: #666; font-weight: normal;}

.tel_zz a{margin-right: 0.8vw;height: 1.2vw; line-height: 1.2vw; width: 4.9vw; text-align: center; text-transform: uppercase; border: 1px solid #c0c0c0; color: #666; display: inline-block; font-size: 0.7vw;}
.tel_zz a:hover{color: #2a1870; border: 1px solid #2a1870; }
.ewm{float: right; width: 6.7vw;}
.ewm .img{width: 7.2vw; height: 7.2vw; background: #fff; border: 1px solid #d4d4d4; text-align: center; padding-top: 0.5vw;}
.ewm .img img{width: 6vw; height: 6vw; overflow: hidden;}
.ewm h1{font-size: 0.7vw; color: #666; width: 7.2vw; margin-top: 0.8vw;}
.bottom{border-top: 1px solid #e9e9e9; padding: 0.8vw 0; color: #a7a6a6; font-size: 14px; text-align: center; background: #f9f9f9;}
.bottom a{color: #a7a6a6; display: block;}

/*人才招聘*/
.ny_bann{margin: 177px auto 0; height: 19.9vw; overflow:hidden;}
.ny_bann img{width:100%; height:100%; object-fit: cover;}
.m_center{width:77.1vw; height: auto; margin: 30px auto; transition: all .5s ease 0s;}
.pg_left{width:12.2vw; height: auto; float: left;}
.pg_leftnav{width: 100%; height: auto; margin-bottom: 1.1vw;}
.pg_title_a{width: 100%; height:3.6vw; background: #29166f; line-height: 1; padding:13px 0 0 0; text-align:center; font-size: 1.1vw; color: #fff; margin-bottom: 0.3vw;}
.pg_title_a p{font-size: 0.7vw; color: #fff; font-weight: 400; margin-top: 0.5vw; text-transform: uppercase;}
.pg_leftnavul div{background: #f1f1f1; margin-bottom: 0.3vw;}
.pg_leftnavul div a{display: block; width: 100%; height:2.4vw; line-height: 2.4vw; text-align:center; font-size: 0.8vw; color: #666; transition: all .5s;}
.pg_leftnavul div a:hover,.pg_leftnavul .pg_nuw a{color: #fff; background: #29166f;}
.pg_right{width: 63.5vw; height: auto; overflow: hidden; float: right; border:1px solid #e5e5e5;}
.pg_right_title{margin: 0 1.8vw; height:3vw; line-height: 3vw; font-size: 0.8vw; color: #525252; border-bottom: 1px solid #e5e5e5}
.pg_right_title span{height:12px; width:4px; background:#29166f; display:inline-block; margin-right:12px;}
.pg_right_title p{float: right; font-size: 0.7vw; color: #666; font-weight:normal;}
.pg_right_title p i{margin: 0 0.3vw;}
.pg_right_title p a{color: #666;}
.pg_right_title p a.now,.pg_right_title p a:hover{color: #29166f;}
.pg_right_li{margin: 0 1.8vw; padding: 1.7vw 0; clear: both;}
.pg_zpul{height: auto; overflow: hidden; padding: 0 2%; margin-bottom: 0.8vw; border: 1px solid #e5e5e5;}
.pg_zplih2{height: 3.3vw; line-height: 3.3vw; font-size: 0.9vw; font-weight: bold;}
.pg_zplih2 i{float: right; color: #29166f; transition: all .5s; font-size: 0.8vw; font-weight: normal;}
.pg_zplitxt{line-height: 30px; padding: 10px 0; display: none; font-size: 0.7vw; color: #777;}
.pg_zplitxt b{display: block;}
.pg_zplitxt div{color: #29166f;}

/*联系方式*/
.add h1{font-size: 0.9vw; height: 2.1vw; line-height: 2.1vw; overflow: hidden;}
.add div{font-size: 0.7vw; color: #757575; line-height: 1.6vw;}
.map{margin-top: 1.6vw;}

/*项目服务*/
.detal .detal_tit{background: url(../images/l_titdeta.jpg) repeat-x left top; height: 24px; line-height: 24px; color: #29166f; font-size: 1.2vw; margin-bottom: 25px;}
.detal .detal_tit div{background: #fff; padding-right: 1.2vw; display: inline-block;}

/*新闻动态*/
.top_list{height:12.6vw; overflow:hidden; background: #f1f1f1; padding: 1.1vw; margin-bottom: 1.5vw;}
.top_list .img{float:left; width:17.7vw; height: 10.4vw;}
.top_list .img img{height:10.4vw; width:17.7vw; overflow: hidden;}
.top_list .sm{float:left; width:27.6vw; margin:0.2vw 1.9vw 0 1.9vw; color:#fff;}
.top_list .sm h1{font-size:0.9vw; height:3vw; line-height:3vw; overflow:hidden; color: #323232; font-weight: bold;}
.top_list .sm h2{font-size:0.7vw; height:6.4vw; line-height:1.6vw; overflow:hidden; color: #666;}
.top_list .link{float:right; width:5.8vw; background:#29166f; height:8.8vw; line-height:8.8vw; text-align:center; margin-top: 0.8vw;}
.top_list .link a{color:#fff;}
.right_news ul li{height:40px; line-height:40px; font-size:0.8vw; clear:both; color: #666;}
.right_news ul li span{float:right;}
.right_news ul li a:hover{color:#29166f;}
.news_tit{font-size: 0.8vw; color: #323232; font-weight: bold; text-align: center; height: 3vw; line-height: 3vw; overflow: hidden;}
.time{background: #efeeee; line-height: 1.4vw; text-align: center; color: #666; font-size: 0.7vw; margin-bottom: 20px;}

/*资源中心*/
.center_li ul li{border-bottom: 1px dotted #c9c9c9; zoom: 1; padding: 2.1vw 0;}
.center_li ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.center_li ul li .fl{width: 46.9vw;}
.center_li ul li .fl h1{font-size: 0.9vw; height: 2.3vw; line-height: 2.3vw; overflow: hidden;}
.center_li ul li .fl div{font-size: 0.7vw; color: #8a8a8a; height: 2.4vw; line-height: 1.2vw; overflow: hidden;}
.center_li ul li .fr{width: 8.8vw; text-align: center; border-left: 1px solid #d8d8d8; margin-top: 0.8vw;}
.center_li ul li .fr a{color: #29166f;}
.center_li ul li .fr i{display: block; background: #29166f; height: 1.7vw; line-height: 1.7vw; width: 1.7vw; border-radius: 100%; color: #fff; margin: 0 auto 0.6vw auto;}
.page{clear: both; width: 100%; margin: 40px auto 20px auto; text-align: center;}
.page a{border: 1px solid #6c6c6c; height: 30px; line-height: 30px; width: 30px; border-radius: 5px; display: inline-block; margin: 0 0.5vw;}
.page a.now,.page a:hover{border: 1px solid #29166f; color: #29166f;}

.cata{width:100%; height:100%; position:fixed; left:0px; top:0px; background-color:rgba(0,0,0,0.8); z-index:999; display:none;}
.cata_tc{background:#fff; width:77.1vw; margin:0 auto; position:fixed; left:50%; top:50%; z-index:99;webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding-bottom: 6vw;}
.cata_tc i{font-size: 36px; color: #c1c1c1; background: #fff;}
.cate_top{height:55px; line-height:55px; padding:0 20px; font-size:24px; color:#fff; }
.cata_t{padding-right: 30px; display: block; text-align: right;}
.cata_tit{text-align: center; font-weight: bold; color: #; font-size: 16px; color: #525252;}

.cata .scout{width: 26vw; margin: 1.5vw auto 0 auto; border: 1px solid #c9c9c9; border-radius: 6px; height: 2.3vw; line-height: 2.3vw;}
.cata .scout .text{float: left; width: 23vw; text-align: center; border: none; height: 2vw; line-height: 2.2vw; padding: 0 0.5vw;}
.cata .scout .button{background-image: url(/skin/images/big.jpg); width: 20px; height: 27px; border: none; background-repeat: no-repeat; background-position: 0 7px; background-size: 100%; float: left; background-color: #fff;}