@charset "gb2312";
html,body{height:100%; width: 100%; overflow-x: hidden;}
body{padding:90px 0 0; margin:0px auto; font-size:16px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","ËÎÌå",sans-serif; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#fff; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0074d6;}
*:hover{transition: all ease 0.3s;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1300px; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

@media ( max-width:1300px){
.Contain{padding:0 15px;}
body{ padding-top:46px; font-size:14px;}	
}
@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;line-height:24px;}	
}
.w1560{max-width: 1560px; min-width: 320px; margin: 0 auto;}
@media ( max-width:1560px){
	.w1560{margin: 0 5%;}
}
.f_red{ color:#e71f19;}
.f_green{ color:#17d63f;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;height: 152px;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
li:hover .Scale-img img,.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.pagemore{ width:130px; line-height:45px; border:1px solid #ddd; text-align:center; color:#333; margin:4% auto 0;}
.pagemore:hover{ background:#999; color:#fff; border:1px solid #999;}

@media ( max-width:768px){
	.Pages{ line-height:24px;}
	.Pages .total{padding:0 6px;}
	.Pages a{ margin:0 2px;}
	.Pages .p_page .num a{width:24px;font-size:14px;}
	.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 2px;}
	.Pages .input{ width:30px; height:24px; line-height:24px;}
	.Pages .btnok{ width:35px; height:26px;}
	.Pages .tz{ display:block; margin-top:5px;}
}

.Header{ background:#fff; height:90px; box-shadow:0 0 10px #ddd; position:fixed; left:0px; top:0px; width:100%; z-index:999;transition: all ease 0.3s;}
.Header .auto{ width:95%; margin:0px auto;}
.Header .Logo{float:left; padding-top:20px; width:20%; padding-right:2.2%;transition: all ease 0.3s;}
.Header .nav{ font-size:14px; line-height:90px; float:left; color:#009a61;transition: all ease 0.3s;}
.Header .nav span{ display:inline-block; vertical-align:top; margin-left:12px;}
.Header .nav a{color:#009a61; position:relative; display:inline-block;line-height:33px;}
.Header .nav a i{ opacity:0; background:#009a61; height:2px; font-size:0px; width:100%; position:absolute; bottom:0px; left:0px;}
.Header .nav a:hover i,.Header .nav a.on i{ opacity:1;}

.MainNav{ float:right;}
.MainNav li{float:left; position:relative; z-index:999; margin-left:30px;}
.MainNav li span{display: block; position: relative;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#333333; text-align:center; height:90px; line-height:90px; font-size:16px;transition: all ease 0.3s;}
.MainNav .line{ position:absolute; left:50%; bottom:29px; height:2px; background:#009a61; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#009a61;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; left:0;}
.MainNav .sj{ display:none;}

.NavPull{display:none; position:absolute; top:90px; text-align:center; left:-45px; background:#009a61; border-radius:0 0 10px 10px; width:150px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.NavPull dd a:hover{ background:#00b975;}
.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:12px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span{ display:block; height:3px; background:#C00000; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}
.Header.Fixedtop{ height:60px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo{ padding-top:6px;}
.Header.Fixedtop .nav{ line-height:60px;}
.Header.Fixedtop .MainNav .top{padding:6px 0 10px;}
.Header.Fixedtop .MainNav li span a{ line-height:60px;}
.Header.Fixedtop .NavPull{ top:60px;}
.HomeBody .Header{background: none; box-shadow: none;}
.HomeBody .Header .Logo,.HomeBody .Header .pc{position: relative; z-index: 10;}
.HomeBody .MainNav{position: fixed; left: -100%; top: 0px; float: none; width: 67%; height: 100%; z-index: 9; background-color: rgba(0,0,0,0.9); background-image: url(../images/greenbg.png); background-repeat: repeat-x; background-position: left bottom;}
.HomeBody .MainNav .mask{position: absolute; width: 33%; right: 0px; top: 0px; height: 100%; background-color: rgba(254,254,254,0.7); z-index: 1; display: none;}
.HomeBody .MainNav .sj{display: none;}
.HomeBody .MainNav .box{width: 86%; padding: 5% 0 0;}
.HomeBody .MainNav li{float: none; margin-bottom: 22px;}
.HomeBody .MainNav li span a{color: #fff; font-size: 24px; font-weight: bold; text-align: right; height: 45px; line-height: 45px;}
.HomeBody .MainNav li:hover span .line,.HomeBody .MainNav li.onnav span .line,.HomeBody .MainNav li span a.sele .line{width: 190px; height: 20px; bottom: 0px; right: 0px; left: auto; background: #1dd17e;}
.HomeBody .share{display: block;}
.share dl{text-align: right;}
.share dl dd{display: inline-block; text-align: center; margin-left: 6%;}
.share dl dd .icon{display: block; width: 36px; margin: 0 auto;}
.share dl dd .name{display: block; font-size: 16px; line-height: 30px; color: #fff; font-weight: bold;}
.HomeBody .flodbtn{display: block;}
.share{display: none;}
.navclose{position: absolute; top: 20px; right: -36%; width: 26px; z-index: 12;}
.navclose img{display: block;}
.flodbtn{display: none; float: right; width: 20px; height: 106px; margin-top: 18px; font-size: 20px; text-align: center; position: relative; font-weight: bold;}
.flodbtn a{color: #009a61;}
.flodbtn i{position: absolute; width: 3px; height: 40px; background: #009a61; left: 50%; margin-left: -1px; bottom: 0px;}
.active .a1{animation:fadeInUp 1s .4s ease both;-webkit-animation:fadeInUp 1s .4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.active .a2{animation:fadeInUp 1s .8s ease both;-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}
.active .a3{animation:fadeInUp 1s 1.2s ease both;-webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;}
.active .a4{animation:fadeInUp 1s 1.6s ease both;-webkit-animation:fadeInUp 1s 1.6s ease both;-moz-animation:fadeInUp 1s 1.6s ease both;}
.active .a5{animation:fadeInUp 1s 2s ease both;-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.active .a6{animation:fadeInUp 1s 2.4s ease both;-webkit-animation:fadeInUp 1s 2.4s ease both;-moz-animation:fadeInUp 1s 2.4s ease both;}
.active .a7{animation:fadeInRight 1s 2s ease both;-webkit-animation:fadeInRight 1s 2s ease both;-moz-animation:fadeInRight 1s 2s ease both;}

@media ( max-width:1439px){
	.MainNav li{margin-left:25px;}
}
@media ( max-width:1366px){
	.MainNav li{margin-left:18px;}
	.HomeBody .MainNav li{margin-bottom: 15px;}
}
@media ( max-width:1280px){
	.MainNav li{margin-left:10px;}
}
@media ( max-width:1200px){
	.Header .Logo{width:10%; padding-right:0%;}
	.MainNav li{margin-left:2px;}
}

@media ( max-width:998px){
	.HomeBody .Header,.Header{height:46px; padding:0; background: #fff; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
	.HomeBody .share,.HomeBody .flodbtn,.HomeBody .MainNav .mask{display: none;}
	.HomeBody .MainNav .sj{display: block;}
	.HomeBody .MainNav .box{padding: 0; width: 100%;}
	.Header .Logo{ padding:8px 20px 0 0; width:auto;}.Header .Logo img{ height:30px;}
	.Header .openbtn{ display:block;}
	.Header .nav{ display:none;}.Header .sj{ display:block; float:none; background:#eee; line-height:40px; padding-left:10px;}
	.MainNav .top{ background:#eee; padding:12px;}
	.HomeBody .MainNav,.MainNav{ position:fixed; z-index:999; width:100%; height: auto; padding:0; left:0;background: #5d5d5d;top:46px; display:none;}
	.MainNav ul{ margin-top:0px;}
	.HomeBody .MainNav li,.MainNav li{ position:relative; float:none; border-bottom:1px solid #707070;border-top:1px solid #3e3e3e; width:auto; margin:0 10px; background:none;}
	.MainNav li#nav1{ width:auto;}
	.HomeBody .MainNav li span a,.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#fff !important;}
	.MainNav li .line{ display:none;}
	.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
	.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:100%; left:0px; top:0px;}
	.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
	.MainNav li.onnav .arr img{transform: translate(0, -3px) rotate(-180deg) !important;}
	.NavPull { position:static; background:#333333; text-align:left; width:100%; border-radius:0;}
	.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #131313;}
	.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}

	.Header.Fixedtop{ height:46px;}
	.Header.Fixedtop .Logo{ padding-top:13px; width:300px;}
	.Header.Fixedtop .MainNav .top{padding:12px;}
	.Header.Fixedtop .MainNav li span a{height:40px; line-height:40px;}
}
#logo a {display: block;width: 100%;height: 100%;}
#logo a.indexLogo {background:url(../../UploadFiles/bj/logo.png) no-repeat center center;background-size: contain;}
.Footer{ background:#252525;padding:15px 0px 15px; color:#fff; line-height:26px;}
.Footer .auto{ width:95%; margin:0px auto;}
.Footer a{color:#fff;}
.Footer .Copyright{ float:left;}
.Footer .Copyright img{ display:inline-block; vertical-align:middle; margin:0 4px 0 15px;}
.Footer .Copyright p span{ display:inline-block;}
.Footer .foota{float:right;padding-right:20px;}
.Footer .Link{ float:right;}
.Footer .Link select{ width:200px; height:40px; color:#fff; font-size:16px; text-indent:1em; border-radius:4px;}
.Footer .Link select{-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none; background: #24a75e url(../images/selectarr.png) right center no-repeat;}
.Footer .Link select::-ms-expand { display: none; }

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{padding:10px 0; text-align:center;line-height: 22px;}
.Footer .Copyright{ float:none; line-height:20px; font-size:12px; padding-bottom:10px;}

.Footer .Link select{ font-size:14px;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
.Footer .zc{ display:none;}
}

.Banner{overflow:hidden; clear:both; position:relative;}
.Banner .item{ position:relative;}
.Banner .item .img{display: block !important; width: 100% !important; opacity: 1;height: 100vh !important;}
.Banner .item .mobile{display: none;}
.Banner .item .video{display: none; position: absolute; width: 120%; left: -10%; right: -10%; top: 0px; background: #000; text-align: center;}
.Banner .item .video video{width: 100%;}
.Banner .item .txt{ position:absolute; width:80%; left:10%; text-align:center; top:26%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.Banner .item a{ display:block;}
.Banner .item .txt img{ width:50%; display:inline-block;}
.Banner .active .item .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 9px; line-height: 9px;}
.Banner .owl-dots .owl-dot{width: 9px; height: 9px; margin: 0px 5px; background: transparent; border-radius: 50%;}
.Banner .owl-dots .owl-dot.active{background: transparent;}
.BannerOn .item .video{display: block;}
.mousebtn{position:absolute; width:18px; left:50%; bottom:5%; margin-left:-9px; z-index:99; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}

@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2}
}
@keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2;}
}

@media ( max-width:488px){
.Banner .item li .txt{ width:60%; left:20%; top:15%;}
.Banner .item .txt img{width: 94%;}
.Banner,.Banner .item .mobile{height: auto !important;}
}

.section{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.pt90{padding-top: 13%;}
.NewsBox li {padding-top: 16%;}
.HomeTit{font-size: 60px; line-height: 167px; color: #333; margin-top: -44px;}
.HomeTit.whitetxt{color: #fff; margin-top:-70px;text-align: center;}
.HomeAbout{width: 100%;}
.HomeAbout .info{font-size: 16px; line-height: 34px; color: rgba(254,254,254,0.7); max-height: 240px; overflow: hidden;margin-top: 2%;}
.HomeAbout dl{margin: 5% auto 1%; width: 75%;}
.HomeAbout dl dd{width:20%; float: left; margin-right: 5%; color: #fff; position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.HomeAbout dl dd .num {display: block;width: 55px;height: 55px;}
.HomeAbout dl dd .num1 {background: url(/images/tacn/page2-5icon.png) no-repeat;}
.HomeAbout dl dd .num2 {background: url(/images/tacn/page2-5icon.png) no-repeat;background-position: -113px 0px;}
.HomeAbout dl dd .num3 {background: url(/images/tacn/page2-5icon.png) no-repeat;background-position: -226px 0px;}
.HomeAbout dl dd .num4 {background: url(/images/tacn/page2-5icon.png) no-repeat;background-position: -339px 0px;}
.HomeAbout dl dd p{font-size: 16px; line-height: 30px;}

.HomeMore{display: block; width: 160px; line-height: 50px; background: #c00000; color: #fff; font-size: 16px; text-align: center; margin: 0 auto;}
.pic0 {display: flex;}
.HomeAboutRight {display: block;width: 40%;transform: translateY(-200px);}

.HomeProduct .box,.HomeProduct .bd ul{position: absolute; top: 0px; height: 100%; z-index: 1;}
.HomeProduct .box{width: 41.5%; right: 0px; background:rgba(0,0,0,.95);}
.HomeProduct .hd{width: 55%; padding: 25% 10% 0;}
.HomeProduct .hd ul{padding-top: 0%;}
.HomeProduct .hd li{line-height: 50px; margin-top: 17%;}
.HomeProduct .hd li .icon{display: inline-block; vertical-align: middle; position: relative; width: 55px; height: 50px;}
.HomeProduct .hd li .icon img{position: absolute; left: 16px; top: 0px;height:96%;}
.HomeProduct .hd li .icon .i1{transition: 400ms;}
.HomeProduct .hd li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.HomeProduct .hd li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.HomeProduct .hd li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.HomeProduct .hd li .name{padding-left: 30px; font-size: 24px; color: rgba(255,255,255,0.3); font-weight: bold;}
.HomeProduct .hd li.on .name{color: #C00000;}

.HomeProduct .bd ul:first-child {background-repeat: no-repeat; background-size: cover; width: 58.5%; left: 0px;background-image: url(../images/03indexbg.jpg);}
.HomeProduct .bd ul:last-child {background-repeat: no-repeat; background-size: cover; width: 58.5%; left: 0px;background-image: url(../images/03indexbg0.jpg);}
.HomeProduct .bd .maskbg{background-color: #1dd17e; background-image: url(../images/03_left_.jpg); background-repeat: no-repeat; background-position: center bottom; width: 480px; height: 560px; position: absolute; top: 50%; margin-top: -280px; right: 0px;}
.HomeProduct .bd .maskbg .con{padding: 20% 10% 0; color: #fff;}
.HomeProduct .bd .maskbg .con .sign{font-size: 20px; line-height: 27px; background: url(../images/s/sign.png) no-repeat right center; margin-bottom: 14%; display: none;}
.HomeProduct .bd .maskbg .con .title .name{display: block; font-size: 28px; color: #fff; line-height: 36px; font-weight: bold; margin-bottom: 14%;}
.HomeProduct .bd .maskbg .con .title i{display: none; width: 14px; height: 4px; background: #fff;}
.HomeProduct .bd .maskbg .con .info{margin: 70px 0px 5% 15%; font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; color: rgba(255,255,255,0.9);}
.HomeProduct .bd .maskbg .con .more{text-align: right; display: block;}
.HomeProduct .bd .maskbg .con .num{position: absolute; left: 10%; bottom: 12%; width: 150px;height: 100px;background: url(../images/page2-5icon.png) no-repeat;background-position: 0 -457px;line-height: 100px; font-family: "Sunya"; color: #fff;}

.HomeProduct .hd li:nth-child(2) .icon img {left: 9px;top: -4px;}


.HomeProduct .prev,.HomeProduct .next{position: absolute; display: none; width: 140px; height: 110px; bottom: 0px; z-index: 2; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center;}
.HomeProduct .prev{background-image: url(../images/left.png); left: 0px;}
.HomeProduct .next{background-image: url(../images/right.png); left: 140px;}
.HomeProduct .prev:hover,.HomeProduct .next:hover{background-color: #C00000;}

.HomeLeft{width: 32%; margin-top: 5%; float: left;}
.HomeLeft .hd{line-height: 30px; font-size: 18px; color: #666666;}
.HomeLeft .hd a{display: inline-block; color: #000; padding: 0px 2px; position: relative; z-index: 2;}
.HomeLeft .hd span{position: relative; z-index: 2;}
.HomeLeft .hd em{position: absolute; left: 0px; bottom: -10px; width: 0%; height: 6px; background: #C00000; z-index: 0; transition: all ease 0.3s;}
.HomeLeft .hd a:hover{color: #333; font-weight: bold;}
.HomeLeft .hd a:hover em{width: 100%; transition: all ease 0.3s;}
.HomeLeft .info{font-size: 16px; line-height: 26px; color: #535353; height: 52px; overflow: hidden; margin: 8% 0 20%;}

.NewsBox{width: 58%; position: absolute; top: 0; right: 5%; height: 100%; background-color: #fff; opacity: 0.9;}
.NewsBox li{transition: all ease 0.3s; width: 33.3333%; position: absolute; top: 0px; height: 100%;border-right: 1px solid rgba(0,0,0,.12);}
.NewsBox li:nth-of-type(1) {left: 0;}
.NewsBox li:nth-of-type(2) {left: 33.3333%;}
.NewsBox li:nth-of-type(3) {left: 66.6666%;}
.NewsBox li a{display: block; padding:5% 10%;}
.NewsBox li .date{font-size: 24px; color: #666; margin-bottom: 20px;}
.NewsBox li .date span{display: block; font-size: 90px; color: #bdbdbd; line-height: 74px; margin-bottom: 28px;}
.NewsBox li .date em{display: block; line-height: 28px;}
.NewsBox li .name{font-size: 18px; line-height: 26px; height: 52px; color: #333333; overflow: hidden; font-weight: bold;}
.NewsBox li .sort{line-height: 24px; display: block; margin: 10px 0px 15px; font-size: 16px; color: #b2b2b2;}
.NewsBox li .Scale-img img{display: block; width: 100%;height: 100%;}
.NewsBox li .info{font-size: 15px; line-height: 26px; color: #000; height: 104px; overflow: hidden; margin: 24px 0px 38px;}
.NewsBox li .more{display: block; font-size: 16px; line-height: 24px; color: #333333;}
.NewsBox li .more img{display: inline-block; vertical-align: middle; width: 0; transition: all ease 0.3s;}
.NewsBox li:hover{transition: all ease 0.3s; background-color: #C00000;}
.NewsBox li:hover .more img{width: 20px; padding-left: 10px; transition: all ease 0.3s;}
.NewsBox li:hover .date,.NewsBox li:hover .date span,.NewsBox li:hover .name,.NewsBox li:hover .more{color: #fff;}
.NewsBox li:hover .sort{color: rgba(254,254,254,0.6);}
.NewsBox li:hover .info{color: rgba(254,254,254,0.9);}
.w1000{max-width: 1560px; min-width: 320px; margin: 0 auto;}


.w1200 {width: 100%;}
.i-wrap6 .title_01 a {color: #fff;}
.i-wrap6 .title_01 {margin-top: 15%;float: left;width: 100%;margin-bottom: 5%;font-size: 32px;text-align: center;height: 80px;line-height: 90px;}
.content_index {float: left;width: 94%;background-color: rgba(0,0,0,0.4);padding: 15px 3%;}
.content_index ul li {float: left;width: -webkit-calc(25% - 1px);width: -moz-calc(25% - 1px);width: calc(25% - 1px);color: #fff;border-right: 1px dashed #cccccc;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.content_index ul li:last-child {border-right: transparent;}
.content_index ul li p {font-size: 16px;line-height: 34px;padding-top: 20px;}
.content_index ul li span {font-size: 14px;}
.content_index ul li div {width: 60px;height: 70px;background:url(/images/tacn/page2-5icon.png);background-position: 0 -290px;}
.content_index ul li:nth-of-type(2) div {background-position: -111px -290px;width: 73px;}
.content_index ul li:nth-of-type(3) div {background-position: -238px -290px;width: 63px;}
.content_index ul li:nth-of-type(4) div {background-position: -356px -290px;width: 63px;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}

/* index about */
.indexAboutext {padding-top: 15%;}
@media ( min-width:1500px){
	.indexAboutext{padding-top: 8%;}
	.HomeAbout .info { font-size: 22px; line-height: 40px;}
	#header #nav .item .navlist > a{ font-size:22px!important;}
	#header #nav .item .navlist{ width:140px!important;}
	.sycp ul li a img{ height:300px;}
	.sycp ul li{    padding: 0 5px 20px;}
	.HomeAbout .info{ max-height:400px;}
	.sycp ul li a p{ line-height:40px;font-size: 24px;}
	.HomeTit{ font-size:40px;}
	.content_index ul li p{ font-size:22px;}
	.content_index ul li span { font-size: 18px; line-height: 30px;}
}
@media ( max-width:1500px){
	.HomeTit{font-size: 30px; line-height: 36px;}
	.NewsBox li .date span{font-size: 60px; line-height: 50px; margin-bottom: 15px;}
}

@media ( max-width:1366px){
	.HomeAbout dl dd .num{font-size: 50px;}
	.HomeProduct .prev, .HomeProduct .next{width: 100px; height: 70px;}
	.HomeProduct .next{left: 100px;}
	.HomeProduct .bd .maskbg .con .num,.HomeHistory .bd .year span{font-size: 70px;}
	.HomeHistory .bd .year em{font-size: 20px; padding-top: 35px;}
	.NewsBox li {padding-top: 0% !important;}
	.pt90{padding-top: 12%;}
	.w1000 {width:74%}
}
@media ( max-width:1199px){
	.Banner .item .video,.BannerOn .item .video{display:none;}
	.pt90{padding: 6% 0;}
	.HomeAbout dl dd .line{display: none;}
	.HomeProduct .hd .HomeTit,.HomeProduct .hd{display: none;}
	.HomeProduct .box, .HomeProduct .bd ul{position: static; width: 100% !important;}
	.HomeProduct .prev,.HomeProduct .next{display: block;}
	.HomeProduct .next{left: auto; right: 0px;}
	.HomeProduct .bd .maskbg{position: relative; margin: 0 auto; left: 0px; top: 0px; margin-top: 0;}
	.NewsBox{position: static; float: right; width: 68%;}
	.NewsBox li{position: static; float: left;}
	.hisline{display: none;}
	.HomeHistory .hd,.HomeHistory .hd li{position: static;}
	.HomeHistory .hd{height: auto; margin-left: 0; width: 100%;}
	.HomeHistory .bd .year a{height: auto; margin-top: 3%;}
	.HomeHistory .bd .year span{font-size: 40px;}
}
@media ( max-width:1024px){
.HomeAbout{width: 100%;}
}
@media ( max-width:768px){
	.HomeAbout dl{ display:none;}
	.HomeTit{font-size: 30px; margin-bottom: 3%;}
	.HomeAbout .info{font-size: 16px; line-height: 26px; max-height: 260px;}
	.HomeAbout dl dd .num{font-size: 30px; line-height: 30px;}
	.HomeAbout dl dd p{font-size: 14px; line-height: 24px;}
	.HomeMore{width: 110px; line-height: 40px;}
	.HomeProduct .bd .maskbg{width: 60%; height: auto;}
	.HomeProduct .bd .maskbg .con{padding: 10%;}
	.HomeProduct .bd .maskbg .con .sign{margin-bottom: 4%;}
	.HomeProduct .bd .maskbg .con .title .name{font-size: 20px; margin-bottom: 4%;}
	.HomeProduct .prev, .HomeProduct .next{width: 65px; height: 40px;}
	.HomeLeft,.NewsBox{width: 100%; float: none;}
	.HomeLeft{margin-top: 0;}
	.HomeLeft .info{margin: 4% 0;}
	.NewsBox li .date span{font-size: 40px; line-height: 30px;}
	.NewsBox li .date{font-size: 18px;}
	.NewsBox li .date em{line-height: 20px;}
	.NewsBox li .name{font-size: 16px;}
	.HomeHistory .owl-nav .owl-prev span, .HomeHistory .owl-nav .owl-next span{width: 30px; height: 30px; margin-top: -15px;}
	.HomeHistory .owl-nav .owl-prev span{left: 10px;}
	.HomeHistory .owl-nav .owl-prev span{right: 10px;}
	.HomeTit.whitetxt{ margin-top:-46px;}
}

@media ( max-width:640px){
	.HomeAbout{width: 100%;}
}

@media ( max-width:480px){
	.HomeProduct .bd .maskbg{width: 75%;}
	.HomeProduct .bd .maskbg .con .info{margin: 6% 0;}
	.HomeProduct .bd .maskbg .con .num{position: static; font-size: 60px;}
	.HomeProduct .prev, .HomeProduct .next{width: 36px; background-size: 25px auto;}
	.HomeHistory .hd li a,.HomeHistory .hd li.on a{background-image: none; height: 36px; line-height: 36px;}
	.HomeHistory .bd .year span{font-size: 30px;}
	.HomeHistory .bd .year em{width: auto; background: none; margin-left: 10px;}
}
.SubBan{ position:relative;height:410px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{ position:absolute; width:1300px; left:50%; margin-left:-650px; font-size:50px; color:#333333; top:34.5%; line-height:65px;}
.SubBan .txt.white{color: #fff;}

.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:50px; padding-bottom:68px;}
.SubMenu{clear:both; line-height:70px; background:#fafafa; margin-bottom:50px;}
.SubMenu ul{ float:right;}
.SubMenu li{ float:left; position:relative; margin-left:30px;}
.SubMenu li a{ display:block; font-size:16px;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#009b44;}
.SubMenu .place{ float:left;}
.SubMenu .place a{ margin-right:11px; color:#666666; padding-right:19px; background:url(../images/placearr.png) right center no-repeat;}
.SubMenu .place span{ color:#666666;}

.Current{background: #fafafa; font-size: 16px; line-height: 70px;}
.Position{float: left;}
.Position i{margin: 0px 10px; font-family: "ËÎÌå"; color: #259c55;}
.Position a{color: #666;}
.Position span{color: #666;}
.Menu{float: right; width: 70%;}
.Menu .title{display: none; padding: 0px 20px; background: #009442; line-height: 40px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu ul{text-align: right;}
.Menu li{display: inline-block; margin-left: 3%;}
.Menu li .am{display: block; position: relative; z-index: 5; color: #666;}
.Menu li:hover a,.Menu li.on a{color: #009442;}

@media ( max-width:1300px){
.SubBan .txt{ width:90%; left:5%; margin-left:0;}
.content_index ul {display: flex;flex-wrap: wrap;}
.content_index li {width: 49% !important;}
.content_index li:nth-of-type(2) {border-right: transparent;}
.content_index li:nth-child(1),.content_index li:nth-child(2) {border-bottom: 1px dashed #cccccc;}
}

@media ( max-width:998px){
.SubPage{ padding-top:20px; padding-bottom:30px;}
.SubBan{height:120px;}
.SubBan .txt{ font-size:18px; line-height:30px;}
.SubMenu{ margin-bottom:20px;}
.SubMenu .place{ line-height:38px;}
.SubMenu ul{display:none; float:none;}
.SubMenu li{ float:none; margin:0;}
.SubMenu li a{border:1px solid #ddd; margin-bottom:-1px; line-height:30px; font-size:14px; padding:0 15px;}
.SubMenu li i{ display:none;}
.SinglePage{line-height:24px;}
}

@media ( max-width:768px){
.Current{line-height: 36px;}
.Position{display: none;}
.Menu{width: 100%; float: none; margin: 10px 0px;}
.Menu .title{display: block;}
.Menu ul{display: none; padding: 10px 0px; border: 1px solid #009442; text-align: left;}
.Menu li{width: 100%; float: none; margin-right: 0;}
.Menu li a{padding: 0px 20px;}
}

.SubNav{ text-align:center; padding-bottom:28px;}
.SubNav .cur{display: none;}
.SubNav li{ display:inline-block;*display:inline;zoom:1;}
.SubNav li a{ display:block; background:#f0f0f0; border-radius:5px; width:128px; line-height:45px; margin:0 3px; text-align: center;}
.SubNav li a:hover,.SubNav li.on a{ background:#009944; color:#fff;}
.Pricezs{ margin-bottom:45px;}
.remark{ max-width:1068px; margin:35px auto 0; line-height:30px; font-size:16px; padding:15px; background:#e9f5ee;}

@media ( max-width:768px){
.SubNav .cur{float: right; line-height:35px; font-size: 16px; display: block;}
.SubNav ul{margin-left:-10px;}
.SubNav li{ width:25%; float:left;}
.SubNav li{}
.SubNav li a{ width:auto; line-height:35px; margin:0 0 0px 10px;}
.remark{ line-height:24px; font-size:14px;}
.HomeAboutRight {transform: translateY(0);}
.HomeProduct .bd .maskbg .con .num {display: none;}
}
.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.p4{padding: 4% 0;}


@media ( max-width:1024px){
	#header #nav {padding-left: 0 !important;}
	.HomeAboutRight {transform: translateY(0);}
}

@media ( max-width:640px){
	.Research .box .con .info,.SystemBox,.ManageBox .box .con .txt .info{font-size: 14px; line-height: 28px;}
	.ManageBox .box .con .txt{padding-bottom: 4%;}
	.Research .title span, .SystemBox .txt .title, .ManageBox .box .con .txt .title{font-size: 16px;}
}
@media ( max-width:768px){
	.ideaBox .pic,.ideaBox .con{width: 100%; float: none;}
}
@media ( max-width:640px){
	.ideaBox .con dl .title span{font-size: 16px;}
	.ideaBox .con dl .info{font-size: 14px;}
}
@media ( max-width:1200px){
	.MobileMap{display:block;}
	.ChinaMap{display:none;}
	.WebsiteBox .Islands{display: none;}
}

.pb4{padding-bottom: 4%;}
.myClick{cursor: pointer;}
#header{height:100px; background-color: transparent; width: 100%; top: 0; left: 0; position:fixed; padding:0 2.5%; box-sizing: border-box; z-index: 5000; margin: auto; right: 0; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);}

#header.active{height: 60px;}
#header #logo{width:30%; position: absolute; top: 0px; bottom: 0; margin: auto; left: 2.5%; z-index: 1000;}
#header #logo > img{position: absolute; top: 0; bottom: 0; margin: auto;}
#header #nav{height:100px; position: relative; z-index: 1000; float: right; padding-left: 275px; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);}
#header.active #nav{height: 60px;}
#header #nav .item{width: 100%; overflow: visible; box-sizing: border-box; text-align: center;}
#header #nav .item .navlist{height: 100px; line-height: 100px; width: 90px; float: left; text-align: center; transform-origin: 50% 20%;}
#header.active #nav .item .navlist{height: 60px; line-height: 60px;}
#header #nav .item .navlist > a{text-align: left; display: inline-block; width: 100%; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); font-size:15px; position: relative; font-weight: 500; text-align: center; color: rgba(255, 255, 255, 0.8); vertical-align: top;}
#header #nav .item .thisNav a{color: #ffffff; font-weight: 700; font-size: 15px;}
#header #nav .childItem{position: absolute; height: 2.4rem; width: 200%; top: 80%; left: 0; display: none;}
#header #nav .childItem .navMask{position: absolute; height: 3.9rem; z-index: -1; width: 100px; bottom: 0; background-color: rgba(17, 95, 173, 0.37); left: 100px;}
#header #nav .childItem .childNav{position: absolute; top: 0; left: 90px; width: 100px; display: flex; flex-wrap: wrap; align-items: center;}
#header #nav .childItem .childNav > li{display: table; float: left; position: relative; height: 0.32rem; text-align: left; width: 100%; margin-left:18px; animation-duration: 0.3s;}
#header #nav .childItem .childNav > li > a{display: table-cell; vertical-align: middle; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); font-family: sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.5px;}
#header #nav .childItem .childNav > li > a:hover{color: #ffffff; font-weight: bold;}
#header #nav .childItem .childNav:nth-child(2){left: 180px;}
#header #nav .childItem .childNav:nth-child(3){left: 270px;}
#header #nav .childItem .childNav:nth-child(4){left: 360px;}
#header #nav .childItem .childNav:nth-child(5){left: 450px;}
#header #nav .childItem .childNav:nth-child(6){left: 540px;}
#header #nav .childItem .language{left: 600px; width: 200px;}
#header #nav .childItem .language > li > a{opacity: 0.5; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); font-family: En_light; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
#header #nav .childItem .language > li > a > img{margin-right: 0.08rem;}
#header #nav .childItem .language > li > a:hover{opacity: 1; color: #fff; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}
#header #nav .childItem .language > li > a.on{opacity: 1; color: #fff; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}

#header nav.app-nav{position: fixed; top: 0; right: 0; height: 0.6rem; line-height: 0.6rem; width: 0.5rem; display: none; z-index: 20;}
#header nav.app-nav > ul{display: none; position: absolute; top: 100%; right: 0; border-bottom: 2px solid #d2d2d2;}
#header nav.app-nav > ul > li{width: 100%; line-height: 0.4rem; text-align: center; background-color: rgba(255, 255, 255, 1); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; border-top: 1px solid #eee; font-weight: bold;}
#header nav.app-nav > ul > li > a{display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.7);}
#header nav.app-nav > ul > li.child-Down > .child-nav{padding: 0; overflow: hidden; background-color: rgba(226, 226, 226, 0.7);}
#header nav.app-nav > ul > li.child-Down > .child-nav > li{width: 50%; float: left; text-align: center; line-height: 0.4rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; height: 0;}
#header nav.app-nav > ul > li.child-Down > .child-nav.erwei-down > li{width: 100%;}
#header nav.app-nav > ul > li.child-Down > .child-nav > li > a{display: inline-block; width: 100%; color: rgba(47, 47, 47, 0.7); height: 0.4rem; line-height: 0.4rem; overflow: hidden;}
#header nav.app-nav > ul > li.child-Down > .child-nav.on > li{height: 0.4rem;}
#header nav.app-nav > ul > li.child-Down > .child-nav.erwei-down.on > li{height: 150px; width: 100%;}
#header nav.app-nav > ul > li.child-Down > .child-nav.erwei-down > li > a{height: 150px; padding-top: 8px;}
#header nav.app-nav .getAppNav{font-size: 0.28rem; z-index: 6; position: absolute; width: 100%; height: 100%; margin: auto; right: 0; text-align: center; cursor: pointer;}
#header nav.app-nav .getAppNav > span{position: absolute; width: 0.28rem; height: 2px; background-color: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
#header nav.app-nav .getAppNav:after{content: ''; position: absolute; width: 0.28rem; height: 2px; background-color: #fff; top: -16px; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
#header nav.app-nav .getAppNav:before{content: ''; position: absolute; width: 0.28rem; height: 2px; background-color: #fff; top: 16px; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
#header nav.app-nav .menuActive > span{opacity: 0!important;}
#header nav.app-nav .menuActive:after{transform: rotate(45deg); transform-origin: 50% 50%; top: 0px!important;}
#header nav.app-nav .menuActive:before{transform: rotate(-45deg); transform-origin: 50% 50%; top: 0px!important;}
#header:after{content: ''; position: absolute; width: 100%; height: 100px; z-index: 15; left: 0; top: 0%; background-color: rgba(0,0,0,0.1); opacity: 1; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform-origin: 50% 0;}
#header.active:after{height: 0.6rem;}
#header.on:after{opacity: 1; top: 0%; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); height: 320px; background-color: rgba(0, 0, 0, 0.7);}
.navtwo{display:none;}
.item li a {position: relative;}
.item li a.actived {color: #C00000 !important;font-weight: bold !important;}
.item li a.actived::after {position: absolute;left: 50%;margin-left:-40%;bottom: 20%;height: 4px;background: #C00000;transition: all 0.3s;width: 80%;content: "";}
.item li a::after {position: absolute;left: 0;bottom: 20%;height: 4px;background: #C00000;transition: all 0.3s;width: 0;content: "";}
.item li a:hover::after {width: 80%;transition: all ease 0.4s;left: 50%;margin-left: -40%;}

@media ( max-width:998px){
	.navone{display:none;}
	.navtwo{display:block;}
}

.footerS {display: none;}
@media ( max-width:480px){
	.HomeAboutRight {display: none;}
	.fullpage-wrapper {margin-top: 40px;}
	.content_index ul {display: flex;flex-wrap: wrap;}
	.content_index ul li div {display: none;}
	.content_index ul li {width: 48%;justify-content: flex-start;align-items: flex-start;flex-direction: row;}
	.NewsBox ul {display: flex;flex-direction: column;}
	.NewsBox ul li {width: 100%;}
	.content_index ul,.NewsBox li .sort,.Scale-img {display: none;}
	.NewsBox li .info,.NewsBox li a {padding:0;margin: 0;}
	.NewsBox li .date {margin-top: 2%;}
	.NewsBox li .date span {color: #666;}
	.footerS {display: flex;flex-direction: column;}
	.footerS dd {display: flex;}
	.footerS dd p {margin-right: -2%;color:rgba(255,255,255,0.8);display: block;width: 65px;}
	.footerS dd div {color: rgba(255,255,255,0.5);width:calc(100% - 70px);}
}
.title_01 {width: 70%;height: auto;text-align: center;color: #FFFFFF;border-bottom: 1px solid white;margin: 0 auto;margin-bottom: 4%;}
.title_01 p {color: #FFFFFF;font-size: 34px;line-height: 220%;}


.HTBody {padding: 0;}

.banner_all {width: 100%;height: 360px;overflow: hidden;position: relative;margin-top: -100px;padding-top: 60px;}
.bannerall_bg {display: block;background-size: cover;width: 100%;}
.anner_all_container {position: absolute;top: 80px;left: 50%;margin-left: -780px;width: 1560px;height: 360px;display: flex;flex-direction: column;justify-content: center;}
.anner_all_container span {color: #FFFFFF;font-size: 2em;}
.anner_all_container span:first-child {line-height: 220%;position: relative;margin-bottom: 2%;padding-bottom: 1%;}
.anner_all_container span:first-child::after {position: absolute;width: 60px;height: 2px;content: "";bottom: 0;left: 0;background: #FFFFFF;}
.anner_all_container span:last-child {font-size: 1.2em;}
.underNavStart {position: absolute;width: 1560px;height: 38px;left: 50%;bottom: 0;margin-left: -780px;display: flex;color: rgba(255,255,255,.6);}
.underNavStart span:last-child {margin-left: auto; line-height: 38px;text-align: center;z-index: 98;position: relative; margin-right: 54px; font-size: 14px;}
.underNavStart span:last-child::before {content: "";position: absolute;top: 0;left: -40px;width: 36px;height: 36px;z-index: 552;background: url(../images/solutions_pic1.png) no-repeat center;}
.underNavStart span:last-child a:last-child {color: #FFFFFF;z-index: 99999;}
.underNavStart span:first-child a {color: #FFFFFF;display: flex;justify-content: center;align-items: center;border-right: 2px solid #ededed;height: 24px;margin-top: 8px;padding-right: 4%;}
.underNavStart span:first-child a:last-child {border-right: transparent;padding-left: 4%;}
.underNavStart span:first-child {line-height: 38px;text-align: center;z-index: 98;width: 320px;display: flex;}
.underNavStart span:first-child em {margin-left: 2%;margin-right: 2%;}
.underNavStart span a {cursor: pointer;color: rgba(255,255,255,0.6);}
.banner_all::after {position: absolute;content: "";bottom: 0;right: 0;width: 100%;height: 38px;background: rgba(0,0,0,.6);z-index: 52;}

@media (max-width:1440px) {
	.cer,.underNavStart,.anner_all_container {width: 1200px !important;left: 50%;margin-left: -600px;}
}
@media (max-width:1024px) {
	.cer,.underNavStart,.anner_all_container {width: 98vw !important;left: 0;margin: 0 1%;}
}


.cer {width: 1560px;max-width: 100%;margin: 4% auto 2%;}
.cate4 {text-align: center;position: relative;padding-bottom: 12px; margin-bottom: 44px;}
.cate4:before {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 60px;height: 4px;margin-left: -30px;background-color: #C00000;}
.cate4 .cn {font-size: 34px;line-height: 44px;height: 44px;color: #333;}
.cate4 .en {margin-top: 15px; font-size: 20px;line-height: 1.5em;height: 1.5em;color: #e0e0e0;text-transform: uppercase;}
.aboutcon {margin-top: 20px;font-size: 16px;color: #666;line-height: 38px;margin: 38px 0 46px;text-align: justify; margin: 0 auto; width: 960px;}

.AboutImg {display: block;width: 100%;height: 320px;background: url(../images/AboutShow.jpg) no-repeat center center ;}

.cate {text-align: center;margin: 4% auto 0;}
.cate .cn {font-size: 24px;line-height: 1.5em;height: 1.5em;color: #333;background: url(../images/lineThrough.png) center no-repeat;}
.whlist{ width: 1260px; padding: 52px 0 0; max-width: 100%; margin: 0 auto 6%; overflow: hidden;}
.whlist li{ float: left; width: 33.3%;}
.whlist li .lin{ padding: 0 30px;}
.whlist li a{ display: block; width: 100%; background-color: #f5f5f5; padding-bottom: 24px;}
.whlist .pic{ width: 100%; height: 0; padding-bottom: 87.5%; position: relative; background-color: #C00000;overflow: hidden;}
.whlist .pic img{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.whlist .pic .pic_h4{ position: absolute; top:50%; left:0; z-index: 2; width: 100%; text-align: center; margin-top: -54px;}
.whlist .pic .pic_h42{ position: absolute; top:50%; left:0; z-index: 2; width: 100%; text-align: center; margin-top: -54px;}
.whlist li h3{ font-size: 18px; color: #333; line-height: 30px; font-weight: bold;padding: 0 44px; height: 30px; overflow: hidden; margin-top: 18px;}
.whlist li h4{ font-size: 24px; color: #fff; font-weight: bold; line-height: 1.5em; padding: 0 10px;z-index: 3; opacity: 0; filter:alpha(opacity= 0);}
.whlist li .txt{ font-size: 18px; color: #666; line-height: 30px; padding:0 44px; height: 30px; overflow: hidden;}
.whlist li:hover a{ box-shadow: 0 0 4px 0 #f5f5f5;}
.whlist li:hover img{ opacity: 0.5; filter:alpha(opacity= 50);transform: scale(1.4);}
.whlist li:hover h4{ opacity: 1; filter:alpha(opacity= 100);}
.whlist li:hover h3{ color: #C00000;}
.whlist li h3,.whlist li h4,.whlist .pic img{-webkit-transition: .3s; -moz-transition: .3s;-ms-transition: .3s; -o-transition: .3s; transition:  .3s;}

.CoomFoot {padding-bottom:6%;}


@media (max-width:420px) {
	.bannerall_bg {background-size: auto;height: 100%;transform: scaleX(1.2) !important;}
	.underNavStart {display: flex;flex-direction: column;height: 36px;bottom: -80px;width: 100% !important;margin: 0;background: rgba(0,0,0,.6);}
	.banner_all {margin-bottom: 90px;overflow: visible;height: 226px;}
	.banner_all::after {background: transparent;}
	.underNavStart span:first-child {width: 100% !important;flex-shrink: 0;flex-grow: 0;text-align: left;padding-left: 2%;border-bottom: 1px solid #BDBDBD;transform: translateY(35px);}
	.underNavStart span:first-child a {color: #666666;}
	span.ABoutAngle {transform: translateY(-36px);}
	.cer {padding-top: 40px;}
	
	.cate4 .cn {font-size: 24px;}
	.cate4:before {bottom: 30px;}
	.cate4 .en {font-size: 12px;line-height: 360%;padding-top: 2%;}
	.aboutcon p {font-size: 12px;line-height: 28px;margin: 20px 0;text-indent: 0rem !important;}
	.whlist {display: flex;flex-direction: column;}
	.whlist li {width: 100%;margin-bottom: 4%;}
	.whlist li .txt {padding-bottom: 18px;}
	.whlist li a {padding: 0;}
	
}

.lvyoulist {width: 1560px;padding: 80px 0 10px;max-width: 100%;margin: 0 auto;overflow: hidden;}
.lvyoulist li {float: left;width: 33.3%;margin-bottom: 50px;}
.lvyoulist li {margin-bottom: 50px;}
.lvyoulist li .lin {padding: 0 40px;}
.lvyoulist li a {display: block;}
.lvyoulist .pic {width: 100%;height: 0;padding-bottom: 76%;overflow: hidden;position: relative;}
.lvyoulist img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.lvyoulist .pic i {position: absolute;z-index: 2;left: 0;top: 0;width: 100%; height: 100%;background: url(../images/chain.png) center no-repeat;opacity: 0;filter: alpha(opacity= 0);}
.lvyoulist li h3 {font-size: 16px;color: #333;line-height: 30px;text-align: center;display: table;width: 100%;height: 70px;overflow: hidden;background-color: #fff;border-bottom: 1px solid #999;}
.lvyoulist li h3, .lvyoulist li i {transition: .6s;}
.lvyoulist li h3 div {display: table-cell;padding: 0 10px;vertical-align: middle;}
.lvyoulist li h3 div span {display: block;max-height: 60px;overflow: hidden;font-size:14px;}
.lvyoulist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.lvyoulist li:hover h3{ background-color: #C00000; color: #fff; border-color: #C00000;}
.lvyoulist li:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}

@media screen and (max-width:1500px){
	.lvyoulist {width: 1200px !important;}
	.lvyoulist li .lin{ padding: 0 20px;}
}
@media screen and (max-width:1200px){
	.lvyoulist li .lin{ padding: 0 15px;}
	.lvyoulist .pic {padding-bottom: 60%;}
	.lvyoulist .pic img {width: 100%;height: 100%;left: 0;margin-left:0px;}
}
@media screen and (max-width:1040px){
	.lvyoulist li{ width: 50%;}
}
@media screen and (max-width:800px) {
	.lvyoulist .pic img {width: 100%;height: auto;left: 0%;margin-left: 0px;}
}
@media screen and (max-width:750px){
	.lvyoulist li h3{ font-size: 26px; line-height: 40px; height: 100px;}
	.lvyoulist li h3 div span{ max-height: 80px;}
}
@media screen and (max-width:480px) {
	.lvyoulist li {width: 100%;margin-bottom: 10px;}
	.lvyoulist li h3 {height: auto;padding: 20px 0;}
	.lvyoulist li h3 div span {font-size: 14px;line-height: 16px;}
}

.pageunder {width: auto;margin: 0 0 3%;height: 30px;color:#333;display: flex;justify-content: center;align-items: center; padding-left:17%;}
.pageunder a {display: block;width: 50px;height: 100%;border: 1px solid #bdbdbd;display: flex;justify-content: center;align-items: center;margin: 0 4px; font-size: 14px; color:#333;}
@media screen and (max-width:480px) {
	.aboutcon p:last-child {display:none;}
	.pageunder {}
}
.pageunder a:hover {color: goldenrod !important;}



.proInnerSec {width: 1560px;padding-right: 0px;padding-left: 0px;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.proInnerSec .title {font-size: 34px;margin: 6% auto 2%;}
.proInnerSec .fb {padding-bottom: 2%;border-bottom: 1px solid #EAEAEA;}
.proInnerSec .img_c {margin: 2% auto;}
.pro_list *{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pro_list{ float:left; width:100%;}
.pro_list ul li{ float:left; width:32%;padding: 0; text-align: center;margin:0 0 20px 0;}
.pro_list ul li:nth-child(3n+2){ margin:0 2% 20px 2%;}
.pro_list ul li a{ display: block; position: relative; z-index: 2; padding: 60px 30px 82px;}
.pro_list ul li i{display: block; height:40px; font-size: 48px; color: #f37022; font-weight: bold; font-family: simsun; background-size:auto 100% !important;}
.pro_list ul li .text{height: 90px;padding: 20px 0 10px; overflow: hidden; }
.pro_list ul li .text span{ display: block; font-size: 18px; color: #252525; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:bold;}
.pro_list ul li .text u{ display: inline-block; width:40px; height: 2px; background: #f37022;}

.pro_list ul li .text1{ height: 0; overflow: hidden;}
.pro_list ul li .text1 span{ display: block; font-size: 18px; color: #f37022; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;}
.pro_list ul li .text1 u{ display: inline-block; width:40px; height: 2px; background: #f37022;}
.pro_list ul li .text1 b{ display: block; line-height: 24px; height: 48px; overflow: hidden;}
.pro_list ul li .view{ padding-top: 30px;}

.pro_list ul li a:hover{padding: 54px 30px 40px; background:#f1f1f1;}
.pro_list ul li a:hover .text{ height: 0; padding: 0;}
.pro_list ul li a:hover .pro_img img{ display: block; margin-top: -15px;}
.pro_list ul li a:hover .text1{ height: 138px; padding: 20px 0 10px;}
.pro_list ul li a:hover .view{ color: #f37022;}

.pro_listm ul li{ width:23.5%;}
.pro_listm ul li:nth-child(3n+2){ margin:0 0 20px 2%;}
.pro_listm ul li:nth-child(3n+3){ margin:0 0 20px 2%;}
.pro_listm ul li:nth-child(3n+4){ margin:0 0 20px 2%;}



.pages {width: 92%;height: 50px;margin: 30px auto;border: 1px dotted #CCC;overflow: hidden;margin-bottom: 20px;background: #EAEAEA none repeat scroll 0% 0%;}
.pages p {float: left;width: 49%;height: 50px;line-height: 50px;overflow: hidden;}
.pages p span {float: left;margin-right: 10px;padding: 0px 25px;background: #DBDBDB none repeat scroll 0% 0%;text-align: center;font-size: 14px;}
.pages p a {color: #555;font-weight: normal; margin-left: 20px;}
.ny_title {display: block;height: 116px;text-align: center;margin-top: 10px;margin-bottom: 20px;border-bottom: 2px solid #f1f1f1;}
.ny_title .line_l {display: block;height: 80px;position: relative;}
.ny_title .line_l i {display: block;position: absolute;left: 50%;top: 0;margin-left: -1px;width: 2px;height: 70px;background: #ccc;}
.ny_title .line_l u {display: block;position: absolute;left: 50%;top: 55px;margin-left: -40px;width: 80px;height: 6px;background: #C00000;}
.ny_title span {display: block;font-size: 24px;color: #6d6d6d;font-family: Century Gothic;padding-top: 30px;}
.ny_title p {display: inline-block;background: #fff;padding: 0 5%;font-size: 28px;color: #050505;padding-top: 10px;}



.NewSection {display: flex;flex-wrap: wrap;width: 74%;height: auto;margin: 4% auto !important;justify-content:space-between;}
.NewSection li {float: left;width: 30%;margin-right: 2%;overflow: hidden;background: #fff;transition: all 0.5s;margin-bottom: 2%;box-shadow: 0 0 66px #afafaf;padding-top: 220px;}
.NewSection li {position: relative;overflow: hidden;;-webkit-transform: translatey(0);transform: translatey(0);opacity: 1;-webkit-transition: -webkit-transform 0.66s ease-in-out 0.4s,  opacity 0.66s ease-in-out 0.4s;transition: transform 0.66s ease-in-out 0.4s, opacity 0.66s ease-in-out 0.4s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden; height: 134px;}
.NewSection li .txts {width: 92%;margin: 0 auto;max-width: 400px;}
.NewSection li .txts .h2 {color: #000000;font-size: 16px;font-weight: normal;height: 48px;line-height: 48px;margin-top: 24px;transition: all 0.3s;}
.titleinofr {margin-top: 4px !important;}
.NewSection li .news_pic {width: 100%;height: 220px;display: flex;justify-content: center;align-items: center;overflow: hidden;position: absolute;top: 0;left: 0;}
.NewSection li .news_pic img {height: 100%;width: 100%;}
.NewSection li .txts .p {font-size: 14px;color: #666666;line-height: 24px;height: 48px;overflow: hidden;transition: all 0.3s;}
.NewSection li .txts .dates {margin-top: 16px;padding-top: 24px;border-top: 1px solid #f5f5f5;overflow: hidden;font-size: 14px;color: #666666;line-height: 22px;margin-bottom: 26px;background: url(../images/more.png) right 28px top 28px no-repeat;transition: all 0.3s;}
.changeinfor {margin-top: 0 !important;padding-top: 0 !important;margin-bottom: 8px !important;}
.NewSection li .txts .dates span {display: block;color: #000000;font-size: 24px;line-height: 46px;height: 46px;transition: all 0.3s;margin-bottom: 2px;}
.NewSection li:nth-child(3n+0) {margin-right: 0;}
.NewSection li:hover {box-shadow: 0 5px 25px rgba(0,0,0,0.1);transform: translate3d(0, -5px, 0);background: #C00000;}
.NewSection li:hover .txts .dates {background: url(../images/more.png) right 16px top 28px no-repeat;color: #fff;border-top: 1px solid #ffa166;}
.NewSection li:hover .txts .dates span {color: #ffffff;}
.NewSection li .txts:hover p,.NewSection li .txts:hover h2 {color: #ffffff;}

@media (max-width:1500px) {
	.NewSection,.proInnerSec {width: 1200px !important;}
}
@media (max-width:480px) {
	.NewSection,.pages {display: flex;flex-direction: column;height: auto;}
	.pages p:first-child {border-bottom: 1px solid #BDBDBD;width: 100%;}
	.ny_title .line_l {display: none;}
	.ny_title {height: auto;margin-bottom: 0;}
	.pro_list {margin-top: 8%;}
	.pro_list ul li {width: 48%;margin: 0 1% 20px 1%;background: #EEEEEE;}
	.pro_list ul li a {padding: 10px 2% 0;}
	.pro_list ul li .text {height: 36px;padding: 0;}
	.list_img {margin: 2% 0 4%;}
	.pro_list ul li .view {background: #BDBDBD;padding: 10px 0;width: 100%;}
	
	.NewSection li {width: 100%;}
}

.news-link{ float:left; width:98%; margin:10px 1% 3% 10px;}
.news-link ul{ padding-top:9px;}
.news-link ul li{ float:left;width:47%; padding:0 1%; font:13px/42px "Microsoft Yahei";  margin-top:5px;    background: #f2f2f2; }
.news-link ul li:nth-child(2n){ margin-left:2%;}
.news-link ul li a{padding-left:13px; color:#666;background:url(../images/xtb.png) left center no-repeat;}
.news-link ul li a span{ float:right; color:#999;}
.news-link ul li:hover{ background:#C00000;}
.news-link ul li:hover a{ color:#fff;background:url(../images/xtb_h.png) left center no-repeat;}
.news-link ul li:hover a span{color:#fff;}

@media (max-width:480px) {
	.news-link	{width: 96vw;}
	.news-link ul {display: flex;flex-direction: column;}
	.news-link ul li {width: 98%;}
	.news-link ul li:nth-child(2n){ margin-left:0%;}
	.news-link {margin: 2% 0;}
}

.formsection {width: 72%;height: auto;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.dea-list {float: left;width: 100%;margin-top: 40px;margin-bottom: 60px;}
.dea-list input.input-text {float: left;width: 30.1%;height: 48px;padding-left: 1%;margin-bottom: 20px;border: 1px solid #c6c6c5;font-size: 14px;color: #a4a3a3;}
.biaoti {background: #fff url(../images/bt.png) no-repeat right 0;margin: 0 3% 25px 0;}
input {outline: none;}
input, textarea {-webkit-appearance: none;border-radius: 0;}
.form-group {display: flex;}
.dea-list textarea.textarea-text {width: 98.8%;resize: none;height: 140px;padding: 15px 0 15px 1%;border: 1px solid #c6c6c5;font-size: 14px;}
.neir {margin: 0 0px 25px 0;}
.xingm {background: #fff url(../images/xingm.png) no-repeat right 0;margin: 0 3% 25px 0;}
.dianh {background: #fff url(../images/dianh.png) no-repeat right 0;margin: 0 0px 25px 0;}
.dea-list .btn_box {width: 310px;margin: 0 auto;}
.btn_box {display: flex;}
.dea-list input.sub.reg {background: #C00000;}
.btn_box input:first-child {margin-right: 8%;}
.dea-list input.sub {float: left;width: 100%;height: 50px;border: none;text-align: center;font-size: 18px;line-height: 50px;color: #fff;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}


@media (max-width:1500px) {
	.formsection {width: 1200px;margin: 0 auto;}
}
@media (max-width:1201px) {
	.formsection {width: 96vw;margin: 0 auto;}
}
@media (max-width:800px) {
	.input_box {display: flex;justify-content: space-between;}
}
@media (max-width:800px) {
	.input_box {display: flex;flex-direction: column;}
	.dea-list input.input-text {width: 99%;margin: 0 auto 2%;}
	.dea-list textarea.textarea-text {width: 99%;margin-bottom: 2%;}
}

.sitecon {float: left;width: 100%;background: #f1f1f1;}
.map {position: relative;height: 650px;width: 100%;filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;z-index: 1;}
.map .address {position: absolute;width: 360px;padding-bottom: 10px;left: 60%;top: 50px;border-radius: 15px;background:#EEEEEE;border: 10px solid #ccc;z-index: 99999999999;}
.map .address h2 {margin-bottom: 22px;height: 68px;line-height: 68px;border-bottom: 1px dashed #adaba3;font-size: 18px;color: #1B57AC;padding: 0 30px;}
.map .address .con {padding: 0 29px;}
.map .address .con p {font-size: 14px;line-height: 30px;}
.map .address .con img {vertical-align: top;}
.map .address .con h3 {margin-top: 5px;line-height: 32px;font-size: 18px;color: #000;}
@media (max-width:800px) {
	.map .address {right: 60%;left: 0;}
}
@media (max-width:480px) {
	.map .address {height: auto;top: 30px;left: 3%;width: 80vw !important;}
	.map {height: 620px;}
}

.linyulist{ width: 1560px; padding: 80px 0 60px;margin: 0 auto;}
.linyulist li{ width: 100%; margin-bottom: 30px;}
.linyulist li a{ display: block; position: relative; height: 390px; overflow: hidden;padding: 0 0 0 800px; background-color: #C00000;}
.linyulist li .pic{ position: absolute; left: 0; top: 0; z-index: 1; width: 800px; height: 100%;overflow: hidden;}
.linyulist li .pic img {height: 100%;width: 100%;background-size: cover;transition: all 0.4s;}
.linyulist li .wz{ padding: 24px 30px 34px 34px; color: #fff;}
.linyulist li span { font-size: 24px; line-height: 54px; height: 54px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.linyulist li .txt{ font-size: 16px; line-height: 26px; height: 180px; margin: 20px 0 26px; overflow: hidden;text-align: justify;}
.linyulist li label{ line-height: 20px; padding-bottom: 13px; display: block; width: 130px;background: url('../images/jtr4.png') left bottom no-repeat; text-transform: uppercase;}
.linyulist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.linyulist label,.linyulist .date{ -webkit-transition: 0.5s; -moz-transition: 0.5s;-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.linyulist li:hover .pic img {transform: scale(1.4);}
@media (max-width:1500px) {
	.linyulist {width: 1200px;margin: 0 auto;}
}


@media (max-width:1201px) {
	.linyulist {width: 96vw;margin: 0 auto;}
	.linyulist li .pic {width: 700px;}
	.linyulist li a {padding-left:700px;}
	.NewSection, .proInnerSec {width: 96vw !important;}
}
@media (max-width:800px) {
	.linyulist li .pic {width: 500px;}
	.linyulist li a {padding-left:500px;height: 300px;}
	.linyulist li .wz {padding: 10px;}
	.linyulist li .txt {margin: 10px 0;font-size: 14px;height: auto;} 
	.bannerall_bg {transform: scaleY(1.5);margin-top: 80px;}
	.lvyoulist {margin-top: 24px;padding-top: 0;}
	.NewSection li {width: 48%;}
	.NewSection li:nth-child(3n+0) {margin-right: 2%;}
}
@media (max-width:480px) {
	.linyulist li a {padding-left: 0;width: 800px;height: auto;margin: 0 auto;max-width: 100%;}
	.linyulist li .pic {width: 100%;height: 280px;position: static;}
	.linyulist li .pic img.full {position: static;width: 100%;margin-left: 0;left: 50%;}
	.linyulist li .txt {font-size: 14px;line-height: 28px;}
	.linyulist {padding: 2% 0;}
	.NewSection {margin-top: 5% !important;}
	.NewSection li {width:96vw}
	.anner_all_container span {transform: translateY(-20px);}
	.list_img img {height:200px;}
	.proInnerSec .title {font-size: 22px;font-weight: normal;}
}
.aboutcon p {text-indent: 2rem;}


/*  index   banner */
.slideBox{ width:100%;height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100vh; display:block;  }
.slideBox .prev,
.slideBox .next{ color: #FFFFFF;display: flex;justify-content: center;align-items: center;position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:60px; height:84px; background:rgba(0,0,0,.8) url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=10);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }






@media (max-width:640px) {
	.Banner .item .img {height: 260px !important;}
}


/*proNav section*/

.proNav {width: 840px;height: auto;display: flex;flex-wrap: wrap;}
.proNav a {display: flex;justify-content: center;align-items: center;padding: 0 1%;color: #FFFFFF;z-index: 98;border-right: 1px solid #EAEAEA;height: 20px;margin-top: 8px;}
.proNav a:last-child {padding-right: 0;border-right: transparent;}
.proNav a:first-child {padding-left: 0;}

.proShowNav {width: 100%;display: none;}
.proShowNav a {color: #999999;}

.againNav {width: 1560px;height: auto;display: flex;flex-wrap: wrap;margin: 1% auto 0;}
.againNav a {display: flex;justify-content: center;align-items: center;padding: 0 1%;color: #999;z-index: 98;border-right: 1px solid #EAEAEA;height: 20px;margin-top: 8px;}
.againNav a:last-child {padding-right: 0;border-right: transparent;}
.againNav a:first-child {padding-left: 0;}

.againNav a.actiave {color:red;font-weight:bold;}

@media (max-width:1500px) {
	.againNav {width: 1200px;}
}
@media (max-width:768px) {
	.proShowNav {display: flex;overflow-x: scroll;margin-left: 2%;}
	.proHidden {display: none;}
}
@media (max-width:480px) {
	.underNavStart span:last-child {right: 2%;}
}








/*add section*/
.production {display: flex;width:1560px;height: auto;margin: 0 auto;}
.production section {width: 20%;height: auto;display:flex;justify-content: flex-start;flex-direction: column;padding-bottom: 4%;}
.production .lvyoulist {width:78%;height: auto;display: flex;flex-wrap: wrap;}
.production section a {width: 100%;display: block; color: #333;}

.production section h3 {top:46px;font-size: 20px;line-height: 220%;font-weight: 300;color: #666666;position: relative;padding-left: 12px;border-bottom: 1px solid #C00000;}
.production section span,.production section p {top:46px;display: block;width: auto;line-height: 36px;height: auto;text-align: left;padding-left: 10px;font-size: 14px;position: relative;border-bottom: 1px dashed #C00000; color: #333;}
.production section span::after {content: "";width:0;height: 100%;background-color:rgba(210,0,0,.2);position: absolute;left: 0;top: 0;color: #FFFFFF;transition: width ease-in 0.8s;z-index:2;}

.production section span:hover::after {width:100%;}

.production section p {width: 76%;position: absolute;right: 0;top: 0;}
.production section h3::before {content: "";width: 4px;height: 20px;background-color:rgb(210,0,0);position: absolute;left: 0;top: 50%;margin-top: -8px;}

@media (max-width:1440px) {
	.aboutcon,.production {width:96%;margin: 0 auto;}
	.bannerall_bg {transform: scaleX(1.3);}
}

@media (max-width:1366px) {
	.HomeMore{margin-top:25px;}	
}

@media (max-width:1026px) {
	.production section {display:none;}
	.bannerall_bg {transform: scaleX(1.6);}
	.AboutImg {height: 144px;background-size: contain;}
}
@media (max-width:860px) {
	.Header .Logo {background-image: url(../images/indexcLogo.png);background-repeat: no-repeat;width:300px;height: 60px;background-size: contain;margin-top: 15px;}
	.bannerall_bg {transform: scale(2.9);height: auto !important;}
}


@media (max-width:480px) {
	.bannerall_bg {display: block;transform: scale(2) !important;margin-top: 115px;}
	.underNavStart span:last-child a:last-child,.underNavStart span:last-child,.underNavStart span:last-child a,.anner_all_container span {color: #666;}
	.underNavStart span:last-child {margin-right: 0;}
	.underNavStart {background-color: #fff;}
	.banner_all {height: 172px;}
	.anner_all_container {height: 300px;}
	span.ABoutAngle {transform: translateY(0px);}
	
	.HomeLeft .info,.AboutImg {display: none;}
	.HomeLeft {margin: 20px 0;padding: 0 6px;}
	.pt90 {width: 100%;margin: 0;}
	.sectionNew {padding-bottom:20px;}
	.NewsBox ul li {width: 100%;padding: 0 6px;}
	.cate3 {margin-top: 0;}
	
	.HomeAbout {padding: 12% 5% 0;}
	.anner_all_container span {color:#fff;}	
}



@media (max-width:480px) {
	.NewsBox ul li,.HomeLeft {padding: 0 5% 4%;}
	.NewsBox ul li a {width:92%;}
	.againNav a:first-child {font-size: 14px;}
	.cate4 {margin-top: 0;margin-bottom: 0;}
	.whlist {padding-top: 16px;}
	.NewsBox li .name {height:26px;}
	.NewsBox li .info {height:auto;padding:2% 0;}
	
	/*home owl_open*/
	.owl-nav {display:none;}
}


.proInnerSec img {display: block;margin-bottom: 3%;}
/*pagelist*/
.pageunder a,.pagelink span,.pagelink font{
display: inline-block;
padding:0 12px; background:#fff;height: 32px;
line-height: 32px;
border: 1px solid #e2e2e2;
margin-right: 5px;
font-size: 14px;
cursor: pointer;
width:auto;
}
span.nolink {
display: inline-block;
padding:0 12px; background:#fff;height: 32px;
line-height: 32px;
border: 1px solid #e2e2e2;
margin-right: 5px;
font-size: 14px;
cursor: pointer;
width:auto;
}
.pageunder font{ 
display: inline-block;
padding:0 12px; background:#C00000;height: 32px;
line-height: 32px;
color: #fff;
border: 1px solid #e2e2e2;
margin-right: 5px;
font-size: 14px;
cursor: pointer;
width:auto;
}
/*map*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*anoutPage*/
@media (max-width:480px) {
.underNavStart span:last-child {right: 2%;}}
.againNav {width: 1560px;height: auto;display: flex;flex-wrap: wrap;margin: 2% auto 0;}
.againNav a {display: flex;justify-content: center;align-items: center;padding: 0 1%;color: #999;z-index: 98;border-right: 1px solid #EAEAEA;height: 20px;margin-top: 8px;}
.againNav a:last-child {padding-right: 0;border-right: transparent;}
.againNav a:first-child {padding-left: 0;}
@media (max-width:1500px) {
	.againNav {width: 1200px;}
}
@media (max-width:768px) {
	.proHidden {margin-left: 2%;}
}
@media (max-width:480px) {
	.aboutTEXT {width: 96%;height: auto;margin: 0 auto;}
}


/*aboutPage_sortNav*/
@media (max-width:420px) {
	.underNavStart span:first-child {transform: translateY(35px);}
	.underNavStart span:last-child {right: 2%;}
}
/*allInner*/
@media (max-width:420px) {
	.proInnerSec .title {font-size: 22px;font-weight: normal;}
}
/*foot*/
.content_index {padding: 100px 3%;}
@media ( max-width:1440px){
	.content_index {padding: 40px 3%;}
}
/*contact*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;height: 152px;}
.NewsBox li .Scale-img img{display: block; width: 100%;height: 100%;}



/*footHREE*/
@media (max-width:640px) {
	.fooThree {margin-top: 740px;}
}
@media (max-width:480px) {
	.Header .Logo a {display:block;width:auto;height:60px;transform: translateY(-19px);}
	.pageunder {padding-left:0}
	
	.resultpages {margin-top: 340px;}
	.yejibiao {width:100% !important;display: flex;justify-content: center;align-items: center;margin-left: 0 !important;margin-top: 20px !important;}
	
	.takeO img {display: block;width: 100%;height: auto;transform: scale(1.5);margin-top: 740px;}
	.takeT img {display: block;width: 100%;height: auto;transform: scale(1.5);margin-top: 340px;}
}