
/* CSS Document */
.w1000{ width:1000px; margin:0px auto;}
.w1015{ width:1015px; margin:0px auto;}
.top{ height:28px; width:100%; background:url(../image/top_bg.gif) repeat-x bottom;}
.top a{ float:right; padding:0px 17px 0px; line-height:28px; height:28px;}
.top a.jrsc{ background:url(../image/scshoye_ico.gif) no-repeat left 7px;}
.top a.swsy{ background:url(../image/scshoye_ico.gif) no-repeat left -34px;}
.top a.jrsc:hover{
	
	transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	
	background:url(../image/scshoye_ico.gif) no-repeat left -13px;
	}
.top a.swsy:hover{
	
	transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	background:url(../image/scshoye_ico.gif) no-repeat left -55px;
	}
	
ul.d li {float:left;>float:none;display:inline-block;word-break:keep-all; margin-left:10px; margin-bottom:16px;height:227px;overflow: hidden;}
ul.d li {display:inline;}
ul.d li:hover{
animation:product_pic_animation 0.6s;
-moz-animation:product_pic_animation 0.6s;	/* Firefox */
-webkit-animation:product_pic_animation 0.6s;	/* Safari ºÍ Chrome */
-o-animation:product_pic_animation 0.6s;
}
	
.download{ background:url(../image/cion.gif) no-repeat left -209px; cursor:pointer; width:13px; height:13px; margin-right:15px;_margin-right:7px; display:block;}
.download:hover{ background:url(../image/downlod.gif) no-repeat;}	
.header{ height:113px; width:1015px; margin:0px auto;}
.header .logo{ float:left;}
.header .search{ float:right; height:30px; margin-top:60px; margin-right:20px;}
.search_inp{ width:260px; height:22px; line-height:22px; border:solid 3px #a80a00; float:left; padding-left:5px; color:#ccc;}
.search_but{ width:51px; height:30px; cursor:pointer; background:url(../image/search_but.gif) no-repeat; float:left;border:0; }
.nav{ width:100%; height:44px; background:url(../image/nav_bg.gif) repeat-x; }
.nav a:link,.nav a:visited{ text-decoration:none; color:#FFF; font-size:16px; font-family:"Ó×Ô²"; width:91px; height:38px;float:left; margin:6px 10px 0px; text-align:center; line-height:33px; font-weight:bold; display:inline-block;}
.nav a:hover,.nav a:active,.nav a.cur:link,.nav a.cur:visited {color: #444444; background:url(../image/nav_but_bg.gif) no-repeat;text-shadow: 1px 3px 3px #444444;}	

.banner{ width:1015px; height:368px; margin:0px auto; padding-top:40px; background:url(../image/banner_bg.gif) no-repeat center center;}
.flash_3D{ width:980px; height:307px; margin:auto; padding-top:20px;}

.title{ height:30px; width:100%; clear:both; border-bottom:solid 1px #dddddd; margin-bottom:10px;}
.title strong{ height:30px; line-height:30px; display:block; float:left; background:url(../image/title_bg.gif) no-repeat; width:102px; text-indent:8px; color:#FFF; font-family:"Microsoft YaHei Mono"; font-size:16px; font-weight:500;}
.title span{ display:block; height:30px; line-height:30px; float:left; padding-left:6px; color:#666666;font-family:"Microsoft YaHei Mono"; font-size:14px; }
.title a{ float:right; display:block;font-family:"Microsoft YaHei Mono";  height:30px; line-height:30px; padding:0px 5px; font-size:14px;color:#666666;}


.main_left{ width:707px; margin-left:7px; float:left;}

.show_img{ width:292px; height:175px; float:left;}
.show_news{ width:400px; height:176px; float:right;}
.show_news ul{}
.show_news li{ line-height:30px; width:100%; float:left; background:url(../image/cion.gif) no-repeat 5px -130px;}
.show_news li a{ display:block;float:left; text-indent:18px;}
.show_news li span{ display:block;float:right; color:#999; padding:0px 5px;}


.index_ad_1{ width:707px; height:87px; margin-top:10px;}
.index_ad_1 img{}
.model_news{ width:340px; height:192px; float:left; margin-top:10px;}

.model_news li{ line-height:25px; width:100%; float:left; background:url(../image/cion.gif) no-repeat 5px -132px;}
.model_news li a{display:block; float:left;  width:250px; overflow:hidden; text-indent:18px;}
.model_news li span{ display:block;float:right; color:#999; padding:0px 5px;}
.index_company_intro{ line-height:25px; color:#444444; font-size:13px;}
.main_right{ width:263px; float:right; margin-right:5px;}
.title_util{ height:30px;border-bottom:solid 1px #dddddd;}
.title_util a{ display:block; float:right; margin:0px 5px; height:30px; font-size:14px; line-height:30px;font-family:"Microsoft YaHei Mono";}
.video_title{ background:url(../image/cion.gif) no-repeat left 7px;}
.video_main{ background:url(../image/vio_bg.gif) no-repeat; width:248px; height:177px; margin:5px auto 0px; text-align:center; padding-top:6px;}
.othrt_video{}
.othrt_video h2{ font-size:14px; clear:both; line-height:30px; padding-left:6px;}
.othrt_video h2 a{ color:#d8000f;}
.othrt_video ul{ width:248px; margin:auto;}
.othrt_video li{ float:left; width:124px; background:url(../image/cion.gif) no-repeat left -240px; height:30px; line-height:30px;}
.othrt_video li a{ padding-left:25px;}

.partner_title{background:url(../image/cion.gif) no-repeat left -60px; margin-top:10px;}
.partner_main{}
.partner_main ul{ padding:10px 0px;}
.partner_main li{ float:left; width:33%; overflow:hidden; height:65px; padding:5px 0px; text-align:center;}
.links_title{background:url(../image/cion.gif) no-repeat left -25px; margin-top:0px;}
.links_main ul{}
.links_main li{ width:100%; float:left; line-height:32px; height:32px; background:url(../image/cion.gif) no-repeat left -160px;}
.links_main li a{ padding-left:10px;}

.class_model{ width:1000px; height:280px; margin:17px auto 0px; border:solid 1px #dddddd; border-top:solid 2px #d8000f;box-shadow:0px 2px 3px #ccc;border-radius:0px 0px 5px 5px;
}

.class_title{ height:40px; line-height:40px; border-bottom:solid 1px #dddddd;}
.class_title i{ margin-left:15px;font-size:20px; color:#d8000f; font-style:normal; font-family:Arial, Helvetica, sans-serif "Microsoft YaHei Mono"; float:left;}
.class_title h2{ float:left; width:250px;}
.class_title h2 a{ margin-left:15px;font-size:18px; font-style:normal; float:left;  }

.class_title h2 a:link,.class_title h2 a:visited{ text-decoration:none; font-weight:100; color:#444444;}
.class_title h2 a:hover,.class_title h2 a:active { color:#d8000f;text-decoration:none;

}


.class_title span{ float:right; margin:0px 10px 0px 0px;}
.class_title span b{ color:#444444;}

.class_main{ padding-top:17px;}

.class_main_left{ width:232px; height:249px; margin-left:20px;_margin-left:10px; float:left;}
.class_main_center{ width:398px; float:left; margin-left:20px;}
.class_main_center_title{ line-height:35px; color:#d8000f; font-size:14px; font-weight:bold; padding-left:10px;}
.class_main_center_main{ line-height:25px;}
.class_main_right{ width:304px; float:right;}
.show_pic{ float:left; width:129px;}
.show_pic img{ border:solid 1px #d0d0d0;width:100px; height:100px}
.show_pro{ float:left; padding:0px 8px; width:157px;}
.show_pro h2{ line-height:25px;}
.show_pro h2 a{ color:#d8000f;}
.show_pro span{ line-height:20px;}
.class_main_right dl{ clear:both; padding-top:15px; width:100%; color:#444444; padding-right:10px;}
.class_main_right dt{ background:url(../image/cion.gif) no-repeat left -94px; width:70px; height:25px; line-height:25px; text-indent:4px; color:#FFF; float:left;}
.class_main_right dd{ display:inline; width:auto; line-height:25px; padding:0px 3px; }


.slideBox_1{ width:232px; height:190px;  position:relative;   }
.slideBox_1 .hd{ height:20px; overflow:hidden; position:absolute; width:100%; left:0px; text-align:center; bottom:-30px; z-index:1; }
.slideBox_1 .hd ul{  zoom:1; display:inline-block; text-align:center; line-height:0px; font-size:0; padding:0px 8px; *float:left;  }
.slideBox_1 .hd ul li{margin:0px 2px; width:8px; height:8px; line-height:0px; padding:0px; display:inline-block; *float:left;  background:#5c5c5c; cursor:pointer;}

.slideBox_1 .hd ul li.on{ background:#d8000f; }
.slideBox_1 .hd .prev,.slideBox_1 .hd .next{ display:inline-block;  width:9px; height:9px;cursor:pointer; background:url("../image/np_but.gif") no-repeat right top; *float:left;}
.slideBox_1 .hd .next{ background:url("../image/np_but.gif") no-repeat left top; *margin-left:35%; }
.slideBox_1 .bd{ position:relative; height:100%; z-index:0; border:solid 1px #cecece;   }
.slideBox_1 .bd img{ width:200px; height:200px; display:block;  }

.products{ width:1000px; margin:16px auto;}

.picMarquee-left{ width:940px; margin:0px auto; position:relative;  border-bottom:1px solid #ccc;   }
.picMarquee-left .next{ display:block;  width:29px; height:39px;cursor:pointer; background:url("../image/pro_cur.gif") no-repeat left top; position:absolute; left:-30px; top:50px;}
.picMarquee-left .prev{  display:block;  width:29px; height:39px;cursor:pointer;background:url("../image/pro_cur.gif") no-repeat right top;position:absolute; right:-40px; top:50px;  }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; margin:0px auto; }
.picMarquee-left .bd ul li{ margin:0px 8px;width:171px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:169px; height:169px; display:block; border:1px solid #717171; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:26px;border:0;   }
.picMarquee-left .bd ul li .title a{ width:100%; text-align:center; }


.footer{ width:1000px; margin:auto; text-align:center; line-height:25px;}
.footer .zm_pic{ margin:20px 0px;}
.footer .zm_pic a{ padding:15px;}
.g_hover:hover
{
text-decoration:none;
transition-duration: 0.5s;
transition-timing-function: linear;
transform:rotate(360deg);
/* Firefox 4 */
-moz-transition-duration:0.5s;
-moz-transition-timing-function:linear;
-moz-transform:rotate(360deg);
/* Safari ºÍ Chrome */
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function:linear;
-webkit-transform:rotate(360deg);
/* Opera */
-o-transition-duration:0.5s;
-o-transition-timing-function:linear;
-o-transform:rotate(360deg);
}
.g_rotateX:hover{
	/*display:block;
transition-duration: 1s;
transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	
-webkit-transition-duration:1s;
-moz-transform: rotateX(360deg);	
-moz-transition-duration:1s;*/
}
.g_rotate30 img:hover{
	transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	
transform: rotate(10deg);
-ms-transform: rotate(10deg);		/* IE 9 */
-webkit-transform: rotate(10deg);	/* Safari and Chrome */
-o-transform: rotate(10deg);		/* Opera */
-moz-transform: rotate(10deg);		/* Firefox */
	}


.page_right{ float:right; width:707px;}
.page_left{ float:left;width:263px; }


.pages{ text-align:center; float:right; padding-right:10px; clear:both; line-height:25px; height:25px; margin-top:50px;}
.pages a,span.pages_cur{ display:block; padding:0px 10px; height:25px; line-height:25px; float:left; margin:0px 3px; border:solid 1px #CCCCCC;}
.pages a:hover{ background:#f00; color:#FFF;}
span.pages_cur{ background:#d8000f; color:#FFF;}

.all_title{background:url(../image/cion.gif) no-repeat left -320px; font-family:"Ó×Ô²"; color:#d8000f; font-size:14px; line-height:30px; font-weight:bold; text-indent:9px;}
.all_title span{  height:30px;line-height:30px; display:inline-block; color:#999; font-family:"Microsoft YaHei Mono"; font-weight:100; font-size:14px;}
.all_main{ padding:10px 0px;}
.all_main ul{ width:95%; float:left; overflow:hidden;}
.all_main li{ width:100%; float:left;}
.all_main a{ height:30px; line-height:30px; width:95%; display:inline-block; background:url(../image/nav_bg.gif) no-repeat left center; text-indent:13px; border-bottom:dotted 1px #CCCCCC;}
.all_main a:hover{ color:#FFF;
	background:url(../image/nav_bg.gif) repeat-x left center;}

.contactUs_title{ background:url(../image/cion.gif) no-repeat left -281px;}
.contactUs_main{ width:90%; margin:8px auto 20px; line-height:30px; background:url(../image/contact.jpg) no-repeat right bottom;}
/*******news_list********/
ul.new_list{ width:100%; clear:both;}
ul.new_list li{ width:100%;  float:left; height:31px; line-height:31px; border-bottom:dashed 1px #CCCCCC;}
ul.new_list li a{ float:left;text-indent:20px; background:url(../image/cion.gif) no-repeat 8px -162px;}
ul.new_list li a:hover{
	background:url(../image/cion.gif) no-repeat 8px -128px;
	transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	}
ul.new_list li span{ float:right; padding-right:10px; color:#999;}

/****product_list***/
@keyframes product_pic_animation
{
0% {transform: rotate(8deg);}
25%{transform: rotate(-8deg);}
50%{transform: rotate(8deg);}
75%{transform: rotate(-8deg);}
100%{transform: rotate(0deg);}
}
@-moz-keyframes product_pic_animation
{
0%{-moz-transform: rotate(8deg);}
25%{-moz-transform: rotate(-8deg);}
50%{-moz-transform: rotate(8deg);}
75%{-moz-transform: rotate(-8deg);}
100%{-moz-transform: rotate(0deg);}
}

@-webkit-keyframes product_pic_animation
{
0%{-webkit-transform: rotate(8deg);}
25%{-webkit-transform: rotate(-8deg);}
50%{-webkit-transform: rotate(8deg);}
100%{-webkit-transform: rotate(-8deg);}
100%{-webkit-transform: rotate(0deg);}
}

@-o-keyframes product_pic_animation
{
0%{-o-transform: rotate(8deg);}
25%{-o-transform: rotate(-8deg);}
50%{-o-transform: rotate(8deg);}
75%{-o-transform: rotate(-8deg);}
100%{-o-transform: rotate(0deg);}
}


.product_list{}
ul.product_list{ width:223px; float:left;padding-top:10px;}
ul.center_ul{ margin:0px 18px;}
ul.product_list li{ border:solid 1px #CCCCCC; padding:0px; margin:0px; width:221px; overflow:hidden; margin-bottom:25px; text-align:center; padding-top:10px;}
ul.product_list li:hover{
animation:product_pic_animation 0.6s;
-moz-animation:product_pic_animation 0.6s;	/* Firefox */
-webkit-animation:product_pic_animation 0.6s;	/* Safari ºÍ Chrome */
-o-animation:product_pic_animation 0.6s;
}
ul.product_list li img{ max-width:200px; _width:200px; margin:auto;}
ul.product_list li img:hover{	 }

ul.product_list li span{ display:block; clear:both; height:40px; line-height:40px; text-align:center;}

.priduct_class dt{ cursor:pointer;height:30px; line-height:30px; width:95%; display:inline-block; background:url(../image/nav_bg.gif) no-repeat left center; text-indent:13px;border-bottom:dotted 1px #CCCCCC;}
.priduct_class dt a:hover{ color:#FF0000;}
.priduct_class dd{ padding-left:0px; margin-left:12px;}
.priduct_class dd a{ background:url(../image/cion.gif) no-repeat 14px -129px; text-indent:25px;_text-indent:25px; display:block;}
.priduct_class dd a:hover{}
.priduct_class dd.none{ display:none;}

/**content**/
.content h1{ line-height:50px; font-family:"Microsoft YaHei Mono",'Ó×Ô²','ËÎÌå'; font-size:18px; text-align:center; width:90%; margin:auto;}
.content_infor{ text-align:center; width:100%; clear:both; height:40px; line-height:40px;}

.content_description{ width:90%; margin:10px auto; padding:10px; border:dashed 1px #CCCCCC; line-height:24px; text-indent:2em; background:#FFC; clear:both;}

.content_core{ width:99%; clear:both; overflow:hidden; margin:auto; padding-top:30px; line-height:18px;}

.content_util{ width:90%; margin:auto; clear:both; padding:40px 0px 0px; line-height:25px;}
