.header , .content , .footer , .container{width:1200px;margin:0 auto} .header{width:100%; background-color:#fff; position:relative; z-index:999;} .header .hdTop{width:100%; background-color:#e6e6e6; height:45px;} .header .hdTop p{ color:#565656; float:left; line-height:45px;} .header .hdTopUl{ float:right; margin-top:12px; margin-right: 15px;} .header .hdTopUl li{ float:left; position: relative;} .header .hdTopUl li a{ color:#565656; padding:0 10px; border-right:1px solid #686868} .header .hdTopUl li:first-child a{ background: url(../images/hd_wx.png) no-repeat left 2px; padding-left: 25px;} .header .hdTopUl li.last a{ border:none; padding-right: 0;} .header .wx{ display: none; width: 125px; height: 125px; position: absolute; top:35px; left:-10px;} .header .hdTopUl li:hover .wx{ display: block;} .header .hdMd{ overflow:hidden; margin:20px auto;} .header .hdMd h1{ float:left;padding-top:10px;} .header .hdMd h1 img{ display:block;} .header .hdDl{ float: left; margin-left: 10px;} .header .hdDl dt{ float: left;padding: 0 10px; } .header .hdDl dt b,.header .hdDl dt a{ display: block;} .header .hdDl dt b{ font-size:36px; color: #1e50ae;font-weight:bold} .header .hdDl dt a{ color: #959595; font-family:Arial; font-size: 18px;} .header .hdDl dd{ float: right;} .header .hdDl dd h2{ font-size: 30px; font-weight:normal; color: #1a1a1a;} .header .hdDl dd p{ font-size: 18px; color:#141414; margin-top: 3px;} .header .hdPhone{ float:right; background:url(../images/hdPhone.png) no-repeat left center; padding-left:45px; margin-top:20px; margin-right: 15px;} .header .hdPhone p{ color:#333;} .header .hdPhone h3{ font-size:26px;font-weight:bold; color:#1e50ae;font-family:"Arial"} .header .lang{float:right;} .header .lang li{float:left;background:#e6e6e6;height:20px;margin-right:15px;line-height:20px;text-align:center;} .header .lang li a{color:#333;padding:0 10px;} .header .lang li a:hover{background:#13439d;color:#fff;display:block} .header .hdNav{ width:100%; background:#1e50ae; } .header .navBox{height:55px; line-height:55px;} .header .nav{ width: 100%;} .header .nav>li{ float:left; font-size:16px; position:relative;width:120px;text-align:center; } .header .nav>li>a{ display:block; color:#fff; text-decoration:none;background: url(../images/ha_navv_liBg.png) no-repeat right center;} .header .nav>li.last a{background:none; } .header .nav>li:hover,.header .nav>li.cur{ background:#13439d;} .header .nav>li:hover>a,.header .nav>li.cur>a{color:#fff; background: none;} .header .nav li dl{width:120px;position:absolute;z-index:999999;top:55px;left:0px;display:none;padding:0;overflow:hidden;background-color: rgba(19,67,157,0.8);} .header .nav li dl dd{ margin:0;height:35px;line-height:35px;text-align:left;} .header .nav li.on dl dd a,.header .nav li dl dd a{font-size:14px;color:#fff;text-align:left;height:35px;line-height:35px;padding:0 5px;font-size:12px} .header .nav li.on dl dd a:hover,.header .nav li dl dd a:hover{color:#fff;text-decoration:none;background:#13439d;display:block} .banner{position:relative;z-index:1;width:100%;height:500px} .banner ul{position:relative;margin:0 auto} .banner ul li,.banner ul li img,.banner ul{width:100%;height:500px} .banner ul li{position:absolute;left:0px;top:0px;display:none;background-position:center top;background-repeat:no-repeat} .banner dl{position:absolute;right:50%;bottom:15px;} .banner dl dd{float:left;width:12px;height:12px;border-radius:20px;margin-right:5px;cursor:pointer;background:#1e50ae;text-indent:-99999px} .banner dl dd.on{background:#444} .search{ overflow:hidden; width:100%; background-color:#fff; height:80px;} .search p{ font-size:14px; line-height:80px;float:left; color:#1e50ae} .search p a{ color:#000; padding:0 1px;} .search .ssk{ float:right; width:370px; height:34px; margin-top:12px;} .search .ssk input{ width:257px; height:39px; line-height:39px;color:#979797;background:url(../images/ss_s.png) no-repeat 10px;; border:1px solid #dfdfdf; border-right:none; outline:none; float:left; padding-left: 35px; padding-right: 10px;} .search .ssk a{ display:block; width:67px; height:41px; float:right; background:url(../images/ssFdj.png) no-repeat center;} .Pro .sideMenu{ float: left; width: 267px; overflow: hidden;} .Pro .sideMenu h2{ padding: 25px 0; background-color: #1e50ae; text-align: center; font-size: 32px; } .Pro .sideMenu h2 a{color: #fff;} .Pro .sideMenu h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #4c80e0; font-weight: normal;} ul.expmenu {float: left; width: 267px; overflow: hidden;} ul.expmenu li div.heades {padding:12px 25px;border-bottom:1px #fff solid;} ul.expmenu li:last-child div.heades {border-bottom:none;} ul.expmenu li ul{background:#fff} ul.expmenu li ul li {padding:0 25px;} ul.expmenu li ul li a{display: block; line-height: 36px; background: url(../images/pro_xjx.png) no-repeat 5px top; padding-left: 18px; font-size: 14px; color: #111111; border-bottom: 1px dotted #dcdcdc;} ul.expmenu li ul li:last-child {border-bottom:none;} ul.expmenu li ul li.selected {background-color:#f4f4f4;} ul.expmenu div.heades {color:#203f61;text-shadow:0px 1px 0px rgba(255,255,255,0.2);background:#13439d;font-size:16px;} ul.expmenu li div.heades .label {background:no-repeat;color:#fff;/*text-shadow:0px 0px 0px rgba(255,255,255,0.8);*/ font-weight:bold;} ul.expmenu li div.heades .arrow {display:block;width:16px;height:16px;background:no-repeat center;float:right;} ul.expmenu li div.heades .arrow.up {background-image:url(../images/arrow_u.png);} ul.expmenu li div.heades .arrow.down {background-image:url(../images/arrow_d.png);} ul.expmenu li .menu {display:none;} /* Mouse Events */ul.expmenu div.heades:hover {background:#173460;cursor:pointer;} .menu ol { padding-left:15px; border:#E7E7E7 1px solid; border-top:none;background: #f7f2e5;} .menu li i{background-color: #ae9c7e;padding: 1px 4px;color: #fff;text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);font-family: 宋体;font-style:normal;} .menu a{color: #3f3f3f;text-decoration: none;} .menu .no {display:none;} .menu ol a{width: 228px;display: block;line-height: 2em;margin-left: 20px;} .Pro{ overflow: hidden; width: 100%; background-color: #e8e8e8; padding: 35px 0;} .Pro .porBox{ overflow: hidden;} .Pro .proLt{ float: left; width: 267px; overflow: hidden;} .Pro .proLtBox{ overflow: hidden; background-color: #fff;} .Pro .proLtDl dt{ padding: 0 25px; font-weight:bold;background: #13439d; line-height: 38px; font-size: 16px;} .Pro .proLtDl dt a{ display: block; color: #fff;} .Pro .proLtDl dd{ padding: 0 25px;} .Pro .proLtDl dd a{ display: block; line-height: 36px; background: url(../images/pro_xjx.png) no-repeat 5px top; padding-left: 18px; color: #111111; border-bottom: 1px dotted #dcdcdc; } .Pro .proLtDl dd a:hover{ background-position:5px bottom; color: #1e50ae; text-decoration: none;} .Pro .proPhone{ margin-top: 10px; padding:25px 18px; background-color: #fff; overflow: hidden;} .Pro .proPhone h3{ font-size: 26px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020;} .Pro .proPhone h4{ background: url(../images/proPhone.png) no-repeat left center; font-size: 16px; padding-left: 45px; color: #000000; font-weight: normal} .Pro .proPhone b{ display: block;font-weight:bold; font-size: 24px; color: #1e50ae;} .Pro .proRt{ float: right; width:905px; background-color: #fff;} .Pro .proTit{ width: 100%; height: 56px; background: url(../images/pro_liBg.png) repeat-x center;} .Pro .proTit li{ width:452px; float: left; height: 56px; position: relative; line-height: 56px; text-align: center; font-size: 16px;} .Pro .proTit li a{ color: #151515; text-decoration: none;} .Pro .proTit li i{ display: none; position: absolute; background: url(../images/pro_tit_xj.png) no-repeat center; width: 17px; height: 8px; top:56px; left:220px;} .Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #1e50ae} .Pro .proTit li:hover i,.Pro .proTit li.cur i{display: block;} .Pro .proTit li:hover a,.Pro .proTit li.cur a{ color: #fff;} .Pro .proRBox{ position: relative; overflow: hidden; height: 710px;} .Pro .ProCon{ display:none; position: absolute; top:0; left:0; padding:0 30px} .Pro .proDl{ overflow: hidden; width: 100%; margin: 35px 0 30px; } .Pro .proDl img{ display:block; border:1px solid #d3d3d3;} .Pro .proDl dt{ float: left;} .Pro .proDl dd{ float: right; width: 415px;} .Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold;} .Pro .proDl dd h3 a{ color: #1e50ae;} .Pro .proDl dd p{ line-height: 25px; color: #333; height: 100px; margin: 10px 0 30px; overflow: hidden; text-align: justify;} .Pro .pro_a{ overflow: hidden} .Pro .pro_a a{ display: block; float: left; background: url(../images/pro_a.png) no-repeat center top; width: 101px; height: 36px; text-align: center; line-height: 36px; color: #484848; margin-right: 15px; text-decoration: none;} .Pro .pro_a a:hover { background-position:bottom; color: #fff;} .Pro .proUl{ overflow: hidden; padding-top: 28px; border-top:1px solid #e3e3e3;} .Pro .proUl li{ float: left; margin: 10px 0; margin-right: 35px;width:258px; } .Pro .proUl li img{ display:block;width:100%; border:1px solid #d3d3d3;} .Pro .proUl li span{ display: block; text-align: center; color: #333; line-height:50px;} .Pro .proUl li.last{ margin-right: 0} .Pro .proUl li:hover img{ opacity: .8;} .title{ overflow: hidden; width: 100%; text-align:center; padding-bottom:30px;} .title h2{ font-size: 30px; color: #000} .title h2 a{ color: #1e50ae;font-weight:bold} .title h2 span{ color: #1e50ae} .title p{ font-size: 18px; color: #4e4e4e; margin-top: 10px;} .product{overflow: hidden;padding:50px 0px;} .product_c{width: 1200px;overflow: hidden;margin: auto;} .p_prev,.p_next{width: 18px;height: 30px;display: block;margin-top: 90px;} .p_prev{background: url(../images/p_prev.png) no-repeat;float: left;} .p_next{background: url(../images/p_next.png) no-repeat;float: right;} .product_u{overflow: hidden;padding-top: 10px;width: 1160px;height:250px;position: relative;float: left;} .product_u li{width: 280px;float: left;padding-right:10px;} .product_u li .product_k{width: 280px;overflow: hidden;text-align: center;} .product_k a{display: block;} .product_k .p_img{width:250px;margin: auto;text-align: center;-webkit-transition: all 0.5s ease-in-out 0s;} .p_img img{width:250px;height:167px;border:#ddd 1px solid;} .product_k h1{color: #333;padding: 15px 0px 15px 0px;cursor: pointer;} .p_line{width: 60px;height: 2px;background: #b4b4b4;margin: auto;} .product_k p{color: #555;line-height: 18px;padding-top: 18px;cursor: pointer;font-size:14px;height:38px;overflow:hidden} .product_u li:hover .product_k h1{color: #13439d;} .about { overflow:hidden; width:100%; padding-top:105px; background:url(../images/about_bg.jpg) no-repeat center top; margin-bottom:10px;} .about .abox{ overflow:hidden; width:1200px; margin:0 auto; background:#fff; padding:30px 0;} .about .abox img{ display:block; float:left; margin-left:25px; border-radius:5px;} .about .wen{ overflow:hidden; float:right; width:525px; margin-right:35px; margin-top:0px;} .about .wen h2{ font-weight:normal; font-size:34px; margin-bottom:12px;} .about .wen h2 a{ color:#1e50ae;font-weight:bold} .about .wen em{ display:block; font-size:15px; color:#bdd8f6; margin-bottom:25px;} .about .wen p{ font-size:14px; color:#666; line-height:24px; text-align:justify; margin-bottom:10px;} .N_w{ overflow: hidden; width: 100%;margin-bottom:30px;} .N_w .newBox{ background: #fff url(../images/new_bg.png) repeat-x left bottom; overflow: hidden;} .N_w .nwlt{ overflow: hidden; width: 582px; float: left;margin-right:35px;} .N_w .nw_tit{ border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;overflow: hidden; border-bottom: 1px solid #e7e7e7; border-top:3px solid #1e50ae; background-color: #fafafa;} .N_w .nw_tit h3{ float: left; width: 165px; line-height: 53px; text-align: center; font-size: 18px; font-weight: normal;font-weight: bold; color: #1e50ae;} .N_w .nw_tit a{ padding:18px 20px 0 0; color: #747474; text-decoration: none;float:right;font-size:12px} .N_w .nw_tit a.more{ float: right; display: block; line-height: 53px; font-size: 13px; color: #666; text-transform: uppercase; margin-right: 10px;} .N_w .nw_tit h3:hover a,.N_w .nw_tit h3.cur a{ } .N_w .nw_tit h3:hover,.N_w .nw_tit h3.cur { background-color: #fff; border-right:1px solid #e7e7e7} .N_w .nwLtBox{ height: 320px; overflow: hidden; position: relative; border: 1px solid #e7e7e7; border-top:1px solid #fff;padding:20px} .N_w .nwLtCon{ position: absolute; top:0; left:0; padding: 0 15px; display:none} .N_w .dl{ overflow: hidden; width:540px; } .N_w .dl dt{ width: 180px; float: left;} .N_w .dl dd{ width: 345px; float: right} .N_w .dl dd h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px;} .N_w .dl dd h3 a{ color: #1e50ae} .N_w .dl dd p{ line-height: 22px; height: 47px;overflow:hidden; margin: 10px 0; font-size: 12px; color: #000; } .N_w .dl dd a.xq{ display: block; float: left; color: #000; font-size: 13px;} .N_w .list{ overflow: hidden;margin-top:15px} .N_w .list li{ overflow: hidden; background: url(../images/new_liBg.png) no-repeat left center; padding-left: 15px; line-height: 43px; font-size: 14px; color:#000; border-bottom: 1px dashed #a3a3a3;} .N_w .list li a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: 425px; display: block} .N_w .list li span{ float: right; display: block;color:#999} .N_w .list li:hover a{color: #1e50ae;text-decoration:none;} .N_w .newRt{ width: 328px; overflow: hidden; border: 1px solid #e7e7e7; float: right; } .N_w .newDa{ overflow: hidden; width: 100%; height:350px; margin:10px;position: relative; padding: 10px 0;} .zxtj {padding: 30px 0;} .zxtj .container {position: relative;height: 270px;} .info {overflow:hidden;border:#ddd 1px solid;padding: 19px;position: relative;z-index: 2;} .info .info_left {width: 605px;padding:20px;} .info .info_left ul{float:left;width:297px;margin-right:10px;} .info .info_left ul:last-child{margin-right:0} .info .info_left ul li{line-height:28px;} .info .info_left ul li h3{font-weight:bold;color:#1e50ae;margin-bottom:10px;font-size:22px;height:56px;} .info .info_right {width: 485px;background: #fff;position: relative;padding: 15px;} .info_right p {width: 235px;height: 42px;background:#f5f5f5;line-height: 42px;text-indent: 12px;margin-bottom: 14px;border:1px solid #e3e0e1;color: #999;float: left;margin-left: 10px;} .info_right p:first-child {margin-left: 0;} .info_right input {width: 177px;height: 36px;line-height: 36px;border: none;position: relative;top: -2px;color: #999;background: transparent;} .info_right textarea {background:#f5f5f5;width: 463px;height:103px;resize: none;border: none;border:1px solid #e3e0e1;color: #999;padding: 10px;} .info_right a.atj {display: block;width:485px;height: 45px;line-height: 43px;text-align: center; font-size: 14px;color: #fff;background: #13439d;margin-top: 15px;} .zxtj .zxtjbg {position: absolute;left: -300px;top: -68px;width: 338px;height: 363px;background: url(../images/zxtjbg.jpg) no-repeat center;z-index: 1;} .link { overflow:hidden; margin:50px 0;} .link h3{ font-weight:normal;color:#1e50ae; font-size:20px; float:left; padding-right:10px; border-right:1px solid #ccc;} .link h3 a{ color:#1c1c1c;} .link h3 p{ font-family:Arial; color:#dadada; font-size:30px;} .link ul{ overflow:hidden; float:right; width:1080px; background:url(../images/link.png) repeat-x left top; padding-top:25px;} .link li{ float:left;padding-right:13px; margin-right:13px; border-right:1px solid #505050; white-space:nowrap; margin-bottom:10px;} .link li a{ color:#505050} .footer { overflow:hidden; width:100%; background-color:#1e50ae; padding-bottom:45px;} .footer dl{ overflow:hidden; width:900px; margin-top:45px; float:left;} .footer dt{ overflow:hidden; float:left} .footer dd{ overflow:hidden; width:700px; padding-left:20px; margin-left:20px; float:left;} .footer dd p{color:#fff; line-height:24px;} .footer dd p a{ color:#fff;} .footer dd em{ margin:0 10px;} .footer .ewm{ overflow:hidden; width:111px; height:111px; padding:6px; border:1px solid #444; margin-top:32px; margin-right:10px; float:right;} .ny01{background-repeat:no-repeat;background-position:center top;height:250px;} .cpMain{ background:#ececec; overflow:hidden;} .cpMain .container{ margin-top:20px;padding-bottom:30px;} .nlist{ float:left; width:267px; background:#fff;} .nlist .nt{ font-weight:normal; padding:18px 0; padding-left:20px; background:#1e50ae url(../images/hhBg.png) no-repeat 190px center;} .nlist .nt a{ font-size:20px; color:#fff; text-decoration:none;} .nlist .nt p{ font-size:12px; color:#fff; font-family:"Arial"; margin-top:1px;} .nlist>ul{ padding:20px; } .nlist>ul>li{} .nlist>ul>li>a{ display:block; height:40px; line-height:40px; background:url(../images/liBg2.png) no-repeat 180px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;} .nlist>ul>li>a:hover,.nlist>ul li.cur a{ background:url(../images/liaBg.png) no-repeat center; color:#fff;} .nlist .dphone{ overflow:hidden; background:#1e50ae; padding:20px 0;} .nlist .dphone dt{ float:left; background:url(../images/phImg.png) no-repeat center; margin-left:5px; width:62px; height:50px;} .nlist .dphone dd{ margin-left:66px; color:#fff; padding:5px 13px; border-left:1px dotted #0e409e;} .nlist .dphone dd span{ font-size:13px;} .nlist .dphone dd p{ font-size:22px; font-family:"Arial";} .t05 {line-height:40px;background:#1e50ae;margin-top:10px;} .t05 {padding:0 10px; color:#fff;font-size:14px;} .t05 a{color:#fff;} .t05 img { padding:6px 0 0 0; float:right;} .t05_con { border:solid 1px #ccc; border-top:0; padding:8px 1px; margin-bottom:0px; zoom:1; overflow:hidden;background:#fff;} .t05_cons { border:solid 1px #d7d7d7; border-top:0; padding:2px 0; margin-bottom:10px; zoom:1;} .t05_cons1 { border:solid 1px #d7d7d7; border-top:0; padding:15px 10px; margin-bottom:0px; zoom:1;background:#fff;} .t05_cons1 li {background:url(../images/new_liBg.png) 0px center no-repeat; line-height: 30px;height:30px; overflow: hidden; padding-left: 10px;width: 198px; text-overflow: ellipsis;white-space: nowrap;} .cpMain .sideMenu{ float: left; width: 267px; overflow: hidden;margin-bottom:20px} .cpMain .sideMenu h2{ padding: 25px 0; background-color: #1e50ae; text-align: center; font-size: 32px; } .cpMain .sideMenu h2 a{color: #fff;} .cpMain .sideMenu h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #4c80e0; font-weight: normal;} .cpMain .proPhone{ margin-top: 10px; padding:25px 18px; background-color: #fff; overflow: hidden;} .cpMain .proPhone h3{ font-size: 25px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020;} .cpMain .proPhone h4{ background: url(../images/proPhone.png) no-repeat left center; font-size: 15px; padding-left: 45px; color: #000000; font-weight: normal; margin-top: 15px;} .cpMain .proPhone b{ display: block; font-size: 17px; color: #1e50ae;} .cpright{ width:865px; padding:0 20px; background:#fff; float:right;margin-bottom: 20px;} .rtop{ overflow:hidden; padding-top:28px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;margin-bottom: 8px;} .rtop h5{ float:left; padding-left:10px; border-left:3px solid #13439d; font-weight:normal; line-height:16px;} .rtop h5 a{ font-size:16px; color:#13439d;} .rtop span{ float:right;} .rtop span em{ color:#999;} .rtop span a{ color:#999;} .agent_con { padding:20px; line-height:24px;} .cpshow{ overflow:hidden; padding-top:20px;} .cpshow li{ float:left; width:275px; margin-bottom:30px; margin-right:19px;} .cpshow li:nth-child(3n+3){ margin-right:0;} .cpshow li img{ display:block;height: 250px;} .cpshow li h4{ line-height:16px; margin-top:26px; margin-bottom:8px;overflow: hidden; height: 42px;} .cpshow li h4 a{ font-size:16px; color:#1e50ae;} .cpshow li p{ font-size:13px; color:#666; line-height:21px; height:63px; overflow:hidden;} .cpshow li span{ display:block; overflow:hidden; margin-top:20px;} .cpshow li span .zx{ float:left; width:103px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration:none; border-left:3px solid #333; background:#666;} .cpshow li span .xq{ float:right; font-size:13px; color:#666; margin-top:14px;} .cpshow li span .zx:hover{ background:#1e50ae; border-left-color:#13439d;} .pages{ font-size: 0; margin: 30px auto; } .pages a,.pages span{ border-radius: 2px; text-align: center; background-color: #ddd; color: #555; height: 30px; display: inline-block; margin: 0 5px 5px; font-size: 16px; min-width: 30px; box-sizing: border-box; line-height: 30px; padding: 0 5px; } .pages .current{ display: inline-block; vertical-align: top; background-color: #1e50ae; color: #fff; } .pages .prev,.pages .next{ font-size: 0; vertical-align: top; font-weight: normal; background-repeat: no-repeat; background-position: center; } .pages .prev{ background-image: url(../images/icon15.png); } .pages .next{ background-image: url(../images/icon16.png); } .pages a:hover{ background-color: #1e50ae; color: #fff; } .headTit{ text-align:center; padding:10px 0; position:relative;border-bottom:#ddd 1px dotted} .headTit h4{ font-size:24px; line-height:18px;margin-bottom:10px; text-align:center;color:#1e50ae;font-weight:800} .headTit .time{ font-size:10px;color:#999; text-align:center;} .headTit .clickhov{ text-align:center;} .headTit .clickhov span{margin-left:10px;color:#999;} .headTit a.return{ position:absolute; right:0px; top:5px; width:60px; height:25px; line-height:25px; display:block; background:#1e50ae; color:#fff; text-align:center;font-size:12px;} .texBody{ line-height:25px;} .back { border-top:1px dotted #ccc; margin-top:20px; padding-top:5px;} .back a.blka { background-color: #999; color:#FFF; display: block; float:right; height: 20px; line-height: 20px; margin-top: 1px; text-align: center; text-decoration: none; padding:0 10px;} .return_page{margin:30px 0 15px;overflow:hidden;} .page{width:600px;float:left} .page p{margin-bottom:10px} .page p b,.page p a{display:inline-table;height:30px;line-height:30px} .page p b{width:88px;background:#f5f5f5;text-align:center} .page p a{width:450px;margin-left:5px;padding:0 10px} .page p a:hover{text-decoration:underline} a.return{width:88px;float:right;height:30px;line-height:30px;background:#1e50ae;text-align:center;color:#fff} a.return:hover{text-decoration:underline} .case{} .case li{ width:278px; float:left; text-align:center; margin-right:15px; margin-top:15px;} .case li img{ width:278px;height:200px;} .case li p{ font-size:14px; color:#3f3f3f; line-height:16px;padding:10px 0} .case li:nth-child(3n+3){margin-right:0} .newslist{ } .newslist li{width:100%; height:50px; float:left; border-bottom:1px dashed #e0e0e0; line-height:50px; background:url(../images/newsLi_ico.png) left center no-repeat;} .newslist li a{ font-size:15px; color:#3f3f3f; float:left; padding-left:25px;} .newslist li span{ color:#999; float:right;} .newslist li a:hover{color:#1e50ae} .jot{padding-left:55px;font-size:14px;} .jot em{display:block;width:16%;float:left;line-height:47px;height:47px;overflow:hidden;} .jot em:first-child{padding-left:4%;} .jod > em{background:#a0a0a0;color:#fff;cursor:pointer;transition:300ms;-webkit-transition:300ms;} .jotxs{ position:relative; margin-bottom:30px; } .jos{padding-left:55px;display:none;} .jos .bodr{border:1px solid #13439d;padding:30px 5% 7% 5%;border-top:0;} .jos .bodr em{display:block;border-top:1px solid #eee;padding-top:25px;margin-top:35px;} .jotxs .line{background:#13439d;display:block;position:absolute;} .jotxs .line_1{width:21px;height:1px;top:23px;left:15px;} .jotxs .line_2{width:1px;height:21px;top:13px;left:25px;} .jotxs .arrow{width:55px;height:47px;position:absolute;top:0;left:0;transition:300ms;-webkit-transition:300ms;} .jotxs:hover .jod > em,.jotxs.act .jod > em {background:#13439d;} .jotxs.act .arrow{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .jo2{padding-bottom:6.2%;width:865px} .about-contact{padding:30px 0} .about-contact .titles{ font-size: 24px; font-weight:bold;color: #1e50ae; line-height: 24px; padding-bottom: 12px; position: relative; margin-bottom: 30px; } .about-contact .titles:after{ content: ''; height: 2px; width: 50px; background: #1e50ae; position: absolute; left: 0; bottom: 0; } .about-contact .contact-way { overflow: hidden;padding-bottom:20px;border-bottom:#ddd 1px solid;margin-bottom:20px; } .about-contact .contact-way li{ float: left; font-size: 16px; line-height: 20px; color: #666; width: 450px; padding: 10px 0; padding-left: 40px ; padding-right: 80px; box-sizing:border-box; position: relative;} .about-contact .contact-way li:before{ content: ''; width: 25px; height: 25px; display: block; background: url(../images/icon-contact.png) no-repeat center top; position: absolute; left: 0;top: 9px; } /*.about-contact .contact-way li:nth-of-type(2):before{ background-position: center -25px; } .about-contact .contact-way li:nth-of-type(3):before{ background-position: center -50px; } .about-contact .contact-way li:nth-of-type(4):before{ background-position: center -75px; } .about-contact .contact-way li:nth-of-type(5):before{ background-position: center -100px; } .about-contact .contact-way li:nth-of-type(6):before{ background-position: center -125px; } .about-contact .contact-way li:nth-of-type(7):before{ background-position: center -150px; }*/ .about-contact .contact-way li.li2:before{ background-position: center -25px; /* ej */ } .about-contact .contact-way li.li3:before{ background-position: center -50px; /* ej */ } .about-contact .contact-way li.li4:before{ background-position: center -75px; /* ej */ } .about-contact .contact-way li.li5:before{ background-position: center -100px; /* ej */ } .about-contact .contact-way li.li6:before{ background-position: center -125px; /* ej */ } .about-contact .contact-way li.li7:before{ background-position: center -150px; /* ej */ } .about-contact .map{ width: 100%; height: 290px; box-sizing:border-box; border: 1px solid #eee; margin-top: 25px; } .feedback tr td{padding-bottom:20px} .feedback table{margin-top:20px;font-size:14px;} .input_gbook{border:1px solid #b1b1b1;height:30px;line-height:30px;text-indent:5px} .btns {background:url(../images/btn.gif);height:21px;width:67px;border: 0px none;color:#ffffff;line-height:21px;cursor:pointer;margin-left:90px} .prol li{ padding:15px 0 15px 0; overflow:hidden;} .prol li { display:block;} .prol li .img4_1{ float:left; width:300px;overflow:hidden; margin-right:35px;border:#ddd 1px solid;text-align:center} .prol li .img4_1 img{ -webkit-transition:-webkit-transform 0.4s ease-out; -moz-transition:-mos-transform 0.4s ease-out; -ms-transition:-ms-transform 0.4s ease-out; transition:transform 0.4s ease-out;} .prol li .pror{ width:400px; float:left;} .prol li .pror h3{ color:#1568bf;font-size:18px; line-height:40px;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} .prol li .pror .prof{ font-size:14px;color:#999; line-height:22px; text-indent:2em; height:66px; overflow:hidden;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} .prolist li{width:216px;overflow:hidden;float:left;padding-top:10px;margin:0 10px;} .prolist li p{width:216px;margin:2px auto;text-align:center;font-size:14px;} .prolist li p img{width:210px;height:210px;margin-bottom:5px;border:1px solid #ddd;padding:2px;} .prolist li p img:hover{border:#1568bf 1px solid} .proListTit{height:29px;margin-top:20px;background:url(../images/proListbTitbg.png) repeat-x;line-height:29px;font-weight:700;font-size:14px;padding-left:12px;} .proListUl{display:block;width:760px;} .psTit{height:27px;border-bottom:#DDD 1px solid;margin-top:15px;} .psTit li{float:left;padding:0 20px;line-height:27px;font-size:14px;border:#DDD 1px solid;border-bottom:none;margin-right:8px;cursor:pointer;} .psTit li.current{background:url(../images/llibgCur.png) left -2px repeat-x;color:#FFF;font-weight:700;} .proDetail{margin-top:15px;min-height:300px;*+height:auto!important;*height:300px;width:100%;overflow:auto;} .proDetail dl{display:none;} .proDetail li { display: list-item; list-style:disc; } .proDetail table { display: table } .proDetail tr { display: table-row } .proDetail thead { display: table-header-group } .proDetail tbody { display: table-row-group } .proDetail tfoot { display: table-footer-group } .proDetail col { display: table-column } .proDetail colgroup { display: table-column-group } .proDetail td,.proDetail th { display: table-cell; } .proDetail caption { display: table-caption } .proDetail th { font-weight: bolder; text-align: center } .proDetail caption { text-align: center } .proDetail h1 { font-size: 2em; margin: .67em 0 } .proDetail h2 { font-size: 1.5em; margin: .75em 0 } .proDetail h3 { font-size: 1.17em; margin: .83em 0 } .proDetail h4,.proDetail p, .proDetail blockquote,.proDetail ul, .proDetail fieldset,.proDetail form, .proDetail ol,.proDetail dl,.proDetail dir, .proDetail menu { margin: 1.12em 0 } .proDetail h5 { font-size: .83em; margin: 1.5em 0 } .proDetail h6 { font-size: .75em; margin: 1.67em 0 } .proDetail h1,.proDetail h2,.proDetail h3,.proDetail h4, .proDetail h5,.proDetail h6,.proDetail b, .proDetail strong { font-weight: bolder } .proDetail blockquote { margin-left: 40px; margin-right: 40px } .proDetail i,.proDetail cite,.proDetail em, .proDetail var,.proDetail address { font-style: italic } .proDetail pre,.proDetail tt,.proDetail code, .proDetail kbd,.proDetail samp { font-family: monospace } .proDetail pre { white-space: pre } .proDetail button,.proDetail textarea, .proDetail input,.proDetail object, .proDetail select { display:inline-block; } .proDetail big { font-size: 1.17em } .proDetail small,.proDetail sub,.proDetail sup { font-size: .83em } .proDetail sub { vertical-align: sub } .proDetail sup { vertical-align: super } .proDetail table { border-spacing: 2px; } .proDetail thead,.proDetail tbody, .proDetail tfoot { vertical-align: middle } .proDetail td,.proDetail th { vertical-align: inherit } .proDetail s,.proDetail strike,.proDetail del { text-decoration: line-through } .proDetail hr { border: 1px inset } .proDetail ol,.proDetail ul, .proDetail dir, .proDetail menu, .proDetail dd { margin-left: 20px } .proDetail ol { list-style-type: decimal } .proDetail ol ul, .proDetail ul ol, .proDetail ul ul, .proDetail ol ol { margin-top: 0; margin-bottom: 0 } .proDetail u, i.proDetail ns { text-decoration: underline } .proDetail br:before { content: "\A" } .proDetail :before, .proDetail :after { white-space: pre-line } .proDetail center { text-align: center } .proDetail abbr, .proDetail acronym { font-variant: small-caps; letter-spacing: 0.1em } .proDetail :link, .proDetail :visited { text-decoration: underline } .proDetail :focus{ outline: thin dotted invert } .proDetail table{width:720px;} .proDetail th{font-weight:700;text-align:center;padding-top:10px;} .proDetail td{padding:4px 0;} .proDetail td.first{padding-left:50px;}