@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body {text-decoration:none; font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option { background: none; outline: 0;font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }

input { outline: none; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #006db8; color: #fff; text-shadow: none; }

::selection { background: #006db8; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor:pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }
.clear {
    clear: both;
}
.fl { float: left; }
.fr { float: right; }
.fc{ text-align: center;}

.container {
  max-width: 1300px;
  margin: 0px auto;
}
/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-47{padding-bottom: 47%;}
.rect-50{padding-bottom: 50%;}
.rect-54{padding-bottom: 54%;}
.rect-59{padding-bottom: 59%;}
.rect-67{padding-bottom: 67%;}
.rect-80{padding-bottom: 80%;}
.rect-84{padding-bottom: 84%;}
.rect-127{padding-bottom: 127%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/* header */
.header{ width: 100%; position: fixed; height: 100px; background:#fff; z-index: 999;}
.header .logo{ position: relative;height: 50px; margin: 25px 0;}
.header .nav li{ display: inline-block; }
.header .nav li a{ margin:0 20px; line-height: 100px; font-size: 16px; color: #000; display: block;position: relative;}
.header .nav li a::before{ content: ''; position: absolute; left: 0; bottom: 10px; width: 0; height: 4px;background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8);}
.header .nav li:hover a{ color: #006db8;font-weight: bold;}
.header .nav li.active a{color: #006db8; font-weight: bold;}
.header .nav li:hover a::before{ width: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.header .nav li.active a::before{ width: 100%; }

/* banner */
.banner{position:relative; overflow:hidden; height:580px; width:100%; padding-top: 100px; }
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li{width:100% !important;height:580px;overflow:hidden;text-align:center; }
.banner .bd li a{display: block; width: 100%; height: 100%;}
.banner .hd{ position: absolute; bottom:4%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1; width:12px;height:12px; border-radius:6px; margin:0 6px;overflow:hidden;line-height:999px; background: #fff;}
.banner .hd li a{ display: block; }
.banner .hd .on{background:#006db8; width: 28px;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-32px;left:3%;z-index:1;width:40px;height:64px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:3%;background-position:-40px 0;}


/* InProduct */
.InProduct{width: 100%; position: relative; padding: 60px 0; background: #f4f9fd;}
.InProduct .Top{font-size: 28px; color: #000; text-align: center;width: 17%; margin: 0 auto; position: relative; line-height: 1;}
.InProduct .Top::after{content: ''; position: absolute; left: 0; top: 50%; width: 30px; height: 3px; background: #006db8;}
.InProduct .Top::before{content: ''; position: absolute; right: 0; top: 50%; width: 30px; height: 3px; background: #006db8;}
.InProduct .Prolist{position: relative; width: 100%; margin-top: 40px;}
.InProduct .Prolist .item{ width: 15.833%; margin-right: 1%; margin-bottom: 1%; float: left; text-align: center; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); position: relative;}
.InProduct .Prolist .item .itcon{ position: absolute;width: 100%; top: 45%; z-index: 2;}
.InProduct .Prolist .item:nth-child(6n){margin-right: 0;}
.InProduct .Prolist .item a{display: block;}
.InProduct .Prolist .item .icon{display:block; width:50px; height:40px; margin:0 auto; position:relative;}
.InProduct .Prolist .item .icon img{position:absolute; left:0px; top:0px; width:100%;}
.InProduct .Prolist .item .icon .i1{ transition: 400ms;}
.InProduct .Prolist .item .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.InProduct .Prolist .item:hover{background: #006db8;}
.InProduct .Prolist .item:hover .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.InProduct .Prolist .item:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.InProduct .Prolist .item .name{margin:6px 0px 0px; line-height:43px; font-size:18px; font-weight: bold; color: #fff;}
.InProduct .Prolist .item i{width:30px; height:2px; background: #fff; display:block; margin:0 auto; transition:width 0.5s linear;}
.InProduct .Prolist .item .info{padding:15px 0px 0px; font-size:14px; line-height:24px; color:#4c4c4c; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.InProduct .Prolist .item:hover i{width:60px; background:#fff;}
.InProduct .Prolist .item:hover a::before{ content: ''; width: 100%; height: 100%;background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8); top:0; left: 0; opacity: 0.7; z-index: 1; position: absolute; }
.InProduct .Prolist .item .imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .Prolist .item:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

/* InMain */
.InMain{ width: 100%; position: relative; padding: 60px 0;}
.InAbout{width: 640px;}
.InAbout .Top{font-size: 28px; color: #000; line-height: 1;}
.InAbout .Abo{ margin-top: 35px; position: relative;}
.InAbout .Abol{ float: left; width: 360px; height: 400px;}
.InAbout .Abor{ width: 230px; height: 300px; padding: 50px 25px; float: left;background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8);}
.InAbout .Abor .Tit{ font-size: 18px; color: #fff; font-weight: bold;}
.InAbout .Abor .Tii{ font-size: 15px; color: #fff; line-height: 28px; margin-top: 20px;}
.InAbout .Abor .More a{display: block; width: 150px; height: 40px;  border: 1px solid #fff; text-align: center;line-height: 40px; font-size: 14px; color: #fff; margin-top: 65px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; position: relative; overflow:  hidden; z-index: 2;}
.InAbout .Abor .More a::before{content: ''; position: absolute; left: 0; top:0; width: 0; height: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.InAbout .Abor .More a:hover::before{ width: 100%;}
.InNews{ width: 630px;}
.InNews .Top{font-size: 28px; color: #000; line-height: 1;}
.InNews .NewsList{ margin-top: 35px; position: relative;}
.InNews .NewsList .News01{ width: 280px; height: 400px; float: left; background: #f4f9fd;}
.InNews .NewsList .News01 li{ padding: 25px 20px; }
.InNews .NewsList .News01 .cat{width: 82px; height: 26px; background: #006db8; text-align: center; line-height: 26px; color: #fff; font-size: 14px; margin-bottom: 20px; font-weight: bold;}
.InNews .NewsList .News01 .Tit{ font-size: 18px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; line-height: }
.InNews .NewsList .News01 .Time{ margin-top: 30px; font-size: 14px; color: #666; position: relative;}
.InNews .NewsList .News01 .Time::after{ content: ''; position: absolute; width: 30px; height: 2px; background: #165ea2; left: 0; bottom: -25px;}
.InNews .NewsList .News01 .Tii{ font-size: 14px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 45px; color: #666;}
.InNews .NewsList .News01 .More{ margin-top: 30px;font-size: 15px; color: #444;}
.InNews .NewsList .News01:hover{background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8);border-top-left-radius: 20px; border-bottom-right-radius: 20px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InNews .NewsList .News01:hover .Tit,.InNews .NewsList .News01:hover .Time,.InNews .NewsList .News01:hover .Tii,.InNews .NewsList .News01:hover .More{ color: #fff;}
.InNews .NewsList .News01:hover .Time::after{ background: #fff;}
.InNews .NewsList .News02{ width: 330px; float: right;}
.InNews .NewsList .News02 li{ width:330px; height: 190px; background: #f4f9fd; }
.InNews .NewsList .News02 li a{ padding: 25px 20px; display: block;}
.InNews .NewsList .News02 li:last-child{ margin-top: 20px;}
.InNews .NewsList .News02 .cat{width: 82px; height: 26px; background: #006db8; text-align: center; line-height: 26px; color: #fff; font-size: 14px; margin-bottom: 20px; font-weight: bold;}
.InNews .NewsList .News02 .Tit{ font-size: 18px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; height: 56px;}
.InNews .NewsList .News02 .Time{ margin-top: 12px; font-size: 14px; color: #666; position: relative;}
.InNews .NewsList .News02 li:hover{background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8);border-top-left-radius: 20px; border-bottom-right-radius: 20px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InNews .NewsList .News02 li:hover .Tit,.InNews .NewsList .News02 li:hover .Time{ color: #fff;}


/* InCase */
.InCase{width: 100%; position: relative; padding: 60px 0; background: #f4f9fd;}
.InCase .Top{font-size: 28px; color: #000; text-align: center;width: 17%; margin: 0 auto; position: relative; line-height: 1;}
.InCase .Top::after{content: ''; position: absolute; left: 0; top: 50%; width: 30px; height: 3px; background: #006db8;}
.InCase .Top::before{content: ''; position: absolute; right: 0; top: 50%; width: 30px; height: 3px; background: #006db8;}
.InCase .CaseList{ width: 100%; margin-top: 30px; position: relative;}
.InCase .CaseList li{ width: 25%; float: left; position: relative;overflow: hidden;}
.InCase .CaseList li .img{ position: relative; overflow: hidden; width: 100%;}
.InCase .CaseList li .TTit{ width: 100%;  position: absolute; bottom: 0; left: 0;}
.InCase .CaseList li .Text_box{ padding: 20px; height: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InCase .CaseList li .Text_box .name{ font-size: 16px; color: #333; line-height: 20px;}
.InCase .CaseList li .Text_box i{ width: 100%; height: 1px; background: #80b6dc; display: none; margin: 15px 0;}
.InCase .CaseList li .Text_box .info{font-size: 14px; color: #fff; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; display: none;}
.InCase .CaseList li .empty{ height: 60px;}
.InCase .CaseList li:hover .Text_box{background:#006db8; height: 90px;padding: 25px 20px;}
.InCase .CaseList li:hover .Text_box .name{ color: #fff;}
.InCase .CaseList li:hover .Text_box i{ display: block;}
.InCase .CaseList li:hover .Text_box .info{ display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.InCase .CaseList li .img::before,.InCase .CaseList li .img::after{position:absolute;content:'';opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; z-index: 99;}
.InCase .CaseList li .img::before{top: 0;right:0;bottom:0;left:0;border-top:6px solid #006db8;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 100%;}
.InCase .CaseList li .img::after{top:0;right:0;bottom:0;left:0;border-right:6px solid #006db8;border-left:6px solid #006db8;transform:scale(1,0);transform-origin:100% 0;}
.InCase .CaseList li:hover .img::before,.InCase .CaseList li:hover .img::after{opacity:1;transform:scale(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InYw{ width: 49%; position: relative;}
.InYw .YwList{ position: absolute; left: 0; top: 0; padding:45px 30px;}
.InYw .YwList .Top{font-size: 24px; color: #fff; line-height: 1; margin-bottom: 30px;}
.InYw .YwList .item a{ font-size: 16px; line-height: 30px; color: #fff; display: block;}
.InYw .YwList .item a:hover{ margin-left: 10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InYw .YwList .More a{display: block; width: 150px; height: 40px;  border: 1px solid #fff; text-align: center;line-height: 40px; font-size: 14px; color: #fff; margin-top: 45px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; position: relative; z-index:2;}
.InYw .YwList .More a::before{content: ''; position: absolute; left: 0; top:0; width: 0; height: 100%;  -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.InYw .YwList .More a:hover::before{ width: 100%;}

.InJs{ width: 49%; position: relative;}
.InJs .JsList{ position: absolute; left: 0; top: 0; padding:45px 30px;}
.InJs .JsList .Top{font-size: 24px; color: #fff; line-height: 1; margin-bottom: 30px;}
.InJs .JsList .item a{ font-size: 16px; line-height: 30px; color: #fff; display: block;}
.InJs .JsList .item a:hover{ margin-left: 10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InJs .JsList .More a{display: block; width: 150px; height: 40px;  border: 1px solid #fff; text-align: center;line-height: 40px; font-size: 14px; color: #fff; margin-top: 45px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; position: relative;z-index: 2;}
.InJs .JsList .More a::before{content: ''; position: absolute; left: 0; top:0; width: 0; height: 100%;  -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.InJs .JsList .More a:hover::before{ width: 100%;}

/* footer*/
.footer{ width: 100%; position: relative; background: #222324; padding: 60px 0;}
.footer .bg{ width: 100%; height: 6px; background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8); position: absolute; top: 0;left: 0;}
.footer .footcon{  width: 100%; position: relative;}
.footer .footNav{ width: 80%; position: relative; float: left;}
.footer .footNav dl{ width: 15%; float: left;}
.footer .footNav dl:nth-child(2){ width: 36%;}
.footer .footNav dl:nth-child(2) dd{ width: 50%; float: left;}
.footer .footNav dl:nth-child(4){ width: 34%;}
.footer .footNav dl dt{ font-size: 16px; color: #fff; position: relative;}
.footer .footNav dl dt::before{ content: ''; width: 70px; height: 2px; background: #009944; position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dt::after{ content: ''; width: 15px; height: 2px; background: #006db8; position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dd{ margin-top: 30px; font-size: 14px; line-height: 30px; color: #fff;}
.footer .footNav dl dd img{ border-radius: 4px; }
.footer .footNav dl dd p{height: 30px; margin-bottom: 20px;}
.footer .footNav dl dd p img{ float: left;}
.footer .footNav dl dd p span{ line-height: 30px; font-size: 14px; color: #cdd7e6;float: left; margin-left: 10px;}
.footer .footNav dl dd p:last-child{ margin-bottom: 0;}
.footer .footNav dl dd p:nth-child(1) span{ font-size: 20px; color: #fff;}
.footer .footNav dl dd a{font-size: 14px; color: #fff; line-height: 30px; display: block;}
.footer .footNav dl dd a:hover{ color: #006db8;}
.footer .footfl{ float: right; width: 20%; text-align: right; }
.footer .footfl .fw{ font-size: 16px; color: #fff;}
.footer .footfl .ph{ font-size: 30px; color: #fff; font-weight: bold;}
.footer .footfl .ewm{position: relative;}
.footer .footfl .ewm img{}
.footer .footfl .ewm p{ float:right; width: 24px; line-height: 14px; font-size: 14px; padding: 16px 0; color: #fff;}
.copy{ width: 100%; height: 60px; background: #222324; border-top: 1px #3a3b3c solid;}
.copy .copyl{ float: left; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyl a{font-size: 14px; color: #fff;}
.copy .copyr{ float: right; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyr a{ font-size: 14px; color: #fff;}
.copy a:hover{ color: #ddd;}


/* page_banner */
.Pagebanner{width: 100%; position: relative; padding-top: 100px; height: 320px;  overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2; background: url(../img/grid_bg.png) top left repeat;}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute;top: 100px; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .box{position: relative;top: 100px; text-align: center;z-index: 99;}
.Pagebanner .xc_b_h3{font-size: 36px;font-weight: bold;color: #ffffff;margin-bottom: 15px;}
.Pagebanner .mouse{width: 28px;height: 44px;background: url(../img/mouse.png) no-repeat top center;position: relative;z-index: 10; margin: 30px auto 0;}
.Pagebanner .mouse i{
	background: url(../img/bottom.png) no-repeat scroll center center;
    width: 25px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0px 0px -12px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}


.PageMain{ width: 100%; position: relative;}
.Crumbs{ width: 100%; position: relative;  border-bottom: 1px #eee solid;  }
.Crumbs .crumbs{ line-height: 60px; height: 60px;font-size: 16px; }
.Crumbs .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../img/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.Crumbs .crumbs a:hover{ color: #006db8;}
.PageNav{ width: 100%; position: relative; border-bottom: 1px #eee solid;}
.PageNav .NavList{ width: 68%; float: left; }
.PageNav .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 70px;line-height: 70px;padding: 0px 35px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #006db8;transition: all .3s;}
.PageNav .NavList li:hover:before{width:80%;left:10%;background-color:#006db8;}
.PageNav .NavList li:hover a{ color: #006db8; }
.PageNav .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#006db8;}
.PageNav .NavList li.select a{ color: #006db8; }
.PageNav .NavList li a:after{content: '';position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.PageCon{ width: 100%; position: relative;background-color: #f5f5f5; padding: 60px 0;}
.PageCon .con{ font-size: 16px; line-height: 32px; color: #666; }
.PageCon .con img{ max-width: 100%;}
.cent{width: 100%; background: #fff;}
.cent .con{ padding: 40px;}



/* 搜索 */
.so_search{ position: relative; margin: 15px 0; width: 20%; float: right;}
.so_search .search {position: relative;}
.so_search .search .search-txt{float: left; width: 82%;}
.so_search .search input{padding:10px 15px;color:#333;width: 100%;height:18px;line-height: 18px;border:1px solid #CCC;background:#fcfcfc;}
.so_search .search input:focus{ outline:0px;;border:1px solid #006db8;}
.so_search .search .search-btn{float: left; width: 18%; height: 40px;}
.so_search .search button{background:#006db8;width:100%;height:40px;border:none;
	background-image: url(../img/search.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*  搜索结果页 */
.so_box{ width: 100%; position: relative; padding: 60px 0;}
.so_box .so-title{line-height: 30px;color: #383838;font-size: 24px; border-bottom: 1px #ddd solid; margin-bottom: 30px;}
.so_box .so-title .fz14{ font-size: 14px;}
.so_box .so_list li{ width: 49%; margin-right: 2%; float: left;margin-bottom: 20px; background: #f7f7f7;}
.so_box .so_list li:nth-child(2n){ margin-right: 0;}
.so_box .so_list li a{ display: block; padding: 30px 4%; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.so_box .so_list li a:before{content: "";width: 100%;height: 100%;background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8); position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;}
.so_box .so_list li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.so_box .so_list li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #006db8; position: relative; z-index:9;}
.so_box .so_list li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.so_box .so_list li .news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin: 0 20px 0 0;}
.so_box .so_list li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.so_box .so_list li .news__fix h3{ color: #232323; font-size: 16px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;}
.so_box .so_list li .news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.so_box .so_list li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.so_box .so_list li a:hover .news__fix h3{ color: #fff;}
.so_box .so_list li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);} 
.so_box .so_list li a:hover time{ color:#fff;border-left: 7px solid #fff;}
.so_box .so_list li a:hover .news__more{ background: -webkit-linear-gradient(160deg, #009944, #006db8);background: -o-linear-gradient(160deg, #009944, #006db8);background: -moz-linear-gradient(160deg, #009944, #006db8);background: linear-gradient(160deg, #009944, #006db8);}
.Pageso_box .so_list hua li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.so_box .so_list li a:hover .news__fix p{ color:#fff;}




/* PageCase */
.PageCase{ width: 100%; position: relative;background-color: #f5f5f5; padding: 60px 0;}
.PageCase .Casebox li{ width: 23.5%; float: left; position: relative;overflow: hidden; margin-right: 2%;}
.PageCase .Casebox li:nth-child(4n){ margin-right: 0;}
.PageCase .Casebox li .img{ position: relative; overflow: hidden; width: 100%;}
.PageCase .Casebox li .TTit{ width: 100%;  position: absolute; bottom: 0; left: 0;}
.PageCase .Casebox li .Text_box{ padding: 20px; height: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: #fff;}
.PageCase .Casebox li .Text_box .name{ font-size: 16px; color: #333; line-height: 20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageCase .Casebox li .Text_box i{ width: 100%; height: 1px; background: #80b6dc; display: none; margin: 15px 0;}
.PageCase .Casebox li .Text_box .info{font-size: 14px; color: #fff; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; display: none;}
.PageCase .Casebox li .empty{ height: 60px;}
.PageCase .Casebox li:hover .Text_box{background:#006db8; height: 90px;padding: 25px 20px;}
.PageCase .Casebox li:hover .Text_box .name{ color: #fff;}
.PageCase .Casebox li:hover .Text_box i{ display: block;}
.PageCase .Casebox li:hover .Text_box .info{ display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageCase .Casebox li .img::before,.PageCase .Casebox li .img::after{position:absolute;content:'';opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; z-index: 99;}
.PageCase .Casebox li .img::before{top: 0;right:0;bottom:0;left:0;border-top:6px solid #006db8;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 100%;}
.PageCase .Casebox li .img::after{top:0;right:0;bottom:0;left:0;border-right:6px solid #006db8;border-left:6px solid #006db8;transform:scale(1,0);transform-origin:100% 0;}
.PageCase .Casebox li:hover .img::before,.PageCase .Casebox li:hover .img::after{opacity:1;transform:scale(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

/* PagePro */
.PagePro{width: 100%; position: relative;background-color: #f5f5f5; padding: 60px 0;}
.PagePro .left{ float: left; width: 280px; background: #fff;}
.PagePro .left .Top{height: 70px;text-align: center;font-size: 22px; color: #333; font-weight: bold; background: #F1F5F9;   border-bottom: 4px #efefef solid; line-height: 70px; position: relative;}
.PagePro .left .Top::before{ content: ''; position: absolute; left: 0; top:0; width: 100%; height: 6px;background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8); }
.PagePro .left .Navl li{float: left; width: 100%; background: #fff;text-align: center; border-bottom: 2px #f5f5f5 solid;}
.PagePro .left .Navl li a{display: block; line-height: 50px; font-size: 16px; color: #333;}
.PagePro .left .Navl li.select,.PagePro .left .Navl li:hover{background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);  }
.PagePro .left .Navl li.select a,.PagePro .left .Navl li:hover a{ color: #fff;}
.PagePro .right{ width: 76%; float: right;}
.PagePro .right .Probox li{ background: #fff; margin-bottom: 25px; position: relative; width: 32.666%; float: left; margin-right: 1%;}
.PagePro .right .Probox li:nth-child(3n){ margin-right: 0;}
.PagePro .right .Probox li .li_box{padding:25px; border-right: 1px solid #efefef;}
.PagePro .right .Probox li .li_box .img{ margin-bottom: 10px;}
.PagePro .right .Probox li .li_box .tit{font-size: 18px; color: #393939; font-weight: bold;  border-bottom: 1px solid #efefef; margin-bottom: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 40px; line-height: 40px;}
.PagePro .right .Probox li .li_box .con{ font-size: 15px; color: #555;line-height: 28px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.PagePro .right .Probox li .li_box .more_box{overflow: hidden;}
.PagePro .right .Probox li .li_box .more_box .btn-common{display: inline-block;height: 40px;line-height: 40px; font-size: 0px; padding: 0 15px; text-transform: uppercase;margin-right: 14px; margin-top: 30px;position: relative;z-index: 5; overflow: hidden; width: 34%;}
.PagePro .right .Probox li .li_box .more_box .btn-common span.icon{width: 16px; height: 14px;margin-left: 10px; transition: all 0.5s ease;}
.PagePro .right .Probox li .li_box .more_box .btn-common span{font-size: 15px; display: inline-block; vertical-align: middle;}
.PagePro .right .Probox li .li_box .more_box .btn-common:last-child{ margin-right: 0;}
.PagePro .bg{ padding: 40px; background: #fff;}
.PagePro .right .Probox li .li_box img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.PagePro .right .Probox li:hover .li_box .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.PagePro .right .Probox .detailT{ width: 100%; position: relative;}
.PagePro .right .Probox .detailT .Img{ width: 48%; float: left;}
.PagePro .right .Probox .detailT .detailY{ width: 48%;}
.PagePro .right .Probox .detailT .detailY .title{ font-size: 22px; color: #333; font-weight: bold; line-height: 30px;}
.PagePro .right .Probox .detailT .detailY .shijian{ margin: 10px 0; border-top: 1px #aaa dashed;border-bottom: 1px #aaa dashed;}
.PagePro .right .Probox .detailT .detailY .titmd{ font-size: 15px; color: #666; line-height: 28px;}


/* 公共样式 */
.btn-common{display:inline-block; height:40px; line-height:40px; font-size:0px;  padding:0 27px; text-transform:uppercase; margin-right:14px; margin-top:30px; position:relative; z-index:5; overflow:hidden;}
.btn-common:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s;} 
.btn-common span{display:inline-block; vertical-align:middle; font-size:18px;}
.btn-common span.icon{width:16px; height:14px; margin-left:10px; transition:all 0.5s ease;}
.btn-common:hover:before{width:100%;}

/*蓝色按钮*/
.btn-blue{background:#0493db;}
.btn-blue span{color:#fff;}
.btn-blue span.icon{ background:url(../images/white_jt.png) no-repeat center;}
.btn-blue:hover:before{background:#006db8;}

/*灰色按钮*/
.btn-grey{background:#efefef;}
.btn-grey span{color:#333;}
.btn-grey span.icon{ background:url(../images/blue_jt.png) no-repeat center;}
.btn-grey:hover:before{background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.btn-grey:hover span{ color: #fff;}


/* NewsBox */
.NewsBox{ width: 100%; position: relative; padding: 60px 0; background-color: #f5f5f5;}
.PageNews { position: relative; }
.PageNews li{ width: 23.875%; margin-right: 1.5%; margin-bottom: 24px; float: left;}
.PageNews li:nth-child(4n){ margin-right: 0;}
.PageNews li .news_fix{ background: #fff;}
.PageNews li .box{padding: 25px 20px;}
.PageNews li .news_fix .tit{ display: block; font-size: 18px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; line-height: 28px;}
.PageNews li .news_fix p{font-size: 14px; line-height: 28px; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; margin-bottom: 5px;}
.PageNews li .news_fix time{ color: #767676; }
.PageNews li .imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.PageNews li:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.PageNews li:hover .news_fix .tit{ color: #006db8;}

.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:20px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:34px; margin-top:20px;}
.pageNewsD p a{font-size: 16px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 16px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}
.PageNews .Newslist{ width: 69.91%; }
.PageNews .Newslistbg{ padding: 4%; background: #fff;}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #006db8; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .infor .con .detailBoxs{ width: 100%; position: relative;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .news_hot .owl-dots .owl-dot.active{background: #92cc1f;border-color: #92cc1f;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #006db8; position: relative;}
.Newslist01 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#006db8;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #006db8; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#006db8;}


.Servicebox{width: 100%; position: relative; padding: 60px 0; background-color: #f5f5f5;}
.PageService li{ width: 49%; float: left;margin-bottom: 20px;  margin-right: 2%;}
.PageService li a{border: 1px #eee solid; }
.PageService li:nth-child(2n){ margin-right: 0;}
.PageService li a{ display: block; background: #fff; padding:20px 25px; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.PageService li a time{ display: block; color: #999; font-size: 15px; padding-left: 8px; line-height: 1; border-left: 5px solid #065fb1; position: relative; z-index:9;}
.PageService li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.PageService li .news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 20%; margin: 0 20px 0 0;}
.PageService li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageService li .news__fix h3{ color: #232323; font-size: 18px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageService li .news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageService li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageService li a:hover .news__fix h3,.PageService li a:hover .news__fix p{ color: #fff;}
.PageService li a:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;transform: rotateX(-60deg);-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.PageService li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}


/* Jishubox */
.Jishubox{width: 100%; position: relative; padding: 60px 0; background-color: #f5f5f5;}
.Jishubox .PageJishu li{ width: 49%; float: left; margin-right: 2%; position: relative; background: #fff; margin-bottom: 1%;}
.Jishubox .PageJishu li:nth-child(2n){ margin-right: 0;}
.Jishubox .PageJishu li a{ display: block; padding: 0 20px; border: 1px #eee solid; height: 50px;}
.Jishubox .PageJishu li .text{ font-size: 15px; color: #333; line-height: 50px; float: left;}
.Jishubox .PageJishu li .icon{ width: 20px; height: 20px; float: right; position: relative; margin: 15px 0;}
.Jishubox .PageJishu li .icon img{position:absolute; left:0px; top:0px; width:100%;}
.Jishubox .PageJishu li .icon .i1{ transition: 400ms;}
.Jishubox .PageJishu li .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.Jishubox .PageJishu li:hover .text{ color: #fff;}
.Jishubox .PageJishu li:hover{background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.Jishubox .PageJishu li:hover .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.Jishubox .PageJishu li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }

/* PageJoin */
.Joinbox{ position: relative; width: 100%; padding: 40px 0;}
.PageJoin .Joinlist{position: relative; width: 100%;}
.PageJoin .jnlist{ background: #f6f6f6; }
.PageJoin .jnlist li{float: left; text-align: center; padding: 15px 0; font-size: 16px; color: #333; width: 20%; font-weight: bold;}
.PageJoin .jnlist li:nth-child(2),.PageJoin .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .joblist .list_dt p{float: left; text-align: center; padding: 10px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .joblist .list_dt p:nth-child(2),.PageJoin .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .joblist #open{ background: #006db8;}
.PageJoin .joblist #open p{ color: #fff }
.PageJoin .joblist .list_dt:hover{ background: #006db8;}
.PageJoin .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}

.contentUs{ width: 100%; position: relative; background:#fcfcfc;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:42%; padding: 4%; float: left; font-size: 16px; line-height: 35px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 20px; font-weight: bold;}

/* 产品相关推荐 */
.concent{ width: 100%; position: relative;}
.related{ width: 100%; position: relative; margin-top: 40px;}
.related .Tit{ font-size: 24px;font-weight: bold; color: #006db8; text-align: center;}
.related .relatList{ margin-top: 30px;}
.related .relatList li{ background: #fff; margin-bottom: 25px; position: relative; width: 24.25%; float: left; margin-right: 1%;}
.related .relatList li:nth-child(4n){ margin-right: 0;}
.related .relatList li .li_box{padding:25px; border-right: 1px solid #efefef;}
.related .relatList li .li_box .img{ margin-bottom: 10px;}
.related .relatList li .li_box .tit{font-size: 18px; color: #393939; font-weight: bold;  border-bottom: 1px solid #efefef; margin-bottom: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 40px; line-height: 40px;}
.related .relatList li .li_box .con{ font-size: 15px; color: #555;line-height: 28px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.related .relatList li .li_box .more_box{overflow: hidden;}
.related .relatList li .li_box .more_box .btn-common{display: inline-block;height: 40px;line-height: 40px; font-size: 0px; padding: 0 15px; text-transform: uppercase;margin-right: 14px; margin-top: 30px;position: relative;z-index: 5; overflow: hidden; width: 34%;}
.related .relatList li .li_box .more_box .btn-common span.icon{width: 16px; height: 14px;margin-left: 10px; transition: all 0.5s ease;}
.related .relatList li .li_box .more_box .btn-common span{font-size: 15px; display: inline-block; vertical-align: middle;}
.related .relatList li .li_box .more_box .btn-common:last-child{ margin-right: 0;}
.PagePro .bg{ padding: 40px; background: #fff;}
.related .relatList li .li_box img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.related .relatList li:hover .li_box .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}


/* fenye */
.pages { margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:40px; line-height:40px; background:#fff; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .active {background:#006db8;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#006db8;   text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}
.pages1{ width:100%; padding: 2% 0; background: #fff; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#006db8;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#006db8;}