@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"proximanova";
	src: url(../fonts/proximanova.ttf);
} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:13px; font-family:'微軟雅黑', Arial, Helvetica, sans-serif;}
.nav01 ul, .nav02 ul, .in-banner .slick-dots, .in-products ul, .in-news ul, .footer01, .left-menu ul, .about01-box, .about03 ul, .about06 ul, .about08 ul, .about09 ul, .contact-info ul, .form-sty, .inq-box ul, .dist-box ul, .qa-box ul, .solutions-box ul, .news-box ul, .search-con ul{padding: 0;margin:0;list-style-type: none;}
body * {box-sizing: border-box;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul,li,dl,dd,dt, ol { list-style: none;padding: 0; margin:0;} 
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
p{margin: 0 !important}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,select,textarea{outline:none; border:none;outline:none;background:none;margin:0;padding:0;vertical-align: middle;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#3e5790; text-decoration:none;}
.contain{max-width:1280px;margin:0 auto;width:97%;}
.fl{float: left;}
.fr{float: right;}
.com-img img{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

header{width: 100%;height: 95px;box-shadow: 0 0 2px 2px #eee;position: fixed;z-index: 999;top: 0;right: 0;left: 0;}
.logo{width: 370px;height: 95px;background: #fff;text-align: center;margin:0;border-top-right-radius:13px 50px;border-bottom-right-radius:13px 50px;box-shadow: 3px 0 4px rgba(0,0,0,0.12);position: absolute;z-index: 2;left: 0;}
.logo img{width:235px; padding-top: 15px;}
.top-nav{width: 100%;position: absolute;z-index: 1;left:0;}
.nav01{width: 100%;height: 47px;background: #003d88;text-align: right;}
.nav01 nav{display: inline-block;}
.nav01 .moreMenu{position: relative}
.nav01 .moreMenu li{display: block;margin: 0;text-align: left;}
.nav01 .moreMenu li a{line-height: 30px;text-indent: 0px;padding: 0 15px;}
.nav01 ul.navigation li:hover > ul{width: 150px;margin-left: -35px;}
.nav01 li{margin: 0 17px; color:#fff;font-size: 15px;}
.nav01 li a{color: #fff;line-height: 45px; font-size: 16px; display: inline-block;}
.nav01 li a.dhs{color: #f17727; font-weight:bold;font-size: 20px;}
.nav01 .moreMenu >a:after{content: url(../images/lnv.png);display: inline-block;margin-left: 6px;}
.nav01 .moreMenu .arrow-bottom{display: none;}
.search-box{border:1px solid #9DCFEF;display: inline-block;margin: 3px 50px 3px 10px;}
.search-box button{width: 50px;height: 37px;background: #9DCFEF;border: 0;cursor: pointer;}
.search-box button i{color: #fff;}
.search-box button:hover{background: #fff;}
.search-box button:hover i{color: #9DCFEF;}
.search-box input{width: 175px;height: 37px;line-height:100%;background: #fff;border:0;margin-left: -4px;padding-left: 5px;}
.nav02{width: 100%;background: #fff;text-align: left;padding-left: 360px;}
.nav01 li, .nav02 .navigation > li{display: inline-block;}
.nav02 .navigation > li{margin: 0 -4px;position: relative;}
.nav02 .navigation > li > a{color: #003D89;line-height: 48px;font-size: 16px; font-weight: bold;display: block;padding: 0 52px;transition: background 1s;}
.nav02 .navigation > li > a:hover, .nav02 .navigation > li > a.current{background: url('../images/menu-h.jpg') repeat;transition: background 1s;}
/* 特定在第一層 > 第二層或以後下拉部分之樣式*/
ul.navigation ul{display: none;width: 280px;float: left;position: absolute;z-index: 999;left: 0;margin: 0;background: #fff;}
/* 當第一層選單被觸發時，指定第二層顯示*/
ul.navigation li:hover > ul{width: 280px;display: block;}
/* 特定在第二層或以後下拉部分 li 之樣式*/
ul.navigation ul li{border-bottom: 1px solid #DDD;position: relative;}
/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式*/
ul.navigation ul li:last-child{border-bottom: none;}
/* 第二層或以後選單 li 之樣式*/ul.navigation ul > li a{text-indent: -15px;padding-left: 25px;}
ul.navigation ul a{padding:10px 5px ;display: block;color: #222;font-size:14px;padding-left: 10px;text-indent: -5px;}
ul.navigation ul > li > a:before{content: url(../images/dot.png);margin-right: 5px; }
ul.navigation ul a:hover{background: #9CCFEE;}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展）*/
ul.navigation ul li:hover > ul{display: block;position: absolute;top: 0;left: 100%;border: 1px solid #ddd;border-top: 0;}
ul.navigation ul li:hover > ul a:hover{background: #ECECEC;}
ul.navigation ul li > ul a:before{content: '';}
/* 箭頭向右*/
.arrow-right{display: inline-block;}
.arrow-right:after{content: '\e90c';font-family: 'icomoon';color: #757575;position: absolute;right: 5px;top: 5px;}
ul.navigation ul li:hover .arrow-right:after{color: #fff;}

.sp_header,.sjj_nav{display: none}

.foot{background: #222;padding:40px 0 25px;}
.foot .box{padding: 0 10%;margin:0 auto;}
.foot .box .t_c{float: left;width: 80%;}
.foot .box .t_c dl{float: left;width: 20%;color: #FFF;}
.foot .box .t_c dt{font-size: 18px;margin-bottom: 20px; text-transform: uppercase;}
.foot .box .t_c dd{line-height: 25px;font-size: 13px; padding-bottom: 4px;}
.foot .box .t_c dd a{color: #ccc;}
.foot .box .t_c dd a:hover{color: #e60012;}
.foot .box .t_r{float: right;width: 15%;}
.foot .box .t_r .pic{width: 245px;text-align: center;line-height: 30px;color: #FFF;float: right; margin-top: 50px;}
.foot .box .t_r img{width: 100%;}

.footer_social{float: right; width: 18%;}
.footer_social .ths{font-size: 20px; color: #fff;line-height: 32px; font-weight: 400; margin-bottom:30px; letter-spacing: 1px; position: relative;}
.footer_social .ths::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #005bac;width: 50px;height: 2px;}

.footer_social .fenxiang{overflow: hidden;}
.footer_social .fenxiang ul{float: left;}
.footer_social .fenxiang li{display: inline-block; margin-right: 15px; margin-bottom:15px;}
.footer_social .fenxiang li i{font-size: 24px;color: #fff;}
.footer_social .fenxiang li a{width: 38px;height: 38px;margin: 0 3px;display: inline-block;text-align: center;line-height:38px;background-color: #676767;border-radius: 20px;}

.foot .box .foot_b{padding-top: 15px;color: #aaa; border-top: 1px solid #353535; margin-top: 40px; overflow: hidden;}
.foot .box .foot_b .copyright{text-align: center; line-height: 25px;} 

footer{
	width: 100%; font-size: 15px;letter-spacing: 0.7px;
	height: auto;
	text-align: center;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#328bc3+0,003d88+100 */
background: #328bc3; /* Old browsers */
background: -moz-linear-gradient(top, #328bc3 0%, #003d88 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #328bc3 0%,#003d88 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #328bc3 0%,#003d88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328bc3', endColorstr='#003d88',GradientType=0 ); /* IE6-9 */
}

.footer01{border-bottom: 1px solid #548ebe;line-height:28px; padding: 12px 0;}
.footer01 li{color: #c4e4f9;font-weight: bold;display: inline-block;margin-right: 20px;}
.footer01 li a{color: #c4e4f9;}
.footer01 li i img{max-width:20px; margin-right: 6px;}
footer p.footer02{color: #eee;font-weight: bold;line-height: 40px;margin: 0;}