html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,b,u,i,dl,dt,dd,ol,ul,li,form,label,menu,nav,input,textarea,blockquote{margin:0;padding:0;border:0;}

ol,ul{list-style:none}

a{text-decoration:none;color:#5b5b5b;}

a:hover{color:#e94609;}

p{line-height:22px;}

#LRfloater0{display:none}

#LXB_CONTAINER .lxb-cb-tip-info{margin-top:108px;}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}

.bc{margin-left:auto;margin-right:auto;}

.clear{clear:both;}

.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

.fl{float:left;}

.fr{float:right;}

.tl{text-align:left;}

.tc{text-align:center;}

.tr{text-align:right;}

.w85{width:84.7%}

.w100{width:100%;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.pt10{padding-top:10px;}

.pb10{padding-bottom:10px;}

.pt15{padding-top:15px;}

.pt20{padding-top:20px;}

.bd{border:1px solid #d7d9d8;}

.bdt{border-top:1px solid #e0e0e0;}

body{font-family:'Microsoft YaHei';font-size:14px;color:#666666;min-width:1310px;}



/* base end */

#top{width:1010px;height:80px;line-height:80px;}

#top .right a {margin:0 12px;}

.logo{margin-top:10px;display:inline-block;}

#banner{height:630px;background:url("images/banner.jpg") center center no-repeat;}

#daodu{background-color:#f9f9f9;padding:50px 0 60px;}

.daodu{width:1110px;margin-bottom:58px;}

.biaoti{margin-left:60px;margin-right:40px;width:180px;font-size:44px;color:#00a0e9;display:inline;}

.biaoti p{line-height:50px;}

.neirong{width:790px;padding-left:38px;border-left:1px solid #eaeaea;}

.neirong p{text-indent:2em;}

.title{width:1110px;height:83px;margin:auto;}

.title p{font-size:36px;line-height:83px;}

.title img{margin-right:12px;}

.zhici{background-color:#4f81d6;}

.zhici p{padding-left:20px;color:white;}

.zhiciBox{position:relative;width:1310px;margin:auto;}

.toLeft,.toRight{position:absolute;width:67px;height:67px;cursor:pointer;}

.toLeft{left:0;background:url("images/toLeft.png");}

.toRight{right:0;background:url("images/toRight.png");}

.toLeft:hover{background:url("images/toLeft1.png");}

.toRight:hover{background:url("images/toRight1.png");}

.zhiciBox .toLeft,.zhiciBox .toRight{top:205px;}

.zhiciContent{position:relative;padding:28px 70px 38px 12px;width:1028px;height:414px;margin:auto;border-bottom:1px solid #f3f3f3;background-color:white;overflow:hidden;}

.zhiciContent ul{position:absolute;height:360px;overflow:hidden;}

.zhiciContent ul li{float:left;width:1028px;}

.zhiciPic{width:350px;}

.zhiciInfo{width:600px;padding-top:60px;}

.name{font-size:24px;font-weight:bold;color:#ffbf04;}

.position{font-size:18px;color:#ffbf04;margin:5px 0 20px;}

.zhiciInfo p{text-indent:2em;line-height:24px;}

.zhiciContent ol{position:absolute;bottom:40px;left:50%;margin-left:-15px;width:30px;}

.zhiciContent ol li{display:none;color:#ffbf04;}

.zhiciContent .curPosition{display:block;}

#project,#video{background:white;padding:50px 0 100px;}

.project p{color:#4f81d6;}

.project+p{margin-top:15px;}

.liangdian{width:1110px;}

.liangdian ul{margin-top:35px;}

.liangdian ul li{float:left;position:relative;margin-right:30px;width:350px;height:253px;overflow:hidden;cursor:pointer;}

.cover{position:absolute;left:0;top:195px;padding:20px 35px;height:253px;background:rgb(79,129,214);background:rgba(79,129,214,0.9);}

.coverTitle{margin-bottom:15px;padding-bottom:15px;font-size:18px;color:white;border-bottom:1px solid #c2dcff;text-align:center;}

.liangdian ul li p{line-height:24px;color:#c2dcff;}

.jingpin{margin-top:55px;}

.proBox{position:relative;margin:30px auto 0;width:1310px;}

.proBox .toLeft,.proBox .toRight{top:50px;}

.proShow{position:relative;width:1110px;height:255px;margin:auto;overflow:hidden;}

.proShow ul{position:absolute;left:0;height:255px;}

.proShow ul li{float:left;width:255px;margin-right:22px;}

.proShow ul li p{margin:30px auto 0;width:218px;height:46px;line-height:46px;border:1px solid #ffbf04;color:#ffbf04;text-align:center;}

.proShow ul li:hover p{background-color:#ffbf04;color:white;}

#picShow{padding:50px 0 100px;background-color:#f9f9f9;}

.pics{position:relative;width:1110px;height:690px;margin:45px auto 0;}

.pics ul li{position:absolute;left:0;top:0;display:none;}

.pics .curPic{display:block;}

.menu{z-index:2;display:none;position:absolute;top:0;right:0;width:350px;height:auto;padding-top:10px;padding-left:35px;background-color:#ffbf04;}

.menu li{height:30px;font-size:18px;color:white;cursor:pointer;}

.menu li:hover{color:#fff100;}

.btn{z-index:1;position:absolute;top:0;right:0;width:350px;height:145px;cursor:pointer;}

.btn img{position:absolute;left:50%;margin-left:-7px;bottom:30px;}

.menu1{position:absolute;bottom:0;left:50%;margin-left:-40px;width:80px;cursor:pointer;}

.menu1 li{float:left;margin:0 5px;width:10px;height:10px;border-radius:3px;background-color:#ececec;display:inline;overflow:hidden;}

.menu1 li:hover,.menu1 .curMenu1{background-color:#4f81d6;}

.videoBox{width:1110px;margin-top:40px;}

.videoLeft{width:731px;}

.videoLeft ul li{display:none;}

.videoLeft .curVideo{display:block;}

.videoRight{width:350px;}

.videoRight ul{border-bottom:1px solid #ececec;cursor:pointer;}

.videoRight ul li{position:relative;padding:21px 30px;border-bottom:1px solid #ececec;background-color:#f9f9f9;}

.videoRight ul li p{height:56px;display:table-cell;vertical-align:middle;font-size:18px;}

.videoRight ul li:hover,.videoRight .curVideoMenu{background-color:#5182d6;color:white;}

.videoRight .curVideoMenu:before{content:"";position:absolute;left:-10px;top:45px;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent #5182d6 transparent transparent;}

#otherInfo{background-color:#4f81d6;padding:80px 0 60px;}

.infoBox{width:1110px;height:430px;}

.meiti{padding-right:100px;width:455px;border-right:1px solid #6494e6;}

.meiti ul li{padding:12px 0;line-height:24px;}

.meiti ul li a{color:white}

.meiti ul li a:hover{color:#b4d0ff;}

.danwei{padding-left:55px;}

.danwei ul{float:left;width:160px;}

.danwei .secondUl{width:200px;border-left:1px dotted #6494e6;padding-left:35px;margin-left:60px;}

.danwei ul li{color:white;height:32px;padding:12px 0;}

.otherTitle{font-size:36px;color:white;margin-bottom:35px;}

.otherTitle img{margin-right:10px;}

#footer{height:92px;}

#footer p{line-height:92px;text-align:center;}



/* fixed bar */

.fixBar ul {

    margin-top: -187px;

}

@supports(transform:translateY(-50%)) {

    .fixBar ul{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-top: 0;}

}

.fixBar{position:fixed;right:-40px;top:0;bottom:0;margin:0;width:40px;background-color:#fff;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.2);box-shadow:0 1px 10px rgba(0,0,0,0.2);z-index:900;}

.fixBar ul{position:absolute;width:40px;top:50%;}

.fixBar li{position:relative;width:40px;height:52px;/*padding:4px 0 2px 0;*/text-align:center;cursor:pointer;}

.fixBar li:not(:last-child){border-bottom:1px solid #D8D5D5;}

.fixBar li > a,.fixBar li > span{display:inline-block;width:40px;height:52px;text-align:center;text-decoration:none;outline:none;line-height:999;vertical-align:middle;font-size:12px;padding-top:4px}

.fixBar li:hover{background-color:#3671cf;}

.f-icon{background-image:url("/images/items/fixsprite-02.png");background-repeat:no-repeat;}

.fixBar .f-chat{background-position:-224px -36px; height:69px;}

.fixBar .f-feedback{background-position:-177px -108px;}

.fixBar .f-feedback:hover{background-position:-224px -108px;}

.fixBar .over-mask{position:absolute; right:42px; top:50%; margin-top:-17px; display:none; width:112px; height:35px;}

.fixBar .over-mask img{display:none;}

.fixBar .feedback-mask-icon{background-position:-38px -119px;}

.fixBar .facebook{background-position:-177px -161px;}

.fixBar .facebook:hover{background-position:-224px -161px;}

.fixBar .facebook-mask-icon{background-position:-38px -170px;}

.fixBar .linkedin{background-position:-177px -214px;}

.fixBar .linkedin:hover{background-position:-224px -214px;}

.fixBar .linkedin-mask-icon{background-position:-38px -223px;}

.fixBar .youtube{background-position:-177px -267px;}

.fixBar .youtube:hover{background-position:-224px -267px;}

.fixBar .youtube-mask-icon{background-position:-38px -276px;}

.fixBar .twitter{background-position:-177px -320px;}

.fixBar .twitter:hover{background-position:-224px -320px;}

.fixBar .twitter-mask-icon{background-position:-38px -329px;}

.fixBar li:hover a{-webkit-transition:none;-o-transition:none;transition:none;}

.fixBar .f-top{position:absolute;width:40px;height:40px;bottom:50px; background-position:-24px -75px; overflow:hidden;}

.fixBar .f-top:hover{border:1px solid #3671cf;background:#3671cf;}

.fixBar .f-top a{display:none; text-align:center;text-decoration:none;outline:none;line-height:999;vertical-align:middle;font-size:12px;padding-top:0;color:#fff;width: 100%;height: 100%;margin-top: 4px;line-height: 15px;}

.fixBar .f-top:hover a{display: block;}

.fixBar .f-close{position:absolute;width:40px;height:40px;bottom:5px;right:0; background-position: -68px -75px; overflow:hidden;cursor:pointer;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;}

.fixBar .f-close:hover{background-position:-108px -75px;}

.fixbar-expand{position:fixed;bottom:0;right:-100px;margin:0;z-index:999;display:none;}

@keyframes mmove {

    0% { transform: translateX(0); }

    50% { transform: translateX(-19px); }

    100% { transform: translateX(0); }

}

@-webkit-keyframes mmove {

    0% { -webkit-transform: translateX(0); }

    50% { -webkit-transform: translateX(-19px); }

    100% { -webkit-transform: translateX(0); }

}

@-moz-keyframes mmove {

    0% { -moz-transform: translateX(0); }

    50% { -moz-transform: translateX(-19px); }

    100% { -moz-transform: translateX(0); }

}

@-ms-keyframes mmove {

    0% { -ms-transform: translateX(0); }

    50% { -ms-transform: translateX(-19px); }

    100% { -ms-transform: translateX(0); }

}

.fixbar-expand .fixbar-toggle{background-position:-40px -23px; width: 100px; height: 40px; cursor: pointer; }

.fixbar-expand .fixbar-toggle:hover { animation: mmove 2s ease-in-out .5s 1; -webkit-animation: mmove 2s ease-in-out .5s 1; -ms-animation: mmove 2s ease-in-out .5s 1; -moz-animation: mmove 2s ease-in-out .5s 1;}

.icon-triangle-right:after { content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; }

.icon-chat-position:after { position: absolute; right: 0; top: 50%; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); }

#LXB_CONTAINER { top: 200px !important; right: -9999px !important; }

.lxb-cb-tip-info { top: -105px !important; }

.fbar-tabs { z-index: 99999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

/****fixed bar end ****/



/*subnav*/

.logo_response {background: url('images/logo.png') no-repeat center;background-size: cover;width: 125px;height: 60px;overflow: hidden;margin-right: 0;margin-top: 20px;}

.logo_response>a {display: block;width: 100%;height: 100%;text-indent: -9999px;}

.navbar-icon:before {content: "";background-image: url('images/navsprite.png');background-repeat: no-repeat;position: absolute;display: inline-block;text-align: center;vertical-align: middle;}

.icon-toggle:before {content: "";position: absolute;display: inline-block;background: url('images/icon-toggle.png') no-repeat center;right: 10px;top: 20px;width: 30px;height: 30px;z-index: 123;}

.left-arrow-icon:before {content: "";position: absolute;display: inline-block;background: url('images/left-arrow-icon.png') no-repeat center;width: 30px;height: 30px;top: 50%;left: 19px;-webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);}

.home-icon:before {background-image: url('images/navsprite.png');width: 16px;height: 16px;top: 5px;background-position: 0 0;}

.business-icon:before {width: 16px;height: 16px;top: 33px;background-position: 0 -23px;}

.product-icon:before {width: 16px;height: 17px;top: 30px;background-position: 0 -40px;}

.case-icon:before {width: 16px;height: 17px;top: 30px;background-position: 0 -63px;}

.service-icon:before {width: 16px;height: 17px;top: 31px;background-position: 0 -83px;}

.brand-icon:before {width: 16px;height: 13px;top: 32px;background-position: 0 -102px;}

.sidebar-wrapper {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;overflow: hidden;}

.sidebar {position: fixed;top: 0;bottom: 0;right: 0;width: 45%;background-color: #fff;z-index: 124;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform .5s ease-in-out;-webkit-transition: -webkit-transform .5s ease-in-out;transition: -webkit-transform .5s ease-in-out;transition: transform .5s ease-in-out;transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;}

.sidebar-title {width: 100%;height: 60px;background-color: #3671cf;position: fixed;z-index: 999;}

.sidebar-content {padding: 96px 0 25px 27px;height: 499px;position: relative;overflow: auto;}

.sidebar-menu {padding-left: 0;margin-bottom: 0;}

.sidebar-menu> li {position: relative;padding: 24px 0;list-style: none;}

.sidebar-menu> li:first-child {padding-top: 0;}

.sidebar-menu> li> a {padding-left: 32px;vertical-align: middle;font-size: 20px;color: #444;font-weight: 400;text-decoration: none;}

.s-translate {-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}

/*自适应*/

*,*:before,*:after {webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#sider{display: none !important;}

#proShow{display: none !important;}

@media screen and (max-width:767px){

body{min-width: auto;max-width:767px;font-size: 13px;}

#sider{display: block !important;width: 100%;}

#top{display: none !important;}

#banner{width: 100%;background: url(images/banner1.jpg) center center no-repeat;height: 340px; margin: 20px 0;}

/*daodu*/

#daodu{background-color:#f9f9f9;padding: 20px 0;}

.daodu{width:100%;margin-bottom:18px;}

.biaoti{margin:auto;width:100%;font-size:44px;color:#00a0e9;display:inline;clear: both;text-align: center;}

.neirong{width:100%;padding-left:15px;padding-right:15px;border-left:1px solid #eaeaea;clear: both;}

.neirong p{text-indent:2em;padding: 2px 5px;}

.title{width:100%;height:auto;margin:auto;}

.title p{font-size:12px;line-height:22px;}

.title img{margin-right:12px;}

/*zhici*/

.zhici{background-color:#4f81d6; width: 100%;}

.zhici p{padding-left:20px;color:white;}

.zhiciBox{position:relative;width:100%;margin:auto;}

.toLeft,.toRight{position:absolute;width:33px;height:33px;cursor:pointer;z-index: 999;}

.toLeft{left:0;background:url("images/toLeft1-small.png");}

.toRight{right:0;background:url("images/toRight1-small.png");}

.toLeft:hover{background:url("images/toLeft1-small.png");}

.toRight:hover{background:url("images/toRight1-small.png");}

.zhiciBox .toLeft,.zhiciBox .toRight{top:102px;}

.zhiciContent{position:relative;padding:0;width:100%;height:260px;margin:0 auto;border-bottom:1px solid #f3f3f3;background-color:white;overflow:hidden;}

.zhiciContent ul{position:absolute;height:260px;overflow:hidden;padding: 0;margin: 0;}

.zhiciContent ul li{float: left;width:100%;margin:0px; float: none;}

.zhiciPic{width:8%;float: left;padding-top: 5px;}

.zhiciInfo{width:17%;padding-top:6px;float: left; overflow: hidden;}

.name{font-size:24px;font-weight:bold;color:#ffbf04;}

.position{font-size:13px;color:#ffbf04;margin:5px 0 10px;}

.zhiciInfo p{text-indent:2em;line-height:22px; word-break: break-all;}

.zhiciContent ol{display: none;}

/*project*/

#project{background:white;padding:20px;width: 100%;}

.project p{color:#4f81d6;}

.project+p{margin-top:15px; width: 100%; word-break: break-all;}

.liangdian{width:100%;}

.liangdian ul{margin-top:0;}

.liangdian ul li{float:left;position:relative; margin-top:30px;margin-right:30px;width:100%;overflow:hidden;cursor:pointer;}

.liangdian ul li img{width: 100%;}

.cover{position:absolute;left:0;top:195px;padding:20px 35px;height:auto;background:rgb(79,129,214);background:rgba(79,129,214,0.9);}

.coverTitle{margin-bottom:15px;padding-bottom:15px;font-size:18px;color:white;border-bottom:1px solid #c2dcff;text-align:center;}

.liangdian ul li p{line-height:24px;color:#c2dcff;}

/*jingpin*/

.proBox{width: 100%;}

.proBox .proShow,.proBox .toLeft,.proBox .toRight{display: none !important;}

#proShow{display: block !important;}

#proShow{width: 100%;}

#proShow .jingpinBox{width: 100%;}

#proShow .jingpinBox img{width: 100%;}

#proShow .jingpinBox a{text-decoration: none;color:#ffbf04;}

#proShow .jingpinBox p:hover{background: #ffbf04;}

#proShow .jingpinBox p:hover a{color: white;}

#proShow .jingpinBox p{

margin:30px auto 0;width:auto;height:auto;line-height:auto;border:1px solid #ffbf04;text-align:center;	

padding: 10px;}

/*picshow*/

#picShow{display: none;}

/*video*/

#video{background:white;padding:20px 0;}

.videoBox{width:100%;margin-top:20px;}

.videoLeft{width:100%;float: none;}

.videoLeft embed{height: 100%;width: 100%;}

.videoLeft ul li{display:none;width: 100%;}

.videoLeft .curVideo{display:block; width: 100%;}

.videoRight{width:100%; float: none;}

.videoRight ul{border-bottom:1px solid #ececec;cursor:pointer;}

.videoRight ul li{position:relative;padding:15px;border-bottom:1px solid #ececec;background-color:#f9f9f9;}

.videoRight ul li p{height:28px;display:table-cell;vertical-align:middle;font-size:15apx;}

.videoRight ul li:hover,.videoRight .curVideoMenu{background-color:#5182d6;color:white;}

.videoRight .curVideoMenu:before{content:"";display: none;}

/*footer*/

#footer{height:auto; width: 100%;}

#footer p{line-height:20px;text-align:center;}

/*fixbar*/

.fixBar{display: none;}

.fixbar-expand{display: none;}

}

@media screen and (max-width:450px){

body{min-width: auto;max-width:450px;font-size: 13px;}

#sider{display: block !important;width: 100%;}

#sider .logo_response {width:95px ;height: 45px;}

#top{display: none !important;}

#banner{width: 100%;background: url(images/banner1.jpg) center center no-repeat;height: 340px; margin: 10px 0;}

/*daodu*/

#daodu{background-color:#f9f9f9;padding: 20px 0;}

.daodu{width:100%;margin-bottom:18px;}

.biaoti{margin:auto;width:100%;font-size:44px;color:#00a0e9;display:inline;clear: both;text-align: center;}

.neirong{width:100%;padding-left:15px;padding-right:15px;border-left:1px solid #eaeaea;clear: both;}

.neirong p{text-indent:2em;padding: 2px 5px;}

#zhiCi{display: none;}

/*zhici*/

.zhiciBox{display: none;}

/*project*/

#project{background:white;padding:20px;width: 100%;}

.project p{color:#4f81d6;}

.project+p{margin-top:15px; width: 100%; word-break: break-all;}

.liangdian{width:100%;}

.liangdian ul{margin-top:0;}

.liangdian ul li{float:left;position:relative; margin-top:30px;margin-right:30px;width:100%;overflow:hidden;cursor:pointer;}

.liangdian ul li img{width: 100%;}

.cover{position:absolute;left:0;top:195px;padding:20px 35px;height:auto;background:rgb(79,129,214);background:rgba(79,129,214,0.9);}

.coverTitle{margin-bottom:15px;padding-bottom:15px;font-size:18px;color:white;border-bottom:1px solid #c2dcff;text-align:center;}

.liangdian ul li p{line-height:24px;color:#c2dcff;}

/*jingpin*/

.proBox{width: 100%;}

.proBox .proShow,.proBox .toLeft,.proBox .toRight{display: none !important;}

#proShow{display: block !important;}

#proShow{width: 100%;}

#proShow .jingpinBox{width: 100%;}

#proShow .jingpinBox img{width: 100%;}

#proShow .jingpinBox a{text-decoration: none;color:#ffbf04;}

#proShow .jingpinBox p:hover{background: #ffbf04;}

#proShow .jingpinBox p:hover a{color: white;}

#proShow .jingpinBox p{

margin:30px auto 0;width:auto;height:auto;line-height:auto;border:1px solid #ffbf04;text-align:center;	

padding: 10px;}

/*picshow*/

#picShow{display: none;}

/*video*/

#video{background:white;padding:20px 0;}

.videoBox{width:100%;margin-top:20px;}

.videoLeft{width:100%;float: none;}

.videoLeft embed{height: 100%;width: 100%;}

.videoLeft ul li{display:none;width: 100%;}

.videoLeft .curVideo{display:block; width: 100%;}

.videoRight{width:100%; float: none;}

.videoRight ul{border-bottom:1px solid #ececec;cursor:pointer;}

.videoRight ul li{position:relative;padding:15px;border-bottom:1px solid #ececec;background-color:#f9f9f9;}

.videoRight ul li p{height:28px;display:table-cell;vertical-align:middle;font-size:15apx;}

.videoRight ul li:hover,.videoRight .curVideoMenu{background-color:#5182d6;color:white;}

.videoRight .curVideoMenu:before{content:"";display: none;}

/*footer*/

#footer{height:auto; width: 100%;}

#footer p{line-height:20px;text-align:center;}

/*fixbar*/

.fixBar{display: none;}

.fixbar-expand{display: none;}

}