body{font:14px/1.571429 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;color:#333;}
li,ol,ul{list-style-type:none}
*{margin:0;padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
img{border:none;vertical-align:middle; transition: all 0.5s;}
a{color:#333;text-decoration:none}
a:hover {color: #4990e2;}
em,i {font-style: normal;}
p {text-align: justify;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
input,textarea,select {outline: none;}
h1,h2,h3,h4,h5,p {line-height: 1.1;}
@font-face {
    font-family: 锐字荣光粗黑简;
    src: url('../fonts/锐字荣光粗黑简.ttf');
}
@font-face {
    font-family: 方正隶二简体;
    src: url('../fonts/方正隶二简体.ttf');
}
.w {/*width: 1520px;*/    width: 1300px; margin: 0 auto;}
.ellipsis-1 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.main{width: 100%; position: relative; overflow: hidden;}
.header {height:170px; width: 100%;}
.hbox{ width: 100%; position: fixed; left: 0; top: 0; z-index: 9;background: #fff;}
.header-top {padding: 30px 0; height: auto; transition: all 0.5s;}

.header-top .ixsearch {height: auto;   /* text-align: center;*/    text-align: left;
    float: left;
    display: inline-block;}
.header-top .ixsearchss{ width: 30%;float: right;    text-align: right;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  border-color: transparent; // 若是本身具有 border 请删除此属性
  box-shadow:none;
}
.header-top .ixsearchss input{background: #F2F2F2;
border-radius: 4px;font-size: 18px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #999999;
line-height: 27px;border: none;height: 56px;padding: 0 20px;}
.header-top .ixsearchss button{background: #083A73;
border-radius: 0px 4px 4px 0px;border: none;height: 56px;padding: 0 30px;    float: right;
    margin: 0;}
.header-top .sjym .ixsearch{ text-align: left; float: left;}
.header-top .sjym h2{font-size: 40px;font-family: STLiti;font-weight: normal;color: #2A2A2A;line-height: 70px;float: left;margin-left: 2%;}
.header-top .ixsearch .text {margin-right: 20px;height: 44px; display: inline-block; vertical-align: middle; position: relative;}
.ss{
	position: absolute;
    top: 23%;
    left: 8%;
	width: 16px;
	height: 16px;
}
.ss img{ width: 100%;}
.header-top .ixsearch .text input {height: 44px; text-indent: 20%; border: #fff solid 1px; background: none; border-radius: 44px; font-size: 18px; color: #fff;}

.header-top .ixsearch .text input:-moz-placeholder{ color: #fff;}

.header-top .ixsearch .text input:-ms-input-placeholder{ color: #fff;}

.header-top .ixsearch .text input::-webkit-input-placeholder{ color: #fff;}

.header-top .ixsearch .sel {margin-right: 20px;height: 44px;border: #fff solid 1px; z-index: 2; position: relative; background: none; border-radius: 44px; width: 94px; display: inline-block; vertical-align: middle;}
.header-top .ixsearch .sel::after {content: ""; width: 18px; height: 18px; background: url(../images/ixico2.png) no-repeat; position: absolute; right: 10px; top: 10px;}
.header-top .ixsearch .sel .selcon {line-height: 44px; padding-left: 20px; color: #fff; font-size: 18px;}
.header-top .ixsearch .sel ul {width: 90px;display: none; background: #fff; position: absolute; left: 50%; margin-left: -45px; top:45px; box-shadow: 0 0 5px #ddd;}
.header-top .ixsearch .sel ul li {line-height: 36px; padding-left: 20px; font-size: 18px; cursor: pointer;}
.header-top .ixsearch .sel ul li:hover {color: #4990e2;}
.header-top .ixsearch .sel:hover ul {display: block;}
.header-top .ixsearch .sbtn {height: 44px;padding: 1px;display: inline-block; vertical-align: middle;}
.header-top .ixsearch .sbtn input {height: 44px; width: 96px;text-align: center; border:none; background: #4990e2; border-radius: 44px; font-size: 18px; color: #fff;}
.header-con {height: 70px; background: #083A73;}
.logo {width: 300px;  float: left; margin-top:11px;}
.logo img {width: 300px;}
.navico {display: none;}
/*.navwrap {right:0px; top: 0; height: 103px; position: absolute;}*/
.nav ul {font-size: 0;    width: 100%; display: flex;justify-content: space-between;height: 100%;}
.nav li { display: inline-block;position: relative; height: 70px;}

.navcon li{ width: 100%; text-align: center; height: 70px;}
 
.navcon li:first-child:nth-last-child(6),
.navcon li:first-child:nth-last-child(6) ~ li {
    width: 16.6%;
}
.navcon li:first-child:nth-last-child(8),
.navcon li:first-child:nth-last-child(8) ~ li {
    width: 12.5%;
}
.navcon li:first-child:nth-last-child(9),
.navcon li:first-child:nth-last-child(9) ~ li {
    width: 11.1%;
} 
.navcon li:first-child:nth-last-child(10),
.navcon li:first-child:nth-last-child(10) ~ li {
    width: 10%;
} 

/****/
.navitemzym li:first-child:nth-last-child(6),
.navitemzym li:first-child:nth-last-child(6) ~ li {
    width: 100%;
}
.navitemzym li:first-child:nth-last-child(8),
.navitemzym li:first-child:nth-last-child(8) ~ li {
    width: 100%;
}
.navitemzym li:first-child:nth-last-child(9),
.navitemzym li:first-child:nth-last-child(9) ~ li {
    width: 100%;
} 
.navitemzym li:first-child:nth-last-child(10),
.navitemzym li:first-child:nth-last-child(10) ~ li {
    width: 100%;
} 
/****/

.nav .active{ background: #fff;}
.nav li a { height: 80px; line-height: 70px; text-align: center; padding: 0 15px;  font-size:16px; color: #fff; display: block;font-family: SourceHanSansCN-Normal, SourceHanSansCN;/*word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;*/}
.qtym li a{ height: auto;}
.nav li.active a {color: #083A73;}
.nav li .navitem {display: none; position: absolute; top:80px; width: 1300px; height: 300px; box-shadow: 0 0 8px #aaa; background:url(../images/navbg.png) right bottom no-repeat #fff; }
/**w  1400px**/
/*
.wz01{ left: -155px;}
.wz02{ left:-310px;}
.wz03{ left: -465px;}
.wz04{ left: -600px;}
.wz05{ right: -468px;}
.wz06{ right: -313px;}
.wz07{right: -157px;left: auto;}
.wz08{left: -1190px;}*/
/**w  1300px**/
.wz01{ left: -145px;}
.wz02{ left: -288px;}
.wz03{ left: -433px;}
.wz04{ left: -577px;}
.wz05{ right: -433px;}
.wz06{ right: -288px;}
.wz07{ right: -144px;left: auto;}
.wz08{ left: -1155px;}


.nav li a i {content: ""; width: 0; height: 0; border: transparent solid 12px;display: none; z-index: 2; border-bottom: #fff solid 12px; position: absolute; left: 50%; margin-left: -6px; top: 58px;}
.nav li .navitem  img {width: 300px; height: 220px; position: absolute; left: 40px; top: 40px;}
.nav li .navitem p  {padding:40px 20px 0 340px;}
.nav li .navitem p a { width: 25%; line-height:50px;float: left; padding: 0; height: 50px; font-size: 16px; color: #666; display: block;}
.nav li .navitem p a:hover {color: #4990e2;}
.nav li:hover .navitem {display: block;}
.nav li:hover a i {display: block;}
.header.on .header-top {background: #fff; padding: 10px 0;}
.header.on .header-top .ixsearch .text input {border: #dedede solid 1px; color: #666;}
.header.on .header-top .ixsearch .sel {border: #dedede solid 1px;}
.header.on .header-top .ixsearch .sel .selcon {color: #666;}

.header.on .header-top .ixsearch .text input:-moz-placeholder{ color: #666;}

.header.on .header-top .ixsearch .text input:-ms-input-placeholder{ color: #666;}

.header.on .header-top .ixsearch .text input::-webkit-input-placeholder{ color: #666;}
/*
.header.on .nav li a {color: #fff;}
.header.on .nav .active a {color: #fff;}*/
.header .nav li:hover a {color: #e3f0ff;}
.header .nav .active:hover>a {color: #083A73;}
.header .nav li .navitem p a {color: #666;}
.header .nav li .navitem p a:hover {color: #4990e2;}

/************其他页面header样式**************/
.nav .navitemzym{ display: none;   position: relative;width: auto;height: auto;overflow: hidden;width: 160%;}
.nav .navitemzym ul{    width: 100%;height: auto;overflow: hidden;display: block;justify-content: center;}
.nav .navitemzym ul li:hover{ background: #FFFFFF;}
.nav .navitemzym ul li:hover a{ color: #083A73;}
.nav .navitemzym ul li{    background: #083A73;width: 100%;height: auto; display: block;}
.nav .navitemzym ul li a{font-size: 18px;font-family: SourceHanSansCN-Normal, SourceHanSansCN;font-weight: 400;color: #FFFFFF;line-height: 15px;padding: 10% 5%;}

.navcon li:hover .navitemzym{ display: block;}

/************其他页面header样式**************/

.banner img {width: 100%; display: block;}
.banner img.mbanner {display: none;}
.banner .swiper-pagination-bullet {    background: transparent; border: 1px solid #fff; width: 14px; height: 14px; opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 10%;}
.banner .swiper-pagination-bullet-active {background: #fff;}
.banner .swiper-slide {position: relative;}
.banner .txt {position: absolute; left: 50%; margin-left: -500px; top: 350px; width: 1000px;}
.banner .txt img {width: auto;}
.banner .txt h1 {font-size:42px; font-weight: 500; color: #fff; text-align: center;}
.banner .txt p { padding-top: 45px; font-size: 26px; color: #fff; text-align: center;}
.banner .swiper-button-prev {
		width:60px ; height: 72px; background: url(../images/b-left.png) no-repeat; position: absolute; left: 140px; top: 520px;
	}
.banner .swiper-button-next {
		width:60px ; height: 72px; background: url(../images/b-right.png) no-repeat; position: absolute; right:140px; top: 520px;
    }

.sjymbr{ width: 100%;}
.sjymbr img {width: 100%;}

.footer { background: #25252f;  }
.footer-top {    padding: 2% 0 5%;background: url(../images/footer.png) center no-repeat; background-size: auto 100%;}
.footer .footer-top .foot-txt img{max-width: 100%}
.footerlm{}
.footerlm ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    /*height: 100%;*/
}
.footerlm ul li{
    display: inline-block;
    position: relative;
    width: 10%;
    text-align: center;
}
.footerlm ul li a{
    font-size: 18px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
}
.footerlm ul li:hover a{    color: #4A90E2;}
.footerhx{
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.5;
    margin: 2% 0 3%;
}
.footer-top .footlink { float: right; width: 60%;}
.footer-top .footlink div{ }
.footer-top .footlink p{
    display: inline-block;
    font-size: 20px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 44px;
    margin: 0 2%;
}

.footer-bottom{
    text-align: center;
    background: #606063;
    height: auto;
    overflow: hidden;
}
.footer-bottom p{
    font-size: 16px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    margin: 20px 0 ;
    text-align: center;
    display: inline-block;
}
.footer-bottom p a{color: #FFFFFF;}
.footer-bottom a:hover{color: #4A90E2;}
.foot-txt { height: auto; overflow: hidden;padding: 1.5%;}
.c01{ position: relative;}
.c02{
	position: absolute;
    top: -180%;
    right: 120%;
    width: 150px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
}
.c02 img{ width: 100%;}
.c02 i {
	content: "";
    width: 0;
    height: 0;
    border: transparent solid 12px;
    z-index: 2;
    border-left: #fff solid 12px;
    position: absolute;
    left: 100%;
    margin-left: 0;
    top: 40%;
}
.ewmwx{ display: none;}
.ewmwb{ display: none;}
.ewmdy{ display: none;}
.wx:hover .ewmwx{
	display: block;
}
.wb:hover .ewmwb{
	display: block;
}
.dy:hover .ewmdy{
	display: block;
}
.moblie{ display: none;}
@media screen and (max-width: 1000px) {
.moblie{ display: block;}
.w {width: 100%;}
.n {width: 90%; margin: 0 auto;}
.wz01{ left: auto;}
.wz02{ left: auto;}
.wz03{ left: auto;}
.wz04{ left: auto;}
.wz05{ right: auto;}
.wz06{ right: auto;}
.wz07{right: auto;left: auto;}
.wz08{left: auto;}
.hbox { position: absolute;}
.header {height:3.125rem; width: 100%; z-index: 9;}
.header-top {padding: 25px 0 0;display: none; height: 46px; transition: all 0.5s;}
.header-top .ixsearch {height: 46px;}
.header-top .ixsearch .text {margin-right: 20px;height: 44px; display: inline-block; vertical-align: middle;}
.header-top .ixsearch .text input {height: 44px; text-indent: 20px; border: #fff solid 1px; background: none; border-radius: 44px; font-size: 18px; color: #fff;}
.header-top .ixsearch .sel {margin-right: 20px;height: 44px;border: #fff solid 1px; z-index: 2; position: relative; background: none; border-radius: 44px; width: 94px; display: inline-block; vertical-align: middle;}
.header-top .ixsearch .sel::after {content: ""; width: 18px; height: 18px; background: url(../images/ixico2.png) no-repeat; position: absolute; right: 10px; top: 10px;}
.header-top .ixsearch .sel .selcon {line-height: 44px; padding-left: 20px; color: #fff; font-size: 18px;}
.header-top .ixsearch .sel ul {width: 90px;display: none; background: #fff; position: absolute; left: 50%; margin-left: -45px; top:45px; box-shadow: 0 0 5px #ddd;}
.header-top .ixsearch .sel ul li {line-height: 36px; padding-left: 20px; font-size: 18px; cursor: pointer;}
.header-top .ixsearch .sel ul li:hover {color: #4990e2;}
.header-top .ixsearch .sel:hover ul {display: block;}
.header-top .ixsearch .sbtn {height: 44px;padding: 1px;display: inline-block; vertical-align: middle;}
.header-top .ixsearch .sbtn input {height: 44px; width: 96px;text-align: center; border:none; background: #4990e2; border-radius: 44px; font-size: 18px; color: #fff;}
.header-con {height: 3.125rem; padding: 0;}
.logo {width: 9.375rem;  float: left; margin-top:0.35rem; padding-left: 0.3125rem;}
.logo img {width: 9.375rem;}
.navico {width: 3.125rem; display: block; height: 3.125rem;z-index: 2; right: 0; top:0; background: url(../images/menu.png)  center center no-repeat; background-size: 50%; position: absolute;}
.navclose {width: 3.125rem; display: none; height: 3.125rem;z-index: 2; right: 0; top:0; background: url(../images/menu2.png)  center center no-repeat; background-size: 50%; position: absolute;}
.navwrap {right:0px; top:0; height: auto; position: absolute; display: none; width: 100%; background: #fff; padding-top: 3.125rem;}
.nav ul {font-size: 0; display: block;}

.nav li { display: inline-block;position: relative; height: 70px;}

.navcon li{ width: 100%; text-align: left; height: 70px;}
 
.navcon li:first-child:nth-last-child(6),
.navcon li:first-child:nth-last-child(6) ~ li {
    width: 100%;
}
.navcon li:first-child:nth-last-child(8),
.navcon li:first-child:nth-last-child(8) ~ li {
    width: 100%;
}
.navcon li:first-child:nth-last-child(9),
.navcon li:first-child:nth-last-child(9) ~ li {
    width: 100%;
} 
.navcon li:first-child:nth-last-child(10),
.navcon li:first-child:nth-last-child(10) ~ li {
    width: 100%;
} 
/****/
.navitemzym li:first-child:nth-last-child(6),
.navitemzym li:first-child:nth-last-child(6) ~ li {
    width: 46%;
}
.navitemzym li:first-child:nth-last-child(8),
.navitemzym li:first-child:nth-last-child(8) ~ li {
    width: 46%;
}
.navitemzym li:first-child:nth-last-child(9),
.navitemzym li:first-child:nth-last-child(9) ~ li {
    width: 46%;
} 
.navitemzym li:first-child:nth-last-child(10),
.navitemzym li:first-child:nth-last-child(10) ~ li {
    width: 46%;
} 
/****/


.nav li { display: block;position: relative; height: auto; border-bottom: #dedede solid 0.03125rem; width: 100%; padding: 0.3125rem 0; }
.nav li a { height: 1.5625rem; line-height: 1.5625rem; text-align: center; padding: 0 0.46875rem;  font-size:0.875rem; color: #666; display: block;}
.nav li.active a {color: #4990e2;}
.nav li .navitem {display: none; position: inherit; left:auto; top:auto; width: 100%; height: auto; box-shadow: 0 0 0 #fff; background:none;}
.nav li a i {content: "";display: none; width: 0; height: 0; border: transparent solid 12px; border-bottom: #fff solid 12px; position: absolute; left: 50%; margin-left: -6px; top: -24px;}
.nav li .navitem  img {width: 300px; height: 220px;display: none; position: absolute; left: 40px; top: 40px;}
.nav li .navitem p  {padding: 0.9375rem  0.625rem;}
.nav li .navitem p a { width: 48%; line-height:1.8rem;float: left; margin-right: 4%; margin-bottom: 0.5rem; background: #eee; border-radius: 0.15625rem; padding: 0; height: 1.8rem; font-size: 0.75rem; color: #666; display: block;}
.nav li .navitem p a:hover {color: #4990e2;}
.nav li .navitem p a:nth-child(2n) {margin-right: 0;}
.nav li:hover .navitem {display: block;}
.nav li:hover a i {display: none;}
.header.on .header-top {background: #fff; padding: 10px 0;}
.header.on .header-top .ixsearch .text input {border: #dedede solid 1px; color: #666;}
.header.on .header-top .ixsearch .sel {border: #dedede solid 1px;}
.header.on .header-top .ixsearch .sel .selcon {color: #666;}
.header.on .nav li a {color: #fff;}
.header .nav li:hover a {color: #4990e2;}
.header .nav li .navitem p a {color: #666;}
.header .nav li .navitem p a:hover {color: #4990e2;}
.header.curr .navico {display: none !important;}
.header.curr .navclose {display: block !important;}
.header.curr .nav li a {color: #333 !important;}


/************其他页面header样式**************/
.nav .navitemzym{ display: none;   position: relative;width: auto;height: auto;overflow: hidden;}
.nav .navitemzym ul{    width: auto;height: auto;overflow: hidden;display: block;justify-content: center;padding: 0.9375rem 0.625rem;}
.nav .navitemzym ul li:hover{ background: #FFFFFF;}
.nav .navitemzym ul li:hover a{ color: #083A73;}
.nav .navitemzym ul li{background: transparent;width: 46%;height: auto;display: inline-block;border: none;margin: 0 2%;margin-bottom: 0.5rem;padding: 0;}
.nav .navitemzym ul li a{font-family: SourceHanSansCN-Normal, SourceHanSansCN;font-weight: 400;width: 100%;line-height: 1.8rem;background: #eee;border-radius: 0.15625rem;padding: 0;height: auto;font-size: 0.75rem;display: block;}

.navcon li:hover .navitemzym{ display: block;}

/************其他页面header样式**************/


.banner img {width: 100%; display: block;}
.banner img.mbanner {display: none;}
.banner .swiper-pagination-bullet {    background: transparent; border: 1px solid #fff; width: 10px; height: 10px; opacity: 1;}
.banner .swiper-pagination-bullet-active {background: #fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 2%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px;}
.banner .swiper-slide {position: relative;}
.banner .txt {position: absolute; left: 0.625rem; margin-left: 0; top: 3rem; width: 100%;}
.banner .txt img {width: auto;}
.banner .txt h1 {font-size:1.25rem; color: #fff; text-align: center;}
.banner .txt p { padding-top: 0.625rem; font-size: 0.75rem; color: #fff; text-align: center;}
.banner .swiper-button-prev {
		width:60px ; height: 72px; background: url(../images/b-left.png) no-repeat; position: absolute; left: 140px; top: 520px;
	}
.banner .swiper-button-next {
		width:60px ; height: 72px; background: url(../images/b-right.png) no-repeat; position: absolute; right:140px; top: 520px;
    }


.footer { background: #25252f;  }
.footer-top {padding: 2.03125rem 0.3125rem;}
.footerlm ul {
    width: 100%;
    display: inline-block;
    justify-content: center;
    height: 100%;
}
.footerlm ul li {
    display: inline-block;
    position: relative;
    width: 49%;
    text-align: center;
}
.footer-top .footlink {float: none; width: 100%;margin: 8% 0;}
.footer-top .footlink div {text-align: center;}
.footer-top .footlink p { text-align: center;    display: block;}
.foot-txt img{ width: 100%;}
.footer-bottom { padding: 5% 0;}
.footer-bottom p { margin: 1% 5px;}

.c02 {
    position: absolute;
    top: auto;
    bottom: 200%;
    right: 0;
    width: auto;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
}
.c02 i {
    content: "";
    width: 0;
    height: 0;
    border: transparent solid 12px;
    z-index: 2;
    border-top: #fff solid 12px;
    position: absolute;
    left: 40%;
    margin-left: 0;
    top: 100%;
}


}

@media screen and (max-width: 650px) {
    .sjymbr{ width: 100%; height: 150px;}
    .sjymbr img {width: auto; height: 100%;}
}