.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.wrap { width:96%; margin-right:auto; margin-left:auto;}

header .red_bar{position:absolute; width:50%; left:50%; height:95px; background:#bf101a; top:0; z-index:1;}
header.f-cb .red_bar{width:0; transition:width 0.3s ease;}
header.f-cb.show .red_bar{width:50%;}
header.f-cb .white_bar{position:absolute; width:0; right:50%; height:95px; background:#fff; top:0; z-index:1;transition:width 0.3s ease;}
header.f-cb.show .white_bar{width:50%;}

header { width: 100%; position: fixed;top: 0;left: 0;height: 82px;line-height: 79px;z-index: 10; background:#fff; border-bottom: 1px solid #d9d9d9;}

header .logo { text-align: center;float: left;}
header .logo img { max-width: 100%; padding-top:15px;}
header .search-box {width: 3%;height: 100%;display: block;float: right;background: #b4b4b4 url(../Image/search.png) no-repeat center;position: relative;z-index: 3; transition: background .3s}
header .link {font-size: 16px;  color: #fff;padding: 0 8px 0 35px; float: right;transition: color .3s; background:url(../Image/tel.png) no-repeat 10px center #004ea1; height:27px; line-height:27px; border-radius:20px; margin-top:28px;}
header .search{ float:right; padding:0 10px;}
header .search img{ padding-top:32px;}
header .enght {float: right;font-size: 14px;color: #666;position: relative;z-index: 1;transition: color .3s, background .3s; margin-right:18px; margin-top:28px; line-height:27px;}
 header .enght a {color: #666;transition: color .3s; }
 header .enght a.tit { padding:2px 30px 2px 15px; background: url(../img/bsj.png) no-repeat 50px center; height:27px; width: 100%; transition: color .3s, background .3s;border:1px solid #d2d4d7; border-radius:20px; }
header .enght .con {    position: absolute;
    /*top: 180%;*/
	top: 100%;
    left: -10%;
    display: none;
    background: #fff;
    width: 120%;
    padding: 10px 0;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
    min-height: 65px;
    overflow: auto;}
 header .enght .con a { width: 100%;font-size: 14px;height: 30px;text-align: center;line-height: 30px; color:#333; display:block; border:none; border-radius:0;}
header .nav-box {width: 55%; float:right}
 header .nav-box ul {width: 100%}
header .nav-box li {width: 16%;float: left;text-align: center;}
header .nav-box a.tit {font-size: 18px;color: #000; height: 100%;display: inline-block; width: 70%;transition: color .3s;}
header .nav-box .tit span {width: 17px;height: 11px;display: inline-block; background: url(../img/sj1.png) no-repeat center; background-size: 100% 100%; position:absolute; bottom:0; left:50%; margin-left:-9px; opacity:0;}
header .nav-box li:hover a.tit {color: #004ea1; border-bottom:2px solid #004ea1; }
header .nav-box li:hover .tit span { opacity:1;}
header .nav-box .con {position: absolute; top: 82px;display: none;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);z-index: 5; background:#f1f1f1; left:50%;}

header .nav-box li .tit-top {color: #004ea1; border-bottom:2px solid #004ea1; font-size:18px; display:inline-block; width:70%;}


.set-img{width:26%;padding-top:53px;}
.set-img img{height:177px;width:100%;}
.setCon .tit{font-size:22px;color:#4e4e4e; margin-bottom: 50px; font-weight:bold; line-height: normal}
 .setMenu{width:20%;border-right: 1px #e0e0e0 solid;border-left: 1px #e0e0e0 solid; padding:20px 30px 50px 30px;}
 .setMenu dd{ margin-bottom:2px;border-bottom: 1px #e0e0e0 solid; width:100%; text-align:left; font-size:14px; line-height:normal; position:relative;}
 .setMenu dd .sm-nav{width:58%; position:absolute; left:52%; top:0; display:none; transition-duration:1s; z-index:9999; background:#bf101a}
 .setMenu dd .sm-nav dl{width:100%; border-bottom:1px solid #fff; cursor:pointer; padding-top:9px; border-left:1px solid #fff;} 
 .setMenu dd .sm-nav dl:nth-child(1){padding-top:0px;}
.setMenu dd .sm-nav dl a{display:block; padding:2px 0;  color:#fff;  background:#d01027; font-size:14px; padding-left:10px;}
 .setMenu dd .sm-nav dl a:hover{background:#d01027; color:#fff; padding-left:15px;}
 .setMenu dd:hover .sm-nav{display:block;}
.setMenu dd a{display:block;position:relative; transition-duration:.5s; padding:5px 0}
.setMenu dd a:hover{ background:#004ea1; color:#fff; padding-left:10px;}
.setCon{width: 43%;padding: 50px 3% 0px 0; text-align:left;}
.setCon .p{color: #666;line-height: 30px;overflow: hidden;text-align: justify; font-size:16px;}
.set_close{display:block;width:21px;height:21px;background:url(../img/icons.png) 0 0 no-repeat;right: 0;bottom:7%;}
.pp01{ margin:70px 0; position:relative; border-right:1px dashed #15131b; width:33%; padding:0 20px; text-align:left; float:left; min-height:630px;}
.pp02{ padding-left:3%;}
.pp01 dl dt{ font-size:18px; font-weight:bold; line-height:33px;}
.pp01 dl dd{ line-height:20px;}
.pro01{ position:absolute; left:88px;}
.po01{ top:283px;}
.po01 dl:nth-child(2){ padding:10px 0 50px 0;}
.po01 dl:nth-child(3){ padding-bottom:45px;}
.po01 dl:nth-child(4){ padding-bottom:52px;}

.po02{ top:283px; left:78px;}
.po02 dl:nth-child(2){ padding:18px 0 50px 0;}
.po02 dl:nth-child(3){ padding-bottom:50px;}

.po03{ top:283px; left:130px;}
.po03 dl:nth-child(2){ padding:15px 0 55px 0;}
.po03 dl:nth-child(3){ padding-bottom:45px;}
.po03 dl:nth-child(4){ padding-bottom:43px;}


header .nav-box .link-b {
        width: 100%;
        display: block;
        padding-left: 17%;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 40px;
        margin-bottom: 5px;
        transition: background .3s, color .3s
    }

    header .nav-box .link-b span {
        width: 100%;
        display: block;
        background: 0
    }

   


    .nav-box .content p {
        text-align: left;
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 22px
    }

  
header .nav-box .ab-setMenu{width:18%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 40px;}
.ab-setCon{ width:28.5%;}
header .nav-box .ab-setMenu li:nth-child(2n){ margin-right:0 }
   

    .search-send {
        position: absolute;
        z-index: 2;
        background-color: #222;
        right: -34%;
        top: 0;
        width: 25%;
        transition: right .3s
    }

    .search-send.on {
        right: 3%
    }

    .search-send .close {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../img/head03.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -9px;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: transform .3s ease 0s
    }

    .search-send .close:hover {
        transform: rotateZ(90deg);
        transition: transform .3s ease 0s
    }

    .search-send form {
        width: 100%;
        height: 100%
    }

    .search-send .text {
        border: 0;
        font-size: 18px;
        height: 100%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        color: #555;
        background: 0;
        padding: 0 5% 0 13%;
        outline: 0
    }

    .search-send .submit {
        cursor: pointer;
        border: 0;
        background: url(../img/head01.png) no-repeat center;
        background-color: #bb0327;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        outline: 0
    }

    .search-send .text::-webkit-input-placeholder {
        color: #555
    }

    .search-send .text:-moz-placeholder {
        color: #555
    }

    .search-send .text::-moz-placeholder {
        color: #555
    }

    .search-send .text:-ms-input-placeholder {
        color: #555
    }



/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background:rgba(0,0,0,0.5); filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 600px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -300px; z-index: 10000; background:#004ea1  }
#dialog input::-webkit-input-placeholder {
/* placeholder颜色  */
color: #fff;
    }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:20px; height:20px; background:url(../images/sear.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}


.ne-cd{ width:100%; background:#f4f4f4; border-bottom:1px solid #d9d9d9;}
.ne-cd li{ padding:0 36px; border-right:1px solid #d9d9d9; float:left; text-align:center; font-size:18px; position:relative; height:74px; line-height:74px;}
.ne-cd li:nth-child(1){ border-left:1px solid #d9d9d9}
.ne-cd li a{font-weight:bold; display:block;}
.ne-cd li:hover a{ color:#bf101a;}
.ne-cd li:after{ content:""; display:block; height:2px; background:#bf101a; content: "";width: 0;position: absolute;left: 50%; transition-duration:.5s; bottom:0px;}
.ne-cd li:hover:after{left: 15%;width: 70%;}
.ne-cd .nn01:after{left: 15%;width: 70%;}

 
 /* side */
.side-right{position:fixed;width:54px;height:275px;right:0;top:314px;z-index:100;}
.side-right ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side-right ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background-color: #39424b;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; line-height: 54px;
font-size: 16px;}
.side-right ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background-color: #39424b;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side-right ul li .sidetop:hover{background-color: #bf101a;opacity:1;filter:Alpha(opacity=100);}
.side-right ul li img{float:left;}
.side-right ul .wx-right{background-color: #39424b;}
.side-right ul .wx-right:hover{background-color: #bf101a;opacity:1;filter:Alpha(opacity=100);}
.ewm-right{
  position: absolute;
  top: 20px;
  right: 54px;
  width: 130px;
  height: 160px;
  background: #39424b;
  text-align: center;
  color: #fff;
  padding-top:15px;
  border-radius: 10px 0 0 10px;
  display: none;
}
.ewm-right img{
  display: inline;
}



.friend-link{
  float: left;
  margin-top: 16px;
  position: relative;
}

.friend-link .link{
  height: 24px;
  cursor: pointer;
  width: 200px;
  display: block;
  padding-left: 30px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  text-align: left; opacity:0.7;
}

.friend-link .link:before{
  content: "";
  position: absolute;
  right: 32px;
  top: 1px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 1;
}

.friend-link .link:after{
  content: "";
  position: absolute;
  right: 30px;
  top: -3px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #78797a;
}

.friend-link a:focus,
.friend-link .link:hover{
  text-decoration: none;
}

.friend-link ul{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 24px;
  background-color: #3e3f41;
  padding-left: 30px;
  border: 1px solid #252527;
  border-bottom: none;
  max-height: 195px;
  overflow-y: auto;
  display: none;
  text-align: right;
}

.friend-link.open ul{display:block;}

.friend-link li{
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
}

.friend-link li a{
  color: #78797a;
  font-size: 14px;
  text-align: left;
}
.link-logo{ padding-left:30px;}
.link-logo a{ padding-left:20px;}










@media (min-width: 1441px) {
 .w86{ width:1400px; margin:0 auto;}
 .wrap{ width:1400px; margin:0 auto}
  header .nav-box {width: 58%;margin: 0 auto}
  .footer dl{padding-right: 120px;}

}


@media(max-width:1430px) {
   
    .w1400 {
        width: 92%
    }
    header .search-box {
        width: 6%
    }
    
    .search-send.on {
        right: 6%
    }
    .search-send {
        width: 20%
    }
    .footer dl{padding-right: 120px;}
}



@media(max-width:1231px) {
    header .nav-box {width: 55%;}
	header .nav-box li {width: 16.5%;}
	.ne-cd li{ padding:0 25px;}
	header .nav-box a.tit{ font-size:16px;}
	header .nav-box li .tit-top {font-size:16px; display:inline-block;}
	
}

@media(max-width:1024px) {
   .slideBox .bd li{ height:auto; padding-top:50px;}
    .nav-box {
        display: none
    }
   header{ height:55px; line-height:55px;}
   header .logo img{ padding-top:0;}
    .body-box {
        margin-top: 60px
    }
    .mobile-nav {
        float: right;
        width: 50px;
        height: 55px;
        position: relative;
        z-index: 3;
        background: #b4b4b4;
        margin-left: 1px;
        padding: 18px 10px
    }
	header .search img{ padding-top:20px;}
    .mobile-nav span {
        width: 30px;
        height: 2px;
        background: #fff;
        display: block;
        margin-bottom: 5px;
        position: relative
    }
    .mobile-nav.on {
        background: #d9271b;
        padding: 25px 10px
    }
    .mobile-nav.on span {
        transform-origin: center;
        transition: transform .3s
    }
    .mobile-nav.on span.line2 {
        display: none
    }
    .mobile-nav.on span.line1 {
        transform: rotate(45deg);
        top: 3px
    }
    .mobile-nav.on span.line3 {
        transform: rotate(-45deg);
        top: -3px
    }
    .mobile-nav-box {
        width: 100%;
           background-color: rgba(0,0,0,0.9);
        position: absolute;
        top: 60px;
        left: 0;
    
        overflow: auto;
        display: none
    }
    .mobile-nav-box ul {
        width: 100%
    }
    .mobile-nav-box li {
        width: 100%
    }
    .mobile-nav-box h2 {
        width: 100%;
        padding: 0 3%;
        border-bottom: solid 1px rgba(255,255,255,0.3);
        font-size: 16px;
        line-height: 50px;
        background: url(../img/head02.png) no-repeat 96% center;
        cursor: pointer
    }
    .mobile-nav-box h2.cur {
        background: url(../img/head02_h.png) no-repeat 96% center
    }
    .mobile-nav-box h2 a {
        color: #fff
    }
    .mobile-nav-box h2.cur a {
        color: #d9271b
    }
    .mobile-nav-box .con {
        width: 100%;
        background: #f5f5f5;
        display: none
    }
    .mobile-nav-box p {
        width: 100%;
        padding: 0 6%;
        line-height: 30px;
        font-size: 14px
    }
    .mobile-nav-box p.on {
        background: url(../img/head02.png) no-repeat 96% center; border:none;
    }
    .mobile-nav-box p a {
        color: #666
    }
    .mobile-nav-box .tit-con {
        display: block;
        width: 100%;
        padding: 0 3%;
        display: none
    }
    header .link {
        display: none
    }
    .search-send .text {
        font-size: 40px
    }

    .search-send.on {
        right: 99px
    }
    .search-send {
        width: 40%
    }
    .search-send .text {
        font-size: 18px
    }
    .search-send {
        right: -38%
    }
	.ne-cd li{ padding:0 15px;}
}






@media(max-width:700px) {
    .search-hbox {
        padding: 30px 0 10px
    }
    .search-hbox .left {
        padding: 10px 4% 20px
    }
    .search-hbox .left h2 {
        font-size: 14px;
        line-height: 24px;
        height: 24px
    }
    .search-hbox .left span {
        line-height: 24px
    }
    .search-hbox .left li a {
        padding: 10px 0
    }
    .search-hbox .right .tit {
        padding: 5px 0 5px 30px;
        font-size: 14px;
        background: #d82117 url(../img/a20.png) no-repeat 10px center;
        background-size: 12px
    }
    .search-hbox .right li {
        font-size: 14px;
        padding: 6px 0 6px 10px;
        line-height: 20px
    }
.ne-cd li{ padding:0 15px; font-size:14px;}
}









@media (min-width: 1441px) {



}

@media (min-width: 1368px) and (max-width: 1441px){
	
	}
@media (min-width: 1198px) and (max-width: 1367px){
	.footer dl{padding-right: 110px;}
	}


@media (min-width: 992px) and (max-width: 1199px) {


}


@media (min-width: 768px) and (max-width: 991px){

}


@media (min-width: 480px) and (max-width: 767px) {
	header .logo{ width:35%;}
	.wrap{ width:100%; padding-left:10px; padding-right:10px;}
	header .logo img{ padding-top:15px; padding-bottom:5px;}
	.in-slideBox .bd li{ height:auto; padding-top:50px;}
	header .search img{ padding-top:15px;}
	.in-slideBox .hd ul li{ width:7px; height:7px;}
	.in-slideBox .hd ul li.on{ width:26px; height:7px;}
	.in-slideBox .hd{ bottom:10px;}
	.footer dl{ padding:10px; min-height:205px;}
	.banquan p{ float:none; width:100%; margin:40px 0 20px 0; clear:both;}
	.d-cd a{ padding-left:0; padding-right:10px; opacity:1;}
	.ne-cd{ border-bottom:0;}
	.ne-cd li{border-bottom: 1px solid #d9d9d9; width:25%; height:50px; line-height:50px;}
	.ne-cd li:nth-child(1){ border-left:0;}
	.ne-cd li:nth-child(4n){ border-right:0;}
	.footer dl dd a{font-size:12px;}
	.f-ewm{ padding-right:0;}
	header .enght .con{ width:100%; left:0;}
	.side-right{ display:none;}
	.footer dl{ padding:10px 20px;}
	.footer dl dd{ min-height:200px;}
	.footer dl:nth-child(4) dd,.footer dl:nth-child(5) dd{ min-height:auto;}
	.footer .f-ewm{ width:50%;}
	.link-logo{ padding-left:0;}
	.link-logo a{ padding-left:0; padding-right:10px;}
	.banquan span{ width:100%;}
	}




@media (max-width: 479px) {
	header .logo{ width:35%;}
	.wrap{ width:100%; padding-left:10px; padding-right:10px;}
	header .logo img{ padding-top:15px;}
	.in-slideBox .bd li{ height:auto; padding-top:50px;}
	header .search img{ padding-top:15px;}
	.in-slideBox .hd ul li{ width:7px; height:7px;}
	.in-slideBox .hd ul li.on{ width:26px; height:7px;}
	.in-slideBox .hd{ bottom:10px;}
	.footer dl{ min-height:auto; padding:10px 4px }
	.banquan p{ float:none; width:100%; margin:40px 0 20px 0; clear:both;}
	.d-cd a{ padding-left:0; padding-right:10px; opacity:1;}
	.ne-cd{ border-bottom:0;}
	.ne-cd li{border-bottom: 1px solid #d9d9d9; width:25%; height:50px; line-height:50px;}
	.ne-cd li:nth-child(1){ border-left:0;}
	.ne-cd li:nth-child(4n){ border-right:0;}
	.footer dl dd a{font-size:12px;}
	.f-ewm{ padding-right:0;}
	header .enght .con{ width:100%; left:0;}
	.side-right{ display:none;}
	.footer dl dd{ min-height:200px; display:none;}
	.footer .f-ewm dd{  display:block;}
	.footer dl:nth-child(4) dd,.footer dl:nth-child(5) dd{ min-height:auto;}
	.footer .f-ewm{ width:50%;}
	.link-logo{ padding-left:0;}
	.link-logo a{ padding-left:0; padding-right:10px;}
	.banquan span{ width:100%;}
	header .enght{ margin-top:12px;}
	.footer dl dt{ font-size:16px; font-weight:normal}

#dialog{ width: 90%; left: 10%; margin: -70px 0 0 0;  }
.index_prodct_tit{ padding-top:20px;}
	}