body {color:#555555} a{color:#555555}a:active,a:hover {color:#203f9a} body{overflow-x:hidden;} #obtn{float: left; width: 100%;} @media (min-width: 768px) { .container{ width: 768px; } } @media (min-width: 1024px) { .container{ width: 1024px; } } @media (min-width: 1300px) { .container{width:1300px;} } .wap_show{display:none;} @media (max-width: 768px) { .pc_show{display:none;} .wap_show{display:initial;} } /*Top*/ #obtn .topHeader{ width: 100%; position: fixed; top:21px; left: 0; z-index: 9999;} #obtn .topHeader .logo{ float:left; font-size: 0; line-height: 0;} #obtn .topHeader .logo img{height:60px;margin-top:5px;} #obtn .topHeader .logo.wap_show{ height:40px; } #obtn .topHeader .logo.wap_show img{height:40px;width:auto; } #obtn .topHeader .right{ float: right; } #obtn .topHeader .right .menu{ float: right;} #obtn .topHeader .right .menu .menu_ph{ -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #obtn .topHeader .right .menu .menu_btn{ width:30px; height:30px; float: left; cursor: pointer; background: url(../images/top3.png) center no-repeat; background-size: cover; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #obtn .topHeader .right .menu{ display:none;} #obtn .topHeader .menu1{ float:left; margin:20px 100px 0 0;} #obtn .topHeader .menu1 .l1{ float:left; margin:0 30px;} #obtn .topHeader .menu1 .l1 .a1{ float:left; color:#fff; font-size:18px; line-height:42px; position:relative;} #obtn .topHeader .menu1 .l1:hover .a1, #obtn .topHeader .menu1 .l1.active .a1{ color:#203f9a} #obtn .topHeader.pageHeader .menu1 .l1{ position: relative;} #obtn .topHeader.pageHeader .menu1 .l1 .a1{ display: block; padding: 0 0 21px 0;} #obtn .topHeader.pageHeader .menu1 .sub{ display: none; position: absolute; top: 62px; width: 110px; left: 50%; margin-left: -55px; background: #fff; z-index: 9999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #obtn .topHeader.pageHeader .menu1 .sub li{ font-size: 16px; line-height: 20px; padding: 10px 0; text-align: center;} #obtn .topHeader.pageHeader .menu1 .sub li:hover{ background: #072f4e;} #obtn .topHeader.pageHeader .menu1 .sub li a{ color: #333;} #obtn .topHeader.pageHeader .menu1 .sub li:hover a{ color: #fff;} #obtn .searchBox{float: left; width: 42px; height: 42px; position: relative; display:none;} #obtn .searchBox .soImg{float: left; width: 42px; height: 42px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); font-size: 0; line-height: 0; cursor: pointer; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } #obtn .searchBox .soInput{position: absolute; right: 0; top:60px; width:260px; height:46px; background:#fff; display: none; z-index: 22;} #obtn .searchBox .soInput .soBi{float: left; width:214px; height:46px; border:2px solid #dddddd; text-indent: 10px; font-size: 16px;color:#333;} #obtn .searchBox .soInput .butBox{float: left; background: #072f4e; width: 46px; height: 46px; font-size: 0;line-height: 0; position: relative} #obtn .searchBox .soInput .butBox:after{position: absolute; content: '';width: 0;height: 0; top:-9px; left: 50%; margin-left: -6px; border-left:6px solid transparent; border-right: 6px solid transparent; border-bottom:10px solid #203f9a; } /*.topbox{height:113px;}*/ @media (max-width: 1299px) { #obtn .topHeader .right .menu{ display:none;} #obtn .topHeader .menu1{ float:left; margin:0 30px 0 0;} #obtn .topHeader .menu1 .l1{ float:left; margin:0 20px;} } @media (max-width: 1023px) { #obtn .topHeader{ top:20px;} #obtn .topHeader .logo img{ height:50px;} #obtn .searchBox{display: none;} #obtn .topHeader .right .menu{ margin-left:15px;} #obtn .topHeader .right .menu .menu_ph.on{ width: 90%;} #obtn .topHeader .right .menu{ display:block;} #obtn .topHeader .menu1{ display:none;} /*.topbox{height:81px;}*/ } @media (max-width: 767px) { #obtn .topHeader{ top:15px;} #obtn .topHeader .logo img{ height:40px;} #obtn .topHeader .right{margin-top:8px;} #obtn .topHeader .right .menu .menu_btn{width: 28px; height: 28px;} /*.topbox{height:53px;}*/ } /*手机导航*/ #obtn .pf_menu_bg{ width:0; height: 100%; position:fixed; left:0; top:0!important; z-index: 99999; background:white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .pf_menu{ position:fixed; width:100%; height:100%; left:-100%; top:0; display:block !important; float: left; z-index:999999; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .pf_menu_bg.on{ width:100%;} #obtn .pf_menu.on{ left:0;} #obtn .pf_menu .closed{ width:100%; height:86px; float:left; padding:20px 70px 0 70px; position:absolute; left:0; top:0; z-index:666;} #obtn .pf_menu .closed .pf_menu_btn{ float:right; cursor:pointer; cursor:pointer;} #obtn .pf_menu .closed .pf_menu_btn img{ -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .ph_menu{ float:left; width:100%; text-align:center; overflow:hidden; } #obtn .ph_menu .nav_box{ width:100%; height:100%; position:relative;} #obtn .ph_menu .nli{ float:left; position:relative; height:100%; width:20%; border-right:solid 1px #353536; padding-top:25%;} #obtn .ph_menu .nli p{ position:relative; z-index:2;} #obtn .ph_menu .nli .l1_a{ display:block; float:left; width:100%; color:#3e3e3e; font-size:24px; line-height:34px; letter-spacing:1px; position:relative;} #obtn .searPH{float: left; width: 100%; margin-top: 20px;} #obtn .searInBox{float: left; width: 100%; background: #eeeeee; padding-right:50px; overflow: hidden; position: relative; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } #obtn .searInBox input{float: left; width: 100%; height: 40px; border:0; background: #eeeeee; text-indent:20px; line-height: 40px; font-size: 14px;} #obtn .searInBox a{position: absolute; width:50px; height:40px; top:0; right: 0; background: #072f4e; text-align: center; } #obtn .searInBox a img{width: 40px; height: 40px;} @media screen and (min-width:1023px) { #obtn .ph_menu .nli:hover .l1_a{ color:#d00000;} } #obtn .pf_menu.on .nli.l1{ -webkit-animation:fadeInLeft1 0.5s 0s ease both; -moz-animation:fadeInLeft1 0.5s 0s ease both;} #obtn .pf_menu.on .nli.l2{ -webkit-animation:fadeInLeft1 0.5s 0.2s ease both; -moz-animation:fadeInLeft1 0.5s 0.2s ease both;} #obtn .pf_menu.on .nli.l3{ -webkit-animation:fadeInLeft1 0.5s 0.4s ease both; -moz-animation:fadeInLeft1 0.5s 0.4s ease both;} #obtn .pf_menu.on .nli.l4{ -webkit-animation:fadeInLeft1 0.5s 0.6s ease both; -moz-animation:fadeInLeft1 0.5s 0.6s ease both;} #obtn .pf_menu.on .nli.l5{ -webkit-animation:fadeInLeft1 0.5s 0.8s ease both; -moz-animation:fadeInLeft1 0.5s 0.8s ease both;} #obtn .pf_menu.on .nli.l6{ -webkit-animation:fadeInLeft1 0.5s 1s ease both; -moz-animation:fadeInLeft1 0.5s 1s ease both;} #obtn .pf_menu.on .nli.l6{ border-right:0;} @-webkit-keyframes fadeInLeft1{ 0%{opacity:0; -webkit-transform: translate3d(-30%, 0, 0)} 100%{opacity:1; -webkit-transform: translate3d(0, 0, 0)} } @-moz-keyframes fadeInLeft1{ 0%{opacity:0; -webkit-transform: translate3d(-30%, 0, 0)} 100%{opacity:1; -webkit-transform: translate3d(0, 0, 0)} } @media screen and (max-width:1023px) { #obtn .pf_menu .closed{ padding:10px 20px 0 20px; height:90px; border-bottom:solid 1px #ccc;} #obtn .ph_menu .nav_box{ padding-top:90px;} #obtn .ph_menu .nli{ width:100%; height:auto; border-right:0; border-bottom:solid 1px #ccc; padding-top:0; padding:0 15px;} #obtn .ph_menu .nli p{float:left; width:100%;} #obtn .ph_menu .nli .l1_a{ height:48px; font-size:16px; line-height:46px; padding:0 10px;} #obtn .ph_menu .nli .l1_a i{display:block; position:absolute; right:12px; top:15px; background:url(../images/xiap22.png) no-repeat; width:15px; height:8px;} #obtn .ph_menu .nli p.active .l1_a i{background:url(../images/xiap2.png) no-repeat;} #obtn .pf_menu .closed .pf_menu_btn{ margin-top:10px;} #obtn .ph_menu .nli ul.ul1{display: none; float:left; width:100%; padding:3px 0; border-top:solid 1px #ccc;} #obtn .ph_menu .nli li.li h4, #obtn .ph_menu .nli li.li h5{float:left; width:100%;} #obtn .ph_menu .nli li.li{width:100%; padding: 0 15px; border-bottom:solid 1px #ccc; float:left;} #obtn .ph_menu .nli li.li:last-child{border-bottom:0;} #obtn .ph_menu .nli li.li a{padding: 0; text-align: center; display:block; line-height:35px; font-size:14px; position:relative;} #obtn .ph_menu .nli li.li a i{display: none} #obtn .ph_menu .nli li.li a span{display:block; position:absolute; right:12px; top:15px; background:url(../images/xiap22.png) no-repeat; width:15px; height:8px;} #obtn .ph_menu .nli li.li .active a span{background:url(../images/xiap2.png) no-repeat;} #obtn .ph_menu .nli li.li .ul2{margin: 0; float:left; width:100%; padding:3px 0; border-top:solid 1px #ccc;} #obtn .ph_menu .nli li.li .ul2 .li1{/*border-bottom:solid 1px #ccc;*/ float:left; width:100%;} #obtn .ph_menu .nli li.li .ul2 .li1:last-child{border-bottom:0;} #obtn .ph_menu .nli li.li .ul2 .li1 a{ height:24px; line-height:24px; font-size:12px;} } @media screen and (max-width:767px) { #obtn .topHeader .topRight{ width:100%;} #obtn .topHeader .topLang{ width:auto;} #obtn .ph_menu .nav_box{ height:auto;} #obtn .topHeader .topLang{ float:left; margin-top:15px; font-size:12px;} #obtn .topHeader .topLang a{ padding:0 8px; font-size:14px; line-height:30px;} #obtn .topHeader .topLang a:last-child:before{ height:10px; margin-top:-4px;} #obtn .ph_menu .nav_box{ padding-top:60px;} #obtn .pf_menu .closed{ height:auto; padding:0 10px 0 10px; height:60px;} #obtn .ph_menu{ position:relative; height:auto;} #obtn .pf_menu .closed .pf_menu_btn{ width:auto; height:auto; line-height:0px; margin-top:20px;} #obtn .pf_menu .closed .pf_menu_btn img{ width:22px;} #obtn .ph_menu .nli .l1_a{ height:42px; font-size:14px; line-height:40px;} } /*手机底部导航*/ #obtn .pf_down{ display:none; width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#2e4b60de; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #obtn .pf_down li{ width:25%; float:left; text-align:center; padding:6px 0 6px 0; border-right:1px solid rgba(255,255,255, 0.2);} #obtn .pf_down li:last-child{ border:none;} #obtn .pf_down li .ico7{ width:100%; float:left; line-height:0;} #obtn .pf_down li .ico7 img{ width:22px; height:22px;} #obtn .pf_down li .name{ width:100%; float:left; font-size:12px; color:#fff; line-height:14px; margin-top:2px;} @media screen and (max-width:767px ){ #obtn .pf_down{ display:block;} } /*右侧漂浮*/ #obtn .right_pf{ float:left; position:fixed; right:5px; bottom:25%; margin-top:-186px; width:68px; z-index:101; text-align:center;} #obtn .right_pf.active{ display:none;} #obtn .right_pf .ul2{ float:left; width:100%; margin-top: 1px;} #obtn .right_pf .ul2 li{ float:left; width:100%; margin-top:1px; position: relative} #obtn .right_pf .ul2 li a{ float:left; width:100%; background:#585a5f; background: rgb(41 75 159 / 50%); height:75px; position: relative; z-index: 10;} #obtn .right_pf .ul2 li a i{ float:left; width:100%; line-height:0; margin-top:9px;} #obtn .right_pf .ul2 li a h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px;} #obtn .right_pf .ul2 li a:hover{ background: #111b48;} #obtn .right_pf .ul2 li .Hotline{ float:left; position:absolute; top:0; right:-300px; background: #111b48; padding:6px 95px 7px 20px; color:#fff; font-size:16px; white-space: nowrap; line-height:31px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; text-align: left; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; z-index:9; } #obtn .right_pf .ul2 li:hover .Hotline{ right:0;} #obtn .right_pf .ul2 li .ErWeiMa{ float:left; position:absolute; top:0; right:0px; background: #111b48; right:-550px; white-space: nowrap; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; text-align: left; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; z-index:9; } #obtn .right_pf .ul2 li:hover .ErWeiMa{ right:0;} /*banner*/ #obtn .slide_banner{ float:left; width:100%; position:relative; overflow:hidden; text-align:center;font-size: 0; line-height: 0;} #obtn .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #obtn .slide_banner img{ width:100%;} #obtn .slide_banner .slick-dots{ height:26px; bottom:40px;} #obtn .slide_banner .slick-dots li{ width:29px; height:26px; margin:0 45px; background: url("../images/btn1.png") no-repeat center; background-size: 100%; text-indent:-9999px;vertical-align:top; position: relative} #obtn .slide_banner .slick-dots li:before, #obtn .slide_banner .slick-dots li:after{position: absolute; content: ''; width: 45px; height: 2px; left:29px; top:50%; margin-top: -1px; background: url("../images/btn2.png") repeat-x;} #obtn .slide_banner .slick-dots li:before{left: auto; right:29px;} #obtn .slide_banner .slick-dots li:first-child:before{display: none} #obtn .slide_banner .slick-dots li:last-child:after{display: none;} #obtn .slide_banner .slick-dots li.slick-active{background: url("../images/btn1_1.png") no-repeat center; background-size: 100%; } #obtn .slide_banner .slick-prev, #obtn .slide_banner .slick-next{ width:46px; height:72px; background:#ffffff; background: rgba(255,255,255,0.05); left:7.5%; z-index: 9; margin-top:0;} #obtn .slide_banner .slick-next{ left:auto; right:7.5%;} #obtn .slide_banner .slick-prev:hover, #obtn .slide_banner .slick-next:hover{ background: #111b48; background: rgba(32,63,154,0.2);} #obtn .slide_banner .slick-prev:after, #obtn .slide_banner .slick-prev:before, #obtn .slide_banner .slick-next:after, #obtn .slide_banner .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #obtn .slide_banner .slick-prev:hover:after, #obtn .slide_banner .slick-prev:hover:before, #obtn .slide_banner .slick-next:hover:after, #obtn .slide_banner .slick-next:hover:before{background: #fff;} #obtn .slide_banner .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-5px; left:4px; } #obtn .slide_banner .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:6px; left:18px; } #obtn .slide_banner .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:5px; left:-1px; } #obtn .slide_banner .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-5px; left:14px;} @media screen and (max-width:1299px){ #obtn .slide_banner .slick-prev, #obtn .slide_banner .slick-next{ left:10px;} #obtn .slide_banner .slick-next{ left:auto; right:10px;} } @media screen and (max-width:1023px){ #obtn .slide_banner .slick-dots{ bottom:25px; height: 20px;} #obtn .slide_banner .slick-dots li{ width:20px; height:18px; margin:0 25px; } #obtn .slide_banner .slick-dots li:before, #obtn .slide_banner .slick-dots li:after{ left:20px; width: 25px;} #obtn .slide_banner .slick-dots li:before{left: auto; right:20px;} #obtn .slide_banner .slick-dots li:first-child:before{display: none} #obtn .slide_banner .slick-dots li:last-child:after{display: none;} #obtn .slide_banner .slick-prev, #obtn .slide_banner .slick-next{ width:35px; height:60px;} #obtn .slide_banner .slick-prev:after{left: -5px} #obtn .slide_banner .slick-prev:before{left: 10px;} #obtn .slide_banner .slick-next:after{left: -2px;} #obtn .slide_banner .slick-next:before{left: 12px;} } @media screen and (max-width:767px) { #obtn .slide_banner .slick-dots {bottom: 20px;} #obtn .slide_banner .slick-dots li{margin: 0 15px;} #obtn .slide_banner .slick-dots li:before, #obtn .slide_banner .slick-dots li:after{ left:20px; width:15px;} #obtn .slide_banner .slick-dots li:before{left: auto; right:20px;} #obtn .slide_banner .slick-dots li:first-child:before{display: none} #obtn .slide_banner .slick-dots li:last-child:after{display: none;} } /*main*/ #obtn .homeSerBox{float: left; width: 100%; margin: 115px 0 120px 0;} #obtn .hTit{float: left; width: 100%; text-align: center; line-height: 65px; color:#002c4fbf; } #obtn .hTit h1{float: left; width: 100%;position: relative;padding-top:25px; font-size: 48px; letter-spacing: 1px;} #obtn .hTit h1 em{position: absolute; left: 0; top:0; width: 100%; text-align: center; color:#000; font-size: 72px; line-height: 70px; opacity: 0.09;filter: alpha(opacity=9); font-weight: bold; letter-spacing:2px} #obtn .hTit h6{float: left; width: 100%; margin-top: 10px; color:#555555; font-size: 18px; line-height: 30px; letter-spacing: 3px;} @media screen and (max-width:1299px) { #obtn .hTit{line-height: 55px;} #obtn .hTit h1{font-size: 42px;} #obtn .hTit h1 em{font-size: 62px; line-height: 60px;} } @media screen and (max-width:1023px) { #obtn .hTit{line-height:45px;} #obtn .hTit h1{font-size:36px; padding-top: 20px;} #obtn .hTit h1 em{font-size:52px; line-height: 50px;} } @media screen and (max-width:767px) { #obtn .hTit{line-height:35px;} #obtn .hTit h1{font-size:28px; padding-top: 15px;} #obtn .hTit h1 em{font-size:40px; line-height: 40px; letter-spacing: 0;} #obtn .hTit h6{letter-spacing: 1px} } #obtn .homeSerList{float: left; width: 100%; margin-top: 45px;} #obtn .homeSerList li{float: left; width:33.3333%; border-right: 1px solid #dddddd; border-bottom: 1px solid #ddd; padding: 0 57px 60px 57px; text-align: center; position: relative} #obtn .homeSerList li:nth-child(3n){border-right: 0;} #obtn .homeSerList li:nth-child(4){border-bottom: 0; padding: 60px 57px 0 57px;} #obtn .homeSerList li:nth-child(5){border-bottom: 0; padding: 60px 57px 0 57px;} #obtn .homeSerList li:nth-child(6){border-bottom: 0; padding: 60px 57px 0 57px;} #obtn .homeSerList li:after{position: absolute; content:''; width: 40px; height: 42px; background: url("../images/main8.png") no-repeat; right: -20px; bottom: -21px;} #obtn .homeSerList li:nth-child(3):after, #obtn .homeSerList li:nth-child(4):after, #obtn .homeSerList li:nth-child(5):after, #obtn .homeSerList li:nth-child(6):after{display: none;} #obtn .homeSerList li .tImg{float: left; width: 100%; font-size: 0; line-height: 0; position: relative} #obtn .homeSerList li .tImg .icoS{position: absolute; width: 100%; left: 0; top:0;} #obtn .homeSerList li .tImg img{ -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .homeSerList li .tImg:before, #obtn .homeSerList li .tImg:after{position: absolute;content: ''; width: 28px; height: 32px; background: url("../images/main7-2.png"); background-size: 100%; left: 50%; margin-left:20px;top:6px; opacity: 0.1;filter: alpha(opacity=10);} #obtn .homeSerList li .tImg:before{width: 14px; height: 16px;top: auto; bottom: 4px; margin-left: -60px;} #obtn .homeSerList li .H1{float: left; width: 100%; color:#333333; font-size: 20px; line-height: 30px; font-weight: bold; margin-top: 25px;} #obtn .homeSerList li .dText{float: left; width: 100%; color:#555555; font-size: 15px; line-height: 28px; margin-top: 18px; height:112px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } #obtn .homeSerList li .dl{float: left; width: 100%; margin-top: 3px; height:92px;} #obtn .homeSerList li:nth-child(4) .dl{height: 184px;} #obtn .homeSerList li:nth-child(5) .dl{height: 184px;} #obtn .homeSerList li:nth-child(6) .dl{height: 184px;} #obtn .homeSerList li .dl dd{float: left; width: 50%; padding: 0 5px 0 0; margin-top: 10px;} #obtn .homeSerList li .dl dd:nth-child(2n){padding: 0 0 0 5px;} #obtn .homeSerList li .dl dd a{float: left; width: 100%; height: 36px; color:#555555; font-size: 14px; line-height: 36px; background: #f4f4f5;} #obtn .homeSerList li .dl dd a:hover{color:#fff; background: #072f4e;} #obtn .homeSerList li:hover .tImg img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); } @media screen and (max-width:1299px) { #obtn .homeSerBox{margin:90px 0;} #obtn .homeSerList li{padding: 0 25px 30px 25px;} #obtn .homeSerList li:nth-child(4), #obtn .homeSerList li:nth-child(5), #obtn .homeSerList li:nth-child(6){padding:30px 25px 0 25px;} } @media screen and (max-width:1023px) { #obtn .homeSerBox{margin: 60px 0;} #obtn .homeSerList li{width: 50%;} #obtn .homeSerList li:nth-child(2n){border-right: 0;} #obtn .homeSerList li:nth-child(3){border-right: 1px solid #dddddd} #obtn .homeSerList li:nth-child(4){border-bottom: 1px solid #dddddd} #obtn .homeSerList li:nth-child(4), #obtn .homeSerList li:nth-child(3){padding:30px 25px 30px 25px;} #obtn .homeSerList li:nth-child(3) .dl{height: 184px;} #obtn .homeSerList li:nth-child(2n):after{display: none} #obtn .homeSerList li:nth-child(3):after{display: block;} } @media screen and (max-width:767px) { #obtn .homeSerBox{margin: 35px 0 15px 0;} #obtn .homeSerList{margin-top:10px;} #obtn .homeSerList li, #obtn .homeSerList li:nth-child(2), #obtn .homeSerList li:nth-child(3), #obtn .homeSerList li:nth-child(4), #obtn .homeSerList li:nth-child(5), #obtn .homeSerList li:nth-child(6){width: 100%; padding: 20px 15px; border-right: 0;} #obtn .homeSerList li:nth-child(5){border-bottom: 1px solid #dddddd} #obtn .homeSerList li:after, #obtn .homeSerList li:nth-child(3):after{display: none;} #obtn .homeSerList li .dl, #obtn .homeSerList li:nth-child(2) .dl, #obtn .homeSerList li:nth-child(3) .dl, #obtn .homeSerList li:nth-child(4) .dl, #obtn .homeSerList li:nth-child(5) .dl, #obtn .homeSerList li:nth-child(6) .dl{height: auto;} #obtn .homeSerList li .H1{margin-top: 15px;} #obtn .homeSerList li .dText{height: auto; margin-top: 10px;} } #obtn .homeAdvBox{float: left; width: 100%; background: #072f4e; position: relative} #obtn .homeAdvBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.08;filter: alpha(opacity=8); z-index: 1;} #obtn .homeAdvInfo{float: left; width: 100%; margin: 60px 0 150px 0; position: relative; z-index: 2;} #obtn .homeAdvInfo .hTit{color:#ffffff;} #obtn .homeAdvInfo .hTit h1 em{color:#ffffff; } #obtn .homeAdvInfo .hTit h6{color:#ffffff; opacity: 0.8;filter: alpha(opacity=80);} #obtn .homeAdvInfo .hAdvList{float: left; width: 100%; margin-top: 50px;} #obtn .homeAdvInfo .hAdvList li{float: left; width: 25%; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.2); padding: 0 60px; position: relative} /* #obtn .homeAdvInfo .hAdvList li:after{position: absolute; content:''; left: 80px; width: 2px; height: 60px; background: #fff; top:-30px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } */ #obtn .homeAdvInfo .hAdvList li .tImg{float: left; width: 30%; font-size: 0; line-height: 0; margin-top: 58px;} #obtn .homeAdvInfo .hAdvList li .titH1{float: right; width: 70%; color:#fff; font-size: 18px; line-height:27px; margin-top: 58px; font-weight: bold;} #obtn .homeAdvInfo .hAdvList li .dText{float: left; width: 100%; color:#fff; font-size: 15px; line-height: 28px; margin-top: 28px; } @media screen and (max-width:1299px){ #obtn .homeAdvInfo{margin:90px 0 155px 0;} #obtn .homeAdvInfo .hAdvList{margin-top: 80px;} #obtn .homeAdvInfo .hAdvList li{padding: 0 30px;} #obtn .homeAdvInfo .hAdvList li:after{left: 50px;} } @media screen and (max-width:1023px) { #obtn .homeAdvInfo{margin:60px 0 105px 0;} #obtn .homeAdvInfo .hAdvList{margin-top: 60px;} #obtn .homeAdvInfo .hAdvList li{width: 50%; padding-bottom: 30px;} #obtn .homeAdvInfo .hAdvList li .tImg{margin-top: 50px;} #obtn .homeAdvInfo .hAdvList li .dText{height: 84px; margin-top: 20px;} } @media screen and (max-width:767px) { #obtn .homeAdvInfo{margin: 35px 0 65px 0;} #obtn .homeAdvInfo .hAdvList{margin-top: 40px;} #obtn .homeAdvInfo .hAdvList li{width: 100%; padding:0 20px 40px 20px;} #obtn .homeAdvInfo .hAdvList li .titH1{margin-top: 28px;} #obtn .homeAdvInfo .hAdvList li .dText{height: auto; margin-top: 10px;} #obtn .homeAdvInfo .hAdvList li .tImg{margin-top: 30px;} #obtn .homeAdvInfo .hAdvList li:after { width: 1px; height: 50px; top: -25px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } } #obtn .homeSloganBox{float: left; width: 100%; position: relative; z-index: 3; background: #0d202e; margin-top: -116px;} #obtn .homeSloBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.1;filter: alpha(opacity=10);} #obtn .hSloWords{float: left; width: 100%; position: relative; z-index: 4; text-align: center; padding: 50px 0 50px 0; color:#fff; font-weight:100;} #obtn .hSloWords .tTel{float: left; width: 100%; font-size: 48px; line-height: 42px; letter-spacing: 3px; display: block; text-align: center} #obtn .hSloWords .tTel span{display:inline-block; width: 42px; height: 42px; font-size: 0; line-height: 0; background: #072f4e; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } #obtn .hSloWords .tTel em{display: inline-block;font-weight:100;} #obtn .hSloWords .dText{float: left; width: 100%; line-height: 42px; font-size: 36px; margin-top: 13px; letter-spacing: 3px; padding: 0 10px;} @media screen and (max-width:1299px){ #obtn .hSloWords{padding: 60px 0 50px 0;} } @media screen and (max-width:1023px) { #obtn .hSloWords{padding: 40px 0 30px 0;} #obtn .hSloWords .tTel{font-size: 38px; line-height: 40px;} #obtn .hSloWords .tTel span{ width:40px; height: 40px;} #obtn .hSloWords .dText{line-height:40px; font-size: 28px; margin-top: 13px; } } @media screen and (max-width:767px) { #obtn .homeSloganBox{margin-top:-70px;} #obtn .hSloWords{padding:30px 0 25px 0;} #obtn .hSloWords .tTel{font-size: 28px; line-height: 32px;} #obtn .hSloWords .tTel span{width:32px; height: 32px;} #obtn .hSloWords .dText{font-size: 20px; line-height: 28px; letter-spacing: 1px; margin-top: 10px;} } #obtn .homeProBox{float: left; width: 100%; background: #f4f4f5; margin-top: -118px;} #obtn .homeComPro{float: left; width: 100%; margin: 230px 0 120px 0;} #obtn .homeComList{float: left; width: 100%; margin-top: 63px; position: relative;} #obtn .homeComList .homeComBig{float: left; width: 100%;} #obtn .homeComBig .slick-slide{overflow:hidden; height:0;} #obtn .homeComBig .hCLi1{float: left; width: 100%; background: #fff; padding:53px 26.15% 80px 60px;position: relative;} #obtn .homeComBig .hCLi1 .hCBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.3;filter: alpha(opacity=30);} #obtn .homeComBig .hCLi1 .hCReg{float: left; width: 100%; position: relative; z-index: 2;} #obtn .homeComBig .hCLi1 .lTit{float: left; width: 27%;} #obtn .homeComBig .hCLi1 .lTit .en{float: left; width: 100%; color: #111b48; font-size: 24px; line-height: 28px; font-weight: bold;} #obtn .homeComBig .hCLi1 .lTit .cn{float: left; width: 100%; margin-top: 20px; font-size: 24px; line-height: 30px; color:#333333;} #obtn .homeComBig .hCLi1 .rList{float: right; width:73%; padding-left: 20px;} #obtn .homeComBig .hCLi1 .rList dd{float: left; width: 100%; border-bottom: 1px solid #e8e8e8; padding: 21px 0 24px 50px; position: relative} #obtn .homeComBig .hCLi1 .rList dd a{float: left; width: 100%; color:#333333;} #obtn .homeComBig .hCLi1 .rList dd span{position: absolute; left: 0; top:21px; width: 32px; height: 32px; line-height: 32px; color:#fff; font-weight: bold; font-size: 18px; background: #111b48; text-align: center; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } #obtn .homeComBig .hCLi1 .rList dd .tTit{float: left; width: 100%; font-size: 18px; line-height:32px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } #obtn .homeComBig .hCLi1 .rList dd .dText{float: left; width: 100%; color:#555555; font-size: 15px; line-height: 24px; margin-top: 7px; /*height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;*/ display: none; } #obtn .homeComBig .hCLi1 .rList dd.active .dText{display: block;} #obtn .homeComBig .hCLi1 .rList dd a:hover{color: #111b48;} #obtn .homeComButt{position: absolute; right: 60px; width: 17%; background: #072f4e; top:-40px; padding: 28px 0;} #obtn .homeComButt .hrefA{float: left; width: 100%; color:#fff; font-size: 20px; line-height: 88px; color:rgba(255,255,255,0.7); text-align: center; position: relative; cursor: pointer;} #obtn .homeComButt .hrefA:after{position: absolute; content: ''; width:0; border-bottom: 1px dotted #fff;border-bottom: 1px dotted rgba(255,255,255,0.2); bottom: 12px; left: 50%; margin-left:0; } #obtn .homeComButt .slick-slide.slick-current.slick-active .hrefA{color:#fff; font-weight: bold;} #obtn .homeComButt .slick-slide.slick-current.slick-active .hrefA:after{width:72%;margin-left: -36%;} @media screen and (max-width:1023px) { #obtn .homeComPro{margin: 180px 0 70px 0;} #obtn .homeComList{margin-top: 45px;} #obtn .homeComBig .hCLi1 .hCBg{opacity: 0.1;filter: alpha(opacity=10);} #obtn .homeComBig .hCLi1{padding:30px 40px 40px 40px;} #obtn .homeComBig .hCLi1 .lTit{margin-top: 10px;} #obtn .homeComBig .hCLi1 .lTit .en{font-size: 22px;} #obtn .homeComBig .hCLi1 .lTit .cn{font-size: 22px;} #obtn .homeComBig .hCLi1 .rList{padding-left: 30px;} #obtn .homeComButt{position: static; float: left; width: 100%;right: 0; top:0; padding: 0;} #obtn .homeComButt .hrefA{font-size: 18px;} } @media screen and (max-width:767px) { #obtn .homeComPro{margin: 150px 0 0px 0;} #obtn .homeComPro .hTit{display:none;} #obtn .homeComList{margin-top: 25px; display:none;} #obtn .homeComBig .hCLi1{padding:20px;} #obtn .homeComBig .hCLi1 .lTit{width: 100%; margin-top: 0;} #obtn .homeComBig .hCLi1 .lTit .en{font-size: 20px;} #obtn .homeComBig .hCLi1 .lTit .cn{font-size: 20px; margin-top:5px;} #obtn .homeComBig .hCLi1 .rList{width: 100%; padding-left: 0;} #obtn .homeComBig .hCLi1 .rList dd{padding:15px 0 15px 35px;} #obtn .homeComBig .hCLi1 .rList dd span{font-size: 16px; width: 28px; height: 28px; line-height: 28px; top:17px;} #obtn .homeComBig .hCLi1 .rList dd .tTit{font-size: 16px;} #obtn .homeComBig .hCLi1 .rList dd .dText{font-size: 14px;} #obtn .homeComButt .hrefA{line-height: 70px; font-size: 16px;} } /*homeNews*/ #obtn .homeNewsBox{float: left; width: 100%; background: #072f4e; position: relative;} #obtn .homeNewsBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.2;filter: alpha(opacity=20); z-index: 1;} #obtn .hNewsWords{float: left; width: 100%; position: relative; z-index: 2; margin-top: 30px;} #obtn .hNewsWords .hTit{color:#fff;} #obtn .hNewsWords .hTit em{color:#fff;} #obtn .homeNewsHd{float: left; width: 100%; margin-top: 10px; position: relative; z-index: 2;} #obtn .homeNewsHd ul{float: left; width: 100%;text-align: center; display: block;} #obtn .homeNewsHd li{display: inline-block; padding: 0 24px; cursor: pointer; color:#d2d2d2; font-size: 18px; line-height: 30px; position: relative} #obtn .homeNewsHd li.active, #obtn .homeNewsHd li:hover{font-weight: bold; color:#fff;} #obtn .homeNewsHd li:after{position: absolute; content: ''; left: 0; top:50%; margin-top: -7px; width: 1px; height: 17px; background: #fff; background: rgba(255,255,255,0.2);} #obtn .homeNewsHd li:first-child:after{display: none;} #obtn .homeNewsBd{float: left; width: 100%; margin-top: 45px; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.12); position: relative; z-index: 2;} #obtn .homeNewsBd .ulBox{float: left; width: 100%; position:absolute; left: 0; top:0; opacity: 0;filter: alpha(opacity=0); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .homeNewsBd .ulBox.active{position: relative; z-index: 4;opacity:1;filter: alpha(opacity=100);} #obtn .homeNewsBd .ulBox .bdBox{float: left; width: 100%; padding-bottom:80px;} #obtn .homeNewsBd .bdBox .liNews{float: left; width: 100%; border-right: 1px solid #fff; border-right: 1px solid rgba(255,255,255,0.15);} #obtn .homeNewsBd .bdBox .liNews a{float: left; width: 100%; padding: 20px; color:#fff;} #obtn .homeNewsBd .bdBox .liNews a:hover{ background: #000; background: rgba(0,0,0,0.15); } #obtn .homeNewsBd .bdBox .liNews .tImg{float: left; width: 100%; font-size: 0; line-height: 0; overflow: hidden;} #obtn .homeNewsBd .bdBox .liNews .tImg img{ -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; max-width: 100%; max-height: 200px; min-height: 150px; width: auto; height: auto; } #obtn .homeNewsBd .bdBox .liNews a:hover .tImg img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } #obtn .homeNewsBd .bdBox .liNews .tTime{float: left; width: 100%; padding: 0 10px; margin-top: 24px; font-size:14px; line-height: 26px;} #obtn .homeNewsBd .bdBox .liNews .H1{float: left; width: 100%; padding: 0 10px; font-size: 18px; line-height: 35px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #obtn .homeNewsBd .bdBox .liNews .dText{float: left; width: 100%; padding: 0 10px; font-size: 15px; line-height: 26px; margin-top: 15px; opacity: 0.6;filter: alpha(opacity=60); height: 52px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #obtn .homeNewsBd .bdBox .liNews .dMore{float: left; padding: 0 12px 0 10px; margin: 20px 0 20px 0; font-size: 14px; line-height: 30px; position: relative; opacity: 0.6;filter: alpha(opacity=60); } #obtn .homeNewsBd .bdBox .liNews .dMore:after{position: absolute; content: ''; right: 0; top:50%; margin-top: -4px; width: 0;height: 0; border-top: 4px solid transparent; border-left: 5px solid #fff; border-bottom: 4px solid transparent; } #obtn .homeNewsBd .bdBox .slick-prev, #obtn .homeNewsBd .bdBox .slick-next{ -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); transform: translate(0, 0%); width: 52px; height: 52px; background: #fff; background: rgba(255,255,255,0.1); top:auto; bottom:15px; right: auto; left:50%; margin-right:0; margin-left:-60px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .homeNewsBd .bdBox .slick-next{right: 50%; left:auto; margin-right:-60px;margin-left: 0;} #obtn .homeNewsBd .bdBox .slick-prev:after, #obtn .homeNewsBd .bdBox .slick-next:after{position: absolute; content: ''; width:52px; height: 52px; text-align: center; left: 0; top:0; background: url("../images/main18.png") no-repeat center; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .homeNewsBd .bdBox .slick-next:after{background: url("../images/main19.png") no-repeat center; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .homeNewsBd .bdBox .slick-prev:hover, #obtn .homeNewsBd .bdBox .slick-next:hover{background: #fff; box-shadow: 0px 15px 10px rgba(0,0,0,0.1); } #obtn .homeNewsBd .bdBox .slick-prev:hover:after{background: url("../images/main18_1.png") no-repeat center;} #obtn .homeNewsBd .bdBox .slick-next:hover:after{background: url("../images/main19_1.png") no-repeat center;} @media screen and (max-width:1299px) { #obtn .hNewsWords{margin-top: 90px;} #obtn .homeNewsBd .bdBox .liNews .dMore{margin: 40px 0 20px 0} /*#obtn .homeNewsBd .bdBox .slick-prev{margin-left:380px} #obtn .homeNewsBd .bdBox .slick-next{margin-left:440px}*/ } @media screen and (max-width:1023px) { #obtn .hNewsWords{margin-top: 60px} #obtn .homeNewsBd{margin-top: 35px;} #obtn .homeNewsBd .bdBox .liNews .tTime{margin-top:15px; padding: 0;} #obtn .homeNewsBd .bdBox .liNews .H1{font-size: 16px; margin-top: 10px; padding: 0;} #obtn .homeNewsBd .bdBox .liNews .dText{font-size: 14px; padding: 0; margin-top: 10px;} #obtn .homeNewsBd .bdBox .liNews .dMore{margin: 30px 0 10px 0; padding: 0 12px 0 0;} /*#obtn .homeNewsBd .bdBox .slick-prev{margin-left:260px} #obtn .homeNewsBd .bdBox .slick-next{margin-left:320px}*/ } @media screen and (max-width:767px) { #obtn .hNewsWords{margin-top: 35px;} #obtn .homeNewsHd li{font-size: 15px; padding: 0 8px;} #obtn .homeNewsBd{margin-top: 25px;} #obtn .homeNewsBd .bdBox .liNews a{padding: 15px;} #obtn .homeNewsBd .ulBox .bdBox{padding-bottom:0;} } /*homeAboutBox*/ #obtn .homeAboutBox{float: left; width: 100%; margin: 115px 0 120px 0;} #obtn .homeAboutInfo{float: left; width: 100%; margin-top: 43px;} #obtn .homeAboutInfo .lText{float: left; width:50%; padding-right: 60px} #obtn .homeAboutInfo .rImg{float: left; width: 50%; font-size: 0; line-height: 0;} #obtn .homeAboutInfo .lText .tNum{float: left; width: 100%; margin-top: 13px;} #obtn .homeAboutInfo .lText .listLi{float: left; width: 33.333%;} #obtn .homeAboutInfo .lText .listLi .digit{float: left; color: #111b48; font-size: 25px; font-family: Arial; font-weight: bold; line-height: 30px; position: relative} #obtn .homeAboutInfo .lText .listLi .digit em{position:absolute; font-size:16px; font-weight: normal; width: 21px; height: 21px; background: #072f4e; text-align: center; line-height: 20px; color:#fff; right: -25px; bottom:10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #obtn .homeAboutInfo .lText .listLi .digit span{position: absolute; font-size: 16px; font-weight: normal;right: -45px; bottom:10px; line-height: 21px;} #obtn .homeAboutInfo .lText .listLi .written{float: left; width: 100%; color:#333333; font-size: 18px; line-height: 44px;} #obtn .homeAboutInfo .lText .tWords{float: left; width: 100%; margin-top: 34px; border-top:1px solid #eaeaea; padding-top: 36px; font-size: 15px; line-height: 24px; color:#555555; height: 156px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; } #obtn .homeAboutInfo .lText .hAMore{float: left; height: 46px; border:1px solid #203f9a; border:1px solid rgba(32,63,154,0.68); margin-top: 60px; text-align: center; line-height: 44px; color: #111b48; padding: 0 55px 0 45px; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #obtn .homeAboutInfo .lText .hAMore:after{position: absolute; content: ''; width: 0; height: 0; right:41px; top:50%; margin-top: -4px; border-top:4px solid transparent; border-left: 6px solid #203f9a; border-bottom:4px solid transparent; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; } #obtn .homeAboutInfo .lText .hAMore:hover{background: #072f4e; color:#fff;} #obtn .homeAboutInfo .lText .hAMore:hover:after{border-left:6px solid #fff;} @media screen and (max-width:1299px) { #obtn .homeAboutBox{margin: 90px 0;} #obtn .homeAboutInfo .lText{padding-right: 40px;} #obtn .homeAboutInfo .lText .listLi .digit{font-size: 25px; line-height: 30px;} #obtn .homeAboutInfo .lText .tWords{margin-top: 25px; padding-top: 25px; height: 121px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; } #obtn .homeAboutInfo .lText .hAMore{margin-top: 30px;} } @media screen and (max-width:1023px) { #obtn .homeAboutBox{margin: 60px 0;} #obtn .homeAboutInfo .lText{width: 100%; padding-right: 0;} #obtn .homeAboutInfo .rImg{width: 100%; margin-top: 25px;} } @media screen and (max-width:767px) { #obtn .homeAboutBox{margin:35px 0 30px 0; display:none;} #obtn .homeAboutInfo{margin-top: 25px;} #obtn .homeAboutInfo .lText .tNum{margin-top: 0;} #obtn .homeAboutInfo .lText .listLi .digit{font-size: 25px; line-height: 30px;} #obtn .homeAboutInfo .lText .listLi .digit em{width: 16px; height: 16px; line-height: 14px; font-size: 12px;} #obtn .homeAboutInfo .lText .listLi .digit span{font-size: 14px; line-height: 16px;} #obtn .homeAboutInfo .lText .listLi .written{font-size: 16px; line-height: 38px;} #obtn .homeAboutInfo .lText .tWords{margin-top: 15px; padding-top: 15px; font-size: 14px; height: 159px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; } #obtn .homeAboutInfo .lText .hAMore{margin-top: 20px; height: 40px; line-height: 38px; font-size: 15px;} #obtn .homeAboutInfo .rImg{margin-top: 20px;} } /*pz_down*/ #obtn .downConBox{float: left; width: 100%; background: #080d23; position: relative} #obtn .downConBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.2;filter: alpha(opacity=20); z-index: 1;} #obtn .downConInfo{float: left; width: 100%; margin:80px 0; position: relative; z-index: 2} #obtn .downConInfo .lConText{float: left; width:34.6%;} #obtn .downConInfo .lConText .tH1{float: left;width: 100%; color:#fff; font-size:24px;line-height: 64px;} #obtn .downConInfo .lConText .dConText{float: left; width: 100%; margin-top: 34px; padding-left:130px;position: relative; min-height: 38px;} #obtn .downConInfo .lConText .dConText.first{margin-top: 29px;} #obtn .downConInfo .lConText .dConText .ico{position: absolute; width: 38px; height: 38px; background:#444857; background: rgba(255,255,255,0.1); left: 0; top:0; border-radius: 38px; -moz-border-radius: 38px; -webkit-border-radius: 38px; } #obtn .downConInfo .lConText .dConText em{position: absolute; left: 54px; color:#fff; line-height: 38px; font-size:15px; opacity: 0.6;filter: alpha(opacity=60);} #obtn .downConInfo .lConText .dConText .dCIn{float: left; width: 100%; color:#fff; color:rgba(255,255,255,0.6); font-size: 15px; line-height: 24px; margin-top: 7px; position: relative} #obtn .downConInfo .lConText .dConText .dCIn img{vertical-align: middle; margin-top: -2px;} #obtn .downConInfo .lConText .dConText .dCIn .QRcode{position: absolute; left:-10px; bottom:40px; width: 150px; height: 150px; font-size: 0; line-height: 0; padding: 8px; background: #fff; display: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #obtn .downConInfo .lConText .dConText .dCIn .QRcode img{margin-top: 0; width: 100%;} #obtn .downConInfo .lConText .dConText .dCIn .QRcode:after{position: absolute; content: ''; width: 0; height: 0; left: 50%; bottom: -8px; margin-left: -6px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff; } #obtn .downConInfo .lConText .dConText .dCIn:hover .QRcode{display:block;} #obtn .rFormBox{float:right; width: 63%; position: relative; padding: 35px 80px 70px 80px;} #obtn .rFormBox:after{position: absolute; content: ''; width: 150%; height: 100%; background: #072f4e; background: rgb(33 35 44 / 44%); left: 0; top:0; z-index: 1;} #obtn .rFormBox .forText{float: left; width:47%; margin-right:6%; font-size: 15px; margin-top: 11px; line-height: 52px; height:52px; padding-top: 5px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.7); color:#fff; background:none; text-indent: 10px; position: relative; z-index: 2;} #obtn .rFormBox textarea{float: left; width: 100%; border:0; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.7);color:#fff;font-size: 15px; margin-top: 11px; line-height: 51px; padding-top: 5px; height: 57px; text-indent: 10px; background:none;position: relative; z-index: 2;} #obtn .rFormBox .forText:nth-child(2n){margin-right: 0;} #obtn .rFormBox input::-webkit-input-placeholder, #obtn .rFormBox textarea::-webkit-input-placeholder{color: #fff;} #obtn .rFormBox input::-moz-placeholder, #obtn .rFormBox textarea::-moz-placeholder{color: #fff;} #obtn .rFormBox input:-ms-input-placeholder, #obtn .rFormBox textarea:-ms-input-placeholder{color: #fff;} #obtn .rFormBox .VerCode{float: left; width: 47%; margin-right: 6%; position: relative} #obtn .rFormBox .VerCode .forText{width: 100%; padding-right: 97px;} #obtn .rFormBox .VerCode span{position: absolute; right:1px; width: 95px; height: 39px; top:20px; z-index: 3;} #obtn .rFormBox button{float: left; width: 47%; margin-top: 23px; background: #fff; background: rgba(255,255,255,0.1); border:0; color:#fff; height:46px; line-height: 46px; text-align: center; font-size: 15px; position: relative; z-index: 4; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; } #obtn .rFormBox button:hover{background: #fff; color: #111b48;} #obtn .DLinks{float: left; width: 100%; margin: 30px 0; padding-left: 125px; position: relative; font-size: 15px; color:#dcdcdc; line-height: 34px;} #obtn .DLinks .listBox{float: left; width: 100%;} #obtn .DLinks a{color:#555555} #obtn .DLinks a:hover{color:#203f9a} #obtn .DLinks .dLinBo{position: absolute; left: 0; top:0; width: 107px; height:34px; line-height: 34px; text-align: center; color:#fff; font-size: 15px; background: #072f4e; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} #obtn .DLinks .dLinBo img{vertical-align: middle; margin-top: -2px;} #obtn .copyBg{float: left; width: 100%; border-top:1px solid #eeeeee;} #obtn .copyBg .copyBox{float: left; width: 100%; margin: 23px 0 20px 0;} #obtn .copyBg .copyBox .LCopy{float: left; color:#555555; font-size: 15px; line-height: 30px;} #obtn .copyBg .copyBox .rCoWap{float: right; color:#dcdcdc; font-size: 14px; line-height: 30px;} #obtn .copyBg .copyBox .rCoWap a{color:#555555; font-size: 15px;} #obtn .copyBg .copyBox .rCoWap a:hover{color:#203f9a} @media screen and (max-width:1299px) { #obtn .downConInfo .lConText{width: 37%;} #obtn .rFormBox{width: 58%;padding: 30px 50px 60px 50px;} } @media screen and (max-width:1023px) { #obtn .downConInfo{margin: 50px 0 60px 0;} #obtn .downConInfo .lConText{width: 100%;} #obtn .downConInfo .lConText .tH1{font-size: 20px; line-height: 45px;} #obtn .downConInfo .lConText .dConText.first{margin-top: 20px;} #obtn .downConInfo .lConText .dConText{margin-top: 25px;} #obtn .downConInfo .lConText .dConText .dCIn p{display: inline-block;} #obtn .rFormBox{width: 100%; margin-top:30px;padding: 10px 40px 40px 40px;} } @media screen and (max-width:767px) { #obtn .downConInfo{margin:25px 0 30px 0;} #obtn .downConInfo .lConText .dConText{padding-left: 120px; margin-top: 20px;} #obtn .downConInfo .lConText .dConText em{font-size: 14px;} #obtn .downConInfo .lConText .dConText .dCIn{font-size: 14px;} #obtn .rFormBox{margin-top:20px;padding: 10px 15px 20px 15px;} #obtn .rFormBox .forText{line-height: 40px; height:40px; padding-top: 0;} #obtn .rFormBox .VerCode{width: 100%; margin-right: 0;} #obtn .rFormBox .VerCode span{top:10px;} #obtn .rFormBox button{width: 100%; height: 40px;line-height: 40px; margin-top: 20px;} #obtn .DLinks{margin: 15px 0; padding-left: 0; font-size: 14px; line-height: 30px;} #obtn .DLinks .dLinBo{position: static; float: left;} #obtn .DLinks .listBox{ margin-top: 10px;} #obtn .copyBg{margin-bottom: 50px;} #obtn .copyBg .copyBox{margin: 15px 0 10px 0;} #obtn .copyBg .copyBox .LCopy{width: 100%; font-size: 14px; line-height: 24px; text-align: center;} #obtn .copyBg .copyBox .rCoWap{width: 100%; text-align: center;} #obtn .copyBg .copyBox .rCoWap a{ font-size: 14px;} } /*内页*/ /*iBanner*/ #obtn .iBanner{ float:left; width:100%; line-height:0; position: relative} #obtn .pageTitBox{position:absolute; left: 0; top:50%; color:#fff; width: 100%; text-align: center; margin-top: -60px} #obtn .pageTitBox h1{float: left; width: 100%; font-size: 56px; font-weight: bold; line-height: 75px; position: relative; letter-spacing: 2px;} #obtn .pageTitBox h1:after{position: absolute; content:''; left: 50%; margin-left: -22.5px; bottom:-15px; width: 45px; height: 1px; background: #fff; background: rgba(255,255,255,0.8);} #obtn .pageTitBox .textInfo{float: left; width: 100%; margin-top: 40px; font-size: 30px; line-height: 35px;} @media screen and (max-width:1299px) { #obtn .pageTitBox{ margin-top: -45px;} #obtn .pageTitBox h1{font-size:38px; line-height: 55px;} #obtn .pageTitBox .textInfo{font-size: 20px; margin-top: 30px;} } @media screen and (max-width:1023px){ #obtn .pageTitBox{ margin-top: -30px;} #obtn .pageTitBox h1{font-size: 32px; line-height: 45px;} #obtn .pageTitBox .textInfo{font-size: 18px; line-height: 30px;} } @media screen and (max-width:767px) { #obtn .pageTitBox{ margin-top: -20px;} #obtn .pageTitBox h1{font-size:24px; line-height:32px;} #obtn .pageTitBox .textInfo{font-size: 16px; padding: 0 15px; line-height: 26px; margin-top: 20px;} } /*二级导航*/ #obtn .slideBox{ float:left; width:100%; border-bottom:1px solid #e5e5e5; height:65px;} #obtn .slideBox .pz_SideLayer{ float:left; width: 100%; display: block;text-align: center;} #obtn .slideBox .pz_SideLayer .l1{ display: inline-block; margin: 0 21px;} #obtn .slideBox .pz_SideLayer .l1 a{ float:left; line-height:65px; color:#333; font-size:16px; padding:0 20px; position:relative;} #obtn .slideBox .pz_SideLayer .l1 a:after{ float:left; width:0; height:1px; content:''; position:absolute; left:50%; bottom:0; background: #111b48; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} #obtn .slideBox .pz_SideLayer .l1.on a, #obtn .slideBox .pz_SideLayer .l1:hover a{ color: #111b48;} #obtn .slideBox .pz_SideLayer .l1.on a:after, #obtn .slideBox .pz_SideLayer .l1:hover a:after{ width:100%;} @media screen and (max-width:1023px){ #obtn .slideBox{height:46px;} #obtn .slideBox .pz_SideLayer .l1 a{ height:46px; line-height:46px; font-size:14px; padding:0 10px; } } @media screen and (max-width:767px){ #obtn .slideBox{white-space:nowrap; height:46px;} #obtn .slideBox .container{ overflow-x:scroll; white-space:nowrap;} #obtn .slideBox .pz_SideLayer{ overflow-x:scroll; white-space:nowrap;} #obtn .slideBox .pz_SideLayer .l1{ float:none; display:inline-block; white-space:nowrap;margin: 0;} } /* 分页 */ #obtn .wack1{ float:left; width:100%; padding:60px 0; text-align:center;} #obtn .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #obtn .wack1 .pz_fy li { float:left; min-width:38px;height:38px;box-sizing: border-box; line-height:36px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #obtn .wack1 .pz_fy li :hover, #obtn .wack1 .pz_fy li .on{color:#fff; background: #072f4e; border:#0057a8 1px solid; width: 100%; height: 100%;} #obtn .wack1 .pz_fy .l_fy,#obtn .wack1 .pz_fy li:first-child,#obtn .wack1 .pz_fy li:last-child, #obtn .wack1 .pz_fy .r_fy{/*width: 100px;*/ font-family:'NSimSun';} #obtn .wack1 .pz_fy li a { /* width: 100%; height: 100%;*/ display: block; padding: 0 5px; } @media screen and (max-width:1023px){ #obtn .wack1{padding:30px 0;} #obtn .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;flex-direction: row ; display: flex;justify-content: center; align-items:center;} #obtn .wack1 .fy_pc li {margin:0 15px; } #obtn .wack1 .fy_pc li a{float:left; color:#0057a8;padding:5px 20px; border:solid 1px #0057a8; overflow:hidden;} #obtn .wack1 .fy_pc li select{ padding:5px 20px; color:#272727;} } /*1关于我们*/ #obtn .pageAboutInfo{float: left; width: 100%; margin: 0px 0 92px 0; text-align: center;} #obtn .pageAboutInfo .pATEn{float: left; width: 100%; color: #111b48; font-size: 72px; line-height: 72px; font-weight: 100;} #obtn .pageAboutInfo .pASlogan{float: left; width: 100%; color:#555555; font-size: 18px;font-weight: bold; line-height: 30px; margin-top: 32px;} #obtn .pageAboutInfo .pAPoster{float: left; width: 100%; color:#333333; font-size: 30px; line-height: 46px; margin-top: 44px;} #obtn .pageAboutInfo .pAText{float: left; width: 100%; color:#555555; font-size: 15px; line-height: 26px; margin-top: 15px;} @media screen and (max-width:1299px) { #obtn .pageAboutInfo{margin:0px 0 80px 0;} } @media screen and (max-width:1023px){ #obtn .pageAboutInfo{margin:50px 0;} #obtn .pageAboutInfo .pATEn{font-size: 50px; line-height: 50px;} #obtn .pageAboutInfo .pASlogan{font-size: 16px; margin-top: 20px;} #obtn .pageAboutInfo .pAPoster{font-size: 26px; margin-top:25px; line-height: 38px;} #obtn .pageAboutInfo .pAText{font-size: 14px; line-height: 24px; margin-top: 10px;} } @media screen and (max-width:767px) { #obtn .pageAboutInfo{margin: 30px 0;} #obtn .pageAboutInfo .pATEn{font-size: 45px; line-height: 45px;} #obtn .pageAboutInfo .pASlogan{margin-top: 10px;} #obtn .pageAboutInfo .pAPoster{margin-top: 15px;font-size: 24px; line-height: 32px;} } #obtn .pageAboutWish{float: left; width: 100%; background: #02154d; position: relative} #obtn .pageABg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity:0.5;filter: alpha(opacity=50);} #obtn .pageAWText{float: left; width: 100%; color:#fff; margin: 117px 0 111px 0;text-align: center; position: relative; z-index: 2;} #obtn .pageAWText .topScript{float: left; width: 100%; font-size: 40px; line-height: 40px;} #obtn .pageAWText .dScript{float: left; width: 100%; margin-top: 26px; line-height: 30px; font-size: 22px;} @media screen and (max-width:1299px) { #obtn .pageAWText{margin: 100px 0 90px 0;} } @media screen and (max-width:1023px) { #obtn .pageAWText{margin: 70px 0;} #obtn .pageAWText .topScript{font-size: 26px;line-height: 38px;} #obtn .pageAWText .dScript{margin-top: 20px;} } @media screen and (max-width:767px) { #obtn .pageAWText{margin:40px 0 35px 0;} #obtn .pageAWText .topScript{font-size: 20px;line-height: 30px;} #obtn .pageAWText .dScript{margin-top:10px; font-size: 14px; line-height: 24px;} } #obtn .pageAboutAim{float: left; width: 100%; margin: 90px 0 100px 0;} #obtn .pageTitH1{float: left; width: 100%; text-align: center; color:#333333; font-size: 30px; line-height: 50px;} #obtn .pageAAimSon{float: left; width: 100%; text-align: center; margin-top: 20px; color:#555555; font-size: 15px; line-height:30px;} #obtn .pageAimList{float: left; width: 100%; margin-top: 50px;} #obtn .pageAimList ul{margin: 0 -10px;} #obtn .pageAimList li{float: left; width: 33.333%; padding: 0 10px; position: relative} #obtn .pageAimList li .tIco{position: absolute; left:50%; margin-left: -69px; width: 138px; height: 138px; top:0; background: #072f4e; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #obtn .pageAimList li:hover .tIco{ transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg); } #obtn .pageAimList li .pageAAimBox{float:left; width: 100%; background: #f6f6f6; margin-top:65px; padding: 100px 35px 28px 35px;} #obtn .pageAimList li .pageAAimBox .tH1{float: left; width: 100%; font-size: 24px; color: #111b48; line-height:38px; text-align: center;} #obtn .pageAimList li .pageAAimBox .dText{float: left; width: 100%; margin-top: 16px; color:#555555; font-size: 15px; line-height: 26px; height: 104px; overflow: hidden; text-align: center;} @media screen and (max-width:1299px){ #obtn .pageAboutAim{margin:70px 0 80px 0;} #obtn .pageAimList{margin-top: 40px;} #obtn .pageAimList li .tIco{width: 124px; height: 124px; margin-left: -62px;} #obtn .pageAimList li .pageAAimBox{padding:80px 25px 28px 25px;} } @media screen and (max-width:1023px){ #obtn .pageAboutAim{margin: 60px 0;} #obtn .pageTitH1{font-size: 24px; line-height: 40px;} #obtn .pageAAimSon{margin-top: 10px;} #obtn .pageAimList{margin-top: 30px;} #obtn .pageAimList li .tIco{width: 100px; height: 100px; margin-left: -50px;} #obtn .pageAimList li .pageAAimBox{margin-top:40px;padding:75px 20px 25px 20px;} #obtn .pageAimList li .pageAAimBox .tH1{font-size: 20px; line-height: 30px;} #obtn .pageAimList li .pageAAimBox .dText{font-size: 14px; line-height: 24px; margin-top: 10px; height: 144px;} } @media screen and (max-width:767px) { #obtn .pageAboutAim{margin: 30px 0;} #obtn .pageTitH1{font-size: 20px; line-height: 30px;} #obtn .pageAAimSon{font-size: 14px; line-height: 24px;} #obtn .pageAimList{margin-top: 10px;} #obtn .pageAimList li{width: 100%; margin-top: 15px;} #obtn .pageAimList li .pageAAimBox .tH1{font-size: 18px;} #obtn .pageAimList li .pageAAimBox .dText{height: auto;} } #obtn .pageAboutHistory{float: left; width: 100%; background: #072f4e; position: relative} #obtn .pageABg1{position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 1; opacity: 0.25;filter: alpha(opacity=25);} #obtn .pageAboutHisBox{float: left; width: 100%; margin: 90px 0 100px 0; position: relative; z-index: 2;} #obtn .pageAboutHisBox .pageTitH1{color:#fff;} #obtn .pageAHistoryList{float: left; width: 100%; margin: 50px 0 0 0;} #obtn .pageAHistoryList .ul1{margin: 0 -10px;} #obtn .pageAHistoryList .container-fluid{padding: 0 50px;} #obtn .pageAHistoryList .PAHis{float: left; width: 100%;} #obtn .pageAHistoryList .PAHis .tTime{float: left; width: 100px; height: 100px; font-size: 24px; font-weight: bold; color:#fff; font-family: Arial; border:10px solid #fff; border:10px solid rgba(255,255,255,0.1); margin-left: -30px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #obtn .pageAHistoryList .PAHis .tTime span{float: left; width: 80px;height: 80px;text-align: center;line-height:80px;background: #072f4e; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #obtn .pageAHistoryList .PAHis .tText{float: left; width: 100%; padding-left: 40px; color:#fff; font-size: 14px; line-height: 24px; position: relative} #obtn .pageAHistoryList .PAHis .tText:after{position: absolute; content:''; height: 120%; border-left: 1px dotted #fff; border-left: 1px dotted rgba(255,255,255,0.6); left: 19px; top:-10px;} #obtn .pageAHistoryList .PAHis .timing{float:left; width: 100%; font-size:18px; margin-top: 30px;} #obtn .pageAHistoryList .PAHis .p1{float: left;width:100%; margin-top: 9px; height: 144px; overflow: hidden;} #obtn .pageAHistoryList .PAHis .dImg{float: left; width: 100%; border:10px solid #fff; border:10px solid rgba(255,255,255,0.1); position: relative; z-index: 2; font-size: 0; line-height: 0;} #obtn .pageAHistoryList .PAHis .dImg em{float: left; width: 100%; height: 45px;padding-top: 10px; line-height: 35px; text-align: center; background: #fff; background:rgba(255,255,255,0.1); font-size: 16px; color:#fff; overflow: hidden;} #obtn .pageAHistoryList .ul1 .slick-prev, #obtn .pageAHistoryList .ul1 .slick-next{ width:55px; height:110px; background:#ffffff; background: rgba(255,255,255,0.1); left:-105px; z-index: 9; margin-top:0;} #obtn .pageAHistoryList .ul1 .slick-next{ left:auto; right:-105px;} #obtn .pageAHistoryList .ul1 .slick-prev:hover, #obtn .pageAHistoryList .ul1 .slick-next:hover{ background:#000; background: rgba(0,0,0,0.5);} #obtn .pageAHistoryList .ul1 .slick-prev:after, #obtn .pageAHistoryList .ul1 .slick-prev:before, #obtn .pageAHistoryList .ul1 .slick-next:after, #obtn .pageAHistoryList .ul1 .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #obtn .pageAHistoryList .ul1 .slick-prev:hover:after, #obtn .pageAHistoryList .ul1 .slick-prev:hover:before, #obtn .pageAHistoryList .ul1 .slick-next:hover:after, #obtn .pageAHistoryList .ul1 .slick-next:hover:before{background: #fff;} #obtn .pageAHistoryList .ul1 .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-5px; left:5px; } #obtn .pageAHistoryList .ul1 .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:6px; left:20px; } #obtn .pageAHistoryList .ul1 .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:5px; left:5px; } #obtn .pageAHistoryList .ul1 .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-5px; left:20px;} @media screen and (max-width:1299px){ #obtn .pageAboutHisBox{margin: 80px 0 90px 0;} #obtn .pageAHistoryList .ul1 .slick-prev, #obtn .pageAHistoryList .ul1 .slick-next{ left:-80px;} #obtn .pageAHistoryList .ul1 .slick-next{ left:auto; right:-80px;} } @media screen and (max-width:1023px){ #obtn .pageAboutHisBox{margin:60px 0;} #obtn .pageAHistoryList{margin-top: 40px;} #obtn .pageAHistoryList .container-fluid{padding: 0 40px;} #obtn .pageAHistoryList .PAHis .tTime{width: 90px; height: 90px; margin-left: -25px;} #obtn .pageAHistoryList .PAHis .tTime span{width: 70px; height: 70px; line-height: 70px; font-size: 20px;} #obtn .pageAHistoryList .PAHis .timing{font-size: 16px; margin-top: 20px;} #obtn .pageAHistoryList .PAHis .dImg em{font-size: 15px;} #obtn .pageAHistoryList .ul1 .slick-prev, #obtn .pageAHistoryList .ul1 .slick-next{ width:35px; height:60px;} #obtn .pageAHistoryList .ul1 .slick-prev:after{left: -5px} #obtn .pageAHistoryList .ul1 .slick-prev:before{left: 10px;} #obtn .pageAHistoryList .ul1 .slick-next:after{left: -2px;} #obtn .pageAHistoryList .ul1 .slick-next:before{left: 12px;} } @media screen and (max-width:767px) { #obtn .pageAboutHisBox{margin:40px 0 30px 0;} #obtn .pageAHistoryList{margin-top: 30px;} } #obtn .pageAboutAmbient{float: left; width: 100%; margin: 90px 0 100px 0;} #obtn .pageAAmbBox{float: left; width: 100%; margin-top: 30px;} #obtn .pageAAmbBox .lImg{float: left; width: 25.38%; font-size: 0; line-height: 0;} #obtn .pageAAmbBox .rtImg{float: left; width:100%;} #obtn .pageAAmbBox .rtImg .rtlImg{float: left; width:63.9%; margin-left: 2%; font-size: 0; line-height: 0;} #obtn .pageAAmbBox .rtImg .rtrImg{float: left; width: 23%; margin-left: 2%; font-size: 0; line-height: 0; position: relative;margin-bottom: 10px;} #obtn .pageAAmbBox .rtImg.rdImg{margin-top:17px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText{position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #072f4e; color:#ffffff; text-align: center;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .cell{display: table; height: 100%; float: left; width: 100%; font-size: 22px; line-height: 38px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel{display: table-cell; vertical-align: middle; width: 100%; } #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp{float:left; width: 100%;position: relative} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:after{position: absolute; content: ''; width:40px; height: 43px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); border-bottom: 0; bottom:70px; left: 50%; margin-left: -20px} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:before{position: absolute; content: ''; width:40px; height: 43px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); border-top: 0;top:70px; left: 50%; margin-left: -20px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .cell em{display: block; font-size: 14px; color:rgba(255,255,255,0.6); line-height: 24px;} @media screen and (max-width:1299px) { #obtn .pageAboutAmbient{margin: 70px 0 80px 0;} #obtn .pageAAmbBox .rtImg.rdImg{margin-top: 13px;} } @media screen and (max-width:1023px) { #obtn .pageAboutAmbient{margin: 60px 0;} #obtn .pageAAmbBox .rtImg.rdImg{margin-top: 9px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .cell{font-size: 18px; line-height: 30px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:before, #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:after{width: 30px; height: 35px; margin-left: -15px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:after{bottom: 60px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:before{top:60px;} } @media screen and (max-width:767px) { #obtn .pageAboutAmbient{margin: 30px 0;} #obtn .pageAAmbBox{margin-top: 20px;} #obtn .pageAAmbBox .lImg{display: none;} #obtn .pageAAmbBox .rtImg{width: 100%;} #obtn .pageAAmbBox .rtImg .rtlImg{width:47%; margin-left: 0;} #obtn .pageAAmbBox .rtImg .rtrImg{width: 47%;} #obtn .pageAAmbBox .rtImg.rdImg .rtrImg{margin-left: 0;} #obtn .pageAAmbBox .rtImg.rdImg .rtlImg{margin-left: 2%;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .cell{font-size: 14px; line-height: 24px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .cell em{font-size: 12px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:before, #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:after{width: 30px; height: 15px; margin-left: -15px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:after{bottom:50px;} #obtn .pageAAmbBox .rtImg .rtrImg .ambText .boxCel .esp:before{top:50px;} } /*2新闻资讯*/ #obtn .pageNewsBox{float: left; width: 100%; background: #fff; position: relative; margin-top: -100px;} #obtn .pageNewsBox:after{position: absolute; content: ''; left: 0; top:0; height:40px; width: 100%; z-index: 1; background: -moz-linear-gradient(top, #e4e5e6 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e5e6), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e4e5e6 0%,#ffffff 100%); background: -o-linear-gradient(top, #e4e5e6 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e4e5e6 0%,#ffffff 100%); background: linear-gradient(to bottom, #e4e5e6 0%,#ffffff 100%); } #obtn .pageNewsBox .slideBox{position: relative; z-index: 2;} #obtn .pageNewsBox .pageNewsList{float: left; width: 100%; margin-top: 30px; padding: 0 30px;} #obtn .pageNewsBox .pageNewsList ul{margin: 0 -15px;} #obtn .pageNewsBox .pageNewsList li{float: left; width: 33.333%; padding: 0 15px;} #obtn .pageNewsBox .pageNewsList li a{float: left; width: 100%; color:#333333;} #obtn .pageNewsBox .pageNewsList li a:hover{color: #111b48;} #obtn .pageNewsBox .pageNewsList li .tImg{float: left; width: 100%; font-size:0; line-height: 0; overflow: hidden;} #obtn .pageNewsBox .pageNewsList li .tImg img{ -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; max-width: 100%; min-width: 100%�? max-height: 255px; min-height: 255px; width: auto; height: auto; } #obtn .pageNewsBox .pageNewsList li a:hover .tImg img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } #obtn .pageNewsBox .pageNewsList li .tTime{float: left; width: 100%; padding: 0 10px; margin-top: 24px; font-size:14px; line-height: 25px; color:#888888;} #obtn .pageNewsBox .pageNewsList li .H1{float: left; width: 100%; padding: 0 10px; font-size: 18px; line-height: 35px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #obtn .pageNewsBox .pageNewsList li .dText{float: left; width: 100%; padding: 0 10px; font-size: 15px; line-height: 26px; margin-top: 10px; opacity: 0.6;filter: alpha(opacity=60); height: 52px; color:#555555; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #obtn .pageNewsBox .pageNewsList li .dMore{float: left; padding: 0 12px 0 10px; margin:38px 0 30px 0; font-size: 14px; line-height: 30px; position: relative; color:#b8b8b8; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .pageNewsBox .pageNewsList li .dMore:after{position: absolute; content: ''; right: 0; top:50%; margin-top: -3px; width: 0;height: 0; border-top: 4px solid transparent; border-left: 5px solid #b8b8b8; border-bottom: 4px solid transparent; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } #obtn .pageNewsBox .pageNewsList li a:hover .dMore{color: #111b48;} #obtn .pageNewsBox .pageNewsList li a:hover .dMore:after{border-left: 5px solid #203f9a;} @media screen and (max-width:1299px) { #obtn .pageNewsBox{margin-top: -80px;} } @media screen and (max-width:1023px) { #obtn .pageNewsBox{margin-top: -50px;} #obtn .pageNewsBox .pageNewsList{margin-top: 20px; padding: 0 20px;} #obtn .pageNewsBox .pageNewsList li{padding: 0 10px;} #obtn .pageNewsBox .pageNewsList li .tTime{margin-top: 15px;} #obtn .pageNewsBox .pageNewsList li .H1{font-size: 16px; margin-top:5px; line-height: 30px;} #obtn .pageNewsBox .pageNewsList li .dText{font-size: 14px; line-height: 24px; height: 48px;} #obtn .pageNewsBox .pageNewsList li .dMore{margin: 20px 0 15px 0;} } @media screen and (max-width:767px) { #obtn .pageNewsBox{margin-top: -25px;} #obtn .pageNewsBox .pageNewsList li{width: 100%;} #obtn .pageNewsBox .pageNewsList li .tTime{padding:0;} #obtn .pageNewsBox .pageNewsList li .H1{padding: 0;} #obtn .pageNewsBox .pageNewsList li .dText{padding: 0;} #obtn .pageNewsBox .pageNewsList li .dMore{padding-left: 0; margin:10px 0 15px 0;} } #obtn .pageNewsList1{float: left; width: 100%;padding: 0 30px;} #obtn .pageNLBox{float: left; width: 100%;border-top:1px dotted #b2b2b2; padding-top: 20px;} #obtn .pageNLBox ul{margin: 0 -10px} #obtn .pageNLBox li{float: left; width: 50%; padding: 0 10px; margin-top: 20px;} #obtn .pageNLBox li a{float: left; width: 100%; background: #f7f7f7; padding: 20px 30px 25px 30px;} #obtn .pageNLBox li a .tTime{float: left; width: 100%; color:#888888; font-size: 14px; line-height:30px;} #obtn .pageNLBox li a .tTit{float: left; width: 100%; margin-top: 11px; border-top:1px solid #dbdbdb; padding-top: 12px; line-height: 35px; font-size: 18px; color:#333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } #obtn .pageNLBox li a .dText{float: left; width: 100%; color:#555555; font-size: 15px; line-height: 26px; height: 52px; margin-top: 9px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } #obtn .pageNLBox li a:hover{background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -o-box-shadow:0 0 10px rgba(0,0,0,0.05); } #obtn .pageNLBox li a:hover .tTit{color: #111b48;} @media screen and (max-width:1023px) { #obtn .pageNewsList1{padding: 0 15px;} #obtn .pageNLBox{padding-top: 10px} #obtn .pageNLBox ul{margin: 0 -7px;} #obtn .pageNLBox li{margin-top: 15px;padding: 0 7px;} #obtn .pageNLBox li a{padding: 15px 20px 20px 20px;} #obtn .pageNLBox li a .tTit{font-size: 16px;margin-top: 6px;padding-top: 10px;} #obtn .pageNLBox li a .dText{font-size: 14px; line-height: 24px; height: 48px; margin-top: 5px;} } @media screen and (max-width:767px) { #obtn .pageNewsList1{padding: 0;} #obtn .pageNLBox{padding-top: 0;} #obtn .pageNLBox li{width: 100%;} #obtn .pageNLBox li a{padding: 15px 15px 20px 15px;} } /*3新闻详情*/ #obtn .pageNeBg{float: left; width: 100%; position: relative} #obtn .pageNeBg:after{position: absolute; content:''; z-index: -1; width: 50%; height: 100%; background: #fff; left: 50%; margin-left: 265px; box-shadow: 0 0 10px rgba(0,0,0,0.05); } #obtn .pageNewLeft{float: left; width: 67.7%; margin-top: 22px;} #obtn .pageNewLeft .lTopCrumbs{float: left; width: 100%; font-size: 14px; line-height: 30px; color:#666666;} #obtn .pageNewLeft .pageNesInfo{float: left; width: 100%; margin-top: 35px;} #obtn .pageNewLeft .pageNesInfo .pNTit{float: left; width: 100%; text-align: center; color:#333333; font-size: 24px; line-height: 35px;} #obtn .pageNewLeft .pageNesInfo .pNTime{float: left; width: 100%; text-align: center; color:#888888; font-size: 16px; line-height: 25px; margin-top: 8px; padding-bottom: 34px; border-bottom: 1px solid #e7e7e7;} #obtn .pageNewLeft .pageNesInfo .pNWords{float: left; width: 100%; color:#555555; font-size: 16px; line-height: 32px; margin: 31px 0 52px 0;} #obtn .pageNewLeft .pageFy{float: left; width: 100%; border-top:1px solid #e7e7e7; padding-right: 110px; position: relative;} #obtn .pageNewLeft .returnB{position: absolute; right: 0; line-height: 30px; top:24px; display: none;} #obtn .pageNewLeft .returnB img{vertical-align: middle; margin-top: -2px;} #obtn .pageNewLeft .pFyBox{float: left; width: 100%; margin: 21px 0 68px 0;} #obtn .pageNewLeft .pFyBox a{float: left; width: 100%; line-height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } #obtn .pageNewLeft .pFyBox a:hover{color:#203f9a} #obtn .pageNewsRight{float: right; width:26.15%; margin-top:10px;} #obtn .pageNewsRight .tH1{float: left; width: 100%; color:#333333; font-size: 30px; line-height: 50px; font-weight: 100; padding-bottom: 19px; border-bottom: 1px solid #e7e7e7; margin-top: 40px;} #obtn .pageNewsRight ul{float: left; width: 100%} #obtn .pageNewsRight li{float: left; width: 100%; border-bottom: 1px dotted #b2b2b2; padding: 25px 0;} #obtn .pageNewsRight li a{float: left; width: 100%; color:#333333; font-size: 18px; line-height: 26px;} #obtn .pageNewsRight li a:hover{color:#203f9a} #obtn .pageNewsRight li a .p2{float: left; width: 100%; height: 52px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #obtn .pageNewsRight li a .time{float: left; width: 100%; margin-top: 10px; color:#888888; font-size: 14px;line-height: 24px;} @media screen and (max-width:1299px) { #obtn .pageNeBg:after{ margin-left: 210px;} #obtn .pageNewsRight .tH1{font-size: 26px;} #obtn .pageNewsRight li{padding: 20px 0;} #obtn .pageNewsRight li a .p2{font-size: 16px;} } @media screen and (max-width:1023px) { #obtn .pageNeBg{margin-bottom: 30px;} #obtn .pageNeBg:after{display: none;} #obtn .pageNewLeft{width: 100%;} #obtn .pageNewLeft .pFyBox{margin: 20px 0;} #obtn .pageNewLeft .pageNesInfo{margin-top: 25px;} #obtn .pageNewLeft .pageNesInfo .pNTime{font-size: 14px; padding-bottom:20px;} #obtn .pageNewLeft .pageNesInfo .pNWords{font-size: 15px;line-height: 26px; margin: 30px 0;} #obtn .pageNewsRight{width: 100%; margin-top: 0;} #obtn .pageNewsRight li{width: 49%; margin-right: 2%; padding: 15px 0;} #obtn .pageNewsRight li:nth-child(2n){margin-right: 0;} #obtn .pageNewsRight .tH1{font-size: 24px; margin-top: 25px; line-height: 40px; padding: 10px; background: #f5f5f5;} #obtn .pageNewLeft .pFyBox{margin: 15px 0;} #obtn .pageNewLeft .pFyBox a{font-size: 15px; line-height: 30px;} #obtn .pageNewLeft .returnB{font-size: 15px;} } @media screen and (max-width:767px) { #obtn .pageNeBg{margin-bottom:20px;} #obtn .pageNewLeft{margin-top: 15px;} #obtn .pageNewLeft .pageNesInfo{margin-top: 15px;} #obtn .pageNewLeft .pageNesInfo .pNTit{font-size: 20px; line-height: 30px;} #obtn .pageNewLeft .pageNesInfo .pNTime{padding-bottom: 15px;} #obtn .pageNewLeft .pageNesInfo .pNWords{font-size: 14px; line-height: 24px; margin: 25px 0;} #obtn .pageNewLeft .pageFy{padding-right: 90px;} #obtn .pageNewLeft .returnB{font-size: 14px;} #obtn .pageNewLeft .pFyBox{margin: 10px 0;} #obtn .pageNewLeft .pFyBox a{font-size: 14px;} #obtn .pageNewsRight .tH1{margin-top: 15px; font-size: 20px; line-height:30px;} #obtn .pageNewsRight li{width: 100%; margin-right: 0; padding: 10px 0;} #obtn .pageNewsRight li a{padding:0 10px;} #obtn .pageNewsRight li a .p2{font-size: 15px; line-height: 24px; height: 48px;} #obtn .pageNewsRight li a .time{margin-top: 5px;} #obtn .pageNewsRight .newshide{display:none;} } /*4联系我们*/ #obtn .pageContactUs{float: left; width: 100%; position: relative;margin-top: 70px; } #obtn .pageConBg{position: absolute; left: 0; top:0; width: 100%; height: 100%;} #obtn .pageConUsForm{float: left; width: 100%; margin: 50px 0 65px 0;} #obtn .pageConUsForm .plConText{float: left; width: 70%; color:#ffffff; line-height: 30px;} #obtn .pageConUsForm .plConText .dl{float: left; width: 100%; padding-left: 32px; position: relative; font-size: 18px; height: 40px; margin-top: 36px;} #obtn .pageConUsForm .plConText .dl:first-child{margin-top: 0;margin-bottom:15px;} #obtn .pageConUsForm .plConText .dl i{position: absolute; left: 0; top:4px; width: 22px; height: 22px;} #obtn .pageConUsForm .plConText .dl span{display: block; font-size: 14px;} #obtn .pageConUsForm .plConText .pConQR{float: left; margin-left:40px;font-size: 0; line-height: 0;border:5px solid #fff; position: relative; z-index: 3; margin-top: 25px;} #obtn .pageConUsForm .plConText .pConQR img{max-width:110px; } #obtn .pageConUsForm .pRForm{float:right; width: 30%; position: relative; z-index: 3;} #obtn .pageConUsForm .pRForm .tWritten{float: left; width: 100%; text-align: right;color:#fff;} #obtn .pageConUsForm .pRForm .tWritten .h2{float: left; width: 100%; font-size: 60px; line-height: 60px; font-weight: bold;} #obtn .pageConUsForm .pRForm .tWritten .pConSlo{float: left; width: 100%; font-size: 18px; line-height: 30px; margin-top: 11px;} #obtn .pageConUsForm .rFormBox{width:100%; padding: 0; margin-top: 90px;} #obtn .pageConUsForm .rFormBox:after{display: none;} #obtn .pageConUsForm .rFormBox button{background: #072f4e} #obtn .pageConUsForm .rFormBox button:hover{color:#fff;} #obtn .dituContact{float: left; width: 100%; margin: 20px 0 5px 0;min-height:500px;} #obtn .dituContact #map{} @media screen and (max-width:1229px) { #obtn .pageConUsForm{margin: 240px 0 170px 0;} #obtn .pageConUsForm .pRForm .tWritten .h2{font-size: 50px; line-height: 50px;} } @media screen and (max-width:1023px) { #obtn .pageConUsForm{margin: 180px 0 130px 0;} #obtn .pageConUsForm .plConText .dl{font-size: 16px;margin-top: 30px;} #obtn .pageConUsForm .pRForm .tWritten .h2{font-size: 32px;} #obtn .pageConUsForm .pRForm .tWritten .pConSlo{font-size: 16px; line-height: 24px; margin-top: 5px;} } @media screen and (max-width:767px) { #obtn .pageConUsForm{margin: 100px 0 50px 0;} #obtn .pageConUsForm .plConText{width: 100%;} #obtn .pageConUsForm .plConText .dl{height: auto; margin-top: 20px;} #obtn .pageConUsForm .plConText .pConQR{margin-top: 20px;} #obtn .pageConUsForm .pRForm{width: 100%;} #obtn .pageConUsForm .pRForm .tWritten{text-align: left; margin-top: 30px;} #obtn .pageConUsForm .pRForm .tWritten .h2{font-size: 24px; line-height: 30px;} #obtn .pageConUsForm .rFormBox{margin-top:20px;} } /*5单页图文*/ /*#obtn .topHeader.pageHeader{position:static; float: left; background: #fff; padding: 15px 0;border-bottom: 1px solid #ebebeb;} #obtn .topHeader.pageHeader.active{position:fixed; top:0;} #obtn .topHeader.pageHeader .menu1 .l1 .a1{color:#333;} #obtn .topHeader.pageHeader .menu1 .l1.active .a1, #obtn .topHeader.pageHeader .menu1 .l1 .a1:hover{color:#203f9a} #obtn .topHeader.pageHeader .searchBox .soImg{background: #072f4e} #obtn .topHeader.pageHeader .right .menu .menu_btn{background:url("../images/top3_2.png") no-repeat;} #obtn .leftImaText{float: left; width: 74.6%;} #obtn .leftImaText .lTopCrumbs{float: left; width: 100%; border-bottom: 1px solid #ebebeb; line-height: 64px; color:#666666; font-size: 16px;} #obtn .leftImaText .lTopCrumbs a{color:#666666;} #obtn .leftImaText .lTopCrumbs a.on, #obtn .leftImaText .lTopCrumbs a:hover{color:#203f9a} #obtn .leftImaText .lDownText{float: left; width: 100%; margin: 20px 0 48px 0; min-height: 500px; color:#333333; font-size: 16px; line-height: 36px;} #obtn .leftImaText .lDownText.pcshow{display:block;} #obtn .leftImaText .lDownText.wapshow{display:none;} #obtn .rightSideLayer{float: right; width: 22.5%; margin-top: 54px;} #obtn .rightSideLayer li{float: left; width: 100%; margin-top: 10px;} #obtn .rightSideLayer li a{float: left; width: 100%; height: 52px; line-height: 52px; background:#f0f0f0; color:#333333; font-size: 16px; padding: 0 30px; text-align: right; position: relative;} #obtn .rightSideLayer li a i{position: absolute; left: 30px; top:0; font-size:22px; color:#a8a8a8; font-family:'SimSun';} #obtn .rightSideLayer li a.on, #obtn .rightSideLayer li a:hover{background: #072f4e; color:#fff;} #obtn .rightSideLayer li a.on i, #obtn .rightSideLayer li a:hover i{color:#fff;} #obtn .rightSideLayer li .ul2{float: left; width: 100%;} #obtn .rightSideLayer li .ul2 .li1{float: left; width: 100%; border-bottom: 1px solid #ededed; margin-top: 0;} #obtn .rightSideLayer li .ul2 .li1 a{float:left; width: 100%; background:none; font-size:14px; height:40px; line-height:40px;} #obtn .rightSideLayer li .ul2 .li1 a:hover, #obtn .rightSideLayer li .ul2 .li1 a.on{color: #111b48;} @media screen and (max-width:1023px) { #obtn .leftImaText .lTopCrumbs{font-size: 15px; line-height: 55px;} #obtn .leftImaText .lDownText{font-size: 15px; line-height:32px;margin: 15px 0 38px 0;} #obtn .rightSideLayer{margin-top: 45px;} #obtn .rightSideLayer li a{font-size: 14px; height: 45px; line-height: 45px;padding: 0 20px;} #obtn .rightSideLayer li a i{left: 20px;} } @media screen and (max-width:767px) { #obtn .topHeader.pageHeader{padding: 6px 0;} #obtn .rightSideLayer{width: 100%; margin-top:0;} #obtn .rightSideLayer .dt{float: left; width: 100%; position:relative; border-bottom: 1px solid #e5e5e5; font-size: 15px; line-height: 45px; background: #111b48; color:#fff; margin-top: 10px; padding-left: 15px;} #obtn .rightSideLayer .dt i{position:absolute; display:block; right:16px; top:21px; background:url(../images/xiap1.png) no-repeat; width:15px; height:8px;} #obtn .rightSideLayer .dt.on i{ background:url(../images/xiap11.png) no-repeat;} #obtn .rightSideLayer ul{margin: 0 -5px; display: none;} #obtn .rightSideLayer li{width:100%; padding: 0 5px;} #obtn .rightSideLayer li a{padding: 0; text-align: center; height: 35px; line-height: 35px;} #obtn .rightSideLayer li a i{display: none} #obtn .rightSideLayer li a span{display:block; position:absolute; right:12px; top:15px; background:url(../images/xiap22.png) no-repeat; width:15px; height:8px;} #obtn .rightSideLayer li .active a span{background:url(../images/xiap2.png) no-repeat;} #obtn .rightSideLayer li .ul2{margin: 0;} #obtn .rightSideLayer li .ul2 .li1 a{ height:30px; line-height:30px;} #obtn .leftImaText{width: 100%;} #obtn .leftImaText .lTopCrumbs{width: 100%; margin-top: 15px; font-size: 14px; line-height: 40px; height: 40px;} #obtn .leftImaText .lDownText{margin: 15px 0 30px 0;} #obtn .rightSideLayer li a.on span{ background:url(../images/xiap11.png) no-repeat;} #obtn .rightSideLayer li .active a.on span{background:url(../images/xiap1.png) no-repeat;} #obtn .leftImaText .lDownText.pcshow{display:none;} #obtn .leftImaText .lDownText.wapshow{display:block;} }*/ /* @media screen and (max-width:1299px) {} @media screen and (max-width:1023px) {} @media screen and (max-width:767px) {} */ /*.sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color: #111b48;} .sitemap li .font16{ font-size:16px; } .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}*/ /*5单页图文*/ #obtn .topHeader.pageHeader{position:fixed; float: left; background-color:#ffffff;border-bottom: 1px solid #ebebeb; top:0;} #obtn .topHeader.pageHeader.active{position:fixed; top:0;} #obtn .topHeader.pageHeader .menu1 .l1 .a1{color:#333;} #obtn .topHeader.pageHeader .menu1 .l1.active .a1, #obtn .topHeader.pageHeader .menu1 .l1 .a1:hover{color:#203f9a} #obtn .topHeader.pageHeader .searchBox .soImg{background: #072f4e} #obtn .topHeader.pageHeader .right .menu .menu_btn{background:url("../images/topPhoneMenu.png") no-repeat;} #obtn .leftImaText{float: left; width: 74.6%;} #obtn .leftImaText .lTopCrumbs{float: left; width: 100%; border-bottom: 1px solid #ebebeb; line-height: 64px; color:#666666; font-size: 16px;} #obtn .leftImaText .lTopCrumbs a{color:#666666;} #obtn .leftImaText .lTopCrumbs a.on, #obtn .leftImaText .lTopCrumbs a:hover{color:#203f9a} #obtn .leftImaText .lDownText{float: left; width: 100%; margin: 20px 0 48px 0; min-height: 500px; color:#333333; font-size: 16px; line-height: 36px;} #obtn .leftImaText .info_xz.pcshow{display:block;} #obtn .leftImaText .info_xz.wapshow{display:none;} #obtn .rightSideLayer{float: right; width: 20%; } #obtn .rightSideLayer li{float: left; width: 100%; margin-bottom: 10px;} #obtn .rightSideLayer li a{float: left; width: 100%; height: 52px; line-height: 52px; background:#f0f0f0; color:#333333; font-size: 16px; padding: 0 30px; text-align: right; position: relative;} #obtn .rightSideLayer li a i{position: absolute; left: 30px; top:0; font-size:22px; color:#a8a8a8; font-family:'SimSun';} #obtn .rightSideLayer li a.on, #obtn .rightSideLayer li a:hover{background: #072f4e; color:#fff;} #obtn .rightSideLayer li a.on i, #obtn .rightSideLayer li a:hover i{color:#fff;} #obtn .rightSideLayer li .ul2{float: left; width: 100%;} #obtn .rightSideLayer li .ul2 .li1{float: left; width: 100%; border-bottom: 1px solid #ededed; margin-top: 0;} #obtn .rightSideLayer li .ul2 .li1 a{float:left; width: 100%; background:none; font-size:14px; height:40px; line-height:40px;} #obtn .rightSideLayer li .ul2 .li1 a:hover, #obtn .rightSideLayer li .ul2 .li1 a.on{color: #111b48;} @media screen and (max-width:1023px) { #obtn .leftImaText .lTopCrumbs{font-size: 15px; line-height: 55px;} #obtn .leftImaText .lDownText{font-size: 15px; line-height:32px;margin: 15px 0 38px 0;} #obtn .rightSideLayer{margin-top: 45px;} #obtn .rightSideLayer li a{font-size: 14px; height: 45px; line-height: 45px;padding: 0 20px;} #obtn .rightSideLayer li a i{left: 20px;} } @media screen and (max-width:767px) { #obtn .topHeader.pageHeader{padding: 6px 0;} #obtn .rightSideLayer{width: 100%; margin-top:0;} #obtn .rightSideLayer .dt{float: left; width: 100%; position:relative; border-bottom: 1px solid #e5e5e5; font-size: 15px; line-height: 45px; background: #111b48; color:#fff; margin-top: 10px; padding-left: 15px;} #obtn .rightSideLayer .dt i{position:absolute; display:block; right:16px; top:21px; background:url(../images/xiap1.png) no-repeat; width:15px; height:8px;} #obtn .rightSideLayer .dt.on i{ background:url(../images/xiap11.png) no-repeat;} #obtn .rightSideLayer ul{margin: 0 -5px; display: none;} #obtn .rightSideLayer li{width:100%; padding: 0 5px;} #obtn .rightSideLayer li a{padding: 0; text-align: center; height: 35px; line-height: 35px;} #obtn .rightSideLayer li a i{display: none} #obtn .rightSideLayer li a span{display:block; position:absolute; right:12px; top:15px; background:url(../images/xiap22.png) no-repeat; width:15px; height:8px;} #obtn .rightSideLayer li .active a span{background:url(../images/xiap2.png) no-repeat;} #obtn .rightSideLayer li .ul2{margin: 0;} #obtn .rightSideLayer li .ul2 .li1 a{ height:30px; line-height:30px;} #obtn .leftImaText{width: 100%;} #obtn .leftImaText .lTopCrumbs{width: 100%; margin-top: 15px; font-size: 14px; line-height: 40px; height: 40px;} #obtn .leftImaText .lDownText{margin: 15px 0 30px 0;} #obtn .rightSideLayer li a.on span{ background:url(../images/xiap11.png) no-repeat;} #obtn .rightSideLayer li .active a.on span{background:url(../images/xiap1.png) no-repeat;} #obtn .leftImaText .info_xz.pcshow{display:none;} #obtn .leftImaText .info_xz.wapshow{display:block;} } /* @media screen and (max-width:1299px) {} @media screen and (max-width:1023px) {} @media screen and (max-width:767px) {} */ .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color: #111b48;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .text_xz{ padding-top: 25px; width: 100%; overflow: hidden;} .text_xz .img_xz{ width: 50.1%; line-height: 0; float: left;} .text_xz .wz_xz{ width: 47.93%; float: right;} .text_xz .wz_xz .t1_xz{ margin: 15px 0 10px 0; font-size: 28px; color: #333;} .text_xz .wz_xz .nr_xz{ font-size: 16px; line-height: 30px; max-height: 120px; overflow: hidden; text-align: justify; color: #333;} .text_xz .wz_xz .t2_xz{ margin: 15px 0; font-size: 22px; color: #333;} .text_xz .wz_xz .t2_xz .col{ color: #111b48;} .text_xz .wz_xz .dh_xz{ font-size: 18px;} .text_xz .wz_xz .dh_xz .ico_xz{ width: 22px; height: 22px; line-height: 0; display: inline-block; vertical-align: middle;} .text_xz .wz_xz .dh_xz .w1_xz{ color: #767676; display: inline-block; vertical-align: middle;} .text_xz .wz_xz .dh_xz .w2_xz{ color: #111b48; display: inline-block; vertical-align: middle;} .text_xz .wz_xz .link_xz{ margin-top: 15px; font-size: 0;} .text_xz .wz_xz .link_xz .a{ font-size: 18px; height: 40px; line-height: 40px; padding: 0 40px; margin-right: 20px; color: #fff; display: inline-block; background: #072f4e;} .text_xz .wz_xz .link_xz .a:hover{ opacity: 0.8;} .text_xz .info_xz{ padding: 25px 0; font-size: 16px; line-height: 36px; color: #333; text-align: justify; width: 100%; float: left;} .info_xz-h2{ background-color: rgb(1, 84, 153); font-size: 18px; color: rgb(255, 255, 255); font-family: 微软雅黑, "Microsoft YaHei"; text-indent: 14px; font-weight: bold; } .info_xz-h22{ margin-top:20px; font-size: 18px; padding-bottom: 15px; border-bottom: 1px solid #333; font-family: 微软雅黑, "Microsoft YaHei"; text-indent: 4px; font-weight: bold; } @media (max-width: 1299px) { .text_xz .wz_xz .t1_xz{ margin: 10px 0 5px 0;} .text_xz .wz_xz .t2_xz{ margin: 10px 0;} .text_xz .wz_xz .nr_xz{ max-height: 60px;} } @media (max-width: 1023px) { .text_xz{ padding-top: 20px;} .text_xz .wz_xz .t1_xz{ margin: 5px 0 5px 0; font-size: 18px;} .text_xz .wz_xz .nr_xz{ font-size: 14px; line-height: 24px; max-height: 48px;} .text_xz .wz_xz .t2_xz{ margin: 5px 0; font-size: 18px;} .text_xz .wz_xz .dh_xz{ font-size: 16px;} .text_xz .wz_xz .dh_xz .ico_xz{ width: 22px; height: 22px;} .text_xz .wz_xz .link_xz{ margin-top: 10px;} .text_xz .wz_xz .link_xz .a{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 20px; margin-right: 10px;} .text_xz .info_xz{ padding: 20px 0; font-size: 14px; line-height: 24px;} } @media (max-width: 767px) { .text_xz .img_xz{ width: 100%;} .text_xz .wz_xz{ margin-top: 10px; width: 100%;} } #obtn .topHeader.pageHeader .menu1 .l1{ position: relative;} #obtn .topHeader.pageHeader .menu1 .l1 .a1{ display: block; padding: 0 0 21px 0;} #obtn .topHeader.pageHeader .menu1 .sub{ display: none; position: absolute; top: 62px; width: 110px; left: 50%; margin-left: -55px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #obtn .topHeader.pageHeader .menu1 .sub li{ font-size: 16px; line-height: 20px; padding: 10px 0; text-align: center;} #obtn .topHeader.pageHeader .menu1 .sub li:hover{ background: #072f4e;} #obtn .topHeader.pageHeader .menu1 .sub li a{ color: #333;} #obtn .topHeader.pageHeader .menu1 .sub li:hover a{ color: #fff;} #obtn .topHeader.pageHeader{ padding-bottom:0;} @media (max-width: 1024px) { #obtn .topHeader.pageHeader{ padding-bottom:15px;} } @media (max-width: 767px) { #obtn .topHeader.pageHeader{ padding-bottom:6px;} }