/*头部*/
.content{width:1400px;margin:0 auto;}
.topWrap {background:#ffffffeb;font-family: "Microsoft Yahei";position: fixed;z-index: 1000000;width: 100%;}

.topWrap .header { padding:0 6.5%;}
.headtop {
    background: #f3f3f3;
  }
  .headtop .content {
    justify-content: space-between;
  }
  .headtop .content .hleft {
  }
  .headtop .content .headtitle {
    font-size: 12px;
    font-family: Microsoft YaHei;
    line-height: 36px;
    color: #666666;
    float: left;
    margin-right: 6px;
  }
  .headtop .content .keyworld {
    font-size: 12px;
    font-family: Microsoft YaHei;
    line-height: 36px;
    color: #1d8bbc;
    float: left;
  }
  .headtop .content .keyworld a {
    color: #1d8bbc;
    text-transform: uppercase;
  }
  .headtop .content .keyworld a:hover {
    opacity: 0.8;
  }
  .headtop .content .hright {
  }
  .headtop .content .hright .x-seo {
    line-height: 36px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    float: left;
    color: #666666;
  }
  .headtop .content .hright .x-seo a {
    color: #666666;
  }
  .headtop .content .hright .x-seo a:hover {
    opacity: 0.8;
  }
  .soso {
    width: 30px;
    height: 36px;
    float: left;
    background: url("") no-repeat 100% 50%;
    cursor: pointer;
    position: relative;
  }
  .soso .search {
    position: absolute;
    width: 404px;
    padding: 20px;
    right: 0;
    top: 100%;
    z-index: 99;
    background-color: rgba(70, 158, 52, 0.8);
    display: none;
  }
  .soso .search #keyword {
    width: 270px;
    line-height: 40px;
    border: none;
    float: left;
    text-indent: 20px;
    outline: none;
  }
  .soso .search #s_btn {
    width: 82px;
    line-height: 40px;
    border: none;
    background: #1d8bbc;
    color: #fff;
    float: right;
  }
  .soso:hover .search {
    display: block;
  }
  
  .headtop .content .hright .waiwang {
    display: block;
    float: left;
    width: 36px;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    background: #1d8bbc;
  }
  .headtop .content .hright .waiwang:hover {
    opacity: 0.8;
  }
  
  .headbot {background-color: #fff;}
  .headbot .flex{display: flex;    flex-direction: row;}
  .headbot .content {
    align-items: center;
  }
  .x-logo img{
    margin: 10px 0;
  }

  .headbot .content .co .p1 {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333;
  }
  .headbot .content .co .p2 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    color: #555555;
  }
  .headbot .content .co .p2 span {
    color: #1d8bbc;
    font-weight: 700;
  }
  .headbot .content .coright {
    margin-left: auto;
  }
  .headbot .content .coright .p1 {
    font-size: 17px;
    font-family: Microsoft YaHei;
  }
  .headbot .content .coright .p1 span {
    color: #1d8bbc;
    font-weight: 700;
  }
  .headbot .content .coright .p2 {
    width: 15.68em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    font-size: 22px;
    font-family: Microsoft YaHei;
    border-radius: 50px;
    margin-top: 15px;
    background: url(../image/dh.png) no-repeat left center #cb0000;}
  
    .headbot .content .coright .p2 span {
      margin-left: 20px;}

  @media (max-width: 1290px) {
    .x-logo {
      max-width: 18%;
    }
    .x-logo img{
      width: 100%;
    }
    .headbot .content .coright {
      margin-left: 150px;
  }
    .headbot .content .co .p1 {
      font-size: 1.8vw;
    }
    .headbot .content .coright .p1 {
      font-size: 1.3vw;
    }
    .headbot .content .coright .p2 {
      font-size: 1.7vw;
    }
  }
  @media (max-width: 1200px) {
    .headbot .content .coright {
      margin-left: 150px;
  }
    .headbot .content .co .p1 {
      font-size: 20px;
    }
    .headbot .content .coright .p1 {
      font-size: 15px;
    }
    .headbot .content .coright .p2 {
      font-size: 20px;
    }
  }
  @media (max-width: 991px) {
    .head {
      display: none;
    }
  }
  
  /*导航 */
  .nav {
    width: 100%;
    background: #1d8bbc;
  }
  .x-menu {
    margin: 0 auto;
    max-width: 1500px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  
  .x-menu > li {
    position: relative;
    flex: 1;
    width: 155px;
    /* line-height: 58px; */
  }
  .x-menu > li + li {
    background: url("//cdn.myxypt.com/938ff0a4/24/05/50a878be699609a4ef218c6c9b5cda84d7eda39d.png") no-repeat left center;
  }
  .x-menu > li > a {
    display: block;
    /* padding: 0 .8vw; */
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 3.6;
  }
  
  .x-menu > li:hover {
    background: #0873a2;
    color: #fff;
  }
  
  
  .x-menu > li:after {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 40px;
    opacity: 0;
    top: 100%;
  }
  
  .x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  .x-sub-menu {
    position: absolute;
    z-index: 101;
    width: 100%;
    left: 0px;
    top: 100%;
    background: #0873a2;
    padding: 0px 0px 18px 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .x-sub-menu > li:nth-child(n+10) {
    display: none;
  }
  .x-sub-menu > li > a {
    border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
  }
  
  .x-sub-menu > li > a {
    display: block;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .x-sub-menu > li > a:hover {
    opacity: 0.8;
  }
  
  
  @media (max-width: 1290px) {
    .nav {
      display: none;
    }
    .x-menu > li > a {
      font-size: 15px;
    }
  }
  @media (max-width: 990px) {
  }
  @media (max-width: 768px) {
  }
  @media (max-width: 640px) {
  }



          @media (max-width: 1780px) {

			.nav .mobile span{font-size: 22px;}

            .topWrap .header { padding:0 6%;}

            .nav li {margin-left: 0.4rem;}

            .nav li a{font-size: 14px;}

          }

		  

		  @media (max-width: 1600px) {

		  	.nav .mobile span{font-size: 20px;}

		    .topWrap .header { padding:0 1%;}

		    .nav li {margin-left: 0.3rem;}

		    .nav li a{ font-size: 14px; margin: 0 6px;} 

			

		  }

		  

          @media (max-width: 1480px) {

			.nav .mobile span{font-size: 20px;}

            .topWrap .header { padding:0 1%;}

            .nav li {margin-left: 0.2rem;}

            .nav li a{ font-size: 13px; margin: 0 3px;} 

          }

          @media (max-width: 1366px) {

			.nav .mobile span{font-size: 18px;}

            .topWrap .header { padding:0 1%;}

            .nav li {margin-left: 0.2rem;}

            .nav li {font-size: 14px;}

            

          }

		  

		  @media screen  and (max-width:1401px) {

			.topWrap .header {width:1300px;}

			html {

				font-size: 30px!important;

			}

			

			}

		  

		  

		  

		  

		  

/*内页banner*/

        .ty-banner-1 {

            overflow: hidden;

            line-height: 0;

            text-align:center;

        }



    .p102-search-1 {

        height: 90px;

        border-bottom: 1px solid #ededed;

        background: #f7f7f7;

    }

    

    .p102-search-1 p {

        float: left;

        width: 900px;

        height: 90px;

        line-height: 90px;

        font-size: 14px;

        color: #333333;

    }

    

    .p102-search-1 p b {

        display: inline-block;

    }

    

    .p102-search-1 p a {

        color: #666666;

        display: inline-block;

        margin-right: 15px;

    }

    .p102-search-1 p a:hover{color: #000;}

    .p102-search-1-inp {

        float: right;

        width: 280px;

        height: 45px;

        background: #fff;

        margin-top: 18px;

        border-radius: 25px;

        position: relative;

    }

    

    .p102-search-1-inp:before,

    .p102-search-1-inp:after {

        content: '';

        position: absolute;

        width: 80%;

        height: 1px;

        background: #e3e3e3;

        left: 10%;

        z-index: 0;

    }

    

    .p102-search-1-inp:before {

        top: 0;

    }

    

    .p102-search-1-inp:after {

        bottom: 0;

    }

    

    .p102-search-1-inp1 {

        line-height: 43px;

        color: #999999;

        border: 1px solid #e3e3e3;

        border-right: 0;

        padding: 0 20px;

        border-top-left-radius: 25px;

        border-bottom-left-radius: 25px;

        float: left;

    }

    

    .p102-search-1-inp2 {

        width: 70px;

        height: 45px;

        border: 0;

        border-radius: 25px;

        background: url(../image/p102-search-icon1.png) no-repeat center center #cb0000;

        float: right;

        position: relative;

        z-index: 2;

        cursor: pointer;

    }

  



/*尾部*/

	

 .footWrap{background:url(../image/ftbg.jpg) no-repeat center top;background-size: cover; height:499px;padding-top:50px; font-family:"Microsoft Yahei";box-sizing: border-box;font-size: 16px;line-height: 30px;}

 .footWrap a:hover{color:#fff;}

 .footers{width:1300px;margin: 0 auto; }

 .f_nav{width:590px;  float: left;}

 .fnav{height:288px; margin-bottom: 30px;}

 .fnav dl{width:140px; float: left;height: 288px;}

 .fnav dt{margin-bottom: 22px;}

 .fnav dt a{height: 36px;line-height: 36px;text-align: left;color:#ffffff; font-weight: normal;font-size: 18px;}

 .fnav dd a{display: block;color:#ccc;}

 .fnav dl:last-child{width:165px;}

 .fbeian{height: 40px;}

 .fbeian p{display: block; color: #c3c3c3; font-size: 14px;line-height: 24px;font-weight: normal;}

 .fbeian p a{color: #c3c3c3;}

 .footWrap em{padding:0 15px;}



 .fcontact{width:310px; float: left;} 

 .fcontact h3{height: 36px;line-height: 36px;text-align: left;color:#ffffff; font-weight: normal;font-size: 18px;margin-bottom: 22px;}

 .fcontact li{padding-left:32px;color: rgba(255, 255, 255, 255);}

 .fcontact li:nth-child(1){background:url(../image/ftico1.png) no-repeat left center;}

 .fcontact li:nth-child(2){background:url(../image/ftico2.png) no-repeat left center;}

 .fcontact li:nth-child(3){background:url(../image/ftico3.png) no-repeat left center;}

 .fcontact li:nth-child(4){background:url(../image/ftico4.png) no-repeat left center;}


  .fcode{ width:300px;float: right;}

  .fcode .fcode-p{width: 140px;float: left;height: 150px;}

  .fcode .fcode-p img{width: 110px; height: 110px;}

  .fcode .fcode-p .img2{display:none;}

  .fcode .fcode-p:hover .img2{display:block;}

  .fcode .fcode-p:hover .img1{display:none;}

  .fcode span{font-size: 14px;height:160px; line-height: 37px;font-weight: normal;width:190px; float: left;color:#ffffff;text-align: left;}

  .fcode span b{height:42px; display: block; font-size:14px; line-height: 30px;font-weight: normal;}

  .fcode span i{font-size:28px; font-weight:bold;}

  .fcode a{display: block;text-align: center;background: url(../image/ftzx.png) no-repeat;height: 42px;line-height: 42px;width:145px; float: left;font-size: 14px;color: #fff;}

  .fcode a.dzzx{width:116px;margin-right: 20px;background: url(../image/ftzx1.png) no-repeat;}



  .fother{height: 55px;border-top: 1px solid rgba(255, 255, 255, 0.3);}

  .fother span{display: block; color: #666666; font-size: 13px;font-weight: normal; float: right;line-height: 55px;}

  .fother a{color:#666666;padding:0 15px;background: url(../image/ft_line.gif) no-repeat right center; display: inline-block;}

  .fother a:last-child{background: none;padding-right: 0;}





	  

		  

/*客服*/

.client-2 {

	position: fixed;

	right: -170px;

	top: 50%;

	z-index: 900;

}



.client-2 li a {

	text-decoration: none;

}

.client-2 li {

	margin-top: 1px;

	clear: both;

	height: 62px;

	position: relative;

}



.client-2 li i {

	background: url(../image/fx.png) no-repeat;

	display: block;

	width: 30px;

	height: 27px;

	margin: 0px auto;

	text-align: center;

}



.client-2 li p {

	height: 20px;

	font-size: 12px;

	line-height: 20px;

	overflow: hidden;

	text-align: center;

	color: #fff;

}



.client-2 .my-kefu-qq i {

	background-position: 4px 5px;

}



.client-2 .my-kefu-tel i {

	background-position: 0 -21px;

}



.client-2 .my-kefu-weixin i {

	background-position: -34px 4px;

}



.client-2 .my-kefu-ftop {

	display: none;left: 0px;

}



.client-2 .my-kefu-ftop i {

	   width: 33px;

height: 31px;

background-position: -23px -47px;

background-size: 52px 82px;

}

.client-2 .my-kefu-ftop .my-kefu-main{

	padding-top: 6px;

}



.client-2 .my-kefu-left {

	float: left;

	width: 62px;

	height: 47px;

	position: relative;

}



.client-2 .my-kefu-tel-right {

	font-size: 16px;

	color: #fff;

	float: left;

	height: 24px;

	line-height: 22px;

	padding: 0 15px;

	border-left: 1px solid #fff;

	margin-top: 14px;

}



.client-2 .my-kefu-right {

	width: 20px;

}



.client-2 .my-kefu-tel-main {

	background: #1d8bbc;

	color: #fff;

	height: 53px;

	width: 230px;

	padding:9px 0 0;

	float: left;

}



.client-2 .my-kefu-main {

	background: #1d8bbc;

	width: 97px;

	height: 53px;

	position: relative;

	padding:9px 0 0;

	float: left;

}



.client-2 .my-kefu-weixin-pic {

	position: absolute;

	left: -130px;

	top: -24px;

	display: none;

	z-index: 333;

}



.my-kefu-weixin-pic img {

	width: 115px;

	height: 115px;

}