/*首页内容*/ .index-1{ width:100%;} .index-1-h3{ font-size: 30px;padding-top: 0px;font-weight: bold;font-family: 微软雅黑;color: rgb(75,75,75);text-align: center;display: block; padding: 25px 0; position: relative; padding-bottom: 5px; text-align: center; line-height: normal;} .index-1-p{ font-size:14px; text-align:center; border-bottom:1px solid #f0f0f0; padding-bottom:20px; width:80%; margin:0 auto;color: #737373;} .index-1-ul{ padding-bottom: 20px; margin-bottom: 0; } .index-1-ul li { position:relative; overflow:hidden; margin-top:20px; width:16.66666%;float:left;} .index-1-ul li figure{ width:100%; height:auto; overflow:hidden;} .index-1-ul li figure img{ width:100%; transition:all .8s ease;} .index-1-ul li:hover figure img{ transform:scale(1.05);} /*.index-1-ul-text{ position:absolute; bottom:5px; left:30px; right:20px; text-align:justify;}*/ .index-1-ul-text h4{ font-size:16px; color:#606060; font-weight:600;} .index-1-ul-text p{ font-size:12px;} .index-2-h3{ background:#e82d06; color:#fff; font-size:28px; font-weight:600; margin-top:70px; text-indent:20px;} .index-2-l{ background:#efefef; margin-top:15px; padding:15px 0 45px;} .index-2-l li{ width:90%; margin:0 auto; border-bottom:1px solid #a0a0a0;padding-bottom: 15px;padding-top:21px;} .index-2-l li a{ font-size:22px; color:#666464; display: block;} .index-2-l li a span{ display:inline-block; float:right;} #product .ul{margin-top: 15px;} .index-2-r li{ text-align:center; padding:0 20px 20px 0;} .index-2-r li > a{ background: #1E67A0; display: block;padding: 15px 15px 20px;} .index-2-r li figure{ width:100%; height:auto; overflow:hidden;} .index-2-r li figure img{ width:100%;transition:all .8s ease; height:240px;} .index-2-r li:hover figure img{ transform:scale(1.05);} .index-2-r li p{ font-size:14px; padding:15px 0;color: #fff; border-bottom: 1px dashed #fff;} .index-3{ width:100%;} .index-3-h3{ font-size:20px; font-weight: bold; margin-bottom:40px;} .index-3-ul{ padding-top:20px; border-top:1px solid #E1E1E1;} .index-3-ul li{ font-size: 14px;line-height:1.8;} .index-3-img img{ width:100%;} .index-3-p{ margin-top: 50px; } .index-3-p a{ margin-right: 20px; } .index-4{ background:#efefef;padding: 30px 30px 10px; margin-bottom:90px;} .fgx{ width:100%; height:1px; margin:90px auto 30px; background:#828282;} .index-4-ul li{ margin:20px auto;} .index-4-ul li:nth-child(2) img{ width:100%;} .index-4-ul li p{ font-size:18px; line-height:30px; text-align:justify; padding-top: 40px;} .index-4-ul li video{ width:100%;} .index-4-ul li h3{padding-top:20px;} /*about*/ .about-1{ margin:100px auto;} .about-1 p{ font-size:20px; color:#666464; line-height:35px;} .about-1 img{ width:100%; margin:40px auto;} .about-1 h3{ font-size:48px; color:#999999;} .about-1 h4{ font-size:30px; color:#999999; padding-bottom:20px;} /*合作流程*/ .liucheng-1{ margin:100px auto;} .liucheng-1-img{ margin:100px auto;} .liucheng-1-img img{ width:100%;} .liucheng-2{ background:#efefef; width:100%;margin-bottom: 100px;} .liucheng-2 ul{ padding-top:98px;} .liucheng-2 ul li{background:url(../images/index_05.png) no-repeat left;padding-left: 40px; font-size:16px;margin: 20px 0 0;} .liucheng-2-img img{ width:100%; margin:80px auto;} /*产品*/ .cp-1-left{margin-top: 50px;} .cp-1-h3{ font-size: 31px; color: #e82d06; font-weight: 600;} .cp-1-ul{background-color: #efefef; font-size: 21px; padding-top: 15px; padding-bottom: 40px; margin-top: 30px;} .cp-1-ul li{ width: 90%; margin: 0 auto; } .cp-1-ul li a{ display: inline-block; color: #666464; float: left; width: 100%;border-bottom: 1px solid #a0a0a0;margin-top: 15px; padding-bottom: 10px;} .cp-1-ul li a span{ display: inline-block; float: right; background-image: url(../images/index_32.png); width: 16px; height: 21px; background-position: 0 0; margin-top: 5px;} .cp-1-ul li:hover a{ color: #e82d06;} .cp-1-ul li:hover a span{background-position: -1px 21px;} .cp-1-right{margin-top: 135px;} .cp-1-tj{background-color: #efefef;padding:40px 30px;} .cp-1-tj figure{ float: left;width: 42%; overflow: hidden; margin-right:40px;} .cp-1-tj figure img{width: 100%;height: auto;transition: all .8s ease;} .cp-1-tj figure:hover img{ transform: scale(1.1);} .cp-1-tj .cp-1-tj-text h3{font-size: 20px; color: #e82d06;font-weight: 600; padding-top: 20px;} .cp-1-tj .cp-1-tj-text p{font-size: 14px;} .cp-1-tj .cp-1-tj-text span{ font-size: 12px;display: block;padding-top: 20px; line-height: 25px;} .cp-1-ul2{margin-bottom: 100px;} .cp-1-ul2 li{ margin-top: 30px;} .cp-1-ul2 li a{display: block;width: 100%;overflow: hidden;} .cp-1-ul2 li a img{ width: 100%;transition: all .8s ease;} .cp-1-ul2 li:hover a img{ transform: scale(1.1);} .index_hyyy .index-1-ul li{ width: 300px; margin-right: 20px; } .index_hyyy .w{ overflow: hidden; } .index_hyyy { padding-bottom: 20px; } .index_news .index-1-ul li{ width: 33.33333333%; border:1px solid #eee; padding: 0; } .index_sbfl{ background: #E7E7E7; } .index_hyyy{ background: #E7E7E7; } .abouttxt{background: #F1F1F1;padding:40px;height:410px; margin-top: 20px;} .aboutimg{ margin-top: 20px; } .index_news .index-1-ul-text{} .index_news .index_news_ul{ width:1120px; margin: 0 auto; } .index_news .index_news_ul li{ width: 360px; margin-right: 20px; height: 375px;} .index_news .index_news_ul li:last-child{margin-right: 0;} .index_news .index_news_ul li h4{ font-size:20px; padding:15px; color: #666666; font-weight: 100; } .index_news .index_news_ul li p{ font-size: 14px; padding:0 15px 15px; line-height: 24px; color: grey; margin-bottom: 6px; word-break: normal; word-wrap: break-word;} .about_left{ height:auto; width:222px; float:left; margin-top:17px; margin-bottom:20px;} .about_left_bt{ width:222px; height:45px; background:#1E67A0; color:#fff; line-height:45px; text-align:left; text-indent:10px;} .about_left_bt span{font-size:16px; font-family:'微软雅黑';} .about_left .contact .c{ width:200px; border:#dadada 1px solid; border-top:0; padding:10px; font-size:13px; line-height:24px;} .about_left .contact .c img{ border:1px solid #dadada; display:block; padding:2px;} .about_left .contact strong{ color:#1E67A0;} .left_nav ul{ border:#dadada 1px solid;color: #383838;} .left_nav ul{width:222px;border-top:0; font-size: 13px; } .left_nav ul li{color:#656565;margin:0 0 0 5px;border-bottom:1px dashed #e4e4e4;line-height: 50px; padding-left: 10px} .left_nav li:last-child{border:none} .left_nav li a{font-size:13px;color:#656565;line-height:35px;display:inline-block;width:185px; text-align:left;font-weight: 600;} .left_nav li a:hover,.cover .cover_left li.hover a{color:#d31927} .left_nav li a span{width:10px;height: 7px;float: right; display: none;} /*.left_nav li a.hasson span{display: inline-block;}*/ .left_nav li a:hover span,.cover .cover_left li.hover a span{background-position:right -4px} .left_nav ul li p{ line-height:24px; margin-bottom:10px; display:none; padding:3px 0; margin-right:15px;} .left_nav ul li p a{ line-height:30px; font-size:15px; margin-bottom:2px; width:auto; display:block; background:#fafafa;} .zxkf ul li{line-height:30px; padding: 10px;} .left_nav ul dl {margin-bottom: 0;} .left_nav ul dl dt{height: 35px;line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-top: 1px #e4e4e4 dashed; text-indent: 17px; }. .left_nav li dl a{font-weight: 100;} /*.left_nav ul dl dt:hover{ background:#37a226;} .left_nav ul dl dt:hover a{color:#fff;}*/ .about_right{ width:950px; height:auto; float:right; margin-top:17px; overflow:hidden; font-size:14px; line-height:1.5;} .about_site{ height:38px; border-bottom:2px solid #1E67A0; overflow:hidden;} .about_site ul li{ line-height:38px;} .about_site ul li.z{} .about_site ul li.z span{font-size:16px; color: #1E67A0; font-family:'微软雅黑'; padding-right:5px; font-weight:400; color:#4c4c4c; border-left:5px solid #1E67A0; padding-left:10px;} .about_lr{ height:auto; margin:0px auto;line-height: 26px;} .about_lr_p{ margin: 20px 0px 0px; padding: 0px;line-height: 26px; color: #696969; font-family: Arial, Helvetica, sans-serif; font-size:14px; border-bottom:1px dashed #d7d7d7; padding-bottom:20px; margin-bottom:20px;} .about_lr .pre,.about_lr .next{ width:49.5%; float:left; text-align:center; margin-bottom:20px;} .about_lr .pre{ text-align:left;} .about_lr .next{ text-align:right;} .left_nav_1{ width:253px; height:auto;border:1px solid #dadada; border-top:#4c4c4c 5px solid;} .left_nav_1 ul li{ width:233px; height:40px; border-bottom:1px solid #e4e4e4; margin:0 12px; line-height:40px; font-size:14px; font-family:"微软雅黑"; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .left_nav_1 ul li a{ padding-left:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#656565} .gsxw_01{ width:100%; } .gsxw_011{ width:100%; } .gsxw_011 img{ width:110px; height:80px; float:left; margin:26px 10px 0 24px; display:inline} .gsxw_01p1{ width:602px; float:left; margin:26px 0 0 0; } .gsxw_01p1 a{ color:#333333; font-weight:bold; font-size:12px} .gsxw_01p2{ width:602px; float:left; line-height:16px; color:#888888; font-size:12px; margin:5px 0 0 0; } .gsxw_01p3{ width:387px; float:left; margin:5px 0 0 0} .gsxw_01p3 a{ color:#f49500} .gsxw_01ul{ margin:10px; display:inline; } .gsxw_01ul li{ width:100%; float:left; line-height:40px; background:url(../images/xahb_55.png) repeat-x left bottom;border-bottom:1px dashed #ccc; margin-bottom: 20px;} .gsxw_01ul li > p,.gsxw_01ul li > div{ display:block; margin:0 10px 10px; color:#666; line-height:26px; padding-bottom:10px; } .gsxw_01ul li a:hover{background:url(../images/jt.png) no-repeat left center; color:red;} /*.page{ height:auto; margin-top:10px;} .page ul{ margin:0 auto; float:right;} .page ul li{ float:left; line-height:35px; padding-left:15px;}*/ .page{text-align:right; clear:both;} .page ul li{display:inline;*display:inline;*zoom:1;color:#093f97;} .page ul li a{display:inline-block;height:30px; color:#093f97;line-height:30px;padding:0 10px;background:#F7F7F7;border:1px solid #E9E9E9;font-size:12px; margin-bottom: 8px;} .page ul li a:hover{background:#093f97;color:#FFF;text-decoration:none;} .page ul li.thisclass a{background:#093f97;color:#FFF;text-decoration:none;} .page{} .case{height:auto; margin:10px auto; width:105%;} .case ul li{ width:227px; overflow:hidden; float:left; margin-right:13px; text-align:center; line-height:30px; margin-top:10px;border:1px solid #dbdada; padding:4px;} .case ul li img{ width:211px; height:240px;} .case ul li p{ display:block; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; color:#333;} /* .flex-prev{ background: url(../images/left.png) no-repeat; width: 71px; height: 71px; } .flex-next{ background: url(../images/right.png) no-repeat; width: 71px; height: 71px; }*/ .producttab{ height: 40px; width:100%;overflow: hidden; background:url(../images/dian.jpg) repeat-x left bottom;} .producttab li{ position: relative; float: left; width: 130px; height: 40px; line-height: 40px; border:1px solid #ccc; border-top-width: 1px; border-bottom-width: 0; margin-right: -1px; text-align: center;} .producttab li.on{border-color:#1E67A0; z-index: 2; height:40px; border-top:2px solid #1E67A0; background: #fff;} .productcontent{ margin: 20px 0; } #product{ overflow: hidden; } .tab-product p{ display: block !important; } .about_lr{ margin:0px auto;line-height: 26px;} .about_lr h2{ font-size:20px; line-height:50px; text-align:center;} .about_lr .info{ line-height:24px; border-bottom:1px dashed #d7d7d7; text-align:center;} .about_lr_p{line-height:26px; margin-top:20px;} .game163{position: relative;padding: 4px;overflow: hidden;width: 304px; margin: 0 auto;} .game163 .bigImg{height: 258px;position: relative;} .game163 .bigImg li img{vertical-align: middle;width: 300px;border: 1px solid #dcdddd;} .game163 .bigImg h4{font-size: 14px;font-weight: bold;line-height: 33px;height: 33px;padding-right: 30px;overflow: hidden;text-align: left;} .game163 .smallScroll{height: 60px;margin-bottom: 6px;width:310px;} .game163 .sPrev, .game163 .sNext{float: left;display: block;width: 14px;height: 60px;text-indent: -9999px;background: url(../images/btnleft.png) no-repeat center center;} .game163 .sNext{background: url(../images/btnright.png) no-repeat center center;} .game163 .smallImg{float: left;margin: 0 6px;display: inline;width: 260px;overflow: hidden;} .game163 .smallImg ul{height: 60px;width: 9999px;overflow: hidden;} .game163 .smallImg li{float: left;padding: 0 4px 0 0;width: 62px;cursor: pointer;display: inline; margin-right: 4px;} .game163 .smallImg img{border: 1px solid #dcdddd;width: 60px;height: 60px;} .game163 .smallImg .on img{border-color: #1e50a2;} .game163 .pageState{position: absolute;top: 235px;right: 5px;font-family: "Times New Roman", serif;letter-spacing: 1px;} .game163 .pageState span{color: #f00;font-size: 16px;} .datetime{ float: left; display: block; background: #f2f2f2; line-height: 24px; padding: 10px 25px; text-align: center; font-size: 14px;} .dateday{ font-size: 20px;} .datetime span{ display: block; } .newslist{ float: left; width: 820px; } .newslist .title{ display: block;font-size: 14px; color: #666; display: block;font-family: 微软雅黑;} .newslist p{margin-top: 4px;font-size: 14px;line-height: 24px;color: grey;margin-bottom: 6px;} .newslist .lanmu{border: 1px solid #dadada; border-radius: 8px; line-height: 26px; padding: 2px 8px; color: #666; font-size: 12px;} .newslist .lanmu:hover{ background: #dadada; color: #fff; } /*.page{ height:auto; margin-top:10px;} .page ul{ margin:0 auto; float:right;} .page ul li{ float:left; line-height:35px; padding-left:15px;}*/ .page{text-align:right; clear:both;} .page span{display:inline;*display:inline;*zoom:1; margin-left: 5px;} .page span a{display:inline-block;height:30px;line-height:30px;padding:0 10px;background:#F7F7F7;border:1px solid #E9E9E9;font-size:12px; margin-bottom: 8px;} .page span a:hover{background:#35b2d0;color:#FFF;text-decoration:none;} .page span.thisclass a{background:#35b2d0;color:#FFF;text-decoration:none;} .page{ margin: 20px 0; } .message{margin: 0 auto 20px;} .message h1{font-family: "微软雅黑";font-weight: 100;font-size: 30px;color: #797979;margin: 20px auto;} .message_ts{font-family: "微软雅黑", "宋体";font-size: 12px;color: #585858;line-height: 20px;padding: 8px;background: #f8f8f8;border: 1px solid #e3e3e3;} .message_ts span{color: #fd0000;} .message_con{margin-top: 30px;} .message_con ul li{height: 50px;} .message_con ul li label{width: 110px;float: left;font-size: 14px;color: #333333;display: inline-block;text-align: right;padding-right: 5px;} .message_con ul li input{width: 278px;height: 35px;border: 1px solid #e3e4e8;} .message_con ul li input:hover{border: 1px solid #d09595;} .message_con ul li textarea{width: 378px;height: 100px;border: 1px solid #e3e4e8;} .message_con ul li span{display: inline-block;margin-left: 10px;font-size: 12px;line-height: 20px;color: #fd0000;max-width: 207px;} .message_con ul li button{width: 94px;height: 34px;border: 0;line-height: 34px;text-align: center;background: #e50011;font-size: 18px;color: #fff;cursor: pointer;margin-top: 60px;} .message_con ul li .tipinfo{display: inline-block;font-size: 12px;color: #f00;margin-left: 6px;} .message_con ul li{height: auto;min-height: 64px;} .message_con ul li .btn_submit{background: none repeat scroll 0 0 #1E50AF;border: 0 none;color: #FFFFFF;cursor: pointer;font-size: 18px;height: 34px;line-height: 34px;text-align: center;width: 94px;margin-top: 20px;} .message_con ul li .btn_submit:hover{border: 0;} @media screen and (max-width:1440px){ } @media screen and (max-width:1200px){ .index-2-l li a { font-size: 16px;} .index-3-ul li{ font-size:16px;} .index-3-ul { padding-top: 10px;} .index-3-h3 { padding-top: 40px;} .index-4-ul li p { font-size: 16px;} } @media screen and (max-width:1100px){ .index-3{ background-size: 100% 100%;} } @media screen and (max-width:768px){ .row{ margin:0 auto;} } @media screen and (max-width:640px){ .index-1-h3{ font-size:30px;} .index-2-r{ width:100%;} .index-2-r li{padding-right: 0;} .liucheng-1 h3 img{ width:100%;} } @media screen and (max-width:375px){ } @media screen and (max-width:320px){ }