@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: #0493db; color: #fff; text-shadow: none; }

::selection { background: #0493db; 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-50{padding-bottom: 50%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-84{padding-bottom: 84%;}

.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{ width: 100%; position: fixed; background: #fff; z-index: 998; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.header .headerNav{ width: 100%; height: 80px; position: relative;}
.header .headerNav .logo{ position: relative;height: 50px; margin: 15px 0;}
.header .headerNav .nav{ float: left;}
.header .headerNav .nav>ul>li{ display: inline-block; }
.header .headerNav .nav>ul>li a{ margin:0 25px; line-height: 80px; font-size: 16px; color: #333; font-weight: bold;  display: block;position: relative;font-family: "Noto Sans SC",}
.header .headerNav .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 50px; }
.header .headerNav .nav .nLi:hover{ background:#fff; }
.header .headerNav .nav .nLi:hover>a{ color: #0493db;}
.header .headerNav .nav .nLi.active{ background:#fff; color:#0493db;   }
.header .headerNav .nav .nLi.active>a{ color:#0493db;}
.header .headerNav .nav .sub{ display:none; width:100%; left:0; top:80px; z-index: 9999;  position:absolute; background:#fff;  line-height:40px; padding:10px 0; border-bottom: 1px #f1f1f1 solid; border-top: 1px #f1f1f1 solid;}
.header .headerNav .nav .sub li{ zoom:1;   display: inline-block; margin: 0 30px;}
.header .headerNav .nav .sub a{ display:block; color: #333;  font-size: 15px; line-height: 40px; margin: 0;}
.header .headerNav .nav .sub a:hover{ color:#0493db;  }
.header .hotline{  height: 80px;line-height: 80px; font-size: 14px; color: #000; float: right; width: 260px; text-align: right;}
.header .hotline span{ font-size: 20px;font-weight: bold; }

/* banner */
.banner{position:relative; overflow:hidden; height:750px; width:100%; padding-top: 80px;}
.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:750px;overflow:hidden;text-align:center;}
.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 .on{background:#0493db; width: 28px;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;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:8%;background-position:0 -44px;}


/* InProduct */
.InProduct{ width: 100%; position: relative; padding: 60px 0; background: #f6f6f6;}
.InProduct .Prol{ float:left; width:21%;}
.InProduct .Prol .TitTop{ font-size: 45px; font-family: 'Impact'; color: #000; font-weight: bold; line-height: 1; margin: 40px 0;}
.InProduct .Prol li{ width: 100%; height: 54px;line-height: 54px; font-size: 18px; color: #666; padding-left: 15px; cursor: pointer; }
.InProduct .Prol li.on{ background-color: #0493db; color: #fff;}
.InProduct .Pror{ width: 76%; float: right; position: relative; background-color: #fff;}
.InProduct .Pror .inBox{ position: relative;}
.InProduct .Pror .inHd{ position: relative; left: 50%; margin-left: -44px; bottom: 35px;}
.InProduct .Pror .inHd li{ width: 10px; height: 10px; border-radius: 50%; background-color: #999; margin: 0 6px; display: inline-block; cursor: pointer;}
.InProduct .Pror .inHd li.on{ background-color:#0493db;}
.InProduct .Pror .slide{ width: 100%; background-color: #fff;}
.InProduct .Pror .slide .Img{ width: 48%; float: left;}
.InProduct .Pror .slide .InProc{ width: 40%; float: right; padding: 6%;}
.InProduct .Pror .slide .InProc h2{ font-size: 20px; color: #000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 60px;}
.InProduct .Pror .slide .InProc p{ font-size: 16px; line-height: 32px; color: #777;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 120px; height: 128px;}
.InProduct .Pror .slide .InProc .more{ width: 160px; height: 50px; background: #0493db; line-height: 50px; padding: 0 20px; position: relative;}
.InProduct .Pror .slide .InProc .more:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:0; -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;} 
.InProduct .Pror .slide .InProc .more a{ color: #fff;background:  url(../images/cjt.png) right center no-repeat; display: block; position: relative;z-index: 2;}
.InProduct .Pror .slide .InProc .more:hover:before{ width: 100%;}

/* InAbout */
.InAbout{ width: 100%; position: relative; padding: 60px 0; background: url(../images/ab_bg.jpg) center no-repeat;}
.InAbout .Title{font-size: 45px; font-family: 'Impact'; color: #fff; font-weight: bold; line-height: 1; text-align: right;}
.InAbout .Titcon{ width: 100%; position: relative;}
.InAbout .Titcon .con{text-align: right; width: 68%; float: right; font-size: 16px; color: #fff; line-height: 32px; margin-top: 45px;}
.InAbout .Abocat{ float: right; margin-top: 65px; position: relative; width: 49%; margin-bottom: 50px;}
.InAbout .Abocat a{ color: #fff; font-size: 16px; width: 180px; height: 40px; border-radius: 20px; border: 1px #fff solid; line-height: 40px; text-align: center; display: inline-block; margin-right: 40px; margin-bottom: 30px; position: relative;overflow: hidden;}
.InAbout .Abocat a:nth-child(3n){ margin-right: 0;}
.InAbout .Abocat a:hover{ background-color: #0493db;}
.InNumber{background: #f6f6f6;}
.Number{ width: 100%; position: relative; padding: 30px 0; background-color: #fff; margin-top: -60px; box-shadow: 0 0 16px rgba(0,0,0,0.1);}
.Number .Nuncon{ width: 33.333%; float: left; position: relative;}
.Number .Nuncon::after{ content: ''; position: absolute; width: 1px; height: 100%; background: #eee; right: 0; top:0;}
.Number .Nuncon:nth-child(3)::after{ display: none;}
.Number .Nuncon .Num{ text-align: center;}
.Number .Nuncon .Num .num1 .math{ font-size: 48px; color: #0493db; line-height: 1.4;}
.Number .Nuncon .Num .num1 span{ font-size: 16px; color: #666;}
.Number .Nuncon .Txt{ font-size: 16px; color: #999; text-align: center;}

/* InNews */
.InNews{ width: 100%; position: relative; padding: 60px 0; background: #f6f6f6;}
.InNews .NewsTop{ width: 100%; position: relative;}
.InNews .NewsTop .Title{font-size: 45px; font-family: 'Impact'; color: #000; font-weight: bold; line-height: 1; float: left;}
.InNews .NewsTop .Title .Newscat{ position: relative;}
.InNews .NewsTop .Newscat{ margin-left: 100px; float: left; padding: 14px 0;}
.InNews .NewsTop .Newscat a{ font-size: 16px; color: #333; margin-right: 90px; position: relative; text-transform: uppercase; line-height: 1;}
.InNews .NewsTop .Newscat a:last-child{ margin-right: 0;}
.InNews .NewsTop .Newscat a::before{ position: absolute; content: ''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:12px solid #333; left: -20px; top: 5px;}
.InNews .NewsTop .Newscat a:hover{ color: #0493db;}
.InNews .NewsTop .Newscat a:hover::before{ border-left-color:#0493db;}
.InNews .NewsTop .more{ width: 160px; height: 50px; background: #0493db; line-height: 50px; padding: 0 20px; float: right; position: relative;}
.InNews .NewsTop .more a{ color: #fff;background:  url(../images/cjt.png) right center no-repeat; display: block; position: relative; z-index: 2;} 
.InNews .NewsTop .more:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:0; -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;} 
.InNews .NewsTop .more:hover:before{ width: 100%;}
.InNews .NewsList{ position: relative; margin-top: 30px;}
.InNews .NewsList .item{ width: 25%; float: left;}
.InNews .NewsList .item a{ padding:30px 6%; display: block;}
.InNews .NewsList .item .dete{ font-size: 15px; color: #0493db; margin-top: 10px;}
.InNews .NewsList .item .Tit{ font-size: 18px; color: #333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; line-height: 24px; margin-bottom: 20px; }
.InNews .NewsList .item .Text{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 15px; line-height: 24px; color: #999; margin-top: 20px; }
.InNews .NewsList .item:hover{ background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0, 0.1);}



.footer{ width: 100%; position: relative; background: #2a2a2a;}
.footer .footcon{  width: 100%; position: relative;}
.footer .footNav{ width: 100%; position: relative; float: left;padding: 40px 0;}
.footer .footNav dl{ width: 21.5%; float: left;}
.footer .footNav dl:nth-child(4){ width: 35%;}
.footer .footNav dl dt{ font-size: 18px; color: #fff; position: relative; font-weight: bold;}
.footer .footNav dl dd{ margin-top: 20px; font-size: 14px; line-height: 30px; color: #ccc;}
.footer .footNav dl dd span{font-size: 20px; color: #fff;}
.footer .footNav dl dd a{font-size: 14px; color: #ccc; line-height: 30px; display: block;}
.footer .footNav dl dd a:hover{ color: #0493db;}
.footer .footNav .share{ width: 100%; border-top: 1px #555555 solid; margin-top: 20px; padding-top: 20px;}
.footer .footNav .share a{ width: 30px; height: 30px; background: #3b5998;display:inline-block; border-radius: 5px; text-align: center; line-height: 30px; margin-right: 25px;}
.footer .footNav .share a img{ margin: 0 auto; }
.footer .footNav .share a:nth-child(2){ background: #55acee;}
.footer .footNav .share a:nth-child(3){ background: #007bb5;}
.footer .footNav .share a:nth-child(4){ background: #02aef0;}

.copy{ width: 100%; height: 60px; background: #1d1d1d;}
.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;}


/* pagebanner */
.Pagebanner{ width: 100%; position: relative; padding-top: 80px;}
.pagebanner{ width: 100%; height: 300px; position: relative;}
.w_comon{ width: 100%;  position: absolute; top:70px; }
.w_comon .t{  font-weight: 600; float: left;}
.w_comon .t .en{ font-size: 42px; color: #fff;  font-family: Impact;}
.w_comon .crumbs{ font-size: 14px; color: #fff; float: left; width: 100%;}
.w_comon .crumbs .fangzi{display: inline-block; width: 18px; height: 18px;  background: url(../images/home.png); margin-right: 5px; margin-bottom: -1px;}
.w_comon .crumbs a{ font-size: 14px; color: #fff; line-height: 28px; padding: 0 5px;text-transform: uppercase;}
.w_comon .crumbs a:hover{text-decoration: underline;color: #0493db;}




.page{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; border-bottom: 1px #eee solid;}
.PageNav .NavList{ width: 75%; 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: 15px;height: 65px;line-height: 65px;padding: 0px 30px;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: #0493db;transition: all .3s;}
.PageNav .NavList li:hover:before{width:80%;left:10%;background-color:#0493db;}
.PageNav .NavList li:hover a{ color: #0493db; }
.PageNav .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#0493db;}
.PageNav .NavList li.select a{ color: #0493db }
.PageNav .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}

.page .pageCon .con_box{ width: 100%; position: relative; padding: 60px 0;}
.page .pageCon .con_box .gongsi_title{font-size: 42px; font-weight: bold; color: #0493db;text-transform: uppercase; font-family: 'Impact';}
.page .pageCon .con_box .en_title{font-size: 30px; color: #000; font-family: 'Impact'; text-transform: uppercase;}
.page .pageCon .page-account{ width: 100%; margin-top: 20px;}
.page .pageCon .page-account .img-circle{ width: 48%; float: left;}
.page .pageCon .page-account .img-circle img{ width: 100%;}
.page .pageCon .page-account .con{ width: 50%; float: right; }
.page .pageCon .page-account .con p{ font-size: 16px; color: #333; line-height: 30px;}
.pageber{ width: 100%; position: relative; padding: 30px 0;}
.pageber .Nuncon{ width: 33.333%; float: left; position: relative;}
.pageber .Nuncon::after{ content: ''; position: absolute; width: 1px; height: 100%; background: #eee; right: 0; top:0;}
.pageber .Nuncon:nth-child(3)::after{ display: none;}
.pageber .Nuncon .Num{ text-align: center;}
.pageber .Nuncon .Num .num1{ font-size: 40px; color: #0493db; line-height: 1.4;}
.pageber .Nuncon .Num .num1 span{ font-size: 16px; color: #666;}
.pageber .Nuncon .Txt{ font-size: 13px; color: #999; text-align: center;}
.page .pageCon .compre{ width: 100%; position: relative; margin-top: 30px;}
.page .pageCon .compre .item{ width: 50%; float: left;  position: relative;}
.page .pageCon .compre .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; text-align:center;}
.page .pageCon .compre .item .cover .box{padding-top:19%;}
.page .pageCon .compre .item .cover .box .t{font-size:42px; font-family: 'Impact'; font-weight:bold; color: #fff;text-transform: uppercase;}
.page .pageCon .compre .item .cover .box .c{font-size:16px; line-height:30px; padding:0 21%; color: #fff;}
.page .pageCon .compre .item .cover .box .icon{transition:.5s ease;}
.page .pageCon .compre .item:hover .cover .box .icon{transform:rotateY(180deg)}
.page .pageCon .compre .item1 .cover .box .icon{display:inline-block; width:80px; height:60px; background:url(../images/compre01_1.png) no-repeat center;}
.page .pageCon .compre .item1 .cover .box{color:#fff;}
.page .pageCon .compre .item2 .cover .box .icon{display:inline-block; width:80px; height:60px; background:url(../images/compre01_3.png) no-repeat center;}
.page .pageCon .compre .item2 .cover .box{color:#2d3a43;}
.page .pageCon .compre .item3 .cover .box .icon{display:inline-block; width:80px; height:60px; background:url(../images/compre01_2.png) no-repeat center;}
.page .pageCon .compre .item3 .cover .box{color:#2d3a43;}
.page .pageCon .compre .item4 .cover .box .icon{display:inline-block; width:80px; height:60px; background:url(../images/compre01_4.png) no-repeat center;}
.page .pageCon .compre .item4 .cover .box{color:#2d3a43;}


.PagePro{ position: relative; padding: 60px 0;}
.PagePro .left{ width: 286px;background: #fff;float: left; box-shadow: -4px 2px 20px 1px rgba(0,0,0,0.2);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.PagePro .left .box{ padding: 40px 22px;}
.PagePro .left.scroll{ position: fixed; top: 100px;}
.PagePro .left .infor{font-size: 36px;  font-family: 'Impact';color: #0493db; border-bottom: 1px solid #efefef; margin-bottom: 30px;}
.PagePro .left .pro_nlist .con_a{ position: relative;}
.PagePro .left .pro_nlist .con_a a{display: block; font-size: 14px; line-height: 32px; margin-bottom: 5px; color: #454545; padding-left: 25px; position: relative;}
.PagePro .left .pro_nlist .con_a i{display: block; width: 17px;  height: 17px; background: url(../images/sele.png) no-repeat;position: absolute;left: 0; top: 8px;}
.PagePro .left .pro_nlist .con_a.select a{ color: #0493db;}
.PagePro .left .pro_nlist .con_a.select i{background-position: -17px 0;}
.PagePro .right{ width: 76%; float: right;}
.PagePro .right .Prolist{ width: 100%;}
.PagePro .right .Prolist li{ background: #fff; margin-bottom: 25px; position: relative; width: 33.333%; float: left;}
.PagePro .right .Prolist li .li_box{padding: 0 24px; border-right: 1px solid #efefef;}
.PagePro .right .Prolist li .li_box .tit{font-size: 20px; color: #393939; font-family: 'Impact'; padding-bottom: 10px; border-bottom: 1px solid #efefef; margin-bottom: 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PagePro .right .Prolist li .li_box .con{ font-size: 15px; color: #041d40;line-height: 28px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.PagePro .right .Prolist li .li_box .more_box{overflow: hidden; padding-bottom: 40px}
.PagePro .right .Prolist li .li_box .more_box .btn-common{display: inline-block;height: 46px;line-height: 46px; font-size: 0px; padding: 0 15px; text-transform: uppercase;margin-right: 14px; margin-top: 30px;position: relative;z-index: 5; overflow: hidden;font-weight: bold; width: 34%;}
.PagePro .right .Prolist li .li_box .more_box .btn-common span.icon{width: 16px; height: 14px;margin-left: 10px; transition: all 0.5s ease;}
.PagePro .right .Prolist li .li_box .more_box .btn-common span{font-size: 15px; display: inline-block; vertical-align: middle;}
.PagePro .right .Prolist li .li_box .more_box .btn-common:last-child{ margin-right: 0;}
.Pagedetail{ padding: 60px 0; position: relative;}
.Pagedetail .detailbox{ padding: 60px; background: #fff; border-bottom: 4px #0493db solid;}
.Pagedetail .left{width: 48%;float: left; position: relative; margin-right: 2.5%;}
.picFocus{ float:left;  width:100%;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li span{border:2px solid #ddd;}
.picFocus .hd ul li img{ width:100%;  cursor:pointer; margin-right:8px; display:  block;  }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on span{ border-color:#0493db;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .bd li span{border:1px solid #ddd; width: 99%;}
.picFocus .prev{ position:absolute; left:0 ; bottom:40px;}
.picFocus .next{ position:absolute; right:0 ; bottom:40px;}
.Pagedetail .right{width: 48%; float:right ;}
.Pagedetail .right .title{ font-size: 28px; font-family: 'Impact';  color: #333;}
.Pagedetail .right .titmd{ font-size: 16px; line-height: 30px; color: #666; padding: 40px 0; border-bottom: 1px #ddd solid;border-top: 1px #ddd solid;}
.Pagedetail .right .btn{padding-left:0; box-shadow:none; margin-top:30px;}
.Pagedetail .right .btn .icon{width:28px; height:23px; background:url(../images/proDetail01.png) no-repeat left; display:inline-block; position:relative; top:5px; margin-right:10px;}
.Pagedetail .right .btn>a{display:inline-block; background:#facd00; transition:.3s ease; font-size:18px; color:#4f4f4f; font-weight:bold; line-height:33px; padding:10px 25px;}
.Pagedetail .right .btn>a.order:hover{background:#fabc00;}
.Pagedetail .right .btn .tel .icon{background-position:-28px 0;}
.Pagedetail .right .btn .tel{ background:#0493db; color:#fff;}
.Pagedetail .right .btn .tel:hover{background:#038dcc;}
.Pagedetail .detailbox01{ padding: 40px 60px; font-size: 16px; line-height: 30px; color: #333; background: #fff;}
.Pagedetail .detailbox01 img{ max-width: 100%;}
.Pagedetail .detailbox01 table{border-collapse:collapse;width:100%;}
.Pagedetail .detailbox01 table,tr{ font-size: 16px; color: #444; }
.Pagedetail .detailbox01 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}
.detailnav{ padding: 20px 0;}
.detailnav li{float:left; width:auto; margin-right:2%; font-size:16px; color:#fff; line-height:40px; position:relative; padding-left:2%; cursor:pointer;}
.detailnav li i{display:block; width:18px; height:18px; background:url(../images/pro_dot.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-9px;}
.detailnav li.select i{background:url(../images/pro_dot1.png) no-repeat center;}

/* 公共样式 */
.btn-common{display:inline-block; height:46px; line-height:46px; 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:#016fa6;}

/*灰色按钮*/
.btn-grey{background:#efefef;}
.btn-grey span{color:#0493db;}
.btn-grey span.icon{ background:url(../images/blue_jt.png) no-repeat center;}
.btn-grey:hover:before{background:#e4e4e4;}


.PageNews { padding: 60px 0; background-color: #f9f9f9; position: relative; }
.PageNews .Newsitem li{ width: 31.8%; margin-right: 1.5%; margin-bottom: 24px; float: left;}
.PageNews .Newsitem li .news_fix{ background: #fff;}
.PageNews .Newsitem li .box{padding: 30px 25px;}
.PageNews .Newsitem li .news_fix .tit{ display: block; font-size: 22px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .Newsitem li .news_fix p{font-size: 16px; line-height: 28px; color: #666;}
.PageNews .Newsitem li .news_fix time{ color: #767676;}
.PageNews .Newslist01{ width: 69.91%;}
.Newslist02{width: 27.75%;}
.Newslist02 .pages1{ width:90%; padding: 5%; background: #fff; margin-bottom: 30px;}
.Newslist02 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist02 .pages1_l p{font-size: 18px;font-weight: bold; color: #0493db; position: relative;}
.Newslist02 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist02 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist02 .pages1_l:hover a{ color:#0493db;}
.Newslist02 .pages1_r{ float:left; width:100%; }
.Newslist02 .pages1_r p{font-size: 18px;font-weight: bold; color: #0493db; position: relative;}
.Newslist02 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist02 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist02 .pages1_r:hover a{ color:#0493db;}
.PageNews .Newslistbg{ padding:4%; background: #fff;}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#999;padding:20px 0; border-bottom:solid 1px #ddd;}
.pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#555; line-height:30px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


.PageCase { padding: 60px 0; background-color: #f9f9f9; position: relative; }
.PageCase .Caseitem li{ width: 31.8%; margin-right: 1.5%; margin-bottom: 24px; float: left;}
.PageCase .Caseitem li .news_fix{ background: #fff;}
.PageCase .Caseitem li .box{padding: 30px 25px;}
.PageCase .Caseitem li .news_fix .tit{ display: block; font-size: 22px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageCase .Caseitem li .news_fix p{font-size: 16px; line-height: 28px; color: #666;}
.PageCase .Caseitem li .news_fix time{ color: #767676;}
.PageCase .Newslist01{ width: 69.91%;}

.Contactbox{position: relative; padding: 60px 0;}
.Contactbox .left_form {width: 62.5%;float: left;}
.Contactbox .left_form .txt_box { text-align: left;width: 100%;}
.Contactbox .left_form .form_area .btn_area { padding-top: 20px;}
.Contactbox .left_form .form_area .btn_area .form_btn { width: 20%; padding: 10px 0; display: inline-block; margin-right: 5%;border: none; border-radius: 3px; color: #FFFFFF; cursor: pointer; font-size: 16px;}
.Contactbox .left_form .form_area .btn_area .form_btn.tijiao {background: #0493db;}
.Contactbox .left_form .form_area .btn_area .form_btn.tijiao:hover{background: #016fa6;}
.Contactbox .left_form .form_area .btn_area .form_btn.chongzhi {background: #c00e0e;}
.Contactbox .left_form .form_area .btn_area .form_btn.chongzhi:hover{background: #a50a0a;}
.Contactbox .left_form .form_area .txt_area { width: 99%; height: 200px;background: #EFEFEF;}
.Contactbox .left_form .form_area .txt_area textarea { width: 100%; border: none; padding: 15px; resize: none; font-size: 14px;}
.Contactbox .left_form .form_area .input_item {width: 47%; position: relative;}
.Contactbox .left_form .form_area .input_item .ion { position: absolute;right: 20px; top: 10px; color: #A9B1B4; font-size: 14px;}
.Contactbox .left_form .form_area input { width: 85%; border: none; background: #EFEFEF; padding: 12px 15px; margin-bottom: 15px; font-size: 14px;}
.txt_box .part_tit { font-size: 26px; font-weight: bold; margin-bottom: 15px;}
.txt_box .part_tit .black { color: #000;}
.txt_box .part_tit .red { color: #0493db;}
.txt_box .part_dec { line-height: 1.8em; margin-bottom: 30px;}
.Contactbox .right_mes{width: 32.25%; float: right; height: 425px; background:#0493db;}
.Contactbox .right_mes .cont_ii{ position:relative;}
.Contactbox .right_mes .cont_ii span{display: block; padding: 10px 0;}
.Contactbox .right_mes .cont_ii span em{display: block;  font-size: 26px; font-weight: bold;line-height: 1.8; color: #fff; font-style:normal;}
.Contactbox .right_mes .cont_ii span b{display: block; font-size: 14px;color: #999;line-height: 1.8; font-style:normal;}
.Contactbox .right_mes .cont_txt{padding: 30px;}
.Contactbox .right_mes .fLx li{ width: 100%; line-height: 35px;}
.Contactbox .right_mes .fLx li:nth-child(1){ border-bottom:1px #0493db solid;margin-bottom: 8px; padding-bottom: 8px; line-height: 35px;}
.Contactbox .right_mes .fLx li span{ font-size: 16px; color: #fff; }
.Contactbox .right_mes .fLx li:nth-child(1) p{ font-size: 28px; color: #fff; font-weight: bold; }

.Honorbox{ position: relative; padding: 60px 0;}
.PageHonor{width:100%; position: relative;  }
.PageHonor li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageHonor li:nth-child(4n){ margin-right: 0;}
.PageHonor li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageHonor li:hover .img{border: 2px #0493db solid;}
.PageHonor li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageHonor li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHonor li p{ background:#f5f5f5; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageHonor li:hover p{ background: #0493db; color: #fff;}


/*  询价弹窗 */
.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none;}
.popover_job{ width:50%; z-index:9999; position:fixed; top:50%;left:50%; background:#fff; margin:-300px 0 0 -25%;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_job dd{ font-size: 24px; font-weight: bold; margin-top:20px; color: #000;}
.close{ position:absolute; right:20px; top:20px; cursor:pointer;}
.popup_form{ padding: 40px;}
.popup_form .title{ line-height:40px; color:#aaa; font-size:14px; border-bottom:1px solid #eee; margin-bottom:20px;}
.popup_form .inp_box{float:left; width:48%; margin-right:4%; margin-bottom: 2%;  position:relative;}
.popup_form .inp_box:nth-child(2n){ margin-right: 0;}
.popup_form .inp_box .type{font-size:14px; color:#353333; margin-bottom:5px; text-align: left;}
.popup_form .inp_box .input_area{width:96%; height:40px; line-height:40px; border:1px solid #cccccc; border-radius:0; padding:0 2%;}
.popup_form .inp_box:nth-child(5){ width: 100%;}
.popup_form .inp_box:nth-child(5) .input_area{height:80px; line-height:40px;}
.popup_form .btn_area{font-size: 13px;color: #454545; float: left;}
.popup_form .form_btn{float: none; display: block; margin: 20px auto 0; background: #0493db;  border: none; outline: none; font-size: 16px;  color: #fff; width: 220px;line-height: 45px;border-radius: 3px; cursor: pointer;}
.popup_form .form_btn:hover{background: #016fa6;}

.PageProxun{position: relative; padding: 60px 0;}
.PageProxun .tit{ text-align: center; margin-bottom: 30px;}
.PageProxun .tit .t{font-size: 36px;line-height: 1.2; color: #666; font-weight: bold;}
.PageProxun .tit .c{ font-size: 16px;line-height: 24px; color: #666; margin: 5px 0;}
.PageProxun .form_area{ padding: 0 8%;}
.PageProxun .form_area .inp_box{float:left; width:48%; margin-right:4%; margin-bottom: 2%;  position:relative;}
.PageProxun .form_area .inp_box:nth-child(2n){ margin-right: 0;}
.PageProxun .form_area .inp_box .type{font-size:14px; color:#353333; margin-bottom:5px;}
.PageProxun .form_area .inp_box .input_area{width:96%; height:40px; line-height:40px; border:1px solid #cccccc; border-radius:0; padding:0 2%;}
.PageProxun .form_area .inp_box:nth-child(5){ width: 100%;}
.PageProxun .form_area .inp_box:nth-child(5) .input_area{height:100px; line-height:40px;}
.PageProxun .form_area .btn_area{font-size: 13px;color: #454545; float: left;}
.PageProxun .form_area .form_btn{float: none; display: block; margin: 20px auto 0; background: #0493db;  border: none; outline: none; font-size: 16px;  color: #fff; width: 220px;line-height: 45px;border-radius: 3px; cursor: pointer;}
.PageProxun .form_area .form_btn:hover{background: #016fa6;}

/* fenye */
.pages{ margin: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 .page-active {background:#0493db; text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#0493db; 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;}

/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #0493db;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #0493db;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}

#cnzz_stat_icon_1279668338{ display:none; }