﻿/*index----------*/
/* flexslider */
.flexslider{
	position:relative;height:770px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;
}                                                            /*2017 height:700px;  */
.slides{
	position:relative;z-index:1;
}
.slides li{
	height:700px;
}
.slides li a{
	display: block;height: 700px;width: 100%;
}
.flex-control-nav{
	position:absolute;bottom:0;z-index:2;width:100%;text-align:center;
}
.flex-control-nav li{
	display:inline-block;width:10px;height:120px;margin:0 4px;*display:inline;zoom:1;border-radius: 10px;
}
.flex-control-nav a{
	display:inline-block;width:10px;height:10px;overflow:hidden;background:#8d8d8d;cursor:pointer;border-radius: 10px;text-indent: -9999px;
}
.flex-control-nav .flex-active{
	background:#b3dee6;
}
.flex-direction-nav{
	position:absolute;z-index:3;width:100%;top:45%;
}
.flex-direction-nav li a{
	display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;
}
.flex-direction-nav li a.flex-prev{
	left:40px;background:url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next{
	right:40px;background:url(../images/next.png) center center no-repeat;
}

/*about------------------*/
.aboutwrapper{
	margin: 10px auto auto auto;/*重要2017   原始margin: 0 auto;margin-top: -1px;*/
}



.aboutnr .img{max-width:100%}

.abouttext .title{
	font-size: 50px;font-weight: bold;line-height: 50px;
}

/*news------------------------------*/
.newswrapper{
	margin: 20px auto auto auto; /*重要2017   原始margin-top: 40px;margin-bottom: 80px;*/
}
.newsbox{
	margin-top: 30px;margin-right: 40px;/*重要2017   原始margin-top: 60px;*/
}
.newsbox .right{
	width: 250px;margin-left: 10px;
}
.newsbox .right .title{
	font-size: 24px;
}
.atcwrapper{
	text-align: center;font-size: 35px;margin-top: 50px;
}
.atctlt{
	font-size: 35pt;line-height:40px;
}
.atcdate{
	width: 333px;height: 44px;background: url(../images/sidai.png); color: #fff;margin: 15px auto;line-height: 120%;font-size: 18px;
}

/*products----------------------------*/
.catawrapper{
	margin-top: 40px;
}
.catawrapper .sidebar{
	width: 270px;
}
.catawrapper .content{
	width: 650px;
}
.catatlt{
	font-size: 26px;font-weight: bold;line-height: 50px;
}
.catabox{
	margin-bottom: 60px;
}
.catabox .title{
	font-weight: bold;font-size: 18px;line-height: 30px;border-bottom: 1px solid #000;margin-top:20px;
}
.catabox a{
	display: block;font-size: 14px;color: #000;line-height: 30px;
}
.catabox a:hover{
	color: #666;
}
.catabox a.active{
	color: #666;
}
.focusBox {
	position: relative; width:650px; height:215px; overflow: hidden;border: 5px solid #000;
}
.focusBox .pic{
	position:relative; z-index:0; 
}
.focusBox .pic img {
	width:650px; height:215px; display: block; 
}
.focusBox .prev,
.focusBox .next {
	width: 15px; height: 53px; display: none;  position: absolute; top: 38%; z-index: 10; cursor: pointer; text-indent: -9999px;  
}
.focusBox .prev {
		background: url(../images/left.png); left: 10px; 
}
.focusBox .next {
		background: url(../images/right.png); right: 10px; 
}
.focusBox .prev:hover,
.focusBox .next:hover {
	 filter:alpha(opacity=50) !important;opacity:0.5 !important;  
}
.protlt{
	font-size: 20px;border-bottom: 1px solid #000;margin-top: 30px; clear: both;font-weight:bold;
}
.probox1{
	box-shadow: 3px 3px 5px #cfcfcf; width: 187px;margin: 15px 14px;
}
.probox1 p{
	background: #000;color: #fff;text-align: center;margin-top:-10px;
}
.probox1:hover p{
	background: #333;
}

.dtlbox{
	border: 2px solid #c2c2c2;padding: 15px;
}
.dtlbox .right{
	background: url(../images/fg.png) no-repeat left;height: 290px;width: 270px;padding-left: 15px;font-size: 18px;font-weight: bold;
}
.dtlbox .right .title{
	font-size: 22px;margin-bottom: 30px;
}
.spe{
	margin-top: 30px;
}
.spe .title{
	border: 1px solid #7d7d7d;border-bottom: 0;display: inline;padding: 5px 15px;font-size: 20px;font-weight: bold;background: #fff;
}
.spe .box{
	padding: 10px;border: 1px solid #7d7d7d;font-size: 16px;line-height: 38px;
}
.spe .box table thead{
	font-weight: bold;
}
.box table > tbody > tr:nth-child(odd) {
  background-color: #ececec;
}
.related{
	margin-top: 30px;margin-bottom:30px;
}
.scrollBox{
	width:600px;position:relative; margin-top: -30px;margin-left: 25px;height:202px;
}
.scrollBox .piclist{
	zoom:1;
}
.scrollBox .ohbox{
	position:relative;width:600px;left:0px;z-index: 999;
}
.scrollBox {
	position:relative;zoom:1;
}

.scrollBox .piclist li{
	float:left; display:inline; width:150px;
}
.scrollBox .piclist li img{
	width: 150px;height: 160px;
}
.scrollBox .piclist li span{
	height:34px;line-height:14px;display:block;text-align:center;color: #000;position:relative;z-index:5;
}
.scrollBox .pageBtn span{
 display:block;width:33px;height:33px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; 
}
.scrollBox .pageBtn .prev{
	background:url(../images/toleft.png) no-repeat;left:-35px;
}
.scrollBox .pageBtn .next{
	background:url(../images/toright.png) no-repeat;right:-35px;
}
.scrollBox .pageBtn .list{
	display: none;
}
.picname {
    height: 42px; background: #aeaeae; width: 600px; margin:-79px 0 0 25px;
}



/*catalog----------------------------*/
.catalogbox{
	width: 945px; height: 593px ;margin: 0px auto ; background: url(../images/catabg.jpg) no-repeat;/*2017修改  原始 height: 513px; margin: 60px auto;*/
}
.loginbox{
	width: 253px;padding: 50px 60px;
}
.dlbox{
	width: 186px;margin: 60px auto;
}
.dlbox .title{
	text-align: center;font-size: 20px;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px #888;
}
.dlbox .dlipt{
	width: 146px;height: 28px;line-height: 28px;padding: 0 20px; border: 1px solid #8b8b8b;color: #fff;margin-top: 15px;border-radius: 5px;
}
.dlbox .dlipt1{
	background: url(../images/ip1.png) no-repeat 5px #a5a4a4;
}
.dlbox .dlipt2{
	background: url(../images/ip2.png) no-repeat 5px #a5a4a4;
}
.dlbox .dlbtn{
	border: 0;height: 30px;width: 186px;line-height: 30px;text-align: center;color: #fff;cursor: pointer;margin-top: 10px;background: url(../images/btn1.png);
}
/*弹出*/
.checkbox{
	width:100%;height:100px; margin:100px auto; text-align:center
}
.checkbox a{
 display:inline-block;width:100px; height:40px; border:solid 1px #f00; color:#f00; text-align:center; line-height:40px; text-decoration:none
}
.cd-popup-trigger0{
	display: block;height: 30px;width: 186px;line-height: 30px;text-align: center;color: #fff;cursor: pointer;margin-top: 10px;background: url(../images/btn2.png);
}
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:620px;
    margin:250px auto;
    height:355px;
    padding:40px;
    background: #FFF;
    border: 3px solid #c0c0c0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{
 position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;
}
.is-visible .cd-popup-container {
	-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
}
.cd-popup-container .line{
	margin-bottom: 24px;
}
.cd-popup-container input{
	border: 0;height: 34px;line-height: 34px;width: 280px;padding-left:48px;color: #fff;border-radius: 5px;
}
.cd-popup-container input.cd-ipt1{
	background: url(../images/cdi1.png) no-repeat #c0c0c0; 
}
.cd-popup-container input.cd-ipt2{
	background: url(../images/cdi2.png) no-repeat #c0c0c0;
}
.cd-popup-container input.cd-ipt3{
 color: #deded6;
}

.cd-popup-container textarea{
	border: 0; width: 270px;background: url(../images/cdt3.png) no-repeat #c0c0c0;padding:10px 10px 10px 48px;height: 130px;color: #fff;border-radius: 5px;
}
.cd-popup-container .line span{
	color: #fff;background:url(../images/jt.gif) no-repeat left #1fabc4;padding:3px 5px 3px 15px;line-height: 38px;
}
.cd-popup-container input.cd-btn{
	width: 90px;background: #1fabc4;font-size: 18px;text-align: center;padding: 0;cursor: pointer;
}
.dlwrapper{
	background: url(../images/dlbg.jpg) repeat;width: 946px;height:auto;border: 10px solid #f3f3f3; margin:0 auto;
}
.dlwrapper .line{
	padding: 20px 240px;
}
.dlwrapper .line a.right{
	padding-top: 60px;
}
.dltlt{
	line-height: 40px;font-weight: bold;font-size: 16px;
}

/*contact----------------*/
.contactwrapper{
	text-align: center;margin: 10px auto auto auto;font-size: 18px;    /*重要2017   原始margin: 50px auto;     */
}
.contactwrapper .title{
	font-size: 54px;line-height: 90px;	
}


/*filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
/*-moz-opacity:0.5; /*Firefox私有，透明度50%*/
/*opacity:0.5;/*其他，透明度50%*/

.imgbox{position:absolute; z-index:9}
.probox{width:300px; height:265px;border:1px solid #000;}
.probox img{width:300px; height:265px;vertical-align:top;}
.showbox{display:none;position:absolute;left:303px;top:0;width:400px;height:300px;overflow:hidden;border:1px solid #ccc;}
.showbox img{position:absolute;height:1200px;width:1200px;}
.hoverbox{display:none;position:absolute;top:0;background:#09f;border:1px solid #09f;height:75px;width:100px;cursor:move;z-index:10;}






