@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{color:#454546;line-height:24px;font-family:'',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#454546;text-decoration:none;transition:all ease 0.3s;outline:none;}
a:hover{color:#3c3c3c;}
html,body{position:relative;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}
.container{position:relative;width:80%;min-width:320px;margin:0 auto;}
.wrap{position:relative;width:80%;min-width:320px;margin:0 auto;}
.hTopic{font-size: 36px;font-weight: normal;color: #191919;text-align: center;margin-bottom: 50px;}
.hTopic span{font-size: 14px;color: #999999;display: block;text-transform: uppercase;margin-top: 3px;position: relative;}
.hTopic span:after{content: "";position: absolute;width: 20px;height: 5px;background-color: #621739;bottom: -10px;left: 50%;margin-left: -10px;}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src:
    url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  /*公共字体引用*/
 @font-face {
  font-family: 'sans';
  src: url('../fonts/droidsanschinese.eot');
  src:
    url('../fonts/droidsanschinese.eot') format('embedded-opentype'),
    url('../fonts/droidsanschinese.woff') format('woff'),
    url('../fonts/droidsanschinese.ttf') format('truetype'),
    url('../fonts/droidsanschinese.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/*广告切换*/
.banner{width: 100%}
.banner .swiper-slide{width: 100%}
.banner .wapImg{display: none;}
.banner img{width: 100%;display: block;}
.banner .hd{bottom: 30px;}
.banner .hd span{border: 2px solid #fff;width: 14px;height: 14px;opacity: 1;background: none;}
.banner .hd .swiper-pagination-bullet-active{background-color: #fff}
/*.bannerPrev,.bannerNext{width: 24px;height: 7px;background-repeat: no-repeat;bottom: 38px;top: auto;background-size: auto;}
.bannerPrev{left: 45%;background-image: url(../images/hico2.png);}
.bannerNext{right: 45%;background-image: url(../images/hico3.png);}*/

/*pc导航*/
.wapHeader{display: none;}
.pcNav{height: 90px;background:#fff;}
.pcNav .container{position: relative;}
.pcNav .headerLogo{float: left;line-height: 90px;}
.pcNav .headerLogo img{height: 56px;vertical-align: middle;}
.pcNav .headerNav{float: right;margin-top: 35px;}
.pcNav .headerNav .menu1>li{float: left;position: relative;}
.pcNav .headerNav .menu1>li>a{font-size: 18px;color: #000000;margin: 0 35px;position: relative;}
.pcNav .headerNav .menu1>li>a:after{width: 11px;height: 6px;content: "";position: absolute;background-image: url(../images/hnav-ico.png);background-repeat: no-repeat;right: -20px;top: 50%;margin-top: -3px;}
.pcNav .headerNav .menu1>li:nth-child(1)>a:after{display: none;}
.pcNav .headerNav .menu1>li:nth-child(3)>a:after{display: none;}
.pcNav .headerNav .menu1>li>a:hover,.pcNav .headerNav .menu1>li>.current{color: #000}
.pcNav .headerNav .menu2{position: absolute;left: 0;right: 0;top:52px;background-color: #fff;z-index: 99;border-top: 3px solid #000;display: none;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1)}
.pcNav .headerNav .menu2 a{display: block;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #343434;}
.pcNav .headerNav .menu2 a:hover{background-color: #797a7c;color: #fff;}


/*快捷入口*/
.hprobtn{background-color: #f3f4f9;padding: 100px 0;}
.hprobtn li{width: 20%;float: left;text-align: center;padding: 10px 0;}
.hprobtn li a{display: block;border-right: 1px solid #c1c3d4;border-left: 1px solid #ffffff;}
.hprobtn li:last-child a{border-right: 0;}
.hprobtn li:first-child a{border-left: 0;}
.hprobtn li i{width: 55px;height: 55px;background-color: #ec652c;margin: 0 auto 25px;display: block;border-radius: 50%;transition: all .4s;}
.hprobtn li h5{font-size: 18px;color: #000000;}
.hprobtn li h5 span{display: block;font-size: 14px;color: #828285;margin-top: 5px;}
.hprobtn li:hover i{background-color:#a8a8a8;transform: translateY(-6px);}

.prodbg{overflow: hidden;height: 675px;background-position: center center;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;}
.prodslide{height: 510px;background-color: #fff;}
.prodslide .left{width: 50%;background-color: #e4e6f1;height:510px;text-align: right;line-height:510px;float: left;}
.prodslide .left img{vertical-align: middle;display: none;max-height: 100%;max-width: 100%;}
.prodslide .right{width: 50%;float: left;padding-left: 10%;padding-top: 8%;padding-right: 15%;}
.prodslide .right h5{font-size: 36px;color: #000000;font-weight: 600;margin-bottom: 20px;}
.prodslide .right p{font-size: 16px;color: #3c3c3c;padding-bottom: 25px;border-bottom: 2px solid #000000;margin-bottom: 25px;}
.prodslide .right .tab{font-size: 0;text-align: left;}
.prodslide .right .tab a{display: inline-block;width: 36px;height: 36px;margin:0 10px;position: relative;}
.prodslide .right .tab a:before{position: absolute;content: "";width: 40px;height: 40px;border: 1px solid #ff0000;left: 50%;margin-left:-21px;top: 50%;margin-top: -21px;transform: scale(1.05);opacity: 0;transition: all .4s;}
.prodslide .right .tab a:nth-child(1){background-color: #ababab;}
.prodslide .right .tab a:nth-child(2){background-color: #92cbc0;}
.prodslide .right .tab a:nth-child(3){background-color: #e5a4b7;}
.prodslide .right .tab a:hover:before,.prodslide .right .tab .on:before{transform: scale(1.0);opacity: 1}
.prodslide2 .right .tab a:nth-child(1){background-color: #aa9378;}
.prodslide2 .right .tab a:nth-child(2){background-color: #601017;}
.prodslide2 .right .tab a:nth-child(3){background-color: #b2b2b1;}
.prodslide2 .right .tab a:nth-child(4){background-color: #2f96a7;}
.prodslide3 .right .tab a:nth-child(1){background-color: #436083;}
.prodslide3 .right .tab a:nth-child(2){background-color: #d7d8de;}
.prodslide3 .right .tab a:nth-child(3){background-color: #909090;}
.prodslide3 .right .tab a:nth-child(4){background-color: #ddb8cb;}

/*产品列表*/
.prodItem{padding: 100px 0;background-color: #f3f4f9}
.prodItem .topic{font-size: 46px;color: #010101;text-align: center;margin-bottom: 60px;line-height: 46px;}
.prodItem .topic span{font-size: 20px;display: block;}
.prodItem .grid-item a{display: block;margin: 0 15px 30px;}
.prodItem .grid-item,.prodItem .grid-sizer{ width: 25%;}
.prodItem .grid-sizer{visibility:hidden;}
.prodItem .grid-item .picCover{overflow: hidden;position: relative;height: 350px;}
.prodItem .grid-item--width1 .picCover{height: 350px;}
.prodItem .grid-item--height2 .picCover{height:840px;}
.prodItem .grid-item .pic{display: block;background-size: cover;background-position: center center;height: 100%;min-height: 100%;transition: all .5s ease-in-out;max-width: auto;width: 100%;}
.prodItem .grid-item .pic img{display: block;width: 100%;height: 100%;visibility:hidden; }
.prodItem .grid-item .txt{background-color: #fff;height:110px;padding: 0 50px 0 30px;}
.prodItem .grid-item--width1{width:50%;}
.prodItem .grid-item .txt h5{font-size: 18px;color: #262626;overflow: hidden;text-overflow: ellipsis;padding: 15px 0 10px;}
.prodItem .grid-item .txt p{font-size: 14px;color: #262626;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prodItem .grid-item:hover .pic{transform: scale(1.08);}


/*底部*/
.footer{background-color: #090917;padding: 100px 0 50px;text-align: center;}
.footer p{color: #fff;font-size: 16px;padding-top: 60px;}
.footer p a{color: #5a5a5a;}
.footer p a:hover{color: #fff;}
.footBar{display: none;}

/*品牌故事*/
.mainThem{background-color: #f3f4f9;padding: 80px 0;}
.pTopic h3{font-size:36px;color: #454546 }
.pTopic  p{font-size: 16px;color: #454546;margin-top: 20px;}
.brandVideo{width: 100%;position:relative;padding-bottom:56.25%;
    height: 0;}
.brandVideo .abVideo{position: absolute;top:0;left: 0;width: 100%;height: 100%}
.brandVideo .cover{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);}
.video-js .vjs-big-play-button{display: none}
.brandVideo .cover h3{font-size: 44px;color: #fff;text-align: center;padding-top:22%;width: 100%;}
.brandVideo .cover h3 span{display: block;font-size: 16px;margin-top: 20px;}
.brandVideo .cover .playerIco{width: 70px;height: 70px;border-radius: 50%;margin: 20px auto 0;background-color: #76706e;display: block;cursor: pointer;background-image: url(../images/video-ico.png);background-repeat: no-repeat;background-position: center;}
.brandVideo .vcloseIco{position: absolute;width: 30px;height: 30px;background-image: url(../images/close.png);background-repeat: no-repeat;background-position: center;right: 20px;top: 20px;display: none;cursor: pointer;}
.hist img{display: block;margin: 0 auto;}
/*发展历程*/
.brandCourse{padding-top: 100px;background-color: #f3f4f9}
.brandCourse .courseMain{height: 730px;margin-top: 60px;position: relative;}
.brandCourse .bgBox{height: 100%;overflow:hidden;}
.brandCourse .bgBox li{height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.brandCourse .itemBox{position: absolute;top: 0;left: 0;width: 100%;}
.brandCourse .itemBox li{margin-bottom: 1px;overflow:hidden;height: 50px;}
.brandCourse .itemLine{height: 50px;background: rgba(0,0,0,0.5);cursor: pointer;transition: all .4s;}
.brandCourse .itemLine h3{font-size: 16px;color: #fff;line-height: 50px;position: relative;padding-left: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brandCourse .itemLine h3 span{margin-right: 30px;}
.brandCourse .itemLine h3 i{position: absolute;width: 24px;height: 24px;border: 2px solid #fff;border-radius: 50%;left: 0;top: 50%;margin-top: -12px;background-image: url(../images/course-ico1.png);background-repeat: no-repeat;background-position: center center}
.brandCourse .itemLine:hover,.brandCourse .curr{background:rgba(0,0,0,0.95);}
.brandCourse .itemLine:hover h3 i{background-color: #fff;background-image: url(../images/course-ico3.png);}
.brandCourse .curr h3 i{background-image: url(../images/course-ico4.png);}
.brandCourse .itemContent{overflow:hidden;}
.brandCourse .itemContent .txt{color: #fff;width: 560px;float: right;padding-top: 140px;transition: all .5s;opacity: 0;transition-delay: .5s;}
.brandCourse .itemContent .txt  h5{font-size: 44px;color: #000;margin-bottom: 40px;}
.brandCourse .itemContent .txt  h5 span{display: block;font-size: 16px;color: #fff;margin-bottom: 20px;}
.brandCourse .itemContent .txt  p{line-height: 26px;}
.brandCourse .itemBox .big .itemLine{background:rgba(0,0,0,0.95);}
.brandCourse .itemBox .big h3 i{background-image: url(../images/course-ico4.png);background-color: #fff;}
.brandCourse .itemBox .big .txt{opacity: 1;padding-top: 110px;color: #000;}


.itemContent .txt{ color: #000;}
/*合作项目*/
.brandCoop{background-color: #f3f4f9;padding: 100px 0;overflow: hidden;}
.brandCoop .pTopic{position: relative;}
.brandCoop .pTopic:after{position: absolute;width: 1px;height: 1415px;background-color: #b6b6b6;left: -100px;top: 10px;content: "";}
.brandCoop .coopMain{margin-top: 70px;}
.brandCoop li{margin-bottom: 100px;width: 100%;position: relative;overflow: hidden;z-index: 0;}

.brandCoop li .slideBtn{height: 65px;position: relative;}
.brandCoop li .slideBtn:before,.brandCoop .pTopic:before{content: "";position: absolute;width: 90px;height: 1px;background-color: #b6b6b6;left: -100px;top: 10px;}
.brandCoop li .slideBtn h5{font-size: 20px;color: #090917;float: left;cursor: pointer;}
.brandCoop li .slideBtn span{display: block;font-size: 16px;color: #090917;display: block;padding-left:50px;line-height: 30px; position: relative;margin-top: 10px;}
.brandCoop li .slideBtn span i{position: absolute;width: 24px;height: 24px;border: 2px solid #090917;border-radius: 50%;left: 0;top: 50%;margin-top: -12px;background-image: url(../images/course-ico3.png);background-repeat: no-repeat;background-position: center center;transition: all .5s;}
.brandCoop li .slideBtn  h5:hover span i{background-image: url(../images/course-ico1.png);background-color: #090917}
.brandCoop li .slideBox{height: 100%;overflow: hidden;background-color: #95a6b9;position: absolute;top: 0;left: 0;width: 100%;z-index: -1;opacity: 0;}
.brandCoop li .slideBox .pic{display: block;width: 50%;float: left;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover}
.brandCoop li .slideBox .detail{width: 50%;float: right;padding: 12% 6%;transition: all .5s;transition-delay: .5s;opacity: 0}
.brandCoop li .slideBox .detail h5{font-size: 44px;color: #fff;margin-bottom: 40px;}
.brandCoop li .slideBox .detail h5 span{display: block;font-size: 16px;margin-bottom: 20px;}
.brandCoop li .slideBox .detail .txt{font-size: 16px;color: #ffffff;line-height: 26px;}
.brandCoop .big .slideBtn{display: none;}
.brandCoop .big .slideBox{opacity: 1;}
.brandCoop .big .slideBox .detail{opacity: 1;padding: 7.5% 6%;}

/*荣誉资质*/
.brandHonor{padding: 100px 0;background-color: #e1e2e7}
.honorMain{background-color: #fff;padding-top: 50px;padding-bottom: 50px;margin-top: 70px;}
.honorMain ul{overflow: hidden;text-align: center;}
.honorMain li{width: 25%;margin-bottom: 30px;display: inline-block;}
.honorMain li a{display: block;padding: 0 30px;}
.honorMain li a .pic{display: block;position: relative;padding-top: 100%;overflow: hidden;}
.honorMain li a .pic img{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s;}
.honorMain li a .txt{padding: 0 15px;text-align: center;}
.honorMain li a .txt h5{font-size: 20px;color: #454546;margin-bottom: 15px;}
.honorMain li a .txt p{font-size: 14px;color: #454546}
.honorMain li a:hover .pic img{transform: scale(1.1);}


/*内页导航菜单*/
.topBar{background-color: #f3f4f9;}
.topBar .wrap{position: relative;padding-top: 40px;}
.navMenu{padding:20px 0 ; font-size: 0}
.navMenu a{border:1px solid #454546;height:30px;line-height:30px;border-radius: 20px;padding: 0 20px;text-align: center;font-size: 14px;color: #454546;display: inline-block;margin-right: 10px;transition: all 0s;}
.navMenu .active{background-color: #454546;color: #fff;}
@media all and (min-width:1024px) {
.navMenu a:hover{background-color: #454546;color: #fff;}
}
.menu-fix{position: fixed;top:0;background-color: #f3f4f9;width: 100%;left: 0;z-index: 99;}

/*产品列表*/
.prodList{background-color: #f3f4f9;padding-bottom:70px;}
.prodList .series{padding-top: 60px;}
.prodList .list{margin-top: 30px;}
.prodList .list ul{margin-right: -25px;}
.prodList .list li{width: 33.33%;float: left;margin-bottom: 25px;}
.prodList .list li a{display: block;margin-right: 25px;}
.prodList .list li a .pic{display: block;position: relative;padding-top: 100%;overflow: hidden;}
.prodList .list li a .pic img{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;transition: all .5s;}
.prodList .list li a .txt{background-color: #fff;padding: 20px 25px}
.prodList .list li a .txt h5{font-size: 18px;color: #262626;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
.prodList .list li a .txt p{overflow: hidden;color: #262626;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;}
.prodList .list li a:hover .pic img{transform: scale(1.1);}

/*新闻列表*/
.newsList{background-color: #f3f4f9;padding-bottom:70px;}
.newsList .series{padding-top: 60px;}
.newsList .list{margin-top: 30px;}
.newsList .list ul{margin-right: -25px;}
.newsList .list li{width: 33.33%;float: left;margin-bottom: 25px;}
.newsList .list li a{display: block;margin-right: 25px;}
.newsList .list li a .pic{display: block;position: relative;padding-top: 82%;overflow: hidden;}
.newsList .list li a .pic img{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;transition: all .5s;}
.newsList .list li a .txt{background-color: #fff;padding: 20px 25px}
.newsList .list li a .txt .time{display: block;font-size: 12px;color: #aaa;}
.newsList .list li a .txt h5{font-size: 18px;color: #262626;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
.newsList .list li a .txt p{overflow: hidden;color: #aaaaaa;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;}
.newsList .list li a:hover .pic img{transform: scale(1.1);}

/*服务支持*/
.servePage{background-color: #fff;padding-bottom:70px;}
.servePage .series{padding-top: 60px;}
.servePage .list,.servePage .content{padding-top: 90px;}
.servePage .list ul{overflow: hidden;}
.servePage .list li{overflow: hidden;width: 49%;margin-right: 1%;float: left;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #cccccc}
.servePage .list li .pic{display: block;float: left;width: 125px;height: 125px;margin-right: 20px;}
.servePage .list li .right{float: left;width: 520px;}
.servePage .list li .right h5{font-size: 16px;color: #454546;}
.servePage .list li .right p{font-size: 14px;color: #454546;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.servePage .list li .txt{overflow: hidden;}
.servePage .list li .txt span{display: block;float: left;margin-right: 20px;}
.servePage .list li .txt .ewm{text-align: center;}
.servePage .list li .txt .ewm b{font-size: 14px;font-weight: normal;}
.servePage .list li .txt .ewm img{display: block;width: 100px;height: 100px;}
.servePage .list li .txt .link{width: 100px;}
.servePage .list li .txt .link a{display: block;height: 40px;line-height: 40px;background-color: #f7f7f7;font-size: 14px;text-align: center;}
.servePage .list li .txt .link a:first-child{margin-bottom: 20px;transition: all .4s;}
.servePage .list li .txt .link a:hover{background-color:#454546;color: #fff; }
.servePage .list li .time b{display: block;font-size: 14px;font-weight: normal;}
.servePage .list li .time b:first-child{margin-bottom: 10px;}

/*新闻详情*/
.pictureTitle{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #dadada;}
.pictureTitle h3{font-weight: normal;font-size: 24px;font-weight: normal;color: #333;text-align: center;margin-bottom: 5px;}
.showArticle{padding: 70px 0;background-color: #f3f4f9}
.showArticle .main{background-color: #fff;padding: 50px 30px;}
.showArticle .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;}
.pictureTitle .time{display: block;font-size: 14px;color: #999999;text-align: center;}
.showArticle .articleContent{margin-bottom: 30px;font-size: 14px;}
.showArticle .articlePage{background: #f5f5f5;overflow: hidden;margin-bottom: 30px;}
.showArticle  .articlePage .post-prev,.showArticle  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;transition: all .5s;}
.showArticle  .articlePage a{display: block;width: 100%;height: 100%;}
.showArticle  .articlePage .pageImg{transition: all .5s;float: left;}
.showArticle  .post-prev .pageImg{text-align: right;float: right;}
.showArticle  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;float: right;}
.showArticle  .articlePage .post-prev h5{right: 0;text-align: right;}
.showArticle  .articlePage .post-next h5{text-align: left;float: left;left: 0;}
.showArticle  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;float: left;}
.showArticle  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../images/pagejt-icol.png) no-repeat 0 center;transition: all .5s;}
.showArticle  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../images/pagejt-icor.png) no-repeat -40px center;transition: all .5s;float: right;}
.showArticle .articleHost  h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;}
.showArticle .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 20px;overflow: hidden;}
.showArticle .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #e5e5e5;transition: all .5s;float: left;width: 48%;box-sizing: border-box;-moz-box-sizing: border-box;margin-right: 2%;}
.showArticle .articleRelate-news li .time{color: #ccc;float: right;font-size: 12px;}
.showArticle .articleRelate-news li a{display: block;background: url(../images/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;position: relative;transition: all .5s;left: 0;float: left;font-size: 14px;}
.mobliePage{display: none;}
.showArticle  .articlePage .post-prev:hover .pageImg,.showArticle  .articlePage .post-next:hover .pageImg{color: #fff;}
.showArticle  .articlePage .post-prev:hover,.showArticle  .articlePage .post-next:hover{background-color: #454545}
.showArticle  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.showArticle  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.showArticle  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.showArticle  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.showArticle .articleRelate-news li:hover a{color: #454545;left: 10px;}
/*面包屑导航*/
.breadCrumb{margin-bottom: 20px;}
.breadCrumb p{line-height: 32px;}
.breadCrumb .back{float: right;width: 120px;height: 32px;background-color: #454545;line-height: 32px;color: #fff;text-align: center;font-size: 14px;border-radius: 4px;transition: all .4s;}
.breadCrumb .back:hover{opacity: 0.6}


/*产品详情*/
.prodDetail{min-height:500px;border-top: 1px solid #f5f5f5}
.prodDetail .wrap{position: relative;height: 100%;}
.prodDetail .one{background-image: url(../images/pro1-bg1.jpg); text-align: right;}
.prodDetail .bg{height: 890px;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.prodDetail .one img{margin-top: 20%;}
.prodDetail .two{text-align: center;}
.prodDetail .two .txt{text-align: center;color: #4d5051;width: 40%;margin: 0 auto;padding: 120px  0 50px;}
.prodDetail .two .txt h5{font-size: 26px;margin-bottom: 25px;}
.prodDetail .two .txt span{font-size: 16px;display: block;margin-bottom: 10px;}
.prodDetail .three{height: auto}
.prodDetail .three img{display: block;}
.prodDetail .four{background-image: url(../images/pro1-bg3.jpg);height: 1050px;}
.prodDetail .four img{margin-top: 15%;}
.prodDetail .five{background-image: url(../images/pro1-bg4.jpg);}
.prodDetail .five .txt{padding-top: 15%;margin-left: 100px;}
.prodDetail .five .txt h5{font-size: 26px;color: #4d5051;margin-bottom: 20px;}
.prodDetail .five .txt p{font-size: 14px;color: #4d5051}
.prodDetail .five .txt{width: 490px;}
.prodDetail .six{background-image: url(../images/pro1-bg5.jpg);height: 1200px;}
.prodDetail .seven{background-image: url(../images/pro1-bg6.jpg);height: 1100px;}
.prodDetail .seven .txt{text-align: center;width: 700px;margin: 0 auto;padding-top: 6%}
.prodDetail .seven .txt h5{font-size: 30px;color: #4d5051;margin-bottom: 10px;}
.prodDetail .seven .txt p{font-size: 16px;color: #4d5051;}
.prodDetail .eight{background-image: url(../images/pro1-bg7.jpg);height: 1120px;text-align: right;}
.prodDetail .eight img{margin-top: 15%;}
.prodDetail .nine{background-color: #fff;text-align: center;}
.prodDetail .nine .txt{width: 790px;padding-top: 10%;padding-bottom: 5%;margin: 0 auto;}
.prodDetail .ten{background-image: url(../images/pro1-bg8.jpg);height: 1000px;}
.prodDetail .ten .txt{width: 560px;font-size: 12px;color: #4d5051;padding-top: 40%;}
.prodDetail .ten h5 span{width: 170px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;background-color: #4d5051;display: block;margin-bottom: 10px;}
.prodDetail .ten h5{font-size: 30px;color: #4d5051;margin-bottom: 40px;font-weight: 600;}
.prodDetail .eleven{background-image: url(../images/pro1-bg9.jpg);height: 910px;}
.prodDetail .twlf{background-image: url(../images/pro1-bg10.jpg);height: 810px;}
.prodDetail .twlf .txt{width: 470px;float: right;padding-top: 20%;text-align:center;}
.prodDetail .twlf .txt h5{font-size: 30px;color: #4d5051;font-weight: 600;margin-bottom: 20px;}
.prodDetail .twlf .txt p{font-size: 14px;color: #4d5051;}
.prodDetail .thirsteen{background-image: url(../images/pro1-bg11.jpg);height: 1020px;text-align: right;}
.prodDetail .thirsteen img{padding-top: 15%;width: 40%}
.prodDetail .fourteen{background-color: #f9f9f9;height: 630px;padding-top: 100px;}
.prodDetail .fourteen .left{float: left;width: 30%;text-align: center;margin-right: 10%}
.prodDetail .fourteen .left img{width: 100%;}
.prodDetail .fourteen .txt{float:left;width: 50%;padding-top: 100px;}
.prodDetail .fourteen .txt span{display: block;width: 120px;height: 30px;line-height: 30px;background-color: #4d5051;text-align: center;font-size: 14px;background-color: #4d5051;color: #fff;margin-bottom: 20px;}
.prodDetail .fourteen .txt h5{font-size: 24px;margin-bottom: 30px;}
.prodDetail .fourteen .txt p{font-size: 14px;color: #4d5051;margin-bottom: 30px;}
.prodDetail .eightteen{background-color: #4d5051;padding-top: 100px;height: 750px;}
.prodDetail .eightteen .txt{float: left;width: 50%;text-align: right;height: 100%;position: relative;}
.prodDetail .eightteen .txt img{width: 60%;left: 15%;top: 0;position: absolute;}
.prodDetail .eightteen .right{float: right;width: 50%;text-align: left;position: relative;height: 100%;}
.prodDetail .eightteen .right img{width: 60%;position: absolute;bottom: 0;left: 10%;}
.prodDetail .nineteen{background-color: #fbfbfb;height: 910px;padding-top: 100px;text-align: center;}
.prodDetail .nineteen .txt{margin-bottom: 30px;}
.prodDetail .nineteen .txt h5{font-size: 26px;color: #4d5051;margin-bottom: 10px;}
.prodDetail .nineteen .pic img{width: 55%}
.prodDetail .twenty{text-align: center;padding: 5% 0;overflow: hidden;}
.prodDetail .twenty .wrap{line-height: 100%;}
.prodDetail .twenty img{vertical-align: middle;}
.prodDetail .thirty{background-image: url(../images/pro1-bg12.jpg);height: 690px;background-color: #242424}
.prodDetail .thirty .txt{color: #fff;padding-top: 250px;margin-left: 10%;}
.prodDetail .thirty .txt h5{font-size: 30px;margin-bottom: 20px;}
.prodDetail .thirty .txt p{font-size: 14px;}

@media all and (max-width:1024px){
.prodDetail .bg{height: 500px;}
.prodDetail .one{line-height: 500px;}
.prodDetail .one img{margin-top: 0;width:30%;}
.prodDetail .two .txt{width: 80%;margin: 0 auto;padding: 60px  0 25px;}
.prodDetail .two  img{max-width: 320px;}
.prodDetail .two .txt h5{font-size: 26px;margin-bottom: 25px;}
.prodDetail .two .txt span{font-size: 16px;display: block;margin-bottom: 10px;}
.prodDetail .four{line-height: 500px;}
.prodDetail .four img{margin-top: 0;width:30%;}
.prodDetail .five .txt{padding-top: 10%;margin-left: 20px;}
.prodDetail .seven .txt{width: 80%;padding-top: 3%}
.prodDetail .seven .txt h5{font-size: 24px;}
.prodDetail .seven .txt p{font-size: 14px;}
.prodDetail .eight img{width:30%;}
.prodDetail .nine .txt{width: 100%;padding-top: 5%;}
.prodDetail .nine .txt img{width: 40%}
.prodDetail .nine .picList{width: 80%;}
.prodDetail .ten .txt{padding-top: 20%;}
.prodDetail .twlf .txt{padding-top: 10%}
.prodDetail .thirsteen img{width: 30%}
.prodDetail .fourteen .txt{padding-top: 50px;}
.prodDetail .nineteen{padding-top: 50px;}
.prodDetail .nineteen .pic img{width: 50%}
.prodDetail .twenty img{width: 50%}
.prodDetail .thirty .txt{padding-top: 100px;}
.prodDetail .thirty .txt h5{font-size: 24px;}
.prodDetail .thirty .txt p{font-size: 14px;}

}
@media all and (max-width:768px){
.prodDetail .bg{height: 400px;}
.prodDetail .one{line-height: 400px;}
.prodDetail .one img{width:40%;}
.prodDetail .two .txt{padding: 30px  0 15px;}
.prodDetail .two .txt h5{font-size: 20px;margin-bottom:15px;}
.prodDetail .two .txt h5 span{font-size: 12px;margin-bottom: 5px;}
.prodDetail .two .txt p{font-size: 14px;}
.prodDetail .four{line-height: 400px;}
.prodDetail .four img{width:40%;}
.prodDetail .five .txt{margin-left: 0;}
.prodDetail .five .txt h5{font-size: 18px;margin-bottom: 10px;}
.prodDetail .five .txt p{font-size: 12px;line-height: 18px;}
.prodDetail .seven .txt h5{font-size:18px;margin-bottom: 5px;}
.prodDetail .seven .txt p{font-size: 12px;line-height: 18px;}
.prodDetail .ten .txt{width: 100%;}
.prodDetail .ten .txt{float: none;}
.prodDetail .ten .txt h5{font-size: 18px;margin-bottom: 10px;}
.prodDetail .twlf .txt{text-align: right;}
.prodDetail .twlf .txt h5,.prodDetail .twlf .txt p{color: #000;}
.prodDetail .fourteen{padding: 50px 0;height: auto;}
.prodDetail .fourteen .left{display: none;}
.prodDetail .fourteen .txt{width: 100%;padding-top: 0}
.prodDetail .fourteen .txt h5{margin-bottom: 20px;}
.prodDetail .fourteen .txt p{margin-bottom: 20px;}
.prodDetail .nineteen .txt h5{font-size: 20px;}
.prodDetail .twenty{padding:10% 0;}
}

@media all and (max-width:480px){
.prodDetail .bg{height: 300px;}
.prodDetail .one{line-height: 300px;}
.prodDetail .one img{width:50%;}
.prodDetail .two .txt p{display: none;}
.prodDetail .four{line-height: 300px;}
.prodDetail .four img{width:50%;}
.prodDetail .seven .txt{padding-top: 9%}
.prodDetail .seven .txt p{display: none;}
.prodDetail .nine .txt {padding-top: 10%}
.prodDetail .nine .txt p{font-size: 12px;line-height: 18px;}
.prodDetail .ten .txt h5{color: #fff;}
.prodDetail .ten .txt {color: #fff;}
.prodDetail .twlf .txt h5{font-size: 20px;margin-bottom: 10px;}
.prodDetail .twlf .txt p{font-size: 12px;line-height: 18px;}
.prodDetail .nineteen .txt{margin-bottom: 20px;}
.prodDetail .nineteen .txt h5{font-size: 18px;margin-bottom: 5px;}
.prodDetail .nineteen .txt p{font-size: 12px;margin-bottom: 10px;}
.prodDetail .thirty .txt{padding-top:50px;}
.prodDetail .thirty .txt h5{font-size: 18px;}
.prodDetail .thirty .txt p{font-size: 14px;}

}


.prodDetail .WB39PDSection1 img{width: 100%;}
.prodDetail .WB39PDSection2 img{width: 100%;}
.prodDetail .WB39PDSection3 img{width: 100%;}
.prodDetail .WB39PDSection4 img{width: 100%;}
.prodDetail .WB39PDSection5 img{width: 100%;}
.prodDetail .WB39PDSection6 img{width: 100%;}
.prodDetail .WB39PDSection7 img{width: 100%;}
.prodDetail .WB39PDSection8 img{width: 100%;}
.prodDetail .WB39PDSection9 img{width: 100%;}
.prodDetail .WB39PDSection10 img{width: 100%;}
.prodDetail .WB39PDSection11 img{width: 100%;}
.prodDetail .WB39PDSection12 img{width: 100%;}
.prodDetail .WB39PDSection13 img{width: 100%;}
.prodDetail .WB39PDSection14 img{width: 100%;}

@media all and (max-width:1024px){
    .prodDetail .WB39PDSection1 img{width: 100%;}
    .prodDetail .WB39PDSection2 img{width: 100%;}
    .prodDetail .WB39PDSection3 img{width: 100%;}
    .prodDetail .WB39PDSection4 img{width: 100%;}
    .prodDetail .WB39PDSection5 img{width: 100%;}
    .prodDetail .WB39PDSection6 img{width: 100%;}
    .prodDetail .WB39PDSection7 img{width: 100%;}
    .prodDetail .WB39PDSection8 img{width: 100%;}
    .prodDetail .WB39PDSection9 img{width: 100%;}
    .prodDetail .WB39PDSection10 img{width: 100%;}
    .prodDetail .WB39PDSection11 img{width: 100%;}
    .prodDetail .WB39PDSection12 img{width: 100%;}
    .prodDetail .WB39PDSection13 img{width: 100%;}
    .prodDetail .WB39PDSection14 img{width: 100%;}

}
@media all and (max-width:768px){
    .prodDetail .WB39PDSection1 img{width: 100%;}
    .prodDetail .WB39PDSection2 img{width: 100%;}
    .prodDetail .WB39PDSection3 img{width: 100%;}
    .prodDetail .WB39PDSection4 img{width: 100%;}
    .prodDetail .WB39PDSection5 img{width: 100%;}
    .prodDetail .WB39PDSection6 img{width: 100%;}
    .prodDetail .WB39PDSection7 img{width: 100%;}
    .prodDetail .WB39PDSection8 img{width: 100%;}
    .prodDetail .WB39PDSection9 img{width: 100%;}
    .prodDetail .WB39PDSection10 img{width: 100%;}
    .prodDetail .WB39PDSection11 img{width: 100%;}
    .prodDetail .WB39PDSection12 img{width: 100%;}
    .prodDetail .WB39PDSection13 img{width: 100%;}
    .prodDetail .WB39PDSection14 img{width: 100%;}

}
@media all and (max-width:480px){
    .prodDetail .WB39PDSection1 img{width: 100%;}
    .prodDetail .WB39PDSection2 img{width: 100%;}
    .prodDetail .WB39PDSection3 img{width: 100%;}
    .prodDetail .WB39PDSection4 img{width: 100%;}
    .prodDetail .WB39PDSection5 img{width: 100%;}
    .prodDetail .WB39PDSection6 img{width: 100%;}
    .prodDetail .WB39PDSection7 img{width: 100%;}
    .prodDetail .WB39PDSection8 img{width: 100%;}
    .prodDetail .WB39PDSection9 img{width: 100%;}
    .prodDetail .WB39PDSection10 img{width: 100%;}
    .prodDetail .WB39PDSection11 img{width: 100%;}
    .prodDetail .WB39PDSection12 img{width: 100%;}
    .prodDetail .WB39PDSection13 img{width: 100%;}
    .prodDetail .WB39PDSection14 img{width: 100%;}

}


/* 内页留言样式 */
.gr-content-box #contactlb{margin-bottom: 30px;}
.yzh-table-feedback tr { height: 40px; }
.yzh-table-feedback td i{font-style: normal;color: #ef022f;margin-left: 20px;}
.yzh-table-feedback .tdContent{position: relative;}
.yzh-table-feedback .tdContent i{position: absolute;top: 10px;}
.yzh-table-feedback .input-label { font-size: 14px; line-height: 20px; width: 80px; height: 20px; padding: 5px; vertical-align: top; }
.yzh-table-feedback .input-text { line-height: 40px; width: 400px; height: 40px; margin-bottom: 15px; font-size: 14px; border: 1px solid #ccc; background: #fff; padding:0 5px;}
.yzh-table-feedback .input-textarea { width: 470px; height: 210px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc; background: #fff; padding-left:5px;}
.yzh-table-feedback .input-verifycode { line-height: 28px; width: 100px; height:28px; margin-bottom: 15px; padding: 0 5px; border: 1px solid #ccc; background: #fff;float:left;}
.yzh-table-feedback .input-text:focus, .input-textarea:focus { border-color: #666; outline: 0; }
.yzh-table-feedback .yzh-btn { font-size: 18px; line-height: 35px; display: block; float: left; width: 110px; height: 35px; margin-right: 15px; cursor: pointer; text-align: center; color: #fff; border: 0; background:#111; }
.yzh-table-feedback .yzh-btn:hover { background: #333;transition: all 0.3s; }
.pageContentBox .contactnr{width:600px;margin:0 auto;}