.fr{float:right;}
.fl{float:left;}
.tr{text-align:right;}
a,a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style:none;}
.acenter{text-align:center;}
.cl{clear:both;}
#header .header_top{width:100%;background:url(../images/header_top_bg.jpg);height:4px;}
#header .welcome{border-bottom:1px #c9c9c7 solid;height:40px;background:#fbfbfb;width:100%;line-height:40px;color:#666;}
#header .welcome i,#header .header_mid .toplink i{margin:0 5px;}
#header .header_mid{width:100%;height:120px;background:url(../images/header_center_bg.jpg) top center;}
#header .header_mid .logo{padding-top:5px;}
#header .header_mid .logo img{float:left;}
#header .header_mid .logo .logoc{margin-top:50px;margin-left:10px;}
#header .header_mid .toplink{line-height:60px;}
#header .header_mid .toplink a{color:#454545;}
#header .header_mid .searchinput{float: left;    height: 33px;    border-radius: 15px 0px 0px 15px; width:200px;   border: 1px #ccc solid;    padding-left: 10px;}
#header .header_mid .searchbtn{background:#0986ea;border-radius:0 15px 15px 0;color:#fff;}
#header .nav{height:39px;width:100%;background:url(../images/nav_bg.jpg);border-top:1px #1473e0 solid;border-bottom:1px #1473e0 solid;}
#header .nav li{width:14.2%;border-left:1px #1473e0 solid;;float:left;text-align:center;list-style:none;}
#header .nav li:nth-child(1){border:none;}
#header .nav li a:hover,#header .nav li.hover{background:url(../images/nav_hover_bg.jpg);text-decoration:none;}
#header .nav li a{line-height:39px;color:#fff;width:100%;text-align:center;display:block;font-weight:700;}

.company{margin-top:10px;}
.line-gray{width:100%;height:2px;background:#d9d9d9;}
.company .line-gray{margin:20px 0;text-align:center;}
.company span{display:block;background:#fff;width:150px;margin:0 auto;margin-top:-35px;margin-bottom:20px;text-align:center;font-weight:700;font-size:18px;}

.about{margin-bottom:10px;}
.about a{color:#666;}
.about .btn{border-radius:0;}
.comlist a{display:block;float:left;width:30%;margin-left:5%;}
.comlist a:nth-child(1){margin:0;}

.ind_pro{width:100%;margin:20px 0;background:url(../images/pro_bg.jpg) top center;padding-top:20px;}
.ind_pro .title{text-align:center;font-size:18px;font-weight:700;}
.ind_pro .line-gray{height:1px;}
.ind_pro .line-red{width:100px;height:3px;background:#ce383e;display:block;margin:0 auto;margin-top:-12px;margin-bottom:20px;}


.pro_box{margin:0 3px;border:1px #ccc solid;background:#fff;margin-bottom:20px;}
.pro_box img{width:100%;}
.pro_box b,.pro_box p{padding:0 5px;}
.pro_box a b{color:#333;height:22px;overflow:hidden;display:block;}
.pro_box a p{color:#999;height:22px;overflow:hidden;display:block;}

.ind_pro .btn{border-radius:15px;}

.lastnews dt,.app dt{margin-left:20px;border:1px #ccc solid;height:40px;padding:10px;margin-bottom:10px;}
.lastnews dt span,.app dt span{display:block;width:200px;float:left;background:#fff;margin-left:-30px;font-weight:400;font-size:16px;}
.lastnews dt span b{color:#cc0000}
.lastnews dt a,.app dt a{color:#333;font-weight:400;}
.lastnews dd li.first .btn{border-radius:10px;padding:0 10px;color:#fff;}
.lastnews dd li.first img{float:left;margin-right:5px;}
.lastnews dd li.first a b{color:#333;}
.lastnews dd li.first a p{color:#999;line-height:20px;}
.lastnews dd li.first{margin-bottom:10px;}
.lastnews dd li a{color:#666;line-height:30px;}
.lastnews dd li a span{color:#999;}

.app dd li {width:48%;float:left;margin-top:20px;}
.app dd li.fr{float:right;}
.app dd li img{width:100%;}
.app dd li p{width:100%;height:30px;background:#c2c2c2;color:#fff;line-height:30px;overflow:hidden;padding:0 5px;}
.app dd li a:hover p{background:#d01a04;}

#footer{width:100%;margin-top:20px;}
#footer .footer_top{height:42px;width:100%;background:url(../images/footer_top_bg.jpg) top center;}
#footer .footer_mid{height:auto;width:100%;background:url(../images/footer_center_bg.jpg);overflow:hidden;}
#footer .footer_mid dl{background:url(../images/line_foot.png) no-repeat;padding:0 15px;height:313px;margin-bottom:0;}
#footer .footer_mid dl:nth-child(1){background:none;}
#footer .footer_mid dl dt{color:#fff;font-size:16px;line-height:40px;margin-bottom:30px;}
#footer .footer_mid dl dt p{font-size:12px;font-weight:400;line-height:20px;}

.foot_nav li{width:50%;float:left;line-height:40px;}
.foot_nav li a{color:#fff;}

.newinput{border:1px #ccc solid;border-radius:15px;padding:0 10px;margin-right:10px;}
.newbtn{width:67px;height:19px;background:url(../images/submit.png) no-repeat;border:none;}
.letter b{color:#fff;font-size:16px;display:block;margin:20px 0;}

.contact p,.contact h2{color:#fff;}
.contact p i{color:#2889d9;margin-right:10px;}

.copyright{width:100%;height:auto;padding:10px 0;background:#1944a1;color:#fff;display:block;text-align:center;}

#ny_ban{width:100%;height:390px;background:url(../images/ban_ny.jpg) top center;margin-bottom:20px;}

.cate dt{height:50px;line-height:50px;padding:0 20px;background:#1e3772;color:#fff;font-size:16px;}
.cate dt img{margin-top:13px;}

.cate_list li{background:#d0daf1;border-top:1px #fff solid;height:40px;line-height:40px;padding:0 20px;}
.cate_list li a{color:#1d1d1d;}
.cate_list li:hover{background:#3368a4;}
.cate_list li:hover a{color:#fff;}

.leftcont{background:#f0f0f0;padding:10px 20px;line-height:25px;}
.leftcont b{color:#384a7d;font-size:16px;}
.leftcont .email{color:#727070;}
.leftcont .email i{margin-right:10px;}
.leftcont .moreinfo{color:#8e9eac;}
.leftcont .tel{color:#384a7d;font-size:20px;}

.hotpro b{font-size:16px;color:#333;display:block;padding:20px 0px;}
.content dt{line-height:40px;color:#201f1f;font-size:16px;}
.content dt img{margin-right:10px;}
.content dt span{color:#666;font-size:12px;font-weight:400;}
.content dt span a{color:#666;}
.content dd{line-height:200%;word-break:break-all}
.content dd img{max-width:100%;}

.content .pro_box{background:#eaeaea;padding:5px;}
.content .pro_box:hover{background:#3675c1;}
.content .pro_box:hover a b,.content .pro_box:hover a p{color:#fff;}
.content .pro_box a{display:block;}

.page{text-align:center;margin:30px 0 30px;}
.page a,.page span{padding:5px;border:1px solid #ccc;min-width:25px;text-align:center;margin-right:5px;}

.new_box{background:#f2f2f2;margin:5px 10px;padding:5px 10px;}
.new_box a b{color:#4e4e4e;}
.new_box a b span,.new_box a p{color:#999;font-weight:400;line-height:20px;}

.goodspic,.goods-content img{width:300px;max-width:100%;display:block;margin:0 auto;}

.app_box{margin:0 20px;}
.app_box img{width:100%;}

.catelist{text-align:center;}
.catelist a{    display: inline-block;    padding: 5px 10px;    margin: 5px;    background: #f0f0f0;    color: #000;}

.menuicon{    padding-top: 30px;    font-size: 35px;    text-align: center;}
.menuicon i{margin-right:5px;}

#myCarousel{border:1px #ccc solid;}

.nav-toggle{background:url(../images/menu.png) no-repeat;width:81px;height:37px;    position: absolute;    z-index: 9999;    right: 10px;
    top: 50px;text-indent:100px;overflow:hidden;}

.formbox{border: 1px #ccc solid;margin-top:20px;}
.formbox p{padding:5px 20px;box-sizing:border-box;}
.formbox p.title{padding:5px 10px;background:#23527c;color:#fff;margin:0;}
.formbox p.text{width:50%;float:left;}
.formbox span.formname{    display: block;     box-sizing: border-box;font-weight:700;}
.formbox span.forminput{     width: 100%;    display: block;    float: left;}
.formbox span.forminput input,.formbox span.forminput textarea,.formbox span.forminput select{width:100%;margin:0;border-radius:0;line-height:40px;padding:0 10px;box-sizing:border-box;height:40px;}
.formbox span.forminput textarea{height:100px;}
.formbox .newbtn{margin:20px;}

.letter span.formname{display:none;}
.letter .newbtn{margin-left:200px;margin-top:-32px;display:block;}

.game163{ position: relative; padding: 4px; overflow: hidden; width: 400px; margin:0 auto;}	
.game163 .bigImg{ height: 300px; position: relative;}	
.game163 .bigImg li img{ vertical-align:middle; width:400px; height:300px;border:1px #ccc solid;   }	
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; 
text-align: left; }	
.game163 .smallScroll{ height: 47px; margin:5px auto;}	
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; 
background: url(../images/sprites1008.png) no-repeat 0 -3046px; display:none;}	
.game163 .sNext{ background-position: 0 -2698px;}	
.game163 .sPrev:hover{ background-position: 0 -3133px;}	
.game163 .sNext:hover{ background-position: 0 -2785px;}
.game163 .smallImg{ float:left;  margin: 0px; display:inline; width: 400px; overflow: hidden;}	
.game163 .smallImg ul{ height:60px;  width: 9999px; overflow: hidden; }	
.game163 .smallImg li{ float: left; padding: 0; width:95px; cursor:pointer;  display: inline;  margin-left:5px;}	
.game163 .smallImg li:nth-child(1){margin:0;}
.game163 .smallImg img{ border: 1px solid #dcdddd; width:95px; height:60px;  }	
.game163 .smallImg .on img{ border-color: #1e50a2;}	
.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
.game163 .pageState span{ color: #f00; font-size: 16px;}

.pro_pic img{max-width:100%;}


@media screen and (max-width:400px) {
	.game163{ position: relative; padding: 4px; overflow: hidden; width: 280px; margin:0 auto;}	
.game163 .bigImg{ height: 210px; position: relative;}	
.game163 .bigImg li img{ vertical-align:middle; width:280px; height:210px;border:1px #ccc solid;   }	
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; 
text-align: left; }	
.game163 .smallScroll{ height: 47px; margin:5px auto;}	
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; 
background: url(../images/sprites1008.png) no-repeat 0 -3046px; display:none;}	
.game163 .sNext{ background-position: 0 -2698px;}	
.game163 .sPrev:hover{ background-position: 0 -3133px;}	
.game163 .sNext:hover{ background-position: 0 -2785px;}
.game163 .smallImg{ float:left;  margin: 0px; display:inline; width: 280px; overflow: hidden;}	
.game163 .smallImg ul{ height:42px;  width: 9999px; overflow: hidden; }	
.game163 .smallImg li{ float: left; padding: 0; width:66px; cursor:pointer;  display: inline;  margin-left:3px;}	
.game163 .smallImg li:nth-child(1){margin:0;}
.game163 .smallImg img{ border: 1px solid #dcdddd; width:66px; height:42px;  }	
.game163 .smallImg .on img{ border-color: #1e50a2;}	
.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
.game163 .pageState span{ color: #f00; font-size: 16px;}
}

@media screen and (max-width:640px) {
	#header .nav{height:auto;}
	#header .nav li{width:100%;}
	.lastnews dd li{height:30px;overflow:hidden;}
	.lastnews dd li.first{height:auto;}
	.lastnews dd li.first img{width:40%;}
	.lastnews dd li.first b{height:30px;overflow:hidden;display:block}
	.lastnews dd li.first p{height:40px;overflow:hidden;}
	#ny_ban{display:none;}
	.search,.nav,.hid{display:none;}
	/*.search{position: absolute;    top: 125px;    background: #fff;    z-index: 999;    width: 100%;}*/
	.formbox span.formname{display:none;}
	.formbox span.forminput{width:100%;}
	.formbox .newbtn{margin:20px;}
}

@media screen and (max-width:768px) {
	.about img{float:left;margin-right:10px;}
	.search{display:none;}
	#ny_ban{display:none;}
	.search{position: absolute;    top: 120px;    background: #fff;    z-index: 999;    width: 100%;padding:5px 15px;}
}

@media screen and (max-width:1024px) {
	.lastnews dd li.first b{height:30px;overflow:hidden;display:block}
	.lastnews dd li.first p{height:40px;overflow:hidden;}
}