@charset "utf-8";

/* CSS Document */

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

ol,ul{list-style:none;}

li{list-style-type:none;}

img{vertical-align:top;border:0;}

h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}

a{color:#6EAFD7;text-decoration:none;}

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

.clear{clear:both;height:0;overflow:hidden;display:block;}

.flo{ float:left}



.w_1100{ margin:0 auto; width:1100px}

.w_1000{ margin:0 auto; width:1000px; overflow:hidden}

.w_770{ width:770px}

.w_732{ width:732px}

.w_660{ width:660px}

.w_550{ width:550px}

.w_515{ width:515px}

.w_485{ width:485px}

.w_368{ width:368px}

.w_340{ width:340px}

.w_230{ width:230px}

.w_210{ width:210px}



.w_20{ width:20%; height:416px; overflow:hidden}



.banner{ margin-bottom:40px; height:540px; border-bottom:3px #fcb906 solid; border-top:1px #fbb903 solid; overflow:hidden}

.nav{ height:120px}

.nav ul li{ float:left; height:120px; *height:70px; padding-top:50px; width:104px; text-align:center; font-size:16px; font-family:"微软雅黑"}

.nav ul li a{ color:#666; }

.nav ul li a span{ font-size:12px; font-family:Verdana, Geneva, sans-serif}

.nav .now{ background: url(images/nav_bj.jpg) no-repeat -2px center;}

.nav ul li:hover{background: url(images/nav_bj.jpg) no-repeat -2px center;}



.seach{  font-family:"微软雅黑"; margin-top:5px; margin-bottom:50px; text-align:center; line-height:40px; height:45px; background:#06bbfd; color:#FFF; font-size:12px; vertical-align:middle; }

.seach .input{ width:50%; height:30px; line-height:28px; border:none; vertical-align:middle; }

.seach img{margin-right:10px; vertical-align:middle; margin-top:0px}

.seach a{ color:#FFF; font-size:12px; font-family:"微软雅黑"}

.seach .ssan{ width:30px; height:30px; border: none; vertical-align:middle; background:url(images/seach.jpg) right top no-repeat; margin-right:8px}



.about{ font-family:"微软雅黑" ; font-size:14px; line-height:24px; height:190px; overflow:hidden}

.about_more{ margin-top:25px; margin-bottom:30px; height:25px; line-height:25px;  background:url(images/seach_bj.jpg) right top no-repeat; text-align:right; padding-right:27px;}

.about_more a{ color:#FFF; font-size:12px}



.vod{ border: #05bbfc 2px solid; padding-top:15px; padding-bottom:15px; width:446px; text-align:center}



.tit_in{ margin-top:15px; height:75px; background:url(images/tit_bj.jpg) center center no-repeat; text-align:center; font-family:"微软雅黑"; font-size:30px; color:#000;}

.tit_in span{ font-size:16px; color:#999; font-family:Georgia, "Times New Roman", Times, serif}



.tit_in02{ height:41px; line-height:41px; background: #c80000; padding-left:15px; padding-right:15px; color:#FFF; font-size:18px; font-family:"微软雅黑"}

.tit_in02 span{ font-size:12px; }

.tit_in02 a{ float:right; font-family:"Arial Black", Gadget, sans-serif; font-size:12px; color:#FFF; padding-left:15px; border-left:1px #FFFFFF  solid }



.main_banner{ height:416px; margin-top:50px; margin-bottom:20px;}



.more{ margin-top:30px; margin-bottom:30px; border:1px #e3e0e0 solid; background:#f4f4f4; text-align:center; height:40px;  }

.more a{ line-height:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666 }



.productlist{ width:1014px;}

.productlist dl{ float:left; width:321px; margin-right:15px; margin-bottom:15px; border:1px #CCCCCC solid; font-size:12px}

.productlist dl dt{ margin:0 auto; width:301px; height:35px; line-height:35px; font-family:"微软雅黑"; font-size:16px; }

.productlist dl dt a{ color:#000}

.productlist dl dd{ padding:0 10px; width:301px; height:25px; line-height:25px; color:#999;}

.productlist dl:hover{ border:1px #990000 solid; }

.productlist dl:hover dd{ background:none}



.productlist dl:hover dd a{ background:#930 }



.productlist .time{ background:url(images/p03.png) left no-repeat; height:25px; line-height:25px; padding-left:20px; }

.productlist .time p{ float:left; width:200px}

.productlist .time a{ float:right; background: none; color:#FFF; padding:0 5px;}

.productlist .p_bj{ float:left; margin-top:10px; width:100%; *width:auto; background:#F93}



.news{ float:left; padding-top:15px; padding-bottom:15px; background:url(images/news_bj02.jpg) bottom repeat-x; border:1px #FFFFFF solid;  }

.news:hover{ border:1px #990000 solid; background:none }

.news:hover ul{ border-bottom:1px #999999 solid;}

.news ul{ margin-left:10px; margin-right:15px; width:60px; height:60px; border-bottom:1px #c80000 solid; border-top:1px #999999 solid; border-left:1px #999999 solid; border-right:1px #999999 solid; line-height:30px; text-align:center; font-size:20px; font-family:"微软雅黑" }

.news .n_bj{ background:#999999; color:#FFF}

.news dl{ width:780px; font-size:12px; font-family:"微软雅黑"; color:#9b9a9a; }

.news dl dt{ font-size:16px; height:30px; background:url(images/news_bj.jpg) left 24px no-repeat}

.news dl dd{ height:36px; overflow:hidden }



.news02{ float:left; width:768px; margin-bottom:10px; padding-top:15px; padding-bottom:15px; background:url(images/news_bj02.jpg) bottom repeat-x; border:1px #FFFFFF solid;  }

.news02:hover{ border:1px #990000 solid; background:none }

.news02:hover ul{ border-bottom:1px #999999 solid;}

.news02 ul{ margin-left:10px; margin-right:15px; width:60px; height:60px; border-bottom:1px #c80000 solid; border-top:1px #999999 solid; border-left:1px #999999 solid; border-right:1px #999999 solid; line-height:30px; text-align:center; font-size:20px; font-family:"微软雅黑" }

.news02 .n_bj{ background:#999999; color:#FFF}

.news02 dl{ width:580px; font-size:12px; font-family:"微软雅黑"; color:#9b9a9a; }

.news02 dl dt{ font-size:16px; height:30px; background:url(images/news_bj.jpg) left 24px no-repeat}

.news02 dl dd{ height:36px; overflow:hidden }



.kehu{ height:280px }

.map{ height:360px }



#footer{ padding:20px 0; background:#0170BF; font-family:"微软雅黑"}

.f_nav { color:#FFF; font-size:14px}

.f_nav a{ color:#FFF; font-size:14px; font-family:"微软雅黑"}

.cop{color:#FFF; font-size:12px; padding-top:10px; font-family:"微软雅黑"}







/************* 内页 **************************************************************************************************************/



.tit_01{ height:48px; text-align:center; font-size:24px; line-height:48px; color: #666; font-family:"微软雅黑"; border-bottom:3px #CCCCCC solid}

.tit_01 span{ color:#808184}



.tit04{  padding-left:20px; height:50px; line-height:50px; font-size:30px; font-family:"微软雅黑"; color:#666; border-bottom:1px #CCCCCC solid }

.tit04 span{ float:right; color:#333; font-size:12px; font-weight:normal}

.tit04 span a{ color: #666}



.leftnav{ margin-bottom:20px; padding-top:10px    }

.leftnav ul{ background:#f3f3f3 }

.leftnav ul li{overflow: hidden;height:38px; line-height:38px;font-size:14px; background:url(images/left_nav_bj.jpg) 20px 10px no-repeat ;   font-weight:bold; text-align: left; text-indent:60px; border-top:1px #FFFFFF solid; border-bottom: solid 1px #CCCCCC }

.leftnav ul li a{ color:#333; font-family:"微软雅黑"}

.leftnav ul li a:hover{ color:#900}



.newslist{}

.newslist ul{ margin:15px auto; width:94%;}

.newslist ul li{ font-size:12px; height:32px; line-height:32px; border-bottom:1px #999 dotted}

.newslist ul li a{ color:#333; }

.newslist ul li span{ float:right;}



.content{ margin:0px auto; width:94%; line-height:22px; font-size:12px; padding-bottom:15px; padding-top:15px; font-family:"微软雅黑"}





/************* 内页共用 **************************************************************************************************************/



.title{ margin:15px auto; width:94%; font-size:14px; font-weight:bold; color:#333; height:40px; border-bottom:1px #999999 dashed; line-height:20px; text-align:center}

.title span{ font-size:12px; font-weight:normal; color: #a69b7c;}

.page{ margin-bottom:15px; text-align:right; font-size:12px}

.page a{ padding:3px; background:#eaeaea; border:1px #e5e5e5 solid; color: #999;  font-size:12px}

.page li{ float:left; width:50%}





.gjc{margin:5px auto; width:94%;  line-height:24px; font-size:12px;}

.gjc a{ color:#900}

.gjc span{ color:#afa891}



.next{margin:5px auto; width:94%;  line-height:24px; font-size:12px;}

.next a{ color:#8e8770}



.productlist02{ padding-top:20px }

.productlist02 dl{ float:left; width:234px; margin-right:10px;  margin-left:10px; margin-bottom:15px; border:1px #CCCCCC solid; font-size:12px}

.productlist02 dl dt{ margin:0 auto; width:214px; height:35px; line-height:35px; font-family:"微软雅黑"; font-size:16px; }

.productlist02 dl dt a{ color:#000}

.productlist02 dl dd{ padding:0 10px; width:214px; height:25px; line-height:25px; color:#666}

.productlist02 dl:hover{ border:1px #990000 solid; }

.productlist02 dl:hover dd{ background:none}



.productlist02 dl:hover dd a{ background:#930 }



.productlist02 .time{ background:url(images/p03.png) left no-repeat; height:25px; line-height:25px; padding-left:20px;}

.productlist02 .time p{ float:left; width:100px}

.productlist02 .time a{ float:right; background: none; color:#FFF; padding: 0px 5px}

.productlist02 .p_bj{ float:left; margin-top:10px; width:100%; *width:auto;  background:#F93}



.Product_img{ text-align:center}

.Product_img img{ max-width:600px}

.tit_about{ height:160px; background:url(images/about_tit_bj.jpg) center top no-repeat; text-align:center; font-family:"微软雅黑"; font-size:36px; line-height:28px; color:#333 }.tit_about ul{ padding-top:46px}.tit_about ul a{font-size:14px;color:#999;line-height:18px;}.tit_about ul li{}

.tit_about02{ height:160px; background:url(images/about_tit_bj.jpg) center top no-repeat; text-align:center; font-family:"微软雅黑"; font-size:36px; line-height:28px; color:#333 }

.tit_about02 ul{ padding-top:66px}



.now_map{ text-align:center; font-size:12px; line-height:30px; height:30px; color:#999}





/* 图片效果开始 *****************************************************/

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

.grid {

	position: relative;

	margin: 0 auto;

	list-style: none;

	text-align: center;

}



/* Common style */

.grid figure {

	position: relative;

	overflow: hidden;

	

/*	min-width: 320px;

	max-width: 480px;

	max-height: 360px;*/

	width: 100%;

	height:417px;

	background: #f59512;

	text-align: center;

	cursor: pointer;

}



.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}



.grid figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	letter-spacing: 1px;

	font-size: 24px;

	font-family:"微软雅黑";

}

figure.effect-bubba {

	background: #f59512;

}



figure.effect-bubba img {

	opacity: 0.99;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}



figure.effect-bubba:hover img {

	opacity: 0.2;

}



figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}



figure.effect-bubba figcaption::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

}



figure.effect-bubba figcaption::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

}



figure.effect-bubba h2 {

	padding-top: 30%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0,-20px,0);

	transform: translate3d(0,-20px,0);

}



figure.effect-bubba p {

	padding: 20px 2.5em;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,20px,0);

	transform: translate3d(0,20px,0);

}



figure.effect-bubba:hover figcaption::before,

figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



figure.effect-bubba:hover h2,

figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/* 图片效果结束 *****************************************************/





.content img{max-width:770px;height:auto;}