@charset "utf-8";/* CSS Document */
* {padding: 0px;border: none;margin: 0px;list-style: none; font-style:normal;}
body { font-weight:400;  font-size:100%; overflow-x: hidden;color: #575757; background-color:#FFF;}
a {text-decoration: none;outline: none;color: #575757;cursor: pointer;transition:all 0.3s ease-in 0s;}
a:hover {color:#575757;}
.left, .l {float: left;}
.right, .r {float: right;}
.clear{ width:100%; height:1px; clear:both;}
.center{ width:1200px; margin:0px auto;}
#mbnav{ display:none;}

.header{ width:100%;  color:#004ea3; border-top:3px solid #004ea3; padding:1.5em 0px;}
.header .logo{ width:62%; float:left; }
.header .logo img{ width:100%;}
.header .tel{  float:right;}
.header span{display:block; }
.header span a{ width:1.5em; height:1em; margin-right:1em; float:left; display:block;}
.header span a img{width:1.5em; height:1em; }
.header strong{ display:block; font-size:1.5em; margin-top:0px; }
.header strong em{ font-size:1em; font-weight:normal;  }




.navpc{ width:100%;  background-color:#004ea3;}
#menu{   margin:0px auto; display: table;}
#menu li{ text-align:center; position:relative; z-index:9999; display:table-cell;}
#menu #home{ margin-left:0px;}
#menu li a{   display:block; color:#fff; line-height:100%; font-size:1em; transition:all 0s ease-in 0s; padding:1.2em 0px;}
#menu li ul{ width:calc(100% + 2em); left:-1em; display:none; position:absolute;   background-color:#004ea3; z-index:9999;}
#menu li ul li{ width:100%;  border-bottom:1px solid #06c;  display:block;}
#menu li ul li a{ line-height:normal;  background:none; display:block; white-space:nowrap;  font-size:0.875em;  }
#menu li ul li a:hover{ background-color:#06c; color:#fff;}



.banner_ny{ width:100%; }
.banner_ny img{ width:100%; display:block;}

.banner{width:100%;}

.slide-main{position:relative;}
.slide-box{width:100%; position:relative;overflow:hidden;}
.slide{display:none;}
.slide .img01{ width:100%; display:block;}

.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:9999;top:50%; margin-top:-20px; overflow:hidden;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);}
.prev img,.next img{ width:100%;}
.prev:hover,.next:hover{opacity:1;filter:alpha(opacity=100);}
.prev{left:3%;}
.next{right:3%;}

.item{display:block;width:100%;position:absolute;z-index:999; bottom:0px;left:0;text-align:center;}
.item a{display:inline-block;width:1em; padding:0.5em 0px; margin:0px 0.6em;}
.item a::before{display:block; content:''; width:100%; height:1em; background-color:#FFF;border-radius:50%;}
.item a.cur::before{  background-color:#ff0000;}




.ztc{ width:100%;  background-color:#f0f0f0; padding:1.2em 0px; display:flex;flex-wrap: wrap;}
.ztc .l{  flex:1;   height:100%; display: table;}
.ztc .l a,.ztc .l span{ padding-right:0.6em; line-height:100%;  height:100%; display:table-cell; vertical-align:middle; width:auto; font-size:0.875em;}
.ztc h1{ font-size:1.375em; }

.ztc .r{ flex:1;   }
#sousuo{  border: 1px solid #ccc;  height: 30px;overflow: hidden;width: 191px;  border-radius: 3px; background-color:#FFF; float:right;}
#ssk{width:150px; height:24px; padding:3px 5px 0px; float:left; font-size:14px; line-height:24px;}
#ssk #q{ width:150px; height:24px;}
#ssk input{border:0px; }
#searchButton{width:30px; height:30px; float:left; background:url(../images/sousuo.jpg) no-repeat; cursor:pointer; padding:0px; margin:0px; border:none;}


.main01{ width:100%; margin-top:3.875em;;}
.main_t{ width:96%;text-align:center; margin:0px auto;}
.main_t h2{ color:#555c60; font-size:2.2em; }
.main_t span{ display:block;font-size: 1em; padding-bottom:1em; background:url(../images/011.png) center bottom no-repeat;color: #8d8e8f;}

#cpbig { margin:2.5em auto 0px;}
#cpul {width:100%;  display:flex; flex-wrap: wrap;}
#cpul li {width:33.333%;  float:left;  text-align:center; position:relative; flex:1; }
#cpul li a {width:100%; height:100%;display:block; }
#cpul li a.a1{ background:url(../images/012.jpg) center top no-repeat #eee; background-size:  100% auto;}
#cpul li a.a2{width:calc(100% -2px); background:url(../images/013.jpg) center top no-repeat #eee; border-left:1px solid #ddd;border-right:1px solid #ddd;background-size:  100% auto;}
#cpul li a.a3{ background:url(../images/014.jpg) center top no-repeat #eee; background-size:  100% auto;}
#cpul li a img{ margin: 40px auto 10px; width:50%;  animation: syicon 3s ease-in-out infinite;}
@keyframes syicon{
	0%{opacity: 0.8;transform: translate(0,0);}
	50%{opacity: 1;transform: translate(0px,20px);}
	100%{opacity: 0.8;transform: translate(0,0);}
}
#cpul li i{ width:21px; height:10px; background:url(../images/019.png) center center no-repeat;  position:absolute; left:50%; margin-left:-10px; top:365px; display:none;}

#cpul li a strong{ display:block; font-size:1.125em; color:#004ea3; padding-bottom:1.375em;}
#cpul li a span{ width:67.5%; display:inline-block; font-size:0.875em; line-height:137.5%; color:#8d8e8f; padding:0.625em 0px 1.375em; margin-bottom:0.625em;}
#cpul li.cpft a {background-color:#004ea3;}
#cpul li.cpft a strong,#cpul li.cpft a span{color:#FFF; background:url(../images/018.png) center bottom no-repeat;}
#cpul li.cpft  i{ display:block;}

.cpsmall { width:calc(100% - 1px); display: none; border-left:1px solid #eee; float:left;}
.cpsmall a{ width:calc(20% - 1px);float:left; text-align:center; border-right:1px solid #eee; border-bottom:1px solid #ddd;}
.cpsmall a img{ width:83.75%; height:83.75%; padding:5px 0px;}
.cpsmall a span{ display:block; height:2em; font-size:0.875em; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.cpsmall a.last{ margin-left:-1px;}

#cpbig div.cpft { display: block}



.main02{ width:100%;  padding:2em 0px; }
.main02 .center{ margin-top:2.5em;}
.main02 ul li{width: 23.125% ; margin-right:2.5%;margin-bottom:2.5%; background-color: #FFF;float: left;text-align: center;}
.main02 ul li.last{ margin-right:0px;}
.main02 ul li img{ width:100%; max-height:171px;}
.main02 ul li i{ display:block; line-height:1.875em; text-align:center; font-size:0.875em;}

.main03{ width:100%; margin-top:3.875em; position:relative; padding-top:3.125em; overflow:hidden; }
.main03 img{ width:100%; display:block;}
.main03 .main_t{ position:absolute; left:0px; top:0px;}

.main04{ width:100%; text-align:center; color:#FFF;}
.main04 strong{ display:block; background:url(../images/402.png) center bottom no-repeat; padding:3em 0px 3em;  font-size:1.875em;}
.main04 span{ width:90%; padding:0px 5%; display:block;  text-align:center; line-height:200%; font-size:1.125em; padding-bottom:8em;}



.main05{width:100%; margin-top:3.75em;}
.main05 .center{ overflow: hidden;margin: 1.875em auto 3.75em; display:flex;}

.newsimg{width: 45%; float: left;display:block; }
.newsimg ul{flex-wrap:wrap; width:100%; display:flex;}
.newsimg li{  float:left; margin:0px 5.4% 5.4% 0px;  flex:0 0  44.5%; display:block;}
.newsimg li a{ flex-wrap:wrap; width:100%; display:flex;}
.newsimg li img{width:100%; height:83.78%; display:block;}
.newsimg li em{ display:block;  text-align:center; height:1.875em; line-height:1.875em; font-size:0.875em;}

.newstxt{width: 53.33%;display: block;float: right; }
.newstxt ul{object-fit: inherit;}
.newstxt ul li{width: 100%;overflow: hidden;border-bottom: dashed 1px #ece9e9; }
.newstxt ul li a.tit{ width:70%;line-height: 3.125em;color: #494848;float: left;-webkit-transition:all .8s ease;background: url(../images/037.jpg) no-repeat left -66px center; font-size:0.875em; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newstxt ul li:hover a.tit{background: url(../images/037.jpg) no-repeat left center; padding-left: 66px;color: #004ea3;-webkit-transition:all .8s ease;background-size: 40px;padding-left: 46px; }
.newstxt ul li a.date{font-family: arial;font-size:0.75em;color: #485056;line-height: 3.125em;float: right;}



.footer{ width:100%; position:relative; background-color:#555c60; margin-top:3.125em; position:relative; z-index:99;}
.footer .footernav{ width:100%; height:60px; background:url(../images/footer01.png) center top no-repeat; position:absolute; top:-41px; line-height:60px; text-align:center;}
.footer .footernav a{ margin-left:1em; color:#deead8; font-size:0.875em;}

.footer .m{  margin:0px auto;}
.footer .m .n{ width:100%; display:table; padding-top:3em;}
.footer .m dl{  display:table-cell; vertical-align:top; width:auto; padding:0em 2.8em; position:relative;}
.footer .m dl::after{ width:1px; height:100%; background-color:#788186; right:0px; top:0px; content: ""; display:block; position:absolute; z-index:1;} 

.footer .m dl dt{ height:2.8em; line-height:1.8em; color:#FFF; font-weight:bold;  font-size:0.875em; width:auto;}
.footer .m dl dt a,.footer .m dl dt a:hover{color:#FFF; }
.footer .m dl dt::after{ width:1px; height:2.8em; background-color:#2272cb; right:0px; top:0px; content: ""; display:block; position:absolute; z-index:2;} 


.footer .m dl dd{  color:rgb(220, 220, 220); width:auto;}
.footer .m dl dd a,.footer .m dl dd a:hover{color:rgb(220, 220, 220); display:inline-block;}

.footer .m .dl01{ padding-left:0px;}
.footer .m .dl01 dt{ padding-left:0px;}
.footer .m .dl01 dd{ line-height:30px; font-size:0.875em;}

.footer .m .dl02 dd a{  font-size:0.875em; line-height:2.8em;}

.footer .m .dl03{ display:none;}
.footer .m .ewm{ text-align:center; color:rgb(220, 220, 220); line-height:30px; font-size:0.75em; display:table-cell; vertical-align:top; padding-left:2.8em;}
.footer .m .ewm img{ width:100%; max-width:120px; display:block; margin:0px auto;}
.footer .m .n,.footer .link{ padding-bottom:1.75em;}

.footer .link,.footer .link a{ color:rgb(220, 220, 220); font-size:0.875em;}

.footer .f{ width:100%; height:60px; line-height:60px; text-align:center; color:rgb(220, 220, 220);background-color:#4d5357; font-size:0.875em;}
.footer .f a,.footer .f a:hover{color:rgb(220, 220, 220);}
.footer .f .l em{ font-size:10px; padding-left:1em;}



/*产品列表*/

.main{ margin:2.5em auto 0px; position:relative;}
.main .left{width:76%; box-sizing: border-box;padding-bottom:3em;}
.listpro{ width:100%; padding-bottom:0.625em;}
.listpro li{width:31%; margin: 0px 3.32% 3.32%  0px; position: relative;  border: 1px solid #eee;  vertical-align: top; box-sizing: border-box; text-align: center; float:left;}
.listpro li.last{ margin-right:0px;}
.listpro li a{ display:block; padding:1.125em 0px;}
.listpro li a:hover{box-shadow:0px 0px 1.8em rgba(0,0,0,0.3);}
.listpro li img{ width:91%; display:block; margin:0px auto;}
.listpro li h2{font-size: 1em;line-height: 1.5em;color: #575757;transition: all .3s; padding-top: 0.5em; font-weight:normal;}
.listpro li em{font-size: 0.875em; line-height: 157%; padding-top: 0.5em;  color: #575757; display:block;}

.main .right{ width:18%; background-color:#004ea3; padding:4em 2% 3.25em;  right:0px; margin-top:-10em; position:absolute;}
#nybig { position:relative; min-height:550px;}
#nyul p a {padding-left:25%; display: block; font-size: 1em; line-height: 3em; color: #fff; position:relative; }
#nyul p a:before{content: ""; display: block;  height: 1px; width: 0; background: #fff; transition: all .6s; position: absolute; left: 0; top: 50%;}
#nyul p a:hover:before{ width:3em;}
#nyul p.nyft a{ color: #fff;}
#nyul p.nyft a:before{width:25%;}
#nybig .nysmall {display: none; padding-left:25%; }
#nybig div.nyft { display: block}

#nybig .nysmall a{display: block;font-size: 0.875em;line-height: 215%;padding-left:0.625em;color: #fff;position: relative;}
#nybig .nysmall a:before{    content: ""; display: block;  border: 4px solid transparent; border-left-color: #002c43; position: absolute;  left: 0px;top: calc(50% - 2px);transition: all .6s;}
#nybig .nysmall a:hover:before{border-left-color:#fff;}

#nybig h3{font-size: 3em;font-weight: bold; color: rgba(255,255,255,.3); left:-14.5%; writing-mode: vertical-lr; position: absolute;bottom:0px;}



/*产品内页*/

#showpro #Article{width:100%; display:flex; flex-wrap: wrap;}
#showpro #Article .proinfo{ width:44.5%;  flex:1; position:relative; }
#showpro #Article .proinfo h1{ padding-left:1.25em; font-size:1em; background:url(../images/056.jpg) left center no-repeat; background-size: auto 100%; color:#000;}
#showpro #Article .proinfo h1 strong{ line-height:1.07em; height:1.358em; font-size:1.75em; border-bottom:1px solid #e5e5e5; display:block;}
#showpro #Article .proinfo h1 span{ line-height:167%; display:block; font-size:1.125em; font-weight:normal;}
#showpro #Article .proinfo em{margin:20px 0 0;padding:0.5em 1.25em;line-height:175%;font-size:0.875em;color:#555c60;background:#ddd; display:block;}
#showpro #Article .proinfo h3{padding-top: 0.85em;line-height: 1.67em;font-size: 1.125em; font-weight:bold;}
#showpro #Article .proinfo p{line-height: 215%;font-size: 0.875em;padding-left: 1.28em; position: relative;}
#showpro #Article .proinfo p:before{content: "";display: block;border: 0.25em solid transparent;border-left-color: #4c0a0f;position: absolute;left: 0.3em;top:0.8em;}

#showpro #Article .proinfo .zx{ width:calc(100% - 2px - 1.5em);   border:2px dashed #999; padding:0.625em;  border-radius:0.625em; float:right; position: absolute; z-index:999; right:0px; bottom:0px; display:table;}
#showpro #Article .proinfo .zx span{ display:table-cell; vertical-align:middle;}
#showpro #Article .proinfo .zx a, #showpro #showpro .rf a:hover{color:#008ada;}
#showpro #Article .proinfo .zx span b{color:#008ada; font-size:1.5em;}
#showpro #Article .proinfo .zx .link{ width:40%;   margin-right:2px; display:table-cell; vertical-align:middle;}
#showpro #Article .proinfo .zx .link img{ width:100%;}

.leftimg{width:53.5%;  flex:1;  margin-right:2%;}
#showpro #Article .big-pic{width:100%;  text-align:center; position: relative; }
#showpro #Article .big-pic #big-pic{width:calc(100% - 2px); border:1px solid #eee; overflow:hidden;  }
#showpro #Article #big-pic img{ display:block; width: auto; width:100%;}

#showpro .photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
#showpro .photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
#showpro .photo_prev a,.photo_next a{background-image: url(../images/057.png);display:block; width:100%; height:100%; outline:none;}

#showpro .photo_prev a{cursor:url(../images/v9/prev.cur), auto;}
#showpro .photo_next a{cursor:url(../images/v9/next.cur), auto;}




#showpro #Article .list-pic{ margin-top:0.625em; display:flex; flex-wrap: wrap;}
#showpro #Article .pre-bnt,#showpro #Article .next-bnt{ width:15px; float:left;  flex:1;}

#showpro #Article .pre-bnt img,#showpro #Article .next-bnt img{ display:block; float:left;}

#showpro #Article .cont{overflow:hidden; float: left; width:calc( 100% - 35px); height:100px; margin-right:5px;}
#showpro #Article .cont li{ float:left; width:110px; text-align:center; display:block; overflow:hidden}
#showpro #Article .cont li .img-wrap{width:100px;height:100px; margin:0 auto;}
#showpro #Article .cont li .img-wrap a{width:98px; height:98px; outline: medium none; border:1px solid #eee; display:block;}
#showpro #Article .cont li.on .img-wrap a{border:1px solid #004ea3;}


#showpro #endSelect{top:203.5px;left:125px;position:absolute;width:230px;height:71px;border:1px solid #8a8a8a;display:none;z-index:200;}
#showpro #endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;}
#showpro #endSelect .E_Cont{position:absolute;top:10px;left:26px;color:#fff;font-size:14px;}
#showpro #endSelect .E_Cont p{padding:4px 0;zoom:1;overflow:hidden;}

#showpro #rePlayBut{float:left;width:69px;height:23px; background: url(../images/053.png) no-repeat}
#showpro #nextPicsBut{float:left;width:97px;height:23px;margin-left:10px; background: url(../images/054.png) no-repeat}
#showpro #endSelect #endSelClose{position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2; background: url(../images/055.png) no-repeat}


.proshow{ width:100%; padding-top:1.875em;}
.proshow h4{width: 100%; line-height: 280%; font-size: 1.2em;  background-color:#004ea3;color:#FFF; text-align: center;}
.proshow .con{ width:100%; }
.proshow .con table{ width:100%; background-color:#eee; border:1px; cellspacing:1px; cellpadding:1px;}
.proshow .con table th{ background-color:#008ada; padding:0.625em; color:#FFF;}
.proshow .con table td{ background-color:#fff; padding:0.625em;}



/*客户案例*/
.maincase{ width:100%;}
.listcase{ width:100%; background-color:#f5f5f5; padding:20px 20px 0px 0px; float:left;}
.listcase li{ width:calc(25% - 65px); padding:20px 20px 10px; margin-left:20px; margin-bottom:20px; background-color:#FFF; float:left; text-align:center;}
.listcase li em{ display:block; width:100%; overflow:hidden; padding-bottom:0.5em; }
.listcase li img{ width:100%; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; }
.listcase li a:hover img{transition: transform 500ms;  transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.listcase li i{ display:block; font-size:1em;}



#showcase{ width:100%; margin:2.5em auto 0px;}
#showcase #Article{ width:100%; display: flex; flex-wrap: wrap;}
#showcase #Article .proinfo{width: 35%; position: relative; color:#999; float:right;}
#showcase #Article .proinfo h1{height:3.33em; font-size:1.5em; line-height:200%; color:#000;}
#showcase #Article .proinfo p{ line-height:1.5em; padding-bottom:0.625em; font-size:1em;}


#showcase #Article .leftimg{ width:60%; margin-right:5%;}
#showcase #Article .big-pic{width: 100%;text-align: center;position: relative;}
#showcase #Article .big-pic #big-pic{width: calc(100% - 2px);border: 1px solid #eee;overflow: hidden;}
#showcase #Article #big-pic img{ display: block;width: 100%;;}

#showcase .photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
#showcase .photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
#showcase .photo_prev a,.photo_next a{background-image: url(../images/057.png);display:block; width:100%; height:100%; outline:none;}

#showcase .photo_prev a{cursor:url(../images/v9/prev.cur), auto;}
#showcase .photo_next a{cursor:url(../images/v9/next.cur), auto;}




#showcase #Article .list-pic{ margin-top: 0.625em;display: flex;flex-wrap: wrap;}
#showcase #Article .pre-bnt,#showcase #Article .next-bnt{ width:15px;  float:left;  flex:1;}
#showcase #Article .pre-bnt img,#showcase #Article .next-bnt img{display:block; float:left;} 
#showcase #Article .cont{overflow:hidden; float: left; width:calc( 100% - 35px); height:100px; margin-right:5px; }
#showcase #Article .cont li{ float:left; width:110px; text-align:center; display:block; overflow:hidden}
#showcase #Article .cont li .img-wrap{width:100px;height:100px; margin:0 auto;}
#showcase #Article .cont li .img-wrap a{width:98px; height:98px; outline: medium none; border:1px solid #eee; display:block;}
#showcase #Article .cont li.on .img-wrap a{border:1px solid #004ea3;}


#showcase #endSelect{top:203.5px;left:125px;position:absolute;width:230px;height:71px;border:1px solid #8a8a8a;display:none;z-index:200;}
#showcase #endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;}
#showcase #endSelect .E_Cont{position:absolute;top:10px;left:26px;color:#fff;font-size:14px;}
#showcase #endSelect .E_Cont p{padding:4px 0;zoom:1;overflow:hidden;}

#showcase #rePlayBut{float:left;width:69px;height:23px; background: url(../images/053.png) no-repeat}
#showcase #nextPicsBut{float:left;width:97px;height:23px;margin-left:10px; background: url(../images/054.png) no-repeat}
#showcase #endSelect #endSelClose{position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2; background: url(../images/055.png) no-repeat}


.casemore{ width:100%; margin:5em auto 4em;}
.casemore h3{margin-bottom: 1em;font-size: 1.25em; height:2.1em; line-height:2.1em; padding-left:2.1em;}

.casemore .flagcase{ width:58%; float:left; }
.casemore .flagcase h3{ background:url(../images/061.png) left center no-repeat;}
.casemore .flagcase a{padding: 0.6em 1.1em; margin-bottom:0.6em;  margin-right: 1.2em; line-height: 1em; border: 1px solid #ddd; border-radius: 30px; color: #999; display:block; float:left;}


.casemore .othercase{ width:40%; float:right;}
.casemore .othercase h3{ background:url(../images/062.png) left center no-repeat;}
#casebig {width:100%;}
#caseul {width:42%; display:block; float:right;}
#caseul li {width:100%; height:1.75em;  line-height: 1.75em; }
#caseul li a {color: #111; font-weight:bold; font-size:1em;}
#caseul li.caseft a {color: #004ea3;}
.casesmall {display: none; width:54%; float:left;}
.casesmall img{ width:100%; display:block;}
#casebig div.caseft { display: block}


/*新闻动态*/


.main .listnews{width:100%; display:block; margin-top:-1.5em;}
.main .listnews li{ width:100%; padding:1.25em 0px;   overflow:hidden; border-bottom:1px dotted #DEDEDE; position:relative;}

.main .listnews li .img{ width:20%; float:left; margin-right:2em;}
.main .listnews li img{ width:100%; max-height:120px; display:block;}

.main .listnews li strong{ height:1.5em; font-size:1em;}
.main .listnews li strong a{color:#000;}
.main .listnews li span{  line-height:150%; font-size:0.875em; padding-top:0.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.main .listnews li i{ display: block;  position:absolute; left:calc(20% + 2.66em); bottom:1.6em; font-size:0.75em;}

.main .listnews li em{ display: block;  position:absolute; right:0px; bottom:1.25em; }
.main .listnews li em a{color:#004ea3; font-size:0.75em;}


.showcon{ width:100%; }
.showcon .tit{ font-size:1.5em; color:#111; line-height:30px;  margin-bottom:10px; text-align:center;}
.showcon .info{  text-align:center; color:#999; margin-bottom:2.5em; font-size:1em;}
.showcon .info span{ padding:0px 1.2em; font-size:0.75em;}
.showcon .con { line-height:180%; font-size:0.875em;}
.showcon .con p{ margin-bottom:1.25em;}

/*单页*/
.pageh1{ width:100%; height:2.5em; line-height:2.5em; font-size:1.5em; color:#000; margin:0px auto;}




/*服务与支持*/

.fuwu_1{ width:100%; margin:3.75em auto 0px;}
.fuwu_1 li{ width:30.66%; margin-right:4%; float:left;}
.fuwu_1 li.last{ margin-right:0px;}
.fuwu_1 li img{ width:100%; display:block;}
.fuwu_1 li strong{ display:block; padding:0.7em 0px; font-size:1.25em; font-weight:normal;}
.fuwu_1 li span{ display:block;}

.fuwu_2{ width:100%; margin:3.75em auto 0px; }
.fuwu_2 dt,.fuwu_3 dt{    width: 100%;     padding-bottom:1.25em;     font-size: 2em;     color: #333;}
.fuwu_2 dd{ width:100%; display:flex;flex-wrap: wrap;}
.fuwu_2 dd p{  padding:0.625em 0.9375em 0.9375em 0.9375em; line-height:180%; display:inline-block; margin-right:4%; border:1px solid #ddd; flex:0 0 calc(30.66% - 2em);}
.fuwu_2 dd p strong{ width:100%; font-weight:normal; font-size:1.25em; padding-bottom:0.78em; display:block}



.fuwu_3{ width:100%; margin:3.725em auto 2em ;}

.fuwu_3 dd{ border:1px solid #ddd; padding:0.625em 0.975em 0.975em 0.975em; line-height:180%; background: url(../images/099.jpg) right center no-repeat;}
.fuwu_3 dd p{ width:60%;}

/*关于格莱尼尔*/

.about_1 { width:100%; margin:3.7em auto 0px; font-size:1.125em; text-align:center; line-height:180%; }
.about_1 p{ margin-bottom:1.2em; font-size:1em;}

.about_2{width:100%; text-align: center; margin:3.8em auto 0px;}

.about_2 .titcn{width:100%; padding-bottom:4px; font-size: 2.25em; color: #333;}
.about_2 .titen{width:100%; font-family: Arial;   font-size: 1.125em; margin-bottom:2.5em; padding-bottom:1.7em; background: url(../images/043.jpg) center bottom no-repeat;}


.about_3{width:100%; margin:4em auto 3.7em;}
.about_3 .tit{width:100%; padding-bottom:1em; font-size: 2.25em; color: #333; text-align:center;}
.about_3 .con{width:100%; background-color:#00458f; font-size:1.125em; color:#FFF; padding:3.125em 0px; border-radius:1em;}
.about_3 .con .center{ width:90%; margin:0px auto; display:table;}
.about_3 .con .a_l{ width:65%; line-height:180%;   display:table-cell; vertical-align: middle;}
.about_3 .con .a_l p{padding-bottom:1.25em; padding-right:2em; font-size:1em;}
.about_3 .con .a_r{ display:table-cell; width:35%;  vertical-align: middle;}
.about_3 .con .a_r img{ width:calc(100% - 0.75em);  border:0.375em solid #fff;border-radius:0.375em;}

/*联系我们*/
.lianxi{ margin:2em auto;  background: url(../images/003.jpg) right center no-repeat; background-size: auto 100%;}
.lianxi dl{ float:left; margin-top:1.5em;}
.lianxi dl dt{ width:100%; margin-bottom:0.625em;}
.lianxi dl dd{ line-height:1.5em;}
.lx_l{ margin-right:2em;}
.lx_l span,.lx_l strong{ display:block; width:100%; font-size:0.875em;}
.lx_m p{ margin-bottom:0.6em; font-size:0.875em;}

/*分页*/
.page{ width:100%; margin:1em 0px;}
.page span,.page a{ display:inline-block; padding:3px 12px; border:1px solid #ddd;}
.page span{ color:#e01234;}



@media screen and (min-width:1601px) and (max-width:1850px) {



}

@media screen and (min-width:1441px) and (max-width:1600px) {
body{ font-size:90%; }



}
@media screen and (min-width:1240px) and (max-width:1440px) {
body{ font-size:90%; }



}

@media screen and (min-width:1024px) and (max-width:1239px) {
body{ font-size:90%; }
.center{ width:94%;}

.footer .m dl,.footer .m .ewm{ padding:0px 1em;}


}

@media screen and (min-width: 850px) and (max-width:1023px) {
body{ font-size:75%; }
.center{ width:94%;}

.footer .m dl,.footer .m .ewm{ padding:0px 1em;}

}

@media screen and (min-width: 641px) and (max-width:849px) {
body{ font-size:87.5%; }
.center{ width:96%;}
.header{ display:none;}
.navpc{ display:none;}

.banner,.banner_ny{ padding-top:3em; overflow:hidden;}
.banner_ny img{ width:160%; margin-left:-30%;}
.slide .img01{ width:140%; margin-left:-20%;}

#mbnav{ width:100%;   display:block;  padding:0.8em 0px; background-color:#004ea3;   position: fixed;    left: 0px;    top: 0px;    z-index: 999999999; }
#mbnav .center{ width: 100%;}
#mbnav .l{ height:2em; margin:0px 0px 0px 3%;}
#mbnav .l img{ height:2em;}
#mbnav .right{ height:2em; width: auto;   position:absolute; z-index:9999999; right:3%;}
#mbnav .right img{ width:auto; height:1.5em; padding:0.25em;}
#guanbi{ display:none;}
#mnavul{ width:100%; height:100%; position: relative; top:0px; background-color:#fff; overflow: auto; display: none; z-index:9996;}
#mnavul h3{ width:calc(97%); background-color:#004ea3; color:#FFF; height:3em; line-height:3em; padding-left:3%; position:fixed; left:0px; top:0px; z-index:990; font-size:1.2em; }
#mbnav ul{ width:100%; padding:2em 0px 4em;}
#mbnav ul li{ width:100%; border-top:1px solid #eee; padding:1em 0px;}
#mbnav ul li .a1{ color:#333; font-size:1.15em; margin-left:1em; display:block;}
#mbnav ul li span{ border:none; display:block; padding-top:0.5em;}
#mbnav ul li span a{ color:#555; font-size:1em; margin-left:3.8em; display:block; line-height:200%;}

.ztc{ padding:1em 0px;}
.ztc .r{ display:none;}
.ztc h1{ font-size:1em;}
#cpbig #cpbig0,#cpbig #cpbig1,#cpbig #cpbig2,#cpbig #cpbig3{ display:none;}

.main_t h2{ font-size:1.2em; padding:0em;}
.main_t span{ font-size:0.85em; width:80%; margin:0px auto;}
.main01{ margin-top:1.5em;}

#cpul{ display:block;}
#cpul li{ width:100%; margin-bottom:2%;}
#cpul li a{ padding-bottom:1em;}
#cpul li a strong{ font-size:1em; color:#fff;}
#cpul li a span{ color:#fff;}
#cpul li a.a1,#cpul li a.a2,#cpul li a.a3{ background-color:#004ea3;}


.main02 ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.main02 ul li i{ font-size:1em;}
.main03{ padding-top:0px;}
.main03 img{ width:160%; margin-left:-30%;}
.main04 strong{ font-size:1.2em;}
.main04 span{ padding-bottom:5em; font-size:1em;}
.main05 .center{ display:block;}
.newsimg{ display:none;}
.newstxt{ width:100%;}

/*产品*/
.main{ margin-top:1em;}
.main .right{ display:none;}
.main .left{ width:100%; padding-bottom:0px;}

.listpro li{ width:49%; margin-right:2%; margin-bottom:2%;}
.listpro li.last{ margin-right:2%;}
.listpro li.mlast{ margin-right:0px;}
#showpro #Article{ display:block;}
.leftimg,#showpro #Article .proinfo{ width:100%; margin-right:0px;}
#showpro #Article .proinfo{ margin-top:1.5em;}
#showpro #Article .proinfo .zx{ position:relative; margin-top:1em;}
.proshow .con table th{ max-width:100px; font-weight:normal;}
#showpro #Article .list-pic{ display:none;}
#showpro #Article .proinfo h1 strong{ font-size:1.25em; line-height:1em;}
#showpro #Article .proinfo h1 span{ font-size:1em;}
.proshow h4{ font-size:1em;}
#showpro #Article .proinfo h3{ font-size:1em;}

/*案列*/
.listcase li{ width:calc(47% - 20px); margin-left:2%; margin-bottom:2%; padding:10px;}
#showcase #Article{ display:block;}
#showcase #Article .list-pic { display:none;}
#showcase #Article .proinfo h1{ height:auto; font-size:1em;}
#showcase #Article .leftimg{ width:100%; margin-right:0px;}
#showcase #Article .proinfo{ margin-top:1.5em;}
#showcase #Article .proinfo,.casemore .flagcase,.casemore .othercase{ width:100%;}
.casemore{ margin-top:2em;}
#showcase{ margin-top:0px;}
.casemore .flagcase h3,.casemore h3,.casemore .othercase h3{ font-size:1em; background-size: auto 50%; padding-left:1.2em;}
.casemore .flagcase a{ font-size:0.875em;}
#caseul li a{ font-weight:normal;}

/*文章*/
.main .listnews{ margin-top:0px;}
.main .listnews li .img{ width:25%; margin-right:1.5em;}
.main .listnews li i {left: calc(25% + 2.16em);}
.main .listnews li strong a{ font-weight:normal;}
.showcon .info{ margin-bottom:1em;}
.showcon .tit{ font-size:1.1em; margin-bottom:0px;}
.newstxt ul li a.tit{ font-size:1em;}
.newstxt ul li a.date{ font-size:1em;}

/*关于我们*/
.about_1,.about_2,.about_3{ margin-top:2em;}
.about_2 img{ width:100%;}
.about_3 .con{ padding:1.5em 0px;}
.about_3 .con .a_l{ display:block; width:100%;}
.about_3 .con .a_l p{ padding-right:0px;}
.about_3 .tit,.about_2 .titcn{ font-size:1.2em;}
.about_1 p,.about_3 .con .a_l p{ font-size:0.875em;}

/*服务与支持*/
.fuwu_1,.fuwu_2,.fuwu_3{ margin-top:1em;}
.fuwu_1 li{ width:100%; margin-right:0px; margin-bottom:1.5em; background-color:#efefef;}
.fuwu_1 li img{ width:40%; float:left; margin-right:1.5em;}
.fuwu_1 .li02 img{ float:right; margin-left:1.5em; margin-right:0px;}
.fuwu_1 .li02 strong,.fuwu_1 .li02 span{ padding-left:1.5em;}
.fuwu_1 li.last{ margin-bottom:0px;}
.fuwu_2 dd p{  margin-right:0%; border:1px solid #ddd; flex:0 0 calc(100% - 2em); margin-top:-1px;}
.fuwu_2 dt, .fuwu_3 dt{ font-size:1.1em;}
.fuwu_2 dd p strong{ font-size:1em;}
.fuwu_2 dd p span{ font-size:0.875em;}
.fuwu_1 li strong{ font-size:1em;}
.fuwu_1 li span{ font-size:0.875em;}


/*联系我们*/
.lianxi{ background:none;}
.lx_l{ width:100%; margin-right:0px; text-align:center;}
.lx_m {width:100%; text-align:center;}




.footer{ margin-top:0px;}
.footer .m { display:flex;flex-wrap: wrap;}
.footer .m dl,.footer .m .ewm{ padding:0px 1em;}
.footer .footernav{ display:none;}
.footer .f .l em{ display:none;}
.footer .m .dl01,.footer .link, .footer .link a{ display:none;}
.footer .m .n{ display:block; padding-top:1.5em;}

.footer .m dl{ width:100%; display:block; margin:0px; padding:0px;}
.footer .m dl::after,.footer .m dl dt::after{ display:none;}
.footer .m dl dt{ height:auto; font-size:1em; font-weight:normal;}

#dd01{ display:block;}
#dd02,#dd03{ display:none;}

.footer .m dl dt a{ display:block; font-size:1em; line-height:300%; border-bottom:1px solid #6d7174; position:relative;}
.footer .m dl dt a::after{ width:1.5em; height:1.5em; content: "+"; font-size:1.5em; font-weight:normal; position:absolute; right:0px; top:50%; margin-top:-0.75em; text-align:center; line-height:1.5em;}
.footer .m dl dt.on a::after{  content: "-"; }
.footer .m .dl02 dd{ border-bottom:1px solid #6d7174; padding:1em 0px;}

.footer .m .dl02 dd a{ line-height:180%; font-size:0.875em; display:block; width:100%;}
.footer .m .dl02 dd br{ display:none;}

.footer .m .dl03{ width:70%; display:block; float:left; flex:1; margin-top:1.5em;}
.footer .m .dl03 dt{ line-height:normal; padding-bottom:0.5em;}
.footer .m .dl03 dd{ font-size:0.875em; line-height:180%;}
.footer .m .ewm{ width:auto; float: right; flex:1;margin-top:1.8em; padding:0px; }
.footer .m .ewm img{ width:calc(100% - 10px); border:5px solid #fff;}



}
@media only screen and (max-width: 640px) {
body{ font-size:87.5%; }
.center{ width:96%;}
.header{ display:none;}
.navpc{ display:none;}

.banner,.banner_ny{ padding-top:3em; overflow:hidden;}
.banner_ny img{ width:160%; margin-left:-30%;}
.slide .img01{ width:140%; margin-left:-20%;}

#mbnav{ width:100%;   display:block;  padding:0.8em 0px; background-color:#004ea3;   position: fixed;    left: 0px;    top: 0px;    z-index: 999999999; }
#mbnav .center{ width: 100%;}
#mbnav .l{ height:2em; margin:0px 0px 0px 3%;}
#mbnav .l img{ height:2em;}
#mbnav .right{ height:2em; width: auto;   position:absolute; z-index:9999999; right:3%;}
#mbnav .right img{ width:auto; height:1.5em; padding:0.25em;}
#guanbi{ display:none;}
#mnavul{ width:100%; height:100%; position: relative; top:0px; background-color:#fff; overflow: auto; display: none; z-index:9996;}
#mnavul h3{ width:calc(97%); background-color:#004ea3; color:#FFF; height:3em; line-height:3em; padding-left:3%; position:fixed; left:0px; top:0px; z-index:990; font-size:1.2em; }
#mbnav ul{ width:100%; padding:2em 0px 4em;}
#mbnav ul li{ width:100%; border-top:1px solid #eee; padding:1em 0px;}
#mbnav ul li .a1{ color:#333; font-size:1.15em; margin-left:1em; display:block;}
#mbnav ul li span{ border:none; display:block; padding-top:0.5em;}
#mbnav ul li span a{ color:#555; font-size:1em; margin-left:3.8em; display:block; line-height:200%;}

.ztc{ padding:1em 0px;}
.ztc .r{ display:none;}
.ztc h1{ font-size:1em;}
#cpbig #cpbig0,#cpbig #cpbig1,#cpbig #cpbig2,#cpbig #cpbig3{ display:none;}

.main_t h2{ font-size:1.2em; padding:0em;}
.main_t span{ font-size:0.85em; width:80%; margin:0px auto;}
.main01{ margin-top:1.5em;}

#cpul{ display:block;}
#cpul li{ width:100%; margin-bottom:2%;}
#cpul li a{ padding-bottom:1em;}
#cpul li a strong{ font-size:1em; color:#fff;}
#cpul li a span{ color:#fff;}
#cpul li a.a1,#cpul li a.a2,#cpul li a.a3{ background-color:#004ea3;}


.main02 ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.main02 ul li i{ font-size:1em;}
.main03{ padding-top:0px;}
.main03 img{ width:160%; margin-left:-30%;}
.main04 strong{ font-size:1.2em;}
.main04 span{ padding-bottom:5em; font-size:1em;}
.main05 .center{ display:block;}
.newsimg{ display:none;}
.newstxt{ width:100%;}

/*产品*/
.main{ margin-top:1em;}
.main .right{ display:none;}
.main .left{ width:100%; padding-bottom:0px;}

.listpro li{ width:49%; margin-right:2%; margin-bottom:2%;}
.listpro li.last{ margin-right:2%;}
.listpro li.mlast{ margin-right:0px;}
#showpro #Article{ display:block;}
.leftimg,#showpro #Article .proinfo{ width:100%; margin-right:0px;}
#showpro #Article .proinfo{ margin-top:1.5em;}
#showpro #Article .proinfo .zx{ position:relative; margin-top:1em;}
.proshow .con table th{ max-width:100px; font-weight:normal;}
#showpro #Article .list-pic{ display:none;}
#showpro #Article .proinfo h1 strong{ font-size:1.25em; line-height:1em;}
#showpro #Article .proinfo h1 span{ font-size:1em;}
.proshow h4{ font-size:1em;}
#showpro #Article .proinfo h3{ font-size:1em;}
/*案列*/
.listcase li{ width:calc(47% - 20px); margin-left:2%; margin-bottom:2%; padding:10px;}
#showcase #Article{ display:block;}
#showcase #Article .list-pic { display:none;}
#showcase #Article .proinfo h1{ height:auto; font-size:1em;}
#showcase #Article .leftimg{ width:100%; margin-right:0px;}
#showcase #Article .proinfo{ margin-top:1.5em;}
#showcase #Article .proinfo,.casemore .flagcase,.casemore .othercase{ width:100%;}
.casemore{ margin-top:2em;}
#showcase{ margin-top:0px;}
.casemore .flagcase h3,.casemore h3,.casemore .othercase h3{ font-size:1em; background-size: auto 50%; padding-left:1.2em;}
.casemore .flagcase a{ font-size:0.875em;}
#caseul li a{ font-weight:normal;}

/*文章*/
.main .listnews{ margin-top:0px;}
.main .listnews li .img{ width:30%; margin-right:1em;}
.main .listnews li span{ padding-top:0px; display:none;}
.main .listnews li i {left: calc(30% + 1.66em);}
.main .listnews li strong a{ font-weight:normal;}
.showcon .info{ margin-bottom:1em;}
.showcon .tit{ font-size:1.1em; margin-bottom:0px;}
.newstxt ul li a.tit{ font-size:1em;}
.newstxt ul li a.date{ font-size:1em;}

/*关于我们*/
.about_1,.about_2,.about_3{ margin-top:2em;}
.about_2 img{ width:100%;}
.about_3 .con{ padding:1.5em 0px;}
.about_3 .con .a_l{ display:block; width:100%;}
.about_3 .con .a_l p{ padding-right:0px;}
.about_3 .tit,.about_2 .titcn{ font-size:1.2em;}
.about_3 .con .a_r{ display:block; width:100%;}
.about_1 p,.about_3 .con .a_l p{ font-size:0.875em;}

/*服务与支持*/
.fuwu_1,.fuwu_2,.fuwu_3{ margin-top:1em;}
.fuwu_1 li{ width:100%; margin-right:0px; margin-bottom:1.5em; background-color:#efefef;}
.fuwu_1 li img{ width:40%; float:left; margin-right:1.5em;}
.fuwu_1 .li02 img{ float:right; margin-left:1.5em; margin-right:0px;}
.fuwu_1 .li02 strong,.fuwu_1 .li02 span{ padding-left:1.5em;}
.fuwu_1 li.last{ margin-bottom:0px;}
.fuwu_2 dd p{  margin-right:0%; border:1px solid #ddd; flex:0 0 calc(100% - 2em); margin-top:-1px;}
.fuwu_2 dt, .fuwu_3 dt{ font-size:1.1em;}
.fuwu_2 dd p strong{ font-size:1em;}
.fuwu_2 dd p span{ font-size:0.875em;}
.fuwu_1 li strong{ font-size:1em;}
.fuwu_1 li span{ font-size:0.875em;}

/*联系我们*/
.lianxi{ background:none;}
.lx_l{ width:100%; margin-right:0px; text-align:center;}
.lx_m {width:100%; text-align:center;}

.footer{ margin-top:0px;}
.footer .m { display:flex;flex-wrap: wrap;}
.footer .m dl,.footer .m .ewm{ padding:0px 1em;}
.footer .footernav{ display:none;}
.footer .f .l em{ display:none;}
.footer .m .dl01,.footer .link, .footer .link a{ display:none;}
.footer .m .n{ display:block; padding-top:1.5em;}

.footer .m dl{ width:100%; display:block; margin:0px; padding:0px;}
.footer .m dl::after,.footer .m dl dt::after{ display:none;}
.footer .m dl dt{ height:auto; font-size:1em; font-weight:normal;}

#dd01{ display:block;}
#dd02,#dd03{ display:none;}

.footer .m dl dt a{ display:block; font-size:1em; line-height:300%; border-bottom:1px solid #6d7174; position:relative;}
.footer .m dl dt a::after{ width:1.5em; height:1.5em; content: "+"; font-size:1.5em; font-weight:normal; position:absolute; right:0px; top:50%; margin-top:-0.75em; text-align:center; line-height:1.5em;}
.footer .m dl dt.on a::after{  content: "-"; }
.footer .m .dl02 dd{ border-bottom:1px solid #6d7174; padding:1em 0px;}

.footer .m .dl02 dd a{ line-height:180%; font-size:0.875em; display:block; width:100%;}
.footer .m .dl02 dd br{ display:none;}

.footer .m .dl03{ width:70%; display:block; float:left; flex:1; margin-top:1.5em;}
.footer .m .dl03 dt{ line-height:normal; padding-bottom:0.5em;}
.footer .m .dl03 dd{ font-size:0.875em; line-height:180%;}
.footer .m .ewm{ width:auto; float: right; flex:1;margin-top:1.8em; padding:0px; width:30%;}
.footer .m .ewm img{ width:calc(100% - 10px); border:5px solid #fff;}
}

@media screen and (min-width: 0px) and (max-width:385px) {
	.newstxt ul li a.date{ display:none;}
	.newstxt ul li a.tit{ width:100%;}
	}