@charset "utf-8";

/* CSS Document */

@import url("skin.css");

@import url("online.css");

/* CSS Document */

body{margin:0;padding:0; font-family:Arial, Helvetica,sans-serif ; font-size:13px; text-align:center;}

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

h1,h2,h3,h4,h5,h6,dl{ margin:0; padding:0;}

dd{-webkit-margin-start: 0px;}

a{text-decoration:none;}

br{ clear:both; height:0px; margin:0; padding:0;}

img{ border:none;}

.right-title , .left-title{ font-size:14px; font-weight:bold; height:35px; line-height:35px;padding-left:20px;}

#content{width:1080px;margin:0 auto; text-align:left;}
#header{ border-bottom: 1px solid #ddd;}

.top{ overflow:hidden; width:1003px; margin:0 auto; padding: 10px 0;}

.top .logo{float:left;}


.top-right{  float:right; }
.top .top-right ul li{ float:right; }
.top .top-right .head-social li img{ width:34px; margin-left:5px}
.top .top-right .head-info li{ margin-left:20px; margin-top:10px;color:#666}
.top .top-right .head-info li a{ color:#666}


.nav { width:1003px; margin:0 auto;height: 58px;}
.nav ul{  padding-left:25px;}

.nav ul li{ width:auto; float:left; font-weight:bold; font-size:14px; border-top: 3px solid rgba(255, 255, 255, 0);}

.nav ul li:first-child{}
.nav ul li:hover{ border-top:3px solid #39c2f0 }
.nav ul li a{float:left; display:block; text-align:center; font-weight:blod; color:#666; line-height:55px; padding:0 18px; font-size:14px;}

.nav ul li a:hover{  text-decoration:underline;color: #39c2f0;}

.bannerbg{ background: #2f2f2f;}
.banner{ margin:0; padding:0}

.index-about{padding: 20px 30px 20px; line-height:2; background:url(../images/tit_line.png) repeat-x bottom}
.index-about .title-bar .title {
    display: inline;
    float: left;
    padding: 0 45px 0 0;
    position: relative;
    font-size: 24px;
    background: #fff;
    font-weight: normal;
    color: #000;
}
.index-about .title-bar .title:after {
    content: "";
    display: block;
    width: 32px;
    height: 4px;
    background: #39c2f0;
    position: absolute;
    right: 0;
    top: 13px;
}
.index-about .title-bar {
    height: 30px;
    line-height: 30px;
    background: url(../images/tit_line.png) 0 center repeat-x;
    margin: 0 0 15px;
}

.about-silder{ float:left;margin: 0 20px 5px 0;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}



/*#content .nav ul{ height:30px; padding-left:25px;}

#content .nav ul li{ width:auto; float:left; font-weight:bold; font-size:14px;}

#content .nav ul li a{float:left; display:block; padding:7px 20px 5px; font-weight:blod;}

#content .nav ul li a:hover{  display:block; padding:8px 20px 6px;}*/



#index-content{ margin:0; padding:0;}

#index-content{ padding:15px; overflow:hidden;}

#index-content .index-left{ width:215px; float:left;} 

#index-content .index-left .left-menu{ margin-bottom:8px; }
#index-content .index-left .left-menu .left-content{ padding-bottom:10px;}
#index-content .index-left .left-menu .jia{ padding:5px; line-height:20px;}
#index-content .index-left .left-menu ul li{ background:url(../images/side_menu_li.png) no-repeat left center; padding-left:15px; height:35px; line-height:35px;border-bottom: 1px solid #eee;   }
#index-content .index-left .left-menu .left-content dl{ padding:0 0;}

#index-content .index-left .left-menu .left-content dt{ padding-left:15px; font-size:12px; line-height:35px;border-bottom: 1px solid #eee;    }

/*#index-content .index-left .left-menu .left-content ul ul{ padding:0;}*/

#index-content .index-left .left-menu .left-content .dd{  font-weight:normal; font-size:12px; margin:0px; height:35px; line-height:35px;padding-left:30px;border-bottom: 1px solid #eee; background:url(../images/side_menu_li.png) no-repeat 15px center;}

/*#index-content .index-left .left-menu .left-content ul li:first-child{ border:none;}*/

#index-content .index-right .right_content .new li{ padding: 25px 3px 35px;font-size:14px; overflow:hidden;}
#index-content .index-right .right_content .new li .newimg{ float:left; margin-right:20px; width:100px; height:100px;}
#index-content .index-right .right_content .new li .newimg img{ border-radius:6px; box-shadow:3px 3px 8px #ccc;-webkit-border-radius:6px; -webkit-box-shadow:3px 3px 8px #ccc;}
#index-content .index-right .right_content .new li .newdes{ float:left; text-align:left; line-height:20px; height:100px; width:689px; overflow:hidden;}

#index-content .index-right{ width:815px; float:right;}

#index-content .index-right .right-content{ margin-bottom:8px;}
#index-content .index-right .right-content .title-bar{ background: #f8f8f8; height: 37px;line-height: 37px;}
#index-content .index-right .right-content .title-bar .title{ background:url(../images/tit_ico.gif) no-repeat 15px center; padding-left:50px; font-size:18px;color: #00baff; font-weight:normal}
#index-content .index-right .right-content .right-title{ height:22px; }

#index-content .index-right .right-content .right-title:first-letter{text-transform:uppercase;}

#index-content .index-right .right-content .rightcontent{ text-align:justify; font-size:14px; line-height:20px;overflow:hidden; margin-top:20px}

#index-content .index-right .right-content .rightcontent ul{  margin-bottom:10px; overflow:hidden;}

#index-content .index-right .right-content .rightcontent ul li{width:185px; padding:1px; float:left; display:inline; margin-right:22px;text-align:center; margin-bottom:20px}
#index-content .index-right .right-content .rightcontent ul li:hover .productname{background: #66bfe0;-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
#index-content .index-right .right-content .rightcontent ul li:hover .productname a{ color:#fff}
#index-content .index-right .right-content .rightcontent ul li:nth-child(4n){ margin-right:0}
#index-content .index-right .right-content .rightcontent #demo1 ul li:nth-child(4n){ margin-right:22px;}

#index-content .index-right .right-content .rightcontentx{  text-align:justify; line-height:16px; padding:10px 0 10px 10px; overflow:hidden; }

#index-content .index-right .right-content .aboutus{ text-align:justify; line-height:16px; padding:10px 3px 10px 13px; }

.productname{padding:5px 0;    background: #f5f5f5; border:1px solid #eee; border-top:none; width:185px;     border-radius: 0 0 5px 5px;}

.productname:hover{background: #66bfe0;}
.productname a:hover{ color:#fff}
.listimg{border-right:1px dashed #CCCCCC; padding:10px 0px; width:180px; text-align:center;}
.listname{ line-height:22px;}
.product-img-box, .proright{ width:50%; float:left}
#foot{ background:#1c1c1c}
.foot-content{ text-align:center;margin:0 auto; overflow:hidden; height: 50px; color:#b3b3b3;line-height: 50px;}

#foot ul li { display:inline; padding:0 6px 0;}
#foot ul li a{ color:#b3b3b3}
#foot ul li a:hover{ color: #00baff;}
.copyright{ float:left; }
#index-content .index-right .right_content .new li{  }
#index-content .index-right .right_content .new li:hover{ background:#fafafa}
#index-content .index-right .right_content ul{ margin-top:5px;}

#index-content .index-right .right-content .right-title .more{ font-size:10px; position:relative;  top:-15px; text-align:right; right:20px;}

.smallbanner{ border:solid 0px; padding:0px; margin-bottom:5px;}

.cla{ clear:both; height:0px; float:none; line-height:0px;}

.info_img{ margin:0 auto; padding:0 auto; text-align:center;}

h1,h3{ font-size:12px;}

.page{ text-align:center;}

table{  border-collapse:collapse;  border-spacing:0;  }   

th,td{  padding:0;  }

#index-content .index-right .right-content .rightcontentx .prodes ul li { width:100%; height:auto; text-align:left; list-style:decimal; border:none;}

.currPage{ font-weight:bold; font-size:14px;}

table{ border:0;border-spacing:0;}
.top-right .search-ipt{ padding: 4px 0;background: #f5f5f5;border: 0; border: 1px solid #ddd; color:#999;
	}
.top-right .search-ipt:focus{ width:200px;

}

		.top-right .search-ipt{

-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
input[type="text"]:focus{outline:none;}
#myform{ background:url(../images/img_inquiry.png) repeat-x; padding-top:30px; margin-top:20px}
.top .top-right .head-social li img{
-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	background:#fff;
	opacity:0.7;
	border-radius: 50%;
	}
.top .top-right .head-social li img:hover{
    opacity: 1;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
	}
#sddm
{	margin: 0 auto;
	padding: 0;
	z-index: 30;
	overflow:hidden;
	float:left}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 12px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	text-align: center;
	text-decoration: none}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-top: 52px;
	padding: 0;
	width:240px;
	font-weight:normal;
	font-size:12px;
	border-top:none;
	word-wrap:break-word;
	z-index:200;
	background:#f0f0f0;
	padding:7px 0 12px 0;
    border-bottom: 3px solid #39c2f0;
}
#sddm li div a{ height:27px; line-height:27px;text-align:left; padding:0 0 0 10px;    margin-left: 10px; margin-top:1px;color: #666; width:210px; margin-top:5px }
#sddm li div a:hover{ color:#FFF;  text-align:left; padding-left:10px; color:#fff; background:#39c2f0;}	
	
.slides{background-color: #fff;}
@media screen and (min-width:1200px){
.top{ width:1003px;}
.flexslider ul.slides li img{ width:100%; height: 340px; }
.foot-content{ width:1080px; }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
.top,.nav,.foot-content{ width:100%;}
.flexslider ul.slides li img{ width:1003px;}
#index-content .index-right{ width:75%;}
#index-content .index-left{width:25%;}
#index-content .index-right .row .right-content .rightcontent ul li{ width:30%; margin:5px 8px;}

}
@media screen and (min-width: 768px) and (max-width: 959px) {
.top,.nav,#content,.foot-content{ width:100%;}
.flexslider ul.slides li img{ width:100%;}
#index-content .index-right{ width:75%;}
#index-content .index-left{width:25%;}
#index-content .index-right .row .right-content .rightcontent ul li{ width:30%; margin:5px 8px;}

}
@media only screen and (min-width: 660px) and (max-width: 767px){
.top,.nav,#content,.foot-content{ width:100%;}
.flexslider ul.slides li img{ width:100%;}
#index-content .index-right{ width:70%;}
#index-content .index-left{width:30%;}
#index-content .index-right .row .right-content .rightcontent ul li{ width:40%; margin:5px 8px;}
#sddm div{ display:none;}
.nav{ width:100%; height: auto; overflow:hidden;}
#sddm li{ float:left;}
.nav ul li a{ padding:0 6px;}


}
@media only screen and (min-width: 471px) and (max-width: 659px){
.top,.nav,#content,.foot-content{ width:100%;}
.flexslider ul.slides li img{ width:100%;}
#index-content .index-right{ width:60%;}
#index-content .index-left{width:40%;}
#index-content .index-right .row .right-content .rightcontent ul li{ width:90%; margin:5px 8px;}
#index-content .index-right .row .right-content .rightcontent ul li table{ width:95%;}
#index-content .index-right .row .right-content .rightcontent ul li img{ width:100%;}
#index-content .index-right .row .right-content .rightcontent ul li .productname{ width:95%;}
#index-content .index-right .right-content .row .rightcontent ul li{ width:90%; margin:5px 8px;}
#index-content .index-right .right-content .row .rightcontent ul li table{ width:95%;}
#index-content .index-right .right-content .row .rightcontent ul li img{ width:100%;}
#index-content .index-right .right-content .row .rightcontent ul li a.cur img{ width:auto;}
#index-content .index-right .right-content .row .rightcontent ul li .productname{ width:95%;}
#sddm div{ display:none;}
.nav{ width:100%; height: auto; overflow:hidden;}
#sddm li{ float:left;}
.nav ul li a{ padding:0 6px;}
#index-content .index-right .right_content .new li .newimg{ width:100%; height:100%;}
#index-content .index-right .right_content .new li .newimg img{ width:100%;}
#index-content .index-right .right-content .rightcontent img{ width:100%;}
#index-content .index-right .right-content .rightcontent .thumb img{ width:auto;}

.tran{ display:none;}
}
@media only screen and (max-width:470px) {
.top,.nav,#content,.foot-content{ width:100%;}
.flexslider ul.slides li img{ width:100%;}
#index-content .index-right{ float:none; width:100%;}
#index-content .index-left{float:none; width:100%;}
#index-content .index-right .row .right-content .rightcontent ul li{ width:90%; margin:5px 8px;}
#index-content .index-right .row .right-content .rightcontent ul li table{ width:95%;}
#index-content .index-right .row .right-content .rightcontent ul li img{ width:100%;}
#index-content .index-right .row .right-content .rightcontent ul li a.cur img{ width:auto;}
#index-content .index-right .row .right-content .rightcontent ul li .productname{ width:95%;}
#index-content .index-right .right-content .row .rightcontent ul li{ width:90%; margin:5px 8px;}
#index-content .index-right .right-content .row .rightcontent ul li table{ width:95%;}
#index-content .index-right .right-content .row .rightcontent ul li img{ width:100%;}
#index-content .index-right .right-content .row .rightcontent ul li a.cur img{ width:auto;}
#index-content .index-right .right-content .row .rightcontent ul li .productname{ width:95%;}
#sddm div{ display:none;}
.nav{ width:100%; height: auto; overflow:hidden;}
#sddm li{ float:left;}
.top{ margin:0; padding:0;}
.top .logo{ margin-bottom:20px;}
#index-content .index-right .right_content .new li .newimg{ width:100%; height:100%;}
#index-content .index-right .right_content .new li .newimg img{ width:100%;}
#index-content .index-right .right-content .rightcontent img{ width:100%;}
#index-content .index-right .right-content .rightcontent .thumb img{ width:auto;}

.nav ul li a{ padding:0 4px;}
.tran{ display:none;}
.product-img-box, .proright{ width:100%; float:none;}
.about-silder{ display:none}
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}

.msdn ul{ list-style:none; display:flex; justify-content:center;}
.msdn li{ float:left; margin-left:5px;}
.msdn li a{ padding:4px 7px; background-color:#ececec; color:#000; border-radius:6px;}
.msdn li a:hover{ background-color:#67BFE0; color:#fff;}
.msdn .currPage { background-color:#67BFE0; color:#fff;
}