/* Style Reset */
body{color:#a2add7; font-family:Arial, Helvetica, sans-serif;width:100%;background:#34394b; }
*{margin:0; padding:0;list-style:none;}
a{text-decoration:none;outline:0px; color:#a2add7; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto;}
.padding20{ padding:2% 0% 4%;float:left; color:#fff;width:100%; text-align:justify; line-height:180%; min-height:300px; font-size:14px}
.content{ float:left;width:94%; padding:0 3%;}
.index{ float:left;width:100%;background:url(../images/main.jpg) no-repeat top center; background-size:100%;}
 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; min-height:35px; position:relative; z-index:1;}
.logo{ float:left; width:100%; text-align:center;background:url(../images/logobg.png) no-repeat top center;background-size:100%; }
.logo img{ width:100%;}
.menu_but{ float:right;display:block;text-align:right;padding-right:3%;width:23%;min-width:42px; color:#fff;}
.menu_but a{ float:right;width:100%; right:0; position:relative; text-align:center; color:#2a314b;min-width:40px;}
.menu_but a img{ width:50%; right:0; position:absolute;}
#modal { display:none; }
#pageslide {background:#4a4a4a;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left;}
.navli{float:left;width:20%; font-size:1.1em;}
.navli a{width:100%;text-align:center; color:#fff;float:left; line-height:3;}
.navli a:hover{ background:#000;}
.banner{float:left;width:100%; margin-top:-10%;}
.banner img{ display:block;width:100%;}
/*index*/
.title{ float:left; width:100%; color:#fff; text-shadow:1px 0 0 #34394b;padding:1% 0; text-align:center;  font-size:1.2em}
.search{float:left; width:93.75%; padding:0 3.125%; margin-bottom:3%;}
.searchmain{float:left;width:96%;border-radius:12px; padding:2%;
background:-webkit-linear-gradient(top,#e8cf26,#e8cd19);background:-moz-linear-gradient(top,#e8cf26,#e8cd19);background:linear-gradient(top,#e8cf26,#e8cd19);}
.search_txt{ float:left; padding-left:2%;width:81%; min-height:30px;border:0; background:#fff;color:#696d7f; font-family:微软雅黑;box-shadow:1px 3px 3px #dddad9 inset;}
.search_but{ float:right;width:35px; border:0;height:32px;background:url(../images/search_but.gif) no-repeat left center; background-size:80%; }
.content .product{ padding:5% 0 0 0 ; width:100%;}
.product{float:left; width:93.75%; padding:3.125%;}
.productmore,.title{float:left;width:100%; line-height:2; font-size:1.2em; text-align:center; border-radius:8px;background:-webkit-linear-gradient(top,#e8cf26,#d2ba18);background:-moz-linear-gradient(top,#e8cf26,#d2ba18);background:linear-gradient(top,#e8cf26,#d2ba18); border:1px solid #ffff77;}
.productmore a{ display:block; float:left; width:100%; text-shadow:1px 0 0 #34394b; color:#fff;}
.product ul{width:100%; float:left; }
.product li{ float:left; width:44%; margin:0 3% 3%; text-align:center;background:url(../images/proimg.png) no-repeat center; background-size:100% 100%;}
.product li div{ width:91%; margin:0 auto; padding-top:5%; }
.product li img{width:99%;display:block; border:1px solid #82879a; box-shadow:0 0 2px #313543; }
.protxt{width:100%; float:left; margin:4% 0; color:#fff; padding-bottom:3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.content .news{ padding:0; width:100%; background:none}
.news{ float:left;width:94%; padding:0 3%; margin-top:3%;background:#3a4466}
.newsmain{float:left;width:100%;padding:2% 0% 0;}
.news ul li{float:left; width:100%;  border:1px solid #e6e6e6; border-radius:8px;margin-bottom:2%; box-shadow:1px 1px 2px #354061;
background:-webkit-linear-gradient(top,#fff,#e6eef2);background:-moz-linear-gradient(top,#fff,#e6eef2);background:linear-gradient(top,#fff,#e6eef2);}
.news ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat center right; background-size:3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#34394b;}
.more{ float:left; width:100%; padding-bottom:8%;line-height:2; background:url(../images/footnav.jpg) no-repeat bottom center #2c3451; background-size:100%;}
.more a{  color:#fff; float:left; width:100%;text-align:center; }
/* footer */
.footnav{ float:left;width:90%; padding:5% 5% 3%;}
.footnav ul{ float:left; width:100%;}
.footnav ul li{ float:left;padding:1% 0; text-align:center; width:14%; margin-left:2.1%; line-height:1.6; border-radius:4px; background:#2a314b; border:1px solid #3d4563;
box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.footnav ul li a{ color:#9eabdc; float:left; width:100%; }
.foottxt{ float:left; width:100%; font-size:12px; text-align:center; padding:2% 0; color:#9eabdc; }
.foottxt a{ color:#9eabdc}
.footer{float:left;width:100%; border-top:1px solid #3e445d; max-width:640px;font-size:1em;background:url(../images/foot.jpg) no-repeat top center; background-size:100% 100%;}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:35px; width:25%; padding:2% 0 1%; background:url(../images/footline.gif) no-repeat  right 2px;}
.footer ul li a{float:left;min-height:25px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:20%; min-width:20px; margin-right:3px; vertical-align:middle}
/*product*/
.center{ text-align:center; width:100%; float:left; background-size:100%; }
.center img{ width:90%;margin:5.8% 0;}
.productnav{ float:right; position:relative; padding:3% 0; font-family:微软雅黑; margin-right:3%; margin-top:0.5%; width:30%; text-align:right; color:#fff; text-shadow:1px 0 0 #34394b;}
.productnav img{ vertical-align:middle; margin-top:-2px; margin-right:2px;width:14%;}
.title_i{ margin-top:-11%; float:left; width:100%;}
/*news*/
.newslist{ float:left;width:100%; margin-top:-3%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;}
.newslist ul li a{float:left; width:93%; font-size:1em; border-top:1px solid #fff; line-height:2.5; padding:0 4% 0 3%;
background:-webkit-linear-gradient(top,#fff,#e3e3e3);background:-moz-linear-gradient(top,#fff,#e3e3e3);background:linear-gradient(top,#fff,#e3e3e3);}
.newslist ul li a:hover{ 
background:-webkit-linear-gradient(top,#e7e7e7,#d6d6d0);background:-moz-linear-gradient(top,#e7e7e7,#d6d6d0);background:linear-gradient(top,#e7e7e7,#d6d6d0);}
.newslist ul li a span{ float:left;width:100%; color:#414141;  background:url(../../../5G/images/newslist.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*view*/
.view_title{text-align:center; width:96%; float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; color:#fff; font-family:微软雅黑; border-bottom:1px dashed ;padding-bottom:1%;margin-bottom:2%;}
.pages{width:110px;margin:15px auto; clear:both; overflow:auto;}
.page_change{ float:left;width:44px; text-align:center; color:#c9cce4; line-height:28px; height:28px; display:block;}
.left{float:left;}
.left,.right{ float:left;font-size:16px; border:2px solid #edf7ef; color:#fff;text-align:center; width:28px; padding:2% 0;border-radius:4px;
background:-webkit-linear-gradient(top,#fff,#e6eef2);background:-moz-linear-gradient(top,#ddd,#e6eef2);background:linear-gradient(top,#fff,#e6eef2);}
.left img,.right img{ width:13px;display:inline}
@media all and (min-width:640px){
.left,.right{width:28px;}
}
.view_menu{ float:right;width:180px; position:relative; z-index:999;margin-top:-12%; margin-right:3%;}
@media all and (max-width:550px){
.view_menu{margin-top:-17%;}
}
.view_menu span{ float:left; cursor:pointer;padding:10% 0 5%;padding-right:10%;text-align:right;width:90%; color:#1e2450;}
.view_menu img{ vertical-align:middle;width:10%; margin-right:3px; margin-top:-3px;}
.view_menumain{float:right;right:2%; width:130px; padding:2px 2px 0px; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:100%; text-align:center; line-height:2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #717584; background:#464b5f; font-size:14px; color:#fff;}
.view_menumain a:hover{border-bottom:1px solid #464b5f; background:#34394b; }
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1% 0.6%;margin-bottom:8px; color:#fff;background:#2a314b;border:1px solid #384161;}
.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;color:#3a3a3a;background:#f8f8f8;border:1px solid #ececec;}
.share_t{ text-align:center; float:left; line-height:2;background:#4a83ab; width:100%; color:#fff; margin:1% 0 0 0%;}
@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:12px;}
}


.scroll{
	width:420px;
	max-width:640px;
	position:relative;
	overflow:hidden;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.mod_01{
	float: left;
	width: 420px;
	max-width: 640px;
}
.mod_01 img{display:block;max-width:640px;width:420px;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:25px;right:10px;z-index:11;}
#slide_01_dot{text-align:center;margin:3px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}