/* 未能缩小。正在返回未缩小的内容。
(182,25): run-time error CSS1019: Unexpected token, found ':'
(182,25): run-time error CSS1042: Expected function, found ':'
(182,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(187,56): run-time error CSS1019: Unexpected token, found ':'
(187,56): run-time error CSS1042: Expected function, found ':'
(187,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(208,119): run-time error CSS1019: Unexpected token, found ':'
(208,119): run-time error CSS1042: Expected function, found ':'
(208,119): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(239,69): run-time error CSS1019: Unexpected token, found ':'
(239,69): run-time error CSS1042: Expected function, found ':'
(239,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(240,54): run-time error CSS1019: Unexpected token, found ':'
(240,54): run-time error CSS1042: Expected function, found ':'
(240,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(351,89): run-time error CSS1019: Unexpected token, found ':'
(351,89): run-time error CSS1042: Expected function, found ':'
(351,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(353,115): run-time error CSS1019: Unexpected token, found ':'
(353,115): run-time error CSS1042: Expected function, found ':'
(353,115): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(354,101): run-time error CSS1019: Unexpected token, found ':'
(354,101): run-time error CSS1042: Expected function, found ':'
(354,101): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(355,128): run-time error CSS1019: Unexpected token, found ':'
(355,128): run-time error CSS1042: Expected function, found ':'
(355,128): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(356,74): run-time error CSS1019: Unexpected token, found ':'
(356,74): run-time error CSS1042: Expected function, found ':'
(356,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(414,206): run-time error CSS1019: Unexpected token, found ':'
(414,206): run-time error CSS1042: Expected function, found ':'
(414,206): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(415,49): run-time error CSS1019: Unexpected token, found ':'
(415,49): run-time error CSS1042: Expected function, found ':'
(415,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@charset "utf-8";
/* CSS Document */
body { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-size: 14px; color: #8d9095; line-height: 1.6em; }
ul,
li { margin: 0; padding: 0; }
li { list-style: none; }
a,
a > * { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a { color: #2a83ed; outline: 0; }
a,
input,
a:focus,
li:focus{ outline: 0; text-decoration: none;}
a:hover, a:focus {color: #2a83ed;}
input, textarea { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.5em; font-weight:normal; }
.clear { clear: both; height: 0; overflow: hidden; }
.container-fluid { max-width: 1200px; margin: 0 auto; }
.grayBox { background: #f6f6f6; border-bottom: 1px solid #e1e5e7; padding:60px 0; }
.whiteBox { background: #fff; border-bottom: 1px solid #e1e5e7; padding:60px 0; }
.noneBorder { border: none !important; }
.fl { float:left !important;}
.fr { float:right !important;}
/*************************************************************************************************************************************************************************************************
top 
*/
.topBox { border-bottom: 1px solid #e0e3e6; font-size: 12px; line-height: 40px; }
ul.topList li { display: inline-block; margin-right: 10px; padding-left: 15px; }
ul.topList li.add { background: url(Images/topIcon01.png) no-repeat left center; }
ul.topList li.tel { background: url(Images/topIcon02.png) no-repeat left center; }
ul.topList li.email { background: url(Images/topIcon03.png) no-repeat left center; }
ul.topList li a { color: #8d9095; }
ul.topList li a:hover { color: #2a83ed; }
ul.topIcon { margin-top: 6px; }
ul.topIcon li { float: left; margin-left: 5px; }
ul.topIcon li a { display: block; width: 28px; height: 28px; }
ul.topIcon li a.weibo { background: url(Images/topIcon.png) no-repeat 0 0; }
ul.topIcon li a.qq { background: url(Images/topIcon.png) no-repeat -28px 0; }
ul.topIcon li a.weibo:hover { background: url(Images/topIcon.png) no-repeat 0 -28px; }
ul.topIcon li a.qq:hover { background: url(Images/topIcon.png) no-repeat -28px -28px; }
/*************************************************************************************************************************************************************************************************
header 
*/
.headerBox { box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05); position: relative; z-index: 99; height: 60px; padding: 20px 0; background: url(Images/headerBg.png) repeat-x; }
.navbar .brand { margin: 0; padding: 0; }
a.logo { display: block; width: 283px; height: 61px; position: relative; }
a.logo .logo01 { position: absolute; left: 0; top: 0; }
a.logo .logo03 { position: absolute; right: 0; top: 15px; }
.navbar .nav { margin: 12px 0 0 0; }
.navbar .nav>li { margin-left: 5px; }
.navbar .nav>li>a { text-shadow: none; padding: 8px 15px 8px; border: 1px solid transparent; border-radius: 5px; color: #474950; }
.navbar .nav>li>a:hover { border: 1px solid #2a83ed; color: #2a83ed; }
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus { color: #fff; text-decoration: none; background-color: #2a83ed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle { color: #fff; background-color: #2a83ed; }
.navbar .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #777; border-bottom-color: #777; }
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret { border-top-color: #2a83ed; border-bottom-color: #2a83ed; }
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; }
li.dropdown a.dropdown-toggle { padding: 8px 12px 8px 15px; }
.dropdown-menu { border: 1px solid rgba(0,0,0,0.1); }
.dropdown-menu>li>a { color: #666; padding: 5px 20px; }
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a { color: #fff; text-decoration: none; background-color: #2a83ed; background-image: none; background-repeat: repeat-x; filter: none; }
/*************************************************************************************************************************************************************************************************
feature
*/
.featureBox { margin-top: -100px; box-shadow: 0px -1px 0px 0px rgba(5,38,57,0.05); background: url(Images/featureBg.png) repeat-x; position: relative; z-index: 98; padding: 60px 0; width: 100%; float: left; border-bottom: 1px solid #e1e5e7; }
.featureBox .span2 .box { text-align: center; border-right: 1px solid #e1e5e7; }
.featureBox .rowBox { width: 18%; float: left; text-align: center; }
.featureBox .rowBox .box { border-right: 1px solid #e1e5e7; padding: 0 20px; }
.featureBox .rowText { width: 28%; float: left; }
.featureBox .rowText .box { padding-left: 20px; }
.featureBox h4 { color: #474950;  }
/*************************************************************************************************************************************************************************************************
about
*/
.indexH2,
.indexH4 { text-align: center; color: #474950; margin: 0 0 15px; }
.indexH4 { margin-bottom:50px;}
.indexP {margin-bottom: 40px; text-align: center;}
ul.indexAboutList h4 { font-weight:normal; color:#474950;}
ul.indexAboutList li { background:url(Images/indexServicesList.png) no-repeat left center; padding:8px 0 8px 20px; border-bottom:1px solid #e1e5e7;}
ul.indexAboutList li:last-child { border:none;}
ul.indexAboutList p {padding-left: 20px;margin-top: 10px;}
ul.indexAboutList li.liTitle {color: #474950; font-size: 16px;}
ul.indexAboutList li.text {background: none;}
/*************************************************************************************************************************************************************************************************
button
*/
.btnBox { display: inline-block; margin:15px 0;}
a.btn { background:#2a83ed; color:#fff;text-shadow:none; box-shadow:none; padding:4px 30px 5px; border:1px solid #2a83ed;border-radius: 5px;}
a.btn:hover { color:#2a83ed; background:#fff;}
/*************************************************************************************************************************************************************************************************
accordion
*/
.accordionBox { border:1px solid #e1e5e7; border-radius:8px; padding:20px; background: #f6f6f6;}
.accordionBox h3 { font-size:17.5px;color: #474950;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color:#2a83ed !important ;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color:#2a83ed !important ;}
.ui-icon {width: 16px;height: 16px; display:block;}
.ui-state-default .ui-icon { background:url(Images/indexServicesList.png) no-repeat;}
.ui-state-active .ui-icon { background:url(Images/indexServicesList2.png) no-repeat;}
/*************************************************************************************************************************************************************************************************
customer
*/
.customerList ul { margin-top:20px; margin-bottom: 70px;}
.customerList ul.border-bottom-none {margin: 0;}
.customerList li { float:left; width:33.333%; }
.customerList li a:hover img {opacity: .7 !important;}
.customerList li img { margin:0 auto; display:block;}
.customerList li a:hover { opacity:.75;}
.customerList li .border {position:relative; margin:0 20px;}
.customerList li .border:before {
position: absolute;
display: block;
bottom: -35px;
left: 0;
width: 100%;
content: "";
}
.customerList li .border:before {
border-style: solid;
border-width: 1px;
border-color: rgba(218,222,225,0.8);
border-left: none;
border-right: none;
border-top: none !important;
}
.border-bottom-none li .border:before { border-bottom:none !important;}
.customerList li .border:after {
position: absolute;
display: block;
top: 0;
left: -20px;
height: 100%;
content: "";
}
.customerList li .border:after {
border-style: solid;
border-width: 1px;
border-color: rgba(218,222,225,0.8);
border-top: none;
border-right: none;
border-bottom: none;}
.customerList li:first-child .border:after {border: 0;}
.border-left-none .border:after {border-left:none !important;}
/*************************************************************************************************************************************************************************************************
caseSlider
*/
.caseBox {padding-bottom: 0!important;; border-bottom: 0}
.caseBox .indexH4 { margin-bottom: 40px;}
#caseSlider {position: relative;  height:320px; overflow: hidden; }
.caseDiv {position: absolute; left: 0px; top: 0px; width: 100%; height: 320px; overflow: hidden; cursor: url(Images/grab.png) 8 8, move;;}
.boxgrid{
    width: 320px;
    height: 320px;
    float:left;
    overflow: hidden;
    position: relative;
    color:#fff;
    background: #000;
}
.boxgrid .imgOver{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    opacity:1;
    filter:alpha(opacity:100);
    zoom:1;
    transition: opacity 0.5s ease;
    z-index: 1;
}
.boxgrid:hover .imgOver {opacity:0;filter:alpha(opacity:0);zoom:1; transition: opacity 0.5s ease;}
.boxgrid .canvas {position: absolute; opacity: .8;}
.boxgrid p{
    color:#8d9095;
    margin-bottom: 0;
}
.boxgrid a:hover { color: #2a83ed ;}
.boxcaption{
    float: left;
    position: absolute;
    background: #222326;
    height: 84px;
    width: 290px;
    padding: 16px 15px 0;
    top: 320px;
    left: 0;
    z-index: 3;
}
.boxcaption h4 {
    margin: 0;
}
.btnOver {position: absolute;top:130px; height: 38px; width: 100%; text-align: center; opacity: 0;filter:alpha(opacity:0);zoom:1; font-size: 0; z-index: 3;}
.btnOver a {display: inline-block; padding: 10px; background: #2a83ed; margin:0 4px; border-radius: 50%;}
.btnOver a:hover { background: #1571e0;}
.btnOver a img {display: block;}
.caseArrow {width: 30px; height: 80px; position: absolute; display: block; cursor: pointer; }
.leftArrow, .leftArrowdn {left: 0; border-radius: 0 8px 8px 0;background:#2a83ed url("Images/caseLeftArrow.png") no-repeat center; top:120px;}
.rightArrow, .rightArrowdn {right:0px; border-radius: 8px 0 0 8px;background:#2a83ed url("Images/caseRightArrow.png") no-repeat center;}
/*************************************************************************************************************************************************************************************************
other
*/
.other h4 {color: #474950; margin:0 0 20px; line-height: 1em;}
.other .aboutImg {margin-bottom: 20px;}
.other .aboutP {padding-top: 15px; border-top: 1px solid #e1e5e7;}
ul.indexProductsList a {font-size: 16px; margin-bottom: 10px; display: block; line-height: 30px;}
ul.indexProductsList p {margin-bottom: 15px;}
ul.indexProductsList li {padding-top: 15px;border-top: 1px solid #e1e5e7;}
ul.indexProductsList li img {float:left; margin-right: 10px;}
.tabBox { border-radius: 8px; border: 1px solid #e1e5e7; overflow: hidden;}
.tabDiv {padding:15px;}
.tabDiv .tabImg {float: left; margin: 5px 15px 5px 0;}
ul.tabList {padding: 0 15px; border-bottom: 1px solid #e1e5e7; }
ul.tabList li {display:inline-block; *display: inline; zoom:1; margin-right: 12px; padding: 8px 0;}
ul.tabList li a {color: #474950; border-right: 1px solid #e1e5e7; padding-right: 15px;}
ul.tabList li:last-child a {border: 0;}
ul.tabList li a:hover {color: #2a83ed; text-decoration: none;}
ul.tabList .ui-state-active a {color: #2a83ed;}

.indexVIBox {margin-bottom: 10px;}
.indexVI {width:19%; margin-right: 1%; margin-bottom: 1%; float: left; position: relative; background: #000;}
.indexVI.big {width: 39%;}
.indexVI .canvasVI {position: absolute; top: 0; left: 0; width: 100%!important; height:100%!important; opacity: .8;}
.indexVI .imgVI{ position: relative; opacity:1; filter:alpha(opacity:100); zoom:1; transition: opacity 0.5s ease; z-index: 1; }
.indexVI:hover .imgVI {opacity:0;filter:alpha(opacity:0);zoom:1; transition: opacity 0.5s ease;}
.indexVI .btnOver {top:0; left: 0; width: 100%; height: 100%;}
.indexVI .btnOver a {display: block; position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; background: none; border-radius: 0;}
.indexVI .btnOver a img {position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px;}
/*************************************************************************************************************************************************************************************************
bottom
*/
.bottomBox h4 {color: #474950;}
ul.newsList b { font-weight: normal; color: #2a83ed; margin-right: 5px;}
ul.newsList a {color: #474950;}
ul.newsList a:hover {color: #2a83ed; }
ul.newsList span {display: block; font-size: 12px;}
ul.newsList li {margin-bottom: 10px;}
dl.indexContact {margin-bottom: 10px; margin-top: 0;}
dl.indexContact dt {font-weight: normal; color: #474950;}
dl.indexContact dd {margin: 0; border-bottom: 1px solid #e1e5e7;margin-bottom: 10px;padding-bottom: 10px;}
dl.indexContact a {color:#8d9095 ;}
dl.indexContact a:hover {color:#2a83ed ;}
.bottomBox ul.topIcon {margin: 0;}
.bottomBox ul.topIcon li {margin: 0 5px 0 0;}
/*************************************************************************************************************************************************************************************************
footer
*/
.footerBox { background: #f0f0f1;  padding: 15px 0;}
.footerBox .logo { float: left;}
.footerCopyright p { font-size: 12px; padding:15px 0 0 58px; }
.footerLink {text-align: right; margin-top: 17px;}
.footerLink a {color: #8d9095;margin-left: 10px;}
.footerLink a:hover {color: #2a83ed;}

/*************************************************************************************************************************************************************************************************
slider
*/
.sliderBox {overflow: hidden;margin:-100px auto 0; position:relative; width:100%; float:left;}
#sliderContainer {position: relative; width: 1366px; height: 680px; overflow: hidden;}
.slides { position: absolute; left: 0px; top: 0px; width: 1366px; height: 680px; overflow: hidden; }
.sliderBox .container-fluid {position: absolute;width: 100%; height: 100%;}
.sliderBox .absolute {position: absolute; -webkit-opacity: 0;}
.sliderBox h3.absolute, .sliderBox p.absolute, .sliderBox h1.absolute { left:0; top: 0; color: #fff;}
.sliderBox h1 {*font-size: 32px;}
.sliderBox .captions {position: absolute; width: 100%; height: 100%; top:0; left: 83px; }

/*************************************************************************************************************************************************************************************************
fancyBox
*/
#fancybox-title {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-size: 14px;}

/*************************************************************************************************************************************************************************************************
banner
*/
.bannerBox {
    margin-top: -100px;
    height: 250px;
    background-position: top center;
    padding-top: 100px;
    color: #fff;
    text-shadow: 0 0 15px rgba(0,0,0,.5);
    overflow: hidden;
    width: 100%;
    float: left;
} 
.bannerBox h2 {margin-top: 35px;}

/*************************************************************************************************************************************************************************************************
content
*/
.contentBox {margin-top: -100px; box-shadow: 0px -1px 0px 0px rgba(5,38,57,0.05); background: url(Images/featureBg.png) repeat-x; position: relative; z-index: 98; padding: 100px 0 0; width: 100%; float: left;}
.contentBox h2, .contentBox h4 {color: #474950;}
.contentBox h4 {margin-bottom: 15px;}
.contentBox .whiteBox.top {padding-top: 0;}
.rightAlign {text-align:right;}

/*about*/
.aboutListBox .titleBox {position: relative; margin-bottom: 15px;}
.aboutListBox .titleBox h2 {position: absolute; top: 0; left: 20px; color: #fff;}
.aboutTitle {margin-top: -20px;}

/*news*/
ul.pageNewsList .time { text-align: right; width: 150px; float: left;}
ul.pageNewsList .time h4 { margin-top: 0; margin-bottom: 3px;}
ul.pageNewsList .text { margin-left: 195px; padding: 0 70px 50px; background: url("Images/newsLine.gif") repeat-y 13px top; position: relative;}
ul.pageNewsList .text p {margin-bottom: 0;}
ul.pageNewsList .text a {color: #474950;}
ul.pageNewsList .text a:hover {color: #2a83ed;}
ul.pageNewsList .text span {color: #2a83ed;}
ul.pageNewsList .text h4 {margin-top: 0;}
ul.pageNewsList .dot {position: absolute; left: 0; top: 0;}
ul.pageNewsList .imgBox {width: 30%; float: right; margin-left: 50px; margin-top: -30px;}
ul.pageNewsList li {margin-bottom: 0;}

/*pages*/
.pagesBox {text-align: center; padding: 45px 0; font-size: 0;}
.pagesBox a, .pagesBox span {display:inline-block; *display: inline; zoom:1; padding: 8px 15px; border: 1px solid #e1e5e7; margin-left: -1px; text-decoration: none; position: relative; font-size: 14px;}
.pagesBox a:hover {border-color: #2a83ed; z-index: 2;}
.pagesBox a:first-child {border-radius: 5px 0 0 5px;}
.pagesBox a:first-child:hover  {border-color: #e1e5e7;cursor: default;}
.pagesBox a:last-child {border-radius: 0 5px 5px 0;}
.pagesBox span {color: #fff; background: #2a83ed; border-color: #2a83ed;}
.pagesBox span:hover {z-index: 0; cursor: default;}

/*portfolio*/
ul.productNav {text-align: center; padding: 0 0 60px; margin-top: -30px; font-size: 0;}
ul.productNav li { display:inline-block; *display: inline; zoom:1; border: 1px solid #e1e5e7; margin-left: -1px; position: relative; font-size: 14px;}
ul.productNav li a { text-decoration: none;padding: 8px 15px; display: block;}
ul.productNav li:first-child {border-radius: 5px 0 0 5px;}
ul.productNav li:last-child {border-radius: 0 5px 5px 0;}
ul.productNav li:hover {border-color: #2a83ed; z-index: 2;}
ul.productNav li.active {background: #2a83ed; border-color: #2a83ed;}
ul.productNav li.active a {color: #fff;cursor: default;}
ul.productNav li.active:hover {z-index: 0; }
ul.productPageList .canvasList { width: 299px!important; height: 299px!important;}
ul.productPageList .canvasPortfolio {position: absolute; opacity: 1;filter:alpha(opacity:100); zoom:1; top: 0; left: 0; width: 100%!important; height: 100%!important;;}
ul.productPageList li {width: 299px;height: 299px;margin-right: 1px;float: left;margin-bottom: 1px; position: relative; overflow: hidden; background: #f6f6f6 url("Images/loading.gif") no-repeat center;}
ul.productPageList li .imgPortfolio{ position: relative; transition: all .8s ease; opacity: 1;filter:alpha(opacity:100);z-index: 1;  }
ul.productPageList li:hover .imgPortfolio { transition: all .8s ease;opacity: 0;filter:alpha(opacity:0);z-index: 1;  }
ul.productPageList li .maskBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0;opacity: 0;filter:alpha(opacity:0); zoom: 1; z-index: 3;transition: all .8s ease; background: rgba(0,0,0,.3);}
ul.productPageList li .btnOver { top:90px;opacity: 1;filter:alpha(opacity:100); zoom:1; }
ul.productPageList li .portfolioTitle { bottom: 90px; position: absolute; color: #fff; text-align: center; width: 100%; text-shadow: 0 0 10px rgba(0,0,0,.7);cursor: default;}

.contactBox {margin-top: -30px;}
.contactBox ul.topIcon li { margin:0 5px 0 0;}

.serviceBox {text-align: center;}
.serviceBox h1 {color: #474950; font-size: 68px;}
.serviceBox h3 {color: #474950;}
.serviceBox .whiteBox, .serviceBox .grayBox  {padding: 130px 0 140px;}
.serviceBox h3 {margin-bottom: 20px;}

.serviceBgBox {position: relative; overflow: hidden;}
.serviceBgBox .row-fluid {position: relative; z-index: 99;}
.serviceBgBox h1, .serviceBgBox h3, .serviceBgBox p {color: #fff;}

.videoBox {position: absolute; left: 0; top: 0; width: 100%; z-index: 0;}
.bgCode {background: url("Images/video02.jpg") no-repeat top center; background-size: cover;}
.bgWater {background: url("Images/video01.jpg") no-repeat top center; background-size: cover;}
.bgSea {background: url("Images/video03.jpg") no-repeat top center; background-size: cover;}

.pageBanner {background:#f6f6f6;text-shadow: none; height: auto;}
.pageBanner h3 { color: #474950; margin: 32px 0;}
.pageBanner h5 {color: #8d9095; margin: 40px 0 0;  }
.pageBanner h5 span {color: #d5d7d9; margin: 0 8px;}

.pageBox {margin-top: 0; padding-top: 50px;}
.pageBox .content img {margin: 30px 0;}
.pageBox .content h4 {margin: 20px 0;}
.pageBox .content h5 {margin: 15px 0; color: #2a83ed; font-weight: bold;}
.pageBox .content p {margin-bottom: 15px;color: #474950;}
.pageBox .content ul {margin-bottom: 20px;}
.pageBox .content li { background:url(Images/indexServicesList.png) no-repeat left center; padding:10px 0 10px 20px; border-bottom:1px solid #e1e5e7;color: #474950;}
.pageBox .content li:last-child { border:none;}
.pageBox .content table {border-collapse: collapse;margin-bottom: 20px;color: #474950; }
.pageBox .content th, .pageBox .content td {padding: 10px;}
.pageBox .content table th {background: #2a83ed; color: #fff; text-align: left; border: 1px solid #1571e0;}
.pageBox .content table td {border:1px solid #e1e5e7;}

.sideBar h4 { margin-top: 0; border-bottom: 1px solid #e1e5e7; padding-bottom: 10px; margin-bottom: 10px;}
.sideBar ul.newsList {margin-bottom: 30px;}
.sideBar ul.newsList a {color: #2a83ed;}
.sideBar ul.topIcon li {margin: 0 5px 0 0;}


.mapBox {padding:0!important; height: 380px; overflow: hidden;}
#map {height: 400px;}
.amap-info-outer {height: auto!important; background: rgba(255,255,255,.9); box-shadow: none; }
.amap-info-outer:hover {box-shadow:0 0 10px rgba(0,0,0,.3);}

.formBox th, .formBox h5, .formBox td:first-child { display: none;}
.formBox textarea { background: #fff;resize: none;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-size: 14px; }
.table_form tbody td, .table_form tbody th {border: 0!important;}
.table_form td, .table_form th {padding: 0!important;}
.table_form #dosubmit {background: #2a83ed; color: #fff;  box-shadow: none; padding: 4px 30px 5px; border: 1px solid #2a83ed; border-radius: 5px;}
.table_form #dosubmit:hover {background: #1571e0;}
.table_form #dosubmit:active {background: #2a83ed;border: 1px solid #1571e0;}

.backToTop {right:20px; left: auto!important; z-index: 99; background: url("Images/gotoTop.png") no-repeat; width: 35px; height: 35px; text-indent: -999em; overflow: hidden; opacity:.3;filter:alpha(opacity:30);zoom:1;}
.backToTop:hover {opacity:1;filter:alpha(opacity:100);zoom:1;}

/* 高分屏 */
@media (min-width: 1367px) {
    .videoBox {top:-120px;}
}
/* 平板 & 手机 */
@media (max-width: 979px) {
    .navbar .btn, .navbar .btn-group { margin: 16px 0 0 0; background: #2a83ed;}
    .navbar .btn:hover {background: #fff; border: 1px solid #2a83ed; }
    .navbar .btn:hover .icon-bar {background: #2a83ed;}
    .navbar .btn-navbar .icon-bar {width: 30px;-webkit-box-shadow: none;-moz-box-shadow:none;  box-shadow:none; }
    .navbar .nav {padding:10px; border:1px solid #e0e3e6; border-radius: 8px; background: rgba(255,255,255,.95);}
    .navbar .nav>li {margin-left: 0;}
    .navbar .nav>li>a:hover {background: none;}
    .nav-collapse .dropdown-menu a:hover {color: #2a83ed;}
    .nav-collapse .dropdown-menu {margin: 0;}
    .footerLink {display: none!important;}
    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {font-weight: normal;}
    ul.pageNewsList .imgBox {display: none;}
    .videoBox {display: none;}
}

/* 平板与手机之间 */
@media (min-width: 768px) and (max-width: 979px) {
    .navbar .nav-collapse .nav.pull-right {float: right; margin-top: 0; width: 20%;}
}

/* 手机 */
@media (max-width: 767px) {
    body {padding:0;}
    .container-fluid { padding:0 20px;}
    .topBox {display: none!important;}
    .grayBox, .whiteBox {padding:40px 0;}
    .featureBox {margin-top: 0;padding: 30px 0;}
    .featureBox .rowBox, .featureBox .rowText {width: 100%;}
    .featureBox .rowBox .box {border: 0; border-bottom: 1px solid #e1e5e7; padding: 15px 0;}
    .featureBox .rowBox .box img {float: left; margin-top: 5px;}
    .featureBox .rowBox .box h4, .featureBox .rowBox .box p { text-align: left; margin-left: 80px;}
    .featureBox .rowBox .box h4 {margin-top: 0; margin-bottom: 0;}
    .featureBox .rowText .box {padding: 20px 0;}
    .abImg, .accordionBox {margin-bottom: 30px;}
    .btnBox {display: block;}
    .btnBox a.btn {display: block;}
    .sliderBox, .logo01, .logo02  {display: none;}
    .otherSpan {margin-bottom: 30px;}
    a.logo {width:216px;}
    .footerBox {text-align: center;}
    .footerBox .logo {float: none;}
    .footerCopyright p {padding:0;}
    .bannerBox {text-align: center;}
    .bannerBox h2 {margin-top: 20px;}
    ul.productNav li {margin-bottom: 10px;}
    ul.productNav li:first-child, ul.productNav li:last-child {border-radius: 0;}
    .serviceBox h1 {font-size: 48px;}

    ul.pageNewsList li {position: relative;}
    ul.pageNewsList .time {float: none;  text-align: center; width: 80px;position: absolute; top: 28px; background: #fff; z-index: 2; padding-bottom: 5px;}
    ul.pageNewsList .time h4 {font-size: 14px; color: #2a83ed; }
    ul.pageNewsList .text {margin-left: 0; background-position: 38px top; padding: 0 20px 50px 100px;}
    ul.pageNewsList .dot {left: 25px;}
    .table_form #dosubmit {width: 100%;}
    .headerBox .dropdown { display: none!important;}

}