@charset "utf-8"; /* CSS Document */ /*--------------- 总体 ---------------*/ body{ position:relative; width:100%; font-family: "微软雅黑"; font-size: 14px; background:#ffffff; color:#777; overflow-x:hidden; } .en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; } .container{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;height: auto;overflow: hidden;} a { text-decoration:none; } h3, h4, h5 { font-weight:normal; } .cl{clear: both} .blank10{height:10px; line-height: 10px; clear: both; overflow: hidden} .blank20{height:20px; line-height: 20px; clear: both; overflow: hidden} .blank40{height:40px; line-height: 40px; clear: both; overflow: hidden} .wrapper{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper-sub{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper2{width:1400px;margin: 0 auto;padding: 0; height:auto; position: relative;} .mt50{margin-top: 50px;} .mt70{margin-top: 70px;} img{vertical-align: middle} .fl{float: left;} .fr{float: right;} header{width: 100%;overflow: hidden;background: url(../images/top_bg.jpg)left center repeat-x;height:100px;} .itop{height:auto;width: 100%;margin:0 auto;padding: 0;overflow: hidden;} .ilogo{float: left;height: auto;overflow: hidden} .tju{width: 100px;height: 30px;line-height: 30px;background:rgba(195,215,233,0.6);text-align: center;position: absolute;top: 0;right: 0} .tju a{font-size: 15px;font-weight: bold;color: #085087;} .isearch{float: right;height:50px;line-height:50px;position: relative;margin-top:25px;width:290px;background: #fff;} .isearch input[type=text]{position: relative;border: 0;height:48px;line-height:48px;width:calc(100% - 55px);float: left;background:none;color:#333;text-align: left;text-indent: 1em;font-size: 16px;background:#fff;} .isearch input[type=submit]{background: url("../images/search_ico.png") center center no-repeat;width:25px;height:25px;border: 0;cursor: pointer;float: right;position: absolute;right: 12px;top: 12px;} .isearch input::-webkit-input-placeholder { color: #333; } .isearch input:-moz-placeholder { color: #333; } .isearch input:-ms-input-placeholder { color: #333; } .lan{float: right;width:100px;margin-top: 35px;margin-left: 20px;display:none;} .lan a{display: inline-block;font-size: 16px;color: #444;margin:0 5px;} .lan a:nth-child(2):before{content: "|";display: inline-block;font-size:16px;color: #444;margin:0 10px 5px auto;vertical-align: middle} .lan a:hover{color: #1c91e3;} .lan a.active{color: #1c91e3} .index_banner{text-align: center;width: 100%;height:auto;overflow:hidden;margin:30px auto} .index_banner img{width: 100%;height:100%;} .banner{width: 100%;position: relative;overflow: hidden;} .nybanner{width: 100%;height:250px;position:relative;overflow: hidden;} .nybanner img{z-index: 1;position: absolute;left: 0;top: 0} .nybanner .wrapper{position: absolute;bottom:80px;left: 0;right: 0; z-index: 2;} .nybanner h2{font-size: 36px;color: #fff;margin: 0 auto;width: 100%;} .nybanner p{color: #e0bd8e;font-size: 34px;text-transform: uppercase;} .swiper-container { width: 100%;height: 100%;} .swiper-container2 { width: 100%;height: 100%;} .pagination { display: block; position: absolute; right: 10px !important; left: auto !important; text-align: right; bottom: 15px !important; width: 100%; z-index: 999; display: none; } .swiper-pagination-bullet{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #e0e0e0; margin: 0 6px !important; cursor: pointer; opacity:1; } .swiper-slide img{width:100%;height:100%} .swiper-slide h2{position: absolute;bottom:0;left: 0;width: 100%;background:rgba(0,0,0,0.6);color: #fff;text-indent: 1.5em;line-height: 50px;height: 50px;text-align: left;font-size: 16px;} .swiper-pagination-bullet-active{ background: #ff8c93;} .swiper-button-next{background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;opacity: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .swiper-button-prev{background-image: url(../images/arrow_r.png);width: 32px;height:60px;left: auto;right:0;top:50%;background-size: 100% 100%;opacity: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{opacity: 1} .swiper-pagination{text-align: right;right: 0 !important;bottom:25px !important;margin: 0 auto;width: 1200px !important;} .swiper-pagination-bullet{width: 25px;height: 25px;background: #fff;border-radius: 0;color: #085087;line-height: 25px;text-align: center} .swiper-pagination-bullet-active{background:#085087;color: #fff;} nav{width: 100%;height:50px;line-height: 50px;text-align: center;background: #1c91e3;} .swiper-container2 .pagination { display: block; position: absolute; right: 20px !important; text-align: center; bottom:10px !important; width: 100%; z-index: 999; text-align: right; } .swiper-container2 .swiper-pagination-bullet{ display: inline-block; width: 10px !important; height: 10px !important; border-radius: 50%; background: #ededed !important; margin: 0 5px; cursor: pointer; opacity:1 !important; } .swiper-container2 .swiper-pagination-bullet-active{ background: #4da3e4 !important;} .nav_menu3, .nav_menu3 ul, .nav_menu3 #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 ul li { margin: 0; padding: 0; border: 0; list-style: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 ul{position: relative;} .nav_menu3 #menu-button { margin-top: 100px; background: #F00; position: absolute; z-index: 99999; } .nav_menu3:after, .nav_menu3 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .nav_menu3 #menu-button { display: none; } .nav_menu3 { width: 1400px; line-height: 1; margin: 0 auto; position: relative; z-index: 99999; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #990B2C; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .nav_menu3 > ul > li { text-align: center;float: left;width:14.28% } .nav_menu3.align-center > ul { font-size: 0; text-align: center; } .nav_menu3.align-center > ul > li { display: inline-block; float: none; } .nav_menu3.align-center ul ul { text-align: left; } .nav_menu3.align-right > ul > li { float: right; } .nav_menu3.align-right ul ul { text-align: right; } .nav_menu3 > ul > li > a { text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; color: #fff; font-size: 20px; height: 50px; line-height: 50px; display: block; } .nav_menu3 > ul > li:hover { background: #015ea0; } .nav_menu3 > ul > li.active { background: #1d9bf3; } .nav_menu3 > ul > li#nav-has-sub:hover > a::after { border-color: #1d9bf3; } .nav_menu3 ul li:nth-child(6):hover ul {display:none;} .nav_menu3 ul ul { position: absolute; left: -9999px; } .nav_menu3 li:hover > ul { left: 0; } .nav_menu3.align-right li:hover > ul { left: 0; } .nav_menu3 ul ul ul { margin-left: 100%; top: 0; } .nav_menu3.align-right ul ul ul { margin-left: 0; margin-right: 100%; } .nav_menu3 ul li:nth-child(8) ul ul {margin-right: 100% !important;margin-left: 0;} .nav_menu3 ul li:nth-child(8) ul li:nth-child(2):hover ul {right: 0 !important;left: auto;} .nav_menu3 ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } .nav_menu3 ul li:hover > ul > li { height: 50px; } .nav_menu3 ul ul li a { display: block; padding: 0; height: 50px; line-height:50px; width: 200px; font-weight: bold; text-align: center; background: #015ea0; text-decoration: none; color: #fff; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; font-size: 16px; border-bottom: #00528d 1px solid; } .nav_menu3 ul ul li:hover > a, .nav_menu3 ul ul li a:hover { color: #fff; background: #003e6d; } .fck{width: 100%;height: auto;overflow: hidden;position: relative;margin:30px auto;} .article {padding: 0 30px 30px 30px} .article-t{text-align: center;margin:0 auto;padding-bottom: 20px;width:100%;} .article-t h1{font-size:24px;color: #111;font-weight: 550;font-family:"\9ED1\4F53" !important;} .article-t p{margin-top: 15px;color: #777;font-size: 16px;} .fck div,.fck p{font-size: 16px !important;color: #000;line-height: 30px !important;} .fck table tr td{border:#ddd 1px solid;padding: 12px !important;vertical-align:middle;} #sidr-left{display: none} header button { position:absolute; right:0px; top:35px; width:45px; height:24px; line-height:10px;display: none; } header button span{ display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #00518e} header .psearch{display: none;background: url("../images/seach_ico2.png")center center no-repeat;width: 36px;height: 36px;position: absolute;right:60px;top:35px;} .nybanner img{width:100%;height: 100%;object-fit: cover} .page { clear: both; display: inline-block; padding: 50px 0; width: 100%; text-align: center; font-size: 14px; } .page a { display: inline-block; margin: 0 5px; padding: 6px 12px; border: 1px #eee solid; color: #777; } .page li.thisclass { display: inline-block; margin: 0 5px; padding: 6px 12px; border: 1px #eee solid; background: #01518e; color: #fff; } .page a:hover, .page li.thisclass a { background: #01518e; color: #fff; } .page li { display: inline-block; *display:inline; *zoom:1; } .page li select { font-size: 14px; } .page li option { font-size: 14px; } .p_pages { clear:both; display:inline-block; padding:50px 0; text-align:center; font-size:16px; } .page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#00518e; color:#fff; } .page span{display:inline-block;font-size:15px;} .p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d:hover{ background:#0067b0; color:#fff; } .p_fun_d a:hover,.p_fun_d.thisclass a { background:#0067b0; color:#fff; } .page .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o{color:#555} .page .pb_sys_common .p_t{font-size:16px;} .page .pb_sys_style1 .p_no_d{background-color:#0067b0;border:#0067b0 1px solid} .page .p_fun_d:hover{color:#fff !important} .part01{width:100%;height: auto;overflow: hidden;margin: 0 auto;position: relative} .part01-l{float: left;width: 320px;padding:25px 20px;background:#e0ecf5 url(../images/index_angel.jpg)top center no-repeat;} .index-title{width: 100%;height:55px;line-height:55px;padding-bottom: 5px;border-bottom: #1c91e3 5px solid;position: relative} .index-title h2{font-size: 22px;color:#1c91e3;display: inline-block;float: left;font-weight: bold;} .index-title h2:before{background: url(../images/index_ico1.png)center center no-repeat;width:36px;height:36px;display: inline-block;content: "";margin-right: 10px;vertical-align: middle;margin-bottom: 3px;} .index-title span{display: inline-block;float: right;width: 100px;height: 30px;background: #1c91e3;text-align: center;line-height: 30px;color:#fff;margin-top: 15px;} .index-title:after{content: "";background: #e82e95;width: 100px;height: 5px;left: 0;bottom:-5px;position: absolute;border-right: #e0ecf5 2px solid;} .part01-list{width:100%;height: auto;overflow: hidden;margin-top: 30px;} .part01-list ul li{width:100%;height:60px;overflow: hidden;margin-bottom:10px;} .part01-list ul li span{width:60px;height: 50px;display: inline-block;float: left;text-align: center;background: #1c91e3;color:#fff;line-height: 25px} .part01-list ul li span b{font-weight: normal;height: 25px;line-height: 25px;display: block;color: #1c91e3;background: #fff;} .part01-list ul li h2{display: inline-block;float: right;width: calc(100% - 75px);font-size: 16px;color: #333;border-bottom: #c3ddef 1px solid;padding-bottom: 22px;margin-top: 5px;} .part01-list ul li:hover span b{color: #006cb8;} .part01-list ul li:hover span{background: #006cb8;} .part01-list ul li:hover h2{color: #006cb8;} .part01-list ul li:nth-child(8) h2{border-bottom: 0;} .p1_more{ border-radius: 4px; background:#fff;width: 80px;line-height: 30px; height: 30px;color:#1c91e3;background: #fff;float: right;margin-top: 0px;text-align: center} .p1_more a{color:#1c91e3;display: block;font-size: 16px;;} .part01-r{width: calc(100% - 390px);float: right;} .part01-r-t{width: 100%;height: auto;overflow: hidden;} .p1-r-left{width:360px;float: left;} .p1-r-right{width: calc(100% - 390px);float: right;} .p1-r-left .index-title h2{color: #333;} .p1-r-left .index-title h2:before{content:"";background: url(../images/index_ico2.png)center center no-repeat;} .p1-r-right .index-title h2{color: #333;} .p1-r-right .index-title h2:before{content:"";background: url(../images/index_ico3.png)center center no-repeat;} .p1-r-left ul{margin-top: 20px;} .p1-r-left ul li{padding: 5px 20px;text-align: left;background: #ededed;height: 30px;line-height: 30px;margin-bottom: 7px;overflow: hidden;} .p1-r-left ul li a{color: #444;font-size: 16px;display: block} .p1-r-left ul li:hover{background: #ddebf3;} .p1-r-left ul li:hover a{color: #006da5;font-weight: bold;} .p1_r_m{float: right;margin-top: 10px;} .p1_r_m a{font-size:16px;color: #006da5;} .honor{margin-top: 20px;border:#ddd 1px solid;background: #f7f7f7;padding: 38px 32px} .honor .slick-slide {border:#aaa 1px solid;margin:0 27.5px;display: inline-block;text-align:center} .honor div img{width: 220px;height: 165px;} .slick-dots{width: 100%;font-size: 0;margin-top: 30px;} .slick-dots li{display: inline-block;width:20%;float: left;} .slick-dots li button{font-size: 0;height: 5px;background: #eee;width:100%;} .slick-dots li.slick-active button{background: #1c91e3;} .part01-r-f{margin-top:10px;width:100%;height: auto;overflow: hidden;} .part01-r-f .index-title h2{color: #333;} .part01-r-f .index-title h2:before{content:"";background: url(../images/index_ico4.png)center center no-repeat;} .part01-r-f ul{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;} .part01-r-f ul li{width:23.5%;float: left;margin-right:1%;text-align: center;border:#ddd 1px solid;margin-top:30px;} .part01-r-f ul li:nth-child(4){margin-right: 0;} .part01-r-f ul li img{width:236px;height: 177px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;overflow:hidden} .part01-r-f ul li p{background: #000;text-align: center;height: 50px;line-height: 50px;padding:0 10px;color: #fff;font-size: 16px;} .part01-r-f ul li:hover p{background: #1c91e3;} .part01-r-f ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .part02{background: url(../images/angel_gray_bg.jpg)center center no-repeat;width:100%;height:400px;padding:25px 0 55px 0 ;overflow: hidden;position: relative;background-size:100% 100%;margin-top: 50px;} .videos{ position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-292px; width:800px; height:450px;z-index:9999;display:none;} .vclose { position:absolute;right:1%; top:1%; cursor: pointer; } .theme-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=40);display:none} .p2{width: 100%;position: relative;height: auto;overflow: hidden;} .part02 .blue_angel{float: left;} .part02 .p2-info{width: calc(100% - 380px);padding: 30px;float: right;background: #fff;height: 320px;margin-top:25px;position: relative;z-index: 2;overflow: hidden} .part02 .p2-info-z h2{font-size: 24px;color: #333;} .part02 .p2-info-z h2:after{content: "";background: #e7e7e7;height: 5px;width: calc(100% - 350px);float: right;vertical-align: middle;display: inline-block;margin-top:15px;} .part02 .p2-info-z p{width:52%;margin-top: 15px;font-size: 16px;color: #555;line-height: 30px;float: left;} .part02 .p2-info-z span{display: block;float:left;width: 100px;height: 30px;background: #1c91e3;text-align: center;line-height: 30px;margin-top:25px;position: absolute;bottom:30px;left: 30px} .part02 .p2-info-z span a{color:#fff;font-size: 16px;} .p2-video{position: absolute;right:30px;bottom:70px;width:396px;height: 223px;} .part03{background: url(../images/movie_bg_big.jpg)center center no-repeat;width: 100%;height:326px;overflow: hidden;background-size:100% 100%;} .scroll{overflow: hidden;width: 100%;} .part03 ul {height: 225px;margin-top:50px;overflow: hidden} .part03 ul li{display: inline-block;margin:0 10px;text-align: center;width: 300px;height: 225px} .part03 ul li img{width: 100%;height:100%;} .part04 {width: 100%;height:auto;overflow: hidden;margin:50px auto;} .links_l{width: 100%;margin: 0 auto;position: relative;height:100px; overflow: hidden;background: #fff;} .part04 .index-title h2{color: #333;} .part04 .index-title h2:before{content:"";background: url(../images/index_ico5.png)center center no-repeat;} .links_l .mask{width:88%;margin: 45px auto;position: relative;height: auto;overflow: hidden;} .links_l .mask ul{position: relative;overflow: hidden;} .links_l .mask ul li{float: left;padding:0;text-align: center;margin:0 15px} .links_l .mask ul li img{width:155px;height: 50px;} .links_l .mask ul li a{color: #333;font-size: 16px;display: block;} .links_l .next,.links_l .preview{background: url(../images/arrow_l.png) center center no-repeat;width:30px;height:54px;position:absolute;left:15px;top:40%;cursor: pointer;} .links_l .next{background: url(../images/arrow_r.png) center center no-repeat;right: 15px;left: auto;} .flogo{height:100px;width: 100%;background: url(../images/top_bg.jpg)left center repeat-x} footer{background: #1c91e3;height: 380px;width: 100%;overflow: hidden;position: relative} .foot-l{float: left;width:50%;} .foot-l .sitemap{margin-top:30px;height: auto;overflow: hidden} .foot-l .sitemap h2{font-size: 20px;border-bottom: #319fec 1px solid;padding-bottom: 10px;color:#fff;} .foot-l .sitemap h2:before{content:"";background:url(../images/foot_ico2.png)center center no-repeat;width:36px;height: 36px;display: inline-block;vertical-align: middle;margin-bottom: 5px;margin-right: 10px;} .foot-l ul{margin-top: 20px;font-size: 0;} .foot-l ul li{display: inline-block;float: left;text-align: center;width: 25%;line-height: 36px} .foot-l ul li a{display: block;font-size: 16px;color: #fff;} .foot-r{float: right;width: 35%;} .foot-l .icp{margin-top:40px;} .foot-l .icp p{display: inline-block;margin-right: 15px;color:#abe2ff;font-size: 16px;line-height: 30px} .foot-l .icp p a{color:#abe2ff;font-size: 16px;} .foot-r .address{margin-top:30px;height: auto;overflow: hidden} .foot-r .address h2{font-size: 20px;border-bottom: #319fec 1px solid;padding-bottom: 10px;color:#fff;} .foot-r .address h2:before{content:"";background:url(../images/foot_ico2.png)center center no-repeat;width:36px;height: 36px;display: inline-block;vertical-align: middle;margin-bottom: 5px;margin-right: 10px;} .foot-r .address p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 10px;} .foot-r .icp{display: none;margin-top:20px;} .foot-r .icp p{display: inline-block;margin-right: 15px;color:#abe2ff;font-size: 16px;line-height: 30px} .foot-r .icp p a{color:#abe2ff;font-size: 16px;} .list{z-index:99;} .list-l{width: 240px;float: left;margin-top:-80px;height: auto;overflow: hidden;margin-bottom:80px} .list-r{width: calc(100% - 280px);background: #fff;float: right;height: auto;overflow: hidden} .list-l-title{background: #066dd6;height:80px;line-height: 80px;text-align: center;font-size: 26px;color:#fff;} .left_nav{padding:15px;text-align: center;background:#3696d9;} .left_nav .subNav:nth-of-type(1){border-top: 0;} .left_nav .subNav{height: 55px;line-height: 55px;text-align: center;border-top: #49a8ea 1px solid;} .left_nav .subNav a{color: #fff;font-size: 18px;display: block;width: 100%;} .left_nav .subNav:hover a{color: #ddd9c0} .left_nav .active a{color: #ddd9c0} .left_nav .navContent{display: none;background: #1271b8;position: relative;margin-top:5px;} .left_nav .navContent:before{content: "";position: absolute;left: 0;right: 0;top:-14px; width: 0; height: 0;margin:0 auto;text-align: center; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 14px solid #1271b8; } .left_nav .navContent li{height: 50px;line-height: 50px;} .left_nav .navContent li a{font-size: 16px;color: #fff;} .left_nav .navContent li:hover a{color:#b3dfff} .left_nav .navContent li.active a{color:#b3dfff} .mbx{margin-bottom: 15px;padding-bottom: 15px;width: 100%;float: right;text-align: right;border-bottom: #ddd 1px solid;height: auto;overflow: hidden;margin-bottom: 30px;font-size:16px;} .mbx a{display: inline-block;margin: 0 5px;color: #333;font-size: 16px;} .mbx:before{content: "";background: url("../images/mbx-ico.png")center center no-repeat;width: 24px;height: 24px;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 5px;} .mbx a:hover{color: #00518e} .typename{font-size:28px;color: #0067b0;text-align: center;margin: 0 auto;padding-bottom: 20px;width:94%;font-weight: 550;clear: both;} .list-r-p{padding: 30px 0} .list-list {padding: 30px} .list-list ul li{width: 100%;border-bottom: #ddd 1px solid;margin-bottom:20px;padding-bottom:20px;height: auto;overflow: hidden} .list-list ul li h2{color: #333;font-size: 16px;float: left;width: 83%;display: inline-block} .list-list ul li h2:before{content: "";background: #ccc;border-radius: 50%;display: inline-block;margin-right: 10px;margin-bottom:3px;width: 6px;height: 6px;} .list-list ul li p{width: 17%;text-align: right;float: right;color: #999;font-size: 14px;} .list-list ul li:hover h2{color: #0067b0;} .list-list ul li:hover p{font-weight: bold;color: #0067b0;} .list-list ul li:hover h2:before{content: ""; background:#0067b0;} .list-list ul li:last-child{border-bottom: 0;} .left-video{position:static;width: 100%;margin-top: 30px;height: auto;} .left-video img{width: 100%;} .left-product{margin-top: 30px;width: 100%;height: auto;overflow: hidden} .left-product h2{font-size: 20px;text-align: center;position: relative;z-index: 2;background: #fff;color:#333;} .left-product h2:before{content: "";height: 1px;background: #b3b3b3;position: absolute;width:28%;left:0;top:50%;z-index: -1;} .left-product h2:after{content: "";height: 1px;background: #b3b3b3;position: absolute;width:28%;right:0;top:50%;z-index: -1;} .left-p{margin: 25px auto;width:100%;height: auto;overflow: hidden;} .left-p img{width:236px;height: 177px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;overflow:hidden;border:#ddd 1px solid;} .left-p p{background: #000;text-align: center;height: 50px;line-height: 50px;padding:0 10px;color: #fff;font-size: 16px;} .left-p:hover p{background: #1c91e3;} .left-p:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .left-p-more{width: 130px;height: 45px;margin: 0 auto;line-height: 45px;text-align: center;border:#333 1px solid;} .left-p-more a{color: #333;font-size: 16px;} .list-honor {padding: 30px} .list-honor ul li{width:30%;border:#aaa 1px solid;margin-right: 4%;margin-bottom:4%;float: left;text-align: center} .list-honor ul li img{width: 100%;} .list-honor ul li:nth-child(3n){margin-right:0;} .list-product {padding: 30px;text-align: center;} .list-product img.cp_pic{text-align: center;margin:0 auto 30px auto;} .list-product ul{margin-bottom: 50px;height: auto;overflow: hidden} .list-product ul li{width:28%;margin-right: 2%;margin-bottom:2%;float: left;text-align: center;background: #ededed;padding:15px 2%} .list-product ul li:nth-child(3n){margin-right:0;} .list-product ul li a{display: block;color: #333;font-size: 16px;} .list-product ul li:hover{background: #1c91e3;} .list-product ul li:hover a{color: #fff;} .party .left_nav .subNav{border-top: #ff7d7d 1px solid;} .party .left_nav{background: #cb3333;} .party .left_nav .subNav:nth-of-type(1){border-top: 0;} .party .list-l-title{background:rgba(190,0,0,0.8);} .party nav{background: #c31313;} .party nav ul li.active{background: #aa0d0d;} .party nav ul li:hover{background: #aa0d0d;} .party footer{background: #c31313;} .party .foot-l .sitemap h2{border-bottom: #e95a5a 1px solid;} .party .foot-r .address h2{border-bottom: #e95a5a 1px solid;} .party .foot-l .icp p a{color:#f4a5a5;} .party .foot-r .icp p a{color:#f4a5a5;} .party .foot-l .icp p{color:#f4a5a5;} .party .foot-r .icp p{color:#f4a5a5;} .party .nav_menu3 ul ul li:hover > a,.party .nav_menu3 ul ul li a:hover { background: #aa0d0d;} .party .nav_menu3 ul ul li a { background: #aa0d0d;} .party .typename{color:#bb0000;} .party .list-list ul li:hover h2{color: #bb0000;} .party .list-list ul li:hover p{font-weight: bold;color: #bb0000;} .party .list-list ul li:hover h2:before{content: ""; background:#bb0000;} .party .p_fun_d:hover{ background:#bb0000; color:#fff; } .party .p_fun_d a:hover,.p_fun_d.thisclass a { background:#bb0000; color:#fff; } .party .page .pb_sys_style1 .p_no_d{background-color:#bb0000;border:#01518e 1px solid} @media screen and (max-width:1368px){ .wrapper{width: 96%;} .wrapper2{width: 96%;} .nav_menu3{width:96%;} .nav_menu3 ul ul li a{width: 185.2px;} .nav_menu3 > ul > li > a{font-size: 18px;} .index_l{float: none;width: 100%;} .index_r{float: none;width: 100%;margin-top: 20px;} .part03-r{text-align: center} .foot-l{float: none;width: 100%;text-align: center} .foot-l .sitemap h2{text-align: left} .foot-l .icp{display: none;} .foot-r .icp{display: block;} .foot-r{float: none;width: 100%;margin-top:30px;height:auto;overflow: hidden} footer{height: auto;overflow: hidden;padding-bottom: 20px;} .foot-l p{display: none} .foot-r ul{float: none;width: 100%;} .foot-r ul:nth-child(2){float: none;text-align: left} .part01-r-f ul li img{width:213px;height: 160px;} .part01-l{padding: 15px 20px} } @media screen and (max-width:800px){ header button{display: block} header .psearch{display: block} .xs-nav {height: 100%;background: #333;position: fixed;right: -200px;top: 0;width: 200px;overflow: hidden;display: none;} .xs-nav #index_xiala li{height: 40px;line-height: 40px;text-align:center;border-bottom: #ddd 1px solid;} .xs-nav #index_xiala li a{color: #fff;} .itop{background:none;} .ilogo{width: 100%;float: none;} .ilogo img{width:75%;} nav{display: none} .isearch{float: none;display: none;width: 100%} .tju{display: none} .isearch {margin-top: 0;margin-bottom: 20px;} .videos{width:640px;height:360px;margin-left:-320px;margin-top:-180px} header{height:auto;background: none;} .lan{display: none} .isearch{border:#00518e 1px solid} .index_banner{margin:0 auto 30px auto} .isearch input[type=submit]{background: url("../images/seach_ico2.png")center center no-repeat;background-size:100% 100%} .part01-l{float:none;width:calc(100% - 40px);position:relative;} .part01-r{float:none;width:100%} .p1-r-left{float:none;width:100%} .p1-r-right{float:none;width:100%;margin-top:20px;} .p1_more{float:none;position:absolute;right:20px;bottom:20px} .part01-r-f{margin-top:20px} .part01-r-f ul{font-size:0;display:block} .part01-r-f ul li{width:47.5%;margin:25px 1% 0 1%;display:inline-block} .part02{margin-top:25px;height:auto} .part02 .blue_angel{display:none;} .p2-video{position:static} .part02 .p2-info{width:calc(100% - 60px);height:auto;margin-top:0;float:none;} .part02 .p2-info-z h2:after{content:"";display:none;} .part02 .p2-info-z p{float:none;width:100%;} .p2-video{margin:20px auto;} .part02 .p2-info-z span{right:20px;bottom:20px;left:auto} .list-l{float:none;margin:20px auto;} .list-r{float:none;width:100%} .mbx{float:left;text-align:left} .nav_d_d{display:none;} .list-product img.cp_pic{width:100%} .list-product{padding:20px 15px} .list-product ul li{width:96%;margin:10px auto;} .my-map{padding:0 !important;height:350px !important} .list-list{padding:20px 15px;} } @media screen and (max-width:640px){ .videos{width:400px;height:225px;margin-left:-200px;margin-top:-112.5px} } @media screen and (max-width:480px){ header .psearch{top: 35px;} header button{top:35px} .fck img{width: 100% !important;height:100% !important} .article{padding: 15px} .videos{width:320px;height:180px;margin-left:-160px;margin-top:-90px} .part01-r-f ul li{width:97.5%} .p2-video{width:100%;} .p2-video img{width:100%} header{margin-bottom:10px;padding-top: 10px;} .index_banner{margin-bottom: 15px;} header .psearch{top:10px} header button{top:10px} .honor div img{margin:0 auto} .flogo{height:auto;} .flogo img{width:100%;} .links_l .next, .links_l .preview{background-size:cover;width:15px;height:27px;top:60%;} .links_l .preview{left:0} .links_l .next{right:0} .part02 .p2-info-z h2{font-size:20px;} .my-map{height:250px !important} .fck img{width:100% !important;height:100% !important} .list-list ul li h2{width:75%} .list-list ul li p{width:25%} } @media screen and (max-width:375px){ .ilogo img{width: 70%;} header .psearch{top:5px} header button{top:5px} }