@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden;}
*{ padding:0; margin:0;}
a{ border:0; text-decoration:none;}
ul{list-style:none;}
img{border:0;}
body{font-family:Arial; font-size:12px;}

/*index*/
#box{width:100%; margin:0 auto;}

.top{width:100%; height:204px; background:url(../images/top_bg.jpg) repeat-x top;}
.top_bg{width:1002px; margin:0 auto; height:204px; background:url(../images/top_ly_bg.jpg) no-repeat top;}
.top_top{width:1002px; margin:0 auto; height:29px;}
.top_top .left{width:200px; float:left; display:block; text-align:center; font-size:12px; color:#FFF; padding-top:5px; line-height:20px;}
.top_top .right{width:460px; float:right; display:block; font-size:10px; color:#6ea0ce; padding-top:5px; line-height:20px;}
.top_top .right a{color:#FFF; font-size:12px; padding:0px 12px;}
.top_top .right a:hover{color:#F90;}
.top_menu{width:1002px; margin:0 auto; height:104px;}
.top_menu .logo{width:140px; float:left; display:block;}
.top_menu .menu{width:862px; float:right; text-align:right; display:block; font-size:14px; color:#000; font-family:Arial; padding-top:50px; line-height:24px;}
.top_menu .menu a{color:#000; font-size:14px; padding-left:52px;}
.top_menu .menu a:hover{color:#F90;}
.top_pro{width:1002px; margin:0 auto; height:71px;}
.top_pro .pc{width:105px; float:left; display:block; padding-top:32px;}
.top_pro .fl{width:888px; float:right; display:block; padding-top:17px; padding-left:9px;}
.top_pro .fl a.jcj{background:url(../images/btn_pro_jcj.jpg) no-repeat 0px 0px;display:inline;float:left;height:38px;width:83px; padding:0px 0px 0px 50px; font-size:12px; color:#FFF; line-height:38px; margin-left:10px;}
.top_pro .fl a.jcj:hover{background:url(../images/btn_pro_jcj.jpg) no-repeat 0px -38px; color:#FFF;}
.top_pro .fl a.cd{background:url(../images/btn_pro_cd.jpg) no-repeat 0px 0px;display:inline;float:left;height:38px;width:83px; padding:0px 0px 0px 50px; font-size:12px; color:#FFF; line-height:38px; margin-left:10px;}
.top_pro .fl a.cd:hover{background:url(../images/btn_pro_cd.jpg) no-repeat 0px -38px; color:#FFF;}
.top_pro .fl a.gxj{background:url(../images/btn_pro_gxj.jpg) no-repeat 0px 0px;display:inline;float:left;height:38px;width:83px; padding:0px 0px 0px 50px; font-size:12px; color:#FFF; line-height:38px; margin-left:10px;}
.top_pro .fl a.gxj:hover{background:url(../images/btn_pro_gxj.jpg) no-repeat 0px -38px; color:#FFF;}
.top_pro .fl a.sxmk{background:url(../images/btn_pro_sxmk.jpg) no-repeat 0px 0px;display:inline;float:left;height:38px;width:103px; padding:0px 0px 0px 50px;font-size:12px; color:#FFF; line-height:38px; margin-left:10px;}
.top_pro .fl a.sxmk:hover{background:url(../images/btn_pro_sxmk.jpg) no-repeat 0px -38px; color:#FFF;}
.top_pro .fl a.zsj{background:url(../images/btn_pro_zsj.jpg) no-repeat 0px 0px;display:inline;float:left;height:38px;width:83px; padding:0px 0px 0px 50px; font-size:12px; color:#FFF; line-height:38px; margin-left:10px;}
.top_pro .fl a.zsj:hover{background:url(../images/btn_pro_zsj.jpg) no-repeat 0px -38px; color:#FFF;}
.top_pro .fl a.more{background:url(../images/btn_pro_more.jpg) no-repeat 0px 0px;display:inline;float:left;height:38px;width:83px; padding:0px 0px 0px 50px; font-size:12px; color:#FFF; line-height:38px; margin-left:10px;}
.top_pro .fl a.more:hover{background:url(../images/btn_pro_more.jpg) no-repeat 0px -38px; color:#FFF;}

/**banner**/
#slide-index{min-width:1000px;width:auto; height:430px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:430px; }
#slide-index .slide{ min-width:1000px; height:430px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}
#slide-index .control{ position:absolute; bottom:17px; width:100%; text-align:center; cursor:pointer;z-index:40;}
#slide-index .control a{width:12px; height:12px;display:inline-block; background-repeat:no-repeat; background-image:url(../images/hw_000505.png); margin-right:4px;}
#slide-index .control a:hover, #slide-index .control a.active{background-image:url(../images/hw_000506.png); width:12px; height:12px; cursor:pointer;}
.autoMaxWidth{overflow:hidden; position:relative;height:232px; }
/**banner**/

.index_sl{width:1002px; height:100px; margin:0px auto; padding:35px 0px;}
.index_sl .lbzx{width:365px; height:100px; float:left; border-right:1px solid #dcdcdc;}
.index_sl .lbzx .tab{width:340px; float:left;}
.index_sl .lbzx .tab span{ color:#002739; font-size:15px; font-weight:bold; line-height:22px;}
.index_sl .lbzx .tab samp{ color:#909090; font-size:12px; line-height:22px; font-family:Arial; padding-left:10px;}
.index_sl .lbzx .bt a{width:340px; float:left; font-size:13px; color:#605f5f; font-family:Arial; margin-top:6px; line-height:20px;}
.index_sl .lbzx .bt a:hover{color:#F90;}
.index_sl .lbzx .zi{width:340px; float:left; font-size:12px; color:#909090; font-family:Arial; margin-top:4px; line-height:20px;}

.index_sl .yzfw{width:287px; height:100px; float:left; border-right:1px solid #dcdcdc; padding-left:30px;}
.index_sl .yzfw .tb{width:88px; height:88px; float:left; padding-top:4px;}
.index_sl .yzfw .tab{width:160px; float:left; padding-left:20px; padding-top:4px;}
.index_sl .yzfw .tab span{color:#002739; font-size:15px; font-weight:bold; line-height:18px;}
.index_sl .yzfw .tab samp{color:#909090; font-size:12px; line-height:18px; font-family:Arial; padding-left:6px;}
.index_sl .yzfw .zi{width:160px; float:left; padding-left:20px; font-size:12px; color:#8c8c8c; font-family:Arial; margin-top:1px; line-height:20px;}
.index_sl .yzfw .more{width:160px; float:left; padding-left:20px;margin-top:9px;}

.index_sl .js{width:287px; height:100px; float:left; padding-left:30px;}
.index_sl .js .tb{width:88px; height:88px; float:left; padding-top:4px;}
.index_sl .js .tab{width:160px; float:left; padding-left:18px;}
.index_sl .js .tab span{color:#002739; font-size:15px; font-weight:bold; line-height:18px;}
.index_sl .js .tab samp{color:#909090; font-size:12px; line-height:18px; font-family:Arial; padding-left:6px;}
.index_sl .js .zi{width:160px; float:left; padding-left:20px; font-size:12px; color:#8c8c8c; font-family:Arial; margin-top:4px; line-height:20px;}
.index_sl .js .more{width:160px; float:left; padding-left:20px;margin-top:10px;}

.index_pro_bg{width:100%; height:100px; padding:20px 0px; background-color:#f0f0f0; margin-bottom:20px;}
.index_pro{width:1002px; margin:0px auto;}
.view {width:318px; height:100px; overflow:hidden; position:relative; text-align:center;cursor:default; float:left;}
.view .mask, .view .content { width: 318px; height: 100px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.view a.info { background: url(../images/link.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent:9999px; width: 20px; height: 20px; }
.third-effect .mask { opacity: 0; overflow: visible; border:100px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.third-effect a.info { position: relative; top: -20px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask { opacity: 1; border:60px solid rgba(0, 0, 0, 0.7); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }


.bottom{width:100%; height:246px; margin:0 auto; float:left; background:url(../images/bottom_bg.jpg) repeat-x top;}
.bottom_ly{width:1002px;margin:0 auto;}
.bottom_ly .menu{width:215px; float:left; padding-top:34px;}
.bottom_ly .menu .bt{display:block; font-size:14px; font-family:Arial; line-height:24px; color:#96a5b9;}
.bottom_ly .menu .bt samp{ background:url(../images/icon1.jpg) no-repeat right 6px;font-size:14px; font-family:Arial; line-height:24px; color:#495f7c; padding:0px 28px 0px 8px;}
.bottom_ly .menu .zi{display:block; padding-top:14px; font-size:12px; font-family:Arial; line-height:24px; color:#5e6f86;}
.bottom_ly .menu .zi a{display:block; font-size:12px; color:#5e6f86;}
.bottom_ly .menu .zi a:hover{color:#ffc600;}
.bottom_ly .follow{width:287px; height:212px; float:left; background:url(../images/bottom_fg_bg.jpg) no-repeat top left; padding-top:34px; padding-left:70px;}
.bottom_ly .follow .bt{display:block; font-size:14px; font-family:Arial; line-height:24px; color:#96a5b9;}
.bottom_ly .follow .bt samp{background:url(../images/icon1.jpg) no-repeat right 6px;font-size:14px; font-family:Arial; line-height:24px; color:#495f7c; padding:0px 28px 0px 7px;}
.bottom_ly .follow .zi{display:block;width:287px; float:left; padding-top:23px;}
.bottom_ly .follow .zi a.Twitter{background:url(../images/twitter.png) no-repeat 0px 0px;display:inline;float:left;height:30px;width:30px; padding:0px 0px 0px 13px;}
.bottom_ly .follow .zi a.Twitter:hover{background:url(../images/twitter.png) no-repeat 0px -30px;}
.bottom_ly .follow .zi a.facebook{background:url(../images/facebook.png) no-repeat 0px 0px;display:inline;float:left;height:30px;width:30px; padding:0px 0px 0px 13px;}
.bottom_ly .follow .zi a.facebook:hover{background:url(../images/facebook.png) no-repeat 0px -30px;}
.bottom_ly .follow .zi a.Email{background:url(../images/Email.png) no-repeat 0px 0px;display:inline;float:left;height:30px;width:30px;}
.bottom_ly .follow .zi a.Email:hover{background:url(../images/Email.png) no-repeat 0px -30px; color:#ffc600;}
.bottom_ly .follow .yj{display:block;width:287px; float:left; padding-top:17px; font-size:12px; font-family:Arial; line-height:24px; color:#6e839f;}

/*page*/
.page_top_tu{width:100%; height:110px;}
/*.news_top_tu{background:url(../images/news_top_tu.jpg) no-repeat top center; width:100%; height:110px;}
.service_top_tu{background:url(../images/service_top_tu.jpg) no-repeat top center; width:100%; height:110px;}
.Technology_top_tu{background:url(../images/Technology_top_tu.jpg) no-repeat top center; width:100%; height:110px;}
.product_top_tu{background:url(../images/product_top_tu.jpg) no-repeat top center; width:100%; height:110px;}
.contact_top_tu{background:url(../images/contact_top_tu.jpg) no-repeat top center; width:100%; height:110px;}*/
.dcwz_bg{width:100%; height:44px;border-bottom:1px solid #c9d0d9;}
.dcwz_ly{width:935px; background:url(../images/icon_dcwz.jpg) no-repeat 0px 0px; margin:0px auto;font-family:Arial; font-size:12px;font-weight:bold; line-height:40px; padding-top:4px; padding-left:67px; color:#484848;}
.dcwz_ly a{color:#395f91;}

.page_ly{width:1002px; margin:0px auto;}
.page_ly_left{width:761px; float:left; border-right:1px solid #c9d0d9; padding-top:55px;}
.page_ly_right{width:240px; float:right;}

.page_bt_zi{width:730px; float:left; background:url(../images/page_bt_about.jpg) no-repeat left; height:42px; font-family:Arial; font-size:21px; color:#6a7ba7; font-weight:bold;}
.page_about_zi{width:730px; float:left;font-size:12px;font-family:Arial; line-height:22px; color:#484848;padding:46px 0px 60px 0px; min-height:120px;}
.page_about_zi a{color:#484848; line-height:22px;} 

.page_right_menu{width:240px;display:block;clear:both;}
.page_right_menu ul {padding:0px;margin:0px;}
.page_right_menu li {list-style:none;font-size:14px; font-weight:bold;color:#585859;font-family:Arial;/*line-height:45px;*/border-bottom:1px solid #d9dee5; display:block;}
.page_right_menu li a{font-size:14px; font-weight:bold;color:#585859; display:block;/*padding:2px 0px 0px 10px;*/ padding:15px 10px;}
.page_right_menu li a:hover{background-color:#567db0; color:#FFF;}
.page_right_menu li a.active{background-color:#567db0; color:#FFF;}

.page_zs_tu{width:160px; float:left; margin-right:20px; margin-bottom:10px; line-height:46px; text-align:center;}

.news_block{display:block;width:730px;float:left; padding:30px 0px 30px 0px; border-bottom:1px solid #c6d0de;}
.news_tu{display:block;width:120px; float:left;}
.news_zi{display:block;width:590px; float:left; padding-left:20px;}
.news_zi .bt{display:block;}
.news_zi .bt a{font-family:'微软雅黑';font-size:16px; font-weight:bold; color:#484848; line-height:22px;}
.news_zi .bt a:hover{color:#F90;text-decoration:none;}
.news_zi .rq{font-size:12px; color:#909090; line-height:18px;}
.news_zi .zi{display:block;clear:both;font-size:12px;font-family:'微软雅黑';color:#484848; padding-top:6px; line-height:22px;}

.pro_fm_bt{background:url(../images/pro_fm_bt.jpg) no-repeat top center; height:50px; width:1002px;}
.pro_fm_bt samp{font-size:18px; color:#FFF; font-weight:bold;font-family:'微软雅黑'; line-height:50px; padding-left:65px;}
.pro_fm_bt span{font-size:18px; color:#FFF;line-height:50px; padding-left:8px;}
.pro_fm_cw{width:1002px;display:block;clear:both;}
.pro_fm_cw ul {padding:0px;margin:0px;height:120px;background:url(../images/pro_fm_cw_bg.jpg) no-repeat bottom center;}
.pro_fm_cw li {list-style:none;float:left;}
.pro_fm_cw li a{display:block;width:167px;height:70px;font-size:16px;font-weight:bold;font-family:'微软雅黑';color:#FFF;text-align:center; padding-top:50px;}
.pro_fm_cw li a:hover{color:#FFF; background:url(../images/pro_fm_cw.png) no-repeat bottom center;}
.pro_fm_cw li a.active{color:#FFF; background:url(../images/pro_fm_cw.png) no-repeat bottom center;}

.pro_fl_menu{width:400px; float:left; padding-top:60px; padding-left:50px;}
.pro_fl_menu .bt{display:block; font-size:20px; font-weight:bold; font-family:Arial; line-height:24px; color:#FF9122;}
.pro_fl_menu .bt a{ font-size:20px; font-weight:bold; font-family:Arial; line-height:24px; color:#FF9122;}
.pro_fl_menu .zi{display:block; padding-top:10px;}
.pro_fl_menu .zi a{display:block; font-size:14px; font-family:Arial; line-height:28px; color:#FFF;}
.pro_fl_menu .zi a:hover{color:#ffc600;}

.pro_xx_tu_zi{padding:0px 0px 30px 0px; width:730px; height:262px;}
.pro_xx_tu_zi .tu{width:390px; height:260px; border:1px solid #c9d0d9; display:block; float:left;}
.pro_xx_tu_zi .zi{width:308px; display:block; float:left; background:url(../images/pro_xx_bg.jpg) no-repeat top left;height:232px; padding:30px 0px 0px 30px;}
.pro_xx_tu_zi .zi .bt{display:block; border-bottom:1px dashed #aeb6c3;}
.pro_xx_tu_zi .zi .bt b{display:block; font-family:Arial; font-size:22px; line-height:28px; color:#FFF;}
.pro_xx_tu_zi .zi .bt samp{display:block; font-family:Arial; font-size:18px; font-weight:bold; line-height:28px; padding-bottom:6px; color:#667d9f;}
.pro_xx_tu_zi .zi .ly{display:block;font-size:12px; font-family:Arial; color:#FFF; line-height:20px; padding:14px 0px 10px 0px;}

.pro_xx_bt{width:730px; height:32px; background-color:#c9d4e4;}
.pro_xx_bt B{background:url(../images/pro_xx_bt_bg.jpg) no-repeat right top; float:left;font-size:14px; font-family:Arial; color:#FFF; padding:5px 50px 5px 32px;}

.pro_xx_ly{width:690px;font-size:14px;font-family:Arial; font-weight:bold;line-height:28px; color:#484848;padding:20px 20px 0px 20px;}