@charset "utf-8";
/*取消 Html 原有樣式---------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;line-height:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;margin:0;padding:0;}
hr{margin:0px;}
img{max-width:100%;height:auto;}
div,p,span{line-height:inherit;}
/*基本------------------------------------------*/
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll;z-index: 999;font-size:15px;}
body{color:#343434;-webkit-text-size-adjust:none;background:#fff;}
a,a:hover,a:focus{color:#343434;text-decoration:none;}
/*共用-----------------------------------------*/
.row-no-padding{padding-left:0px;padding-right:0px;}
.fck{width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.container{position:relative;}
#header{position:relative;width:100%;height:90px;margin:0 auto;}
#banner{position:relative;top:0px;left:0px;width:100%;}
/*
.indexBanner{height:340px;}
.indexBanner .slides li{width:100%;height:340px;}
*/
#banner img{position:relative;top:0px;left:0px;width:100%;height:auto;}



header .search{position:absolute;top:38px;right:111px;color:#000;cursor:pointer;}
header .search div{position:absolute;display:none;right:0px;top:0px;}
header .search div .input{position:absolute;right:-3px;top:-5px;width:200px;height:30px;border:1px solid #000;padding-left:10px;outline-color:none;outline:0;border-radius:5px;}
header .search div .submit{position:absolute;right:0px;top:1px;height:auto;}

#indexHot{position:relative;float:left;width:100%;padding:0;/*background:#e2e2e2;*/}
#indexHot .img{padding:15px;}
#indexHot h4{font-size:28px;color:#004ea2;margin-top:46px;}
#indexHot p{font-size:16px;color:#343434;line-height:30px;margin-top:10px;}
#indexFunction{position:relative;float:left;width:100%;padding-top:80px;padding-bottom:80px;background:#f9f9f9;}
#indexFunction h4{font-size:36px;color:#343434;margin-top:46px;text-align:center;margin-bottom:30px;}
#indexFunction img{max-width:100%;height:auto;}
/*
#indexFunction .row{display:flex;align-items:center;justify-content:center;}
#indexFunction .description h4{margin-bottom:20px;font-size:40px;color:#343434;}
#indexFunction ul{float:Left;width:100%;margin-top:40px;}
#indexFunction ul img{float:left;margin-top:14px;margin-right:10px;width:5px;}
#indexFunction ul p{float:left;width:95%;}
#indexFunction li{float:left;width:100%;color:#343434;font-size:18px;line-height:30px;}
*/



.indexPro{float:left;width:100%;color:#343434;}
.indexPro .proList{float:left;width:100%;/*height:730px;*/}
.indexPro .proList .img{height:100%;padding:0px;display:flex;align-items: center;justify-content: center;}
.indexPro .proList .img img{width:100%;}
.indexPro .proList h4{margin-top:90px;padding:20px;border-radius:5px;width:auto;display:inline-block;color:#fff;font-size:40px;}
.indexPro .proList .list{float:left;width:100%;margin-top:70px;}
.indexPro .proList .list span:nth-child(odd){float:left;font-size:24px;line-height:1.5;margin-bottom:20px;}
.indexPro .proList .list span:nth-child(even){float:right;font-size:24px;line-height:1.5;}
.indexPro .proList .word{float:left;font-size:18px;line-height:30px;margin-top:20px;}
.indexPro .proList .viewdetail{float:left;width:100%;text-align:right;margin-top:60px;}
.indexPro .proList .viewdetail a{display:inline-block;padding:18px;background:#fff;border-radius:5px;font-size:20px;color:#fff;}
.indexPro:nth-child(even) .proList .viewdetail{text-align:left;}
.first{color:#343434 !important;}
.indexPro:nth-child(odd){color:#fff;}



#newsList{float:left;background:#fff;width:100%;padding:80px 0;}
#newsList h3{margin-bottom:60px;font-size:36px;color:#898989;}
#newsList h4{margin-top:25px;font-size:18px;color:#343434;}
#newsList p.date{margin-top:8px;color:#777b80;}
#newsList div.description{margin-top:8px;color:#777b80;line-height:24px;}
#newsList .more{float:right;color:#004ea2;}
footer{position:relative;float:left;width:100%;padding:20px 0 0px 0;background:#004ea2;}
.footerlogo{width:100%;border-bottom:1px solid #fff;padding-bottom:17px;}
footer .company{display:inline-block;padding:18px 0;width:100%;color:#fff;line-height:16px;font-size:12px;border-bottom:1px solid #3371b5;}
footer .address{float:left;width:58%;}
footer .tel{float:left;width:35%;margin-left:7%;}
footer .factory{display:inline-block;padding:15px 0;width:100%;color:#fff;line-height:16px;font-size:12px;}
footer .flinktopic{color:#fff;border-bottom:1px solid #fff;padding:6px 0 20px 30px;}
footer .flinktopic p{display:inline-block;}
footer .flinktopic .p2{margin-left:170px;}
footer .fastlink{margin-top:16px;font-size:12px;color:#fff;}
footer .fastlink a{color:#fff;}
footer .fastlink .zone1{float:left;width:520px;padding-left:30px;}
footer .fastlink .zone2 a{margin-right:17px;}
footer .fastlink .zone3{position:absolute;top:160px;right:15px;}
.goback{position:absolute;right:100px;top:-46px;}

/*News*/
#news{background:#fff;width:100%;padding:90px 0 130px 0;}
#news h3{margin-bottom:60px;font-size:36px;color:#898989;}
#news h4{line-height:40px;color:#004ea2;font-size:30px;}
#news p.date{margin-top:8px;color:#777b80;}
#news div.description{margin-top:8px;color:#464646;line-height:24px;}

/*ABOUT*/
#about{background:#fff;width:100%;padding:90px 0 130px 0;}
#about h3{margin-bottom:60px;font-size:36px;color:#898989;}
#about h4{color:#343434;font-size:18px;font-weight:bold;}
#about div.description{margin-top:28px;color:#777b80;line-height:24px;}

/*Contact*/
#contact{background:#fff;width:100%;padding:90px 0 130px 0;}
#contact h3{margin-bottom:60px;font-size:36px;color:#898989;}
#contact .input{width:90%;height:43px;border:1px solid #777b80;border-radius:5px;font-size:18px;padding-left:4px;}
#contact .input2{width:95%;height:43px;border:1px solid #777b80;border-radius:5px;font-size:18px;padding-left:4px;}
#contact textarea{width:95%;height:200px;border:1px solid #777b80;border-radius:5px;font-size:18px;line-height:24px;padding-left:4px;}
#contact .input:focus{border:1px solid #004ea2;outline-width: 0;}
#contact form p{font-size:18px;color:#777b80;margin-bottom:14px;}
#contact form .row{margin-bottom:20px;}
#contact form label{margin-top:35px;margin-right:60px;}
#contact form label input{margin-right:13px;}
#contact form .send{float:right;margin-right:5%;width:159px;height:45px;border-radius:5px;background:#004ea2;color:#fff;border:0px;margin-top:20px;}
#contact .companyMsg h5{font-size:18px;color:#343434;}
#contact .companyMsg h6{color:#004ea2;line-height:30px;}
#contact .companyMsg div{display:inline-block;margin-top:25px;margin-bottom:20px;line-height:30px;font-size:18px;color:#777b80;}
#contact .map{margin-top:50px;}

/*FAQ*/
#faq{background:#fff;width:100%;padding:90px 0 130px 0;}
#faq h3{margin-bottom:60px;font-size:36px;color:#898989;}
#faq .faq-nav{float:left;width:100%;border-bottom:4px solid #004ea2;}
#faq .faq-nav li{background:#fff;width:240px;height:66px;text-align:center;float:left;margin-right:5px;font-size:24px;}
#faq .faq-nav li a{background:#fff;height:66px;width:100%;display:block;line-height:66px;color:#004ea2;border-radius:5px 5px 0 0;}
#faq .faq-nav li.on a{background:#004ea2;color:#fff;}
#faq .faq-nav li:hover a{background:#004ea2;color:#fff;}
.faqcontent{margin-top:60px;float:left;width:100%;font-size:18px;line-height:24px;}
.faqcontent h5{position:relative;float:left;width:100%;margin-bottom:30px;cursor:pointer;}
.faqcontent h5>img{position:absolute;top:4px;left:0px;}
.faqcontent h5>p{float:left;padding-left:37px;width:100%;color:#004ea2;}
.faqcontent div{float:left;padding-left:37px;width:100%;margin-bottom:30px;display:none;}

/*ODM*/
#odm{background:#fff;width:100%;padding:90px 0 130px 0;}
#odm h3{margin-bottom:60px;font-size:36px;color:#898989;}
#odm h5{margin-bottom:30px;font-size:18px;color:#464646;}
#odm .description{color:#777b80;line-height:24px;}
#odm .odmlist{display:inline-block;width:100%;margin-top:100px;}
#odm .odmlist img{position:absolute;top:0px;left:0px;}
#odm .odmlist .odm-content{float:left;padding-left:100px;width:100%;}
#odm .odmlist .odm-content h6{font-size:24px;margin-bottom:20px;color:#343434;}
#odm .odmlist .odm-content p{font-size:15px;color:#343434;line-height:24px;}

/*Product*/
.product{position:relative;float:left;width:100%;height:auto;color:#343434;}
.product .proList h4{float:left;margin-top:90px;padding:20px;border-radius:5px;width:auto;color:#fff;font-size:40px;}
.product .proList .list{float:left;width:100%;margin-top:40px;font-size:24px;line-height:36px;}
/*.indexPro .proList .list{float:left;width:100%;margin-top:70px;}*/
.product .proList .list span:nth-child(odd){float:left;font-size:24px;line-height:36px;}
.product .proList .list span:nth-child(even){float:right;}
.product .proList .word{float:left;font-size:18px;line-height:30px;margin-top:20px;}
.product .proList .viewdetail{float:left;width:100%;text-align:right;margin-top:60px;}
.product .proList .viewdetail a{display:inline-block;padding:18px;background:#004ea2;border-radius:5px;font-size:20px;color:#fff;}
.product:nth-child(even) .proList .viewdetail{text-align:left;}


/*ProductView*/
#productView{margin-top:84px;}
#productView .topic{display:inline-block;width:auto;border-radius:5px;color:#fff;font-size:30px;padding:20px;}
#productView .product-description{font-size:18px;color:#343434;line-height:30px;margin-top:30px;}
#productView .list{font-size:18px;color:#343434;line-height:30px;margin-top:30px;margin-left:14px;}
#productView .topic2{color:#343434;font-size:24px;margin-top:60px;}
#productView .specification{margin-top:40px;}
#productView .specification-description{font-size:18px;color:#777b80;line-height:30px;margin-top:44px;}
#productView .topic3{display:inline-block;width:100%;padding-left:15px;padding-right:15px;color:#898989;font-size:36px;margin-top:90px;}
#productView .another-product{margin-top:50px;}
#productView .another-product figcaption{font-size:14px;line-height:25px;color:#343434;margin-top:30px;text-align:center;}
#productView .input{width:90%;height:43px;border:1px solid #777b80;border-radius:5px;font-size:18px;padding-left:4px;}
#productView .input2{width:95%;height:43px;border:1px solid #777b80;border-radius:5px;font-size:18px;padding-left:4px;}
#productView .input:focus{border:1px solid #004ea2;outline-width:0;}
#productView .input2:focus{border:1px solid #004ea2;outline-width:0;}
#productView form p{font-size:18px;color:#777b80;margin-bottom:14px;}
#productView form{display:inline-block;width:100%;margin-top:50px;padding-bottom:110px;}
#productView form .row{margin-bottom:20px;}
#productView form label{margin-top:35px;margin-right:60px;}
#productView form label input{margin-right:13px;}
#productView form .send{width:159px;height:45px;border-radius:5px;background:#004ea2;color:#fff;border:0px;float:right;margin-right:5%;}
#productView textarea{width:95%;height:220px;border:1px solid #777b80;border-radius:5px;font-size:18px;line-height:24px;padding-left:4px;}
#productView textarea:focus{border:1px solid #004ea2;outline-width:0;}

.protable{border-spacing:4px;border-collapse:separate;}
.protable tr{height:46px;color:#343434;font-size:18px;}
.bgcolor{background:#f0f0f0;}
.protable tr td{padding-left:20px;}

.searchList h2{font-size:30px;color:#343434;font-weight:bold;}
.searchList .description{font-size:18px;color:#777b80;line-height:30px;margin-top:10px;}
.searchList .line{margin:20px 0px;width:100%;height:1px;background:#b0b0b0;}