@charset "utf-8";
/*reset*/
body {font: 12px/24px "Microsoft YaHei","simsun", Arial, Helvetica, sans-serif; color:#6f6f6f; background:#fff; min-width:1000px; width:expression_r(document.body.clientWidth < 1000 ? "1000px": "auto" ;_background-attachment: fixed;)margin:0 auto; background-attachment: fixed;}
html { _overflow-y: scroll; overflow-y: scroll; }
body, h1, h2, h3, h4, h5, h6, p, div, span, iframe, table, td, th, label, ul, ol, li, dl, dt, dd, blockquote, pre,form, input, select, textarea, button{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
ul, ol, li, dl { list-style-type:none; }
em, dfn, cite, strong, small { font-style:normal; }
fieldset, img, button, input, select, option { vertical-align:middle; font:14px/24px "Microsoft YaHei", arial, sans-serif; }
table { border-collapse:collapse; border-spacing:0; }
img {  border:0;  /* vertical-align:top; */ }
textarea { resize:none; }
label { cursor:pointer; }
span { -webkit-text-size-adjust:none; }
/*color*/
a { text-decoration:none; outline:none; color:#6f6f6f; -webkit-text-size-adjust:none; }
area {blr:expression(this.onFocus=this.blur()); cursor:pointer;}
a:hover { text-decoration: none; color: #006fba; }
a:active { blr:expression_r(this.onFocus=this.blur());}
a:focus { outline:none; }
::selection {color: #fff;background-color: #006fba;}/*拖动鼠标选中的背景与文字色*/  
::-moz-selection {color: #fff;background-color: #006fba;} 
html, body { -webkit-text-size-adjust:none; overflow-x: hidden;}
/* clearfix 清除浮动*/
.clearfix {*zoom: 1;} 
.clearfix:before,.clearfix:after {display: table; line-height: 0; content: "";} 
.clearfix:after { clear: both; } 
.wrap{width: 1000px;margin: 0 auto;position: relative;}

img,img a { border:0px; margin:0px; padding:0px;}
em,i,u,label,small{ font-style:normal; margin:0px; padding:0px;}
form,input,button,submit,br{ margin:0; padding:0; border:0;}
ul,ol,h1,h2,form,dl,dd,dt,p,span,div,li {list-style:none; margin:0; padding:0;}
input,textarea {font-size:12px;}
.left {float:left;}
.right {float:right;}
.clear{ clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;} 
.overflow{overflow:auto;}
a,body,select,td{ font-size:12px; text-decoration:none;}

.guangg{ position:fixed; right:4px; bottom: 8px;}
/*头部样式*/
 #dm_header{height: 101px; width: 1000px; margin:0 auto;  position:relative;}
.dm_top{ height: 29px; text-align:right;  font-size:14px; padding-top: 48px; position:relative;}
.dm_top p{ width: 125px; float:right; color:#e1e1e1;  padding-right:15px; margin-top: -22px;}
.dm_top p a{ color:#b2b2b2; font-size:12px; padding: 0 15px;}
.dm_top .de_text01{ width: 209px; border: solid 1px #efefef; float:right; height: 27px; text-indent: 7px; color: #919191; font-family: simsun;}
.dm_top .de_btn01{}
.dm_top .search{ width:14px; height:13px; background:url(../images/search.png) no-repeat; position:absolute; top:55px; right:7px; cursor:pointer;}
.dm_logo{width: 246px; float:left;   height: 75px;  padding-top: 12px; display:inline;  }
.dm_logo img{height: 60px;margin-top: 10px;}
.dm_head_right{ width: 400px; float:right;}

/* 导航开始 */
#menu {background: #006fba; height:40px; position: relative;z-index: 999; font-family: "微软雅黑";}
#menu .nav { position: relative; z-index: 100; width:980px; margin:0 auto; }
#menu .nav ul {float: left;}
#menu li {float: left; display: block; overflow: visible; vertical-align: top;}

.nav a{color:#fff; cursor:pointer;}
.nav a.trad, .nav a.solutions_products, .nav a.support,.nav a.news, .nav a.about_huawei, .nav a.join_huawei,.nav a.shop_huawei {display: block; line-height: 40px; text-decoration:none; color:#fff; font-size:16px; text-align:center; position:relative; z-index:1007;}
.nav a.trad span, .nav a.solutions_products span, .nav a.support span,.nav a.news, .nav a.about_huawei span, .nav a.join_huawei span ,.nav a.shop_huawei span{display: block;padding: 0 22px;}
.nav li a.active span{color: #dcf0ff;}
/*take off background*/
.nav a.shop_huawei:hover,.nav li a.shop_huawei:hover span{background:none;}

.menuitempanel {top: 40px; position: absolute; z-index: 99999999999; display: none; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;transition: all 0.3s;}
.menucontentdiv {background:#fff url(../images/hw_s_232057.png) 0 0 repeat-x; border-left: 1px solid #CCC;margin-right:7px;padding: 20px 20px 0px 20px; width: 109%; height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; z-index:9999;}
.menucontentdiv .clearfix{ padding-bottom:10px; position:relative;}
.menufillet_e { background-image: url(../images/hw_s_232058.png);background-repeat: repeat-y; _background:transparent; height: 100%; right: 0px; top: 0; width: 7px;}
.verticalLine0916{ background-color:#FFFFFF; border-left:#e9e9e9 solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:156px; height:156px; margin:0 25px;}
#menu .menuitempanel li {float: none; top: 0; line-height:24px;}
#menu .menuitempanel li.left {float: left;}
.menuitempanel h2 {color: #0282cb; font-size: 16px;font-weight: bold; padding-bottom:10px;}
.menuitempanel h2 a {color: #006fba; font-size: 14px;}
.menuitempanel ul li a{ color:#666; font-size:14px;}
.menuitempanel ul li a:hover{ color:#006ab8; text-decoration:underline; }
.menuitempanel ul.taxonomy { margin-left: -5px; padding:0 10px;}
#menu .menuitempanel ul.taxonomy li {font-size: 14px; text-indent: 10px; line-height: 32px;}
.menuitempanel ul.taxonomy li a{ color: #006fba;}
.menuitempanel ul.m_box li.title {font-weight: bold; margin-top: 5px;}
.menuitempanel ul.m_box li.summary { width:259px; font-weight: normal;}
#menu .menuitempanel ul.m_box li.summary ul {padding: 0 0; float:none; text-align:center;}
#menu .menuitempanel ul.m_box li.summary ul li{ padding-top:10px;}
.menuitempanel .solutions_products ul.m_box li.summary{ padding:0 0 0 2px;}
.menuitempanel .solutions_products ul.m_box li.left{ margin-right:15px;}
.menuitempanel ul.list {margin-right: 0px;margin-left: 10px;}
.menuitempanel ul.list2 {margin-right: 0px;margin-left: 20px;}
.menuitempanel ul.list2 h3 {padding: 0px 0px 8px 0px;}
.menuitempanel ul.list2 h3 a {color: #006fba;font-size: 14px;font-weight: bold;}

.menuitempanel ul > li.left > ul {margin-right: 5px;}
.menuitempanel ul.list h3 {padding: 0px 0px 8px 0px;}
.menuitempanel ul.list h3 a {color: #006fba;font-size: 14px;font-weight: bold;}
.menuitempanel .solutions_products ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { margin:0px;}

.shadow_b_layout {background-image: url(../images/hw_s_232053.png); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}
.shadow_b_layout div {background: url(../images/hw_s_232053.png) 100% -1px no-repeat;background-attachment: scroll;display: block;height: 16px;margin-left: 15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}
@-moz-document url-prefix(){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}/*opera&#19987;&#23646;*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9&#19987;&#23646;*/
:root .menucontentdiv{ margin-right:0px\9;border-right: 1px solid #CCC\9;border-bottom: 1px solid #CCC\9;}
:root .menucontentdiv .clearfix{ padding-bottom:15px\9;}


/* 尾部开始  */
.dm_footer{ background:#006fba; height:59px;}
.dm_footer_left{ float: left; line-height: 22px; margin-top:10px;}
.dm_footer_left p{ color:#d3edff;}
.dm_footer_left p a{ color:#d3edff;}

.dm_footer_right{ float: right; margin-right:2px; margin-top:15px;}
.dm_footer_right ul li{ float: left; margin-left:10px; position:relative;}
.sn-qrcode {position: absolute; width: 110px;height: 110px;background: #fff; left: -43px;top: -120px;border: 1px solid #D8D8D8;z-index: 9;display: block;;}
.sn-qrcode img{width: 100%;}
.sn-qrcode b {width: 0;height: 0;line-height: 0;font-size: 0;position: absolute;left: 50%;top: 111px;margin-left: -2px;border-width: 5px;border-style:solid dashed dashed;border-color:#D8D8D8 transparent transparent ;}


/* 尾部结束  */

/*banner*/
.about_banner{ width:100%; height:351px;float:left;}
.about_banner02{ width:100%; height:351px;float:left;}
.about_banner03{ width:100%; height:338px;float:left;}
.banner{width: 100%;height:500px; position: relative;}
.banner .d1{width:100%;height: 500px;display:block;position:absolute;left:0px;top:0px;background-position:center;background-repeat: no-repeat;}
.banner .d2{width:1000px;clear:both;position:absolute;z-index:100;left:50%;margin-left:-500px;bottom:24px; text-align:center;}
.banner .d2 ul{ display:inline-block;_display:inline;_zoom:1;}
.banner .d2 li{width:10px;height:10px;overflow:hidden;cursor:pointer;background: #229cef;border-radius: 5px;float: left;margin: 0 4px;}
.banner .d2 li.nuw{background:#006fba;}
.show{ min-height: 257px;text-align:center;}
/*banner*/

/*集团*/
.dm_newline{margin:0 auto; height: 40px;  background: #e2e2e2; line-height: 40px;}
.dm_newline_m{ width:1000px; margin:0 auto; }
/*dm_mainbody*/
.dm_mainbody{width: 1000px;margin: 0 auto;height: 286px;}
.dm_main_a{ padding-top: 30px;}
/*首页新闻中心*/
.dm_denew{ width: 485px; float:left;}
.denew_title{ height:29px; }
.denew_title img{ float:right; margin-top:3px; }
.denew_title strong{ font-family:"微软雅黑"; font-size: 18px; color: #555; }
.denew_title strong span{ font-size:12px; color: #797979; font-weight:normal; font-family: "微软雅黑";}
.denew_list{ border:solid 1px #efefef; padding: 9px 15px 5px 15px; height: 186px; }
.denew_list li{ height: 30px; line-height: 30px; background:url(../images/default_icon.gif) no-repeat left center; padding-left:10px;}
.denew_list li em{ float:right; color:#ccc;}
.denew_list li a{ font-size:14px;}
.denew_list li i{ width:22px; height:12px; background:url(../images/hot.png) no-repeat; position: absolute;}
.dm_denew1{ width: 485px; float:left; padding-left: 30px;}


/*首页新闻滚动样式*/
.dm_nline_1{ width: 486px; float:left; height: 27px; padding-top: 13px;}
.mall-interlayer{width: 486px;height:15px;_height:15px;overflow:hidden; }
.mall-interlayer .text-links{float:left;height:15px;width:auto;line-height:15px;*line-height:15px;padding-left: 2px;}
.mall-interlayer .text-links a{color:#444;font-family: simsun;}
.mall-interlayer .text-links a:hover{color:#f60;}
.mall-interlayer .rotate-list{float:right;width: 410px;height:15px;position:relative; }
.mall-interlayer .rotate-list .rotate-prev{display:block;width:15px;height: 15px;overflow:hidden;background:url('../images/sprites.gif') no-repeat 0 0;position:absolute;right:15px;top: 0px;}
.mall-interlayer .rotate-list .rotate-next{display:block;width:15px;height: 15px;overflow:hidden;background: url('../images/sprites.gif') no-repeat -14px 0;position:absolute;right:0;top:0;}
.mall-interlayer .rotate-list a.rotate-prev:hover{background-position:0px -15px;}
.mall-interlayer .rotate-list a.rotate-next:hover{background-position:-14px -15px;}
.mall-interlayer .rotate-list .rotate-list-content{/* width: 365px; */height:15px;line-height:1;overflow:hidden;right:15px;}
.mall-interlayer .rotate-list .rotate-list-content li{width: 380px;overflow:hidden;line-height:16px;margin-top:-1px;text-align:left;line-height:17px\9;*line-height:14px;*margin-top:0;}
.mall-interlayer .rotate-list .rotate-list-content li a{ color:#444; font-family: simsun;}
.mall-interlayer .rotate-list .rotate-list-content ul li a span{ margin-right:14px; font-family: simsun;}
/*首页友情连接滚动样式*/

.dm_nline_3{ padding-top: 6px; float: right; padding-left:10px; height: 34px;}

/* about start */
.about_content{ width:1000px; margin: 0 auto; position:relative; }
.about_content_nav{ width:998px; height:42px; border:1px solid #fff; background:#229cef; position:absolute; top: -43px; left:50%; margin-left:-500px;}
.about_content_nav ul li a{ padding:0 52px; float: left; line-height: 42px; font-size: 18px; color:#fff; display:inline-block;}
.about_content_nav ul li a:hover{ background:#006fba;}
.about_content_nav ul li.current a{ background:#006fba;}
.about_content-main{ width:936px; min-height:194px;padding:32px; font-size: 14px; line-height: 30px; }
.about_content-main img{ max-width:100%; }
.newsd_content{ width:1000px; margin: 0 auto; position:relative; }
.newsd_content_nav{ width:998px; height:42px; border:1px solid #fff; background:#229cef; position:absolute; top: -52px; left:50%; margin-left:-500px;}
.newsd_content_nav ul li a{ padding:0 52px; float: left; line-height: 42px; font-size: 18px; color:#fff; display:inline-block;}
.newsd_content_nav ul li a:hover{ background:#006fba;}
.newsd_content_nav ul li.current a{ background:#006fba;}
/* about end */

/* product_list start */
/*左侧菜单栏*/
.sidemenu{width: 175px;position:absolute;z-index:50}
.sidemenu q{background:url(../images/cs_ico.png) 0 -95px;width:31px;height:31px;display:block;position:absolute;bottom:-32px;right:-1px;opacity:0.6;filter:Alpha(Opacity=60)}
.sidemenu b{background:#ffffff;display:block;position:absolute;top:0;left:0;width: 175px;z-index:1}
.sidemenu .con{position:relative;z-index:2;top: -41px;}
.sidemenu h2{padding: 10px 0 0 16px;color:#fff;height: 30px; background:#006fba; border: 1px solid #ffffff;margin-bottom: 1px;font-size: 16px;font-weight: bold;}
.sidemenu ul{padding:0px;clear:both;border: 1px solid #fff;}
.sidemenu li{border-bottom:1px solid #ffffff;padding: 3px 16px 0px 16px; background: #fff url(../images/product_limenu_bg.jpg) repeat-x top;}
.sidemenu li i{background: url(../images/cs_ico.png) 0 -65px no-repeat;width:11px;height:11px;display:block;float:left;margin:6px 8px 0 0;}
.sidemenu li a{color:#ffffff;padding-right:20px;}
.sidemenu li dt a:hover,.sidemenu li.curr dt a:hover{color:#006fba;text-decoration:none;}
.sidemenu li.curr dt a,.sidemenu li dt a{color:#006fba;padding-right:20px;}
.sidemenu li.curr i{background-position:-11px -65px;}
.sidemenu li.two{border:0;}
.sidemenu li.two dl{padding: 7px 0 0 17px;}
.sidemenu li.two dl a{color: #006fba;}
.sidemenu li.two dt:last-child{ margin-bottom:10px;}
.sidemenu li.two dl .curr a,.sidemenu li.two dl a:hover{color:#229cef;}
.sidemenu li.two em{font-family:"瀹嬩綋";color:#b7b7b7;float:left;font-weight:bold;width:1em;}
.sidemenu li.two.curr a,.sidemenu li.two dl a{background:none;}


/* product_list START */
/*右侧*/
.main830{width: 825px;float:right;position:relative;margin-bottom: 20px;min-height: 374px;}
.main830_p{ padding:0 26px; font-size: 14px; line-height: 30px;}
.t_product{ width: 807px; height: 41px; clear:both; padding-left: 18px; font-size:22px; color:#ffffff; background: #229cef; position: absolute; top: -41px; font-weight: bold;}
.t_product span{ height:41px; line-height:41px;}
.t_product a img{ margin-top: -7px;}
.t_product02{ width: 807px; height: 41px; clear:both; padding-left: 18px; font-size:22px; color:#ffffff; background: #229cef; font-weight: bold;}
.t_product02 span{ height:41px; line-height:41px;}
.t_product02 a img{ margin-top: -7px;}


.t_colum_lo img{margin:35px auto 20px; width:324px; height:123px; border: 1px solid #eaf3ee; display: block;}
.t_colum_lo img:hover{  border: 1px solid #006fba; }
.main830 p{  padding: 10px 26px 0 26px; font-size: 14px; line-height: 30px;}
.prolist1{ padding-left: 21px; margin-top: 20px;overflow: hidden;}
.prolist1 ul li{ width: 178px; height: 128px; border-bottom:1px solid #ffffff; display:block; float:left; margin-right:20px; margin-bottom: 38px;}
.prolist1 ul li img{ border:1px solid #f2e9d6;margin-bottom: 4px;}
.prolist1 ul li a{ line-height: 16px; color:#909090; display: inline-block; text-align: center;}
.prolist1 ul li a:hover{ color:#006fba;}
.prolist1 ul li a:hover img{ border:1px solid #006fba}
.htmer_img{
    filter:alpha(opacity=70); /* IE */
    -moz-opacity:0.7; /* Moz + FF */
    opacity:0.7; /* 鏀寔CSS3鐨勬祻瑙堝櫒锛團F 1.5涔熸敮鎸侊級*/
}
.prolist1 ul li div{width:275px;height:198px;overflow:hidden;position:relative;}
.prolist1 ul li div .n1,.prolist1 ul li div .n2,.prolist1 ul li div .n3{display:block;width:275px;height:198px; text-align:center; position:absolute;top:0px;left:0px;cursor:pointer;}
.prolist1 ul li div .n1{z-index:11;}
.prolist1 ul li div .n2{z-index:12; background:#006fba; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0;}
.prolist1 ul li div .n3{z-index:13; font-family:"寰蒋闆呴粦"; font-size:14px; color:#ffffff; padding:75px 20px 20px 20px; width:235px; height:123px; text-align:left; line-height:160%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0;}
/* product_list end */

/* product start */
.product_content{ padding: 17px 30px 40px 58px; overflow: hidden;text-align: center;}

.product_content a{ font-size: 24px; color:#fff; padding: 0 49px; line-height: 70px; display:inline-block; background:#229cef; box-shadow: 0px 2px 6px 1px #c7c7c7; /* float: left; */ text-align:center; margin: 0 28px 28px 0; border: 1px solid #fff;}
.product_content a:hover{ background:#006fba;}
.product_content .li01{ /* margin-left: 120px; */}
/* product end */

/* contact_us start */
.contact_us_main{ padding:26px 36px 0;}
.contact_us_main p{ font-size: 14px; line-height: 30px;}
.contact_us_main p:nth-child(2){ margin-bottom:30px;}
.contact_us_map{ padding:20px 0 60px 34px;}
.contact_us_map img{ border: 1px solid #ccc;}
/* contact_us end */

/* internet start */
.internet_main{ padding:10px 10px 30px;}
.internet_main h3{ font-size: 18px; line-height: 30px; color:#9bc811; margin-bottom: 10px;}
.internet_main ul{ width:1000px; overflow: hidden; margin-bottom: 10px;}
.internet_main ul li a{ display:inline-block;float: left; margin-right:10px; line-height: 30px; text-align:center;}
.internet_main ul li a img{ border:1px solid #ccc; }
.internet_main ul li a:hover img{ border:1px solid #006fba;}
/* internet end */

/* product_list_detail start */
.product_list_detail_title{ width: 807px; height: 41px; clear:both; padding-left: 18px; font-size:20px; color:#ffffff; background: #229cef; position: absolute; top:-41px; font-weight: bold; line-height: 41px;}
.product_list_detail_main{ width: 796px; height: 597px; border:14px solid #71c5ff; position:relative; overflow:hidden;}
.product_list_detail_main ul{ width:9999px; position:absolute; left:0; top:0;}
.product_list_detail_main ul li{ float:left;}
.product_list_detail_main span{  width:40px; height:65px; background:url(../images/cs_ico.png) no-repeat; position:absolute; top:50%; margin-top: -33px; opacity:0.5; z-index: 9999;}
.product_list_detail_main .span_left{ background-position:0 -130px; left:0;}
.product_list_detail_main .span_right{ background-position:0 -195px ; right:0;}
.product_list_detail_main ol{ position:absolute; bottom:0; right:0;}
.product_list_detail_main ol li{  position:absolute; bottom:0; right:0; width:90px; height:44px; background:#4d4d4d;font-size: 14px; line-height: 44px; color:#fff; text-align:center;}
.product_list_detail_main ol li.current{ z-index: 999;}
.product_list_detail-con{ padding: 20px 16px 30px;}
.product_list_detail-con h4{ font-size: 18px; font-weight: bold; margin-bottom:16px;}
.product_list_detail-con p{ font-size: 14px; line-height: 30px;}

/*图片轮播*/
#iplay{overflow:hidden;position:relative;z-index:10}
#iplay .arrow{width:42px;height:70px;background:url(../images/cs_ico.png) 0 -130px;display:block;position:absolute;opacity:0.6;filter:Alpha(Opacity=60);z-index:100}
#iplay .arrow:hover{opacity:1;filter:Alpha(Opacity=100)}
#iplay #arrow_left{left:0}
#iplay #arrow_right{right:0;background-position:0 -190px}
#iplay ul li{overflow:hidden;display:none;text-align:center;position:relative}
#iplay ul li span{ background:#000;color:#fff;opacity:0.7;filter:alpha(opacity=70);position: absolute; bottom: 0px;right:0; padding:10px 20px;font-family:"微软雅黑";font-size:14px}

/*生活方式*/
#menu_mylife,#menu_mylife b{height:520px;top:auto}
.t_mylife{height:45px; background: #229cef; padding-left: 20px; line-height: 45px; font-family: "微软雅黑"; text-align: left; font-size: 22px; color: #ffffff;}
.mylife_list{border: 14px solid #71c5ff;}
.mylife_list .text{background:#c3c7c8;font:12px/20px "微软雅黑";padding:30px 40px 40px}
.mylife_list .text h3{font-size:14px}
.mylife_list .text p{padding-top:10px}
.mylife_list .area{background:#896c61;margin:6px 0 6px 6px;border:1px solid #896c61;border-width:1px 0 0 1px}
.mylife_list .area li{float:left;width:203px;height:203px;overflow:hidden;border:1px solid #896c61;border-width:0 1px 1px 0;position:relative}
.mylife_list .area li a{height:203px;background:url(../images/blank.png);z-index:10}
.mylife_list li a,.mylife_list li b,.mylife_list li p{position:absolute;left:0;width:203px;display:block;top:0;height:80px}
.mylife_list li b{background:#000;opacity:0.6;filter:Alpha(Opacity=60);z-index:1}
.mylife_list li p strong{font-size:17px;font-family:Arial}
.mylife_list li p{padding-top:20px;height:60px;z-index:5}
.mylife_list li div{height:80px;bottom:-80px;text-align:center;color:#fff;font:12px/20px "微软雅黑";position:absolute;left:0;width:203px}
.mylife_list .text h1{height:55px;overflow:hidden; line-height:55px;}
.mylife_list .text h1.t1{background-position:0 -55px}
.mylife_list .text h1.t2{background-position:0 -110px}
.mylife_list .text h1.t3{background-position:0 -165px}
.mylife_list .text h1.t4{background-position:0 -220px}
.mylife_list .text h1.t5{background-position:0 -275px}
.mylife_list .text h1.t6{background-position:0 -330px}
.mylife_list .text h1.t7{background-position:0 -385px}
.mylife_list .text h1.t8{background-position:0 -440px}
.mylife_list .text h1.t9{background-position:0 -495px}
.mylife_list .text h1.t10{background-position:0 -550px}
.mylife_list .text h1.t11{background-position:0 -605px}
.mylife_list .text h1.t12{background-position:0 -660px}
.mylife_list .text h1.t13{background-position:0 -715px}
.mylife_list .text h1.t14{background-position:0 -770px}
.mylife_list .text h1.t15{background-position:0 -825px}
.mylife_list .text h1.t16{background-position:0 -880px}
.mylife_list #iplay{width: 797px;height: 597px;}
.mylife_list #iplay .arrow{top:265px}
.mylife_list #iplay ul li{width: 797px;height: 597px;}
.mylife_list #iplay ul li img{width: 797px;}
/* product_list_detail end */

/* news start*/
.activity{clear:both;padding-bottom:30px}
.activity .img{border:1px solid #adadad;padding:1px;overflow:hidden;float:left}
.activity .img,.activity .img img{width: 706px;height: 350px;}
.activity .text{color:#fff;border-top: 1px solid #adadad;position:relative;width:268px;float:left}
.activity .text b{background: #006fba;opacity:0.6;filter:Alpha(Opacity=60);display:block;position:absolute;top:0;left:0;width:100%;z-index:1;height:100%}
.activity .text .con{position:relative;z-index:2;padding:20px 15px;height:auto;overflow:hidden;height: 313px;}
.activity .text .con p{margin-top: 19px;}

.activity .text h2{font-size:18px;color:#fff;padding-bottom:5px}
.activity .text h2 a{color:#fff;font-size: 18px;font-weight: bold;}
.activity .text h2 a:hover{color:#ccc;text-decoration:none}v
.activity .text a.b-arrow-right{position:absolute;right:-1px;bottom:-44px;width:212px;background-position:168px -305px}
.activity .text a.b-arrow-right i{background:url(../images/t/news.png) 0 -234px no-repeat;height:44px;width:168px;display:block}
.activity .text a.more{position:absolute;right:-1px;bottom:-32px;opacity:.6;filter:Alpha(Opacity=60);border:1px solid #adadad;display:block;width:80px;height:30px;background:#000;color:#fff;line-height:30px;padding:0 15px}
.activity .text a.more:hover{opacity:1;filter:Alpha(Opacity=100);text-decoration:none}
.activity .text a.more i{background:url(../images/cs_ico.png) -43px -4px no-repeat;width:18px;height:16px;display:block;float:right;margin-top:7px;}

#actplay{height:370px; width: 980px; margin: 0 10px; overflow:hidden;margin-bottom: 5px; position:relative;}
#actplay .actplay_in{ width:980px; height:370px; }
#actplay ul{ height: 354px; overflow:hidden; position:absolute; top:0; z-index: 5; padding-top: 16px;}
#actplay .activity{padding-bottom:0; width: 980px; height:354px; overflow:hidden; float:left; clear:none;}
#actplay .num{ position:absolute; bottom: 13px; right: 300px; z-index: 8;}
#actplay .num span{ background:#fff; color:#000; font-size:14px; text-align:center; line-height:22px; width:22px; height:22px; display:block; float:left; cursor:pointer; border:1px solid #ccc; margin-left: 6px; opacity:0.4;}
#actplay .num span.curr{ background: #006fba; color:#fff; opacity:1;}

.big_news{ padding:0 10px;}
.news{clear:both;border-bottom: 1px solid #E6E6E6;padding: 25px 0;height: auto;overflow: hidden;}
.news .img{border: 1px solid #fff; padding:1px;overflow:hidden;float:left;}
.news:hover .img{ border:1px solid #006fba;}
.news:hover .text h2 a{ color:#006fba;}
.news .img,.news .img img{width: 433px;height: 214px;}
.news .text{color: #555;width: 517px;float:right;font-size:14px;padding-left: 26px;}
.news .text h2{color:#fff;line-height:30px;padding: 10px 0;}
.news .text h2 span{ float:right; display:block; color: c9c9c9; font-size: 14px;}
.news .text h2 a{ font-size: 18px; color: #555;}
.news .text p{font-size: 14px;color: #555;}
.news .text p a{color: #006fba; font-size: 14px;}
.news .text .text_pa{ margin-top:20px;}
.news .text h2 a:hover{text-decoration:none;}
.big_news em{  width:44px; height:44px; background:url(../images/cs_ico.png) no-repeat; float:right; margin:35px 0;}
.big_news .btn_left{ background-position:0 -305px; opacity:0.5;}
.big_news .btn_right{ background-position:0 -260px; opacity:0.5;}
.big_news em.current{ opacity:1;}
.big_news em:hover{ opacity:1;}
/* news end*/

/* news_detail start */
.new-detail_main{ position: relative; margin: 8px 0 27px 0;}
.new-detail_main b.bg {background: #008ae7;display: block;position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 100%;} 
.new-detail_main_area{position: relative;z-index: 2;overflow: hidden;}
.new-detail_main img{ margin: 26px auto; display: block;}
.new-detail_main_left{ float:left; width: 731px; background:#d1d6d3; padding: 45px 34px 45px 33px;}
.new-detail_main_left img{max-width:100%}
.new-detail_main_left h5{ font-size: 22px; font-weight: bold; color:#777; width: 731px; border-bottom:1px solid #fff; padding-bottom:20px; text-align: center;}
.new-detail_main_left h6{ color:#8a8a8a; text-align:center; margin: 5px 0;}
.new-detail_main_left_con{width:100%;color: #6F6F6F;}
.new-detail_main_left_con img{max-width:100%}
.new-detail_main_share{ width:731px; height:30px; border-top:1px solid #fff; margin-top:30px; padding-top:18px;}
.new-detail_main_share ul{ float:right; }
.new-detail_main_share ul li{float:left;background: #9ba5b0;padding:0 12px;height: 28px;line-height: 28px;border: 1px solid #7d8c83;margin-right:6px;font-family: simsun;}
.new-detail_main_share ul li a{ color: #333;}
.new-detail_main_share ul li:hover{ border:1px solid #006fba; opacity:0.8;}
.new-detail_main_share ul li:hover a{ color:#006fba;}
.bdsharebuttonbox{ float:left; display:inline-block;}
.new-detail_main_right{width:182px;background: #53b9ff;float: left;background:url(../images/r_newsview.png) no-repeat;padding: 70px 10px 0 10px;}
.new-detail_main_right ul li a{background: url(../images/cs_ico.png) -58px -193px no-repeat; padding: 0 0 5px 12px; line-height: 20px; display:inline-block; color: #DDD;font-family: simsun;}
/* news_detail end */

/* activity start */
.activity_main{ padding: 82px 62px 0 131px; width: 807px;}
.activity_main_right{ border-left: 2px solid #ebebeb; position:relative; margin-bottom: 56px;}
.activity_main_con{ background: #f1f1f1; padding-left: 15px; color:#006fba; font-size: 16px; margin: 0 0 31px 71px; position:relative; display: inline-block;}
.activity_main_con:hover{ background:#e9e7e7}
.activity_main_con h6 a{padding: 15px 15px 15px 0; font-size: 16px;color: #006fba;  display: inline-block;}
.activity_main_con_li h6 a{font-size: 16px;color: #006fba;  display: inline-block;padding-right: 230px;}
.activity_main_con ul{ overflow:hidden;}
.activity_main_con ul li{ float:left; margin: 0 17px 15px 0;}
.activity_main_con03{ margin-bottom: 91px;}
.activity_main_con04{ margin-bottom: 50px;}
.activity_main_con .arr{ width:0; height: 0;border-width: 9px; border-style: dashed solid dashed dashed  ;
 border-color: transparent #f1f1f1 transparent transparent;  position: absolute; left: -18px; top: 46px;}
.activity_main_con:hover .arr{ border-color: transparent #e9e7e7 transparent transparent;}
.activity_main_con i{ display:block; position:absolute; left: -147px; top: 42px; background: url(../images/circle.png) 70px 8px no-repeat; padding-right: 30px; color: #6c6c6c; font-size: 14px;}
.activity_main_right em{width:54px;height:54px;border-radius: 32px;background: #006fba;border: 5px solid #35aeff;display:block;line-height: 54px;text-align:center;font-size: 13px;color:#fff;}
.activity_main_right .em1{ position:absolute; top: -46px; left: -32px;}
.activity_main_right .em2{ position:absolute; top: 618px; left: -32px;}
.activity_main_right .em3{ position:absolute; top: 852px; left: -32px;}
.activity_main_con_li{ background: #f1f1f1; color:#006fba; font-size: 16px; padding: 15px 10px 15px; margin: 0 0 32px 71px; position: relative; display: inline-block;}
.activity_main_con_li:hover{background: #e9e7e7;}
.activity_main_con_li i{ display:block; position:absolute; left: -147px; background: url(../images/circle.png) 70px 8px no-repeat; padding-right: 30px; color: #6c6c6c;}
.activity_main_con_li .arr{ width:0; height: 0;border-width: 9px; border-style: dashed solid dashed dashed  ;
 border-color: transparent #f1f1f1 transparent transparent;  position: absolute; left: -18px; top:50%; margin-top: -8px;}
.activity_main_con_li:hover .arr{ border-color: transparent #e9e7e7 transparent transparent;}
/* activity end */

/* thing start */
.thing_main{ padding: 82px 146px 0 108px; width: 746px;}
.thing_main_right{ border-left: 2px solid #ebebeb; position:relative; margin-bottom: 45px;padding: 25px 0;}
.thing_main_con{ background: #f1f1f1; padding-left: 15px; color:#006fba; font-size: 16px; margin: 0 0 39px 71px; position:relative; display: inline-block;}
.thing_main_con:hover{ background:#e9e7e7;}
.thing_main_con02{ margin-bottom: 42px;}
.thing_main_con03{ margin-bottom: 36px;}
.thing_main_con04{ margin-bottom: 110px;}
.thing_main_con05{ margin-bottom: 50px;}
.thing_main_con .arr{ width:0; height: 0;border-width: 9px; border-style: dashed solid dashed dashed  ;
 border-color: transparent #f1f1f1 transparent transparent;  position: absolute; left: -18px; top: 46px;}
 .thing_main_con:hover .arr{ border-color: transparent #e9e7e7 transparent transparent;}
.thing_main_con i{ display:block; position:absolute; left: -147px; top: 42px; background: url(../images/circle.png) 70px 8px no-repeat; padding-right: 30px; color: #6c6c6c; font-size: 14px;}
.thing_main_right em{ width:54px; height:54px; border-radius: 32px; background:#92d206; border: 5px solid #e4f4c2; display:block; line-height: 54px; text-align:center; font-size: 13px; color:#fff;}
.thing_main_right .em1{ position:absolute; top: -46px; left: -32px;}
.thing_main_right .em2{ position:absolute; top: 611px; left: -32px;}
.thing_main_right .em3{ position:absolute; top: 834px; left: -32px;}
.thing_main_con_li{ background: #f1f1f1; color:#006fba; font-size: 16px; padding: 15px 30px 15px 10px; margin-left: 71px; position: relative; }
.thing_main_con_li:hover{ background:#e9e7e7;}
.thing_main_con_li i{ display:block; position:absolute; left: -147px; background: url(../images/circle.png) 70px 8px no-repeat; padding-right: 30px; color: #6c6c6c;}
.thing_main_con_li .arr{ width:0; height: 0;border-width: 9px; border-style: dashed solid dashed dashed  ;
 border-color: transparent #f1f1f1 transparent transparent;  position: absolute; left: -18px; top:50%; margin-top: -8px;}
.thing_main_con_li:hover .arr{  border-color: transparent #e9e7e7 transparent transparent;}
.thing_main_con_pic{ padding: 15px 0 15px 0; overflow:hidden; display: inline-block;}
.thing_main_con_pic a img{ width:205px; height:137px; float:left; margin-right: 25px;}
.thing_main_con_pic_right{ float: left; padding-right: 34px; width: 394px;}
.thing_main_con_pic_right h6 a{ font-size: 16px; color:#006fba; margin-bottom: 6px; display: inline-block;}
.thing_main_con_li h6 a{ font-size: 16px; color:#006fba; display: inline-block;}
.thing_main_con_pic_right p{ color:#929292; font-size: 12px;; line-height: 18px;}
/* thing end */

/* community_main start */
.community_main{ padding:25px 30px; width:940px; overflow:hidden; }
/* .community_main a{display:inline-block;}
.community_main_pic01{  float:left;  width:731px; height:318px; background:url(../images/pic14.jpg) no-repeat; margin:0 5px 7px 0;}
.community_main_pic02{  float:left; width:204px; height:318px; background:#21635e; margin-bottom:7px;}

.community_main_cleft{ width:476px; height:573px; float:left; margin-right:9px; }
.community_main_ccenter{ width:246px;  height:573px; float:left; margin-right:5px;}
.community_main_cright{  width:204px; height:573px;float:left;}

.community_main_cleft .community_main_pic03{  float:left; width:476px; height:279px; background:url(../images/pic15.jpg) no-repeat; margin-bottom:7px;}
.community_main_cleft .community_main_pic04{  float:left; width:476px; height:279px;  background:url(../images/pic16.jpg) no-repeat;  margin-bottom:8px;}

.community_main_ccenter .community_main_pic05{  float:left; width:246px; height:206px; background:url(../images/pic17.jpg) no-repeat;  margin-bottom:9px;}
.community_main_ccenter .community_main_pic06{ width:246px; height:350px;  background:url(../images/pic18.jpg) no-repeat; margin-bottom:8px; }

.community_main_cright .community_main_pic07{   width:204px; height:398px;  background:#d9e19e;margin-bottom:5px;}
.community_main_cright .community_main_pic08{  width:204px; height:161px;  background:#b8b2a8; margin-bottom:8px;}

.community_main_pic09{  width:234px; height:206px; background:url(../images/pic19.jpg) no-repeat; margin-right:8px; float:left; }
.community_main_pic010{ width:234px; height:206px; background:url(../images/pic20.jpg) no-repeat;  margin-right:9px; float:left;}
.community_main_pic011{ width:246px; height:206px; background:url(../images/pic21.jpg) no-repeat; margin-right:5px; float:left;}
.community_main_pic012{  width:204px; height:206px; background:#d98c93; display:block;  float:left;} */


#wrapper {
  margin-bottom: 72px;
  overflow-x: hidden;
  text-align: center;
  width: 980px; 
  margin-left: 6px;
  overflow-y: hidden;
}

.grid-wrapper {
  margin: 0 auto;
  position: relative; }

.grid-item {
  display: block;
  position: absolute;
  margin: 0 auto; }

  .grid-item img {
    display: block;
    height: auto;
    width: 100%; }