@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#337bce;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1; clear:both; }
.clear:after { content: ''; display: block; clear: both; }

@font-face {font-family:'avignon'; src: url('../fonts/avignon-bold.ttf') format('truetype'); }


.fl{ float:left;}
.fr{ float:right;}
.c1200{ width: 1200px; margin: auto; position: relative;}



/*nav*/
.header{width: 100%;  position: relative; top: 0; z-index:99999;  transition: all 0.8s ease; -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);  }
.headerTop{ width: 100%; height: 39px; line-height: 39px; border-bottom: solid 1px #eee; margin: auto; background-color: #fff;   transform: translateY(0); transition: all 0.8s ease;  }
.headerTop .left{ font-size: 12px;  color: #999;}
.headerTop .right{ margin: 11px 0 12px;}
.headerTop .right a{ float: left; padding-left: 20px; margin-left: 20px; line-height: 16px; font-size: 12px; color: #666;}
.headerTop .right a.jd{ background: url(../images/jd02.png) center left no-repeat;}
.headerTop .right a.tm{ background: url(../images/tm02.png) center left no-repeat;}
.headerTop .right a.tb{ background: url(../images/tb02.png) center left no-repeat;}
.headerTop .right a:hover{ color: #337bce;}
.headerTop .right a.jd:hover{ background: url(../images/jd03.png) center left no-repeat;}
.headerTop .right a.tm:hover{ background: url(../images/tm03.png) center left no-repeat;}
.headerTop .right a.tb:hover{ background: url(../images/tb03.png) center left no-repeat;}
.headerC{ width: 100%; height: 110px; background-color: #fff; margin: auto;  transition: all 0.8s ease; transform: translateY(0); }
.headerC .headerLogo a{display: block; margin: 30px 0; background: url(/static/image/home/headerLogo.png) left center no-repeat; width: 155px; padding-left: 215px; height: 50px;}
.headerC .headerLogo a span{ float: left; padding-left: 14px; border-left: solid 1px #ddd; height: 50px; line-height: 25px; font-size: 18px; color: #333; font-weight: bold;}
.headerNav { margin: 20px 0;  }
.headerNav .headerTel{ float: right; line-height: 16px; height: 20px; padding-left: 25px; background: url(/static/image/home/tel.png) left center no-repeat; font-family:'avignon'; font-size: 24px; color: #337bce;}
.headerNav .nav{  height: 50px; margin: 0 0 ;  display: table;  word-spacing:-1em;}
.headerNav .nav li{ display: inline-block;  margin-left: 45px; text-align:center;position:relative;}
.headerNav .nav li:first-child{background:none;}
.headerNav .nav li h3 {font-weight:normal; font-size:16px;}
.headerNav .nav li h3 a{display:block;height:30px; padding: 15px 0 5px; font-size:16px; line-height: 30px; color:#666;}
.headerNav .nav li#seced h3 a,.nav li:hover h3 a{  color: #337bce; font-weight: bold;}
.headerNav .nav .m{z-index:99999;}
.headerNav .nav .sub{display:none;position:absolute;z-index:99999;background-color:rgba(255,255,255,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-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); left: -60%; }
.headerNav .nav .sub dt{text-align:center;  width:140px; position: relative;}
.headerNav .nav .sub dt h5{font-weight: normal;}
.headerNav .nav .sub dt h5 a{display:block;border-top:1px solid #ddd; text-align: center; width: 110px; text-align: ; overflow: hidden; padding: 10px 15px; font-size:12px; line-height:20px; color:#333; }
.headerNav .nav .sub dt i{ position: absolute; top: 50%; height: 10px; margin-top: -5px; width: 10px; right: 10px; background: url(/static/image/home/navIcon.png) center center no-repeat;}
.headerNav .nav .sub dt:first-child h5 a{ border-top:0;}
.headerNav .nav .sub dt:hover h5 a,.headerNav .nav .sub dt#seced h5 a{ background-color: #337bce ; color: #fff ; opacity: 1;}
.headerNav .nav .sub dt:hover i{ background: url(/static/image/home/navIcon2.png) center center no-repeat;}
.headerNav .nav .sub dt#seced i{ background: url(/static/image/home/navIcon1.png) center center no-repeat;}

.headerNav .nav .three{display:none;position:absolute; left: 140px; top: 1px; z-index:99999;width:140px;background-color:rgba(255,255,255,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-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);}

.headerNav .nav .three a{display:block;float: left; border-top:1px solid #ddd; width: 120px; overflow: hidden; padding: 10px ; font-size:12px; line-height:20px; color:#333;}
.headerNav .nav .three a:first-child{ border-top:0; }
.headerNav .nav .three a:hover,.headerNav .nav .three a.on{ color: #fff; background-color: #337bce;}

.is-fixed.mod-header {position:fixed;top:0; left: 0; width:100%;  }
/* .is-fixed.mod-header .headerTop{ transform: translateY(-40px); opacity: 1;}
.is-fixed.mod-header .headerC{ transform: translateY(-40px); opacity: 1;}  */



/* indexBanner */
.indexBanner{width:100% ;position:relative;height:600px;   margin:0 auto; z-index:1;}
.indexBanner .bd{margin:0 auto; width: 100%; position:relative;z-index:0;overflow:hidden;}
.indexBanner .bd ul{width:100% !important;}
.indexBanner .bd li{width:100% !important; height:600px; overflow:hidden; text-align:center;}
.indexBanner .bd li a{display:block; width:100% !important; height:600px;}
.indexBanner .hd{width:100%;position:absolute;z-index:1;bottom:40px;left:0;height:6px;}
.indexBanner .hd ul{text-align:center;}
.indexBanner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; overflow: hidden;  height:10px;margin:0 10px;overflow:hidden; background-color: #fff; line-height:999px; transition: all 0.8s ease; border-radius: 5px;}
.indexBanner .hd ul .on{ background-color: #337bce; width: 40px; transition: all 0.8s ease;}


/* indexSearch */
.indexSearch{ width: 100%; height: 40px; padding: 20px 0; position: relative; background-color: #fff; margin: auto;  }
.indexSearch .left{ width: 800px; line-height: 20px; padding: 10px 0;}
.indexSearch .left span{ font-size: 16px; font-weight: bold; color: #333;}
.indexSearch .left a{ font-size: 14px; color: #999; margin-right: 10px;}
.indexSearch .left a:hover{ color: #337bce;}
.indexSearch .right{ width: 320px;}
.indexSearch form{ width: 320px; height: 40px;  overflow: hidden;  margin: auto; position: relative;}
.indexSearch form .inputBox{ width: 228px; height: 38px; line-height: 38px; border: solid 1px #337bce; border-radius: 20px; overflow: hidden; background-color: #fff; position: relative; z-index: 1; padding: 0 70px 0 20px; font-size: 14px; color: #999;}
.indexSearch form .inputBox::-webkit-input-placeholder{color: #999;font-size: 14px;}
.indexSearch form .inputBox:-moz-placeholder{color: #999;opacity: 1;font-size: 14px;}
.indexSearch form .inputBox::-moz-placeholder{color: #999;opacity: 1;font-size: 14px;}
.indexSearch form .inputBox:-ms-input-placeholder{color: #999;font-size: 14px;}
.indexSearch form .inputBox:focus{ font-size: 14px; color: #337bce;}
.indexSearch form .searchBox{ width:55px; height: 40px; background:#337bce url(/static/image/searchIcon.png) center center no-repeat; position: absolute; top:0 ; right: 0; z-index: 2; border: 0; padding: 0; cursor: pointer; overflow: hidden; line-height:999px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}


/* indexTitle */
.indexTitle{ float: left; width: 100%; line-height: 40px;}
.indexTitle p{ text-transform: capitalize; font-size: 28px; color: #333;  font-family:'avignon';}
.indexTitle h2{ font-size: 34px; color: #333;}
.indexTitle h2 span{ color: #337bce ;}


/* 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: #337bce; 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: #337bce;}
.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: rgb(51 123 206 / 60%); 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(/static/image/index/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: #337bce;}
.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: #337bce; border-color: #337bce; 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: #337bce;}
.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: #337bce; font-weight: bold; margin-bottom: 10px;}
.indexAdvantage .left dl dd span{ color: #337bce;}
.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: #337bce; 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: #337bce url(../images/qq.png) right 20px center no-repeat; font-size: 14px; color: #fff;}
.indexAdvantage .right dl a:hover{ background-color: #333;}


/* indexAbout */
.indexAbout{ width: 100%; height: 630px; padding: 50px 0 60px; margin: auto; background: url(/static/image/index/aboutBg.jpg) center center no-repeat; position: relative; z-index: 2;}
.indexAbout .indexTitle{ width: auto;}
.indexAbout .indexTitle p,.indexAbout .indexTitle h2{ color: #fff;}
.indexAbout .flogo{ margin-top: 45px; width: 160px; height: 30px; background: url(../images/footerLogo.png) center center no-repeat;}
.indexAbout .info{ width: 100%; margin-top: 40px;}
.indexAbout .info .cont{ width: 725px;}
.indexAbout .info .cont img{ width: 725px; height: 245px;}
.indexAbout .info .cont p{ width: 100%; font-size: 14px; color: #fff; line-height: 28px; margin: 20px 0;}
.indexAbout .info .cont a{ display: block; width: 120px; line-height: 38px; font-size: 14px; border-radius: 19px; overflow: hidden; background-color: #fff; color: #337bce; text-align: center;}
.indexAbout .info .cont a:hover{ background-color: #333; color: #fff;}

.indexHonor{ overflow:hidden; position:relative; width: 340px; height: 440px; background-color: #fff; }
.indexHonor .hd{ overflow:hidden;  background:#333; padding:15px 20px; width: 300px; position: absolute; bottom: 0; left: 0; z-index: 2;  }
.indexHonor .hd ul{ width: 100%; text-align: center;  display: table;  word-spacing:-1em;}
.indexHonor .hd ul li{ display: inline-block;  width:10px; height:10px; overflow:hidden; margin:5px; border-radius: 50%; background-color: rgba(255,255,255,0.4); text-indent:-999px; cursor:pointer; }
.indexHonor .hd ul li.on{ background-color: rgba(255,255,255,1); }
.indexHonor .bd{ padding:0;  position: relative; z-index: 1; width: 240px; height: 330px; margin: 30px 50px; }
.indexHonor .bd ul{ overflow:hidden; zoom:1; }
.indexHonor .bd ul li{ margin:0 ;  width: 240px; height: 330px; background-color: #333; float:left; _display:inline; overflow:hidden; text-align:center;  }
.indexHonor .bd ul li img{ width: 224px; height: 314px; margin: 8px;}


#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(/static/image/index/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:#337bce ;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.8) url(/static/image/index/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:#337bce ; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background-color:#337bce ;  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(/static/image/index/arrowL.png) center center no-repeat;}
.partnerList .next{ right: 17px; background: url(/static/image/index/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);}


/* indexNews */
.indexNews{ width: 100%; padding: 50px 0 60px; margin: auto;}
.indexNews .indexTitle{ width: auto;}
.indexNews .slogan{ width: auto; font-size: 16px; color: #999; margin-top: 35px;}
.indexNews .info{ width: 100%; margin-top: 40px;}
.indexNews .left{ width: 340px; height: 430px; position: relative; overflow: hidden;}
.indexNews .left img{ width: 340px; height: 430px;}
.indexNews .list{ width: 820px; height: 430px;}
.indexNews .list dl{ width: 100%; height: 142px;}
.indexNews .list dl dt{ float: left; width: 210px; height: 142px; overflow: hidden;}
.indexNews .list dl dt img{ width: 210px; height: 142px;transition: all 0.8s ease;}
.indexNews .list dl dt:hover img{ transform:scale(1.1);}
.indexNews .list dl dd{ float: right; width: 580px; position: relative; height: 142px;}
.indexNews .list dl dd .name a{ font-size: 18px; color: #333; font-weight: bold;}
.indexNews .list dl dd .name a:hover{ color: #337bce;}
.indexNews .list dl dd .con{ font-size: 14px; color: #666; line-height: 24px; margin: 10px 0;}
.indexNews .list dl dd .time{ position: absolute; left: 0; bottom: 13px; line-height: 16px; padding-left: 25px; font-size: 14px; color: #999; background: url(/static/image/time.png) center left no-repeat;}

.indexNews .list ul{ width: 850px; margin: 8px -15px 0 -15px;}
.indexNews .list ul li{ float: left; width: 395px; margin:0  15px ; height: 69px; border-bottom: solid 1px #eee; line-height: 69px; position: relative; transition: all 0.8s ease;}
.indexNews .list ul li a{display: block; font-size: 16px; color: #666; padding: 0 5px 0 20px; width: 370px; position: relative; transition: all 0.8s ease;}
.indexNews .list ul li a::after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 12px; height: 2px; background-color: #333; transition: all 0.8s ease;}
.indexNews .list ul li span{ float: right; font-size: 14px; color: #aaa;}
.indexNews .list ul li:hover{ border-bottom-color: #337bce;}
.indexNews .list ul li:hover a{ color: #337bce; padding: 0 5px 0 35px; width: 355px;}
.indexNews .list ul li:hover a::after{ width: 27px; background-color: #337bce;}
.indexNews .list ul li:hover span{ color: #333;}



/* footer */
footer{ width: 100%; background-color: #337bce; margin: auto; padding: 0; position: relative;}
.footer{ width: 100%; padding: 30px 0 ;}
.footer .left{ width: auto; max-width: 850px; margin-top: 20px;}
.footer .left dl{ float: left; width: 100%;}
.footer .left dl dt{ float: left; width: 160px; height: 30px; background: url(../images/footerLogo.png) center center no-repeat;}
.footer .left dl dd{ float: left;}
.footer .left dl dd a{ float: left; margin-left: 50px; font-size: 16px; color: rgba(255,255,255,0.9); line-height: 30px;}
.footer .left dl dd a:hover{ color: #fff; text-decoration: underline;}
.footer .left p{ float: left; width: 100%; font-size: 14px; color: #fff; margin-top:70px;}
.footer .left p span{ margin-right: 20px;}
.footer .right{ width: auto; max-width: 320px;}
.footer .right dl{ width: 100%; height: 120px;}
.footer .right dl dd{ float: right; width: 120px; height: 120px;}
.footer .right dl dd img{  width: 120px; height: 120px;}
.footer .right dl dt{ float: right; margin-right: 15px; width: 160px;}
.footer .right dl dt a{ float: right; display: block; padding: 0 20px ; margin: 10px 0; width: 80px; line-height: 38px; border-radius: 19px; background: rgba(255,255,255,0.7) url(../images/qq1.png) right 20px center no-repeat; font-size: 14px; color: #337bce;}
.footer .right dl dt a:hover{ background-color: rgba(255,255,255,1);}
.footer .right dl dt p{ text-align: right;width: 100%; float: right; font-size: 14px; margin-top: 10px; color: rgba(255,255,255,0.4);}
.footer .right dl dt h2{ font-weight: normal;float: right; font-family:'avignon'; color: #fff; font-size: 24px;}
.footer .right .list{ margin: 20px 0 0 0; text-align: right;}
.footer .right .list a{ display: inline-block; padding-left: 22px; margin-left: 20px; line-height: 16px; font-size: 12px; color: #fff; opacity:0.4; filter:alpha(opacity=40);}
.footer .right .list a.jd{ background: url(../images/jd01.png) center left no-repeat;}
.footer .right .list a.tm{ background: url(../images/tm01.png) center left no-repeat;}
.footer .right .list a.tb{ background: url(../images/tb01.png) center left no-repeat;}
.footer .right .list a:hover{opacity:1; filter:alpha(opacity=100); }

.copy{ width: 100%; padding: 15px 0; font-size: 14px; color: rgba(255,255,255,0.4); border-top: solid 1px rgba(255,255,255,0.1);}
.copy a{ color: rgba(255,255,255,0.4);}
.copy a:hover{ color: #fff;}




/* pageBanner */
.pageBanner{ width: 100%; padding:100px 0; margin: auto; height:160px; position: relative;background: url(/static/image/77.jpg) center center no-repeat;}
.pageBanner .name{ font-size: 48px; font-weight: bold; color: #fff;}
.pageBanner .en{ font-size: 34px; text-transform: uppercase; margin: -10px 0 10px 0;  font-family:'avignon'; color: rgba(255,255,255,0.5); letter-spacing: 3px;}
.pageBanner .slogan{ font-size: 24px; color: #fff;}

/* pageSearch */
.pageSearch{ border-bottom: solid 1px #ddd;}
.crumbs{width: 800px; padding:10px 0 10px 20px; line-height: 20px;  background: url(/static/image/crumbsIcon.png) top 14px left no-repeat; }
.crumbs a{ font-size: 14px; color: #333;}
.crumbs span{ margin: 0 5px;}
.crumbs a:hover{ color: #337bce;}


/* 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:#337bce;  border:1px solid #337bce; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#337bce; border:1px solid #337bce; 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: #337bce; 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: #337bce;}
.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: #337bce; border-bottom-color: #337bce;}
.productNav ul li h3:hover a::after,.productNav ul li h3.on a::after{ width: 25px; background-color: #337bce;}
.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: #337bce;}
.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: #337bce; 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: rgb(51 123 206 / 60%); 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(/static/image/index/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: #337bce;}
.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: #337bce; border-color: #337bce; 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: rgb(51 123 206 / 60%); 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(/static/image/index/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: #337bce;}
.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: 550px; height: 550px; border: solid 1px #ddd;}
#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:#337bce; 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: #337bce;}
.showpage a{display:block;width:16px;height:30px; position:absolute; left:0; bottom:35px;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: #337bce; border-color: #337bce;}
.pro_tj .bd ul li:hover .name{ background-color: #337bce; 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: #337bce; 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: #337bce;}
.pageNews li .info .con{ font-size: 14px; color: #666; line-height: 24px; margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 5;overflow: hidden;text-align: justify;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.pageNews li .info .time{ position: absolute; left: 0; bottom: 20px; line-height: 16px; padding-left: 25px; font-size: 14px; color: #999; background: url(/static/image/news/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 #337bce; 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:#337bce; -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: #337bce; }
.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: #337bce;}



/* 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:430px;*/ color:#FFF; border-radius: 5px; background:#337bce; 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 #337bce; line-height:50px; background:url(/static/image/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;padding-bottom: 10px;}
.cs_btn {width:100px; height:36px; background: url(/static/image/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: #337bce;}
.cs_tel p{ font-size: 12px; font-weight: normal;}
.cs_tel:hover{ color: #fff; background-color: #f00;}