/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}


/*头部样式*/


.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }

.web-logo{ padding: 10px;}
.container {padding:0;}
.navbar-default{ background-color: transparent; margin-top:0px;}
.dropdown-menu>li>a {text-align: center;line-height: 30px;}
.navbar-nav ul li a {	padding:0  ;margin:0 ;}
.navbar-nav {	float: none;display: inline-block; border: 0px; margin: 0px;  padding: 0px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color:#fff;
    /*border-bottom:2px solid #c3272b; */
    color: #555;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{    background-color:#fff;
    /*border-bottom:2px solid #c3272b; */
   }
.navbar-default .navbar-nav>li:last-child>a:focus, .navbar-default .navbar-nav>li:last-child>a:hover{    background-color:transparent;
    /*border-bottom:2px solid #c3272b; */
}
/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
/*.nav>li {	padding:6px 14px;}*/
.nav>li:focus, .nav>li:hover {     border-bottom:0px solid #4edcff;  color: #4edcff; }

@media (max-width: 1600px) {

    .navbar-default .navbar-nav>li>a { font-weight: 400; color: #fff;padding:20px 40px; font-size: 16px;}
}
@media (min-width: 1600px) {

    .navbar-default .navbar-nav>li>a { font-weight: 400; color: #fff;padding:27px 40px; font-size: 16px;}
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent;}

.navbar-nav li {

    margin:0 auto;
    text-align: center;
}
.dropdown-menu{background: #fff; border: 0px; min-width: auto; width: 100%;}

.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#444; padding:6px 10px; width: 100%;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#4edcff; color: #fff!important;}
#bs-example-navbar-collapse-1 {
    padding:0;
}
.dropdown-menub{ border-radius: 100px;}
.dropdown-menub li a{  border-radius: 100px;}
.dropdown-menub>li>a:focus, .dropdown-menub>li>a:hover {
    background: transparent;

}
.nav>li:last-child:focus, .nav>li:last-child:hover{ border-bottom: 0px;}
.navbar-default .navbar-nav>li:last-child>a:focus, .navbar-default .navbar-nav>li:last-child>a:hover{color: #fff;}
.nav>li:last-child span{ border: 1px solid #fff; padding: 4px 10px;}
.my-fa{ background: #f17900; border-radius: 100px;}
.carousel-control span {
    font-size: 24px;
    font-family: 宋体;
    font-weight: bold;
    position: absolute;
    top: 50%;
}
.mj-banner{ display: inline-block; background: #f5f5f5;}
.carousel-control.right,.carousel-control.left{ background-image: none;}
.mynav{background: #1b1b1b; background: rgba(27,27,27,1); z-index: 11;}
.fixnav{ background: rgba(10,10,10,0.43); padding-bottom: 10px;}

.carousel-control span{ font-size: 30px; font-weight: bold; border: 2px solid #fff; color: #fff; text-align: center; line-height: 50px; width: 50px; height: 50px;}

.bantext{ position: absolute; top: 30%; display: inline-block; z-index: 3; text-align: center; width: 80%; margin-left: 10%;}
.bantext .bantext-cn{ color: #fff; font-size: 2.3em; font-weight: 400; letter-spacing: 4px; text-align: center;}
.bantext .bantext-en{ color: #fff; font-size: 3em; margin-top: 30px; line-height: 60px; font-weight: bold;  text-transform: uppercase; letter-spacing: 4px; text-align: center;}
.bantext .bantext-note{ color: #fff; font-size: 2.3em; font-weight: 400; letter-spacing: 4px; margin-top: 30px; text-align: center;}
.bantext .bantext-more{ text-align: center; width: 100%; display: inline-block; margin-top: 20px;}
.bantext .bantext-more a{ color: #fff; font-size: 2em; line-height: 20px; font-weight: 400; display: inline-block; padding: 10px 20px; letter-spacing: 4px; border: 2px solid #fff; margin-top: 30px; text-align: center;}

.banner-next {
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -11px; z-index: 3;
    cursor: pointer;
    animation: arrow 1.5s linear 0s infinite;
    -webkit-animation: arrow 1.5s linear 0s infinite;
    -o-animation: arrow 1.5s linear 0s infinite;
    -moz-animation: arrow 1.5s linear 0s infinite;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
    color: #fff; font-size: 24px; font-family: "宋体"; font-weight: bold;
}

.mdq-page{ width: 100%; padding: 50px 0;}

.sy-page-tit{ display: inline-block; width: 100%;}
.page-tit-x{ width: 80px; height: 1px ; background: #333; }
.page-tit-c{ width: 100%; margin-top: 20px; color: #626262; display: inline-block;}
.page-tit-c .titcn{ font-size: 24px; letter-spacing: 4px; font-weight: bold; margin-left: 40px; display: inline-block; margin-right: 10px;}
.page-tit-c .titen{ font-size: 36px;  font-weight: bold; letter-spacing: 4px; text-transform: uppercase;  display: inline-block; margin-right: 10px;}

.page-tit-note{ width: 100%; display: inline-block; color: #626262; margin-top: 10px; font-size: 14px;}

.mxcp-ul{ display: inline-block; width: 100%; margin-top: 40px;}
.jq-div{ width: 100%; height: 560px; overflow: hidden; display: inline-block;}
.jq-div >img{ width: 100%; height: 100%; z-index: 1;}
.jq-body{ width: 100%; height: 100%; position: relative; z-index: 3; margin-top: 0px; background: rgba(0,0,0,0.2);}
.jq-div:hover .jq-body{ margin-top:  -600px;}
.mxcp-ul li:nth-child(1) .jq-div:hover .jq-body{ margin-top:  -560px;}
.jq-div:hover .jq-div >img{ transform: scale(1.2)}
.jq-body .jq-con{ width: 60%; position: absolute; top: 45%; left: 20%;}

.mx-bodya{text-align: left; padding: 10px 0; width: 100%; display: inline-block;}
.mx-titc{ font-size: 18px; color: #555;}
.mx-tite{ font-size: 14px; color: #ccc;}
.mxcp-ul li{ padding-left: 20px; padding-right: 20px;}
.mxcp-ul li:nth-child(1){padding-top: 30px;}
.mxcp-ul li:nth-child(2) .jq-div{ height: 680px;}
.mxcp-ul li:nth-child(2) .jq-div:hover .jq-body{ margin-top:  -680px;}

.mxcp-ul li:nth-child(3) > div:nth-child(2)  .jq-body .jq-con,.mxcp-ul li:nth-child(3) > div:nth-child(3) .jq-body .jq-con{ margin-top: -60px;}

.mxcp-ul li:nth-child(3) > div:nth-child(2),.mxcp-ul li:nth-child(3) > div:nth-child(3){ height:  300px; margin-bottom: 30px;}
.mxcp-ul li:nth-child(3) > div:hover:nth-child(2) .jq-body,.mxcp-ul li:nth-child(3) > div:hover:nth-child(3) .jq-body{ margin-top:  -300px;}

.jq-body .jq-con .lt{

    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: -2px;
    top: -2px;
}
.jq-body .jq-con .rt{

    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: -2px;
    top: -2px;
}
.jq-body .jq-con .rb{

    border-bottom:1px solid #fff;
    border-right: 1px solid #fff;
    right: -2px;
    bottom: -2px;
}
.jq-body .jq-con .lb{

    border-bottom:1px solid #fff;
    border-left: 1px solid #fff;
    left: -2px;
    bottom: -2px;
}
.jq-body .jq-con >div{    width: 20px;
    height: 20px;
    position:absolute; border-color: #fff;}


.jq-body .jq-con a{ display: inline-block; width: 100%;padding: 20px 10px; color: #fff; text-align: center;}

.jq-con a .jq-cn{ font-size: 20px;}
.jq-con a .jq-en{ font-size: 14px; margin-top: 6px;}

.page-more{ display: inline-block; text-align: center; margin-top: 40px; width: 100%; }
.page-more a{ display: inline-block; padding: 8px 30px; line-height: 30px; text-transform: uppercase;  border: 1px solid #555; color: #555}
.page-more a:hover{ background: #555; color: #fff;}

.sy-case-ul{ margin-top: 30px; display: inline-block; width: 100%;}
.case-div{ width: 100%; height: 350px; margin-top: 20px; overflow: hidden; display: inline-block;}
.case-div img{ width: 100%; height: 100%; z-index: 1;}
.case-body{ width: 100%; height: 100%; position: relative; z-index: 3; margin-top: 0px; background: rgba(0,0,0,0.3);}
.case-div:hover .case-body{ margin-top:  -350px;}
.case-div:hover  img{ transform: scale(1.2)}
.case-body .case-con{ width: 60%; position: absolute; top: 40%; left: 20%;}


.case-body .case-con { display: inline-block; border: 1px solid #fff; padding: 20px 10px; color: #fff; text-align: center;}

.case-con a .case-cn{ font-size: 20px;}
.case-con a .case-en{ font-size: 14px; margin-top: 6px;}

.case-divb{ height: 680px; width: 86%; margin-top: 0px;}
.case-titr{ height: 180px; background: #50565f;}
.casetitb{ height: 180px; width: 86%;
    margin-top:-180px; background: #383b40;}

.case-divb:hover .case-body{ margin-top:  -680px;}
.caseta{ font-size: 30px; padding-left: 80px; font-weight: bold; color: #fff; line-height: 50px; position: relative; margin-top: 40px; display: inline-block;}
.caseta span{ width: 60px; height: 4px; overflow: hidden; background: #fff; position: absolute; display: inline-block; left: 0; top: 50%; margin-right: 10px;}
.casetb{ color: #fff; font-size: 18px; padding-left: 80px;}
.casemore{ display: inline-block; width: 100%;}
.casemore a{ background: #fff; padding: 8px 30px; margin-left: 80px; margin-top: 10px; display: inline-block;}


.lxwm-ul{ margin-top: 30px; display: inline-block; width: 100%;}
.lxwm-ul li{ padding: 20px 6;}

.lxwm-div{ width: 100%;  margin-top: 20px; overflow: hidden; display: inline-block;}
.lxwm-div img{ width: 100%;  z-index: 1;}
.lxwm-body{ width: 100%; height: 100%; position: relative; z-index: 3; margin-top: 0px; background: rgba(0,0,0,0.3);}
.lxwm-div:hover .lxwm-body{ margin-top:  -600px;}
.lxwm-div:hover  img{ transform: scale(1.1)}
.lxwm-ul li:nth-child(2) .lxwm-div:hover  img{ transform: scale(1.0)}
.lxwm-body .lxwm-con{ width: 60%; position: absolute; top: 40%; left: 20%;}


.lxwm-body .lxwm-con { display: inline-block; border: 1px solid #fff; padding: 50px 10px; color: #fff; text-align: center;}

.lxwm-con  .lxwm-cn{ font-size: 20px; font-weight: bold;}
.lxwm-con  .lxwm-en{ font-size: 14px; margin-top: 6px;}


.foota{ width: 100%; padding: 40px 0; background: #f5f5f5;}
.footb{ width: 100%; color: #fff; padding: 20px 0; background: #333333; text-align: center;}
.footb a { color: #fff;}

.sy-page-tit{ display: inline-block; width: 100%;}
.page-tit-x-f{ width: 100%; height: 1px ; background: #333; }
.page-tit-f{ width: 100%; margin-top: 20px; color: #626262; display: inline-block;}
.page-tit-f .titcn{ font-size: 24px; line-height: 40px; letter-spacing: 4px; font-weight: bold; margin-left: 0px; display: inline-block; margin-right: 10px;}
.page-tit-f .titen{ font-size: 36px;  font-weight: bold; letter-spacing: 4px; text-transform: uppercase;  display: inline-block; margin-right: 10px;}
.tittel{ font-size: 24px; line-height: 30px; font-weight: bold; display: inline-block; margin-top: 20px;}
.footer-list {
    float: left;
    display: flex;
    width: 100%;
}
.footer-box-right ul {
    flex: 1;
    text-align: center;
}

.footer-box-right ul li {
    font-size: 20px;
    color: #252525;
    line-height: 25px;
}

.footer-box-right ul li:first-child {
    margin-bottom: 8px;
}

.footer-box-right ul li a {

    font-size: 14px;
    color: #555;
}

.footer-box-right ul li:first-child a {
    font-weight: bold;
    font-size: 20px;
    color: #555555;
}

.footer-box-right .second-dd {
    margin-bottom: 10px;
}

.footer-box-right ul li:hover a {
    color: #4A90E2;
}

.footer-box-right .case-bottom, .footer-box-right .blog-bottom {
    height: 45px;
}

.footer-box-right .about-bottom {
    height: 150px;
}

/**/
.case-page{ width: 100%; padding: 40px 0;}
.page-ny-tit{ line-height: 40px; font-size: 16px; width: 100%; text-align: left;}
.case-ul-t1{ margin-top: 20px;}
.case-div-ny{ height: 350px;}
.case-div-ny .case-body .case-con{ width: 160px; height: 160px;top: 50%; left: 50%; margin-left: -80px; margin-top: -80px;}
.case-div-ny .case-body .case-con .case-cn{ margin-top: 20px;}
.case-nyb2{ height: 728px;}
.case-nyb2:hover .case-body{ margin-top: -730px;}
.case-ul-t2{ margin-top: 0px; display: inline-block; width: 100%;}

.bantextb{ top: 80%; }
.bantext .ban-sel{ display: inline-block; margin: 20px;}

.wrapper-dropdown-1{ background: #2da5fa;}
.wrapper-dropdown-1.active {
    background: #2da5fa;
    background: -moz-linear-gradient(left,#2da5fa 0%,#2da5fa 78%,#ffffff 78%,#ffffff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#2da5fa),color-stop(78%,#2da5fa),color-stop(78%,#ffffff),color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left,#2da5fa 0%,#2da5fa 78%,#ffffff 78%,#ffffff 100%);
    background: -o-linear-gradient(left,#2da5fa 0%,#2da5fa 78%,#ffffff 78%,#ffffff 100%);
    background: -ms-linear-gradient(left,#2da5fa 0%,#2da5fa 78%,#ffffff 78%,#ffffff 100%);
    background: linear-gradient(to right,#2da5fa 0%,#2da5fa 78%,#ffffff 78%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc7de',endColorstr='#ffffff',GradientType=1 );
}
.Owl-listcase .owl-buttons{ display: none;}
.Owl-listcase .owl-pagination{ display: inline-block; width: 100%; text-align: center;}
.Owl-listcase .owl-pagination .owl-page{ display: inline-block; background: #ccc; width: 10px; height: 10px; border-radius: 10px; margin: 6px 2px;}
.Owl-listcase .owl-pagination .owl-page .owl-numbers{content: ""; display: inline-block;}
.Owl-listcase .owl-pagination  .active{ background: #2da5fa;}


.nypage-tit{line-height: 40px; font-size: 18px; width: 100%; text-align: center; font-weight: bold;}
.nypage-titb{line-height: 40px; font-size: 16px; color: #333; width: 100%; text-align: center;}
.nypage-note{ line-height: 30px; font-size: 14px; color: #ccc; width: 100%; text-align: center;}
.nypage-con{ line-height: 30px; font-size: 14px; color: #555; width: 100%; margin-top: 20px;}
.bantext .bantext-noteb{ color: #fff; font-size: 1.3em; font-weight: 400; letter-spacing: 4px; margin-top: 30px; text-align: center;}


.cpzs-zy-div{ padding: 40px 0px; background: white; width: 100%; display: inline-block; text-align: center;}
.cpzs-icon{ display: inline-block; width: 100%; }
.cpzs-zy-div .cpzs-cn{ display: inline-block; width: 100px; margin-top: 10px; text-align: center; font-size: 18px; color: #666;}
.cpzs-zy-div:hover .cpzs-icon,.cpzs-zy-div:hover .cpzs-cn{  }
 .cpzs-icon img{ transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
.cpzs-zy-ul{ display: inline-block; margin-top: 20px;}
.cpzs-zy-ul li{ margin-top: 20px;}


/*.cpzs-zy-div:hover{ transform:rotate(360deg);*/
    /*-ms-transform:rotate(360deg); 	!* IE 9 *!*/
    /*-moz-transform:rotate(360deg); 	!* Firefox *!*/
    /*-webkit-transform:rotate(360deg); !* Safari 和 Chrome *!*/
    /*-o-transform:rotate(360deg); 	!* Opera *!}*/
/*.case-div:hover .case-body{ margin-top:  -350px;}*/
/*.case-div:hover  img{ transform: scale(1.2)}*/


/*.cpzs-zy-div:hover{ transform: scale(1.2)}*/
/*.cpzs-zy-div:hover xhx{ border-bottom: 1px solid black}*/
/*.xhx{*/
    /*width: 80px;*/
    /*height: 10px;*/
    /*background: green;*/
    /**/
    /*border-bottom: 1px solid black;*/
/*}*/
.ny-ban-ul{ display: inline-block; margin-top: 40px;}
.ny-ban-ul li{display: inline-block; margin: 6px;}
.ny-ban-ul li a{ display: inline-block; padding: 6px 20px; background: #fff; border-radius: 6px;}
.ny-ban-ul li a.active,.ny-ban-ul li a:hover{ background: #4edcff; color: #fff;}



/*news*/
.news-ny-ul{ display: inline-block; width: 100%; margin-top: 20px;}
.n-news-imgs{ background: #fff; padding: 8px; margin-top: 20px; margin-top: 16px; height: 210px; overflow: hidden; border-radius: 4px; box-shadow: 3px 3px 5px #e5e5e5; border-bottom: 1px solid #f7f7f7; display: inline-block; }
.n-news-imgs:hover{ transform: scale(1.1);}
.n-newimg{ overflow: hidden; height: 260px; float: left;}
.n-newimg img{ height: 100%; max-width: 100%; width: 100%;}
.n-newtext{width: 100%; display: inline-block; padding: 0;}
.n-topx{ width: 50px; border-radius: 2px; height: 4px; background: #ee2a2a; display: inline-block; margin-top: 20px;}
.n-newtext .h3{ padding:2px 0px; height: 20px; overflow: hidden; margin-bottom: 0px; font-size: 14px; font-weight: bold; padding-bottom: 0px; display: inline-block; margin-top: 2px; }
.n-new-time{ color: #ccc; font-size: 12px;}
.n-newtext > .news-note{ line-height: 30px;}
.n-news-note{ font-size: 12px; line-height: 24px; height: 48px; overflow: hidden;}


.n-new-more{ display: inline-block;  border: 1px solid #ee2a2a; margin-top: 20px;}
.n-new-more a{ color: #ee2a2a; padding: 6px 20px; display: inline-block;}
.n-new-more a:hover{display: inline-block; background: #ee2a2a; color: #fff;  }
.newsn-text-tit{ width: 100%; font-size: 24px; font-weight: bold; line-height: 50px;}
.newsn-note{ color: #999; font-size: 12px; text-align: center; width: 100%;}
.newsn-con{ margin-top: 20px; width: 100%; line-height: 24px; font-size: 14px;}

.lxwm-div-n{ display: inline-block; width: 100%; text-align: center;}
.lxwm-div-n .lxwm-icon{ display: inline-block; width: 80px; padding: 15px 0; height: 80px; border-radius: 100px; text-align: center; border: 1px solid #333; }

.lxwm-div-n .lxwm-tit{display: inline-block; width: 100%; margin-top: 10px; font-size: 16px; font-weight: bold;}
.lxwm-div-n .lxwm-note{ display: inline-block ; margin-top: 20px; width: 100%; font-size: 14px;}
.lxwmgg{ position: relative;}
.lxwm-text{ position: absolute; display: inline-block; text-align: center; z-index: 3; top: 40%; width: 80%; left: 10%;}
.lxwm-more{ display: inline-block; padding: 10px 30px; background: #2da5fa; color: #fff; border-radius: 8px;}
.lxwm-con{ display: inline-block; text-align: center; font-size: 16px; color: #fff; margin-top: 30px; }
.case-page img{ max-width: 100%; height: auto;}



.sy-page-tit{ display: inline-block; width: 100%;}
.page-tit-x{ width: 80px; height: 1px ; background: #333; }
.page-tit-c-b{ width: 100%; margin-top: 20px; text-align: right; color: #626262; display: inline-block;}
.page-tit-c-b .titcn{ font-size: 18px; letter-spacing: 1px; font-weight: 500; margin-left: 40px; color: #666; display: inline-block; margin-right: 10px;}
.page-tit-c-b .titen{ font-size: 48px;  font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: #000; display: inline-block; margin-right: 10px;}

.page-tit-note-b{ width: 100%; display: inline-block; text-align: right; color: #333; line-height: 36px; margin-top: 80px; font-size: 18px;}

#lightbox-container-image-data-box{box-sizing: content-box;}

/**/


.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.pa-5{ padding-left: 5px; padding-right: 5px;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.ba-f5f5f5{ background: #f5f5f5;}
.zhuse{ color: #ee2a2a;}
.baise{ color: #fff;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}
.bg-f5f5f5{background: #f5f5f5;}
.page-ny img{ max-width: 100%; height: auto;}
.fenyeys{ float:left; width:90%; text-align:center; margin:22px 0px; font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:2px 10px; background:#5e9633; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:2px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#5e9633;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

#lightbox-secNav-btnClose{ position: absolute; top: 20px; right: 20px;}
#lightbox-nav-btnNext{ right: 15%; top: 30%; background: url(/public/static/index/images/lightbox-btn-next.gif) right center no-repeat;}
#lightbox-nav-btnPrev{left: 15%; top: 30%; background: url(/public/static/index/images/lightbox-btn-prev.gif) left  center no-repeat;}
/*移动设备*/
@media (max-width: 768px) {
    .navbar-nav{ width: 100%; margin-top: 10px; background: #333; background: rgba(0,0,0,.7)}
    .navbar-nav ul li a{ color: #fff; line-height: 30px; border-bottom: 1px solid #333; width: 100%; display: inline-block;}
    .page-tit-c .titcn{ width: 100%; text-align: center; margin-left: 0px; font-size: 20px;}
    .page-tit-c .titen{ width: 100%; text-align: center; font-size: 18px;}
    .page-tit-x{ position: absolute; display: none;}
    .page-tit-note{ text-align: center; font-size: 12px;}
    .page-tit-f .titen{ font-size: 20px;}
    .page-tit-f .titcn{ font-size: 16px;}
    .footer-box-right ul li:first-child a{font-size: 14px;}
    .footer-box-right ul li a{font-size: 12px;}

    .mxcp-ul li:nth-child(2) .jq-div,.jq-div {
        height: auto;
    }


}
/*笔记本*/
@media (max-width: 1360px) {
    .nav>li {	padding:0 ;}
    .navbar-nav{  padding-top: 0px;}
    .navbar-default .navbar-nav>li>a{ padding: 14px 14px;}
    .jjfa-div{ height: 400px;}
    .jjfa-div2{ height: 197px;}
    .jq-div{ height: 440px;}
    .mxcp-ul li:nth-child(2) .jq-div{ height: 520px;}
    .jq-div:hover .jq-body{ margin-top:  -500px;}

    .mxcp-ul li:nth-child(3) > div:nth-child(2), .mxcp-ul li:nth-child(3) > div:nth-child(3){ height: 220px; margin-bottom: 10px;}
    .mxcp-ul li:nth-child(1) .jq-div:hover .jq-body{ margin-top:  -440px;}
    .mxcp-ul li:nth-child(2) .jq-div:hover .jq-body{ margin-top: -520px;}
    .mxcp-ul li:nth-child(3) > div:nth-child(2):hover .jq-body, .mxcp-ul li:nth-child(3) > div:nth-child(3):hover .jq-body{ margin-top: -220px;}
    .case-div{ height: 230px}
    .case-divb{ height: 440px}
    .case-div:hover .case-body{ margin-top:  -230px;}
    .case-divb:hover .case-body{ margin-top:  -440px;}
}