@charset "utf-8";
/* CSS Document */
html{font-size:20px;}
body{font-size:.7rem;color:#333333;font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif;}
html,body{margin:0px;padding:0px;width:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%; display: inline-block; line-height: 0; font-size: 0; vertical-align:bottom; }
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#333;}
a:hover,
a:focus{ text-decoration:none; color:#dd3d3d;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.shadow { box-shadow: 0 7px 30px rgba(103, 103, 103, .1); }
.hide{ display: none; }
.btn { display: inline-block; padding: 10px 15px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; touch-action: manipulation; -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0px; border:#dddddd 2px solid; line-height: normal; }
.btn-submit { color: #ffffff; background-color: #dd3d3d; width: 100%; border-radius: 5px; border:0; line-height: normal; font-size: .9rem; }

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px; word-break:break-all; }

.table.s1{ border: 1px solid #e6e6e6; border-spacing: 0; border-collapse: collapse; }
.table.s1 td,
.table.s1 th{ padding: 10px 5px; line-height: 2; color: #666666; }
.table.s1 th{ background-color:#e6e6e6; font-size: .8rem; color: #333333; }

.form-control{ display: inline-block; width: 100%; padding: 15px 20px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; border-radius: 4px; }
.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color:#006db9; }
.form-control[type="radio"] { width: 0; height: 0; margin:0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.red{ color: #dd3d3d; }

body{ background-color: #ffffff; }
.wrap{ width:1200px; margin:auto; padding:0; }
.iconfont{ font-size: .7rem; }
.wp{ padding: 15px; }
.wp-h{ padding-left: 15px; padding-left: 15px; }
.wp-v{ padding-top: 15px; padding-bottom: 15px; }
.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #f3f3f3 }
.bg-vein{ background: url(../images/vein-bg.jpg) repeat; }
.bg-yuyue{ background: url(../images/yuyue-bg.jpg) repeat; }

.p-top-xs{ padding-top: 15px; }
.p-top-s{ padding-top: 30px; }
.p-top-m{ padding-top: 50px; }
.p-top-l{ padding-top: 100px; }

.p-bot-xs{ padding-bottom: 15px; }
.p-bot-s{ padding-bottom: 30px; }
.p-bot-m{ padding-bottom: 50px; }
.p-bot-l{ padding-bottom: 100px; }

.m-top-xs{ margin-top: 15px; }
.m-top-s{ margin-top: 30px; }
.m-top-m{ margin-top: 50px; }
.m-top-l{ margin-top: 100px; }

.m-bot-xs{ margin-bottom: 15px; }
.m-bot-s{ margin-bottom: 30px; }
.m-bot-m{ margin-bottom: 50px; }
.m-bot-l{ margin-bottom: 100px; }

.header,
.container,
.footer{ min-width: 1200px; }

.topline{ background-color:#f4f4f4; height: 40px; line-height: 40px; }
.topline i{ margin-right: 7px; }
	.artist{ color:#999999; }
	.artist span{ display:inline-block; margin-left:20px; position: relative; }
	.artist span:first-child{ margin-left:0; }

	.artist span .qrcode-box{ display:none; position:absolute; top:100%; right:0; width:150px; padding:10px; }
	.artist span:hover .qrcode-box{ display:block; }

.logo img{ height:50px; margin:25px 0; }

.header .nav{ width: auto; position: relative; }
.header .nav ul li{ float: left; width:auto; display:block; position: relative; margin-left: 40px; }
.header .nav ul li .tit{ display: block; font-size: .8rem; width: 100%; height:100px; line-height: 100px; position: relative; }
.header .nav ul li .tit::after{ content: ''; display: block; width: 0px; position: absolute; bottom: 20px; border-bottom:#dd3d3d 3px solid; left: 50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%); 	/* IE 9 */
	-moz-transform:translateX(-50%); 	/* Firefox */
	-webkit-transform:translateX(-50%); /* Safari 和 Chrome */
	-o-transform:translateX(-50%); 	/* Opera */
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .nav ul li:first-child{ margin-left: 0; }
.header .nav ul li.on .tit,
.header .nav ul li:hover .tit{ color:#dd3d3d; font-weight: 700; }
.header .nav ul li.on .tit::after,
.header .nav ul li:hover .tit::after{ display: block; width:40%; }

.header .nav ul li .child{ background-color: #dd3d3d; display: none; position: absolute; top: 100%; left: -20px; right: -20px; z-index: 9999; }
.header .nav ul li:hover .child{ display: block; }
.header .nav ul li .child a{ display: block; text-align: center; line-height: 2; font-size: .8rem; color: #fff; padding: 5px 0; }
.header .nav ul li .child a:hover{ background-color:#ffffff; color: #dd3d3d; }

.banner-box .swiper-container-horizontal>.swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction { bottom: 20px; }
.banner-box .swiper-pagination{ z-index: 999; }
.banner-box .swiper-pagination-bullet{ width:15px; height:15px; background-color:#ffffff; opacity: 1; }
.banner-box .swiper-pagination-bullet-active { background: #dd3d3d; }

.statement{ padding-top: 40px; padding-bottom: 40px; }
.statement ul{ margin-left: -25px; }
.statement ul li{ float: left; width: 25%; padding-left: 25px; }
.statement ul li .item{ background-color: #ffffff; padding: 0; }
/*.statement ul li .item{ background-color: #ffffff; padding: 40px 30px; }
.statement .item .icon{ display: block; width: 42px; height: 42px; float: left; margin-right: 10px; background-image: url(../images/statement-icon.png); background-repeat: no-repeat; margin-top: 10px; }
.statement .item .text em{ display: block; font-size: .9rem; margin-top: 5px; font-weight: 700; }
.statement .item .text p{ font-size: .7rem; padding-top: 5px; color:#999999; }

.statement .item .st-icon1{ background-position: center 0; }
.statement .item .st-icon2{ background-position: center -57px; }
.statement .item .st-icon3{ background-position: center -114px; }
.statement .item .st-icon4{ background-position: center -171px; }
.statement .item .st-icon5{ background-position: center -228px; }*/


.title-s1{ text-align: center; padding-top: 30px; padding-bottom: 30px; }
.title-s1 em{ display: block; font-size: 1.2rem; font-weight: 700; text-align: center; }
.title-s1 span{ display: block; text-align: center; color:#cccccc; padding-top: 10px; text-transform:uppercase; }
.title-s1 .spl{ background: url(../images/spl-bg.png) center repeat-x; padding: 15px 0; }
.title-s1 p{ color:#666666; font-size: .8rem; padding: 10px 0; }

.title-s2{ display: block; width: 100%; }
.title-s2 em{ display: block; font-size: 1rem; font-weight: 700; }
.title-s2 span{ display: block; color:#999999; padding-top: 10px; }
.title-s2 .more{ display: block; background:#dd3d3d; padding: 10px 30px; color: #ffffff; font-size: .8rem; }
.title-s2 p{ color:#999999; font-size: .8rem; padding-top: 25px; }

.title-s3{ display: block; width: 100%; text-align: center; color:#ffffff; }
.title-s3 em{ display: block; font-size: 1rem; font-weight: 700; }
.title-s3 span{ display: block; padding-top: 10px; }

.title-s4{ display: block; width: 100%; }
.title-s4 em{ display: block; font-size: 1.2rem; font-weight: 700; }
.title-s4 span{ display: block; color:#999999; padding-top: 10px; }
.title-s4 p{ color:#999999; font-size: .8rem; padding-top: 25px; }

.title-s5{ display: block; width: 100%; }
.title-s5 em{ display: block; font-size: 1.2rem; font-weight: 700; }
.title-s5 span{ display: block; padding-top: 10px; }

.zhengzhuang-box{ width: 1600px; margin: auto; }
.zhengzhuang-box .list{ width: 70%; height: 623px; float: left; position: relative;z-index: 1 }
.zhengzhuang-box .list .item img{max-width:1070px;height:622px;}
.zhengzhuang-box .list .item{ position: absolute; height: 100%; top:0; left:50px; }
.zhengzhuang-box .list .txt2,
.zhengzhuang-box .list .txt1{ position: absolute; left: 45px; top:40px; padding: 25px; background: rgba(25,37,50,.9);  color:#ffffff; }
.zhengzhuang-box .list .txt1 span{ display: block; font-size: 1.2rem; text-transform:uppercase; position: relative; padding-bottom: 10px; margin-bottom: 10px; }
.zhengzhuang-box .list .txt2 strong,
.zhengzhuang-box .list .txt1 strong{ display: block; font-size: 1.5rem; font-weight: 700; }
.zhengzhuang-box .list .txt1 p{ margin-top: 50px; }
.zhengzhuang-box .list .txt1 span::after{ content:""; position: absolute; border-bottom: #ffffff 2px solid; width: 2em; left: 0; bottom: 0; }
.zhengzhuang-box .list .txt2{ background: rgba(25,37,50,.7); right: 45px; left: auto; top: auto; bottom: 100px; width: 320px; text-align: right; }
.zhengzhuang-box .list .txt2 p{ line-height: 1.75; margin-top: 10px; font-size: .6rem; }
.zhengzhuang-box .list .more{ position: absolute; bottom: 40px; right: 45px; padding: 0 40px; color:#ffffff; background-color: #dd3d3d; font-size: .8rem; height: 45px; line-height: 45px; }

.zhengzhuang-box .cate{ width: 30%; float: right; padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 2 }
.zhengzhuang-box .cate ul{ position: absolute; z-index: 10; width: 100%; top:0; }
.zhengzhuang-box .cate ul li{ padding: 25px 0; font-size: .9rem; margin-left: -40px; cursor:pointer; }
.zhengzhuang-box .cate ul li span{ display: block; font-size: .6rem; text-transform:uppercase; margin-top: 7px; }
.zhengzhuang-box .cate ul li.on a{ color:#ffffff; }
.zhengzhuang-box .cate ul li .zz-icon{ display: block; width: 50px; height: 50px; float: left; margin-right: 40px; margin-left: 100px; background-image: url(../images/zz-cate-icon.png); background-repeat: no-repeat; }
.zhengzhuang-box .cate ul li.on .zz-icon{ background-image: url(../images/zz-cate-icon-on.png); }
.zhengzhuang-box .cate ul li .zz-icon1{ background-position: center 0; }
.zhengzhuang-box .cate ul li .zz-icon2{ background-position: center -100px; }
.zhengzhuang-box .cate ul li .zz-icon3{ background-position: center -200px; }
.zhengzhuang-box .cate ul li .zz-icon4{ background-position: center -300px; }
.zhengzhuang-box .cate ul li .zz-icon5{ background-position: center -400px; }
.zhengzhuang-box .mask{ position: absolute; background-color: rgba(221,61,61, .7); height: 97px; left: -40px; right: 0; top:0; }


.list-s1{ position: relative; }
.list-s1 .item{ position: absolute;overflow:hidden; }
.list-s1 .item .txt{ position: absolute; bottom: 0; display: block; background: rgba(0,0,0,.5); color: #ffffff; width: 100%; height: 45px; line-height: 45px; padding: 0 15px; font-size: .9rem; }
.list-s1 .item .txt span{ font-size: .7rem; }

.list-s2{ position: relative; }
.list-s2 .item{ position: absolute; }
.list-s2 .item .txt{ position: absolute; bottom: 30px; left: 30px; display: block; line-height: 1.75; padding: 0; }
.list-s2 .item .txt.up{ bottom: auto; top: 30px; }
.list-s2 .item .txt em{ color: #ffffff; font-size: 1rem; font-weight: 700; }
.list-s2 .item .txt.s1 em{ color: #333333; }
.list-s2 .item .txt span{ display: block; font-size: .8rem; color: #e8e8e8; }
.list-s2 .item .txt.s1 span{ color:#666666; }

.list-s2 .item.more .txt{ bottom: auto; top: 30px; left: auto; right:30px; text-align: right; }
.list-s2 .item.more .txt em{ font-size: 2.4rem; }
.list-s2 .item.more .txt span{ color:#7d7d87; font-size: .9rem; }
.list-s2 .item.more .txt p{ margin-top: 10px; color:#ffffff; }
.list-s2 .item.more .txt a{ display: block; color: #ff0000; margin-top: 20px; font-size: .8rem; }

.list-s2 .item>a{ display: block; position: relative; width: 100%; height: 100%; }
.list-s2 .item>a .mask{ display:block; background-color:rgba(0,0,0,.5); position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; color:#ffffff; transition:1s ease; opacity:0; }
.list-s2 .item>a .mask em{ font-size: 1.4rem; display: block; margin-bottom: 20px; margin-top: 100px; }
.list-s2 .item>a .mask i{ display: inline-block; width: 50px; height: 50px; line-height: 40px; text-align: center; border: #ffffff 2px solid; border-radius: 50%; font-size: 1.5rem; }
.list-s2 .item>a:hover .mask{ opacity:1; }

.list-s3{ overflow:hidden; }
.list-s3 ul{ margin-left:-30px; }
.list-s3 ul li{ width:33.33%; float:left; padding-left:30px; }
.list-s3 ul li a{ display: block; position: relative; }
.list-s3 ul li span{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: 35px; height: 35px; color: #ffffff; background-color: rgba(25,37,50,.8); }
.list-s3 ul li a:hover span{ background-color:rgba(221,61,61,.8); }

.list-s4 .item>a{ display: block; position: relative; width: 100%; height: 100%; }
.list-s4 .item>a .mask{ display:block; background-color:rgba(221,61,61,.7); position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; color:#ffffff; transition:1s ease; opacity:0; }
.list-s4 .item>a .mask h3{ position: absolute; top:50%; width: 100%; text-align: center;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%); 	/* IE 9 */
	-moz-transform:translateY(-50%); 	/* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 	/* Opera */
}
.list-s4 .item>a .mask h3 em{ display: block; font-size: 1rem; font-weight: 700; padding-bottom: 10px; margin-bottom: 10px; position: relative; }
.list-s4 .item>a .mask h3 em::after{ content: ""; position: absolute; bottom: 0; width: 1em; height: 0; border-bottom: #ffffff 3px solid; left: 50%; margin-left: -0.5em; }
.list-s4 .item>a:hover .mask{ opacity:1; }
.list-s4{ position: relative; padding: 0 50px; }
.list-s4 .swiper-button-prev,
.list-s4 .swiper-button-next{ background-color: #c7c7c7; background-size: 50%; }
.list-s4 .swiper-button-prev{ left: 0; }
.list-s4 .swiper-button-next{ right: 0; }

.list-s5 .headline{ width: 410px; height: 496px; padding: 30px; background-color: #f6f6f6; }
.list-s5 .norlist{ width: 740px; }
.list-s5 ul li{ margin-bottom: 38px; }
.list-s5 ul li:last-child{ margin-bottom: 0; }
.list-s5 .img-box{ float: left;overflow:hidden; margin-right: 20px; }
.list-s5 .txt-box{ position: relative; line-height: 1.75; }
.list-s5 .txt-box h3{ display: block; font-size: .9rem; }
.list-s5 .txt-box p{ color: #666666; margin-top: 10px; }
.list-s5 .txt-box time{ display: block; margin-top: 25px; color: #999999; }
.list-s5 .headline .img-box{ float: none; margin-right: 0; margin-top: 20px; }
.list-s5 .headline .txt-box time{ font-size: 1rem; }

.list-s6 ul{ margin-left: -25px;padding-top: 10px;}
.list-s6 ul li{ width: 25%; float: left; padding-left: 25px; }
.list-s6 .txt-box{ padding-top: 10px; }
.list-s6 .txt-box h3{ display: block; font-size: .9rem; }
.list-s6 .txt-box p{ color: #666666; margin-top: 10px; }
.list-s6 .txt-box.rw1{ background-color:#dd3d3d; text-align: center; color: #ffffff; padding: 15px; }
.list-s6 .txt-box.rw1 p{ color: #eedcdc; }

.more-box-s1{ text-align: center; }
.more-box-s1 .more-group{ display: inline-block; background-color: #dd3d3d; padding: 2px; }
.more-box-s1 .more-group a{ display: inline-block; padding: 5px 30px; color: #ffffff; }
.more-box-s1 .more-group a.more{ background-color: #ffffff; color: #dd3d3d; }
.focusBox{height:295px;}
.focusBox .txt{ overflow: hidden; }
.focusBox .txt li{ position:absolute; bottom:-100%; }
.focusBox .txt li a{ display:block; color: #ffffff; }
.focusBox .num { position: absolute; z-index:3; right:15px; bottom:16px;  }
.focusBox .num li{ float:left; position:relative; width:12px; height:12px; overflow:hidden; margin-right:5px; cursor:pointer; border-radius:50%; }
.focusBox .num li a,.focusBox .num li span{ position:absolute; z-index:2; display:block; color:white; width:100%; height:100%; top:0; left:0; }
.focusBox .num li span { z-index:1; background:#ffffff; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#dd3d3d; }
.inkhjz .txt-box h3{font-size:18px;}
.inkhjz .txt-box{padding:15px 10px 0;}
.inkhjz .txt-box p{}
.inkhjz ul li{margin-right:7px;display:inline;padding:0 5px;width:280px;line-height:24px}
.inkhjz img{width:280px;height:186px;}
.yy-list{ width: 775px; }
.yy-form{ width: 390px; background-color: #192532; padding: 25px; }
 .maquee { border: 1px solid #e6e6e6;overflow: hidden; margin: 0 auto;  }
  .maquee .table.s1{border:none;}
.formbox-s1{ width: 100%; padding-top: 30px; }
.formbox-s1 ul li{ margin-bottom: 15px; }

.team-bg{ position: relative; z-index: 0; background:#fdfdfd url(../images/team-bg.jpg) bottom center repeat-x; }
.team-bg::after{ content: ""; position: absolute; width: 100%; top: 0; left: 0; height: 350px; background-color: #192532; }
.designer{ position: relative; z-index: 1; }
.designer .photo-box{ width: 338px; height: 410px; }
.designer .info-box{ width: 800px; height: 410px; position: relative; }
.designer .info-box .basic{ position: relative; }
.designer .info-box .basic::after{ content: ""; position: absolute; right: 0; top: 0; height: 80px; border-left: #5e666e 1px solid; width: 0; }
.designer .info-box .basic h3{ display: block; color: #ffffff; }
.designer .info-box .basic h3 em{ font-size: 1.2rem; font-weight: 700; margin-right: 20px; }
.designer .info-box .basic p{ line-height: 1.75; color:#cccccc; margin-top: 10px; }
.designer .info-box .work{ position: absolute; bottom: 0; left: 0; width:100%;}
.designer .info-box .work em{ display: block; font-size: .9rem; color:#ffffff; font-weight: 700; margin-bottom: 20px; }

.service_box li,.fwbz_box li{transition: all 0.4s ease;}
.service_box li a{display:block;}
.service_box li:hover,.fwbz_box li:hover{margin-top:-10px;}
.service_box li:hover a,.fwbz_box li:hover{box-shadow: 1px 1px 20px 1px #00000045;}
.yy-form-s2{ padding-top: 35px; padding-bottom: 35px; }
.yy-form-s2 .title-s5{ width:250px; }
.yy-form-s2 .formbox{ width:950px; }
.yy-form-s2 .formbox ul li{ float:left; width:28%; padding-right: 25px; }
.yy-form-s2 .formbox ul li.btn-box{ width:16%; padding-right:0; }

.formbox-s2{ padding-top: 5px; }
.formbox-s2 .form-control{ border-radius: 0; padding: 15px 20px;background:none; }
.formbox-s2 .btn-submit{ font-size: .8rem; border-radius: 0; padding: 15px; }

.footer{ background-color: #192532; }
.bot-left,.bot-right{ width:45%; }
.bot-left{ padding-right: 50px; }
.bot-right{ padding-top: 70px; }
.bot-nav{ margin-top: 30px; }
.bot-nav em{ display: block; font-weight: 700; color: #ffffff; font-size: .9rem; }
.bot-nav>div{ padding-top: 20px; margin-left: -60px; }
.bot-nav>div a{ display: inline-block; color: #c1cdda; padding-left: 60px; padding-bottom: 10px; }

.links{ color:#a8b3be; margin-top: 50px; }
.links a{ color:#a8b3be; display: inline-block; margin-right: 10px;font-size:12px}
.bot-contact p{ color: #c1cdda; line-height: 1.5; }
.bot-contact .iconfont{ font-size: 1rem; margin-right: 10px; color: #dd3d3d; }
.bot-contact .hotline{ font-size: 1.2rem; }

.sharebox{ margin-top: 20px; margin-left: 1rem; padding-left: 10px; }
.sharebox .bdshare-button-style1-24 a{ background-image: none; padding-left: 0; margin: 0; }
.sharebox .bdshare-button-style1-24 a{ display: inline-block; background-color: #303f4f; color:#192532; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-left: 12px; }
.sharebox .bdshare-button-style1-24 a:first-child{ margin-left: 0; }
.sharebox .bdshare-button-style1-24 a .iconfont{ font-size: .9rem; }
.sharebox .bdshare-button-style1-24 a:hover{ background-color: #dd3d3d; color:#ffffff; }



.bot-guanzhu ul li{ float: left; margin-left: 25px; }
.bot-guanzhu ul li:first-child{ margin-left: 0; }
.bot-guanzhu ul li span{ display: block; text-align: center; color: #9ea2a6; line-height: 2; margin-top:10px; }

.copyright { color: #566372; text-align: center; padding: 15px 0; border-top:#233242 1px solid; }
.copyright a{ color: #566372; }


.videolist ul{ margin-left:-15px; }
.videolist ul li{ width:25%; float:left; padding-left:15px; margin-bottom:30px; }
.videolist ul li a{ display:block; overflow:hidden; position: relative; }
.videolist ul li .txt{ position: absolute; bottom: 0; display: block; background: rgba(0,0,0,.5); color: #ffffff; width: 100%; height: 45px; line-height: 45px; padding: 0 15px; font-size: .9rem; }
.videolist ul li img{ transform: scaleX(1) scaleY(1); transition: all 0.8s ease; }
.videolist ul li:hover img{ transform:scaleX(1.10) scaleY(1.10); }


.inx-vr{background: url(../images/vr-m3.jpg) no-repeat;}
.inx-vr-box .vr-box-lef{ float: left; width: calc(55% - 10px); margin-right: 10px;}
.inx-vr-box .vr-box-rig{ float: left; width: calc(45% - 10px) ; margin-left: 10px;}
.inx-vr-box .vr-box-lef a,
.inx-vr-box .vr-box-rig a{display: block;}
.inx-vr-box .vr-box-lef .vr-box{overflow: hidden;}
.inx-vr-box .vr-box-lef .vr-box img{transition: 1s;}
.inx-vr-box .vr-box-lef a:hover .vr-box img{ transform: scale(1.05);}

.inx-vr-box .vr-box-rig .vr-box{overflow: hidden;}
.inx-vr-box .vr-box-rig .vr-box img{transition: 1s;}
.inx-vr-box .vr-box-rig a:hover .vr-box img{ transform: scale(1.05);}

.inx-vr-box .vr-combox{position: relative;}
.inx-vr-box .vr-combox .vr-box img{width: 100%;}
.inx-vr-box .vr-tit{position: absolute; bottom: 0; padding: 10px; background: rgba(0,0,0,.5); text-align: center; color: #fff; width: 100%;}
.inx-vr-box .vr-sub-tit{position: absolute; border-radius: 50px; top: 20px; right: 20px; line-height: 24px; padding: 8px 20px; background: rgba(0,0,0,.4); color: #fff;}
.inx-vr-box .vr-sub-tit i{width: 8px; height: 8px; border-radius:10px ; line-height: 24px; background: #D81A1C; display: inline-block; margin-right: 5px;}
.inx-vr-box .vr-box-rig1{margin-bottom: 20px;}

.bot-logo img{width: 360px;}
.bot-contact p:nth-child(n+3) .iconfont{
	opacity: 0;
}


.header .nav{
	display: flex;
}
.header .nav .r{
	margin-left: 30px; 
	display: flex;
	align-items: center;
}
.header .nav .r .icon i{
	font-size: 20px;
	color: #999999;
}
.header .nav .r .icon{
	margin-right: 20px;
}
.header .nav .r .text .num{
	font-size: 24px;
}
.header .nav .r .code{
	margin-left: 30px;
	width: 50px;
	height: 50px;
}

.header .nav ul li{
	margin-left: 30px;
}
.header .wrap {
    width: 1340px;
}

.nav_r {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 62px;
	z-index: 10;
  }
  

  
  .nav_r .list .item {
	padding: 10px 5px;
	text-align: center;
	position: relative;
	cursor: pointer;
	background-color: #dd3d3d;
	margin-bottom: 1px;
  }
  
  .nav_r .list .item:hover .detail {
	opacity: 1;
	transform: translateX(0);
	pointer-events: all;
  }
  
  .nav_r .list .item:first-child {
	padding-bottom: 12px;
  }
  
  .nav_r .list .item:nth-child(2) {
	padding-top: 12px;
	padding-bottom: 16px;
  }
  
  .nav_r .list .item:first-child::after {
	width: 30px;
	height: 1px;
	background-color: #dd3d3d;
	content: "";
	display: block;
	bottom: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
  }
  
  .nav_r .list .item .icon {
	width: 23px;
	margin: 0 auto 5px;
  }
  .nav_r .list .item .icon i{
	color: #fff;
	font-size: 20px;
  }
  
  .nav_r .list .item .text {
	color: #fff;
	font-size: 12px;
	/* font-size: 18px; */
  }
  
  .nav_r .list .item .detail {
	position: absolute;

	top: 0;
	background: #fff;
    border: 1px solid #ccc;
	padding: 13px 17px;
	right: 100%;
	pointer-events: none;
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: 0.5s, 0.5s;
	min-width: 140px;
  }
  .nav_r .list .item .detail .h{
	display: flex;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
  }

  
  .nav_r .list .item .detail .img {
	width: 26px;
	margin-right: 10px;
  }
  
  .nav_r .list .item .detail .content {
	white-space: nowrap;
	width: 100%;
	padding-top: 10px;
	text-align: left;
	font-size: 20px;
  }
  .nav_r .list .item .detail .content .code{
	width: 100%;
}
.nav_r .list .item .detail .content .code img{
	width: 100%;
}
  .nav_r .list .item .detail .img i{
	font-size: 20px;
  }
  
  .nav_r .list .item .detail .content p:nth-child(2) {
	font-weight: 700;
	white-space: nowrap;
  }
  .nav_r .up .icon{
	filter: brightness(0) invert(1)

  }
  
  .nav_r .up:hover .icon {
	transform: translateY(-5px);
  }

  .nav_r .up .icon {
	margin-bottom: 2px;
	width: 18px;
	transition: all 0.5s;
  }


@media screen and (max-width: 1600px) {
	.logo img {
		height: 40px;
		margin: 30px 0;
	}
	.header .nav ul li .tit{
		font-size: 0.75rem;
	}
	.header .nav ul li .tit::after {
		bottom: 24px;
	}
	.header .wrap{
	width: 1280px;
}
}