/*@charset "gb2312";*/
/* 全局CSS定义 */
body { font:13px "Microsoft Yahei UI", "Microsoft YaHei", SimHei, simsun, sans-serif; color:#333; margin: 0; padding: 0; }

div,form,img,ul,ol,li,dl,dt,dd,img {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;  font-weight:normal; }
table,td,tr,th{font-size:12px;}
.clr{clear: both;}

/* 链接颜色 */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #003399; text-decoration:none;}
a:active { color: #333;}

/* 顶部 */
.top-line{ width: 100%; height: 6px; background-color: #000000;}
.top_bar{ width: 1182px; height: 110px; margin: 0 auto; position: relative; }
.top_bar .logo{background:url(../images/logo.png) left top no-repeat; width: 410px; height: 85px; position: absolute; top: 10px; left: 0; padding: 15px 0 0 210px;}
.top_bar .logo h1{ font-size: 25px; margin-bottom: 5px;}
.top_bar .logo h2{ font-size: 15px; color: #999; letter-spacing: 1px;}
.top_bar .logo .t1{ font-size: 25px; margin-bottom: 5px;}
.top_bar .logo .t2{ font-size: 15px; color: #999; letter-spacing: 1px;}



.top_bar .tel,.top_bar .email{ position: absolute;  height: 40px; top:30px; }
.top_bar .tel{background:url(../images/icon_tel.png) left top no-repeat; right:240px; width: 300px; }
.top_bar .email{background:url(../images/icon_mail.png) left top no-repeat; right: 0; width: 200px; }
.top_bar p{ text-indent: 50px; line-height: 20px;}
.main_pro{ width: 1182px; height: 30px; margin: 0 auto;}
.main_pro ul{ display: inline-block; white-space: nowrap;}
.main_pro ul li{ float:left; margin:0 10px;}
.main_pro ul li a{ color:#0069b3; font-weight:bold;}
.main_pro span{ color:red; font-size:16px; font-weight:bold; }

/* 导航 */
.nav_bar{ width: 100%; height: 40px; background: #003399;}
.of_whole{width:1182px;margin:0 auto; overflow:hidden;}

.navigationBar {
    display:block;
    height: 40px;
    background:#003399;
}
.navigationBar .navigationBarInnel{display:block;margin: 0 auto;width: 1182px;}
.navigationBar tt  {
    display:block;
    position:relative;
    float:left;
    width: 200px;
    height: 40px;
    background: #eeedf4;
    font:500 20px '微软雅黑',sans-serif;
    text-align: center;
    line-height: 40px;
}
/*.navigationBar tt .mainProNavArea {position: absolute;top: 62px;}
.navigationBar tt.slideOpenNAV .mainProNavArea {display:none;}
.navigationBar tt.slideOpenNAV {height: 56px;}*/

.navigationBar .mainMenuV {
    float:left;
    padding-left: 5px;

}
.navigationBar .mainMenuV a {
    /*float:left;*/
    margin: 0 2px;
    padding: 0 25px;
    height: 40px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    display:block;
    float: left;;

}
.navigationBar .mainMenuV a:hover {
    color: #333;
    background:#eeedf4;
}

.navigationBar .mainMenuV .nav_a{
    color: #333;
    background:#eeedf4;
}
.navigationBar .mainMenuV a:active {color: #ccc;background:#999999;}

/* 主导航模块 */
.mainProNav {
    border: 1px solid #eee;
    position:relative;
    z-index:9996;
    cursor:default;
    transition:background 0.2s linear 0s;
    text-align:left;
    width:199px;
    background: #eeedf4;
    height: 480px;
    opacity:0.9;filter:alpha(opacity=90);

}
.mainProNavHover {
    border: 1px solid #ececec;
    background:#ececec;
    color:#666;


}
.mainProNav dl,.mainProNav dt,.mainProNav dd {
    display:block;
    margin:0;
    padding:0;}
.mainProNav dt {
    padding-left: 38px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    background: url(../images/mainProNavIcon.png) right -54px no-repeat;
    transition:background-color 0.2s linear 0s, padding-left 0.2s linear 0s;
    border-bottom: 1px  double #dfdcdc;
}
.mainProNav .dlHover dt {
    position:relative;
    z-index: 9999;
    margin: -1px -3px -1px -1px;
    *margin: -2px -3px -2px -1px;
    #top:-1px;
    padding-left: 45px;
    height: 28px;
    line-height: 28px;
    background:#003399 url(../images/mainProNavIcon.png) left top no-repeat;
    color:#fff;
}
.mainProNav .dlHover dt a:hover{color:#fff;}

.mainProNav dd {
    display:none;
    position:absolute;
    left: 198px;
    top: -1px;
    _top: 0px;
    z-index:9998;
    padding: 20px;
    border: 1px solid #b9b9b9;
    border-left: 3px solid #003399;
    background:#fff;
    width: 982px;
    height: 520px;
    box-shadow:0px 0px 5px #999;}

.mainProNav .dlHover dd {display:block;}

.mainProNav dl dd ul {padding: 10px;}
.mainProNav dl dd ul li {line-height: 30px; float: left; width: 33%;}



/* banner */
.banner{ width: 100%; height: 480px; background:url(../images/banner.jpg) center top; position:relative; }
.nei_b{width: 100%; height: 321px; background: #eeedf4; }
.banner .prot{
    position:absolute;
    bottom:20px;
    left:55%;
    width:100px;
    height:100px;
    background:#fff;
    border-radius:50%;
    padding:30px;
    font-size:15px;
    text-align:center;
}


/* 正文部分 首页 热销产品 */
.t_1,.t_2{width: 100%; height: 39px; letter-spacing: 2px; position: relative;  }
.t_1{ background:url(../images/t-line.png) center no-repeat;}
.t_2{ width: 100%; height: 39px; background:url(../images/t-line2.png) left bottom no-repeat;}
.t_1 p{font: 30px '微软雅黑',sans-serif!important;   text-align: center; width: 140px; margin: 0 auto; background: #fff;}
.t_2 p{ font:600 22px '微软雅黑',sans-serif!important;  text-align: left; width: 100%;}
.f-r{ color: #ff0000;}
.t_3{
    position: absolute;
    top: -10px;
    left: 40%;
    width: 140px;
    text-align: center;
    font:600 22px '微软雅黑',sans-serif;
    background: #fff;

}
.t_4{ background:#007fb3; font:25px '微软雅黑',sans-serif; color: #fff; text-align: center; padding: 20px 0; }
.t_4-1{ background:#e2e2e2; font: 18px '微软雅黑',sans-serif; color: #666; text-align: center; padding: 15px 0; margin-top: 30px; }
.t_5{ height: 39px; background:url(../images/line3.png) left bottom no-repeat;}
.t_5 h1{font:24px '微软雅黑',sans-serif;}
.t_6{  border-bottom: 3px solid #e2e2e2; font: 18px '微软雅黑',sans-serif; color: #666; text-align: center; padding: 15px 0;  }
.t_6 .f1{ color: #999; margin-top: 10px;}


/*
.i_hotpro{width: 1182px; margin: 50px auto;}
.pro_gd{width:100%; height:413px; margin:0 auto; overflow:hidden;}
.mr_frbox{height:407px;padding:24px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:100px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:202px;width:980px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:100px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left; width:210px; overflow:hidden; position:relative; margin: 0 5px; border: 1px solid #eee;}

*/

.i_hotpro{width: 1182px; margin: 50px auto;}
.img_roll{bottom:20px; left:14px; width:100%;}
.img_roll .picScroll-left{ width:100%;  overflow:hidden; position:relative; font-size:12px; }
.img_roll .picScroll-left a{ color:#666;}
.img_roll .picScroll-left .hd{ overflow:hidden;  height:66px; padding:0 10px; position:absolute; top:55px; width:99%;}
.img_roll .picScroll-left .hd .prev{ display:block;  width:16px; height:66px; float:left; overflow:hidden; cursor:pointer; background:url("../images/icon3_1.png") no-repeat;}
.img_roll .picScroll-left .hd .next{ display:block;  width:16px; height:66px; float:right; overflow:hidden; cursor:pointer; background:url("../images/icon3_2.png") no-repeat;}
.img_roll .picScroll-left .bd{ padding:5px 0 12px 55px;;  margin-top:10px;}
.img_roll .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.img_roll .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden;  margin:0 5px 0 7px; text-align:center; border: 1px solid #eee;  }
.img_roll .picScroll-left .bd ul li:hover{ border: 1px solid #ccc; }
.img_roll .proList{ margin: 1px; position: relative;width:202px; height:220px; }
.img_roll .proList h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.img_roll .proList .tel{ position: absolute;left: 2px; bottom: 2px;}
.img_roll .proList .qq{ position: absolute;right: 2px; bottom: 2px;}
.i_hotpro .tt{
    text-align:center; margin:20px auto; color:#999; font-size:12px; line-height:20px;
}


/* 正文部分 首页 产品直通车 */
.i_pro{ margin-top: 30px; background: #f0f0f0; height: 700px;}


/* 正文部分 首页 技术文章 */
.i_news{ height: 340px; width: 1182px; margin: 70px auto; }
.i_news  h3{ font:600 15px '微软雅黑',sans-serif; margin-bottom: 5px;}
.i_news  h3 a{ color: #003399; text-decoration: underline;}
.i_news p{ font-size: 12px; color: #666; }

.i_news .fq{ width: 360px; float: left;}
.i_news .hydt{ width: 370px; float:left; margin-left:40px;}
.i_news .ygsh{width: 360px; float: right; overflow:hidden;}



.i_news .more{
    position: absolute;
    right: 0px;
    top:10px;
    background:url(../images/icon_point.png) right center no-repeat;
    padding-right: 20px;
    font-size: 12px;
}

.i_news .fq .fq_item{
    height: 75px;
    background:url(../images/icon_fq.png) left top no-repeat;
    padding-left: 40px;
    margin-top: 20px;
}

.i_news .hydt .hydt_item{ margin-top: 20px;}
.i_news .hydt .hydt_item .cn{float: right; width: 500px; line-height: 20px;}
.i_news .hydt .hydt_item h3 a{ color: #333;}
.i_news .hydt .hydt_item p a{ color: #cc0000;}


.i_news .hydt .hydt_item img{ border:1px solid #eee; background:url(../images/hydt_item_bg.jpg) no-repeat; /*width:100px;*/ height:85px;}
.i_news .hydt ul{ margin-top: 20px;}
.i_news .hydt ul li{
    background:url(../images/icon_li.png) left no-repeat;
    padding-left: 25px;
/*    width: 45%;
    float: left;*/
	line-height:22px;
    margin: 3px 0;
}



.i_news .hydt .hydt_item{ margin-top: 20px; height:120px;}
.i_news .hydt .hydt_item .cn{float: right; width: 238px; height:110px; overflow:hidden; line-height: 20px;}
.i_news .hydt .hydt_item h3 a{ color: #333;}
.i_news .hydt .hydt_item p a{ color: #cc0000;}
.i_news .hydt .hydt_item img{ border:1px solid #eee; background:url(../images/hydt_item_bg.jpg) no-repeat; width:100px; height:85px;}


.i_news .ygsh .ygsh_item{ margin-top: 20px; height:120px;}
.i_news .ygsh .ygsh_item .cn{float: right; width: 238px; height:110px; overflow:hidden; line-height: 20px;}
.i_news .ygsh .ygsh_item h3 a{ color: #333;}
.i_news .ygsh .ygsh_item p a{ color: #cc0000;}
.i_news .ygsh .ygsh_item img{ border:1px solid #eee; background:url(../images/hydt_item_bg.jpg) no-repeat; width:100px; height:85px;}



.i_news .ygsh ul{ margin-top: 20px;}
.i_news .ygsh ul li{
    background:url(../images/icon_li.png) left no-repeat;
    padding-left: 25px;
/*    width: 45%;
    float: left;*/
    margin: 3px 0;
	line-height:22px;
}









/* 正文部分 首页 案例 */
.i_hzkh{ padding-top: 30px; background: #f0f0f0; height: 300px;}
.i_hzkh .t_1{}
.i_hzkh .t_1 p{background: #f0f0f0;}
.i_hzkh ul{ width: 1182px; margin: 20px auto;}
.i_hzkh ul li{ margin: 5px 15px; float: left;}
.i_hzkh ul li img{ border: 1px solid #ccc;}

/* 正文部分 首页 友情链接 */
.link{width: 1182px; margin: 40px auto; border: 1px solid #eee;  position: relative;}
.link .t_3{
    position: absolute;
    top: -10px;
    left: 40%;
    width: 140px;
    text-align: center;
    font:600 22px '微软雅黑',sans-serif;
    background: #fff;

}
.link ul{padding: 15px 20px;}
.link ul li{ margin: 15px 10px; float: left;}
.link ul li a{ color: #999;}


/* 正文部分 内页 */
/* 正文部分 内页 当前位置 */

.dqwz{ width: 100%; height: 31px; margin-top: 30px; position: relative; background:url(../images/line2.png) repeat-x;}
.dqwz .cn{width: 1182px; margin: 0 auto; position:relative;  }
.dqwz .cn p{ width: 80%; float: right; text-align: right; color: #999;}
.dqwz .cn .t1{ position:absolute; left:0px; top:-2px;}
.dqwz .cn .t1 a{ color:#999;}

/* 正文部分 内页 所有分类 */
.pro_list { margin-top: 40px;}
.pro_list li{ float: left; display:inline-block; text-align:center; border: 1px solid #eee; margin: 20px 36px 0 0; position: relative;  }
.pro_list li:hover{ border: 1px solid #ccc; }
.pro_list .pro_item{ margin: 1px; position: relative;width:202px; height:200px; }
.pro_list .pro_item i{position: absolute; top: 0;left: 0; z-index:99;}
.pro_list h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.pro_list .pro_item .tel{ position: absolute;left: 2px; bottom: 2px; }
.pro_list .pro_item .qq{ position: absolute;right: 2px; bottom: 2px;}




.proList{width: 1182px; margin: 40px auto; }
.proList .pro_list  li:nth-child(5n){ float: right; margin-right: 0px;}
/*
.proList ul{ margin-top: 40px;}
.proList ul li{ display:inline-block; text-align:center; border: 1px solid #eee; margin: 10px 13px;  }
.proList ul li:hover{ border: 1px solid #ccc; }
.proList .pro_item{ margin: 1px; position: relative;width:202px; height:200px; }
.proList  h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.proList .pro_item .tel{ position: absolute;left: 2px; bottom: 2px; }
.proList .pro_item .qq{ position: absolute;right: 2px; bottom: 2px;}
*/



/* 正文部分 内页 产品分类 */
.main_b{width: 1182px; margin: 40px auto; }
.main_b .l_b{ width: 222px;float: left;}
.main_b .r_b{ width: 900px; float: right;}
.l_menu{ background: #0099cc;}
.l_menu ul{}
.l_menu ul li{ border-bottom: 1px solid #bde4f4; text-align: center;  line-height: 26px; font-size: 14px;}
.l_menu ul li:hover{ background: #006699;}
.l_menu ul li a{ color: #f5f1f1;}
.l_menu ul li ul li{background: #f2f2f2; font-size: 12px; line-height: 22px; text-align: right; padding-right: 4px; border-bottom: 1px solid #ccc;}
.l_menu ul li ul li a{ color: #666;}
.l_menu ul li ul li:hover{ background: #dbd9d9;}


.l_menu-1 {}
.l_menu-1 li{ border-bottom: 1px solid #e2e2e2; text-align: center;  line-height: 22px; font-size: 13px;}
.l_menu-1 li:hover{ background: #e2e2e2;}
.l_menu-1 li a{ color: #333;}



.l_QA{background: #f2f2f2;}
.l_QA .qa_item{ border-bottom: 1px dotted #ccc; margin: 20px 10px ; padding-bottom: 10px;}
.l_QA .qa_item i{background: #d3d7e0; font: 12px; padding: 2px 5px;  font-style: italic; }
.l_QA .qa_item h4{ font:600 13px '微软雅黑',sans-serif; margin: 10px 0;}
.l_QA .qa_item h4 a{ text-decoration: underline;}

.pro_type_des{ margin: 30px 0; color: #666;}
.pro_subclass{ margin: 10px 0;}
.pro_subclass li{ background: #f4f4f4; border: 1px solid #E1E1E1; height: 28px; line-height: 28px; width: 101px; float:left; margin: 4px 4px 0 0; text-align:center;}
.pro_subclass a{ display:block;}
.pro_subclass a:hover{ background: #DFDFDF;}
.pro_type_des p{
    margin-bottom:10px;
}

    .pro_type_des p a {
        text-decoration:underline;
    }

.pro_type_list{ margin-top: 20px;}
.main_b .r_b .pro_list  li{float: left; display:inline-block; text-align:center; border: 1px solid #eee; margin:0 25px 40px 0; }
.main_b .r_b .pro_list li:nth-child(4n){ margin-right: 0px; float: right;}

.rela_article{ margin: 60px auto; border: 1px solid #eee;  position: relative; height: 180px;}
.rela_article .t_3{left: 35%; /*width: 230px;*/ top: -15px; font:500 22px '微软雅黑',sans-serif;}
.rela_article ul{ margin: 40px 30px;}
.rela_article li{ width: 45%; float: left;  background:url(../images/icon_li.png) left no-repeat;
    padding-left: 25px;
    margin: 3px 0;}

.rela_product{margin: 60px auto; border: 1px solid #eee;  position: relative; height: 260px;}
.rela_product .t_3{left: 40%; width: 180px;  top: -15px; font:500 22px '微软雅黑',sans-serif;}
.rela_product .img_roll{ margin-top: 30px;}
.rela_product .img_roll .proList{ margin: 1px;  width:185px; /*height:185px;*/ }
.rela_product .img_roll .proList i{position: absolute; top: 0;left: 0; z-index:99;}
.rela_product .img_roll .proList h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.rela_product .img_roll .proList .tel{ position: absolute;left: 2px; bottom: 2px;}
.rela_product .img_roll .proList .qq{ position: absolute;right: 2px; bottom: 2px;}



.pro_overview{ height: 305px; position: relative;}
.pro_overview .cn{ width: 450px; float: left;}
.pro_overview .pro_img{float: right; width: 400px; overflow: hidden;}
.pro_overview p{ margin: 20px 0; color: #666; line-height: 22px;}
.pro_overview i{ position: absolute; left:0 ; bottom: 0px; }
.pro_overview .cn .a1{ color: #003399; font-style: italic; margin-right: 2px; text-decoration: underline; }
.pro_overview p a{
    text-decoration:underline;
}

.prev_g{ background: #eee; padding: 5px 0; position: relative; margin-top: 10px; height: 22px;}
.prev_g .prev{ position: absolute; left: 10px; top: 5px;}
.prev_g .next{ position: absolute; right: 10px; top: 5px;}
.prev_g a{ color: #666;}


.product_desc{
    clear:both;
    margin-top:30px;
}

    .product_desc table { 
       width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #ddd;
        }

.product_desc  table td,.product_desc  table th{ border: 1px solid #ddd;padding: 8px;}
.product_desc  table th{ background:#f3f2f2; text-align:center;}
.product_desc .pro_xn img{ }
.product_desc .pro_xn{ text-align:center;}

.product_desc .pro_js ul,.product_desc .pro_js ol,.product_desc .pro_fw ul,.product_desc .pro_fw ol,.product_desc .pro_tu ul,.product_desc .pro_tu ol {padding-left:15px; margin-bottom:10px; }

.product_desc p{margin-bottom:10px;}
.product_desc  h4{ font-size:16px;  color:#666; line-height:25px;}
.product_desc  li{ list-style:decimal; /*padding-left:15px; margin-bottom:5px;*/ padding-bottom:2px;}
/*.product_desc .pro_fw{ padding-left:40px;}*/


.product_desc .pro_tu img{ width:100%;}



.resp-tabs-list li {
    font:16px '微软雅黑',sans-serif;
    font-weight:bold;
    color:#333;
    display: inline-block;
    padding: 13px 15px;
    margin-top: 20px;
    list-style: none;
    cursor: pointer;
    float: left;
    background: #EDEDED;
    margin-right: 5px;
    border-radius: 2px 2px 0 0;
}
.resp-tabs-list li:hover {
    color: #E4292F;
}
.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    color: #666;
    line-height: 20px;
}
.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.resp-tab-content {
    display: none;
    padding: 15px;
}
.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
}
.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}
.resp-content-active, .resp-accordion-active {
    display: block;
}
.resp-tab-content {
    border: 1px solid #c1c1c1;
    color:#666;
    line-height:22px;
    font-size:12px;
}
.resp-tab-content p a{
    text-decoration:underline;
}
h2.resp-accordion {
    font-size:1em;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
    background:#E0E0E0;
    margin:10px 0;
}
h2.resp-accordion:hover{
    color: #E4292F;
}
h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

/* 正文部分 内页 其它内页 */
.other_p,.news,.news_d,.case{ margin-top: 30px; color: #666; line-height: 26px;}
.other_p p,.news p,.news_d p,.case p{ margin:10px 0;}

.other_p h4{ font-size:16px; line-height:25px; }
.other_p ol,.other_p ul,.news_d ul,.news_d ol{margin-bottom:10px; padding-left:15px;}
.other_p li,.news_d li{ list-style:disc; margin-bottom:5px;}
.other_p .img_r{ float:right; width:400px; margin:0 0 10px 10px;}
.other_p .img_l{float:left; width:400px; margin:0  10px 10px 0;}
.news_d a{
    text-decoration:underline;
}


/*.case{ height: 270px; padding-left:0px!important;}*/
/*.case li{ float:left; width: 125px; height: 110px; margin: 10px 45px 0 0; text-align:center; list-style:none;}
.case li img{ display:block; margin-bottom: 7px;}
.case_l{ padding-top: 10px; padding-left:0px!important;}
.case_l li {float: left; width: 49%; height: 25px; line-height: 25px; background: #eee; border: 1px solid #fff; text-indent: 15px; list-style:none;}*/


.case  h2{ font-weight: normal; clear: both; margin-top: 2rem;}
.case .pic{ height:220px;}
.case .pic li{  float:left; width: 125px; height: 110px; margin: 10px 45px 0 0; text-align:center; list-style:none;}
.case .pic li img{ display:block; margin-bottom: 7px;}

.case_l{ padding-top: 10px;}
.case_l li {float: left; width: 49%; height: 25px; line-height: 25px; background: #eee; border: 1px solid #fff; text-indent: 15px;}







/* 正文部分 内页 瀑布流效果 */
.article {
    display: block;
    margin: 0 0 30px 0;
    padding: 12px;
    background: #f2f2f2;
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    transition: all 220ms;
}
.article:hover {
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    transition: all 220ms;
}
.article > img {
    display: block;
    width: 100%;
    margin: 0 0 24px 0;
}
.article h2 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.article h3{font-size: 13px; font-weight: bold; border-bottom: 1px solid #ccc;}
.article p{ font-size: 12px; line-height: normal; color: #666; }

.wall {
    display: block;
    position: relative;
}
.wall-column {
    display: block;
    position: relative;
    /*width: 33.333333%;*/
    width: 33%;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
}
@media (max-width: 640px) {
    .wall-column {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .wall-column {
        width: auto;
        float: none;
    }
}




.news{}
.news .wall-column { width: 49%;}
.news h3{ text-align: center; font-size: 16px; line-height: 28px;}
.news ul{ margin-top: 15px; padding-left:20px;}
.news li{list-style: disc outside; margin-bottom: 5px; }

.news_d{ margin-bottom: 30px;}
.news_d h4{
    font-size:16px; 
    font-weight:bold;
    margin:5px 0;
}



.footer{ background:url(../images/ft_bg.png) repeat-x bottom; margin-top: 40px; height: 250px; color: #ccc; }
.footer a{color: #ccc;}
.footer h3{font:500 22px '微软雅黑',sans-serif; margin-bottom: 15px; }
.footer .ft1,.footer .ft2{width: 1182px; margin: 0 auto;  }
.footer .ft1{padding-top: 20px; height: 200px;}
.footer .ft1 p{ line-height: 22px;}
.footer .ft1 .cn1{ width: 500px; float: left; margin-right: 80px;}
.footer .ft1 .cn2{width: 250px; float: left;}
.footer .ft1 .cn3{ float: right;}
.footer .ft1 .cn2 ul{}
.footer .ft1 .cn2 ul li{
    background:url(../images/icon_li2.png) left no-repeat;
    padding-left: 20px;
    margin: 2px 0;
    float: left;
    width: 30%;
}


.footer .ft2{}
.footer .ft2 .p_l{ float: left; width: 50%;}
.footer .ft2 .p_r{ float: right; width: 50%; text-align: right;}



.QQbox {z-index: 9999; right: 0px; width: 150px; /*height:445px;*/position:fixed; _position: absolute; top:120px; right:0px;  background:url(../images/qq.png) no-repeat #003399;}
.close{width:20px; height:20px; margin-left:128px; cursor:pointer;}
.qq_list{margin-top:30px;}
.qq_list .qq_li{width:129px; height:28px; line-height:28px; background:url(../images/qq_li.jpg) no-repeat; margin:auto;margin-top:3px; }
.qq_list .qq_li a{display:block; text-indent:40px; font-weight:bold; }
.qq_bb{background:url(../images/qqkf.png) no-repeat center; height:220px;}



    #service{width:180px;height:290px;position:fixed;top:300px;right:0px; z-index:100;}
            *html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
            #service li{width:170px;height:72px;}
            #service li img{float:right;}
            #service li a{height:70px;float:right;display:block;min-width:69px;max-width:170px;}
            #service li a .shows{display:block;}
            #service li a .hides{margin-right:0;cursor:pointer;cursor:hand;}
            #service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
            #service li a.weixin_area .weixin{display:none;position:absolute;right:90px;top:48px}
            #p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
            #p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
            /*#p1{width:100px;height:70px;float:left}*/