/*-------自定义样式----------*/

body{

	list-style: none;

	font-family: "微软雅黑";

	min-width: 1200px;

}

a:hover{text-decoration: none;}

img{border:0px;}

li{list-style:none;}

/*-------topbar----------*/

.my-header{

	

}

.my-topbar{

	background: #E6E6E6;

	color:#666666;

	height: 40px;

	line-height: 40px;

}

.my-topbar ul{

	float: right;

	color: #888888;

	margin-bottom: 0px;

}



.my-topbar ul li{

	list-style: none;

	float: left;



}

.my-topbar ul li a{

	color:#666666;

	padding-left: 5px;

	padding-right: 5px;

}



.my-header .logo{

	float: left;

}

.my-header .tel{

	float: right;

	padding-top: 30px;

}

.my-header .logo img{

	margin-top: 20px;

}

.my-header .tel img{

	margin-top: 20px;

}

.my-logo{

	height: 120px;

}

#input_blur{

	width: 230px;

	height: 20px;

	line-height: 20px;

}

#links{margin:auto;width:1140px;line-height:30px;color:#666666;font-weight: bold;font-size: 16px;}

#links a{font-size: 12px; color:#666666; padding:0 5px;}

/*-------nav----------*/

.my-nav{

	background: #388B93;

	color: #ffffff;

	height: 57px;

line-height: 54px;

}

.my-nav ul li{

	float: left;

/*	list-style: none;*/

	width: 127px;

	text-align: center;

    height: 57px;

}

.my-nav ul li:hover{

	background-color:#388B93;

}

.my-navli{

	display: block;

	height: 56px;

	background: #055CA3;

}

.my-navli ul{

	padding-left: 0px;

}



.my-nav ul li a{

	color: #ffffff;

	font-size: 16px;

	padding-right: 22px;

	padding-left: 22px;

}

.my-nav ul li a:hover{

	color:#CCC;

}

.my-nav .home{

	float: left;

	height: 56px;

	width: 140px;

	background: #388B93;

	color: #ffffff;

	font-size: 16px;

	padding-right: 22px;

	margin-left: -20px;



}

.my-nav .home img{

	margin-left: 24px;

	margin-top: -5px;

}

.my-nav .home a{

	color: #ffffff;

	padding-left: 20px;



}

/**/



.my-nav2{

	background: #388B93;

	color: #ffffff;

	height: 57px;

line-height: 54px;

}

.my-nav2 ul li{

	float: left;

/*	list-style: none;*/

	width: 122px;

	text-align: center;

    height: 57px;

}

.my-nav2 ul li:hover{

	background-color:#388B93;

}

.my-navli{

	display: block;

	height: 56px;

	background: #388B93;

}

.my-navli ul{

	padding-left: 0px;

}



.my-nav2 ul li a{

	color: #ffffff;

	font-size: 16px;

	padding-right: 22px;

	padding-left: 22px;

}

.my-nav2 ul li a:hover{

	color:#CCC;

}

.my-nav2 .home{

	float: left;

	height: 56px;

	width: 140px;

	background: #388B93;

	color: #ffffff;

	font-size: 16px;

	padding-right: 22px;

	margin-left: -20px;



}

.my-nav2 .home img{

	margin-left: 24px;

	margin-top: -5px;

}

.my-nav2 .home a{

	color: #ffffff;

	padding-left: 20px;



}

/*-------banner----------*/

.flexslider {

	margin: 0px auto 20px;

	position: relative;

	width: 100%;

	height: 480px;

	overflow: hidden;

	zoom: 1;

}



.flexslider .slides li {

	width: 100%;

	height: 100%;

}



.flex-direction-nav a {

	width: 70px;

	height: 70px;

	line-height: 99em;

	overflow: hidden;

	margin: -35px 0 0;

	display: block;

	background: url(../images/ad_ctr.png) no-repeat;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease;

	border-radius: 35px;

}



.flex-direction-nav .flex-next {

	background-position: 0 -70px;

	right: 0;

}



.flex-direction-nav .flex-prev {

	left: 0;

}



.flexslider:hover .flex-next {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter: alpha(opacity=50);

}



.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 10px;

	text-align: center;

}



.flex-control-nav li {

	margin: 0 2px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	background: url(../images/dot.png) no-repeat 0 -16px;

	display: block;

	height: 16px;

	overflow: hidden;

	text-indent: -99em;

	width: 16px;

	cursor: pointer;

}



.flex-control-paging li a.flex-active,

.flex-control-paging li.active a {

	background-position: 0 0;

}



.flexslider .slides a img {

	width: 100%;

	height: 480px;

	display: block;

}

/*-------about us----------*/

.my-intro .title h1{

font-size: 24px;

font-weight: 100;

color: #388B93;

height: 50px;

line-height: 40px;

margin-bottom: 25px;

background: url(../images/tit.jpg) repeat-x bottom;



}

.my-intro .title h1 span {

padding-left: 26px;

color: #666666;

font-size: 18px;

}

.my-intro .title h1 a {

float: right;

font-size: 14px;

color: #666666;

}

.my-pro h1 a {

float: right;

font-size: 12px;

color: #666666;

}

.my-intro .title h2{

	float: left;

font-size: 20px;

font-weight: 600;

margin-left: 30px;

color: #666666;



}

.my-intro .title a{

	float: right;

	font-size: 18px;

	font-weight: 600;



}

.my-intro-c{

	clear: both;

}

.my-intro-c img{

	float: left;

}

.my-intro-c p{

	float: left;

	width: 760px;

	padding: 10px 0px 0px 40px;

	line-height: 25px;

	font-size: 15px;

	color: #222;

	text-indent: 2em;

}

/*-------pro----------*/

.pro_list{

	float: left;

	width: 255px;

	/* background: #EBEBEB; */

	/* box-shadow: 5px 5px 2px #D4D4D4; */

}

.prodis{

	float:right;

	width: 880px;

}

.my-pro h1{

	font-size: 24px;

	font-weight: 100;

	color:#388B93;

	height: 50px;

	line-height: 40px;

	margin-top: 20px;

	margin-bottom: 25px;

	background: url(../images/tit.jpg) repeat-x bottom;

}

.my-pro h1 a{

	float: right;

	font-size: 14px;

}

.my-pro h1 span{

	padding-left: 26px;

	color: #666666;

	font-size: 18px;

}

.pro_list .sort2{

	    position: relative;

    z-index: 20;

}

.pro_list .sort2 .sort-list ul{

	padding: 15px 0px 0px 0px;

}

.pro_list .sort2 .sort-list ul .li1{

	list-style: none;

	height: 60px;

	line-height: 66px;

}

.pro_list .sort2 .sort-list ul .li1 a {

	color: #000000;

	font-weight: 100;

	font-size: 16px;

	display: block;

	padding-left: 50px;

	background: url(../images/probg.png) no-repeat;

	border-bottom: #666666 1px dotted;

}

.pro_list .sort2 .sort-list ul .li1

.pro_list .sort2 .sort-list ul .li1 a:hover {

	color: #000;

	text-decoration: none;

	

	display: block;

	padding-left: 50px;

	

}





.sort2 .sort-list ul ul{display:none}

.sort2 .sort-list ul .li1.hover ul{background-color:#fff;border:2px solid #F48623;left:160px;margin-top:-48px;width:130px;z-index:30;position:absolute;height:auto;overflow:hidden}

.sort2 .sort-list ul .li1.hover ul li{width:130px;font-size:12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.sort2 .sort-list ul .li1.hover ul li:nth-child(1){margin-top:-10px}

.sort2 .sort-list ul .li1.hover ul{display:block}

.sort2 .sort-list ul .li1.hover ul li a{height:27px;line-height:27px;font-size:14px;border-top:0;border-bottom:0;color:#000;background-position:15px -154px;margin-left:-40px}

.sort2 .sort-list ul .li1.hover ul li a:hover{font-size:16px;background-position:15px -181px}



.prodis ul li{

	float: left;

	list-style: none;

	width: 240px;

	height: 222px;

	margin-right: 40px;

	margin-bottom: 10px;

}

.prodis ul li a img{

	width: 240px;

	height: 180px;

    margin-bottom: 0px;

    box-shadow: 0 0 9px 1px rgba(0,0,0,.2);

}

.prodis ul li a span{

	display: block;

text-align: center;

height: 33px;

line-height: 33px;

color: #ffffff;

width: 240px;

background: #388B93;

	

}

.prodis ul li a:hover{

	text-decoration: none;

}

.prodis ul li a:hover span{

	background: #055CA3;

	color: #ffffff;

	text-decoration: none;

}



.prodis .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.prodis .nav .sub{display:none; width:210px; left:220px; top:-48px;  position:absolute; background:#1F6CB7;  line-height:38px;z-index: 9999}

.prodis .nav .sub li{ zoom:1;text-align: left;font-size: 13px;}

.prodis .nav .sub a{ display:block;padding-left: 15px;}

.prodis .nav .sub a:hover{background:#6e9cc4;color:#fff;}

.prodis .nav .on h3 a{ background:#1F6CB7; color:#fff;}

/*-------info----------*/

.infom{

	float: left;

	width: 358px;

	margin-right: 45px;

}

.contact{margin-right:0px;}

.infom h1{

	font-size: 22px;

	color: #388B93;

	font-weight: 100;

	height: 50px;

	line-height: 50px;

	background: url(../images/tit.jpg) repeat-x bottom;

	margin-bottom: 20px;

}

.infom h1 span{

	color: #666666;

	font-size: 14px;

	padding-left: 20px;

}

.infom h1 a{

	float: right;

	font-size: 12px;

	color: #666666;

}

.infom-t1{

height: 100px;

border-bottom: 1px dashed #e0e0e0;

padding-top:0px;

margin-bottom: 10px;

}

.infom-t1 h3 a img {

float: left;

margin-right: 15px;

}

.infom-t1 h3{

	margin-top: 0px;

}

.infom-t1 p {

height: 80px;

line-height: 22px;

color: #222;

font-size: 14px;



}

.infom-t1 p a {

display: block;

height: 25px;

line-height: 25px;

color: #222;

font-weight: bold; overflow:hidden;

}

.infom-t2{

	clear: both;

	margin: 0px;

	padding:0px;

}

.infom-t2 li{

	list-style: none;

	padding-left: 6px;

	background: url(../images/hong.jpg) no-repeat left center;

	padding: 2px 0px;

}

.infom-t2 li span{

	float: right;

	font-size: 14px;

	color: #222;

}

.infom-t2  li a{

	color: #222;

	font-size: 13px;

}

/*-------自定义样式----------*/

/*-------自定义样式----------*/

/*-------自定义样式----------*/

/*-------自定义样式----------*/

/*-------自定义样式----------*/

/*-------tuijian----------*/

.my-rec{

	   margin-left:auto;

	   margin-right:auto;

	   

	   }

	



.my-rec h1 {

font-size: 24px;

font-weight: 100;

color: #388B93;

height: 50px;

line-height: 40px;

margin-bottom: 25px;

background: url(../images/tit.jpg) repeat-x bottom;

}

.my-rec h1 span {

padding-left: 26px;

color: #666666;

font-size: 18px;

}

.my-rec h1 a {

float: right;

font-size: 14px;

color: #666666;



}

   #r-c{

	   clear:both;

	   width:1140px;

	   height:130px;

	   padding:10px 0px 0px 0px;



	 }

body,td,th {

	font-size: 12px;

	color: #666666;

}

img{ border:0px;}

 #demo{overflow:hidden; margin:0px auto;}

 #demo td{

margin-left:0px;



	 }

#demo img{

	border: #cccccc 1px solid;

padding: 2px;

margin:2px 2px 2px 30px;

	}

/*-------footer----------*/

.my-foot{

	color: #ffffff;

	clear: both;

	margin-top:15px

}

.my-flink{

	height: 60px;

	line-height: 60px;

	background: #388B93;

}

.my-flink dt{

	float: left;

}

.my-flink dd{

	float: left;

}

.my-flink dt h1{

	float: left;

    font-size: 18px;

    line-height: 60px;

    font-weight: 100;

    margin: 0px;

}

.my-flink dt h2{

	float: left;

	font-size: 14px;

	padding-left: 10px;

	padding-right: 20px;

	 line-height: 60px;

	 margin: 0px;

}

.my-flink dd {

	line-height: 60px;

	float: left;

}

.my-flink dd a{

    color: #ffffff;

    margin-left: 10px;

    margin-right: 10px;

    font-weight: 100;

    font-size: 16px;

    background: #337ab7;

    padding: 5px;

}

.my-flink dd a:hover{ background:#444444;}

.my-foot-bottom{

	background: #444444;

	height: 270px;



}

.my-foot-bottom ul{

	margin-left: auto;

	margin-right: auto;

	padding-top: 40px;

	padding-bottom: 40px;

}

.my-foot-bottom ul li{

	float: left;

	

	list-style: none;

	margin-left: 20px;

}

.my-foot-bottom ul li a{

	color: #ffffff;

	font-size: 16px;

	padding-left: 10px;

	padding-right: 10px;

}

.my-foot-bottomc{

	clear: both;

}

.fbcl{

float: left;

width: 200px;

margin-left: 30px;



}

.fbcc{

	

	float: left;

	text-align: center;

	width: 560px;

	padding-left: 80px;

/*	padding-top: 16px;*/







}

.fbcc p{

	color: #999999;

	font-size: 14px;

}

.fbcr{

	float: left;

width: 200px;

padding-left: 70px;

}