@font-face{
	font-family:"calibri";
	src: url("../font/SourceHanSansK-RegularSub.woff") format("woff"),
       url("../font/SourceHanSansK-RegularSub.ttf") format("truetype"),
       url("../font/SourceHanSansK-RegularSub.eot") format("embedded-opentype"),
       url("../font/SourceHanSansK-RegularSub.otf") format("opentype");     
}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:local("Montserrat Light"),local("Montserrat-Light"),url("../font/montserrat-v14-latin-300.woff2") format("woff2"),url("../font/montserrat-v14-latin-300.woff") format("woff")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local("Montserrat Regular"),local("Montserrat-Regular"),url("../font/montserrat-v14-latin-regular.woff2") format("woff2"),url("../font/montserrat-v14-latin-regular.woff") format("woff")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local("Montserrat Medium"),local("Montserrat-Medium"),url("../font/montserrat-v14-latin-500.woff2") format("woff2"),url("../font/montserrat-v14-latin-500.woff") format("woff")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local("Montserrat Bold"),local("Montserrat-Bold"),url("../font/montserrat-v14-latin-700.woff2") format("woff2"),url("../font/montserrat-v14-latin-700.woff") format("woff")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;src:local("Montserrat Black"),local("Montserrat-Black"),url("../font/montserrat-v14-latin-900.woff2") format("woff2"),url("../font/montserrat-v14-latin-900.woff") format("woff")}
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;font-family:"Montserrat"; font-weight: normal; font-size: 14px; }
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{border:0px; vertical-align:middle;}
*, *:before, *:after {
  box-sizing: border-box;
}
a{color:#666; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#0075cf; outline:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

.w1400{width:85%; margin:0 auto;}
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.more{display: block;width: 180px;height: 42px;text-align: center;line-height: 42px;background-color: #e6771b;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 2px;}
.more::after{content: '';width: 0;height: 100%;background-color: #FFFFFF;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{color: #e6771b;}

/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/	


/* header */
.headerwrap{width: 100%;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.3);box-sizing: border-box;padding: 0 2%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; }
.headerwrap .header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center; height: 90px;}
.headerwrap .header .logo{display: block;}
.headerwrap .header .logo img{display: block;width: auto; height: 49px;}
.headerwrap .header .logo .logo02{display: none;}
.headerwrap .header .nav{display: flex; display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center; padding: 0;}
.headerwrap .header .nav li{position: relative; }
.headerwrap .header .nav li>a{display: block; height: 90px;line-height: 90px;font-size: 16px;color: #FFFFFF;position: relative;box-sizing: border-box;padding: 0 25px;font-family:"Montserrat";}
.headerwrap .header .nav li>a::after{content: ''; display: block;width: 0%;height: 2px;background-color: #0079c3;transition: all .3s;position: absolute;left: 0;bottom: 0;}
.headerwrap .header .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .right .language{font-size: 14px;color: #FFFFFF;}
.headerwrap .header .right i{font-size: 16px;color: #FFFFFF;margin-right: 20px;}
.headerwrap .header .right span{display: block;width: 1px;height: 14px;background-color: #FFFFFF;margin: 0 15px;}
.headerwrap .header .right a{font-size: 14px;color: #FFFFFF;}

.header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 810px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 90px;}
.header .nav li .nav02 a{display: inline-block;font-size: 15px;color: #666;line-height: 48px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px; border-bottom: 1px solid #fff;}
.header .nav li .nav02 a:last-child{margin-right: 0;}
.header .nav li .nav02 a:hover{color: #232323;background-color: #fff;}
.header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #0fa4f8;position: absolute;top: 16px;left: 5px;opacity: 0;}
.header .nav li .nav02 a:hover:before{opacity: 1}
.header .nav li .nav02 a i{opacity: 0;transition: all .6s;}
.header .nav li .nav02 a:hover i{opacity: 1;}
.header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width:190px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.header .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}

.header .nav li:hover .nav02{display: block;}


.headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);border-bottom: 0px;}
.headerwrap:hover .header .logo .logo01,.div2_1 .headerwrap .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{display: none;}
.headerwrap:hover .header .logo .logo02,.div2_1 .headerwrap .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{display: block;}
.headerwrap:hover .header .nav li>a,.div2_1 .headerwrap .header .nav li a,.div3 .headerwrap .header .nav li>a{color: #333333;}
.headerwrap:hover .header .right i,.div2_1 .headerwrap .header .right i,.headerwrap:hover .header .right,.div2_1 .headerwrap .header .right,.div3 .headerwrap .header .right i,.div3 .headerwrap .header .right{color: #333333;}
.headerwrap:hover .header .right a,.div2_1 .headerwrap .header .right a,.div3 .headerwrap .header .right a{color: #333333;}
.headerwrap:hover .header .right span,.div2_1 .headerwrap .header .right span,.div3 .headerwrap .header .right span{background-color: #333333;}

.headerwrap .header .nav li:hover a::after{width: 100%;}
.headerwrap:hover .header .nav li:hover>a{color: #fff;background: #0079c3}


.headerwrap .header .right .fa-search{font-size: 18px;margin: 0 20px 0 0;}

.headerwrap .header .nav li .nav03{ position: fixed;width: 90%;background: #fff;left: 0;padding: 0 5%;display: none;overflow: hidden;border-bottom: 1px solid #ccc;    border-top: 1px solid #eee;     
    z-index: -1;}
.headerwrap .header .nav li .nav03 dt{     float: left;display: block;width: 60%; padding:30px 0; overflow: hidden;}
.headerwrap .header .nav li .nav03 dt h5{ display: block;font-size: 30px;color: #000;line-height: 30px;margin: 0 0 50px 0;}
.headerwrap .header .nav li .nav03 dt h6{ display: block;overflow: hidden;}
.headerwrap .header .nav li .nav03 dt h6 span{ display: block;overflow: hidden;float: left;width: 33.33%;}
.headerwrap .header .nav li .nav03 dt h6 span a{ color: #000;font-size: 16px;}
.headerwrap .header .nav li .nav03 dt h6 span a .fa{ margin: 0 0 0 10px;}
.headerwrap .header .nav li .nav03 dt h6 span a:hover,.headerwrap .header .nav li .nav03 dd a:hover .cont h3{color:#e6771b;}
.headerwrap .header .nav li .nav03 dd{ box-shadow: -16px 0px 15px rgba(0, 0, 0, 0.05); padding:30px 0 30px 5%; display: block;overflow: hidden;width:35%;float: right;}
.headerwrap .header .nav li .nav03 dd a{}
.headerwrap .header .nav li .nav03 dd a .imgBox{     max-height: 200px; display: block;overflow: hidden;}
.headerwrap .header .nav li .nav03 dd a .imgBox img{display: block; width: 100%;}
.headerwrap .header .nav li .nav03 dd a .cont{}
.headerwrap .header .nav li .nav03 dd a .cont p{display: block;color: #999;margin: 20px 0;}
.headerwrap .header .nav li .nav03 dd a .cont h3{display: block;color: #333;font-size: 24px;line-height: 30px;}
.headerwrap .header .nav li .nav03 dd a .cont font{}
.headerwrap .header .nav li .nav03 dd a .cont .more{}
.headerwrap .header .nav li:hover .nav03{ display: block;top: 90px;}


@media only screen and (max-width: 1600px){
.headerwrap .header .nav li:hover .nav03{ display: block;top: 86px;}
.headerwrap .header .nav li .nav03 dt h5,.headerwrap .header .nav li .nav03 dd a .cont h3{font-size:20px; }

}

#ennav02{width: 360px;}
#ennav022{width: 260px;}




/*index-banner*/
.index-banner {
  height: 100%;
  position: relative;
}

.index-banner .swiper-container {
  height: 100%;
}

.index-banner .swiper-slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.index-banner .swiper-pagination {
  bottom: 20px;
  z-index: 33;
  left: 50%;
  transform: translateX(-50%);
  word-wrap: normal;
}
.index-banner .swiper-pagination-bullet {
  font-size: 0.16rem;
  background: none;
  color: rgba(255, 255, 255, 0.1);
  opacity: 1;
  font-family: "Noto Sans CJK SC";
  width: auto;
  height: auto;
  padding: 0 10px;
  outline: none;
}
.index-banner .swiper-pagination-bullet-active {
  color: rgba(255, 255, 255, 1);
}
.index-banner .swiper-button-prev,
.index-banner .swiper-button-next {
  outline: none;
}
.index-banner .swiper-button-prev {
  left: 15px;
  bottom: 10px;
  background: url(/statics/zhang/images/icon/icon-prev-2.png) no-repeat center
    center;
}
.index-banner .swiper-button-next {
  left: auto;
  right: 15px;
  bottom: 10px;
  background: url(/statics/zhang/images/icon/icon-next-2.png) no-repeat center
    center;
}
.index-banner .layui-btn {
  background: #0061e3;
  padding: 0 3em;
  font-size: 0.24rem;
}
.layui-btn {
  background: #0061e3;
  padding: 0 3em;
  font-size: 1.2rem;
}
.layui-btn-disabled {
  border: 1px solid #e6e6e6;
  background-color: #fbfbfb;
  color: #c9c9c9;
  cursor: not-allowed;
  opacity: 1;
}
.index-banner .container {
  height: 100%;
  position: relative;
}
.index-banner .item {
  position: absolute;
  left: 10%;
  top: 43%;
  transform: translateY(-43%);
  right: 0;
  padding: 0 15px;
}
.index-banner .item.banner1 {
  left: 0;
  text-align: center;
}
.index-banner .item .th1 {
  font-size: 52px;
  color: #fff;
  line-height: 1;
  padding: 20px 0;
  margin-top:5px;
	margin-bottom:30px;
  transition: all 0.4s;
  font-weight: bold;
	text-shadow:1px 1px 3px rgba(255,255,255,1);color:#0079c3;font-family:"Montserrat";
}
.index-banner .item .th3{color:#017ac3;text-shadow:1px 1px 5px rgba(255,255,255,0.8); font-size:60px;font-family:"Montserrat";}
.index-banner .item .th1 span{font-weight: lighter;}
.index-banner .item .th2 {
  width: 100%;
  font-size: 42px;
  display: block;
  line-height: 1.3;
  color: rgba(255, 255, 255, 1);
  margin-bottom: -10px;
	text-shadow:1px 1px 3px rgba(255,255,255,1); color:#e6771b; font-weight: normal;
	font-family:"Montserrat" ;
}
.index-banner .item .tdes {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.65);
  padding-bottom: 20px;
  width: 246px;
}
.index-banner .item .th1 + .tdes {
  margin-top: -10px;
}
.index-banner .item .tbtn a{ color:#fff; padding: 10px 30px; border-radius: 3px; margin-top: 30px;}

.indexPart0{ width:100%; padding: 70px 0 90px 0; background: url(../images/004.jpg) no-repeat center top;}
.indexPart0 .name{ text-align: center; margin-bottom: 60px;}
.indexPart0 .name h2{ color:#232323; font-weight: 600; font-size: 32px; margin-bottom: 10px;font-family:"Montserrat";}
.indexPart0 .name h2 span{ color:#0079c3;}
.indexPart0 .name h3{ color:#dddddd; font-size: 28px;}
.indexPart0 .right{ width:45%; float: right;padding-left: 5%;}
.indexPart0 .right img{ width:100%; height: auto;}
.indexPart0 .right {background: url(../images/005.jpg) no-repeat center ; background-size: cover ;height:400px; }
.indexPart0 .left{width:38%; float:left; margin: 0 5%; padding-top: 30px; }
.indexPart0 .left h2{ color:#0079c3; font-size: 28px; margin-bottom: 40px; font-weight: bold;font-family:"Montserrat"; }
.indexPart0 .left p{ color:#333333; font-size: 16px; line-height: 28px;}
.indexPart0 .left ul{ margin-top: 50px;}
.indexPart0 .left li{ float: left; margin-right: 50px;}
.indexPart0 .left li .txt01{ font-size: 18px; color:#878787; margin-bottom: 15px;}
.indexPart0 .left li .txt02{ font-size: 52px; color:#0079c3; margin-bottom: 10px; font-weight: bold;}
.indexPart0 .left li .txt02 span{ color:#232323; font-size: 16px; font-weight:normal;}



.index01wrap{width: 100%;box-sizing: border-box;background-color: #0079c3; background: url(../images/pic24.jpg);overflow: hidden;padding-top: 80px; padding-bottom:1px;/* height: 100%; */}
.index01wrap .top{margin: 0 auto 50px;text-align: center;}
.index01wrap .top p{font-size: 20px;color: #fff;margin-bottom: 10px;opacity:0.7;}
.index01wrap .top h3{font-size: 30px;color: #fff;font-weight: bold;}
.index01wrap .top strong{display: block;width: 30px;height: 2px;background-color: #d0edff;margin: 20px auto;}
.index01wrap .top h4{font-size: 15px;color: #fff;line-height: 26px;margin: auto;}

/* prothere03 */
.prothere03wrap{width: 100%;box-sizing: border-box;margin: 100px auto; background: #eee;}
.prothere03{width: 100%;position: relative; background: #677482;}
.prothere03 .li{width: 100%;overflow: hidden;box-sizing: border-box;position: relative; background:url(../images/bg03--.jpg) no-repeat; background-size: 100% auto;}
.prothere03 .li img{display: block;width: 100%;transition: all .6s;}
.prothere03 .li:hover img{transform: scale(1.1);}
.prothere03 .li::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(35,35,35,0.1);position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;}
.prothere03 .li .text{position: absolute;width: 100%;box-sizing: border-box;text-align: center;top: 15%;left: 0;z-index: 2;transform: translateY(-15%);-webkit-transform: translateY(-15%);padding: 0 65px;}
.prothere03 .li .text strong{display: block;width: 70px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;transition: all .3s;}
.prothere03 .li .text h4{font-size: 16px;color: #ffffff;line-height: 30px;text-align: center;min-height: 90px;opacity: 0;transform: translateY(50px);transition: all .3s;margin-bottom: 10px; margin-top: 30px;}
.prothere03 .li:hover .text strong{width: 70px;background-color: rgba(255,255,255,0.5);}
.prothere03 .li .text h3{font-size: 26px;color: #ffffff;margin: 20px auto;text-align: left; font-weight: bold;}
.prothere03 .li:hover::before{background-color: rgba(230,119,27,0.9);}

.prothere03 .li:hover .text h4{opacity: 0.75;transform: none; text-align: left;} 
.prothere03 .li .text a{border: 1px solid #fff;color: #fff;width: 150px;height: 42px;line-height: 42px;background-color: transparent;opacity: 0;transform: translateY(50px);transition: all .3s;}
.prothere03 .li .text a::after{border: #fff;}
.prothere03 .li .text a:hover{color: #232323;}
.prothere03 .li:hover .text a{transform: none;opacity: 1;}

.prothere03 .swiper-button-next,.prothere03 .swiper-button-prev{width: 46px;height: 46px;background-color: #fff;color: #1c3e7d;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;}
.prothere03 .swiper-button-next{right: 0;}
.prothere03 .swiper-button-prev{left: 0;}

/* index03 */
.index03{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 100px 0;background-color: #fff;}
.index03 .item{display: block;overflow: hidden;position: relative;position: relative;}
.index03 .item::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;}
.index03 .item:nth-of-type(1)::after{background-color: rgba(11,43,89,0.4);}
.index03 .item:nth-of-type(2)::after{background-color: rgba(0,119,190,0.4);}
.index03 .item img{display: block;width: 100%;transition: all .6s;}
.index03 .item .text{width: 100%;display: block;position: absolute;top: 50%;left: 0;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index03 .item .text h3{font-size: 32px;color: #FFFFFF;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;text-align: center;font-weight:bold;}
.index03 .item .text h3::after{content: '';display: block;width: 30px;height: 3px;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #e6771b;}
.index03 .item .text h4{width: 60%;margin: auto;font-size: 15px;color: rgba(255,255,255,0.8);line-height: 30px;text-align: center;}
.index03 .item .text .more{margin: auto;border: 1px solid #fff;background-color: transparent;margin-top: 1rem;}
.index03 .item:nth-of-type(1):hover::after{background-color: rgba(0,0,0,0.66);}
.index03 .item:nth-of-type(2):hover::after{background-color: rgba(0,0,0,0.66);}

/* in-b-shop */
.in-b-shop{ display: block;overflow: hidden;  position: relative;  background: url(../images/pic24.jpg) fixed no-repeat; padding:120px 0;      background-size: cover;/* margin-top: 150px;*/}
.in-b-shop dl{  display: block;overflow: hidden; position: relative;  z-index:3;  }
.in-b-shop dl h6{ display: block;text-align: center;color: #fff;font-size: 30px;}
.in-b-shop dl h5{ display: block;text-align: center;color: #fff;font-size: 40px; margin-top: 15px;}
.in-b-shop dl form{ display: block;overflow: hidden;width: 600px;margin: 30px auto 0;}
.in-b-shop dl form .in{ float: left; display: block;width: 550px;height: 50px;text-indent: 1em;border: 0;background: rgba(255, 255, 255, 0.96); font-size: 14px; letter-spacing: 1px; }
.in-b-shop dl form .btn-submit{ border: 0; display: block;float: right;width: 50px;background: #f04523;text-align: center;height: 50px;}
.in-b-shop dl form .fa{    color: #fff; font-size: 20px;}
.in-b-shop .bg{ position: absolute;  width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.4);z-index: 1;}
.in-b-shop i{ color:#fff; margin-right: 10px; font-size: 32px;}

.footer{ background: #1e1c1c;display: block;overflow: hidden;padding: 80px 0 40px 0; }
.footer .center{ display: block;margin: 0 auto;overflow: hidden;}
.footer .top{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; overflow: hidden;     margin-bottom: 100px; }
.footer .top dd{ display: block;overflow: hidden;line-height: 1;  font-size: 12px; }
.footer .top dd h3{ display: block;overflow: hidden;    margin-bottom: 25px;}
.footer .top dd h3 a{color: #fff;font-size: 16px;font-weight: normal;line-height: 1em;}
.footer .top dd h4{ display: block;overflow: hidden; line-height: 1; margin: 0; padding: 0;}
.footer .top dd h4 a{display: inline-block;color: #a4a4a4;font-size: 14px;line-height: 26px; position: relative; overflow: hidden;}
.footer .top dd h4 a span{  background: #fff;position: absolute;width: 100%;height: 1px;bottom: 2px;left: -100%;transition: all .3s; }
.footer .top dd h4 a:hover span{ left:0%;  }
.footer .top dd h4 a:hover{ color:#fff; }


.footer .top dt{ display: block;overflow: hidden;margin: 0 0 0 180px;}
.footer .top dt img{display: block;height: 130px;width: auto;}
.footer .top dt span{ display: block;text-align: center;color: #a4a4a4;font-size: 13px;letter-spacing: 1px;     margin:12px 0 0 0;}
.footer .top dt span i{display: none;}
.footer .bottom{display: block;  box-sizing: border-box;}
.footer .bottom h3{     float: left;display: block;text-align: left;color: #747474;font-size: 14px;letter-spacing: 1px;}
.footer .bottom h3 a{ color: #747474;margin-left: 30px; letter-spacing: 0;}
.footer .bottom h3 #lk1{ color: #999;margin-left: 30px;letter-spacing: 0;border: 0;background: #656565;height: 26px;font-size: 12px;text-indent: 1em;cursor: pointer;}
.footer .bottom h3 #lk1 option{ background: #656565; color: #999; outline:1px solid green;}
.footer .bottom h4{ float: right;display: block;text-align: right;color: #747474;font-size: 12px;letter-spacing: 1px;}
.footer .bottom h4 a{color: #747474; letter-spacing: 0; margin-left: 0px;}
 


 
.footer .bottom h3 strong{ color: #999;margin-left: 30px;letter-spacing: 0;border: 0;background: #656565;height: 26px;font-size: 12px;text-indent: 1em;cursor: pointer;position: relative;    display: inline-block; width: 250px;}
.footer .bottom h3 strong span{ display: block;line-height: 26px;font-size: 12px; font-weight: normal;}
.footer .bottom h3 strong .fa{ position: absolute;width: 26px;height: 26px;top: 0;right: 10px;text-align: center;line-height: 26px;}
.footer .bottom h3 strong font{ display: none;position: absolute;bottom: 26px;width: 100%;z-index: 1;background: #656565;    overflow-y: auto;max-height: 200px;padding: 20px 0;  }
.footer .bottom h3 strong font a{ display: block;margin: 0;color: #999;font-size: 12px;line-height: 26px; font-weight: normal;}
.footer .bottom h3 strong font a:hover{ background: #232323;color: #fff;}
.footer .bottom h3 strong:hover font{display: block;}
 

.footer .bottom h3 strong font::-webkit-scrollbar {/*忙禄拧氓艩篓忙聺隆忙鈥⒙疵ぢ解€溍 路氓录聫*/
            width: 2px;     /*茅芦藴氓庐陆氓藛鈥犆ニ喡ヂ姑ヂ衡€澝β€撁β慌∶ヅ犅β澛∶♀€灻ヂ奥好ヂ?/
            height: 2px;
            scrollbar-arrow-color:red;

        }
.footer .bottom h3 strong font::-webkit-scrollbar-thumb {/*忙禄拧氓艩篓忙聺隆茅鈥∨捗┞澛⒚ヂ奥徝︹€撀姑ヂ濃€?/
            border-radius: 2px;
            -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);
            background: rgba(255,255,255,0.9);
            scrollbar-arrow-color:red;
        }
.footer .bottom h3 strong font::-webkit-scrollbar-track {/*忙禄拧氓艩篓忙聺隆茅鈥∨捗┞澛⒚铰┞佲€?/
            -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);
            border-radius: 0;
            background: rgba(255,255,255,0.3);
        }

.row4 { clear:both; width:100%; height:820px;background: url(../images/pic23.jpg) no-repeat center center #eee; overflow:hidden; padding-top:70px; box-sizing:border-box; margin-top: 100px;}
.row4 .tit { text-align:center; margin-bottom:35px;}
.row4 .tit p.p1 { font-size:30px; font-weight:bold; color:#313233; margin-bottom:15px; line-height:36px;}
.row4 .tit p.p1:after {content:""; display:block; height:1px; clear:both; width:25px; background:#616c8d; margin:0 auto; margin-top:18px;}
.row4 .tit p.p2 { font-size:24px; color:#454545;text-transform:uppercase;}
.row4 .text p{ width:1140px; margin:0 auto; text-align:center; color:#666; font-size:15px; margin-bottom:50px;line-height: 200%;}
.row4 .box {}
.row4 .box1 {width:1150px; height:210px; overflow:hidden; margin:0 auto; margin-bottom:10px;}
.row4 .box1 .d1 { width:592px; height:100%; float:left; overflow:hidden; margin-right:10px;}
.row4 .box1 .d2 { width:543px; height:100%; float:left;background: url(../images/pic224.jpg) no-repeat center center; font-size:32px; color:#fff; line-height:210px; font-weight:bold; text-align:center; letter-spacing:5px;}
.row4 .box1 .d3 { width:294px; height:100%; float:right; }
.row4 .box1 .d1 .swiper-slide img { display:block; width:100%; height:210px;}
.row4 .box1 img { display:block; width:100%; height:100%;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}


.row4 .box2 { width:1160px; margin:0 auto; clear:both; height:237px; overflow:hidden;}
.row4 .box2 .d { width:377px; height:100%; float:left; overflow:hidden; position:relative; left:0; top:0; margin:0 4px;}
.row4 .box2 .d .pic { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden}
.row4 .box .d .pic img { display:block; width:100%; height:100%;}
.row4 .box2 .d .ti { width:100%; height:45px; line-height:45px; position:absolute; left:0; bottom:0; font-size:18px; z-index:2; color:#fff; text-align:center;background: url(http://www.cq-yj.com/skin/default/images/pic222.png) repeat center center;}
.row4 .box2 .d .ti span{ padding-left:28px;}
.row4 .box2 .d1 .ti span{background: url(../images/pic25-on.png) no-repeat left center; background-size:23px;}
.row4 .box2 .d2 .ti span{background: url(../images/pic28-on.png) no-repeat left center; background-size:23px;}
.row4 .box2 .d3 .ti span{background: url(../images/pic26-on.png) no-repeat left center; background-size:23px;}
.row4 .box2 .d .text2 { width:100%; height:237px; position:absolute; left:0; bottom:-237px; z-index:3;background: url(http://www.cq-yj.com/skin/default/images/pic222.png) repeat center center; text-align:center; padding-top:50px; box-sizing:border-box;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.row4 .box2 .d:hover .text2 { bottom:0;}
.row4 .box2 .d:hover .ti { display:none;}
.row4 .box1 p.p1:hover img { transform: scale(1.05);}
.row4 .box2 .text2 p.p1 img { display:block; margin:0 auto; margin-bottom:12px;}
.row4 .box2 .text2 p.p2 { font-size:20px; font-weight:bold; color:#fff;}
.row4 .box2 .text2 p.p3 {text-transform:uppercase; color:#fff; line-height:22px;}


/*indexPart4*/
.indexPart4{background: #f5f5f5; padding:70px 0 70px 0; }
.indexPart4 .top{margin: 0 auto 0px;width: 1200px;text-align: center;}
.indexPart4 .top p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;}
.indexPart4 .top h3{font-size: 30px;color: #313233;font-weight: bold;}
.indexPart4 .top strong{display: block;width: 30px;height: 2px;background-color: #e6771b;margin: 20px auto;}
.indexPart4 .top h4{font-size: 15px;color: #666666;line-height: 26px;width: 50%;margin: auto;}

.i_news_cnt{
  width: 100%;
}
.i_news_list{
	width:100%;
}
.i_news_list li{ width:10.3%; margin-right: 0%; float: left}
.i_news_list li:nth-child(3){margin-right: 0%;}
.i_news_item{
  	width: 100%;
	margin: 0 auto;
	padding: 30px 0px;
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 60%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.i_news_pic{
  width: 100%;
  overflow: hidden;
}
.i_news_pic img{
  width: auto;
  height:auto;
}
.i_news_item h2{
  color: #232323;
  font-size: 20px;
  width: 100%;font-weight:normal;
  box-sizing: border-box;
  padding: 40px 10px 15px 10px;
margin-top:20px;
  overflow: hidden;
	
}
.i_news_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 25px;
  padding: 5px 10px;
  line-height: 24px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","寰蒋闆呴粦";
}
.i_news_item h6{
	width: 100%;
	color: #999; 
	font-size: 16px;
	padding: 0px 10px;
	font-weight: normal;
}

.i_news_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.i_news_line span{
  position: absolute;
  left: 0px;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}
.i_news_item:hover .i_news_line span{
  width: 100%;
}
.i_news_item:hover .i_news_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

/*******************************
    -------[=鎵嬫満瀵艰埅]-------
********************************/

.header_tel{ height:65px; width:100%; position: fixed;background: #fff;background-size: auto 100%;top:0; left: 0; z-index: 99; display: none; padding-left: 5px; }
.header_tel .logo img{ height:40px; width:auto; margin: 15px 0 0 0; padding: 0; vertical-align: top;}

.menuBtn {
    position: fixed;top: 20px;
    right:2.5%;width: 28px;height: 20px;
    display: none;cursor: pointer;z-index: 1000;
}
.menuBtn em {margin-bottom: 6px;display: block; height: 3px;background-color: #232323; 
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}


.menuBtn.on em {display: none;margin: -2px 0 0; position: absolute;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    display: none;
    position: fixed;
    top: 65px;left: 0%;right: 0%;
    background-color: #fff;
    z-index: 99999;
    border-top: 2px solid #e9e9e9;
    -moz-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    box-shadow:0px 2px 5px rgba(0,0,0,.1);
	 height: 500px; overflow-y:auto;
}
#aside .menu { margin: 0; padding: 0; }
#aside .menu li{
    font-size: 16px;
}
#aside .menu li a{
    display: block;
    color: #888;
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #ebebeb;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#aside .menu li dl{margin: 0; padding: 0;}
#aside .menu li > a{
    color: #353535;
    padding: 0 10px;
}
#aside .menu li.h-sub > a{
    background: url(../images/icon-close3.png) 95% center no-repeat;
    background-size: auto 14px;
}
#aside .menu li.h-sub.open > a{
    background: url(../images/icon-open.png) 95% center no-repeat;
    background-size: 14px auto;
}
#aside .menu li a:hover{color: #000;}
#aside .sub-nav{display: none;}
#aside .sub-nav dd{padding-left: 10px;font-size: 14px;}


#aside .lg{
    padding: 10px 0 30px;
    margin: 0px 0 0 0;
    text-align: center;
    font-size: 16px;
}
#aside .lg a{
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    font-size: 16px;
    color: #353535;
    border-bottom: 1px solid #353535;
}
#aside .lg a.on{
    color: #e84044;
    border-bottom: 1px solid #e84044;
}

.footer_tabbar{width:100%; height:42px; margin:0 auto; position:fixed; bottom:0; left:0; background:#10a5f9; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:33.3%; height:42px; line-height: 42px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar { display: none;}
/*鐭㈤噺鍥炬爣*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;*/
}


.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .mxfDiv{ position: absolute; right: 6%;top: 50%; transform: translateY(-50%); z-index: 5;}
.pageBanner .mxfDiv2{ left: 50%; right: auto; margin-right: 0; margin-left: -7.68rem; }
.pageBanner .txtDiv{ color: #fff; text-align: right;}
.pageBanner .mxfDiv2 .txtDiv{ text-align: left; }
.pageBanner .txt1{ font-size:38px; line-height: 1; padding-bottom: 0.25rem; position: absolute; left: 8%; top:45%; color:#fff; font-weight: bold;    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;
}
.pageBanner .txt2{ font-size: 0.4rem; height: 0.75rem; line-height: 36px; position: relative; }
.pageBanner .txt2:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; right: 0; bottom: 0; }
.pageBanner .mxfDiv2 .txt2:after{ right: auto; left: 0; }
.pageBanner .sxdDiv{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 5;}
.pageBanner .wenDiv{ color: #fff; text-align: center;}
.pageBanner .wen1{ font-size: 0.48rem; line-height: 0.48rem; height: 0.8rem; position: relative;}
.pageBanner .wen1:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
.pageBanner .wen2{ font-size: 14px; padding-top: 0.6rem; }

.pageNav{ position: absolute; width: 100%; left: 0%; height: 68px; bottom: 0; z-index: 2; background:rgba(0,0,0,.6); }
.pageNav ul{padding-left: 0;}
.pageNav li{ width: 16.6%; float: left; height: 68px; line-height: 68px; font-size:18px; text-align: center; }
.pageNav2 li{ width: 25%; }
.pageNav3 li{ width: 20%; }
.pageNav4 li{ width: 33.33%; }
.pageNav5 li{ width: 50%; }
.pageNav li .ico{ padding: 0.30rem 0 0.15rem;  text-align: center;  }
.pageNav li .ico img{ width: 33px; margin: 0 auto;}
.pageNav li a{ display: block; height: 68px; color: #fff;font-size:16px; }
.pageNav li a:hover, .pageNav li .aNow{ background: #1673be; color: #fff;}

#long_text .pageNav li{ width: 20%; }

.pagenavph{ display:none;}

.pageBox{ position: relative; min-height:420px;}
.grayBg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 4.2rem; background: #f7f7f7; z-index: 1; }
.treflip{  background: #fff; padding: 0.84rem 0 1.1rem; margin: 0 auto; position: relative; z-index: 2;}
.treflip2{ padding: 0.84rem 0 0;}
.treflip3{ padding: 0;}

.about{ position: relative; overflow: hidden; }
.aboutLeft{padding-top: 0; width: 45%; padding-left: 3.5%;position: relative; float: left;}
.aboutLeft .name{ font-size: 42px;  color: #3f3f3f; font-weight: bold; padding-bottom: 0.1rem; }
.aboutLeft .year{ font-size: 28px; line-height: 0.6rem; color: #0075cf; text-transform: uppercase;padding-bottom: 0.45rem;}
.aboutLeft .content{ color: #828282; padding-top: 0rem; }
.aboutLeft .content p{ line-height:2; padding: 0; margin: 0; color: #8b9195;margin-bottom: 20px; font-size: 15px;}

.aboutRight{/* position: absolute; right: 0px; top: 0px;*/ width: 30%; float: right;  margin-right: 5%; padding-top: 15px;}
.aboutRight .toptop{ position: relative; }
.aboutRight .toptop .imgDiv img{ width: 100%; }
.aboutRight .toptop .layer{ position: absolute; left: 0.72rem; top: 0.62rem; }
.aboutRight .toptop .txt{ font-size: 0.26rem; padding-top: 0.2rem; position: relative; color: #fff;}
.aboutRight .toptop .txt:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 0.3rem; height: 0.03rem; background: #fff; opacity: 0.5;}
.aboutRight .toptop .wen{ padding-top: 0.15rem; color: #fff; opacity: 0.3; font-size: 0.13rem; }

.aboutRight .botbot{ height: 7.3rem; position: relative; background: #eef4fd url(../images/nimg378Bg.jpg) center bottom no-repeat; background-size: 3.78rem;}
.aboutRight .list{ padding-top: 0.3rem; }
.aboutRight .list li .box{ border-top-right-radius: 0.3rem; -moz-border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; -moz-border-bottom-right-radius: 0.3rem; display: inline-block; padding: 0 0.52rem 0 0.54rem; margin-bottom: 0.15rem; height: 0.55rem; background: #dce5f4; line-height: 0.4rem; font-size: 0.14rem; color: #95a8b6; overflow: hidden;    -webkit-transition: background 400ms;
    transition: background 400ms;}
.aboutRight .list li em{ font-size: 0.30rem; color: #0075cf; font-family: "PingFang SC","寰蒋闆呴粦", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; position: relative; top: 0.08rem; }
.aboutRight .list li span{ color: #0075cf; font-size: 0.14rem; font-weight: bold; padding-right: 0.13rem; position: relative; top: 0.05rem;}
.aboutRight .list li:hover .box{ background: #0075cf; color: #a5bbb4; color: #fff;}
.aboutRight .list li:hover em, .aboutRight .list li:hover span{ color: #fff; }
.zzjg{padding: 0 3.5%; text-align: center;}
.zzjg .name{ font-size: 30px;  color: #3f3f3f; font-weight: bold; padding-bottom: 0.1rem;  width: 100%; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 50px; padding-bottom: 30px;}
.zzjg img{ max-width:80%; margin: 0 auto; }

.tech_content{ padding: 0 3.5%;}
.tech_content .content{ color: #828282; padding-top: 0rem; width: 80%; }
.tech_content .content p{ line-height:2; padding: 0; margin: 0; color: #8b9195;margin-bottom: 20px; font-size: 15px;}
/* prothere03 */
.tech_imgs{width: 100%;position: relative;  margin-top: 0.6rem;}
.tech_imgs .li{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;  background-size: 100% auto;}
.tech_imgs .li img{display: block;width: 100%;transition: all .6s;overflow: hidden;}
.tech_imgs .li:hover img{transform: scale(1.1);}
/* .tech_imgs .li::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(35,35,35,0);position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;} */
.tech_imgs .li .text{position: absolute;width: 100%; box-sizing: border-box;text-align: center;bottom: 0%;left: 0; height: 40px; text-align: center;background-color: rgba(35,35,35,0.5);}
.tech_imgs .li .text strong{display: block;width: 70px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;transition: all .3s;}
.tech_imgs .li .text h4{font-size: 16px;color: #ffffff;line-height: 40px;text-align: center;height: 40px;opacity: 1; width: 100%;}
.tech_imgs .li:hover .text strong{width: 70px;background-color: rgba(255,255,255,0.5);}
.tech_imgs .li .text h3{font-size: 26px;color: #ffffff;margin: 20px auto;text-align: left; font-weight: bold;}
/* .tech_imgs .li:hover::before{background-color: rgba(230,119,27,0);} */

/* .tech_imgs .li:hover .text h4{opacity: 0.75;transform: none; text-align: left;}  */
.tech_imgs .li .text a{border: 1px solid #fff;color: #fff;width: 150px;height: 42px;line-height: 42px;background-color: transparent;opacity: 0;transform: translateY(50px);transition: all .3s;}
.tech_imgs .li .text a::after{border: #fff;}
.tech_imgs .li .text a:hover{color: #232323;}
.tech_imgs .li:hover .text a{transform: none;opacity: 1;}

.tech_imgs .swiper-button-next,.tech_imgs .swiper-button-prev{width: 46px;height: 46px;background-color: #fff;color: #1c3e7d;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;}
.tech_imgs .swiper-button-next{right: 0;}
.tech_imgs .swiper-button-prev{left: 0;}

/*鍒嗛〉鏍峰紡*/

.page_nav{text-align:center; width:100%; padding: 0px 0 0px 0;}
.pages{ display:inline-block; margin:auto; font-size:12px; height:25px; line-height:25px;}
.pages a{ display:inline-block; float:left; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#57b6e7;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#57b6e7;}
.pages span.rows{float:left;  text-align:center; height:25px; line-height:25px; color:#7b7b7b; margin: 0px 10px; padding: 0px 10px;}
/*
-----------------[05 鍏充簬鎴戜滑鈥斺€旇崳瑾夎祫璐╙--------------*/

.n-main{width:100%; margin: 0 auto;}
.cs-lst {
  width:100%;
  padding-top: 0px;
  padding-bottom: 0px; padding-left: 0; margin: 0; }
  .cs-lst li {
    width: 25%;
	margin:0px 0% 10px 0%; text-align: center;
	float:left;}
.cs-lst01 li{width: 30%;
	margin:0px 1.5% 10px 1.5%; text-align: center;float:left;}
    .cs-lst li:hover .img img {
      transform: scale(1.0); }
    .cs-lst li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst li .img img {
        transition: 300ms; }
    .cs-lst li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery2{width:272px; height:auto; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #eee; text-align: right; font-size: 14px;}
.gallery2 .img_box{ width:270px; height:203px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell; font-size: 14px;}
.gallery2 .img_title{width:100%; text-align:center; padding:10px 0px; color: #57493d; font-size: 14px;line-height: 26px;background-color:#eee;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%;  
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery2 .img_title a{color: #666;}
.gallery2:hover{background-color:#fafafa;color:#FFF;}
.gallery2:hover .img_title{background-color:#0075cf; color:#FFF}
.gallery2:hover .img_title a{color: #fff;}

.gallery2_links{width:255px; height:auto;  margin:0 auto 40px auto;transition: 300ms; border: 1px solid #eee;}
.gallery2_links .img_box{ width:255px; height:87px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2_links .img_title{width:100%; text-align:center; padding:13px 0px;color: #57493d;font-size: 14px;transition: 300ms;overflow: hidden;}
.gallery2_links .img_title a{color: #666;}
.gallery2_links:hover{background-color:#fafafa;color:#FFF;}
.gallery2_links:hover .img_title{background-color:#c5b39b; color:#FFF}
.gallery2_links:hover .img_title a{color: #fff;}



.gallery3{width:368px; height:auto; padding: 15px 15px 5px 15px; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #dddddd;}
.gallery3 .img_box{ width:338px; height:229px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery3 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 32px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery3 .img_title a{color: #666;}
.gallery3:hover{background-color:#fafafa;color: #000; font-weight: bold;}
.gallery3:hover .img_title{color: #000; font-weight: bold;}
.gallery3:hover .img_title a{color: #000; font-weight: bold;}

.m-back{ height: 55px;color:#333;line-height: 55px;font-size: 18px;text-align: center;border-bottom: 1px dashed #cfcfcf;position: relative;}
.m-back span{  font-size: 14px; padding-right: 15px; padding-left: 15px; background: #59c7e2; position: absolute;right: 0;}.m-back span a{color:#fff;}
.m-prev{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 160px;left: -5.5%; z-index: 99; background:url(../images/jiant_l.png) no-repeat left;}
.m-prev:hover{color: #fff;}
.m-next{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 160px;right: -5.5%;z-index: 99; background:url(../images/jiant_r.png) no-repeat right;}
.m-next:hover{color: #fff;}
.m-section4{padding: 0px 0 0px 0;margin-top: 0px;}
.m-details{ position: relative; width: 88%; margin: 0 auto;}
.m-details dl{overflow: hidden;padding: 0% 0px 20px; }
.m-details dt{float: left;width: 100%;position: relative; }
.m-details dd{width: 100%;color: #888;font-size: 14px; float: left;}
.m-details .pic{ float: left;overflow: hidden; width:50%;background: #fff; }
.m-details .pic img{width: 100%;margin: 0px auto;height:auto; padding:0;}
.m-details .slider .item{outline: 0;  padding-bottom:00px; }
.m-details .slick-dots{text-align: center; position: absolute; bottom: 0px; }
.m-details .slick-dots li{display: inline-block;margin: 0 6px; width: 48px; height: 3px; background: #eaeaea; }
.m-details .slick-dots button{display: none; width: 48px;height: 3px;background-color: #bfbfbf;border: none;text-indent: -9999em;outline: 0;cursor: pointer;}
.m-details .slick-dots li.slick-active {background-color: #1673be;}
.m-details .txt{ margin-top: 30px;}
.m-details .txt h3{color: #fff;font-size: 18px;margin:65px 0 31px; padding: 10px; font-weight: normal; border-bottom: 6px solid #f5f5f5; background: #0075cf; font-weight: normal;}
.m-details .txt img {max-width: 100%; height: auto;}
.m-details  table{ width:100%;  overflow-x: scroll;}
.m-details  table td{ padding:8px;}

.m-details .p_txt{width:50%;float: left;margin-left: 5%; line-height: 180%;}
.m-details .p_txt h2{font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; color:#0075cf; margin-bottom: 30px;}

.view_pic_t{display:none;}



#MagnifierWrap{position: relative;width: 550px; border: 5px solid #f5f5f5; float: left; padding: 20px;}

.MagnifierMain{position: relative;width: 500px;height: 376px;text-align:center;vertical-align:middle;display:table-cell;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden; }
.MagnifierImg{position: absolute;top:0; left: 0; } 

/*鐩稿叧鏍峰紡*/
#showbox { background:#fff;position: absolute; top:1px; left:1px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:16px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:430px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.zs_hz{ width: 432px; height: 432px;background:#ccc;  position: relative; float: left; margin-bottom: 60px;}

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}


/*-----------------[鏂伴椈鍔ㄦ€乚--------------*/
.news1{ background:#fff; margin-left: 3.5%; margin-right: 3.5%;}
.news1 li{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px #eee solid; }
.news1 li .imgDiv{ float:left; width:21%; border:1px #eee solid; overflow:hidden;}
.news1 li .imgDiv img{ width:100%; height: 190px; transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s;}
.news1 li .imgDiv:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);}
.news1 li .text{ float:left; width: 70%; padding:0 1% 0 4%; background:url(../images/ico18_1hr.png) no-repeat right center;}
.news1 li .morebox{ float:left; width:125px; padding-left:50px;}
.news1 li .morebox .more{ display:block; margin-top:70px; width:125px; height:40px; line-height:40px; text-indent:20px; font-size:14px; color:#8b8b8c; background:#f5f5f5; background-size:100% 100%;}
.news1 li .morebox .more:hover{ background:#817465; color:#fff; box-shadow:0 0 15px rgba(20,167,83,0.5);background-size:100% 100%;}
.news1 li .text h3{ font-weight:inherit; font-size:18px; color:#333; padding-bottom:15px; margin-bottom:15px; background:url(../images/ico2_1hr.png) no-repeat left bottom; height: 25px; overflow: hidden;}
.news1 li .text h3 a{ color:#333;}
.news1 li .text h3 a:hover{ color:#000;}
.news1 li .text p{ font-size:14px; color:#8b8b8c; line-height:1.8; height:100px;}
.news1 li .text .time{ font-size:13px; color:#8b8b8c;}
/*
-----------------[鏂囩珷璇︾粏椤礭--------------*/
.projectshow1{width: 98%; max-width: 1200px; margin: 0 auto;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px;   }
.projectshow1 .title h1{ font-weight:inherit; font-size:28px; font-weight: bold;color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .contentbox .text h2{ font-size:14px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:14px; color:#666;line-height:2;}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}

/*鑱旂郴鎴戜滑*/
.contact-box{ background:#ededed;}
.address{ margin-bottom:0px;width: 95%; margin: 0 auto;  margin-bottom: 40px;}
.address h2{ color:#333; font-size:30px; line-height:normal; padding-bottom:18px; display:inline-block; padding-right:250px; border-bottom:1px solid #595757; margin-bottom:36px; }
.address span{ display:block; color:#787878; font-size:16px; margin-bottom:10px;}
.address span a{ color: #787878}
.mapwr{ border:3px solid #383635;width: 90%; margin-left: 3%; margin-bottom: 50px;}
.map{ width:100%; height:510px;}
.anchorBL{ display:none !important;}
.contact-list{ margin-top:70px;}
.contact-info{ padding:48px 0 0 50px; width:470px; height:189px; background:#fff; box-shadow:0 2px 2px #d6d6d6; float:left; transition:430ms; margin-right:88px; margin-bottom:48px;}
.contact-info:nth-child(2n+2){ margin-right:0;}
.contact-info h3{ color:#595757; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:25px; transition:368ms;} 
.contact-info p{ color:#595757; transition:368ms; font-size:16px; margin-bottom:3px;}
.contact-info p a{ color:#595757; display:inline-block; padding-right:30px; position:relative;}
.contact-info p a b{ display:block; width:17px; height:25px; background:url(../images/map1.png) center no-repeat; position:absolute; right:0; top:0px;}
.contact-info:hover{ background:#eb6123;}
.contact-info:hover h3{ color:#fff;}
.contact-info:hover p{ color:#fff;}
.contact-info:hover p a{ color:#fff;}
.contact-info:hover p a b{ background:url(../images/map2.png) center no-repeat;}
.contact-info p a:hover b{ animation:0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: BOUNCE; animation-name: BOUNCE;  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite;}
.addleft{ float:left;} 
.addleft div{color: #828282;  line-height: 2; }
.addleft div p{font-size: 16px;}
.footer-right{ float:right;}
.address .footer-right{ margin-top:0px;}
.eq{ margin-bottom:0px; text-align:right;}
.eq-info{ display:inline-block;}
.eq-info:nth-child(1){ margin-right:50px;}
.eq-info img{ display:block; width:150px; height:150px;}
.eq-info span{ display:block; text-align:center; margin-top:18px; line-height:normal; color:#6c6c6c;}

.hrList{ margin: 10px 5% 0px; font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:31%;}
.hrList .hrdt{ background-color: #0480c8; color: #fff; font-size: 15px;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #383635; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#383635; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #f15921; color: #fff; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}


/*鍒嗛〉*/
.pagination { padding: 30px 0 0 0; margin:0; font-size: 16px;}
.pagination li {display: inline-block; margin-right: 2px; padding: 5px; border: 1px solid #e2e2e2; min-width: 30px;text-align: center;}
.pagination li.active {background: #1673be;color: #fff;border: 1px solid #1673be;}
.pagination li a {display: block;text-align: center;}