.layout{/*max-width: 1611px;*/ width: 84.7%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content: ""; display: table}.clearfix{zoom: 1;}
.clearfix:after{content: ""; clear: both; height: 0; visibility: hidden; display: block;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 100px; /*border-bottom: 1px solid #232121; border-bottom: 1px solid rgba(255,255,255,.5);*/ _position: absolute; position: fixed; left: 0; top: 0; z-index: 1000;}
.header.fixed,.header:hover{background-color: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.logo{padding: 22px 0 0 0; float: left;}
.logo a{display: block; width: 325px; height: 70px; margin: 0 auto; font-size: 0; background-image: url(/themes/Home/Public/images/fhzx/logo.png);  background-size: contain; background-repeat: no-repeat;}
.header.fixed .logo a,.header:hover .logo a{background-image: url(/themes/Home/Public/images/fhzx/logo-h.png);}
.nav{float: right;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{margin-right: 25px; float: left;}
.nav ul li>a{display: block; font-size: 16px; color: #fff; height: 100px; line-height: 100px; position: relative;}
.header.fixed .nav ul li>a,.header:hover .nav ul li>a{color: #000;}
.header.fixed .nav ul li:hover>a,.header:hover .nav ul li:hover>a{color: #dab18d;}
.nav ul li>a:after{content:""; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 38px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.header.fixed .nav ul li>a:after,.header:hover .nav ul li>a:after{background-color: #dab18d;}
.nav ul li:hover>a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav ul li:hover>a{color: #fff;}
.nav ul li .nav-body{width: 100%; background-color: #fff; border-top: 1px solid #ccc; padding: 55px 0; position: absolute; left: 0; top: 100px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.nav ul li:hover .nav-body,.nav ul li.active .nav-body{z-index: 10; opacity: 1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.nav-body .tname{/*width: 310px;*/ width: 19.25%; float: left;}
.nav-body .tname .h2{font-size: 25px; font-weight: bold; color: #000;}
.nav-body .tname .pn{font-size: 16px; color: #dab18d;}
.nav-body .ttab{width: 220px; float: left; padding-left: 38px; border-left: 1px solid #dab18d; min-height: 553px;}
.nav-body .ns{font-size: 20px; font-weight: bold; color: #000; padding: 0 20px; margin-bottom: 10px;}
.nav-body .dl dd a{display: block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 16px; color: #000;}
.nav-body .dl dd.on a{background-color: #dab18d;}
.nav-body .see-more{display: block; width: 95px; height: 25px; line-height: 26px; text-align: center; border: 1px solid #dab18d; font-size: 12px; color: #dab18d; margin: 20px 0 0 20px;}
.nav-body .see-more:hover{background-color: #000; border-color: #000; color: #dab18d;}
.nav-body .see-more i{display: inline-block; padding-right: 12px; background: url(/themes/Home/Public/images/fhzx/see-more-h.png) right center no-repeat; background-size: 4px 8px;}
.nav-body .tmain{/*width: 887px;*/ width: 55%; float: right; border-left: 1px solid #dab18d; min-height: 553px;}
.nav-body .tmain .box{margin-left: 87px; min-height: 464px; display: none;}
.nav-body .tmain .nc{font-size: 23px; font-weight: bold; color: #000; text-align: center; line-height: 1; margin-bottom: 25px; position: relative; z-index: 1;}
.nav-body .tmain .nc:after{content: ""; width: 100%; height: 1px; background-color: #dab18d; position: absolute; left: 0; top: 50%; z-index: -1;}
.nav-body .tmain .nc span{display: inline-block; background-color: #fff; padding: 0 10px;}
.nav-body .tmain .pic{width: 100%; /*height: 390px;*/ /*padding-top: 48.5%;*/ overflow: hidden; position: relative;}
.nav-body .tmain .pic img{max-width: 100%; max-height: 100%; display: block; /*position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;*/ margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.nav-body .tmain .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.nav-body .tmain .tit{font-size: 24px; color: #000; line-height: 1; letter-spacing: 2px; margin: 20px 0 15px 0;}
.nav-body .tmain .tit:hover{color: #dab18d;}
.nav-body .tmain .pn{font-size: 17px; color: #727171; line-height: 30px; margin-top: 5px;}
.nav-body .a{font-size: 16px; color: #666; display: inline-block; margin: 0 10px; position: relative;}
.nav-body .a:after{content:""; display: block; width: 100%; height: 1px; background-color: #dab18d; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav-body .a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav ul li .aboutNav,.nav ul li .newsNav,.nav ul li .contactNav{padding: 30px 0; text-align: right;}
.nav ul li .aboutNav .na{margin-right: 380px;}
.nav ul li .newsNav .na{margin-right: 295px;}
.nav ul li .contactNav .na{margin-right: 205px;}
.hd-info{float: right; font-size: 0;-webkit-text-size-adjust: none;}
.hd-info .tele-box,.hd-info .wechat-box{display: inline-block;_display: inline;zoom: 1;}
.tele-box{height: 100px; line-height: 100px; margin-left: 25px;}
.tele-box span,.min-tele span{font-family: "Arial"; font-size: 17px; font-weight: bold; color: #fff; padding-left: 17px; background: url(/themes/Home/Public/images/fhzx/tele-box.png) left center no-repeat;}
.header.fixed .tele-box span,.header:hover .tele-box span{color: #000; background: url(/themes/Home/Public/images/fhzx/tele-box-h.png) left center no-repeat;}
.wechat-box{padding: 41px 0 0 25px; position: relative;}
.wechat-box:before{content: ""; width: 1px; height: 18px; background-color: #fff; position: absolute; left: 0; top: 40px;}
.header.fixed .wechat-box:before,.header:hover .wechat-box:before{background-color: #000;}
.wechat-box .icon{width: 18px; height: 15px; margin: 0 auto; display: block; background: url(/themes/Home/Public/images/fhzx/wechat-box.png) no-repeat;}
.header.fixed .wechat-box .icon,.header:hover .wechat-box .icon{background: url(/themes/Home/Public/images/fhzx/wechat-box-h.png) left center no-repeat;}
.wechat-box .ewm{width: 100px; padding: 10px; background-color: #fff; position: absolute; left: -22px; top: 70px; display: none; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);box-shadow: 0 5px 20px rgba(0,0,0,.2);}
.wechat-box .ewm img{max-width: 100%; display: block; margin: 0 auto;}
.wechat-box:hover .ewm{display: block;}
.min-tele{margin-top: 20px; padding: 0 20px;}
.min-tele span{color: #000; background: url(/themes/Home/Public/images/fhzx/tele-box-h.png) left center no-repeat;}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 2px; z-index: 1020; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.header.fixed .btn-m-list .burger,.header:hover .btn-m-list .burger{background-color: #000;}
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #fff; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background: url(/themes/Home/Public/images/fhzx/nav-close.png) no-repeat 7px center; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #333; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #dab18d;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(/themes/Home/Public/images/fhzx/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 15px 0; background-color: #fff; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #000;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(/themes/Home/Public/images/fhzx/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #000;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(255,255,255,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
/*.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active .pimg1{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slideshow .slick-active .binbox{visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1; -webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0)}}
.banner .slideshow .slick-active .bot {-moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
/*.banner .slick-active .p1{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInUp 1.2s 1; animation: fadeInUp 1.2s 1;}
.banner .slick-active .p2{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInUp 1.2s 1; animation: fadeInUp 1.2s 1;}*/
.banner .banText{width: 100%; position: absolute; left: 0; top: 80%; z-index: 10; _margin-top: -124px; transform: translateY(-50%);}
.banner .banText .h2{font-size: 54px; font-weight: bold; color: #fff; line-height: 1.2;}
.banner .banText .pn{font-size: 24px; color: #fff; margin-top: 10px;}
.banner .banText .h2,.banner .banText .pn{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .banText .pn{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);}
.banner .slick-dots{width: 100%; position: absolute; left: 7.65%; bottom: 40px; z-index: 10;}
.banner .slick-dots li{width: 89px; height: 4px; font-size: 0; cursor: pointer; background-color: #fff; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; border: none;}
.banner .slick-dots li button{display: block; width: 0; height: 100%; background-color: #dab18d; border: none;}
.banner .slick-dots li.slick-active button{-webkit-animation: buttonUp 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: buttonUp 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes buttonUp { from { width: 0; }to { width: 100%; } }
@keyframes buttonUp { from { width: 0; }to { width: 100%; } }
.banner .slick-arrow{width: 31px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.banner .slick-prev{left: -100%; background: url(/themes/Home/Public/images/fhzx/slick-prev.png) no-repeat;}
.banner:hover .slick-prev{left: 2.5%;}
.banner .slick-next{right: -100%; background: url(/themes/Home/Public/images/fhzx/slick-next.png) no-repeat;}
.banner:hover .slick-next{right: 2.5%;}
.banner .mimg{display: none;}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; padding: 90px 0 80px 0; background-color: #fff;}
.index-title{width: 100%; text-align: center;}
.index-title .h2{font-size: 35px; font-weight: bold; color: #000; line-height: 1.1;}
.index-title .pn{font-size: 19px; color: #dab18d; margin-top: 10px;}
.index-title .line{width: 130px; height: 1px; display: inline-block; background-color: #dab18d; margin: 30px auto 0 auto;}
.index-case{width: 100%; padding-top: 10px;}
.case1{display:none;}
.index-case ul{margin: 0 -22px;}
.index-case ul li{width: 33.333%; float: left; margin-top: 40px;}
.index-case ul li .box{display: block; margin: 0 22px;}
.index-case ul li .pic{width: 100%; /*height: 372px;*/ padding-top: 73.41%; overflow: hidden; position: relative;}
.index-case ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;-o-transition: all 1.5s ease;-ms-transition: all 1.5s ease;transition: all 1.5s ease;}
/*.index-case ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.index-case ul li .pic-1{opacity: 1; transform: perspective(1000px) rotateY(0deg); transform-origin: center; backface-visibility: hidden; transition: transform 1s, opacity 0.2s;}
.index-case ul li .pic:hover .pic-1,.index-case ul li.hover .pic .pic-1{transform: perspective(1000px) rotateY(-180deg); opacity: 0;}
.index-case ul li .pic-2{transform-origin: center; transform: perspective(1000px) rotateY(180deg); backface-visibility: hidden; opacity: 0; transition: transform 1s, opacity 0.2s;}
.index-case ul li .pic:hover .pic-2,.index-case ul li.hover .pic .pic-2{transform: perspective(1000px) rotateY(0deg); opacity: 1;}
.index-case ul li .tmain{padding: 20px;}
.index-case ul li .h2{font-size: 16px; font-weight: bold; color: #595757;}
.index-case ul li .h2:hover{color: #dab18d;}
.index-case ul li .pcont{font-size: 14px; color: #727171; margin-top: 10px; height: 63px; overflow: hidden;}
.index-more{width: 100%; margin-top: 40px; text-align: center;}
.index-more1{margin-bottom: 40px;}
.index-more a{display: inline-block; min-width: 160px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #b4b4b4; font-size: 14px; color: #666; position: relative; z-index: 1;}
.index-more a:hover{color: #dab18d; border-color: #000;}
.index-more a:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.index-more a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section02{background-color: #e7e7e7;}
.index-service{width: 100%;}
.index-service ul{margin: 0 -70px;}
.index-service ul li{width: 33.333%; float: left; margin-top: 80px;}
.index-service ul li .box{display: block; margin: 0 70px; padding-left: 110px; position: relative;}
.index-service ul li .icon{position: absolute; left: 0; top: 0;}
.index-service ul li .icon img{-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-service ul li .icon:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-service ul li .ts{font-size: 14px; color: #dab18d; padding-left: 10px; position: relative;}
.index-service ul li .ts:before{content:""; display: block; width: 4px; height: 4px; background-color: #dab18d; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.index-service ul li .h2{font-size: 32px; color: #000; line-height: 1.1; margin-top: 10px;}
.index-service ul li .h2:hover{color: #dab18d;}
.index-service ul li .tmain{margin-top: 10px; height: 125px; overflow: hidden; position: relative;}
.index-service ul li .tmain p{font-size: 14px; color: #666; line-height: 22px;}
.index-service ul li .tags{width: 100%; background-color: #e7e7e7; position: absolute; left: 0; top: 0; overflow: hidden;zoom: 1; display: none;}
.index-service ul li .box:hover .tags{display: block;}
.index-service ul li .tags span{width: 48%; height: 34px; line-height: 34px; margin: 1%; text-align: center; overflow: hidden; float: left; border: 1px solid #b4b4b4; font-size: 16px; color: #666; -webkit-box-sizing: border-box;box-sizing: border-box;}
.index-service ul li .tags span:hover{background-color: #000; border-color: #000; color: #dab18d;}
.index-service ul li .more{display: inline-block; width: 95px; height: 25px; line-height: 26px; text-align: center; border: 1px solid #b4b4b4; font-size: 12px; color: #818181; margin: 30px 0 0 0;}
.index-service ul li .more:hover{background-color: #000; border-color: #000; color: #dab18d;}
.index-service ul li .more i{display: inline-block; padding-right: 13px; background: url(/themes/Home/Public/images/fhzx/see-more.png) right center no-repeat;}
.index-service ul li .more:hover i{background: url(/themes/Home/Public/images/fhzx/see-more-h.png) right center no-repeat;}
.section03{min-height: 792px; background-color: #000; background-image: url(/themes/Home/Public/images/fhzx/section03.jpg); background-position: right top; /*background-size: cover;*/ background-repeat: no-repeat;}
.section03 .index-title .h2{color: #fff;}
.index-about{margin-top: 70px;}
.index-about .h2{font-size: 76px; font-weight: bold; color: #fff;}
.index-about .pn{font-size: 28px; color: #fff;}
.index-about .line{width: 94px; height: 1px; margin: 35px 0; display: block; background-color: #fff; opacity: .7;}
.index-about .pcont{font-size: 16px; color: #fff; max-width: 586px; letter-spacing: .5px; line-height: 30px; text-align: justify;text-justify: inter-ideograph;}
.inaboutNum{margin-top: 65px;}
.inaboutNum ul{font-size: 0;-webkit-text-size-adjust: none;}
.inaboutNum ul li{display: inline-block;_display: inline;zoom: 1; padding-right: 35px; margin-right: 35px; border-right: 1px solid #dab18d;}
.inaboutNum ul li:last-of-type{border-right: none; margin-right: 0;}
.inaboutNum ul li .num{font-family: 'Impact'; font-size: 80px; font-weight: bold; color: #fff; line-height: 1.1;}
.inaboutNum ul li .pn{font-size: 15px; color: #dab18d;}
/*{padding-top: 250px;}*/
.index-boss{/*width: 100%;*/   margin-top: 80px;}
.index-boss .pic{float: right; /*width: 416px; height: 577px;*/ width: 25.85%; padding-top: 35.6%; overflow: hidden; position: relative;}
.index-boss .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-boss .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-boss .tmain{/*width: 930px;*/ width: 57.7%; float: left; margin-left: 25px;}
.index-boss .h2{font-size: 47px; font-weight: bold; color: #000; line-height: 1;}
.index-boss .pn{font-size: 20px; font-weight: bold; color: #dab18d; margin-top: 10px;}
.index-boss .text{width: 100%; margin-top: 60px; font-size: 15px; color: #727171;}
.index-boss .td{max-width: 380px; letter-spacing: 2px; text-align: justify;text-justify: inter-ideograph; -webkit-box-sizing: border-box;box-sizing: border-box;}
.section04 .index-boss,.section04 .index-team{margin-left: 0;}
.team-motto{margin-top: 40px;}
.team-motto .line{width: 72px; height: 1px; display: block; background-color: #dab18d;}
.team-motto .ps{margin-top: 30px;}
.index-team{/*width: 100%;*/ }
.index-team ul{margin: 0 -26px;}
.index-team ul li{width: 49.99%; float: left; margin-top: 80px;}
.index-team ul li .box{display: block; margin: 0 26px; position: relative;}
.index-team ul li .pic{width: 100%; /*height: 343px;*/ padding-top: 62.6%; overflow: hidden; position: relative;}
.index-team ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-team ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-team ul li .tmain{padding: 20px;}
.index-team ul li .h2{font-size: 30px; font-weight: bold; color: #000;}
.index-team ul li .pn{font-size: 17px; font-weight: bold; color: #dab18d;}
.index-team ul li .pcont{max-width: 326px; font-size: 15px; color: #727171; height: 110px; overflow: hidden; margin-top: 15px; letter-spacing: 2px; text-align: justify;text-justify: inter-ideograph;}
.index-news{width: 100%; margin-top: 80px;}
.index-news ul li{width: 25%; float: left;}
.index-news ul li .pic{width: 100%; /*height: 370px;*/ padding-top: 77.1%; overflow: hidden; position: relative;}
.index-news ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-news ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-news ul li .tmain{padding: 40px 70px;}
.index-news ul li .h2{font-size: 20px; font-weight: bold; color: #000;}
.index-news ul li .h2:hover{color: #dab18d;}
.index-news ul li .pcont{font-size: 14px; color: #727171; height: 42px; overflow: hidden; margin-top: 10px; text-align: justify;text-justify: inter-ideograph;}
.index-news ul li .time{display: block; font-size: 14px; color: #dab18d; margin-top: 30px;}
.index-customer{width: 100%; margin-top: 40px;}
.index-customer ul li{width: 11.111%; float: left;}
.index-customer ul li span{display: block; /*height: 130px;*/ padding-top: 73%; overflow: hidden; position: relative;}
.index-customer ul li span img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
/*.index-customer ul li:hover span img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.index-customer ul li span .bg2{display: none;}
.index-customer ul li:hover span .bg2{display: block; z-index: 5;}
/*.index-customer ul li span img{opacity: .5; width: 100%; display: block; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.index-customer ul li:hover span img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}*/
.sansinos-demand{width: 100%; background-color: #f0f1f1; padding: 80px 0;}
.sansinos-demand .dmain{/*width: 500px;*/ width: 31.05%; float: left;}
.sansinos-demand .dmain .h2{font-size: 28px; font-weight: bold; color: #727171;}
.sansinos-demand .dmain .pn{font-size: 17px; color: #dab18d;}
.sansinos-demand .dmain .line{width: 50px; height: 1px; display: block; background-color: #b1b1b1; margin: 20px 0;}
.sansinos-demand .dmain .h3{font-size: 18px; font-weight: bold; color: #dab18d;}
.sansinos-demand .dmain .pcont{font-size: 16px; color: #727171;}
.sansinos-demand .dmain .pcont p{margin-top: 10px; padding-left: 20px; position: relative;}
.sansinos-demand .dmain .pcont p:before{content:""; display: block; width: 8px; height: 8px; background-color: #727171; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.sansinos-demand .dmain .h4{font-size: 30px; color: #727171; margin-top: 30px;}
.sansinos-demand .dmain .h4 b{font-size: 42px;}
.sansinos-demand .list{padding-top: 140px;}
.sansinos-demand .list .ul{/*width: 455px;*/ width: 46%;}
.sansinos-demand .sansinos-form{/*width: 990px;*/ width: 61.45%; float: right;}
.sansinos-form .li{width: 100%; margin-top: 20px;}
.sansinos-form .tit{font-size: 14px; color: #727171; padding: 0 10px; margin-bottom: 5px; position: relative;}
.sansinos-form .tit i{position: absolute; right: 10px; top: 5px; color: #f00;}
.sansinos-form .dtext,.sansinos-form .dsele{width: 100%; height: 40px; line-height: 40px; padding: 0 10px; font-size: 12px; color: #333; background: none; border: 1px solid #ccc; -webkit-box-sizing: border-box;box-sizing: border-box;}
.sansinos-form .dtext:focus{border-color: #dab18d;}
.sansinos-form .dtext::-webkit-input-placeholder{color: #999;}
.sansinos-form .dtext::-moz-placeholder{color: #999;/* Mozilla Firefox 19+ */}
.sansinos-form .dtext:-moz-placeholder{color: #999;/* Mozilla Firefox 4 to 18 */}
.sansinos-form .dtext:-ms-input-placeholder{color: #999;/* Internet Explorer 10-11 */}
.sansinos-form .labelbox{font-size: 0;-webkit-text-size-adjust: none;}
.sansinos-form .labelbox label{font-size: 16px; color: #727171; width: 33.333%; display: inline-block; margin-top: 8px;}
.sansinos-form .labelbox label input,.sansinos-form .labelbox label span{vertical-align: middle;}
.sansinos-form .submitbox{padding-top: 26px;}
.sansinos-form .submit{width: 100%; height: 40px; background-color: #dab18d; font-size: 15px; color: #fff; border: none; cursor: pointer; transition: all 0.4s ease;}
.sansinos-form .submit:hover{background-color: #000;}
.sansinos-form .tips{font-size: 16px; color: #727171; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px;}
.noticeBox{width: 100%; height: 40px; line-height: 40px; padding: 0 20px 0 45px; border: 1px solid #ccc; background-color: #e8e8e8; overflow: hidden; margin-top: 46px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.noticeBox .item{padding-left: 23px; overflow: hidden; position: relative;}
.noticeBox .item:before{content:""; display: block; width: 23px; height: 19px; background: url(/themes/Home/Public/images/fhzx/noticebox.png) no-repeat; position: absolute; left: 0; top: 10px;}
.noticeBox .item span{font-size: 14px; color: #727171; margin-left: 43px;}
.loader-box{width: 100%; height: 100%; background-color: #fff; /*background-image: url(/themes/Home/Public/images/fhzx/loading.gif);*/ background-position: center; background-repeat: no-repeat; cursor: pointer; _position: absolute; position: fixed; left: 0; top: 0; z-index: 10000;}
.loader-box.hidden{top: -100%; visibility: hidden; opacity: 0; transition: all 0.6s ease;}
.loaderImg .item{width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat;}
.loaderText{text-align: center; position: absolute; left: 50%; top: 50%; z-index: 10; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.loaderText .log img{max-width: 100%; display: block; margin: 0 auto;}
.loaderText .h2{font-size: 80px; font-weight: bold; color: #fff; margin-top: 20px;}
.loaderText .h3{font-size: 30px; color: #fff;}
.mouseBtns{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer; display: none;}
.mouseBtns i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; margin: auto; -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

/*about*/
.nybanner{width: 100%; height: 678px; position: relative; background-color: #dab18d; background-image: url(/themes/Home/Public/images/fhzx/banner6.jpg); background-position: center 0; background-attachment: fixed; background-repeat: no-repeat;}
.nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; color: #fff; /*text-shadow: black 0.1em 0.1em 0.2em;*/ -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.nybanner .h2{font-size: 70px; font-weight: bold;}
.nybanner .pn{font-size: 25px; opacity: .5;}
.nybanner .mo-cover{width: 100%; display: none;}
.about-banner .item{width: 100%; height: 678px; background-position: center 0; background-attachment: fixed; background-repeat: no-repeat;}
.about-team-cover{width: 100%; height: 664px; background-image: url(/themes/Home/Public/images/fhzx/img67.jpg); background-position: center; background-size: cover; /*background-attachment: fixed;*/ background-repeat: no-repeat;}
.about-team-cover1{width: 100%; height: 1295px; background-image: url(/themes/Home/Public/images/fhzx/img67.jpg); background-position: center; background-size: cover; /*background-attachment: fixed;*/ background-repeat: no-repeat;}
.about-team-cover .moimg{display: none;}
.about-info{width: 100%; background-color: #fff; padding: 140px 0 80px 0;}
.aboutNumber{width: 100%; text-align: center; margin-bottom: 80px;}
.aboutNumber ul{font-size: 0;-webkit-text-size-adjust: none;}
.aboutNumber ul li{display: inline-block;_display: inline;zoom: 1; min-width: 200px; padding: 0 30px; border-right: 1px solid #dab18d;}
.aboutNumber ul li:last-of-type{border-right: none;}
.aboutNumber ul li .num{font-family: 'Impact'; font-size: 80px; font-weight: bold; color: #000; line-height: 1.1;}
.aboutNumber ul li .pn{font-size: 15px; color: #000;}
.about-us{max-width: 1280px; margin: 0 auto; padding-top: 30px; text-align: center; font-size: 20px; color: #727171; line-height: 33px;}
.about-box .t2{width: 100%; background-color: #fff; padding: 80px 0;}
.about-box .t3{width: 100%; background-color: #ededed; padding: 80px 0;}
.history-list{width: 100%; margin-top: 80px; position: relative; z-index: 1;}
.history-list .line{display: block; width: 100%; height: 100%; background-image: url(/themes/Home/Public/images/fhzx/history-line.png); background-size: 1611px auto; background-position: right top; background-repeat: no-repeat; position: absolute; left: 0; top: 0; z-index: -1;}
.history-list ul{margin: 0 -20px;}
.history-list ul li{width: 14.285%; float: left;}
.history-list ul li .box{margin: 0 20px; position: relative;}
.history-list ul li .year{width: 76px; height: 76px; line-height: 76px; border-radius: 100%; background-color: #dab18d; text-align: center; font-size: 22px; font-weight: bold; color: #ad7542; position: relative;}
.history-list ul li .year:after{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #dab18d; border-radius: 100%; display: none;}
.history-list ul li .year:after{
    -webkit-animation: scale-line 1.5s ease infinite;
    -moz-animation: scale-line 1.5s ease infinite;
    -o-animation: scale-line 1.5s ease infinite;
    animation: scale-line 1.5s ease infinite;
    animation-fill-mode: both;
}
@keyframes scale-line {
    0% { -webkit-transform:scale(1); transform:scale(1); opacity: 1;}
    100% { -webkit-transform:scale(1.3); transform:scale(1.3); opacity: .5;}
}
@-webkit-keyframes scale-line {
    0% { -webkit-transform:scale(1); transform:scale(1); opacity: 1;}
    100% { -webkit-transform:scale(1.3); transform:scale(1.3); opacity: .5;}
}
.history-list ul li .direction{width: 7px; height: 50px; background: url(/themes/Home/Public/images/fhzx/direction1.png) no-repeat; position: absolute; left: 34px; top: 0;}
.history-list ul li .text{padding-top: 66px; position: relative;}
.history-list ul li .pcont{font-size: 15px; color: #727171; text-align: justify;text-justify: inter-ideograph;}
.history-list ul li.item1{margin-top: 430px;}
.history-list ul li.item2{margin-top: 350px;}
.history-list ul li.item2 .text,.history-list ul li.item4 .text,.history-list ul li.item6 .text{padding: 0 0 66px 0; position: absolute; left: 0; bottom: 76px;}
.history-list ul li.item2 .direction,.history-list ul li.item4 .direction,.history-list ul li.item6 .direction{top: auto; bottom: 0; background: url(/themes/Home/Public/images/fhzx/direction2.png) no-repeat;}
.history-list ul li.item4 .text{bottom: 94px;}
.history-list ul li.item3{margin-top: 306px;}
.history-list ul li.item4{margin-top: 230px;}
.history-list ul li.item4 .year{width: 94px; height: 94px; line-height: 94px; font-size: 29px;}
.history-list ul li.item4 .direction{left: 45px;}
.history-list ul li.item5{margin-top: 200px;}
.history-list ul li.item6{margin-top: 113px;}
.history-list ul li.item7{margin-top: 36px;}
.history-list ul li.item7 .year{width: 102px; height: 102px; line-height: 102px; font-size: 33px;}
.history-list ul li.item7 .direction{left: 52px;}
.history-list ul li.item7 .year:after{display: block;}

/*case*/
.case-title{text-align: left;}
.case-tab{width: 100%; text-align: right;}
.case-tab ul{font-size: 0;-webkit-text-size-adjust: none;}
.case-tab ul li{display: inline-block;_display: inline;zoom: 1;}
.case-tab ul li a{display: block; border: 1px solid #c1c1c1; min-width: 128px; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; font-size: 14px; color: #838383; overflow: hidden; position: relative; z-index: 1;}
.case-tab ul li:hover a,.case-tab ul li.on a{color: #dab18d; border-color: #000;}
.case-tab ul li a:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.case-tab ul li:hover a:after,.case-tab ul li.on a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.casedetails-box{width: 100%; background-color: #fff; padding: 100px 0 80px 0;}
.casedetails-box .layout{max-width: 1310px;}
.casedetails-box .text{padding:30px 0;}
.case-info{padding: 0 20px;}
.case-info .pic{width: 154px; float: right;}
.case-info .pic img{max-width: 100%; display: block; margin: 0 auto;}
.case-info .tmain{float: left; /*max-width: 820px;*/ width: 62.6%;}
.case-info h1{font-size: 25px; font-weight: bold; color: #000;}
.case-info .tips{font-size: 16px; color: #dab18d;}
.case-info .text{font-size: 16px; color: #000; margin-top: 50px;}
.img-box{width: 100%; height: 689px; margin-top: 20px; background-attachment: fixed; background-position: center; background-repeat: no-repeat;}
.img-box img{display: none;}
.img-box1{height: 703px;}
.case-relevant{width: 100%; padding: 80px 0; background-color: #efefef;}
.case-recoomlist{margin-top: 30px;}
.case-recoomlist .box{display: block; margin: 0 15px; background-color: #fff;}
.case-recoomlist .pic{width: 100%; /*height: 370px;*/ padding-top: 73%; overflow: hidden; position: relative; z-index: 1;}
.case-recoomlist .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.case-recoomlist .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.case-recoomlist .tit{background-color: #fff; height: 55px; line-height: 55px; padding: 0 20px; position: relative; z-index: 1;}
.case-recoomlist .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #dab18d; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.case-recoomlist .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.case-recoomlist .h2{font-size: 16px; font-weight: bold; color: #595757;}
.case-recoomlist .box:hover h2{color: #000;}
.case-recoomlist .icon{width: 26px; height: 8px; background: url(/themes/Home/Public/images/fhzx/case-more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -4px; z-index: 10;}
/*.case-recoomlist .box:hover .icon{background: url(/themes/Home/Public/images/fhzx/case-more-h.png) no-repeat;}*/
.case-recoomlist .slick-arrow{width: 19px; height: 36px; position: absolute; top: 50%; margin-top: -18px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.case-recoomlist .slick-prev{left: -2%; background: url(/themes/Home/Public/images/fhzx/case-prev.png) no-repeat;}
.case-recoomlist .slick-next{right: -2%; background: url(/themes/Home/Public/images/fhzx/case-next.png) no-repeat;}
.text .aa img{display:block;}

/*service*/
.service-box{width: 100%;}
.service-box .layout{max-width: 1424px; padding-left: 180px;}
.service-box .section{width: 100%; padding: 60px 0 100px 0;}
.service-box .t1{background-color: #eee;}
.service-box .t2{background-color: #fff;}
.service-box .t2 .pic{float: left;}
.service-box .t2 .tmain{float: right;}
.service-box .t2 .cbrand ul li{/*background-color: #eee;*/}
.service-box .pic{/*width: 845px;*/ width: 59.4%; float: right;}
.service-box .pic img{max-width: 100%; display: block; margin: 0 auto; -webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.service-box .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.service-box .tmain{/*width: 416px;*/ width: 29.25%; float: left;}
.service-box .icon img{-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.service-box .icon:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.service-box .pn{font-size: 16px; color: #dab18d; margin-top: 20px;}
.service-box .h2{font-size: 48px; font-weight: bold; color: #000;}
.service-box .pcont{font-size: 15px; color: #727171; line-height: 27px; margin-top: 10px; text-align: justify;text-justify: inter-ideograph;}
.service-box .tags{margin-top: 20px;}
.service-box .tags ul{font-size: 0;-webkit-text-size-adjust: none;}
.service-box .tags ul li{display: inline-block;_display: inline;zoom: 1; text-align: center; margin: 10px 10px 0 0; font-size: 17px; color: #666; width: 120px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #b4b4b4;}
.service-box .tags ul li:hover{background-color: #000; border-color: #000; color: #dab18d;}
.service-box .ctit{font-size: 20px; color: #666; margin-top: 40px;}
.service-box .cbrand ul{font-size: 0;-webkit-text-size-adjust: none;}
.service-box .cbrand ul li{display: inline-block;_display: inline;zoom: 1; /*background-color: #fff;*/ width: 80px; margin: 10px 10px 0 0;}
.service-box .cbrand ul li img{max-width: 100%; display: block; margin: 0 auto;}
.service-box .cbrand ul li .bg2,.service-box .cbrand ul li:hover .bg1{display: none;}
.service-box .cbrand ul li:hover .bg2{display: block;}
/*
.service-box .cbrand ul li img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.service-box .cbrand ul li:hover img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
*/
.serPages{_position: absolute; position: fixed; left: 150px; top: 50%; z-index: 100; -webkit-transform: translateY(-50%);transform: translateY(-50%); display: none;}
.serPages ul li{margin-top: 30px; position: relative; cursor: pointer;}
.serPages ul li .r{width: 8px; height: 8px; display: block; border-radius: 100%; background-color: #dab18d; margin: 0 auto; transition: all 0.3s ease;}
.serPages ul li.active .r{width: 12px; height: 12px; background-color: #000;}
.serPages ul li .s{min-width: 100px; padding: 0 10px; height: 26px; line-height: 26px; text-align: center; background-color: #000; font-size: 16px; font-weight: bold; color: #dab18d; position: absolute; left: 18px; top: 50%; margin-top: -13px; visibility: hidden; opacity: 0; transition: all 0.3s ease;}
.serPages ul li .s:after{content: ""; display: block; width: 0; height: 0; position: absolute; left: -5px; top: 7px; border-right: 5px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
/*.serPages ul li.active .s:after{display: block;}*/
.serPages ul li.active .s{left: 25px; visibility: visible; opacity: 1; /*background-color: #000;*/}
.serPagesShow{display: block;}
.serPagesHide{display: none;}

/*news*/
.news-tou{width: 100%; margin-top: 40px;}
.hot-box{/*width: 846px;*/ width: 52.5%; height: 535px; float: left; overflow: hidden; position: relative;}
.hot-box .pic{width: 100%; height: 100%; overflow: hidden; position: relative;}
.hot-box .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.hot-box:hover .pic span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.hot-box .tmain{padding: 35px 70px 30px 70px; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; background-color: rgba(255,255,255,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff, endColorstr=#60ffffff);}
.hot-box .h2{font-size: 30px; font-weight: bold; color: #000;}
.hot-box .h2:hover{color: #dab18d;}
.hot-box .pcont{font-size: 17px; color: #666; margin-top: 10px; height: 75px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.hot-box .tmore{margin-top: 10px;}
.hot-box .time{float: left; font-size: 20px; color: #dab18d; line-height: 30px;}
.hot-box .more{float: right; width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 13px; color: #858585; border: 1px solid #d8d8d8;}
.hot-box .more i{display: inline-block; padding-right: 12px; background: url(/themes/Home/Public/images/fhzx/see-more.png) right center no-repeat;}
.hot-box .more:hover{background-color: #000; border-color: #000; color: #dab18d;}
.hot-list{/*width: 722px;*/ width: 45.5%; float: right; border-left: 1px dashed #dcdcdc;}
.hot-list ul{margin-left: 30px;}
.hot-list ul li{width: 100%; margin-top: 20px; overflow: hidden;zoom: 1;}
.hot-list ul li:first-child{margin-top: 0;}
.hot-list ul li .pic{/*width: 352px;*/ width: 50.1%; height: 165px; float: left; overflow: hidden; position: relative;}
.hot-list ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.hot-list ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.hot-list ul li .tmain{/*width: 305px;*/ width: 43.5%; float: right; padding: 10px 0; border-bottom: 1px dashed #dcdcdc;}
.hot-list ul li .h2{font-size: 22px; font-weight: bold; color: #666;}
.hot-list ul li .h2:hover{color: #dab18d;}
.hot-list ul li .pcont{font-size: 15px; color: #666; margin-top: 10px; height: 61px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.hot-list ul li .tmore{margin-top: 10px;}
.hot-list ul li .time{float: left; font-size: 15px; color: #dab18d; line-height: 30px;}
.hot-list ul li .more{float: right; width: 130px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #858585; border: 1px solid #d8d8d8;}
.hot-list ul li .more:hover{background-color: #000; border-color: #000; color: #dab18d;}
.hot-list ul li .more i{display: inline-block; padding-right: 12px; background: url(/themes/Home/Public/images/fhzx/see-more.png) right center no-repeat;}
.hot-list ul li .more:hover i{background: url(/themes/Home/Public/images/fhzx/see-more-h.png) right center no-repeat;}
.news-list{width: 100%; margin-top: 40px;}
.news-list ul{margin: 0 -48px;}
.news-list ul li{width: 50%; float: left;}
.news-list ul li .box{display: block; margin: 0 48px; border-bottom: 1px solid #918c8a; padding: 16px 0; overflow: hidden;zoom: 1;}
.news-list ul li .h2{float: left; font-size: 18px; color: #666; width: 50%;}
.news-list ul li .h2:hover{color: #dab18d;}
.news-list ul li .tmore{float: right; font-size: 0;-webkit-text-size-adjust: none;}
.news-list ul li .time,.news-list ul li .more{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.news-list ul li .time{font-size: 15px; color: #dab18d; line-height: 30px;}
.news-list ul li .more{width: 130px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #858585; border: 1px solid #d8d8d8; margin-left: 10px;}
.news-list ul li .more:hover{background-color: #000; border-color: #000; color: #dab18d;}
.news-list ul li .more i{display: inline-block; padding-right: 12px; background: url(/themes/Home/Public/images/fhzx/see-more.png) right center no-repeat;}
.news-list ul li .more:hover i{background: url(/themes/Home/Public/images/fhzx/see-more-h.png) right center no-repeat;}
.page{width: 100%; text-align: center; margin-top: 70px;}
.page a{display: inline-block; font-size: 14px; color: #858585; border: 1px solid #d1d1d1; padding: 7px 14px;}
/*.page a.prev,.page a.next{font-weight: bold;}*/
.page a:hover,.page a.on{background-color: #000; border-color: #000; color: #dab18d;}
.news-box .news-left{/*width: 1045px;*/ width: 65.4%; float: left;}
.news-box .news-right{/*width: 420px;*/ width: 26.1%; float: right;}
.newsdetails h1{font-size: 35px; font-weight: bold; color: #000; text-align: center;}
.newsdetails .nwinfo{font-size: 15px; color: #727171; text-align: center; margin-top: 10px;}
.newsdetails .nwinfo i{margin: 0 10px;}
.newsdetails .nwoutline{width: 100%; background-color: #ddd; margin-top: 80px;}
.newsdetails .nwoutline ul{display: table;}
.newsdetails .nwoutline ul li{display: table-cell; padding: 40px 70px; vertical-align: middle;}
.newsdetails .nwoutline ul li p,.newsdetails .nwoutline ul li span{font-size: 15px; color: #666; line-height: 32px; display: block;}
.newsdetails .nwoutline ul li.t1{width: 185px; text-align: center; background-color: #efefef; padding: 40px;}
.newsdetails .nwoutline ul li.t1 p{font-size: 45px; font-weight: bold; color: #969696; line-height: 1.2;}
.newsdetails .newstext{width: 100%; margin: 60px 0; text-align: justify;text-justify: inter-ideograph;}
.newsdetails .newsmore:before{content:""; display: block; width: 98px; height: 1px; background-color: #dab18d;}
.newsdetails .newsmore ul{padding: 40px 0;}
.newsdetails .newsmore ul li{margin-top: 5px;}
.newsdetails .newsmore ul li a{font-size: 16px; color: #727171;}
.newsdetails .newsmore ul li a:hover{color: #dab18d;}
.newsmore-info{background-color: #efefef; padding: 27px;}
.newsmore-info .n-title{font-size: 26px; font-weight: bold; color: #000; border-left: 4px solid #dab18d; padding-left: 10px; line-height: 25px; margin-top: 30px;}
.n-recommend{width: 100%; margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #dab18d;}
.n-recommend ul li{width: 100%; margin-top: 10px;}
.n-recommend ul li .box{display: block; overflow: hidden;zoom: 1; border: 1px solid #cecece;}
.n-recommend ul li .pic{/*width: 183px;*/ width: 50%; height: 90px; float: left; overflow: hidden; position: relative;}
.n-recommend ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.n-recommend ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.n-recommend ul li .tmain{/*width: 183px;*/ width: 50%; float: right; padding: 10px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.n-recommend ul li:hover .tmain{background-color: #000;}
.n-recommend ul li .h2{font-size: 15px; font-weight: bold; color: #dab18d; height: 44px; overflow: hidden;}
.n-recommend ul li .tmore{margin-top: 8px;}
.n-recommend ul li .time{float: left; font-size: 12px; color: #727171;}
.n-recommend ul li .more{float: right; font-size: 12px; color: #727171;}
.n-recommend ul li:hover .time,.n-recommend ul li:hover .more{color: #c9caca;}
.n-recommend ul li .more i{display: inline-block; padding-right: 12px; background: url(/themes/Home/Public/images/fhzx/see-more.png) right center no-repeat;}
.c-recommend{width: 100%; margin-top: 10px;}
.c-recommend ul li{width: 100%; margin-top: 20px;}
.c-recommend ul li .pic{width: 100%; /*height: 370px;*/ padding-top: 73%; overflow: hidden; position: relative; z-index: 1;}
.c-recommend ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.c-recommend ul li:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.c-recommend ul li .tit{background-color: #fff; height: 44px; line-height: 44px; padding: 0 20px; position: relative; z-index: 1;}
.c-recommend ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #dab18d; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.c-recommend ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.c-recommend ul li .h2{font-size: 15px; color: #595757; margin-right: 26px;}
.c-recommend ul li:hover h2{color: #000;}
.c-recommend ul li .icon{width: 26px; height: 8px; background: url(/themes/Home/Public/images/fhzx/case-more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -4px; z-index: 10;}
/*.c-recommend ul li:hover .icon{background: url(/themes/Home/Public/images/fhzx/case-more-h.png) no-repeat;}*/

/*contact*/
.contact-box{max-width: 1400px; margin: 0 auto;}
.contact-box .cont-left{width: 425px; float: left;}
.contact-box .cont-right{width: 455px; float: right;}
.contact-box .cont-right .index-title{text-align: left;}
.contact-box .noticeBox{margin-top: 35px;}
.cont-text{margin-top: 40px; padding-top: 30px; position: relative;}
.cont-text:before{content:""; display: block; /*width: 280px;*/ width: 67%; height: 1px; background-color: #dab18d; position: absolute; left: 0; top: 0;}
.cont-text1{margin-top: 0; padding-top: 0;}
.cont-text1:before{display: none;}
.cont-text .tele-tit{font-size: 26px; color: #dab18d;}
.cont-text .tele-num{font-size: 60px; font-weight: bold; color: #000; line-height: 1;}
.cont-text .tele-tip{font-size: 29px; font-weight: bold; color: #dab18d;}
.cont-text .company{font-size: 14px; color: #000;}
.cont-text .company b{font-size: 22px;}
.cont-text .address-c{font-size: 20px; color: #727171;}
.cont-text .address-m{font-size: 18px; color: #727171;}

/*404*/
.error-box{width: 100%; _height: 920px; height: 100vh; background-color: #000;}
.error-box .layout{max-width: 1015px; height: 100%; position: relative;}
.error-box .before{/*width: 502px;*/ width: 49.5%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; background-image: url(/themes/Home/Public/images/fhzx/error-box.jpg); background-size: 100% auto; background-position: left bottom; background-repeat: no-repeat;}
.error-box .tmain{/*width: 402px;*/ width: 39.7%; position: absolute; right: 0; top: 50%; z-index: 10; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.error-box .h2{font-size: 28px; font-weight: bold; color: #dab18d;}
.error-box .h3{font-size: 21px; color: #fff;}
.error-box .h3 .n{font-size: 28px; font-weight: bold; color: #dab18d; margin-right: 10px;}
.error-box .tips{font-size: 18px; color: #808080; margin-top: 50px;}
.error-box .tips a{color: #dab18d;}
.error-box .tips a:hover{opacity: .9;}

/*myTop*/
.myTop{width: 60px; position: fixed; _position: absolute; right: 10px; bottom: 5%; z-index: 100; /*-webkit-transform: translateY(-50%);transform: translateY(-50%);*/}
.myTop ul li{margin-top: 5px; position: relative;}
.myTop ul li .a{padding: 11px 5px; line-height: 1.2; height: 60px; display: block; font-size: 0; color: #fff; border: 1px solid #dab18d; border-radius: 5px; overflow: hidden; text-align: center; position: relative; z-index: 10; -webkit-box-sizing: border-box;box-sizing: border-box;}
.myTop ul li .a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; -webkit-transform-origin: -50% 50%;transform-origin: -50% 50%;-webkit-transform: rotate3d(0,0,1,90deg);transform: rotate3d(0,0,1,90deg);-webkit-transition: -webkit-transform .3s ease-in;transition: transform .3s ease-in;opacity: 0\9;filter: alpha(opacity=0)\9;}
/*.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}*/
.myTop ul li:hover .a{background-color: #000;}
.myTop ul li .Phone,.myTop ul li .QrCode{width: 240px; padding: 10px; background-color: #fff; border: 1px solid #dab18d; border-radius: 5px; position: absolute; top: 0; right: 0; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{right: 70px; visibility: visible; opacity: 1;}
.myTop ul li .num{font-size: 28px; font-weight: bold; color: #000; padding-left: 40px; background: url(/themes/Home/Public/images/fhzx/phone.png) left center no-repeat;}
.myTop ul li .s{font-size: 14px; color: #727171; margin-left: 40px;}
.myTop ul li .QrCode{width: 120px;}
.myTop ul li .QrCode img{max-width: 100%; display: block; margin: 0 auto;}
.myTop ul li:hover .QrCode{right: 70px; visibility: visible; opacity: 1;}
.myTop ul li .a{background-color: #fff; background-size: 60px auto; background-position: center; background-repeat: no-repeat;}
.myTop ul li.mySer .a{background-image: url(/themes/Home/Public/images/fhzx/myser.png);}
.myTop ul li.myCall .a{background-image: url(/themes/Home/Public/images/fhzx/mycall.png);}
.myTop ul li.myQr .a{background-image: url(/themes/Home/Public/images/fhzx/myqr.png);}
.myTop ul li.myMess .a{background-image: url(/themes/Home/Public/images/fhzx/mymess.png);}
.myTop ul li.GoTop .a{background-image: url(/themes/Home/Public/images/fhzx/gotop.png);}
.myTop ul li:hover .a{background: #dab18d; font-size: 16px;}
.my-company{position: fixed; right: 72px; bottom: 0; z-index: 2000;}
.min-btns,.min-form{display: none;}
.min-btns{width: 220px; height: 40px; line-height: 40px; text-align: center; background-color: #dab18d; font-size: 16px; color: #fff; position: absolute; right: 0; bottom: 0; cursor: pointer;}
.min-form{width: 455px; padding: 60px 45px 50px 45px; background-color: #fff; border: 1px solid #dab18d; border-radius: 5px; position: relative;}
.min-form .close{width: 19px; height: 19px; position: absolute; right: 20px; top: 20px; z-index: 5; font-size: 0; cursor: pointer; background: url(/themes/Home/Public/images/fhzx/close-i.png) no-repeat; -webkit-transition: 400ms;transition: 400ms;}
.min-form .close:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.min-form .tit{font-size: 19px; color: #dab18d; line-height: 1.2;}
.min-form .tit b{font-size: 34px; color: #000;}
.min-form .list ul li{width: 100%; margin-top: 20px;}
.min-form .tit{font-size: 14px; color: #727171; padding: 0 10px; margin-bottom: 10px; position: relative;}
.min-form .tit i{position: absolute; right: 10px; top: 5px; color: #f00;}
.min-form .dtext,.min-form .dsele{width: 100%; height: 40px; line-height: 40px; padding: 0 10px; font-size: 12px; color: #333; background: none; border: 1px solid #ccc; -webkit-box-sizing: border-box;box-sizing: border-box;}
.min-form .dtext:focus{border-color: #dab18d;}
.min-form .labelbox{font-size: 0;-webkit-text-size-adjust: none;}
.min-form .labelbox label{font-size: 16px; color: #727171; width: 33.333%; display: inline-block; margin-top: 8px;}
.min-form .labelbox label input,.min-form label span{vertical-align: middle;}
.min-form .submit{width: 100%; height: 40px; background-color: #dab18d; font-size: 15px; color: #fff; border: none; cursor: pointer; transition: all 0.4s ease;}
.min-form .submit:hover{background-color: #000;}

/*footer*/
.footer{width: 100%; position: relative; z-index: 1; background-color: #fa3939; background-image: url(/themes/Home/Public/images/fhzx/footerbg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.footer .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.footer video{width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); opacity: 1; -webkit-transition: opacity 4.0s;-moz-transition: opacity 4.0s;-ms-transition: opacity 4.0s;-o-transition: opacity 4.0s;transition: opacity 4.0s;}
.footer .footertext{padding: 75px 0 65px 0; position:relative; z-index: 10; background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.footer .footTou{position: relative;}
.footer .footInfo{width: 370px; float: left;}
.footer .footInfo .t1,.footer .footInfo .t2{margin-top: 40px; color: #fff;}
.footer .footInfo .t1 h2{font-size: 17px; letter-spacing: 0.5px;}
.footer .footInfo .t1 p{font-size: 14px;}
.footer .footInfo .t2 p{font-size: 22px; font-weight: bold;}
.footer .footInfo .t2 span{font-size: 15px; font-weight: 100; color: #999a9a;}
.footer .footCopy{position: absolute; right: 0; bottom: 0; font-size: 14px; color: #fff;}
.footer .footCopy a{color: #999a9a;}
.footer .footNav{font-size: 0;-webkit-text-size-adjust: none; float: right; margin-right: 30px;}
.footer .footNav .dl{display: inline-block;_display: inline;zoom: 1; vertical-align: top; word-wrap: break-word; margin: 0 30px; text-align: center;}
.footer .footNav .dl dt{font-size: 16px; font-weight: bold; color: #fff; border-bottom: 1px solid #a09a96; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 10px;}
.footer .footNav .dl dd{font-size: 13px; color: #fff; margin-top: 10px;}
.footer .footNav .dl dd a{color: #fff; opacity: .5;}
.footer .footNav .dl dd a:hover{color: #dab18d;}
.footer .footewm{width: 120px; float: right; text-align: center;}
.footer .footewm img{max-width: 100%; display: block; margin: 0 auto;}
.footer .footewm p{font-size: 13px; font-weight: bold; color: #fff; margin-top: 5px;}
.footer .footBom{width: 100%; padding-top: 40px; margin-top: 40px; border-top: 1px solid #a09a96; border-top: 1px solid rgba(255,255,255,.5); font-size: 15px; color: #fff;}
.footer .footBom a{margin-right: 15px;}
.footer a{color: #fff;}
.footer a:hover{color: #dab18d;}

/*中等屏幕pc*/
@media screen and (max-width: 1600px){
    .loaderText .log img{max-width: 300px;}
    .loaderText .h2{font-size: 50px;}
    .loaderText .h3{font-size: 20px;}
    .banner .banText .h2{font-size: 40px;}
    .banner .banText .pn{font-size: 20px;}
    .index-service ul li .tags span{font-size: 14px;}
    .index-about .h2{font-size: 70px;}
    .index-boss .tmain{width: 65%;}
    .index-news ul li .tmain{padding: 30px 40px;}
    .sansinos-demand .dmain .h2{font-size: 24px;}
    .sansinos-demand .dmain .h4{font-size: 20px;}
    .min-form{padding: 30px 20px; width: 400px;}
    .min-form .tit b{font-size: 24px;}
    .min-form .tit{font-size: 12px; margin-bottom: 5px;}
    .min-form .labelbox label{font-size: 14px;}
    .about-team-cover{background-position: center bottom;}
    .history-list .line{background-position: right 24px;}
    .history-list ul li.item1{margin-top: 370px;}
    .history-list ul li.item3{margin-top: 277px;}
    .history-list ul li.item5{margin-top: 170px;}

}
/*中等屏幕pc*/
@media screen and (min-width: 1200px) and (max-width: 1519px){
    .layout{ width: 1180px; }

    .logo a{width: 240px;}
    .nav ul li .nav-body{padding: 20px 0;}
    .nav-body .tname .h2{font-size: 20px;}
    .nav-body .tname .pn{font-size: 14px; margin-right: 15px;}
    .nav-body .ttab,.nav-body .tmain{min-height: 380px;}
    .nav-body .ns{font-size: 14px;}
    .nav-body .dl dd a{font-size: 14px; height: 26px; line-height: 26px;}
    .nav-body .mt29{margin-top: 10px !important;}
    .nav-body .see-more{margin-top: 10px; font-size: 12px;}
    .nav-body .tmain{width: 50%;}
    .nav-body .tmain .box{margin-left: 40px; min-height: 300px;}
    .nav-body .tmain .nc{font-size: 18px; margin-bottom: 20px;}
    .nav-body .tmain .tit{font-size: 16px; margin-bottom: 10px;}
    .nav-body .tmain .pn{font-size: 12px; line-height: 22px;}
    .banner .slick-dots li{width: 50px;}
    .index-title .h2{font-size: 30px;}
    .index-title .pn{font-size: 14px;}
    .index-case{padding-top: 0;}
    .index-service ul{margin: 0 -30px;}
    .index-service ul li{margin-top: 40px;}
    .index-service ul li .box{margin: 0 30px; padding-left: 75px;}
    .index-service ul li .h2{font-size: 26px;}
    .index-service ul li .icon{max-width: 60px;}
    .index-about{margin-top: 86px;}
    .index-about .h2{font-size: 60px;}
    .index-about .pn{font-size: 20px;}
    .index-about .pcont{max-width: 440px; font-size: 14px;}
    .inaboutNum{margin-top: 80px;}
    .inaboutNum ul li .num{font-size: 50px;}
    .inaboutNum ul li .pn{font-size: 12px;}
    /*.section04{padding-top: 90px;}*/
    .index-boss,.index-team{margin-left: 50px;}
    .index-boss .h2{font-size: 30px;}
    .index-boss .pn{font-size: 16px;}
    .index-boss .text{font-size: 13px;}
    .index-boss .td{max-width: 345px;}
    .index-team ul li .h2{font-size: 20px;}
    .index-team ul li .pn{font-size: 14px;}
    .index-team ul li .pcont{font-size: 12px;}
    .index-news ul li .tmain{padding: 25px 20px;}
    .sansinos-demand .dmain .h2{font-size: 19px;}
    .sansinos-demand .dmain .pn{font-size: 12px;}
    .sansinos-demand .dmain .pcont{font-size: 12px;}
    .sansinos-demand .dmain .h4{font-size: 14px;}
    .sansinos-demand .dmain .h4 b{font-size: 34px;}
    .sansinos-form .labelbox label{font-size: 12px;}
    .sansinos-form .submitbox{padding-top: 38px;}
    .noticeBox{padding: 0 30px;}
    .noticeBox .item span{margin-left: 18px;}
    .footer .footInfo{width: 320px;}
    .footer .footInfo .flogo img{ }
    .footer .footInfo .t1 h2{font-size: 14px;}
    .footer .footInfo .t1 p,.footer .footInfo .t2 span{font-size: 12px;}
    .footer .footInfo .t2 p{font-size: 19px;}
    .footer .footNav{margin-right: 20px;}
    .footer .footNav .dl{margin: 0 20px;}

    .nybanner,.about-banner .item{height: 500px;}
    .nybanner .h2{font-size: 40px;}
    .nybanner .pn{font-size: 14px;}
    .aboutNumber ul li{min-width: 180px; padding: 0 10px;}
    .aboutNumber ul li .num{font-size: 40px;}
    .aboutNumber ul li .pn{font-size: 14px;}
    .about-us{max-width: 1100px; font-size: 14px;}
    .history-list ul{margin: 0 -10px;}
    .history-list ul li .box{margin: 0 10px;}
    .history-list ul li.item1{margin-top: 340px;}
    .history-list ul li.item2{margin-top: 290px;}
    .history-list ul li.item3{margin-top: 255px;}
    .history-list ul li.item4{margin-top: 211px;}
    .history-list ul li.item5{margin-top: 145px;}
    .service-box .h2{font-size: 30px;}
    .service-box .pn{font-size: 12px;}
    .service-box .pcont{font-size: 14px;}
    .service-box .tags ul li{font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
    .service-box .cbrand ul li{width: 60px;}
    .serPages{left: 20px;}
    .hot-box .tmain{padding: 25px 30px;}
    .news-list ul{margin: 0 -20px;}
    .news-list ul li .box{margin: 0 20px;}
    .news-box .news-left{width: 70%;}
    .news-box .news-right{width: 27%;}
    .n-recommend ul li .pic{height: 102px;}
    .n-recommend ul li .time,.n-recommend ul li .more{float: none;}
    .n-recommend ul li .h2{font-size: 13px; height: 38px;}
}
/*小屏幕pc*/
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }
.about-team-cover1{height:260px;}
    /*.contain{padding-top: 55px;}*/
    .header{height: 55px;}
    .logo{position: absolute; left: 2%; top: 0; padding: 0;}
    .logo a{width: 208px; height: 55px;}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .hd-info{position: absolute; right: 45px; top: 0;}
    .tele-box{height: 55px; line-height: 55px;}
    .wechat-box{padding: 20px 0 0 0;}
    .wechat-box:before{left: auto; right: -13px; top: 19px;}
    .wechat-box .ewm{left: -44px; top: 50px;}
    .loaderText .h2{font-size: 30px;}
    .banner .slick-arrow{display: none; visibility: hidden;}
    .banner .slick-dots{left: 0; bottom: 20px; text-align: center;}
    .banner .slick-dots li{width: 20px; height: 2px;}
    .banner .banText .h2{font-size: 20px;}
    .banner .banText .pn{font-size: 14px;}
    .sectionBox,.sansinos-demand,.case-relevant,.casedetails-box{padding: 40px 0;}
    .index-title .h2{font-size: 20px;}
    .index-title .pn{font-size: 12px;}
    .index-case{padding-top: 0;}
    .index-case ul{margin: 0 -10px;}
    .index-case ul li{margin-top: 20px;}
    .index-case ul li .box{margin: 0 10px;}
    .index-case ul li .h2{font-size: 14px;}
    .index-case ul li .pcont{font-size: 12px; margin-top: 5px; height: 72px;}
    .index-more{margin-top: 20px;}
    .index-more1{margin-bottom: 20px;}
    .index-more a{min-width: 120px;}
    .index-service ul{margin: 0 -20px;}
    .index-service ul li{width: 50%; margin-top: 30px;}
    .index-service ul li .box{margin: 0 20px; padding-left: 75px;}
    .index-service ul li .icon{width: 50px;}
    .index-service ul li .ts{font-size: 12px;}
    .index-service ul li .h2{font-size: 16px;}
    .index-service ul li .tags span{height: 30px; line-height: 30px;}
    .section03{min-height: 100px; background-size: cover;}
    .index-about{margin-top: 30px;}
    .index-about .h2{font-size: 30px;}
    .index-about .pn{font-size: 14px;}
    .index-about .line{width: 55px; margin: 20px 0;}
    .index-about .pcont{font-size: 12px; max-width: 360px;}
    .inaboutNum{margin-top: 30px;}
    .inaboutNum ul li .num{font-size: 30px;}
    .inaboutNum ul li .pn{font-size: 12px;}
    .index-boss,.index-team{margin-left: 0;}
    .index-boss{margin-top: 40px;}
    .index-boss .h2{font-size: 18px;}
    .index-boss .pn{font-size: 14px;}
    .index-boss .text{margin-top: 20px; font-size: 12px;}
    .index-boss .td{width: 48%;}
    .index-team ul{margin: 0 -10px;}
    .index-team ul li{margin-top: 30px;}
    .index-team ul li .box{margin: 0 10px;}
    .index-team ul li .tmain{padding: 20px 0 0 0;}
    .index-team ul li .h2,.index-news ul li .h2{font-size: 16px;}
    .index-team ul li .pn{font-size: 13px;}
    .index-team ul li .pcont{font-size: 12px;}
    .index-news{margin-top: 40px;}
    .index-news ul li .tmain{padding: 20px 10px;}
    .index-news ul li .pcont{font-size: 12px; height: 54px;}
    .index-news ul li .time{font-size: 12px; margin-top: 5px;}
    .index-customer{margin-top: 40px;}
    .index-customer ul li{width: 20%;}
    .sansinos-demand .dmain,.sansinos-demand .sansinos-form{width: auto; float: none;}
    .sansinos-demand .list{padding-top: 20px;}
    .noticeBox .item span{margin-left: 20px;}
    .footer .footInfo .flogo img{}
    .footer .footInfo .t1,.footer .footInfo .t2{margin-top: 15px;}
    .footer .footInfo .t1 h2{font-size: 14px;}
    .footer .footInfo .t1 p,.footer .footInfo .t2 span{font-size: 12px;}
    .footer .footInfo .t2 p{font-size: 19px;}
    .footer .footNav{width: 100%; margin-right: 0; margin-top: 20px;}
    .footer .footCopy{position: relative; right: auto; bottom: auto; margin-top: 15px;}

    .nybanner,.about-banner .item{height: 500px; text-align: center;}
    .nybanner .h2{font-size: 50px;}
    .nybanner .pn{font-size: 16px;}
    .about-info{padding: 60px 0;}
    .aboutNumber{margin-bottom: 40px;}
    .aboutNumber ul li{min-width: 50px; padding: 0 10px;}
    .aboutNumber ul li .num{font-size: 20px;}
    .aboutNumber ul li .pn{font-size: 12px;}
    .about-us{max-width: 80%; font-size: 14px;}
    .about-team-cover{height: 400px; background-position: center;}
    .team-motto,.team-motto .ps{margin-top: 20px;}
    .team-motto .ps img{height: 14px;}
    .history-list ul{margin: 0 -5px;}
    .history-list ul li .box{margin: 0 5px;}
    .history-list ul li.item1{margin-top: 260px;}
    .history-list ul li.item2{margin-top: 235px;}
    .history-list ul li.item3{margin-top: 186px;}
    .history-list ul li.item4{margin-top: 140px;}
    .history-list ul li.item5{margin-top: 130px;}
    .history-list ul li .year{width: 40px; height: 40px; line-height: 40px; font-size: 12px;}
    .history-list ul li .direction{left: 18px;}
    .history-list ul li .pcont{font-size: 12px;}
    .history-list ul li.item2 .text,.history-list ul li.item4 .text,.history-list ul li.item6 .text{bottom: 40px;}
    .history-list ul li.item4 .year{width: 60px; height: 60px; line-height: 60px; font-size: 18px;}
    .history-list ul li.item4 .text{bottom: 60px;}
    .history-list ul li.item4 .direction{left: 25px;}
    .history-list ul li.item7 .year{width: 70px; height: 70px; line-height: 70px; font-size: 22px;}
    .case-tab ul li a{min-width: 90px;}
    .case-recoomlist .slick-prev{left: 0;}
    .case-recoomlist .slick-next{right: 0;}
    .service-box .layout{padding-left: 0;}
    .serPages{left: 20px;}
    .service-box .pic,.service-box .tmain{width: auto; float: none;}
    .service-box .h2{font-size: 30px;}
    .service-box .pn{font-size: 12px;}
    .service-box .pcont{font-size: 14px;}
    .hot-box,.hot-list{width: auto; float: none;}
    .hot-box .tmain{padding: 25px 40px;}
    .hot-list{border: none; margin-top: 20px;}
    .hot-list ul{margin-left: 0;}
    .news-list ul li{width: 100%;}
    .news-box .news-left,.news-box .news-right{width: auto; float: none;}
    .newsdetails .nwoutline{margin-top: 30px;}
    .newsdetails .nwoutline ul li{padding: 40px;}
    .newsdetails .nwoutline ul li.t1{width: 90px;}
    .newsdetails .nwoutline ul li.t1 p{font-size: 30px;}
    .n-recommend ul,.c-recommend ul{margin: 0 -10px;}
    .n-recommend ul li,.c-recommend ul li{width: 50%; float: left;}
    .n-recommend ul li .box,.c-recommend ul li .box{display: block; margin: 0 10px;}
    .contact-box .cont-left{width: 350px;}
    .contact-box .cont-right{width: 370px;}
    .cont-text .tele-num{font-size: 40px;}
    .cont-text .tele-tit{font-size: 15px;}
    .cont-text .tele-tip{font-size: 17px;}
    .cont-text .company{font-size: 12px;}
    .cont-text .company b,.cont-text .address-c{font-size: 16px;}
    .cont-text .address-m{font-size: 14px;}
    .error-box .before{width: 80%;}
    .error-box .tmain{width: 55%;}
}
/*移动端*/
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 90%;}
.about-team-cover1{height:260px;}
    .contain{padding-top: 55px;}
    .header{height: 55px; background-color: #fff;}
    .logo{position: absolute; left: 2%; top: 0; padding: 0;}
    .logo a{width: 208px; height: 55px; background-image: url(/themes/Home/Public/images/fhzx/logo-h.png);}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .btn-m-list .burger{background-color: #000;}
    .hd-info{position: absolute; right: 45px; top: 0; display: none;}
    .tele-box{height: 55px; line-height: 55px;}
    .wechat-box{padding: 20px 0 0 0;}
    .wechat-box:before{left: auto; right: -13px; top: 19px;}
    .wechat-box .ewm{left: -44px; top: 50px;}
    .banner .slick-arrow{display: none; visibility: hidden;}
    .banner .slick-dots{left: 0; bottom: 10px; text-align: center;}
    .banner .slick-dots li{width: 8px; height: 8px; border-radius: 100%; overflow: hidden;}
    .banner .banText .h2{font-size: 20px;}
    .banner .banText .pn{font-size: 14px;}
    .banner .pimg{display: none !important;}
    .banner .mimg{display: block;}
    .loaderText{left: 2%; right: 2%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
    .loaderText .log img{max-width: 190px;}
    .loaderText .h2{font-size: 22px; margin-top: 15px;}
    .loaderText .h3{font-size: 15px;}
    .sectionBox,.sansinos-demand,.case-relevant,.casedetails-box,.service-box .section{padding: 40px 0;}
    .index-title .h2{font-size: 25px;}
    .index-title .pn{font-size: 12px; margin-top: 2px;}
    .index-title .line{width: 70px; margin-top: 20px;}
    .index-case{padding-top: 0;}
    .index-case ul li{width: 100%; margin-top: 20px;}
    .index-case ul li .h2{font-size: 14px;}
    .index-case ul li .pcont{font-size: 12px; margin-top: 5px; height: auto;}
    .index-more{margin-top: 20px;}
    .index-more1{margin-bottom: 20px;}
    .index-more a{min-width: 100px; height: 35px; line-height: 35px; font-size: 12px;}
    .index-service ul li{width: 100%; margin-top: 50px;}
    .index-service ul li .box{padding-left: 60px;}
    .index-service ul li .icon{width: 50px;}
    .index-service ul li .ts{font-size: 12px;}
    .index-service ul li .h2{font-size: 16px;}
    .index-service ul li .tmain{height: auto;}
    .index-service ul li .tags,.index-service ul li .box:hover .tags{display: none;}
    .index-service ul li .tags span{height: 30px; line-height: 30px;}
    .index-service ul li .more{margin-top: 5px;}
    .section03{min-height: 100px; background-size: auto 300px; background-position: right 20px;}
    .index-about{margin-top: 215px;}
    .index-about .h2{font-size: 25px;}
    .index-about .pn{font-size: 16px;}
    .index-about .line{width: 50px; margin: 20px 0;}
    .index-about .pcont{font-size: 14px; line-height: 23px; max-width: 360px;}
    .inaboutNum{margin-top: 30px;}
    .inaboutNum ul{display: -webkit-box;display: flex;/*-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;*/}
    .inaboutNum ul.clearfix:before,.inaboutNum ul.clearfix:after{display: none;}
    .inaboutNum ul li{float: none; padding-right: 5px; margin-right: 10px;}
    .inaboutNum ul li .num{font-size: 20px;}
    .inaboutNum ul li .pn{font-size: 12px; max-width: 120px; height: 18px; overflow: hidden;}
    .index-boss,.index-team{margin-left: 0;}
    .index-boss{margin-top: 40px;}
    .index-boss .pic{width: 100%; padding-top: 0; float: none;}
    .index-boss .pic img{position: relative;}
    .index-boss .tmain{width: auto; padding: 20px; margin-left: 0; float: none;}
    .index-boss .h2{font-size: 18px;}
    .index-boss .pn{font-size: 14px; margin-top: 2px;}
    .index-boss .text{margin-top: 20px; font-size: 12px;}
    .index-boss .td{/*width: 48%;*/ width: 100%;}
    .index-boss .td:last-of-type{display: none;}
    .index-team ul li{width: 100%; margin-top: 20px;}
    .index-team ul li .h2,.index-news ul li .h2{font-size: 16px;}
    .index-team ul li .pn{font-size: 13px;}
    .index-team ul li .pcont{font-size: 14px; height: auto;}
    .index-news{width: 95%; margin: 20px auto 0 auto;}
    .index-news ul li{width: 100%; margin-top: 20px;}
    .index-news ul li .tmain{padding: 20px;}
    .index-news ul li .pcont{font-size: 12px; height: auto;}
    .index-news ul li .time{font-size: 12px; margin-top: 5px;}
    .index-customer{margin-top: 20px;}
    .index-customer ul li{width: 33.333%; display: none;}
    .index-customer ul li:nth-child(1),.index-customer ul li:nth-child(2),.index-customer ul li:nth-child(3){display: block;}
    .index-customer ul li:nth-child(4),.index-customer ul li:nth-child(5),.index-customer ul li:nth-child(6){display: block;}
    .index-customer ul li:nth-child(7),.index-customer ul li:nth-child(8),.index-customer ul li:nth-child(9){display: block;}
    .index-customer ul li:nth-child(10),.index-customer ul li:nth-child(11),.index-customer ul li:nth-child(12){display: block;}
    .sansinos-demand .dmain .h3{display: none;}
    .sansinos-demand .dmain .pcont{display: none;}
    .sansinos-demand .dmain .h4{display: none;}
    .sansinos-demand .dmain,.sansinos-demand .sansinos-form{width: auto; float: none;}
    .sansinos-demand .dmain .h2{font-size: 18px;}
    .sansinos-demand .dmain .pn,.sansinos-demand .dmain .pcont{font-size: 12px;}
    .sansinos-demand .dmain .h4{font-size: 12px; margin-top: 10px;}
    .sansinos-demand .dmain .h4 b{font-size: 30px;}
    .sansinos-demand .dmain .pcont p{padding-left: 12px;}
    .sansinos-demand .dmain .pcont p:before{width: 5px; height: 5px; margin-top: -2px;}
    .sansinos-demand .list{padding-top: 0;}
    .sansinos-demand .list .ul{width: 100%;}
    .sansinos-form .tit,.sansinos-form .tips{font-size: 12px;}
    .sansinos-form .labelbox label{font-size: 12px;}
    .sansinos-form .submitbox{padding-top: 0;}
    .noticeBox{padding: 0 20px;}
    .noticeBox .item span{margin-left: 20px;}
    .footer .footertext{padding: 30px 0;}
    .footer .bg{display: none;}
    .footer .footInfo{width: auto; float: none;}
    .footer .footInfo .flogo img{}
    .footer .footInfo .t1,.footer .footInfo .t2{margin-top: 15px;}
    .footer .footInfo .t1 h2{font-size: 14px;}
    .footer .footInfo .t1 p,.footer .footInfo .t2 span{font-size: 12px;}
    .footer .footInfo .t2 p{font-size: 19px;}
    .footer .footCopy{position: relative; right: auto; bottom: auto; margin-top: 15px; font-size: 12px;}
    .footer .footNav{width: 100%; margin-right: 0; margin-top: 20px; display: none;}
    .footer .footewm{float: none; margin: 20px 0 0 0;}
    .footer .footBom{padding-top: 20px; margin-top: 20px; font-size: 12px; display: none;}
    .my-company .min-form{width: 100%;}
    .my-company,.myTop ul li{display: none;}
    .myTop{width: 40px; bottom: 10px;}
    .myTop ul li.GoTop{display: block;}
    .myTop ul li .a{font-size: 0; padding: 5px; width: 40px; height: 40px; background-size: 40px auto;}
    .myTop ul li:hover .a{font-size: 12px;}

    .nybanner,.about-banner .item{height: auto; text-align: center;}
    .nybanner .h2{font-size: 30px;}
    .nybanner .pn{font-size: 14px;}
    .nybanner .mo-cover{display: block;}
    .about-info{padding: 40px 0;}
    .aboutNumber{margin-bottom: 40px; display: none;}
    .aboutNumber ul{display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;}
    .aboutNumber ul.clearfix:before,.aboutNumber ul.clearfix:after{display: none;}
    .aboutNumber ul li{width: auto; flex-basis: 25%; float: none;}
    .aboutNumber ul li{min-width: 0; padding: 0 5px; width: 25%; box-sizing: border-box;}
    .aboutNumber ul li .num{font-size: 20px;}
    .aboutNumber ul li .pn{font-size: 12px;}
    .about-us{font-size: 14px; padding-top: 15px;}
    .about-us p{font-size: 15px !important; line-height: 24px;}
    .about-team-cover{/*height: 350px;*/ height: auto; background-position: center;}
    .about-team-cover .moimg{display: block;}
    .team-motto,.team-motto .ps{margin-top: 20px;}
    .team-motto .ps img{height: 14px;}
    .about-box .t2,.about-box .t3{padding: 40px 0;}
    .history-list{margin-top: 0;}
    .history-list .line{display: none;}
    .history-list ul li{width: 100%; margin-top: 20px !important;}
    .history-list ul li .box{margin: 0 50px;}
    .history-list ul li .year,.history-list ul li.item4 .year,.history-list ul li.item7 .year{width: 60px; height: 60px; line-height: 60px; font-size: 16px; position: absolute; left: 0; top: 0;}
    .history-list ul li .direction{display: none;}
    .history-list ul li .pcont{font-size: 12px;}
    .history-list ul li.item2 .text,.history-list ul li.item4 .text,.history-list ul li.item6 .text{position: relative; left: auto; bottom: auto;}
    .history-list ul li .text,.history-list ul li.item2 .text,.history-list ul li.item4 .text,.history-list ul li.item6 .text{padding: 20px 0 0 70px; min-height: 30px;}
    .case-title{text-align: center;}
    .case-tab{text-align: center; margin-top: 20px;}
    .case-tab ul li a{min-width: 50px; height: 26px; line-height: 26px; font-size: 12px;}
    .case-info .pic,.case-info .tmain{width: auto; float: none;}
    .case-info .tmain{margin-top: 20px;}
    .img-box{height: 320px;}
    .case-recoomlist{margin-top: 20px;}
    .case-recoomlist .slick-arrow{width: 12px; height: 22px; background-size: cover;}
    .case-recoomlist .slick-prev{left: -8px;}
    .case-recoomlist .slick-next{right: -8px;}
    .case-recoomlist .h2{margin-right: 40px;}
    .service-box .layout{padding-left: 0;}
    .service-box .pic,.service-box .tmain{width: auto; float: none; position: relative;}
    .service-box .tmain{padding-left: 70px;}
    .service-box .icon{width: 60px; position: absolute; left: 0; top: 0;}
    .service-box .h2{font-size: 30px;}
    .service-box .pn{font-size: 12px;}
    .service-box .pcont{font-size: 14px;}
    .service-box .tags ul li{font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
    .service-box .cbrand ul li{width: 60px;}
    .serPages{left: 20px; display: none !important;}
    .serPages ul li .s{font-size: 12px; min-width: 85px;}
    .hot-box,.hot-list{width: auto; float: none;}
    .hot-box,.hot-box .pic{height: auto;}
    .hot-box .pic{padding-top: 64%;}
    .hot-box .tmain{padding: 10px;}
    .hot-box .h2{font-size: 18px;}
    .hot-box .pcont{font-size: 14px; height: 42px; margin-top: 5px;}
    .hot-box .time{font-size: 12px;}
    .hot-box .more{font-size: 12px; width: 95px;}
    .hot-list{border: none; margin-top: 20px;}
    .hot-list ul{margin-left: 0;}
    .news-list ul li{width: 100%;}
    .hot-list ul li .pic,.hot-list ul li .tmain{width: auto; float: none;}
    .hot-list ul li .pic{height: auto; padding-top: 47%;}
    .hot-list ul li .h2{font-size: 16px;}
    .hot-list ul li .pcont{font-size: 14px; height: 42px;}
    .hot-list ul li .time{font-size: 12px;}
    .hot-list ul li .more{font-size: 12px; width: 95px;}
    .news-list{margin-top: 20px; display: none;}
    .news-list ul li .h2{width: 100%; float: none; font-size: 16px;}
    .news-list ul li .tmore{width: auto; float: none;}
    .news-list ul li .time{float: left; font-size: 12px;}
    .news-list ul li .more{float: right; font-size: 12px; width: 95px; display: none;}
    .page{margin-top: 20px;}
    .page a{font-size: 12px; padding: 5px 10px;}
    .news-box .news-left,.news-box .news-right{width: auto; float: none;}
    .newsdetails h1{font-size: 20px;}
    .newsdetails .nwinfo{font-size: 12px; margin-top: 5px;}
    .newsdetails .nwinfo i{margin: 0 5px;}
    .newsdetails .nwoutline{margin-top: 20px;}
    .newsdetails .nwoutline ul li{padding: 20px; display: block;}
    .newsdetails .nwoutline ul li p,.newsdetails .nwoutline ul li span{font-size: 12px;}
    .newsdetails .nwoutline ul li.t1{/*width: 60px;*/ width: 100%; padding: 10px 0;}
    .newsdetails .nwoutline ul li.t1 p{font-size: 16px;}
    .newsdetails .nwoutline ul li.t1 p br{display: none;}
    .newsdetails .newstext{margin: 30px 0;}
    .newsdetails .newsmore:before{width: 60px;}
    .newsdetails .newsmore ul{padding: 25px 0;}
    .newsdetails .newsmore ul li a{font-size: 14px;}
    .newsmore-info{padding: 20px;}
    .contact-box .cont-left,.contact-box .cont-right{width: auto; float: none;}
    .contact-box .cont-right{margin-top: 40px;}
    .cont-text{margin-top: 20px; padding-top: 20px;}
    .cont-text1{margin-top: 0; padding-top: 0;}
    .cont-text .tele-num{font-size: 30px;}
    .cont-text .tele-tit{font-size: 12px;}
    .cont-text .tele-tip{font-size: 14px;}
    .cont-text .company{font-size: 12px;}
    .cont-text .company b,.cont-text .address-c{font-size: 16px;}
    .cont-text .address-m{font-size: 14px;}
    .error-box .before,.error-box .tmain{width: 100%;}
    .error-box .h2{font-size: 20px;}
    .error-box .h3{font-size: 18px;}
    .error-box .tips{font-size: 14px; margin-top: 30px;}
    blockquote{margin: 0; padding: 0;}
}