@charset "utf-8";


body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear {clear:both;width:100%;}
body{color: #444;}
address,cite,dfn,em,var,i{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:10px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#444; }
a:hover{text-decoration:none; color:#e82d0b}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img { border:0;} 
a img{vertical-align:text-bottom;}
:focus {outline:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
/*Common Style
--------------------------------*/
/*text align*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.tj{ text-align:justify;}
/*float and clear*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{ clear:both;}
/*clear*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.w1300{width:130%;}
.juzhong{margin:0 auto;}
.juzhong1{margin:40px auto;}
.juzhong2{margin:0 auto 40px auto;}
.juzhong3{margin:40px auto 0 auto;}
.juzhong4{ margin:60px auto 40px auto;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l40{line-height:40px;}
.l42{line-height:42px;}
.l50{line-height:50px;}
.l60{line-height:60px;}
.l80{line-height:80px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.arial{font-family:Arial, Helvetica, sans-serif;}
.nor{font-weight:normal;}
.mw{width:100%; min-width:1200px;}
.green{color:#547601;}
.blue{ color:#00c1de;}
.white{color:#fff;}
.yellow{color:#fff100;}
.red{color:#3c6372;}
.c999{color:#999;}
.c666{color:#666;}
.c333{color:#333;}
.zise{color:#832b80;}
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
overflow: hidden;}
.capital{text-transform:uppercase;}
.hidden{overflow:hidden;}
.position{position:relative;}
a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}
a:focus , a:link, a:active {
	outline:none;
}


@font-face {
  font-family: 'iconfont';  /* project id 911779 */
  src: url('../fonts/font_911779_fo5n9n7imno.eot');
  src: url('../fonts/font_911779_fo5n9n7imno.eot') format('embedded-opentype'),
  url('../fonts/font_911779_fo5n9n7imno.woff2') format('woff2'),
  url('../fonts/font_911779_fo5n9n7imno.woff') format('woff'),
  url('../fonts/font_911779_fo5n9n7imno.ttf') format('truetype'),
  url('../fonts/font_911779_fo5n9n7imno.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.container1{
    max-width: 1230px;
}
.container1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container2{
    max-width: 1340px;
}
.container2 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.dz_banner{background:url(../images/banner.jpg) center no-repeat; color:#fff}
.dz_banner .container{display:table; height:800px; width:100%; box-sizing:border-box}
.dz_banner .container .dz_banner_m{display: table-cell; vertical-align:middle; }
.dz_banner h1{font-size:40px;}
.dz_banner span{font-size:20px; margin:20px 0 0 0; display:inline-block}
.dz_banner p{font-size:20px;  margin:20px 0 30px;}
.dz_banner a{display:block; width:150px; height:40px; background:#00c1de; ;line-height:40px; color:#fff; text-align:center; font-size:16px;}

.dz_name01{font-size:40px; font-weight:500; padding:100px 0 60px; z-index:99}
.dz_name01 span{display:block; height:1px; background:#00c1de; width:20%; margin:10px auto}
.dz_name01 em{font-size:20px; display:block;}

.dz_pro ul{width:100%; padding:30px 0;display: flex;justify-content: center;}
.dz_pro li{width:400px;float:left; border:1px solid #eee; background:#fff;
     text-align:center; box-sizing:border-box; margin:0 1%}
.dz_pro li img{width:398px;height: 300px;}
.dz_pro li h1{font-size:22px; margin:25px 0 0;padding:0 10px;}
.dz_pro li span{font-size:15px; padding:0 10px; margin:20px 0 30px; display:block;color: #908f8f;}
.dz_pro li p{color:#999; margin:20px 0 30px; line-height:24px;}

.dz_ds{background:url(../images/bg2.jpg) center no-repeat; background-size:cover;  text-align:center}
.dz_ds{padding-bottom:60px;}

.dz_fa{background:url(../images/bg1.jpg) center no-repeat; background-size:cover; padding:0 0 70px}
.dz_fa ul{width:110%; padding:30px 0}
.dz_fa li{float:left; border:1px solid #eee; width:21%; background:#fff; text-align:center; box-sizing:border-box; padding: 60px 20px; margin:0 1%}
.dz_fa li img{width:75px;}
.dz_fa li h1{font-size:22px; margin:20px 0 0;padding:0 10px;}
.dz_fa li span{font-size:16px; padding:0 10px; margin:20px 0 30px; display:block}
.dz_fa li p{color:#999; margin:20px 0 30px; height:140px; line-height:24px;}




.dz_more{display:block; width:170px; height:40px; background:#00c1de; ;line-height:40px; color:#fff; text-align:center; font-size:16px;}
.dz_more:hover{box-shadow:0 0 10px rgba(0,193,222,.8);display:block; color:#fff}

.dz_wsm{background:#eee; padding:0 0 80px}
.dz_wsm img{display:none;}
.dz_wsm ul{width:100%; display:table; text-align:center; }
.dz_wsm li{ display:inline-table; width:28%; margin:0 2% 60px; background:url(../images/icon08_1.png) top no-repeat; background-size:100%; height:390px;}
.dz_wsm li h1{font-size:20px; margin:0 0 15px 0}
.dz_wsm li span{display:inline-block; font-size:90px; color:#00c1de; margin:50px 0 0 0}
.dz_wsm li p{font-size:16px; line-height:26px;}
.dz_wsm li:nth-child(4),.dz_wsm li:nth-child(5){margin-top:-120px}


.dz_ht img{width:100%;}
.dz_hz{padding:70px 0; background:#f7f8fa; }
.dz_hz h1{margin:0 0 30px 0; font-size:40px}


.dz_sq,.dz_fa,.dz_pro,.dz_wsm{overflow:hidden}

@media screen and (max-width: 1180px){
.dz_ds img{width:96%;}
.dz_banner{background:url(../images/banner.jpg) center no-repeat;}
.dz_banner .container{padding:0 40px;}
.dz_fa li{width:43%; margin-bottom:30px;}
.dz_wsm li span{font-size:38px;}
.dz_wsm li p{font-size:14px;}
.dz_wsm li{height: 310px;}
.dz_wsm li:nth-child(4), .dz_wsm li:nth-child(5) {margin-top: -260px;  }
}


@media screen and (max-width: 768px){
.dz_pro li{width:43%; margin-bottom:30px;}
.dz_wsm li span{margin-top:20px;}
.dz_wsm ul{display:none}
.dz_wsm img{display:block; width:100%; margin:0 auto 40px}
.dz_name01{padding: 60px 0 40px;font-size:30px;}
}


@media screen and (max-width: 640px){
.dz_pro li h1{font-size:18px;}
.dz_name01 em,.dz_pro li span{font-size:14px;}
.dz_more{    width: 80%;}
.dz_name01{padding: 60px 20px 40px;font-size:20px;}
.dz_hz h1{font-size:22px;}
	.dz_fa ul{width:100%;}
.dz_fa li{float:none; width:100%; margin: 0 0 20px;}
.dz_fa{padding: 0 0 50px;}
.dz_banner h1{font-size:18px;}
.dz_banner span,.dz_banner p{font-size:16px;}
.dz_banner .container{ width: 70%; padding:0 0 0 20px; margin:0; height:400px}


.dz_pro ul{display: block;}
.dz_pro li{width:100%;height: auto;}
.dz_pro li img{width:100%;height: auto;}

}

@media screen and (max-width: 414px){

}