@charset "utf-8";
/* CSS Document */
/* header*/
html{font-size:62.5%;}
body{font-size:14px; color:#666666; overflow-x:hidden}

.otxt,.obtn,.oselect,.otext{border:none;background:none;-webkit-appearance: none;}
.otext{ resize:none;}
.w100{width:100%;}
.w1000{width:90%; max-width:1230px;margin:0 auto;}
.Vimg{ width:100%; height:100%; display:block;}
.Videos{ height: auto;left: 0; width:100%;object-fit: fill;position:relative;top: 0;z-index: 1;}



.BackHome{ display:block; margin-top:22px; background:url(../images/skip1.png) left top no-repeat; width:32px; height:32px;}
.TopPageOn .BackHome{background:url(../images/skip.png) left top no-repeat;}
.TopPage{position:fixed; left:0; top:0; z-index:999; padding-bottom:20px;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
.PageNav{ width:515px;}
.PageNav li{ line-height:39px;float:left; margin-left:30px;font-size:16px; padding-top:22px;}
.PageNav li a{ color:#fff; font-weight:500;}
.PageNav .n1{position: relative;}
.PageNav .n1 img,.PageNav .n2 img{display: none;}
.PageNav .n1 i{ display:none;position: absolute; color: #0099cc;  top:40px;  left:40px;}
.PageNav .n1  dl{padding:20px 0;left:-15px;position: relative;  border-left:1px solid #E8E8E8;}
.PageNav .n1  dl dd{padding-left: 15px; float: none;margin-left: 0;}
.PageNav .n1  dl dd a{color:#585455;font-size: 15px;}
.PageNav .n11:hover.n11  i{display: block;}
.PageNav .n11:hover.n11  div{display: block;}
/*.PubBanner img{height: 100%;}*/
.on1{ border-left:1px solid #0099cc;}
.TopPageOn{ background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);}
.TopPageOn,.TopPageOn .PageNav a{ color:#000;}
.HomeTop .PageNav a:hover,.HomeTop .PageNav a.on{ color:#0099cc;}
.LogoPage img{ vertical-align:top;}
.TopPageOn .log1,.log2{ display:none;}
.log1,.TopPageOn .log2{ display:block;}
.PubBanner{ background-size:cover; background-repeat:no-repeat; height:100%; color:#fff; position:relative;}
.ScrollBottom{ position:absolute; left:50%; bottom:50px; z-index:666; background:url(../images/xiahua.png) left top no-repeat; padding-left:40px; height:51px; cursor:pointer;}
.PubBanner{display:-webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.PageBannerImg{ float:left; width:22%; padding-left:14%; text-align:center;}
.PageBannerImg img{ width:100%;}
.PageBannerDesc{ width:40%; float:right;padding-right:14%; padding-top:25px;}
.PageBannerDesc1{padding-right: 25%;}
.Pdp1{ font-size:24px; padding-bottom:15px;}
.Pdp2{ font-size:20px;font-family:'Noto Sans SC','Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; line-height:25px;}
.Pdp3{color:#fff;border:1px solid #fff;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; display:inline-block; line-height:26px; padding:0 20px;}
.Pdp3:hover{ background:#fff; color:#000;}

.Pdp4{ position:relative; margin-top:55px; padding-top:70px;}
.Pdp4 i{ position:absolute; left:3px; top:0; display:block; width:25px;height:2px; background:#fff;}

.Part1{background:#f1f1f1; padding-top:60px; padding-bottom:100px; }
.PartTitnum{color:#a8a8a8;letter-spacing:3px; background:url(../images/xiexian1.png) right top no-repeat; height:52px; float:left;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; width:60px;}
.PartTitnum1{ color:#fff;background:url(../images/xiexian2.png) right top no-repeat; }
.PartTittxt{ padding-left:20px;color:#a8a8a8;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; letter-spacing:1px;}
.PartTittxt1{color:#fff;}
.PartImg{ padding-top:45px; text-align:center;}
.PartImg img{ width:90%;}

.Part2{ padding:100px 0; background:#fff;}
.Part2LA{ position:relative;}
.Part2L{ width:150px; padding-top:80px;}
.Part2LDesc{ position:relative; padding-bottom:30px; color:#000;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; letter-spacing:1px; font-size:15px;}
.Part2LDesc i{ position:absolute; left:0; bottom:0; display:block; width:20px; height:1px; background:#000;}

.Part2LTeam{ width:100%; overflow:hidden;zoom:1; padding-top:40px;}
.Part2LTeam ul{ width:200px;}
.Part2LTeamM{ width:50px; padding-right:40px; float:left; text-align:center; font-size:12px;}
.Part2LTeamM p{ padding:8px 0; padding-top:5px;}
.Part2R{ width:75%;}
.Part2R img{ width:100%;}

.Part3{ padding:60px 0; color:#fff; background-repeat:no-repeat; background-position:center center;background-attachment:fixed;}
.Part3P{padding:130px 0; text-align:center; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; letter-spacing:1px;}
.Part3P1{ font-size:19px; line-height:30px; position:relative;padding-bottom:30px; width:60%; margin:0 auto;}
.Part3P1 i{ position:absolute; left:50%; margin-left:-10px; width:20px; bottom:0; height:1px; background:#fff;}
.Part3P2{ padding-top:20px; padding-bottom:5px;}

.Part4{ padding:100px 0; background:#fff;}
.Part4L{ width:188px; padding-top:30px;}
.Part4R img{ width:90%;}
.Part4LDesc{ padding-right:30px;}
.Part4Sub{ overflow:hidden;zoom:1;padding-top:40px;}
.Part4Sub ul{ width:200px;}
.Part4SubM{ float:left; width:41px; padding-right:20px; text-align:center; font-size:12px;}

.Part4P1{ padding-top:40px;}
.Part4P2{ padding-top:10px;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; letter-spacing:1px; font-size:13px;}

.Part5{ background:#e7e7e7; padding-bottom:20px;}
.Part5A{ overflow:hidden;zoom:1;}
.Part5Ap1,.Part5Ap2{color:#fff;height:70px; line-height:70px;}
.Part5Ap2,.Part5Ap2:hover{ color:#fff; font-size:18px;}
.Part5Ap1{ padding:0 25px; }
.Part5Ap2{ padding:0 25px; padding-right:50px;margin-right:25px; background:url(../images/jiantou.png) right center no-repeat;}

.Part6{ text-align:center; background:#c8c8c8; text-align:center; color:#4d4d4d; font-size:15px; line-height:32px;}

.footer{ background:#151515; line-height:30px;}
.footer,.footer a{ color:#777777; font-size:12px;}
.footer a:hover{ color:#fff;}
.f_l,.f_r{ width:39.9%;}
.f_l_1{ width:48%;}
.f_c{ width:12%; text-align:center; padding-top:20px;}
.f_c img{ width:90%;padding-left: 50px;}

.Copy{ text-align:center; background:#1e1e1e; color:#777777; font-size:12px; line-height:22px; font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; padding:20px 0;}
.Copy a,.Copy span,.Copy img{ vertical-align:middle; display:inline-block;}
.Copy img{ position:relative; top:-1px; margin:0 10px;}

.OtherCase{ overflow:hidden;zoom:1; padding-top:50px;}
.OtherCase p{ padding-bottom:5px;}
.OtherCase a:hover{ color:#000;}
.OtherPic img{ vertical-align:top; width:100%;}
.OtherPic1,.OtherPic2,.OtherPic3{ overflow:hidden;zoom:1; padding-bottom:6px;}
.Part5APa,.OtherPic1p1,.OtherPic1p2,.OtherPic1p3{ width:50%;overflow:hidden;zoom:1;}
.OtherPic1p1_1,.Part5AP1_1{ overflow:hidden;zoom:1; padding-left:2px;}
.Part5AP1_1{ padding:0; margin-left:2px; background:#e80d0d;}
.OtherPic1p1_1 span{ display:block; float:left; width:100%; height:32px; background:#919191;}
.OtherPic1p2_1{ overflow:hidden;zoom:1; padding-right:2px;}
.OtherPic1p3_1{ overflow:hidden;zoom:1; padding-left:2px;}
.OtherPiclist{ float:left; width:50%; overflow:hidden;zoom:1;}
.OtherPiclist_1{padding-right:2px; overflow:hidden;zoom:1;}
.OtherPiclist_1Odd .OtherPiclist_1{ padding-right:0; padding-left:2px;}

.OtherPic3p1{ width:50%; overflow:hidden;zoom:1;}
.OtherPic3p1_1{ overflow:hidden;zoom:1; padding-right:2px;}
.OtherPic3p1_1 span{ float:left; text-align:right; display:inline-block; width:100%; line-height:32px; background:#ff9600; height:32px;}
.Zpdown{ display:inline-block; color:#fff; margin-right:20px; padding-right:30px; background:url(../images/downs.png) right center no-repeat;}
.Zpdown:hover{ color:#fff;}
.OtherPic3p1_1:hover{opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;}





.meau{ width:28px; height:25px; position:relative; float:right; margin-right:10px; margin-top:13px; display:none;}
.meau span{width:100%;position:absolute;right:0; top:0;background:#fff;display:block;height:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;vertical-align:top;}
.meau span{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.meau .m1{}
.meau .m2{top:9px;}
.meau .m3{top:18px; }

.meauon .m1,.meauon .m2,.meauon .m3{ background:#ccc;}
.meauon .m1{ transform:rotate(45deg); top:9px;}
.meauon .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.meauon .m3{ transform:rotate(-45deg); top:9px;width:28px;}

.sdsds{ width:85%; margin:0 auto;}
.Case{margin-top: 30px;}
.CaseImg{color:#fff; cursor:pointer;margin:5px; overflow:hidden;zoom:1; display:block; vertical-align:top; position:relative;}
.CaseImg a{ display:block; vertical-align:top;}
.CaseImg a,.CaseImg a:hover{ color:#fff;}
.CaseImg:hover{ color:#fff2ea;}
.CaseBg{ position:absolute; z-index:8; width:100%; height:100%;opacity:0; left:0; top:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0); background:#000;}
.CaseImg1{ vertical-align:top; width:100%;}
.CaseTxt{ font-size:18px;position:absolute; left:0;top:30px; z-index:10; width:100%;}
.CaseCn,.CaseEn{ padding:0 35px; position:relative;}
.CaseMore{ display:inline-block; line-height:20px; position:absolute; font-size:14px; z-index:10; left:35px; bottom:35px; background:url(../images/casemore.png) left center no-repeat; background-size:28px 12px; padding-left:32px;opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);transform:translateX(40px);-webkit-transform:translateX(40px);-moz-transform:translateX(40px);}
.CaseShare{ z-index:22; position:absolute; bottom:27px; right:35px;opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);height:35px; width:35px; cursor:pointer;}

.cashare1{ background:url(../images/ico_70.png) center no-repeat; }
.cashare2{ background:url(../images/ico_70_h.png) center no-repeat; }
.cashare1,.cashare2{background-size:20px 20px; position:absolute; display:block; width:35px; height:35px;left:0; top:0; z-index:10;}
.cashare2,.CaseShare:hover .cashare1{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.cashare1,.CaseShare:hover .cashare2{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.CaseImg:hover .CaseBg{opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.CaseImg:hover .CaseCn{margin-top:3%; color:#0099cc;}
.CaseImg:hover .CaseEn{ margin-top:1%;}
.CaseImg:hover .CaseMore,.CaseImg:hover .CaseShare{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);}
.CaseImg:hover .CaseImg1{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);}
.CaseMore,.CaseCn,.CaseEn,.CaseBg,.Caseerweima,.CaseShare,.cashare1,.cashare2{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;}
.CaseImg1{transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;}

.CaseWX{ top:50%; margin-top:-20px; text-align:center; font-size:30px;}
.CaseImg:hover .CaseWX .CaseCn{ margin:0;}

.CaseImg:hover .None{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.Caseerweima{ position:absolute; width:80px; height:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px;z-index:888;opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.CaseImg:hover .Caseerweima{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=1);}


.HomeTop {}

.CaseBanner{background-attachment:fixed; height:730px; position:relative;}
.CaseBannerH{ position:absolute; z-index:88;display:-webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: flex-end;align-items: flex-end;}
.CaseBannertxt{ width:90%; color:#fff; padding-bottom:120px;}
.CaseBannerH{ height:100%;}
.CaseBanner .PubBoxBg2{ z-index:77;}
.CaseBanner .w_bg{opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; filter: alpha(opacity=10);}
.CaseBanner .w_banner_top{margin-top: 5%; text-align: center;font-size:24px;}
.CaseBanner .w_banner_top p{letter-spacing: 5rem;height: 45px;line-height: 45px;}
.CaseBanner .w_banner_top p.w_new{padding-top: 50px;}


.t_main{width: 70%; margin:50px  auto  0;background: #f1f1f1;}
.t_main .all_top{background: #fff;border-radius: 3px;}
.all_bottom{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.t_main .all_top h4{font-size: 20px;color:#FF7003;margin-top: 30px;}
.t_main .all_top:after{display: block;content:"";clear: both;}
.t_main .all_top>div{float: left}
.t_main .all_top .t_left{width: 25%;box-sizing: border-box;padding: 65px 50px 20px 50px}
.t_main .all_top .t_middle{width: 25%;margin-top: 30px;}
.t_main .all_top .t_middle li{margin-left:50px;color:#FF7003;font-size: 16px;height: 45px;line-height: 45px;}
.t_main .all_top .t_middle li span{font-size: 12px;margin-right: 10px;}
.t_main .all_top .t_right{width: 50%; text-align: center;}
.t_main .all_top .t_right img{padding-top:30px;width: 80%;}
.t_main .all_bottom{ background: #B5B5B5; color: #fff;padding: 30px 50px; }
.t_main .all_bottom p{font-size: 16px;line-height: 25px;}


.t_main .row{background: #F1F1F1;margin-top: 30px;}
.t_main .row .col-md-6{width: 49%;background: #FFF;border-radius: 3px;}
.t_main .row .cr_bottom{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.t_main .row .cm6{float: right;}
.t_main .row h4{font-size: 20px;}
.t_main .cr_top:after{display: block;content:"";clear:both;}
.t_main .cr_top div{float: left;}
.t_main .row .cr_left{width: 50%;box-sizing: border-box;padding: 50px 50px 20px 50px}
.t_main .row .cr_left .cr_img{ width: 100%;height: 139px; margin-bottom: 10px;}
.t_main .row .cr_left .t_h4{height: 60px;}
.t_main .row .cr_right ul{margin-top: 10px;}
.t_main .row .cr_right li{font-size: 16px;height: 45px;line-height: 45px;}
.t_main .row .cr_right li span{margin-right:10px;}
.t_main .row .cr_bottom{ background: #B5B5B5; color: #fff;padding: 30px 50px;}
.t_main .row .cr_bottom p{font-size: 16px;}
.item1 .cr_top h4 , .item1 .cr_top li{color: #074EAE;}
.item2 .cr_top h4 , .item2 .cr_top li{color: #348A0E;}
.item3 .cr_top h4 , .item3 .cr_top li{color: #491052;}
.item4 .cr_top h4 , .item4 .cr_top li{color: #7E0D61;}



.CBp1{ font-size:25px; padding-bottom:18px; position:relative; letter-spacing:2px;}
.CBp1 i{ position:absolute; width:100px; height:1px; background:#fff; display:block; position:absolute; left:2px; bottom:0;}
.CBp2{ font-size:17px; padding-top:20px;}
.CBp3{ padding-top:15px;}
.CBp3 a{ display:inline-block; padding:5px 18px; line-height:14px; float:left; margin-right:27px;font-size:13px; cursor:pointer; border:1px solid #fff;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;color:#fff;}
.CBp3 a:hover,.CBp3 a.on{ background:#fff; color:#000;}


.Servise{ position:relative; margin-top:-160px; z-index:120;}
.Servise .container-fluid{ padding-left:20px; padding-right:20px;}
.ServiseM{  zoom:1; color:#090909;}
.ServiseMp0{margin-top: 60px; width:100%; position:absolute; left:0; top:100px; z-index:9;height:50px;  text-align: center; background:#ccc8c8;}
.ServiseMp0 span{ background:#0099cc; font-size:22px; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; letter-spacing:1px; display:inline-block; float:right; color:#fff; padding:9px 60px;}
.ServiseMp1{position: relative; background: #f0f0f0; font-size:20px; padding:25px 0 25px 70px;text-align: center;margin-top: -32px;}
.ServiseMp2{position: relative;  background: #dcdcdc;font-size:20px; padding:27px 0 28px 90px;text-align: center;}
.ServiseMp1 a{margin:5px 2%;display: inline-block;border: 1px solid #575556;border-radius: 20px;font-size: 13px;font-weight: bold; padding: 5px 0; width: 23%; }
.ServiseMp2 a{margin:5px 1%;display: inline-block;border: 1px solid #575556;font-size: 13px;font-weight: bold; padding: 5px 0; width: 15%; }
.ServiseMp1 a:hover,.ServiseMp2 a:hover{border: 1px solid #282828;background: #282828;color: #fff;}
.ServiseMp1 span{position: absolute;  display: inline-block;height: 126px;width: 100px;top: 0;left: 0;padding-top: 6px;background: #dcdcdc;}
.ServiseMp2 span{position: absolute;  display: inline-block;height: 126px;width: 100px;top: 0;left: 0;padding-top: 6px;background: #f0f0f0;}

.ServiseMp2 h4{
	font-size: 15px;
}
.ServiseMpSite1{
	background: #efefef;
	margin-top: 110px;}
.ServiseMpSite2{
	background: #000;
	color: #fff;
}
.ServiseMpSite3{
	background: #949494;
	color: #000;
}
.row .ServiseMp2{
	text-align: left;
}


.Smb0{ position:relative;}
.Smb1{ background:#fff;position:relative;}
.Smb2{ background:#949494;position:relative;}
.Smb3{ background:#000000; color:#fff;position:relative;}
.Smbi{ display:block; width:25px; height:13px; position:absolute; right:60px; bottom:60px;z-index:9; background:url(../images/down2.png) left top no-repeat;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;cursor: pointer;}
.Smbi1{background:url(../images/down1.png) left top no-repeat;}
.Smbi:hover{transform: translateY(4px);-webkit-transform: translateY(4px);-moz-transform: translateY(4px);}

.Conatct{ width:70%;}
.ConatctA,.ConatctB,.ConatctC{ padding-left:45px; display:inline-block;}
.ConatctA{ background:url(../images/con1.jpg) left top no-repeat;}
.ConatctB{ background:url(../images/con2.jpg) left top no-repeat;}
.ConatctC{ background:url(../images/con3.jpg) left top no-repeat;}
.ConatctP1{ color:#9b9b9b; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; letter-spacing:2px; font-size:13px;}
.ConatctP2,.ConatctP3{ padding-top:10px; font-size:13px;}
.ConatctP2{ color:#363636; overflow:hidden;zoom:1;}
.ConatctP2 div{ padding-right:30px;}
.ConatctP3{color:#9b9b9b;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;}
.ConatctPaddress{ line-height:25px;}
.ConatctPaddress div{ padding-right:0;}
.Conatct .col-a{ text-align:left;}
.Conatct .col-b{ text-align:center;}
.Conatct .col-c{ text-align:right;}
.ConatctP1,.ConatctP2,.ConatctP3{ text-align:left;}
.Conatctpta{ padding-top:90px;}
.ConatctP0{ font-size:22px; letter-spacing:5px; color:#000; text-align:center; padding:70px 0; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;}
.Msgotxt,.Msgotext{ border:1px solid #000; border:1px solid #e6e6e6; padding:5px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; width:90%; }
.focusOn{ border:1px solid #000;}
.MsgP2{ margin-top:12px;}
.Msgotxt,.Msgotext{  color:#8f8f8f; font-size:13px;transition:all 0.3s ease-in-out  0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;}
.Msgotxt{ height:26px; line-height:26px;}
.Msgotext{ height:73px;}
.Msgobtn{ display:inline-block;border-radius:3px; cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px; line-height:38px; height:38px; padding:0 50px; background:#383838; color:#fff;}
.MsgTjan{ padding-top:40px; text-align:right;}
.Msgobtn:hover{ color:#fff; background:#282828;}
.MsgZyxx{ margin-top:30px;font-size:12px; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; color:#9b9b9b; background:url(../images/ggh.jpg) left center no-repeat; padding-left:15px;}
.MsgTjan{ padding-bottom:80px;}

.footer_img{ text-align:center; position:relative; z-index:8;}
.footer_img img{ width:100%; max-width:1080px;}

.Footer2{ background:#282828; position:relative; margin-top:-100px; color:#fff; padding-top:160px; padding-bottom:120px;}
.Fpa1{ font-size:25px; padding-bottom:10px;}
.Footer2p2{ padding-left:50px;}
.Fpa2{ font-size:20px; color:#b9b9b9;}

.HomeTop .w1001{ margin:0 auto; background:#fff;width:70%;margin-top:20px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
.HomeTop .PageNav li{ padding-top:20px;}
.HomeTop1 .PageNav li{ padding-top:25px;}
.HomeTop .LogoPage{ height:75px; overflow:hidden;zoom:1;}
.HomeTop .PageNav a{ color:#000;}
.Logogif{ height:100%;}
.HomeTop .LogoPage{ padding-left:20px;width:180px;}
.Vr{padding-top:20px;}
.HomeTop{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}

@media (min-width: 1400px) {
    .HomeTop .w1001{
        width: 80%;
    }
}
@media (min-width: 1800px) {
    .HomeTop .w1001{
        width: 70%;
    }
}

.HomeTopOn .w1001{margin-top:0; width:100%;top:0;}
.HomeTopOn{ padding-bottom:0; background:none;}

.Bf1f1f1{ background:#f1f1f1;}

.NewList{ overflow:hidden;zoom:1;}
.NewList li{ width:100%; overflow:hidden;zoom:1; background:#fff; margin-top:40px;}
.NewList li:hover{ background:#e1e1e1;}
.new-img{ width:360px; overflow:hidden;zoom:1; float:left;cursor:pointer ;}
.new-img img{ width:100%; vertical-align:top;}
.new-zi{margin-left:360px; padding-left:40px; padding-right:40px; padding-top:20px;}
.new-1{ padding-bottom:10px;}
.new-2{ font-size:18px; color:#000; padding-bottom:20px;}
.new-3{ color:#9c9c9d;}
.new-more{ color:#000; display:inline-block; margin-top:70px; background:url(../images/rightjt.png) left center no-repeat; padding-left:22px; position:relative;}
.NewList li:hover .new-more,.new-more:hover{ background:url(../images/rightjt1.png) left center no-repeat; color:#0099cc; margin-left:10px;}

.News{ margin-top:25px;}
.NewsTit{line-height:45px; margin-top:-80px;}
.NewsTitL{width:360px; float:left; }
.NewsTitLSpan{ color:#0099cc; font-size:45px;}
.NewsTitR{margin-left:360px;padding-left:40px;}
.NewsTitR a{ float:left; height:30px; line-height:30px; margin-right:50px; margin-top:11px;  padding:0 20px; color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.NewsTitR a.on,.NewsTitR a:hover{ background:#fff; color:#0099cc;}

.NewsOther{ margin-left:50px; background:#fff; padding:20px 40px;}
.NewsOther{ margin-top:40px;}
.NewsOtherH4{ font-size:18px; color:#000;}

.NewsOlist{ overflow:hidden;zoom:1; padding-top:15px; padding-bottom:30px;}
.NewsOlist li{ line-height:30px; }

.NewsOtherY{ overflow:hidden;zoom:1; padding-top:15px;}
.NewsOtherY a{ display:inline-block; margin-right:5px;}

.Pages{ text-align:center; padding-top:80px; padding-bottom:120px;}
.Pages a { background:#fff; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; border-radius:50%; height:35px; text-align:center; line-height:35px; display:inline-block; margin:0 10px; font-size:16px;}
.Pages a.on{ background:#0099cc; color:#fff;}
.Pages a{ margin:0;}
.Pages li{ padding:0 13px; }
.Pages li,.Pages li a{background:none;}
.Pages li.thisclass{ background:#0099cc;}



.Pages li{ margin:0 5px;background:#fff;border-radius:50%;display:inline-block;font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;font-size: 16px; width:auto; height:35px; line-height:35px; text-align:center;}

.Pages li:first-child,.Pages li:last-child{ background:none; width:auto;}
/*.Pages li:first-child{ float:left; margin-left:80px;}
.Pages li:last-child{ float:right; margin-right:80px;}*/
.Pages li.thisclass{ background:#0099cc; color:#fff;display:inline-block;  float:none;}


.NewsTitR a,.new-more,.NewList li{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;}

.AboutA{ position:absolute; color:#fff; font-size:22px; left:10%; bottom:35px; z-index:888;}
.Five{ overflow:hidden;zoom:1; text-align:center; background:#fff; padding:60px 0;}
.FiveUL{width:78%; margin:0 auto; overflow:hidden;zoom:1;}
.FiveM{ float:left; width:25%;}
.FiveM div{ padding:0 20px;}
.FiveM img{ width:100%; max-width:123px;}
.Fivep1{ color:#000; font-size:20px; padding-top:15px;}
.Fivep2{ color:#000; }

.AboutB{ height:590px; background-position: center center; background-repeat:no-repeat;/*background-attachment:fixed;*/}

.AboutC{ background:#fff; }
.AboutCM{ width:70%; position:relative; margin:0 auto; }
.AboutCMp1{ color:#fff; width:355px; height:355px; position:relative; padding:80px;background:#ff0000; font-size:35px; text-align:justify;top:-200px; z-index:88;}
.AboutCMp1,.AboutCMp1 a,.AboutCMp1 a:hover{ color:#fff;}
.AboutCMp1_1{ font-size:50px; padding-top:20px;}
.AboutCMmore{ position:absolute; right:50px; bottom:80px; z-index:9;}
.AboutCMp2{ position:absolute; right:0; bottom:200px; padding-left:590px; text-align:justify;color:#000; font-size:15px; line-height:24px;}

.AboutD{ background:#d2d2d2; margin-top:-80px; position:relative; z-index:99; padding-bottom:80px;}
.AboutDMTxta{ padding:80px; padding-bottom:0; color:#000; font-size:20px; text-align:justify;}
.AboutDMTxta p{ padding-bottom:5px;}
.AboutDMImga img{ vertical-align:top; width:100%;}
.AboutDMrow{ overflow:hidden;zoom:1; background:#f0f0f0;}
.AboutDMcolmd{padding-bottom:2000px; margin-bottom:-2000px;}
.AboutDM{ padding-top:60px;}

.AboutDG{ padding:40px; background:#fff;margin-bottom: 50px;}
.AboutDGH5{ font-size:22px; color:#000;}
.AboutDSub{ text-align:center; padding-top:50px; padding-bottom:40px;}
.AboutDSub a{ color:#000; display:inline-block; padding:0 40px; line-height:45px; font-size:16px;}
.AboutDSub a.on,.AboutDSub a:hover{ background:#f00101; color:#fff;}
.AboutDH{padding:0 28px; background:#fff; padding-bottom:40px;}
.AboutDHM{ padding:0 12px;}
.AboutDHImg{ display:block; overflow:hidden;zoom:1;width:100%; vertical-align:top;}
.AboutDHImg img{ width:100%;vertical-align:top;}
.AboutDHTit a{ font-size:18px; letter-spacing:1px; color:#000; font-weight:bold;}
.AboutDHTit{ padding-bottom:5px;}
.AboutDOther{ padding:25px; overflow:hidden;zoom:1; padding-bottom:0; line-height:24px;border: 1px solid #e5e5e5;}
.AboutDHMore{ overflow:hidden;zoom:1;padding-top:8px; display:block; width:100%; border-top:1px solid #e5e5e5; margin-top:30px;}
.AboutDHMore .stt{ float:left; color:#999; }
.AboutDHMore .point{ display:inline-block; margin-top:10px;background:url(../images/ico_08.png) left center no-repeat; width:24px; height:8px; float:right;}

.AboutEM,.AboutDM{ padding-top:60px;}
.AboutDI,.AboutDJ{margin-top:20px;}
.AboutDI .AboutDMTxta{ padding-left:40px; padding-right:40px; color:#fff; font-size:14px;}
.AboutDI .AboutDMrow{ background:#989898;}

.AboutDI .AboutDIp1{ padding-bottom:15px; position:relative; font-size:22px; font-weight:bold;}
.AboutDI .AboutDIp1 i{ display:block; width:30px; height:1px; background:#fff; z-index:9; position:absolute; left:0; bottom:0;}
.AboutDI .AboutDIp2{ font-size:16px; padding:25px 0;font-weight:bold;}
.AboutDI .AboutDIp3{ font-size:13px;}
.AboutDJML{ padding-right:10px;}
.AboutDJMR{ padding-left:10px;}
.AboutDOther1{ background:#fff; padding-bottom:25px;}
.stt1{ font-size:13px;}

.Custer{ background:#fcfcfc; padding-top:90px; padding-bottom:90px;}
.CaseEn{font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;font-size: 16px;}


.swiper-container{ width:100%; position:relative; overflow:hidden;zoom:1; padding-bottom:70px;}
.swiper-wrapper{width:100%; position:relative;z-index:88;}
.swiper-slide{ background-repeat:no-repeat; background-position: center center;background-size: cover;}
.swiper-slide-img{ display:none; width:100%; vertical-align:top;}
.swiper-pagination{ z-index:99; height:25px; text-align:center;}
.swiper-container-horizontal > .swiper-pagination-bullets{ width:100%; bottom:0;  left:0;}
.swiper-pagination-bullet{opacity:1;-webkit-opacity:1;-moz-opacity:1;border:none; background:none;vertical-align:top;width:48px; height:4px; background:#d0d0d0;border-radius: 0;}
.swiper-pagination-bullet-active{ background:#ff0000 ;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px;}

.swiper-button-next, .swiper-button-prev{  width:80px; height:6px; z-index:99; margin-top:-30px;}
.swiper-button-prev{ left:0; }
.swiper-button-next{ right:0;}

.CusterSlider{ width:80%; max-width:1080px;}
.CusterSlider img{ width:100%; vertical-align:top;}

.Msg1{ padding-top:60px;}
.BGa{ background:#fff; margin-top:50px; padding-bottom:70px;}
.fra{ float:right;}
.fla{ float:left;}


.PubBox{ position:relative; overflow:hidden;zoom:1; display:block; vertical-align:top;}
.PubBox,.PubBox:hover{ color:#f2f2f2;}
.PubBoxBg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; background:#000;}
.PubBoxa{ position:absolute; width:100%; line-height:30px; left:0; z-index:111; top:50%; margin-top:-12px; text-align:center;}
.PubLine{ display:block; height:1px; background:#f2f2f2; width:100px; position:absolute;left:50%; margin-left:-50px; z-index:111;}
.PubLinea{ top:0;}
.PubLineb{ bottom:0;}
.PubBoxBg,.PubLine,.PubBoxa{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.PubBoxBgShow{opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
.PubBox:hover img{transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);}
.PubBox:hover .PubLine{ width:6px; margin-left:-3px;opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.PubBox:hover .PubBoxBg{opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);}
.PubBox:hover .PubBoxa{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.PubLine,.PubBox img,.PubBoxa{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
.PubBoxBg{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}

.PubJt{background:url(../images/rightjt.png) left top no-repeat; display:block; width:16px; height:16px;}

.hvr-radial-in{ margin-top:50px;padding:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#000;}
.hvr-radial-in::before{}
.hvr-radial-in:hover .PubJt{background:url(../images/rightjt2.png) left top no-repeat;}

.tel139{ position:relative; vertical-align:middle;}


.slideshow-image {
	z-index: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation-name: kenburns;
	animation-name: kenburns;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.slideshow-image:nth-child(1) {
	-webkit-animation-name: kenburns-1;
	animation-name: kenburns-1;
	z-index: 3;
}

.slideshow-image:nth-child(2) {
	-webkit-animation-name: kenburns-2;
	animation-name: kenburns-2;
	z-index: 2;
}
.slideshow-image:nth-child(3) {
	-webkit-animation-name: kenburns-3;
	animation-name: kenburns-3;
	z-index: 1;
}

.slideshow-image:nth-child(4) {
	-webkit-animation-name: kenburns-4;
	animation-name: kenburns-4;
	z-index: 0;
}
@-webkit-keyframes kenburns-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	1.5625% {
		opacity: 1;
	}
	23.4375% {
		opacity: 1;
	}
	26.5625% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	98.4375% {
		opacity: 0;
		-webkit-transform: scale(1.21176);
		transform: scale(1.21176);
	}
	100% {
		opacity: 1;
	}
}

@keyframes kenburns-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	1.5625% {
		opacity: 1;
	}
	23.4375% {
		opacity: 1;
	}
	26.5625% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	98.4375% {
		opacity: 0;
		-webkit-transform: scale(1.21176);
		transform: scale(1.21176);
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes kenburns-2 {
	23.4375% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	26.5625% {
		opacity: 1;
	}
	48.4375% {
		opacity: 1;
	}
	51.5625% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes kenburns-2 {
	23.4375% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	26.5625% {
		opacity: 1;
	}
	48.4375% {
		opacity: 1;
	}
	51.5625% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@-webkit-keyframes kenburns-3 {
	48.4375% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	51.5625% {
		opacity: 1;
	}
	73.4375% {
		opacity: 1;
	}
	76.5625% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes kenburns-3 {
	48.4375% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	51.5625% {
		opacity: 1;
	}
	73.4375% {
		opacity: 1;
	}
	76.5625% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@-webkit-keyframes kenburns-4 {
	73.4375% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	76.5625% {
		opacity: 1;
	}
	98.4375% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes kenburns-4 {
	73.4375% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	76.5625% {
		opacity: 1;
	}
	98.4375% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.CaseBanner{ overflow:hidden;zoom:1;}
.Contactp1,.Contactp2,.Contactp3{ font-size:25px; padding-bottom:5px;}
.Contactp2{ font-size:32px;}
.ContactC{ background-repeat:no-repeat; background-position:center center; padding:200px 0; text-align:center; color:#fff;}

.ContactCp1{ font-size:40px; padding:25px 0;}

.BGa1{ margin:0; padding-top:0; padding-bottom:0;}
.BGa1 .ConatctP0{ padding-bottom:50px;}
.BGb{ position:relative; z-index:88;}
.BGb1{ background:#fff;}

.ContactD{ padding:120px 0;}
.ContactDM{ width:60%; margin:0 auto;}
.ContactDp1{ font-size:35px; color:#000; padding-bottom:15px;}
.ContactDp2{ font-size:22px; color:#000;padding-bottom:10px;}
.ContactDp3{ line-height:28px;}
.ContactCimg{ margin:0 15px;}

.OtherLogo{ display:none; margin:0 7%; text-align:center;}
.OtherLogo img{ vertical-align:top;}
.OtherLogom{ padding-bottom:20px; overflow:hidden;zoom:1;}

.DdI{ position:absolute; bottom:60px; left:50%; margin-left:-5px; z-index:888; height:39px; display:none;}
.Ddico{animation:2s ease 0s normal none infinite running aarowMove;-webkit-animation:2s ease 0s normal none infinite running aarowMove;-moz-animation:2s ease 0s normal none infinite running aarowMove; background:url(../images/xiahua.png) left top no-repeat; width:10px; height:39px; position:absolute; left:0; top:0;}


@keyframes aarowMove {
0% {
    opacity: 1;
    top: 0;
}
35% {
    opacity: 0;
    top: 50%;
}
65% {
    opacity: 0;
    top: -50%;
}
100% {
    opacity: 1;
    top: 0;
}
}

.PubBoxBg3{opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);}
.Vr{height:75px;margin-left: 55px;}

.Vr img{ vertical-align:top;}
.Vr:hover{ background:url(../images/vr2.jpg) 30px 20px no-repeat;}
.Vr:hover img{ display:none;}

.NewBanner{ background-position:center center;}

.banner-img{ width:100%; vertical-align:top;}
.PubBanner{ height:655px;}
.BannerContact{ padding-bottom:0; }
.PageNavCase{ display:none;}

.CaseBannerH2{ width:90%; max-width:100%;}
.PageNav{ width:auto;}


/*右浮动*/

.float-right-box {
	width: 385px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #191919;
	z-index: 1000;
	transition: width 0.3s ease 0s;
	overflow: hidden;
}

.floaton {
	width: 60px;
}

.float-right-box .top-list {
	width: 100%;
}

.float-right-box .top-list ul {
	width: 100%;
}

.float-right-box .top-list li {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #3b3b3b;
	transition: background 0.3s ease 0s;
	height: 61px;
}

.float-right-box .top-list a {
	display: block;
	width: 100%;
	height: 61px;
	vertical-align:top;
}

.float-right-box .top-list .ico {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: 2;
}

.float-right-box .top-list .ico1 {
	background: url(../images/ico_58.png) no-repeat center #191919;
}

.float-right-box .top-list .ico2 {
	background: url(../images/ico_59.png) no-repeat center #191919;
	background-size: 20px 20px;
}

.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #191919;
	background-size: 20px 20px;
}

.stt {
	display: inline-block;
	line-height: 61px;
	color: #fff;
	transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	position: absolute;
	top: 0;
	left: 430px;
	z-index: 1;
	width: 110px;
	text-align: right;
}

.stt1,
.stt2 {
	text-align: left;
	width: 300px;
	left: 20px;
}

.stt2 {
}

.stt3 {
	top: 12px;
}

.stt4 {
	top: -12px;
}

.float-right-box .top-list li:hover .stt {
	color: #15191e;
}

.float-right-box .top-list li:hover .ico1 {
	background: url(../images/ico_58_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico2 {
	background: url(../images/ico_59_h.png) no-repeat center #fff;
	background-size: 20px 20px;
}

.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60_h.png) no-repeat center #fff;
	background-size: 20px 20px;
}

.float-right-box .top-list li:hover {
	background-color: #fff;
}

.float-right-box .top-list .return-webtop .stt {
	font-weight: bold;
}

.float-right-box .bot-share {
	position: relative;
	height: 60px;
}

.float-right-box .bot-share a {
	display: inline-block;
	width: 60px;
	height: 60px;
	float: left;
	transition: background 0.3s ease 0s;
	-webkit-transition: background 0.3s ease 0s;
	-moz-transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}

.float-right-box .bot-share .share {
	width: 240px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


.sina {
	background: url(../images/ico_63.png) no-repeat center !important;
}
.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}


.tx {
	background: url(../images/ico_65.png) no-repeat center !important;
}

.qzone {
	background: url(../images/ico_66.png) no-repeat center !important;
	background-size: 20px 20px !important;
}
.float-right-box .bot-share a:hover {
	background-color: #525354 !important;
}

.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #191919;
	width: 60px;
	height: 60px;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	position: relative;
}

#bdshare_weixin_qrcode_dialog {
	height: 310px !important;
}

.touming {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);
	-webkit-transition: all ease-out 0.4s;
	-moz-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;	
}

.touming1{
	opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);
}
.touming2{
	z-index: 1001;
}

.to-1 {
	-webkit-transition: all ease-out 0.4s;
	-moz-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
	width: 700px;
	height: 420px;
	background: rgba(0, 0, 0, .8);
	margin:auto;
	position: absolute;	
	left:50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -210px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	transform:translateY(-50px);
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
}

.touming2 .to-1{transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);}
#qrcode {
	padding: 8px;
	background: white;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-top: 80px;
}

.to-1 p {
	text-align: center;
	color: white;
	margin-top: 15px;
}
.to-1 a{
	display: block;
	width: 90px;
	height: 80px !important;
	color: white;
	text-decoration: none;
	margin: 10px 37px !important;
	text-align: center;
	position: relative;
}
.to-1 a:hover{
	color: whitesmoke !important;
}
.to-1 span{
	position: absolute;
	top: 110%;
	width: 100%;
	left: 0;
	
}
.guan {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	cursor: pointer;
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-transition: all ease-out 0.5s;
	-moz-transition: all ease-out 0.5s;
	transition: all ease-out 0.5s;
}
.guan:hover{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity:1;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}
.ch{
	width: 35px;
	float: right;
	margin-top: 50px;
	margin-right: 210px;
}
.stt1,.stt2,.stt3,.stt4{ font-size:14px;}
.vama{ display:inline-block; width:70px;}
.Gotop{ width:60px; height:60px; cursor:pointer; }

.bdsharebuttonboxA{ text-align:center; padding-top:20px;}
.bdsharebuttonboxA a.sina,.bdsharebuttonboxA a.tx,.bdsharebuttonboxA a.qzone{ float:none !important; display:inline-block !important; width:70px; padding:0; padding-top:55px; margin:0 !important; height:auto !important;}

.PageBannerDesc{ position:relative;}
.CaseShareA{ position:relative; left:-10px; bottom:auto; right:auto; opacity:1;-webkit-opacity:1;-moz-opacity:1;}

.BannerContact{ height:655px;}
.BannerContact1{background: url(../images/bj4.jpg) no-repeat center center;}

.iphone {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, .2);
	display: none;
}


.iphone form {
	display: inline-block;
	width: 400px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 250px;
	background: white;
	border-radius: 5px;
}

.iphone .f-tip {
	display: none;
	position: absolute;
	top: 0;
	right: 103%;
	width: 300px;
	background: #FFECBF;
	padding: 15px 30px;
	font-size: 12px;
}

.iphone .f-tip span {
	color: #C60;
}
.iphone .f-tip-right{
	position: absolute;
	left: 100%;
	top: 60%;
	width: 0;
	height: 0;
	border:10px solid transparent;
	border-left:10px solid #FFECBF ;
}
.iphone form input {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: rgb(127, 127, 127);
	border: none;
}

.iphone h1 {
	font-size: 36px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.iphone .number {
	border-bottom: 1px solid red;
	margin-bottom: 30px;
	font-size: 16px;
	padding-bottom: 3px;
}

.iphone .submit {
	background: red;
	color: white;
	font-size: 22px;
	line-height: 33px;
	border-radius: 5px;
}

.iphone .cuo {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.nav-bar-list-item {
	height: 100%;
	position: relative;
	float: left;
	margin-left: 0.4rem;
}

.nav-bar-list-item>a {
	display: block;
	position: relative;
	height:100%;
	color: #757575;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nav-bar-list-item>a:hover {
	color: black;
}

.nav-dropdown-inner {
	position: relative;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.nav-dropdown-wrap {
	width: 20rem;
	padding-left: 0.4rem;
	background: white;
	position: absolute;
	left: 4rem;
	-webkit-transform: translateX(-50%) translateY(0.2rem);
	-ms-transform: translateX(-50%) translateY(0.2rem);
	transform: translateX(-50%) translateY(0.2rem);
	overflow: hidden;
	z-index: 3;
	max-height: 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	opacity: 1;
	-webkit-transition: 250ms max-height ease-out, 250ms opacity linear, 250ms -webkit-transform ease-out;
	transition: 250ms max-height ease-out, 250ms opacity linear, 250ms -webkit-transform ease-out;
	transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
	transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear, 250ms -webkit-transform ease-out;
}

.nav-dropdown-inner:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	background-color: #e8e8e8;
	content: "";
	margin-left: 20px;
	display: none;
}

.nav-dropdown-inner .nav-dropdown-list .nav-dropdown-list-item {
	height: 40px;
	line-height: 40px;
	float: none;
	padding-top: 0;
}


.bg{ background: #000; color: #ffffff;}

.nav-dropdown-wrap .nav-dropdown{top:0px;}

.nav-dropdown-list-item a {
	display: block;
	height: 100%;
	color: #757575;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 14px;
}

.nav-dropdown-list-item a:hover {
	color: black;
}

.nav-dropdown-indicator {
	position: absolute;
	top: 0.7rem;
	left: 20px;
	height: 25px;
	width: 1px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #0099cc;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-top: 24px;
	margin-bottom: 5px;
	display: none;
}

.nav-item-circle {
	position: absolute;
	top: auto;
	bottom: 0.22rem;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-0.1rem);
	-ms-transform: translateX(-50%) translateY(-0.1rem);
	transform: translateX(-50%) translateY(-0.1rem);
}

.nav-item-circle {
	height: 5px;
	width: 5px;
	background-color: #0099cc;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: 150ms opacity ease-out, 150ms -webkit-transform ease-out;
	transition: 150ms opacity ease-out, 150ms -webkit-transform ease-out;
	transition: 150ms opacity ease-out, 150ms transform ease-out;
	transition: 150ms opacity ease-out, 150ms transform ease-out, 150ms -webkit-transform ease-out;
}

.nav-bar-list-item a:hover .nav-item-circle {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(5px);
	-ms-transform: translateX(-50%) translateY(5px);
	transform: translateX(-50%) translateY(5px);
}

.nav-bar-list-item:hover .nav-dropdown-wrap {
	opacity: 1;
	max-height: 100rem;
	-webkit-transform: translateX(-50%) translateY(0);
	-ms-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}
.p_title,.rightmeaus {display: none;}

.Logo2gif{ display:none;}

.col h3{font-size:18px;}
.col h4{font-size:12px;}

.OtherYw{ color:#fff; background:#151515;}
.OtherYw img{ vertical-align:middle;}
.OtherYwL{ float:left;}
.OtherYwL2{ padding:0 15px;}
.vd{ height:18px;}
.vs1{ height:30px;}
.jg{ height:40px;}
.OtherYwL1{ font-size:16px; line-height:22px;}

.k_body{background: #C3C3C3;margin: -10px 0;}
.k_app{width: 1200px;margin: 0 auto;}
.k_app div{margin: 10px 0;}



/*2017/7/18*/
.Part1 .swiper-wrapper .w1000{max-width: 1903px;}
.Part1 .swiper-wrapper .w1000 .P_content{width: 80%;margin: 0 auto;}
.Part1 .swiper-wrapper .w1000 .P_content .PartTit{margin-bottom: 20px;}
.Part1 .swiper-wrapper .w1000 .PartImg{padding-top: 0;}
.Part1 .swiper-wrapper .w1000 .PartImg img{width: 80%;}
.Part1 .swiper-wrapper .w1000 .Part_bottom img{width: 60%;}
.swiper-wrapper .swiper-slide{
	width: 100%;
}
.PartImg .Part_top .Part_left{
	width: 40%;
	float: left;
	text-align: left;
}
.PartImg .Part_top .Part_right{
	width: 60%;
	float: right;
}
.PartImg .Part_top .Part_right li{
	border-radius: 3px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 45%;
	height: 80px;
	background: #fff;
	margin: 0 10px 10px 10px;
	position: relative;
}
.PartImg .Part_top .Part_right li div{
	width: 80%;
	text-align: left;
	position: absolute;
	top: 21px;
	left: 80px;
}

.PartImg .Part_top .Part_right i{
	display: inline-block;
	width: 14%;
	height: 40px;
	position: absolute;
	top: 25px;
	left: 15px;
}
.PartImg .Part_top .Part_right i img{
	width: 100%;
}
.Part_bottom img{width: 50%;}
.w1000 .Part2L	.Part2LCompany{margin-top: 30px;}
.w1000 .Part2L	.Part2LCompany p{font-size: 12px;}

.p_img{margin-top: 20px;}
/*2017/7/20*/
.a_content{width: 100%;}
.a_content>div{margin-bottom: -6px;}
.a_content img{width: 100%;margin: auto;}
.a_content1{display: none;}



@media(max-width:414px) {
	.iphone form {width: 90%;}
	.iphone h1{font-size: 20px;}	
}
@media(max-width:768px) {
	.col{display: none;}
	div.nav-dropdown-wrap{display: none !important;}
	.iphone .f-tip{display: none;visibility: hidden;}
	.ServiseMp1 a, .ServiseMp2 a {  width: 198px;  padding: 5px 10px;}
	.PageNav ul>li{line-height: 40px;font-size: 14px;}
	.n1 ul.p_title{ margin-top: 0;display: none;}
	.n1 ul.p_title li{line-height: 30px;}
	.n1 ul.p_title li a,.n2 ul.p_title li a{font-size: 12px;color: #A8A8AF;}
	.n1 a{position: relative;}
	.PageNav .n1 img,.PageNav .n2 img{display: block; position: absolute;right: 80px;top: 15px;width: 6%;}
	.nav-item-circle{display: none;}
}
@media screen and (max-width: 1700px){
	.ServiseMp2 a{
		margin: 5px 0;
		width: 98px;
	}
	.t_main .cr_top .cr_right{
		margin-left: 30px;
	}
	
	.PubBanner{ height:auto;}
}
@media screen and (max-width: 1400px) {
	.TopPage  .w1001{ width:90%;}
	.HomeTopOn .w1001{ width:100%;}
	.ServiseMp1{margin-top: 0;}
	.ServiseMp2 a{width: 16%;}
	.t_main .cr_top .cr_right{  margin-left: 0; }
	.t_main .all_top .t_right img{width:90%;}
	.t_main .row .cr_bottom{padding: 30px;}
	.t_main{width: 90%;}
	.ServiseMpSite1{margin-top: 239px;}
	.ServiseMp2{  padding: 30px 0 30px 90px;}
	.BannerContact{height: 490px;}
	
}
.n1 .nav-dropdown-wrap{
	width: 40rem; 
}
.n1 .nav-dropdown-wrap .nav-dropdown-list-item{
	float: left;
	width:-webkit-calc(50% - 40px); 
	width:-moz-calc(50% - 40px); 
	width:calc(50% - 40px);
}

@media screen and (max-width: 1100px) {
	.TopPage  .w1001{ width:98%;}
	.HomeTopOn .w1001{ width:100%;}
	.t_main .cr_top .cr_right{margin-left: 10px;}
	.t_main .row .cr_left{padding: 50px 50px 20px 20px}
	.CaseBanner .w_banner_top p{letter-spacing: 4rem;}
	.k_body img{width: 100%;}
	.k_app img{width: 100%;}
	.k_app{width: 95%;margin: 0 auto;}
	
}

@media screen and (max-width: 1100px) {
	.col,.Vr{display: none;}
	.PubBanner{ min-height:inherit;}
	.banner-img{display: none !important;}
	.DdI{ display:block; bottom:20px;}
	.OtherLogo{ display:block; padding-top:80px;}
	.LogoPage,.meau{ position:relative; z-index:99999;}
	.PageNav{background: rgba(0, 0, 0, 0.8); z-index:88888;overflow: hidden;position: absolute;right: 0;top: 0;width: 100%;transition:all 0.5s ease-in-out  0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;}
	.PageNav ul{ overflow:hidden;zoom:1; margin-top:50px;}
	.PageNav li{ float:left; width:100%; text-align:center; margin:0; padding:0; }
	.PageNav li a{ font-weight:bold; font-size:16px; color:#fff; letter-spacing:2px;}
	.PageNav li a,.PageNav li a:hover,.TopPageOn .PageNav a{ color:#fff;}
	.PageNav{transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);}
	
	
	.PageNavOn{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}

	.PageNav .n5{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-1200px);-webkit-transform: translateY(-1200px);-moz-transform: translateY(-1200px);transition: all 0.6s ease-in-out 0.49s;-webkit-transition: all 0.6s ease-in-out 0.49s;-moz-transition: all 0.6s ease-in-out 0.49s;}
	.PageNav .n4{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-1000px);-webkit-transform: translateY(-1000px);-moz-transform: translateY(-1000px);transition: all 0.6s ease-in-out 0.42s;-webkit-transition: all 0.6s ease-in-out 0.42s;-moz-transition: all 0.4s ease-in-out 0.42s;}
	.PageNav .n3{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-800px);-webkit-transform: translateY(-800px);-moz-transform: translateY(-800px);transition: all 0.6s ease-in-out 0.35s;-webkit-transition: all 0.6s ease-in-out 0.35s;-moz-transition: all 0.6s ease-in-out 0.35s;}
	.PageNav .n2{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-600px);-webkit-transform: translateY(-600px);-moz-transform: translateY(-600px);transition: all 0.6s ease-in-out 0.28s;-webkit-transition: all 0.6s ease-in-out 0.28s;-moz-transition: all 0.6s ease-in-out 0.28s;}
	.PageNav .n1{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-400px);-webkit-transform: translateY(-400px);-moz-transform: translateY(-400px);transition: all 0.6s ease-in-out 0.21s;-webkit-transition: all 0.6s ease-in-out 0.21s;-moz-transition: all 0.6s ease-in-out 0.21s;}
	.PageNav .n0{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);transition: all 0.6s ease-in-out 0.14s;-webkit-transition: all 0.6s ease-in-out 0.14s;-moz-transition: all 0.6s ease-in-out 0.14s;}

	.PageNavOn li.n0,.PageNavOn li.n1,.PageNavOn li.n2,.PageNavOn li.n3,.PageNavOn li.n4,.PageNavOn li.n5{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);opacity:1;-webkit-opacity:1;-moz-opacity:1;}



	.LogoPage img{ height:28px;}
	.LogoPage{ margin-left:0; width:132px; overflow:hidden;zoom:1; padding-top:10px; }
	.meau{ display:block;}
	.TopPage{padding-bottom:10px;}
	.TopPageOn a{ }
	.TopPageOn .meau span{ background:#b5b6b6;}
	
	.HomeTop,.HomeTop .w1001{ width:100%;}
	.HomeTop .w1001{ margin:0;}
	.Vr{ display:none;}
	.HomeTop .meau{ margin-top:14px;}
	.HomeTop .meau span{background:#b5b6b6 ;}
	.HomeTop .LogoPage img{ height:45px;}
	.HomeTop .LogoPage{ height:auto; margin-top:-8px;}
	.HomeTop .LogoPage{ padding-left:10px;}
	.HomeTop .w1001{ box-sizing:border-box; padding-left:7%;padding-right:7%; padding-bottom:0;}
	.HomeTop .PageNav li{ padding-top:0;}
	.HomeTop .PageNav li a{ color:#fff;}
	
	.LogoPage{ z-index:8888;}
	
	.CaseBanner{}
	.CBp1{ font-size:25px; letter-spacing:2px; padding-bottom:35px;}
	.CBp1 i{ width:30px; height:1px;}
	.CBp2{ font-size:15px; letter-spacing:1px; padding-top:20px;}
	.CBp3{ width:140px; overflow:hidden;zoom:1; padding-top:10px;}
	.CBp3 a{ margin:0; margin-top:15px;}
	
	.w1000,.Part2LTeam ul,.Part2R,.PartImg img,.AboutCM,.ContactDM{ width:100%;}
	.Part1,.Part2,.Part4,.OtherCase,.PageBannerImg,.PageBannerDesc,.TopPage,.sdsds,.Five,.AboutCM,.Custer,.ContactDM{ box-sizing:border-box; padding-left:5%; padding-right:5%;}
	.sdsds{ width:100%; padding:0; padding-left:10px; padding-right:10px;}
	.PageBannerImg1{padding-left: 0;}

	.Servise{ margin-top:20px; padding:0;}
	
	
	.HomeTop{ padding-left:0; padding-right:0; padding-bottom:0;}
	.Servise .container-fluid{ padding:0;}
	.ServiseMp1{ font-size:18px;padding: 0;}
	.ServiseMp2{ font-size:14px;padding: 0;}
	.ServiseMp1 a,.ServiseMp2 a{  margin: 10px 0;}
	.ServiseM{ padding:25px 30px; height:auto;}
	.Smb0{ background:#0099cc; text-align:left;}
	.ServiseMp0{ position:relative; top:0; height:auto; line-height:inherit;}
	.ServiseMp0 span{ padding:0; float:left; font-size:30px;} 
	.Smbi { display:none;}

	.Case ,.Case .container-fluid{ padding:0;}
	.CaseMore,.CaseBg{ display:none;}
	.Servise{ margin-top:0;}
	.CaseTxt{ position:relative; top:0; color:#000;padding:20px; background:#fff;}
	.CaseCn,.CaseEn{ padding:0;}
	.CasseImgTs{ display:none;}
	
	.Case,.Servise,.Conatct{ padding-left:3%; padding-right:3%;}
	
	
	.CaseImg,.Servise,.Conatct{ margin:0; margin-top:30px;}
	
	.Conatct{ margin-bottom:30px;}
	.Conatct .container-fluid{ background:#fff; padding:0; margin:0; padding:20px;}
	.ConatctP0{ padding:50px 0;}
	.ConatctA, .ConatctB, .ConatctC{ display:block; padding-bottom:30px;}
	.Conatctpta{ padding-top:0;}
	.ConatctP1, .ConatctP2, .ConatctP3{ text-align:center; padding-left:0;}
	.ConatctP2 div{ float:none; padding:0;}
	.ConatctA, .ConatctB, .ConatctC{ padding:0; background-position: center top ; padding-top:40px; padding-bottom:30px;}
	.Msg,.Footer2{ display:none;}
	
	.Part1,.Part2,.Part4,.Part4R{ padding-top:40px; padding-bottom:40px;}
	.Part4R{ padding-bottom:0;}
	
	.Part2L{ padding-top:0; width:100%;}
	
	.PartImg{ padding-top:60px; padding-bottom:20px;}
	.Part2LTeam{ padding:35px 0;}
	.Part2LTeamM{ width:25%; padding:0; text-align:center; }
	.Part2LTeamM img{ width:30px;}
	
	.Part2LDesc{ font-size:16px; line-height:22px;}
	
	.ScrollBottom{ bottom:20px; background-size:8px 32px; height:32px; font-size:12px; padding-left:25px;}
	
	.Part3 .PartTit,.Part3P2,.Part3P3,.Part5Ap1,.OtherPic,.Part5APa,.Part6,.footer,.Copy a,.Pdp2,.Pdp3{ display:none;}
	.Pdp3{ display:inline-block;margin-top: 20px;}
	.Part3P{ padding:50px 0;}
	.Part3P1{ font-size:14px; line-height:22px; padding:0 7%; padding-bottom:30px; width:100%; box-sizing:border-box;}
	
	.Part4P2{ padding-top:40px;}
	
	.Part4R img{ width:100%;}
	
	.Part5APa{ width:100%;}
	.Part5Ap2{ background:none; padding:0; font-size:16px; display:block; width:100%; text-align:center; margin:0;}
	
	.OtherCase{ padding-top:0; padding-bottom:0;}
	.OtherCase p{ padding-top:20px; padding-bottom:0;}
	
	.Copy{ padding:10px; box-sizing:border-box;}
	
	.PageBannerImg,.PageBannerDesc{ margin:0; padding:0; width:100%; padding-left:50px; padding-right:50px; text-align:center;}
	.PageBannerImg img{ width:100px;}
	.Pdp1{ font-size:18px; padding:0 20px; padding-top:30px;}
	
	.Pdp4{ padding-top:5px;}
	.Pdp4 i{ left:50%; margin-left:-10px;}
	
	.ScrollBottom{ left:5%;}
	
	.FiveM,.FiveUL{ width:100%;}
	.Five{ padding-top:45px; padding-bottom:45px;}
	.FiveM{ padding-bottom:30px;}
	
	.AboutB{ height:250px;}
	
	.AboutCMp1{ width:auto; height:auto; font-size:18px;}
	.AboutCMp1_1{ font-size:24px;}
	.AboutCMmore{ display:none;}
	.AboutCMp1{ padding:40px; top:-100px;}
	
	.AboutCMp2{ position:relative; padding:0; left:0; top:0; bottom:0; margin-top:-100px; padding:35px 20px;}
	
	.AboutD{ margin-top:0;}
	.AboutD{ padding-top:45px; padding-bottom:45px;}
	
	.AboutDMTxta,.AboutDSub,.AboutDI .AboutDMTxta{ padding:35px 20px; font-size:15px;}
	
	.AboutEM{ margin-top:25px;}
	
	.AboutDSub a{ width:100%; padding:0;}
	.AboutDG{ padding-bottom:0;}
	.AboutDH{ padding:0;}
	.AboutDHM{ padding:0;}
	.AboutDHM{}
	.AboutDOther{ padding-bottom:25px;}
	.AboutDJML,.AboutDJMR{ padding:0;}
	
	.CusterSlider{ width:100%;}
	.Custer{ padding-top:45px; padding-bottom:45px;}
	
	.AboutA{ font-size:22px; bottom:15px;}
	.ContactDp1{ font-size:22px; }
	.ContactDp2{ font-size:18px; padding-top:15px;}
	
	.new-img{ width:100%;}
	.new-zi{ margin:0; padding:25px; width:100%; float:left; box-sizing:border-box;}
	
	.NewsOther{ margin:0; margin-top:40px; padding:25px;}
	.Pages{ padding:40px 0;}
	
	
	
	.Contactp1, .Contactp2, .Contactp3{ font-size:18px;}
	.Contactp2{ font-size:22px;}
	.ContactCimg1,.ContactCimg2{ display:none;}
	.ContactCp1{ font-size:22px;}
	.ContactC,.ContactD{ padding:80px 0;}
	
	.ContactD .fr{ float:left;}
	
	.PubBanner{ height:250px !important;}
	.NewsTitL{ display:none;}
	.NewsTit{ margin-top:-50px;}
	.NewsTitR{ margin:0; padding:0;}
	.NewsTitR a,.NewsTitR a:hover{ margin:0; padding:0; width:33.33%; line-height:50px; height:50px; float:left; text-align:center;border-radius:0;color:#000; background:#fff;}
	.NewsTitR a.on{ background:#ff0000; color:#fff;}
	.News{ margin-top:0;}
	
	.OtherLogom1 img{ height:26px; vertical-align:middle;}
	.OtherLogom2 img{ height:11px; vertical-align:middle;}
	.OtherLogom3 img{ height:18px; vertical-align:middle;}
	
	.Conatct2{ margin-top:0; margin-bottom:0;}
	.PageNav li{ line-height:50px;}
	
	.OtherLogo{ padding-top:25px;}
	
	.Contactp1, .Contactp2, .Contactp3{ font-size:12px;}
	.Contactp2{ font-size:18px;}
	.DdI,.CBp3{ display:none;}
	.CBp1{ padding-bottom:15px; font-size:22px;}
	.CBp2{ padding-top:10px;}
	.CaseBannertxt{ margin-top:30px;}
	.PageBannerImg img{ display:none;}
	.Pdp4{ margin-top:25px;}
	
	.OtherLogom{ float:left; width:33.33%; text-align:center; overflow:hidden;zoom:1; padding-top:30px;}
	.NewsTit{ display:none;}
	.PageNavCase{ display:block;}
	.banner-img,.BackHome{ display:none;}
	.BannerContact,.NewBanner { margin-top:48px;height: 320px;}
	.BannerContact  .banner-img,.NewBanner .banner-img{ display:block;}
	.Videos,.ScrollBottom{ display:none;}
	.NewBanner{ height:auto;}
	
	.CaseBannertxt{ padding-bottom:20px; margin:0;}
	.Msg{ display:block;}
	.Msgotxt, .Msgotext{ width:100%; box-sizing:border-box; margin:0; display:block; height:36px; line-height:36px; margin-top:15px;}
	.MsgTjan{ padding-bottom:30px;}
	.MsgTjan a{ display:block; padding:0; width:100%; text-align:center;}
	.Msgotext{ height:108px;}
	.footer_img{ display:none;}
	.ContactCimg1{ display:inline-block;}
	.float-right-box{ display:none;}
	.modal-1 {
		margin: -200px 0 0 -145px;
		width: 290px;
		height: 320px;
	}
	.modal_foot {
		padding: 10px 10px;
	}
	
	.CaseShare{display: none;}

	.t_main .row .col-md-6{width: 100%;margin-top: 30px;}
	.t_main .row{margin-top: 0;}
	.CaseBanner .w_banner_top p{letter-spacing: 2rem;}
	.CaseBanner .w_banner_top p.w_new{padding-top: 0;}
	.t_main .all_top .t_right img{margin-top: 15%;}

	.n2>ul{
		margin-top: 0;
	}

	.ServiseMpSite1{margin-top: 0;}
	.ServiseMp0{margin-top: 0;position: fixed;}
	.ServiseMp0 span{font-size: 20px;padding: 10px 25px;}
	.row .ServiseMp2{padding: 10px 25px;}
	.Case{margin-top: 0;}



	
	
	.rightmeaus{ left:auto; right:0;}

.Warp{ position:relative; left:0; z-index:88; width:100%;}
.rightmeaush5,.rightmeaustop,.rightmeausdl a,.rightmeauslist .a{padding:0 25px;}
.rightmeaus a,rightmeaus a:hover,.rightmeaus{ color:#ffffff;}
.rightmeausdl,.rightmeaus,.Warp,.N,.Nav-fxied,.TopPage{transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;-webkit-transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;-moz-transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;}
/*.rightmeausdl,.rightmeaus{transform: translateX(300px);-webkit-transform: translateX(300px);-moz-transform: translateX(300px);}
.rightmeausdlOn,.rightmeausOn{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);}*/


.rightmeaus{ position:fixed; right:0; top:0; z-index:99999;width:300px; background:#010101; height:100%;}
.rightmeauslist,.rightmeaustop{ line-height:60px; background:#000;}
.rightmeaustop{ background:#000; color:#000; }
.rightmeauslist{ position:relative;}
.rightmeausdl{ position:absolute; left:0; top:0;background:#000; }
.rightmeauslist li,.rightmeauslist dd{ border-bottom:1px solid #aaa;}
.rightmeauslist li.WS{border-bottom: none;margin-top: 130px;margin-left: 15px; }
.rightmeauslist li.WS img{width:60%;}
.rightmeauslist li.WS  .rt{width: 15%;}
.rightmeausdl{ width:100%;}
.rightmeauslist .a{ display:block; }
.rightmeaustop,.rightmeauslist .a{cursor:pointer;}
.library-icon-web-font .icon-right{margin-top:25px;font-weight:bold;float:right; }
.library-icon-web-font .icon-right{ color:#2bb0e9;  }
.ico-close{ background:url(../images/close-btn-icon-small_02.png) left top no-repeat; width:14px; margin-top:24px; float:right; height:14px;}
.rightmeaush5{ background:#ccc;}
.rightmeauslist .a:hover,.rightmeausdl a:hover{ background:rgba(60,60,60,0.5);}
.rightmeausdl a{ display:block;}
.rightmeaush5{ cursor:pointer;}



.rightmeaus{ width:250px;}
.rightmeaustop{ line-height:55px;}
.rightmeauslist{ line-height:50px;}
.library-icon-web-font .icon-right{ margin-top:18px; font-size:13px;}
.rightmeaush5, .rightmeaustop, .rightmeausdl a, .rightmeauslist .a{ padding:0 15px;}
.Zzbg{ z-index:888; background:none; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;top:55px; left:-100%;}
.ZzbgOn{opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;left:0;}
.Zzbg{transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;-webkit-transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;-moz-transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;}

.rightmeausdl,.rightmeaus{right:-250px; left:auto;height: 100vh;}
.rightmeausdlOn,.rightmeausOn{right:0;}
.WarpOn{left:-250px; position:fixed;}
.WarpOn .TopPage{ left:-250px; }
.HomeTop .w1001{ padding:0 10px;}
.HomeTop .LogoPage{ padding-left:0; margin-left:-15px;padding-right: 20px;}
.meau{ margin-right:0;}
.meau span{ left:0;}
.meau .m3{ width:70%;}
.meauon .m3,.meau:hover .m3{ width:100%;}
.meau:hover .m2{ width:60%;}
.library-icon-web-font .icon-right{color:#fff;}

.rightmeaus { display:block;}
/*.HomeTop .w1001{ background:rgba(0,0,0,0.5);}
.Logo2gif{ display:block;}
.Logogif{ display:none;}
.HomeTop .LogoPage .Logogif{ height:50px;}
*/
}

@media screen and (max-width: 768px){
	.all_bottom,.cr_bottom,.t_main .all_top .t_right{
		display: none;
	}
	.t_main .all_top{padding-bottom: 30px;}
	.t_main .all_top .t_left{padding: 15px 50px 5px 50px}
	.t_main .row .cr_left{padding: 15px 50px 5px 50px}
	.t_main .all_top .t_left,.t_main .all_top .t_middle{width: 100%;}
	.t_main .all_top .t_middle{margin-top: 0;}
	.t_main .all_top .t_middle li{height: 25px;line-height: 25px;}
	.t_main .row .cr_left{width: 100%;}
	.t_main .cr_top .cr_right li{margin-left: 30px;}
	.t_main .row .col-md-6{padding-bottom: 30px;}
	.t_main .row .cr_right li{height: 25px;line-height: 25px;}
	.t_main .row .cr_left .t_h4{height: auto;}
	.CaseBanner .w_banner_top{font-size: 14px;}
	.CaseBanner .w_banner_top p{height: 25px;line-height: 25px;letter-spacing:1rem;}
	.PubBanner img{display: none;}
	.CaseBanner{ overflow:hidden;zoom:1;background: url(../images/ban_website2.jpg) no-repeat center center;background-size:cover ;}
	.rightmeauslist li:nth-child(4){display: none;}
}
@media  screen and (max-width: 1100px) {	
.PubBanner img{ width:100%;height: auto;}
}
@media  screen and (min-width: 768px) {
	.all_website:hover,.t_main .col-md-6:hover {
		box-shadow: 1px 5px 15px 2px rgba(0, 0, 0, 0.1);
		transition:0.3s;
	}
}
.all_website,.t_main .col-md-6{
	transition:0.3s;
}