@charset "utf-8";
*{ box-sizing:border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{margin:0px;padding:0px;}
ul li{ list-style:none}
img{border:0;}
body{min-width:1200px; width:100%; height: auto; font-family: "microsoft yahei"; color:#333; font-size:14px;}
a {color:#333;text-decoration:none;}

.fl{ float: left; }
.fr{ float: right; }

.clear{clear:both; width: 100%; height: 0px; line-height: 0px;}
.w1200{width:1200px; margin:0 auto;}

/*首页*/
.clock{ height:40px; line-height: 40px; background: #000; color:#FFF; font-size: 14px; }

.logo-menu{ padding-top:30px; height:100px; }
.logo-menu .logo{}

.search{ border: solid 1px #10607D; height:42px; width:600px; font-size: 16px;}
.search input{ border:0 none; height:40px; width:395px; float: left; padding:0 10px;}
.search span.bom{ display: block; border-left:1px solid #EEE; height:40px; background: url(../images/2019-12-12_113717.png) no-repeat 10px center; line-height: 40px; padding:0 10px; padding-left: 40px; float: left; cursor: pointer;}
.search span.bom:hover{ color:#F00;}
.search span.btn{ display: block; width:80px;  height:40px; background:#10607D url(../images/2019-12-12_113243.png) no-repeat center center; float: right;cursor: pointer;}


.menu{ background: #088DCF; height:50px;}
.menu a{ display: block; height:50px; padding:0 40px; line-height: 50px; font-size:16px; text-align: center; float: left; margin-left: 5px; color:#FFF; }
.menu a:hover{border-bottom: #43B7F0 solid 3px; }
.menu a.on{ border-bottom: #FFF solid 3px; }

.index-about{ padding: 40px 0 ; text-align: center; }
.index-about .welcome{ font-size: 28px; color:#088DCF; }
.index-about h1{ font-weight: normal; font-size: 28px; color:#666; padding:20px; }
.index-about h5{ font-weight: normal; font-size: 16px; color:#999; padding:0 100px; line-height: 1.8; }

.index-application{ padding-top: 120px; }
.index-application li{ width:180px; height:240px; margin-left:75px; display: block; float: left; background: #F2F2F2; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.index-application li:first-child{ margin-left:0;}
.index-application li img{ width:180px; margin-top:-90px; }
.index-application li h4{ font-weight: normal; font-size: 18px; color:#666; padding:10px;}
.index-application li p{ padding:0 10px; color:#666; line-height: 1.8;}

.index-products{ background: #F8F8F8; padding:40px 0;text-align: center; }
.index-products h1{ font-weight: normal; font-size: 28px; color:#666; padding-top:20px; }
.index-products h5{ font-weight: normal; font-size: 16px; color:#999;  }
.index-product{ padding-top: 40px; }
.index-product li{ display: block; float: left; width:285px; height:285px; margin-left: 20px; margin-bottom: 20px; position: relative; }
.index-product li img{ width:100%; height:100%;}
.index-product li p{ display: none; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(2,49,125,.7); color:#FFF; font-size: 16px; padding:0 20px;}
.index-product li p b{ display: block; padding-top: 80px; font-size: 24px; padding-bottom: 20px;  }
/* .index-product li:nth-child(1){ margin-left:0; width:590px; } */
.index-product li:nth-child(1){ margin-left:0; }
.index-product li:nth-child(5){ margin-left:0; }
.index-product li:hover p{ display: block; }

.index-youshi{ background: url(../images/201810111508074.jpg) center center; height:510px;text-align: center;  color:#FFF; padding-top: 70px; }
.index-youshi table tr td{ text-align: left; padding-bottom: 40px; }
.index-youshi table tr td img{ height:50px;vertical-align:middle; float: left; padding-right: 20px; }
.index-youshi table tr td b{ display: block; float: left; font-weight: normal; line-height: 50px; font-size: 24px; color:#FFF; }
.index-youshi table tr td p{ clear: both; padding-right: 40px; line-height: 1.8; font-size: 16px; padding-top: 20px; color:#FFF; }

.index-news{ background: #FFF; padding:40px 0;text-align: center; }
.index-news h1{ font-weight: normal; font-size: 28px; color:#666; padding-top:20px; }
.index-news h5{ font-weight: normal; font-size: 16px; color:#999;  }
.news{ padding-top: 40px; }
.news li{ display: block; float: left; width:590px; margin-left: 20px; margin-bottom: 20px; background: #F4F4F4; }
.news li:nth-child(1){ margin-left:0; }
.news li:nth-child(3){ margin-left:0; }
.news li img{ width:220px; height:150px; }
.news li div{ width:350px; height:150px; padding-left:10px; text-align: left; padding-top:10px;  color:#666;}
.news li div b{font-weight: normal; font-size: 16px; }
.news li div i{ font-size: 12px; padding:10px 0; display: block; }
.news li div p{ font-size: 14px; line-height: 1.8; }

.index-fine{ background: #F2F2F2; height:350px; }
.fin-info{ width:600px; padding-top: 40px; }
.fin-info h5{font-weight: normal; font-size: 16px;  }
.fin-info h2{font-weight: normal; font-size: 32px; color:#333; padding-top: 10px; padding-bottom: 20px;  }
.fin-info p{font-weight: normal; font-size: 16px; color:#666; padding-right: 30px; line-height: 1.8; }
.fin-info ul{ padding-top: 30px; }
.fin-info ul li{ width:100px; float: left; padding:10px 0; }
.fin-info ul li.line{ border-left: solid 1px #CCC; border-right:solid 1px #CCC; padding-left: 50px; width:150px; margin-right: 50px; font-size: 16px;}
.fin-info ul li b{ display: block; font-size: 32px; color:#02317D; }
.map{ width:600px; height:350px; overflow: hidden; }
.map iframe{ width:100%; height:100%; }
.map1{ width:600px; height:500px; overflow: hidden; }
.map1 iframe{ width:100%; height:100%; }

.footer{ background: #068DD2; height: 300px; }
.foot-list a{ color:#FFF; }
.foot-list li{ display: block; height:250px; float: left; padding-right: 110px; padding-top: 40px; color:#FFF; }
.foot-list li b{font-weight: normal; font-size: 20px; }
.foot-list li p{font-size: 14px; line-height: 1.8; padding-top: 10px; }
.foot-list li p a{ display: block; padding-left: 10px; margin-left: -10px; }
.foot-list li p a:hover{ background: #0376B2; }
.copy{ text-align: center; color:#FFF; }
.foot1{ width:700px; }
.foot2{ width:200px; }
.foot3{ width:300px; }

/*内页*/
.page-class{ display: block; border-bottom: solid 2px #02317D; margin-top: 40px; padding-top: 10px; }
.page-class a{ display: inline-block; padding:10px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.page-class a.on{ background: #02317D; color:#FFF; }
.page{ padding:20px 0; }
.page a{ display: inline-block; padding:5px 10px; background: #02317D; color:#FFF; margin:0 2px; border-radius: 5px; }
.page-product{ padding-top: 40px; text-align: left; }
.page-product li{ display: block; float: left; width:285px; height:350px; margin-left: 20px; margin-bottom: 20px;}
.page-product li img{ width:285px; height:285px;}
.page-product li p{ font-size: 12px;}
.page-product li p b{ display: block; font-size: 16px; padding:5px 0; font-weight: normal; }
.page-product li:nth-child(4n+1){ margin-left:0;}

.content{ line-height: 1.8; text-align: left; font-size: 16px; }
.content p{ padding-bottom: 10px; }


.message{ background: #FFF; padding:40px 0;text-align: center; }
.message h1{ font-weight: normal; font-size: 28px; color:#666; padding-top:20px; }
.message h5{ font-weight: normal; font-size: 16px; color:#999;  }
.message input,.message textarea{ width:100%; padding:10px; border: #EEE solid 1px; background: #F5F5F5;}
.message input[type=submit]{ width:300px; padding:10px; background: #02317D; color:#FFF; border: 0 none; border-radius: 5px; font-size: 18px; margin-top: 20px;}

.products-detail{ padding: 40px 0;}
.products-detail .line{ border-top: solid 1px #DDD; margin-top: -4px;}

.detail-image{ width:304px; height:304px; padding:1px; border: solid 1px #EEE;}
.detail-image img{ width:300px; height:300px;}

.detail-image1{ height:80px; }
.detail-image1 img{ width:70px; height:70px; display: block; float: left; margin-left:8px; margin-bottom: 8px;}
.detail-image1 img:first-child{ margin-left:0;}
.detail-image1 img:nth-child(4n+1){ margin-left:0;}

.product-right1{ border: solid 1px #EEE; padding:10px; height:304px; width:570px;}
.product-right1 h1{ font-size: 24px; font-weight: normal; padding:10px 0 5px 0;}
.product-right1 h7{ font-size: 12px; font-weight: normal; color:#999;}
.product-right1 p{ padding:5px 0; color:#000; }
.product-right1 p .btn-qq{ display: inline-block; float: left; border: solid 1px #DDD; background: #F9F9F9; height:40px; line-height: 40px; padding:0 20px; }
.product-right1 p .btn-ask{ display: inline-block; float: left; border: solid 1px #DDD; background: #FFF; height:40px; line-height: 40px; padding:0 20px; margin:0 10px; }
.product-right1 p .btn-cart{ display: inline-block; float: left; border: solid 1px #4A90E2; background: #4A90E2; height:40px; line-height: 40px; padding:0 20px; color:#FFF; }

.product-number{ display: inline-block; line-height: 26px; }
.product-number a{ display: block; float: left; border: solid 1px #EEE; width:20px; height:26px; text-align: center; line-height: 24px; }
.product-number input{ display: block; float: left; padding:0; margin:0; border:0 none; border-top: solid 1px #EEE; border-bottom: solid 1px #EEE; width:50px; height:26px; text-align: center; }
.product-number span{ display: block; float: left; color:#F60; padding:0 10px; }
.product-number b i{ font-style: normal; font-weight: bold; }

.product-fujian{ padding-top: 10px; line-height: 1.5; }
.product-fujian b{ display: block; font-size:16px; }
.product-fujian a{ display: block; width:50%; padding:5px 0; float: left; overflow: hidden; }

.detail-btn1{ padding:2px 10px; background: #0BC2FF; color:#FFF; border-radius: 3px; display:inline-block; margin-left:30px; margin-top:30px;}
.detail-txt1{ display: block; padding:5px; color:#0BC2FF; width:250px; line-height: 1.5; font-size: 12px;}
.detail-cansu{ border: solid 1px #B4DDF1; width:570px; margin-bottom: 10px; padding:10px}

.detail-left{ width:900px;float: left; }
.detail-left h1{ font-size: 24px; font-weight: normal; padding:10px 0 5px 0; border-bottom: solid 1px #EEE;}
.detail-left h7{ font-size: 12px; font-weight: normal; color:#999;}
.detail-left h4{ background: #EEE; height:30px;}
.detail-left h4 b{ background: #09C; font-weight: normal;  font-size: 14px; color:#FFF; height:30px; display: inline-block; padding:0 10px; font-weight: normal; line-height: 30px;;}
.detail-content{ display: block; width:100%; text-align: left; line-height: 1.8; font-size:16px; padding:10px;}

.detail-right{ width:300px; float: left; }
.detail-right .right_contact{ border: solid 1px #DDD; padding: 10px; font-size: 12px; position: relative; background: url(../images/2020-06-12_233225.png) no-repeat left bottom; }
.detail-right .right_contact b{ display: block; width:250px; position: absolute; left:25px; top:-28px; border: solid 1px #02DCFF; height:60px; line-height: 60px; font-size:21px; color:#02DCFF; background: #FFF url(../images/2020-06-12_232025.png) no-repeat 2px 2px; padding-left: 65px; }
.detail-right .right_contact p{ padding-top: 40px; font-size: 14px; color: #000; font-weight: bold; }
.detail-right .right_contact .marquee{ padding-top: 10px; height:200px; width:280px; overflow: hidden; }
.detail-right .right_contact .marquee li{ width:138px; margin-left: 2px; padding:3px 0; line-height: 1.5; float: left; word-wrap:break-word; }
.detail-right .right_contact .marquee li:nth-child(odd){ margin-left:0; }
.detail-right .right_contact span{ display: block; height:174px; padding-top: 80px; text-align: center; }
.detail-right .right_contact span a{ display: block; width:150px; height:36px; line-height: 32px; margin: 5px auto; border:solid 2px #336699; background: url(../images/2020-06-12_234305.png) no-repeat 4px center; padding-left: 25px; color:#369;}

.detail-right .right_list{ border: solid 1px #DDD; padding: 10px; font-size: 12px; margin-top: 5px; }
.detail-right .right_list .line2{ border-top:  dotted 1px #DDD; height:10px; margin-top: 10px;}
.detail-right .right_list .c1{ color:#0CF;}
.detail-right .right_list .c2{ color:#C30;}
.detail-right .right_list img.pro{ border: solid 1px #DDD; padding:2px; }


.page-news{ padding-top: 40px;}
.page-news li{ border-bottom: solid 1px #DDD; height:220px; margin-top: 20px;}
.page-news li img{ float: left; width:200px; height:200px; padding-right:20px;}
.page-news li .news-des{ float: left; width:880px; height:200px; text-align:left; }
.page-news li .news-des a.title{  font-size:24px; }
.page-news li .news-des a.btn{ display: inline-block; background:#02317D; padding:5px 10px; color:#FFF; margin-top: 10px; border-radius: 5px; }
.page-news li .news-des a.btn:hover{ background: #F30;}
.page-news li .news-des p{ padding-top: 20px;  font-size:16px; line-height: 1.8;; }
.page-news li .news-des i{ display: block; padding-top: 10px;  font-size:14px; }
.detail-news{text-align: left; line-height: 1.8; font-size:16px; padding:10px; padding-top: 40px;}

.page_detail{ background: #FFF; padding:40px 0;text-align: center; }
.page_detail h1{ font-weight: normal; font-size: 28px; color:#666; padding-top:20px; }
.page_detail h5{ font-weight: normal; font-size: 16px; color:#999;  }