@charset "utf-8";
@font-face {
	
	font-weight: normal;
	font-style: normal;
}
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;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
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:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;/* color:#fff;*/}
*:hover{transition: all ease 0.1s;}
.fl{ float:left;}
.fr{ float:right;line-height:20px;background-color:#009944; padding:5px 25px; border-radius:5px; margin:10px 40% 10px 0;text-align:center;}.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;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #fff;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.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;}	
.fr{margin: 10px 10% 10px 0;}
}

@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%;}
}

/*font*/
.f_red{ color:#e71f19;}
.f_green{ color:#17d63f;}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.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;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:36px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages .total{ display:inline-block; vertical-align:middle; border:1px solid #c7c7c7; padding:0 18px;}
.Pages .input{ vertical-align:middle; width:60px; height:36px; line-height:36px; text-align:center; border:1px solid #c7c7c7;}
.Pages .btnok{ vertical-align:middle; width:48px; height:38px; cursor:pointer; border:1px solid #c7c7c7;}
.Pages a{ display:inline-block; margin:0px 6px; border:1px solid #c5c5c5; color:#c5c5c5; text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 10px; font-size:18px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ border:1px solid #005bac; background:#005bac; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:36px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:16px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ border:1px solid #005bac; background:#005bac; color:#fff;}

.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;}
}

/*pages end*/


/*Top*/
.fp-viewing-0 .Header{background: rgba(0,0,0,0.6) !important;}
.Header{background: rgba(0,0,0,0.6) !important; 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:12%; /*padding-right:40%;*/transition: all ease 0.3s;}
.Header .nav{ font-size:14px; line-height:90px; float:left; color:#fff;transition: all ease 0.3s;}
.Header .nav span{ display:inline-block; vertical-align:top; margin-left:120px;}
.Header .nav a{color:#fff; position:relative; display:inline-block;line-height:33px;}
.Header .nav a i{ opacity:0; background:#fff; 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:#fff; 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:#fff; 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:#fff;}
.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:#003755; 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;text-align: center;}
.NavPull dd a:hover{ background:#EF9C73;}

.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; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#fff; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	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;}


@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:18%; padding-right:0%;}
	.MainNav li{margin-left:20px;}
}
@media ( max-width:1024px){
	
	.Header .nav span{ display:inline-block; vertical-align:top; margin-left:120px;}
	.Header .auto { width: 99%; margin: 0px auto;
}
	.Header .nav span { margin-left: 30px;
}
}

@media ( max-width:998px){
	.HomeBody .Header,.Header{height:46px; padding:0; background-color: rgba(0, 0, 0, 0.35); 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:2px 20px 0 0; width:auto;}.Header .Logo img{ height:42px;}
	.Header .openbtn{ display:block;}
	.Header .nav{ display:none;}.Header .sj{ display:block; float:none; background:#eee; line-height:40px; padding-left:10px;}
	.Header .nav a {color: #003755;}
    .Header .nav a i { background: #003755;}
	.Header .nav span {color: #000;    margin-left: 12px;}
	.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{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
		-ms-transform: translate(0, -3px) rotate(-180deg) !important;
		-o-transform: translate(0, -3px) rotate(-180deg) !important;
		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:2px; width:auto;}
	.Header.Fixedtop .MainNav .top{padding:12px;}
	.Header.Fixedtop .MainNav li span a{height:40px; line-height:40px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#003755;padding:15px 0px 15px; color:#fff; line-height:40px;}
.Footer .auto{ width:95%; margin:0px auto;}
.Footer a{color:#fff;}.Footer a:hover{color:#ffcc00;}
.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: #fff url(../images/selectarr.png) right center no-repeat;}
.Footer .Link select::-ms-expand { display: none; }/*Ie clear arr*/

.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;}
.Footer .Copyright{ float:none; line-height:20px; font-size:12px; padding-bottom:10px;}
/*.Footer .Link{ float:none; margin:0px auto;}*/
.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;}
}

/*Bottom*/


/*首页 s*/
.Banner{overflow:hidden; clear:both; position:relative;}
.Banner .item{ position:relative;}
.Banner .item .img{display: block; width: 100%; opacity: 1;}
.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: #fff; border-radius: 50%;}
.Banner .owl-dots .owl-dot.active{background: #24a75e;}
.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:998px){
.Banner .item .pc{ display:none;}
.Banner .item .mobile{display: block;}
}
@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:360px!important;}
}

.section{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.pt90{padding-top: 5%;}
.HomeTit{font-size: 60px; line-height: 65px; margin-bottom: 5%; color: #333;}
.HomeTit.whitetxt{color: #003755;}
.HomeAbout{width: 51.5%;}
.HomeAbout .info{font-size: 16px; line-height: 34px; /*color: rgba(254,254,254,0.7);*/ max-height: 170px; overflow: hidden;}
.HomeAbout dl{margin: 5% 0;}
.HomeAbout dl dd{width: 30%; float: left; margin-right: 5%; color: #fff; position: relative;}
.HomeAbout dl dd .line{width: 65px; height: 1px; background-color: rgba(255,255,255,0.3); position: absolute; right: -40px; top: 50%;}
.HomeAbout dl dd:nth-child(3n){margin-right: 0;}
.HomeAbout dl dd:nth-child(3n) .line{display: none;}
.HomeAbout dl dd .num{display: block; font-size: 64px; line-height: 59px;color: #003755}
.HomeAbout dl dd p{font-size: 16px; line-height: 30px;color: #000;}

.HomeMore{display: block; width: 160px; line-height: 50px; background: #EF9C73; color: #fff; font-size: 16px; text-align: center;}

.HomeProduct .box,.HomeProduct .bd ul{position: absolute; top: 0px; height: 100%; z-index: 1;}
.HomeProduct .box{width: 41.5%; right: 0px; background-image: url(https://www.xinyiglass.com/en/images/probg.jpg); background-position: right center; background-repeat: no-repeat; background-size: cover;}
.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: 0px; top: 0px; width: 100%;}
.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: #1dd17e;}

.HomeProduct .bd ul{background-repeat: no-repeat; background-size: cover; width: 58.5%; left: 0px;}
.HomeProduct .bd .maskbg{background-color: #1dd17e; background-image: url(../images/maskbg.png); 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/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% 36%; 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%; font-size: 120px; line-height: 100px; color: #fff;}

.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: #003755;}
.HomeProduct .prev:hover{background-image: url(../images/lefton.png);}
.HomeProduct .next:hover{background-image: url(../images/righton.png);}

.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: #666666; padding: 0px 2px; position: relative; z-index: 2;}
.HomeLeft .hd span{position: relative; z-index: 2;}
.HomeLeft .hd em{position: absolute; left: 0px; bottom: 0px; width: 0%; height: 12px; background: #003755; 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%;}
.NewsBox li{transition: all ease 0.3s; width: 33.3333%; position: absolute; top: 0px; height: 100%; background: url(../images/line3.png) repeat-y left top;}
.NewsBox li.n1{left: 0;}
.NewsBox li.n2{left: 33.3333%;}
.NewsBox li.n3{left: 66.6666%;}
.NewsBox li a{display: block; padding: 30% 10%;}
.NewsBox li .date{font-size: 24px; color: #666; margin-bottom: 20px;}
.NewsBox li .date span{display: block; font-size: 90px; color: #e0e0e0; 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%;}
.NewsBox li .info{font-size: 15px; line-height: 26px; color: #666666; 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: #003755; background-image: url(../images/maskbg2.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom;}
.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);}

.hisline{display: none; position: absolute; bottom: 70px; width: 100%; left: 0px; height: 260px; background: url(../images/line4.png) no-repeat center center;}
.w1000{max-width: 1000px; min-width: 320px; margin: 0 auto;}
.HomeHistory .HomeTit{text-align: center;}
.HomeHistory .hd{position: absolute; bottom: 0px; width: 1000px; height: 270px; left: 50%; margin-left: -500px;}
.HomeHistory .hd li{width: 20%; float: left; text-align: center; position: relative;}
.HomeHistory .hd li a{display: block; color: rgba(255,255,255,0.6); font-size: 20px; height: 77px; line-height: 77px; background-image: url(../images/arr1.png); background-position: center bottom; background-repeat: no-repeat;}
.HomeHistory .hd li.on a{background-image: url(../images/arr2.png); color: rgba(29,209,126,0.6); font-size: 30px; line-height: 40px;} 
.HomeHistory .hd li.s1{top: -8px;}
.HomeHistory .hd li.s2{top: 65px;}
.HomeHistory .hd li.s3{top: 78px;}
.HomeHistory .hd li.s5{top: -74px;}

.HomeHistory .bd .year{display: block; height: 90px; line-height: 40px; text-align: center; color: #fff;}
.HomeHistory .bd .year span{font-size: 40px;}
.HomeHistory .bd .year em{display: inline-block; font-weight: bold; width: auto; font-size: 24px; padding-top: 24px; /*background: url(../images/sign.png) no-repeat center top;*/}
.YearSlide{margin-top: 4%;}
.YearSlide .bds .info{margin: 0 15%; padding-left: 20px; font-size: 14px; line-height: 25px; color: #fff; background-image: url(../images/arr3.png); background-repeat: no-repeat; background-position: left 7px;}
.HomeHistory .owl-nav .owl-prev span,.HomeHistory .owl-nav .owl-next span{position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; background-repeat: no-repeat; background-size: cover;}
.HomeHistory .owl-nav .owl-prev span{left: 0px;  background-image: url("../../images/left.png");}
.HomeHistory .owl-nav .owl-next span{right: 0px; background-image: url(../../images/right.png);}

.HomeVideo{width: 66.66%; float: right; position: relative;}
.HomeVideo li{position: relative; width: 31.5%; overflow: hidden;}
.HomeVideo li .Scale-img img{display: block; width: 100%;}
.HomeVideo li .play{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center;}
.HomeVideo li .video video{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #000; display: none;}
.HomeVideo li.v1{width: 66%;}
.HomeVideo li.v2,.HomeVideo li.v3{position: absolute; right: 0px; height: 48%;}
.HomeVideo li.v2{top: 0px;}
.HomeVideo li.v3{bottom: 0px;}

@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;}
}

@media ( max-width:1199px){
	.Banner .item .video,.BannerOn .item .video{display:none;}
	.pt90{padding: 6% 0;}
	.HomeAbout{width: 52%;}
		.HomeAbout dl dd .num{font-size: 35px;}
	.HomeAbout dl dd .line{display: none;}
	.HomeProduct .hd .HomeTit,.HomeProduct .hd{display: none;}
	.HomeProduct .box, .HomeProduct .bd ul{position: static; width: 100%;}
	.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:768px){
	.HomeTit{font-size: 20px; margin-bottom: 3%;}
	.HomeAbout .info{font-size: 14px; line-height: 26px; max-height: 78px;}
	.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,.HomeVideo{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;}
	.HomeVideo{margin-top: 3%;}
	.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;}
	.HomeLeft .info{font-size: 16px; line-height: 26px; color: #535353; height: 20px; overflow: hidden; margin: 0;}
	.NewsBox li{ width: 50%; }
	.NewsBox li.n3 {display: none;}
	.NewsBox li a { padding: 10% 10%;}
	.HomeAbout {width: 100%;}
}

@media ( max-width:640px){
	.HomeAbout{width: 100%;}
	.YearSlide .hds li{font-size: 20px;}
	.HomeVideo li .play{background-size: 36px 36px;}
}

@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;}
	.HomeVideo li.v1{width: 100%;}
	.HomeVideo li.v2, .HomeVideo li.v3{position: relative; width: 48%; height: 108px; float: left; margin-top: 10px;}
	.HomeVideo li.v3{float: right;}
}

.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;}

/*首页 end*/








/*导航新*/
.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:20%; position: absolute; top:1%; 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: 180px; 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 .navlist:hover a{color: #fff;}
#header #nav .item .thisNav a{color: #ffffff; font-weight: 700; font-size: 15px;}
#header #nav .otherItem{color:#fff;position: absolute;width: 100px;padding-left:15px; overflow: hidden; padding: 0.25rem 0; box-sizing: border-box; left: 0; top: 30px; 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 .otherItem{padding: 0.05rem 0;}


#header #nav .otherItem span{ display:inline-block; vertical-align:top; margin-left:12px;}
#header #nav .otherItem a{color:#fff; position:relative; display:inline-block;line-height:33px;font-size:14px;}
#header #nav .otherItem a i{ opacity:0; background:#fff; height:2px; font-size:0px; width:100%; position:absolute; bottom:0px; left:0px;}
#header #nav .otherItem a:hover i,#header #nav .otherItem a.on i{ opacity:1;}


#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.35); 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;}
@media ( max-width:998px){
	.navone{display:none;}
	.navtwo{display:block;}
}

/*联系我们*/
.ContactList li{width: 31.333%; float: left; margin: 0 3% 3% 0;}
.ContactList li:nth-child(3n){margin-right: 0px;}
.ContactList li .pic{position: relative;}
.ContactList li .pic img{display: block; width: 100%;}
.ContactList li .name{position: absolute; left: 0px; bottom: 0px; width: 168px; line-height: 28px; text-align: center; background: #00b651; color: #fff; font-size: 20px; font-weight: bold;}
.ContactList li .con{padding: 20px 0px 0px;}
.ContactList li .con i{display: block; width: 20px; height: 2px; background: #00b651; margin-bottom: 5px;}
.ContactList li .con .info{font-size: 18px; line-height: 30px; color: #333; height: 90px;}

@media ( max-width:768px){
	.ContactList li{width: 48.5%; margin-right: 0px;}
	.ContactList li:nth-child(2n){float: right;}
	.ContactList li .con .info{font-size: 16px; line-height: 24px; height: 72px;}
}

@media ( max-width:480px){
	.ContactList li{width: auto;}
	.ContactList li,.ContactList li:nth-child(2n){float: none;}
	.ContactList li .name{font-size: 18px;}
	.ContactList li .con .info{height: auto;}
}


@media(max-width:480px){
	.maptable .table{overflow:auto;}
	.maptable .table table{width:800px;}
	.maptable .table th:nth-child(1){width:15%;}
	.maptable .table_select .select{height:40px;font-size:15px;}
}





.section-2{background-image:url("../../images/sybj-1.jpg") }
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{font-size: 0px!important}

@media(max-width:768px){
	.section-2{
	background-image:url("../../images/gsjj.png")}
	
}