body{font-size:16px; font-family:"microsoft yahei",verdana,Helvetica;color:#333;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#333;text-decoration:none}
a:hover{color:#fd5836;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1400px;margin:0 auto}
.zt2{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:100%;margin:0 auto; overflow:auto;}
.table7{ width: 70%;overflow:auto;}
.table8{ width: 80%;overflow:auto;}
.table9{ width: 90%;overflow:auto;}
.table table{ font-size: .4rem ; width: 1000px;}
.table p{line-height:26px}
table td{padding:3px 10px}
.pre,.cont-pre{ position: relative;}
.cont-pre img{ width: 100%;}
.abs{ position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs-bottom{ position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px;  z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs a,.abs-bottom a{ color: #fff;}
.two-img{ width: 90%; margin: 0 auto; font-size: 0;}
.two-img img{ width: 47%; margin: 1%; display: inline-block;}
.three-img{width: 100%; font-size: 0;}
.three-img img{ width: 32%; margin: 0.5%;}
.wenzi{ width:58% ; line-height: 30px;}
.wenzi-img{ width: 38%;}
.four-img{width: 100%; font-size: 0; display: flex; flex-wrap: wrap;}
.four-img a{ width: 24%; margin: 0.5%; font-size: 14px; text-align: center; display: block; }
.four-img a img{ width: 100%;}
@media only screen and (max-width:480px ) {
    .table8,.table7,.table9{ width: 100%;overflow:auto;}
    .about-us-con img{ width: 100%;}
    .two-img{ width: 100%;}
    .two-img img{ margin: 1% 0;}
    .four-img a{ width: 100%; margin: 0.5% 0;}
    .wenzi-img,.wenzi{ float: none; width: 100%; margin-bottom: 10px;}
}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye span{margin-bottom:10px;display:inline-block; width: 34px; height: 34px;background:#fff; margin:0 3px; line-height: 34px; border: 1px solid #ccc; border-radius: 50% ;box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.5) }
.fenye_a{color:#e8483d;margin:0 3px}
.fenye a{color:#898989; display: block;}
.fenye span.active,.fenye span:hover{color:#fff;background:#4a288f;border:0;border:1px solid #4a288f}.fenye span.active a,.fenye span:hover a{color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 15%; right: 0; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../images/top.png) no-repeat; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #b50d25; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}

.index-bg{ background: url(../images/bg.jpg) 50% 0 no-repeat ; }
.logo{ width: 300px; margin: 0 auto; margin-top: 10%;}
.dalei{ display: flex; flex-wrap: wrap; justify-content: center;}
.dalei .dall{ width: 23%; margin: 1.5% 2.5%; background: rgba(255,255,255,.9); padding: 5% 2% 7%; box-shadow: 1px 1px 12px #333;border-radius:7px ;}
.dall h2{ text-align: center; font-size: 30px; margin-bottom: 40px;}
.xiaolei{display: flex; flex-wrap: wrap; }
.xiaolei li{position: relative;z-index: 12; width: 27.3%; margin: 3%; height: 88px; text-align: center; color: #fff; border-radius:4px ;}
.xiaolei li:nth-child(1){ background: #6dccee;}
.xiaolei li:nth-child(2){ background: #ecd06c;}
.xiaolei li:nth-child(3){ background: #ea82c9;}
.xiaolei li:nth-child(4){ background: #9ce17a;}
.xiaolei li:nth-child(5){ background: transparent;}
.xiaolei li:nth-child(6){ background: #828aea;}
.xiaolei li a{ color: #fff; display: table;  width:40px;height: 88px; margin: 0 auto; text-align: center; letter-spacing: 3px; line-height: 26px; font-size: 17px;}
.xiaolei li a span{ display: table-cell; vertical-align: middle;}
.xiaolei li:after{content: ""; display: none; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1; }
.xiaolei li:nth-child(1):hover:after{ display: block;background: url(../images/xiaolei1.png) no-repeat; background-size:contain ;}
.xiaolei li:nth-child(2):hover:after{ display: block;background: url(../images/xiaolei2.png) no-repeat; background-size:contain ;}
.xiaolei li:nth-child(3):hover:after{ display: block;background: url(../images/xiaolei3.png) no-repeat; background-size:contain ;}
.xiaolei li:nth-child(4):hover:after{ display: block;background: url(../images/xiaolei4.png) no-repeat; background-size:contain ;}
.xiaolei li:nth-child(5):hover:after{ display: block;background: url(../images/xiaolei5.png) no-repeat; background-size:contain ;}
.xiaolei li:nth-child(6):hover:after{ display: block;background: url(../images/xiaolei6.png) no-repeat; background-size:contain ;}

.foot{ color: #fff; text-align: center; font-size: 14px; position: fixed; bottom: 6%; left: 0; right: 0; z-index: 999;}
.foot a,.foot-di a{ color: #fff;}
.foot-di{ color: #fff; text-align: center; font-size: 14px; margin-top: 50px; padding-bottom: 50px; }

.nei-index-bg{background:#3f268b url(../images/nei-bg.jpg) 50% 0 no-repeat ; }
.neidao{box-shadow:0px 20px 25px rgba(0,0,0,0.2); z-index: 3; position: relative; padding-bottom: 30px;}
.neilogo{ margin-top: 3%;}
.daohang{ width: 38%;}
nav{ position: relative;line-height: 54px;   }
nav ul li{ float: left; position: relative;margin:0 0 0 30px;}
nav ul li a{ color: #fff;   padding: 0 15px; font-family: Times New roman;   display: block; text-transform: uppercase; font-size: 17px; position: relative; }
nav ul li i{ display: none; opacity: 0;  position: absolute; top: 40%;right: 0; z-index: 999; color: #000;}
nav ul li:hover a ,nav ul li.active A{ color: #ea82c9; }
nav ul li:hover i{ color: #333;}
.xla{ position: absolute; z-index: 9999; display: none; width:100%; left: 0; background: rgba(123,121,228,.6); border-radius:10px ; }
.xla>a{ display: block; font-weight: normal; padding:10px 15px; margin: 0;  text-transform: none; line-height: 20px;  color: #fff; }
.xla a:last-child{ border-bottom: none;}
nav ul li:hover .xla a:hover{color: #feeddd; }
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a{ color: #fff; border-top:none ; font-weight: normal;}
nav ul li:hover .xla a:last-child{ border-bottom: none;}
.jiantou{ background: url(../images/jiantou.png) right center no-repeat;}
.guyuan{background: rgba(255,255,255,.9); padding: 8% 0;position: relative; z-index: 1;}
.guyuan h2,.sns h2,.guyuanfw h2,.caselist h2,.caseshow h2,.aboutshow h2{ background: url(../images/line.png) 50% 50% no-repeat; text-align: center; font-size: 30px; color: #3f268b;}
.guyuan ul{ width: 80%; margin: 0 auto; margin-top: 9%; display: flex; flex-wrap: wrap; justify-content: center;}
.guyuan ul li{ width: 165px; height: 165px; margin: 0 50px; text-align: center; line-height: 165px; border-radius:50% ; position: relative; }
.guyuan ul li a{ display: block; font-size: 17px; color: #fff;}
.guyuan ul li:nth-child(1){ background: #ea82c9;}
.guyuan ul li:nth-child(2){ background: #828aea;}
.guyuan ul li:nth-child(3){ background: #ecd06c;}
.guyuan ul li:nth-child(4){ background: #6eccee;}
.guyuan ul li:after{content: ""; display: none; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: -1; }
.guyuan ul li:nth-child(1):hover:after{display: block; border:1px dashed #ea82c9; border-radius:50% ; }
.guyuan ul li:nth-child(2):hover:after{display: block; border:1px dashed #828aea; border-radius:50% ; }
.guyuan ul li:nth-child(3):hover:after{display: block; border:1px dashed #ecd06c; border-radius:50% ; }
.guyuan ul li:nth-child(4):hover:after{display: block; border:1px dashed #6eccee; border-radius:50% ; }

.sns,.guyuanfw,.caselist{background: rgba(255,255,255,.9); padding: 4% 0;position: relative; z-index: 1;}
.sns ul,.guyuanfw ul{ width: 90%; margin: 0 auto; margin-top: 5%; display: flex; flex-wrap: wrap; justify-content: center;}
.sns ul li{ width: calc(17% - 2px); padding: 3% 2%; line-height: 40px; margin:0 2%;  text-align: center; border: 1px dashed #40278c; border-radius:5px ;}
.sns ul li img{ margin-bottom: 20px;}
.sns ul li a{ display: block; margin-bottom: 10px; color: #fff; border-radius:5px ; text-align: center;
    background-image: linear-gradient(to left,#5ecff5 0,#9f60d5 100%);
    background-image: -webkit-linear-gradient(to left,#5ecff5 0,#9f60d5 100%);}
.sns ul li:nth-child(2n) a{background-image: linear-gradient(to left,#8e7ede 0,#5ecff5 100%);
    background-image: -webkit-linear-gradient(to left,#8e7ede 0,#5ecff5 100%);}

.guyuanfw ul li{ width: 20%; padding: 5% 4%; margin: 0 3%; border-radius:10px ;}
.guyuanfw ul li h3{ color: #fff; text-align: center; font-size: 25px; font-weight: normal; margin-bottom: 20px;}
.guyuanfw ul li:nth-child(1){ background: #ea82c9; box-shadow: 5px 5px 0px #ebcbe7;}
.guyuanfw ul li:nth-child(2){ background: #828aea; box-shadow: 5px 5px 0px #cccdf1;}
.guyuanfw ul li a{ display: block; line-height: 44px; text-align: center; color: #ea82c9; background: #fff; margin-bottom: 10px;border-radius:5px ;}
.guyuanfw ul li:nth-child(1) a{ color: #ea82c9;}
.guyuanfw ul li:nth-child(2) a{ color: #828aea;}

.caselist ul{ width: 90%; margin: 0 auto; margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center;}
.caselist ul li{ width:362px; margin: 1%; padding: 10px; height: 270px; background: url(../images/diannao.png) no-repeat;}
.caselist ul li:after{ content: ""; display: block;}
.caselist ul li img{ width: 100%;}

.caseshow{background: rgba(255,255,255,.9); padding: 4% 0 1%;position: relative; z-index: 1;}
.case-img{ text-align: center; margin-top: 30px; font-size:0; }
.caseshow .sxy{ padding:  15px;}

.aboutshow{background: #f3f4fd; padding: 4% 0 0;position: relative; z-index: 1;}
.about-cont{ width: 1200px; margin: 0 auto;}
.about-cont video{ width: 70%; margin: 0 auto; display: block; margin-top: 30px;}
.aboutku{ margin-top: 30px;}
.aboutku:before{ content: ''; display: block; position: absolute; z-index: 1; top: 12px; left: 0; width:100% ; height: 701px; background: url(../images/aboutku.jpg) no-repeat;}
.biaotiab { width: 232px; margin: 0 auto; overflow: hidden; position: relative; z-index: 10; }
.biaotiab span { font-size: 70px; color: #5fa0f0; margin-right: 5px;}
.biaotiab h2 {font-size: 30px; font-weight: normal; margin-top: 15px; text-align: left;}
.biaotiab h3 { font-size: 14px; margin-top: 4px; font-weight: normal; color: #aaa; text-transform: uppercase;}
.abneiro{padding: 60px 160px 110px 160px; line-height: 36px; position: relative; z-index: 10;}
.abneiro p{ margin-top: 30px;}

.aboutbj{ background: url(../images/aboutbj.jpg) 50% 0 no-repeat; margin-top: 80px; color: #fff;}
.qiyiul{position: relative; padding-bottom: 130px;}
.qiyiul li{ position: relative;width: 225px; margin-left: 80px; text-align: center;}
.qiyiul li:before{ content: ''; display: block; width: 44px; height: 44px; margin: 0 auto; margin-bottom: 50px; margin-top: 30px;}
.qiyiul li:nth-child(1):before{ background: url(../images/abbjli1.png) no-repeat;}
.qiyiul li:nth-child(2):before{ background: url(../images/abbjli2.png) no-repeat; margin-top: -20px; }
.qiyiul li:nth-child(3):before{ background: url(../images/abbjli3.png) no-repeat;margin-top: 0px;}
.qiyiul li:nth-child(4):before{width: 70px; height: 70px; background: url(../images/abbjli4.png) no-repeat;margin-bottom: 90px;}
.qiyiul li h3{ font-size: 30px; margin-bottom: 20px;}
.qiyiul li:nth-child(2){margin-left: 300px;}
.qiyiul li:nth-child(4){width:325px; position: absolute; top: 0; right: 233px; z-index: 100;}
.qiyiul li:nth-child(4) h3{ margin-bottom: 80px;}
.qiyiul li:nth-child(4) span em{ font-style: inherit; font-size: 25px;}
.qiyiul li:nth-child(4) span em i{ display: block; font-size: 50px;font-style: inherit; margin: 20px 0; font-weight: bold;}

.mard { margin-left: 100px;  margin-top: 80px; text-align: left;}
.fazlc{ background: url(../images/fazhanbj02.jpg) 50% 0 no-repeat; padding-bottom: 30px; }
.fazlc .zt{background: url(../images/fazhanbj01.jpg) 50% 0 no-repeat;padding-top: 40px; padding-bottom: 20px;}
.gstime{ font-size: 25px; font-weight: bold; margin-top: 30px; }
.gstime a{ color: #bfd8fe;}
.gstime li.on a{ color: #7a79e3;}
.gstime li{ margin-bottom: 30px;}
.gstime li:nth-child(2){ margin-left: 50px; margin-bottom: 40px;}
.gstime li:nth-child(3){ margin-left: 90px;margin-bottom: 50px;}
.gstime li:nth-child(4){ margin-left: 110px;margin-bottom: 50px;}
.gstime li:nth-child(5){ margin-left: 100px;margin-bottom: 40px;}
.gstime li:nth-child(6){ margin-left: 80px;}
.gstime li:nth-child(7){ margin-left: 40px;}
.gsshiji{ width: 320px; text-align: center; margin-left: 255px; margin-right:90px; margin-top: 100px;}
.gsshiji h2{ color: #5fa0f0; font-size: 50px; margin-bottom: 60px;}
.gsshiji span{ display: block; line-height: 30px;}
.fengcaibj{ background: url(../images/fengcai01.jpg) 50% 0 no-repeat; height: 494px; margin-top: 40px; padding-top: 110px;}
.hontitle {width: 750px; margin: 0 auto; color: #f3f4fd;}
.mingchefn {width: 125px; margin-top: 10px;}
.mingchefn span { text-transform: uppercase; font-size: 16px; }
.mingchefn h2 {font-size: 30px;font-weight: normal; margin-top: 24px;color: #f3f4fd;}
.novfd {width: 160px;font-size: 66px;text-transform: uppercase;}
.xiaozhi {font-size: 12px; width: 465px; margin-top: 30px; line-height: 22px;}
.guyuanshow{ width: 1100px; margin: 0 auto; line-height: 30px;}
.guyuanshow h1{ font-size: 25px; margin-top: 30px; margin-bottom: 20px;}
.website{ font-size: 13px; color: #888;}

@media only screen and (max-width:1600px ) and (min-width:1367px ) {
    .logo{ margin-top: 6%;}
    .zt{ width: 1250px;}
    .dalei .dall{ padding:6% 2% 7%;}
    .xiaolei li,.xiaolei li a{ height: 78px;}
    .dall h2{ margin-bottom: 25px;}
    .foot{ bottom: 5%;}
    .daohang{ width: 45%;}
    .guyuan{ padding: 7% 0;}
    .guyuan ul{ width: 90%;}
    .guyuanfw ul{ margin-top: 3%;}
    .guyuanfw ul li{ padding: 2% 3%;}
    .guyuanfw ul li a{ line-height: 36px;}
    .caselist ul{ width: 100%;}
    .gsshiji{ margin-left: 180px;}

}
@media only screen and (max-width:1600px ){
    .sns ul{ margin-top: 3%;}
    .sns ul li{ padding: 2%; line-height: 34px;}
}
@media only screen and (max-width:1366px ) {
    .logo{ margin-top: 5%;}
    .zt{ width: 1250px;}
    .dalei .dall{ padding:4% 2%;}
    .xiaolei li,.xiaolei li a{ height: 78px;}
    .dall h2{ margin-bottom: 25px;}
    .foot{ bottom: 5%;}
    .daohang{ width: 50%;}
    .guyuan{ padding: 5% 0;}
    .guyuan ul{ width: 90%; margin-top: 4%;}
    .sns{ padding: 2% 0;}
    .sns ul{ margin-top: 3%;}
    .sns ul li img{ margin-bottom: 0px; width: 50px;}
    .sns ul li{ padding:1% 2%; line-height: 34px;}
    .neidao{ padding-bottom: 20px;}
    .guyuanfw{ padding: 2% 0;}
    .guyuanfw ul{ margin-top: 3%;}
    .guyuanfw ul li{ padding: 1% 3%;}
    .guyuanfw ul li a{ line-height: 32px;}
    .caselist ul{ width: 100%;}
    .gsshiji{ margin-left: 170px;}
}