@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0px;padding:0px;font-family:'Microsoft YaHei',Helvetica,Arial;font-size:12px;}
table{border-collapse:collapse;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;font-size:12px; vertical-align:middle;}
a{ font-family:'Microsoft YaHei',Helvetica,Arial;font-size:12px;outline: none; text-decoration:none;color:#000;}
a:hover{color:#00A9EC;}
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear:both;
visibility: hidden; 
}
.clearfix {display: inline-table;}
/****resetend***/

/*公共样式部分*/
body{background:#f0f0f0; width:101%;}
.container{width:1003px;margin:0 auto;}
/*header part*/
.header{position:relative;width:950px;height:80px;margin:0 auto; background:url("../images/Header_BorderBottom.png") 0 bottom repeat-x;z-index:9999;}
.header .logo{float:left;padding:4px 0 0 0;}
.header .topnav{height:78px;z-index:9998;}
.header .topnav li{float:left;display:inline;margin-left:15px;}
.header .topnav li.contactus{line-height:37px;}
.header .topnav li a{color:#A4A4A4;}
.header .headpic{height:37px;overflow:hidden;}

.header .topLink{height:37px;}
.header .topLink a{float:right;margin-top:15px;margin-right:20px;color:#A4A4A4;font-size:10px;font-weight:bold;text-shadow:1px 1px 1px white;text-transform:uppercase;}
.header .topLink a:hover{color:#333333;}
.header .mainnav{z-index:9998;}
.header .mainnav li{float:left;display:inline;}
.header .mainnav li a{
display: block; 
color: #4D4D4D;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
padding-top:14px !important;
padding-top:18px ; 
position: relative;
margin-right: 25px;
}
.header .mainnav li a:hover,.header .mainnav li a.current{
color: #00ADEF;
} 

/* product nav */
.mainnav .nav_propic{position:absolute;z-index:99999;left:0;top:81px;display:none;width:950px;background-color:#fff;margin:0;}
.mainnav .nav_propic a{float:left;display:inline;padding:0 20px;text-align:center; margin-bottom:15px;text-decoration:none;}
.mainnav .nav_propic a:hover{text-decoration:none;background:none;}
.mainnav .nav_propic a img{width:100px;height:100px;}
.mainnav .nav_propic a span{display:block;margin:6px 0 0;font-family:'Microsoft YaHei',Helvetica,Arial;}
.mainnav .uparr{position:absolute;left:85px;top:-11px;z-index:999999;width:28px;height:12px;}

.mainnav .nav_propic2{position:absolute;z-index:99999;left:0;top:81px;display:none;width:950px;background-color:#fff;margin:0;}
.mainnav .nav_propic2 a{float:left;display:inline;padding:0 20px;text-align:center; margin-bottom:15px;text-decoration:none;}
.mainnav .nav_propic2 a:hover{text-decoration:none;background:none;}
.mainnav .nav_propic2 a img{width:100px;height:100px;}
.mainnav .nav_propic2 a span{display:block;margin:6px 0 0;font-family:'Microsoft YaHei',Helvetica,Arial;}
.mainnav .uparr{position:absolute;left:85px;top:-11px;z-index:999999;width:28px;height:12px;}

.mainnav .nav_propic3{position:absolute;z-index:99999;left:0;top:81px;display:none;width:950px;background-color:#fff;margin:0;}
.mainnav .nav_propic3 a{float:left;display:inline;padding:0 20px;text-align:center; margin-bottom:15px;text-decoration:none;}
.mainnav .nav_propic3 a:hover{text-decoration:none;background:none;}
.mainnav .nav_propic3 a img{width:100px;height:100px;}
.mainnav .nav_propic3 a span{display:block;margin:6px 0 0;font-family:'Microsoft YaHei',Helvetica,Arial;}
.mainnav .uparr{position:absolute;left:85px;top:-11px;z-index:999999;width:28px;height:12px;}

.mainnav .gradient {background:url("../images/topMenuBg.png") left top repeat-x;height:20px; margin-bottom:-20px;}
.mainnav .inner{z-index:99999;background-color:#fff;}
.mainnav .inner1{margin:0 auto;width:950px;z-index:99999;}
/* home pic show */
.picbox{width:940px;margin:20px auto;padding:20px 0;overflow:hidden; z-index:960; position:relative;}

/* home scroll pics */
.picbox .scrollpic2{width:950px;height:459px;margin:0 auto;position:relative;z-index:9;}
.picbox .scrollpic2 .pics2{height:450px;overflow:hidden;}
.picbox .scrollpic2 .number{position:absolute;left:46%;bottom:5%;z-index:99;}
.picbox .scrollpic2 .number a{display:block;float:left;margin:0 3px;font-size:0;background:url("../images/off.png") 0 center no-repeat;width:11px;height:11px;text-decoration: none }
.picbox .scrollpic2 .number a.activeSlide{background:url("../images/on.png") 0 bottom no-repeat;}
.picbox .scrollpic2 .number a:focus{ outline: none; }

/* product scroll pics */
.picbox .scrollpic{width:900px;height:350px;margin:0 auto;background:url("../images/sfoot.jpg") 0 bottom no-repeat;overflow:hidden;position:relative;z-index:9;}
.picbox .scrollpic .pics{border:1px solid #e1e1e1;}
.picbox .scrollpic .number{position:absolute;bottom:15px;right:15px;z-index:99;}
.picbox .scrollpic .number a{ margin: 0 3px; padding: 0 4px; border: 1px solid #ccc; background:#eee;color:#aaa;text-decoration: none }
.picbox .scrollpic .number a.activeSlide{background:#ddd;color:#666;}
.picbox .scrollpic .number a:focus{outline: none; } 

.picbox .toppic{margin:20px auto;}
.picbox .toppic ul{margin:auto;width:898px;}
.picbox .toppic ul li{float:left;display:inline;width:222px;height:144px;position:relative;overflow:hidden;margin:0 1px;}
.picbox .toppic ul li a{display:table-cell;width:222px;height:144px;vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:144px;*line-height:1;}
.picbox .toppic ul li a img{vertical-align:middle;}

/* products */
.products{width:940px;margin:0 auto;padding-bottom:30px;overflow:hidden; }
.products dl{padding:0;clear:both;overflow:hidden;}
.products dl dt{font-size:18px;font-weight:bold;color:#000;padding:35px 0 0 20px;}
.products dl dd{float:left;display:inline;width:285px;height:111px;margin:15px 0 0 18px;background:#ccc;border:1px solid #ccc;overflow:hidden;}

/* product menu */
.pro_detail{width:940px;margin:10px auto;}
.pro_detail .pro_left{width:235px;}
.pro_detail .pro_left ul{width:220px;margin:0 auto;overflow:hidden; }
.pro_detail .pro_left ul li{border-right:1px solid #ccc;border-left:1px solid #d6d6d6;overflow:hidden;}
.pro_detail .pro_left ul li.pro_header{
background:url("../images/promenu1.jpg") 0 bottom repeat-x;height:33px;line-height:30px;overflow:hidden;border:0 none;
padding-left:12px;font-weight:bold;color:#808285;text-shadow: 1px 1px 1px white;
}
 
.pro_detail .pro_left ul li a{ 
	display:block;
	padding-left:30px;/* width:190px;  */
	text-decoration: none; height:37px;line-height:37px;
	background:url("../images/promenu.jpg") 0 bottom repeat-x;border-right:1px solid #fff;
	color: #808285;font-weight: bold;
	text-shadow: 1px 1px 1px white;
}
.pro_detail .pro_left ul li a:hover{
	color:#00ADEF;
	/*background:#fff url(../images/promenu_a.jpg) 0 bottom repeat-x;*/
}
.pro_detail .pro_left ul li a.icurrent{color:#00ADEF;}

.pro_detail .pro_left ul li.title{width:206px;height:30px;line-height:25px;background:url("../images/promenu2.jpg") 0 0 repeat-x;
padding-left:12px;font-weight:bold;color:#808285;text-shadow: 1px 1px 1px white;}
.pro_detail .pro_left ul li.title a{ font-weight:bold;color:#808285; width:auto; height:auto; display:inherit; background:none; border:0px; padding-left:0px; line-height:inherit;}
.pro_detail .pro_left ul li.pro_footer{border:0 none;height:20px;}
.pro_detail .pro_left ul li.pro_footer a{width:220px;background:url("../images/promenu3.jpg") 0 -19px no-repeat;}

.pro_main{width:700px;border:1px solid #e5e5e5;}
.pro_main .pro_box_left{width:60%;}
.pro_main .pro_name{color:#000;font-size:14px;}
.pro_main .pro_name em{display:block;color:#bbb;font-size:10px;padding:5px 0;}
.pro_main .pro_pic{width:540px;height:520px;overflow:hidden;}

.iheight{margin-top:6px;}
.pro_main .pro_list{padding:10px;}
.pro_main .pro_list ul li{float:left;display:inline;margin:0 3px;}

/* color box */
.pro_box_right{position:relative; margin-left:20px; line-height:25px;}
.pro_box_right p,.pro_box_right span,.pro_box_right h1{ font-size:12px; font-weight:bold; }
.pro_color{width:180px;margin:0 auto;padding-top:100px;line-height:30px;color:#888;}
.pro_color ul{}
.pro_color ul li{float:left;display:inline;margin-right:8px;}

.pro_box_right .pro_share{position:absolute;left:0;top:90%;}

/* Tab item */
.pro_main .pro_tab .tab_on{border-bottom:1px solid #fff; background:#fff;color:#01acf1}
.pro_main .pro_tab .tab_off{border-bottom:1px solid #e5e5e5; background:#eee;}

.pro_des_box{margin-top:45px;position:relative;z-index:1;background:#fff;}
.pro_main .pro_tab{
	position:absolute;z-index:99;left:0;top:-32px;	
	background:#eee;	
}
.pro_main .pro_tab ul{width:488px;height:30px;}
.pro_main .pro_tab ul li{
	float:left;display:inline;width:120px;height:30px;line-height:30px;overflow:hidden;
	font-size:14px;font-weight:bold;color:#bebec0;
	border-right:1px solid #dfdfdf;
	text-align:center;
	border-top:1px solid #dfdfdf; 
}
.pro_main .pro_tab li.first{}
.pro_main .pro_tab li.last{border-right:0 none;}

.pro_main .pro_tab li.first p,.first_on p{width:11px;height:32px;background:url("../images/tab_on.jpg") 0 0 no-repeat;position:absolute;top:0;left:-1px;z-index:999;overflow:hidden;}
.pro_main .pro_tab li.last p,.last_on p{width:11px;height:32px;background:url("../images/tab_on.jpg") -11px 0 no-repeat;position:absolute;top:0;right:0;z-index:999;overflow:hidden;}
.pro_main .pro_tab li.first_off p{background:url("../images/tab_off.jpg") 0 0 no-repeat;}
.pro_main .pro_tab li.last_off p{background:url("../images/tab_off.jpg") -11px 0 no-repeat;}


.pro_main .pro_description{padding:20px;word-wrap:break-word;overflow:hidden;}
.pro_main .pro_description .compat{}
.pro_main .pro_description .compat li{width:100px;float:left;display:inline-block;margin-right:3px;color:#666;}
.pro_main .pro_description .compat li img{display:block;margin-bottom:5px;}

/* about */
.about_left{width:190px;margin:0 auto;border:1px solid #ddd;padding:0 15px 15px 15px; position:relative; line-height:20px; margin-top:10px;}
.about_left p.a_title{font-size:14px;font-weight:bold;color: #4F4F4F;margin: 1.3em 0 0.5em 0;}
.about_left p a{color: #00ADEF;text-decoration: none;}
.about_main{padding:20px;text-align:left;word-wrap:break-word;overflow:hidden;min-height:300px;}
.about_main p{line-height: 1.4em;margin-bottom:6px;}
.about_left .about_top{position:absolute;top:-1px;left:-1px;z-index:99;background:#f0f0f0 url("../images/about.jpg") 0 0 no-repeat;width:222px;height:12px;overflow:hidden;}

/* support */
.about_left ol.support{background:none;}
.about_left ol.support li{
background: url("../images/CategoryList_BG.png") no-repeat bottom;
font-size: 12px;
padding: 6px 0 8px 30px;
}
.support_main{padding:20px;min-height:300px; background-color:#fff; min-height:500px; overflow:hidden;}
.support_main ul{margin-left:20px;}
.support_main ul li{list-style:disc;padding-left:2px; line-height:25px;color:#BEE3F1}
.support_main ul li a{color:#666;}
.support_main .page{padding:5px 0;text-align:center;}

.support_main .newList li{position:relative; padding-left:70px; list-style:none;color:#333;}
.support_main .newList li .newTime{position:absolute; left:0; top:-2px;}
.support_main .newList li a{color:#00adef; font-weight:bold;}
.support_main .newList li p{ line-height:20px;}

/*.support li a.icurrent{color:#00ADEF;}*/

.detail_title{font-size:16px;font-weight:bold;text-align:center;margin-bottom:20px;}
.detail_box{text-align:left;line-height:1.5;word-wrap:break-word;overflow:hidden;min-height:300px;}
 
/* foot */
.footer{background:url("../images/footer_bg.gif") 0 0 repeat-x;width:100%;min-height:150px;_height:160px;}
.footer_box{width:942px;margin:0 auto;padding:20px 0 0 0;overflow:hidden;}
.footer_box ul{width:130px;float:left;display:inline;border-left:1px solid #ccc;margin:0;padding:0;}
.footer_box ul.ilast{width:80px;border-left:0 none;}
.footer_box ul li{display:block;padding:2px 0 0 10px;_padding:2px 0 0;}
.footer_box ul li.ititle{
font-family:Arial, 'MyriadPro-Regular', sans-serif;
FONT-SIZE: 9pt;
COLOR: #00ADEF;
font-weight: bold;
height:20px;
}
.footer_box ul li a{
font-family:Arial, 'MyriadPro-Regular', sans-serif;
FONT-SIZE: 12px;
COLOR: #a0a0a0;
font-weight: normal;
text-decoration: none;
}

.footer_box ul li a:hover {  
COLOR: #00ADEF;
font-weight: normal;
}

/* CSS Sprite - SNS icons */
.sns_icons {
	display: inline-block;
	background: url("../images/sns_icons.png");
}
.facebook_icon {
	background-position: 0px 0px;
	width: 26px;
	height: 26px;
}
.facebook_icon:hover {
	background-position: -0px -0px;
}
.twitter_icon {
	background-position: -30px 0px;
	width: 26px;
	height: 26px;
}
.twitter_icon:hover {
	background-position: -30px -0px;
}
.youtube_icon {
	background-position: -60px 0px;
	width: 26px;
	height: 26px;
}
.youtube_icon:hover {
	background-position: -60px -0px;
}
.pinterest_icon {
	background-position: -90px 0px;
	width: 26px;
	height: 26px;
}
.pinterest_icon:hover {
	background-position: -90px -0px;
}
.instagram_icon {
	background-position: -120px 0px;
	width: 26px;
	height: 26px;
}
.instagram_icon:hover {
	background-position: -120px -0px;
}
.iluvblog_icon {
	background-position: -150px -30px;
	width: 26px;
	height: 26px;
}
.iluvblog_icon:hover {
	background-position: -150px -0px;
}
.copyright{color:#a0a0a0;}

.indexCol{float:left;width:300px;margin-right:10px;}
.indexCol .indexA{display:block; width:287px; height:240px; border:2px solid #dcdcdc;}
.indexCol .indexA:hover{border:2px solid #c2c2c2; background-color:#ededed;}
.indexCol .indexA img{width:287px; height:240px;}
.indexColHeight20{height:20px;}
.indexColHeight10{height:10px;}
.indexCol03{color:#333; line-height:18px;}
.indexCol03 h3{font-size:16px;font-weight:bold;margin-bottom:5px;}
.indexCol03 .more{color:#CC3300;}
.indexCol03 .more:hover{color:#990000;}

.indexCol04{float:left;}

/* support */
.d-support ul {margin:10px 0;overflow: hidden;padding: 0;}
.d-support ul li {float:left;list-style: none outside none;margin: 0 10px; height:290px;}
.d-support ul li.first {margin: 0 10px;}
.d-support ul li.last {margin: 0 10px;;}
.d-support ul li a {background:url("../images/support_bg.png") no-repeat scroll 0 0 transparent;color: #F8F8F8;display: block;font-size: 16px;font-weight: bold;padding: 26px 24px;text-decoration: none;}
.d-support ul li a:hover {background:url("../images/support_hover_bg.png") no-repeat scroll 0 0 transparent;}
.d-support ul li a span {display: block;height: 220px;line-height: 18px;width: 246px;}
.d-support ul li a span.d-support-technical {background: url("../images/support_technical_bg.png") no-repeat scroll right bottom transparent;}
.d-support ul li a span.d-support-customer {background: url("../images/support_customer_bg.png") no-repeat scroll right bottom transparent;}
.d-support ul li a span.d-support-faq {background: url("../images/support_faq_bg.png") no-repeat scroll right bottom transparent;}
.d-support ul li a span.d-support-manual {background: url("../images/support_manual_bg.png") no-repeat scroll right bottom transparent;}
.d-support ul li a span.d-support-warranty {background: url("../images/support_warranty_bg.png") no-repeat scroll right bottom transparent;}
.d-support ul li a span.d-support-return {background: url("../images/support_return_exchange_bg.png") no-repeat scroll right bottom transparent;}


/*index 20141128*/
.width1200{width:1200px;}
.pd20{padding:40px 0;}
.mgAuto{margin:0 auto;}
.modelTitle{ margin-bottom:40px;background:url("../indexImages/Header_BorderBottom.png") center center repeat-x; text-align:center;}
.modelTitleText{font-size:24px; color:#555; padding:10px 30px; text-align:center; background-color:#f0f0f0; /*text-transform:uppercase;*/}
.index01{position:relative; min-width:1200px;}

.index02{min-width:1200px;}
.index02 .index02List{}
.index02 .area{float:left; margin:5px;position:relative;}
.index02 .area .index02Title{ display:none;position:absolute; top:15px; left:20px; font-size:22px; font-weight:bold; color:#fff;}
.index02 .area .index02Mast{display:none;width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.index02 .area .index02Mast .index02MastTitle{font-size:32px; font-weight:bold; color:#fff;text-align:center; margin-bottom:20px; margin-top:100px;}
.index02 .area .index02Mast .index02MastInfo{ padding:0 60px;font-size:14px; line-height:22px; color:#fff; text-align:center;}
.index02 .area00{width:450px; height:300px;}
.index02 .area00 img{width:450px; height:300px;}
.index02 .area01{width:300px; height:300px;}
.index02 .area01 img{width:300px; height:300px;}
.index02 .area02{width:420px; height:460px; float:right;}
.index02 .area02 img{width:420px; height:460px;}
.index02 .area .index02Mast02 .index02MastTitle{margin-bottom:20px; margin-top:180px;}
.index02 .area03{width:450px; height:300px;}
.index02 .area03 img{width:450px; height:300px;}
.index02 .area04{width:300px; height:150px;}
.index02 .area04 img{width:300px; height:150px;}
.index02 .area05{width:730px; height:140px;}
.index02 .area05 img{width:730px; height:140px;}
.index02 .index02List li{ position:relative;float:left;width:290px; height:290px; margin:5px;box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.1);}
.index02 .index02List li .index02TitleOuter{display:block;width:290px; height:60px; line-height:60px;position:absolute; left:0; top:3px;text-align:center;}
.index02 .index02List li .index02TitleOuter .index02Title{font-size:18px; color:#333; padding:18px 14px; border-top:4px solid #fff;margin:0 auto;}
.index02 .index02List li a{float:left;}
.index02 .index02List li a img{width:290px; height:290px;}

.index03{margin-top:40px; height:500px;background-repeat:no-repeat;background-attachment:fixed;background-color:#FEFEFE;min-width:1200px;}
@media screen and (max-width > 768px){	
.index03{ position:40% 20%;}
}
.index04{min-width:1200px;}
.index04List{}
.index04List li{float:left; margin:20px 10px; width:380px;}
.index04List li span{display:table-row;text-align:center;}
.index04List li .index04ImgOuter{ display:block;width:80px; height:80px; position:relative;margin:0 auto;}
.index04List li .index04Img{width:80px; height:80px;position:absolute; left:0; top:0;}
.index04List li .index04Title{color:#00ADEF;font-size:18px; height:40px; line-height:40px;}
.index04List li .index04Info{font-size:14px;color:#666; line-height:20px; height:85px;text-align:left; font-weight:normal;}

.index05{min-width:1200px;}
.index05List{}
.index05List li{float:left; margin:0 4px; width:290px; height:430px; overflow:hidden;position:relative;}
.index05List li .bPic{width:290px; height:430px; padding:0; margin:0;}
.index05List li .index05BigText{position:absolute;bottom:0;width:290px;height:80px;line-height:80px;color:#FFF;font-size:21px;z-index:19; text-align:center;}
.index05List li .index05BigText .index05BigLine{padding:24px 15px;border-bottom:3px solid #00ADEF; margin:0 auto;}
.index05List li .index05SmallText{position:absolute;bottom:-190px;padding:30px 10px;width:270px; height:130px; line-height:20px;color:#fff; font-size:14px; text-align:center;z-index:19;}

.index05List li .index05Bg{width:290px;height:0px;position:absolute;bottom:0;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; background-color:#00AEF0; z-index:9;}

.index06{margin:80px 0 20px 0; height:500px;background-repeat:no-repeat;background-attachment:fixed;background-color:#FEFEFE;min-width:1200px;}
@media screen and (max-width < 768px){	
.index06{background-position:50% 0;}
}
.index06Inner{padding:40px 25px;width:350px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-moz-border-radius: 10px;/* Gecko browsers */-webkit-border-radius: 10px;/* Webkit browsers */border-radius:10px;/* W3C syntax */}
.index06Inner .index06Title{font-size:26px; color:#fff; margin-bottom:20px; font-weight:bold;}
.index06Inner .index06Info{font-size:14px; color:#fff; line-height:20px;}
.index06Inner .index06Link{margin-top:20px;}
.index06Inner .index06Link a{font-size:13px; font-weight:bold; color:#00ADEF;}
.index06Inner .index06Link a:hover{ text-decoration:underline;}

.index07{min-width:1200px;}
.index07 .index07Title{font-size:17px;color:#00ADEF; padding-bottom:10px; display:block;}
.index07 .index07More a{float:right; margin:8px 10px 0 0;font-size:12px; color:#00ADEF;}
.index07 .index07More a:hover{text-decoration:underline;}
.index07 .aboutLeft{float:left; width:620px; overflow:hidden;}
.index07 .aboutLeft .aboutText{font-size:13px;line-height:22px;color:#666;word-wrap: break-word;word-break: normal; }
.index07 .aboutLeft .aboutImage{width:640px; height:160px; margin-top:10px;}

.index07 .aboutRight{float:left; width:540px; margin-left:35px;}
.index07 .aboutRight li{height:128px; overflow:hidden;}
.index07 .aboutRight li a{color:#666;}
.index07 .aboutRight li .aboutImage{width:200px; height:90px; float:left;}
.index07 .aboutRight li .aboutInfo{float:left;width:310px;margin-left:15px;line-height:24px; font-size:12px;}

.scrollToOuter{position:fixed; top:30%; right:20px;width:14px; z-index:9999; display:none;}
.scrollToOuter .scrollA{position:relative;display:block; width:14px; height:14px; margin-bottom:8px; background-image:url("../indexImages/button.png"); background-position:0 0;}
.scrollToOuter .scrollA:hover{background-position:-14px 0;}
.scrollToOuter .select{background-position:-14px 0;}

#footer {
	min-width:1200px;
    padding: 50px 0 0;
    width: 100%;
}
#footer .block20 {
    float: left;
    width: 20%;
}
#footer .block20 > div {
    float: left;
    margin: 0 0 30px;
    padding: 0 0 0 15%;
    width: 85%;
}
#footer .block20 > div:last-of-type {
    margin: 0;
}
#footer .block60 {
    float: left;
    width: 60%;
}
#footer .block60 > div {
    float: left;
    margin: 0 0.3% 0 0;
    padding: 0 0 0 5%;
    width: 28%;
}
#footer .block100 {
    float: left;
    margin: 40px 0 0;
    text-align: center;
    width: 100%;
}
#footer .top {
    background:url("../indexImages/bgFooter.png") no-repeat scroll center center / 2500px 80px rgba(0, 0, 0, 0);
    float: left;
    height: 80px;
    width: 100%;
}
#footer .bottom {
    background: none repeat scroll 0 0 #00ADEF;
    float: left;
    padding: 20px 0 40px;
    width: 100%;
}
#footer .bottom a {
    clear: both;
    float: left;
}
#footer .bottom .title {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}
#footer .bottom .title a {
    color: #fff;
    font-family:'Microsoft YaHei',Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
}
#footer .bottom .links {
    float: left;
    width: 100%;
}
#footer .bottom .links a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    color: #b7d8ee;
    font-size:13px;
    margin: 0 0 8px;
    text-decoration: none;
    transition: all 0.1s ease-in-out 0s;
}
#footer .bottom .links a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    color: #fff;
}
.footerSocial {
    display: inline-block;
    width: 200px;
}
.footerSocial .title {
    color: #fff;
    font-family: 'Microsoft YaHei',Arial,sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 0 0 12px;
    text-transform: uppercase;
}
.footerSocial .buttons {
    float: left;
    height: 32px;
    width: 100%;
}
.footerSocial a, #footer .footerSocial a {
    clear: none;
    display: inline-block;
    float: left;
    height: 28px;
    margin: 4px 6px 0;
    width: 28px;
}
.footerSocial a:hover, #footer .footerSocial a:hover {
    margin: 0 6px 4px;
}
.footerSocial a.facebook {
    background:url("../indexImages/spriteSocialHD.png") no-repeat scroll 0 0 / 28px 140px rgba(0, 0, 0, 0);
}
.footerSocial a.twitter {
    background:url("../indexImages/spriteSocialHD.png") no-repeat scroll 0 -28px / 28px 140px rgba(0, 0, 0, 0);
}
.footerSocial a.youtube {
    background:url("../indexImages/spriteSocialHD.png") no-repeat scroll 0 -56px / 28px 140px rgba(0, 0, 0, 0);
}
.footerSocial a.pinterest {
    background:url("../indexImages/spriteSocialHD.png") no-repeat scroll 0 -84px / 28px 140px rgba(0, 0, 0, 0);
}

.footerSocial a.google {
    background:url("../indexImages/spriteSocialHD.png") no-repeat scroll 0 -112px / 28px 140px rgba(0, 0, 0, 0);
}

.footerLocation {
    float: left;
    width: 100%;
}
.footerLocation .title {
    color: #fff;
    font-family:'Microsoft YaHei',Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
}
.footerLocation .line {
    color: #b7d8ee;
    float: left;
    font-size:12px;
    margin: 0 0 8px;
    text-decoration: none;
    width: 100%;
}
.footerLocation .line.bold {
    font-weight: bold;
}
.footerLocation .line.phone {
    margin: 12px 0;
}
.footerLocation .line.link {
    margin: 12px 0;
}
.footerLocation .line.link a {
    color: #b7d8ee;
    text-decoration: none;
}
.footerLocation .line.link a:hover {
    color: #fff;
}
.slogan {
    background: none repeat scroll 0 0 #00ADEF;
    float: left;
    width: 100%;
}
.slogan .grid {
    border-top: 1px solid #55cdfa;
    height:80px;
    text-align: center;
}
.slogan span {
    color: #edefef;
    display: inline-block;
    font-family: "futura-pt",'Microsoft YaHei',Arial,sans-serif;
    font-size: 2.4em;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height:80px;
    text-transform: uppercase;
}
.disclaimer {
    background: none repeat scroll 0 0 #27333b;
    float: left;
    height: 40px;
    width: 100%;
}
.disclaimer .grid {
    text-align: center;
}
.disclaimer span {
    color: #6e7d87;
    display: inline-block;
    font-size: 1.1em;
    height: 40px;
    line-height: 40px;
}

.portalBlock {
    width: 100%;
}
.portalBlock:nth-child(2n+2) {
    margin: 0 0 2%;
}
.portalBlock .title {
    background: url("../img/bgTitle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 2%;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.portalBlock .title h2 {
    background: none repeat scroll 0 0 #eeefef;
    display: inline-block;
    font-family: "futura-pt",'Microsoft YaHei',Arial,sans-serif;
    font-size: 2.4em;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding: 0 15px;
    text-transform: uppercase;
}
.portalBlock .links {
    float: left;
    width: 100%;
}
.portalBlock a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    border-bottom: 1px solid #dee1e1;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    padding: 12px 0 12px 2%;
	margin:3px 2%;
    text-decoration: none;
    width:100%;
}
.portalBlock a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.portalBlock a.newsItem {
    padding: 20px 0;
    width: 100%;
}
.portalBlock a.newsItem .placehold {
    border-left: 4px solid rgba(14, 125, 199, 0);
    float: left;
    min-height: 60px;
    padding: 0 0 0 3%;
    width: 95%;
}
.portalBlock a.newsItem:hover .placehold {
    border-left: 4px solid rgba(14, 125, 199, 1);
}
.portalBlock a.newsItem .date {
    clear: both;
    color: #656d73;
    float: left;
    font-family: "futura-pt",'Microsoft YaHei',Arial,sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.3em;
    margin: 1% 0;
    text-transform: uppercase;
    width: 100%;
}
.portalBlock a.newsItem .name {
    clear: both;
    color: #0e7dc7;
    float: left;
    font-size: 1.3em;
    line-height: 1.3em;
    width: 100%;
}
.portalBlock a.agendaItem .date {
    background: none repeat scroll 0 0 #00ADEF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    float: left;
    font-family:'Microsoft YaHei',Arial,sans-serif;
    font-weight: 500;
    height: 60px;
    position: relative;
    text-align: center;
    width: 10%;
}
.portalBlock a.agendaItem .date .day {
    float: left;
    font-size:26px;
    height: 40%;
    line-height:32px;
    width: 100%;
}
.portalBlock a.agendaItem .date .month {
    float: left;
    font-size:16px;
    height: 40%;
    line-height:26px;
    text-transform: uppercase;
    width: 100%;
}
.portalBlock a.agendaItem .date .year {
    float: left;
    font-size:8px;
    height:20%;
    line-height:12px;
    text-transform: uppercase;
    width: 100%;
}
.portalBlock a.agendaItem .placehold {
    float: left;
    margin: 0 0 0 3%;
    width: 87%;
}
.portalBlock a.agendaItem .name {
    color: #00ADEF;
    float: left;
    font-size:16px;
    line-height: 1.3em;
    margin: 2% 0 1%;
    width: 100%;
}
.portalBlock a.agendaItem .teaser {
    color: #656d73;
    float: left;
    font-size:12px;
    line-height: 1.3em;
    width:92%;
	overflow:hidden;
}


.pro_detail .prolist a{float:left;display:inline;padding:0 8px;text-align:center; margin-bottom:15px;text-decoration:none;}
.pro_detail .prolist a:hover{text-decoration:none;background:none;}
.pro_detail .prolist a img{width:200px;height:150px;}
.pro_detail .prolist a span{display:block;margin:6px 0 0;font-family:'Microsoft YaHei',Helvetica,Arial;}


.mtlist {
    margin-top: 20px;
}
.mtlist li {
    border-bottom: 1px solid #cbcaca;
    margin-top: 15px;
    overflow: hidden;
    padding-bottom: 10px;
	line-height:20px;
}
.support_main ul.mtlist li{ line-height:20px; }
.mtlist li img {
    float: left;
    height: 111px;
    width: 171px;
}
.mtlist li div.mtinfo {
    float: left;
    margin-left: 20px;
    width: 445px;
	color:#707070;
}
.mtlist li div.mtinfo h1 {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0;
}
.mtlist li div.mtinfo h1 a {
    color: #000;
	font-size:14px;
}
.mtlist li div.mtinfo h1 a:hover {
    color: #e60012;
}
.mtlist li div.mtinfo p{ color:#707070; }
.mtlist li div.mtinfo p.b {
    margin-top: 5px;
    padding-left: 0;
}
.mtlist li div.mtinfo p.b span {
    background: rgba(0, 0, 0, 0) url("../images/ico_02.jpg") no-repeat scroll left center;
    display: block;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
}
.mtlist li div.mtinfo p.b span a {
    color: #e40101;
}