@charset "utf-8";

.main section {position:relative;}
.main-section {position:relative; height:800px;}
.roll {position:absolute; width:100%; height:800px; text-align:left; overflow:hidden;}
.roll .roll-in {position:absolute; width:100%;  height:800px; top:0;color:#fff;  font-family:"Microsoft Yahei"; }
.roll .roll-in .roll-in-txt {position:absolute; z-index:5; text-align:left; z-index:5; }
.roll .roll-in .roll-in-txt .txt {display:block; font-size:16px; line-height:24px; letter-spacing:0 }
.roll .roll-in .roll-in-txt .tit {display:block; margin-top:70px; margin-bottom:15px; margin-left:560px;}
.roll .roll-in .roll-in-txt .tit2{display:block; margin-top:35px; margin-bottom:130px; margin-left:180px; font-weight:bold; font-size:38px; color:#F6AE45;}
.roll .roll-in .roll-in-txt .tit img {max-width:100%}
.roll .roll-in .img {position:absolute; top:0; left:50%; width:100%; margin-left:-968px; height:100%; z-index:1 }
.roll .roll-in .img img {height:100% }
.roll .roll-in .more {display:block;margin-top:4px}
.roll .roll-in .more a {display:inline-block;font-size:12px; border-bottom:1px solid #8b8689; font-family:Arial; color:#fff; line-height:1.4; letter-spacing:0;}
.roll .roll-in.r1 .roll-in-txt .tit {margin:0; font-size:38px; letter-spacing:3px;}
.roll .roll-in.r1 .roll-in-txt {bottom:45%; text-align:center;}
.roll .roll-in.r1 .roll-in-txt .txt {margin:19px 0 21px 0; font-size:18px;}
.roll .roll-in.r1 .more a {display:inline-block; background:rgba(0,0,0,0.1); color:#fff; padding:0 30px; height:33px; font-size:14px; line-height:33px; border:1px solid #fff}
.roll .roll-in.r2 .roll-in-txt , .roll .roll-in.r3 .roll-in-txt ,  .roll .roll-in.r4 .roll-in-txt {bottom:25%; left:21%;}
.roll .roll-in .roll-in-txt ul:after {clear:both; display:block; content:"";}
.roll .roll-in .roll-in-txt ul li {float:left; padding:0 24px;}
.roll .roll-in.r2 .roll-in-txt ul li:nth-child(2) {margin:0 20px 0 33px; margin-top:34px }
.roll .roll-in.r2 .roll-in-txt ul li:last-child {margin-top:34px }
.roll .roll-in.r2 .roll-in-txt .tit {margin-top:35px; margin-bottom:6px}
.roll .roll-in.r1 .hidden-image {position:absolute; width:100%; height:100%; bottom:0px}
.roll .roll-in.r1 video, .roll .roll-in.r2 video, .roll .roll-in.r3 video{position:absolute; width:100%; bottom:0px}
.roll .roll-in.r3 .roll-in-txt ul li:first-child  {margin-top:5px}
.roll .roll-in.r3 .roll-in-txt ul li:last-child  {margin-top:13px;}
.bts {position:absolute; bottom:24px; text-align:center; width:100%; margin:0 auto; z-index:99; }
.bts span.bt1 a {box-shadow:1px 1px 1px inset}
.bts span a {display:inline-block; width:13px; height:13px; border-radius:50%; background:#808080; margin-right:8px; font-size:0; vertical-align:middle; text-indent:-9999px}
.bts span a.on {background:#fff}
.bts a:last-child {margin-right:0}
.bts span.bt2 {margin-left:7px}
.bts span.bt2 a {margin-right:0; padding:3.5px; border:1px solid #fff; border-radius:0; text-indent:0; opacity:1}
.bts span.bt2 a.stop {margin-right:-3px; background:url(../images/stop_bt_off.png) no-repeat transparent center}
.bts span.bt2 a.stop.on {margin-right:-3px; background:#fff url(../images/stop_bt_on.png) no-repeat center}
.bts span.bt2 a.play {margin-left:0; background:url(../images/play_bt_off.png) no-repeat transparent center}
.bts span.bt2 a.play.on {margin-left:0; background:#fff url(../images/play_bt_on.png) no-repeat center}

.cv {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: rgba(0,0,0,0.1);}

.main-tit  {position:relative; z-index:2; width:100%; margin:0 auto; text-align:center;padding-top:70px;}
.main-tit h2 {font-size:26px; font-family:"Microsoft Yahei"; margin-bottom:5px; color:#fff}
.main-tit p {font-size:16px; letter-spacing:0}
.main-section.business .main-tit {padding-top:280px}
.main-section.business {color:#fff}
.main-section.business ul {position:relative; margin:45px auto 0; z-index:2}
.main-section.business ul:after {clear:both; display:block; content:"";}
.main-section.business ul li {position:relative; float:left; width:23%; margin-left:2%; padding-top:17%; box-sizing:border-box}
.main-section.business ul li:first-child {margin-left:0}
.main-section.business ul li span {display:block;}
.main-section.business ul li .tit a{font-size:19px; color:#F6AE45; border-bottom:none;}
.main-section.business ul li .txt {font-size:14px; line-height:21px; margin-top:10px; text-align: justify;}
.main-section.business ul li .img {position:absolute; top:0; left:0; width:253px; height:166px;}
.main-section.business ul li .img img {max-width:100%;}
.main-section.business ul li a {display:inline-block; font-size:13px; color:#F6AE45; border-bottom:1px solid #F6AE45; line-height:1.2; letter-spacing:0}
.main-section.business .bg {position:absolute; top:0; left:0;  width:100%; height:100%; background:url(../images/dot.png) 0 0 repeat; z-index:1; }
.dim {position:absolute; top:0; left:0;  width:100%; height:100%; background:#000; opacity:0; z-index:1 }

.case {height:1140px; background:#F6EEE3;}
.case .main-tit h2 {color:#333}
.case .main-tit a {display:inline-block;border-bottom:1px solid #F6AE45; color:#F6AE45; margin-top:20px; font-family:Arial; font-size:14px; line-height:1.2; letter-spacing:0}
.case-area div a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:url(../images/blank.png) 0 0 repeat;}
.case-area {position:relative; margin:40px auto 0}
.case-area .bd-in {position:relative; width:100%; overflow:hidden; text-align:center}
.case-area .bd-in .img {position:absolute; top:0; left:0; display:block; text-align:center }

.case-area .bd1 {position:absolute; top:-2px; left:454px;}
.case-area .bd1 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd1 .bd-in {width:424px; height:355px; }
.case-area .bd1:hover .bd-in strong {padding:0; height:auto; line-height:auto}

.case-area .bd2 {position:absolute; top:101px; left:184px;}
.case-area .bd2 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd2 .bd-in {width:250px; height:145px; }
.case-area .bd2:hover .bd-in strong { padding:0; height:auto; line-height:auto}

.case-area .bd3 {position:absolute; top:266px; left:36px;}
.case-area .bd3 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd3 .bd-in {width:399px; height:265px; }
.case-area .bd3:hover .bd-in strong {padding:0; height:auto; line-height:auto}

.case-area .bd4 {position:absolute; top:371px; left:454px;}
.case-area .bd4 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd4 .bd-in {width:313px; height:160px; }
.case-area .bd4:hover .bd-in strong { padding:0; height:auto; line-height:auto}

.case-area .bd5 {position:absolute; top:371px; left:787px; z-index:10; }
.case-area .bd5 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd5 .bd-in {width:348px; height:203px; }
.case-area .bd5:hover .bd-in strong {background:none; padding:0; height:auto; line-height:auto}

.case-area .bd6 {position:absolute; top:550px; left:0px; z-index:10}
.case-area .bd6 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd6 .bd-in {width:269px; height:201px; }
.case-area .bd6:hover .bd-in strong {padding:0; height:auto; line-height:auto}

.case-area .bd7 {position:absolute; top:549px; left:288px; z-index:5}
.case-area .bd7 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd7 .bd-in {width:480px; height:282px; }
.case-area .bd7:hover .bd-in strong {padding:0; height:auto; line-height:auto}

.case-area .bd8 {position:absolute; top:88px; right:-56px; z-index:5}
.case-area .bd8 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd8 .bd-in {width:300px; height:265px; }
.case-area .bd8:hover .bd-in strong {padding:0; height:auto; line-height:auto}

.case-area .bd9 {position:absolute; top:595px; right:4px; z-index:5}
.case-area .bd9 .bd-in strong { height:30px; line-height:30px; padding:0 20px 0 20px} 
.case-area .bd9 .bd-in {width:348px; height:242px; }
.case-area .bd9:hover .bd-in strong {padding:0; height:auto; line-height:auto}

.vr {position:relative; width:100%; height:420px}
.vr .main-tit {position:initial; height:100%; box-sizing:border-box; text-shadow:1px 1px 1px #4c4c4c}
.vr canvas {position:absolute; left:0; top:0; bottom:0; z-index:400}
.vr .main-tit a {display:block}
.vr .main-tit br {display:none}
.vr .main-tit h2 {position:absolute; z-index:200; top:100px; width:100%}
.vr .main-tit p {position:absolute; z-index:400; bottom:50px; width:100%; color:#fff}
.vrbt span:first-child {display:inline-block; color:#fff}
.vrbt span {font-size:24px; font-family:"Microsoft Yahei";}
.vrbt.vrbg01 {position:absolute; z-index:300; top:0; left:0; width:33.3%; height:420px; line-height:420px}
.vrbt.vrbg02 {position:absolute; z-index:300; top:0; left:33.3%; width:33.3%; height:420px; line-height:420px}
.vrbt.vrbg03 {position:absolute; z-index:300; top:0; right:0; width:33.4%; height:420px; line-height:420px}
.vrbt .vrover {display:block; position:absolute; top:0; left:0; width:100%; height:420px; line-height:545px; font-size:26px; text-shadow:1px 1px 1px #4c4c4c; color:#fff; background-color: rgba(0,0,0,0.5 ); opacity:0}
.vrbt img {display:block; position:absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px; opacity:0}
.vrbt .vrover span {max-width:100%; margin:300px auto 0}
li.vrbg01 {position:absolute; z-index:100; top:0; left:0; width:33.3%; height:420px;background:url(../images/vr_bg01.jpg) no-repeat left}
li.vrbg02 {position:absolute; z-index:100; top:0; left:33.3%; width:33.3%; height:420px;background:url(../images/vr_bg02.jpg) no-repeat center}
li.vrbg03 {position:absolute; z-index:100; top:0; right:0; width:33.4%; height:420px;background:url(../images/vr_bg03.jpg) no-repeat center right}

.close-area {position:absolute; width:100%; height:60px; bottom:0; right:0; z-index:1000; display:none; opacity: 0; text-align:right;  }
.close-area.open {display:block; opacity: 1}
.close-area .text {position:absolute; right:50px; z-index:3; line-height:59px }
.close-area .bg {width:100%; height:60px !important; background:#000; opacity:0.5}
.close-area span {display:inline-block; color:#fff; font-size:14px; margin-right:20px;padding-right:20px; line-height:1.4; vertical-align:middle; border-right:1px solid rgba(255,255,255,.1) }
.close-area span:first-child {font-size:16px;}
.close-area a.close {display:inline-block; color:#fff;vertical-align:middle;  font-family:Arial; vertical-align:middle}
.close-area a.close:after {content:"×";font-size:20px; padding-left:10px; vertical-align:middle}

/*新闻动态*/
.ilinkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.productIbox dd{ float: left; display: block; width: 25%; background-color: #f1f1f1; position: relative;}
.productIbox .img{ position: relative; overflow: hidden; margin:0px 0px 81%; overflow: hidden;}
.productIbox .img img{ width: 100%; display: block; transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.productIbox .twoItem .img{ margin: 81% 0px 0px;}
.productIbox .black-20{ opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms;}
.productIbox .con{ position: absolute; left: 8%; top: 50%; width: 84%; height: 50%; text-align: left; }
.productIbox .twoItem .con{ top: 0; }
.productIbox .arrow{ background: url(../images/sj.png) no-repeat scroll center center; width: 19px; height: 12px; position: absolute; left: 50%; top: -12px; margin-left: -9px;}
.productIbox .twoItem .arrow{ background-image: url(../images/sj2.png); top: auto; bottom: -12px;}
.productIbox .info{ padding-top: 15%; transform: translateY(32px); -webkit-transform: translateY(32px); transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);  -webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.productIbox .info .t{ font-size: 20px; line-height: 1.5; margin-bottom: 12px; color: #212121;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.productIbox .info .c{ color: #676767; max-height: 80px; overflow: hidden; margin-bottom: 20px; font-size: 16px; text-align:justify;}
.productIbox .info .txt{ color:#fff; font-size:16px;}
.productIbox .info .time{ font-size:14px; text-align:left;}
.productIbox .btn-viewMore{ opacity: 0; visibility: hidden; transition:  opacity .38s cubic-bezier(.4,0,.2,1),visibility .3s;  -webkit-transition:opacity .38s cubic-bezier(.4,0,.2,1),visibility .3s;}
.btn-viewMore { text-align: left; position: relative; width: 104px; height: 32px;line-height: 32px; color: #fff; overflow: hidden; display: block; margin-top:20px; padding: 0px 16px; z-index: 1; background-color:#e98205; }
.btn-viewMore .i{ background: url(../images/jt_1.png) no-repeat scroll right center; width: 41px; height: 100%; position: absolute; right: 16px; top: 0; -webkit-transition: 400ms; transition: 400ms;} 
.btn-viewMore:hover .i{ -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateX(12px); -webkit-transform: translateX(12px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateX(12px); -webkit-transform: translateX(12px); opacity: 0; }
}
.productIbox dd:hover .btn-viewMore .i{ -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.productIbox dd:hover .img img{ transform: scale(1.08); -webkit-transform: scale(1.08);}
.productIbox dd:hover .black-20{ opacity: 1; visibility: visible;}
.productIbox dd:hover .info{  transform: none; -webkit-transform: none; }
.productIbox dd:hover .btn-viewMore{ opacity: 1; visibility: visible;}
.linkList a:link, .linkList a:visited { color: #676767;}
.linkList a:active,.linkList a:hover { color: #212121;}  
.linkList{ padding: 26px 0px;}
.linkList .item{ float: left; display: block; width: 176px; padding: 12px;}
.linkList .img{ display: block; margin: 0px auto; max-width: 100%; transition: 400ms; -webkit-transition: 400ms;}
.linkList .item .img:hover { transform: scale(0.8); -webkit-transform: scale(0.8); }


/* contact us */
.pBT {
    font: 30px/1.5 "microsoft yahei";
    color: #174f90;
    padding-bottom: 46px;
}
.addressList{ width: 1100px; height:162px; margin: -65px auto 0px; position: relative; z-index: 10;}
.addressList dd{ float:left; width: 350px; margin-left: 25px; border-bottom: 3px solid #f5f3f0; height: 162px; text-align: center; font-size: 14px; color: #848484; background-color: #fff;}
.addressList dd.item1{ margin-left: 0px;}
.addressList dd .t{ background: url(../images/c_bg.png) no-repeat; width: 79px; height: 54px; padding-top: 25px; margin: 0px auto; position: relative; top: -37px;}
.addressList dd .t i{ background: url(../images/ci1.png) no-repeat; width: 31px; height: 28px; margin: 0px auto; display: block;}
.addressList dd.item2 .t i{ background-image: url(../images/ci2.png);}
.addressList dd.item3 .t i{ background-image: url(../images/ci3.png);}
.addressList dd .c{ width: 95%; overflow: hidden; margin: 0px auto;}
.addressList dd:hover{ border-bottom: 3px solid #f5ae45; color: #f5ae45;}
.addressList dd:hover .t i{ background-position:right 0; animation:myS 0.8s linear 0s infinite;-moz-animation:myS 0.8s linear 0s infinite;-webkit-animation:myS 0.8s linear 0s infinite;-o-animation:myS 0.8s linear 0s infinite;}
.messageBox{ padding:40px 0; width: 1078px; margin: 0px auto;}
.messageBox .pBT{ text-align: center; color: #f5ae45;}
.messForm{ background-color: #f5f3f0; padding: 56px 5% 36px;}

.messForm .codepage { width:184px; margin:0 auto; overflow:hidden; margin-top:35px; margin-bottom:30px; }
.messForm .codepage img { width:70px; height:30px;float:left; margin-top:6px;  }
.messForm .mtxt{ margin-bottom: 28px; color: #868585; float: left; width: 30%; padding:10px 1%; margin-right: 5%; font-size: 16px;}
.messForm .mtxt2{ margin-right: 0px;}
.messForm .mtxt3{ margin-right: 0px; width: 98%; padding: 0px 1%; float: none; height: 150px;}
.messForm input[type=text], .messForm textarea { border: 0px none; border-bottom: 1px solid #d4d4d4; background-color: #f5f3f0; }
.messForm input[type=text]:focus, .messForm textarea:focus { background-color: #fff; }
.messForm .mbtn{ border:none;margin-top: 20px !important;color:#fff; background:#f5ae45; width: 272px; height: 50px; padding: 0px; margin: 0px auto; line-height: 34px; font-size: 18px; display: block;}
.messForm .mbtn:hover{ background-color:#f4b558; color: #fff; cursor:pointer;}
.messForm .codepage>input { width:93px; float:right;height:40px; border:1px solid #b4b4b4;padding-left:2%;padding-right:2%; }

.ci-area {position:relative;}
.ci-area h4 {margin:-8px 0 18px 0; }
.ci-img {position:absolute; top:78px; right:80px;}
.ci-img img {max-width:100%}
.ci-area .ci-list {margin-top:40px;}
.ci-area .ci-list:after {clear:both; display:block; content:"";}
.ci-area .ci-list li {display:inline-block; margin-right:49px; vertical-align:top}
.ci-area .ci-list li img {max-width:100%;}
.ci-area .ci-mean {margin-top:60px; }
.ci-area .ci-mean:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.ci-area .ci-mean li {float:left; text-align:center; width:33.3%;padding-bottom: 30px;}
.ci-area .ci-mean li span.img {height:91px; box-sizing:border-box}
.ci-area .ci-mean li span.img img {max-width:100%;}
.ci-area .ci-mean li span.tit {display:block; font-size:18px; line-height:26px; color:#F5AE45; margin:35px 0 12px; height:30px}
.ci-area .ci-mean li span.txt {display:block; font-size:15px; line-height:26px; color:#4c4c4c}

@keyframes myS
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-moz-keyframes myS /* Firefox */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-webkit-keyframes myS /* Safari 和 Chrome */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

textarea{ resize:none;}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
.roll .roll-in.r1 video {display:none !important}
.roll .roll-in.r2 video {display:none !important}
.roll .roll-in.r3 video {display:none !important}
.roll .roll-in.r1 .img img {display:block;} 
.roll .roll-in.r2 .img img {display:block;} 
.roll .roll-in.r3 .img img {display:block;}
}

@media all and (min-width:1600px) {
.main-section.business {background-size:cover}
.vr {background-size:cover}
.link-area {background-size:cover}
}

@media all and (max-width:1600px) {
.roll .roll-in.r2 .roll-in-txt, .roll .roll-in.r3 .roll-in-txt, .roll .roll-in.r4 .roll-in-txt {
    bottom: 18%;
    left: 12%;
}	
	}
@media all and (max-width:1400px) {
.roll .roll-in.r4 .roll-in-txt {bottom:20%; left:10%;}
.main-section.business .main-tit{ padding-top:180px;}
}
@media all and (min-width:1280px) {
.roll .roll-in.r1 .roll-in-txt {width:1100px;margin:0 auto; left:50%; margin-left:-550px}
.roll .roll-in .roll-in-txt {width:1100px; left:15%}
.main-section.business ul {max-width:1100px;}
.link-area .cont  {max-width:1100px; }
.case-area {max-width:1140px; }
.roll {max-width:1920px}
.bts {max-width:1920px}
}
@media all and (max-width:1279px) {
/*.roll .roll-in.r1 .roll-in-txt {width:768px;margin:0 auto; left:50%; margin-left:-384px; }
.roll .roll-in .roll-in-txt {left:50px}*/
.main-section.business ul li .img {width:99%}
.main-section.business ul {margin:45px 50px 0}
.main-section.business ul li .txt {height:140px}

.link-area {height:1050px}
.link-area .cont {padding-left:50px; padding-right:50px; box-sizing:border-box}
.link-area .cont .type2 {margin-top:10px}
.link-area .cont .type2:after {content:""; display:block; clear:both}
.link-area .cont .type2 .link1 .txt,
.link-area .cont .type2 .link2 .txt {font-size:14px}


.case {height:975px;}
.case-area {max-width:768px; height:616px; overflow:hidden; box-sizing:border-box;}
.case-area .bd1 {left:307px;}
.case-area .bd1 .bd-in {width:290px; height:241px; }
.case-area .bd2 {top:73px; left:128px;}
.case-area .bd2 .bd-in {width:169px; height:98px; }
.case-area .bd3 {top:179px; left:28px;}
.case-area .bd3 .bd-in {width:269px; height:180px; }
.case-area .bd4 {position:absolute; top:250px; left:307px;}
.case-area .bd4 .bd-in {width:212px; height:109px; }
.case-area .bd5 {position:absolute; top:250px; left:auto; right:4px;}
.case-area .bd5 .bd-in {width:235px; height:354px; }
.case-area .bd6 {top:370px; left:4px;}
.case-area .bd6 .bd-in {width:181px; height:136px; }
.case-area .bd7 {position:absolute; top:369px; left:185px;}
.case-area .bd7 .bd-in {width:334px; height:247px; }

.case-area .bd-in .txt  span br {display:none}
.case-area .bd2:hover .txt  span {display:none}
.case-area .bd6:hover .txt  span {display:none}
.case-area .bd1 .bd-in .txt {top:60px}
.case-area .bd5 img {width:100%}
.case-area  img {width:100%; height:100%}


.roll .roll-in .img {width:100%; left:0; margin-left:0 !important; }
.roll .roll-in.r1 .img {background:url(../images/banner01.jpg) no-repeat center 0 !important;background-size:cover !important } 
.roll .roll-in.r2 .img {background:url(../images/banner02.jpg) no-repeat center 0 !important;background-size:cover !important} 
.roll .roll-in.r3 .img {background:url(../images/banner03.jpg) no-repeat center 0 !important;background-size:cover !important}   
.roll .roll-in .roll-in-txt {left:50px}
.roll .roll-in.r1 .roll-in-txt {left:50%; margin-left:-313.5px }

.main-section.business ul {margin-left:50px; margin-right:50px}
.bts .mouse {display:none !important}

.roll .roll-in .img img {width:100% !important;}

.ci-area {padding:0 50px}
.ci-area h4 {padding-left:0}
.ci-area .ci-list {text-align:center;margin-top:120px}
.ci-img {position:relative; top:71px; right:0; left:0; text-align:center}
.ci-area .ci-mean {margin-top:80px}
}

@media screen and (max-width:1024px) {
	.addressList, .messageBox { width: 90%; }
    .addressList { margin-top: 0px; }
    .addressList dd { width: 30%; margin-left: 5%; font-size: 12px; }
    .addressList dd.item1 { margin-left: 0px; }
	.ci-area .ci-mean li span.txt {
    display: block;
    font-size: 12px;
    line-height: 26px;
    color: #4c4c4c;
}
.vrbt span {
    font-size: 16px;
}
.productIbox dd { width: 100%; float: none; }
.productIbox .img { margin: 0px 50% 0px 0px; }
.productIbox .twoItem .img { margin: 0px 0px 0px 50%; }
.productIbox .con { top: 0; left: 50%; width: 40%; height: 100%; padding: 0px 5%; }
.productIbox .twoItem .con { top: 0; height: 100%; left: 0%; }
.productIbox .arrow { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #ededed; background: none; left: -10px; top: 50%; margin: -12px 0px 0px; }
.productIbox .twoItem .arrow { width: 0; height: 0; background: no-repeat; border-right: 0px none; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #ededed; top: 50%; bottom: auto; left: auto; right: -10px; margin: -12px 0px 0px 0px; }
.productIbox .info { padding-top: 25%; transform: none; -webkit-transform: none; }
.productIbox .btn-viewMore { opacity: 1; visibility: visible; }
.productIbox .info .c { height: auto; }
	}

@media all and (max-width:980px) {
.link-area .cont .type2 .link1 .txt,
.link-area .cont .type2 .link2 .txt {font-size:13px}
.link-area .cont .type2 .link1 {width:31%}
.link-area .cont .type2 .link2 {width:31%}
.link-area .cont .type2 .link3 {width:34%}
.link-area .cont .type2 .link3 .brochure {background-position:5px center; background-size:30%}
.link-area .cont .type2 .link3 .brochure .txt {padding-left:48px; font-size:13px; background:url(../images/w_icon4.png) no-repeat 48px 50px}
.link-area .cont .type2 .link3 .certificate {background-position:5px center; background-size:30%}
.link-area .cont .type2 .link3 .certificate .txt {padding-left:53px; font-size:13px; background:url(../images/more.png) no-repeat 53px 52px}
.new-list li{ width:48%; margin-right:4%;}
.new-list li:nth-child(3n+3){ margin-right:4%;}
.new-list li:nth-child(2n+2){ margin-right:0;}
}
@media all and (max-width:767px) {
.addressList dd { float: none; margin-left: 0px; width: 100%; margin-bottom: 80px; height: auto; padding-bottom: 40px; font-size: 14px; }
.addressList dd.item3 { margin-bottom: 0px; }
.messageBox { width: 100%; }
.messForm .mtxt { float: none; width: 92%; display: block; padding: 15px 4%; }
.addressList{ height:618px;}
.messForm .mtxt{ margin-bottom:10px;}	
.roll .roll-in.r1 video {display:none !important}
.roll .roll-in.r2 video {display:none !important}
.roll .roll-in.r3 video {display:none !important}
.roll .roll-in .more {display:none !important}
.roll .roll-in.r1 .roll-in-txt {width:100%; margin:0 auto; left:0; top:95px;}
.main-section {height:auto; min-height:220px}
.roll {height:220px}
.roll .roll-in { height:220px; }
.roll .roll-in .roll-in-txt .tit img {width:100%}
.roll .roll-in.r4 .roll-in-txt img{ width:50%;}
.roll .roll-in.r4 .roll-in-txt li{ width:100px; padding:0 1px;}
.roll .roll-in.r2 .roll-in-txt , .roll .roll-in.r3 .roll-in-txt , .roll .roll-in.r4 .roll-in-txt  {bottom:18%;left: 17%;}
.roll .roll-in.r4 .roll-in-txt .tit{ text-align:right; padding-right:50px;}
.roll .roll-in .roll-in-txt .tit2{display:block; margin-top:35px; margin-bottom:40px; margin-left:20px; font-weight:bold; font-size:18px; color:#F6AE45;}
.roll .roll-in .roll-in-txt {left:15px}
.roll .roll-in .roll-in-txt .tit {margin-bottom:13px;font-size:20px; font-weight:600;margin-left:0px; margin-top:20px;}
.roll .roll-in.r1 .roll-in-txt .tit  {width:86%; margin:0 auto; font-size:20px;}
.roll .roll-in .roll-in-txt .txt {font-size:14px; line-height:18px; letter-spacing:0 }
.roll .roll-in.r1 .roll-in-txt .txt { display:none;}
.roll .roll-in .more a {font-size:10px}
.roll .roll-in .img img { width:100%;}

.roll .roll-in .roll-in-txt .tit img{max-width:70%}

.main-section.business .bg {display:none}
.main-tit {padding:35px 15px 0; box-sizing:border-box}
.main-tit h2 {font-size:22px; color:#333; margin-bottom:7px; line-height:1.2}
.main-tit  p {font-size:14px; line-height:18px}
.main-section.business .main-tit {padding-top:35px}
.main-section.business {background:none; color:#4c4c4c}
.main-section.business ul {margin:40px 15px 50px}
.main-section.business ul li {float:none; width:100%; margin-left:0; padding-top:240px; margin-top:40px}
.main-section.business ul li:first-child {margin-top:0}
.main-section.business ul li .tit {font-size:18px;color:#F6AE45; border-bottom:none;}
.main-section.business ul li .txt {font-size:14px; line-height:26px; height:auto; margin-top:3px }
.main-section.business ul li .txt br {display:none}
.main-section.business ul li .img {width:100%; text-align:center;}
.main-section.business ul li a {font-size:12px; color:#4c4c4c; border-bottom:1px solid #4c4c4c; margin-top:18px;}
.case .main-tit a {font-size:13px; letter-spacing:0}
.case {height:auto; padding-bottom:50px}
.case .main-tit a {margin-top:20px;  font-size:13px;}
.case-area {margin:40px auto 0; height:auto}
.case-area .bd-in {overflow:hidden; text-align:center; }
.case-area .bd-in .img {display:none }
.case-area .bd-in .img.over {display:none; opacity:0}
.case-area .bd1 .bd-in, .case-area .bd2 .bd-in, .case-area .bd3 .bd-in, .case-area .bd4 .bd-in, .case-area .bd5 .bd-in, .case-area .bd6 .bd-in, .case-area .bd7 .bd-in, .case-area .bd8 .bd-in, .case-area .bd9 .bd-in {width:100%; height:100%;margin:0 auto; }
.case-area .bd1, .case-area .bd2, .case-area .bd3, .case-area .bd4, .case-area .bd5, .case-area .bd6, .case-area .bd7, .case-area .bd8, .case-area .bd9 {position:relative; left:0; width:100%; text-align:center; margin:10px auto 0; top:0}
.case-area .bd-in .txt {color:transparent; font-size:0; width:auto}
.case-area .bd1 .bd-in { width:360px; height:200px;}
.case-area .bd2 .bd-in { width:360px; height:200px;}
.case-area .bd3 .bd-in { width:360px; height:200px;}
.case-area .bd4 .bd-in { width:360px; height:200px;}
.case-area .bd5 .bd-in { width:360px; height:200px;}
.case-area .bd6 .bd-in { width:360px; height:200px;}
.case-area .bd7 .bd-in { width:360px; height:200px;}
.case-area .bd8 .bd-in { width:360px; height:200px;}
.case-area .bd9 .bd-in { width:360px; height:200px;}
.case-area .bd1 {margin:0 auto 0}

.vr {height:700px; background:#dbd9d6}
.vr .main-tit {padding:20px 15px 0; text-shadow:1px 1px 1px #000}
.vr .main-tit h2 {position:static; width:100%; margin:0 auto; font-size:24px; color:#fff}
.vr .main-tit p {display:none}
.vr .main-tit ul li {display:none}
.vrbt {display:block; position:absolute}
.vrbt.vrbg01 {top:0; width:100%; height:233px; background:url(../images/vr_bg01.jpg) no-repeat center}
.vrbt.vrbg02 {top:233px; left:0; width:100%; height:234px; background:url(../images/vr_bg02.jpg) no-repeat center}
.vrbt.vrbg03 {top:466px; left:0; width:100%; height:233px; background:url(../images/vr_bg03.jpg) no-repeat center}
.vrbt .vrover {height:233px; line-height:180px; font-size:18px}
.vrbt:hover .vrover {display:block; opacity:1}
.vrbt span:first-child {display:block; line-height:180px; text-align:center; font-size:17px}
.vrbt span {display:block; text-align:center; width:100%; line-height:233px; color:#fff}
.vrbt.vrover img {max-width:75%}
.vrbt img {opacity:1; top:150px}


.link-area {width:100%; height:auto; background-size:cover}
.link-area .cont {padding:50px 15px 80px;}
.link-area .cont ul li {margin-left:0;}
.link-area .cont ul li a {color:#4c4c4c}
.link-area .cont .type1 ul {width:100%}
.link-area .cont .type1 li {display:none; border:none}
.link-area .cont .type1 li:first-child {display:block; width:100%}
.link-area .cont .type1 .news_tit {display: block;line-height: 28px;padding-left: 30px;font-size:22px;}
.link-area .cont .type1 li .tit {height:26px; font-size:16px;}
.link-area .cont .type2 li.link1 {text-align:left; width:100%; line-height:68px; padding-left:30px; background:url(../images/mb_bg5m.jpg) no-repeat center; background-size:cover; box-sizing:border-box}
.link-area .cont .type2 li.link2 {text-align:left; width:100%; line-height:68px; padding-left:30px; margin-top:10px; margin-left:0; background:url(../images/mb_bg6m.jpg) no-repeat center; background-size:cover; box-sizing:border-box}
.link-area .cont .type2 li.link3 {width:100%}
.link-area .cont .type2 li a .txt {padding-right:20px; font-size:15px; margin-top:0;}
.link-area .cont .type2 a {border-bottom:none}
.link-area .cont .type2 .link1 .txt,
.link-area .cont .type2 .link2 .txt {top:250px; font-size:16px}
.link-area .cont .type2 .link3 .brochure {position:absolute; left:0; width:49%; height:89px; background:url(../images/icon-ebrochure.png) no-repeat 10px center}
.link-area .cont .type2 .link3 .brochure .txt {font-size:16px; background:url(../images/w_icon4.png) no-repeat 48px 50px}
.link-area .cont .type2 .link3 .certificate {position:absolute; right:0; width:49%; height:89px; background:url(../images/icon-certificate.png) no-repeat 10px center}
.link-area .cont .type2 .link3 .certificate .txt {font-size:16px; background:url(../images/more.png) no-repeat 53px 52px}
.link-area .cont .mb-bt li {width:49%; margin-top:20px;}
.link-area .cont .mb-bt li a {display:block; color:#808080; height:35px; line-height:35px; font-size:12px; padding-left:4%;}
.link-area .cont .mb-bt li:nth-child(odd) {margin-left:0}

.productIbox .info { padding-top:7%; }
.productIbox .con { width: 42%; padding: 0px 4%; }
.productIbox .info .t { font-size: 16px; }
.productIbox .info .c { font-size: 12px; height: 60px; max-height: 60px; margin-bottom:5px;}
.productIbox .btn-viewMore { display: none; }

.ci-area {padding:0 15px}
.ci-area h4 {margin:-8px 0 28px 0}
.ci-area .ci-list {display:none}
.ci-area p  br {display:none}
.ci-img {width:70%; margin:0 auto; top:34px}
.ci-area .ci-mean {margin-top:80px}
.ci-area .ci-mean li {float:none; width:100%; margin-top:40px }
.ci-area .ci-mean li:first-child {margin-top:0}
.ci-area .ci-mean li span.img {width:70%; margin:0 auto}
.ci-area .ci-mean li span.tit {font-size:16px; margin:14px 0 2px 0; height:auto}
.ci-area .ci-mean li span.txt {font-size:14px;}
.ci-area .ci-mean br {display:none}
#lanren{ width:auto !important;}
}
@media all and (max-width:460px) {
.vr .main-tit {padding:0 15px; text-shadow:1px 1px 1px #000}
.fixed{ display:none !important; }
.news {
    padding: 15px 0;
}
.new-list li {
    width: 100%;
    margin-right: 0;
}
}
@media all and (max-width:415px) {
.bratts {display:block}
.case .main-tit p br {display:none}
.link-area .cont .type2 .link1 .txt {font-size:14px}
.link-area .cont .type2 .link2 .txt {font-size:14px}
}
@media all and (max-width:375px) {
.main-section.business .main-tit  p .bratt {display:none}
.link-area .cont .type2 .link3 .brochure {background-position:5px center}
.link-area .cont .type2 .link3 .certificate {background-position:5px center}
.main-section.business ul li {float:none; width:100%; margin-left:0; padding-top:228px;}
}
@media all and (max-width:360px) {
.main-section.business ul li {float:none; width:100%; margin-left:0; padding-top:218px;}	
}
@media all and (max-width:320px) {
.main-section.business ul li {float:none; width:100%; margin-left:0; padding-top:190px;}	
	}
.fixed{position:fixed;bottom:102px;right:0px;width:45px; display:none; z-index:99;}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#262626;line-height: 45px;margin-top:1px;}
.fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover{width:150px;background: #000;}
.fixed .child img{position:absolute;top:0px;left:0px;}
.fixed .child p{position: absolute;left:45px;color:#fff; font-size:14px;}

.fixed .fixedQQ{bottom:92px;}
.fixed .fixedCall{bottom:46px;}
.fixed .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family:"微软雅黑";}
.fixed .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.fixed .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#262626;line-height: 45px;margin-top:1px;}
.fixedCodeInfo{display:none;position:fixed;bottom:102px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff; z-index:99;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.fixedCodeInfo .fixedCode{ width: 142px;}