@charset "gb2312";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"΢ÈíÑźÚ"; font-size:14px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration: none; color: #006cbe;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both; height: 0px; line-height: 0px;}

.top{ background: #f0f0f0; height: 30px; line-height: 30px; overflow: hidden;}
.top-cent{ width: 1140px; margin: 0 auto;}
.top-cent p.fl{ font-size: 12px;}

.header{ width: 1140px; height: 116px; background: url(2017ly_slogen.png) no-repeat right 27px; margin: 0 auto;}
.logo{ float: left; margin-top: 15px;}
.search{ float: right; width: 288px; height: 38px; margin-top: 44px;}
.search-txt{ float: left; border: 0; width: 196px; height: 38px; line-height: 38px; cursor: text; outline: none; padding: 0 10px;}
.search-btn{ float: left; border: 0; width: 72px; height: 38px; background: #117ad3; color: #fff; cursor: pointer; outline: none;}

.nav{ background: #1e6cb1; height: 50px; overflow: hidden;}
.nav ul{ width: 1140px; margin: 0 auto;}
.nav ul li{ float: left; width: 163px; height: 50px; line-height: 50px; font-size: 18px; text-align: center;}
.nav ul li:first-child{ width: 162px;}
.nav ul li a{ display: block; width: 100%; height: 100%; color: #fff;}
.nav ul li a:hover{ background: #165fa0;}

.links{ height: 40px; background: #1e6cb1; line-height: 40px; font-size: 0px; text-align: center;}
.links a{ display:inline-block; *display: inline; zoom: 1; color: #fff; font-size: 14px;}
.links a:hover{ text-decoration: underline;}
.links span{ display:inline-block; *display: inline; zoom: 1; color: #fff; font-size: 12px; margin: 0 20px;}

.footer{ padding: 25px 0; text-align: center;}
.footer img{ vertical-align: middle; margin: 0 10px;}
.footer p{ line-height: 24px; margin-top: 10px;}

.wrapper{ background: url(2017ly_bottom_bg.png) no-repeat center bottom;}


@media screen and (max-width: 1140px){
	.top{ display: none;}
	.header{ width: 100%; height: auto; background: none; padding-bottom: 20px;}
	.logo{ float: none; text-align: center;}
	.search{ float: none; margin: 10px auto 0;}
	
	.nav ul{ width: 100%;}
	.nav ul li{ width: 14.3%; font-size: 16px;}
	.nav ul li:first-child{ width: 14.2%;}
}

@media screen and (max-width: 760px){
	.nav{ height: 81px;}
	.nav ul li{ border-left: 1px solid #fff; box-sizing: border-box; font-size: 14px; height: 40px; line-height: 40px;}
	.nav ul li:first-child{ width: 33.34%;}
	.nav ul li:nth-child(2),.nav ul li:nth-child(3){ width: 33.33%;}
	.nav ul li:nth-child(4),.nav ul li:nth-child(5),.nav ul li:nth-child(6),.nav ul li:nth-child(7){ width: 25%; border-top: 1px solid #fff;}
	.nav ul li:first-child,.nav ul li:nth-child(4){ border-left: 0;}
	
	.links{ height: 30px; line-height: 30px;}
	.links a{ font-size: 12px;}
	.links span{ margin: 0 10px; font-size: 12px;}
}

@media screen and (max-width: 480px){
	.logo img{ width: 95%; height: auto;}
	.footer{ padding: 20px 1%;}
	.footer p{ font-size: 12px; line-height: 20px; margin-top: 0;}
	.footer-top{ display: none;}
}


/*²à±ßÀ¸*/

.right-nav{position: fixed;right:35px;top:240px;z-index: 9999;}
.right-nav li{ margin-bottom: 10px;width: 51px;height: 51px; position: relative;}
.right-nav li a{ display: block; width: 100%; height: 100%;}
.right-nav li .side_bar01{ background: url(2017ly_cp_sidebar_icon.png) 0 0 no-repeat;}
.right-nav li .side_bar02{ background: url(2017ly_cp_sidebar_icon.png) 0 -51px no-repeat;}
.right-nav li .side_bar03{ background: url(2017ly_cp_sidebar_icon.png) 0 -102px no-repeat;}
.right-nav li .side_bar04{ background: url(2017ly_cp_sidebar_icon.png) 0 -153px no-repeat;}
.right-nav li .side_bar05{ background: url(2017ly_cp_sidebar_icon.png) 0 -204px no-repeat;}
.right-nav li .side_bar01:hover{ background: url(2017ly_cp_sidebar_icon.png) 0 -255px no-repeat;}
.right-nav li .side_bar02:hover{ background: url(2017ly_cp_sidebar_icon.png) 0 -306px no-repeat;}
.right-nav li .side_bar03:hover{ background: url(2017ly_cp_sidebar_icon.png) 0 -357px no-repeat;}
.right-nav li .side_bar04:hover{ background: url(2017ly_cp_sidebar_icon.png) 0 -408px no-repeat;}
.right-nav li .side_bar05:hover{ background: url(2017ly_cp_sidebar_icon.png) 0 -459px no-repeat;}
.show-ewm{position: absolute;opacity: 0;z-index: -1;filter: alpha(opacity=0);width: 140px;height: 130px;left:-50px;display: none;}
.right-nav li .ewm1{background: url(phpj21.png) no-repeat;top: -34px;}
.right-nav li .ewm1 img{margin-left: 6px;margin-top: 7px; width: 117px; height: 114px;}
.right-nav .side_bar_wx:hover .show-ewm{display: block; }
@media all and (max-width: 960px) {
  .right-nav {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .right-nav {
    right: 0px;
  }
}
@media screen and (min-width: 1366px) {
  .right-nav {
    right: 0px;
  }
}
@media screen and (min-width: 1400px) {
  .right-nav {
    right: 35px;
  }
}
@media screen and (min-width: 1680px) {
  .right-nav {
    right: 85px;
  }
}
@media screen and (min-width: 1920px) {
  .right-nav {
    right: 135px;
  }
}