body {color:#333333} a{color:#333333}a:active,a:hover {color:#3669AA} @media (min-width: 1630px) {.container{ width: 1200px; }} @media (min-width: 1920px) {.container{ width: 1200px; }} html{ overflow-x:hidden; overflow-y:auto;} body {color:#666666; font-family: 'Microsoft yahei';min-width:1200px;} @media (min-width: 767px){ .container { width: 1200px; } } @media (min-width:991px){ .container { width: 1200px; } } @media (min-width: 1630px){ .container { width: 1200px; } } @media (min-width:1920px){ .container { width: 1200px; } } #Top{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*pc版头部*/ #Top .width{width:100%; dispplay:block; float:left;} #Top .top1{width: 100%; position: fixed; top: 0;left: 0; z-index:999; height:95px; background:#fff; } #Top .h114{height:95px; background:#fff;} #Top .top1.active{box-shadow: 0 2px 43px rgba(0,0,0,0.3); background:#fff;} #Top .logo{float:left;width: 226px;height: 84px;margin:12px 0;} #Top .top_box{ float:right; margin:29px 0;} #Top .top_box .box1{ float:left; margin-left:10px; position:relative;} #Top .top_box .lang{ float:left; width:38px; height:38px; line-height:36px; text-align:center; font-weight:bold; font-size:12px; color:#999999; text-transform:uppercase; border:1px solid #eaeaea; border-radius:50%;} #Top .top_box .lang:hover{ border:1px solid #3669AA; background:#3669AA; color:#fff;} #Top .top_box .btn1{ float:left; width:38px; height:38px; border:1px solid #eaeaea; border-radius:50%; background:url(../images/2112_index_img_06a.png)no-repeat; } #Top .top_box .btn1:hover, #Top .top_box .btn1.on{ border:1px solid #3669AA; background:url(../images/2112_index_img_06.png)no-repeat #3669AA;} #Top .top_box .so1{ display:none; float:left; width:250px; position:absolute; right:0; top:81px; z-index:999; background:#fff; box-shadow: 0px -1px 7px rgba(0,0,0,0.15); border-radius:52px; padding:7px 7px 7px 22px; } #Top .top_box .so1 .so_left{padding:9px 0 9px 8px; width:120px; float:left; position: relative;} #Top .top_box .so1 .so_left .span_a{line-height: 22px; width:100%; position: relative; padding-right:34px; font-size:14px; color: #333333; border-right:1px solid #eaeaea; cursor: pointer; } #Top .top_box .so1 .so_left .span_a::after{position: absolute; right:15px; top:50%; margin-top:-1px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #959595; content:""; } #Top .top_box .so1 .so_left .xl_ul{display:none; position: absolute; width:90px; left:0; top:64px; background:#fff; border-radius:6px; display: block; padding:14px 0 8px 0; } #Top .top_box .so1 .so_left .xl_ul .li_a{width:100%; line-height: 24px; text-align:center; margin-bottom:7px;} #Top .top_box .so1 .so_left .xl_ul .li_a a{color:#888888; display: block; width:100%;} #Top .top_box .so1 .so_left .xl_ul .li_a:hover a{color:#3669AA;} #Top .top_box .so1 .so_right{width:200px; float:right; position: relative;} #Top .top_box .so1 .Search{ float:left; width:100%; height:40px; line-height:40px; padding:0 40px 0 20px; font-size:14px; color:#888888;border-radius:0 52px 52px 0; } #Top .top_box .so1 .sear_sub{ float:left; width:38px; height:38px; position:absolute; right:0; top:50%; margin-top:-19px; background:#3669AA; border-radius:50%; } #Top .top_box .so1 ::-webkit-input-placeholder{color:#888888;} #Top .top_box .so1 :-moz-placeholder{color:#888888;} #Top .top_box .so1 ::-moz-placeholder{color:#888888;} #Top .top_box .so1 :-ms-input-placeholder{color:#888888;} /*menu*/ #Top .nav{ float:right; margin-right:25px;} #Top .nav .nli{ float:left;position:relative;} #Top .nav .nli .l1{float:left;color:#333333; font-size:14px;line-height:36px; margin:0 18px; padding:30px 0; position: relative;} #Top .nav .nli .l1::after{float: left;width: 0; height: 2px; position: absolute;left: 50%; bottom:0; content: ''; background: #3669AA;oz-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%); } #Top .nav .nli.on .l1, #Top .nav .nli:hover .l1{ color:#3669AA;} #Top .nav .nli.on .l1::after, #Top .nav .nli:hover .l1::after{width:100%;} #Top .nav .sub{ display:none; float:left; width:160px; text-align:center; position:absolute; left:50%; margin-left:-80px; top:95px; z-index:1009; } #Top .nav .sub li{ float:left; width:100%;background:#000; background:rgba(0,0,0,0.6); margin-bottom:1px;} #Top .nav .sub li a{ float:left; width:100%; color: #fff; font-size:14px; line-height:40px; text-transform:uppercase;} #Top .nav .sub li a:hover{ background:#3669AA;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Down{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*底部*/ #Down .footer{width:100%; display: block; float:left; padding-top:80px;} #Down .footer .f_top{padding-bottom: 54px; border-bottom:1px solid #393f47; display: block; width:100%; } #Down .footer .f_top .left{width:394px; float:left; } #Down .footer .f_top .left .p_a1{width:100%; display: block; padding-left:28px; line-height:24px; height:24px; position: relative; color: #fff; font-size:14px;} #Down .footer .f_top .left .p_a1 .i{width:21px; height:24px; position: absolute; left:0; top:50%; margin-top:-12px; display: block;} #Down .footer .f_top .left .p_a1 .i img{display: block;width:21px; height:24px; } #Down .footer .f_top .left .h5{line-height:58px; color:#fff; font-size:32px; display: block; width:100%; font-weight:bold;} #Down .footer .f_top .left .p_a2{margin-top:10px; display: block; width:100%; line-height:32px; color: #fff; font-size:14px;} #Down .footer .f_top .left .p_a2 span{display: block;} #Down .footer .f_top .cen{width:382px; float:left; text-align:center;display:flex; align-items: center;justify-content: center; } #Down .footer .f_top .cen .ul{ width:100%; padding:10px 0; text-align:center;display:flex; align-items: center;justify-content: center; } #Down .footer .f_top .cen .ul .li_a{float:left; width:110px; margin:0 15px; } #Down .footer .f_top .cen .ul img{display: block;} #Down .footer .f_top .cen .ul .p_b{width:100%; margin-top:10px; line-height:24px; padding-left: 40px; position: relative; color:#fff; font-size:14px; } #Down .footer .f_top .cen .ul .i{position: absolute; left:0; top:50%; margin-top:-10px; width:27px; height:20px; display: block;} #Down .footer .f_top .cen .ul .i .img02{position: absolute; left:0; top:0; width:100%; height:100%; display: block; opacity:0;} #Down .footer .f_top .cen .ul .li_a:hover .img01{opacity: 0;} #Down .footer .f_top .cen .ul .li_a:hover .img02{opacity: 1;} #Down .footer .f_top .right{width:390px; float:right;} #Down .footer .f_top .right .li{padding-left:78px; width:100%; width:50%; float:left; display: inline-block;} #Down .footer .f_top .right .li .h4{width:100%; display: block; } #Down .footer .f_top .right .li .h4 a{color: #fff;} #Down .footer .f_top .right .ul_a{width:100%; display: block; margin-top:10px; } #Down .footer .f_top .right .ul_a .li_a{width:112%; display: block; line-height:28px; margin-bottom:5px; } #Down .footer .f_top .right .ul_a .li_a:hover a{color:#3669AA;} #Down .footer .f_top .right .ul_a .li_a a{font-size:13px; color:#fff; opacity: 0.5; width:100%; display: block;} #Down .footer .f_bottom{width:100%; display: block; padding-top:28px; padding-right:18px; position: relative; padding-left:70px; } #Down .footer .f_bottom .span_a{font-size:14px; line-height:14px; color:#fff; opacity: 0.5; position: absolute; left:0; top:0; padding-top:28px; } #Down .footer .f_bottom .i{position: absolute; right:0; top:30px;width: 9px;height: 9px; float: right; border-top:rgba(255,255,255,0.5) solid 1px; border-right:rgba(255,255,255,0.5) solid 1px; cursor: pointer; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .footer .f_bottom .ul_d{width:100%; position: relative; display: block; } #Down .footer .f_bottom .ul_d .a_1{padding:0 7px; position: relative; display: inline-block; font-size:13px; line-height:14px; color:#fff; opacity: 0.5; float:left;} #Down .footer .f_bottom .ul_d .a_1::after{position: absolute; right: 0; top:0; width:1px; background:rgba(255,255,255,0.5); height:100%; content:""; } #Down .footer .f_bottom .ul_d .a_1:hover{color:#3669AA;} #Down .footer .f_bot{padding-bottom:20px; width:100%; line-height:32px; font-size:14px; color:#fff; opacity: 0.5; padding-right:150px; position: relative; margin-top:5px; } #Down .footer .f_bot .span_a{line-height:32px; font-size:14px; color:#fff; width:100%; display: block;} #Down .footer .f_bot .ul_c{line-height:32px; font-size:14px; color:#fff; position: absolute; right:0; top:0;} #Down .footer .f_bot .ul_c .a{ font-size:14px; color:#fff; padding:0 8px; } #Down .footer .f_bot .ul_c .a:hover{color:#3669AA;} /* 右侧栏 */ #Down .yc_pf{display: none; position: fixed; width: 50px; top: 50%; right:30px; z-index: 99999; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Down .yc_pf ul{float: left; width: 100%; } #Down .yc_pf ul li{float: left; width: 100%; height: 51px; border-bottom:1px solid rgba(39,41,44,0.4);} #Down .yc_pf ul li a{float: left; display: block; width: 50px; height: 50px;background: #27292c; overflow: hidden; } #Down .yc_pf ul li a span{float: left; display: block; width:50px; height: 49px; position: relative; left: 0; top: 0; background: #27292c; overflow: hidden; -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;} #Down .yc_pf ul li a img{float: left; display: block; } #Down .yc_pf ul li a span h4{float: left; width: 128px; height: 50px; padding: 12px 0; line-height:25px; color: #fff; font-size: 16px; } #Down .yc_pf ul li a span i{display: block;position: absolute;left: 16px;top: 55px;width: 100px;height: 0;overflow: hidden; -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2); box-shadow: 1px 1px 10px rgba(0,0,0,.2); -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;} #Down .yc_pf ul li a:hover {background:#3669AA; overflow: visible;} #Down .yc_pf ul li a:hover span{background: #3669AA; left: -138px;width:188px; } #Down .yc_pf ul li a:hover span i{height: 100px;} #Down .yc_pf ul li a.ty:hover span{width:250px; left:-200px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Slide{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*banner*/ #Slide .pz_banner{clear: both; position:relative; width:100%; overflow:hidden;} #Slide .pz_banner img{display: block;} #Slide .pz_banner a{display:block; width:100%;} #Slide .pz_banner .slide1 .list{line-height:0; position: relative;} #Slide .pz_banner .slide1 .slick-dots{width:100%; display:inline-block!important; font-size:0; text-align:center; bottom:32px; left:0; } #Slide .pz_banner .slide1 .slick-dots li{width:52px; height:5px; margin:0 5px; position:relative; display:inline-block; border:none; background:#fff; opacity: 0.4; } #Slide .pz_banner .slide1 .slick-dots li.slick-active{ position:relative;background:#fff; opacity: 1; } #Slide .pz_banner .slide1 .slick-dots li button:before, #Slide .pz_banner .slide1 .slick-dots li button{display:none;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{ width:36px; height:72px; top:50%; margin-top:-36px; background-size:36px 72px; display:none!important; background:none!important; } #Slide .pz_banner .list{width:100%; display: block; position: relative;} #Slide .pz_banner .list .banner_text{position: absolute; left:0; top:0; width: 100%; height:100%; display: block;} #Slide .pz_banner .list .h4{padding-top:10%; width:100%; display: block; font-size:48px; color:#ffffff; line-height:60px; letter-spacing:5px; } #Slide .pz_banner .list .more{width:164px; height:48px; line-height: 46px; margin-top:20px; border:1px solid #fff; text-align: center; display:block; } #Slide .pz_banner .list .more a{width:100%; position: relative; display:block; font-size:18px;color:#ffffff;} #Slide .pz_banner .list .more .i{position: absolute; top:50%; margin-left:12px; width: 9px; height: 9px;float: right; border-top: #fff solid 1px; border-right: #fff solid 1px; margin-top: -5px;cursor: pointer;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } #Slide .pz_banner .list .more:hover{background:#3669AA; border:1px solid #3669AA;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*关于我们*/ #Content .Camel-about{width:100%; display: block; float:left; padding-top:80px;} #Content .Camel-about .pic_num{width:100%; margin:0 auto; display: block; text-align:center;} #Content .Camel-about .pic_num .ul1{ margin:0 auto; width:100%; text-align:center; display:flex; align-items: center;justify-content: center;} #Content .Camel-about .pic_num .l1{ float:left; width:25%; text-align:center;background:#efefef; display: flex; align-items: center;justify-content: center; } #Content .Camel-about .pic_num .l2{background:#e7e7e7;} #Content .Camel-about .pic_num .l1 .text{width:100%; display: block; text-align:center; padding:38px 15px; } #Content .Camel-about .pic_num .l1 .sub_1{color:#fff; font-size:18px; width:21px; height: 21px;background:#3669AA; line-height: 19px; text-align:center; border-radius:50%; display:inline-block; position: relative;bottom: 8px; margin-left:6px; } #Content .Camel-about .pic_num .nub{ float:left; width:100%; color:#3669AA; font-size:48px; height:50px; line-height:50px; font-weight:normal; position:relative; overflow:hidden;} #Content .Camel-about .pic_num .nub font{ display:inline-block; vertical-align:top; line-height:19px; margin:24px 0 0 8px; border-radius:50%; width:19px; height:19px; background:#e7e7e7; color:#3669AA; font-size:12px;} #Content .Camel-about .pic_num .tit2{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; margin-top:2px; } #Content .Camel-about .pic_num .dataNums{position:relative;top:50%;display:inline-block; vertical-align:top;height:50px;margin-top:-30px;text-align:center} #Content .Camel-about .pic_num .dataNums .dataOne{ display:inline-block; vertical-align:top; width:27px;height:50px;text-align:center;} #Content .Camel-about .pic_num .dataNums .dataBoc{position:relative;width:100%;height:100%; float:left;} #Content .Camel-about .pic_num .dataNums .dataBoc .tt{position:absolute;top:0;left:0;width:100%;height:100%;float:left;} #Content .Camel-about .pic_num .dataNums .tt span{float:left;width:100%;height:100%;} #Content .Camel-about .pic_text{padding-top:45px; width:100%; display: block; position: relative;} #Content .Camel-about .pic_text .span_a{width:436px; margin:0 auto; display: block; position: relative; bottom:0; text-align:center;} #Content .Camel-about .pic_text .left{width:285px; position: absolute; left:0; top:45px;} #Content .Camel-about .pic_text .left .topa{padding-top: 30px; line-height:38px; font-weight: bold; font-size:24px; width:100%; color:#3669AA; } #Content .Camel-about .pic_text .left .topa .span{display: block;} #Content .Camel-about .pic_text .left .p{margin-top:155px; width:100%; display: block; padding-top:50px; position: relative; line-height:26px; color:#666666; font-size: 16px; } #Content .Camel-about .pic_text .left .p::after{position: absolute; left:0; top:0; width:18px; height:4px; background:#fafafa; content:""; } #Content .Camel-about .pic_text .left .p span{display: block;} #Content .Camel-about .pic_text .right{width:375px; position: absolute; right:0; top:45px;} #Content .Camel-about .pic_text .right .h4{padding-top:45px; width:100%; display: block; text-align:right; line-height:40px; color:#333333; font-weight:normal; font-size:24px; } #Content .Camel-about .pic_text .right .span_b{display: inline-block; float:right; margin-top:5px; line-height:30px; padding:0 10px; color:#fff; background:#3669AA; font-size:16px; } #Content .Camel-about .pic_text .right .p_c{display: block; width:100%; } #Content .Camel-about .pic_text .right .p_a{padding:25px 0; text-align:right; line-height:30px; font-size:16px; color: #666666; width:100%; display: block; } #Content .Camel-about .pic_text .right .p_a span{display: block;} #Content .Camel-about .pic_text .right .p_b{margin-top:85px; display: block; text-align: right; line-height:30px;font-size:16px; color: #666666; width:100%; } #Content .Camel-about .pic_text .right .p_b span{display: block;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content2{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*业务领域*/ #Content2 .Camel-Bus{width:100%; display: block; float:left; background:#f3f3f3; padding:80px 0;} #Content2 .Camel-Bus .Bus_title{ text-align:center; display: block; width:100%; position: relative;} #Content2 .Camel-Bus .Bus_title .h4{display: inline-block; text-align:center; font-size:36px; color:#222222; border-bottom:1px solid rgba(201,21,30,0.5); padding:0 10px 26px;} #Content2 .Camel-Bus .Bus_title .span{position: absolute; left:50%; bottom:-4px;margin-left:-15px; width:30px; background:#f3f3f3; display: block; height:30px; } #Content2 .Camel-Bus .Bus_title .span::after{position: absolute; left:50%; margin-left:-8px; bottom:0; content:""; width:0;height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #3669AA; } #Content2 .Camel-Bus .Bus_ul{width:100%; display: block; padding-top:40px;} #Content2 .Camel-Bus .Bus_ul .li_a{width:23.5%; float:left; margin-right:2%; position: relative; display: flex;align-items: center;justify-content: center; } #Content2 .Camel-Bus .Bus_ul .li_a:nth-child(4n){margin-right:0;} #Content2 .Camel-Bus .Bus_ul .li_a a{width:100%; display: block;} #Content2 .Camel-Bus .Bus_ul .li_a .text{ text-align:center; display: block; } #Content2 .Camel-Bus .Bus_ul .li_a .row{display: flex;align-items: center;justify-content: center;position: absolute; left:0; top:0; width:100%; height:100%; background:#fff; margin:0; -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; } #Content2 .Camel-Bus .Bus_ul .li_a img{display: block;} #Content2 .Camel-Bus .Bus_ul .li_a .img{width:69px; margin:0 auto; display: block; position:relative; height:69px; -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; } #Content2 .Camel-Bus .Bus_ul .li_a .img02{position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0;} #Content2 .Camel-Bus .Bus_ul .li_a .p{text-align:center; padding-top:20px; line-height:24px; color:#444444; display: block; -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; } #Content2 .Camel-Bus .Bus_ul .li_a:hover .row{background:#3669aabf; } #Content2 .Camel-Bus .Bus_ul .li_a:hover .img01{opacity: 0;} #Content2 .Camel-Bus .Bus_ul .li_a:hover .img02{opacity:1;} #Content2 .Camel-Bus .Bus_ul .li_a:hover .p{color:#fff;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content3{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*研究成员*/ #Content3 .Camel-Rese{width:100%; display: block; float:left; } #Content3 .Camel-Rese .rese_title{ text-align:center; display: block; width:100%; position: relative;} #Content3 .Camel-Rese .rese_title .h4{display: inline-block; text-align:center; font-size:36px; color:#222222; border-bottom:1px solid rgba(201,21,30,0.5); padding:0 10px 26px;} #Content3 .Camel-Rese .rese_title .span{position: absolute; left:50%; bottom:-4px;margin-left:-15px; width:30px; background:#fff; display: block; height:30px; } #Content3 .Camel-Rese .rese_title .span::after{position: absolute; left:50%; margin-left:-8px; bottom:0; content:""; width:0;height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #3669AA; } #Content3 .Camel-Rese .row{display: block; margin:50px -94px 0; } #Content3 .Camel-Rese .row_ul{display: block; padding:0 94px; width:100%; position: relative;} #Content3 .Camel-Rese .row_ul .slick-slide{ padding:0 15px; } #Content3 .Camel-Rese .row_ul .li_a{width:100%; display: block;} #Content3 .Camel-Rese .row_ul .li_a .img{display: block;} #Content3 .Camel-Rese .row_ul .li_a img{display: block;} #Content3 .Camel-Rese .row_ul .li_a .text{width:100%; border:1px solid #e9e9e9; border-top:none; text-align:center; padding:20px; } #Content3 .Camel-Rese .row_ul .li_a .h5{font-size:16px; color:#333333; display: block; width:100%;} #Content3 .Camel-Rese .row_ul .li_a .span{font-size:12px;display: block; width:100%; line-height:24px; color:#3669AA;} #Content3 .Camel-Rese .row_ul .li_a .p{border-top:1px solid #e9e9e9; width:100%; display:block; padding-top:15px; font-size:12px; color:#666666; margin-top:15px;} #Content3 .Camel-Rese .row_ul .slick-prev, #Content3 .Camel-Rese .row_ul .slick-next{width:54px; height:54px; margin-top:-27px; border-radius:50%;border:1px solid #e7e7e7; } #Content3 .Camel-Rese .row_ul .slick-prev{background:url(../images/2117_left.png)no-repeat; background-size:54px 54px; left:0; } #Content3 .Camel-Rese .row_ul .slick-next{background:url(../images/2117_right.png)no-repeat; background-size:54px 54px; right:0;} #Content3 .Camel-Rese .row_ul .slick-prev:hover{background:url(../images/2117_lefta.png)no-repeat #3669AA; background-size:54px 54px; left:0; } #Content3 .Camel-Rese .row_ul .slick-next:hover{background:url(../images/2117_righta.png)no-repeat #3669AA; background-size:54px 54px; right:0;} #Content3 .Camel-Rese .row_ul .slick-prev:hover, #Content3 .Camel-Rese .row_ul .slick-next:hover{border-color:#3669AA; } @media screen and (max-width:1400px){ #Content3 .Camel-Rese .row{margin: 50px 0 0;} #Content3 .Camel-Rese .row_ul{padding:0 60px;} } @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content4{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*典型案例*/ #Content4 .Camel-cas{width:100%; display: block; float:left; background:#f3f3f3; padding:80px 0;} #Content4 .Camel-cas .cas_title{ text-align:center; display: block; width:100%; position: relative;} #Content4 .Camel-cas .cas_title .h4{display: inline-block; text-align:center; font-size:36px; color:#222222; border-bottom:1px solid rgba(201,21,30,0.5); padding:0 10px 26px;} #Content4 .Camel-cas .cas_title .span{position: absolute; left:50%; bottom:-4px;margin-left:-15px; width:30px; background:#f3f3f3; display: block; height:30px; } #Content4 .Camel-cas .cas_title .span::after{position: absolute; left:50%; margin-left:-8px; bottom:0; content:""; width:0;height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #3669AA; } #Content4 .Camel-cas .row{width:100%; display: block; padding-top:40px; margin:0 auto;} #Content4 .Camel-cas .cas_ul{width:48.5%; float: left; padding:12px 28px 30px;background: #fff; } #Content4 .Camel-cas .cas_ul .li_a{width:100%; display: block; border-bottom:1px dashed #cccccc; line-height: 54px; position:relative; padding:0 90px 0 20px; } #Content4 .Camel-cas .cas_ul .li_a a{width:100%; display: block; font-size:16px; color:#333333; line-height:54px; } #Content4 .Camel-cas .cas_ul:nth-child(2n){float:right;} #Content4 .Camel-cas .cas_ul .li_a .i{width:4px; height:4px; background:#3669AA; display: block; float:left; position: absolute; left:2px; top:50%; margin-top:-1px; } #Content4 .Camel-cas .cas_ul .li_a .span{color:#888888; line-height:54px;font-size:14px; position: absolute; right:0; top:0;} #Content4 .Camel-cas .cas_ul .li_a:hover a{color:#3669AA;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content5 .ztit1{ width:100%; float:left; text-align:center; margin-top:46px;} #Content5 .ztit1 h2{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; letter-spacing:1px;} #Content5 .ztit1 h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#999; line-height:22px; letter-spacing:1px; text-transform:uppercase;} #Content5 .about1{ width:100%; float:left; margin-top:51px; margin-bottom:50px;} #Content5 .about1 ul{ width:100%; float:left; text-align:center;} #Content5 .about1 ul li{ width:25%; float:left; padding:0 5px;} #Content5 .about1 ul li h3{ width:100%; float:left; font-size:60px; color:#d3d3d3; line-height:61px; font-weight:bold; letter-spacing:-1px;} #Content5 .about1 ul li h3 span{ display:inline-block; vertical-align:middle; line-height:1; font-size:16px; font-weight:normal; margin:9px 0 0 9px;} #Content5 .about1 ul li h5{ width:100%; float:left; margin-top:5px; font-size:16px; color:#333; line-height:24px; letter-spacing:1px;} #Content5 .about1 .text{ width:100%; float:left; margin-top:24px; padding-top:29px; border-top:solid 4px #3669AA; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Content5 .about2{ width:100%; float:left; padding:54px 0 60px 0; background:#f3f3f3;} #Content5 .about2 .text{ width:100%; float:left; margin-top:24px;font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Content5 .about3{ width:100%; float:left; padding:25px 0 59px 0;} #Content5 .about3 .about3box{ width:100%; float:left; background:url(../images/2120_z228-9.png) no-repeat center bottom; margin-top:-32px; padding-top:83px; min-height:490px; line-height:407px; text-align:right;} #Content5 .about3 .about3box .text{ vertical-align:middle; text-align:left; display:inline-block; width:51.28%; margin-right:5.98%;} #Content5 .about3 .about3box .text h3{ width:100%; float:left; font-size:30px; color:#333; line-height:38px; letter-spacing:1px; margin-bottom:15px;} #Content5 .about3 .about3box .text .p{ width:100%; float:left; padding:12px 0 15px 0; border-top:dashed 1px #c2c2c2; font-size:16px; color:#666; line-height:28px; letter-spacing:1px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content5 .ztit1{ margin-top:30px;} #Content5 .ztit1 h2{ font-size:32px; line-height:40px; letter-spacing:0px;} #Content5 .ztit1 h4{ margin-top:8px; font-size:14px; line-height:20px; letter-spacing:0px;} #Content5 .about1{ margin-top:31px; margin-bottom:30px;} #Content5 .about1 ul li h3{ font-size:40px; line-height:41px;} #Content5 .about1 ul li h3 span{ font-size:14px; margin:9px 0 0 5px;} #Content5 .about1 ul li h5{ font-size:14px; line-height:22px; letter-spacing:0px;} #Content5 .about1 .text{ margin-top:18px; padding-top:20px; border-top:solid 3px #3669AA; font-size:14px; line-height:30px; letter-spacing:0px;} #Content5 .about2{ padding:34px 0 40px 0;} #Content5 .about2 .text{ margin-top:18px;font-size:14px; line-height:30px; letter-spacing:0px;} #Content5 .about3{ padding:12px 0 30px 0;} #Content5 .about3 .about3box{ background-position:40% center; margin-top:-20px; background-size:cover; line-height:300px; min-height:383px;} #Content5 .about3 .about3box .text h3{ font-size:20px; line-height:28px; letter-spacing:0px; margin-bottom:10px;} #Content5 .about3 .about3box .text .p{ padding:12px 0 10px 0; font-size:14px; line-height:22px; letter-spacing:0px;} } @media screen and (max-width:767px){ #Content5 .ztit1{ margin-top:10px;} #Content5 .ztit1 h2{ font-size:24px; line-height:30px;} #Content5 .ztit1 h4{ margin-top:6px; line-height:18px;} #Content5 .about1{ margin-top:11px; margin-bottom:20px;} #Content5 .about1 ul li{ width:50%;} #Content5 .about1 ul li h3{ font-size:20px; line-height:21px;} #Content5 .about1 ul li h3 span{ font-size:12px; margin:7px 0 0 4px;} #Content5 .about1 ul li h5{ font-size:12px; line-height:20px;} #Content5 .about1 .text{ margin-top:12px; padding-top:14px; border-top:solid 2px #3669AA; font-size:12px; line-height:20px;} #Content5 .about2{ padding:20px 0 10px 0;} #Content5 .about2 .text{ margin-top:12px;font-size:12px; line-height:20px;} #Content5 .about3{ padding:12px 0 20px 0;} #Content5 .about3 .about3box{ background-color:#f2f2f2; margin-top:10px; background-size:360px auto; background-position:-150% 15px; line-height:0px; min-height:0px; padding-top:13px;} #Content5 .about3 .about3box .text{ width:60%; margin-right:3%;} #Content5 .about3 .about3box .text h3{ font-size:16px; line-height:20px;} #Content5 .about3 .about3box .text .p{ padding:8px 0 10px 0; font-size:12px; line-height:20px;} } #List{ width:100%; float:left;} #List .news{ width:100%; float:left; margin-top:60px;} #List .news .news1{ width:100%; float:left;} #List .news .news1 ul{ width:100%; float:left; position:relative; padding-bottom:34px;} #List .news .news1 ul li{ width:100%; float:left; padding:0 15px;} #List .news .news1 ul li a{ display:block; float:left; position:relative; width:100%; background:#f4f4f4; padding:14px 16px 25px 16px;} #List .news .news1 ul li a:before{ content:''; width:100%; height:70%; background:#d8d8d8; position:absolute; left:0; top:0; z-index:1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #List .news .news1 ul li .pic{ width:100%; float:left; padding-bottom:150.2%; position:relative; overflow:hidden; z-index:2;} #List .news .news1 ul li .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #List .news .news1 ul li a:hover:before{ background:#3669AA;} #List .news .news1 ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #List .news .news1 ul li .text{ width:100%; float:left; margin-top:24px; text-align:center;} #List .news .news1 ul li .text h4,#List .news .news1 ul li .text h5{ width:100%; float:left; font-size:16px; color:#333; line-height:26px; letter-spacing:1px;} #List .news .news1 ul li .text h6{ width:100%; float:left; margin-top:10px; font-size:12px; color:#888; line-height:22px; letter-spacing:1px;} #List .news .news1 ul .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #List .news .news1 ul .slick-dots li { position: relative; display: inline-block; width: 38px; height: 4px; float:none; margin: 0 6px; background:#c4c4c4; padding: 0; cursor: pointer; } #List .news .news1 ul .slick-dots li button { display:none;} #List .news .news1 ul .slick-dots li.slick-active { background:#3669AA; } #List .news .news2{ width:100%; float:left; margin-top:61px;} #List .news .news2 ul{ width:100%; float:left;} #List .news .news2 ul li{ width:100%; float:left; border-bottom:solid 1px #dfe0e0; border-top:solid 1px #dfe0e0; margin-top:-1px;} #List .news .news2 ul li a{ display:block; width:100%; float:left; padding:35px 82px 35px 10px; position:relative; font-size:18px; color:#333; line-height:48px; letter-spacing:1px;} #List .news .news2 ul li a .time{ float:left; margin-right:36px;} #List .news .news2 ul li a .time h4{ width:100%; font-size:36px; color:#333; line-height:32px; font-weight:bold; font-family:Arial; letter-spacing:1px;} #List .news .news2 ul li a .time h6{ width:100%; font-size:12px; color:#777; line-height:16px; font-family:Arial;} #List .news .news2 ul li a:before,#List .news .news2 ul li a:after{ content:''; width:22px; height:1px; background:#888; transform:rotate(45deg); position:absolute; right:30px; top:50%; margin-top:-8px;} #List .news .news2 ul li a:after{ transform:rotate(-45deg); margin-top:7px;} @media screen and (min-width:992px){ #List .news .news2 ul li a:hover{ background:#f7f7f7; padding-left:29px; color:#3669AA;} #List .news .news2 ul li a:hover .time h4,#List .news .news2 ul li a:hover .time h6{ color:#3669AA;} #List .news .news2 ul li a:hover:before,#List .news .news2 ul li a:hover:after{ background:#3669AA;} } @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List .news{ margin-top:40px;} #List .news .news1 ul{ padding-bottom:28px;} #List .news .news1 ul li .text{ margin-top:12px;} #List .news .news1 ul li .text h4,#List .news .news1 ul li .text h5{ font-size:14px; line-height:22px; letter-spacing:0px;} #List .news .news1 ul li .text h6{ margin-top:6px; line-height:20px; letter-spacing:0px;} #List .news .news1 ul li a{ padding:10px 10px 15px 10px;} } @media screen and (max-width:767px){ #List .news{ margin-top:20px;} #List .news .news1 ul{ padding-bottom:20px;} #List .news .news1 .row{ margin:0 -5px;} #List .news .news1 ul li{ padding:0 5px;} #List .news .news1 ul li .text{ margin-top:8px;} #List .news .news1 ul li .text h4,#List .news .news1 ul li .text h5{ font-size:13px; line-height:20px;} #List .news .news1 ul li .text h6{ margin-top:4px; line-height:18px;} #List .news .news1 ul li a{ padding:5px 5px 10px 5px;} #List .news .news1 ul .slick-dots li { width: 24px; height: 2px; margin: 0 2px; } #List .news .news2{ margin-top:30px;} #List .news .news2 ul li a{ padding:15px 0 15px 10px; font-size:14px; line-height:34px; letter-spacing:0px;} #List .news .news2 ul li a .time{ margin-right:14px;} #List .news .news2 ul li a .time h4{ font-size:20px; line-height:18px; letter-spacing:0px;} #List .news .news2 ul li a:before,#List .news .news2 ul li a:after{ width:16px; right:10px; margin-top:-6px; display:none;} #List .news .news2 ul li a .time h6{ font-size:8px;} } #Pagination{ width:100%; float:left; } #Pagination .listFy{ float:left; width:100%; margin:60px 0; text-align:center; } #Pagination .listFy .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #Pagination .listFy .pz_fy1 a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;} #Pagination .listFy .pz_fy1 a:hover,#Pagination .listFy .pz_fy1 a.on{ border-color:#3669AA; background:#3669AA; color:white;} #Pagination .listFy .pz_fy1 a.prve,#Pagination .listFy .pz_fy1 a.next{ width:100px;} #Pagination .listFy .fy_phone{ display:none;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Pagination .listFy{ margin:40px 0;} } @media screen and (max-width:767px){ #Pagination .listFy{ margin:20px 0;} #Pagination .listFy .pz_fy1{ display:none;} #Pagination .listFy .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} #Pagination .listFy .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #212020; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Pagination .listFy .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } #Subpage .newshow{ width:100%; float:left; margin-top:55px;} #Subpage .newshow .title{ width:100%; float:left; padding-bottom:24px; border-bottom:solid 3px #e4e4e4; position:relative; padding-right:270px;} #Subpage .newshow .title h3{ width:100%; float:left; font-size:24px; color:#333; line-height:34px; font-weight:bold; letter-spacing:1px;} #Subpage .newshow .title h5{ width:100%; float:left; margin-top:7px; font-size:16px; color:#888; line-height:28px; letter-spacing:1px;} #Subpage .newshow .title h5 span{ display:inline-block; vertical-align:top; margin-right:20px;} #Subpage .newshow .title .btn{ position:absolute; right:0; top:14px;} #Subpage .newshow .title .btn a{ display:block; float:left;} #Subpage .newshow .title .btn a.return{ margin-right:28px; font-size:14px; color:#888; line-height:42px; letter-spacing:1px;} #Subpage .newshow .title .btn a.return img{ vertical-align:middle; margin:-3px 5px 0 0;} #Subpage .newshow .title .btn a.bm{ width:136px; height:42px; background:#3669AA; text-align:center; font-size:16px; color:#fff; line-height:42px; letter-spacing:1px; cursor:pointer; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Subpage .newshow .title .btn a.bm img{ vertical-align:middle; margin:-3px 8px 0 0;} #Subpage .newshow .title .btn a.return:hover{ color:#3669AA;} #Subpage .newshow .text{ width:100%; float:left; text-align:center; margin-top:26px; font-size:16px; color:#888; line-height:20px; letter-spacing:1px;} #Subpage .newshow .text .btn{ width:100%; float:left; text-align:center; margin-top:37px;} #Subpage .newshow .text .btn a.bm{ width:136px; height:42px; background:#3669AA; text-align:center; font-size:16px; color:#fff; line-height:42px; letter-spacing:1px; cursor:pointer; overflow:hidden; display:inline-block; vertical-align:top; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Subpage .newshow .text .btn a.bm img{ vertical-align:middle; margin:-3px 8px 0 0;} #Subpage .newshow .wzfy{ width:100%; float:left; margin-top:40px; padding:20px 0 49px 0; border-top:dashed 1px #ccc;} #Subpage .newshow .wzfy h5{ width:50%; float:left; float:left; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Subpage .newshow .wzfy h5 a{ display:inline-block; vertical-align:top; max-width:80%; color:#333;} #Subpage .newshow .wzfy h5.last{ text-align:right;} #Subpage .newshow .wzfy h5:hover a,#Subpage .newshow .wzfy h5:hover{ color:#3669AA;} #Subpage .tcmb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:black; opacity:0.4; display:none;} #Subpage .tc710{ width:710px; position:fixed; left:50%; top:50%; margin-left:-355px; background:white; background:rgba(255,255,255,0.83); overflow:hidden; padding:45px 52px 50px 52px; z-index:9999; display:none; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} #Subpage .tc710 h2{ width:100%; float:left; font-size:42px; color:#222; line-height:50px; letter-spacing:0.5px; text-align:center;} #Subpage .tc710 h5{ width:100%; float:left; margin-top:11px; font-size:16px; color:#3669AA; line-height:24px; letter-spacing:1px; text-align:center;} #Subpage .tc710 ul{ width:100%; float:left; margin-top:18px;} #Subpage .tc710 ul li{ width:50%; float:left; margin-top:12px; padding:0 7px;} #Subpage .tc710 ul li .zbox{ width:100%; background:white; float:left; padding:0 30px 0 95px; position:relative;} #Subpage .tc710 ul li .zbox .name{ position:absolute; left:0; top:0; font-size:14px; color:#666; line-height:52px; padding-left:30px;} #Subpage .tc710 ul li .zbox span{ display:block; position:absolute; right:18px; bottom:0; line-height:52px; font-size:16px; color:#3669AA;} #Subpage .tc710 ul li .zbox input,#Subpage .tc710 ul li .zbox textarea{ display:block; width:100%; height:52px; padding:15px 0; line-height:22px; font-size:14px; color:#333; background:none; float:left; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border:0} #Subpage .tc710 ul li .zbox textarea{ height:119px;} #Subpage .tc710 ul li.l1 .zbox{ padding-right:140px;} #Subpage .tc710 ul li.l1 .zbox .yzm{ width:140px; height:52px; line-height:52px; text-align:center; cursor:pointer; display:block; position:absolute; right:0; top:0;} #Subpage .tc710 ul li.l1 .zbox .yzm img{ vertical-align:middle; margin-top:-3px;} #Subpage .tc710 ul li.l2{ width:100%; margin-top:20px; text-align:center;} #Subpage .tc710 ul li.l2 input{ display:block; width:100%; float:left; height:57px; font-size:18px; color:#fff; background:#3669AA; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Subpage .tc710 ul li.l3{ width:100%;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Subpage .newshow{ margin-top:33px;} #Subpage .newshow .title{ padding-bottom:12px; border-bottom:solid 2px #e4e4e4; padding-right:220px;} #Subpage .newshow .title h3{ font-size:18px; line-height:28px; letter-spacing:0px;} #Subpage .newshow .title h5{ margin-top:5px; font-size:14px; line-height:22px; letter-spacing:0px;} #Subpage .newshow .title h5 span{ margin-right:15px;} #Subpage .newshow .title .btn{ top:10px;} #Subpage .newshow .title .btn a.return{ margin-right:20px; font-size:12px; line-height:32px; letter-spacing:0px;} #Subpage .newshow .title .btn a.bm{ width:110px; height:32px; font-size:14px; line-height:32px; letter-spacing:0px;} #Subpage .newshow .title .btn a.bm img{ margin:-3px 6px 0 0;} #Subpage .newshow .text{margin-top:20px; font-size:14px; letter-spacing:0px;} #Subpage .newshow .text .btn{ margin-top:27px;} #Subpage .newshow .text .btn a.bm{ width:110px; height:32px; font-size:14px; line-height:32px; letter-spacing:0px;} #Subpage .newshow .text .btn a.bm img{ margin:-3px 6px 0 0;} #Subpage .newshow .wzfy{ margin-top:20px; padding:10px 0 25px 0;} #Subpage .newshow .wzfy h5{ font-size:14px; line-height:30px;} } @media screen and (max-width:767px){ #Subpage .newshow{ margin-top:12px;} #Subpage .newshow .title{ padding-bottom:8px; border-bottom:solid 1px #e4e4e4; padding-right:0px;} #Subpage .newshow .title h3{ font-size:16px; line-height:24px;} #Subpage .newshow .title h5{ font-size:12px; line-height:20px;} #Subpage .newshow .title h5 span{ margin-right:0px;} #Subpage .newshow .title .btn{ position:relative; right:auto; top:auto; width:100%; float:left; margin-top:10px;} #Subpage .newshow .title .btn a.return{ margin-right:0px;} #Subpage .newshow .title .btn a.bm{ float:right;} #Subpage .newshow .title .btn a.bm img,#Subpage .newshow .text .btn img{ width:12px;} #Subpage .newshow .text{margin-top:10px; font-size:12px; line-height:18px;} #Subpage .newshow .text .btn{ margin-top:15px;} #Subpage .newshow .wzfy{ margin-top:10px; padding:10px 0 13px 0;} #Subpage .newshow .wzfy h5{ width:100%; font-size:12px; line-height:26px;} #Subpage .newshow .wzfy h5.last{ text-align:left;} #Subpage .tc710{ width:94%; left:3%; margin-left:0; padding:23px 10px 20px 10px;} #Subpage .tc710 h2{ font-size:22px; line-height:30px;} #Subpage .tc710 h5{ margin-top:6px; font-size:12px; line-height:18px; letter-spacing:0px;} #Subpage .tc710 ul{ margin-top:10px;} #Subpage .tc710 ul li{ width:100%; margin-top:8px; padding:0 5px;} #Subpage .tc710 ul li .zbox{ padding:0 10px 0 65px;} #Subpage .tc710 ul li .zbox .name{ font-size:12px; line-height:42px; padding-left:10px;} #Subpage .tc710 ul li .zbox span{ right:8px; line-height:42px; font-size:12px;} #Subpage .tc710 ul li .zbox input,#Subpage .tc710 ul li .zbox textarea{ height:42px; padding:10px 0; font-size:12px;} #Subpage .tc710 ul li .zbox textarea{ height:79px;} #Subpage .tc710 ul li.l1 .zbox{ padding-right:100px;} #Subpage .tc710 ul li.l1 .zbox .yzm{ width:100px; height:42px; line-height:42px;} #Subpage .tc710 ul li.l2{ margin-top:10px;} #Subpage .tc710 ul li.l2 input{ height:42px; font-size:16px;} } #List2 .ztit1{ width:100%; float:left; text-align:center; margin-top:46px;} #List2 .ztit1 h2{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; letter-spacing:1px;} #List2 .ztit1 h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#999; line-height:22px; letter-spacing:1px; text-transform:uppercase;} #List2 .zteam{ width:100%; float:left; margin-top:25px;} #List2 .zteam .zteamHead{ width:100%; float:left; margin-bottom:21px;} #List2 .zteam .zteamHead li{ width:25%; float:left; text-align:center; background:#f3f5f6; padding:33px 10px 13px 10px; min-height:155px;} #List2 .zteam .zteamHead li:nth-child(2n){ background:#e9eced;} #List2 .zteam .zteamHead li h3{ width:100%; float:left; font-size:48px; color:#3669AA; line-height:50px;} #List2 .zteam .zteamHead li h3 span{ display:inline-block; vertical-align:middle; width:21px; height:21px; background:url(../images/2124_z228-5.png) no-repeat center center #3669AA; background-size:contain; overflow:hidden; margin:3px 0 0 8px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #List2 .zteam .zteamHead li h5{ width:100%; float:left; margin-top:9px; font-size:16px; color:#666; line-height:20px;} #List2 .zteam .zteamBody{ width:100%; float:left; margin-bottom:30px; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #List2 .zteam .zteamDown{ width:100%; float:left; margin-bottom:60px;} #List2 .zteam .zteamDown .zteamDown270{ width:23%; float:left;} #List2 .zteam .zteamDown .zteamDown270 .search{ width:100%; float:left; background:#f4f5f7; padding-right:60px; position:relative;} #List2 .zteam .zteamDown .zteamDown270 .search .searchk{ width:100%; float:left; height:54px; padding:15px 0 15px 21px; line-height:24px; font-size:14px; color:#888; letter-spacing:1px; background:none;} #List2 .zteam .zteamDown .zteamDown270 .search .searchb{ width:54px; height:54px; position:absolute; right:0; top:0; background:url(../images/2124_z228-6.png) no-repeat center center; cursor:pointer;} #List2 .zteam .zteamDown .zteamDown270 dl{ width:100%; float:left; margin-top:20px; border:solid 1px #eaeaea; padding:0 20px 6px 20px;} #List2 .zteam .zteamDown .zteamDown270 dl dt{ width:100%; float:left; font-size:20px; color:#333; font-weight:bold; line-height:60px; border-bottom:solid 1px #eaeaea; letter-spacing:1px; padding-left:28px; position:relative; margin-bottom:6px;} #List2 .zteam .zteamDown .zteamDown270 dl dt:before{ content:''; width:14px; height:14px; border:solid 2px #3669AA; position:absolute; left:0; top:50%; margin-top:-7px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #List2 .zteam .zteamDown .zteamDown270 dl dd{ width:100%; float:left; padding-left:28px; letter-spacing:1px;} #List2 .zteam .zteamDown .zteamDown270 dl dd a{ display:block; float:left; width:100%; font-size:16px; color:#333; line-height:42px;} #List2 .zteam .zteamDown .zteamDown270 dl dd.on a,#List2 .zteam .zteamDown .zteamDown270 dl dd:hover a{ color:#c9141d;} #List2 .zteam .zteamDown .zteamDown870{ width:74.35%; float:right; margin-top:-30px;} #List2 .zteam .zteamDown .zteamDown870 ul{ width:100%; float:left;} #List2 .zteam .zteamDown .zteamDown870 ul li{ width:33.333%; float:left; margin-top:30px; padding:0 15px;} #List2 .zteam .zteamDown .zteamDown870 ul li a{ display:block; float:left; width:100%; overflow:hidden;} #List2 .zteam .zteamDown .zteamDown870 ul li a .pic{ width:100%; float:left; padding-bottom:100%; position:relative; overflow:hidden;} #List2 .zteam .zteamDown .zteamDown870 ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #List2 .zteam .zteamDown .zteamDown870 ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #List2 .zteam .zteamDown .zteamDown870 ul li a .text{ width:100%; float:left; padding:17px 20px 15px 20px; border:solid 1px #e9e9e9; border-top:0; text-align:center;} #List2 .zteam .zteamDown .zteamDown870 ul li a .text h4{ width:100%; float:left; font-size:16px; color:#333; line-height:20px;} #List2 .zteam .zteamDown .zteamDown870 ul li a .text h5{ width:100%; float:left; font-size:12px; color:#3669AA; line-height:19px;} #List2 .zteam .zteamDown .zteamDown870 ul li a .text h6{ width:100%; float:left; margin-top:16px; padding-top:12px; border-top:solid 1px #e9e9e9; font-size:12px; color:#666; line-height:20px;} #List2 .zteam .zteamDown .zteamDown870 .loading{ width:100%; float:left; text-align:center; margin-top:60px;} #List2 .zteam .zteamDown .zteamDown870 .loading img{ height:42px; vertical-align:top;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List2 .ztit1{ margin-top:30px;} #List2 .ztit1 h2{ font-size:32px; line-height:40px; letter-spacing:0px;} #List2 .ztit1 h4{ margin-top:8px; font-size:14px; line-height:20px; letter-spacing:0px;} #List2 .zteam{ margin-top:15px;} #List2 .zteam .zteamHead{ margin-bottom:11px;} #List2 .zteam .zteamHead li{ padding:25px 10px 13px 10px; min-height:125px;} #List2 .zteam .zteamHead li h3{ font-size:38px; line-height:40px;} #List2 .zteam .zteamHead li h3 span{ width:16px; height:16px; margin:3px 0 0 6px;} #List2 .zteam .zteamHead li h5{ margin-top:5px; font-size:14px;} #List2 .zteam .zteamBody{ margin-bottom:10px; font-size:14px; line-height:30px; letter-spacing:0px;} #List2 .zteam .zteamDown{ margin-bottom:40px;} #List2 .zteam .zteamDown .zteamDown270 .search{ padding-right:50px;} #List2 .zteam .zteamDown .zteamDown270 .search .searchk{ height:44px; padding:10px 0 10px 11px; letter-spacing:0px;} #List2 .zteam .zteamDown .zteamDown270 .search .searchb{ width:44px; height:44px; background-size:contain;} #List2 .zteam .zteamDown .zteamDown270 dl{ margin-top:15px; padding:0 10px 6px 10px;} #List2 .zteam .zteamDown .zteamDown270 dl dt{ font-size:16px; line-height:40px; letter-spacing:0px; padding-left:20px; margin-bottom:4px;} #List2 .zteam .zteamDown .zteamDown270 dl dt:before{ width:8px; height:8px; margin-top:-4px;} #List2 .zteam .zteamDown .zteamDown270 dl dd{ padding-left:20px; letter-spacing:0px;} #List2 .zteam .zteamDown .zteamDown270 dl dd a{ font-size:14px; line-height:32px;} #List2 .zteam .zteamDown .zteamDown870{ margin-top:-20px;} #List2 .zteam .zteamDown .zteamDown870 .row{ margin:0 -10px;} #List2 .zteam .zteamDown .zteamDown870 ul li{ padding:0 10px; margin-top:20px;} #List2 .zteam .zteamDown .zteamDown870 ul li a .text{ padding:7px 10px 5px 10px;} #List2 .zteam .zteamDown .zteamDown870 ul li a .text h4{ font-size:14px;} #List2 .zteam .zteamDown .zteamDown870 ul li a .text h6{ margin-top:10px; padding-top:8px;} #List2 .zteam .zteamDown .zteamDown870 .loading{ margin-top:40px;} #List2 .zteam .zteamDown .zteamDown870 .loading img{ height:36px;} } @media screen and (max-width:767px){ #List2 .ztit1{ margin-top:10px;} #List2 .ztit1 h2{ font-size:24px; line-height:30px;} #List2 .ztit1 h4{ margin-top:6px; line-height:18px;} #List2 .zteam{ margin-top:10px;} #List2 .zteam .zteamHead{ margin-bottom:10px;} #List2 .zteam .zteamHead li{ padding:15px 10px 5px 10px; min-height:100px; width:50%; border:solid 1px white;} #List2 .zteam .zteamHead li:nth-child(2n){ background:#f3f5f6;} #List2 .zteam .zteamHead li h3{ font-size:30px; line-height:40px;} #List2 .zteam .zteamHead li h3 span{ width:12px; height:12px; margin:3px 0 0 4px;} #List2 .zteam .zteamHead li h5{ font-size:12px; line-height:16px;} #List2 .zteam .zteamBody{ font-size:12px; line-height:20px;} #List2 .zteam .zteamDown{ margin-bottom:20px;} #List2 .zteam .zteamDown .zteamDown270{ width:100%;} #List2 .zteam .zteamDown .zteamDown270 dl{ margin-top:10px; padding:10px 10px 6px 80px; position:relative;} #List2 .zteam .zteamDown .zteamDown270 dl dt{ position:absolute; left:10px; top:10px; font-size:12px; line-height:20px; padding-left:0px; margin-bottom:0px; width:auto; border-bottom:0;} #List2 .zteam .zteamDown .zteamDown270 dl dt:before{ display:none;} #List2 .zteam .zteamDown .zteamDown270 dl dd{ width:auto; float:left; padding-left:15px; letter-spacing:0px;} #List2 .zteam .zteamDown .zteamDown270 dl dd a{ font-size:12px; line-height:20px;} #List2 .zteam .zteamDown .zteamDown870{ width:100%; margin-top:0px;} #List2 .zteam .zteamDown .zteamDown870 .row{ margin:0 -5px;} #List2 .zteam .zteamDown .zteamDown870 ul li{ width:50%; padding:0 5px; margin-top:10px;} #List2 .zteam .zteamDown .zteamDown870 .loading{ margin-top:20px;} #List2 .zteam .zteamDown .zteamDown870 .loading img{ height:26px;} } #Subpage2{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #Subpage2 .teamshow{ width:100%; margin-top:60px; float:left;} #Subpage2 .teamshow .teamshow1{ width:100%; float:left; position:relative; padding-bottom:40px;} #Subpage2 .teamshow .teamshow1:before{ content:''; width:96%; height:90%; background:#f7f7f7; position:absolute; right:0; bottom:0;} #Subpage2 .teamshow .teamshow1 .pic{ float:left; width:38.37%; position:relative; z-index:2;} #Subpage2 .teamshow .teamshow1 .pic img{ width:100%; float:left;} #Subpage2 .teamshow .teamshow1 .text{ float:right; position:relative; z-index:1; margin-top:93px; width:51.53%; margin-right:4.957%;} #Subpage2 .teamshow .teamshow1 .text h4{ width:100%; float:left; font-size:30px; color:#333; line-height:40px; letter-spacing:1px;} #Subpage2 .teamshow .teamshow1 .text h5{ width:100%; float:left; margin-top:9px; font-size:18px; color:#888; line-height:30px; letter-spacing:1px;} #Subpage2 .teamshow .teamshow1 .text ul{ width:100%; float:left; margin-top:24px; padding-top:6px; border-top:solid 1px #3669AA;} #Subpage2 .teamshow .teamshow1 .text ul li{ width:100%; float:left; padding-left:145px; position:relative; margin-top:20px; font-size:14px; color:#666; line-height:20px; letter-spacing:1px;} #Subpage2 .teamshow .teamshow1 .text ul li .name{ position:absolute; left:0; top:0; font-size:14px; color:#666; line-height:20px;} #Subpage2 .teamshow .teamshow1 .text .return{ width:100%; float:left;} #Subpage2 .teamshow .teamshow1 .text .return a{ display:block; float:right; font-size:16px; color:#999; line-height:32px; letter-spacing:1px;} #Subpage2 .teamshow .teamshow1 .text .return a img{ vertical-align:middle; margin:-3px 10px 0 0;} #Subpage2 .teamshow .teamshow1 .text .return a:hover{ color:#3669AA;} #Subpage2 .teamshow .teamshow2{ width:100%; float:left; position:relative; margin:6px 0 50px 0;} #Subpage2 .teamshow .teamshow2 .title{ width:100%; float:left; background:url(../images/2125_z228-2.png) repeat-x right center; margin-top:45px;} #Subpage2 .teamshow .teamshow2 .title span{ display:block; float:left; background:white; font-size:24px; color:#3669AA; line-height:40px; padding:0 12px 0 18px; letter-spacing:1px; position:relative;} #Subpage2 .teamshow .teamshow2 .title span:before{ content:''; width:3px; height:18px; background:#3669AA; position:absolute; left:0; top:50%; margin-top:-9px;} #Subpage2 .teamshow .teamshow2 .p{ width:100%; float:left; margin-top:21px; font-size:16px; color:#666; line-height:32px; letter-spacing:1px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Subpage2 .teamshow .teamshow1 .text ul li{ padding-left:100px;} } @media screen and (max-width:767px){ #Subpage2 .teamshow{ margin-top:30px;} #Subpage2 .teamshow .teamshow1{ padding-bottom:0px;} #Subpage2 .teamshow .teamshow1 .pic{ width:100%;} #Subpage2 .teamshow .teamshow1 .text{ margin-top:13px; width:100%; margin-right:0%; padding:15px;} #Subpage2 .teamshow .teamshow1:before{ content:''; width:100%; height:100%; background:#f7f7f7; position:absolute; right:0; bottom:0;} #Subpage2 .teamshow .teamshow1 .text h4{ font-size:20px; line-height:30px; letter-spacing:0px;} #Subpage2 .teamshow .teamshow1 .text h5{ margin-top:4px; font-size:14px; line-height:20px; letter-spacing:0px;} #Subpage2 .teamshow .teamshow1 .text ul{ margin-top:12px; padding-top:4px;} #Subpage2 .teamshow .teamshow1 .text ul li{ padding-left:95px; margin-top:10px; font-size:12px; line-height:18px; letter-spacing:0px;} #Subpage2 .teamshow .teamshow1 .text ul li .name{ font-size:12px; line-height:18px;} #Subpage2 .teamshow .teamshow1 .text .return a{ font-size:14px; line-height:26px; letter-spacing:0px;} #Subpage2 .teamshow .teamshow1 .text .return a img{ margin:-3px 5px 0 0; width:26px;} #Subpage2 .teamshow .teamshow2{ margin:6px 0 20px 0;} #Subpage2 .teamshow .teamshow2 .title{ margin-top:25px; background-size:auto 7px;} #Subpage2 .teamshow .teamshow2 .title span{ font-size:18px; line-height:26px; padding:0 6px 0 10px; letter-spacing:0px;} #Subpage2 .teamshow .teamshow2 .title span:before{ width:2px; height:12px; margin-top:-6px;} #Subpage2 .teamshow .teamshow2 .p{ margin-top:10px; font-size:12px; line-height:24px; letter-spacing:0px;} } #Content6{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*典型案例*/ #Content6 .Camel-news{width:100%; display: block; float:left;} #Content6 .Camel-news .news_title{ text-align:center; display: block; width:100%; position: relative;} #Content6 .Camel-news .news_title .h4{display: inline-block; text-align:center; font-size:36px; color:#222222; border-bottom:1px solid rgba(201,21,30,0.5); padding:0 10px 26px;} #Content6 .Camel-news .news_title .span{position: absolute; left:50%; bottom:-4px;margin-left:-15px; width:30px; display: block; height:30px; background: #fff; } #Content6 .Camel-news .news_title .span::after{position: absolute; left:50%; margin-left:-8px; bottom:0; content:""; width:0;height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #3669AA; } #Content6 .Camel-news .row{width:100%; margin:40px 0 0; display: block;} #Content6 .Camel-news .row .left{width:50%; float:left;} #Content6 .Camel-news .row .pic{width:100%; display: block; position: relative; } #Content6 .Camel-news .row .pic .span_img{width:100%; height:390px; } #Content6 .Camel-news .row .pic .span_img img{display: block;} #Content6 .Camel-news .row .pic .text{width:100%; display: block; position: absolute; left:0; bottom:0; padding:30px; } #Content6 .Camel-news .row .pic .text .time{color:#fff; font-size:14px; width:100%; display: block; } #Content6 .Camel-news .row .pic .text .h5{color:#fff; font-size:24px; line-height: 24px; padding-top:10px; } #Content6 .Camel-news .row .pic .text .p{line-height: 20px; font-size:18px; color:#fff; display: block; padding-top:6px; } #Content6 .Camel-news .row .right{width:50%; float:left; background:#f7f7f7; padding:0 38px 30px; height:390px; } #Content6 .Camel-news .row .right .li_a{padding:35px 0 28px 118px; display: block; width:100%; position: relative; border-bottom:1px dashed #acacac; } #Content6 .Camel-news .row .right .li_a a{width:100%; display: block;} #Content6 .Camel-news .row .right .li_a .time_a{width:118px; float:left; position: absolute; left:0; top:35px; display: block; } #Content6 .Camel-news .row .right .li_a .h5{font-size: 50px; color:#333333; display: inline-block; float:left; line-height:56px; width:50px;} #Content6 .Camel-news .row .right .li_a .time_b{width:60px; float: left; display: inline-block; text-align:center; line-height: 26px; font-size:14px; } #Content6 .Camel-news .row .right .li_a .h4_a{font-size:18px; color: #222222;display: block; width:100%; line-height:24px;} #Content6 .Camel-news .row .right .li_a .p{font-size:14px; color:#888888; display: block; padding-top:10px;} #Content6 .Camel-news .row .right .li_a:hover .h4_a, #Content6 .Camel-news .row .right .li_a:hover .p, #Content6 .Camel-news .row .right .li_a:hover .time_b, #Content6 .Camel-news .row .right .li_a:hover .h5{color:#3669AA;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content7{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*律师流程*/ #Content7 .Camel-Law{width:100%; display: block; float:left;} #Content7 .Camel-Law .Law_title{ text-align:center; display: block; width:100%; position: relative;} #Content7 .Camel-Law .Law_title .h4{display: inline-block; text-align:center; font-size:36px; color:#222222; border-bottom:1px solid rgba(201,21,30,0.5); padding:0 10px 26px;} #Content7 .Camel-Law .Law_title .span{position: absolute; left:50%; bottom:-4px;margin-left:-15px; width:30px; display: block; height:30px; background: #fff; } #Content7 .Camel-Law .Law_title .span::after{position: absolute; left:50%; margin-left:-8px; bottom:0; content:""; width:0;height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #3669AA; } #Content7 .Camel-Law .row{width:100%; margin:40px 0 0; display: block; padding:40px 0; position: relative;} #Content7 .Camel-Law .pic{width:100%; position: relative; display: block; } #Content7 .Camel-Law .row::after{position: absolute; left:0; top:150px;height:1px; width:100%; content:""; background:#c8c6c5; } #Content7 .Camel-Law .pic .li{display: inline-block; float:left; text-align:center; min-width:154px; z-index:2; position: relative; } #Content7 .Camel-Law .pic .li .span_img{ background-size:77px 82px; margin:0 auto; text-align:center; width:77px; height:82px;display: block;} #Content7 .Camel-Law .pic .li .span_img img{width:37px; margin:0 auto;} #Content7 .Camel-Law .pic .li .numa{width:23px; height:23px; border:5px solid #3669AA; background:#fff; border-radius:50%; display: block; position:relative; } #Content7 .Camel-Law .pic .li .numa::after{position: absolute; left:50%; top:0; height:22px; width:1px; background:#3669AA; content:""; } #Content7 .Camel-Law .pic .li .p{display: block; text-align:center; line-height:24px;color:#353434; font-size:16px; } #Content7 .Camel-Law .pic .li.li_1 .span_img{ padding-top:16px;} #Content7 .Camel-Law .pic .li.li_2 .span_img{ padding-top:25px;} #Content7 .Camel-Law .pic .li.li_1 .span_img{background: url(../images/2127_index_img_51.png)no-repeat;} #Content7 .Camel-Law .pic .li.li_2 .span_img{background: url(../images/2127_index_img_67.png)no-repeat;} #Content7 .Camel-Law .pic .li.li_1 .numa{margin:17px auto 0;} #Content7 .Camel-Law .pic .li.li_2 .numa{margin:0 auto 17px;} #Content7 .Camel-Law .pic .li.li_1 .numa::after{ margin-top:-22px; top:0; } #Content7 .Camel-Law .pic .li.li_2 .numa::after{ margin-bottom:-22px; bottom:0; top:auto; } #Content7 .Camel-Law .pic .li.li_1 .p{margin-top:18px;} #Content7 .Camel-Law .pic .li.li_2 .p{margin-bottom:25px; margin-top:50px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content8{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*客户反馈*/ #Content8 .Camel-feed{width:100%; display: block; float:left;} #Content8 .Camel-feed .feed_title{ text-align:center; display: block; width:100%; position: relative;} #Content8 .Camel-feed .feed_title .h4{display: inline-block; text-align:center; font-size:36px; color:#222222; border-bottom:1px solid rgba(201,21,30,0.5); padding:0 10px 26px;} #Content8 .Camel-feed .feed_title .span{position: absolute; left:50%; bottom:-4px;margin-left:-15px; width:30px; display: block; height:30px; background: #fff; } #Content8 .Camel-feed .feed_title .span::after{position: absolute; left:50%; margin-left:-8px; bottom:0; content:""; width:0;height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #3669AA; } #Content8 .Camel-feed .row{width:100%; margin:40px 0 0; display: block; position: relative;} #Content8 .Camel-feed .feeb_ul{width:100%; display: block; padding:0 0 52px 0; } #Content8 .Camel-feed .feeb_ul .list{width:32%; float:left; margin-right:2%; padding-top:50px; } #Content8 .Camel-feed .feeb_ul .list a{background:#f7f7f7; width:100%; display: block; padding:0 30px 20px 30px; } #Content8 .Camel-feed .feeb_ul .list:nth-child(3n){margin-right:0;} #Content8 .Camel-feed .feeb_ul .title{width:100%; display: block; } #Content8 .Camel-feed .feeb_ul .img{position: relative; float:left; display: inline-block;background:#fff; border-radius:50%; border:6px solid rgba(228,228,228,0.6); width:96px; height:96px; margin-top:-48px; } #Content8 .Camel-feed .feeb_ul .img img{width:100%; display: block;} #Content8 .Camel-feed .feeb_ul .h5{font-size:22px; color:#222222;display: inline-block; padding:22px 0 0 20px; width:66%;} #Content8 .Camel-feed .feeb_ul .p{color: #666666; font-size:14px; line-height:24px; display: block; width:100%; margin-top:20px;} #Content8 .Camel-feed .feeb_ul .slick-dots{width:100%; bottom:0;text-align:center; } #Content8 .Camel-feed .feeb_ul .slick-dots li{width:12px; height:12px; border-radius:50%;background:#3669AA; opacity: 0.2; margin:0 8px; display: inline-block; } #Content8 .Camel-feed .feeb_ul .slick-dots li.slick-active{opacity: 1;} #Content8 .Camel-feed .feeb_ul .slick-dots li button:before, #Content8 .Camel-feed .feeb_ul .slick-dots li button{display:none;} #Content8 .Camel-feed .feeb_ul .list:hover .h5, #Content8 .Camel-feed .feeb_ul .list:hover .p{color:#3669AA;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content9{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #Content9 .dn { display: none;} /*业务领域*/ #Content9 .business { background: #F3F3F3;} #Content9 h1.title { margin-top: 60px; line-height: 1; font-size: 36px; color: #333; text-align: center;} #Content9 h1.title:after { content: ""; display: block; width: 60px; height: 1px; margin: 30px auto 40px; background: #3669AA;} #Content9 .business .li { float: left; width: 31.33%; margin: 0 3% 3% 0;} #Content9 .business .li:nth-child(3n) { margin-right: 0;} #Content9 .business .li a { display: block; height: 268px; padding: 40px 0; background: #fff; border-radius: 4px; -webkit-transition: all .3s ease;} #Content9 .business .li .pic { display: flex; width: 148px; height: 148px; line-height: 148px; margin: 0 auto; background: #3669AA; border-radius: 50%; text-align: center; align-items: center;} #Content9 .business .li .pic img { display: block; margin: 0 auto;} #Content9 .business .li .text { display: block; height: 20px; margin-top: 20px; line-height: 1; text-align: center; font-size: 20px; color: #333;} #Content9 .business .li p { display: none; margin-top: 20px; line-height: 30px; font-size: 14px; color: #fff; text-align: center;} #Content9 .business .li a:hover { background: #3669AA;} #Content9 .business .li a:hover .pic { display: none;} #Content9 .business .li a:hover .text { margin-top: 33px; color: #fff;} #Content9 .business .li a:hover p { display: block;} #Content9 .law-product .li1 { position: relative; height: 380px; margin-bottom: 60px;} #Content9 .law-product .li1 .pic { position: absolute; top: 0; left: 0; width: 570px; height: 380px;} #Content9 .law-product .li1 .pic img { display: block;} #Content9 .law-product .li1 .text { width: 100%; padding: 29px 0 0 630px;} #Content9 .law-product .li1 .text h2 { margin-bottom: 42px;} #Content9 .law-product .li1 .text h2 a { font-size: 24px; color: #333;} #Content9 .law-product .li1 .text p { line-height: 30px; font-size: 16px; color: #666;} #Content9 .law-product .li1 .text a.more { position: absolute; bottom: 20px; left: 630px; display: block; width: 144px; height: 46px; line-height: 44px; background: #fff; border: 1px solid #D9D9D9; border-radius: 2px; font-size: 14px; color: #666; text-indent: 29px;} #Content9 .law-product .li1 .text a.more:after { content: ""; position: absolute; top: 50%; right: 25px; display: block; width: 13px; height: 13px; margin-top: -6px; background:url(../images/2129_plus.png) center no-repeat #3669AA; background-size: 7px; border-radius: 50%;} #Content9 .law-product .li1:nth-child(2n) .pic { top: 0; right: 0; left: auto;} #Content9 .law-product .li1:nth-child(2n) .text { padding: 0 630px 0 0;} #Content9 .law-product .li1:nth-child(2n) .text a.more{left:0;} #Content9 .law-product .li1:hover .text a.more {background: #3669AA; border-color: #3669AA; color: #fff;} #Content9 .law-product .li1:nth-child(2n) .text a.more:after { background: #D4444B url(../images/2129_plus.png) center no-repeat;} #Content9 .law-product p.more { width: 361px; margin: 0 auto; background: url(../images/2129_dots.png) center repeat-x;} #Content9 .law-product p.more a { display: block; margin: 0 auto; width: 137px; background: #fff; font-size: 18px; color: #8a8989; text-align: center;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content10{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #Content10 .business { background: #F3F3F3;} #Content10 h1.title { margin-top: 60px; line-height: 1; font-size: 36px; color: #333; text-align: center;} #Content10 h1.title:after { content: ""; display: block; width: 60px; height: 1px; margin: 30px auto 40px; background: #3669AA;} #Content10 .law-product .li1 { position: relative; height: 380px; margin-bottom: 60px;} #Content10 .law-product .li1 .pic { position: absolute; top: 0; left: 0; width: 570px; height: 380px;} #Content10 .law-product .li1 .pic img { display: block;} #Content10 .law-product .li1 .text { width: 100%; padding: 29px 0 0 630px;} #Content10 .law-product .li1 .text h2 { margin-bottom: 42px;} #Content10 .law-product .li1 .text h2 a { font-size: 24px; color: #333;} #Content10 .law-product .li1 .text p { line-height: 30px; font-size: 16px; color: #666;} #Content10 .law-product .li1 .text a.more { position: absolute; bottom: 20px; left: 630px; display: block; width: 144px; height: 46px; line-height: 44px; background: #fff; border: 1px solid #D9D9D9; border-radius: 2px; font-size: 14px; color: #666; text-indent: 29px;} #Content10 .law-product .li1 .text a.more:after { content: ""; position: absolute; top: 50%; right: 25px; display: block; width: 13px; height: 13px; margin-top: -6px; background: #C01 url(../images/2130_plus.png) center no-repeat; background-size: 7px; border-radius: 50%;} #Content10 .law-product .li1:nth-child(2n) .pic { top: 0; right: 0; left: auto;} #Content10 .law-product .li1:nth-child(2n) .text { padding: 0 630px 0 0;} #Content10 .law-product .li1:nth-child(2n) .text a.more{left:0;} #Content10 .law-product .li1:hover .text a.more {background: #3669AA; border-color: #3669AA; color: #fff;} #Content10 .law-product .li1:nth-child(2n) .text a.more:after { background: #D4444B url(../images/2130_plus.png) center no-repeat;} #Content10 .law-product p.more { width: 361px; margin: 0 auto; background: url(../images/2130_dots.png) center repeat-x;} #Content10 .law-product p.more a { display: block; margin: 0 auto; width: 137px; background: #fff; font-size: 18px; color: #8a8989; text-align: center;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Slide2 .zbanner,#Slide2 .zbanner img{ width:100%; float:left; min-height:100px;} #Slide2 .pz_SideLayer{ width:100%; float:left; text-align:center; background:#f3f3f3;} #Slide2 .pz_SideLayer li{ display:inline-block; vertical-align:top; margin:0 15px;} #Slide2 .pz_SideLayer li a{ display:block; min-width:134px; padding:0 20px; font-size:18px; color:#333; line-height:62px; font-weight:bold; letter-spacing:1px; position:relative;} #Slide2 .pz_SideLayer li.on a,#Slide2 .pz_SideLayer li:hover a{ background:white;} #Slide2 .pz_SideLayer li.on a:before,#Slide2 .pz_SideLayer li:hover a:before{ content:''; width:100%; height:3px; background:#3669AA; position:absolute; left:0; top:0;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Slide2 .pz_SideLayer li{ margin:0 0; min-width:33.33%;} #Slide2 .pz_SideLayer li a{ min-width:100%; padding:0 10px; font-size:14px; line-height:42px; letter-spacing:0px;} #Slide2 .pz_SideLayer li.on a:before{ height:2px;} } #Content11{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #Content11 h1.title { margin-top: 60px; line-height: 1; font-size: 36px; color: #333; text-align: center;} #Content11 h1.title:after { content: ""; display: block; width: 60px; height: 1px; margin: 30px auto 40px; background: #3669AA;} /*2业务详情*/ #Content11 .law-service { padding-bottom: 80px; background: #F3F3F3;} #Content11 .service-main { position: relative; background: #fff;} #Content11 .service-category { float: left; width: 200px; min-height: 704px; padding-top: 50px; border-right: 2px solid #F3F3F3;} #Content11 .service-category .li { margin-bottom: 34px;} #Content11 .service-category .li:last-child { margin-bottom: 0;} #Content11 .service-category .li .pic { position: relative; display: flex; width: 58px; height: 58px; margin: 0 auto 16px; background: #D1D1D1; border-radius: 50%; align-items: center;} #Content11 .service-category .li .pic img { display: block; margin: 0 auto;} #Content11 .service-category .li .text { display: block; line-height: 1; font-size: 16px; color: #333; text-align: center;} #Content11 .service-category .on .pic { background: #3669AA;} #Content11 .service-category .on .pic:after { content: ""; position: absolute; right: -13px; display: block; width: 0; top:50%; margin-top:-6px; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid #3669AA; border-right: 7px solid transparent;} #Content11 .service-content { float: left; width: 970px; min-height: 704px; padding: 50px 50px 0;} #Content11 .service-content .title { width: 100%; height: 55px; line-height: 55px; background: #F3F3F3; border-left: 2px solid #3669AA; font-size: 20px; color: #3669AA; font-weight: 700; text-indent: 27px;} #Content11 .service-content dl { padding-left: 25px; margin: 30px 0 10px;} #Content11 .service-content dt { position: relative; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 16px; color: #3669AA;} #Content11 .service-content dt:before { content: ""; position: absolute; top: 8px; left: -10px; display: block; width: 4px; height: 4px; background: #3669AA;} #Content11 .service-content dd, .service-content dd p { line-height: 34px; font-size: 14px; color: #333;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Slide3{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #Slide3 .zbanner,#Slide3 .zbanner img{ width:100%; min-height:100px;} #Slide3 .pz_SideLayer{ width:100%; float:left; text-align:center; background:#f3f3f3;} #Slide3 .pz_SideLayer li{ display:inline-block; vertical-align:top; margin:0 15px;} #Slide3 .pz_SideLayer li a{ display:block; min-width:134px; padding:0 20px; font-size:18px; color:#333; line-height:62px; font-weight:bold; letter-spacing:1px; position:relative;} #Slide3 .pz_SideLayer li.on a,#Slide3 .pz_SideLayer li:hover a{ background:white;} #Slide3 .pz_SideLayer li.on a:before,#Slide3 .pz_SideLayer li:hover a:before{ content:''; width:100%; height:3px; background:#3669AA; position:absolute; left:0; top:0;} #Slide3 .content-banner { position: relative;} #Slide3 .content-banner img { display: block;} #Slide3 .content-banner .page-title { position: absolute; left: 50%; bottom: -52px; margin-left: -600px; height: 72px;} #Slide3 .content-banner .page-title .container { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: horizontal; margin: 0 auto;} #Slide3 .content-banner .page-title li { -webkit-box-flex: 1;-ms-flex:1;} #Slide3 .content-banner .page-title li a { display: block; line-height: 72px; background: #F3F3F3; font-size: 18px; color: #2a2a2a; text-align: center;} #Slide3 .content-banner .page-title .on a, #Slide3 .content-banner .page-title a:hover{ background: #3669AA; color: #fff;} #Slide3 .article-banner { margin-bottom: 68px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Slide3 .pz_SideLayer li{ margin:0 0; min-width:33.33%;} #Slide3 .pz_SideLayer li a{ min-width:100%; padding:0 10px; font-size:14px; line-height:42px; letter-spacing:0px;} #Slide3 .pz_SideLayer li.on a:before{ height:2px;} } #List3{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #List3 h1.title { margin-top: 60px; line-height: 1; font-size: 36px; color: #333; text-align: center;} #List3 h1.title:after { content: ""; display: block; width: 60px; height: 1px; margin: 30px auto 40px; background: #3669AA;} /*3知产趣闻*/ #List3 .article .li { margin-bottom: 30px; background: #F6F7F8; transition: all .3s ease;} #List3 .article .li:last-child { margin-bottom: 0;} #List3 .article .on { background: #fff; box-shadow: 0 0 20px 5px #ECECEC;} #List3 .article .li .pic { float: left; width: 338px; height: 245px; padding: 30px; border-right: 1px solid #fff;} #List3 .article .li .pic img { display: block;} #List3 .article .li .text { float: left; width: 832px; padding: 45px 30px 0;} #List3 .article .li .text h3 a { display: block; line-height: 26px; font-size: 20px; color: #333;} #List3 .article .li:hover .text h3 a{ color: #3669AA; text-decoration: underline;} #List3 .article .li .text p { margin-top: 20px; line-height: 30px; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden;} #List3 .article .li .text span { display: block; margin-top: 30px; font-size: 14px; color: #444;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content12{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*4典型案例2*/ #Content12 .adviser { padding: 60px 0;} #Content12 .adviser .li { float: left; width: 31.33%; margin-right: 3%;} #Content12 .adviser .li:last-child { margin-right: 0;} #Content12 .adviser .li a { display: block; padding: 30px 0; border: 1px solid #E5E5E5; transition: all .3s ease;} #Content12 .adviser .li a:hover { border-color: #3669AA; box-shadow: 0 0 10px 5px #eee;} #Content12 .adviser .li a .pic { display: block; width: 110px; height: 110px; margin: 0 auto 29px;} #Content12 .adviser .li a .pic img { display: block;} #Content12 .adviser .li a .name, #Content12 .adviser .li a .title { display: block; line-height: 1; text-align: center;} #Content12 .adviser .li a .name { font-size: 18px; color: #333; padding:0 30px;} #Content12 .adviser .li a .title { margin-top: 10px; font-size: 12px; color: #3669AA;} #Content12 .adviser .li a h3, #Content12 .adviser .li a p { margin: 0 30px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #Content12 .adviser .li a h3 { margin-top: 25px; line-height: 28px; font-size: 16px; color: #333; -webkit-line-clamp: 2;} #Content12 .adviser .li a p { margin-top: 12px; line-height: 24px; font-size: 14px; color: #666; -webkit-line-clamp: 4;} #Content12 .adviser .exchange { width: 361px; margin: 40px auto 0; background: url(../images/2136_dots.png) center repeat-x;} #Content12 .adviser .exchange a { display: block; margin: 0 auto; width: 137px; background: #fff; font-size: 18px; color: #8a8989; text-align: center;} #Content12 .adviser .exchange a img { position: relative; top: 2px; display: inline-block; margin-right: 7px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #List4{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #List4 .business { background: #F3F3F3;} #List4 h1.title { margin-top: 60px; line-height: 1; font-size: 36px; color: #333; text-align: center;} #List4 h1.title:after { content: ""; display: block; width: 60px; height: 1px; margin: 30px auto 40px; background: #3669AA;} #List4 .case { padding-bottom: 80px; background: #F7F7F7;} #List4 .case .li1 { position: relative; width: 100%; margin-bottom: 30px; padding: 30px 277px 25px 30px; background: #fff; border-left: 2px solid #3669AA;} #List4 .case .li1:last-child { margin-bottom: 0;} #List4 .case .li1 .h3 a { line-height: 1; font-size: 18px; color: #333;} #List4 .case .li1 .h3 a:hover { color: #3669AA;} #List4 .case .li1 .p { margin-top: 15px; line-height: 24px; font-size: 14px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden;} #List4 .case .li1 .span { position: absolute; top: 0; right: 30px; display: block; width: 143px; height: 46px;} #List4 .case .li1 .span em { display: block; float: left; margin-right: 10px; padding-top: 12px; width: 41px; height: 46px; line-height: 1; background: url(../images/2137_tag.png) no-repeat; font-size: 14px; color: #fff; text-align: center;} #List4 .case .li1 .span em:last-child { margin-right: 0;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Pagination2{ width:100%; float:left;} #Pagination2 .listFy{ float:left; width:100%; padding:0 0 60px 0; text-align:center; background: #F7F7F7;} #Pagination2 .listFy .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #Pagination2 .listFy .pz_fy1 a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;} #Pagination2 .listFy .pz_fy1 a:hover,#Pagination2 .listFy .pz_fy1 a.on{ border-color:#3669AA; background:#3669AA; color:white;} #Pagination2 .listFy .pz_fy1 a.prve,#Pagination2 .listFy .pz_fy1 a.next{ width:100px;} #Pagination2 .listFy .fy_phone{ display:none;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Pagination2 .listFy{ padding:0 0 020px 0;} #Pagination2 .listFy .pz_fy1{ display:none;} #Pagination2 .listFy .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} #Pagination2 .listFy .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #212020; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Pagination2 .listFy .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } #Content13{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*新闻列表*/ #Content13 .Camel-newslist{width:100%; display: block; float:left;} #Content13 .Camel-newslist .li_a{width:32%; margin-right:2%; float:left; background:#f8f8f8;} #Content13 .Camel-newslist .li_a:nth-child(3n){margin-right: 0;} #Content13 .Camel-newslist .li_a a{width:100%; display: block; } #Content13 .Camel-newslist .li_a .img{display: block; width:100%; overflow: hidden; } #Content13 .Camel-newslist .li_a .img img{display: block; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content13 .Camel-newslist .li_a img{display: block;} #Content13 .Camel-newslist .li_a .text{padding:24px 28px 29px; width:100%; display: block; } #Content13 .Camel-newslist .li_a .h5{width:100%; display: block; line-height: 30px; font-size:16px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #Content13 .Camel-newslist .li_a .h5 .i{padding:5px; color:#fff; background:#3669AA; font-size:14px; line-height:14px; margin-right:8px; display: inline-block; } #Content13 .Camel-newslist .li_a .time{width:100%; display: block; padding-left:25px; margin-top:14px; line-height:18px; position: relative; } #Content13 .Camel-newslist .li_a .i_img{width:18px; height:18px; position: absolute; left:0; top:50%; margin-top:-9px; display: block; } #Content13 .Camel-newslist .li_a:hover .h5{font-weight: bold;} #Content13 .Camel-newslist .li_a:hover .h5 .i{font-weight: normal;} #Content13 .Camel-newslist .li_a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #List5{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} #List5 .news2{ width:100%; float:left;} #List5 .news2 ul{ width:100%; float:left;} #List5 .news2 ul li{ width:100%; float:left; border-bottom:solid 1px #dfe0e0; border-top:solid 1px #dfe0e0; margin-top:-1px;} #List5 .news2 ul li a{ display:block; width:100%; float:left; padding:35px 82px 35px 10px; position:relative; font-size:18px; color:#333; line-height:48px; letter-spacing:1px;} #List5 .news2 ul li a .time{ float:left; margin-right:36px;} #List5 .news2 ul li a .time h4{ width:100%; font-size:36px; color:#333; line-height:32px; font-weight:bold; font-family:Arial; letter-spacing:1px;} #List5 .news2 ul li a .time h6{ width:100%; font-size:12px; color:#777; line-height:16px; font-family:Arial;} #List5 .news2 ul li a:before, #List5 .news2 ul li a:after{ content:''; width:22px; height:1px; background:#888; transform:rotate(45deg); position:absolute; right:30px; top:50%; margin-top:-8px;} #List5 .news2 ul li a:after{ transform:rotate(-45deg); margin-top:7px;} #List5 .news2 ul li a .i{padding:5px; color:#fff; background:#3669AA; font-size:14px; line-height:14px; margin-right:8px; display: inline-block;} @media screen and (min-width:992px){ #List5 .news2 ul li a:hover{ background:#f7f7f7; padding-left:29px; color:#3669AA;} #List5 .news2 ul li a:hover .time h4,#List5 .news2 ul li a:hover .time h6{ color:#3669AA;} #List5 .news2 ul li a:hover:before,#List5 .news2 ul li a:hover:after{ background:#3669AA;} } @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #List5 .news2 ul li a{ padding:15px 0 15px 10px; font-size:14px; line-height:34px; letter-spacing:0px;} #List5 .news2 ul li a .time{ margin-right:14px;} #List5 .news2 ul li a .time h4{ font-size:20px; line-height:18px; letter-spacing:0px;} #List5 .news2 ul li a:before,#List5 .news .news2 ul li a:after{ width:16px; right:10px; margin-top:-6px; display:none;} #List5 .news2 ul li a .time h6{ font-size:8px;} } #Subpage3{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*新闻详情*/ #Subpage3 .Camel-newspic{width:100%; display: block; float: left;} #Subpage3 .Camel-newspic .xw_left{width:69.5%; float:left;} #Subpage3 .Camel-newspic .xw_left .title{width:100%; display:block; margin-bottom:38px;} #Subpage3 .Camel-newspic .xw_left .title .h4{font-size:20px; display: block; width:100%; font-weight:bold; color:#333333;} #Subpage3 .Camel-newspic .xw_left .bottom{width:100%; display: block;margin-top:20px; padding-right:80px; position: relative; } #Subpage3 .Camel-newspic .xw_left .p{color:#888888; font-size:16px; line-height:16px;} #Subpage3 .Camel-newspic .xw_left .p span{display:inline-block; padding-right:20px; } #Subpage3 .Camel-newspic .xw_left .p .i{width:14px; display: inline-block; margin-right:6px;} #Subpage3 .Camel-newspic .xw_left .more{position: absolute; right:0; top:0; line-height: 16px;} #Subpage3 .Camel-newspic .xw_left .more a{width:100%; display: block; font-size:14px; color:#888888;} #Subpage3 .Camel-newspic .xw_left .more:hover a{color:#3669AA;} #Subpage3 .Camel-newspic .xw_left .more .i_img{width:12px; display: inline-block; margin-right:6px;} #Subpage3 .Camel-newspic .xw_left .d_pic{background:#f5f5f5; width:100%; padding:27px 50px 27px 27px; display:block; position: relative; } #Subpage3 .Camel-newspic .xw_left .d_pic .le{width:30px; font-size:24px; display:inline-block; color:#888888; text-align: center; line-height:30px; writing-mode: vertical-lr; margin-right:27px; position: absolute;left:27px; top:27px; } #Subpage3 .Camel-newspic .xw_left .d_pic .p_a{padding-left:80px; display: inline-block; line-height:30px; color:#666666; font-size:16px; position: relative; } #Subpage3 .Camel-newspic .xw_left .d_pic .p_a::after{position: absolute; left:50px; top:0; height:100%; width:1px; background:#dedede; content:"";} #Subpage3 .Camel-newspic .xw_left .text{width:100%; display: block; margin-top:25px; border-bottom:1px dashed #cccccc; } #Subpage3 .Camel-newspic .xw_left .text .text_box{line-height:30px; font-size:16px; color:#333333; width:100%; display: block;} #Subpage3 .Camel-newspic .xw_left .text .text_box .img01{text-align:center; margin:0 auto; display: block;} #Subpage3 .Camel-newspic .xw_left .nyfx { width:100%; display: block; text-align:center; padding:30px 0;} #Subpage3 .Camel-newspic .xw_left .nyfx .p{ float: left;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox{ display: inline-block;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(1){ background: url(../images/2141_fx1.png) no-repeat center;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(2){ background: url(../images/2141_fx2.png) no-repeat center;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(3){ background: url(../images/2141_fx3.png) no-repeat center;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(4){ background: url(../images/2141_fx4.png) no-repeat center;} #Subpage3 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(5){ background: url(../images/2141_fx5.png) no-repeat center;} #Subpage3 .Camel-newspic .xw_left .fy_pic{padding-top: 30px; display: block; width:100%;} #Subpage3 .Camel-newspic .xw_left .fy_pic a{color:#333333; font-size:15px; line-height: 22px;} #Subpage3 .Camel-newspic .xw_left .fy_pic a:hover{color:#3669AA;} #Subpage3 .Camel-newspic .xw_left .fy_pic .a_1{float:left; width:50%;text-align:left;} #Subpage3 .Camel-newspic .xw_left .fy_pic .a_2{float:right; width:50%; text-align: right;} #Subpage3 .Camel-newspic .xw_right{width:28.5%; float:right;} #Subpage3 .Camel-newspic .xw_right .h4_b{width:100%; display: block; border-top:2px solid #3669AA; border-bottom:1px dashed #cccccc; padding:20px; font-size:20px; color:#333333; } #Subpage3 .Camel-newspic .xw_right .ul_a{width:100%; display: block; padding:25px 20px;} #Subpage3 .Camel-newspic .xw_right .ul_a .a1{display: block; width:100%; line-height: 30px; font-size:16px; margin-bottom:30px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #Subpage3 .Camel-newspic .xw_right .ul_a .i{background:#3669AA; font-size:20px;line-height:30px; margin-right:15px; display: inline-block; width:6px; height:6px; border-radius:50%;} #Subpage3 .Camel-newspic .xw_right .pic_img{width:100%; display: block; padding:0 20px;} #Subpage3 .Camel-newspic .xw_right .pic_img .ul{width:100%; display: block; position: relative;} #Subpage3 .Camel-newspic .xw_right .pic_img a{width:100%; display: block; position: relative;} #Subpage3 .Camel-newspic .xw_right .pic_img .h5_b{position: absolute; left:0; top:0; width:100%; height:100%;display:flex; align-items: center;justify-content: center;} #Subpage3 .Camel-newspic .xw_right .pic_img .h5_b span{line-height: 62px; color: #ffffff; font-size:18px; width:100%; padding:0 10px; background:rgba(201,21,30,0.7); text-align:center;} #Subpage3 .Camel-newspic .xw_right .pic_img img{display: block;} #Subpage3 .Camel-newspic .slick-dots{width:100%; bottom:16px;text-align:center; } #Subpage3 .Camel-newspic .slick-dots li{width:8px; height:8px; border-radius:50%;background:#fff; opacity: 0.2; margin:0 6px; display: inline-block; } #Subpage3 .Camel-newspic .slick-dots li.slick-active{opacity: 1;} #Subpage3 .Camel-newspic .slick-dots li button:before, #Subpage3 .Camel-newspic .slick-dots li button{display:none;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Subpage4{width:100%; float:left; display:block; font-family: 'Microsoft yahei';} /*新闻详情*/ #Subpage4 .Camel-newspic{width:100%; display: block; float: left;} #Subpage4 .Camel-newspic .xw_left{width:100%; float:left;} #Subpage4 .Camel-newspic .xw_left .title{width:100%; display:block; margin-bottom:38px;} #Subpage4 .Camel-newspic .xw_left .title .h4{font-size:24px; display: block; width:100%; font-weight:bold; color:#333333;} #Subpage4 .Camel-newspic .xw_left .bottom{width:100%; display: block;margin-top:20px; padding-right:80px; position: relative; } #Subpage4 .Camel-newspic .xw_left .p{color:#888888; font-size:16px; line-height:16px;} #Subpage4 .Camel-newspic .xw_left .p span{display:inline-block; padding-right:20px; } #Subpage4 .Camel-newspic .xw_left .p .i{width:14px; display: inline-block; margin-right:6px;} #Subpage4 .Camel-newspic .xw_left .more{position: absolute; right:0; top:0; line-height: 16px;} #Subpage4 .Camel-newspic .xw_left .more a{width:100%; display: block; font-size:14px; color:#888888;} #Subpage4 .Camel-newspic .xw_left .more:hover a{color:#3669AA;} #Subpage4 .Camel-newspic .xw_left .more .i_img{width:12px; display: inline-block; margin-right:6px;} #Subpage4 .Camel-newspic .xw_left .d_pic{background:#f5f5f5; width:100%; padding:27px 50px 27px 27px; display:block; position: relative; } #Subpage4 .Camel-newspic .xw_left .d_pic .le{width:30px; font-size:24px; display:inline-block; color:#888888; text-align: center; line-height:30px; writing-mode: vertical-lr; margin-right:27px; position: absolute;left:27px; top:27px; } #Subpage4 .Camel-newspic .xw_left .d_pic .p_a{padding-left:80px; display: inline-block; line-height:30px; color:#666666; font-size:16px; position: relative; } #Subpage4 .Camel-newspic .xw_left .d_pic .p_a::after{position: absolute; left:50px; top:0; height:100%; width:1px; background:#dedede; content:"";} #Subpage4 .Camel-newspic .xw_left .text{width:100%; display: block; margin-top:25px; border-bottom:1px dashed #cccccc; padding-bottom:30px; } #Subpage4 .Camel-newspic .xw_left .text .text_box{line-height:30px; font-size:16px; color:#333333; width:100%; display: block;} #Subpage4 .Camel-newspic .xw_left .text .text_box .img01{text-align:center; margin:0 auto; display: block;} #Subpage4 .Camel-newspic .xw_left .nyfx { width:100%; display: block; text-align:center; padding:30px 0;} #Subpage4 .Camel-newspic .xw_left .nyfx .p{ float: left;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox{ display: inline-block;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(1){ background: url(../images/2142_fx1.png) no-repeat center;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(2){ background: url(../images/2142_fx2.png) no-repeat center;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(3){ background: url(../images/2142_fx3.png) no-repeat center;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(4){ background: url(../images/2142_fx4.png) no-repeat center;} #Subpage4 .Camel-newspic .xw_left .bdsharebuttonbox a:nth-child(5){ background: url(../images/2142_fx5.png) no-repeat center;} #Subpage4 .Camel-newspic .xw_left .fy_pic{padding-top: 30px; display: block; width:100%;} #Subpage4 .Camel-newspic .xw_left .fy_pic a{color:#333333; font-size:15px; line-height: 22px;} #Subpage4 .Camel-newspic .xw_left .fy_pic a:hover{color:#3669AA;} #Subpage4 .Camel-newspic .xw_left .fy_pic .a_1{float:left; width:50%;} #Subpage4 .Camel-newspic .xw_left .fy_pic .a_2{float:right; width:50%;} #Subpage4 .Camel-newspic .xw_right{width:28.5%; float:right;} #Subpage4 .Camel-newspic .xw_right .h4_b{width:100%; display: block; border-top:2px solid #3669AA; border-bottom:1px dashed #cccccc; padding:20px; font-size:20px; color:#333333; } #Subpage4 .Camel-newspic .xw_right .ul_a{width:100%; display: block; padding:25px 20px;} #Subpage4 .Camel-newspic .xw_right .ul_a .a1{display: block; width:100%; line-height: 30px; font-size:16px; margin-bottom:30px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #Subpage4 .Camel-newspic .xw_right .ul_a .i{background:#3669AA; font-size:20px;line-height:30px; margin-right:15px; display: inline-block; width:6px; height:6px; border-radius:50%;} #Subpage4 .Camel-newspic .xw_right .pic_img{width:100%; display: block; padding:0 20px;} #Subpage4 .Camel-newspic .xw_right .pic_img .ul{width:100%; display: block; position: relative;} #Subpage4 .Camel-newspic .xw_right .pic_img a{width:100%; display: block; position: relative;} #Subpage4 .Camel-newspic .xw_right .pic_img .h5_b{position: absolute; left:0; top:0; width:100%; height:100%;display:flex; align-items: center;justify-content: center;} #Subpage4 .Camel-newspic .xw_right .pic_img .h5_b span{line-height: 62px; color: #ffffff; font-size:18px; width:100%; padding:0 10px; background:rgba(201,21,30,0.7); text-align:center;} #Subpage4 .Camel-newspic .xw_right .pic_img img{display: block;} #Subpage4 .Camel-newspic .slick-dots{width:100%; bottom:16px;text-align:center; } #Subpage4 .Camel-newspic .slick-dots li{width:8px; height:8px; border-radius:50%;background:#fff; opacity: 0.2; margin:0 6px; display: inline-block; } #Subpage4 .Camel-newspic .slick-dots li.slick-active{opacity: 1;} #Subpage4 .Camel-newspic .slick-dots li button:before, #Subpage4 .Camel-newspic .slick-dots li button{display:none;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #Content14 .ztit1{ width:100%; float:left; text-align:center; margin-top:46px;} #Content14 .ztit1 h2{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; letter-spacing:1px;} #Content14 .ztit1 h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#999; line-height:22px; letter-spacing:1px; text-transform:uppercase;} #Content14 .about1{ width:100%; float:left; margin-top:51px; margin-bottom:50px;} #Content14 .about1 ul{ width:100%; float:left; text-align:center;} #Content14 .about1 ul li{ width:25%; float:left; padding:0 5px;} #Content14 .about1 ul li h3{ width:100%; float:left; font-size:60px; color:#d3d3d3; line-height:61px; font-weight:bold; letter-spacing:-1px;} #Content14 .about1 ul li h3 span{ display:inline-block; vertical-align:middle; line-height:1; font-size:16px; font-weight:normal; margin:9px 0 0 9px;} #Content14 .about1 ul li h5{ width:100%; float:left; margin-top:5px; font-size:16px; color:#333; line-height:24px; letter-spacing:1px;} #Content14 .about1 .text{ width:100%; float:left; margin-top:24px; padding-top:29px; border-top:solid 4px #3669AA; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Content14 .about2{ width:100%; float:left; padding:54px 0 60px 0; background:#f3f3f3;} #Content14 .about2 .text{ width:100%; float:left; margin-top:24px;font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Content14 .about3{ width:100%; float:left; padding:25px 0 59px 0;} #Content14 .about3 .about3box{ width:100%; float:left; background:url(../images/2200_z228-9.png) no-repeat center bottom; margin-top:-32px; padding-top:83px; min-height:490px; line-height:407px; text-align:right;} #Content14 .about3 .about3box .text{ vertical-align:middle; text-align:left; display:inline-block; width:51.28%; margin-right:5.98%;} #Content14 .about3 .about3box .text h3{ width:100%; float:left; font-size:30px; color:#333; line-height:38px; letter-spacing:1px; margin-bottom:15px;} #Content14 .about3 .about3box .text .p{ width:100%; float:left; padding:12px 0 15px 0; border-top:dashed 1px #c2c2c2; font-size:16px; color:#666; line-height:28px; letter-spacing:1px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content14 .ztit1{ margin-top:30px;} #Content14 .ztit1 h2{ font-size:32px; line-height:40px; letter-spacing:0px;} #Content14 .ztit1 h4{ margin-top:8px; font-size:14px; line-height:20px; letter-spacing:0px;} #Content14 .about1{ margin-top:31px; margin-bottom:30px;} #Content14 .about1 ul li h3{ font-size:40px; line-height:41px;} #Content14 .about1 ul li h3 span{ font-size:14px; margin:9px 0 0 5px;} #Content14 .about1 ul li h5{ font-size:14px; line-height:22px; letter-spacing:0px;} #Content14 .about1 .text{ margin-top:18px; padding-top:20px; border-top:solid 3px #3669AA; font-size:14px; line-height:30px; letter-spacing:0px;} #Content14 .about2{ padding:34px 0 40px 0;} #Content14 .about2 .text{ margin-top:18px;font-size:14px; line-height:30px; letter-spacing:0px;} #Content14 .about3{ padding:12px 0 30px 0;} #Content14 .about3 .about3box{ background-position:40% center; margin-top:-20px; background-size:cover; line-height:300px; min-height:383px;} #Content14 .about3 .about3box .text h3{ font-size:20px; line-height:28px; letter-spacing:0px; margin-bottom:10px;} #Content14 .about3 .about3box .text .p{ padding:12px 0 10px 0; font-size:14px; line-height:22px; letter-spacing:0px;} } @media screen and (max-width:767px){ #Content14 .ztit1{ margin-top:10px;} #Content14 .ztit1 h2{ font-size:24px; line-height:30px;} #Content14 .ztit1 h4{ margin-top:6px; line-height:18px;} #Content14 .about1{ margin-top:11px; margin-bottom:20px;} #Content14 .about1 ul li{ width:50%;} #Content14 .about1 ul li h3{ font-size:20px; line-height:21px;} #Content14 .about1 ul li h3 span{ font-size:12px; margin:7px 0 0 4px;} #Content14 .about1 ul li h5{ font-size:12px; line-height:20px;} #Content14 .about1 .text{ margin-top:12px; padding-top:14px; border-top:solid 2px #3669AA; font-size:12px; line-height:20px;} #Content14 .about2{ padding:20px 0 10px 0;} #Content14 .about2 .text{ margin-top:12px;font-size:12px; line-height:20px;} #Content14 .about3{ padding:12px 0 20px 0;} #Content14 .about3 .about3box{ background-color:#f2f2f2; margin-top:10px; background-size:360px auto; background-position:-150% 15px; line-height:0px; min-height:0px; padding-top:13px;} #Content14 .about3 .about3box .text{ width:60%; margin-right:3%;} #Content14 .about3 .about3box .text h3{ font-size:16px; line-height:20px;} #Content14 .about3 .about3box .text .p{ padding:8px 0 10px 0; font-size:12px; line-height:20px;} } #Content15 .ztit1{ width:100%; float:left; text-align:center; margin-top:46px;} #Content15 .ztit1 h2{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; letter-spacing:1px;} #Content15 .ztit1 h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#999; line-height:22px; letter-spacing:1px; text-transform:uppercase;} #Content15 .about1{ width:100%; float:left; margin-top:51px; margin-bottom:50px;} #Content15 .about1 ul{ width:100%; float:left; text-align:center;} #Content15 .about1 ul li{ width:25%; float:left; padding:0 5px;} #Content15 .about1 ul li h3{ width:100%; float:left; font-size:60px; color:#d3d3d3; line-height:61px; font-weight:bold; letter-spacing:-1px;} #Content15 .about1 ul li h3 span{ display:inline-block; vertical-align:middle; line-height:1; font-size:16px; font-weight:normal; margin:9px 0 0 9px;} #Content15 .about1 ul li h5{ width:100%; float:left; margin-top:5px; font-size:16px; color:#333; line-height:24px; letter-spacing:1px;} #Content15 .about1 .text{ width:100%; float:left; margin-top:24px; padding-top:29px; border-top:solid 4px #3669AA; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Content15 .about2{ width:100%; float:left; padding:54px 0 60px 0; background:#f3f3f3;} #Content15 .about2 .text{ width:100%; float:left; margin-top:24px;font-size:16px; color:#333; line-height:36px; letter-spacing:1px;} #Content15 .about3{ width:100%; float:left; padding:25px 0 59px 0;} #Content15 .about3 .about3box{ width:100%; float:left; /*margin-top:-32px;*/ padding-top:83px; min-height:490px; line-height:407px; text-align:right;} #Content15 .about3 .about3box .text{ vertical-align:middle; text-align:left; display:inline-block; width:51.28%; margin-right:5.98%;} #Content15 .about3 .about3box .text h3{ width:100%; float:left; font-size:30px; color:#333; line-height:38px; letter-spacing:1px; margin-bottom:15px;} #Content15 .about3 .about3box .text .p{ width:100%; float:left; padding:12px 0 15px 0; border-top:dashed 1px #c2c2c2; font-size:16px; color:#666; line-height:28px; letter-spacing:1px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content15 .ztit1{ margin-top:30px;} #Content15 .ztit1 h2{ font-size:32px; line-height:40px; letter-spacing:0px;} #Content15 .ztit1 h4{ margin-top:8px; font-size:14px; line-height:20px; letter-spacing:0px;} #Content15 .about1{ margin-top:31px; margin-bottom:30px;} #Content15 .about1 ul li h3{ font-size:40px; line-height:41px;} #Content15 .about1 ul li h3 span{ font-size:14px; margin:9px 0 0 5px;} #Content15 .about1 ul li h5{ font-size:14px; line-height:22px; letter-spacing:0px;} #Content15 .about1 .text{ margin-top:18px; padding-top:20px; border-top:solid 3px #3669AA; font-size:14px; line-height:30px; letter-spacing:0px;} #Content15 .about2{ padding:34px 0 40px 0;} #Content15 .about2 .text{ margin-top:18px;font-size:14px; line-height:30px; letter-spacing:0px;} #Content15 .about3{ padding:12px 0 30px 0;} #Content15 .about3 .about3box{ background-position:40% center; margin-top:-20px; background-size:cover; line-height:300px; min-height:383px;} #Content15 .about3 .about3box .text h3{ font-size:20px; line-height:28px; letter-spacing:0px; margin-bottom:10px;} #Content15 .about3 .about3box .text .p{ padding:12px 0 10px 0; font-size:14px; line-height:22px; letter-spacing:0px;} } @media screen and (max-width:767px){ #Content15 .ztit1{ margin-top:10px;} #Content15 .ztit1 h2{ font-size:24px; line-height:30px;} #Content15 .ztit1 h4{ margin-top:6px; line-height:18px;} #Content15 .about1{ margin-top:11px; margin-bottom:20px;} #Content15 .about1 ul li{ width:50%;} #Content15 .about1 ul li h3{ font-size:20px; line-height:21px;} #Content15 .about1 ul li h3 span{ font-size:12px; margin:7px 0 0 4px;} #Content15 .about1 ul li h5{ font-size:12px; line-height:20px;} #Content15 .about1 .text{ margin-top:12px; padding-top:14px; border-top:solid 2px #3669AA; font-size:12px; line-height:20px;} #Content15 .about2{ padding:20px 0 10px 0;} #Content15 .about2 .text{ margin-top:12px;font-size:12px; line-height:20px;} #Content15 .about3{ padding:12px 0 20px 0;} #Content15 .about3 .about3box{ background-color:#f2f2f2; margin-top:10px; background-size:360px auto; background-position:-150% 15px; line-height:0px; min-height:0px; padding-top:13px;} #Content15 .about3 .about3box .text{ width:60%; margin-right:3%;} #Content15 .about3 .about3box .text h3{ font-size:16px; line-height:20px;} #Content15 .about3 .about3box .text .p{ padding:8px 0 10px 0; font-size:12px; line-height:20px;} } #List6{ width:100%; float:left;} #List6 .news{ width:100%; float:left; } #List6 .news .news1{ width:100%; float:left;} #List6 .news .news1 ul{ width:100%; float:left; position:relative; padding-bottom:34px;} #List6 .news .news1 ul li{ width:100%; float:left; padding:0 15px;} #List6 .news .news1 ul li a{ display:block; float:left; position:relative; width:100%; background:#f4f4f4; padding:14px 16px 25px 16px;} #List6 .news .news1 ul li a:before{ content:''; width:100%; height:70%; background:#d8d8d8; position:absolute; left:0; top:0; z-index:1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #List6 .news .news1 ul li .pic{ width:100%; float:left; padding-bottom:150.2%; position:relative; overflow:hidden; z-index:2;} #List6 .news .news1 ul li .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #List6 .news .news1 ul li a:hover:before{ background:#3669AA;} #List6 .news .news1 ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #List6 .news .news1 ul li .text{ width:100%; float:left; margin-top:24px; text-align:center;} #List6 .news .news1 ul li .text h4,#List6 .news .news1 ul li .text h5{ width:100%; float:left; font-size:16px; color:#333; line-height:26px; letter-spacing:1px;} #List6 .news .news1 ul li .text h6{ width:100%; float:left; margin-top:10px; font-size:12px; color:#888; line-height:22px; letter-spacing:1px;} #List6 .news .news1 ul .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #List6 .news .news1 ul .slick-dots li { position: relative; display: inline-block; width: 38px; height: 4px; float:none; margin: 0 6px; background:#c4c4c4; padding: 0; cursor: pointer; } #List6 .news .news1 ul .slick-dots li button { display:none;} #List6 .news .news1 ul .slick-dots li.slick-active { background:#3669AA; } #List6 .news .news2{ width:100%; float:left; margin-top:61px;} #List6 .news .news2 ul{ width:100%; float:left;} #List6 .news .news2 ul li{ width:100%; float:left; border-bottom:solid 1px #dfe0e0; border-top:solid 1px #dfe0e0; margin-top:-1px;} #List6 .news .news2 ul li a{ display:block; width:100%; float:left; padding:35px 82px 35px 10px; position:relative; font-size:18px; color:#333; line-height:48px; letter-spacing:1px;} #List6 .news .news2 ul li a .time{ float:left; margin-right:36px;} #List6 .news .news2 ul li a .time h4{ width:100%; font-size:36px; color:#333; line-height:32px; font-weight:bold; font-family:Arial; letter-spacing:1px;} #List6 .news .news2 ul li a .time h6{ width:100%; font-size:12px; color:#777; line-height:16px; font-family:Arial;} #List6 .news .news2 ul li a:before,#List6 .news .news2 ul li a:after{ content:''; width:22px; height:1px; background:#888; transform:rotate(45deg); position:absolute; right:30px; top:50%; margin-top:-8px;} #List6 .news .news2 ul li a:after{ transform:rotate(-45deg); margin-top:7px;} @media screen and (min-width:992px){ #List6 .news .news2 ul li a:hover{ background:#f7f7f7; padding-left:29px; color:#3669AA;} #List6 .news .news2 ul li a:hover .time h4,#List6 .news .news2 ul li a:hover .time h6{ color:#3669AA;} #List6 .news .news2 ul li a:hover:before,#List6 .news .news2 ul li a:hover:after{ background:#3669AA;} } @media screen and (max-width:1260px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List6 .news .news1 ul{ padding-bottom:28px;} #List6 .news .news1 ul li .text{ margin-top:12px;} #List6 .news .news1 ul li .text h4,#List6 .news .news1 ul li .text h5{ font-size:14px; line-height:22px; letter-spacing:0px;} #List6 .news .news1 ul li .text h6{ margin-top:6px; line-height:20px; letter-spacing:0px;} #List6 .news .news1 ul li a{ padding:10px 10px 15px 10px;} } @media screen and (max-width:767px){ #List6 .news .news1 ul{ padding-bottom:20px;} #List6 .news .news1 .row{ margin:0 -5px;} #List6 .news .news1 ul li{ padding:0 5px;} #List6 .news .news1 ul li .text{ margin-top:8px;} #List6 .news .news1 ul li .text h4,#List6 .news .news1 ul li .text h5{ font-size:13px; line-height:20px;} #List6 .news .news1 ul li .text h6{ margin-top:4px; line-height:18px;} #List6 .news .news1 ul li a{ padding:5px 5px 10px 5px;} #List6 .news .news1 ul .slick-dots li { width: 24px; height: 2px; margin: 0 2px; } #List6 .news .news2{ margin-top:30px;} #List6 .news .news2 ul li a{ padding:15px 0 15px 10px; font-size:14px; line-height:34px; letter-spacing:0px;} #List6 .news .news2 ul li a .time{ margin-right:14px;} #List6 .news .news2 ul li a .time h4{ font-size:20px; line-height:18px; letter-spacing:0px;} #List6 .news .news2 ul li a:before,#List6 .news .news2 ul li a:after{ width:16px; right:10px; margin-top:-6px; display:none;} #List6 .news .news2 ul li a .time h6{ font-size:8px;} } /*分页*/ .m-page { text-align:right; font-size:0; height:38px; line-height:38px; padding-right:10px; } .m-page li { display:inline } .m-page a, .m-page i { display:inline-block; font-size:15px; background-color:#3669AA; padding:0px 13px; height:36px; overflow:hidden; text-align:center; border:0px #FFFFFF solid; color:#FFFFFF; font-family:Arial; margin-left:5px; vertical-align:top; } .m-page a.next, .m-page a.prev { font-family:宋体; font-size:16px; font-weight:700; } .m-page a:hover, .m-page li.thisclass a { color:#ff0000; } .m-page span { font-size:14px; padding-right:10px; } /* 内页下载*/ c_1578_1{ width:100%; float:left; padding:28px 0 50px 0;} .ul_5{ width:100%; float:left;margin-bottom:60px;} .ul_5 li{ width:100%;min-height:81px; float:left; margin-top:30px; border:solid 1px #e9e9e9; padding:20px 153px 20px 133px; position:relative;} .ul_5 li .tab{ width:92px; height:107px; background:url(../images/jszz1.jpg) no-repeat center center; position:absolute; left:0; top:0; text-align:center; background-position:center center; background-size:contain; -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;} .ul_5 li .tab .ico{ width:100%; margin-top:29px; height:36px;} .ul_5 li .tab .ico img{ height:100%;} .ul_5 li .tab h6{ width:100%; height:100%; font-size:14px; color:white; line-height:32px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;} .ul_5 li .c_674{ width:51.37%; float:left; padding-top:7px;} .ul_5 li .c_674 h4{ width:100%; font-size:16px; color:#333; line-height:27px;} .ul_5 li .c_674 h5{ width:100%; font-size:12px; color:#888; line-height:23px;} .ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;} .ul_5 li .c_637{ width:48.63%; float:left; padding:0 52px 0 41px; height:65px; line-height:65px; background:url(../images/jszz5.png) no-repeat left center;} .ul_5 li .c_637 .p{ display:inline-block; vertical-align:middle; font-size:14px; color:#666; line-height:24px; max-height:72px; overflow:hidden;} .ul_5 li .down{ width:153px; text-align:center; position:absolute; right:0; top:0; height:100%; background:url(../images/jszz6.png) no-repeat left center; padding-top:29px;} .ul_5 li .down .ico{width:100%; height:24px; background:url(../images/jszz4.png) no-repeat center center; background-size:contain;} .ul_5 li .down h5{ width:100%; font-size:14px; color:#666; line-height:20px; margin-top:10px;} .ul_5 li:hover .tab{ background-image:url(../images/jszz1_h.jpg);} .ul_5 li:hover .c_674 h4{ color:#43a1de;} .ul_5 li:hover .down .ico{ background-image:url(../images/jszz4_h.png);} .ul_5 li:hover .down h5{ color:#43a1de;} @media screen and (max-width:1380px) { .ul_5 li .c_674{ width:40%;} .ul_5 li .c_637{ width:60%; padding:0 32px 0 21px;} } @media screen and (max-width:1199px) { .ul_5 li{ margin-top:20px; padding:20px 123px 20px 103px;} .ul_5 li .down{ width:123px;} } @media screen and (max-width:1023px) { .c_1570_1{ padding:20px 0 40px 0;} .ul_5 li .tab{ width:76px; height:88px;} .ul_5 li .c_674{ padding-top:5px;} .ul_5 li .c_674 h4{ font-size:14px; line-height:23px;} .ul_5 li .c_674 h5{ line-height:20px;} .ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;} .ul_5 li .c_637{ padding:0 12px 0 11px; height:58px; line-height:58px;} .ul_5 li .c_637 .p{ font-size:12px; line-height:22px; max-height:44px;} .ul_5 li .down{ width:103px; padding-top:20px;} .ul_5 li .down .ico{ height:20px;} .ul_5 li .down h5{ font-size:12px; line-height:18px; margin-top:6px;} .ul_5 li .tab .ico{ margin-top:20px; height:30px;} .ul_5 li .tab h6{ font-size:12px; line-height:28px;} .ul_5 li{ padding:15px 103px 15px 93px;} .ul_5 li .down{ width:103px;} } @media screen and (max-width:767px) { .c_1570_1{ padding:10px 0 30px 0;} .ul_5 li .tab{ width:68px; height:79px;} .ul_5 li .c_674{ width:100%; padding-top:0px;} .ul_5 li .c_674 h4{ line-height:21px;} .ul_5 li .c_674 h5{ line-height:18px;} .ul_5 li .c_637{ width:100%; padding:0; height:20px; line-height:0px; background:none;} .ul_5 li .c_637 .p{line-height:20px; height:18px;} .ul_5 li .down{ width:63px; padding-top:18px;} .ul_5 li .down .ico{ height:18px;} .ul_5 li .down h5{ line-height:16px; margin-top:4px;} .ul_5 li .tab .ico{ margin-top:18px; height:24px;} .ul_5 li .tab h6{ line-height:24px;} .ul_5 li{ padding:10px 0 10px 76px; margin-top:10px;} .ul_5 li .down{ width:43px; display:none;} } .c_1570{ width:100%; float:left; padding:0 9.11%;} .pz_top.on_2{ top:-128px;} .pz_top.on_1{ top:-40px;} @media screen and (max-width: 1199px) { .c_1570{ padding:0 7%;} } @media screen and (max-width: 1023px) { .pz_top.on_1{ top:0px;} } @media screen and (max-width: 991px) { .c_1570{ padding:0 65px;} .topnav{ height:80px;} } @media screen and (max-width: 767px) { .c_1570{ padding:0 10px 0 10px;} body{ padding-top:28px;} .topnav{ z-index:90;} } /*.contactMap{ margin: 3.418% 0 5.982% 0; }*/ #bdmap{width:100%; height:400px; background: no-repeat} #bdmap img{ max-width:none;} #bdmap .iw_poi_title{ display: block; background: url("../images/contact8.png") no-repeat !important; line-height: 30px !important;} #bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;} @media screen and (max-width:991px){ #bdmap{ height:250px; } } @media screen and (max-width:767px){ #bdmap{ height:250px; } }