body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Microsoft YaHei","PingFang SC" STHeiti, 宋体, arial;
    background-color: #fff;
    min-width: 1300px;
}

button, input, textarea {
    font-family: "Microsoft YaHei", STHeiti, 宋体, arial;
    padding: 0;
    font-family: Verdana, Arial
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei", STHeiti, 宋体, arial;
    font-weight: normal
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
    outline-color: transparent;
    border: 0
}

a {
    color: #333;
    display: inline-block;
	text-indent:0px;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

@media (max-width: 1919px) and (min-width: 768px) {
    html {
        zoom: 85%;
    }
    @-ms-viewport { width: 1920px; }
}


/*header*/
.header{
	width: 100%;
	position: relative;
}
.top{
	width: 1300px;
	margin: 0 auto;
}
.toplogo{
	float: left;
	display: inline-block;
	height: 110px;
	line-height: 110px;
	font-size: 0;
}
.toplogo img{
	width: 196px;
	height: 33px;
	vertical-align: middle;
}
.nav{
	float: right;
	margin-left: 54px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.nav>ul{
	/*-webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;  */
    float: right;
    display: block;
    width: 640px;
	max-width: 840px;
	height: 110px;
	margin-right:40px;
}
.nav>ul>li{
	float: left;
	padding: 0px 35px;
}
.nav>ul>li>a{
	display: inline-block;
	font-size: 18px;
	color: #333333;
	line-height: 110px;
}
.nav>ul>li>a:hover{
	color: #008ae5;
}

.nav .h-language{
	float: left;
	margin-right: 40px;
	margin-top: 40px;
}
.nav .h-language ul{
	background-color:#008ae5;
	border: #008ae5 solid 1px;
}
.nav .h-language ul li{
	float: left;
	padding: 0px 5px;
	background-color:#fff;
}
.nav .h-language ul li a{
	color: #008ae5;
	font-size: 14px;
	line-height: 30px;
}
.nav .h-language ul li:hover, .header .h-language ul li.on{
	background-color: #008ae5;;
}
.nav .h-language ul li:hover a, .header .h-language ul li.on a{
	color: #ffffff;
}
.tsousuo{
	float: left;
	/*display: table;*/
	margin-top: 38px;
	height: 32px;
	border:#FFFFFF solid 1px;
	border-radius:20px;
	vertical-align: middle;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.tsousuo:hover{
	width: 160px;
}

.tsousuodiv{
	/*display: table-cell;
	vertical-align: middle;*/
}
.tsearch{
	width: 100%;
	height: 32px;
	border:#7d7d7d solid 1px;
	border-radius:20px;
	padding-right: 25px;
	padding-left: 25px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.tsearch .text{
	float: left;
	display: inline-block;
	width:65px;
	height: 30px;
	line-height: 30px;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	color: #999999;
	font-size: 14px;
	background: none;
}
.ttubiao{
	float: right;
	display: inline-block;
	width: 15px;
	height:30px;
	background: url(../images/tsousuo.png) center no-repeat;
	background-size: 15px 15px;
}
.tsearch input{
	border: none;
}
.tsearch input::-webkit-input-placeholder {
    color: #999999;
	font-size: 14px;
}
.tsearch input:-moz-placeholder {
	color: #999999;
	font-size: 14px;
}
.tsearch input::-moz-placeholder {
	color: #999999;
	font-size: 14px;
}
.tsearch input:-ms-input-placeholder {
	color: #999999;
	font-size: 14px;
}
.navcell{
}
.navitem{
	position: absolute;
	top: 110px;
	left: 0;
	right: 0;
	width: 100%;
	height: 400px;
	display: none;
	border-top: #e5e5e5 solid 1px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 99;
}
.nav>ul>li:hover .navitem{
	display: block;
}
.navcell-left{
	float: left;
	width: 65.5%;
	background-color: #f5f5f5;
	height: 400px;
}
.navcell-left ul{
	float: right;
	max-width: 950px;
	text-align: right;
	margin-top: 80px;
	padding-right: 25px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.navcell-left ul li{
	float: left;
	display: inline-block;
	margin-right: 110px;
	text-align: left;
}
.navcell-left ul li span{
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	text-align: left;
}
.navcell-left ul li span i{
	display: inline-block;
	width: 39px;
	height: 23px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: right;
	margin-right: 6px;
}
/*.iconsp1{
	background: url(../images/cellicon1.png) right center no-repeat;
}
.iconsp2{
	background: url(../images/cellicon2.png) right center no-repeat;
}
.iconsp3{
	background: url(../images/cellicon3.png) right center no-repeat;
}
.iconsp4{
	background: url(../images/cellicon4.png) right 8px center no-repeat;
}
.iconsp5{
	background: url(../images/cellicon5.png) right 8px center no-repeat;
}
.iconsp6{
	background: url(../images/cellicon6.png) right 8px center no-repeat;
}
.iconsp7{
	background: url(../images/cellicon8.png) right 8px center no-repeat;
}
.iconsp8{
	background: url(../images/cellicon8.png) right 8px center no-repeat;
}
.iconsp9{
	background: url(../images/cellicon9.png) right 8px center no-repeat;
}
.iconsp10{
	background: url(../images/cellicon10.png) right 8px center no-repeat;
}
.iconsp11{
	background: url(../images/cellicon11.png) right 8px center no-repeat;
}
.iconsp12{
	background: url(../images/cellicon12.png) right 8px center no-repeat;
}
.iconsp13{
	background: url(../images/cellicon13.png) right 8px center no-repeat;
}
.iconsp14{
	background: url(../images/cellicon14.png) right 8px center no-repeat;
}
.iconsp15{
	background: url(../images/cellicon15.png) right 8px center no-repeat;
}*/
.navcell-left ul li span i img{
	max-width: 39px;
	max-height: 23px;
}
.navcell-left ul li span a{
	display: inline-block;
	color: #333333;
	font-size: 18px;
	padding-left: 45px;
}
.navcell-left ul li>a{
	display: block;
	padding-left: 45px;
	color: #777777;
	font-size:14px;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.navcell-left ul li>a:last-child{
	margin-bottom: 0;
}
.navcell-right{
	float: left;
	display: table;
	width:34.5%;
	height: 400px;
	padding-left: 100px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ffffff;
}
.navcell-right div{
	display: table-cell;
	vertical-align: middle;
}
.navcell-right div img{
	display: block;
	width: 330px;
	height: 203px;
	margin-bottom: 8px;
}
.navcell-right div p{
	width: 330px;
	color: #333333;
	font-size: 16px;
	height: 45px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.navcell-right div a{
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	margin-top: 12px;
	background-color: #008ae5;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}
.nav>ul>li:hover .navcell{
	display: block;
	opacity: 1;
}
/*footer*/
.footer{
	width: 100%;
	/*overflow: hidden;*/
	background-color: #f4f4f4;
	border-top: #e5e5e5 solid 1px;
}
.fttop{
	widows: 100%;
	overflow: hidden;
	padding-bottom: 55px;
	border-bottom: #ececec solid 1px;
}
.fttopcon{
	width: 1300px;
	margin: 30px auto 0px;
	display: flex;
	justify-content: space-between;
}
.fttopleft{
	display: inline-block;
	padding-right: 85px;
	position: relative;
	margin-right: 45px;
}
.fttopleft img{
	display: block;
	margin: 30px auto 0px;
}
.fttopleft span{
	display: inline-block;
	color: #818181;
	font-size: 14px;
	margin: 0 auto;
	padding: 2px 12px;
	border:#818181 solid 1px;
	border-radius: 12px;
	letter-spacing: 1.5px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 12px;
}

.fttopleft p{
	color: #666666;
	font-size: 14px;
	text-align: center;
}
.fttopleft div{
	font-family: "Candara";
	color: #008ae5;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
.fttopleft:after{
	content: '';
	position: absolute;
	right: 0;
	top: 30px;
	width: 1px;
	height: 155px;
	background-color: #e5e5e5;
}
.fttopright{
	flex: 1;
}
.fttopright ul{
	float: left;
	display: inline-block;
	margin-top: 20px;
}
.fttopright ul li{
	float: left;
	padding-left: 40px;
	width: 128px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.fttopright ul li span{
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 18px;
	margin-bottom: 20px;
}
.fttopright ul li a{
	display: inline-block;
	width: 100%;
	color: #777777;
	font-size: 14px;
	line-height: 26px;
}
.fttopright ul li a:hover{
	color: #333333;
}
.erweima{
	float: right;
	display: inline-block;
}
.erweima div{
	float: left;
	margin-right: 30px;
}
.erweima div:last-child{
	margin-right: 0;
}
.erweima div img{
	display: block;
	margin: 0px auto 10px;
}
.erweima div p{
	text-align: center;
	font-size: 16px;
	color: #666666;
}
.bahxinxi{
	width:100%;
	/*overflow: hidden;*/
	text-align:center;
}
.bahxinxicon{
	display:inline-block;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
}
.bahxinxicon span{
	display: inline-block;
	color: #9d9d9d;
	font-size: 14px;
	float:left;
}
.bahxinxicon span a{
	color: #333333;
	margin-left: 10px;
	padding-right: 10px;
}
.bahxinxicon span:first-child{
	margin-right: 75px;
}
.bahxinxicon span:first-child a{
	color: #9d9d9d;
}
.bahxinxicon span a:hover{
	color: #333333;
}
.xzhover{
	position: relative;
	float: left;
	display: inline-block;
}
.xzhover:hover .dtlj{
	color: #008ae5;
}
.wzditu{
	position: absolute;
	left: -650px;
	bottom: 48px;
	margin: auto;
	background: #fff;
	border: 1px solid #dadada;
	z-index: 6;
	padding: 30px 0px;
	min-width: 1000px;
	display: none;
}
.xzhover:hover .wzditu{
	display: block;
}
.wzditu>ul{
	padding-left: 30px;
}
.wzditu>ul>li{
	float: left;
	width: 120px;
	margin-right: 15px;
	text-align: left;
}
.wzditu>ul>li:last-child{
	margin-right: 0;
}
.wzditu>ul>li>a{
	color: #333333;
	font-size: 16px;
}
.wzditu>ul>li ul{
	width: 100%;
	overflow: hidden;
}
.wzditu>ul>li ul li{
	width: 100%;
	line-height: 30px;
}
.wzditu>ul>li ul li a{
	color: #666;
	font-size: 14px;
}

.flink{
	position: absolute;
	right: -180px;
	bottom: 48px;
	margin: auto;
	background: #fff;
	border: 1px solid #dadada;
	z-index: 6;
	padding: 30px 30px;
	min-width: 1000px;
	display: none;
}
.xzhover:hover .flink{
	display: block;
}
.flink>ul>li{
	float: left;
	margin-right: 15px;
	text-align: left;
	line-height: 32px;
}
.flink>ul>li>a{
	color: #666;
	font-size: 14px;
}
.flink>ul>li>a:hover{
	color: #333333;
}
.ftshuxian{
	float: left;
	margin: 0px 6px;
}
/**/
.bgcolor1{
	background-color: #f5f5f5;
}
.bgcolor2{
	background-color: #FFFFFF;
}
.bgcolor3{
	background-color: #f6f6f6;
}
.sytitle{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.sytitle h2{
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}
.sytitle h2 span{
	color: #666666;
	font-weight: normal;
}
.sytitle p{
	color: #c1c1c1;
	font-size: 18px;
	font-family: Arial;
}
.sytitle i{
	display: block;
	width: 35px;
	height: 1px;
	background-color: #008ae5;
	margin: 15px auto 0px;
}
.gytitle{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.gytitle h2{
	display: inline-block;
	color: #333333;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}
.gytitle h2:before{
	content: '';
	position: absolute;
	left: -15px;
	top: 18px;
	width: 8px;
	height: 3px;
	background-color: #333333;
}
.gytitle h2:after{
	content: '';
	position: absolute;
	right: -15px;
	top: 18px;
	width: 8px;
	height: 3px;
	background-color: #333333;
}
.gytitle h2 span{
	color: #008ae5;
}
.gytitle p{
	font-family: Arial;
	color: #777777;
	font-size: 18px;
}
.fwtitle{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.fwtitle h2{
	font-weight: normal;
	color: #333333;
	font-size: 28px;
}
.fwtitle i{
	display: block;
	width: 25px;
	height: 1px;
	background-color: #008ae5;
	margin: 15px auto 10px;
}
.fwtitle p{
	color: #999999;
	font-size: 14px;
	font-family: Arial;
}

/*分页*/
.fenye{
	width: 100%;
	overflow: hidden;
}
.fenye ul{
	display: inline-block;
	float: right;
}
.fenye ul li{
	display: inline-block;
	margin-right: 5px;
}
.fenye ul li a{
	display: inline-block;
	width: 37px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	margin-bottom: 2px;
	color: #999999;
	background-color: #fff;
	font-size:14px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.lastpage{
	padding: 0px 20px;
}
.pageact{
	color: #FFFFFF !important;
	background-color: #0097fb !important;
	box-shadow:none !important;
}

.weizhi{
	width: 100%;
	overflow:hidden;
	margin: 0 auto;
}
.weizhicon{
	width: 1300px;
	margin: 0px auto;
	line-height: 65px;
}
.weizhicon span, .weizhicon a{
	display: inline-block;
	color: #777777;
	font-size: 14px;
}
.weizhicon i{
	font-style: normal;
	color: #777777;
	font-size: 14px;
	margin-right: 3px;
}
.weizhicon a:hover{
	color: #333;
}

/*案例、资讯tab*/
.altab{
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: #d2d2d2 solid 1px;
	background-color: #FFFFFF;
}
.altab ul{
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.altab ul li{
	display: inline-block;
	position: relative;
	padding: 0px 65px;
	height: 100px;
	line-height: 100px;
}
.altab ul li.alsel:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: inline-block;
	margin: 0 auto;
	width: 95px;
	height: 1px;
	background-color: #0097fb;
}
.altab ul li a{
	color: #333333;
	font-size: 20px;
}
.alsel a{
	color: #008ae5 !important;
	font-weight: bold;
}

.mainbg{
	background-color: #f9f9f9;
}


/*侧栏*/
@media screen and (max-width: 1300px) {
    .celan{
    	display: none;
    }
}

@media (max-width: 1919px) and (min-width: 768px) {
    html {
        zoom: 85%;
        
    }
    @-ms-viewport { width: 1920px; }
}
.celan{
	position: fixed;
	top: 30%;
	right: 40px;
	width: 50px;
	z-index: 999;
	display: none;
}
.celan ul{
}
.celan ul li{
	position: relative;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	box-shadow: 2px 0px 15px rgba(0,0,0,0.1);
	margin-bottom: 5px;
	background-color: #008ae5;
}
.celan ul li a{
	display: inline-block;
	width: 100%;
}
.clzitu{
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.clzitu i{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition: 0.3s;
}
.clzitu i img{
	width: 31px;
	height: 27px;
	vertical-align: middle;
}
.clzitu p{
	height: 50px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
.celan ul li.cltop a .clzitu p{
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
}
.celan ul li a:hover .clzitu i{
	display: none;
}
.ewm{
	display: none;
	position: absolute;
	right: 55px;
	bottom: 0px;
	width: 120px;
	height: 120px;
}
.ewm img{
	width: 120px;
	height: 120px;
}
.celan ul li:hover .ewm{
	display: block;
}
.haoma{
	display: none;
	position: absolute;
	right: 48px;
	bottom: 0px;
	padding: 0px 15px;
	background-color: #008ae5;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
}
.celan ul li:hover .haoma{
	display: block;
}
.cltop{
	background-color: #43403f !important;
}



.pro_msg {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99;
	background: #fff;
	z-index: 99;
	padding-left: 50px;
	width: 520px;
	margin-left: -285px;
	margin-top: -180px;
	padding-bottom: 20px;
	display: none;
	border: #008ae5 solid 1px;
}

.pro_msg li {
	margin-bottom: 20px;
}

.pro_msg h5 {
	font-size: 20px;
	color: #008ae5;
	padding-top: 40px;
	margin-bottom: 20px;
}

.pro_msg .label {
	font-size: 14px;
	color: #878787;
}

.pro_msg .text {
	border: 1px solid #d7d7d7;
	line-height: 30px;
	width: 224px;
	text-indent: 8px;
	text-align: left;
	color: #878787;
}

.pro_msg textarea {
	width: 370px;
	height: 110px;
	vertical-align: top;
	border: 1px solid #d7d7d7;
}

.pro_msg .pro_btn {
	width: 120px;
	height: 35px;
	margin-left: 40px;
	color: #FFFFFF;
	background-color: #008ae5;
	line-height: 35px;
	text-align: center;
	border: none;
}

.por_close {
	position: absolute;
	right: -20px;
	top: -20px;
	cursor: pointer;
}

.gr-page-other{
	width: 800px;
    border: 1px dotted #ddd;
    padding:10px 20px;
    margin: 0 auto;
    overflow: hidden;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.gr-back-btn {
	float: right;
    margin-top: 6px;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #008ae5;
    font-size: 14px;
    color: #fff !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.gr-page-other p {
	float: left;
	width: 620px;
	overflow: hidden;
    line-height: 26px;
}
.gr-page-other p a{
	float: left;
	display: inline-block;
	width: 510px;
	height: 26px;
	color: #999999;
	font-size: 14px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.gr-page-other p span{
	float: left;
	margin-right: 10px;
	color: #666666;
	font-size: 14px;
}
.gr-page-other p:hover a{
	color: #333;
}