﻿@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#756e6e;
}
a:hover{color:#014099; cursor:pointer;}
img{border:0; max-width:100%;}
 

 
.pz_down{ float:left; width:100%; background: #1F5DA0;}

 

/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:12px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #014099;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #014099;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }


 
 
/* down */
.foot1{ margin: 80px 0; overflow: hidden;}
.foot1 .foot_left{ float: left;}
.foot1 .foot_left .t1{ font-size: 14px; color: #fff;}
.foot1 .foot_left .t1 .ico{ display: block; float: left; width: 19px; height: 19px; margin-right: 10px; background: url(/themes/cnbootstyle/public/assets/images/images_lby/foot1.png) no-repeat center;}
.foot1 .foot_left .t2{ font-size: 36px; color: #fff; font-weight: bold;}
.foot1 .foot_left .t3{ font-size: 16px; margin-top: 35px; color: #fff;}
.foot1 .foot_ico{ margin: 30px 0 0 0;}
.foot1 .foot_ico .ico{ display: inline-block; margin-right: 20px; position: relative;}
.foot1 .foot_ico .ico a{ display: block; width: 34px; height: 34px; border: 1px solid #fff; border-radius: 50%; margin: 0;}
.foot1 .foot_ico .ico .bdshare-button-style1-24:after{ display: none;}
.foot1 .foot_ico .weixin{ background: url(/themes/cnbootstyle/public/assets/images/images_lby/foot2.png) center no-repeat;}
.foot1 .foot_ico .weibo{ background: url(/themes/cnbootstyle/public/assets/images/images_lby/foot3.png) center no-repeat;}
.foot1 .foot_ico .fx{ background: url(/themes/cnbootstyle/public/assets/images/images_lby/foot4.png) center no-repeat;}
.foot1 .foot_ico .weixin:hover{ border: 1px solid #014099; background: #014099 url(/themes/cnbootstyle/public/assets/images/images_lby/foot2.png) center no-repeat;}
.foot1 .foot_ico .weibo:hover{ border: 1px solid #014099; background: #014099 url(/themes/cnbootstyle/public/assets/images/images_lby/foot3.png) center no-repeat;}
.foot1 .foot_ico .whact{ display: none; width: 120px; height: 120px; line-height: 0; padding: 2px; background: #fff; border: 1px solid #ccc; position: absolute; left: 50%; bottom: 35px; margin-left: -60px;} 
.foot1 .foot_ico .ico1:hover .whact{ display: block;}
.foot1 .foot_ico .fx:hover{ border: 1px solid #014099; background: #014099 url(/themes/cnbootstyle/public/assets/images/images_lby/foot4.png) center no-repeat;}
.foot1 .footNav{ float: left; margin-left: 50px;}
.foot1 .footNav .l1{ float: left; margin-right: 25px;width:150px;}
.foot1 .footNav .l1 .p{ font-size: 16px; margin-bottom: 20px; color: #fff;}
.foot1 .footNav .l1 a{ display: block; line-height: 30px; font-size: 14px; color: #fff;}
.foot1 .footNav .l1 a:hover{ text-decoration: underline;}
.foot1 .footEwm{ float: right;}
.foot1 .footEwm .img{ width: 150px; height: 150px; line-height: 0;}
.foot1 .footEwm .wz{ font-size: 14px; margin-top: 20px; text-align: center; color: #fff;}
.foot2{ line-height: 20px; padding: 10px 0; font-size: 14px; overflow: hidden; color: #fff; }
.foot2 .copy{ float: left;}
.foot2 .map{ float: right; color: #fff;}
.foot2 .map:hover{ text-decoration: underline;}
@media screen and (max-width:1429px ) {
.foot1 .footNav{ margin-left: 70px;}
.foot1 .footNav .l1{ margin-right: 70px;}
}
@media screen and (max-width:1229px ) {
.foot1{ margin: 40px 0;}
.foot1 .footNav{ margin-left: 40px;}
.foot1 .footNav .l1{ margin-right: 40px;}
}
@media screen and (max-width:1023px ) {
.foot1{ margin: 20px 0;}
.foot1 .foot_left .t1{ font-size: 14px;}
.foot1 .foot_left .t2{ font-size: 24px;}
.foot1 .foot_left .t3{ font-size: 16px;}
.foot1 .footNav{ margin-left: 30px;}
.foot1 .footNav .l1{ margin-right: 15px;}
.foot1 .footNav .l1 .p{ font-size: 14px; margin-bottom: 10px;}
.foot1 .footNav .l1 a{ line-height: 26px; font-size: 12px;}
.foot1 .footEwm .img{ width: 100px; height: 100px;}
.foot1 .footEwm .wz{ font-size: 12px; margin-top: 10px;}
.foot2{ line-height: 20px; padding: 15px 0; font-size: 12px;}
}
@media screen and (max-width:767px ) {
.foot1{ margin: 10px 0;}
.foot1 .foot_left{ width: 80%;}
.foot1 .foot_left .t1 .ico{ display: inline-block; float: none;}
.foot1 .foot_ico{ margin: 10px 0;}
.foot1 .foot_ico .ico{ margin-right: 5px;}
.foot1 .foot_ico .ico a{ width: 28px; height: 28px;}
.foot1 .foot_ico .whact{ top: 35px; bottom: auto; margin-left: -15px;}
.foot1 .footNav{ width: 100%; margin: 10px auto 0 auto;}
.foot1 .footNav .l1{ width: 21%; margin-right: 2%; margin-left: 2%;}
.foot1 .footEwm{ width: 20%; float: right;}
.foot1 .footEwm .img{ width: 100%; height: auto; margin: 0 auto;}

.foot2{ padding: 5px 0; text-align: center;}
.foot2 .copy{  width: 100%;}
.foot2 .map{ width: 100%;}
}

 
/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#014099; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 5px 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; text-transform:uppercase;}
.pf_down li.l1 .ico7{ background:url(/themes/cnbootstyle/public/assets/images/images_lby/btn1.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(/themes/cnbootstyle/public/assets/images/images_lby/btn2.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(/themes/cnbootstyle/public/assets/images/images_lby/btn3.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}
 
 