@charset 'utf-8';
body{margin:0;padding:0;color:#555;font:15px/1.8 微軟正黑體,"Noto Sans",Microsoft Yahei,Tahoma,Arial,Verdana,sans-serif;word-wrap:break-word;min-width: 1158px;text-align: justify;}
pre{word-break:break-all;word-wrap:break-word;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
div{max-width:100%;box-sizing:border-box;}
img{border:0;max-width:100%;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:0 0 0.3em;}
.clear{clear:both;}
.wrapper{width: 1163px;margin-left:auto;margin-right:auto;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;clear: both;}
.mgt{margin-top: 15px;}
.banner{position: relative;}
.banner ul li{overflow: hidden;line-height: 0;}
.banner ul li img{width: 100%;}
.banner ol{position: absolute;bottom: 10px;z-index: 333;text-align: center;width: 100%;}
.banner ol li{width: 15px;height: 15px;background: #000;display: inline-block;margin: 0 3px;border-radius: 50%;cursor: pointer;opacity: 0.5;border-bottom: dashed 1px #ddd;}
.banner ol li.on{background: #fff;}
/**/
.header .logo{width: 100%;text-align: center;line-height: 0;}
.header .nav{height: 55px;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;}
.header .nav li{float: left;line-height: 55px;padding-left: 43px;padding-right: 50px;}
.header .nav li a{display: block;line-height: 51px;text-decoration: none;}
.header .nav li.on a{border-bottom: solid 3px #009fe7;}
.header .nav li:hover a{border-bottom: solid 3px #009fe7;}
.header .lang span{line-height: 23px;}
.header .lang ul{padding: 3px 0;}
.header .lang ul li{padding-top: 3px;padding-bottom: 3px;}

.banner_inner{background: #f7f7f7;padding-bottom: 30px;}
.banner_inner h3{margin-top: 23px;width: 100%;float: left;font-size: 26px;}
.banner_inner p{font-size: 22px;color: #666;}

.wrapper .x1{width: 50%;float: left;}
.about{overflow: hidden;margin-top: 50px;}
.about h3{font-size: 21px;font-weight: bold;}

.about .info{width: 544px;line-height: 28px;}
.about .info p{margin-top: 5px;}

.footer{line-height: 30px;color: #fff;background: #000;text-align: center;margin-top: 50px;}

.creative{overflow: hidden;width: 1200px;}
.creative .x3{margin-top: 65px;text-align: center;}
.creative p.txt{line-height: 26px;font-size: 16px;margin-top: 26px;}
.x3{width: 33.33%;float: left;}
.x4{width: 25%;float: left;}

.product{overflow: hidden;width: 1200px;min-height: 500px;}
.product .x4{text-align: center;margin-top: 60px;padding-left: 10px;padding-right: 10px;height: 328px;}
.product .txt{line-height: 26px;font-size: 16px;}

.pagination{padding-top: 30px;width: 100%;overflow: hidden;text-align: center;}
.pagination a{list-style: none;margin: 0 5px;border: solid 1px #ddd;display: block;text-decoration: none;margin: 0 2px;padding: 5px 12px;display: inline-block;}
.pagination a.active{background: #b6b6b6;color: #fff;}