@charset "utf-8";
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#333333; background:#fff; padding:0px; margin:0px; border:0px; position:relative;}
div,ul,li,dl,dt,dd,img,h3,h4{ padding:0px; margin:0px; border:0px;}
ul{ list-style:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#2e4289; text-decoration:none;}
.clear{ clear:both;}

.sup_onli{ width:149px; border:solid 1px #eee; background:url(../images/onli_t.jpg) no-repeat top center; padding-top:72px; position:absolute; right:30px; top:1000px;}
.sup_onli ul li{ height:36px; line-height:36px; border-bottom:solid 1px #eee;}
.su_em{ background:url(../images/em_ic.jpg) no-repeat left center; padding-left:30px; margin-left:10px;}
.su_s{ background:url(../images/s_ic.jpg) no-repeat left center; padding-left:30px; margin-left:10px;}
.su_fd{ background:url(../images/fe_ic.jpg) no-repeat left center; padding-left:30px; margin-left:10px;}
.su_lc{ background:url(../images/lc_l.jpg) no-repeat right center #2e4289; padding-left:15px;}
.su_lc a{ color:#fff;}
.sup_onli ul li a:hover{ text-decoration:underline;}

#header{ width:1200px; height:120px; margin:0px auto;}
#logo{ width:336px; height:120px; float:left; display:inline;}
.head_right{ height:88px;  margin-top:32px; float:right; display:inline;}
.head_right a{ margin-right:15px; float:left; display:inline;}

#mav{ width:100%; height:55px; background:#31363c;}
#mav_n{ width:1200px; height:55px; background:#31363c; margin:0px auto;}
#nav{ float:left; display:inline;}
#nav ul li{  height:55px; background:url(../images/nav_li.jpg) no-repeat right top; font-size:16px; line-height:55px; float:left; display:inline;}
#nav ul li a{ height:55px; color:#fff; padding:0px 20px; float:left; display:inline;}
#nav ul li a:hover{ background:url(../images/nav_li.jpg) no-repeat right top #2e4289;}
#nav ul li a img{ margin-left:10px;}

#nav ul li ul li{ width:240px; height:30px; text-align:left; line-height:30px; background:none; background-color:#31363c; font-size:14px; line-height:30px; padding:0px 0px; }
#nav ul li ul li a{ width:210px; height:30px; color:#fff; padding:0px 15px; background:none; float:left; display:inline; }
#nav ul li ul li a:hover{ color:#fff; background:none; background-color:#2e4289;}
#nav ul li.nav_on {background: url(../images/nav_li.jpg) no-repeat right top #2e4289;}

/*#nav ul li.onlie{ height:55px; line-height:55px; background:url(../images/nav_li.jpg) no-repeat right top #2e4289; position:relative;}
#nav ul li.onlie ul{ position:absolute; left:0px; margin-top:56px;}
#nav ul li.onlie ul li{ width:240px; height:30px; text-align:left; line-height:30px; background:#31363c; font-size:14px; line-height:32px; padding:0px 0px; }
#nav ul li.onlie ul li a{ width:210px; height:30px; color:#fff; padding:0px 15px; background:none; float:left; display:inline; }
#nav ul li.onlie ul li a:hover{ color:#fff; background:#2e4289;}
#nav ul li.onlie2{ background:none;}
#nav ul li.onlie2 a{ height:55px; color:#fff; padding:0px 20px; float:left; display:inline;}
#nav ul li.onlie2 a:hover{ background: #2e4289;}*/

.m_search{ width:240px; height:30px; line-height:30px; margin-top:12px; float:right; display:inline;}
.sear_l{ height:205px; height:30px; line-height:30px; background:#fff; padding:0px; margin:0px; border:0px; padding-left:5px; float:left; display:inline;}
.sear_r{ width:30px; height:30px; line-height:30px; background:url(../images/sear_icon.jpg) no-repeat center #fff; padding:0px; margin:0px; border:0px; float:left; display:inline;}

/*banner*/
#banner{ width:100%;  height:555px;}
#bann{ background:url(../images/banner.jpg) no-repeat top center; height:555px; margin:0px auto;}

.main{ width:1200px; margin:0px auto;}
/*products*/
.pro{ padding:60px 0px;}
.pro_titl{ height:50px; line-height:50px; text-align:center; font-size:30px; background:url(../images/titile_bj.jpg) no-repeat center bottom; padding-bottom:10px; margin-bottom:30px;}

.pro_cent ul li{ width:226px; height:373px;border:solid 1px #eeeeee; margin-right:12px; margin-bottom:20px; float:left; display:inline;}
.pro_cent ul li a{ width:206px; height:353px; color:#333;  padding:10px; float:left; display:inline;}
.pro_cent ul li a:hover{ color:#fff; background:#2e4289;}
.pro_cent ul li.pro_on{ margin-right:0px;}
.pro_cent ul li a .pro_pic{ width:206px; height:188px; background:#fff;}
.pro_cent ul li a .pro_pic img{ width:206px; height:188px; }
.pro_cent ul li a .pro_t{ height:40px; line-height:40px; font-size:16px;  color:#2e4289; font-weight:bold;}
.pro_cent ul li a:hover .pro_t{ color:#fff;}
.pro_cent ul li a .pro_dis{ height:85px;}
.pro_cent ul li a .pro_rm{ width:76px; height:26px; line-height:26px; padding:0px 5px; text-align:center; border:solid 1px #eee; margin:0px auto;}
.pro_cent ul li a:hover .pro_rm{ background:#fff; color:#2e4289;}

.pro_more{ width:150px; height:30px; line-height:30px; text-align:center; text-transform:Uppercase; font-weight:bold; border:solid 1px #eee; margin:0px auto; margin-top:20px;}
.pro_more a{width:150px; height:30px;  float:left; display:inline;}
.pro_more a:hover{ background:#2e4289; color:#fff;}

/*about us*/
#main_about{ background:#eeeeee;}
.abo_cent{ height:250px; color:#333; font-size:14px; line-height:24px; background:url(../images/new_pic.jpg) no-repeat top left #fff; padding:30px 45px 30px 460px;}
.abo_dis{ height:180px; line-height:18px; border-bottom:solid 2px #eee; padding-bottom:15px;}


/*news*/
.news_left{ width:378px; height:263px; margin-bottom:20px; border:solid 1px #eee;float:left; display:inline;}
.news_l_time{ height:50px; line-height:50px; font-size:20px; background:#2e4289; color:#fff; padding:15px 20px;}
.news_l_time b{ font-size:50px; padding-right:20px; font-weight:normal;}
.news_l_t{ padding:10px 20px; font-weight:bold;}
.news_l_t a{ color:#2e4289;}
.news_l_t a:hover{ color:#2e4289; text-decoration:underline;}
.news_l_dis{ height:110px; padding:0px 20px;}
.news_l_dis a:hover{ color:#2e4289; text-decoration:underline;}
.news_l_a a{  padding:0px 20px;font-size:12px;color:#2e4289; text-decoration:underline;}

.news_list{ width:780px; margin-bottom:20px; float:right; display:inline;}
.news_list ul li{ height:80px;  margin-bottom:10px;}
.news_list ul li a{ width:780px; height:80px; border:solid 1px #eee; background:#eee; float:left; display:inline}
.news_list ul li a:hover{ background:#fff; border:solid 1px #2e4289; color:#2e4289;}
.news_list ul li a .news_date{ width:115px; height:40px; line-height:28px; color:#666; background:#dcdcdc; text-align:center; padding:20px 0px; float:left; display:inline; }
.news_list ul li a .news_date .news_day{  font-size:30px;}
.news_list ul li a .news_date .news_dat{  font-size:20px;}
.news_list ul li a .news_dis{ width:640px; padding:5px 10px 5px 0px; float:right; display:inline;}
.news_list ul li a .news_title{ line-height:30px; font-size:16px; color:#2e4289; font-weight:bold;}
.news_list ul li a .news_di{ line-height:20px;}
.news_list ul li a:hover .news_date{ background:#2e4289; color:#fff;}

/*contact_us*/
#zl_main{ width:100%; height:402px; background:url(../images/f_bj.jpg) no-repeat;}
.zl_l{ width:370px; height:332px; color:#fff; padding-top:40px; margin-left:50px; float:left; display:inline;}
.cont_t{ font-size:24px; padding:30px 0px;}
.contact_us{ line-height:24px;}
/*feed_back*/
.feed_back{ width:480px; margin-right:50px; padding-top:40px; color:#fff; float:right; display:inline;}
.feed_back input{ }
.feed_your_name{ width:480px; height:22px; border-bottom:solid 1px #bbb;color:#999; margin-bottom:20px;}
.feed_your_name .f_yname{ width:400px; height:22px; line-height:22px;border:0px; margin:0px; padding:0px; background:none; color:#999; float:right; display:inline;}
.feed_phone{ width:215px; height:22px; border-bottom:solid 1px #bbb;color:#999; margin-bottom:10px; float:left; display:inline;}
.feed_phone .f_phone{ width:130px; height:22px; line-height:22px;border:0px; margin:0px; padding:0px; background:none; color:#999; float:right; display:inline;}
.feed_em{ width:240px; height:22px; border-bottom:solid 1px #bbb;color:#999; margin-bottom:10px; float:right; display:inline;}
.feed_em .f_em{ width:190px; height:22px; line-height:22px;border:0px; margin:0px; padding:0px; background:none; color:#999; float:right; display:inline;}
.feed_message{ color:#999; margin-bottom:20px;}
.feed_message textarea{ padding:0px; border:0px; margin:0px; background:none; border-bottom:solid 1px #bbb; color:#fff;}
.f_send{ width:80px; height:24px; line-height:24px; text-align:center;border:0px; margin:0px; padding:0px; background:#2e4289; color:#fff;  margin-right:10px; float:left; display:inline;}
.f_cancle{  width:80px; height:24px; line-height:24px; text-align:center; border:0px; margin:0px; padding:0px; float:left; display:inline;}
/*验证码*/
.feed_yz{ width:76px; height:30px; color:#999; margin-left:10px; float:left; display:inline;}
/*footer*/
#footer{ width:100%; height:42px; background:#282d31;}
.f_top{ height:42px; line-height:42px; text-align:center; font-size:14px; color:#fff; float:left; display:inline;}
.f_bont{ line-height:42px; float:right; display:inline;}





/*内页about us*/
#about_banner{ width:100%; height:300px; background:url(../UserUpLoad/otherBanner/about_us_ban.jpg) no-repeat top center;}

.main_left{ width:300px; margin-top:30px; margin-bottom:50px; float:left; display:inline;}
.main_right{ width:870px; margin-top:30px; margin-bottom:50px; float:right; display:inline;}

.m_l_title{ height:45px; line-height:40px; text-transform:uppercase; font-size:30px; color:#333; border-bottom:solid 5px #eee;}
.pro_c{ background:#eee; margin-top:5px;}
.pro_c ul li{ height:39px; background:url(../images/pro_lef_icon.jpg) no-repeat; background-position:8px 18px; line-height:39px; border-bottom:solid 1px #dcdcdc;}
.pro_c ul li a{ width:278px; height:39px; padding-left:22px; float:left; display:inline;}
.pro_c ul li a:hover{ background:url(../images/pro_lef_icon2.jpg) no-repeat #2e4289; background-position:8px 18px; color:#fff;}


.cont_m_l{ margin-top:30px;}
.cont_c{ width:300px; margin-top:15px; line-height:24px; word-wrap:break-word;}
.cont_c1{ background:url(../images/c_icon1.jpg) no-repeat; background-position: 0px 8px; padding-left:20px;}
.cont_c2{ background:url(../images/c_icon2.jpg) no-repeat; background-position: 0px 8px; padding-left:20px;}
.cont_c3{ background:url(../images/c_icon3.jpg) no-repeat; background-position: 0px 8px; padding-left:20px;}
.cont_c4{ background:url(../images/c_icon4.jpg) no-repeat; background-position: 0px 8px; padding-left:20px;}
.cont_c5{ background:url(../images/c_icon5.jpg) no-repeat; background-position: 0px 8px; padding-left:20px;}
.cont_c6{ background:url(../images/c_icon6.jpg) no-repeat; background-position: 0px 8px; padding-left:20px;}
.cont_c img{ margin-right:5px;}
.f_d{ margin-top:30px;}
.f_d a{ width:149px; height:42px; line-height:42px; background:#2e4289; color:#fff; font-size:18px; text-align:center; text-transform:uppercase; margin-right:1px; float:left; display:inline;}
.f_d a:hover{ text-decoration:underline;}


.main_ri_title{height:45px; line-height:40px; font-size:16px; border-bottom:solid 5px #eee;}
.main_ri_title span{ text-transform:uppercase;}
.about_c{ padding:10px 0px;}
.a_b{ height:40px; line-height:30px; font-size:20px; font-weight:bold; color:#2e4289; margin-top:30px; }


/*内页contact us*/
#contact_banner{ width:100%; height:300px; background:url(../UserUpLoad/otherBanner/contact_us_ban.jpg) no-repeat top center;}
.news_c{ padding-top:10px;}
.news_c ul li{ height:39px; line-height:39px; background:url(../images/pro_lef_icon.jpg) no-repeat; background-position:8px 18px;  border-bottom:dashed 1px #dcdcdc;}
.news_c ul li a{ width:278px; height:39px; padding-left:22px; float:left; display:inline;}

.news_r_c{ padding:10px;}
.news_r_c ul li{ height:39px; line-height:39px;border-bottom:dashed 1px #dcdcdc; padding-left:10px;}
.news_r_c ul li img{ margin-right:10px;}

/*内页download*/
#download_banner{ width:100%; height:300px; background:url(../UserUpLoad/otherBanner/download_ban.jpg) no-repeat top center;}
.downloadt_r_c{ padding:10px 0px; }
.dl_c ul li{ height:39px;border-bottom:dashed 1px #dcdcdc;}
.dl_c ul li a{ height:39px; line-height:39px; background:url(../images/download_icon.jpg) no-repeat; background-position:6px 13px; padding-left:30px; float:left; display:inline;}
.dl_c ul li a:hover{background:url(../images/download_icon2.jpg) no-repeat; background-position:6px 13px; text-decoration:underline;}

.page_t{ text-align:center; margin:0px auto; margin-top:40px;}
.page_t a{  border:solid 1px #eee; padding:13px 15px;}
.page_t a:hover{ background:#2e4289; color:#fff;}
.page_t a.page_onlie{ background:#2e4289; color:#fff;}

/*内页feedbackd*/
#feedback_banner{ width:100%; height:300px; background:url(../UserUpLoad/otherBanner/feedback_ban.jpg) no-repeat top center;}

.feedback_r_c{ padding:50px;}
.fb_ipt{ margin-bottom:20px;}
.fb_ipt input{ width:208px; height:24px; line-height:24px; color:#333; border:solid 1px #bbbbbb; margin:0px; background:0px; padding:0px;}
.fb_ipt span{ width:140px; text-align:right; line-height:24px; padding-right:10px; float:left; display:inline;}
.fb_yname{ width:550px; height:140px; line-height:24px; color:#333; border:solid 1px #bbbbbb; margin:0px; background:0px; padding:0px;}
.fb_btn{ padding-left:150px;}
.fb_send{ width:75px; height:24px; line-height:24px; color:#fff; background:#2e4289; margin:0px; border:0px; padding:0px; margin-right:5px;}
.fb_cancle{width:75px; height:24px; line-height:24px; color:#333; background:#eeeeee; margin:0px; border:0px; padding:0px;}


/*内页news*/
#news_banner{ width:100%; height:300px; background:url(../UserUpLoad/otherBanner/news_ban.jpg) no-repeat top center;}
.news_r_list{ }
.news_r_list ul li{ height:80px;  margin-bottom:10px;}
.news_r_list ul li a{ width:870px; height:80px; border:solid 1px #eee; background:#eee; float:left; display:inline}
.news_r_list ul li a:hover{ background:#fff; border:solid 1px #2e4289; color:#2e4289;}
.news_r_list ul li a .news_date{ width:115px; height:40px; line-height:28px; color:#666; background:#dcdcdc; text-align:center; padding:20px 0px; float:left; display:inline; }
.news_r_list ul li a .news_date .news_day{  font-size:30px;}
.news_r_list ul li a .news_date .news_dat{  font-size:20px;}
.news_r_list ul li a .news_dis{ width:730px; padding:5px 10px 5px 0px; float:right; display:inline;}
.news_r_list ul li a .news_title{ line-height:30px; font-size:16px; color:#2e4289; font-weight:bold;}
.news_r_list ul li a .news_di{ line-height:20px;}
.news_r_list ul li a:hover .news_date{ background:#2e4289; color:#fff;}

/*内页news详细页*/
.news_r_dis{ padding:30px 7px;}
.news_r_title{ height:30px; line-height:30px; font-size:16px; color:#2e4289; font-weight:bold; text-align:center;}
.news_r_tdis{ width:550px; height:22px; line-height:22px; color:#333; background:#eee; margin:0px auto; padding-left:20px; margin-top:10px;}
.news_r_tdis span{float:left; display:inline;}
.news_r_tdis span b{ font-weight:normal; color:#666;}
.wit135{ width:135px;}
.wit185{ width:185px;}
.wit220{ width:220px;}
.news_r_zw{ padding-top:40px;}


/*内页products*/
#products_banner{width:100%; height:300px; background:url(../UserUpLoad/otherBanner/products_ban.jpg) no-repeat top center;}
.pro_r_cent ul li{ width:278px; height:373px;border:solid 1px #eeeeee; margin-right:15px; margin-bottom:20px; float:left; display:inline;}
.pro_r_cent ul li a{ width:260px; height:353px; color:#333;  padding:10px; float:left; display:inline;}
.pro_r_cent ul li a:hover{ color:#fff; background:#2e4289;}
.pro_r_cent ul li.pro_on2{ margin-right:0px;}
.pro_r_cent ul li a .pro_pic{ width:260px; height:226px; background:#fff;}
.pro_r_cent ul li a .pro_t{ height:40px; line-height:40px; font-size:16px;  color:#2e4289; font-weight:bold;}
.pro_r_cent ul li a:hover .pro_t{ color:#fff;}
.pro_r_cent ul li a .pro_dis{ height:55px;}
.pro_r_cent ul li a .pro_rm{ width:76px; height:26px; line-height:26px; padding:0px 5px; text-align:center; border:solid 1px #eee; margin:0px auto;}
.pro_r_cent ul li a:hover .pro_rm{ background:#fff; color:#2e4289;}

/*内页products详细页*/
.products_r_c{ padding:20px 0px;}
.pro_r_dt{ width:367px; float:left; display:inline;}

.pro_r_dis{ width:480px; float:right; display:inline;}
.pro_r_dis ul li{ height:40px; line-height:40px; background:#eee; border-bottom:solid 1px #fff;}
.pro_r_dis ul li span{ width:145px; text-align:right; font-size:16px; font-weight:bold; color:#2e4289; padding-right:20px; border-right:solid 1px #fff; margin-right:10px; float:left; display:inline;}

.pro_r_d{ margin-top:30px;}
.pro_r_dtit{ height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#2e4289; padding-left:15px; background:#eee;}
.pro_r_dd{ padding:10px 15px;}

/*10.25产品内页图片效果*/
.caption{font-style:italic;color:#887;}
.demo{position:relative;}
.gallery_demo{width:367px;}
.gallery_demo li{width:74px; height:70px; border:solid 1px #eee; margin-right:15px; margin-top:28px;overflow:hidden;float:left;display:block;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{ width:350px; height:332px; border:solid 1px #eee;}

.dropDown{display:inline-block}
.dropDown_A{display:inline-block}
.dropDown-menu{ display:none;transition: all 0.3s ease 0s}
.dropDown:focus,.dropDown-menu:focus {outline:0}
.dropDown-menu li.arrow{ position:absolute;display:block; width:12px; height:8px; margin-top:-13px; margin-left:20%; line-height:0;background:url(../images/icon-jt.png) no-repeat 0 0}
/*鼠标经过*/
.dropDown.hover .dropDown_A,
.dropDown.open .dropDown_A{text-decoration:none;background-color:rgba(255,255,255,0.2)}
.dropDown.open .dropDown_A .menu_dropdown-arrow{transition-duration:0.3s ;transition-property:all;_background-position:0 0;transform: rotate(180deg)}

.menu{background-color:#fff;border:solid 1px #f2f2f2; display: inline-block}
.menu.radius{border-top-left-radius:0;border-top-right-radius:0}
.menu.box-shadow{border-top:none}
.menu > li{position:relative; clear:both;* float:left}
.menu > li > a{ display: block;border-bottom:solid 1px #f2f2f2;padding:5px 20px; line-height:1.8;text-align:left;font-weight: normal;white-space:nowrap; vertical-align:top}
.menu > li:last-child > a{ border-bottom:none}
.menu > li > a:hover,.menu > li > a:focus,.menu > li.open > a{ text-decoration:none;background-color:#fafafa}
.menu > li > a .arrow{ position:absolute; top:50%; margin-top:-10px; right:5px;line-height: 20px; height: 20px; color: #999}
.menu > li > .menu{ display: none}
.menu > li.open > .menu{ display: inline-block;position: absolute; left:100%;top:-1px;min-width:100%}

/*禁用菜单*/
.menu > li.disabled > a{color:#999;text-decoration:none; cursor:no-drop; background-color:transparent}
/*线条*/
.menu > li.divider{ display:block;height:0px; line-height:0px;margin:9px 0;overflow:hidden; border-top:solid 1px #eee}

/*打开菜单*/
.dropDown > .dropDown-menu{ display: none}
.dropDown.open{position:relative;z-index:990}
/*默认左对齐*/
.dropDown.open > .dropDown-menu{position:absolute;z-index:1000;display:inline-block;top:100%;left:-1px;min-width:100%;background-color:#fff;border:solid 1px #f2f2f2}
/*右对齐*/
.dropDown.open.right > .dropDown-menu{right:-1px!important;left:auto!important}