@charset "utf-8";
/* CSS Document */
* html,* html body{background-image:url(about:blank);background-attachment:fixed} /* 修正IE6振动bug */ 
body{background:#ffffff; min-width:1200px; font-size:14px; color:#222;behavior: url(../js/csshover.htc)}
html,body,div,ul,li,ol,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,p,br,pre,textarea,blockquote,span,button{ margin:0; padding:0;border:0; font-family:"Microsoft YaHei", "微软雅黑", "SimSun", "宋体"}
li{list-style-type:none}label{ cursor:pointer}img{vertical-align:top;border:0;transition: all 0.5s}em,i,b{font-style:normal;font-size: 0}ul,li {list-style:none}u{text-decoration: none}
input,select{ vertical-align:middle; outline:none; border:0;font-family:"Microsoft YaHei", "微软雅黑";padding:0 }textarea{outline:none}
h1,h2,h3,h4,h5{font-weight: normal;color: #222222}
.cf:before,.cf:after{content:""; display:table}.cf:after{clear:both}.cf{*zoom:1}
.clear{clear: both}
a:link{ text-decoration:none; color:#252525}a:visited{ text-decoration:none; color:#666666}a:hover,a:active{color:#f00}
input[disabled]{  background:none; text-align:center; text-indent:0 !important}
input[type="button"],input[type="submit"]{box-sizing: content-box;padding: 0}
.fl{ float:left}.fr{ float:right}
.main{ width:1200px; margin:0 auto ;}
.tabCon{display: none; }
.Hidebox{display:none}.Showbox{display:block !important;}
.oh{overflow: hidden;}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom: 40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom: 50px}
.mb60{margin-bottom: 60px}
.mb70{margin-bottom: 70px}
.mb80{margin-bottom: 80px}
.mb90{margin-bottom: 90px}
.mb100{margin-bottom: 100px}
.mb140{margin-bottom: 140px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mtb10{margin: 10px 0}
.mtb15{margin: 15px 0}
.mtb20{margin: 20px 0}
.mtb30{margin: 30px 0}
.mtb40{margin: 40px 0}
.mtb60{margin: 60px 0}
.pdt10{padding-top: 10px}
.pdb10{padding-bottom: 10px}
.pd10{padding: 10px}
.pdtb10{padding: 10px 0}
.pdlr10{padding:0 10px}
.pdnt10{padding:0 10px 10px}
.pd15{padding: 15px}
.pdtb15{padding: 15px 0}
.pdlr15{padding:0 15px}
.pdnt15{padding:0 15px 15px}
.pdt15{padding-top: 15px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb30{padding-bottom: 30px}
.pb40{padding-bottom: 40px}
.pb50{padding-bottom: 50px}
.pd20{padding: 20px}
.pdt20{padding-top: 20px}
.pdtb20{padding: 20px 0}
.pdlr20{padding:0 20px}
.pdnt20{padding:0 20px 20px}
.pd30{padding: 30px}
.pdtb30{padding: 30px 0}
.pdlr30{padding:0 30px}
.pdnt30{padding:0 30px 30px}
.H10{height: 10px;}
.H15{height: 15px;}
.H20{height: 20px;}
.H25{height: 25px;}
.H30{height: 30px;}
.br{border: 1px solid #e8e8e8}
.brl{border-left: 1px solid #e8e8e8}
.brt{border-top: 1px solid #e8e8e8}
.brr{border-right: 1px solid #e8e8e8}
.brb{border-bottom: 1px solid #e8e8e8}
.brtno{border-top:none;}
.BgCyan{background: #e8effc}
.BgGray{background: #f9f9f9}
.BgRed{background: #f24343}
.BgOrange{background:#f5a027}
.BgBlue{background: #5983fb}
.BgPink{background: #ff9797}
.BgGreen{background: #69d271}
.BgIndigo{background: #0b6dc8}
.BgWhite{background: #fff}
.Boxs{box-shadow: 0px 0px 5px #e8e8e8;}
.BoxD{box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.ColorGray{color: #999}
.ColorGreen{color: #07a224 !important}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}
/*none*/
.nomr{ margin-right:0 !important}
.PublicImg{width: 100%; max-width: 100%}
/*public botton*/
.NoBtn,.BlueBtn,.RedBtn,.OrangeBtn,.GrayBtn,.WhiteBtn,.PinkBtn,.GreenBtn,.GrayBrBtn{ text-align:center; color:#fff !important; cursor:pointer; font-size:16px; outline:none}
.NoBtn{background:#ebebeb }
.BlueBtn{ background:#0b6dc8}
.RedBtn{ background:#f24343}
.OrangeBtn{ background:#f60}
.PinkBtn{background: #fff1f2;} 
.WhiteBtn,.PinkBtn{color: #f24343 !important;border: 1px solid #f24343}
.GrayBtn{ background:#ebebeb; color: #222 !important}
.GrayBrBtn{background: #f3f3f3; border: 1px solid #ddd; color: #222 !important}
.GreenBtn{background: #16a448}
.BorBtn{border: 1px solid #f24343; color: #f24343 !important;text-align:center; cursor:pointer}
.BlueBtn:hover,.OrangeBtn:hover,.WhiteBtn:hover,.BorBtn:hover,.PinkBtn:hover,.GrayBrBtn:hover{ background:#f60 !important;color:#fff !important;border-color: #f60}
.RedBtn:hover,.GrayBtn:hover,.GreenBtn:hover{ background:#f60  !important;color:#fff !important;}
.BtnH40{height: 40px;line-height: 40px; box-sizing: border-box;border-radius: 20px;}
.BtnH30{height: 30px;line-height: 30px; box-sizing: border-box;border-radius: 15px;}
.WhiteBG{ background:#fff;}
a.red,.red{ color:#f00 !important}
a.blue,.blue{color: #005ea7 !important}
a.green,.green{color: #0cb972 !important}
a.red:hover,a.blue:hover,a.green:hover{ text-decoration:underline}
.tal {text-align:left}
.tac {text-align:center}
.tar {text-align:right}
.oh{overflow: hidden;}
.iptTxt{border: 1px solid #e8e8e8;background: #fff; border-radius: 5px;}
.TopArrow{border-color:transparent transparent #dddddd transparent; border-style:dashed dashed solid dashed; border-width:8px;}
.ArrowBox .ArTop,.ArrowBox .ArBtm,.ArrowBox u{width: 0;height: 0;font-size: 0; position: absolute;}
.ArrowBox .ArTop{border-color:transparent transparent #e8e8e8 transparent; border-style:dashed dashed solid dashed; border-width:10px;top: -20px; right: 10px;_display:none;}
.ArrowBox .ArTop u{border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; border-width:8px;top: -6px; right: -8px;}
.ArrowBox .ArBtm{border-color:#e8e8e8 transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:10px;bottom: -20px; right: 10px;_display:none;}
.ArrowBox .ArBtm u{border-color: #fff transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:8px;bottom: -6px; right: -8px;}
.TransformTop:hover{cursor: pointer; transition:all .5s; transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);}
/*PublicBg*/
.Header .tryOut_btn i,.bannerBox .listBox i,.Header .Nav ul li .listNav i,.productCont li .icon,.productCont li span i,.teamCont .topBox h2 i,.advantage ul li .icon,.teamCont .topBox .teamPicA em,.detailsBox .topBox i,.newContBox .newlistTab .time i,.readMoreBox i,.modeBox .contBox .textBox .tabCont i,.casebanner .tryBtn i,.caseCont .btnBox i,.cultureCont li u,.addBox .text i,.productBox .btnBox i,.modelCont ul li i,.historyBox i{background: url(../images/public.png) no-repeat;}
.Header{transition: .5s;-webkit-transition: .5s;}
/*table公用*/
.Table{ width:100%; text-align:center; background:#dfdfdf}
.Table tr{ background:#fff}
.Table th{ background:#f5f4f9;padding:5px 0; font-size:14px; color:#777}
.Table td{ padding:5px; font-size:14px;}
.Table p{height:30px; line-height:30px;}
/*顶部*/
.Header{position: fixed;top: 0;left: 0;right: 0;width: 100%;height:70px;z-index: 9; background: rgba(0,0,0,0.6);}
.Header .Left a{line-height: 40px; margin-right: 30px }
.Header .Logo{width: 180px;}
.Header .Logo img{ height: 34px; max-width: 100%; margin-top: 16px;display: block;}
.Header .Nav ul{padding-top: 27px;}
.Header .Nav ul li{text-align: center;line-height: 16px;display: inline-block; position: relative;}
.Header .Nav ul li a{transition: all .2s; padding: 0 14px; display: block;color: #fff; font-size: 16px;height: 16px;}
.Header .Nav ul li.cur a,.Header .Nav ul li:hover a{color:#dbbd7d;font-weight: bold;}
.Header .Nav ul li:last-child a{border: 0;}
.Header .Nav ul li i{width: 7px; height: 4px; display: block; position: absolute; right: 15px; top: 29px; background-position: -93px 0 }
.Header .Nav ul li .DownList{position: absolute; width: 100%; top: 62px; left: 0;z-index: 2;background: rgba(0,0,0,0.8);}
.Header .Nav ul li .DownList dd{margin: 0 10px; line-height: 28px; padding: 5px 0;text-align: center; border-top:1px dashed #434350 }
.Header .Nav ul li .DownList dd:first-child{border-top: none}
.Header .Nav ul li .DownList dd a{padding: 0; font-size: 16px}
.Header .Nav ul li.downList{padding-bottom: 20px;}
.Header .Nav ul li:hover .listNav{display: block;}
.Header .Nav ul li .listNav{position: absolute;top:32px;left: -2px;background: #2a3c62;padding:0 20px;display: none;transition: all .3s;border-radius: 5px;width: 70px;overflow: hidden;}
.Header .Nav ul li .listNav i{display: inline-block;width: 14px;height: 7px;background-position: -84px -19px;top:-7px;left: 50%;margin-left: -7px;}
.Header .Nav ul li .listNav a{border: 0;border-bottom: 1px dashed #909090;font-size:16px;font-weight: normal;color:#fff;padding: 0;height: 50px;line-height: 50px;text-align: center;}
.Header .Nav ul li .listNav a:hover{color: #dbbd7d;font-weight: bold;}
.Header .Nav ul li .listNav p:last-child a{border-bottom: 0;}
.Header .phone{font-size: 20px;color: #ffffff;font-weight: bold;line-height: 70px;margin-left: 14px;}
.Header .tryOut_btn{transition: all .2s; display: block;width: 140px;height: 38px;border: 1px solid #dbbd7d;text-align: center;line-height: 38px;font-size: 16px;color:#dbbd7d;border-radius: 38px;margin-top: 15px;margin-left: 20px;}
.Header .tryOut_btn i{display: inline-block;width: 22px;height: 18px;background-position: -10px -10px;margin-right: 5px;vertical-align: -2px;}
.Header .tryOut_btn:hover i{background-position: -10px -34px;}
.Header .tryOut_btn:hover{background: #dbbd7d;color: #fff;}
.NavMarker{position: relative;}
.NavMarker .Marker{position: absolute; top: 86px; height: 3px; background: #1092f7; }
.Header.Bg,.Header.Bg .DownList{background: #222}
.PubBox{background: #fff;}
/*头部banner*/
.bannerBox{width: 100%;height: 790px;position: relative;z-index: 1;overflow: hidden;}
.bannerBox .listBox{width: 1920px;height: 100%;position: relative;left: 50%;margin: 0 0 0 -960px;overflow: hidden;}
.bannerBox .listBox ul{width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}
.bannerBox .listBox ul li{width: 100%;height: 100%;text-align: center;position: absolute;top: 0;left: 0;overflow: hidden;}
.bannerBox .listBox ul li.list-itemA{background: url(../images/banner01.jpg) no-repeat;background-size: cover;}
.bannerBox .listBox ul li.list-itemB{background: url(../images/banner02.jpg) no-repeat;background-size: cover;}
.bannerBox .listBox ul li.list-itemC{background: url(../images/banner03.jpg) no-repeat;background-size: cover;}
.bannerBox .listBox ul li.list-itemA .btnBox{padding-top: 510px;}
.bannerBox .listBox ul li.list-itemA .btnBox a{display: inline-block;width: 224px;height: 48px;border: 1px solid #dbbd7d;transition: all .3s;font-size: 20px;font-weight: bold;color:#dbbd7d;text-align: center;line-height: 48px;border-radius: 50px;margin: 0 10px;}
.bannerBox .listBox ul li.list-itemA .btnBox a i{display: inline-block;width: 13px;height: 7px;background-position: -50px -19px;vertical-align: 2px;margin-left: 10px;}
.bannerBox .listBox ul li.list-itemA .btnBox a:hover{background: #dbbd7d;color:#fff;}
.bannerBox .listBox ul li.list-itemA .btnBox a:hover i{background-position: -50px -43px;}
.bannerBox .listBox ul li.list-itemB .infoFrom{width: 330px;height: 418px;border-radius: 10px;background: #fff;float: right;margin-top: 236px;}
.bannerBox .listBox ul li.list-itemB .infoFrom h2{font-size:28px;color: #111111;padding-top: 40px;text-align: center;}
.bannerBox .listBox ul li.list-itemB .infoFrom .contBox{padding: 25px 30px;text-align: left;}
.bannerBox .listBox ul li.list-itemB .infoFrom .contList{border-bottom: 1px solid #dbdbdb;padding: 10px 0;height: 26px;line-height: 26px;margin-bottom: 22px;}
.bannerBox .listBox ul li.list-itemB .infoFrom .contList span{font-size: 15px;color: #666666;display:block;height: 26px;width: 70px;float: left;}
.bannerBox .listBox ul li.list-itemB .infoFrom .contList input{height: 26px;width: 180px;padding-left: 10px;border-left:1px solid #ecf0f1;float: left;}
.bannerBox .listBox ul li.list-itemB .infoFrom .btnBox{padding-top: 15px;}
.bannerBox .listBox ul li.list-itemB .infoFrom .btnBox a{transition: all .3s;position: relative;top: 0; display: inline-block;width: 100%;height: 54px;background: #dbbd7d;font-size: 20px;color:#fff;border-radius: 54px;line-height: 54px;text-align: center;}
.bannerBox .listBox ul li.list-itemB .infoFrom .btnBox a:hover{top: -3px;background-color: #bc9c58;}
.bannerBox .listBox ul li.list-itemC .btnBox{padding-top: 440px;text-align: right;}
.bannerBox .listBox ul li.list-itemC .btnBox a{display: inline-block;width: 224px;height: 48px;border: 1px solid #FFF;transition: all .3s;font-size: 20px;font-weight: bold;color:#F1F1F1;text-align: center;line-height: 48px;border-radius: 50px;margin: 0 270px 0 0;}
.bannerBox .listBox ul li.list-itemC .btnBox a i{display: inline-block;width: 13px;height: 7px;background-position: -50px -67px;vertical-align: 2px;margin-left: 10px;}
.bannerBox .listBox ul li.list-itemC .btnBox a:hover{background: #1322A3;color:#fff;}
.bannerBox .listBox ul li.list-itemC .btnBox a:hover i{background-position: -50px -43px;}
.bannerBox .ico{width: 96%;height: auto;padding-bottom:12px;position: absolute;bottom: 36px;left: 50%;margin: 0 0 0 -48%;text-align: center;font-size: 16px;overflow: hidden;z-index: 10;}
.bannerBox .ico span{display: inline-block;border: 2px solid #dbbd7d; *display: inline;*zoom: 1;width: 126px;height: 50px;background-size: cover; -moz-border-radius: 5px;background: #fff;margin: 0 5px;cursor: pointer;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.bannerBox .ico span.active{width: 192px;height: 76px;border: 2px solid #fff;top: 12px;position: relative;}
.bannerBox .lineBox{border-bottom: 1px solid rgba(219,189,125,.4);position: absolute;bottom: 77px;width: 100%;z-index: 9;}
/*内容*/
.title{text-align: center;padding-top: 60px;}
.title h2{font-size: 38px;color: #2a3c61;font-weight: bold;}
.newTitle h2{color: #fff;}
.title h2 span{color:#dbbd7d;}
.title p{font-size:16px;color: #999999;margin-top: 10px;text-transform: Uppercase;}
.title em{display: inline-block;width: 15px;height: 2px;background: #dbdbdb;margin-top: 16px;}
.introduceBox{width: 100%;height: 650px;background: #fff;}
.introduceCont{padding-top: 38px;}
.introduceCont ul{overflow: hidden;}
.introduceCont li{width: 240px;float: left;margin-right: 80px;margin-bottom: 36px;}
.introduceCont li:nth-child(4n){margin-right: 0;}
.introduceCont li .icon{width: 71px;height: 71px;margin-left: 10px; background: url('../images/intor_ico1.png') no-repeat;transition: all .5s;}
.introduceCont li:hover .icon{transform: rotate(360deg); background: url('../images/intor_ico1_on.png') no-repeat;}
.introduceCont li .top{height: 74px;}   
.introduceCont li .icon .u{display: inline-block;}
.introduceCont li:nth-child(2) .icon{background: url('../images/intor_ico2.png') no-repeat;}
.introduceCont li:nth-child(2):hover .icon{background: url('../images/intor_ico2_on.png') no-repeat;}
.introduceCont li:nth-child(3) .icon{background: url('../images/intor_ico3.png') no-repeat;}
.introduceCont li:nth-child(3):hover .icon{background: url('../images/intor_ico3_on.png') no-repeat;}
.introduceCont li:nth-child(4) .icon{background: url('../images/intor_ico4.png') no-repeat;}
.introduceCont li:nth-child(4):hover .icon{background: url('../images/intor_ico4_on.png') no-repeat;}
.introduceCont li:nth-child(5) .icon{background: url('../images/intor_ico5.png') no-repeat;}
.introduceCont li:nth-child(5):hover .icon{background: url('../images/intor_ico5_on.png') no-repeat;}
.introduceCont li:nth-child(6) .icon{background: url('../images/intor_ico6.png') no-repeat;}
.introduceCont li:nth-child(6):hover .icon{background: url('../images/intor_ico6_on.png') no-repeat;}
.introduceCont li:nth-child(7) .icon{background: url('../images/intor_ico7.png') no-repeat;}
.introduceCont li:nth-child(7):hover .icon{background: url('../images/intor_ico7_on.png') no-repeat;}
.introduceCont li:nth-child(8) .icon{background: url('../images/intor_ico8.png') no-repeat;}
.introduceCont li:nth-child(8):hover .icon{background: url('../images/intor_ico8_on.png') no-repeat;}
.introduceCont li h3{padding:10px 12px;font-size: 18px;color: #111111;font-weight: bold;border-bottom: 1px solid #dbdbdb;position: relative;}
.introduceCont li h3 em{display: inline-block;width: 9px;height: 9px;border: 1px solid #dbdbdb;border-radius: 10px;background: #fff;position: absolute;bottom: -5px;left: 0;}
.introduceCont li .text{padding-left: 12px;font-size: 14px;color: #666666;line-height: 1.8;padding-top: 10px;}
/*产品*/
.productBox{width: 100%;height: 620px;background: url("../images/Bg_Product.jpg") no-repeat center bottom;position: relative; z-index: 1;}
.productCont{padding-top: 38px;}
.productCont li{width: 180px;height: 270px;background: #fff;float: left;border-radius: 5px;text-align: center;padding-top: 70px;transition: all .5s;overflow: hidden;}
.productCont li.cur{width: 300px;background: #2a3c62;}
.productCont li.cur em,.productCont li.cur h4,.productCont li.cur span{display: none;}
.productCont li.cur p{display: block;width: 210px;margin: 20px auto 0;font-size: 16px;color: #7087bc;line-height: 1.8;}
.productCont li.cur h3{color:#fff;}
.productCont li:first-child .icon{width: 50px;height: 51px;background-position: -185px -10px;margin: 0 auto;}
.productCont li:nth-child(2) .icon{width: 55px;height: 51px;background-position: -9px -96px;margin: 0 auto;}
.productCont li:nth-child(3) .icon{width: 53px;height: 51px;background-position: -72px -96px;margin: 0 auto;}
.productCont li:nth-child(4) .icon{width: 46px;height: 51px;background-position: -139px -96px;margin: 0 auto;}
.productCont li:nth-child(5) .icon{width: 50px;height: 51px;background-position: -199px -96px;margin: 0 auto;}
.productCont li:nth-child(6) .icon{width: 45px;height: 51px;background-position: -252px -96px;margin: 0 auto;}
.productCont li:first-child.cur .icon{width: 50px;height: 51px;background-position: -121px -10px;margin: 0 auto;}
.productCont li:nth-child(2).cur .icon{width: 55px;height: 51px;background-position: -9px -150px;margin: 0 auto;}
.productCont li:nth-child(3).cur .icon{width: 53px;height: 51px;background-position: -72px -150px;margin: 0 auto;}
.productCont li:nth-child(4).cur .icon{width: 46px;height: 51px;background-position: -139px -150px;margin: 0 auto;}
.productCont li:nth-child(5).cur .icon{width: 50px;height: 51px;background-position: -199px -150px;margin: 0 auto;}
.productCont li:nth-child(6).cur .icon{width: 45px;height: 51px;background-position: -252px -150px;margin: 0 auto;}
.productCont li h3{font-size: 20px;color: #111111;font-weight: bold;padding-top: 30px;}
.productCont li h4{font-size: 12px;color: #666666;margin-top: 10px;}
.productCont li span{display: inline-block;margin: 20px auto 0; width: 88px;height: 28px;line-height:28px;border: 1px solid #e0e0e0;border-radius: 28px;text-align: center;font-size: 12px;color: #999999;}
.productCont li span i{display: inline-block;width: 5px;height: 8px;background-position: -80px -34px;vertical-align: 0;margin-left: 5px;}
.productCont li em,.productCont li h4,.productCont li span{display: block;}
.productCont li p{display: none;}
.productCont li em{display: inline-block;width: 19px;height: 2px;background: #dbdbdb;}
/*案例*/
.caseBox{padding:0px 0 40px 0;}
.worksLink {margin:10px auto 20px;text-align:center;font-size:14px;-webkit-animation:gdownIn 1s 1.2s both;-moz-animation:gdownIn 1s 1.2s both;animation:gdownIn 1s 1.2s both;font-family:Microsoft YaHei;}
.worksLink span,.worksLink a {display: inline-block;background-color: #FFFFFF;border: 1px solid #3f444a;color: #3f444a;cursor: pointer; font-size: 14px;font-weight: 400;padding: 10px 22px;font: 400 16px/40px "Open Sans", sans-serif; position: relative; margin: 0 10px 10px 0;    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;}
.worksLink span:hover,.worksLink a:hover {background-color: #3f444a;color: #fff;border-color: #3f444a; cursor: pointer;}

.caseList ul{overflow: hidden;}
.caseList li{float: left;width: 360px;text-align: center;background-color:#2a3c62; margin: 0 60px 40px 0;}
.caseList li a{display: block;background:#fff;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.caseList li .image{position:relative;width:100%;height:0;padding-top:61%;overflow:hidden;}
.caseList li .image img{position:absolute;top:0;left:0;width:100.5%;height:auto;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.caseList li .image p {width:100%;height:50px;position:absolute;bottom:-50px;left:0;line-height:50px;color:#a9a9a9;background:rgba(0,0,0,0.5);text-align:left;text-indent:20px;z-index:3;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caseList li  h5 {text-align:center;line-height:24px;font-size:16px;font-weight:normal;color:#333;padding-top:16px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseList li  span {line-height:22px;font-size:14px;color:#999;display:block;padding-bottom:18px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}

.caseList li a:hover {background-color:transparent;}
.caseList li a:hover h5,.caseList li a:hover span {color:#fff;}
.caseList li a:hover .image p {bottom:0;}
.caseList li a:hover .image img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.caseList li a:hover .image:before {opacity:1;filter:alpha(opacity=100);zoom:1;}
.caseList li a:hover .image:after {opacity:1;filter:alpha(opacity=100);zoom:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.caseList li:nth-child(3n+0){margin-right: 0;}

.advantage{width: 100%;height: 550px;background: url("../images/Bg_advantage.jpg") no-repeat top center; min-width: 1200px;}
.advantage .title{padding-top: 50px;}
.advantageCont{padding-top: 38px;}
.advantage ul li{width: 165px;float: left;margin-right: 40px;text-align: center;}
.advantage ul li:last-child{margin-right: 0;}
.advantage ul li .icon{display: inline-block;width: 120px;height: 136px;background-position: -9px -210px;transition: all .3s;}
.advantage ul li:hover .icon{background-position: -9px -345px;}
.advantage ul li:nth-child(2) .icon{background-position: -132px -210px;}
.advantage ul li:nth-child(2):hover .icon{background-position: -132px -345px;}
.advantage ul li:nth-child(3) .icon{background-position: -255px -210px;}
.advantage ul li:nth-child(3):hover .icon{background-position: -255px -345px;}
.advantage ul li:nth-child(4) .icon{background-position: -378px -210px;}
.advantage ul li:nth-child(4):hover .icon{background-position: -378px -345px;}
.advantage ul li:nth-child(5) .icon{background-position: -501px -210px;}
.advantage ul li:nth-child(5):hover .icon{background-position: -501px -345px;}
.advantage ul li:nth-child(6) .icon{background-position: -624px -210px;}
.advantage ul li:nth-child(6):hover .icon{background-position: -624px -345px;}
.advantage ul li h3{font-size: 24px;color: #111111;font-weight: bold;margin-top: 10px;}
.advantage ul li p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 6px;}
.cooperationBox{padding-bottom: 50px;}
.cooperationCont {padding-top: 30px;}
.cooperationCont li{float:left;font-size:0; border: 1px solid #dbdbdb; height: 124px; line-height: 124px; width: 278px; text-align: center; border-radius: 8px; margin-right: 25px;margin-bottom: 20px;transition: all .3s;position: relative;top:0;}
.cooperationCont li:nth-child(4n){margin-right: 0;}
.cooperationCont li:hover{top:-5px}
.cooperationCont img{display: inline-block;vertical-align: middle; max-height:124px ; max-width: 278px;}
.dataBox{width:100%;height:311px;background: url('../images/Bg_data.jpg') no-repeat top center;}
.dataCont{padding-top: 90px;}
.dataCont .lineBox{display: inline-block;width: 90px;height: 1px;background: #5c5f6a;vertical-align: middle;margin: 0 12px;}
.dataCont .dataList{display: inline-block;color:#fff;text-align: center;vertical-align: middle;}
.dataCont .dataList h2{font-size: 58px;color: #fff;}
.dataCont .dataList h2 span{display: inline-block;vertical-align: top;}
.dataCont .dataList h2 em{display: inline-block;vertical-align: top;color: #fff;font-size:26px;}
.dataCont .dataList p{font-size:16px;color:#ffffff;line-height: 1.6;}
.footer{width: 100%;background: #070612;border-top: 5px solid #dbbd7d;}
.footer .topBox{padding-top: 74px;height: 309px;}
.footer .topBox .listBox {height: 233px;border-left: 1px solid #393841;}
.footer .topBox .listBox h2{font-size:20px;font-weight:bold;color:#fff;padding-left: 15px;border-left: 4px solid #dbbd7d;position: relative;left:-2px;}
.footer .topBox .listBox p{padding-left: 16px;margin-top: 20px;font-size: 16px;color:#6a6978;}
.footer .topBox .listBox p a{font-size: 16px;color:#6a6978;}
.footer .topBox .serviceBox{float: left;width: 383px;}
.footer .topBox .contactBox{float: left;width: 544px;}
.footer .topBox .aboutBox{float: right;width: 163px;}
.footer .topBox .aboutBox .codeBox{padding-left: 16px;padding-top:20px;}
.footer .topBox .aboutBox .codeBox p{font-size: 16px;color: #6a6978;text-align: center;padding-left: 0;}
.footer .botBox{border-top: 1px solid #393841;/* height: 80px; */padding: 10px;}
.footer .botBox p{text-align: center;line-height: 30px;font-size: 16px;color:#d5d3e6;}
.footer .botBox p a{color:#d5d3e6; margin-left:12px;}

.goTop{display: none; background: url("../images/ico_arrowTop.png") no-repeat center center #dbbd7d; background-size: 40px 40px; width: 50px; height: 50px; position: fixed; right: 50px; bottom: 100px; border-radius: 50%; z-index: 99; cursor: pointer;}
.goTop.Show{display: block;}

/*新闻资讯--详情页*/
.topLayer{height: 100px;width: 100%;}
.detailsBox{padding-bottom: 30px;}
.detailsBox .topBox {padding-bottom: 30px;border-bottom: 1px dashed #c3c2c2;}
.detailsBox .topBox h2{font-size: 26px;color: #111111;font-weight: bold;text-align: center;padding-top: 25px;}
.detailsBox .topBox p{text-align: center;font-size: 18px;color: #999999;padding-top: 18px;}
.detailsBox .topBox i{margin-right: 10px;}
.detailsBox .topBox .time {padding-right: 30px;border-right: 1px solid #dddddd; margin-right: 30px;}
.detailsBox .topBox .time i{display: inline-block;width: 24px;height: 24px;background-position: -378px -19px;vertical-align: -4px;}
.detailsBox .topBox .num i{display: inline-block;width: 27px;height: 19px;background-position: -417px -19px;vertical-align: -4px;}
.detailsBox .topBox .jump{text-align: right;}
.detailsBox .topBox .jump a{display: inline-block; height: 36px;line-height: 36px;width: 100px;text-align: center;background: #dbbd7d;color: #fff;border-radius: 5px;font-size: 14px;}
.newDetailsCont{padding: 20px 50px 50px;border-bottom: 1px solid #d7d7d7;}
.newDetailsCont .topBox{height: 200px;border-bottom: 1px dashed #c3c2c2;}
.newDetailsCont img{max-width: 100%;}
.newDetailsCont .textBox{padding-top: 38px;}
.newDetailsCont .picBox{text-align: center;margin-top: 38px;}
.newDetailsCont h3{font-size: 16px;color: #111111;font-weight: bold;margin-bottom: 10px;}
.newDetailsCont p{font-size: 16px;color: #666666;line-height: 1.8;}
.readMoreBox{padding-top: 60px;}
.readMoreBox h2{font-size:20px;color: #111111;font-weight: bold;}
.readMoreBox ul {margin-top: 25px;}
.readMoreBox ul li{font-size: 16px;color: #666666;width: 50%;float: left;margin-bottom: 25px;}
.readMoreBox ul li a{color: #666;}
.readMoreBox ul li i{display: inline-block;width: 5px;height: 9px;background-position: -463px -19px;margin-right: 5px; }
/*新闻资讯*/
.newbanner{width: 100%;height: 580px;background: url(../images/newBannerPic.jpg) no-repeat;}
.newContBox{width: 100%;margin-top: 85px;}
.newNavBox{border-top: 1px solid #dbdbdb;height: 182px;}
.newNavBox ul{position: relative;top: -11px;padding: 0 60px;}
.newNavBox ul li{float: left; width: 129px;height: 193px;margin-right: 108px;cursor: pointer;}
.newNavBox ul li:last-child{margin-right: 0;}
.newNavBox ul li .dot{margin: 0 auto;width: 20px;height: 20px;border: 1px solid #aeaeae;border-radius: 21px;text-align: center;line-height: 21px;}
.newNavBox ul li .dot u{display: inline-block;width: 12px;height: 12px;background: #aeaeae;border-radius: 12px;}
.newNavBox ul li .line{width: 1px;height: 43px;background: #aeaeae;margin: 0 auto;}
.newNavBox ul li .squareOut{width: 89px;height: 89px;border: 1px solid #949db0;margin: 18px auto 0;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.newNavBox ul li .squareIn{width: 71px;height: 71px;background: #aeaeae;margin:9px auto;}
.newNavBox ul li .squareIn span{display:block;padding-top: 7px;margin-left:4px; width: 71px;height: 71px;text-align: center;font-weight: normal; font-size: 20px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.newNavBox ul li.cur .dot,.newNavBox ul li:hover .dot{border: 1px solid #2a3c62;}
.newNavBox ul li.cur .dot u,.newNavBox ul li:hover .dot u{background: #2a3c62;}
.newNavBox ul li.cur .line,.newNavBox ul li:hover .line{background: #2a3c62;}
.newNavBox ul li.cur .squareOut,.newNavBox ul li:hover .squareOut{border: 1px solid #2a3c62;}
.newNavBox ul li.cur .squareIn,.newNavBox ul li:hover .squareIn{background: #2a3c62;}
.newNavBox ul li.cur .squareIn span,.newNavBox ul li:hover .squareIn span{font-weight: bold;}
.newContBox .newlistTab {margin-top: 60px;}
.newContBox .newlistTab .newlistCont{display: none;}
.newContBox .newlistTab .newlistCont li{height: 149px;margin-bottom: 50px;}
.newContBox .newlistTab .newlistCont h3{float: left;width: 265px;height: 149px;margin-right: 38px;}
.newContBox .newlistTab .newlistCont h3 img{width: 100%;}
.newContBox .newlistTab .newlistCont .text h4{font-size: 22px;color: #111111;font-weight: bold;}
.newContBox .newlistTab .newlistCont .text h4 a{color:#666}
.newContBox .newlistTab .newlistCont .text .textCont{font-size: 16px;color: #666666;line-height: 1.8;margin-top: 18px;}
.newContBox .newlistTab .newlistCont .text .time{font-size: 18px;color: #999999;margin-top: 20px;}
.newContBox .newlistTab .newlistCont .text .time i{display: inline-block;width: 24px;height: 24px;background-position: -378px -19px;vertical-align: -4px;margin-right: 10px;}
/*渠道合作*/
.cooperatebanner{width: 100%;height: 580px;background: url(../images/cooperateBanner.jpg) no-repeat top center;}
.cooperatebanner .infoFrom{width: 330px;height: 418px;border-radius: 10px;background: #fff;float: right;margin-top: 162px;}
.cooperatebanner .infoFrom h2{font-size:28px;color: #111111;padding-top: 40px;text-align: center;}
.cooperatebanner .infoFrom .contBox{padding: 25px 30px;text-align: left;}
.cooperatebanner .infoFrom .contList{border-bottom: 1px solid #dbdbdb;padding: 10px 0;height: 26px;line-height: 26px;margin-bottom: 22px;}
.cooperatebanner .infoFrom .contList span{font-size: 15px;color: #666666;display:block;height: 26px;width: 70px;float: left;}
.cooperatebanner .infoFrom .contList input{height: 26px;width: 180px;padding-left: 10px;border-left:1px solid #ecf0f1;float: left;}
.cooperatebanner .infoFrom .btnBox{padding-top: 15px;}
.cooperatebanner .infoFrom .btnBox a{transition: all .3s;position: relative;top: 0; display: inline-block;width: 100%;height: 54px;background: #dbbd7d;font-size: 20px;color:#fff;border-radius: 54px;line-height: 54px;text-align: center;}
.cooperatebanner .infoFrom .btnBox a:hover{top: -3px;background-color: #bc9c58;}
.processBox{padding-bottom:75px;}
.processBox .contBox{border-top: 1px solid #dbdbdb;margin-top: 36px;}
.processBox .contBox li{float: left;width: 176px;height: 246px;border: 1px solid #dbdbdb; margin-right: 26px;margin-top: 92px;position: relative;}
.processBox .contBox li .line{width: 1px;height: 92px;background: #dbdbdb;position: absolute;top: -92px;left: 50%;}
.processBox .contBox li .mark{width: 62px;height:44px;border-radius: 1px;background: #dbdbdb;margin: -18px auto;text-align: center;line-height: 44px;font-size:24px;color: #111111;}
.processBox .contBox li:last-child{margin-right: 0;}
.processBox .contBox li dl{padding: 44px 0 44px 20px;}
.processBox .contBox li dt{font-size: 20px;color: #111111;font-weight: bold;margin-bottom: 15px;}
.processBox .contBox li dd em{display: block;width: 9px;height: 3px;background: #666666;margin-top:10px;margin-right: 8px;float: left;}
.processBox .contBox li dd span{display: block;float: left;width: 128px;}
.processBox .contBox li dd{font-size: 16px;color: #666666;margin-bottom: 15px;}
.processBox .contBox li dd::after{content: '';display: table;clear:both}
.processBox .contBox li:hover{border: 1px solid #2a3c62;background: #2a3c62;cursor: pointer;}
.processBox .contBox li:hover .mark{background: #ffffff;color: #2a3c62;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.24);}
.processBox .contBox li:hover dt{color: #fff;}
.processBox .contBox li:hover dd{color:#7087bc}
.processBox .contBox li:hover dd em{background:#7087bc;}
.modeBox{padding: 174px 0 75px;background: #f6f6f6;}
.modeBox .contBox .picBox{width: 479px;height: 400px;position: relative;}
.modeBox .contBox .picBox img{width: 100%;}
.modeBox .contBox .picBox .square{display: inline-block;width: 118px;height:118px;border: 1px solid #fff;background:rgba(0，0，0，0);position: absolute;top:50%;left: 50%;margin-left: -60px;margin-top:-60px;}
.modeBox .contBox .picBox .titleBox{width: 220px;padding-left:20px;height: 299px;position: absolute;right: 0;top: -99px;background: #dbbd7d;color: #fff;}
.modeBox .contBox .picBox .titleBox h3{font-size: 32px;font-weight: bold;color: #fff;padding-top:100px;}
.modeBox .contBox .picBox .titleBox p{font-size: 16px;margin-top: 10px;text-transform:Uppercase;}
.modeBox .contBox .picBox .titleBox em{display: inline-block;width: 15px;height: 2px;background:#fff;}
.modeBox .contBox  .textBox{width: 721px;height:399px;border-top:1px solid #dbdbdb;}
.modeBox .contBox  .textBox .tabList{width: 239px;border-right: 1px solid #dbdbdb;}
.modeBox .contBox  .textBox .tabList:first-child .tabCont{height: 267px;margin-top: 132px;}
.modeBox .contBox  .textBox .tabList .tabCont{height: 166px;border-bottom: 1px solid #dbdbdb;text-align: center;margin-top: 32px;}
.modeBox .contBox  .textBox .tabCont:first-child i{display: inline-block;width: 35px;height: 38px;background-position:-378px -61px;}
.modeBox .contBox  .textBox .tabListB .tabCont:nth-child(1) i{display: inline-block;width: 41px;height: 38px;background-position:-425px -61px;}
.modeBox .contBox  .textBox .tabListB .tabCont:nth-child(2) i{display: inline-block;width: 35px;height: 38px;background-position:-478px -61px;}
.modeBox .contBox  .textBox .tabListC .tabCont:nth-child(1) i{display: inline-block;width: 37px;height: 38px;background-position:-521px -61px;}
.modeBox .contBox  .textBox .tabListC .tabCont:nth-child(2) i{display: inline-block;width: 26px;height: 38px;background-position:-570px -61px;}
.modeBox .contBox  .textBox .tabCont h4{font-size: 20px;color:#111111;font-weight: bold;margin-top: 12px;}
.modeBox .contBox  .textBox .tabCont p{width: 160px;margin: 0 auto;font-size: 16px;color:#666666;margin-top: 12px;text-align: left;line-height: 1.6;}
/*客户案例*/
.casebanner{height: 580px;background: url(../images/caseBanner.jpg) no-repeat top center;}
.casebanner .btnBox{padding-top: 390px;}
.casebanner .tryBtn{display: inline-block;width: 224px;height: 48px;border: 1px solid #2a3c61;background:#2a3c61;transition: all .3s;font-size: 20px;font-weight: bold;color:#fff;text-align: center;line-height: 48px;border-radius: 50px;margin: 0 10px;}
.casebanner .tryBtn i{display: inline-block;width: 13px;height: 7px;background-position: -50px -67px;vertical-align: 2px;margin-left: 10px;}
.casebanner .tryBtn i{background-position: -50px -43px;}

.caseLabel{margin: 30px 0;}
.caseLabel .label{display: inline-block;background-color: #FFFFFF;border: 1px solid #3f444a;color: #3f444a;cursor: pointer; font-size: 14px;font-weight: 400;padding: 10px 22px;font: 400 16px/40px "Open Sans", sans-serif; position: relative; margin: 0 10px 10px 0;    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;}
.caseLabel .label:hover,.caseLabel .label.active{background-color: #3f444a;color: #fff;border-color: #3f444a;}

.caseCont {padding: 15px 0;}

/*关于我们*/
.aboutbanner{height: 580px;background: url(../images/aboutBanner.jpg) no-repeat top center;}
.aboutbanner .title{padding-top: 120px;}
.aboutbanner .text{margin-top:20px;font-size: 16px;color:#ffffff;padding: 0 40px;line-height:2;}
.aboutbanner .text p{text-indent:30px; margin:10px 0;}
.cultureCont {padding-bottom: 50px;}
.cultureCont li{padding-top:10px;width: 280px;height: 428px;background: url('../images/cultureBgA.jpg') no-repeat;float: left;margin-right: 22px;}
.cultureCont li .mainBox{width: 262px;height: 418px;background: #fff;margin: 0 auto;}
.cultureCont li .top{width: 150px;margin: 0 auto;padding:30px 0; text-align: center;border-bottom: 1px solid  #e9e9e9;}
.cultureCont li .top p{font-size:18px;color: #999999;text-transform:Uppercase;}
.cultureCont li .top h3{font-size: 30px;margin-top: 10px;}
.cultureCont li .text{font-size: 18px;color:#666666;text-align: center;padding: 25px 0;}
.cultureCont li .text p{margin-bottom: 18px;}
.cultureCont li .mark {text-align: center;}
.cultureCont li .mark .line{width: 1px;height: 48px;border-left: 1px dashed #dddddd;margin: 0 auto;position: relative;left:1px}
.cultureCont li:last-child{margin-right: 0;}
.cultureCont li:nth-child(2){background: url('../images/cultureBgB.jpg') no-repeat;}
.cultureCont li:nth-child(3){background: url('../images/cultureBgC.jpg') no-repeat;}
.cultureCont li:nth-child(4){background: url('../images/cultureBgD.jpg') no-repeat;}
.cultureCont li u{display: inline-block;width: 65px;height:65px;background-position: -378px -99px;margin-top: 8px;}
.cultureCont li:nth-child(2) u{display: inline-block;width: 65px;height:65px;background-position: -446px -99px;}
.cultureCont li:nth-child(3) u{display: inline-block;width: 65px;height:65px;background-position: -514px -99px;}
.cultureCont li:nth-child(4) u{display: inline-block;width: 65px;height:65px;background-position: -582px -99px;}
.historyBox{background: #f2f2f2;position: relative;height: 512px;overflow: hidden;}
.historyBox .lineBox{width: 100%;height: 2px;background: #333333;position: absolute;top: 335px;}
.historyBox .main{position: relative;height: 343px;}
.historyBox .listCont{text-align: center;position: relative;padding: 130px 0;}
.historyBox .listCont .text{position: absolute;display: inline-block;width: 220px;margin: 0 auto;left: 50%;margin-left: -110px;}
.historyBox .listTop .text{top: 40px;} 
.historyBox .listCont .mark{margin: 0 auto;width: 83px;height: 83px;border-radius: 83px;background: #2a3c62;text-align: center;line-height: 83px;}
.historyBox .listCont .time{font-size: 20px;color: #111111;font-weight: bold;margin-top: 10px;}
.historyBox .listCont p{font-size: 16px;color: #666666;margin-top: 4px;}
.historyBox .listTop .time{margin-top: 5px;}
.historyBox .arrow{width: 41px;height: 41px;background: #333333;border-radius: 41px;text-align: center;line-height: 41px;cursor: pointer;}
.historyBox .arrow:hover{background: #dbbd7d;}
.historyBox .arrow i{display: inline-block;width: 11px;height: 18px;background-position: -260px -500px;vertical-align: -3px;}
.historyBox .arrow-right i {transform:rotate(180deg)}
.historyBox .arrow-left{position: absolute;left:-20px;top: 50%;margin-top: -20px;z-index: 10;}
.historyBox .arrow-right{position: absolute;right:-20px;top: 50%;margin-top: -20px;z-index: 10;}
.historyBox .swiper-slide .mark i{display: inline-block;vertical-align: -15px;}
.historyBox .listContA .mark i{width: 33px;height: 40px;background-position: -378px -500px;}
.historyBox .listContB .mark i{width: 43px;height: 43px;background-position: -425px -500px;}
.historyBox .listContC .mark i{width: 35px;height: 40px;background-position: -478px -500px;}
.historyBox .listContD .mark i{width: 41px;height: 37px;background-position: -521px -500px;}
.historyBox .listContE .mark i{width: 42px;height: 39px;background-position: -570px -500px;}
.historyBox .listContF .mark i{width: 42px;height: 39px;background-position: -624px -500px;}
.historyBox .listContG .mark i{width: 39px;height: 39px;background-position: -378px -547px;}
.historyBox .listContH .mark i{width: 39px;height: 39px;background-position: -425px -547px;}
.historyBox .listContI .mark i{width: 41px;height: 41px;background-position: -478px -547px;}
.historyBox .listContJ .mark i{width: 43px;height: 39px;background-position: -521px -547px;}
.historyBox .listContK .mark i{width: 32px;height: 42px;background-position: -570px -547px;}
.historyBox .listContL .mark i{width: 45px;height: 35px;background-position: -624px -547px;}
.groupBox{padding: 0px 0 30px;}
.groupCont{margin-top:30px;width:100%;height: 280px;background: url(../images/groupPic.png) no-repeat top center;}
.groupList h3{font-size: 20px;color:#111111;margin-bottom: 10px;font-weight: bold;}
.groupList h4{display:inline-block;font-size: 14px;color:#ffffff;background: #dbbd7d;line-height: 23px;padding: 0 10px;margin-bottom: 16px;text-transform: uppercase;}
.groupList p{font-size: 14px;color:#999999;margin-bottom: 12px;}
.groupListB{text-align: right;}
.groupListB h4{background: #2a3c62;}
.addBox{width: 100%;background: url(../images/addBoxBg.jpg) no-repeat top center;}
.addBox .map{margin-top: 54px;}
.addBox .text{font-size: 16px;color:#333333;text-align: center;padding-top:40px;}
.addBox .text p{margin-bottom: 20px;}
.addBox .text i{display: inline-block;vertical-align: -2px;margin-right: 6px;}
.addBox .text .phone{margin-right: 20px;}
.addBox .text .phone i{width: 20px;height: 20px;background-position:-378px -164px;}
.addBox .text .complaint i{width: 22px;height: 22px;background-position:-413px -164px;vertical-align: -4px;}
.addBox .text .mail i{width: 22px;height: 17px;background-position:-446px -164px;}
.addBox .text .address i{width: 18px;height: 22px;background-position:-478px -164px;}
/*服务报价*/
.serverBanner {width: 100%;height: 580px;background: url(../images/serverBanner.jpg) no-repeat top center;min-width: 1200;}
.serverBanner .infoFrom{width: 330px;height: 418px;border-radius: 10px;background: #fff;float: right;margin-top: 162px;}
.serverBanner .infoFrom h2{font-size:28px;color: #111111;padding-top: 40px;text-align: center;}
.serverBanner .infoFrom .contBox{padding: 25px 30px;text-align: left;}
.serverBanner .infoFrom .contList{border-bottom: 1px solid #dbdbdb;padding: 10px 0;height: 26px;line-height: 26px;margin-bottom: 22px;}
.serverBanner .infoFrom .contList span{font-size: 15px;color: #666666;display:block;height: 26px;width: 70px;float: left;}
.serverBanner .infoFrom .contList input{height: 26px;width: 180px;padding-left: 10px;border-left:1px solid #ecf0f1;float: left;}
.serverBanner .infoFrom .btnBox{padding-top: 15px;}
.serverBanner .infoFrom .btnBox a{transition: all .3s;position: relative;top: 0; display: inline-block;width: 100%;height: 54px;background: #dbbd7d;font-size: 20px;color:#fff;border-radius: 54px;line-height: 54px;text-align: center;}
.serverBanner .infoFrom .btnBox a:hover{top: -3px;background-color: #bc9c58;}
.saasBox{padding-bottom: 75px;}
.saasCont{padding-top: 40px;}
.saasCont table{ background:#dbdbdb;width: 100%;text-align: center;border-radius: 10px;overflow: hidden;} 
.saasCont table th{font-size: 20px;color:#111;background: #f2f2f2;height: 75px;}
.saasCont table td{ background:#fff;font-size: 16px;color:#999999;height: 60px;} 
.saasCont table tr.fontW td{font-weight: bold;}
.saasCont table tr td:first-child{font-size: 18px;color:#333333;}
.productBoxB{width: 100%;height: 350px;background: url(../images/productBg.jpg) no-repeat top center;}
.productBoxB .btnBox{text-align: center;padding-top: 220px;}
.productBoxB .btnBox a{display: inline-block;width: 290px;height: 48px;border: 1px solid #dbbd7d;transition: all .3s;font-size: 20px;font-weight: bold;color:#dbbd7d;text-align: center;line-height: 48px;border-radius: 50px;margin: 0 10px;}
.productBoxB .btnBox i{display: inline-block;width: 13px;height: 7px;background-position: -50px -19px;vertical-align: 2px;margin-left: 10px;}
.productBoxB .btnBox a:hover{background: #dbbd7d;color:#fff;}
.productBoxB .btnBox a:hover i{background-position: -50px -43px;}
.modelBox{padding-bottom: 75px;}
.modelCont{width: 100%;border-top: 1px solid #dbdbdb;margin-top: 50px;padding-top: 48px;}
.modelCont ul li{width: 230px;float: left;position: relative;margin-right: 11px;}
.modelCont ul li:last-child{margin-right: 0;}
.modelCont ul li .infoBox{padding: 0 35px;width:160px;padding-top:40px;height: 436px;background: #f2f2f2;position: relative;}
.modelCont ul li em{display: inline-block; width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #f2f2f2;position: absolute;top: -12px;left: 50%;margin-left:-12px;}
.modelCont ul li .mark{width: 21px;height: 21px;border-radius: 21px;border:1px solid #dbdbdb;background: #fff;position: absolute;top:-60px;left: 50%;margin-left: -10px;text-align: center;line-height: 23px;}
.modelCont ul li .mark u{display:inline-block; width: 13px;height: 13px;border-radius: 13px;background: #dbdbdb;}
.modelCont ul li .topBox{height: 97px;border-top: 3px solid #bdbdbd;border-bottom: 1px solid #bdbdbd;text-align: center;color:#111111;}
.modelCont ul li .topBox h3{font-size: 24px;padding-top: 20px;font-weight: bold;}
.modelCont ul li .topBox p{font-size: 20px;padding-top: 2px;}
.modelCont ul li .text{font-size: 16px;color:#666666;padding-top: 35px;line-height: 1.8;text-align: center;height: 165px;}
.modelCont ul li .botBox{text-align: center;margin-top:30px;}
.modelCont ul li .botBox i{display: inline-block;width: 33px;height: 39px;background-position: -9px -540px;}
.modelCont ul li .botBox p{font-size: 16px;color: #2a3c62;font-weight: bold;margin-top: 10px;}
.modelCont ul li:nth-child(2) .botBox i{width: 33px;height: 39px;background-position: -52px -540px;}
.modelCont ul li:nth-child(3) .botBox i{width: 34px;height: 39px;background-position: -92px -540px;}
.modelCont ul li:nth-child(4) .botBox i{width: 38px;height: 39px;background-position: -131px -540px;}
.modelCont ul li:nth-child(5) .botBox i{width: 32px;height: 39px;background-position: -175px -540px;}
.modelCont ul li:hover .infoBox{background: #2a3c62;cursor: pointer;}
.modelCont ul li:hover .infoBox em{border-bottom: 12px solid #2a3c62;}
.modelCont ul li:hover .mark{border:1px solid #2a3c62;background: #fff;}
.modelCont ul li:hover .mark u{background: #2a3c62;}
.modelCont ul li:hover .topBox{color: #fff;}
.modelCont ul li:hover .topBox h3{color:#fff;}
.modelCont ul li:hover .text{color:#fff;}
.modelCont ul li:hover .botBox i{background-position: -9px -500px;}
.modelCont ul li:nth-child(2):hover .botBox i{width: 33px;height: 39px;background-position: -52px -500px;}
.modelCont ul li:nth-child(3):hover .botBox i{width: 34px;height: 39px;background-position: -92px -500px;}
.modelCont ul li:nth-child(4):hover .botBox i{width: 38px;height: 39px;background-position: -131px -500px;}
.modelCont ul li:nth-child(5):hover .botBox i{width: 32px;height: 39px;background-position: -175px -500px;}
.modelCont ul li:hover .botBox p {color: #fff;}
/*弹窗*/
.infoFromPopup{width: 330px;height: 418px;border-radius: 10px;background: #fff;display: none;}
.infoFromPopup h2{font-size:28px;color: #111111;padding-top: 40px;text-align: center;}
.infoFromPopup .contBox{padding: 25px 30px;text-align: left;}
.infoFromPopup .contList{border-bottom: 1px solid #dbdbdb;padding: 10px 0;height: 26px;line-height: 26px;margin-bottom: 22px;}
.infoFromPopup .contList span{font-size: 15px;color: #666666;display:block;height: 26px;width: 70px;float: left;}
.infoFromPopup .contList input{height: 26px;width: 180px;padding-left: 10px;border-left:1px solid #ecf0f1;float: left;}
.infoFromPopup .btnBox{padding-top: 15px;}
.infoFromPopup .btnBox a{transition: all .3s;position: relative;top: 0; display: inline-block;width: 100%;height: 54px;background: #dbbd7d;font-size: 20px;color:#fff;border-radius: 54px;line-height: 54px;text-align: center;}
.infoFromPopup .btnBox a:hover{top: -3px;background-color: #bc9c58;}
/*分页*/
.pageBox{padding: 20px 0 60px;text-align: center;}
.pageBox a{display: inline-block;width: 48px;height: 48px;margin:0 4px;border: 1px solid #dbdbde;text-align: center;line-height: 48px;font-size: 18px;color: #666666;border-radius: 5px;}
.pageBox .next,.pageBox .prev{width: 108px;}
.pageBox a.cur,.pageBox a:hover{background:#2a3c62;color: #fff;}

.page{text-align: center; padding:  20px 0}
.page a{display: inline-block;margin: 3px;border: 1px solid #e8e8e8;height: 30px; line-height: 30px; padding: 0 10px;border-radius: 4px;}
.page a:hover,.page a.cur{background: #f24343;border-color: #f24343; color: #fff}