/*index*/

.top{

	background: #f5f5f5;

	height: 120px;

}

.top .col-sm-6.logo {

    line-height: 120px;

}

.top .col-sm-6 img{

	vertical-align: middle;

}

.top-lan{
	padding-top: 10px;

	padding-bottom: 20px;

}

.top-lan ul li{

	line-height: 22px;

	height: 22px;

}

.top-lan ul li img{

	margin-right: 10px;

}

.top-lan ul li a{

	color: #818385;

	font-size: 18px;

}

.top-sea {

	float: right;

}

.top-sea input[type="text"]{

	width: 134px;

	height: 34px;

	border: 1px solid #e4e4e4;

}

.top-sea input[type="submit"]{

	width: 70px;

	height: 32px;

	border: 1px solid #787778;

	box-shadow: 0 0 0 1px #2d2d2d;

	background: #464646;

	color: #fff;

	font-size: 13px;

	margin-left: 2px;

}

.head{

	padding: 8px 0;

	height: 36px;

	line-height: 20px;

	background: url(../images/head-bg.gif) repeat-x top;

	/*font-family:'FZLTHK';*/

	font-family:"Microsoft YaHei";

}

.head ul li{

	padding: 0 20px;

	text-align: center;

	border-right: 1px solid #fff;

	position: relative;

}

.head ul li a{

	color: #FFF;

	font-size: 16px;

	font-weight: bold;

	display: block;

	/*text-shadow: 2px 2px  1px #666;*/

	/*font-style:italic;*/

}

.head ul li ul{

	position: absolute;

	display: none;

	z-index: 2;

	top: 20px;

	left: 0;

	background: #0481DD;

	padding: 5px 0;

}

.head ul li:hover>ul{

	display: block;

}

.head ul li ul li{

	white-space: nowrap;

	padding: 5px 20px;

	border: none;

	text-align:left;

}

.head ul li ul li:hover{

	background: #2890DC;

}

.head ul li ul li a{

	font-size:15px;

}

.head #nav3{

	top: 0;

	right:-100px;

	left:auto;

	padding:0

}

.head #nav3 li{

	width:100px;

}





/*menu*/

.leftmenu{

	position:fixed;

	z-index: -1;

	top: 50px;

	bottom: 0;

	visibility: hidden;

	box-sizing: content-box;

	width: 70%;

	min-height: 100%;

	background: #333;

	left:0;

	-webkit-overflow-scrolling: touch;

	-webkit-transform: translate3d(-100%,0,0);

	-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);

	transition: transform 350ms cubic-bezier(.165,.84,.44,1);

	z-index: 10000!important;

	visibility:visible;

	color: #FFFFFF;

}

.leftmenu ul{

	margin:0 20px;

}

.leftmenu ul li{

	line-height: 4.0;

	border-bottom: 1px solid #464646;

}

.leftmenu ul li a{

	color: #FFFFFF;

	display: block;

}

.leftmenu ul li a:hover{

	text-decoration: none;

}

.leftMenu-lan {

	margin:10px 20px;

	width: 150px;

	height: 40px;

	line-height: 40px;

}

.leftMenu-lan span{

	font-size: 18px;

}

.leftMenu-landrop{

	background: #222222;

	margin: 0 20px;

	display: none;

}

.leftMenu-landrop ul{

	margin: 0;

	padding: 0;

}

.leftMenu-landrop ul li{

	width: 33.3333333%;

	float: left;

	text-align: center;

}

.menu-transitioning { 

	-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);

	transition: transform 350ms cubic-bezier(.165,.84,.44,1);

	z-index: 10000!important;

	visibility:visible;

	

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

}

.slidemenu{ 

	float:left; 

	text-align:center;

	margin-left: 15px;

}

.backdrop{

	display: none;

	position:absolute;

	z-index: 999;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	transition: background 350ms cubic-bezier(.165,.84,.44,1);

	background: rgba(0,0,0,.4);

	box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);

	-webkit-tap-highlight-color: transparent;

}

.phTop-fix{

	

	background: #333333;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;

	width: 100%;

}

.phMenu{

	border-bottom: 1px solid #222;

}

.phMenu div{

	height: 50px;

	line-height: 50px;

	font-size: 24px;

	color: #FFFFFF;

}

.phMenu .container span{

	font-size: 20px;

}

.phSearch{

	padding: 10px 15px;

	display:none;

	border-bottom: 1px solid #222;

}

.phMenu-list{

	padding-right: 15px;

	border-right:1px solid #222222 ;

}

.phMenu-sear{

	padding-left: 15px;

	border-left:1px solid #222222 ;

}

.index-out{

	background: #f5f5f5;

	padding-bottom: 50px;

}

.type{

	padding-top: 75px;

}

.type .row>div{

	text-align: center;

	padding-bottom: 40px;

}

.pro-tit{

	border-bottom: 3px solid #21acf5;

}

.news{

	margin-top: 70px;

}

.news a.news-img{

	display: block;

}

.news a.news-txt, .pro-tit a{ 

	display: inline-block;

	color: #21acf8;

	font-size: 19px;

	font-weight: bold;

	text-shadow: 2px 1px  1px #ccc;

	padding-right: 30px;

	height: 40px;

	line-height: 40px;

	background: url(../images/news-icon.gif) no-repeat right 14px;

	margin-top: 5px;

}

.pro-tit a:hover{ 

	color: #21acf8;

}

.pro-con{

	position: relative;

}

.pro-con #left,.pro-con #right,.block-content #prev,.block-content #next{

	display:block;

	height: 50px;

    line-height: 50px;

    width: 50px;

	background: rgba(0,0,0,0.2);

	position: absolute;

	z-index:1;

	top: 50%;

    margin-top: -25px;

	font-size: 40px;

    text-align: center;

    color: #fff;

}

.block-content #prev,.block-content #next{

	margin:0;

	height: 30px;

    line-height: 30px;

	font-size: 30px;

	top:auto;

	left:50%;

	margin-left:-25px;

}

.block-content #prev{

	top:0;

}

.block-content #next{

	bottom:0

}

.pro-con #left{

	left:0

}

.pro-con #right{

	right:0

}

.block-related .block-content{

	height:393px;

	position: relative;

}

#wrapper {

	background-color: #fff;

	width: 100%;

	overflow: hidden;

	margin: 20px 0;

	padding: 10px 0;

}

#carousel div {

	text-align: center;

	width: 150px;

	margin: 0 10px;

	float: left;

	position: relative;

}

#carousel div img {

	border: none;

	width: 150px;

	height: 140px;

}

#carousel div span {

	font-size: 15px;

	color: #666;

	margin-top: 10px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block;

}

.foot{

	margin-top: 20px;

	/*margin-bottom: 50px;*/

}

.foot h3{

	font-size: 18px;

	color: #585858;

	font-weight: normal;

}

.foot ul li,.foot ul li a{

	color: #767676;

}

.foot ul li{

	line-height: 40px;

	font-size: 12px;

	border-bottom: 1px dotted #b7b7b7;

}

.foot ul li.foot-add{

	height: 80px;

	line-height: 2.0;

	word-wrap: break-word;

}

.foot ul.list-inline li{

	border: none;

}





/*product-detail*/

.detail-productcon .protop-title{ border-bottom: 1px solid #ddd; font-size:20px; font-weight:bold; color:#333; line-height:50px; height:50px; margin-bottom:20px;}

.detail-productcon{ background:#fff; padding:0; margin:30px 0; padding-top:0;}

.d-protop{ position:relative; overflow:hidden;}

.product-img-box{ width:370px; float:left; margin-right:28px;}

@media (max-width:767px) {

	.product-box,.news-box{ padding:15px 0;}

	.product-shop{ padding-top:20px;}

	.product-img-box{ float:none; text-align:center; margin:0 auto;}

	.left-contact .title{ padding-left:15px;}

}

.pro-bimg{ width:370px; height:370px; background:#fff; /*border:1px solid #ececec;*/}

.pre-pros{ width:40px; height:40px; position:absolute; background:url(../images/icon-r.png) no-repeat 0 -40px; top:50%; margin-top:-20px; left:0px; cursor:pointer; z-index:2;}

.next-pros{ width:40px; height:40px; position:absolute; background:url(../images/icon-r.png) no-repeat 0 0; top:50%; margin-top:-20px; right:0px; cursor:pointer; z-index:2;}

.bimg-pic{ vertical-align:middle; text-align:center; width:370px; height:370px;/* line-height:370px;*/border:1px solid #ececec;}

.bimg-pic img{ vertical-align:middle;}

.bimg-pic img{ vertical-align:middle;}

.pro-imgslide{ margin-top:15px; height:90px; position:relative; overflow:hidden;}

.pro-imgslide ul{ height:auto; position:absolute;}

.pro-imgslide ul li{ width:85px; height:85px; background:#fff; line-height:85px; float:left; margin-right:10px; border:1px solid #ddd; cursor:pointer;}

.pro-imgslide ul li:nth-last-child(1){ margin-right:0;}

.pro-imgslide ul li a{ display:table-cell; vertical-align:middle; margin:5px; border:1px solid #ececec;}

@media (max-width:479px) {

	.product-img-box{ width:230px;}

	.pro-bimg{ width:230px; height:230px; }

	.bimg-pic{ width:230px; height:230px; line-height:230px;}

	.pro-imgslide ul li{ width:50px; height:50px; line-height:50px;}

	.pro-imgslide{ height:55px;}

}



.product-shop{ position:relative; overflow:hidden;margin: 10px auto;}

.pros-name h1{ margin-top:0px; line-height:28px; font-size:24px; margin-bottom:20px; text-align: left;}

.pro-detaillist{ background:#ececec; padding:15px;}

.pro-detaillist ul li{ line-height:35px; color:#333; font-size:14px;}

.pro-detaillist ul li span{ color:#666; padding-right:5px;}

.enjury-btn{margin: 0; text-align: center; vertical-align: middle;cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 45px;

font-size: 14px; border: none; display: inline-block; float: left; margin-right:15px; background:#0094ea; color:#fff;}

.enjury-btn:hover{ color:#fff; text-decoration:none; background:#0094ea;}

.pro-contact { line-height:55px; text-decoration: underline; font-weight:700;}



.dinfo-body{ overflow:hidden;}

.dinfo-body img{ margin-bottom:20px;}

.dinfo-body p,.dinfo-body div{ font-size:13px; line-height:20px; margin-bottom:20px; color:#666;}

.dinfo-title{ line-height:20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;margin-top: 20px; text-align: left; font-size: 20px;}







@media (max-width: 767px)  {

	body{

		padding-top: 50px;

	}

	.type {

	    padding-top: 35px;

	}

}

@media (min-width: 992px) and (max-width: 1200px)  {

	.head ul li {

	    padding: 0 10px;

	}

	.head ul li a {

	    font-size:16px ;

	}

}

@media (min-width: 768px) and (max-width: 991px)  {

	.head ul li {

	    padding: 0 4px;

	}

	.head ul li a {

	    font-size:14px ;

	}

}

span.current.disabled {

    color: red;

	margin-left:10px;

}





/**copyright**/



.copyright-txt {

  border-top: 1px solid #b7b7b7;

  margin-top: 20px;

  padding-top: 20px;

  text-align: center;

}

.news_list_pagebotton {

    margin-top: 70px;

}

.news_list > li {

    margin-left: 13px;

}



.news_title { text-align:center;}





.current.disabled{

	 background-color: #fff;

    border: 1px solid #ddd;

    color: #21acf8;

    line-height: 1.42857;

    margin-left: -1px;

    padding: 6px 12px;

    position: relative;

    text-decoration: none;

}