/*通用类*/
* {
	margin: 0;
	padding: 0;
}
clear. {
clear:both
}
body {
	margin: 0 auto;
	font-size: 18px !important;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
	background: #fff;
	text-align: justify;
	color: #4d4d4d;
}
h1, h2, h3 {
	font-weight: 500;
}
 .bgb{
                position:relative;
                animation:mymove 25s infinite;
                -webkit-animation:mymove 25s infinite; /*Safari and Chrome*/
                animation-direction:alternate;/*轮流反向播放动画。*/
                animation-timing-function: ease-in-out; /*动画的速度曲线*/
                /* Safari 和 Chrome */
                -webkit-animation:mymove 25s infinite;
                -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
                -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            }
            @keyframes mymove
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.1);
                }

            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.1);
                }
            }
img {
	border: none;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
a {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #006bb7;
}
ul {
	list-style-type: none;
}
em {
	font-style: normal;
}
.lt {
	float: left;
}
.rt {
	float: right;
}
input.sub, label {
	border: none;
	cursor: pointer;
}
input, textarea {
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
	outline: none;
}
table {
	border-collapse: collapse;
}
table td, table th {
	padding: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color:#ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {   /* Mozilla Firefox 19+ */
 color:#ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  /* Internet Explorer 10-11 */
 color:#ccc;
}
div.clear {
	font: 0px Arial;
	line-height: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}
.line5 {
	font-size: 1px;
	height: 5px;
	width: 100%;
	clear: both;
}
.line10 {
	font-size: 1px;
	height: 10px;
	width: 100%;
	clear: both;
}
.line20 {
	font-size: 1px;
	height: 20px;
	width: 100%;
	clear: both;
}
/*wrapin 主体容器宽度*/

/*公用CSS 开始*/
.mar-top-280 {
	margin-top: 280px !important
}
.mar-top-120 {
	margin-top: 120px;
}
.mar-top-100 {
	margin-top: 100px;
}
/*header 开始*/

header {
	position: relative; overflow:hidden
}
header .logo {
	position: absolute;
	left: 5%;
	top: 5%;
}
header .logo img {
	width: 100%
}
header .Title {
	position: absolute;
	left: 15%;
	top: 40%
}
header .Title img {
	width: 100%
}
header .lower {
	position: absolute;
	left: 49%;
	bottom: 3%;
}
.index_column {
	height: 115px;
	line-height: 115px;
}
.Subheading {
	font-size: 30px;
}
.index_Mar {
	background: url(../img/bg2.jpg) no-repeat center fixed;
	background-size: cover;
}
.index_Mar h2 {
	margin: 190px auto;
}
.Und {
	display: inline-block;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 20px;
	width: 340px;
	font-size: 48px;
	color: #fff;
}
.index_product {
	margin-top: 70px;
}
.index_product h2 {
	font-size: 40px;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 20px;
	display: inline-block;
	width: 240px;
	margin-bottom: 20px;
}
.index_product.a1 h2 {
	font-size: 48px;
}
.index_Extension {
	background: #f0f0f0;
	margin-top: 50px;
}
.index_Extension .app {
	margin: 100px 80px 0;
}
.index_Extension .app img {
	width: 100%;
}
.index_list .use i {
	margin: 45px;
}
.index_list .use i {
	width: 129px;
	height: 141px;
	display: inline-block;
}
.index_list .use i img {
	width: 100%;
}
.index_list .use p {
	min-height: 120px; max-width:350px;
	display: inline-block
}
.index_service {
	background: url(../img/bg2.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 60px;
}
.index_service h2 {
	margin-top: 100px
}
.index_service ul li {
	float: left;
	width: 20%;
}
.index_service ul .Icon {
	height: 150px;
	display: flex;
	align-items: center;
}
.index_service ul .Icon img {
	max-width: 80%;
	vertical-align: middle;
	margin: 0 auto;
}
footer {
	background: #151515;
}
footer .contact {
	font-size: 24px;
	color: #fff;
	padding: 75px 0;
}
footer .copyright {
	background: #000;
	color: #fff;
	padding: 100px 0 40px;
}
.bgb{

    -ms-transform: scale(1.1,1.1); width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/bg.jpg) no-repeat center; background-size:cover;
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-transition: transform 5000ms ease-in-out;
    -moz-transition: transform 5000ms ease-in-out;
    -o-transition: transform 5000ms ease-in-out;
    -ms-transition: transform 5000ms ease-in-out;
    transition: transform 5000ms ease-in-out;}
.bgb{
	-ms-transform: scale(1.0,1.0) rotate(0.00001deg);
    -o-transform: scale(1.0,1.0) rotate(0.00001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.00001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.00001deg);
    transform: scale(1.0,1.0) rotate(0.00001deg);
}

.index_list .col-lg-4{border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; padding-bottom:60px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.index_list .col-lg-4:nth-child(3n){ border-right:none}
.index_list .col-lg-4:hover{-moz-box-shadow:0px 0px 50px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 50px rgba(0,0,0,.1); box-shadow:0px 0px 50px rgba(0,0,0,.1);}
.index_list .col-lg-4:nth-child(4),.index_list .col-lg-4:nth-child(5),.index_list .col-lg-4:nth-child(6){ border-bottom:none}
.hei140{ height:110px}
 @media only screen and (max-width:1400px) {
header .logo img {
	width: 90%
}
header .Title img {
	width: 90%
}
.index_list .use i {
	margin: 20px;
	height:160px;
}

.index_list .use p {
	font-size: 16px;
	max-width:260px;
}
 @media only screen and (max-width:1200px) {
 header .logo {
 left: 5%;
 top: 5%;
}
header .logo img {
 width: 80%
}
header .Title {
 left: 15%;
 top: 40%
}
header .Title img {
 width: 80%
}
 .index_service h2 {
 margin-top: 40px;
}
.mar-top-100 {
 margin-top: 40px !important;
}
.mar-top-120 {
 margin-top: 60px !important;
}
.mar-top-280 {
 margin-top: 60px !important;
}
.Und {
 display: inline-block;
 border-bottom: 2px solid #e5e5e5;
 padding-bottom: 10px;
 width: 240px;
 font-size: 32px;
}
.index_service {
 padding-bottom:40px;
}
index_list .use p {
 min-height: 180px;
}
.index_Mar h2 {
 margin: 100px;
}
.index_product h2 {
 font-size: 30px;
 border-bottom: 2px solid #e5e5e5;
 padding-bottom: 10px;
 width: 240px;
 margin-bottom: 10px;
}
.index_service ul li {
 float: left;
 width: 33%;
}
.index_service ul {
margin:0 20px;
}
.index_service ul .Icon img {
 max-width:70%;
}
.index_service ul .Icon {
 height: 100px;
}
}
 @media only screen and (max-width:920px) {
.index_Mar h2 {
	margin: 60px;
}

.index_service ul .Icon {
	height: 90px;
}
.index_service ul .Icon img {
	max-width: 70%;
}
}
 @media only screen and (max-width:768px) {.index_list .col-lg-4{ border:none !important}
 .index_Mar h2{ margin:60px 0 !important}
.index_column {
	height: 60px;
	line-height: 60px;
}
.Subheading {
	font-size: 20px;
}
.Und {
	display: inline-block;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 10px;
	width: 140px;
	font-size: 26px;
}
.index_Mar h2 {
	margin: 30px;
}
.index_product h2 {
	font-size: 24px;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 10px;
	width: 140px;
	margin-bottom: 10px;
}
.index_product p {
	font-size: 14px;
}
.mar-top-100 {
	margin-top: 20px !important;
}
.mar-top-120 {
	margin-top: 30px !important;
}
.mar-top-280 {
	margin-top: 30px !important;
}
.index_service {
	padding-bottom: 20px;
}
.index_service h2 {
	margin-top: 20px;
}
.index_product.a1 h2 {
	font-size: 24px;
}
.index_Extension .app {
	margin: 30px 20px 0;
}

.index_list .use i {
	margin: 20px;
	width:80;
	height:100px;
}
.index_list .use i img {
	width: 70%
}
.index_list .use p {

	min-height: 30px;
	font-size: 14px;
}
footer .contact {
	font-size: 14px;
	padding: 10px;
}
footer .copyright {
	background: #000;
	font-size: 14px;
	color: #fff;
	padding: 10px;
}
.index_service ul .Icon {
	height: 70px;
}
.index_service ul .Icon img {
	max-width: 50%;
}
.index_list .col-lg-4{ padding-bottom:20px}
}