锘縝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 .clear {clear: both; } body .wrap {width: 100%;overflow: hidden; } body .container {width: 1000px;height: auto;text-align: center;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*/ .header{background: #5ca7de;position: relative;} .header a img.logo{display: block;float: left;padding: 20px 0;} .header .nav{float: left;margin: 45px 0 0 25px;z-index: 5;} .header .nav ul li{float: left;font-size: 14px;width: 80px;text-align: center;border-right: 1px #5ca7de solid;box-sizing: border-box;-webkit-box-sizing: border-box;} .header .nav ul li a{display: block;color: #fff;background: #267dbd;line-height: 30px;} .header .nav ul li:nth-of-type(5){border-right: 0;} .header .nav ul li a:hover{background: #fee159;color: #267dbd;} .header a img.tel{float: right;margin-top: 33px;display: block;} /*banner*/ .banner{background: url("/templets/ms_new/special/msyqjc/images/banner.jpg")no-repeat center;height: 592px;position: relative;} .banner a.banner_btn{display: block;width: 292px;height: 80px;position: absolute;top: 50%;right: 50%;margin-right: 150px;margin-top: 60px;} .banner img.tips{display: block;position: absolute;bottom: -23px;right: 50%;margin-right: -550px;} .banner p{font-size: 16px;color: #666;width: 1000px;line-height: 1.7;text-indent: 2em;position: absolute;bottom: 5px;right: 50%;margin-right: -520px;} /*鍐呭01*/ .wrap_a{margin-top:80px;position: relative;} .wrap_a ul{margin-top: 10px;padding: 0 20px;} .wrap_a ul li{border-bottom: 1px #ccc dashed;padding: 20px 0;} .wrap_a ul li:nth-of-type(1) .msg{margin-left: 60px;} .wrap_a ul li:nth-of-type(2) .msg{margin-right: 55px;} .wrap_a ul li:nth-of-type(3) .msg{margin-left: 75px;} .wrap_a ul li:nth-of-type(3) img{margin-left: 45px;} .wrap_a ul li .msg{text-align: left;margin-top: 20px;} .wrap_a ul li .msg i{background: url("/templets/ms_new/special/msyqjc/images/a_sub_img.png")no-repeat center;display: inline-block;text-align: center;width: 81px;height: 56px;font-size: 24px;color: #fff;line-height: 2.2;} .wrap_a ul li .msg span{font-size: 24px;color: #fc7675;display: inline-block;margin-left: 20px;} .wrap_a ul li .msg p{font-size: 16px;color: #b79164;text-indent: 2em;display: block;margin-top: 30px;line-height: 1.8;} /*btn*/ .btn{margin-top: 40px;position: relative;} .btn a{display: inline-block;margin-right: 30px;} .btn a:nth-of-type(2){margin-right: 0;} /*b_bg*/ .b_bg{background: url("/templets/ms_new/special/msyqjc/images/bg_a.jpg")no-repeat center;height: 60px;position: relative;margin-top: 60px;} /*鍐呭02*/ .wrap_b{position: relative;text-align: center;background: #faf3e1;padding-bottom: 40px;} .wrap_b ul{margin-top: 25px;} .wrap_b ul li{float: left;background: url("/templets/ms_new/special/msyqjc/images/b_img_a.jpg")no-repeat center;width: 325px;height: 545px;margin-right: 11px;text-align: center;} .wrap_b ul li:nth-of-type(3){margin-right: 0;} .wrap_b ul li img{display: inline-block;margin-top: 90px;} .wrap_b ul li p{width: 250px;text-align: left;font-size: 16px;color: #b79164;text-indent: 2em;display: inline-block;margin-top: 25px;line-height: 1.7;} /*b_bg_b*/ .b_bg_b{background: url("/templets/ms_new/special/msyqjc/images/bg_b.jpg")no-repeat center;height: 60px;position: relative;} /*鍐呭03*/ .wrap_c{margin-top: 15px;position: relative;} .wrap_c .box{margin-top: 50px;} .wrap_c .box .left{float: left;} .wrap_c .box .right{float: right;} .wrap_c .box i{display: inline-block;vertical-align: middle;} .wrap_c .box em{font-size: 26px;color: #fc7675;display: inline-block;color: #fc7675;padding: 0 5px;} .wrap_c .box_b em{color: #5ca7de;} .wrap_c .box table{border-collapse: separate;border-spacing: 3px 0;margin-top: 20px;} .wrap_c .box table th{background: #5ca7de;width: 155px;height: 50px; font-size: 22px;color: #fff;} .wrap_c .box table th:nth-of-type(2){width: 545px;} .wrap_c .box_b table th{background: #fc7675;} .wrap_c .box table td{height: 50px;border: 1px #ccc solid;border-top: 0;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 14px;color: #666;} .wrap_c .box table td span{color: #b79164;} /*璐圭敤*/ .feiyong{background: url("/templets/ms_new/special/msyqjc/images/fy_img.jpg")no-repeat center;height: 220px;position: relative;margin-top: 55px;} .feiyong a img{position: absolute;width: 164px;height: 163px;display: block;left: 50%;top: 30px;margin-left: 330px;} /*鍐呭04*/ .wrap_d{background: #faf3e1;} .wrap_d ul{margin: 30px 0 45px 0;position: relative;padding: 0 25px;} .wrap_d ul li{float: left;text-align: center;position: relative;margin-right: 70px;} .wrap_d ul li:nth-of-type(3){margin-right: 0;} .wrap_d ul li item h5{font-size: 26px;color: #fff;} .wrap_d ul li item p{font-size: 16px;color: #fff;line-height: 1.8;text-align: left;width: 170px;display: inline-block;position: relative;margin-top: 30px;} .wrap_d ul li item p:before{content: '';width: 100%;height: 1px;background: #fff;display: block;position: absolute;top: -15px;left: 0;} .wrap_d ul li item{position: absolute;top: 75px;left: 0;display: inline-block;width: 100%;} .wrap_d .center{height: 260px;position: relative;} .wrap_d .center a img{display: block;position: absolute;left: 175px;top: 118px;z-index: 5;} .wrap_d .center img.jc{position: absolute;display: block;top: 0;right: 180px;z-index: 1;} /*鍐呭05*/ .wrap_e{margin-top: 30px;position: relative;} .wrap_e ul{padding: 0 22px;} .wrap_e ul li{margin-top: 45px;position: relative;text-align: center;} .wrap_e ul li p{font-size: 16px;color: #b79164;text-indent: 2em;line-height: 1.8;width: 735px;display: inline-block;text-align: left;position: absolute;top: 25px;left: 200px;} .wrap_e ul li:nth-of-type(2) p{left: 50px;} /*鍐呭06*/ .wrap_f{background: #faf3e1;position: relative;padding-bottom: 35px;} .wrap_f ul{margin-top: 10px;position: relative;} .wrap_f ul li{float: left;background: #fff;margin: 20px 20px 0 0;width: 490px;text-align: center;position: relative;} .wrap_f ul li:nth-of-type(2n+2){margin-right: 0;} .wrap_f ul li .msg{margin-top: 20px;position: relative;} .wrap_f ul li .msg h5{font-size: 22px;color: #fc7675;line-height: 1.6;} .wrap_f ul li .msg p{width: 240px;display: inline-block;text-align: left;font-size: 16px;color: #b79164;text-indent: 2em;margin-top: 35px;line-height: 1.8;} .wrap_f ul li .msg p:before{content: '';width: 82%;height: 1px;background: #fc7675;position: absolute;top: 85px;left: 25px;display: inline-block;} .wrap_f ul li img{padding: 10px;} /*鍐呭07*/ .wrap_g{margin-top: 60px;position: relative;} .wrap_g ul{margin-top: 30px;position: relative;text-align: center;} .wrap_g ul li{border: 1px #b79164 dashed;position: relative;margin-bottom: 70px;height: 180px;align-items: center;} .wrap_g ul li .pic img{display: block;} .wrap_g ul li:nth-of-type(2) .pic img{margin-right: 30px;} .wrap_g ul li:nth-of-type(3) .pic img{margin-left: 30px;} .wrap_g ul li i{background: url("/templets/ms_new/special/msyqjc/images/no_bg.png")no-repeat center;display: inline-block;width: 36px;height: 40px;vertical-align: middle;font-size: 20px;color: #fff;font-family: impact;line-height: 1.8;} .wrap_g ul li span{font-size: 26px;color: #fc7675;display: inline-block;margin-left: 10px;vertical-align: middle;} .wrap_g ul li a{display: inline-block;margin-top: 30px;margin-right: 25px;} .wrap_g ul li a:nth-of-type(2){margin-right: 0;} .wrap_g ul li p{font-size: 16px;color: #b79164;margin-top: 25px;line-height: 1.8;} .wrap_g ul li:nth-of-type(3) p{text-align: left;width: 560px;margin-left: 117px;} .wrap_g ul li:nth-of-type(1){border-bottom-right-radius: 90px;border-top-right-radius: 90px;border-left: 0;} .wrap_g ul li:nth-of-type(2){border-bottom-left-radius: 90px;border-top-left-radius: 90px;border-right: 0;} .wrap_g ul li:nth-of-type(3){border-bottom-right-radius: 90px;border-top-right-radius: 90px;border-left: 0;} .wrap_g ul li:after{content: '';background: url("/templets/ms_new/special/msyqjc/images/g_jt.jpg")no-repeat center;display: inline-block;width: 51px;height: 55px;position: absolute;bottom: -62px;left: 50%;margin-left: -25px;} .wrap_g ul li:nth-of-type(3):after{background: none;} /*foot_bg*/ .foot_bg{background: url("/templets/ms_new/special/msyqjc/images/foot_bg.jpg")no-repeat center;height: 55px;position: relative;margin-top: 10px;} /*footer*/ .footer{background: #5ca7de;height: 320px;position: relative;} .footer img.foot_logo{float: left;margin-top: 90px;display: block;margin-right: 60px;} .footer .center{margin-top: 90px;position: relative;float: left;text-align: left;} .footer .center .nav ul li{float: left;text-align: center;border-right: 1px #bdd1e6 solid;} .footer .center .nav ul li:nth-of-type(5){border-right: 0;} .footer .center .nav ul li a{display: inline-block;line-height: 30px;font-size: 14px;color: #fff;width: 90px;background: #267dbd;} .footer .center .nav ul li a:hover{background: #fee159;color: #267dbd;} .footer .center item i{display: inline-block;vertical-align: middle;margin-top: 27px;margin-right: 10px;} .footer .center item a{display: inline-block;vertical-align: middle;font-size: 24px;color: #ffff00;font-family: arial;font-weight: bold;margin-top: 27px;margin-right: 30px;} .footer .center item p{font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;margin-top: 27px;} .footer img.foot_qr{display: block;float: right;margin-top: 45px;} /*鎸夐挳鍔ㄧ敾*/ #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; }