@charset "utf-8";
/* CSS Document */



/* indexProduct */
.indexProduct{ width: 100%; padding: 50px 0; background-color: #eaedf6; margin: auto; position: relative;}
.indexProduct .top{ width: 100%; padding-bottom: 30px; border-bottom: solid 2px #000;}
.indexProduct .top .slogan{ float: left; display: block; font-size: 16px; color: #666; margin-top: 5px;}
.indexProduct .top .left{ width: 260px;}
.indexProduct .proNav{ }
.indexProduct .proNav dl{ float: left; margin-left: 90px; min-width: 150px;}
.indexProduct .proNav dl:first-child{ margin-left: 0;}
.indexProduct .proNav dl dt{ }
.indexProduct .proNav dl dt a{ display: block; font-size: 18px; width: 85px; border-radius:19px ; line-height: 38px; color: #333; padding-left: 25px; font-weight: bold;position: relative; transition: all 0.8s ease;}
.indexProduct .proNav dl dt a::after{ content: ''; width: 15px; height: 3px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #333; transition: all 0.8s ease;}
.indexProduct .proNav dl:hover dt a{padding: 0 18px 0 43px; background-color: #0d907c; color: #fff;}
.indexProduct .proNav dl:hover dt a::after{ left: 18px; background-color: #fff;}
.indexProduct .proNav dl dd{ max-width: 240px; margin:10px 0 0  -10px;}
.indexProduct .proNav dl dd a{ float: left; display: block; font-size: 14px; margin: 5px 10px ; color: #666;}
.indexProduct .proNav dl dd a:hover{ color: #0d907c;}
.indexProduct .list{ width: 100%; margin:35px auto 0;}
.indexProduct .list ul{ width: 1250px; margin: 0 -25px;}
.indexProduct .list ul li{ float: left; width: 575px; height: 240px; margin: 15px 25px; position: relative;}
.indexProduct .list ul li .img{ width: 240px; height: 240px; overflow: hidden; position: relative;}
.indexProduct .list ul li .img img{ width: 240px; height: 240px; position: relative; z-index: 1; transition: all 0.8s ease;}
.indexProduct .list ul li .img p{ width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(13,144,124,0.6); transition: all 0.8s ease; transform:scale(0);}
.indexProduct .list ul li .img a{ display: block; width: 42px; height: 42px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -21px; background: url(../images/link01.png) center center  no-repeat; opacity:0.6; filter:alpha(opacity=60);}
.indexProduct .list ul li .info{ width: 310px; padding:15px 0 ; height: 210px; position: relative;}
.indexProduct .list ul li .info .name a{display: block; font-size: 18px; color: #333; font-weight: bold;}
.indexProduct .list ul li .info .cont{ font-size: 14px; color: #999; max-height: 96px; overflow: hidden; line-height: 24px; margin-top: 10px;}
.indexProduct .list ul li .info .more{ position: absolute; bottom: 20px; left: 0;}
.indexProduct .list ul li .info .more a{ display: block; width: 120px; height: 38px; text-align: center; line-height: 38px; border: solid 1px #ddd; border-radius: 20px; overflow: hidden; background-color: #fff; font-size: 14px; color: #333; transition: all 0.8s ease;}
.indexProduct .list ul li:hover img{ transform:scale(1.1);}
.indexProduct .list ul li:hover .img p{transform:scale(1);}
.indexProduct .list ul li:hover .name a{ color: #0d907c;}
.indexProduct .list ul li:hover .cont{ color: #333;}
.indexProduct .list ul li:hover .more a{ background-color: #333; border-color: #333; color: #fff;}
.indexProduct .list ul li .info .more a:hover{ background-color: #0d907c; border-color: #0d907c; color: #fff;}
.indexProduct .list ul li .img a:hover{ opacity:1; filter:alpha(opacity=100); }



/* indexAdvantage */
.indexAdvantage{ width: 100%; padding: 50px 0; margin: auto;}
.indexAdvantage .top{ width: 100%; text-align: center;}
.indexAdvantage .top h2{font-size: 34px; color: #333;}
.indexAdvantage .top h2 span{ color: #0d907c;}
.indexAdvantage .top p{ font-size: 24px; margin-top: 10px;}
.indexAdvantage .cont{width: 100%; margin-top: 45px;}
.indexAdvantage .left{ width: 500px; margin-top: 20px;}
.indexAdvantage .left dl{ float: left; width: 100%; margin: 20px 0;}
.indexAdvantage .left dl dt{ float: left; width: 24px; height: 24px; transform: rotate(0deg); transition: width 0.8s,height 0.8s,transform 0.8s;}
.indexAdvantage .left dl:nth-child(1) dt{ background: url(../images/adv01.png) center center no-repeat;}
.indexAdvantage .left dl:nth-child(2) dt{ background: url(../images/adv02.png) center center no-repeat;}
.indexAdvantage .left dl:nth-child(3) dt{ background: url(../images/adv03.png) center center no-repeat;}
.indexAdvantage .left dl:nth-child(4) dt{ background: url(../images/adv04.png) center center no-repeat;}
.indexAdvantage .left dl dd{ float: right; width: 465px; font-size: 16px; color: #666; line-height: 24px;}
.indexAdvantage .left dl dd p{ font-size: 20px; color: #0d907c; font-weight: bold; margin-bottom: 10px;}
.indexAdvantage .left dl dd span{ color: #0d907c;}
.indexAdvantage .left dl:hover dt{ transition: width 0.8s ,height 0.8s, transform 0.8s; transition-timing-function: ease; transform: rotate(360deg); }
.indexAdvantage .right{ width: 660px; position: relative; height: 480px;}
.indexAdvantage .right .img1{ width: 550px; height: 320px; position: relative; z-index: 1;}
.indexAdvantage .right .img2{ position: absolute; width: 435px; height: 265px; right: 0; bottom: 0; z-index: 2; border: solid 5px #fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.indexAdvantage .right dl{ margin: 20px 0 0 10px;}
.indexAdvantage .right dl dt{ font-size: 14px; color: #999;}
.indexAdvantage .right dl dd{ font-size: 28px; color: #0d907c; margin-top: -5px; font-family:'avignon';}
.indexAdvantage .right dl a{ display: block; padding: 0 20px ; margin-top: 15px; width: 80px; line-height: 38px; border-radius: 19px; background: #0d907c url(../images/qq.png) right 20px center no-repeat; font-size: 14px; color: #fff;}
.indexAdvantage .right dl a:hover{ background-color: #333;}





#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 9999999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 9999999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.8) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background-color:#0d907c ;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.8) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background-color:#0d907c ; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background-color:#0d907c ;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}


/* indexPartner */
.indexPartner{  position: relative; z-index: 2; width: 100%; padding: 0; margin:-80px auto 0; height: 180px;}
.indexPartner::after{ content: ''; width: 50%; position: absolute; right: 0; top: 0; height: 180px; z-index: 0; background-color: #333;}
.partnerList{ width: 100%; position: relative; z-index: 2;background-color: #333; height: 110px; padding: 35px 0;}
.partnerList .prev,.partnerList .next{ width: 12px; height: 22px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 2;  opacity:0.4; filter:alpha(opacity=40);}
.partnerList .prev{ left: 17px; background: url(../images/arrowL.png) center center no-repeat;}
.partnerList .next{ right: 17px; background: url(../images/arrowR.png) center center no-repeat;}
.partnerList .prev:hover,.partnerList .next:hover{opacity:1; filter:alpha(opacity=100);}
.partnerList .bd{ padding:0;  position: relative; z-index: 1; width: 1110px; height: 110px; margin: 0 45px; overflow: hidden; }
.partnerList .bd ul{ overflow:hidden; zoom:1; width: 100%; }
.partnerList .bd ul li{ margin-right:15px;  width: 210px; height: 110px; background-color: #fff; float:left; _display:inline; overflow:hidden; text-align:center;  }
.partnerList .bd ul li img{ width: 210px; height: 110px;transition: all 0.8s ease;}
.partnerList .bd ul li:hover img{ transform:scale(1.1);}













/* pages */
.pages { margin:40px 0; position:relative; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:35px; line-height:35px; background:#fff; border-right: 3px; overflow: hidden; border:1px solid #eee; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#0d907c;  border:1px solid #0d907c; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#0d907c; border:1px solid #0d907c; color:#fff; text-align:center; padding:0 15px; margin-left:6px; border-right: 3px; overflow: hidden;}

.pages1{ width: 100%; padding-top: 30px; border-top: dashed 1px #ddd; }
.pages1 p{ max-width: 45%; overflow: hidden;  }
.pages1 p a{ color: #333; font-size: 14px;}
.pages1 p a:hover{ color: #0d907c; text-decoration: underline;}


/* pageTitle */
.pageTitle{ width: 100%; text-align: center;}
.pageTitle h2{ font-size: 36px; color: #333; font-weight: normal;}
.pageTitle p{ color: #999; font-size: 18px; text-transform: uppercase;}


/* productNav */
.productNav{ width: 100%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05); background-color: #fff;}
.productNav .top{ width: 210px; height: 90px; padding:10px 25px; position: relative; background-color: #0d907c;}
.productNav .top p{font-size: 28px; text-transform: uppercase;  font-family:'avignon'; margin-bottom: -5px; color: rgba(255,255,255,0.8); position: relative; z-index: 2;}
.productNav .top h2{ font-size: 34px; color: #fff; position: relative; z-index: 2;}
.productNav ul{ width: 210px; padding: 10px 25px;}
.productNav ul li{ float: left; width: 100%;}
.productNav ul li h3{ width: 100%; position: relative; }
.productNav ul li h3 a{display: block; position: relative; font-size: 16px; color: #333; border-bottom: dashed 1px #ddd; padding-left: 20px; line-height: 50px; transition: all 0.8s ease;}
.productNav ul li h3 a::after{ content: ''; width: 10px; height: 3px; position: absolute; left: 0; top: 50%; margin-top: -2px; background-color: #333; transition: all 0.8s ease;}
.productNav ul li h3:hover a,.productNav ul li h3.on a{ padding-left: 35px; color: #0d907c; border-bottom-color: #0d907c;}
.productNav ul li h3:hover a::after,.productNav ul li h3.on a::after{ width: 25px; background-color: #0d907c;}
.productNav dl{ width: 100%; margin-top: 10px;}
.productNav dl dd{ float: left; margin: 0 3px 6px 0;  font-size: 14px; }
.productNav dl dd a{ display: block; padding: 5px 10px; font-size: 14px; color: #666; line-height: 20px; }

.productNav dl dd:hover,.productNav dl dd.on{  background-color: #0d907c;}
.productNav dl dd:hover a,.productNav dl dd.on a{ color: #fff;}


/* RContact */
.RContact{ width: 100%; margin-top: 30px;  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05); background-color: #fff;}
.RContact img{ width: 260px; height: 170px;}
.RContact dl{ width: 210px; padding: 25px; background-color: #0d907c; color: #fff;}
.RContact dl dt{ font-size: 14px; line-height: 18px; padding-left: 24px; background: url(../images/tel1.png) center left no-repeat;}
.RContact dl dd{ font-size: 28px; font-family:'avignon'; letter-spacing: 2px;}


/* pageProduct */
.pageProduct{ width: 100%; padding: 60px 0; margin: auto; background-color: #f5f5f5;}
.pageProduct .left{ width: 260px;}
.pageProduct .right{ width: 900px;}
.pageProduct .right ul{ width: 100%;}
.pageProduct .right ul li{ float: left; width: 100%; border-bottom: solid 1px #ddd;  padding-bottom: 30px; margin-bottom: 30px;}
.pageProduct .right ul li .img{ width: 280px; height: 280px; overflow: hidden; position: relative;}
.pageProduct .right ul li .img img{ width: 280px; height: 280px; position: relative; z-index: 1; transition: all 0.8s ease;}
.pageProduct .right ul li .img p{ width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(13,144,124,0.6); transition: all 0.8s ease; transform:scale(0);}
.pageProduct .right ul li .img a{ display: block; width: 42px; height: 42px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -21px; background: url(../images/link01.png) center center  no-repeat; opacity:0.6; filter:alpha(opacity=60);}
.pageProduct .right ul li .info{ width: 590px; padding:15px 0 ;  position: relative;}
.pageProduct .right ul li .info .name a{display: block; font-size: 18px; color: #333; font-weight: bold;}
.pageProduct .right ul li .info .cont{ font-size: 14px; color: #999;  overflow: hidden; line-height: 24px; margin-top: 10px;}
.pageProduct .right ul li .info .more{ margin-top: 35px;}
.pageProduct .right ul li .info .more a{ display: block; width: 120px; height: 38px; text-align: center; line-height: 38px; border: solid 1px #ddd; border-radius: 20px; overflow: hidden; background-color: #fff; font-size: 14px; color: #333; transition: all 0.8s ease;}
.pageProduct .right ul li:hover img{ transform:scale(1.1);}
.pageProduct .right ul li:hover .img p{transform:scale(1);}
.pageProduct .right ul li:hover .name a{ color: #0d907c;}
.pageProduct .right ul li:hover .cont{ color: #333;}
.pageProduct .right ul li:hover .more a{ background-color: #333; border-color: #333; color: #fff;}
.pageProduct .right ul li .info .more a:hover{ background-color: #0d907c; border-color: #0d907c; color: #fff;}
.pageProduct .right ul li .img a:hover{ opacity:1; filter:alpha(opacity=100); }

.searchList{ width: 900px;}
.searchList ul{ width: 930px; margin: 0 -15px;}
.searchList ul li{ float: left; width: 280px; margin: 0 15px 30px 15px;}
.searchList ul li .img{ width: 280px; height: 280px; overflow: hidden; position: relative;}
.searchList ul li .img img{ width: 280px; height: 280px; position: relative; z-index: 1; transition: all 0.8s ease;}
.searchList ul li .img p{ width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(13,144,124,0.6); transition: all 0.8s ease; transform:scale(0);}
.searchList ul li .img a{ display: block; width: 42px; height: 42px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -21px; background: url(../images/link01.png) center center  no-repeat; opacity:0.6; filter:alpha(opacity=60);}
.searchList ul li .name{ width: 280px;}
.searchList ul li .name a{ display: block; padding: 20px; background-color: #999; font-size: 14px; color: #fff; text-align: center; line-height: 20px;}
.searchList ul li:hover img{ transform:scale(1.1);}
.searchList ul li:hover .img p{transform:scale(1);}
.searchList ul li:hover .name a{ background-color: #0d907c;}
.searchList ul li .img a:hover{ opacity:1; filter:alpha(opacity=100); }


.pageProductD{ width: 100%; padding: 50px 0; margin: auto; position: relative;}
/*产品放大*/
.product_box{ width: 100%;}
.pro_l{
    padding: 0;
    position: relative;
    width: 549px;
    height: 550px;
    border: solid 1px #ddd;
    overflow: hidden; /* 确保内容不会溢出 */
    box-sizing: border-box; /* 包括padding和border在内的总宽度和高度 */
	
	
	}
#showbox {z-index:1;}
#showbox span {background:url(../images/whitebg.png) repeat; border: solid 1px #ddd; }
#showsum {left:20px; float: left;  margin-top: 40px;  }
#showsum span{ background-color: #ddd; padding:1px; width:98px !important;height:98px !important;}
#showsum span.sel{ background:#0d907c; cursor: pointer;}
#showsum span.sel img{}
.pro_r{width:600px; position: relative;}
.pro_r .pro_info{ float: left; width: 100%;}
.pro_r .pro_info .name{ float: left; font-size: 18px; color: #333; font-weight: bold; width: 100%; border-bottom: solid 1px #ddd; line-height: 24px; padding: 15px 0;}
.pro_r .pro_info dl{ float: left; width: 100%; line-height: 24px; padding: 10px 0; font-size: 14px; color: #333; border-bottom: dashed 1px #ddd;}
.pro_r .pro_info dl dt{ float: left; width: 80px; font-weight: bold;}
.pro_r .pro_info dl dd{ float: left; width: 520px;}
.pro_r .link{ float: left; width: 100%; margin-top: 20px;}
.pro_r .link a{ float: left; margin-right: 30px; display: block; width: 120px; text-align: center; line-height: 38px; border-radius: 19px; background-color: #333; color: #fff; font-size: 14px;}
.pro_r .link a:hover{ background-color: #0d907c;}
.showpage a{display:block;width:16px;height:30px; position:absolute; left:0; bottom:-99px;background: url(../images/jt_ico.png) no-repeat;}
.showpage a#shownext{left:auto;right:0;}
.showpage #showlast{background-position:0 0;}
.showpage #shownext{background-position:-16px 0;}


.productC{ width: 100%; margin-top: 40px;}
.pro_tj{ margin: auto;  width:260px; overflow:hidden; position:relative;   }
.pro_tj .top{ width: 100%; font-size: 18px; color: #333;  font-weight: bold; line-height: 40px;}
.pro_tj .bd{ padding:0; margin-top: 30px;  }
.pro_tj .bd ul{ overflow:hidden; zoom:1; }
.pro_tj .bd ul li{ float: left; width: 258px;  border: solid 1px #ddd; background-color: #fff; margin-bottom: 15px; position: relative; overflow: hidden;}
.pro_tj .bd ul li .img{ width: 258px; height: 258px; position: relative; z-index: 1; overflow: hidden;}
.pro_tj .bd ul li .img img{ width: 258px; height: 258px; transition: all 0.8s ease;}
.pro_tj .bd ul li .name{ width: 228px; padding:10px 15px; background-color: #ddd; text-align: center; font-size: 14px; color: #333;}
.pro_tj .bd ul li:hover{ background-color: #0d907c; border-color: #0d907c;}
.pro_tj .bd ul li:hover .name{ background-color: #0d907c; color: #fff;}
.pro_tj .bd ul li:hover img{ transform:scale(1.1);}

.pro_cs{ width: 870px;}
.pro_cs h2{ height:40px; line-height:40px; padding: 0 0; background:#999;  width: 870px;  position:relative; }
.pro_cs h2 span{ background-color: #0d907c; color: #fff; float: left; padding:0 30px;}
.pro_cs .cont{  width: 100%; font-size: 14px; margin-top: 20px; color: #333; line-height: 30px; overflow: hidden; }
.pro_cs .cont img{ max-width: 100%;}


/* pageNews */
.pageNews{ width: 100%; padding: 60px 0; margin: auto; position: relative;}
.pageNews li{ float: left; width: 100%; margin-bottom: 30px; height: 210px; padding-bottom: 30px; border-bottom: solid 1px #ddd;}
.pageNews li .img{ width: 310px; height: 210px; overflow: hidden;}
.pageNews li .img img{  width: 310px; height: 210px; transition: all 0.8s ease;}
.pageNews li .img:hover img{ transform:scale(1.1);}
.pageNews li .info{  width: 850px; position: relative; height: 170px; padding: 20px 0;}
.pageNews li .info .name a{ font-size: 18px; color: #333; font-weight: bold;}
.pageNews li .info .name a:hover{ color: #0d907c;}
.pageNews li .info .con{ font-size: 14px; color: #666; line-height: 24px; margin: 10px 0;}
.pageNews li .info .time{ position: absolute; left: 0; bottom: 20px; line-height: 16px; padding-left: 25px; font-size: 14px; color: #999; background: url(../images/time.png) center left no-repeat;}


/* pageDetails */
.pageDetails{ width: 100%; padding: 60px 0; margin: auto; position: relative;}
.pageDetails .name{ width: 100%; text-align: center; font-size: 24px; color: #333; font-weight: bold;}
.pageDetails .info{ width: 100%; padding: 15px 0; text-align: center; border-bottom: dashed 1px #ddd; font-size: 14px; color: #999;}
.pageDetails .info span{ margin: 0 15px;}
.pageDetails .cont{ width: 100%; overflow: hidden; padding: 30px 0; font-size: 14px; color: #333; line-height: 30px;}
.pageDetails .cont img{ max-width: 100%;}


/* pageContact */
.pageContact{ width: 100%; padding: 60px 0; margin: auto;}

.contactList{  width:440px;}
.contactList .title{ width: 100%; position: relative; color: #eee; border-bottom: solid 1px #ddd; font-weight: bold; font-size: 80px; font-family: 'avignon';}
.contactList .title p{ position: absolute; left: 5px; bottom: 10px; font-size: 32px; color: #333; font-weight: normal;}
.contactList .list{ width: 100%; margin-top: 20px;}
.contactList .list dl{ float: left; width: 100%; margin: 5px 0; }
.contactList .list dl dt{ font-size: 14px; color: #999;}
.contactList .list dl dd{ font-size: 18px; font-weight: bold; color: #333; margin-top: 0; line-height: 26px;}



.pageMessages{ width:650px; margin-top:10px;}
.pageMessages .top{font-size:20px; position:relative; color:#333; font-weight:bold; border-bottom:solid 1px #ddd; padding-bottom:10px;}
.pageMessages form{ width:650px; margin-top:10px; overflow:hidden;}
.pageMessages form .row{ width:100%; clear:both;  margin: 10px 0;}
.pageMessages form label{ position:relative; display:block; }
.pageMessages form label span{ position:absolute; left:24px; top:18px; font-size:14px; color:#999;}
.pageMessages form .txt{ border:1px solid #ddd; padding:20px 24px; background:#fff;}
.pageMessages form .txt:focus{ border:1px solid #0d907c; padding: 20px 24px; background:#fff;}
.pageMessages form .txt.w1{ width:600px; height:14px; line-height:14px;}
.pageMessages form .txt.w2{ width:600px; height:130px; line-height:14px;}
.pageMessages form .btn{ float:left; border:0; background:#333; line-height: 60px; width:650px; height:60px; cursor:pointer; text-align:center; font-size:20px; font-weight:bold; color:#fff;}
.pageMessages form .row .btn:hover{ background:#0d907c; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}


/* pageMap */
.pageMap{ width: 100%; height: 600px; position: relative; margin: auto;}
.pageMap #mapall{ width: 100%; height: 600px;}



/* pageAbout */
.pageAbout{ padding: 60px 0; width: 100%; margin: auto;}
.pageAbout .cont{ width: 100%;  margin-top: 40px; font-size: 16px; color: #333; line-height: 48px;}
.pageAbout .cont img{ max-width: 100%;}

/* pageHonor */
.pageHonor{ padding: 60px 0; width: 100%; margin: auto; background-color: #f5f5f5; }
.pageHonor .hd{ overflow:hidden;   width: 100%; margin-top: 20px;  }
.pageHonor .hd ul{ width: 100%; text-align: center;  display: table;  word-spacing:-1em;}
.pageHonor .hd ul li{ display: inline-block;  width:10px; height:10px; overflow:hidden; margin:5px; border-radius: 50%; background-color: #999; text-indent:-999px; cursor:pointer; }
.pageHonor .hd ul li.on{ background-color: #0d907c; }
.pageHonor .bd{ padding:0;  position: relative; z-index: 1; width: 100%; margin: 40px 0; }
.pageHonor .bd ul{ overflow:hidden; zoom:1; }
.pageHonor .bd ul li{ margin:0 ;  width: 279px; height: 384px; margin-right: 28px; background-color: #333; float:left; _display:inline; overflow:hidden; text-align:center;  }
.pageHonor .bd ul li img{ width: 259px; height: 364px; margin: 10px;}
.pageHonor .bd ul li:hover{ background-color: #0d907c;}



/* pageFactory */
.pageFactory{ width: 100%; margin: auto; padding: 60px 0 ; }
.pageFactory .pageName p{ color: #ccc;}
.pageFactory .list{ width: 100%; margin: 50px auto 0; height: 460px;}
.pageFactory .list .left{ width: 600px; position: relative;}
.pageFactory .list .right{ width: 590px; position: relative;}
.pageFactory .list  img{ float: left; position: relative; overflow: hidden;}
.pageFactory .list  img.img1{ width:220px; height: 280px; margin-right: 10px;}
.pageFactory .list  img.img2{ width:370px; height: 280px;}
.pageFactory .list  img.img3{ width:600px; height: 170px; margin-top: 10px;}
.pageFactory .list  img.img4{ width:290px; height: 460px; margin-right: 10px;}
.pageFactory .list  img.img5{ width:290px; height: 460px;}


/* pagePartner */
.pagePartner{  position: relative; z-index: 2; width: 100%; padding:60px 0; background-color: #f5f5f5; margin: auto ;}
.pagePartner .c1200{ margin: 40px auto 0;}
.pagePartner .prev,.pagePartner .next{ width: 12px; height: 22px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 2;  opacity:0.6; filter:alpha(opacity=60);}
.pagePartner .prev{ left: 0; background: url(../images/arrowL1.png) center center no-repeat;}
.pagePartner .next{ right: 0; background: url(../images/arrowR1.png) center center no-repeat;}
.pagePartner .prev:hover,.pagePartner .next:hover{opacity:1; filter:alpha(opacity=100);}
.pagePartner .bd{ padding:0;  position: relative; z-index: 1; width: 1130px; height: 110px; margin: 0 35px; overflow: hidden; }
.pagePartner .bd ul{ overflow:hidden; zoom:1; width: 100%; }
.pagePartner .bd ul li{ margin-right:20px;  width: 210px; height: 110px; background-color: #fff; float:left; _display:inline; overflow:hidden; text-align:center;  }
.pagePartner .bd ul li img{ width: 210px; height: 110px;transition: all 0.8s ease;}
.pagePartner .bd ul li:hover img{ transform:scale(1.1);}


/* kefu */
#cs_box {width:156px; /*height:380px;*/ color:#FFF; border-radius: 5px; background:#0d907c; position:fixed; right:0; top:50%; margin-top: -190px; z-index:1000;}
.cs_title {font-size:18px; width:156px; height:50px; border-bottom:solid 1px #0d907c; line-height:50px; background:url(../images/kefu1.png) 26px center no-repeat; font-weight:bold;}
.cs_title{ color:#fff; display:block; width:156px; height:50px; cursor:pointer;}
.cs_title span{ margin-left:58px;}
.cs_img{width:120px; height:120px; background:#FFF; margin:15px 18px 10px 18px; border-radius: 5px; overflow:hidden;}
.cs_img img{ width:120px; height:120px;}
.cs_info { width:120px; font-size:12px; margin:0px 18px;  text-align:center;}
.cs_btn {width:100px; height:36px; background: url(../images/kefu3.png) 20px center no-repeat #fff; padding-left:20px; margin:10px 18px; border-radius:5px;text-align:center; cursor:pointer;}
.cs_btn a{ font-size:14px; line-height:36px; color:#333; display:block; }
.cs_btn:hover a{   color: #fff;}
.cs_btn:hover {  background: url(../images/kefu3.png) 20px center no-repeat #f00; }
.cs_tel {width:120px; background-color: #fff; font-size:18px; line-height:20px; font-weight: bold; color:#333; padding: 10px 0; margin:10px 18px; border-radius:5px;text-align:center; cursor:pointer; color: #0d907c;}
.cs_tel p{ font-size: 12px; font-weight: normal;}
.cs_tel:hover{ color: #fff; background-color: #f00;}