*{ padding:0; margin:0;outline:none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html{ overflow-x:hidden; overflow-y:auto;} ul, ol,li{ list-style-type:none; line-height:normal;} body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;} body{ float:left; width:100%; position:relative;} code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;} a{ text-decoration:none; color:#333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;} a:hover{color:#333; cursor:pointer;} img{border:0; max-width:100%;} table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;} h1{font-size: 32px;} h2{font-size: 24px;} h3{font-size: 22px;} h4{font-size: 18px;} h5{font-size: 14px;} h6{font-size: 12px;} input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;} textarea{ resize:none;} input{ outline:0;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;} .pz_top{ float:left; width:100%;} .pz_banner{ float:left; width:100%; overflow:hidden; position:relative;} .pz_banner::after{position: absolute; left: 0; top: 0; width: 100%; height: 300px; background: url(../images/banner_bg.png) no-repeat top; content: ""; z-index: 2; background-size:auto 100%;} .pz_main{ float:left; width:100%;} .pz_down{ float:left; width:100%; background: #20262e;} @media screen and (max-width:991px){ .pz_banner::after{height: 200px;} } @media screen and (max-width:767px){ .pz_banner::after{height: 50px; background:rgba(0,0,0,.15); } } .top1{ position: fixed; width:100%; left:0; top:0; z-index:1010; border-bottom: 1px solid rgba(255,255,255,.3); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .top1.active{ background:rgba(0,0,0,0.8); -webkit-box-shadow: 0 2px 6px #aaa; -moz-box-shadow: 0 2px 6px #aaa; -o-box-shadow: 0 2px 6px #aaa; box-shadow: 0 2px 6px #aaa; } .top1 .logo{ float:left; width:146px; margin:10px 0 0 0;} .top1 .logo a img, .top1 .logo a{float: left; width: 100%; display: block;} .top1 .tel{float: right; padding-left: 26px; margin-top: 28px; background: url(../images/toptel.png) no-repeat left; font-size: 20px; color: #fff; line-height: 37px; height: 37px;} .logIn{float: right; padding-right: 12px; margin-top: 28px;} .logIn a{float: left; width: 100px; height: 37px; line-height: 37px; font-size: 16px; color: #fff; text-align: center; display: block; background: #509cfb; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;} .logIn a:hover{ -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); } .menu{ float:right; padding-right: 15px;} .menu .nli{ float:left; z-index:15; position:relative; } .menu .nli span a{ display:block; float:left; font-size:16px; height:91px; line-height:91px; padding:0 12px; color:#fff; position:relative;} .menu .nli span a:hover, .menu .nli.on span a{background:rgba(255,255,255,.1); } .menu .sub{display:none; position:absolute; width:158px; left:0; top:92px; background:rgba(255,255,255,.9);} .menu .sub .l_2{position:relative; height:36px; padding-left:15px; color:#666; font-size:13px; line-height:36px;text-align:left;} .menu .sub .l_2:hover{padding-left:12px; background:rgba(255,255,255,1); border-left:3px solid #666;} .menu .sub .l_2 .a2{color:#666;} .menu .sub .l_2:hover .a2{color:#666;} .menu .sub dl{display:none; position:absolute; width:160px; min-height:100%; background:rgba(255,255,255,.9); left:100%; top:0;} .menu .sub .l_2:hover dl{display:block;} .menu .sub dl dd{height:36px; color:#666; font-size:13px; line-height:36px; padding-left:20px;border-left:3px solid #666;} .menu .sub dl dd:hover{background:rgba(255,255,255,1);} .menu .sub dl dd a{color:#666;} @media screen and (max-width:1369px){ .menu{padding-right: 10px;} .menu .nli span a{padding: 0 15px; font-size: 14px;} .top1 .tel{ font-size: 18px;} .logIn{padding-right: 10px;} .logIn a{width: 80px;font-size: 14px;} } @media screen and (max-width:1199px){ .logIn{padding-right: 50px; margin-top: 20px;} } @media screen and (max-width:991px){ .logIn{padding-right: 60px; margin-top: 23px;} } @media screen and (max-width:767px){ .logIn{padding-right: 50px; margin-top: 10px;} .logIn a{width: 80px;font-size: 13px; line-height: 32px; height: 32px;} } .proXL{position: fixed; left: 0; top: 91px; width: 100%; background: #fff; z-index: 999; display: none; -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);} .proXList {float: left;position: relative; width: 100%;margin: 0 auto; list-style: none; white-space: nowrap;padding-left: 50px;} .proXLi { float: left; width: 16.666667%; text-align: left; padding-top: 24px; min-height: 290px; } .proXLi:last-child{ margin-right: 0; } .proXLi-title { display: block !important; font-size: 14px !important; text-decoration: none; color: #151515; line-height: 20px !important; font-weight: bold; margin-bottom: 14px; cursor: pointer; } .proXLi-text { display: block !important; font-size: 12px !important; color: #4A4A4A !important; line-height: 20px !important; height: 20px !important; margin-bottom: 5px !important; } .proXLi-title:hover, .proXLi-text:hover { color: #3296FA; } .proXLi-text:hover .proXLi-text-dot { background: #3296FA; } .proXLi .icon { display: inline-block; width: 15px; height: 15px; line-height: 20px; margin-right: 5px; background-size: 100%; vertical-align:middle; margin-top:-3px; } .proXLi-text-dot { width: 4px; height: 4px; background: #e4e4e4; border-radius: 50%; margin: 0 12px 0 5px; display:inline-block; vertical-align: middle; } @media screen and (max-width:1199px){ .proXLi {width: 100%; min-height: inherit; padding: 0;} .proXLi-title { font-size: 14px !important; line-height: 50px !important; margin-bottom: 0; } } .top2{position:fixed; left:0; top:0; width:100%; height:80px; z-index:1030; border-bottom: 1px solid rgba(255,255,255,.3);} .top2.active{background: #509cfb; -webkit-box-shadow: 0 2px 6px #aaa; -moz-box-shadow: 0 2px 6px #aaa; -o-box-shadow: 0 2px 6px #aaa; box-shadow: 0 2px 6px #aaa;} .top2.active .logIn a{background: #fff; color: #509cfb;} .top2 .logo{ float:left; width:120px; margin:10px 0 0 0;} .menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; text-align:center;} .menuph .point{ display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before{ width:28px;} .menuph .navbtn{ position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:rgba(255,255,255,.5); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after, .menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:rgba(255,255,255,.5); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after{ top:-11px;} .menuph .navbtn::before{ top:10px;} .menuph .point.active .navbtn{ background:transparent;} .menuph .point.active .navbtn::after{ top:0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .menuph .point.active .navbtn::before{ top:0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} @media screen and (max-width:767px){ .top2{height:50px;} .top2 .logo{ width:80px; margin:6px 0 0 0;} .top2 .menuph{ top:5px; right:15px; width:40px; height:40px;} .top2 .menuph .point{ width:22px; height:19px; margin-top:10px;} .top2 .menuph .point:hover .navbtn, .top2 .menuph .point:hover .navbtn::after, .top2 .menuph .point:hover .navbtn::before{ width:22px;} .top2 .menuph .navbtn{ top:9px; width:16px; } .top2 .menuph .navbtn::after, .top2 .menuph .navbtn::before{ width:22px;} .top2 .menuph .navbtn::after{ top:-9px;} .top2 .menuph .navbtn::before{ top:9px;} } .xialaph{ position:fixed; top:80px; left:0; width:100%; max-height:100%; overflow-y:auto; background:url(../images/bg_nav.png);display:none; z-index:1049;} .xialaph .ul1{ padding-bottom:50px;border-top: 1px solid #fff;float: left; width: 100%;} .xialaph li{border-bottom: 1px solid #fff;padding: 0 15px; float: left; width: 100%;} .xialaph .ul2, .xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative; float: left; width: 100%;} .xialaph .ul2 > li:last-child{border-bottom: 0 none;} .xialaph .ul3 > li:last-child{border-bottom: 0 none;} .xialaph h4 a{color:#333; font-size:16px; font-weight:bold; line-height:62px;} .xialaph h5 a{color:#333; font-size:16px; line-height:57px;} .xialaph h4, .xialaph h5{position:relative; float: left; width: 100%;} .xialaph h4 b, .xialaph h5 b{display: block;position: absolute;right: 0;top: 50%;margin-top: -9px; width: 12px;height: 12px;border-bottom: 2px solid #333;border-right: 2px solid #333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .xialaph h4.active b, .xialaph h5.active b{margin-top: -3px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .xialaph .ul2{padding: 10px 0;} .xialaph .ul3{padding: 5px 0;} .xialaph .ul3 li a{ color:#666; font-size:14px; line-height:35px; display:block;} .xialaph .ul3 li{ padding-top:5px;} .xialaph .phsou{ position:relative; margin-top:30px;} .xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;} .xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;} .xialaph .try{ text-align:center; padding:30px 0 0 0;} .xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;} .phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;} @media screen and (max-width:767px){ .xialaph{ top:50px;} .xialaph h4 a{ font-size:14px; line-height:42px;} .xialaph h5 a{ color:#333; font-size:14px; line-height:38px;} .xialaph h4 b, .xialaph h5 b{margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;} .xialaph h4.active b, .xialaph h5.active b{margin-top: -2px;} .xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;} .xialaph .ul3 li{ padding-top:5px;} } .slide_banner{ margin:0;} .slide_banner .slick-slide{ width:100%; padding:0;} .slide_banner img{ width:100%;} .slide_banner .banBox{position: absolute; left: 50%; top: 50%; width: 50%; -webkit-transform: translate(-60%, -45%); -ms-transform: translate(-60%, -45%); transform: translate(-60%, -45%);} .slide_banner .banBox h2{float: left; width: 100%; line-height: 75px; font-size: 54px; font-weight: bold; color: #fff; -webkit-text-shadow: 1px 1px 10px rgba(0,0,0,.2); -moz-text-shadow: 1px 1px 10px rgba(0,0,0,.2); text-shadow: 1px 1px 10px rgba(0,0,0,.2); } .slide_banner .banBox h4{float: left; width: 100%; line-height: 38px; margin-top: 22px; color: #fff; font-size: 22px; font-family:"微软雅黑细体";} .slide_banner .banBox span{float: left; width: 100%; display: block; line-height: 38px; margin-top: 15px; color: #fff; font-size: 22px; font-family:"微软雅黑细体";} .slide_banner .banBox a{float: left; width: 166px; height: 52px; line-height: 52px; text-align: center; margin-top: 40px; border: 1px solid #fff; color: #fff;display: block; font-size: 20px; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px;} .slide_banner .banBox a:hover{background: #fff; color: #509cfb;} .slide_banner .slick-prev{position:absolute; width:44px; height:94px; left:35px; top:50%; margin-top:-47px; z-index:2; background: url(../images/ban2.png) no-repeat; cursor:pointer;} .slide_banner .slick-prev:hover{background: url(../images/ban2.png) no-repeat ;} .slide_banner .slick-next{position:absolute; width:44px; height:94px; right:35px; top:50%; margin-top:-47px; z-index:2; background: url(../images/ban2.png) no-repeat; cursor:pointer;} .slide_banner .slick-next:hover{background: url(../images/ban2.png) no-repeat;} .slide_banner .slick-dots{ bottom:40px; height:10px; overflow:hidden; width: auto;left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .slide_banner .slick-dots li{float: left; width:10px; height:10px; margin:0 5px; background: rgba(255,255,255,.6); -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; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .slide_banner .slick-dots li button{ display:none;} .slide_banner .slick-dots li.slick-active{background:white; width: 46px;} .nyBan{float: left; width: 100%;} .nyBan img{float: left; width: 100%; display: block;} @media screen and (max-width:1529px){ .slide_banner .banBox h2{line-height: 55px; font-size: 34px; } .slide_banner .banBox h4{line-height: 30px; margin-top: 15px; font-size: 20px;} .slide_banner .banBox span{line-height: 30px; margin-top: 10px; font-size: 20px;} .slide_banner .banBox a{ width: 136px; height: 42px; line-height: 40px; margin-top: 30px; font-size: 16px;} } @media screen and (max-width:1199px){ .slide_banner .banBox{left: 40px; -webkit-transform: translate(0, -45%); -ms-transform: translate(0, -45%); transform: translate(0, -45%);} } @media screen and (max-width:991px){ .slide_banner .banBox{left: 30px;} .slide_banner .banBox h2{line-height: 35px; font-size: 24px; } .slide_banner .banBox h4{line-height: 25px; margin-top: 10px; font-size: 16px;} .slide_banner .banBox span{line-height: 25px; margin-top: 10px; font-size: 16px;} .slide_banner .banBox a{ width: 106px; height: 32px; line-height: 30px; margin-top: 20px; font-size: 14px;} } @media screen and (max-width:767px){ .slide_banner .slick-dots{ bottom:15px; height:6px;} .slide_banner .slick-dots li{ width:6px; height:6px; margin:0 4px; } .slide_banner .slick-dots li.slick-active{width: 20px;} .slide_banner .banBox{left: 15px; display:none;} .slide_banner .banBox{width: 55%;} .slide_banner .banBox h2{line-height: 20px; font-size: 16px; } .slide_banner .banBox h4{line-height: 24px; margin-top: 5px; font-size: 12px;} .slide_banner .banBox span{line-height: 18px; margin-top: 5px; font-size: 12px;} .slide_banner .banBox a{ width: 86px; height: 26px; line-height: 24px; margin-top: 5px; font-size: 12px;} } @font-face { font-family: '微软雅黑细体'; src: url('../font/HeitiLight.eot'); src: url('../font/HeitiLight.ttf') format('truetype'), url('../font/HeitiLight.svg#glyphicons-halflingsregular') format('svg'); } .right{display: none; position: fixed; width: 50px; top: 50%; right: 0; z-index: 99; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .right ul{float: left; width: 100%; } .right ul li{float: left; width: 100%; height: 50px; } .right ul li a{float: left; display: block; width: 50px; height: 50px;background: #474747; } .right ul li a span{float: left; display: block; width:178px; height: 49px; position: relative; left: 0; top: 0; background: #474747; -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;} .right ul li a img{float: left; display: block; } .right ul li a span h4{float: left; width: 128px; height: 50px; padding: 12px 0; line-height:25px; color: #fff; font-size: 16px; } .right 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;} .right ul li a:hover {background:#509cfb; } .right ul li a:hover span{background: #509cfb; left: -128px;} .right ul li a:hover span i{height: 100px;} .homeTit{float: left; width: 100%; text-align: center; margin-top: 45px;} .homeTit h4{float: left; width: 100%; line-height: 37px; height: 37px; font-size: 26px; color: #509cfb; font-weight: bold;} .homeTit h4 span{color: #333;} .homeTit h5{float: left; width: 100%; line-height: 19px; color: #999; font-size: 14px; text-transform: uppercase; font-family: Arial;} .homeTit .homeTitIcon{float: left; width: 100%; display: block; overflow: hidden; margin-top: 6px;} .homeTit .homeTitIcon span{display: inline-block;padding: 0 23px; background: url(../images/htitbg-1.png) no-repeat center; position: relative;} .homeTit .homeTitIcon span::after, .homeTit .homeTitIcon span::before{position: absolute; width: 700px; height: 1px; background: rgba(0,0,0,.1); right: 100%; top: 10px; content: "";} .homeTit .homeTitIcon span::after{left: 100%; right: auto; } @media screen and (max-width:991px){ .homeTit{margin-top: 25px;} .homeTit h4{line-height: 30px; height: 30px; font-size: 20px; } .homeTit .homeTitIcon{ margin-top: 4px;} .homeTit .homeTitIcon span{padding: 0 18px; background: url(../images/htitbg-1.png) no-repeat center; background-size: 100%;} .homeTit .homeTitIcon span img{width: 20px;} } @media screen and (max-width:767px){ .homeTit h4{font-size: 18px; } .homeTit h5{ font-size: 12px;} } .homePro{float: left; width: 100% ; padding-bottom: 60px;} .homeProList{ float: left; width: 100%; margin-top: 30px;} .homeProList ul{margin: 0 -16px;} .homeProList ul li{float: left; width: 25%; padding: 0 16px;} .homeProList ul li a{float: left; width: 100%; display: block; position: relative; text-align: center; padding: 50px 15px 80px 15px;} .homeProList ul li a::after{position: absolute; left: 50%; top: 0; background: url(../images/hprobg01.png) no-repeat; content: ""; width: 100%; height: 100%; background-size: 100% 100%; z-index: -1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .homeProList .homeProIcon{float: left; width: 100%; position: relative;} .homeProList .homeProIcon img{display: block; margin: 0 auto; width:90px; -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-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .homeProList .homeProIcon .imgk2{position: absolute; left: 50%; margin-left: -45px; top: 0; width: 90px; filter:alpha(opacity=00);opacity:0; z-index: 1;} .homeProList .homeProTit{float: left; width: 100%; margin-top: 20px;} .homeProList .homeProTit span{display: inline-block; padding: 0 18px; line-height: 50px; height: 50px; font-size: 18px; color: #333; border-bottom: 1px solid #e5e5e5; position: relative;} .homeProList .homeProTit span::after{position: absolute; left: 50%; bottom: -1px; width: 20px; height: 3px; background: #509cfb; content: ""; margin-left: -10px;} .homeProList .homeProTxt{float: left; width: 100%; margin-top: 16px; line-height: 30px; height: 60px; overflow: hidden; font-size: 14px; color: #999999;} .homeProList .homeProBtn{display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin-top: 21px; width: 120px; height: 34px; line-height: 32px; font-size: 14px; color: #509cfb; border: 1px solid #ded7e7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .homeProList ul li a::after, .homeProList ul li a .imgk2, .homeProList ul li a .homeProTit span, .homeProList ul li a .homeProTit span::after, .homeProList ul li a .homeProTxt, .homeProList ul li a .homeProBtn{ -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;} @media screen and (min-width:767px){ .homeProList ul li a:hover::after{background: url(../images/hprobg02.png) no-repeat; width: 116.501650%; height: 109.263658%; background-size: 100% 100%;} .homeProList ul li a:hover .imgk2{filter:alpha(opacity=100);opacity:1; } .homeProList ul li a:hover .homeProTit span{color: #fff; border-bottom: 1px solid rgba(255,255,255,.1);} .homeProList ul li a:hover .homeProTit span::after{background: #fff;} .homeProList ul li a:hover .homeProTxt{color: #fff;} .homeProList ul li a:hover .homeProBtn{background: #fff; border-color: #fff;} } .homeProList .slick-dots{position:static; bottom:auto; padding-top:4%; padding-left:32px; text-align:center; line-height:0;} .homeProList .slick-dots li{float:none; display:inline-block; vertical-align:top; padding:0; width:11px; height:11px; background-color:#bebebe; margin:0 5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; } .homeProList .slick-dots li.slick-active{background-color:#519cfb;} .homeProList .slick-dots li button{display:none;} .homeFenbu{float: left; width: 100%; background: #f5f5f5; padding: 70px 0 45px 0; text-align: center;} .homeFenbu .homeFenbuTit{float: left; width: 100%; } .homeFenbu .homeFenbuTit h2{float: left; width: 100%; text-align: center; font-size: 38px; line-height: 60px; color: #333;} .homeFenbu .homeFenbuTit h2 .span{font-weight: bold; color: #509cfb;} .homeFenbu .homeFenbuTit h4{float: left; width: 100%; line-height: 30px; font-size: 16px; color: #666; margin-top: 12px;} .homeFenbu .homeFenbuMap{display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin-top: 24px; position: relative;} .homeFenbu .homeFenbuMap .mapPic{float: left; width: 100%; display: block; text-align: center; position: relative;} .homeFenbu .homeFenbuList{position: absolute; width: 30px; height: 30px; z-index: 9;} .homeFenbu .homeFenbuList a{float: left; width: 100%; position: relative; display: block;} .homeFenbu .homeFenbuList .dian{float: left; width: 100%; height: 30px; background: url(../images/hfenbu01.png) no-repeat;} .homeFenbu .homeFenbuList .box{position: absolute; left: 50%; width: 160px; margin-left: -80px; bottom: 53px; padding: 30px 18px 8px 18px; background: #509cfb; color: #fff; text-align: left; z-index: 9;} .homeFenbu .homeFenbuList .box .shu{float: left; width: 100%; display: block; font-size: 36px; line-height: 41px; } .homeFenbu .homeFenbuList .box h4{float: left; width: 100%; font-size: 16px; line-height: 32px; } .homeFenbu .homeFenbuList .box .more{float: left; width: 100%;display: block; font-size: 16px; line-height: 34px; height: 34px; color: rgba(255,255,255,.4);} .homeFenbu .homeFenbuList .box::after{position: absolute; left: 50%; top: 100%; width: 16px; margin-left: -8px; background: url(../images/hfenbu03.png) no-repeat; content: ""; height: 8px;} .homeFenbu .homeFenbuList.list2 .dian{background: url(../images/hfenbu02.png) no-repeat center;background-size: 100%;} @media screen and (max-width:1199px){ .homeFenbu{padding: 40px 0 35px 0;} .homeFenbu .homeFenbuTit h2{font-size: 30px; line-height: 40px;} .homeFenbu .homeFenbuTit h4{line-height: 24px; font-size: 14px; margin-top: 5px;} .homeFenbu .homeFenbuList .box{width: 120px; margin-left: -60px; bottom: 45px; padding: 20px 10px 8px 10px; } .homeFenbu .homeFenbuList .box .shu{font-size: 26px; line-height: 30px; } .homeFenbu .homeFenbuList .box h4{font-size: 14px; line-height: 26px; } .homeFenbu .homeFenbuList .box .more{font-size: 14px; line-height: 24px; height: 24px;} } @media screen and (max-width:767px){ .homeFenbu{padding: 30px 0 25px 0;} .homeFenbu .homeFenbuTit h2{font-size: 18px; line-height: 24px;} .homeFenbu .homeFenbuTit h4{line-height: 20px; font-size: 13px; } .homeFenbu .homeFenbuMap{margin-top: 55px;} .homeFenbu .homeFenbuList{ width: 15px; height: 15px;} .homeFenbu .homeFenbuList .dian{height: 15px;background-size: 100%;} .homeFenbu .homeFenbuList .box{display: none; width: 80px; margin-left: -40px; bottom: 30px; padding: 10px 2px 5px 2px; } .homeFenbu .homeFenbuList .box .shu{font-size: 14px; line-height: 24px; } .homeFenbu .homeFenbuList .box h4{font-size: 12px; line-height: 20px; } .homeFenbu .homeFenbuList .box .more{font-size: 12px; line-height: 20px; height: 20px;} .homeFenbu .homeFenbuList .box::after{width: 12px; height: 5px; background-size: 100% 100%; margin-left: -6px;} .homeFenbu .homeFenbuList.list2{display: none;} } .homeSolve{float: left; width: 100%; padding-bottom: 62px;} .homeSolve_m{margin: 0 -68px;} .homeSolve_s{float: left; width: 100%;margin-top: 46px; padding: 0 68px; position: relative; overflow: hidden; } .homeSolve_s .slick-list{ padding: 16px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .homeSolve_s .slick-list::after{position: absolute; right: 0; top: 16px; width: 1px; height: 93.3%; background: #e3e3e3; content: "";} .homeSolve_s .slick-slide{ position: relative; border-top: 1px solid #e3e3e3;} .homeSolve_s .homeSolveBox{float: left; width: 100%; position: relative; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; text-align: center; display: block; padding: 43px 22% 46px 22%;} .homeSolve_s .homeSolveBox::after{position: absolute; left: 0; width: 100%; top: 50%; content: "";background: #509cfb; height: 0; -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; -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-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .homeSolve_s .homeSolveBox .icon{float: left; width: 100%; display: block; position: relative; z-index: 9;} .homeSolve_s .homeSolveBox .icon img{width: 64px; display: block; margin: 0 auto;} .homeSolve_s .homeSolveBox .icon .imgk2{position: absolute; left: 50%; width: 64px; margin-left: -32px;top: 0;filter:alpha(opacity=00);opacity:0;} .homeSolve_s .homeSolveBox .homeSolveTit{float: left; width: 100%; line-height: 35px; height: 35px; font-size: 18px; color: #333; position: relative; z-index: 9;} .homeSolve_s .homeSolveBox .homeSolveTxt{float: left; width: 100%; margin-top: 5px; line-height: 20px; height: 40px; overflow: hidden; font-size: 14px; color: #888; position: relative; z-index: 9;} .homeSolve_s .homeSolveBox span{filter:alpha(opacity=00);opacity:0; line-height: 19px; height: 19px; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 8px; z-index: 9; text-align: center; width: 100%; display:block;} .homeSolve_s .homeSolveBox:hover::after{height: 117.316%;} .homeSolve_s .homeSolveBox:hover .icon .imgk2{filter:alpha(opacity=100);opacity:1;} .homeSolve_s .homeSolveBox:hover .homeSolveTit{color: #fff;} .homeSolve_s .homeSolveBox:hover .homeSolveTxt{color: #fff;} .homeSolve_s .homeSolveBox:hover span{filter:alpha(opacity=100);opacity:1;} .homeCase_s .slick-prev, .homeCase_s .slick-next, .homeSolve_s .slick-prev, .homeSolve_s .slick-next { position: absolute; left:0; top: 50%; display: block; width: 28px; height: 50px; padding: 0; cursor: pointer; border: none; outline: none; background:url(../images/hsolve_prev01.png) no-repeat; background-size: 100% 100%; z-index:100; } .homeCase_s .slick-next, .homeSolve_s .slick-next{right: 0; left: auto; background:url(../images/hsolve_next01.png) no-repeat; background-size: 100% 100%;} .homeCase_s .slick-prev:hover, .homeSolve_s .slick-prev:hover{background:url(../images/hsolve_prev02.png) no-repeat; background-size: 100% 100%;} .homeCase_s .slick-next:hover, .homeSolve_s .slick-next:hover{background:url(../images/hsolve_next02.png) no-repeat; background-size: 100% 100%;} @media screen and (max-width:1499px){ .homeSolve_m{margin: 0;} .homeSolve_s{margin-top: 46px; padding: 0 68px; } } @media screen and (max-width:1199px){ .homeSolve_s .homeSolveBox{padding: 43px 15% 46px 15%;} } @media screen and (max-width:767px){ .homeSolve{padding-bottom: 30px;} .homeSolve_s{margin-top: 20px; padding: 0 40px; } .homeSolve_s .homeSolveBox .icon img{width: 44px;} .homeSolve_s .homeSolveBox .icon .imgk2{width: 44px; margin-left: -22px;} .homeSolve_s .homeSolveBox{padding: 23px 5% 26px 5%;} .homeSolve_s .homeSolveBox .homeSolveTit{line-height: 30px; height: 30px; font-size: 16px;} .homeSolve_s .homeSolveBox .homeSolveTxt{ font-size: 13px;} .homeSolve_s .slick-list::after{top: 16px;height: 91%;} } .homeCase{float: left; width: 100%; padding-bottom: 60px; background: #f5f5f5;} .homeCase_m{margin: 0 -68px;} .homeCase_s{float: left; width: 100%; margin-top: 30px; padding: 0 53px; position: relative; } .homeCase_s .slick-slide{ padding:0 15px;} .homeCase_s .homeCaseBox{float: left; width: 100%; display: block; position: relative; background: #fff; border-top: 3px solid #509cfb; padding: 30px 30px 51px 30px;} .homeCase_s .homeCasePic{float: left; width: 100%; padding-bottom: 59.887006%; position: relative; overflow: hidden;} .homeCase_s .homeCasePic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block; -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; } .homeCase_s .homeCaseTit{float: left; width: 100%; margin-top: 28px; padding-left: 48px; background: url(../images/hcase_bg1.png) no-repeat left; -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; } .homeCase_s .homeCaseTit h4{float: left; width: 100%; line-height: 30px; height: 30px; font-size: 18px; color: #509cfb;} .homeCase_s .homeCaseTit span{float: left; width: 100%; display: block; line-height: 22px; height: 22px; font-size: 14px; color: #9a9a9a;} .homeCase_s .homeCaseTxt{float: left; width: 100%; line-height: 28px; height: 56px; overflow: hidden; margin-top: 26px; font-size: 14px; color: #515151;} @media screen and (min-width:767px){ .homeCase_s .homeCaseBox:hover{background: #509cfb;} .homeCase_s .homeCaseBox:hover .homeCaseTit{background-image: url(../images/hcase_bg2.png);} .homeCase_s .homeCaseBox:hover .homeCaseTit h4{color: #fff;} .homeCase_s .homeCaseBox:hover .homeCaseTit span{color: #fff;} .homeCase_s .homeCaseBox:hover .homeCaseTxt{color: #fff;} .homeCase_s .homeCaseBox:hover .homeCasePic img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } } .homeCase_s .slick-prev{background: url(../images/hcase_prev.png) no-repeat; background-size: 100% 100%;} .homeCase_s .slick-next{background: url(../images/hcase_next.png) no-repeat; background-size: 100% 100%;} @media screen and (max-width:1499px){ .homeCase_m{margin: 0;} .homeCase_s{ padding: 0 50px;} } @media screen and (max-width:1369px){ .homeCase_s .homeCaseTit{padding-left: 30px; background-size: 25px;} .homeCase_s .homeCaseTit h4{font-size: 16px; line-height: 24px; height: 24px;} .homeCase_s .homeCaseTit span{font-size: 12px; line-height: 20px; height: 20px;} .homeCase_s .homeCaseTxt{margin-top: 15px; line-height: 24px; height: 48px;} } @media screen and (max-width:767px){ .homeCase_s{ padding: 0 30px;} .homeCase_s .homeCaseBox{border-top: 2px solid #509cfb; padding: 15px 15px 25px 15px;} .homeCase_s .homeCaseTit{margin-top: 15px;} .homeCase_s .homeCaseTit h4{font-size: 14px;} .homeCase_s .homeCaseTxt{font-size: 13px; line-height: 20px; height: 60px; margin-top: 10px;} } .homeNews{float: left; width: 100%; padding-bottom: 80px;} .homeNews_m{float: left; width: 100%; margin-top: 28px;} .homeNews_m .hd{float: left; width: 100%; position:relative; text-align: center;} .homeNews_m .hd ul{ display: inline-block; *display: inline; *zoom:1; vertical-align: top; } .homeNews_m .hd ul li{ float:left; margin:0 13px; cursor:pointer; min-width: 121px; padding: 0 15px; line-height: 40px; height: 40px; text-align: center; font-size: 16px; color: #666; position: relative;} .homeNews_m .hd ul li::after{position: absolute; left: 100%; width: 20px; height: 1px; top: 50%; background: #509cfb; content: ""; filter:alpha(opacity=00);opacity:0;} .homeNews_m .hd ul li:last-child::after{display: none;} .homeNews_m .hd ul li:last-child::before{position: absolute; right: 100%; width: 20px; height: 1px; top: 50%; background: #509cfb; content: ""; filter:alpha(opacity=00);opacity:0;} .homeNews_m .hd ul li.on{ background:#509cfb; color: #fff; } .homeNews_m .hd ul li.on a{color: #fff;} .homeNews_m .hd ul li.on::after, .homeNews_m .hd ul li.on::before{filter:alpha(opacity=100);opacity:1;} .homeNews_m .bd{margin-top: 40px; float: left; width: 100%;} .homeNews_m .bd .homeNewsLe{float: left; width: 48.931298%; height: 425px; position: relative; display: block; overflow: hidden; } .homeNews_m .bd .homeNewsPic{float: left; width: 100%; position: relative; height: 100%; -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; } .homeNews_m .bd .homeNewsPic img{float: left; width: 100%; display: none;} .homeNews_m .bd .homeNewsLeTit{position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); width: 100%; height: 75px; line-height: 75px; font-size: 16px; color: #fff; padding: 0 32px;} .homeNews_m .bd .homeNewsLe:hover .homeNewsPic{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .homeNews .homeNewsRi{float: right; width: 48.854962%; border-top: 1px solid #e5e5e5;} .homeNews .homeNewsRi li{float: left; width: 100%; border-bottom: 1px solid #e5e5e5;} .homeNews .homeNewsRi li a{float: left; width: 100%; padding: 12px 0 13px 14.0625%; display: block; position: relative;} .homeNews .homeNewsRi li a .date{position: absolute; left: 0; top: 10px; width: 14.0625%; text-align: center; padding: 7px 0 3px 0; border-right: 1px dashed #e5e5e5;} .homeNews .homeNewsRi li a .date h4{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 24px; color: #333; font-family: Arial;} .homeNews .homeNewsRi li a .date span{float: left; width: 100%; line-height: 24px; height: 24px; font-size: 12px; color: #333; font-family: Arial;} .homeNews .homeNewsRi .homeNewsTxt{float: right; width: 100%; padding:0 30px;} .homeNews .homeNewsRi .homeNewsTxt .tit{float: left; width: 100%; line-height: 27px; margin-top: 5px; height: 27px; font-size: 16px; color: #333; } .homeNews .homeNewsRi .homeNewsTxt .txt{float: left; width: 100%; line-height: 27px; height: 27px; font-size: 14px; color: #999; display: block;} .homeNews .homeNewsRi li a:hover{background: #eee; border-left: 2px solid #509cfb;} @media screen and (max-width:991px){ .homeNews{padding-bottom: 50px;} .homeNews_m .bd .homeNewsLe{float: left; width: 48.931298%; height: 325px; } .homeNews .homeNewsRi li a{padding: 8px 0 8px 14%;} .homeNews .homeNewsRi li a .date{top: 8px; width: 14%; padding: 5px 0;} .homeNews .homeNewsRi li a .date h4{line-height: 24px; height: 24px; font-size: 20px;} .homeNews .homeNewsRi li a .date span{line-height: 20px; height: 20px;} .homeNews .homeNewsRi .homeNewsTxt{padding:0 15px;} .homeNews .homeNewsRi .homeNewsTxt .tit{line-height: 23px; margin-top: 3px; height: 23px; font-size: 14px;} .homeNews .homeNewsRi .homeNewsTxt .txt{line-height: 22px; height: 22px; font-size: 13px;} } @media screen and (max-width:767px){ .homeNews{padding-bottom: 30px;} .homeNews_m .hd ul li{margin:0 8px; min-width: 80px; padding: 0 8px; line-height: 34px; height: 34px; font-size: 15px; } .homeNews_m .bd .homeNewsLe{width: 100%; height: auto; background: none!important; } .homeNews_m .bd .homeNewsLe img{display: block;} .homeNews_m .bd .homeNewsLeTit{height: 45px; line-height: 45px; font-size: 14px; padding: 0 15px;} .homeNews .homeNewsRi{width: 100%; margin-top: 15px;} .homeNews .homeNewsRi li a{padding: 8px 0 8px 18%;} .homeNews .homeNewsRi li a .date{top: 8px; width: 18%; padding: 5px 0;} } .homeCoo{float: left; width: 100%; padding-bottom: 55px; background: #f5f5f5;} .homeCoo_s{margin-top: 40px; float: left; width: 100%; padding-bottom: 40px;} .homeCoo_s .slick-slide{ padding:0;} .homeCoo_s .homeCooPic{float: left; width: 100%; position: relative; display: block;} .homeCoo_s .homeCooPic img{float: left; width: 100%; display: block; } .homeCoo_s .homeCooPic .homeCooTit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(80,156,251,.8); text-align: center;filter:alpha(opacity=00);opacity:0; -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; } .homeCoo_s .homeCooPic .homeCooTit .tableCell{position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .homeCoo_s .homeCooPic .homeCooTit h4{float: left; width: 100%; padding: 0 5px; line-height: 30px; max-height: 60px; color: #fff; overflow: hidden; font-size: 20px;} .homeCoo_s .homeCooPic .homeCooTit span{float: left; width: 100%; display: block; line-height: 18px; font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 8px;} .homeCoo_s .slick-dots{ width: auto; left: 50%; bottom:0px; height:12px; overflow:hidden; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .homeCoo_s .slick-dots li{float: left; width:10px; height:10px; margin:0 5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: rgba(80,156,251,.6); } .homeCoo_s .slick-dots li button{display: none;} .homeCoo_s .slick-dots li.slick-active{background:#509cfb; } .homeCoo_s .homeCooPic:hover .homeCooTit{filter:alpha(opacity=100);opacity:1;} @media screen and (max-width:991px){ .homeCoo{padding-bottom: 35px;} .homeCoo_s{margin-top: 20px; padding-bottom: 20px;} .homeCoo_s .slick-dots{ height:8px; } .homeCoo_s .slick-dots li{float: left; width:6px; height:6px; margin:0 3px;} } @media screen and (max-width:767px){ .homeCoo{padding-bottom: 25px;} .homeCoo_s .slick-dots{ height:8px; } .homeCoo_s .slick-dots li{float: left; width:6px; height:6px; margin:0 3px;} } /*.nyNav{float: left; width: 100%; border-bottom: 1px solid #e5e5e5; text-align: center;} .nyNav .pz_SideLayer{display: inline-block; *display: inline; *zoom:1; vertical-align: top; border-left: 1px solid #e5e5e5;} .nyNav .pz_SideLayer .l1{float: left; border-right: 1px solid #e5e5e5;} .nyNav .pz_SideLayer .l1 a{float: left; color: #333;padding: 0 47px; line-height: 60px; height: 60px; font-size: 16px; } .nyNav .pz_SideLayer .l1 a.hover, .nyNav .pz_SideLayer .l1 a:hover{color: #fff; background: #3e7adc;} @media screen and (max-width:991px){ .nyNav .pz_SideLayer .l1 a{padding: 0 24px; line-height: 45px; height: 45px; font-size: 14px; } } @media screen and (max-width:767px){ .nyNav .pz_SideLayer .l1 a{padding: 0 15px; line-height: 35px; height: 35px;} } */ .about{float: left; width: 100%;} .about .aboutTop{float: left; width: 100%; padding:53px 0 44px 0; } .about .aboutTit{float: left; width: 100%; line-height: 44px; font-size: 26px; color: #3574d5; font-weight: bold; text-align: center;} .about .aboutTxt{float: left; width: 100%; line-height: 32px; font-size: 16px; color: #666; margin-top: 12px;} .about .aboutData{float: left; width: 100%; margin-top: 56px; text-align: center;} .about .aboutData ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top;} .about .aboutData ul li{float: left; width: 352px; padding: 0 15px; text-align: center;} .about .aboutData ul li .num{float: left; width: 100%; text-align: center;font-size: 72px; line-height: 84px; height: 84px; color: #3e7adc;} .about .aboutData ul li .num span{margin-left: 12px; min-width: 28px; padding:0 8px; line-height: 28px; height: 28px; font-size: 16px; color: #fff; background: #3e7adc; display: inline-block; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;} .about .aboutData ul li h4{float: left; width: 100%; line-height: 30px; font-size: 16px; color: #666; margin-top: 8px;} @media screen and (max-width:1199px){ .about .aboutData ul{width: 100%; padding: 0 5%; } .about .aboutData ul li{width: 33.333333%;} } @media screen and (max-width:991px){ .about .aboutTop{padding:30px 0; } .about .aboutTit{line-height: 34px; font-size: 22px;} .about .aboutTxt{line-height: 28px; font-size: 14px; margin-top: 8px;} .about .aboutData{margin-top: 30px;} .about .aboutData ul li .num{font-size: 52px; line-height: 64px; height: 64px; } .about .aboutData ul li .num span{margin-left: 10px; min-width: 24px; padding:0 5px; line-height: 24px; height: 24px; font-size: 14px; ;} .about .aboutData ul li h4{line-height: 24px; font-size: 14px; margin-top: 5px;} } @media screen and (max-width:767px){ .about .aboutTop{padding:30px 0; } .about .aboutTit{line-height: 30px; font-size: 18px;} .about .aboutTxt{line-height: 26px; margin-top: 5px;} .about .aboutData{margin-top: 15px;} .about .aboutData ul{padding: 0;} .about .aboutData ul li .num{font-size: 26px; line-height: 44px; height: 44px; } .about .aboutData ul li .num span{margin-left: 3px; min-width: 18px; padding:0 3px; line-height: 18px; height: 18px; font-size: 12px;} .about .aboutData ul li h4{font-size: 12px; line-height: 18px;} } .aboutList{float: left; width: 100%; } .aboutList ul{float: left; width: 100%;} .aboutList .list{float: left; width: 100%; padding: 90px 0; position: relative; background: #f1f3f4;} .aboutList .list img{float: left; width: 35.801527%; margin-left: 5%;} .aboutList .list .aboutListIntr{float: right; width: 48%; position: relative; height: 100%; margin-top: 34px; } .aboutList .list .aboutListIntr::after{position: absolute; right: -60px;top: -70px; width:668px; height: 414px; background: url(../images/aboutbg.png) no-repeat; content: ""; background-size: 100%;} .aboutList .list .aboutBox{float: left; width: 100%;position: relative; z-index: 9;} .aboutList .list .aboutBox h4{float: left; width: 100%; padding-bottom: 22px; position: relative; font-size: 32px; line-height: 50px; color: #3e7adc; font-weight: bold; } .aboutList .list .aboutBox h4::after{position: absolute; left: 0; width: 50px; height: 2px; background: #3e7adc; bottom: 0; content: "";} .aboutList .list .aboutBox span{float: left; width: 100%; display: block; margin-top: 11px; line-height: 32px; font-size: 16px; color: #666; } .aboutList .list:nth-child(2n){background: #fff;} .aboutList .list:nth-child(2n) img{float: right; margin: 0 5% 0 0;} .aboutList .list:nth-child(2n) .aboutListIntr{float: left; } .aboutList .list:nth-child(2n) .aboutListIntr::after{display: none} .aboutDown{float: left; width: 100%; background: #f1f3f4;} .aboutDown_m{float: left; width: 100%; padding: 59px 0 102px 0; text-align: center; border-top: 1px solid #d7dbdd;} .aboutDown_m h4{float: left; width: 100%; font-size: 28px; color: #333; line-height: 44px;} .aboutDown_m .kf{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 168px; height: 50px; line-height: 50px; background: #3e7adc; color: #fff; font-size: 18px; margin-top: 28px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .aboutDown_m .kf span{padding-left: 33px; background: url(../images/about04.png) no-repeat;} .aboutDown_m .kf:hover{ -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4); box-shadow: 1px 1px 10px rgba(0,0,0,.4); } @media screen and (max-width:1199px){ .aboutList .list{padding: 60px 0;} .aboutList .list .aboutListIntr{width: 54%; margin-top: 10px;} .aboutList .list .aboutListIntr::after{right: 0;top: -40px; width:468px; height: 314px;} .aboutList .list .aboutBox h4{padding-bottom: 15px; font-size: 24px; line-height: 40px;} } @media screen and (max-width:991px){ .aboutList .list{padding: 30px 0;} .aboutList .list .aboutListIntr{width: 54%; margin-top: 0;} .aboutList .list .aboutListIntr::after{top: -20px; width:368px; height: 214px;} .aboutList .list .aboutBox h4{padding-bottom: 10px; font-size: 20px; line-height: 30px;} .aboutList .list .aboutBox span{margin-top: 5px; line-height: 28px; font-size: 14px; } .aboutDown_m{padding: 30px 0 52px 0;} .aboutDown_m h4{font-size: 20px; line-height: 34px;} .aboutDown_m .kf{width: 128px; height: 40px; line-height: 40px;font-size: 16px; margin-top: 20px;} .aboutDown_m .kf span{padding-left: 30px; background-size: 25px;} } @media screen and (max-width:767px){ .aboutList .list{padding: 20px 0;} .aboutList .list img{width: 80%; margin: 0 10%;} .aboutList .list .aboutListIntr{width: 100%; margin-top: 20px;} .aboutDown_m{padding: 30px 0;} .aboutDown_m h4{font-size: 18px; line-height: 30px;} .aboutDown_m .kf span{padding-left: 30px; background-size: 25px;} .aboutList .list:nth-child(2n) img{margin: 0 10%;} } .contact{float: left; width: 100%; padding: 60px 0;} .contact #bdmap{float: left; width: 100%; height: 505px; position: relative; overflow: hidden;} .contact #bdmap .BMap_pop, .contact #bdmap .BMap_shadow, .contact #bdmap .anchorBL, .contact #bdmap .BMapLabel{display:none !important;} .contact .contactDown{float: left; width: 100%; margin-top: 50px;} .contact .contInfor{float: left; width: 69.541985%; position: relative; padding:43px 25px 50px 72px; } .contact .contInfor .bg{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block; filter:alpha(opacity=20);opacity:0.2;} .contact .contInfor .contInforTit{float: left; width: 100%; line-height: 33px; font-size: 20px; color: #3e7adc; font-weight: bold;} .contact .contInfor .contInfor_m{float: left; width: 100%; margin-top: 13px; line-height: 36px; font-size: 16px; color: #3a3a3a;} .contact .ewm{float: right; width: 28.167939%; text-align: center; padding: 58px 102px 61px 102px; background: #f2f2f2; } .contact .ewm .ewm_m{width: 100%; padding: 14px; background: #fff; border: 1px solid #e9e9e9;} .contact .ewm span{float: left; width: 100%; line-height: 24px; font-size: 16px; color: #434343; margin-top: 13px; text-align: center; display: block;} @media screen and (max-width:1199px){ .contact .contInfor{padding:30px 25px 40px 72px; } .contact .contInfor .contInforTit{line-height: 25px; font-size: 18px;} .contact .contInfor .contInfor_m{margin-top: 10px; line-height: 29px; font-size: 14px;} .contact .ewm{padding: 36px 62px 30px 62px; } } @media screen and (max-width:991px){ .contact{padding: 40px 0;} .contact #bdmap{ height: 400px;} .contact .ewm{padding: 36px 31px 31px 31px; } } @media screen and (max-width:991px){ .contact{padding: 30px 0;} .contact #bdmap{ height: 240px;} .contact .contactDown{margin-top: 20px;} .contact .contInfor{width: 100%; padding:20px 15px; } .contact .contInfor .contInforTit{line-height: 25px; font-size: 18px;} .contact .contInfor .contInfor_m{margin-top: 10px; line-height: 29px; font-size: 14px;} .contact .ewm{width: 100%; margin-top: 20px; padding: 30px 0; text-align: center;} .contact .ewm .ewm_m{float: none; display: inline-block; vertical-align: top; width: 100px; padding: 5px;} .contact .ewm span{ line-height: 20px; font-size: 14px;margin-top: 5px; } } .solve{float: left; width: 100%; } .solve ul{float: left; width: 100%;} .solve ul li{float: left; width: 100%; padding: 84px 0;} .solve ul li a{float: left; width: 100%; display: block; padding: 0 80px;} .solve ul li a img{float: right; width:33.3043%; display: block; } .solve .solveBox{float: left; width: 50%; margin-top: 40px;} .solve .solveBox h4{float: left; width: 100%; line-height: 58px; font-size: 40px; color: #333;} .solve .solveBox span{float: left; width: 100%; line-height: 28px; margin-top: 23px; font-size: 14px; color: #515151; display: block; height: 84px; overflow: hidden;} .solve .solveBox .more{float: left; width: 100%; line-height: 32px; height: 32px; font-size: 16px; color: #509cfb; margin-top: 16px;} .solve ul li:nth-child(2n){background: #f0f0f0;} .solve ul li:nth-child(2n) img{float: left; } .solve ul li:nth-child(2n) .solveBox{float: right;} .solve ul li:nth-child(2n) .solveBox h4{text-align: right;} .solve ul li:nth-child(2n) .solveBox .more{text-align: right;} .solve ul li a:hover .solveBox h4{color: #509cfb;} .solve ul li a:hover .solveBox .more{text-decoration: underline;} @media screen and (max-width:1199px){ .solve .solveBox{ width: 55%; margin-top: 20px;} .solve .solveBox span{line-height: 24px; margin-top: 15px; height: 96px;} } @media screen and (max-width:991px){ .solve ul li{padding: 44px 0;} .solve ul li a{padding: 0 20px;} .solve .solveBox{ width: 55%; margin-top: 15px;} .solve .solveBox h4{line-height: 40px; font-size: 30px; } .solve .solveBox span{line-height: 24px; margin-top: 5px; height: 96px;} .solve .solveBox .more{line-height: 24px; height: 24px; font-size: 14px; margin-top: 10px;} } @media screen and (max-width:767px){ .solve ul li{padding: 24px 0;} .solve ul li a{padding: 0 5px;} .solve ul li a img{width: 100%; padding: 0 5%;} .solve .solveBox{ width: 100%; margin-top: 15px;} .solve .solveBox h4{line-height: 30px; font-size: 20px; font-weight: bold;} .solve .solveBox span{height: auto;} .solve ul li:nth-child(2n) .solveBox h4{text-align: left;} .solve ul li:nth-child(2n) .solveBox .more{text-align: left;} } .solveDel{float: left; width: 100%; padding: 50px 0 86px 0;} .solveDelBox{float: left; width: 100%; position: relative;} .solveDelLe{float: left; width: 75.648855%; } .solveDelTop{float: left; width: 100%; padding-bottom: 50px;} .solveDelTop .solveDelPic{float: left; width: 50.857719%; padding-bottom: 34px; position: relative; overflow: hidden;} .solveDelTop .solveDelPic .slick-slide{ width:100%; padding:0;} .solveDelTop .solveDelPic img{float: left; width: 100%; display: block;} .solveDelTop .solveDelPic .slick-dots{ bottom:0; height:11px; overflow:hidden; width: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .solveDelTop .solveDelPic .slick-dots li{float: left; width:11px; height:11px; margin:0 5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: #bebebe;} .solveDelTop .solveDelPic .slick-dots li button{display: none;} .solveDelTop .solveDelPic .slick-dots li.slick-active{ background:#509cfb; } .solveDelTop .solveDelIntr{float: right; width: 44.803229%; margin-top: 26px;} .solveDelTop .solveDelTit{float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; line-height: 38px; font-size: 26px; color: #161616;} .solveDelTop .solveDeljj{float: left; width: 100%; margin-top: 13px; line-height: 30px; font-size: 14px; color: #666;} .solveDelTop .solveDelIntr a{float: left; width: 157px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: #509cfb; display: block; margin-top: 22px; text-align: center;} .solveDelTop .solveDelIntr a:hover{ -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4); box-shadow: 1px 1px 10px rgba(0,0,0,.4); } .solveDel_m{float: left; width: 100%;} .solveDel_h{float: left; width: 100%; line-height: 60px; height: 60px; font-size:18px ; color: #509cfb; font-weight: bold; background: #f5f5f5; text-align: center; overflow: hidden;} .solveDel_h span{padding: 0 20px; position: relative;} .solveDel_h span::before{position: absolute; right: 100%; top: 50%; background: url(../images/solved_bg1.png) no-repeat right; width: 406px; height: 10px; margin-top: -5px; content: "";} .solveDel_h span::after{position: absolute; left: 100%; top: 50%; background: url(../images/solved_bg2.png) no-repeat left; width: 406px; height: 10px; margin-top: -5px; content: "";} .solveDel_m .solveDelTxt{float: left; width: 100%; line-height: 32px; font-size: 16px; color: #666; margin-top: 28px; padding-bottom: 40px; border-bottom: 1px solid #e0e0e0;} .pageBox{float: left; width: 100%; margin-top: 19px; line-height: 40px; height: 40px; font-size: 14px; position: relative;} .pageBox .page_pre{float: left; color: #5a4e4a; max-width: 45%;} .pageBox .page_next{float: right; color: #5a4e4a; max-width: 45%;} .pageBox .backList{position: absolute; left: 50%; top: 0; width: 130px; height: 40px; line-height: 38px; font-size: 16px; color: #666666; text-align: center; border: 1px solid #bfbfbf; margin-left: -65px;} .pageBox a:hover{color: #509cfb;} .pageBox .backList:hover{background: #509cfb; border-color: #509cfb; color: #fff;} .solveDelRi{position: absolute; right: 0; height: 100%; width: 19.923664%; background: #f5f5f5;} .solveDelRi .solveDelRiTit{float: left; width: 100%; line-height: 92px; height: 92px; text-align: center; background: url(../images/solved_bg3.png) no-repeat center/cover; font-size: 24px;font-weight: bold; color: #fff;} .solveDelRi .solveDelRiTit span{padding: 0 18px; position: relative;} .solveDelRi .solveDelRiTit span::before{position: absolute; right: 100%; top: 50%; width: 40px; height: 1px ; background: rgba(255,255,255,.4); content: "";} .solveDelRi .solveDelRiTit span::after{position: absolute; left: 100%; top: 50%; width: 40px; height: 1px ; background: rgba(255,255,255,.4); content: "";} .solveDelRi ul{float: left; width: 100%; padding: 0 20px; } .solveDelRi ul li{float: left; width: 100%; margin-top: 25px;} .solveDelRi ul li a{float: left; width: 100%; display: block;} .solveDelRi ul li .pic{float: left;width: 100%; padding-bottom: 66.515837%; position: relative; overflow: hidden;} .solveDelRi ul li .pic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; 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; } .solveDelRi ul li .txt{float: left; width: 100%; margin-top: 15px;} .solveDelRi ul li .txt h4{float: left; width: 100%; line-height: 22px; height: 22px; font-size: 16px; color: #509cfb;} .solveDelRi ul li .txt span{float: left; width: 100%; display: block; line-height: 24px; height: 24px; font-size: 14px; color: #9a9a9a;} .solveDelRi ul li a:hover .pic img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } @media screen and (max-width:1199px){ .solveDelLe{width: 68%; } .solveDelTop .solveDelPic{width: 100%; padding-bottom: 34px;} .solveDelTop .solveDelIntr{width:100%; margin-top: 20px;} .solveDel_h span::before, .solveDel_h span::after{width: 236px;} .solveDelRi{width: 30%;} } @media screen and (max-width:991px){ .solveDelTop {padding-bottom: 30px;} .solveDelTop .solveDelTit{padding-bottom: 5px; line-height: 30px; font-size: 20px;} .solveDelTop .solveDeljj{margin-top: 10px; line-height: 26px; font-size: 14px; } .solveDelTop .solveDelIntr a{width: 100px; height: 32px; line-height: 32px; font-size: 14px; margin-top: 15px;} .solveDel_m .solveDelTxt{line-height: 28px; font-size: 14px;margin-top: 20px; padding-bottom: 30px;} .pageBox{margin-top: 10px; line-height: 24px; height: auto; font-size: 14px;} .pageBox .page_pre, .pageBox .page_next{float: left;max-width: 70%; width: 70%;} .pageBox .backList{left:auto; right: 0; top: 50%; width: 100px; height: 32px; line-height: 30px; font-size: 14px; margin-left: 0; margin-top: -16px;} } @media screen and (max-width:767px){ .solveDel{padding: 30px 0 36px 0;} .solveDelLe{width: 100%;} .solveDelTop .solveDelPic {padding-bottom: 25px;} .solveDelTop .solveDelPic .slick-dots{ height:8px; } .solveDelTop .solveDelPic .slick-dots li{width:8px; height:8px; margin:0 3px;} .solveDel_h{line-height: 50px; height: 50px; font-size:16px ; } .solveDel_h span::before, .solveDel_h span::after{width: 106px;} .pageBox .page_pre, .pageBox .page_next{float: left;max-width: 100%; width: 100%;} .pageBox .backList{ float: left;left:auto; right: auto; top: auto; position: static; display: block; margin-top: 20px; margin-top:0;} .solveDelRi{width: 100%; position: static; right: auto; top: auto; margin-top: 20px; float: left;} .solveDelRi .solveDelRiTit{line-height: 62px; height: 62px; font-size: 18px;} .solveDelRi .solveDelRiTit span{padding: 0 8px;} } .caselist{float: left; width: 100%; margin-top: 10px;} .caselist ul{margin: 0 -15px;} .caselist li{float: left; width: 33.33333%; padding: 0 15px; margin-top: 40px;} .caselist li a{float: left; width: 100%; display: block; position: relative;} .caselist .casePic{float: left; width: 100%; position: relative; overflow: hidden; padding-bottom:66.6667%; } .caselist .casePic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block; -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; } .caselist .caseTxt{float: left; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 16px 50px 15px 15px; position: relative;} .caselist .caseTxt::after{position: absolute; right: 0; top: 50%;background: url(../images/casebg.png) no-repeat; margin-top: -10px; width: 38px; height: 20px; content: "";} .caselist .caseTxt h4{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 16px; color: #333;} .caselist .caseTxt span{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 14px; color: #999; display: block;} .caselist li a:hover .caseTxt{border-bottom: 1px solid #1978cb;} .caselist li a:hover .caseTxt h4{color: #1978cb;} .caselist li a:hover .casePic 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:991px){ .caselist ul{margin: 0 -5px;} .caselist li{padding: 0 5px; margin-top: 15px;} } @media screen and (max-width:767px){ .caselist ul{margin: 0 ;} .caselist li{padding: 0; width: 100%; margin-top: 15px; } .caselist .caseTxt{padding: 10px 30px 10px 10px;} .caselist .caseTxt::after{background-size:100% 100%; margin-top: -6px; width: 28px; height: 12px;} .caselist .caseTxt h4{font-size: 14px;} .caselist .caseTxt span{ line-height: 20px; height: 20px; font-size: 12px;} } .piclist{float: left; width: 100%; margin-top: 10px;} .piclist ul{margin: 0 -15px;} .piclist li{float: left; width: 20%; padding: 0 15px; margin-top: 40px;} .piclist li a{float: left; width: 100%; display: block; position: relative;} .piclist .picPic{float: left; width: 100%; position: relative; overflow: hidden; padding-bottom:66.6667%; } .piclist .picPic2{float: left; width: 100%; position: relative; overflow: hidden; padding-bottom:16.6667%; } .piclist .picPic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block; -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; } .piclist .picTxt{float: left; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 16px 50px 15px 15px; position: relative;} .piclist .picTxt::after{position: absolute; right: 0; top: 50%;background: url(../images/casebg.png) no-repeat; margin-top: -10px; width: 38px; height: 20px; content: "";} .piclist .picTxt h4{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 16px; color: #333;} .piclist .picTxt span{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 14px; color: #999; display: block;} .piclist li a:hover .picTxt{border-bottom: 1px solid #1978cb;} .piclist li a:hover .picTxt h4{color: #1978cb;} .piclist li a:hover .picPic 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:991px){ .piclist ul{margin: 0 -5px;} .piclist li{padding: 0 5px; margin-top: 15px;} } @media screen and (max-width:767px){ .piclist ul{margin: 0 ;} .piclist li{padding: 0 5px; width:50%; margin-top: 15px; } .piclist .picTxt{padding: 10px 30px 10px 10px;} .piclist .picTxt::after{background-size:100% 100%; margin-top: -6px; width: 28px; height: 12px;} .piclist .picTxt h4{font-size: 14px;} .piclist .picTxt span{ line-height: 20px; height: 20px; font-size: 12px;} } .news{float: left; width: 100%; padding-top: 20px;} .news ul{float: left; width: 100%;} .news li{float: left; width: 100%; padding: 30px 0; border-bottom: 1px dashed #ccc;} .news li a{float: left; width: 100%; display: block; position: relative;} .news .newsPic{float: left; width: 35.877863%; padding-bottom: 20.152672%; position: relative; overflow: hidden; z-index: 9;} .news .newsPic img{position: absolute; left: 0; top:0; width: 100%; min-height: 100%; 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; } .news .newsTxt{float: right; width: 59.923664%; margin-top: 34px;} .news .newsTxt .newsDate{float: left; width: 100%; line-height: 46px; height: 46px; font-size: 24px; color: #bbb; font-family: Arial; position: relative;} .news .newsDate::before{position: absolute; right: 103%; top: 50%; width: 40px; height: 1px; background: #ccc; content: "";} .news .newsTxt .newsTit{float: left; width: 100%; margin-top: 9px; line-height: 32px; height: 32px; font-size: 18px; color: #333;} .news .newsTxt .newsIntr{float: left; width: 100%; margin-top: 8px; line-height: 26px; height: 52px; font-size: 14px; color: #999; overflow: hidden;} .news .newsTxt span{float: left; margin-top: 22px; width: 30px; height: 30px; background: #e8e8e8; line-height: 30px; text-align: center; font-size: 20px; color: #a1a1a1; display: block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } @media screen and (min-width:767px){ .news li a:hover .newsPic img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news li a:hover .newsTxt .newsTit{color: #509cfb} .news li a:hover .newsTxt span{background: #509cfb; color: #fff;} } @media screen and (max-width:1199px){ .news .newsTxt{ margin-top: 20px;} .news .newsTxt .newsDate{line-height: 36px; height: 36px; font-size: 20px;} .news .newsTxt .newsTit{margin-top: 5px; line-height: 28px; height: 28px; font-size: 18px; } .news .newsTxt .newsIntr{ margin-top: 5px; line-height: 24px; height: 48px;} .news .newsTxt span{margin-top: 15px;} } @media screen and (max-width:991px){ .news li{padding: 15px 0;} .news .newsTxt{ margin-top: 10px;} .news .newsTxt .newsDate{line-height: 26px; height: 26px; font-size: 16px;} .news .newsTxt .newsTit{margin-top: 5px; line-height: 24px; height: 24px; font-size: 16px; } .news .newsTxt .newsIntr{ margin-top: 5px; line-height: 20px; height: 40px;} .news .newsTxt span{margin-top: 8px; width: 24px; height: 24px;line-height: 24px;font-size: 18px; } } @media screen and (max-width:767px){ .news li{padding: 10px 0;} .news .newsPic{float: left; width: 100%; padding: 0;} .news .newsPic img{position: static; left: auto; top: auto; width: 100%; height: auto; } .news .newsTxt{width: 100%; margin-top: 10px;} .news .newsTxt .newsDate{line-height: 26px; height: 26px; font-size: 16px;} .news .newsTxt .newsDate::before{display: none;} .news .newsTxt .newsTit{margin-top: 5px; line-height: 24px; height: 24px; font-size: 16px; } .news .newsTxt .newsIntr{ margin-top: 5px; line-height: 20px; height: 40px;} .news .newsTxt span{margin-top: 8px; width: 24px; height: 24px;line-height: 24px;font-size: 18px; } } .newsDel{float: left; width: 100%; padding: 57px 0 80px 0;} .newsDelLe{float: left; width: 75.648855%; } .newsDelLe .newsDelTit{float: left; width: 100%; line-height: 28px; font-size: 24px; color: #333; } .newsDelLe .newsDelDate{float: left; width: 100%; line-height: 26px; font-size: 14px; color: #777; padding: 25px 0 12px 0 ; border-bottom: 1px solid #d7d8d8;} .newsDelLe .newsDel_m{float: left; width: 100%; line-height: 30px; font-size: 14px; color: #333; padding-top: 36px;} .newsDelLe .newsDelShare{float: left; width: 100%; margin-top: 22px; text-align: center;padding-bottom: 42px; border-bottom: 1px solid #d7d8d8; } .newsDelLe .newsDelShare .dianzan{display: inline-block; *display: inline; *zoom:1; vertical-align: top; position:relative; width: 80px; height: 80px; text-align: center; padding-top: 19px; cursor: pointer;} .newsDelLe .newsDelShare .dianzan .cont{ display:block; margin:0 auto; width:80px; height:80px; border:1px solid #bfbfbf; border-radius:50%; padding-top:16px;} .newsDelLe .newsDelShare .dianzan .cont .ico{ display:inline-block; width:25px; height:25px;} .newsDelLe .newsDelShare .dianzan .cont .tit{ display:block; color:#8f9499; font-size:12px; line-height:22px;} .newsDelLe .newsDelShare .dianzan .btn1{ width:100%; float:left; text-align:center;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:20px 0; border:solid 1px #bfc2c5; cursor:pointer; margin:auto;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box .ico{ width:100%; float:left;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box h5{ width:100%; float:left; font-size:12px; color:#8f9499; line-height:19px;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box_1{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:14px 0; cursor:pointer; display:none; border:solid 1px #38b7f3; margin:auto;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box_1 .ico{ width:100%; float:left;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box_1 h5{ width:100%; float:left; font-size:12px; line-height:19px; color:#1eaef2;} .newsDelLe .newsDelShare .share{float: left; width: 100%; text-align: center; margin-top: 26px;} .newsDelLe .newsDelShare .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;} .newsDelLe .newsDelShare .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;} .newsDelLe .newsDelShare a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; } .newsDelLe .newsDelShare .bds_weixin{background:url(../images/share_wx.png) no-repeat !important; background-size: 100% !important;} .newsDelLe .newsDelShare .bds_sqq{background:url(../images/share_qq.png) no-repeat !important; background-size: 100% !important;} .newsDelLe .newsDelShare .bds_qzone{background:url(../images/share_kj.png) no-repeat !important; background-size: 100% !important;} .newsDelLe .newsDelShare .bds_tsina{background:url(../images/share_wb.png) no-repeat !important; background-size: 100% !important;} .newsDelLe .newsDelShare .bds_tqq{background:url(../images/share_txwb.png) no-repeat !important; background-size: 100% !important;} .newsDel .pageBox{margin-top: 40px;} .newsDelRi{float: right; width: 19.923664%;} .newsDelRi .search{float: left; width: 100%; border: 1px solid #509cfb;} .newsDelRi .search input{float: left; width: 66.2835%; line-height: 28px; padding: 5px 14px ; height: 38px; font-size: 14px; color: #333;} .newsDelRi .search button{float: right; width:33%; line-height: 38px; height: 38px; font-size: 14px; color: #fff; text-align: center; background: #509cfb; border: 0; } .newsDelRi .newsDelRiTit{float: left; width: 100%; margin-top: 18px; line-height: 27px; height: 34px; font-size: 18px; color: #509cfb; padding-bottom: 6px; border-bottom: 1px solid #d7d8d8; position: relative;} .newsDelRi .newsDelRiTit::after{position: absolute; left: 0; bottom: 0; height: 2px; width: 76px; background: #509cfb; content: "";} .newsDelRi .ul1{float: left; width: 100%; padding-bottom: 30px;} .newsDelRi .ul1 li{float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #f3f3f3;} .newsDelRi .ul1 li a{float: left; width: 100%; display: block;} .newsDelRi .ul1 li a .img{float: left; width: 39.0805%; position: relative; padding-bottom: 22.2222%; overflow: hidden;} .newsDelRi .ul1 li a .img img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block;} .newsDelRi .ul1 li a .txt{float: right; width: 56%; } .newsDelRi .ul1 li a .txt h4{float: left; width: 100%; line-height: 18px; height: 36px; overflow: hidden; font-size: 14px; color: #333; } .newsDelRi .ul1 li a .txt .date{float: left; width: 100%; line-height: 16px; height: 16px;margin-top: 5px; font-size: 12px; color: #939393; } .newsDelRi .ul1 li a:hover .txt h4{color: #509cfb;} .newsDelRi .ul2{float: left; width: 100%;} .newsDelRi .ul2 li{float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #f3f3f3;} .newsDelRi .ul2 li a{float: left; width: 100%; display: block; line-height: 24px; font-size: 14px; color: #333;} .newsDelRi .ul2 li a:hover{color: #509cfb;} @media screen and (max-width:1199px){ .newsDelLe{width: 70%; } .newsDelRi{width: 26%;} } @media screen and (max-width:991px){ .newsDel{padding: 40px 0 50px 0;} .newsDelLe{width: 70%; } .newsDelLe .newsDelTit{line-height: 24px; font-size: 20px;} .newsDelLe .newsDelDate{line-height: 24px; font-size: 12px;padding: 5px 0 8px 0 ;} .newsDelLe .newsDel_m{line-height: 28px; padding-top: 20px;} .newsDelLe .newsDelShare{ margin-top: 15px; padding-bottom: 22px;} .newsDelLe .newsDelShare .share{display: none;} .newsDelRi{width: 28%;} .newsDelLe .newsDelShare .dianzan .cont{ width:60px; height:60px; padding-top:8px;} .newsDelLe .newsDelShare .dianzan .cont .ico{ width:18px; height:18px;} .newsDelLe .newsDelShare .dianzan .cont .tit{ line-height:16px;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box{ width:60px; height:60px; padding:9px 0; } .newsDelLe .newsDelShare .dianzan .btn1 .btn_box h5{ line-height:19px;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box .ico img{ width:20px; height:20px;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box_1{ width:60px; height:60px; padding:9px 0;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box_1 .ico{ width:100%; float:left;} .newsDelLe .newsDelShare .dianzan .btn1 .btn_box_1 .ico img{ width:20px; height:20px;} .newsDelLe .newsDelShare .dianzan.btn1 .btn_box_1 h5{ font-size:12px; line-height:19px;} } @media screen and (max-width:767px){ .newsDel .pageBox{margin-top: 10px;} .newsDel{padding: 30px 0 ;} .newsDelLe{width: 100%; } .newsDelLe .newsDelTit{line-height: 24px; font-size: 18px; text-align: center;} .newsDelLe .newsDelDate{ text-align: center;} .newsDelLe .newsDel_m{line-height: 28px; padding-top: 20px;} .newsDelLe .newsDelShare{ margin-top: 15px; padding-bottom: 22px;} .newsDelLe .newsDelShare .share{display: none;} .newsDelRi{width: 100%; margin-top: 20px;} .newsDelRi .ul1 li{padding: 10px 0;} .newsDelRi .ul2 li{padding: 10px 0;} } .coop{float: left; width: 100%; padding-bottom: 90px;} .coopTit{float: left; width: 100%; text-align: center; padding-top: 56px; font-size: 32px; color: #509cfb; font-weight: bold; border-bottom: 1px solid #f0f0f0; position: relative;} .coopTit::after{position: absolute; left: 50%;bottom: -1px; background: #509cfb; height: 3px; width: 30px; margin-left: -15px; content: "";} .coopTit span{display: inline-block;line-height: 58px; height: 58px; position: relative;} .coopTit span::after{position: absolute; left: 50%; bottom: -10px; width: 150px; margin-left: -75px; height: 1px; background: #f0f0f0; content: "";} .coopTit.tit2{border-color: rgba(255,255,255,.2); color: #fff;} .coopTit.tit2::after{ background: #fff;} .coopTit.tit2 span::after{ background: rgba(255,255,255,.2);} .coopTop{float: left; width: 100%; margin-top: 40px; padding-bottom: 84px;} .coopTop ul{margin: 0 -15px;} .coopTop ul li{float: left; width: 25%; padding: 0 15px; } .coopTop ul li a{float: left; width: 100%; background: #f6f6f6; padding: 30px 48px 36px 48px; display: block; text-align: center; cursor: default;} .coopTop ul li a .coopTopPic{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 190px; padding-bottom: 190px; overflow: hidden; position: relative; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .coopTop ul li a .coopTopPic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block;} .coopTop ul li a h4{float: left; width: 100%; line-height: 36px; height: 36px; margin-top: 23px; font-size: 20px; color: #509cfb; font-weight: bold;} .coopTop ul li a span{float: left; width: 100%; line-height: 24px; margin-top: 8px; height: 48px; font-size: 14px; color: #666; overflow: hidden;} .coopType{float: left; width: 100%; padding: 83px 0 50px 0; } .coopType .coopType_m{float: left; width: 100%; position: relative;} .coopType .coopType_m::before{position: absolute; background: url(../images/coop_bg2.png) no-repeat top; width: 100%; background-size: 100%; height: 23px; top: 20px; left: 0; content: "";} .coopType .coopType_m::after{position: absolute; background: url(../images/coop_bg2.png) no-repeat bottom; width: 100%; left: 0; background-size: 100%; height: 21px; bottom: 21px; content: "";} .coopType .coopType_m .coopTypeTit{float: left; width: 100%; text-align: center; font-size: 30px; color: #fff; line-height: 43px; height: 43px;} .coopType .coopType_m .coopTypeTxt{float: left; width: 100%; text-align: center; font-size: 18px; color: #fff; line-height: 44px; padding: 30px; border-left: 1px solid rgba(255,255,255,.4);border-right: 1px solid rgba(255,255,255,.4);} .coopType .coopType_m .coopTypeBtn{float: left; width: 100%; text-align: center;} .coopType .coopType_m .coopTypeBtn a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 140px; height: 40px; line-height: 40px; font-size: 16px; color: #509cfb; text-align: center; background: #fff; font-weight: bold; position: relative; z-index: 9;} .coopType .coopType_m .coopTypeBtn a:hover{ -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4); box-shadow: 1px 1px 10px rgba(0,0,0,.4);} @media screen and (max-width:1366px){ .coopTop ul li a{padding: 30px;} .coopTop ul li a h4{line-height: 30px; height: 30px; margin-top: 20px; font-size: 18px; } } @media screen and (max-width:1199px){ .coopTop{margin-top: 30px; padding-bottom: 64px;} .coopTop ul{margin: 0 -10px;} .coopTop ul li{ padding: 0 10px; } .coopTop ul li a{padding: 30px 15px;} .coopTop ul li a .coopTopPic{width: 150px; padding-bottom: 150px; } .coopTop ul li a h4{line-height: 30px; height: 30px; margin-top: 15px; font-size: 16px; } .coopTop ul li a span{line-height: 24px; margin-top:5px; height: 48px; font-size: 13px;} } @media screen and (max-width:991px){ .coop{padding-bottom: 50px;} .coopTit{padding-top: 36px; font-size: 22px;} .coopTop{margin-top: 20px; padding-bottom: 44px;} .coopTop ul{margin: 0 -5px;} .coopTop ul li{ padding: 0 5px; } .coopTop ul li a{padding: 24px 10px;} .coopTop ul li a .coopTopPic{width: 120px; padding-bottom: 120px; } .coopTop ul li a h4{line-height: 30px; height: 30px; margin-top: 15px; font-size: 15px; } .coopTop ul li a span{line-height: 20px; margin-top:5px; height: 40px; font-size: 13px;} .coopType{padding: 43px 0 30px 0; } .coopType .coopType_m .coopTypeTit{font-size: 20px;line-height: 33px; height: 33px;} .coopType .coopType_m .coopTypeTxt{font-size: 15px;line-height: 34px; padding: 20px;} .coopType .coopType_m .coopTypeBtn a{width: 100px; height: 30px; line-height: 30px; font-size: 14px; } } @media screen and (max-width:767px){ .coop{padding-bottom: 30px;} .coopTit{padding-top: 26px; font-size: 18px;} .coopTop{margin-top: 20px; padding-bottom: 44px;} .coopTop ul{margin: 0 -5px;} .coopTop ul li{ padding: 0 5px; width: 50%; margin-top: 10px; } .coopTop ul li a{padding: 24px 10px;} .coopTop ul li a .coopTopPic{width: 120px; padding-bottom: 120px; } .coopTop ul li a h4{line-height: 30px; height: 30px; margin-top: 14px; font-size: 15px; } .coopTop ul li a span{line-height: 20px; margin-top:5px; height: 40px; font-size: 13px;} .coopType{padding: 23px 0 20px 0; } .coopType .coopType_m::before, .coopType .coopType_m::after{display: none;} .coopType .coopType_m .coopTypeTit{font-size: 18px;line-height: 33px; height: 33px;} .coopType .coopType_m .coopTypeTxt{font-size: 15px;line-height: 24px; padding: 15px; border: 0;} .coopType .coopType_m .coopTypeBtn a{width: 100px; height: 30px; line-height: 30px; font-size: 14px; } } @media screen and (max-width:379px){ .coopTop{margin-top: 20px; padding-bottom: 24px;} .coopTop ul li{ padding: 0 5px; width: 100%; margin-top: 10px; } } .coopStep{ float:left; width:100%; margin-top:3.41%; position:relative;} .coopStep::after{ float:left; width:86%; height:1px; border-bottom:1px dashed #e9d8d3; position:absolute; left:7%; top:79px; content:''; z-index:5;} .coopStep .ul1{ margin:0 -15px; position:relative; z-index:8;} .coopStep .l1{ float:left; width:20%; padding:0 15px;} .coopStep .la{ float:left; width:100%; text-align:center;} .coopStep .la .img{ float:left; width:100%; margin:13px 0 20px 0;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .coopStep .la .ico{ display:block; margin:0 auto; width:132px; height:132px; padding:11px; border-radius:50%; position:relative;} .coopStep .la .ico::after{ float:left; width:160px; height:135px; position:absolute; left:0; top:0; content:''; background:url(../images/coop05_2.png) center no-repeat; background-size:100% 100%;} .coopStep .la .ino1{ float:left; width:110px; height:110px; background: #509cfb; border-radius:50%; position:relative; z-index:6;} .coopStep .la .nub{ float:left; width:100%; color:#adadad; font-size:18px; line-height:28px; font-family:Arial; text-transform:uppercase;} .coopStep .la .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px; margin:5px 0;} .coopStep .la .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px;} .coopStep .la:hover .img{ margin:0 0 33px 0;} .coopStep .la:hover .ico::after{-webkit-transition: 1s ease; left: -13px; top:13px; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg)} .coopStep .slick-prev, .coopStep .slick-next{ width:44px; height:44px; background:url(../images/main6.png) left center no-repeat; background-size:auto 100%; left:-88px; top:59px;} .coopStep .slick-next{ background:url(../images/main6.png) right center no-repeat; background-size:auto 100%; left:auto; right:-88px;} @media screen and (max-width: 1366px){ .coopStep::after{ top:64px;} .coopStep .la .ico{ width:102px; height:102px; padding:6px;} .coopStep .la .ico::after{ width:121px; height:102px; left:0; top:0;} .coopStep .la .ino1{ width:90px; height:90px;} .coopStep .la:hover .ico::after{-webkit-transition: 1s ease; left: -9px; top:10px;} } @media screen and (max-width: 1023px){ .coopStep::after{ top:60px;} .coopStep .ul1{ margin:0 -6px;} .coopStep .l1{ padding:0 6px;} .coopStep .la .nub{ font-size:16px; line-height:24px;} .coopStep .la .tit{ font-size:16px; line-height:24px; margin:2px 0;} .coopStep .la .img{ margin:7px 0 10px 0;} .coopStep .la:hover .img{ margin:0 0 17px 0;} .coopStep .slick-prev, .coopStep .slick-next{ width:30px; height:30px; margin-top:-15px; left: 0; top:50%;} .coopStep .slick-next{right: 0; left: auto;} } .coopSurp{float: left; width: 100%; margin-top: 100px;} .coopSurp ul{margin: 0 -15px;} .coopSurp ul li{float: left; width:25%; padding: 0 15px;} .coopSurp .coopSurpBox{float: left; width: 100%; padding: 52px 42px; text-align: center; -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-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .coopSurp .coopSurpBox h4{float: left;width: 100%; line-height: 32px; height: 32px; font-size: 20px; color: #333333;} .coopSurp .coopSurpBox .img{display:inline-block; *display:inline; *zoom:1;vertical-align: top; margin-top: 43px; position: relative; width: 90px; height: 96px; background: url(../images/coop_bg3.png) no-repeat; background-size: 100% 100%;} .coopSurp .coopSurpBox .img::after{position: absolute; left: 50%; top: 50%; height: 23px; margin-top: -11px; width:213px; background: url(../images/coop_bg4.png) no-repeat center; content: ""; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .coopSurp .coopSurpBox .img img{float: left; width: 100%; display: block;} .coopSurp .coopSurpBox .coopSurpTxt{float: left; width: 100%; line-height: 30px; height: 90px; margin-top: 15px; display: block; overflow: hidden; font-size: 14px;} @media screen and (max-width: 1199px){ .coopSurp .coopSurpBox{ padding: 32px 22px; } .coopSurp .coopSurpBox .img{margin-top: 25px;} .coopSurp .coopSurpBox .coopSurpTxt{line-height: 24px; height: 96px; margin-top: 10px; font-size: 14px;} } @media screen and (max-width: 991px){ .coopSurp{ margin-top: 50px;} .coopSurp ul{margin: 0 -5px;} .coopSurp ul li{float: left; width:25%; padding: 0 5px;} .coopSurp .coopSurpBox{ padding: 20px 15px; } .coopSurp .coopSurpBox .img{margin-top: 15px;} .coopSurp .coopSurpBox .img::after{height: 18px; margin-top: -9px; width:163px; background-size: 100% 100%;} .coopSurp .coopSurpBox .coopSurpTxt{line-height: 24px; height: 96px; margin-top: 10px; font-size: 14px;} } @media screen and (max-width: 767px){ .coopSurp{ margin-top: 30px;} .coopSurp .coopSurpBox h4{line-height: 28px; height: 28px; font-size: 18px;} .coopSurp ul{margin: 0 -5px;} .coopSurp ul li{float: left; width:50%; padding: 0 5px; margin-top: 10px;} .coopSurp .coopSurpBox{ padding: 20px 10px; } .coopSurp .coopSurpBox .img{margin-top: 15px; width: 70px; height: 76px;} .coopSurp .coopSurpBox .img::after{height: 15px; margin-top: -9px; width:143px; background-size: 100% 100%;} .coopSurp .coopSurpBox .coopSurpTxt{line-height: 24px; height: 96px; margin-top: 10px; font-size: 14px;} } .service{float: left; width: 100%; padding-bottom: 80px;} .serviceYs{float: left; width: 100%; } .serviceYs .serviceYs_m{float: left; width: 48.778626%; border: 1px solid #f65e23;margin-top: 38px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .serviceYs .serviceYs_m .serviceYsTit{float: left; width: 27%; background: #f65e23; height: 390px; display: table; text-align: center;} .serviceYs .serviceYs_m .serviceYsTit img{width: 90px; line-height: 0;} .serviceYs .serviceYs_m .serviceYsTit span{float: left; width: 100%; line-height: 34px; font-size: 24px; color: #fff; display: block;} .serviceYs .serviceYs_m .serviceYsCont{float: right; width:73%; padding: 0 32px; height: 390px; display: table;} .serviceYs .serviceYs_m .serviceYsCont ul{float: left; width: 100%;} .serviceYs .serviceYs_m .serviceYsCont ul li{float: left;width: 100%; line-height: 26px; padding: 10px 0; font-size: 16px; color: #666; border-bottom: 1px dashed #dcdada;} .serviceYs .serviceYs_m.box2{float: right; border-color: #509cfb;} .serviceYs .serviceYs_m.box2 .serviceYsTit{background: #509cfb;} .serviceSur{float: left; width: 100%; padding-bottom: 93px; background: url(../images/service_bg1.png) repeat-y; margin-top: 85px;} .serviceSur_m{float: left; width: 33.33333%; text-align: center; margin-top: 43px; position: relative;} .serviceSur_m::after{position: absolute; right: -8px; top: 50%; width: 16px; background: url(../images/service_bg2.png) no-repeat; background-size: 100% 100%; height: 165px; margin-top: -82px; content: "";} .serviceSur_m:last-child::after{display: none;} .serviceSur_m .serviceSurTit{float: left; width: 100%; text-align: center; font-size: 20px; color: #ffffff; line-height: 33px; height: 33px;} .serviceSur_m .serviceSurTit span{padding-left: 40px; position: relative; } .serviceSur_m .serviceSurTit span img{position: absolute; left: 0; top: 0; width: 30px; display: block;} .serviceSur_m .tel{float: left; width: 100%; line-height: 52px; height: 139px; margin-top: 84px; font-size: 40px; color: #fff;} .serviceSur_m .btn{float: left; width: 100%; margin-top: 38px; text-align: center; padding-bottom: 29px;} .serviceSur_m .btn span{float: left; width: 100%; margin-top: 24px;} .serviceSur_m .btn a{ width: 258px; display: inline-block; *display: inline; *zoom:1; vertical-align: top; border: 1px solid #fff; background: #2b8ccf; line-height: 48px; height: 50px; font-size: 20px; color: #fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; } .serviceSur_m .btn a:hover{background: #509cfb;} .serviceSur_m .span{float: left; width: 100%; line-height: 32px; font-size: 16px; color: #fff; margin-top: 19px; text-align: center;} .serviceSur_m .ewm{float: left; width: 100%; margin-top: 39px; } .serviceSur_m .ewm img{width: 184px; } @media screen and (max-width: 1369px){ .serviceYs .serviceYs_m .serviceYsTit span{font-size: 20px;} .serviceYs .serviceYs_m .serviceYsCont{padding: 0 15px;} .serviceYs .serviceYs_m .serviceYsCont ul li{line-height: 26px; padding: 6px 0; font-size: 15px;} } @media screen and (max-width: 1199px){ .serviceYs .serviceYs_m .serviceYsTit{width: 22%} .serviceYs .serviceYs_m .serviceYsTit span{font-size: 16px; line-height: 24px;} .serviceYs .serviceYs_m .serviceYsTit img{width: 60px;} .serviceYs .serviceYs_m .serviceYsCont{padding: 0 15px; width: 78%;} .serviceYs .serviceYs_m .serviceYsCont ul li{line-height: 26px; padding: 6px 0; font-size: 15px;} } @media screen and (max-width: 991px){ .serviceSur{ padding-bottom: 50px; margin-top: 45px;} .serviceYs .serviceYs_m .serviceYsTit{height: 330px;} .serviceYs .serviceYs_m .serviceYsTit span{font-size: 16px; line-height: 24px;} .serviceYs .serviceYs_m .serviceYsCont{height: 330px;} .serviceYs .serviceYs_m .serviceYsCont ul li{line-height: 20px; padding: 5px 0; font-size: 14px;} .serviceSur_m .serviceSurTit{font-size:18px;line-height: 30px; height: 30px;} .serviceSur_m .serviceSurTit span{padding-left: 30px; } .serviceSur_m .serviceSurTit span img{width: 24px;} .serviceSur_m .tel{ line-height: 42px; height: 139px; margin-top: 64px; font-size: 26px;} .serviceSur_m .btn{ margin-top: 38px; padding-bottom: 29px;} .serviceSur_m .btn span{float: left; width: 100%; margin-top: 24px;} .serviceSur_m .btn a{ width: 208px; line-height: 40px; height: 38px; font-size: 16px;} .serviceSur_m .span{line-height: 32px; font-size: 16px; margin-top: 19px;} .serviceSur_m .ewm{ margin-top: 29px; } .serviceSur_m .ewm img{width: 174px; } } @media screen and (max-width: 767px){ .serviceSur{ padding-bottom: 30px; margin-top: 30px;} .serviceYs .serviceYs_m {width: 100%; margin-top: 25px;} .serviceYs .serviceYs_m .serviceYsTit{width: 22%; height: 330px;} .serviceYs .serviceYs_m .serviceYsTit span{font-size: 14px; line-height: 20px;} .serviceYs .serviceYs_m .serviceYsTit img{width: 50px; } .serviceYs .serviceYs_m .serviceYsCont{padding: 0 10px; width: 78%; height: 330px;} .serviceYs .serviceYs_m .serviceYsCont ul li{line-height: 20px; padding: 5px 0; font-size: 13px;} .serviceSur_m {width: 100%; margin-top: 25px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.3);} .serviceSur_m::after{display: none;} .serviceSur_m:last-child{border: 0;} .serviceSur_m .tel{ line-height: 32px; height: auto; margin-top: 15px; font-size: 24px;} .serviceSur_m .btn{ margin-top: 10px; padding-bottom: 15px;} .serviceSur_m .btn span{float: left; width: 100%; margin-top: 15px;} .serviceSur_m .btn a{ width: 158px; line-height: 34px; height: 36px; font-size: 14px;} .serviceSur_m .span{line-height: 22px; font-size: 14px; margin-top: 9px;} .serviceSur_m .ewm{ margin-top: 15px; } .serviceSur_m .ewm img{width: 144px; } } .serAsk{float: left; width: 100%; padding-bottom: 60px;} .serAskList{float: left; width: 100%; margin-top: 38px; display:flex; display:-webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: flex-start; } .serAskList ul{margin: 0 -13px;} .serAskList ul li{float: left; padding: 0 13px; width: 25%;} .serAskList ul li .pic{float: left; width: 100%; padding-bottom: 57.755776%; position: relative; overflow: hidden;} .serAskList ul li .pic img{position: absolute; left: 0; top: 0; width: 100%; display: block;min-height: 100%;} .serAskList ul li h4{float: left; width: 100%; line-height: 28px; margin-top: 20px; height: 28px; font-size: 18px; color: #509cfb; padding-left: 36px; position: relative;} .serAskList ul li h4 img{position: absolute; left: 0; top: 0; width: 30px; display: block;} .serAskList ul li span{float: left; width: 100%; line-height: 28px; color: #515151; font-size: 14px; margin-top: 9px; display: block;} @media screen and (max-width: 991px){ .serAskList ul{margin: 0 -5px;} .serAskList ul li{float: left; padding: 0 5px; width: 25%;} .serAskList ul li h4{ line-height: 24px; margin-top: 10px; height: 24px; font-size: 15px; padding-left: 26px;} .serAskList ul li h4 img{width: 20px; } .serAskList ul li span{line-height: 20px; font-size: 13px; margin-top: 5px; } } @media screen and (max-width: 767px){ .serAsk{ padding-bottom: 30px;} .serAskList{ margin-top: 18px;} .serAskList ul{margin: 0 -5px;} .serAskList ul li{float: left; padding: 0 5px; width: 50%; margin-top: 15px;} .serAskList ul li h4{ line-height: 24px; margin-top: 10px; height: 24px; font-size: 15px; padding-left: 26px;} .serAskList ul li h4 img{width: 20px;top: 2px;} .serAskList ul li span{line-height: 20px; font-size: 13px; margin-top: 5px; } } .serQd{float: left; width: 100%; padding-bottom: 80px;} .serQd ul{float: left; width: 100%; margin-top: 67px;} .serQd ul li{float: left; width: 25%; position: relative; text-align: center;} .serQd ul li::after{position: absolute; right: -8px; top: 50%; margin-top: -82px; background: url(../images/service_bg8.png) no-repeat; width: 16px; height: 165px; content: "";} .serQd ul li:last-child::after{display: none;} .serQd ul li .serQdPic{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 170px; background: #509cfb; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .serQd ul li .serQdPic img{float: left; width: 100%; display: block;} .serQd ul li h4{float: left; width: 100%; line-height: 25px; height: 25px; font-size: 16px; color: #333; margin-top: 24px;} .serQd ul li span{float: left; width: 100%; line-height: 21px; font-size: 14px; color: #666; margin-top: 10px; display: block;} @media screen and (max-width: 991px){ .serQd{padding-bottom: 40px;} .serQd ul{margin-top: 37px;} .serQd ul li .serQdPic{width: 120px;} .serQd ul li h4{line-height: 22px; height: 22px; font-size: 15px; margin-top: 15px;} .serQd ul li span{font-size: 13px; margin-top: 5px; } } @media screen and (max-width: 767px){ .serQd{padding-bottom: 30px;} .serQd ul{margin-top: 20px;} .serQd ul li{width: 50%;margin-top: 15px;} .serQd ul li::after{display: none; } .serQd ul li .serQdPic{width: 90px;} .serQd ul li h4{line-height: 22px; height: 22px; font-size: 15px; margin-top: 5px;} .serQd ul li span{font-size: 13px; margin-top: 3px; } } .serCase{float: left; width: 100%; padding-bottom: 80px;} .serCase .serCaseList{float: left; width: 100%; margin-top: 20px;} .serCase .serCaseList ul{margin: 0 -15px;} .serCase .serCaseList ul li{float: left; width: 50%; padding: 0 15px; margin-top: 28px;} .serCase .serCaseList ul li a{float: left; width: 100%; background: #509cfb; padding: 19px 40px 19px 20px; position: relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .serCase .serCaseList ul li a img{float: left; width: 34.6%; display: block; } .serCase .serCaseList .serCaseTxt{float: left; width:65%; margin-top: 9px; padding-left: 20px;} .serCase .serCaseList .serCaseTxt h4{float: left; width: 100%; line-height: 29px; font-size: 14px; color: #fff;} .serCase .serCaseList .serCaseTxt h4 span{padding-right: 15px; font-size: 18px;} .serCase .serCaseList .serCaseTxt .txt{float: left; width: 100%; line-height: 24px; height: 72px; overflow: hidden; margin-top: 8px; color:rgba(255,255,255,.66); font-size: 14px;} .serCase .serCaseList .ico{position: absolute; right: 40px; bottom: 24px; background: url(../images/service15_2.png) no-repeat; width: 28px; height: 28px; background-size: 100%;} .serCase .serCaseList ul li a:hover{ -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); } .serCase .serCaseList ul li a:hover .ico{ background: url(../images/service15.png) no-repeat;} @media screen and (max-width: 1199px){ .serCase{padding-bottom: 60px;} .serCase .serCaseList{margin-top: 20px;} .serCase .serCaseList ul{margin: 0 -10px;} .serCase .serCaseList ul li{padding: 0 10px; margin-top: 20px;} .serCase .serCaseList ul li a{padding: 15px 30px 15px 15px;} .serCase .serCaseList ul li a img{width: 34.6%;} .serCase .serCaseList .serCaseTxt{width:65%; margin-top: 5px; padding-left: 15px;} .serCase .serCaseList .serCaseTxt h4{line-height: 25px; font-size: 14px;} .serCase .serCaseList .serCaseTxt h4 span{padding-right: 10px; font-size: 16px;} .serCase .serCaseList .serCaseTxt .txt{line-height: 22px; height: 66px; margin-top: 5px; font-size: 13px;} .serCase .serCaseList .ico{ right:15px; bottom: 15px; width: 20px; height: 20px; } } @media screen and (max-width: 767px){ .serCase{padding-bottom: 30px;} .serCase .serCaseList{margin-top: 10px;} .serCase .serCaseList ul{margin: 0;} .serCase .serCaseList ul li{padding: 0 ; margin-top: 15px; width: 100%;} .serCase .serCaseList ul li a{padding: 15px 30px 15px 15px;} .serCase .serCaseList ul li a img{width: 34.6%;} .serCase .serCaseList .serCaseTxt{width:65%; margin-top: 0; padding-left: 10px;} .serCase .serCaseList .serCaseTxt h4{line-height: 23px;} .serCase .serCaseList .serCaseTxt h4 span{padding-right: 5px;} .serCase .serCaseList .serCaseTxt .txt{line-height: 22px; height: 44px; } .serCase .serCaseList .ico{ right:8px; bottom: 15px;} } .serFb{float: left; width: 100%; padding-bottom: 94px; background: #f2f2f2;} .serFb_m{float: left; width: 100%; padding-top: 269px; background: url(../images/hfenbumap.png) no-repeat center 20px ;} .serFb_m ul{margin: 0 -62px;} .serFb_m li{float: left; width: 33.33333%; padding: 0 62px; } .serFb_m li .div{float: left; width: 100%; background: #e2e2e2; padding: 31px 34px 62px 34px; text-align: center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .serFb_m li .div span{float: left; width: 100%; display: block; line-height: 126px; height: 126px; position: relative; font-size: 54px; color: #509cfb; font-weight: bold;} .serFb_m li .div span i{font-size: 24px; font-style: normal;} .serFb_m li .div span::after{position: absolute; left: 50%; height: 1px; background: #c2c2c2; bottom: 0; content: ""; width: 80%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .serFb_m li .div h4{float: left; width: 100%; line-height: 34px; font-size:16px; color: #333; margin-top: 31px; text-align: center; } @media screen and (max-width: 1199px){ .serFb{ padding-bottom: 54px;} .serFb_m{ padding-top: 209px; background-size: 100%;} .serFb_m ul{margin: 0 -32px;} .serFb_m li{padding: 0 32px; } .serFb_m li .div{padding: 24px 24px 42px 24px; } } @media screen and (max-width: 991px){ .serFb{ padding-bottom: 44px;} .serFb_m{ padding-top: 89px;} .serFb_m ul{margin: 0 -12px;} .serFb_m li{padding: 0 12px; } .serFb_m li .div{padding: 20px 15px 32px 15px; } .serFb_m li .div span{ line-height: 66px; height: 66px;font-size: 34px;} .serFb_m li .div span i{font-size: 20px;} .serFb_m li .div h4{line-height: 30px; font-size:14px; margin-top: 24px; } } @media screen and (max-width: 767px){ .serFb{ padding-bottom: 34px;} .serFb_m{ padding-top: 69px;} .serFb_m ul{margin: 0;} .serFb_m li{padding: 0; width: 100%; margin-top: 10px;} .serFb_m li .div{padding: 20px 15px; } .serFb_m li .div span{ line-height: 46px; height: 46px;font-size: 24px;} .serFb_m li .div span i{font-size: 16px;} .serFb_m li .div h4{line-height: 24px; font-size:14px; margin-top: 15px; } } .serBot{float: left; width: 100%; margin-top: 80px; } .serBot_d{float: left; width: 100%; background: #fafafa;} .serBot_d > img{float: left; width:37.709924%; display: block;} .serBot .serBot_m{float: right; width: 52%; padding-right: 8%; margin-top: 64px; } .serBot .serBot_m .serBotTxt{float: left; width: 68%; } .serBot .serBot_m .serBotTxt h2{float: left; width: 100%; line-height: 48px; font-size: 28px; color: #1f2122; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9;} .serBot .serBot_m .serBotTxt span{float: left; width: 100%; line-height: 26px; font-size: 14px; color: rgba(0,0,0,.5); margin-top: 15px; display: block;} .serBot .serBot_m .ewm{float: right; width: 158px; padding: 13px; background: #fff;} @media screen and (max-width: 1199px){ .serBot{margin-top: 60px; } .serBot_d > img{width:37.709924%;} .serBot .serBot_m{width: 60%; padding-right: 5%; margin-top: 34px; } .serBot .serBot_m .serBotTxt{ width: 68%; } .serBot .serBot_m .serBotTxt h2{line-height: 38px; font-size: 20px;padding-bottom: 5px; } .serBot .serBot_m .serBotTxt span{line-height: 26px; font-size: 14px; margin-top: 15px;} .serBot .serBot_m .ewm{width: 158px; padding: 13px;} } @media screen and (max-width: 991px){ .serBot{margin-top: 40px; } .serBot_d > img{width:37.709924%;} .serBot .serBot_m{width: 60%; padding-right: 5%; margin-top: 24px; } .serBot .serBot_m .serBotTxt{ width: 68%; } .serBot .serBot_m .serBotTxt h2{line-height: 28px; font-size: 18px;} .serBot .serBot_m .serBotTxt span{line-height: 22px; font-size: 12px; margin-top: 5px;} .serBot .serBot_m .ewm{width: 108px; padding: 13px;} } @media screen and (max-width: 767px){ .serBot{margin-top: 30px; } .service{padding-bottom: 30px;} .serBot_d > img{width:100%;} .serBot .serBot_m{width: 100%; padding: 15px ; margin-top: 0; } .serBot .serBot_m .serBotTxt{ width: 68%; } .serBot .serBot_m .serBotTxt h2{line-height: 28px; font-size: 16px;} .serBot .serBot_m .serBotTxt span{line-height: 22px; font-size: 12px; margin-top: 5px;} .serBot .serBot_m .ewm{width: 30%; padding: 13px;} } @media screen and (max-width: 349px){ .serBot .serBot_m .serBotTxt{ width: 100%; } .serBot .serBot_m .ewm{width: 50%; margin: 0 25%; padding: 13px;} } .tableCell{display: table-cell; vertical-align:middle;} .d_0100_fy{ float:left; width:100%; text-align:center; margin-top:60px; padding-bottom: 70px;} .pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} .pz_fy a { display:block; float:left; width:31px; height:31px; text-align:center; line-height:29px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 9px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;} .pz_fy a:hover, .pz_fy a.on{color: #fff; border:1px solid #1a81d2; background:#1a81d2; text-decoration:none;} .pz_fy a.prve{ background:url(../images/prve_fy.png) no-repeat center; width:100px;} .pz_fy a.prve:hover, .pz_fy a.prve.on{ background:url(../images/prve_fy_h.png) no-repeat center #1a81d2; border:1px solid #1a81d2;} .pz_fy a.next{ background:url(../images/next_fy.png) no-repeat center; width:100px;} .pz_fy a.next:hover, .pz_fy a.next.on{ background:url(../images/next_fy_h.png) no-repeat center #1a81d2; border:1px solid #1a81d2;} .fy_phone{ display:none;} @media screen and (max-width:767px){ .d_0100_fy{margin-top:30px;} .pz_fy{ display:none;} .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} .fy_phone a.prve{ background:url(../images/prve_fy.png) no-repeat center;} .fy_phone a.prve:hover, .fy_phone a.prve.on{ background:url(../images/prve_fy_h.png) no-repeat center #2277c0; border:1px solid #2277c0;} .fy_phone a.next{ background:url(../images/next_fy.png) no-repeat center;} .fy_phone a.next:hover, .fy_phone a.next.on{ background:url(../images/next_fy_h.png) no-repeat center #2277c0; border:1px solid #2277c0;} .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;} } .downTop{float: left; width: 100%; padding: 34px 0 29px 0; } .downLogo{float: left; width:20.534351%; height: 171px; border-right: 1px solid rgba(255,255,255,.1); padding-top: 36px; } .downLogo img{display: block; float: left; width: 212px;} .downNav{float: left; width: 53.664122%; padding-left: 5.954198%;} .downNav ul{float: left; width: 25%;} .downNav ul h4{float: left; min-width: 94px; position: relative; padding-bottom: 10px; line-height: 28px; height: 39px; font-size: 16px; color: #999; border-bottom: 1px solid #373c43; margin-bottom: 9px;} .downNav ul h4::after{position: absolute; left: 0; bottom: -1px; width: 14px; height: 3px; background: #63686d; content: "";} .downNav ul li{float: left; width: 100%; line-height: 34px; height: 34px; font-size: 14px; } .downNav ul li a{float: left; color: #999;} .downNav ul li a:hover{color: #509cfb;} .downTel{float: left; width:25.801527%; border-left: 1px solid rgba(255,255,255,.1); padding-left:3.816794%; } .downTel h4{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 16px; color: #999;} .downTel .downTel_m{float: left; width: 100%; line-height: 48px; height: 48px; font-size: 30px; font-weight: bold; color: #999;} .downTel .span p{display:inline;} .downTel a{float: left; margin-top: 22px; margin-right: 20px; line-height: 35px; height: 35px; font-size: 14px; color: rgba(255,255,255,.4); display: block; background: #333333; padding-right: 34px; position: relative; text-align: center; width: 130px;} .downTel a::after{position: absolute; right: 0; top: 0; width: 34px; height: 35px; background: url(../images/downbg.png) no-repeat; content: "";} .downTel a:last-child{margin-right: 0;} .downTel a:hover{background: #2a74c7; color: #fff;} .downTel img{float: left; margin-top: 22px; margin-right: 20px; line-height: 130px; height:130px; display: block; background: #333333; position: relative; text-align: center; width: 130px;} .downTel img:last-child{margin-right: 0;} .downBq{float: left; width: 100%; padding: 15px 0; border-top: 1px solid #2d3034; } .downBq .downBqLe{float: left; width: 60%; line-height: 24px; font-size: 14px; color: #64676b; } .downBq .downBqLe a{color: #64676b;} .downBq .downBqLe a:hover{color: #fff;} .downBq .downBqRi{float: right;} .downBq .downBqRi > a{float: left; padding-left: 15px; line-height: 34px; height: 34px; color: #64676b;} .downBq .downBqRi > a:hover{color: #fff;} .ql_3{float: left; width: 218px;position: relative;} .ql_3 span{display: block;float: left;width: 100%;height: 34px;position: relative;border: 1px solid #64676b;padding: 0 16px;line-height: 32px; font-size: 14px;color: #ccc;cursor: pointer;} .ql_3 span::after{content: "";display: block;position: absolute;right: 15px;top: 50%;background: url(../images/hfenbu03.png) no-repeat center;width: 12px;height: 6px; background-size: 100% 100%; margin-top: -3px;} .ql_3 ul{display: none; position: absolute;left: 0;bottom: 100%;background: rgba(255,255,255,.8);border: 1px solid #d4d4d4;border-bottom: 0 none;width: 100%;height: 190px;overflow-y: auto;overflow-x: hidden;} .ql_3 ul li a{display: block;height: 38px;line-height: 38px;font-size: 14px;color: #000000;padding-left: 16px;} .ql_3 ul li a:hover{background: #509cfb;color: #ffffff;} @media screen and (max-width:1199px){ .downLogo img{width: 172px;} .downNav{width: 53.664122%; padding-left: 5%;} .downTel{width:25.801527%; padding-left:3%; } .downTel .downTel_m{line-height: 48px; height: 48px; font-size: 26px;} .downTel a{margin-top: 15px; margin-right: 10px; } } @media screen and (max-width:991px){ .downTop{padding: 20px 0; } .downLogo{width: 100%; text-align: center; height: auto; border: 0; padding: 15px 0;} .downLogo img{float: none; margin: 0 auto; width: 150px;} .downMap{float: left; line-height: 40px; height: 40px; margin: 0 10%; width: 80%; padding: 0 4%;background: rgba(255,255,255,.2); font-size: 18px; color: rgba(255,255,255,.8); position: relative;} .downMap::before{position: absolute; left: 20px;background:rgba(255,255,255,.5); width: 4px; height: 20px; top: 50%; margin-top: -10px; content: ""; border-radius: 3px;} .downMap::after{position: absolute; right: 20px;background: url(images/later25.png) no-repeat; background-size: 26px; width: 26px; height: 26px; top: 50%; margin-top: -13px; content: "";} .downNav{width:100%; padding:0 10%; display: none;} .downNav ul{width: 100%; background: rgba(255,255,255,.2); margin-top: 2px; padding: 5px 5%;} .downNav ul h4{width: 100%; color: rgba(255,255,255,.8); padding: 0; margin: 0; border: 0; height: 30px; line-height: 30px; } .downNav ul h4::after{right: -6px; top: 50%; left: auto; background: url(images/hfenbu03_2.png) no-repeat; width: 12px; height: 6px; background-size: 12px 6px; margin-top: -3px; } .downNav ul h4.on::after{ transform: rotate(180deg); } .downNav ul li{display: none; line-height: 30px; height: 30px;} .downTel{width:100%; padding-left:0; border: 0; text-align: center; margin-top: 20px; } .downTel .downTel_m{line-height: 48px; height: 48px; font-size: 26px;} .downTel .span{display: inline-block; vertical-align: top;} .downTel a{margin:10px 5px 0 5px; } .downBq{padding: 15px 0; text-align: center;} .downBq .downBqLe{width: 100%; line-height: 20px; font-size: 14px; } .downBq .downBqRi {float: none; display: inline-block; vertical-align: top; font-size: 12px;} .downBq .downBqRi > a{ padding:0 6px; line-height: 20px; height:20px; margin-top: 10px; font-size: 12px;} .ql_3{width: 180px ;margin-top: 5px;} .ql_3 span{height: 30px;padding: 0 10px;line-height: 28px; font-size: 12px;} .ql_3 span::after{right: 10px;width: 10px;height: 5px;} .ql_3 ul{height: 140px;} .ql_3 ul li a{display: block;height: 30px;line-height: 30px;font-size: 12px;padding-left: 0;} } @media screen and (max-width:767px){ .downTop{padding: 15px 0; } .downLogo img{width: 120px;} .downMap{line-height: 30px; height: 30px; font-size: 14px; } .downMap::before{left: 8px; width: 3px; height: 16px; margin-top: -8px;} .downMap::after{right: 15px; background-size: 22px; width: 22px; height: 22px; margin-top: -11px;} .downNav ul h4{ height: 20px; line-height: 20px; font-size: 14px; } .downNav ul h4::after{right: 5px; width: 8px; height: 4px; background-size: 8px 4px; margin-top: -2px; } .downNav ul li {font-size: 12px; line-height: 28px; height: 28px;} .downTel h4{line-height: 22px; height: 22px; font-size: 14px;} .downTel .downTel_m{line-height: 38px; height: 38px; font-size: 24px;} .downTel a{line-height: 30px; height: 30px; font-size: 12px; padding-right: 24px;width: 100px;} .downTel a::after{width: 24px; height: 30px; background-size: 24px 30px;} .downTel img{margin-right: 20px; line-height: 100px; height:100px; display: block; background: #333333;width: 100px;} .downBq{padding: 10px 0; text-align: center;} } .tc{ display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);} .tc_m{position: absolute; z-index: 9; width:876px; top: 50%; left: 50%; background: #fff; padding-bottom: 70px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tc_m .cha{position: absolute; right: 12px; bottom: 100%; background: url(../images/cha.png) no-repeat; width: 28px; height: 58px; cursor: pointer;} .tc_m .tcTit{float: left; width: 100%; height: 242px; background: url(../images/tcbg.png) no-repeat center top; background-size: 100% ; padding-top: 35px; line-height: 52px; font-size: 34px; color: #fff; font-weight: bold; text-align: center;} .tc_m form{float: left; width: 100%; padding: 0 63px;} .tc_m form .tc_in{float: left; width: 50%; padding: 0 15px; margin-top: 20px; position: relative;} .tc_m form label{float: left; width: 100%; border: 1px solid #b8c0c4; padding-left: 43px; position: relative;} .tc_m form label span{position: absolute; left: 0; top: 0; width: 43px; height: 100%;} .tc_m form label input{float: left; width: 100%; line-height: 22px; height: 42px; padding: 10px 10px 10px 0; font-size: 14px; color: #333;} .tc_m form label .yzm{position: absolute; right: 0; top: 0; width: 100px; height: 42px; display: block;} .tc_m form .tc_in2{width: 100%; } .tc_m form .tc_in2 textarea{width: 100%; height: 126px; line-height: 42px; font-size: 14px; color: #333; border: 0;} .tc_m form .tj{float: left; width: 100%; text-align: center;} .tc_m form button{display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin-top: 40px; width: 280px; height: 54px; background: url(../images/tcbtn.png) no-repeat; line-height: 54px; text-align: center; font-size: 24px; color: #fff; -webkit-border-radius:27px; -moz-border-radius:27px; border-radius:27px;} .tc_m form button:hover{ -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4); box-shadow: 1px 1px 10px rgba(0,0,0,.4); } @media screen and (max-width:1440px) and (max-height:900px){ .tc_m{width:686px; padding-bottom: 40px; top: 54%;} .tc_m .tcTit{height: 182px;padding-top: 30px; line-height: 32px; font-size: 24px;} .tc_m form{padding: 0 30px;} .tc_m form .tc_in{padding: 0 5px; margin-top: 10px; } .tc_m form label{padding-left: 43px;} .tc_m form label span{width: 43px; height: 100%;} .tc_m form label input{line-height: 22px; height: 42px; padding: 10px 10px 10px 0; font-size: 14px; } .tc_m form label .yzm{width: 80px;margin-top: 5px;} .tc_m form button{ margin-top: 30px; width: 180px; height: 44px; line-height: 44px; font-size: 20px; } } @media screen and (max-width:1369px){ .tc_m{width:686px; padding-bottom: 40px;} .tc_m .tcTit{height: 182px;padding-top: 30px; line-height: 32px; font-size: 24px;} .tc_m form{padding: 0 30px;} .tc_m form .tc_in{padding: 0 5px; margin-top: 10px; } .tc_m form label{padding-left: 43px;} .tc_m form label span{width: 43px; height: 100%;} .tc_m form label input{line-height: 22px; height: 42px; padding: 10px 10px 10px 0; font-size: 14px; } .tc_m form label .yzm{width: 80px;margin-top: 5px;} .tc_m form button{ margin-top: 30px; width: 180px; height: 44px; line-height: 44px; font-size: 20px; } } @media screen and (max-width:991px){ .tc_m{width:606px; padding-bottom: 40px;} } @media screen and (max-width:767px){ .tc_m{width:86%; padding-bottom: 15px;} .tc_m .tcTit{height: 102px;padding-top: 20px; line-height: 22px; font-size: 16px;} .tc_m .cha{right: -14px; bottom: auto; top: -14px; background: url(../images/cha.png) no-repeat top; width: 28px; height: 28px; } .tc_m form{padding: 0 15px;} .tc_m form .tc_in{padding: 0 5px; margin-top: 5px; width: 100%;} .tc_m form label{padding-left: 24px;} .tc_m form label span{width: 24px; } .tc_m form label input{line-height: 16px; height: 24px; padding: 4px 10px 4px 0; font-size: 12px;} .tc_m form label .yzm{width: 45px;margin-top: 0; height: 24px;} .tc_m form button{ margin-top: 10px; width: 80px; height: 28px; line-height: 28px; font-size: 12px; background-size: 100% 100%;} .tc_m form .tc_in2 textarea{height: 56px; line-height: 24px; font-size: 12px;} } .pf_d{ float:left; width:100%; height:50px;} .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;} .pf_down li{ width:20%; float:left; text-align:center; padding:5px 0 0 0;} .pf_down li .ico7{ width:100%; float:left; height:20px;} .pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";} .pf_down li.l1 .ico7{ background:url(../images/btn15.png) no-repeat center; background-size:20px 20px;} .pf_down li.l2 .ico7{ background:url(../images/btn16.png) no-repeat center; background-size:20px 20px;} .pf_down li.l3 .ico7{ background:url(../images/btn20.png) no-repeat center; background-size:20px 20px;} .pf_down li.l4 .ico7{ background:url(../images/btn19.png) no-repeat center; background-size:20px 20px;} .pf_down li.l5 .ico7{ background:url(../images/btn18.png) no-repeat center; background-size:20px 20px;} .pf_down li:hover .name, .pf_down li.on .name{ color:#509cfb;} .pf_down .l1:hover .ico7, .pf_down .l1.on .ico7{ background:url(../images/btn15_1.png) no-repeat center; background-size:20px 20px;} .pf_down .l2:hover .ico7, .pf_down .l2.on .ico7{ background:url(../images/btn16_1.png) no-repeat center; background-size:20px 20px;} .pf_down .l3:hover .ico7, .pf_down .l3.on .ico7{ background:url(../images/btn20_1.png) no-repeat center; background-size:20px 20px;} .pf_down .l4:hover .ico7, .pf_down .l4.on .ico7{ background:url(../images/btn19_1.png) no-repeat center; background-size:20px 20px;} .pf_down .l5:hover .ico7, .pf_down .l5.on .ico7{ background:url(../images/btn18_1.png) no-repeat center; background-size:20px 20px;} .elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} .spageBox{float:left; width:100%; line-height:34px; font-size:15px; color:#333; padding:50px 0;} @media screen and (max-width:1023px) { .spageBox{line-height:30px; font-size:14px; padding:30px 0;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#9e0029;} .sitemap li .font16{ font-size:16px; } .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .slideTit{float:left;width:100%;margin-top:4.16%;text-align:center} .slideTit .zh{float:left;width:100%;color:#666;font-size:32px;line-height:32px} .slideTit .en{float:left;width:100%;color:#999;font-size:16px;line-height:16px;font-family:Arial;text-transform:uppercase;margin-top:1.19%} @media screen and (max-width:1366px){ .slideTit .zh{font-size:22px;line-height:22px} .slideTit .en{font-size:14px;line-height:14px;margin-top:1.8%} } .page{padding:50px 0;} .page .p{font-size:16px; color:#333333; line-height: 40px; font-family: Arial; margin-top:40px;} @media screen and (max-width:1199px){ .page{padding:30px 0;} } @media screen and (max-width:767px){ .page{padding:20px 0; } .page .p{font-size:13px; line-height: 22px; margin-top:20px; text-align: justify;} } .about1{padding:50px 0;} .about1 .pic{width:48.71%; float:right; padding:30px 30px 30px 0; background:url(../images/p18.png) right center no-repeat; background-size:75.43%; margin: 0 0 15px 5.12%} .about1 .text .H4{font-size:30px; font-family: Arial; color:#1a2953; text-transform: uppercase; padding:18px 0 30px 0; position: relative;} .about1 .text .H4::after{width:50px; height: 2px; background-color:#1a2953; content: ""; position: absolute; bottom:0; left: 0; display:none;} .about1 .text .p{font-size:16px; color:#333333; line-height: 40px; font-family: Arial; margin-top:40px;} @media screen and (max-width:1199px){ .about1{padding:30px 0;} .about1 .text .H4{font-size:24px;} } @media screen and (max-width:767px){ .about1{padding:20px 0; } .about1 .pic{width:100%; padding:10px 10px 10px 0;} .about1 .text{float:left; width:100%;} .about1 .text .H4{font-size:20px; padding:15px 0;} .about1 .text .p{font-size:13px; line-height: 22px; margin-top:20px; text-align: justify;} } .newslist{ width:100%; float:left; margin-top:24px;} .newslist li{ width:100%; float:left; margin-top:30px; padding-left:422px; background:#f6f6f6; position:relative; height:246px;} .newslist li .c_327{ width:390px; border-right:solid 1px white; padding:30px; position:absolute; left:0; top:0;} .newslist li .c_327 .img{ width:100%; float:left; overflow:hidden; padding-bottom:56.4%; position:relative;} .newslist li .c_327 .img 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;} .newslist li:hover .c_327 .img 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);} .newslist li .text{ width:100%; float:left; padding:40px 55px 26px 0;} .newslist li .text .title{ width:100%; float:left; font-size:18px; color:#333; line-height:27px;} .newslist li .text .p{ width:100%; float:left; font-size:15px; color:#898989; line-height:30px; margin-top:12px;} .newslist li .text .time{ width:100%; float:left; margin-top:30px; font-size:14px; color:#a9a9a9; line-height:20px;} .newslist li .text .time .detail{ float:right;} .newslist li:hover .c_327{ background:#f0f0f0;} .newslist li:hover .text .title,.newslist li:hover .text .time .detail{ color:#2a74c7;} @media screen and (max-width:991px){ .newslist{ margin-top:14px;} .newslist li{ margin-top:20px; padding-left:300px; height:174px; overflow:hidden;} .newslist li .c_327{ width:280px; padding:20px;} .newslist li .text{ padding:24px 20px 20px 0;} .newslist li .text .title{ font-size:16px; line-height:23px;} .newslist li .text .p{ font-size:12px; line-height:22px; margin-top:19px; margin-top:10px;} .newslist li .text .time{ margin-top:20px; font-size:12px; line-height:18px;} } @media screen and (max-width:767px){ .newslist{ margin-top:8px;} .newslist li{ margin-top:10px; padding-left:0; height:auto;} .newslist li .c_327{ width:100%; position:relative; left:auto; top:auto; float:left; border-right:0; border-bottom:solid 1px white;} .newslist li .text{ padding:10px 20px 14px 20px;} .newslist li .text .p{ margin-top:10px;} .newslist li .text .time{ margin-top:10px;} } /*新闻详情*/ .news{ width:100%; float:left; padding:46px 0 70px 0;} .news h1{ width:100%; float:left; text-align:center; font-size:28px; color:#444; line-height:42px;} .news .main_1{ width:100%; float:left; margin-top:30px; background:#f8f8f8; line-height:53px; border:1px solid #efefef; border-radius:5px;} .news .main_1 .p{ float:left; width:100%; font-size:14px; color:#777; text-align:center;} .news .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;} .news .text{ width:100%; float:left; margin-top:35px; font-size:16px; color:#4a4a4a; line-height:36px; /*text-indent: 2em;*/} .news .main_3{ width:100%; float: left; margin-top: 30px; border-top: solid 1px #efefef; overflow: hidden;} .news .main_3 h5{ width:50%; float: left; padding: 15px 0; font-size: 16px; color: #666; line-height: 30px;} .news .main_3 h5 a{ line-height: 30px; color: #666;} .news .main_3 h5.last{text-align: right;} .news .main_3 h5:hover a,.news .main_3 h5:hover{ color: #2a74c7;} @media screen and (max-width:991px) { .news{ padding:23px 0 40px 0;} .news .text{ margin-top:23px;} } @media screen and (max-width:767px) { .news{ padding:13px 10px 20px 10px;} .news h1{ font-size:18px; line-height:26px;} .news .main_1{ margin-top:12px; line-height:43px; text-align:center;} .news .main_1 .p{ font-size:12px; width:100%; text-align:center；} .news .main_1 .p span{ margin-right:10px;} .news .text{ margin-top:22px; font-size:12px; line-height:22px;} .news .bdsharebuttonbox{ margin-top:17px;} .news .main_3{ padding: 5px 0; margin-top: 18px;} .news .main_3 h5{ width:100%; padding: 0; font-size:12px; line-height:30px;} .news .main_3 h5.last{ text-align: left;} } @media screen and (max-width:480px) { .news .main_1{ border:0;} .news .main_1 .p{ display:none;} .news .text{ margin-top:12px;} } .pz_SideLayer{ width:100%; float:left; text-align:center; margin-top:32px;} .pz_SideLayer li{ display:inline-block; vertical-align:top; margin:0 2px;} .pz_SideLayer li a{ display:block; padding:0 30px;line-height:48px; background:#efefef; font-size:16px; color:#666; letter-spacing:1px;position: relative; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .pz_SideLayer li.on a,.pz_SideLayer li a:hover{ color:white; background:#4378cf;} .pz_SideLayer li.on a::after{ content: ""; position: absolute; bottom: -10px!important; left: 50%; margin-left: -5px; z-index: 999; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #4378cf transparent transparent transparent;} .side_cont{ float:left; width: 100%; position: relative;text-align:center;} .side_cont .l1{display:inline-block; line-height: 20px; font-size:15px; padding:10px 15px; background:#efefef; margin:30px 0 0 0; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .side_cont .l1.on,.side_cont .l1:hover{ background: #4378cf;} .side_cont .l1.on a{ position: relative;} .side_cont .l1.on a::after{ content: ""; position: absolute; bottom: -20px!important; left: 50%; margin-left: -5px; z-index: 999; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #4378cf transparent transparent transparent;} .side_cont .l1.on a,.side_cont .l1:hover a{ color: #fff;} @media screen and (max-width:1400px ) { .side_cont .l1{ padding: 15px 43px;} } @media screen and (max-width:1200px ) { .pz_SideLayer li{width:calc(25% - 10px); margin:10px 5px;} .pz_SideLayer li a{font-size:14px;} .side_cont .l1{ padding: 15px 30px;} } @media screen and (max-width:991px ) { .pz_SideLayer li{width:30%; margin:10px 5px;} .pz_SideLayer li a{font-size:12px;} .side_cont{ width: 98%;} .side_cont .l1{ line-height: 18px; font-size: 14px; padding: 10px 19px; margin: 20px 0 0 0;} .side_cont .l1.on a::after{ bottom: -20px!important; left: 50%; z-index: 9; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #4378cf transparent transparent transparent; margin-left: -5px;} .side_cont .l1:hover a::after{ bottom: -10px; left: 50%; z-index: 999; width:0; height:0; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #4378cf transparent transparent transparent; margin-left: -5px;} } @media screen and (max-width:767px ) { .pz_SideLayer li{width:45%; margin:10px 5px;} .pz_SideLayer li a{font-size:12px;} .side_cont .l1{ padding: 5px 1%;} .side_cont .l1{ font-size: 12px;} .side_cont .l1.on a::after{ bottom: -16px!important;} } @media screen and (max-width:450px ) { .pz_SideLayer li{width:100%; margin:5px 0;font-size:12px;} .pz_SideLayer li a{font-size:12px;} .side_cont .l1{ padding: 5px 1px;} } @media screen and (max-width:400px ) { .side_cont .l1{ margin: 10px 0 0 0;} .side_cont .l1{ padding: 5px 2%;} } /*联系我们*/ .contactHead{ width:100%; float:left; margin-top:60px; overflow:hidden;} .contactHead .c_470{ width:38.2%; float:left; padding:37px 30px 35px 30px; background:#f5f5f5; height:380px; position:relative;} .contactHead .c_470:before{ content:''; background:url(images/contact1.png) no-repeat center center; width:12px; height:35px; position:absolute; right:-12px; top:50%; margin-top:-17px; z-index:3;} .contactHead .c_470 h3{ width:100%; float:left; font-size:30px; color:#323232; line-height:42px; font-weight:bold;} .contactHead .c_470 .title{ width:100%; float:left; margin-top:18px; padding:0 0 17px 0; border-bottom:solid 1px #eaeaea; letter-spacing:1px;} .contactHead .c_470 .title h4{ width:100%; float:left; font-size:24px; color:#333; line-height:31px;} .contactHead .c_470 .title h6{ width:100%; float:left; font-size:14px; color:#999; line-height:18px; font-family:Arial;} .contactHead .c_470 .dl{ width:100%; float:left;} .contactHead .c_470 .dl li{ width:100%; float:left; margin-top:15px; font-size:14px; color:#666;} .contactHead .c_470 .btn{ width:100%; float:left; margin-top:39px;} .contactHead .c_470 .btn .span{display:inline-block;*display:inline; *zoom:1; float:left; font-size:14px; color:#323232; line-height:26px; margin-top:9px;} .contactHead .c_470 .btn a{display:inline-block;*display:inline; *zoom:1; width:40px; height:40px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-left:20px; background-color:#e5e5e5 !important; position:relative; background-size:contain !important; -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;} .contactHead .c_470 .btn a.a1{ background:url(images/ico08_1.png) no-repeat center;} .contactHead .c_470 .btn a.a2{ background:url(images/ico08_2.png) no-repeat center;} .contactHead .c_470 .btn a.a1:hover{ background:url(images/ico08_1_h.png) no-repeat center;} .contactHead .c_470 .btn a.a2:hover{ background:url(images/ico08_2_h.png) no-repeat center;} .contactHead .c_470 .btn a .ewm_3{ background:url(images/ewm_bg.png) no-repeat center; width:116px; height:123px; padding:11px 11px 18px 11px; position:absolute; left:50%; top:-100px; margin-left:-58px; display:none;} .contactHead .c_470 .btn a:hover .ewm_3{ display:block; -webkit-animation:fadeInUp2 0.5s 0s ease both; -moz-animation:fadeInUp2 0.5s 0s ease both;} @-webkit-keyframes fadeInUp2{ 0%{opacity:0; -webkit-transform:translateY(0px)} 100%{opacity:1; -webkit-transform:translateY(-20px)} } @-moz-keyframes fadeInUp2{ 0%{opacity:0; -moz-transform:translateY(0px)} 100%{opacity:1; -moz-transform:translateY(-20px)} } .contactHead .c_670{ width:61.8%; float:right; height:380px;} .bdmap{ position:relative; width:100%; height:100%;} @media screen and (max-width:991px) { .contactHead{ margin-top:40px;} .contactHead .c_470{ padding:27px 20px 25px 20px; height:440px;} .contactHead .c_470 .btn{ margin-top:30px;} .contactHead .c_470 h3{ font-size:24px; line-height:34px;} .contactHead .c_470 .title{ margin-top:16px; padding:0 0 12px 0;} .contactHead .c_470 .title h4{ font-size:18px; line-height:26px;} .contactHead .c_470 .title h6{ font-size:12px; line-height:16px;} .contactHead .c_670{ height:440px;} } @media screen and (max-width:767px) { .contactHead{ margin-top:20px; padding:0 0;} .contactHead2 {margin-top:20px;} .contactHead .c_470{ width:100%; padding:17px 10px 15px 10px; height:auto;} .contactHead .c_470 .btn{ margin-top:20px;} .contactHead .c_470 h3{ font-size:18px; line-height:26px;} .contactHead .c_470 .title{ margin-top:10px; padding:0 0 8px 0;} .contactHead .c_470 .title h4{ font-size:16px; line-height:24px;} .contactHead .c_470 .title h6{ line-height:14px;} .contactHead .c_470 .btn .span{ font-size:12px; line-height:22px; margin-top:5px;} .contactHead .c_470 .btn a{ width:30px; height:30px;} .contactHead .c_670{ width:100%; margin-right:0; height:260px;} .contactHead .c_470 .dl li{ margin-top:10px; font-size:12px; line-height:18px;} } .contactBody{ width:100%; float:left; padding-bottom:80px; overflow:hidden;} .contactBody h3{ width:100%; float:left; padding-bottom:15px; border-bottom:solid 1px #e6e5e5; font-weight:bold; font-size:24px; color:#43a1de; line-height:34px;} .contactBody ul{ width:100%; float:left;} .contactBody ul li{ width:50%; float:left; margin-top:30px; padding:0 15px;} .contactBody ul li a{ display:block; width:100%; float:left; padding:20px 20px 20px 165px; position:relative; background:#f5f5f5;} .contactBody ul li a .img{ position:absolute; left:20px; top:20px; width:126px; height:126px; overflow:hidden;} .contactBody ul li a .img img{ width:100%; height:100%; float:left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} .contactBody ul li a:hover .img 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);} .contactBody ul li a h4{ width:100%; float:left; padding-bottom:7px; border-bottom:dashed 1px #c1c5c6; font-size:18px; color:#333; line-height:40px;} .contactBody ul li a h5{ width:100%; float:left; margin-top:10px; font-size:14px; color:#555; line-height:32px; letter-spacing:1px;} @media screen and (max-width:991px) { .contactBody{ padding-bottom:60px;} .contactBody h3{ padding-bottom:10px; font-size:20px; line-height:30px;} .contactBody ul .row{ margin:0 -10px;} .contactBody ul li{ margin-top:20px; padding:0 10px;} .contactBody ul li a{ padding:15px 15px 15px 145px;} .contactBody ul li a .img{ left:15px; top:15px; width:120px; height:120px;} .contactBody ul li a h4{ padding-bottom:5px; font-size:16px; line-height:34px;} .contactBody ul li a h5{ margin-top:6px; font-size:12px; line-height:26px;} } @media screen and (max-width:767px) { .contactBody{ padding:0 10px; padding-bottom:40px;} .contactBody h3{ padding-bottom:6px; font-size:16px; line-height:24px;} .contactBody ul{ padding:0 10px;} .contactBody ul .row{ margin:0 0;} .contactBody ul li{ width:100%; margin-top:10px; padding:0 0;} .contactBody ul li a{ padding:10px 10px 10px 125px;} .contactBody ul li a .img{ left:10px; top:10px; width:100px; height:100px;} .contactBody ul li a h4{ line-height:28px;} .contactBody ul li a h5{ line-height:22px;} } /*在线留言*/ .message{ float:left; width:100%; margin: 5.72% 0; padding:0.71% 3.64% 2.85% 3.64%; background: #f7f7f7; background-size: cover;} .message .lab{ float:left; width:100%; margin:20px 0 0 0;} .fm1{ float:left; width:50%; padding:0 33px;} .fm2{ float:left; width:100%; padding:0 33px;} .fm3{ display:block; margin:0 auto; width:280px;} .fm1_1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:32px; text-transform:uppercase;} .fm1_1 font{ font-size:12px;} .fm1_1 span{ color:#ec9706;} .fm1_2{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 18px; color:#333; font-size:14px; height:50px; line-height:48px; -webkit-appearance:none; outline: 0; } .fm1_3{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:16px 18px; color:#333; font-size:14px; height:100px; line-height:24px; -webkit-appearance:none; outline: 0; } .fm1_4{ float:left; width:100%; border:none; background:#f39800; color:#fff; height:56px; line-height:56px; text-align:center; font-size:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:20px; -webkit-appearance:none; outline: 0; } .fm1_4:hover, .fm1_4:focus{ background:#d91516;} .messageIn ::-webkit-input-placeholder { color:#999 !important;} .messageIn :-moz-placeholder { color:#999 !important;} .messageIn ::-moz-placeholder { color:#999 !important;} .messageIn :-ms-input-placeholder { color:#999 !important; } .fmStar{ float:left; width:100%; color: #999999; font-size: 12px; line-height: 15px; padding-top: 8px; text-align: center;} .fmStar span{ color: #ec9706; font-size: 14px;} @media screen and (max-width:1229px){ .message{padding:3.16% 4% 6.66% 4%;} } @media screen and (max-width:991px){ .message .lab{ margin:5px 0;} .fm1{ padding:0 10px;} .fm2{ padding:0 10px;} .fm1_4{ height:45px; line-height:45px; margin-top:10px;} .fm1_2{ padding:0 10px; height:40px; line-height:38px;} .fm1_3{padding:8px 10px; line-height:24px;} } @media screen and (max-width:767px){ .message{padding:1.16% 4.5% 5.66% 4.5%;} .message label{ margin:0;} .message .lab{ margin:0;} .fm1{ width:100%; padding:0;} .fm2{ padding:0;} .fm3{ width:170px;} .fm1_1{ margin-top:8px;} } /*topbar*/ .c_0100_bg1{ border-bottom: 1px solid rgba(255,255,255,.3)} .c_1170_1{ padding:11px 15px;} .c_1170_1 .l_tel{ float:left; color:#e1e1e1; font-size:14px; line-height:19px; padding:4px 0;} .c_1170_1 .l_tel p{display:inline-block} .c_1170_1 .r_search{ float:right; width:210px; height:27px; background:rgba(255,255,255,.3); color:#ffffff;} .c_1170_1 .r_search input::-webkit-input-placeholder {color: #fff;} .c_1170_1 .r_search input::-moz-input-placeholder { color: #fff; } .c_1170_1 .r_search input::-ms-input-placeholder {color: #fff; } .fom1{ float:left; width:180px; height:27px; padding-left:13px; color:#ffffff; line-height:27px; font-family: 'OpenSans-Regular'; background:0; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; -webkit-appearance:none; } .c_1170_1 .r_search .rbtn{ float:right; width:17px; height:17px; margin:5px 10px 0 0 ;} .ph_downse{ float:left; width:100%; padding:15px; margin-top:20px; background:#fff;} .ph_downse .ph_downbox{ float:left; width:100%; height:44px; border:#cccccc solid 1px; padding-right:56px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .ph_downse .ph_downbox .leftinput{ float:left; width:100%; padding:0 10px 0 10px; margin-top:9px; line-height:24px;} .ph_downse .ph_downbox .leftinput input{ float:left; width:100%;} .ph_downse .ph_downbox .rightsumit{ position:absolute; right:0; top:0; float:right; width:42px; height:24px; margin:9px 14px 0 0; padding-left:17px; border-left:#cccccc solid 1px;} } /*列表通用翻页*/ .listpage{clear:both; text-align:center;} .LuckCMS-page{padding:14px 0 10px; font-size:12px;} .LuckCMS-page a{height:32px; margin-left:6px; padding:0 10px; border:1px solid #d3d3d3; text-align:center; color:#767676; display:inline-block; line-height:32px;} .LuckCMS-page a:hover{border-color:#1d81d0; background:#1d81d0; color:#fff; } .LuckCMS-page span{height:32px; margin-left:6px; padding:0 10px; border:1px solid #1d81d0; color:#fff; line-height:32px; background:#1d81d0; text-align:center; display:inline-block;}