@charset "utf-8";
	html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,i,s,b,u,pre,code,form,strong,label,em,a,iframe,fieldset,legend,figure,input,button,textarea,p,blockquote {
	-webkit-text-size-adjust:none;
	margin:0;
	padding:0;
	text-decoration:none
}
input,button,select,textarea {
	outline:none
}
textarea {
	resize:none
}
table {
	border-collapse:collapse
}
a {
	cursor:pointer
}
a img,img {
	border:0
}
li {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6,b {
	font-size:100%;
}
input,button,textarea,select {
	font-family:inherit
}
a {
	outline:none;
	text-decoration:none;
	color: #333333;
}
a:hover {
	text-decoration:none
}
img,input {
	vertical-align:middle
}
body{
	width: 100%;
	position: relative;
}
body,html {
	width:100%;
	font-size:14px;
	color: #333333;
	background: #F5F5F5;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #CCCCCC;
  font-size: 14px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #CCCCCC;
  font-size: 14px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #CCCCCC;
  font-size: 14px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #CCCCCC;
  font-size: 14px;
}
.flex{
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex; /* Firefox 18+ */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.maxWidth{
	width: 1200px;
	margin: 0 auto;
}
.headerPublic{
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
    position: fixed;
    z-index: 1;
    top: 0;
    width: 100%;
    background: #ffffff;
}
.headerTops{
    background: #EEEEEE;
    padding: 10px 0;
    font-size: 12px;
    color: #666666;
}
.headerTop{
    justify-content: space-between;
}
.headerTop .left img{
    position: relative;
    top: -1px;
}
.headerTop .left span{
    display: inline-block;
    margin-left: 8px;
}
.headerTop .right a{
    display: block;
    margin-left:30px;
    transition: all .3s;
    position: relative;
}
.headerTop .right a:hover{
    color: #00A0E9;
}
.headerTop .right a span{
    margin-left: 8px;
    margin-right: 3px;
}
.headerTop .right a img{
    position: relative;
    top: -1px;
}
.xfewm{
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    text-align: center;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
    
}
.xfewm img{
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}
.xfewm2{
    width: 150%;
    text-align: left;
}
.xfewm p{
    margin-top: 30px;
    padding: 20px 15px;
    background: #ffffff;
    line-height: 30px;
    font-size: 14px;
    color: #00A0E9;
}
.headerTop .right a:hover .xfewm{
    display: block;
}
.logo img{
    height: 71px;
}
.logoTel{
    padding: 13px 0;
    justify-content: space-between;
    align-items: center;
}
.logoTel .dh{
    margin-left: 6px;
    font-size: 16px;
}
.logoTel .dh b{
    color: #00A0E9;
    font-size: 26px;
}
.logoTel .phone{
    align-items: center;
}
.logoTel .phone img{
    position: relative;
    top: 1.5px;
}
.logoTel .dh span{
    display: inline-block;
    position: relative;
    top: -2px;
}
.navList{
    justify-content: space-between;
}
.navPros{
    position: relative;
    width: 20%;
}
.navPro{
    justify-content: space-between;
    align-items: center;
    background: #055BC3;
    color: #ffffff;
    line-height: 48px;
    font-size: 16px;
    padding: 0 20px;
    cursor: pointer;
}
.navProlist{
    display: none;
    position: absolute;
    top: 48px;
    width: 100%;
    background: rgba(0,160,223,0.75);
}
.navPros:hover .navProlist{
    display: block;
}
.navProlist .fl{
    line-height: 65px;
    color: #ffffff;
    padding: 0 20px;
    justify-content: space-between;
    border-bottom: 1px solid #00A0E9;
    transition: all .3s;
}
.navProlist .fl:hover{
    background: #055BC3;
}
.navProlist .fl .sp{
    display: inline-block;
    width: 40px;
}
.navProlist .fllb{
    position: relative;
}
.chanplb{
    display: none;
    position: absolute;
    top: 0;
    line-height: 65px;
    height: 65px;
    width: 0px;
    left: 100%;
    background: rgba(0,160,223,0.75);
    transition: all .5s;
}
.chanplb a{
    width: 140px;
    text-align: center;
    transition: all .3s;
    opacity: 1;
    color: #ffffff;
    border-right:1px solid #ffffff;
    padding: 0 15px;
}
.chanplb a:hover{
    background: #F96868;
}
.navProlist .fllb:hover .chanplb a{
    opacity: 1;
}
.navProlist .fllb:hover .chanplb{
    display: block;
    width: auto;
}
.navCd{
    width: 70%;
}
.navCd .fj{
    justify-content: space-between;
}
.navCd .fj>li>a{
    font-size: 16px;
    display: block;
    line-height: 48px;
    transition: all .3s;
}
.navCd .fj>li>a:hover{
    color: #00A0E9;
}
.navCd .fj .active>a{
    color: #00A0E9;
}
.navCd li{
    width: 14.2%;
    position: relative;
    text-align: center;
}
.navCd .zlmxl{
    display: none;
    width: 100%;
    position: absolute;
    top: 48px;
    background: #ffffff;
}
.navCd .zlmxl a{
    display: block;
    transition: all .3s;
    font-size: 16px;
    margin-top: 13px;
}
.navCd .zlmxl a:hover{
    color: #00A0E9;
}
.navCd .zlmxl a:last-child{
    margin-bottom: 13px;
}
.navCd li:hover .zlmxl{
    display: block;
}
.banner{
    margin-top: 182px;
}
.banner img{
    width: 100%;
}
.product{
    padding-top: 65px;
}
.dbt_gy{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
}
.ms_gy{
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin-top: 13px;
}
#tabs_container>div{
    width: 100%;
}
.tabxm{
    width: 100%;
}
.tabLeft{
    position: relative;
    width: 20%;
    height: 380px;
    background: url(../images/promc.png) center no-repeat;
    color: #ffffff;
}
.tabLeft span{
    display: block;
}
.tabLeft .p1{
    font-size: 18px;
    padding-top: 25px;
    padding-left: 25px;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 20px;
}
.tabLeft .lbn{
    padding-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 26px;
}
.tabRight{
    width: 80%;
    justify-content: space-between;
}
.tabRight .lb{
    width: 33.2%;
    flex-direction: column;
    justify-content: center;
    background: #FFFFFF;
    text-align: center;
    transition: all .3s;
    position: relative;
}
.tabRight .lb .lbxc{
    flex-direction: column;
    justify-content: center;
}
.tabRight .lb .tp{
    margin-bottom: 25px;
}
.tabRight .lb .tp img{
    transition: all .3s;
    max-width: 90px;
}
.tabRight .lb .tp .imb{
    display: none;
}
/*.tabRight .lb:hover .ima{*/
/*    display: none;*/
/*}*/
/*.tabRight .lb:hover .imb{*/
/*    display: inline-block;*/
/*}*/
.tabRight .lb .zcgs{
    font-size: 20px;
    font-weight: bold;
    transition: all .3s;
}
.tabRight .lb .lbxc:hover .zcgs{
    color: #00A0E9;
}
.tabRight .lb .ms{
    font-size: 12px;
    color: #666666;
    padding: 0 20%;
    margin-top: 15px;
    line-height: 20px;
}
.tabRight .lb .jg{
    font-size: 20px;
    color: #F96868;
    margin: 25px 0;
}
.tabRight .lb .zxck{
    justify-content: space-around;
}
.tabRight .lb .zxck a{
    width: 93px;
    height: 33px;
    line-height: 33px;
    border-radius: 3px;
    background: #F96868;
    color: #FFFFFF;
    font-size: 12px;
    transition: all .3s;
    position: relative;
}
.tabRight .lb .zxck a:hover{
    margin-top: -3px;
    background: #055BC3;
}
.tabRight .lb .zxck img{
    display: inline-block;
    position: relative;
    top: -1px;
}
.indexSdly{
    padding-top: 65px;
}
.sdlicont{
    margin-top: 55px;
    justify-content: space-between;
}
.sdlicont .lylb{
    width: 24.9%;
    padding: 60px 0;
    background: #FFFFFF;
    text-align: center;
    transition: all .3s;
}
.sdlicont .lylb:hover{
    margin-top: -5px;
}
.sdlicont .mc{
    font-size: 24px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 40px;
}
.sdlicont .i{
    height: 82px;
}
.indexHonors{
    margin-top: 65px;
    padding-top: 50px;
    padding-bottom: 60px;
    background: #1585C9;
}
.indexHonors .dbt_gy{
    color: #FFFFFF;
}
.indexHonors .ms_gy{
    color: #FFFFFF;
}
.honorCont{
    margin-top: 50px;
    justify-content: space-between;
    color: #FFFFFF;
}
.honorCont .rylb{
    text-align: center;
}
.honorCont .rylb .i{
    margin: 0 auto;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    line-height: 95px;
    /*height: 47px;*/
}
.honorCont .rylb .ms{
    font-size: 18px;
    line-height: 36px;
    margin-top: 35px;
}
.indexHonors .zixun{
    margin-top: 40px;
}
.indexHonors .zixun a{
    text-align: center;
    margin:  0 auto;
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border-radius: 2px;
    transition:  all .3s;
}
.indexHonors .zixun a img{
    display: inline-block;
    position: relative;
    top: -1px;
}
.indexHonors .zixun a .im2{
    display: none;
}
.indexHonors .zixun a:hover{
    background: #00A0E9;
    color: #FFFFFF;
}
.indexHonors .zixun a:hover .im1{
    display:none;
}
.indexHonors .zixun a:hover .im2{
    display:inline-block;
}
.news{
    padding-top: 65px;
}
.newsCOnt{
    flex-wrap: wrap;
    margin-top: 50px;
    background: #FFFFFF;
    padding: 30px 15px;
}
.newsCOnt .xwlb{
    width: 31%;
    margin-right: 3.5%;
}
.newsCOnt .xwlb:nth-child(1){
    margin-bottom: 40px;
}
.newsCOnt .xwlb:nth-child(3){
    margin-right: 0;
}
.newsCOnt .xwlb:nth-child(6){
    margin-right: 0;
}
.newsCOnt .time{
    margin-right: 15px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 23.5%;
    height: 83px;
    border-radius: 50%;
    border: 1px solid #333333;
    transition: all .3s;
}
.newsCOnt a{
    align-items: center;
}
.newsCOnt .time .r{
    font-size: 26px;
}
.newsCOnt .time .n{
    color: #666666;
    transition: all .3s;
}
.newsCOnt .btms{
    width: 76.5%;
}
.newsCOnt .btms h2{
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    transition: all .3s;
}
.newsCOnt .btms .descr{
    color: #999999;
    line-height:22px;
    transition: all .3s;
}
.newsCOnt .xwlb:hover .time{
    background: #00A0E9;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.newsCOnt .xwlb:hover .n{
    color: #FFFFFF;
}
.newsCOnt .xwlb:hover h2{
    color: #00A0E9;
}
.newsCOnt .xwlb:hover .descr{
    color: #00A0E9;
}
.indeBjgjs{
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 100px;
    background: url(../images/indeBjgj.png) center center no-repeat;
}
.bjgjCont{
    margin-top: 55px;
    justify-content: space-between;
}
.bjgjCont .gjlb{
    text-align: center;
    transition: all .3s;
}
.bjgjCont h3{
    font-size: 18px;
    margin-top: 30px;
    font-weight: 400;
    transition: all .3s;
}
.bjgjCont .gjlb:hover{
    margin-top: -4px;
}
.bjgjCont .gjlb:hover h3{
    color: #55ACEE;
}
.footers{
    padding: 65px 0;
    background: #4A4E53;
}
.footers .dbt_gy{
    color: #FFFFFF;
}
.footCont{
    justify-content: space-between;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #63686E;
}
.footLife{
    width: 63%;
}
.footLife input{
    outline: none;
    line-height: 37px;
    height: 37px;
    border: none;
    background: #575B60;
    border-radius: 2px;
    margin-bottom: 20px;
    color: #FFFFFF;
}
.footLife textarea{
    outline: none;
    width: 98.8%;
    height: 123px;
    background: #575B60;
    border: none;
    padding-left: 10px;
    padding-top: 10px;
    color: #FFFFFF;
    border-radius: 3px;
}
.footLife .one{
    justify-content: space-between;
    border-radius: 3px;
}
.footLife .one input{
    width: 47%;
    padding-left: 10px;
}
.footLife .btn{
    margin-top: 30px;
    text-align: center;
}
.footLife button{
    outline: none;
    line-height: 37px;
    height: 37px;
    width: 386px;
    border: none;
    background: #575B60;
    color: #cccccc;
    border-radius: 3px;
    margin: 0 auto;
    cursor: pointer;
}
.footRight{
    width: 27%;
}
.footLogo{
    text-align: right;
}
.footLogo img{
    max-width:240px;
}
.footzxrx{
    text-align: right;
    color: #cccccc;
}
.footzxrx .s{
    margin-top: 10px;
    font-size: 12px;
}
.footzxrx .hm{
    font-size: 44px;
    font-weight: bold;
}
.erwei{
    margin-top: 20px;
    text-align: right;
}
.erwei img{
    width: 125px;
}
.beian{
    padding: 10px 0;
    text-align: center;
    color: #999999;
    line-height: 24px;
}
.beian a{
    color: #999999;;
}
.nynav{
    margin: 30px auto;
    justify-content: center;
    height: 50px;
    line-height: 50px;
    background: #ebe7e7;
}
.nynav a{
    display: block;
    font-size: 16px;
    padding: 0 30px;
}
.nynav a.active{
    background: #FFFFFF;
    border-top: 2px solid #00A0E9;
}
.nyproconts{
    padding-top: 20px;
    margin-bottom: 60px;
}
.nyprocont{
    flex-wrap: wrap;
}
.nyproconts .list{
    width: 24%;
    margin-right: 1.3%;
    background: #FFFFFF;
    margin-bottom: 25px;
}
.nyproconts .list:nth-child(4){
    margin-right: 0;
}
.nyproconts .list:nth-child(8){
    margin-right: 0;
}
.nyproconts .list:nth-child(12){
    margin-right: 0;
}
.nyproconts .list:nth-child(16){
    margin-right: 0;
}
.nyproconts .list:nth-child(20){
    margin-right: 0;
}
.nyproconts .list .thumb{
    text-align: center;
    padding: 10%;
    overflow: hidden;
}
.nyproconts .list .thumb img{
    max-width: 100%;
    transition: all .3s;
}
.nyproconts .list h2{
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    padding: 15px 10px;
    transition: all .3s;
}
.nyproconts .list:hover h2{
    color: #00A0E9;
}
.nyproconts .list:hover img{
    transform: scale(1.1);
}
.pages{
    padding: 40px 0;
}
.pages ul{
    display: flex;
    justify-content: center;
}
.pages ul a{
    padding: 10px 17px;
    border-radius: 3px;
    background: #FFFFFF;
    margin:  0 5px;
}
.pages ul .active a{
    background: #00A0E9;
    color: #FFFFFF;
}
.proshow{
    justify-content: space-between;
}
.proshowleft{
    width: 73%;
    padding: 20px;
    background: #FFFFFF;
}
.proshowleft h1{
    font-weight: 400;
    font-size: 30px;
}
.proshowleft .sy{
    margin-top: 5px;
    color: #a3afb7;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}
.proshowleft .xxnr{
    padding: 40px 0;
}
.proshowleft .xxnr img{
    max-width: 100%;
}
.mt-5{
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    padding-top: 25px;
}
.proshowright{
    width: 20%;
}
.proshowright .tjt img{
    max-width: 100%;
}
.proshowright .tjt{
    padding-top: 20px;
}
.proshowright .wntj{
    font-size: 16px;
    margin-bottom: 25px;
    border-bottom: 1px solid #00A0E9;
    padding-bottom: 10px;
}
.tuijianlb{
    text-align: center;
    background: #FFFFFF;
    margin-bottom: 10px;
}
.tuijianlb .tkbt{
    padding: 20px 0;
}
.nyprocont .descr{
    color: #999999;
    padding: 0 10px;
    line-height: 22px;
    font-size: 12px;
}
.nyprocont .more{
    color: #999999;
    padding: 10px;
    line-height: 22px;
    font-size: 12px;
    transition: all .3s;
}
.nyproconts .list:hover .more{
    color: #00A0E9;
}
.gywmmozy{
    text-align: center;
}
.mo-hd{
    display: none;
}
.mo_banner{
    display: none;
}
.footertab{
    display: none;
}
@-webkit-keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

/*------------------- 华丽分割线 -----------------------*/

header{width:90%;text-align:center;padding:5%;letter-spacing:2px;color:#333;font-size:1.2em;text-shadow:0 0 2px #999;}
.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;}

/*------------------- 华丽分割线 -----------------------*/

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 300px; height: 270px; margin: 0 auto; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -150px; z-index: 10000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;border-color:#428bca;}
#dialog .srxx{
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px;
    color: #999999;
}
#dialog form{
    padding: 15px 20px 0 20px;
}
#dialog form>div{
    margin-bottom: 10px;
}
font{
    color: #ff0000;
}
.subbtn{
    text-align: center;
}


/*移动端*/
@media only screen and (max-width: 1199px) {
    .maxWidth{
        width: 93%;
    }
    .headerPublic{
        display: none;
    }
    .mo-hd{display:block;position:fixed;top:0;left:0;right:0;height:48px;background-color:#fff;z-index:99}
    .hd-top .tel{position:absolute;left:15px;top:50%;margin-top:-12px;width:24px;height:24px}
    .hd-top .tel img{width:24px;}
    .hd-top .tel .img2{display:none}
    .mo-logo{position:absolute;top:50%;left:50%;width:130px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .mo-logo .img2{display:none}
    .mo-nav{display:none;position:absolute;top:44px;height:calc(100vh - 44px);left:0;right:0;background-color:#4a4a4a;z-index:100;overflow-y:auto}
    .mo-nav .v1{display:block;font-size:16px;line-height:45px;padding:0 15px;background:url(../images/icon-right.png) right 15px center no-repeat;-webkit-background-size:8px auto;background-size:8px auto;border-bottom:1px solid #575757;color:#fff}
    .mo-nav li.on .v1{background-image:url(../images/icon-down.png);background-position:right 12px center;-webkit-background-size:12px auto;background-size:12px auto}
    .mo-nav dl{display:none;background-color:#222}
    .mo-nav dd a{display:block;font-size:14px;line-height:45px;padding-left:43px;color:#fff;border-top:1px solid #2b2b2b}
    .mo-lang{margin:30px 0;text-align:center;font-size:0}
    .mo-lang a{display:inline-block;font-size:16px;height:32px;line-height:30px;width:81px;color:#fff;border:1px solid #fff}
    .mo-lang a.cn{border-right:0;border-radius:3px 0 0 3px}
    .mo-lang a.en{border-left:0;border-radius:0 3px 3px 0}
    .mo-lang a.on{background-color:#d0232a;border-color:#d0232a}
    .mo-con{display:none}
    .menuBtn{display:block;position:absolute;right:10px;top:10px;width:30px;height:30px;padding:0 2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
    .menuBtn b{display:block;height:3px;background-color:#00A0E9;margin:3px 0 5px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
    .menuBtn.open{top:6px}
    .menuBtn.open b{display:none;margin:0;position:absolute;left:5px;top:50%;width:25px;background-color:#333}
    .menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
    .menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
    .mo-logo img{
        height: 35px;
    }
    .banner{
        margin-top: 48px;
    }
    .pc_banner{
        display: none;
    }
    .mo_banner{
        display: block;
    }
    .mo_banner div{
        height: 400px;
        background-size: 250%;
    }
    .product{
        padding-top: 30px;
    }
    .dbt_gy{
        font-size: 24px;
    }
    .ms_gy{
        font-size: 14px;
        margin-top: 5px;
    }
    .tabs li a{
        padding: 20px 10px;
    }
    .tabs{
        margin-top: 25px;
    }
    .tabLeft{
        display: none;
    }
    .tabRight{
        width: 100%;
    }
    .tabRight .lb:nth-child(3){
        display: none;
    }
    .tabRight .lb{
        width: 49%;
        padding-bottom: 20px;
    }
    .tabRight .lb .tp{
        margin-top: 15px;
        margin-bottom: 15px;
        height: 50px;
    }
    #tabs_container{
        margin-top: 25px;
        overflow: inherit;
    }
    .indexSdly{
        padding-top: 30px;
    }
    .sdlicont{
        margin-top: 30px;
    }
    .sdlicont{
        flex-wrap: wrap;
    }
    .sdlicont .lylb{
        width: 49%;
        margin-bottom: 10px;
        padding: 30px 0;
    }
    .sdlicont .lylb img{
        max-width: 50px;
    }
    .sdlicont .i{
        height: 50px;
    }
    .sdlicont .mc{
        padding-top: 10px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    .sdlicont .ms{
        padding: 0 15px;
    }
    .tabRight .lb .tp img{
        max-width: 50px;
    }
    .tabRight .lb .jg{
        margin: 10px 0;
    }
    .tabRight .lb .zxck{
        justify-content: space-between;
        padding: 0 10px;
    }
    .tabRight .lb .zxck a{
        width: 48%;
    }
    .indexHonors{
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .honorCont{
        margin-top: 30px;
    }
    .honorCont .rylb .i{
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .honorCont .rylb .i img{
        max-width: 30px;
    }
    .honorCont .rylb{
        width: 32%;
    }
    .honorCont .rylb .ms{
        font-size: 14px;
        line-height: 26px;
        margin-top: 25px;
    }
    .indexHonors .zixun{
        margin-top: 30px;
    }
    .news{
        padding-top: 30px;
    }
    .newsCOnt{
        margin-top: 30px;
        padding: 15px;
        justify-content: space-between;
    }
    .newsCOnt .xwlb{
        width: 47%;
        margin-right: 0;
    }
    .newsCOnt a{
        flex-direction: column;
    }
    .newsCOnt .btms{
        width: 100%;
    }
    .newsCOnt .time{
        width: 100%;
        height: auto;
        border-radius: inherit;
        text-align: left;
        margin-right: 0;
        border: none;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .newsCOnt .time .r{
        font-size: 20px;
    }
    .indeBjgjs{
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .bjgjCont{
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .bjgjCont .gjlb{
        width: 24%;
        margin-bottom: 20px
    }
    .bjgjCont .gjlb img{
        max-width: 35px;
    }
    .bjgjCont .gjlb p{
        height: 42px;
    }
    .bjgjCont h3{
        font-size: 14px;
        margin-top: 15px;
    }
    .footers{
        padding: 30px 0;
    }
    .footCont{
        margin-top: 25px;
        padding-top: 20px;
    }
    .footLife{
        display: none;
    }
    .footRight{
        width: 100%;
    }
    .footLogo{
        text-align: center;
    }
    .footLogo img{
        max-width: 150px;
    }
    .footzxrx{
        text-align: center;
    }
    .footzxrx .hm{
        font-size: 34px;
    }
    .erwei{
        margin-top: 10px;
        text-align: center;
    }
    .beian{
        font-size: 10px;
        line-height: 20px;
    }
    .footertab{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    }
    .footertab .tab{
        width: 95%;
        margin: 0 auto;
        justify-content: space-between;
    }
    .footertab .tab>div{
        width: 48%;
        text-align: center;
        background: #1585C9;
        margin: 10px 0;
        border-radius: 2px;
    }
    .footertab .tab>div a{
        display: block;
        line-height: 40px;
        color: #ffffff;

    }
    .nynav a{
        font-size: 16px;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
    }
    .nynav{
        flex-wrap: wrap;
        height: auto;
        line-height: auto;
    }
    .nyprocont{
        justify-content: space-between;
    }
    .nyproconts{
        margin-top: 0;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .nyproconts .list{
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .proshow{
        flex-direction: column;
    }
    .proshowleft{
        width: 90%;
        padding: 5%;
    }
    .proshowright{
        width: 100%;
        margin-top: 30px;
    }
    .proshowleft .xxnr{
        padding: 25px 0;
    }
    .proshowleft h1{
        font-size: 26px;
    }
    .proshowleft .sy{
        font-size: 12px;
    }
    .proshowright .tjt img{
        width: 20%;
    }
    
}