@import url(base.css);
body{font:400 14px/22px Arial, "Microsoft YaHei";background-color:#ffffff;margin:0 auto}
.wrap, body, html,.box,.boxmain,.main{width:100%}
img{border:0;vertical-align:bottom}
.mt_20,.clearboth,.comlist li,.service,.serul,.page,.buynum ul,.newlist li{content:'';display:block;clear:both;overflow:hidden;height:100%}
a img{border:0}
.box{background:#fff;max-width:640px;margin:0 auto;height:auto;position:relative;min-height:100%}
.head_wrapper{position:fixed;max-width:640px;width:100%;top:0;height:80px;z-index:999999999}
.log{background:#fff;width:38%;float:left;background:#fff;height:80px}
.log img{padding-top:10px;width:90%}
.toprgt{float:right;width:62%;background:#1A2859;height:80px;text-align:right}
.toprgt a{margin-right:75px;margin-top:16px;float:right}

#navList{cursor:pointer;position:absolute;top:16px;right:20px}
.expand{height:0px;overflow:hidden;position:relative;width:100%;background:#42A5F5;z-index:999999;top:80px}
.expand .download{height:500px;width:100%;z-index:9999}
.expand .download .item-active{display:block}
.download-list{padding:8px 25px 20px 25px}
.download-list a{display:block;font-size:16px;height:50px;line-height:50px;border-bottom:1px solid #000;color:#000;padding-left:10px}
.download-list a em{float:right;font-size:20px}
.download-list a:last-child{border-bottom:0}

.rslides{position:relative;overflow:hidden;width:100%}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.slide_container{position:relative;width:100%;top:80px}
.slide{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.slide li{position:absolute;width:100%;left:0;top:0}  
.slide img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.slide .caption{display:block;position:absolute;z-index:2;font-size:16px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .6);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;text-align:center}  
.slide_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:62%;left:0;opacity:0.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;display:none}
.slide_nav:active{opacity:1.0}
.slide_nav.next{left:auto;background-position:right top;right:0}

.main{position:relative;top:80px;bottom:100px}
.tit{margin:0 17px 0 17px;height:45px;line-height:45px}
.tit em,.tit h3{float:left;}
.tit span{float:right}
.tit em.i1,.tit em.i2,.tit em.i3{width:32px;height:32px;display:block;margin-top:12px}
.tit em.i1{background:url(../images/serviceico.png) no-repeat;background-size:70%}
.tit em.i2{background:url(../images/newico.png) no-repeat;background-size:70%}
.tit em.i3{background:url(../images/aboutico.png) no-repeat;background-size:70%}
.tit h3{font-size:20px;color:#595959}
.tit h3 font{color:#AFAFB1;font-size:16px;}
.tit span a:link{color:#FF0000;text-decoration:none;font-size:16px}
.mt_20{margin-top:20px;clear:both}


.i_wrap{position:relative;margin-top:20px}
.i_ul{margin:0 17px 0 17px;overflow:hidden;left:0;padding:0;display:block}
.i_li{width:49%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;text-align:center;}
.i_li:nth-child(even){padding:10px 0 5px 12px}
.i_li:nth-child(odd){padding:10px 12px 5px 0}
.i_li:nth-child(1),.i_li:nth-child(2){padding-top:0}
.i_li, .i_li a,.i_li_img_div{position:relative}
.i_li img{width:100%;display:block;border:1px solid #ccc;padding:3px}
.i_txt{font-size:16px;line-height:26px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}

.comlist{margin:17px}
.comlist li{border-bottom:1px solid #D7D7D7;padding:0 0 15px 0;margin-bottom:15px}
.comlist li .lft{width:67%;}
.comlist li .lft p{color:#7D7D7D;line-height:26px;font-size:16px}
.comlist li .lft em{text-align:right;color:#7D7D7D;display:block}
.comlist li .rgt{width:30%}
.comlist li .rgt img{width:100%}
.comlist li:last-child{border-bottom:0}

.about,.twonav{background:#42A5F5;color:#000;padding:20px 13px 20px 13px}
.about .tit h3,.about .tit h3 font{color:#fff}
.aboutimg{margin:17px}
.aboutimg img{width:100%}
.about p{margin:0 17px;line-height:28px;font-size:16px}
.service{background:#F0EEF3;padding:20px 0}
.serul{padding:20px 0 20px 0}
.serul li{float:left;}
.serul li:first-child{border-right:1px solid #fff;margin-left:20px;padding-right:10px}
.serul li:last-child{border-left:1px solid #D8D6DA;padding-left:40px}
.serul li div{float:left;}
.serul li em{float:left;width:60%;color:#253369;font-size:18px;margin-left:10px}
.serul li div img{width:100%}
.foot{background:#53565A;line-height:60px;text-align:center;color:#fff;font-size:16px}
.foot em{margin-right:20px;color:#04ADD9}

.banner{position:relative;top:80px}
.banner img{width:100%}
.line{border-bottom:1px solid #d5d5d5}
.line h3{color:#a7a7a7}
.page{margin:20px 70px;text-align:center}
.page li {float:left; padding:0 5px;}
.page a{display:inline-block;height:40px;line-height:40px;margin:0 3px;width:40%;text-align:center;font-size:16px}
.page a.pre{background:#aaaaaa;border-radius:5px 0 0 5px;}
.page a.next{background:#595959;border-radius:0 5px 5px 0}
.tit h4{font-size:20px;color:#fff}
.twonav ul{margin:0 20px 10px 45px}
.twonav li{ float:left; list-style-type:disc; width:50%}
.twonav li a{display:block;font-size:16px;height:36px;line-height:36px;color:#fff;}
.twonav li a em{float:right}
.code{margin-left:30px;width:25%;text-align:center;font-size:16px}
.code img{width:100%;margin-bottom:10px}
.h3{font-size:22px;text-align:center;margin:30px 0 15px 0;color:#4b4b4b}
.h4{font-size:16px;text-align:center;margin:0 0 20px 0;color:#a5a5a5}
.proimg{margin:20px 30px}
.proimg img{width:100%}
.procon{margin:0 20px 20px 20px}
.procon h3{font-size:18px;margin-bottom:10px}
.procon table{ border-collapse:collapse;font-size:14px; width:100% !important;}
.procon td{border:1px solid #ccc;line-height:24px;padding:5px}
.btn{text-align:center;margin:0 70px 20px 70px}
.btn a{background:#ff8813;border-radius:5px;color:#fff;height:40px;line-height:40px;display:inline-block;width:50%;font-size:16px}
.buynum{background:#eaeaea;margin:0 17px;padding:20px 15px 10px 15px;font-size:16px}
.buynum h3,.buytable b{color:#1c7bc2}
.buynum ul{margin:10px 0 20px 0}
.buynum li{width:30%;float:left}
.buynum li:first-child{width:50%}
.buynum li:last-child{width:15%}
.buynum li input{height:24px;text-align:center;width:40px;vertical-align:middle}
.buynum .btn a{width:40%}
.buytable{margin:20px 17px;font-size:16px}
.buytable td{padding:6px 5px;line-height:28px}
.buytable td:nth-child(1){text-align:right;width:25%}
.inp{height:28px;padding-left:5px;width:90%;border:1px solid #e0e0e0}
.buytable .btn{margin-top:20px}
.buytable .btn a{display:inline-block;width:30%;margin:0 20px}
.buytable .btn a.reset{background:#595959}
.newlist ul{margin:20px 17px 20px 17px}
.newlist li{line-height:42px;border-bottom:1px solid #ccc;font-size:16px}
.newlist li s{background:url(../images/newicon.png) no-repeat;background-size:70%;width:18px;height:18px;display:block;float:left;margin-top:15px}
.newcon{margin:10px 17px;line-height:32px;font-size:16px}
.newcon img{max-width:100%}
.newcon video { width: 100%; }
.relcon{margin:20px 0 30px 0;padding-top:15px;border-top:1px solid #ccc;line-height:35px}
.relcon a{display:block}
.newcon h3{font-weight:700;color:#ff0000;margin-top:20px}
.contact{margin:0 17px 20px 17px}
.contact img{width:100%}
.con h3{margin:20px 0;font-size:20px;line-height:34px}
.con h4{background:url(../images/cmenubg.jpg) no-repeat;height:46px;width:402px;background-size:60%;color:#fff;padding-left:15px;padding-top:10px;font-size:18px}
.con p{margin:0 20px 15px 20px;line-height:28px;font-size:16px}

.inpbor {height:28px;background:#fff; border:1px solid #ccc;width:200px;border-radius:3px;margin:0 auto;}
.sinp {text-indent:8px;color:#999;line-height:26px;font-size:13px;width:160px;border:0; height:26px;}
.sbtn {background:url(../images/sobtn.png) no-repeat;width:16px;height:16px;float:right;margin:5px 10px 0 5px; border:0}
.sbtn1 {background:url(../images/searching28.png) no-repeat;width:16px;height:16px;float:right;margin:5px 10px 0 5px; border:0}

#foot {
	width:100%;
	background:#1A2859;
	height:38px;
	text-align:center;
	position:fixed;
	_position:absolute;
	bottom:0px;
	_bottom:0px;
	_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop)
}

#foot .search {
	color:#fff;
	background:none;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	width:80%;
	border-radius::3px;
	float:left;
	margin-left:10px;
}


/* security */
.security { float:left; list-style-type:none; width:100%; background:#fff; padding:15px 0px; }
.security li { float:left; width:100%; list-style-type:none; }
.security .input-note { float:left; width:80px; color:#f70; }
.security .input-box { float:left; }
.security .btn-submit {
    width: 80px;
    height: 31px;
    overflow: visible;
    color: #FFF;
    border: 0px none;
    background: url(../../security/images/search_btn.png) no-repeat;
    cursor: pointer;
    border-radius: 3px;
}

.mt_13 img { width:100%; height:auto; }
.one, .two { margin: 15px 0; position: relative; }
.w1280 { position: relative; width: 100%; margin: 0 auto; text-align: left; }
.lft { float: left; display: inline; }
.onetit, .twotit { float:left; width: 20%; text-align: center; }
.onetit img, .twotit img { width:90%; }
.onetit span, .twotit span { display:block; font-size:14px; color:#656565; }
.onecon, .twocon { float:left; width:80%; }
.oneimg { display:none; position:absolute; bottom:0px; right:0px; }
.rgt { float:right; }
.onecon em, .twocon em { color:#a93333; font-size:18px; }

.two { background:#f5f5f5 url(../../images/bg.png) }
.twoimg { display:none; }

.three { padding: 15px 0px; }
.threeimg { display:none; }
.anli { float:left; width:100%; }
.anli img { width: 100% !important; height:auto !important; }

.buybtn { background:#ff8813; border-radius:5px; border:0; color:#fff; height:30px; line-height:30px; display:inline-block; font-size:14px; padding:0 10px; margin-right:15px; }

#buyform table td, .guestbook table td { padding:5px; }
#buyform table td.label, .guestbook table td.label { text-align:right; width:30%; }
.guestbook textarea { width:90%; height:80px; padding-left:5px; border:1px solid #e0e0e0; }