@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
body{overflow-x:hidden;}
img{max-width: 100%}

.wenzi img{max-width: 100%}
.wenzi table{max-width: 100%}
.wenzi table td{ border:1px solid #CCCCCC;}

/*全局样式*/
.topbox{background: url(../images/top.png) center center;background: cover;width: 194px; line-height: 28px;color: #fff;text-align: center;}
.topbox a{color: #fff;margin:0 5px;}
.topbox a:hover{color: #fff;text-decoration: underline !important;}

header{height: 155px;}
.logo{line-height:155px;width: 29%;}
header .zi{line-height: 155px;margin-left:15px;width: 36%;}
header .phone{background: url(../images/phone.png) no-repeat left center;font-size: 16px;padding-left: 82px;min-height: 59px;margin-top: 25px}
header .phone h4{font-size: 30px;font-weight: bold;font-family: "Arial";margin-top: 5px !important}


/*pc导航*/
.nav{height: 58px;background: url(../images/nav-bg.jpg) repeat-x;width: 100%}
.nav ul{background: url(../images/nav-xian.png) no-repeat right center;}
.nav li{width:calc(100% / 9);float:left;font-size:17px;text-align:center;background: url(../images/nav-xian.png) no-repeat left center;position: relative;line-height: 58px}
.nav li a{display:block;color:#2b2b2b;}
.nav li .on,.nav li a:hover{background: #f86f00;color: #fff}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:100%;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%; font-size:14px;line-height:45px;margin-top:1px;}
.nav li .nav-zi li a{display:block; padding:0 5px; color:#fff;background:rgba(0,0,0,0.65);}
.nav li .nav-zi li:hover a{background:rgba(248,111,0,0.9);color:#fff;}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#ff7200;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#ff7200;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
.banner{position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;s}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width:28px; height: 6px; background:#fff; opacity: 1;border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #f86f00;}
.swiper-wrapper {height: auto !important;}
.banner img{width:100%;}



/*主体内容*/
.main1{padding-bottom:65px;}
.title{text-align:center;margin:60px 0 55px;text-transform: uppercase;font-size: 18px;color: #4c4c4c}
.title h4{font-size:36px;color:#000;font-weight: bold; margin-bottom: 20px !important}
.title .xian{width: 43px;height: 5px;background: #b8b8b8;margin:18px auto;}
.title .zi span{margin:0 18px;}



.navbox01{font-size:0; text-align:center; margin-bottom:40px;border:1px solid #ddd;}
.navbox01 .navli{display:inline-block; width:145px;line-height:66px; font-size:16px; color:#2c2c2c; padding:0 3px;border-right:1px solid #ddd;background:url(../images/navli.jpg) repeat-x;}
/*.navbox01 .navli:last-child{border:0;}*/
.navbox01 .navli.active,.navbox01 .navli:hover{background:#f86f00; color: #fff;border-color: #f86f00}


.show .imgbox{display:block;border:1px solid #ebebeb;color:#333;text-align: center;margin-bottom: 30px;font-size: 17px;line-height: 50px}
.show .imgbox .tu{overflow: hidden;border-bottom:1px solid #ebebeb;}
.show .imgbox .tou{padding:0 5px;}



.yingyong{padding-bottom: 20px}
.yingyong .title .tu{margin-bottom: 20px}
.yingyong .row{margin:0 -2px;}
.yingyong .col-md-2{padding:0 2px;}
.yingyong .imgbox{display: block;background: #cbcbcb;margin-bottom: 4px;padding:7px;text-align: center;font-size: 18px;color: #333}
.yingyong .imgbox .yuan1{width: 145px;height: 145px;border:1px solid #fff;border-radius: 50%;padding:5px;margin:0 auto;border-radius: 50%;}
.yingyong .imgbox .yuan2{background: #fff;border-radius: 50%;width:100%;height: 100%;overflow: hidden}
.yingyong .imgbox .tu{height:calc(100% - 42px);overflow: hidden;}
.yingyong .imgbox .tu .img{height: 100%;}
.yingyong .imgbox .tou{height: 42px;padding: 6px 12px 0 16px;border-radius: 0 0 100px 100px}



.liucheng{background: url(../images/liu-bg.jpg) center top;background-size: cover;}
.liucheng ul li{width:calc(100% / 7);float: left;text-align: center;margin-bottom: 20px; font-size: 18px;color: #333;position: relative;}
.liucheng ul li:before{content:"";position: absolute;top: 48px;right: -10px;width: 20px;height:27px;background: url(../images/allow.png) no-repeat;}
.liucheng .imgbox .tu{width: 126px;height: 126px;background: #fff;border:8px solid #c4c2c5; border-radius: 50%;margin: 0 auto 20px;display:flex;justify-content:center;align-items:center;}
.liucheng ul li:nth-child(7):before{display: none}


.case .imgbox{padding:10px 10px 2px;}
.case .imgbox .tu{border:1px solid #b8b8b8;background: #fff}


.rongyu{background: url(../images/rongyu-bg.jpg) center center;background-size: cover;}
.rongyu .imgbox{display: block;border:1px solid #dfdfdf;background: #fff;padding:6px;text-align: center;color: #fff;font-size: 16px;line-height: 42px;margin-bottom: 1px}
.rongyu .imgbox .tu{position: relative;overflow: hidden;}
.rongyu .imgbox .tu .tou{position: absolute;left:0;bottom: 0;background:rgba(0,0,0,0.5);width: 100%;z-index: 2}
/*左右方向箭头*/
.swiper1{position:relative;}
.swiper1 .swiper-button{width:42px !important;height:42px;top:47%;font-size: 25px;color: #fff;line-height: 40px;text-align: center;}
.swiper1 .swiper-button.swiper-button-prev{left: -85px;background-color:#ff8a00;background-image:none; cursor: pointer;}
.swiper1 .swiper-button.swiper-button-next{right: -85px;background-color:#ff8a00;background-image:none;cursor: pointer;}
.swiper1 .swiper-button-next.swiper-button-disabled,.swiper1 .swiper-button-prev.swiper-button-disabled {opacity:1;background: #9e9e9e}



.jianjie .left .tu{border:3px solid #ddd;border-radius: 5px}
.jianjie .right .tou{font-size: 33px;font-weight: bold;background: url(../images/title02.png) no-repeat center center;text-align: center;}
.jianjie .right .text{font-size: 17px; line-height: 30px;height: 205px;overflow: hidden;
margin:25px 0 30px;}
.jianjie .right .morebox{text-align: center;font-size: 0}
.jianjie .right .more{display:inline-block;width: 158px;color: #333;line-height: 40px;font-size: 16px;border-radius: 25px;margin:0 15px;background: url(../images/more-bg.png) repeat-x;}



.title11{font-size: 20px;text-transform: uppercase;margin-bottom: 50px;position: relative;}
.title11:before{content: "";position: absolute;left:0;bottom: -15px;width: 60px;height: 3px;background: #dedede}
.title11 span{font-family: "Arial";color: #8f8f8f;margin-left:8px}




.contbox .cont{display: none}
.contbox .cont.active{display: block}
.dongtai{margin:48px 0;}
.dongtai .qiehuan{font-size: 0; text-align: center;text-transform: uppercase;border-bottom:3px solid #ddd;}
.dongtai .qiehuan .qie{display: inline-block;width: 50%;border-right:3px solid #ddd;font-size: 18px;color: #333;line-height: 70px;cursor: pointer;background: url(../images/news-toubg.png) repeat-x;}
.dongtai .qiehuan .qie:last-child{border:0;}
.dongtai .qiehuan .qie span{font-family: "Arial"}
.dongtai .qiehuan .qie:hover,.dongtai .qiehuan .qie.active{background: #ff7200;color: #fff}
.dongtai .left .hezi{padding-bottom:25px; border-bottom:2px solid #ddd; margin-bottom:25px}
.dongtai .left .hezi:last-child{border:0;padding-bottom: 0;margin-bottom: 0}
.dongtai .left .wen{display:block;font-size:18px; color:#333; line-height:30px;background:url(../images/wen.png) no-repeat left center; padding-left:32px; margin-bottom:10px}
.dongtai .left .huida{display:block;background:url(../images/da.png) no-repeat left top;font-size:14px; color:#929292; line-height:25px; height:50px; overflow:hidden; padding-left:32px}
.dongtai .right{border:3px solid #ddd;}
.dongtai .right .neirong{padding:25px;}
.dongtai .right .imgbox{display:block;font-size: 14px;margin-bottom: 20px}
.dongtai .right .imgbox .tu{width:234px; height:156px; overflow:hidden;}
.dongtai .right .imgbox .tu .img{width:100%; height:100%;}
.dongtai .right .imgbox .text{width: calc(100% - 234px);padding-left: 30px}
.dongtai .right .imgbox .text .tou{font-size: 24px;color: #333;line-height: 24px;border-bottom: 1px dashed #c3c3c3;padding-bottom: 12px}
.dongtai .right .imgbox .text .zi{color: #797979;font-size: 16px; line-height: 30px;height:60px;overflow: hidden;margin:15px 0;}
.dongtai .right .xia{position:relative;padding-right:55px}
.dongtai .right .xia .time{color: #cdcdcd;position: absolute;top:5px;right: 0;}
.dongtai .right .imgbox .text .more{color: #fff;display: block;width: 106px;color: #333;line-height: 30px;border-radius: 25px;background: url(../images/more-bg.png) repeat-x;text-align: center;}
.dongtai .listbox li{font-size: 17px;line-height:48px ;}
.dongtai .listbox li a{color: #333;position: relative;padding-left: 16px;transition: all 0.3s}
.dongtai .listbox li a:before{content: "";position: absolute;left:0;top: 50%;width: 6px;height: 6px;background: #161616;border-radius: 50%;margin-top:-3px;transition: all 0.3s}


.hezuo .title11{margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #ddd}
.hezuo .title11:before{width: 40%;background: #dedede;height: 5px;bottom: -3px}
.hezuo .title11 span{font-weight: bold;color: #cdcdcd;font-size: 24px;position: relative;top: 3px}
.hezuo .imgbox{display: block; margin-bottom: 15px;font-size: 16px;color: #494949;text-align: center;line-height: 30px}
.hezuo .imgbox .tu{border:1px solid #d1d1d1;overflow: hidden;margin-bottom: 8px}
/*左右方向箭头*/
.hezuo .swiper1{position:relative;}
.hezuo .swiper1 .swiper-button{width:30px !important;height:20px;top:-50px;font-size: 16px;color: #fff;line-height: 20px;text-align: center;}
.hezuo .swiper1 .swiper-button.swiper-button-prev{left:calc(100% - 60px);background-color:#ff7200;background-image:none; cursor: pointer;border-radius: 5px 0 0 5px}
.hezuo .swiper1 .swiper-button.swiper-button-next{right:0;background-color:#ff7200;background-image:none;cursor: pointer;border-radius:0 5px 5px 0}
.hezuo .swiper1 .swiper-button-next.swiper-button-disabled,.swiper1 .swiper-button-prev.swiper-button-disabled {opacity:1;background: #c65f0c}



footer{background: #2a2a2a;color:#848484;}
footer a{color: #848484}
footer a:hover{color: #fff;text-decoration: underline !important;}
footer .footer1{padding:45px 0;border-bottom: 1px solid #2a2a2a}
footer .footer1 .left{width: 28%;float: left;padding-right:10px}
footer .footer1 .left .hezi{background: #222;padding:15px 0 15px 15px;}
footer .footer1 .left .tu{width: 120px;}
footer .footer1 .left .tu img{width: 100%}
footer .footer1 .left .text{width: calc(100% - 120px);padding-left: 15px;color: #fff}
footer .footer1 .left .text h3{font-size: 40px;margin:5px 0 !important;}
footer .footer1 .left .text b{font-size: 20px;color: #fff}
footer .footer1 .right{line-height: 36px;width: 72%;float: left;padding-left: 10px}
footer .footer1 .right .zuo .col-md-6{border-right: 1px solid #2a2a2a;min-height: 165px}
footer .footer1 .right .box{padding:0 0 0 10px;}
footer .footer1 .right .zuo ul li{width: 50%;float: left;}
footer .footer1 .right h4{font-size: 16px;color: #fff;margin-bottom: 10px !important}
footer .footer2{padding:20px 0;text-align: center;line-height: 30px;border-top: 1px solid #393939}

#top{cursor:pointer;display: inline-block;}
#top:hover{text-decoration: underline !important;}





/*子页面*/
/*1、关于我们*/
.main{ padding:40px 0 50px;font-size:14px; line-height:28px;}

/*内页左侧导航主要样式*/
.left_menu .box{margin-bottom:25px;}
.left_menu .menu,.neiye .menu{background: url(../images/menu-bg.jpg) repeat-x; font-size:24px; color:#333; position:relative;margin-bottom: 6px;padding:20px 5px;text-transform: uppercase;text-align: center;}
.left_menu .menu b,.neiye .menu b{font-size:14px;font-family: "Arial";font-weight: normal;display: block;margin-top: 2px;color: #888}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:45px;}
.neiye .nav1{display:block;background:url(../images/nav1-bg.jpg) repeat-x; font-size:16px; color:#333; line-height:46px;text-align:center; position:relative;margin-bottom:7px;border:1px solid #ddd;cursor: pointer;}
.neiye .nav1:before{content:"》"; position:absolute; left:20px;color:#b1b1b1;transition:all 0.3s}
.neiye ul a{display:block; font-size:14px; color:#333; line-height:42px; padding:0 10px 0 60px; border-bottom:1px solid #e5e5e5; position:relative}
/*.neiye ul a:before{content:"-"; position:absolute; left:35px; top:0; font-size:18px; color:#333;}*/
.neiye ul{display:none; padding:0 25px}
.neiye .ul1{display:none;}
.neiye .navbox{background:#fff;}

/*一级导航、二级导航默认选中状态*/
.neiye .nav1.active{background:#ff833a;border-color: #ff833a; color:#fff;}
.neiye .nav1.active:before{color: #fff}
.neiye ul a.active{color:#ff833a;}
.neiye ul a.active:before{color:#ff833a;content:"+"; font-size:14px;}


.left_menu .lianxi .menu{border-bottom: 1px solid #e2e2e2;padding-bottom: 10px;margin-bottom: 10px}
.left_menu .lianxi ul li{border-bottom: 1px dashed #b4b4b4;padding-bottom: 10px;margin-bottom: 10px;background: url(../images/lian01.png) no-repeat left 5px;padding-left: 32px;}
.left_menu .lianxi ul li:nth-child(2){background: url(../images/lian02.png) no-repeat left 5px;}
.left_menu .lianxi ul li:nth-child(3){background: url(../images/lian03.png) no-repeat left 5px;}
.left_menu .lianxi ul li b{font-size: 24px;font-family: "Arial"}
.left_menu .lianxi .text{border:1px solid #ddd;line-height: 36px;padding:20px 10px 30px 15px;background:linear-gradient(#fff,#ececec)}


.main .navbox01{margin-bottom:26px;}

.main .cont{margin-top:30px;}
.title-zi{color:#333; border:1px solid #ddd;line-height:44px;background: url(../images/nav1-bg.jpg) repeat-x;}
.title-zi img{margin-right: 8px}
.title-zi .zuo{display: inline-block;font-size: 18px;background: #e6e6e6;padding:0 20px;border-right:1px solid #ddd;}
.title-zi .you{color: #a8a8a8;padding-right: 15px;}
.title-zi a{color:#a8a8a8;}
.title-zi a:hover{color:#ff7200;text-decoration: underline !important;}



.about{line-height:28px; }
.about h4{font-size:21px;font-weight: bold; line-height:28px;margin-bottom: 10px !important}
.about img{max-width:100%; height:auto; display:block; margin:10px auto;}

.call-us{font-size:14px;line-height:28px; }
.call-us h4{font-size:16px; font-weight:bold;line-height:35px;}
.call-us img{max-width:100%; height:auto; display:block; border:1px solid #ccc; margin:10px auto}

.case-box,.show-box{background:none; padding:0;line-height: normal}
.case-box .row,.show-box .row{margin:0 -10px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 20px}


.news-box .imgbox{display:block;background: #f4f4f4; position:relative; padding:20px;margin-bottom:20px;line-height: normal;color: #7a7a7a}
.news-box .imgbox .tu{width:214px; height:140px;float: left;overflow: hidden;}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text{float: left;width: calc(100% - 214px);padding:5px 0 0 30px;}
.news-box .imgbox .text .tou{font-size:18px; color:#333;}
.news-box .imgbox .text .zi{line-height:26px; height:52px; overflow:hidden;margin: 15px 0 18px}
.news-box .imgbox .text .more{width:85px;background: #d4d4d4; color:#fff; display: inline-block; line-height:24px; text-align:center}



.news-main{font-size:14px; line-height:24px;}
.news-tou{width:80%; margin:0 auto;}
.news-main .news-tou h4{ font-size:18px; line-height:26px; text-align:center; border-bottom:1px dashed #666; padding-bottom:12px !important;}
.news-main .news-tou span{display:block; text-align:center; font-size:12px; color:#7f7f7f; margin:10px 0}
.news-main img{ max-width:100%; height:auto; margin:20px auto;}


.liuyan{ width:65%; margin:0 auto;}
.liuyan .form-group{margin-bottom:5px;}
.liuyan label{ padding-top:0 !important; text-align:left !important;height:34px; line-height:34px; font-weight:normal;}
.liuyan input{background:#fff; border:1px dashed #ff7200; height:37px;border-radius:0}
.liuyan textarea{background:#fff; border:1px dashed #ff7200; height:107px;border-radius:0}
.liuyan button{width:100%; height:37px; color:#fff; background:#ff7200; border:none; border-radius:0; margin-top:5px}


.show-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.show-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}


.main .xinwen .imgbox{line-height: 20px}
.main .show .imgbox .mask h4{font-size: 20px}

.fuwu-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.fuwu-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}
.fuwu-main .toubu{text-align: center;margin-bottom: 30px}
.fuwu-main .toubu .zi1{font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #eae7e6;line-height: 35px}
.fuwu-main .toubu .zi2{font-size: 0}
.fuwu-main .toubu .zi2 span{display: inline-block;padding:10px 20px;border:1px solid #eae7e6;border-top: 0;font-size: 14px}
.fuwu-main .toubu .zi2 span b{font-weight: normal;color: #888}


.videobox .imgbox .tu{position: relative;}
.videobox .imgbox .tu:before{content: "";position: absolute;left:0;top: ;width: 100%;height: 100%;background:rgba(0,0,0,0.4) url(../images/play.png) no-repeat center center;z-index: 22}

.video-main iframe{ width:450px; height:350px; margin:0 auto; display:block;}
.video-main h4{font-size:16px; line-height:40px; text-align:center}



@media (max-width:1150px){
header .phone h4{font-size: 25px}
.nav li{font-size: 15px}
}



@media (min-width:992px){
.show .imgbox:hover{background: #ff833a;border-color: #ff833a;color: #fff}
.show .imgbox:hover .img{transform: scale(1.1,1.1)}
.yingyong .imgbox:hover .yuan1,.yingyong .imgbox:hover{background: #f86f00}
.yingyong .imgbox:hover .img{transform: scale(1.1,1.1)}
.liucheng{margin-top:55px}
.liucheng .title{margin:-30px 0 130px;}
.liucheng .imgbox:hover .tu{transform: rotateY(180deg);}
.rongyu .imgbox:hover{border-color: #f86f00}
.rongyu .imgbox:hover .tou{background: #f86f00}
.rongyu .imgbox:hover .img{transform: scale(1.1,1.1);}
.jianjie .tu{height: 350px !important;}
.jianjie .right .more:hover{background: #ff7200;color: #fff}
.dongtai .right .imgbox:hover .img{transform: scale(1.1,1.1);}
.dongtai .right .imgbox:hover .text .more{background: #ff7200;color: #fff}
.dongtai .listbox li a:hover{color: #ff7200;}
.dongtai .listbox li a:hover:before{background: #ff7200}
.hezuo .imgbox:hover .tu{border-color: #ff7200}
.hezuo .imgbox:hover .img{transform:scale(1.1,1.1);}
.lianxi .left .more:hover{background: #ff7200;color: #fff}


/*一级导航、二级导航hover事件*/
.neiye .nav1:hover{background:#ff833a;border-color: #ff833a; color:#fff;}
.neiye .nav1:hover a{background:#ff833a;border-color: #ff833a; color:#fff;}
.neiye .active a{background:#ff833a;border-color: #ff833a; color:#fff;}
.neiye .nav1:hover:before{color: #fff}
.neiye ul a:hover{color:#ff833a;}
/*.neiye ul a:hover:before{color:#ff833a !important; content:"+"; font-size:14px}*/

.news-box .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news-box .imgbox:hover .text .more{background:#ff7200;border-color: #ff7200;color: #fff}
.news-box .imgbox:hover{background: #e6e6e6}

}


@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px; width:100%}
.logo img{height: 55px}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
.banner .swiper-button{display: none !important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{display: none}
.banner .swiper-pagination{bottom: 10px}
.liucheng ul li{width:calc(100% / 3);margin-bottom: 20px}
.liucheng ul li:nth-child(3):before,.liucheng ul li:nth-child(6):before,.liucheng ul li:nth-child(7):before{display: none}
.jianjie .left{margin-bottom: 30px}
.jianjie .right .text{height: auto;max-height: 205px}
.dongtai .left{margin-bottom: 30px}
.dongtai .left .huida{height: auto;max-height: 50px}

footer{text-align: center;}
footer .footer1{padding:30px 0;}
footer .footer1 .right{width: 100%;float: none;line-height: 28px}
footer .footer1 .right .col-md-3{border:0;min-height: auto;}
footer .footer2{line-height: 28px}

.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 24px}


/*手机侧导航 下拉 开始*/
.neiye{text-align:center;}
.neiye .menu{background: #ff7200;color: #fff;margin-bottom: 3px;padding:0;font-size: 20px}
.neiye .menu b{display: none}
.neiye .menu span,.neiye .menu{line-height:52px;}
.neiye ul a.active,.neiye ul a:hover,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{background-image:none; padding:0;text-align:center}
.neiye ul a:before,.neiye .nav1:before{display:none;}
.neiye .nav1{padding:0 10px;margin-bottom: 3px;font-size: 15px;line-height: 40px}
.neiye .nav1 span{display: none}
/*手机侧导航 下拉 结束*/
.main3{padding-top:30px;}

.fuwu-main .toubu .zi1{font-size: 20px;line-height: 32px;}
.left_menu .box{padding:0;box-shadow: none}
.hezuo-box .imgbox{margin-bottom: 15px;line-height: 60px}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.logo img{height: 45px}
header .lianjie{margin:20px 60px 0 0;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.main1{padding-bottom:50px;}
.title{font-size: 16px}
.title h4{font-size:28px;margin-bottom: 12px !important}
.navbox01 .navli{line-height:56px;}
.show .row{margin:0 -10px;}
.show .col-md-3{padding:0 10px;}
.show .imgbox{margin-bottom: 20px}
.jianjie .right .tou{font-size: 25px}
.jianjie .right .more{margin:0 10px;}
.dongtai .right .imgbox .text{padding-left: 20px}
.dongtai .right .imgbox .text .tou{font-size: 20px}

.liuyan{width:100%;}
.hezuo-box .row{margin:0 -10px !important;}
.hezuo-box .col-md-3{padding:0 10px !important;}
.hezuo-box .imgbox{margin-bottom: 10px;font-size: 18px;line-height: 52px}
}

@media (max-width:600px){
.logo img{height:38px;}
.main1{padding-bottom:40px;}
.title{margin:45px 0 40px;font-size: 14px}
.title h4{font-size:24px;}
.title .xian{margin:12px auto;}
.title .zi{display: none}
.navbox01{margin-bottom:30px}
.navbox01 .navli{width:130px;line-height:40px;font-size:14px;}
.show .row{margin:0 -5px;}
.show .col-md-3{padding:0 5px;}
.show .imgbox{margin-bottom: 15px;font-size: 15px;line-height: 42px}
.yingyong .imgbox{font-size: 14px}
.yingyong .imgbox .yuan1{width: 120px;height: 120px;padding:3px;}
.yingyong .imgbox .tu{height:calc(100% - 30px);}
.yingyong .imgbox .tou{height: 30px;padding:3px 12px 0 16px;}
.liucheng ul li{width:calc(100% / 2);font-size: 15px}
.liucheng ul li:before{top: 35px}
.liucheng ul li:nth-child(2):before,.liucheng ul li:nth-child(4):before{display: none}
.liucheng ul li:nth-child(3):before{display: block;}
.liucheng .imgbox .tu{width: 100px;height: 100px;margin: 0 auto 12px;border-width: 3px}
.liucheng .imgbox .tu img{max-height: 40%}
.case .imgbox{padding:5px 5px 2px;}
.rongyu .imgbox{font-size: 14px;line-height: 38px}
.jianjie .right .tou{font-size: 20px}
.jianjie .right .text{font-size: 14px; line-height: 30px;max-height: 180px;margin:15px 0 20px;}
.jianjie .right .more{margin:0 3px 6px;font-size: 14px;width: 120px;}
.hezuo .title11 span{display: none}
.hezuo .title11::before{width: 110px}
.dongtai .left .hezi{padding-bottom: 15px;margin-bottom: 15px}
.dongtai .left .wen{font-size: 16px}
.dongtai .qiehuan .qie{font-size: 16px;line-height: 50px;}
.dongtai .qiehuan .qie span{display: none}
.dongtai .right .imgbox .tu{width:150px; height:120px;}
.dongtai .right .imgbox .text{width: calc(100% - 150px);padding:5px 0 0 15px}
.dongtai .right .imgbox .text .tou{font-size: 17px;}
.dongtai .right .imgbox .text .zi{font-size: 14px; line-height: 26px;height: 52px;margin:12px 0 0;}
.dongtai .right .imgbox .text .xia{display: none}
.dongtai .listbox li{font-size: 15px;line-height:42px ;}


.case-box .row,.show-box .row{margin:0 -5px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 10px}

.news-box .imgbox{padding:12px; margin-bottom:15px;}
.news-box .imgbox .tu{width:140px; height:115px;}
.news-box .imgbox .text{width: calc(100% - 140px);padding:5px 0 0 12px;}
.news-box .imgbox .text .tou{font-size:16px;}
.news-box .imgbox .text .zi{margin:8px 0;line-height: 24px;height: 48px}

.hezuo-box .row{margin:0 -5px !important;}
.hezuo-box .col-md-3{padding:0 5px !important;}
.hezuo-box .imgbox{margin-bottom:10px;font-size: 15px;line-height: 40px}
}





@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap");
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  width: 100%;
  height: 100vh;
  font-family: 'DM-sans', sans-serif;
}

.ppheader {
  font-size: 24px;
  text-align: center;
}

.ppcontainer {
  width: 100%;
  max-width: 1200px;
  border-radius: 4px;
  margin: 0 auto;
  padding: 40px 0;
}

.ppcontent {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  padding: 0 30px;
}

.ppwrapper {
  width: 33.3%;
  height: 100%;
  padding: 10px;
}

.name {
  position: relative;
  font-size: 16px;
  display: inline-block;
}
.name:after {
  content: '';
  position: absolute;
  width: calc(100% + 10px);
  height: 1px;
  background-color: #000;
  bottom: -4px;
  left: 0;
}

.ppbox {
  position: relative;
  max-height: 300px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}
.box .hide {
  opacity: 0;
}
.box .ppframe {
  position: absolute;
  border: 1px solid #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ppbox h2, .ppbox p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  transition: opacity 0.2s, transform 0.3s;
}
.ppbox h2 {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 0;
  letter-spacing: 1px;
}
.ppbox p {
  bottom: 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.ppbox:hover {
  transition: all .3s ease-in-out;
}
.ppbox:hover:before {
  transition: all .3s ease-in-out;
}
.ppbox img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all .3s ease-in-out;
}
.ppbox img:hover {
  transition: all .3s ease-in-out;
}
.ppbox img:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.ppbox img:hover {
  transition: all .3s ease-in-out;
}


.ppblury-card .ppframe {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.ppblury-card h2, .ppblury-card p {
  text-align: center;
  top: 50%;
  transform: translatey(-50%);
  margin: 0;
  z-index: 3;
}
.ppblury-card p {
  transform: translatey(30px);
  letter-spacing: 3px;
}
.ppblury-card span {
  font-size: 24px;
}
.ppblury-card:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #008E6B;
  z-index: 1;
  left: 0;
  opacity: 0;
  transition: all .3s ease-in-out;
}
.ppblury-card img {
  z-index: 2;
}
.ppblury-card:hover .ppframe {
  width: calc(100% - 15px);
  height: calc(100% - 10px);
  opacity: 1;
}
.ppblury-card:hover img {
  opacity: .7;
}
.ppblury-card:hover:before {
  opacity: 1;
  transition: all .3s ease-in-out;
}



@media screen and (max-width: 880px) {
  .wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 520px) {
  .wrapper {
    width: 100%;
  }
}






@media (max-width:479px){
header{height:55px;}
.logo{line-height:55px;}
header .lianjie{margin:12px 42px 0 0;}
header .lianjie a{margin:0 3px;}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}
.dongtai .right .imgbox .tu{width:130px; height:110px;}
.dongtai .right .imgbox .text{width: calc(100% - 130px);}

.news-main .news-tou h4{font-size:16px;}
.video-main iframe{ width:100%; height:280px;}
}

@media (max-width:400px){
header .ydd_btn{width:26px;}
}


@media (max-width:380px){

}

@media (max-width:350px){
header .lianjie{margin-right:35px;}

}