@charset "utf-8";
/*main*/
.box_m{ width:250px; height:242px; background:url(../images/Indowater-1.png) no-repeat; position:fixed; left:50%; top:50%; margin:-72px 0 0 -157px; display:none;}
.box_m ul .close{ width:250px; height:30px; display:block; position:absolute; left:86%; top:0;}
.box_m ul{width:250px; height:242px; position:relative;}
.box_m ul a{ display:block; width:250px; height:200px; position:absolute; bottom:0; left:0}
.box_b{ width:147px; height:168px; background:url(../images/Indowater-2.png) no-repeat; position:fixed; right:1%; top:30%;display:none;z-index:999}
.box_b ul .open{ width:20px; height:25px; display:block; position:absolute; left:60%; top:0;}
.box_b ul .close{ width:20px; height:25px; display:block; position:absolute; left:80%; top:0;}
.box_b ul{width:147px; height:168px; position:relative;}
.box_b ul a{ display:block; width:110px; height:143px; position:absolute; bottom:0; left:0}
/*xf style*/
.box_m{ width:250px; height:242px; background:url(../images/Indowater-1.png) no-repeat; position:fixed; left:50%; top:50%; margin:-72px 0 0 -157px; display:none;}
.box_m ul .close{ width:250px; height:30px; display:block; position:absolute; left:86%; top:0;}
.box_m ul{width:250px; height:242px; position:relative;}
.box_m ul a{ display:block; width:250px; height:200px; position:absolute; bottom:0; left:0}
.box_b{ width:147px; height:168px; background:url(../images/Indowater-2.png) no-repeat; position:fixed; right:1%; top:30%;display:none;z-index:999}
.box_b ul .open{ width:20px; height:25px; display:block; position:absolute; left:60%; top:0;}
.box_b ul .close{ width:20px; height:25px; display:block; position:absolute; left:80%; top:0;}
.box_b ul{width:147px; height:168px; position:relative;}
.box_b ul a{ display:block; width:110px; height:143px; position:absolute; bottom:0; left:0}
.mainbox{ padding-top:10%;}
.mainbox .box,.mainbox ul,.mainbox .button{margin:0 auto;}.mainbox .box img{ width:auto;}
.mainbox .box,.mainbox .box .text,.mainbox .t,.mainbox .t2{text-align:center;}
.mainbox .t{color:#666;}
.mainbox li{ float:left; font-size:18px; text-align:center;}
.mainbox ul li a:hover{ border-bottom:3px solid #F60; padding-bottom:5%; color:#F60;}
.mainbox .button{ padding-top:8%; width:160px;}
.mainbox .button a{ height:35px; line-height:35px; width:100%;}
.mainbox .button a:hover{border:2px solid #F60; color:#F60;}
.mainbox .t2{ color:#999; padding-top:1.5%;}.mainbox .t2 img,.siteinfo img{ width:auto;}.em{ text-indent:2em;}
/*About*/
#aboutbox .left { width:45%; }
#aboutbox .right { width:50%;}
#aboutbox .left h2 ,#newbox .title h2{ color:#3b556e; font-weight:bold; }
#aboutbox .left .line1 ,.newline .line1{ border-bottom:3px solid #3b556e; width:10%; }
#aboutbox .left .line2 ,.newline .line2{ border-bottom:1px solid #ccc; width:90%; padding-top:1px;}
#aboutbox .left t,.newline t{ display:block; list-style:none; float:left; }
#aboutbox .left t{margin:2% 0;}
#aboutbox .left #nav { padding:1% 0 2%; }
#aboutbox .left #nav a { padding:0 2%;}
#aboutbox .left #nav a:link { color:#3b556e; }
#aboutbox .left #nav a:hover { color:#F33; }
#aboutbox .left .text { padding-top:2%; line-height:1.5em; color:#666;}
/*apply*/
#applybox { background:url(../images/app_bg.jpg) no-repeat center #454d57; padding:4.9% 0; }
#applybox ol li { float:left; text-align:center; background:#fff; }
#applybox li {position: relative;}
#applybox li .text {text-align:center;}
#applybox li .text2 {text-align:center; position: absolute; width:100%; bottom:0; padding-top:20%;}
#applybox li .text,#applybox li .text2{padding-top:10%;}
#applybox .nav1,#applybox .nav2,#applybox .nav3,#applybox .nav4,#applybox .nav5,#applybox .nav{background-color:#fff;}
#applybox .nav1 a,#applybox .nav2 a,#applybox .nav3 a,#applybox .nav4 a,#applybox .nav5 a{ color:#666;}
/*product*/
#productbox h2{ padding-bottom:2%; font-weight:bold;}
#productbox .imagebox #boxf{ border:1px solid #e7e7e7; width:51%;}
#productbox .imagebox #boxr{ background:#CCC; width:42.2%;}
#productbox .imagebox #boxr .text{ width:100%; text-align:center; padding:3% 0;}
#boxf .line{ border-bottom:5px solid #d61f37; text-align:center;}
#boxf .line img{ height:auto;}
#boxf #details,#box-f #accessories,#newbox{background-color:#f4f4f4;}
#boxf #details .detail{-webkit-box-orient:vertical; -webkit-line-clamp:2; height:42px; padding-top:8px;}
#boxf #accessories{ border-top:1px solid #e7e7e7;}
#boxf #accessories .picture{ border-right:1px solid #e7e7e7; width:50%;}
#accessories .text{ text-align:center;padding:14% 0 8%;}
#accessories .right{width:49%; padding-top:2%;}
/*New*/
#newbox{padding:2.6% 0;}
#newbox .title h2,#newbox .title p{ width:50%;}#newbox .title p{ text-align:right; color:#CCC;}
#newbox .title a{ padding:0 2%;}
.newline t{margin:1% 0;}
#newlist{ padding:2.5% 0;}
.newstopic{ width:62%; padding:1.5% 8% 0 0;}
.newspic{ width:30%;}
.newspic img{ height:160px;}
.newstopic .date .t1,.newstopic .date .t2{text-align:center;}
.newstopic .date .t1{background-color:#3b556e; color:#fff;}
.newstopic .date .t2{color:#999; padding-top:10%;}
.introduction .arrow{background-position: -143px -745px;}
#newbox .box ul{ border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#newbox .box li{ background:url(../images/icon-1.gif) no-repeat; width:44%; height:40px; line-height:40px; background-position:-28px -797px!important; padding-left:18px;padding-right:3.5%;overflow:hidden}
#newbox .box li a{ float:left; width:70%; height:40px;}
#newbox .box li span{ float:right; color:#999;}