body{font-family:"微软雅黑"!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;color: #999;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
#wrap_index{overflow: hidden;position: relative;padding-top: 100px;}
.holder{padding: 0 8%;}
/*.slick-arrow:before{display: none;}*/
/*头部*/
#header{width: 100%;height:100px;position: fixed;top: 0;left: 0;z-index: 9;background: #fff;}
#header .holder{position: relative;display: flex;}
#header .logo{width: 25%;height: 100%;}
#header .logo a{display: table-cell;vertical-align: middle;width:305px;height: 100px;transition: 400ms;}
#header .logo img{max-width: 100%;max-height: 100%;}
.mol_navbutton{width: 50px;height: 50px;position: absolute;right:40px;top: 0;background: url(../images/nav_btn.png) center no-repeat;background-size: 60%;}

#header .nav_box{flex:1;height: 100%;padding: 35px 0;}
.nav_box .yiji{width:13.66%;float: left;height: 30px;text-align: center;position: relative;transition: 400ms;}
.nav_box .yiji .one{display: block;width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: #666;position: relative;z-index: 6;transition: 400ms;}
.nav_box .yiji:hover .one,.nav_box .yiji.current .one{color: #fff;background: #111111;border-radius: 10px 10px 0 0;}
.nav_box .yiji .libox{padding: 12px 0;width: 100%;height: auto;overflow: hidden;position: absolute;top:100%;left:0;z-index: 8;text-align: center;border-radius: 10px;background: #fff;
transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; opacity: 0; }
.yiji:hover .libox{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.yiji .libox a{display: block;width: 100%;height: 32px;line-height: 32px;overflow: hidden;color: #666;font-size: 14px;transition: 300ms;}
.yiji .libox a:hover{color: #333;transition: 300ms;}
.seach_btn{width:30px;height: 30px;padding: 4px;margin: 35px 2.4%;cursor: pointer;position: relative;z-index: 9;}
.seach_btn:before{content: "";width: 1px;height: 16px;background:#cccbcc;position: absolute;right: -24px;top: 6px;}
.seach_btn .searchbox{display: none;width: 326px;height: 48px;border-radius: 12px;background: #111111;position: absolute;right: -16px;top: -9px;overflow: hidden;}
.searchbox form{width: 100%;height: auto;overflow: hidden;background:none;}
.searchbox .put1{width: 75%;float:left;height: 48px;line-height: 48px;padding: 0 15px;background: none;color: #fff;}
.searchbox .seabtn{width: 25%;float: right;height: 48px;background: none;background: url(../images/icon2.png) center no-repeat;} 
form .put1::-webkit-input-placeholder { color:#ffffff;}  
form .put1:-moz-placeholder { color:#ffffff;}  
form .put1::-moz-placeholder { color:#ffffff;}  
form .put1:-ms-input-placeholder{color: #ffffff;}

#header .lanuge{margin-top: 40px;margin-left: 1.2%;}
#header .lanuge a{padding: 5px 6px;font-size: 16px;color: #666;border-radius: 10px;margin-left: 10px;}
#header .lanuge a:hover,#header .lanuge a.on{background: #000;color: #fff;}
#header .tell{font-size: 16px;font-weight: bold;color: #fff;background: #000;height: 30px;line-height: 30px;min-width: 166px;text-align: center;margin: 35px 0 35px 2%;border-radius: 10px;}

@media (min-width: 768px){
    #header.head_up,.ny_wrap #header{height: 80px;}
    #header.head_up .logo a{height: 80px;}
    #header.head_up .nav_box{padding: 25px 0;}
    #header.head_up .seach_btn{margin: 25px 2.4%;}
    #header.head_up .lanuge{margin-top:28px; }
    #header.head_up .tell{margin: 25px 0 25px 2%;}

    .xqlist li:hover{border: none;margin-top: -40px;box-shadow: 0 8px 14px #e6e6e6;z-index: 2;transition: 300ms;}
    .xqlist li:hover .smore{opacity: 1;bottom:-60px;}
    .xqlist li:hover dt{color: #000;}
    .prolist li a:hover{box-shadow: 0 3px 12px rgba(51,51,51,0.2);transition: 300ms;}
    .prolist li a:hover .line{width: 88%;height: 84%;top: 8%;left: 6%;opacity: 1;}
    .prolist li a:hover .more{bottom: 3%}
}
/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{position: relative;z-index: 3;}
#banner img{width: 100%;}
#banner .slick-list{width: 100%;}
#banner .slick-slide{overflow: hidden;}
.slick-dots li button:before{display: none;}
#banner .slick-dots{bottom: 20px;}
#banner .slick-dots li{width: 16px;height: 16px;border-radius: 50%;margin: 0 5px;}
#banner .slick-dots button{width: 6px;height: 6px;background: #fff;border-radius: 50%;margin: 5px;transition: 300ms;padding: 0;}
#banner .slick-dots li.slick-active button{width: 16px;height: 16px;margin: 0;transition: 300ms;}
/*内容*/
.alltitle{width: 100%;height: auto;position: relative;font-size: 36px;line-height: 2.2;color: #333;text-align: center;margin: 30px 0;}
.alltitle:before{content: "";width: 50px;height: 3px;background: #333;position: absolute;left: 50%;margin-left: -25px;top: 0;}
.alltitle a{color: #333;}
.content1{width: 100%;height:auto;padding: 60px 0 155px;position: relative;}
.content1 .xqlist{width: 100%;height: auto;box-shadow: 0 8px 14px #e6e6e6;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.content1 .xqlist li{width:16.66%;padding: 3.5% 0;background: #fff;border-right: 1px solid #f1f1f1;position: relative;transition: 300ms;}
.xqlist li a{display: block;width: 100%;height: 100%;}
.xqlist li .xqimg{width: 37.7%;margin: 0 auto;}
.xqlist li dl{padding: 30px 0 15px;text-align: center;}
.xqlist li dt{font-size: 20px;color: #666;line-height: 32px;height: 32px;overflow: hidden;font-weight: normal;}
.xqlist li dd{width: 100%;height: 32px;line-height: 32px;font-size: 14px;color: #999;overflow: hidden;}
.xqlist li .smore{opacity: 0;position: absolute;bottom: 0;width: 100%;height: 80px;background: #666;font-size: 14px;color: #fff;text-align: center;line-height: 80px;}


.content2{background: #f9f9f9;padding: 50px 0 100px;}
.case-Slider{width: 100%;height: auto;}
.case-Slider a{display: block;width: 100%;height: auto;overflow: hidden;position: relative;}
.case-Slider a{padding: 0 1.5%;}
.case-Slider .cimg{width: 58.2%;float:left;}
.case-Slider .case_dec{width: 39.4%;float: right;padding-top:1.6%;}
.case_dec dt{font-size: 20px;color: #333;line-height: 32px;height: 32px;overflow: hidden;font-weight: normal;}
.case_dec dd{font-size: 16px;color: #666;line-height: 32px;max-height: 96px;overflow: hidden;}
.case_dec .cimg2{width: 52%;margin: 14px 0;}
.case_dec .seemore{width: 156px;height: 38px;background: #ddd;text-align: center;line-height: 38px;font-size: 14px;color: #666;margin-top: 16%;}
.case-Slider .slick-arrow{width: 17%;height:100%;z-index: 2;opacity: 1;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.case-Slider .slick-prev{left: 0;}
.case-Slider .slick-next{right: 0;}
.case-Slider .slick-prev:before{content: '<';font-family: "幼圆";opacity: 1;font-size: 34px;font-weight: bold;}
.case-Slider .slick-next:before{content: '>';font-family: "幼圆";opacity: 1;font-size: 34px;font-weight: bold;}

.content3{padding: 50px 0 100px;}
.aboutbox{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.aboutbox .abimg{width: 47.5%;float: left;}
.aboutbox .abright{width: 48%;float: right;}
.abright h3{text-transform: uppercase;font-size: 72px;color: #d6d6d6;line-height: 2.6;}
.abright .abdec{width: 100%;max-height:144px;overflow: hidden;font-size: 16px;color: #666;line-height: 36px;}
.abmore{width: 156px;height: 38px;border: 1px dashed #ddd;font-size: 14px;color: #999;line-height: 36px;text-align: center;display: block;margin-top:8%;}
.abmore:hover{background: #ddd;color: #666;}
.content4{padding-top: 60px;}
.content4 .bgimg{width:100%;height: auto;top: 0;left: 0;}
.bgimg img{width: 1920px;height: auto;position: relative;left: 50%;margin-left: -960px;}
.content4 .holder{position: relative;z-index: 3;}
.content4 .alltitle a{color: #fff;}
.content4 .alltitle:before{background: #fff;}
.choselist{width: 105%;height: auto;overflow: hidden;margin-left: -2.5%;padding:20px 0 40px;}
.choselist li{width: 25%;padding: 0 2.4%;float: left;}
.choselist li dl{background: #fff;width: 100%;padding:6%;box-shadow: 0 3px 14px rgba(51,51,51,0.2);border-bottom: 5px solid #fff;cursor: pointer;transition: 300ms;}
.choselist .num{width: 100px;height: 100px;line-height: 100px;text-align: center;background: #f9f9f9;font-size: 36px;color: #666;border-radius: 50%;margin: 6% auto;}
.choselist dt{font-size: 24px;color: #333;font-weight: normal;padding: 10px 0;}
.choselist dd{font-size: 16px;color: #666;line-height: 32px;height: 128px;overflow: hidden;margin: 10px 0 7%;}
.choselist li dl:hover{border-bottom: 5px solid #111;transition: 300ms;}

.content5{padding: 50px 0;}
.prolist{width: 103.2%;height: auto;overflow: hidden;margin-left: -1.6%;}
.prolist li{width: 33.33%;float: left;height: auto;padding:20px 1.8%;}
.prolist li a{display: block;width: 100%;height: auto;transition: 300ms;}
.prolist .pimg{width: 100%;height:auto;overflow: hidden;position: relative;}
.prolist .pimg .line{width: 50%;height: 50%;border: 1px solid rgba(255,255,255,0.4);position: absolute;top: 25%;left: 25%;opacity: 0;}
.prolist .pimg .more{width: 156px;height: 38px;background: rgba(17,17,17,0.5);line-height: 38px;text-align: center;color: #fff;font-size: 14px;
    position: absolute;left: 50%;bottom: -38px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.prolist .title{width: 100%;height: 60px;font-size: 20px;color: #333;overflow: hidden;line-height: 60px;}

.content6{padding: 50px 0;background: #f9f9f9;}
.newlist{width: 100%;height: auto;overflow: hidden;box-shadow: 0 3px 14px rgba(51,51,51,0.2);padding: 20px 0;}
.newlist li{width: 50%;float: left;padding: 0 2.5%;}
.newlist li a{display: block;width: 100%;height: auto;padding: 27px 0;border-bottom: 1px dashed #e2e2e2;}
.newlist .time{font-size: 14px;color: #cfcfcf;width: 122px;float: left;line-height: 2;}
.newlist .time p{font-size: 30px;line-height: 1;}
.newlist dl{margin-left: 122px;}
.newlist dt{width: 100%;height: 32px;line-height: 32px;font-size: 16px;color: #333;overflow: hidden;font-weight: normal;}
.newlist dd{width: 100%;height: 32px;line-height: 32px;font-size: 14px;color: #999;overflow: hidden;}
.newlist a:hover dt{font-weight: bold;}
.content6 .abmore{margin: 4% auto;}

.content7{padding: 4% 0;}
.content7 .liucbox{width: 100%;height: auto;padding: 4% 0;border: 1px solid #e5e5e5;}
.lclist{width: 100%;height: auto;overflow: hidden;padding: 6px 3% 0;}
.lclist li{width: 25%;float: left;background: url(../images/icon5.png) right center no-repeat;text-align: center;}
.lclist li:last-child{background: none;}
.lclist li .icon{width: 32%;margin: 0 auto;border-radius: 50%;background: #f9f9f9;transition: 300ms;}
.lclist li dl{padding: 0 18%;}
.lclist li dt{font-size: 24px;color: #333;line-height: 1.5;margin: 16px 0 10px;font-weight: normal;}
.lclist li dd{font-size: 16px;color: #666;line-height: 32px;width: 100%;height: 64px;overflow: hidden;}
.lclist li:hover .icon{background: none;box-shadow: 0 6px 12px rgba(51,51,51,0.2);transition: 300ms;}

#footer{width: 100%;}
#footer .foot-b{width: 100%;padding: 40px 0;background: #333;}
#footer .foot-b ul{width: 100%;height: auto;overflow: hidden;}
.foot-b li{float: left;position: relative;}
.foot-b .li1{width: 24%;}
.foot-b .li2{width: 13%;}
.foot-b li h1{width: 100%;height: 42px;line-height: 42px;overflow: hidden;color: #fff;font-size: 16px;margin-bottom: 5px;}
.foot-b li h1 a{color: #fff;transition: 300ms;}
.foot-b li .tact{font-size: 14px;color: #999;margin-bottom: 14px;line-height: 1.4;}
.foot-b li p.tell{font-size: 30px;font-weight: bold;color: #999;}
.foot-b li .erli a{display: block;width: 100%;height: 30px;font-size: 14px;color: #999;overflow: hidden;transition: 300ms;}
.foot-b li .erli a:hover{color: #fff;text-indent: 10px;transition: 300ms;}
.foot-b li .ewm{width: 28.6%;float: left;margin-right: 12%;text-align: center;line-height: 44px;}
.copy{width: 100%;font-size: 14px;color: #999;text-align: center;padding: 20px 0;background: #282828;}
.copy a{color: #999}

/* 滚动条样式 */
.linkbox::-webkit-scrollbar{width: 3px;}
.linkbox::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 3px rgba(195,199,204,0.3);
    -webkit-border-radius: 10px;border-radius: 10px;background: #434343;}
.linkbox::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;border-radius: 10px;background: #808080;
    -webkit-box-shadow: inset 0 0 3px rgba(195,199,204,0.5);}
.linkbox::-webkit-scrollbar-thumb:window-inactive{background:#808080;}
/*关于我们*/
#banner p{width: 100%;height: auto;position: absolute;top: 50%;left: 0;text-align: center;line-height: 1.5;color: #fff;font-size: 24px;font-weight: bold;
-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#banner p span{display: block;width: 34px;height: 4px;background: #fff;margin: 12px auto 0;}

.posnav{padding: 40px 0;}
.posnav .slick-slide{text-align: center;}
.posnav a{display: inline-block;height: 50px;color: #666;font-size: 18px;border-bottom: 5px solid #fff;line-height: 50px;overflow: hidden;transition: 300ms;}
.posnav a.on,.posnav a:hover{font-weight: bold;color: #333;border-bottom: 5px solid #333;transition: 300ms;}
.aboutbox{padding: 10px 0 40px;height: auto;overflow: hidden;width: 100%;}
.aboutbox .abimg{width: 47.6%;float: right;}
.aboutbox .abimg .slick-arrow{width: 60px;height:60px;top: 100%;margin-top: -30px;z-index: 2;opacity: 1;background-color: rgba(0, 0, 0, 0.2);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.aboutbox .abimg .slick-prev{left: -60px;}
.aboutbox .abimg .slick-next{right: 100%;margin-right: -60px;}
.aboutbox .abimg .slick-prev:before{content: '<';font-family: "幼圆";opacity: 1;font-size: 30px;font-weight: bold;}
.aboutbox .abimg .slick-next:before{content: '>';font-family: "幼圆";opacity: 1;font-size: 30px;font-weight: bold;}
.aboutbox .abdecbox{width: 49%;float: left;margin-top: 6%;}
.abdecbox h3{font-size: 36px;color: #333;line-height: 1.5;}
.abdecbox .abdec{font-size: 16px;color: #666;line-height: 36px;overflow: hidden;width: 100%;max-height:144px;margin-top: 20px;}

.nytent2 .holder{width: 100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.nytent2 .atitle{font-size: 36px;color: #fff;line-height: 1.4;margin-bottom: 20px;}
.nytent2 .tentdec{font-size: 16px;color: #fff;line-height: 42px;max-height: 168px;overflow: hidden;}
.nytent3{padding: 50px 0;}
.nytent3 .ftitle{font-size: 36px;color: #333;line-height: 1.6;text-align: center;padding-bottom: 30px;}
.fwlist{width: 104%;height: auto;overflow: hidden;margin-left: -2%;}
.fwlist li{width: 33.3%;float: left;padding: 10px 2%;}
.fwlist li a{display: block;width: 100%;height: auto;border: 1px solid #ededed;}
.fwlist li .icon{width: 102px;height: auto;margin: 5% auto 2%;}
.fwlist li dl{margin-bottom: 8%;text-align: center;padding: 0 3%;}
.fwlist li dt{font-weight: normal;font-size: 24px;color: #333;line-height:34px;height: 40px;overflow: hidden;}
.fwlist li dd{font-size: 16px;color: #666;max-height: 48px;line-height: 24px;overflow: hidden;}

.nytent4{padding: 30px 0;}
.nytent4 .tactext{font-size: 18px;color: #999;text-align: center;}
.nytent4 .lclist li{width: 33.33%;background: none;padding: 5% 0 3%;}
.nytent4 .lclist li .icon{width: 24%;}
.nytent4 .lclist li dd{height: auto!important;}
.formbox{background: #fff;padding: 3% 2%;}
.formbox .tactext{font-size: 16px;color: #333;line-height: 1.6;margin-bottom: 20px;text-align: center;}
.alldd{width: 100%;height: auto;overflow: hidden;}
.alldd dd{width: 45%;padding: 18px 0;border-bottom: 1px solid #ededed;float: left;margin: 12px 2.5% 0;padding-left: 35px;position: relative;}
.alldd dd.dd2{width: 95%;}
.alldd dd .intext{width: 100%;height: 35px;}
.ddicon{width:30px;height:35px;position: absolute;left: 0;top: 18px;}
.bottom_btn{width: 100%;float: left;}
.bottom_btn .subtn{width: 180px;height: 50px;margin: 30px auto;display: block;font-size: 14px;color: #fff;padding-right: 20px;background:#d20201 url(../images/icon13.png) 67% center no-repeat;}
#dituContent,#dituContent div{width:100%;height:480px;}

.nynew{padding: 30px 0;}
.nynew .newlist{box-shadow: none;padding: 0;overflow: unset;}
.nynew .newlist li{width: 100%;padding:30px 0;}
.nynew .newlist li a{padding: 25px 2.5%;border: 1px solid #ededed;transition: 300ms;}
.nynew .newlist li a:hover{border: 1px solid #fff;box-shadow: 0 3px 14px rgba(51,51,51,0.1);transition: 300ms;}
.nynew .ntitle{font-size: 14px;color: #999;line-height:24px;padding:15px 0;}
.nynew .ntitle p{color: #333;font-size: 30px;margin-bottom: 12px;}
.nynew .abdectil{font-size: 14px;color: #666;line-height: 30px;margin: 30px 0;padding: 0 1%;}
.nynew .abdectil img{max-width: 100%;}

.slickbox{width: 100%;height: auto;overflow: hidden;}
.slick2{width:41.3%;height: auto;overflow: hidden;float: left;}
.slick2 .slider-for{width:100%;height: auto;overflow: hidden;}
.slick2 .slider-for .slick-slide{outline: none;}
.slider-nav{width: 102%;height: auto;padding-top: 20px;margin-left: -1%;}
.slider-nav .slick-slide{outline: none!important;cursor: pointer;padding: 0 1%;}
.slider-nav .pimgnav{width: 100%;height:auto;position: relative;overflow: hidden;}
.slick-slide.slick-current .pimgnav em{display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: absolute;top: 0;left: 0;}
.sli_right{width: 55%;float: right;}
.sli_right h1{font-size: 30px;color: #333;line-height: 1.2;margin-bottom: 2%;}
.sli_cs{width: 100%;height: auto;font-size: 14px;color: #666666;line-height: 30px;overflow: hidden;margin: 2.5% 0;}
.zxmore{width: 180px;height: 50px;line-height: 50px;margin-top: 4%;}
.zxmore a{display: block;width: 100%;height: 100%;background: #d20201;color: #fff;text-align: center;}

.slider-nav2 .slick-track{margin: 0;}
.slider-nav2{width: 100%;height: 60px;border-bottom: 1px solid #ebebeb;}
.slider-nav2 .csnav span{font-size: 18px;color: #666;display: inline-block;height: 60px;line-height: 60px;cursor: pointer;}
.slider-nav2 .slick-current .csnav span{color: #333;border-bottom: 3px solid #333;}

.nytent6 .newlist{box-shadow: none;}


.mol_navbox{width: 100%;height: 54px;background:#282828;position: fixed;bottom: 0;left: 0;z-index: 6;}
.mol_navbox .fotli{width: 25%;float: left;text-align: center;font-size:14px;color: #fff;line-height: 22px; position: relative;}
.mol_navbox .fotli i{display: inline-block;height: 28px;padding-top: 5px;}
.mol_navbox .fotli img{height: 100%;}
.mol_navbox .fotli a{color: #fff;}
.mol_navbox .ewm{display: none;background: #fff;height: auto;position: absolute;left: 50%;bottom: 62px;border-radius: 8px;box-shadow: 0 0 12px rgba(107,107,107,0.28);font-size: 14px;line-height: 1.7;color: #444;padding: 6px 10px;
  -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.mol_navbox .ewm:before{content: "";border-bottom: 6px solid transparent;border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 100%;left: 50%;margin-left: -6px;}
.mol_navbox .adr{width: 250px;}
.mol_navbox .ewm{width: 110px;padding: 12px;}
.formbox{display: none;width: 100%;height:50px;position: fixed;bottom:54px;left:0;background: #f7f7f7;padding:8px 14px;}
.formbox form{width: 100%;height: 100%;background: #fff;display: flex;}
.formbox .subbtn{width: 21%;height: 100%;background: #dddddd;color: #333;line-height: 34px;}
.formbox .key_txt{flex:1;color: #808080;padding: 0 10px;} 
/*页码*/
.allpage{width: 100%;height: auto;overflow: hidden;padding:30px 0;text-align: center;}
.allpage a,.allpage .txt,.allpage .key_btn{display:inline-block;margin: 0 3px;width:40px; height: 40px;line-height: 40px;color: #666;font-size: 14px;background: #f7f7f7; transition: 400ms;}
.allpage a.on1,.allpage a:hover{background: #111111;color: #fff;transition: 400ms;}
.allpage .txt{border: 1px solid #ededed;text-align: center;background: #fff;}

/*文章上下篇*/
.choose_art{width: 100%;height:auto;overflow: hidden;padding: 20px 0;border-top: 1px solid #e6e6e6;margin-top: 20px;}
.choose_art a{display: block;height: 30px;line-height: 30px;color: #999999;font-size: 14px;overflow: hidden;transition: 300ms;}
.choose_art li a:hover{color: #333;transition: 300ms;}
/*panle导航开始*/
.left_nav{width:84%;height:100%;z-index:7;background: #fff;position: fixed; top:0px; right:0px;z-index: 66;}
.class-top{width: 100%;height:50px;padding: 0 15px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold;background:#111111;}
.class-top .closebtn{width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height:30px;float: right;color: #fff;font-size: 28px;margin: 10px 0;}
.class-m{width: 100%;height: 90%;overflow-y:auto;}
.opacity2{width:100%; height:100%; position: fixed; top:0; left:0px; background:rgba(0,0,0,0.5); z-index:24; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:100%;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.class-m .nnav li a.ce{color: #333;font-size: 16px;display: block;height:44px;line-height:44px;padding: 0 16px;}
.class-m .nnav li a.ce.xz_a{color: #fff;font-weight: bold;background: #111111;}
.menu_head .ericon{width:44px;height:44px;line-height:44px;text-align:right;float:right;display:inline;position: relative;z-index: 3;color: #333;font-size: 22px;}
.menu_head .ericon span,.menu_body .thricon span,.menu_body .foricon span{display: inline-block;width: 100%;text-align: center;color: #7c7c7c;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;color: #fff}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;background: #f9f9f9;}
.class-m .nnav .menu_body li{border-bottom: none;}
.menu_body li a.er{padding:0 16px;font-size:15px;display: block;height:40px;line-height:40px;color: #808080;position: relative;}
.menu_body li a.er.tz_a{color: #333;}
.menu_body .thricon{color:#808080;width:44px;height:40px;line-height:40px;text-align:right;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;color: #333;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding:0 15px 0 46px;font-size: 14px;display: block;height:44px;line-height:44px;color: #666;}
.thr_body li a.thr:before{content: "";border-left: 5px solid #666;border-right: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;left: 32px;top: 17px;}
.thr_body li a.fz_a:before{border-left: 5px solid #333;}
.thr_body li a.thr.fz_a{color: #333;}
.class-m .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:68px;font-size: 14px;display: block;height:40px;line-height:40px;color: #666;}
.menu_body .foricon{color:#666;width:44px;height:40px;line-height:40px;text-align:right;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;color: #333;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/
.page-prev {
transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);
}
.page-next {
transform:translate3d(-84%, 0, 0);
-ms-transform:translate3d(-84%, 0, 0);
-webkit-transform:translate3d(-84%, 0, 0); 
-o-transform:translate3d(-84%, 0, 0);  
-moz-transform:translate3d(-84%, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}

@media(max-width: 1640px){
  ul.numul li .number{font-size: 30px;}
  
}
@media(max-width: 1460px){
  .holder{padding: 0 6%;}
  #header .logo{width: 20%;}
  #header .lanuge a{margin-left: 2px;}
  .seach_btn{margin: 35px 1.4%;}
  #header .lanuge{margin-top: 35px;}
  #header .tell{margin: 29px 0 35px 2%;}
  .xqlist li dt,.case_dec dt{font-size: 18px;}
  .xqlist li .smore{height: 70px;line-height: 70px;}
  .case-Slider .case_dec{padding-top: 1%;}
  .case_dec .cimg2{width: 38%;}
  .case_dec .seemore{margin-top: 8%;}
  .abright h3{font-size: 64px;line-height: 1.8;margin-bottom: 10px;}
  .lclist li dt{font-size: 20px;}
  .lclist li dd{line-height: 26px;height: 52px;}
   
  .aboutbox .abdecbox{margin-top: 2%;}
  .abdecbox h3{font-size: 28px;}
 
  
}
@media(max-width: 1300px){
  #header .tell{min-width: 148px;}
  .seach_btn{margin: 35px 1%;}
  .seach_btn:before{right: -12px;}
  .content1 .xqlist li{width: 33.33%;}
  .abright h3{line-height: 1;margin-bottom: 4%;}
  .slider-nav{padding-top: 10px;}
  


}

@media (max-width: 1199px){
  #header .tell{display: none;}
  .alltitle{font-size: 32px;line-height: 2.6;}
  .case-Slider .slick-arrow{width: 11%;}
  .abright .abdec{line-height: 30px;height: 120px;}
  .content4 .bgimg img{width: 1600px;margin-left: -800px;}
  .choselist .num{width: 78px;height: 78px;line-height: 78px;font-size: 30px;}
  .choselist dt{font-size: 18px;}
  .choselist dd{line-height: 28px;height: 112px;margin-top: 3px;}
  .prolist .title{font-size: 16px;height: 50px;line-height: 50px;}
  .prolist .pimg .more,.case_dec .seemore{width: 120px;}
  .newlist .time{width: 104px;}
  .newlist dl{margin-left: 104px;}
  .lclist li dt{font-size: 16px;}
  .lclist li dd{line-height: 24px;height: 48px;font-size: 14px;}
  .lclist li{background-size: 20px auto;}
  .foot-b li p.tell{font-size: 26px;}
  .foot-b li .tact{margin-bottom: 8px;}
  .newlist li a{padding: 22px 0;}
  #dituContent,#dituContent div{width:100%;height:380px;}
  .nynew .newlist li{padding: 20px 0;}
  .sli_right h1{font-size: 26px;}

}
@media (min-width: 768px) and (max-width: 1199px){
  
}
@media (max-width: 991px){
    #wrap_index{padding-top: 80px;}
    #header,#header.head_up{height: 80px;}
    #header .logo{width: 14%}
    #header .logo a{height: 80px;}
    #header .nav_box{padding: 25px 0;}
    .seach_btn,#header.head_up .seach_btn{margin: 25px 1%;}
    #header .lanuge,#header.head_up .lanuge{margin-top: 25px;}
    .seach_btn:before{right: -8px;}
    #banner .slick-dots button{width: 5px;height: 5px;margin: 3px;}
    #banner .slick-dots li,#banner .slick-dots li.slick-active button{width: 11px;height: 11px;}
    .alltitle{font-size: 26px;}
    .alltitle:before{width: 40px;margin-left: -20px;}
    .xqlist li .smore{height: 50px;line-height: 50px;}
    .xqlist li:hover .smore{bottom: -26px;}
    .content2{padding: 50px 0 70px;}
    .case-Slider .case_dec{padding-top: 0;}
    .case_dec .cimg2{margin: 6px 0;}
    .case_dec dd{font-size: 14px;line-height: 22px;height: 66px;}
    .abright h3{font-size: 44px;}
    .newlist li a{padding: 18px 0;}
    .newlist .time p{font-size: 22px;}
    .newlist .time{width: 82px;margin-top: 4px;}
    .newlist dl{margin-left: 82px;}
    .newlist dt{height: 22px;line-height: 22px;}
    
    .posnav{padding: 20px 0;}
    .posnav a{font-size: 16px;height: 42px;line-height: 42px;border-bottom: 3px solid #fff;}
    .posnav a.on,.posnav a:hover{border-bottom: 3px solid #333;}
    .aboutbox .abimg{width: 100%;float: none;}
    .aboutbox .abimg .slick-arrow{top: 50%;margin-top: 0;}
    .aboutbox .abimg .slick-prev{left: 0}
    .aboutbox .abimg .slick-next{right: 0;margin-right: 0;}
    .aboutbox .abdecbox{width: 100%;float: none;margin-top: 4%;}
    .abdecbox h3{font-size: 24px;}
    .abdecbox .abdec{font-size: 14px;line-height: 30px;max-height: 120px;margin-top: 14px;}
    .fwlist li .icon{width: 40%;}
    .fwlist li dt{font-size: 20px;height: 34px;}
    .nytent4 .tactext{font-size: 16px;}
  #dituContent,#dituContent div{height:300px;}
  .nynew .newlist li{padding: 15px 0;}
  .slick2{width: 100%;}
  .sli_right{width: 100%;margin-top: 15px;}

  

}
@media (max-width: 768px){
  #wrap_index{padding-top: 50px;padding-bottom: 54px;}
  .holder{padding: 0 15px;}
  #header .holder{display: block;height: auto;overflow: hidden;}
  #header,#header.head_up{height: 50px;padding: 0;background: #fff;box-shadow: 0 0 14px rgba(95,100,138,0.35);}
  #header .logo{width: 50%;height: 50px;padding: 5px 0;float: left;}
  #header .logo a{height: 40px;width: 300px;}
  .seach_btn, #header.head_up .seach_btn{margin: 10px 0;float: right;padding: 5px;}
  .seach_btn:before{display: none;}
  #header .lanuge, #header.head_up .lanuge{margin-top: 15px;width: 75px;float: right;margin-right: 40px;}
  .seach_btn .searchbox{width: 286px;height: 40px;right: 0;top: -5px;}
  .searchbox .put1{height: 40px;line-height: 40px;width: 80%}
  .searchbox .seabtn{height: 40px;width: 20%;}
  .content1{padding: 30px 0;}
  .alltitle{font-size: 20px;margin: 0;margin-bottom: 20px;}
  .content1 .xqlist li{width: 50%;border-bottom: 1px solid #f1f1f1;}
  .xqlist li dl{padding: 15px 0;}
  .xqlist li dt, .case_dec dt{font-size: 16px;}
  .xqlist li dd{height: 24px;line-height: 24px;}
  .content2{padding: 42px 15px;}
  .case-Slider .slick-arrow{height: 50px;background: none;top: 25%;}
  .case-Slider a{padding: 0;}
  .case-Slider .cimg{width: 100%;}
  .case-Slider .case_dec{width: 100%;margin-top: 15px;text-align: center;}
  .case_dec .cimg2{margin: 6px auto;}
  .case_dec .seemore,.abmore{margin: 6% auto 0;}
  .content3{padding: 40px 0;}
  .aboutbox .abimg{width: 100%;}
  .aboutbox .abright{width: 100%;margin-top: 25px;}
  .abright h3{font-size: 36px;text-align: center;}
  .abright .abdec{line-height: 24px;height: 96px;font-size: 14px;}
  .choselist{padding: 0;}
  .choselist li{width: 50%;padding: 12px 2.4%;}
  .choselist .num{width: 64px;height: 64px;line-height: 64px;font-size: 24px;}
  .choselist dd{line-height: 24px;height: 96px;margin-top: 0;font-size: 14px;}
  .content4 .bgimg img{width: 2600px;margin-left: -1300px;}
  .prolist li{width: 50%;padding: 10px 1.8%;}
  .prolist .title{font-size: 14px;height: 34px;line-height: 42px;}
  .newlist li{width: 100%;padding: 0 12px;}
  .content6 .abmore{margin: 10% auto 0;}
  #footer .foot-b{padding: 30px 0;}
  .foot-b .li1{width: 100%;text-align: center;}
  .foot-b li .tact{line-height: 1.2;}
  .copy{padding: 12px 0;font-size: 12px;}
  .posnav{padding: 8px 0;}
  .posnav a{font-size: 14px;height: 34px;line-height: 34px;border-bottom: 2px solid #fff;}
  .posnav a.on,.posnav a:hover{border-bottom: 2px solid #333;}
  .aboutbox{margin-top: 0;}
  .aboutbox .abimg .slick-arrow{width: 40px;height: 40px;}
  .abdecbox h3{font-size: 18px;}
  .abdecbox .abdec{line-height: 26px;max-height: 104px; margin-top: 7px;}
  .nytent2 .atitle{font-size: 24px;margin-bottom: 12px;}
  .nytent2 .tentdec{line-height: 30px;max-height: 300px;}
  .nytent3 .ftitle{font-size: 24px;}
  .fwlist li{width: 100%;}
  .fwlist li .icon{width: 22%;}
  #banner p{font-size: 18px;}
  .nytent4 .tactext{font-size: 14px;line-height: 1.7;padding: 0 4%;}
  .nytent4 .lclist li{width: 100%;}
  .nytent4 .lclist li .icon{width: 16%;}
  .formbox .tactext{font-size: 14px;margin: 15px 0;}
  .alldd dd{width: 95%;padding:5px 0;padding-left: 35px;margin-top: 0;}
  .ddicon{top: 6px;}
  .bottom_btn .subtn{width: 45%;height: 40px;}
  #dituContent,#dituContent div{height:200px;}
  .nynew .newlist li{padding: 8px 0;}
  .nynew .newlist li a{padding: 16px 2.5%;}
  .allpage a, .allpage .txt, .allpage .key_btn{width: 30px;height: 30px;line-height: 30px;margin: 0;font-size: 12px;}
  .content6 .prolist li:last-child{display: none;}
  .nynew{padding: 16px 0;}
  .nynew .ntitle{font-size: 12px;padding: 5px 0;}
  .nynew .ntitle p{font-size: 22px;line-height: 1.4;margin-bottom:4px;}
  .nynew .abdectil{margin: 15px 0;}
  .content6{padding: 32px 0;}
  .sli_right h1{font-size: 20px;}
  .sli_cs{line-height: 24px;}
  .zxmore{width: 150px;height: 40px;line-height: 40px;}
  .slider-nav2 .csnav span{font-size: 16px;}


}
@media (max-width: 420px){
   

    
    
}
@media (max-width: 360px){
    
}

