@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
ul, li {
	list-style-type: none;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	color: #1974A1;
	text-decoration: none!important;
}
p {
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.clear {
	width: 100%;
	clear: both;
}
/*====================导航*********/
.containernav {
	width: 100%;
	max-width: 100%;
	padding: 0px;
	height: 95px;
}
.header {
	width: 100%;
	position:fixed;
	z-index: 999;
	height: 95px;
	padding: 0px;
	background:#b02839;
	box-shadow: rgba(43, 50, 54, 0.2) 0px 13px 35px -12px;
}
/*左侧logo*/
.header .left {
	width:15%;
	padding-left: 2%;
	float: left;
}
.header .left a img {
	    height: 84px;
    margin-top: 5px;
}
.header .left .img2 {
	display: none;
}
/*右侧*/
.header .nav {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 105px;
	display: block;
	width: 82%;
	float: right;
	position: absolute;
	left: 20%;
	top: 0px;
}
.header .navbar_nav li {
	/*! float: left; */
	position: relative;
	display: block;
}
.header .navbar_nav li:after {
	content: "";
	width: 0;
	height: 95px;
	background: #e13d46;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease 0s;
	z-index: -1;
}
.header .navbar_nav li:hover:after {
	width: 100%;
}
.header .navbar_nav li a {
	text-decoration: none;
	height: 100%;
	padding: 0px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	height:95px;
	font-size: 16px;
}
.header .navbar_nav li:hover a {
	color: #fff;
}
.header .navbar_nav li.dropdown {
	display: inline-block;
	position: relative;
	width: 14%;
}
/*.header .navbar_nav li:nth-child(2){ width: 24%; }*/
/*.header .navbar_nav li:nth-child(3){ width: 20%; }*/
.header .navbar_nav li.dropdown .jt {
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu {
	display: none;
	position: absolute;
	top: 95px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
	left: 0%;
}
.header .navbar_nav li.dropdown .dropdown_menu a {
	font-size: 14px;
	color: #fff;
	padding:0px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 0px;
	height:40px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu {
	display: block;
	background: #e13d46;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
	color: #fff;
	background: #e13d46;
}
/*白色背景的头部*/
.header.on {
	background: #b02839;
	box-shadow: rgba(43, 50, 54, 0.2) 0px 13px 35px -12px;
}
.header.on .left .img1 {
	display: none;
}
.header.on .left .img2 {
	display: block;
}
.header.on .navbar_nav li a {
	color: #fff;
}
.header.on .navbar_nav li:hover a {
	color:#fff;
}
#navToggle {
	display: none;
}
.m_nav {
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%);
}
.m_nav.open {
	transform: translateX(0);
}
.m_nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer;
}
.m_nav .logo {
	width: 100%;
	margin: 0 auto;
}
.m_nav .logo img {
	height: 80px;
	display: block;
	margin: 30px auto;
}
.m_nav .ul {
	margin-top: 30px;
}
.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0;
}
.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 30px;
	height: 80px;
	line-height: 80px;
	width: 100%;
	text-align: center;
}
.m_nav .ul li .dropdown_menu {
	display: none;
}
ul.navbar_nav{ width:65%; padding-left:5%; float:left; text-align: center;}
.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block;
}
.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child {
	border: none;
}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}
 @media screen and (max-width: 1200px) {
.header {
	padding: 0px;
}
.header #navToggle {
	height: 100%;
	padding: 30px 15px;
	margin-right: 15px;
	display: inline-block;
	float: right;
}
.header #navToggle span {
	position: relative;
	width: 45px;
	height: 5px;
	margin-top: 19px;
}
.header #navToggle span:before,  .header #navToggle span:after {
	content: '';
	position: relative;
	width: 100%;
	height: 5px;
	left: 0;
}
.header #navToggle span,  .header #navToggle span:before,  .header #navToggle span:after {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: block;
	background: #fff;
}
.header #navToggle span:before {
	top: 10px;
}
.header #navToggle span:after {
	bottom: 15px;
}
.header #navToggle.open span:before {
	top: 10px;
	-webkit-transform: translateY(-11px) rotate(-45deg);
	-moz-transform: translateY(-11px) rotate(-45deg);
	-ms-transform: translateY(-11px) rotate(-45deg);
	-o-transform: translateY(-11px) rotate(-45deg);
	transform: translateY(-11px) rotate(-45deg);
}
.header #navToggle.open span:after {
	bottom: 12px;
	-webkit-transform: translateY(10px) rotate(45deg);
	-moz-transform: translateY(10px) rotate(45deg);
	-ms-transform: translateY(10px) rotate(45deg);
	-o-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
}
.header #navToggle.open span {
	background: none;
}
.header #navToggle.open span:before,  .header #navToggle.open span:after {
	background: #4f4f4f;
}
.header .nav {
	display: none;
}
.banner img {
	object-fit: cover;
}
}
.nav_tel {
	width:auto;
	float: right;
	height: 50px;
	top: 0px;
	position: absolute;
	right: 5%;
}
.nav_tel_l {
	width: 35%;
	float: left;
	height: 50px;
	text-align: center;
}
.nav_tel_l a {
	background: url(../images/gwc.png) 20px center no-repeat #197465;
	text-indent: 55px;
	padding: 8px 25px 8px 50px;
	border-radius: 15px;
	color: #fff;
}
.nav_tel_l a:hover {
	color: #fff;
	background: url(../images/gwc.png) 20px center no-repeat #1c8a78;
}
.nav_tel_r {
	width: 100%;
	float: right;
	background: url(../images/tel.png) 20px center no-repeat;
	line-height: 25px;
	padding-left:80px;
	margin-top: 22px;
	color:#fff;
}
.nav_tel_r p {
	line-height: 25px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
/* banner */
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-bottom: 0px; padding-top:95px; position: relative; float: left; width: 100%; }
.slide_container .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide_container .slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_container .slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url(../images/themes.gif) no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
/*标题*/
.index_tite {
	width: 100%;
	text-align: center;
	height: 120px;
}
.index_tite h1 {
	width: 100%;
	font-weight: 500;
	font-size: 36px;
	color: #000;
	position: relative;
	bottom: 60px;
}
.index_tite p {
	width: 100%;
	font-size: 60px;
	color: rgba(176,40,57,0.1);
	text-transform: uppercase;
	font-weight: bold;
}
.about {
	width: 100%;
	height: auto;
	padding: 90px 0px;
	background: url(../images/indexaboutbg.jpg) center no-repeat;
}
.aboutw {
	width: 100%;
	max-width: 1400px;
	max-height: 399px;
	overflow: hidden;
	margin: 0px auto;
	background: #fff;
}
.aboutwleft {
	width: 45%;
	float: left;
}
.aboutwleft img {
	width: 100%;
}
.aboutwright {
	width: 55%;
	float: right;
	padding: 20px 30px;
}
.aboutwright h3 {
	font-size: 28px;
	color: #000;
	font-weight: 500;
}
.aboutwright h4 {
	font-size: 26px;
	color: #f36612;
	font-weight: normal;
	padding: 5px 0px;
}
.abouttext {
	width: 100%;
	font-size: 16px;
	line-height: 30px;
}
.abouttext a {
	padding: 10px 30px;
	background: #b02839;
	color: #fff;
	position: relative;
	top: 20px;
	border-radius: 5px;
}
.abouttext a:hover {
	background: #e13d46;
	color: #fff;
}

.case {
	width: 100%;
	background: #fff;
	height: auto;
	padding: 60px 0px;
}
.casew {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.casew ul {
	width: 102%;
}
.casew ul li {
	width: calc((100% - 90px)/3);
	float: left;
	text-align: center;
	margin-right: 30px;
	margin-bottom:30px;
}
}
.caseimg {
	width: 100%;
}
.caseimg img {
	width: 100%;
	max-height:290px;
}
.casew ul li p {
	width: 100%;
	font-size: 20px;
	line-height: 70px;
	background: #b02839;
	color: #fff;
}
.casew ul li:hover p {
	width: 100%;
	font-size: 20px;
	line-height: 70px;
	background: #e13d46;
	color: #fff;
}
.casew ul li p a {
	color: #fff;
}
.fwlc {
	width: 100%;
	background: #fafafa;
	height: auto;
	padding: 60px 0px;
}
.fwlcw {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.fwlcw ul li {
	width: calc((100% - 0px)/6);
	float: left;
	text-align: center;
}
.fwlcw ul li span {
	display: inline-block;
	border: 1px solid #ddd;
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
.fwlcw ul li p {
	width: 100%;
	line-height: 45px;
	font-size: 14px;
}
.fwlcw ul li:nth-child(1) span {
	background: url(../images/xqgt.png) center no-repeat;
}
.fwlcw ul li:nth-child(1):hover span {
	background: url(../images/xqgth.png) #b02839 center no-repeat;
}
.fwlcw ul li:nth-child(2) span {
	background: url(../images/clsj.png) center no-repeat;
}
.fwlcw ul li:nth-child(2):hover span {
	background: url(../images/clsjh.png) #b02839 center no-repeat;
}
.fwlcw ul li:nth-child(3) span {
	background: url(../images/qdht.png) center no-repeat;
}
.fwlcw ul li:nth-child(3):hover span {
	background: url(../images/qdhth.png) #b02839 center no-repeat;
}
.fwlcw ul li:nth-child(4) span {
	background: url(../images/adh.png) center no-repeat;
}
.fwlcw ul li:nth-child(4):hover span {
	background: url(../images/da.png) #b02839 center no-repeat;
}
.fwlcw ul li:nth-child(5) span {
	background: url(../images/wl.png) center no-repeat;
}
.fwlcw ul li:nth-child(5):hover span {
	background: url(../images/wlh.png) #b02839 center no-repeat;
}
.fwlcw ul li:nth-child(6) span {
	background: url(../images/az.png) center no-repeat;
}
.fwlcw ul li:nth-child(6):hover span {
	background: url(../images/azh.png) #b02839 center no-repeat;
}
.advantage {
	width: 100%;
	height: auto;
	padding: 0px 0px;
	background: #b02839;
	margin-top: 95px;
}
.advantagew {
	width: 100%;
	max-width: 1400px;
	margin: 0px auto;
}
.servicesBox {
	width: 100%;
	min-height: 180px;
	margin: 0 auto;
	clear: both;
	line-height: 18px;
	color: #999999;
	font-size: 12px;
}
.servicesBox .serBox {
	cursor: pointer;
	border: 0px solid #fff;
	display: inline;
	width: 33.33%;
	min-height: 180px;
	float: left;
	margin-right: 0px;
	overflow: hidden;
	background: none;
	position: relative;
}
.servicesBox .serBoxOn {
	display: none;
	width: 100%;
	min-height: 180px;
	background: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 19;
}
.servicesBox .serBox .pic1 {
	width: 100%;
	height: 70px;
	text-align: center;
	position: absolute;
	top: 32px;
	right: 0px;
	z-index: 99;
}
.servicesBox .serBox .pic2 {
	width: 100%;
	height: 70px;
	text-align: center;
	position: absolute;
	top: 32px;
	left: -100%;
	z-index: 99;
}
.servicesBox .serBox .txt1 {
	width: 100%;
	height: 50px;
	color: #fff;
	position: absolute;
	top: 115px;
	left: 0px;
	z-index: 99;
}
.servicesBox .serBox .txt2 {
	width: 100%;
	height: 50px;
	color: #000;
	position: absolute;
	top: 115px;
	right: 100%;
	z-index: 99;
}
.servicesBox .serBox span.tit {
	font-size: 16px;
	display: block;
	text-align: center;
}
.servicesBox .serBox .txt1 .tit {
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}
.servicesBox .serBox .txt2 .tit {
	color: #000;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}
.servicesBox .serBox p {
	padding: 0px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}
.servicesBox .serBox .txt2 p {
	padding: 0px;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.flex-item_tite {
	width: 100%;
	background: #fff;
	padding: 10px 0px;
}
.flex-item_tite a {
	font-size: 18px;
	display: block;
	text-align: left;
	width: 92%;
	padding: 0px 4% 5px;
	color: #000;
}
.flex-item_tite p {
	width: 92%;
	padding: 0% 4%;
	text-align: left;
	font-size: 14px;
	color: #666;
}
.flex-item:hover .flex-item_tite {
	background: #c60018;
}
.flex-item:hover a {
	color: #fff;
}
.flex-item:hover p {
	color: #fff;
}
.productsimg {
	display: block;
	width: 100%;
	overflow: hidden;
	max-height: 395px;
}
.flex-item img {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.flex-item a:hover img {
	transform: scale(1.2, 1.2)
}
.news {
	width: 100%;
	height: auto;
	padding: 50px 0px;
	-webkit-animation: fadeInUpBig 4s .2s ease both;
	-moz-animation: fadeInUpBig 4s .2s ease both;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
.ywly {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0px;
	background: #ffecee;
}
.ywly_w {
	width: 100%;
	max-width: 1400px;
	margin: 20px auto 0px;
}
.indThr {
	width: 100%;
	height: 100%;
	margin: 0;
}
.kcList {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.picList {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.picList li {
	width: 32.66%;
	max-height: 450px;
	overflow: hidden;
	float: left;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 1%;
}
.picList li span {
	padding-top: 30%;
	display: block;
	width: 100%;
}
.picList li:nth-child(3n) {
	margin-right: 0;
}
.meng {
	width: 100%;
	height: 100%;
	display: block;
}
.da-thumbs li a, .da-thumbs li a img {
	display: block;
	position: relative
}
.da-thumbs li a {
	overflow: hidden
}
.da-thumbs li a div {
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: center;
	line-height: 100%;
	font-size: 30px;
	color: #fff;
}
.da-thumbs li a div.da-animate {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.da-slideFromTop {
	left: 0;
	top: -100%
}
.da-slideFromBottom {
	left: 0;
	top: 100%
}
.da-slideFromLeft {
	top: 0;
	left: -100%
}
.da-slideFromRight {
	top: 0;
	left: 100%
}
.da-slideTop {
	top: 0
}
.da-slideLeft {
	left: 0
}
.picImg {
	width: 100%;
	height: 100%;
}
.news {
	width: 100%;
	padding: 50px 0px;
}
.news_width {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.news_n {
	width: 100%;
	margin-top: 20px;
}
.news_n ul {
	width: 102%;
}
.news_n ul li {
	width: calc((100% - 90px)/3);
	float: left;
	margin-right: 30px;
}
.news_img {
	width: 100%;
	max-height: 300px;
	overflow: hidden;
}
.news_n ul li img {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news_n ul li:hover img {
	transform: scale(1.2, 1.2)
}
.news_tite {
	width: 100%;
}
.news_n ul li a.more {
	width: 100%;
	display: block;
	text-align: left;
	font-size: 14px;
	color: #b02839;
	background: url(../images/more.png) right center no-repeat;
}
.news_tite a {
	width: 70%;
	text-align: left;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	float: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.news_tite span {
	display: block;
	width: 30%;
	float: right;
	background: none;
	float: right;
	text-align: right;
	font-size: 16px;
	color: #b02839;
	line-height: 50px;
}
.news_n ul li p {
	width: 100%;
	font-size: 16px;
	line-height: 25px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: left;
}
.toolbar-item, .toolbar-layer {
	background: url(../images/toolbar.png) no-repeat;
}
.toolbar {
	position: fixed;
	right: 0px;
	bottom: 70px;
	z-index: 999;
}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: 1px;
	position: relative;
	-moz-transition: background-position 1s;
	-ms-transition: background-position 1s;
	-o-moz-transition: background-position 1s;
	-webkit-moz-transition: background-position 1s;
	transition: background-position 1s;
}
.toolbar-item:hover .toolbar-layer {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.toolbar-item-weixin {
	background-position: 0 -798px;
}
.toolbar-item-weixin:hover {
	background-position: 0 -860px;
}
.toolbar-item-weixin .toolbar-layer {
	height: 212px;
	background-position: 0 0;
}
.toolbar-item-feedback {
	background-position: 0 -426px;
}
.toolbar-item-feedback:hover {
	background-position: 0 -488px;
}
.toolbar-item-app {
	background-position: 0 -550px;
}
.toolbar-item-app:hover {
	background-position: 0 -612px;
}
.toolbar-item-app .toolbar-layer {
	height: 194px;
	background-position: 0 -222px;
}
.toolbar-item-top {
	background-position: 0 -674px;
}
.toolbar-item-top:hover {
	background-position: 0 -736px;
}
.toolbar-layer {
	position: absolute;
	right: 46px;
	bottom: -10px;
	width: 172px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	-moz-transform-origin: 95% 95%;
	-ms-transform-origin: 95% 95%;
	-o-transform-origin: 95% 95%;
	-webkit-transform-origin: 95% 95%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	-ms-transform: scale(0.01);
	-o-transform: scale(0.01);
	-webkit-transform: scale(0.01);
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.bottom {
	width: 100%;
	background: #b02839;
}
.bottom_top {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0px;
}
.bottom_top_left {
	width: 60%;
	float: left;
	border-right: 1px solid #b02839;
}
.bottom_top_left ul {
	width: 100%;
}
.bottom_top_left h1 {
	width: 20%;
	font-size: 16px;
	float: left;
	color: #fff;
	font-weight: 500;
}
.bottom_top_left h1 span {
	display: block;
	background: #e13d46;
	width: 20px;
	height: 5px;
	margin: 10px 0px 15px;
}
.bottom_top_left a {
	color: #fff;
}
.bottom_top_left ul li a {
	font-size: 12px;
	color: rgba(255,255,255,1);
	line-height: 25px;
}
.bottom_top_left ul li a:hover {
	color: #e13d46;
	text-decoration: underline;
}
.bottom_b {
	width: 100%;
	background: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	padding: 20px 0px;
	
}
.bottom_b a {
	color: #000;
	padding: 0px 3px;
	display: inline-block;
	width: auto;
	line-height: 30px;

}
.bottom_b a:hover {
	color: #e13d46;
}
.bottom_top_right {
	width: 35%;
	float: right;
	padding-top: 0px;
}
.bottom_top_right_l {
	width: 33%;
	float: left;
	text-align: center;
}
.bottom_top_right_r {
	width: 60%;
	float: right;
	text-align: left;
	color: #fff;
}
.bottom_top_right_r h1 {
	width: 100%;
	text-align: left;
	color: #fff;
	padding: 0px 0px 10px;
	margin: 0px;
	font-size: 26px;
	font-weight: bold;
}
.bottom_top_right_r p {
	line-height: 25px!important;
	font-size: 16px!important;
}
.bottom_top_right_r span {
	color: #fff!important;
	font-size: 16px!important;
}
.bottom_top_right img {
	width: 100%;
 padding-right:0px;
}
.bottom_top_left div h1:nth-child(1),.bottom_top_left div h1:nth-child(7){
	display: none;
}
.flex-item_tite{ width:100%; background:#b02839; padding:10px 0px; }
 .flex-item_tite a{ font-size:18px; display:block; text-align:center; width:92%; padding:0px 4% 5px; color:#fff; }
 .flex-item_tite p{ width:92%; padding:0% 4%; text-align:left; display:none; font-size:14px; color:#666; }
 .flex-item:hover .flex-item_tite { background:#e13d46; }
 .flex-item:hover a{ color:#fff; }
 .flex-item:hover p{ color:#fff; }
.products .productsimg{ display:block; width:100%; overflow:hidden; max-height:450px; }
 .flex-item img {
 width: 100%;

 transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.flex-item a:hover img {
 transform: scale(1.2, 1.2) 
}
	/* Carousel */
	.carousel-example {
		padding: 20px 0 50px 0;
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
	
	#complicated-content-carousel .carousel-control {
		position: absolute;
		top: -20px;
		right: 0;
		left: auto;
		bottom: auto;
		width: 14px;
		font-size: 25px;
		color: #3c3c3c !important;
		opacity: 1;
	}
	
	#complicated-content-carousel .carousel-control.left,
	#complicated-content-carousel .carousel-control.right {
		background-image: none;
	}
	
	#complicated-content-carousel .carousel-control.left {
		right: 35px;
	}
	
	#complicated-content-carousel .index {
		position: absolute;
		top: -70px;
		right: 0;
		font-size: 16px;
		color: #3c3c3c;
	}
	
	#complicated-content-carousel .flex-item {
		position: relative;
		display: inline-block;
		width: 320px;
		height: 380px;
		padding: 16px 13px;
		background-color: #f5f6f7;
		border: 6px solid #f5f6f7;
	}
	
	#complicated-content-carousel .flex-item:hover,
	#complicated-content-carousel .flex-item:focus {
		border: 6px solid #d2d4d5;
		border-radius: 3px;
	}
	
	.good-top {
		height: 21px;
	}
	
	.good-top-left {
		font-size: 16px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-right {
		height: 21px;
		text-align: right;
	}
	
	.choose-color div {
		display: inline-block;
		width: 21px;
		height: 21px;
		border-radius: 50%;
		letter-spacing: 5px;
		cursor: pointer;
	}
	
	.choose-color .blue {
		background-color: #165eb9;
	}
	
	.choose-color .yellow {
		background-color: #ffe637;
	}
	
	.choose-color .black {
		background-color: #535253;
	}
	
	.choose-color .grey {
		background-color: #d3a7ac;
	}
	
	.choose-color .dark-blue {
		background-color: #35374c;
	}
	
	.choose-color .dark-blue-women {
		background-color: #192b5e;
	}
	
	.choose-color .light-blue-women {
		background-color: #1682c4;
	}
	
	.good-top-left .fa {
		position: relative;
		top: 2px;
		font-size: 21px;
	}
	
	.good-bottom {
		height: 21px;
	}
	
	.good-bottom * {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.good-bottom-left a h4 {
		font-size: 18px;
		color: #3c3c3c;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-bottom-right {
		position: relative;
		top: -1px;
		font-size: 22px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-left,
	.good-bottom-left {
		float: left;
		text-align: left;
	}
	
	.good-top-right,
	.good-bottom-right {
		float: right;
		text-align: right;
	}
	
	.good-image {
		height: 294px;
		text-align: center;
	}
	
	.good-image:before {
	    content: "";
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}
	
	.good-image img {
		max-height: 240px;
		vertical-align: middle;
	}
	
	.size {
		position: absolute;
		padding: 0;
		cursor: pointer;
		transition: all .35s;
	}
	
	.size.shown {
		padding: 0 5px 5px 5px;
		background-color: #fff;
		border-radius: 2px;
	}
	
	.size.shown .option:hover {
		background-color: #f5f6f7;
	}
	
	.carousel-control {
		width: 40px;
		height: 80px;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
		font-size: 30px;
		text-align: center;
		opacity: 1;
	}
	
	a.carousel-control.left,
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
		text-align: center;
	}

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@media only screen and (max-width: 350px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
		 @media screen and (max-width:1400px) {
 
 .abouttext {
  width: 100%;
font-size: 16px;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
padding-bottom: 100px;

}
.bottom_top {
  width: 94%;
  max-width:94%;
  margin: 0 auto;
  padding: 50px 0px;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left:0px;
  width: 40px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  filter: alpha(opacity=50);
  opacity: .5;
  background: rgba(0,0,0,0.5);
    background-repeat: repeat;
    background-image: none;
  line-height: 80px;
  border-radius: 5px;
}
.carousel-control.right {
  right: 0px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.news_width {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.aboutw {
  width: 100%;
  max-width: 96%;
  max-height: 399px;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.casew {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.ywly_w {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0px;
}
 }
	 @media screen and (max-width:1300px) {
 
 .abouttext {
width: 100%;
font-size: 16px;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
padding-bottom: 100px;
}
.bottom_top {
  width: 94%;
  max-width:94%;
  margin: 0 auto;
  padding: 50px 0px;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left:0px;
  width: 40px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  filter: alpha(opacity=50);
  opacity: .5;
  background: rgba(0,0,0,0.5);
    background-repeat: repeat;
    background-image: none;
  line-height: 80px;
  border-radius: 5px;
}
.carousel-control.right {
  right: 0px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.news_width {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.aboutw {
  width: 100%;
  max-width: 96%;
  max-height: 399px;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.casew {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.ywly_w {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0px;
}
 }
	 @media screen and (max-width:1200px) {
 
 .abouttext {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:4;
overflow: hidden;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left:0px;
  width: 40px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  filter: alpha(opacity=50);
  opacity: .5;
  background: rgba(0,0,0,0.5);
    background-repeat: repeat;
    background-image: none;
  line-height: 80px;
  border-radius: 5px;
}
.carousel-control.right {
  right: 0px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
 .abouttext p {
	 height:120px;
	 overflow:hidden;
}
.bottom_top {
  width: 94%;
  max-width:94%;
  margin: 0 auto;
  padding: 50px 0px;
}
.news_width {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.aboutw {
  width: 100%;
  max-width: 96%;
  max-height: 399px;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.casew {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.ywly_w {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0px;
}
 }
	 @media screen and (max-width:1100px) {
 
 .abouttext {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left:0px;
  width: 40px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  filter: alpha(opacity=50);
  opacity: .5;
  background: rgba(0,0,0,0.5);
    background-repeat: repeat;
    background-image: none;
  line-height: 80px;
  border-radius: 5px;
}
.carousel-control.right {
  right: 0px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.bottom_top {
  width: 94%;
  max-width:94%;
  margin: 0 auto;
  padding: 50px 0px;
}
.news_width {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.aboutw {
  width: 100%;
  max-width: 96%;
  max-height: 399px;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.casew {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.ywly_w {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0px;
}
 }
 @media screen and (max-width:1000px) {
 
 .abouttext {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.abouttext p{ height:60px; }
.bottom_top {
  width: 94%;
  max-width:94%;
  margin: 0 auto;
  padding: 50px 0px;
}
.carousel-control {
  position: absolute;
  bottom: 0;
  left:0px;
  width: 40px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  filter: alpha(opacity=50);
  opacity: .5;
  background: rgba(0,0,0,0.5);
    background-repeat: repeat;
    background-image: none;
  line-height: 80px;
  border-radius: 5px;
}
.carousel-control.right {
  right: 0px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.news_width {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.aboutw {
  width: 100%;
  max-width: 96%;
  max-height: 399px;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.casew {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.ywly_w {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0px;
}
 }

 @media screen and (max-width:768px) {
.aboutwleft {
	width: 100%;
	float: none;
	padding: 3%;
}
.aboutwright {
	width: 100%;
	float: none;
	padding: 0px 4%;
	padding-top: 20px;
}
.news_left {
	width: 100%;
	float: left;
	overflow: hidden;
	max-height: 378px;
}
.bottom_top_left {
	width: 60%;
	float: left;
	border-right: 1px solid #313131;
	display: none;
}
.bottom_top_right {
	width: 92%;
	float: left;
	padding-top: 40px;
	margin-left: 4%;
}
.serviced_n {
	width: 95%;
	margin-top: 20px;
	margin-left: 4%;
}
.carousel-control {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 40px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	filter: alpha(opacity=50);
	opacity: .5;
	background: rgba(0,0,0,0.5);
	line-height: 80px;
	border-radius: 5px;
}
a.carousel-control.right {
	background-image: none;
	opacity: 1;
	text-align: center;
	right: 0px;
}
a.carousel-control.left {
	background-image: none;
	opacity: 1;
	text-align: center;
	left: 0px;
}
.fullSlide .bd li {
	width: 100% !important;
	height: 280px;
	overflow: hidden;
	text-align: center;
	background-size: 100%!important;
}
.fullSlide {
	width: 100%;
	position: relative;
	height: 280px;
	background: #000;
}
.fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.fullSlide .bd ul {
	width: 100% !important;
}
.fullSlide .bd li a {
	display: block;
	height: 300px;
}
.casew {
  width: 96%%;
  max-width:96%;
  margin: 0 auto;
  padding:0px;
  overflow:hidden;
}
.casew ul li {
  width: calc((100% - 32px)/2);
  float: left;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 30px;
}
.index_tite h1 {
    bottom: 130px;
}
.aboutwleft img {
    width: 47%;
}
.fwlcw {
  width: 96%;
  max-width: 96%;
  margin: 0 auto;
}
.fwlcw ul li {
  width: calc((100% - 0px)/3);
  float: left;
  text-align: center;
  margin-bottom:10px;
}
.aboutw {
  width: 100%;
  max-width: 100%;
  max-height:800px !important;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.news_width {
  width: 96%;
  max-width:96%;
  margin: 0 auto;
}
.news_n ul {
  width: 100%;
}
.news_n ul li {
  width: calc((100% - 0px)/1);
  float: left;
  margin-right:0px;
  margin-bottom:30px;
}
.news_tite a {
  width: 70%;
  text-align: left;
  height: 50px;
  line-height: 50px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.abouttext {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  padding-bottom:60px;
}
.abouttext p{ height:auto !important; }
.news_width {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.aboutw {
  width: 100%;
  max-width: 96%;
  max-height: 399px;
  overflow: hidden;
  margin: 0px auto;
  background: #fff;
}
.casew {
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
}
.ywly_w {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0px;
}
.caseimg img {
	width: 100%;
	max-height:100% !important;
}
}