@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
*/
/*基础样式*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
/*img{vertical-align:middle;}
*/ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}
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;}
.cl:after,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cl,.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#666666;font-size:14px;line-height:24px;font-family: Arial, "微软雅黑","宋体",Helvetica, sans-serif;}
a{color:#666666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.wrap,.grWidth{width:1200px; margin:0 auto;}
.mt5 {margin-top:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hide{overflow:hidden;}
/*头部*/
.header{height: 90px;background: rgba(0,0,0,0.7);position: absolute;top: 0;left: 0;right: 0;z-index: 10;}
.headerLogo{width: 323px;height: 90px;line-height: 90px;float: left;}
.headerLogo img{vertical-align: middle;max-height: 90px;}
.headerNav{float: left;margin: 0 0 0 50px}
.headerNav .menu1>li{float: left;}
.headerNav .menu1>li>a{display: block;margin: 0 22px;font-size: 16px;color: #ffffff;line-height: 90px;position: relative;transition: all .4s;}
.headerNav .menu1>li>a:after{content: "";position: absolute;width: 0;left: 50%;bottom: 0;height: 2px;background-color: #fff;transition: all .4s;}
.headerNav .menu1>li>a:hover:after,.headerNav .menu1>li>.current:after{left: 0;width: 100%;}
.headerIco{display: block;width: 16px;height: 16px;background-image: url(../images/hSearch-ico.png);background-repeat: no-repeat;background-position: center  center;cursor: pointer;float: right;margin-top: 39px;}
.headerSearch{position:absolute;top:90px;background:#fff;background:rgba(0,0,0,.5);height:80px;width:100%;z-index: 2;display: none;line-height:40px;}
.headerSearch form{width:720px;margin:0 auto;margin-top:15px;background:#fff;height:40px;}
.searSelect{float:left;width:49px;color:#333;padding-left:10px;position:relative;font-size:12px;cursor:pointer;border-right:1px solid #ddd;}
.searSelect span{position:relative;display:block;}
.searSelect span:after{content:"";position:absolute;right:8px;top:18px;border:4px solid transparent;border-top-color:#333;}
.searSelect ul{position:absolute;top:40px;left:0;background:#fff;text-align:center;width:55px;display:none;}
.searSelect ul li{padding-left:10px;line-height:25px;border-top:1px solid #f5f5f5;}
.searSelect ul li:hover{background:#f1f1f1;}
.headerSearch .txt,.proSear .txt{width:590px;float:left;height:40px; line-height:40px;color:#666;padding:0 10px;}
.headerSearch .btn,.proSear .btn{float:left;width:50px;height:40px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/searIcon.png') no-repeat center;}
.headerSearch .btn:hover,.proSear .btn:hover{background-color: #2480cb;}
/*广告*/
.banner{width: 100%;height: 800px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:800px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:30px;bottom:40px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 6px;height: 6px;margin: 0 15px;cursor: pointer;transition: all .5s;border-radius: 50%;background-color: #fff;position: relative;}
.banner .hd ul li:after{transform: scale(0);transition: all .5s;content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #fff;border-radius: 50%;left: 50%;margin-left: -11px;top: 50%;margin-top: -11px;opacity: 0;}
.banner .hd ul li.on:after,.banner .hd ul li:hover:after{transform: scale(1.0);opacity: 1;}
.banner .prev,.banner .next{display:block;width: 93px;height:17px;position: absolute;z-index:2;top:45%;margin-top: -8px;background-repeat: no-repeat;background-position: center center;}
.banner .prev,.banner .next{display:block;width: 40px;height:60px;position: absolute;z-index:2;top:45%;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%;}
/*服务项目*/
.homeItem{border-bottom: 1px solid #e5e5e5}
.homeItem li{width: 198px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;height: 185px;margin-right: -1px;float: left;padding-left: 200px;background-repeat: no-repeat;transition: all .4s;}
.homeItem li a{display: block;}
.homeItem li h5{font-size: 20px;color: #333333;font-weight: normal;padding-top: 40px;}
.homeItem li h5 span{display: block;font-size: 14px;color: #d3d3d3}
.homeItem li p{font-size: 12px;color: #878787;}
.homeItem li .more{font-size: 12px;color: #0181db;background-image: url(../images/hjt-ico.png);background-repeat: no-repeat;background-position: 55px center;transition: all .4s;display: block;width: 70px;height: 20px;line-height: 20px;border-radius: 2px;}
.homeItem .li1{background-image: url(../images/hTheme-pic1.png);background-position: 75px 40px;}
.homeItem .li2{background-image: url(../images/hTheme-pic2.png);background-position: 40px  60px}
.homeItem .li3{background-image: url(../images/hTheme-pic3.png);background-position: 90px 50px;}
.homeItem li:hover{box-shadow: 0 0 20px 5px rgba(0,0,0,0.1)}
.homeItem li:hover .more{background-color: #0181db;color: #fff;padding-left: 10px;width: 60px;}
/*合作客户*/
.homeCust{padding: 40px 0;}
.homeCust .topic{font-size: 22px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 30px;}
.homeCust .topic span{display: block;font-size: 12px;color: #dcdcdc}
.homeCust .main{width: 1280px;margin: 0 auto;position: relative;}
.homeCust .main .bd{width: 1200px;margin: 0 auto;height: 57px;overflow: hidden;}
.homeCust .main .bd ul{width: 1220px;overflow:hidden;}
.homeCust .main .bd li{width: 172px;height: 57px;float: left;background-image: url(../images/hCust-ico.png);background-repeat: no-repeat;background-position: right center;overflow:hidden;}
.homeCust .main .bd li a{display: block;width: 171px;height:57px;position: relative;}
.homeCust .main .bd li img{display: block;width: 100%;height: 100%;}
.homeCust .main .bd li a span{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.8);color: #fff;text-align: center;line-height: 60px;opacity: 0;transform: scale(0);transition: all .4s; }
.homeCust .main .bd li a:hover span{transform: scale(1.0);opacity: 1}
.homeCust .main .prev,.homeCust .main .next{content: "";position: absolute;width: 11px;height: 17px;background-repeat: no-repeat;background-position: center center;top: 50%;margin-top: -8px;}
.homeCust .main .prev{background-image: url(../images/hJt-ico1.png);left: 0}
.homeCust .main .next{background-image: url(../images/hJt-ico2.png);right: 0}
/*底部 */
.footer{background-color: #f3f3f3;padding: 40px 0;}
.footer .wrap{position: relative;}
.footer .left .nav{margin-bottom: 15px;}
.footer .left .nav a{font-size: 12px;color: #333333;padding: 0 20px;border-right: 1px dotted #333 }
.footer .left .nav a:first-child{padding-left: 0;}
.footer .left .nav a:last-child{border-right: 0}
.footer .left .nav a:hover,.footer .left .word a:hover{color: #0181db}
.footer .left .note{font-size: 12px;color: #7a7a7a;}
.footer .left .word{font-size: 12px;color: #7a7a7a}
.footer .left .word a{padding:0 5px;}
.footer .link{position: relative;margin-top: 10px;float: right;}
.footer .link span{display: block;height: 36px;line-height: 36px;border: 1px solid #b9b9b9;width: 190px;text-align: center;color: #c1c1c1; vertical-align: middle;cursor: pointer;}
.footer .link span i{display: inline-block;width: 9px;height: 5px;background-image: url(../images/footer-ico3.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin-left: 10px;}
.footer .link span i.curr{background-image: url(../images/footer-ico4.png);}
.footer .link ul{position: absolute;bottom: 38px;background-color: #fff;left: 0;right: 0;border:1px solid #b9b9b9;padding: 10px;border-bottom: 0;height: 120px;overflow-y: auto;display: none;}
.footer .link ul li{height: 30px;line-height: 30px;}
.footer .link ul li a{color: #454545;display: block;text-align: center;transition: all .4s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer .link ul li a:hover{background-color: #ccc;color: #fff;}
.footer .ico{float: right;margin-right: 20px;margin-top:15px;}
.footer .ico a{display: block;width: 26px;height: 26px;background-repeat: no-repeat;background-position: center center;float: left;background-color: #b9b9b9;border-radius: 50%;transition: all .4s;}
.footer .ico .a1{background-image: url(../images/footer-ico1.png);margin-right: 10px;position: relative;}
.footer .ico .a2{background-image: url(../images/footer-ico2.png);}
.footer .ico .a1 span{width: 120px;height: 120px;position: absolute;padding: 3px;background-color: #fff;border-radius: 4px;bottom:40px;border: 1px solid #dadada;left: 50%;margin-left: -64px;display: none;}
.footer .ico .a1 span:after{content: "";position: absolute;width: 0;
    height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;bottom: -10px;left:50%;margin-left: -10px; }
.footer .ico .a1 span img{display: block;width: 100%;height: 100%;border-radius: 4px;}
.footer .ico a:hover{background-color: #0181db}
/* 内页公用 */
.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:372px;}
.listBanner img{display: block;}
.pageTopic{font-size: 30px;color: #191919;text-align: center;font-weight: normal;padding-bottom: 40px;}
.pageTopic span{font-size: 12px;color: #999999;display: block;}
.listWrapper{padding:50px 0 50px 0;}
.pWrapper{padding-bottom:60px;background:#f0f0f0;overflow:hidden;}
.breadCrumb{height: 60px;line-height: 60px;border-bottom: 1px solid #e5e5e5;background: #fff;color: #8c8b8b}
.breadCrumb p{background: url('../images/locat-ico.png') no-repeat left center;padding-left: 20px;width: 1180px;margin: 0 auto;color: #8c8b8b}
.breadCrumb p a{color: #8c8b8b}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:4px;background:#999;color:#fff;margin-top:15px;}
.breadCrumb .back:hover{background:#3f90d2;transition:all 0.3s;}
.page-bgColor{background-color: #fff;padding: 30px 20px;}
/* 内页公用菜单 */
.listMenu{padding: 50px 0 0 0;}
.listMenu .menuWrap{overflow: hidden;text-align: center;font-size: 0;}
.listMenu .menuWrap a{display:inline-block;width: 184px;height: 54px;font-size: 16px;color: #333333;border: 1px solid #d9d9d9;margin-right: -1px;line-height: 54px;position: relative;}
.listMenu .menuWrap a:before{content: "";position: absolute;width: 0;left: 50%;height: 2px;background-color: #3f90d2;top: -1px;transition: all .4s;}
.listMenu .menuWrap a:hover:before,.listMenu .menuWrap .current:before{width: 100%;left: 0}
.menuSub{padding: 15px 0;text-align: center;margin-top: 20px;}
.menuSub a{padding: 0 20px;background: url(../images/nav-bg.png) no-repeat right center;border-left: 2px solid #dadada;color: #333333;font-size: 16px;}
.menuSub a:first-child{border-left: 0;}
.menuSub a.current,.menuSub a:hover{color: #3f90d2}
/*关于我们*/
.pageAbout{padding: 60px 0;}
.pageAbout .pic{display: block;height: 269px;margin-bottom: 50px;}
.pageAbout .pic img{display: block;width: 100%;height: 100%;}
.pageAbout .font{overflow:hidden;}
.pageAbout .font .logo{width: 198px;height: 190px;float: left;padding: 14px 30px 0 0;border-right: 1px dotted #b2b2b2;}
.pageAbout .font .logo img{width: 85%;height: 145px;}
.pageAbout .font .txt{width: 915px;float: right;font-size: 16px;color: #333333; line-height: 26px;}
.pageCult{background-image:url(../images/pCut-bg.jpg);background-repeat: no-repeat;height: 258px;padding: 60px 0;}
.pageCult .main li{width: 319px;margin-right: 1px;background-color: #fff;float: left;padding: 40px;transition: all .4s;}
.pageCult .main li i{display: block;float: left;width: 60px;height: 60px;overflow: hidden;}
.pageCult .main li i img{width: 100%;transition: all .3s;}
.pageCult .main  h5{width: 210px;float: right;font-size: 22px;font-weight: normal;color: #292929;transition: all .4s;}
.pageCult .main  h5 span{display: block;font-size: 14px;color: #333333;margin-top: 10px;transition: all .4s;}
.pageCult .main li:hover{background-color: #0181db}
.pageCult .main li:hover h5{color: #fff;}
.pageCult .main li:hover h5 span{color: #fff;}
.pageCult .main li:hover img{transform: translateY(-60px);}
.pageFounder{padding: 60px 0;}
.pageFounder .wrap{ position: relative}
.pageFounder a.more{ position: absolute;right:160px;bottom:150px; display: block;color:#fff;font-size:14px; background:#0181db; z-index: 9;padding: 5px 20px;transition: all .4s ease-in-out;}
.pageFounder a.more:hover{ background: #156dab}
.pageSetting{padding: 60px 0;background-color: #eeeeee;}
.pageSetting .main{position: relative;}
.pageSetting li{width: 300px;height: 200px;float: left;position: relative;background-color: #000;overflow: hidden;}
.pageSetting li img{display: block;width: 100%;height: 100%;transition: all .4s;opacity: 0.4;transition: all .4s;}
.pageSetting li h5{position: absolute;left: 0;right: 0;bottom: 0;height: 0;line-height: 50px;color: #fff;padding: 0 20px;overflow:hidden;background: rgba(0,0,0,0.6);opacity: 0;transition: all .4s;}
.pageSetting .li2{width: 598px;height: 401px;margin-left: 1px;margin-right: 1px;background-color: transparent;}
.pageSetting .li3{margin-bottom: 1px;}
.pageSetting .li4{position: absolute;left: 0;top: 201px;}
.pageSetting .li2 h5{display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 70px;background: rgba(0,0,0,0.6);line-height: 70px;padding: 0 30px;font-size: 14px;color: #fff;font-weight: normal;opacity: 1;}
.pageSetting .li2 img{opacity: 1}
.pageSetting li:hover h5{height: 50px;opacity: 1}
.pageSetting li:hover img{opacity: 1}
.pageSetting .li2:hover h5{opacity: 1;height: 70px;}
.pageSetting li:hover img{transform: scale(1.1);}
.pageHonor{padding: 60px 0;}
.pageHonor .main{width: 1325px;margin: 0 auto;position: relative;}
.pageHonor .main .bd{width: 1200px;margin: 0 auto;height: 375px;overflow:hidden;}
.pageHonor .main .bd ul{width: 1230px;}
.pageHonor .main .bd li{width: 285px;float: left;margin-right: 20px;transition: all .4s;}
.pageHonor .main .bd li .pic{display: block;height: 325px;border: 1px solid #eeeeee;overflow:hidden;}
.pageHonor .main .bd li .pic img{display: block;width: 100%;height: 100%;transition: all .4s;}
.pageHonor .main .bd li .tit{display: block;height: 50px;line-height: 50px;text-align: center;padding: 0 10px;overflow: hidden;font-size: 14px;color: #191919;transition: all .4s;}
.pageHonor .main .bd li:hover .pic img{transform: scale(1.1);}
.pageHonor .main .bd li:hover .pic{border-color: #0181db}
.pageHonor .main .bd li:hover .tit{background-color: #0181db;color: #fff;}
.pageHonor .main .prev,.pageHonor .main .next{position: absolute;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-color: #59656e;top: 50%;margin-top: -20px;transition: all .4s;}
.pageHonor .main .prev{background-image: url(../images/pJt-ico1.png);left: 0}
.pageHonor .main .next{background-image: url(../images/pJt-ico2.png);right: 0}
.pageHonor .main .prev:hover,.pageHonor .main .next:hover{background-color: #3f90d2}
/* 风采展示 */
.partnerList,.honorList,.settingList,.newsList,.appList,.newsList,.downList,.videoList{ width:1200px;overflow: hidden;}
.caseList ul,.partnerList ul,.honorList ul,.settingList ul,.downList ul,.clientList ul,.newsList2 ul,.videoList 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:190px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;}
.settingList ul li img:hover{border:1px solid #3f90d2;background:#3f90d2;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
/* 荣誉证书 */
.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;height: 312px;transition: all .4s;}
.honorList li img:hover{border:1px solid #3f90d2;background:;}
.honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
/* 合作伙伴 */
.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}
.partnerList li img{ width:210px; height:70px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/*视频列表*/
.videoList li{width: 590px;margin-right: 20px;position: relative;margin-bottom: 20px;float: left;}
.videoList li .pic{display: block;height: 410px;overflow: hidden;position: relative;}
.videoList li img{width: 100%;height: 100%;transition: all 1s;}
.videoList li:hover img{transform: scale(1.2);}
.videoList li .pic:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:url(../images/video-ico.png) no-repeat center center rgba(0,0,0,0.3);opacity: 1;z-index: 2}
.videoList li p{height: 50px;line-height: 50px;overflow: hidden;}
.videoList li p .tit{font-size: 16px;color: #333333;float: left;padding: 0 10px;}
.videoList li p .time{font-size: 14px;color: #999999;float: right;}
.videoList li:after{content: "";position: absolute;width: 0;left: 0;height: 3px;background-color: #3f90d2;transition: all .5s;bottom: 0px;}
.videoList li:hover:after{width: 100%;}
/* 新闻列表 */
.newsList li{border-bottom: 1px solid #eee;padding: 30px 0 30px 0;height: 210px;}
.newsList li a{display: block;width: 100%;height: 100px;transition: all .5s;position: relative;left: 0}
.newsList li .pic{width: 300px;height: 210px;float: left;position: relative;overflow: hidden;}
.newsList li .pic img{width: 100%;height: 100%;transition:all 0.5s;}
.newsList li:hover img{transform:scale(1.2);}
.newsList li .pic .time{position: absolute;width: 110px;height: 60px;right: 0;bottom: 0;background: rgba(0,0,0,0.8);color: #fff;font-size: 18px;text-align: center;padding: 10px;transition: all .5s}
.newsList li .pic .time strong{display: block;font-size: 26px;border-top: 1px solid #fff;padding-top: 8px;margin-top: 5px;}
.newsList li .txt{width: 840px;height:170px;padding: 20px ;float: right;}
.newsList li .txt p{padding-bottom: 20px;border-bottom: 1px dotted #d9d9d9;margin-bottom: 30px;}
.newsList li .txt h4{font-size: 18px;font-weight: normal;color:#343434;margin-bottom: 20px;}
.newsList li:hover{box-shadow: 0 0 60px -10px rgba(0,0,0,.2);}
.newsList li:hover a{left: 20px;}
.newsList li:hover .txt h4{color: #3f90d2}
.newsList li:hover .time{background: #3f90d2}
.newsList li .txt .more{background: url(../images/news-link-ico.png) no-repeat left center;padding-left: 25px;}
.newsList li:hover .txt .more{color: #3f90d2}
/*新闻列表2*/
.articleHot{overflow: hidden;height: 420px;position: relative;}
.articleHot .bd li{height:400px;color:#555; margin-bottom:15px;padding:10px 20px 10px 10px;background:#f4f4f4;border-bottom:1px solid #ddd;overflow: hidden;}
.articleHot .bd li .pic{display: block;float: left;width: 600px;height: 400px;margin-right: 30px;overflow: hidden;}
.articleHot .bd li .txt{float: right;width: 540px;}
.articleHot .bd li img{width: 100%;height:100%;transition: all 1s;}
.articleHot .bd li .time{font-size: 16px;display: block;margin: 30px 0 20px 0;}
.articleHot .bd li h5{font-size:24px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.articleHot .bd li h5 a{color:#333;}
.articleHot  .bd li h5 a:hover{color:#da261e;}
.articleHot .bd li p{margin:10px 0;overflow:hidden;text-align: justify;}
.articleHot .bd li .more{display: block;width: 130px;height:40px;line-height: 40px;text-align: center;font-size: 16px;color: #888888;float: left;border: 1px solid #c9c9c9;transition: all .5s;margin-top: 20px;}
.articleHot .bd li .more:hover{background-color:#da261e; border-color: #da261e;color: #fff;}
.articleHot .hd{position: absolute;height: 20px;line-height: 20px;right: 0;bottom: 20px;width: 560px;text-align: left;z-index: 2}
.articleHot .hd li{display: inline-block;width: 12px;height: 12px;background: #999;border-radius: 50%;margin-right: 5px;cursor: pointer;}
.articleHot .hd li.on{background-color: #da261e;}
.articleHot .bd li:hover img{transform: scale(1.2);}
.articleList li {padding-left: 210px;padding-bottom: 40px;border-bottom: 1px dotted #cccccc;padding-top: 40px;transition: all .5s;padding-right: 70px;background: #fff;overflow: hidden;}
.articleList li span{display: block;float: left;font-size: 14px;color: #959595;margin-top: 10px;margin-left: -140px;border-right: 1px dotted #cccccc;padding-right: 40px;margin-top: 30px;}
.articleList li strong{font-size: 40px;color: #666666;display: block;font-weight: normal;text-align: center;margin-bottom: 15px;}
.articleList li .txt{width: 750px;float: left;}
.articleList li h5{font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.articleList li h5 a{color: #333333;}
.articleList li p{font-size: 14px;color: #959595;line-height: 24px;}
.articleList li:hover h5 a{color: #da261e;}
.articleList li .more{display: block;float: right;width: 100px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #999999;margin-top: 40px;transition: all .5s;}
.articleList li .more:hover{color: #fff;background-color: #da261e;border-color: #da261e;}
/*客户见证*/
.clientList  li{width: 370px;height: 420px;float: left;margin-right: 30px;margin-bottom: 50px;position: relative;transition: all .5s;}
.clientList  li .cImg{display: block;width: 100%;height: 275px;overflow: hidden;position: absolute;top:0;transition: all .5s;}
.clientList  li .cImg img{display: block;width: 100%;height: 100%;}
.clientList  .font{ position: absolute;width: 328px;background-color: #fff;
padding: 30px 20px;margin-left: 0px;margin-top: 260px;border: 1px solid #e6e6e6;transition: all  .5s;bottom: 0;z-index: 2;}
.clientList  .font h4{height: 20px;color: #5a5a5a;font-size: 16px;font-weight: normal;text-align: center;}
.clientList  .font  span{overflow: hidden;white-space: nowrap;
text-overflow: ellipsis;display: block;text-align: center;padding-bottom: 20px;
margin-top: 12px;}
.clientList  .font  p{margin: 0 auto;font-size: 13px;line-height: 26px;
width: 70%;text-align: center;margin: 0 auto;height: 50px;color: #949494;overflow: hidden;position: relative;top:0;transition: all .5s;}
.clientList  li .more{display: block;width: 100px;height: 30px;text-align: center;border-radius: 26px;border: 1px solid #ccc;position: absolute;left:37%;bottom: 20px;opacity: 0;transition: all .5s;font-size: 12px;color: #999999;line-height: 30px;}
.clientList  li:hover{box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);}
.clientList  li:hover .cImg{top: -8px;}
.clientList  li:hover .font{bottom: -8px;}
.clientList  li:hover .font p{opacity: 0;top: 10px;}
.clientList  li:hover .more{bottom: 50px;opacity: 1;background-color: #3f90d2;color: #fff;border-color: #3f90d2}
.clientList  li:hover  h4 a{color: #3f90d2}
/* 下载 */
.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;transition: all .5s;}
.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:#e6212b;color:#fff;}
.downList li:hover h5 a{color:#fff;}
.downList li:hover .more{background:#333 url('../images/down2.png') no-repeat center center;}
/* 下载列表2 */
.downListTwo ul li{height: 60px;line-height: 60px;border-bottom: 1px solid #eee;overflow: hidden;}
.downListTwo ul li span{display: block;float: left;}
.downListTwo ul li .more{display: block;width: 60px;height: 34px;line-height: 34px;border: 1px solid #eee;padding-left: 30px;border-radius: 3px;color: #999;float: right;margin-top: 13px;text-align: center;background: url(../images/downIco2.png) no-repeat 15px center;transition: all .5s;}
.downListTwo ul li .more:hover{background: url(../images/downIco3.png) no-repeat 15px center #3f90d2;border-color: #3f90d2;color: #fff;}
.downListTwo .tilte{width: 40%;background: url(../images/downIco1.jpg) no-repeat left center;padding-left: 40px;}
.downListTwo .num{width: 20%;}
.downListTwo .time{width: 20%;}
/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#3f90d2;pointer-events:none;border-radius: 50%;}
.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;color: #333;}
.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;border-radius: 30px;}
.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;}
}
/* 新闻详细样式 */
.articleShow .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;}
.articleShow .articleStart .bshare-custom{margin-top: 20px;}
.articleShow .articleMain .title{font-size: 24px;line-height: 30px;color: #303030;font-weight: normal;margin-bottom: 10px;text-align: center;}
.articleShow .articleMain .time{display: block;font-size: 14px;color: #999999;text-align: center;}
.articleShow .articleMain .content{margin-bottom: 60px;}
.articleShow .articlePage{background: #f5f5f5;overflow: hidden;margin-bottom: 30px;}
.articleShow  .articlePage .post-prev,.articleShow  .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;}
.articleShow  .articlePage a{display: block;width: 100%;height: 100%;}
.articleShow  .articlePage .pageImg{width: 70px;transition: all .5s;}
.articleShow  .post-prev .pageImg{text-align: right;}
.articleShow  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;width: 240px;}
.articleShow  .articlePage .post-prev h5{right: 0;text-align: right;}
.articleShow  .articlePage .post-next h5{left: 0;text-align: left;}
.articleShow  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;}
.articleShow  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../images/pageJt-icoL.png) no-repeat 0 center;transition: all .5s;}
.articleShow  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../images/pageJt-icoR.png) no-repeat -40px center;transition: all .5s}
.articleShow  .articlePage .post-prev:hover .pageImg,.articleShow  .articlePage .post-next:hover .pageImg{color: #fff;}
.articleShow  .articlePage .post-prev:hover,.articleShow  .articlePage .post-next:hover{background-color: #3f90d2}
.articleShow  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.articleShow  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.articleShow  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.articleShow  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.articleShow .articleHost  h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;}
.articleShow .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 20px;overflow: hidden;}
.articleShow .articleRelate-news ul{width: 1250px;}
.articleShow .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #e5e5e5;transition: all .5s;float: left;width: 550px;margin-right: 50px;}
.articleShow .articleRelate-news li .time{color: #ccc;float: right;width: 72px;}
.articleShow .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;width: 400px;position: relative;transition: all .5s;left: 0;float: left;}
.articleShow .articleRelate-news li:hover a{color: #3f90d2;left: 10px;}
/* 人才招聘  */
.jobList{border-bottom: 1px solid #dddddd;padding: 50px 0}
.jobList li{position:relative;margin-bottom:10px;height: 84px;overflow:hidden;transition: all .4s;}
.jobList li .top{height: 84px;line-height: 84px;padding: 0 50px;background-color: #f5f5f5;border-bottom: 1px solid #dedede}
.jobList li .top h5{font-size: 18px;color: #3f90d2;font-weight: normal;width: 340px;margin-right: 10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;float: left;line-height: 84px;}
.jobList li .top span{color: #757575;font-size: 14px;line-height:84px;float: left;display: block;}
.jobList li .top span b{font-weight: normal;color: #333333}
.jobList li .top .s1{width: 180px;margin-right: 10px;}
.jobList li .top .s2{width: 400px;margin-right: 10px;}
.jobList li .top .more{display: block;width: 138px;height: 36px;background-color: #3f90d2;color: #fff;line-height: 36px;color: #fff;float: right;text-align: center;margin-top: 24px;transition: all .4s;}
.jobList li .top .more:hover{background-color: #212121}
.jobList li .font{background-color: #f5f5f5;padding: 50px;}
.jobList li .font strong{font-size: 16px;color: #333333;display: block;margin-bottom: 15px;}
.jobList li .font .txt1,.jobList li .font .txt2{font-size: 14px;color: #4b4b4b;line-height: 28px;}
.jobList li .font .txt1{margin-bottom: 40px;}
.jobList li.down{height: auto;}
.jobList li.down .top{border-top: 2px solid #3f90d2;}
.jobResume{padding:60px 0;}
.jobResume .pic{display: block;height: 233px;overflow:hidden;}
.jobResume .pic img{display: block;width: 100%;height: 100%;}
.jobResume .font{background-color: #f5f5f5;padding: 50px 0;overflow:hidden;}
.jobResume .font li{width: 399px;float: left;border-right: 1px dotted #c1c1c1;height: 90px;}
.jobResume .font .li3{border-right: 0}
.jobResume .font li p{padding: 0 45px;}
.jobResume .font .li1 p{font-size: 20px;color: #333333}
.jobResume .font .li1 p span{display: block;font-size: 12px;color: #cbcbcb;}
.jobResume .font .li2 p{text-align: center;font-size: 16px;color: #333333;}
.jobResume .font .li2 b{color: #3f90d2;font-weight: normal;}
.jobResume .font .li2 a{display: block;width: 138px;height: 36px;margin: 25px auto 0;background-color: #3f90d2;text-align: center;font-size: 14px;color: #fff;line-height: 36px;transition: all .4s;}
.jobResume .font .li2 a:hover{background-color: #212121}
.jobResume .font .li3 p{font-size: 12px;color: #7b7b7b;padding-left: 140px;background-image: url(../images/pTel-ico.png);background-repeat: no-repeat;background-position: 100px 5px;}
.jobResume .font .li3 p span{display: block;font-size: 16px;color: #333333;}
.jobsShow{border:1px solid #ddd;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#3f90d2;line-height:35px; padding-left:15px;font-weight:normal;color: #fff}
.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 #3f90d2;}
.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:#3f90d2;color:#fff;}
/*  产品列表 */
.productList ul{width: 1240px;}
.productList  li{width: 380px;float: left;margin-right: 30px;margin-bottom: 30px;}
.productList  li .pic{height: 380px;background-color: #fff;text-align: center;position: relative;overflow: hidden;border: 1px solid #dadada}
.productList  li .pic img{height: 380px;max-width: 380px;transition: all .5s;}
.productList  li .cover{position: absolute;top:0;left: 0;right: 0;bottom: 0;background: rgba(63,144,210,0.8);color: #fff;text-align: left;padding: 80px 30px;opacity: 0;transition: all .5s;}
.productList  li .cover p{height: 96px;overflow: hidden;opacity: 0;transition: all .5s;position: relative;top: 20px;}
.productList  li .cover .more{display: block;width: 120px;height: 32px;line-height: 32px;border: 1px solid #fff;text-align: center;font-size: 12px;color: #fff;transition: all .5s;margin-top: 30px;opacity: 0;transition: all .5s;top: -20px;position: relative;}
.productList  li .cover .more:hover{background: #fff;color:#244c79;border-color: #fff;transition-delay: 0s;transition: all .5s; }
.productList  li h5{height: 50px;line-height: 50px;font-size: 18px;font-weight: normal;color: #444444;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.productList  li h5:after{position: absolute;content: "";left: 0;bottom: 0;width: 120px;height: 1px;background-color: #dadada;transition: all .5s;}
.productList  li:hover .cover{opacity: 1;top: 10px;left: 10px;right: 10px;bottom: 10px;}
.productList  li:hover .cover p{top: 0;opacity: 1;transition-delay: .3s;}
.productList  li:hover .cover .more{top: 0;opacity: 1;transition-delay: .3s}
.productList  li:hover .pic img{transform: scale(1.1);}
.productList  li:hover h5:after{background-color: #244c79}

/* 左侧图片放大镜样式 */
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url('../images/page_line.jpg') no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}
.product-show-pic{width:560px;height:560px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/* 图片小图样式 */
.spec-preview{width:560px;height:560px;border:1px solid #ccc;/* display: table-cell;vertical-align: middle; */}
.spec-scroll{margin-top:60px;width:580px;height:95px;overflow:hidden;position:relative;}
.spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:40px;left:0;background:url('../images/listpro_btn.png') no-repeat 0 0px;overflow:hidden;cursor:pointer;transition:all 0s;}
.spec-scroll a.prev:hover{background-position:0 -21px;}
.spec-scroll a.next{display:block;width:12px;height:21px;position:absolute;top:40px;right:0;background:url('../images/listpro_btn.png') no-repeat 0 -42px;overflow:hidden;cursor:pointer;transition:all 0s;}
.spec-scroll a.next:hover{background-position:0 -63px;}
.spec-scroll .items{position:relative;width:515px;height:95px;margin:0 auto;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:560px;height:95px;}
.spec-scroll .items ul li{width:105px;height:95px;float:left;}
.spec-scroll .items ul li img{width:93px;height:93px;cursor:pointer;border:1px solid #ccc;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #0291e2;}

/* 产品简介 */
.proshow_synopsis{width:580px;color: #aaa;font-size: 14px;line-height: 30px; height:560px;border-radius:3px;}
.proshow_synopsis .title{font-size:24px; color:#0291e2;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:130px;margin-bottom:20px;}
.proshow_synopsis .font strong{float: left;width: 45px;}
.proshow_synopsis .font div{float: right;width:355px;}
.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left 8px; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#0291e2;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:#0291e2 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;font-size:16px;background: #eee;}
.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:#3f90d2;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:#3f90d2;}*/
/* 相关产品样式 */
.relatedPro{margin-bottom:30px;overflow:hidden;}
.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#3f90d2;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 40px;background:#3f90d2;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:270px;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 #3f90d2;}
.relatedPro li a:hover{background:#3f90d2;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:408px;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:385px;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:#3f90d2;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;}
/* 联系我们内页留言样式 */
.pageContact{padding: 50px 0;border-bottom: 1px solid #d9d9d9}
.pageContact .ditu{height: 390px;}
#dituContent{height: 390px;}
.pageContact .mess{background-repeat: no-repeat;background-position: center center}
.pageContact .mess .pic{width: 235px;text-align: center;float: left;}
.pageContact .mess .pic img{padding-top: 55px;width: 40%;}
.pageContact .mess .font{width: 780px;float: left;padding-top: 60px;padding-left: 80px;}
.pageContact .mess .font span{display: block;float: left;padding-left: 40px;color: #333333;font-size: 16px;background-repeat: no-repeat;background-position: left center;width: 289px;margin-bottom: 18px;line-height: 20px;color: #fff}
.pageContact .mess .font .s1{background-image: url(../images/pCont-ico1.png);}
.pageContact .mess .font .s2{background-image: url(../images/pCont-ico2.png);}
.pageContact .mess .font .s3{background-image: url(../images/pCont-ico3.png);}
.pageContact .mess .font .s4{background-image: url(../images/pCont-ico4.png); width: 400px;}
.pageContact .mess .font .s5{background-image: url(../images/pCont-ico5.png);}
.pageContact .mess .font .s6{background-image: url(../images/pCont-ico6.png);}
.pageMess{padding:50px 0;}
.pageMess .main span{display: block;width: 533px;height: 44px;padding-left: 60px;background-repeat: no-repeat;border: 1px solid #c4c4c4;line-height: 44px;margin-bottom: 10px;float: left;background-position: 20px center}
.pageMess .main span input{display: block;height: 44px;line-height: 44px;width: 100%}
.pageMess .main .s1{margin-right: 10px;background-image: url(../images/mess-ico1.png);}
.pageMess .main .s2{background-image: url(../images/mess-ico2.png);}
.pageMess .main .s3{margin-right: 10px;background-image: url(../images/mess-ico3.png);}
.pageMess .main .s4{background-image: url(../images/mess-ico4.png);}
.pageMess .main .content{display: block;clear:both;border: 1px solid #c4c4c4;width: 1118px;padding: 20px 20px 20px 60px;height: 80px;background-image: url(../images/mess-ico5.png);background-repeat: no-repeat;background-position: 20px 20px;margin-bottom: 10px;}
.pageMess .main .btn{display: block;width:330px;height: 46px;line-height: 46px;text-align: center;color: #fff;background-color: #3f90d2;cursor: pointer;transition: all .4s; font-size: 14px;}
.pageMess .main .btn:hover{background-color: #212121}