/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ description: 椤圭洰鍏敤鏍峰紡锛岀敤浜庢墍鏈夐〉闈
* @ author: kennen
* @ update: kennen(2017.06.01)
=========================================================================
*************************************************************************
*************************************************************************
*************************************************************************/

/***************************************
* name: layoutFrame
* tips: 妗嗘灦甯冨眬
****************************************/
.mainer{position:relative;z-index:9;background:#fff;}
.mainerRow{padding:50px 0;}
.mainerRow-left{float:left;width:1045px;}
.mainerRow-right{float:right;width:340px;}
.mainerRow-right .adFull{margin-bottom:20px;}
.screen1210 .mainerRow-left{width:845px;}
.screen1000 .mainerRow-left{width:635px;}
.upSymbolContainer{display:inline-block;width:10px;height:12px;position:relative;z-index:0;}
.upSymbolContainer .upSymbol{position:absolute;left:0;top:-12px;}
/***************************************
* name: ico
* tips: 鑷畾涔夊浘鏍
****************************************/
/*ico 鏍峰紡鍥剧墖*/
.ico{background-image:url(/img/ico.png);background-repeat:no-repeat;display:inline-block;overflow:hidden;}
.ico-search{width:16px;height:16px;background-position:-9px -9px;}
.ico-search-white{width:30px;height:30px;background-position:-637px -106px;}
.ico-circle-white{width:60px;height:60px;background-position:-619px -190px;}
.ico-triangle-down{width:10px;height:5px;background-position:-13px -50px;}
.ico-headset{width:24px;height:24px;background-position:-146px -6px;}
.ico-tell{width:24px;height:24px;background-position:-146px -41px;}
.ico-banner-btn-left{width:35px;height:80px;background-position:-415px -80px;}
.ico-banner-btn-left:hover{background-position:-515px -80px;}
.ico-banner-btn-right{width:35px;height:80px;background-position:-451px -80px;}
.ico-banner-btn-right:hover{background-position:-551px -80px;}
.ico-square-angle-left{width:58px;height:30px;background-position:-220px -89px;}
.ico-square-angle-left:hover{background-position:-322px -89px;}
.ico-square-angle-right{width:58px;height:30px;background-position:-220px -120px;}
.ico-square-angle-right:hover{background-position:-322px -120px;}
.ico-square-angle-black-left{width:58px;height:30px;background-position:-119px -89px;}
.ico-square-angle-black-left:hover{background-position:-322px -89px;}
.ico-square-angle-black-right{width:58px;height:30px;background-position:-119px -120px;}
.ico-square-angle-black-right:hover{background-position:-322px -120px;}
.ico-web-pc{width:70px;height:70px;background-position:-14px -85px;}
.ico-web-app{width:70px;height:70px;background-position:-14px -285px;}
.ico-web-touch{width:70px;height:70px;background-position:-14px -185px;}
.ico-web-safe{width:19px;height:24px;background-position:-289px -4px;}
.ico-position-min{width:12px;height:16px;background-position:-501px -9px;}
.ico-leave-message{width:16px;height:14px;background-position:-500px -47px;}
.ico-qq-white{width:13px;height:14px;background-position:-571px -46px;}
.ico-qq-on{width:15px;height:18px;background-position:-570px -9px;}
.ico-circle-btn-left{width:36px;height:36px;background-position:-215px -281px;}
.ico-circle-btn-left:hover{background-position:-253px -281px;}
.ico-circle-btn-right{width:36px;height:36px;background-position:-215px -320px;}
.ico-circle-btn-right:hover{background-position:-253px -320px;}
.ico-video{width:24px;height:17px;background-position:-706px -9px;}
.ico-video-play{width:54px;height:54px;background-position:-422px -193px;}
.ico-tell-black{width:24px;height:18px;background-position:-705px -44px;}
.ico-service-black{width:24px;height:20px;background-position:-775px -7px;}
.ico-suggest-black{width:22px;height:24px;background-position:-776px -40px;}
.ico-eye-yellow{width:26px;height:16px;background-position:-634px -10px;}
.ico-angle-right-circle-gray{width:25px;height:26px;background-position:-438px -322px;}
.ico-angle-right-circle-yellow{width:25px;height:26px;background-position:-438px -291px;}
.ico-more-dot{width:140px;height:140px;background-position:-30px -400px;}
.ico-user-default-ico{width:16px;height:18px;background-position:-850px -8px;}
.ico-user-default-img{width:42px;height:42px;background-position:-730px -99px;}
.ico-angle-left-white{width:8px;height:12px;background-position:-923px -12px;}
.ico-refresh{width:24px;height:24px;background-position:-916px -41px;}
.ico-is-right{width:74px;height:74px;background-position:-613px -284px;}
.ico-message-white{width:20px;height:17px;background-position:-532px -45px;}

/*ico-share 鍒嗕韩鍥炬爣*/
.ico-share{background-image:url(../images/ico-share.png);background-repeat:no-repeat;display:inline-block;width:32px;height:32px;overflow:hidden;}
.ico-share-weixin{background-position:-9px -9px;}
.ico-share-sina{background-position:-59px -9px;}
.ico-share-qzone{background-position:-108px -9px;}
.ico-share-qq{background-position:-159px -9px;}

/*ico-logo logo鍥炬爣*/
.ico-logo{background-image:url(../images/ico-logo.png);background-repeat:no-repeat;display:inline-block;width:160px;height:60px;overflow:hidden;}
.ico-logo-gray-kuaizi{background-position:-1px -1px;}
.ico-logo-gray-kuaijie{background-position:-1px -62px;}
.ico-logo-gray-kuaishang{background-position:-1px -123px;}
.ico-logo-gray-kuaixiao{background-position:-1px -184px;}
.ico-logo-kuaizi{width:160px;height:60px;background-position:-162px -1px;}
.ico-logo-kuaijie{width:160px;height:60px;background-position:-162px -62px;}
.ico-logo-kuaiyun{width:160px;height:60px;background-position:-162px -123px;}
.ico-logo-kuaishang{width:160px;height:60px;background-position:-162px -184px;}

/***************************************
* name: header
* tips: 澶撮儴
****************************************/
.header{height:70px;position:relative;z-index:10;}
.header .headerContainer{position:fixed;z-index:10;left:0;right:0;top:0;height:70px;border-bottom:1px solid #eee\0;box-shadow:0 2px 5px 1px rgba(0,0,0,0.1);background:#fff;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.header.clearFixed .headerContainer{top:-100px;}
.header .wrapper{position:relative;z-index:0;}
.header .row-left .logo .aItem{display:inline-block;overflow:hidden;}
.header .row-left .logo .aItem .img{width:275px;height:70px;}
.header .row-middle{position:absolute;left:290px;top:0;}
.header .row-middle .mainNav .list{overflow:hidden;}
.header .row-middle .mainNav .list .item{float:left;}
.header .row-middle .mainNav .list .item .aItem{float:left;font-size:16px;color:#333;height:68px;line-height:68px;padding:0 25px;border-bottom:2px solid #fff;}
.header .row-middle .mainNav .list .item .aItem:hover{color:#f5a500;}
.header .row-middle .mainNav .list .item.on .aItem{color:#f5a500;border-bottom:2px solid #f5a500;}
.header .row-right{position:absolute;right:0;top:0;padding-left:150px;}
.header .row-right .searchGroup{border:1px solid #fff;padding-right:34px;padding-left:10px;border-radius:34px;overflow:hidden;position:absolute;left:135px;top:17px;width:0;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.header .row-right .searchGroup .inputTxt{width:0%;border:none;border-radius:34px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.header .row-right .searchGroup .searchBtn{position:absolute;right:0;top:0;width:34px;height:34px;}
.header .row-right .searchGroup .searchBtn .ico{position:absolute;left:5px;top:9px;}
.header .row-right .searchGroup.on{border:1px solid #dedede;left:0;width:120px;}
.header .row-right .searchGroup.on .inputTxt{width:100%;}
.header .row-right .moreNav .list{*zoom:1;}
.header .row-right .moreNav .list:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.header .row-right .moreNav .list .item{float:left;margin-left:25px;}
.header .row-right .moreNav .list .item .aItem{float:left;height:70px;line-height:70px;}
.header .row-right .moreNav .list .item.on .aItem{color:#f5a500;border-bottom:2px solid #f5a500;}
.header .row-right .moreNav .list .item .customerService .aItem{padding:0 10px;}
.header .row-right .moreNav .list .item .customerService .ico-headset{vertical-align:-8px;}
.header .row-right .moreNav .list .item .customerService .aItem:hover .ico-headset{background-position:-181px -7px;}
.header .row-right .moreNav .list .item .connectUs .ico-tell{vertical-align:-8px;}
.header .row-right .moreNav .list .item .connectUs .aItem{padding:0 10px;}
.header .row-right .moreNav .list .item .connectUs .aItem:hover .ico-tell{background-position:-181px -41px;}
.header .row-right .loginBefore .ico-user-default-ico{vertical-align:-3px;margin-right:5px;}
.header .row-right .loginAfter{position:relative;z-index:0;}
.header .row-right .loginAfter > .aItem{overflow:hidden;}
.header .row-right .loginAfter .icoContainer{float:left;}
.header .row-right .loginAfter .ico-user-default-img{float:left;margin-right:5px;}
.header .row-right .loginAfter .img{float:left;width:42px;height:42px;border-radius:42px;margin-right:5px;margin-top:14px;}
.header .row-right .loginAfter .title{float:left;color:#666;max-width:100px;overflow:hidden;}
.header .row-right .loginAfter .loginAfterDropBox{position:absolute;left:45px;background:#fff;padding:10px;width:100px;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;top:30px;}
.header .row-right .loginAfter .loginAfterDropBox .dropAItem{display:block;height:30px;line-height:30px;overflow:hidden;text-align:center;}
.header .row-right .loginAfter:hover .loginAfterDropBox{visibility:visible;opacity:1;top:60px;}
/*dropDownMenu 涓嬫媺鑿滃崟*/
.header .dropDownMenu{position:fixed;left:0;right:0;top:70px;background:#fff;z-index:99;border-top:1px solid #eee;border-bottom:1px solid #eee;box-shadow:0 3px 3px 1px rgba(0,0,0,0.1);transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;overflow:hidden;height:0;visibility:hidden;opacity:0;}
.header .dropDownMenu:before{content:'';display:block;position:absolute;left:0;width:30%;height:100%;background:#f5f5f5;left:0;top:0;z-index:0;}
.header .dropDownMenu.on{height:320px;visibility:visible;opacity:1;}
.header .dropDownMenu .wrapper{position:relative;z-index:1;}
.header .dropDownMenu .dropDownContainer{position:relative;z-index:0;padding-left:35%;height:320px;}
.header .dropDownMenu .dropDown-left{background:#f5f5f5;position:absolute;left:0;top:0;height:100%;width:35%;}
.header .dropDownMenu .subNav{padding-top:80px;}
.header .dropDownMenu .subNav .subTitle{font-size:16px;color:#333;font-weight:bold;}
.header .dropDownMenu .subNav .subMain .list{overflow:hidden;padding-top:30px;}
.header .dropDownMenu .subNav .subMain .list .item{float:left;width:32%;padding-right:1%;}
.header .dropDownMenu .subNav .subMain .list .item .aItem{display:block;height:40px;line-height:40px;overflow:hidden;}
.header .dropDownMenu .recommendInfo .list{text-align:right;padding-top:55px;}
.header .dropDownMenu .recommendInfo .item{display:inline-block;margin-left:20px;}
.header .dropDownMenu .recommendInfo .item:first-child{margin-left:0;}
.header .dropDownMenu .recommendInfo .item .aItem{display:block;width:360px;height:200px;position:relative;z-index:0;overflow:hidden;text-align:left;}
.header .dropDownMenu .recommendInfo .item .aItem .img{float:left;position:absolute;left:0;top:0;width:100%;height:100%;}
.header .dropDownMenu .recommendInfo .item .aItem .txt{position:absolute;left:0;right:0;bottom:0;z-index:1;background:url(../images/ico-mask-black.png) repeat;padding:10px;}
.header .dropDownMenu .recommendInfo .item .aItem .txt .title{color:#fff;display:block;max-height:40px;line-height:20px;overflow:hidden;}
/*iNeedGroup 鎴戦渶瑕?/
.header .iNeedGroup{position:relative;z-index:0;height:68px;}
.header .iNeedGroup > .aItem{padding:0 10px;}
.header .iNeedGroup > .aItem .title{font-size:16px;color:#666;}
.header .iNeedGroup > .aItem .ico-triangle-down{vertical-align:2px;}
.header .iNeedGroup:hover > .aItem{background:#f5a500;}
.header .iNeedGroup:hover > .aItem .title{color:#fff !important;}
.header .iNeedGroup:hover > .aItem .ico-triangle-down{background-position:-48px -50px;}
.header .iNeedGroup:hover .iNeedDropBox{visibility:visible;opacity:1;top:70px;}
.header .iNeedGroup .iNeedDropBox{position:absolute;width:200px;left:0;top:50px;background:#f5a500;box-shadow:0 3px 3px 1px rgba(0,0,0,0.2);transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.header .iNeedGroup .iNeedDropBox .serverGroup .server-head .title{font-size:18px;color:#fff;display:block;padding:0 15px;height:50px;line-height:50px;overflow:hidden;border-bottom:1px solid #fff;}
.header .iNeedGroup .iNeedDropBox .serverGroup .serverList{padding:10px 0;}
.header .iNeedGroup .iNeedDropBox .serverGroup .serverList .subAitem{color:#fff;display:block;padding:0 15px;height:24px;line-height:24px;overflow:hidden;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.header .iNeedGroup .iNeedDropBox .serverGroup .serverList .subAitem:hover{padding-left:30px;}
/***************************************
* name: header
* tips: 浣庡垎杈ㄧ巼鍏煎-浣庡垎杈ㄧ巼鍏煎
****************************************/
.screen1210 .header .row-middle{left:310px;}
.screen1210 .header .row-middle .mainNav .list .item .aItem{padding:0 15px;}
.screen1210 .header .row-right{padding-left:130px;}
.screen1210 .header .row-right .moreNav .list .item{margin-left:5px;}
.screen1210 .header .row-right .searchGroup .inputTxt{width:110px;}
.screen1210 .header .row-right .searchGroup{left:90px;}
.screen1210 .header .row-right .searchGroup.on{left:0;width:90px;}
.screen1000 .header .row-middle{left:290px;}
.screen1000 .header .row-middle .mainNav .list .item .aItem{padding:0 10px;font-size:14px;}
.screen1000 .header .row-right{padding-left:95px;}
.screen1000 .header .row-right .moreNav .list .item{margin-left:0;}
.screen1000 .header .row-right .moreNav .list .item .aItem .title{font-size:12px;}
.screen1000 .header .row-right .searchGroup .inputTxt{width:50px;}
.screen1000 .header .row-right .searchGroup{left:50px;}
.screen1000 .header .row-right .searchGroup.on{left:0;width:50px;}
/*dropDownMenu 涓嬫媺鑿滃崟*/
.screen1000 .header .dropDownMenu .recommendInfo .list{padding-top:70px;}
.screen1000 .header .dropDownMenu .recommendInfo .item .aItem{width:300px;height:167px;}

/***************************************
* name: onlineLeaveMessage
* tips: 鍦ㄧ嚎鐣欒█
****************************************/
.onlineLeaveMessage{height:300px;position:relative;z-index:1;overflow:hidden;background-color:#333;}
.onlineLeaveMessage .wrapper{position:relative;z-index:1;}
.onlineLeaveMessage .row-main{height:300px;text-align:center;}
.onlineLeaveMessage .row-main .title{font-size:36px;color:#fff;margin:75px 0 35px 0;}
.onlineLeaveMessage .row-main .action .btn{font-size:16px;color:#fff;height:50px;line-height:50px;padding:0;width:150px;border-radius:0;background:#f5a500;border:none;}
.onlineLeaveMessage .row-main .action .btn:hover{opacity:0.8;}
.onlineLeaveMessage-bg{background-color:#333;background-repeat:no-repeat;background-position:top center;position:absolute;left:0;top:0;right:0;height:680px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

/***************************************
* name: footer
* tips: 椤佃剼
****************************************/
.footer{position:relative;z-index:1;background:#333;padding:45px 0 25px 0;}
.footer .aItem{transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.footer .aItem:hover{color:#f5a500 !important;}
.footer-top{margin-bottom:30px;border-bottom:1px solid #444;position:relative;z-index:0;padding:0 170px 30px 400px;}
.footer-top .companyInfo{position:absolute;left:0;top:0;width:250px;}
.footer-top .companyInfo .basicInfo{margin-bottom:50px;}
.footer-top .companyInfo .basicInfo .logo{margin-bottom:15px;}
.footer-top .companyInfo .basicInfo .logo .img{width:80px;height:30px;}
.footer-top .companyInfo .basicInfo .desition{color:#aaa;line-height:20px;}
.footer-top .companyInfo .otherInfo .infoGroup{margin-bottom:30px;}
.footer-top .companyInfo .otherInfo .infoGroup .label{font-weight:bold;color:#aaa;line-height:24px;margin-bottom:10px;}
.footer-top .companyInfo .otherInfo .infoGroup .value{color:#777;line-height:20px;}
.footer-top .weixin{position:absolute;right:0;top:0;width:150px;}
.footer-top .weixin .title{color:#aaa;font-weight:bold;margin-bottom:25px;}
.footer-top .weixin .imgContainer{width:150px;height:150px;position:relative;z-index:0;}
.footer-top .weixin .imgContainer .scanMask{position:absolute;left:0;top:0;width:150px;height:0;border-bottom:3px solid #f5a500;background:url(../images/ico-mask-lightyellow.png) repeat;}
.footer-top .weixin .imgContainer .img{width:150px;height:150px;}
.footer-top .weixin .tips{font-size:14px;color:#999;text-align:center;margin-top:20px;}
.footer-top .quickNavs{overflow:hidden;}
.footer-top .quickNavs .navGroup{float:left;width:24%;padding-right:1%;}
.footer-top .quickNavs .navGroup .title{color:#aaa;font-weight:bold;margin-bottom:25px;}
.footer-top .quickNavs .navGroup .list .item{margin-bottom:7px;}
.footer-top .quickNavs .navGroup .list .item .aItem{color:#777;display:block;height:20px;line-height:20px;overflow:hidden;}
.footer-top .quickNavs .navGroup .list .item .aItem:hover{padding-left:10px;}
.footer-middle{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #444;}
.footer .proUseIndustry .industryGroup{overflow:hidden;margin-bottom:10px;position:relative;z-index:0;padding-left:200px;}
.footer .proUseIndustry .industryGroup .label{position:absolute;left:0;top:0;color:#999;font-weight:bold;line-height:20px;width:170px;overflow:hidden;}
.footer .proUseIndustry .industryGroup .introduction{}
.footer .proUseIndustry .industryGroup .introduction .item{float:left;margin:0 50px 5px 0;height:20px;line-height:20px;/*width:130px;*/overflow:hidden;}
.footer .proUseIndustry .industryGroup .introduction .item .aItem{color:#777;display:block;}
.footer .proUseIndustry .industryGroup .introduction .item .aItem:hover{color:#f5a500;/*padding-left:10px;*/}
.footer .footerNav .list{overflow:hidden;margin-bottom:30px;}
.footer .footerNav .list .item{float:left;line-height:20px;margin-right:40px;margin-bottom:10px;}
.footer .footerNav .list .item .aItem{color:#aaa;font-size:16px;}
.footer .friendLink .list{overflow:hidden;margin-bottom:5px;}
.footer .friendLink .list .item{float:left;line-height:20px;margin-right:40px;margin-bottom:10px;}
.footer .friendLink .list .item .aItem{color:#777;}
.footer .copyRight{position:relative;z-index:0;padding:0 70px 0 30px;}
.footer .copyRight .ico-web-safe{position:absolute;left:0;top:0;}
.footer .copyRight .btn{position:absolute;right:0;top:0;background:#444;height:24px;line-height:24px;width:48px;padding:0;color:#999;border:none;}
.footer .copyRight .list{overflow:hidden;}
.footer .copyRight .list .item{float:left;color:#999;line-height:20px;margin-right:20px;}
/***************************************
* name: footer
* tips: 椤佃剼-浣庡垎杈ㄧ巼鍏煎
****************************************/
.screen1000 .footer-top{padding:0 170px 30px 300px;}

/***************************************
* name: footer-simple
* tips: 椤佃剼-绠€鐗
****************************************/
.footer-simple{position:relative;z-index:1;background:#f2f2f2;border-top:1px solid #ddd;padding:35px 0;}
.footer-simple .aItem{transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.footer-simple .aItem:hover{color:#f5a500 !important;}
.footer-simple .footerNav .list{overflow:hidden;margin-bottom:10px;}
.footer-simple .footerNav .list .item{float:left;line-height:20px;margin-right:40px;margin-bottom:10px;}
.footer-simple .footerNav .list .item .aItem{color:#aaa;font-size:16px;}
.footer-simple .copyRight{position:relative;z-index:0;padding:0 70px 0 30px;}
.footer-simple .copyRight .ico-web-safe{position:absolute;left:0;top:0;}
.footer-simple .copyRight .btn{position:absolute;right:0;top:0;background:#444;height:24px;line-height:24px;width:48px;padding:0;color:#999;border:none;}
.footer-simple .copyRight .list{overflow:hidden;}
.footer-simple .copyRight .list .item{float:left;color:#999;line-height:20px;margin-right:20px;}

/***************************************
* name: fixedMessageBar
* tips: 鍗虫椂閫氳宸ュ叿鏉
****************************************/
.fixedMessageBar .ico-fixedMessage{display:inline-block;cursor:pointer;background-image:url(../images/ico-fixedmessage.png);background-repeat:no-repeat;}
.fixedMessageBar .ico-fixedMessage-default{width:40px;height:130px;background-position:-1px -1px;}
.fixedMessageBar .ico-fixedMessage-qq{width:80px;height:80px;background-position:-50px -4px;}
.fixedMessageBar .ico-fixedMessage-close{width:24px;height:24px;background-position:-141px -8px;position:absolute;right:15px;top:-14px;}
.fixedMessageBar .ico-fixedMessage-weixin{width:24px;height:24px;background-position:-182px -6px;vertical-align:-7px;}
.fixedMessageBar .ico-fixedMessage-toTop{width:30px;height:30px;background-position:-217px -4px;vertical-align:-10px;}
.fixedMessageBar .fixedMessageDefault{position:fixed;z-index:999;right:10px;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;opacity:0;visibility:hidden;bottom:340px;}
.fixedMessageBar .fixedMessageDefault.on{opacity:1;visibility:visible;bottom:100px;}
.fixedMessageBar .fixedMessageOn{position:fixed;z-index:999;right:10px;bottom:30px;min-width:120px;background:#fff;border-radius:5px;border:1px solid #eee;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;opacity:0;visibility:hidden;}
.fixedMessageBar .fixedMessageOn.on{opacity:1;visibility:visible;bottom:50px;}
.fixedMessageBar .actionContainer .item{padding:7px 5px;border-top:1px dashed #ddd;text-align:center;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.fixedMessageBar .actionContainer .item:first-child{border-top:none;border-top-left-radius:5px;border-top-right-radius:5px;}
.fixedMessageBar .actionContainer .item:hover{background:#f5a500;}
.fixedMessageBar .actionContainer .item:hover .label{color:#fff;}
.fixedMessageBar .actionContainer .item:hover .val{color:#fff;}
.fixedMessageBar .actionContainer .item .label{color:#999;font-size:14px;line-height:24px;}
.fixedMessageBar .actionContainer .item .val{display:block;color:#f5a500;font-size:14px;line-height:24px;}
.fixedMessageBar .actionContainer .itemGroup{border-bottom-left-radius:5px;border-bottom-right-radius:5px;*zoom:1;}
.fixedMessageBar .actionContainer .itemGroup:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fixedMessageBar .actionContainer .itemGroup:hover{background:none;}
.fixedMessageBar .actionContainer .itemGroup .weixin{float:left;width:50%;}
.fixedMessageBar .actionContainer .itemGroup .weixin .aItem{display:block;text-align:center;line-height:50px;border-right:1px solid #eee;position:relative;z-index:0;}
.fixedMessageBar .actionContainer .itemGroup .weixin .aItem .weixinImg{position:absolute;width:128px;height:128px;border:1px solid #ddd;left:-140px;bottom:20px;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.fixedMessageBar .actionContainer .itemGroup .weixin .aItem:hover .weixinImg{opacity:1;visibility:visible;bottom:0px;}
.fixedMessageBar .actionContainer .itemGroup .toTop{float:right;width:50%;}
.fixedMessageBar .actionContainer .itemGroup .toTop .aItem{display:block;text-align:center;line-height:50px;}

/***************************************
* name: columnMainNav
* tips: 鏍忕洰涓诲鑸
****************************************/
.columnMainNav{height:60px;background:#f2f2f2;overflow:hidden;}
.columnMainNav.fixed .columnMainNavContainer{position:fixed;z-index:100;left:0;right:0;top:0;box-shadow:0 2px 5px 1px rgba(0,0,0,0.1);border-bottom:1px solid #eee;}
.columnMainNavContainer{height:60px;background:#f2f2f2;}
.columnMainNavContainer .wrapper{height:60px;overflow:hidden;}
.columnMainNavContainer .row-head{float:left;margin-right:50px;}
.columnMainNavContainer .row-head .title{font-size:24px;color:#333;line-height:60px;}
.columnMainNavContainer .row-main{float:left;}
.columnMainNavContainer .list{overflow:hidden;}
.columnMainNavContainer .list .item{float:left;}
.columnMainNavContainer .list .item .aItem{display:block;height:57px;line-height:57px;font-size:15px;padding:0 20px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.columnMainNavContainer .list .item.on .aItem{border-bottom:3px solid #f5a500;color:#f5a500;font-weight:bold;}

/***************************************
* name: innnerBannerSwiper
* tips: 鍐呴〉banner
****************************************/
.innnerBanner{height:350px;}
.innnerBannerSwiper{margin:0 auto;overflow:hidden;height:350px;}
.innnerBannerSwiper .swiper-slide{}
.innnerBannerSwiper .swiper-slide .itemContainer{float:left;width:100%;height:600px;background-position:center top;background-repeat:no-repeat;cursor:default;}
.innnerBannerSwiper .pagination{position:absolute;left:0;right:0;bottom:20px;text-align:center;height:12px;cursor:default;}
.innnerBannerSwiper .pagination .swiper-pagination-switch{background-image:url(../images/ico.png);background-repeat:no-repeat;}
.innnerBannerSwiper .pagination .swiper-pagination-switch{cursor:pointer;display:inline-block;margin:0 2px;padding:0;width:16px;height:16px;background-position:-80px -44px;}
.innnerBannerSwiper .pagination .swiper-pagination-switch.swiper-active-switch{background-color:transparent;cursor:default;border:none;background-position:-80px -9px;vertical-align:-1px;}
.innnerBannerSwiper .btnLeft{cursor:pointer;width:35px;height:80px;position:absolute;z-index:1;left:-35px;top:50%;margin-top:-40px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;visibility:hidden;opacity:0;}
.innnerBannerSwiper .btnLeft .ico{position:relative;z-index:1;}
.innnerBannerSwiper .btnRight{cursor:pointer;width:35px;height:80px;position:absolute;z-index:1;right:-35px;top:50%;margin-top:-40px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;visibility:hidden;opacity:0;}
.innnerBannerSwiper .btnRight .ico{position:relative;z-index:1;}
.innnerBannerSwiper .txtGroup{padding:100px 0 0 0;}
.innnerBannerSwiper .txtGroup .txt-mainer{padding:0 0 65px 100px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;visibility:hidden;opacity:0;}
.innnerBannerSwiper .txtGroup .txt-footer{padding:0 0 0 200px;transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;visibility:hidden;opacity:0;}
.innnerBannerSwiper .txtGroup .txt-footer .btn{height:60px;line-height:60px;padding:0 30px;background:#f5a500;border-radius:0;border:none;font-size:24px;color:#fff;}
.innnerBannerSwiper .txtGroup .txt-footer .btn:hover{background:#fff;color:#f5a500;opacity:1;}
.innnerBannerSwiper .swiper-slide-active .txtGroup .txt-mainer{padding:0 0 65px 0;visibility:visible;opacity:1;}
.innnerBannerSwiper .swiper-slide-active .txtGroup .txt-footer{padding:0;visibility:visible;opacity:1;}
.innnerBannerSwiper.on .btnLeft{visibility:visible;opacity:1;left:0;}
.innnerBannerSwiper.on .btnRight{visibility:visible;opacity:1;right:0;}

/***************************************
* name: breadNav
* tips: 闈㈠寘灞戝鑸
****************************************/
.breadNav .navGroup{position:relative;z-index:0;padding-left:80px;}
.breadNav .navGroup .nav-label{position:absolute;left:0;top:0;}
.breadNav .navGroup .nav-list{}
.breadNav .navGroup .nav-list .list{overflow:hidden;}
.breadNav .navGroup .nav-list .list .item{float:left;}
.breadNav .navGroup .nav-list .list .item:before{content:'>';display:inline-block;padding:0 3px;}
.breadNav .navGroup .nav-list .list .item:first-child:before{display:none;}
.breadNav .navGroup .nav-list .list .item .aItem.on{color:#f5a500;}

/***************************************
* name: successCase
* tips: 鎴愬姛妗堜緥銆佸吀鍨嬫渚嬶紙涓庨椤靛叕鐢級
****************************************/
.successCase{padding:0px;background:none;position:relative;z-index:1;}
/*enterAnimation 鍏ュ満鍔ㄧ敾*/
.successCase.enterAnimation .row-head .title,
.successCase.enterAnimation .row-head .description,
.successCase.enterAnimation .row-head .action,
.successCase.enterAnimation .row-main,
.successCase.enterAnimation .row-foot{visibility:visible;opacity:1;padding-top:0;}

.successCase .wrapper{/*border:1px solid red;*/}
.successCase .row-head{padding-bottom:60px;}
.successCase .row-head .title{font-size:36px;text-align:center;margin-bottom:20px;color:#333;
transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;padding-top:60px;visibility:hidden;opacity:0;}
.successCase .row-head .description{font-size:16px;color:#666;text-align:center;line-height:24px;
transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;padding-top:60px;visibility:hidden;opacity:0;}
.successCase .row-main,
.successCase .row-foot{transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;-o-transition:all 3s;padding-top:60px;visibility:hidden;opacity:0;}
.successCase .row-main .moreInfo{display:none;}
.successCase .currentCaseInfo{position:relative;z-index:0;padding-left:600px;height:340px;overflow:hidden;}
.successCase .currentCaseInfo .caseBigImg{position:absolute;left:0;top:0;}
.successCase .currentCaseInfo .caseBigImg .img{width:560px;height:340px;}
.successCase .currentCaseInfo .case-title{font-size:24px;display:block;height:30px;line-height:30px;overflow:hidden;margin-bottom:30px;}
.successCase .currentCaseInfo .case-key{max-height:40px;line-height:20px;overflow:hidden;color:#666;margin-bottom:25px;}
.successCase .currentCaseInfo .case-key .label{font-weight:bold;font-size:15px; display:block; color:#ff6700;}
.successCase .currentCaseInfo .case-key .val{font-size:14px;}
.successCase .currentCaseInfo .case-terminal .case-terminal{height:70px;overflow:hidden;}
.successCase .currentCaseInfo .case-terminal .list{overflow:hidden;margin-bottom:5px;}
.successCase .currentCaseInfo .case-terminal .list .item{float:left;margin-right:25px; font-size:15px; font-weight:bold; color:#ff6700;}
.successCase .currentCaseInfo .case-terminal .list .item .ico{float:left;}
.successCase .currentCaseInfo .case-terminal .list .item .title{float:left;line-height:70px;padding-left:10px;}
.successCase .currentCaseInfo .case-des{height:100px;line-height:25px;font-size:14px;color:#666;overflow:hidden;margin-bottom:35px;}
.successCase .currentCaseInfo .case-action .btn{width:124px;height:38px;line-height:38px;padding:0;background:#fff;border:1px solid #ccc;color:#888;}
.successCase .currentCaseInfo .case-action .btn:hover{background:#333;color:#fff;}
.successCaseSwiper{height:82px;margin-top:52px;}
.successCaseSwiper .swiper-slide{height:72px;}
.successCaseSwiper .swiper-slide .basicInfo .aItem{display:block;width:186px;height:77px;border:1px solid #eee;position:relative;z-index:0;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.successCaseSwiper .swiper-slide .itemContainer {
    margin-top: 5px;
}
.successCaseSwiper .swiper-slide .basicInfo .aItem:before{display:block;content:'';width:18px;height:7px;background-image:url(/img/ico.png);background-position:-359px -49px;position:absolute;left:50%;margin-left:-29px;top:-7px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.successCaseSwiper .swiper-slide.swiper-slide-active .basicInfo .aItem,
.successCaseSwiper .swiper-slide.on .basicInfo .aItem{border-color:#f5a500;}
.successCaseSwiper .swiper-slide.swiper-slide-active .basicInfo .aItem:before,
.successCaseSwiper .swiper-slide.on .basicInfo .aItem:before{margin-left:-9px;visibility:visible;opacity:1;}
.successCaseSwiper .basicInfo .img{width:184px;height:75px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(css/gray.svg#grayscale);filter:grayscale(100%);filter:gray;opacity:0.5;-moz-opacity:0.5;}
.successCaseSwiper .swiper-slide.swiper-slide-active .basicInfo .img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;filter:none;opacity:1;-moz-opacity:1;}
.successCaseSwiper .btnGroup-left{position:absolute;left:0;top:6px;height:75px;overflow:hidden;    z-index: 9;}
.successCaseSwiper .btnGroup-right{position:absolute;right:0;top:6px;height:75px;overflow:hidden;    z-index: 9;}
.successCaseSwiper .btnGroup-left i,
.successCaseSwiper .btnGroup-right i{margin-top:-2px;}
/*.successCaseSwiper .btnGroup-left.disabled{cursor:default;opacity:0.3;-moz-opacity:0.3);}
.successCaseSwiper .btnGroup-left.disabled:hover .ico-banner-btn-left{background-position:-415px -80px;}
.successCaseSwiper .btnGroup-right.disabled{cursor:default;opacity:0.3;-moz-opacity:0.3);}
.successCaseSwiper .btnGroup-right.disabled:hover .ico-banner-btn-right{background-position:-451px -80px;}
*/
/***************************************
* name: successCase
* tips: 鎴愬姛妗堜緥-浣庡垎杈ㄧ巼鍏煎
****************************************/
.screen1210 .successCase .currentCaseInfo{padding-left:640px;height:323px;}
.screen1210 .successCase .currentCaseInfo .caseBigImg .img{width:560px;height:340px;}
.screen1210 .successCase .currentCaseInfo .case-title{margin-bottom:15px;}
.screen1210 .successCase .currentCaseInfo .case-key{margin-bottom:15px;}
.screen1210 .successCase .currentCaseInfo .case-terminal .list{margin-bottom:15px;}
.screen1210 .successCase .currentCaseInfo .case-des{font-size:14px;margin-bottom:15px;}
.screen1210 .successCaseSwiper{height:72px;margin-bottom:52px;}
.screen1210 .successCaseSwiper .swiper-slide{height:72px;}
.screen1210 .successCaseSwiper .swiper-slide .basicInfo .aItem{width:190px;height:61px;}
.screen1210 .successCaseSwiper .basicInfo .img{width:190px;height:61px;}
.screen1210 .successCaseSwiper .btnGroup-left,
.screen1210 .successCaseSwiper .btnGroup-right{height:63px;}
.screen1210 .successCaseSwiper .btnGroup-left i,
.screen1210 .successCaseSwiper .btnGroup-right i{margin-top:-7px;}
.screen1000 .successCase .currentCaseInfo{padding-left:540px;height:269px;}
.screen1000 .successCase .currentCaseInfo .caseBigImg .img{width:500px;height:269px;}
.screen1000 .successCase .currentCaseInfo .case-title{margin-bottom:7px;}
.screen1000 .successCase .currentCaseInfo .case-key{margin-bottom:10px;}
.screen1000 .successCase .currentCaseInfo .case-terminal .list{margin-bottom:10px;}
.screen1000 .successCase .currentCaseInfo .case-des{font-size:12px;margin-bottom:10px;height:80px;line-height:20px;}
.screen1000 .successCaseSwiper{height:62px;margin-bottom:52px;}
.screen1000 .successCaseSwiper .swiper-slide{height:72px;}
.screen1000 .successCaseSwiper .swiper-slide .basicInfo .aItem{width:155px;height:50px;}
.screen1000 .successCaseSwiper .basicInfo .img{width:155px;height:50px;}
.screen1000 .successCaseSwiper .btnGroup-left,
.screen1000 .successCaseSwiper .btnGroup-right{height:52px;}
.screen1000 .successCaseSwiper .btnGroup-left i,
.screen1000 .successCaseSwiper .btnGroup-right i{margin-top:-13px;}
.screen1000 .successCase .currentCaseInfo .case-action .btn{width:110px;height:30px;line-height:30px;}