@charset "utf-8";
*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, .head, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-teht-size-adjust: 100%; -ms-teht-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#666666;  width: 100%; height: 100%; overflow: hidden;}
body{overflow-x:hidden}
article, aside, details, figcaption, figure, footer, .head, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* strong,i,em,b{ font-style:normal; font-weight:normal; } */
img { border:0; display: block;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; teht-shadow: none; }
::selection { background: #ebb112; color: #fff; teht-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#666666; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { teht-decoration: none; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.w1300{ width:1300px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mb40{margin-bottom: 40px !important;}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 



.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}


.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.ml20{margin-left: 20px;}
.index-table{display: table;  height: 100%; width: 100%;}
.index-cell{display: table-cell;
    vertical-align: middle;

}
.weui-cell_bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

header{background: #ffffff; /*-webkit-box-shadow:0 0 10px 1px #d0d0d0;  
  -moz-box-shadow:0 0 10px 1px #d0d0d0;  
  box-shadow:0 0 10px 1px #d0d0d0;*/}
.container2{max-width: 1200px; margin: 0 auto; /*padding: 0 2%;*/ box-sizing: border-box;}
.container-index{max-width: 1800px; margin: 0 auto;padding: 0 2%;  box-sizing: border-box;}
header .box{display: flex; display: -webkit-flex; align-items: center; height: 80px; align-content: space-between;}
header .navs{text-align: right; position: relative;padding:0 2% 0 11%; height:80px; line-height:80px;}
header .navs ul{display: flex; display: -webkit-flex; justify-content:space-between;}
header .navs li{ /* margin-left: 2vw;*/  padding:0 25px; font-size: 16PX;  float:left; color: #333333;  transition: all .3s ease-in-out;position:relative;}
header .navs li a.top_a { display: block;  position: relative; width:100%;  font-size: 16PX;  color: #333333; height: 80px; line-height:80px; transition: all .3s ease-in-out;}
header .navs li a.top_a::before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0;
background: #db3938; height: 2px; width: 100%; transition: all 0.6s; transform: scale(0);}
header .navs li a.top_a:hover::before{ transform: scale(1);color:#db3938;}

header .tel img{display: inline-block; vertical-align: middle;}
header .tel{font-size: 26px; color: #db3938; font-family: "DIN"; margin-left:3vw}
header .navs a:hover{color: #3d3870;}
header .navs a.nav_on{color:#3d3870;}
header .navs li:hover .subnav{  display:block; }
.subnav{ position: absolute; top: 74px; left: -15%; right: 0; width:130%;   padding: 5px 0; border-radius: 0 0 5px 5px; background: rgba(255,255,255,0.8); display:none; z-index:999; }
.subnav a{ display: block; text-align: center; color: #565656; height:45px !important; line-height:45px !important; font-size: 14px !important;  transition: all 1s;}
.subnav b{ position: absolute; top: -70px; border-top: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; z-index: 3333;
border-right: 10px solid transparent; transition: all 1s; opacity: 0; left: 50%; transform: translateX(-50%); display: block; height: 55px; width: 55px;}
.navbar li:hover .subnav{ transform: none; visibility: visible; opacity: 1;}


/*面包屑*/
.breadcrumb{  background: #fff;}
.breadcrumb ul{ display: flex; justify-content: center; align-items: center;}
.breadcrumb li{ padding:0 50px; height: 50px;}
.breadcrumb li a{ display: block; color: #000; font-size: 16px;  position: relative; height: 50px; line-height: 50px;}
.breadcrumb li a::before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0;
background: #db3938; height: 2px; width: 100%; transition: all 0.6s; transform: scale(0);}
.breadcrumb li:hover a::before,.breadcrumb li.on a::before{ transform: scale(1);color:#db3938;}


.idxwrapper{height: 100vh;}
.idxbanner{height: 100vh;}
.idxbanner .bannerbg{position: relative;height: 100%}
.idxbanner .pcbanner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 0;background-size: cover;}
.idxbanner .bannerbg .container{position: absolute;left: 0;right: 0;top: 0;bottom: 0;} 
.idxbanner .banner-txt{position: relative;z-index: 2;}
.idxbanner .banner-txt .h1{font-size: 65px;color: #fff; padding-bottom: 20px ; font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}
.idxbanner .banner-txt .h2{font-size: 32px;color: #fff;margin-top:40px;  font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}
.idxbanner .banner-txt .h3{font-size: 22px;color: #fff;margin-top:40px;  font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}
.idxbanner .banner-txt .more{margin-top:40px; display:  block; width: 160px; background: #ffffff; text-align: center; color: 141418; height: 45px; line-height: 45px; font-size: 16px;}
.banneritem{width: 25%;height: 100%;display: inline-block;position: relative;overflow: hidden; -webkit-transition: all .5s ease;transition: all .5s ease;letter-spacing: .8px;}
.banneritem .ban_img{width:100vw;height: 100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center top;}
.banneritem1 .ban_img {left: 0;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.banneritem2 .ban_img {left: -100%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.banneritem3 .ban_img {left: -200%;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.banneritem4 .ban_img {left: -300%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
@-webkit-keyframes four_blocks{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes four_blocks{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
.idxbanner .swiper-slide-active .ban_img{animation: four_blocks 3s 1;-webkit-animation: four_blocks 3s 1;}
.idxbanner .swiper-slide-active .banner-txt{animation: fadeInUp 1.5s ;-webkit-animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idxbanner .mbanner{height: 100%;background-size: cover;background-position: center;}
.startbox{position: absolute;z-index: 9999;left: 0;top: 0;font-size: 0;width: 100%;height: 100%;}
.startbox .item{background: #1b1d1f;width: 25%;height: 100%;display: inline-block;vertical-align: top;position: relative;overflow: hidden;transition: all .5s ease;}
.startbox span{position: absolute;top: 0;width: 1px;background: #494b4c;-webkit-transition: height .5s ease;transition: height .5s ease;height:0;}
.startbox span:nth-child(5){left: 25%}
.startbox span:nth-child(6){left: 50%}
.startbox span:nth-child(7){left: 75%}
.startbox .item1{transition-delay: .5s;-webkit-transition-delay: .7s;}
.startbox .item2{transition-delay: .6s;-webkit-transition-delay: .9s;}
.startbox .item3{transition-delay: .7s;-webkit-transition-delay: 1.1s;}
.startbox .item4{transition-delay: .8s;-webkit-transition-delay: 1.3s;}
.startbox.line span:nth-child(5){transition-delay: 0s;-webkit-transition-delay: .2s;}
.startbox.line span:nth-child(6){transition-delay: .1s;-webkit-transition-delay: .4s;}
.startbox.line span:nth-child(7){transition-delay: .2s;-webkit-transition-delay: .6s;}
.startbox.on .item{height: 0}
.startbox.line span{height: 0}
.startbox.lineOn span{height:100%}
.idx-scroll{font-size: .14rem;color: #fff;position: absolute;bottom:55px;left: 50%;transform: translateX(-50%);z-index: 3;transition: all .3s ease-in-out}
.idx-scroll:before{content:"";width:3px;height:12px;background: #fff;position: absolute;bottom:-25px;left: 50%;margin-left:-1.5px;-webkit-animation: fadedown 2s infinite;animation: fadedown 2s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.idx-scroll:after{content:"";background: rgba(255,255,255,.2);height: 42px;position: absolute;left: 50%;margin-left: -.5px;bottom: -55px;width: 1px;-webkit-animation: fadedown 2s .3s infinite;animation: fadedown 2s .3s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.idxwrapper .idxbanner .swiper-pagination{width: auto;right:2vw;left: auto;bottom: 50%;transform: translateY(50%);}
.idxwrapper .idxbanner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;border:1px solid #fff;opacity: 1;display: block;background: none;margin:10px 0;}
.idxwrapper .idxbanner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.idx-scroll.on{color: #333}
.idx-scroll.on:before{background: #7f7f7f}
.idx-scroll.on:after{background: rgba(0, 0, 0,.2)}

/*
.index1{margin-top: 4%; margin-bottom: 4%;}
.itembox{display: flex; display: -webkit-flex; justify-content: space-between;}
.index1 .idx1txt{width: 55%;}
.index1 .idx1txt {display: flex; display: -webkit-flex; justify-content: space-between;  flex-wrap: wrap; }
.index1 .idx1txt li{width: 47%; border: 1px solid #f0eff4; padding: 40px;box-sizing: border-box; position: relative; margin-bottom: 6.5%; -webkit-box-shadow:0 0 3px 1px #eeedff;  
  -moz-box-shadow:0 0 3px 1px #eeedff;  
  box-shadow:0 0 3px 1px #eeedff; transition: all 0.6s;}
.index1 .idx1txt li h2{color: #3d3972; font-size: 30px; margin-bottom: 20px;  transition: all 0.6s;}
.index1 .idx1txt li::before{position: absolute; content: ""; width: 4px; height: 30px; background: #3d3972; left: 0;}
.index1 .idx1txt li p{color: #333333; font-size: 24px;  transition: all 0.6s;}
.index1 .idx1txt li b{color: #db3938;  transition: all 0.6s;}
.index1 .idx1txt li:hover{transform: translateY(10px); background: #3d3972;}
.index1 .idx1txt li:hover p{color: #ffffff; }
.index1 .idx1txt li:hover p b{color: #ffffff;}
.index1 .idx1txt li:hover h2{color: #ffffff; }
*/
.index1{margin-top: 4%; margin-bottom: 4%;}
.itembox{display: flex; display: -webkit-flex; justify-content: space-between;}
.index1-title{text-align: center; font-size: 36px; color: #333333; margin-bottom:80px;}
.index1-title h3{color:#484848;}
.index1-title h3 i{color:#3d3972; font-style:normal;}
.index1 .idx1txt{width: 100%;}
.index1 .idx1txt {display: flex; display: -webkit-flex; justify-content: space-between;  flex-wrap: wrap; }
.index1 .idx1txt li{width: 24%; border: 1px solid #f0eff4; padding:30px 20px;box-sizing: border-box; position: relative; margin-bottom: 40px; -webkit-box-shadow:0 0 3px 1px #eeedff;  
  -moz-box-shadow:0 0 3px 1px #eeedff;  
  box-shadow:0 0 3px 1px #eeedff; transition: all 0.6s; text-align: center;}
.index1 .idx1txt li h2{color: #333333; font-size: 22px; margin-bottom: 10px;  transition: all 0.6s;}
/* .index1 .idx1txt li::before{position: absolute; content: ""; width: 4px; height: 30px; background: #3d3972; left: 0;} */
.index1 .idx1txt li p{color: #666666; font-size: 14px;  transition: all 0.6s;}
.index1 .idx1txt li b{color: #db3938;  transition: all 0.6s;}
.index1 .idx1txt li span{font-size: 14px; width: 120px;  transition: all 0.6s; height: 35px; line-height: 35px; display: block; margin: 0 auto; border: 1px solid #d8d8d8; margin-top: 20px;}
.index1 .idx1txt li:hover{transform: translateY(10px); }
.index1 .idx1txt li:hover span{color: #ffffff; background: #3d3972; }
.index1 .idx1txt li .img{height: 80px;}
.index1 .idx1txt li .img img{ display: block; margin:0 auto 0; height: 65px;}



.index-more{background: #3d3972; height: 60px; line-height: 60px; text-align: center; width: 100%; border-radius: 5px; font-size: 22px;}
.index-more a{color: #ffffff;}

.idx1img{width: 40%; overflow: hidden;-webkit-box-shadow:0 0 10px 1px #eeedff;  
  -moz-box-shadow:0 0 10px 1px #eeedff;  
  box-shadow:0 0 10px 1px #eeedff;  }
.idx1img img{display: block; max-width: 100%; max-height: 100%; width: 100%; height: 100%;}




.index2{background: #f7f8fa; padding: 60px 0 0; }
.index-title h3{font-size: 22px; color: #3d3972; font-weight: bold;}
.index-title{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.index-title a{border:1px solid #3d3972; color: #3d3972; font-size: 12px; text-align: center; border-radius: 15px; padding: 0 8px; position: relative;}
/*.index-title a::after{position: absolute; content: ""; width: 30px; height: 30px; background: #db3938; border-radius: 50%; right: 0;}*/

.idx2list{padding-top: 40px; padding-bottom: 60px;}
.idx2list li{width: 32%;background: #ffffff; padding: 25px;  margin-left: 2%; transition: all 0.5s;}
.idx2list li .img img{display: block; max-width: 100%; max-height: 100%; margin: 0 auto; width: 100%;}
.idx2list li .text{margin-top: 30px;}
.idx2list li .text h4{color: #333333; font-size: 22px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.idx2list li .text p{color: 666666; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.idx2list li .text p.ny{color: 666666; word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; height:115px;}
.idx2list li .text span{ background:url(../images/jiantou.png) no-repeat center right; color: #db3938; font-size: 12px; font-weight: bold; display: block; text-transform: uppercase; margin-top: 20px;}
.idx2list li:nth-child(3n+1){margin-left: 0;}
.idx2list li:hover{ -webkit-box-shadow:0 0 20px 1px #eec6ca;  
  -moz-box-shadow:0 0 20px 1px #eec6ca;  
  box-shadow:0 0 20px 1px #eec6ca;}



.index3{padding-bottom: 60px;}
.picMarquee-left{padding: 60px 0; box-sizing: border-box;overflow: hidden}
.picMarquee-left .tempWrap{height:180px !important;}
.idx3list li{ text-align: center;  width: 20%; border: 1px solid #eeedff; padding: 20px; box-sizing: border-box; margin-left: 1%; }
 
.idx3list li .img{height: 95px;}
.idx3list li img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}
.idx3list li p{font-size: 18px; color: #141418; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.index-more2{border:2px solid #db3938; transition: all 0.3s; border-radius: 5px; text-align: center; width: 180px; height: 55px; line-height: 55px; margin: 0 auto;}
.index-more2 a{color: #db3938;}
.index-more2:hover{background: #db3938;}
.index-more2:hover a{color: #ffffff;}


.index-footer{background: #2a2a2a; padding: 50px 0 0;}
.index-footer .center{padding:0;}
.index-footer .box .left{width: 30%; margin-right: 3%;border: none;}
.index-footer .box .left .img{padding-bottom: 40px;}
.index-footer .box .left p{color: #aaaaaa; font-size: 15px;}
.index-footer .box .center{width: 35%;}
.index-footer .box .center li{text-align: center; width: 33%; float: left; font-size: 16px; margin-bottom: 20px;}
.index-footer .box .center li a{color: #aaaaaa;}
.index-footer .box .right{width:310px; color: #aaaaaa;}
.index-footer .box .right p{margin-bottom: 10px;color:#aaa;}
.index-footer .box .right h3{color: #ffffff; font-size: 30px; font-family: arial; margin-bottom: 10px;}
.index-footer .bottom{border-bottom: 1px solid #515151; border-top: 1px solid #515151; height: 65px; line-height: 65px; margin-top: 40px;}
.index-footer .bottom p{color: #aaaaaa;}
.index-footer .bottom a{color: #aaaaaa;}
.index-footer .box .center li:hover a{color: #ffffff;}

/*内页banner*/
.neibanner{width:100%;}
.neibanner img{margin:0 auto; width:100%;height:auto;display:block;}
.inner{width:1200px; margin:0 auto;}
.Ainside{ width:100%; overflow:hidden; margin-top:0; position:relative;}
.Ainside .slick{ width:100%; overflow:hidden; position:relative;}
.Ainside .slick .hegda{ overflow:hidden;}
.Ainside .slick .hegda img{ display:block; width:100%;}
.Ainside .slick .wenzi{ position:absolute; top:120px; left:0; right:0; z-index:20;filter:alpha(opacity=80);opacity:0.8;}
.Ainside .slick .wenzi span{ display:block; width:30px; height:2px; background:#000000;}
.Ainside .slick .wenzi h3{ display:block; color: #000000; font-size:36px; padding-top:50px; margin-left: -5px;}
.Ainside .slick .wenzi p{ color:#000000; font-size:16px; padding-top:40px;  line-height:30px; width: 700px;}
.clounm{ width:100%;}
.clounm .back{ width:100%; height:55px;}
.clounm .back .home{ width:50px; height:55px; overflow:hidden;  cursor:pointer;}
.clounm .back .home a{ display:block; padding:15px;}
.clounm .back .home a span{ display:block; width:20px; height:20px; overflow:hidden; background:url(../images/icon.png) 0 -102px no-repeat;}

.clounm .back .aljie{ width:1150px; overflow:hidden; line-height:25px;}
.clounm .back .aljie a{ display:block; padding:14.5px 0; margin: 0 40px; float:left;font-size: 16px; margin-right:1px;   position: relative;}
/* .clounm .back .aljie a::before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0; */
/* background: #db3938; height: 2px; width: 100%; transition: all 0.6s; transform: scale(0);} */
.clounm .back .aljie a:hover::before{ transform: scale(1);color:#db3938; }
.clounm .back .aljie a:hover{color:#db3938; }
.clounm .back .aljie a.on{color:#db3938;}
.clounm .back .aljie a.on{border-bottom:2px solid #db3938;}

/*面包屑*/
.breadcrumb{  background: #fff;}
.breadcrumb ul{ display: flex; justify-content: center; align-items: center;}
.breadcrumb li{ padding:0 50px; height: 50px;}
.breadcrumb li a{ display: block; color: #000; font-size: 16px;  position: relative; height: 50px; line-height: 50px;}
.breadcrumb li a::before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0;
background: #db3938; height: 2px; width: 100%; transition: all 0.6s; transform: scale(0);}
.breadcrumb li:hover a::before,.breadcrumb li.on a::before{ transform: scale(1);color:#db3938;}

/*内页*/
.h100{height: 80px;}
.h72{height: 52px;}
.position-weizhi{padding: 10px 0; color: #ffffff; box-sizing: border-box; background: #2252ca;}
.position-weizhi img{display: inline-block; vertical-align: sub; margin-right: 10px;}
.position-weizhi a{color: #ffffff;}



.page-main{padding-top: 40px; background: #f0f2f5; padding-bottom: 0;}
.z_main_left{width: 20%; margin-bottom: 2em; }
.sidebar{ width:100%; margin-right:30px;  margin-bottom: 2em;}
.sidebar_title{ width:100%; padding:10px 28px; box-sizing: border-box; background:url(../images/page-pronav-bg.jpg) no-repeat center top; text-align:center; color:#ffffff; background-size: cover;}
.sidebar_title h2{ font-size:20px; font-weight:normal;color: #fff;}
.sidebar_title p{ color: #fff;}
.i-menu{background: #fff; border: 1px solid #fff;}
.i-menu li a{display:block;  overflow:hidden;  color: #666666; line-height:40px;  padding: 8px 30px; border-bottom: 1px solid #EEEEEE;
font-size: 18px; margin-bottom:1px; background:url(../images/jt1.png) no-repeat right center; display: flex; display: -webkit-flex; align-items: center;}
.i-menu .li-light a{ color:#2252ca; background:url(../images/jt2.png) no-repeat right center;}
.i-menu .li-light a:hover{text-decoration:none; }
.i-menu li a span{display: inline-block; width: 10px; height: 10px; border: 1px solid #888888; transform: rotate(45deg); margin-right: 20px;}

.saub {display:none;} 
.li-light .saub{display:block; font-size:14px;} 
/* .li-light .saub a{background:none !important; line-height:25px !important; font-size:16px !important;} */


.Contact_tel{text-align: center; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #fff; }
.Contact_tel .top{line-height: 33px; font-size: 16px;margin: 10px 0;}

.Contact_tel .bottom img{margin-right: 10px;}
.Contact_tel .bottom p{line-height: 55px;font-size: 18px; border-bottom: 1px dashed #d8d8d8; padding: 5px 0;  display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.Contact_tel .bottom p b{color: #ff0000; font-family: arial; font-size: 20px;}
.Contact_tel p:last-child{border-bottom: none;}



.z_main_right{ width:100%;  margin-bottom: 50px; background: #fff}

.shang-info{width: 100%; padding: 8px 0 25px 0; box-sizing: border-box; display: flex; justify-content: space-between;}
.shang-info-img{width: 360px;height:450px;   overflow: hidden;/* background: #ffffff;*/ display: flex; align-items: center; padding: 10px; box-sizing: border-box;}
.shang-info-img img{width: 100%;}
.shang-info-text{width: 65%; margin-left: 45px;}
.shang-info-text h1{font-size: 24px;border-bottom: 1px #e0e0e0 solid; color: #141418;  padding: 20px 0;}
.text-p{font-size: 14px !important; color: #666666; line-height: 32px;}
.shang-info-text p{ font-size: 14px; color: #666666; line-height: 32px; margin-top: 10px;}
.shang-info-text dl{width: 100%;display: block;margin-top: 20px;}
.shang-info-text dl dd {   display: inline-block;   float: left;   margin-right: 15px;}
.shang-info-text dl dd a {   display: block;    font-size: 16px;   color: #fff;   padding: 0 40px;   line-height: 40px;   background: #1ca45d;}
.shang-info-text dl dt{position: relative;}
.shang-info-text dl dt em {   display: none;   position: absolute;   bottom: 6px;   width: 160px; left: 159px;}
.shang-info-text dl dt a.weixin {  position: relative;   border: none;    display: block;    display: inline-block;    float: left;    padding: 0 40px;    line-height: 40px;    background: #8fa35c; 
  font-size: 16px;   color: #fff;    cursor: pointer}
.shang-info-tel{font-size: 18px; margin: 30px auto;}
.shang-info-tel b{color: #db3937; font-size: 26px; font-weight: bold;  font-family: arial; }
.shang-info-form .tex{width: 330px; height: 45px; line-height: 45px; background: #ffffff; text-indent: 20px; border: 1px solid #eeeeee;}
.shang-info-form .sub{background: #db3937;border: none; color: #ffffff;  height: 45px; line-height: 45px;  width: 100px; cursor: pointer;}
.shang-info-bottom{width: 100%; margin: 0 auto;}
.shang-info-bottom .bati{background: #f1f1f1; height: 45px; line-height: 45px; margin-bottom: 20px;}
.shang-info-bottom .bati i{display: block; background: #2252ca; width: 185px; text-align: center; color: #ffffff; font-style: normal; font-size:16px;}

/*点击页面*/
.page-warrper{width: 80%; margin: 0 auto; ;}
.displayTitle {margin: 20px auto;}
.displayTitle h2{ font-size:23px; font-weight:normal; color:#333333; text-align: center;}
.dianji_num{ font-size:15px; color:#666666; margin:23px auto; text-align: center; height: 33px; line-height: 33px;}
.dianji_num .clearfix{text-align: center; margin: 0 auto 0 100px;}
.dianji_num span{display: inline-block; margin-right: 20px; }
.displayMain{ padding:10px 0; line-height:30px;  overflow:hidden;font-size:15px; color:#666666; }
.displayMain p{ font-size:15px; color:#666666; text-align:left; margin-bottom: 30px;}
.displayMain img{ margin:5px auto; }
.share{ border-top:1px dotted #cccccc; margin-top:40px; margin-bottom:20px; padding-top:25px;}
.share_l{ width:560px; color:#666666;}
.share_l li{ height:35px; line-height:35px; overflow:hidden; margin-right: 1em;}
.share_l li a{ color:#666666; font-size:16px;}
.share_l li a:hover{ color:#172a7e;}
.share_r{ margin-top:10px;}
.share_r span a{ background:#EDEDED; width:100px; height:45px; color:#666666; display:block; text-align:center; line-height:45px; font-size:16px;}

.z_content{ padding: 20px 35px;}
.z_content .z_about{color:#666666; font-size:15px; line-height:30px;}
.z_display{padding-top: 10px;}

.index-pingtai{padding: 30px 0 0;}
.index-pingtai .title h3{color: #141418; font-size: 40px; margin-bottom: 40px; letter-spacing: 2px;}
.index-pingtai .title p{color: #666666; font-size: 18px; font-family: arial; text-transform: uppercase; margin-bottom: 30px;}


.index-pingtai-list{margin-top: 0;}
.index-pingtai-list li {width: 20%; border: 1px solid #cccccc; height: 40px; line-height: 40px; overflow:hidden ; display: flex; display: -webkit-flex; float: left; margin-left: 2%;}
.index-pingtai-list li i{background: #2252ca; width: 40px; height: 40px; display: inline-block;}
.index-pingtai-list li i img{display: block; margin: 5px auto 0;}
.index-pingtai-list li input{border: none; padding-left: 15px;}
.index-pingtai-list li.li2{background: #2252ca; text-align: center; border: none;}
.index-pingtai-list li.li2 a{color: #ffffff;}
.index-pingtai-list li a{display: block; text-align: center; width: 100%; }
.index-pingtai-list2 { text-align: center; margin-top: 45px; margin-bottom: 35px;}
.index-pingtai-list2 li{display: inline-block; margin: 0 20px; opacity: 0.6; transition: all 0.5s; position: relative;}
.index-pingtai-list2 li img{ display:block; margin: 0 auto;}
.index-pingtai-list2 li:hover{opacity: 1;}
.index-pingtai-list2 li.on .erweima{position: absolute; bottom: -130px; width:120px; height: 120px; display: none; transition: all 0.6s;}
.index-pingtai-list2 li.on .erweima img{display: block; width: 100%; height: 100%;}
.index-pingtai-list2 li.on:hover .erweima{display: block;}

.index-list2 {margin-top: 30px; padding-bottom: 40px;}
.index-list2 li{float: left; width: 32%; margin-left: 2%; margin-bottom: 2.5%; transition: all 0.5s;  box-sizing: border-box; }
.index-list2 li .img{ overflow: hidden;}
.index-list2 li img{display: block; max-height: 100%; max-width: 100%; width: 100%; margin: 0 auto;}
.index-list2 .text{text-align: center; }
.index-list2 .text h2{color: #333333; font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.index-list2 li:nth-child(3n+1){margin-left: 0;}
.index-list2 li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15); background: #ffffff; }

.link{/* padding:25px 0;*/ overflow:hidden;}
.link .hd{ width:100px; float:left; color:#fff; overflow:hidden;}
.link .hd span{ display:block; position:relative; /*padding-left:22px;*/color:#2a2a2a; }
.link .hd span i{ display:block; width:14px; height:14px; position:absolute; left:0; top:8px; /*background:url(../images/icon.png) -180px -7px no-repeat;*/}
.link .bd{ width:80% !important;  float:left; overflow:hidden;}
.link .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.link .bd ul{ overflow:hidden; zoom:1; }
.link .bd ul li{ display:block; float:left; color:#fff; overflow:hidden; width:auto !important;padding:0 10px;}
.link .bd ul li a{ display:block; color:#2a2a2a; margin-right:40px;}		
/*产品*/
.news-sec1 {}
.news-sec1 .div1{ display: flex; border-bottom:1px solid #e8e8e8; /*box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); margin: 35px 0;*/ padding: 100px 0; align-items: center;}
/* .news-sec1 .p1{ color: #000000; font-size: 16px;} */
.news-sec1 .p2{ color: #565656; font-size: 26px; line-height: 36px; height: 36px; overflow:hidden;}
.news-sec1 .p3{ color: #888888; font-size: 16px; line-height: 40px; margin: 20px 0; height: 120px; overflow: hidden;}
.news-sec1 a.more{ width: 154px;height: 40px;border: solid 2px #023b98; display: block; line-height: 40px; text-align: center; color: #023b98; font-size: 16px;
transition: all 0.6s; box-sizing: content-box;}
.news-sec1 .left{ max-width: 600px;}
.news-sec1 .right{ max-width: 600px; width: 100%;}
.news-sec1 .right img{ display: block; width: 495px; height: auto;}
.news-sec1 a:hover{ transform: translateX(10px);}

/*dibu*/

.index-footer .box .center{width: 52%;}
.index-footer .box .center li{width: 20%; float: left; font-size: 16px; margin-bottom: 20px;text-align: left;}
.index-footer .box .center li h2{font-size: 16px; color: #ffffff; margin-bottom: 10px;}
.index-footer .box .center li a{color: #aaaaaa; display: block; font-size: 14px;}

/*详情分篇*/
.fenpian{  position:relative; border:1px solid #F5F5F5; padding: 20px 0; border-left: none; border-right: none; }
.fenpian i{  display:inline-block; font-style:normal; color: #000; font-size: 16px; margin-bottom: 10px;  font-family: "文鼎CS魏碑简";}
.fenpian a{ display: block; color: #555; font-size: 16px; transition: all 1s; }
.fenpian .back { display: block;  position: absolute;  right: 0px; top: 30px; width: 150px; height: 50px; background-color: #2252ca; text-align: center; line-height: 50px; color: #fff; }
.fenpian .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.fenpian .back:hover { background-color: #2252ca; }
.fenpian .back:hover:before { left: 8px; }

/*biao*/

.join{ width:100%; overflow:hidden; background:none;}
.join h1{ color:#fff; overflow:hidden; text-align:center; font-size:32px; font-weight:bold; line-height:170px; letter-spacing:3px;}
.online{ padding:0 47px 20px; overflow:hidden; background:#fff;}
.online li{ width:360px; float:left; margin:46px 0 0 25px; overflow:hidden; border:1px #e0e0e0 solid; border-radius:4px; line-height:48px;}
.online li input.text{ width:100%; padding-left:10px; height:48px; border:none; font-size:16px; background:none;}
.online li:first-child{ margin-left:0;}
.online li.on_11{ margin-left:0; height:210px; overflow-x:hidden; width:1130px;}
.online li.on_11 textarea{ width:1130px; padding:10px; font-size:16px; border:none; height:190px;}
.online li.on_22{ margin-left:0; width:1130px; overflow:hidden; border:none;}
.online li.on_22 input.sub{ width:1130px; height:48px; line-height:48px; background:#db3938; border:none; color:#fff; font-size:20px; cursor:pointer;}

/*案例*/
.cpin{ width:100%; overflow:hidden; }
.cpin ul{margin-bottom: 20px !important;}
.cpin li{  width: calc(100%/4) ;  overflow:hidden; margin-right: 20PX; /*background:#f9f9f9; border:1px #e0e0e0 solid; */box-sizing: border-box;} 
.cpin li a{ display:block; margin-bottom:20px;}
.cpin li em{ width:100%;  overflow:hidden; height:348px; position:relative; background:none;padding:0;}
.cpin li em img{ width:100%; height:100%;  transition:all 0.3s ease 0s;}

.cpin li h3{ padding:0 10px; font-size:16px; line-height:50px; height:50px; overflow:hidden;text-align:center;}

/* .cpin li:hover{ background:#db3938; transition:all 0.3s ease 0s;} */
/* .cpin li:hover h3{ color:#fff;} */
/* .cpin li:first-of-type{margin-left: 0;} */

.libiao{ width:100%;margin-top:18px;}
.libiao .anli_list{ padding-bottom: 35px;}
.libiao .anli_list h3{color: #db3938;font-size: 14px;padding-bottom: 8px;font-size:16px !important;}
.libiao .anli_list ul { padding-left: 8px;}
.libiao .anli_list li{width:100%;overflow: hidden;height: 36px;line-height: 36px;}
.libiao .anli_list li a{ display:block;float:left; width: 185px;height: 36px;line-height: 36px;color: #4a4a4a;overflow: hidden;padding-left: 25px;font-size:14px !important;}

.cpin li.cphorn{float:left;width: 23.6%;margin-left:20px;margin-right:0;}
.pager{ width:100%; overflow:hidden; height:50px; /*padding:40px 0 20px 1px;*/ text-align:center; margin-top: 30px; padding-left: 1px;}
.pager span{ display:inline-block; width:65px; color:#fff !important; background:#db3938; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px;  font-size:14px; border:1px #e0e0e0 solid; color:#666;}
.pager a{ display:inline-block; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px;  font-size:14px; border:1px #e0e0e0 solid; color:#666;}
.pager a:hover{ color:#fff; background:#db3938; transition:all 0.3s ease 0s;}
.pager a.current{ color:#fff; background:#db3938;}
.pager a:nth-child(1){display:none;}

.rukou{position:fixed;top:65%;right:0;z-index:99999;}
.rukou a{ font-size:18px;font-weight:bold;width:140px;height:60px;line-height:60px;background:#00AEF3; color:#fff; text-align:center;display:block; border-radius:5px;}
@media screen and ( max-width: 1300px){

header .navs{text-align: right; position: relative;padding-left:30px; height:80px; line-height:80px;}	
	
}