/* CSS Document */ /*qt:xq*/ *{ padding:0; margin:0;} html{ overflow-x:hidden; overflow-y:auto;} ul, ol,li{ list-style-type:none; line-height:normal;} body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;} body{ float:left; width:100%; position:relative;} code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;} a{ text-decoration:none; color:#333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; /*清除IOS系统点击默认事件*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;} a:hover{color:#333; cursor:pointer;} img{border:0; max-width:100%;} table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;} h1{font-size: 32px;} h2{font-size: 24px;} h3{font-size: 22px;} h4{font-size: 18px;} h5{font-size: 14px;} h6{font-size: 12px;} input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;} textarea{ resize:none;} input{ outline:0;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;} .pz_top{ float:left; width:100%;} .pz_banner{ float:left; width:100%; overflow:hidden; position:relative; height:100vh;margin-top: 132px;} .pz_banner > img{display: block;width: 100%;} @media screen and (max-width:1199px){ .pz_banner{ margin-top: 80px;} } @media screen and (max-width:767px){ .pz_banner{ margin-top: 50px;} } .pz_main{ float:left; width:100%;} .pz_down{ float:left; width:100%;background: #2d2d2d;} /*pc版头部*/ .top1{ position: fixed; width:100%; left:0; top:0; background:#fff; z-index:1010; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .top1.active{margin-top: -36px; -webkit-box-shadow: 0 2px 6px #aaa; -moz-box-shadow: 0 2px 6px #aaa; -o-box-shadow: 0 2px 6px #aaa; box-shadow: 0 2px 6px #aaa; } .top1 .logo{ float:left; width:235px; margin:20px 0 0 0; /*-webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite; animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;*/ } .top1 .logo a, .top1 .logo a img{display: block;float: left;width: 100%;} @-webkit-keyframes boun { from, to { -webkit-transform: translateY(-2px) ; transform: translateY(-2px) ; } 80% { -webkit-transform: translateY(2px) ; transform: translateY(2px) ; } } @keyframes boun { from, to { -webkit-transform: translateY(-2px) ; transform: translateY(-2px) ; } 80% { -webkit-transform: translateY(2px) ; transform: translateY(2px) ; } } .w_0100_1{float: left;width: 100%;background: #f0f0f0;} .w_0100_1 h5{display: block;float: right;height: 36px;line-height: 36px;font-size: 15px;color: #666;padding-left: 18px;background:url(/templates/cn/images/img_1_1.png) no-repeat left center;} .w_0100_1 h5 strong{font-size: 16px;color: #0e6eb8;font-family: "Arial";vertical-align: middle;} .w_0100_1 h5 p{display:inline-block;} .w_0100_menu{float: left;width: 100%;height: 96px;} .menu{ float:right; } .menu .nli{ float:left; z-index:15;height: 96px; position:relative; padding:0 7px;} .menu .nli span a{ display:block; float:left; font-size:16px; height:55px; line-height:55px; padding:0 14px; color:#333; position:relative;margin-top: 20px;} .menu .nli span a::after{content: ""; display:block; position:absolute; left:50%; top:100%; width:0; height:2px; background:#1673ba; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .menu .nli span a:hover, .menu .nli.on span a{ color:#0e6eb8;} .menu .nli span a:hover::after, .menu .nli.on span a::after{ left:0; width:100%;} .menu .sub{ position:absolute; width:200px; left:50%; margin-left:-100px; top:100%; display:none; overflow:hidden; -webkit-box-shadow: 0 2px 6px #aaa; -moz-box-shadow: 0 2px 6px #aaa; -o-box-shadow: 0 2px 6px #aaa; box-shadow: 0 2px 6px #aaa;} .menu .sub .li2{ position:relative; float:left; width:100%;} .menu .sub .li2 a{ display:block; float:left; width:100%; height:48px; line-height:48px; text-align:center;color:#fff; font-size:14px; background:#1673ba; } .menu .sub .li2:hover a{ background:rgba(255,255,255,0.8); color:#1673ba;} /*phone版头部*/ .top2{ position:fixed; left:0; top:0; width:100%; height:80px; background:#fff; z-index:1030;} .top2.active{ -webkit-box-shadow: 0 2px 6px #aaa; -moz-box-shadow: 0 2px 6px #aaa; -o-box-shadow: 0 2px 6px #aaa; box-shadow: 0 2px 6px #aaa;} .top2 .logo{ float:left; width:210px; margin:15px 0 0 0;} .top2 .logo a, .top2 .logo a img{display: block;float: left;width: 100%;} /*手机按钮*/ .menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; background:#0e6eb8; text-align:center;} .menuph .point{ display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before{ width:28px;} .menuph .navbtn{ position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:#fff; -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;} .menuph .navbtn::after, .menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:#fff; -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;} .menuph .navbtn::after{ top:-11px;} .menuph .navbtn::before{ top:10px;} .menuph .point.active .navbtn{ background:transparent;} .menuph .point.active .navbtn::after{ top:0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .menuph .point.active .navbtn::before{ top:0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} @media screen and (max-width:767px){ .top2{height:50px;} .top2 .logo{ width:170px; margin:5px 0 0 0;} .top2 .menuph{ top:5px; right:15px; width:40px; height:40px;} .top2 .menuph .point{ width:22px; height:19px; margin-top:10px;} .top2 .menuph .point:hover .navbtn, .top2 .menuph .point:hover .navbtn::after, .top2 .menuph .point:hover .navbtn::before{ width:22px;} .top2 .menuph .navbtn{ top:9px; width:16px; } .top2 .menuph .navbtn::after, .top2 .menuph .navbtn::before{ width:22px;} .top2 .menuph .navbtn::after{ top:-9px;} .top2 .menuph .navbtn::before{ top:9px;} } /*手机下拉*/ .xialaph{ position:fixed; top:80px; left:0; width:100%; max-height:100%; overflow-y:auto; background:url(/templates/cn/images/bg_nav.png);display:none; z-index:1049;} .xialaph .ul1{ padding-bottom:50px;border-top: 1px solid #fff;} .xialaph li{border-bottom: 1px solid #fff;padding: 0 15px;} .xialaph .ul2, .xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative;} .xialaph .ul2 > li:last-child{border-bottom: 0 none;} .xialaph .ul3 > li:last-child{border-bottom: 0 none;} .xialaph h4 a{color:#333; font-size:16px; font-weight:bold; line-height:62px;} .xialaph h5 a{color:#333; font-size:16px; line-height:57px;} .xialaph h4, .xialaph h5{position:relative;} .xialaph h4 i, .xialaph h5 i{display: block;position: absolute;right: 0;top: 50%;margin-top: -9px; width: 12px;height: 12px;border-bottom: 2px solid #333;border-right: 2px solid #333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .xialaph h4.active i, .xialaph h5.active i{margin-top: -3px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .xialaph .ul2{padding: 10px 0;} .xialaph .ul3{padding: 5px 0;} .xialaph .ul3 li a{ color:#666; font-size:14px; line-height:35px; display:block;} .xialaph .ul3 li{ padding-top:5px;} .xialaph .phsou{ position:relative; margin-top:30px;} .xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;} .xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;} .xialaph .try{ text-align:center; padding:30px 0 0 0;} .xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;} .phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;} @media screen and (max-width:767px){ .xialaph{ top:50px;} .xialaph h4 a{ font-size:14px; line-height:42px;} .xialaph h5 a{ color:#333; font-size:14px; line-height:38px;} .xialaph h4 i, .xialaph h5 i{margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;} .xialaph h4.active i, .xialaph h5.active i{margin-top: -2px;} .xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;} .xialaph .ul3 li{ padding-top:5px;} } /*banner*/ .slide_banner{ margin:0;} .slide_banner .slick-slide{ width:100%; padding:0;} .slide_banner img{ width:100%;} .slide_banner .slick-prev{position:absolute; width:42px; height:82px; left:50%; margin-left: -702px; top:50%; z-index:2; background: url(/templates/cn/images/prev_ban.png) no-repeat center/cover; cursor:pointer; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .slide_banner .slick-prev:hover{background: url(/templates/cn/images/prev_ban_h.png) no-repeat center/cover;} .slide_banner .slick-next{position:absolute; width:42px; height:82px; right:50%; margin-right: -702px; top:50%; z-index:2; background: url(/templates/cn/images/next_ban.png) no-repeat center/cover; cursor:pointer; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .slide_banner .slick-next:hover{background: url(/templates/cn/images/next_ban_h.png) no-repeat center/cover;} .slide_banner .slick-dots{ bottom:30px; height:12px; overflow:hidden;} .slide_banner .slick-dots li{ width:12px; height:12px;vertical-align: top;margin:0 9px;background: #fff;opacity:0.3; filter:alpha(opacity=30); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .slide_banner .slick-dots li button{ display:none;} .slide_banner .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} @media screen and (max-width:1199px){ .slide_banner .slick-prev{left:30px; margin-left: 0;} .slide_banner .slick-next{right:30px; margin-right: 0;} } @media screen and (max-width:767px){ .slide_banner .slick-prev{width:21px; height:41px; left:15px;} .slide_banner .slick-next{width:21px; height:41px; right:15px;} .slide_banner .slick-dots{ bottom:15px; height:8px; overflow:hidden;} .slide_banner .slick-dots li{ width:8px; height:8px; margin:0 3px; } } /*main*/ .w_0100_2{float: left;width: 100%;padding: 60px 0 80px 0;} .t_0100_2{float: left;width: 100%;} .t_0100_2 ul li{float: left;width: 25%;} .t_0100_2 ul li a{display: block;float: left;width: 100%;padding: 35px 45px 32px 45px;text-align: center; -webkit-perspective:800px; -ms-perspective:800px; perspective:800px;} .t_0100_2 ul li a i{display: block;float: left;position: relative;left: 50%;margin-left: -66px; width: 132px;border: 6px solid #f0f0f0;verflow: hidden;background: #fff; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .t_0100_2 ul li a i img{display: block;float: left;width: 100%; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_2 ul li a i .img_2_1{opacity:1; filter:alpha(opacity=100);} .t_0100_2 ul li a i .img_2_2{position: absolute;left: 0;top: 0; opacity:0; filter:alpha(opacity=00); -webkit-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); -moz-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); -ms-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); -o-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); transform:rotateX(0) rotateY(180deg) rotateZ(0deg);} .t_0100_2 ul li a h3{display: block;float: left;width: 100%;margin-top: 10px;height: 40px;line-height: 40px;font-size: 20px;color: #333;position: relative;overflow: hidden; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_2 ul li a h3::after{content: "";display: block;position: absolute;left: 50%;top: 42px;width: 25px;height: 2px;margin-left: -12.5px;background: #0e6eb8;} .t_0100_2 ul li a span{display: block;float: left;width: 100%;font-size: 14px;line-height: 18px;color: #333;margin-top: 15px;height: 36px;overflow: hidden;} .t_0100_2 ul li a:hover{ -webkit-box-shadow:0 0 10px rgba(0,0,0,0.10); -moz-box-shadow:0 0 10px rgba(0,0,0,0.10); box-shadow:0 0 10px rgba(0,0,0,0.10);} .t_0100_2 ul li a:hover i{background: #007dc6;border: 6px solid #d9ecf7; -webkit-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); -moz-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); -ms-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); -o-transform:rotateX(0) rotateY(180deg) rotateZ(0deg); transform:rotateX(0) rotateY(180deg) rotateZ(0deg);} .t_0100_2 ul li a:hover i .img_2_1{opacity:0; filter:alpha(opacity=00);} .t_0100_2 ul li a:hover i .img_2_2{opacity:1; filter:alpha(opacity=100);} .t_0100_2 ul li a:hover h3{color: #0e6eb8;} @media screen and (max-width:1199px){ .w_0100_2{padding: 50px 0 65px 0;} .t_0100_2 ul li{width: 25%;} .t_0100_2 ul li a{padding: 35px 15px 32px 15px;} .t_0100_2 ul li a i{margin-left: -51px; width: 102px;border: 5px solid #f0f0f0;} .t_0100_2 ul li a h3{margin-top: 8px;height: 36px;line-height: 36px;font-size: 18px;} .t_0100_2 ul li a h3::after{top: 38px;width: 20px;height: 2px;margin-left: -10px;} .t_0100_2 ul li a span{font-size: 12px;} .t_0100_2 ul li a:hover i{border: 5px solid #d9ecf7;} } @media screen and (max-width:991px){ .w_0100_2{padding: 40px 0 50px 0;} .t_0100_2 ul li{width: 25%;} .t_0100_2 ul li a{padding: 25px 5px 20px 5px;} .t_0100_2 ul li a i{margin-left: -36px; width: 72px;border: 4px solid #f0f0f0;} .t_0100_2 ul li a h3{margin-top: 6px;height: 32px;line-height: 32px;font-size: 16px;} .t_0100_2 ul li a h3::after{top: 34px;width: 20px;height: 2px;margin-left: -10px;} .t_0100_2 ul li a:hover i{border: 4px solid #d9ecf7;} } @media screen and (max-width:767px){ .w_0100_2{padding: 30px 0;} .t_0100_2 ul li{width: 50%;} } .l_0100_2{float: left;width: 100%;margin-top: 80px;background: url(/templates/cn/images/img_2_6.jpg) center;} .l_0100_2 > img{display: block;float: left;width: 490px;} .l_0100_2 span{display: block;float: right;width: 680px;padding-right: 30px;} .l_0100_2 span h1{display: block;float: left;width: 100%;height: 40px;line-height: 40px;margin-top: 20px;font-size: 30px;font-family: "Arial";font-weight: normal;text-transform: uppercase;color: #0e6eb8;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .l_0100_2 span h2{display: block;float: left;width: 100%;height: 34px;line-height: 34px;font-size: 24px;color: #333;font-weight: bold;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .l_0100_2 span strong{display: block;float: left;width: 100%;font-size: 18px;line-height: 24px;color: #333;font-weight: bold;margin-top: 20px;height: 48px;overflow: hidden;} .l_0100_2 span font{display: block;float: left;width: 100%;margin-top: 24px;font-size: 14px;line-height: 24px;color: #333;height: 72px;overflow: hidden;} .l_0100_2 span a{display: block;float: left;margin-top: 30px;width: 148px;} .l_0100_2 span a img{display: block;float: left;width: 100%;} .l_0100_2 span a:hover{opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:1199px){ .l_0100_2{margin-top: 60px;} .l_0100_2 > img{width: 410px;} .l_0100_2 span{dfloat: right;width: 530px;padding-right: 15px;} .l_0100_2 span h1{height: 36px;line-height: 36px;margin-top: 10px;font-size: 26px;} .l_0100_2 span h2{height: 28px;line-height: 28px;font-size: 20px;} .l_0100_2 span strong{font-size: 16px;line-height: 20px;margin-top: 10px;height: 40px;} .l_0100_2 span font{margin-top: 20px;font-size: 12px;line-height: 20px;height: 60px;} .l_0100_2 span a{margin-top: 20px;width: 148px;} } @media screen and (max-width:991px){ .l_0100_2{margin-top: 40px;} .l_0100_2 > img{width: 100%;} .l_0100_2 span{dfloat: left;width: 100%;padding: 15px;} .l_0100_2 span h1{height: 36px;line-height: 36px;margin-top: 0;font-size: 26px;} .l_0100_2 span h2{height: 28px;line-height: 28px;font-size: 20px;} .l_0100_2 span strong{font-size: 16px;line-height: 20px;margin-top: 10px;height: 40px;} .l_0100_2 span font{margin-top: 20px;font-size: 12px;line-height: 20px;height: 60px;} .l_0100_2 span a{margin-top: 20px;width: 148px;} } @media screen and (max-width:767px){ .l_0100_2{margin-top: 20px;} .l_0100_2 span{padding: 10px;} .l_0100_2 span h1{height: 28px;line-height: 28px;font-size: 20px;} .l_0100_2 span h2{height: 24px;line-height: 24px;font-size: 16px;} .l_0100_2 span strong{margin-top: 5px;} .l_0100_2 span font{margin-top: 10px;} .l_0100_2 span a{margin-top: 10px;width: 88px;} } .c_0100_indtit{float: left;width: 100%;text-align: center;height: 50px;vertical-align: top;} .c_0100_indtit::after, .c_0100_indtit::before{content: "";display:inline-block; *display:inline; *zoom:1;vertical-align: top;width: 22px;height: 1px;background: #b7b7b7;margin-top: 24px;} .c_0100_indtit h1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 50px;line-height: 50px;font-size: 30px;color: #333;margin: 0 28px;font-weight: normal;position: relative;} .c_0100_indtit h1::before{content: "";display: block;position: absolute;left: 50%;top: -27px;width: 70px;height: 26px;margin-left: -35px; background: url(/templates/cn/images/img_ind_1.png) no-repeat center/cover;} .c_0100_indtit h1 strong{font-size: 36px;color: #333;vertical-align: middle;text-transform: uppercase;font-family: "Arial";margin-right: 5px;} .c_0100_indtit.b::after, .c_0100_indtit.b::before{background: #fff;} .c_0100_indtit.b h1, .c_0100_indtit.b h1 strong{color: #fff;} .c_0100_indtit.b h1::before{background: url(/templates/cn/images/img_ind_2.png) no-repeat center/cover;} @media screen and (max-width:767px){ .c_0100_indtit{height: 30px;} .c_0100_indtit::after, .c_0100_indtit::before{width: 15px;height: 1px;margin-top: 14px;} .c_0100_indtit h1{height: 30px;line-height: 30px;font-size: 18px;margin: 0 12px;} .c_0100_indtit h1::before{top: -15px;width: 35px;height: 13px;margin-left: -17.5px; } .c_0100_indtit h1 strong{font-size: 20px;margin-right: 5px;} } .w_0100_3{float: left;width: 100%; position: relative;background: #f5f5f5;padding: 105px 0 80px 0;} .w_0100_3::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 400px;background: url(/templates/cn/images/bg_3.jpg) no-repeat center/cover;z-index: 1;} .t_0100_3{float: left;width: 100%;position: relative;z-index: 9;} .t_0100_3 .t_3{float: left;width: 100%;margin-top: 30px;background: #f5f5f5;padding: 30px 15px 50px 15px;} .t_0100_3 .t_3 .slick-slide{padding: 0 15px;overflow: hidden;} .t_0100_3 .t_3 .slick-slide a{display: block;float: left;width: 100%;border-bottom: 1px solid #d5d5d5;outline: none;} .t_0100_3 .t_3 .slick-slide a i{display: block;float: left; position: relative;width: 100%;background: #0e6eb8;} .t_0100_3 .t_3 .slick-slide a i img{display: block;float: left;width: 100%; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_3 .t_3 .slick-slide a i::after{content: "";display: block;position: absolute;left: 50%;top: 50%;background: url(/templates/cn/images/img_15_1.png) no-repeat center/cover;width: 34px;height: 34px;margin: -17px 0 0 -17px;z-index: 9;opacity:0; filter:alpha(opacity=00); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_3 .t_3 .slick-slide a span{display: block;float: left;width: 100%;position: relative;height: 76px;padding-right: 30px;} .t_0100_3 .t_3 .slick-slide a span::after{content: "";display: block;position: absolute;right: 9px;top: 50%;margin-top: -3px;background: url(/templates/cn/images/img_3_5.png) no-repeat center/100% 100%;width: 12px;height: 7px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_3 .t_3 .slick-slide a span h4{display: block;float: left;width: 100%;height: 32px;line-height: 32px;font-size: 16px;color: #333; margin-top: 11px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_3 .t_3 .slick-slide a span h6{display: block;float: left;width: 100%;height: 15px;line-height: 15px;font-size: 12px;color: #888;} .t_0100_3 .t_3 .slick-slide a:hover{border-bottom: 1px solid #0e6eb8;} .t_0100_3 .t_3 .slick-slide a:hover i img{opacity:0.4; filter:alpha(opacity=40);} .t_0100_3 .t_3 .slick-slide a:hover i::after{opacity:1; filter:alpha(opacity=100);} .t_0100_3 .t_3 .slick-slide a:hover span::after{background: url(/templates/cn/images/img_3_5_h.png) no-repeat center/100% 100%;} .t_0100_3 .t_3 .slick-slide a:hover span h4{color: #0e6eb8;} .t_0100_3 .t_3 .slick-dots{left: 0; bottom:0; height:10px; overflow:hidden;} .t_0100_3 .t_3 .slick-dots li{ width:10px; height:10px;vertical-align: top;margin:0 5px;background: #0075c0;opacity:0.3; filter:alpha(opacity=30); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .t_0100_3 .t_3 .slick-dots li button{ display:none;} .t_0100_3 .t_3 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} @media screen and (max-width:767px){ .w_0100_3{padding: 50px 0 30px 0;} .w_0100_3::before{width: 100%;height: 200px;} .t_0100_3{float: left;width: 100%;position: relative;z-index: 9;} .t_0100_3 .t_3{margin-top: 15px;padding: 10px 5px 25px 5px;} .t_0100_3 .t_3 .slick-slide{padding: 0 5px;} .t_0100_3 .t_3 .slick-slide a i::after{width: 24px;height: 24px;margin: -12px 0 0 -12px;} .t_0100_3 .t_3 .slick-slide a span{height: 53px;padding-right: 15px;} .t_0100_3 .t_3 .slick-slide a span::after{right: 4px;margin-top: -2px;width: 7px;height: 4px;} .t_0100_3 .t_3 .slick-slide a span h4{height: 28px;line-height: 28px;font-size: 14px;margin-top: 5px; } .t_0100_3 .t_3 .slick-slide a span h6{height: 15px;line-height: 15px;font-size: 12px;} .t_0100_3 .t_3 .slick-dots{ bottom:0; height:8px; overflow:hidden;} .t_0100_3 .t_3 .slick-dots li{ width:8px; height:8px;vertical-align: top;margin:0 2px;} } .l_0100_3{float: left;width: 100%;margin-top: 105px;} .l_0100_3 .l_3{float: left;width: 100%;margin-top: 30px;} .l_0100_3 .l_3 ul li{float: left;width: 25%; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .l_0100_3 .l_3 ul li.on{width: 31%;} .l_0100_3 .l_3 ul li.none{width: 23%} .l_0100_3 .l_3 ul li a{display: block;float: left;width: 100%;height: 420px;position: relative;} .l_0100_3 .l_3 ul li a i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 50%;z-index: 1; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .l_0100_3 .l_3 ul li a span{display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 50%;background: #fff;z-index: 9; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .l_0100_3 .l_3 ul li a span font{display: block;position: absolute;left: 0;top: 50%;text-align: center;padding-bottom: 0;width: 100%; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .l_0100_3 .l_3 ul li a span font::after{content: "";display: block;position: absolute;left: 50%;margin-left: -20px; bottom: 0;background: url(/templates/cn/images/img_3_10.png) no-repeat center/100% 100%;width: 40px;height: 40px;opacity:0; filter:alpha(opacity=00); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .l_0100_3 .l_3 ul li a span font h4{display: block;float: left;width: 100%;padding: 0 35px;font-size: 18px;line-height: 24px;color: #333; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .l_0100_3 .l_3 ul li a span font h5{display: block;float: left;width: 100%;padding: 0 35px;font-size: 14px;line-height: 24px;color: #888;margin-top: 5px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .l_0100_3 .l_3 ul li a span em{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 10px;} .l_0100_3 .l_3 ul li a span em s{display: block;position: relative;width: 100%;height: 100%;} .l_0100_3 .l_3 ul li a span em s::after, .l_0100_3 .l_3 ul li a span em s::before{content: "";display: block;width: 0;height: 0;position: absolute;opacity:0.3; filter:alpha(opacity=30);} .l_0100_3 .l_3 ul li a span em s::before{left: 0;top: 0;border-left: 1px solid #fff;border-top: 1px solid #fff;} .l_0100_3 .l_3 ul li a span em s::after{right: 0;bottom: 0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .l_0100_3 .l_3 ul li:nth-child(2n) a i{top: 50%;} .l_0100_3 .l_3 ul li:nth-child(2n) a span{top: 0;} @media screen and (min-width:768px){ .l_0100_3 .l_3 ul li:hover a i{top: 0; height: 100%;} .l_0100_3 .l_3 ul li:hover a span{top: 0;height: 100%;background: rgba(0,117,192,0.89);} .l_0100_3 .l_3 ul li:hover a span font::after{opacity:1; filter:alpha(opacity=100);} .l_0100_3 .l_3 ul li:hover a span font h4{color: #fff;} .l_0100_3 .l_3 ul li:hover a span font h5{color: #fff;opacity:0.6; filter:alpha(opacity=60);} .l_0100_3 .l_3 ul li:hover a span em s::after, .l_0100_3 .l_3 ul li:hover a span em s::before{width: 100%;height: 100%;} .l_0100_3 .l_3 ul li:hover a span font{padding-bottom: 45px;} } @media screen and (min-width:992px){ .l_0100_3 .l_3 ul li:hover a span font{padding-bottom: 75px;} } @media screen and (max-width:1199px){ .l_0100_3{margin-top: 75px;} .l_0100_3 .l_3 ul li a{height: 320px;} .l_0100_3 .l_3 ul li a span font h4{padding: 0 15px;font-size: 18px;line-height: 24px;} .l_0100_3 .l_3 ul li a span font h5{padding: 0 15px;font-size: 12px;line-height: 24px;margin-top: 5px;} } @media screen and (max-width:991px){ .l_0100_3{margin-top: 45px;} .l_0100_3 .l_3 ul li a{height: 260px;} .l_0100_3 .l_3 ul li a span font::after{margin-left: -15px;width: 30px;height: 30px;} .l_0100_3 .l_3 ul li a span font h4{padding: 0 15px;font-size: 16px;line-height: 20px;} .l_0100_3 .l_3 ul li a span font h5{padding: 0 15px;font-size: 12px;line-height: 20px;margin-top: 5px;} } @media screen and (max-width:767px){ .l_0100_3 .l_3{margin-top: 11px;} .l_0100_3 .l_3 ul{margin: 0 -2px;} .l_0100_3 .l_3 ul li{float: left;width: 50%;padding: 0 2px;margin-top: 4px;} .l_0100_3 .l_3 ul li a{display: block;float: left;width: 100%;height: auto;position: relative;} .l_0100_3 .l_3 ul li a i{display: block;position: relative;float: left; left: 0;top: 0;width: 100%;height: auto;} .l_0100_3 .l_3 ul li a i img{float: left;width: 100%;} .l_0100_3 .l_3 ul li a span{display: block;position: absolute;left: 0;top: auto;bottom: 0; width: 100%;height: auto;padding: 5px 5px; background: rgba(0,117,192,0.89);} .l_0100_3 .l_3 ul li a span font{position: relative;float: left;width: 100%; left: 0;top: 0;text-align: left; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} .l_0100_3 .l_3 ul li a span font h4{display: block;float: left;width: 100%;padding: 0;font-size: 12px;line-height: 20px;color: #fff;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .l_0100_3 .l_3 ul li a span font h5{display: none;} .l_0100_3 .l_3 ul li:nth-child(2n) a i{top: 0;} .l_0100_3 .l_3 ul li:nth-child(2n) a span{top: auto;} } .w_0100_4{float: left;width: 100%;position: relative;padding: 105px 0 80px 0;} .w_0100_4::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 310px;} .t_0100_4{float: left;width: 100%;margin-top: 30px;position: relative;z-index: 9;} .t_0100_4 ul{margin: 0 -15px;} .t_0100_4 ul li{float: left;width: 50%;padding: 0 15px;} .t_0100_4 ul li a{display: block;float: left;width: 100%;position: relative; padding-bottom:56.24%; overflow:hidden;} .t_0100_4 ul li a video{width:100%; height:100%; position:absolute; left:0; top:0; } .t_0100_4 ul li a p{width:100%; height:100%; position:absolute; left:0; top:0;} .t_0100_4 ul li a iframe{width:100%; height:100%;} /*.t_0100_4 ul li a img{display: block;float: left;width: 100%;}*/ .t_0100_4 ul li a::after{content: "";display: none;position: absolute;left: 50%;top: 40%;z-index: 9;background: url(/templates/cn/images/img_4_1.png) no-repeat center/cover;width: 60px;height: 60px;margin: -30px 0 0 -30px;} @media screen and (max-width:1199px){ .w_0100_4{padding: 85px 0 60px 0;} .w_0100_4::after{height: 240px;} .t_0100_4{margin-top: 30px;} .t_0100_4 ul{margin: 0 -15px;} .t_0100_4 ul li{padding: 0 15px;} .t_0100_4 ul li a::after{width: 60px;height: 60px;margin: -30px 0 0 -30px;} } @media screen and (max-width:991px){ .w_0100_4{padding: 65px 0 40px 0;} .w_0100_4::after{height: 180px;} .t_0100_4{margin-top: 30px;} .t_0100_4 ul{margin: 0 -15px;} .t_0100_4 ul li{padding: 0 15px;} .t_0100_4 ul li a::after{width: 40px;height: 40px;margin: -20px 0 0 -20px;} } @media screen and (max-width:767px){ .w_0100_4{padding: 45px 0 20px 0;} .w_0100_4::after{height: 80px;} .t_0100_4{margin-top: 10px;} .t_0100_4 ul{margin: 0 -2px;} .t_0100_4 ul li{padding: 0 2px;} .t_0100_4 ul li a::after{width: 20px;height: 20px;margin: -10px 0 0 -10px;} } .w_0100_5{float: left;width: 100%;padding: 105px 0 80px 0;} .t_0100_5{float: left;width: 100%;margin-top: 30px;} .t_0100_5 ul{margin: 0 -15px;} .t_0100_5 ul li{float: left;width: 33.333333%;padding: 0 15px;} .t_0100_5 ul li a{display: block;float: left;width: 100%;padding-bottom: 45px;border-bottom: 1px solid #e5e5e5;} .t_0100_5 ul li a img{display: block;float: left;width: 100%;} .t_0100_5 ul li a div{float: left;width: 100%;position: relative;padding-left: 70px;margin-top: 20px;} .t_0100_5 ul li a div font{display: block;position: absolute;left: 0;top: 0;font-family: "Arial";} .t_0100_5 ul li a div font h2{display: block;height: 24px;line-height: 24px;font-size: 24px;color: #333;font-weight: bold; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_5 ul li a div font h5{display: block;height: 24px;line-height: 24px;font-size: 14px;color: #333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_5 ul li a div span{display: block;float: left;width: 100%;border-left: 1px solid #e5e5e5;padding-left: 15px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_5 ul li a div span h4{display: block;float: left;width: 100%;height: 20px;line-height: 20px;font-size: 16px;color: #333; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_5 ul li a div span h5{display: block;float: left;width: 100%;margin-top: 10px;font-size: 14px;line-height: 22px;color: #777;height: 66px;overflow: hidden;} .t_0100_5 ul li a:hover{border-bottom: 1px solid #0e6eb8;} .t_0100_5 ul li a:hover div font h2, .t_0100_5 ul li a:hover div font h5, .t_0100_5 ul li a:hover div span h4{color: #0e6eb8;} .t_0100_5 ul li a:hover div span{border-left: 1px solid #e6f0f8;} @media screen and (max-width:991px){ .t_0100_5 ul{margin: 0 -5px;} .t_0100_5 ul li{padding: 0 5px;} } @media screen and (max-width:767px){ .w_0100_5{padding: 45px 0 30px 0;} .t_0100_5{margin-top: 5px;} .t_0100_5 ul li{width: 100%;margin-top: 20px;} .t_0100_5 ul li a{padding-bottom: 15px;} .t_0100_5 ul li a div{padding-left: 50px;margin-top: 10px;} .t_0100_5 ul li a div font h2{height: 16px;line-height: 16px;font-size: 16px;} .t_0100_5 ul li a div font h5{height: 16px;line-height: 16px;font-size: 12px;} .t_0100_5 ul li a div span{padding-left: 10px;} .t_0100_5 ul li a div span h4{height: 16px;line-height: 16px;font-size: 14px;} .t_0100_5 ul li a div span h5{margin-top: 5px;font-size: 12px;line-height: 20px;height: 60px;} } /*down*/ .w_0100_6{float: left;width: 100%;padding: 60px 0 0 0;} .t_0100_6{float: left;width: 100%;border-top: 1px solid #404040;padding: 30px 0;} .t_0100_6 .t_6_1{float: left;width: 27.5%;padding-right: 30px;} .t_0100_6 .t_6_1 h4{display: block;float: left;width: 100%;line-height: 28px;font-size: 18px;color: #fff;opacity:0.8; filter:alpha(opacity=80);} .t_0100_6 .t_6_1 h5{display: block;float: left;width: 100%;margin-top: 8px;line-height: 24px;font-size: 14px;color: #fff;opacity:0.5; filter:alpha(opacity=50);} .t_0100_6 .t_6_1 ul{float: left;width: 100%;margin-top: 25px;} .t_0100_6 .t_6_1 ul li{float: left;width: 100%;height: 24px;line-height: 24px;font-size: 12px;color: #969696;margin-top: 5px;} .t_0100_6 .t_6_1 ul li img{display:inline-block; *display:inline; *zoom:1; vertical-align: top;width: 15px;margin: 5px 10px 0 0;} .t_0100_6 .t_6_2{float: left;width: 28.75%;border-left: 1px solid #404040;padding: 0 30px 15px 80px;} .t_0100_6 .t_6_2 h4{display: block;float: left;width: 100%;line-height: 28px;font-size: 18px;color: #fff;opacity:0.8; filter:alpha(opacity=80);} .t_0100_6 .t_6_2 ul li{float: left;width: 50%;height: 24px;line-height: 24px;font-size: 14px;margin-top: 10px;} .t_0100_6 .t_6_2 ul li a{color: #fff;opacity:0.5; filter:alpha(opacity=50);} .t_0100_6 .t_6_2 ul li a:hover{opacity:1; filter:alpha(opacity=100);} .t_0100_6 .t_6_3{float: left;width: 43.75%;border-left: 1px solid #404040;padding: 0 30px 15px 80px;} .t_0100_6 .t_6_3 h4{display: block;float: left;width: 100%;line-height: 28px;font-size: 18px;color: #fff;opacity:0.8; filter:alpha(opacity=80);} .t_0100_6 .t_6_3 h5{display: block;float: left;width: 100%;margin-top: 8px;line-height: 24px;font-size: 14px;color: #fff;opacity:0.5; filter:alpha(opacity=50);} .t_0100_6 .t_6_3 strong{display: block;float: left;width: 100%;margin-top: 6px;line-height: 40px;font-size: 30px;color: #fff;opacity:0.8; filter:alpha(opacity=80);} .t_0100_6 .t_6_3 ul{float: left;width: 100%;margin-top: 12px;} .t_0100_6 .t_6_3 ul li{float: left;margin-right: 20px;} .t_0100_6 .t_6_3 ul li a{display: block;float: left;height: 36px;line-height: 36px;font-size: 14px;color: rgba(255,255,255,0.50);padding-left: 18px;width: 130px; background: url(/templates/cn/images/img_6_4.jpg) no-repeat center/100% 100%;} .t_0100_6 .t_6_3 ul li a:hover{color: #fff;} @media screen and (max-width:1199px){ .w_0100_6{padding: 50px 0 0 0;} .t_0100_6{padding: 20px 0;} .t_0100_6 .t_6_1{padding-right: 15px;} .t_0100_6 .t_6_2{padding: 0 15px 15px 50px;} .t_0100_6 .t_6_3{padding: 0 15px 15px 50px;} } @media screen and (max-width:991px){ .w_0100_6{padding: 0 0 0 0;} .t_0100_6{display: none;} } .l_0100_6{float: left;width: 100%;border-top: 1px solid #404040;padding: 28px 0;} .l_0100_6 .l_6_1{float: left;line-height: 24px;font-size: 12px;color: #6c6c6c;} .l_0100_6 .l_6_1 a{color: #6c6c6c;} .l_0100_6 .l_6_1 a:hover{color: #fff;} .l_0100_6 .l_6_2{float: right;line-height: 24px;font-size: 12px;color: #6c6c6c;} .l_0100_6 .l_6_2 a{color: #6c6c6c;} .l_0100_6 .l_6_2 a:hover{color: #fff;} @media screen and (max-width:991px){ .l_0100_6{fpadding: 15px 0;} .l_0100_6 .l_6_1{float: left;line-height: 24px;font-size: 12px;color: #6c6c6c;} .l_0100_6 .l_6_2{float: right;line-height: 24px;font-size: 12px;color: #6c6c6c;} } @media screen and (max-width:767px){ .l_0100_6{fpadding: 5px 0;} .l_0100_6 .l_6_1, .l_0100_6 .l_6_2{float: left;width: 100%;text-align: center;} .l_0100_6 .l_6_2{margin-top: 5px;} } /*手机版底部菜单*/ .pf_d{ float:left; width:100%; height:50px;} .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;} .pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;} .pf_down li .ico7{ width:100%; float:left; height:20px;} .pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";} .pf_down li.l1 .ico7{ background:url(/templates/cn/images/btn15.png) no-repeat center; background-size:20px 20px;} .pf_down li.l2 .ico7{ background:url(/templates/cn/images/btn16.png) no-repeat center; background-size:20px 20px;} .pf_down li.l3 .ico7{ background:url(/templates/cn/images/btn17.png) no-repeat center; background-size:20px 20px;} .pf_down li:hover .name, .pf_down li.on .name{ color:#0e6eb8;} .pf_down .l1:hover .ico7, .pf_down .l1.on .ico7{ background:url(/templates/cn/images/btn15_1.png) no-repeat center; background-size:20px 20px;} .pf_down .l2:hover .ico7, .pf_down .l2.on .ico7{ background:url(/templates/cn/images/btn16_1.png) no-repeat center; background-size:20px 20px;} .pf_down .l3:hover .ico7, .pf_down .l3.on .ico7{ background:url(/templates/cn/images/btn17_1.png) no-repeat center; background-size:20px 20px;} /*right*/ #top{float: left;width: 100%;} .right{position: fixed;right: 20px;top: 40%;z-index: 9999;width: 53px;} .right ul li{float: left;width: 100%;margin-top: 1px;} .right ul li a{display: block;float: left;width: 100%;background: #626262;position: relative;} .right ul li a > img{display: block;float: left;width: 100%;} .right ul li a span{display: block;position: absolute;right: 54px;top: 0;height: 53px;overflow: hidden;width: 0;background: #0e6eb8; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .right ul li a span font{display: block;float: left;height: 53px;line-height: 53px;text-align: center;width: 120px;font-size: 14px;color: #fff;} .right ul li a i{display: block;position: absolute;right: 54px;top: 50%;margin-top: -44px;overflow: hidden;width: 0;height: 88px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .right ul li a i img{display: block;float: left;width: 88px;max-width: none;border: 3px solid #0e6eb8;} .right ul li a:hover{background: #0e6eb8;} .right ul li a:hover span{width: 120px;} .right ul li a:hover i{width: 88px;} @media screen and (max-width:1199px){ .right{display: none;} } /*内页标题*/ .ntit{position: absolute;left: 0;top: 50%;width: 100%;text-align: center;margin-top: -59px;} .ntit strong{display: block;height: 70px;line-height: 70px;font-size: 60px;color: #0e6eb8;font-family: "Arial";text-transform: uppercase;} .ntit span{display: block;height: 48px;} .ntit span font{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 48px;line-height: 48px;font-size: 30px;color: #2b2b2b;border-bottom: 1px solid #1572ba;} @media screen and (max-width:1199px){ .ntit{margin-top: -42px;} .ntit strong{height: 60px;line-height: 60px;font-size: 50px;} .ntit span{height: 40px;} .ntit span font{height: 40px;line-height: 40px;font-size: 24px;} } @media screen and (max-width:991px){ .ntit{margin-top: -41px;} .ntit strong{height: 50px;line-height: 50px;font-size: 40px;} .ntit span{height: 32px;} .ntit span font{height: 32px;line-height: 32px;font-size: 18px;} } @media screen and (max-width:767px){ .ntit{margin-top: -25px;} .ntit strong{height: 30px;line-height: 30px;font-size: 24px;} .ntit span{height: 20px;} .ntit span font{height: 20px;line-height: 20px;font-size: 12px;} } /*侧导航*/ .w_0100_cdh{float: left;width: 100%;background: #f6f6f6;} .w_0100_cdh .w_cdh_1{float: left;} .w_0100_cdh .w_cdh_2{float: right;height: 52px;line-height: 52px;font-size: 14px;color: #6b6b6b;} .w_0100_cdh .w_cdh_2 a{color: #6b6b6b;} .w_0100_cdh .w_cdh_2 a:hover, .w_0100_cdh .w_cdh_2 a.hover{color: #0e6eb8;} .w_0100_cdh .w_cdh_1 .pz_SideLayer{float: left; text-align:center; } .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1{float: left;} .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1 a{ float:left;padding: 0 30px; height:52px; color:#333; font-size:16px; line-height:52px;position: relative;} .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1 a::after{content: "";display: block;position: absolute;left: 50%;margin-left: -7px; bottom: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #f6f6f6; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1 a:hover, .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1 a.hover{ color:#fff;background: #0e6eb8;} .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1 a:hover::after, .w_0100_cdh .w_cdh_1 .pz_SideLayer .l1 a.hover::after{ border-bottom: 7px solid #fff;} @media screen and (max-width:767px){ .w_0100_cdh .w_cdh_1{display: none;} .w_0100_cdh .w_cdh_2{float: left;height: 38px;line-height: 38px;font-size: 12px;} } /*1关于我们*/ .w_0100_7{float: left;width: 100%;padding: 65px 0 105px 0;} .w_0100_7 .w_7_1{float: left;width: 100%;text-align: center;} .w_0100_7 .w_7_1 h1{display: block;float: left;width: 100%;line-height: 40px;font-size: 30px;color: #3f3f3f;font-weight: normal;} .w_0100_7 .w_7_1 h5{display: block;float: left;width: 100%;margin-top: 15px;height: 25px;position: relative;} .w_0100_7 .w_7_1 h5 font{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 25px;line-height: 25px;font-size: 14px;color: #fff;text-transform: uppercase;font-family: "Arial";background: #0e6eb8;padding: 0 18px;} .w_0100_7 .w_7_1 h5::after{content: "";display: block;position: absolute;left: 50%;margin-left: -1px; top: 65px;width: 2px;height: 43px;background: #0e6eb8;} .w_0100_7 .w_7_1 span{display: block;float: left;width: 100%;font-size: 16px;line-height: 32px;color: #333;margin-top: 115px;padding: 0 150px;} .w_0100_7 .w_7_2{float: left;width: 100%;margin-top: 40px;} .w_0100_7 .w_7_2 ul{float: left;width: 100%;} .w_0100_7 .w_7_2 ul li{float: left;width: 25%;text-align: center;position: relative;} .w_0100_7 .w_7_2 ul li::before{content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -24px;width: 1px;height: 48px;background: #dcdcdc;} .w_0100_7 .w_7_2 ul li:nth-child(1)::before{display: none;} .w_0100_7 .w_7_2 ul li h1{display: block;height: 50px;line-height: 50px;font-size: 36px;font-family: "Arial";color: #0e6eb8;} .w_0100_7 .w_7_2 ul li h1 font{font-size: 24px;font-family: "Microsoft yahei";} .w_0100_7 .w_7_2 ul li h4{display: block;height: 50px;line-height: 50px;font-size: 18px;color: #666;} @media screen and (max-width:1199px){ .w_0100_7{padding: 45px 0 85px 0;} .w_0100_7 .w_7_1 span{padding: 0 60px;} } @media screen and (max-width:767px){ .w_0100_7{padding: 30px 0 45px 0;} .w_0100_7 .w_7_1 h1{font-size: 20px;} .w_0100_7 .w_7_1 h5{margin-top: 5px;height: 24px;} .w_0100_7 .w_7_1 h5 font{height: 24px;line-height: 24px;font-size: 12px;padding: 0 10px;} .w_0100_7 .w_7_1 h5::after{top: 40px;width: 2px;height: 24px;} .w_0100_7 .w_7_1 span{font-size: 14px;line-height: 28px;margin-top: 50px;padding: 0;} .w_0100_7 .w_7_2{margin-top: 10px;} .w_0100_7 .w_7_2 ul{float: left;width: 100%;} .w_0100_7 .w_7_2 ul li::before{margin-top: -12px;width: 1px;height: 24px;background: #dcdcdc;} .w_0100_7 .w_7_2 ul li h1{height: 30px;line-height: 30px;font-size: 18px;} .w_0100_7 .w_7_2 ul li h1 font{font-size: 12px;} .w_0100_7 .w_7_2 ul li h4{height: 20px;line-height: 20px;font-size: 14px;} } .w_0100_8{float:left;width: 100%;padding: 80px 0;} .w_0100_8 ul li{float: left;width: 33.333333%;position: relative;padding: 0 0 300px 0;} .w_0100_8 ul li:nth-child(2n){padding: 300px 0 0 0;} .w_0100_8 ul li img{display: block;float: left;width: 100%;} .w_0100_8 ul li span{display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 300px;background: #fff;padding: 0 30px;} .w_0100_8 ul li:nth-child(2n) span{top: 0;} .w_0100_8 ul li span strong{display: block;float: left;margin-top: 85px;line-height: 40px;padding-bottom: 12px;border-bottom: 3px solid #0e6eb8;font-size: 24px;color: #333;} .w_0100_8 ul li span strong em{margin-left: 10px;font-family: "Arial";color: #0e6eb8;text-transform: uppercase;} .w_0100_8 ul li span font{display: block;float: left;width: 100%;font-size: 16px;line-height: 30px;color: #666;margin-top: 12px;} @media screen and (max-width:1199px){ .w_0100_8 ul li{padding: 0 0 240px 0;} .w_0100_8 ul li:nth-child(2n){padding: 240px 0 0 0;} .w_0100_8 ul li span{height: 240px;padding: 0 20px;} .w_0100_8 ul li span strong{margin-top: 65px;line-height: 30px; font-size: 20px;} } @media screen and (max-width:991px){ .w_0100_8{padding: 60px 0;} .w_0100_8 ul li{padding: 0 0 184px 0;} .w_0100_8 ul li:nth-child(2n){padding: 184px 0 0 0;} .w_0100_8 ul li span{height: 184px;padding: 0 10px;} .w_0100_8 ul li span strong{margin-top: 20px;line-height: 30px; font-size: 18px;} } @media screen and (max-width:767px){ .w_0100_8{padding: 30px 0;} .w_0100_8 ul li{width: 100%;padding: 0;margin-top: 5px;} .w_0100_8 ul li:nth-child(2n){padding:0;} .w_0100_8 ul li img{display: block;float: left;width: 100%;} .w_0100_8 ul li span{display: block;position: static;float: left;width: 100%;height: auto;padding: 15px;} .w_0100_8 ul li span strong{margin-top: 0;line-height: 28px;padding-bottom: 6px;border-bottom: 2px solid #0e6eb8;font-size: 18px;} .w_0100_8 ul li span strong em{margin-left: 5px;} .w_0100_8 ul li span font{font-size: 12px;line-height: 24px;margin-top: 10px;} } .w_0100_9{float: left;width: 100%;padding: 45px 0 60px 0;} .w_0100_9 h1{display: block;float: left;width: 100%;text-align: center;line-height: 40px;padding-bottom: 35px;font-size: 30px;color: #3f3f3f;} .w_0100_9 ul{float: left;width: 100%;position: relative;padding-bottom: 50px;} .w_0100_9 ul::before{content: "";display: block;position: absolute;left: 50%;top:0;width: 12px;height: 12px;background: #bdbdbd;margin-left: -6px;z-index: 1; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .w_0100_9 ul::after{content: "";display: block;position: absolute;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -0.5px;background: #e8e8e8;} .w_0100_9 ul li{float: left;width: 50%;clear: both;margin-top: -35px;padding: 0 26px 0 0;position: relative;z-index: 9;} .w_0100_9 ul li div{float: left;width: 100%;position: relative;background: #fff;padding: 20px 198px 20px 20px;border: 1px solid #e3e3e3;min-height: 164px;cursor: pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_9 ul li div::after{content: "";display: block;position: absolute;right: -39px;top: 27px;background: url(/templates/cn/images/img_9_5.png) no-repeat center/100% 100%;width: 24px;height: 24px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_9 ul li div::before{content: "";display: block;position: absolute;right: -15px;top: 38px;width: 15px;height: 1px;background: #e3e3e3; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_9 ul li div img{display: block;position: absolute;right: 20px;top: 20px;width: 158px;} .w_0100_9 ul li div span{display: block;float: left;width: 100%;} .w_0100_9 ul li div span h2{display: block;float: left;width: 100%;height: 40px;line-height: 40px;font-size: 24px;color: #666;font-family: "Arial"; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_9 ul li div span font{display: block;float: left;width: 100%;font-size: 16px;line-height: 26px;color: #666;} .w_0100_9 ul:nth-child(2) li:nth-child(1){margin-top: 60px;} .w_0100_9 ul li:nth-child(2n){float: right;padding: 0 0 0 26px;margin-top: -90px;} .w_0100_9 ul li:nth-child(2n) div::after{left: -39px;} .w_0100_9 ul li:nth-child(2n) div::before{left: -15px;} .w_0100_9 ul:nth-child(3){display: none; position: relative; margin-top: -85px;} .w_0100_9 ul:nth-child(3) li:nth-child(1){margin-top: 0;} .w_0100_9 ul:nth-child(3)::before{display: none;} .w_0100_9 ul li div:hover{border: 1px solid #0061aa;} .w_0100_9 ul li div:hover::after{background:url(/templates/cn/images/img_9_5_h.png) no-repeat center/100% 100%;} .w_0100_9 ul li div:hover::before{background: #0061aa;} .w_0100_9 ul li div:hover span h2{color: #0061aa;} .w_0100_9 button{display: block;position: relative;left: 50%;width: 152px;margin-left: -76px; height: 42px;line-height: 42px;outline: none;cursor: pointer;border: 0 none;font-size: 16px;color: #fff;text-align: center;background: #0e6eb8; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .w_0100_9 button:hover{opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:767px){ .w_0100_9{padding: 30px 0;} .w_0100_9 h1{line-height: 30px;padding-bottom: 0;font-size: 20px;} .w_0100_9 ul{padding-bottom: 0;} .w_0100_9 ul::before{display: none;} .w_0100_9 ul::after{display: none;} .w_0100_9 ul li{width: 100%;margin-top: 15px;padding: 0;} .w_0100_9 ul li div{padding: 10px;border: 1px solid #e3e3e3;min-height: none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .w_0100_9 ul li div::after{display: none;} .w_0100_9 ul li div::before{display: none;} .w_0100_9 ul li div img{display: block;position: static;float: left;width: 100%;} .w_0100_9 ul li div span{display: block;float: left;width: 100%;margin-top: 5px;} .w_0100_9 ul li div span h2{height: 30px;line-height: 30px;font-size: 18px;} .w_0100_9 ul li div span font{font-size: 12px;line-height: 20px;} .w_0100_9 ul:nth-child(2) li:nth-child(1){margin-top: 15px;} .w_0100_9 ul li:nth-child(2n){float: left;padding: 0;margin-top: 15px;} .w_0100_9 ul:nth-child(3){display: none; position: relative; margin-top: 0;} .w_0100_9 ul:nth-child(3) li:nth-child(1){margin-top: 15px;} .w_0100_9 button{float: left; width: 82px;margin-left: -41px; height: 36px;line-height: 36px;font-size: 12px;margin-top: 15px;} } /*2产品中心*/ .w_0100_dk{float: left;width: 100%;} .w_0100_dk .pz_SideLayer{float: left;width: 100%;margin-top: 40px;background: #f6f6f6; } .z_p{padding-bottom:40px;} .w_0100_dk .pz_SideLayer .l1{float: left;width: 100%;padding: 0 20px;} .w_0100_dk .pz_SideLayer .l1 a{display: block;float: left;width: 100%;height: 64px;line-height: 64px;position: relative;border-bottom: 1px solid #dcdcdc;font-size: 16px;color: #4a4a4a;} .w_0100_dk .pz_SideLayer .l1:last-child a{border-bottom: 0 none;} .w_0100_dk .pz_SideLayer .l1 a::before{content: "";display: block;position: absolute;left: -20px;top: 50%;margin-top: -10px; border-left: 10px solid #f6f6f6;border-top: 10px solid transparent;border-bottom: 10px solid transparent; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_dk .pz_SideLayer .l1 a:hover, .w_0100_dk .pz_SideLayer .l1 a.hover{color: #0e6eb8;border-bottom: 1px solid #0e6eb8;} .w_0100_dk .pz_SideLayer .l1 a:hover::before, .w_0100_dk .pz_SideLayer .l1 a.hover::before{border-left: 10px solid #0067b9;} .w_0100_dk .pz_SideLayer .l1:last-child a:hover, .w_0100_dk .pz_SideLayer .l1:last-child a.hover{color: #0e6eb8;border-bottom: 0 none;} /*2产品中心*/ .w_0100_10{float: left;width: 100%;margin-top: 10px;} .w_0100_10 ul{margin: 0 -15px;} .w_0100_10 ul li{float: left;width: 33.333333%;padding: 0 15px;margin-top: 30px;} .w_0100_10 ul li a{display: block;float: left;width: 100%;border-bottom: 1px solid #d5d5d5;} .w_0100_10 ul li a i{display: block;float: left;width: 100%;position: relative;background: #0e6eb8;} .w_0100_10 ul li a i img{display: block;float: left;width: 100%; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_10 ul li a i::after{content: "";display: block;position: absolute;left: 50%;top: 50%;background: url(/templates/cn/images/img_15_1.png) no-repeat center/cover;width: 34px;height: 34px;margin: -17px 0 0 -17px;z-index: 9;opacity:0; filter:alpha(opacity=00); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_10 ul li a span{display: block;float: left;width: 100%;position: relative;padding: 0 5px;height: 72px;} .w_0100_10 ul li a span::after{content: "";display: block;position: absolute;right: 5px;top: 50%;background: url(/templates/cn/images/img_3_5.png) no-repeat center/100% 100%;width: 12px;height: 7px;margin-top: -3.5px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_10 ul li a span h4{display: block;float: left;width: 100%;font-size: 16px;height: 32px;line-height: 32px;margin-top: 6px;color: #333; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_10 ul li a span h6{display: block;float: left;width: 100%;font-size: 12px;height: 24px;line-height: 24px;margin-top: 4px;color: #a1a1a1; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .w_0100_10 ul li a:hover{border-bottom: 1px solid #0e6eb8;} .w_0100_10 ul li a:hover i img{opacity:0.4; filter:alpha(opacity=40);} .w_0100_10 ul li a:hover i::after{opacity:1; filter:alpha(opacity=100);} .w_0100_10 ul li a:hover span::after{background: url(/templates/cn/images/img_3_5_h.png) no-repeat center/100% 100%;} .w_0100_10 ul li a:hover span h4{color: #0e6eb8;} @media screen and (max-width:767px){ .w_0100_10 ul{margin: 0 -5px;} .w_0100_10 ul li{float: left;width: 50%;padding: 0 5px;margin-top: 10px;} .w_0100_10 ul li a span{height: 58px;} .w_0100_10 ul li a span::after{width: 7px;height: 4px;margin-top: -2px;} .w_0100_10 ul li a span h4{font-size: 14px;height: 28px;line-height: 28px;margin-top: 0;} .w_0100_10 ul li a span h6{height: 20px;line-height: 20px;margin-top: 0;} } /* 分页 */ .d_0100_fy{ float:left; width:100%; text-align:center;padding: 60px 0;} .pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} .pz_fy a { display:block; float:left; min-width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #0e6eb8; background:#0e6eb8; text-decoration:none;} .pz_fy a.prve{ background:url(/templates/cn/images/prve_fy.png) no-repeat center;} .pz_fy a.prve:hover, .pz_fy a.prve.on{ background:url(/templates/cn/images/prve_fy_h.png) no-repeat center #0e6eb8; border:1px solid #0e6eb8;} .pz_fy a.next{ background:url(/templates/cn/images/next_fy.png) no-repeat center;} .pz_fy a.next:hover, .pz_fy a.next.on{ background:url(/templates/cn/images/next_fy_h.png) no-repeat center #0e6eb8; border:1px solid #0e6eb8;} .fy_phone{ display:none;} @media screen and (max-width:767px){ .d_0100_fy{padding: 30px 0;} .pz_fy{ display:none;} .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .fy_phone a.prve{ background:url(/templates/cn/images/prve_fy.png) no-repeat center;} .fy_phone a.prve:hover, .fy_phone a.prve.on{ background:url(/templates/cn/images/prve_fy_h.png) no-repeat center #0e6eb8; border:1px solid #0e6eb8;} .fy_phone a.next{ background:url(/templates/cn/images/next_fy.png) no-repeat center;} .fy_phone a.next:hover, .fy_phone a.next.on{ background:url(/templates/cn/images/next_fy_h.png) no-repeat center #0e6eb8; border:1px solid #0e6eb8;} .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;} } /*3产品详情*/ .w_0100_11{float: left;width: 100%;padding: 40px 0;} .t_0100_11{float: left;width: 100%;} .t_0100_11 .t_11_l{float: left;width: 408px;position: relative;} .t_0100_11 .t_11_l .slick-slide{outline: none;} .t_0100_11 .t_11_l .slick-slide img{display: block;width: 100%;outline: none;} .t_0100_11 .t_11_l .slick-prev{left: 10px;top: 50%;cursor: pointer;background: url(/templates/cn/images/prev_11.png) no-repeat center/100% 100%;width: 28px;height: 47px;z-index: 9; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_11 .t_11_l .slick-prev:hover{background:url(/templates/cn/images/prev_11_h.png) no-repeat center/100% 100%;} .t_0100_11 .t_11_l .slick-next{left: auto; right: 10px;top: 50%;cursor: pointer;background: url(/templates/cn/images/next_11.png) no-repeat center/100% 100%;width: 28px;height: 47px;z-index: 9; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_11 .t_11_l .slick-next:hover{background:url(/templates/cn/images/next_11_h.png) no-repeat center/100% 100%;} .t_0100_11 .t_11_r{float: right;width: 440px;} .t_0100_11 .t_11_r .t_11_1{float: left;width: 100%;padding: 12px 0 22px 0;border-bottom: 1px solid #d9d9d9;} .t_0100_11 .t_11_r .t_11_1 h1{display: block;float: left;width: 100%;line-height: 40px;font-size: 26px;color: #161616;} .t_0100_11 .t_11_r .t_11_1 h5{display: block;float: left;width: 100%;line-height: 28px;font-size: 14px;color: #999;margin-top: 5px;} .t_0100_11 .t_11_r .t_11_2{float: left;width: 100%;margin-top: 20px;} .t_0100_11 .t_11_r .t_11_2 ul li{float: left;width: 100%;line-height: 30px;padding-left: 18px;position: relative;font-size: 14px;color: #1a1a1a;} .t_0100_11 .t_11_r .t_11_2 ul li::before{content: "";display: block;position: absolute;left: 0;top: 15px;width: 8px;height: 1px;background: #999;} .t_0100_11 .t_11_r .t_11_3{float: left;width: 100%;margin-top: 60px;} .t_0100_11 .t_11_r .t_11_3 a{display: block;float: left;height: 50px;line-height: 50px;width: 160px;text-align: center;font-size: 18px;color: #fff;background: #1b7acb;} .t_0100_11 .t_11_r .t_11_3 a:hover{opacity:0.8; filter:alpha(opacity=80);} .t_0100_11 .t_11_r .t_11_3 h5{display: block;float: left;height: 50px;line-height: 50px;font-size: 14px;color: #1b7acb;margin-left: 35px;} @media screen and (max-width:1199px){ .t_0100_11 .t_11_l{width: 340px;} .t_0100_11 .t_11_r{width: 350px;} .t_0100_11 .t_11_r .t_11_1{padding: 8px 0 15px 0;} .t_0100_11 .t_11_r .t_11_1 h1{line-height: 36px;font-size: 24px;} .t_0100_11 .t_11_r .t_11_2{margin-top: 10px;} .t_0100_11 .t_11_r .t_11_3{margin-top: 30px;} .t_0100_11 .t_11_r .t_11_3 a{width: 120px;} .t_0100_11 .t_11_r .t_11_3 h5{margin-left: 20px;} } @media screen and (max-width:767px){ .w_0100_11{padding: 30px 0;} .t_0100_11 .t_11_l{width: 100%;} .t_0100_11 .t_11_l .slick-prev, .t_0100_11 .t_11_l .slick-next{width: 14px;height: 24px;} .t_0100_11 .t_11_r{float: left;width: 100%;} .t_0100_11 .t_11_r .t_11_1{padding: 15px 0 10px 0;} .t_0100_11 .t_11_r .t_11_1 h1{line-height: 30px;font-size: 18px;} .t_0100_11 .t_11_r .t_11_1 h5{line-height: 24px;font-size: 12px;margin-top: 5px;} .t_0100_11 .t_11_r .t_11_2{margin-top: 10px;} .t_0100_11 .t_11_r .t_11_2 ul li{line-height: 24px;padding-left: 15px;font-size: 12px;} .t_0100_11 .t_11_r .t_11_2 ul li::before{top: 12px;width: 6px;} .t_0100_11 .t_11_r .t_11_3{margin-top: 15px;} .t_0100_11 .t_11_r .t_11_3 a{height: 30px;line-height: 30px;width: 80px;font-size: 14px;} .t_0100_11 .t_11_r .t_11_3 h5{height: 30px;line-height: 30px;font-size: 12px;margin-left: 15px;} } .l_0100_11{float: left;width: 100%;margin-top: 50px;border-bottom: 1px solid #d6d6d6;} .l_0100_11 .hd{float: left;width: 100%;border: 1px solid #ebebeb;background: #f6f6f6;} .l_0100_11 .hd ul li{float: left;height: 46px;line-height: 46px;text-align: center;width: 120px;font-size: 14px;color: #333;cursor: pointer; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .l_0100_11 .hd ul li.on{background: #1b7acb;color: #fff;} .l_0100_11 .bd{float: left;width: 100%;margin-top: 30px;padding-bottom: 60px;} .l_0100_11 .bd .l_11{zoom:1;font-size: 14px;line-height: 30px;color: #1a1a1a;} .l_0100_11 .bd .l_11 .sp_11_1{font-size: 18px;color: #1b7acb;line-height: 36px;} @media screen and (max-width:767px){ .l_0100_11{margin-top: 30px;} .l_0100_11 .hd ul li{height: 32px;line-height: 32px;width: 80px;font-size: 12px;} .l_0100_11 .bd{float: left;width: 100%;margin-top: 15px;padding-bottom: 30px;} .l_0100_11 .bd .l_11{zoom:1;font-size: 12px;line-height: 26px;} .l_0100_11 .bd .l_11 .sp_11_1{font-size: 16px;line-height: 32px;} } .r_0100_11{float: left;width: 100%;height: 24px;line-height: 24px;margin-top: 12px;font-size: 12px;} .r_0100_11 a{color: #494949;max-width: 45%;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .r_0100_11 a:hover{color: #1b7acb;} .r_0100_11 a:nth-child(2){float: right;} /*4合作案例*/ .w_0100_12{float: left;width: 100%;margin-top: 10px;} .t_0100_12{float: left;width: 100%;} .t_0100_12 ul{margin: 0 -15px;} .t_0100_12 ul li{float: left;width: 33.333333%;padding: 0 15px;margin-top: 30px;} .t_0100_12 ul li a{display: block;float: left;position: relative;overflow: hidden;} .t_0100_12 ul li a .t_12_1{float: left;width: 100%;background: #f5f5f5;padding: 8px;} .t_0100_12 ul li a .t_12_1 img{display: block;float: left;width: 100%;} .t_0100_12 ul li a .t_12_1 span{display: block;float: left;width: 100%;text-align: center;height: 95px;position: relative;top: 0; -webkit-transition: all 0.2s ease-out 0.3s; -moz-transition: all 0.2s ease-out 0.3s; -ms-transition: all 0.2s ease-out 0.3s; -o-transition: all 0.2s ease-out 0.3s; transition: all 0.2s ease-out 0.3s;} .t_0100_12 ul li a .t_12_1 span::before{content: "";display: block;width: 30px;height: 3px;background: #c2c2c2;margin: 30px auto 0 auto;} .t_0100_12 ul li a .t_12_1 span h5{display: block;height: 24px;line-height: 24px;font-size: 14px;margin-top: 18px;color: #1a1a1a;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .t_0100_12 ul li a .t_12_2{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: rgba(14,110,184,0.80);z-index: 9;padding: 8px;text-align: center; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_12 ul li a .t_12_2::after{content: "";display: block;position: absolute;left: 50%;top: 119px;width: 30px;height: 3px;background: #fff;margin-left: -15px;} .t_0100_12 ul li a .t_12_2 h3{display: block;height: 40px;line-height: 40px;font-size: 20px;color: #fff;font-weight: bold;margin-top: 50px;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .t_0100_12 ul li a .t_12_2 span{display: block;font-size: 14px;line-height: 32px;color: #e0e0e0;padding: 0 42px;margin-top: 45px;height: 128px;overflow: hidden;} .t_0100_12 ul li a .t_12_2 h5{display: block;margin: 30px auto 0 auto;width: 116px;height: 32px;line-height: 30px;font-size: 14px; color: #fff;border: 1px solid #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} .t_0100_12 ul li a:hover .t_12_1 span{top: 95px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_12 ul li a:hover .t_12_2{top: 0; -webkit-transition: all 0.2s ease-out 0.3s; -moz-transition: all 0.2s ease-out 0.3s; -ms-transition: all 0.2s ease-out 0.3s; -o-transition: all 0.2s ease-out 0.3s; transition: all 0.2s ease-out 0.3s;} @media screen and (max-width:1199px){ .t_0100_12 ul li a .t_12_2::after{top: 89px;} .t_0100_12 ul li a .t_12_2 h3{margin-top: 30px;} .t_0100_12 ul li a .t_12_2 span{padding: 0 15px;margin-top: 25px;} } @media screen and (max-width:991px){ .t_0100_12 ul li{width: 50%;} } @media screen and (max-width:767px){ .t_0100_12 ul{margin: 0 -2px;} .t_0100_12 ul li{padding: 0 2px;margin-top: 4px;} .t_0100_12 ul li a .t_12_1{padding: 5px;} .t_0100_12 ul li a .t_12_1 span{height: 55px;} .t_0100_12 ul li a .t_12_1 span::before{width: 20px;height: 2px;margin: 15px auto 0 auto;} .t_0100_12 ul li a .t_12_1 span h5{height: 20px;line-height: 20px;font-size: 12px;margin-top: 10px;} .t_0100_12 ul li a .t_12_2{display: none;} .t_0100_12 ul li a:hover .t_12_1 span{top: 0;} } /*5联系我们*/ .w_0100_13{float: left;width: 100%;padding: 20px 0 60px 0;} .t_0100_13{float: left;width: 100%;} .t_0100_13 .t_13_1{float: left;width: 900px;margin-top: 24px;} .t_0100_13 .t_13_1 span{display: block;float: left;width: 66.666666%;} .t_0100_13 .t_13_1 span:nth-child(2){width: 33.333333%} .t_0100_13 .t_13_1 span img{display: block;float: left;width: 41px;} .t_0100_13 .t_13_1 span font{display: block;float: left;margin-left: 24px;} .t_0100_13 .t_13_1 span font h4{display: block;height: 18px;line-height: 18px;font-size: 14px;color: #737373;margin-top: 3px;} .t_0100_13 .t_13_1 span font h5{display: block;line-height: 18px;font-size: 14px;color: #1d1c1c;} .t_0100_13 .t_13_2{float: right;} .t_0100_13 .t_13_2 img{display: block;float: left;width: 82px;} .t_0100_13 .t_13_2 span{display: block;float: left;font-size: 14px;line-height: 18px;color: #1d1c1c;margin: 20px 0 0 10px;} .t_0100_13 .t_13_2 span font{color: #7f7f7f;} @media screen and (max-width:1199px){ .t_0100_13 .t_13_1{float: left;width: 720px;} } @media screen and (max-width:991px){ .t_0100_13 .t_13_1{float: left;width: 480px;margin-top: -15px;} .t_0100_13 .t_13_1 span{width: 100% !important;margin-top: 15px;} } @media screen and (max-width:767px){ .w_0100_13{padding: 15px 0 30px 0;} .t_0100_13 .t_13_1{width: 100%;} .t_0100_13 .t_13_1 span{position: relative;padding-left: 50px;} .t_0100_13 .t_13_1 span img{position: absolute;left: 0;top: 0;} .t_0100_13 .t_13_1 span font{margin-left: 0;} .t_0100_13 .t_13_2{float: left;margin-top: 15px;} } .l_0100_13{float: left;width: 100%;margin-top: 20px;height: 400px; padding: 5px;position: relative;background: #fff; -webkit-box-shadow:0 7px 21px rgba(0,0,0,0.15); -moz-box-shadow:0 7px 21px rgba(0,0,0,0.15); box-shadow:0 7px 21px rgba(0,0,0,0.15);} #allmap{float: left;position: relative;overflow: hidden;width: 100%;height: 100%;} @media screen and (max-width:767px){ .l_0100_13{height: 200px;} } /*6视频*/ .w_0100_14{float: left;width: 100%;margin-top: 10px;} .t_0100_14{float: left;width: 100%;} .t_0100_14 ul{margin: 0 -15px;} .t_0100_14 ul li{float: left;width: 50%;padding: 0 15px;margin-top: 30px;} .t_0100_14 ul li .a{display: block;float: left;width: 100%;position: relative; padding-bottom:56.24%; overflow:hidden;} .t_0100_14 ul li .a video{width:100%; height:100%; position:absolute; left:0; top:0; } .t_0100_14 ul li .a p:first-child{} .t_0100_14 ul li .a iframe{width:100%; height:100%; position:absolute; left:0; top:0;} /*.t_0100_14 ul li .a img{display: block;float: left;width: 100%;} .t_0100_14 ul li .a::after{content: "";display: block;position: absolute;left: 50%;top: 40%;z-index: 9;background: url(/templates/cn/images/img_4_1.png) no-repeat center/cover;width: 60px;height: 60px;margin: -30px 0 0 -30px;}*/ /*@media screen and (max-width:1199px){ .t_0100_14 ul li .a::after{width: 60px;height: 60px;margin: -30px 0 0 -30px;} } @media screen and (max-width:991px){ .t_0100_14 ul li .a::after{width: 40px;height: 40px;margin: -20px 0 0 -20px;} }*/ @media screen and (max-width:767px){ .w_0100_14{margin-top: 11px;} .t_0100_14 ul{margin: 0 -2px;} .t_0100_14 ul li{padding: 0 2px;margin-top: 4px;} /*.t_0100_14 ul li .a::after{width: 20px;height: 20px;margin: -10px 0 0 -10px;}*/ } /*7资讯动态*/ .w_0100_15{float: left;width: 100%;margin-top: 15px;} .t_0100_15{float: left;width: 100%;} .t_0100_15 ul li{float: left;width: 100%;padding: 25px 0;border-bottom: 1px solid #e5e5e5;} .t_0100_15 ul li a{display: block;float: left;width: 100%;min-height: 184px;padding-right: 330px;position: relative;} .t_0100_15 ul li a i{display: block;position: absolute;right: 0;top: 0;width: 270px;background: #000;} .t_0100_15 ul li a i img{display: block;float: left;width: 100%; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_15 ul li a i::after{content: "";display: block;position: absolute;left: 50%;top: 50%;background: url(/templates/cn/images/img_15_1.png) no-repeat center/cover;width: 34px;height: 34px;margin: -17px 0 0 -17px;z-index: 9;opacity:0; filter:alpha(opacity=00); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_15 ul li a div{float: left;width: 100%;position: relative;padding-left: 88px;} .t_0100_15 ul li a div font{display: block;position: absolute;left: 0;top: 32px;width: 74px;height: 90px;border-right: 1px solid #e5e5e5;} .t_0100_15 ul li a div font h2{display: block;height: 28px;line-height: 28px;font-size: 24px;color: #333;font-weight: bold; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_15 ul li a div font h5{display: block;height: 22px;line-height: 22px;font-size: 14px;color: #333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_15 ul li a div span{display: block;float: left;width: 100%;} .t_0100_15 ul li a div span h4{display: block;float: left;width: 100%;height: 30px;line-height: 30px;font-size: 16px;color: #333;margin-top: 32px;white-space:nowrap; overflow: hidden; text-overflow:ellipsis; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_15 ul li a div span h5{display: block;float: left;width: 100%;font-size: 14px;line-height: 22px;color: #777;height: 44px;overflow: hidden;margin-top: 12px;} .t_0100_15 ul li a:hover i img{opacity:0.53; filter:alpha(opacity=53);} .t_0100_15 ul li a:hover i::after{opacity: 1; filter:alpha(opacity=100);} .t_0100_15 ul li a:hover div font h2, .t_0100_15 ul li a:hover div font h5, .t_0100_15 ul li a:hover div span h4{color: #0e6eb8;} @media screen and (max-width:767px){ .w_0100_15{margin-top: 5px;} .t_0100_15{} .t_0100_15 ul li{padding: 15px 0;} .t_0100_15 ul li a{min-height: none;padding-right: 0;} .t_0100_15 ul li a i{display: block;position: relative; float: left;width: 100%;} .t_0100_15 ul li a i::after{width: 24px;height: 24px;margin: -12px 0 0 -12px;} .t_0100_15 ul li a div{float: left;width: 100%;position: relative;padding-left: 0;} .t_0100_15 ul li a div font{display: none;} .t_0100_15 ul li a div span h4{height: 28px;line-height: 28px;font-size: 14px;margin-top: 10px;} .t_0100_15 ul li a div span h5{font-size: 12px;margin-top: 5px;} } /*8新闻详情*/ .c_0100_News_detail{float: left;width: 100%;margin-top: 52px; padding-bottom: 60px;} .t_0100_News_detail{float: left;width: 100%;} .t_0100_News_detail h2{display: block;float: left;width: 100%;font-size: 24px;line-height: 40px;color: #333;font-weight: bold;text-align: center;} .t_0100_News_detail .t_News_detail_1{float: left;width: 100%;margin-top: 22px; border-bottom: 1px solid #d7d8d8; border-top: 1px solid #d7d8d8;padding: 10px 0;line-height: 34px;font-size: 14px;color: #777;} .t_0100_News_detail .t_News_detail_1 a{display: block;float: right;height: 34px;line-height: 34px;} .t_0100_News_detail .t_News_detail_1 a i{display:inline-block; *display:inline; *zoom:1;vertical-align: top;margin-left: 20px; width: 38px; background: #cbcbcb; -webkit-border-radius:16.5px; -moz-border-radius:16.5px; border-radius:16.5px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .t_0100_News_detail .t_News_detail_1 a i img{display: block;float: left;width: 100%;} .t_0100_News_detail .t_News_detail_1 a:hover{color: #0e6eb8;} .t_0100_News_detail .t_News_detail_1 a:hover i{background: #0e6eb8;} .t_0100_News_detail .t_News_detail_2{float: left;width: 100%;border-bottom: 1px solid #d7d8d8;padding: 40px 0;font-size: 14px;line-height: 30px;color: #333; text-align: justify;} .t_0100_News_detail .t_News_detail_3{float: left;width: 100%;text-align: center;margin-top: 27px;} .z_page{float: left;width: 100%; font-size: 14px;line-height: 30px;color: #333;} .jiathis_style_32x32{display:inline-block !important; *display:inline !important; *zoom:1 !important; vertical-align: top !important;} .jiathis_button_weixin{float: left !important; display: block !important; background: url(/templates/cn/images/img_News_detail_3.png) no-repeat center !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;} .jtico_weixin{position: absolute; left: 9999px;} .jiathis_button_tsina{float: left !important;display: block !important; background: url(/templates/cn/images/img_News_detail_4.png) no-repeat center !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;} .jtico_tsina{position: absolute; left: 9999px;} .jiathis_button_qzone{float: left !important;display: block !important; background: url(/templates/cn/images/img_News_detail_5.png) no-repeat center !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;} .jtico_qzone{position: absolute; left: 9999px;} .jiathis_style_32x32 a:hover{opacity:0.8; filter:alpha(opacity=80);} .t_0100_News_detail .t_News_detail_4{float: left;width: 100%;margin-top: 30px;border-top: 1px solid #d7d8d8;padding-top: 15px;} .t_0100_News_detail .t_News_detail_4 a{display: block;float: left;height: 24px;line-height: 24px;font-size: 14px;color: #444;max-width: 48%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .t_0100_News_detail .t_News_detail_4 a:nth-child(2){float: right;} .t_0100_News_detail .t_News_detail_4 a:hover{color: #855e27;} @media screen and (max-width:767px){ .c_0100_News_detail{margin-top: 30px; padding-bottom: 30px;} .t_0100_News_detail h2{font-size: 18px;line-height: 30px;} .t_0100_News_detail .t_News_detail_1{margin-top: 15px; padding: 5px 0;line-height: 28px;font-size: 12px;} .t_0100_News_detail .t_News_detail_1 a{height: 28px;line-height: 28px;} .t_0100_News_detail .t_News_detail_1 a i{margin-left: 10px; width: 31px; background: #cbcbcb; -webkit-border-radius:13.5px; -moz-border-radius:13.5px; border-radius:13.5px;} .t_0100_News_detail .t_News_detail_2{padding: 20px 0;font-size: 12px;line-height: 24px;} .z_page{float: left;width: 100%;font-size: 12px;line-height: 24px;color: #333;} .t_0100_News_detail .t_News_detail_3{margin-top: 15px;} .jiathis_button_weixin, .jiathis_button_tsina, .jiathis_button_qzone{ width: 24px !important;height: 24px!important;margin: 0 4px !important;} .t_0100_News_detail .t_News_detail_4{margin-top: 15px;padding-top: 5px;} .t_0100_News_detail .t_News_detail_4 a{height: 20px;line-height: 20px;font-size: 12px;} } .d_0100_News_detail{float: left;width: 100%; margin-top: 80px;} .d_0100_News_detail h4{display: block;float: left;width: 100%;height: 28px;line-height: 28px;font-size: 18px;color: #0e6eb8;text-transform: uppercase;} .d_0100_News_detail .d_News_detail{float: left;width: 100%;margin-top: 20px;} .d_0100_News_detail .d_News_detail ul{margin: 0 -15px;} .d_0100_News_detail .d_News_detail ul li{float: left;width: 50%;padding: 0 15px;} .d_0100_News_detail .d_News_detail ul li a{display: block; float: left;width: 100%;position: relative; height: 39px;line-height: 38px;font-size: 14px; padding-right: 90px; border-bottom: 1px solid #d7d8d8;} .d_0100_News_detail .d_News_detail ul li a span{display: block; width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; text-transform: uppercase;color: #333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .d_0100_News_detail .d_News_detail ul li a font{display: block;position: absolute;right: 0;top: 0;color: #777;} .d_0100_News_detail .d_News_detail ul li a:hover span{color: #0e6eb8;} @media screen and (max-width:767px){ .d_0100_News_detail{margin-top: 30px;} .d_0100_News_detail h4{height: 26px;line-height: 26px;font-size: 16px;} .d_0100_News_detail .d_News_detail{margin-top: 10px;} .d_0100_News_detail .d_News_detail ul li{width: 100%;} .d_0100_News_detail .d_News_detail ul li a{height: 35px;line-height: 34px;font-size: 12px; padding-right: 70px;} } /*9在线留言*/ .w_0100_16{float: left;width: 100%;padding: 40px 0 60px 0;} .w_0100_16 .w_16{float: left;width: 100%;background: #f5f5f5;padding: 10px 20px 40px 20px;} .w_0100_16 .w_16 ul{float: left;width: 100%;} .w_0100_16 .w_16 ul li{float: left;width: 50%;padding: 0 20px;margin-top: 20px;} .w_0100_16 .w_16 ul li h5{display: block;float: left;width: 100%;height: 32px;line-height: 32px;font-size: 14px;color: #1a1a1a;} .w_0100_16 .w_16 ul li input{display: block;float: left;width: 100%;height: 52px;background: #fff;border: 1px solid #e5e5e5;font-size: 14px;color: #333;padding: 0 19px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .w_0100_16 .w_16 ul li:last-child{width: 100%;} .w_0100_16 .w_16 ul li textarea{display: block;float: left;width: 100%;background: #fff;height: 142px;border: 1px solid #e5e5e5;font-size: 14px;color: #333;padding: 16px 19px;line-height: 24px;outline: none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .w_0100_16 .w_16 button{display: block;float: left;position: relative;left: 50%;margin: 40px 0 0 -143px;width: 286px;height: 58px;line-height: 58px;text-align: center;font-size: 16px;color: #fff;background: #0088cc;outline: none;cursor: pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .w_0100_16 .w_16 button:hover{opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:767px){ .w_0100_16{padding: 20px 0 30px 0;} .w_0100_16 .w_16{padding: 5px 10px 20px 10px;} .w_0100_16 .w_16 ul li{float: left;width: 100%;padding: 0;margin-top: 10px;} .w_0100_16 .w_16 ul li h5{height: 26px;line-height: 26px;font-size: 12px;} .w_0100_16 .w_16 ul li input{height: 38px;font-size: 12px;padding: 0 9px;} .w_0100_16 .w_16 ul li textarea{height: 92px;font-size: 12px;padding: 6px 9px;line-height: 24px;} .w_0100_16 .w_16 button{margin: 20px 0 0 -90px;width: 180px;height: 38px;line-height: 38px;font-size: 14px;} } /*招聘*/ .c_0100_recruit{ float:left; width:100%;padding: 60px 0;} .t_0100_recruit{ float:left; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; font-weight:bold; background:#0e6eb8;} .t_0100_recruit .t_recruit_1{float: left;width: 100%;text-align: left;padding-left: 20px;} .l_0100_recruit{ float:left; width:100%; margin-top:2px;} .l_0100_recruit > h3{ display:block; float:left; width:100%; margin-top:10px; height:60px; text-align:center; line-height:60px; background:#f5f5f5; font-size:16px; color:#333; cursor:pointer; outline:none; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .l_0100_recruit > h3 .l_recruit_1{float:left; width:100%;padding-left:20px;text-align: left;} .l_0100_recruit > h3 i{ padding-left:0;} .l_0100_recruit > h3 i em{ display:block; float:left; width:100%; height:60px; background:url(/templates/cn/images/img_recruit_1.png) no-repeat center; border-left:1px solid #fff; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .l_0100_recruit > h3:hover, .l_0100_recruit > h3.on{ color:#fff;background: #0e6eb8;} .l_0100_recruit > h3:hover i em{ background:url(/templates/cn/images/img_recruit_1_h.png) no-repeat center;} .l_0100_recruit > h3.on i em{ background:url(/templates/cn/images/img_recruit_1_n.png) no-repeat center;} .l_0100_recruit > div{ display:none; float:left; width:100%; margin-top:2px;position:relative; padding:40px 0 40px 0;} .l_0100_recruit > div > span{ display:block; float:left; width:630px; padding:0 30px 0 40px; font-size:12px; line-height:28px; color:#666;} .l_0100_recruit > div span h4{ display:block; font-size:16px; color:#333; line-height:28px;} .l_0100_recruit > div span h6{ display:block; font-size:14px; line-height:28px;} .l_0100_recruit > div font{ display:block; float:right; width:528px; position:relative; font-size:12px; line-height:28px; color:#666; padding-bottom: 50px;} .l_0100_recruit > div font i{ display:none;} .l_0100_recruit > div font h4{ display:block; font-size:16px; color:#333; line-height:28px;} .l_0100_recruit > div .button{ display:block; position:absolute; background:#0e6eb8; width:100px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; right:405px; bottom:50px; cursor:pointer; outline:none; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .l_0100_recruit > div .button::after, .l_0100_recruit > div .button::before{content: "";display: block;position: absolute;top: 0;} .l_0100_recruit > div .button::after{left: 100%;border-left: 20px solid #0e6eb8;border-bottom: 36px solid transparent;} .l_0100_recruit > div .button::before{right: 100%;border-right: 20px solid #0e6eb8;border-top: 36px solid transparent;} .l_0100_recruit > div .button:hover{ opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:1199px){ .l_0100_recruit > div{ display:none; float:left; width:100%; margin-top:2px; background:rgba(245,245,245,0.40); position:relative; padding:40px;} .l_0100_recruit > div span{ width:100%; padding:0;} .l_0100_recruit > div font{ float:left; width:100%; padding-left:0; margin-top:20px;} .l_0100_recruit > div font i{ display:none;} .l_0100_recruit > div .button{right:20px; bottom:auto; top:20px;} } @media screen and (max-width:767px){ .c_0100_recruit{ margin-top:0; padding:30px 0;} .t_0100_recruit{ height:40px; line-height:40px; font-size:12px;} .l_0100_recruit h3{ height:40px; line-height:40px; font-size:12px;} .l_0100_recruit h3 i{ padding-left:0;} .l_0100_recruit h3 i em{ height:40px; background-size:12px 12px;} .l_0100_recruit h3:hover i em{ background-size:12px 12px;} .l_0100_recruit h3.on i em{ background-size:12px 12px;} .l_0100_recruit > div{ padding:15px;} .l_0100_recruit > div .button{ width:66px; height:22px; background-size:66px 22px; line-height:22px; font-size:12px; right:10px; top:10px;} .l_0100_recruit > div .button::after{left: 100%;border-left: 12px solid #0e6eb8;border-bottom: 22px solid transparent;} .l_0100_recruit > div .button::before{right: 100%;border-right: 12px solid #0e6eb8;border-top: 22px solid transparent;} } @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} /* FILE ARCHIVED ON 06:34:49 Aug 17, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:55:48 Apr 23, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.696 exclusion.robots: 0.034 exclusion.robots.policy: 0.022 esindex: 0.014 cdx.remote: 27.007 LoadShardBlock: 300.31 (3) PetaboxLoader3.datanode: 90.61 (4) PetaboxLoader3.resolve: 371.187 (2) load_resource: 238.477 */