/*初始化*/ body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; } body { min-width: 1300px; font-family: "微软雅黑"; font-size: 14px; color: #666; } ul, li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } input, textarea { font-family: "微软雅黑"; font-size: 14px; color: #666; border: none; } img, i { border: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } i { font-style: normal; } a { color: #666; text-decoration: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } a:hover { color: #a00028; } /*通用*/ .comwrap { position: relative; margin: 0 auto; width: 1200px; } .fl-l { float: left; } .fl-r { float: right; } .d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .cl-baf { *zoom: 1; } .cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; } .clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; } .txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .trs03s { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .trsnone { -webkit-transition: none; -o-transition: none; transition: none; } .icon { background: url(/uploads/image/tpimg/icon_index.png) 0 0 no-repeat; } /*头部*/ .header-top { position: relative; z-index: 3; line-height: 44px; background-color: #fafafa; border-bottom: 2px solid #f4f4f4; } .header-top .txt { font-size: 12px; color: #585858; } .header-top .link { position: relative; width: 120px; font-size: 12px; color: #585858; text-align: center; border-left: 2px solid #f4f4f4; } .header-top .link:hover { color: #a00028; } .header-top .lan .ico { position: absolute; right: 30px; top: 18px; width: 0; height: 0; border-style: solid; border-color: #f4f4f4 #585858; border-width: 3px 0 3px 4px; } .header-top .lan .slink { display: none; position: absolute; top: 100%; left: -2px; width: 100%; background-color: #fafafa; border: 2px solid #f4f4f4; border-top: 0; } .header-top .lan:hover .ico { -webkit-transform: rotatez(90deg); -moz-transform: rotatez(90deg); -ms-transform: rotatez(90deg); -o-transform: rotatez(90deg); transform: rotatez(90deg); } .header-top .lan:hover .slink { display: block; } .header-top .icon { margin-top: 15px; margin-right: 20px; width: 17px; height: 17px; background: url(/uploads/image/tpimg/icon.jpg) 0 0 no-repeat; cursor: pointer; } .header-top .intxt { margin-top: 7px; margin-right: 10px; padding: 0; width: 0; height: 30px; line-height: 30px; background-color: #ddd; } .header-top .sub { display: none; } .header { position: relative; z-index: 2; height: 130px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(4, 0, 0, 0.1); } .header .logo { margin-top: 30px; } .header .tel { position: absolute; top: 14px; right: 0; font-size: 0; line-height: 29px; text-align: right; } .header .tel .txt { font-size: 12px; color: #262626; vertical-align: top; } .header .tel .num { font-size: 22px; font-weight: bold; color: #a0042b; vertical-align: top; } .nav { margin-top: 83px; margin-right: -24px; font-size: 0; } .nav .col { margin-left: 18px; } .nav .col .link { display: block; padding: 0 24px; line-height: 30px; font-size: 16px; color: #5a5a5a; border-radius: 3px; } .nav .col .link:hover, .nav .cur .link { color: #fff; background-color: #a00028; } /*底部*/ .footer { background-color: #9e0028; } .footer .comwrap { position: relative; padding: 100px 0 36px; } .footer .ewm .img { display: block; width: 120px; height: 120px; border: 6px solid #ecccd4; } .footer .ewm .txt { margin-top: 16px; color: #fff; opacity: 0.8; filter: alpha(opacity=80); text-align: center; } .footer .info { margin-left: 100px; width: 690px; } .footer .fcont .col { margin-right: 10px; width: 220px; color: #fff; } .footer .fcont .col-2 { margin-top: 22px; margin-right: 0; width: 100%; } .footer .fcont .txt { font-family: arial; opacity: 0.7; filter: alpha(opacity=70); } #bdshare { margin-top: 22px; } #bdshare a { margin: 0 12px 0 0; padding: 0; width: 23px; height: 23px; background: url(/uploads/image/tpimg/icon.jpg) -20px 0 no-repeat; } #bdshare .bds_tsina { background-position: -43px 0; } #bdshare .bds_fbook { background-position: -66px 0; } #bdshare .bds_renren { background-position: -89px 0; } #bdshare .bds_twi { background-position: -112px 0; } .footer .info .zpro { margin-top: 40px; } .footer .zpro .txt, .footer .zpro .link { color: #fff; opacity: 0.8; filter: alpha(opacity=80); } .footer .zpro .link:hover { opacity: 1; filter: alpha(opacity=100); } .footer .menu { position: relative; width: 255px; height: 166px; overflow: hidden; *zoom: 1; } .footer .menu:after { content: ''; position: absolute; left: 0; top: 4px; width: 1px; height: 140px; background-color: #fff; opacity: 0.1; filter: alpha(opacity=10); } .footer .menu .link { margin-left: 70px; margin-bottom: 30px; color: #fff; opacity: 0.8; filter: alpha(opacity=80); } .footer .menu .link:hover { opacity: 1; filter: alpha(opacity=100); } .footer .top { position: absolute; right: 0; top: 27px; padding: 0 20px; width: 156px; line-height: 34px; color: #eadee0; background-color: #890828; border: 1px solid #a81a3e; border-radius: 6px; *zoom: 1; } .footer .top:after { content: ''; position: absolute; top: 15px; right: 20px; width: 0; height: 0; border-style: solid; border-color: #e2e2e2 #890828; border-width: 0 3px 4px 3px; } .footer .top:hover { background-color: #63051d; cursor: pointer; } .copyr { background-color: #9e0028; border-top: 1px solid #a81a3e; } .copyr .comwrap { font-size: 12px; line-height: 40px; } .copyr .txt, .copyr a { color: #fff; opacity: 0.6; filter: alpha(opacity=60); } .copyr a:hover { opacity: 1; filter: alpha(opacity=100); } /*在线客服qq*/ .fixed-qq { position: fixed; bottom: 20px; right: 10px; z-index: 999; width: 46px; height: 46px; font-size: 0; line-height: 46px; text-align: center; background-color: #a00028; border-radius: 100%; border: 1px solid #fff; } .fixed-qq .icon { width: 17px; height: 20px; background: url(/uploads/image/tpimg/icon-qq.png) 0 0 no-repeat; } .fixed-qq .link-s { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; } .fixed-qq .box { position: absolute; bottom: 0; right: 100%; padding-right: 10px; width: 120px; text-align: center; visibility: hidden; } .fixed-qq .box .link { display: block; margin-top: 5px; padding: 0.8em; font-size: 14px; line-height: normal; color: #fff; background-color: #a00028; border: 1px solid #fff; border-radius: 4px; opacity: 0; filter: alpha(opacity=0); transform: translate3d(15%, 0, 0); transition-duration: .6s; } .fixed-qq .box .link:hover { background-color: #ff0000; } .fixed-qq:hover { box-shadow: 0 0 10px 0 #a00028; } .fixed-qq:hover .box { visibility: visible; } .fixed-qq:hover .box .link { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); } .fixed-qq:hover .box .link:nth-child(1) { transition-delay: 0.1s; } .im-main {position:fixed;right:10px;top:50%;z-index:100;margin-top:-127.5px;width:110px;background:#f9fafb;border:1px solid #dddddd;border-radius:10px;background:#f9fafb;} .im-main .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;} .im-main .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;} .im-main .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;} .im-main .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(/uploads/image/tpimg/qq-icon-bg.png) no-repeat center 8px;} .im-main .img-qq {max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .im-main:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;} .im-main .im-list{color:#000000;text-align:center;padding:5px 0 15px;width:109px;border-bottom:1px solid #dddddd;} .im-main .im-list .list-img{display: block;margin:15px auto 5px;max-width:80%;} .im-main .im-list .list-num{font-family:arial;font-weight:bold;color:#a0042b;} .im-main .im-list:hover{background:#fafafa;} .im-main .im-list a:hover .list-img { animation: jiggle .3s; } @keyframes jiggle { 0% { transform: translate(0, 0); } 12.5% { transform: translate(-3px, 0); } 25% { transform: translate(0, 0); } 37.5% { transform: translate(3px, 0); } 50% { transform: translate(0, 0); } 62.5% { transform: translate(-3px, 0); } 75% { transform: translate(0, 0); } 87.5% { transform: translate(3px, 0); } 100% { transform: translate(0, 0); } } /*焦点图*/ .banner { position: relative; height: 550px; overflow: hidden; } .banner .witem { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; background: center no-repeat; } .banner .witem .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner .btn { position: absolute; bottom: 10px; width: 100%; font-size: 0; text-align: center; } .banner .btn .bitem { margin: 0 5px; width: 10px; height: 10px; background-color: #aaa; border-radius: 100%; cursor: pointer; } .banner .btn .cur { background-color: #9e0028; } /*内容通用*/ .marb60 { margin-bottom: 60px; } .comtit { text-align: center; overflow: hidden; } .comtit .en { font-family: arial; font-size: 26px; font-weight: bold; color: #841e34; text-transform: uppercase; } .comtit .cn { position: relative; padding: 0 20px; font-size: 24px; color: #000; *zoom: 1; } .comtit .cn:before, .comtit .cn:after { content: ''; position: absolute; top: 50%; width: 600px; height: 1px; background-color: #f6f6f6; } .comtit .cn:before { right: 100%; } .comtit .cn:after { left: 100%; } /*推荐新闻*/ .tnews .list { margin: 0 -15px 60px; } .tnews .list .col { position: relative; margin-left: 15px; width: 390px; height: 460px; overflow: hidden; } .tnews .list .img { display: block; position: relative; left: 50%; min-width: 100%; height: 460px; transform: translate3d(-50%, 0, 0); } .tnews .list .con { position: absolute; bottom: 0; left: 0; padding: 0 20px 18px; width: 350px; color: #000; text-shadow: 0 0 3px #fff; } .tnews .list .tit { font-size: 20px; } .tnews .list .txt { margin-top: 10px; height: 0; line-height: 24px; overflow: hidden; } .tnews .col:hover .txt { height: 48px; } .tnews .col:hover .img { -webkit-transform: translate3d(-50%, 0, 0) scale(1.06); -moz-transform: translate3d(-50%, 0, 0) scale(1.06); -ms-transform: translate3d(-50%, 0, 0) scale(1.06); -o-transform: translate3d(-50%, 0, 0) scale(1.06); transform: translate3d(-50%, 0, 0) scale(1.06); } /*产品*/ .product .ttit { margin-bottom: 26px; padding-bottom: 7px; border-bottom: 1px solid #efefef; } .product .ttit .cn { font-size: 24px; color: #262626; vertical-align: text-bottom; } .product .ttit .en { margin-left: 14px; font-family: arial; color: #b7b7b7; vertical-align: text-bottom; } .product .menu { width: 230px; } .product .menu .link { display: block; position: relative; padding: 0 18px; width: 188px; line-height: 72px; color: #969696; background-color: #f8f8f8; *zoom: 1; } .product .menu .link:before, .product .menu .link:after { content: ''; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .product .menu .link:before { top: 32px; left: 18px; width: 6px; height: 6px; border: 1px solid #fff; border-radius: 100%; } .product .menu .link:after { top: 30px; left: 100%; border-style: solid; border-color: #fff #841e34; border-width: 6px 0 6px 6px; } .product .menu .txt { display: block; } .product .menu .link:hover, .product .menu .cur { padding-left: 40px; width: 166px; color: #fff; background-color: #841e34; } .product .menu .cur:after, .product .menu .cur:before { opacity: 1; filter: alpha(opacity=100); } .product .slidewr { width: 930px; height: 430px; border: 1px solid #efefef; overflow: hidden; } .product .slidewr .item { position: relative; width: 930px; height: 430px; overflow: hidden; } .product .slidewr .img { max-width: 100%; vertical-align: top; } .product .slidewr .bigimg { position: relative; width: 745px; height: 430px; text-align: center; background-color: #fbfbfb; } .product .slidewr .bimg { position: absolute; top: 50%; top: 0\9; left: 0; right: 0; margin: 0 auto; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .product .slidewr .list { margin: 25px 15px 0; width: 155px; } .product .slidewr .litem { margin-bottom: 25px; height: 108px; text-align: center; border: 1px solid #f5f5f5; overflow: hidden; cursor: pointer; } .product .slidewr .litem:hover, .product .slidewr .litem.cur { border-color: #841e34; } .product .slidewr .tit { position: absolute; left: 0; bottom: 20px; padding: 0 30px; width: 685px; font-size: 16px; color: #7f7f7f; } /*案例*/ .case { margin-bottom: 90px; padding: 70px 0 80px; background: url(/uploads/image/tpimg/incase_bg.jpg) center no-repeat; } .case .list { margin-top: 58px; } .case .list .item-2, .case .list .item-4 { margin-left: 20px; } .case .list .item-3, .case .list .item-4 { margin-top: 20px; } .case .list .conwr, .case .list .imgwr { float: left; position: relative; width: 295px; height: 260px; text-align: center; background-color: #fff; } .case .list .imgwr { overflow: hidden; } .case .item-3 .conwr, .case .item-3 .imgwr, .case .item-4 .conwr, .case .item-4 .imgwr { float: right; } .case .list .angle { position: absolute; top: 117px; left: 100%; z-index: 2; width: 0; height: 0; border-style: solid; border-color: transparent #fff; border-width: 13px 0 13px 20px; } .case .item-3 .angle, .case .item-4 .angle { left: auto; right: 100%; border-width: 13px 20px 13px 0; } .case .list .tico { margin-top: 60px; height: 44px; vertical-align: top; } .case .list .tit { margin-top: 4px; font-size: 16px; color: #000; } .case .list .stit { margin-top: 2px; color: #000; } .case .list .icon { display: block; margin: 20px auto; width: 27px; height: 27px; background-position: -64px 0; } .case .list .img { display: block; width: 295px; height: 260px; } .case .conwr:hover .tico { transform: translate3d(0, -6px, 0); } .case .conwr:hover .tit { color: #841e34; } .case .conwr:hover .icon { transform: translate3d(6px, 0, 0); } .case .imgwr:hover .img { transform: scale(1.06); } /*优势*/ .advantages { margin-bottom: 80px; text-align: center; } .advantages .tit { vertical-align: top; } .advantages .titen { margin-top: 8px; font-size: 16px; font-weight: bold; color: #d1d1d1; text-transform: uppercase; letter-spacing: 2px; } .advantages .list .item { margin-top: 40px; text-align: left; } .advantages .item .imgwr { float: left; width: 690px; } .advantages .item .img { max-width: 100%; vertical-align: top; } .advantages .item .conwr { float: right; padding-top: 45px; width: 500px; } .advantages .item .num { margin-right: 4px; font-size: 40px; font-weight: bold; color: #e10000; letter-spacing: 2px; } .advantages .item .cn { font-size: 18px; font-weight: bold; color: #2f3239; } .advantages .item .en { font-size: 10px; color: #8a8a8a; text-transform: uppercase; } .advantages .item .line { margin-top: 6px; width: 99px; height: 3px; background-color: #000; } .advantages .item .con { margin-top: 10px; font-size: 16px; line-height: 2; color: #5c5c5c; } .advantages .item .con ul { position: relative; *zoom: 1; } .advantages .item .con ul:before { content: ''; position: absolute; top: 10px; left: 5px; width: 0; height: 80%; border-left: 1px dashed #e6e6e6; } .advantages .item .con li { position: relative; margin-top: 10px; padding-left: 25px; *zoom: 1; } .advantages .item .con li:before { content: ''; position: absolute; top: 10px; left: 0; width: 7px; height: 7px; border: 2px solid #e10000; border-radius: 100%; background-color: #fff; } .advantages .item-2 .imgwr { float: right; text-align: right; } .advantages .item-2 .conwr { float: left; } /*团队*/ .team { position: relative; margin-bottom: 80px; height: 686px; } .team .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 50%; height: 100%; background: center no-repeat; overflow: hidden; } .team .bg2 { left: auto; right: 0; } .team .bg .img { display: block; width: 100%; } .team .main { position: relative; z-index: 2; padding-top: 120px; } .team .main .tit { font-size: 26px; font-weight: bold; color: #fff; } .team .main .line { display: block; margin: 30px 0; width: 40px; height: 4px; background-color: #fff; } .team .main .con { width: 470px; font-size: 16px; line-height: 2; color: #fff; } .team .main .icon { display: block; margin-top: 55px; width: 40px; height: 40px; background-position: -64px -27px; } .team .main .list { margin-top: 60px; height: 170px; font-size: 0; text-align: center; background-color: #fff; } .team .main .col { position: relative; margin-top: 34px; margin-left: 2px; width: 254px; *zoom: 1; } .team .main .col:before { content: ''; position: absolute; top: 5px; right: 100%; width: 2px; height: 84px; background-color: #ebebeb; } .team .main .col-1 { margin-left: 0; } .team .main .col-1:before { display: none; } .team .main .lico { display: block; height: 46px; background: center 0 no-repeat; } .team .main .txt { margin-top: 24px; font-size: 18px; color: #343434; } .team .main .col:hover .lico { background-position: center -47px; } /*关于*/ .about .main { margin-top: 75px; } .about .imgwr { width: 550px; } .about .imgwr .img { display: block; width: 100%; } .about .conwr { width: 605px; } .about .conwr .tit { font-size: 16px; font-weight: bold; color: #2f2f2f; } .about .conwr .desc { margin-top: 18px; line-height: 24px; color: #929292; } .about .menu { margin: 29px 0; } .about .menu .link { margin-right: 5px; width: 90px; line-height: 30px; text-align: center; color: #929292; border-radius: 4px; cursor: pointer; } .about .menu .link:hover, .about .menu .cur { color: #fff; background-color: #841e34; } .about .slidewr { overflow: hidden; } .about .slidewr .slide { position: relative; width: 400%; } .about .slidewr .item { width: 25%; } .about .slidewr .col { width: 280px; height: 170px; overflow: hidden; } .about .slidewr .col-2 { margin-left: 45px; } .about .slidewr .img { display: block; height: 170px; } /*客户见证*/ .client { margin-bottom: 90px; padding: 70px 0 60px; background-color: #f7f7f7; } .client .slidewr { height: 172px; overflow: hidden; } .client .slidewr .slide { position: relative; } .client .slidewr .item { margin-bottom: 10px; padding-right: 190px; } .client .slidewr .imgwr { margin: 0 15px 15px 0; width: 160px; height: 155px; border: 1px solid #5b5b5b; } .client .imgwr .img { display: block; margin: 15px 0 0 15px; width: 160px; height: 155px; } .client .slidewr .conwr { position: relative; width: 780px; } .client .conwr .tit { font-size: 22px; color: #343434; } .client .conwr .stit { margin-top: 10px; font-size: 18px; color: #343434; } .client .conwr .info { margin-top: 24px; height: 64px; font-size: 16px; line-height: 32px; color: #676767; overflow: hidden; } .client .conwr .cicon { position: absolute; right: 0; top: -40px; font-size: 160px; font-style: italic; color: #060606; opacity: 0.1; filter: alpha(opacity=10); } .client .slidewr .icon { position: absolute; right: 0; top: 18px; width: 32px; height: 32px; } .client .slidewr .next { top: 138px; background-position: -32px -32px; } .client .slidewr .prev:hover { background-position: 0 -32px; } .client .slidewr .next:hover { background-position: -32px 0; } .client .slidewr .page { position: absolute; right: 0; top: 80px; font-size: 18px; color: #343434; } /*合作客户*/ .partner { margin-bottom: 60px; } .partner .slidewr { width: 988px; overflow: hidden; } .partner .slidewr .slide { position: relative; width: 1000%; } .partner .slidewr .item { position: relative; margin-right: 2px; width: 245px; text-align: center; *zoom: 1; } .partner .slidewr .item:after { content: ''; position: absolute; left: 100%; top: 0; width: 2px; height: 84px; background-color: #d8d8d8; } .partner .slidewr .imgwr { width: 100%; height: 60px; } .partner .slidewr .img { max-width: 100%; vertical-align: top; } .partner .slidewr .txt { margin-top: 26px; font-size: 16px; color: #272727; } .partner .info { position: absolute; right: 0; top: -8px; font-size: 0; } .partner .info .tit { font-size: 34px; color: #343434; } .partner .info .icon { margin-top: 14px; width: 65px; height: 29px; background-color: #b1b1b1; background-position: 0 -64px; } .partner .info .next { background-position: 0 -93px; } .partner .info .icon:hover { background-color: #9e0028; } /*新闻*/ .news { padding: 60px 0; height: 630px; background: url(/uploads/image/tpimg/innew_bg.jpg) center no-repeat; } .news .main { padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 40px 0 rgba(4, 0, 0, 0.08); } .news .main .menu { padding: 16px 30px 0; border-bottom: 1px solid #eaeaea; } .news .menu .link { margin-bottom: -1px; margin-right: 55px; font-size: 24px; color: #000; line-height: 54px; border-bottom: 3px solid transparent; } .news .menu .link:hover, .news .menu .cur { border-bottom: 3px solid #841e34; } .news .slidewr { margin: 38px 30px 0; overflow: hidden; } .news .slidewr .slide { position: relative; width: 200%; } .news .slidewr .item { width: 50%; } .news .slidewr .imgwr { width: 570px; height: 290px; overflow: hidden; } .news .slidewr .img { display: block; width: 100%; } .news .slidewr .img:hover { -webkit-transform: translate3d(-6px, 0, 0) scale(1.03); -moz-transform: translate3d(-6px, 0, 0) scale(1.03); -ms-transform: translate3d(-6px, 0, 0) scale(1.03); -o-transform: translate3d(-6px, 0, 0) scale(1.03); transform: translate3d(-6px, 0, 0) scale(1.03); } .news .slidewr .list { width: 490px; } .news .slidewr .row { margin-bottom: 36px; padding: 0 5px 36px; border-bottom: 1px dashed #ececec; } .news .slidewr .time { width: 60px; } .news .slidewr .day { width: 60px; line-height: 60px; font-family: arial; font-size: 40px; color: #4f4f4f; text-align: center; border-radius: 3px; } .news .slidewr .ym { margin-top: 8px; font-family: arial; font-size: 16px; color: #929292; } .news .slidewr .con { width: 395px; } .news .slidewr .tit { font-size: 16px; font-weight: bold; color: #4f4f4f; } .news .slidewr .desc { margin-top: 20px; line-height: 24px; color: #929292; } .news .slidewr .row:hover .day { color: #fff; background-color: #9e0028; } .news .slidewr .row:hover .tit { color: #9e0028; } .news .qna { margin: 0 30px; } .news .qna .con { width: 110px; font-size: 0; } .news .qna .tit { font-size: 24px; color: #000; } .news .qna .en { margin-top: 8px; font-family: arial; font-size: 12px; color: #929292; } .news .qna .icon { margin-top: 42px; width: 55px; height: 25px; background-color: #e4e4e4; background-position: -65px -67px; } .news .qna .next { background-position: -65px -92px; } .news .qna .icon:hover { background-color: #841e34; } .news .qna .slidewr2 { width: 998px; overflow: hidden; } .news .qna .slide { width: 1000%; } .news .qna .item { margin-right: 34px; padding-left: 20px; width: 460px; height: 120px; border: 1px solid #f1f1f1; } .news .qna .itit { margin: 18px 0; font-size: 16px; color: #4f4f4f; } .news .qna .idesc { line-height: 24px; color: #929292; } .news .qna .bt { width: 25px; line-height: 25px; font-size: 12px; color: #fff; text-align: center; background-color: #e4e4e4; border-radius: 100%; } .news .qna .itit .bt { background-color: #841e34; } .news .qna .txt { width: 400px; } .news .qna .txt-2 { width: 15px; font-size: 16px; color: #4f4f4f; } /*横幅*/ .banad { position: relative; margin-bottom: 60px; height: 160px; background: url(/uploads/image/tpimg/inad.jpg) center no-repeat; } .banad .comwrap { height: 160px; } .banad .num { position: absolute; right: 198px; bottom: 44px; padding: 0 5px; width: 182px; line-height: 47px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; } /*联系*/ .contact { margin-top: 68px; } .contact .map { width: 580px; height: 380px; } .contact .feedb { position: relative; z-index: 2; padding: 20px 20px 0; width: 540px; height: 360px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(4, 0, 0, 0.08); } .contact .feedb .tit { color: #929292; } .contact .feedb .list { font-size: 0; } .contact .feedb .row { position: relative; margin-top: 18px; border: 1px solid #eee; } .contact .feedb .row2 { margin-left: 20px; } .contact .feedb .txt { position: absolute; left: 12px; top: 0; z-index: 1; font-size: 14px; line-height: 38px; color: #929292; } .contact .feedb .intxt { position: relative; z-index: 2; padding: 0 12px; width: 194px; height: 38px; line-height: 38px; background: none; } .contact .feedb .intxt2 { padding: 5px 12px; min-width: 434px; max-width: 434px; line-height: 23px; height: 115px; } .contact .feedb .row3 { margin-top: 18px; } .contact .feedb .btn { width: 110px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; background-color: #841e34; border-radius: 4px; } .contact .feedb .btn:hover { background-color: #9e0028; cursor: pointer; } .contact .feedb .intxt3 { margin-left: 24px; width: 110px; height: 38px; line-height: 38px; text-align: center; background: none; border: 1px solid #eee; border-radius: 4px; } .contact .feedb .verify { margin-top: 8px; margin-left: 25px; } .contact .bg { display: none; position: absolute; right: -180px; top: 100px; z-index: 1; width: 329px; height: 453px; background: url(/uploads/image/tpimg/incont_bg.jpg) 0 0 no-repeat; } /*友情链接*/ .flink { border-top: 1px solid #eaecf1; } .flink .comwrap { border-left: 1px solid #eaecf1; border-right: 1px solid #eaecf1; } .flink .tit { width: 140px; font-size: 20px; line-height: 88px; text-align: center; color: #333; border-right: 1px solid #eaecf1; } .flink .con { padding: 29px; width: 1000px; } .flink .link { margin-right: 16px; line-height: 30px; color: #333; } .flink .link:hover { color: #841e34; }