﻿
body{ margin:0;padding:0;font-size: 15px;}
ul,li {margin:0;padding:0;list-style:none;}
a {color: #333;text-decoration: none;}
a:hover{text-decoration:none;}

#topNav{ display:block;}
#NavPhone{display: none; position: absolute; top:10px; right:10px;width:50px;}
.bt-left{ float:left;}
.bt-right{ float:right;}
.bt-clear{ clear:both;}
.nav_topL li{ float:left;margin:0 12px 0 0;height: 40px;line-height: 40px;font-size: 15px;color: #657187;padding: 0px;}
.nav_topR li{ float:left;margin:0 10px 0 0;height: 40px;line-height: 40px;font-size: 15px;color: #657187;padding: 0px;}

.w1200{ width:1200px;margin:0 auto;}
.navBg{ background-image:url(../image/head_bg.png);background-repeat:no-repeat;background-position:center;width:100%;min-width: 1200px;margin: auto;height: 206px;background-size: cover;}
.navlogo {padding-top: 42px;width:1200px;margin:0 auto;}
.navUl li {background: url(../image/line.png) no-repeat center left;text-align: center;line-height: 50px;height: 50px;color: #FFFFFF;font-size: 21px;font-weight: bold;padding: 0px 15px;float:left;width:11.1%;z-index:999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.navUl li a{ color:#fff;}
.navUl li:hover { background-color:#d71619 !important;}
.navUl li:first-child{background: url(../image/home1.png) no-repeat 18%;padding-left: 35px;}
.navUl { width: 1200px;margin:0 auto;display: block;}
.nav {width: 100%;height: 50px;line-height: 50px;background: #1269d3;min-width: 1200px;}

.footer_bg{ width: 100%;height: 100px;background: #e2e2e2;min-width: 1200px;overflow:hidden;font-size: 15px;color: #333333;}
.footer_bg P{margin:0;padding:0;}
.footer_P1{ float:left;box-sizing: border-box;background: url(../image/line2.png) no-repeat center right; width:21%;}
.footer_P1 .p1{ margin-top:5px; margin-right:11%;display:block; float:left;}
.footer_P1 .p2{ margin-top:20px;display:block;float:left;}
.footer_P2{ float:left;margin-top:25px;box-sizing: border-box;background: url(../image/line2.png) no-repeat center right;padding-left: 2%;width: 70%;}
.footer_P2 .w100{ width:100%;float:left;}
.footer_P2 .w50{ width:50%;float:left;}
.footer_P2 .w50 a img{vertical-align: middle;}
.footer_P3{ float:left;margin-top:25px;margin-left:3%;}
@media screen and (max-width: 1199px){
.w1200{ width:100%;}
.navUl { width: 100%;margin:0 auto;}
.nav {width: 100%;height: 50px;line-height: 50px;background: #1269d3;min-width: 100%;}
.navBg{ background-image:url(../image/head_bg.png);background-repeat:no-repeat;background-position:center;width:100%;min-width:100%;margin: auto;height: 206px;}	
.navlogo {padding-top: 42px;width:100%;margin:0 auto;}
.footer_bg{ width: 100%;height: 130px;background: #e2e2e2;min-width: 100%;overflow:hidden;}
.footer_P1{ float:left;box-sizing: border-box;background: url(../image/line2.png) no-repeat center right; width:25%;}
.footer_P2{ float:left;padding-top:25px;box-sizing: border-box;background: url(../image/line2.png) no-repeat center right;padding-left:6%;width: 60%;}
.footer_P1 .p1{ margin-top:5px; margin-right:5%;display:block; float:left;}
.footer_P2 .w50{ width:100%;float:left;}
}
@media screen and (max-width: 1050px){
.w1200{ width:100%;}
.navUl { width: 100%;margin:0 auto;}
.navUl li {background: url(../image/line.png) no-repeat center left;text-align: center;line-height: 50px;height: 50px;color: #FFFFFF;font-size:16px;font-weight: normal;padding: 0px 12px;float:left;width:11.1%;}
.nav {width: 100%;height: 50px;line-height: 50px;background: #1269d3;min-width: 100%;}
.navBg{ background-image:url(../image/head_bg.png);background-repeat:no-repeat;background-position:center;width:100%;min-width:100%;margin: auto;height: 206px;}	
.navlogo {padding-top: 42px;width:100%;margin:0 auto;}
.footer_bg{ width: 100%;height: 130px;background: #e2e2e2;min-width: 100%;}
.footer_P1{ float:left;box-sizing: border-box;background: url(../image/line2.png) no-repeat center right; width:25%;}
.footer_P2{ float:left;padding-top:25px;box-sizing: border-box;background: url(../image/line2.png) no-repeat center right;padding-left:6%;width: 60%;}
.footer_P1 .p1{ margin-top:5px; margin-right:5%;display:block; float:left;}
.footer_P2 .w50{ width:100%;float:left;}
.nav_topL li{ float:left;margin:0 12px 0 0;height: 40px;line-height: 40px;font-size: 12px;color: #657187;padding: 0px;}
.nav_topR li{ float:left;margin:0 10px 0 0;height: 40px;line-height: 40px;font-size: 12px;color: #657187;padding: 0px;}
.navlogo img{ width:450px; height:auto; margin:20px 0 0 0;}
}
@media screen and (max-width: 800px){
#topNav{ display:none;}
.whshlh{display:none!important;}
#NavPhone{display: block;}
.w1200{ width:100%;}
.navUl { width: 100%;margin:0 auto;position: absolute; top:55px; display:none;background: #1269d3;z-index: 99;}
.navUl li {line-height: 50px;height: 50px;color: #FFFFFF;font-size:20px;font-weight: normal;padding: 0px 12px;float:left;width:100%; text-align:left; padding:0 0 0 20px; border-bottom:1px solid #ffffff4f;background:none;}
.navUl li:first-child{background: url(../image/home1.png) no-repeat 20px;padding:0 0 0 60px;}
.nav {width: 100%;background: #1269d3;min-width: 100%;height: auto; display:inline;}
.navBg{ background-image:url(../image/head_bg.png);background-repeat:no-repeat;background-position:center;width:100%;min-width:100%;margin: auto;height: 206px;}	
.navlogo {padding-top: 42px;width:100%;margin:0 auto; padding:0 2%;}
.navlogo img{ width:400px; height:auto; margin:50px 0 0 0;}
.footer_bg{ width: 100%;height: auto;background: #e2e2e2;min-width: 100%; text-align:center;}
.footer_P1{ float:left;box-sizing: border-box;background:none; width:100%;}
.footer_P1 .p1{ margin-top:0; margin-right:0%;display:block; float:left; width:50%;}
.footer_P1 .p2{ margin-top:10px;display:block;float:left;width:50%;}
.footer_P2{ float:left;padding-top:25px;box-sizing: border-box;background: none;padding:0;width: 100%;}
.footer_P2 .w50{ width:100%;float:left;}
.footer_P3{ float:left;margin-top:25px;width: 100%;margin-left:0;}
.footer_P3 p{ float:left; width:50%;}
/* .bt-right{ float:left;} */
}
@media screen and (max-width: 750px){
#topNav{ display:none;}
.whshlh{display:none!important;}
#NavPhone{display: block; }
.w1200{ width:100%;}
.navUl { width: 100%;margin:0 auto;position: absolute; top:55px; display:none;background: #1269d3; z-index:99;}
.navUl li {line-height: 50px;height: 50px;color: #FFFFFF;font-size:20px;font-weight: normal;padding: 0px 12px;float:left;width:100%; text-align:left; padding:0 0 0 20px; border-bottom:1px solid #ffffff4f;background:none;}
.navUl li:first-child{background: url(../image/home1.png) no-repeat 20px;padding:0 0 0 60px;}
.nav {width: 100%;background: #1269d3;min-width: 100%;height: auto; display:inline;}
.navBg{ background-image:url(../image/head_bg.png);background-repeat:no-repeat;background-position:center;width:100%;min-width:100%;margin: auto;height: 206px;}	
.navlogo {padding-top: 42px;width:100%;margin:0 auto; padding:0 2%; box-sizing: border-box;}
.navlogo img{ width:300px; height:auto; margin:50px 0 0 0;}
.footer_bg{ width: 100%;height: auto;background: #e2e2e2;min-width: 100%; text-align:center;}
.footer_P1{ float:left;box-sizing: border-box;background:none; width:100%;}
.footer_P1 .p1{ margin-top:0; margin-right:0%;display:block; float:left; width:50%;}
.footer_P1 .p2{ margin-top:10px;display:block;float:left;width:50%;}
.footer_P2{ float:left;padding-top:25px;box-sizing: border-box;background: none;padding:0;width: 100%;}
.footer_P2 .w50{ width:100%;float:left;}
.footer_P3{ float:left;margin-top:25px;width: 100%;margin-left:0;}
.footer_P3 p{ float:left; width:50%;}
/* .bt-right{ float:left;} */
}