锘縝ody, div, p, span, ul, li, ol, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;list-style: none;border: 0; } body {font-size: 14px;font-family: 'Microsoft Yahei',arial,sans-serif;color: #666;letter-spacing: 0px;-webkit-font-smoothing: antialiased;background: #fff; } body img {border: none;max-width: 100%; } body h1, body h2, body h3, body h4, body h5, body h6 {font-weight: normal; } body table {border-collapse: collapse;border-spacing: 0;} body input, body textarea, body select, body button {list-style: none;border: 0;outline: none;padding: 0;margin: 0; } body em, body i, body strong, body address, body cite, body dfn, body var {font-style: normal;font-weight: normal; } body a {outline-style: none;text-decoration: none;color: #333333; } body a:hover {text-decoration: none; } body .clearfix {*zoom: 1; } body .clearfix:after {content: '';display: table;clear: both; } body .list:after{content: '';display: inline-block;width: 100%;} body .clear {clear: both; } body .wrap {width: 100%;overflow: hidden; } body .container {width: 1000px;height: auto;text-align: left;margin: 0 auto; position: relative;} body .main {width: 100%;height: auto; } body .rel {position: relative; } body .center {text-align: center; } body .flex {display: inline-block;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; } body .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;} #header {background: #fff;height: 110px; } .top {background: #3d2f33;width: 100%;height: 40px;font-size: 14px; line-height: 40px; color: #d0d0d0; } .top .top_msg{width: 1000px;margin: 0 auto;} .top .top_msg p{display: inline-block;} .top .top_msg p span{color: #f0ff00;} .top ul {float: right;height: 23px;margin-top: 6px;} .top ul li { width: 75px; height: 27px; font-size: 14px; line-height: 27px; margin-left: 5px;float: left; } .top ul li a { display: block;color: #fff; text-align: center; } .top ul li:hover a {background: #34b3b1; } #header .container .logo { display: block; float: left; height: 69px; margin-top: 25px; margin-right: 20px;} #header .container .text span{font-size: 24px;color: #f24588;line-height: 105px;float: left;} #header .head_tel{float: right;} #header .head_tel img{display: block;margin-top: 30px;} .nav {background: #23a2a5;height: 41px;position: relative; } .nav ul { display: block; text-align: justify; display: inline-block; width: 1000px; position: absolute; left: 50%; margin-left: -500px; } .nav ul li {display: inline-block; width: auto; } .nav ul li:nth-of-type(3) a{color: #ffff00;} .nav ul:after { content: ''; display: inline-block;width: 100%; } .nav li { font: 18px/41px "Microsoft Yahei"; text-align: center; position: relative; } .nav li a { margin: 0 auto; display: block; color: #fff; position: relative; } .nav li a:hover { color: #f0ff00; } .banner{ width: 100%;background: url("/templets/ms_new/special/rltcbz/images/banner.jpg") no-repeat center top;height: 570px;background-size: cover; position: relative; } .banner a.ban_btn_a{width: 230px;height: 60px;position: absolute;top: 50%;right: 50%;display: block;margin-top: 92px;margin-right: 252px;} .banner a.ban_btn_b{width: 210px;height: 60px;position: absolute;top: 50%;right: 50%;display: block;margin-top: 92px;margin-right: 12px;} .tips{width: 1000px;position: relative;margin: 0 auto;height: 195px;} .tips img{position: absolute;top: 0;right: 50%;} .tips p{font-size: 16px;color: #666;text-indent: 2em;line-height: 1.8;display: block;padding-top: 115px;} /*鍐呭01*/ .wrap_a{position: relative;margin-top: 65px;} /*title*/ .title{position: relative;text-align: center;} .title img.left{position: absolute;left: 0;top: 25px;width: 196px;height: 7px;} .title img.right{position: absolute;right: 0;top: 25px;width: 196px;height: 7px;} .title h3{font-size: 40px;color: #138786;font-weight: bold;position: relative;display: inline-block;} .title p{font-size: 20px;color: #333;margin-top: 10px;} /*a_ul*/ .wrap_a ul{margin-top: 40px;position: relative;} .wrap_a ul li{float: left; width: 235px;background: #d1f2f2;text-align: center;margin-right: 20px;} .wrap_a ul li img{display:block;position: relative;} .wrap_a ul li span{font-size: 16px;color: #138786;display: inline-block;margin-top: 10px;} .wrap_a ul li p{font-size: 14px;color: #666;padding: 10px;line-height: 1.7;text-align: left;} .wrap_a ul li:nth-of-type(4){margin-right: 0;} /*鍐呭02*/ .wrap_b{position: relative;margin-top: 65px;} /*b_ul*/ .wrap_b ul{margin-top: 40px;position: relative;} .wrap_b ul li{float: left; width: 170px;text-align: center;margin-right: 37px;} .wrap_b ul li:nth-of-type(5){margin-right: 0;} .wrap_b ul li span{font-size: 24px;color: #138786;font-weight: bold;display: inline-block;margin-top: 10px;} .wrap_b ul li p{font-size: 16px;color: #666;line-height: 1.8;} .wrap_b ul li img{display: inline-block; /*-webkit-transition: all 0.5s;transition: all 0.5s;*/} /*.wrap_b ul li img:hover{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; }*/ /*b_btn*/ .btn{position: relative;margin-top: 40px;text-align: center;} .btn a{display: inline-block;font-size: 22px;color: #fff;background: #ff9f1f;padding: 10px 40px;border-radius: 30px;transition: all 0.3s;-webkit-transition: all 0.3s;} .btn a:hover{border-radius: 5px;} /*鍐呭03*/ .wrap_c{position: relative;margin-top: 65px;} /*title_c*/ .title_c img.left{width: 156px;display: block;} .title_c img.right{width: 156px;display: block;} /*c_ul*/ .wrap_c ul{margin-top: 40px;position: relative;} .wrap_c ul li{float: left;width: 280px;background: #66c4c6;text-align: center;margin-right: 80px;padding-bottom: 30px;} .wrap_c ul li:nth-of-type(3){margin-right: 0;} .wrap_c ul li img{display: inline-block;margin-top: 10px;} .wrap_c ul li p{font-size: 20px;margin-top: 15px;color: #fff;} .wrap_c ul li span{font-size: 26px;color: #fff;line-height: 1.8;font-weight: bold;} .wrap_c ul li a{font-size: 16px;color: #fff;display: inline-block;padding: 10px 25px;border: 1px #fff solid;border-radius: 25px;margin-top: 10px;} .wrap_c ul li a:hover{background: #fff;color: #66c4c6;} /*鍐呭04*/ .wrap_d{position: relative;margin-top: 65px;} /*title_d*/ .title_d img.left{width: 156px;display: block;} .title_d img.right{width: 156px;display: block;} .wrap_d .box{padding: 20px 10px;margin-top: 35px;border: 1px #d4ccce dashed;position: relative;} .wrap_d .box img{display: inline-block;vertical-align: middle;} .wrap_d .box p{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;width: 505px;text-align: left;text-indent: 2em;line-height: 1.9;} /*鍐呭05*/ .wrap_e{position: relative;margin-top: 50px;background: #66c4c6;} /*subtit_e*/ .wrap_e .subtit_e{padding-top: 20px;position: relative;text-align: center;height: 80px;} .wrap_e .subtit_e h5{font-size: 30px;color: #fff;} .wrap_e .subtit_e img{width: 56px;height: 29px;display: block;position: absolute;bottom: 0; left: 50%;margin-left: -28px;} /*e_ul*/ .wrap_e ul{padding: 0 20px;position: relative;} .wrap_e ul li{margin-top: 30px;} .wrap_e ul li .msg{margin-top: 20px;} .wrap_e ul li .msg b{font-size: 20px;color: #ffff00;padding-left: 30px;} .wrap_e ul li .msg p{font-size: 16px;color: #fff;padding-left: 30px;width: 750px;line-height: 1.7;} /*btn_e*/ .wrap_e .btn_e{position: relative;text-align: center;margin: 45px 0;} .wrap_e .btn_e a{font-size: 22px;color: #fff;display: inline-block;padding: 10px 40px;border: 1px #fff solid ;border-radius: 30px;} .wrap_e .btn_e a:hover{color: #66c4c6;background: #fff;} /*鍐呭06*/ .wrap_f{position: relative;margin-top: 50px;} /*title_f*/ .title_f img.left{width: 156px;display: block;} .title_f img.right{width: 156px;display: block;} /*box_left*/ .wrap_f .box_left{float: left;margin-top: 40px;position: relative;width: 410px;text-align: center;} .wrap_f .box_left img.f_doc{display: block;position: relative;} .wrap_f .box_left item{background: #ededed;display: inline-block;padding-top: 30px;} .wrap_f .box_left item i{display: inline-block;vertical-align: middle;} .wrap_f .box_left item span{font-size: 24px;color: #138786;font-weight: bold;vertical-align: middle;line-height: 46px;} .wrap_f .box_left item P{font-size: 20px;color: #138786;display: inline-block;padding-bottom:15px ;} /*box_right*/ .wrap_f .box_right{float: right;margin-top: 40px;position: relative;width: 570px;text-align: left;} .wrap_f .box_right ul li{margin-bottom: 28px;} .wrap_f .box_right ul li span{display: inline-block;font-size: 21px;color: #fff;background: #81d6ee;padding: 5px 20px;} .wrap_f .box_right ul li p{font-size: 16px;color: #666;line-height: 1.7;margin-top: 5px;} .wrap_f .box_right ul li:nth-of-type(2) span{background: #ef7da5;} .wrap_f .box_right ul li:nth-of-type(3) span{background: #efb664;} .wrap_f .box_right ul li:nth-of-type(4) span{background: #8e90ef;} .wrap_f .box_right ul li:nth-of-type(4){margin-bottom: 0;} /*center*/ .wrap_f .center{margin-top: 55px;position: relative;position: relative;} .wrap_f .center h5{font-size: 30px;color: #32b2b1;font-weight: bold;display: block;padding-bottom: 30px;} /*center_left*/ .wrap_f .center .center_left{float: left;width: 365px;} .wrap_f .center .center_left ul li{float: left;border: 1px #dedcdc solid;margin-right: 10px;margin-bottom: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;width: 169px;} .wrap_f .center .center_left ul li img.pic{display: block;position: relative;} .wrap_f .center .center_left ul li p{font-size: 16px;color: #666;display: block;background: #f5f5f5;line-height: 40px;} .wrap_f .center .center_left ul li span{font-size: 16px;color: #666;display: inline-block;width: 115px;text-align: left;padding-top: 23px;line-height: 1.5;} .wrap_f .center .center_left ul li i{display: inline-block;margin-top: 23px;vertical-align: top;margin-right: 10px;} .wrap_f .center .center_left ul li:nth-of-type(4){text-align: left;height: 212px;border: 0;} /*center_right*/ .wrap_f .center .center_right table th img{display: block;position: relative;width: 159px;height: 74px;} .wrap_f .center .center_right table th{width: 159px;height: 74px;font-size: 20px;color: #ffe878;border: 1px #fff solid;background: #f5f5f5;} .wrap_f .center .center_right table th:nth-of-type(2){background: #42e0d2;} .wrap_f .center .center_right table th:nth-of-type(3){background: #ffe878;color: #e11a1d;} .wrap_f .center .center_right table th:nth-of-type(4){background: #ffe878;color: #e11a1d;} .wrap_f .center .center_right table td{height: 48px;background: #f5f5f5;border: 1px #fff solid;font-size: 16px;color: #666;} .wrap_f .center .center_right table td:nth-of-type(2){background: #42e0d2;color: #fff;} .wrap_f .center .center_right table td:nth-of-type(3){background: #ffe878;color: #e11a1d;} .wrap_f .center .center_right table td:nth-of-type(4){background: #ffe878;color: #e11a1d;} /*btn_f*/ .wrap_f .center .btn_f{margin-top: 35px;} .wrap_f .center .btn_f a{display: inline-block;font-size: 22px;color: #fff;background: #ff9e21;padding: 7px 30px;border-radius: 35px;line-height: 0;-webkit-transition: all 0.3s; transition: all 0.3s;} .wrap_f .center .btn_f a i{display: inline-block;vertical-align: middle;padding-left: 20px;} .wrap_f .center .btn_f a:hover{border-radius: 5px;} /*鍐呭07*/ .wrap_g{position: relative;margin-top: 50px;} /*鍒囨崲 hd*/ .wrap_g .center_g{margin-top: 35px;position: relative;height: 400px;} .wrap_g .center_g ul.hd{float: left;position: relative;} .wrap_g .center_g ul.hd li{position: relative;width: 260px;height: 57px;margin-bottom: 10px;cursor: pointer;} .wrap_g .center_g ul.hd li:nth-of-type(6){margin-bottom: 0;} .wrap_g .center_g ul.hd li p{font-size: 20px;color: #666;position: absolute;top: 15px;left: 15px;display: inline-block;width: 100%;z-index: 5;} .wrap_g .center_g ul.hd li .qh_btn{position: relative;} .wrap_g .center_g ul.hd li .qh_btn img{display: block;} .wrap_g .center_g ul.hd li .qh_btn img:first-child{position: relative;z-index: 1;} .wrap_g .center_g ul.hd li .qh_btn img:last-child{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;} .wrap_g .center_g ul.hd li.on img:first-child{z-index: -1;} .wrap_g .center_g ul.hd li.on img:last-child{z-index: 1;} .wrap_g .center_g ul.hd li.on p{color: #fff;} /*鍒囨崲 bd*/ .wrap_g .center_g ul.bd{float: left;position: relative;} .wrap_g .center_g ul.bd li .pic{margin: 0 13px;} .wrap_g .center_g ul.bd li .msg{width: 345px;margin-left: 5px;} .wrap_g .center_g ul.bd li .msg p{font-size: 14px;color: #666;line-height: 1.8;margin-top: 6px;} .wrap_g .center_g ul.bd li .msg a img.g_btn_a{display: block;margin-top: 35px;} .wrap_g .center_g ul.bd li .msg a img.g_btn_b{display: block;margin-top: 25px;} .wrap_g .center_g ul.bd li .msg a img.g_btn_c{display: block;margin-top: 20px;} .wrap_g .center_g ul.bd li .msg a img.g_btn_d{display: block;margin-top: 25px;} .wrap_g .center_g ul.bd li.on{display: flex;position: relative;} .wrap_g .center_g ul.bd li{display: none;} /*g_btn*/ .wrap_g .g_btn{margin-top: 40px;position: relative;text-align: center;} .wrap_g .g_btn a{display: inline-block;font-size: 22px;color: #fff;background: #ff9e21;padding: 10px 25px;border-radius: 30px;margin-right: 40px;-webkit-transition: all 0.3s;transition: all 0.3s;} .wrap_g .g_btn a:nth-of-type(2){margin-right: 0;background: #59c3c3;} .wrap_g .g_btn a:hover{background: #59c3c3;border-radius: 5px;} .wrap_g .g_btn a:nth-of-type(2):hover{background: #ff9e21;border-radius: 5px;} /*棰勭害*/ .yuyue{margin-top: 40px;position: relative;} .yuyue img{display: block;position: relative;} /*.yuyue a img{position: absolute;width: 106px;height: 80px;top: 20px;right: 40px;display: block;}*/ .yuyue a{font-size: 30px;color: #fff;font-weight: bold;background: #ff9e21;width: 106px;height: 80px;display: inline-block;text-align: center;line-height: 1.2;border-radius: 10px;position: absolute;top: 20px;right: 40px;border: 2px #0e124f solid;} .wrap_g .box_g{margin-top: 40px;position: relative;text-align: center;} .wrap_g .box_g h6{font-size: 22px;color: #ff9e21;font-weight: bold;display: inline-block;} .wrap_g .box_g ul{margin-top: 25px;} .wrap_g .box_g ul li{float: left;width: 300px;padding: 10px;margin-right: 20px;text-align: center;background: #fbe7cd;} .wrap_g .box_g ul li p{font-size: 16px;color: #ed911b;display: inline-block;padding: 10px 0 5px 0;} .wrap_g .box_g ul li:nth-of-type(2){background: #ffd8d9;} .wrap_g .box_g ul li:nth-of-type(3){margin-right: 0;background: #d4f0f4;} .wrap_g .box_g ul li:nth-of-type(2) p{color: #f33337;} .wrap_g .box_g ul li:nth-of-type(3) p{color: #28b5c7;} /*鎸傚彿*/ .wrap_gh{margin-top: 70px;position: relative;} /*title_gh*/ .wrap_gh .title_gh{height: 90px;} .wrap_gh .title_gh img.tubiao{position: absolute;width: 56px;height: 29px;bottom: 0;left: 50%;margin-left: -28px;} .title_gh img.left{width: 278px;display: block;} .title_gh img.right{width: 278px;display: block;} .container_gh {background: url("/templets/ms_new/special/rltcbz/images/gh_doc.jpg") no-repeat top left;height: 520px !important; margin-top: 35px; } .container_gh .gh_form {width: 700px;margin: 0 auto; margin-left: 280px;border: 10px #26b3b3 solid; background: #fff; box-shadow: 0px 2px 5px 0px #999; -webkit-box-shadow: 0px 2px 5px 0px #999; -moz-box-shadow: 0px 2px 5px 0px #999; } .container_gh .gh_form ul { width: 620px;margin: 0 auto; } .container_gh .gh_form ul li {width: 100%; margin-top: 17px; font-size: 18px;line-height: 40px; float: left; } .container_gh .gh_form ul li span { float: left;width: 90px; height: 40px; display: block; } .container_gh .gh_form ul li input { border: 1px #ddd solid; font-size: 18px; line-height: 40px; padding: 0 5px; width: 520px; height: 40px; box-sizing: border-box;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: left; } .container_gh .gh_form ul li textarea { font-size: 18px; line-height: 25px; padding: 5px; border: 1px #ddd solid; width: 520px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; resize: none; } .container_gh .gh_form ul li.red { font-size: 18px; line-height: 40px; color: #fe4e51; text-align: center; } .container_gh .gh_form ul li span:nth-of-type(2) { margin-left: 30px; } .container_gh .gh_form .center {padding: 20px 0 25px 0; } .container_gh .gh_form .center input { display: inline-block; font-family: "寰蒋闆呴粦" !important; font-size: 18px; line-height: 45px; color: #fff; width: 145px; margin: 0 20px;background: #eb3a3e; cursor: pointer; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; } .container_gh .gh_form .center input:nth-of-type(2) { background: #ff9e21; } .container_gh .gh_form .center input:hover { filter: alpha(opacity=80);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } /*footer*/ .footer{background: #147e7d;height: 240px;position: relative;} /*foot_logo*/ .footer img.foot_logo{display: block;margin-top: 35px;float: left;margin-right: 60px;} /*foot_nav_a*/ .footer .nav_a{margin-top: 35px;margin-right: 30px;float: left;position: relative;} .footer .nav_a ul li{margin-bottom: 8px;text-align: center;} .footer .nav_a ul li a{display: inline-block;color: #fff;font-size: 16px;background: #2aa9a8;padding: 0 15px;line-height: 35px;} .footer .nav_a ul li a:hover{color: #2aa9a8;background: #fff;} .footer .nav_a:before{content: '';width: 1px;height: 100%;background: #5ba5a4;position: absolute;left: -30px;top: 0;} .footer .nav_a ul li:nth-of-type(4){margin-bottom: 0;} /*foot_center*/ .footer .center{margin-top: 60px;float: left;text-align: left;} .footer .center p{font-size: 16px;color: #fff;display: block;margin-bottom: 10px;} .footer .center p:nth-of-type(4){margin-top: 20px;} /*foot_nav_b*/ .footer .nav_b{margin-top: 35px;float: right;position: relative;} .footer .nav_b ul li{margin-bottom: 8px;text-align: left;} .footer .nav_b ul li i{display: inline-block;vertical-align: middle;margin: 0 18px;} .footer .nav_b ul li a{font-size: 16px;color: #2aa8a7;display: inline-block;vertical-align: middle;background: #fff;padding: 3px 0;width: 145px;transition: all 0.3s;-webkit-transition: all 0.3s;} .footer .nav_b:before{content: '';width: 1px;height: 100%;background: #5ba5a4;position: absolute;left: -40px;top: 0;} .footer .nav_b ul li:nth-of-type(4){margin-bottom: 0;} .footer .nav_b ul li a:hover{border-radius: 15px;} /*鎸夐挳鍔ㄧ敾*/ #animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; } #button { animation: pulse 1.2s infinite alternate; }