@charset "utf-8";
a{text-decoration: none; color:#404f55}
a:hover {text-decoration: underline;color:#0050a2}

/*栏目导航样式查找*/
.logo{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 60px;
	height: 100px;
	width: 300px;	
}
/*栏目导航样式栏目*/
.nav{padding: 25px 0px 0px 200px;}
.nav ul{position: relative;display:table; text-align:center; margin:0 auto;line-height: 40px;z-index: 2;}
.nav li{ float:left; text-align:center; width:100px;height: 40px;}
.nav li:hover{background-color:#0082bb;animation: daohuan 0.5s;}
.nav li:hover a{color: #FFF;text-decoration: none;}
@keyframes daohuan{
0% { background-color: rgba(0,130,187,0);}
100% {background-color: rgba(0,130,187,1);}
}
.nav h1{font-size: 16px;line-height: 40px;}
.nav h2{color:rgba(0,0,0,0.52); }
.nav .tc{position: absolute;width: 100%;top: 36px;left: 0px;display:none;z-index: 200;}
.nav .tc p{text-align: center;line-height: 36px;color:#979797}
.nav .tc p a{color:#979797}

.banner{
	background: url(../images/banner.jpg) no-repeat center top;
	position: relative;
	padding-top: 340px;
}

.cacao{width: 60%;margin: 30px auto;}
.cacao .bg{background-color: #FFFFFF;border: 1px solid #DCDCDC;height: 36px;}
.cacao .inpbg{padding: 1px 40px 1px 1px;}
.cacao .inp{border:none;height: 34px;line-height: 34px;width: 99%;}
.cacao .inp2{padding: 6px;}

.nav2 .tb{
	background-repeat: no-repeat;
	background-position: left center;
	padding: 20px 0px 0px 60px ;height: 76px;}
.nav2 .bg01{background-image: url("../images/tb01.png");}
.nav2 .bg02{background-image: url("../images/tb02.png");}
.nav2 .bg03{background-image: url("../images/tb03.png");}

.hui,.hui a{color: #B3B3B3;}

.bianju_35px {line-height: 35px;height: 35px;}
/*广告位*/
.gg01{background: #EEE;position: relative;}
.gg01 .gg_nr,.gg01 .gg_nr div{position:absolute;width:100%;height:100%;}
.gg01 .gg_nr img{width:100%;height:100%;}
.gg_tb{position:absolute;background: #ccc;opacity:0.5;line-height: 18px; bottom: 0px;right: 0px;width: 40px;height: 18px;text-align: center;z-index: 2;}
.hei120{height:120px;}
.hei180{height:180px;}
/*浮动底部导航样式*/
.bottom{background: #5d63d0;background-image:linear-gradient(to right, #008fbe, #00add7);background-image:  -webkit-linear-gradient(left, #008fbe, #00add7);}
.yqlj h2{float: left;}.yqlj li{float: left; padding: 0px 10px;}.yqlj,.yqlj a{color: #FFFFFF;}
.bai,.bai a{color:#FFFFFF; }
.btm_jg{}
.btm_jg .j01{float: left;width: 50%;}
.btm_bj{background: url("../images/logo2.png") no-repeat left center;padding-left: 120px;}
.btm_jg .j02{float: right;width: 36%;}
.btm_lm li{float: left;width: 40px;height: 60px;text-align: center;margin:25px 10px 0px 0px;}
.btm_lm .btm_bk{border: solid #FFFFFF 1px;}
.btm_lm .erm{width: 100px;float: right;height: 100px;background: url("../images/rwm.jpg") no-repeat center center ;margin:0px 0px;}
/*主要按钮大*/
.wui_b{border:none;height:36px;border-radius:4px;text-align:center;line-height:36px;font-size:18px;cursor:pointer;padding:0px 10px;}
/*主要按钮小*/
.wui_m{border:none;height:20px;border-radius:4px;text-align:center;line-height:20px;font-size:12px;cursor:pointer;padding:0px 10px;}
/*蓝色按钮*/
.btn_pm{background:#0D90EF;}
.btn_pm,.btn_pm a{color:#fff;text-decoration: none;}
.btn_pm:active{background: #57C2FD;}
/*绿色按钮*/
.btn_gr{background:#379e6c;}
.btn_gr,.btn_gr a{color:#fff;text-decoration: none;}
.btn_gr:active{background: #58c18e;}
/*红色按钮*/
.btn_wr{background:#ff6464;}
.btn_wr,.btn_wr a{color:#fff;text-decoration: none;}
.btn_wr:active{background: #ff8787;}
/*灰色按钮*/
.btn_hu{background:#EEE;}
.btn_hu,.btn_hu a{color:#333;text-decoration: none;}
.btn_hu:active{background: #f3f3f3;}

.b_box{position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.2);}
.b_box .r{width:320px;background:white;margin:0px auto; position: relative;top: 50%; transform: translateY(-50%);text-align: center;padding: 20px 10px;}
.b_box .r div{margin: 10px 0px}

/*栏目导航样式*/
.indexdh ul{display:table; text-align:center; margin:0 auto;}
.indexdh li{ float:left; text-align:center; width:50px;}
.red,.red a{color: #FF0004;}
.gl,.gl a{	color: #45A800;}
.yq,.yq a{color: #007EE7;}
.zi,.zi a{color: #bc5dd9;}
.bianju_30px {line-height: 30px;height: 30px;}
@media screen and (max-width:1160px){.bigdiv {width: calc(100% - 10px) ; overflow: hidden;}}
@media screen and (max-width:760px){
.logo{width: 100%;}
.nav{padding: 0px;height: 100px;clear: both;}	
.nav li{width:25%;}	
.nav .tc{background: #FFFFFF;height: 60px;}
.nav .tc p{line-height: 26px;}
.banner{background-size: auto 20vw;padding-top: 20vw;}	
.top .kd1{width: 100%;}
.top .kd2{width: 100%;}
.top .kd3{width: 100%;}
.top .kd4{width: 100%;}
.logo{height: 70px;background-position: center center;} 
.cacao,.soucang{display: none;} 
.nav .tc{width: 100%;}
.hei200{height:20vw;}
.hei180{height:20vw;}
.yqlj{display: none;}
.bottom .bg{overflow: hidden;}
.nav2 .tb{background-position: center 10px;padding: 60px 0px 0px 0px ;height: 30px;text-align: center;}
.nav2 .tb div{display: none}
.btm_jg .j01{width: 100%;}
.btm_bj{padding-left: 110px;font-size: 12px}
.btm_jg .j02{width: 100%;}
.btm_lm li{width: 36px;height: 40px;font-size: 14px;line-height: 20px;}
.btm_lm .erm{width: 100px;float: right;text-align: center; height: 100px;background: url("../images/rwm.jpg") no-repeat center center ;margin:0px 0px;}
.bianju_35px {line-height: 16px;height: 16px;}	
.hei120{height:15vw;}	
}