锘縝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; position: relative;}
body .container {width: 1100px;height: auto;text-align: left;margin: 0 auto; position: relative;}
body .main {width: 100%;height: auto; }
body .rel {position: relative; }
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{width: 1060px;height: 100px;margin: 0 auto;position: relative;}
.header a.logo{display: block;float: left;margin-top: 15px;}
.header ul{margin-top: 30px;position: relative;float: right;}
.header ul li{width: 130px;float: left;text-align: center;line-height: 40px;position: relative;}
.header ul li a{font-size: 18px;color: #333;display: block;}
.header ul li a:hover{background: #03b294;color: #fff;}

/*banner*/
.banner{background: url("/360szlhmsyycom/templets/ms_new/special/tssc/images/banner.jpg") no-repeat center;height: 533px;display: block;position: relative;margin: 0 auto;}
.banner a{width: 405px;height: 53px;display: block;position: absolute;top: 50%;left: 50%;margin-top: 112px;}

/*01*/
.wrap_a{margin-top: 40px;position: relative;}

/*title*/
.title{text-align: center;}
.title h3{font-size: 38px;color: #03b294;font-weight: bold;}
.title em{font-size: 14px;color: #666;}

.wrap_a .center{margin-top: 35px !important;width: 1060px;border: 1px #81d8c9 dashed;border-radius: 10px;margin: 0 auto;text-align: center;padding-bottom: 20px;}
.wrap_a .center p{font-size: 16px;color: #666;padding: 20px 50px;line-height: 1.6;text-indent: 2em;text-align: left;}
.wrap_a .center a{display: inline-block;margin-right: 40px;}
.wrap_a .center a:nth-of-type(2){margin-right: 0;}
.wrap_a .pic{margin-top: 40px;text-align: center;}
.wrap_a .pic img{display: block;margin: 0 auto;}

/*02*/
.wrap_b{margin-top: 50px;position: relative;background: #03b294;}

/*title_b*/
.title_b{padding-top: 40px;}
.title_b h3{color: #fff;}
.title_b em{color: #fff;}

.wrap_b ul{margin-top: 35px;position: relative;}
.wrap_b ul li{float: left;width: 265px;height: 390px;text-align: center;margin-right: ;background: #fff;margin-right: 13px;}
.wrap_b ul li:nth-of-type(4){margin-right: 0;}
.wrap_b ul li i{padding: 15px 0;display: inline-block;font-size: 22px;color: #03b294;}
.wrap_b ul li i img{display: inline-block;vertical-align: middle;}
.wrap_b ul li p{padding: 10px 15px 0 20px;font-size: 16px;color: #666;text-align: left;text-indent: 2em;line-height: 1.6;}

.wrap_b .b_btn{text-align: center;padding-bottom: 50px;}
.wrap_b item{border: 1px #fff dashed;border-radius: 20px;font-size: 18px;padding-left: 40px;color: #fff; display: inline-block; box-sizing: border-box;margin-top: 40px;}
.wrap_b item a{display: inline-block;background: #ffff00;border-radius: 20px;line-height: 40px;color: #00986b;padding: 0 25px;margin-left: 40px;}
.wrap_b item a:hover{background: #fff;color: #03b294;}

/*03*/
.wrap_c{margin-top: 40px;position: relative;}
.wrap_c ul{margin-top: 35px;margin-left: 52px;}
.wrap_c ul li{width: 290px;text-align: center;margin-right: 60px;float: left;position: relative;}
.wrap_c ul li:nth-of-type(3){margin-right: 0;}
.wrap_c ul li img{display: block;margin: 0 auto;}

.wrap_c ul li item{width: 100%;position: absolute;top: 280px;left: 0;text-align: center;}
.wrap_c ul li item h6{font-size: 24px;color: #ffff00;}
.wrap_c ul li item p{font-size: 16px;color: #fff;line-height: 1.8;text-indent: 2em;text-align: left;margin-top: 40px;padding: 0 40px;}

.tips{width: 1000px;margin: 0 auto;margin-top: 50px !important;text-align: left;position: relative;border: 1px #fc971a dashed;border-radius: 30px;}
.tips h6{font-size: 22px;color: #FC971A;position: absolute;top: -17px;left: 30px;display: inline-block;background: #fff;padding: 0 10px;}
.tips p{font-size: 16px;color: #666;text-indent: 2em;padding: 20px;line-height: 1.7;}

/*04*/
.wrap_d{margin-top: 50px;position: relative;background: #03b294;padding-bottom: 50px;}
.wrap_d .center{width: 910px;margin: 35px auto;}
.wrap_d .center ul li{float: left;width: 270px;text-align: center;background: #fff;margin-right: 50px;}
.wrap_d .center ul li:nth-of-type(3){margin-right: 0;}
.wrap_d .center ul li:nth-of-type(2){background: none;}
.wrap_d .center ul li:nth-of-type(2) img{margin-top: 55px;}
.wrap_d .center ul li h6{font-size: 24px;color: #03b294;background: #ffff00;line-height: 50px;border-bottom: 1px #00986B solid;}
.wrap_d .center ul li img{display: inline-block;padding: 25px 0;}

.wrap_d .tips{border: 1px #fff dashed;}
.wrap_d .tips h6{background: #03b294;color: #ffff00;}
.wrap_d .tips p{color: #fff;}

/*05*/
.wrap_e{margin-top: 50px;position: relative;}
.wrap_e .center{width: 880px;margin: 45px auto 30px;position: relative;}
.wrap_e .center ul li{float: left;width: 440px;position: relative;background: #03b294;height: 300px;}
.wrap_e .center ul li item{width: 290px;text-align: center;display: block;padding-top: 50px;}
.wrap_e .center ul li item h6{font-size: 26px;color: #fff;background: #009f84;display: inline-block;line-height: 40px;padding: 0 20px;}
.wrap_e .center ul li item p{font-size: 20px;color: #fff;margin-top: 15px;}
.wrap_e .center ul li item p span{font-size: 40px;font-family: impact;color: #ffff00;line-height: 1;}
.wrap_e .center ul li item a{font-size: 20px;color: #03b294;display: inline-block;background: #fff;line-height: 45px;border-radius: 25px;padding: 0 30px;margin-top: 20px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}
.wrap_e .center ul li item a:hover{border-radius: 5px;}
.wrap_e .center ul li img{display: block;position: absolute;top: 0;right: 0;width: 150px;height: 300px;}
.wrap_e .center ul li:nth-of-type(2) img{left: 0;}
.wrap_e .center ul li:nth-of-type(2){background: #ff9f28;}
.wrap_e .center ul li:nth-of-type(2) item{margin-left: 150px;}
.wrap_e .center ul li:nth-of-type(2) h6{background: #f28600;}
.wrap_e .center ul li:nth-of-type(2) item a{color: #f28600;}

.wrap_e .center_b{width: 1000px;margin: 0 auto;border: 1px #009F84 dashed;text-align: center;border-radius: 10px;padding-bottom: 25px;}
.wrap_e .center_b p{text-align: left;text-indent: 2em;padding: 20px 40px;font-size: 16px; color: #666;line-height: 1.7;}
.wrap_e .center_b p span{color: #ff1200;}
.wrap_e .center_b a{display: inline-block;margin-right: 40px;}
.wrap_e .center_b a img{display: block;}
.wrap_e .center_b a:nth-of-type(2){margin-right: 0;}

/*06*/
.wrap_f{margin-top: 50px;position: relative;background: #03b294;padding-bottom: 20px;}
.wrap_f .switch{width: 1060px;margin: 40px auto;position: relative;}
.wrap_f .switch .flex{-webkit-justify-content:center;-webkit-align-items:center;-webkit-box-pack: center;-webkit-box-align: center;align-items:center; justify-content:center;}
.wrap_f .switch .pic{margin-left: 130px;position: relative;}
.wrap_f .switch .pic img{display: block;width: 400px;height: 500px;border: 4px #02a387 solid;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}

.wrap_f .switch .msg{margin-left: 45px;position: relative;}
.wrap_f .switch .msg h4{font-size: 36px;color: #ffff00;line-height: 1;}
.wrap_f .switch .msg span{font-size: 20px;color: #008d75;display: inline-block;background: #fff;line-height: 40px;padding: 0 30px;margin-top: 20px;}
.wrap_f .switch .msg p{font-size: 16px;color: #fff;margin-top: 10px;line-height: 1.7;width: 360px;}
.wrap_f .switch .msg p:nth-of-type(3){text-indent: 2em;}
.wrap_f .switch .msg p a{color:#ffff00;}

.wrap_f .switch .msg .yygh,.wrap_f .switch .msg .zxzs{font-size: 18px;color: #008d75;background: #ffff00;line-height: 40px;padding: 0 30px;display: inline-block;border-radius: 20px;margin-right: 20px;margin-top: 20px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}
.wrap_f .switch .msg .zxzs{margin-right: 0;background: #fff;}
.wrap_f .switch .msg .yygh:hover,.wrap_f .switch .msg .zxzs:hover{border-radius: 5px;}

/*鍒囨崲  鎸夐挳*/
.button-prev{position: absolute;left: 0;top: 50%;width: 98px;height: 98px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);z-index: 99;cursor: pointer;}
.button-next{position: absolute;right: 0;top: 50%;width: 98px; height: 98px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);z-index: 99;cursor: pointer;}

/*07*/
.wrap_g{margin-top: 50px;position: relative;}
.wrap_g .center{width: 990px;margin: 40px auto;}
.wrap_g .center ul.ul_a li{text-align: center;float: left;margin-right: 10px;}
.wrap_g .center ul.ul_a li:nth-of-type(1){width: 278px;height: 330px;}
.wrap_g .center ul.ul_a li:nth-of-type(2){width: 432px;height: 330px;overflow: hidden;}
.wrap_g .center ul.ul_a li:nth-of-type(3){width: 260px;height: 330px;margin-right: 0;border: 1px #ebebeb solid;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}
.wrap_g .center ul.ul_a li .box_a{border: 1px #ebebeb solid;}
.wrap_g .center ul.ul_a li .box_a img{display: inline-block;vertical-align: middle;width: 180px;margin-right: 5px;}
.wrap_g .center ul.ul_a li .box_a item{display: inline-block;vertical-align: middle;width: 240px;text-align: left;}
.wrap_g .center ul.ul_a li .box_a item h6{font-size: 20px;color: #333;font-weight: bold;}
.wrap_g .center ul.ul_a li .box_a item p{font-size: 14px;color: #666;padding: 10px;line-height: 1.5;text-indent: 2em;}

.wrap_g .center ul.ul_a li .g_btn{background: #03b294;margin-top: 10px;height: 160px;}
.wrap_g .center ul.ul_a li .g_btn p{font-size: 18px;color: #fff;padding-top: 35px;}
.wrap_g .center ul.ul_a li .g_btn p span{color: #009178;background: #fff;display: inline-block;line-height: 30px;padding: 0 10px;border-radius: 5px;margin-right: 5px;}
.wrap_g .center ul.ul_a li .g_btn p em{font-size: 26px;font-family: impact;display: inline-block;line-height: 1;vertical-align: bottom;}
.wrap_g .center ul.ul_a li .g_btn a{display: inline-block;font-size: 20px;line-height: 40px;border-radius: 20px;background: #FFFF00;padding: 0 30px;margin-top: 20px;color: #009178;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}
.wrap_g .center ul.ul_a li .g_btn a:hover{border-radius: 5px;}

.wrap_g .center ul.ul_a li i{font-size: 20px;color: #333; display: block; margin-top: 15px;font-weight: bold;}
.wrap_g .center ul.ul_a li i img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.wrap_g .center ul.ul_a li:nth-of-type(3) p{text-align: left;padding: 15px 10px 0 10px;line-height: 1.5;text-indent: 2em;}

.wrap_g .center ul.ul_b{margin-top: 10px;position: relative;}
.wrap_g .center ul.ul_b li{float: left;border: 1px #ebebeb solid;height: 155px;margin-right: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;position: relative;overflow: hidden;}
.wrap_g .center ul.ul_b li:nth-of-type(1){width: 520px;}
.wrap_g .center ul.ul_b li:nth-of-type(2){width: 460px;margin-right: 0;}
.wrap_g .center ul.ul_b li:nth-of-type(1) item{width: 325px;display: inline-block;}
.wrap_g .center ul.ul_b li img{display: block;position: absolute;top: 0;right: 0;}
.wrap_g .center ul.ul_b li:nth-of-type(2) item{width: 250px;display: inline-block;}

.wrap_g .center ul.ul_b li item h6{font-size: 20px;color: #333;padding: 20px 0 0 15px;font-weight: bold;}
.wrap_g .center ul.ul_b li item p{font-size: 14px;color: #666;padding: 10px 0 0 10px;line-height: 1.5;text-indent: 2em;}

/*鎸傚彿*/
.wrap_gh{margin-top: 50px;position: relative;}
.wrap_gh .title_gh{text-align: center;}
.wrap_gh .title_gh h4{font-size: 38px;color: #03b294;font-weight: bold;margin-top: 20px;}
.wrap_gh .title_gh em{font-size: 18px;color: #fc971a;display: inline-block;margin-top: 5px;}

.wrap_gh .form{width: 950px;position: relative;text-align: center;margin-top: 40px;margin-left: 75px;}
.wrap_gh .form ul li{float: left;width: 430px;margin-right: 90px;margin-bottom: 25px;}
.wrap_gh .form ul li:nth-of-type(2){margin-right: 0;}
.wrap_gh .form ul li:nth-of-type(4){margin-right: 0;}
.wrap_gh .form ul li:nth-of-type(5){margin-right: 0;width: 950px;}
.wrap_gh .form ul li span{font-size: 20px;color: #666;display: inline-block;vertical-align: middle;margin-right: 5px;}
.wrap_gh .form ul li input{border: 1px #d5d5d5 solid;line-height: 50px;width: 310px;font-size: 20px;color: #666;padding-left: 10px;}
.wrap_gh .form ul li textarea{border: 1px #d5d5d5 solid;vertical-align: top;width: 830px;resize: none;font-size: 20px;color: #666;padding: 10px 0 0 10px;}
.wrap_gh .form ul li input::-webkit-input-placeholder{font-size: 16px;color: #b6b6b6;}
.wrap_gh .form ul li input::-moz-placeholder{font-size: 16px;color: #b6b6b6;}
.wrap_gh .form ul li input::-ms-input-placeholder{font-size: 16px;color: #b6b6b6;}

.wrap_gh .form .form_a{margin-top: 20px; position: relative;}
.wrap_gh .form .form_a input{font-size: 20px;color: #fff;background: #b0b0b0;line-height: 50px;border-radius: 25px;padding: 0 40px;margin-right: 50px;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}
.wrap_gh .form .form_a input:nth-of-type(2){margin-right: 0;background: #fc971a;}
.wrap_gh .form .form_a input:hover{border-radius: 5px;}

/*footer*/
.footer{background: #009e83;margin-top: 50px;position: relative;}
.footer .foot_logo{margin: 45px 50px;float: left;}
.footer .foot_logo a,.footer .foot_logo a img{display: block;position: relative;}

.footer .center{margin: 30px 50px;position: relative;float: left;text-align: left;}
.footer .center h6{font-size: 22px;color: #fff;}
.footer .center img{display: block;}
.footer .center p{font-size: 16px;color: #fff;margin-top: 10px;line-height: 1.6;}
.footer .center p b{font-weight: bold;}
.footer .center p a{font-family: impact;font-size: 26px;color: #ffff00;}

.footer .foot_qr{margin: 30px 50px;float: right;position: relative;text-align: center;}
.footer .foot_qr a,.footer .foot_qr a img{display: block;padding-bottom: 5px;}
.footer .foot_qr p{font-size: 18px;color: #fff;line-height: 1.5;}

/*鎸夐挳鍔ㄧ敾*/
#button {
    animation: pulse 1s infinite alternate;
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: "transform, opacity";
  transition-property: "transform, opacity";
  }

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);
  /* move the element up by 5px */ }

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }
/*shadow*/
.shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; 
  z-index:999;}

.shadow:before {pointer-events: none;position: absolute;z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: "transform, opacity";
  transition-property: "transform, opacity";
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  }