.box-left>ul>li,
.sp_detail>ul>li,
.sp_pic>ul>li,
.sp_time>ul>li,
li,
ol,
ul {
  list-style: none
}

.top-bar,
a,
button {
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s
}

.logo,
h2 {
  text-transform: uppercase
}

.height-30,
.height-40,
.height-60,
h2 {
  position: relative
}

*,
.ai_dayTime>a,
.ai_principle>a,
.back-to-top,
a,
button {
  text-decoration: none
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  letter-spacing: 0;
  margin-top: 0;
  color: #fff;
  font-weight: 700
}

address,
cite,
dfn,
em,
var {
  font-style: normal
}

code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace
}

.btn,
.flexslider .slides li h1,
.testi-slider p {
  font-family: Raleway, sans-serif
}

small {
  font-size: 12px
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

.searchBox a img,
.top-bar ul li {
  vertical-align: middle
}

legend {
  color: #000
}

fieldset,
img {
  border: 0
}

button,
input,
select,
textarea {
  font-size: 100%
}

html {
  font-size: 10px
}

@media screen and (min-width:321px) and (max-width:375px) {
  html {
    font-size: 11px
  }
}

@media screen and (min-width:376px) and (max-width:414px) {
  html {
    font-size: 12px
  }
}

@media screen and (min-width:415px) and (max-width:639px) {
  html {
    font-size: 15px
  }
}

@media screen and (min-width:640px) and (max-width:719px) {
  html {
    font-size: 20px
  }
}

@media screen and (min-width:720px) and (max-width:749px) {
  html {
    font-size: 22.5px
  }
}

@media screen and (min-width:750px) and (max-width:799px) {
  html {
    font-size: 23.5px
  }
}

@media screen and (min-width:800px) {
  html {
    font-size: 25px
  }
}

.logo,
h2 {
  font-size: 20px
}

a,
button {
  transition: all .3s
}

.text-color,
a:hover {
  color: #e62b4c
}

a,
a:focus,
a:hover,
button:focus,
button:hover {
  outline: 0 !important;
  text-decoration: none
}

.no-margin {
  margin: 0 !important;
  padding: 2rem;
}

h2 {
  font-weight: 600;
  line-height: normal;
  margin: 0 0 15px
}

.height-60 {
  float: left;
  width: 100%;
  height: 60px;
  clear: both
}

.height-40 {
  width: 100%;
  height: 20px;
  clear: both;
  background-color: #fff
}

.height-30 {
  float: left;
  clear: both
}

.top-nav-collapse .top-bar {
  display: none
}
.logoImg{
  width: 150px;
}
.logo {
  color: #fff !important;
  font-weight: 700
}

.top-bar {
  width: 100%;
  transition: all .3s
}

.top-bar ul {
  margin: 0;
  padding: 0
}

.top-bar ul li {
  padding: 0
}

.top-bar ul li:last-child a {
  border-right: 0
}

.top-bar ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  text-align: center
}

.top-bar ul li a:hover {
  color: #e62b4c
}

.top-bar ul.top-socials li a {
  font-size: 20px;
  width: auto;
  padding: 0 3px;
  text-align: center
}

.navbar-default {
  background-color: rgba(0, 0, 0, .5);
  margin: 0;
  border-color: transparent;
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.3)
}

.top-nav-collapse.navbar-default {
  background-color: rgba(0, 0, 0, .95)
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: #fff;
  background-color: transparent
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  border-bottom: 2px solid transparent
}

.navbar-default .navbar-nav>a:hover,
.navbar-default .navbar-nav>li:hover>a {
  color: #e62b4c;
  background-color: transparent;
  border-bottom: 2px solid #e62b4c
}

.flexslider {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent
}

.flexslider .slides li h1 {
  color: #fff;
  font-size: 7rem;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: capitalize;
  position: relative
}

.flexslider .slides li p {
  color: #fff
}

.testi-slider {
  text-align: center
}

.testi-slider p {
  color: #fff;
  font-style: italic;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  margin: 20px 0
}

.testi-slider h5 {
  color: #1abc9c;
  font-weight: 400;
  text-transform: capitalize
}

.testi-slider i {
  display: block;
  font-size: 3rem;
  color: #fff
}

.slider-banner .slides img {
  max-width: 100%;
}

.no-js #loader {
  display: none
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0
}

.se-pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/Preloader_3.gif) center no-repeat #fff
}

.mouse-down {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 80px;
  text-align: center;
  z-index: 999
}

.mouse-down a:hover {
  color: #e62b4c
}

.mouse-down a {
  color: #fff;
  font-size: 3rem
}

.btn {
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-weight: 600;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s
}

.btn-lg {
  padding: 12px 25px
}

.btn-dark-border {
  border: 2px solid rgba(255, 255, 255, .2);
  color: #999
}

.btn-dark-border:focus,
.btn-dark-border:hover {
  background: #333;
  border-color: #333;
  color: #fff
}

.btn-skin-border {
  border: 2px solid #1abc9c;
  color: #1abc9c;
  background-color: transparent
}

.btn-skin-border:focus,
.btn-skin-border:hover {
  background: #1abc9c;
  color: #fff
}

.btn-white-border {
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent
}

.btn-white-border:focus,
.btn-white-border:hover {
  background: #fff;
  color: #333
}

.btn-dark {
  background-color: #333;
  color: #fff
}

.btn-dark:focus,
.btn-dark:hover {
  background: #1abc9c;
  color: #fff
}

.btn-skin {
  background-color: #1abc9c;
  color: #fff
}

.btn-skin:focus,
.btn-skin:hover {
  background: #333;
  color: #fff
}

.btn-link {
  color: #1abc9c
}

.btn-link:hover {
  color: #999
}

.slider-banner {
  position: relative;
  overflow: hidden
}

.slider-banner .slider-overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%
}

.slider-banner .slider-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative
}

.slider-banner .slider-table .slider-vm {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center
}

.slider-banner .slider-table .slider-vm h1 {
  color: #fff;
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: 700
}

.slider-banner .slider-table .slider-vm p {
  color: #fff;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 35px
}

.slider-banner .flex-direction-nav a:before {
  content: "";
  display: none
}

.main-slider:hover .flex-direction-nav .flex-prev {
  left: 0
}

.main-slider:hover .flex-direction-nav .flex-next {
  right: 0
}

.main-slider .flex-direction-nav a {
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  color: #fff;
  text-shadow: none;
  z-index: 1000
}

.main-slider .flex-direction-nav a i {
  display: block
}

.main-slider:hover .flex-direction-nav a {
  opacity: 1
}

.cd-words-wrapper span {
  color: #e62b4c
}

.back-to-top {
  transition: all 1s ease 0;
  -webkit-transition: all .3s ease 0;
  position: fixed;
  bottom: 31px;
  right: 15px;
  z-index: 9999;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 39px;
  background: #e62b4c;
  color: #fff !important;
  font-size: 17px;
  cursor: pointer;
  border-radius: 40px
}

.quotation>p,
.text,
.text-size {
  color: #000;
  text-align: center;
  font-weight: 300
}

.height-20 {
  height: 20px;
  width: 100%;
  background-color: #7de7db
}

.text {
  padding: 5px 0;
  font-size: 1rem
}

.bg-1>img {
  max-width: 100%;
  height: auto;
}

.quotation:after,
.quotation:before {
  content: '';
  position: absolute;
  top: -15px;
  z-index: 2;
  width: 2.6rem;
  height:2.2rem;
}

.text-size {
  padding: 10px 0;
  font-size: 1.6rem;
  line-height: 1
}

.quotation {
  margin-top: 30px
}

.quotation:before {
  background: url(../images/ai_left.png);
  background-size: 100% 100%
}

.quotation:after {
  background: url(../images/ai_right.png);
  background-size: 100% 100%;
  right: 20px
}

.ai_dayTime,
.ai_principle {
  background-color: #ffbf5b;
  border-radius: 5px
}
.serviceBanner {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center
}

.quotation>p {
  padding: 5px 0;
  font-size: 18px
}

.ai_dayTime {
  width:9rem;
  height: 2rem;
  margin: 20px auto;
  text-align: center
}

.ai_dayTime>a {
  color: #fff;
  font-size: 20px;
  line-height:2rem;
  text-align: center;
  font-weight: 300
}

.content-section3>div>img {
   margin-right: 1.333%;
   max-width: 100%;
   height: auto;
}

.content-section4 {
  padding: 15px 0
}

.content-green>h1 {
  font-size: 1.4rem;
  font-weight: 300;
  padding: 6rem 0 10px 3.2rem;
  color: #000
}

.content-green>h3 {
  font-size: 20px;
  font-weight: 300;
  padding: 0.9rem 0 10px 3.2rem;
  color: #000
}

.content-green>p {
  line-height: 2;
  font-size: 16px;
  color: #2c504c;
  padding: 0 150px 10px 80px
}

.ai_principle>a,
.text-sp {
  text-align: center;
  font-size: 20px
}

.ai_principle {
  width: 220px;
  height: 50px;
  text-align: center;
  margin: 20px 0 10px 80px
}

.ai_principle>a {
  color: #fff;
  line-height: 50px;
  font-weight: 300
}

.no-margin1 {
  margin: 0 !important;
  padding-bottom: 1rem;
  height: 19rem
}

.indexBox {
  width: 30%;
  height: 10rem;
  border: 2px solid #000;
  margin: 15px 4% 15px 0;
  padding: 0
}

.content-green2 {
  background-color: #7de7db;
  height: 11rem
}

.text-sp {
  color: #000;
  padding: 5px 0;
  line-height: 1.5;
  margin-top: 15px;
  font-weight: 300
}

.content-white>h1,
.content-white>h3 {
  font-size: 30px;
  font-weight: 300;
  color: #000
}

.bg-mechial>img {
  width: 100%;
  height: auto;
}

.content-section4 {
  width: 100%;
  min-height: 22rem;
  background-color: #ebebeb
}

.content-green {
  background-color: #7de7db;
  min-height: 30rem;
}

.content-white>h1 {
  padding: 6rem 0 10px 3.2rem;
}

.content-white>h3 {
  padding: 1rem 0 10px 3.2rem;
}

.content-white>p {
  line-height: 2;
  font-size: 16px;
  color: #2c504c;
  padding: 0 150px 10px 80px
}

.height-top {
  margin-top: 6rem;
}

.imgBox img {
  width: 80px;
  height: 80px
}

.imgBottom {
  margin-top: 2rem;
}

.footer {
  width: 100%;
  background-color: #333
}

/* .footer_container {
  width: 42rem;
  margin: 0 auto
} */

.box-left {
  padding: 30px 0;
  min-height: 150px;
  border-right: 1px solid #9f9f9f;
  margin-top: 20px
}

.box-left>ul {
  float: left
}

.box-left>ul>li {
  padding: 5px 0;
  color: #9f9f9f;
  font-size: .7rem
}

.box-left>ul>li>a,
.box-right>p {
  font-size: .6rem;
  color: #9f9f9f
}

.box-right>p {
  margin-top: 45%;
  text-align: center
}

.boxBottom,
.boxTop {
  font-size: 16px;
  color: #000;
  text-align: center
}

.boxTop {
  line-height: 4;
  height: 25%;
  border-bottom: 2px solid #000;
  font-weight: 700
}

.boxBottom {
  line-height: 10
}

.boxText {
  font-size: 14px;
  color: #3b3b3b;
  padding-top: 10px;
  text-align: center
}

.serviceBanner {
  background-image: url(../images/ai_serviceProvider05.jpg)
}

.sp_container {
  text-align: center;
  margin-top: 20%
}

.sp_container>h1 {
  letter-spacing: 5px;
  font-weight: 100;
  font-size: 1.8rem
}

.sp_container>h6 {
  margin-top: 5%;
  font-size: 1rem;
  font-weight: 100
}

.sp_find,
.sp_join {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  font-weight: 200
}

.sp_btnBox {
  width: 410px;
  margin: 0 auto
}

.sp_join {
  width: 7rem;
  height: 2rem;
  background-color: #ffbf5b;
  margin: 1.5rem 50px 1.5rem auto;
  border-radius: 5px;
  color: #fff
}

.sp_find {
  width: 180px;
  height: 50px;
  border: 1px solid #fff;
  margin: 1.5rem auto;
  border-radius: 5px;
  color: #fff;
}

.icon,
.sp_time>ul>li>div {
  border-radius: 50%;
  line-height: 40px;
  text-align: center
}

.sp_cirBox {
  width: 800px;
  text-align: center;
  margin: 10px auto
}

.sp_title {
  font-size: 1.8rem;
  padding: 40px 0 20px;
  text-align: center;
  color: #4a4a4a;
  font-weight: 100;
  letter-spacing: 5px
}

.icon {
  width: 40px;
  height: 40px;
  font-size: 2rem;
  color: #fff;
  background-color: #9f9f9f;
  float: left;
  margin-right: 25%
}

.sp_time {
  width: 780px;
  height: 50px;
  margin: 20px auto;
  text-align: center
}

.sp_time>ul>li {
  float: left;
  width: 220px;
  border-top: 1px dashed #e8ebef;
  margin: 30px auto 0
}

.sp_time>ul>li>div {
  width: 40px;
  height: 40px;
  font-size: 1rem;
  color: #000;
  background-color: #e7ebef;
  top: -20px;
  position: relative
}

.contact_line,
.team_green {
  top: 10px;
  position: relative
}

.sp_pic {
  width: 820px;
  height: 150px;
  margin: 0 auto;
  text-align: center
}

.sp_pic>ul>li {
  float: left;
  width: 220px;
  margin: 30px auto 0
}

.sp_pic>ul>li>div>img {
  width: 110px;
  height: 120px;
  float: left
}

.sp_detail {
  width: 820px;
  height: 150px;
  margin: 0 auto;
  text-align: center
}

.sp_detail>ul>li {
  float: left;
  width: 220px;
  margin: 30px auto
}

.sp_detail>ul>li>div>h3 {
  width: 110px;
  height: 30px;
  float: left;
  color: #000;
  font-size: 16px
}

.div1,
.sp_input>input {
  height: 60px
}

.sp_detail>ul>li>div>p {
  width: 110px;
  color: #000;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5
}

.sp_contact {
  width: 100%;
  min-height: 18rem;
  background-color: #8f8f8f;
  margin-top: 50px
}

.div1 {
  background-color: #ffbf5b;
  text-align: center;
  line-height: 3.5
}

.sp_input>div>img {
  width: 45px;
  height: 45px;
  margin-top:7.5px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 50px
}

td,
tr {
  padding: 15px 5px;
  border: 1px solid #bababa;
  color: #ccc
}

.design_p,
.design_text {
  color: #232323;
  text-align: center
}
.design_p{height:20rem;}
.design_mechial {
  width: 100%;
  margin: 120px auto 20px
}

.design_mechial>img {
  width: 50%;
  display: block;
  margin: 0 auto
}

.design_text>p {
  font-size: 16px;
  line-height: 2
}

.design_textTitle {
  font-size: 1.6rem !important;
  font-weight: 100;
  line-height: 1.2 !important
}

.design_img {
  width: 80px;
  height: 80px;
  margin: 0 auto
}

.design-proImg1,
.design-proImg2, 
.design-proImg3,
.design-proImg4,
.design-proImg5{
  margin-top: 30px;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center
}

.design_img>img {
  width: 100%;
  height: 100%
}

.design_sheji {
  width: 100%;
  background-image: url(../images/design02.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment:fixed;
}

.design_p1 {
  font-size: 1.5rem;
  padding-top: 8rem;
  font-weight: 500;
  line-height: 1.5;
}
.design_p2 {
  font-size: 1rem;
}

.design-produce1>h1 {
  color: #000;
  text-align: center;
  font-weight: 100;
  padding: 2rem 0 1rem;
  font-size: 1.2rem
}

.design-produce1>p {
  font-size: .7rem;
  color: #000;
  text-align: center;
  font-weight: 100;
  line-height: 2
}

.design-proImg1>img,.design-proImg2>img,.design-proImg3>img,.design-proImg4>img,.design-proImg5>img{
  max-width: 100%;
  height: auto;
}
.design-proImg6 {
  height: 22rem;
  margin-top: 30px;
  width: 100%
}
.design-proImg6 {
  background-color: #e7e7e7
}

.design-proImg7 {
  width: 100%;
  height: 18rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/design10.jpg);
  margin-top: 30px
}

.design-proImg8,
.design-proImg9 {
  height: 22rem;
  margin-top: 30px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.design-proImg8 {
  background-image: url(../images/design11.jpg)
}

.design-proImg9 {
  background-image: url(../images/design12.jpg)
}

.design-proImg10 {
  width: 100%;
  height: 20rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/design13.jpg);
  margin-top: 30px
}

.team_img1 {
  width: 100%;
  height: 20rem;
  background-image: url(../images/ai_team01.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.team_line {
  margin: 0 20px;
  border-bottom: 2px solid #8f8f8f;
}

.team_title {
  width: 1100px;
  margin: 20px auto 0;
  color: #000
}

.team_fz,
.team_zj {
  color: #565656;
  font-weight: 100
}

.team_zj {
  font-size: 20px;
  padding-left: 20px
}

.team_green {
  width: 20px;
  height: 30px;
  background-color: #a5d4dc;
  display: inline-block;
  margin: 0 10px 0 35px
}

.team_fz {
  font-size: 16px;
  line-height: 3
}

.team_produce {
  width: 980px;
  margin: 10px auto
}

.team_boss {
  margin-bottom: 20px
}

.team_boss>img {
  width: 300px;
  height: 300px;
  margin: 0 auto
}

.team_textBox {
  width: 300px
}

.team_textBox>h3 {
  color: #000;
  font-size: 18px;
  padding: 10px 0 0
}

.team_textBox>p {
  color: #000;
  line-height: 2
}

.contact_index {
  background-color: #f5f5f5;
  padding-bottom: 40px;
  overflow: hidden
}

.contact_way {
  margin-left: 20px;
  padding: 20px 0;
  margin-top: 80px
}

.contact_text {
  font-size: 16px;
  color: #000;
  float: left
}

.contact_line {
  border-top: 1px solid #232323;
  left: 70px
}

.contact_content {
  width: 1000px;
  margin: 0 auto
}

.contactImg>h3 {
  font-size: 1.2rem;
  font-weight: 300;
  color: #000;
  text-align: center;
  margin: 1.2rem auto
}

.contactImg>img {
  width: 100%;
  height: 18rem;
  margin-bottom: 2rem;
  cursor: pointer
}

.contact_right {
  color: #000;
  padding: 100px 0 0 30px
}

.contact_right>h4 {
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 1rem;
  color: #000
}

.contact_right>p {
  color: #000;
  font-size: .6rem;
  line-height: 1.5
}

.problem_index {
  width: 1000px;
  min-height: 600px;
  margin: 10px auto 20px;
  background-color: #fff;
  position: relative
}

.problem_a,
.problem_q {
  width: 80px;
  height: 100px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center
}

.problem_gray {
  background-color: #f5f5f5
}

.storeroom_btn,
.storeroom_btn1 {
  background-color: #52a7f0;
  text-align: center
}

.problem_q {
  background-image: url(../images/Q.jpg);
  left: 0;
  position: relative
}

.problem_a {
  background-image: url(../images/A.jpg);
  right: 0;
  bottom: 0;
  position: absolute
}

.problem_index>h1 {
  color: #000;
  font-size: 20px;
  text-align: center;
  top: -70px;
  position: relative
}

.problem_index>h3 {
  padding: 10px 0 0 50px;
  font-size: 16px;
  color: #000
}

.problem_index>p {
  padding: 10px 60px 10px 50px;
  font-size: 16px;
  color: #000
}

.storeroom_index {
  width: 1200px;
  margin: 80px auto
}

.storeroom_index>h2 {
  color: #000;
  text-align: center;
  font-size: 40px;
  font-weight: 100;
  padding: 20px
}

.storeroom_header {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px
}

.storeroom_btn1 {
  display: inline-block;
  width: 50px;
  height: 25px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  line-height: 25px;
  margin-left: 1rem;
  margin-right:1rem;
}

.storeroom_text {
  font-size: 14px;
  margin-right: 1rem;
  color: #000;
}

.storeroom_content {
  width: 1100px;
  margin: 0 auto
}

.storeroom_product {
  color: #000;
  min-height: 330px
}

.storeroom_box {
  width: 200px;
  height: 200px;
  border: 1px solid #4a4a4a;
  left: calc(50% - 100px);
  position: relative
}

.storeroom_box>img {
  width: 100px;
  height: 100px;
  left: calc(50% - 50px);
  top: 25px;
  position: relative
}

.storeroom_btn,
.storeroom_product>p {
  left: calc(50% - 100px);
  position: relative
}

.storeroom_product>p {
  width: 200px;
  font-size: 14px;
  padding: 10px 0
}

.storeroom_btn {
  width: 100px;
  color: #fff;
  font-size: 12px;
  line-height: 2;
  border-radius: 5px
}

.height-30,
.height-50,
.papers_index,
.storeroom_white {
  background-color: #fff
}

.storeroom_white {
  width: 70px;
  top: 20px;
  left: 0;
  position: relative;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  color: #b4b4b4
}

.storeroom_page {
  width: 250px;
  margin: 0 auto
}

.storeroom_page>ul>li {
  list-style: none;
  color: #000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #000;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px
}

.contact_index>h1 {
  color: #5d5d5d;
  text-align: center;
  font-weight: 100;
  font-size: 1.8rem
}

.contact_index>p {
  text-align: center;
  color: #525252;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.5
}

.medicalImg >img{
  width: 100%;
  height:auto;
}

.height-30 {
  height: 30px;
  width: 100%
}

.height-50 {
  height: 4rem;
  width: 100%
}

.medical_bText {
  width: 100%;
  min-height: 250px;
  background-color: #f2f2f2;
  position: relative
}

.medical_sText>h1 {
  font-size: 1.4rem;
  font-weight: 100;
  text-align: center;
  color: #000;
  padding: 1rem 0 16px
}

.medical_sText {
  width: 1000px;
  min-height: 150px;
  background-color: #fff;
  color: #000;
  left: calc(50% - 500px);
  bottom: 0;
  position: absolute;
  padding: 5px 60px;
  text-align: center
}

.medicalBox>img {
  width: 100%
}

.medicalBox>div {
  color: #000;
  text-align: center;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  background-color: #f5f5f5;
  box-shadow: 1px 1px 5px 1px #d8d8d8
}

.medical_img {
  margin-bottom: 50px
}

.medical_produce {
  background-color: #7de7db;
  min-height: 72rem
}

.medical_produce>h1 {
  font-size: 1.8rem;
  font-weight: 100;
  text-align: center;
  padding: 40px 0 60px;
  color: #000
}

.medical_produce_content {
  width: 1100px;
  margin: 20px auto
}

.medical_produce_box {
  width: 96%;
  margin: 20px auto;
  background-color: #fff
}

.medical_titleImg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #7de7db;
  top: -40px;
  position: relative;
  background-color: #fff;
  margin: 0 auto
}

.medical_titleImg>img {
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  position: relative
}

.medical_produceImg {
  padding: 5px 20px 20px
}

.medical_produceImg>img {
  width: 100%;
  height: auto
}

.medical_content_text {
  min-height: 14rem;
}

.medical_content_text>h3 {
  color: #000;
  text-align: center;
  font-weight: 600;
}

.medical_content_text>p {
  color: #000;
  text-align: left;
  font-weight: 400;
  padding: 5px 3.2rem;
  font-size: 16px
}

.height-5 {
  width: 100%;
  height: 5px;
  background-color: #fff
}

.medical_textBox2 {
  background-color: #4182fa;
  color: #fff;
  padding:2.2rem;
  height: 16rem;
}

.medical_textBox2>h1 {
  font-weight: 100;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5
}

.medical_textBox2>p {
  padding: 20px 5px;
  line-height: 2;
  font-size: 18px;
  text-align: center
}

.medical_imgBox2 {
  height: 16rem;
  border-left:4px solid #fff;
}

.medical_imgBox2>img {
  width: 90%;
  top:10%;
  left:5%;
  position:relative;
}

.medical_box3 {
  background-color: #f5f5f5;
  min-height: 1700px
}

.medical_box3_header>h1 {
  text-align: center;
  font-weight: 200;
  color: #000;
  padding: 80px 0 30px;
  font-size: 1.4rem
}

.medical_box3_header>p {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  width: 1000px;
  margin: 0 auto;
  text-align: center
}

.medical_box3_body {
  width: 1100px;
  margin: 10px auto
}

.medical_box3_text {
  width: 98%;
  margin: 20px auto;
  padding: 20px
}

.medical_box3_sp {
  background-color: #ebebeb;
  min-height: 300px
}

.medical_box3_sp>h1 {
  color: #4182fa;
  padding: 20px 15px;
  font-size: 30px
}

.medical_box3_sp>h6 {
  color: #000;
  padding: 0 15px;
  font-size: 16px
}

.medical_box3_sp>p {
  color: #000;
  padding: 0 15px 20px;
  font-size: 16px
}

.medical_box3_img>img {
  width: 100%;
  height: 12rem;
}

.medical_footer {
  width: 100%;
  min-height: 18rem;
  background-image: url(../images/ai_medical18.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center
}

.medical_footer>h1 {
  font-weight: 100;
  font-size: 40px;
  text-align: center;
  padding: 40px 0 10px;
  color: #d6d5d5
}

.medical_footer>p {
  font-size: 18px;
  text-align: center;
  padding: 10px 0 30px;
  line-height: 1.5;
  color: #d6d5d5
}

.medical_footer_text {
  width: 1100px;
  margin: 0 auto
}

.medical_footer_text>div {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5;
  text-align: center;
  color: #9a9794
}

.service_index {
  width: 100%;
  height: 22rem;
  background-image: url(../images/ai_service01.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative
}

.service_Bbox {
  min-height: 6rem;
  background-color: #000;
  opacity: .5;
  float: left;
  top: 30%;
  position: absolute;
  border-top-right-radius: 80px
}

.service_Sbox {
  margin: 20px 40px 0;
  border-left: 10px solid #30f6d3
}

.service_Sbox>h2 {
  padding: 5px 10px;
  font-size: 20px
}

.service_Bbox>p {
  padding: 10px 40px;
  font-size: 12px;
  color: #fff
}

.service_img {
  width: 99%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 20rem;
  margin-bottom: 2%
}

.service_content {
  position: relative
}

.service_img_text {
  min-height: 6rem;
  bottom: 0;
  position: absolute;
  padding: 0 50px;
  color: #fff
}
.service_img_text>p{
  color: #fff;
}
.service_footer {
  width: 100%;
  height: 26rem;
  background-image: url(../images/ai_service06.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.service_logo>img {
  width:8rem;
  height: 2rem;
  margin:2rem 5rem;
}
.service_footer>h1 {
  color: #000;
  font-size: 1.8rem;
  text-align: center
}

.service_footer>p {
  padding: 20px 20%;
  color: #000;
  text-align: center;
  font-size: 16px;
  line-height: 2
}
.day_indexImg1>img {
  max-width: 100%;
  height: auto;
}
.day_indexImg2 {
  width: 100%;
}

.day_indexImgBox1 {
  width: 14rem;
  height: 18rem;
  float: right;
  right: 116px;
  position: absolute
}

.day_indexImg3 {
  width: 100%;
  background-image: url(../images/ai_dayBg3.jpg);
  height: 24rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative
}

.day_indexImg3>.day_indexText {
  height: 100%;
  background:rgba(21, 92, 209, 0.5);
}

.loader_left>img,
.loader_right>img {
  width: 1rem;
  height: 3rem;
  margin-top: 1.5rem
}

.day_indexImg3>.day_indexText>p {
  color: #fbfcfc;
  font-size: 16px;
  padding: 1rem 0
}

.loader_right>img {
  float: left;
  margin-left: 5rem
}

.loader_left>img {
  float: left
}

.loader_img,
.loader_img>ul>li {
  height: 8rem;
  float: left;
  overflow: hidden
}

.loader_img {
  width: 42.5rem;
  margin: 0 1rem;
}

.loader_img>ul>li {
  width: 10rem;
  text-align: center;
  margin-right: .5rem;
  background-color: #e3e3e3;
}
.loader_img>ul>li:hover{
  background-color: #d8e1eb;
}
.loader_img>ul>li:first-child {
  margin-left: .5rem
}

.loader_img>ul>li>a>img {
  width: 6rem;
  height: 5rem;
  margin: 1rem auto;
  cursor: pointer
}

.loader_img>ul>li>a>p {
  font-size: .8rem;
  font-weight: 700;
  text-align: center;
  top: -1rem;
  position: relative
}

.day_indexImg4 {
  width: 100%;
  background-image: url(../images/ai_dayBg4.jpg);
  height: 24rem;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative
}

.day_indexText {
  padding: 2rem
}

.day_indexText>h1 {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.5
}

.day_indexLine {
  width: 3rem;
  height: .5rem;
  background-color: #fff
}

.day_indexImg5,
.day_indexImg6,
.day_indexImg7 {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative
}

.day_indexText>p {
  color: #fbfcfc;
  font-size: 16px;
  padding: 1rem 50% 0 0
}

.day_indexImg4>.day_indexText>p,
.day_indexImg5>.day_indexText>p,
.day_indexImg6>.day_indexText>p,
.day_indexImg7>.day_indexText>p {
  color: #fbfcfc;
  font-size: 16px;
  padding: 1rem 0;
}
	
.day_indexImg4>.day_indexText {
  height: 100%;
  background:rgba(226, 52, 122, 0.39);
  float: right;
}

.day_indexImg5 {
  background-image: url(../images/ai_dayBg5.jpg);
  height: 24rem
}

.day_indexImg5>.day_indexText {
  height: 100%;
  background:rgba(10, 50, 222, 0.61);
}

.day_indexImg6 {
  background-image: url(../images/ai_dayBg6.jpg);
  height: 24rem
}

.day_indexImg6>.day_indexText {
  height: 100%;
  float: right;
  background:rgba(34, 176, 68, 0.7);
}

.day_indexImg7 {
  background-image: url(../images/ai_dayBg7.jpg);
  height: 24rem
}

.day_indexImg7>.day_indexText {
  height: 100%;
  background:rgba(226, 52, 122, 0.39);
}

.seat {
  text-align: center;
  clear: both;
  margin: 0 auto;
  color: #9f9f9f;
  border-top: 1px solid #fff;
  /* width: 40rem; */
  padding: 1rem;
  line-height: 1.5
}

.seat>span {
  font-size: .6rem;
  line-height: 2;
  color: #9f9f9f
}

.searchBox a p {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  color: #9f9f9f
}

*,
a {
  -webkit-tap-highlight-color: transparent;
  color: #4a4a4a
}

.searchBox a {
  display: block;
  overflow: hidden
}

.public>img,
.we-chat>img {
  width: 120px;
  height: 120px;
  float: right;
  position: absolute;
  right: -2rem;
  display: none
}

.public>img {
  top: -1rem
}

.we-chat>img {
  top: 1rem
}

.whitebg {
  background: #fff
}

.f1bg {
  background: #f1f1f1
}

.commonBtn,
header {
  background: #fa5527;
  text-align: center
}

img {
  border: none
}

a img {
  -webkit-tap-highlight-color: transparent
}

* img {
  -webkit-tap-highlight-color: transparent
}

::selection {
  background-color: #fff;
  color: #4a4a4a
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden
}

.fl {
  float: left
}

.fr {
  float: right
}

i {
  font-style: normal
}

input {
  outline: 0
}

.arial {
  font-family: Arial, Helvetica, sans-serif
}

.radius3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px
}

.radius7 {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px
}

.radius13 {
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px
}

.radius1 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px
}

.radius50 {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.radiushalf {
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px
}

.commonBtn {
  display: block;
  color: #fff;
  width: 86.8%;
  font-size: 1.4166666666666675em;
  line-height: 2.352941176470588em;
  max-width: 651px;
  margin: 0 auto
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale
}

.box_S {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box
}

.banner {
  width: 100%
}

.swiper-container {
  width: 100%;
  height: 100%
}

.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.transitionM {
  transition: all .6s ease-in;
  -moz-transition: all .6s ease-in;
  -webkit-transition: all .6s ease-in;
  -o-transition: all .6s ease-in
}

.swiper-slide img {
  display: block;
  width: 100%
}

header {
  font-size: 1em;
  height: 3.583333333333333em;
  position: relative;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%
}

.smallImgDown,
.smallImgUp {
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.navRight,
.prePage {
  position: absolute;
  top: 0;
  color: #fff
}

header p {
  color: #fff;
  font-size: 1.5em;
  line-height: 2.303571428571428em
}

.navRight {
  font-size: 1em;
  right: 0;
  padding: 0 1.111111111111111em
}

.navRT {
  line-height: 3.583333333333333;
  display: inline-block
}

.nologin {
  font-size: 1.666666666666667em;
  height: 1.666666666666667em;
  padding: .5em .75em 0 0
}

.indexlogin {
  font-size: 1.916666666666667em;
  height: 1.916666666666667em;
  padding: .3347826086956522em .6521739130434783em 0 0
}

.fixTop,
.middleContent {
  font-size: 1em
}

.fixLoad {
  padding-bottom: 3.125em
}

.fixAccountBottom,
.fixObjectBottom {
  padding-bottom: 9.5em
}

.fixInvesttop {
  padding-top: 6.916666666666666em
}

.fixPlanTop {
  padding-top: 8.9375em
}

.fixTopExperience {
  padding-top: 8.166666666666666em
}

.fixExinvestTop {
  padding-top: 10.47435897435897em
}

.fixTopDynamic {
  padding-top: 7.916666666666667em
}

.fixInvestBottom {
  padding-bottom: 7.833333333333333em
}

.fixBottom {
  padding-bottom: 5em
}

.fixTop {
  padding-top: 3.583333333333333em
}

.prePage {
  left: 0;
  font-size: 1.75em;
  font-family: iconfont !important;
  padding: .4761904761904762em .7142857142857143em
}

.circleRun {
  display: block;
  margin: 15% auto;
  padding: 0;
  width: 80%
}

.surePass {
  position: relative;
  width: 80%;
  margin: 0 auto
}

.anyield {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  top: 50%;
  height: 5.75em;
  margin-top: -2.25em;
  font-size: 1em;
  z-index: 3
}

.bigImg,
.bigImg #midimg,
.design_arrow,
.design_right,
.design_right>img {
  position: relative
}

.anyield p:first-child span {
  font-size: 2rem;
  color: #2fb2c6;
  font-weight: 200
}

.design-proImg-content {
  width: 48rem;
  margin: 0 auto
}

.design_left {
  width: 50%;
  float: left
}

.design_middle {
  width: 10%;
  float: left
}

.design_arrow {
  font-size: 7rem;
  margin-top: 5rem;
  left: -2.5rem
}

.design_right {
  float: left
}

.design_right>img {
  width: 8.5rem;
  height: 16rem;
  margin: 3rem auto;
  left: calc(50% - 2rem)
}

.detail_index {
  width: 44rem;
  height: auto;
  margin: 0 auto
}

.bigImg>img {
  width: 16rem;
  height: 16rem;
  display: block;
  margin: 0 auto
}

.detail_product_text {
  padding: 1rem
}

.detail_product_text>h1 {
  color: #777;
  font-size: 1.6rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #777;
  font-weight: 100;
  margin-bottom: 1rem
}

.detail_product_text>p {
  font-size: .7rem;
  line-height: 2
}

.detail_product_smallImg {
  width: 4rem;
  display: block;
  height: 4rem;
  margin: .5rem auto
}

.detail_product_smallImg>.sBox>img {
  width: 3.6rem;
  height: 3.6rem;
  float: left;
  margin-right: .2rem
}

.detail_content {
  width: 38rem;
  margin: 2.4rem auto
}

.detail_content_title {
  width: 7rem;
  height: 2rem;
  font-size: 1rem;
  padding: .5rem 1rem;
  text-align: center;
  border: 1px solid #777;
  border-bottom: none !important;
  float: left
}

.detail_line {
  width: 31rem;
  height: 2rem;
  float: left;
  border-bottom: 1px solid #777
}

.detail_content_text {
  padding: 1rem
}

.detail_content_text>p {
  font-size: .7rem;
  line-height: 1.5;
  margin-top: 1rem
}

.detail_goodsBox {
  padding: 2rem .5rem 0
}

.detail_step>span {
  width: .7rem;
  height: .7rem;
  text-align: center;
  line-height: .7rem;
  background-color: #a6a6a6;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px
}

.detail_way {
  padding: 1rem 0
}

.detail_way>p {
  font-size: .6rem;
  line-height: 1.5
}

.detail_content_name>P {
  padding: 2rem 0
}

.detail_mechial1>img {
  width: 4rme;
  height: 8rem;
  float: left;
  margin-right: 1rem
}

.detail_mechial2>img {
  width: 10rem;
  height: 5rem;
  float: left;
  top: 2rem;
  position: relative;
  margin-right: 1rem
}

.detail_mechial3>img,
.detail_mechial4>img {
  width: 5rem;
  height: 9rem;
  float: left;
  margin-right: 1rem
}

.detail_mechial5>img,
.detail_mechial6>img {
  width: 3rem;
  height: 9rem;
  float: left;
  margin-right: 1rem
}

.detail_useBook {
  padding: 2rem .5rem
}

.useBook {
  margin-bottom: 2rem;
  padding-right: 1rem
}

.usebook>h3 {
  color: #777 !important;
  font-size: .7rem;
  padding: 1rem 0 2rem
}

.usebook>p {
  font-size: .6rem;
  height:41px;
}

.useImg>img {
  width: 9rem;
  padding: 1rem;
  margin: 0 auto;
  display: block
}

.detail_content_title1 {
  width: 9rem;
  height: 2rem;
  font-size: 1rem;
  padding: .5rem 1rem;
  text-align: center;
  border: 1px solid #777;
  border-bottom: none !important;
  float: left
}

.detail_line1 {
  width: 29rem;
  height: 2rem;
  float: left;
  border-bottom: 1px solid #777
}

#imageMenu {
  height: 4rem;
  width: 16rem;
  overflow: hidden;
  float: left
}

#imageMenu li {
  height: 4rem;
  width: 4rem;
  overflow: hidden;
  float: left;
  text-align: center;
  margin-right: .5rem
}

#imageMenu li img {
  width: 3.6rem;
  height: 3.6rem;
  cursor: pointer
}

#imageMenu li#onlickImg img,
#imageMenu li:hover img {
  width: 4rem;
  height: 4rem;
  border: 3px solid #7ac8f8
}

.bigImg {
  float: left;
  overflow: hidden
}

.bigImg #midimg {
  width: 400px;
  height: 400px;
  left: -3rem
}

#bigView,
#bigView img,
#winSelector {
  position: absolute
}

.bigImg #winSelector {
  width: 235px;
  height: 210px;
  top: 0
}

#winSelector {
  cursor: crosshair;
  filter: alpha(opacity=15);
  -moz-opacity: .15;
  opacity: .15;
  background-color: #000;
  border: 1px solid #fff
}

#bigView {
  border: 1px solid #000;
  overflow: hidden;
  z-index: 999;
  width: 10rem;
  height: 10rem
}

.day_index_loader,
.scrollbutton,
.smallImg {
  position: relative;
  overflow: hidden
}

.detail_parts_content {
  padding: 1rem
}

.detail_parts_content>div {
  height: 6rem
}

.detail_parts_content>div>img {
  width: 5.5rem;
  height: 5.5rem;
  display: block;
  margin: 0 auto
}

.detail_parts_content>p {
  font-size: .8rem;
  text-align: center;
  padding: .5rem
}

.smallImg {
  height: 5rem;
  margin-top: 1px;
  float: left
}

.day_index_loader {
  width: 48rem;
  height: 8rem;
  margin: 0 auto;
  top: -9rem
}

.scrollbutton {
  width: 1rem;
  height: 4rem;
  cursor: pointer;
  float: left;
  margin-top: 2rem
}

.smallImgUp {
  background-image: url(../images/ai_dayRight.png)
}

.smallImgDown {
  background-image: url(../images/ai_dayLeft.png)
}

/* 爱加库补充页面样式-------------------------------------------------- */
.storeRoom2_index{
  width: 1100px;
  margin: 2rem auto;
  min-height: 14rem;
}
.store_img{
  width: 98%;
  margin: 0 auto;
  height: auto;
  min-height: 10rem;
  background-image: url(../images/ai_store01.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.store_img>a>p{
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 12rem;
  letter-spacing: 5px;
}
.store_img2{
  width: 98%;
  margin: 0 auto;
  height: auto;
  min-height: 10rem;
  background-image: url(../images/ai_store02.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.store_img2>a>p{
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 12rem;
  letter-spacing: 5px;
}
/* 药品详情页面-------------------------------------------------------样式 */
.contact_index_detail {
  background-color: #f5f5f5;
  padding-bottom: 20px;
  overflow: hidden;
  width:44rem;
  margin: 0 auto;
}

.contact_way_detail {
  margin-left: 20px;
  padding: 20px 0;
  margin-top: 1rem;
}

.contact_text_detail {
  font-size:1rem;
  color: #000;
  float: left;
  font-weight: 100;
}

.contact_line_detail {
  border-top: 1px solid #232323;
  margin-top: 0.5rem;
  margin-left: 20px;
  width: 32rem;
  float: left;
}

/* parpers style------------------------------------------- */
.tab{
  width: 42rem;
  height: auto;
  margin: 20px auto;
}
.title{
  width: 36rem;
  height: 5rem;
  margin: 0 auto;
}
.title>li{
  width: 11.5rem;
 height: 5rem;
 background-color: #fff;
 padding: 1rem;
 margin-right: 10px;
}
.title>li>img{
  width: 80px;
  float: left;
}
.title>li>span{
  float: left;
  padding-top:0.9rem 1rem;
  left: 2rem;
  position: relative;
  font-weight: 900;
}
.active1{
  border: 3px solid #4182fa;
}
.content {
  padding: 10px;
}
.content .contentlist {
  display: none;
}
.content .contentlist:nth-child(1) {
  display: block;
}
/* loading */
.box{
  margin-top: 3rem;
  width: 100%;
  height: 28rem;
  position: relative;
}
.list{
  width: 1000px;
  height: 24rem;
  overflow: hidden;
  left: 50%;
  margin-left: -500px;
  position: absolute;
}
.btn{
  top: 50%;
  position: absolute;
  margin-top: -90px;
  width: 60px;
  height:100px;
  line-height: 100px;
  color: #115edb;
  font-size: 4rem;
  text-align: center;
  cursor: pointer;
}
.next{
  right: 0;
}
.loader li{
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loader2 li{
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loader3 li{
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.list>ul>li>a>img{
  width: 400px;
  height:572px;
  border: none;
  float: left;
}
.p1{
	transform:translate3d(-300px,0,0) scale(0.81);
}
.p2{
	transform:translate3d(60px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p3{
	transform:translate3d(300px,0,0) scale(1);
	z-index: 3;
	opacity: 1!important;
}
.p4{
	transform:translate3d(550px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p5{
	transform:translate3d(800px,0,0) scale(0.81);
}
.p6{
	transform:translate3d(1050px,0,0) scale(0.81);
}
.p7{
	transform:translate3d(1300px,0,0) scale(0.81);
}
.p11{
	transform:translate3d(60px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p12{
	transform:translate3d(300px,0,0) scale(1);
	z-index: 3;
	opacity: 1!important;
}
.p13{
	transform:translate3d(550px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p14{
	transform:translate3d(60px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.p15{
	transform:translate3d(300px,0,0) scale(1);
	z-index: 3;
	opacity: 1!important;
}
.p16{
	transform:translate3d(550px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.6!important;
	z-index: 2;
}
.buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
.buttons>span{
	display: block;
	width: 35px;
	height: 1px;
	background: red;
}
.blue{
	background: blue;
}
.medicalBox video,.medical_produceImg video{
  width: 100%;
}
.medical_img{
  width: 1200px;
  height: 310px;
  margin: 0 auto;
}
.ai_dayTime{
  -webkit-transition: background-color 1s;
  transition:background-color 1s;
}
.ai_dayTime:hover{
  cursor: pointer;
  background-color: #f38f3d;
}
.toRight{
  position: relative;
  animation: toRight 1s infinite;
  -webkit-animation: toRight 1s infinite;
}
@keyframes toRight{
  0%{left: 0px;}50%{left: 15px;}100%{left: 0px;}
}
@-moz-keyframes toRight{
  0%{left:0px;}50%{left:15px;}100%{left:0px;}
}
@-webkit-keyframes toRight{
  0%{left: 0px;}50%{left:15px;}100%{left:0px;}
}
.medical_box2{
  width:100%;
  height:16rem;
  background-color:#4182fa;
}
.medical_content{
  width:1100px;
  height:16rem;
  margin:0 auto;
}