/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	font-size:14px;
	color:#565656;
	background-color: #fff; 
	line-height:30px;
	letter-spacing:1px;
}
body {
	margin: 0px;
	font-size:14px;
	font-family:"宋体";
	padding:0px;
	padding-top:1px;
	overflow-x:hidden;

}
td{
	font-family: Arial, Sans-Serif;
	font-size:14px;}

.top_logo{font-size:32px;
color:#FFFFFF;
font-weight:bold;}

#templatemo_search { width: 243px; height: 36px; background: url(/images/templatemo_search.png) }
#templatemo_search form {
	margin: 0;
	padding: 0;
}
#templatemo_search .txt_field {
	float: left;
	display: block;
	height: 25px;
	line-height: 16px;
	width: 190px;
	margin: 0px 5px 0px 0px;
	color: #999999;
	font-size: 12px;
	padding: 12px 0px 5px 10px;
	font-variant: normal;
	border: none;	
	background: none;
}
#templatemo_search .sub_btn {
	float: right;
	display: block;
	color: #fff;
 	height: 34px;
	width: 36px;
	font-size: 11px;
	font-weight: 700;
	line-height: 26px;
	cursor: pointer;
	border: none;
	background: none;	
}

a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;color:#000;}


/*菜单样式*/
.mainMenu{
}
.mainMenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*Top level list items*/
.mainMenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin-right:10px;
}
.mainMenu ul li:last-child{
	margin-right:0px;
}
/*Top level menu link items style*/
.mainMenu ul li a {
	display: block;
	height: 40px;
	width: 140px;
	margin:0 auto;
	line-height: 40px;
	font-size: 15px;
	color:#565656;	
	text-align: center;
	text-decoration: none;
	outline: none;
	/*background: url(/images/templatemo_menu_item.jpg)*/ 
}
* html .mainMenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.mainMenu ul li a.selected, .mainMenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #fff;
	background: url(/images/templatemo_menu_item.jpg);
}


.mainMenu ul li:hover{background: url(/images/templatemo_menu_item.jpg) no-repeat;}
.mainMenu ul li:hover a{ color:#FFF;}
.mainMenu ul li:hover ul{ visibility:visible;}


/*1st sub level menu*/
.mainMenu ul li ul{
	position: absolute;
	margin:0;
	visibility:hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.mainMenu ul li ul li{
position: relative;
/*display: list-item;*/
float: none;
}

/* Sub level menu links style */
.mainMenu ul li:hover ul li a{
	font-weight: 500;
	margin: 0;
	height: 28px;
	line-height: 28px;
	padding: 5px 10px;
	font-size: 15px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
	border-bottom: 1px solid #FFF;
	width:120px;
	color:#3F3F3F;
}
.mainMenu ul li ul li:last-child a{
border-bottom:none;
}
.mainMenu ul li ul li a.selected, .mainMenu ul li ul li a:hover{
	color:#000;
	background:#E6E5E5;
}

/* end menu */



.leftmenu a {
display:block;
line-height:45px;
background:url(/images/abarr.png) no-repeat 20px center #fff;
width:220px;
text-indent:40px;
font-size:14px;
color:#000;
border-bottom:#f0f0f0 1px solid;
}
.leftmenu a:hover {
background:url(/images/abarr.png) no-repeat 20px center #00A2AD;
color:#fff;
}
.leftmenuAt a{
display:block;
line-height:45px;
text-indent:40px;
font-size:14px;
border-bottom:#f0f0f0 1px solid;
background:url(/images/abarr.png) no-repeat 20px center #00A2AD;
color:#fff;
width:220px;
}




.leftmenu2 a {
display:block;
line-height:45px;
background:url(/images/abarr.png) no-repeat 20px center #fff;
text-indent:40px;
font-size:14px;
color:#000;
border-bottom:#f0f0f0 1px solid;
}
.leftmenu2 a:hover {
background:url(/images/abarr.png) no-repeat 20px center #00A2AD;
color:#fff;
}
.leftmenuAt2 a{
display:block;
line-height:45px;
text-indent:40px;
font-size:14px;
border-bottom:#f0f0f0 1px solid;
background:url(/images/abarr.png) no-repeat 20px center #00A2AD;
color:#fff;
}


.prdname  a{
font-size:16px;
color:#0b0b0b;
}


.prdpic {
border:#d5d5d5 1px solid;
border-top-width:0px;
position:relative;
}
.pda {
display:block;
height:200px;
overflow:hidden;
text-align:center;
width:100%;
}
.pda img {
transition: .7s;-moz-transition: .7s;
-webkit-transition: .7s;
-o-transition: .7s;
}

.prdroll {
position:absolute;
left:0px;
top:0px;
background: url("/images/mtm.png");
opacity: 0;
color:#ffffff;
transition:0.3s linear; 
-webkit-transition: all .3s linear; 
-mos-transition: all .3s linear; 
-mz-transition: all .3s linear; 
-o-transition: all .3s linear;
height:200px;
width:100%;

}
.prdroll  a {
display:block;
height:200px;
overflow:hidden;
text-align:center;
width:100%;
color:#ffffff;


}

.prdroll  a img {
margin-top:50%;
}
 .prdroll img {
width:37px;
height:37px;
transition:0.3s linear; 
-webkit-transition: all .3s linear; 
-mos-transition: all .3s linear; 
-mz-transition: all .3s linear; 
-o-transition: all .3s linear;
}

.prdpic:hover .prdroll {

opacity: 1;
}
.prdpic:hover .prdroll   a img {

margin-top:32%;
}


.prdpic:hover .pda img {

transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transition: scale(1.2);
}


.indexpname {
position:absolute;
width:380px;
height:260px;
left:0%;
top:0%;
background: url("/images/mtm.png");
opacity: 0;

transition:0.3s linear; 
-webkit-transition: all .3s linear; 
-mos-transition: all .3s linear; 
-mz-transition: all .3s linear; 
-o-transition: all .3s linear;
text-align:center;
font-size:16px;
}

.indexpname a {
display:block;
height:100%;
width:100%;
line-height:500px;
text-align:center;
margin:0px auto;

margin-top:2%;
transition:0.3s linear; 
-webkit-transition: all .3s linear; 
-mos-transition: all .3s linear; 
-mz-transition: all .3s linear; 
-o-transition: all .3s linear;
color:#ffffff;
}


.prdpic:hover .indexpname {
	  opacity: 1;
}

.prdpic:hover .indexpname a {
line-height:260px;
}


.indesnewslist {
border:#f1f1f1 1px solid;
position:relative;
cursor:pointer;
}

.indexnewsbt {
line-height:40px;
font-size:16px;
color:#221815;

}

.indexnewsdate {
background:url(/image/newsIco.png) no-repeat 10px center;
color:#8d8c8c;
font-size:14px;
text-indent:30px;
}

.blueBg{
position:absolute;
left:0px;
bottom:0px;
height:0px;
background-color:rgba(255,74,74,1);
transition:all .7s cubic-bezier(0.71,-0.01,0.07,0.99) 0s;
-webkit-transition:all .7s cubic-bezier(0.71,-0.01,0.07,0.99) 0s;
}

.indesnewslist:hover .blueBg{
height:334px;
}

.indesnewslist:hover .indexnewsbt {
color:#fff;
}
.indesnewslist:hover .indexnewsdate {
color:#fff;
background:url(/images/newsdatpichover.png) no-repeat 10px center;
}


.abbt {
font-size:28px;
color:#808080;
line-height:45px;
float:left;
padding-right:20px;
border-bottom:#00A2AD solid 2px;
}

.newsTitle {
font-size:28px;
color:#808080;
line-height:30px;
text-align:center;
}

.abpath {
font-size:14px;
color:#a2a2a2;
border-bottom:#90C424 solid 2px;
text-align:right;
line-height:45px;
}
.abpath a{
color:#a2a2a2;
}
.abpath a:hover{
color:#666;
}

.newspath {
font-size:14px;
color:#a2a2a2;
border-bottom:#90C424 solid 2px;
text-align:left;
line-height:45px;
}
.newspath a{
color:#a2a2a2;
}
.newspath a:hover{
color:#666;
}


.banner-middle{
	background:#FFF;
	padding:1em;
	border: solid 1px #D5D5D5;
	border-bottom:0px;
}

.strip{
	background:url(/images/strip2.png);
	height:16px;
	margin-bottom: 1em;
}

.indexLeftTilte{
font-size:25px;
color:#000;
}

.footFont{font-size:12px;
color:#FFFFFF;
line-height:28px;
}
.footFont a{font-size:12px;
color:#FFFFFF;
}
.footFont a:hover{font-size:12px;
color:#999;
}


.titleBox{
line-height:25px; background-color:#FFFFFF; float:left; font-size:16px; padding-right:20px; color:#2E2E2E;}
.titleBox span{
font-size:14px; padding-left:10px; color:#CCCCCC;}


.qh a{float:left;line-height:30px;height:30px;padding:0px 20px;display:inline-block;color:#2E2E2E;font-size:16px;}
.qh a:hover{ font-weight:bold;}
.qh .cur{background-color:#ddd;}

.iproIndex{padding:10px 0px;}
.iproIndex dl{width:240px;height:240px;float:left;margin-right:41px;margin-bottom:60px;}
.iproIndex dl#p4{margin-right:0px;}
.iproIndex dl dt{width:240px;height:240px; border:#D5D5D5 1px solid;}
.iproIndex dl dd{line-height:40px;height:40px; width:240px;background-color:#f2f2f2;text-align:center;overflow:hidden; margin-left:0px; border:#D5D5D5 1px solid; border-top:0px;}

.ipro{padding:10px 0px;}
.ipro dl{width:240px;height:240px;float:left;margin-right:29px;margin-bottom:60px;}
.ipro dl#p4{margin-right:0px;}
.ipro dl dt{width:240px;height:240px; border:#D5D5D5 1px solid;}
.ipro dl dd{line-height:40px;height:40px; width:240px;background-color:#f2f2f2;text-align:center;overflow:hidden; margin-left:0px; border:#D5D5D5 1px solid; border-top:0px;}

.icinfo{padding:10px 0px;}
.icinfo dl{float:left;margin-right:29px;width:240px;height:240px; margin-bottom:50px;}
.icinfo dl#c5{margin-right:0px;}
.icinfo dl dt{width:240px;height:240px; border:#D5D5D5 1px solid;}
.icinfo dl dd{line-height:32px;text-align:center;height:32px; background-color:#f2f2f2; width:240px;overflow:hidden;color:#666; margin-left:0px; border:#D5D5D5 1px solid; border-top:0px;}

.inews{border-bottom:1px dotted #CCCCCC;line-height:30px;text-align:left;background:url(/images/nico.gif) no-repeat 0 11px;text-indent:15px;}
.inews span{float:right;font-size:14px;letter-spacing:0px;color:#999;}

.aleft{}
.aleft a{line-height:30px;height:30px;padding:0px 25px;text-align:center;display:inline-block;color:#666;font-size:15px;}
.aleft a:hover{color:#FFF;background-color:#ccc;}
.aleft a.cur{color:#FFF;background-color:#666666;}

.txt,.txt1,.txt2{border:1px solid #CCC;padding:4px 8px;width:70%;color:#666;}
.txt1{width:80px !important;}
.txt2{width:86.5% !important;}
.btn{border:1px solid #CCC;border-radius:4px;background-color:#eeeeee;padding:4px 10px;}
.btn:hover{background-color:#dddddd;cursor:pointer;}

.rightContact{ font-size:15px;color:#333333; line-height:30px;}

A.menuli:visited{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
A.menuli:link{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
A.menuli:hover{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}


.confont160{
	line-height:160%;
	padding:0px;

}

.confontFoot{
	line-height:150%;
	padding:0px;
	font-size:12px;
	color:#CCCCCC;

}


.webpage a{
    border-right:#a0a0a0 1px solid;
    padding-right:5px;
    border-top:#a0a0a0 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#a0a0a0 1px solid;
    color:#666666;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#a0a0a0 1px solid;
    text-decoration:none;
	font-size:12px;
}
.webpage a:hover{
    border-right:#000 1px solid;
    padding-right:5px;
    border-top:#000 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#000 1px solid;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#000 1px solid;
	font-size:12px;
}
.webpage a:active{
    border-right:#000 1px solid;
    padding-right:5px;
    border-top:#000 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#000 1px solid;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#000 1px solid;
	font-size:12px;
}
.webpage span{
    border-right:#ddd 1px solid;
    padding-right:5px;
    border-top:#ddd 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#ddd 1px solid;
    color:#aaa;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#ddd 1px solid;
    text-decoration:none;
	font-size:12px;
}
.webpage b{ font-size:14px; font-weight:normal;}
/*.webpageInput{
font-size:12px; border:#666666 1px solid; width:10px; text-align:center;}
.webpageSubmit{
font-size:12px; border:#666666 1px solid;}*/


.diyos{position:fixed;width:54px;right:0;top:50%;z-index:100;}
.diyos ul{list-style:none;margin:0;padding:0;}
.diyos ul li{width:54px;height:54px;background:#00A2AD;float:left;position:relative;margin:1px 0 0 0;}
.diyos ul li:hover{background:#90C424;}
.diyos ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;color:#fff;font:14px/54px "Microsoft Yahei";overflow:hidden;letter-spacing:0px;}
.diyos ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li.sideewm{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li .sideewmshow{width:150px;position:absolute;top:0;left:-151px;z-index:120;display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float:left;}



#topban {
clear:both;
	width:100%;
}

.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
	position:absolute;
	left:0px;
	bottom:20px;

}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -250%;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 14px;
	height: 14px;
	padding:0;
	margin: 0 10px;
	cursor: pointer;


}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;

	cursor: pointer;
	background-color: #e4e4e4;
	border-radius: 50%;
	width: 100%;
		height: 100%;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		
	}
	.silder-ctrl-con{
	
		margin: 0 5px;
	}
	
	
	.silder-ctrl-prev>span,
.silder-ctrl-next>span{

	margin-top: -150%;
}

}


.tjprdtd {
border:#edecec 1px solid;
height:280px;
}

.tjprd td:nth-child(2n) {
width:286px;
}

.prdover {
position:relative;
height:280px;
width:247px;
overflow:hidden;
text-align:center;
cursor:pointer;
}


.prdoverimg img {
	transition:424ms linear; 
	max-height:185px;

}
.tjprdtd td span {
color:#fa050b;
}
.prdover mark {
	background: rgba(135, 177, 6, 0.2); transition:360ms; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: absolute; z-index: 20; box-sizing: border-box; opacity: 0; transform: skewX(45deg);
}
.prdover mark b {
	left: 50%; top: 50%; width: 46px; height: 46px; margin-top: -23px; margin-left: -23px; display: block; position: absolute; z-index: 30;
}
.prdover mark b::before {
	background: #69c95a; left: 0px; top: 23px; width: 100%; height: 1px; position: absolute; content: ""; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px);
}
.prdover mark b::after {
	background: #69c95a; left: 23px; top: 0px; width: 1px; height: 100%; position: absolute; content: ""; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px);
}
.prdover mark::before {
	transition:320ms; left: 0px; top: 0px; width: 100%; height: 0%; border:#059a0c 2px solid; position: absolute; content: ""; box-sizing: border-box;
}
.prdover mark::after {
	transition:320ms; left: 0px; top: 0px; width: 0%; height: 100%; border:#059a0c 2px solid;position: absolute; content: ""; box-sizing: border-box;
}
.prdover:hover mark {
	visibility: visible; opacity: 1; transform: skewX(0deg);
}
.tjprdtd:hover  mark::before {
	transition:330ms 200ms; height: 100%;
}
.tjprdtd:hover  mark::after {
	transition:330ms 200ms; width: 100%;
}
.tjprdtd:hover .prdoverimg img  {
	transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15);
}
.tjprdtd:hover  mark b::before {
	transition:355ms 180ms; transform: translateX(0px); -webkit-transform: translateX(0); -moz-transform: translateX(0);
}
.tjprdtd:hover  mark b::after {
	transition:355ms 240ms; transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0);
}

.tjprdtd:hover td {
color:#059a0c;
}

.tjprdtd:hover td span {
color:#059a0c;
}





.indexFootTitle{ color:#FFFFFF; font-weight:bold; font-size:25px;}
.indexFootLink a{ color:#FFFFFF; line-height:25px;}
.indexFootLink a:hover{ color:#555;line-height:25px;}