/* CSS Document */ /* CSS Document */ @charset "utf-8"; body { color: #333; font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; line-height: 20px; overflow-x: hidden; width: 100%; font-size: 14px; } .clear:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; } *{padding:0px;margin:0px; } body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;} h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;} input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;} button {overflow:visible} img{border:none;} a{color:#333;text-decoration:none;} a:hover{color:#d5b376;} li{ list-style:none;} input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;} .clear{overflow:hidden;clear:both; height:0px;} .fl{ float:left;} .fr{ float:right;} .wap { width:80%; margin:0 auto; position:relative} .poz { width:100%; top:235px; position:absolute} .con { width:1200px; margin:0 auto} .slide .w1200 { width:1200px; margin:0 auto; position:relative;} .slide .w1200 .w1 { position:absolute; right:0; top:-200px; width:550px;-webkit-transition: all 1.6s;-moz-transition: all 1.6s;-o-transition: all 1.6s;transition: all 1.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(600px, 0, 0);-ms-transform: translate3d(600px, 0, 0);transform: translate3d(600px, 0, 0);transform: translate3d(600px, 0, 0);} .slide.active .w1200 .w1 {opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slide .w1200 .w2 { position:absolute; right:100px; top:-200px; width:550px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, -600px, 0);-ms-transform: translate3d(0, -600px, 0);transform: translate3d(0, -600px, 0)} .slide.active .w1200 .w2 {opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .top { position:fixed; height:90px; background:rgba(255,255,255,1); z-index:1000; width:100%;box-shadow:2px 0px 6px -3px #269ffb;-webkit-box-shadow:2px 0px 6px -3px #269ffb;-moz-box-shadow:2px 0px 6px -3px #428000} .top .logo { width:350px; float: left; margin-top:4px} .top .logo img { width:100%} .header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);} .header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .header .an span.a1{top:0; left:0;} .header .an span.a2{top:8px; left:0;} .header .an span.a3{top:16px; left:0;} .header .an.n span.a2{display:none;} .header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);} .header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);} .header .nav{float:left; margin-top:12px; margin-left:110px; } .header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);} .header .nav ul li{height:60px;font-size:15px; text-align:center; float:left; position:relative; margin:0 5px} .header .nav ul li a.o_lm{line-height:58px; color:#010101; display:block; padding:0 30px;-webkit-box-sizing: border-box;text-transform:uppercase; -moz-box-sizing: border-box; box-sizing: border-box;} .header .nav ul li:hover a.o_lm{color:#161573; border-bottom:2px solid #114688;} .header .nav ul li a.on {color:#161573; border-bottom:2px solid #114688;} .header .nav .y_j{position:relative;} .header .nav .e_j{width:150px; background-color:#808080; position:absolute; top:60px; left:50%; margin-left:-75px; display:none; z-index:9999;} .header .nav .e_j.cp { width:720px; left:0; margin-left:0;} .header .nav .e_j.cp .box { width:23%; margin:15px 1%; float:left;} .header .nav .e_j.cp h3 { font-size:16px; color:#fff; text-align:left; margin-bottom:10px; font-weight:normal; padding-left:10px; } .header .nav .e_j.cp a { font-size:13px;} .header .nav .e_j.cp a span {width:6px;height:6px;display: inline-block;background:#fff;margin-right:6px;transform: rotate(45deg);} .header .nav .e_j.cp a:hover span { background:#fff} /*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/ .header .nav .e_j a{display:block; font-size:14px; color:#fff; line-height:40px; border-bottom:1px solid #919191; text-align:left; padding-left:10px; } .header .nav .e_j .ejy { position:relative;} .header .nav .e_j .s_j { z-index:9999;} .header .nav .e_j a:hover{background-color:#a81e23; color:#fff;} .header .nav ul li:hover .e_j{display:block;} .searchIpt {width: 255px;height:41px; margin-right:20px;} .searchIpt a{ float:left; width:110px; height:35px; border:1px solid #666; text-align:center; border-radius:10px; color:#fff; display:block;} .searchIpt a:hover{ border:1px solid #161573; text-align:center; border-radius:10px; display:block;} .searchIpt .search_txt { width: 172px; padding: 0 0 0 10px; line-height: 30px; color: #666; border: 0; height: 41px; float: left; background:none } .searchIpt .search_btn { width: 73px; border: 0; float: right; color: #fff; height:41px; cursor: pointer; background:none } /*my*/ .art .tit{ color: #999; padding: 0; border-bottom: 1px solid #eee;} .art .tit h4{ display: block; font-size: 20px; color: #333; margin-bottom: 10px;} .art .tit h5{ margin-bottom:15px; text-align: center !important;} .art .txt{ line-height:180%; font-size:15px; margin: 0; margin-top:10px;} .text-center{ text-align:center;} .top .right { float:right; margin-left:100px; margin-top:30px;} .header .ss{ display:none} .search { display:none} .head_h { height:80px; display: block} .ny_gsjj img{ max-width:100% !important; height:auto !important;} @media (min-width:1790px){ .header .nav { margin-left: 80px; } .pos{ top: 20%; } } @media (max-width:1680px){ .header .nav{float:left; margin-top:10px; margin-left:40px; } .header .nav ul li a { font-size:14px; padding:0 20px;} .searchIpt {width: 155px;height:41px; margin-right:20px;} } @media (max-width:1600px){ .top .logo { width:350px; float: left; margin-top:4px;} .top .logo img { width:100%} .header .nav{float:left; margin-top:10px; margin-left:80px; } .header .nav ul li a { font-size:14px; padding:0 20px;} .top .right { float:right; margin-left:0px; margin-top:30px;} .searchIpt {width: 155px;height:41px; margin-right:20px; } } @media (min-width:1024px){ .header .nav ul li:hover a.o_lm{color:#333; border-bottom:2px solid #444444;} .header .nav ul li a.on {color:#161573; border-bottom:2px solid #444444;} .header .nav .e_j{display:none !important;} .header .nav ul li:hover .e_j{display:block !important;} .head_h { height:80px; display: block} } @media (max-width:1024px){ .header .nav ul li{margin:0 15px;} .header .nav ul li a{font-size:15px;} .ny_gsjj section{width: auto !important;} } @media (max-width:1660px){ .header .nav{float:left; margin-top:20px; margin-left:50px;} } @media only screen and (max-width:1366px) { .top { position:fixed; height:75px; background:rgba(255,255,255,1); z-index:1000; width:100%;box-shadow:2px 0px 6px -3px #269ffb;-webkit-box-shadow:2px 0px 6px -3px #269ffb;-moz-box-shadow:2px 0px 6px -3px #428000} .top .logo { width:260px; float: left; margin-top:10px; } .top .logo img { width:100%} .header .nav { margin-left:50px; padding-left:40px; float: left; padding-top:0px; } .header .nav ul li a { font-size:14px; padding:0 20px;} .head_h { height:92px; display: block;} .header.on .nav ul li a { font-size: 14px;} .top .right { float: right; margin-left:0px; margin-top: 20px; } .header .nav ul li a.o_lm { line-height: 58px; color: #010101; display: block; padding: 0 18px; } } @media (max-width:1680px){ .header .nav{float:left; margin-top:10px; margin-left:40px; } .header .nav ul li a { font-size:14px; padding:0 20px;} .searchIpt {width: 155px;height:41px; margin-right:20px;} .poz{ top:180px;} } @media only screen and (max-width:1281px) { .header .nav {margin-left: 40px;} .header .nav ul li a { font-size:14px; padding:0 18px;} .head_h { height:88px; display: block} } @media (max-width:1200px){ .header .nav ul li{margin:0 10px;} .header .nav ul li a{font-size:16px;}.header .nav { margin-left: 0px; float: left; padding-top:0px} .header .nav ul li a { font-size:14px; padding:0 10px;} } @media only screen and (max-width:1024px){ .head_h { height: 60px; display:block} .header{border:0; height:60px; width:100%} .header .wap { width:94%; } .header .container{ padding:0; overflow:hidden; width:94%} .header .logo{width:180px; margin:10px auto;} .header.on .logo{width:180px; margin:10px auto;} .header .an{display:block; right:10px; top:30px;} .header .an span { background-color:#666} .header .nav ul { width: 100%;} .header.on .nav {width:60%} .header .nav{width:60%; padding:15px 5%; background-color:rgba(0%,0%,0%,0.9); height:100%; position:fixed; top:60px; right:-70%; z-index:9999; overflow:auto; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; margin-top:0; margin-left:0} .header .nav.on{right:0;} .header.on .nav ul li a { font-size: 16px;color: #fff;} .header .nav ul li.on a { background:none} .header .nav ul li a.on { color: #161573; border-bottom:1px solid #444444; } .header .nav ul li:hover a.o_lm{color:#fff; border-bottom:1px solid #444444;} .header .nav ul li a.on {color:#fff; border-bottom:1px solid #444444;} .header .nav .e_j a{display:block; font-size:14px; color:#fff; line-height:40px; border-bottom:1px solid #444444; text-align:left; padding-left:10px; } .header .nav i{display:block;} .header .nav ul li{line-height:40px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0; height:auto} .header .nav ul li::after { background: rgba(0,0,0,0);} .header.on .nav ul li{line-height:40px;} .header .nav .e_j.cp {width: 100%; padding-bottom:0; overflow:hidden} .header .nav .e_j.cp .box { width: 100%; margin:0px 0;} .header .nav .e_j.cp h3 { font-size:14px;padding-left: 20px;color: #ccc; margin-bottom:0} .header .nav .e_j { width: 100%; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;} .header .nav .e_j .ejy {border-bottom:1px solid #444;} .header .nav ul li .e_j a { color:#eee; text-align:left; font-size:14px; } .header .nav ul li .e_j a:hover { color:#fff} .header .nav .e_j a{border-top:0; font-size:12px; color:#bac5fe; line-height:32px;} .header .nav .e_j a:hover{background:none;} .header .nav ul li:hover .e_j{display:none;} .header .nav ul li a.o_lm{font-size:15px; color:#fff; padding:0} .header .nav .e_j .s_j { z-index:9999; display:none; position:relative} .header .nav ul li:hover span{width:0;} .header .nav ul li.on span{width:0;} .top .right { margin-left:0px; margin-top: 10px; margin-right:60px; } .art .tit h4{ display: block; font-size: 16px; color: #333; margin-bottom: 5px; line-height:180%;} .art .txt{ line-height:180%; font-size:14px;} } @media only screen and (max-width:500px){ .searchIpt {width: 60px;height:41px; margin-right:5px; float:right; } .searchIpt a{ float:left; width:65px; height:35px; border:1px solid #666; text-align:center; border-radius:10px; color:#fff; display:block; } .searchIpt a:hover{ border:1px solid #161573; text-align:center; border-radius:10px; display:block;} .header .ss{float:right; width:30px; height:30px; border-radius:100%; text-align:center; font-size:16px; line-height:26px; margin-right:2%; margin-top:7px; display:block} .search{width:100%; padding:10px 10%; background-color:#f7f7f7; position:fixed; top:60px; left:0; z-index:9; display:none;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } .search input.w_z{width:85%; height:32px; border-radius:0; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:32px; color:#555; float:left; -webkit-appearance:none; padding-left:25px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } .search button.s_c{width:15%; height:32px; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:32px; text-align:center; float:right; -webkit-appearance:none;background:#ce0100; color:#fff } } @media only screen and (max-width:375px){ .header .container{ padding:0} .header .logo{width:190px; margin:5px auto;} .header.on .logo{width:190px; margin:5px auto;} } .top .right a { display:block; line-height:32px; float:left; color:#333; font-size:14px; margin-right:5px} .top .right a:hover { color:#0264b1} .top .right a.a1 { background:url(../images/dl.png) left center no-repeat; background-size:20px; width:25px} .top .right a.a2 { background:url(../images/ss.png) left center no-repeat; background-size:20px; width:25px;} .top .right a.a3 { background:url(../images/top10s.png) left center no-repeat; background-size:20px; width:25px;} .top .right a.a4 { background:url(../images/top9s.png) left center no-repeat; background-size:20px;width:25px;} .weixin{ height:32px; float:left;position:relative; font-size:12px; text-align:center; width:25px} .weixin a{ height:32px; display:block; position:absolute; left:0; top:0;background:url(../images/top9s.png) no-repeat center top; } .weixin .weixin_nr{width:110px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-35px; top:45px; display:none; z-index:99999} .weixin .weixin_nr img{ margin-bottom:0px;} .weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;} .weixin.on .weixin_nr{ display:block;} .weixin.on a{ } .weixin a.wb{ height:32px; line-height:32px; display:block; position:absolute; left:0; top:0;background:url(../images/top9s.png) left center no-repeat; background-size:20px;width:30px; } .weixin.on a.wb { background:url(../images/top9s.png) left center no-repeat; background-size:20px; padding-left:25px;} .video{width:1920px; height:720px; position:absolute; left:50%; margin-left:-960px; top:-11px;} .video .bd ul li { position:relative;} .video .bd ul li .mb { position:absolute; left:0; top:0; width:100%; height:100%;} .video .bd ul li .mb h2 { font-size:50px; color:#fff; margin:20% auto 20px; text-align:center} .video .bd ul li .mb h4 { font-size:16px; color:#fff; text-align:center} /* flexslider */ .slides li .mb {position:absolute; left:0; top:0; width:100%; height:100%; } .slides li .mb h2 { width:1200px; font-size:45px; line-height:55px; color:#fff; margin:20% auto 20px; text-align:center;} .slides li.flex-active-slide .mb h2 {} .slides li .mb h4 { width:1200px; margin:0 auto; font-size:22px; font-weight:normal; color:#fff; text-align:center;} .slides li.flex-active-slide .mb h4 {} .slides li .w1200 .w1 { position:absolute; right:0; top:350px; width:550px;-webkit-transition: all 1.6s;-moz-transition: all 1.6s;-o-transition: all 1.6s;transition: all 1.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(600px, 0, 0);-ms-transform: translate3d(600px, 0, 0);transform: translate3d(600px, 0, 0);transform: translate3d(600px, 0, 0);} .slides li.flex-active-slide .w1200 .w1 {opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slides li .w1200 .w2 { position:absolute; right:100px; top:250px; width:550px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, -600px, 0);-ms-transform: translate3d(0, -600px, 0);transform: translate3d(0, -600px, 0)} .slides li.flex-active-slide .w1200 .w2 {opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .flexslider{position:relative;height:100vh;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1; width:100%; height:100vh} .slides li{height:100vh; width:100%; position:relative} /*.slides li.flex-active-slide {-webkit-animation-name: kenburns-1; animation-name: kenburns-1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-transform: scale(1.1); transform: scale(1.1);} */ .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;} .flex-direction-nav li a.flex-next{right:40px;} /*background:url(../images/icon3.png) center center no-repeat; background:url(../images/icon4.png) center center no-repeat;*/ .fullSlide{width:100%;position:relative;height:100vh;background:#000; z-index:1} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:100vh;overflow:hidden;text-align:center;} .fullSlide .bd li a{display:block;height:100vh;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:5px;overflow:hidden; border:1px solid #fff;filter:alpha(opacity=50);/*opacity:0.5;*/line-height:999px; border-radius:100%;} .fullSlide .hd ul .on{background:#fff;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1000;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background: url(../images/slider-arrow.png)-126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display: block;border-radius: 5px;} .fullSlide .next{left:auto;right:15%;background-position:-6px -137px;} /*.dding {-webkit-animation: minus 10s 0s ease both infinite; -moz-animation: minus 10s 0s ease both infinite; animation: minus 10s 0s ease both infinite; -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);animation-delay: 1s;-webkit-animation-delay: 1s;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;} /*banner END*/ @-webkit-keyframes kenburns-1 { 0% {-webkit-transform: scale(1.1);transform: scale(1.1);} 1.5625% {} 23.4375% {} 26.5625% {} 50% {} 60% {-webkit-transform: scale(1);transform: scale(1);} 100% {;-webkit-transform: scale(1);transform: scale(1);} } @keyframes kenburns-1 { 0% {-webkit-transform: scale(1.1);transform: scale(1.1);} 1.5625% {} 23.4375% {} 26.5625% {-webkit-transform: scale(1);transform: scale(1);} 50% {} 60% {-webkit-transform: scale(1);transform: scale(1);} 100% {-webkit-transform: scale(1);transform: scale(1);} } .cxxx { width:100%; background:rgba(255,255,255,0.7); height:45px; bottom:0; left:0; position: fixed; z-index:9999999} .cxxx .cxbt { float:left; font-size:16px; line-height:45px; color:#161573;} .qimo8{ overflow:hidden; width:1060px; font-size:14px; float:right} .qimo8 .qimo {/*width:99999999px;*/width:8000%; height:45px;} .qimo8 .qimo div{ float:left;} .qimo8 .qimo ul{float:left; height:45px; overflow:hidden; zoom:1; } .qimo8 .qimo ul li{float:left; line-height:45px; list-style:none;} .qimo8 li a{margin-right:30px;color:#444444;} .qimo8 li a:hover{margin-right:30px;color:#c30905;} /*每节前的标题*/ .index-mod-title{text-align:center;} .index-mod-title .mod-title-name{font-size:32px; color:#fff} .mod-title-en{font-size:14px;color:#fff; text-transform:uppercase; margin:10px 0} .index-title-line{width:187px;height:8px;background:url("../images/index_title_line.png") no-repeat;margin:auto;} .index-mod-title2{text-align:center; position:absolute; width:100%; left:0; top:130px; z-index:99; height:auto; padding-bottom:20px;} .index-mod-title2 .mod-title-name{font-size:32px; color:#fff} .mod-title-en2{font-size:14px;color:#fff; text-transform:uppercase; margin:10px 0} .index-title-line2{width:187px;height:8px;background:url("../images/index_title_line2.png") no-repeat;margin:auto;} .page2 {background:url(../images/bg4.jpg) center center no-repeat; position: relative;} .page2 .zyyw { width:100%; margin-top:35px;} .xx1 { width:100%;} .xx1 .bd { width:80%; margin:90px auto 0;text-align:center; } .sy_jm{width:100%; max-width:1200px; margin:0 auto; padding:70px 0px; } .sy_jm .tp{width:28%; margin:10px 2.6%; float:left; position:relative; background:#f7f7f7; overflow:hidden; border-radius:6px; height:370px;} .sy_jm .tp a{ display:block; padding:50px 0; overflow:hidden } .sy_jm .tp:hover{ background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.45);} .sy_jm .tp .wz{width:80%; margin:0 auto; text-align:center; font-size:14px; color:#fff;} .sy_jm .tp .wz i{ display:block; font-style:normal; width:50%; height:auto; background:#fff; border-radius:50%; overflow:hidden; margin:0 auto; max-width:130px;transition:all 0.6s} .sy_jm .tp .wz .hui{ display:block;} .sy_jm .tp .wz .bai{ display:none} .sy_jm .tp:hover .hui{ display:none} .sy_jm .tp:hover .bai{ display:block} .sy_jm .tp .wz i img{ width:100%; height:auto;} .sy_jm .tp .wz h3{font-size:20px; line-height:75px; color:#333;} .sy_jm .tp .wz p{ color:#666; line-height:23px; display:block; max-height:69px; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden} .sy_jm .tp:hover i{ background:#adadad; transition:all 0.6s; transform:translateY(-10px)} @media only screen and (max-width:1366px){ .sy_jm{width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;} } @media only screen and (max-width:1200px){ .index-mod-title2{text-align:center; position:absolute; width:100%; left:0; top:80px; z-index:99; height:auto; padding-bottom:20px;} .sy_jm{width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;} .sy_jm .tp{width:29%; margin:0 2%; height:auto; float:left; position:relative; } .sy_jm .tp .wz h3{font-size:20px; line-height:55px; color:#333} } @media only screen and (max-width:768px){ .xx1 .bd { width:90%; text-align:center; } .sy_jm{width:100%; padding:0rem 0; } .mmmm{ padding:1.8rem 0;} .sy_jm .tp{ float:none;width:89%; margin:0% auto ; margin-bottom:2.6%;height:auto; position:relative; padding:-10px 0px -10px 0px; } .sy_jm .tp a{ display:block; padding:0px 0; overflow:hidden } .sy_jm .tp .wz i{ float:left; width:26%; margin-top:10px;} .yew-r{ float:right; width:62%; } .sy_jm .tp .wz{width:95%; margin:0 auto; text-align:center; font-size:14px; color:#fff;} .sy_jm .tp p{ display:block; height:inherit; font-size:12px; text-align:left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:none; overflow:hidden; height:48px;} .sy_jm .tp .wz h3{font-size:16px; line-height:45px; color:#333;padding-top:0px; text-align:left; font-weight:normal;} .index-title-line{ display:none;} } .page04 {background: url(../images/page02.jpg) center center / cover no-repeat; position: relative;} .page03 {background: url(../images/bj-5.png) center center / cover no-repeat; position: relative;} .page02 {background: url(../images/page02.jpg) center center / cover no-repeat; position: relative;} .xx2 { width:100%; position:relative;} .shuju { text-align:center; overflow:hidden; margin:0px 0; opacity:0} .shuju .jssm { font-size:14px; color:#fff; line-height:1.8; text-align:center; width:500px; margin:30px auto} .sy_xw3{width:100%; padding:80px 0;} .sy_xw3 .lm_bt{width:100%; text-align:center; margin-bottom:50px;} .sy_xw3 .lm_bt h1{font-size:40px; margin-bottom:20px;} .sy_xw3 .lm_bt span{width:60px; height:6px; border-radius:6px; margin:0 auto; background-color:#2c7eba; display:block; color:#fff;} .swiper-container0 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-xw3{width:1280px; margin:0 auto;} .swiper-xw3 .swiper-wrapper { position: relative; width: 90%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-xw3 .swiper-slide{padding:0 40px; box-sizing:border-box; border-radius:4px;} .swiper-xw3 img { width:100%; margin-bottom:20px ;border-radius:5px;} .sy_xw3 .w_z{width:98%; padding:10px 1% 20px 1%; background-color:#fff; box-shadow:0 0px 0px #eee; margin:-80px auto 0; position:relative; z-index:1; border-radius:0px 0px 5px 5px;} .sy_xw3 .w_z .s_j{margin-top:20px; padding-top:20px; border-top:1px solid #e7e7e7; font-size:12px; line-height:22px; color:#888;} .sy_xw3 .w_z .s_j i.iconfont{font-size:14px;} .sy_xw3 .w_z h3{font-size:18px; line-height:26px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px; text-align:center;} .sy_xw3 .n_r:hover .w_z h3{color:#204fa2;} .sy_xw3 .w_z span{ width:130px;border-radius:20px; background-color:#204fa2; font-size:15px; line-height:36px; color:#fff; padding:0 20px; display:block; margin:18px auto;text-align:center;} .sy_xw3 .w_z p{font-size:14px; line-height:26px; color:#666; height:44px; overflow:hidden; display:-webkit-box; height:50px; line-clamp:2; -webkit-line-clamp:2; -moz-line-clamp:2; -ms-line-clamp:2; -o-line-clamp:2; -webkit-box-orient:vertical;} .swiper-xw3 .swiper-button-prev{background:url(../images/zj1.png) no-repeat; left:0; width:35px; height:35px; margin-top:-13px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px;} .swiper-xw3 .swiper-button-next{background:url(../images/yj1.png) no-repeat; right:0; width:35px; height:35px; margin-top:-13px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px;} @media only screen and (max-width:1366px){ .sy_xw3{width:100%; padding:30px 0;} } @media only screen and (max-width:995px){ .sy_xw3{padding:1.5rem 0;} .sy_xw3 .w_z{width:98%; padding:10px 1% 5px 1%; background-color:#fff; box-shadow:0 0px 0px #eee; margin:-120px auto 0; position:relative; z-index:1; border-radius:0px 0px 5px 5px;} .sy_xw3 .w_z img{ width:50%;} .swiper-xw3{width:96%;} .swiper-xw3 .swiper-slide{padding:0 55px; box-sizing:border-box;} .swiper-xw3 h3{font-size:16px; margin-bottom:0.1rem; font-weight:normal;} .swiper-xw3 p{font-size:14px; line-height:1.4rem; margin-bottom:0.5rem; overflow:hidden; height:50px;} .swiper-xw3 a.mr{font-size:14px;} .footer0 { text-align:center; } } .sy_xw{width:100%; padding:80px 0;} .sy_xw .lm_bt{width:100%; text-align:center; margin-bottom:50px;} .sy_xw .lm_bt h1{font-size:40px; margin-bottom:20px;} .sy_xw .lm_bt span{width:60px; height:6px; border-radius:6px; margin:0 auto; background-color:#2c7eba; display:block; color:#fff;} .swiper-container0 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-xw{width:1280px; margin:0 auto;} .swiper-xw .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-xw .swiper-slide{padding:0 40px; box-sizing:border-box; border-radius:4px;} .swiper-xw img { width:100%; margin-bottom:20px ;border-radius:5px;} .sy_xw .w_z{width:98%; padding:30px 1% 20px 1%; background-color:#fff; box-shadow:0 0px 0px #eee; margin:-80px auto 0; position:relative; z-index:1; border-radius:0px 0px 5px 5px;} .sy_xw .w_z .s_j{margin-top:20px; padding-top:20px; border-top:1px solid #e7e7e7; font-size:12px; line-height:22px; color:#888;} .sy_xw .w_z .s_j i.iconfont{font-size:14px;} .sy_xw .w_z h3{font-size:18px; line-height:26px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px; text-align:center;} .sy_xw .n_r:hover .w_z h3{color:#204fa2; } .sy_xw .w_z span{ width:130px;border-radius:20px; background-color:#204fa2; font-size:15px; line-height:36px; color:#fff; padding:0 20px; display:block; margin:18px auto;text-align:center;} .sy_xw .w_z p{font-size:14px; line-height:26px; color:#666; height:44px; overflow:hidden; display:-webkit-box; height:50px; line-clamp:2; -webkit-line-clamp:2; -moz-line-clamp:2; -ms-line-clamp:2; -o-line-clamp:2; -webkit-box-orient:vertical;} .swiper-xw .swiper-button-prev{background:url(../images/zj1.png) no-repeat; left:0; width:35px; height:35px; margin-top:-13px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px;} .swiper-xw .swiper-button-next{background:url(../images/yj1.png) no-repeat; right:0; width:35px; height:35px; margin-top:-13px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px;} @media only screen and (max-width:1366px){ .sy_xw{width:100%; padding:30px 0;} } @media only screen and (max-width:995px){ .sy_xw{padding:1.5rem 0;} .sy_xw .w_z{width:98%; padding:30px 1% 5px 1%; background-color:#fff; box-shadow:0 0px 0px #eee; margin:-120px auto 0; position:relative; z-index:1; border-radius:0px 0px 5px 5px;} .swiper-xw{width:96%;} .swiper-xw .swiper-slide{padding:0 55px; box-sizing:border-box;} .swiper-xw h3{font-size:16px; margin-bottom:1rem;font-weight:normal;} .swiper-xw p{font-size:14px; line-height:2rem; margin-bottom:1rem; overflow:hidden; height:50px;} .swiper-xw a.mr{font-size:14px;} .footer0 { text-align:center; } } .sy_xw2{width:100%; padding:70px 0;} .sy_xw2 .lm_bt{width:100%; text-align:center; margin-bottom:50px;} .sy_xw2 .lm_bt h1{font-size:40px; margin-bottom:20px;} .sy_xw2 .lm_bt span{width:60px; height:6px; border-radius:6px; margin:0 auto; background-color:#2c7eba; display:block; color:#fff;} .swiper-container0 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-xw2{width:1240px; margin:0 auto;} .swiper-xw2 .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-xw2 .swiper-slide{padding:0 50px; box-sizing:border-box;} .swiper-xw2 img { width:100%; margin-bottom:20px; border-radius:5px; } .swiper-xw2 h3{font-size:18px; margin-bottom:15px; color:#fff;font-weight:normal;} .swiper-xw2 h3 a{font-size:18px; margin-bottom:15px; color:#fff; font-weight:normal;} .swiper-xw2 p{font-size:14px; line-height:26px; margin-bottom:20px; color:#fff;} .swiper-xw2 a.mr{font-size:14px; color:#fff;} .swiper-xw2 .swiper-slide:hover a.mr{color:#fff;} .swiper-xw2 .swiper-button-prev{background:url(../images/zj1.png) no-repeat; left:0; width:26px; height:26px; margin-top:-13px; background-size:26px 26px; -webkit-background-size:26px 26px; -moz-background-size:26px 26px;} .swiper-xw2 .swiper-button-next{background:url(../images/yj1.png) no-repeat; right:0; width:26px; height:26px; margin-top:-13px; background-size:26px 26px; -webkit-background-size:26px 26px; -moz-background-size:26px 26px;} @media only screen and (max-width:1366px){ .sy_xw2{width:100%; padding:30px 0;} } @media only screen and (max-width:995px){ .sy_xw2{padding:0.2rem 0;} .swiper-xw2{width:100%;} .swiper-xw2 .swiper-slide{padding:0 50px; box-sizing:border-box;} /*.swiper-xw2 h3{font-size:16px; margin-bottom:1rem;overflow:hidden; height:30px;}*/ .swiper-xw2 h3{font-size:16px; margin-bottom:1rem;overflow:hidden; height:30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /*.swiper-xw2 p{font-size:14px; line-height:2rem; margin-bottom:1rem; overflow:hidden; height:45px;}*/ .swiper-xw2 p{font-size:14px; line-height:2rem; margin-bottom:1rem; overflow:hidden; height:auto;} .swiper-xw2 a.mr{font-size:14px;} .footer0 { text-align:center; } } .sy_hz {max-width:1200px; margin:0 auto; } .sy_hz .sy_bt h3{color:#fff;} .sy_hz ul { width:100%; margin:85px auto; } .sy_hz ul li { width:19%; float:left; margin:0.5%; transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} .sy_hz ul li img { width:100%; height:auto;border:1px solid #dddddd;border-radius:5px;} .sy_hz ul li img:hover{ box-shadow: 0px 0px 0px ; transform: translateY(-8px);-wbkit-transform: translateY(-8px);-o-transform: translateY(-8px);-moz-transform: translateY(-8px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} @media only screen and (max-width:1366px){ .sy_hz ul { width:100%; margin:35px auto; } } @media only screen and (max-width:995px){ .sy_hz { padding:0px 0px; width:98%;} .sy_hz ul { width:98%; margin:0px auto;} .sy_hz ul li { width:31.6%; float:left; margin:0.6%; transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} .sy_hz ul li img { width:100%; height:auto;border:1px solid #dddddd;} .sy_hz ul li img:hover{ box-shadow: 0px 0px 0px ; transform: translateY(-8px);-wbkit-transform: translateY(-8px);-o-transform: translateY(-8px);-moz-transform: translateY(-8px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} } .page3 {background: url(../images/page3.jpg) no-repeat center / cover; position: relative;} .page3 .alzs { margin-top:35px;} figure{position:relative; float: left; overflow: hidden; height: 160px; width:25%; border:1px solid #fff;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; background:#fff} figcaption{position: absolute; top: 0; left:0;color: #fff; font-family: "微软雅黑"; } figure img{opacity: 0.8; width:100%; height:100%} figure figcaption,figure figcaption p,figure img{transition:all 0.35s;} figure figcaption,figure figcaption div{transition:all 0.35s;} figure figcaption p,figure figcaption h2{transition:all 0.35s;} figure:hover img{opacity: 0.5} .six{background-color: #777569;} .six figcaption{ width: 100%; height: 100%;} .six figcaption h2{margin-left: 30%; margin-top: 10%; font-size:20px; margin-bottom:10px;} .six figcaption p{margin-left: 30%; } .six figcaption div{position: absolute; border: 1px solid #fff; } .six figcaption div.border1{width: 80%; height: 0%; top: 45%; left: 10%; border-top: none; border-bottom: none;} .six figcaption div.border2{width: 0%; height: 80%; top: 10%; left: 50%; border-left: none; border-right: none;} .six:hover figcaption div.border1{ height: 90%; top:5%;} .six:hover figcaption div.border2{ width: 90%; left:5%;} .six:hover figcaption h2{margin-top: 15%} .jrleft{opacity:0;} .jrright{opacity:0;} .jrtop{opacity:0;} .jrdown{opacity:0;} .active .jrleft{animation:fadeInLeft 1.5s .5s forwards;} .active .jrright{animation:fadeInRight 1.5s .5s forwards;} .active .jrtop{animation:fadeInUp 1.5s 1s forwards} .active .jrdown{animation:fadeInDown 1.5s 1s forwards} .spbf { width:80%; margin:50px auto;} .spbf .nr {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .spbf .bfck { width:45%; float: left; opacity:0} .active .spbf .bfck { animation: bounceInLeft 1.5s .5s forwards; } .spbf .wzsm {width:50%; opacity:0} .active .spbf .wzsm { animation: bounceInRight 1.5s .5s forwards; } .spbf .wzsm p {font-size:14px; color:#fff; line-height:2; font-weight:300;} .active .xx4 { animation: bounceInUp 1.5s 1s forwards; } .xx4 {position:relative; margin-top:35px; width:1200px; margin:35px auto 0; opacity:0} .xx4 .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:50%; margin-top:-20px; z-index:10000} .xx4 .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:50%; margin-top:-20px; z-index:10000} .xx4 .bd {width:1200px; margin:0 auto;} .xx4 .bd ul li{display:inline-block; width:220px; float:left; margin:0 10px; } .xx4 .bd ul li img {width:100%; height:auto;} .xx4 .bd ul li .wz { width:100%; padding:0px 10px;-moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; text-align:center} .xx4 .bd ul li .wz h3 a { font-size:14px; color:#fff; line-height:35px; font-weight:normal; text-align:center} .xx4 .bd ul li div { overflow:hidden} .xx4 .bd ul li:hover {background:#0264b1} .xx4 .bd ul li:hover h3 a { color:#fff;} .xx4 .bd ul li img { width:100%;height: 100%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .xx4 .bd ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .page4 {background: url(../images/page4.jpg) no-repeat center / cover; position: relative;} .sy_gywm {margin:40px auto;} .sy_gywm .nr {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .sy_gywm .tp { width:40%; float:left} .sy_gywm .tp img { width:100%; display:block} .sy_gywm .wenz { width:55%; padding:40px 0px 40px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} .sy_gywm .wenz p { font-size:14px; color:#fff; line-height:2; font-weight:300; font-family:Lato-Light;letter-spacing: .4px;} .sy_gywm .wenz .more a { line-height:40px; border:#fff 1px solid;color:#fff; font-size:14px; text-transform:uppercase; display:block; margin:30px auto; width:120px; text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .sy_gywm .wenz .more a:hover { background:#161573; border:#161573 1px solid; color:#fff;} .page5 {background:#f6f6f6 url(../images/sm_qwtgbg.png) no-repeat center / 90%; position: relative;} .yktsp { width:1200px; margin:50px auto 0; overflow:hidden} .yktsp ul li {width: 270px;margin-right: 40px;float: left;margin-bottom: 40px;overflow: hidden;} .yktsp ul li.l1 { width:580px;} .yktsp ul li.last { margin-right:0} .yktsp ul li img { width:100%; display:block} .page6 {background: url(../images/bg5.jpg) no-repeat center / cover; position: relative;} .ul-news-i {width:100%; margin-top:60px;} .ul-news-i li { float: left; width: 23%; color: #fff; position: relative; min-height: 295px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; margin:0 1%; overflow: hidden; height:323px; } .ul-news-i li:last-child { /*width: 21%;*/ } .ul-news-i li .txt { padding-left: 30px; padding-right: 58px; } .ul-news-i li .txt span { padding: 15px 8px; display: inline-block; border: 1px solid #fff; border-radius: 5px; font-size: 14px; } .ul-news-i li .txt span em { display: block; font-size: 20px; } .ul-news-i li:last-child .txt { /*padding-right: 0;*/ } .ul-news-i li h3 a { color: #fff; display: inline-block; font-size:14px; padding: 20px 0; } .ul-news-i li p { color: #fff; line-height: 20px; } .ul-news-i li .more { background: url(../images/more1.png) no-repeat; width: 36px; height: 36px; display: inline-block; margin-top: 50px; } .ul-news-i li .hover { } .ul-news-i li .hover .img { width: 100%; position: absolute; top: -165px; left: 0px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;} .ul-news-i li .hover h3 { font-size:14px;} .ul-news-i li .hover .pad { padding: 0 27px 20px 27px; position: absolute; left: 0px; font-size:14px; color:#fff; bottom: -220px; height:220px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; background-color: #161573; width: 100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; } .ul-news-i li .hover .img { height: 165px; width: 100%; } .ul-news-i li.on .hover .img { /*display: block;*/ top: 0; } .ul-news-i li.on .hover .pad { bottom: 0; } .news-more { text-align: center; padding-bottom: 100px; padding-top: 0px; } .news-more a { display: inline-block; margin-top:0px; width: 178px; height: 40px; border: 1px solid #fff; border-radius: 5px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; } .news-more a:hover { background-color: #161573; border:#161573 1px solid; } @media only screen and (max-width:995px){ } /*尾部*/ .site-footer { font-size: 14px; line-height: 1.8; background: #333; padding-bottom:35px; height:auto; } .site-footer a:hover { color: #ff7300 !important; } .site-footer .footer-article { padding: 40px 0 20px; overflow: hidden; border-bottom: 1px solid #4b5054; } .site-footer .col-article { float: left; width: 201px; margin-right: 40px; } .site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9; } .site-footer .col-article dd { width: 220px; margin: 0; overflow: hidden; border-right: 1px solid #4b5054; } .site-footer .col-article dd a { float: left; width: 100%; margin: 0 0 6px; font-size: 14px; color: #9b9ea0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .site-footer .col-article.col-article-spe { width: 195px; } .site-footer .col-article.col-article-spe dd { width: auto; border: 0; } .site-footer .col-article.col-article-spe dd p { height: 36px; padding-top: 6px; font: 20px/36px Arial; color: #9b9ea0; } .site-footer .col-article.col-article-spe dd i { float: left; margin-right: 10px; font-size: 32px; } .site-footer .col-article.col-article-spe dd i.orange { color: #ff7300; } .site-footer .col-article.col-article-spe dd i.blue { color: #2da6f6; } .site-footer .col-article dd .sjrj { margin-top:10px;} .site-footer .col-article dd .sjrj a { width:39px; height:39px; display:block; margin:0 5px; float:left; opacity:0.6} .site-footer .col-article dd .sjrj a.a1 { background:url(../images/tel-ico2o.png) center center no-repeat} .site-footer .col-article dd .sjrj a.a2 { background:url(../images/tel-ico3o.png) center center no-repeat} .site-footer .col-article dd .sjrj a.a3 { background:url(../images/wb.png) center center no-repeat} .site-footer .col-code { float: right; width: 120px; text-align: center; color: #9b9ea0; } .site-footer .col-code img { width: 120px; height: 120px; margin-bottom: 5px; } .footer-links { position: relative; z-index: 1; padding: 10px 0 10px 60px; margin: 0 auto; font-size: 12px; line-height: 24px; border-bottom: 1px solid #4b5054; } .footer-links span { position: absolute; color:#fff; left: 0; } .footer-links a { padding: 0 5px; margin: 0 10px; color: #73777a; } .footer-info .info-text { padding: 20px 0 35px; font-size: 14px; color: #ccc; text-align: center; } .footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center; } .footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0; } .footer-info .info-text .copyright { padding-top: 5px; } .footer-info .info-text em { padding: 0 8px; } .footer { background:#333; padding:30px 0 0px; overflow:hidden; height:250px; position:relative;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} .footer .wh { float:left;} .footer .wh p { line-height:35px; font-size:16px; color:#fff; text-align:left} .dzwz {line-height:30px;color:#fff;font-size:14px; float:left; width:350px; margin-left:60px; text-align:left} .dzwz p { line-height:30px; padding-left:30px;color:#fff;font-size:14px;opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;} .dzwz p.p1 { background: url(../images/fd-img2.png) left center no-repeat} .dzwz p.p2 { background: url(../images/fd-img1.png) left center no-repeat} .dzwz p.p3 { background: url(../images/fd-img4.png) left center no-repeat} .footer .you { float:right; line-height:30px; font-size:12px; color:#fff;} .footer .you .ewm { width:110px; float:left; margin-left:10px; text-align:center} .footer .you .ewm img { width:100%} .footer .banq { background:#010101; height:40px; line-height:40px; text-align:center; font-size:14px; margin-top:25px; position:absolute; bottom:0; width:100%; color:#eee} .footbg{width:100%;height:auto;background:#000; /*transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s;*/ } .footbg .foot1200{min-width:1200px; max-width:1400px;margin:0 auto; position:relative; height:auto; padding-top:60px; padding-bottom:50px;} .footbg .foot1200 dl{width:16.666%;overflow: hidden;float:left;} .footbg .foot1200 .callUs{float:right; padding-right:20px; display:table; width:auto; padding-top:15px;} .callUs a{font-size:0; height:0; line-height:0; padding:11px; background-repeat:no-repeat; padding-right:21px;} .footbg .foot1200 dl dt{color:#CBCBCB;font-size:18px;margin-bottom:20px;} .footbg .foot1200 dl dd{color:#fff;font-size:12px;line-height:30px;} .footbg .foot1200 dl dt a{color:#fff;font-size:18px;} .footbg .foot1200 dl dt a:hover{color:#E03E25;font-size:18px;} .footbg .foot1200 dl dd a{color:#fff;font-size:12px;} .footbg .foot1200 dl dd a:hover{color:#E03E25;font-size:12px;} .footbg .foot1200 dl dd span.tel{color:#E03E25;} .jason{min-width:1200px; max-width:1400px; margin-top:80px;} .jason img{float:left; padding-left:20px;} .jason span{float:right; padding-right:20px; color:#FFF;} .copy{width:100%;height:auto;color:#A1A4A9;font-size:12px;padding:0 0 10px 0;min-width:1200px;z-index:11; bottom:0; background-color:#FFF; padding-top:30px;} .copy a{color:#A1A4A9;font-size:12px;} .copyleft{padding:0 20px;float:left;width:780px; font-size:12px;} .copyleft .link{float:left;height:40px;} .copyleft li{ float:left; } .copyleft li a{ display:block;float:left;padding:0 10px; } .copyleft a:hover{color:#DE3242;} .copyleft li span{ padding:0 20px; } .copyright{float:right;padding:0 20px; display:table;} .copyright span.phone{background: url(../images/phone.gif) no-repeat;padding-left:20px;} .copyright span.qq{background: url(../images/qq.gif) no-repeat;padding-left:17px;} .copyright .rz{margin-top:10px;} .copyright a:hover{color:#F53748;} .f_h{width:40px; height:40px; background:#161573 url(../images/f_h.png) no-repeat center; position:fixed; bottom:50px; right:6px; z-index:999999;} .sydl { width:40px; height:50px; background:#161573 url(../images/d_l.png) center 5px no-repeat; position:fixed; bottom:100px; right:6px; z-index:9999} .sydl p { font-size:14px; color:#fff; text-align:center; line-height:20px; padding-top:28px;} .syzc { width:40px; height:50px; background:#161573 url(../images/z_c.png) center 5px no-repeat; position:fixed; bottom:160px; right:6px; z-index:9999} .syzc p { font-size:14px; color:#fff; text-align:center; line-height:20px; padding-top:28px;} .nban { width:100%; position:relative; height:920px;} .nban h2 { font-size:30px; color:#fff; padding:420px 0 15px; font-weight:normal; text-align:center; } .nban h3 { font-size:15px; color:#fff;font-weight:normal; text-align:center;text-transform:uppercase;} .ntit{ background:rgba(255,255,255,0.6); height:38px; position:absolute; width:100%; bottom:0; z-index:9; left:0; } .ntit ul { width:1200px; margin:0 auto} .ntit ul li { float:left; line-height:38px; margin-right:1px;} .ntit ul li a { padding:0 25px; background:#eee; color:#161573; font-size:14px; display:block} .ntit ul li a:hover { background:#161573; color:#fff; -webkit-transition: all 0.4s linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.4s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms;} .ntit ul li a.on { background:#161573; color:#fff} .nbancp { width:100%; height:460px; background:#161573} .nbancp h2 { font-size:30px; color:#fff; padding:220px 0 15px; font-weight:normal} .nbancp h3 { font-size:18px; color:#fff;font-weight:normal} .ncptit { width:100%; height:55px; background:#f0f0f0; line-height:55px;} .ncptit ul li { width:25%; float:left; text-align:center} .ncptit ul li a { line-height:53px; font-size:18px; color:#333; padding-bottom:15px} .ncptit ul li a:hover { border-bottom:#161573 2px solid; color:#161573;} .ncptit ul li a.on { border-bottom:#161573 2px solid; color:#161573;} .yuan {} .tanchu {width:100%; display:none; position: fixed; width:100%; height:100%; background:url(../images/hb.png) repeat; top:0; left:0} .tanchu .gb {width:30px; height:30px; position:absolute; top:80px; right:20px; cursor:pointer;} .tanchu .gb img {width:100%; height:auto;} .tanchu .wz {width:800px; background:url(../images/hb.png) repeat; position:absolute; top:20%; left:50%; margin-left:-400px;} /*index-contact*/ .index-contact { min-width: 1200px; padding: 45px 0; background-image: url(../images/contact-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center top; position: relative; } .index-contact .cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 1; } .index-contact .s { position: relative; padding: 0 120px; z-index: 100; } .index-contact h6 { font-size: 30px; text-align:center; color: #fff; line-height: 40px; } .index-contact p { line-height: 50px; font-size: 18px; color: #eee; } .index-contact .btn {display: block;width: 200px;border: 1px #fff solid;text-align: center;border-radius: 3px; margin:30px auto;} .index-contact .btn a {display: block;height: 48px;line-height: 48px;font-size: 18px;color: #fff;} .index-contact .btn:hover a { background:#161573; } .index-contact .btn:hover { border:#161573 1px solid} .ny_cp { margin:0px auto 50px; padding:50px 0; width:1200px;} .ny_cp ul li { width:270px; float:left; margin-right:30px;-o-box-shadow: 0 0 25px rgba(206,206,206,.4); -ms-box-shadow: 0 0 25px rgba(206,206,206,.4); -moz-box-shadow: 0 0 25px rgba(206,206,206,.4); -webkit-box-shadow: 0 0 25px rgba(206,206,206,.4); box-shadow: 0 0 25px rgba(206,206,206,.4);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; overflow:hidden; padding-bottom:15px; margin-bottom:30px;} .ny_cp ul li.last { margin-right:0} .ny_cp ul li .tp { overflow:hidden;} .ny_cp ul li .tp img { width:100%; display:block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} .ny_cp ul li:hover .tp img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); } .ny_cp ul li .wenz { padding:15px;} .ny_cp ul li .wenz h3 { font-size:18px; color:#333; margin-bottom:10px; font-weight:bold} .ny_cp ul li .wenz p { font-size:14px; line-height:1.8; color:#666; margin-bottom:20px;} .ny_cp ul li .wenz .bq span { padding:5px 10px; font-size:14px; color:#666; display:block; float:left; border:#ccc 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; margin:3px 2px;} .ny_cp ul li .wenz .bq span:hover { background:#ccc; color:#666} .nfatit { width:100%; height:55px; background:#f0f0f0; line-height:55px; text-align:center} .nfatit ul li { text-align:center; display:inline-block; padding:0 25px} .nfatit ul li a { line-height:53px; font-size:18px; color:#333; padding-bottom:15px;} .nfatit ul li a:hover { border-bottom:#161573 2px solid; color:#161573;} .nfatit ul li a.on { border-bottom:#161573 2px solid; color:#161573;} .product-section{padding-bottom:60px;position:relative; margin-top:50px;/*background:url(../images/productBase-features-bag.jpg) no-repeat;background-size:cover*/} .product-title{padding:50px 10px 30px;font-weight:normal;font-size:30px;line-height:46px;color:#333;text-align:center;} .product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1} .product-features .product-body{margin:0px 25px} .product-features .product-body:after{content:"";width:100%;height:3px;background:url(../images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0} /*li*/ .features-item{position:relative;float:left;} .zysjw { width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; background:#161573;} .zysjw .tp { width:50%} .zysjw .tp img { width:100%; display:block} .zysjw .wenz { width:50%; padding:30px 50px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} .zysjw .wenz h3 {font-size:18px;line-height:28px;margin-bottom:20px;color:#fff;transition:all 0.1s} .zysjw .wenz p {font-size:14px;color:#fff;line-height:22px;margin-bottom:10px; margin-top:10px; text-align:left} .features-slide .features-item>*{text-align:center} .features-item h3{font-size:18px;line-height:28px;margin-bottom:50px;color:#333;transition:all 0.1s} .features-item i{position:absolute;width:75%;height:33px;background:url(../images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3} .features-item .features-info{display:block;margin:0 auto;padding:20px 30px;transition:all 0.3s;border-radius:2px} .features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px; margin-top:10px;} .features-item .features-info .features-info-s{font-size:16px;color:#666;line-height:24px;overflow:hidden; margin-bottom:15px;} .features-item.dark i{background:url(../images/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center} /*鼠标悬浮效果*/ .features-item:hover i{width:75%;margin-left:13px;background:url(../images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center} .features-item:hover a{background:url(../images/productBase-features-info.png) no-repeat;background-size:100% 100%} /*左右按钮*/ .product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:38%;background:none} .product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px} .product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:38%;background:none} .product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px} .xxny .hd { text-align:center; margin-bottom:35px;} .xxny .hd ul li{ display:inline-block;} .xxny .hd ul li a { padding:0 20px; color:#333; font-size:16px; font-weight:bold; display:block} .xxny .hd ul li a:hover { color:#058ad3;} .xxny .hd ul li.on a{ color:#058ad3;} .ny_al { width:1200px; margin:0 auto 50px} .ny_al ul li { width:216px; float:left; margin-right:30px; position:relative; overflow:hidden; margin-bottom:30px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; border:#ccc 1px solid; background:#f6f6f6} .ny_al ul li img { width:100%; display:block; height:80px;} .ny_al ul li .mb { background:rgba(0,0,0,0.75); width:100%; height:100%; position:absolute; left:0; top:100%; opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; display:none} .ny_al ul li .mb h3 { font-size:16px; color:#fff; margin:20px;} .ny_al ul li .mb p { font-size:14px; line-height:1.8; color:#fff; padding:0 20px 20px} .ny_al ul li:hover .mb { top:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:1} .ny_al ul li h3 { font-size:14px; color:#333; margin:6px 0; text-align:center; font-weight:normal} .ny_al ul li p { font-size:12px; line-height:1.8; color:#666; padding:0 10px 10px; height:36px} .ny_al ul li.last { margin-right:0} .com-width { width: 1200px; margin: 50px auto; overflow:hidden } .jxnr { line-height:28px; font-size:14px; color:#333; padding:30px 0} .list-video ul { width: 1222px; } .list-video ul li { float: left; margin-bottom: 30px; margin-right: 22px; width: 385px; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .list-video ul li:hover { background:#161573} .list-video ul li p { font-size:14px; color:#333; margin:10px 0} .list-video ul li:hover p { color:#fff} .list-video ul li .a-video { display: block; width: 100%; height: 100%; position: relative; } .list-video { text-align: center; color: #666; } .list-video ul li .a-video::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2) url(../images/video-cover.png) no-repeat center; content: ""; } .rmfa { width:1300px; margin:50px auto} .rmfa ul li { border:#eee 1px solid; margin-bottom:30px; padding:10px;-moz-box-sizing: border-box; border-radius:6px; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; overflow:hidden} .rmfa ul li .tp { width:28%; float:left} .rmfa ul li .tp img { width:100%; height:auto;border-radius:6px;} .rmfa ul li .wenz { width:68%; float:right; position:relative;} .rmfa ul li .wenz h3 { font-size:16px; color:#333; margin-bottom:15px; margin-top:20px; font-weight:normal;} .rmfa ul li .wenz p { font-size:14px; line-height:2; color:#666;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .rmfa ul li .wenz .time { margin:10px 0 15px; color:#999} .rmfa ul li .wenz .time em { display:inline-block;width: 16px; height: 16px; margin: 0 7px 0 0; vertical-align: middle; background: url(../images/index_sec_news_ico_clock.png);} .rmfa ul li:hover .wenz h3 { color:#161573} .rmfa ul li:hover { border:#161573 1px solid;box-shadow: 0px 0px 10px #ccc; transform: translateY(-5px); -wbkit-transform: translateY(-5px); -o-transform: translateY(-5px); -moz-transform: translateY(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s;} .rmfa2 { width:1300px; margin:40px auto; } .rmfa2 ul li { border:#eee 1px solid; margin-bottom:30px; padding:10px;-moz-box-sizing: border-box; width:45%;border-radius:6px; /*Firefox3.5+*/ float:left; margin:2%; -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; overflow:hidden} .rmfa2 ul li .tp { width:28%; float:left} .rmfa2 ul li .tp img { width:100%; height:auto;border-radius:6px;} .rmfa2 ul li .wenz { width:68%; float:right; position:relative;} .rmfa2 ul li .wenz h3 { font-size:16px; color:#333; margin-bottom:15px; margin-top:20px; font-weight:normal;} .rmfa2 ul li .wenz h4 { font-size:16px; color:#333; margin-bottom:15px; margin-top:20px; font-weight:normal;} .rmfa2 ul li .wenz p { font-size:14px; line-height:2; color:#666; } .rmfa2 ul li .wenz .time { margin:10px 0 15px; color:#999} .rmfa2 ul li .wenz .time em { display:inline-block;width: 16px; height: 16px; margin: 0 7px 0 0; vertical-align: middle; background: url(../images/index_sec_news_ico_clock.png);} .rmfa2 ul li:hover .wenz h3 { color:#161573} .rmfa2 ul li:hover { border:#161573 1px solid;box-shadow: 0px 0px 10px #ccc; transform: translateY(-5px); -wbkit-transform: translateY(-5px); -o-transform: translateY(-5px); -moz-transform: translateY(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s;} @media only screen and (max-width:1024px) { .rmfa2 { width:100%; margin:40px auto; } .rmfa2 ul li { border:#eee 1px solid; padding:10px;-moz-box-sizing: border-box; width:90%; /*Firefox3.5+*/ float:none; margin:30px auto; -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; overflow:hidden} .rmfa2 ul li .tp { width:30%; float:left} .rmfa2 ul li .tp img { width:100%; height:auto;} .rmfa2 ul li .wenz { width:66%; float:right; position:relative;} .rmfa2 ul li .wenz h3 { font-size:15px; color:#333; margin-bottom:10px; margin-top:10px; font-weight:normal;} .rmfa2 ul li .wenz h4 { font-size:15px; color:#333; margin-bottom:10px; margin-top:10px; font-weight:normal;} .rmfa2 ul li .wenz p { font-size:14px; line-height:2; color:#666; height:50px; overflow:hidden;} } .xiaocms-page { text-align:center; margin:30px auto;} .xiaocms-page a { height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 5px;} .xiaocms-page a:hover { background:#161573; border:#161573 1px solid; color:#FFF;} .xiaocms-page span { height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 5px; background:#161573; border:#161573 1px solid; color:#FFF;} .ny_gsjj { width:1200px; margin:50px auto; overflow:hidden} .ny_gsjj .ny_bt .nb_nr{ margin:0 auto; margin-bottom:25px; text-align:center;} .ny_gsjj .ny_bt .nb_nr.ydsj{ width:320px;} .ny_gsjj .ny_bt h3{font-size:24px; text-align:center; margin:0px 15px; font-weight:normal} .ny_gsjj .ny_bt p{font-size:15px; line-height:26px; margin-top:6px;} .ny_gsjj .ny_bt em{width:50px; height:2px; background-color:#161573; margin:0 auto; display:block; float:left; margin-top:18px;} .ny_gsjj .box { overflow:hidden; margin-bottom:50px;} .ny_gsjj .qyjjl { width: 560px;float: left;} .qyjjr { width: 100%;line-height: 32px; font-size: 15px; float: right; padding-top:0px; text-align:left;} .ny_nr .gy_wm{font-size:15px; line-height:26px; text-align:left; margin-bottom:50px;} .ny_gsjj .gy_wm p{font-size:15px; line-height:30px; text-align:left; margin-bottom:20px;} .ny_gsjj .gy_wm h3{ float:right; font-weight:normal; font-size:15px; line-height:25px; text-align:right;} .ny_nr .gy_wm2{font-size:15px; line-height:26px; text-align:left;} .ny_gsjj .gy_wm2 p{font-size:15px; line-height:30px; text-align:left; margin-bottom:10px;} .ny_gsjj .gy_wm2 h5{font-size:15px; line-height:30px; text-align:left; margin-bottom:10px;} .ny_gsjj .gy_wm2 ol li{font-size:15px; line-height:30px; text-align:left; margin-bottom:10px;} .ny_gsjj .gy_wm .n_r{position:relative;} .ny_gsjj .gy_wm .t_p img{width:100%; height:auto; display:block;} .ny_gsjj .gy_wm .b_t{position:absolute; top:0; left:0; width:100%; background:url(../images/a5.png) no-repeat center / 100% 100%; font-size:22px; color:#fff; line-height:50px; padding:15px 0 25px; text-align:center} .ny_gsjj .gy_wm .w_z{width:80%; position:absolute; top:55%; left:10%; font-size:15px; line-height:26px; color:#fff; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);} .spkc { width:1200px; margin:15px auto 50px;} .spkc ul li { width:277px; float:left; margin-right:30px; margin-bottom:30px;background:#f5f5f5;border-bottom: 3px solid #ddd; padding-bottom:10px;} .spkc ul li.last { margin-right:0} .spkc ul li .tp { display:block; position:relative} .spkc ul li .tp span {background: url(../images/sp.png) center center no-repeat;width: 35px;height: 35px;position: absolute;top: 50%;left: 50%;margin-left: -17px;margin-top: -17px;display: none;} .spkc ul li:hover{box-shadow: 2px 4px 6px rgba(0,0,0,0.2);} .spkc ul li:hover .tp span { display:block;} .spkc ul li h2{ margin-bottom: 20px; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .spkc ul li:hover h2 {color:#161573} .spkc ul li img {width: 100%;} .video-info{ padding: 10px 20px; } .video-info .media-body{ width: 100px; } .video-img{ width: 100%; height: 162px; display: block; position: relative; overflow: hidden; } .icon-video{ background: url("../images/icons.png") no-repeat -88px -49px; width: 35px; height: 35px; position: absolute; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; display: none; } .video-info .media-inline{ height: 30px; line-height: 30px; float:left; width:100% } .video-info .media-inline img{ width: 30px; height: 30px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; } .video-info .media-inline .watch__number{ font-size: 14px; display: inline-block; max-width: 76px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .media.media-x .float-left { margin-right: 10px;} .float-left {float: left !important;} .media-inline .media:last-child { margin-right: 0;} .media-inline .media {display: inline-block; margin-right: 15px; margin-top: 0;} .media, .media .media:last-child {margin-bottom: 0;} .media, .media .media { margin: 15px 0 25px 0; margin-top: 15px;margin-right: 0px;margin-bottom: 25px;} .float-right {float: right !important;} .watch__icon { background: url(../images/css_sprites.png) -144px -135px no-repeat;} .watch__icon {display: inline-block;width: 20px; height: 20px; margin-right: 8px;vertical-align: middle;} .menu-list{ padding-left: 20px;font: inherit; width:324px; } .sectionny { background: #fff; overflow: hidden} .sectionny .lm{ width:25%; float:left; padding:28px 18px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; } .sectionny .lm h3{border-left: 3px solid #161573; padding-left: 16px;line-height: 1.2;margin-bottom: 16px;font-weight: bold;font-size: 16px;} .sectionny .lm ul li {line-height: 2; list-style: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .sectionny .lm ul li a {color:#666;margin-right: 20px;font-size: 16px;line-height: 2;white-space: nowrap;position: relative;vertical-align: baseline;} .sectionny .lm ul li a:hover { color:#161573} .question-more { margin-left: 18px; margin-top: 20px; } .question-more a { color: #999;border-radius: 20px;background:#f8f8f8;border: 1px solid #ebebeb; padding: 6px 16px;margin-right: 20px; font-size: 15px; line-height: 2; white-space: nowrap; position: relative;} .question-more a:hover{ color: #161573; border: 1px solid #161573; background: none; text-decoration: none; } .zlxz { width:1200px; margin:10px auto 40px; overflow:hidden;} .zlxz h2 {font-size:18px; font-weight:bold; color:#333; margin:30px 0;} .zlxz h2 span {width: 10px;height: 10px;display: inline-block;background:#161573;margin-right: 12px;transform: rotate(45deg);} .zlxz .bt {background:#EEEEEE; height: 45px; margin-top: 25px; line-height: 45px; font-size: 14px; color:#333333; text-align:center; color:#333;} .zlxz .l1 { width:30%; float:left;} .zlxz .l2 { width:20%; float:left} .zlxz .l3 { width:20%; float:left} .zlxz .l4 { width:15%; float:left} .zlxz .l5 { width:15%; float:left} .zlxz ul li { padding:20px 0; text-align:center; font-size:16px; color:#333; overflow:hidden; border-bottom:#eee 1px solid} .zlxz ul li a .l1 {background: url(../images/icon5.jpg) no-repeat 10px center;padding-left: 24px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; text-align:left; color:#333;} .zlxz ul li:hover a .l1 { color:#161573} .zlxz ul li .xzan { width:60px; height:30px; line-height:30px; text-align:center; background:#ccc; color:#333; margin:0 auto} .zlxz ul li .xzan:hover { background:#161573; color:#fff;} /*服务体系*/ .fwp1 { padding-top:50px; overflow:hidden} .index-mod-titlen{text-align:center;} .index-mod-titlen .mod-title-name{font-size:32px; color:#333} .index-mod-titlen .mod-title-name span{font-size:42px; color:#ba0009} .fwp1 ul { width:1200px; margin:35px auto;} .fwp1 ul li { width:22%; float:left; margin:0 1.5% 30px; background:#0670ba; position:relative} .fwp1 ul li .tb { width:60px; top:70px; left:50%; margin-left:-30px; position:absolute} .fwp1 ul li img { width:100%;} .fwp1 ul li .tit { line-height:28px; font-size:14px; color:#fff; padding:10px; text-align:center} .fwp2 { padding-top:50px; overflow:hidden} .fwp2 .tp { width:1200px; margin:30px auto 70px} .jpp1 { padding-top:50px; overflow:hidden} .jpp1 ul { margin:45px auto; width:1200px; text-align:center} .jpp1 ul li { display:inline-block; margin:0 40px;} .jpp1 ul li .tit { line-height:32px; font-size:18px; color:#333; text-align:center} .jpp2 { padding-top:60px; margin-top:30px; background:url(../images/section1_bg.jpg) center center / cover no-repeat; overflow:hidden; padding-bottom:50px;} .jpp2 ul {width:1200px; margin:35px auto;} .jpp2 ul li { width:146px; display:inline-block; margin:0 25px; text-align:center; background:rgba(255,255,255,0.55);border: 1px solid #fff;padding:30px 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} .jpp2 ul li .tp { height:55px;} .jpp2 ul li img { width:50px;} .jpp2 ul li .tit {line-height:32px; font-size:14px; color:#333; text-align:center; margin-top:15px;} .jpp3 {padding-top:60px; overflow:hidden; padding-bottom:30px;} .jpp3 ul {width:1200px; margin:45px auto;} .jpp3 ul li { width:146px; display:inline-block; margin:0 25px; text-align:center; background:rgba(0,0,0,0.25);border: 1px solid #999;padding:30px 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} .jpp3 ul li .tit {line-height:18px; font-size:13px; color:#000; text-align:center; margin-top:15px;} .jdwz { margin-top:50px; text-align:center ; width:1200px; margin:50px auto 60px;} .jdwz .nr {display:inline-block; line-height:30px; font-size:16px; color:#333; text-align:left} .hcpwz { margin-top:60px; width:1200px; margin:60px auto 80px} .hcpwz h3 { font-size:24px; color:#333; text-align:center} .gsjj { width:1200px; margin:50px auto} .gsjj h3 { font-size:24px; text-align:center; margin-bottom:15px} .gsjj .wznr { font-size:14px; line-height:30px; margin-bottom:20px;} .gsjj ul li { width:22%; margin:30px 1.5% 30px; text-align:center; float:left} .mjl { width:1200px; margin:35px auto; overflow:hidden} .mjl ul li { width:220px; float:left; margin-right:25px; text-align:center; background:#eee;border: 1px solid #ccc;padding:30px 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; padding:30px 15px;} .mjl ul li h4 { font-size:18px; color:#333; margin-top:15px; margin-bottom:15px;} .mjl ul li p { font-size:14px; color:#555; line-height:28px;} .lxwm { margin:50px auto; width:1200px;} .lxwm .con1 { width:800px; margin:0 auto} .lxwm .ewm { width:150px; float:left;} .lxwm .lxfs { float:right; text-align:left; width:600px} .lxwm .lxfs .dz { font-size:16px; line-height:30px; padding-bottom:50px; border-bottom:#ccc 1px solid; margin-bottom:20px; color:#333} .lxwm .lxfs p { line-height:38px; color:#333; font-size:16px;} .lxwm .lxfs p.p1 { background:url(../images/bg_sign5.png) left center no-repeat; padding-left:30px;} .lxwm .lxfs p.p2 { background:url(../images/bg_sign2.png) left center no-repeat; padding-left:30px;} .lxwm .lxfs p.p3 { background:url(../images/bg_sign1.png) left center no-repeat; padding-left:30px;} .lxwm .lxfs p.p4 { background:url(../images/bg_sign4.png) left center no-repeat; padding-left:30px;} .lxwm .dt { margin-top:50px;} /*新闻*/ .zmtyxal { margin:50px auto} .zmtyxal ul li { margin-bottom:30px; border-bottom:#eee 1px dashed; padding:15px 0; overflow:hidden; margin-bottom:20px;} .zmtyxal ul li .tp { width:280px; float: left;-moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; border:#eee 1px solid; overflow:hidden} .zmtyxal ul li .tp img { width:100%; height:190px;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .zmtyxal ul li:hover .tp img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .zmtyxal ul li .wz { width:860px; float:right} .zmtyxal ul li .wz h3 { font-size:20px; line-height:40px; color:#333;} .zmtyxal ul li .wz p { line-height:26px; font-size:14px; color:#555; margin-top:20px;} .zmtyxal ul li .wz .Acdltj_time{width:100%; margin:15px 0 0; color:#a9a9a9; display:block; height:30px} .xiaocms-page { text-align:center; margin:30px auto;} .xiaocms-page a { height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .xiaocms-page a:hover {background:#0068ba; border:#0068ba 1px solid; color:#FFF;} .xiaocms-page span { height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background:#0068ba; border:#0068ba 1px solid; color:#FFF;} .xwej { margin:50px auto;} .glyc1 { border-bottom: 1px solid #cccccc; height: 50px; line-height: 50px; font-size: 18px; color: #1680E9; text-align:left} .glyc1 .bt { display:block; float:left; font-weight:bold} .glyc1 .gzdd { display:block; float:left; margin-left:100px; font-size:14px; color:#333} .glyc2 { padding: 15px 0px 50px 0px; font-size: 14px; line-height: 28px; color: #666; } .sjban{ display: none} .xx4sj { display:none} .site-footer .col-article .y_j i { display:none} .h44{ font-size:17px; font-weight:normal; margin-bottom:15px;} @media only screen and (max-width:1440px) { .wap { width: 90%;} .header .nav ul li a.o_lm {padding: 0 15px; font-size:16px;} .site-footer .col-article {width:170px; margin-right:30px;} .site-footer .col-article dd { width:190px;} .footer-links a { padding: 0 2px; margin: 0 4px;} } @media only screen and (max-width:1368px) { .wap { width: 95%;} figure { height: 110px;} .six figcaption h2{margin-top: 7%} .six:hover figcaption h2{margin-top: 10%} .yktsp { width:1100px; margin:50px auto 0; overflow:hidden} .yktsp ul li.l1 { width:530px;} .yktsp ul li { width:245px;} .poz { top: 100px;} .site-footer .col-article { width: 201px; margin-right: 30px;} .site-footer .col-code {width: 110px;} .site-footer .col-code img { width:100%} .site-footer .col-article dd a {font-size: 12px;} } @media only screen and (max-width:1280px) { .site-footer .col-article { width:161px; margin-right: 30px;} .site-footer .col-code {width: 110px;} .site-footer .col-code img { width:100%} .site-footer .col-article dd a {font-size: 12px;} .site-footer .col-article dd { width: 150px; } } @media only screen and (max-width:1024px) { .flexslider{ display:none} .sjban{ height:100vh; position:relative; display:block; width:100%} .sjban .hd{ position:absolute; bottom:60px; text-align:center; z-index:99; width:100%;} /*background:url(../images/icon3.png) center center / 100% no-repeat; background:url(../images/icon4.png) center center / 100% no-repeat;*/ .sjban .prev { width:15px; height:40px; left:0; top:50%; margin-top:-30px; position:absolute; z-index:9999} .sjban .next { width:15px; height:40px; right:0; top:50%; margin-top:-30px; position:absolute; z-index:9999} .sjban .hd ul li{ display:inline-block; margin:0 5px; width:11px; height:11px; background:#FFF;text-indent:-9999px;cursor:pointer;} .sjban .hd ul li.on{ background:#F00;} .sjban .bd{ height:100%} .sjban .bd ul{ height:100%} .sjban .bd ul li{ height:100%} .sjban .bd ul li img{ height:100%} .sjban .bd ul li .mb {position:absolute; left:0; top:0; width:100%; height:100%; } .sjban .bd ul li .mb h2 { width:94%; font-size:40px; color:#fff; margin:55% auto 20px; text-align:center;} .sjban .bd ul li .mb h4 { width:94%; margin:0 auto; font-size:16px; color:#fff; text-align:center;} .xx4 { display:none} .xx4sj {position:relative;width:94%; margin:35px auto 0; display:block} .xx4sj .hd .prev {width:30px; height:30px; background:url(../images/jiantzuo.png) left center / 100% no-repeat; position:absolute; left:-1.8rem; top:50%; margin-top:-15px; z-index:10000} .xx4sj .next{width:30px; height:30px; background:url(../images/jiantyou.png) left center / 100% no-repeat; position:absolute; right:-1.8rem; top:50%; margin-top:-15px; z-index:10000} .xx4sj .bd {width:100%; margin:0 auto;} .xx4sj .bd ul li{display:inline-block; width:100%; float:left; margin:0 0px; } .xx4sj .bd ul li .box { width:30.3333%; float:left; margin:0 1.5% 20px} .xx4sj .bd ul li img {width:100%; height:auto;} .xx4sj .bd ul li .wz { width:100%; padding:0px 10px;-moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; text-align:center} .xx4sj .bd ul li .wz h3 a { font-size:14px; color:#fff; line-height:35px; font-weight:normal; text-align:center} .xx4sj .bd ul li div { overflow:hidden} .xx4sj .bd ul li:hover {background:#0264b1} .xx4sj .bd ul li:hover h3 a { color:#fff;} .xx4sj .bd ul li img { width:100%;height: 100%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .site-footer .col-article {width: 100%;margin-right:0px;} .site-footer .col-article .y_j { position:relative} .site-footer .col-article .y_j i { display:block; font-size: 12px; color: #aaa; line-height: 30px; text-align: right; position: absolute; width: 50%; height: 30px; right: 20px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .site-footer .col-article .ej { display:none; position:relative} .site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9; } .site-footer .col-article dd {width: 100%;border-right:0;} .site-footer .col-article dd a {margin: 0 0 0px; display:block; color:#fff} .wap { width: 85%; } .site-footer .col-article.col-article-spe { width: 100%; } .site-footer .col-article.col-article-spe dd { width: auto; border: 0; } .site-footer .col-article.col-article-spe dd p { height: 36px; padding-top: 6px; font: 20px/36px Arial; color: #9b9ea0;} .site-footer .col-article.col-article-spe dd i {float: left;margin-right: 10px;font-size: 32px;} .site-footer .col-article.col-article-spe dd i.orange {color: #ff7300;} .site-footer .col-article.col-article-spe dd i.blue {color: #2da6f6;} .site-footer .col-article dd .sjrj { margin-top:10px;} .site-footer .col-article dd .sjrj a { width:30px; height:30px; display:block; margin:0 5px; float:left; opacity:0.6} .site-footer .col-article dd .sjrj a.a1 { background:url(../images/tel-ico2o.png) center center no-repeat} .site-footer .col-article dd .sjrj a.a2 { background:url(../images/tel-ico3o.png) center center no-repeat} .site-footer .col-article dd .sjrj a.a3 { background:url(../images/wb.png) center center no-repeat} .site-footer .col-code { width:100%} .site-footer .col-code img {margin:0 auto 10px; width:120px;} .qimo8 {overflow: hidden; width:80%;font-size: 14px; margin:0 auto;} .con {width: 94%;} .ny_gsjj {width: 94%;margin:30px auto;} .ny_gsjj .qyjjl { width: 100%; } .qyjjr { width: 100%; margin-top:30px;} .ny_gsjj .gy_wm ul li { width: 32.3333%; margin:0 0.5%} .ntit ul { width: 94%;} .sectionny .lm { width:50%;padding:18px 14px;} .rmfa { width: 94%; margin:30px auto;} .rmfa ul li .tp img { height: 140px;} .rmfa ul li { margin-bottom:20px;} .index-contact { min-width:94%;} .nbancp { height: 22rem;} .product-wrapper {padding-left: 20px; padding-right: 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} .product-features .swiper-button-prev { left: 0px;} .product-features .swiper-button-next { right:0px;} .ny_al { width: 94%; margin: 0 auto 30px;} .ny_al ul li { width:30.3333%; margin:0 1.5% 20px;} .spkc { width: 94%; margin: 15px auto 30px; } .spkc ul li { width: 46%; margin:0 2% 20px} } @media only screen and (max-width:500px) { .sjban .bd ul li .mb h2 {font-size:2.0rem; font-weight:normal;} .qimo8 {width: 70%; font-size: 1.1rem;} .cxxx .cxbt {font-size:14px;} .sjban .bd ul li .mb h4 { font-size: 1.2rem; font-weight:normal; width:85%} .index-mod-title2 .mod-title-name { font-size: 2rem; } .index-mod-title2 { top: 10rem;} .mod-title-en2 { font-size: 1rem; margin: 5px 0; } .index-mod-title .mod-title-name { font-size: 2rem; font-weight:normal; } .shuju { width:94%; margin:0 auto} .shuju .box { width: 30.3333%; margin-top:1rem; margin-right:2%; } .shuju .box.box1 { background: url(../images/sz1.png) right center / 2.5rem no-repeat; padding-right:3.2rem; } .shuju h1 { font-size:2rem; height:3rem; } .shuju h2 { font-size: 1.1rem;} .shuju .box.box3 { background: url(../images/sz3.png) right center / 2.5rem no-repeat; padding-right: 3.2rem } .shuju .box.box4 { background: url(../images/sz4.png) right center / 2.5rem no-repeat; padding-right: 3.2rem;} .shuju .box.box5 { background: url(../images/sz5.png) right center / 2.5rem no-repeat; padding-right: 3.2rem; width:38.3333%} .shuju .box.box6 { background: url(../images/sz6.png) right center / 2.5rem no-repeat; padding-right: 3.2rem; width:38.333%} .page03 .poz { top:8rem; } .page04 .poz { top:8rem; } .page4 .poz { top:5rem; } .page05 .poz { top:8rem; } .page02 .poz { top:8rem; } .page3 .poz { top:8rem; } .poz { top:7rem; } .xx2 .bd .tp .tu .more a { width: 100px; line-height: 2rem;font-size: 1.1rem; margin: 1.5rem auto 0; } .spbf { width:100%; margin:1rem auto; } .wap { width:94%; } .spbf .nr { display: block} .spbf .wzsm { width: 100%; margin-top:1rem } .spbf .bfck { width: 100%; margin-bottom:1rem} .mod-title-en { font-size: 1rem; margin:5px 0; } .spbf .wzsm p { font-size: 1.1rem; line-height:1.6; } .xx4sj .bd ul li .wz h3 a { font-size:1.1rem;line-height:1.8; } .xx4sj .bd ul li .box { width:30.3333%; float:left; margin:0 1.5%} .xx4sj {margin:1.5rem auto 0;} .site-footer .col-article dt {margin-bottom:0.5rem;font-size: 1.1rem;} .site-footer .col-code { display:none} .footer-links a { font-size:1rem; line-height:1.6; padding: 0 5px; margin: 0 0px; } .footer-info .info-text { padding: 10px 0 35px; font-size: 14px; color: #ccc; text-align: center; } .site-footer .footer-article { padding: 20px 0 20px; overflow: hidden; border-bottom: 1px solid #4b5054; } .nban h2 { font-size: 1.8rem;padding:19rem 0 15px; text-align:center; } .nban h3 { font-size: 1.1rem;text-align:center;} .nban { height:100%; } .ntit { height: auto;} .ntit ul li { line-height:2rem;} .ntit ul li a { padding: 0 1rem; font-size: 1.1rem;} .ny_gsjj .gy_wm .b_t {background: url(../images/a5.png) no-repeat center / 100% 100%;font-size: 1.4rem;line-height: 2.2rem; padding: 1rem 0 1.5rem;} .ny_gsjj .gy_wm .w_z { width:90%; top: 65%; left: 5%;font-size: 1rem; line-height: 1.3;} .menu-list { padding-left:1rem; width: 100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; } .sectionny .lm h3 {padding-left:0.8rem; margin-bottom: 1rem; font-size: 1.2rem;} .sectionny .lm ul li a { margin-right:15px; font-size: 1.1rem;} .rmfa ul li .tp img { height:7rem;} .rmfa ul li { padding:0.5rem} .rmfa ul li .tp {width:34%;} .rmfa ul li .wenz { width:64%;} .rmfa ul li .wenz h3 { font-size: 1.1rem; margin-bottom:0.5rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:0px; } .rmfa ul li .wenz .time { margin: 0px 0 0.5rem;} .rmfa ul li .wenz p { font-size: 1.1rem; line-height:1.6;} .nbancp h2 {font-size: 1.8rem;padding: 9rem 0 15px;} .nbancp h3 {font-size: 1.1rem;} .nbancp { height:18rem} .ncptit ul li a {font-size:1.2rem;padding-bottom: 1rem;} .ncptit { height:4rem; line-height: 4rem; } .cp2 { padding:20px 0 0; } .index-contact .s { padding: 0 20px;} .index-contact h6 { font-size: 2rem; line-height: 3rem; } .index-contact .btn { width: 150px;} .index-contact .btn a { height:38px; line-height:38px;font-size: 16px;} .zysjw { display:block} .zysjw .tp { width:100%; } .zysjw .wenz { width:100%; padding: 20px 20px;} .ny_al ul li img { height: 5rem;} .nfatit ul li { padding: 0 0.5rem;} .nfatit {height: auto; line-height: 4rem;} .nfatit ul li a { font-size: 1.2rem; padding-bottom: 1rem; line-height:3rem } .video-info { padding: 10px 0.5rem; } .spkc ul li h2 { margin-bottom: 10px; font-size: 1.1rem;} } @media only screen and (max-width:375px) { .xx1 .hd ul li { margin: 0 0.5rem; } .video-info .media-inline img { width: 1.8rem; height:1.8rem;} .watch__icon { margin-right:5px; } .media.media-x .float-left { margin-right:4px; } .video-info .media-body { width:6rem; } } .container { margin:0 auto; } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 990px } } @media (min-width:1200px) { .container {width: 1200px;} .ny_nr .lianxi{ padding:0px 15px; margin-top:40px; } } .ny_nr{width:100%; padding:20px 0 50px;} .ny_nr .y_l .yema ul li a.on{background-color:#374b64;} .ny_nr .lianxi{ padding:0px 15px; } .ny_nr .lianxi .x_x{width:50%; float:left;} .ny_nr .lianxi .l_y{width:50%; float:right;} .ny_nr .lianxi .d_t{margin-top:50px;} .ny_nr .lianxi h3{font-size:24px; margin-bottom:15px;font-family:Arial, Helvetica, sans-serif} .ny_nr .lianxi h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px;font-family:Arial, Helvetica, sans-serif} .ny_nr .lianxi em{width:30px; height:1px; background-color:#374b64; display:block; margin-bottom:15px;} .ny_nr .lianxi b{font-family:Arial, Helvetica, sans-serif; color:#374b64; padding-left:5px; font-size:20px !important;} .ny_nr .lianxi p{font-size:16px; line-height:32px;} .ny_nr .lianxi p i{padding-right:10px; color:#aaa;} .ny_nr .lianxi input.w_z{ width:98%; height:40px; font-size:14px; line-height:40px; margin-left:1%; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;} .ny_nr .lianxi input.a_n{margin-left:1%;width:120px; height:40px; background-color:#a81e23; font-size:14px; color:#fff; line-height:40px;} .ny_nr .lianxi textarea{width:98%;margin-left:1%; height:60px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;} .ny_nr .lianxi span{ color:#f00;} input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle; font-size:14px; font-family:Arial,sans-serif;} button{overflow:visible} @media only screen and (max-width:992px){ .ny_nr{padding-bottom:30px;} .ny_nr .lianxi .x_x{width:100%; float:none;} .ny_nr .lianxi .l_y{width:100%; float:none; margin-top:20px;} .ny_nr .lianxi input.w_z{ float:left;width:47.7%; height:40px; font-size:14px; line-height:40px; margin-left:0%; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;} .ny_nr .lianxi input.w_z{width:97.7%; height:40px; font-size:14px; line-height:40px;margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;} } .gy_wm2 .about3 ul{ width:80%; text-align:center; margin:30px auto; } .gy_wm2 .about3 ul li{ border-radius:6px; float:left; width:210px; height:auto; margin:10px 10px 10px 15px; overflow:hidden; border:1px solid #f2f2f2; margin-top:20px; position:relative; z-index:1; } .gy_wm2 .about3 ul li img{ width:100%;transition:all 3s; -webkit-transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; -o-transition:all 3s;} .gy_wm2 .about3 ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} #track h3{ text-align:center; line-height:28px;color:#005ca2; display:block; margin-top:20px; margin-bottom:20px;font-size:32px; text-transform:uppercase; } @media only screen and (max-width:992px){ .gy_wm2 .about3 { width:100%; text-align:center; } .gy_wm2 .about3 ul li{margin:1%; float:left; width:47%; display:block; overflow:hidden; border:1px solid #f2f2f2; } .gy_wm2 .about3 ul li img{ width:100%;transition:all 3s; -webkit-transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; -o-transition:all 3s;} } .ncontent{ margin:40px auto;} .znzz { width:1200px; margin:0 auto;padding:30px 0; border-bottom:#eee 1px solid; overflow:hidden} .znzz .wenz { width:600px; float:left;} .znzz .wenz .tit { line-height:30px; width:100%; font-size:20px; color:#161573;text-transform:uppercase;margin-bottom:20px;} .newBar { background-color: #015da2; height: 3px; width: 130px; margin-top: 20px; margin-bottom: 10px; } .neiye p{font-size:14px; color:#000000; line-height:22px;} .znzz .wenz .nr { line-height:32px; font-size:15px; color:#000000} .znzz .wenz .more1 a { width:110px; height:38px; line-height:38px; border:#2155b8 1px solid; display:block; text-align:center; color:#2155b8; margin-top:25px; font-size:16px} .znzz .wenz .more1 a:hover { background: url(../images/ntitbj.jpg); color:#fff} .znzz .tp { width:550px; float:right;} .znzz .tp img { width:100%; border-radius:6px;} .znzz .wenz2 { width:600px; float:right;} .znzz .wenz2 .tit { line-height:30px; width:100%; font-size:20px; color:#161573; text-transform:uppercase; margin-bottom:20px;} .znzz .wenz2 .nr { line-height:32px; font-size:15px; color:#000000} .znzz .wenz2 .more1 a { width:110px; height:38px; line-height:38px; border:#2155b8 1px solid; display:block; text-align:center; color:#2155b8; margin-top:25px; font-size:16px} .znzz .wenz2 .more1 a:hover { background: url(../images/ntitbj.jpg); color:#fff} .znzz .tp2 { width:550px; float:left;} .znzz .tp2 img { width:100%;border-radius:6px;} .tit{font-size:20px; color:#015da2;} .znzz3 { width:900px; margin:0 auto;padding:50px 0; overflow:hidden;line-height:32px; font-size:15px; color:#000000} .znzz3 .wenz23 { width:500px; float:right; } .znzz3 .wenz23 .tit { line-height:30px; width:100%; font-size:20px; color:#161573; text-transform:uppercase; margin-bottom:20px;} .znzz3 .wenz23 .nr { line-height:32px; font-size:15px; color:#000000} .znzz3 .wenz23 .more1 a { width:110px; height:38px; line-height:38px; border:#2155b8 1px solid; display:block; text-align:center; color:#2155b8; margin-top:25px; font-size:16px} .znzz3 .wenz23 .more1 a:hover { background: url(../images/ntitbj.jpg); color:#fff} .znzz3 .tp23 { width:220px; float:left; border:1px solid #f2f2f2; border-radius:6px;} .znzz3 .tp23 img { width:100%;border-radius:6px; display:block;} .znzz3 p{ margin-top:30px;} @media only screen and (max-width:992px){ .znzz { width:92%; padding:0px 0; border-bottom:#eee 1px solid; overflow:hidden} .znzz .wenz { width:100%; float:none;} .znzz .wenz .tit { line-height:35px; width:100%; color:#161573; font-size:20px;} .newBar { background-color: #015da2; height: 3px; width: 130px; margin-top: 20px; margin-bottom: 10px; } .znzz .wenz .nr { line-height:26px; font-size:14px; color:#000} .znzz .tp { width:100%; float:none;} .znzz .tp img { width:100%;margin-top:20px;margin-bottom:20px;} .znzz .wenz2 { width:100%; float:none;} .znzz .wenz2 .tit { line-height:35px; width:100%; color:#161573; font-size:20px;} .znzz .wenz2 .nr { line-height:26px; font-size:14px; color:#000} .znzz .tp2 { width:100%; float:none;} .znzz .tp2 img { width:100%; margin-top:20px; margin-bottom:20px;} .znzz3 { width:92%; margin:0 auto;padding:50px 0; overflow:hidden;line-height:32px; font-size:15px; color:#000000} .znzz3 .wenz23 { width:100%; float:none;} .znzz3 .wenz23 .tit { line-height:30px; width:100%; font-size:20px; color:#161573; text-transform:uppercase; margin:20px auto; text-align:center;} .znzz3 .wenz23 .nr { line-height:32px; font-size:15px; color:#000000} .znzz3 .wenz23 .more1 a { width:110px; height:38px; line-height:38px; border:#2155b8 1px solid; display:block; text-align:center; color:#2155b8; margin-top:25px; font-size:16px} .znzz3 .wenz23 .more1 a:hover { background: url(../images/ntitbj.jpg); color:#fff} .znzz3 .tp23 { width:60%; float:none; margin:0 auto; border:1px solid #f2f2f2; border-radius:6px;} .znzz3 .tp23 img { width:100%;border-radius:6px; display:block;} .znzz3 p{ margin-top:30px;} } .qyjjr .x_l{width:60%; margin:30px auto 0; } .qyjjr .x_l ul li{ float:left; width:33%; } .qyjjr .x_l .t{width:50%; margin:0 auto; border-radius:100%; border:2px solid #a7a7a7; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;} .qyjjr .x_l .t img{width:100%; height:auto; display:block;} .qyjjr .x_l .t img.gb{display:none;} .qyjjr .x_l .z{font-size:14px; text-align:center; width:100%; margin-left:-10px;} .qyjjr .x_l ul li:hover .t{border:2px solid #0e6eb8; background-color:#0e6eb8; transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg); -o-transform:rotateZ(360deg);} .qyjjr .x_l ul li:hover .t img{display:none;} .qyjjr .x_l ul li:hover .t img.gb{display:block;} .qyjjr .x_l ul li:hover .z a{color:#0e6eb8;} @media only screen and (max-width:992px) { .qyjjr .container{width:100%; } .qyjjr .x_l{width:100%; margin:20px auto 0;} .qyjjr .x_l .t{width:80%;} } /*公司简介结束*/ /*--/wrapper--*/ .wrapper { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .wrapper { max-width: 540px; } } @media (min-width: 768px) { .wrapper { max-width: 720px; } } @media (min-width: 992px) { .wrapper { max-width: 960px; } } @media (min-width: 1200px) { .wrapper { max-width: 1140px; } } /*--//wrapper--*/ .w3l-error-61-404 .error-61-mian { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -moz-background-size: cover; height: 100vh; z-index: 0; position: relative; display: grid; align-items: center; text-align:center; } .w3l-error-61-404 .error-61-mian:before { content: ""; position: absolute; top: 0; min-height: 100%; left: 0; right: 0; z-index: -1; } .w3l-error-61-404 .errors-16-top { margin:0 auto; } .w3l-error-61-404 h3 { font-size: 35px; line-height: 40px; margin-top:26%; color: #fff; z-index:99999999999999999999999; margin-bottom: 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-align:center; } .w3l-error-61-404 h2 { font-size:16px; line-height: 30px; color: #fff; font-weight:normal; text-transform:uppercase; margin-bottom: 20px;z-index:99999999999999999999999; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-align:center; } #about{ padding-top:40px; width: 100%; overflow: hidden;} @media (max-width: 990px) { .w3l-error-61-404 h3 {font-size:2.0rem; font-weight:normal;margin-top:70%;} .w3l-error-61-404 h2 { font-size: 1.2rem; font-weight:normal; } #about{ padding-top:30px; width: 100%; overflow: hidden;} } @media (max-width: 667px) { .w3l-error-61-404 h3 {font-size:2.0rem; font-weight:normal;margin-top:70%;} .w3l-error-61-404 h2 { font-size: 1.2rem; font-weight:normal; } #about{ padding-top:30px; width: 100%; overflow: hidden;} } @media (max-width:600px) { .w3l-error-61-404 .error-61-mian { background: url(../images/nbg2.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } #about{ padding-top:30px; width: 100%; overflow: hidden;} } @media (max-width: 440px) { .w3l-error-61-404 h3 {font-size:2.0rem; font-weight:normal;margin-top:70%;} .w3l-error-61-404 h2 { font-size: 1.2rem; font-weight:normal; } #about{ padding-top:30px; width: 100%; overflow: hidden;} } @media (max-width: 384px) { .w3l-error-61-404 h3 {font-size:2.0rem; font-weight:normal;line-height: 20px;margin-top:70%;} .w3l-error-61-404 h2 { font-size: 1.2rem; font-weight:normal;line-height: 10px; } #about{ padding-top:30px; width: 100%; overflow: hidden;} } .default { overflow: hidden; width: 100%; z-index: 0; height:100%; background-size: cover; } .default h1 { color: #fff; font-size:2.0rem; font-weight:normal; width: 100%; text-align: center; line-height: 32px; margin: 0px auto; padding: 0px; margin-top:45%; font-weight:100; } .default_circle { display: block; cursor: pointer; border: 0px;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:10px;left:50%;margin-left:-30px; z-index:99999999999999999999999999; } .default_circle:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;} @keyframes default_circle{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-webkit-keyframes default_circle{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } .arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:90px;left:50%;margin-left:0;width:95px;height:60px;cursor:pointer;overflow:hidden;} .arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;} @keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } #dituContent{width:48%;height:450px;border:#ccc solid 1px; float:left;} #dituContent2{width:48%;height:450px;border:#ccc solid 1px; float:right;} @media only screen and (max-width:992px) { #dituContent{width:100%;height:320px;border:#ccc solid 1px; float:none;} #dituContent2{width:100%;height:320px;border:#ccc solid 1px; float:none; margin-top:30px;} }