/* CSS Document */ /*公共样式*/ *{ margin:0; padding:0;} body{ width:100%;font-size:14px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;max-width:1920px;margin:0 auto;padding:0;color:#333; background:#fff; position:relative;_overflow-x: hidden;overflow-x: hidden; } div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;} h1{margin:0;padding:0} h2{font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0} p{margin:0 auto} ul,li{list-style:none;margin:0;padding:0} form{margin:0} .left{float:left} i{ font-style:normal;} a{text-decoration:none; outline:none;color:#333;} a:hover{text-decoration:none;} /* 谷歌浏览器字体不能小于12px的解决 */ html,body{ -webkit-text-size-adjust:none; } .center{ width:1200px; margin:0 auto; clear:both;} .blank{ width:100%; height:1px; clear:both;} .blank15{ width:100%; height:15px; clear:both;} .clear{ clear:both;} .fl {float: left;} .fr{ float:right;}input:focus { outline: none; } input::-webkit-input-placeholder { /* WebKit browsers */ color: #666; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; } video{ background:#dbe8ee url(/stac/images/0_58_1.jpg) no-repeat center; max-width:100% !important;} table,iframe{max-width:100% !important;border-collapse:collapse;} /* 公共样式结束 */ .img:hover{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); } .wd{ width:100%;float:left;} .cter{ width:1200px; margin:0 auto; position:relative;} .topt{ width:100%;float:left; position:relative;background:#fff; } .top_1{width:100%; float:left; line-height:40px; background:#f4f4f4; color:#333;} .top_1 h2{ float:left;font-size:14px; font-weight:normal;line-height:40px;color:#333;} .top_1_r{ float:right; margin-top:0; position:relative;} .top_1_r a{ padding-left:10px; position:relative; float:left;line-height:40px;padding-right:10px;color:#333;} .top_1_r img{ float:left; margin-top:12px;} .top_1_r #oa_submeau{ position:absolute; z-index:99; left:70px; top:0; } .top_1_r #oa_submeau img{ position:absolute; left:0; top:20px; } .top_1_r #oa_submeau img.oa_submeau_m1{ left:12px; top:38px; width:110px; height:110px;} .top_2{width:100%;float:left; padding:15px 0 20px 0;} .top_2{} .top_ww{width:135px;float:left;font-size:14px;color:#353535;text-align:center; padding:0 0 0 0;} .top_ww img{margin-top:10px; float:left; width:135px;margin:20px 0 0 0;} .top_2_l{padding-left:5px;float:left;width:750px; text-align:left; padding-top:8px; padding-bottom:5px; color:#333333;line-height:30px; font-size:22px;} .top_2_r{ padding-right:0; margin-top:15px; padding-left:60px;float:right; width:220px; padding-top:2px; padding-bottom:3px; color:#333333;line-height:30px;font-size:16px; text-align:left; font-weight:normal; background:url(../images/1_02.jpg) left 12px no-repeat; } .top_2_l b{ width:100%; float:left; color:#353535; margin-bottom:0;letter-spacing:0; margin-top:10px; font-size:22px;} .top_2_l b strong{color:#00be50;} .top_2_l span{width:100%; float:left; color:#353535; font-size:18px; padding:0 0;} .top_2_r b{ color:#333333; font-family:Impact; font-size:30px; } .top_2_r i{} .top_2_r a{ background:#005bac; color:#FFF; float:right; font-size:16px; margin-top:5px; text-align:center; border-radius:25px; line-height:30px; width:140px; margin-right:66px;} .top_2_r a:hover{background:#333;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;} .top_2_r1{ position:absolute; right:0; top:76px;width:240px;color:#333333;line-height:30px;font-size:20px; text-align:left; font-weight:normal;} .top_2_r1 b{ color:#333333; font-family:Arial; font-size:30px; } .footer .btm li a.fzx{text-align: center;line-height: 36px;color: #fff;width: 140px; margin:5px 0 0 100px;background: #004f94;font-size:18px;border-radius:20px;} .footer .btm li a.fzx:hover{background:#e71820;} .nav{ width:100%; float:left; background:#005bac; height:54px;overflow:hidden; color:#fff;} .nav li{ position:relative;} .nav li a{width:100%; float:left; color:#fff; padding: 0;font-size:18px; text-decoration:none;} .nav li.nav_li{ width:auto; padding:0 21px; margin:0 0; position:relative; line-height:54px;height:54px;border-radius:0; font-size:18px; float:left; display:inline-block;text-align:center;overflow:hidden; } .nav li i{width:0;position:absolute;left:0;bottom:0; height:4px;background:#ef7438;} .nav li.nav_li a{ width:100%; text-align:center; float:left;} .nav li.current-menu-item{background:#00be50} .nav li.current-menu-item a{ color:#FFF; } .nav li.current-menu-item i,.nav li:hover i{ width:100%;filter:alpha(opacity=100);opacity:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;} .nav li:hover{ background:#00be50;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; } .nav li:hover a{ color:#FFF;} .nav li.ddy{background:url(../images/nav1.png) left center no-repeat;padding:0 27px; margin:0 9px;} .nav li.ddy a{color:#fff;} .nav li.ddy i{display:none;} .nav{ position:relative; float:left;} .nav .m{ position:relative;} .nav h3{ font-weight:normal;} .nav .sub{ display:none; z-index:9; width:134px; font-size:16px; padding:5px 0 10px 0; position:absolute; left:0px; top:56px; background:#fff; float:left; line-height:30px; } .nav .sub li{ width:90%; margin:0 5%;text-align:center; background:none;line-height:44px;height:44px;} .nav .sub li a{ width:100%;line-height:44px;background:none; padding:0;border-bottom:#e5e5e5 dashed 1px; height:44px; color:#333333; display:block; zoom:1; font-size:16px;} .nav .sub li a:hover{ color:#004f94; } .banner{ width:100%;float:left; text-align:center;position:relative; } .banner img{ width:100%;float:left; } .banner .bd{width:100%;float:left; position:relative; height:100%; } .banner .bd li{width:100%;float:left; vertical-align:middle; height:auto;position:relative; } .banner .bd a{width:100%;float:left;} .banner .bd img{ width:100%;float:left; } .banner .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; } .banner .hd ul{ text-align:center; } .banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; width:16px; height:16px; margin:4px 4px; overflow:hidden; background:#595959; line-height:999px; border-radius:25px; } .banner .hd ul .on{ background:#005bac;border-radius:25px; } /* 下面是前/后按钮代码，如果不需要删除即可 */ .banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/l2.jpg) center center no-repeat; filter:alpha(opacity=10);opacity:0.1; padding:10px 5px;} .banner .next{ left:auto; right:3%; background:url(../images/r2.jpg) center center no-repeat; } .banner:hover .prev,.banner:hover .next{ filter:alpha(opacity=100);opacity:1; } .banner .prevStop{ display:none; } .banner .nextStop{ display:none; } .banner_r{position:absolute;left:50%;top:40px;padding:17px 20px;margin:0 0 0 -600px;background:#ffffff;-moz-box-shadow: 0 0 4px #666;-webkit-box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666')";filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666')";width:370px;} .banner_r h2{ width:100%;float:left;color:#005bac;font-size:26px; text-align:left;margin:10px 0 15px 0; } .banner_r select,.banner_r input{width:370px;text-indent:10px;;line-height:50px;height:50px;margin:5px 0;border:#d2d2d2 solid 1px;} .banner_r button{width:202px; margin:15px 108px 0 108px;position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; background:url(../images/aa3.png) no-repeat center top;border:0; color:#fff; padding:0 0;line-height:46px; border-radius:28px; text-align:center; font-size:20px; float:left;-moz-box-shadow:1px 1px 5px #666; -webkit-box-shadow:1px 1px 5px #666; box-shadow:1px 1px 5px #666;} .banner_r input#test1,.banner_r input#test2{background:url(../images/4_03.jpg) no-repeat 328px center;} /* 动画 */ /* 旋转 */ @-webkit-keyframes rotate { 0%, 100% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { 0%, 100% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { 0%, 100% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes rotate { 0%, 100% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @keyframes rotate { 0%, 100% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 放大渐入渐出 */ @-webkit-keyframes zoom { 0%{ -webkit-transform: scale(0.5); opacity:0; } 80% { -webkit-transform: scale(1); opacity:1; } } @-moz-keyframes zoom { 0%{ -moz-transform: scale(0.5); opacity:0; } 80% { -moz-transform: scale(1); opacity:1; } } @-ms-keyframes zoom { 0%{ -ms-transform: scale(0.5); opacity:0; } 80% { -ms-transform: scale(1); opacity:1; } } @-o-keyframes zoom { 0%{ -o-transform: scale(0.5); opacity:0; } 80% { -o-transform: scale(1); opacity:1; } } @keyframes zoom { 0%{ transform: scale(0.5); opacity:0; } 80% { transform: scale(1); opacity:1; } } /* 从下到上动画 */ @keyframes b-t { from {transform:translateY(200px);opacity:0;} to {transform:translateY(0);opacity:1;} } @-moz-keyframes b-t { from {-moz-transform:translateY(200px);opacity:0;} to {-moz-transform:translateY(0);opacity:1;} } @-webkit-keyframes b-t { from {-webkit-transform:translateY(200px);opacity:0;} to {-webkit-transform:translateY(0);opacity:1;} } @-o-keyframes b-t { from {-o-transform:translateY(200px);opacity:0;} to {-o-transform:translateY(0);opacity:1;} } /* 从上到下动画 */ @keyframes t-b { from {transform:translateY(-200px);opacity:0;} to {transform:translateY(0);opacity:1;} } @-moz-keyframes t-b { from {-moz-transform:translateY(-200px);opacity:0;} to {-moz-transform:translateY(0);opacity:1;} } @-webkit-keyframes t-b { from {-webkit-transform:translateY(-200px);opacity:0;} to {-webkit-transform:translateY(0);opacity:1;} } @-o-keyframes t-b { from {-o-transform:translateY(-200px);opacity:0;} to {-o-transform:translateY(0);opacity:1;} } /* 从左到右动画 */ @keyframes l-r { from {transform:translateX(-200px);opacity:0;} to {transform:translateX(0);opacity:1;} } @-moz-keyframes l-r { from {-moz-transform:translateX(-200px);opacity:0;} to {-moz-transform:translateX(0);opacity:1;} } @-webkit-keyframes l-r { from {-webkit-transform:translateX(-200px);opacity:0;} to {-webkit-transform:translateX(0);opacity:1;} } @-o-keyframes l-r { from {-o-transform:translateX(-200px);opacity:0;} to {-o-transform:translateX(0);opacity:1;} } /* 从右到左动画 */ @keyframes r-l { from {transform:translateX(200px);opacity:0;} to {transform:translateX(0);opacity:1;} } @-moz-keyframes r-l { from {-moz-transform:translateX(200px);opacity:0;} to {-moz-transform:translateX(0);opacity:1;} } @-webkit-keyframes r-l { from {-webkit-transform:translateX(200px);opacity:0;} to {-webkit-transform:translateX(0);opacity:1;} } @-o-keyframes r-l { from {-o-transform:translateX(200px);opacity:0;} to {-o-transform:translateX(0);opacity:1;} } /* 第一张banner */ .sxj-circle{ position:absolute; width:603px; top:0; left:50%; margin-left:100px; } .sxj-wuliao{ position:absolute; width:722px; top:0; left:50%; margin-left:40px; } .ban-txt{ position:absolute; top:7%; left:50%; width:1127px; margin-left:-514px; animation:t-b 1s ease ; -moz-animation:t-b 1s ease ; -webkit-animation:t-b 1s ease ; -o-animation:t-b 1s ease ; } .ban-txt1{ position:absolute; top:60%; left:50%; width:609px; margin-left:-514px; animation:b-t 1s ease ; -moz-animation:b-t 1s ease ; -webkit-animation:b-t 1s ease ; -o-animation:b-t 1s ease ; } .ban-pro{ position:absolute; width:345px; top:30px; left:50%; margin-left:230px; } .sxj-circle{ animation:rotate 8s linear infinite; -webkit-animation:rotate 10s linear infinite; } .sxj-wuliao{ animation:zoom 2s linear infinite; -webkit-animation:zoom 2s linear infinite; } input:-webkit-autofill { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .ss{ width:100%; float:left; padding:15px 0; background:#fff; line-height:42px;} .ss_l{ width:850px; float:left; font-size:16px;padding-top:1px; color:#333; letter-spacing:0;} .ss_l a{color:#333; padding:0 5px; text-decoration:none;} .ss_l a:hover{color:#333;} .ss_l b{ color:#005bac;} .ss_l strong{ color:#333;} .ss_r{ width:340px; height:42px;padding:0; float:right; background:#fff;border:#a4a2a2 solid 1px; border-radius:25px;} .ss_r input{ width:230px; padding-left:10px; background:#fff; color:#666; border-radius:25px; float:left; border:none;height:42px; margin:0 0 0 10px;line-height:40px;} .ss_r button{ width:52px; float:right;margin:-5px 0 0 0; border:none; background:url(../images/1_13.png) center center no-repeat; color:#FFF; border-radius:0; height:52px;} .tlt2{ width:100%; text-align:center; text-transform:uppercase; float:left; padding:0 0 0 0; position:relative;} .tlt2 h4{ width:100%;float:left; font-size:36px;color:#333333;} .tlt{ width:100%; text-align:center; text-transform:uppercase; float:left; padding:0 0 0 0; position:relative;} .tlt img{display:inline-block;padding:0 0 30px 0;} .tlt span{ width:100%;float:left; text-indent:0;font-size:92px;line-height:105px; color:#f4f4f4;font-family:Impact;letter-spacing:2; padding:15px 0 0 0;} .tlt h4{ width:100%;float:left; font-size:36px;color:#333333;letter-spacing:0;} .tlt h4 i{ width:20px; display:inline-block; height:1px; background:#005bac; margin:0 15px 8px 15px;} .tlt h4 b{ color:#005bac; margin-right:0; } .tlt h4 strong{ color:#d12929; } .in11c{width:100%; float:left; max-height:1223px;background:url(../images/2_23.jpg) no-repeat center top; } .in11c .cter{ position:relative;background:url(../images/2_23.jpg) no-repeat center top; max-height:1223px;} .fold_wrap{width:1200px;height:501px;margin:10px auto 0 auto;overflow:hidden;} .fold_wrap li{float:left;width:150px;height:501px;position:relative;overflow:hidden;cursor:pointer;} .fold_wrap li .mask_b{position:absolute;overflow:hidden;width:98%;height:100%;left:1%;top:0;background:rgba(0,0,0,.6);_background:#B2B2B2;} .fold_wrap li.active .mask_b{background:none;} .fold_wrap li .mask_b h4{color:#fff;width:26px;margin:10px 40px 0 auto;background:url(../images/2e.png) no-repeat right 5px;display:block;font:24px Microsoft Yahei;position:relative;padding:30px 0 0 20px;line-height:26px;height:450px} .fold_wrap li.big{width:322px;} .fold_wrap li .adv_intro{ width:90%; height:auto;font-size:16px;line-height:26px;text-align:left; padding:20px 4%; position:absolute;left:1%; bottom:0px;background:url(../images/bb3.png) repeat-y center bottom; color:#FFF; overflow:hidden; display:none;} .fold_wrap li .adv_intro b{width:100%; float:left;font-size:24px;} .fold_wrap li .adv_intro i{width:5%; float:left;height:3px;background:#fff;margin:20px 95% 20px 0;} .adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;} /* .fold_wrap li:hover .adv_intro{display:block;} */ .pic_auto{width:98%;height:100%;margin:0 1%;} .pic_auto1{background:url(../images/1_34.jpg) no-repeat center 0;} .pic_auto2{background:url(../images/1_34_1.jpg) no-repeat center 0;} .pic_auto3{background:url(../images/1_34_2.jpg) no-repeat center 0;} .pic_auto4{background:url(../images/1_34_3.jpg) no-repeat center 0;} .pic_auto5{background:url(../images/1_46_4.jpg) no-repeat center 0;} .pic_auto6{background:url(../images/1_46_5.jpg) no-repeat center 0;} .pic_auto7{background:url(../images/1_46.jpg) no-repeat center 0;} .xgg1_1{width:100%;float:left;} .tabsList{overflow:hidden; zoom:1; width:1200px;text-transform:uppercase; } .tabsList li{float:left; display:inline;height:403px; background:#000; padding: 0 0; overflow:hidden; zoom:1;margin:0 3px; } .tabsList li h4{width:126px;height:353px; padding:50px 40px 0 0;cursor:pointer;float:right; text-align:right;overflow:hidden; background:url(../images/1_34.jpg) no-repeat center center; color:#FFF; line-height:34px; font-size:24px; position:relative;} .tabsList li h4::before{ content:""; /*-webkit-filter: opacity(50%); filter: opacity(50%); */ background-image:url(images/love.jpg); opacity:0.5;//透明度设置 z-index:-1; background-size:500px 300px; width:500px; height:300px; position:absolute; //一定要设置position:absolute,这样才能设置z-index，让背景处于内容的下一层 top:0px; left:0px; border-radius:40px; } .tabsList li h4 span{ position:absolute; line-height:20px;left:130px ;top:50px; font-weight:normal; font-size:16px;} .tabsList li h4 img{ position:absolute; left:30px ;top:240px;width:32px;} .tabsList li h4.lia{} .tabsList li h4.lib{background:url(../images/1_34_1.jpg) no-repeat;} .tabsList li h4.lic{background:url(../images/1_34_2.jpg) no-repeat;} .tabsList li h4.lid{background:url(../images/1_34_3.jpg) no-repeat;} .tabsList li h4.lie{background:url(../images/ys2a_3.jpg) no-repeat;} .tabsList li h4.lif{background:url(../images/ys2a_4.jpg) no-repeat;} .tabsList li h4.lig{background:url(../images/ys2a_5.jpg) no-repeat;} .tabsList li h4.lih{background:url(../images/ys2a_6.jpg) no-repeat;} .tabsList li.on h4.lia,.tabsList li.on h4.lib,.tabsList li.on h4.lic,.tabsList li.on h4.lid,.tabsList li.on h4.lie,.tabsList li.on h4.lif,.tabsList li.on h4.lig,.tabsList li.on h4.lih{ display:none;} .tabsList li.on .tabBody{width:669px;padding:0;display:inline; float:left; position:relative;background:url(../images/1_90.jpg) no-repeat;height:403px; text-align:center;} .tabsList li .tabBody{display:none; } .tabsList li.on .tabBody img{ } .tabsList li.on .tabBody h5{width:86%; padding:30px 7% 0 7%; float:left; color:#333; text-align:left; font-size:24px;} .tabsList li.on .tabBody h5 span{ width:100%; float:left;color:#666666;text-transform:uppercase; font-size:16px; font-weight:normal;} .tabsList li.on .tabBody p{ width:90%; float:left;text-align:left; color:#333; font-size:20px; padding:10px 5%; line-height:24px;} .tabsList li.on .tabBody a{ width:126px;height:38px; display:inline-block; font-size:20px; color:#333333; line-height:38px;background:#F7EA0F;border-radius:19px; margin:0 170px;} .tabsList li.on .tabBody a:hover{background:#fff; color:#b3463d; text-decoration:none; font-weight:bold;} .in11{ width:100%; float:left; height:auto;background:#fff; } .in11 .cter{ position:relative;background:#fff; height:auto;} .in11_1rr{ width:100%; float:left;height:auto; position:relative;text-align:center; text-transform:uppercase;} .in11_1rr .bd{ padding:10px 0; width:100%; } .in11_1rr .bd ul{ overflow:hidden; zoom:1; } .in11_1rr .bd ul li{ margin:10px 18px; background:#FFF;border:#d6d6d6 solid 1px; border-radius:6px; width:264px; float:left; _display:inline; text-align:left; position:relative;-moz-box-shadow: 0 0 4px #d9d2d2;-webkit-box-shadow: 0 0 4px #d9d2d2;box-shadow: 0 0 4px #d9d2d2;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d2d2')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d2d2');} .in11_1rr .bd ul li p{ width:90%; padding:15px 5%; line-height:28px;height:106px;overflow:hidden; font-size:16px; color:#666666; text-align:left; float:left; border-radius:6px;} .in11_1rr .bd ul li p b{width:100%; float:left;color:#333;font-size:18px;} .in11_1rr .bd img{ width:264px; height:242px;float:left; border-radius:6px 6px 0 0;} .in11_1rr .bd li:hover{background:#005bac;border:#005bac solid 1px;} .in11_1rr .bd li:hover p{ background:none; color:#fff;} .in11_1rr .bd li:hover p b{ background:none; color:#fff;} .in11_1rr .bd li:hover img{} /* 下面是前/后按钮代码，如果不需要删除即可 */ .in11_1rr .prev,.in11_1rr .next{ position:absolute; left:-45px; top:190px; display:block; width:43px; height:43px; background: url(../images/l1.png) no-repeat center center; } .in11_1rr .next{ left:auto; right:-45px; background: url(../images/r1.png) no-repeat center center; } .in11_1rr .prev:hover,.in11_1rr .next:hover{ background: url(../images/l2.png) no-repeat center center; } .in11_1rr .next:hover{ background: url(../images/r2.png) no-repeat center center; } .in11_1{ width:100%; float:left;height:auto; position:relative;text-align:center; text-transform:uppercase;} .in11_1 .bd{ padding:10px 0; width:100%; overflow:hidden; } .in11_1 .bd ul{ overflow:hidden; zoom:1; } .in11_1 .bd ul li{ margin:1px 8px;border:#b4b4b4 solid 1px; background:#FFF; width:384px; float:left; _display:inline; text-align:left; position:relative;-moz-box-shadow: 0 0 4px #d9d2d2;-webkit-box-shadow: 0 0 4px #d9d2d2;box-shadow: 0 0 4px #d9d2d2;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d2d2')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d2d2');} .in11_1 .bd ul li p{ width:100%; padding:7px 0; line-height:24px; font-size:15px; color:#333; text-align:center; float:left; border-radius:0;} .in11_1 .bd img{ width:384px; height:270px;float:left;border-radius:0;padding:0;} .in11_1 .bd li:hover{border:#005bac solid 1px;-moz-box-shadow: 0 0 10px #a9a9a9;-webkit-box-shadow: 0 0 10px #a9a9a9;box-shadow: 0 0 10px #a9a9a9;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#a9a9a9')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#a9a9a9');} .in11_1 .bd li:hover p{ color:#005bac;} .in11_1 .hd{float:right; width:100%; margin-top:0;text-align:center;} .in11_1 .hd li{width:18px; display:inline-block;border-radius:25px; height:18px; font-size:0;margin:0 5px;background:#9c9c9c;} .in11_1 .hd li.on{background:#005bac;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .in11_1 .prev,.in11_1 .next{ position:absolute; left:-45px; top:170px; display:block; width:43px; height:70px; background: url(../images/l1.png) no-repeat center center; } .in11_1 .next{ left:auto; right:-45px; background: url(../images/r1.png) no-repeat center center; } .in11_1 .prev:hover,.in11_1 .next:hover{ background: url(../images/l2.png) no-repeat center center; } .in11_1 .next:hover{ background: url(../images/r2.png) no-repeat center center; } .in_1_1a{ width:100%; float:left;text-align:center;} .in_1_1a li{ width:180px; display:inline-block; line-height:45px;font-size:18px; background:#e9e9e9;color:#333;margin:5px 10px;} .in_1_1a li a{color:#333;} .in_1_1a li:hover{color:#fff;background:#005bac;} .in_1_1a li:hover a{color:#fff;} .in_5qq{width:100%; float:left; height:713px;background:url(../images/2_02.jpg) repeat-y center top; padding:0 0;} .in_5qq .cter{height:713px;background:url(../images/2_02.jpg) repeat-y center top; position:relative;} .in_5q_2{width:100%; float:left;} .in_5q_2 .bd{width:100%; float:left;} .in_5q_2 .bd li{width:100%; float:left;background:#ffffff;} .in_5q_2 .bd li p{float:left;width:524px;font-size:18px;line-height:30px;color:#666666;margin:120px 0 0 38px;} .in_5q_2 .bd li p b{width:100%; float:left;font-size:26px;color:#333;} .in_5q_2 .bd li p i{width:10%; float:left;margin:16px 90% 24px 0;height:3px;background:#005bac;} .in_5q_2 .bd li img{float:right;;} .in_5q_2 .hd li{width:299px;margin:0 1px 0 0;text-align:center;position:relative;background:#005bac;color:#fff; float:left;font-size:24px;line-height:38px;padding:18px 0;} .in_5q_2 .hd li img{display:none;} .in_5q_2 .hd li.on{background:#00be50;} .in_5q_2 .hd li:last-child{width:300px;margin:0 0 0 0;} .in_5q_2 .hd li.on img{display:block;position:absolute;top:-20px;left:131px;} .in_5q{ width:100%; float:left; max-height:1634px;background:url(../images/x_02.jpg) repeat-y center top; padding:0 0;} .in_5q .cter{max-height:1634px;background:url(../images/x_02.jpg) repeat-y center top; position:relative;} .in_5q_1{ width:100%; float:left;height:auto; position:relative;text-align:center; text-transform:uppercase;} .in_5q_1 .bd{width:100%; float:right;margin:0 0;} .in_5q_1 .bd li{width:24%; text-align:center; overflow:hidden;border-radius:0; position:relative; float:left; margin:0 0;} .in_5q_1 .bd li img{padding:35px;float:left;} .in_5q_1 .bd li span{width:140px; height:140px; background:#ffffff;display:inline-block;margin:0 auto;border-radius:70px;border:#cecece solid 1px;} .in_5q_1 .bd li p{ line-height:28px; font-size:16px;width:100%; float:left;color:#888888;text-align:center;border-radius:0 ;padding:0 0;} .in_5q_1 .bd li p b{width:100%; float:left; color:#333333;font-size:22px;margin:20px 0 14px 0;} .in_5q_1 .bd li:hover{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .in_5q_1 .bd li:hover span img{animation:zoom 2s ease; -webkit-animation:zoom 2s ease;} .in_5q_1f{ width:100%; float:left;height:auto; position:relative;text-align:center; text-transform:uppercase;} .in_5q_1f .hd{width:100%; float:left;margin:0 0;text-align:center;} .in_5q_1f .hd a{width:150px;margin:0 25px 0 0;line-height:42px;background:#ebeaea;text-align:center; display:inline-block;border-radius:10px;color:#333333;font-size:18px;} .in_5q_1f .hd a:last-child{margin:0;} .in_5q_1f .hd li.on,.in_5q_1f .hd li:hover{border-radius:10px;background:url(../images/aa2.png) no-repeat center top;color:#fff;-moz-box-shadow: 1px 1px 4px #999;-webkit-box-shadow: 1px 1px 4px #999;box-shadow: 1px 1px 4px #999;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');} .in_5q_1f .bd{width:100%; float:left; margin:0 ; position:relative;} .in_5q_1f .bd li{width:380px; float:left;position:relative;margin:10px 10px ;font-size:18px;-moz-box-shadow: 0 0 10px #a9a9a9;-webkit-box-shadow: 0 0 10px #a9a9a9;box-shadow: 0 0 10px #a9a9a9;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#a9a9a9')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#a9a9a9');} .in_5q_1f .bd li img{width:380px;height:226px; float:left;} .in_5q_1f .bd li span{width:380px;height:226px; float:left;overflow:hidden;} .in_5q_1f .bd li p{width:350px; float:left;color:#888888;font-size:20px;line-height:30px;height:90px;background:#fff;color:#333;text-align:left;padding:15px 15px;} .in_5q_1f .bd li p b{width:100%; float:left;color:#333333;font-size:20px;margin:0 0 7px 0;} .in_5q_1f .bd li:hover img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5q_1f .bd li:hover p{background:url(../images/bb4.png) repeat-y center center;color:#fff;} .in_5q_1f .bd li:hover p b{color:#fff;} .in_5qt{ width:100%; float:left; max-height:971px;background:url(../images/2_04.jpg) repeat-y center bottom; padding:0 0;} .in_5qt .cter{max-height:971px;background:url(../images/2_04.jpg) repeat-y center bottom; position:relative;} .in_5q_1ft{ width:100%; float:left;height:auto; position:relative;text-align:center; text-transform:uppercase;} .in_5q_1ft .hd{width:100%; float:left;margin:0 0;} .in_5q_1ft .hd a{width:150px;margin:0 25px 0 0;line-height:42px;background:#ebeaea;text-align:center; float:left;border-radius:10px;color:#333333;font-size:18px;} .in_5q_1ft .hd a:last-child{margin:0;} .in_5q_1ft .hd li.on,.in_5q_1ft .hd li:hover{border-radius:10px;background:url(../images/aa2.png) no-repeat center top;color:#fff;} .in_5q_1ft .bd{width:100%; float:left;margin:0 0;} .in_5q_1ft .bd li{width:282px; float:left;margin:10px 9px;-moz-box-shadow: 1px 1px 4px #999;-webkit-box-shadow: 1px 1px 4px #999;box-shadow: 1px 1px 4px #999;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');} .in_5q_1ft .bd li a{width:100%; float:left;position:relative;} .in_5q_1ft .bd li span{width:100%;height:291px; float:left;overflow:hidden;} .in_5q_1ft .bd li img{width:282px; float:left;height:291px;} .in_5q_1ft .bd li p{width:100%; font-size:18px;color:#000000;float:left;;text-align:center;background:#fff;padding:10px 0 10px 0;} .in_5q_1ft .bd li:hover img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5q_1ft .bd li:hover p{background:#005bac;color:#fff;} .in_5{ width:100%; float:left; height:983px;background:url(../images/2_03.jpg) repeat-y center top; padding:0 0;} .in_5 .cter{height:983px;background:url(../images/2_03.jpg) repeat-y center top;} .in_5_1{ width:100%; float:left; position:relative;text-align:center;} .in_5_1 .hd{width:260px; text-align:center; float:left;-moz-box-shadow: 0 0 10px #959595;-webkit-box-shadow: 0 0 10px #959595;box-shadow: 0 0 10px #959595;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#959595')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#959595');} .in_5_1 .hd h4{ width:70%; padding:27px 0 26px 30%; float:left;background:#005bac url(../images/1_07.jpg) no-repeat 20px 30px ; color:#FFF; font-size:24px; text-align:left; font-weight:normal;line-height:28px;} .in_5_1 .hd h4 span{background:none; color:#8fb7db;text-indent:0; width:100%; display:block; font-size:18px;font-family:Arial;font-weight:normal;} .in_5_1 .hd ul{ background:#fff; width:230px; padding:5px 15px; text-align:left; float:left; } .in_5_1 .hd li{width:90%;position:relative;background:#fff; font-size:18px; line-height:28px; text-indent:0; float:left;padding:8px 0 8px 10%; margin:3px 0 3px 0;color:#555555;border-bottom:#b8b8b8 dashed 1px; } .in_5_1 .hd h5{ width:100%; float:left; margin:0; color:#FFF; margin-top:15px; background:#154ed8; text-indent:30px;line-height:42px; font-weight:normal; font-size:18px;} .in_5_1 .hd h5 span{width:100%;background:#a5a5a5;font-weight:bold; height:48px; font-size:20px;color:#fff; line-height:48px; text-indent:0; float:left; margin:6px 0 6px 0; text-align:center;} .in_5_1 .hd li a{ width:100%; float:left; color:#555555;} .in_5_1 .hd span a{width:100%; float:left;color:#fff;} .in_5_1 .hd span:hover{} .in_5_1 .hd li.on a,.in_5_1 .hd li:hover a{ color:#005bac;} .in_5_1 .hd li.on i,.in_5_1 .hd li:hover i{ background:#005bac;width:10px;height:1px;position:absolute;left:8px; top:24px;} .in_5_1 .hd li:last-child{border:0;} .in_5_1 .bd{width:937px; float:right;} .in_5_1 .bd li{width:300px; background:#fff;overflow:hidden; position:relative; float:left; margin:0 3px 0 9px;-moz-box-shadow: 0 0 10px #959595;-webkit-box-shadow: 0 0 10px #959595;box-shadow: 0 0 10px #959595;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#959595')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#959595');} .in_5_1 .bd li img{width:300px; height:226px; float:left;} .in_5_1 .bd li h4{width:100%;position:absolute;left:0;bottom:0;text-align:center;font-size:18px;color:#fff;line-height:40px;font-weight:normal;background:rgba(0,0,0,.5);} .in_5_1 .bd li p{width:100%; float:left;font-family:Arial;text-align:center;font-size:18px;color:#333;line-height:42px;} .in_5_1 .bd li span{width:300px; height:auto;float:left;overflow:hidden;} .in_5_1 .bd li:hover p{background:#00be50;color:#FFF;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .in_5_1 .bd li:hover img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5_1 .bd li.in_5_1_1{width:927px; padding:0;margin:0 0 15px 7px; color:#FFF; text-align:left;float:left; font-size:16px;} .in_5_1 .bd li.in_5_1_1 img{width:100%; height:382px;} .in_5_1 .bd li.in_5_1_1 span{width:100%; height:382px;} .in_5_12{ width:100%; float:left; height:1074px;background:url(../images/2_17.jpg) center top no-repeat; padding:0 0;} .in_5_12 .cter{ position:relative;height:1074px;background:url(../images/2_17.jpg) center top no-repeat;} .in_5_12_1{ width:100%; float:left;position:relative;height:802px;background:url(../images/1_21.jpg) center top no-repeat;-moz-box-shadow: 0 0 10px #959595;-webkit-box-shadow: 0 0 10px #959595;box-shadow: 0 0 10px #959595;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#959595')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#959595');} .in_5_12_1 h4{width:495px; position:absolute;left:50px; top:45px;color:#fff;text-align:center;font-size:28px;} .in_5_12_1 span{width:75px; position:absolute;left:563px; top:186px;text-align:center;font-size:16px; line-height:16px;color:#333333;} .in_5_12_1 p{width:495px; position:absolute;left:30px; top:152px;font-size:18px; line-height:36px;color:#333333;} .in_5r2{ width:100%; float:left;max-height:905px;background:url(../images/2_08.jpg) center bottom no-repeat; padding:0 0;} .in_5r2 .cter{ position:relative;max-height:905px;background:url(../images/2_08.jpg) center bottom no-repeat;} .in_5r2_1{width:100%; float:left;min-height:470px; position:relative;} .in_5r2_1 li{width:386px; float:left;padding:0;position:relative; overflow:hidden;margin:7px; background:#f0f0f0; color:#333;} .in_5r2_1 li img{width:386px; height:280px; float:left;} .in_5r2_1 li span{width:386px; height:280px;overflow:hidden; float:left;} .in_5r2_1 li p{ width:100%; float:left;background:rgba(0,0,0,.7);text-align:center;text-align:center; line-height:45px;height:45px; color:#fff; font-size:20px;} .in_5r2_1 li:hover{ } .in_5r2_1 li:hover p{height:166px;padding:100px 0 0 0;color:#fff;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .in_5r2_1 li:hover img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5_12cc{ width:100%; float:left; height:auto;background:#005bac; padding:0 0;} .in_5_12cc .cter{ position:relative;} .in_5r2_2{ width:100%; float:left;height:370px; position:relative;text-align:center; text-transform:uppercase;} .in_5r2_2 .bd{ padding:10px 0; width:100%; overflow:hidden; } .in_5r2_2 .bd ul{ overflow:hidden; zoom:1; } .in_5r2_2 .bd ul li{ margin:0 6px;border:#cccfcf solid 1px; background:#FFF; width:286px; float:left; _display:inline; text-align:left; position:relative;-moz-box-shadow: 0 0 4px #d9d2d2;-webkit-box-shadow: 0 0 4px #d9d2d2;box-shadow: 0 0 4px #d9d2d2;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d2d2')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d2d2');} .in_5r2_2 .bd ul li p{ width:100%; padding:0 0; line-height:46px; font-size:18px; color:#333; text-align:center; float:left; border-radius:0;} .in_5r2_2 .bd span{ width:286px; height:300px;float:left;overflow:hidden;border-radius:0;padding:0;} .in_5r2_2 .bd img{ width:286px; height:300px;float:left;border-radius:0;padding:0;} .in_5r2_2 .bd li:hover{border:#005bac solid 1px;-moz-box-shadow: 0 0 10px #959595;-webkit-box-shadow: 0 0 10px #959595;box-shadow: 0 0 10px #959595;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#959595')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#959595');} .in_5r2_2 .bd li:hover p{ background:#005bac;color:#fff;} .in_5r2_2 .bd li:hover img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} /* 下面是前/后按钮代码，如果不需要删除即可 */ .in_5r2_2 .prev,.in_5r2_2 .next{ position:absolute; left:-45px; top:150px; display:block; width:43px; height:70px; background: url(../images/l1.png) no-repeat center center; } .in_5r2_2 .next{ left:auto; right:-45px; background: url(../images/r1.png) no-repeat center center; } .in_5r2_2 .prev:hover,.in_5r2_2 .next:hover{ background: url(../images/l2.png) no-repeat center center; } .in_5r2_2 .next:hover{ background: url(../images/r2.png) no-repeat center center; } .in_5z{ width:100%; float:left; max-height:2027px;background:url(../images/2_17.jpg) center top no-repeat; padding:0 0;} .in_5z .cter{ position:relative;max-height:2027px;background:url(../images/2_17.jpg) center top no-repeat;} .in_5z_1{ width:100%; float:left; position:relative;text-align:center; text-transform:uppercase;} .in_5z_1 .bdt{width:100%; float:left;} .in_5z_1 .bdt li{width:370px; overflow:hidden; position:relative;float:left; margin:10px 15px;border-radius:0; } .in_5z_1 .bdt li img{width:370px; height:370px; float:left;} .in_5z_1 .bdt li span{width:370px; height:370px; float:left;overflow:hidden;} .in_5z_1 .bdt li p{ line-height:100%; font-size:20px;width:100%;margin:15px 0; float:left;text-align:center; color:#333333;} .in_5z_1 .bdt li p b{width:280px; float:left;font-size:20px;margin:0 0 0 10px;color:#333333;font-weight:normal;} .in_5z_1 .bdt li p i{width:80px; float:right;margin:0 10px 0 0;font-size:16px; color:#666666;} .in_5z_1 .bdt li:hover p{ color:#062c87;} .in_5z_1 .bdt li:hover img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5z_2{width:1200;margin:0 0; float:left;padding:0;position:relative;} .in_5z_2 h4{width:100%;color:#f7b40a;text-align:left; float:left;font-size:38px; line-height:40px;} .in_5z_2 h4 b{color:#062c87;} .in_5z_2 h4 i{width:40px;margin:40px 1160px 40px 0;height:2px;background:#333; float:left;} .in_5z_2 .bd{width:100%;float:left;margin:-150px 0 0 0;} .in_5z_2 .bd ul{width:100%; float:left;} .in_5z_2 .bd ul li{width:100%; float:left;margin:150px 0 0 0;text-align:center;font-size:18px; color:#333333;} .in_5z_2 .bd ul li p{font-size:18px;width:380px; float:left;text-align:left; line-height:32px;color:#333333;} .in_5z_2 .bd ul li img{width:589px; height:478px; float:right;margin:-150px 0 0 0;} .in_5z_2 .bd ul li span{position:absolute;width:86px;line-height:86px;background:#fff;text-transform:uppercase;font-family:Arial;left:611px; top:364px;} .in_5z_2 .bd ul li h5{position:absolute;width:589px;right:0;top:470px;font-size:18px;margin:0;font-weight:normal;} .in_5z_2 .hd{width:124px;position:absolute; left:480px; top:50px;} .in_5z_2 .hd li{width:100%; float:left;position:relative;background:#000;margin:5px 0;} .in_5z_2 .hd li p{ width:100%; position:absolute;left:0;text-align:center; top:44px;color:#fff;filter:alpha(opacity=0);opacity:0;} .in_5z_2 .hd img{width:124px;float:left;} .in_5z_2 .hd li.on {width:120px;border:#113eab solid 2px;float:left;} .in_5z_2 .hd li.on img{width:120px;float:left;filter:alpha(opacity=50);opacity:.5;} .in_5z_2 .hd li.on p{filter:alpha(opacity=100);opacity:1;} .in_5z_2 .prev,.in_5z_2 .next{ position:absolute; left:0; top:350px; display:block; width:55px; height:55px; background:url(../images/l1.jpg) center center no-repeat; filter:alpha(opacity=100);opacity:1; } .in_5z_2 .next{ left:100px; background:url(../images/r1.jpg) center center no-repeat; } .in_5z_2 .prev:hover{ background:url(../images/l2.jpg) center center no-repeat; } .in_5z_2 .next:hover{background:url(../images/r2.jpg) center center no-repeat; } .in_5z_3{width:100%; float:left;position:relative;} .in_5z_3 img{margin:0 0 0 -13px;} .in_5z_3 p{position:absolute;left:27px;top:128px;color:#666666;font-size:16px;line-height:30px;text-align:left;width:240px;} .in_5z_3 p b{width:100%; float:left;text-align:center;color:#333;font-size:20px;margin-bottom:5px;} .in_5cct{width:100%;float:left; background: url(../images/2_31.jpg) no-repeat center top;height:750px;text-transform:uppercase;} .in_5cct .cter{position:relative;} .in_5_3{ width:100%; float:left; position:relative;text-align:center; text-transform:uppercase;} .in_5_3 .bd{float:right; width:100%; margin-top:0;} .in_5_3 .bd li{width:300px; overflow:hidden; float:left; border-radius:10px;} .in_5_3 .bd li a{width:282px; height:136px; float:left;border-radius:10px;margin:10px 7px;border:#9f9f9f solid 1px;} .in_5_3 .bd li img{width:282px; height:136px; float:left;border-radius:10px;} .in_5_3 .bd li span{width:282px; height:136px;overflow:hidden; border-radius:10px;} .in_5_3 .bd li p{width:100%; float:left; border-radius:0 0 10px 10px;background:#fff;color:#333;line-height:50px;font-size:18px;} .in_5_3 .bd li:hover {transition: all 0.3s;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .in_5_3 .bd li a:hover{border:#005bac solid 1px;-moz-box-shadow: 0 0 12px #959595;-webkit-box-shadow: 0 0 12px #959595;box-shadow: 0 0 12px #959595;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#959595')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#959595');} .in_5_3 .hd{float:right; width:100%; margin-top:0;text-align:center;} .in_5_3 .hd li{width:18px; display:inline-block;border-radius:25px; height:18px; font-size:0;margin:0 5px;background:#333333;} .in_5_3 .hd li.on{background:#fff;} .in_1zz{ width:100%;float:left; height:auto;background:#ffffff;text-transform:uppercase;} .in_1zz .cter{position:relative;} .in_1zz_1{width:100%;float:left;} .in_1zz_1 li{width:195px; height:auto; border:#e1e1e1 solid 1px; background:#f6f6f6; color:#333333;text-align:center;float:left; margin:0; border-radius:10px; position:relative; padding:20px 0 10px 0;} .in_1zz_1 li img.in_1zz_1_m1{ margin:0 0 0 0; display:inline-block;} .in_1zz_1 li img.in_1zz_1_m2{ margin:0 0 0 0; display:none;} .in_1zz_1 li p{ width:100%; float:left; padding:10px 0; font-size:18px; line-height:28px;} .in_1zz_1 span{ width:22px; float:left; margin:57px 15px 0 15px;} .in_1zz_1 li:hover{ background:#004f94;color:#fff;} .in_1zz_1 li:hover img.in_1zz_1_m2{ display:inline-block;} .in_1zz_1 li:hover img.in_1zz_1_m1{ display:none;} .in_1zz_a1{ width:50%; margin:15px 25%; float:left; background:#2746b3; border-radius:25px; color:#FFF; line-height:50px; text-align:center; font-size:20px;} .in_5cc{ width:100%;float:left; background:#fff;text-transform:uppercase;} .in_5cc .cter{position:relative;} .in_5cc_1{ width:100%; float:left; position:relative; padding-top:0px; text-align:center;} .in_5cc_1 .hdt{ width:100%; float:left;text-align:center; } .in_5cc_1 .hdt li{width:174px;line-height:48px;margin:0 10px; display:inline-block;background:#e6e6e6;font-size:22px;color:#333333;} .in_5cc_1 .hdt li:hover{background:#005bac;color:#fff;} .in_5cc_1 .bd{width:100%; float:left;} .in_5cc_1 .bd li{ width:279px; float:left;-moz-box-shadow: 0 1px 7px #bababa;-webkit-box-shadow: 0 1px 7px #bababa;box-shadow: 0 1px 7px #bababa;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bababa')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bababa'); position:relative; margin:5px 10px; background:#fff;border-radius:5px;} .in_5cc_1 .bd li span{ width:245px; height:346px; float:left;margin:12px 17px 0 17px;overflow:hidden; } .in_5cc_1 .bd li img{ width:245px; height:346px; float:left;} .in_5cc_1 .bd li p{ float:right; width:92%; font-size:16px; text-align:center;margin:0 4%; line-height:40px;height:40px;overflow:hidden;} .in_5cc_1 .bd li:hover { background:#005bac; } .in_5cc_1 .bd li:hover img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5cc_1 .bd li:hover p{color:#fff;} .in_5cc_1 .hd{ width:100%; float:left; } .in_5cc_1 .hd ul{ text-align:center; } .in_5cc_1 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; width:16px; height:16px; margin:6px 8px; overflow:hidden; background:#fff; line-height:999px; background:#999; border-radius:25px; } .in_5cc_1 .hd ul .on{ background:#005bac;border-radius:25px; } .in_5cc_1 .prev,.in_5cc_1 .next{ position:absolute; left:-45px; top:190px; display:block; width:30px; height:50px; background: url(../images/l1.png) no-repeat center center; } .in_5cc_1 .next{ left:auto; right:-45px; background: url(../images/r1.png) no-repeat center center; } .in_5cc_1 .prev:hover,.in_5cc_1 .next:hover{ background: url(../images/l2.png) no-repeat center center; } .in_5cc_1 .next:hover{ background: url(../images/r2.png) no-repeat center center; } .in_5cc_2{ width:100%; float:left; position:relative; padding-top:0px; text-align:center;} .in_5cc_2 .hdt{ width:100%; float:left;text-align:center; } .in_5cc_2 .hdt li{width:174px;line-height:48px;margin:0 10px; display:inline-block;background:#e6e6e6;font-size:22px;color:#333333;} .in_5cc_2 .hdt li:hover{background:#005bac;color:#fff;} .in_5cc_2 .bd{width:100%; float:left;} .in_5cc_2 .bd li{ width:279px; float:left;-moz-box-shadow: 0 1px 7px #bababa;-webkit-box-shadow: 0 1px 7px #bababa;box-shadow: 0 1px 7px #bababa;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bababa')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bababa'); position:relative; margin:5px 11px; background:#fff;border-radius:5px;} .in_5cc_2 .bd li span{ width:260px; height:184px; float:left;margin:11px 11px 0 11px;overflow:hidden; } .in_5cc_2 .bd li img{ width:260px; height:184px; float:left;} .in_5cc_2 .bd li p{ float:right; width:92%; font-size:16px; text-align:center;margin:0 4%; line-height:40px;height:40px;overflow:hidden;} .in_5cc_2 .bd li:hover { background:#005bac; } .in_5cc_2 .bd li:hover img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5cc_2 .bd li:hover p{color:#fff;} .in_5cc_2 .hd{ width:100%; float:left; } .in_5cc_2 .hd ul{ text-align:center; } .in_5cc_2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; width:16px; height:16px; margin:6px 8px; overflow:hidden; background:#fff; line-height:999px; background:#999; border-radius:25px; } .in_5cc_2 .hd ul .on{ background:#005bac;border-radius:25px; } .in_1zx{ width:100%;float:left; height:auto;text-transform:uppercase;} .in_1zx .cter{position:relative;height:auto;} .in_5_2{width:100%; float:left;text-align:center; position:relative; height:630px; } .in_5_2 img{ float:left;} .in_5_2 p{ width:85px; position:absolute; left:260px; top:530px; color:#333; font-size:24px; line-height:26px;} .in_5_2 p:hover{color:#0036d3;} .in_5_2_a1{ width:202px; margin:0 499px; position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; background:#00be50; color:#fff; padding:0 0;line-height:46px; border-radius:28px; text-align:center; font-size:20px; float:left;-moz-box-shadow:1px 1px 5px #666; -webkit-box-shadow:1px 1px 5px #666; box-shadow:1px 1px 5px #666;} .in_5_2_a1:hover{ color:#fff; box-shadow: none;} .in_5_2_a1 .btnbg-x{ position:absolute; background: #333; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .in_5_2_a1:hover .btnbg-x{ width:100%; left:0px; } .in_5_2_a1 i{ position:relative; z-index:1;} .in_5_2_a2{ width:300px; margin:0 450px; position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; background:#005bac; color:#fff; padding:0 0;border:#005bac solid 1px;line-height:46px; border-radius:28px; text-align:center; font-size:20px; float:left;} .in_5_2_a2:hover{ color:#005bac; box-shadow: none;} .in_5_2_a2 .btnbg-x{ position:absolute; background: #fff; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .in_5_2_a2:hover .btnbg-x{ width:100%; left:0px; } .in_5_2_a2 i{ position:relative; z-index:1;} .in_5_2_a1_1{ width:100%; float:left;text-align:center;} .in_5_2_a1_1a {width:280px; margin:0 40px; display:inline-block;float:none;} .in_5r{ width:100%; float:left; background:url(../images/2_16.jpg) no-repeat center top; height:1200px;} .in_5r .cter{ position:relative;} .in_5r_1{width:100%; float:left; height:616px; overflow:hidden; position:relative;} .in_5r_1 li{width:500px; padding:0; position:relative; float:left; height:auto; margin:0 0 16px 12px; color:#333;} .in_5r_1 li span{width:100%; height:300px;float:left; overflow:hidden; } .in_5r_1 li img{width:100%; height:300px; float:left;} .in_5r_1 li p{ width:100%; position:absolute; left:0; bottom:0; background:url(../images/yt.png) repeat-x center bottom; text-align:center; line-height:45px; color:#fff; font-size:18px;} .in_5r_1 li:hover p{background:#d22426; color:#FFF;} .in_5r_1 li:hover img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_5r_1 li.in_5r_1_1{width:680px; margin-left:0;} .in_5r_1 li.in_5r_1_1 span{ height:616px;} .in_5r_1 li.in_5r_1_1 img{height:616px;} .in_5r_1 li.in_5r_1_1 p{width:100%; float:left;} .in_5rc{ width:100%; float:left; background:#f4f4f4;} .in_5rc .cter{ position:relative;} .in_5rc_1{width:100%; float:left; position:relative;text-align:center; text-transform:uppercase;} .in_5rc_1 ul{width:100%; float:left;} .in_5rc_1 ul li{width:136px; float:left;padding:20px 0;margin:6px;border:#cacaca solid 1px;background:#fff;} .in_5rc_1 ul li img.in_5rc_1_m1{display:inline-block;} .in_5rc_1 ul li img.in_5rc_1_m2{display:none;} .in_5rc_1 ul li p{ width:100%; margin:10px 0 0 0 ; float:left;text-align:center;font-size:18px; line-height:30px;color:#333333;} .in_5rc_1 ul li:hover{background-image: linear-gradient(to bottom, #ffce52, #f7b40a);border:#fff solid 1px;} .in_5rc_1 ul li:hover img.in_5rc_1_m2{display:inline-block;} .in_5rc_1 ul li:hover img.in_5rc_1_m1{display:none;} .in_5rc_1 ul li:hover p{color:#fff;} .in_5rct{ width:100%; float:left; background:url(../images/2_21.jpg) no-repeat center top; max-height:750px;} .in_5rct .cter{background:url(../images/2_21.jpg) no-repeat center top; max-height:750px; position:relative;} .ytb{width:100%; text-align:center; float:left; margin-top:20px; position:relative;} .ytb a{ position:absolute; font-size:18px; color:#FFF; line-height:87px; width:250px; left:472px; top:0;} .ad1{ width:100%;float:left;position:relative;background:url(../images/1_18.jpg) no-repeat center top; height:222px;color:#fff;text-transform:uppercase;} .ad1 .cter{background:url(../images/1_18.jpg) no-repeat center top; height:222px; position:relative;} .ad1 h4{font-size:32px; color:#fff; line-height:42px;text-align:left; position:absolute;left:0; letter-spacing:0; top:97px;} .ad1 h4 b{color:#d22426;} .ad1 h4 i{ width:100%; display:block; font-style:normal; font-weight:normal;} .ad1 h4 strong{ font-size:35px; color:#e60012; margin:0 3px;} .ad1 span{font-size:26px; position:absolute; padding:0 0; color:#fff; left:0; top:55px; line-height:42px; text-transform:uppercase;text-align:left;} .ad1 span b{ font-size:30px;} .ad1 p{ font-size:20px; color:#fff; position:absolute; left:965px; top:40px;padding:0;border-radius:0; text-align:center;line-height:44px;} .ad1 p b{ font-size:38px;width:100%;float:left;line-height:30px;font-weight:normal; font-family:Impact; color:#fff;margin:0 0 0 0;} .ad1 p b i{ font-style:normal;} .ad1 p div {} .ad1 p div b{font-size:28px; color:#fff;line-height:30px;} .ad1 a{ text-decoration:none;} .ad1 img.ad1_m1{ position:absolute; left:900px; top:145px;} .ad1 .ad1_r{position:absolute; left:0; top:160px;font-size:22px;color:#fff;} .ad1 .ad1_r img{float:left;margin:2px 0 7px 0;} .ad1 .ad1_r i{float:left;margin:0 25px 7px 10px;} .ad1 a.ad1_a1{width:155px; line-height:41px; color:#00be50; background:#fff;border-radius:41px; font-size:18px; text-align:center; position:absolute; left:1000px; top:135px;overflow:hidden; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;font-style:normal;-moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; box-shadow:1px 1px 2px #333;} .ad1 a.ad1_a1 b{ width:100%; display:block; font-size:17px; color:#666;} .ad1 a.ad1_a1:hover{ color:#fff;background: #333; } .ad1 a.ad1_a1 .btnbg-x{ position:absolute; background: #333; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .ad1 a.ad1_a1:hover .btnbg-x{ width:100%; left:0px; } .ad1 a.ad1_a1 i{ position:relative; z-index:1;} .ad1 a.submeau1,.ad1 a.submeau2,.ad1 a.submeau3{width:130px; line-height:36px; color:#fff; background:#5a3400;border-radius:25px; font-size:16px; text-align:center; position:absolute; right:0px; top:50px; } .ad1 #oa_submeau1,.ad1 #oa_submeau2,.ad1 #oa_submeau3{ position:absolute; right:130px; top:70px; } .ad1 #oa_submeau1 img,.ad1 #oa_submeau2 img,.ad1 #oa_submeau3 img{ position:absolute; left:0; top:20px; } .ad1 #oa_submeau1 img.oa_submeau_m1,.ad1 #oa_submeau2 img.oa_submeau_m2,.ad1 #oa_submeau3 img.oa_submeau_m3{ left:17px; top:42px; width:100px; height:100px;} .right5{position:absolute;width:270px; left:917px; top:15px;} .right5 h5{font-size:24px;color:#333;width:100%; float:left;margin:0 0 10px 0;} .right5 input{width:250px;padding:0 10px;margin:4px 0;height:36px;line-height:36px;border:#f0f0f0 solid 1px;} .right5 .btn1{width:102px;line-height:32px;margin:8px 10px 0 10px;float:left;height:32px;color:#fff;text-align:center;background:url(../images/6.png) no-repeat center top;border-radius:10px;border:0;font-size:17px;} .in_1_2{width:100%; padding:0; float:left;background:url(../images/2_06.jpg) no-repeat center top; height:1766px;} .in_1_2 .cter{position:relative;background:url(../images/2_06.jpg) no-repeat center top; height:1766px;} .in_1_2 .in_1_2_1{width:100%; float:left; padding:2px 0 0 0 ;} .in_1_2_1 li{ width:100%; float:left; text-align:center; margin:1px 0;position:relative;} .in_1_2_1 li img{ display:block; margin:10px 0;} .in_1_2_1_1{ width:600px; position:absolute; left:600px; top:15px;} .in_1_2_1_1 span{ position:absolute; left:-9px; top:0px; color:#fff; font-size:24px; font-family:Impact; font-style:normal;} .in_1_2_1_1 h4{ font-size:26px; border-bottom:#888888 dashed 1px; color:#222222; letter-spacing:0; text-align:left; width:560px; float:left; text-indent:2px; margin:1px 0 0 40px; line-height:50px;} .in_1_2_1_1 h4 b{ color:#005bac; margin-left:10px;} .in_1_2_1_1 p{ color:#666666; width:560px;text-align:left; float:right; font-size:18px;padding:10px 0 0 35px;background:url(../images/ys0.png) no-repeat 1px 20px; line-height:32px; text-indent:0;margin:15px 0 0 0;} .in_1_2_1_1 a{text-align:center;width:200px;float:left;background:#005bac;color:#fff;line-height:46px;font-size:18px;font-weight:bold;border-radius:25px;margin:30px 0 0 40px;} .in_1_2_1_1 a:hover{background:#333;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .in_1_2_2{width:100%; float:left;} .in_1_2_2 li,.in_1_2_2 a{width:376px;height:282px; margin:12px;float:left;position:relative;color:#fff;} .in_1_2_2 li img.in_1_2_2_m1,.in_1_2_2 a img.in_1_2_2_m1{ float:left;} .in_1_2_2 li img.in_1_2_2_m2,.in_1_2_2 a img.in_1_2_2_m2{display:none; float:left;} .in_1_2_2 li h4,.in_1_2_2 a h4{position:absolute;width:90%;left:5%; top:175px; text-align:center;font-size:22px;} .in_1_2_2 li p,.in_1_2_2 a p{display:none;} .in_1_2_2 li:hover img.in_1_2_2_m2{ display:block;float:left;} .in_1_2_2 li:hover img.in_1_2_2_m1{display:none; float:left;} .in_1_2_2 li:hover h4{text-align:left;top:100px;} .in_1_2_2 li:hover p{display:block;position:absolute;width:90%;left:5%; bottom:30px;font-size:16px;line-height:26px;height:104px;} .ty4{ width:618px;background:url(../images/1_45_1.jpg) no-repeat center top;left:560px;} .ty4 h4{ font-size:27px;} .in_9z{width:100%; float:left; background:url(../images/1_60.jpg) repeat-y center top; height:631px;} .in_9z .cter{ background:url(../images/1_60.jpg) repeat-y center top; height:631px;} .in_9z_1{width:100%; float:left; height:500px; position:relative;} .in_9z_1 a{ position:absolute; left:0; top:0;} .in_9z_1 a p{ width:100%; display:block; font-size:18px; background:#f07a8a; color:#FFF; text-align:center; line-height:40px;} .in_9z_1 a img{width:333px; height:190px;} .in_1y{width:100%; float:left;background:#fff url(../images/2_21.jpg) no-repeat center top; } .in_1y .cter{background:#fff url(../images/2_21.jpg) no-repeat center top; } .in_1_1{ width:100%; margin:0 0%; float:left; position:relative; color:#000000; text-align:center;} .in_1_1 .slideBox{zoom:1; padding:10px 0 10px 2px; position:relative; } .in_1_1 .parBd ul{ zoom:1; } .in_1_1 .parBd ul li{ margin:10px 24px;width:353px; background:#FFF;-moz-box-shadow:2px 2px 8px #999; -webkit-box-shadow:2px 2px 8px #999; box-shadow:2px 2px 8px #999; float:left; _display:inline; overflow:hidden; text-align:center; } .in_1_1 .parBd ul li .pic{ text-align:center; } .in_1_1 .parBd ul li .pic img{ width:353px; height:253px; display:block; } .in_1_1 .parBd ul li .pic a:hover img{ } .in_1_1 .parBd ul li .title{ font-size:15px;color:#000; line-height:22px; padding:10px 2% 20px 2%; width:96%; float:left; text-align:center; height:150px;} .in_1_1 .parBd ul li .title b{ width:100%; display:block; font-size:24px; line-height:30px; padding:10px 0;} .in_1_1 .hd{ width:100%; float:left; } .in_1_1 .hd ul{ text-align:center; } .in_1_1 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; width:16px; height:16px; margin:6px 8px; overflow:hidden; background:#fff; line-height:999px; background:#999; border-radius:25px; } .in_1_1 .hd ul .on{ background:#005bac;border-radius:25px; } .in_1_1 .sPrev,.in_1_1 .sNext{ position:absolute; left:-30px; top:190px; display:block; width:40px; height:70px; background:#403b3a url(../images/slider-arrow.png) -105px 20px no-repeat; filter:alpha(opacity=100);opacity:1; } .in_1_1 .sNext{ left:auto; right:-30px; background-position:13px 20px; } .in_1_1 .sPrev:hover,.in_1_1 .sNext:hover{ filter:alpha(opacity=100);opacity:1; } .in_1_1 .prevStop{ display:none; } .in_1_1 .nextStop{ display:none; } .in_1z{ width:100%;float:left; height:auto;background:url(../images/2_52.jpg) no-repeat center top; height:690px;} .in_1z .cter{position:relative;background:url(../images/2_52.jpg) no-repeat center top; height:690px;} .in_1z_1{width:100%; float:left; margin:0 ; position:relative;} .in_1z_1 .hd{width:100%; float:left; margin:0 ;text-align:center; position:relative;} .in_1z_1 .hd li{display:inline-block;margin:10px 10px;} .in_1z_1 .hd li{width:150px;line-height:42px;background:#ebeaea;text-align:center; border-radius:10px;color:#333333;font-size:18px;} .in_1z_1 .hd li.on,.in_1z_1 .hd li:hover{border-radius:10px;background:url(../images/aa2.png) no-repeat center top;color:#fff;-moz-box-shadow: 1px 1px 4px #999;-webkit-box-shadow: 1px 1px 4px #999;box-shadow: 1px 1px 4px #999;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');} .in_1z_1 .bd{width:100%; float:left; margin:0 ; position:relative;} .in_1z_1 .bd li{width:386px; float:left;padding:0;position:relative; overflow:hidden;margin:7px; background:#f0f0f0; color:#333;} .in_1z_1 .bd li img{width:386px; height:280px; float:left;} .in_1z_1 .bd li span{width:386px; height:280px;overflow:hidden; float:left;} .in_1z_1 .bd li p{width:100%;float:left;font-size:18px;background:#e6e6e6;color:#333;text-align:center;padding:10px 0;} .in_1z_1 .bd li p b{width:100%; float:left;color:#333333;font-size:20px;margin:0 0 7px 0;} .in_1z_1 .bd li:hover img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_1z_1 .bd li:hover p{background:#005bac;color:#fff;} .in_1z_1 .bd li:hover p b{color:#fff;} .xgg3{width:100%;float:left; height:940px;background: url(../images/1_47.jpg) no-repeat center top;} .xgg3 .cter{height:940px;background: url(../images/1_47.jpg) no-repeat center top;} .xgg3_2{width:100%;float:left; text-align:center;position:relative;} .large_box{margin-bottom:0;width:1200px;height:500px;overflow:hidden} .large_box img{display:block} .large_box li{width:100%;float:left; position:relative;} .large_box p{ position:absolute; left:0; bottom:0;color:#FFF; line-height:40px; font-size:18px; background:rgba(0,0,0,.7); width:100%;} .small_box{width:1200px;height:190px; padding:20px 0; float:left;overflow:hidden} .small_list{position:relative;float:left;width:1120px; margin:0px 40px;height:190px;overflow:hidden} .small_list ul{height:190px;overflow:hidden} .small_list ul li{position:relative;float:left;margin:0 7px;width:360px;border-radius:0;} .small_list ul li img{display:block; border-radius:0;} .small_list ul li .bun_bg{ width:100%;position:absolute;left:0;bottom:0; color:#FFF; line-height:35px; background:rgba(0,0,0,.5);} .small_list ul li.on .bun_bg{background:#0f3186;} .btn{display:block;width:36px;height:74px; position:absolute; left:1px ; top:560px; cursor:pointer} .left_btn{background:url(../images/l3.png) no-repeat center center;} .right_btn{background:url(../images/r3.png) no-repeat center center;right:1px; left:auto;} .left_btn:hover{background:url(../images/l4.png) no-repeat center center;} .right_btn:hover{background:url(../images/r4.png) no-repeat center center;} .in_1z_t{width:100%;float:left; height:825px;background:url(../images/2_23.jpg) no-repeat center top;text-transform:uppercase;} .in_1z_t .cter{position:relative;height:825px;background:url(../images/2_23.jpg) no-repeat center top;} .in_1z_2{width:100%; float:left;} .in_1z_2 li{width:287px; float:left; position:relative; margin:6px; background:#000; color:#FFF;} .in_1z_2 li img{ float:left;width:287px; height:271px;} .in_1z_2 li p{ width:272px; padding:10px 0 10px 15px; text-align:left; font-size:20px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.7); color:#FFF;} .in_1z_2 li p span{ position:absolute; right:20px; top:10px; font-size:16px;} .in_1z_2 li a{} .in_3{width:100%;float:left; height:814px;background:url(../images/2_33.jpg) no-repeat center top;} .in_3 .cter{height:814px;background:url(../images/2_33.jpg) no-repeat center top;} .in_3_1{width:100%;float:left; position:relative;} .in_3_1 .bd ul li{ margin:0 23px;width:353px; background:#FFF; float:left; _display:inline; overflow:hidden; text-align:center; } .in_3_1 .bd ul li .pic{ text-align:center; } .in_3_1 .bd ul li .pic img{ width:353px; height:253px; display:block; } .in_3_1 .bd ul li .pic a:hover img{ } .in_3_1 .bd ul li .title{ font-size:20px;color:#000; line-height:27px; padding:20px 5%; width:90%; float:left; text-align:center; } .in_3_1 .bd ul li .title b{width:100%;float:left; font-size:22px; margin:10px 0;} .in_3_1 .prev,.in_3_1 .next{ position:absolute; left:-25px; top:200px; display:block; width:35px; height:60px; background:#403b3a url(../images/slider-arrow.png) -110px 15px no-repeat; filter:alpha(opacity=100);opacity:1; } .in_3_1 .next{ left:auto; right:-25px; background-position:8px 15px; } .in_3_1 .prev:hover,.in_3_1 .next:hover{ filter:alpha(opacity=100);opacity:1; } .in_1{ width:100%; float:left; padding:0; background:#f9f9f9;} .in_1_c{ width:100%; float:left; padding:0;background:url(../images/0_100.jpg) no-repeat center center; height:467px;} .in_t5{ width:100%; float:left;background:#fff url(../images/2_35.jpg) no-repeat center top; height:auto;} .in_t5 .cter{background:#fff url(../images/2_35.jpg) no-repeat center top; height:auto;} .in_t5_1{ width:100%; float:left; position:relative;} .in_t5_1 p{ position:absolute; left:75px; top:212px; color:#FFF; font-size:20px; font-weight:bold;} .in_t5_2{width:100%; float:left; position:relative;} .in_t5_2 li{width:390px; float:left; margin:5px; } .in_t5_2 li img{ width:390px; height:235px; float:left;} .in_t5tt{ width:100%; float:left; background:url(../images/2_97.jpg) no-repeat center top; height:744px;} .in_t5tt .cter{position:relative;height:744px;background:url(../images/2_97.jpg) no-repeat center top;} .in_t5tt_1{width:100%; float:left; color:#FFFFFF; position:relative} .in_t5tt_1 p{ width:490px; font-weight:lighter; margin-top:20px; float:right; font-size:22px; line-height:35px; text-indent:2em;} .in_t5tt_1 img{ margin:5px 0;} .inz_1y{width:100%; float:left;background:#fff url(../images/2_25.jpg) no-repeat center top;} .inz_1y .cter{background:#fff url(../images/2_25.jpg) no-repeat center top; } .inz_1_1{ width:100%; float:left;} .inz_1_1 li{ width:100%; float:left; margin:20px 0; position:relative;} .inz_1_1_1{ width:540px;color:#000; position:absolute; left:0; top:124px;} .inz_1_1_1 h4{ width:100%; float:left; text-indent:110px; margin-bottom:8px;font-size:36px; color:#2b31ab;} .inz_1_1_1 h4 strong{color:#e60012;} .inz_1_1_1 p{ width:505px; padding:2px 0 2px 35px;background:url(../images/1_56.jpg) no-repeat left 10px; margin-top:15px; float:left; font-size:22px; line-height:37px;} .inz_1_1_1c p{background:url(../images/1_58.jpg) no-repeat left 15px;} .inz_1_1 li h5{ width:100%; float:left; font-weight:normal; text-align:center; padding-bottom:8px; margin-bottom:8px;font-size:30px;} .inz_1_1 li h5 strong{color:#e60012;} #jswbox{width:100%;height:440px;margin:0 auto;position:relative} #jswbox ul{position:relative;height:400px} #jswbox li{position:absolute;width:0; background:#fff;height:0;z-index:0;cursor:pointer;overflow:hidden;top:0;left:10px;} #jswbox li img{width:100%; padding:0%;height:auto;vertical-align:top;float:left;-moz-box-shadow:2px 2px 5px #d9d8d8; -webkit-box-shadow:2px 2px 5px #d9d8d8; box-shadow:2px 2px 5px #d9d8d8; } #jswbox .prev,#jswbox .next{display:none} .in_9{width:100%; float:left; background:url(../images/1_60.jpg) repeat-y center top; height:631px;} .in_9 .cter{ background:url(../images/1_60.jpg) repeat-y center top; height:631px;} .in_9_1{ width:100%; float:left; position:relative;} .in_6_1{ width:100%; float:left; padding-top:5px; position:relative;} /* 必要布局样式css */ #top{width:100%;height:1px;float:left;position:relative;} #top .small{width:6px;height:1px;position:absolute;top:0;left:0;display:inline;margin:0 0 0 0;} #top .small ul{margin:0;padding:0px;} #top .small li{width:65px;height:1px;float:left;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=0);opacity:0;cursor:pointer;} #top .small li.hove{filter:alpha(opacity=100);opacity:1;} #box{width:100%;height:526px;float:left;position:relative;} #box .bg{width:100%;height:526px;filter:alpha(opacity=70); opacity:0.7; position:absolute; top:132px; left:0px;} #list{width:1200px;height:526px;position:absolute;top:0;left:50%;display:inline;margin-left:-600px;} #list ul {margin:0px;padding:0px; float:left;} #list li{width:100px; border-radius:0;position:absolute;list-style-type:none;cursor:pointer; background:#fff;-moz-box-shadow:2px 2px 8px #999; -webkit-box-shadow:2px 2px 8px #999; box-shadow:2px 2px 8px #999;border:#cdcdcd solid 1px;} #list li img{width:100%; border-radius:0; padding:0 0;height:auto;vertical-align:top;} #list li div{width:100%;height:100%;background:#fff;filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;} #list li .b_tit{width:100%;height:auto; text-align:center;position:absolute; z-index:1; color:#333; bottom:0; left:0;margin:0px;padding:0;display:none;background:url(../images/ba3.png) no-repeat center bottom;} #list li .b_tit a{width:80%;height:auto;float:left;padding:300px 10% 20px 10%;} #list li .opacity{width:100%;height:120px;background:#000;color:#fff;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;} #list li h5{position:absolute;left:45%;top:40%;} #list li:hover h5 img{animation:zoom 2s ease; -webkit-animation:zoom 2s ease;} #list li .tit{width:100%; font-size:16px;height:auto;text-align:left; float:left;color:#fff;} #list li .tit b{width:100%;float:left;text-align:left;font-style:normal;font-size:26px;} #list li .tit i{font-style:normal;width:100%;float:left;text-align:left;} #list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;} #list li .tit span em{color:#ba0707;font-style:normal;float:none;} #list li .tit em{background:#fff;height:3px;float:left;width:5%;margin:10px 95% 40px 0;padding:0 0;font-style:normal;} #list a.next,#list a.prev{width:40px;height:74px;background:url(../images/l3.png) no-repeat;text-decoration:none;position:absolute;z-index:20;top:222px;} #list a.next{background:url(../images/l3.png) no-repeat;left:-40px;} #list a.prev{background:url(../images/r3.png) no-repeat; right:-40px; left:auto;} #list a.next:hover{background:url(../images/l4.png) no-repeat;} #list a.prev:hover{background:url(../images/r4.png) no-repeat;} #bottom{width:100%;height:200px;float:left;position:relative;} #bottom .title{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;font-family:Verdana;} #bottom .title a{background:#666666;text-decoration:none;color:#fff; padding:3px 5px;} #list li.hove .b_tit{ display:block;font-size:16px; line-height:30px; color:#005bac;} #list li.hove .b_tit a{} #list li.hove{ border:#005bac solid 0;} .fflc{width:100%; float:left;} .fflc li{width:132px; float:left;text-align:center;font-size:22px;color:#333333;margin:10px 0 0 0;} .fflc li span{width:132px;height:132px; float:left;background:url(../images/44.png) no-repeat center center;margin:0 0 20px 0;} .fflc li span img{margin:38px;} .fflc i{width:25px; float:left;margin:70px 28px 0 28px;} .fflc li:hover{color:#005bac;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .fflc li:hover span img{animation:zoom 2s ease; -webkit-animation:zoom 2s ease;} .in_9cy{width:100%; float:left;background:#fff url(../images/2_58.jpg) no-repeat center bottom; height:auto;} .in_9cy .cter{background:#fff url(../images/2_58.jpg) no-repeat center bottom; height:auto;} .in_9cy_1{width:100%; float:left; position:relative;} .in_9cy_1 p{ position:absolute; left:43px; top:43px; font-size:15px; line-height:17px; color:#333;} .in_2{ width:100%; float:left; background:url(../images/0_90.jpg) no-repeat center bottom; height:743px;} .in_2 .cter{background:url(../images/0_90.jpg) no-repeat center bottom; height:743px;} .in_2 .in_2_l{width:100%; float:left; position:relative;} .in_2_l h4{ color:#FFF; font-size:28px; position:absolute; left:100px; top:99px} .in_2_l p{ width:285px; font-size:16px; line-height:26px; text-align:center; position:absolute; left:95px; top:237px; color:#000;} .in_2_l h5{ color:#FFF; background:#047336; text-align:center; padding:8px 0; width:95%; position:absolute; font-size:24px; position:absolute; left:5%; top:610px} .in_2_l h5 strong{ font-size:30px;} .in_4{ width:100%; float:left;background:url(../images/2_103.jpg) no-repeat center top; height:873px;} .in_4 .cter{ width:1284px; background:url(../images/2_103.jpg) no-repeat center top;height:873px; } .in_4_1{ width:100%; float:left; padding-top:0; text-align:center; position:relative; text-align:center;} #boxz{width: 1200px; height: 515px; margin: 0 ; background:#000; overflow:hidden;} #boxz li{float: left; width: 200px; height: 637px; cursor: pointer;-moz-box-shadow:-2px -2px 8px #333333; -webkit-box-shadow:-2px -2px 8px #333333; box-shadow:-2px -2px 8px #333333; position:relative;} #boxz li i{filter:alpha(opacity=50);width: 200px; height: 637px; position:absolute; left:0; top:0;opacity:0.5;background:#000;} #boxz li p{ width:35px; height:120px; padding:20px 10px 20px 1px; position:absolute; font-size:18px; line-height:24px;left:30%; top:180px; color:#FFF; border:#FFF solid 1px; writing-mode:tb-rl; text-align:center;} #boxz li:hover{filter:alpha(opacity=100);opacity:1; } #boxz li:hover p{ writing-mode:lr-tb; width:200px; height:25px; top:400px; left:200px;} #boxz li:hover i{ display:none;} .in_21{width:100%; float:left; background:url(../images/2_34.jpg) no-repeat center top; height:681px;} .in_21 .cter{ background:url(../images/2_34.jpg) no-repeat center top; height:681px; position:relative;} /* polaroids */ .polaroids{width:1200px;margin:0 0 18px 0;} .polaroids li{display: inline; border-radius:10px;} .polaroids a{background: #fff;display: inline;float:left;margin:10px 12px;width:auto;padding:0 0;text-align: center;font-family: "Marker Felt", sans-serif;text-decoration: none;color:#333;font-size: 18px; -moz-box-shadow:2px 2px 8px #333333; -webkit-box-shadow:2px 2px 8px #333333; box-shadow:2px 2px 8px #333333;border-radius:10px; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25); -moz-box-shadow:0 3px 6px rgba(0,0,0,.25); -o-box-shadow:0 3px 6px rgba(0,0,0,.25); box-shadow:0 3px 6px rgba(0,0,0,.25); } .polaroids img{display: block;width:370px; height:201px;border-radius:10px; border:#bababa solid 1px;margin-bottom:0;} .polaroids a:after{content: attr(title);/* Ie8+,FF,Chorme,Safari */} .polaroids li:nth-child(even) a{ /*-webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg);*/ } .polaroids li:nth-child(3n) a{ /*-webkit-transform:none; -moz-transform:none; -ms-transform:rotate(2deg); transform:none; position: relative; top:0;*/ } .polaroids li:nth-child(5n) a{ /*-webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg); position: relative; right:5px;*/ } .polaroids li:nth-child(8n) a{ /*position: relative; top:0; right:5px;*/ } .polaroids li:nth-child(11n) a{ /* position: relative; top:0; right:-5px;*/ } .polaroids li a:hover{ -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25); -webkit-box-shadow:0 3px 6px rgba(0,0,0,.5); -moz-box-shadow:0 3px 6px rgba(0,0,0,.5); -o-box-shadow:0 3px 6px rgba(0,0,0,.5); box-shadow:0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; } .polaroids li.messy a{margin-top:-375px;margin-left:160px; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg); } .polaroids li a:hover img{border:#2746b3 solid 1px;} .ttyy{ width:100%; float:left;} .ttyy li{ margin:5px 68px 10px 20px ; width:120px; text-align:center; color:#333333; font-size:20px;float:left;} .inx_1_2{width:100%; float:left; text-align:center;} .inx_1_2 a{ background:#d4a337; color:#FFF; padding:7px 30px; font-size:16px; border-radius:25px;} .in_6{ width:100%; float:left; background:url(../images/2_14.jpg) no-repeat center bottom; height:auto;} .in_6 .cter{ background:url(../images/2_14.jpg) no-repeat center bottom; height:auto;} .in_6_c{width:100%; float:left;} .in_6_c p{width:280px; float:left;border:#a1a1a1 solid 1px;text-align:center;font-size:28px;line-height:42px;color:#005bac;font-weight:bold;padding:15px 0;margin:0 24px 0 0;} .in_6_2{width:1200px;padding:0 0 0 0 ; float:left; position:relative;} .in_6_2 h3{ width:100%; position:absolute; text-align:center; left:0; color:#f28b98; font-family:Impact; font-size:86px; top:10px;} .in_6c{ width:100%; float:left; background:url(../images/2_16.jpg) no-repeat center top;max-height:1424px; } .in_6c .cter{ background:url(../images/2_16.jpg) no-repeat center top;max-height:1424px;position:relative;} .in_14_1{ width:100%; float:right;padding:20px 0 0 0; position:relative;background:url(../images/3_03.jpg) no-repeat right top;} .in_14_1 img{ float:right; margin:0 0 0 0;} .in_14_1 a{ float:right;margin:0 0 0 0;} .in_14_1_r{ width:645px; padding:0 0; margin:25px 0 0 0; float:left;font-size:16px; position:relative; color:#333; font-size:18px; line-height:29px; } .in_14_1_r h4{width:100%; float:left; text-align:left; font-size:28px; margin-bottom:8px; color:#333333;text-transform:uppercase;} .in_14_1_r h4 span{width:100%; float:left;font-weight:normal;font-size:40px;font-family:Impact;margin-bottom:8px;color:#333333;} .in_14_1_r p{ width:100%; float:left;font-size:17px; padding:5px 0 5px 0; color:#666666; line-height:30px; text-indent:2em;} .in_14_1 .in_14_1_r a{ position:relative; font-size:16px; width:202px;osition:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; background:#005bac; color:#fff; padding:0 0;line-height:46px; border-radius:28px; text-align:center; font-size:20px; float:left;-moz-box-shadow:1px 1px 5px #666; -webkit-box-shadow:1px 1px 5px #666; box-shadow:1px 1px 5px #666;} .in_14_1 .in_14_1_r a:hover{ color:#fff;box-shadow: none;} .in_14_1 .in_14_1_r a .btnbg-x{ position:absolute; background: #333; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .in_14_1 .in_14_1_r a:hover .btnbg-x{ width:100%; left:0px; } .in_14_1 .in_14_1_r a i{ position:relative; z-index:1;} .in_14_1_r_a{font-size:24px;} .in_14_1_r_1{ width:100%; float:left;} .in_14_1_r_1 h5{ width:90px; font-size:30px; padding:9px 0 8px 0; line-height:34px; color:#cf2522; float:left; border:#cf2522 solid 1px; text-align:center;} .in_14_1_r_1 span{ width:390px; padding:5px 0 5px 10px; font-size:16px; line-height:25px; float:left;border:#333 solid 1px; border-left:0;} .in_8_1_1_r1{ font-size:16px; color:#222121; width:100%; float:left; padding-top:70px;} .in_8_1_1_r1 p{ float:left; text-align:center; padding:0 15px; text-indent:0; } .in_8_1_1_r1 p b{ font-size:36px; color:#0165ce; font-family:Impact;} .in_14_20{ width:1200px; margin:10px 0; float:left; position:relative;} .in_14_20 .slideBox{zoom:1; padding:10px 0; position:relative; } .in_14_20 .parHd{ height:52px; font-weight:bold; width:100%;float:left; letter-spacing:0; position:relative; color:#333;} .in_14_20 .parHd i { display:none; position:absolute; width:30px; height:2px; left:0; bottom:0px; background:#005bac;} .in_14_20 .parHd ul{ float:left; width:95%;border-left:#005bac solid 5px;line-height:31px; height:31px; text-align:left; font-size:26px; } .in_14_20 .parHd ul li,.in_14_20 .parHd ul h4{ padding:0 10px; color:#333333; position:relative; display:inline-block; font-weight:bold; cursor:pointer; font-size:26px; margin:0 0; } .in_14_20 .parHd ul li a,.in_14_20 .parHd ul h4 a{color:#333333;} .in_14_20 .parHd ul h4:hover{ line-height:50px; color:#d22426; border-bottom:#d22426 solid 2px; } .in_14_20 .parHd ul li.on,.in_14_20 .parHd ul li:hover{color:#005bac;} .in_14_20 .parHd ul span{margin:0 0;} .in_14_20 .parHd ul li.on a,.in_14_20 .parHd ul li:hover a,.in_14_20 .parHd ul h4:hover a{color:#005bac; } .in_14_20 .parHd ul li.on i{ display:block;} .in_14_20 .slideBox .bd { width:1200px; margin:0 0; display:block;} .in_14_20 .slideBox .bd ul{ zoom:1; } .in_14_20 .slideBox .bd ul li{ margin:10px 22px 10px 0;width:282px;background:#f0f0f0; float:left; _display:inline; text-align:center; } .in_14_20 .slideBox .bd ul li .pic{ text-align:center;width:260px; height:184px; overflow:hidden;margin:11px 11px 0 11px ; } .in_14_20 .slideBox .bd ul li .pic img{ width:260px; height:184px; display:block;} .in_14_20 .slideBox .bd ul li:hover img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .in_14_20 .slideBox .bd ul li .title{ font-size:16px;color:#333333; line-height:26px; padding:6px 0; width:100%; float:left; text-align:center; margin-top:0;} .in_14_20 .slideBox ul li:hover .title{color:#fff; } .in_14_20 .slideBox ul li:hover {background:#005bac;-moz-box-shadow:1px 1px 9px #797979; -webkit-box-shadow:1px 1px 9px #797979; box-shadow:1px 1px 9px #797979;webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .in_14_20 .slideBox ul li:hover img{ } .in_14_20 .hd{float:right; width:100%; margin-top:0;text-align:center;} .in_14_20 .hd li{width:18px; display:inline-block;border-radius:25px; height:18px; font-size:0;margin:0 5px;background:#9c9c9c;} .in_14_20 .hd li.on{background:#005bac;} .in_14_20 .sPrev,.in_14_20 .sNext{ position:absolute; left:-35px; top:84px; display:block; width:35px; height:74px; background:url(../images/l1.jpg) no-repeat; } .in_14_20 .sNext{ left:auto; right:-35px; background:url(../images/r1.jpg) no-repeat; } .in_14_20 .sPrev:hover,.in_14_20 .sNext:hover{ background:url(../images/l2.jpg) no-repeat; } .in_14_20 .sNext:hover{ background:url(../images/r2.jpg) no-repeat; } .ccd{width:100%; float:left; background:#f4f4f4;color:#333;padding:26px 0 10px 0;} .ccd h4{width:300px; float:left;font-size:20px;color:#333333;font-weight:normal;margin:40px 0 0 0;} .ccd ul{width:850px;float:right;} .ccd ul li{width:90px; float:left;text-align:center;margin:0 40px;} .ccd ul li span{width:90px;background:#fff;float:left;border-radius:90px;} .ccd ul li span img{padding:24px;float:left;} .ccd ul li p{font-size:16px;color:#333333;width:100%; float:left;padding:10px 0;} .in_10{ width:100%; float:left; background:#f0f0f0; height:570px;} .pr {position: relative;} .xxw{ width:580px; padding-right:40px; float:left;border-right:#ededed solid 1px;} .xxw .hd{width:100%; padding-bottom:12px; line-height:40px;float:left; font-size:20px; position: relative;border-bottom:#ededed solid 1px;color:#333333;} .xxw .hd li{ width:100px; display:inline; padding:0 30px 0 0;} .xxw .hd li a{ display:none; font-weight:normal;} .xxw .hd li.on{ font-weight:bold; color:#333333;} .xxw .hd li.on a{ display:block; line-height:40px; font-weight:normal;} a.tt { color:#6a6a6a; font-size:15px; font-family:Arial;} a.tt:hover{ color:#005bac;} .xxw .bd{width:100%; float:left;} .xxww_1{ width:100%; float:left; position:relative;background:#f7b40a;} .xxww_1 img{ width:219px; height:175px;float:left;} .xxww_1 p{width:320px; float:right;margin:5px 15px 0 0; padding:2px;font-size:16px; line-height:26px; color:#fff;} .xxww_1 p b{width:100%; float:left; font-size:18px;font-weight:normal; color:#fff; line-height:30px; padding:8px 0 ;} .xxww_1 p span{width:100%; float:left; font-size:14px; line-height:26px; padding:0 0 ;} .xxww_1 p i{width:120px; margin-top:20px; color:#fff; float:right; font-size:16px; text-align:center; line-height:33px;} .xxww_1 a:hover p b{} .xxww_2{ width:100%; height:auto; float:left; padding-left:0;} .xxww_2 a{ width:100%; margin:5px 0; float:left;color:#666; line-height:35px;} .xxww_2 a span{ width:100px; float:right; text-align:center;color:#888888; font-family:Arial;font-size:16px; padding:0; } .xxww_2 a p{ width:475px; overflow:hidden; float:left; color:#333333; padding-left:2px;font-size:16px; text-align:left;} .xxww_2 a:hover p{color:#005bac;} .xxww_2 a:hover span{color:#005bac;} .xxww_3{ width:100%; float:left; padding-left:0;} .xxww_3 a{ width:100%; float:left; border-bottom:#666 dashed 1px; padding:5px 0;} .xxww_3 a span{ width:60px; float:left; text-align:center; font-size:12px; padding:0 0 0 5px; } .xxww_3 a span strong{ width:100%; float:left; font-size:32px;color:#3f793f;} .xxww_3 a p{ width:570px; float:left; color:#666666;border-left:#666 solid 1px; padding-left:10px; margin:7px 0 0 0;} .xxww_3 a p b{width:100%;font-size:16px; float:left; color:#3f793f; padding-bottom:7px;} .pr {position: relative;} .in_10_m{line-height: 25px;color: #000; width: 65px;height: 25px;background-color: #ebebeb;font-size:14px;border-radius:20px;margin-top:13px; margin-right:13px;} a:hover .in_10_m{ background:#005bac; color:#FFF;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;} .xw { -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC; margin-top: 24px; text-align: center; overflow: hidden; width: 385px; height: 405px; border: 1px solid #ccc; background-color: #fff; } .xw img { position: absolute; top: 15px; left: 15px; } .xw_1 { margin-top: 5px; } .xw_1 p { font-size: 15px; line-height: 37px;height:37px;overflow:hidden; } .xw_1 span { margin-right: 8px; color: #666; } .xw_1 a { color: #666; text-align:left; width:280px;overflow:hidden; overflow:hidden; float:left; margin-left: 12px; } .xw_1 a:hover{color: #005bac;} .xw_2{ margin-top: 10px; width:90%; height:320px; overflow:hidden; padding:5px 5%; float:left; text-align:left;} .xw_2 li{ width:100%; float:left;color:#666; border-bottom:#999 solid 1px; padding:16px 0;} .xw_2 li b{width:100%; float:left; margin-bottom:12px;font-size:16px;color:#000;} .xw_2 li b a{} .xw_2 li a:hover b{color: #005bac;} .xw_2 li p{width:100%; float:left;} .xw_3{ margin-top: 10px; width:90%; height:320px; overflow:hidden; padding:5px 5%; float:left; text-align:left;} .xw_3 li{ width:100%; float:left; border-bottom:#999 solid 1px; padding:20px 0;} .tjh{ width:100%; height:484px;background:url(../images/1_117.jpg) no-repeat center top;} .tjh h4{width:100%; float:left; padding:5px 0 5px 0; font-size:38px; text-align:center; line-height:50px; color:#0e050b;} .tjh h4 b{ color:#FFF; background:#F00; padding:0 15px;} .tjh p{width:100%; float:left; text-align:center;font-size:14px; color:#0e050b; line-height:30px;} .tjh p strong{ color:#0e050b; font-size:24px;} .tjh p b{ color:#e60012;font-size:33px;} .tjh p span{color:#e60012;} .tjh input{ width:314px;border:#000 solid 1px; padding:0 5px; margin:2px 0; line-height:30px; height:30px;} .tjh textarea{width:314px;border:#000 solid 1px; padding:5px 5px; margin:3px 0;height:50px;line-height:22px;} .tjh button{width:115px;display:inline-block; margin:7px 4px 0 4px; font-size:18px;line-height:30px;height:30px;background:#e60012;border-radius:16px; color:#fff; border:0;} .tjh a{width:150px; display:inline-block; margin:7px 4px 0 4px; font-size:18px;line-height:30px;height:30px;background:#000000;border-radius:16px; color:#fff;} .yqlj {width:100%; float:left; padding:20px 0; text-align: center; overflow: hidden; } .yqlj a { font-size: 16px; color: #666; } .yqlj li {height: 35px;line-height: 35px;width:auto;margin:0 10px 0 0; float:left;} .dhl { overflow: hidden; box-sizing: border-box; } .dhl ul { display: flex; overflow: hidden; } .dhl ul li { /* width: 9 .999%; */ flex-grow: 1; text-align: center; line-height: 62px; } .k2 .xw_1 p{ line-height:43px;height:43px;} .border_animation{border:1px solid #eee;width:385px;height:468px;float:left;position:relative;} .border_animation .border_top{ position:absolute;height:1px;width:0;font-size:0;background:#666666;top:0;left:0; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .border_animation .border_right{ position:absolute;height:0px;width:1px;font-size:0;background:#666666;bottom:0;right:0; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .border_animation .border_bottom{ position:absolute;height:1px;width:0px;font-size:0;background:#666666;right:0;bottom:0; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .border_animation .border_left{ position:absolute;height:0px;width:1px;font-size:0;background:#666666;left:0;top:0; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .in_10 .hover .border_top,.in_10 .hover .border_bottom{width:385px} .in_10 .hover .border_left,.in_10 .hover .border_right{height:468px} .in_10 .hover{-moz-box-shadow:2px 2px 8px #CCC; -webkit-box-shadow:2px 2px 8px #CCC; box-shadow:2px 2px 8px #CCC;} .in_10 a.xw_a1{position:absolute; left:300px; font-size:24px; top:-80px; width:163px; line-height:51px; text-align:center; background:#fff; color:#000;} .in_10 .hover a.xw_a1{ background:#fe0000; color:#FFF;} .footer{padding-top:0;} .footer .btm{overflow:hidden;width:1200px;margin:0 auto} .footer h2{float:left;margin-top:30px} .footer .info{overflow:hidden;float:left;margin-left:6px;color:#fff;width:530px} .footer .info p{width:100%; float:left;font-size:16px;line-height:28px} .footer .info h4{width:100%; float:left;font-size:26px; margin-bottom:36px;line-height:65px;} .footer .info h4 img{ margin:0 10px -30px 0;} .footer .info a{color:#fff} .footer .btm ul{overflow:hidden;float:right} .footer .btm li{float:left;text-align:center;font-size:16px;color:#fff;margin-left:5px; width:205px; } .footer .btm li img{display:inline-block;margin:2px 10px} .footer .btm li a{ width:100%; float:left; color:#fff; text-align:left; font-size:16px; line-height:35px;} .footer .btm li span{ color:#fff; font-size:22px;} .footer .btm li.ddd{ width:200px; padding-right:30px;} .footer .btm li.ddd h4{ width:100%; text-align:left; font-size:20px; color:#b60005; line-height:40px; float:left; border-bottom:#000000 solid 1px;} .footer .btm li.ddd a{ width:100px; text-align:center; float:left; font-size:18px; color:#666666;} .nav1{ width:100%; float:left; color:#fff;} .nav1 li{ position:relative;} .nav1 li a{width:100%; float:left; color:#fff; padding: 0;font-size:18px; text-decoration:none;} .nav1 li.nav_li{ width:auto; padding:0 30px; margin:0 4px; position:relative; line-height:55px; font-size:20px; float:left; display:inline-block;text-align:center; } .nav1 li.nav_li i{ position:absolute; left:0; display:none; top:0; width:100%; background:#e71820; height:4px;} .nav1 li.nav_li a{ width:100%; text-align:center; float:left;} .nav1 li.current-menu-item{ } .nav1 li.current-menu-item a{ color:#fff;font-weight:bold;} .nav1 li.current-menu-item i,.nav li:hover i{ display:block;} .nav1 li:hover{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; } .nav1 li:hover a{ font-weight:bold; color:#fff;} .nav1{ position:relative; float:left;} .footer .btm li a.yuhj{text-align: center;line-height: 36px;color:#005bac;width: 140px; margin:5px 0 10px 100px;background: #ffffff;font-size:18px;border-radius:20px;} .footer .btm li a.yuhj:hover{ background:#333;color:#fff;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;} .art_r_yy{ width:100%; float:left;padding:5px 0; border-bottom:#999999 solid 1px; margin-bottom:5px;} .art_r_yy li{ float:left; padding:10px 10px 10px 10px; line-height:25px; font-size:16px;} .art_r_yy li a{ color:#999;} .art_r_yy h4{float:left; padding:10px 10px 10px 30px; line-height:25px; font-size:16px;background:url(../images/l_15_1.jpg) no-repeat left center;} .art_r_yy h4.on{background:url(../images/l_15.png) no-repeat left center; color:#005bac; font-weight:bold;} .art_r_yy h4.on a{ color:#005bac;} .art_r_yy li:hover,.art_r_yy li.on{ color:#005bac; font-weight:bold;} .art_r_yy li:hover a,.art_r_yy li.on a{ color:#005bac; border-bottom:#005bac solid 1px;} .art_r_yy ul{ width:830px; float:left;} /*列表页*/ /*面包屑*/ .mbx{ width:100%; float:left; background:#005bac;} .p12-curmbs-1 {font-size: 14px; color:#fff;height: 46px;line-height: 46px;background:url(../images/news_03.png) no-repeat left center; } .p12-curmbs-1 b {font-weight: normal;padding-left: 28px;} .p12-curmbs-1 i {font-style: normal;} .p12-curmbs-1 span {padding: 0 5px;} .p12-curmbs-1 a{ color:#fff;} .list { width:100%; float:left; padding:0 0 20px 0;} .list_l{ width:216px; margin-left:0; padding:0 0 0 0; text-align:left;} .list_r{ width:954px;background:#FFF; padding-top:1px;} .p15-infocontent-1 img{ max-width:100%; height:auto !important;} /*左侧*/ .list_2_l{width:196px;background:#005bac; padding:10px 10px 20px 10px; position:relative; float:left; text-align:center; color:#FFF;} .list_2_l h4{width:100%; float:left; text-align:center; color:#2780cf; font-size:16px;text-transform:uppercase; line-height:60px; margin-bottom:10px; border-bottom:#FFF dashed 1px; position:relative; padding-top:15px;} .list_2_l h4 a{color:#fff;font-size:24px; width:100%; position:absolute; left:0; top:0;} .list_2_l h4 img{ padding:15px 0 10px 0;} .list_l li.on,.list_l li:hover{} .list_l li.on a,.list_l li:hover a{color:#000;font-weight:bold;background:url(../images/zl_18.jpg) no-repeat center center;} .list_l h5{border-bottom:#2780cf solid 1px; margin:0; width:100%; float:left; font-size:18px; color:#fff; text-align:center; font-weight:normal; position:relative; padding-bottom:0;} .list_l h5 a{ color:#fff; width:100%; float:left;line-height:45px;margin:5px 0; text-align:center} .list_l h5:hover,.list_l h5.on{ } .list_l h5:hover a,.list_l h5.on a{background:#fff;width:100%; margin-left:0; border-radius:25px; font-weight:normal;color:#333333;} .list_l h5:last-child{border:0;} /*右侧*/ .list_l_1{ width:100%; float:left; padding:0;} .list_l_1 li{ width:31.33%; float:left; position:relative; margin:11px 1%;} .list_l_1 li img{ width:100%; float:left;} .list_l_1 li span{ width:100%; float:left; color:#000; text-align:center; line-height:36px; font-size:20px;} .list_l_1 li a:hover img{box-shadow: 7px 7px 5px #888888;} .list_r_2{ width:100%; float:left;} .list_r_2 li{ width:32%; float:left; margin:0 1.9% 20px 0; position:relative;border-radius:0;} .list_r_2 li img{ width:100%; float:left;border-radius:0; -moz-box-shadow:2px 2px 8px #CCC; -webkit-box-shadow:2px 2px 8px #CCC; box-shadow:2px 2px 8px #CCC; } .list_r_2 li a h2{width:100%; background:none; float:left; border-radius:0; line-height:30px; padding:7px 0; color:#333333;filter:alpha(opacity=90);opacity:0.9; text-align:center; font-size:15px; font-weight:normal; margin:0;} .list_r_2 li:hover{ } .list_r_2 li:hover h2{ color:#005bac; } .list_r_2 table{ width:100%; text-align:left;} .list_r_2 table tr{ font-size:17px; color:#333333;background:#fff; line-height:50px; height:50px; overflow:hidden;} .list_r_2 table tr td{ padding:0 15px; text-align:center;} .list_r_2 table tr.in_5_b_tt{ background:#004f94;font-size:20px; color:#FFF;} .list_r_2 table tr.in_5_b_tr{background:#deebf8;} .list_r_1 {width:98%; float:left; border:#666 inset 1px;padding:10px 1%;} .list_r_1 h4{width:97%; float:left;border-bottom:#666 solid 1px; margin:0 1.5%; font-size:19px; line-height:35px;font-weight:normal;} .list_r_1 li{ width:273px; float:left; position:relative; margin:11px 8px;} .list_r_1 li img{ width:273px;} .list_r_1 li span{ width:100%; position:absolute; left:0; bottom:0; background:#2d2e2e; color:#FFF; text-align:center; line-height:36px; font-size:20px;} .list_l_nr_1{ width:98%; float:left; border:#666 inset 1px;padding:10px 1% ;} .list_l_nr_1 h4{width:97%; float:left;border-bottom:#666 solid 1px; margin:0 1.5%; font-size:19px; line-height:35px; font-weight:normal;} .list_l_nr_1 li{ width:47%; float:left; margin:.5% 1.5%;border-bottom:#666 solid 1px; font-size:14px; line-height:30px;} .list_l_nr_1 li a{ float:left; width:320px;} .list_l_nr_1 li span{ float:right; width:77px;} .list_l_n{ width:100%; float:left; border:#000 solid 1px;} .list_l_n li{width:865px; float:left; padding:10px 10px; line-height:180%;} .list_l_n li h4{ font-size:18px;} .list_l_n li span{} .list_l_n .list_l_n_p{ width:100%; display:block; text-indent:2em;} .list_l_nr{width:100%; float:left; border:#999 solid 1px;} .list_l_nr h4{width:100%; float:left; text-align:center; font-size:20px; padding:20px 0 10px 0;} .list_l_nr span{width:100%; float:left; text-align:center;} .list_l_nr_p{width:98%; float:left; font-size:15px; padding:10px 1%; line-height:24px;} .list_l_nr_sx{ width:96%; padding:10px 2%; float:left;} .list_l_nr_sx li{ padding:3px 0;} .list_r_3{width:100%; float:left;} .list_r_3 li{width:95%; padding:10px 2% 10px 3%; float:left;height:auto;border-bottom:#ececec 1px solid;background:#fff;color:#555555; margin-bottom:10px;} .list_r_3_l{ width:76px; margin-top:10px;} .list_r_3_l span{width:100%; float:left; font-size:16px;} .list_r_3_l span b{ color:#333; font-weight:normal; font-size:55px;font-family: Arial;} .list_r_3_r i{width:100%; float:left;background:url(../images/jt1.jpg) no-repeat left center; height:10px; margin:8px 0;} .list_r_3_r{ border-left:#000 solid 1px;width:770px; padding-right:20px; padding-left:20px;} .list_r_3_r b{width:100%; float:left; font-size:22px; color:#333; line-height:30px; padding:5px 0 3px 0;} .list_r_3_r p{width:100%; float:left;font-size:16px; color:#666; line-height:22px;} .list_r_3_r .list_r_3_r_p{width:100%; float:left;font-size:14px; color:#888888; line-height:28px; height:56px;} .list_r_3 li:hover{ } .list_r_3 li:hover i{background:url(../images/jt.png) no-repeat left center;} .list_r_3 li:hover .list_r_3_r b{color:#005bac;} /*分页器*/ .pagination-wrapper{margin: 20px 0;} .pagination{height: 34px;text-align: center; margin:0 auto; display:block;} .pagination li {display: inline-block;height: 34px;margin-right: 5px;} .pagination li a,.pagination li span.current{display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} .pagination li span.current{ background:#005bac; color:#FFF;} .pagination li span.current:hover{ border:0;} .pagination li a:hover{background:#005bac;color:#FFF;} .pagination li.thisclass {background: #09f;color: #fff;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;} .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{border-color: #154ed8;} /*列表下部*/ .list_x1{ width:100%; float:left;border-top:#000 solid 1px; padding:20px 0;} .list_x_t{ width:100%; position:relative; float:left; padding:10px 0 30px 0;} .list_x_t a{ position:absolute; font-size:23px; color:#FFF; left:7px; top:12px;} .list_x1_u{width:100%; float:left;} .list_x1_u li{width:284px; float:left; padding:0 8px;} .list_x1_u li img{ width:100%;float:left; height:229px;} .list_x1_u li a{ width:100%; float:left; background:#252525; color:#fff; text-align:center; padding:10px 0; line-height:22px; font-size:14px;} .list_x2{ width:100%; float:left;border-top:#000 solid 1px; padding:20px 0;} .list_x2_u{width:100%; float:left;} .list_x2_u li{ width:48%; padding:5px 1%; float:left;} .list_x2_u li {font-size: 14px;line-height: 22px;} .list_x2_u span {margin-right: 8px;} .list_x2_u a {color: #666;text-align:left;width:420px;float:left;margin-left: 2px;} .list_x2_u a:hover{ color:#005bac;} /*内页*/ .p15-infocontent-1 {margin-bottom: 30px;} .p15-infocontent-1-tit {text-align: center;font-weight: normal;margin-bottom: 20px;font-size: 28px;line-height: 40px;color: #535353;height:auto;} .p15-infocontent-1-bool {border-bottom: 1px solid #909090;height: 30px;font-size: 14px;color:#909090;} .p15-infocontent-1-bool span{margin-right:20px;} .p15-infocontent-1-bool span a{color:#909090;} .p15-infocontent-1-bool i {font-style: normal;float: right;display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;color: #07c36a;background:url(../images/r_07.png) no-repeat right center; padding-right:20px; font-size:18px;} .p15-infocontent-1-bool i a {color: #005bac;} .p15-infocontent-1-bool span {margin-right: 15px;} .p15-infocontent-1-tag span {margin-right: 10px;} /*单页*/ .art_r_1{width:100%; float:left;} .art_r_t1{width:100%; float:left; font-size:24px;color:#005bac; font-weight:bold; line-height:50px;text-transform:uppercase; padding:5px 0; text-indent:5px;} .art_r_t1 b{ font-size:24px;} .art_r_co{width:100%; float:left; padding:0px 0 40px 0; line-height:24px;} .art_r_b1{width:100%; float:left;} .art_r_b1 li{ float:left; position:relative; padding-right:26px;} .art_r_b1 img{} .art_r_b1 li p{ position:absolute; left:135px; top:38px; font-size:22px; color:#FFF; line-height:35px;} .list_r_t{ width:100%; float:left; background:#f4f4f4;} .list_r_t img{ float:left;} .list_r_t p{ width:80%; float:right; font-size:20px; padding:30px 20px 0 0;} .list_r_t p b{ width:100%; display:block; font-size:30px; color:#fdaf00; padding-bottom:10px;} .list_lx{ width:100%; float:left;} .list_lx_l{ width:477px; float:left;} .list_lx_l h4{ width:100%; display:block; text-align:center; background:#ffe200; font-size:30px; color:#000; padding:15px 0;} .list_lx_l p{ width:100%; float:left; background:#dedede; padding:10px 0 100px 0;} .list_lx_l p span{ width:100%; float:left; padding:20px 0;background:url('../images/lxx_06.jpg') no-repeat 50px center; text-indent:100px; font-size:16px; } .list_lx_l{} @media (min-width: 1920px) { .banner img{ max-width:1920px;} } @media screen and (max-device-width: 400px) { .left { float:none; } } .Service-item { border: 1px solid #E7E7E7; box-sizing: border-box; overflow: hidden; } .item-link { font-family: 'PingFangSC-SC', "Microsoft YaHei", Tahoma, sans-serif; color: #FFFFFF; display: none; background-color: #05A6F3; font-size: 14px; line-height: 25px; border-radius: 5px; -webkit-transition: all 160ms; transition: all 160ms; font-weight: normal; } .Service-content .Service-item { -webkit-transition: all 160ms; transition: all 160ms; } .Service-item:hover { border-color:#333; padding-top: 0; position: relative; z-index: 99; text-decoration: none; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .Service-item:hover .item-image { } .Service-item:hover .item-link { display: block; } .Service-item:hover .item-title { } .Service-item + .Service-item { position: relative; } #dialog{width: 320px !important;}