@charset "utf-8";
/*CSS Document */
/*Smiss WebSite CSS Version 1.0*/
/*Power by:SEAWE, Designer:John*/
/*BASE CSS*/
body,div,table,tr,td,ul,li,dl,dt,dd,span,a,input,textarea,img{ margin:0 auto; text-decoration:none;font-family:"微软雅黑","Arial","Verdana","sans-serif";  font-size:16px; color:#444;}
ul,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
a{ text-decoration:none;}
a:hover{ color:#d2332f;}
.top-nav{ height:90px;}
.header{ height:48px; background:#444; position:relative; z-index:998;}
.top-nav-box,.header-box{width:1100px;}
.header-box{ position:relative;}
.top-nav-box{ text-align:right; height:90px;}
.top-search-box{ margin-top:5px; width:170px; height:20px; background:url(../images/search_bg.jpg) right center no-repeat; float:right; display:inline;}
.top-search-box input.keywords{ margin-top:2px; margin-right:2px; width:125px; height:16px; font-size:11px; color:#b3b3b3; float:right; background:none; border:none; display:inline;}
.top-search-box input.btn{margin:0px; padding:0; width:30px; height:20px; text-indent:-5000px; background:none; border:none; float:right; display:inline-block;}
.logo{ margin-top:22px; width:176px; height:50px; float:left; display:inline;}
.logo img{ margin-left:13px; border:none; float:left; display:inline;}
.logo img.clearl{ margin-left:0;}

.top-right-box{ margin-top:32px; margin-right:30px; width:230px; float:right;}
.languageBox{ width:121px; float:left;}
.lBox{ width:121px; height:23px; line-height:22px; cursor:pointer; text-align:left; background:url(../images/l_bg.png) left center no-repeat; position:relative; z-index:1000;}
.lBox span{ padding-left:13px; font-size:12px;}
.lBox ul{ top:19px; left:0; padding:5px 0; width:92px; border:#d1d1d1 1px solid; background-color:#fff; border-top:none; position:absolute; z-index:1001; display:none;}
.lBox ul li{ height:22px; line-height:22px;}
.lBox ul li a{ color:#444; font-size:12px; font-family:"Arial","Verdana","sans-serif","宋体";}
.lBox ul li a.l-icon{ padding-left:35px; background:url(../images/language_icon.png) no-repeat; display:block;}
.lBox ul li a.en-icon{ background-position:0 -23px;}
.lBox ul li a:hover{ color:#d2332f;}

.share-box{ width:108px; height:26px; float:right;}
.share-box a.icon{ margin:0 0 0 10px; width:26px; height:26px; line-height:26px; background-image:url(../images/share_icon.png); background-repeat:no-repeat; display:inline-block; text-indent:35px; overflow:hidden; float:right;
 -webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;
}
.share-box a.weixin-icon{ background-position:0 0;}
.share-box a.sina-icon{ background-position:0 -26px;}
.share-box a.line-icon{ background-position:0 -52px;}
.share-box a:hover{ -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}

.nav{ height:48px; list-style:none;}
.nav li{ text-align:center; width:118px; height:48px; line-height:48px; background:url(../images/nav_li_bg.jpg) left top no-repeat; float:left; position:relative;}
.nav li a{ color:#333333; font-size:19px; display:block; }
.nav li a.li-here ,.nav li a:hover{ background:#F9F9F9; color:#990000;}

.nav li.home a{ background:url(../images/nav_li_down_bg.png) 18px 20px no-repeat;}
.nav li.home a:hover{ background:url(../images/nav_li_up_bg.png) 18px 20px no-repeat #333;}


ul.nav1{list-style:none;font-size:16px;font-weight:bold;font-family:Tahoma;Times New Roman;微软雅黑;Impact;}
ul.nav1 li{ padding:0px 10px; float:left;color:#000000; }
ul.nav1 li.last{ padding-right:0;}
ul.nav1 li a{height:45px;line-height:45px;display:block; padding:0 15px;}
ul.nav1 li a:link,ul.nav li a:visited{color:#001111;}
ul.nav1 li a:hover,ul.nav li a:active{border-bottom:1px solid #99FFFF;color:#ff0000;border-top:0px solid #F3F3F3;color:#ff0000;border-left:0px solid #F8F8F8;color:#ff0000;border-right:0px solid #C8F8F8;color:#ff0000;}
ul.nav1 li.current a{border-bottom:3px solid #C08000;color:#000000;}

ul.nav2{list-style:none;font-size:24px;font-weight:bold;font-family:微软雅黑;Tahoma;Times New Roman;Impact;}
ul.nav2 li{ padding:0px 70px; float:left;color:#000000; }
ul.nav2 li.last{ padding-right:0;}
ul.nav2 li a{height:45px;line-height:45px;display:block; padding:0 15px;}
ul.nav2 li a:link,ul.nav li a:visited{color:#111111;}
ul.nav2 li a:hover,ul.nav li a:active{border-bottom:1px solid #F0F0F0;color:#ff0000;border-top:0px solid #F3F3F3;color:#ff0000;border-left:0px solid #F8F8F8;color:#ff0000;border-right:0px solid #C8F8F8;color:#ff0000;}
ul.nav2 li.current a{border-bottom:3px solid #C08000;color:#000000;}

ul.nav3{list-style:none;font-size:16px;font-family:微软雅黑;Tahoma;Times New Roman;微软雅黑;Impact;}
ul.nav3 li{ padding:0px 70px; float:left;color:#cccccc; }
ul.nav3 li.last{ padding-right:0;}
ul.nav3 li a{height:45px;line-height:45px;display:block; padding:0 15px;}
ul.nav3 li a:link,ul.nav li a:visited{color:#333333;}
ul.nav3 li a:hover,ul.nav li a:active{border-bottom:1px solid #F0F0F0;border-top:1px solid #F0F0F0;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0;}
ul.nav3 li.current a{border-bottom:3px solid #F5F5F5;color:#cccccc;}

.sub-box{ width:100%; position:absolute;left:0;top:48px; overflow:hidden; background-color:#e9e9e9; z-index:999;}
.box{ margin:0 auto; width:1006px;background:#e9e9e9;overflow:hidden; height:0px; filter:alpha(opacity=0);opacity:0; position: relative;}
.cont{ bottom:0px; padding:0; *padding-bottom:15px; *width:1100px; position: absolute; overflow:hidden;  background-color:#e9e9e9; display:none;}
.cont img{ border:none;}
.sub-col{ width:168px;  margin:15px 0; border-right:#e3e3e3 1px solid; float:left; display:inline;}
.news-col{ width:360px;}
.sub-col ul{ padding:5px 0 5px 40px;}
.sub-col ul li{ line-height:34px;}
.sub-col ul li a{ font-size:14px; color:#444;}
.sub-support-col ul li{ line-height:26px;}
.sub-col .title{ line-height:34px;}
.sub-col .title a{ font-size:18px; font-weight:normal; color:#d2332f;}
.sub-col .sub-title a{ font-size:14px; font-weight:normal; color:#d2332f;}
.sub-col .small-title { line-height:30px;}
.sub-col .small-title a{ font-size:14px; font-weight:normal; color:#d2332f;}
.sub-col .sub-news-title{ line-height:34px;}
.sub-col .sub-news-title a{ font-size:14px; font-weight:normal;}
.sub-col ul li a:hover{ color:#d2332f; text-decoration:underline;}
.sub-img{ margin-left:50px; width:360px; border-right:none;}
.sub-pro-col{ margin-left:25px; width:160px; border-right:none;}
.sub-img img{ border:none;}
.sub-pro-col img{ width:160px;}
.sub-img p,.sub-pro-col p{ margin:0; padding:0; line-height:20px; font-size:12px;}
a:focus{ outline:0;}
.search-box{ margin-top:10px; margin-right:30px; width:168px; height:28px; background:url(../images/search_bg.png) left center no-repeat; float:right; display:inline;}
.search-box input.keywords{ margin:0px 2px; width:125px; height:24px; font-size:12px; color:#b3b3b3; float:left; background:none; border:none; display:inline;}
.search-box input.btn{margin:0px; padding:0; width:30px; height:26px; text-indent:-5000px; filter:alpha(opacity=0);opacity:0; background:none; border:none; float:right; display:inline-block; cursor:pointer;}
/*Banner*/
.banner img{ border:none;}

.line30{ height:30px;}
.w1{ margin-top:30px; margin-left:92px; margin-right:74px; width:1px; height:360px; background-color:#000; float:left;}

.clear{ clear:both;}
.footerLayer{ background-color:#eee; clear:both;}
.footer{ width:1100px; padding-top:30px; color:#fff; padding-bottom:20px; overflow:hidden;}
.linkCol{ margin-left:20px; width:130px; height:205px; float:left; display:inline; position:relative;}
.linkImg{ margin-left:0px; width:330px; float:right;}
.linkCol ul{ list-style:none;}
.linkCol ul li{ line-height:30px;}
.linkCol ul li.title{ height:30px; line-height:30px; font-size:18px; color:#d2332f;}
.linkCol ul li.erweima{ padding-top:13px;}
.linkCol ul li a{ font-size:14px; color:#666;}
.linkCol ul li a:hover{ color:#f00; text-decoration:underline;}
.linkImg ul{ margin-left:25px; padding-left:28px; height:200px; border-left:#d6d6d6 1px solid;}

.bottomLayer{background:#777; border-top:#fff 1px solid;}
.bottom{ width:1100px; line-height:38px; color:#bbb; overflow:hidden;}
.bottom span{ margin-right:15px; color:#bbb; float:right; display:inline;}
.bottom a{ margin:0 5px; color:#bbb;}
.bottom a:hover{ color:#fff; text-decoration:underline;}



	#box{
				width: 1100px;
				height: 320px;
				overflow: hidden;
				box-shadow: 0 0 0 30px transparent;
			}
			#img{
				position:relative;
				float: left;
				height: 320px;
				width: 160px;
				-webkit-transition: all 0.3s ease-in-out;
    			-moz-transition: all 0.3s ease-in-out;
    			-o-transition: all 0.3s ease-in-out;
    			-ms-transition: all 0.3s ease-in-out;
    			transition: all 0.3s ease-in-out;
				border:1px solid white;
			}
			#box #img span
			{
				height: 80px;
				width:160px;
				font-size:19px ;
				color: white;
				background:black;
				opacity: 0.5;
				line-height: 80px;
				text-align: left;
				position:absolute;
				left:0px;
				top: 260px;
				overflow: hidden;
				transition-duration:0.5s;
			}
			#box:hover #img{
				width: 40px;
			}
			#box #img:hover{
				width: 640px;
			}
			#box #img:hover span{
				width:640px;
				transition-duration:0.5s;
			}