* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

@font-face {
    font-family: 'Alibaba PuHuiTi';
    src: url('AlibabaPuHuiTi-Regular.ttf') format('truetype');
}
body {
    font-family: 'Alibaba PuHuiTi', sans-serif;
}
.pc {
	display: block;
}

.mobile {
	display: none;
}

.headercon {
	width: 1200px;
	margin: 10px auto;
	overflow: hidden;
}

.logo {
	float: left;
}

.logo img {
	vertical-align: middle;
}

.logo span {
	border-left: 1px solid #666;
	color: #666;
	padding-left: 10px;
	margin-left: 11px;
}

.phone {
	float: right;
	overflow: hidden;
	color: #666;
	margin: 10px;
}

.phoneL {
	float: left;
	margin-right: 10px;
}

.phoneL img {
}

.phoneR {
	float: left;
}

.phoneR p {
}

.nav {
	background: #009fe9;
	height: 50px;
}

.navcon {
	width: 1200px;
	margin: 0 auto;
	line-height: 50px;
}

.navcon a {
	width: 10%;
	font-size:20px;
	float: left;
	color: #fff;
	text-align: center;
}

.navcon a:hover {
	background: #fff;
	color: #009fe9;
}

.banner {
	width: 100%;
}

.banner a {
	width: 100%;
	display: block;
}

.banner img {
	width: 100%;
}

.title {
	margin-bottom: 28px;
}

.title1 {
}

.cnt {
}

.ent {
	text-align: center;
	color: #AACEE6;
	font-size: 22px;
	;
}

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

.introtop {
	overflow: hidden;
}

.introimg {
	float: left;
	border-top: 1px solid #2896cb;
	width: 48%;
}

.introtxt {
	float: right;
	width: 48%;
	border-top: 1px solid #2894cb;
	line-height: 32px;
	padding-top: 15px;
}

.introtxt p {
	text-indent: 2em;
}

.introtxt p b {
	color: #2896cb;
}

.introbottom {
	overflow: hidden;
    /* float: left; */
	border-top: 1px solid #2896cb;
	border-bottom: 1px solid #2896cb;
	padding: 20px 0;
	margin: 20px 0;
    /* line-height: 30px; */
}

.introbottomL {
	float: left;
	color: #2896cb;
	font-weight: 700;
	width: 20px;
	border: 1px dashed #2896cb;
	text-align: center;
	padding: 10px;
}

.introbottomR {
	width: 1130px;
	float: right;
	line-height: 31px;
}

.zonghe {
	background: url(../images/2.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	padding: 50px 0;
}

.zonghecon {
	width: 1200px;
	margin: 0 auto;
	background: url(../images/nengyuanbg.png) no-repeat;
	background-size: 100% 100%;
	padding: 30px 0;
}

.title1 {
	background: url("../images/title2.png") center no-repeat;
	background-size: 600px;
	height: 113px;
	text-align: center;
	line-height: 113px;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.title2 {
	background: url("../images/title1.png") center no-repeat;
	background-size: 600px;
	height: 113px;
	text-align: center;
	line-height: 113px;
	font-size: 40px;
	font-weight: 700;
	color: #2896CB
}

.zongheintro {
	width: 80%;
	margin: 0 auto 30px;
	color: #fff;
	line-height: 30px;
}

.zongheintro p {
}

.procenter {
	background: url(../images/index3.png) no-repeat;
	background-size: 100% 100%;
	padding: 30px 0;
}

.productintro {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.productintro a {
	width: 33%;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin: 0px 0;
}

.productintro a:hover {
	background: rgba(255,255,255,.2);
	border-radius: 10px;
}

.productintro a img {
	margin: 20px 0;
	height: 80px;
}

.productintro .proline img {
	height: 5px;
}

.casecenter {
	background: url(../images/index2.png) no-repeat;
	background-size: 100% 100%;
	padding: 30px 0;
	padding-bottom: 68px;
}

.newscenter {
	background: url(../images/index4.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.newsbox {
	width: 1200px;
	margin: 0 auto 40px;
	background: #fff;
	border-radius: 12px;
}

.newscon {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
}

.newsitem {
    /* width: 20%; */
    /* float: left; */
    /* margin: 2%; */
}

.newsitem a {
	display: block;
	width: 21%;
	float: left;
	margin: 0 2%;
	margin-bottom: 47px;
}

.newsitem img {
    width: 220px;
    height: 142px;
}

.newsline {
}

.newstitle {
	color: #333;
	margin: 10px 0;
	line-height: 26px;
}

.newsdes {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 22px;
}

.newsmore {
	border: 1px solid #069BE1;
	color: #069BE1;
	text-align: center;
	width: 153px;
	margin: 0 auto;
	display: block;
	padding: 6px 0;
	border-radius: 30px;
}

.footer {
	background: #313334;
	overflow: hidden;
}

.footertop {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.footeritem {
	float: left;
	width: 20%;
	line-height: 30px;
	color: #fff;
}

.footername {
}

.footeritem a {
	color: #fff;
	display: block;
}

.footeritem >p {
	color: #069BE1;
	font-weight: 600;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.footerbottom {
	width: 1200px;
	margin: 17px auto;
	overflow: hidden;
	border-top: 1px solid #666;
	margin-bottom: 14px;
	overflow: hidden;
	padding: 10px 0;
}

.footerbotL {
	float: left;
	color: #666;
}

.footerbotR {
	float: right;
}

.footerbotR a {
}

.footerbotR img {
	width: 20px;
}

.caseproduct {
	margin: 40px 0;
}

.caseptabbox {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.caseproductcon {
	overflow: hidden;
	display: none;
}

.caseproductconL {
	float: left;
	width: 47%;
	margin: 2%;
}

.caseproductconL h2 {
	font-size: 40px;
}

.casecompany {
	color: #009fe9;
	font-size: 26px;
	margin: 10px 0;
}

.miaoshu {
	font-size: 14px;
	color: #666;
	line-height: 28px;
}

.caseproductconR {
	float: right;
	text-align: right;
    /* width: 30%; */
}

.caseproductconR img {
	padding-top:15%;
	width: 76%;
}

.caseptab {
	position: absolute;
	right: 15%;
	bottom: 54px;
	background: rgba(255,255,255,.5);
	padding: 10px;
}

.caseptab a {
	display: block;
	float: left;
	width: 40px;
	height: 30px;
}

.caseptab a.active {
	border: 2px solid #fff;
}

.caseptab a img {
	width: 40px;
	height: 30px;
}

.pagecase {
	margin: 40px auto;
	background: url("../images/casepbg.png") no-repeat;
	background-size: 100%;
	overflow: hidden;
}

.morecase {
	overflow: hidden;
	margin: 27px auto;
	width: 1160px;
}

.morecase span {
	color: #fff;
}

.morecase a {
	float: right;
	color: #fff;
	margin-right: 22px;
}

.casegroup {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}

.caseitem {
	width: 47%;
	margin: 1%;
	float: left;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 1px #ddd;
}

.caseitem a img {
	width: 100%;
	height: 350px;
}

.casename {
	color: #009fe9;
	padding: 10px;
	display: block;
}

.casedes {
	padding: 5px 10px 22px;
	color: #666;
	font-size: 14px;
	height: 150px;
}

.jiejue {
	overflow: hidden;
	margin: 60px 0;
}

.jiejueL {
	float: left;
	width: 52%;
	background: #2795CA;
	padding: 40px 0;
	height: 660px;
}

.jiejueLcon {
	width: 60%;
	margin: 10px auto;
	float: left;
	margin-left: 20%;
	color: #fff;
	line-height: 1.8;
}

.jiejueLcon h2 {
	font-size: 34px;
}

.jueenmae {
	margin: 10px 0;
}

.jijueline {
	width: 100px;
	height: 1px;
	border-top: 1px solid #ddd;
	margin-bottom: 15px;
}

.jiejuedes {
}

.jiejuedes p {
	font-size: 20px;
	line-height: 38px;
}

.jiejueR {
	float: left;
	width: 54%;
	margin-left: -6%;
	margin-top: 50px;
}

.jiejueR img {
	width: 50%;
	float: left;
	height: 316px;
}

.pageprodct {
	width: 1200px;
	margin: 40px auto;
}

.pagplist {
	overflow: hidden;
	background: url("../images/dianline.png") no-repeat 58px 0;
	background-size: 13px 100%;
	padding: 5px 0;
	padding-bottom: 35px;
	height:450px;
}

.pagplistL {
	float: left;
}

.pliname {
	width: 20px;
	color: #009fe9;
	float: left;
	font-size:18px;
	font-weight: 700;
	margin-top: 140px;
}

.plinameen {
	float: left;
	width: 10px;
	font-size: 8px;
	color: #009fe9;
	margin-top: 140px;
	margin-left: 11px;
	margin-right: 26px;
	transform: rotate(90deg);
}
.plinameen2 {
	float: left;
	width: 10px;
	font-size: 8px;
	color: #009fe9;
	margin-top: 135px;
	margin-left: 11px;
	margin-right: 26px;
	transform: rotate(90deg);
}
.pagplistM {
	float: left;
}

.pagplistM img {
	height: 100%;
	display: none;
	padding:30px 0;
}

.pagplistR {
	float: left;
	color: #666;
	text-decoration: none;
	width:600px;
	position: relative;
    top:40%;
    transform:translateY(-50%);

}

.pagplistRR {
	float: left;
	color: #666;
	text-decoration: none;
	width:550px;
	height: 450px; 
}



.spname {
	font-size: 20px;
	color: #009fe9;
}

.spdes {
	line-height: 24px;
	font-size: 16px;
}

.pagplistR1 {
	float: left;
	margin: 0 24px;
}

.pagplistR1 img {
	width: 470px;
	margin: 0 auto;
	height: 360px;
}

.indexcaseitem {
	background: #F0F3F6;
	overflow: hidden;
	height: 365px;
    /* width: 86%; */
}

.indexcaseitemL {
	float: left;
	width: 50%;
}

.indexcaseitemL a {
	display: block;
}

.indexcaseitemL a img {
	width: 301px;
	height: 365px;
}

.indexcaseitemR {
	float: right;
	padding: 40px;
	margin: 0 auto;
	width: 23%;
}

.incaseen {
	color: #069BE1;
}

.incasecn {
	font-size: 12px;
	color: #666;
	display: block;
	margin: 10px 0;
}

.moreindexcase {
	background: #069BE1;
	color: #fff;
    /* padding: 10px 49px; */
	display: inline-block;
	width: 100px;
	height: 33px;
	text-align: center;
	line-height: 33px;
}

.casecenter .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}

.casecenter .swiper-pagination {
	width: 100%;
}

.casecenter .swiper-pagination-bullet {
	display: inline-block;
	width: 20px;
	height: 6px;
	opacity: 1;
	border-radius: 0px;
	background: #eee;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

.casecenter .swiper-pagination-bullet-active {
	background: #fff;
	width: 50px;
}

.pagecase .swiper-button-prev {
	background: url(../images/left.png) no-repeat left top;
	position: absolute;
	left: 20px;
	top: 55%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 999;
}

.pagecase .swiper-button-next {
	background: url(../images/right.png) no-repeat left bottom;
	position: absolute;
	right: 20px;
	top: 55%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 999;
	outline: none;
}

.newscenter .morecase {
	width: 1200px;
}

.about {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.about li {
	width: 100%;
	overflow: hidden;
	list-style: none;
	margin-top: 50px;
}

.about-img {
	float: left;
	width: 60%;
}

.about-img img {
	width: 100%;
}

.about-con {
	float: left;
	width: 35%;
	margin-top: 25px;
	padding: 50px 20px;
	background: #F7F7F7;
	border-right: 3px solid #74B2D7;
	border-bottom: 3px solid #74B2D7;
}

.about-con h3 {
	color: #009fe9;
	font-size: 26px;
	margin: 10px 0;
}

.about-bot {
	float: left;
	width: 80%;
}

.about-bot p {
	font-size: 16px;
	color: #666;
	line-height: 34px;
}

.contact {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.contactL {
	float: left;
	width: 31%;
	border: 1px solid #eee;
	margin-right: 20px;
	height: 580px;
}

.contactL h2 {
	color: #FFFFFF;
	background-color: #2896CB;
	font-size: 24px;
	height: 50px;
	padding-top: 15px;
	border-bottom: 1px solid #666;
	text-align: center;
}

.contactL p {
	font-size: 18px;
	color: #666;
	height: 48px;
	padding: 43px 0 10px 50px;
	border-bottom: 1px solid #666;
	vertical-align: middle;
}

.contactR {
	display: block;
}

.news_con{
	padding: 40px 0;
}
.news_con  h3{
	font-size: 30px;
    font-weight: bold;
	text-align:center;
}
.news_con  .info{
	padding:20px 0;
	text-align:center;
}
.news_con  .content{
	max-width:1200px;
	margin: 0px auto; 
	font-size: 18px;
    line-height: 36px;
}
.news_con  p{
	text-indent:2em
}