@charset "utf-8";


*{ margin: 0; padding: 0;  }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#fff; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#fff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}


.yinchang{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.yinchang img{ width: 190px; height: 190px; margin: auto ; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}

.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -2px, 0);   /*box-shadow: 0px 0px 10px rgba(209,169,62,0.4);*/ }

.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}








/******header*********/




.top{ height: 100px; z-index: 5; }
.top .wrapper{ background: url(../images/lobg.png) no-repeat right bottom; }
.top .logo{ display: block;}
.top img{ width: 210px;}



.nav{ position: relative; z-index: 1; text-align: center; background: #31315d; height: 74px; overflow: hidden;}
.nav ul{ background: url(../images/libg.png) no-repeat left center;  }
.nav li{ float: left; width: 150px; height: 74px; background: url(../images/libg.png) no-repeat right center;}
.nav li a{ position: relative; display: block; color: #333333; cursor: pointer; color: #fff; font-size: 16px; color: #9090b3;  margin-top: 6px; height: 68px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.nav li p{  margin-top: 15px; transition: 0.3s;}
.nav li em{ display:block; font-size: 10px; height: 12px; line-height: 12px; color: #5c5d8a;transition: 0.3s;}

.nav li.active a,
.nav li.active a{ background: #494a7e; color: #fff;}
.nav li.active em{ color: #fff;}

.nav li:hover p,
.nav li:hover em{ color: #fff;}



.banner{ position: relative; height: 460px;}
.banner .tion { bottom: 40px;}
.banner .tion span{ background: #fff; height: 10px; width: 16px; border-radius: 10px; }
.banner .tion .swiper-pagination-bullet-active{ width: 30px; }
.banner .swiper-slide { overflow: hidden;}
.slide-inner { height: 460px; background-repeat: no-repeat; background-size: cover; background-position: center;}





.pat30{ padding-top: 30px;}
.pat40{ padding-top: 40px;}

.indTit{ position: relative; background-position:  left center; background-repeat: no-repeat; background-size: 46px 46px; height: 46px; color: #31315d; padding-left: 60px;}
.indTit p{ font-size: 20px; font-weight: bold; padding: 1px 0; }
.indTit em{ display: block; font-size: 14px; font-family: arial;}

/* page  */
.m-page{ text-align: center;  line-height: 40px; color: #999; font-family: arial; margin: 55px 0;}
.m-page a{  display: inline-block; width: 73px; height: 40px; font-size: 20px; font-family: arial;  vertical-align: middle; color: #999; 
border: 1px solid #dedede; border-radius: 5px; margin: 0 5px;}
.m-page a.z-crt{ background: #31315d; color: #fff; border-color: #31315d;}
.m-page a.pagenxt{ background: url(../images/lr.png) no-repeat center; }
.m-page a.pageprv{ background: url(../images/le.png) no-repeat center; }




.iabot{ }
.iabot .iable{ width: 585px; }
.iable .iabimg{ margin-top: 20px;  }
.iabimg .img{ width: 317px; height: 212px;}
.iabimg .txt{ width: 250px;}
.iabimg .txt dt{ color: #333; font-size: 16px; font-weight: bold;}
.iabimg .txt dd{ color: #ccc; font-size: 12px; }
.iabimg .txt p{ line-height: 24px; color: #666; margin: 8px 0 4px;}
.imore{ display: block; color: #999;}
.imore:hover{ color: #31315d;}

.iablist{ width: 590px;}
.iablist  ul{ width: 601px;}
.iablist li{ float: left; position: relative; width: 190px; height: 278px; overflow: hidden; margin: 0 10px 0 0;}
.iablist li .img{ height: 278px;}
.iablist li p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; line-height: 46px; background: rgba(0,0,0,0.4); color: #fff; padding: 0 15px; box-sizing: border-box; text-align: center; z-index: 2; background-position: center ; transition: 600ms;}
.iablist li i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(49,49,93,0.7); opacity: 0;transition: 600ms;}

.iablist li:hover i{ opacity: 1;}
.iablist li:hover p{ bottom: 100px; height: 60px; line-height: 30px; background: url(../images/hover.png) no-repeat center bottom ; }


.nobg{ background: none !important;}




.inew{  background: #f5f5f5; margin-top: 40px; padding-bottom: 30px; }
.inew .cdnew{ position: relative; width: 585px;  padding-bottom: 31px; }
.cdnew .imore{ position: absolute; right: 0; bottom: 0;}

.cdnew .newp{ left: 3px; bottom: 0; }
.cdnew .newp span{ margin-right: 7px;}
.cdnew .newp .swiper-pagination-bullet-active{ background: #31315d;}
.swiper-pagination span:focus{ display: none;}
.cdnew .indTit{ margin-bottom: 10px;}
.cdnew .swiper-container{ height: 287px; }
.cdnew li{ padding: 13px 0; border-bottom: 1px solid #e1e1e1; height: 68px !important;}
.cdnew .inTit{ position: relative; font-size: 16px;  color: #666; margin-bottom: 7px; padding-right: 138px; letter-spacing: 1px;}
.cdnew .inTit i{ position: absolute; right: 0;  bottom: 1px; font-size: 12px; color: #ccc;}
.cdnew .inTxt{ line-height: 20px; color: #999;}
.cdnew li:hover .inTit{ color: #31315d; font-weight: bold;}
.cdnew li:hover .inTit i{ font-weight: normal; color: #ccc;}
.cdnew li:hover .inTxt{ color: #666;}




.ywlist{ background: #f5f5f5; padding: 30px 0;  }
.ywlist ul{ width: 1211px;}
.ywlist li{ float: left; background: #fff; width: 141px; height: 105px; border: 1px solid #ececec;  text-align: center; overflow: hidden; margin:  0 10px 0 0; box-sizing: border-box; transition: 0.5s;}
.ywlist li .img{ height: 50px; background-position: center bottom;background-repeat: no-repeat;transition: 0.5s}
.ywlist li p{  color: #666; line-height: 15px; transition: 0.5s}
.ywlist li span{ display: block; font-size: 12px; color: #ccc; transition: 0.5s}
.ywlist li:hover { background: #31315d; border-color: #31315d; }
.ywlist li:hover p{ color: #fff;}
.ywlist li:hover span{ color: #5c5d8a;}

.ywlist .li0 .img{ background-image: url(../images/icq1.png);}
.ywlist .li1 .img{ background-image: url(../images/icq2.png);}
.ywlist .li2 .img{ background-image: url(../images/icq3.png);}
.ywlist .li3 .img{ background-image: url(../images/icq4.png);}
.ywlist .li4 .img{ background-image: url(../images/icq5.png);}
.ywlist .li5 .img{ background-image: url(../images/icq6.png);}
.ywlist .li6 .img{ background-image: url(../images/icq7.png);}
.ywlist .li7 .img{ background-image: url(../images/icq8.png);}
.ywlist .li0:hover .img{ background-image: url(../images/icq01.png);}
.ywlist .li1:hover .img{ background-image: url(../images/icq02.png);}
.ywlist .li2:hover .img{ background-image: url(../images/icq03.png);}
.ywlist .li3:hover .img{ background-image: url(../images/icq04.png);}
.ywlist .li4:hover .img{ background-image: url(../images/icq05.png);}
.ywlist .li5:hover .img{ background-image: url(../images/icq06.png);}
.ywlist .li6:hover .img{ background-image: url(../images/icq07.png);}
.ywlist .li7:hover .img{ background-image: url(../images/icq08.png);}





.footer{ background: #545454;}
.fotle{ width: 550px; margin-right: 50px;}
.fotTit{ padding-left: 60px; color: #fff; background: url(../images/footlet.png) no-repeat left center; overflow: hidden; height: 50px;}
.fotTit p{ font-size: 16px; font-weight: bold; padding-top: 5px;}
.fotTit span{ font-family: arial;}
.fotad{ color: #fefefe; font-size: 16px; }
.fotad p{ margin-top: 12px; }
.fotad span{ font-weight: bold;}

.fotmid{ width: 210px;  }
.midname p{ color: #fff; text-transform: uppercase; font-size: 20px;}
.midname em{ display: block; width: 15px; height: 3px; background: #ccc; margin: 15px 0;}
.fotnav a{display: inline-block; margin: 0 38px 10px 0; font-size: 12p; color: #adadad;}
.fotnav a:hover{ color: #fff;}


.share{ width: 150px;height: 165px; overflow: hidden;  text-align: right;}
.share a{ position: relative; display: inline-block; width: 32px; height: 29px; background-size: 100% 100%; margin-left: 20px; margin-top: 132px; }
.share a.sqq{ background: url(../images/qq.png) no-repeat center ; margin-left: 0;}
.share a.weixin{ background: url(../images/wx.png) no-repeat center ;}
.share a.tsina{ background: url(../images/wb.png) no-repeat center ;}

.share .sqq:hover,
.share .tsina:hover{ opacity: 0.6;}
.erwei{ display: none; position: absolute; left: -45px; top: -125px; width: 108px; height: 112px; background: url(../images/wxbg.png) no-repeat center top;}
.weixin:hover .erwei{ display: block;}

.bg{ text-align: center; background: #3b3b3b; height:44px; line-height: 44px; color: #ccc; font-size: 12px; font-family: arial; text-transform: uppercase; margin-top: 28px;}










.nban{  height: 300px;}
.nban .wrapper{ position: relative; height: 300px;}
.pone{ position: absolute; width: 900px; border-bottom: 3px solid #7878aa; height: 40px; background: rgba(49,49,93,0.8); bottom: 0; line-height: 40px; }
.pone em{ color: #fff; font-size: 18px; margin-left: 20px;}
.pone i{ font-family: arial; color: #7878aa; margin-left: 5px;}
.pimg{ position: absolute; right: 0; bottom: 0; width: 280px; height: 160px;}


/* 关于我们   */
.containerbox{ min-height: 550px; background: #f4f4f8;}
.leftbox{ width: 900px; }
.rightbox{ width: 280px; background: #fff; padding: 40px 0 ;}
.rightbox li{ margin-bottom: 12px;}
.rightbox li a{ display: block; padding-left: 60px; font-size: 18px; color: #31315d; height: 46px; line-height: 46px; }
.rightbox li.active a{ background: #e8e8f2 url(../images/rbli.png) no-repeat right 60px top 21px; }
.rightbox li .lidonw{ display: none; padding: 16px 0; background: rgba(232,232,242,0.26); transition: 0s;}
.rightbox li .lidonw a{ font-size: 16px; height: 36px; line-height: 36px; background: transparent;}
.rightbox li.active .lidonw{ display: block; }
.rightbox li .on{ font-weight: bold;}

.about{ padding: 75px 35px 30px; text-align: justify; line-height: 24px; color: #666;}



/* 公司环境    */
.corporte{ padding: 40px 35px 65px;}
.asukzatm{ display: none;}
.corTimg{ border: 3px solid #31315d; }
.coname{ font-weight: bold; color: #31315d; font-size: 24px; margin: 26px 0; text-align: center;}
.corli{ margin-bottom: 10px;}
.corli{ width: 841px;}
.corli li{ float: left; border: 1px solid #313151; background: #ddddef; width: 264px; height: 64px; padding: 2px; margin: 10px 10px 0 0;}
.corli li a{ display: block; color: #31315d; color: #fff; height: 100%; text-align: center;}
.corli li em{ font-size: 20px; color: #31315d; font-weight: bold;}
.corli li i{ font-family: 'din-bold-webfont';  color: #31315d; font-size: 50px; margin-left: 8px; }
.corli li span{ font-family: 'din-bold-webfont'; font-size: 14px; color: #aaaaca;}

.corli li.active a{ background: #31315d;}
.corli li.active em,
.corli li.active i,
.corli li.active span{ color: #fff;}


.colink{}
.colink ul{ width: 841px;}
.colink li{ float: left; margin: 10px 10px 0 0; position: relative; width: 410px; height: 300px; overflow: hidden;}
.colink li p{ position: absolute; background: rgba(49,49,93,0.8) url(../images/abgbh.png) no-repeat center right 10px; padding-right: 60px; font-size: 16px; color: #fff; line-height: 36px; padding-left: 20px; width: 100%; bottom: 0; box-sizing: border-box;}



/* 发展历程 */
.History{ background: #fff url(../images/hist.jpg) no-repeat left 30px top; min-height: 500px; padding: 92px 35px 80px 245px; }
.History ul{ position: relative; z-index: 1; padding-bottom: 30px;}
.History ul:before{ content: ''; position: absolute; left: 108px; top: 7px; width: 1px; height: 100%; background: #d0d0e6; z-index: -1; }
.History li{ position: relative; margin-bottom: 52px;}
.History li:before{content: ''; position: absolute;left: 99px; top: 7px; width: 15px; height: 15px; border-radius: 50%; background: #fff; border: 2px solid #31315D;  }
.History li span{ font-size: 30px; font-family: arial;  font-weight: bold; color: #333;}
.History li .fr{ width: 435px; margin-right: 25px; color: #666666;  line-height: 34px;}
.History li i{ font-size: 10px;  color: #cecece;}
.ulmore{ width:29px; height: 29px; margin-left: 94px; background: #fff; margin-top: 7px; cursor: pointer;}



/*  */ 
.Honor{ padding: 40px 35px 1px; }
.Honor ul{ width: 861px;}
.Honor li{ float: left; width: 254px; height: 174px; border: 1px solid #ddd; margin: 35px 30px 0 0;}



/* item */
.item{ padding: 40px 35px 20px; }
.item ul{ width: 861px;}
.item li{ float: left; width: 254px; margin: 0 30px 40px 0;  text-align: center;}
.item li .img{ height: 320px;}
.item li .name{ font-size: 24px; color: #333; line-height: 50px; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.item li  p{ font-family: arial; text-transform: uppercase; color: #9c9cc9;}
.item li  span{ display: block; font-size: 18px; color: #31315d;}



/* 文化 */
.cult{ background: url(../images/whbg.jpg) no-repeat top center; height: 550px; text-align: center; padding-top: 30px;}


.Deme{ margin-top: 10px;}
.Deme ul{ width: 856px;}
.Deme li{ float: left; width: 260px; margin: 0 25px 30px 0;}
.Deme li .img{ overflow: hidden; height: 180px;}
.Deme li p{ padding: 0 15px; color: #666; height: 60px; line-height: 60px; border: 1px solid #eee; border-top: 0;}
.Deme li:hover p{ color: #31315D;}


.hsfbox{ padding: 65px 35px 61px; background: url(../images/jsbg.jpg) no-repeat top center;}
.hsfbox .box{ line-height: 24px; color: #333; margin-top: 45px;}
.hsfbox p{ margin-bottom: 15px;}






/* 62 */
.rcList{ padding: 35px 35px 70px; }
.rcList ul li{ margin-bottom: 10px; }
.rcList .rcTop{  padding: 20px 60px 20px 20px; box-sizing: border-box; transition: 0.5s; background: url(../images/zpList-right.png) no-repeat right 25px center; cursor: pointer;  border: 1px solid #eee;}
.rcList.aaa .rcTop{  background: none; cursor: auto;}
.rcList .left{ width:320px; }
.rcList .left .txImg{ width: 92px; height: 92px; box-sizing: border-box; border: 3px solid #9c9cc8; border-radius: 50%; overflow: hidden; background: #31315d; color: #fff; text-align: center; line-height: 84px; font-size: 50px; font-family: 'din-medium-webfont'; }
.rcList .left div.fr{ width: 210px; border-right:1px solid #ddd; height: 80px; padding: 13px 0; padding-right: 20px; box-sizing: border-box; margin-top: 5px;}
.rcList .left div.fr p{ font-size: 18px; font-weight: bold; color: #222; line-height: 30px; margin-bottom: 7px;
white-space: nowrap; overflow: hidden;}
.rcList .left div.fr i{ display: block;  color: #888888;}
.rcList .right{ width: 400px; padding-top: 15px;}
.rcList .right .tobok{  color: #888; line-height: 20px; height: 60px; overflow: hidden;}

.rcList ul li:hover .rcTop{ border: 3px solid #9797cc; padding: 18px 60px 18px 18px; background-color: #e1e1f5;}


/* 7 */
.contus{ padding: 35px; min-height: 350px}
.map{ border: 3px solid #bbbbde;}
.map img{ max-width: 100%;}

.addrlist{text-align: center;}
.addrlist ul{}
.addrlist li{ float: left; min-width: 165px; padding:0 20px; margin: 35px 0; text-align: center;}
.addrlist li span{ display: block; font-size: 16px; color: #31315d; line-height: 45px;}
.addrlist li p{ color: #a3a3bf; line-height: 20px;}
.addrlist li.li2{ width: 300px; margin-left: 40px;}
.addrlist li.li3{ float: right; cursor: pointer;}

.lylist{}
.lylist ul{ width: 861px;}
.lylist li{ float: left;  width: 400px; background: #f4f4f8; height: 50px; line-height: 50px; margin: 0 30px 30px 0;}
.lylist li span{ display: inline-block; width: 100px;}
.lylist li input{  width: 250px; height: 38px; border: none;}
.lylist li.li4{   }
.lylist li.li4 input{ width: 175px;}
.lylist li.li4 i{display: inline-block; width: 103px; text-align: center;}
.lylist li.li5{ width: 830px; padding: 0; height: 200px;}
.lylist li textarea{ background: none; height: 165px; width: 720px; line-height: 22px; font-family: "微软雅黑"; vertical-align: top; margin-top: 15px;  resize: none; border: none;}


.btntn{  text-align: center; }
.btntn input{ width: 185px; height: 45px; border: none; background: #31315D;color: #fff; font-size: 16px; margin: 0 10px; }
.btntn input[type=reset]{ background: #cdcde1; }



/*新闻*/
.news{ padding: 50px 35px 2px;}
.newtop{position: relative; margin-bottom: 30px; }
.newtop  li{ background: #f4f4f8;}
.newtop .img{ position: relative; width: 415px; height: 240px;}
.newtop .img dl{ position: absolute; left: 0; top: 0; width: 73px; height: 73px; background: #9393b4; text-align: center; color: #fff; font-family: arial;}
.newtop .img dt{ font-size: 44px; height: 50px; line-height: 60px;}
.newtop .txt{ width: 370px; margin-right: 20px;}
.newtop .txt .newtit{ line-height: 26px; font-size: 20px; color: #31315d; margin: 30px 0 20px;}
.newtop .txt .text{ color: #999; line-height: 22px;}
.newtop .txt i{ display: block; font-size: 16px; font-weight: bold; color: #31315d; margin-top: 25px;}

.newtop .newpge{  text-align: right;  bottom: 25px; right: 10px; }
.newtop .newpge span{ width: 12px; height: 12px; background: url(../images/newbg.png) no-repeat center; border-radius: 0; margin-left: 10px; }
.newtop .newpge .swiper-pagination-bullet-active{ background-image: url(../images/newbg1.png);}


.newfot{ border-top: 1px solid #eaeaea; }
.newfot li{ padding: 20px 120px 20px 0; border-bottom: 1px solid #eaeaea; background: url(../images/newlibg.png) no-repeat right center;}
.newfot dl{ width: 73px; color: #9393b4; font-family: arial; text-align: center;}
.newfot dt{ font-size: 50px; height: 48px; line-height: 48px;}
.newfot .txt{ width: 604px;}
.newfot .txt .ntTit{ font-size: 16px; line-height: 24px; color: #31315d; margin-bottom: 2px;}
.newfot .txt p{ line-height: 20px; color: #999;}
.newfot li:hover .ntTit{ font-weight: bold;}



/* 工程业绩   */
.Equip{ height: 700px; background-position: center top; background-size: cover; }
.Equip ul{ border-left: 1px solid rgba(255,255,255,0.2); width: 1201px; }
.Equip li{ position: relative; float: left; width: 299px; height: 700px; border-right: 1px solid rgba(255,255,255,0.2); overflow: hidden; transition:0.3s;}

.yuanq{ position: absolute; left: 0; right: 0; top: 200px; margin: auto;  text-align: center; transition: 0.3s;}
.yuanq p{ font-size: 20px; margin: 30px 0; color: #fff;}

.hidep{ position: absolute; left: 0; right: 0; top: 232px; display: none; text-align: center; line-height: 24px; color: #c7c7ec; width: 460px; margin: auto;  }
.hidep i{ display: inline-block; width: 60px; height: 1px; background: #8181d5;  margin: 0 0 20px;}

.Eqmo{ position: absolute; bottom:10px; left: 0; right: 0; opacity: 0; width: 181px; height: 52px; padding: 2px; border: 2px solid #fff; margin: auto ; transition: 0.4s;}
.Eqmo a{ display: block; height: 52px; text-align: center; line-height: 52px; background: rgba(255,255,255,0.2); color: #fff; font-size: 20px; letter-spacing: 2px;}


.Equip li.active{ width: 599px; background: rgba(49,49,93,0.7); margin: auto;}
.Equip li.active .yuanq{ top: 115px;}
.Equip li.active .hidep{ display: block; top: 332px;}
.Equip li.active .Eqmo{ bottom: 100px; opacity: 1;}






/* 4 */
.Bridge{ padding: 40px 35px 50px;}

.gcyelist{  }
.gcyelist li{ background: #f4f4f8; margin-bottom: 20px;}
.gcyelist .img{ width: 565px  ;height:300px;}
.gcyelist .txt{ width: 215px; padding-right: 25px; background: url(../images/case.png) no-repeat top 30px left;  padding-top: 98px;}

.gcyelist .txt .gctit{ font-size: 18px; line-height: 24px; color: #333;}
.gcyelist .txt p{ line-height: 20px; color: #999; margin: 15px 0 25px;}
.gcyelist .txt i{ font-weight: bold; font-family: arial; font-size: 16px; color: #31315d;}




/*  5 */
.Class{}
.Class ul{ width: 861px;}
.Class li{ float: left; width: 255px; margin: 0 30px 20px 0;}
.Class li .img{ position: relative; height: 255px; box-sizing: border-box; border: 1px solid #ddd; padding: 13px; }
.Class li i{ position: absolute; text-align: center; top: 0; right: 0; bottom: 0; left: 0; width: 228px; height: 228px; background: rgba(49,49,93,0.8); margin: auto; opacity: 0;  transition: 0.3s;}
.Class li i img{ width: 36px; height: 22px; margin-top: 85px; margin-bottom: 5px;}
.Class li i em{ display: block; color: #fff;}
.Class li p{ line-height: 38px; border-bottom: 1px solid #d9d9d9; background: url(../images/pb.png) no-repeat right center; padding-right: 40px;  transition: 0.3s;}


.Class li:hover .img{ border: 3px solid #31315D; padding: 11px;}
.Class li:hover p{ color: #31315d; border-color: #31315d; background-image: url(../images/pb1.png); }
.Class li :hover i{ opacity: 1;}
















































/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@-moz-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@-o-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}