﻿@charset "utf-8";
/* CSS Document */
/*--初始化CSS--*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; display:block; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input ,textarea { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0;}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table{ border-collapse:collapse; }
body{ padding: 0; font:14px "微软雅黑","Arial Narrow",HELVETICA; min-width:1200px; background-color:#ffffff;/* overflow-y:scroll;*/ }
.clear{ clear:both; height:0; font-size:0; overflow:hidden; }
a {text-decoration:none; color:#a09f9f;}

.right{ float:right;}

.ding{ width:100%; height:4px; background:url(../images/top.jpg) no-repeat center;}
.top{ width:100%; height:43px; border-bottom:1px solid #f2f2f2;}
.top_con{ width:1200px; height:43px; margin:0 auto;}
.top_left{ color:#999; width:360px; height:43px; line-height:43px; float:left;}
.top_right{ width:240px; height:43px; float:right;}
.top_right a{ margin-top:7px; width:85px; height:30px; line-height:30px; background:url(../images/xian.gif) no-repeat right; float:left; color:#999; display:block; text-align:center;}
.logo{ width:1200px; height:120px; margin:0 auto;}
.logo_left{ width:550px; height:69px; float:left; margin-top:27px;}
.logo_left img{ width:221px; height:69px; float:left;}
.logo_left .txt{ width:322px; height:69px; float:right;}
.logo_left .txt p{ font-size:23px; color:#3170d6; font-weight:bold; margin-top:7px; line-height:35px;}
.logo_left .txt span{ font-size:16px; color:#333;}
.logo_right{ width:300px; height:86px; float:right; margin-top:34px;}
.logo_right h3{ width:285px; height:45px; background:#ef4819; border-radius:20px; color:#fff; font-weight:normal; font-size:14px; padding-left:23px; box-sizing:border-box; line-height:35px;}
.logo_right h3 b{ display:inline-block; font-family:Arial; font-size:20px; padding-left:15px; padding-top:6px;}
.logo_right h3 span{ line-height:36px; display:inline-block; margin-top:5px; float:left;}
.logo_right p{ margin-top:7px; width:290px; height:30px; float:right; line-height:30px; background:url(../images/phone.gif) no-repeat left 5px; font-size:15px; color:#333; padding-left:30px; box-sizing:border-box;}
.logo_right p i{ margin-right:15px; font-style:normal; font-size:20px; color:#ef4819; line-height:30px; display:inline-block; float:right;}

/*--导航--*/
.nav{ width:100%; height:55px; background:#404144;}
.nav_con{ width:1200px; height:55px; margin:0 auto; position:relative;}
.nav_con ul li{ width:126px; height:55px; float:left; margin-right:8px;}
.nav_con ul li a{ width:126px; height:55px; color:#fff; font-size:16px; line-height:55px; text-align:center; display:block;}

#index .index,#product_list .product_list,#case_list .case_list,#scsb .scsb,#about .about,#news_list .news_list,#contact .contact{background-color: #ef4819;}

.nav_con ul li:hover{ background:#ef4819;}
.hidden-box{width:160px;position:absolute; z-index:99999; display:none; background:#fff; background-color:rgba(255,255,255,0.9)}
.hidden-box>ul{ width:160px; height:280px; text-align:center; list-style-type:none;color:#fff;cursor:pointer; padding-top:12px;padding-bottom:15px; overflow:hidden;}
.hidden-box>ul li{ line-height:33px; height:33px; font-weight:500; background:none; text-align:center;}
.hidden-loc-index{ position:absolute; top:55px; left:0px}
.hidden-box>ul li a{ width:160px; height:33px; line-height:33px; display:block; font-size:14px; color:#333;}
.hidden-box>ul li a:hover{ background:#cecece; color:#333;}
.hidden-loc-index{ left:380px;}


/*--底部--*/
.footer{ width:100%; height:521px; background:url(../images/footer.jpg) no-repeat center; margin-top:86px;}
.footer_con{ width:1200px; height:521px; margin:0 auto; position:relative;}
.links{ width:1200px; height:30px; line-height:30px; padding-top:15px;}
.links span{ font-size:15px; color:#333;}
.links a{ font-size:15px; color:#333; padding:0 13px;}
.lian{ width:208px; height:351px; background:#ef4819; position:absolute; right:0; top:27px;}
.lian_ding{ width:208px; height:30px; background:url(../images/lan.gif) no-repeat; position:relative;}
.lian_ding .a1{ width:18px; height:16px; position:absolute; left:18px; top:7px;}
.lian_ding .a2{ width:18px; height:16px; position:absolute; left:65px; top:7px;}
.lian_ding .a3{ width:18px; height:16px; position:absolute; left:112px; top:7px;}
.lian_ding .a4{ width:18px; height:16px; position:absolute; left:183px; top:7px;}
.lian .dh{ width:128px; height:26px; background:url(../images/dh+.gif) no-repeat 5px; line-height:28px; color:#fff; padding-left:43px; box-sizing:border-box; margin-top:35px;}
.lian h3{ font-family:Arial; font-size:25px; color:#fff; font-weight:normal; margin-left:20px; margin-top:23px;}
.lian .ma{ width:164px; height:188px; background:url(../images/ma.jpg) no-repeat; margin:0 auto; margin-top:10px;}
.footer_left{ width:368px; height:310px; float:left; padding-top:10px; box-sizing:border-box; margin-top:73px;}
.footer_left h3{ color:#ef4819; font-size:16px; font-weight:normal; margin-bottom:1px;}
.footer_left span{ color:#fff; font-size:12px;}
.footer_left p{ color:#a9a9a9; line-height:30px; margin-top:15px;}
.footer_left .ll{ width:50px; height:12px; margin-top:18px;}
.footer ul{ width:625px; float:left; padding-top:80px;}
.footer ul li{ width:190px; height:310px; border-left:1px solid #292929; padding:5px 0px 0 57px; box-sizing:border-box; float:left;}
.footer ul li h3{ color:#ef4819; font-size:16px; font-weight:normal; margin-bottom:1px;}
.footer ul li span{color:#fff; font-size:12px; margin-bottom:16px; display:block;}
.footer ul li a{ color:#a8a8a8; line-height:30px; transition:all 0.5s; display:block;}
.footer ul li a:hover{ color:#9d3318;}
.footer ul li:nth-child(1){ width:228px;}
.prolist_tit li a:hover,.dzprolist_tit .dqzt{ background:#004a9f; color:#fff;transition:all 0.5s;}

/*--小导航--*/
.nav_x{ width:100%; height:59px; border-bottom:1px solid #e6e6e6;}
.nav_x .con{ width:1200px; height:59px; margin:0 auto; background:url(../images/dw.gif) no-repeat 5px; padding-left:35px; box-sizing:border-box; line-height:59px;}
.nav_x .con span{ font-size:16px; color:#333;}
.nav_x .con a{ font-size:16px; color:#333; padding:0 6px;}
.nav_x .con a:hover{ font-weight:bold;}

.fenye{ width:590px; height:50px; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:center;}
.fenye a{ padding:8px 16px; border:1px solid #d5d5d5; margin:0 2px;}
.fenye span{ padding:8px 16px; border:1px solid #d5d5d5; margin:0 2px;}
.fenye a:hover{ background:#333; color:#fff;}


.yuan1 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan2 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan3 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan4 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan5 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan6 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan7 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan8 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan10 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan11 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan12 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan13 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan14 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan15 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan16 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}
.yuan17 img{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; margin-top:-2px;margin-left:-2px;}


@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          opacity: 0;
      }
}

.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 55%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 55%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}










