/*预设*/
@charset "utf-8";
@font-face{font-family:itc;src:url('itc.otf')}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{display:block;content:' ';clear:both;}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block;}
.ovh{overflow:hidden}
.ove{-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
#sectiontime1{display: none;}
a{text-decoration:none}
a:hover{color:#f60}
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important}
body{color:#333;font-size:14px;line-height:1.5;font-family:"Microsoft Yahei",PingFangSC-Regular,"PingFang Regular";overflow:hidden;overflow-y:auto;}
a{color:#333}
a:hover{color:#e60012;}
img{max-width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
input,select,textarea{font-size:14px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; border-radius:0;}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#d2d2d2}
::-moz-placeholder{color:#d2d2d2}
::-ms-input-placeholder{color:#d2d2d2}

.ani,a{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:transparent}
.unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.wp{max-width:1200px;margin:0 auto; position:relative; overflow:hidden; min-width:1200px;}

.bk1{ border:1px solid #ccc;}
.bk1 h3{ background:#D7D7D7; background:url(/Public/web/images/rowbg.jpg) no-repeat center center; line-height:56px; height:56px; font-size:16px; color:#fff; padding-left:30px; position:relative; font-weight:normal;}
.bk1 h3 a{ color:#fff}
.bk1 h3 a:hover{ color:#e60012;}
.bk1 h3:after{ content:""; width:2px; height:14px; background:#fff; position:absolute; left:22px; top:50%; margin-top:-7px;}


/*导航*/
header{width: 1300px; height: 100px; z-index: 1000; position:absolute;top: 25px; left: 50%; margin-left: -600px;box-shadow: 0 0 30px rgba(0,0,0,0.1);}		
header nav{width: 1300px; height: 100px; margin: 0 auto;background: rgba(255,255,255,0.95); }
header nav .logo{float: left; margin: 12px 0 0 20px; width: 200px; height: 69px;background: url(/Public/web/images/logo.png) no-repeat;}
header nav .logo a{ display:block; width:100%; height:100%; text-indent:-9999em;}
header nav .navbar{float: right; margin-right: 25px;height: 100px;position:relative;}
.menu, .menu ul {list-style: none;padding: 0;margin: 0;}
.menu {height: 100px;}
.menu li {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.menu>li {display: block;float: left;position: relative; }
.menu>li:after{ content:""; height:16px; width:1px; background:#e5e5e5; position:absolute; right:0; margin-top:-8px; top:50%;}
.menu>li:last-child:after{ display:none;}
.menu>li>a {color: #333333;display: block;  height: 100px; font-size: 18px;line-height: 100px; text-align: center;text-decoration: none; padding:0 20px; position:relative;}
.menu>li>a:hover {color: #e60012;}
.menu>li>a:after{ -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position:absolute; bottom:0;height:3px; background:#e60012; content:""; left:0; width:100%; opacity:0;}
.menu>li.on>a:after,.menu>li:hover>a:after{ opacity:1;}

.submenu {left: 0;max-height: 0;position: absolute;top: 100%;z-index: 0; -webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;overflow:hidden;}
.submenu li {opacity: 0; -webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition: opacity .4s, -webkit-transform .5s;-moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;-o-transition: opacity .4s, -o-transform .5s;transition: opacity .4s, transform .5s;}
.submenu li a{display: block; color: #FFF;width: 112px; height: 39px; font-size: 14px;line-height: 39px; border-bottom: 1px solid #FFF; background: #666666; text-align:center;}

.menu .submenu li:hover a { color: #666666;background: #fff;}



.menu > li:hover .submenu, .menu > li:focus .submenu {max-height: 2000px;z-index: 10;}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {height: 40px;opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none; }
.menu li:hover .submenu li:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.menu li:hover .submenu li:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
.menu li:hover .submenu li:nth-child(3){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.menu li:hover .submenu li:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.menu li:hover .submenu li:nth-child(5){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
.menu li:hover .submenu li:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.menu li:hover .submenu li:nth-child(7){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}
.menu li:hover .submenu li:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
.menu li:hover .submenu li:nth-child(9){-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms}
.submenu li:nth-child(1){-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms}
.submenu li:nth-child(2){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
.submenu li:nth-child(3){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}
.submenu li:nth-child(4){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.submenu li:nth-child(5){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
.submenu li:nth-child(6){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.submenu li:nth-child(7){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.submenu li:nth-child(8){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
.submenu li:nth-child(9){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.menu>p{ float:left; width:100px;}




.banner_txt{ position:relative; width:1200px; height:180px;background:#fff; margin:-90px auto 0 auto;box-shadow: 0 0 30px rgba(0,0,0,0.1); z-index:9999; padding:45px 35px 0 35px;}
.banner_txt .txt h3{  font-size:22px; color:#333333; line-height:22px; margin-bottom:13px;}
.banner_txt .txt h3 span{ float:right; font-size:12px; color:#999999; font-weight:normal; display:block; padding-right:20px; background:url(/Public/web/images/jt.png) no-repeat right center;}
.banner_txt .txt p{ color:#808080; line-height:28px; font-size:14px; height:56px; overflow:hidden;}

/*首页第一块*/
.ind_a{ padding:60px 0 30px 0; overflow:hidden; /*display:none;*/}


.ind_a .video{ width:480px; overflow:hidden; float:left;}
.ind_a .video .player{ width:100%; height:360px; background:#000}
.ind_a .video .case1{ width:100%; height:170px; margin-top:20px; border:1px solid #D7D7D7; background:#D7D7D7;}

.ind_a .news{ float:left; width:350px; margin-left:20px;}
.ind_a .news ul{ padding:11px 0;}
.ind_a .news ul li{ line-height:47px; border-bottom:1px dashed #DADADA; padding-left:30px; height:47px; overflow:hidden; background:url(/Public/web/images/jt1.png) 15px center no-repeat; padding-right:10px;}
.ind_a .news ul li:hover{ background-image:url(/Public/web/images/jt2.png);}
.ind_a .news ul li a{ color:#333; font-size:14px;  display:block;}
.ind_a .news ul li a:hover{ color:#e60012;text-indent:5px;}
.ind_a .news ul li:last-child{ border:none;}



.ind_a .case1{ overflow:hidden; position:relative; padding:20px 20px 0 8px}
.ind_a .case1 .con{ padding-left:12px; width:33.33%; float:left;}
.ind_a .case1 .con .pic{ padding-top:67%;background-size:cover; background-position:center center; background-repeat:no-repeat; margin-bottom:15px; overflow:hidden;}
.ind_a .case1 .con a{ display:block; width:100%; height:100%; color:#333; font-size:14px; text-align:center;}
.ind_a .case1 .con a:hover{ color:#e60012}
.ind_a .case1 .con a span{ height:14px;line-height:14px; overflow:hidden; display:block;}
.ind_a .case1 .con:hover .pic{ }

.ind_a .case2{ float:left; width:330px; margin-left:20px;}
.ind_a .case2 ul{ padding:24px 24px 18px 24px}
.ind_a .case2 ul li{ width:100%; height:140px; margin-bottom:10px; position:relative;background-size:cover; background-position:center center; background-repeat:no-repeat; }
.ind_a .case2 ul li a{ display:block; width:100%; height:100%; left:0; top:0; position:absolute; background:rgba(230,0,18,1);opacity: 0; transform: scale(0.2); line-height:140px; }
.ind_a .case2 ul li:hover a{ opacity:1;transform: scale(1.0); background: rgba(230,0,18,.5); font-size:16px; color:#ffffff; text-align:center;}
.ind_a .case2 ul li:hover a span{display: inline-block;vertical-align: middle;line-height: 22px; padding:0 20px}


.ind_b{ padding:60px 0 100px 0;}

.ind_b .case3{ width:100%;}
.ind_b .case3 h2{ color:#333; font-size:18px; line-height:18px; padding-left:8px; position:relative;}
.ind_b .case3 h2:after{ width:2px; height:18px; position:absolute; left:0; top:0; background:#ccc; content:"";}
.ind_b .case3 h2 span{ font-size:14px; font-weight:normal; margin-left:10px;}
.ind_b .case3 .tab{border:1px solid #D7D7D7; margin-top:20px;}
.ind_b .case3 .cd{ width:100%; overflow:hidden;}
.ind_b .case3 .cd li{ float:left; width:16.66%; position:relative; text-align:center; cursor:pointer; height:55px; line-height:55px; font-size:16px; color:#fff; background:#D7D7D7; background:url(/Public/web/images/rowbg.jpg) no-repeat center center; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_b .case3 .cd li:after{ content:""; height:55px; width:1px; background:#ccc; position:absolute; right:0; left:0;}
.ind_b .case3 .cd li:last-child:after,.ind_b .case3 .cd li.active:after{ display:none;}
.ind_b .case3 .cd li.active,.case3 .cd li:hover{background:#fff; color:#333;}
.ind_b .case3 .for li{ padding:15px 0; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; display:none;}
.ind_b .case3 .for li.active{ display:block;}

.ind_b .case3 .for li dl{ overflow:hidden; padding: 0 7px}
.ind_b .case3 .for li dl dd{ float:left; width:25%; padding:15px; text-align:center; font-size:14px; color:#96672d;}
.ind_b .case3 .for li dl dd .pic{ width:100%; height:180px; background-size:cover; background-position:center center; background-repeat:no-repeat; margin-bottom:11px; position:relative;}
.ind_b .case3 .for li dl dd .pic a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.ind_b .case3 .for li dl dd a.tit{ color:#333; font-size:14px; line-height:20px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all; width:100%; display:block;}
.ind_b .case3 .for li dl dd a.tit:hover{ color:#e60012;}



.ind_b .case4{ width:330px; float:left; margin-left:20px; margin-top:38px;}
.ind_b .case4 ul{ padding:12px 0;}
.ind_b .case4 ul li{ line-height:46px; border-bottom:1px dashed #DADADA; padding-left:30px; height:46px; overflow:hidden; background:url(/Public/web/images/jt1.png) 15px center no-repeat; padding-right:10px;}
.ind_b .case4 ul li:hover{ background-image:url(/Public/web/images/jt2.png);}
.ind_b .case4 ul li a{ color:#333; font-size:14px;  display:block;}
.ind_b .case4 ul li a:hover{ color:#96672d;text-indent:5px;}


.ind_c{ width:100%;  position:relative; overflow:hidden; display:flex;}
.ind_c .banner_about{  width:50%; flex:1;position:relative; overflow:hidden; background:#000}
.ind_c .banner_about .item{ opacity:0; height:0; overflow:hidden;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_c .banner_about .active{ opacity:1; height:auto;}
.ind_c .banner_about .item .con{padding-top: 75%; min-height:800px;height: 0;display: block;overflow: hidden;position: relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}


.ind_c  .tab{ width:50%; flex:1; background:#CA9D67; background:url(/Public/web/images/rowbg.jpg) no-repeat center center; padding:60px 0 60px 60px; overflow:hidden; position:relative;}
.ind_c  .tab .cd{ position:absolute; bottom:64px;}
.ind_c  .tab .cd li{ float:left; width:170px; height:110px; line-height:110px; background:#CFA776; border-radius:5px; margin-right:16px; text-align:center; cursor: pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_c  .tab .cd li p{ display:inline-block; vertical-align:middle;font-size:16px; color:#fff; line-height:16px;}
.ind_c  .tab .cd li p span{ display:block; font-size:12px;color:#fff; line-height:12px; padding-top:8px;}
.ind_c  .tab .cd li.active,.ind_c  .tab .cd li:hover{ background:#333333;}

.ind_c  .tab .for{ width:580px;}
.ind_c  .tab .for li{ display:none; padding:15px 0; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; opacity:0;}
.ind_c  .tab .for li.active{ display:block; opacity:1;}

.ind_c  .tab .for h1{ font-size:18px; color:#ffffff; line-height:18px; padding-bottom:14px;}
.ind_c  .tab .for h2{ font-size:30px; color:#ffffff; line-height:30px; padding-bottom:30px; position:relative;}
.ind_c  .tab .for h2:after{ content:""; background:rgba(255,255,255,0.5); width:25px; height:3px; bottom:0; left:0; position:absolute;}
.ind_c  .tab .for h3{ font-size:18px; color:#ffffff; line-height:18px; font-weight:normal; padding:25px 0;}
.ind_c  .tab .for li .cont{ font-size:14px; color:#fff; line-height:30px;}




.ind_d{ padding:60px 0 100px 0;}
.ind_d ul{ position:relative; overflow:hidden; padding-top:40px;}
.ind_d ul li{ float:left; width:200px;  font-size:15px; color:#333; padding:34px 25px; text-align:center;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_d ul li .pic{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:100%; position:relative; margin-bottom:26px; border-radius:50%; border:4px solid #fff2e1;}
.ind_d ul li .pic .mask{ display:block; width:100%; height:100%; background:rgba(51,51,51,.5); position:absolute; left:0; top:0; border-radius:50%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_d ul li .lc1{ background-image:url(/Public/web/images/lc1.png)}
.ind_d ul li .lc2{ background-image:url(/Public/web/images/lc2.png)}
.ind_d ul li .lc3{ background-image:url(/Public/web/images/lc3.png)}
.ind_d ul li .lc4{ background-image:url(/Public/web/images/lc4.png)}
.ind_d ul li .lc5{ background-image:url(/Public/web/images/lc5.png)}
.ind_d ul li .lc6{ background-image:url(/Public/web/images/lc6.png)}
.ind_d ul li i{ display:block; background:url(/Public/web/images/jt4.png) no-repeat center center; width:40px; height:18px; margin:24px auto 0 auto; opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}



.ind_d ul li:hover{ background:#666; border-radius:5px; color:#fff;}
.ind_d ul li:hover .pic { border-color:#fff;}
.ind_d ul li:hover .pic .mask{ background:rgba(51,51,51,0);}
.ind_d ul li:hover i{ opacity:1}
.ind_d a.btn{ width:250px; padding:21px 0; border:1px solid #333; background:#666; font-size:18px; line-height:25px; color:#ca9d67; display:block; text-align:center;  margin:36px auto 0 auto; vertical-align:middle;}
.ind_d a.btn i{ display:inline-block; background:url(/Public/web/images/btn2.png) no-repeat center center; width:28px; height:25px; vertical-align:top; margin-right:10px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_d a.btn:hover{ background:#333; color:#fff;}
.ind_d a.btn:hover i{background-image:url(/Public/web/images/btn22.png)}




.tit1{ background:url(/Public/web/images/tit1.png) no-repeat center center; height:106px; text-align:center; color:#333333; font-size:30px; padding-top:17px; line-height:30px; position:relative;}
.tit1 span{ display:block; font-size:18px; line-height:18px; color:#333333; font-weight:normal; padding-top:13px;}
.tit1:after{ content:""; position:absolute; left:50%; bottom:0; margin-left:-13px; width:26px; height:3px; background:#E4CEB3;}

.ind_e{ background:#FFF7ED; padding:100px 0;}
.ind_e ul{ padding-top:40px; overflow:hidden;margin-left:-36px;}
.ind_e ul li{ float:left; width:33.33%; margin-bottom:36px; padding-left:36px;}
.ind_e ul li .pic{ display:block; width:100%; height:0; padding-top:66%; position:relative; overflow:hidden;}
.ind_e ul li .pic img{ position:absolute; top:0; left:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ind_e ul li .desc{ padding:30px; background:#fff; border:1px solid #FFE1BE; border-top:none; position:relative}
.ind_e ul li .desc h4{ font-size:16px; color:#666666; line-height:16px; padding-bottom:20px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.ind_e ul li .desc p{ color:#808080; font-size:13px; line-height:26px; height:78px; overflow: hidden;}
.ind_e ul li .desc a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:#333; text-align:center;opacity:0;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.ind_e ul li .desc a span{ font-size:18px; color:#fff;width: 130px;height: 40px;line-height: 40px;border: rgba(255, 255, 255, 0.6) 1px solid; display:block;  top:50%; left:50%; margin-left:-65px; margin-top:-20px; position:absolute; letter-spacing:2px;}


.ind_e ul li:hover a{ opacity:1}
.ind_e ul li:hover .pic img{transform:scale(1.1);}
.ind_e ul li .pic a{width: calc(100% + 20px);height: calc(100% + 20px);border: rgba(255, 255, 255, 0.8) 1px solid;position: absolute;left: -10px;top: -10px; z-index: 2;-webkit-transition: all ease-out .2s;transition: all ease-out .2s;}
.ind_e ul li:hover .pic a{ left: 20px;top: 20px;width: calc(100% - 42px);height: calc(100% - 42px);}



.ind_e a.btn{ width:250px; padding:21px 0; border:1px solid #333; background:#666; font-size:18px; line-height:18px; color:#ca9d67; display:block; text-align:center;  margin:0 auto; vertical-align:middle;}
.ind_e a.btn i{ display:inline-block; background:url(/Public/web/images/btn.png) no-repeat center center; width:18px; height:18px; vertical-align:top; margin-right:10px;}


footer{ background:#666;background:url(/Public/web/images/rowbg.jpg) no-repeat center center;}
footer .flink{ margin:60px 0; border:1px solid #adadad; padding:30px 0;}
footer .flink h3{ display:inline-block; font-size:13px; font-weight:normal; color:#fff; line-height:18px; padding:0 6px 0 30px;}
footer .flink a{ display:inline-block; font-size:13px; color:#fff; padding:0 13px; border-left:1px solid #fff; line-height:13px;}
footer a:hover{ color:#FFF0DE;}

footer .foot{ overflow:hidden;  margin-bottom:40px;}
footer .foot h3{ font-size:18px; color:#ffffff; line-height:27px; background-position:left center; background-repeat:no-repeat; padding-left:33px; margin-bottom:20px;}
footer .foot h3 span{ font-size:16px; font-weight:normal;}
footer .foot .partner h3{ background-image:url(/Public/web/images/f1.png); margin-left:5px;}
footer .foot .message h3{ background-image:url(/Public/web/images/f2.png)}
footer .foot .contact h3{ background-image:url(/Public/web/images/f3.png)}

.partner{ width:480px; margin-left:-5px; padding-right:60px; float:left;}
.partner .list-partner{  padding:5px 0 25px 0; overflow:hidden; position:relative;}
.partner .list-partner .img{ width:33.3%;  float:left; padding:5px;}
.partner .list-partner .img a{ display:block; width:100%; padding-top:50%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.partner .slick-dots {width: 100%;bottom: -25px;text-align: center;font-size: 0; position:absolute;}
.partner .slick-dots li  {display: inline-block; width: 30px;height: 2px;display: inline-block;cursor: pointer;font-size: 0; text-indent:-9999px; background:#CA9D67; margin:0 3px}
.partner .slick-dots li.slick-active {background-color: #fff;}

footer .foot .message{  width:440px; float:left; border-left:1px solid #adadad;border-right:1px solid #adadad; padding:0 60px; }
footer .foot .message .ipt{ width:100%; background:#FFF7ED; height:38px; line-height:38px; border:none; margin-bottom:10px; padding-left:12px; font-size:14px; color:#666666;}
footer .foot .message .ipt2{width:100%; background:#FFF7ED; height:76px; line-height:38px; border:none; margin-bottom:10px; padding-left:12px; font-size:14px; color:#666666; vertical-align:top;}
footer .foot .message .yzm{ float:right;background:#FFF7ED; height:38px; line-height:38px; width:100px;}
footer .foot .message button{ font-size:15px; color:#fff; background:#e60012; width:150px; height:42px; border:none;}

footer .foot .contact{ width:280px; float:left;  padding-left:35px;}
footer .foot .contact p{ font-size:14px; color:#fff; line-height:30px;}

footer .copy{ line-height:78px; border-top:1px solid #adadad; font-size:12px; overflow:hidden; color:#fff;}
footer .copy .bq{ float:left;}
footer .copy .beian{ float:right;}
footer .copy .beian a{ color:#fff;}


.left_nav{ width:160px; background:rgba(230, 0, 18,0.5); position:fixed; left:0; top:10%; z-index:9999; padding:13px;}
.left_nav h3{ font-size:16px; color:#fff; line-height:16px; text-align:center; font-weight:normal; padding-top:16px;}
.left_nav h3 i{ display:inline-block; background:url(/Public/web/images/left1.png) no-repeat center center; width:16px; height:16px; vertical-align:middle; margin-right:6px;}
.left_nav p{ display:block; background:rgba(255,255,255,.88); margin-top:16px; border-radius:5px;}
.left_nav p a{ display:block; font-size:14px; color:#333; line-height:38px; border-bottom:1px dotted #E9D8C4; text-align:center;}
.left_nav p a:last-child{ border:none;}
.left_nav p a:hover{ color:#e60012;}

.left_nav .tel{ font-size:16px; color:#fff; display:block; width:100%; text-align:center;}
.left_nav .tel i{background:url(/Public/web/images/left2.png) no-repeat center center rgba(255,255,255,.2); width:36px; height:36px; display:block; border-radius:50%; margin:16px auto 10px auto;}
.left_nav .add{ padding-top:16px; color:#fff; font-size:15px;display:block; width:100%; text-align:center;}
.left_nav .add i{background:url(/Public/web/images/left3.png) no-repeat center center rgba(255,255,255,.2); width:36px; height:36px; display:block; border-radius:50%; margin:16px auto 10px auto;}
.left_nav .kf{ margin:16px auto; color:#e60012; font-size:14px;display:block; width:120px; line-height:40px; background:rgba(255,255,255,.8); line-height:40px; text-align:center; border-radius:20px;}
.left_nav .kf i{background:url(/Public/web/images/left4.png) no-repeat center center ; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-right:8px;}
.left_nav .kf:hover{ background:#fff;}



.right_nav{ position:fixed; right:4px; top:50%; margin-top:50px; z-index:9999; width:55px;}
.right_nav  a{ display:block; float:right; width:55px; height:55px; background-color:rgba(255,255,255,.9); background-repeat:no-repeat; background-position:center center; cursor:pointer; margin-bottom:2px;box-shadow: 0 0 10px rgba(0,0,0,0.05); z-index:10}
.right_nav  .weixin{ background-image:url(/Public/web/images/right1.png)}
.right_nav  .qq{background-image:url(/Public/web/images/right2.png)}
.right_nav  .tel{background-image:url(/Public/web/images/right3.png)}
.right_nav  .message{background-image:url(/Public/web/images/right4.png)}
.right_nav  a:hover{background-color:rgba(230,0,18,.9)}
.right_nav  .weixin:hover{ background-image:url(/Public/web/images/right12.png)}
.right_nav  .qq:hover{background-image:url(/Public/web/images/right22.png)}
.right_nav  .tel:hover{background-image:url(/Public/web/images/right32.png)}
.right_nav  .message:hover{background-image:url(/Public/web/images/right42.png)}


.right_nav .top{background-image:url(/Public/web/images/right5.png); background-color:rgba(230,0,18,.9)}

.right_nav .tel div{ position:absolute; right:55px; height:55px; line-height:20px; background-color:rgba(230,0,18,.9); padding:7px 7px 8px 12px; font-size:13px; color:#fff;white-space: nowrap; margin-right:-200px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; z-index:9}
.right_nav .tel:hover div{ margin-right:0;}

.right_nav  .weixin div{position:absolute; right:55px; height:55px;width:92px; color:#b18147; font-size:13px; text-align:center;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; z-index:9; opacity:0;}
.right_nav .weixin:hover div{ opacity:1}



/*内页通用*/
.nybanner{ width:100%; padding-top:26%;background-size:cover; background-position:center center; background-repeat:no-repeat;   position:relative; min-height:500px;}
.nybt{ position:absolute; bottom:0; width:1200px; left:50%; margin-left:-600px;}
.nybt div{ background:rgba(255,255,255,.95);box-shadow: 0 0 30px rgba(0,0,0,0.1); width:320px; height:180px; float:left; margin-bottom:-100px; padding:40px 50px;}
.nybt div h1{ font-size:48px; color:#e60012; font-family:itc; line-height:48px; font-weight:normal; padding-bottom:5px;}
.nybt div h2{ font-size:24px; color:#333333; line-height:24px; padding-bottom:24px; position:relative;}
.nybt div h2:after{ content:""; width:34px; height:4px; background:#e60012; position:absolute; left:0; bottom:0;}

.nybtmenu{ padding-top:45px;}
.nybtmenu p{ float:right;}
.nybtmenu a{ float:left; font-size:16px; color:#4c4c4c; padding:15px 30px; background:#F2F2F2; margin-left:15px;}
.nybtmenu a.on,.nybtmenu a:hover{ background:#e60012; color:#fff;}

.nybttop{ padding-top:100px;}
.line{ border-top:1px solid #dcdcdc; margin-top:45px;}
/*关于我们*/
.ny_about{ padding:100px 0 160px 0;}
.ny_about .cont{ font-size:15px; line-height:28px; color:#333333; overflow:hidden;}
.ny_about .cont p,.ny_about .cont div{ padding:5px 0;}
.ny_about .cont a{ color:#333;}
/*联系我们*/
.ny_contact{ padding:100px 0 160px 0;}
.ny_contact .cont{ float:left; width:450px; background:#F7F7F7; height:640px; padding:60px; font-size:16px; color:#606060; line-height:36px;}
.ny_contact .cont a{ color:#606060}
.ny_contact .cont p{ padding-bottom:20px;}
.ny_contact .cont h1{ padding-bottom:24px; border-bottom:1px solid #E9E9E9; margin-bottom:14px;}
.ny_contact .cont .ewm{ width:114px; height:145px; color:#999999; font-size:12px; line-height:12px; margin-top:30px; text-align:center;}
.ny_contact .cont .ewm img{ margin-bottom:15px;}
.ny_contact .cont .line2{ background:#e9e9e9; width:100%; height:1px;}
.ny_contact #map{ float:left; width:750px; height:640px;}

.ny_message{ padding:100px 0 160px 0;}
.ny_message .cont{ background:url(/Public/web/images/message.jpg) no-repeat; height:638px; padding:110px 480px 0 50px;}
.ny_message .cont div{ padding-left:50px; float:left; width:100%; margin-bottom:30px;}
.ny_message .cont div.w50{ width:50%;}
.ny_message .cont div span{ display:block; font-size:14px; color:#333333; line-height:14px; padding-bottom:10px;}
.ny_message .cont div .ipt{ width:100%; height:37px; line-height:37px; font-size:14px; color:#999; background:#fff; border:none; padding-left:10px;}
.ny_message .cont div .ipt2{ width:100%; height:140px; padding:10px; line-height:30px; font-size:14px; color:#999; background:#fff; border:none;}
.ny_message .cont div.w100{ width:100%;}
.ny_message .cont  button{ font-size:15px; color:#fff; background:#e60012; width:150px; height:42px; border:none; margin-left:50px;}



.case_list{ margin-top:-50px;}
.case_list .wp{ background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.1); padding:40px; margin-bottom:30px;}
.case_list ul{ padding-top:40px; overflow:hidden;margin-left:-36px;}
.case_list ul li{ float:left; width:33.33%; margin-bottom:36px; padding-left:36px;}
.case_list ul li .pic{ display:block; width:100%; height:0; padding-top:66%; position:relative; overflow:hidden;}
.case_list ul li .pic img{ position:absolute; top:0; left:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.case_list ul li .desc{ padding:30px; background:#fff; border:1px solid #ccc; border-top:none; position:relative}
.case_list ul li .desc h4{ font-size:16px; color:#666666; line-height:16px; padding-bottom:20px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.case_list ul li .desc p{ color:#808080; font-size:13px; line-height:26px; height:78px;overflow: hidden;}
.case_list ul li .desc a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:#333; text-align:center;opacity:0;}
.case_list ul li .desc a span{ font-size:18px; color:#fff;width: 130px;height: 40px;line-height: 40px;border: rgba(255, 255, 255, 0.6) 1px solid; display:block;  top:50%; left:50%; margin-left:-65px; margin-top:-20px; position:absolute; letter-spacing:2px;}


.case_list ul li:hover a{ opacity:1}
.case_list ul li:hover .pic img{transform:scale(1.1);}
.case_list ul li .pic a{width: calc(100% + 20px);height: calc(100% + 20px);border: rgba(255, 255, 255, 0.8) 1px solid;position: absolute;left: -10px;top: -10px; z-index: 2;-webkit-transition: all ease-out .2s;transition: all ease-out .2s;}
.case_list ul li:hover .pic a{ left: 20px;top: 20px;width: calc(100% - 42px);height: calc(100% - 42px);}


.case_list .case_nav{ display:flex;}
.case_list .case_nav span{ width:130px; flex:1; background:#F2F2F2; text-align:center; font-size:16px; color:#4c4c4c; font-weight:bold; padding-top:30px;}
.case_list .case_nav div{ width:990px; padding:30px; background:#F7F7F7;}
.case_list .case_nav div h3{ border:1px solid #CFA776; line-height:38px; font-size:16px; color:#b18147; text-align:center; letter-spacing:10px;}
.case_list .case_nav div h3 a{ font-size:16px; color:#b18147; display:block; margin:0; width:100%; height:100%;}
.case_list .case_nav div h3:hover,.case_list .case_nav div h3.on{ background:#CFA776; color:#fff;}
.case_list .case_nav div h3:hover a,.case_list .case_nav div h3.on a{ color:#fff;}
.case_list .case_nav p{ padding:10px 0 20px 0;}
.case_list .case_nav div a{ display:inline-block; font-size:14px; color:#4c4c4c; padding:0 7px; margin-right:20px; line-height:34px;}
.case_list .case_nav div a:hover,.case_list .case_nav div a.on{ color:#e60012;}

.case_list .case_shaixuan{ display:flex; margin-top:5px;}
.case_list .case_shaixuan span{ width:130px; flex:1; background:#F2F2F2; text-align:center; font-size:16px; color:#4c4c4c; font-weight:bold; padding-top:30px;}
.case_list .case_shaixuan div{ width:990px; padding:30px; background:#F7F7F7;}
.case_list .case_shaixuan div h3{ border:1px solid #CFA776; line-height:38px; font-size:16px; color:#b18147; text-align:center; letter-spacing:10px;}
.case_list .case_shaixuan div h3 a{ font-size:16px; color:#b18147; display:block; margin:0; width:100%; height:100%;}
.case_list .case_shaixuan div h3:hover,.case_list .case_shaixuan div h3.on{ background:#CFA776; color:#fff;}
.case_list .case_shaixuan div h3:hover a,.case_list .case_shaixuan div h3.on a{ color:#fff;}
.case_list .case_shaixuan p{ padding:10px 0 20px 0;}
.case_list .case_shaixuan div a{ display:inline-block; font-size:14px; color:#4c4c4c; padding:0 7px; margin-right:20px; line-height:34px;}
.case_list .case_shaixuan div a:hover,.case_list .case_shaixuan div a.on{ color:#CFA776;}

.case_list .case_loc{ display:flex; margin-top:5px;}
.case_list .case_loc span{ width:130px; flex:1; background:#F2F2F2; text-align:center; font-size:16px; color:#4c4c4c; font-weight:bold; padding-top:30px;}
.case_list .case_loc div{ width:990px; padding:30px; background:#F7F7F7;}
.case_list .case_loc div font{display:inline-block; font-size:14px; color:#999; padding:0 7px; margin-right:20px; line-height:34px;}
.case_list .case_loc div a{ display:inline-block; font-size:14px; color:#4c4c4c; padding:0 7px; margin-right:20px; line-height:34px;}
.case_list .case_loc div a:hover,.case_list .case_loc div a.on{ color:#CFA776;}
.case_list .case_loc form{ overflow:hidden;}
.case_list .case_loc input{ line-height:22px; background:#fff; border:1px solid #e60012; color:#999;  font-size:12px; height:22px; padding-left:5px; float:left;}
.case_list .case_loc button{color: #fff;background: #e60012; border:none; font-size:12px; width:70px; line-height:22px; height:22px; margin-left:10px; float:left;}

.pages{ text-align:center; padding:20px 0 90px 0;}
.pages a{ display:inline-block; height:37px; border:1px solid #ccc; color:#999; font-size:14px; line-height:37px; border-radius:5px; padding:0 30px; margin:0 20px;}
.pages a.page-num{ margin:0 10px;}
.pages a:hover,.pages a.page-num-current{ color:#fff; background:#e60012; border-color:#e60012;}


.news_list{ padding:20px 0 160px 0; overflow:hidden;}
.news_list .list{ float:left; overflow:hidden; width:880px;}
.news_list .list ul { margin-bottom:30px;}
.news_list .list ul li{ border-bottom:1px dashed #e5e5e5; overflow:hidden; padding:40px 0;}

.news_list .list ul li a{ display:block; overflow:hidden;}
.news_list .list ul li .pic{ width:225px; height:150px; float:left; margin-right:35px; overflow:hidden;}
.news_list .list ul li .pic img{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.news_list .list ul li .desc{ width:620px; float:left;}
.news_list .list ul li .desc h3{ font-size:18px; line-height:18px; height:28px;    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all; color:#333333; padding-bottom:10px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.news_list .list ul li .desc h3:hover{ color:#e60012}
.news_list .list ul li .desc p{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; font-size:14px; color:#999999; line-height:26px;}
.news_list .list ul li .desc span{ width:140px; height:40px; display:block; color:#333; border:1px solid #333; text-align:center; line-height:40px; margin-top:30px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}

.news_list .list ul li .desc span:hover{ background:#e60012; color:#fff; border-color:#e60012;}
.news_list .list ul li .pic:hover img{transform:scale(1.1);}

.right{ float:right; width:285px; padding-top:30px;}
.right h3{  line-height:16px; font-size:16px; color:#333333; font-weight:bold;  position:relative; font-weight:normal; margin:0 24px; padding:17px 0 17px 10px; border-bottom:1px solid #e9e9e9}
.right h3 a{ color:#96672d}
.right h3 a:hover{ color:#b18147;}
.right h3:after{ content:""; width:2px; height:14px; background:#e60012; position:absolute; left:0; top:50%; margin-top:-7px;}
.right .case{  width:100%; background:#f7f7f7; padding-top:10px;}
.right .case ul{ padding:24px}
.right .case ul li{ width:100%; height:140px; margin-bottom:13px; position:relative;background-size:cover; background-position:center center; background-repeat:no-repeat; }
.right .case ul li a{ display:block; width:100%; height:100%; left:0; top:0; position:absolute; background:rgba(230,0,18,1);opacity: 0; transform: scale(0.2); line-height:140px; }
.right .case ul li:hover a{ opacity:1;transform: scale(1.0); background: rgba(230,0,18,.5); font-size:16px; color:#ffffff; text-align:center;}
.right .case ul li:hover a span{display: inline-block;vertical-align: middle;line-height: 22px; padding:0 20px}
.right .case ul li:last-child{ margin-bottom:0;}

.right .case_lei{  width:100%; background:#f7f7f7; padding-top:10px; margin-top:15px;}
.right .case_lei ul{ padding:24px}
.right .case_lei ul li a{ font-size:14px; color:#333; border-bottom:1px dotted #d0d0d0; display:block; line-height:50px; background:#fff; padding-left:30px;}
.right .case_lei ul li a:hover{ text-indent:5px; color:#e60012;}


.case_cont{ margin-top:-50px;}
.case_cont .wp{ background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.1); padding:40px; margin-bottom:30px;}
.case_cont .cont{ float:left; width:795px; padding-top:30px;}
.case_cont .cont h1{ font-size:24px; line-height:40px; color:#4c4c4c; text-align:center;}
.case_cont .cont .xx{ line-height:40px; height:40px; font-size:12px; color:#999999; background:#f7f7f7;text-align:center; margin:20px 0;}
.case_cont .cont .xx a{ color:#999; }
.case_cont .cont .xx a:hover{ color:#b18147;}
.case_cont .cont .nr{ font-size:15px; line-height:28px; color:#333333; overflow:hidden; padding:20px;}
.case_cont .cont .nr img{ margin:20px auto;}
.case_cont .cont .sxp{ color:#999; line-height:32px; font-size:14px; background:#f7f7f7; padding:15px 30px;}
.case_cont .cont .sxp a { color:#999}
.case_cont .cont .sxp a:hover{ color:#e60012; text-indent:5px;}

.swiper-container {
      width: 100%;
      height: 750px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-thumbs {
      height: 120px;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

.ny_yewu{ padding:100px 0 160px 0; margin-top:144px;}
.ny_yewu .yewu{ overflow:hidden;}
.ny_yewu .yewu li{ float:left; width:33.3%; margin-bottom:100px;}
.ny_yewu .yewu li .pic{ width:300px; height:200px; display:block; margin:0 auto; overflow:hidden; line-height:120px; text-align:center;}
.ny_yewu .yewu li .pic img{ margin:0 auto; display:inline-block; vertical-align:middle;}
.ny_yewu .yewu li a{ display:block; text-align:center; font-size:24px; color:#4c4c4c; font-weight:bold;}
.ny_yewu .yewu li p{ font-size:16px; color:#999; line-height:30px; margin-top:20px; text-align:center;}

.ny_yewu .yewu li:nth-child(1){ padding-right:80px;}
.ny_yewu .yewu li:nth-child(2){ padding:0 30px;}
.ny_yewu .yewu li:nth-child(3){ padding-left:80px;}
.ny_yewu .yewu li:nth-child(4){ padding-right:80px;}
.ny_yewu .yewu li:nth-child(5){ padding:0 30px;}
.ny_yewu .yewu li:nth-child(6){ padding-left:80px;}

/*移动样式*/
.mhead{box-shadow: 0 0 30px rgba(0,0,0,0.1); height:60px; display:none; position:fixed; z-index:10000; background:#fff; width:100%; top:0;}
.mhead .logo{float: left; margin: 3px 0 0 13px; width: 150px; height: 52px;background: url(/Public/web/images/logo.png) no-repeat; background-size:cover;}
.mhead .logo a{ display:block; width:100%; height:100%; text-indent:-9999em;}

.menuBtn{position:absolute;top:10px;right:10px;width:44px;height:44px;-webkit-background-size:100% 100%;background-size:100% 100%}
.menuBtn .ico{display:block;position:absolute;top:50%;left:56%;width:26px;height:20px;cursor:pointer;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.menuBtn .ico em{margin-bottom:6px;display:block;height:2px;background-color:#e60012;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative}

.menuBtn.on .ico em{display:none;margin:-2px 0 0;position:absolute;top:50%;width:24px}
.menuBtn.on .ico em:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.on .ico em:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}

.mhead .gcal{position:absolute;top:20px;right:55px; font-size:12px; display:block; width:60px; height:22px; line-height:20px; border:1px solid #e60012; border-radius:3px; color:#e60012; text-align:center;}
.aside{z-index:10000;position:fixed;left:0;top:80px;height:0;width:100%;overflow:hidden;overflow-y:auto;padding:0 15px;background-color:rgba(51,51,51,.9);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.aside.open{bottom:0;height:100%}
.aside ul{padding:20px 70px}
.aside ul li a{border-bottom: 1px solid rgba(255,255,255,.3);display:block;line-height:50px;font-size:18px;color:#fff;white-space:nowrap;overflow:hidden; text-align:center;}
.aside dl{display:none;border-bottom: 1px solid rgba(255,255,255,.3);}
.aside ul li dl dd a{line-height:38px;font-size:15px; border-bottom:none;}

.aside .hd-r{ display:block; position:relative; right:auto; top:auto; width:100%; text-align:center; margin-top:20px;}
.aside .hd-r a{ display:block; line-height:42px; width:100%; height:42px; border-radius:21px; margin-top:10px;}
.aside .hd-r .login{ background:#fff; color:#b18147; border:1px solid #fff; margin-right:5px; font-size:15px;}
.aside .hd-r .register{  border:1px solid #fff; color:#fff;}


.m_banner{ position:relative; display:none !important; }
.m_banner .item .con{ position:relative; height:0; padding-top:66.6%; overflow:hidden;}
.m_banner .item .con img{ position:absolute; left:0; top:0;}
.m_banner .slick-dots {width: 100%;bottom: 10px;text-align: center;font-size: 0;margin-top: 30px; position:absolute;}
.m_banner .slick-dots li{ display:inline-block; width:7px; height:7px; border-radius:50%;  border:1px solid #b18147; cursor:pointer; margin:3px;}
.m_banner .slick-dots li.slick-active{background:#b18147;}

.m_jd{ padding:30px 0; display:none;}
.m_jd ul{ margin-top:25px;}
.m_jd ul li{ height:0; padding-top:66%; background-size:cover; background-repeat:no-repeat; background-position: center center; margin-bottom:17px; position:relative}
.m_jd ul li a{ position:absolute; display:block; width:100%; height:100%; left:0;  top:0;}
.m_jd ul li span{ display:block; width:100%; line-height:30px; position:absolute; color:#fff; bottom:0; left:0; text-align:center; font-weight:bold; background:rgba(230,0,18,.5)}

.m_about{ background:#333; padding:30px 0; display:none;}
.m_about .tit1{ color:#fff;}
.m_about .tit1 span{ color:#fff;}
.m_about .tab2{margin-top:18px; width:100%; padding:0 10px;}
.m_about .cd{ width:100%; overflow:hidden;}
.m_about .cd li{ float:left; width:49%; position:relative; text-align:center; cursor:pointer; height:37px; line-height:37px; font-size:13px; color:#fff; background:#cfa776;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.m_about .cd li:last-child{ float:right;}
.m_about .cd li.active{background:#e60012;}

.m_about .for li{ padding:15px 0; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; display:none;}
.m_about .for li.active{ display:block;}
.m_about .for li .cont{ font-size:12px; color:#fff; line-height:24px;}
.m_about .for li  h3{ font-size:14px; line-height:14px; color:#fff; padding-bottom:10px;}
.m_about .for li  h4{ font-size:15px; line-height:15px; color:#fff; padding-bottom:12px; position:relative; margin-bottom:12px;}
.m_about .for li  h4:after {content: "";position: absolute;left: 0;bottom: 0; width: 26px; height: 3px;background: #E4CEB3;}

.m_about .for li .cont .center{ text-align:center; padding-top:25px;}
.m_about .for li .cont .btn1{ border:1px solid #fff; color:#fff; font-size:12px; padding:10px 30px; display:inline-block; line-height:12px; margin-right:5px;}
.m_about .for li .cont .btn2{font-size:12px; padding:10px 30px; color:#BD8F57; background:#fff; line-height:12px; display:inline-block;border:1px solid #fff;}

.m_hezuo{ padding:30px 0; display:none;}
.m_hezuo ul{ padding-top:24px; overflow:hidden; padding-bottom:20px; position:relative;}
.m_hezuo ul li{ float:left; width:33.3%; padding:5px;}
.m_hezuo ul li a{display: block;width: 100%;padding-top: 50%;background-size: cover;background-repeat: no-repeat;background-position: center center; border:1px solid #FFE1BE;}

.m_hezuo .slick-dots {width: 100%;bottom: 0; left:0;text-align: center;font-size: 0; position:absolute; padding:0;}
.m_hezuo .slick-dots li  {display: inline-block; width: 30px;height: 2px;display: inline-block;cursor: pointer;font-size: 0; text-indent:-9999px; background:#CA9D67; margin:0 3px; float:none; padding:0; opacity:.5}
.m_hezuo .slick-dots li.slick-active { opacity:1;}

.m_news{ padding:30px 0; background:#FFF7ED; display:none;}
.m_news ul li{ padding:18px 0; border-bottom:1px dashed #AFAFAF;}
.m_news ul li div{ width:100%; overflow:hidden; padding:0 12px 12px 12px; background:url(/Public/web/images/mnews.png) no-repeat left 5px; background-size:auto 6px }
.m_news ul li .tit{ color:#333; font-weight:bold; float:left; width:70%; display:block; font-size:13px; overflow:hidden; line-height:13px; height:13px;}
.m_news ul li .date{ float:right; width:30%; display:block; font-size:12px; line-height:12px; text-align:right;}
.m_news ul li p{ font-size:12px; line-height:24px; height:48px; overflow:hidden; color:#565656; padding-left:12px;}

.mfooter{ background:#666; padding:20px 0 100px 0; color:#fff; text-align:center; font-size:12px; line-height:20px; display:none; z-index:10000}
.m_nav{background:#333; color:#fff;     border-top: 1px solid rgba(255,255,255,.1); width:100%; position:fixed; left:0; bottom:0; padding:10px 0 5px 0; display:none;}
.m_nav a{ float:left; width:25%; display:block; text-align:center; color:#fff; font-size:12px; border-right:1px solid rgba(255,255,255,.1); line-height:15px; }
.m_nav a i{ display:block; width:25px; height:25px; background-size:20px 20px; background-position:center center; background-repeat:no-repeat; margin:0 auto;}
.m_nav a.top{ float:none; width:70px; height:70px; background-image:url(/Public/web/images/top2.png); background-size:70px 70px; background-repeat:no-repeat; border-right:none; margin:0; position:absolute;top:-35px; left:50%; margin-left:-35px;}
.mf1 i{ background-image:url(/Public/web/images/mf1.png)}
.mf2 i{ background-image:url(/Public/web/images/mf2.png)}
.mf3 i{ background-image:url(/Public/web/images/mf3.png)}
.mf4 i{ background-image:url(/Public/web/images/mf4.png)}


/*站点3新增*/
.ind_aaa { padding:60px 0 30px 0;}
.ind_aaa .aaabout{ padding:11px; line-height:24px; font-size:14px;}
.ind_aaa .news{ float:left; width:380px; margin-left:20px;}
.ind_aaa .news:first-child{ margin-left:0;}

.ind_aaa .news ul{ padding:11px 0;}
.ind_aaa .news ul li{ line-height:47px; border-bottom:1px dashed #DADADA; padding-left:30px; height:47px; overflow:hidden; background:url(/Public/web/images/jt1.png) 15px center no-repeat; padding-right:10px; overflow:hidden;}
.ind_aaa .news ul li span{ float:right;}
.ind_aaa .news ul li:hover{ background-image:url(/Public/web/images/jt2.png);}
.ind_aaa .news ul li a{ color:#333; font-size:14px;  display:block;}
.ind_aaa .news ul li a:hover{ color:#96672d;text-indent:5px;}
.ind_aaa .news ul li:last-child{ border:none;}


.ind_aaa .news .hot a{ display:block; padding:10px;  overflow:hidden;}
.ind_aaa .news .hot .pic2{ width:40%; padding-top:30%; height:0; float:left; position:relative; overflow:hidden; background-size:cover; background-position: center center;}
.ind_aaa .news .hot .pic2 img{ position:absolute; top:0; left:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; min-height:100%; width:auto;}
.ind_aaa .news .hot .desc{ color:#333; padding-left:10px; float:left; width:60%;}
.ind_aaa .news .hot .desc .tit{ font-size:14px; line-height:14px; margin-bottom:8px; display:block; width:100%; overflow:hidden; height:14px; font-weight:bold;}
.ind_aaa .news .hot .desc p{ font-size:13px; line-height:22px; height:88px; overflow:hidden;}
.ind_aaa .news .hot a:hover .desc{ color:#96672d}

@media only screen and (max-width:1024px){
	body{ padding-top:60px;}
.wp{ padding:0 10px; max-width:100%; min-width:inherit;}
.tit1{ font-size:15px; line-height:15px; padding-top:5px; height:48px; background-size:auto 48px;}
.tit1 span{ font-size:12px; line-height:12px; padding-top:5px;}
header{ display:none;}
footer{ display:none;}
.focus{ display:none;}
.mhead{ display:block;}
.menuBtn{ display:block;}
.left_nav,.right_nav{ display:none;}
.aside{ top:60px;}
.m_banner{ display:block !important;}
.banner_txt{ width:95%; padding:15px 10px; height:auto; margin-top:-37px;}
.banner_txt .txt h3{ font-size:14px; margin-bottom:5px;}
.banner_txt .txt h3 span{ display:none;}
.banner_txt .txt p{ font-size:12px; line-height:18px; height:36px;}
.ind_a .player,.ind_a .news,.ind_a .case2{ display:none;}
.ind_a{ padding:30px 0;}

.ind_a .video{ width:100%;}
.ind_a .video .case1{ background:none; border:none; margin-top:0; padding:0;}
.ind_a .case1 .con{ margin:0 5px; padding:0;}
.ind_a .case1 .con a{ border:1px solid #FFE1BE; padding:7px;}
.ind_a .case1 .con a span{ display:block; margin-bottom:5px;}
.ind_b{ display:none;}
.ind_c{ display:none;}
.ind_d{ background:#FFF7ED; padding:30px 0}
.ind_d ul{ padding-top:20px;}
.ind_d ul li{ width:33.3%; padding:10px; font-size:12px;}
.ind_d ul li .pic{ padding-top:92%; margin-bottom:12px;}
.ind_d ul li i{ display:none;}
.ind_d a.btn{    width: 140px;padding: 10px 0;font-size: 12px;line-height: 25px;margin: 18px auto 0 auto;}
.ind_d a.btn i{ background-size: auto 14px; margin-right:4px; width:16px; }
.m_jd{ display:block;}

.ind_e{ padding:30px 0}
.ind_e ul{ margin-left:-10px;}
.ind_e ul li{ padding-left:10px; margin-bottom:10px; width:50%;}
.ind_e ul li .desc{ padding:15px;}
.ind_e ul li .desc h4{ font-size:13px; padding-bottom:5px;}
.ind_e ul li .desc p{ font-size:12px; line-height:18px; height:36px;}
.ind_e a.btn{    width: 140px;padding: 10px 0;font-size: 12px;line-height: 25px;margin: 18px auto 0 auto; line-height:18px;}
.ind_e a.btn i{ background-size: auto 12px; margin-right:4px; width:18px; }

.m_about{ display:block;}
.m_hezuo{ display:block;}
.m_news{ display:block;}
.mfooter{ display:block;}


/*内页移动通用*/
.nybt{ width:100%; margin:inherit; left:10px;}
.nybt div{ padding:20px 30px; height:93px; margin-bottom:-47px; width:auto;}
.nybt div h1{ font-size:24px; line-height:24px;}
.nybt div h2{ font-size:12px; line-height:12px; padding-bottom:12px;}
.line{ margin-top:30px;}
.nybanner{ padding-top:68%; min-height:inherit; background-image:none !important; position:relative}
.mnybanner{ position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:top center; background-repeat:no-repeat;}
.nybtmenu{ padding-top:80px;}
.nybtmenu p{ float:none; display:flex;}
.nybtmenu a{ font-size:14px; float:none; padding:10px 0; flex:1; text-align:center; margin:0 3px;}
.right{ display:none;}
.ny_contact{ padding:30px 0;}
.ny_contact .cont{ width:100%; padding:30px; height: auto;}
.ny_contact #map{ width:100%; height:400px;}
.ny_message{ padding:30px 0;}
.ny_message .cont{ padding:20px 20px 20px 10px; background-size:auto 100%; background-position: right bottom; height:auto;}
.ny_message .cont div{ padding-left:10px;}


/*移动新闻列表*/
.news_list{ padding:30px 0;}
.news_list .list{ float:none; width:100%;}
.news_list .list ul li{ padding:15px 0;}
.news_list .list ul li .pic{ width:30%; margin-right:2%; height:0; padding-top:20%; overflow:hidden; position:relative;}
.news_list .list ul li .pic img{ position:absolute; width:100%; height: auto; left:0; top:0;}
.news_list .list ul li .desc{ width:68%;}
.news_list .list ul li .desc h3{ font-size:13px; line-height:13px; height:18px; padding-bottom:5px;}
.news_list .list ul li .desc p{ font-size:12px; line-height:18px;-webkit-line-clamp:3}
.news_list .list ul li .desc span{ display:none;}
.pages {text-align: center;padding: 20px 0;}
.pages a {height: 22px;font-size: 12px;line-height: 22px;padding: 0 5px;margin: 0 3px;}
/*移动新闻案例详情*/
.case_cont{ padding:10px; background:#fff;}
.case_cont .cont{ float:none; width:100%; padding-top:15px;}
.case_cont .wp{ padding:10px;}
.case_cont .cont h1{ font-size:14px;}
.case_cont .cont .sxp{ line-height:22px; font-size:12px;}
.case_cont .cont .nr img{ width:100%; height: auto !important;}
/*移动案例列表*/
.case_list{ padding:0 10px;}
.case_list .wp{ padding:10px;}
.case_list .case_nav span{ width:20%; font-size:13px; padding-top:10px;}
.case_list .case_nav p{ padding:5px 0;}
.case_list .case_nav div{ padding:10px 10px 0 10px; width:80%;}
.case_list .case_nav div a{ font-size:12px; padding:0 2px; margin-right:5px; line-height:22px;}
.case_list .case_nav div h3 a{ font-size:13px;}

.case_list .case_shaixuan span{ width:20%; font-size:13px; padding-top:10px;}
.case_list .case_shaixuan p{ padding:5px 0;}
.case_list .case_shaixuan div{ padding:10px 10px 0 10px; width:80%;}
.case_list .case_shaixuan div a{ font-size:12px; padding:0 2px; margin-right:5px; line-height:22px;}
.case_list .case_shaixuan div h3{ font-size:13px; line-height:20px;}

.case_list .case_loc span{ width:20%; font-size:13px; padding-top:10px;}
.case_list .case_loc div{ padding:10px 10px 5px 10px; width:80%;}
.case_list .case_loc div font{ font-size:12px; margin-right:5px; padding:0 2px; line-height:22px;}
.case_list .case_loc div a{ font-size:12px; padding:0 2px; margin-right:5px; line-height:22px;}
.case_list ul{ margin-left:-10px;}
.case_list ul li{ padding-left:10px; margin-bottom:10px; width:50%;}
.case_list ul li .desc{ padding:15px;}
.case_list ul li .desc h4{ font-size:13px; padding-bottom:5px;}
.case_list ul li .desc p{ font-size:12px; line-height:18px; height:36px;}
.case_list a.btn{    width: 140px;padding: 10px 0;font-size: 12px;line-height: 25px;margin: 18px auto 0 auto; line-height:18px;}
.case_list a.btn i{ background-size: auto 12px; margin-right:4px; width:18px; }
.pages a.page-num{ margin:0 3px;}
/*移动业务范围*/
.ny_yewu{ padding:30px 0;}
.ny_yewu .yewu li{ width:100%; margin-bottom:30px;}
.ny_yewu .yewu li:nth-child(1),.ny_yewu .yewu li:nth-child(3),.ny_yewu .yewu li:nth-child(4),.ny_yewu .yewu li:nth-child(6){ padding:0;}
.ny_yewu .yewu li a {font-size: 14px; line-height:24px;}
.ny_yewu .yewu li p{ font-size:12px; margin-top:5px; line-height:18px;}
/*内页关于我们*/
.ny_about{ padding:30px 0;}
.ny_about .cont{ font-size:12px; line-height:18px;}
.ny_about .cont p img{ display:none;}
.ny_about .swiper-container{ height:350px;}
.ny_about .gallery-thumbs{ height:40px;}
.ind_a{ display:block;}
.ind_aaa{ display:none;}
}