@charset "utf-8";
/* CSS Document */
/************* 内页banner **************/
.inner-banner {
	height: 362px;
	background-position: center center;
	background-repeat: no-repeat;
}
.inner-banner .banner-text {
	padding: 100px 0 0 0;
	color: #fff;
}
.inner-banner .banner-text h4 {
	font-weight: lighter;
	font-size: 44px;
	line-height: 1.8;
	text-shadow: 2px 1px 0px rgba(0,0,0,.6);
}
.inner-banner .banner-text p {
	font-size: 14px;
	line-height: 1.2
}
.inner-banner.pro-banner .banner-text {
	text-align: right;
}
.inner-banner.pro-banner .banner-text h4 span {
	display: inline-block;
	margin-right: 64px;
}
.inner-banner.case-banner .banner-text p {
	padding: 0 0 0 140px;
}
/************* 产品介绍 ****************/
.pro-js, .case-js,.about-js {
	padding: 65px 0 0 0;
}
.pro-js .mt, .case-js .mt, .about-js .mt {
	text-align: center;
	margin-bottom: 30px;
}
.pro-js .mt h2, .case-js .mt h2 , .about-js .mt h2 {
	color: #222;
	font-size: 50px;
	font-weight: normal;
	line-height: 1.6;
}
.pro-js .mt p, .case-js .mt p,.about-js .mt p {
	color: #222;
	font-size: 26px;
	line-height: 1.6;
}
.pro-js .mc, .case-js .mc, .about-js .mc {
}
.pro-js .mc .part1, .case-js .mc .part1, .about-js .mc .part1 {
}
.pro-js .mc .part1 .title, .pro-js .mc .part2 .title, .pro-js .mc .part3 .title, .case-js .mc .part1 .title, .case-js .mc .part2 .title, .about-js .mc .part1 .title, .about-js .mc .part2 .title,.about-js .mc .part3 .title {
	text-align: center;
	position: relative;
	font-size: 0;
}
.pro-js .mc .part1 .title:after, .pro-js .mc .part2 .title:after, .pro-js .mc .part3 .title:after, .case-js .mc .part1 .title:after, .case-js .mc .part2 .title:after, .about-js .mc .part1 .title:after, .about-js .mc .part2 .title:after,.about-js .mc .part3 .title:after {
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	width: 100%;
	z-index: 0;
	height: 0;
	border-bottom: 1px #e4e4e4 solid;
}
.pro-js .mc .part1 .title h4, .pro-js .mc .part2 .title h4, .pro-js .mc .part3 .title h4, .case-js .mc .part1 .title h4, .case-js .mc .part2 .title h4, .about-js .mc .part1 .title h4, .about-js .mc .part2 .title h4,.about-js .mc .part3 .title h4{
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 1;
	background: #3b4c77;
	width: 150px;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	font-weight: normal;
	border-radius: 10px;
}
.pro-js .mc .part1 .title {
	margin-bottom: 55px;
}
.pro-js .mc .part1 .list {
	padding: 0 30px;
}
.pro-js .mc .part1 .list:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.pro-js .mc .part1 .list .list-item {
	width: 48%;
	margin-bottom: 35px;
	cursor: pointer
}
.pro-js .mc .part1 .list .list-item .img {
	display: inline-block;
	vertical-align: top;
	width: 102px;
	height: 102px;
	line-height: 102px;
	text-align: center;
}
.pro-js .mc .part1 .list .list-item .img img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.pro-js .mc .part1 .list .list-item .text {
	width: calc(100% - 102px);
	padding: 0 0 0 20px;
	display: inline-block;
	vertical-align: top;
}
.pro-js .mc .part1 .list .list-item .text p {
	color: #898989;
	font-size: 14px;
	line-height: 1.6;
}
.pro-js .mc .part1 .list .list-item .text p:first-child {
	color: #444;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 10px;
}
.pro-js .mc .part1 .list .list-item:hover .text p:first-child {
	color: #ff8200
}
.pro-js .mc .part2 .content {
	padding: 30px 120px 90px;
}
.pro-js .mc .part2 .content p {
	color: #898989;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}
.pro-js .mc .part2 .content p:first-child {
	color: #444;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 10px;
}
.pro-js .mc .part3 {
	padding: 80px 0 0 0;
	background: url(../images/pro-px-bg.jpg) no-repeat center top #eff4f7;
	height: 660px;
}
.pro-js .mc .part3 .content {
	padding: 20px 0 0 0;
}
.pro-js .mc .part3 .content .tab_menu {
}
.pro-js .mc .part3 .content .tab_menu ul {
	display: block;
	font-size: 0;
	text-align: center;
}
.pro-js .mc .part3 .content .tab_menu ul li {
	display: inline-block;
	font-size: 18px;
	color: #333;
	line-height: 2;
	cursor: pointer;
	margin: 0 25px;
}
.pro-js .mc .part3 .content .tab_menu ul li:hover, .pro-js .mc .part3 .content .tab_menu ul li.selected {
	color: #ff8200;
}
.pro-js .mc .part3 .content .tab_box {
	padding: 30px 80px;
}
.pro-js .mc .part3 .content .tab_box .tabbox-container {
	display: none;
}
.pro-js .mc .part3 .content .tab_box .tabbox-container .gl-info {
}
.pro-js .mc .part3 .content .tab_box .tabbox-container .gl-info .info-text {
	text-align: center;
	padding: 0 50px 0 5px;
	text-align: center;
	color: #444;
	font-size: 14px;
	line-height: 2;
}
.pro-js .mc .part3 .content .tab_box .tabbox-container .gl-info .info-img {
	width: 48%;
}
.pro-js .mc .part3 .content .tab_box .tabbox-container .gl-info .info-img img {
	width: auto;
	max-width: 100%;
}
.pro-js .mc .part4 {
	position: relative;
	padding: 75px 0 90px 0;
}
.pro-js .mc .part4:after {
	content: "";
	width: 100%;
	height: 420px;
	background: #efefef;
	position: absolute;
	left: 0;
	top: 0;
}
.pro-js .mc .part4 .title {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 65px;
}
.pro-js .mc .part4 .title h4 {
	color: #222;
	font-size: 26px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 10px;
}
.pro-js .mc .part4 .title p {
	color: #444;
	font-size: 15px;
	line-height: 1.6;
}
.pro-js .mc .part4 .content {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.pro-js .mc .part4 .content ul {
}
.pro-js .mc .part4 .content ul .list-item {
	width: 33%;
	max-width: 354px
}
.pro-js .mc .part4 .content ul .list-item .img {
	display: inline-block;
	width: 100%;
}
.pro-js .mc .part4 .content ul .list-item .img a {
	display: inline-block;
	width: 100%;
	height: 200px;
	line-height: 200px;
}
.pro-js .mc .part4 .content ul .list-item .img a img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.pro-js .mc .part4 .content ul .list-item .text {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	font-size: 18px;
	line-height: 1.6;
	padding: 10px;
}
.pro-js .mc .part5 {
	background: url(../images/pro-tj-bg.jpg) no-repeat center top;
	height: 607px;
	padding: 40px 0 0 0;
}
.pro-js .mc .part5 .title {
	text-align: center;
	color: #fff;
	font-size: 26px;
	line-height: 2;
	margin-bottom: 50px;
}
.pro-js .mc .part5 .content {
	padding: 0 55px;
}
.pro-js .mc .part5 .content .tj-list {
}
.pro-js .mc .part5 .content .tj-list .list-item {
	background: url(../images/pro-tj-border.png) no-repeat center top;
	width: 195px;
	text-align: center;
}
.pro-js .mc .part5 .content .tj-list .list-item .img {
	display: inline-block;
	width: 166px;
	height: 200px;
	line-height: 200px;
	margin: 16px 0;
	border-radius: 10px;
}
.pro-js .mc .part5 .content .tj-list .list-item .img span {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 200px;
}
.pro-js .mc .part5 .content .tj-list .list-item .img span img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.pro-js .mc .part5 .content .tj-list .list-item .text {
	margin: 15px 0 35px 0;
	text-align: center;
}
.pro-js .mc .part5 .content .tj-list .list-item .text h4 {
	font-size: 17px;
	line-height: 2;
}
.pro-js .mc .part5 .content .tj-list .list-item .text p {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	font-weight: lighter;
	height: 44px;
}
.pro-js .mc .part5 .content .tj-list .list-item .more {
	text-align: center;
}
.pro-js .mc .part5 .content .tj-list .list-item .more a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	border-radius: 10px;
	width: 140px;
}
.pro-js .mc .part5 .content .tj-list .list-item.red .img, .pro-js .mc .part5 .content .tj-list .list-item.red .more a {
	background: #fc6a60;
}
.pro-js .mc .part5 .content .tj-list .list-item.green .img, .pro-js .mc .part5 .content .tj-list .list-item.green .more a {
	background: #0ec839;
}
.pro-js .mc .part5 .content .tj-list .list-item.yellow .img, .pro-js .mc .part5 .content .tj-list .list-item.yellow .more a {
	background: #f0d348;
}
.pro-js .mc .part5 .content .tj-list .list-item.blue .img, .pro-js .mc .part5 .content .tj-list .list-item.blue .more a {
	background: #4acde0;
}
.pro-js .mc .part5 .content .tj-list .list-item.red .text h4 {
	color: #fc6a60
}
.pro-js .mc .part5 .content .tj-list .list-item.green .text h4 {
	color: #0ec839
}
.pro-js .mc .part5 .content .tj-list .list-item.yellow .text h4 {
	color: #f0d348
}
.pro-js .mc .part5 .content .tj-list .list-item.blue .text h4 {
	color: #4acde0
}
/****** 方案案例 ********/
.case-js .mc .part1 .title {
	margin-bottom: 40px;
}
.case-js .mc .part1 .list {
	padding: 0 0 90px 0;
}
.case-js .mc .part1 .list .list-item {
	width: 252px;
	text-align: center;
}
.case-js .mc .part1 .list .list-item .img {
	display: inline-block;
	width: 100%;
	height: 167px;
	margin-bottom: 20px;
}
.case-js .mc .part1 .list .list-item .img img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.case-js .mc .part1 .list .list-item .text {
	padding: 0 10px;
}
.case-js .mc .part1 .list .list-item .text p {
	color: #898989;
	font-size: 14px;
	line-height: 1.6;
	text-align: justify;
}
.case-js .mc .part1 .list .list-item .text p:first-child {
	text-align: center;
	color: #444;
	margin-bottom: 10px;
	font-size: 18px;
}
.case-js .mc .part2 .title {
	margin-bottom: 60px;
}
.case-js .mc .part2 .content {
}
.case-js .mc .part2 .content .custom-list {
	margin-bottom: 90px;
}
.case-js .mc .part2 .content .custom-list:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.case-js .mc .part2 .content .custom-list .list-item {
	width: 50%;
	background: #eee;
	position: relative;
}
.case-js .mc .part2 .content .custom-list .list-item:after {
	content: "";
	display: inline-block;
	clear: both;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.case-js .mc .part2 .content .custom-list .list-item .text {
	width: 50%;
	padding: 30px 20px;
	position: relative;
	z-index: 1;
	height: 180px;
}
.case-js .mc .part2 .content .custom-list .list-item .text h4 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 10px;
}

.case-js .mc .part2 .content .custom-list .list-item .text i{
	color: #eee;
	font-size: 90px;
	position: absolute;
	right: -25px;
	top: 0px;
}

.case-js .mc .part2 .content .custom-list .list-item .text p {
	color: #898989;
	font-size: 14px;
	line-height: 1.4;
}
.case-js .mc .part2 .content .custom-list .list-item .img {
	width: 50%;
	position: relative;
	z-index: 0;
	height: 180px;
	overflow: hidden;
}
.case-js .mc .part2 .content .custom-list .list-item .img img {
	width: 100%;
}
.case-js .mc .part2 .content .custom-list .list-item:nth-child(3) .img, .case-js .mc .part2 .content .custom-list .list-item:nth-child(4) .img, .case-js .mc .part2 .content .custom-list .list-item:nth-child(7) .img, .case-js .mc .part2 .content .custom-list .list-item:nth-child(8) .img {
	float: left;
}

.case-js .mc .part2 .content .custom-list .list-item:nth-child(3) .text i, .case-js .mc .part2 .content .custom-list .list-item:nth-child(4) .text i, .case-js .mc .part2 .content .custom-list .list-item:nth-child(7) .text i, .case-js .mc .part2 .content .custom-list .list-item:nth-child(8) .text i{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	left: -25px;
	right: auto;
}

.case-js .mc .part2 .content .mfqy{
	width: 100%;
	max-width: 472px;
	margin: 0 auto 95px;
	border: 1px #ed7f5a solid;
	padding: 5px;
	border-radius: 5px;
	font-size: 0;
}

.case-js .mc .part2 .content .mfqy input[type="text"]{
	display: inline-block;
	width: calc(100% - 70px);
	padding: 0 5px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
}

.case-js .mc .part2 .content .mfqy input[type="button"]{
	display: inline-block;
	vertical-align: top;
	width: 70px;
	line-height: 32px;
	border-radius: 5px;
	background: #ed7f5a;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

/****** 购买 ********/
.buy-page{
	background: url(../images/buy-bg.jpg) no-repeat center center;
	padding: 115px 0 180px 0;
}

.buy-page .mt{
	color: #fff;
	margin-bottom: 60px;
	max-width: 770px;
}

.buy-page .mt h4{
	font-size: 26px;
	line-height: 2;
	font-weight: normal;
	margin-bottom: 10px;
}

.buy-page .mt p{
	font-size: 15px;
	line-height: 1.6;
	font-weight: lighter;
}
.buy-page .mc{
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(40,43,49,.2);
	padding: 70px;
	max-width: 770px;
}

.buy-page .mc ul{
	text-align: justify;
	font-size: 0;
	display: block;
}

.buy-page .mc ul li{
	display: inline-block;
	vertical-align: top;
	width: 306px;
	margin-bottom: 20px;
}

.buy-page .mc ul li input[type="text"]{
	border: 1px #e7e8ea solid;
	border-radius: 10px;
	background: #f8f9fa;
	color: #333;
	font-size:16px;
	line-height: 48px;
	height: 50px;
	padding:0 20px;
	width: 100%;
}

.buy-page .mc ul li.textarea{
	width: 100%;
	margin-bottom: 30px;
}

.buy-page .mc ul li.textarea textarea{
		border: 1px #e7e8ea solid;
	border-radius: 10px;
	background: #f8f9fa;
	color: #333;
	font-size:16px;
	line-height: 2;
	height: 210px;
	padding:10px 20px;
	width: 100%;
}

.buy-page .mc input[type="button"]{
	display: block;
	margin: 0 auto;
	background: url(../images/buy-button-bg.png) no-repeat center center;
	border: none;
	text-align: center;
	color: #fff;
	width: 164px;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	letter-spacing: 1px;
	cursor: pointer;
}

/******** 关于我们 *********/
.about-js .part1 .title{
	margin-bottom: 15px;
}

.about-js .part1 .content{
	padding: 0 0 45px 0;
}
.about-js .part1 .content .img-content{
	float: left;
	width: 50%;
}

.about-js .part1 .content .img-content .img{
	float: left;
	width: 50%;
}

.about-js .part1 .content .img-content .img img{
	width: auto;
	max-width: 100%;
}

.about-js .part1 .content .img-content .img-info{
	float: left;
	width: 50%;
	padding: 55px 0 0 10px;
}

.about-js .part1 .content .img-content .img-info ul{
	
}

.about-js .part1 .content .img-content .img-info ul li{
	background: url(../images/about-line.png) no-repeat left bottom;
	padding: 5px 0;
	line-height: 42px;
	vertical-align: middle;
	font-size: 0;
	margin-bottom: 20px;
}

.about-js .part1 .content .img-content .img-info ul li img{
	width: 42px;
	height: 42px;
	vertical-align: top;
}
.about-js .part1 .content .img-content .img-info ul li span{
	display: inline-block;
	line-height: 42px;
	vertical-align: top;
	color: #444;
	font-size: 18px;
	padding: 0 0 0 20px;
}

.about-js .part1 .content .text-content{
	display: table-cell;
	padding: 35px 0 0 80px;
	
}

.about-js .part1 .content .text-content h4{
	color: #222;
	font-size: 26px;
	line-height: 2;
	font-weight: normal;
}

.about-js .part1 .content .text-content p{
	color: #444;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
}

.about-js .part2{
	background: #f3f3f3;
	padding: 80px 0;
	margin-bottom: 80px;
}

.about-js .part2 .title{
	margin-bottom: 60px;
}

.about-js .part2 .ys-list{
	
}

.about-js .part2 .ys-list .list-item{
	width: 30%;
	max-width: 300px;
	text-align: center;
	padding: 0 25px;
}
.about-js .part2 .ys-list .list-item h4{
	color: #222;
	font-size: 26px;
	line-height: 2;
	margin-bottom: 30px;
	font-weight: normal;
	color: #222;
}

.about-js .part2 .ys-list .list-item .img{
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
}

.about-js .part2 .ys-list .list-item .img img{
	
}

.about-js .part2 .ys-list .list-item p{
	color: #444;
	font-size: 15px;
	line-height: 2;
}

.about-js .part3 {
	padding: 0 0 90px 0;
}

.about-js .part3 .title{
	margin-bottom: 30px;
}

.about-js .part3 .map{
	margin-bottom: 30px;
}
#dituContent {
	width: 100%;
	height: 400px;/*地图容器的高度*/
	box-sizing: border-box;
}
#dituContent .pop .bottom {
	height: 25px !important;
}
#dituContent {
}
#dituContent .center {
	margin: 0;
}
#dituContent .bottom {
	margin: 0;
}
#dituContent p {
	line-height: 20px;
	font-size: 14px;
	color: #595757;
}
#dituContent .pop .center {
	margin: 0;
	box-sizing: content-box;
}
#dituContent .baidunav .number a {
	width: 150px;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	color: black;
	overflow: hidden;
	text-decoration: none;
}
#dituContent .tel .number a {
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	color: #595757;
	overflow: hidden;
	text-decoration: none;
}
#dituContent .tel .number {
	line-height: 30px;
	display: block;
	color: #595757;
	font-weight: bold;
}

#dituContent p{
	display: block;
}

#dituContent p:after{
	content: "";
	display: block;
	clear: both;
	width:100%;
	height: 0;
	visibility: hidden;
}

#dituContent span {
	border: 0 none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#dituContent h4.map-title {
	margin: 0 0 10px;
	padding: 5px 10px;
	border-top: 2px solid #ccc;
	font-size: 16px;
	font-weight: normal;
	color: #f54336;
	background: #efefef;
	line-height: 200%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#dituContent .address:before {
		content: "\27B2";
	margin-right: 5px;
	float: left;
	font-size: 20px;
	width: 20px;
	display: inline-block;
		line-height: 30px;
}
#dituContent .tel:before {
	content: "\260E";
	margin-right: 5px;
	float: left;
	font-size: 20px;
	width: 20px;
	display: inline-block;
		line-height: 30px;
}
#dituContent .tel a:hover {
	color: #c80000;
}

#dituContent .address span,#dituContent .tel span {
	float: left;
	width: 220px;
	line-height: 30px;
}

#mapInfoContent .address,#mapInfoContent .tel {
	width: 270px;
		border: 1px #ccc solid;
	box-sizing: border-box;
	padding: 5px 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.about-js .part3 .content{
	
}
.about-js .part3 .content ul{
	font-size: 0;
}

.about-js .part3 .content ul li{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color: #444;
	
}

.about-js .part3 .content ul li .col1{
	display: inline-block;
	width: 20%;
	font-size: 15px;
	line-height: 2;
}

.about-js .part3 .content ul li .col2{
	display: inline-block;
	width: 80%;
	font-size: 15px;
	line-height: 2;
}

.about-js .part3 .content ul li a{
	color: #444;
	font-size: 15px;
	line-height: 2;
}