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:0;top: 0;background: url(../images/nav_btn.png) center no-repeat;background-size: 100%;}

.head_right{flex:1;height: 100%;}
#header .tell{font-size: 14px;color: #888;height: 36px;line-height: 36px;text-align: right;margin-top: 10px;}
#header .tell span{padding-left:22px;background: url(../images/icon1.png) left center no-repeat;}
#header .tell i{font-weight: bold;}
#header .nav_box{width: 100%;height: auto;}
.nav_box .yiji{width:12.5%;float: left;height:auto;text-align: center;position: relative;transition: 400ms;}
.nav_box .yiji .one{display: block;width: 100%;height: 54px;line-height: 54px;overflow: hidden;font-size: 16px;color: #555555;position: relative;z-index: 6;transition: 400ms;}
.nav_box .yiji:hover .one:before,.nav_box .yiji.current .one:before{content: "";background: #f67b00;width: 64px;height: 5px;position: absolute;bottom: 0;left: 50%;margin-left: -32px;}
.nav_box .yiji .libox{padding: 10px 0;width: 100%;height: auto;overflow: hidden;position: absolute;top:100%;left:0;z-index: 8;text-align: center;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.1);
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: #888;font-size: 14px;transition: 300ms;}
.yiji .libox a:hover{color: #f67b00;transition: 300ms;}

@media (min-width: 768px){
    #header.head_up{height: 80px;}
    #header.head_up .logo a{height: 80px;}
    #header.head_up .tell{margin-top: 0;}
    #header.head_up .nav_box .yiji .one{height: 46px;line-height: 46px;}
    
    
    
}
/*首页大图*/
.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: 40px;height:4px;margin: 0 5px;background: #b3b2b0;}
#banner .slick-dots button{display: none;}
#banner .slick-dots li.slick-active{background: #fff;}
/*内容*/
.alltitle{width: 100%;height: auto;position: relative;font-size: 36px;line-height: 2.2;color: #222;text-align: center;padding:36px 0;background: url(../images/icon2.png) center 75% no-repeat;border-top: 1px solid #f2f2f2;}
.alltitle a{color: #222;}
.content1{width: 100%;height:auto;padding: 2% 0 4%;position: relative;}
.content1 .alltitle{border-top: none;}
.content1 .pronavs{width: 100%;border-bottom: 1px solid #fcfcfc;}
.pronavs .slick-slide{text-align: center;}
.pronavs a{display: inline-block;height:40px;color: #888;line-height: 40px; }
.pronavs .slick-current a{color: #ff8000;font-weight: bold;border-bottom: 3px solid #ff8000;}
.pro-Slider{width: 100%;height: auto;padding-bottom: 3%;}
.pro-Slider .slick-slide{padding: 20px 12px;}
.pro-Slider a{display: block;width: 100%;height: auto;overflow: hidden;transition: 300ms;position: relative;}
.pro-Slider a dl{padding:10px 0;text-align: center;}
.pro-Slider a dt{width: 100%;height:40px;line-height: 40px;overflow: hidden;color: #333;font-size: 22px;font-weight: normal;}
.pro-Slider a dd{width: 100%;height:36px;line-height:36px;overflow: hidden;color: #888;font-size: 18px;}
.pro-Slider a:hover{box-shadow: 0 0 12px rgba(0,0,0,0.1);transition: 300ms;z-index: 2;}
.pro-Slider .slick-arrow{width:30px;height:30px;z-index: 2;opacity: 1;top: 100%;}
.pro-Slider .slick-prev{left:47%;}
.pro-Slider .slick-next{right: 47%;}
.pro-Slider .slick-prev:before{content: '<';font-family: "幼圆";opacity: 1;font-size: 30px;color: #999999;font-weight: bold;transition: 300ms;}
.pro-Slider .slick-next:before{content: '>';font-family: "幼圆";opacity: 1;font-size: 30px;color: #999999;font-weight: bold;transition: 300ms;}
.pro-Slider .slick-arrow:hover:before{color: #ff8000;transition: 300ms;}

.content2{width: 100%;padding: 3% 0;}
.planlist,.caselist,.newlist{width:calc(100% + 40px);height: auto;overflow: hidden;margin-left: -20px;}
.planlist li{width:50%;float: left;padding: 20px;}
.planlist li a{display: block;width: 100%;height: auto;overflow:hidden;padding: 3.5%;border: 1px solid #f2f2f2;transition: 300ms;}
.planlist li a .img{width:0;float: left;transition: 300ms; } 
.planlist li a dl{width: 100%;float: right;transition: 300ms;}
.planlist li a dt{font-size: 22px;color: #333;line-height: 1;height: 22px;line-height: 22px;overflow: hidden;font-weight: normal;}
.planlist li a span{display: block;width: 40px;height: 4px;background: #ff8000;margin: 25px 0;}
.planlist li a dd{width: 100%;height: 72px;font-size: 14px;line-height: 24px;color: #888;overflow: hidden;}
.planlist li a .more{width: 140px;height: 40px;padding-right: 22px;border-radius: 20px;text-align: center;color: #fff;font-size: 14px;line-height: 40px;
  background: #ff8000 url(../images/icon3.png) 80% center no-repeat;margin-top: 38px;}
.planlist li a:hover{border: 1px solid #fff;box-shadow: 0 2px 14px rgba(0,0,0,0.1);transition: 300ms;}
.planlist li a:hover .img{width:326px;transition: 300ms;}
.planlist li a:hover dl{width:calc(100% - 350px);transition: 300ms;}
.aboutbox{width: 100%;height: auto;overflow: hidden;padding: 4% 0;}
.abimg{width: 53.8%;float: right;position: relative;z-index: 3;}
.ab_left{width: 46.2%;float: left;padding: 2% 1.8% 2% 2.8%;position: relative;}
.ab_left:before{content: "";width: 108%;height: 108%;border: 10px solid #f0f0f0;position: absolute;left: 0;top: -10%;}
.ab_left .abdec{width: 100%;max-height: 230px;overflow: hidden;font-size: 14px;color: #555;line-height: 46px;}
.ab_left .more{display: block;width: 140px;height: 40px;padding-right: 22px;border-radius: 20px;text-align: center;color: #989898;font-size: 14px;line-height: 40px;
  background: #f0f0f0 url(../images/icon4.png) 80% center no-repeat;margin: 8.9% 0 11.5%;position: relative;z-index: 5;}
.ab_left .more:hover{color: #fff;background: #ff8000 url(../images/icon3.png) 80% center no-repeat;}

.content4{padding-bottom: 3%;}
.caselist li{width: 25%;float: left;padding: 20px;}
.caselist li a{display: block;width: 100%;height: auto;background: #fff;box-shadow: 0 0 14px rgba(0,0,0,0.1);transition: 300ms;}
.caselist li a dl{padding:14px 32px 14px 20px ;position: relative;}
.caselist li a dl:before{content: ">";width: 14px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;color: #989898;font-weight: bold;font-family: "幼圆";position: absolute;right: 14px;top: 50%;margin-top: -10px;}
.caselist li a dt{width: 100%;height: 26px;line-height: 26px;font-size: 18px;color: #333;overflow: hidden;font-weight: normal;}
.caselist li a dd{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #888;overflow: hidden;}
.caselist li a:hover{background: #ff8000;box-shadow: 0 6px 12px rgba(255,128,0,0.55);transition: 300ms;}
.caselist li a:hover dl:before,.caselist li a:hover dt,.caselist li a:hover dd{color: #fff;}

.newlist li{width: 50%;padding: 0 20px;float: left;}
.newlist li a{display: block;width: 100%;height: auto;overflow: hidden;padding: 26px 0;border-bottom: 1px dashed #e2e2e2;}
.newlist li .time{width: 60px;height: 73px;float: left;background: #f9f9f9;text-align: center;font-size: 12px;color: #808080;line-height: 26px;transition: 300ms;}
.newlist li .time p{height: 47px;line-height: 46px;border-bottom: 1px solid #fff;font-size: 34px;color: #555;}
.newlist li dl{margin-left: 80px;}
.newlist li dt{width: 100%;height: 24px;line-height: 24px;overflow: hidden;font-size: 16px;color: #333;margin-bottom: 8px;font-weight: normal;}
.newlist li dd{font-size: 14px;color: #888;line-height: 24px;width: 100%;height: 48px;overflow: hidden;}
.newlist li a:hover .time{background: #ff8000;box-shadow: 0 6px 12px rgba(255,128,0,0.55);color: #fff;transition: 300ms;}
.newlist li a:hover .time p{color: #fff;}

.content5{background: #fcfcfc;padding: 4% 0;text-align: center;}
.content5 .contact{font-size: 36px;color: #222;line-height: 1.7;}
.content5 .contact p{font-size: 16px;color: #888;}
.content5 a{display: block;width: 190px;height: 54px;border: 1px solid #ff8000;font-size: 16px;line-height: 52px;border-radius: 27px;color: #ff8000;margin: 2% auto 0;transition: 300ms;}
.content5 a:hover{background: #ff8000;color: #fff;transition: 300ms;}

.tactlist{width: 100%;height: auto;overflow: hidden;padding: 4% 0;}
.tactlist li{width: 25%;float: left;padding:0 3%;text-align: center;}
.tactlist li span{display: inline-block;padding-left: 32px;position: relative;font-size: 18px;color: #333;height: 30px;line-height: 30px;}
.tactlist li span i{display: block;width:22px;height: 20px;position: absolute;left: 0;top:5px;line-height: 18px;}
.tactlist li p{font-size: 14px;color: #666;line-height: 24px;margin-top: 3%;}
.footnav{width: 100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;align-items: top;flex-wrap: wrap;padding: 4% 0 2%;border-top: 1px solid #f2f2f2;}
.footnav .li1{width: 168px;}
.footnav .li2{flex:1;}
.footnav li h1{width: 100%;overflow: hidden;color: #333;font-size: 18px;margin-bottom:8%;}
.footnav li h1 a{color: #333;transition: 300ms;}
.footnav li h1 a:hover,.footnav li .erli a:hover{color: #ff8000;transition: 300ms;}
.footnav li .erli a{display: block;width: 100%;height: 32px;font-size: 14px;color: #666;overflow: hidden;transition: 300ms;}
.li1 h1{text-align: right;}
.foot_a{width: 100%;height: 36px;margin-top: 12%;}
.foot_a dd{width: 36px;height: 36px;position: relative;float: right;margin-left: 18px;}
.foot_a a{display: block;width: 100%;height: 100%;background: #656565;border-radius: 50%;transition: 300ms;}
.foot_a .ewm{display: none;width: 116px;border: 1px solid #eeeeee;border-radius: 6px;position: absolute;right: 0;top: 150%;}
.foot_a a:hover{background: #ff8000;transition: 300ms;}
#footer{width: 100%;font-size: 14px;color: #999;text-align: center;padding: 20px 0;background: #333;}
#footer a{color: #999}
/*关于我们*/
#banner .banbox{width: 45%;height: auto;position: absolute;top: 50%;left: 50%;text-align: center;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.banbox p{line-height: 1.5;color: #fff;font-size: 48px;text-align: center;}
.nynav{width: 100%;height: auto;border-bottom: 1px solid #82807d;margin-top: 2%;}
.nynav a{display:block;width: 100%;text-align: center;}
.nynav a span{display: inline-block;height: 62px;line-height: 62px;color: #fff;transition: 300ms;}
.nynav .on a span,.nynav a:hover span{border-bottom: 2px solid #ff8000;color: #ff8000;transition: 300ms;}
.nywrap{width: 100%;height: auto;}
.navadress{padding-left: 16px;height: 74px;line-height: 74px;color: #cfcfcf;font-size: 14px;border-bottom: 1px solid #f2f2f2;background: url(../images/icon14.png)left center no-repeat;}
.navadress a{color: #666;margin: 0 8px;}
.navadress a:hover{color: #ff8000;}
.nywrap .aboutbox{margin: 30px 0;}
.nywrap .aboutbox .abdec{height: auto;max-height: none;margin-bottom: 3%;}
.abdetil{width: 100%;height: auto;font-size: 16px;color: #555;line-height: 2.4;}
.abdetil img{max-width: 100%;}
.about_num{width: 100%;height: auto;overflow: hidden;margin-top: 3%;}
.about_num li{width: 25%;float: left;text-align: center;font-size: 18px;color: #ff8000;line-height: 1.3;}
.about_num li span{font-size: 50px;color: #ff8000;font-weight: bold;}
.about_num li p{font-weight: normal;font-size: 18px;color: #888888;}
.abimgul{width:calc(100% + 40px);height: auto;overflow: hidden;padding: 3.4% 0;margin-left: -20px;}
.abimgul li{width: 25%;float: left;padding: 20px;}

.nywrap .caselist{padding: 2% 0;}
.nywrap .newbox{background: #fcfcfc;}
.newbox .title{line-height: 64px;font-size: 24px;color: #222222;border-bottom: 1px solid #f2f2f2;padding-top: 3%;}
.newbox .newlist{padding: 14px 0 20px;}
.newbox .newlist li a{border-bottom: none;}

.protitle{font-size: 30px;height: auto;line-height: 1.4;width: 60%;margin: 3.5% auto 2%;color: #333;}
.proitem{width: 44%;height: auto;margin: 0 auto;}
.proitem .slick-arrow{width:50px;height:50px;z-index: 2;opacity: 1;background: #cfcfcf;border-radius: 5px;transition: 300ms;}
.proitem .slick-prev{left:-90px;}
.proitem .slick-next{right: -90px;}
.proitem .slick-prev:before{content: '<';font-family: "幼圆";opacity: 1;font-size: 30px;color: #fff;font-weight: bold;transition: 300ms;}
.proitem .slick-next:before{content: '>';font-family: "幼圆";opacity: 1;font-size: 30px;color: #fff;font-weight: bold;transition: 300ms;}
.proitem .slick-arrow:hover{background: #ff8000;transition: 300ms;}

.tact_a{width: 100%;border-bottom: 1px solid #f2f2f2;padding: 40px 28%;height: auto;overflow: hidden;margin-bottom: 20px;}
.tact_a a{display: block;width: 48%;height: 70px;line-height: 70px;text-align: center;border: 1px solid #f2f2f2;float: left;font-size: 18px;color: #666;transition: 300ms;}
.tact_a a:last-child{float: right;}
.tact_a a:hover{border: 1px solid #ff8000;background: #ff8000;color: #fff;transition: 300ms;}

.nynewlist{padding: 26px 0;}
.nynewlist li{width: 100%;}
.newdec_title{font-size: 30px;color: #333;line-height: 1.5;padding: 40px 0 10px;border-bottom: 1px solid #f2f2f2;margin-bottom: 20px;}
.newdec_title p{font-size: 14px;color: #999;}
/*联系我们*/
.contact_top{font-size: 14px;color: #999;line-height: 1.8;padding-top: 3%;}
.contact_top p{font-size: 24px;color: #333;}
.contact_mid{width: 100%;display: flex;justify-content: bottom;padding: 2% 0;}
.wembox{width: 125px;text-align: center;font-size: 18px;color: #666;line-height: 30px;}
.wembox .img{width: 100%;padding: 8px;background: url(../images/bg1.png)center no-repeat;background-size: 100%;margin-bottom: 4px;}
.tactlist2{flex:1;padding:1% 0;}
.tactlist2 li{width:33.33%;padding:18px 0;text-align: left;}
.tactlist2 li p{margin-top: 6px;}
#dituContent,#dituContent div{width:100%;height:496px;}

.formdiv{width:calc(100% + 40px);height: auto;margin-left: -20px;padding: 3% 0;}
.formdiv form{display: block;width: 100%;height: auto;overflow: hidden;}
.formdiv dd{width: 50%;padding: 0 20px 20px;float: left;}
.formdiv dd.dd2{width: 100%;}
.formdiv dd p{font-size: 16px;color: #666;line-height: 3;}
.formdiv dd .intext{width: 100%;height: 50px;border: 1px solid #f0f0f0;background: #f9f9f9;font-size: 14px;color: #b3b3b3;padding: 0 18px;}
.formdiv dd .pltext{width: 100%;height: 200px;border: 1px solid #f0f0f0;background: #f9f9f9;font-size: 14px;color: #b3b3b3;padding: 5px 18px;line-height: 24px;}
.bottom_btn{width: 368px;margin:0 auto 40px;}
.bottom_btn input{width: 144px;height: 46px;display: inline-block;font-size: 16px;color: #666666;margin: 0 15px;background:#f9f9f9;transition: 300ms;}
.bottom_btn input:hover{background: #ff8000;color: #fff;transition: 300ms;}




/*底部导航*/
.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: 6px;}
/*页码*/
.allpage{width: 100%;height: auto;text-align: center;padding: 18px 0 50px;}
.allpage a{display: inline-block;margin: 0 5px;width: 40px;height: 40px;line-height:38px;color: #999;font-size: 14px;border: 1px solid #f1f1f1;transition: 400ms;}
.allpage a.a1{width: 80px;}
.allpage a:hover,.allpage a.on{background: #ff8000;border: 1px solid #ff8000;color: #fff;transition: 400ms;}
/*文章上下篇*/
.choose_art{width: 100%;height:auto;overflow: hidden;padding: 30px 0;}
.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: #ff8000;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 0 46px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold;background:#ff8000 url(../images/icon13.png) 15px center no-repeat;background-size: 20px;}
.class-top .closebtn{width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height:28px;float: right;border-radius: 50%;background: #fff;color: #ff8000;font-size: 28px;margin: 10px 0;}
.class-m{width: 100%;height: 90%;overflow-y:auto;padding: 15px;}
.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;}
.class-m .nnav li a.ce.xz_a{color: #ff8000;}
.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%;color: #7c7c7c;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;color: #ff8000}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;}
.class-m .nnav .menu_body li{border-bottom: none;}
.menu_body li a.er{padding:0 16px 0 20px;font-size:15px;display: block;height:40px;line-height:40px;color: #666;position: relative;}
.menu_body li a.er.tz_a{color: #ff8000;}
.menu_body .thricon{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 .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;color: #ff8000;}
.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 36px;font-size: 14px;display: block;height:44px;line-height:44px;color: #808080;}
/*.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: #ff8000;}
.class-m .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:52px;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: #ff8000;}
.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%;}
  #banner .banbox{width: 54%;}
  .banbox p{font-size: 40px;}
  
}
@media(max-width: 1300px){
  .alltitle{font-size: 30px;}
  .pro-Slider a dt{font-size: 18px;height: 30px;line-height: 30px;}
  .pro-Slider a dd{font-size: 16px;}
  .pro-Slider .slick-prev{left:45%;}
  .pro-Slider .slick-next{right: 45%;}
  .planlist,.caselist,.newlist,.abimgul{width: calc(100% + 24px);margin-left: -12px;}
  .planlist li,.caselist li,.abimgul li{padding: 12px;}
  .newlist li{padding:0 12px;}
  .planlist li a dt{font-size: 20px;}
  .planlist li a span{margin: 18px 0;}
  .planlist li a .more{margin-top: 20px;width: 124px;height: 36px;padding-right: 20px;}
  .planlist li a:hover .img{width: 272px;}
  .planlist li a:hover dl{width: calc(100% - 290px);}
  .ab_left .abdec{line-height: 30px;max-height: 150px;}
  .caselist li a dl{padding: 12px 30px 12px 12px;}
  .caselist li a dt{font-size: 16px;}
  .content5 .contact{font-size: 32px;}
  .content5 a{width: 170px;height: 46px;line-height: 46px;}
  .banbox p{font-size: 36px;}
  .protitle{font-size: 26px;}
  .proitem{width: 50%;}
  .tact_a{padding: 40px 25%;}
  .newdec_title{font-size: 28px;}
}
@media (max-width: 1199px){
  .nynav a span{height: 50px;line-height: 50px;}
  .navadress{height: 62px;line-height: 62px;}
  .ab_left:before{top: -7%;}
  .about_num li,.about_num li p{font-size: 16px;}
  .about_num li span{font-size: 44px;}
  .protitle{font-size: 24px;}
  .proitem{width: 54%;}
  .tact_a{padding: 30px 23%;}
  .tact_a a{height: 60px;line-height: 60px;}
  .proitem .slick-arrow{width: 44px;height: 44px;}
  .newdec_title{font-size: 26px;}
  .tactlist2{padding: 1% 2% 1% 0;}
  .wembox{font-size: 14px;line-height: 24px;}
  .tactlist2 li{padding: 14px 0;}
  #dituContent, #dituContent div{height: 320px;}
}
@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 .tell{margin-top: 0;height: 30px;}
    .nav_box .yiji .one,#header.head_up .nav_box .yiji .one{height: 50px;line-height: 50px;font-size: 14px;}
    .nav_box .yiji:hover .one:before, .nav_box .yiji.current .one:before{width: 56px;height: 3px;margin-left: -28px;}
    .yiji .libox a{font-size: 12px;height: 26px;line-height: 26px;}
    #banner .slick-dots{bottom: 12px;}
    #banner .slick-dots li{width: 34px;height: 3px;}
    .alltitle{font-size: 26px;}
    .planlist li a dt{font-size: 16px;}
    .planlist li a span{margin: 5px 0;width: 32px;height: 2px;}
    .planlist li a dd{height: 66px;line-height: 22px;}
    .planlist li a .more{margin-top: 12px;width: 100px;height: 28px;padding-right: 18px;line-height: 28px;font-size: 12px;}
    .planlist li a:hover .img{width: 202px;}
    .planlist li a:hover dl{width: calc(100% - 212px);}
    .planlist,.caselist,.newlist,.abimgul{width: calc(100% + 18px);margin-left: -9px;}
    .planlist li,.caselist li,.abimgul li{padding:9px;}
    .newlist li{padding:0 9px;}
    .footnav .li1{width: 122px;}
    .foot_a dd{width: 30px;height: 30px;margin-left: 10px;}
    #banner .nyimg img{width: 120%;margin-left: -10%;}
    .banbox p{font-size: 30px;}
    .nywrap .abimg{width: 100%}
    .nywrap .ab_left{width: 100%;padding: 20px;}
    .nywrap .ab_left:before{width: 100%;height: 100%;border: 5px solid #f0f0f0;top: -5px;}
    .about_num li,.about_num li p{font-size: 14px;}
    .about_num li span{font-size: 40px;}
  
    .protitle{font-size: 20px;}
    .proitem{width:60%;}
    .tact_a{padding: 24px 20%;}
    .tact_a a{height: 50px;line-height: 50px;font-size: 16px;}
    .proitem .slick-arrow{width: 40px;height: 40px;}
    .proitem .slick-prev{left:-66px;}
    .proitem .slick-next{right: -66px;}
    .newdec_title{font-size: 22px;}
    .contact_top p{font-size: 22px;}
    .tactlist li span i{width: 20px;}
    .tactlist li span{font-size: 16px;padding-left: 28px;}
    .tactlist2 li p{margin-top: 0;}

}
@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;}
  #banner .slick-dots{bottom: 10px;}
  #banner .slick-dots li{width: 24px;height: 2px;margin: 0 3px;}
  .alltitle{font-size: 20px;padding: 16px 0;background: url(../images/icon2.png) center 82% no-repeat;background-size: 50px auto;}
  .pronavs .slick-current a{border-bottom: 2px solid #ff8000;height: 36px;line-height: 36px;}
  .pro-Slider .slick-prev{left:38%;}
  .pro-Slider .slick-next{right: 38%;}
  .planlist,.caselist,.newlist,.abimgul{width: calc(100% + 14px);margin-left: -7px;}
  .planlist li,.caselist li,.abimgul li{padding:7px;}
  .planlist li, .newlist li{width: 100%;}
  .planlist li a .img{display: none;}
  .planlist li a:hover dl{width: 100%;}
  .abimg{width: 100%}
  .ab_left{width: 100%;padding: 14px;}
  .ab_left:before{width: 100%;height: 100%;border: 3px solid #f0f0f0;top: -5px;}
  .ab_left .more{margin: 6% auto;width: 120px;height: 34px;line-height: 34px;padding-right: 20px;}
  .caselist li{width: 50%;}
  .caselist li a dl:before{display: none;}
  .caselist li a dl{padding: 8px 12px;}
  .caselist li a dt{font-size: 14px;height: 24px;line-height: 24px;}
  .caselist li a dd{font-size: 12px;height: 20px;line-height: 20px;}
  .newlist li{padding: 0 7px;}
  .newlist li a{padding: 14px 0;}
  .newlist li dt{margin-bottom: 0;}
  .content5 .contact{font-size: 20px;}
  .content5 .contact p{font-size: 14px;line-height: 1.5;}
  .content5 a{width: 102px;height: 32px;line-height: 32px;font-size: 14px;margin: 16px auto;}
  .tactlist li{width: 50%;padding: 10px 3%;}
  .tactlist li span{font-size: 16px;padding-left: 28px;}
  #banner .nyimg img{width: 200%;margin-left: -50%;}
  #banner .banbox{width: 97%;}
  .banbox p{font-size: 24px;}
  .nynav a span{height: 40px;line-height: 40px;}
  .nywrap .aboutbox{margin: 12px 0;}
  .about_num li{width: 50%;padding: 12px 0;}
  .about_num li span{font-size: 30px;}
  .about_num li, .about_num li p{font-size: 12px;}
  .abimgul li{width: 50%;}
  .nywrap .caselist{padding: 15px 0 10px;}
  .allpage a{width: 30px;line-height: 30px;height: 30px;margin: 0;}
  .allpage a.a1{width: 50px;}
  .newbox .title{line-height: 48px;font-size: 18px;}
  .protitle{font-size: 18px;margin: 20px 0;width: 100%;}
  .proitem{width:100%;}
  .tact_a{padding: 15px 0;}
  .tact_a a{height: 40px;line-height: 40px;font-size: 14px;}
  .newdec_title{font-size: 18px;padding-top: 30px;}
  .contact_top{line-height: 1.5;padding-top: 4%;}
  .contact_top p{font-size: 18px;}
  .contact_mid{display: block;}
  .tactlist2{width: 100%;padding: 14px 0; }
  .tactlist li{text-align: center;padding: 10px 6px;}
  .tactlist2 li p{height: 44px;line-height: 22px;}
  .wembox{margin:20px auto}
  #dituContent,#dituContent div{height: 220px;}
  .formdiv dd{width: 100%;padding: 0 20px 8px;}
  .formdiv dd p{font-size: 14px;}
  .formdiv dd .intext{height: 38px;line-height: 38px;padding: 0 10px;}
  .formdiv dd .pltext{height: 160px;}
  .bottom_btn{float: left;width: 100%;}
  .bottom_btn input{width: 40%;height: 42px;margin: 0 5%;display: block;float: left;font-size: 14px;}

}
@media (max-width: 420px){
      
}
@media (max-width: 360px){
    
}



.quickbar_nav {
    width: 40px;
    height: auto;
    position: fixed;
    right: 26px;
    top: 50%;
    z-index: 6;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .quickbar_nav ul li {
        width: 40px;
        height: 44px;
        padding: 2px 0;
        position: relative;
    }

        .quickbar_nav ul li a {
            display: block;
        }

        .quickbar_nav ul li .icon {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 0 3px #b7b7b7;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .quickbar_nav ul li .icon img {
                /* older safari/Chrome browsers */
                -webkit-opacity: 0.6;
                /* Netscape and Older than Firefox 0.9 */
                -moz-opacity: 0.6;
                /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
                -khtml-opacity: 0.6;
                /* IE9 + etc...modern browsers */
                opacity: 0.6;
                /* IE 4-9 */
                filter: alpha(opacity=60);
                /*This works in IE 8 & 9 too*/
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                /*IE4-IE9*/
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            }

        .quickbar_nav ul li .seabtn { /* older safari/Chrome browsers */
            -webkit-opacity: 0.6;
            /* Netscape and Older than Firefox 0.9 */
            -moz-opacity: 0.6;
            /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
            -khtml-opacity: 0.6;
            /* IE9 + etc...modern browsers */
            opacity: 0.6;
            /* IE 4-9 */
            filter: alpha(opacity=60);
            /*This works in IE 8 & 9 too*/
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            /*IE4-IE9*/
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            width: 100%;
            height: 100%;
            background: url(/res/cn/images/icon/icon_32.png) center no-repeat;
            border: none;
        }

        .quickbar_nav ul li:hover .icon img, .quickbar_nav ul li:hover .seabtn {
            opacity: 1;
        }

        .quickbar_nav ul li .li_hover {
            display: none;
            position: absolute;
            right: 50px;
            top: 2px;
            text-align: center;
            font-weight: bold;
            color: #0d0d0d;
            border-radius: 6px;
            box-shadow: 0 0 6px #d6d6d6;
            min-height: 24px;
            padding: 8px 0;
            width: 126px;
            background-color: rgba(255, 255, 255, 0.8);
        }

            .quickbar_nav ul li .li_hover:before {
                content: "";
                border-left: 6px solid rgba(214,214,214,0.8);
                border-right: 6px solid transparent;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                position: absolute;
                right: -12px;
                top: 14px;
            }

            .quickbar_nav ul li .li_hover.ewmimg {
                width: 96px;
                height: 100px;
                padding: 5px 0;
                background: #fff;
            }

                .quickbar_nav ul li .li_hover.ewmimg img {
                    width: 85px;
                }

        .quickbar_nav ul li .sea_input {
            width: 150px;
            padding: 0;
        }

            .quickbar_nav ul li .sea_input input {
                width: 130px;
                height: 40px;
                border: none;
                padding: 0 10px;
                outline: none;
                border-radius: 6px;
                background: none;
            }

        .quickbar_nav ul li.r_weChart .li_hover {
            width: 100px;
            top: -40px;
        }

            .quickbar_nav ul li.r_weChart .li_hover img {
                max-width: 100%;
            }


.bottom_nav {
    background: #333;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

    .bottom_nav:after {
        content: "";
        display: block;
        clear: both;
    }

    .bottom_nav li {
        float: left;
        width: 25%;
        text-align: center;
    }

        .bottom_nav li img {
            display: block;
            width: 23px;
            margin: 7px auto 0;
        }

        .bottom_nav li span {
            color: #fff;
            font-size: 14px;
            line-height: 18px;
            height: 18px;
            overflow: hidden;
            display: block;
        }

.WeChatModel {
    display: none;
    z-index: 50;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

    .WeChatModel .bg {
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.5);
    }

    .WeChatModel .box {
        width: 120px;
        height: 120px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

        .WeChatModel .box img {
            width: 120px;
            margin: 0;
        }

.searchModel {
    display: none;
    z-index: 40;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    background: #000;
    padding: 5px;
}

    .searchModel form {
        width: 100%;
        display: block;
        height: 30px
    }

    .searchModel input {
        float: left;
        padding: 0;
        line-height: 30px;
        height: 30px;
        font-size: 14px;
    }

    .searchModel .b_txt {
        width: 80%;
        padding: 0 10px;
        color: #333;
    }

    .searchModel .b_sub {
        width: 20%;
        color: #fff;
        text-align: center;
        background: #333;
        border: none;
    }



@media (max-width: 767px) {
    /*.footer{margin-bottom: 50px;}*/
    body {
        padding-bottom: 50px;
    }
}