@charset "utf-8";

/* CSS Document */

body,p,h1,h2,h3,h4,h5,ul,li,img,table,tbody,tr,td,a{margin:0 auto;padding:0px;_margin:0 auto;_padding:0px;}

body{font-size:12px;text-transform: inherit;color:#262626; font-family:"Microsoft YaHei",SimSun,arial;}

img{border:none;}

a{text-decoration:none;border:none; color:#333;}

a:hover{color:#3074d5;}

ul,li{list-style:none;}

.top_indexbg{margin:0px auto; width:100%; background:#3074d5; overflow:hidden; line-height:35px; color:#fff;}

.top_index{margin:0px auto; width:1000px;}

.top_right{float:right; background:url(tel_bg.jpg) no-repeat left top; line-height:35px; padding-left:30px;}

.top_right span{font-size:14px; font-family:arial; font-weight:bold;}

.wel_index{font-size:14px;}

.header_index{margin:0px auto; width:1000px;}

.logo{float:left;}

.h1_top{position:absolute;height:22px;line-height:22px;top:45px;left:50%;margin-left:380px;}

.h1_top h1{float:right;font-size:12px;font-weight:normal;line-height:22px;}

.meu_index{float:right; width:820px; margin-top:52px;}

.meu_index ul{float:right;}

.meu_index li{ float:left; margin-left:10px;}

.meu_index a{display:block; font-size:14px;padding:0px 5px; border-bottom:4px solid #fff; padding-bottom:18px;}

.meu_index a:hover,.meu_index a.menu_hover:link,.meu_index a.menu_hover:visited{border-bottom:4px solid #3074d5; color:#3074d5;}

.midbg{clear:both; width:100%; height:500px; margin:0px auto; z-index:3;}

.iBan { height:500px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}

.iBanScreen{ height:68px; background-repeat:no-repeat; background-position:center top;}

.iBanScreen ul{ width:100%; height:500px; position:relative; top:0; margin:0 auto;}

.iBanScreen li{ width:100%; height:500px; overflow:hidden; position:absolute; display:none;}

.iBanScreen li a{ display:block; width:100%; height:100%;}

.iBanScreen .num{position:absolute; width:200px; bottom:15px; left:70%; z-index:800;}

.iBanScreen .num a{ display:inline-block; width:12px; height:12px; margin-right:3px;}

.iBanScreen .num a{ display:inline-block; width:12px; height:12px; background:url(dots.png) no-repeat left top;_background:url(dots.gif) no-repeat left top;margin-right:10px;}

.iBanScreen .num a.cur{width:12px; height:12px; background:url(dotsFocus.png) no-repeat left top; _background:url(dotsFocus.gif) no-repeat left top;}

.about_index{margin:0px auto; width:1000px; margin-top:38px; margin-bottom:40px; overflow:hidden;}

.about_title{text-align:center; margin-bottom:38px; overflow:hidden; font-size:24px; color:#525252;line-height:45px;}

.bout_img{float:left; margin-right:32px;}

.about_sy{color:#878889; line-height:28px; margin-bottom:25px;}

.about_more a{ padding:0px 35px; height:32px; line-height:32px; float:left;background:#3174d4; color:#fff; font-size:14px;}

.about_en{float:left; color:#fff; background:#e57718; padding:0px 35px; line-height:32px; margin-left:20px; text-transform:uppercase; font-size:14px;}

.about_img{margin-top:80px;}

.about_img img{border:1px solid #dedede;width:315px; padding:5px 5px;}

.pro_indexbg{clear:both; background:url(pro_bg.jpg) no-repeat bottom center #82B9F1; padding-top:35px;}

.pro_index{margin:0px auto; width:1000px; padding-bottom:30px; overflow:hidden;}

.pro_en{text-align:center; text-transform:uppercase; color:#fff; font-size:36px; font-family:arial; line-height:30px;}


.pro_title{
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 45px;
}

.pro_title span{ font-size:18px; border-bottom:4px solid #fff; padding-bottom:15px;}

.product_index{clear:both; margin:0px auto; width:1000px;}

.imglist li{float:left; width:320px; height:238px; position:relative; margin-left:13px; margin-bottom:12px;}

.imglist h3{position:absolute; left:0px; bottom:0px; line-height:36px; background:url(img_bg.png) repeat-x left top; width:320px; font-size:14px; text-align:center; color:#fff;}

.more{clear:both; display:block; text-align:center; font-size:18px; padding-top:30px; color:#333; font-weight:bold; overflow:hidden;}

.footer_indexbg{clear:both; background:#3074d5; padding-top:56px; padding-bottom:80px; overflow:hidden; font-family:SimSun;}

.footer_index{margin:0px auto; width:1000px; color:#fff;}

.footer_index a{color:#fff;}

.footer_index a:hover{text-decoration:underline;}

/*.sj_right{float:right; width:170px;}*/

.footer_menu{padding-bottom:20px;}

.footer_index p{font-size:14px; line-height:26px;}

.footer_bottombg{clear:both; background:#074888; color:#b9c9de; padding-top:16px; padding-bottom:16px; text-align:center;font-family:SimSun; font-size:13px;}

.footer_bottom{margin:0px auto; width:1000px;}

.footer_bottom a { color: #b9c9de;}

.banner_in{clear:both; height:250px;}

#container{clear:both; margin:0px auto; width:1000px; padding-top:20px; margin-bottom:35px; overflow:hidden;}

#navigation{float:left; width:230px;}

#mydefault{float:right; width:750px;}

.subtitle{border-bottom:1px solid #ccc; line-height:36px; margin-bottom:20px;}

.subtitle span{float:right;}

.subtitle p{color: #3074d5; font-weight:bold; font-size:16px;}

.about02 p{text-indent:25px; margin-bottom:10px; font-size:14px; line-height:26px;}

.nav_h2title{ background:url(nav_h2title.png) no-repeat 10px 7px #3074d5; color:#fff; line-height:36px; font-size:14px; padding-left:40px; border:1px solid #074888;}



#navprolist{border:1px solid #d5d5d5; margin-bottom:20px;}

#listpro li{ border-top:1px dashed #ccc; line-height:40px; margin-top:1px;}

.lb1 a{display:block;}

.lb1 a:link,lb1 a:visited{background:url(jia.png) no-repeat 10px 15px; padding-left:30px;}

.lb1 a:hover{background:url(jia_hover.png) no-repeat 10px 15px #3074d5;color:#fff;}

.lb1 a.list_red:link,.lb1 a.list_red:visited{ background:url(jia_hover.png) no-repeat 10px 15px #3074d5; color:#fff;}



#listpro li ul li a{display:block;}

#listpro li ul li a:link,#listpro li ul li a:visited{background:url(jian.png) no-repeat 30px 16px; padding-left:50px;}

#listpro li ul li a:hover{background:url(jian_hover.png) no-repeat 30px 15px #3890d7; color:#fff;}

#listpro li ul li a.red:link,#listpro li ul li a.red:visited{background:url(jian_hover.png) no-repeat 30px 15px #3890d7; color:#fff;}



#listpro ul.collapsed {display: none;}

.list01 ul{display:none;}

.nav_contact{padding:15px 0px 15px 20px; font-size:14px; line-height:24px;}

.contact0{margin-left:42px;}

.nav_contact p{margin-bottom:5px;}

.nav_contact img{margin-top:5px;}

.image li{float:left;width:172px; text-align:center; margin:0px 6px 10px 6px; _margin:0px 5px 10px 5px; height:180px;}

.image img{ width:170px; height:126px; text-align:center; display:block;border:1px solid #b8bcbf; margin:0px auto; margin-top:4px; margin-bottom:6px;}

.page{clear:both; text-align:right; line-height:60px;}

.page a{margin:0px 5px; border:1px solid #ccc; padding:3px 8px;}

.page a.active{font-weight:bold;color: #fff; background:#3074d5;border:1px solid #3074d5;}



.biaoti{margin:0px auto;text-align:center;font-size:16px;font-weight:bold;line-height:30px;color: #0466c7;}

span.hit{margin:0px auto;text-align:center;display:block;line-height:30px;}

#proshow img{margin:0px auto;text-align:center;display:block;}

#proshow table{width:100%; margin-top:10px; margin-bottom:10px;}

.nr,.nr_new{margin:0px 15px 15px 15px; overflow:hidden;font-family:SimSun; font-size:13px; line-height:24px;}

.nr p{margin-bottom:5px;}

.nr img{margin-top:10px;}

.nr table{border-bottom:1px solid #ccc;border-left:1px solid #ccc; float:left; width:100%; margin-bottom:5px;}

.nr td{border-top:1px solid #ccc;border-right:1px solid #ccc; padding:3px 0px 3px 10px;}

#up_down,.details{clear:both;width:95%; margin-left:8px;border:1px solid #ccc;padding-left:15px;margin-bottom:10px; font-size:12px; line-height:30px;}



.Left{float:left;background:url(Left.png) no-repeat left center; width:30px; height:53px; display:block;margin-left:5px;_margin-left:0px;margin-right:3px;}

.right{float:right;background:url(right.png) no-repeat right center; width:30px; height:53px;display:block;margin-left:3px;}

.right:hover{background:url(right_hover.png) no-repeat right center;}

.Left:hover{background:url(Left_hover.png) no-repeat right center;}



.new_inside li{line-height:36px; border-bottom:1px dashed #d7d7d7;}

.new_inside li a{line-height:36px; font-size:13px; padding-left:15px;}

.new_inside li a:link,.new_inside li a:visited{background:url(news_link.jpg) no-repeat left center;}

.new_inside li a:hover{color:#004db9;}

.new_inside span{float:right; margin-right:10px;line-height:36px; }

.xwms {	font-size: 13px!important;text-align: left!important;line-height: 22px!important;color: #787878!important;}

.new_index ul li a {font-size: 14px;}



.form td,.form th{font-size:16px;}

.form th{color:#666;}

.form input{padding-bottom:5px;padding: 10px 40px 10px 10px; width:220px;border-radius: 2px;    border: 1px solid #96a5b4;margin-bottom:10px;}

.form input#login_btn,.zhuce{ border:none;background-color: #5a98de; color:#fff;line-height: 39px; font-size:18px; text-align:center; padding:0px; float:left; margin-left:15px; display:block;border-radius:4px; font-family:Microsoft YaHei; }

#register_btn{border:none;background-color: #5a98de; color:#fff;line-height: 39px; font-size:18px; text-align:center; padding:0px; margin:0px auto; display:block;border-radius:4px; font-family:Microsoft YaHei;}

.zhuce{width:90px;}

.zhuce:hover{color:#fff;}

.ysdl{font-size:16px; text-align:center; display:block;}

.banner_pro{clear:both;background:url(banner_pro.jpg) repeat-x left top; height:14px;}

.new_index{clear:both; margin:0px auto; width:1000px; margin-top:35px; margin-bottom:35px; overflow:hidden;font-family:sisum;}

.new_index h2{text-align:center; font-size:24px; color:#525252; line-height:45px;}

.new_index li{float:left; width:46%; border-bottom:1px dashed #ccc; line-height:36px; margin-left:20px;}

.new_index span{float:right;}



#sj{

    position: fixed;

    _position: absolute;

    top: 300px;

    right: 0px;

    background: #cfcfcf;

    z-index: 9999;}



#sj p{

    margin: 0px;

    padding: 0px;

    text-align: center;

    font-weight: bold;

    font-size: 12px;

    line-height: 20px;

    color: #ff0000;

}

#sj_wx,.wx_right{float:right;}

.sj_right{float:right;width:150px; margin-left:10px;}

.sj_right img,.wx_right img{width:150px;}

.sj_right p,.wx_right p{background: #cfcfcf;color: #ff0000;font-weight: bold; text-align:center;}



.swiper-slide img{ width:100%;}

.swiper-container{ clear:both;}

.nav_menu{ display:none;}

.footerDiv{display: none;}

.chanpin_xs{display: none;}

.shebei_tits{display: none;}

.new_tits{display: none;}

.footerDiv li{width:33.3%;float:left;}



@media (max-width: 1000px) {           

.header_index{ width:100%;}

.about_index{ width:100%;}

.pro_index{ width:100%;}

.new_index{ width:100%;}

.footer_index{ width:100%;}

.footer_bottom{ width:100%;}

.top_index{ width:100%;}

.meu_index{ width:auto;}

.h1_top{ margin-left:150px;}

.product_index{ width:100%;}

.imglist li{ width:31.3%; margin:0 1% 12px 1%; height:auto;}

.imglist li img{ width:100%;}

.imglist p{ width:100%;}

.new_index ul{display: flex;flex-wrap: wrap;}

#container{ width:100%;}

#mydefault{ width:75%;}

#navigation{ width:23%;}

.about02 img{ width:auto; max-width:100%; margin-left:-2em;}

.nav_contact img{ max-width:100%;}

.banner_in{ display:none;}

.image{display: flex;flex-wrap: wrap;}

.image li{ width:23%;    margin: 0px 1% 10px 1%; height:auto;}

.image li img{ width:100%; height:auto;}

.nr img, .nr_new img{ max-width:100%; height:auto !important;}

#proshow img{ max-width:100%;}





}



@media (max-width: 992px) {  

.top_indexbg{ display:none;}

.header_index{ display:none;}

.none992{ height:60px;}

}



@media (max-width: 767px) {           

.h1_top{ display:none;}

.meu_index{ display:none;}

.footer_menu{ display:none;}

#mydefault{ width:96%; margin:0 2%;}

#navigation{ width:96%; margin:0 2%;}





/*Response_menu*/

.nav_menu{display:block; margin-top:10px; position:absolute; right:0; z-index:9999;} 

.nav_menu select{border:1px solid #ccc; width:80%;margin:0 auto;display:block;}

/* Common styles of menus */

.dl-menuwrapper{width: 100%;max-width: 300px;float: left;position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}

.dl-menuwrapper:first-child{}

.dl-menuwrapper button{ float:right;background: #ccc;border: none;width: 48px;height: 45px;text-indent: -900em;overflow: hidden;position: relative;cursor: pointer;outline: none;}

.dl-menuwrapper button:hover,

.dl-menuwrapper button.dl-active,

.dl-menuwrapper ul{background: #aaa;}

.dl-menuwrapper button:after{content: '';position: absolute;width: 68%;height: 5px;background: #fff;top: 10px;left: 16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff;}

.dl-menuwrapper ul{padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}

.dl-menuwrapper li{position: relative;}

.dl-menuwrapper li a{display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;outline: none;}

.no-touch .dl-menuwrapper li a:hover{background: rgba(255,248,213,0.1);}

.dl-menuwrapper li.dl-back > a{padding-left: 30px;background: rgba(0,0,0,0.1);}

.dl-menuwrapper li.dl-back:after,

.dl-menuwrapper li > a:not(:only-child):after{position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}

.dl-menuwrapper li.dl-back:after{left: 10px;color: rgba(212,204,198,0.3);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}

.dl-menuwrapper li > a:after{right: 10px;color: rgba(0,0,0,0.15);}

.dl-menuwrapper .dl-menu{margin: 51px 0 0 0;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;z-index:1001;}

.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.dl-menuwrapper .dl-menu.dl-menuopen{opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

/* Hide the inner submenus */

}



@media (max-width: 600px) {           

.top_indexbg{ display:none;}

.bout_img{ width:100%; margin-right:0px;}

.about_sy{ width:96%; margin:0 auto; padding-bottom:15px;}

.imglist li{ width:48%;}

.pro_indexbg{ background-size:100% 100%; height:auto; padding-bottom:15px;}

.new_index li{ width:96%; margin:0 2%;}

#sj_wx, .wx_right{ display:none;}

.about02 img{ width:100%; text-align:center; float:none !important; }

.image li{ width:31.3%; }





}



@media (max-width: 425px) {           

.image li{ width:48%; }

#meiqia-container{ display:none !important;}



.footerDiv{display: block;}



.footer_phonebai{display: block;}

.footerDiv{background: #1e60b9;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}

.footerWrap li{text-align: center;margin-top: 6px;}

.footerWrap li a{color: #fff;font-size: 15px;display: block;}

.footerWrap li i{display: block;}

.footerWrap li a img{display: block;margin: 0 auto;}

.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}

.footer_phonebai a{font-size: 16px;color: #5d5d5d;}



.chanpin_xs{display: block;}

.product_tui{display: none;}



.huoban{background: #4c4c4c;}

.form2{width: 100%;}

.huoban_right{background: none;}



.honor_bg{display: none;}

.new_tit{display: none;}

.new_tits{display: block;}

.youshi_bg .container{padding-left: 4px;padding-right: 4px;}

.footerDiv ul{margin-bottom: 0px;}

}