@charset "utf-8";
/* CSS Document */
/*页面头部*/
body{min-width:320px; max-width:640px;}
.header{ height:70px; color:#fff; background:url(../../images/topbg.jpg) no-repeat; background-size:100% 100%;}
.logo{ width:150px; height:60px; margin:0 0 0 22px; padding: 24px 0 0 74px; font-size:12px;  color:#f8f8f8; line-height:20px; background:url(../../images/logo.png) no-repeat; float:left;}

.collect{ margin-top:5px; float:right;}
.collect a.c{ color:#fff;}
.collect a.c:hover{ text-decoration:underline;}

/*主体部分*/
.section{ padding-bottom:10px; background:url(../../images/content-bg.jpg); background-size:100% 100%;}
.navigation{ height:16px; padding:20px 0; background:url(../../images/navbg.jpg) no-repeat; background-size:100% 100%;}
.navigation li{ width:16%; text-align:center; float:left;}
.navigation li a:hover{color:#f60;}

.banner{ height:100px;}
.banner img{width:94%; height:90px; margin:0 3%;}


.main{ width:94%; margin:0 auto; color:#fff;}
.ad{ width:100%; margin:10px auto;}
.ad img{ width:100%; height:50px;}

.spic{ width:calc(100% - 20px); height:105px; overflow:hidden; padding:0 10px;}
.spic img{ width:100px; height:90px;}
#colee_left table{border:none;}
#colee_left table td{border:none;}



/*footer*/
.footer{height:80px; padding-top:10px; color: #7783A2;text-align: center; font-size:12px; background:url(../../images/bottombg.jpg) no-repeat; background-size:100% 100%;}
.footer p{ margin:5px 0; line-height:18px;}
.footer p img{ width:100px; height:15px; margin:0 5px 0 10px; vertical-align:-6px;}
.footer p a{color:#AEB5C8;}
.footer p a:hover{color:#f60;}



/*BOX-MODEL*/
.bx-t{ width:225px; height:36px; padding:0 0 0 15px; color:#DDE0E2; line-height:28px; background:url(../../images/bx1_t.jpg) no-repeat; background-size:100% 100%;}
.bx-c{ width:236px;border-left: 2px solid #1C2125;border-right: 2px solid #1C2125; background:url(../../images/bx2_c.jpg); background-size:100% 100%;}
.list li{ padding-left:13px; line-height:20px;}
.list li a:hover{ color:#c60}
.bx-b{ width:240px;  height: 15px; background:url(../../images/bx1_b.jpg) no-repeat; background-size:100% 100%;}

.bx2-t{ width:96%; height:39px; padding-left:15px; color:#DDE0E2; line-height: 32px; background:url(../../images/bx2_t.jpg) no-repeat; background-size:100% 100%;}

.bx2-c{width:99%; margin:0 auto; background:url(../../images/bx2_c.jpg); background-size:100% 100%;}
.bx2-c p{ padding:0 0px 10px; line-height:24px; color:#999;}

.bx2-b{ width:100%;height: 15px; background:url(../../images/bx2_b.jpg) no-repeat; background-size:100% 100%;}

/*争对独立页面的框架高度*/
.about{min-height:300px; position:relative;}
.contact{ padding:30px 30px 30px 20px;}
.contactImg{ width:150px; height:210px; background:url(../../images/cus.png) no-repeat; background-size:100% 100%; position:absolute; right:0px; top:20px;filter:alpha(opacity=60);-moz-opacity:0.6; -khtml-opacity:0.6;opacity: 0.6; }

/*colour-atla*/
.colourAtla-list li{width:43%; height: 150px; margin:10px; float:left;}
.colourAtla-list li img{ max-width:130px;  height: 125px;}

/*产品中心*/
#sf li{ width:43%; height:150px; margin:10px;color: #999; text-align:center; float:left;}
#sf li img{ max-width:130px; height:125px;}
#sml li{ width:43%; height:150px; margin:10px;color: #999; text-align:center; float:left;}
#sml li img{ max-width:130px; height:125px;}

.classify li{ margin:0 15px 15px; float: left;}
.classify li a{ color:#999;}
.classify li a:hover{ color:#666;}


.page{ width:100%; height:30px; line-height:30px; text-align:center;color: #7783A2;}
.page a{ padding:5px; margin:0 5px;color: #7783A2; border:1px solid #333;}
.page a:hover{color: #7783A2;}
.page a.active{color: #7783A2;}
.total{font-style:normal;}

@media screen and (max-width:360px){
	.navigation li{ width:18%; text-align:center; float:left;}
	.navigation li:first-child{ width:9%; text-align:center; float:left;}
}

#pop{ width:80%; padding:5px; border:1px solid #999; position:fixed; top:10%; left:10%; z-index:10001;}
.more{color:#e3e3e3; text-align:center;}