.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: 326px; height: 62px; margin: 0 auto; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}

.header.fixed .logo a,.header:hover .logo a{background-image: url(../images/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;width:230px;  /*限制宽度*/
white-space: nowrap;  /*文本强制不换行*/
text-overflow:ellipsis;  /*文本溢出显示省略号*/
overflow:hidden;  /*溢出的部分隐藏*/}

.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(../images/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(../images/tele-box.png) left center no-repeat;}

.header.fixed .tele-box span,.header:hover .tele-box span{color: #000; background: url(../images/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(../images/wechat-box.png) no-repeat;}

.header.fixed .wechat-box .icon,.header:hover .wechat-box .icon{background: url(../images/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(../images/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(../images/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(../images/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(../images/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: 50%; 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(../images/slick-prev.png) no-repeat;}

.banner:hover .slick-prev{left: 2.5%;}

.banner .slick-next{right: -100%; background: url(../images/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: 26px; font-weight: bold; color: #000; line-height: 1.1;display: inline-block;border-bottom: 1px solid #dab18d;padding-bottom: 8px;}

.index-title .pn{font-size: 18px; color: #333; 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: #FFFFF;}

.index-service{width: 100%;}

.index-service ul{margin: 0 -100px;}

.index-service ul li{
    /*float: left;*/
    display: inline-block;
    
}

.index-service ul li .box{}

.index-service ul li .box2{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{position: relative;  /*right:30px;*/  }







.index-service ul li .tmain p{font-size: 14px; color: #666; line-height: 22px; margin:0 0px}

.index-service ul li .tmain img{   
    width: 330px;
    height: 467px;
    padding: 15px;

}

.index-service ul li .tags{width: 100%; background-color: #fff; position: absolute; left: 0; top: 0; overflow: hidden;zoom: 1.5; margin-left: 16px;display: none;}

.index-service ul li .box:hover .tags{display: block;}

.index-service ul li .tags span{width: 80%; height: 48px; line-height: 48px; margin: 1%; text-align: center; overflow: hidden; float: left; border: 1px solid #b4b4b4; font-size: 14px; 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(../images/see-more.png) right center no-repeat;}

.index-service ul li .more:hover i{background: url(../images/see-more-h.png) right center no-repeat;}

.section03{min-height: 792px; background-color: #000; background-image: url(../images/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;margin-top: 35px;}

.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-left: 180px; 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%;*/ margin-left: 180px;}

.index-team ul{margin: 0 -26px;}

.index-team ul li{width: 33.333%; 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: 290px; 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: 50px 55px;}

.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: #fff; padding: 80px 0;margin-top: -50px;}

.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: 35px;}

.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(../images/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(../images/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(../images/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;    line-height: 4;}

.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(../images/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: 310px; 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: 56px; font-weight: bold; color: #e9c08a; line-height: 1.1;}

.aboutNumber ul li .pn{font-size: 18px; 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(../images/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(../images/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(../images/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(../images/case-more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -4px; z-index: 10;}

/*.case-recoomlist .box:hover .icon{background: url(../images/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(../images/case-prev.png) no-repeat;}

.case-recoomlist .slick-next{right: -2%; background: url(../images/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: 25px; 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%;  float: left; overflow: hidden; position: relative;}

.hot-box .pic{width: 100%; height: 100%; overflow: hidden; position: relative;}

.hot-box .pic span{width: 100%; height: 415px;display: block; 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: 25px 40px 20px 40px;  left: 0; bottom: 0; right: 0; z-index: 10; background-color: rgb(231 231 231 / 60%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff, endColorstr=#60ffffff);}

.hot-box .h2{font-size: 24px; font-weight: bold; color: #dab18d;margin: 0;}

.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(../images/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; }

.hot-list ul{margin-left: 30px;}

.hot-list ul li{width: 100%; margin-top: 28.8px; overflow: hidden;zoom: 1;background-color: rgb(231 231 231 / 60%);padding:11px 25px}

.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: 100%; float: right; padding: 24px 0;}

.hot-list ul li .h2{font-size: 22px; font-weight: bold; color: #dab18d;margin: 0}

.hot-list ul li .h2:hover{color: #dab18d;}

.hot-list ul li .pcont{font-size: 15px; color: #666; margin-top: 10px; 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(../images/see-more.png) right center no-repeat;}

.hot-list ul li .more:hover i{background: url(../images/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(../images/see-more.png) right center no-repeat;}

.news-list ul li .more:hover i{background: url(../images/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(../images/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(../images/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(../images/case-more-h.png) no-repeat;}*/



/*contact*/

.contact-box{max-width: 1400px; margin: 0 auto;}

.contact-box .cont-left{width: 416px; 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: 45px;

    font-weight: bold;

    color: #000;

    line-height: 2;}

.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(../images/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 .mySer .a{ background: #dab18d!important; font-size: 16px;}

.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;}*/ease-out;transition-timing-function: ease-out;}*/

.myTop ul li:hover .a{background-color: #000;}


.myTop ul li .Phone,.myTop ul li .QrCode{width: 230px; 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: 17px; font-weight: bold; color: #000; padding-left: 40px; background: url(../images/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(../images/myser.png);}

.myTop ul li.myCall .a{background-image: url(../images/mycall.png);}

.myTop ul li.myQr .a{background-image: url(../images/myqr.png);}

.myTop ul li.myMess .a{background-image: url(../images/mymess.png);}

.myTop ul li.GoTop .a{background-image: url(../images/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(../images/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: #000; background-image: url(../images/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-image: url(../images/1.jpg); background-size:100% 100%; background-repeat:no-repeat;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: #999a9a;}

.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){
    .index-service ul li .tmain img{
        width: 265px;
        height: 380px;
    }
    .index-service ul li .tags span{
        height: 38px;
        line-height:38px
    }
    .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: 35px;}

    .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{max-width: 150px;}

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



    /*.contain{padding-top: 55px;}*/

    .header{height: 55px;}

    .logo{position: absolute; left: 2%; top: 0; padding: 0;}

    .logo a{width: 155px; 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: 60px 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{}

    .index-service ul li .box{}

    .index-service ul li .box2{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{max-width: 150px;}

    .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: 20px 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){
    .about .rw .left{
        margin-left:0!important;
    }
    .hot-list ul li{padding:0;}

    .layout { width: 90%;}



    .contain{padding-top: 55px;}

    .header{height: 55px; background-color: #fff;}

    .logo{position: absolute; left: 2%; top: 0; padding: 0;}

    .logo a{width: 155px; height: 55px; background-image: url(../images/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: 60px 0;}

    .index-title .h2{font-size: 20px;}

    .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: 2px;margin-right: 17px;}

    .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,.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{max-width: 450px;}

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



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

    .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: 50%; float: none;border-right:none}

    .aboutNumber ul li{min-width: 0; padding: 2px 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: 4%;}

    .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;padding:25px }

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

}



.on1 {

       letter-spacing: 1px;

    }



.on1 span{

padding: 10px 17px;

     background-color: #000;

    font-size: 14px;

    color: #dab18d;

}    

    

.on1 a{padding: 10px 17px;

    background-color: rgba(255,255,255,.5);

    font-size: 14px;

    color: #838383;

    border: 1px solid #c1c1c1;;}









.sansinos-demand2{ padding: 60px 0;width: 100%; background-color: #fff; padding: 80px 0;margin-top: -288px;}

.sansinos-demand2 .dmain{    width: auto;

    float: none;}

.sansinos-demand2 .dmain .h2{font-size: 18px;

font-weight: bold;

color: #727171;

margin: 0;

    padding: 0px;

    line-height: 35px;

    margin-right: 25px;

    margin-left: 25px;}

.sansinos-demand2 .dmain .pn{font-size: 12px; color: #dab18d;}

.sansinos-demand2 .dmain .line{width: 50px; height: 1px; display: block; background-color: #b1b1b1; margin: 20px 0;}

.sansinos-demand2 .dmain .h3{    font-size: 18px;

    font-weight: bold;

    color: #dab18d;

        margin: 0;

    padding: 0px;

     line-height: 35px;

    margin-right: 25px;

    margin-left: 25px;

    }

.sansinos-demand2 .dmain .pcont{font-size: 12px; color: #727171;}

.sansinos-demand2 .dmain .pcont p{margin-top: 10px; padding-left: 20px; position: relative;}

.sansinos-demand2 .dmain .pcont p:before{width: 5px;

    height: 5px;

    margin-top: -2px;content:""; display: block; width: 8px; height: 8px; background-color: #727171; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -4px;}

.sansinos-demand2 .dmain .h4{font-size: 12px;

    margin-top: 10px;}

.sansinos-demand2 .dmain .h4 b{font-size: 30px;}

.sansinos-demand2 .list{padding-top: 20px;}

.sansinos-demand2 .list .ul{/*width: 455px;*/ width: 46%;}

.sansinos-demand2 .sansinos-form{/*width: 990px;*/ }

.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: 14px; 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;}

















.index-case222{width: 100%; padding-top: 10px;}

.case1{display:none;}

.index-case222 ul{margin: 0 -22px;}

.index-case222 ul li{width: 33.333%; float: left; margin-top: 40px;}

.index-case222 ul li .box{display: block; margin: 0 22px;}

.index-case222 ul li .pic{width: 100%; /*height: 372px;*/ padding-top: 73.41%; overflow: hidden; position: relative;}

.index-case222 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-case222 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-case222 ul li .pic-1{opacity: 1; transform: perspective(1000px) rotateY(0deg); transform-origin: center; backface-visibility: hidden; transition: transform 1s, opacity 0.2s;}

.index-case222 ul li .pic:hover .pic-1,.index-case222 ul li.hover .pic .pic-1{transform: perspective(1000px) rotateY(-180deg); opacity: 0;}

.index-case222 ul li .pic-2{transform-origin: center; transform: perspective(1000px) rotateY(180deg); backface-visibility: hidden; opacity: 0; transition: transform 1s, opacity 0.2s;}

.index-case222 ul li .pic:hover .pic-2,.index-case222 ul li.hover .pic .pic-2{transform: perspective(1000px) rotateY(0deg); opacity: 1;}

.index-case222 ul li .tmain{padding: 20px;}

























.index-title2{width: 100%; text-align: center;background-color: #F9F8F8;padding-top: 50px;}

.index-title2 .h2{font-size: 26px;
    font-weight: bold;
    color: #000;
    line-height: 1.1;
    display: inline-block;
    border-bottom: 1px solid #dab18d;
    padding-bottom: 8px; }

.index-title2 .pn{font-size: 19px; color: #333; margin-top: 10px;}

.index-title2 .line{width: 130px; height: 1px; display: inline-block; background-color: #dab18d; margin: 30px auto 0 auto;}

.section03 .index-title2 .h2{color: #fff;}

.section03 .index-title2 .h2{color: #fff;}

.contact-box .cont-right .index-title2{text-align: left;}

    .index-title2 .h2{font-size: 30px;}

    .index-title2 .pn{font-size: 14px;}

        .index-title2 .h2{font-size: 26px;}

    .index-title2 .pn{font-size: 12px;}

        .index-title2 .h2{font-size: 26px;}

    .index-title2 .pn{font-size: 12px; margin-top: 2px;}

    .index-title2 .line{width: 70px; margin-top: 20px;}





.aboutNumberul{font-size: 0;-webkit-text-size-adjust: none;background-color: #F9F8F8;height: 60px;

    margin-top: -50px;}

    

    

    

    

    .index-title3{height: 280px;

    margin-top: -220px;width: 100%;

    text-align: center;    margin-bottom: -170px;}

.index-title3 .h2{font-size: 35px; font-weight: bold; color: #000; line-height: 1.1;}

.index-title3 .pn{font-size: 19px; color: #333; margin-top: 10px;}

.index-title3 .line{width: 130px; height: 1px; display: inline-block; background-color: #dab18d; margin: 30px auto 0 auto;}

.section03 .index-title3 .h2{color: #fff;}

.section03 .index-title3 .h2{color: #fff;}

.contact-box .cont-right .index-title3{text-align: left;}

    .index-title3 .h2{font-size: 30px;}

    .index-title3 .pn{font-size: 14px;}

        .index-title3 .h2{font-size: 20px;}
        
    .index-title3 .pn{font-size: 12px;}

        .index-title3 .h2{font-size: 26px;display: inline-block; border-bottom: 1px solid #dab18d;padding-bottom: 8px;}
        

    .index-title3 .pn{font-size: 12px; margin-top: 2px;}

    .index-title3 .line{width: 70px; margin-top: 20px;}