/*network nav*/

.logo-img{margin-left:-20px;margin-top:-3px;}

#banner-pro{background: url(../images/chanp.jpg); background-position: center center !important;

    background-repeat:no-repeat  !important;

    background-size:cover  !important}

.net-body{width:100%;}

 .news-body > div{width:85%;  margin:0 auto; text-align: center; }

 .news-body > div img{ margin: 0 auto;}

 .news-body{ margin-top: 30px;}

.foot{ margin-top: 40px;}

.news-nav{width:100%;height:60px;background:#333; margin: 0 auto; position: relative;}

@media  (max-width: 500px) {
.news-nav{height:70px;}	

.news-on li{height:100px !important;}

}

.news-nav-left{ width:70%; float:left; position: relative;}

.news-nav-left ul{ list-style: none;}

.news-nav-left ul li{ float:left;}

.news-no{position: absolute; left:0px;top:0px;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; width: 100%;height:60px;}

.news-no li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; text-decoration: none;}

.news-no li{line-height: 60px; cursor: pointer;width:125px;height:60px;}

.news-no li:first-child{margin-left:4%;}

.news-no li:last-child{margin-left:2%;}



.news-on li{opacity:0;filter:alpha(opacity=0);width:127px;height:90px; text-align: center;   position: relative;cursor: pointer; background: #CB1814; }



.news-on li > div {width:100%;height:90px;background: #CB1814;position: absolute;top:0px;padding-top: 18px;z-index: 50;}

.news-on li span{ display: block;  width: 0;

    height: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-bottom: 30px solid #800F0D;

	position: absolute;top:0px;right:-15px;z-index: 20;

}

.news-on li:first-child{margin-left:3%;}

.news-on li:last-child{margin-left:1%;}

.news-on{position: absolute; left:0px;top:-30px;width: 100%; }

.news-on li:first-child{padding-left:0px;}

.news-on li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#fff; text-decoration: none;}

.news-nav-right{float:right;width:350px;height:20px; position: absolute; top:50%; margin-top: -10px;right:0px; }

.news-nav-right span{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; cursor:pointer ; }

/*newsbody*/

.product-top{ width:100%;height:35px; margin-top: 20px;}

.product-top > div {width:70%; height:100%;margin: 0 auto; position: relative;}

.product-top ul{  width: 100%; position: absolute; left: 0px;top:0px; }

.product-top li{text-align:center; cursor:pointer;list-style: none; float:left; line-height:35px; width:170px ; background: #ccc;height:35px; margin-left: 8%;}

.product-top ul{ padding-left:8%;}

.product-top li a{ color:#000; text-decoration: none;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;}

.product-top li:hover a{ color:#fff; }

.product-top li:hover{ background:#000;}

.pro-now{background:#000;}

.pro-now a{color:#fff;}

.news-top{width:100%;height:100px; text-align:center; margin-top: 60px; font-family:'FuturaCondensedBQ-Medium' ;}

.news-top h1{font-family:'FuturaCondensedBQ-Medium' ;}

.news-top h3{margin-top:0px;}

.pic{ width:100%; overflow: hidden; position: relative; }

.pic img{ width:100%; 

transition: transform .5s ease-in-out;

-webkit-transition: transform .5s ease-in-out;

-moz-transition: transform .5s ease-in-out;

-ms-transition: transform .5s ease-in-out;

-o-transition: transform .5s ease-in-out;

}

.row > div h4{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px; color:#333; margin-top: 30px;}

.row > div{ cursor: pointer; margin-top:20px ;}

.prduc-info p{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#fff;}

.prduc-info{  width: 100%; height:100%;  display: table;   

}

.prduc-info > div{left:3%;top:3%;width:94%; height:94%; background: rgba(0,0,0,.5); position: absolute; display: table-cell;vertical-align: middle; 

padding: 25px 0px;

	transition: transform .3s ease-out;

	-webkit-transition: transform .3s ease-out;

    -moz-transition: transform .3s ease-out;

    -o-transition: transform .3s ease-out;

     -ms-transition: transform .3s ease-out;

    transform: scale(0,0);

    -webkit-transform: scale(0,0);

    -moz-transform: scale(0,0);

    -o-transform: scale(0,0);

    -ms-transform: scale(0,0);

}



.prduc-info h3{ color:#fff;font-size: 18px; margin-top: 10px;}

.prduc-info hr{width:60%;  display: inline-block;}



.pic:hover .prduc-info > div{  

transform: scale(1,1);

-webkit-transform: scale(1,1);

-moz-transform: scale(1,1);

-ms-transform: scale(1,1);

-o-transform: scale(1,1);

}





.pic:hover img{  

transform: scale(1.2,1.2);

-webkit-transform: scale(1.2,1.2);

-moz-transform: scale(1.2,1.2);

-ms-transform: scale(1.2,1.2);

-o-transform: scale(1.2,1.2);

}

.news-list{ width:550px; height:35px; margin: 0 auto; margin-top:30px ;}

.news-list li{ list-style:none; float:left; width:35px;height:35px; line-height: 35px; text-align: center; cursor: pointer;}

.news-list li a{ color:#000; text-decoration: none;font-family: "微软雅黑","Microsoft Yahei";}

.news-list li:nth-child(1){ width:50px}

.news-list li:nth-child(2){ width:50px; margin-right: 20px;}

.news-list li:nth-child(11){ width:50px; margin-left: 20px;}

.news-list li:last-child{ width:50px}

.list-now { background:#CB1814;}

.list-now  a{ color:#FFF !important;}

.pr-in{ width:250px;height:140px; position: absolute; left:50%;top:50%;margin-left: -125px;margin-top: -70px;}

/* modal*/

.modal-backdrop.in{

    opacity: .6;

}

.modal-dialog{

    width: 700px;

    height: 530px;

    margin: 8% auto 0;

}

.modal-header,

.modal-body{

	padding-left: 0;

	padding-right: 0;

    border-bottom: 0;

}

.modal-body{

    height: 100%;

	padding: 0;

}

.modal-content{

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-product .modal-body img{

    display: block;

    width: 100%;

    height: 100%;

}

.modal-product .modal-body h3{

	text-align: center;

	color: #fff;

}

.modal-product .modal-dialog > button{

	position: absolute;

	height: 300px;

	width: 120px;

	top: 50%;

	margin-top: -150px;

	padding: 0;

	border: 0;

	outline: none;

	z-index: 1060;

	background-color: transparent;

}

.modal-product .modal-dialog > button.disabled{

    display: none;

}

.modal-product .modal-dialog > button.prev{

	left: -120px;

}

.modal-product .modal-dialog > button.next{

	right: -120px;

}





.modal-dialog {

		width: 605px;

		height: 458px;

		margin-top: 30%;

	}

	.modal-product .modal-dialog > button{

		width: 80px;

	}

	.modal-product .modal-dialog > button.prev {

		left: -80px;

	}

	.modal-product .modal-dialog > button.next {

		right: -80px;

	}

}



/*nav*/



@media (max-width: 1337px){



}



@media (max-width: 1337px){



#news-nav { width:100%;}

}

@media (max-width: 1150px){

.news-nav-left{ clear: both; width:100%;}

.news-nav-right{ clear: both; top:130% ;left:0px; text-align: left;}

.news-no li{width:13%; margin-left:2%}

.news-on li{width:13%; margin-left:2%}

.news-on li:last-child{margin-left:2%;}

}



@media (min-width: 881px){

.news-no li	 p:first-child{line-height:15px;margin-top:22px ;}

}

@media (max-width: 880px){

.news-no li p{ line-height:15px;margin-top:15px ;}

}







@media (max-width: 380px){

.news-nav-right span{ font-size: 12px;}

}





@media  (max-width:660px){

.news-no li:first-child{margin-left:3%;}

}

@media  (max-width:640px){

.news-no li a{font-size: 12px !important;}

.news-on li a{font-size: 12px !important;}

}

@media  (max-width:550px){

.news-no li {height:60px !important;}	

.news-no li{ vertical-align: middle;}



.news-no li p{line-height:20px; margin-top: 10px;}	

}

@media (min-width:484px) and (max-width:549px){

	





}

@media (max-width:387px){

.news-no li p{line-height:15px; margin-top: 10px;}	

}

@media (max-width:380px){

.news-no li{ margin-left:10px;}	

.news-no li:last-child{margin-left:15px;}

.news-on li{ margin-left:0px;}



.news-on li:first-child{width:16%;}

 .news-on li:first-child{ margin-left:0%;}	

 .news-on li{ width:19%}

}

@media (max-width:350px){

.news-no li{ margin-left: 10px;}

.news-no li:last-child{margin-left:15px;}

.news-on li:first-child{margin-left:0px;}

.news-on li{ width:16%}

}





/* pro-nav*/

@media (max-width:1200px){

.product-top ul{ padding-left:0%;}

}

@media (max-width:980px){

.product-top > div {width:80%; }

.product-top li{ margin-left: 6%;}

.product-top ul{ padding-left: 4%;}

	}

@media (max-width:833px){

.product-top > div {width:90%; }

.product-top ul{ padding-left: 0%;}

	}

@media (max-width:710px){

.product-top li{ margin-left: 3%;}

.product-top ul{ padding-left: 2%;}

}

@media (max-width:650px){

.product-top li a{ font-size: 12px;}	

.product-top li{ width:135px;}

.product-top ul{ padding-left: 8%;}

}

@media (max-width:555px){

.product-top > div {width:100%; }

}

@media (max-width:500px){

.product-top li:last-child{ margin-top: 10px;}

	}

/*page-list*/

@media (max-width: 550px){

.li-on{ display: none;}

.news-list{ width:100%;}

.news-list ul{ width:300px;height:30px; margin: 0 auto; padding-left: 20px;}

	}

/*modal*/

@media (max-width: 767px){

    .modal-dialog{

        width: 100%;

        /*height: 320px;*/

        height: auto;

    }

    .modal-product .modal-dialog > button.prev {

        left: 0;

    }

    .modal-product .modal-dialog > button.next {

        right: 0;

    }

    .modal-body h3{ color:#000 !important;}

    }

    /* info*/

       @media ( min-width:1500px){

   	.prduc-info > div{ padding:50px 0px;}

   }

   @media ( max-width:1310px){

   	.prduc-info > div{ padding:15px 0px;}

   }

  @media ( max-width:1200px){

   	.prduc-info > div{ padding:0% 0px;}

   }

    @media ( max-width:990px){

   	.prduc-info > div{ padding:6% 0px;}

   }

 @media ( max-width:767px){

   	.prduc-info > div{ padding:17% 0px;}

   }

    @media ( max-width:670px){

   	.prduc-info > div{ padding:14% 0px;}

   }

 @media ( max-width:570px){

   	.prduc-info > div{ padding:11% 0px;}

   }

    @media ( max-width:470px){

   	.prduc-info > div{ padding:6% 0px;}

   }

   @media ( max-width:410px){

   	.prduc-info > div{ padding:0% 0px;}

   }

     @media ( max-width:350px){

   	.prduc-info > div > h3{ font-size:14px ; font-family: "微软雅黑","Microsoft Yahei";}

   	.prduc-info > div > p{ font-size:12px ; font-family: "微软雅黑","Microsoft Yahei";}

   }

     @media ( max-width:320px){

     	.prduc-info > div > hr{ padding-bottom: 0px !important; padding-top: 0px !important;}

     	}

   



/*弹窗1*/



.



.footBcon{ border-top: 1px solid #7c7c7c; padding: 20px 0px; margin-top: 25px;}

.footBcon .flink{ float: right; display: block;}

.foot-lbox{ float: left; display: block; width: 500px;}

.foot-lbox .zh{ color: #fff; font: bold 30px/1.5 "microsoft yahei";}

.foot-lbox .en{ font: 17px/1.4 Georgia,Arial, helvetica, sans-serif; color: #fff; margin-bottom: 65px;}

.footInfo li{ float: left; display: block; width: 44%; padding: 0px 0px 5px;}

.fsharp{ float: right; display: block; margin-bottom: 95px;}

.fsharp a { display: block; width: 48px; height: 48px; margin-right: 12px; background: url(../images/sharp2.png) no-repeat scroll -287px 0px; float: left; position: relative; }

.fsharp a em { background: url(../images/sharp2.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }

.fsharp a .ibg { background: url(../images/sharp2.png) no-repeat scroll -287px -48px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }

.fsharp a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }

.fsharp a.a1 .i { background-position: 0px 0px; }

.fsharp a.a2 .i { background-position: -58px 0px; }

.fsharp a.a3 .i { background-position: -118px 0px; }

.fsharp a.a4 .i { background-position: -178px 0px; }

.fsharp a.a5 .i { background-position: -238px 0px; }

.fsharp a.a1:hover .i { background-position: 0px -48px; }

.fsharp a.a2:hover .i { background-position: -58px -48px; }

.fsharp a.a3:hover .i { background-position: -118px -48px; }

.fsharp a.a4:hover .i { background-position: -178px -48px; }

.fsharp a.a5:hover .i { background-position: -238px -48px; }

.fsharp a.a5{ margin-right: 0px;}

.foot-rbox{ width: 414px; float: right; display: block;}

.foot-rbox .selbox{ float: left; display: block;}

select.selbox { outline: none; width: 185px; height: 32px; line-height: 32px; padding: 0px 0px 0px 15px; margin: 0px; vertical-align: middle; border: 1px solid #999999; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #cccccc; cursor: pointer; display: block; font-size: 14px; margin-right: 10px; background: url(../images/select_bot.png) no-repeat scroll 90% center #666666; float: right; }

.no-csstransitions select.selbox { padding-left: 0; }

select.selbox option { padding: 2px 15px; }

select.selbox:hover { color: #fff; border-color: #fff;}

.joinBtn{ width: 170px; padding: 0px 15px; height: 30px; line-height: 30px; border: 1px solid #999999; display: block; float: right; background: url(../images/i1.png) no-repeat scroll 90% center;}

.joinBtn:hover{ border-color: #fff;}

.dock{ position: fixed; right: 1%; bottom: 6%; z-index: 1000;}

.dock a{ width: 52px; height: 52px; margin-bottom: 2px; display: block; background: url(../images/dock.png) no-repeat; background:none rgba(0,0,0,0.5); border-radius: 3px;}

.dock a i{ background: url(../images/ico.png) no-repeat; width: 100%; height: 100%; display: block; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}

.dock a i.i1{ background-position: 0px 0px;}

.dock a i.i2{ background-position: 0px -54px;}

.dock a i.i3{ background-position: 0px -108px;}

.dock a i.i4{ background-position: 0px -162px;}

.dock a:hover i.i1{ background-position: -52px 0px;}

.dock a:hover i.i2{ background-position: -52px -54px;}

.dock a:hover i.i3{ background-position: -52px -108px;}

.dock a:hover i.i4{ background-position: -52px -162px;}

/*video*/

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }

.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }

.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }

.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }

#videobox_wrapper { height: 100%!important; }

.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #CB1814; cursor: pointer; position: absolute; top: -12px; right: -48px; }

.vwrap .close i { display: block; width: 36px; height: 36px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }

.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }

.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 82px!important; height: 80px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }

.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }

.jwlogo, .jwclick { display: none!important; }

/*video style end*/

/* Slider */

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

/* Dots */

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }

.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}



@keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

/* 

 * 	Core Owl Carousel CSS File

 *	v1.3.3

 */

/* clearfix */

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */

.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page,

.owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */

.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }

/* fix */

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }



/*

* 	Owl Carousel Owl Demo Theme 

*	v1.3.3

*/



.owl-theme .owl-controls { margin-top: 10px; text-align: center; }



/* Styling Next and Prev buttons */



.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }



/* Styling Pagination*/



.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span { }



/* If PaginationNumbers is true */



.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }



/* preloading images */

.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }







html.openImg { }

.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 15%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}

.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }

.overlayClose:hover{ background-color: #CB1814;}

.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }

.no-csstransitions .imgShowBox{ display: none;}

.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }

.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }

.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 60px; }

.imgShowDemo .con{text-align: center  !important; position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 100%; padding: 10px 5%;}

.imgShowDemo .con .t{ font-size: 16px; color: #333;}

.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }

.imgShowDemo .txt .i { padding-left: 3%; }

.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }

.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }

.no-csstransitions .img-show{ display: block;}

.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }

.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/p_l3.png); }

.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/p_r3.png); }

.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #CB1814; }

.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }

.infoPaging a:link,.infoPaging a:visited { color: #666666;}

.infoPaging a:active,.infoPaging a:hover { color: #fff;}

.infoPaging{ border-top: 1px solid #cccccc; height: 58px; margin-top: 5%; text-align: center; letter-spacing: -0.31em; /* webkit */*letter-spacing: normal; /* IE < 8 重置 */}

.infoPaging a{ line-height: 58px; width: 66px; border-left: 1px solid #cccccc; font: 18px/58px "acaslonpro","times new roman",tahoma,georgia; display: inline-block;zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */ letter-spacing: normal; word-spacing: normal; vertical-align: top;}

.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block;}

.infoBox .list:hover{ background-color: #cc0000;}

.infoPaging .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding: 0px 30px 0px 37px; border-left: 0px none; font-size: 16px; font-family: "microsoft yahei";}

.infoPaging .pnext{ background: url(../images/next11.png) no-repeat scroll 92% center; padding: 0px 37px 0px 30px; font-size: 16px;font-family: "microsoft yahei";}

.infoPaging .pprev:hover{ background-position: 0px center; background-color: transparent; color: #cc0000;}

.infoPaging .pnext:hover{ background-position: 100% center; background-color: transparent; color: #cc0000;}

.infoPaging a.act{ background-color: #CB1814; color: #fff;} 

.infoPaging a:hover{ background-color: #ccc; color: #fff;} 

.infoBox{ width: 370px; margin: 0px auto; line-height: 59px; font-size: 16px;}

.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block; width: auto;}

.infoBox .list:hover{ background-color: #cc0000;}

.infoBox .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding:0px 0px 0px 37px; float: left; display: block; height: 100%;}

.infoBox .pnext{ border-left: 0px none; background: url(../images/next11.png) no-repeat scroll 92% center; padding:0px 37px 0px 0px; float: right; display: block; height: 100%;}

.infoBox .pprev:hover{ background-position: 0px center;}

.infoBox .pnext:hover{ background-position: 100% center;}