@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,select{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-spacing:0}
input{font-family:Microsoft Yahei,Arial;}
html,body{ width:100%;height:100%; position:relative;}
body{font:12px "Microsoft Yahei",Simsun,Arial;min-width:1200px;color:#333;}
a{text-decoration:none;outline:none;color:#333;}
a:active{noOutline:expression(this.onFocus=this.blur());}
a:focus{outline:0;}
a:hover{color:#0098d7;}
li{list-style:none;}img{border:0;}em,i{font-style:normal;}
/* 清除浮动 */
.clear{clear:both;}.cl{clear:left;}.cr{clear:right;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;} 
/* 文本 */
.ac{text-align:center;}.ar{text-align:right;}.al{text-align:left;}
.fs-10{font-size:10px;}.fs-12{font-size:12px;}.fs-14{font-size:14px;}.fs-16{font-size:16px;}.fs-18{font-size:18px;}.fs-20{font-size:20px;}.fs-30{font-size:30px;}
.font-s{font-family:"宋体";}.font-wr{font-family:"微软雅黑";}.font-en{font-family:Arial, Helvetica, sans-serif;}
.font-wen{font-weight:normal;}.b{ font-weight:bold},.no-b{ font-style:normal}
.c-blue{color:#044fa0;}.c-gray{color:#999;}.c-dgray{color:#262f36;}.c-red{color:#e61e42;}.c-org{color:#e77817;}.c-green{color:#567802;}
.lh16{ line-height:160%}.lh18{ line-height:180%}.lh20{ line-height:200%}.lh22{ line-height:220%}.lh24{ line-height:240%}.lh26{ line-height:260%}
/* 布局 */
.ma{margin:0 auto;}.sw{margin:auto 8px;}
.pr{position:relative;}.pa{position:absolute;}
.fl{float:left;}.fr{float:right;}
.mt-5{margin-top:5px;}.mt-10{margin-top:10px;}.mt-15{margin-top:15px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-50{margin-top:50px;}
.mr-5{margin-right:5px;}.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}.ml-60{margin-left:60px;}
.mb-10{margin-bottom:10px;}
.pb-20{padding-bottom:20px;}
.hidden{overflow:hidden;}

/* public */
.wrap{width:1010px;}
.wrap1{width:1200px;}
.wrap2{width:1000px;}
.bg-gray{background-color:#f7f7f7;}

.hn_list dd,.adt_itme dt a,.select_pro li,.nav li p,.int_pic img,.float_menu_c,.footer a,.float_menu_c a{/*ie*/-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;}/*动画*/
.footer a:hover{filter:alpha(opacity=50);/*IE滤镜*/ -moz-opacity:.5; /*Firefox*/ opacity:.5;/*其它*/}
.item_w_1 h3 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;/*截取字符，省略号代替*/}

.header{width:100%;height:auto;border-top:2px solid #fff;}
.top_midd{padding:7px 0;}
.top{width:100%;height:45px;color:#fff;line-height:45px;background-color:#0098d7;}
.top a{margin:8px;color:#fff;}
.top_phone{margin-top:11px;margin-right:25px;}
.logo{height:70px;}

.nav{position:absolute;left:230px;top:0;width:800px;height:38px;}
.nav li{float:left;position:relative;padding-bottom:1px;height:84px;z-index:10;}
.nav li a{display:block;float:left;width:88px;height:80px;font-size:14px;line-height:80px;text-align:center;border-bottom:4px solid #fff;}
.nav li a{color:#333333;}
.nav li.curr a{background:#e7e7e7 url(../images/nav_icon.png) center bottom no-repeat;border-color:#da251c;}
.nav li p{position:absolute;display:none;top:84px;padding:0;width:100%;white-space:nowrap;background-color:#da251c;overflow:hidden;}
.nav li p a{padding:0;float:none;display:block;height:30px;text-align:center;line-height:30px;color:#fff;}
.nav li.curr p a:hover{background-color:#e8281f;}
.nav li.curr p a{background:none;border:0;}
.nav li.curr p{display:block;}



.banner{position:relative;width:100%;height:500px;z-index:5;}
.banner_pic{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner_pic ul{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;}
.banner_pic ul li{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.banner_pic p{position:absolute;left:0;bottom:10px;width:100%;height:16px;text-align:center;z-index:2;}
.banner_pic p a{display:inline-block;margin:0 7px;width:16px;height:16px;background-color:#fff;moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.banner_pic p a.curr{background-color:#da251c;}

.h_title{position:relative;width:100%;line-height:80px;font-size:36px;letter-spacing:2px;text-align:center;visibility:visible;}
.h_title img{display:block;margin:0 auto;}

.animate .h_title{
z-index:100;
visibility:visible;
-webkit-animation: h_title 1s ease-out 0 1 normal;
-moz-animation: h_title 1s ease-out 0 1 normal;
-ms-animation: h_title 1s ease-out 0 1 normal;
-o-animation: h_title 1s ease-out 0 1 normal;}
.animate .int_item{
z-index:100;
visibility:visible;
	-webkit-animation: int_item 1.5s ease-out 0 1 normal;
-moz-animation: int_item 1.5s ease-out 0 1 normal;
-ms-animation: int_item 1.5s ease-out 0 1 normal;
-o-animation: int_item 1.5s ease-out 0 1 normal;
}

.animate .item_pic_1{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_1 1.5s ease-out 0 1 normal;
-moz-animation: item_pic_1 1.5s ease-out 0 1 normal;
-ms-animation: item_pic_1 1.5s ease-out 0 1 normal;
-o-animation: item_pic_1 1.5s ease-out 0 1 normal;
}
.animate .item_pic_2{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_2 1.7s ease-out 0 1 normal;
-moz-animation: item_pic_2 1.7s ease-out 0 1 normal;
-ms-animation: item_pic_2 1.7s ease-out 0 1 normal;
-o-animation: item_pic_2 1.7s ease-out 0 1 normal;
}
.animate .item_pic_3{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_3 1.9s ease-out 0 1 normal;
-moz-animation: item_pic_3 1.9s  ease-out 0 1 normal;
-ms-animation: item_pic_3 1.9s  ease-out 0 1 normal;
-o-animation: item_pic_3 1.9s  ease-out 0 1 normal;
}
.animate .item_pic_4{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_4 2.1s  ease-out 0 1 normal;
-moz-animation: item_pic_4 2.1s ease-out 0 1 normal;
-ms-animation: item_pic_4 2.1s ease-out 0 1 normal;
-o-animation: item_pic_4 2.1s ease-out 0 1 normal;
}
.animate .item_pic_5{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_5 2.3s ease-out 0 1 normal;
-moz-animation: item_pic_5 2.3s ease-out 0 1 normal;
-ms-animation: item_pic_5 2.3s ease-out 0 1 normal;
-o-animation: item_pic_5 2.3s ease-out 0 1 normal;
}
.animate .item_pic_6{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_6 2.5s ease-out 0 1 normal;
-moz-animation: item_pic_6 2.5s ease-out 0 1 normal;
-ms-animation: item_pic_6 2.5s ease-out 0 1 normal;
-o-animation: item_pic_6 2.5s ease-out 0 1 normal;
}

.animate .item_w_1{
	z-index:100;
visibility:visible;
	-webkit-animation: item_w_1 1.5s ease-out 0 1 normal;
-moz-animation: item_w_1 1.5s ease-out 0 1 normal;
-ms-animation: item_w_1 1.5s ease-out 0 1 normal;
-o-animation: item_w_1 1.5s ease-out 0 1 normal;
}

.h_intro{padding:20px 0;}
.int_item{position:relative;width:300px;height:auto;visibility:visible;}
.int_pic{position:relative;width:100%;height:auto;}
.int_pic img{position:relative;margin-left:18%;width:63%;}
.int_pic a:hover img{-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.int_title{width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;}
.int_word{margin-top:10px;width:100%;height:72px;line-height:24px;font-size:14px;overflow:hidden;color:#999;}

.h_pro{padding:20px 0;padding-bottom:50px;}
.h_pro ul{width:1065px;}
.h_pro li{float:left;margin-right:60px;margin-top:50px;}
.item_pic{position:relative;width:293px;height:293px;border:1px solid #dadada;}
.item_pic a{display:block;width:293px;height:293px;}
.item_pic img{position:absolute;display:block;left:0;top:0;z-index:1;}
.item_pic span{position:absolute;display:block;left:-1px;bottom:-1px;padding:0 1px;width:100%;height:44px;line-height:44px;color:#fff;text-align:center;font-size:14px;background-color:rgba(0,125,215,.6);z-index:2;}

.h_news{padding-top:20px;padding-bottom:70px;}
.h_news ul{width:1065px;}
.h_news li{float:left;margin-right:60px;margin-top:50px;}
.item_w_1{position:relative;width:472px;height:114px;}
.item_w_1 span{float:left;display:block;width:114px;height:114px;moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;}
.item_w_1 div{float:right;width:342px;height:114px;}
.item_w_1 h3{height:48px;line-height:48px;text-align:right;color:#999;font-size:14px;}
.item_w_1 h3 a{display:block;float:left;width:250px;text-align:left;font-size:16px;}
.item_w_1 p{color:#666;height:48px;line-height:24px;font-size:14px;overflow:hidden;}


.footer{padding:20px 0;width:100%;background-color:#0098d7;color:#fff;}
.item_menu_1{margin-right:75px;white-space:nowrap;line-height:30px;}
.item_menu_1 dt a{color:#fff;}

.item_menu_1 dd a{color:#cef0fe;}
.item_menu_1 dt{font-size:16px;}
.line{position:absolute;right:0;top:0;width:1px;height:100%;background-color:#00aaf0;border-right:1px solid #0288bf;}
.f_words{padding-top:30px;font-size:14px;white-space:nowrap;line-height:30px;}

.float_menu{position:fixed;right:18px;bottom:30px;width:91px;height:auto;z-index:10000;}
.float_menu dt{height:48px;line-height:48px;color:#fff;font-size:18px;text-align:center;background-color:#da251c;}
.float_menu dd{position:relative;margin-top:1px;}
.float_menu_item{width:91px;height:86px;background-color:#555;}
.float_menu_icon{display:block;padding-top:15px;text-align:center;color:#fff;font-size:14px;}
.float_menu_icon img{display:block;margin:0 auto;margin-bottom:10px;}
.float_menu_c{position:absolute;top:0;right:91px;width:0;height:auto;min-height:100%;line-height:26px;background-color:#da251c;overflow-x:hidden;}
.float_menu_c em{display:block;float:left;margin-top:12px;margin-left:8px;margin-right:5px;width:4px;height:4px;background-color:#fff;overflow:hidden;}
.float_menu_c a{display:block;color:#fff;white-space:nowrap;}
.float_menu_c a:hover{background-color:#e8281f;}
.float_menu_item.curr .float_menu_c{width:128px;}
.float_menu_item.curr{background-color:#da251c;}
.float_line{position:absolute;display:block;top:5px;bottom:5px;right:0;width:1px;border-right:1px solid #c90e05;background-color:#ea4139;}
.float_menu_top{height:68px;background-color:#da251c;}

.top_midd{}
.nav1{display:none;font-size:16px;background-color:#0098d7;}
.nav1 li{padding:0 20px;height:auto;line-height:40px;border-bottom:1px solid #83dbff;}
.nav1 li a{display:block;color:#fff;border-bottom:1px solid #16b0ef;}
.nav1 li a:hover{background-color:#02a3e6;}
.nav1 p{display:none;padding:0 15px;font-size:14px;}
.nav1 p a{display:block;border-bottom:1px solid #16b0ef;}
.nav_m_btn{position:absolute;right:10px;top:50%;background-image:url(../images/touch-icon-menu.png);background-size:cover;background-position:center center;}

.item_pic{height:auto;}
.item_pic img{position:relative;}
.item_pic img,.item_pic a{width:100%;height:auto;}

@-webkit-keyframes h_title{
    0%   {top:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
45%  {top:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {top:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}

@-webkit-keyframes int_item{
	0% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
45% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_1{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_2{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_3{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_4{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_5{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_6{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}

@-webkit-keyframes item_w_1{
	0% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
45% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}

@media (max-width:1011px) {
	body{min-width:100%;}
	.wrap{width:100%;}
	.top span{margin-left:10px;}
	.logo{margin-left:10px;width:20%;height:auto;}
	.nav{display:none;}
	.nav_m_btn{margin-top:-16px;width:32px;height:32px;}
	.h_pro ul{width:100%;}
	
	.h_news ul{width:100%;}
	.item_w_1{position:relative;height:auto;}
	.item_w_1 span{width:25%;height:auto;}
	.item_w_1 span img{width:100%;}
	.item_w_1 div{width:74%;}
	.item_w_1 h3 a{width:70%;}
	
	.top_midd{padding:20px 0;}
	.footer_left{width:100%;padding:0 10px;padding-bottom:20px;}
	.f_words{width:100%;text-align:center;}
	.line{top:auto;bottom:0;width:100%;height:1px;border:0;border-bottom:1px solid #0288bf}
	
	.float_menu dt{display:none;}
	.float_menu_item{display:none;}
}
@media (min-width:769px) and (max-width:1010px) {
.banner{height:400px;}
.top_midd{padding:16px 0;}
.nav_m_btn{margin-top:-13px;width:26px;height:26px;}
.int_item{float:left !important;width:33%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.item_pic{margin-left:1.5% !important;margin-right:1.5% !important;width:30%;}
.item_w_1{margin-left:1% !important;margin-right:1% !important;width:48%;}
}
@media (min-width:641px) and (max-width:768px) {
.h_title{font-size:28px;}
.banner{height:300px;}
.top_midd{padding:16px 0;}
.nav_m_btn{margin-top:-13px;width:26px;height:26px;}
.int_item{float:left !important;width:33%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.item_pic{margin-left:1.5% !important;margin-right:1.5% !important;width:30%;}
.item_w_1{margin-left:1% !important;margin-right:1% !important;width:48%;}
}
@media (min-width:481px) and (max-width:640px) {
.h_title{font-size:26px;}
.banner{height:260px;}
.top_midd{padding:12px 0;}
.top_phone{display:none;}
.nav_m_btn{margin-top:-11px;width:22px;height:22px;}
.int_item{float:left !important;width:33%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.item_pic{margin-left:1% !important;margin-right:1% !important;width:47%;}
.item_w_1{width:96%;padding:0 2%;}
}
@media (min-width:321px) and (max-width:480px) {
.h_title{font-size:24px;}
.banner{height:200px;}
.top_midd{padding:8px 0;}
.top_phone{display:none;}
.nav_m_btn{margin-top:-9px;width:18px;height:18px;}
.int_item{width:100%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.int_pic img{width:50%;margin-left:25%;}
.item_pic{margin-left:1% !important;margin-right:1% !important;width:98%;}
.item_w_1{margin-top:5% !important;width:96%;padding:0 2%;}
}
@media screen and (max-width:320px) {
.h_title{font-size:20px;}
.banner{height:160px;}
.top_midd{padding:4px 0;}
.top_phone{display:none;}
.nav_m_btn{margin-top:-8px;width:16px;height:16px;}
.int_item{width:100%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.int_pic img{width:50%;margin-left:-25%;}
.item_pic{margin-left:1% !important;margin-right:1% !important;width:98%;}
.item_w_1{width:96%;padding:0 2%;}
}



@charset "utf-8";
.blue{color:#0098d7;} .blue a{color:#0098d7;}
.grey{color:#999999;}
.menu_banner{width:100%;height:300px;z-index:5;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}

.current{width:100%; padding:20px 0;border-bottom:1px #eaeaea solid;font-size:14px;}

.xhc_box{width:100%;max-width:1008px; margin:20px auto; background: url(../images/sub_bg.jpg) repeat-y left top; overflow:hidden;}
.xhc_left{width:100%;max-width:228px;height:auto;float:left;overflow:hidden;}
.xhc_left .left_tit{width:100%; height:54px; line-height: 54px;color:#fff;background-color:#0098d7;}
.xhc_left .left_tit h4{margin-left:25px;font-size:18px;}
.xhc_left ul{width:100%;}
.xhc_left ul li{width:228px; height:38px; background:url(../images/navLeft_li.gif) no-repeat; margin-bottom:2px;}
.xhc_left ul li a{width:228px; height:38px; line-height:38px;background:url(../images/navLeft_li.png) no-repeat; padding-left:28px; color:#808080; display:block}
.xhc_left ul li a:hover, .xhc_left ul li.hover a{background:url(../images/navLeft_li_hover.jpg) no-repeat;color:#fff; display:block}

.xhc_right{width:100%;max-width:760px;border:1px #e2e2e2 solid; float:right;overflow:hidden;}
.xhc_right .right_tit{width:100%; height:42px; line-height: 42px;background-color: #f6f6f6;border-bottom:1px #e2e2e2 solid;}
.xhc_right .right_tit h4{font-size:18px; color:#0098d7; margin-left:3%;}
/* 关于我们 */
.about_box{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow:hidden;}
.about_box p{margin:10px 0;}

/* 产品中心 */
.product_box{width:98%; height:auto;margin:10px 1%;font-size:12px;overflow:hidden;}
.product_box ul{width:100%;}
.product_box li{width:21%;height:210px;float:left;margin:12px 2%; text-align: center; line-height: 24px;overflow:hidden;}
.product_box li img{width:100%;}
/*  下一页  */ 
.page{width:100%;height:auto;padding-top:20px;padding-bottom:15px;margin-bottom:20px;overflow:hidden; display:block;text-align: right;}
.page a{padding:10px 18px; border:1px #e5e8e6 solid;margin:0 3px;color:#464646;border-radius: 5px;}
.page a:hover,.page .hover{color:#FFF;background:#da251c;border:1px #d92219 solid; text-decoration:none;} 

.products{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow:hidden;}
.products dl{width:100%;margin-bottom:20px;}
.products dl dt{width:45%;float:left; overflow:hidden;margin-right:2%;}
.products dl dt img{width:100%; max-width: 325px; max-height:325px;}
.products dl dd{width:53%;margin-bottom: 20px;float:left;}
.products h4{font-size: 16px; font-weight: bold;}
.products span a{color:#5d5d5d; text-decoration:none; position:relative;}
.products span a div{display:none;position: relative;bottom: 0}
.products span a:hover{ visibility:visible; color:#d92219;}
.products span a:hover div{position:absolute; background-color:#FFF; left:-80px; display:block; width:214px; height:236px; color:#000; overflow:hidden; border:1px #e9e9e9 solid;}
.products span a:hover div h4{height:32px; line-height:32px; background-color:#f6f6f6; font-size:14px;padding-left:8px; margin-bottom:5px;}
.products span a:hover div ul{padding-left:10px; display:block; overflow:hidden;}
.products span a:hover div li{width:70px; height:26px; line-height:26px; float:left; margin:0 7px 2px 3px;}
.products span a:hover div li:hover{width:70px; height:26px; background-color:#f5f5f5;}
.products span a:hover div .share1{background:url(../images/share_01.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share2{background:url(../images/share_qq.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share3{background:url(../images/share_sina.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share4{background:url(../images/share_baidu.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share5{background:url(../images/share_rr.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share6{background:url(../images/share_t.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share7{background:url(../images/share_f.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share8{background:url(../images/share_tie.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share9{background:url(../images/share_dou.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share10{background:url(../images/share_sf.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share11{background:url(../images/share_q.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share12{background:url(../images/share_more.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .add{height:28px; line-height:28px;background-color:#f6f6f6;}
.products span a:hover div .add_fl{ background:url(../images/add_fl.gif) no-repeat left center; padding-left:20px; float:right;}

.pro_detail{width:100%; height:auto;overflow: hidden;}
.pro_detail .tab-hd{width:100%; height:48px; background-color: #ebebeb;margin-top:20px;overflow: hidden;}
.pro_detail .tab-hd li{width:20%; height:48px; line-height:48px;text-align:center; font-size:14px; float:left;}
.pro_detail .tab-hd li.active{background-color:#0098d7;color:#ffffff;} .pro_detail .tab-hd li.active a{color:#ffffff;}
.pro_detail .tab-bd{width:100%;height:auto;margin:10px 0;}
.pro_detail .tab-bd dd{width:100%;height:auto;line-heihgt:22px;margin:10px 0;background: url(../images/dian.gif) no-repeat left center; padding-left:8px;}
.pro_detail .tab-bd img{width:100%;max-width:700px;}
/*tab*/
.tab{ width:100%;}
.tab-hd {overflow: hidden; zoom:1;}
.tab-bd{}
.tab-hd li{ float:left; width:100%;text-align:center; cursor:pointer;}
.tab-hd li.active{ background:#0098d7;}
.tab-bd li{display:none; font-size:14px;}

/* 下载中心 */
.down_box{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow: hidden;}
.down_box li{width:100%; line-height: 24px;padding:12px 0;border-bottom:1px #cccccc dotted; overflow:hidden;}
.down_size{color:#999999;}
.down_box table{border-left:1px #ceeffd solid;border-top:1px #ceeffd solid;}
.down_box table td{border-right:1px #ceeffd solid;border-bottom:1px #ceeffd solid; padding:10px;}
.down_box p{margin:10px 0;}

/* message */
.message{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow:hidden;}
.message td{padding:6px;}
.message .mess_textarea{width:100%; height:auto;border:1px solid #e0e0e0;vertical-align:middle}
.message .mess_input{width:50%; height:36px; line-height: 36px;border:1px solid #e0e0e0;vertical-align:middle}
.message img{vertical-align:middle}

/* 新闻中心 */
.news_box{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow: hidden;}
.news_box dl{width:100%; height:auto;margin-bottom: 10px; border-bottom:1px solid #eaeaea; overflow:hidden; padding-bottom:30px;}
.news_box dl dt{width:30%;float:left;margin-right:3%;}
.news_box dl dt img{width:100%;max-width:225px; max-height:180px;}
.news_box dl dd{width:67%;float:right; line-height: 22px;color:#666666; margin-bottom:8px;}
.news_box dl dd h4{float:left;font-size: 16px;font-size:16px;}
.button_more{width:115px; height:36px; line-height: 36px; background-color: #ffffff;color:#0098d7;font-size:14px;border:1px solid #0098d7; border-radius: 5px;}
.button_more:hover{background-color: #0098d7;color:#ffffff;}
.news_box ul{width:100%; height:auto;margin: 25px 0; border-bottom:1px solid #eaeaea; overflow:hidden; padding-bottom:20px;}
.news_box ul li{width:100%;float:right; line-height: 22px;color:#666666; margin-bottom:8px;}
.news_box ul li h4{float:left;font-size: 16px;font-size:16px;}

.news_tit{width:100%; line-height: 36px;font-size: 18px; text-align: center; margin: 10px 0;}
.news_update{width:100%; line-height: 24px; padding-bottom: 15px; border-bottom:1px solid #eaeaea; color:#999999;text-align: center;margin-bottom: 15px}
.news_con{width:100%; line-height: 24px;color:#666666; margin-bottom: 15px;overflow: hidden;}
.news_con p{margin:10px auo;}
.news_up{width:100%;border-top:1px solid #eaeaea; overflow: hidden;padding-top:10px;}
.news_up p{width:100%; line-height: 24px;}

/* 方案中心 */
.plan_tit{width:100%; text-align: center;  line-height: 24px; margin:30px 0;}
.plan_tit h2{font-size:36px;}
.plan_con{width:100%;font-size: 14px; line-height: 24px; color:#666666;}
.plan_con p{margin:10px 0;}

.plan_con ul{width:100%; height:auto;margin: 25px 0; border-bottom:1px solid #eaeaea; overflow:hidden; padding-bottom:20px;}
.plan_con ul li{width:100%;float:right; line-height: 22px;color:#666666; margin-bottom:8px;}
.plan_con ul li h4{float:left;font-size: 16px;font-size:16px;}



@media (min-width:769px) and (max-width:1010px) {
.menu_banner{height:260px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;max-width:1000px;}
.product_box li{width:21%; height:235px;}
.plan_con{width:96%;margin:0 2%;}
}
@media (min-width:641px) and (max-width:768px) {
.menu_banner{height:200px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:28%; max-height:230px;}
.page a{padding:5px 10px;}
.plan_con{width:96%;margin:0 2%;}
}
@media (min-width:481px) and (max-width:640px) {
.menu_banner{height:160px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:28%;height:200px;}
.page a{padding:5px 10px;}
.news_box dl dt{width:100%; text-align: center;margin-bottom: 10px;}
.news_box dl dd{width:100%;}
.plan_con{width:96%;margin:0 2%;}

.pro_detail .tab-hd li{width:30%;}
}
@media (min-width:321px) and (max-width:480px) {
.menu_banner{height:140px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:46%;height:235px;}
.page a{padding:3px 5px;margin:0 1px;}
.news_box dl dt{width:100%; text-align: center;margin-bottom: 10px;}
.news_box dl dd{width:100%;}
.plan_con{width:96%;margin:0 2%;}
.products dl dt{width:100%;}
.products dl dd{width:100%;}
.pro_detail .tab-hd li{width:30%;}
}
@media screen and (max-width:320px) {
.menu_banner{height:140px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:95%;margin-right:5%;height:290px;}
.page a{padding:2px 4px;margin:0 1px;}
.news_box dl dt{width:100%;text-align: center;margin-bottom: 10px;}
.news_box dl dd{width:100%;}
.plan_con{width:96%;margin:0 2%;}
.products dl dt{width:100%;}
.products dl dd{width:100%;}
.pro_detail .tab-hd li{width:30%;}
}