@charset "utf-8";
/* CSS Document */

.amazonmenu ul {
	font-size:1.5rem;
	text-align:center;
	font-weight:bold;
	list-style: none;
	margin: 0;
	padding: 0;
}

.amazonmenu > ul {
	background: white;
	width: 215px; /* width of main menu */
	position: relative;
}
.amazonmenu > ul li a {
	color: #68b4c2;
	display: block;
	overflow: auto;
	padding: 10px 0;
	position: relative;
	text-decoration: none;
	text-indent: 10px;
}
 
 .amazonmenu > ul li.hassub.selected > a::after { /* Style of arrow when corresponding sub menu is open (LI element has a "selected" class during this state */
 border-left-color: red;
}
.amazonmenu ul li a:hover, .amazonmenu ul li.hassub.selected > a { /* style of hover and selected menu item links */
	background: lightblue;
	color:#FFF;
}
.amazonmenu ul li > div, .amazonmenu ul li > ul { /* Sub menus (Could be a DIV or UL wrapper) style */
	display: none;
	font-weight: normal;
	width: 170px;
	left: 173px;
	position: absolute;
	z-index: 1000;
}

/* ###### CSS Media queries ###### */

@media screen and (max-width: 480px) { /* When screen size is 480px */
 .amazonmenu ul li > div, .amazonmenu ul li > ul {
 left: 30px; /* Stack the sub menus so they take up less space */
}
 .amazonmenu > ul li.hassub.selected::after { /* Add "veil" to parent menus */
 background: #eee;
 content: '';
 height: 100%;
 left: 0;
 opacity: .8;
 pointer-events: none;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}
}
.leftnvv-dh{ background:#eee; margin-bottom:3px;border-bottom:10px solid #FFF;}
.leftnvv-dh span{height:40px; width:10px; background:#68b4c2; float:left;}





#wrapper {
	background:#fff;
	position:relative;
}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	color:#444;
}


.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:450px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#68B4C2 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom:30px !important;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 30px;
    height: 6px;
    float: left; margin:0 10px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



.sk-alzs-list{ margin-bottom:3rem;}
.sk-lnav-01{width:1004px; margin:0 auto; margin-top:3rem}
.sk-lnav-02{margin-bottom:100px;}
.sk-lnav-09{text-align:right;width:100%;}
.sk-fgx{border-bottom:1px solid #CCC; margin-bottom:20px;}
/*产品列表*/
.productlist {width:225px; float:left; border:#CCC 1px solid; padding:3px; margin-bottom:10px; margin-left:6px;margin-right:6px;}
.productlist img {width:217px; height:169px;}
.productlist .productlist-title { width:225px; text-align:center; margin:10px 0px; color:#333;}
/*导航*/
/* common styling */
.menu {font-family: "微软雅黑"; position:relative; float:right;
margin-top:55px; z-index:99;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:100px; height:36px; text-align:center; color:#fff; border-bottom:none; margin-bottom:1px; background:#fff; line-height:36px;  overflow:hidden; color:#1f3143; font-size:16px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#68b4c2;}
.menu ul li:hover ul {display:block; position:absolute; top:37px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#1f3143; color:#fff;}
.menu ul li:hover ul li a:hover {background:#68b4c2; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:101px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-96px;}
/**/
.w1004 {	width: 1090px; margin:0 auto;}
.wl170 { width:170px; float:left;}
.wr780 { width:780px; float:right;}
.clr { clear:both; height:0; line-height:0;}

.bread { text-align:right; border-bottom:#eee solid 1px;}
.bread a { padding:0 5px; font-size:12px; line-height:24px;}


.content { margin-top:30px;}

.list h2 { font-size:18px; font-weight:bold; line-height:48px;}
.list .list_nr { line-height:30px; margin-bottom:30px;} 

.list .list_pro li { float: left; width:178px; margin-right:15px; margin-bottom:15px;overflow:hidden;  }
.list .list_pro li:last-child { margin-right:0px; }
.list .list_pro li a { width:170px; padding:3px; display:block; border:#fff solid 1px;}
.list .list_pro li a:hover {  width:170px; padding:3px; border:#68b4c2 solid 1px;  }
.list .list_pro li img { width:170px; height:auto; }
.list .list_pro li p { font-size:14px; width:170px; line-height:30px; text-align:center; margin-top:2px;}


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}

li{list-style-type:none;}

.header { height:120px;}
.logo { float:left; margin-top:36px;}
.zhihuifangan { background-color:#dee0e3; width:100%; height:300px; padding-top:50px; z-index:0;}
.zhihuifangan li { float:left; width:156px; height:214px; text-align:center; background-color:#FFF; margin-right:11px;
  -webkit-box-shadow: 3px 3px 3px;  
  -moz-box-shadow: 3px 3px 3px;  
  box-shadow: 3px 3px 0px #CCCCCC;  
}
.zhihuifangan li :last-child { margin-right:0;}
.zhihuifangan li p { height:69px; line-height:69px;}







.about h2{ font-size:30px; line-height:60px; font-weight:bold;}
.about p { line-height:24px;}
.about p img { padding-top:20px;}




/*footer*/
.foot { width:100%; background:#203143; color:#FFF; padding:20px 0; height:180px;  font-size:12px;}
.foot .foot_logo { float: left; width:33%;}
.foot .foot_intro { float:right; width:65%;}

.foot1 { width:1004px; margin:0 auto;}
.foot_menu{ margin-bottom:20px;}
.foot_menu a{ color:#FFF; padding:0 5px; font-size:14px;}
.foot1 .foot_intro {}



/*详情页css*/
.xqtitle{ text-align:center; font-size:18px; color:#333; font-weight:bold; margin:20px 0px;}
.xqtime{ text-align:center; margin:10px 0;}
.xqimg{ width:500px; height:auto; margin:0 auto; margin-bottom:15px;}
.xqimg img{width:500px; height:auto;}
.xqcontent{ font-size:14px; line-height:25px; color:#666;}
.pageNavi{ margin-top:150px;}


.apage { font-size:12px;}
    .apage a {
    color:red;
    }
.apage span,.apage a {border:1px solid #CCC; margin:0px 3px; padding:5px; display:inline-block;}
    .apage a:hover{
    color:#2D74AC;
    }