﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0;font-family:微软雅黑}
input,button,select,textarea{outline:none}li{list-style:none}img{border:none}textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;}
body,input,textarea{font-size:14px;font-family:微软雅黑;color: #666;}
a{text-decoration:none;outline:none}
*{color: #666;}
/*reset end*/
.left{float: left;}
.right{float: right;}
.clearfix:after,.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{*+height:1%}
img{width: auto; max-width: 100%;}
.center{width:1200px;margin:0 auto;}
.bannerbox {width:100%;position:relative; overflow:hidden;height:500px;margin-top:109px;}
.banner {width:1920px;position:absolute;left:50%;margin-left:-960px;}

.title{text-align: center;}
.title h3{font-size: 24px;color:#666 ;}
.title img{margin-top: 10px;}
.hot{padding-top: 45px;}
.hot .wrap{width: 865px;margin: 26px auto 0;}
.hot dl{width:397px;height:106px;padding-bottom: 50px;}
.hot dl.left{background: url(../images/dl-bgl.png) no-repeat;}
.hot dl.right{background: url(../images/dl-bgr.png) no-repeat;}
.hot dd{display: inline-block;height:100px ;width: 277px;color: #666;font-size:18px;vertical-align: top;text-align: center;}
.hot dt{display: inline-block;height: 100px;width: 109px;background: #109ef9;vertical-align: top;font-size: 58px;color: #fff;line-height:100px ;text-align: center;}
.hot dl.right dt{margin-left: 6px;}
.hot dd p{margin-top: 20px;}
.onestep{width: 100%;height: 668px;background: url(../images/bg.jpg) no-repeat center;}
.onestep .title{padding: 55px 0 35px;}
.onestep .title h3{color: #fff;}
.onestep ul li{display: block;float: left;width:280px ;height: 280px;text-align: center;}
.onestep ul li span{display: block;margin:50px auto 0 ;height: 78px;}
.onestep ul li dt{font-size: 20px;color: #666;font-weight: 700;}
.onestep ul li dd{font-size: 16px;margin-top: 15px;}
.onestep ul.ul-top li{background: url(../images/li-bg.png) no-repeat;}
.onestep ul.ul-bottom li{background: url(../images/li-bg2.png) no-repeat;}
.onestep ul.ul-top{width:1120px;margin: 0 auto;}
.onestep ul.ul-bottom{width: 840px;margin:0 auto ;position: relative;top: -120px;}
.product {text-align: center;padding:52px 0 ;}
.product .title{margin-top: 10px;}
.product ul li{display: block;float: left;width: 240px;color: #666;margin-top: 17px;}
.product ul li a{color: #666;}
.product ul li span{display: block;height: 51px;}
.product ul li .view{width: 100%;height: 25px;overflow: hidden;position: relative;margin-bottom: 10px;}
.product ul li .view dl{position: absolute;top: 0;display: block;width: 100%;font-size: 18px;color: #909090;}
.product ul li .view dt a{font-size: 18px;color: #909090}
.product ul li p{font-size: 22px;color: #666;}
.product ul li:hover p{color: #109ef9;}
.product ul li:hover .view dl{transform: translateY(-25px);transition:all 0.5s ease-in-out}
.pk{text-align: center;padding-bottom: 63px;}
.pk dt{position: relative;font-size: 16px;color: #666;margin-bottom: 20px;text-align: left;}
.pk dt i{position: absolute;display: block;width: 8px;height: 8px;left: -15px;top:7px}
.pk dl.left i{background:#fabc00 ;}
.pk dl.right i{background:#109EF9 ;}
.pk dl.left {margin-top: 250px;}
.pk dl.right{margin-top: 32px;}
.pk .wrap-dl{position: relative;padding:0 40px 0 50px}
.pk span{margin-left: 60px;position: absolute;display: block;top: 40px;}
.pk p{font-size: 20px;margin: 92px 0 40px;}
.pk h4{font-size: 24px;color: #109EF9;}
.jt{margin-bottom: 40px;}
.hot dt i{font-style: italic;color: #fff;}
