@charset "utf-8";

/*电脑导航*/
.header{height: 120px;}
.header .logo{float: left; width: 320px; margin-top: 22px;}
.header .logo img{max-width: 100%;}		
.head-r{float: right; width: 880px;}
.tels{float: right; font-size: 18px; margin-top: 20px; margin-right: 25px;}
.tels i{float: left; color: #d7061a; font-size: 24px; margin-right: 8px;}
.tels b{color: #d7061a;}


.nav{ float: right;}
.nav ul{margin: 0;}
.nav ul li{float: left;position: relative;font-size: 16px;text-align: center;  line-height:46px; width: 115px;padding: 15px 0; }
.nav ul li a{display: block;color: #333;}
.nav ul li.active a{color: #d7061a;font-weight: bold; }
.nav ul li:hover a{color: #d7061a; font-weight: bold;}
.nav ul li .subnav{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:150px;z-index: 199;}
.nav ul li .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav ul li .subnav a{color: #666;display: block;font-size: 14px;line-height: 40px;height: 40px;width: 100%;background: #fff;font-weight: normal;}
.nav ul li .subnav a:hover{color: #FFF;background: #d7061a;font-weight: normal;}

/* 网站底部 */
footer{overflow: hidden; background: #212121; padding: 50px 0; }

.footer-lx{width: 600px;}
.footer-lx span{position: relative;display: block; color: #FFF;font-size: 17px; margin-bottom: 30px;}
.footer-lx span::before{content: ''; position: absolute; background: #FFF; height: 2px;width: 33px;margin-top: 33px;}
.footer-lx p{line-height: 26px;color: #ccc;}
.footer-lx .name{font-size: 22px; color: #FFF; margin-bottom: 15px;}

.footer-ewm{width: 300px;}
.footer-ewm span{position: relative;display: block; color: #FFF;font-size: 17px;margin-bottom: 30px;}
.footer-ewm span::before{content: ''; position: absolute; background: #FFF; height: 2px;width: 33px;margin-top: 33px;}
.footer-ewm img{float: left; width: 120px;}
.footer-ewm p{float: left; width: 50%; padding: 15px; color: #ccc;}

.footer-nav{width: 300px;}
.footer-nav span{position: relative; display: block; color: #FFF;font-size: 17px;margin-bottom: 30px;}
.footer-nav span::before{content: ''; position: absolute; background: #FFF; height: 2px;width: 33px;margin-top: 33px;}
.footer-nav ul{}
.footer-nav ul li{height: 26px; line-height: 26px;}
.footer-nav ul li a{color: #ccc;}
.footer-nav ul li a:hover{color: #FFF;}

.copyright{padding-top: 40px; text-align: center;  color: #a3a3a3; clear: both;}
.copyright a{color: #a3a3a3;}
.copyright a:hover{color: #e50000;}


/*右边在线客服*/
.right_side {position: absolute;right: 0;top: 35%;width: 60px;height: 245px;z-index: 80000}
.right_side ul li {width: 60px;height: 60px;border-bottom: 1px solid #e60010;background: #e60010 url(../images/right_ico.png) no-repeat;cursor: pointer;position: relative;-webkit-transition: background .5s ease-out;-moz-transform: background .5s ease-out;transition: background .5s ease-out}
.right_side ul li:hover {background: #fff url(../images/right_hover_ico.png) no-repeat}
.right_side ul li.qq {background-position: center 17px;border-top-left-radius: 5px}
.right_side ul li.qq div {display: none;background-color: #f9f9f9;position: absolute;right: 60px;width: 180px;height: 220px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;overflow: hidden;box-shadow: -7px 0 10px rgba(0, 0, 0, .2)}
.right_side ul li.qq div dt {text-align: center;height: 60px;line-height: 60px;background-color: #fff}
.right_side ul li.qq div dd {height: 60px;line-height: 60px;color: #666;margin: 0 auto;width: 160px;font-size: 16px;border-bottom: 1px dotted #dedede;text-indent: 80px;background: url(../images/qqbg.gif) no-repeat 30px 17px}
.right_side ul li.qq div dd a {display: block;}
.right_side ul li.qq div dd a:hover {color: #556c9c}
.right_side ul li.tel {background-position: center -44px}
.right_side ul li.tel div {display: none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;position: absolute;right: 60px;box-shadow: -7px 0 10px rgba(0, 0, 0, .3);height: 60px;line-height: 60px;padding: 0 20px;font-size: 24px;font-weight: 700;color: #19488e;background-color: #fff;white-space: nowrap}
.right_side ul li.wx {background-position: center -105px}
.right_side ul li.wx div {border-radius: 5px;display: none;position: absolute;top: -45px;right: 60px;box-shadow: -7px 0 10px rgba(0, 0, 0, .3);overflow: hidden}
.right_side ul li.wx div img{width: 164px;}
.right_side ul li.top {background-position: center -166px;border: none;border-bottom-left-radius: 5px}
.right_side ul li:hover div {display: block}
.right_side ul li.qq:hover {border-radius: 0}

/*分页*/
.pagination-wrapper{ margin: 50px 0;text-align: center;} 
.pagination{} 
.pagination li{display: inline-block;vertical-align: top;}
.pagination li a,.pagination li span{ display: inline-block;height: 32px; line-height: 32px; margin-right: 8px; padding: 0 12px; font-size: 14px; border: 1px solid #dfdfdf; color: #999; border-radius: 4px;background: #f7f7f7;} 
.pagination li:last-child{margin-right: 0;}
.pagination li a:hover{ background:#ec151f; color:#fff; border-color: #ec151f;} 
.pagination li.active a,.pagination li.active span { background: #ec151f; color: #fff;border-color: #ec151f;display: block;} 
.pagination .pageinfo{display: inline-block;height: 32px; line-height: 32px; padding: 0 12px; font-size: 14px; border: 1px solid #555555; color: #555555; }
/*分页*/