.w1200{
	width: 1200px;
	position: relative;
	margin: 0 auto;
}

.scrolltop{
	position: relative;
	top:100px;
	opacity: 1;
	filter:alpha(opacity:0);
}
.products {
    width: 100%;
    padding: 118px 0 50px; 
}
.products .now {
    padding-left: 25px;
    background: url(../images/now02.png) no-repeat left center;
    font-size: 13px;
    color: #666666;
    line-height: 23px;
    margin-bottom: 30px;
}
.products .now a{ margin:0 5px;}

.product-intro-b .list-b li.bor {
	color: #005baa;
	border-color: #005baa!important;
}
.f-cb{ zoom:1}
.f-cb li{   list-style:none}
.f-cb li a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
    text-decoration: none;
    color: #666;
    transition: color 0.3s;
	line-height: 86px;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.product-info .imgshow {
	position: relative;
}
#videob {
	width: 100%;
	height: 100%;
	background: #000;
}
.product-info .imgshow .big {
	right: 10px;
}

.product-info{
	padding: 40px 30px;
	width: 100%;
	background: #fff;
	position: relative;
}
.product-info .page1{
	position: absolute;
	top:50px;
	right: 27px;
	width:85px;
}
.product-info .fr{display: inline;}
.product-info .page1 a{
	width: 40px;
	height: 40px;
	background: #f8f8f8;
	margin-left:5px;
	color: #373737;
	font-family: "宋体";
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	transition:all 0.3s;
}
.product-info .page1 a:first-child{
	margin: 0;
}
.product-info .page1 a.center{
	background:#f8f8f8 url(../images/pro09.png) no-repeat center;
}
.product-info .page1 a:hover{
	background: #005baa;
	color: #fff;
}
.product-info .page1 a.center:hover{
	background:#005baa url(../images/pro09_h.png) no-repeat center;
}
.product-info .left{
	width: 550px;
	position: relative;
}
.product-info .imgshow{
	width: 453px;
	height: 353px;
	/*border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;*/
    overflow: hidden;
    text-align: center;
    float: left;
    cursor: pointer;
}
.product-info .imgshow img{
	width: 100%;
	max-width: 100%;
	height: auto !important;
}
.product-info .imgshow .big{
	width: 21px;
	height: 21px;
	background: url(../images/pro08.png) no-repeat center;
	position: absolute;
	bottom: 14px;
	right: 111px;
}
.product-info .right{
	width: calc(100% - 570px);
}
.product-info .right h2{
	font-size: 28px;
	color: #333;
	line-height: 58px;
	padding-bottom: 11px; 
}
.product-info .right .text
{
	width:100%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding:30px 0;
}
.product-info .right .text p{
	font-size: 14px; 
	line-height: 30px;
	width: 75%;
	text-align:justify;
}
div.jqZoomPup {  
    z-index: 999;  
    visibility: hidden;  
    position: absolute;  
    top:0px;  
    left:0px;    
    background: #ffffff;  
    opacity: 0.2;  
    -moz-opacity: 0.2;  
    -khtml-opacity: 0.2;  
    filter: alpha(Opacity=20);  
}
div.zoomdiv {  
    z-index:999999;  
    position: absolute;  
    top:0px;  
    right:0px;  
    width: 200px;  
    height: 200px;  
    background: #ffffff;  
    border:1px solid #CCCCCC;  
    display:none;  
    text-align: center;  
    overflow: hidden;  
} 
.product-info .imglist{
	width: 79px;
	height: 353px;
	overflow: hidden;
	float: right;
}
.product-info .bdsharebuttonbox{
	padding: 37px 0 46px;
	line-height: 28px;
}
.product-info .imglist li{
	width: 75px;
	height: auto;
	border: 2px solid #fff;
	margin-bottom: 12px;
	cursor: pointer;
}
.product-info .imglist li img{ width:100%}
.product-info .imglist li:hover, .product-info .imglist li.cur{
	border-color: #005baa;
}
.product-info .right .btn{
	padding-left: 60px;
	width: 90px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #005baa;
	border-radius: 20px;
	margin-right: 24px;
	transition:all 0.3s;
}
.product-info .right .btn1{
	background: #f6f6f6 url(../images/pro10.png) no-repeat 35px center;
}
.product-info .right .btn1:hover{
	background: #005baa url(../images/pro11_h.png) no-repeat 35px center;
	color: #fff;
}
.product-info .right .btn2{
	padding-left: 50px;
	width: 100px;
	background: #f6f6f6 url(../images/pro03.png) no-repeat 25px center;
}
.product-info .right .btn2:hover{
	background: #005baa url(../images/pro03_h.png) no-repeat 25px center;
	color: #fff;
}
.product-intro-b{
	padding:0 30px 30px 30px;
	background: #fff;
	width: 100%;
	margin:20px 0;
}
.product-intro-b .list-b{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}
.product-intro-b .list-b.fex{
	position: fixed;
	top: 86px;
	left: 0;
	z-index: 2;
}
.sfixed{    
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
	box-shadow:1px 1px 2px #eee; -webkit-box-shadow:1px 1px 2px #eee}
.product-intro-b .list-box{
	display: none;
	width: 100%;
	height: 86px;
}
.product-intro-b .list-b li{
	float: left;
	width: 33.33%;
	background: url(../images/pro11.jpg) no-repeat left center;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #333;
	line-height: 86px;
	height:86px;
	cursor: pointer;
	transition:all 0.3s;
	border-bottom: 2px solid #fff;
}
.product-intro-b li:first-child{
	background: none;
}
.product-intro-b .list-b li:hover, .product-intro-b .list-b li.cur{
	color: #005baa;
	border-color: #005baa;
}
.product-intro-b .con{
	padding-top: 40px;
	text-align: center;
	width:100%
}
.product-intro-b .con img{
	max-width: 100%;
}
.product-intro-b .con .bock{
	display: none;
}
.product-intro-b .con h2{
	font-size: 22px;
	color: #005baa;
	line-height: 42px;
	text-align: left;
	padding: 0px 0 15px;
}
.product-intro-b .con p{
	font-size: 14px;
	color: #111;
	text-align: left;
	padding-bottom: 45px;
	    width: 790px;
	    margin: 0 auto;
	line-height: 1.8;
	width: 100%;
	text-align:center
}
.product-intro-b .pictures{
	width: 100%;
}
.product-intro-b .con table{
	margin: 0 auto;
}
.product-intro-b .pictures li{
	float: left;
	width: 100%;
	padding: 38px 0;
	text-align: left;
	cursor: pointer;
	border-top: 1px solid #e5e5e5;
}
.product-intro-b .pictures .pic{
	width: 149px;
	margin-right: 48px;
	overflow: hidden;
}
.product-intro-b .pictures img{
	transition:all 0.3s;
}
.product-intro-b .pictures li:hover img{
	transform: scale(1.1, 1.1);
}
.product-intro-b .pictures h3{
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	padding-bottom: 5px;
}
.product-intro-b .pictures p{
	padding: 0;
}
.product-intro-b .pictures .more{
	font-size: 13px;
	line-height: 38px;
	color: #005baa;
}
.product-intro-b .pictures i{
	font-family: '宋体';
	font-style: normal;
	margin-left: 8px;
}
.product-more{
	padding: 0 30px 50px;
	background: #fff;
	width: 1140px;
	margin:20px 0;
}
.product-more .con{
	overflow: hidden;
}
.product-more .con .bd, .product-more .con .tempWrap{
	width: 100% !important;
}
.product-more .list_b li{
	float: left;
	width:570px;
	font-size: 19px;
	text-align: center;
	font-weight: bold;
	color: #333;
	line-height: 78px;
	cursor: pointer;
	margin:0;
	box-shadow:none;
	transition:all 0.3s;
	border-bottom: 2px solid #fff;
}
.product-more .list_b li:hover, .product-more .list_b li.cur{
	color: #005baa;
	border-color: #005baa;
}
.product-more .list_b{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}
.product-con{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.product-con .bd li{
	width: 275px;
	float: left;
	border: 1px solid #efefef;
	margin-left: 10px;
}
.product-con .bd li:first-child{
	margin-left: 0;
}
.product-con .bd .pic{
	width: 100%;
	height: 215px;
	overflow: hidden;
}
.product-con .bd img{
	transition: all 0.5s;
	width: 100%;
	max-height: 215px;
}
.product-con .bd ul{
	min-width: 1140px;
}
.product-con .bd .font{
	padding: 20px 20px 22px;
	display: block;
}
.product-con .bd h2{
	color: #333333;
	font-size: 16px;
	line-height: 32px;
	transition: color 0.5s;
}
.product-con .bd p{
	font-size: 13px;
	color: #666666;
	line-height: 28px;
	min-height: 56px;
}
.product-con .bd li:hover img{
	transform: scale(1.1, 1.1);
}
.product-con .bd li:hover h2{
	color: #005baa;
}
.product-con .hd a{
	width: 40px;
	height: 85px;
	line-height: 85px;
	font-size: 24px;
	font-family: "宋体";
	background: #dbdbdb;
	color: #333;
	position: absolute;
	top:50%;
	display: block;
	margin-top: -42px;
	text-align: center;
	transition:all 0.3s;
}
.product-con .hd a.prev{
	left: 0;
}
.product-con .hd a.next{
	right: 0;
}
.product-con .hd a:hover{
	color: #fff;
	background: #005baa;
}
.demand{
	padding:15px 30px 50px 30px;
	background: #fff;
	width: 100%;
	margin:20px auto ;
}
.demand h2{
	font-size: 20px;
	color: #333333;
	line-height: 80px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
	text-align: center;
}
.demand .more-list{
	width: 100%;
	overflow: hidden;
}
.demand .more-list ul{
	width: 100%;
}
.demand .more-list li{
	width: 32%;
	margin-left: 2%;
	float: left;
	position: relative;
	text-align: center;
	background: #f9f9f9;
	padding: 25px 0 20px;
	border-radius: 5px;
	transition:background 0.3s;
}
.demand .more-list li:nth-child(1){ margin-left:0}
.demand .more-list a{
	display: block;
	width: 100%;
	height: 100%;
}
.demand .more-list .bg{
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=100);
	margin:0 auto;
	transition:all 0.3s;
}
.demand .more-list h3{
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	padding-top: 5px;
	transition:color 0.3s;
}
.demand .more-list p{
	font-size: 13px;
	color: #666666;
	line-height: 24px;
	transition:color 0.3s;
}
.demand .more-list .bg1{
	background: url(../images/pro15.png) no-repeat center;
}
.demand .more-list .bg2{
	background: url(../images/pro16.png) no-repeat center;
}
.demand .more-list .bg3{
	background: url(../images/pro17.png) no-repeat center;
}
.demand .more-list .bg4{
	background: url(../images/pro18.png) no-repeat center;
}
.demand .more-list .bg5{
	background: url(../images/pro19.png) no-repeat center;
}
.demand .more-list .bg6{
	background: url(../images/pro21.png) no-repeat center;
}
.demand .more-list li:hover{
	background: #005baa;
}
.demand .more-list li:hover p, .demand .more-list li:hover h3{
	color: #fff;
}
.demand .more-list li:hover .bg{
	opacity: 1;
	filter: alpha(opacity=100);
}
.demand .more-list li:hover .bg1{
	background: url(../images/pro15_h.png) no-repeat center;
}
.demand .more-list li:hover .bg2{
	background: url(../images/pro16_h.png) no-repeat center;
}
.demand .more-list li:hover .bg3{
	background: url(../images/pro17_h.png) no-repeat center;
}
.demand .more-list li:hover .bg4{
	background: url(../images/pro18_h.png) no-repeat center;
}
.demand .more-list li:hover .bg5{
	background: url(../images/pro19_h.png) no-repeat center;
}
.demand .more-list li:hover .bg6{
	background: url(../images/pro21_h.png) no-repeat center;
}



.messagebox{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.65); z-index:9999; overflow:hidden; display:none;-webkit-transition-duration:0.4s;
-moz-transition-duration:0.6s;
-ms-transition-duration:0.6s;
transition-duration:0.6s;
  }
.messagebox .con{position:absolute; left:50%; top:50%; background:#fff; width:520px; height:450px; margin-left:-260px; margin-top:-225px; border-radius:10px; box-shadow:0 0.125rem 0.75rem 0 rgba(0,0,0,.3)}
.messagebox .con .live{ padding:40px;}
.messagebox .con .live h3{color:#333; text-align: center; margin-bottom: 10px; font-size:24px;color:#005baa;}
.messagebox .con .live input[type=text]{ font-size:14px; height:40px; border:none; border-bottom:1px solid #ddd; width:100%; padding:0 3%; line-height:40px; margin-bottom:5px}
.messagebox .con .live input[type=submit]{ font-size:14px; height:40px;  border:1px solid #016b42; background:#005baa; width:100%; text-align:center; color:#fff;line-height:40px; border-radius:5px; transform:all 0.3s}
.messagebox .con .live input[type=submit]:hover{ background:#055294; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s;}
.messagebox .con .live textarea{background:#fff; height:80px; width:100%; padding:1% 3%;border:none; border-bottom:1px solid #ddd; line-height:24px;margin-bottom:10px }
.messagebox .con .live .img2{ width:35px; height:35px; top:2%; position:absolute; right: 2%; cursor:pointer}



@media screen and (max-width: 1440px){
	.sfixed{  }
	.product-intro-b .list-b li{ height:70px; line-height:70px;}
	.f-cb li a{line-height:70px}
}
@media screen and (max-width: 1200px){
	
	.product-intro-b .list-b li{ height:60px; line-height:60px;}
	.f-cb li a{line-height:60px}
}
@media screen and (max-width: 1220px){
	.w1200{width: 100%; padding: 0 15px;}
	.product-info .right h2 { font-size:20px;}
	.product-info .right p{ width:100%}
	.product-info .page1{ top:10px;}

}
@media screen and (max-width: 768px){ 
    .products{ padding:60px 0 0}
	.product-intro-b .con p img{ max-width:100%}
	.sfixed{ top:61px;     border-top: 1px solid #e5e5e5;}
    .product-info .page1 , .product-info .imgshow .big{ display:none}
	.product-info .right{ width:100%}
	.products .now{ display:none}
	.product-info , .w1200{ padding:0}
	.product-info .right{ padding:0 15px}
	.product-info .right h2 {font-size: 18px;text-align: center; border:none; line-height:1.8; padding:10px 0; margin-bottom:0}
	.product-info .right .text{ border:none; padding:0 0 20px 0}
	.product-info .right .text p{ width:100%; line-height:1.8;  }
	.product-info .left{ width:100%}
	.product-info .imgshow , .product-info .imglist{ width:100%; height:auto; }
	.product-info .imglist li{ display:inline-block}
	.imglist{ width:100%}
	.imglist ul{  height:auto !important; text-align:right; position:inherit ;   position:absolute; z-index:11; bottom:0; width:100%; right:10px }
	.product-info .imglist li{ width:40px; height:32px; border:1px solid rgba(255,255,255,.4); }
	.product-intro-b .list-b li , .f-cb li a{ height:40px; line-height:40px; font-size:14px;}
	.product-intro-b{ padding:0 15px 15px 15px; margin:15px 0}
	.product-intro-b .con{ padding-top:15px;}
	.demand{ padding:15px;}
	.demand h2{ font-size:18px;line-height: 40px; margin-bottom:15px;}
	.demand .more-list h3 { font-size:14px;}
	.messagebox .con { width: 90%; margin-left: -45%;}

}