@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:370px;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}

ul.p_class { float:left; width: 100%; padding: 10px; box-sizing: border-box; }
ul.p_class li { padding:5px; float: left; width: 25%; box-sizing: border-box; }

.i_wrap{position:relative;margin-top:20px}
.i_ul{margin:0 17px 0 17px;overflow:hidden;left:0;padding:0;display:block;float:left;}
.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:#fff;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}
.banner2{position:relative;top:0px}
.banner img{width:100%}
.banner2 img{width:100%}
.line{border-bottom:1px solid #d5d5d5}
.line h3{color:#a7a7a7}
.page{margin:20px 70px;text-align:center}
.page a{display:inline-block;color:#fff;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:16px}
.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:60%;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;
}


/************ videoes ****************/
.details-main {
	background: #fff; width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.details-main .title {
	display: flex; display: -webkit-flex; flex-direction: row; align-items: center; width: 100%; margin: 5px 0px 5px 0px; border-bottom: 1px solid #efefef; font-size: 16px; font-weight: bold; color: #000; height: 26px; line-height: 26px;
}
.details-main .title .icon {
	background: url(../images/serviceico.png) no-repeat 0px 50%; background-size: 50%; width: 26px; height: 26px; display: block;
}
.details-main .title .title-nav {
	flex: 1; font-weight: normal;
}

.details-list {
	width: 100%; padding: 0px 0px 5px 0px;
}
.details-list li {
	padding: 10px 0px; border-bottom: 1px solid #efefef;
}
.details-list .details {
	display: flex; display: -webkit-flex; flex-direction: row; width: 100%; 
}
.details-list .details .details-left {
	flex: 0 0 20%;
}
.details-list .details .details-left img {
	width: 90%;
}
.details-list .details .details-right {
	flex: 1;
}

.details-footer {
	width: 100%; background: #42a5f5; color: #fff; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.details-footer li {
	float: left; width: 50%; list-style-type: none; padding: 5px 0px;  
}
.details-footer li a {
	color: #fff;
}

.foot_menu {
	position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-top: 1px solid #efefef;
}
.foot_menu ul {
	overflow: hidden; background-color: #fff; padding-top: 3%; padding-bottom: 1%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: nowrap; justify-content: space-around; -webkit-box-align: center; align-items: center; -moz-align-items: center; -webkit-align-items: center;
}
.foot_menu ul li {
	text-align: center; width: 25%;
}
.foot_menu ul li a {
	color: #fff; font-size: .24rem; display: inline-block;
}
.foot_menu ul li i {
	display: block; margin-bottom: .08rem;
}
.foot_menu ul li img {
	display: block; margin: 0 auto; width: 1.5rem; height: 1.5rem;
}