@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
.cls{clear:both;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;background:#f8f8f8;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#e96523;}
html,body{position:relative;height: 100%;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1200px;margin:0 auto;}/*lllxiugai*/
.procontainer{position:relative;min-width:320px;width:100%;max-width:1200px;margin:0 auto;}/*lllxiugai*/
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat: no-repeat;}
.pd60{padding:70px 0;font-size:.875em;overflow:hidden;}
.pdlll60{padding:0px 0;font-size:.875em;overflow:hidden;}
.pdlll130{padding:0px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('//at.alicdn.com/t/font_1152918_7o8k34gozyh.eot');
  src: url('//at.alicdn.com/t/font_1152918_7o8k34gozyh.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1152918_7o8k34gozyh.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1152918_7o8k34gozyh.woff') format('woff'),
  url('//at.alicdn.com/t/font_1152918_7o8k34gozyh.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1152918_7o8k34gozyh.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}
.homeaboutbj{    background: url(../images/gybg.jpg) no-repeat top center;

    background-size: cover;}
 
/* 主导航 */
.header{position:fixed;;width:100%;z-index:99;left:0;top:0;height:90px;line-height:90px;background-image: linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0));}
.header .container{padding-right:220px;height:90px;}
.nav {height:90px;display:flex;justify-content:space-between;max-width:860px;}
.nav .m{float:left;margin-left:50px;}
.nav .m>a{color:#000000;display:inline-block;position:relative;}
.nav .m>a::after{content:"";position: absolute;left:0;bottom:20px;width:100%;height:2px;background:#ff6637;transition:transform .3s;z-index:1;transform: scale(0,1);transform-origin:right;}
.nav .cur>a,.nav .m>a:hover{color:#ff6637;}
.nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;}
.nav .sub{line-height:26px;position:absolute;z-index:90;top:100%;left:0;display:none;padding:30px 25%;width:100%;z-index:2;}
.nav .sub::after{content:"";position: absolute;left:-50%;width:200%;height:100%;background:rgba(244, 244, 244,.9);top:0;z-index:-1;border-bottom: 1px solid #ddd;}
.nav .sub .list{width:45%;padding-right:5%;}
.nav .sub .list li{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.nav .sub .list a{display: block; font-size:.778em;position:relative;padding:8px 10px 8px 15px;transition:color .2s ease-in-out;text-align:left;color:#333;background:url('../images/ly_li2.png') no-repeat left;margin-left:2%;}
.nav .sub .list a:hover{color:#0086e2;}
.nav .sub .list a:before{position:absolute;bottom:1px;left:0;display:block;width:0;height:1px;content:'';-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;background:#0086e2;}
.nav .sub .list a:hover:before{width:100%;}
.nav .sub .pic{width:55%;overflow:hidden;text-align:left;color:#333;font-size:14px;border-left: 1px solid #ddd;padding-left:5%;}
.nav .sub .pic .bgImg{max-width:420px;height:200px;margin-bottom:15px;}
.nav .sub .pic p{max-width:340px;font-size:15px;}
/* .header:hover{background: rgba(0,0,0,.7);} */
.headFix{background: #ffffff;}

/* 头部右侧 */
.headR{position:absolute;right:0;top:0;color:#333;}
.headR .wx{float:left; width:20px;height:90px;background: url('../images/wx.png') no-repeat center;cursor:pointer;margin-right:10px;}
.headR .wx span{position:absolute;top:100%;background:#e5e5e5;padding:5px;text-align:center;width:110px;display:none;left:0;margin-left:-50px;}
.headR .wx span::after{content:"";position:absolute;border:6px solid transparent;border-bottom-color: #e5e5e5;left:50%;top:-12px;}
.headR .tel{float:left;font-size:1.25em;padding-left:25px;font-family:Arial;background: url('../images/tel.png') no-repeat left center;}
.wapTel{font-family:"iconfont";position: absolute;color:#30318b;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#30318b;margin-bottom:6px;transition:all 0.3s;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

/* 广告轮播图 *
/*
.banner{width: 100%;height:100%;position: relative;z-index:2;}
.banner .swiper-container{position: fixed;width:100%;height:100%;z-index:100;}
.banner .swiper-slide{position:relative;height:100%;overflow:hidden;}
.banner .pic{height:100%;}
.banner .txt{position:absolute;left:50%;top:42%;z-index:10;opacity:0;transition:all 1s;margin-left:-450px;max-width:1600px;}
.banner .ban3 .txt{margin-left:540px;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:20px;;max-width:1600px;left:50%;transform:translateX(-50%);}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;opacity:0;}
.banner .swiper-pagination-bullet-active{border-color: #fff;}
.banner .swiper-pagination-bullet-active::after{opacity:1;}
.banner .mouse{position:absolute;width:15px;height:28px;background: url('../images/mouse.png') no-repeat;left:50%;bottom:80px;z-index:2;margin-left:-7px;}
.banner .swiper-slide-active .txt{ opacity:1;transform:translate(-50%) scale(1);}
*?
/* 广告轮播图 */
.banner{position:relative;overflow:hidden; margin-top:90px;}
.banner img{width:100%;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.5;width:40px;height:3px;border-radius:0;cursor:pointer;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;}
.banner .btn,.shzySlide .btn,.czgfcSlide .btn,.xhcsSlide .btn,.history .btn{width:40px;height:46px;background:rgba(0, 0, 0,.8);color:#fff;left:0;text-align:center;line-height:46px;font-family:Arial;transition:all .3s; font-size:24px;}
.banner .btn img{transition:all .3s;height:46px;position:absolute;opacity:0;left:0;}
.banner .swiper-button-next,.shzySlide .swiper-button-next,.czgfcSlide .swiper-button-next,.xhcsSlide .swiper-button-next{left:auto;right:0;}
.xhcsSlide .btn{top:40%;}
.banner .btn:hover img{left:100%;opacity:1;}
.banner .swiper-button-next:hover img{left:-100%;}


/* 优势 */
.odds{text-align:center;}
.odds .title{font-size:1.714em;text-align:center;color:#333;}
.odds .title span{display: block;font-size:1.458em;font-weight:700;}
.odds .more{display:inline-block;margin:10px 0 40px 0;color:#333;position:relative;padding-bottom:5px;overflow:hidden;}
.odds .more::after{content:"";position: absolute;left:-100%;bottom:0;width:100%;height:1px;background:#0086e2;transform-origin:right;}
.odds .more i{font-style:normal;margin-left:10px;}
.odds .more:hover{color:#0086e2;}
.odds .more:hover::after{transform-origin: left;left:100%;transition:all 1s;}
.oddsMain{padding:10px;}
.oddsMain li{float:left;background:#fff;width:25%;padding-top:35px;height:340px;font-size:1.143em;transition:all .5s;}
.oddsMain li i{font-family:"iconfont";font-style:normal;font-size:3.4rem;position: relative;top:0;transition:all .5s;}
.oddsMain li h4{font-size:1.375em;position:relative;margin-bottom:15px;padding-bottom:15px;color:#333;padding-top:10px;}
.oddsMain li h4 span{display: block;font-size:1.364em;font-weight:700;}
.oddsMain li h4::after{content:"";position: absolute;left:50%;width:24px;height:2px;background:#0086e2;bottom:0;margin-left:-12px;transition:all .3s;}
.oddsMain li:hover{box-shadow:0 0 14px #ccc;}
.oddsMain li:hover i{color:#0086e2;top:-10px;}
.oddsMain li:hover h4::after{width:40px;margin-left:-20px;}
.oddsMain .btn{display:none;width:40px;height:26px;line-height:26px;background:#333;color:#fff;position: static;;margin-top:20px;}


/* 业务 */
.project{background:url('../images/project_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed;overflow:hidden;color:#fff;font-size:.875em;}
.projectMenu{font-size:1.143em;height:160px;border-right: 1px solid rgba(255,255,255,.3);}
.projectMenu::after{content:"";position: absolute;left:-50%;width:200%;height:1px;border-bottom: 1px solid rgba(255,255,255,.3);bottom:0;}
.projectMenu h3{float:left;height:160px;width:50%;padding-top:32px;border-left: 1px solid rgba(255,255,255,.3);padding-left:8%;color:#b8bfc9;cursor:pointer;position:relative;z-index:2;}
.projectMenu h3::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:100%;  background-image: linear-gradient(to right,#0263a5,#07729c);z-index:-1;transform-origin:right;transform:scale(0,1);transition: transform .5s;}
.projectMenu h3 span{display: block;font-size:2.250em;color:#fff;}
.projectMenu i{float:left;font-size:5.625em;font-family:Arial;color:#fff;font-style:normal;line-height:1;margin-right:10px;letter-spacing:-2px;}
.projectMenu .on::after{transform-origin:left;transform:scale(1);}
.projectMain{padding:90px 0 50px 0;overflow:hidden;}
.proTxt{width:46%;padding-top:40px;}
.proTxt ul{overflow: hidden;margin-bottom:30px;}
.proTxt li{float:left;width:50%;min-height:80px;font-size:1.786em;padding-left:70px;margin-bottom:10px;}
.proTxt li span{display: block;font-size:12px;opacity:.5;text-transform: uppercase;}
.proTxt h4{font-size:1.429em;min-height:90px;margin-bottom:15px;}
.proTxt h4 span{display: block;font-size:14px;opacity:.7;}
.proTxt .more{background:#0073a0;color:#fff;width:154px;height:44px;line-height:44px;display:inline-block;text-align:center;}
.proTxt .more:hover{background:#0086e2;}
.proTxt i{font-family:"iconfont";font-style:normal;float: left;margin-left:-70px;font-size:2.8rem;line-height:1.2;}
.proPic{width:45%;text-align:right;}



.caseMain{margin-right:-15px;}
.caseMain li{float:left;width:33.3%;padding-right:15px;margin-bottom:15px;text-align:center;}
.caseMain li a{display: block;position:relative;color:#fff;overflow:hidden;}
.caseMain li .pImg{padding-top:62%;}
.caseMain li h4{position: absolute;left:50%;top:60%;padding:15px;transform: translate(-50%,-50%);width:100%;z-index:2;opacity:0;transition:all .5s;font-size:1.286em;}
.caseMain li h4 span{display: block;opacity:.8;margin-top:4px;font-size:.813em;}
.caseMain .big{width:66.6%;}
.caseMain .big .pImg{padding-top:62.4%;}
.caseMain .big img{transition:1.5s;}
.caseMain .big h4{display:none;}
.caseMain li .txt{position: absolute;left:0;bottom:0;width:100%;background:#fff;padding:20px;color:#666;text-align:left;padding-left:45%;font-size:1.071em;height:130px;}
.caseMain li p{margin-bottom:10px;}
.caseMain li h3{position: absolute;left:20px;top:20px;width:40%;font-size:1.6em;color:#333;}
.caseMain li h3 span{display: block;margin-top:20px;width:100px;height:28px;background:#0086e2 url('../images/arr_r.png') no-repeat center;color:#fff;transition:all .5s;}
.caseMain li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:1;opacity:.8;}
.caseMain li a:hover:after{transform:perspective(200px) rotateX(0);}
.caseMain li a:hover h4{opacity:1;top:50%;transition-delay:.2s;}
.caseMain li a:hover img{transform: scale(1.1);}
.caseMain .big a::after{display: none;}
.caseMain .big a:hover h3 span{width:150px;}
.caseMain .big a:hover h3{color:#0086e2;}

/* 关于 */
.about{background:url('../images/about_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; color:#fff;text-align:center;}
.about .title{text-align:center;color:#fff;font-size:2.571em;margin-bottom:40px;}
.about .title span{display: block;font-size:1.389em;}
.about .txt{min-height:100px;line-height:2;margin-bottom:10px;font-size:1.143em;}
.about .more{display:block;color:#fff;margin:0 auto;color:#fff;height:40px;line-height:40px;padding:0 15px;border:1px solid #fff;width:240px;}
.about .more:hover{box-shadow:0 0 10px #fff inset;}
.aboutNum{display: flex;flex-flow: row wrap;justify-content: space-between;overflow:hidden;max-width:1340px;margin: 0 auto;margin-top:60px;font-size:1.286em;padding-right:15px;}
.aboutNum li{float:left;}
.aboutNum li span{display: block;font-size:4.444em;line-height:1em;font-family:Arial;font-weight:700;letter-spacing:-4px;position:relative;}
.aboutNum li span::after{content:"+";position: absolute;font-size:0.375em;font-weight:normal;top:-20px;margin-left:5px;}
.aboutNum li:nth-child(5) span:after{content:"%";}

/* 新闻快讯 */
.newsMain{overflow:hidden;margin-right:-15px;}
.newsMain .pic{overflow:hidden;margin-bottom:20px;}
.newsMain .img{float:left;height:330px;width:50%;overflow:hidden;}
.newsMain .font{background:#fff;width:50%;min-height:329px;padding:1% 1% 3% 3%;}
.newsMain .font h4{margin-bottom:10px;}
.newsMain .font h4 a{color:#e96523;}
.newsMain .font h4 a:hover{color:#e96523;}
.newsMain .font .date{opacity:.6;/*display: block;*/margin-bottom:25px; color: rgb(119, 119, 119); font-size: 14px;}
.newsMain .font p{margin-bottom:15px;color:#888;line-height: 35px; font-size: 14px;}
.newsMain .font .more{width:140px;height:38px;line-height:38px;border:1px solid #ccc;display:inline-block;text-align:center;cursor:pointer;background: url('../images/more.png') no-repeat center;}
.newsMain .font .more:hover{background:#e96523 url('../images/more2.png') no-repeat center;;color:#fff;border-color:#FFFFFF;}
.newsMain .txt{float:left;width:33.3%;overflow:hidden;}
.newsMain .txt a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;background:#fff;padding:60px 30px;border:1px solid #f7f7f7;}
.newsMain .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsMain li h4{font-size:2em; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#e96523;margin-bottom:15px;transition:all .3s;}
.newsMain .txt p{height:80px;border-bottom: 1px solid #dbdbdb;margin-bottom:25px;line-height:1.8;}
.newsMain .txt a:hover .bgImg{opacity:.1;transform: scale(1.1);}
.newsMain .txt a:hover{color:#fff;background-color:#0075c2;}
.newsMain .txt a:hover h4{color:#fff;}
.newsMain li:nth-child(5){display:none;}


/* 新闻快讯 */
.newsL{width:40%;margin-right:-40px;overflow:hidden;}
.newsL li{float: left;padding-right:40px;width:100%;overflow: hidden;}
.newsL li a{display:block;overflow:hidden;}
.newsL li .bgImg{height:320px;}
.newsL h4{font-size:1.143em;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:25px 0 15px 0;position: relative;z-index:2;background:#fff;}
.newsL li p{min-height:60px;margin-bottom:8px;font-size:.75rem;color: #666;padding-bottom:8px;position:relative;}
.newsL li p::after{content:"";position: absolute;left:0;bottom:5px;background:#e72c35;width:0;height:1px;transition:all .5s;}
.newsL li span{color:#888;font-size:.75rem;font-family:Arial;}
.newsL li i{font-style:normal;margin-right:15px;transition:all .4s;display:inline-block;min-width:75px;}
.newsL li a:hover .bgImg{transform:scale(1.08);}
.newsL li a:hover h4,.newsR li a:hover h4{color:#e72c35;} 
.newsL li a:hover p::after{width:100%;}
.newsR{width:60%;margin-top:-25px;}
.newsR li{overflow:hidden;}
.newsR li a{display:block;color:#777;padding-left:80px;position:relative;border-bottom: 1px dotted #ccc;height:125px;padding-top:20px;transition:all .5s;}
.newsR li a::after{content:"";position:absolute;left:0;bottom:-1px;transform: scale(0,1);transition:transform .5s;transform-origin: right;border-bottom: 1px solid #cf3400;width:100%;}
.newsR li .date{float:left;margin-left:-80px;width:80px;font-size:12px;;font-family:Arial;line-height:1.2;}
.newsR li .date i{display:block;font-style:normal;opacity:.3;font-size:46px;}
.newsR li h4{font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:10px;transition:all .4s;}
.newsR li p{font-size:12px;}
.newsR li a:hover::after{transform: scale(1);transform-origin: left;}
.newsR li a:hover{padding-left:0;}

/* 联系我们 */
.contact{background:url('../images/feedback_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; }
.contactL{width:35%;background:rgba(0, 134, 226,.8);padding:3%;height:530px;}
.contactL .title{color:#fff;font-size:1.286em;margin-bottom:30px;}
.contactL .title span{display: block;text-transform: uppercase;font-size:2em;}
.contactL li{margin-bottom:15px;border-bottom: 1px solid #8abbde;padding-bottom:5px;}
.contactL li input,.contactL li textarea{width:100%;height:40px;display: block;opacity:.8;color:#fff;}
.contactL li input::-webkit-input-placeholder,.contactL li textarea::-webkit-input-placeholder{color:#fff;}
.contactL li input::-moz-placeholder,.contactL li textarea::-moz-placeholder{color:#fff;}
.contactL li input:-moz-placeholder,.contactL li textarea:-moz-placeholder{color:#fff;}
.contactL li input:-ms-input-placeholder,.contactL li textarea:-ms-input-placeholder{color:#fff;}
.contactL li.area{padding-bottom:0;margin-bottom:25px;}
.contactL li textarea{height:60px;}
.contactL .sub{width:160px;height:55px;line-height:55px;background:#00c8d3;color:#fff;font-size:1.143em;cursor:pointer;transition:all .5s;}
.contactL .sub:hover{width:100%;}
.contactR{width:65%;background:#fff;text-align:center;padding:3%;font-size:1.143em;height:530px;}
.contactR .title{font-size:1.750em;color:#191919;margin-bottom:30px;}
.contactR .title span{display: block;font-weight:700;color:#0086e2;}
.contactR ul{padding:60px 0;overflow:hidden;}
.contactR li{float:left;width:33.3%;}
.contactR li i{font-family:"iconfont";font-style:normal;color:#0086e2;font-size:3rem;line-height:1.2;}
.contactR li span{display: block;margin-top:8px;}
.contactR li p{font-size:1.5em;color:#0086e2;font-family:Aeial;font-weight:700;}
.contactR .zx{position:relative;max-width:70%;margin:0 auto;z-index:2;}
.contactR .zx::after{content:"";position: absolute;left:0;width:100%;background:#bcbcbc;height:1px;top:50%;z-index:-1;}
.contactR .zx a{color:#fff;display:inline-block;width:180px;height:50px;line-height:50px;background:#0086e2;color:#fff;border-radius:5px;}
.contactR .zx i{font-family:"iconfont";font-style:normal;margin-right:8px;}
.contactR .zx a:hover{width:260px;}

/*底部 */
.footer{background:#f3f3f3;overflow:hidden;line-height:1.8;padding:50px 0;font-size:.875em;}
.footL{width:33%;overflow:hidden;display: flex;justify-content:space-between;}
.footL ul{float:left;}
.footL ul h4{color:#0a1a31;font-size:1.286em;margin-bottom:20px;position:relative;padding-bottom:15px;line-height:1.4;}
.footL ul h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:15px;background:#b6b6b6;}
.footMenu_wap{display:none;overflow:hidden;}
.footR{width:57%;line-height:2.4; }
.footR p{background: url('../images/fIcon.png') no-repeat left 8px;padding-left:30px;}
.footL a{color:#888;}
.footer a:hover{color:#e96523;}
.firendlink{padding:15px 0;background:#333;color:#fff;font-size:.875rem;}
.firendlink a{margin:0 6px;color:#fff;}

/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}
.listBanner,.mzsmBanner,.webBan,.aboutBan{height:600px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.listBanner h3{position:absolute;color:#fff;top:50%;font-size:1.5rem;text-transform:uppercase;width:100%;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.listBanner h3 span{display: block;font-size:2.083em;}
.listBanner .bgImg,.webBan .bgImg{animation:scales 10s;opacity:.9;}
.breadCrumb{font-size:.875rem;overflow:hidden;background:#f7f7f7;padding:20px 0;}
.breadCrumb p span{position:relative;padding-left:20px;}
.breadCrumb span::after{content:"\e646";position:absolute;left:0;font-family:"iconfont";top:0;} 
.breadCrumb .back{float:right;position:relative;color:#0086e2;border:1px solid #0086e2;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#0086e2;color:#fff;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/sIcon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}
.proSear .btn:hover{background-color:#111;}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}

/*内页公用菜单*/
.listMenu{margin-bottom:30px;overflow:hidden;font-size:.913rem;}
.listMenu .m{margin:0 15px;position:relative;display:inline-block;background:#fff;width:20%;text-align:center;border:1px solid #e6e6e6; background:#f3f3f3;box-shadow:0 2px 10px #ddd;margin-bottom:20px;border-radius:10px;transition:all .5s; line-height:50px;}
.listMenu .m::after{content:"";position: absolute;left:0;bottom:0;height:2px;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .5s;}
.listMenu .m:hover,.listMenu .cur{color:#fff;background:#e96523;;border-color: #e96523;}
.listMenu .cur::after{transform: scale(1);}

.listMenu li{float:left; margin-bottom:5px; height:38px; text-align:left;}
.listMenu li a{ color:#666666; font:15px/38px "Microsoft YaHei","微软雅黑","宋体"; margin-left:20px;}
.listMenu li a:link,.listMenu li a:visited{ color:#666666; font:15px/38px "Microsoft YaHei","微软雅黑","宋体"; text-decoration:none;}
.listMenu li a:hover,.listMenu li a:active{ color:#f30606; font:15px/38px "Microsoft YaHei","微软雅黑","宋体"; text-decoration:none;}

.listMenu li a.liproon{color:#f30606; font:700 15px/38px "Microsoft YaHei","微软雅黑","宋体"; margin-left:20px;}

.listMenu li a.maxtit{font:700 15px/38px "Microsoft YaHei","微软雅黑","宋体"; margin-left:20px;}
.td-1{ width:12%; background-color:#e9e9e9;}
.td-2{ width:38%; background-color:#f0efef;}


/*案例列表*/
.caseList ul{margin-right:-40px;}
.caseList li{float:left;width:33.3%;padding-right:40px;margin-bottom:30px;}
.caseList li .pImg{padding-top:100%;background:#000;/*padding-top:62%;*/}
.caseList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:70px;line-height:70px;color:#333;border-bottom: 1px solid #ddd; text-align:center;}
.caseList li a:hover img{transform: scale(1.1);}
.caseList li a:hover .pImg{box-shadow:0 3px 10px #ccc;} 
/*.webCase li:nth-child(4){display:none;}*/
.webCase .more{text-align:center;}
.webCase .more a{font-size:14px;height:40px;line-height:40px;}
.loadMore{display:block;margin:20px auto;width:120px;}

/* 案例 */
.prhShow_ban{background:#000; overflow:hidden;position:relative;}
.prhShow_ban img{width:100%;animation:scales 10s;opacity:.9;}
.proShow_Top{color:#fff;position: absolute;bottom:120px;width:100%;font-size:.875rem;left:50%;margin-left:-800px;}
.proShow_Top h3{font-size:1.143em;margin-bottom:15px;}
.proShow_Top h3 span{display:block;font-size:1.6em;font-weight:700;}
.proShow_Top p{max-width:50%;}
.proShow_Top .link{position:absolute;bottom:10px;right:0;width:50px;height:50px;text-align:center;line-height:50px;border:1px solid #fff;border-radius:100%;font-family:"iconfont";font-size:18px;color:#fff;}
.proShow_Top .link:hover{background:#0086e2;color:#fff;border:1px solid #0086e2;}
.proShow_main{background:#fff;padding:3%;position: relative;margin-top:-60px;font-size:.913em;z-index:2;}
.proShow_main img{width:100%;}
.proShow_main .tie{margin-bottom:15px;font-size:1.6em;color:#333;}
.proShow_main .txt{margin-bottom:35px;line-height:1.8;}
.proShowBox2{background:url('../images/culture_bg.jpg') center;text-align:center;margin:60px auto;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.proShowBox2 h4{font-size:2.25em;font-weight:300;color:#333;margin-bottom:20px;}
.proShowBox2 span{color:#f00;margin:0 15px;display:inline-block;font-size:1.286em;}
@keyframes scales
{
  from {transform:scale(1.1);}
  to {transform:scale(1);}
}


/*网站建设*/
.webBody{background:#fff;}
.webBan{height:720px;overflow:hidden}
.webBan .container{color:#fff;z-index:2;position: absolute;z-index:2;top:150px;left:50%;margin-left:-800px;}
.webBan .pic{width:36%;}
.webBan .txt{padding-top:90px;width:52%;overflow:hidden;font-size:1.5rem;}
.webBan .txt h3{margin-bottom:35px;}
.webBan .txt span{display: block;font-size:2.083em;}

.webBox1{overflow: visible;}
.webBox{font-size:1em; border-bottom:1px solid #F3F3F3;}
.webBox1 .pic{width:50%;  text-align:center;/*width:56%; margin-left:-10%;*/}
.webBox .info{width:46%;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.webBox .info h4{font-size:1em;color:#999;line-height:1.4;margin-bottom:20px;font-weight:300;  border-bottom:1px solid #F3F3F3; padding-bottom:20px;}
.webBox .info h4 span{display: block;font-size:2.2em;color:#191919;font-weight:400;}
.webBox .info p{height:190px;margin-bottom:15px;line-height:1.8;}
.webBox h6 i{display:inline-block;width:80px;height:80px;background: url('../images/webIcon.png') no-repeat;transition:all .3s;position:relative;top:0;margin-right:4%;}
.webBox h6 i:nth-child(2){background-position: -80px 0;}
.webBox h6 i:nth-child(3){background-position: -160px 0;}
.webBox h6 i:nth-child(4){background-position: -240px 0;}
.webBox h6 i:nth-child(5){background-position: -320px 0;}
.webBox h6 i:nth-child(6){background-position: -400px 0;}
.webBox h6 i:hover{top:-8px;}
.webBox .more{display:inline-block;margin-top:40px;background:#0086e2;color:#fff;width:200px;height:48px;line-height:48px;text-align:center;border-radius:5px;box-shadow:0 3px 6px #b3c7ff;position:relative;overflow:hidden;z-index:2;}
.webBox .more::after{content:"";position: absolute;left:0;bottom:0;width:100%;background:#3269ff;border-radius:100%;height:100%;transform:scale(0);opacity:0;transition:all .7s;z-index:-1;}
.webBox .more:hover::after{transform:scale(1.6);opacity:1;}
.webBox2 .info{right:auto;left:0;}
.webBox2 .info p{height:140px;}
.webBox2 .pic{width:50%; text-align:center;}
.webBox4{padding-top:0;}

.coreAdv{border-top: 1px solid #e5e5e5;font-size:0.938em;}
.listTie{font-size:0.938rem;text-align:center;margin-bottom:40px;}
.listTie span{display: block;color:#131415;font-size:2.933em;position:relative;}
.coreAdv ul{margin:0 -1%;text-align:center;}
.coreAdv li{float:left;width:23%;box-shadow:0 0 10px #ccc;margin:0 1%;margin-bottom:30px;height:240px;padding-top:35px;color:#888;border-radius:10px;transition:all .5s;}
.coreAdv li span{display: block;font-size:1.333em;color:#191919;margin-bottom:10px;}
.coreAdv li i{display:inline-block;width:60px;height:60px;background: url('../images/coreIcon.png') no-repeat;margin-bottom:20px;transition:all .4s;}
.coreAdv li:nth-child(2) i{background-position: -60px 0;}
.coreAdv li:nth-child(3) i{background-position: -120px 0;}
.coreAdv li:nth-child(4) i{background-position: -180px 0;}
.coreAdv li:nth-child(5) i{background-position: -240px 0;}
.coreAdv li:nth-child(6) i{background-position: -300px 0;}
.coreAdv li:nth-child(7) i{background-position: -360px 0;}
.coreAdv li:nth-child(8) i{background-position: -420px 0;}
.coreAdv li:hover{background-image: linear-gradient(to right top,#0086e2 40%,#00a4d3);}
.coreAdv li:hover,.coreAdv li:hover span{color:#fff;transition:all .3s;}
.coreAdv li:hover i{background-position: 0 -60px;}
.coreAdv li:nth-child(2):hover i{background-position: -60px -60px;}
.coreAdv li:nth-child(3):hover i{background-position: -120px -60px;}
.coreAdv li:nth-child(4):hover i{background-position: -180px -60px;}
.coreAdv li:nth-child(5):hover i{background-position: -240px -60px;}
.coreAdv li:nth-child(6):hover i{background-position: -300px -60px;}
.coreAdv li:nth-child(7):hover i{background-position: -360px -60px;}
.coreAdv li:nth-child(8):hover i{background-position: -420px -60px;}

.process{background:url('../images/process_bg.jpg') no-repeat center;background-size:cover;background-position:center;background-attachment:fixed;color:#fff;text-align:center;font-size:0.938em;}
.listTie2,.listTie2 span {color:#fff;}
.listTie2 span::after{background:#fff;}
.processMain li{float:left;width:20%;padding:3% 2.5%;position: relative;}
.processMain li::after{content:"";position:absolute;left:0;bottom:0; width:100%;height:0; background-image: linear-gradient(to right top,#0086e2 40%,#00a4d3);z-index:-1;border-radius:10px;opacity:0;transition:all .5s;}
.processMain li i{font-family:"iconfont";font-style:normal;font-size:2.6rem;line-height:1.2;}
.processMain li h4{font-size:1.2em;font-weight:700;padding-top:10px;height:50px;border-bottom: 1px dashed #fff;margin-bottom:15px;}
.processMain li span{display:block;line-height:2;}
.processMain .btn,.seoBox6 .btn{position: static;background:#fff;width:40px;height:22px;line-height:22px;color:#333;margin:0 1px;display:none;}
.processMain .btn:hover,.seoBox6 .btn:hover{background:#0086e2;color:#fff;}
.processMain li:hover::after{height:100%;opacity:1;}

/*网站优化*/
.seoBox1{background: url('../images/seoBox1_bg.jpg');font-size:1em;}
.seoBox1 .container ul{margin:0 -1.5%;}
.seoBox1 .container li{float:left;width:30.3%;margin:0 1.5% 30px 1.5%;box-shadow:0 3px 8px #eee;}
.seoBox1 .container li .pImg{padding-top:100%;}
.seoBox1 .container li .txt{background:#fff;padding:25px;min-height:80px;text-align:center;}
.seoBox1 .container li h4{font-size:1.5em;color:#333;margin-bottom:10px;}
.seoBox1 .container li :hover img{transform: scale(1.1);}

.seoBox2{background:url('../images/seoBox2_bg.jpg') no-repeat center;background-size:cover; font-size:1em;color:#333;position:relative;padding-bottom:100px;}
.seoBox2 ul{width:45%;max-width:420px;margin-top:110px;}
.seoBox2 li{background:#fff;margin-bottom:55px;height:60px;line-height:60px;border-radius:5px;padding:0 5%;}
.seoBox2 li i{float:left;font-style:normal;color:#0086e2;font-weight:700;font-size:1.25em;margin-right:15px;}
.seoBox2 .pic{position: absolute;bottom:70px;left:50%;transform: translateX(-48%);max-width:40%;}

.seoBox3{background:url('../images/seoBox3_bg.jpg') no-repeat center;background-size:cover;}
.seoBox3 li{float:left;width:33.3%;text-align:center;padding:4%;min-height:260px;transition:all .4s;}
.seoBox3 li span{display: block;font-size:1.429em;color:#333;margin:10px 0;}
.seoBox3 li i{display: inline-block;background: url('../images/seobox3_icon.png') no-repeat;width:66px;height:66px;position: relative;top:0;transition:all .4s;}
.seoBox3 li:nth-child(2) i{background-position: -66px 0;}
.seoBox3 li:nth-child(3) i{background-position: -132px 0;}
.seoBox3 li:nth-child(4) i{background-position: -198px 0;}
.seoBox3 li:nth-child(5) i{background-position: -264px 0;}
.seoBox3 li:nth-child(6) i{background-position: -330px 0;}
.seoBox3 li:nth-child(7) i{background-position: -396px 0;}
.seoBox3 li:hover{box-shadow: 0 0 10px #ccc;}
.seoBox3 li:hover i{top:-15px;}

.seoBox4{background:url('../images/seoBox4_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; font-size:1.25em;color:#fff;}
.seoBox4 li{float:left;width:25%;text-align:center;margin:40px 0;}
.seoBox4 li i{display:inline-block;width:80px;height:80px;background: url('../images/seoBo4_icon.png') no-repeat;margin-bottom:15px;position: relative;top:0;transition:all .5s;}
.seoBox4 li:nth-child(2) i{background-position: -80px 0;}
.seoBox4 li:nth-child(3) i{background-position: -160px 0;}
.seoBox4 li:nth-child(4) i{background-position: -240px 0;}
.seoBox4 li:nth-child(5) i{background-position: -320px 0;}
.seoBox4 li:nth-child(6) i{background-position: -400px 0;}
.seoBox4 li:nth-child(7) i{background-position: -480px 0;}
.seoBox4 li:nth-child(8) i{background-position: -560px 0;}
.seoBox4 li:hover i{top:-8px;}

.seoBox5{background: url('../images/seoBox5_bg.jpg') no-repeat center;background-size:cover;}
.seoBox5 ul{margin:0 -2%;}
/*.seoBox5 li{float:left;width:31.3%;margin:0 1%;background:#fff;box-shadow:0 2px 10px #ddd;margin-bottom:40px;padding:30px 15px 15px 85px;min-height:170px;border-radius:10px;transition:all .5s;animation-fill-mode:inherit;}  lllxiugai*/
.seoBox5 li{float:left;width:10%;margin:0 1%;/*background:#f3f3f3;box-shadow:0 2px 10px #ddd;*/margin-bottom:40px;padding:10px 1px 10px 1px;min-height:50px;border-radius:10px;/*transition:all .5s;*/}
.seoBox5 li h4{font-size:14px;color:#191919;/*margin-bottom:10px;*/line-height: 35px;}
.seoBox5 li i{float:left;margin-left:-20px;width:75px;height:75px;background: url('../images/seoBox5_Icon.png') no-repeat; color:#e96523; font-size: 4.444em;
    line-height: 75px;
    font-family: Arial;
    font-weight: 400;font-style: normal; }
.seoBox5 li:nth-child(2) i{background-position: -48px 0;}
.seoBox5 li:nth-child(3) i{background-position: -96px 0;}
.seoBox5 li:nth-child(4) i{background-position: -144px 0;}
.seoBox5 li:nth-child(5) i{background-position: -192px 0;}
.seoBox5 li:nth-child(6) i{background-position: -240px 0;}
.seoBox5 li:hover{transform: scale(1.2);}


.seoBox1 .procontainer{ text-align:center; padding-bottom:35px;}
.seoBox1 .procontainer a{display: inline-block; color: #333; display: inline-block;line-height: 42px;height: 44px;box-sizing: border-box;border-radius: 22px;border:1px solid #959595;background: none;text-align: center;font-size: 18px;margin: 0 1%;text-transform: uppercase;width: 11.5%;box-sizing: border-box;vertical-align: top;margin-bottom: 15px;flex-direction:center;}
.procontainer a.on {
    color: #FFFFFF;  background-color:#de2522;
}
.seoBox6{background:url('../images/seoBox6_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; position: relative;text-align:center;}
.seoBox6::after,.seoProcess::after{content:"";position: absolute;left:0;top:208px;width:100%;height:1px;background:rgba(255,255,255,.3);}
.seoProcess::after{display:none;top:10px;}
.seoProcess {padding-top:60px;overflow:hidden;}
.seoBox6 li{float:left;width:20%;background:#fff;min-height:330px;position:relative;padding:25px;line-height:2;z-index:2;text-align:left;}
.seoBox6 li h4{font-size:1.429em;color:#0085e1;margin-bottom:10px;}
.seoBox6 li span{display: block;}
.seoBox6 li i{position: absolute;font-style:normal;right:25px;bottom:40px;font-weight:300;font-size:3.571em;opacity:.2;}
.seoBox6 li::after{content:"";position: absolute;left:50%;top:-60px;width:10px;height:10px;border-radius:100%;background:#fff;border:5px solid #495360;margin-left:-10px;transition:all .3s;}
.seoBox6 li::before{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#0085e1;z-index:-1;transition:all .5s;}
.seoBox6 li:hover::before{height:100%;}
.seoBox6 li:hover,.seoBox6 li:hover h4,.seoBox6 li:hover i{color:#fff;transition:all .3s;}
.seoBox6 li:hover::after{border-color: #0085e1;}

.seoBox7{padding:60px 100px;font-size:1em;}
.seoCase{padding:20px 0;overflow:hidden;border-radius:10px;}
.seoCase li{background:#fff;box-shadow:0 5px 15px #eee;}
.seoCase .pic{width:45%;height:460px;display:block;}
.seoCase .txt{width:55%;padding:4% 5%;}
.seoCase .txt h4{font-size:2em;padding-bottom:20px;margin-bottom:20px;position:relative;}
.seoCase .txt h4::after{content:"";position: absolute;left:0;height:3px;width:40px;bottom:0;background:#0085e1;}
.seoCase .txt h4 a{color:#191919;}
.seoCase .txt p{min-height:120px;margin-bottom:15px;line-height:1.8;}
.seoCase .txt li{box-shadow:none;}
.seoCase .num,.proShow_num{display: flex;flex-flow: row wrap; justify-content: space-between;}
.seoCase .num li,.proShow_num li{flex-grow:1;}
.seoCase .num span,.proShow_num span{display: block;font-size:2.5em;color:#0085e1;position:relative;}
.seoCase .num span::after,.proShow_num span::after{content:"+";position: absolute;font-size:20px;bottom:8px;margin-left:6px;}
.seoCase .btn{width:50px;height:50px;background:#f4f4f4;border-radius:100%;color:#333;line-height:50px;text-align:center;font-family:"simsun";font-size:20px;font-weight:bold;top:52%;}
.seoCase .btn:hover{background:#0085e1;color:#fff;}
.seoBox7 .more{display:block;width:180px;height:46px;line-height:46px;background:#0085e1;color:#fff;margin:0 auto;text-align:center;margin-top:40px;border-radius:5px;}
.seoBox7 .more:hover{width:260px;background:#006eba;}
.seoBox7 .swiper-pagination{top:auto; bottom:130px;max-width:300px;left:50%;margin-left:-150px;}
.proShow_num{margin-bottom:40px;}
/*关于我们*/
.aboutBan{height:820px;color:#fff;padding-top:290px;background-attachment: fixed;}
.aboutBan .info{width:52%;font-size:0.938em;line-height:1.8;}
.aboutBan .info h3{font-size:2em;margin-bottom:30px;line-height:1.4;}
.aboutBan .info h3 span{display: block;font-size:1.333em;font-weight:700;}
.aboutBan .info p{margin-bottom:20px;}
.aboutBan .num{width:32%;overflow:hidden;}
.aboutBan .num li{float:left;width:50%;padding-left:30px;border-left: 1px solid rgba(255,255,255,.3);margin:20px 0 50px 0;}
.aboutBan .num li span{display:block;font-size:5em;line-height:1;font-family:Arial;font-weight:700;letter-spacing:-4px;position:relative;}
.aboutBan .num li span::after{content:"+";position: absolute;font-size:20px;font-weight:400;}

.culture{background:#f5f5f5 url('../images/bghome.png') no-repeat center;padding:60px 0;background-size:cover; margin:50px auto;}
.culture ul{margin:0 -1%;font-size:1.286em;padding-top:30px;}
.culture li{float:left;width:23%;margin:0 1%;text-align:center;border:1px solid #313131;padding:40px 2%;line-height:1.8;position:relative;transition:all .4s;top:0;}
.culture li i{font-family:"iconfont";font-style:normal;font-size:3rem;line-height:1;margin-bottom:15px;display: block;}
.culture li h4{position: absolute;top:-30px;left:50%;font-size:1.667em;margin-left:-50px;background:#f5f5f5;padding:0 25px;}
.culture li:hover{box-shadow:0 5px 15px #ddd;background:#f5f5f5;top:-10px;}

.aboutView{margin:100px auto 40px auto; background: url('../images/view_bg.jpg') no-repeat center;background-size: cover;background-attachment: fixed;color:#fff;padding:4% 5%;line-height:1.8;}
.aboutView h3{font-size:2.5em;margin-bottom:20px;line-height:1.4;}
.aboutView .btn{margin-top:30px;}
.aboutView .btn a{display:inline-block;height:46px;line-height:46px;color:#fff;padding:0 35px;border:1px solid #fff;border-radius:23px;margin-right:30px;}
.aboutView .btn a:hover{box-shadow:0 0 10px #fff inset;}

.partner ul{padding-left:1px;padding-top:1px;}
.partner li{float:left;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;width:14.28%;position:relative;animation-fill-mode:inherit;transition:all .5s;}
.partner li .pImg{padding-top:54%;}
.partner li:hover{transform: scale(1.1);z-index:2;box-shadow:0 0 6px #ccc;}
.partner li.txt:hover{transform: scale(1);box-shadow:0;}

/*观点分享*/
.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-40px;overflow:hidden;}
.newsList li{float:left;padding-right:40px;width:33.3%;margin-bottom:40px;}
.newsList li a{display:block;color:#777;background:#fff;padding:5%;box-shadow:0 3px 10px #e5e5e5;}
.newsList li .pImg{padding-top:65%;margin-bottom:15px;}
.newsList li h3{font-size:1.231em;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li p{height:70px;margin:15px 0;border-bottom: 1px solid #d9d9d9;position: relative;}
.newsList li p::after{content:"";position: absolute;left:0;bottom:-1px;background:#0086e2;width:100%;height:1px;transform: scale(0,1);transform-origin:right;transition:transform .5s;}
.newsList li i{font-style:normal;font-family:"iconfont";float:right;font-size:1.286rem;line-height:1;color:#0086e2;margin-right:-30px;opacity:0;transition:all .5s;}
.newsList li a:hover p::after{transform: scale(1);transform-origin:left;}
.newsList li .date{color:#999;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#0086e2;}
.newsList li a:hover i{margin-right:0;opacity:1;}
.newsList li a:hover{box-shadow:0 3px 10px #ddd;}

/*  新闻详情 */
.newsShow {background:#fff;padding:50px 40px;overflow:hidden;position: relative;margin-top:-60px;z-index:5;}
.newsShow .tie{font-size:2em;color:#333;margin-bottom:15px; text-align:center; border-bottom:1px solid #E3E3E3; padding-bottom:15px;}
.newsShow .top{overflow:hidden;padding-bottom:15px;margin-bottom:30px;border-bottom: 1px dotted #b3b3b3;}
.newsShow .top .fr{margin-top:8px;}
.proShow_box{font:15px/35px "Microsoft YaHei","微软雅黑","宋体",Arial;}
.showPage{border-top:1px solid #ddd;padding-top:40px;margin-top:30px;}
.showPage p{margin-bottom:10px;}
.showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;}
.showPage .back i{position:relative;margin-right:8px;font-size:1rem;}
.showPage .back:hover{background:#0086e2;color:#fff;}
.relatedNews{background:#fff;margin:20px auto;padding:30px 40px;}
.relatedNews .tie{font-size:1.5em;color:#333;margin-bottom:20px;}
.relatedNews ul{margin-right:-25px;}
.relatedNews li{float:left;width:25%;padding-right:25px;text-align:center;}
.relatedNews li .pImg{padding-top:65%;}
.relatedNews li p{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.relatedNews li:hover img{transform: scale(1.1);}
.relatedNews2{margin-bottom:60px;}

/* 图片列表 */
.course{padding-left:340px;}

.courseR .pic img{float:left;width:33.3%;padding-right:1px;}
.courseR li{border-bottom: 1px dotted #d6d6d6;padding:40px 0 40px 125px;overflow: hidden;font-size:1.143em;color:#333;transition:all .4s;}
.courseR li h2{font:700 16px/28px "Microsoft YaHei","微软雅黑","宋体",Arial; margin:0px; padding:0px;     margin-block-start: 0em;    margin-block-start: 0em;
    margin-block-end: 0em;}
.courseR li h2 a{ color:#000;}
.courseR li h2 a:hover{ color:#ff6637;}
.courseR li p{font:15px/26px "Microsoft YaHei","微软雅黑","宋体",Arial;}
.courseR li p a{ color:#333;}
.courseR li p a:hover{ color:#333;}
.courseR li .date{margin-left:-125px;width:90px;height:90px;border:4px solid #cecece;padding:10px;font-size:14px;float:left;display:block;line-height:1.2;color:#bbb;transition:all .4s; text-align:center;}
.courseR li .date i{display:block;font-style:normal;font-size:2.4em;font-family:Arial;font-weight:bold; text-align:center;}
.courseR .txt{vertical-align: middle;display: table-cell;height:90px;}
.courseR li:hover .date{border:4px solid #e6212a;color: #e6212a;}
.courseR li:hover{background:#f9f9f9;}
.page-sumshow{font:15px/26px "Microsoft YaHei","微软雅黑","宋体",Arial; color:#333; width:100%; text-align:center; padding:20px 0px;}
.page-sumshow a{ color:#333;}
/*联系我们*/
.contactCon{background:#fff;overflow:hidden;background:#fff;position: relative;top:-80px;padding-bottom:50px;}
.contactTel li{float:left; width:50%;height:340px;padding-top:90px;padding-left:5%;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; font-size:1.25em;line-height:1.2;color:#888;transition:all .5s;position: relative;}
.contactTel li::after{content:"";position: absolute;left:0;width:0; bottom:-1px;height:2px;background:#0086e2;transition:all .5s;}
.contactTel li i{font-family:"iconfont";font-style:normal;font-size:2.5rem;margin-bottom:30px;color:#333;display: block;}
.contactTel li h4 span{font-size:2.5em;display: block;font-family:Arial;color:#333;font-family:'Bebas';margin-bottom:-10px;}
/* .contactTel li:nth-child(1) {border-bottom: 2px solid #0086e2;background: url('../images/contact_tel.jpg');}
.contactTel li:nth-child(1) span,.contactTel li:nth-child(1) i{color:#0086e2;} */
.contactTel li:hover span,.contactTel li:hover i,.contactTel li:hover{color:#0086e2;transition:all .5s;}
.contactTel li:hover{background: url('../images/contact_tel.jpg');}
.contactTel li:hover::after{width:100%;}


.contactBox{padding:60px 50px;display: flex;flex-flow:row wrap;justify-content: space-between;}
.contactBox li{flex-grow: 1;text-align:center;color:#111;}
.contactBox li i{font-family:"iconfont";font-style:normal;color:#888;font-size:2.5rem;line-height:1;margin-bottom:15px;display:block;}
.contactBox li span{display:block;color:#888;font-size:1.143em;margin-bottom:5px;}
#dituContent{height:540px;margin:0 50px; filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}