@charset "utf-8";
/* CSS Document */
/*products*/
.pro_list_area{width:100%; text-align:left;}
.pro_list{width:calc(25% - 18px);  margin:0 7px 23px 7px; padding:4px 0 0 0; background:#fff; border:#dfdfdf solid 1px; display:inline-block; vertical-align:top;}
*:first-child + HTML .pro_list{display : inline;}
* HTML .pro_list{display : inline;}
.pro_list:hover{-moz-box-shadow:0px 0px 8px 0px rgba(0%,0%,0%,0.5);
-webkit-box-shadow:0px 0px 8px 0px rgba(0%,0%,0%,0.5);
box-shadow:0px 0px 8px 0px rgba(0%,0%,0%,0.5);}
.pro_list:nth-child(4n){margin-right:0;}
.pro_img{width:100%; margin:0 auto; overflow:hidden; position:relative;}
.pro_img img{width:100%; display:block;}
.pro_list .pro_img .cover{width:100%; height:70px; padding:4px 5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
 background:rgba(72,72,72,0.80); line-height:20px; position:absolute; z-index:3; bottom: -100%; left:0; text-align:center; color:#fff; -webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out; transition: all .3s ease-out; }
.pro_list:hover .pro_img .cover{bottom: 0;}
.pro_title{width:100%; margin:0 auto; padding:4px 0; border-top:#dfdfdf solid 1px; display:table;}
.pro_title a{height:32px; padding:3px 5px; display:table-cell; vertical-align:middle; color:#404143; line-height:18px; text-align:center;}
.pro_title a:hover{background:#0ab6e2; color:#fff;}


/*products show*/
.show_bnr_bg{width:100%; height:auto; position:relative;  z-index:2; background:#f8f8f8;
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#dfdfdf 40%,#d1d1d1 40%,#d1d1d1 100%,#dfdfdf 100%,#dfdfdf 100%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#dfdfdf 40%,#d1d1d1 40%,#d1d1d1 100%,#dfdfdf 100%,#dfdfdf 100%,#b6b6b6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#dfdfdf 40%,#d1d1d1 40%,#d1d1d1 100%,#dfdfdf 100%,#dfdfdf 100%,#b6b6b6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#dfdfdf 40%,#d1d1d1 40%,#d1d1d1 100%,#dfdfdf 100%,#dfdfdf 100%,#b6b6b6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
overflow:hidden;}
.show_bnr{width: 100%; max-width:990px; min-height:463px; margin:0 auto; padding-bottom:52px; position:relative; z-index:6;}
.show_img{width:41%; float:right;padding: 35px 30px 0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.show_img img{width:100%; display: block;}
.show_text{width:59%; float:left; padding:40px 25px 0 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.show_bnr_title{margin-bottom:20px;}
.show_bnr_title h4{font-size:32px; font-family:'Lato','Oxygen', Verdana, sans-serif; color:#2c2d2f;}
.show_bnr_bg .show_bnr_cover{width:100%; height:9999px; position:absolute; z-index:2; top:0; background: -moz-linear-gradient(left,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.35) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.35) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.35) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.35) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 */
}

.pro_nav_bg{width:100%; background:#252525; position:relative; box-shadow:0px 5px 15px 0px rgba(0,0,0,0.5); z-index:98;}
.pro_nav{width:100%; max-width:990px; margin:0 auto; min-height:34px; padding:7px 0; text-align:center;}
.pro_nav li{padding-right:2px; background:url(../images/pro_navLine.gif) repeat-y right; display:inline-block; vertical-align:top;}
.pro_nav li:last-child{background:none;}
.pro_nav li a{height:29px; padding:5px 10px 0 10px; display:block; color:#fff; font-family:'Lato','Oxygen', Verdana, sans-serif; font-weight:bold;}
.pro_nav li a:hover{color:#0ab6e2;}
.f-nav{z-index:9999; position:fixed; left:0; top:118px; width:100%;} /* this make our menu fixed top */

.support_nav{margin-bottom:30px;}
.support_nav li{display:inline-block; margin-right:15px; vertical-align:top;}
.support_nav li a{padding:3px 8px; background:#0096ec; display:block; color:#fff; font-family:'Lato','Oxygen', Verdana, sans-serif; font-weight:bold;}
.support_nav li a:hover{background:#FC0; color:#454545;}
.sup_show{margin-bottom:30px; overflow:hidden;}
.sup_title{margin-bottom:20px; padding:8px 10px 8px 37px; background:url(../images/icon007.gif) no-repeat 12px 15px #e5e5e5; position:relative;}
.sup_title h5{font-size:18px; color:#0079be; font-family:'Lato','Oxygen', Verdana, sans-serif;}
.sup_title .sup_top{width:50px; height:25px; font-size:13px; text-align:center; position:absolute; top:12px; right:15px;}
.sup_title .sup_top a{color:#fff; background:#4b4b4b; border:#7b7b7b solid 1px; display:block;} 
.sup_title .sup_top a:hover{color:#fff; background:#0096ec; border:#0096ec solid 1px;} 

.down_search{width: 100%;max-width:700px; margin:0 auto; margin-bottom:15px; padding:8px 0; background:#e5e5e5; text-align:center; position: relative;}
.down_list{display: inline-block;}
.down_search span{padding:0 5px 0 10px; vertical-align:middle; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.down_btn{margin-left: 10px;}
.down_title{width: 100%;max-width:700px; margin:0 auto 20px auto; text-align:center; color:#ff0048; font-size:20px; font-weight:bold;}
.down_img{width:100%; margin-bottom:20px; text-align:center;}
.down_img img{width:800px;}



/*search*/
.search_title{margin-bottom:20px; font-size:20px;}

@media screen and (max-width: 768px){
	.pro_list{width: calc(33.33% - 18px);}
	.pro_list:nth-child(4n){margin-right: 7px}
	.pro_list:nth-child(3n){margin-right: 0}
	.pro_nav li a{height: auto; padding: 5px 10px; font-size: 13px; font-weight: normal;}
}
@media screen and (max-width: 710px){
	.down_search{text-align: left;}
	.down_list{width: calc(100% - 83px); text-align: left;}
	.down_list span{width: 87px; display: inline-block;}
	.down_list select{width: calc(100% - 100px)}
	.down_list:first-child{margin-bottom: 10px;}
	.down_btn{position: absolute; right: 10px; bottom: 8px}
}
@media screen and (max-width: 550px){
	.pro_list{width: calc(50% - 13px); margin: 0 5px 20px 5px;}
	.pro_list:nth-child(3n){margin-right: 5px}
	.pro_list:nth-child(2n){margin-right: 0}
	.show_bnr_bg{background-color: #d1d1d1}
	.show_img{width: 100%; padding: 35px 20px 15px 20px; float: none;}
	.show_text{width: 100%; padding: 0 30px 20px 30px; float: none;}
}
@media screen and (max-width: 480px){
	.pro_nav li a{height: auto; padding: 0px 5px;}
	.down_search{padding-bottom: 40px;}
	.down_list{width: 100%;}
	.down_list span{width: 100%; display:block;}
	.down_list select{width: calc(100% - 20px); margin-left: 10px}
}
@media screen and (max-width: 320px){
	.pro_list{width: 100%; margin: 0 0 20px 0;}
	.pro_list:nth-child(3n){margin-right: 0}
}