img{
    max-width:100%;
}
*:focus {outline: none;}
body{ color:#333;
    position:relative;
}
#header{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
background-color:#fff; position:relative; z-index:10; width:100%;}
.header_left{  
position:absolute; left:0; top:0; height:100%; width:190px;}
.header_left:after{ z-index:-1;
content:''; position:absolute; left:0; top:0;width: 0;
    height: 0;
    border-top: 316px solid rgba(81,76,135,0.73);
    border-right: 190px solid transparent;}
.header_left img{
margin-left:35px;}	
.header_right{
position:absolute; right:35px; top:0; height:100%;}
.header_right a{ margin-left:13px; position:relative;
display:inline-block; background-position:center; background-repeat:no-repeat; border:1px #cbcbcb solid; width:43px; height:43px;border-radius:100%;}
.header_right a img{ border:3px #fff solid; max-width:none; display:none;
position:absolute; top:43px; z-index:10; left:-43px; width:129px;}
.header_right a:hover img{
display:block}
.header_right a span{ width:0; overflow:hidden; opacity:0;  
position:absolute; right:43px; top:-1px; background-color:#fff; line-height:45px; height:45px;}
.header_right a:hover span{
width:140px; opacity:1;}
.header_right a:hover{
background-color:#43407c; border-color:#43407c}
.header_right a.wx{ margin-left:0;
background-image:url(../images/header/img1.png);}
.header_right a.wx:hover{
background-image:url(../images/header/img1on.png);}
.header_right a.wb{
background-image:url(../images/header/img2.png);}
.header_right a.wb:hover{
background-image:url(../images/header/img2on.png);}
.header_right a.qq{
background-image:url(../images/header/img3.png);}
.header_right a.qq:hover{
background-image:url(../images/header/img3on.png);}
.header_mid ul li{
padding:32px 64px; float:left; position:relative}
.header_mid ul li:after{
position:absolute; left:0; width:1px; height:31px; content:''; top:35px; background-color:#e4e4e4}
.header_mid ul li a span{
display:block;}
.header_mid ul li a span:nth-child(1){
font-size:16px; color:#080808; margin-bottom:5px;}
.header_mid ul li a span:nth-child(2){
font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif}
.header_mid{
margin-left:190px;}
.header_mid ul li:nth-child(1):after{
display:none}
.div1254{
margin:0 auto; max-width:1254px;}
.index_1_left{
float:left; width:580px; margin-top:78px;}
.index_1_right{
float:right; width:597px;}
.index_1{ overflow:hidden; padding-top:149px; padding-bottom:200px;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img8.jpg);}
.index_con_t_1{ letter-spacing:5px;
font-size:40px; color:#333;}
.index_con_t_2{ letter-spacing:2px;
font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666;}
.index_1_left_2{
font-size:15px; color:#666; line-height:1.7; margin:20px 0px 30px 0; text-indent: 2em; text-align: justify;}
.index_1_left_3 ul li{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img3.png);
float:left;}
.index_1_left_3 ul li:nth-child(1){
width:27%; background-image:none; text-align:left;}
.index_1_left_3 ul li:nth-child(2){ text-align:center;
width:43%;}
.index_1_left_3 ul li:nth-child(3){ text-align:right;
width:30%;}
.index_1_left_3_mid_1 span{ font-weight:bold;
font-size:28px; color:#5b578e;}
.index_1_left_3_mid_2{
font-size:12px; color:#666; margin-top:10px;}
.index_1_left_3_mid{ padding:0 40px;
display:inline-block; text-align:center;}
.index_1_left_3 ul li:nth-child(1) .index_1_left_3_mid{
padding-left:0;}
.index_1_left_3 ul li:nth-child(3) .index_1_left_3_mid{
padding-right:0;}
.common_more{border-radius:54px;
display:inline-block; width:208px; height:54px; position:relative; text-align:center; line-height:54px; color:#fff; background-color:#07aeec; font-size:18px;}
.common_more:hover{
color:#fff;}
.common_more:after{border-radius:100%; content:''; left:11px; top:50%; margin-top:-18.5px;
position:absolute; width:35px; height:35px; border:1px #70c7e7 solid;}
.common_more:before{border-radius:100%;
width:6px; height:6px; background-color:#fff; content:''; left:27px; top:50%;  margin-top:-3px; position:absolute;}
.common_more span{
padding-left:20px;}
.index_1_left_4{
margin-top:55px;}
.common_more:hover span{
padding-left:35px;}
.index_2{ overflow:hidden;
background-image:url(../images/index/img4.jpg); background-position:center; background-size:cover;}
.index_2_1 .index_con_t_1,.index_2_1 .index_con_t_2{
color:#fff;}
.index_2_2 ul li{ margin-right:1.19617224880383%;
float:left; width:32.53588516746411%; background-color:#5b578e; color:#fff;}
.index_2_2 ul li:hover{
background-color:#219cc9;}
.index_2_2 ul li:nth-child(3n){
margin-right:0}
.index_2_2_1{
overflow:hidden;}
.index_2_2_1 img{
width:100%;}
.index_2_2_2_mid{ color:#fff; font-size:18px;
margin:25px 19px; position:relative; padding-right:50px;}
.index_2_2_2_mid:after{ background-image:url(../images/index/img5.png); content:'';
position:absolute; right:0; top:50%; width:19px; height:19px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:-9.5px;}
.index_2_1{
margin-top:94px; margin-bottom:64px;}
.index_2_3{
text-align:center; margin:60px 0px;}
.index_2_3 .common_more{
background-color:transparent; border:1px #fff solid; color:#fff;}
.index_2_3 .common_more:after{
border-color:#fff;}
.index_3_1 ul li{
display:block; clear:both; border-bottom:1px #dadada solid; padding:60px 0px; overflow:hidden;}
.index_3_1 ul li:nth-child(1){
padding-top:0;}
.index_3_1 ul li:last-child{
border:none; padding-bottom:0;}
.index_3_1_left{
float:left; width:371px; overflow:hidden;}
.index_3_1_left img{
width:100%;}
.index_3_1_right{
float:right; width:837px;}
.index_3_1_right_1{
font-size:14px; color:#999;}
.index_3_1_right_2{ margin-top:10px;
font-size:20px; color:#000;}
.index_3_1_right_3{ margin-top:20px;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;    
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:35px;
font-size:14px; color:#666; line-height:1.8;}
.index_3_1_right_4 span{ color:#5b578e; font-size:14px; padding-right:25px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img7.png);}
.index_3_1 ul li:hover .index_3_1_right_4 span{
padding-right:15px;}
.index_3_1_right_4{
border-top:1px #dadada solid; padding-top:30px;}
.index_3{
margin-bottom:170px;}
#footer{
border-top:10px #13bfff solid; background-color:#393840;}
.footer_2{ line-height:1.7; padding:10px 0px;
background-color:#fff; color:#393840; font-size:14px;}
.footer_2_left{
float:left;}
.footer_2_right{
float:right;}
.footer_1_left{
float:left; width:916px;}
.footer_1_right{
float:right; width:338px;}
.footer_1_left ul li{ position:relative;
float:left; width:28%; min-height:230px;}
.footer_1_left ul li:nth-child(1){
width:15%;}
.footer_1_left ul li:nth-child(2){
width:29%;}
.footer_1_left ul li:after{ content:''; background-color:#47464d;
position:absolute; left:0; top:0; height:100%; width:1px;}
.footer_1_left ul li a{
color:#999999}
.footer_1_left ul li a:hover{
color:#fff;}
.footer_1_left ul li dl{
font-size:14px;}
.footer_1_t span{
display:block;}
.footer_1_t span:nth-child(1){
font-size:18px; color:#fff;}
.footer_1_t span:nth-child(2){text-transform: uppercase; margin-top:5px;
font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999;}
.footer_1_left ul li dl dd{
margin-bottom:15px;}
.footer_1_t{
margin-bottom:45px;}
.footer_1_right .footer_1_t{
margin-bottom:0;}
.footer_1_left ul li:nth-child(1):after{
display:none}
.footer_1_left_mid{
padding-left:60px; padding-right:60px;}
.footer_1_left ul li:nth-child(1) .footer_1_left_mid{
padding-left:0}
.footer_1_right .footer_1_left_mid{
padding-right:0;}
.footer_1_right_1 a{ margin-left:10px; position:relative;
display:inline-block; background-position:center; background-repeat:no-repeat; position:relative; width:34px; height:34px; border:1px #fff solid;border-radius:100%;}
.footer_1_right_1 a img{ border:3px #fff solid; display:none;
position:absolute; left:-43px; top:34px; z-index:10; max-width:none; width:120px;}
.footer_1_right_1 a:hover img{
display:block;}
.footer_1_right_1 a.footer_1_right_1_1{ margin-left:0;
background-image:url(../images/footer/img2.png);}
.footer_1_right_1 a.footer_1_right_1_1:hover{
background-image:url(../images/footer/img2on.png);}
.footer_1_right_1 a.footer_1_right_1_2{
background-image:url(../images/footer/img3.png);}
.footer_1_right_1 a.footer_1_right_1_2:hover{
background-image:url(../images/footer/img3on.png);}
.footer_1_right_1 a.footer_1_right_1_3{
background-image:url(../images/footer/img4.png);}
.footer_1_right_1 a.footer_1_right_1_3:hover{
background-image:url(../images/footer/img4on.png);}
.footer_1_right_1 a:hover{
background-color:#fff;}
.footer_1_right_1{
border-top:1px #5c5b63 solid; margin-top:25px; padding-top:25px; margin-bottom:20px;}
.footer_1_right_2{ line-height:2;
font-size:14px; color:#999;}
.footer_top_1{
padding-top:85px; padding-bottom:65px;}
.footer_1{
padding-bottom:130px;}
.indexbanner{
position:relative;}
.indexbanner_right_bottom{
position:absolute; right:0; bottom:0; width:30%; z-index:100;}
.indexbanner_right_bottom img{
width:100%;}
.banner_mask_mid{
margin:0 8%;}
.banner_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:100;}
.banner_mask_mid_2{
margin-top:45px;}
#swiper-pagination-index-banner{
width:24%; right:0; left:auto; z-index:888; bottom:8%;}
.banner_num{ font-family:Arial, Helvetica, sans-serif;
position:absolute; right:0; width:24%; text-align:center; bottom:15%; z-index:888;}
.banner_num span:nth-child(2){
font-size:36px; color:#606aa4;}
.banner_num span:nth-child(1){
font-size:72px; color:#1cbcf8;}
#swiper-pagination-index-banner .swiper-pagination-bullet{ position:relative;
width:69px; height:2px; background:none;border-radius:0;opacity:1; margin:0 8px;}
#swiper-pagination-index-banner .swiper-pagination-bullet:after{
content:''; position:absolute; left:0; width:100%; bottom:0; height:1px; background-color:#fff;opacity:0.23;
}
#swiper-pagination-index-banner .swiper-pagination-bullet:before{ z-index:888;
content:''; position:absolute; left:0; width:0%; bottom:0; height:1px; background-color:#fff;opacity:1;
}
#swiper-pagination-index-banner .swiper-pagination-bullet-active:before{
width:100%; transition: width 7s ease-out 0s;
}
.nybanner img{
width:100%;}
.nybanner{
position:relative;}
.nybanner_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.nybanner_footer_mid{
margin:0 8%;}
.nybanner_footer_mid ul li{
float:left; width:25%;}
.nybanner_footer_mid ul li a{
display:block; margin-left:1px; background-image:url(../images/about/img9.png); color:#fff; font-size:18px; line-height:66px; text-align:center;}
.nybanner_footer_mid ul li a:hover,.nybanner_footer_mid ul li a.on{
background-color:#42488b; background-image:none}
.about_1{   overflow:hidden;
position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img8.jpg);}
.about_1_right{ height:100%;   background-position:left top; background-repeat:no-repeat; background-size:cover; /*background-image:url(../images/about/img1.png);*/
position:absolute; right:0; bottom:0; width:53.75%;}
.about_1_right img{
height:100%; right:0; position:absolute; left:0; top:0; max-width:none}
.about_1_mid{
margin:0 8%;}
.about_1_mid_1{
font-size:14px; color:#2d347c; margin:20px 0px;}
.about_1_mid_1 a{
color:#333;}
.about_1_mid_2_left{
margin-top:75px; width:56%;}
.about_1_mid_2_left_2{
font-size:18px; line-height:2; margin-top:40px; margin-bottom:120px;}
.about_2{ padding-bottom:173px;
position:relative; overflow:hidden;}
.about_2_top{
position:absolute; left:0; top:0;}
.about_2_1{
margin-top:120px; margin-bottom:65px;}
.swiper-container-video .swiper-slide {

    padding:0 calc((100vw - 855px) * 0.0596354166666667);

	width: 855px;

}
.about_2_2_img{
overflow:hidden; position:relative;}
.about_2_2_img:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:.5; content:'';}
.swiper-slide-active .about_2_2_img:after{
opacity:0;}
.about_2_2_img img{
width:100%;}
.swiper-button-prev-r{
position:absolute; top:50%; width:33px; height:63px; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10; background-image:url(../images/about/img5.png); cursor:pointer; margin-top:-31.5px; right:calc((100vw - 855px) * 0.2177083333333333*2)}
.swiper-button-prev-r:hover{
background-image:url(../images/about/img5on.png);}

.swiper-button-next-l{
position:absolute; top:50%; width:33px; height:63px; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10; background-image:url(../images/about/img4.png); cursor:pointer; margin-top:-31.5px; left:calc((100vw - 855px) * 0.2177083333333333*2)}
.swiper-button-next-l:hover{
background-image:url(../images/about/img4on.png);}
.about_3_mid{
position:relative; overflow:hidden; background-color:#42488b;} 
.about_3_mid_left{
position:absolute; left:0; top:0; width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_3_mid_right{
width:50%; margin-left:50%;}
.about_3_mid_right_mid{
margin:120px 10%;}
.about_3_mid_right_2 span:nth-child(1){
font-size:28px;   color:#fff;}
.about_3_mid_right_2 span:nth-child(2){ padding-left:12px; margin-left:12px; font-size:20px; color:#dedfee;
background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img10.png);}
.about_3_mid_right_3{ line-height:2;
font-size:16px; color:#b4b7d5; margin:35px 0px 0 0; min-height:190px;}
.about_3_mid_right_2{
padding-top:65px;}
#swiper-pagination-index-banner2{
width:45%; left:55%; text-align:left; bottom:100px;}
#swiper-pagination-index-banner2 .swiper-pagination-bullet{opacity:1; margin:0 6px;
width:79px; height:4px; background-color:#686da2;border-radius:4px;}
#swiper-pagination-index-banner2 .swiper-pagination-bullet-active{
background-color:#fff;}
.about_4_1{
margin-top:110px; margin-bottom:48px;}
.about_4_2 ul li{ overflow:hidden;
display:block; clear:both; padding-bottom:75px;}
.about_4_2_left{
float:left; width:50%; overflow:hidden;}
.about_4_2_left img{
width:100%;}
.about_4_2_right{
float:right; width:47%;}
.about_4_2_right_1{ margin-bottom:15px;
font-size:30px; color:#000; margin-top:30px;}
.about_4_2_right_2{
font-size:18px; color:#42488b;}
.about_4_2_right_3{ margin:35px 0px;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;    
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:16px; color:#666; line-height:1.7;}
.about_4_2_right_4 span{ color:#5b578e; font-size:14px; padding-right:25px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img7.png);}
.about_4_2 ul li:hover .about_4_2_right_4 span{
padding-right:15px;}
.about_4_3{
text-align:center; margin-bottom:80px;}
.about_4_3 .common_more{
background-color:transparent; border:1px #646464 solid; color:#646464}
.about_4_3 .common_more:before{
background-color:#646464;}
.about_4_3 .common_more:after{
border-color:#646464;}
.about_news_1_2 ul li{ margin-bottom:97px;
float:left; width:48%; position:relative; overflow:hidden;}
.about_news_1_2 ul li:nth-child(2n){
float:right;}
.about_news_1_2_left{
overflow:hidden; width:43%; position:absolute; left:0; top:0; height:100%;}
.about_news_1_2_right{
float:right; width:52%;}
.about_news_1_2_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_news_1_2 ul li .index_3_1_right_3{
margin-top:15px; margin-bottom:15px;}
.about_news_1_2 ul li .index_3_1_right_4{
padding-top:15px;}
.about_news_1_1{
margin-bottom:50px; margin-top:70px;}
.about_news_1_2 ul li:hover .index_3_1_right_4 span{
padding-right:15px;}
.about_news_1_3{
text-align:center; margin-bottom:120px;}
.about_news_1_3 a{ padding:8px 16px;
display:inline-block; margin:0 2px;}
.about_news_1_3 a:hover,.about_news_1_3 a.on{
color:#fff; background-color:#42488b;}
.about_news_info_mid_left{
float:left; width:57%; position:relative; overflow:hidden;}
.about_news_info_mid_left:after{
position:absolute; right:0; top:0; height:100%; width:1px; background-color:#e4e4e4; content:'';}
.about_news_info_mid_right{
float:right; width:43%;}
.about_news_info_1{
font-size:24px; color:#000;}
.about_news_info_2{
font-size:12px; color:#000; margin-top:7px;}
.about_news_info_3{
font-size:15px; line-height:2; margin-top:35px; padding-bottom:35px; border-bottom:1px #e4e4e4 solid;}
.about_news_info_mid{ margin-top:60px; margin-bottom:65px;}
.about_news_info_mid_left_mid{
padding-right:45px;}
.about_news_info_4_right{ position:absolute; right:0; top:0;
}
.about_news_info_4_right a{color:#2d347c; padding-right:27px; display:block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/news/img1.png);}
.about_news_info_4{ line-height:1.8;
position:relative; padding-right:125px; margin-top:25px;}
.about_news_info_4 span{
display:inline-block; color:#000; padding-right:10px;}
.about_news_info_4_right a:hover{
padding-right:15px;}
.about_news_info_4_left a:hover{
color:#2d347c;}
.about_news_info_mid_right_mid{
padding-left:45px;}
.about_news_info_mid_right_mid ul li{ padding:28px 0px;border-bottom:1px #e4e4e4 solid;
display:block; position:relative; clear:both; overflow:hidden}
.about_news_info_mid_right_mid ul li .index_3_1_right_2{
font-size:16px;}
.about_news_info_mid_right_mid ul li .index_3_1_right_3{
margin-top:10px; margin-bottom:10px; border:none}
.about_news_info_mid_right_mid ul li .index_3_1_right_4{
padding-top:5px; border:none}
.about_news_info_mid_right_mid ul li:nth-child(1){
padding-top:0}
.about_news_info_mid_right_mid ul li .about_news_1_2_left_bg{
height:145.2px; top:28px;}
.about_news_info_mid_right_mid ul li:nth-child(1) .about_news_1_2_left_bg{
  top:0px;}
.about_news_info_mid_right_mid ul li .index_3_1_right_3{
min-height:50.4px;}
.about_news_info_mid_right_mid ul li:last-child{
border:none}
.pro_list_1_mid_2{
text-align:center; margin:0;  }
.pro_list_1_mid_2 img{
max-width:57%;}
.pro_list_1_mid{ overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img2.jpg);}
.pro_list_1_mid_1{
margin:40px 16px; text-align:center;}
.pro_list_1_mid_1_1{ margin-bottom:15px;
font-size:24px; color:#171717;}
.pro_list_1_mid_1_2 span{ padding-right:15px; display:inline-block; position:relative; padding-bottom:5px;
font-size:15px; color:#171717; background-position:right center; background-repeat:no-repeat; background-image:url(../images/product/img4.png);}
.pro_list_1_mid_1_2 span:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#171717;}
.pro_list_1{
margin-bottom:100px;}
.pro_list_2 img{
width:100%;}
.pro_list_3_mid{
color:#171717;}
.pro_list_3_mid_1{
font-size:36px; margin-bottom:10px;}
.pro_list_3_mid_2{
line-height:1.5;}
.pro_list_3_mid ul li{
margin-bottom:35px;}
.pro_list_3{
margin-top:97px; margin-bottom:50px; overflow:hidden;}

.pro_list_1 .swiper-button-next.swiper-button-disabled,.pro_list_1 .swiper-button-prev.swiper-button-disabled{
display:none;}
.pro_info_mid img{
width:100%;}
.contact_1{
position:relative;}
#map22{
width:100%; height:745px;}
.contact_1_mid{ border:5px #d1d4d7 solid; overflow:hidden;
width:658px; height:278px; position:absolute; z-index:10; left:50%; top:50%; margin-left:-334px; margin-top:-144px; background-color:#fff;}
.contact_1_mid_left{
float:left; width:325px; overflow:hidden;}
.contact_1_mid_left img{
width:100%;}
.contact_1_mid_right{ margin-left:35px;
float:left; width:220px; line-height:1.6;}
.contact_1_mid_right_1{ margin-top:20px; margin-bottom:10px;
font-size:24px; color:#42488b;}
.contact_1_mid_right_2 ul li{ margin-top:3px;
position:relative; padding-left:52px;}
.contact_1_mid_right_2 ul li span{
position:absolute; left:0; top:0; width:50px;}
.contact_1_mid_right_2 ul li:last-child{
padding-left:0}
.contact_1_mid_close{ cursor:pointer;
position:absolute; right:20px; top:20px; width:26px; height:26px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img3.png);}
.contact_2{ margin-top:94px; overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img6.jpg);}
.contact_2_1{
margin-top:77px; margin-bottom:43px;}
.contact_2_2_1 ul li{ margin-bottom:35px; cursor:pointer; display:none;
float:left; background-color:#fff; position:relative; width:48%;}
.contact_2_2_1 ul li:after{
content:''; position:absolute; right:0; top:0; width:58px; height:53px; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10; background-image:url(../images/contact/img4.png);opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.contact_2_2_1 ul li:hover:after{
opacity:1;}
.contact_2_2_1 ul li:nth-child(2n){
float:right;}
.contact_2_2_1_mid_1{
font-size:24px; color:#181818;}
.contact_2_2_1_mid_2{
color:#181818; margin-top:5px;}
.contact_2_2_1_mid_3{ line-height:1.5;
color:#666; margin-top:15px;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;    
overflow: hidden;word-wrap:break-word;
word-break:break-all; height:48px;}
.contact_2_2_1_mid{
margin:20px 40px;}
.contact_2_2_2{
text-align:center; margin-bottom:45px; margin-top:45px;}
.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background-color:#000; opacity:0.66;}
.showjobinfo{ display:none;
position:fixed; width:84%; background-color:#fff; height:68%; top:16%; z-index:200; left:8%;}
.showjobinfo_close{
position:absolute; right:35px; top:35px; z-index:100;}
.showjobinfo_mid{overflow:hidden; overflow-y:auto;
margin:0% 5%; height:90%; position:relative; top:5%; margin-right:95px;}
.contact_2_2_1_mid_5{ font-size:14px; margin:20px 0px;
color:#525252; line-height:1.8;}
.contact_2_2_1_mid_2 span{
display:inline-block; padding:0 13px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/contact/img8.jpg);}
.contact_2_2_1_mid_2 span:nth-child(1){
padding-left:0; background-image:none}
.contact_2_2_1 ul li:nth-child(1),.contact_2_2_1 ul li:nth-child(2),.contact_2_2_1 ul li:nth-child(3),.contact_2_2_1 ul li:nth-child(4){
display:block}
.header_mid ul li a:hover span:nth-child(1),.header_mid ul li a:hover span:nth-child(2){
color:#5b578e}














@media screen and (max-width:1500px) {
.showjobinfo{
height:84%; top:8%;}
.pro_list_1_mid_1_1{
font-size:20px;} 
.header_mid ul li{
padding:32px 50px;}
.about_1_mid_2_left_2{
font-size:15px;}
}
.gotops{ background-color:#42488b; z-index:100; width:48px; height:48px; cursor:pointer;
position:fixed; right:16px; bottom:16px; background-position:center; background-repeat:no-repeat; background-image:url(../images/up.png);}
.index_2_2{
position:relative; padding:0 75px;}
.index_2_2_left{ cursor:pointer; left:0; top:50%; margin-top:-29.5px;
position:absolute; width:59px; height:59px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/left.png);}
.index_2_2_right{ cursor:pointer; right:0; top:50%; margin-top:-29.5px;
position:absolute; width:59px; height:59px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/right.png);}
.index_2_2_left:hover{
background-image:url(../images/lefton.png);}
.index_2_2_right:hover{
background-image:url(../images/righton.png);}
.indexproview{
display:block; background-color:#5b578e; overflow:hidden}
.indexproview:hover{
background-color:#219cc9}