body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "宋体";background:#fff;-webkit-text-size-adjust:100%;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
body{min-width:1320px;}
/*导航菜单按钮*/
.menu {
    position: fixed;
    top: 40px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-family: "Microsoft YaHei";
    color: #888;
    display: none;
    z-index: 2;
}
.menu-button {
    display: inline-block;
    *zoom:1;
    *display: inline;
    width: 30px;
    height: 30px;
    margin-top: 9px;
}
.btnline {
    width: 30px;
    height: 3px;
    background: #e92c37;
}
.menu-button .center {margin-top: 6px;margin-bottom: 6px;}
.menu .splitline {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    height: 20px;
    background-color: #888;
    margin: 10px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .3s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .3s ease-in-out;	/* Opera */
}
.menu i {
    position: absolute;
    top: 5px;
    left:20px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/navjt.png) no-repeat;
    opacity:0;
    filter:Alpha(opacity=0);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .3s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .3s ease-in-out;	/* Opera */
}
.menu .text {
    position: relative;
    left: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .3s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .3s ease-in-out;	/* Opera */
}
.menu:hover {cursor: pointer;}
.menu:hover .splitline {
    opacity: 0;
    filter:Alpha(opacity=0);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .3s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .3s ease-in-out;	/* Opera */
}
.menu:hover i {
    opacity: 1;
    filter:Alpha(opacity=100);
    left: 55px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .3s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .3s ease-in-out;	/* Opera */
}
.menu:hover .text {
    left: 45px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .3s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .3s ease-in-out;	/* Opera */
}
/*导航菜单*/
.nav {
    position: fixed;
    top: 0;
    left: -260px;
    width: 260px;
    height: 100%;
    background-color: #e92c37;
    font-family: "Microsoft YaHei";
    opacity: 0;
    filter:Alpha(opacity=0);
    z-index: 3;
}
.nav-close {
    position: absolute;
    top: 50px;
    left: 290px;
    width: 100px;
    font-size: 24px;
    color: #888;
    cursor: pointer;
    display: none;
}
.nav-close:hover img {
    transform: rotate(720deg);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .5s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .5s ease-in-out;	/* Opera */
}
.nav-menu {
    width: 200px;
    margin: 0 auto;
}
.nav-menu .menulogo {
    display: block;
    height: 50px;
    line-height:50px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.nav-menu li a{
    position: relative;
    left: 0;
    display: block;
    font-size: 18px;
    color: #fff;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;	/* Firefox 4 */
    -webkit-transition: all .2s ease-in-out;	/* Safari 和 Chrome */
    -o-transition: all .2s ease-in-out;	/* Opera */
}
.nav-menu li a:hover {left: 10px;}
.nav-menu li i {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin-right: 35px;
}
.navi1 {background: url(../images/navhome.png) no-repeat center}
.navi2 {background: url(../images/navus.png) no-repeat center}
.navi3 {background: url(../images/navhon.png) no-repeat center}
.navi4 {background: url(../images/navnews.png) no-repeat center}
.navi5 {background: url(../images/navpro.png) no-repeat center}
.navi6 {background: url(../images/navcon.png) no-repeat center}

.nav-menu .tel {
    position: absolute;
    bottom: 0;
    padding-bottom: 50px;
}
.nav-menu .tel p{
    font-size: 18px;
    color: #fff;
    line-height: 36px;
}


/*标题*/
.title {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
}
.title h1 {
    font-family: "Microsoft YaHei";
    font-size: 36px;
    color: #222;
    margin-bottom: 32px;
}
.title .en {
    font-size: 40px;
    color: #999;
    font-weight: normal;
    letter-spacing: 3px;
}
.light {
    color :#e92c37;
}
.title p{
    font-size: 14px;
    color: #444;
    line-height: 30px;
}
/*海报*/
.com-hb {
    position: relative;
    width: 100%;
}
.com-hb .logo {
    position: absolute;
    display: block;
    top: 50px;
    left: 50px;
}

/*底部*/
.footer-container {
    width: 100%;
    background-color: #f1f1f1;
}
.footer-content {
    width: 1200px;
    padding-top: 44px;
    padding-bottom: 30px;
    margin: 0 auto;
    overflow: hidden;
}
.footer-content a,.footer-content p {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #888;
}
.footer-content a:hover {
    color: #e92c37;
}
.triangle {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid #999;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    margin-right: 15px;

}
.footer-content a:hover .triangle {border-left: 6px solid #e92c37;}
.footer-title {
    font-family: "Microsoft YaHei";
    font-size: 18px;
    line-height: 30px;
    color: #444;
    font-weight: normal;
}
.footer-title i {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    vertical-align: middle;
}
.footer-title .jzi {background: url(../images/footjz.png) no-repeat center}
.footer-title .proi {background: url(../images/footpro.png) no-repeat center}
.footer-title .quei {background: url(../images/footque.png) no-repeat center}
.footer-title .coni {background: url(../images/footcon.png) no-repeat center}

.footer-content .line {
    height: 1px;
    margin-top: 14px;
    margin-bottom: 10px;
    background-color: #ddd;
}
.footer-aboutjz .line {width: 180px;}
.footer-productcenter .line{width: 450px;}
.footer-question .line{width: 230px;}
.footer-contactus .line{width: 280px;}
.footer-aboutjz {
    float: left;
    width: 180px;
}
.footer-productcenter {
    float: left;
    width: 450px;
    margin-left :20px;
}
.footer-question {
    float: left;
    width: 230px;
    margin-left :20px;
}
.footer-contactus {
    float: left;
    width: 280px;
    margin-left :20px;
}
.footer-copyright {
    font-family: "Arial";
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    text-align: center;
    border-top:1px solid #ddd;
}
/*qq在线咨询*/
.qqkefu{
    position: fixed;
    _position: absolute;
    z-index: 999;
    top: 118px;
    right: 50px;
    width: 140px;
    height: 240px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.qqkefu .kefubox1{ width:140px; height:112px; background:url(../images/qqkefu.png) -6px -8px no-repeat; position:absolute; left:0px; top:0px; z-index:1;}
.qqkefu .kefubox1 .tips{
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 15px;
    background-color: #f54325;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.qqkefu .kefubox2{ width:140px; height:386px; background:url(../images/qqkefu.png) -6px -129px no-repeat; display:none; position:absolute; left:0px; top:0px; z-index:2;}

.qqkefu .kefubox2 .qqbox{ padding-top:105px;}
.qqkefu .kefubox2 .qqbox div{width:70px; height:35px; padding-left:40px; margin:0 auto; line-height:35px;margin-top:10px;}
.qqkefu .kefubox2 .qqbox div a{ display:block; width:65px; height:35px; color:#fff; font-size:14px;font-weight:bold; font-family:"微软雅黑","黑体",Arial;}
.qqkefu .kefubox2 .qqbox .qqbox1{background:url(../images/qqkefu.png) -21px -536px no-repeat; }
.qqkefu .kefubox2 .qqbox .qqbox1.wx{
    background:url(../images/qqkefu.png) -21px -692px no-repeat;
    position: relative;
 }
 .qqkefu .kefubox2 .qqbox .qqbox1.wx .wximg{
    width: 150px;
    top: 50px;
    left: 50%;
    display: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 99;
 }
 .qqkefu .kefubox2 .qqbox .qqbox1.wx:hover .wximg{
    display: block;
 }
 .qqkefu .kefubox2 .qqbox .qqbox1.wx .wximg img{
    width: 100%;
 }
 .qqkefu .kefubox2 .tips{
    width: 100%!important;
    box-sizing: border-box;
    text-align: center;
    color: #6f1102;
    font-size: 12px;
    padding: 0 25px!important;
    margin: 0!important;
    line-height: 18px!important;
    font-weight: bold;

    padding-top: 4px!important;
}