.header {

    width: 100%;

    height: 100px;

}



.header .w1720 {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

    height: 100%;

}

.ywewm{
	width:80px;
}

.w1720 {

    max-width: 1720px;

    margin: 0 auto;

}



.header .nav ul li {

    float: left;

    margin: 0 20px;

}

.header .nav ul li:last-child{

	margin-left:60px;

}

.header .nav ul li a {

    font-size: 17px;

    color: #444;

    display:block;

    line-height: 100px;

    position: relative;

    -webkit-transition: ease-in-out .5s;

	 -o-transition: ease-in-out .5s;

	 transition: ease-in-out .5s;

}

.header .nav ul li a::after{

	content:'';

	position: absolute;

	width: 0;

	height:3px;

	background: #0058a7;

	left:50%;

	top:0;

	z-index:3;

	-webkit-transition: ease-in-out .5s;

	 -o-transition: ease-in-out .5s;

	 transition: ease-in-out .5s; 

}

.header .nav ul li:hover a{

	color: #0058a7;

}

.header .nav ul li:hover a::after{

	width: 100%;

	left:0;

}

.header .nav ul li.active a{

    color: #0058a7;

}

.header .nav ul li.active a::after{

    width: 100%;

    left:0;

}

.phone p {
	text-align:center;
    font-size: 14px;

    color: #666666;

}



.phone h3 {
text-align:center;
    font-size: 32px;

    color: #444;

    font-family: 'impact';

}



.module_page1 {

    background: url(../images/module_page1.jpg) no-repeat left 130px;

    height: 1080px;

}



.w1440 {

    max-width: 1440px;

    margin: 0 auto;

}



.module_page1 .w1440 {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: flex-end;

    align-items: flex-end;

}



.module_page1 .w1440 .left {

    margin-top: 130px;

    padding-top: 70px;

}



.module_page1 .w1440 .right {

    margin-top: 130px;

	width:33%;

}



.module_page1 .w1440 .left h3 {

    font-size: 36px;

    color: #fff;

    line-height: 30px;

}



.module_page1 .w1440 .left h3 span {

    font-size: 16px;

    color: #fff;

}



.module_page1 .w1440 .left .in_about {

    font-size: 16px;

    color: #fff;

    line-height: 36px;

    max-width: 700px;

    margin-top: 10px;

}



.module_page1 .w1440 .left .img {

    margin-top: 47px;

    -webkit-transform: translateX(-95px);

    -ms-transform: translateX(-95px);

    -o-transform: translateX(-95px);

    transform: translateX(-95px);

}



.module_page1 .w1440 .right ul li {

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    align-items: center;

    margin-top: 60px;

}



.module_page1 .w1440 .right ul li h4 {

    font-size: 22px;

    color: #333;

    font-weight: bold;

	    text-transform: uppercase;

}



.module_page1 .w1440 .right ul li p {

    font-size: 17px;

    color: #777;

    padding-top: 3px;

}



.module_page1 .w1440 .right ul li .wz {

    margin-left: 30px;

}





.index_title span {

    display: block;

    width: 68px;

    height: 8px;

    background: #0058a7;

	margin-top:10px;

}



.index_title h3 {

    font-size: 36px;

    color: #0058a7;

    font-weight: bold;

}



.index_title p {

    font-size: 20px;

    color: #888888;

    text-transform: uppercase;

    padding-top: 5px;

    padding-bottom: 10px;

}



.inpro_swiper {

    margin-top: 60px;

    position: relative;

}



.inpro_swiper .swiper-button-prev {

    width: 52px;

    height: 52px;

    background: url(../images/left.jpg) no-repeat center center;

    left: auto;

    right: 72px;

    top: -112px;

    margin: 0;

    -webkit-transition: ease-in-out .5s;

    -o-transition: ease-in-out .5s;

    transition: ease-in-out .5s;

}



.inpro_swiper .swiper-button-prev:hover {

    background: url(../images/left2.jpg) no-repeat center center;

}



.inpro_swiper .swiper-button-next {

    width: 52px;

    height: 52px;

    background: url(../images/right.jpg) no-repeat center center;

    top: -112px;

    right: 0;

    margin: 0;

    -webkit-transition: ease-in-out .5s;

    -o-transition: ease-in-out .5s;

    transition: ease-in-out .5s;

}



.inpro_swiper .swiper-button-next:hover {

    background: url(../images/right2.jpg) no-repeat center center;

}



.inpro_swiper .swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

    display: none;

}



.inpro_swiper .swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

    display: none;

}



.inpro_swiper figure {

    width: 100%;

    height: 344px;

    overflow: hidden;

}



.inpro_swiper figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.inpro_swiper figcaption {

    padding: 25px 0;

}



.inpro_swiper figcaption p {

    font-size: 16px;

    color: #242424;

    line-height: 34px;

}



.inpro_swiper figcaption p span {

    color: #999;

}



.module_page2 {

    padding-bottom: 60px;

}



.module_page3 {

    width: 100%;

    background: url(../images/module_page3.jpg) no-repeat center center;

    height: 800px;

    padding-top: 80px;

}



.index_title2 {

    text-align: center;

}



.index_title2 h3 {

    color: #fff;

}



.index_title2 span {

    margin: 10px auto;

}



.index_title2 h4 {

    font-size: 16px;

    color: #ccc;

    text-align: center;

    padding-top: 20px;

}



.house_list {

    margin-top: 50px;

}



.house_list ul li {

    float: left;

    width: 190px;

    margin-right: 18px;

    margin-bottom: 30px;

}



.house_list ul li:nth-child(7n) {

    margin-right: 0;

}



.house_list ul li .img {

    width: 100%;

    height: 144px;

    overflow: hidden;

}



.house_list ul li .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.house_list ul li p {

    text-align: center;

    font-size: 15px;

    line-height: 20px;

    padding: 10px 0;

    color: #fff;

}



.module_page4 {

    width: 100%;

    background: url(../images/module_page4.jpg) no-repeat center top;

    height: 757px;

    padding-top: 100px;

}



.page4_body {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    margin-top: 80px;

}



.page4_body figcaption {

    max-width: 670px;

    font-size: 16px;

    color: #666;

    line-height: 36px;

    margin-top: -10px;

}



.inabout_nav ul li {

    float: left;

    border: 1px solid #d2d2d2;

    border-right: none;

}



.inabout_nav ul li:last-child {

    border-right: 1px solid #d2d2d2;

}



.inabout_nav ul li a {

    display: block;

    font-size: 15px;

    color: #999;

    width: fit-content;

    padding: 0 27px;

    line-height: 41px;

    -webkit-transition: ease-in-out .3s;

    -o-transition: ease-in-out .3s;

    transition: ease-in-out .3s;

}



.inabout_nav {

    margin-top: 50px;

}



.inabout_nav ul li:hover a {

    background: #15559D;

    color: #fff;

}



.module_page5 {

    padding: 80px 0 120px 0;

}



.firends_list {

    margin-top: 40px;

}



.firends_list ul li {

    float: left;

    width: 160px;

}



.firends_list ul li .img {

    width: 100%;

    height: 160px;

    overflow: hidden;

}



.firends_list ul li .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.firends_list ul li p {

    font-size: 15px;

    color: #666;

    text-align: center;

    line-height: 20px;

    padding-top: 10px;

}



.footer_top {

    background: #333;

    padding: 80px 0;

}



.footer_top .w1440 {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.footer_top .w1440 .left {

    width: 13.5%;

    height: 280px;

    border-right: 1px dashed #535353;

}



.footer_top .w1440 .right {

    width: 13.5%;

    height: 280px;

    border-left: 1px dashed #535353;

}



.footer_top .w1440 .middle {

    width: 73%;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

}

.footer_top .w1440 .middle_en {

    width:61%;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

	padding-top:15px;

}



.fo_nav ul li {

    padding-left: 20px;

    position: relative;

}



.fo_nav ul li a {

    font-size: 16px;

    color: #c7c7c7;

    line-height: 40px;

    display: block;

}



.fo_nav ul li::after {

    content: '';

    position: absolute;

    width: 6px;

    height: 7px;

    background: url(../images/right3.jpg) no-repeat center center;

    left: 0;

    top: calc(50% - 3.5px);

    z-index: 3;

}



.footer_top .w1440 .fir_alist ul li {

    line-height: 40px;

    font-size: 16px;

    color: #c7c7c7;

    text-align: right;

}

.footer_top .w1440 .fir_alist_en{

	width:15.5%;

	padding-left:36px;

}

.footer_top .w1440 .fir_alist_en ul li {



    text-align: left;

}



.footer_top .w1440 .fir_alist ul li a {

    font-size: 16px;

    color: #c7c7c7;

    display: block;

    text-align: right;

}

.footer_top .w1440 .fir_alist_en ul li a {

 

    text-align: left;

}



.footer_top a:hover {

    color: #fff;

    text-decoration: underline;

}



.for_con {

    margin-right: 200px;

}



.for_con h3 {

    font-size: 18px;

    color: #fff;

    font-weight: bold;

}

.footer_top .w1440 .middle_en .for_con{

		margin-right:20%;

}

.for_con h5 {

    font-size: 16px;

    color: #c7c7c7;

    padding-top: 15px;

   /*  margin-bottom: 30px; */

}



.for_con p {

    font-size: 16px;

    color: #999;

    line-height: 36px;

}



.ewm {

    margin-top: 25px;

}



.ewm .img {

    width: 146px;

    height: 146px;

}



.ewm p {

    text-align: center;

    font-size: 14px;

    color: #c7c7c7;

    padding-top: 20px;

}



.page_pos {

    width: 100%;

    height: 60px;

    border-bottom: 1px solid #eeeeee;

}



.page_pos .w1400 {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    -webkit-align-items: center;

    align-items: center;

    height: 100%;

}



.page_pos img {

    margin: 0 10px;

}



.page_pos a {

    font-size: 15px;

    color: #999;

}



.page_pos a:hover {

    color: #000;

    text-decoration: underline;

}



.page_pos p {

    font-size: 15px;

    color: #999;

}



.pro_nav {

    float: left;

    width: 200px;

}

.pro_nav ul{

    border: 1px solid #eeeeee;

}

.pro_nav ul li {

    border-bottom: 1px solid #eee;

}



.pro_nav ul li:last-child {

    border-bottom: none;

}



.pro_nav ul li a {

    display: block;

    width: 100%;

    line-height: 60px;

    padding-left: 25px;

    font-size: 15px;

    color: #666;

    position: relative;

    -webkit-transition: ease-in-out .3s;

    -o-transition: ease-in-out .3s;

    transition: ease-in-out .3s;

}



.pro_nav ul li a::after {

    content: '';

    position: absolute;

    width: 17px;

    height: 8px;

    top: calc(50% - 4px);

    right: 40px;

    z-index: 3;

    background: url(../images/right.png) no-repeat center center;

}



.product_content {

    padding-top: 40px;

}



.product_right {

    float: right;

    width: 1150px;

}



.pro_nav ul li.active a {

    background: #0058a7;

    color: #fff;

}



.pro_nav ul li:hover a {

    background: #0058a7;

    color: #fff;

}



.protype_title {

    line-height: 60px;

    border-bottom: 1px solid #eee;

    font-size: 24px;

    color: #000;

    margin-bottom: 40px;

}



.product_list ul li {

    float: left;

    width: 260px;

    margin-right: 36px;

    margin-bottom: 40px;

}



.product_list ul li:nth-child(4n) {

    margin-right: 0;

}



.product_list ul li figure {

    width: 100%;

    height: 260px;

}



.product_list ul li figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.product_list ul li figcaption {

    border: 1px solid #eeeeee;

    border-top: none;

    padding: 15px 0;

    border-bottom: 4px solid #eee;

    position: relative;

}



.product_list ul li figcaption::after {

    content: '';

    position: absolute;

    width: 0;

    height: 3px;

    bottom: 0;

    left: 50%;

    background: #0058a7;

    z-index: 3;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.product_list ul li figcaption h3 {

    font-size: 18px;

    color: #666;

    text-align: center;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.product_list ul li figcaption p {

    font-size: 13px;

    color: #999;

    padding-top: 5px;

    text-align: center;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.product_list ul li:hover figcaption::after {

    width: 100%;

    left: 0;

}



.product_list ul li:hover figcaption h3 {

    color: #0058a7;

}



.product_list ul li:hover figcaption p {

    color: #000;

}



.apply_titel h3 {

    font-size: 36px;

    color: #333333;

    text-align: center;

	text-transform:uppercase;

}



.apply_content {

    padding-top: 50px;

}



.apply_titel .apply_nav {

    margin: 30px 0 50px 0;

}



.apply_titel .apply_nav ul {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

}



.apply_titel .apply_nav ul li a {

    display: block;

    line-height: 43px;

    width: fit-content;

    padding: 0 40px;

    font-size: 16px;

    color: #666;

    text-align: center;

    min-width: 180px;

}



.apply_titel .apply_nav ul li {

    border: 1px solid #eeeeee;

    

    border-left: none;

}



.apply_titel .apply_nav ul li:first-child {

    border-left: 1px solid #eeeeee;

}



.apply_titel .apply_nav ul li.active a {

    background: #0058a7;

    color: #fff;

}



.apply_titel .apply_nav ul li:hover a {

    background: #0058a7;

    color: #fff;

}



.apply_list ul li {

    float: left;

    width: 300px;

    height: 225px;

    border: 1px solid #dcdcdc;

    margin-right: 20px;

    margin-bottom: 20px;

}

.apply_list ul li img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.apply_list ul li:nth-child(4n) {

    margin-right: 0;

}



.w1260 {

    max-width: 1260px;

    margin: 0 auto;

}



.inside_page {

    padding-bottom: 80px;

}



.house_list2 ul {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.house_list2 ul li {

    width: 460px;

    border: 1px solid #eee;

    margin-right: 0;

    padding-top: 40px;

}



.house_list2 ul li .title {

    margin-bottom: 30px;

}



.house_list2 ul li .title h3 {

    font-size: 18px;

    color: #666;

    text-align: center;

}



.house_list2 ul li .title span {

    width: 40px;

    height: 5px;

    margin: 0 auto;

    background: #0058a7;

    margin-top: 20px;

    display: block;

}



.house_list2 ul li dl {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: flex-start;

    justify-content:flex-start;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}



.house_list2 ul li dl dd {

    margin: 0 10px;

    margin-bottom: 15px;

}



.house_list2 ul li dl dd p {

    font-size: 14px;

    color: #666666;

    text-align: center;

    padding-top: 15px;

}



.house_list2 ul li dl dd .img {

    width: 190px;

    height: 144px;

    overflow: hidden;

}



.house_list2 ul li dl dd .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.xilie_list ul li {

    margin-bottom: 120px;

}



.xilie_list ul li:last-child {

    margin-bottom: 0;

}



.xilie_list ul li figure {

    float: left;

}



.xilie_list ul li figcaption {

    float: right;

    width: 530px;

    height: 630px;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    align-items: center;

}



.xilie_list ul li:nth-child(2n) figure {

    float: right;

}



.xilie_list ul li:nth-child(2n) figcaption {

    float: left;

}



.top_name {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.top_name .icon dl {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

}



.top_name h3 {

    font-size: 36px;

    color: #333;

	text-transform:uppercase;

}



.top_name .icon dl dd {

    width: 40px;

    height: 40px;

    border-radius: 40px;

    border: 1px solid #999999;

    margin-left: 18px;

}



.top_name .icon dl dd i {

    display: block;

    width: 100%;

    line-height: 38px;

    text-align: center;

    color: #999;

    font-size: 20px;

}



.xilie_con {

    width: 100%;

	padding:10px 0;

    background: #0058a7;

    padding-left: 20px;

    font-size: 18px;

    color: #fff;

    margin-top: 40px;

}



.xilie_link {

    width: 100%;

    height: 300px;

    border-image-source: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;

    border-bottom: 1px solid #dcdcdc;

}



.xilie_link a {

    display: block;

    width: 160px;

    height: 160px;

    text-align: center;

    padding-top: 40px;

    margin: 0 40px;

}



.xilie_link a i {

    color: #999;

    font-size: 40px;

}



.xilie_link a p {

    font-size: 16px;

    color: #999;

    text-align: center;

    padding-top: 30px;

}



.inform {

    font-size: 13px;

    color: #777;

    line-height: 24px;

    padding-top: 15px;

}



.xilie_list {

    border-bottom: 1px solid #dcdcdc;

    padding-bottom: 120px;

    padding-top: 90px;

}



.product2_list ul li {

    width: 700px;

    height: 390px;

    border: 1px solid #e5e5e5;

    padding: 18px;

    float: left;

    margin-right: 40px;

    margin-bottom: 40px;

    -webkit-transition: ease-in-out .5s;

    -o-transition: ease-in-out .5s;

    transition: ease-in-out .5s;

}



.product2_list ul li:nth-child(2n) {

    margin-right: 0;

}



.product2_list ul li a {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}

.product2_list ul li figure{

    width: 50%;

    -webkit-transition: ease-in-out .5s;

    -o-transition: ease-in-out .5s;

    transition: ease-in-out .5s;

}

.product2_list ul li figcaption {

    width: 50%;

    padding-left: 30px;



}

.product2_list ul li figcaption aside {

   margin-top:10px;

	overflow-y:hidden;

	overflow-y:scroll;

	height:280px;

}



.product2_list ul li figcaption aside::-webkit-scrollbar {  

  width: 14px;  

  height: 14px;  

}  

  

.product2_list ul li figcaption aside::-webkit-scrollbar-track,  

.product2_list ul li figcaption aside::-webkit-scrollbar-thumb {  

  border-radius: 999px;  

  border: 5px solid transparent;  

}  

  

.product2_list ul li figcaption aside::-webkit-scrollbar-track {  

  box-shadow: 1px 1px 5px rgba(0,0,0,0) inset;  

}  

  

.product2_list ul li figcaption aside::-webkit-scrollbar-thumb {

  min-height: 20px;

  background-clip: content-box;

  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;

}  

  

.product2_list ul li figcaption aside::-webkit-scrollbar-corner {  

  background: transparent;  

} 





.product2_list ul li figcaption h3 {

    font-size: 20px;

    font-weight: bold;

    color: #666;

    padding-bottom: 16px;

    border-bottom: 1px solid #e5e5e5;

    text-transform: uppercase;

}

.product2_list_en ul li figcaption h3{

	font-size: 18px;

}

.product2_list_en ul li figcaption dl dd{

	font-size:12px;

}



.product2_list ul li figcaption dl dd {

    font-size: 13px;

    line-height: 36px;

    color: #999;

    text-transform: uppercase;

}



.product2_list ul li figcaption dl dd span {

    color: #333333;

}



.product2_list ul li figcaption .canshu {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.product2_list ul li:hover {

    box-shadow: 0px 0px 8px #ccc;

}

.product2_list ul li:hover figure{

    -webkit-transform:translateX(-10px);

    -ms-transform:translateX(-10px);

    -o-transform:translateX(-10px);

    transform:translateX(-10px);

}

.honor_list ul li {

    float: left;

    width: 445px;

    height: 335px;

    border: 1px solid #e5e5e5;

    padding: 10px;

    position: relative;

    margin-right: 32px;

    margin-bottom: 32px;

}



.honor_list ul li:nth-child(3n) {

    margin-right: 0;

}



.honor_list ul li figure {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.honor_list ul li figure img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.w1400 {

    max-width: 1400px;

    margin: 0 auto;

}



.honor_list ul li figcaption {

    position: absolute;

    width: calc(100% - 20px);

    height: calc(100% - 20px);

    left: 10px;

    top: 10px;

    z-index: 3;

    background: rgba(0, 0, 0, 0.5);

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

    opacity: 0;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.honor_list ul li:hover figcaption {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.w627 {

    max-width: 627px;

    margin: 0 auto;

}



.inside_title2 {

    color: #000;

    font-size: 36px;

    text-align: center;

    margin-bottom: 30px;

}



.message input {

    width: 100%;

    height: 45px;

    line-height: 45px;

    padding-left: 20px;

    box-shadow: 0px 0px 5px #ccc;

    border-radius: 5px;

    margin-bottom: 24px;

    display: block;

}



.message input::-webkit-input-placeholder {

    font-size: 14px;

    color: #999;

}



.message div {

    position: relative;

}



.message div::after {

    content: '';

    position: absolute;

    right: 15px;

    top: calc(40% - 8px);

    width: 7px;

    height: 6px;

    z-index: 9;

    opacity: 0;

    background: url(../images/111.jpg) no-repeat center center;

}



.message div.bixuan::after {

    opacity: 1;

}



select {

    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

    border: solid 1px #ebebeb;



    /*很关键：将默认的select选择框样式清除*/

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;



    /*在选择框的最右侧中间显示小箭头图片*/

    background: url("../images/select.png") no-repeat scroll right center transparent;





    /*为下拉小箭头留出一点位置，避免被文字覆盖*/

    padding-right: 20px;

    padding-left: 5px;

}



.message select {

    width: 100%;

    height: 45px;

    line-height: 45px;

    padding-left: 20px;

    box-shadow: 0px 0px 5px #ccc;

    border-radius: 5px;

    margin-bottom: 24px;

    color: #999;

    background: url(../images/select.png) no-repeat scroll 110px center transparent;

    background-size: 10px;

}



.message textarea {

    height: 200px;

    padding-left: 20px;

    padding-top: 16px;

    border-radius: 10px;

    width: 100%;

    box-shadow: 0px 0px 5px #ccc;

    margin-bottom: 24px;

}



.w314 {

    width: 314px;

    margin: 0 auto;

    float: left;

}



.w296 {

    width: 296px;

    margin: 0 auto;

    float: right;

}



.message button {

    width: 48%;

    float: left;

    margin-right: 4%;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    border-radius: 8px;

    cursor: pointer;

}



.message button.red {

    background: #0058a7;

}



.message button.ccc {

    background: #999999;

}



.message button.ml0 {

    margin-right: 0;

}



.message p {

    font-size: 14px;

    color: #e62129;

    padding-top: 40px;

    float: left;

}



.about_con {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}



.about_con .left {

    width: 100%;

}

.about_con .right{

    width: 100%;

    margin-top:4%;

    text-align: center;

}

.about_con .left h3 {

    font-size: 30px;

    color: #0058a7;

    margin-bottom: 50px;

}



.about_endit {

    overflow-y: auto;



    height: 430px;

}



.about_endit p {

    font-size: 16px;

    color: #666;

    line-height: 46px;

    padding-right: 70px;

}



.about_endit::-webkit-scrollbar {

    width: 4px;

    height: 4px;

    scrollbar-arrow-color: red;

}



.about_endit::-webkit-scrollbar-thumb {

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    background: rgba(0, 0, 0, 0.2);

    scrollbar-arrow-color: red;

}



.about_endit::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    border-radius: 0;

    background: rgba(0, 0, 0, 0.1);

}

.history_page{

	width: 100%;

	height: 750px;

	padding-top:90px;

	background: url(../images/history.jpg) no-repeat center center;

}



.hist_page_tab1{

	background:url("../images/line.jpg") left top 125px repeat-x;

    margin-top:2%;

}

.hist_page_tab1 .swiper-container{

	padding-top: 50px;

}

.hist_page_tab1 .swiper-slide{

	text-align: center;

	cursor: pointer;

	position: relative;

}

.hist_page_tab1 .swiper-slide .years{

	font-size: 22px;

	color:#666;

	line-height: 60px;

	padding-bottom: 40px;

	background:url("../images/point.png") left 50% top 65px no-repeat;

}

.hist_page_tab1 .swip_choose .years{

	font-size:22px;

	color: #0058a7;

	background:url("../images/point2.png") left 50% top 65px no-repeat;

}

.hist_page_tab1 .swiper-pagination-bullet-active{

	background: #788498;

}



.years img{

	position: absolute;

	bottom:0;

	left:50%;

	margin-left: -5px;

	z-index: 999;

}

.histab2_time span{

	font-size: 32px;

	color: #788498;

}

.histab2_time i{

	font-size: 48px;

	color: #788498;

	padding-left: 10px;

}

.hist_page_tab2{

	max-width: 1400px;

	margin: 0 auto;

	margin-top: 55px;

}

.hist_page_tab2_in{

	display: none;

}

.hist_page_tab2_in:first-child{

	display: block;

}



.hist_page_tab1 .swiper-button-next{

	width:40px;

	height:40px;

	background:url("../images/right5.png") left top no-repeat;

	top:68%;

	right:0;

	margin-top: 0;

	-webkit-background-size: cover;

	background-size: cover;

}

.hist_page_tab1 .swiper-button-prev{

	width:40px;

	height:40px;

	background:url("../images/right5.png") left top no-repeat;

	top:68%;

	left:0;

	margin-top: 0;

	-webkit-background-size: cover;

	background-size: cover;

	-webkit-transform:rotateZ(180deg);

	-ms-transform:rotateZ(180deg);

	-o-transform:rotateZ(180deg);

	transform:rotateZ(180deg);

}

.hist_page_tab1 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{

	display: none;

}

.hist_page_tab1 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{

	display: none;

}

.hist_page_tab1 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{

	opacity: 1!important;

}

.histab2_list h3{

	font-size: 6rem;

	color: #e62129;

	font-weight: 100;

	padding-bottom: 30px;

	-webkit-transform: skewX(-5deg);

	-ms-transform: skewX(-5deg);

	-o-transform: skewX(-5deg);

	transform: skewX(-5deg);

}

.histab2_list p{

	font-size: 1.6rem;

	color: #777;

	line-height: 2;

}

.histab2_tukuang{

	width: 100%;

	margin: 0 auto;

	padding: 0 60px;

}

.histab2_tukuang h3{

	font-size: 48px;

	color: #0058a7;

	text-align: center;

}

.histab2_tukuang p{

	text-align: center;

	font-size: 20px;

	color: #444444;

	padding-top: 10px;

}

.hist_page{

	padding-bottom: 100px;

	margin-top: 60px;

}

.history_page .title h3{

	color: #0058a7;

	font-size: 30px;

	text-align: center;

}

.history_page .title p{

	font-size: 16px;

	color: #666666;

	text-align: center;

	padding-top:15px;

}

.contact_page .title{

	text-align: center;

}

.contact_page .title h3{

	font-size: 30px;

	color: #444;

}

.contact_page .title i{

	color: #0058a7;

	font-size: 60px;

	display: block;

	margin-top: 20px;

}

.contact_page .title h6{

	font-size: 16px;

	color: #999;

	margin-top:10px;

}

.contact_page .title h5{

	color: #0058a7;

	font-size: 28px;

	margin-top: 10px;

}

.contact_page .title p{

	font-size: 14px;

	color: #666666;

	margin-top: 20px;

    line-height: 25px;

}

.phone_list{

	margin:40px 0;

}

.phone_list ul li{

	width: 33.33%;

	border:1px solid #e5e5e5;

	border-right:none;

	float: left;

	display: -webkit-flex;

	display: flex;

	-webkit-justify-content:center;

	justify-content:center;

	-webkit-align-items: center;

	align-items: center;

	padding:50px 0;

}
.phone_list ul{
	display:-webkit-flex;
	display:flex;
}

.phone_list ul li:last-child{

	border-right:1px solid #e5e5e5;

}

.phone_list ul li figcaption{

	padding-left: 20px;

}

.phone_list ul li figcaption p{

	font-size: 14px;

	color: #999;

	line-height:36px;

}

.phone_list ul li figcaption p span{

	font-size: 18px;

	color: #444;

}

/* .phone_list ul li:nth-child(2) p{
		font-size:3rem;
		color: #999;
		text-align:center;
}
.phone_list ul li:nth-child(2) p span{
		font-size:4rem;
		color: #444;
}
 */
.jion_list ul li{

	float: left;

	width: 32%;

	margin-right: 2%;

	border:1px solid #cccccc;

	padding: 35px 20px 30px 27px;

	margin-bottom:30px;

	-webkit-transition: ease-in-out .3s;

	-o-transition: ease-in-out .3s;

	transition: ease-in-out .3s;

}

.jion_list ul li:nth-child(3n){

	margin-right: 0;

}

.jion_list ul li h3{

	font-size: 20px;

	color: #000;

	padding-bottom: 12px;

}

.jion_list ul li h6{

	font-size: 14px;

	color: #999;

	padding-bottom: 28px;

}

.jion_list ul li h5{

	font-size: 16px;

	color: #666;

	font-weight: bold;

	padding-bottom: 10px;

}

.jion_list ul li p{

	font-size: 13px;

	color: #666;

	line-height: 36px;

}

.jion_list ul li .more{

	width: 126px;

	height: 36px;

	line-height: 36px;

	border-bottom:1px solid #ccc;

	padding-left: 10px;

	position: relative;

	margin-top: 24px;

	font-size: 14px;

	color: #999;

	-webkit-transition: ease-in-out .3s;

	-o-transition: ease-in-out .3s;

	transition: ease-in-out .3s;

}

.jion_list ul li .more::after{

	content: '';

	position: absolute;

	width: 16px;

	height: 5px;

	right: 12px;

	top:calc(50% - 2.5px);

	background: url(../images/jion_jiantou.jpg) no-repeat center center;

}

.jion_list ul li:hover .more{

	color: #256576;

	border-bottom:1px solid #0058a7;

}

.jion_list ul li:hover{

	box-shadow: 0px 0px 8px #ccc;

	border-color:#0058a7;

}

.jion_button{

	width: 132px;

	height: 40px;

	line-height: 38px;

	text-align: center;

	border:1px solid #256576;

	-webkit-transition: ease-in-out .3s;

	-o-transition: ease-in-out .3s;

	transition: ease-in-out .3s;

}

.jion_button a{

	display: block;

	width: 100%;

	height: 100%;

	color: #256576;

	font-size: 16px;

	-webkit-transition: ease-in-out .3s;

	-o-transition: ease-in-out .3s;

	transition: ease-in-out .3s;

}

.jion_button:hover{

	background: #0158a8;

}

.jion_button:hover a{

	color: #fff;

}

.jion_deapage{

	padding: 0 80px;

}

.jion_req{

	font-size: 15px;

	color: #666;

	line-height: 36px;

	margin-top: 30px;

}

.jion_req span{

	font-size: 16px;

	font-weight: bold;

}

.news_dea_title{

	display: -webkit-flex;

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

	padding-bottom: 15px;

	border-bottom: 1px solid #ebebeb;

}

.dea_font h3{

	font-size: 30px;

	color: #000;

	font-weight: 400;

}

.dea_font p{

	font-size: 14px;

	color: #999;

	padding-top:14px;

}

.news_dea_page .news_bj p{

	font-size: 16px;

	color: #666;

	line-height: 48px;

	padding-top: 22px;



}

.prodea_top .prodea_swiper{

	float: left;

	width: 650px;

}

.prodea_top .prodea_swiper .gallery-top{

	width: 100%;

	overflow:hidden;

}

.prodea_top .prodea_swiper .gallery-top img{

	width: 100%;

	height: 100%;

	object-fit:cover;

}

.prodea_top .prodea_swiper .gallery-thumbs{

	width: 100%;

	padding:0 40px;

	margin-top: 20px;

}

.prodea_top .prodea_swiper .swiper-slide-thumb-active{

	box-shadow: 0px 0px 8px #ccc;

}

.prodea_top .prodea_swiper .gallery-thumbs img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.prodea_top .prodea_swiper .gallery-thumbs .swiper-button-next{

	width: 30px;

	height: 120px;

	background:url(../images/next.jpg) no-repeat center center;

	top:22px;

	right:0;

	-webkit-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.prodea_top .prodea_swiper .gallery-thumbs .swiper-button-next:hover{

	background:url(../images/next2.jpg) no-repeat center center;

}

.prodea_top .prodea_swiper .gallery-thumbs .swiper-button-prev{

	width: 30px;

	height: 120px;

	background:url(../images/next.jpg) no-repeat center center;

	top:22px;

	left:0;

	-webkit-transform:rotateZ(180deg);

	-ms-transform:rotateZ(180deg);

	-o-transform:rotateZ(180deg);

	transform:rotateZ(180deg);

	-webkit-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.prodea_top .prodea_swiper .gallery-thumbs .swiper-button-prev:hover{

	background:url(../images/next2.jpg) no-repeat center center;

}

.prodea_swiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{

	display: none;

}

.prodea_swiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{

	display: none;

}

.prodea_right{

	float: right;

	width:650px;

}

.prodea_right .top{

	width: 100%;

	height: 191px;

	border-bottom:1px solid #e5e5e5;

	position: relative;

}

.prodea_right .top .canshu ul li{

	font-size: 20px;

	color: #999;

	line-height: 48px;

	position: relative;

	padding-left: 20px;

}

.prodea_right .top .canshu ul li span{

	color: #242424;

}

.prodea_right .top .canshu ul li::after{

	content:'';

	position: absolute;

	width: 6px;

	height: 8px;

	left:0;

	top:calc(50% - 4px);

	z-index:3;

	background: url(../images/right6.jpg) no-repeat center center; 

}

.prodea_right .top .nrxt{

	position: absolute;

	right:0;

	top:10px;

}

.prodea_right .top .nrxt ul li{

	width: 48px;

	height: 48px;

	border-radius: 48px;

	border:1px solid #e5e5e5;

	margin-bottom: 10px;

}

.prodea_right .top .nrxt ul li i{

	display: block;

	width: 100%;

	line-height: 46px;

	text-align: center;

	color: #999;

}

.prodea_right .top .nrxt ul li:nth-child(3) i{

	-webkit-transform:rotateZ(180deg);

	-ms-transform:rotateZ(180deg);

	-o-transform:rotateZ(180deg);

	transform:rotateZ(180deg);

}

.prodea_top{

	padding-top: 50px;

}

.middle{

	width: 100%;

	padding-top: 40px;

}

.prodea_right h3{

	width: 100%;

	line-height:68px;

	border-top:1px solid #e5e5e5;

	border-bottom:1px solid #e5e5e5;

	font-size: 22px;

	color: #0058a7;

	height:69px;

}

.ht{

	width: 100%;

	line-height: 55px;

	background: #eeeeee;

	margin-top: 50px;

}

.ht p{

	font-size: 22px;

	line-height: 55px;

	width:fit-content;

	padding:0 40px;

	float: left;

	background: #0058a7;

	color: #fff;

}

.ht a{

	display: block;

	float: right;

	line-height: 55px;

	font-size: 15px;

	color: #000;

	padding-right:20px;

}

.pro_endit{

	padding-top: 60px;

}

.inside_banner{

	position: relative;

}

.inside_banner figcaption{

	position: absolute;

	width: 100%;

	height: 100%;

	display: -webkit-flex;

	display: flex;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-align-items: center;

	align-items: center;

	z-index:3;

	left:0;

	top:0;

}

.inside_banner figcaption h3{

	color: #fff;

	font-size: 36px;

	text-align: center;

}

.inside_banner figcaption p{

	font-size: 16px;

	color: #fff;

	text-align: center;

	padding-top:20px;

}

.news_list ul li a{

	display: -webkit-flex;

	display: flex;

	-webkit-align-items:flex-end;

	align-items:flex-end;

}

.news_list ul li{

	width: 100%;

	height: 250px;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items:center;

	align-items:center;

	padding:0 80px;

	border-bottom:1px solid #e5e5e5;

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_list ul li .left {

	max-width:1100px;

	padding-right: 140px;

	overflow:hidden;

}

.news_list ul li .left h6{

	background: #7bacd7;

	color: #fff;

	width:fit-content;

	padding:0 10px;

	line-height:24px;

}

.news_list ul li .left h3{

	font-size: 22px;

	color: #333;

	padding-top: 15px;

	-webkit-transform:translateX(-50px);

	-ms-transform:translateX(-50px);

	-o-transform:translateX(-50px);

	transform:translateX(-50px);

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_list ul li .left p{

	font-size: 16px;

	color: #999;

	line-height: 24px;

	padding-top: 20px;

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_list ul li .right{

	padding-left: 70px;

	border-left:1px solid #e5e5e5;

}

.news_list ul li .right h3{

	font-size: 60px;

	color: #999;

	font-weight:lighter;

	text-align: center;

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_list ul li .right p{

	font-size: 15px;

	color: #999;

	text-align: center;

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_list ul li:hover {

	box-shadow:0px 0px 8px #ccc;

}

.news_list ul li:hover .left h3{

	-webkit-transform:translateX(0);

	-ms-transform:translateX(0);

	-o-transform:translateX(0);

	transform:translateX(0);

	color: #0058a7;

}

.news_list ul li:hover .left p{

	color: #333;

}

.news_list ul li:hover .right h3{

	color: #0058a7;

}

.news_list ul li:hover .right p{

	color: #333;

}

.news_left{

	float: left;

	width: 825px;

}

.news_list2{

	float: right;

	width: 300px;

	border:1px solid #e5e5e5;

	position: relative;

	padding:0 20px 20px 20px;

	position: relative;

	border-top:3px solid #000;

}

.news_list2 h3{

	color: #666;

	font-size: 20px;

	font-weight: bold;

	line-height:60px;

	height:61px;

	border-bottom:1px solid #e5e5e5;

}

.news_list2 ul li{

	padding:20px 0;

	border-bottom:1px solid #e5e5e5;

}

.news_list2 ul li p{

	font-size: 12px;

	color: #999;

}

.news_list2 ul li h4{

	font-size: 14px;

	color: #666;

	line-height: 18px;

	padding-top: 5px;

}

.newsdea_content{

	padding-top: 80px;

}

.news_left h6{

	font-size: 14px;

	color: #fff;

	line-height: 26px;

	width:fit-content;

	background: #0058a7;

	padding:0 20px;

}

.news_left h3{

	font-size: 26px;

	color: #000000;

	margin-top: 20px;

}

.news_endit{

	font-size: 15px;

	color: #666;

	line-height: 40px;

	margin-top: 30px;

	padding-bottom:40px;

}

.news_next{

	border-top:1px solid #e5e5e5;

	padding-top: 20px;

}

.news_next .left{

	float: left;

}

.news_next .left ul li{

	font-size: 14px;

	color: #999; 

	font-weight: bold;

	line-height:30px;

}

.news_next .left ul li a{

	font-size: 15px;

	color: #666;

	font-weight:normal;

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_next .left ul li a:hover{

	color: #046eb1;

}

.news_next .right{

	float: right;

	width: 110px;

	height: 50px;

	border:1px solid #e3e3e3;

	border-radius:30px;

	overflow:hidden;

}

.news_next .right a{

	display: block;

	line-height: 48px;

	font-size: 14px;

	color: #999;

	text-align: center;

	-webkit-transition: ease-in-out .5s;

	-o-transition: ease-in-out .5s;

	transition: ease-in-out .5s;

}

.news_next .right a:hover{

	background: #046eb1;

	color: #fff;

}

.nav ul li{

	position: relative;

}

.nav ul li dl{

	position: absolute;

	left:0;

	top:100%;

	width: 160px;

	background: #055298;

	z-index:99;

	padding-bottom: 10px;

    display: none;

}

.header .nav ul li dl dd a{

	display: block;

	width: 100%;

	line-height: 42px;

	height:43px;

	padding-left: 20px;

	border-bottom:1px solid #316fa8;

	position: relative;

	color: #fff;

	font-size: 15px;

}

.header .nav ul li dl dd a::after{

    display: none;

}

.header .nav ul li dl dd a::before{

	position: absolute;

	content:'>';

	right:15px;

	top:0;

	color: #fff; 

}

.header .nav ul li:hover dl dd a{

    color: #fff;

}

.header .nav ul li dl dd:hover a{

    background-color:#014d92;

}

.menu{

    display: none;

}

.menu_down{

    display: none;

}

.dendit img{

	height:100%;

	object-fit:none;

}

.prodea_right .middle{

	height:478px;

}

.online{

	top:30%;

	z-index:99999;

	position:fixed;

	right:0

}

.online li{

	width:60px;

	height:60px;

	background:rgba(0,0,0,.5);

	margin-bottom:2px;

	color:#fff;

	text-align:center;

	line-height:60px;

	-webkit-transition:ease-in-out .3s;

	transition:ease-in-out .3s;

    position:relative;

}

.online li i{

	font-size:4rem;

	color:#fff;

    line-height:60px;

    text-align: center;

}

.online li:first-child i{

	font-size:3.5rem;

	color:#fff;



}

.online li:nth-child(2) i{

	font-size:4rem;

	color:#fff;

}

.online li:nth-child(5) i{

    font-size:5rem;

}

.online li:hover{

	background:rgba(0,0,0,1);

}

.showbutton{

	position:relative;

}

.showfade{

	display:none;

	position:absolute;

	top:0;

	left:-130px;

	width:120px;

	height:120px;

}

.online li.narrow i{

	font-size:2.5rem;

}

.telbg{

	width:200px;

	

}

.showb{

	position:relative;

}

.telbg{

	z-index:-1;

	position:absolute;

	top:0;

	right:-180px;

	width:150px;

	height:60px;

	background:rgba(0,0,0,.5);

	color:#fff;

}

.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{

    left:80px;

}

.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{

    right:80px;

}

.xilie_link a{

    display: block;

    position: relative;

}

.xilie_link span{

    opacity:0;

    position: absolute;

    left:8px;

    top:8px;

    z-index:9;

    -webkit-transition: ease-in-out .3s;

    -o-transition: ease-in-out .3s;

    transition: ease-in-out .3s;

}

.xilie_link a:hover span{

    opacity:1;

}

.pro_nav .xilie_link{

    border:1px solid #eee;

    height:200px;

    margin-top: 40px;

}

.pro_nav .xilie_link a{

    margin:0;

}