@charset "utf-8";html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0px;padding:0px;font-family:'Microsoft YaHei';}html{font-size:62.5%;font-family:'Microsoft YaHei',;}fieldset,img{border:none;}img{border:none;}*{margin:0;padding:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ul,ol,li{list-style:none;}input{padding-top:0px;padding-bottom:0px;display:block;}input::-moz-focus-inner{border:none;padding:0px;}select,input{vertical-align:middle;}select,input,textarea{font-size:13px;margin:0px;}input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}textarea{resize:none;overflow:hidden;}table{border-collapse:collapse;}body{background:#ffff;font-family:"微软雅黑";color:#444444;font-size:14px;}.clearfix:after{content:".";display:block;height:0px;visibility:hidden;clear:both;}.clearfix{zoom:1;}.clearit{clear:both;height:0px;font-size:0px;overflow:hidden;width:100%;}a{text-decoration:none;color:#444444;}

.head{ width:1200px; margin: 0 auto;}
.head .left{ float: left}
.header{ width:100%; height: 924px; background: url(../images/banner.jpg ) no-repeat top center;}
.header1{ background: url(../images/speech_banner.jpg) no-repeat top center;}
.header2{ background: url(../images/equipment_banner.jpg) no-repeat top center;}
.header3{ background: url(../images/product_banner.jpg) no-repeat top center; }
.header4{ background: url(../images/contact_banner.jpg) no-repeat top center; }
.header5{ background: url(../images/service_banner.jpg) no-repeat top center; }
.head{position: relative;}
.lang_text {position: absolute; right: 250px; top: 10px; width: 80px; text-align: right;}
.about,.foot-bj .foot,.content1{ width:1200px; margin:0 auto; overflow: hidden;}
.header1,.header2,.header3,.header4,.header5{ width:100%; height:519px; position:relative;}
.header,.header1,.header2,.header3,.header4,.header5{ position:relative;}
.nav{ display:block;}
.nav li{ display:block; float:left; height:57px; line-height:57px; width:100px; text-align: center; margin-left:25px;}
.nav li a{ color:#fff; font-size:16px; display:block;border-top:5px solid rgba(255,255,255,0);}
.head .nav .else{ border-top:5px solid #f2c11d;}
.head .nav a:hover,.service ul li:hover a,.foot-left dl a:hover,.product li:hover  .biaoti{ color:#f2c11d}
.bt b{ font-size: 48px; color: #707070; text-align: center; display: block; font-weight: 500}
.bt p{ font-size: 28px; color: #333; text-align: center}
.bt span{ width:38px; height: 4px; display: block; background: #00a442; margin: 24px auto 18px auto}
.about .content{margin:64px 0 86px 0}
.about .content h3,.about .content p{ font-size:48px; text-align: center; color: #434343; font-weight: 500;}
.about .content p{ font-size: 16px; margin: 16px 0 60px 0; line-height:26px;  }
.about .content ul li{ float:left; margin: 0 20px}
.map{ margin-bottom:440px;}
.more{ width:300px; padding: 22px; height: 32px; font-size: 24px; background: url(../images/more.png) no-repeat center right 24px; margin: 100px auto 80px auto;display: block; border: 2px solid #009046; color: #009046}
.more:hover{ color: #fff;transition:all 1s ease 0s;background: url(../images/more_hover.png) no-repeat center right 24px #009046; }
.service{ width:100%; border-top: 1px solid #717171; padding: 120px 0 220px 0}
.service ul{ width:100%; margin: 72px 0 ; overflow: hidden}
.service ul li{ width:25%; float: left}
.service ul li img{ width:100%; height: auto}
.service ul li .biaoti{ font-size:24px; margin: 18px 28px 24px 16px; display: inline-block}
.service ul li p{font-size:16px; margin: 0px 28px 0px 16px; line-height: 24px;}
.foot-bj{ width:100%; background: #515151; color: #f7f7f7;padding: 100px 0 0px 0; overflow: hidden}
.foot-bj a{color: #f7f7f7; }
.foot{ overflow:hidden}
.foot-left .logo{ margin-bottom:38px; display: block}
.foot-left{ width:628px; float: left; margin-right: 68px;}
.foot-left dl{ width: 120px; margin-right:32px; float:left}
.foot-left dl dt,.foot-center dt,.foot-right b{ font-size:24px; margin-bottom:30px; }
.foot-left dl dd,.foot-center dd{ margin-bottom: 12px; font-size: 16px;}
.foot-left dl dd a{line-height:24px;}
.foot-center{ width: 200px; float: left; margin-top:86px; }
.foot-right{ float: right; margin-top: 86px; width: 227px;}
.foot-right b{ font-weight:500}
.foot-right img{ margin-top: 32px;}
.footer{ width:100%; border-top: 1px solid #5f5f5f; height: 100px; line-height: 100px; font-size: 16px; text-align: center; margin-top: 168px;}
.neiye_nav{ width:800px; margin: 48px auto; overflow: hidden}
.neiye_nav a{ float:left; width: 110px; height: 98px; border: 2px solid #bdbdbd; padding: 18px; margin: 0 24px}
.neiye_nav a:hover,.neiye_nav .else{border: 2px solid #00a442;}
.neiye_nav a b{ height:42px; display: block}
.neiye_nav span{ width:24px; height: 3px; display: block; background: #00a442; margin-top: 30px;}
.neiye_nav a:hover b,.neiye_nav a:hover p,.neiye_nav .else b,.neiye_nav .else p{ color:#00a442}
.content1-bj{ background:#f2f2f2; padding: 142px 0 275px; width: 100%; overflow: hidden}
.content1-bj ul{font-size: 16px; }
.content1 .honor{ width:1050px; margin:  60px auto 0 auto;}
.content1 .honor li{ float:left; margin: 0 20px 68px 20px;}
.content1 .honor li img{ box-shadow: 4px 4px 4px #cdcdcd}
.content1 .honor li p{ height:48px; line-height: 48px; font-size: 18px;}
.content2{width: 1050px; margin: 0 auto}
.choose li{ border-top:1px solid #a3a3a3;overflow: hidden; padding: 88px 0 118px 0; }
.choose li div{ width:550px; float: left; margin: 0 76px;}
.choose li img{ float:right}
.choose li b{ font-size: 46px; font-weight: 500; border-bottom:1px solid #79cb9a; padding-bottom: 25px; margin-bottom: 35px; display: block}
.choose li p{ font-size:18px; line-height: 30px;}
.choose li .more{ margin: 48px 0 0 0;padding:16px;}
.choose .right img{ float:left;margin: 0 76px;}
.choose .right div{float:right; margin: 0;}
.product li{ float:left; width: 272px;height: 200px; margin: 0 14px 60px 14px;}
.product .biaoti{ height:36px; line-height: 36px;}
.product2{ width: 900px; margin:0 auto; font-size: 16px; line-height: 30px; text-align: center; margin-bottom:70px;}
.contact{ width:900px; margin: 118px auto 138px auto;}
.contact p{ font-size:48px; }
.contact span{ width:76px; height: 4px; display: block; background: #00a442; margin: 56px 0 36px 0}
.contact ul{ margin-top:60px;}
.contact ul li{ line-height:48px; font-size: 24px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.content1 .bt{ margin-bottom:24px;}
.game163{ position: relative; border: 1px solid #dcdddd; padding: 4px; overflow: hidden; width: 760px; height:638px; background: #fff }
	.game163 .bigImg{ height:482px; width:700px; position: relative;}
	.game163 .bigImg li img{ vertical-align:middle; width:700px; height:482px;   }
	.game163 .bigImg  h4{ font-size: 14px; font-weight: bold;background: rgba(0,0,0,0.4);line-height: 38px;  position: relative; top: -38px; height: 38px; padding-left: 30px; overflow: hidden; text-align: left; width: 670px; }
    .game163 .bigImg  h4 a{color: #fff; }
	.game163 .smallScroll{ height: 76px; width: 700px; margin-left: 32px; margin-bottom: 6px;}
	.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 76px; text-indent: -9999px; background:url(../images/icon.png) no-repeat top 20px left; }
	.game163 .sNext{  background:url(../images/icon.png) no-repeat top -42px left;}
    .prev{position:absolute; top: 270px; left: 50px; }
    .next{position:absolute; top: 270px; right: 50px; }
	.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width:660px; overflow: hidden;}
	.game163 .smallImg ul{ height:78px;  width: 9999px; overflow: hidden; }
	.game163 .smallImg li{ float: left; padding: 0 4px 0 0; width:110px; margin: 0 8px; height:76px; cursor:pointer;  display: inline;  }
	.game163 .smallImg img{ border: 1px solid #dcdddd; width:110px; height:76px;  }
	.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;}
.about1{ width:900px;}
@media screen and (max-width:768px){
	.about, .foot-bj .foot, .content1,.contact,.neiye_nav,.content1 .honor,.content2,.about1{ width:96%; margin: 0 2%;}
	.about .content{ margin: 4% 0 6% 0}
	.about .content h3{ font-size: 24px;}
	.about .content ul li,.content1 .honor li{ width:29.2%; margin: 0 2%;}
	.about .content ul li img,.head .logo img,.product li img,.content1 ul .product2 img,.content1 .honor li img, .head,.about1 img{ width:100%}
	.service ul li{ width:50%; margin-bottom: 4%}
	.service{ padding: 6% 0;}
	.footer{ margin-top:8%; height: 120px; line-height: 36px;}
	.footer p{ margin-top:3%}
	.head .logo{ width:20%;}
	.product2{ width:90%; margin: 0 5% 5% 5%;}
	.product li{ width: 30%; margin:0 1.5% 1.5% 1.5%;}
	.content1-bj{ padding: 10% 0 20% 0}
	.game163{ width:100%;}
	.neiye_nav,.content1 .honor{ margin:4% 2%;}
	.neiye_nav a{margin:2%;}
	.choose li{ padding: 4% 0 }
	.choose li div{ width:50%; margin: 0}
	.choose li img{width:48%; }
	.choose .right img{width:48%;margin: 0}
	.header,.header1,.header2,.header3,.header4,.header5{ padding:10px 0;}
.header,.header1,.header2,.header3,.header4,.header5,.foot-left{ width:100%; margin-right: 0}
.header img,.header1 img,.header2 img,.header3 img,.header4 img,.header5 img{ width:120px; margin-left:20px; margin-top:10px;}
.nav li{ display:block; float:left; height:57px; line-height:57px; width:100px; margin-left:25px;}
	.nav li a{ color: #666}
.anniu{ display:block; width:40px; height:40px; background:url(../images/menu.png) no-repeat center; background-size:100%; position:absolute; right:20px; top:15px;}
.nav{ float:none; display:none; position:absolute; top:64px; width:100%; left:0;}
.nav li{ float:none; width:100%; height:40px; line-height:40px; background:#fff; border-top:1px solid #eee; text-align:center; margin-left:0;}
	 .head .nav .else{ border:none}
	.header1,.header2,.header3,.header4,.header5{ width:100%; height:280px;}
	.header{ width:100%; height:360px; background: url(../images/banner.jpg ) no-repeat top center; background-size: 100% 100%;}
	.header1{background: url(../images/speech_banner.jpg) no-repeat top center; background-size: 100% 100%;}
	.header2{background: url(../images/equipment_banner.jpg) no-repeat top center; background-size: 100% 100%;}
	.header3{background: url(../images/product_banner.jpg) no-repeat top center;background-size: 100% 100%;}
	.header4{background: url(../images/contact_banner.jpg) no-repeat top center;background-size: 100% 100%;}
	.header5{background: url(../images/service_banner.jpg) no-repeat top center;background-size: 100% 100%;}
}

@media screen and (max-width:480px){
	.header{ height:240px;}
	.header1,.header2,.header3,.header4,.header5{ width:100%; height:180px;}
	.service ul li p{ height:120px;}
	.contact p{ font-size:24px;}
	.contact span{ margin:4% 0}
	.map{ margin-bottom:6%;}
}
@media screen and (max-width:360px){
	.header{ height:160px;}
	.header1,.header2,.header3,.header4,.header5{ width:100%; height:120px;}
	.about .content ul li, .content1 .honor li{ width:92%; margin: 1% 4%;}
	.more{ width:85%; margin: 10% auto}
	.service ul li,.about-1{ width:100%;}
	.bt b{ font-size:24px;}
	.product li{ width:47%; margin: 0 1.5% 1.5% 1.5%; height: auto}
	.map{ margin-bottom:6%;}
	.service ul li p{ height:100px;}
	.foot-right{ float:left}
	.foot-center,.foot-right{ margin-top:4%}
	.lang_text{position: absolute; right: 40%; top: 25px; width: 80px; text-align: right;}
	.game163{ display:none}
}