/* CSS Document */
@media screen and (max-width:1920px){html{font-size:62.5%;}}
html{height: 100%; margin:0; padding:0;font-size: 62.5%;}
body{background:url(../image/bg.jpg) no-repeat fixed; font-family:Tahoma,Helvetica,Arial,"微软雅黑";font-size:1.6rem;}
button,input,select,textarea{color:#333;overflow:scroll; overflow-x:hidden;}
a:link,a:visited,a:active{color:#000;text-decoration:none}
a:hover{color:#008aff;text-decoration:none}
/* webcss start*/

@media (min-width:1024px){#main{margin-top:90px; margin-left:auto; margin-right:auto;width:100%; display:block;position: relative;overflow: visible;}}
@media (max-width:1024px){#main{margin-top:60px;margin-left:auto; margin-right:auto;width:100%; display:block;position: relative;overflow: visible;}}
.top{ margin:0;height:60px; width:100%; background:#002e5d; top:0; color:#FFFFFF; position:fixed; z-index:9999; padding-top:30px; text-align:center;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
#MainMenu{height:30px;padding:3px 15px 5px 15px}
@media (max-width:1024px){.top-banner{ min-width:1024px; min-height:395px;;margin:0 auto;overflow:hidden;position:relative;}}
@media (min-width:1024px){.top-banner{ width:100%;margin:0 auto;overflow:hidden; position:relative; z-index:1; }}
.top-banner:before{content:"";display:inline-block;padding-bottom:38%;width: 0.1px;}
.top-banner img{width:100%; height:100%; min-width:1024px;position:absolute; top:0; left:0;z-index:-1;*zoom:1;}
@media (max-width:1024px){.m-banner{width:1024px; min-height:440px;margin:0 auto;overflow:hidden;position:relative; z-index:1;}}
@media (min-width:1024px){.m-banner{width:100%;margin:0 auto;overflow:hidden;position:relative; z-index:1;}}
.m-banner:before{content:"";display:inline-block;padding-bottom:43%;width: 0.1px;}
.m-banner img{width:100%;height:100%; min-width:1024px;position:absolute; top:0; left:0;z-index:-1;*zoom:1;}

/* div翻页滚动开始 */
.section{width:100%;margin:0 auto;background:#e3f1f7; display:block;overflow:hidden; }
.section-contact{ background:none;}
.pageScroll {position: fixed !important;top: 50%; right:50px;margin-top: -250px; z-index:50;}
.scrollNav {display:block; margin:20px 0;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; }
.scrollNav a {display:block; width:8px; height:8px; text-align:center; border:2px solid #999; border-radius: 50%; background:#FFF; }
.scrollNav a:hover { width:8px; height:8px;background:#F00;border:2px solid #F00; display:block;}
li.scrollNav.active a { width:8px; height:8px;background:#F00; border:2px solid #F00;display:block;;}


/* 首页头部图片 */
.banner-bottom{position:absolute; bottom:0px; width:100%; height:180px; margin:0 auto; display:block;  text-align:center; z-index:10 ; }
.banner-bottom ul{margin:0 auto;}
.banner-bottom ul li{ display:block; font-weight:bold; height:auto; color:#FFF; font-size:3rem; font-family: Georgia, "Times New Roman", Times, serif; margin:15px 0;}
.banner-bottom ul li span{ background-color:#8b0000; padding:5px; letter-spacing:5px;}
.banner-bottom-a{position: absolute; bottom:0px; width:100%; height:180px; margin:0 auto; display:block;  text-align:center; z-index:10 ; }
.banner-bottom-a ul{margin:0 auto;}
.banner-bottom-a ul li{ display:block; font-weight:bold; height:auto; color:#FFF; font-size:3rem; font-family: Georgia, "Times New Roman", Times, serif; margin:15px 0;}
.banner-bottom-a ul li span{ background-color: #002e5d; padding:5px; letter-spacing:5px;}
.section-top .section-top-line{ width:100%; height:10px; background:#FFF; margin:0;}
.section-top .section-top-caret{ width: 0;height: 0;border-top: 30px solid #FFF;border-right: 30px solid transparent;border-left: 30px solid  transparent;border-bottom:30px solid transparent; margin:0 auto;}
.section-top .section-top-caret-u{ width: 0;height: 0;border-bottom: 30px solid #FFF;border-right: 30px solid transparent;border-left: 30px solid  transparent;border-top:30px solid transparent; margin:0 auto;}
.right-top-logo{position: absolute; width:570px; height:130px; top:240px; right:0; z-index:9;}
.right-top-logo img{ display:block;}
.index_main {
    text-align: center;  /* 让子元素作为行内元素居中 */
}

.menulist {
    display: inline-block;  /* 将 .menulist 转为行内块 */
    text-align: left;       /* 恢复内部文字左对齐 */
}
/* 首页头部图片 */
.main-banner ul{ width:1000px; margin:0 auto;}
#slider{ width:1920px; margin:0 auto; overflow:hidden;}
#banner-img{min-height:730px;}
.slider-logo{margin:0 auto;height:120px;background:#FFF;position:relative;width: 100%;}
.slider-logo-img{/* width: 30%; */min-width:360px;/* height:auto; */position:absolute;top:15%;left: 13%;}
.slider-logo-img img{display:block;width:100%;/* height: auto; */}
@media (min-width: 1024px){
.country-link{height:25px;width:100%;max-width:1920px;position:absolute;top:40px;right: 13%;z-index:10;}}
.country-link ul{display:block;}
.country-link ul li{ width: auto; padding:0 10px ; height:20px;; display:inline-block; float:right; font-size:1.4rem; font-family: Georgia, "Times New Roman", Times, serif; line-height:2rem; border-right:1px solid #000;}
.country-link ul li:first-child{border-right:0;}
.country-link ul li span{}
.country-link ul li img{ margin-right:5px; vertical-align:middle;}

@media (max-width:1024px){
.country-link{ display:none;}}
/* div翻页滚动结束 */

/* 首页链接开始 */
.index_main{ width:70%;  margin:0 auto; height:auto; display:block}
.menulist { margin:30px 0 50px 0; display:inline-block; overflow:hidden; font-size:2.0rem;}
@media (max-width:800px){.menulist ul{ width:48%; float: left; min-width:182px;padding:30px 1%; text-align:center; margin:0 auto;}}
@media (min-width:800px) and (max-width:1024px){.menulist ul{ width:31.3%; float: left; min-width:175px;padding:30px 1%; text-align:center; margin:0 auto;}}
@media (min-width:1024px){.menulist ul{ width:23%; float: left; min-width:164px;padding:30px 1%; text-align:center; margin:0 auto;}}
.menulist ul li span{ padding:10px 0; display:block;}
.menulist .menuimg{ margin-bottom:10px;}
.menulist .menuimg a{ height:120px; height:120px; display:block;background: url(../image/gear_1.gif) no-repeat; background-size:120px 120px; background-position:center center;}
.menulist .menuimg a:hover{background: url(../image/gear_2.gif) no-repeat;background-size:120px 120px; background-position:center center; }
.indexgsjs{ clear:both;  margin:0 auto; border-top:1px solid #c3c0b9; padding:35px 0; line-height:30px; display:block; text-align:justify; font-size:2.0rem; }
.indexgsjs-a{ clear:both;  margin:0 auto; padding:30px 0; line-height:35px; display:block; text-align:justify;font-size:2.0rem;}
.text-a{ padding:5px;}
/* 首页链接结束 */
.boxclear{clear:both;}

/* products */
.productcase{ width:70%; min-width:187px; margin:0 auto; overflow:hidden;}
@media (max-width:800px){.productcase .caselist{ width:48%; min-width:100px;display:inline-block; float:left;margin:1%; box-shadow:5px 5px 5px #999; position:relative; overflow:hidden;}}
@media (min-width:800px) and (max-width:1024px){.productcase .caselist{ width:31%; min-width:174px; position:relative;display:inline-block; float:left; margin:1%; box-shadow:5px 5px 5px #999;overflow:hidden;}}
@media (min-width:1024px) {.productcase .caselist{ width:23%; min-width:165px; position:relative;display:inline-block; float:left; margin:1%; box-shadow:5px 5px 5px #999; overflow:hidden; }}
.productcase .divauto{ margin-top:50%;}
.productcase .caselist img{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.productcase .caselist .casetitle{ display:none; position:absolute; left:0; top:0; width:100%; height:100%;background-color:rgba(0,0,0,0.4); text-align:center; line-height:30px;vertical-align:middle; color:#FFF; font-size:1.2rem; padding-top:15%; }
.producttext{ font-size:2.0rem; line-height:35px;text-align:justify;margin:10px; }
.producttext h1{ font-size:3.0rem; text-align:center; padding-bottom:30px;}
.producttext h2{ font-size:2.5rem; padding:30px 0 20px 0;}
.producttext td{ padding:5px;border-bottom:1px dashed #CCC; vertical-align:top;}
.producttext th{ padding:30px 0 5px 5px; }
.producttext table{margin-bottom:30px;}
.producttext img{
	width: 100% !important;
	height:100% !important;
	
}
/*联系我们页面*/
.contact-main{width:70%; margin:0 auto;display:block;overflow:hidden;}
.contact-title h1{font-size:2.5rem; padding:0 0 5px 0; width:100%; margin:0 auto; clear:both; color:#182a31; }
.contact-title-a h1{font-size:2.5rem; padding-bottom:30px; width:100%; margin:0 auto; clear:both; color:#182a31; }

@media (max-width:1300px){.contact-l{ width:100%;min-width:600px; margin:30px auto;  display:block;color:#182a31; font-size:1.8rem;}}
@media (min-width:1300px){.contact-l{float:left; width:40%; display:block;color:#182a31; font-size:1.8rem; line-height:20px;}}
@media (max-width:768px){.contact-l{ width:100%;min-width: 100%;margin:30px auto;  display:block;color:#182a31; font-size:1.8rem;}}




.contact-l .lxfs-box{ width:48%;float:left; margin:0 auto; padding:1%;}
.contact-l hr{ clear:both; height:1px;border:none; border-bottom:1px solid #182a31;margin:5px 0; width:90%; }
.lxfs-box img{ width:60%; height:45%; padding:10%; overflow:hidden;}
.lxfs-box .addname li{padding:10px;vertical-align:middle;}
.lxfs-box .addname li img{ padding-right:20px; display: inline-block; vertical-align:middle;}
.user li{ height:auto; padding:5px 0;}
@media (max-width:1300px){.contact-r{width:100%;min-width:300px;margin:30px auto; display:block;color:#182a31;overflow:hidden; position:relative;}}
@media (min-width:1300px){.contact-r{float:right; width:58%; display:block;color:#182a31; margin-bottom:30px; overflow:hidden; position:relative;}}
.contact-r .map-a{width:100%; padding-top:80%;background:url(../image/dt1.jpg) no-repeat; background-size:100% 100%;  border:2px solid #CCC; position:relative; float:right;}
.map-a-1{ width:2%; height:3%; position:absolute;top:36%; left:44.5%;}
.map-a-2{ width:2%; height:3%; position:absolute;top:31%; left:49.4%;}
.map-a-3{ width:2%; height:3%; position:absolute;top:28.1%; left:50%;}
.map-a-4{ width:2%; height:3%; position:absolute;top:39%; left:92.3%;}
.msg-l{float:left; width:50%; display:block;color:#182a31; margin-bottom:30px; overflow:hidden;}
.msg-l .emailimg{width:15%; height:auto; float:left;}
.msg-l .ico{ width:50px; height:50px; border:1px solid #182a31; border-radius:30px; background:url(../image/yj02.gif) center center no-repeat; background-size:35px 35px;}
.msg-l .emailtext{width:85%; height:auto; float:left;}
.msg-l .user span{ color:#F00; font-weight:bold;}
.msg-l .user input{ height:30px; width:300px; border:1px solid #182a31; margin-left:10px;}
.msg-l .user textarea{height:200px; width:350px;border:1px solid #182a31; margin-left:10px; overflow:hidden; vertical-align:middle;}
.msg-r{float:right; width:50%; display:block;color:#182a31; margin-bottom:30px; overflow:hidden;}
.msg-r .emailimg-r{width:15%; height:auto; float:left;}
.msg-r .ico-r{ width:50px; height:50px; border:1px solid #182a31; border-radius:30px; background:url(../image/cl.gif) center center no-repeat; background-size:35px 35px;}
.msg-r .emailtext-r{width:85%; height:auto; float:left;}
.msg-r .user-a{ border:3px solid #FFF; padding:5px;}
.msg-r .user-a span{ color:#F00; font-weight:bold;}
.msg-r .user-a h2{font-size:2.0rem; padding:5px 0; width:80%;color:#182a31; }
.msg-r .user-a li{ height:30px; line-height:30px;padding:10px;}
.msg-r .user-a  input{ width:15px; height:15px; border:1px solid #182a31; overflow:hidden; background:#FFF;}
.button{ width:100%; clear:both; text-align: center;}
.button input {padding:10px 40px; margin:40px 20px; background:#182a31; overflow:hidden; border:0; display:inline-block;  float:right; color:#FFF; }
.guest-banner-title{position: absolute; bottom:0px; width:100%; height:180px; margin:0 auto; display:block;  text-align:center; z-index:10; }/*联系我们页面*/
.guest-banner-title dl{margin:0 auto; display:inline-block;font-weight:bold; height:auto; color:#FFF; font-size:3rem; font-family: Georgia, "Times New Roman", Times, serif;letter-spacing:5px;}
.guest-banner-title dl dt{background-color:#002e5d;margin:15px 0; padding:5px;}
.guest-banner-title dl dt span{color:red;}
.guest-banner-title dl dd span{background-color:#002e5d;margin:15px 0;padding:5px;}

/*友情连接列表页*/
.page-Friendlink{padding:10px 0px}
.page-Friendlink ul{width:680px;margin:0 auto}
.page-Friendlink ul li{float:left;display:inline;padding:5px}
.page-Friendlink ul li a{display:block;width:120px;height:60px;line-height:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#FFF;font-size:14px;border:#e5e5e5 1px solid;padding:2px}
.page-Friendlink ul li a:hover{background:#cbe7ff;border:#1181d1 1px solid}
/*版权信息*/
#copyright{ }
.copybottom{width:100%;padding:0; margin:50px 0 0 0;text-align:center; display:block; clear:both; background:#2e2e2e;}
.copyright-title{ width:100%; min-height:110px; background: #404040;}
.copyright-title p{color:#FFF; font-size:2rem; font-weight:bold; text-align:center; line-height:30px; padding-top:20px;}
.copyright-img{width:70%;position:relative;margin: 10px auto;}
.copyright-img:after{content:""; clear:both; width:0; height:0;}
.copyright-img-left img {
    width: 40%;
    height: 7%;
}
.navfoot{margin:5px;}
.navfoot>a{color:#CCC;padding-right: 10px;}
.copyright-nav{margin-top:10px;}
.copyright-img-right  img{ display:block; width:40%;height:7%; float:right;}
.copyright-link {
    width: 70%;
    color: #FFF;
    overflow: hidden;
    margin: 0 auto;
    overflow:hidden;
    }
.copyright-link ul { display:inline-block;position:relative; overflow:hidden; margin:0 auto;}
@media (max-width:1024px) {.copyright-link ul li{width:48%; padding:10px 1%; float:left; margin:0 auto ; position:relative;text-align:center; overflow:hidden;}}
@media (min-width:1024px) {.copyright-link ul li{width: 18%;padding: 8px 1%;float:left;margin:0 auto;position:relative;text-align:center;overflow:hidden;}}
.copyright-text{ color:#CCC; line-height:30PX;}
.copyright-text a{color:#CCC;}

/*首页图片文字浮动*/
.index-ad{ width:1360px; margin:0 auto; position:relative;}
.product-case{ width:300px; height:auto; height:150px; display:block; float:left;  margin:20px  ; overflow:hidden;box-shadow:5px 5px 5px #999; }
.case-img { height:auto;width:100%; position:relative;display:block;margin:0 ; line-height:20px;} 
.case-img a{}
.case-img:hover {}
.case-img:hover span{height:100%; display:block;}
.case-img span {position: absolute;left: 0; bottom:0;overflow:hidden;width:100%;height:0;background-color:rgba(120,120,120,0.6);text-align: center;color:#FFF; font-size:1.4rem; font-family: Arial, Helvetica, sans-serif; text-align:center;margin-top:-100px;}
.case-img span .imgtext{ width:100%; height:100%; padding:30px 0 0 0;}
/*首页案例图片放大*/
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 90px; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title {font-size:2.5rem; text-align: center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;color: #FFF; display: none;  position:absolute; bottom:50px; left:50%; transform: translate(-50%); background:#8b0000; margin:0 auto; padding:5px 15px;}
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
/*联系我们资深团队*/
#ffdd{position:absolute; width:100%; height:auto; z-index:100; border:1px solid #F00}



/* 手机端样式 - 当屏幕宽度小于等于768px时 */
@media screen and (max-width: 768px) {
    .copyright-img-left img {
        width: 100%;
        height: 7%;
		
    }
	.productcase {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.index_main {
    width: 100%;
    /* min-width: 400px; */
    margin: 0 auto;
    height: auto;
    display: block;
}
.copyright-link ul {
    /* width: 70%; */
    /* min-width: 560px; */
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
    .copyright-link ul li {
	width: 100%;}
	.copyright-link{
		    width: 100%;
	}
}


/*联系我们资深团队*/
@media (max-width:800px)
 {.zstd{text-align:center; height:auto; overflow:hidden;}
      .zstd-m{width:90%; display:inline-block; }
      .zstd-txbox{ width:48%; height: auto; display: inline-block; float:left; margin:0 1% 2% 1% ; background:#182a31; }
 }
@media (min-width:800px) and (max-width:1024px)
   {.zstd{text-align:center; height:auto; overflow:hidden;}
      .zstd-m{width:90%; display:inline-block;}
      .zstd-txbox{ width:31%; height: auto; display: inline-block; float:left; margin:0 1% 2% 1% ; background:#182a31; }
 }
@media (min-width:1024px) 
     {.zstd{ text-align:center; height:auto; overflow:hidden;}
      .zstd-m{width:70%; display:inline-block;}
      .zstd-txbox{ width:23%; height: auto; display: inline-block; float:left; margin:0 1% 2% 1% ; background:#182a31; }
 }
.ourteam{font-size:2.5rem; width:70%; margin:0 auto;color:#182a31; padding:10px 0;}
.zstd-tx{ width:100%; height:auto;}
.zstd-tx img{ display: block; margin:0 auto;height:170px;}
.zstd-title{display: flex;align-items:center; height:30px;margin:0 auto;color: #FFF; font-size:1.2rem; text-align:left; padding:10px;  }
.zstd-in{ width:80%; margin:0 auto; border-top:1px solid #FFF; padding:10px 0; text-align:right;}
/*联系我们地图*/
.mp{ position:fixed;display:none; background:#FFF; color:#000; font-size:1.2rem; padding:10px 20px; box-shadow:5px 5px 5px #999999; border-radius:10px; line-height:2rem; z-index:9999;}
.mp h3{color:#3b97bc;font-size:2rem; border:none;}

/*联系我们遮罩显示*/

#fullbg {position: fixed;width: 100%;height: 100%;top: 0;left: 0; background-color: #333;opacity: 0.4;z-index: 999999999999999999999; display:none;}
#dialog {width:320px; height:80px ;border-radius: 10px; top: 50%; left: 50%; box-shadow: 0 2px 8px #555 ;background-color: #f3f3f4;  border:1px solid #000;  padding:30px 0;  text-align:center;  z-index: 9999999999999999999999; position: fixed; display:none;margin-left:-160px;margin-top:-75px; line-height:30px;}
#dialog  ul li{ list-style:none; text-align:center; line-height:30px;}