img {

    pointer-events: none;

}

body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0; font-weight:normal;}

*{ box-sizing:border-box; margin:0; padding:0;}

ul,ol,li {list-style: outside none none; margin:0; padding:0;}

a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}

.clear{ clear:both}

a:hover { color:#c61c22;}



/*img {height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}*/

.fix { *zoom: 1; *clear: both;}

.fix:before, .fix:after { display: table; clear: both; content: '';}

.l { float: left;}.r { float: right;}

.wrap { width:1200px; margin-right:auto; margin-left:auto; overflow:hidden;}





.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 li a{display:block;position:relative;color:#4a4a4a; transition-duration:.5s; padding:8px 0}

.setMenu li a:hover{ background:#d01027; 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(/Html/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:33.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(/Html/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(/Html/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:#bf101a  }

#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(/Html/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

    }

  

    .mobile-nav {

        float: right;

        width: 50px;

        height: 55px;

        position: relative;

        z-index: 3;

        background: #b4b4b4;

        margin-left: 1px;

        padding: 18px 10px

    }

	

    .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(/Html/img/head02.png) no-repeat 96% center;

        cursor: pointer

    }

    .mobile-nav-box h2.cur {

        background: url(/Html/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(/Html/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%;}

	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{ 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%;}

	.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;}

	.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;  }

	}<!--0.00025200843811035-->