@charset "utf-8";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,li{ margin:0; padding:0;}
body{ margin-top:0; margin-bottom:0px; padding-top:0; text-align:center; height:auto;  margin-right: auto; margin-left: auto;  font: 12px/20px Arial, sans-serif;}
img{border:0;}
ul,li{list-style:none; margin:0;padding:0;}
a{ text-decoration:none;}
a:hover{text-decoration:none;}

#head{ background:#282828; margin:0 auto; height:40px}
#head .wenhou{ width:1100px; margin:0 auto; text-align:left}
#head .wenhou .zb1{ float:left;}
#head .wenhou span{ color:#fff; text-align:left; line-height:40px; font:Arial}
#head .wenhou .zh-en{ float:right;line-height:40px;}
#head .wenhou .zh-en a{ color:#fff; font-size:14px}
#head .wenhou .zh-en a:hover{ color:#f00}

#logo{ width:1100px; margin:0 auto; height:120px;}
#logo .logo_left{ float:left; padding:10px 0;}
#logo .logo_right{ float:right; margin-top:42px;}
#logo .logo_right img{ vertical-align:middle; height:50px; float:left; margin:0 10px 0 0;}
#logo .logo_right div{ display:inline-block; float:left; line-height:27px; text-align:center; font-size:26px; color:#0066cb; font-weight:bold;}
#logo .logo_right p{ font-size:22px; color:#e42400;}

#dh{ margin:0 auto; height:50px; background:url(../images/dh.jpg)}
#dh .dht{ width:1100px;margin:0 auto; overflow:hidden;}
.menu{width:1100px; overflow:hidden;}
.menu .menu_item{ display:inline-block; width:157px; float:left;font-size: 15px;}
.menu .menu_item a{color: #fff;font-weight:bold; display: block; line-height:50px; text-transform:uppercase}
.menu .menu_item a:hover{ color:#fff;}
.menu .menu_item:hover{background-color:#0fa9eb;  height:50px;color:#0fa9eb}
.menu .menu_item:hover .submenu{display:block}
.submenu{width: 100%; margin:10px auto; position: absolute;left: 0;top: 200px; height: 246px;display: none;overflow: hidden; z-index:999; background:#0066cb;}
.submenu a{color:#000; font-size:12px; line-height:23px; position:relative;}
.nav_sub-img{width: 150px; padding-top: 5px;margin-left: 197px;margin-top: 25px;}<!-- float:right; margin:5px; -->
.nav_sub-img img{ width:150px; height:100px }
.nav_subs{width: 500px; margin-left: 30px;  margin-top: 10px;}
.nav_subs a{display: block; float: left;margin-right: 32px; width:230px; height: 32px; line-height:32px; padding-left: 5px;text-align: left;background: none;font: 12px "Arial"; color: #ccc;}
.nav_submenu-item{float:left; width:230px;}
.nav_submenu-item a{width:210px; border-bottom: 1px solid #999; padding-bottom:5px;}
.nav_submenu-item:hover {color: #11578b;text-decoration: none;position:relative;}
.nav_submenu-item:hover a:hover{ text-decoration:underline; color:#F00;}
.nav_sub-jj{width: 300px;height: 80px; padding-left: 30px; margin-top: 25px; border-left: 1px solid #999; height:130px; /*background: url(../images/menu_bg05.png) no-repeat 30px 0;*/ text-align:left;}
.nav_sub-jj p{padding: 9px 0 4px;font: bold 12px/24px "Arial";color:#FFF; text-align:left; overflow:hhidden; clear:both;}
.fle{ float:left;}
#banner1{ position:relative; height:300px; overflow:hidden;}
#banner{ position:relative; height:450px; overflow:hidden;}

#tjcp{ width:1100px; margin:0 auto; height:auto;}
.pro_n{ text-align:center; color:#0271a9; margin:40px auto 20px; line-height:1.5;}
.pro_n a{ font-size:24px; font-weight:bold}
.pro_n span{ padding:20px auto;}
.pro_l{ margin:30px auto 20px;}
.pro_l ul{list-style:none; padding:5px; margin:0 auto 10px; overflow:auto}
.pro_l ul li{ display:inline;float:left; max-height:190px; max-width:228px; width:228px; height:190px;  margin:0 20px; border:2px solid #0271a9; margin-top:20px; }
.pro_l ul li p{ margin-top:0}
.pro_l ul li a{ font-size:14px; color:#0271a9;}
.pro_l ul li img{ padding:10px; height:145px; width:210px;max-width:230px;}
.pro_l ul li:hover{border:2px solid #D1182B;}
.pro_yuan{margin:20px auto 0; clear:both; overflow:hidden;width:165px}
.pro_yuan a{ font-size:50px; color:#06C; }
.pro_lj{ margin:20px auto; clear:both}
.pro_lj a{ background:#f00; display:inline-block; color:#fff; font-size:14px; height:40px; line-height:40px; width:161px;}
.pro_lj a:hover{ background:#06C; color:#fff}
.pro_yuan1{margin:-20px auto 20px; clear:both; overflow:hidden;width:165px}
.pro_yuan1 a{ font-size:50px; color:#06C; }


#news{ margin:0 auto; background:url(../images/news-bg.png); height:450px; background-color:#0291d9}
#news .news_news{width:1100px; margin:0 auto;}
#news .news_news .new_left{width:420px; float:left; padding:20px 0 10px; margin:0 auto;}
#news .news_news .new_left .news_img{ height:238px; border:1px solid #ccc;padding:2px;}

#news .n_list{ margin:0 auto; width:420px;}
#news .n_list ul li{ height:30px; line-height:30px; border-bottom:1px dotted #fff; padding:15px 0 5px;}
#news .n_list ul li a{ float:left; color:#fff; font-size:14px;}
#news .n_list ul li a:hover{ color:#f00}
#news .n_list ul li span{ float:right; color:#fff;}
.n_left{ float:right; widows:660px; margin:0 auto}
#news .news_l{ width:660px; padding:20px 0 10px; margin:0 auto; border-bottom:1px solid #666; line-height:25px; float:right}
#news .news_left{ float:left;}
#news .news_left .gs{ padding: 0px; border: 2px #f00 solid; height: 25px;display: block; float: left; margin-right:8px;}
#news .news_left .news_wz{  color:#fff; width:235px; line-height:25px;}
#news .news_left .news_wz a{font-size:20px; color:#fff}
#news .news_left .news_wz span{ padding-left:10px; font-size:14px;}
#news .news_right{ float:right}
#news .news_right a{ font-size:14px; color:#fff; line-height:25px;}
#news .news_right a:hover{ color:#f00; font-weight:bold}
#news .news_list{ clear:both; margin:0 auto; width:660px; float:right}
#news .news_list ul{ width:660px;list-style:none;margin:0 auto; }
#news .news_list ul li{ height:30px; line-height:30px; border-bottom:1px dotted #fff; padding:15px 0 5px;}
#news .news_list ul li a{ float:left; color:#fff; font-size:14px;}
#news .news_list ul li a:hover{ color:#f00}
#news .news_list ul li span{ float:right; color:#fff;}

#lxfs{ margin:0 auto; background:url(../images/bag.jpg); height:600px;}
#lxfs .lx{ width:1100px; margin:0 auto; padding:75px 0 20px;}
#lxfs .lx .lx_gs{ float:left; width:399px; margin-right:20px; height:auto; }
#lxfs .lx .lx_gs .lx_img{clear:both; margin:0 auto;}
#lxfs .lx .lx_gs .lx_img img{ padding:2px; border:1px solid #0271a9}
#lxfs .lx .lx_gs .lx_nr{ margin:10px auto; height:218px; overflow:hidden}
#lxfs .lx .lx_gs .lx_nr p{ text-align:left;font-size:14px; color:#666}
#lxfs .lx .lx_gs .lx_gd{ text-align:right; padding-right:10px;}
#lxfs .lx .lx_gs .lx_gd span{ font-size:50px; color:#f00; margin-right:8px;}
#lxfs .lx .lx_gs .lx_gd a{ color:#f00; border:1px solid #f00; padding:7px 20px;}
#lxfs .lx .lx_gs .lx_gd a:hover{ color:#2874FF; border:1px solid #2874FF;}

#lxfs .lx_fs {float:left; width:399px; margin-right:20px;}
#lxfs .lx_fs .fs_img{clear:both; margin:0 auto;}
#lxfs .lx_fs .fs_img img{ padding:2px; border:1px solid #0271a9}
#lxfs .lx_fs .hot{ margin:10px auto; height:50px;}
#lxfs .lx_fs .hot .hot_tel{ float:left; padding:5px 10px 5px 5px;}
#lxfs .lx_fs .hot .serv{ text-align:left; margin-top:10px;}
#lxfs .lx_fs .hot .serv a{ font-size:16px; line-height:2; color:#666}
#lxfs .lx_fs .hot .serv span{ font-size:22px;}
#lxfs .lx_fs .lxwm{ height:165px; padding-top:10px;}
#lxfs .lx_fs .lxwm p{ text-align:left; padding:0 5px; line-height:2; font-size:14px; color:#666;}

.lx_ly{float:right; width:256px;}
.lx_ly .lx_line{ border:#ccc 1px solid; border-top:none; height:393px}
.lx_ly .lx_line .lx_onli{ width:220px; margin:0 auto}

#rm_pro{width:1100px; margin:0 auto; height:auto;}
#rm_pro .rm_tit{text-align:center; color:#0271a9; margin:25px auto 15px; line-height:1.5;}
#rm_pro .rm_tit a{ font-size:24px; font-weight:bold}
#rm_pro .rm_tit span{ padding:20px auto;}
#rm_pro .rm_gd{ width:1100px; margin:10px auto;}

.scroll{ width:1080px; overflow:hidden; margin:5px 0;}
.scrollpics{ display:block; margin-right:10px; width:222px; border:solid 1px #999;  margin-top:10px; overflow:hidden; height:auto; float:left; text-align:center; font-size:12px; cursor:pointer;}
.scrollpics img{ width:215px; height:215px; display:block; padding:3px;}
.pro a{ color:#000; line-height:20px; font-size:14px;}

#links{ height:63px; background:url(../images/bg_xg.jpg); margin:0 auto;}
#links .link_yq{ width:1100px; margin:0 auto;}
#links .link_yq .lj{ float:left; background:url(../images/lj.png);width:123px; height:37px; z-index:99; line-height:37px; margin:15px 10px 15px 0 }
#links .link_yq .lj span{ color:#fff; font-size:16px;}
#links .link_yq .lj_wz{ float:right; text-align:left; width:955px; overflow:hidden}
#links .link_yq .lj_wz p{ text-align:left; line-height:65px;}
#links .link_yq .lj_wz a{ margin-right:15px;}

#foot{ clear:both; background:#0065ca; margin:0 auto; height:auto; overflow:auto; padding:20px 0}


.bottom{ width:1100px; margin:0 auto;}
.ft{ margin:0 auto 20px;width:1100px;}
.ft ul{ width:823px; margin:0 auto ; overflow:auto;}
.ft ul li{ display:inline-block; width:137px; float:left;font-size: 14px;}
.ft ul a{color: #fff; display: block; line-height:50px;}
.ft ul a:hover{color: #f00;}
.bottom .bot_l{ float:left; border-right:1px solid #2975E7; width:300px; text-align:center}
.bottom .bot_r{ float:left; text-align:left; padding:5px 5px 5px 40px;}
.bottom .bot_r a{ color:#FFF;}
.bottom .bot_r p{ line-height:2; font-size:14px; color:#fff;}
.ewm{ float:right; padding:5px 5px 0;}
.ewm img{ width:120px; height:auto}

#fy_nr{ margin:20px auto; width:1100px;}
#fy_nr .fy_left{ float:left; width:254px; height:auto;}
#fy_nr .fy_left .fy_top{ height:68px; background:url(../images/fy_lt.jpg);}
#fy_nr .fy_left .fy_top a{ font-size:18px; color:#fff; line-height:68px}
#fy_nr .fy_left .fy_list{ height:auto;width:254px;background:#006BC3; overflow:auto; overflow-y:hidden }
#fy_nr .fy_left .fy_list ul{ margin:0 auto; padding:0 0 10px; list-style:none}
#fy_nr .fy_left .fy_list ul li{padding:10px 0;height:40px; float:left; width:254px;}
#fy_nr .fy_left .fy_list ul li:last-child{ padding-bottom:25px;}
#fy_nr .fy_left .fy_list ul a:hover{ color:#f00;}
#fy_nr .fy_left .fy_list ul li a{ width:230px; line-height:40px; font-size:14px; color:#fff; display:inline-block;border-bottom:1px solid #CCC;}
#fy_nr .fy_left .fy_ly{ margin:10px auto 20px;}
#fy_nr .fy_left .fy_ly .ly_top{ width:254px; height:75px; background:url(../images/onlin.jpg)}
#fy_nr .fy_left .fy_ly .ly_nr{ margin:0 auto; border:1px solid #ccc; border-top:none}
.lx_lin{width:220px; margin:0 auto}

#fy_nr .fy_right{float:right; width:822px; height:auto;}
#fy_nr .fy_right .right_top{ background:url(../images/fy_top.png); height:47px;}
#fy_nr .fy_right .right_top .top_wz{ line-height:47px;  text-align:left; padding-left:25px;}
#fy_nr .fy_right .right_top .top_wz span{ color:#006BC3}
#fy_nr .fy_right .right_top .top_wz a{ color:#000;}
#fy_nr .fy_right .right_top .top_wz a:hover{ color:#006BC3; text-decoration:underline}

#fy_nr .fy_right .abt_nr{ margin:10px auto; width:815px; overflow:hidden;line-height:2;}
#fy_nr .fy_right .abt_nr p{ line-height:2; text-align:left; font-size:14px; color:#666}

#fy_nr .fy_right .abt_nr img{ max-width:810px; height:auto; overflow:hidden}

.mess{margin:10px auto; width:815px; overflow:hidden;line-height:2;}
.ly_f{ width:600px; margin:10px auto;}
.ly_f p{ text-align:center; font-size:18px; color:#006BC3}

.news{margin:10px auto; width:815px; overflow:hidden;line-height:2;}
.news .news_list{ margin:10px auto;}
.news .news_list ul{ list-style:none; width:815px; }
.news .news_list ul li{ height:45px; line-height:45px; border-bottom:1px dashed #ccc;}
.news .news_list ul li a{ float:left; font-size:14px; color:#333;}
.news .news_list ul li a:hover{ color:#006BC3}
.news .news_list ul li span{ float:right; color:#333}
.news .news_list ul li img{vertical-align:middle; padding-right:15px;}

.show_title{text-align:center; font-size:18px; font-weight:bold; margin:20px auto; color:#0065ca}
.show_time{ border:1px solid #e5e5e5; padding:5px 0; background:#f5f5f5; margin:10px auto;color:#666; font-size:12px;}
.show_cont{ text-align:left; color:#666; font-size:14px;}
.show_cont p{ text-indent:2em; line-height:2;}
.show_cont img{width: expression(this.width > 700 ? '700px': true);max-width:700px; height:auto;}


.img{margin:0 auto 20px; width:815px; overflow:hidden;line-height:2; }
.img ul{ list-style:none; padding:5px;}
.img ul li{ border:1px solid #ccc;float:left; width:246px; height:190px;  margin:20px 10px;}
.img ul li img{ padding:10px; height:170px; width: expression(this.width > 240 ? '240px': true);max-width:220px;}
.img ul li a{ font-size:14px; color:#000}

.pro_li{height:auto;width:254px;background:#006BC3; overflow:auto;}
.subNavBox{width:254px;margin:10px auto 25px; line-height:25px;}
.subNav{border-bottom:solid 1px #0D4C92; width:230px; margin:0 auto;cursor:pointer;font-size:14px;color:#fff;line-height:60px;padding-left:10px;background-position:95% 50%}
.subNav a{ color:#fff}
.subNav a:hover{ color:#f00}
.subNav:hover{color:#f00;}
.navContent{display: none;}
.navContent ul{ margin:0 auto; padding:0 0 10px; list-style:none}
.navContent ul li{padding:10px 0;height:55px; float:left; width:254px;}
.navContent li a{text-align:center;font-size:13px;width:220px; line-height:55px;  color:#E8E108; display:inline-block;border-bottom:1px dashed #9C9C9C;}
.navContent li a:hover{color:#EFFF00;}
.currentDd{color:#fff}
.currentDt{}


#pre{ border-top:dotted 1px #ccc; margin-top:10px; padding-top:10px; font-size:12px; clear:both; text-align:right}
#pages {width: 98%;height: 24px;text-align: center;line-height: 22px;padding-top: 1px; clear:both;}
#pages a {background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #9d7751;font-size: 14px;}
#pages span {background: #FFC;border: #F93 solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}


/*浮动客服*/
#floatDivBoxs{width:162px;background:#fff;position:fixed;bottom:0;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#01438A;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{ color:#333}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;bottom:0;left:162px;z-index:999;}
#rightArrow a{display:block;height:45px;}