@charset "utf-8"; /* CSS Document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#FFF;} em,i{ font-style:normal;} /**/ .banner{ height:550px; width:100%; position:relative; z-index:1;} .banner .bd{ height:550px; overflow:hidden;} .banner .bd a{ display:block; background:url(../img/index/banner.jpg) no-repeat center top;height:550px; overflow:hidden;} .banner .bantil{ width:193px; height:15px; position:absolute; bottom:40px;left:50%; z-index:8;} .banner .bantil li{ width:15px; height:15px; float:left; display:inline; margin:0 12px;background:#063990;} .banner .bantil li.cur{background:#4d7fc9;} .sou{ height:80px;overflow:hidden; margin-bottom:90px; background: #f2f2f2;} .sou p{ width:750px; height:79px; font:14px "Microsoft Yahei"; line-height:80px; overflow:hidden; color:#666; } .sou p a{ display:inline-block; padding:0 5px; color:#666;} .sou p b{ color:#666; font-weight: normal;} .s_inp01{ margin-top:25px;background:url(../img/common/s_s.gif) no-repeat; width:300px; height:30px;} .inp01{ width:237px;outline:none; font:14px "Microsoft Yahei"; color:#a0a0a0; overflow:hidden; height:30px; line-height:30px; border:0 ; padding: 0 15px; background: none;} .inp02{ border:0; cursor:pointer; height: 30px; width: 33px; background: none;} /**/ .dsa{ padding-bottom:30px;} .dsa h3{ text-align: center; height: 132px;background: url("../img/index/d_lin1.gif") no-repeat scroll center 100px;} .dsa h3 span{ display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;} .dsa h3 a{ font-weight: normal; color: #333; font-size: 32px; display: block; padding-top: 5px;} .dsa ul{ overflow: hidden;} .dsa ul li{ float: left; width: 380px; margin-right: 30px; font-size: 0; margin-bottom:20px;} .dsa ul li.nom{ margin-right: 0;} .dsa ul li i{text-indent:40px; display: block;height: 150px; line-height: 40px;background:url(../img/index/spn1.png) repeat; width: 100%; font-size: 14px; color: #fff; text-align: left;} .dsa ul li i em{ font-size: 16px;display:block;font-weight:bold;} .dsa ul li i a span{display:block;background:url(../img/index/wdt_jiantou.png) no-repeat scroll 80px 8px;} .dsa ul li i a{ color: #fff;} .dsa ul li.cur i{background:url(../img/index/spn2.png) no-repeat; width: 380px; height: 220px; padding-top: 65px;} .dsa ul li.cur em{ display: block; font-size: 14px; color: #fff; line-height: 25px; margin: 0 35px;} .dsa ul li.cur span{ display: block; padding-top: 15px;} /**/ .ww{height:1115px;} .ww h3{ text-align: center; height: 132px;background: url("../img/index/d_lin1.gif") no-repeat scroll center 100px;} .ww h3 span{ display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;} .ww h3 a{ font-weight: normal; color: #333; font-size: 32px; display: block; padding-top: 5px;} .ww ul{ overflow: hidden;} .ww ul li{color:#fff;height:271px;margin-bottom:20px;line-height:30px;font-size:14px;overflow:hidden;padding-top:30px;} .ww ul li.aa{padding-left:680px;background:url(../img/index/wdt_yi.jpg) no-repeat scroll 0 0;} .ww ul li.bb{padding-left:200px;background:url(../img/index/wdt_er.jpg) no-repeat scroll 0 0;} .ww ul li.cc{padding-left:680px;background:url(../img/index/wdt_san.jpg) no-repeat scroll 0 0;} .ww ul li span{font-size:24px;} .ww ul li em{display: none;background:#fff;border:1px solid #fff;border-radius:10px;color:rgba(0, 0, 0, 0.5);padding:0 5px;} .ww ul li p{width:306px;text-align:justify;} .wdt{background:url(../img/index/wdt_shili.jpg) no-repeat scroll center 0;height:959px;overflow:hidden;} /**/ .dsa2{background:url(../img/index/bg2.jpg) no-repeat center 0; height: 792px; margin-bottom: 65px; overflow: hidden;display:none;} .dsa2 h3{ text-align: center; padding-top: 89px; height: 158px;} .dsa2 h3 span{display: block; font-family: Impact; font-size: 48px; color:#474f69; text-transform: uppercase; font-weight: normal;line-height:100%;} .dsa2 h3 a{ display: block; font-size: 32px; color: #fff; font-weight: normal;} .dsa2 h3 i{ display: block; font-size: 18px; color: #fff; font-weight: normal; padding-top:6px;} .dsa2 ul{ float: left; width:358px;} .dsa2 ul li{ padding-left: 78px; font-size: 14px; color: #fff; border-bottom: 1px dashed #8d929f;background:url(../img/index/ioc1.png) no-repeat; padding-bottom: 20px; margin-bottom:18px; line-height: 23px; height: 113px;} .dsa2 ul li i{ display: block; font-size: 17px; font-weight: bold; padding-bottom: 9px; padding-top: 9px;} .dsa2 ul li.bg2{background:url(../img/index/ioc2.png) no-repeat;} .dsa2 ul li.bg3{background:url(../img/index/ioc3.png) no-repeat;} .dsa2 .fr{ float: right;} .dsa2 .fr li{ padding-left: 0; padding-right: 78px;background:url(../img/index/ioc4.png) no-repeat right 0;} .dsa2 .fr li.bg5{ padding-left: 0; padding-right: 78px;background:url(../img/index/ioc5.png) no-repeat right 0;} .dsa2 .fr li.bg6{ padding-left: 0; padding-right: 78px;background:url(../img/index/ioc6.png) no-repeat right 0;} .dsa2 ul li.cur{background:url(../img/index/ioc11.png) no-repeat;} .dsa2 ul li.bg2.cur{background:url(../img/index/ioc21.png) no-repeat;} .dsa2 ul li.bg3.cur{background:url(../img/index/ioc31.png) no-repeat;} .dsa2 ul li.bg4.cur{background:url(../img/index/ioc41.png) no-repeat right 0;} .dsa2 ul li.bg5.cur{background:url(../img/index/ioc51.png) no-repeat right 0;} .dsa2 ul li.bg6.cur{background:url(../img/index/ioc61.png) no-repeat right 0;} /**/ .dsa3{ height: 848px; overflow: hidden;} .dsa3 h3{ text-align: center; height: 138px;background:url(../img/index/d_lin1.gif) no-repeat center 103px;} .dsa3 h3 span{display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;} .dsa3 h3 a{ display: block; font-size: 32px; color: #333; font-weight: normal;} .da_mnu{ height: 102px; overflow: hidden; margin-bottom: 20px;} .da_mnu ul{ overflow: hidden;} .da_mnu ul li{ float: left; width:300px;} .da_mnu ul li a{ display: inline-block; float: left; background: #063990; width:299px; border-right: 1px solid #3861a6; overflow: hidden;height: 102px; color: #fff;} .da_mnu ul li a i{ display: inline-block; padding-left:68px; float: left; padding-top: 24px;} .da_mnu ul li a em{ display: inline-block; padding-left: 8px; float: left; padding-top:33px; font-size: 18px; font-weight: bold;} .da_mnu ul li a em span{ display: block; font-weight: normal; font-size: 12px; text-transform: uppercase; color: #7788b6; padding-top: 3px;} .da_mnu ul li a:hover,.da_mnu ul li.cur a{ background: #4d7fc9;}.da_mnu ul li a:hover span,.da_mnu ul li.cur a span{ color:#91acda;} .dsa3_l{ padding:0 24px; width:249px; background: #4d7fc9; height: 502px;color: #fff;} .dsa3_l h4{ font-size: 24px; padding-top: 102px;} .dsa3_l h4 span{ display: block; font-size: 12px; color:#91acda; text-transform: uppercase;} .dsa3_l p{ padding-top: 30px; font-size: 16px; line-height: 30px;} .dsa3_r{ width: 903px;} .dsa3_r ul li{ font-size: 0; float: left; margin:0 3px 3px 0; position: relative; width: 298px;} .dsa3_r ul li img{ width: 298px; height: 249px;} .dsa3_r ul li span{ display: inline-block; position: absolute; width: 100%; bottom: 0; left: 0;background:url(../img/index/spn2a.png) repeat; height: 40px; line-height:40px; text-align: center;} .dsa3_r ul li span a{ font-size: 13px; color: #fff;} .sl_con{ overflow: hidden; width: 1200px; height: 502px;} /**/ .dsa4{display:none; background: #f6f6f6; padding-top: 92px; height: 1228px; overflow: hidden;} .dsa4 h3{ text-align: center; height: 138px;background:url(../img/index/d_lin1.gif) no-repeat center 103px;} .dsa4 h3 span{display: block; font-family: Impact; font-size: 48px; color:#e0e0e0; text-transform: uppercase; font-weight: normal;line-height:100%;} .dsa4 h3 a{ display: block; font-size: 32px; color: #333; font-weight: normal; padding-top:7px;} .dsa4 ul{ overflow: hidden;} .dsa4 ul li{ float: left; width: 550px; height: 543px;}.dsa4 ul li img{ width: 550px; height: 275px;} .dsa4 ul li.fr{ float: right;} .dsa4 ul li strong{ padding-top: 30px; display: block; color: #333; font-size: 22px; padding-bottom: 10px;} .dsa4 ul li span{ display: block; font-size: 16px; color: #333; line-height: 28px; height: 110px;background:url(../img/index/l_in2.jpg) no-repeat 0 103px;} .dsa4 ul li span{ padding-right:10px;} .dsa4 ul li.cur strong,.dsa4 ul li.cur span{ color: #063990;} .dsa4 ul li.cur span{background:url(../img/index/l_in1.jpg) no-repeat 0 103px;} /**/ .tt1{background:url(../img/index/wdt_ggt.jpg) no-repeat center 0; height: 379px; overflow: hidden; color: #fff; margin-bottom: 90px;} .tt1 p{ padding-top: 72px; font-size: 32px; font-weight: normal; height: 120px;} .tt1 p span{ display: block; font-size: 18px;} .tt1 h4{ font-weight: normal; font-size: 14px; padding-left: 29px; padding-bottom: 12px;} .tt1 h4 span{ font-family: Arial; font-size: 28px; font-weight: bold;} .tt1 h3{ font-size: 0;padding-left:836px;padding-top:310px;}.tt1 h3 img{ padding-left: 16px;} /**/ .why{ height:748px;} .why h2{ text-align: center; height: 138px;background:url(../img/index/d_lin1.gif) no-repeat center 103px;} .why h2 span{display: block; font-family: Impact; font-size: 48px; color:#e0e0e0; text-transform: uppercase; font-weight: normal;line-height:100%;} .why h2 a{ display: block; font-size: 32px; color: #333; font-weight: normal; padding-top:7px;} .da_mnu2{ height: 80px;} .da_mnu2 ul li a i{ padding-top: 18px;} .da_mnu2 ul li a em{ padding-top:20px;} .da_mnu2 ul li a:hover em,.da_mnu2 ul li.cur a em{ font-size:24px;} .why_on{ overflow: hidden;} .why_on dl{ height: 426px; background: #4d7fc9;} .why_on dl dt{ font-size: 0; width: 673px; float: left;} .why_on dl dt img{ width: 673px; height: 426px;} .why_on dl dd{ float: right; width:445px; padding: 78px 49px 0 0;} .why_on dl dd h3{ font-size: 24px; color: #fff; padding-bottom: 23px; border-bottom: 1px solid #7199d4;} .why_on dl dd h3 i{ display: block;} .why_on dl dd h3 span{ display: block; color:#87a5d7; text-transform: uppercase; font-size:10px; font-weight: normal;} .why_on dl dd p{ font-size: 16px; color: #fff;} .why_on dl dd p span{ display: block; line-height: 28px; padding-left: 18px;background:url(../img/index/w_ico1.gif) no-repeat 0 12px; margin-top: 13px;} /**/ .case{display:none; height: 635px; position: relative;} .case h2{ text-align: center; height: 138px;background:url(../img/index/d_lin1.gif) no-repeat center 103px;} .case h2 span{display: block; font-family: Impact; font-size: 48px; color:#e0e0e0; text-transform: uppercase; font-weight: normal;line-height:100%;} .case h2 a{ display: block; font-size: 32px; color: #333; font-weight: normal; padding-top:7px;} .c_uu{ position: absolute; left: -50px; top: 322px;} .c_uu a{ display: inline-block; width: 45px; height: 45px;background:url(../img/index/c_uu.gif) no-repeat;} .c_uu a:hover{background:url(../img/index/c_dd1.gif) no-repeat;} .c_dd{ position: absolute;right: -50px; top: 322px;} .c_dd a{ display: inline-block; width: 45px; height: 45px;background:url(../img/index/c_uu1.gif) no-repeat;} .c_dd a:hover{background:url(../img/index/c_dd.gif) no-repeat;} .c_on{ overflow: hidden;} .c_on dl{ float: left; width: 370px; margin-right: 45px;}.c_on dl.nom{ margin-right: 0;} .c_on dl dt{ font-size: 0; position: relative;} .c_on dl dt img{ width: 370px; height: 207px;} .c_on dl dt span{ display: inline-block;position: absolute; right: 20px; top: 143px;}.c_on dl dt span img{ width: 128px; height: 128px;} .c_on dl dd h4{ font-weight: normal; padding-top: 46px; font-size: 16px; color: #333;} .c_on dl dd p{ font-size: 14px; color: #666; line-height: 26px; height: 95px; padding-top: 9px;} .c_on dl dd em{ display: block;} .c_on dl dd em a{ display: inline-block; width: 101px; height: 25px; border-radius: 15px; background: #bfbfbf; text-align: center; line-height: 25px; font-size: 14px; color: #fff;} .c_on dl dd em a:hover{ background: #063990;} .c_on dl.cur h4,.c_on dl.cur p{ color:#063990;} .c_on dl.cur dd em a{background: #063990;} /**/ .abo{ height: 1185px; margin-bottom: 85px;background:url(../img/index/abo.jpg) no-repeat center 0 #f2f2f2; padding-top: 90px;} .abo h2{ text-align: center; height: 135px;} .abo h2 span{display: block; font-family: Impact; font-size: 48px; color:#506798; text-transform: uppercase; font-weight: normal;line-height:100%;} .abo h2 a{ display: block; font-size: 32px; color: #fff; font-weight: normal; padding-top:7px;} .abo p{ text-align: center; font-size: 14px; color: #fff; line-height: 27px; height: 198px;} .abo p span{ display: block;} .abo h3{ font-size: 0; position: relative; margin-bottom: 70px;height: 450px;} .abo h3 img{ width: 1200px; height: 450px;} .abo h3 span{ display: inline-block;position: absolute; left:566px; top: -75px; z-index:9;} .abo h3 span a{ display: inline-block;background:url(../img/index/a_mor.png) no-repeat; width: 69px; height: 69px;} .alb{ height:274px; width:1200px; margin:0 auto;} .albt{ height:64px; overflow:hidden; position:relative; padding-left:308px;} .albt li{ float:left; font:16px "Microsoft Yahei"; } .albt li a{ display:block; color:#666; width: 118px; text-align: center; height: 33px; line-height: 33px; border: 1px solid #bfbfbf; margin-right: 36px;} .albt li.on a{ color:#fff; background: #063990; border: 1px solid #063990;} .alb2{ height:210px; position:relative;} .alb01{ overflow:hidden;} .alb01 ul li{ width:281px; height:210px; float:left; margin-right:25px; position:relative;} .alb01 ul li img{width:281px; height:210px;} .alb01 ul li span{ display:block; position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px;background:url(../img/index/spn2a.png) repeat; text-align: center;} .alb01 ul li span a{ color: #fff; font-size: 14px;} .arr1 a{ display:block; width:45px; height:45px; background:url(../img/index/a_uu1.gif) no-repeat; overflow:hidden; position:absolute; top:83px; left:-50px;} .arr1 a:hover{background:url(../img/index/a_dd12.gif) no-repeat;} .arr2 a{ display:block; background:url(../img/index/a_uu2.gif) no-repeat; width:45px; height:45px; overflow:hidden; position:absolute; top:83px; right:-50px;} .arr2 a:hover{background:url(../img/index/a_dd1.gif) no-repeat;} .xinw{ height:708px; background:url(../img/index/nsw.jpg) no-repeat center bottom;} .xinw h2{ text-align: center; height: 135px;background:url(../img/index/d_lin1.gif) no-repeat center 103px;} .xinw h2 span{display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;} .xinw h2 a{ display: block; font-size: 32px; color: #333; font-weight: normal; padding-top:7px;} .new{ width:678px; height:571px;} .new h2{ height:60px; overflow:hidden; background:#006129; margin-bottom:32px;} .new h2 a{ color:#fff;} .new h2 em{ display:inline-block; width:160px; height:60px;background:#c9a44c; font:16px "Microsoft Yahei"; line-height:60px; overflow:hidden; font-weight:bold;} .new h2 em i{display:block; height:60px; background:url(../img/index/new_icon.png) no-repeat center 3px; width:26px; float:left; margin:15px 10px 0 20px;} .new h2 b{ display:block; float:right; width:24px; height:24px; overflow:hidden; background:url(../img/index/faq_jt.png) no-repeat; margin:19px 30px 0 0;} .new dl{ height:150px; overflow:hidden; padding:0 30px; } .new dt{ width:257px; height:150px; float:left;overflow:hidden;} .new dt img{ display:block;width:257px; height:150px;} .new dd{ width:450px; float:right; height:150px;overflow:hidden;} .new dd h3 a{ display:block; height:35px; font:14px "Microsoft Yahei"; font-weight:bold; color:#3a3a3a; line-height:35px; overflow:hidden;} .new dd p{ font:14px "Microsoft Yahei"; line-height:24px; height:48px; overflow:hidden; color:#808080;} .new dd em a{ display:block; width:95px; height:35px; overflow:hidden; background:url(../img/index/new_btn.gif) no-repeat center top; margin-top:20px; font:14px "Microsoft Yahei"; text-align:center; line-height:35px; color:#fff; font-weight:bold;} .new ul{ padding:12px 30px 0 30px;} .new li{ font:14px "Microsoft Yahei";line-height:38px; height:38px; border-bottom:1px dashed #eee; overflow:hidden;} .new li a{ color:#666;} .new li em{ float:right;} .news{width:680px;height:563px overflow: hidden;} .n_nav ,.n_nav1 {height:50px;overflow: hidden; padding-top: 23px;} .n_nav span,.n_nav1 span{text-align: center; line-height: 21px; font-size: 15px; font-size: 14px; text-transform: uppercase;} .n_nav span a,.n_nav1 span a{ color: #666666;} .n_nav li , .n_nav1 li{ float: left;margin-right:28px;height: 42px; font-size: 18px;} .n_nav li a, .n_nav1 li a{display: inline-block;height:40px;color:#333; } .n_nav li i{ font-weight: normal; color: #b6b6b6; text-transform: uppercase; font-size: 12px; padding-left: 6px;} .n_nav li a:hover , .n_nav .cur a , .n_nav1 li a:hover , .n_nav1 .cur a{ color:#174593; font-weight:bold;text-decoration: none;} .news_nr ,.news_nr1{height:484px; overflow: hidden;} .news_c , .news_c1{height:484px; overflow: hidden;} .news_c dl{height:285px;overflow: hidden; margin-bottom:3px;} .news_c dt{width:350px; height:197px; overflow: hidden; position: relative; float: left;} .news_c dt img{ width:350px; height: 197px;} .news_c dd{overflow: hidden; width: 296px; float: right;} .news_c dd h3{font-size: 14px; line-height: 20px; padding-top: 20px; margin-bottom: 12px;} .news_c dd h3 a{ color:#333333;} .news_c dd p{height:96px; overflow: hidden; color: #333; line-height: 25px; margin-top: 12px; font-size: 12px;} .news_c dd em a{ color: #fff; width: 91px; height: 25px; border-radius: 25px; line-height: 25px; background: #174593; display: inline-block; text-align: center;} .news_c ul{ overflow: hidden;} .news_c li{ height:65px; overflow:hidden; font-size:14px; width: 328px; float: left; padding-right:12px;} .news_c li span{ display:block; clear:both; padding:9px 0 0 20px;} .news_c li a{ color: #333;display:inline-block; float:left; width:260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .news_c li a:hover{ color: #333;} .news_c li i{ padding-right:10px;float:left;display:inline-block;} .faq{ width: 399px; height: 500px; overflow: hidden; padding: 0 35px 71px 33px; background: #fff; border: 1px dotted #ddd;} .faq h3{ height: 50px; font-weight: normal; font-size: 18px; padding-top: 26px;} .faq h3 a{color: #174593; font-weight: bold;} .faq h3 i{ font-weight: normal; color: #b6b6b6; text-transform: uppercase; font-size: 12px; padding-left: 6px;} .faq h3 span{ line-height: 21px; font-size: 15px; font-size: 14px; text-transform: uppercase; float: right;} .faq h3 span a{ color: #666666; font-weight: normal;} .faq li a{ display: block; padding-left: 35px; height: 21px; line-height: 21px;background:url(../img/index/n_q.png) no-repeat; font-size: 12px; font-weight: bold; color: #333; margin-bottom: 9px;} .faq li span{ display: block;background:url(../img/index/n_a.png) no-repeat; padding-left: 35px; line-height: 24px; font-size: 12px; color: #333; border-bottom: 1px dashed #ccc; margin-bottom: 22px; height: 69px; overflow: hidden;} .faq li.nob span{ border-bottom:none;} .link{ height:120px;overflow:hidden; background: #021637;} .link h5{ width:150px; height:70px; overflow:hidden; float:left; background:url(../img/index/link.gif) no-repeat 0 3px; color:#fff; font:18px "Microsoft Yahei"; margin-top: 30px; padding-left: 55px;} .link h5 a{ color:#b8bac0; display:block; font-size: 16px;} .link h5 span{ display: block; padding-top: 10px;} .link h5 span a{ font-size: 14px; font-weight: normal;} .link p{ width:982px; float:right;overflow:hidden; font:14px "Microsoft Yahei"; line-height: 30px; margin-top: 26px;} .link p a{ display:inline-block; padding:0 21px; color:#b8bac0;} .dsa3_l2 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; line-height: 80px; font-size: 16px; color: #333; text-align: center;background:#fff; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7;} .dsa3_l p span{ display:block;} @media screen and (max-width:1024){body{-moz-transform:scale(0.75); -webkit-transform:scale(0.75);-o-transform:scale(0.75);transform-origin:center top 0; }} @media screen and (max-width:1280){body{-moz-transform:scale(0.75); -webkit-transform:scale(0.75);-o-transform:scale(0.75);transform-origin:center top 0; }}