@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:18px; color:#333333; min-width:1002px; background-color:#FFF; }
img{ border:none;}
h2{ margin:0px; padding:0px; font-size:18px;}
a{ text-decoration:none; color:#333;}
a.mail{color:#0055A0;}
a.mail:hover,a:hover{color:#ff0000;}
p{ margin:8px 0;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
li{ float:left; list-style:none;}
ul{ margin:0px; padding:0px;}
.img01{ float:left; margin:5px 8px 0 0;}
.homecon{ width:400px; height:auto; float:right;line-height:16px;}
.homecon p{  margin:0}
.homecon strong{  display: inline-block}
.homecon strong:first-child{ width:auto; padding-bottom:3px;}
a.cursorbox{ cursor:pointer; *cursor:auto; _cursor:auto; cursor:url(zoomin.cur);}
#allbox div a img{ cursor:auto; cursor:url(small.cur);}
.consulting{ width:480px; height:auto; float:right; text-align:right;}
.consulting1{ width:600px; height:auto; float:right; text-align:right; margin-right:20px;}
.consulting2{ width:185px; height:auto; float:left; text-align:right; margin-top:20px;}
.bottom{ width:50px; padding-left:15px; float:right; background:url(../images/bot.gif) no-repeat left; margin-top:10px;}
.bottom a{ color:#009ECA; font-weight:bold;}
.bottom2{ width:50px; padding-left:15px; float:right; background:url(../images/bot.gif) no-repeat left; margin-top:30px;}
.bottom2 a{ color:#009ECA; font-weight:bold;}
.top{ width:35px; float:right; background:url(../images/top.gif) no-repeat left; padding-left:15px;}
.top a{ color:#E75700; font-weight:bold;}
/*topjs*/
#topjs{ width:1002px; height:18px; margin:0 auto; text-align:center;}
#topjs h5{ margin:0px; padding:0px;}
/*header*/
/*banner*/
#header{ width:100%; height:162px; background:url(../images/header-bg.jpg) repeat-x;}
.banner{ width:1002px; height:130px; margin:0 auto; background:url(../images/banner.jpg) no-repeat right top; border-bottom:2px solid #E5E5E5;}
.logoout{width:212px;height:100px;float:left;}
.logo{ width:212px; height:63px; float:left;}
.logobottom{width:180px;height:30px;float:left;font-weight:bold;font-size:12px;margin:0px 0px 0px 0px;background:url(../images/logobottom.jpg) no-repeat;padding-top:2px; padding-left:32px; line-height:15px;}
.company{ width:360px; height:auto; float:left;  line-height:16px;}
.company .tit{ color:#003366; line-height:30px; font-size:16px; font-weight:700}
.language{ width: 50%; float:right; text-align:right; height:18px; line-height:15px;}
.language a{ margin-right:10px; color:#003399;}
.language a img{ margin:5px 3px 0 0;}
/*nav*/
.nav{ width:1002px; height:25px; line-height:25px; margin:0 auto; margin-top:2px;}
.nav ul{ width:1002px; height:25px; font-size:13px; display:block;}
.nav ul li{}
.nav ul li a{background:url(../images/nav-li.jpg) no-repeat left top; padding:0 36px 0 35px; color:#FFFFFF; display:block;}
.nav ul li.first a{ background:none;}
.nav ul li a.dq{background:url(../images/li-hover.jpg) repeat-x left top;}
.nav ul li a:hover{background:url(../images/li-hover.jpg) repeat-x left top;}
/*main*/
#container{ width:1002px; height:auto; margin:0 auto; margin-top:2px;}
#main1{ width:980px; height:auto; margin:0 auto; margin-top:2px;}
/*left*/
.left{ width:204px; height:auto; float:left; margin-right:20px!important;margin-right:10px;}
.list-title{ background:#D5E0ED; width:194px; padding:7px 0px 0 10px; text-align:center;}
.list-title a{ background:url(../images/list-title.jpg) no-repeat right bottom; width:192px; height:33px; line-height:33px; font-size:14px; font-weight:bold; display:block; color:#fff; border-bottom:12px solid #072D60;}
/*product list*/
.list{ width:191px; height:auto; margin-top:3px; float:right;}
.list ul li{ background:#EDEDED; width:100%; height:auto; line-height:16px; padding:3px 0; border-top:1px solid #fff;  border-bottom:1px solid #DDDDDD; }
.list ul li.list-big{ width:100%; height:auto; line-height:16px; padding:3px 0; background:#D8D8D8; border-top:1px solid #fff; border-bottom:none;}
.list ul li a{ color:#003366; padding:3px; display:block;}
 
.list ul li a:visited{ color:#377CC1;}
.list ul li a:hover{ color:#FF0000;  }
.list ul li a.dq01{ color:#FF0000;    }
.list ul li.list-big a{ font-weight:bold;}
.list ul li.list-bottom{ background:url(../images/list-bottom.jpg) #EDEDED no-repeat bottom; height:40px; display:block;}
.list ul li.list-contact{ border-bottom:none; padding-top:15px;}
.list ul li.list-contact a{ color:#FF0000; font-size:14px; font-weight:bold;width:139px; height:25px; line-height:25px;border:1px solid #fff; margin:0 auto; padding:0px;background:url(../images/contact.jpg) no-repeat center; padding-left:20px;}
.list ul li.list-bottom1{ background:url(../images/list-bottom.jpg) #EDEDED no-repeat bottom; height:10px; display:block; border:none;}
.list .contact{ width:191px; height:auto; float:left;}
/*right*/
.right{ width:760px; height:auto; float:left; margin-top:10px;}
.right h2{ padding:10px 0 6px 0;}
.main-title{ background:url(../images/tubiao.jpg) no-repeat left top; width:98%; height:25px; line-height:21px; padding-left:13px; border-bottom:1px dashed #ccc; margin-top:5px;}
.main-title h2{ margin:0px; padding:0px;}
.main-title1{ background:url(../images/tubiao.jpg) no-repeat left top; width:245px; height:25px; line-height:21px; padding-left:13px; border-bottom:1px dashed #ccc; margin-top:5px;}
.main-product{ width:100%; height:auto;}
.main-product ul{ width:235px; height:210px; float:left; margin:10px 10px 0 0; border:1px solid #ccc; padding:3px;}
.main-product ul:nth-child(3n+1){ clear:both}
.main-product ul li{ width:100%; height:auto;}
.main-product ul li a{ display:block; width:100%; color:#003366; text-decoration:underline;}
.main-product ul li.li-title{ text-align:center;  }
.main-product ul li.li-title a{ text-decoration:none; color:#333;  font-weight:bold;}
.main-product ul li.li-title1{ text-align:center; height:90px;}
.main-product ul li.li-titlex{ text-align:center; height:30px; line-height:15px;}
.main-product ul li.li-titlex a{ text-decoration:none; color:#333; font-weight:bold;}
.main-product ul li.li-titlex1{ text-align:center; height:30px; line-height:30px;}
.main-product ul li.li-titlex1 a{ text-decoration:none; color:#333; font-weight:bold;}
.main-product ul li.li-title img{ width:120px} 
.etw_photo{margin:0 0 0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%; border:1px #eee solid; padding: 4px;position: relative;} 
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:48%}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both;}
.img_center{clear:both;margin:0.3rem auto 1rem auto;text-align:center; }
.img_center img{border:1px #dedede solid}
.new-cer-con{ width:191px; height:auto;float:right;margin-left:12px}
.new-cer-con ul{ width:190px; height:auto; float:left; margin:0px 10px 0 0;}
.new-cer-con ul li{ width:190px; height:165px; margin-top:1px; background:#F6F6F6; display:block;}
.new-cer-con ul li.li-title1{ background:#EDEDED; height:20px;}
.new-cer-con ul li.li-title1 a{ color:#003366; font-weight:bold; padding-left:3px;}
.new-cer-con ul li.li-title1 a.hong{ color:#FF0000;}
.new-cer-con ul li ol{ width:190px; float:left; margin:0px; padding:0px;}
.new-cer-con ul li ol li{ width:190px; height:auto; float:left; margin:0px; padding:0px;}
.new-cer-con ul li ol li a{ display:block; color:#003366;}
.new-cer-con ul li ol li.new-img{ text-align:center;}
.new-cer-con ul li ol li.cer-img img{ margin:0 5px;_margin:0 3px;}

.etw_df{display: flex;flex-flow: wrap;}

.new-cer-con ul li ol li.new{ width:180px; padding:5px 0 0 5px;}
.new-cer-con ul li ol li.new a{ line-height:16px; padding:5px 3px 5px 5px; background:url(../images/li.jpg) no-repeat left 10px; text-decoration:underline; color:#333;}
.new-cer-con ul li ol li.new a:hover{ color:#003366; text-decoration:none;}
.new-cer-con ul li ol li.contact{ width:228px; padding:0 5px 0 10px; background:url(../images/contact-bg.jpg) no-repeat center;}
.new-cer-con ul li ol li.cer-text{ width:228px; padding:0 5px 0 10px;}
/*footer*/
#footer,#xfooter{ width:100%; background:url(../images/footer-bg.jpg) repeat-x top; height:84px; margin-top:10px;}
.foot{ width:1002px; height:auto; margin:0 auto;}
.link{ width:982px; padding:3px 10px;}
.link01{ width:920px; padding:3px 0 3px 10px; float:left;}
.link a, .link01 a{ text-decoration:underline;}
.link a:hover, .link01 a:hover{ text-decoration:none;}
.otherlink{width:230px;height:18px;text-align:center;margin:0 auto;}
.otherlink div{margin:5px 5px 0 5px; float:left;}
/*导航页*/
/*about.html*/
.about{ width:700px; height:auto; padding:10px; float:left;}
.title{ width:98%; padding-left:10px; border-bottom:1px solid #ccc; font-size:11px;}
/*certificates.html*/
.cer{ width:100%; height:auto; margin-top:10px;}
.cer ul li{ width:auto; float:left; display:block; height:160px; margin-right:15px;}
.cer ul li img{ margin-bottom:5px;}
.cer1{ width:100%; height:auto;}
.cer1 ul li{ width:auto; float:left; display:block; height:190px; margin-right:10px;}
.cer1 ul li img{ margin-bottom:5px;}
/*product.html*/
.product{ width:98%; height:auto; margin:0 10px;}
.product ul{ width:325px; height:auto; border-bottom:1px dashed #CBCCCE; padding:8px 0; display:block; overflow:hidden; float:left;}
.product ul li{ width:90px; height:auto;}
.product ul li img{ border:1px solid #ccc; padding:1px; width:80px; height:70px}
.product ul li.product-text{ width:225px; height:auto; text-align:left;}
.product ul li.product-text a{ display:block; color:#0055A0; font-weight:bold; text-decoration:underline;}
/*related products*/
.rel-pro{ width:260px; float:left; height:auto; padding-left:5px; border-left:1px dashed #CACACA;}
.rel-pro ul{ width:260px; height:auto; border-bottom:1px dashed #CBCCCE; padding:8px 0; display:block; overflow:hidden;}
.rel-pro ul li{ width:90px; height:auto;}
.rel-pro ul li img{ border:1px solid #ccc; padding:1px;}
.rel-pro ul li.rel-text{ width:170px; height:auto; text-align:left;}
.rel-pro ul li.rel-text a{ display:block; color:#0055A0; font-weight:bold; text-decoration:underline;}
/*内页*/
.rel-product{ width:750px; height:auto;}
.rel-product ul{ width:750px; height:auto; border-bottom:1px dashed #CBCCCE; padding:8px 0; display:block; overflow:hidden;}
.rel-product ul li{ width:90px; height:auto;}
.rel-product ul li img{ border:1px solid #ccc; padding:1px;  width:80px; height:70px}
.rel-product ul li.relate-text{ width:660px; height:auto; text-align:left;}
.rel-product ul li.relate-text a{ display:block; color:#0055A0; font-weight:bold; text-decoration:underline;}
.product1{ width:98%; height:auto; margin:0 10px;}
.product1 ul{ width:370px; height:auto; border-bottom:1px dashed #CBCCCE; padding:8px 0; display:block; overflow:hidden; float:left;}
.product1 ul li{ width:90px; height:auto;}
.product1 ul li img{ border:1px solid #ccc; padding:1px;}
.product1 ul li.product-text1{ width:260px; height:auto; text-align:left;}
.product1 ul li.product-text1 a{ display:block; color:#0055A0; font-weight:bold; text-decoration:underline;}
 
.pro1{ width:255px; height:auto; margin-top:10px; float:left}
.pro1 .pic1{ width:250px; height:auto; text-align:center; vertical-align:middle; display:table-cell; border:1px solid #ccc; padding:1px;}
.pic1 img{ vertical-align:middle; display:table-cell; max-width:240px}
.pro1 .pic2{ width:255px; height:auto; margin-top:5px;}
.pro1 .pic2 img{margin:0 3px 0px 0; border:1px solid #ccc; max-width:40px}

.pro-link{ width:100%; height:auto; margin-bottom:10px;}
.pro-link ul li{ width:auto; height:17px; line-height:17px; margin:3px 10px 0 0; display:block;}
.pro-link ul li img{ float:left; margin-right:5px; border:1px solid #ccc;}
.pro-link ul li a{text-decoration:underline; color:#0055A0;}
.pro-link ul li a:visited{ text-decoration:none; color:#3399FF;}
.pro-link ul li a:hover{ text-decoration:none; color:#DD5851;}
.pro-link ul li a.dq1{text-decoration:underline; color:#DD5851;}
.text{ width:480px; height:auto; float:right;}
.text p{ line-height:18px;}
.table01{ width:100%; height:auto; background:#0055A0; border-top:2px solid #0099FF; margin-bottom:10px;}
.table01 tr{ background:#F6F7F9;}
.table01 tr td{ padding:0 3px;}
.table01 tr.top01{ font-weight:bold; background:#EAEAEA;}
.table02{ width:49%; height:auto; background:#0055A0; border-top:2px solid #0099FF; margin-bottom:10px; float:left; margin-right:5px;}
.table02 tr{ background:#F6F7F9;}
.table02 tr td{ padding:0 3px;}
.table02 tr.top02{ font-weight:bold; background:#EAEAEA;}
.table0 tr td{ text-align:center;}

.subject, .subject1, .subject2, .subject3{ width:100%; height:auto; overflow:hidden; padding-top:5px;}
.subject a{ width:240px; height:20px; background:#CCCCCC; line-height:20px; display:block; padding-left:5px; font-weight:bold; float:left; margin-right:5px; color:#666; overflow:hidden; margin-top:5px;}
.subject1 a{ width:360px; height:20px; background:#CCCCCC; line-height:20px; display:block; padding-left:5px; font-weight:bold; float:left; margin-right:5px; color:#666;overflow:hidden; margin-top:5px;}
.subject2 a{ width:178px; height:20px; background:#CCCCCC; line-height:20px; display:block; padding-left:5px; font-weight:bold; float:left; margin-right:5px; color:#666;overflow:hidden; margin-top:5px;}
.subject3 a{ width:140px; height:auto; background:#CCCCCC; line-height:16px; display:block; padding-left:5px; font-weight:bold; float:left; margin-right:5px; color:#666;overflow:hidden; margin-top:5px;}

.pro-list{ width:100%; height:auto;}
.pro-list img{ margin-right:10px;}
.pro-list1{ width:100%; height:auto;}
.pro-list1 img{ margin:0px;}
/*sitemap*/
.sitemap{ width:98%; height:auto; padding:0 10px;}
.sitemap ul{width:100%;}
.sitemap ul li.p1{ width:100%;}
.sitemap ul li.p2{ padding-left:8px;width:99%;}
.sitemap ul li.p3, .sitemap ul li.p4, .sitemap ul li.p5{ padding-left:10px;width:98%;}
.sitemap ul li.p3 ol{ float:left; margin:0px; padding:0px;}
.sitemap ul li.p3 ol li{ width:135px; float:left;}
.sitemap ul li.p4 ol, .sitemap ul li.p5 ol{ float:left; margin:0px; padding:0px;}
.sitemap ul li.p4 ol li{ width:200px; float:left;}
.sitemap ul li.p5 ol li{ width:300px; float:left;}
.sitemap ul li a{ color:#0000ff; text-decoration:underline; display:block; line-height:25px;}
.sitemap ul li.p1 a, .sitemap ul li.p2 a{font-weight:bold;}

/*news*/
.new{ width:100%; height:auto; }
.new ul{ width:100%; height:auto;}
.new ul li{ width:100%; height:auto;}
.new ul li.new-time{background:#F5F5F5;}
.new ul li.new-time a{ color:#0055A0; font-weight:bold; text-decoration:underline; float:left;}
.new ul li.new-time a:hover{ text-decoration:none;}
.new ul li.new-time span{ float:right; margin-right:10px; color:#FF0000;}
.newimg{ width:100%; height:auto; text-align:center;}
.newimg img{ margin-right:10px; border:1px solid #ccc;}
.time{ width:100%; color:#FF0000; text-align:right;}
.down_news{ width:90%; color:#FF0000; text-align:right;}
.down_news a{ margin-right:10px;}
#showbtn{ background:transparent; padding:0 5px; border-radius:5px; display:inline-block; border:0;color: #000; font-size:14px; line-height:1em; font-weight:700}
#showbox,#chatbox{ display:none}
.layui-layer-dialog .layui-layer-content,.consulting,.consulting2{display: none;}
.layui-layer-btn{text-align: center !important; padding: 30px 0!important;}
.layui-layer-btn a{display: block;height: 42px !important;line-height: 42px !important; }