@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0; max-width: 750px; margin:0px auto;
}
html {
	overflow-y: scroll;
}
em,i{font-style: normal;}
html, body {
	/*max-width: 640px;
	margin: 0 auto;*/
	font-size: 16px;
	font-family: "Arial","微软雅黑";
	font-weight: 100;
	color: #333;
	background: #fff;
}
a {
	color: #333;
	text-decoration: none;
}
/*a:hover {
	color: #006cb8;
	text-decoration: none;
}*/
img {
	border: 0 none; max-width: 100%;
}
ol, ul, li {
	list-style: none;
}
div, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
input[type="submit"] {
	cursor: pointer;
}
button {
	cursor: pointer;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ov {
	overflow: hidden;
}

@media screen and (min-width:320px) {
body {
	font-size: 75%;
}
}

@media screen and (min-width:360px) {
body {
	font-size: 85%;
}
}

@media screen and (min-width:480px) {
body {
	font-size: 110.5%;
}
}

@media screen and (min-width:568px) {
body {
	font-size: 129%;
}
}

@media screen and (min-width:639px) {
body {
	font-size: 150%;
}
}



.ind_title{text-align: center; line-height: 2;}
.ind_title h3{font-size: 1.5em; font-weight: bold; color: #2655b2; line-height: 2;}
.ind_title h3 i{color: #f4a43c;}
.ind_title h4{height: 1px;border-bottom: 1px #2655b2 dashed;}
.ind_title h4 i{display: inline-table; width: 4em; height:0.3em; background: #2655b2;}
.ind_title p{text-transform:uppercase; color: #999999; letter-spacing: 2px;}

.ind_titlefff h3{color: #fff;}
.ind_titlefff h3 i{color: #fff;}
.ind_titlefff h4{border-color: #fff;}
.ind_titlefff h4 i{background: #fff;}
.ind_titlefff p{color: #fff;}

.ind_pro{background: url(../images/probg_02.jpg) top center no-repeat #e6e9ec; background-size: 100% auto; padding: 2em 0px 1.6em;}
.ind_prolist{padding: 1em 2%;}
.ind_prolist a{float: left; width: 49%; border:1px #a0a0a0 solid; border-radius: 1em; overflow: hidden; margin: 0.6em 0px; background: #fff;}
.ind_prolist a:nth-child(2n){float: right;}
.ind_prolist a .img{height:10em; width: 50em;display: table-cell; vertical-align: middle;text-align: center;}
.ind_prolist a .img img{max-height:9em; max-width: 90%;}
.ind_prolist a .desc{padding: 0em 2% 1em;}
.ind_prolist a .desc h3{font-size: 1.1em; line-height: 2;}
.ind_prolist a .desc p i{display: inline-table; border:1px #828282 solid; border-radius: 0.9em; font-size: 0.8em; line-height: 2; padding: 0px 0.3em; margin:0.2em 0.2em;}

.ind_more{text-align:center;}
.ind_more a{display: inline-table; background: #2655b2; color: #fff;text-transform:uppercase; font-size: 1.2em; line-height: 2; padding: 0px 3em; border-radius: 0.5em;}


.ind_proys{background: url(../images/proys_02.jpg) top center no-repeat; background-size: 100% auto; padding: 2em 0px 0em;}
.ind_proys .img{background: #f7f7ff;}


.ind_case{background: url(../images/casebg_04.jpg) top center no-repeat; background-size: 100% auto; padding: 2em 0px 1.6em;}


.ind_case1{padding: 0.5em 2%;}
.ind_case1 a{display: block; position: relative; margin: 0.5em 0px;}
.ind_case1 a .img{height:14.2em;}
.ind_case1 a .img img{width: 100%; height:100%; object-fit: cover;}
.ind_case1 a .desc{position: absolute; left: 0px; top: 0.6em; height:13em; background: rgba(38,85,178,0.8); color: #fff; width: 1em; padding: 0px 1em;}
.ind_case1 a .desc h3{font-size: 1em; line-height: 1.2; overflow: hidden; margin:0.5em 0px; height:12em;}
.ind_case1 a:nth-child(2) .desc{left: auto; right: 0px;}


.ind_case2{padding: 1em 2%;}
.ind_case2 a{float: left; width: 49%; margin: 0.6em 0px; position: relative;}
.ind_case2 a:nth-child(2n){float: right;}
.ind_case2 a .img{height:12em;}
.ind_case2 a .img img{width: 100%; height:100%; object-fit: cover;}
.ind_case2 a .desc{position: absolute; left: 0px; bottom: 0px; background: url(../images/casetbg.png) center top no-repeat; background-size: 100% auto; width: 92%; padding: 0.5em 4%;}
.ind_case2 a .desc h3{line-height: 2; font-size: 1em; background: url(../images/lingxing.png) center left no-repeat; padding-left: 16px;}
.ind_case2 a:nth-child(2n) .desc h3{padding-left: 0px;background: url(../images/lingxing.png) center right no-repeat; padding-right: 16px; text-align:right;}


.ind_about{background: url(../images/about_06.jpg) top center no-repeat #1a61c0; background-size: 100% auto; padding: 2em 0px 1.6em;}

.ind_honor{padding: 2em 0px 0em;}
.ind_honor .img{margin-top: 1em;}

.ind_scyck {background: url(../images/casebg_04.jpg) top center no-repeat; background-size: 100% auto; padding: 2em 0px 0px;}
.ind_scyck .ind_titlefff{background: #2655b2; padding: 0.5em 0px;}
.ind_scyck .img{background: #f3f3f3; padding-bottom: 1.6em;}

.ind_news {background: url(../images/casebg_04.jpg) top center no-repeat; background-size: 100% auto; padding: 2em 0px 0px;}

.ind_newslist{margin:1em 2%;}

.ind_newslist li{position: relative; padding: 0.6em 5em 0.6em 2em; line-height: 1.6;}
.ind_newslist li i{position: absolute; left: 0px; top: 0.8em; background: #2655b2; color: #fff; border-radius: 0.4em; width: 1.6em; height:1.6em; text-align:center; line-height: 1.6em;}

.ind_newslist li a{position: absolute; right: 0px; top: 50%; transform: translate(0,50%); background: #2655b2; color: #fff; border-radius: 0.4em; padding: 0.2em 0.4em;}
.ind_newslist .word h3{margin-bottom: 0.5em; font-size: 1.1em; font-weight: normal;}
.ind_newslist li .desc{color: #999;}
.ind_newslist li .content{display: none;color: #999;}



input{outline: none;}
.ind_form{padding: 2em 8%;}
.ind_formul{border-radius: 1em; overflow: hidden; box-shadow: 0px 0px 6px #ccc; text-align: center; padding: 1.5em 5%;}
.ind_formul li{margin:1em 0px;}
.ind_formul h3{font-size: 2em; font-weight: normal; color: #2655b2;}
.ind_formul input{width: 100%; height:3em; border:0px #fff solid;}
.ind_formul .txt input{text-indent: 0.6em; background: #eeeeee;}
.ind_formul .sub input{background: #2655b2; color: #fff; border-radius: 1.5em;}

body{padding-bottom: 4.5em;}
.foot{position: fixed; left: 0px; bottom: 0px; width: 100%; text-align:center;}


.ind_hzqy {background: url(../images/casebg_04.jpg) top center no-repeat; background-size: 100% auto; padding: 2em 0px 0px;}
.ind_hzqy .ind_titlefff{background: #2655b2; padding: 0.5em 0px;}


.icp{text-align:center; line-height: 2;}

.loaction{line-height: 2; padding: 0.3em 2%;}
.navigation{text-align: center;}

.main_show{padding: 1em 2%;}
.main_showtitle{text-align: center; font-size: 1.2em; line-height: 2;}

.main_showtime{text-align:center; line-height: 2;}
.main_showcontent{padding: 1em 0px;}
.main_showfy{line-height: 2;}



