* {
  margin: 0;
  padding: 0;
}
/* 头部 */
.tou {
  width: 100%;
  /*
  background: linear-gradient(180deg, #5e9edf, #fff);
  */
  background: #fff url(/themes/theme_jcfxh/public/assets/img/fax_bj.png) no-repeat top;;
}
.app {
  width: 1063px;
  margin: 0 auto;
}
.nav {
  height: 224px;
  position: relative;
}
.sousuo {
  width: 253px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.ss {
  width: 190px;
  height: 100%;
  position: relative;
  float: left;
}
.ss input {
  width: 160px;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #cecece;
  padding: 0;
  padding-left: 30px;
}
.icon-search {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 2px solid #cecece;
  position: relative;
  /* margin: 30px auto; */
  position: absolute;
  top: 2px;
  left: 2px;
}
.icon-search:after {
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 2px;
  position: absolute;
  top: 13px;
  left: 11px;
  background-color: #cecece;
}
.ss1 {
  width: 59px;
  height: 24px;
  float: left;
  text-align: center;
  line-height: 24px;
  color: #fff;
  background-color: #448bd3;
}
.clr {
  clear: both;
}
.tit {
  width: 720px;
  height: 95px;
  margin: 0 auto;
  padding-top: 70px;
}
.tit-l {
  float: left;
}
.tit-r {
  float: left;
  margin-left: 21px;
}
.tit-r h3 {
  font-size: 45px;
  line-height: 45px;
  color: #0170a9;
  text-align: center;
  text-shadow: #fff 4px 0 0, #fff 0 3px 0, #fff -3px 0 0, #fff 0 -2px 0;
}
.tit-r p {
  font-size: 35px;
  line-height: 35px;
  margin-top: 5px;
  color: #0170a9;
  text-align: center;
  text-shadow: #fff 2px 0 0, #fff 0 1px 0, #fff -3px 0 0, #fff 0 -2px 0;
}
.box {
  width: 919px;
  height: 15px;
  margin: 0 auto;
  margin-top: 28px;
}
.box ul {
  float: left;
}
.box ul li {
  float: left;
  margin-left: 5px;
  font-size: 16px;
  color: #0170a9;
  font-weight: 700;
}
.rq {
  float: right;
  font-size: 16px;
  color: #0170a9;
  font-weight: 700;
}
/* main */
.m-nav {
  width: 100%;
  background: linear-gradient(180deg, #c9dbe5,#fff);
}
.nav1 {
  height: 63px;
}
.nav1 ul {
  margin: 0;
}
.nav1 ul li {
  float: left;
  line-height: 33px;
  margin-left: 5px;
}
.nav1 ul li:nth-child(1) {
}
.nav1 ul li a {
  font-size: 20px;
  color: #727679;
}
.nav1 ul li span {
margin-left: 24px;
    margin-right: 30px;
}
.swiper {
  height: 418px;
  margin-top: 9px;
}
.item img {
  width: 1043px;
  height: 418px;
}
.carousel-indicators {
  top: 380px;
  left: 50%;
  margin-left: -60px;
}
.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
}
.carousel-indicators .active {
  background-color: #333399;
}
.tiao {
  width: 100%;
  height: 5px;
  background: linear-gradient(70deg, #fff, #97bacc, #fff, #97bacc, #fff);
  margin-top: 3px;
}
.main {
  height: 460px;
}
.m-l {
  float: left;
  width: 575px;
  height: 63px;
}
.l-txt h3 {
	font-size: 20px;
    color: #307ae2;
      line-height: 50px;
    float: left;
}
.l-txt span a {
  font-size: 16px;
  color: #d1cdcd;
  float: right;
  margin-top: 10px;
}
.tiao2 {
  width: 100%;
  height: 5px;
  background: linear-gradient(70deg, #97bacc, #fff);
}
.txt li {
  height: 40px;
  line-height: 40px;
  list-style-type: disc;
}
.txt li a {
  color: #000;
}
.m-r {
  float: right;
  width: 412px;
  height: 63px;
}
.m-r .l-txt h3 {
  font-size: 20px;
  color: #307ae2;
  float: left;
}
.m-r .l-txt span a {
  font-size: 16px;
  color: #d1cdcd;
  float: right;
  margin-top: 30px;
}
.ship {
  width: 410px;
  height: 367px;
  margin-top: 8px;
  position: relative;
}
.ship img {
  width: 410px;
  height: 367px;
}
.yy {
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.523);
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 50px;
}
.yy span {
  color: #fff;
}
.bof {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.523);
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}
.sj {
  width: 100%;
  height: 100%;
  position: relative;
}
.sjx {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-left: 30px solid #fff;
  border-bottom: 25px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -26px;
  margin-left: -8px;
}
.main1 {
  height: 200px;
  margin-top: 30px;
}
.m1-t {
  width: 780px;
  height: 24px;
  margin: 0;
}
.m1-t li {
  float: left;
  font-size: 20px;
  color: #666;
  font-weight: 700px;
  margin-right: 48px;
}
.m1-t li.cur {
  color: #5b86e3;
}
.m1-t span {
  font-size: 16px;
  color: #d1cdcd;
  float: right;
}
.tiao3 {
  width: 780px;
  height: 5px;
  background: linear-gradient(70deg, #97bacc, #fff);
}
.tabCont {
  width: 780px;
  height: 160px;
  overflow: hidden;
}
.m1-txt {
  width: 780px;
  height: 160px;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.m1-ul1 {
  /*width: 326px;*/
  width: 100%;
  height: 100%;
  float: left;
}
.m1-ul1 li {
  width: 436px;
  height: 40px;
  list-style-type: disc;
  line-height: 40px;
  float: left;
  margin-right: 60px;
  margin-left:20px
}
.m1-ul1 li a {
  display: inline-block;
  width: 326px;
  height: 27px;
  color: #000;
  overflow: hidden;
}
.m1-ul2 {
  width: 387px;
  margin-left: 34px;
  float: left;
}
.m1-ul2 li {
  width: 326px;
  height: 40px;
  list-style-type: disc;
  line-height: 40px;
}
.m1-ul2 li a {
  display: inline-block;
  width: 326px;
  height: 27px;
  color: #000;
  overflow: hidden;
}
.m1-l {
  float: left;
}
.m1-r {
  float: left;
  margin-left: 47px;
}
.m1-r h3 {
  font-size: 20px;
  color: #5b86e3;
  margin: 0;
  line-height: 22px;
}
.tiao4 {
  margin-top: 10px;
  width: 100%;
  height: 5px;
  background: linear-gradient(70deg, #97bacc, #fff);
}
.mr-m {
  width: 211px;
  height: 133px;
  margin-top: 16px;
}
.mr-m ul {
  width: 211px;
  margin: 0;
}
.mr-m ul li {
  width: 96px;
  height: 38px;
  border-radius: 5px;
  float: left;
  text-align: center;
  line-height: 38px;
  background-color: #f7f7f8;
  color: #316ddb;
  margin-right: 7px;
  margin-bottom: 7px;
}
.main2 {
  height: 230px;
  margin-top: 15px;
}
.m2-l {
  width: 780px;
  height: 230px;
  float: left;
}
.m2-r {
  float: right;
  width: 230px;
}
.m2-box {
  float: left;
  height: 207px;
  width: 780px;
  margin-bottom: 30px;
  margin-right: 28px;
}
.m2-box:nth-child(3) {
  width: 780px;
}
.tiao5 {
  width: 100%;
  height: 5px;
  margin-top: -10px;
  background: linear-gradient(70deg, #97bacc, #fff);
}
.m2-ul1 {
  width: 326px;
  float: left;
  /* margin: 0; */
}
.m2-ul1 li {
  width: 326px;
  height: 45px;
  list-style-type: disc;
  line-height: 45px;
}
.m2-ul1 li a {
  display: inline-block;
  width: 326px;
  height: 30px;
  color: #000;
  overflow: hidden;
}
.xuez {
  width: 360px;
  height: 138px;
  margin-top: 10px;
  float: right;
  margin-right: 29px;
}
.xuez img {
  width: 126px;
  height: 138px;
  float: left;
}
.x-r {
  float: left;
  width: 211px;
  margin-left: 20px;
}
.x-r h3 {
  font-size: 20px;
  color: #7b7991;
  line-height: 20px;
}
.x-r span {
  color: #b5ac9c;
}
.nh {
  width: 176px;
  margin-left: 20px;
}
.nh li {
  width: 176px;
  line-height: 37px;
  font-size: 16px;
  list-style-type: disc;
}
.nh li a {
  display: inline-block;
  width: 176px;
  height: 26px;
  overflow: hidden;
  color: #000;
}
a {
  color: #000;
}
.main3 {
  height: 269px;
  margin-top: 40px;
}
.m3-l {
  width: 780px;
  height: 269px;
  float: left;
}
/* 轮播 */
.viewImg {
  height: 168px;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  position: relative;
}
.viewImg img {
  width: 124px;
  height: 168px;
  margin-left: 24px;
}

.viewImg div.aa {
  left: -7px;
  z-index: 2;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  border: 1px solid black;
  background-color: #024fa1;
  border-radius: 0 100px 100px 0;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
}
.viewImg div.aa1 {
  width: 32px;
  height: 168px;
  position: absolute;
  right: -7px;
  z-index: 2;
  top: 50%;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  border: 1px solid black;
  background-color: #024fa1;
  border-radius: 100px 0 0 100px;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
}
.viewImg .viewimg {
  width: 1150px;
  height: 168px;
  position: absolute;
  left: 0;
  top: 0;
}
.main4 {
  height: 219px;
}
.m4-l {
  width: 780px;
  height: 219px;
  float: left;
}
.m4-l1 .m2-box {
  margin-left: -80px;
  margin-right: 69px;
}
.main5 {
  height: 45px;
  background-color: #d5e3ea;
}
.m5-l {
  height: 45px;
  margin-top: 4px;
  float: left;
}
.m5-l a {
  font-size: 20px;
  color: #487cde;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
}
.m5-r {
  float: left;
  margin: 10px auto;
}
.m5-r li {
  width: 194px;
  height: 36px;
  line-height: 45px;
  position: relative;
  float: left;
  margin-left: 34px;
}
.m5-r li select {
  width: 195px;
  height: 30px;
  border: 1px solid #dedfdf;
  color: #89a9e3;
}

.yuan {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #dedfdf;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 0;
}
.yuan2 {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #327daa;
  color: #fff;
  text-align: center;
  line-height: 15px;
}
.tiao6 {
  width: 100%;
  height: 5px;
  background: linear-gradient(70deg, #fff, #97bacc, #fff, #97bacc, #fff);
  margin-top: 25px;
}
/* 页脚 */
.foot {
  height: 184px;
}
.f-box {
  width: 685px;
  height: 110px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.f-box p,
a {
  color: #777677;
  font-size: 16px;
}
.layui-carousel {
  position: relative;
  left: 0;
  top: 0;
  background-color: #f8f8f8;
}
.layui-carousel>[carousel-item] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.layui-carousel>[carousel-item]:before {
  position: absolute;
  content: '\e63d';
  left: 50%;
  top: 50%;
  width: 100px;
  line-height: 20px;
  margin: -10px 0 0 -50px;
  text-align: center;
  color: #c2c2c2;
  font-family: layui-icon !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.layui-carousel>[carousel-item]>.layui-this {
  left: 0;
}
.layui-carousel>[carousel-item]>.layui-carousel-next, .layui-carousel>[carousel-item]>.layui-carousel-prev, .layui-carousel>[carousel-item]>.layui-this {
  display: block;
}
.layui-carousel>[carousel-item]>* {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  transition-duration: .3s;
  -webkit-transition-duration: .3s;
}
.layui-carousel-ind {
    position: relative;
    top: -35px;
    width: 100%;
    line-height: 0 !important;
    text-align: center;
    font-size: 0;
}
.layui-carousel-arrow {
    display: none\9;
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
    opacity: 1;
    left: 20px;
}
.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 20px;
}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 20px;
}
.sbtn {
  text-align: left;
  color: #89a9e3;
  background-color: #ffffff;
  height: 30px;
  display: block;
  width: 198px;
  height: 33px;
  padding: 0 0px 0px 12px;
  line-height: 28px;
  border: 1px solid #ccc;
  position: relative;
  box-shadow: none;
  text-shadow: none;
  background-image: none;
}
.dropdown-menu li {
  margin-left: 0;
  width: 179px;
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
}
.main7{
    height: 249px;
}