﻿/* CSS Document */
.w98{width: 1200px;margin: 0 calc(50% - 600px);}
.search{}
.h_form {line-height:20px;text-align:center;margin:6px 0;}
input,button {font-size:12px;line-height:20px;border-width:1px;font-family:"microsoft yahei","Arial";color:#000;padding:0 15px;letter-spacing:3px;}
input[type=text],input[type=password] {font-size:13px;margin:0;outline:0;color:#333;background-color:#fff;background-repeat:no-repeat;background-position:right center;}
button,form {font-size:14px;line-height:16px;font-family:Microsoft sans serif,Arial;color:#6e6e6e;}
.h5-tlt{font-size:24px;color:#fff;text-align:center;line-height:50px;padding:10px 0 0 0; letter-spacing: 2px;}
 @media screen and (max-width: 1024px) {
.w98{width: 1000px;margin: 0 calc(50% - 500px);}
}

.navbar-box{width:100%;height:100px;background:#fff;margin-bottom:10px;}
.navbar-box .logo {width:270px;height:100px;float:left;}
.navbar-box .logo img{width:260px;height:auto;margin:44px 0 0 10px;}

.nav-box{width:calc(100% - 390px);height:100px;float:left;padding-left:100px;}
.nav-box .search-box{margin-top:20px;height:32px;line-height: 32px;}
.nav-box .search-box .t-tel{width:30%;padding:0 0px 0 25px;float:right;background:url(../images/icon/f-tel.png) no-repeat left center;    font-family: Georgia, "Times New Roman", Times, serif;color:#e4263b;font-size:18px;font-weight:600;}
.nav-box .search-box .search{width:320px;float:right;}
.nav-box .search-box .search .button{margin:1px 0;}
.navbar{line-height:40px;height:40px;}
.nav{margin:8px 0 0 0;}
.linav {}
.linav li {width:9.7111111%;margin:0 .7%;text-align:center;float:left;height:40px;line-height:40px; }
.linav li a{width:100%;text-align:center;color:#000;font-weight:500;border-bottom: solid 2px #fff;transition: ease-in-out .5s;font-size:14px;height:38px;line-height:38px;}
.linav li a:hover{border-bottom: solid 2px #e4263b;}


.menu-mobile {display:none;padding:10px;}
.mlogo {height:38px;padding-top:20px;}
.menu-mobile:after {content:"MENU";line-height:50px;font-size:1.2rem;padding:0;float:right;position:relative;top:15px;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/}
 
 
 
.footer .con {background:#262626;color:#a3a3a3;font-size:13px;height:auto;width:100%;}
.footer .con .inner .f-logo{margin:36px calc(50% - 130px) 10px;width:260px;height:auto;}
.footer .con .inner .f-nav{width:calc(100% - 460px);padding:0 230px;}
.footer .con .inner ul li{float:left;line-height:30px;width:calc(12.5% - 1px);text-align:center;}
.footer .con .inner .contact{width:calc(50% - 50px);padding:20px 0 20px 50px;float:left;}
.footer .con .inner .contact p{line-height:27px;font-size:14px;padding:6px 0 6px 25px;}
.footer .con .inner .contact p:nth-child(1){background:url(../images/icon/f-add.png) no-repeat left center;}
.footer .con .inner .contact p:nth-child(2){background:url(../images/icon/f-tel.png) no-repeat left center;}
.footer .con .inner .contact p:nth-child(3){background:url(../images/icon/f-email.png) no-repeat left center;}
.footer .con .inner .contact p:nth-child(4){background:url(../images/icon/f-fax.png) no-repeat left center;}
.footer .con .inner .wechat{width:calc(50% - 50px);padding:20px 50px 20px 0px;float:left;}
.footer .con .inner .wechat ul{width:100%;}
.footer .con .inner .wechat ul li{width:50%;float:left;}
.footer .con .inner .wechat ul li img{width:80px;height:80px;margin:15px calc(50% - 40px) 20px;float:left;}
.footer .con .inner .wechat ul li p{font-size:12px;width:100%;text-align:center;line-height:30px;color:#e4263b;}

.footer .con .inner .copyright{width:100%;text-align:center;line-height:60px;}
.footer .con .inner .link,.footer .con .inner .link a{color:#737373;margin:10px;text-align:center;}

 
@media screen and (max-width: 768px) {
.w98{width:100%;margin:0;}
.top,.logo,.footer .con .inner .f-nav,.nav-box .search-box{display:none;}	
.top {margin:0;}
.nav-box{width:100%;height:60px;float:left;padding-left:0px;}
.navbar-box{height:60px;margin-bottom:0px;}
.top .navbar {width:100%;height:58px;line-height:58px;float:none;margin:0 ;}
.container { width:100%; margin:0px; }
.navbar-box{width:100%;height:68px;background:#fff;}
.navbar {width:100%;float:none;background:#fff;padding-left: 0px;}
.navBar .show-on-mobile {display:block;transition: ease-in-out .5s;}
.menu-container {width:100%;}
.menu-mobile {display:block;padding:0px 5px;transition: ease-in-out .5s;}
.nav {display:none;background:#e4263b;position:relative;line-height:28px;height:auto;margin:0;}
.show-on-mobile {display:block;z-index:9999;}
.linav li {width:100%;height:28px;line-height:28px; z-index:9999;margin: 0;}
.linav li a{width:100%;color:#fff;margin-top:0px;border-bottom: solid 1px #fff;}
.map .c-icon{;width: 90%;height:auto;margin: -160px 5% 0 5%;}
.map .c-icon li{float:left;width:50%;margin:20px 0;}
.map .c-icon li img{width:60px;height:auto;margin:10px calc(50% - 30px);}
.footer .con .inner .f-logo{margin:36px calc(50% - 80px) 10px;width:160px;height:auto;}
.footer .con .inner .contact{width:98%;padding:20px 1%;}
.footer .con .inner .wechat{width:98%;padding:20px 1%;}
.footer .con .inner .contact p{font-size:12px;}
}

.pbanner,.pbanner img,.main{width:100%;height:auto;}
.pbanner{position:relative;z-index:0;}
.pbanner h1,.pbanner h2{font-size:32px;line-height:1.5em;text-align:center;position:absolute;top:40%;width:100%;height:14px;z-index:1;text-transform:uppercase;text-shadow: -1px -1px 0 #fff, 1px 1px 0 #333, 1px 1px 0 #444;color:#005064;}
.main .aside-nav {height:70px;background:#005064; }
.main .aside-nav .p-tlt{width:96px;height:70px;line-height:70px;background:url(../images/tlt-bg.png) no-repeat center top;padding:0 55px 0 59px;font-size:24px;color:#e4263b;float:left;}
.main .aside-nav ul{width:calc(100% - 230px);margin:0 10px;height:70px;line-height:70px;float:left;}
.main .aside-nav li{width:calc(20% - 20px);float:left;margin:25px 10px 19px;text-align:center;}
.main .aside-nav li a{color:#333;background:#b8b8b8;border-radius:15px;height:26px;line-height:26px;transition: ease-in-out .5s;}
.main .aside-nav li a:hover{background:#fff;color:#e4263b;}

.curmb{height:28px;line-height:28px;padding:12px 0 0 25px;border-bottom:solid 1px #404040;color:#404040;}
.curmb a{font-size:14px;color:#404040;}


.h2-tlt-b{height:44px;line-height:44px;font-size:36px;color:#005064;text-align:center;padding:40px 0;}
.h6-tlt{font-size:16px;font-weight:300;text-align:center;color:#e4263b;line-height:30px;}
.ad-red-line{border-top:solid 2px #e4263b;width:500px;height:2px;margin:5px calc(50% - 250px) 15px;}

@media screen and (max-width: 768px) {
.main .aside-nav {height:auto;}
.main .aside-nav .p-tlt{width:96px;height:70px;line-height:70px;background:url(../images/tlt-bg.png) no-repeat center top;margin:0 calc(50% - 105px);padding:0 55px 0 59px;font-size:24px;color:#e4263b;float:left;}
.main .aside-nav ul{width:100% ;line-height:19px;border-top:solid 1px #fff;margin: 0 ;    height: auto;}	
.main .aside-nav li{width:calc(50% - 20px);}
.curmb{text-align:center;}
.h2-tlt-b{height:32px;line-height:32px;font-size:24px;}
.h6-tlt{font-size:14px;line-height:20px;}
.ad-red-line{width:calc(100% - 30px);margin:15px 15px 5px;}
.pbanner h1,.pbanner h2{font-size:14px;line-height:1.5em;}
	}

.inner .con img{max-width:96%;margin:5px 2%;}






.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(template/images/fly/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(template/images/fly/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(template/images/fly/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(template/images/fly/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

