@import url(anim.css); * {margin: 0px;padding: 0px; font-family:"寰蒋闆呴粦";} body{ min-width:1200px;font-size: 12px; overflow-x:hidden;} table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;} h1{ color:#232323;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{ font-size:12px;} p{ color:#686868;} ul{ list-style:none;} .cursor{cursor:pointer;} .clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .l{float:left;} .r{float:right;} .tl{text-align:left;} .tc{text-align:center;} .tr{text-align:right;} img {border:0;} a{ text-decoration:none; color:#686868;} .gy{ width:1200px; margin:0 auto; overflow:hidden;} .gy2{ width:1440px; margin:0 auto; overflow:hidden;} a:hover{ text-decoration:none; color:#f3782a;} .yuyue_bgs{z-index: 19891024;background-color: #000;opacity: 0.3; width:100%; height:100%; position:fixed; left:0; top:0; display:none;} .layui-layer{z-index: 19891025; /*width: 600px; height: 360px;*/ width:0; height:0; /*top: 157.5px;*/ left: 50%;/* margin-left:-300px; */position:fixed; background-color:#fff; border-radius:6px; overflow:hidden;} .layui-layer-title {padding: 0 80px 0 80px;height: 42px; line-height: 42px;border-bottom: 1px solid #eee; font-size: 22px; color: #fff; overflow: hidden; background-color: #1788d0;border-radius: 6px 6px 0 0; text-align:center;} .layui-layer-page .layui-layer-content{position: relative; overflow: auto;} .layui-layer .normal{ border:1px solid #e4e4e4;border-radius: 4px; height:20px; line-height:20px; padding:3px; width:200px;} .layui-layer-setwin { position: absolute; right: 15px; top: 0px; font-size: 0; line-height: initial;} .layui-layer-setwin a{ color:#fff; font-size:26px;} .layui-layer .aap_p{ font-size:18px;color:#1788d0; } .layui-layer .aap_p a{ font-size:18px; color:#1788d0;} .layui-layer table td{font-size:14px;color:#333333; } .layui-layer .input{width: 125px;height: 30px;display: block;background: #1788d0;margin-top: 10px;border-radius: 4px;border: 1px #1788d0 solid; outline:none;color: #fefefe;font-size: 16px;text-align: center;line-height: 180%; cursor:pointer; } .layui-layer .input:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;} .top01{ width:100%; height:38px; line-height:38px; background:#212121; /*color:#f5f5f5;*/ color:#fff; overflow:hidden;} .top01 .l{ font-size:14px;} .top01_center{ text-align:left;/* width:362px; *//*padding-left:840px; margin:0 auto;*/ float:right; font-size:14px;} .top01_center img{ vertical-align:sub; display:inline-block; margin-right:8px;} .top01_center div{ font-size:14px; height:38px; overflow:hidden; display:block; text-align:right;} .top01_center div.div1{transition:all 0.3s;} .top01_center:hover div.div1{ margin-top:-38px;} .top02{ height:86px; width:100%; min-width:1200px;} .top02 .top02_center{width:1440px; min-width:1200px;margin:0 auto;} .logo{ width:339px; float:left; padding-top:13px;} .logo a{ width: 160px; display: inline-block;float: left} .logo img{ float:left;} .logo .logo-year{ margin-top:25px; height:30px; line-height:20px; text-align:center; font-size:14px; color:#a4a4a4; border-radius:4px; overflow:hidden; font-weight:bold;letter-spacing:1px;} .nav{ float:right; } /*.nav ul{ width:780px;}*/ .nav li.m{ width:86px; padding-right:22px; margin:0 22px 0 0;float:left; text-align:center;/* position:relative;*/ background:url(../images/top_bg1.png) right 46px no-repeat;} .nav li:last-child{ background:none; padding-right:0; margin-right:0;} .nav a.mmm{ width:86px; height:46px; padding-top:40px; display:block; font-size:16px; color:#333; /*overflow:hidden; */} .nav a:hover{ /*border-bottom:3px solid #f3782a;*/} .nav .m.on a.mmm{color:#1788d0;} .nav a#sel{/*border-bottom:3px solid #f3782a;*//*color:#f3782a;*/} /*.nav a#sel:hover:after{opacity: 0;}*/ #top_bg{background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; display:none;} .nav .sub{ display:none; /*榛樿闅愯棌*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:124px; overflow:hidden; text-align:left; z-index:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;} .nav .sub .nav_xiao{ width:1440px; overflow:hidden; margin:0 auto;} .nav .sub .nav_xiao.max1100{ max-width:1100px;} .nav .sub .nav_xiao .xiao_one{overflow:hidden; padding-top:40px; padding-bottom:40px;} .nav .sub .nav_xiao .xiao_one ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;} .nav .sub .nav_xiao .xiao_one ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; } .nav .sub .nav_xiao .xiao_one ul li:last-child a{ border-right:0;} .nav .sub .nav_xiao .xiao_one ul li a:hover{ color:#1788d0;} .nav .sub .nav_xiao .xiao_one ul li a i{ display:block; width:101px; height:84px; margin:0 auto;margin-bottom:23px; overflow:hidden; background-image:url(../images/top_pic1.png); background-repeat:no-repeat;transition:all 0.3s; margin-top:20px;} .nav .sub .nav_xiao .xiao_one ul li a i.bgs1{ background-position:-720px top;} .nav .sub .nav_xiao .xiao_one ul li a i.bgs2{ background-position:left top;} .nav .sub .nav_xiao .xiao_one ul li a i.bgs3{ background-position:-360px top;} .nav .sub .nav_xiao .xiao_one ul li a i.bgs4{ background-position:-1088px top;} .nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png);} .nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{ background-position:-720px bottom;} .nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{ background-position:left bottom;} .nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{ background-position:-360px bottom;} .nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{ background-position:-1088px bottom;} .nav .sub .nav_xiao .xiao_two{ margin-top:40px;/*margin-left:405px; width:670px;*/ margin-bottom:40px; overflow:hidden;} .nav .sub .nav_xiao .xiao_two ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;} .nav .sub .nav_xiao .xiao_two ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; } .nav .sub .nav_xiao .xiao_two ul li:last-child a{ border-right:0;} .nav .sub .nav_xiao .xiao_two ul li a:hover{ color:#1788d0;} .nav .sub .nav_xiao .xiao_two img{ float:left; margin-right:25px;} .nav .sub .nav_xiao .xiao_two .nav_div{ float:left; width:380px; padding-top:30px; font-size:12px; color:#666666; line-height:22px;} .nav .sub .nav_xiao .xiao_two .nav_div h2{ font-size:16px; color:#f3782a; font-weight:normal; letter-spacing:1px; line-height:36px;} .nav .sub .nav_xiao .xiao_two ul li a i{ display:block; width:104px; height:104px; margin:0 auto;margin-bottom:13px; overflow:hidden; background-image:url(../images/top_pic2.png); background-repeat:no-repeat; margin-top:10px; background-color:#999999; border-radius:50%; position:relative;transition:all 0.3s;} .nav .sub .nav_xiao .xiao_two ul li a i.bgs1{ background-position:30px center;} .nav .sub .nav_xiao .xiao_two ul li a i.bgs2{ background-position:-330px center;} .nav .sub .nav_xiao .xiao_two ul li a i.bgs3{ background-position:-691px center;} .nav .sub .nav_xiao .xiao_two ul li a i.bgs4{ background-position:-1050px center;} .nav .sub .nav_xiao .xiao_two ul li a:hover i{ background-color:#1788d0; margin-top:5px; } .nav .sub .nav_xiao .xiao_three{overflow:hidden; margin-top:60px; margin-bottom:60px;} .nav .sub .nav_xiao .xiao_three ul li{ float:left; display:inline; width:18%; height:218px; overflow:hidden; margin-right:2.5%; text-align:center; position:inherit; line-height:56px; background-color:#fff;} .nav .sub .nav_xiao .xiao_three ul li:last-child{ margin-right:0;} .nav .sub .nav_xiao .xiao_three ul li img{ width:100%; display:block;transition:all 0.3s;} .nav .sub .nav_xiao .xiao_three ul li a{ color:#000000; width:100%; font-size:18px; height:100%; display:block;} .nav .sub .nav_xiao .xiao_three ul li a:hover{ color:#1788d0;} /*.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}*/ .nav .sub .nav_xiao .xiao_four{ width:50%; overflow:hidden; margin-top:40px; margin-bottom:40px;} .nav .sub .nav_xiao .xiao_four.l{ border-right:1px solid #e3e3e3;} .nav .sub .nav_xiao .xiao_four.r{ width:49%;} .nav .sub .nav_xiao .xiao_four h2{ font-size:16px; font-weight:bold; color:#000; height:18px; line-height:18px;} .nav .sub .nav_xiao .xiao_four .ul{margin-top:23px;} .nav .sub .nav_xiao .xiao_four .ul li{ padding-top:11px; padding-bottom:11px; height:44px; line-height:22px; padding-left:15px; margin-right:40px; width:265px; overflow:hidden; float:left; display:inline; margin-bottom:10px;position:inherit;} .nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){ margin-right:0;} .nav .sub .nav_xiao .xiao_four .ul li:hover{ background-color:#fff;} .nav .sub .nav_xiao .xiao_four .ul li a{ display:block;text-align:left; color:#999999; font-size:14px;} .nav .sub .nav_xiao .xiao_four .ul li a i{ margin-right:10px; margin-top:4px; float:left; width:36px; height:36px; background-repeat:no-repeat; background-position:center center;} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{ background-image:url(../images/top_pic4.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{ background-image:url(../images/top_pic5.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{ background-image:url(../images/top_pic6.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{ background-image:url(../images/top_pic7.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{ background-image:url(../images/top_pic8.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{ background-image:url(../images/top_pic9.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{ background-image:url(../images/top_pic10.png);} .nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{ background-image:url(../images/top_pic11.png);} .nav .sub .nav_xiao .xiao_four .ul li a b{ font-weight:normal; font-size:16px; display:block; color:#000; height:22px; overflow:hidden;} .nav .sub .nav_xiao .xiao_four .ul2{ width:540px; margin:0 auto; overflow:hidden;} .nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px;} .nav .sub .nav_xiao .xiao_four .ul2 li{ padding-top:11px; padding-bottom:11px; height:44px; line-height:22px; margin-right:40px; width:250px; overflow:hidden; float:left; display:inline; margin-bottom:10px;position:inherit;} .nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){ margin-right:0;} .nav .sub .nav_xiao .xiao_four .ul2 li a{ display:block;text-align:left; color:#999999; font-size:14px;} .nav .sub .nav_xiao .xiao_four .ul2 li a b{ font-weight:normal; font-size:16px; display:block; color:#000; height:22px; overflow:hidden;} .nav .sub .nav_xiao .xiao_four .ul2 li a b i{ display:inline-block; width:35px; height:15px; overflow:hidden; background:url(../images/top_pic12.png) no-repeat; margin-left:3px;} .nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{ color:#1788d0;} .nav .sub .nav_xiao .xiao_five2{text-align: left; margin:71px auto;} .nav .sub .nav_xiao .xiao_five2 a{text-align: left; float:left; margin-left:100px; height:38px; line-height:38px;/* width:155px;*/ color:#000000; font-size:18px; margin-bottom:42px; transition:all 0.3s;} .nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){ margin-right:3px;} .nav .sub .nav_xiao .xiao_five2 a i{ width:38px; height:38px; border-radius:50%; background-color:#999999; background-repeat:no-repeat; background-image:url(../images/top_pic3.png); float:left; margin-right:20px;transition:all 0.3s; margin-left:0px;} .nav .sub .nav_xiao .xiao_five2 a:hover{color:#1788d0;} .nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#1788d0; /*margin-left:3px;*/} .nav .sub .nav_xiao .xiao_five2 a i.bgs1{ background-position:9px 8px;} .nav .sub .nav_xiao .xiao_five2 a i.bgs2{ background-position:-233px 8px;} .nav .sub .nav_xiao .xiao_five2 a i.bgs3{ background-position:9px -72px;} .nav .sub .nav_xiao .xiao_five2 a i.bgs4{ background-position:-233px -72px;} .nav .sub .nav_xiao .xiao_five2 a i.bgs5{ background-position:9px -152px;} .nav .sub .nav_xiao .xiao_five2 a i.bgs6{ background-position:-233px -152px;} .nav .sub .nav_xiao .xiao_six{overflow:hidden; height:338px; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} .nav .sub .nav_xiao .xiao_six ul li{ float:left;display:inline; height:338px; width:24.9%; overflow:hidden;border-right:1px solid #e6e6e6; text-align:center;} .nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{ margin:0 auto; width:80%; max-width:360px;height:338px; overflow:hidden; text-align:left;} .nav .sub .nav_xiao .xiao_six ul li .xiao_six_con .nav_box{height: 140px} .nav .sub .nav_xiao .xiao_six ul li:last-child{ border-right:0;} .nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{ font-size:18px; font-weight:bold; height:62px; line-height:62px; border-bottom:1px solid #e6e6e6; margin-bottom:23px;} .nav .sub .nav_xiao .xiao_six ul li a{ float:left; width:136px; overflow:hidden; height:30px; line-height:30px;font-size:16px; color:#666666;} .nav .sub .nav_xiao .xiao_six ul li a:hover{ color:#1788d0;} .nav .sub .nav_xiao .xiao_six ul li .a{ display:block; width:182px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; margin-top:31px;transition:all 0.3s; clear:both;} .nav .sub .nav_xiao .xiao_six ul li .a.bgs1{ background-color:#1788d0;} .nav .sub .nav_xiao .xiao_six ul li .a.bgs2{ background-color:#248cf6; margin-top:61px;} .nav .sub .nav_xiao .xiao_six ul li .a.bgs3{ background-color:#1ecc85; margin-top:91px;} .nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;} .banner{ width:100%; height:625px; clear:both;} .service_top05{ width:440px; margin:0 auto; height:50px;color:#2c2c2c;} .service_top05_left{ width:290px; float:left; font-size:36px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } .service_top05_right{ width:138px; float:right; text-align:left; font-size:30px;} .service_top05 span{color:#f3782a; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .service_top05_a{ text-align:center; margin-top:10px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;} .service_top05_a a{ display:inline-block; font-size:16px; color:#000000; line-height:38px; margin-left:5px; margin-right:5px; width:140px; border-radius:20px;} .service_top05_a a:hover{ color:#fff; background-color:#1788d0;} .service_top05_a a.two_sel{color:#fff; background-color:#1788d0;} .case{ width:100%; clear:both; padding-top:60px;} /*.customer_button{ width:198px; margin:0 auto; padding-top:30px; clear:both; height:5px;}*/ /*.customer_button img{ margin:0 2px;}*/ /*.new_list li{ width:580px; height:130px; float:left; padding:10px; margin:0 0 25px 0;}*/ /*.new_List_date{ width:60px; float:left; text-align:center; }*/ /*.new_List_date h1{ color:#f3782a; font-size:30px;line-height:45px;}*/ /*.new_List_date h2{ font-weight:normal; color:#686868; line-height:30px;}*/ /*.new_list_pic{ width:124px; float:left; margin:0 10px;}*/ /*.new_list_pic img{ width:124px; height:124px;}*/ /*.new_list_text{ width:350px; float:left; margin-left:20px; text-align:left;}*/ /*.new_list_text h1{ color:#f3782a; font-size:14px; height:35px; overflow:hidden; line-height:35px; border-bottom:1px solid #d7d7d7;}*/ /*.new_list_text p{ margin-top:5px; line-height:22px; height:66px; overflow:hidden;}*/ /*.new_list li:hover{ background:#f5f5f5;}*/ /*.new_list_text span{ width:83px; float:right;}*/ /*.new_list_button{ clear:both; width:120px; height:15px; padding:10px 0 30px 0; margin:0 auto;}*/ /*.new_list_button img{ margin:0 12px;}*/ .divhidden{ display:none;} .notice{font-size: 12px;color: #999; padding-top: 20px; clear: both;} /* CSS Document */ /*.contxt{background:#adadad; border:1px solid #adadad; padding:5px; line-height:30px; color:#fff; font-family:"寰蒋闆呴粦"; font-size:14px; width:495px;}*/ /*.contxt2{background:#adadad; border:1px solid #adadad; padding:5px; line-height:30px; color:#fff; font-family:"寰蒋闆呴粦"; font-size:14px; width:690px;}*/ .btn{padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"寰蒋闆呴粦";} body{cursor:default;-webkit-text-size-adjust:none;font-size:12px;font-family:Arial;background:#FFF;} .main{position:relative; width:1200px; margin:0 auto; clear:both;} /*澶撮儴*/ /*棰勭害涓婇棬*/ .yuyue_bgs{z-index: 19891024;background-color: #000;opacity: 0.3; width:100%; height:100%; position:fixed; left:0; top:0; display:none;} .layui-layer{z-index: 19891025; /*width: 600px; height: 360px;*/ width:0; height:0; /*top: 157.5px;*/ left: 50%;/* margin-left:-300px; */position:fixed; background-color:#fff; border-radius:6px; overflow:hidden;} .layui-layer-title {padding: 0 80px 0 80px;height: 42px; line-height: 42px;border-bottom: 1px solid #eee; font-size: 22px; color: #fff; overflow: hidden; background-color: #1788d0;border-radius: 6px 6px 0 0; text-align:center;} .layui-layer-page .layui-layer-content{position: relative; overflow: auto;} .layui-layer .normal{ border:1px solid #e4e4e4;border-radius: 4px; height:20px; line-height:20px; padding:3px; width:200px;} .layui-layer-setwin { position: absolute; right: 15px; top: 0px; font-size: 0; line-height: initial;} .layui-layer-setwin a{ color:#fff; font-size:26px;} .layui-layer .aap_p{ font-size:18px;color:#1788d0; } .layui-layer .aap_p a{ font-size:18px; color:#1788d0;} .layui-layer table td{font-size:14px;color:#333333; } .layui-layer .input{width: 125px;height: 30px;display: block;background: #1788d0;margin-top: 10px;border-radius: 4px;border: 1px #1788d0 solid; outline:none;color: #fefefe;font-size: 16px;text-align: center;line-height: 180%; cursor:pointer; font-family:'寰蒋闆呴粦';} .layui-layer .input:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;} /*棣栭〉妗堜緥鍒楄〃*/ .i_case2 ul li{ float:left; width:25%; overflow:hidden;background-color:#fff;transition:all 0.3s;} .i_case2 ul li:nth-child(2n+0){ margin-right:0;} .i_case2 ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;} .i_case2 ul li .imgs{ overflow:hidden; width:100%; position:relative;} .i_case2 ul li .imgs img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-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;} .i_case2 ul li h1{font-weight:normal; font-size:14px; color:#a9a9a9; bottom:-50px; position:absolute; width:100%;left:0; height:50px; line-height:50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align:left; text-indent:20px; background:rgba(0, 0, 0, 0.5);transition:all 0.3s;} .i_case2 ul li h2{ height:60px; line-height:60px; font-weight:normal; text-align:center; font-size:18px;} .i_case2 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .i_case2 ul li:hover h2{ color:#fff;} .i_case2 ul li:hover h1{ bottom:0;} .i_case2 ul li:nth-child(1):hover{background-color:#cee608;} .i_case2 ul li:nth-child(2):hover{background-color:#8b553b;} .i_case2 ul li:nth-child(3):hover{background-color:#a12b43;} .i_case2 ul li:nth-child(4):hover{background-color:#00a0e9;} .i_case2 ul li:nth-child(5):hover{background-color:#144360;} .i_case2 ul li:nth-child(6):hover{background-color:#52a924;} .i_case2 ul li:nth-child(7):hover{background-color:#fbbe01;} .i_case2 ul li:nth-child(8):hover{background-color:#e92205;} .i_case2 p{padding:20px;color: #f8f8f8} /*footer_nav css*/ .th40{width: 100%;height: 1px;margin:0 auto;background-color:#999999;} #footer_menu1{width: 100%;background-color:#363636;} #footer_menu{width: 1200px;margin:0 auto; padding-bottom: 15px;} #footer_menu li{width:120px;float: left;padding:10px 30px;border-left: solid 1px #48494d;height: 340px;margin-left: 7px;} #footer_menu li:first-child{border-left:none;} #footer_menu li .menu_en{width: 100%;height:10px;line-height: 10px;margin-top:10px;text-transform: uppercase;font-size: 13px;color: #d9d9d9;} #footer_menu li .menu_cn{width: 100%;height:22px;line-height: 22px; margin-top:40px;} #footer_menu li .menu_cn a{color: #fff;font-size: 15px; } #footer_menu li .menu_cn a:hover{text-decoration: underline;} #footer_menu li .menu_a{margin-top: 25px;margin-bottom: 10px;} #footer_menu li .menu_a a{height: 25px;line-height: 30px;font-size: 12px;color: #fff;display: block; margin-top:10px;} #footer_menu li .menu_a a:hover{text-decoration: underline;} #footer_menu li .menu_a p{line-height: 25px;font-size: 13px;color: #737373; } #footer_zy{width: 100%;height: 247px;background: #000;margin: 0 auto;padding:15px 0;} #footer_01{width: 1200px;height: 220px;margin:0 auto;position: relative;} #footer_ewmul{position: absolute;left: 106px;top:0;} #footer_ewmul li{width: 119px;height: 157px;float: left;margin-right: 25px;text-align: center;line-height: 25px;color: #fff;font-size: 12px;cursor: pointer;} #footer_ewmul li img{width: 119px;height: 119px;} #footer_contact{width: 350px;height: 180px;position: absolute;right: 0;top:0;line-height: 25px;} #footer_contact span{color: #fff;font-size: 18px;} #footer_contact i{font-style: normal; color: #fff;font-size: 16px;text-transform: uppercase;} #footer_contact p{color: #fff;font-size: 14px;padding-top: 10px;} #footer_btn{position: absolute;left: 455px;top:0;} #footer_btn li{width: 100px;height: 78px;margin-right: 1px;background: #000000;float: left;position: relative;transition:all 0.4s;} #footer_btn li .footer_icon{width: 100px;height: 30px;color: #363a43;font-size: 28px; position: absolute;left: 0;top:12px;text-align: center;} #footer_btn li .footer_txt{width: 100px;height: 20px;line-height: 20px; position: absolute;left: 0;top:50px;text-align: center;color: #fff;font-size: 14px;} #footer_btn li:hover{background: #1888d2;} #footer_btn li:hover .footer_icon,#footer_btn li:hover .footer_txt{color: #fff;} #footer_400{position: absolute;left: 455px;top:90px;line-height: 30px;color: #fff;font-size: 14px;} #footer_400 span{font-family: Impact;font-size: 32px;} #footer_name{width: 1200px;height: 20px;line-height: 20px;background: url(../images/copyright.png) center no-repeat;text-align: center;color: #727884;font-size: 12px;margin:0 auto;} #in_03_catname{width:1440px;height:36px;margin:25px auto;text-align: center} #in_03_catname li{width:190px;height:36px;text-align:center;line-height:36px;margin-right:18px;display: inline-block} #in_03_catname li:last-child{margin-right:0} #in_03_catname li a{display:block;background:#0048a4;font-size:14px;color:#fff;transition:all .4s} #in_03_catname li a:hover{background:#1788d0} #in_04{width:100%;height:446px;background:url(../images/in_04_bg.png);margin:75px auto;margin-top:35px} #in_04_mid{width:1340px;height:446px;margin:0 auto;position:relative} #in_04_title{height:56px;line-height:56px;position:absolute;left:0;top:-56px;color:#444;font-size:16px} #in_04_title span{font-weight:700;color:#c80000} #in_04_img{width:324px;height:440px;position:absolute;right:20px;top:40px;z-index:1;right:141px} #in_04_kuang1{width:460px;height:350px;border:solid 5px #84baff;position:absolute;right:0;top:35px;z-index:2} #in_04_kuang1 img{width:460px;height:350px;position:absolute;z-index:1} #in_04_more{width:197px;height:56px;line-height:56px;text-align:center;position:absolute;right:550px;top:64px;z-index:3} #in_04_more a{display:block;color:#fff;text-transform:uppercase;background:#ffc600;font-size:18px;transition:all .4s} #in_04_more a:hover{color:#fff;background:#1788d0} #intro_title{line-height:38px;color:#fff;font-size:30px;font-weight:700;padding:30px 0} #intro_title span{color:#005dbe;text-transform:uppercase;font-size:48px} #intro_content{width:785px;height:146px;line-height:28px;color:#78aaea;font-size:14px} #intro_num{width:765px;height:75px;margin-top:50px} #intro_num li{height:75px;line-height:60px;color:#fff;font-size:18px;float:left;margin-right:60px;position:relative;overflow:hidden;cursor:pointer;transition:all .4s} #intro_num li .intro_shade1{width:100%;height:5px;background:#198dff;position:absolute;left:0;bottom:0;transition:all .4s;z-index:1} #intro_num li .intro_shade2{width:100%;height:5px;background:#ffc600;position:absolute;left:-100%;bottom:0;transition:all .4s;z-index:2} #intro_num li span{font-size:50px;font-weight:700} #intro_num li:last-child{margin-right:0} #intro_num li:hover .intro_shade2{left:0} #intro_num li:hover{color:#ffc600} @media screen and (max-width:1440px) { .gy2{ width:1200px;} /*瀵艰埅*/ .top02 .top02_center{width:1210px;} .nav li.m{ padding-right:12px; margin-right:12px;} .nav li:last-child{ padding-right:0; margin-right:0;} .nav .sub .nav_xiao{ width:1200px;} /*灏鹃儴*/ .foot_div .foot_links{ width:1200px;} /*灏鹃儴鑱旂郴鏂瑰紡*/ .foot_div .foot-top-box {width: 1200px;} } @media screen and (max-width:1360px) { /*瀵艰埅*/ .nav li.m{ padding-right:10px; margin-right:10px;} .nav li:last-child{ padding-right:0; margin-right:0;} } .plan{ text-align: center; overflow: hidden; margin: 0 auto; padding-bottom: 30px; } .plan_m{padding: 25px 0 0;margin: 0 auto;width: 1200px} .plan_m dl{width: 288px;height: 288px;float: left;position: relative;margin-right: 16px;} .plan_m dl dt{width: 288px;height: 150px;position: relative;line-height: 0;padding-top: 70px;} .plan_m dl dt:after{ position: absolute;left:42px;top:42px;width: 204px;height: 204px;border:1px solid #e2e1e1;content: ""; transform: rotate(45deg); box-sizing: border-box;} .plan_m dl dt em{width: 68px;height: 60px;display: block;line-height: 0;overflow: hidden;margin: 0 auto;} .plan_m dl dt img{width: 68px;height: 60px;} .plan_m dl dt b{display: block;font-size: 18px;color: #333;height: 70px;line-height: 70px;overflow: hidden;background: url(../images/plan_ico08.png) no-repeat center bottom;text-align: center;} .plan_m dl dd{position: absolute;top: 0;left: 0;transform: scale(0);transition:1s;opacity: 0;} .plan_m dl dd img{width: 288px;height: 288px;} .plan_m dl dd a{width: 288px;height: 288px;position: absolute;top: 0;left: 0;display: block;background: url(../images/plan_k.png) no-repeat; text-align: center;} .plan_m dl:hover dd,.plan_m dl.cur dd{transform: scale(1);opacity: 1;z-index: 10;} .plan_m dl dd h5{font-size: 18px;color: #fff;height: 35px;line-height: 35px;overflow: hidden;padding: 120px 0 0;} .plan_m dl dd p{font-size: 14px;color: #fff;line-height: 24px;height: 74px;overflow: hidden;padding: 10px 0 0;width: 205px;margin: 0 auto;background: url(../images/plan_ico08.png) no-repeat center bottom;} .plan_m dl.plan_dl02{margin-top: -135px;} .plan_m dl.plan_dl05{margin-left: 153px;} .plan_m dl.nobor{margin-right: 0;} .plan_btn{width: 300px;margin: 0 auto;padding: 30px 0 0;} .plan_btn a{display: block;width: 300px;text-align: center;height: 50px;line-height: 50px;background:#198dff;font-size: 16px;color: #fff;border-radius: 30px;} .honor_slide{ width: 1200px; margin: 0 auto; clear: both; overflow: hidden; padding-bottom: 30px; } .honor_slide .bd { position: relative; } .honor_slide .bd ul li { width: 280px; height: 350px; background-color: #F1F9FF; float: left; margin-right: 20px; padding: 30px 0; } .honor_slide .bd ul li .img { width: 212px; height: 276px; margin: 0 auto; } .honor_slide .bd ul li img { max-width: 100%; } .honor_slide .bd ul li p { text-align: center; font-size: 16px; color: #434343; margin-top: 23px; } .honor_slide .bd a.next, .honor_slide .bd a.prev { position: absolute; top: 170px; left: 12px; width: 33px; height: 39px; background-color: rgba(52, 136, 234, 0.87); opacity: 0.87; cursor: pointer; text-align: center; } .honor_slide .bd a.next { position: absolute; left: auto; right: 12px; } .honor_slide .bd a.next img, .honor_slide .bd a.prev img { position: absolute; top: 10px; left: 9px; } .honor_slide .bd a.next img { left: 12px; } .w1400{width: 1440px;margin:0 auto} .block10{padding-top:45px;padding-bottom:45px;width:100%;margin:0 auto} .block10 .ul{width:100%} .block10 .ul:after{content:"";display:block;height:0;clear:both;visibility:hidden} .block10 .ul .li{width:260px;float:left;box-sizing:border-box;float:left;background:#fff;margin:0 32px 20px 0;box-shadow:0 0 4px #eee;border-radius:3px;overflow:hidden} .block10 .ul .li:hover{box-shadow:0 0 15px #ccc} .block10 .ul .li .img{width:100%;height:280px} .block10 .ul .li .img img{width:100%;height:100%} .block10 .ul .li .txt{text-align:center} .block10 .ul .li .txt h3{font-size:16px;color:#333;font-weight:400;line-height:26px;margin-top:5px;height:26px;overflow:hidden} .block10 .ul .li .txt p{font-size:12px;color:#999;line-height:25px;height:34px;overflow:hidden;padding-bottom:20px} .block10 .ul .li:nth-child(5n){border:none;margin-right: 0} .block10 .ul ul li a{display:block} .block10 .ul ul li{width:260px;height:260px} .block10 .ul ul li img{width:260px;height:260px} .banner{width:710px;height:800px;background:#ccc;overflow:hidden} .ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{-webkit-transition:all 1s ease;transition:all 1s ease} .ck-slide{height:800px;position:relative;overflow:hidden;width:100%;} .ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;/*height:365px;height:100%;*/ width:100%; height:100%;} .ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;/*height:300px;*/left:0;top:0; background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%;} .ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111} .ck-slide ul.ck-slide-wrapper li.current{z-index:1112} .ck-slide ul.ck-slide-wrapper li a{display:block} .ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity: 0;filter: alpha(opacity='0');} .ck-slidebox{position:absolute;left:50%;bottom: 3px;z-index:30; display:none;} .ck-slidebox ul{height: 14px;} .ck-slidebox ul li{float:left;height:15px;margin:2px 7px} .ck-slidebox ul li em{display:block;width:40px;height:8px;background: #4F4E4E;text-indent:-9999px;cursor:pointer;border: 1px solid #4F4E4E;} .ck-slidebox ul li.current em{background: #F1EEEE;border: 1px solid #F1EEEE;} .ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0;} .ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0s;} .ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0;} .ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 0.5s; -webkit-animation:mymove7 0.5s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0.5s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.5s; } .ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 0.8s; -webkit-animation:mymove10 0.8s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0s; } .ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0.3s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.3s;} .ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0.6s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.6s; } .ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0.9s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.9s; } /*棣栭〉*/ .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init*/ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* mouse grab icon*/ .grabbing{cursor:url(../images/grabbing.png) 8 8, move;} /* fix*/ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .owl-theme .owl-controls{text-align: right; position:absolute; width:100%;} /* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/ .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;} .owl-theme .owl-controls .owl-page span{display: block;width: 8px;height: 8px;margin: 5px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px;background:#fff;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#4289ce;} /* If PaginationNumbers is true*/ .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} /* preloading images*/ .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center} /*棣栭〉妗堜緥*/ #owl-demo3{ width:100%; margin:0 auto; text-align:center; margin-bottom:70px;} /* Styling Next and Prev buttons*/ #owl-demo3.owl-theme .owl-controls{ bottom:-20px; text-align:center;} #owl-demo3.owl-theme .owl-controls .owl-pagination{ display:none;} #owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0;width:100%; left:0; height:0;} #owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:52px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-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;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:#fff url(../images/works_arr.png) no-repeat 0px 0px; margin-right:55px;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_arr.png) no-repeat -52px 0px;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:#fff url(../images/works_arr.png) no-repeat -52px -50px; margin-left:55px;} #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:#333 url(../images/works_arr.png) no-repeat 0px -50px;} #owl-demo3.owl-theme .owl-controls .owl-page{ display:inline-block;} #owl-demo3 .item{margin:0 0;} #owl-demo3 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-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;} #owl-demo3 .item dd{ width:25%; margin:0 auto; text-align:left; float:left;} #owl-demo3 .item dd .imgs{width:100%; overflow:hidden; position:relative;} #owl-demo3 .item dd .txts{font-weight:normal; color:#fff; font-size:16px; line-height:36px; height:100%; overflow:hidden;transition:all 0.4s; position:absolute; bottom:-100%; left:0; width:100%;background:rgba(0, 0, 0, 0.75); text-align:center;vertical-align: middle;display: flex;align-items: center} #owl-demo3 .item dd .txts h1{ color:#fff; font-weight:normal; font-size:24px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;} #owl-demo3 .item dd .txts a{ color:#fff; display:inline-block; width:385px; margin-left:12px; margin-right:12px; font-size:16px;} #owl-demo3 .item dd .txts a i{ width:85px; height:26px; display:block; margin:0 auto;transition:all 0.4s; } #owl-demo3 .item dd .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);} #owl-demo3 .item dd .txts a i.bgs1{ background:url(../images/i_pic1.png) center top no-repeat;} #owl-demo3 .item dd .txts a i.bgs2{ background:url(../images/i_pic2.png) center top no-repeat;} #owl-demo3 .item dd .txts a i.bgs3{ background:url(../images/i_pic3.png) center top no-repeat;} #owl-demo3 .item dd h2{ color:#000; font-size:18px; line-height:80px; text-align:center; height:80px; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:100%; position:relative; background-color:#fff; z-index:2; font-weight:normal;transition:all 0.4s;} #owl-demo3 .item dd h2 i{transition:all 0.4s;position:absolute; width:100%; left:0; top:0; height:0; background:#b49173; z-index:-1;} #owl-demo3 .item dd:nth-child(1) h2 i{background:#b39273;} #owl-demo3 .item dd:nth-child(2) h2 i{background:#39addf;} #owl-demo3 .item dd:nth-child(3) h2 i{background:#009fe1;} #owl-demo3 .item dd:nth-child(4) h2 i{background:#df0011;} #owl-demo3 .item dd:nth-child(5) h2 i{background:#0e0b0b;} #owl-demo3 .item dd:nth-child(6) h2 i{background:#017fc9;} #owl-demo3 .item dd:nth-child(7) h2 i{background:#858585;} #owl-demo3 .item dd:nth-child(8) h2 i{background:#b3c902;} #owl-demo3 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #owl-demo3 .item dd:hover h2{ color:#fff;} #owl-demo3 .item dd:hover h2 i{ height:100%;} #owl-demo3 .item dd:hover .txts{ bottom:0;} @media screen and (max-width: 1440px) { /*棣栭〉妗堜緥*/ #owl-demo3 .item dd .txts h1{margin-top:16%; font-size:22px;} #owl-demo3 .item dd h2{ height:60px; line-height:60px; font-size:16px;} } @media screen and (max-width: 1200px) { /*棣栭〉妗堜緥*/ #owl-demo3 .item dd .txts h1{margin-top:11%;} } /*棣栭〉*/ .i_bg{ background-color:#f5f5f5; overflow:hidden;} .i_one{ background-color:#fff; overflow:hidden; margin:0 auto; margin-bottom:32px;} .i_service_t{ text-align:center; padding-top:15px; color:#666; font-size:18px; line-height:32px; padding-bottom:50px;} .i_service_t h2{ height:66px; line-height:66px; font-size:40px; color:#000000; font-weight:normal; letter-spacing:1px; font-family:"鍗庢枃缁嗛粦";} .i_service_t p{font-size:18px;} /*浼樺娍*/ .advantage{ text-align:center; overflow:hidden; } .num_box{ width:20%; float:left; height:124px; background:url(../images/i_one_bg1.png) right center no-repeat;} .num_box:last-child{ background:none;} .num_box .num{ font-weight:bold;color:#1788d0; font-family:"鍗庢枃缁嗛粦"; font-weight:normal; font-size:60px; width:100%; height:70px; line-height:70px; text-align:center; position:relative; z-index:2; letter-spacing:1px; margin-top:10px;} .num_box h3{ font-size:16px; color:#333333; font-weight:normal; line-height:30px; } /*鏈嶅姟*/ .i_service{ margin:0 auto; clear:both;} .i_case2{ background-color:#f5f5f5; margin-top:10px; text-align:center; padding-bottom:20px;} .guwenmore{ display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; margin-top:-50px; text-align:center;/* background:url(../images/2018/i_more.png) no-repeat; */ clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_more.png) no-repeat center 0px;} .new{ overflow:hidden; background-color:#f5f5f5; padding-top:50px; padding-bottom:80px;} .flexslider{ margin-top:60px; overflow:visible;} .news_lone{ width:32.7%; height:520px; overflow:hidden; position:relative;} .news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-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_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);} .news_lone .blog_infTop{ position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../images/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;} .news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;} .news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/} .news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .news_lone:hover .blog_infTop{background:url(../images/i_bg4.png) 95% center #fff no-repeat;} .news_lone:hover .blog_title{ color:#f67524;} .blog_r{ width:66.6%; height:520px; text-align:left;} .blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline; } .blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;} .blog_list.l li:last-child{ margin-bottom:0;} .blog_list.r li{ display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;} .blog_list.r li:last-child{ margin-bottom:0;} .blog_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;} .blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left;display:block;transition:all 0.3s;} .blog_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; font-family:"鍗庢枃缁嗛粦";} .blog_list.l .blog_Rtime b{ display:block; color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;} .blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;} .blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;} .blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;} .blog_list.l li:hover .blog_Rmore b{ color:#f67524;} .blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;} /*.blog_list.l li:hover{background-color:#f67524;} .blog_list.l li:hover a{ color:#fff;}*/ .blog_list.l li:hover .blog_Rtime{background:url(../images/i_bg5.png) 100% center no-repeat;} /*.blog_list.l li:hover .blog_Rmore b{ color:#fff;} .blog_list.l li:hover .blog_Rtime b{ color:#fff;}*/ .blog_list.r li a{ display:block; width:90%; max-width:368px; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;} .blog_list.r .blog_Rtime{ height:95px; width:66px; float:left; overflow:hidden;margin-top:18px; text-align:left;} .blog_list.r .blog_Rtime em,.blog_list.r .blog_Rtime b{ display:block; font-family:"鍗庢枃缁嗛粦";} .blog_list.r .blog_Rtime b{ display:block; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../images/i_bg6.png) left bottom no-repeat;} .blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;} .blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width:234px; padding-top:14px; overflow:hidden;} .blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;} .blog_list.r li:hover .blog_Rmore b{color:#f67524;} .blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../images/i_bg5.png) left center no-repeat;transition:all 0.3s;} .blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);} /*.blog_list.r li:hover{background-color:#f67524;} .blog_list.r li:hover a{ color:#fff;} .blog_list.r li:hover .blog_Rmore b{ color:#fff;}*/ .blog_list.r li:hover .blog_Rtime b{ /*color:#fff;background:url(../images/2018/i_bg6_on.png) left bottom no-repeat;*/} .blog_list.r li:hover .blog_Rmore span{background:url(../images/i_bg5.png) 5% center no-repeat;} /*鑱旂郴鎴戜滑*/ .i_contact{height: 666px;overflow: hidden; background: url(../images/i_bg7.jpg) no-repeat center top; background-size: 100% 100%;} .i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:40px; color:#fff; font-family:"鍗庢枃缁嗛粦"; letter-spacing:2px;} .i_contact_ul{ float:left; width:31.3%; max-width:418px; overflow:hidden; margin-top:80px; color:#fff;} .i_contact_ul ul li{ display:block; border-bottom:1px solid #617e8c; font-family:"鍗庢枃缁嗛粦";} .i_contact_ul ul li a{ color:#fff;} .i_contact_ul ul li a:hover{ color:#1788d0;} .i_contact_ul ul li:first-child{ padding-top:9px; height:97px; line-height:26px; font-size:24px;} .i_contact_ul ul li:first-child a{ color:#fff;} .i_contact_ul ul li:first-child a:hover span{color:#1788d0;} .i_contact_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal; font-family:"鍗庢枃缁嗛粦"; margin-top:3px;} .i_contact_ul ul li:nth-child(2){ padding-top:40px; height:100px; line-height:60px;} .i_contact_ul ul li:nth-child(2) a{ position:relative;} .i_contact_ul ul li:nth-child(2) img{ float:left; width:60px; height:60px; margin-right:30px;transition: all 0.3s;} .i_contact_ul ul li:nth-child(2) img:hover{opacity:0.6;filter:Alpha(opacity=60);} .i_contact_ul ul li:nth-child(2) .wem1{ width: 203px;display: none; color: #363636; text-align: center; padding-top: 215px; position: absolute; left: -158px; top: -205px; background-image: url(../images/gongzhonghao.jpg); background-repeat: no-repeat;background-size: contain} .i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;} .i_contact_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -158px;top: -205px;background-image: url(../images/gongzhonghao.jpg);background-repeat: no-repeat;background-size: contain} .i_contact_ul ul li:nth-child(2) a:hover .wem2{ display:block;} .i_contact_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:18px; line-height:30px;} .i_contact_ul ul li:nth-child(3) img{ float:left; width:40px; height:48px; margin-right:20px; margin-top:5px;} .i_contact_r{ float:right; width:66.6%; overflow:hidden;margin-top:80px; background:#ffffff; height:506px; } .i_contact_r .i_contact_t{ color:#000;} .i_contact_r .i_contact_r_div{ width:94%; max-width:880px; overflow:hidden; margin:0 auto;} .i_contact_r .i_contact_r_div ul li{ height:68px; line-height:68px;float:left; width:100%; margin-bottom:20px;} .i_contact_r .i_contact_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; } .i_contact_r .i_contact_r_div ul li div .inputs{ width:100%; border:0; height:68px; text-indent:20px; background:none; color:#666666; font-size:18px; font-family:"寰蒋闆呴粦"; outline:none;} .i_contact_r .i_contact_r_div ul li:nth-child(3){ width:49%; } .i_contact_r .i_contact_r_div ul li:nth-child(4){ width:49%; float:right; } .i_contact_r .i_contact_r_div ul li .bnts{width: 100%; height: 68px; display: block; background: #1788d0; border: 1px #1788d0 solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '寰蒋闆呴粦';transition:all 0.3s;} .i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}