@charset "UTF-8";
@font-face {
    font-family: "responsivenav";
    src:url("../fonts/responsivenav.eot");
    src:url("../fonts/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../fonts/responsivenav.ttf") format("truetype"),
    url("../fonts/responsivenav.woff") format("woff"),
    url("../fonts/responsivenav.svg#responsivenav") format("svg");
    font-weight: normal;
    font-style: normal;
}
body{overflow-x: hidden;width:100%;}
/*nav*/
header{padding-top: 12px;padding-bottom: 10px;}
.nav-collapse{overflow:hidden; height:0px;}
.nav-collapse ul{ text-align:center; font-size:0; text-align:left;}
.nav-collapse ul li{ display:inline-block; width:50%; height:35px; line-height:35px; font-size:12px;  text-align:center;}
.nav-collapse ul li a{ display:block;padding:0 8px;height:35px;overflow: hidden; color: #333; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
.nav-collapse ul li a p{position: relative;margin-top: 0;-webkit-transition:all 0.2s linear; transition:all 0.2s linear;}
.nav-collapse ul li a:hover p{margin-top: -35px;}
.nav-collapse ul li span{display: block;height: 35px;line-height: 35px;}
.nav-collapse ul li span.cn{font-size: 14px;font-weight: bold;}
.nav-collapse ul li span.en{font-size: 12px;text-transform: uppercase;}
.nav-collapse ul li:hover a{color: #00479d; border-bottom:1px solid #00479d; }
.nav-collapse ul li.on a{color: #00479d;  border-bottom:1px solid #00479d; }
.nav-collapse ul li{opacity:0;}
.nav-collapse.opend{margin-top: 30px;}
.nav-collapse.opend ul li{opacity:1;}
.nav-collapse.opend ul li:nth-child(1){-webkit-transition:opacity .25s .05s linear; -moz-transition:opacity .25s .05s linear; transition:opacity .25s .05s linear;}
.nav-collapse.opend ul li:nth-child(2){-webkit-transition:opacity .25s .1s linear; -moz-transition:opacity .25s .1s linear; transition:opacity .25s .1s linear;}
.nav-collapse.opend ul li:nth-child(3){-webkit-transition:opacity .25s .15s linear; -moz-transition:opacity .25s .15s linear; transition:opacity .25s .15s linear;}
.nav-collapse.opend ul li:nth-child(4){-webkit-transition:opacity .25s .2s linear; -moz-transition:opacity .25s .2s linear; transition:opacity .25s .2s linear;}
.nav-collapse.opend ul li:nth-child(5){-webkit-transition:opacity .25s .25s linear; -moz-transition:opacity .25s .25s linear; transition:opacity .25s .25s linear;}
.nav-collapse.opend ul li:nth-child(6){-webkit-transition:opacity .25s .3s linear; -moz-transition:opacity .25s .3s linear; transition:opacity .25s .3s linear;}
.nav-collapse.opend ul li:nth-child(6){-webkit-transition:opacity .25s .35s linear; -moz-transition:opacity .25s .35s linear;transition:opacity .25s .35s linear;}
.nav-collapse-button{ position:absolute; right:8px; top:30px; background:#eeeeee; text-align:center; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.nav-collapse-button button{display:inline-block; width:40px; height:35px;  text-align:center; outline:none;}
.nav-collapse-button button:before{ font-family:"responsivenav"; font-size:20px; color:#999; content:"≡";}
.nav-collapse-button.active button:before{content:"x";}
/*banner*/
.scroll-02{ position:relative; z-index: 1; overflow:hidden;}
.scroll-02 .hd{ position:absolute; z-index:1; left:0; bottom:10px; width:100%;}
.scroll-02 .hd ul{ text-align:center;}
.scroll-02 .hd ul li{ display:inline-block; margin: 0 5px; width:7px; height:7px; background:#fff; border-radius:100%; cursor:pointer; }
.scroll-02 .hd ul li.on{ background:#f00;}
.scroll-02 .bd{ position:relative;}
.scroll-02 .bd li{display:table-cell;}
.scroll-02 .bd li .img-load1{height: 250px;}
/*精品案例*/
.list-02{max-width:1200px;}
.list-02 li{padding:10px 10%; }
.list-02 li a{position: relative;display: block;}
.list-02 li a:after{ padding-bottom:70%;}
.list-02 li a .maskBg{position: absolute;top: 0;left: 0;overflow: hidden;z-index:2;width: 100%;height:100%;padding: 10%;background:url(../images/maskBg.png) repeat;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.list-02 li a .maskBg h3{font-size: 14px;color: #fff;-webkit-transition:all 0.3s linear; transition:all 0.3s linear;transform: translateY(-100%);}
.list-02 li a .maskBg p{overflow: hidden;height: 102px;font-size: 12px;color: #fff;-webkit-transition:all 0.4s linear; transition:all 0.4s linear;transform: translateX(-100%);}
.list-02 li a:hover .maskBg{opacity:1; filter:alpha(opacity=100);}
.list-02 li a:hover .maskBg h3{transform: translateY(0);}
.list-02 li a:hover .maskBg p{transform: translateX(0);}
/*intit*/
.intit{margin: 50px auto 30px;position: relative;}
.intit:before{position: absolute; top:35px;  z-index:1; content: ""; height: 1px; width: 100%; background: #ccc;}
.titbox{position: relative; z-index:2; margin-left: auto; margin-right: auto; width: 284px;border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #fff; background: #fff; text-align: center;}
.titbox .en{position: relative; z-index:2; margin-top: -35px; font-size: 48px; color: #0b6ba8; font-family:arial; text-transform: uppercase;}
.titbox .en:before{position: absolute; top:35px; right:0; content: ""; height: 1px; width: 20%; background: #ccc;}
.titbox .en:after{position: absolute; top:35px; left:0; content: ""; height: 1px; width: 20%; background: #ccc;}
.titbox .cn{font-size: 18px; color: #333; font-weight: bold;}
/*ad*/
.ad{padding:15px 0; margin-top: 40px; background: #0b6ba8; color: #fff;}
.ad .adCell{padding:10px 10%;}
.ad .adCell .word .con{width: 96%;height: 100%;margin-left: auto;margin-right: auto;}
.ad .adCell .word h3{overflow: hidden; margin-top: 5px; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold;}
.ad .adCell .word p{overflow: hidden; margin-top: 10px; height: 46px; line-height: 23px; text-indent: 2em;}
.ad .adCell .img-load{ position:relative; display:block; overflow:hidden; height:auto; background-color:#eee;}
.ad .adCell .img-load i{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; text-align:center;}
.ad .adCell .img-load i:after{ display:inline-block; width:0; height:100%; vertical-align:middle; content:"";}
.ad .adCell .img-load i img{ position:relative; vertical-align:middle;}
.ad .adCell .img-load:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/loading.gif) center no-repeat; content:"";}
.ad .adCell .img-load:after{ display:block; padding-bottom:55%; width:0; content:"";}
.ad .adCell .img-load.loaded:before{ display:none; background:none;}
.ad .adCell .img-load.loaded i{ -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; transition:all 0.15s linear;}
.ad .adCell .img-load:after{padding-bottom: 50%;}
/*关于我们*/
.aboutCon{margin-bottom: 30px;}
.aboutRcon{overflow: hidden; width: 90%; margin-left: auto; margin-right: auto;}
.aboutR{margin-top: 20px;}
.aboutR p{overflow: hidden; height:110px; line-height: 22px; color: #777; font-size: 14px; text-indent: 2em;}
.aboutR a.more{display:block; padding:8px 0; margin:15px auto; width: 145px; border:1px solid #bfbfbf; text-transform: uppercase; text-align: center;}  
.join{margin-top: 20px; background: #f2f2f2;}
.join .joinTit{margin-bottom:15px; border-bottom:1px solid #ccc;}
.join .joinTit .TitL{float: left; color: #0b6ba8; font-weight: bold;}
.join .joinTit .TitL span{font-family:arial; text-transform:uppercase; font-size: 18px;  font-weight: normal; color: #333;}
.join .joinTit .TitR{float: right; height: 25px; line-height: 25px; font-family:arial; font-size: 10px;  color: #777; text-transform: uppercase; font-style: italic; }
.joinCon{margin:0 auto; padding: 25px 0; width: 80%;}
.aboutCon .img-load:after{padding-bottom: 65%;}
.joinTb{width: 100%;}
.joinTb td{height:40px; font-size: 14px;}
.joinTb td.td1{width: 35%; text-align: right;}
.joinTb td.td2{width: 55%;}
.joinTb td input[type='text']{width: 100%; height: 34px; border:1px solid #bfbfbf;}
.joinTb td .area{width: 100%; overflow: hidden;border:1px solid #bfbfbf;}
.joinTb td.td3{width: 10%; text-align: left; color: #980400;}
.TbSub{display:inline-block; height: 24px; background: #0b6ba8;color: #fff; border:none;}
.TbRes{display:inline-block; height: 24px; background: #444; color: #fff; border: none;}
/*sreach*/
.sreach{padding: 10px 0;background-color:#dbdbdb;color:#0b6ba8;line-height:30px;font-size: 14px;vertical-align:middle;}
.sreach .fr{text-align: right;font-size: 0;vertical-align:middle;}
.sreach .fr span,.sreach .fr input{display:inline-block;vertical-align:middle;zoom:1;*display:inline;font-size: 14px;}
.sreach .fr span{font-weight: bold;}
.sreach .fr .sreachInput{border: 1px solid #fff;height:30px;background-color:#fff;line-height:28px;padding-left: 10px;padding-right: 10px;margin-right: 1px;width: 156px;}
.sreach .fr .sreachBtn{border:1px solid #fff;background-color:#fff;margin-top: 1px;width:63px;height:30px;background:url(../images/sreach.png) center center no-repeat #fff;}
/*footer*/
footer{padding: 35px 0; background: #444; color: #b4b4b4;}
footer a{color: #b4b4b4;}
footer .tit{text-align: center; text-transform:uppercase; font-family:arial; font-size: 48px; color: #f2f2f2;margin-bottom: 10px;}
footer .footerR p{overflow: hidden;line-height: 22px; font-size: 14px;}
footer .footerR .copyRight{overflow: hidden; margin-top: 10px; height: 17px; line-height: 17px;}
footer .mapBg{}
footer .mapBg:hover{-webkit-filter: grayscale(0.3);-ms-filter:grayscale(0.3);}
.footerRCon{width: 80%;margin-left: auto;margin-right: auto;}
.fIcon{margin-top: 10px;}
.fIcon a{margin-right: 10px;}
footer .footerTop select{background-color:#dbdbdb;border:0;width:140px;font-size: 12px;}
footer .footerTop{margin-bottom: 10px;font-size: 16px;}
footer .container{position:relative;}
.picScroll-left{display: none;}
/*ny*/

/*面包屑导航*/
.breadNav{position: relative; z-index: 10000; margin-top: 20px; padding-left: 25px; height: 35px; line-height: 35px; background: #fff; border:1px solid #cccccc; color: #333;}
.breadNav a{color: #333;}
.breadNav a:last-child{color: #0b6ba8;}
.breadNav a:hover{color: #0b6ba8;}
/*内页导航*/
.nyNav{position: relative; margin:40px auto 20px; }
.nyNav:before{position: absolute; z-index:0; top:35px; content: ""; height: 1px; width:100%; background: #ccc;}
.nyNavBox{position: relative;  margin-left: auto; margin-right: auto;  padding:24px 0 19px; width: 90%;  background: #fff; border:1px solid #cccccc; font-weight: bold; text-align: center;}
.nyNavBox a{display: inline-block; margin:0 6px; font-size: 14px; color: #333; padding-bottom: 5px;}
.nyNavBox a.on{color: #0b6ba8; background:url(../images/threeNav.jpg) center bottom no-repeat;}
.nyNavBox a:hover{color: #0b6ba8;}
.nySunNav{text-align: center;;position: relative;  margin-left: auto; margin-right: auto;  padding:0 0 24px; width: 90%;  background: #fff; font-weight: bold; text-align: center;}
/*图文列表1*/
.comb-01 .bd{padding:0 10%;margin-bottom: 30px; }
.comb-01 .img-load{ margin-bottom:20px; height:150px;-webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.comb-01 .img-load:hover i{-webkit-transform:scale(1.1); transform:scale(1.1);}
.comb-01 .r-info h4{overflow: hidden; height: 20px; line-height: 20px; font-size:14px; color: #777; font-weight: bold;}
.comb-01 .r-info h4 a{color: #777;}
.comb-01 .r-info h4 a:hover{color: #0b6ba8;}
.comb-01 .r-info span{ display:block; margin-top:10px; margin-bottom:10px; font-size:12px; color:#777777;}
.comb-01 .r-info p{text-indent: 2em;overflow: hidden; margin-top: 10px; height: 72px; font-size:12px; line-height:24px; color: #777;}
/*ny*/
.ny{overflow: hidden; min-height: 550px;padding-bottom: 50px; }
/*图文列表2*/
.list-ny{max-width:1200px;}
.list-ny li{padding:0 10px; margin-bottom: 20px;  color: #555;}
.list-ny li .liCon{border:1px solid #cccccc; padding: 5px;}
.list-ny li a i{background-size: contain!important;}
.list-ny li a:after{ padding-bottom:70%;}
.list-ny li .img-load{-webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.list-ny li .img-load:hover i{-webkit-transform:scale(1.1); transform:scale(1.1);}
.list-ny li p{overflow: hidden; height: 44px; line-height:22px; text-align:left;  font-size: 12px;}
.list-ny li h4{overflow: hidden; margin-top: 10px; height: 20px; line-height: 20px; font-size: 14px; font-weight: normal;}
.list-ny li h4 a{color: #555;}
.list-ny li h4 a:hover{color: #0b6ba8;}
/*page*/
.page-turn-01{margin:20px 0; text-align:center;}
.page-turn-01 a{ display:inline-block; margin:3px; padding:0 5px; min-width:26px; height:26px; border:1px #999999 solid; background:#fff; line-height:24px; color:#999999; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; transition:all .1s linear;}
.page-turn-01 a:hover{ background:#0b6ba8; border:1px #0b6ba8 solid; color:#fff;}
.page-turn-01 a.on{ background:#0b6ba8; border:1px #0b6ba8 solid; color:#fff;}
.nyCon{margin-top: 58px;}
/*p2*/
.p2Con{padding:20px;}
.p2Con img{max-width:100%;}
.p2Con img.tit{display: block; margin-bottom: 10px; text-align: center;}
.p2Con  p{line-height: 22px; margin-bottom: 20px; color: #777; text-indent:2em;}
.p2Con .text img.left{margin:0 auto 10px;}
.p2Com .text2 .text{width:100%;}
.p2Com .text{width:100%;}
.p2Com .left{float: none;}
.p2Com .right{float: none;}
.p3Box{margin-top: 100px; margin-left: auto; margin-right: auto; padding:20px 10px; width: 260px; min-height: 135px; color: #969696; border:1px solid #cccccc;}
.p3Box .en{color: #393939; font-size: 36px; font-family:impact; text-transform: uppercase; text-align: center;}
.p3Box .en span{color: #0b6ba8;}
/*single*/
.final-page{max-width: 1000px; padding:0 10px;}
.final-page img{max-width: 100%;}
.final-page .art-title{ margin-bottom:30px; padding-bottom:20px;  text-align:center;}
.final-page .art-title h3{ font-size:17px; color:#4d5260;}
.final-page .art-title .info{ margin-top:15px; font-size:12px; color:#aaa;}
.final-page .art-title .info span{ display:inline-block; margin:0 10px;}
.final-page p{ margin-bottom:10px; line-height:24px; text-indent:2em;}
.final-page img{ display:block; margin:0 auto; max-width:100%;}
/*xinzeng*/
.list-news li{padding:0 10%;margin-bottom: 10px;}
.list-news li a{display:block;position:relative;padding-left: 70px;}
.list-news li a .date{line-height:1;padding-top: 10px;color:#6c6c6c;width:59px;background: url(../images/newsBj.png) left center no-repeat;height:62px;position: absolute;top: 0;left: 0;}
.list-news li a .date span.day{display:block;text-align: center;font-size: 24px;margin-bottom: 10px;}
.list-news li a .date span.month{display:block;text-align: center;font-size: 12px;}
.list-news li a:hover .date{background-image:url(../images/newsBj_hover.png);color:#0b6ba8;}
.list-news li a:hover p.lead{color:#0b6ba8}
.list-news li a p.lead{line-height:1;font-size: 16px;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.list-news li a p.text{height:36px;overflow:hidden;color:666;font-size: 12px;line-height:1.5;}

/*2022.3.17新增*/
.news-tabs{margin: 10px 0;text-align: center;}
.news-tabs .item{position: relative;display: inline-block;vertical-align: top;margin: 0 5px;font-size: 15px;font-weight: bold;cursor: pointer;}
.news-tabs .item::after{display: none;content: '';position: absolute;left: 50%;bottom: -6px;margin-left: -4px;border: 4px solid transparent;border-top-color: #0B6BA8;}
.news-tabs .item.on{color: #0B6BA8;}
.news-tabs .item.on::after{display: block;}
.news-tab-content{}
.news-tab-content .section{display: none;}
.news-tab-content .section .show{display: block;}

/*响应式 css*/
@media (min-width:768px){
    header .logo{ float:left;}
    .nav-collapse{ height:auto; padding:35px 0 0;}
    .nav-collapse ul{ float:right;}
    .nav-collapse ul li{ width:auto;height:24px; line-height:24px;padding:0 10px;  }
    .nav-collapse ul li a{ display:block;padding:0 8px 5px;height:24px;overflow: hidden; color: #333; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
    .nav-collapse ul li a:hover p{margin-top: -24px;}
    .nav-collapse ul li span{display: block;height: 24px;line-height: 24px;}
    .nav-collapse.closed ul li{opacity:1; -webkit-transition:none; -moz-transition:none; transition:none;}
    .nav-collapse-button{ display:none;}
    .list-02 li{padding: 0;}
    .intit{margin-top: 90px;}
    .ad .adCell{padding: 0;}
    .aboutR{margin-top:0px;}
    .nyNavBox{width: 70%;}
    .comb-01 .img-load{ margin-bottom:0; height: 98px;}
    .comb-01 .r-info{ padding-left:20px;padding-right: 20px;}
    .comb-01 .bd{padding: 0;}
    .joinTb td.td1{width: 30%; text-align: right;}
	.joinTb td.td2{width: 55%;}
	.joinTb td.td3{width: 15%;}
	.scroll-02 .bd li .img-load1{height: 300px;}
    .list-news li{position:relative;padding-right: 34px;margin-bottom: 24px;}
    .list-news li:nth-child(even){padding-left: 34px;padding-right: 0;}
    .p2Con .text1 img{float:left;}
    .p2Con .left{float: left;}
    .p2Con .right{float: right;}
    .p2Con .text{width:770px;}
    .p2Con .text2 .text{width:600px;}
    .p2Con img.tit{margin-top: 30px;}
    .picScroll-left{display: block;overflow:hidden; position:relative;padding-top: 10px;padding-bottom: 10px;  border:1px solid #ccc; width:240px; height:140px;background-color:#fff;position:absolute;top:-35px;right:-120px;}
    .picScroll-left .btn{ display:block; position:absolute; top:50px; width:29px; height:29px; cursor:pointer;}
    .picScroll-left .bd{ overflow:hidden; zoom:1;}
    .picScroll-left .bd li{ float:left; margin:0 10px; text-align:center;width:98px;}
    .picScroll-left .bd li .img{ overflow:hidden; width:80px; height:80px; text-align:center;margin:0 auto;}
    .picScroll-left .bd li .img img{ width:80px; height:80px; -webkit-transition:all 0.15s linear; transition:all 0.15s linear;}
    .picScroll-left .bd li .img img:hover{-webkit-transform:scale(1.05); transform:scale(1.05);}
    .picScroll-left .bd li p{ margin-top:5px; line-height:15px;color:#333;text-align: center;}
    .picScroll-left .bd li p a{color:#333;}
    .picScroll-left .hd{ position:absolute; z-index:1; left:0; bottom:0; width:100%;}
    .picScroll-left .hd ul{ text-align:center;}
    .picScroll-left .hd ul li{ display:inline-block;opacity:0.6; margin: 0 5px; width:7px; height:7px; background:#f00; border-radius:100%; cursor:pointer; }
    .picScroll-left .hd ul li.on{ opacity:1;}
}
/*floatWin*/
.floatWin{z-index: 88;position: fixed;right: 1%;top: 570px;width:300px;height:75px; transition: all 0.3s ease;}
.floatWin li{position: relative;}
.floatWin a{display: block;width: 100%;height:75px;background-size: cover;background-position: center;}
.floatWin span{position: absolute;top: 0px;right: 10px;font-size: 24px;z-index: 99;color:#ffffff;cursor: pointer;}

@media (min-width:992px){
	.nyNavBox{width: 50%;}
	.scroll-02 .bd li .img-load1{height: 350px;}
}

@media (min-width:1200px){
	.nyNavBox{width: 40%;}
	.scroll-02 .bd li .img-load1{height: 400px;}
}

/*20171201*/
.nySunNav a.on {
    color: #0b6ba8;
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	.scroll-02 .bd li .img-load1{height: 125px;}
}