@charset "utf-8";

/**

深圳市国人伟业信息技术有限公司

http://www.grwy.cn/

**/



/*首页主题*/

.home-topic{font-size: 30px;color: #009b4e;text-align: center;}

.home-topic i{display: block;margin: 5px auto 0;width: 370px;height: 14px;background: url(../images/home-topic-line.png) no-repeat center center;}

.home-topic span{display: block;font-size: 14px;color: #bdbdbd;font-family: Arial;font-weight: normal;position: relative;}



/*头部*/

.head{width: 100%;height: 90px;line-height: 90px;background: #fff;}

.head .logo{width: 350px;height: 90px;}

.head .nav{height: 90px;position: relative;}

.home-tel{position: relative;float: right;color: #e92e3b;font-size: 19px;}

.head .menu1>li{float: left;width:75px;text-align: center;}

.head .menu1>li>a{display: block;font-size: 16px;color: #333333;position: relative;z-index: 0;transition-delay:0.2s;}

.head .menu1>li>a:before,.head .menu1>li>a:after{content: "";position: absolute;width: 75px;height: 0;background: #009b4e;top:0;left:0;transition:all 0.4s ;-webkit-transition:all .4s;z-index: -1;box-sizing: border-box;}

.head .menu1>li>a:after{top: auto;bottom: 0;}

.head .menu1>li>a:hover:before,.head .menu1>li>a:hover:after{height: 45px;}

.head .menu1>li>a.current{background: #009b4e;color: #fff;}

.head .menu1>li>a:hover {color: #fff;}





.home-tel {position: relative;}

/*.home-tel li{width: 20px;height: 20px;display: block;position: relative;float: left;margin-top: 35px;margin-left: 20px;}*/

.home-tel .lang{color: #009b4e;background: url(../images/lang.jpg) no-repeat 10px center;padding-left: 35px;display: inline-block;height: 20px;line-height: 20px;position: absolute;left: -10px;top: 10px;font-size: 14px;}

.head-search{margin-right: 10px;}

.head-search .icon{width: 20px;height: 20px;display: block;background: url(../images/head-search.png) no-repeat;}

.head-tel .icon2{width: 20px;height: 20px;display: block;background: url(../images/head-tel.png) no-repeat;}

.searMain{position: absolute;padding: 20px;background: #e1e1e1;border-top: none;left: -420px;top: 70px;z-index: 10;display: none;}

.searMain::before, .searMain::after{content: "";position: absolute;top: -15px;right: 25px;width: 0px;height: 0px;border: 10px solid transparent;border-bottom-color: #ddd;}

.searMain form{width: 425px;background: #fff;height: 35px;line-height: 35px;}

.searMain .sear_text{width: 375px;float: left;height: 35px;line-height: 35px;float: left;color: #666;padding-left: 10px;background: none;}

.searMain .sear_btn{float: left;background: url(../images/searBtn.png) no-repeat center center;width: 35px;height: 35px;cursor: pointer;opacity: 0.8;filter: alpha(opacity=80);}

.telMain{position: absolute;width: 200px;padding: 10px;height: 50px;background: #d90000;border-top: none;left: -200px;top: 55px;z-index: 8;display: none;}

.telMain p{color: #fff;font-size:14px;line-height: 25px;padding-left: 35px;background: url(../images/icon-tel.jpg) no-repeat left center;}

.telMain p span{display: block;font-size: 22px;font-weight: 600;}

.telMain::before, .telMain::after{content: "";position: absolute;top: -15px;right:0px;width: 0px;height: 0px;border: 10px solid transparent;border-bottom-color: #d90000;}

/*广告*/

.banner{height:700px;position: relative;margin: 0 auto;overflow: hidden;}

.banner .bd{height:700px;overflow: hidden;position: relative;z-index: 0;left: 50%;margin-left: -960px;}

.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:20px;}

.banner .hd ul{text-align: center;}

.banner .hd ul li{display:inline-block;width: 11px;height: 11px;border-radius: 15px;margin-right: 10px;cursor: pointer;overflow: hidden;border: 2px solid #fff;}

.banner .hd ul li.on{background: #fff;}

.banner .prev,.banner .next{display:block;width: 40px;height:60px;position: absolute;z-index:2;top:50%;margin-top: -20px;}

.banner .prev{background: url(../images/banner-pn.png) no-repeat left bottom;left: 5%;}

.banner .next{background: url(../images/banner-pn.png) no-repeat right bottom;right: 5%;}





/*首页产品*/

.home-prodMian{text-align: center;height: 446px;}

.home-prod{background: #f0f0f0;padding: 50px 0;}

.tone{text-align: center;margin-bottom: 30px;}

.tone a{display: inline-block;padding: 0 10px; height: 40px;line-height: 40px;text-align: center;color: #333333;font-size: 16px;border: 1px solid #dadada;border-radius: 5px;margin: 0 5px;position: relative;z-index: 0;overflow: hidden;transition-property:color;transition-delay:0.2s;transition-duration:0.3s;}

.tone a:after,.tone a:before{content: "";width: 0;height: 40px;position: absolute;top:0;left:0;transition: all .4s;-webkit-transition:all .4s;z-index: -1;background: #009b4e;}

.tone a:before{right: 0;left: auto;}

.tone a:hover:after,.tone a:hover:before{width: 80px;}

.tone a:hover,.tone a.on{color: #fff;border: 1px solid #009b4e;}

.tone a.on{background: #009b4e;}

.pane li{float: left;width: 365px;padding: 9px;border: 1px solid #fff;margin: 0 10px 20px 0;color: #888;position: relative;box-shadow: 0 0 4px 2px #dadada;transition: all .5s;}

.pane li .pImg{display: block;width: 365px;height: 290px;overflow: hidden;margin-bottom: 10px;}

.pane li img{width: 365px;height: 304px;transition: all 0.5s;transform: scale(1,1);}

.home-prodTxt h4{font-size: 20px;font-weight: 600;padding: 5px 0 15px 0;border-bottom: 1px dashed #c0c0c0;margin-bottom: 30px;}

.home-prodTxt h4 a{color: #009b4e;}

.home-prodTxt h6{font-size: 16px;color: #121212;margin-bottom: 10px;}

.home-prodBox .pic{position: relative;width: 600px;}

.home-prodBox .pic a{display:block;overflow: hidden;}

.home-prodBox .pic img{display:block;height: 500px;transition: all .5s;-webkit-transition:all .5s;}

.home-prodBox .pic a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  -o-transform: scale(1.1);   -moz-transform: scale(1.1);}

.home-prodBox .pic:after{content:"";position: absolute;width: 600px;height: 18px;background: url(../images/home-prod-pic.png) no-repeat center center #f0f0f0; bottom: 0; }

.home-prodTxt{width: 570px;}

.home-prodTxt .txt1{padding-bottom: 30px;border-bottom: 1px dashed #c0c0c0;margin-bottom: 30px;height: 250px;overflow: hidden;}

.home-prodTxt .txt2{height: 100px;overflow: hidden;}





/*应用领域*/

.home-area{padding: 50px 0;}

.home-area h3{margin-bottom: 30px;}

.home-areaMain{position: relative;}

.home-areaBox{overflow: hidden;}

.home-areaMain ul{width: 1230px;}

.home-areaMain li{width: 290px;height: 500px;float: left;margin-right: 15px;position: relative;overflow: hidden;}

.home-areaMain li .pic{overflow: hidden;background: #009b4e;position: relative;}

.home-areaMain li .pic img{width: 100%;height: 100%;transition:all .5s;-webkit-transition:all .5s;}

.home-areaMain li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  -o-transform: scale(1.1);   -moz-transform: scale(1.1);opacity: 0.2;filter: alpha(opacity=20);}

.home-areaMain li .pic span{position: absolute;left: 0;right: 0;height: 40px;line-height: 40px;color: #000;background: rgba(0,0,0,0.5);color: #fff;bottom: 0;text-align: center;transition:all .5s;-webkit-transition:all .5s;}

.home-areaMain li:hover .pic span{height: 0;}

.home-areaMain li .cover{position: absolute;top: 0px;bottom:30px;text-align: center;left: 0;right: 0;z-index: 5;color: #fff;transition:all .5s;opacity: 0;}

.home-areaMain li .cover h5{font-size: 18px;margin-bottom: 20px;position: relative;}

.home-areaMain li .cover h5:after{content: "";width: 20px;height: 2px;background: #fff;position: absolute;left: 45%;bottom: -10px;}

.home-areaMain li .cover p{font-size: 14px;line-height: 26px;width: 230px;height: 80px;margin: 0 auto;}

.home-areaMain li:hover .cover{top: 130px;opacity: 1}

.home-areaMain li:before{content: "";position: absolute;width: 42px;height: 42px;background: url(../images/home-area-ico.png) no-repeat center center;z-index: 5;bottom: -50px;left: 40%;transition: all .5s;opacity: 0}

.home-areaMain li:hover:before{bottom: 110px;opacity: 1}

.home-areaMain .prev,.home-areaMain .next{display:block;width: 64px;height:64px;position: absolute;z-index:2;top:50%;margin-top: -20px;}

.home-areaMain .prev{background: url(../images/show-tab.png) no-repeat left top;left: -7%;}

.home-areaMain .next{background: url(../images/show-tab.png) no-repeat right top;right: -7%;}

.home-areaMain .prev:hover{background-position: left bottom}

.home-areaMain .next:hover{background-position: right  bottom}



/*公司简介*/

.home-about{padding-top: 50px;background: #222222;height: 588px;}

.home-about .wrap{}

.home-about .home-topic{color: #fff;}

.home-aboutMain{position: relative;height: 400px;background: #fae501;top: 120px;}

.home-aboutMain .video{width: 560px;height: 410px;position: absolute;left: 25px;bottom: 25px;}

.home-aboutTxt {width: 540px;height: 330px;padding: 35px;position: absolute;right: 0;color: #202020;}

.home-aboutTxt h2 a{color: #202020;}

.home-aboutTxt h2{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;}

.home-aboutTxt .home-ab-word{height: 120px;overflow: hidden;}

.home-aboutTxt .home-ab-word .more{color: #202020;}

.home-aboutTxt .home-ab-num{margin: 50px 0 0 0;}

.home-aboutTxt .home-ab-num span{display: inline-block;width: 130px;font-size: 14px;text-align: center;}

.home-aboutTxt .home-ab-num span strong{font-size:70px;font-family: "Arial";display: block;font-weight: normal;margin-bottom: 20px;}





/*新闻中心*/

.home-news{padding: 250px 0 50px;}

.home-news h3{margin-bottom: 30px;}

.home-newsTab{text-align: center;margin-bottom: 25px;}

.home-newsTab a{display: inline-block;width: 135px;height: 40px;line-height: 40px;text-align: center;color: #333333;font-size: 16px;border: 1px solid #dadada;border-radius: 5px;margin: 0 5px;position: relative;z-index: 0;overflow: hidden;transition-property:color;transition-delay:0.2s;transition-duration:0.3s;}

.home-newsTab a:after,.home-newsTab a:before{content: "";width: 0;height: 40px;position: absolute;top:0;left:0;transition: all .4s;-webkit-transition:all .4s;z-index: -1;background: #009b4e;}

.home-newsTab a:before{right: 0;left: auto;}

.home-newsTab a:hover:after,.home-newsTab a:hover:before{width: 70px;}

.home-newsTab a:hover,.home-newsTab a.on{color: #fff;border: 1px solid #009b4e;}

.home-newsTab a.on{background: #009b4e;}

.home-newsBox ul{width: 1220px;}

.home-newsBox li{float: left;width:280px;margin-right: 25px;transition: all .6s;position: relative;}

.home-newsBox li:after{content: "";position: absolute;height: 1px;background:#009b4e;left: 50%;width: 0;bottom:-1px;transition: all .6s;}

.home-newsBox li:hover:after{width: 100%;left: 0;}

.home-newsBox li .txt{color: #666666;}

.home-newsBox li .txt h5{color: #202020;margin:15px 0 5px;}

.home-newsBox li:hover .txt h5,.home-newsBox li:hover .txt .more{color: #009b4e;}

.home-newsBox li .txt .time{display: block;font-size: 12px;color: #bdbdbd;margin-bottom: 10px;}

.home-newsBox li .txt p{height:40px;font-size: 12px;color: #a4a4a4;overflow: hidden;color: #666666;margin-bottom: 10px;}

.home-newsBox li .txt .more{display: block;font-size: 12px;color: #666666;text-transform: uppercase;margin-bottom: 10px;}

.home-newsBox li .pic{height: 200px;overflow: hidden;}

.home-newsBox li .pic img{width: 100%;height: 100%;transition: all .5s;}

.home-newsBox li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);/* IE 9*/-webkit-transform: scale(1.1);/* Safari 和 Chrome*/-o-transform: scale(1.1);/* Opera*/-moz-transform: scale(1.1);/* Firefox*/}



/*底部*/

.footer{background: url(../images/foot-bg.jpg) repeat;padding: 40px 0 15px 0 ;color: #ADADAD}

.footer a{color: #ADADAD;}

.footA{width: 220px; }

.footA span{display: block;margin-bottom: 15px;}

.foot-ico a{display:inline-block;width: 42px;height: 42px;background: url(../images/foot-ico.png) no-repeat;}

.foot-ico .ico2{background-position: -50px 0;}

.foot-ico .ico3{background-position: -100px 0;position: relative;}

.foot-ico .ico3 .eimg{position: absolute;top: 6px;left: 47px;z-index: 555;display: none;}

.footB{width: 150px;height: 150px;border-right:1px solid #393939; }

.footB a{display: block;float: left;margin: 0 20px;font-weight: 600;}

.footB a:hover,.footC a:hover{color: #fff;}

.footC{width: 510px;font-size: 12px;border-left: 1px solid #111111;padding-left: 50px;}

.footD{width: 210px;height: 88px;border: 1px solid #3e3e3e;padding: 10px;}

.footD img{width: 90px;height: 90px;background: #fff;}

.footD span{float: right;margin-top: 20px;}

.foot-link{background: #111111;line-height: 35px;}

.foot-link a{padding:0 10px;font-size: 12px;color: #ADADAD;}

.foot-link a:hover{color: #fff;}

/* 内页公用菜单 */

.listMenu{font-size:14px;padding-top:50px;text-align:center;overflow: hidden;}

.listMenu .grWidth{position:relative;}

.listMenu a{padding:0 30px;float: left;width: 27.5%; margin-bottom: 20px; transition:all 0.5s;position:relative;margin-right:10px;border-radius:5px;height:35px;line-height:36px;border:1px solid #009b4e;box-shadow:0 0 1px #fff inset;display:inline-block;overflow: hidden;}
.listMenu a:nth-child(3n){margin-right: 0}

.listMenu a.current,.listMenu a:hover{background:#009b4e;color:#fff;border:1px solid #009b4e;}

.listMenu a:before,.listMenu a:after{content: "";position: absolute;height: 0;background: #009b4e;top:0;left:0;right:0;transition:all 0.4s ;-webkit-transition:all .4s;z-index: -1;box-sizing: border-box;}

.listMenu a:after{top: auto;bottom: 0;}

.listMenu a:hover:before,.listMenu a:hover:after{height: 36px;}

.listMenu .current:before{height:36px;}

.menuSub{text-align:center;margin-top:40px;}

.menuSub a{width:125px;border:1px solid #ddd;background:#fff;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #fff inset;}

.menuSub a.current,.menuSub a:hover{border:1px solid #009b4e;background:#009b4e;color:#fff;}



/*内页公用*/

.listWrapper{ overflow:hidden;padding:60px 0;}





/*公司环境*/

.settingList{overflow: hidden;}

.settingList ul{width: 1240px;}

.settingList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}

.settingList ul li img{display:block;width:270px;height:200px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;}

.settingList ul li img:hover{border:1px solid #009b4e;background:#009b4e;}

.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}



/* 荣誉证书 */

.honorList{overflow: hidden;}

.honorList ul{width: 1240px;}

.honorList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}

.honorList li img{display:block;width:270px;height:auto;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;}

.honorList li img:hover{border:1px solid #009b4e;}

.honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}



/* 下载 */

.downList{overflow: hidden;}

.downList ul{width: 1240px;}

.downList li{float:left;height:130px;background:#ededed;overflow:hidden;padding-left:20px;width:570px;color:#888;line-height:22px;margin:0 30px 20px 0;}

.downList li h5{padding-top:20px;font-size:16px;font-weight:normal;font-weight:normal;margin-bottom:10px;}

.downList li h5 a{color:#333;}

.downList li h5 a:hover{text-decoration: underline;}

.downList li .more{float:right;width:90px;height:130px;background: url('../images/down1.png') no-repeat center center;margin-left:10px;}

.downList li:hover{background:#009b4e;color:#fff;}

.downList li:hover h5 a{color:#fff;}

.downList li:hover .more{background:#333 url('../images/down2.png') no-repeat center center;}



/* 常见问题 */

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#009b4e;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative; padding:0 60px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;}

.faqList li div{display:none;padding:25px 0 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}

.faqList li h3{background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:20px 0;}

.faqList li div{background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}

@-webkit-keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

@keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}



/* 新闻列表 */

.newsList{overflow: hidden;}

.newsList ul{width: 1240px;}

.newsList li{float:left;width:280px;margin-right:26px;margin-bottom:30px;position:relative;border-bottom:2px solid #dadada;}

.newsList li .nImg{width:280px;height:200px;overflow:hidden;display:block;}

.newsList li img{width:280px;height:200px;transition:all 0.5s;}

.newsList li div{padding:15px;background:#f1f1f1;height:120px;color:#666;line-height:22px;transition: all .5s}

.newsList li div h4{color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-bottom: 8px;margin-bottom:10px;border-bottom:1px solid #dadada;font-size:14px;font-weight:normal;}

.newsList li div h4 span{display:block;color:#999;line-height:16px;font-size:12px;}

.newsList li:hover div{color:#fff;background:#009b4e;}

.newsList li:hover div h4,.newsList li:hover div span{color:#fff;}

.newsList li:hover div h4{border-bottom:1px solid #fff;}

.newsList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}

.newsList li::before,.newsList li::after{content:"";position:absolute;bottom:-2px;height:2px;transition:all 0.4s;width:0;left:0;background:#015a2e;}

.newsList li::after{right:0;left:auto;}

.newsList li:hover::before,.newsList li:hover::after{width:50%;transition:all 0.4s;}



/* 新闻详细样式 */

.articleShow{width:860px;overflow:hidden;}

.pictureShow{width:890px;}

.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}

.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#333;}

.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}

.articleBox1 .p1 span{margin-right:15px;}

.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-left:none;text-indent:2em;font-size:14px;color:#333;}

.fontResizer a{padding:0 5px;}

.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}

.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}

.curFont{color:#009b4e;}

.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}

.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}

.detailShare span.date{margin-left:15px;}

.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}

.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.relatedNews_font{width:860px;overflow:hidden;font-size:13px;margin-top:15px;}

.relatedNews_font ul{width:890px;}

.relatedNews_font ul li{float:left;padding-right:50px;width:380px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}

.relatedNews_font ul li a{display:block;width:260px;line-height:40px;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}

.relatedNews_font ul li span{float:right;color:#999;}



.detailRight{width:280px;overflow:hidden;}

.rightDesign,.rightRelated,.rightCase{border:1px solid #ddd; margin-bottom:20px;}

.rTitle{height:39px;line-height:39px;background:url(../images/r_title.jpg) repeat-x;font-size:16px;color:#000;font-weight:normal;padding-left:10px;}

.rightRelated .main{padding:10px;}

.rightRelated .main img{width:254px;padding:2px;border:1px solid #ececec;margin-bottom:10px;}

.rightRelated .main li{height:34px;line-height:34px;border-bottom:1px dotted #a7a7a7;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.rightRelated .main li a{background:url(../images/ly_li.png) no-repeat 5px center;padding-left:15px;}

.rightRelated .main li:last-child{border-bottom:none;}



.rightRelated .mainCp{padding:10px;}

.rightRelated .mainCp .bd{width:258px;height:579px;overflow:hidden;}

.rightRelated .mainCp .bd li,.rightDesign .mainCp .bd li a{display:block;width:258px;height:183px;overflow:hidden;position:relative;}

.rightRelated .mainCp .bd li{margin-bottom:10px;}

.rightRelated .mainCp .bd li h3{width:228px;height:30px;line-height:30px;color:#fff;background:url(../images/tmb.png);position:absolute;left:0;bottom:0;text-align:center;padding:0 15px;}

.relatedTitle{height:30px;border-bottom:1px dotted #adadad;font-size:18px;color:#000;margin-bottom:20px;font-weight:normal;}





/* 人才招聘  */

.gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#f1f1f1;margin-top:10px;cursor: pointer;font-size:14px;}

.gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.png) no-repeat;cursor:pointer;margin-top:20px;}

.gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;}

.gr-jobs-list dd span{display:block;float:left;width:285px;}

.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#fff;}

.gr-jobs-list dt strong{font-size:14px;}

.gr-apply{display:block;width:140px;text-align:center;height:40px;line-height:40px;background:#555;border-radius:3px;color:#fff;margin:30px auto 0 auto;transition:all 0.3s;}

.gr-apply:hover{background:#009b4e;color:#fff;}



.jobsShow{border:1px solid #ddd;background:#fff;}

.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}

.jobsShow table{margin:10px 20px 20px;background:#fff;}

.jobsShow .mr{padding-right:20px;}

.jobsShow .jobsInput{width:460px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}

.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}

.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #b39058;}

.jobsShow .jobsTextarea{width:1100px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}

.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}

.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}

.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}

.jobsShow .jobsSubmitb:hover{background:#009b4e;color:#fff;}



/* 内页留言样式 */

.contactFont{overflow:hidden;margin-bottom:30px;}

#dituContent{width:1200px;height:560px;}

.feedback{margin-top:50px;overflow:hidden;}

.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}

.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-15px;}

.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}

#feedback_form{position:relative;}

#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}

#feedback_form label.name{background-position:0 -32px;}

#feedback_form label.email{background-position:0 -64px;}

#feedback_form label.city{background-position:0 -96px;}

#feedback_form label.msg_title{background-position:0 -128px;}

#feedback_form label.address{background-position:0 -160px;}

#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}

#feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}

#feedback_form input.last{margin-right:0;}

#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}

#feedback_form textarea{height:125px;width:1175px;padding:10px;border:1px solid #dbdbdb;display:block;}

#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:385px;top:6px;}

#feedback_form .f2{left:790px;}

#feedback_form .f3{left:auto;right:0;}

#feedback_form .f4{left:385px;top:66px;}

#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#009b4e;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}

#feedback_form .btns:hover{background:#333;transition:all 0.3s;}

#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}

#feedback_form .tableRow{width:100%;height:32px;}

#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}

#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}

#feedback_form input:focus,#feedback_form textarea:focus{border-color:#009b4e;}



/*  产品列表 */

.productList ul{width: 1240px;}

.productList li{float:left;width:365px;padding:9px;border:1px solid #fff;margin:0 23px 20px  0;color:#888;position:relative;box-shadow: 0 0 4px 2px #dadada;transition: all .5s;}

.productList li .pImg{display:block;width:365px;height:290px;overflow:hidden;margin-bottom:10px;}

.productList li img{width:365px;height:304px;transition:all 0.5s;transform:scale(1,1);}

.productList li h4{height:30px;border-bottom:1px solid #ddd;font-size:14px;margin-bottom:5px;font-weight:normal;}

.productList li h4 a{display:inline-block;width:245px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.productList li h4 span{float:right;color:#adadad;font-size:12px;}

.productList li p{height:48px;}

.productList li h4 a:hover{color:#009b4e;}

.productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}





/* 产品详情 */

.prodPic{width:560px;}

.prodPic .big{width:435px;height:398px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;}

.prodPic .big a{width:435px;height:398px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}

.prodPic .big a img{vertical-align:middle;max-width:435px;max-height:398px;}

.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.prodPic .list{width:112px;height:400px;overflow:hidden;position:relative;float:left;}

.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anus.jpg) no-repeat;overflow:hidden;cursor:pointer;}

.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}

.prodPic .list a.prev:hover{background-position:0 -25px;}

.prodPic .list a.next:hover{background-position:0 -75px;}

.prodPic .list .thumb{position:relative;width:112px;height:334px;overflow:hidden;top:33px;}

.prodPic .list .thumb ul{position:absolute;height:99999px;}

.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:85px;position:relative;}

.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}

.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}

.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}

.prodPic .list .thumb ul li a.selected{border-color:#009b4e;}

.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat;}



/* 产品右侧简介样式 */

.proshow_synopsis{background:#f2f2f2; border: 1px solid #d5d5d5;padding: 19px;width:540px;color: #666;font-size: 13px;line-height:30px; height:360px;border-radius:3px;}

.proshow_synopsis .title{font-size:24px; color:#009b4e;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}

.proshow_synopsis strong{color: #333;font-weight: normal; }

.proshow_synopsis .font{line-height:24px;overflow: hidden;height:120px;margin-bottom:15px;}

.prodcut-tel{ padding-left:50px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left center; }

.prodcut-tel span{font-family:arial; font-size:24px; color:#009b4e;display: block; }

.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}

.proshow_synopsis .btn .a02{background:#009b4e url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}

.proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}



/* 产品说明标签切换样式 */

.gr-tab-list{overflow:hidden; margin-top:40px;}

.gr-tab-list .hd{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:16px;}

.gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;}

.gr-tab-list .hd li.on{background:#009b4e;color:#fff;}

.gr-tab-list .bd{overflow:hidden;padding-top:15px;}

.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#009b4e;}



/* 相关产品样式 */

.relatedPro{margin-bottom:30px;overflow:hidden;}

.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#009b4e;font-size:16px;font-weight:normal;margin:20px 0;}

.relatedPro .tie span{padding:0 30px;background:#009b4e;display:inline-block;color:#fff;}

.relatedPro li{float:left;}

.relatedPro ul{ width:1240px; margin-top:20px;}

.relatedPro li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;transition: all .5s;}

.relatedPro li a{display:block;width:280px;transition: all .5s;}

.relatedPro li img{width:270px;height:225px;padding:5px;background:#fff;}

.relatedPro li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}

.relatedPro li:hover{border:1px solid #009b4e;}

.relatedPro li a:hover{background:#009b4e;color:#fff;}



/* 采购表单样式 */

.orderBox{padding:25px;width:1140px;background:#f1f1f1;overflow:hidden;margin:0 auto;}

.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}

.orderBox .table{padding-top:20px;overflow:hidden;}

.orderBox .table li{width:520px;height:215px;float:left;height:35px;margin-bottom:10px;}

.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:98px;display:inline-block;text-align:center;background:#fff;}

.orderBox .table li .iptTxt{float:right;width:409px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .iptCode{float:left;width:199px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}

.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}

.orderBox .table li .btn:hover{background:#009b4e;color:#fff;}

.orderBox .table li.areLi{width:570px;float:right;height:215px;overflow:hidden;}

.orderBox .table li.areLi .txtContent{width:528px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;background:#fff;}



/*案例列表*/

.caseList {overflow: hidden;}

.caseList ul{width: 1240px;}

.caseList  li{width: 280px;float: left;margin:0 26px 26px 0;position: relative;

overflow: hidden;}

.caseList  li img{display:block;width: 280px;height: 480px;transition: all .5s;}

.caseList  li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  -o-transform: scale(1.1);   -moz-transform: scale(1.1);}

.caseList  li  .cover{position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: rgba(0,0,0,0.7);color: #fff;padding: 15px;font-size: 12px;}

.caseList  li  .cover span{display:block;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #fff;margin-bottom: 10px;}





/*  案例详情 */

.caseShow .title{text-align:center;font-size:18px;color:#000;margin-bottom:10px;font-weight:normal;}

.caseShow .p1{margin-bottom:25px;text-align:center;color:#333;border-bottom:1px dotted #ccc;padding-bottom:10px}

.caseShow .p1 span{margin-right:15px;}

.relatedCase {margin-top:40px;}