@charset "utf-8";

.board-wrap{min-height:600px}
.sub #container{width:1280px; margin:0 auto; margin-top:-6px;}
.sub .sub_visual{width:100%; height:273px; }
.about .sub_visual{background: url(../images/com-sub-bg.jpg) no-repeat 0 0;}
.product .sub_visual{background: url(../images/pro-sub-bg.jpg) no-repeat 0 0;}
.project .sub_visual{background: url(../images/project-sub-bg.jpg) no-repeat 0 0;}
.support .sub_visual{background: url(../images/support-sub-bg.jpg) no-repeat 0 0;}
.sub .sub_visual h2{width:980px; margin:0 auto 25px; color:#0e89c3; font-size: 50px; line-height: 50px; padding-top:65px;}
.sub .sub_visual .sub_h2{font-size:25px; line-height: 26px; color:#4e4f52; width:980px;  margin:0 auto;}

.sub #container #content{width:980px; background: #fff; margin:-77px auto 0;}
.sub #content:after{content:""; display: block; clear:both;}
.sub #content .left{width:238px; float: left;}
.sub .lnb{padding:46px 18px 0 26px; width:194px;}
.sub .left .lnb ul{width:100%;}
.sub .left .lnb ul li{width:100%; border-bottom:1px solid #bababa;}
.sub .left .lnb ul li a{font-size: 17px; color:#212121; padding-left:3px; line-height: 30px; display: block;}
.sub .left .lnb ul li.on a{color:#03a9d6;}
.sub .left .lnb ul li ul{border-top:1px solid #03a9d6; padding:8px 0px;}
.sub .left .lnb ul li ul li{border-bottom:none;}
.sub .left .lnb ul li ul li a{font-size: 15px; line-height: 25px; color:#494949;}
.sub .left .lnb ul li.on ul li a{color:#494949;}
.sub .left .lnb ul li ul li a:hover{color:#03a9d6;}
.sub .left .lnb ul li ul li.on a{color:#03a9d6;}



.sub #content .right{width:741px; float: left; border-left:1px solid #e7e7e7;}

.sub .right .text_wrap{width:680px; padding-left:30px;}
.sub .right h3{padding-top:40px; font-size: 33px; line-height:33px; color:#151515; padding-bottom:10px; width:100%; border-bottom:1px solid #bfbfbf; margin-bottom:25px; text-transform:uppercase;}
.sub .right h4{font-size:22px; line-height: 22px; color:#000; }

/*entre*/
.entre .right{background: url(../images/entre-bg.jpg) no-repeat 100% 0;}
.entre .text0{color:#605e5e; line-height: 24px; font-size: 18px; margin-bottom:40px;}
.entre .text0 span{color:#03a9d6; font-size: 25px}
.entre .text1{font-size: 14px; line-height: 24px; color:#2e2e2e; margin-bottom:28px;}
.entre .text2{margin-top:16px; background: url(../images/com-entre-bg1.png) no-repeat 0 0; height:352px; margin-bottom:75px;}
.entre .text2:after{content:""; display: block; clear:both;}
.entre .text2 dl{float: left; width:230px;}
.entre .text2 dl:nth-child(2){width:210px;}
.entre .text2 dl dt{font-size:18px; width:100%; text-align: center; color:#fff; line-height: 18px; padding-top:34px; height:100px; margin-bottom:-18px; }
.entre .text2 dl dd{font-size: 11px; line-height: 19px; color:#3d3d3d; text-align: center; width:100%;}

/*ceo*/
.ceo .text0{color:#605e5e; line-height: 24px; font-size: 18px; margin-bottom:40px;}
.ceo .text0 span{color:#03a9d6; font-size: 25px}
.ceo .text1{font-size: 14px; line-height: 24px; color:#2e2e2e;margin-bottom:371px;}
.ceo .right{background: url(../images/ceo-bg.jpg) no-repeat 0 100%;}

/*history*/
.history .right{background: url(../images/his-bg.jpg) no-repeat 100% 516px;}
.history .text0{color:#605e5e; line-height: 24px; font-size: 18px; margin-bottom:20px;}
.history .text0 span{color:#03a9d6; font-size: 25px; display: block; margin-bottom:15px;}

.history .text1{padding-left:42px; width:699px; background: url(../images/his-left-bg.jpg) no-repeat 0 13px; padding-top:47px; min-height:553px }
.history .text1 h5{font-size: 20px; font-weight: 600; color:#3f3f3f; background: url(../images/his-h5-bg.jpg) repeat-x 0 100%;display: inline-block; padding:0 2px 10px 2px; margin-bottom:13px;}
.history .text1 .year_wrap{width:100%; margin-top:15px; margin-bottom:52px;}
.history .text1 .year_wrap1{margin-bottom:30px;}
.history .text1 dl:after{content:""; display: block; clear:both;}
.history .text1 dt{width:42px; float: left; font-size:14px; line-height: 22px; color:#19a7dd; vertical-align: top; font-weight: 600}
.history .text1 dd{width:655px; float:left; font-size: 14px; color:#3d3d3d; line-height: 22px}
.history .text2{margin-top:20px; margin-bottom:63px;}
.history .text2:after{content:""; display: block; clear:both;}
.history .text2 dl{float: left; width:169px;}
.history .text2 dd{text-align: center; font-size:14px; line-height: 15px; color:#717575; }
.history .text2 dd.certi-img{margin-bottom:13px; text-align: left;}

/*location*/
.location .right{}
.location .text0{color:#605e5e; line-height: 24px; font-size: 18px; margin-bottom:20px;}
.location .text0 span{color:#03a9d6; font-size: 25px; display: block; margin-bottom:15px;}

.location .text1{border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:678px; height:452px; overflow: hidden; margin-bottom:30px;}
.location .text2{padding-top:48px; font-size: 15px; line-height: 26px; color:#030303; padding-left:13px; background: url(../images/location-bg.jpg) no-repeat 0 0; min-height:84px; margin-bottom:120px;}
.location .text2 span{padding-right:15px;}

/*product*/
.product .right{}
.product .text0{color:#605e5e; line-height: 24px; font-size: 18px; margin-bottom:20px;}
.product .text0 span{color:#03a9d6; font-size: 25px; display: block; margin-bottom:15px;}
.product .text1{width:640px; background: url(../images/ceramic-bg1.jpg) no-repeat 0 0; height:167px; padding-left:41px; margin-bottom:26px; margin-top:16px;}
.product .text1 ul{width:100%;}
.product .text1 ul:after{content:""; display: block; clear:both;}
.product .text1 li{width:100px; margin-right:23px; float:left; text-align: center; vertical-align: middle; font-size:14px; line-height: 17px; color:#000; }
.product .text1 li:nth-child(1){margin-top:50px;}
.product .text1 li:nth-child(2){margin-top:54px;}
.product .text1 li:nth-child(3){margin-top:66px;}
.product .text1 li:nth-child(4){margin-top:54px;}
.product .text1 li:nth-child(5){margin-top:54px;}
.product .text2{margin-top:12px; padding-bottom:490px; background: url(../images/ceramic-bg2.jpg) no-repeat 0 100%; margin-bottom:100px;}
.product .text2 table{width:100%;}
.product .text2 table th{border-top:1px solid #03a9d6; border-bottom:1px solid #03a9d6; line-height: 33px; font-size:13px; color:#3b3b3b; font-weight: 600; text-align:center ; background: #f7f9f9}
.product .text2 table th:nth-child(1){text-align: left; padding-left:9px; background: #e3ecf7} 
.product .text2 table td{font-size: 13px; line-height: 15px; color:#3b3b3b; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #b5b5b5; text-align: center;}
.product .text2 table td:nth-child(1){text-align: left; padding-left:9px; background: #e3ecf7} 
.product .text2 table tr:last-child td{border-bottom:1px solid #605f5f;} 
.product .text2 table td.bd-color{border-bottom:1px solid #605f5f;} 

/*glass*/
.glass .text2 table td{padding-top:10px; padding-bottom:10px; }
.glass .text2 table{margin-bottom:46px;}
.glass .text2{padding-bottom:663px; background: url(../images/glass-bg.jpg) no-repeat 0 100%; margin-bottom:100px;}

/*toy*/
.toy .text_wrap{padding-bottom:440px; margin-bottom:100px; background: url(../images/toy-bg2.jpg) no-repeat 30px 100%;}
.toy .text2{width:394px; padding-right:285px; padding-bottom:0; background:url(../images/toy-bg1.jpg) no-repeat 100% 0; margin-bottom:45px;}
.toy .text2 table.table2 {margin-top:10px;}
.toy .text2 table.table2 th:nth-child(1){background: #f7f9f9; text-align:center;}
.toy .text2 table.table2 td{padding-top:15px; padding-bottom:15px; text-align: center; background: #fff}

/*tattos*/
.tattos .text1 li:nth-child(1){margin-top:54px;}
.tattos .text1 li:nth-child(2){margin-top:54px;}
.tattos .text1 li:nth-child(3){margin-top:35px;}
.tattos .text1 li:nth-child(4){margin-top:54px;}
.tattos .text1 li:nth-child(5){margin-top:50px;}
.tattos .text_wrap{padding-bottom:440px; margin-bottom:100px; background: url(../images/tattos-bg2.jpg) no-repeat 30px 100%;}
.tattos .text2{width:394px; padding-right:285px; padding-bottom:0; background:url(../images/tattos-bg1.jpg) no-repeat 100% 0; margin-bottom:45px;}
.tattos .text2 table.table2 {margin-top:10px;}
.tattos .text2 table.table2 th:nth-child(1){background: #f7f9f9; text-align:center;}
.tattos .text2 table.table2 td{padding-top:15px; padding-bottom:15px; text-align: center; background: #fff}


/*project*/
.project .text0 span{color:#03a9d6; font-size: 25px; display: block; margin-bottom:15px;}
.project .text1{font-size: 18px; line-height: 24px; color:#494949; margin-bottom:26px;}

/*app*/
.app .text2{margin-bottom:100px;}
.app .text2 ul{width:677px; border:1px solid #e3e2e2;}
.app .text2 ul:after{content:""; display: block; clear:both;}
.app .text2 ul li{float: left;  height:27px; padding-top:197px; text-indent:8px; font-size:15px; line-height: 26px; color:#030303; }

.app .text2 ul li:nth-child(1){background: url(../images/app_img1.jpg) no-repeat 0 0; width:220px;}
.app .text2 ul li:nth-child(2){background: url(../images/app_img2.jpg) no-repeat 0 0; width:228px;}
.app .text2 ul li:nth-child(3){background: url(../images/app_img3.jpg) no-repeat 0 0; width:229px;}
.app .text2 ul li:nth-child(4){background: url(../images/app_img4.jpg) no-repeat 0 0; width:220px;}
.app .text2 ul li:nth-child(5){background: url(../images/app_img5.jpg) no-repeat 0 0; width:228px;}
.app .text2 ul li:nth-child(6){background: url(../images/app_img6.jpg) no-repeat 0 0; width:229px;}
.app .text2 ul li:nth-child(7){background: url(../images/app_img7.jpg) no-repeat 0 0; width:220px;}
.app .text2 ul li:nth-child(8){background: url(../images/app_img8.jpg) no-repeat 0 0; width:228px;}
.app .text2 ul li:nth-child(9){background: url(../images/app_img9.jpg) no-repeat 0 0; width:229px;}
.app .text2 ul li:nth-child(10){background: url(../images/app_img10.jpg) no-repeat 0 0; width:220px;}
.app .text2 ul li:nth-child(11){background: url(../images/app_img11.jpg) no-repeat 0 0; width:228px;}
.app .text2 ul li:nth-child(12){background: url(../images/app_img12.jpg) no-repeat 0 0; width:229px;}


/*grobal*/
.grobal .text3{width:669px; background: url(../images/global-bg1.jpg) no-repeat 0 0; padding-left:14px; margin-bottom:100px;}
.grobal .text3:after{content:""; display: block; clear:both;}

.grobal #content h4{font-size: 16px; line-height: 22px; color:#3d7cc4; font-weight: 600}
.grobal .text3 .text3_left{float: left; border-right:1px solid #fff; margin-top:18px; width:340px; margin-right:9px; }
.grobal .text3 .text3_right{float: left; width:309px; margin-top:18px;}
.grobal .text3 dt{font-size:14px; font-weight: 600; line-height: 18px; color:#030303; }
.grobal .text3 dd.sub_dt{font-size:14px; font-weight: 600; line-height: 18px; color:#30469b; }
.grobal .text3 dd{font-size:14px; line-height: 18px; color:#030303; }
.grobal .text3 dd span{display: block; margin-left:55px;}


/*support*/
.support .text0 span{color:#03a9d6; font-size: 25px; display: block; margin-bottom:15px;}

/*sitemap*/
.sitemap .text0{margin-bottom:30px;}
.sitemap dl{width:220px; height:200px; float: left; margin-right:10px;}
.sitemap .text1:after{content:""; display: block; clear:both;}
.sitemap dt{background: #1580b1; color:#fff; font-size:22px; line-height:42px;  text-align: center; }
.sitemap dd a{border-bottom:1px dotted #ccc; color:#333; font-size: 18px; line-height: 32px ; text-align: center; display: block;}
.sitemap dd a:hover{color:#1580b1;}