/*********************************************************************************/
/* Base                                                                          */
/*********************************************************************************/
/** { margin:0; padding:0; }
p { font:62.5% "Microsoft Yahei","宋体", sans-serif; }*/
ul, li { margin:0; padding:0; list-style-type:none; }
dl, dt, dd { margin: 0; padding: 0; }
img{border:none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 { letter-spacing: 1px; }
/* 定义浮动居中 */
.fl, .pull-left { float:left; display: inline }
.fr, .pull-right { float:right; display: inline }
.center { margin: 0 auto; }
.clearfix { clear:both; /*height:0; font-size:1px; line-height:0px;*/}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }/*清除浮动*/
.embed-responsive-item {
	width: 100%;
	vertical-align: middle;
}

.show {
	display: block;
}
.hide {
	display: none;
}
section {
	display: block;
}
.postion {
	position: relative
}
.over {
	overflow: hidden;
}

.flex {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-1 {
	flex: 1;
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-moz-box-pack: space-between;
	-webkit--moz-box-pack: space-between;
}
.flex-start {
	justify-content: flex-start;
}
.flex-content-center {
	justify-content: center;
}
.flex-direction {
	flex-direction: column;
}
.flex-direction-row {
	flex-direction: row;
}
.align-items {
	align-items: center;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}



.oh { overflow:hidden; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.ml30 { margin-left:30px }
.mt50 { margin-top:50px }
.mb30 { margin-bottom:30px }
.mb50 { margin-bottom:50px }
.pd8 { padding:8px }
.pd10 { padding:10px }
.pd20 { padding:20px }
.pd30 { padding:30px }
.pd50 { padding:50px }
.pdtb8 { padding:8px 0 }
.pdtb10 { padding:10px 0 }
.pdtb20 { padding:20px 0 }
.pdtb30 { padding:30px 0 }
.pdtb50 { padding:50px 0 }
.pdtb80 { padding:80px 0 }
.pdtb100 { padding:100px 0 }
.pdt30 { padding-top:30px }
.pdb30 { padding-bottom:30px }
.pdb50 { padding-bottom:50px }
.pdb80 { padding-bottom:80px }
.pdb100 { padding-bottom:100px }
.pdl10 { padding-left:10px }
.pdr10 { padding-right:10px }


/*fontsize*/
.fs30 { font-size:3em; }
.fs28 { font-size:2.8em; }
.fs26 { font-size:2.6em; }
.fs24 { font-size:2.4em; }
.fs20 { font-size:2em; }
.fs18 { font-size:1.8em; }
.fs16 { font-size:1.6em; }
.fs14 { font-size:1.4em; }
.fs12 { font-size:1.2em; }
.fs8 { font-size:0.8em; }
/*
.fs30 { font-size:1.875em; }
.fs28 { font-size:1.75em; }
.fs26 { font-size:1.625em; }
.fs24 { font-size:1.5em; }
.fs20 { font-size:1.25em; }
.fs18 { font-size:1.125em; }
.fs16 { font-size:1em; }
.fs14 { font-size:0.875em; }
*/

/*line-height*/
.lh50 { line-height:5em; }
.lh30 { line-height:3em; }
.lh28 { line-height:2.8em; }
.lh26 { line-height:2.6em; }
.lh24 { line-height:2.4em; }
.lh20 { line-height:2em; }
.lh18 { line-height:1.8em; }
.lh16 { line-height:1.6em; }
.lh14 { line-height:1.4em; }
/*.lh50 { line-height:5em; }
.lh30 { line-height:3em; }
.lh28 { line-height:2.8em; }
.lh26 { line-height:2.6em; }
.lh24 { line-height:2.4em; }
.lh20 { line-height:2em; }
.lh18 { line-height:1.8em; }
.lh16 { line-height:1.6em; }
.lh14 { line-height:1.4em; }*/

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
/*font color*/
.cred { color:red }
.cfff { color:#fff }

img.lazy {
	opacity: 0;
	transition: opacity .3s ease-in;
}


.bg-blue {
	background-color: #eef6fd;
}
.bg-f2 {
	background-color: #f2f2f2;
}
.bg-fa {
	background-color: #fafafa;
}


a { color:#333; text-decoration:none; transition: all .5s; }
a:link { color:#333; }
a:visited { color:#333; }
a:hover { color:#288feb; text-decoration:underline }
a:active { color:#288feb; }


a.btn-more-blue {
	display: inline-block;
	padding: 0.6rem 2rem;
	border-radius: 25px;
	background: #288feb;
	color: #fff;
	line-height: 1.2rem;
	transition: all .5s;
}
a.btn-more-blue:hover {
	color: #fff;
	/*border: 1px solid #1e76e4; */
	background: #1c7bd0;
	text-decoration: none;
}

.hvr-shutter-out-horizontal {
	overflow: hidden;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	/* position: relative; */
	/* background: #e1e1e1; */
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	transition: all .5s;
}
.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal::before {
	background: #1c7bd0 none repeat scroll 0 0;
}

/* 视频下载取消 */
video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}


/* 图片鼠标放上去自动放大 */
img.autoscale {
	transition: all .5s;
}
img:hover.autoscale {
	transform: scale(1.2);
}

/*********************************************************************************/
/* 本站通用                                                                      */
/*********************************************************************************/
body {
	margin:0; padding:0;
	height:100%;
	overflow-x: hidden;
	background: #fff;
	background-size: 100% 100%;
	font:100% "Microsoft Yahei","宋体", sans-serif;
	/*font-style font-variant font-weight font-size/line-height font-family
	62.5%默认是18px*/
	line-height: 1.5715;
	color: #000;
}



.container { width:1200px; margin:0 auto; }

/* header */
.header {
	position: fixed;
	top: 0px;
	z-index: 8000;
	width: 100%;
	height: 80px;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 5px 5px rgb(150 150 150 / 15%);
}
.header .logo {
	width: 200px;
	padding: 10px 0px;
}
.header .logo img {
	width: 200px;
}

/* header main menu */
.header_menu {
	flex: 1;
	display: flex;
	justify-content: center;
}
.header-wrap {
	width: 90%;
	margin: 0 auto;
	display: flex;
}
.nav {
	display: flex;
}
.nav .menu {
	/* 这里可以在跟导航上下啦 */
	position: relative;
	margin-top: 15px;
	min-width: 120px;
	font-size: 16px;
	line-height: 44px;
	cursor: pointer;
	line-height: 60px;
}
.nav .menu > a {
	display: block;
	text-align: center;
}
.menu_act .first,
.nav .menu:hover>.first {
	color: #104F9A;
	font-weight: bold;
}
.nav .menu:hover > .second_menu {
	display: block;
}
.nav .menu .second_menu {
	position: absolute;
	/* top: 70px; */
	width: 200px;
	left: -35px;
	right: 0;
	display: none;
	z-index: 99;
	/*background: #ffffff; */
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 5px 5px rgb(150 150 150 / 15%);
	border-radius: 0 0 8px 8px;
}

.nav .menu .second {
	margin: 0 10%;
	background: #FFFFFF;
	font-size: 15px;
	text-align: center;
	border-bottom: 1px solid #ededed;
}
.nav .menu .second:last-child {
	border-bottom: none;
}

.nav .menu .second a {
	display: block;
}

.nav .menu .second:hover,
.nav .menu .second:hover a {
	color: #104F9A;
}

.header-tel {
	padding-top: 15px;
	font-size: 1rem;
}
.header-tel p {
	margin: 0;
	font-size: 1.2rem;
}
.header-mobile-button {

}
.navbar-toggle {
	position: fixed;
	/*position: relative;
	float: right;*/
	display: none;
	right: 5%;
	z-index: 1;
	padding: 9px 10px;
	margin-top: 20px;
	/*margin-left: 15px;
	margin-bottom: 0px;*/
	background-color: transparent;
	background-image: none;
	border: 1px solid #288feb;
	/* border: 1px solid transparent; */
	border-radius: 4px;

	transition: all .5s ease-in-out;
}
.navbar-toggle:focus {
	outline: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-toggle .icon-bar {
	background-color: #288feb;
	transition: all .5s ease-in-out;
}
.navbar-toggle:focus, .navbar-toggle:hover {
	background-color: #288feb;
}
.navbar-toggle:hover .icon-bar {
	background-color: #ffffff;
}

/* 手机端菜单 */
.app_menu {
	display: none;
	background: #f2f2f2;
	position: fixed;
	top: 80px;
	left: 0;
	height: 100%;
	width: 90%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 5000;
}
.app_menu ul {
	/* background: #0e5fa4; */
	padding: 0 15px 15px 15px;
}
.app_menu ul li {
	width: 100%;
	border-bottom: 1px dashed #919191;
}
.app_menu ul li > a {
	width: 60%;
	display: block;
	color: #333333;
	line-height: 3rem;
}
.app_menu ul a:hover {
	color: #fff;
}
.app_menu ul li > a span {
	font-size: 14px;
	width: 100%;
	height: 42px;
	line-height: 42px;
	color: #fff;
	display: block;
	padding-left: 1rem;
}
.app_menu ul li.on {
	background: url("../images/bottom.png") no-repeat 95% 15px;
	background-size: 16px;
}
/*.app_menu ul .v_list {
    width: 100%;
    display: none;
}
.app_menu ul .v_list a {
    display: block;
    font-size: 14px;
    width: 100%;
    line-height: 36px;
    color: #ddd;
    display: block;
    padding-left: 2rem;
    float: none;
}*/
.app_menu ul li:last-child {
	border: none;
}
.app_menu ul li.on.active .v_list {
	display: block;
}
.app_menu li.language {
	padding: 2rem 1rem;
}
.app_menu li.language a {
	display: inline-block;
	width: auto;
	margin: 0 0.3rem;
	padding: 0.5rem 0.6rem;
	color: #fff;
	line-height: 1.5rem;
	border: 1px solid #fff;
	border-radius: 50%;
}
.app_menu li.language a.curr {
	background: #fff;
	color: #da251d
}
.app_menu_shadow {
	display:none;
	/*position: absolute; */
	position: fixed;
	z-index:90;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
	filter:Alpha(opacity=60);/* 只支持IE6、7、8、9 */
	*position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
	*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}


.wapper {
	display: none;
	position: fixed;
	z-index: 90;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
	filter: Alpha(opacity=60);/* 只支持IE6、7、8、9 */
	*position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
	*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}


.pager {
}
.pager .pagination {
	margin: 0;
}
.pager li {
	margin: 0 0.4em;
	display: inline-block;
	cursor: pointer;
}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {
	/* padding: 0.5em 1.2em; */
}
.pager li > a {
	text-decoration: none;
}
.pager li > a,
.pager li > span {
	background: none;
	border: 1px solid #e6e6e6;
	border-radius: 0.6em;
	padding: 0.5em 0.93em;
	font-size: 1rem;
}
.pager li > a:hover,
.pager li > span:hover {
	background-color: #0090ff;
	color: #fff;
}
.pager li.active > a,
.pager li.active > span {
	background-color: #0090ff;
	color: #fff;
}
.pager li.disabled > a,
.pager li.disabled > span {
	background-color: white;
	color: #333;
}


.location {
	background-color: #f9f9f9;
	padding: 8px 0;
}
.breadcrumb {
	font-size: 0.9rem;
	margin: 0;
	padding: 8px 0px;
	list-style: none;
	border-radius: 3px;
}
.breadcrumb > li {
	display: inline-block;
}
.breadcrumb > li + li:before {
	content: "/\00a0";
	padding: 0 5px;
	color: #ccc;
}

/* 尾部 - 询盘 */
.footer-inquiry {
	padding: 50px 0;
}
.footer-inquiry .item {
	padding: 8px;
	margin: 0;
	width: calc(100% - 16px);;
}
.footer-inquiry .form {
	text-align: center;
}

.footer-inquiry .form-control {
	/*width: 96%;
	padding: 10px;
	border: 1px solid #999999;
	border-radius: 4px;
	line-height: 2; */

	display: block;
	width: calc(100% - 24px);
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.footer-inquiry textarea.form-control {
	min-height: 80px;
}
.btn-inquiry {
	background-color: transparent;
	border: 1px solid #1c4e91;
	color: #1c4e91;
	padding: 12px 45px;
	transition: .5s;
}
.btn-inquiry:hover {
	background-color: #1c4e91;
	border: 1px solid #1c4e91;
	color: #fff;
}
.footer-inquiry .title-box {
	/* padding-top: 30px;
	border-top: 1px solid #ededed; */
}







/* 轮播图 */
.banner {
	position: relative;
	margin-top: 80px;
}


/* 每个快的标题 */
.title-hd {
	text-align: center;
}
.title-hd h2 {
	position: relative;
	margin-bottom: 0;
	font-size: 2.6rem;
	font-weight: normal;
	color: #444444;
	line-height: 1.2;
}
.title-hd h2:before {
	position: absolute;
	left: 48%;
	bottom: -0.5rem;
	content: ' ';
	width: 50px;
	height: 2px;
	background: #323232;
	border-radius: 8px;
}
.title-hd p {
	margin-bottom: 1.5rem;
	font-size: 18px;
	color: #777777;
	line-height: 2rem;
}

.title-hd.white h2 {
	color: #ffffff;
}
.title-hd.white h2:before {
	background: #f2f2f2;
}
.title-hd.white p {
	color: #ffffff;
}

.title-hd.left {
	text-align: left;
}
.title-hd.left h2:before {
	left: 0%;
}


/* 售后保障 */
.service-icon {
	margin-top: 30px;
}
.service-icon li {
	width: 20%;
	text-align: center;
}
.service-icon li img {
	width: 80px;
	height: 80px;
}
.service-icon li p {
	color: #000;
	height: 3rem;
	line-height: 3;
}

/* footer */
.footer {
	background-color: #333333;
	color: #999999;
	/*
	width: 100%;
	display: flex;
	justify-content: center;*/
	padding: 30px 0 0px;
}

.footer .footer-menu-wrap {
	display: flex;
	padding-bottom: 20px;
}

.footer .right-wrapper {
	margin-left: 100px;
	width: 40%;
}
.footer .right-wrapper .connect {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer .right-wrapper .connect .connect-type .title {
	color: #ffffff;
	font-size: 18px;
	padding: 30px 0 20px;
}
.footer .right-wrapper .connect .connect-type span.line {
	display: block;
	width: 15px;
	height: 1px;
	background-color: #ffffff;
	padding: 0;
	margin-bottom: 20px;
}
.footer .right-wrapper .connect .connect-type .phone {
	color: #999999;
	font-size: 14px;
}
.footer .right-wrapper .connect .connect-type .phone i.tell-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/dh@2x.png") no-repeat center;
	background-size: 100% 100%;
	margin: auto 8px;
}
.footer .right-wrapper .connect .connect-type .tell-num {
	color: #288feb;
	font-size: 24px;
	margin-top: 15px;
}
.footer .right-wrapper .connect .code {
	padding-top: 30px;
}
.footer .right-wrapper .connect .code .code-img {
	display: block;
	width: 106px;
	height: 106px;
	background: url("../images/ewm.jpg") no-repeat center;
	background-size: 100% 100%;
	margin-bottom: 10px;
}
.footer .right-wrapper .connect .code.joinus .code-img {
	background-image: url("../images/ewm-joinus.jpg");
}
.footer .right-wrapper .connect .code p {
	color: #999999;
	font-size: 12px;
}
.footer .right-wrapper ul.address-wrapper li {
	color: #999999;
	font-size: 12px;
}
.footer .right-wrapper ul.address-wrapper li.address-header {
	padding: 15px 0;
	font-size: 14px;
}
.footer .right-wrapper ul.address-wrapper li.address-header i.address-icon {
	display: inline-block;
	width: 14px;
	height: 17px;
	background: url("../images/dz@2x.png") no-repeat center;
	background-size: 100% 100%;
	margin: auto 8px;
}
.footer .right-wrapper ul.address-wrapper li.address-item {
	padding: 5px 0;
}

.footer .right-wrapper .evaluation {
	width: 8rem; /* 145px */
	height: 2.2rem; /* 35px; */
	background-color: #288feb;
	margin: 20px 0;
	border-radius: 5px;
	border: none;
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 2.2rem;

	display: inline-block;
	vertical-align: middle;
}
.footer .right-wrapper .evaluation:hover {
	background-color: #1c7bd0;
}


/* 底部导航 */
.footer .footer-menu li {
	padding: 10px 0;
	font-size: 14px;
}
.footer .footer-menu li.title {
	color: #ffffff;
	font-size: 18px;
	padding: 30px 0 20px;
}
.footer .footer-menu li.line {
	width: 15px;
	height: 1px;
	background-color: #ffffff;
	padding: 0;
	margin-bottom: 20px;
}
.footer .footer-menu li a {
	color: #999999
}

/* footer 友情链接 */
.footer .footer-links-list {
	width: 100%;
	padding: 10px 0;
	background-color: #222222;
}
.footer .footer-links-list .container {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.8rem;
}
.footer .footer-links-list .links-title {
	width: 100px;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.footer .footer-links-list ul.links-list {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.footer .footer-links-list ul.links-list li.link {
	padding: 6px 0;
	margin: auto 20px;
}
.footer .footer-links-list ul.links-list li.link a {
	color: #999999
}
/* footer 友情链接 end */

/* footer copyright */
.footer .copyright {
	color: #999999;
	font-size: 0.8rem;
	text-align: center;
	padding: 15px 0;
	line-height: 1.5;
}
.footer .copyright a {
	color: #999999;
}
/* footer copyright end */


/* 大轮播图 */
.page-banner {
	position: relative;
	margin-top: 80px;
}
.page-banner .con {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.page-banner .con h2 {
	font-size: 48px;
	font-weight: normal;
	margin-bottom: 55px;
	color: #FFFFFF;
}
.page-banner .con .bd {
	text-align: center;
}
.page-banner .con .bd p {
	color: #FFFFFF;
	font-size: 26px;
	display: inline-block;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,0.7);
	border-bottom: 1px solid rgba(255,255,255,0.7);
	letter-spacing: 3px;
	opacity: 0.9;
}


.page-channel-list {
	background: #F5F7F9
}
.page-channel-list .menu-item-box {
	display: flex;
	padding: 20px 0 30px 0;
}
.page-channel-list .menu-item-box a {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0px 30px;
	margin-right: 20px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 22px;
	color: #333333;
	font-size: 1rem;
	text-decoration: none;
	transition: all .5s;
}
.page-channel-list .menu-item-box a::after {
	content: ' ';
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 0;
	left: 0;
	top: 0;
	opacity: 0;
	background: #1e76e4;
	transition: all .36s ease;
}
.page-channel-list .menu-item-box a:hover::after,  .page-channel-list .menu-item-box a.active::after {
	opacity: 1;
	width: 100%;
}
.page-channel-list .menu-item-box a:hover,  .page-channel-list .menu-item-box .menu.active a {
	border: 1px solid #1e76e4;
	background: #1e76e4;
	color: #ffffff;
}





@media (min-width: 1600px){
	.container {
		width: 90%;
	}

}

@media (min-width: 1400px){
	.container {
		width: 90%;
	}

}


@media (max-width: 768px){
	.container {
		width: 95%;
	}

	.header-wrap {
		width: 95%;
	}
	.header .header_menu {
		display: none;
	}
	.header .header-tel {
		display: none;
	}

	.navbar-toggle {
		display: block;
	}

	.title-hd p {
		line-height: 1.6rem;
	}


	.service-icon li img {
		width: 40px;
		height: 40px;
	}
	.service-icon li p {
		font-size: 0.9rem;
		height: 3rem;
		line-height: 1.5;
	}

	.footer .left-wrapper {
		display: none;
	}
	.footer .right-wrapper .code.website {
		display: none;
	}
	.footer .footer-menu-wrap {
		display: initial;
	}
	.footer .footer-menu li.title { padding: 0; }
	.footer .footer-menu li.line { display: none }
	.footer .footer-menu li.footer-item { display: none }
	.footer .footer-links-list {
		display: none;
	}
	.footer .footer-links-list .container {
		display: initial;
		justify-content: initial;
		align-items: initial;
	}
	.footer .footer-links-list .links-title {
		width: auto;
		margin-left: 20px;
	}

	.footer .right-wrapper {
		margin-left: 0;
		width: auto;
	}
}


@media (max-width: 468px){
	.container {
		width: 95%;
	}

	.header .logo img {
		width: 160px;
	}

}