body {
	color: #333333;
	font-family: "microsoft yahei";
	background: #fff;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	color: #333;

	outline: none;
}

a:hover {
	text-decoration: none;
	color: #0b3775;
}

a:focus {
	text-decoration: none;
	color: inherit;
}

img {
	border: 0;
	vertical-align: middle;
	transition: all 0.6s;
}

table {
	border-collapse: collapse;
}

input,
textarea,
select,
button {
	border: 0;
	outline: none;
}

.wrap {
	width: 100%;
	overflow: hidden;
}

/*公共样式勿删除*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.flex {
	display: flex;
	align-items: center;
}

.flex_item {
	flex: 1;
}

/**/

.header {
	line-height: 80px;
	z-index: 99;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 18px;
	position: absolute;
	background: rgba(255, 255, 255, 0.7);
}

.header .navbar-default .navbar-nav>li>a {
	padding: 0 30px;
	line-height: 80px;
	position: relative;
	color: #333;
}

.header .lang {
	padding-right: 15px;
}

.header .lang a {
	margin-left: 10px;
}

.header .navbar-default .navbar-nav>.active>a,
.header .navbar-default .navbar-nav>:hover>a,
.header .navbar-default .navbar-nav>.active>a:focus,
.header .navbar-default .navbar-nav>.active>a:hover {
	background: none;
	color: #1b8798;
}
.header i{
	color: #999;
}
.header .navbar-default {
	margin: 0;
	background: none;
	border: none;
}

.footer {
	background: #56ccf3;
	color: #beedf4;
	font-size: 15px;
	padding: 30px 0 0;
}

.footer li {
	line-height: 40px;
}

.footer h4 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

.footer a {
	color: #fff;
}

.footer .b {
	text-align: center;
	padding: 30px 0 15px;
	color:#FFFFFF
}

.footer i {
	display: block;
	width: 502px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin: 30px auto;
}

.footer .code {
	margin: 0 0 30px;
}

.footer p {
	margin-top: 20px;
}
.modal-dialog {
	margin-top: 15%	;
}
.modal-dialog .form-control{
	height: 50px;
}
.modal-dialog .btn{
	height: 50px;
	background: #1b8798;
	border: 1px solid #1b8798;
	color: #fff;
	font-size: 20px;
	padding: 0 30px;
}
/**/



/**/

.homepage .a a {
	display: block;
}

.homepage .a dt {
	font-size: 36px;
	padding-top: 350px;
}

.homepage .a p {
	font-size: 18px;
	margin: 10px 0 30px;
}

.homepage .a .swiper-pagination-bullet {
	opacity: 1;
	background: #8f9ba8;
}

.homepage .a .swiper-pagination-bullet-active {
	background: #f19149;
	width: 25px;
	border-radius: 10px;
}

.homepage .a .btn {
	font-size: 18px;
	border: 1px solid #666;
	border-radius: 0;
	padding: 10px 35px;
}

.homepage .b {
	text-align: center;
	background: #56ccf3;
	padding: 35px 15px;
	font-size: 12px;
}

.homepage .b a {
	display: block;
	color: #fff;
}

.homepage .b a dt {
	font-size: 16px;
	margin: 10px 0;
}

.homepage .title {
	text-align: center;
	font-size: 35px;
	padding: 90px 0 60px;
}

.homepage .c {
	background: #f7f8fa;
	padding-bottom: 90px;
}

.homepage .c .bd {
	position: relative;
}

.homepage .c .box {
	background: #fff;
	height: 260px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	padding-top: 20px;
}

.homepage .c .box dt {
	font-size: 22px;
	margin: 10px 0;
}

.homepage .c .box .btn {
	width: 300px;
	height: 50px;
	padding: 0;
	line-height: 50px;
	background: #00a0e9;
	color: #fff;
	font-size: 16px;
	margin-top: 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.homepage .c .box .btn i {
	font-size: 12px;
}

.homepage .c .text-right {
	padding-top: 50px;
}

.homepage .c .text-right a {
	color: #008bcc;
}

.homepage .d {
	background: #f0f2f5;
	padding: 90px 0;
}

.homepage .d .bd {
	position: relative;
}

.homepage .d .bd img {
	width: 65%;
}

.homepage .d .box {
	width: 770px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	transform: translate(0, -50%);
	padding: 60px 100px;
}

.homepage .d .box p {
	font-size: 16px;
	line-height: 36px;
	margin: 15px 0 30px;
}

.homepage .d .box h4 {
	font-weight: bold;
	font-size: 24px;
	margin-top: 0;
}

.homepage .d .box h4::after {
	content: '';
	display: block;
	width: 37px;
	height: 5px;
	background: #1b8798;
	margin-top: 15px;
}

.homepage .d .box .btn {
	font-size: 16px;
	background: #1b8798;
	color: #fff;
	padding: 10px 30px;
}

.homepage .e {
	background: #e8eaed;
	padding-bottom: 90px;
}

.homepage .e img {
	width: 100%;
}

.homepage .e .row a {
	display: block;
	background: #FFFFFF;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	margin-bottom: 50px;
}

.homepage .e .row a p {
	color: #999999;
	margin: 5px 0 15px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.homepage .e .row dl {
	padding: 15px;
}

.homepage .e .row a dt {
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.homepage .e .btn {
	font-size: 16px;
	color: #1b8798;
	background: #fff;
	padding: 15px 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.totop {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	width: 57px;
	height: 45px;
	background: url(../images/totop.png) center no-repeat;
}

/**/
.banner_info {
	height: 400px;
	background: url(../images/2_01.jpg) center no-repeat;
	background-size: cover;
	font-size: 24px;
}

.banner_info dt {
	padding-top: 167px;
	padding-bottom: 10px;
	font-size: 36px;
}

.aboutus .title {
	text-align: center;
	font-size: 34px;
	padding: 60px 0 30px;
}

.aboutus .a .col-lg-8 {
	text-align: center;
	font-size: 18px;
	line-height: 48px;
}

.aboutus .a .col-lg-8 span {
	font-size: 38px;
	color: #1b8798;
}

.aboutus .a .flex {
	background: #eff2ff;
	font-size: 16px;
	margin-top: 40px;
}

.aboutus .a .flex .pic {
	margin-right: 50px;
}

.aboutus .a .flex img {
	width: 800px;
	max-width: 100%;
}

.aboutus .a .flex p {
	line-height: 48px;
	margin: 30px 0 0;
}

.aboutus .a .flex h4 {
	font-size: 24px;
	margin: 0;
}

.aboutus .b {
	padding-bottom: 80px;
}

.aboutus .b ul {
	margin: 0 -20px;
}

.aboutus .b li {
	float: left;
	width: 20%;
	padding: 0 20px;
}

.aboutus .b li img {
	border: 1px solid #ddd;
	width: 100%;
}

/**/
.contentus .container {
	max-width: 1440px;
	width: 92%;
}

.contentus .a {
	background-color: #f7f8fa;
	padding: 80px 0;
}

.contentus .a .col-lg-4,
.contentus .b .col-lg-4 {
	font-size: 32px;
}

.contentus .a h2 {
	font-size: 24px;
	line-height: 26px;
	color: #0c1729;
}

.contentus .a h2::before {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	margin-bottom: 26px;
	background-color: #00a0e9;
}

.contentus .a .col-lg-8>p {
	line-height: 16px;
	text-transform: uppercase;
	color: #0c1729;
	font-family: Arial;
	margin-top: 12px;
}

.contentus .a h4 {
	font-size: 16px;
	line-height: 20px;
	color: #0c1729;
	margin-top: 54px;
	margin-bottom: 33px;
}

.contentus .a h4 a {
	color: #00a0e9;
	border-bottom: 1px solid #00a0e9;
}

.contentus .a .row .row p {
	font-size: 16px;
	line-height: 24px;
	color: #86898f;
	margin-bottom: 22px;
}

.contentus .b {
	background-color: #e8eaed;
	padding: 80px 0;
}

.contentus .b .box {
	background-color: #ffffff;
	border-style: none;
	border-width: 0px;
	border-color: #b4b4b4;
	padding: 20px;
	border-top: 4px solid #66a1ee;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.contentus .b .box dt {
	font-size: 20px;
	margin-bottom: 5px;
}

.contentus .b .box dl {
	margin-bottom: 40px;
}

.contentus .b .box dl a {
	color: #00a0e9;
	border-bottom: 1px solid #00a0e9;
}

.contentus .b .box .form-control {
	margin-bottom: 20px;
}

.contentus .b .box label span {
	color: red;
}

.contentus .b .box .btn {
	background-color: #66a1ee;
	color: #fff;
	padding: 7px 20px;
	opacity: .9;
	border-radius: 2px;
}

/**/
.prolists .nav-tabs {
	border: none;
	font-size: 16px;
	margin-top: 30px;
}

.prolists .nav-tabs>li {
	margin: 0 10px 0 0;
}

.prolists .nav-tabs>li>a {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 8px 30px;
}

.prolists .nav-tabs>li.active>a,
.prolists .nav-tabs>li.active>a:focus,
.prolists .nav-tabs>li.active>a:hover {
	background: #1b8798;
	color: #fff;
	border: 1px solid #1b8798;
}

.prolists .f .row .col-lg-4:hover img {
	transform: scale(1.2);
}

.prolists .f img {
	width: 100%;
}

.prolists .f dl {
	margin: 40px 0 20px;
	font-size: 18px;
}

.prolists .f dl dd {
	color: #999;
	margin-top: 10px;
}

.prolists .f p {
	color: #666;
	line-height: 30px;
	margin: 20px 0 30px;
}

.prolists .f .row i {
	display: block;
	width: 62px;
	transition: .8s;
	height: 7px;
	background: url(../images/home_38.jpg) center no-repeat;
}

.prolists .f .row .pic {
	position: relative;
	display: block;
	overflow: hidden;
}

.prolists .f .row .pic span {
	font-size: 50px;
	color: #1b8798;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.prolists .f .row .col-lg-4:hover i {
	margin-left: 15px;
}

.pagination {
	margin: 60px 0;
}

.pagination>li>a,
.pagination>li>span {
	color: #666;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #1b8798;
	border: 1px solid #1b8798;
}


/**/
/**/
.bread {
	background: #f6f6f6;
}

.breadcrumb {
	background: none;
	padding: 10px 0;
	margin: 0;
}

.newsitem .hd {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.newsitem .hd h1 {
	text-align: center;
	font-size: 24px;
	padding: 20px 0 10px;
	margin: 0;
}

.newsitem .hd h4 {
	text-align: center;
	font-size: 12px;
	color: #999;
}

.newsitem .bd {
	padding: 10px 0;
}

.newsitem .bd p {
	line-height: 30px;
	margin: 15px 0;
	color: #666;
	font-size: 16px;
	text-indent: 2em;
}

.newsitem .bd img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
}

.newsitem .ft {
	padding: 15px 0;
	margin-top: 20px;
	border-top: 1px solid #ddd;
}

.newsitem .btn {
	font-size: 16px;
	padding: 10px 60px;
	border-radius: 30px;
	margin: 30px 0 50px;
	background: #1b8798;
	border: 1px solid #1b8798;
}

/**/
.product {
	min-height: 850px;
	background-color: #fff;
	position: relative;
}

.product .proLeft {
	width: 335px;
	height: 100%;
	float: left;
	background-color: #fff;
	box-shadow: 3px 6px 5px rgba(0, 34, 76, 0.06);
	position: absolute;
	top: 0;
	left: 0;
}

.product .proLeft .nav {
	width: 260px;
	margin-left: 25px;
	padding-top: 55px;
}

.product .proLeft .nav ul li {
	border-top: 1px solid #dadfe5;
}

.product .proLeft .nav ul li .tits {
	width: 100%;
	display: block;
	font-size: 16px;
	padding-left: 15px;
	line-height: 62px;
	color: #0c1729;
	position: relative;
}

.product .proLeft .nav ul li .tits .icon {
	width: 45px;
	display: inline-block;
	vertical-align: middle;
}

.product .proLeft .nav ul li .tits .icon img.img2 {
	display: none;
}

.product .proLeft .nav ul li .tits span {
	margin-left: 8px;
	vertical-align: middle;
}

.product .proLeft .nav ul li .tits i {
	 display: inline-block;
	    height: 6px;
	    width: 6px;
	    border-width: 0 2px 2px 0;
	    border-color: #c8c8cd;
	    border-style: solid;
	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	    transform: matrix(.71,.71,-.71,.71,0,0);
	    position: absolute;
	    top: 50%;
	    margin-top: -4px;
	    right: 15px;
}

.product .proLeft .nav ul li dl {
	border-top: 1px solid #dadfe5;
	width: 100%;
	display: none;
}

.product .proLeft .nav ul li dl dd {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #dadfe5;
}

.product .proLeft .nav ul li dl dd .tit {
	width: 100%;
	display: block;
	font-size: 14px;
	color: #6c6f75;
	line-height: 49px;
	position: relative;
}

.product .proLeft .nav ul li dl dd .tit span {
	margin-left: 25px;
}

.product .proLeft .nav ul li dl dd .tit i {
	display: inline-block;
	   height: 6px;
	   width: 6px;
	   border-width: 0 2px 2px 0;
	   border-color: #c8c8cd;
	   border-style: solid;
	   -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	   transform: matrix(.71,.71,-.71,.71,0,0);
	   position: absolute;
	   top: 50%;
	   margin-top: -4px;
	   right: 15px;
}

.product .proLeft .nav ul li dl dd .tit1 {
	display: none;
}

.product .proLeft .nav ul li dl dd .tit1 a {
	border-top: 1px solid #dadfe5;
	font-size: 13px;
	line-height: 49px;
	color: #6c6f75;
	display: block;
	padding-left: 40px;
}

@media (min-width: 1024px) {
	.product .proLeft .nav ul li dl dd .tit1 a:hover {
		color: #00a0e9;
	}
}

.product .proLeft .nav ul li dl dd .tit1 a.on {
	color: #00a0e9;
}

.product .proLeft .nav ul li dl dd:last-child {
	border-bottom: none;
}

.product .proLeft .nav ul li dl dd.on .tit span {
	color: #00a0e9;
}

.product .proLeft .nav ul li dl dd.on .tit i {
	border-width: 2px 0 0 2px;
}

.product .proLeft .nav ul li dl dd.on .tit1 {
	display: block;
}

@media (min-width: 1024px) {
	.product .proLeft .nav ul li:hover .tits {
		background-color: #00a0e9;
		color: #fff;
	}

	.product .proLeft .nav ul li:hover .tits .icon img.img1 {
		display: none;
	}

	.product .proLeft .nav ul li:hover .tits .icon img.img2 {
		display: block;
	}
}

.product .proLeft .nav ul li.on .tits {
	background-color: #00a0e9;
	color: #fff;
}

.product .proLeft .nav ul li.on .tits .icon img.img1 {
	display: none;
}

.product .proLeft .nav ul li.on .tits .icon img.img2 {
	display: block;
}

.product .proLeft .nav ul li.on .tits i {
	border-width: 2px 0 0 2px;
}

.product .proLeft .nav ul li.on dl {
	display: block;
}

.product .content {
	width: calc(100% - 335px);
	float: right;
	background-color: #f5f6f7;
	padding-top: 55px;
	padding-right: 100px;
	padding-left: 45px;
}

.product .content .sx {
	display: none;
	padding-right: 28px;
	font-size: 16px;
	float: right;
	margin-bottom: 10px;
	background-position: right center;
	background-image: url("../images/sx.png");
	background-repeat: no-repeat;
	color: #00a0e9;
}

.product .content .title {
	width: 100%;
	background-color: #fff;
	padding: 22px 0;
}

.product .content .title .line {
	width: 4px;
	height: 18px;
	float: left;
	margin-left: 22px;
	background-color: #00a0e9;
}

.product .content .title .tits {
	font-size: 18px;
	line-height: 18px;
	color: #0c1729;
	margin-left: 16px;
	float: left;
}

.product .content .title .tit {
	font-size: 14px;
	line-height: 14px;
	margin-top: 4px;
	float: left;
	color: #86898f;
	margin-left: 20px;
}

.product .content .title .tit span {
	color: #00a0e9;
}

.product .content .list {
	margin-top: 5.6%;
	margin-bottom: 25px;
}

.product .content .list .proItem {
	width: 31.9%;
	margin-right: 2.15%;
	margin-bottom: 2.15%;
	float: left;
}

.product .content .list .proItem:nth-child(3n) {
	margin-right: 0;
}

.product .content .page .page-new {
	float: right;
}

@media (max-width: 1500px) {
	.product .proLeft {
		width: 290px;
	}

	.product .proLeft .nav {
		width: 250px;
		margin-left: 20px;
	}

	.product .content {
		width: calc(100% - 380px);
		padding-right: 45px;
	}

	.product .content .tabs .t .t1 {
		margin-left: 20px;
		width: 90px;
	}

	.product .content .tabs .t .t2 {
		width: calc(100% - 110px - 95px);
	}
}

@media (max-width: 1200px) {
	.product .proLeft {
		width: 250px;
	}

	.product .proLeft .nav {
		width: 210px;
	}

	.product .proLeft .nav ul li .tits {
		font-size: 16px;
		line-height: 50px;
	}

	.product .proLeft .nav ul li .tits .icon {
		width: 32px;
	}


	.product .proLeft .nav ul li dl dd .tit {
		font-size: 15px;
		line-height: 40px;
	}

	

	.product .proLeft .nav ul li dl dd .tit span {
		margin-left: 15px;
	}

	.product .proLeft .nav ul li dl dd .tit1 a {
		padding-left: 20px;
		line-height: 36px;
		font-size: 13px;
	}

	.product .content {
		width: calc(100% - 310px);
		padding-right: 30px;
		padding-left: 30px;
	}

	.product .content .tabs .t .t2 a {
		margin-right: 30px;
	}
}

@media (max-width: 1024px) {
	.product {
		min-height: 0;
	}

	.product .proLeft {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background: none;
	}

	.product .proLeft .bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.6);
	}

	.product .proLeft .nav {
		width: 250px;
		height: 100%;
		background-color: #fff;
		float: right;
		margin-left: 0;
		padding-top: 25px;
		position: relative;
		z-index: 5;
	}

	.product .proLeft .nav ul {
		width: 210px;
		margin: 0 auto;
	}

	.product .content {
		width: 100%;
		padding: 20px 4% 30px;
	}

	.product .content .sx {
		display: block;
		margin-top: 13px;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.product .content .list .proItem {
		width: 48.5%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.product .content .list .proItem:nth-child(3n) {
		margin-right: 2%;
	}

	.product .content .list .proItem:nth-child(2n) {
		margin-right: 0;
	}

	.product .content .page .page-new {
		float: none;
	}

	.product .content .tabs .t .t1 {
		margin-left: 10px;
		float: none;
	}

	.product .content .tabs .t .t2 {
		width: calc(100% - 10px);
		margin-left: 10px;
	}

	.product .content .title {
		padding: 16px 0;
	}

	.product .content .tabs .t .t2 a {
		margin-right: 20px;
	}
}

@media (max-width: 550px) {
	.product .content .list .proItem {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

.proItem {
	background-color: #fff;
	box-sizing: border-box;
	border: 2px solid #fff;
}

.proItem a {
	width: 100%;
	height: auto;
	display: block;
}

.proItem a .pic {
	width: 100%;
	height: auto;
}

.proItem a .cc {
	width: 100%;
	height: auto;
	padding-top: 42px;
	transition: all .5s;
}

.proItem a .cc .tits {
	width: calc(100% - 60px);
	margin: 0 auto;
}

.proItem a .cc .tits .t {
	font-size: 20px;
	line-height: 22px;
	height: 22px;
	color: #0c1729;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .5s;
}

.proItem a .cc .tits .t1 {
	font-size: 15px;
	line-height: 18px;
	height: 18px;
	color: #86898f;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 10px;
	transition: all .5s;
}

.proItem a .cc .tit {
	border-top: 1px solid #e6e6e6;
	margin-top: 33px;
}

.proItem a .cc .tit .tag {
	margin-left: 30px;
	width: calc(100% - 88px);
	font-size: 14px;
	line-height: 55px;
	color: #86898f;
	float: left;
	transition: all .5s;
	overflow: hidden;
	height: 55px;
}

.proItem a .cc .tit .tag span {
	margin-right: 18px;
}

.proItem a .cc .tit .icon {
	width: 58px;
	height: 55px;
	float: right;
	box-sizing: border-box;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("icon9.png");
}

@media (min-width: 1024px) {
	.proItem:hover {
		border: 2px solid #00a0e9;
		background-color: #00a0e9;
	}
	.proItem:hover a .cc .tits .t {
		color: #fff;
	}

	.proItem:hover a .cc .tits .t1 {
		color: #fff;
		opacity: 8;
	}

	.proItem:hover a .cc .tit {
		border-color: rgba(255, 255, 255, 0.3);
	}

	.proItem:hover a .cc .tit .tag {
		color: #fff;
	}
}

@media (max-width: 1366px) {
	.proItem a .cc .tit .tag {
		margin-left: 15px;
		width: calc(100% - 73px);
	}

	.proItem a .cc .tit .tag span {
		margin-right: 10px;
	}
}

@media (max-width: 1200px) {
	.proItem a .cc {
		padding-top: 20px;
	}

	.proItem a .cc .tits {
		width: calc(100% - 30px);
	}

	.proItem a .cc .tits .t {
		font-size: 18px;
		line-height: 20px;
		height: 20px;
	}

	.proItem a .cc .tit {
		margin-top: 20px;
	}
}

@media (max-width: 768px) {
	.proItem a .cc .tit {
		margin-top: 10px;
	}

	.proItem a .cc .tits {
		width: calc(100% - 20px);
	}

	.proItem a .cc .tits .t {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
	}

	.proItem a .cc .tits .t1 {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}

	.proItem a .cc .tit .icon {
		display: none;
	}

	.proItem a .cc .tit .tag {
		line-height: 40px;
		width: calc(100% - 20px);
		margin-left: 10px;
		height: 40px;
	}

	.proItem a .cc .tit .tag span {
		margin-right: 5px;
	}
}

.productInfo {
  background-color: #f7f8fa; }
  .productInfo .container{
	  max-width: 1440px;
	  width: 92%;
  }
  .productInfo .top {
    width: 100%;
    height: auto;
    background-color: #f0f2f5;
    padding-top: 5.2%;
    padding-bottom: 5.2%;
    position: relative; }
    .productInfo .top .picBox {
      width: 44.4%;
      float: left; }
      .productInfo .top .picBox .lPic {
        width: 15.6%;
        float: left; }
        .productInfo .top .picBox .lPic a {
          width: 100%;
          height: auto;
          display: block;
          box-sizing: border-box;
          margin-bottom: 20px;
          background-color: #fff; }
          .productInfo .top .picBox .lPic a.on {
            border: 2px solid #1b8798; }
      .productInfo .top .picBox .bPic {
        width: 81.25%;
        float: right;
        background-color: #fff; }
    .productInfo .top .conBox {
      width: 47.2%;
      float: right;
      padding-top: 17px; }
      .productInfo .top .conBox .tits {
        font-size: 28px;
        line-height: 28px;
        color: #0c1729; }
      .productInfo .top .conBox .tit {
        font-size: 15px;
        line-height: 15px;
        color: #86898f;
        margin-top: 14px; }
      .productInfo .top .conBox .tags {
        border-top: 1px solid #dcdee0;
        border-bottom: 1px solid #dcdee0;
        font-size: 15px;
        line-height: 28px;
        color: #1b8798;
        padding: 13px 0;
        margin-top: 30px; }
        .productInfo .top .conBox .tags span {
          margin-right: 20px; }
      .productInfo .top .conBox .tit1 {
        font-size: 15px;
        line-height: 36px;
        color: #86898f;
        margin-top: 40px;
        height: 180px;
        overflow: hidden; }
        .productInfo .top .conBox .tit1 span {
          font-weight: bold; }
        .productInfo .top .conBox .tit1 ul {
          zoom: 1; }
          .productInfo .top .conBox .tit1 ul li {
            width: 100px;
            float: left;
            border-bottom: 1px solid #dcdee0; }
            .productInfo .top .conBox .tit1 ul li:nth-child(2n) {
              width: calc(100% - 100px); }
          .productInfo .top .conBox .tit1 ul:after {
            display: block;
            height: 0;
            clear: both;
            /* visibility: hidden; */
            overflow: hidden;
            content: "."; }
      .productInfo .top .conBox .more {
        width: 160px;
        height: 50px;
        text-align: center;
        font-size: 16px;
        line-height: 50px;
        margin-top: 15px;
        background-color: #1b8798;
        color: #fff;
        display: none;
        cursor: pointer; }
    .productInfo .top .return {
      position: absolute;
      top: 4%;
      left: 5.2%;
      padding-left: 35px;
      font-size: 15px;
      line-height: 28px;
      color: #00a0e9;
      background-position: left center;
      background-repeat: no-repeat;
      background-image: url("../images/prev.png"); }
  .productInfo .box1 {
    background-color: #fff;
    padding: 3.1% 0; }
    .productInfo .box1 .title {
      font-size: 24px;
      line-height: 24px;
      color: #0c1729;
      margin-top: 40px; }
    .productInfo .box1 .list {
      margin-top: 60px; }
      .productInfo .box1 .list .item {
        position: relative;
        margin-bottom: 9.7%; }
        .productInfo .box1 .list .item .pic {
          width: 55.56%;
          float: left; }
        .productInfo .box1 .list .item .con {
          width: 54.2%;
          height: calc(100% - 90px);
          top: 45px;
          background-color: #f7f8fa;
          box-shadow: 10px 3px 20px rgba(0, 25, 20, 0.1);
          position: absolute;
          right: 0; }
          .productInfo .box1 .list .item .con .conn {
            width: 620px;
            max-width: 90%;
            margin: 0 auto;
            padding-top: 9.2%; }
            .productInfo .box1 .list .item .con .conn .tits {
              font-size: 28px;
              line-height: 36px;
              color: #0c1729;
              font-weight: bold; }
              .productInfo .box1 .list .item .con .conn .tits span {
                font-weight: normal; }
            .productInfo .box1 .list .item .con .conn .line {
              width: 32px;
              height: 2px;
              background-color: #00a0e9;
              margin-top: 15px; }
            .productInfo .box1 .list .item .con .conn .tit {
              font-size: 16px;
              line-height: 24px;
              color: #86898f;
              margin-top: 15px; }
        .productInfo .box1 .list .item:nth-child(2n) .pic {
          float: right; }
        .productInfo .box1 .list .item:nth-child(2n) .con {
          left: 0;
          right: auto; }
    .productInfo .box1 img {
      max-width: 100%;
      height: auto !important;
      margin: 0 auto;
      display: block; }
    .productInfo .box1 .wap {
      display: none; }
    @media (max-width: 750px) {
      .productInfo .box1 .wap {
        display: block; }
      .productInfo .box1 .pc {
        display: none; } }
  .productInfo .box2 {
    background-color: #e8eaed;
    padding: 60px 0; }
    .productInfo .box2 .title {
      font-size: 24px;
      line-height: 24px;
      color: #0c1729; }
    .productInfo .box2 .butBox {
      margin-top: 30px; }
      .productInfo .box2 .butBox a {
        width: 190px;
        height: 44px;
        border: 2px solid #1b8798;
        font-size: 16px;
        line-height: 44px;
        color: #1b8798;
        display: block;
        text-align: center;
        float: left;
        margin-right: 20px;
        border-radius: 24px; }
        .productInfo .box2 .butBox a span {
          padding-left: 34px;
          background-position: left center;
          background-repeat: no-repeat;
          background-image: url("../images/info_icon3.png");
          display: inline-block; }
  .productInfo .box3 {
    padding-top: 60px;
    padding-bottom: 6.25%; }
    .productInfo .box3 .title {
      border-bottom: 1px solid #dcdee0;
      padding-bottom: 22px; }
      .productInfo .box3 .title .tits {
        float: left;
        font-size: 24px;
        line-height: 24px;
        position: relative; }
        .productInfo .box3 .title .tits:after {
          width: 100%;
          height: 2px;
          background-color: #1b8798;
          position: absolute;
          left: 0;
          bottom: -23px;
          content: ''; }
      .productInfo .box3 .title a {
        float: right;
        font-size: 14px;
        line-height: 14px;
        color:#1b8798;
        padding-right: 18px;
        background-position: right center;
        background-repeat: no-repeat;
        background-image: url("../images/icon15.png");
        display: inline-block;
        margin-top: 10px; }
    .productInfo .box3 .list {
      margin-top: 50px; }
      .productInfo .box3 .list .proItem {
        float: left;
        width: 31.9%;
        margin-right: 2.15%; }
        .productInfo .box3 .list .proItem:last-child {
          margin-right: 0; }
  @media (max-width: 1366px) {
    .productInfo .top .conBox .tit1 {
      margin-top: 15px; }
    .productInfo .top .conBox .tits {
      font-size: 22px;
      line-height: 22px; }
    .productInfo .box1 .list .item .con .conn .tits {
      font-size: 22px;
      line-height: 30px; } }
  @media (max-width: 1200px) {
    .productInfo .top {
      padding-top: 60px; }
    .productInfo .top .picBox {
      width: 49%; }
    .productInfo .top .conBox .tags {
      margin-top: 15px; }
    .productInfo .top .conBox .tit1 {
      font-size: 14px;
      line-height: 28px;
      height: 140px; }
    .productInfo .box1 .list .item .con {
      height: calc(100% - 60px);
      top: 30px; }
      .productInfo .box1 .list .item .con .conn {
        padding-top: 4.2%; }
        .productInfo .box1 .list .item .con .conn .tits {
          font-size: 18px;
          line-height: 26px; }
        .productInfo .box1 .list .item .con .conn .line {
          margin-top: 10px; }
        .productInfo .box1 .list .item .con .conn .tit {
          margin-top: 10px;
          font-size: 14px;
          line-height: 22px; } }
  @media (max-width: 1024px) {
    .productInfo .box3 .list .proItem {
      width: 48.5%;
      margin-right: 2%; }
      .productInfo .box3 .list .proItem:nth-child(2n) {
        margin-right: 0; }
      .productInfo .box3 .list .proItem:nth-child(3) {
        display: none; } }
  @media (max-width: 768px) {
    .productInfo .top .picBox {
      width: 100%;
      float: none; }
    .productInfo .top .conBox {
      width: 100%;
      float: none; }
      .productInfo .top .conBox .tits {
        font-size: 18px;
        line-height: 22px; }
    .productInfo .top .return {
      top: 20px; }
    .productInfo .top .picBox .lPic a {
      margin-bottom: 10px; }
    .productInfo .box1 .title {
      margin-top: 20px; }
    .productInfo .box1 .list {
      margin-top: 25px; }
      .productInfo .box1 .list .item {
        margin-bottom: 20px; }
        .productInfo .box1 .list .item .pic {
          width: 100%;
          float: none !important; }
        .productInfo .box1 .list .item .con {
          width: 100%;
          height: auto;
          position: relative;
          top: auto;
          right: auto !important;
          left: auto !important;
          padding-bottom: 20px;
          padding-top: 15px; }
    .productInfo .box2 {
      padding: 20px 0; }
      .productInfo .box2 .title {
        font-size: 18px;
        line-height: 18px; }
      .productInfo .box2 .butBox a {
        width: 160px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        border-width: 1px;
        margin-right: 10px; }
    .productInfo .box1 .title {
      font-size: 20px;
      line-height: 20px; }
    .productInfo .box3 .title {
      padding-bottom: 8px; }
      .productInfo .box3 .title a {
        margin-top: 2px; }
    .productInfo .box3 .title .tits {
      font-size: 20px;
      line-height: 20px; }
      .productInfo .box3 .title .tits:after {
        bottom: -9px; }
    .productInfo .box3 {
      padding-top: 25px; }
    .productInfo .box3 .list {
      margin-top: 20px; }
    .productInfo .box3 .list .proItem {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px; }
      .productInfo .box3 .list .proItem:nth-child(3) {
        display: block; } }
.prolists{
	width: 92%;
	max-width: 1440px;
}

.d_n{
	display: none;
}





@media screen and (min-width:981px) and (max-width:1400px) {
	.header .navbar-default .navbar-nav>li>a {
		padding: 0 15px;

	}

	.header .navbar-collapse {
		width: 820px;
	}

	.homepage .f .pic {
		width: 100%;
	}
}

@media screen and (min-width:769px) and (max-width:980px) {

	.logo img {
		width: 110px;
	}



}

@media (max-width:768px) {
	.header {
		line-height: 45px;
		padding: 0 15px;
		font-size: 14px;
		background: #fff;
	}
	.header .fl{
		float: none;
	}
	.navbar-default .navbar-toggle {
		margin-right: 0;
	}

	.navbar-collapse {
		float: none;
	}

	.logo {
		width: 100px;
	}

	.header .navbar-default .navbar-nav>li>a {
		line-height: 40px;
		padding: 0 15px;
		font-size: 14px;
	}

	.homepage .d .box {
		width: 100%;
		position: static;
		padding: 15px;
		transform: translate(0, 0);
	}



	.homepage .a dt {
		padding-top: 80px;
		font-size: 18px;
	}

	.homepage .a p {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.homepage .a .btn {
		font-size: 14px;
		padding: 8px 20px;
	}

	.homepage .b {
		font-size: 12px;
		padding-top: 10px;
	}

	.homepage .b a dt {
		font-size: 15px;
	}

	.homepage .b a img {
		height: 60px;
		margin-top: 20px;
	}

	.homepage .title {
		font-size: 24px;
		padding: 30px 0 15px;
	}

	.homepage .c .bd {
		margin-bottom: 25px;
	}

	.homepage .c .box img {
		height: 60px;
	}

	.homepage .c .box {
		font-size: 12px;
		height: auto;
		padding: 15px 0;
	}

	.homepage .c .box dt {
		font-size: 16px;
	}

	.homepage .c .box .btn {
		font-size: 14px;
		line-height: 40px;
		height: 40px;
	}

	.homepage .c .text-right {
		padding-top: 15px;
	}

	.homepage .c {
		padding-bottom: 20px;
	}

	.homepage .d {
		padding: 20px 0;
	}

	.homepage .d .box h4,
	.homepage .e .row a dt {
		font-size: 16px;
	}

	.homepage .d .box p {
		font-size: 12px;
		line-height: 24px;
	}

	.homepage .d .box .btn {
		font-size: 14px;
	}

	.homepage .e .row a {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.homepage .e {
		padding-bottom: 20px;
	}

	.footer i {
		width: 100%;
		margin: 15px 0;
	}

	.footer {
		font-size: 12px;
		padding-top: 15px;
	}

	.footer .logo_f {
		width: 150px;
	}

	.footer li {
		line-height: 24px;
	}

	.footer h4 {
		font-size: 14px;
	}

	.footer .code {
		margin: 0;
	}

	.banner_info {
		height: 250px;
		font-size: 14px;
	}

	.banner_info dt {
		font-size: 18px;
		padding-top: 120px;
	}

	.aboutus .a .col-lg-8 {
		font-size: 12px;
		line-height: 30px;
	}

	.aboutus .a .col-lg-8 span {
		font-size: 18px;
	}

	.aboutus .a .col-xs-4 {
		padding: 0;
	}

	.aboutus .a .flex {
		display: block;
		font-size: 12px;
	}

	.aboutus .a .flex .pic {
		margin: 0;
	}

	.aboutus .a .flex_item {
		padding: 15px;
	}

	.aboutus .a .flex p {
		line-height: 24px;
		margin-top: 10px;
	}

	.aboutus .a .flex h4 {
		font-size: 16px;
	}

	.aboutus .b li {
		width: 50%;
		padding: 0 7px;
	}

	.aboutus .b ul {
		margin: 0 -7px;
	}

	.contentus .a,
	.contentus .b {
		padding: 20px 0;
	}

	.contentus .a .col-lg-4,
	.contentus .b .col-lg-4 {
		font-size: 20px;
	}

	.contentus .a h2 {
		font-size: 16px;
		margin-top: 10px;
	}

	.contentus .a h4 {
		margin: 15px 0;
		font-size: 12px;
	}

	.contentus .a .row .row p {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.contentus .b .box {
		margin-top: 10px;
	}

	.contentus .b .box dl br {
		display: none;
	}

	.contentus .a h2::before {
		margin-bottom: 10px;
	}

	.prolists .nav-tabs>li {
		width: 33.333%;
		margin: 0 0 2px 0;
		font-size: 12px;
		text-align: center;
	}

	.prolists .nav-tabs>li>a {
		padding: 8px 0;
	}

	.newsitem .bd p {
		font-size: 12px;
		line-height: 22px;
	}

	.newsitem .hd h1 {
		font-size: 18px;
	}

	.newsitem .ft .text-right {
		text-align: left;
	}
	.prolists,.contentus .container,.productInfo .container{
		width: 100%;
	}
	.homepage .a img{
		width: 140%;
		    margin-left: -20%;
	}
	.homepage .a .swiper-slide{
		overflow: hidden;
	}


}

/*.xulie{ margin:30px auto; height:30px; }*/
.xulie{clear:both; width:100%;margin:0 auto; text-align: center;    line-height: 30px; padding-bottom:10px}
.xulie a{  display:inline-block; width:30px; height:30px;  border:#CCCCCC solid 1px; text-align:center; color:#666666; margin:0 7px;}
.xulie a:hover{ background-color:#337ab7; color:#FFFFFF}
.disabled{display:inline-block; width:30px; height:30px;  border:#EEE solid 1px; text-align:center; color:#DDD; margin:0 7px;}
#oncur{background-color:#337ab7; color:#FFFFFF}