@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/
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;max-width: 100%}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:14px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after{clear: both;content: ".";display:block;height: 0;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#666666;font-size:14px;line-height:26px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif;}
a{color:#666666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}
a:hover{color:#db0d0d;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{width:1200px;margin:0 auto;}
.center{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.clamp{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

/* 顶部 */
.topBar{height:140px;background:#ffffff;}
.logo{margin-top:27px;}
.logo img{display: block;}
.topBar .font{margin:47px 0 0 42px;}
.topBar .right{margin-top: 50px;padding-left: 40px;background:url('../images/top-tel400_9.png') no-repeat left center;}
.topBar .right p{font-size: 14px;line-height: 1em;color: #000000;}
.topBar .right h3{font-size: 25px;color: #db0d0d;font-family: "Arial";line-height: 1.2em;}
.head-long{display: none;}
/* 头部 */
.header{height:65px;line-height:65px;width:100%;background:#000006;}
.nav{display: table;width: 100%}
.nav li{margin-left:1px;position:relative;display: table-cell;}
.nav li:first-child{margin-left:1px;}
.nav li a{color:#ffffff;display:block;text-align: center;font-size: 18px;}
.nav li:hover>a,.nav>li>a.cur{background: #db0d0d;}
.nav .navSub{position:absolute;top:75px;width:100%;display:none;left:50%;margin-left:-70px;background:#db0d0d;background:rgba(219,13,13,0.8);z-index: 10;}
.nav .navSub:before{position:absolute;content:"";border:10px solid transparent;border-bottom-color:#db0d0d;border-bottom-color:rgba(219,13,13,0.8);top:-20px;left:50%;margin-left:-10px;}
.nav .navSub li{font-size:14px;height:35px;line-height:35px;border-bottom:1px solid #db0d0d;text-align:center;float: left;width: 100%}
.nav .navSub li:last-child{border-bottom:none;}
.nav .navSub a{height:35px;color:#ffffff;display:block;font-size: 14px;}
.nav .navSub a:hover{background:#000006;}

/* 广告轮播图 */
.banner{margin: 0 auto;position:relative;overflow:hidden;}
.banner .smallimg{display: none;}
.banner img{width: 100%}
.banner .ban{position: absolute;top: 50%;width: 34px;height: 54px;z-index: 99;transition: 0.5s all}
.banner .ban-prev{left: 8%;background: url(../images/ban-prev_9.png)no-repeat center;background-position-x: 12px;opacity: 0;}
.banner .ban-next{right: 8%;background: url(../images/ban-next_9.png)no-repeat center;opacity: 0;}
.banner:hover .ban-prev{left: 10%;opacity: 1;}
.banner:hover .ban-next{right: 10%;opacity: 1;}
.banner-pagination{bottom:4% ! important;z-index:5;left:50%;}
.banner-pagination span{display:inline-block;z-index:6;cursor:pointer;margin:0 10px;width:10px;height:10px;border:2px #ffffff solid;border-radius:7px;background: none}
.banner-pagination span.swiper-pagination-bullet-active{background:#ffffff;}



/* 推荐产品 */
.floor1{padding:70px 0;background: #ffffff;overflow:hidden;}
.proSlide .bd li{height: 540px;width: 1200px;overflow: hidden;}
.proSlide .bd li a{display: block;color: #000000;}
.proSlide .bd li .imgBox{width:610px;height:540px;overflow: hidden;position: relative;}
.proSlide .bd li .imgBox img{display:block;position:absolute;max-width:610px;max-height:540px;top:0;left:0;bottom:0;right:0;margin:auto;transition:all 1s;}
.proSlide .bd li .imgBox:hover img{transform:scale(1.02);}
.proSlide .bd li .txtBox{padding:77px 0 0 0;width:478px;height:463px;overflow: hidden;}
.proSlide .bd li h1{font-size:48px;line-height:1em;font-family:"Arial";}
.proSlide .bd li h2{font-size:36px;line-height:50px;font-weight:normal;}
.proSlide .bd li h2 a:hover{color: #db0d0d;}
.proSlide .bd li .hr{margin:20px 0 25px 0;width: 18px;height:3px;background: #db0d0d;transition: all .3s;}
.proSlide .bd li:hover .hr{width: 72px;}
.proSlide .bd li .description{line-height: 29px;height: 116px;}
.proSlide .bd li .more{margin-top: 20px;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #ffffff;background: #db0d0d;border-radius: 20px;transition: all .3s;}
.proSlide .bd li .more:hover{margin-left: 10px;}
.proSlide .hd{margin-top: 23px;height: 76px;position: relative;}
.proSlide .hd:after{display: block;content: "";width: 1920px;position: absolute;height: 1px;background: #e2e2e2;top: 29px;left:50%;margin-left: -960px;z-index:0;}
.proSlide .hd ul{display: inline-block;height: 76px;overflow: hidden;}
.proSlide .hd li{float: left;height: 76px;overflow: hidden;background: #ffffff;margin:0 15px;position: relative;z-index: 1;}
.proSlide .hd li:after{display: block;content: "";width: 100%;position: absolute;height: 8px;top: 0;left: 0;background:url('../images/floor1-icon01_9.png') no-repeat center -8px;transition: all .3s;}
.proSlide .hd li:hover:after,.proSlide .hd li.on:after{background-position: center 0px;}
.proSlide .hd li:before{display: block;content: "";width: 100%;position: absolute;height: 26px;bottom: 0;left: 0;background:url('../images/floor1-icon02_9.png') no-repeat center 26px;transition: all .3s;}
.proSlide .hd li:hover:before,.proSlide .hd li.on:before{background-position: center 0px;}
.proSlide .hd li a{display: block;height: 76px;overflow: hidden;}
.proSlide .hd li h4{color: #000000;line-height: 1em;margin-top: 15px;}
.proSlide .hd li h5{color: #333333;font-weight: normal;line-height: 20px;}

.floor1-top ul li .imgBox{float: left;width: 50%;position: relative;padding-top: 37%}
.floor1-top ul li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}
.floor1-top ul li .txtBox{float: right;width: 40%;padding-right: 2%}
.floor1-top ul li .txtBox h1{font-size:48px;line-height:1em;font-family:"Arial";}
.floor1-top ul li .txtBox a{color: #000;}
.floor1-top ul li .txtBox h2{font-size:36px;line-height:50px;font-weight:normal;}
.floor1-top ul li .txtBox h2 a:hover{color: #db0d0d;}
.floor1-top ul li .txtBox .hr{margin:20px 0 25px 0;width: 18px;height:3px;background: #db0d0d;transition: all .3s;}
.floor1-top ul li .txtBox:hover .hr{width: 72px;}
.floor1-top ul li .txtBox .description{line-height: 29px;height: 116px;}
.floor1-top ul li .txtBox .more{display: block; margin-top: 20px;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #ffffff;background: #db0d0d;border-radius: 20px;transition: all .3s;}
.floor1-top ul li .txtBox .more:hover{margin-left: 10px;}

.floor1-thumbs{width: 100%;margin-top: 5%}
.floor1-thumbs-vise{height: 76px;width: 60%;margin: 0 auto;position: relative;}
.floor1-thumbs-vise:before{content: '';position: absolute;left: -200%;top: 50%;width: 200%;height: 1px;background: #e2e2e2}
.floor1-thumbs-vise:after{content: '';position: absolute;right: -200%;top: 50%;width: 200%;height: 1px;background: #e2e2e2}

.floor1-thumbs-vise li{text-align: center;position: relative;}
.floor1-thumbs-vise li a{display: block;height: 68px;}
.floor1-thumbs-vise li h4{color: #000000;line-height: 1em;margin-top: 20px;}
.floor1-thumbs-vise li h5{color: #333333;font-weight: normal;line-height: 20px;}
.floor1-thumbs-vise li:before{content: '';position: absolute;top: 50%; right: 0;width: 6%;height: 1px;background: #e2e2e2}
.floor1-thumbs-vise li:after{content: '';position: absolute;top: 50%;left: 0;width: 6%;height: 1px;background: #e2e2e2}


.floor1-thumbs-vise li a:after{display: block;content: "";width: 100%;position: absolute;height: 8px;top: 4px;left: 0;background:url('../images/floor1-icon01_9.png') no-repeat center;transition: all .3s;background-position-y: -8px;}
.floor1-thumbs-vise li a:before{display: block;content: "";width: 100%;position: absolute;height: 26px;bottom: -6px;left: 0;background:url('../images/floor1-icon02_9.png') no-repeat center;transition: all .3s;background-position-y: 27px;}
.floor1-thumbs-vise li.swiper-slide-thumb-active a:after{background-position-y: 0;}
.floor1-thumbs-vise li.swiper-slide-thumb-active a:before{background-position-y: 0;}


/*我们的优势*/
.mTitle{line-height: 1em;font-size: 36px;color: #000000;font-weight: normal;}
.floor2{padding:0;background: #ffffff;overflow:hidden;}
.floor2 .mTitle{margin: 40px 0;}
.floor2-vise{position: relative;}
.floor2-top{background: #2c2c2c}
.floor2-top ul li .txtBox{float: left;width: 22%;padding: 4% 2% 0 19%;color: #fff;}
.floor2-top ul li .txtBox h1{font-size:80px;line-height:1em;font-weight:normal;font-family:"宋体";}
.floor2-top ul li .txtBox h2{font-size:25px;line-height:35px;font-weight:normal;margin-top: 10px;}
.floor2-top ul li .txtBox h2 a{color: #fff}
.floor2-top ul li .txtBox h2 a:hover{color: #db0d0d;}
.floor2-top ul li .txtBox .hr{margin:30px 0 30px 0;width: 18px;height:3px;background: #db0d0d;transition: all .3s;}
.floor2-top ul li .txtBox:hover .hr{width: 64px;}


.floor2-top ul li .imgBox{float: right;width: 57%;position: relative;padding-top: 36%}
.floor2-top ul li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.floor2-thumbs{position: absolute;bottom: 5%;width: 100%;z-index: 99}
.floor2-thumbs .floor2-thumbs-w{height: 100px;background: rgba(0,0,0,0.8);}
.floor2-thumbs .floor2-thumbs-vise{width: 50%;margin: 0 auto;line-height: 100px;position: relative;}
.floor2-thumbs .floor2-thumbs-vise:before{content: '';position: absolute;left: -45%;top: 50%; width:45%;height: 1px;background: #fff;}
.floor2-thumbs .floor2-thumbs-vise:after{content: '';position: absolute;right: -45%;top: 50%;width: 45%;height: 1px;background: #fff;}
.floor2-thumbs .floor2-thumbs-vise ul{text-align: center;}
.floor2-thumbs .floor2-thumbs-vise li{display: inline-block;position: relative;cursor: pointer;}
.floor2-thumbs .floor2-thumbs-vise li:before{content: '';position: absolute;left: 0;top: 50%; width:30%;height: 1px;background: #fff;}
.floor2-thumbs .floor2-thumbs-vise li:after{content: '';position: absolute;right: 0;top: 50%;width: 30%;height: 1px;background: #fff;}
.floor2-thumbs .floor2-thumbs-vise li a{font-size: 14px;color: #fff;position: relative;}
.floor2-thumbs .floor2-thumbs-vise li a:before{content: '';position: absolute;left: -8px;top: -12px; width:32px;background: url(../images/floor2-icon01_9.png)no-repeat center;height: 8px;background-position-y:-8px;transition: 0.3s all}
.floor2-thumbs .floor2-thumbs-vise li a:after{content: '';position: absolute;left: -8px;bottom: -22px; width:32px;background: url(../images/floor2-icon02_9.png)no-repeat center;height: 20px;background-position-y:20px;transition: 0.3s all }
.floor2-thumbs .floor2-thumbs-vise li.swiper-slide-thumb-active a:before{background-position-y:0;}
.floor2-thumbs .floor2-thumbs-vise li.swiper-slide-thumb-active a:after{background-position-y:0;}

/*解决方案-栏目链接*/
.mTitleP{line-height: 24px;color: #999999;padding: 15px 0;}
.floor3{background: #ffffff;padding:4% 0;}
.solutionSlide{position: relative;}
.solutionSlide .hid{padding: 1%;width: 98%;margin: 0 auto;overflow: hidden;}
.solutionSlide .bd li{text-align: center;transition: all .3s;border: 1px #e5e5e5 solid;padding: 5% 0;}
.solutionSlide .bd li:hover{position: relative;z-index: 10;-moz-box-shadow:0px 0px 20px #d9d9d9; -webkit-box-shadow:0px 0px 20px #d9d9d9; box-shadow:0px 0px 20px #d9d9d9;}
.solutionSlide .bd li .imgBox{display: block;width:100%;height: 100px;overflow: hidden;}
.solutionSlide .bd li .imgBox img{display: block;max-height:296px;margin:0 auto;position: relative;top: -168px;transition: all .3s;}
.solutionSlide .bd li:hover .imgBox img{top: -14px;}
.solutionSlide .bd li h3{line-height: 58px;font-size: 24px;color: #000000;font-weight: normal;}
.solutionSlide .bd li .description{line-height: 25px;width: 80%;margin:0 auto;color: #666666;height: 75px;-webkit-line-clamp:3;overflow: hidden;}
.solutionSlide .bd li .more{display: block;margin:30px auto 0 auto;width: 118px;height: 33px;line-height: 33px;border: 1px #dbdbdb solid;color: #999999;transition: all .3s;}
.solutionSlide .bd li:hover .more{border-color: #db0d0d;background: #db0d0d;color: #ffffff;}
.solutionSlide .floor3-btn{position: absolute;top: 50%; display: block;width: 55px;height: 35px;overflow: hidden;background: #cccccc url('../images/prev-next_9.png') no-repeat 0 0;z-index: 999}
.solutionSlide .floor3-prev{left:-7%;}
.solutionSlide .floor3-next{right: -7%;background-position: -55px 0;}
.solutionSlide a:hover{background-color:#db0d0d;}

.floor3-vise{margin: 0 auto}


/*成功案例*/
.floor4{padding: 4% 0 3% 0;background:#001d42 url('../images/floor4_9.png') no-repeat center center;}
.floor4 .mTitle{color: #ffffff;}
.floor4 .mTitleP{color: #ffffff;}
.case{margin-top: 26px;}
.case li{float: left;margin:0 2% 2% 0;width: 30%;background: #ffffff;overflow: hidden;transition: all .3s;padding: 1%;}
.case li:hover{background: #db0d0d;}
.case li:first-child{width: 64%;}
.case li:first-child a{width:775px;}
.case li .imgBox{display: block;width: 100%;position: relative;padding-top: 72.3%;overflow: hidden;text-align: center;}
.case li:first-child .imgBox{display: block;width: 100%;position: relative;padding-top: 34%}
.case li:nth-child(2),.case li:nth-child(5){margin-right: 0;}
.case li img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: all 1s;}
.case li:hover .imgBox img{transform: scale(1.06);}
.case li h3{font-size: 16px;font-weight: normal;line-height: 60px;padding-left: 15px;padding-right: 66px;position: relative;transition: all .3s;}
.case li h3:before{display: block;content: "";position: absolute;width:3px;height:18px;background:#db0d0d;left:0;top:50%;margin-top:-9px;transition: all .3s;}
.case li h3:after{display: block;content: "";position: absolute;width:33px;height:11px;background:url('../images/more_9.png') -33px center no-repeat;right:0;top:28px;transition: all .3s;}
.case li:hover h3{color: #ffffff;}
.case li:hover h3:before{background: #ffffff;}
.case li:hover h3:after{background-position: 0 center;}

/*合作流程*/
.floor5{padding: 5% 0;}
.floor5 .hzlc{padding: 0 0 6% 0;position: relative;}
.floor5 .hzlc:after{content: '';position: absolute;left: 0;top: 16px;width: 100%;height: 124px; background: url(../images/floor5bg-top_9.png)no-repeat center top;}
.floor5 .hzlc:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 64px; background: url(../images/floor5bg-bottom_9.png)no-repeat center bottom;}
.step{margin-top: 41px;}
.step ul{display: inline-block;overflow: hidden;width: 80%}
.step ul li{margin:0 4%;overflow: hidden;display: inline-block;}
.step ul li a{display: block;}
.step ul li .imgBox{display: block;width: 108px;height: 108px;border: 1px #e3e3e3 solid;border-radius: 55px;position: relative;overflow: hidden;}
.step ul li .imgBox img{display: block;max-width: 108px;max-height: 108px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;transition: all 1s;}
.step ul li:hover .imgBox img{transform: scale(1.04);}
.step ul li h3{line-height: 54px;font-size: 18px;color: #333333;font-weight: normal;transition: all .3s;}
.step ul li:hover h3{color: #db0d0d;}

/*小广告*/
.floor6{padding:4% 0 3% 0;background:#02082a url('../images/floor6_9.png') no-repeat center center;}
.advertise .left{color: #ffffff;}
.advertise .right{color: #ffffff;padding-left: 42px;background:url('../images/floor6-tel400_9.png') no-repeat left 4px;}
.advertise .right p{font-size: 14px;line-height: 1em;}
.advertise .right h3{font-size: 25px;font-family: "Arial";line-height: 1.2em;}
.advertise .right .more{display: block;width: 200px;height: 56px;line-height: 56px;color: #ffffff;font-size: 20px;border-radius: 4px;background: #db0d0d;margin-top: 33px;position: relative;left: -40px;}
.advertise .right .more:hover{left: -30px;}

/*关于我们*/
.floor7{background:#353535 url('../images/floor7_9.png') no-repeat center top;overflow:hidden;padding-bottom:60px;}
.floor7 .grWidth{margin-top: 70px;}
.floor7 .mTitle{color: #ffffff;}
.floor7 .mTitleP{color: #999999;}
.about{margin-top: 18px;background: #ffffff;height: 350px;}
.about .left{width: 50%;height: 100%;}
.about .left img{width: 100%;height: 100%}
.about .right{width: 45%;height: 90%;padding: 3% 1% 0 4%}
.about .right .more{display: block;margin-top: 10px; width: 120px;height: 40px;line-height: 40px;color: #ffffff;background: #db0d0d;transition: all .3s;}
.about .right .more:hover{margin-left: 40px;}

/*公司环境 资质证书*/
.outerSlide{margin:10px auto 0 auto;padding:30px 0 40px 0;background: #ffffff;}
.outerSlide .hd{height: 40px;}
.outerSlide .hd ul{display: inline-block;height: 40px;}
.outerSlide .hd ul li{float: left;width: 120px;height: 40px;border-radius: 20px;margin:0 10px;}
.outerSlide .hd ul li a{display: block;width: 118px;height: 38px;line-height: 38px;border: 1px #dcdcdc solid;border-radius: 20px;font-size: 16px;}
.outerSlide .hd ul li:hover a,.outerSlide .hd ul li.on a{color: #ffffff;background: #db0d0d;border-color: #db0d0d;}
.outerSlide-w{padding: 0 5%;position: relative;}
.innerSlideWrap-vise{padding: 50px 0 20px 0 ;}
.innerSlideWrap-vise li{float: left;overflow: hidden;}
.outerSlidelist1 li{position: relative;padding-top: 17%;overflow: hidden;}
.outerSlidelist1 li img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}
.innerSlideWrap-vise li h5{line-height: 40px;font-size: 14px;color: #fff;text-align: center;position: absolute;left: 0;bottom: -40px;width: 100%;background: #db0d0d;transition: 0.5s all;}
.innerSlideWrap-vise li:hover h5{bottom: 0}
.outerSlidelist1 li:hover img{transform: scale(1.1);}
.outerSlidelist2{padding: 50px 1% 20px 1%;}
.outerSlidelist2 li{border:1px solid #ccc;}
.outerSlidelist2 dt{width: 100%;display: table;margin: 0 auto;}
.outerSlidelist2 dt span{display: table-cell;vertical-align: middle;height: 290px;}
.outerSlidelist2 dt span img{display: block;max-width: 100%;max-height: 100%;}


.outerSlide-w .btns{position: absolute;width: 100%;height: 0;left: 0;top:52%;z-index: 99}
.outerSlide-w .btns a{display: block;width: 55px;height: 35px;overflow: hidden;background: #cccccc url('../images/prev-next_9.png') no-repeat 0 0;}
.outerSlide-w .btns a.innerPrev{float: left;}
.outerSlide-w .btns a.innerNext{float: right;background-position: -55px 0;}
.outerSlide-w .btns a:hover{background-color:#db0d0d;}


/* 新闻中心 */
.floor8{background: #ffffff;padding: 70px 0 30px 0;}
.newsSlide{margin-top: 10px;}
.newsSlide .hd{height: 40px;}
.newsSlide .hd ul{display: block;height: 40px;width: 100%;text-align: center;}
.newsSlide .hd ul li{width: 12%;height: 40px;border-radius: 20px;margin:0 10px;display: inline-block;}
.newsSlide .hd ul li a{display: block;border: 1px #dcdcdc solid;border-radius: 20px;font-size: 16px;padding: 5px 0;}
.newsSlide .hd ul li:hover a,.newsSlide .hd ul li.on a{color: #ffffff;background: #db0d0d;border-color: #db0d0d;}
.newsSlide .bd{margin-top: 40px;}
.newsSlide .bd li{width: 48%;margin-bottom: 10px;overflow: hidden;transition: all .3s;}
.newsSlide .bd li:last-child{margin-bottom: 0;}
.newsSlide .bd li a{display: block;padding: 20px;}
.newsSlide .bd li .date{padding-right: 15px;margin-right: 15px;margin-top: 10px;text-align: center;position: relative;}
.newsSlide .bd li .date:after{content: "";display: block;position: absolute;width: 1px;height: 68px;background: #ebebeb;right: 0;top: -2px;transition: all .3s;}
.newsSlide .bd li .date span{display: block;font-family: "Arial";color: #000000;transition: all .3s;}
.newsSlide .bd li .date span:first-child{font-size: 44px;line-height: 1em;}
.newsSlide .bd li .date span:last-child{line-height: 1.4em;}
.newsSlide .bd li h5{line-height: 33px;font-size: 16px;color: #333333;transition: all .3s;}
.newsSlide .bd li .description{line-height: 24px;color: #666666;transition: all .3s;}
.newsSlide .bd li.n2:hover{background: #db0d0d;}
.newsSlide .bd li.n2:hover .date:after{background: #ffffff;}
.newsSlide .bd li.n2:hover .date span,.newsSlide .bd li.n2:hover h5,.newsSlide .bd li.n2:hover .description{color: #ffffff;}

.newsSlide .bd li.n1{width: 48%;height: auto;margin-bottom: 0;}
.newsSlide .bd li.n1 a{padding: 0;}
.newsSlide .bd li.n1 .imgBox{display: block;width:100%;overflow: hidden;padding-top: 60%;position: relative;}
.newsSlide .bd li.n1 .imgBox img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 1s;}
.newsSlide .bd li.n1 .imgBox:hover img{transform: scale(1.06);}
.newsSlide .bd li.n1 h4{line-height: 55px;font-size: 16px;color: #000000;transition: all 1s;}
.newsSlide .bd li.n1:hover h4{color: #db0d0d;}

/* 内页公用 */
.listBanner,.mzsmBanner{width:100%;position: relative;}
.listBanner img,.mzsmBanner img{width: 100%}
.listWrapper{padding:60px 0;overflow: hidden;}

/*搜索页-搜索框*/
.proSear{width:600px;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;}
.proSear .btn{height:50px;line-height:50px;width:100px;text-align:center;font-size:16px;background:#333;color:#fff;cursor:pointer;transition:all 0.3s;float:left;}
.proSear .txt{height:48px;line-height:48px;border:1px solid #ddd;border-right:none;width:400px;padding:0 10px;float:left}
.proSear .btn:hover{background:#111;}

/* 内页公用菜单 + 面包屑 */
.listMenu{height:50px;line-height:50px;border-bottom:1px solid #e8e8e8;overflow: hidden;}
.listMenu .fl{font-size: 12px;color:#6d6d6d;}
.listMenu .fl a{color:#6d6d6d;}
.listMenu .fl a:hover,.listMenu .fl a.bc{color:#db0d0d;}
.menuSub{float: right;}
.menuSub a{font-size: 16px;color:#848484;position:relative;height:50px;display:inline-block;margin-right:35px;}
.menuSub a:last-child{margin-right: 0;}
.menuSub a:before{position:absolute;content: "";left:0;bottom:-1px;width:0;height:3px;background:#db0d0d;transition:all 0.3s;}
.menuSub a.current:before,.menuSub a:hover:before{width:100%;}

/* 公司简介 */
.aboutBox1{padding:60px 0 50px 0;}
.aboutBox1 .font{line-height:24px;}
.aboutBox1 .font img{max-width: 100%}

.aboutBox2{background: #f0f0f0;padding:65px 0 60px 0;}
.aboutBox2 .font{color:#5e5e5e;line-height:33px;}
.aboutBox2 .font .cul1{overflow: hidden;margin-bottom: 20px;}
.aboutBox2 .font .cul1{overflow: hidden;}
.aboutBox2 .font .cul1 .cul1-fl{float: left; width: 50%;}
.aboutBox2 .font .cul1 .cul1-fr{float: right; width: 50%;}
.aboutBox2 .font .cul2 .cul2-fl{float: left;width: 50%;}
.aboutBox2 .font .cul2 .cul2-fr{float: right;width: 50%;text-align: right;}
.aboutBox2 .font b{padding-top: 10px;line-height: 76px;font-size: 25px;color: #000000;} 
.aboutBox2 .font p{font-size: 14px;color: #5e5e5e;line-height: 33px;}

.aboutBox3{padding:60px 0;}
.aTie{line-height: 1em;font-size: 25px;color: #000000;font-weight: normal;}
.aboutSlide{margin-top: 50px;position: relative;}
.aboutSlide .bd li{float:left;text-align:center;margin-right:26px;margin-bottom:30px;overflow: hidden;}

.aboutSlide .bd li h5{line-height:54px;font-size:14px;color:#272525;font-weight:normal;transition:all .3s;}
.aboutSlide .bd li:hover h5{background: #ebebeb;color: #db0d0d;}
.aboutSlide .bd li:hover img{transform:scale(1.1);}
.aboutSlide .btns{display: block;position: absolute;top: 35%;width: 28px;height: 28px;line-height: 28px;text-align: center;border: 1px #2d2d2d solid;border-radius: 15px;color: #2d2d2d;font-family: "宋体";font-size: 20px;font-weight: bold;z-index: 999;}
.aboutSlide  a.btns:hover{border-color: #db0d0d;background: #db0d0d;color: #ffffff;}
.aboutSlide a.aboutBox3-prev{left: -5%}
.aboutSlide a.aboutBox3-next{right: -5%}

.aboutBox3-vise li dt{border: 2px #ebebeb solid;overflow: hidden;width: 98%;height: 100%}
.aboutBox3-vise li dt p{display: table;margin: 0 auto;}
.aboutBox3-vise li dt span{display: table-cell;vertical-align: middle;height: 300px;}
.aboutBox3-vise li dt img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}


/* 内页留言样式 */
.contactBox1{width:100%;background:#ffffff;padding:0 0 50px 0;}

.contactBox2{width:100%;height: 400px; background:#ffffff;padding:0 0 50px 0;}
#dituContent{width:100%;height:500px;}

.contactBox3{width:100%;background:#ffffff;padding:0px 0 50px 0;}
#feedback_form{width: 100%; margin:40px auto 0 auto;overflow: hidden;}
#feedback_form input{width:46.7%;height:46px;line-height:46px;float:left;margin:0 2% 2% 0;padding:0 1%;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form textarea{display:block;height:125px;width:97.8%;padding:10px;border:1px solid #dbdbdb;margin:0 0 30px 0;}
#feedback_form .tableRow{width:100%;height:51px;overflow: hidden;margin:0 0 30px 0;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999999;}
#feedback_form .tableRow .checkcode{display:block;float:left;height:46px;border:1px solid #cccccc;background:#ffffff;}
#feedback_form .btns{width:120px;height:40px;line-height: 40px; background:#db0d0d;color:#ffffff;border:none;font-size:16px;margin-bottom:0;cursor:pointer;transition:all 0.3s;}
#feedback_form .btns:hover{background:#333333;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#db0d0d;}

/*ODM 页面*/
.odmBox1{width: 100%;background: #ffffff;padding: 0 0 50px 0;}

.odmBox2{padding: 0;}
#odm_form{width:100%;margin:0 auto;overflow: hidden;}
#odm_form label{display:block;float:left;margin:0 5% 4% 0;font-size:16px;color: #666;width: 47.5%;overflow: hidden;}
#odm_form label input,#odm_form label select{width:82%;height:46px;line-height:46px;padding:0 1%;border:1px solid #dbdbdb;color: #666666;}
#odm_form label{float: right;}
#odm_form label select{width:490px;}
#odm_form label.last{margin-right:0;}
#odm_form label.content{width: 100%;height: auto;margin-right:0;}
#odm_form label textarea{display:inline-block;float: right;height:125px;width:98%;padding:10px;border:1px solid #dbdbdb;}
#odm_form .tableRow{width:100%;height:48px;overflow: hidden;margin:0 0 30px 0;}
#odm_form .tableRow .verifyCode{float: left;margin:0;width: auto;}
#odm_form .tableRow input{width:60%;margin-right:10px;color:#999999;}
#odm_form .tableRow .checkcode{display:block;float:left;height:46px;border:1px solid #cccccc;background:#ffffff;}
#odm_form .btns{width:120px;height:40px;background:#db0d0d;color:#ffffff;font-weight: bold;font-family: "宋体";border:none;font-size:18px;cursor:pointer;transition:all 0.3s;}
#odm_form .btns:hover{background:#333333;}
#odm_form input:focus,#odm_form textarea:focus{border-color:#db0d0d;}

#odm_form label input::-webkit-input-placeholder,#odm_form label textarea::-webkit-input-placeholder{color: #bbbbbb;}
#odm_form label input:-moz-placeholder,#odm_form label textarea:-moz-placeholder{color:#bbbbbb;}
#odm_form label input::-moz-placeholder,#odm_form label textarea::-moz-placeholder{color:#bbbbbb;}
#odm_form label input:-ms-input-placeholder,#odm_form label textarea:-ms-input-placeholder{color:#bbbbbb;}

/*无缝液晶拼接屏*/
.screenTie{line-height: 1em;font-size: 30px;color: #666666;}
.screenTie span{display: inline-block;height: 100%;position: relative;}
.screenTie i{color: #e71f19;font-style: normal;}
.screenTie span:before{display: block;content: "";position: absolute;width: 513px;height: 1px;background: #999999;top: 20px;left: -538px;}
.screenTie span:after{display: block;content: "";position: absolute;width: 513px;height: 1px;background: #999999;top: 20px;right: -538px;}
.screenTieP{line-height: 30px;font-size: 12px;color: #999999;}

.screenBox1{padding-top: 60px;overflow: hidden;}
.screenBox1 .font{margin-top:50px;line-height: 36px;font-size: 18px;}
.screenBox1 .ome1{float: left;width: 50%}
.screenBox1 .ome2{float: right;width: 46%;padding-top: 4%;}
.screenBox1 .ome2 h3{display: block;font-size: 30px;font-weight: bold;color: #333333;line-height: 1em;padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.screenBox1 .ome2 h3:after{content: '';position: absolute;left: 0;bottom: 0;background: #e71f19;height: 4px;width: 30px;}
.screenBox1 .ome2 p{display: block;
line-height: 36px;
font-size: 18px;
color: #666666;}


.screenBox2{padding: 64px 0 50px 0;}
.screenBox2 .font{margin-top:30px;line-height:24px;}

.screenBox3{padding: 60px 0 60px 0;}
.screenBox3 .screenSlide{margin-top: 16px;position:relative;}
.screenSlide .hd{height: 44px;line-height: 44px;}
.screenSlide .hd ul{display: inline-block;height: 100%;overflow: hidden;}
.screenSlide .hd li{float: left;margin: 0 70px;font-size: 18px;height: 100%;}
.screenSlide .hd li a{display: block;height: 100%;color: #666666;position: relative;}
.screenSlide .hd li a:after{display: block;content: "";position: absolute;width:0px;height:2px;background:#e71f19;bottom:0px;left:50%;margin-left:0px;transition: all .3s;}
.screenSlide .hd li:hover a:after,.screenSlide .hd li.on a:after{width: 52px;margin-left:-26px;}
.screenSlide .bd{margin-top: 36px;width:1920px;left:50%;margin-left:-960px;position: relative;}
.screenSlide .bd .innerSlide{position: relative;}
.screenSlide .bd .innerSlide .innerBd li{float: left;width: 100%;height: 355px;background: #fafafa;}
.screenSlide .bd .innerSlide .innerBd li a{display: block;color: #999999;line-height: 24px;font-size: 16px;}
.screenSlide .bd .innerSlide .innerBd li .imgBox{display: block;width: 960px;height: 355px;text-align: right;}
.screenSlide .bd .innerSlide .innerBd li .imgBox img{max-width: 100%;height: 355px;}
.screenSlide .bd .innerSlide .innerBd li h5{width: 486px;margin-left: 52px;font-size: 18px;line-height: 46px;margin-top: 49px;border-bottom: 1px #666666 solid;}
.screenSlide .bd .innerSlide .innerBd li .description{width: 486px;margin-left: 52px;margin-top: 20px;}
.screenSlide .btns{position:absolute;left:50%;margin-left:-600px;height:0;bottom:61px;}
.screenSlide .btns .btnsBox{padding-right:62px;}
.screenSlide .btns a{float:right;display:block;margin-left:1px;width:30px;height:30px;line-height:30px;text-align:center;color:#ffffff;background:#6d6d6d;font-size:20px;font-weight:bold;font-family:"宋体";}
.screenSlide .btns a:hover{background:#e71f19;}

.screenBox3-top{margin: 3% 0;}
.screenBox3-top-vise{width: 80%;margin: 0 auto;} 
.screenBox3-top-vise ul li{text-align: center;font-size: 18px;position: relative;cursor: pointer;padding-bottom: 20px;}
.screenBox3-top-vise ul li:after{display: block;content: "";position: absolute;width:0px;height:2px;background:#e71f19;bottom:0;left:50%;margin-left:0px;transition: all .3s;}
.screenBox3-top-vise ul li.swiper-slide-thumb-active:after{width: 52px;margin-left:-26px;} 

.screenBox3-thumbs{margin-top: 30px;position: relative;}
.screenBox3-thumbs li{background: #fafafa;}
.screenBox3-thumbs li .imgBox{float: left;width: 50%;position: relative;padding-top: 18.7%;}
.screenBox3-thumbs li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;transition: 0.5s all;}
.screenBox3-thumbs li dt{float: left;width: 26%;padding: 3% 0 0 3%;}
.screenBox3-thumbs li dt h5{font-size: 18px;line-height: 46px;border-bottom: 1px #666666 solid;width: 100%;margin-bottom: 20px;color: #999999;}
.screenBox3-thumbs li dt p{line-height: 24px;font-size: 16px;color: #999999;}
.screenBox3-thumbs .buts{position: absolute;left: 0; bottom: 10%;width: 100%; height:30px;z-index: 999;}

.buts-vise{width: 68px;float: right;text-align: center;}
.buts-vise a{display: inline-block; margin-left: 1px;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #ffffff;background: #6d6d6d;font-size: 20px;font-weight: bold;font-family: "宋体";}
.buts-vise a:hover{background:#e71f19;}


.screenBox4{padding:0px;}
.screenBox4 ul{margin-top: 30px;}
.screenBox4 ul li{width: 100%;margin-bottom: 60px;overflow: hidden;}
.screenBox4 ul li .txtBox{float: left; width: 40%;height:100%;overflow: hidden;}
.screenBox4 ul li .imgBox{float: right; display: block;width: 50%;height: 100%;overflow: hidden;}
.screenBox4 ul li .imgBox img{max-width: 100%;}
.screenBox4 ul li:nth-child(2n) .txtBox{float: right;}
.screenBox4 ul li:nth-child(2n) .imgBox{float: left;}

.screenBox4 ul li h5{padding-left: 70px;line-height: 97px;margin-top: 19px;color: #000000;font-size: 72px;font-family: "宋体";position: relative;}
.screenBox4 ul li h5:before{display: block;content: "";position: absolute;width:93px;height:107px;background:#bbbbbb;bottom:-24px;left:0;opacity: 0.32;filter:alpha(opacity=32);-moz-opacity:0.32;-khtml-opacity: 0.32;}
.screenBox4 ul li h5:after{display: block;content: "";position: absolute;width:45px;height:6px;background:#e71f19;bottom:0px;left:50%;margin-left:-0px;}
.screenBox4 ul li .description{margin-top: 60px;line-height: 30px;font-size: 16px;}
.screenBox4 ul li:nth-child(2n) h5{padding-right: 70px;padding-left:0px;}
.screenBox4 ul li:nth-child(2n) h5:before{left: 52px;}
.screenBox4 ul li:nth-child(2n) h5:after{margin-left:-45px;}

.screenBox5{padding:0 0 30px 0;}
.screenBox5 ul{overflow: hidden;margin-top: 30px;}
.screenBox5 ul li{width: 594px;height: 130px;margin-bottom: 10px;overflow: hidden;transition: all .3s;}
.screenBox5 ul li:last-child{margin-bottom: 0;}
.screenBox5 ul li a{display: block;padding: 20px;}
.screenBox5 ul li .date{padding-right: 15px;margin-right: 15px;margin-top: 10px;text-align: center;position: relative;}
.screenBox5 ul li .date:after{content: "";display: block;position: absolute;width: 1px;height: 68px;background: #ebebeb;right: 0;top: -2px;transition: all .3s;}
.screenBox5 ul li .date span{display: block;font-family: "Arial";color: #000000;transition: all .3s;}
.screenBox5 ul li .date span:first-child{font-size: 44px;line-height: 1em;}
.screenBox5 ul li .date span:last-child{line-height: 1.4em;}
.screenBox5 ul li h5{line-height: 33px;font-size: 16px;color: #333333;transition: all .3s;}
.screenBox5 ul li .description{line-height: 24px;color: #666666;transition: all .3s;}
.screenBox5 ul li.n2:hover{background: #db0d0d;}
.screenBox5 ul li.n2:hover .date:after{background: #ffffff;}
.screenBox5 ul li.n2:hover .date span,.screenBox5 ul li.n2:hover h5,.screenBox5 ul li.n2:hover .description{color: #ffffff;}

.screenBox5 ul li.n1{width: 48%;height: auto;margin-bottom: 0;}
.screenBox5 ul li.n1 a{padding: 0;}
.screenBox5 ul li.n1 .imgBox{display: block;width:100%;overflow: hidden;padding-top: 60%;position: relative;}
.screenBox5 ul li.n1 .imgBox img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 1s;}
.screenBox5 ul li.n1 .imgBox:hover img{transform: scale(1.06);}
.screenBox5 ul li.n1 h4{line-height: 55px;font-size: 16px;color: #000000;transition: all 1s;}
.screenBox5 ul li.n1:hover h4{color: #db0d0d;}


/* 产品中心 */
.promenu{margin:30px auto 50px auto;border:6px #efefef solid;line-height: 77px;overflow: hidden;}
.promenu h3{text-align: center;font-size: 18px;color: #000000;font-weight: normal;margin-right:8px;padding: 0 2%}
.promenu a{display: block;float: left;padding-left: 30px;margin-right: 20px;color: #5f5e5e;position: relative;}
.promenu a:before{display: block;content: "";position: absolute;width: 16px;height: 16px;border: 1px #dbdbdb solid;top: 50%;margin-top: -9px;left: 0;}
.promenu a:hover:after,.promenu a.on:after{display: block;content: "";position: absolute;width: 10px;height: 10px;top: 50%;margin-top: -5px;left:4px;background: #244c79;}

.proList li{float:left;width:380px;margin:0 30px 40px 0;overflow: hidden;}
.proList li a{display: block;width: 100%;height: 100%;position: relative;}
.proList li:nth-child(3n){margin-right: 0;}
.proList li .pImg{display:block;width:100%;overflow:hidden;position: relative;padding-top: 80%}
.proList li img{display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;transition: 0.5s all}
.proList li:hover img{transform:scale(1.1);}
.proList li h5{text-align:center;font-size:18px;color: #444444;line-height:52px;padding-bottom: 4px;font-weight:normal;position: relative;}
.proList li h5:after{display: block;content: "";position: absolute;width: 380px;height: 1px;background: #dadada;bottom:0;left: 0;transition:all .3s;}
.proList li:hover h5:after{width: 100%;background: #fb0f11;}
.proList li .description{position: absolute;background:#333333;background:rgba(0,0,0,0.8);color:#ffffff;line-height: 25px;top: 0;left: 0;padding:20% 10% 2% 10%;width:80%;height:62%;overflow: hidden;transition: all .4s;transform: scale(0);}
.proList li:hover .description{transform: scale(1);}
.proList li .more{display: block;width: 128px;height: 33px;line-height: 33px;color: #ffffff;border: 1px #ffffff solid;margin-top: 30px;transition: all .3s;}
.proList li .more:hover{margin-left: 8px;}

/* 产品详情 */
.prosShow_main{overflow:hidden;margin:62px auto 20px auto;background:#ffffff;}
.prosShow_main .menu{border-bottom: 1px solid #d3d3d3;border-top: 1px solid #d3d3d3;height:58px;margin: 0 auto;background:#f5f5f5;}
.prosShow_main .menu li{width: 10%;height: 58px;line-height: 58px; text-align:center;color:#585858;cursor:pointer;font-size:16px;position: relative;display: table;float: left;}
.prosShow_main .menu li span{vertical-align: middle;word-break: break-all;display: table-cell;}
.prosShow_main .menu .on{background:#ffffff;border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;}
.prosShow_main .menu .on:before{display: block;content: "";position: absolute;width:100%;height:10px;top:-1px;left:-1px;background:url('../images/prodetails-icon.png') no-repeat;background-size: contain;}
.prosShow_main .bd{padding:30px 0;height:auto;}
.prosShow_main .bd img{max-width: 100%}
.prosShow_main .bd ul{overflow:hidden;}
.prosShow_main .bd ul li{float: left;overflow: hidden;width: 100%;}
.prosShow_main .bd ul li.download .fileBox{line-height: 20px;margin-bottom: 15px;overflow: hidden;}
.prosShow_main .bd ul li.download .fileBox img{vertical-align: middle;width: 16px;height: 16px;position: relative;top: -2px;}
.prosShow_main .bd ul li.download .fileBox .outerSpan{color:#000000;font-family:"微软雅黑","MicrosoftYaHei";font-size:16px;font-weight: bold;}
.prosShow_main .bd ul li.download .fileBox .outerSpan .span1{margin-right: 60px;}
.prosShow_main .bd ul li.download .fileBox .outerSpan a{color: #fe0810;}
.prosShow_main .bd ul li.download .fileBox .outerSpan a img{width: 16px; height: 16px;}

.magnifier{width:44%;height:594px;}
.preview{width:100%;height:auto;position:relative;/* background: #f5f5f5; */display: table;}
.preview a{display:table-cell;text-align:center;vertical-align:middle;}
.preview a img{vertical-align:middle;max-width:100%;max-height:100%;}
div.zoomDiv{z-index:20;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #d2d2d2;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask_9.png);cursor:move;z-index:2;}
div.zoomDiv .bigimg{width: 250%;height:250%;}

.magnifierSlide{padding-top: 20px;width: 100%;height:91px;overflow: hidden;position: relative;background: #fff;}
.magnifierSlide .btn{display: block;position:absolute;width:33px;height:91px;line-height: 91px;text-align: center;color: #b9b9b9;font-size:60px;font-family: "宋体";font-weight: bold;top:20px;cursor:pointer;}
.magnifierSlide .prev{left:0px;}
.magnifierSlide .next{right:0px;}
.magnifierSlide .btn:hover{color:#ff3737;}

.magnifierSlide .items{position:relative;width:86%;height:91px;margin:0 auto;overflow:hidden;}
.magnifierSlide .items ul{position:absolute;width:auto ! important;height:91px;}
.magnifierSlide .items ul li{width:110px;height:91px;float:left;}
.magnifierSlide .items ul li a{display: block;width:98px;height:89px;border:1px solid #d3d3d3;position: relative;background: #f5f5f5;}
.magnifierSlide .items ul li img{display: block;max-width:98px;max-height:89px;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin: auto;}
.magnifierSlide .items ul li a:hover,.magnifierSlide .items ul a.on{border:1px solid #ff3737;}

/* 产品简介 */
.proshow_synopsis{width:50%;color: #6e6e6e;font-size: 14px;line-height:25px;height:auto;padding:24px 0 0 0;background:#ffffff;}
.proshow_synopsis .title{font-size:25px;color:#333333;border-bottom:1px dashed #d5d5d5;line-height:40px;padding:25px 0;margin-bottom:30px;}
.proshow_synopsis .font{overflow: hidden;min-height:265px;margin-bottom:30px;}
.proshow_synopsis .tel400{overflow: hidden;line-height: 67px;}
.proshow_synopsis .tel400 .p2{float: left;font-size:21px;color:#ffffff;font-weight:bold;background:#333333;padding: 0 3%;}
.proshow_synopsis .tel400 a{display: block;float: left;color: #ffffff;font-size: 16px;background:#c31117;text-align: center;padding: 0 3%;}
.proshow_synopsis .tel400 a:hover{background: #ff3737;}


.packagePro{overflow: hidden;}
.packagePro .tie{height:55px;font-size:24px;color: #303030;border-bottom: 1px solid #cecece;}
.packagePro .tie p{float: left;position: relative;height:55px;line-height:55px;}
.packagePro .tie p:after{display: block;content: "";position: absolute;width:100%;height:3px;bottom:0px;left:0px;background:#c41e23;}
.packagePro .tie em{font-style: normal;font-family: "Arial";font-size: 16px;color: #939393;position: relative;top:3px;font-weight: normal;}
.packagePro .ohbox{overflow:hidden;padding-top:50px;margin-bottom: 0;}

/* 新闻中心 */
.newsList{margin-bottom: 30px;}
.newsList li{overflow: hidden;width:100%;height:235px;margin-bottom: 30px;border-bottom: 1px #ececec solid;position: relative;}
.newsList li a{color: #666666;}
.newsList li .nImg{display:block;width:23%;overflow: hidden;position: relative;padding-top: 17%;}
.newsList li .nImg img{transition: all 1s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.newsList li .nImg:hover img{transform: scale(1.04);}
.newsList li .txtBox{width: 72%;overflow: hidden;}
.newsList li h4{line-height:62px;font-size:18px;color: #333333;font-weight: normal;transition: all .3s;}
.newsList li:hover h4{color: #db0d0d;}
.newsList li .description{line-height:24px;margin-top:5px;}
.newsList li .date{margin-top:30px;line-height:30px;color: #999999;}
.newsList li .more{display: block;height: 5px;width: 57px;position: absolute;bottom:78px;right:0;background: url('../images/more2_9.png') no-repeat -57px center;transition: all .3s;}
.newsList li:hover .more{background: url('../images/more2_9.png') no-repeat 0px center;}

/* 新闻详细样式 */
.newsIsLeft{width:100%;background:#ffffff;padding:58px 0;}
.newsIsTop h1{font-weight:normal;font-size:24px;line-height:40px;color:#333333;text-align: center;padding: 3px 0;}
.newsIsTop .top{line-height:28px;font-size:14px;color:#666666;font-family: "Arial";overflow:hidden;padding-bottom: 21px;border-bottom: 1px solid #e5e5e5;text-align: center;}
.newsIsTop .top span{margin: 0 10px;}
.newsIsTop .top .sp3{padding-left:30px;background: url('../images/single-view_9.png') no-repeat left center;}
.newsIsContent{padding:30px 40px 40px 40px;font-size: 14px;color: #666666;line-height: 30px;text-align:justify;white-space:normal;overflow:hidden;}

.fenx{overflow: hidden;line-height: 30px;font-size: 14px;color: #666666;padding-top:20px;border-top: 1px #e5e5e5 solid;}
.fenx .prew{overflow: hidden;float: left;max-width: 48%;}
.fenx .nextw{overflow: hidden;float: right;max-width: 48%;}
.fenx span{display: block;float: left;}
.fenx a{display: block;float: left;max-width: 88%;}

/* 图片列表 */
.picList{overflow: hidden;margin-bottom: 10px;}
.picList li{float: left;width: 23%;position: relative;padding:0 1%}
.picList li .pic{display: block; position: relative;width: 100%;padding-top: 80%;}
.picList li img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}
.picList li h4{line-height: 50px;font-size: 14px;color: #333;text-align: center;width: 100%}


.productlist li{float: left; width: 31.3%;margin: 0 3% 3% 0; transition: all .3s;overflow: hidden;}
.productlist li:nth-child(3n){margin-right: 0}
.productlist li .sImg{position: relative;padding-top: 76%;width: 100%;display: block;}
.productlist li .sImg img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;transition: 0.5s all;}
.productlist li .sImg:before{content:"";display:block;position:absolute;top:4%;left:3%;width:94%;height:91%;background:rgba(0,0,0,0.5) url('../images/solution-search_9.png') no-repeat center center;z-index:20;transition: all .3s;transform: scale(0);border:1px rgba(255,255,255,0.5) solid;}
.productlist li:hover .sImg:before{transform: scale(1);}
.productlist li:hover{position:relative;z-index:10;-moz-box-shadow:0px 0px 20px #cccccc; -webkit-box-shadow:0px 0px 20px #cccccc; box-shadow:0px 0px 20px #cccccc;}
.productlist li a{display: block;width: 100%;height: 100%;position: relative;}
.productlist li a:after{content:">";display:none;position:absolute;bottom:30px;right:20px;width:35px;height:35px;line-height:35px;text-align:center;font-size:20px;color:#7a7a7a;font-family:"宋体";-moz-box-shadow:0px 0px 10px #cccccc; -webkit-box-shadow:0px 0px 10px #cccccc; box-shadow:0px 0px 10px #cccccc;border-radius:17.5px;transition: all .3s;}
.productlist li:hover a:after{display:block;}
.productlist li h5{padding-right:10px;padding-left:10px;margin-top: 20px;
font-size: 16px;
color: #3b3b3b;
height: 30px;
line-height: 30px;}
.productlist li .description{padding-right:10px;padding-left:10px;font-size: 12px;
color: #7a7a7a;
line-height: 15px;
padding-bottom: 30px;}
.productlist li .more{display: block;width: 128px;height: 33px;line-height: 33px;color: #00;border: 1px #ffffff solid;margin-top: 30px;transition: all .3s;}
.productlist li .more:hover{margin-left: 8px;}

/*产品方案*/
.solution{overflow: visible;}
.solution li{float: left; width: 31.3%;margin: 0 3% 3% 0; transition: all .3s;overflow: hidden;}
.solution li:nth-child(3n){margin-right: 0}
.solution li .sImg{position: relative;padding-top: 76%;width: 100%;display: block;}
.solution li .sImg img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;transition: 0.5s all;}
.solution li .sImg:before{content:"";display:block;position:absolute;top:4%;left:3%;width:94%;height:91%;background:rgba(0,0,0,0.5) url('../images/solution-search_9.png') no-repeat center center;z-index:20;transition: all .3s;transform: scale(0);border:1px rgba(255,255,255,0.5) solid;}
.solution li:hover .sImg:before{transform: scale(1);}
.solution li:hover{position:relative;z-index:10;-moz-box-shadow:0px 0px 20px #cccccc; -webkit-box-shadow:0px 0px 20px #cccccc; box-shadow:0px 0px 20px #cccccc;}
.solution li a{display: block;width: 100%;height: 100%;position: relative;}
.solution li a:after{content:">";display:none;position:absolute;bottom:30px;right:20px;width:35px;height:35px;line-height:35px;text-align:center;font-size:20px;color:#7a7a7a;font-family:"宋体";-moz-box-shadow:0px 0px 10px #cccccc; -webkit-box-shadow:0px 0px 10px #cccccc; box-shadow:0px 0px 10px #cccccc;border-radius:17.5px;transition: all .3s;}
.solution li:hover a:after{display:block;}
.solution li h5{padding-right:74px;padding-left:15px;margin-top: 20px;
font-size: 16px;
color: #3b3b3b;
height: 30px;
line-height: 30px;}
.solution li .description{padding-right:74px;padding-left:15px;font-size: 12px;
color: #7a7a7a;
line-height: 15px;
padding-bottom: 30px;}
.more-solution{display: block;margin: 0 auto;width: 37%;height: 53px;line-height: 53px;border: 1px #b6b6b6 solid;color: #000000;}
.more-solution:hover{border-color: #db0d0d;color: #ffffff;background: #db0d0d;}




/*案例*/
.caseList li .sImg{height:284px;}
.caseList li img{max-height:284px;}
.caseList li:hover a:before{width:348px;height:262px;border:1px rgba(255,255,255,0.5) solid;margin-left:-175px;margin-top:-180px;}

/*企业资质*/
.honorList li{float: left; width:23.5%;text-align:center;margin:0 2% 3% 0;overflow: hidden;}
.honorList li:nth-child(4n){margin-right: 0;}
.honorList li h5{line-height:54px;font-size:14px;color:#272525;font-weight:normal;transition:all .3s;}
.honorList li dt{border: 2px #ebebeb solid;overflow: hidden;width: 98%;height: 100%}
.honorList li dt p{display: table;margin: 0 auto;}
.honorList li dt span{display: table-cell;vertical-align: middle;height: 300px;}
.honorList li dt img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}
.honorList li:hover h5{background: #ebebeb;color: #db0d0d;}
.honorList li:hover img{transform:scale(1.1);}

/*图片详情*/
.picDetail{padding-top: 30px;}

/* 在线验厂 */
.videoList li{float:left;width:400px;margin:0 40px 25px 0;}
.videoList li div{width:400px;height:300px;overflow:hidden;display:block;}
.videoList li img{width:400px;height:300px;transition:all 0.5s;}
.videoList li p{text-align:center;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:0;line-height:50px;height:50px;}
.videoList li:hover img{transform:scale(1.1);}

/* 人才招聘 */
.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}
.jobTop .main{float:right;width:610px;}
.jobTop .main .font{height:240px;overflow:hidden;line-height:28px;}
.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;}
.jobTop .main .p1 a{color:#005ba8;}
.jobTop .main .p1 a:hover{text-decoration: underline;}
.jobTop .more{width:100px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#005ba8;margin-top:15px;}
.jobTop .more:hover{background:#6eb92d;}

.gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#fff;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:245px;}
.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#f5f5f5;display:none;}
.gr-jobs-list dt h5{margin-top:20px;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:#6eb92d;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 #fe0000;}
.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:#6eb92d;color:#fff;}

/*  专卖店查询  */
.shopCity{min-height:50px;margin-bottom:30px;}
.shopCity .left,.shopCity .select{float:left;position:relative;}
.shopCity .left{font-size:1.286em;line-height:50px;}
.shopCity .select{width:250px;height:50px;line-height:50px;margin-left:20px;cursor:pointer;position:relative;}
.shopCity .select span{display:block;position:relative;padding:0 10px;border:1px solid #d2d2d2;}
.shopCity .select:after{content:"\e60f";position:absolute;right:15px;top:0;color:#333;font-family:iconfont;}
.shopCity .select ul{position:absolute;top:48px;left:0;border:1px solid #d2d2d2;width:100%;background:#fff;display:none;z-index: 10;}
.shopCity .select li{line-height:35px;border-bottom:1px solid #d2d2d2;padding-left:15px;}
.shopL{width:35%;height:;overflow:hidden;}
.shopL li{padding:15px 0;border-bottom:1px solid #bfbfbf;padding-left:40px;transition:all 0.3s;}
.shopL li i{float:left;margin-left:40px;border:1px solid #808080;border-radius:100%;width:24px;height:24px;text-align:center;font-style:normal;margin-left:-35px;margin-top:5%;line-height:22px;}
.shopL li h4{font-size:1.143em;margin-bottom:8px;}
.shopL li a{display:inline-block;width:70px;height:26px;line-height:24px;text-align:center;margin-top:10px;border:1px solid #999;background:#fff;font-size:.7rem;color:#666;}
.shopL li:hover,.shopL li.on{background:#f5f5f5;}
.shopMap{width:60%;height:620px;overflow:hidden;}
.storePage{text-align:right;margin-top:15px;line-height:34px;}
.storePage .prev,.storePage .next{display:inline-block;height:34px;line-height:32px;border:1px solid #ccc;border-radius:100%;text-align:center;color:#333;font-family:"宋体";width:34px;cursor:pointer;font-weight:bold;font-size:16px;margin-right:8px;}
.storePage .prev:hover,.storePage .next:hover{border:1px solid #dbb375;color:#dbb375;}

/* 底部 */
.footer{background:#2a2a2a;line-height:30px;overflow:hidden;}
.footMain{overflow:hidden;padding:60px 0 0 0;}
.footMenu{float: left;width:70%}
.footMenu ul{width: 20%;float: left;}
.footMenu ul h3{font-weight:normal;font-size:16px;color:#ffffff;padding-bottom:25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.footMenu ul li{transition: 0.5s all}
.footMenu ul a{color:#999999;position: relative;left: 0;}
.footMenu ul a:hover{left:8px;color:#db0d0d;}
.footWx{float: right;width: 28%}
.footWx .font{color:#ffffff;overflow: hidden;}
.footWx .icon{margin-top:25px;height:42px;overflow:hidden;}
.footWx .icon a{display:inline-block;width:42px;height:42px;background:#676767 url('../images/foot_icon_9.png') no-repeat;margin-right:12px;border-radius:21px;position: relative;}
.footWx .icon a:hover{background-color: #000006;}
.footWx .icon a:nth-child(1){background-position: 0px 0px;}
.footWx .icon a:nth-child(1):hover{background-position: 0px -42px;}
.footWx .icon a:nth-child(2){background-position: -42px 0px;}
.footWx .icon a:nth-child(2):hover{background-position: -42px -42px;}
.footWx .icon a:nth-child(3){background-position: -84px 0px;}
.footWx .icon a:nth-child(3):hover{background-position: -84px -42px;}
.footWx .icon img{width:0px;position: absolute;left:0px;top:0px;transition: all .3s;}
.footWx .icon a:nth-child(1):hover img{width:180px;left:-180px;top:-138px;}

.selectCity{width:140px;height:38px;line-height:38px;margin-top:20px;border:1px #676767 solid;position:relative;}
.selectCity p{padding:0 10px;color:#999999;font-size:15px;cursor:pointer;position:relative;}
.selectCity p:after{content:">";display:block;width:38px;height:38px;font-size:18px;font-weight:bolder;text-align:center;position:absolute;right:0;top:0;font-family:"宋体";transform: rotateZ(90deg);}
.selectCity ul{position:absolute;left:-1px;bottom:38px;z-index:99;overflow:hidden;width:140px;height:0px;overflow-y:scroll;transition:all .3s;}
.selectCity ul li{padding:0 10px;background:#2a2a2a;}
.selectCity ul li:last-child{border-bottom:1px #676767 solid;}
.selectCity ul li a{display:block;font-size:15px;color:#999999;}
.selectCity:hover ul{height:352px;border:1px #676767 solid;}

.selectCity ul::-webkit-scrollbar{width:4px;height:8px;background:#2a2a2a;}
.selectCity ul::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:4px #ffffff solid transparent;}
.selectCity ul::-webkit-scrollbar-track{box-shadow:4px 4px 10px #ffffff inset;}
.selectCity ul::-webkit-scrollbar-thumb{min-height:40px;background-clip:content-box;background:#db0d0d;width:4px;}
.selectCity ul::-webkit-scrollbar-corner{background:transparent;}

.footer .links{margin-top: 50px;line-height: 30px;padding:0 0 25px 0;overflow: hidden;}
.footer .links span{color: #ffffff;}
.footer .links a{color: #999999;}
.footer .links a:hover{color: #db0d0d;}

.copyRight{background:#191919;color:#666666;height:58px;line-height:58px;overflow:hidden;}
.confing-fl{float: left;}
.confing-fr{float: right;}
.copyRight a{color:#666666;}
.copyRight a:hover{color:#db0d0d;}

/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}