@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
h

/*首页主题*/
.home-topic{color: #333333;font-size: 24px;margin-bottom: 20px;font-weight: normal;}
.home-topic span{color: #000;font-size: 28px;display: block;font-weight: normal;margin-bottom: 5px;}
.home-topic .more{display: block;float: right;width: 70px;height: 22px;line-height: 22px;color: #fff;font-size: 12px;text-align: center;position: relative;background: #dadada;font-weight: normal;transition: all .5s;}
.home-topic .more:before{content: "";position: absolute;border-left: 4px solid #fff;border-right: 4px solid transparent;border-bottom: 4px solid transparent;border-top: 4px solid transparent;right: 8px;top: 7px;}
.home-topic .more:hover{background: #f20006;}


/*头部*/
.head-logo{width: 250px;height: 110px;}
/*导航*/
.head-right{width: 800px;}
.head-right{height: 110px;}
.head-right p{color: #f20006;font-size: 14px;height: 45px;line-height: 50px;text-align: right;}
.head-right p span{font-size: 18px;}
.head-right .lang{color: #38257e;background: url(../images/lang.jpg) no-repeat 10px center;padding-left: 35px;display: inline-block;height: 20px;line-height: 20px;border-left: 1px solid #333333}
.head-right .lang:hover{color:#f20006 }
.head-nav {height: 60px;line-height: 60px;position: relative;}
.head-nav .menu1>li{float: left;}
.head-nav .menu1>li>a{color: #ffffff;font-size: 16px;position: relative;color: #333333; padding: 0 20px;}
.head-nav .menu1>li>a:hover,.head-nav .menu1>li>a.current{color: #f20006}
.head-nav  .menu2{position: absolute;z-index: 999;width:480px;background: #fff;padding: 40px 40px;box-shadow: 0 0 6px #ccc;top:60px;display: none;}
.head-nav .menu1>li:nth-last-child(1) .menu2{right:0px;}
.head-nav .menu1>li:nth-last-child(2) .menu2{right: 0px;}
.head-nav .menu1>li:nth-last-child(3) .menu2{right:0px;}
.head-nav .menu1>li:nth-last-child(4) .menu2{right:0px;}
.head-nav .menu1 .menu2 img{float: right;width: 300px;}
.head-nav .menu1 .menu2 .menulist{width:140px;float: left;}
.head-nav .menu1 .menu2 .menulist a{display: block;text-align:left;line-height:30px;color:#666;padding:0 0 0 10px;font-size:13px;border-bottom: dashed 1px #ddd;background: url(../images/arrow_one.png) left no-repeat;}



/*广告*/
.banner{width: 100%;height: 700px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:700px;overflow: hidden;position: relative;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: 36px;height: 2px;background: #fff;margin-right: 10px;cursor: pointer;overflow: hidden;}
.banner .hd ul li.on{background: #f20006;}
.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-prod{padding: 50px 0;}
.home-prodMain{position: relative;}
.home-prodWrap li{width: 290px;height: 218px;overflow: hidden;position: relative;float: left;margin-bottom: 13px;}
.home-prodWrap li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.home-prodWrap 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);}
.home-prodWrap li span{position: absolute;left: 0;right: 0;bottom: 0;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: rgba(0,0,0,0.7);transition: all .5s;-webkit-transition:all .5s;}
.home-prodWrap li:hover span{height: 0;}
.home-prodWrap li:nth-child(2),.home-prodWrap li:nth-child(4){float: right;}
.home-prodWrap li:nth-child(1),.home-prodWrap li:nth-child(3){margin-right: 600px;}
.home-prodWrap li:nth-child(6){margin:0 13px;}
.home-prodMain .more{position: absolute;width: 290px;height: 218px;line-height: 190px;background: #38257e;text-align: center;right: 0;bottom: 13px;transition: all .5s;}
.home-prodMain .more a{display: block;color: #fff;font-size: 14px;position: relative;}
.home-prodMain .more a:before{content: "+";position: absolute;width: 24px;height: 24px;border-radius: 50%;background: #fff;line-height: 24px;text-align: center;color: #38257e;font-weight: 800;font-size: 18px;left: 50%;margin-left: -12px;top: 58%;transition: all .5s;}
.home-prodMain .more:hover a:before{top: 34%;}
.home-prodMain .more:hover{line-height: 250px;}
.home-prodTab{width: 592px;height: 448px;overflow: hidden;position: absolute;top: 0;left: 304px;}
.home-prodTab .bd{width: 592px;height: 448px;overflow: hidden;position: relative;}
.home-prodTab .bd img{width: 100%;height: 100%;transition: all .5s;}
.home-prodTab .bd:hover img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2);}
.home-prodTab .bd .cover{position: absolute;left: 0;right: 0;bottom: 0; background: rgba(0,0,0,0.7);padding: 20px;}
.home-prodTab .bd .cover h5{font-size: 18px;color: #ffffff;}
.home-prodTab .bd .cover p{font-size: 14px;color: #fff;height: 45px;overflow: hidden;}

/*新闻资讯*/
.home-content{background: #f2f2f2;padding: 50px 0;}
.home-about,.home-news,.home-solve{width: 380px;float: left;}
.home-news{margin:0 30px;}
.home-abMain .pic,.home-solveMain .pic,.home-newsMain .pic{width:380px;height: 200px;overflow: hidden;position: relative;}
.home-newsMain .pic{margin-bottom: 18px;}
.home-abMain .pic img,.home-newsMain img,.home-solveMain img{width: 100%;height: 100%;transition: all .5s;-webkit-transition:all .5s;}
.home-abMain:hover .pic img,.home-newsMain:hover .pic img,.home-solveMain: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);}
.home-txtMain .pic  em{ cursor: pointer;height: 200px;width: 380px; left: -380px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s; width: 380px;
     background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.home-txtMain:hover .pic em{left: 300px;transition: all 0.7s;}




.home-abMain h2{font-size: 18px;height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.home-abMain h2 a{color: #38257e; }
.home-abMain .txt{font-size: 14px;color: #666666;height: 100px;overflow: hidden;line-height: 26px;}
.home-newsList li{height: 38px;line-height: 38px;border-bottom: 1px dotted #ccc;transition: all .5s;-webkit-transition:all .5s;}
.home-newsList li:last-child{border-bottom:none;}
.home-newsList li span{float: right;font-size:12px;color: #999999;}
.home-newsList li a{color: #666666;transition: all .5s;-webkit-transition:all .5s;}
.home-newsList li a i{display: inline-block;width: 5px;height: 5px;background: #38257e;margin-bottom: 3px;margin-right: 10px;}
.home-newsList li:hover  a{color: #38257e;}
.home-newsList li:hover  a{padding-left: 10px;}
.home-solveMain .txt{font-size: 14px;color: #666666;line-height: 36px;height: 140px;overflow: hidden;}


/*合作客户*/
.home-case{padding: 50px 0;}
.home-caseMain{overflow: hidden;}
.home-caseMain ul{width: 1230px;}
.home-caseMain li{width: 198px;height: 118px;border: 1px solid #dadada;overflow: hidden;float: left;margin-right: -1px;position: relative;}
.home-caseMain li img{width: 100%;height: 100%;}
.home-caseMain li span{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);line-height: 118px;text-align: center;color: #fff;font-size: 16px;transition: all .5s;-webkit-transition:all .5s;transform: scale(0);-ms-transform: scale(0);  -webkit-transform: scale(0);  -o-transform: scale(0);   -moz-transform: scale(0);}
.home-caseMain li:hover span{transform: scale(1.0);-ms-transform: scale(1.0);  -webkit-transform: scale(1.0);  -o-transform: scale(1.0);   -moz-transform: scale(1.0);}

/*底部*/
.foot-link{height: 50px;line-height: 50px;font-size: 16px;background: #ededed;color: #000;}
.foot-link span{color: #797979;text-transform: uppercase;font-size: 14px;}
.foot-link a{color:#333333;font-size: 12px; padding: 0 15px;border-right: 1px dotted #999;}
.foot-link a:hover{color: #000;}
.footer{background:#111111;padding: 35px 0;}
.footer a:hover{color: #fff;}
.footNav{overflow: hidden;width:900px;}
.footNav dl{float: left;height: 220px;overflow: hidden;margin-right: 40px;}
.footNav dt{font-size: 16px;color: #fff;margin-bottom: 25px;font-weight: 600;position: relative;}
.footNav dt:before{content: "";position: absolute;width:20px;height: 2px;background: #fff;left: 0;bottom: -10px; }
.footNav dd{font-size: 12px;margin-bottom: 5px;}
.footNav dd a{color: #666666;position: relative;}
.footNav dd a:before{content:"";position: absolute;height: 1px;background: #fff;width: 0;top: 20px;transition: all .5s;-webkit-transition:all .5s;}
.footNav dd:hover a:before{width: 100%;}
.footRight{width: 260px;font-size: 12px;color:#666666;text-align: center;}
.footRight span{display: block;float: right;margin-left: 10px;}
.footRight img{background: #fff;padding: 5px;}

.foot-bot{height: 50px;line-height: 50px;background: #000000;font-size: 12px;color: #666666;text-align: center;}
.foot-bot a{color: #666666;}
.foot-bot a:hover{color: #fff;}

/* 内页公用*/
.listBanner{width:1920px;position: relative;left:50%;margin-left:-960px;}
.listWrapper{padding:40px 0 50px 0;}
.listLeft{width:260px;float: left;overflow: hidden;}
.listRight{width:900px;float: right;overflow: hidden;text-align:justify;text-justify:inter-ideograph;}
.breadCrumb{border-bottom:1px solid #DADADA;height:30px;margin-bottom:25px;}
.breadCrumb strong{color:#333;font-size:18px;font-family:"微软雅黑";height:29px;border-bottom:2px solid #38257e;display:block;font-weight:normal;float: left;}
.breadCrumb p{background:url('../images/mapIcon.png') no-repeat left center;padding-left:20px;font-size: 12px;}
.breadCrumb p span{margin:0 8px;}
.listLeft .searMain{width:248px;margin-bottom:20px;border:1px solid #38257e;margin-top:0;}
.listLeft .searMain .sear_text{width:175px;border:none;}
.listLeft .searMain .sear_btn{width:40px;font-size:12px;}

/* 内页公用菜单*/
.sidebar{margin-bottom:20px;}
.side_title{padding:40px 15px;color:#fff;font-size:32px;background:#38257e;font-weight: normal;}
.side_title span{display:block;font-size:35px;font-family:Arial;color:#fff;margin-top: 20px;}
.sidebarMenu{border-top:none;}
.sidebarMenu li{font-size:15px;border-top: solid 1px #fff;}
.sidebarMenu li a{height:50px;line-height:50px;background:url('../images/side_li2.png') no-repeat 25px center #f1f1f1;padding-left:50px;display:block;color:#454545;transition: all .5s;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.sidebarMenu li .current,.sidebarMenu li a:hover{background:#5944a7 url('../images/side_lih.png') no-repeat 25px center;color:#fff;}
.sidebarMenu li ul{font-size:12px;padding:5px 0;background:#f8f8f8;}
.sidebarMenu ul li{background:none;padding-top:0;border-top: solid 1px #fff;}
.sidebarMenu li ul a{background: url('../images/side_li2.png') no-repeat 25px center;padding-left:45px;color:#666;height:35px;line-height:35px;font-size:13px;}
.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{background: url('../images/side_li2.png') no-repeat 25px center;color:#38257e;}
.proSide{background:#f5f5f5;height:auto;}
.proSide li{background: url('../images/side_line.jpg') repeat-x left top;border-top:none;}
.proSide li:hover{background:#fff url('../images/side_line.jpg') repeat-x left top;}


/* 内页左侧*/
.recommend_pro{margin-bottom:15px;}
.listLeft .left_title{background:#38257e;height:50px;line-height:50px;font-size: 16px;color: #fff;padding-left:15px;border-left:5px solid #191919;}
.recommend_slide{height:460px;overflow:hidden;padding:9px;border:1px solid #bcbcbc;background:#fff;border-top:none;}
.recommend_pro li{width:230px;overflow:hidden;margin-bottom:10px;}
.recommend_pro li img{width:224px;height:184px;border:1px solid #ddd;padding:2px;}
.recommend_pro li span{height:30px;line-height:30px;position:relative;text-align:center;display: block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.recommend_pro li:hover img{border: 1px solid #d91320;}
.twoCont{padding:15px 10px;overflow:hidden;background:#f4f4f4;}
.sidebarThree h3{font-size:15px;margin-bottom:10px;font-weight:normal;}
.sidebarThree h3 span{display:block;font-size:24px;color:#38257e;font-family:arial;}
.sidebarThree p{line-height:22px;}
.sidebarThree p span{padding-left:3em;}

/*  产品列表 */
.productList ul{width: 1000px;}
.productList li{float:left;width:280px;margin:0 27px 25px 0;}
.productList li .pic{height: 195px;overflow: hidden;border:1px solid #e5e5e5;border-bottom: none;position: relative;text-align: center;}
.productList li:hover .pic em{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);transition: all .5s;}
.productList li .pic img{height: 100%;transition: all .5s;}
.productList 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); }
.productList li span{display: block;;height: 40px;line-height: 40px;background: #f1f1f1;color: #454545;text-align: center;}
.productList li a{display: block;}
.productList li .pic:after{position: absolute;content: "";width: 36px;height: 36px;background: url(../images/star-icon.png) no-repeat center center;left:45%;top: 50%;transition: all .5s;transform: scale(0);-ms-transform: scale(0);  -webkit-transform: scale(0);  -o-transform: scale(0);   -moz-transform: scale(0);}
.productList li:hover .pic:after{transform: scale(1.0);-ms-transform: scale(1.0);  -webkit-transform: scale(1.0);  -o-transform: scale(1.0);   -moz-transform: scale(1.0);}

/*产品详情*/
.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:#38257e;}
.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat;}
.prodTitle{width:305px;overflow:hidden;}
.prodTitle h2{font-size:20px;padding:10px 0;border-bottom:1px dotted #e3e3e3;margin-bottom:15px;}
.prodTitle .txt{line-height:25px;height:228px;overflow:hidden;}
.prodTitle .txt span{color:#333;}
.prodTitle .fenx{padding-top:15px;margin-top:15px;border-top:1px dotted #e3e3e3;overflow:hidden;}
.prodTitle .tel{background:url(../images/hotLine.png) no-repeat left center;padding-left:50px;margin-top:15px;color:#38257e;height: 50px;line-height: 22px;}
.prodTitle .tel span{display:block;font-size:24px;font-family:arial;}
.prodTab{overflow:hidden;margin-top:40px;}
.prodTab .list{height:40px;border-bottom:2px solid #e3e3e3;margin-bottom:20px;}
.prodTab .list li{display:block;width:130px;height:40px;line-height:40px;float:left;text-align:center;font-size:16px;background:#e3e3e3;color:#333;border-radius:3px 3px 0 0;margin-right:2px;}
.prodTab .list li.on{color:#fff;background:#cc0000;}
.prodTab .listA table{width:100%;border-color:#dadada;}
.prodTab .listA table td{line-height:35px;border-color:#dadada;}
.prodTab .listA table tr:hover{background:#eaeaea;}
.prodOrder{padding:25px;background:#f4f4f4;overflow:hidden;margin-top:20px;}
.prodOrder h3{font-size:15px;line-height:18px;font-weight:normal;}
.prodOrder .table{padding-top:20px;overflow:hidden;}
.prodOrder .table li{width:395px;height:215px;float:left;height:35px;margin-bottom:10px;}
.prodOrder .table li span{float:left;border:1px solid #e3e3e3;line-height:33px;height:33px;width:76px;display:inline-block;text-align:center;background:#fff;}
.prodOrder .table li .iptTxt{float:right;width:304px;border:1px solid #e3e3e3;border-left-width:0;height:31px;line-height:31px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .iptCode{float:left;width:185px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:0 9px;}
.prodOrder .table li .btn{width:395px;height:35px;line-height:35px;background:#191919;cursor:pointer;color:#fff;text-align:center;border:none;}
.prodOrder .table li .btn:hover{background:#38257e;color:#fff;}
.prodOrder .table li.areLi{width:380px;float:right;height:215px;overflow:hidden;}
.prodOrder .table li.areLi .txtContent{width:348px;height:183px;border:1px solid #e3e3e3;outline:none;resize:none;padding:15px;color:#999;line-height:18px;background:#fff;}
.uLt{width:950px;}
.lt{width:265px;padding:9px 9px 0;background:#f5f5f5;float:left;margin-right:25px;position:relative;margin-bottom:20px;border-bottom:2px solid #e8e8e8;}
.lt a{width:100%;display:block;overflow:hidden;}
.lt h3{font-size:15px;line-height:40px;text-align:center;}
.lt:after,.lt:before,.soulList li:before,.soulList li:after{content:'';position:absolute;bottom:-2px;width:0;height:2px;background:#cc0000;-webkit-transition:0.4s;transition:0.4s;}
.lt:before,.soulList li:before{left:0;}
.lt:after,.soulList li:after{right:0;}
.lt:hover:after,.lt:hover:before,.soulList li:hover::before,.soulList li:hover::after{width:50%;}
.lt:hover h3{color:#cc0000;}
.prodTab .list li.on { background-color:#38257e}


/* 案例列表 */
.caseList ul{width: 1000px;}
.caseList li{float:left;width:280px;margin:0 27px 25px 0;}
.caseList li .pic{height: 187px;overflow: hidden;}
.caseList li .pic img{width: 100%;height: 100%;transition: all .5s;display: block;}
.caseList 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); }
.caseList li .txt{padding: 15px;color: #454545;font-size: 12px;background: #f1f1f1;border-bottom: 2px solid #38257e;height: 80px;overflow: hidden;}
.caseList li .txt span{display: block;;height: 30px;line-height: 30px;font-size: 14px;border-bottom: 1px dashed #38257e;margin-bottom: 5px;}
.caseList li a{display: block;}

/* 案例详情*/
.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;}
.casShow_img{margin-bottom:30px}
.zoombox{width:900px;margin-bottom:35px;text-align:center;}
.zoompic{width:900px;height:;background:url('../images/loading.gif') no-repeat 50% 50%;margin: 0 auto;overflow:hidden;text-align:center;}
.sliderbox{height:82px;overflow:hidden;margin-top:20px;}
.sliderbox .arrow-btn{width:20px;height:70px;background:url('../images/arrow_btn.png') no-repeat;cursor:pointer;margin-top:8px;}
.sliderbox #btn-left{float:left;background-position:0 0;}
.sliderbox #btn-left.dasabled{background-position:-40px 0;}
.sliderbox #btn-right{float:right;background-position:-20px 0;}
.sliderbox #btn-right.dasabled{background-position:-60px 0;}
.sliderbox .slider{float:left;height:82px;width:770px;position:relative;margin-left:10px;overflow:hidden;}
.sliderbox .slider ul{position:absolute;left:0;width:880px;}
.sliderbox .slider li{float:left;width:120px;height:82px;text-align:center;}
.sliderbox .slider li img{border:3px solid #ddd;width:94px;height:76px;}
.sliderbox .slider li.current img{border:3px solid #38257e;}
.caseShow_font1 .title{height:35px;border-bottom:1px solid #ccc;}
.caseShow_font1 .title span{float:left;height:35px;width:120px;font-size:14px;text-align:center;line-height:35px;}
.caseShow_font1 .title .on{background:#38257e;color:#fff;}
.relatedCase{margin-top:30px;}
.relatedTitle{background:#d1d1d1;height:35px;line-height:35px;}
.relatedTitle span{display:inline-block;color:#fff;background:#38257e;width:120px;height:35px;text-align:center;font-size:14px;}
/*相关案例*/
.caseList-ab ul{width: 1000px;}
.caseList-ab li{float:left;width:260px;background:#fff;margin:0 27px 25px 0;border:1px solid #ccc;padding:9px 9px 0 9px;line-height:22px;padding-bottom:10px;}
.caseList-ab li .cImg{width:260px;height:185px;display:block;overflow:hidden;}
.caseList-ab li img{width:260px;height:185px;transition:all .5s;}
.caseList-ab li h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #c6c6c6;margin-top:8px;font-weight:normal;font-size:12px;padding-top:8px;}
.caseList-ab li:hover img{transform:scale(1.1,1.1);}
.caseList-ab li:hover{border:1px solid #38257e;}
.caseList-ab li:hover h5{border-top:1px solid #38257e;}


/*荣誉资质 */
.honorList ul{width: 1000px;}
.honorList li{float:left;margin:0 12px 25px 0;width: 280px;text-align: center;margin:0 27px 25px 0;}
.honorList li img{height: 210px;border: 1px solid #f1f1f1;width: 280px;transition: all .5s;}
.honorList li  span{display: block;height: 30px;line-height: 30px;text-align: center;color: #454545}
.honorList li:hover span{color:#38257e }
.honorList li:hover img{border-color:#38257e;}

/*公司环境 */
.settingList ul{width: 1000px;}
.settingList li{float:left;width:280px;margin:0 27px 25px 0;position: relative;overflow: hidden;}
.settingList li img{display: block;width:280px;height: 210px;transition: all .5s;}
.settingList li  span{position: absolute;left: 0;right: 0;bottom:0;height: 30px;line-height: 30px;background: rgba(56,37,126,0.7);text-align: center;color: #fff;}
.settingList  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);}

/* 合作伙伴 */
.partnerList{overflow: hidden;}
.partnerList ul{width: 1000px;}
.partnerList li{float:left;margin-right:19px;margin-bottom:25px;}
.partnerList li img{ width:200px; height:120px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;display: block;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



/*资料下载*/
.downList ul{width: 1000px;}
.downList li{width: 360px;height:60px;border: 2px solid #ddd;border-radius: 10px;position: relative;padding: 20px;color: 191919;float: left;margin: 15px 20px;transition: all .5s;}
.downList li span{display: block;position: absolute;right: 10px;bottom:10px;
text-transform: uppercase;font-size: 14px;color: #fff;width:padding:5px 10px;border-radius: 20px;background: #ddd;text-align: center;font-weight: 600;width: 100px;height: 26px;line-height: 26px;
}
.downList li:hover{border-color: #38257e}
.downList li:hover span{background-color: #38257e}

/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#f13237;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;}




/*新闻列表*/
.pageNews-list ul{width: 1000px;}
.pageNews-list li{width: 438px;float: left;margin-right: 20px;margin-bottom: 20px;overflow: hidden;border: 1px solid #dadada;transition: all .5s;}
.pageNews-list li:hover{border-color: #38257e;}
.pageNews-left{width:108px;height:90px;float: left;text-align: center;background: #e7e7e7;transition: all .5s;}
.pageNews-list li:hover .pageNews-left{background: #38257e;}
.pageNews-left span{display: block;padding-bottom: 10px;color: #a5a5a5;font-size: 12px;border-bottom: 0px #fff solid;margin-top: 20px;}
.pageNews-list li:hover .pageNews-left span{color: #fff;}
.pageNews-list li .pageNews-left b{display: block;color: #a5a5a5;font-size: 50px;margin-bottom: 10px;}
.pageNews-list li:hover .pageNews-left b{color: #fff;}
.pageNews-right{float: right;text-align: left;width: 290px;padding: 10px 20px 0px 20px;}
.pageNews-right h3{color: #000;font-size: 16px;margin-bottom: 5px;}
.pageNews-right p{color: #959595;font-size: 12px;line-height: 24px;text-indent: 0em;}
.pageNewstop .hot-news{height: 165px;color: #555;margin-bottom: 15px;padding: 20px;background: #f4f4f4;border-bottom: 1px solid #ddd;position: relative;}
.pageNewstop .hot-news{height:165px;color:#555;margin-bottom:15px;padding:20px;background:#f4f4f4;border-bottom:1px solid #ddd;position: relative;}
.pageNewstop .hot-news img{width:220px;height:180px;margin-right:20px;}
.pageNewstop .hot-news h3{font-size:18px;font-weight:normal;}
.pageNewstop .hot-news h3 span{float:right;font-size:12px;}
.pageNewstop .hot-news h3 a{color:#333;display:inline-block;width:380px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.pageNewstop .hot-news h3 a:hover{color:#255b3a;}
.pageNewstop .hot-news p{margin-bottom:10px;overflow:hidden;margin-top:10px;height:70px;}
.pageNewstop .hot-news .more{color:#fff;display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;background: #38257e;position: absolute;bottom: 20px;left: 260px;transition: all .5s;}
.pageNewstop .hot-news .more:hover{background: #891e2d;}
.pageNewstop .hot-news .browse{display:block;overflow:hidden;}
.pageNewstop .hot-news h3 b{display: block;float: left;color: #fff;font-weight: 600;height: 25px;line-height: 25px;width: 60px;background:#e62129;text-align: center;margin-right: 10px;border-radius: 5px;}

/* 新闻列表2 */
.newsList li{height:180px;color:#555; margin-bottom:15px;padding:20px;background:#f4f4f4;border-bottom:1px solid #ddd;}
.newsList li img{width:273px;height:180px;margin-right:20px;}
.newsList li h3{font-size:18px;font-weight:normal;}
.newsList li h3 span{float:right;font-size:12px;}
.newsList li h3 a{color:#333;display:inline-block;width:380px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li h3 a:hover{color:#00b04e;}
.newsList li p{margin-bottom:10px;overflow:hidden;margin-top:10px;height:70px;}
.newsList li .more{display:block;width:100px;height: 36px;line-height: 36px;text-align: center;color: #fff;background: #de0126;border-radius: 4px;float: right;margin-top: 20px;}
.newsList li .more:hover{text-decoration:underline;}
.newsList li .browse{display:block;overflow:hidden;}
.newsList2 li{height:44px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-right:140px;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;border-bottom:1px dotted #ccc;}
.newsList2 li span{float:right;margin-right:-140px;}



/* 新闻详细样式*/
.gr-news-show{width:900px;overflow:hidden;}
.gr-news-show h2{font-size:20px;line-height:32px;text-align:center;color:#38257e;position:relative;font-family:"微软雅黑";font-weight:normal;}
.gr-news-show h3{text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #d2d2d2;font-family:"微软雅黑";font-weight:normal;}
.gr-news-show h3 span{margin:8px 8px 0 8px;color:#999;text-decoration:none;}
.fontResizer a{padding:0 5px;}
.curFont{font-weight:bold;color:#38257e;}
.news-show-box{padding-top:15px;line-height:26px;padding-bottom:10px;text-align:justify;text-justify:inter-ideograph;}
.news-message{padding-bottom:10px;border-bottom:1px dashed #d2d2d2;overflow:hidden;}
.news-message div{padding:10px 0;}
.news-message h3{width:100%;text-align:right;font-weight:bold;color:#333;text-decoration:underline;overflow:hidden;}
.gr-fenx{height:35px;background:#ddd;padding:0 10px;margin-top:15px;}
.prew{background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw{background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}
.gr-keyword{border:1px solid #dadada;padding:5px 10px;margin:10px 0;overflow:hidden;}
.gr-keyword a{padding:0 5px;}
.newsShow_main{overflow:hidden;padding:15px}
.newsShow_main .newsShow_img{width:300px;height:300px;}
.newsShow_main .news-show-box{float:right;width:740px;padding:0;}

/* 推荐资讯样式*/
.gr-rec-news{width:900px;margin-top:10px;overflow:hidden;}
.gr-rec-news ul{width:950px;padding-top:10px;}
.gr-rec-news ul li{float:left;margin-right:30px;width:430px;height:28px;line-height:28px;}
.gr-rec-news ul li a{display:block;width:310px;line-height:28px;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.gr-rec-news ul li span{float:right;color:#999;}
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #ddd;font-size:14px;font-weight:bold;color:#333;}

/* 人才招聘*/
.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:195px;}
.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;}
a.gr-apply{display:block;width:140px;height:40px;margin:30px auto 0;background:#999;color:#fff;line-height:40px;text-align:center;border-radius:2px;}
a.gr-apply:hover,.jobs-submit:hover{background:#666;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:280px;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 #308c56;}
.jobsShow .jobsTextarea{width:770px;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:#308c56;color:#fff;}




