@charset "utf-8";
/* CSS Document */
.lower_banner2{height:465px;position:relative;width:100%;overflow:hidden;}
.lower_banner2 img{width:100%; position:absolute; max-width:none; top:90px;}
.lower_banner2 .sec_nav{position:absolute;left:0;bottom:0; height:50px; line-height:50px; width:100%;}
.lower_banner2 .sec_nav.show{position:fixed; top:0; bottom:initial; z-index:20;}
.lower_banner2 .sec_nav .con{width:100%; transition-duration:1s; -webkit-transition-duration:1s; transition-delay:0.5s; -webkit-transition-delay:0.5s;overflow:hidden;}
.lower_banner2 .sec_nav li{float:left; padding:0 5px;}
.lower_banner2 .sec_nav li.pro_nav{float:left; padding:0 5px;}
.lower_banner2 .sec_nav li.pro_nav a{font-size:12px;}
.lower_banner2 .sec_nav li.cur{font-weight:bold;}
.lower_banner2 .sec_nav li:hover{font-weight:bold;}
.lower_banner2 .sec_nav li a{color:#fff; font-size:12px; display:block; text-align:center;}
.lower_banner2 .sec_nav li.first a{font-size:20px;}
.lower_banner2 .sec_nav li.first{width:18%; display:block;}
.lower_banner2 .sec_nav li.first .parent_cat{display:inline-block; *display:inline; *zoom:1; width:65%; background-color:#004488; text-align:center; float:left;}
.lower_banner2 .sec_nav li.first i{width:35%; background-color:#162c4c;margin:0; vertical-align:top; text-align:center;}
.lower_banner2 .sec_nav{background:url(../images/sec_nav.png) center center no-repeat;}
.lower_banner2 .sec_nav1{background:url(../images/sec_nav1.png) center center no-repeat;}
.lower_banner2 .wrap{position:relative;}
.pos{font-size:14px; color:#929292; line-height:50px; margin-top:10px; overflow:hidden;}
.pos span{margin:0 5px;}

@media screen and (max-width: 1024px) and (min-width:0px) {
.lower_banner2{height:140px;position:relative;width:100%;overflow:hidden;}
.lower_banner2 img{width:100%; height:90%; position:absolute; max-width:none; top:52px;}
.sec_nav{ display:none;}
.pos{ display:none;}
.about-top-m {width: 100%;height: auto;position: relative;z-index:1; }
.about-top-m .tits {width: 100%;height:55px;background: #004488;font-size: 20px;line-height:55px;color: #fff; }
.about-top-m .tits span {margin-left: 3%;float: left; }
.about-top-m .tits i {width: 26px;height: 100%;display: block;margin-right: 3%;background: url(../images/top_icon.png) center no-repeat;background-size: 100%;float: right; }
.about-top-m ul {width: 100%;height: auto;position: absolute;top:55px;left: 0;background: #f9f9f9;z-index: 10;display: none; }
.about-top-m ul li {width: 100%;height:50px;border-bottom: 1px solid #d1d1d1;font-size: 18px;line-height: 50px; }
.about-top-m ul li a {color: #181818;width: 97%;height: 100%;padding-left: 3%;display: block; }

}
@media screen and (min-width:1025px) {
.about-top-m {display: none; }
}
@media screen and (max-width: 1024px) and (min-width:630px) {
.cur_tit{ display:none;}
.about-top-m {display: block; } 
.about-top-m .tits {width: 100%;height:50px;background: #3072c4;font-size: 20px;line-height: 50px;color: #fff; }
.about-top-m ul {top:50px; }
.about-top-m ul li {font-size: 18px;line-height: 45px;height:45px; } }
}
@media (max-width: 630px) {
.about-top-m .tits {height: 45px;font-size: 20px;line-height: 45px; }
.about-top-m ul {top: 45px; }
.about-top-m ul li {font-size: 18px;line-height: 40px;height: 40px; } 
}
@media (max-width: 400px) {
.about-top-m .tits {height:35px;font-size: 16px;line-height:35px; }
.about-top-m ul {top: 35px; }
.about-top-m ul li {font-size: 14px;line-height:30px;height:30px; } 
}
.big_wapper{width:100%; clear:both; margin:0px; padding:0px; overflow:hidden;}
.comdiv{width:100%; overflow:hidden; margin:0px; padding:0px; float:left;}
.ny_t_ch{font-size:24px; font-weight:600; padding:7px 0px; text-transform:uppercase;}
.ny_t_en{font-size:16px; color:#cac2c9;font-family:'helvetica'; text-transform:uppercase; word-spacing:8px; letter-spacing: 1px;}
.abouttop{padding:50px 0px;}
.aboutleft{float:left; width:720px;}
.aboutleft_top{font-size:18px; padding:20px 0px;}
.aboutleft_jj{color:#666;}
.aboutleft_jj p{ font-size:13px; line-height:24px; margin-bottom:6px;}
.aboutright{float:right; width:512px;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.abouttop{padding:30px 0px;}
.aboutleft_top{font-size:16px; padding:20px 0px;}
.aboutleft{float:none; width:100%;}
.aboutright{ display:none;}
}
/*文化*/
.culture{ background:#FAFAFA; padding:50px 0;}
.aboutculture{ margin-top:10px;}
.aboutculture li{ position:relative; height:340px;}
.aboutculture li.fli{margin-left:0px;}
.aboutculture_footer{ color:#fff;position:absolute; left:3%; width:94%; padding-left:3%; padding-right:3%; bottom:3%; padding-bottom:3%; z-index:10;}
.aboutculture_footer2{z-index:20; background: rgba(250,250,251,.9); -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.aboutculture_footer_left{float:left; width:92%; font-size:14px;}
.aboutculture_footer_right{font-family:'helvetica';float:right; position:relative; width:8%;}
.indexpro_img_bg_top2{position:absolute; left:3%; top:3%; width:94%; height:1px; background-color:#fff; z-index:10;}
.indexpro_img_bg_bottom2{position:absolute; left:3%; bottom:3%; width:94%; height:1px; background-color:#fff; z-index:10;}
.indexpro_img_bg_left2{position:absolute; left:3%; top:3%; height:94%; width:1px; background-color:#fff; z-index:10;}
.indexpro_img_bg_right2{position:absolute; right:3%; top:3%; height:94%; width:1px; background-color:#fff; z-index:10;}
.aboutculture_img{height:340px; overflow:hidden;}
.aboutculture_img img{width:100%; float:left; height:340px;-webkit-transition-duration:.5s;transition-duration:.5s;}
.aboutculture li:hover .aboutculture_img img{-webkit-transform:scale(1.15, 1.15);transform:scale(1.15, 1.15)}
.aboutculture_footer_left_jj{font-size:12px; line-height:18px; color:#666;}
.aboutculture_footer_left_top{color:#000; padding:7px 0px; font-weight:normal;}
.aboutculture_footer2 .aboutculture_footer_right{color:#666; padding-top:52px;}
.aboutculture li:hover .aboutculture_footer2,.aboutculture li.on .aboutculture_footer2{filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.aboutculture_b{filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  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;position:absolute; right:11%; width:2px; height:0px; bottom:-15px; z-index:100; background-position:center; background-repeat:no-repeat; background-image:url(../images/about5.png);}
.aboutculture li:hover .aboutculture_b,.aboutculture li.on .aboutculture_b{filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; height:32px;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.ny_t_ch{font-size:18px; font-weight:600; padding:7px 0px;}
.ny_t_en{font-size:14px;}
.culture{ background:#FAFAFA; padding:30px 0;}
.aboutculture li{ position:relative; height:240px; margin-bottom:20px;}
.aboutculture_img{height:240px; overflow:hidden;}
.aboutculture_img img{width:100%; float:left; height:240px;}
.aboutculture_footer2 .aboutculture_footer_right{ display:none;}
.aboutculture_footer_left{float:left; width:100%; font-size:16px;}

}
/*荣誉*/
.honor{ padding-top:50px;padding-bottom:20px; border-bottom:1px #dbdada solid; position:relative;} 
.more{ width:130px; padding:8px 10px; line-height:30px; background-color:#17447e; margin:30px auto 50px; text-align:center; color:#fff; font-size:15px;}
.more a{ color:#fff; }
@media screen and (max-width: 1024px) and (min-width:0px) {
.honor{ padding-top:30px;padding-bottom:10px; border-bottom:1px #dbdada solid; position:relative;} 
}
.carousel-example {padding: 20px 0 50px 0;}
#complicated-content-carousel .carousel-control {position: absolute;top: -50px;right: 10px;left: auto;bottom: auto;width: 14px;font-size: 20px;color: #3c3c3c !important;opacity: 1;}
#complicated-content-carousel .carousel-control.left,
#complicated-content-carousel .carousel-control.right {background-image: none;}
#complicated-content-carousel .carousel-control.left {right: 35px;}
#complicated-content-carousel .index {position: absolute;top: -70px;right: 0;font-size: 16px;color: #3c3c3c;}
#complicated-content-carousel .flex-item {position: relative;display: inline-block;padding: 16px 13px;background-color: #f5f6f7;border: 6px solid #f5f6f7;}
#complicated-content-carousel .flex-item:hover,#complicated-content-carousel .flex-item:focus {border: 6px solid #C8C8C8;border-radius: 3px;}
.good-bottom {height:55px; text-align:center;}
.good-bottom * {margin-top: 0;margin-bottom: 0;}
.good-bottom-left a h4 {font-size: 16px;color: #3c3c3c;text-transform: uppercase;line-height:55px;}
.good-top-left,.good-bottom-left {float: left;text-align: left;}
.good-image { text-align: center;}
.good-image:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.good-image img { width:100%; vertical-align: middle;}
.carousel-control {width: 50px;height: 50px;top: 50%;transform: translateY(-50%);bottom: auto;font-size: 30px;text-align: center;opacity: 1;}
a.carousel-control.left,a.carousel-control.right {background-image: none;opacity: 1;text-align: center;}
@media only screen and (max-width:768px) {
#complicated-content-carousel .flex-item {width:100%;}
#complicated-content-carousel .carousel-control {position: absolute;top: -30px;right: 10px;left: auto;bottom: auto;width: 14px;font-size:18px;color: #3c3c3c !important;opacity: 1;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#complicated-content-carousel .flex-item {width: 300px;}
}
.honor_ul {overflow: hidden;text-align: center; margin-bottom:45px;}
.honor_ul li {float: left;}
.honor_ul a {height: auto;text-align: center;margin: 10px 0 20PX;display: inline;padding:18px 0;float: left;display: block;line-height: 30px;font-size: 15px;overflow: hidden; position: relative;box-shadow: 8px 8px 0 #ddd;}
.honor_ul a:hover {color: #fff; }
.honor_ul a img {width:80%;transition: all 0.3s;position: relative;z-index: 1;}
.honor_ul a:hover img {transform: scale(1.1);}
.honor_ul a p{ border-bottom:0px;}
.lookbook-a{ width:102%;}
.lookbook-a a{ overflow:hidden;position:relative;}
.lookbook-a a .item{ position:absolute; top:0; left:0; width:100%; background:url(../images/lookbook.png) repeat; height:100%; color:#fff; text-align:center; opacity:0;}
.lookbook-a a:hover img,.lookbook-a a:hover .item{ -webkit-opacity:1;opacity:1;-webkit-transform: scale(1.05);transform: scale(1.05);}
.lookbook-a a .item .p{ position:relative; bottom:40%;}
.lookbook-a a .item span{ display:block; font-size:22px;}
.lookbook-a a .item font{ display:block; font-size:14px; text-transform:uppercase}
.lookbook-a a .item font .ico {display: inline-block;width: 35px;  height:35px;  background: url(../images/ico_27.png) no-repeat center;  -webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);  -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.lookbook-a a.clear{ margin-right:0;}
@media (max-width:768px){
.lookbook-a a{ overflow:hidden;float:left; width:48%; margin-right:2%; margin-bottom:5%;position:relative;}
.lookbook-a a .item span{ font-size:18px;}
.honor_ul a {height: auto;text-align: center;margin: 10px 0;display: inline;padding:0px 0;float: left;display: block;line-height: 30px;font-size: 15px;overflow: hidden;background: #efefef;position: relative;box-shadow: 2px 2px 0 #ddd;}
}

@media (max-width:480px){
.lookbook-a a{ width:48%;}
.lookbook-a a .item span{ font-size:16px;}
.lookbook-a a .item font{ font-size:13px;}
}
@media (max-width:320px){
.lookbook-a a .item span{ font-size:14px;}
.lookbook-a a .item font{ font-size:12px;}
}
.pic-scale{ width:100%;-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}


/*产品综合页*/
.product{ padding:50px 0;}
.cssimg,.cssimgp img{-webkit-transition-duration:.5s;transition-duration:.5s;}
.cssimg:hover,.cssimgp:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
.daxie{text-transform:uppercase;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-trgansition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.yz_pro_list li{ border-top:2px #fff solid;float:left; width:33.3333%; position:relative; overflow:hidden;}
.yz_pro_list li:hover .blmask,.yz_index_pro_left_1:hover .blmask{opacity:1;}
.yz_pro_list li:hover .yz_p_name,.yz_index_pro_left_1:hover .yz_p_name{color:#fff;}
.yz_index_pro_left{float:left; width:50%;}
.yz_index_pro_left_1{position:relative;}
.yz_index_pro_left img{ width:100%;}
.bl{width:2px; height:100%; position:absolute; left:0; top:0; z-index:10; background-color:#fff;}
.blmask{opacity:0;position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background-position:center; background-repeat:no-repeat; background-image:url(../images/37.png);}
.yz_pro_list li:hover .blmask,.yz_index_pro_left_1:hover .blmask{opacity:1;}
.yz_p_name{ width:85%;position:absolute; left:4%; bottom:4%; z-index:10; font-size:15px; line-height:20px; color:#000;}
.yz_p_name:before{ content:"-"; width:10px;}
.yz_p_name:after{ content:"-"; width:10px;}
.yz_pro_list li{ width:50%; float:left;}
.yz_pro_list li:hover .yz_p_name,.yz_index_pro_left_1:hover .yz_p_name{color:#fff;}
.yz_pro_info{position:relative; background-color:#f0eeed;}
.yz_pro_info_left{float:left; width:50%; border-top:2px #fff solid;}
.yz_pro_info_right{position:absolute; left:55%; top:50%; height:310px; margin-top:-155px; width:40%;}
.tjphoto_right_3_1{line-height:24px; color:#888888; padding-top:30px; padding-bottom:5px;}
.yz_index_pro_left{float:left; width:48%;}
.yz_index_pro_left_1{position:relative;}
.yz_index_pro_mid{float:left; width:26%; position:relative;}
.yz_index_pro_mid img{ width:100%;}
.yz_index_pro_mid li:first-child,.yz_index_pro_right li:first-child{ border-top:0px #fff solid;}
.yz_index_pro_right{float:left; width:26%; position:relative;}
.yz_index_pro_right img{ width:100%;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.yz_index_pro_left{float:none; width:100%;}
.yz_index_pro_mid{float:left; width:50%;}
.yz_index_pro_right{float:left; width:50%;}
.yz_p_name{ width:96%;font-size:14px; line-height:18px; left:4%; bottom:3%;}

}
.hot {width: 100%; background-color:#f4f4f4; height: auto;padding-top:50px;padding-bottom: 78px;background-size: cover !important; }
.hot h2{font-size:30px;color:#E50112;font-weight: bold;text-align: center;height:35px;line-height:35px;}
.hot h2:after{content:'——'; height:3px; color:#00A0E9;display:block;clear:both;}
.hot h3{ font-weight:normal; margin-top:10px;font-size:20px;line-height:30px;overflow: hidden;text-align: center;}
.hot .box-pro .list {width: 100%;height: auto;margin-top:40px;position: relative; }
.hot .box-pro .list .list-pro {width: 100%;height: auto;overflow: hidden; }
.hot .box-pro .list .list-pro ul {width: 100%;height: auto; }
.hot .box-pro .list .list-pro ul li {width: 23%;height: auto;background-color:#F7F7F7;float: left;margin-right:2%;transition: all 0.5s; }
.hot .box-pro .list .list-pro ul li a:hover {background-color:#003F99; color:#FFFFFF; }
.hot .box-pro .list .list-pro ul li a {width: 100%;height: auto;display: block;padding-bottom:17px; }
.hot .box-pro .list .list-pro ul li a .pic {width: 100%;height: auto;overflow: hidden; }
.hot .box-pro .list .list-pro ul li a .pic img {transition: all .5s; }
.hot .box-pro .list .list-pro ul li a .con {width: 88.9%;height: auto;margin: 0 auto; }
.hot .box-pro .list .list-pro ul li a .con .tits {font-size: 14px;line-height: 16px;height: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top:16px; }
.hot .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;display: block; }
.hot .box-pro .list .a.prev {left: -80px;background: url(../images/39.png) no-repeat; }
.hot .box-pro .list .a.next {background: url(../images/40.png) no-repeat;right: -80px; }
.hot .box-pro .list .a.prev:hover {left: -80px;background: url(../images/39_h.png) no-repeat; }
.hot .box-pro .list .a.next:hover {background: url(../images/40_h.png) no-repeat;right: -80px; }
.hot .box-pro .list .swiper-button-disabled {opacity: 0.2; }
@media (max-width: 1600px) {
.hot .box-pro .list .a {z-index: 10; }
.hot .box-pro .list .a.prev {left: 0; }
.hot .box-pro .list .a.next {right: 0; }
 }
@media screen and (max-width: 1024px) and (min-width:0px) {
.hot{ display:none;}
}
/*产品列表*/
.pro_list { margin:50px auto;}
.pro_list .pro_li {margin-bottom: 45px;}
.pro_list .pro_li:hover .li_box .more {background: #E40012;color: #ffffff;}
.pro_list .pro_li .li_box {box-sizing: border-box;  padding: 20px 20px 35px 20px;background: #F2F2F2;}
.pro_list .pro_li .li_box .pic_area {margin-bottom: 35px;}
.pro_list .pro_li .li_box .txt_area .title {color: #34495e;font-size: 18px;margin-bottom: 10px;}
.pro_list .pro_li .li_box .txt_area .dec {font-size: 14px;color: #a8a8a8;}
.pro_list .pro_li .li_box .more {font-size: 14px;color: #555555;text-transform: uppercase;display: inline-block;line-height: 1;padding: 18px 20px;background: #ffffff;transition: 0.3s all ease;}
.pro_list .pro_li .li_box .txt_area .dec{height: 3.2em;overflow: hidden}
@media screen and (max-width: 1024px) and (min-width:0px) {
.pro_list .pro_li .li_box .pic_area {margin-bottom:25px;}
.pro_list .pro_li .li_box .txt_area .dec{height: 2.2em;overflow: hidden}
.pro_list .pro_li .li_box .more {line-height: 1;padding: 15px;}

}
/*产品详情页*/
.pro_show{ padding:50px 0;}
.pro_show_left{width:75%; float:left;}
.pro_content{ margin-top:40px;}
.pro_content .pro{width:100%;margin:0 auto;}
.pro_content .pro p{ width:100%;margin:15px 0; font-size:15px; line-height:28px; overflow:hidden;}
.pro_content .pro p span{color:#E53333; font-weight:bold;}
.pro_content .pro table{ margin:15px 0;}
.pro_content .pro tr{ line-height:27px;}
.pro_content .pro h2{line-height:1.5em;font-size:24px; margin:30px auto 10px; font-weight:600; color:#2a2a2a;}
.sub_new_right { width: 22%; float: right; margin-bottom: 30px;border: #d8d8d8 1px solid;border-top: solid 2px #E50112; }
.sub_new_right .lefttitle{display: block;margin: 0;line-height: 53px;background: #f4f4f4; color:#333;font-weight: bold;font-size: 16px;text-align: center;}
.pro_hoto{margin:0 auto;}
.pro_hoto { overflow:hidden;}
.pro_hoto ul { width: 95%; margin: 0 auto; padding: 5%; overflow: hidden; }
.pro_hoto li { text-align: center; width: 100%;  overflow:hidden;border-bottom:2px dashed #ddd; padding-bottom:10px;}
.pro_hoto li .pic{ width: 100%; height: 140px; overflow:hidden; margin-bottom:10px;}
.pro_hoto li .pic img{ width: 100%;overflow:hidden;}
.pro_hoto li .tit{ line-height:20px; font-size:14px; padding:8px 0;}
.pro_hoto li a:hover{ color:#00A0E9;}
@media only screen and (max-width: 760px) {
.pro_show_left{width:100%; float:none;}
.pro_content{ margin-top:20px;}
.pro_content .pro h2{line-height:1.2em;font-size:16px; margin:0px auto; font-weight:600; color:#2a2a2a;}
.pro_content .pro p{ width:100%;margin:15px 0; font-size:14px; line-height:26px; overflow:hidden;}
.sub_new_right { display:none;}
.pro_content .pro img{width:100%;margin:0 auto;}
.pro_content .pro h2{ text-align:center;}

}
/*视频*/
.video_list { margin:50px auto;}
.video_list .video_li {margin-bottom: 45px;}
.video_list .video_li:hover .li_box .more {background: #E40012;color: #ffffff;}
.video_list .video_li .li_box {box-sizing: border-box;  padding: 20px 20px 10px 20px;background: #F2F2F2;}
.video_list .video_li .li_box .pic_area {margin-bottom: 15px;}
.video_list .video_li .li_box .pic_area .cover{display:block;top:0;right:0;bottom:0;left:0;opacity:1;filter:alpha(opacity=100);}
.video_list .video_li .li_box .pic_area .cover ._play{display:block;width:60px;height:60px;background:url(../images/ab26.png) no-repeat;position:absolute;top:50%;left:50%;margin-top:-29px;margin-left:-29px;}
.video_list .video_li .li_box .txt_area .title {color: #34495e;font-size: 14px;margin-bottom: 10px; height:38px;}
.video_list .video_li .li_box .txt_area .dec {font-size: 16px;color: #a8a8a8;}
.video_list .video_li .li_box .more {font-size: 14px;color: #555555;text-transform: uppercase;display: inline-block;line-height: 1;padding: 18px 20px;background: #ffffff;transition: 0.3s all ease;}
.video_list .video_li .li_box .txt_area .dec{height: 3.2em;overflow: hidden}
@media screen and (max-width: 1024px) and (min-width:0px) {
.video_list .video_li .li_box .pic_area {margin-bottom:25px;}
.video_list .video_li .li_box .txt_area .dec{height: 2.2em;overflow: hidden}
.video_list .video_li .li_box .more {line-height: 1;padding: 15px;}

}


/*新闻*/
.news-list { padding:50px 0;}
.news-list .item-list {margin-left:-1.5%;}
.news-list li {position:relative;float:left;width:48.5%;margin:0 0 1.5% 1.5%;background:#f4f4f4;}
.ourwork-list .each-item:after,
.news-list li:after,.index-news-list .item2:after,
.index-news-list .item3:after,
.solution-list .each-item:after,
.pay-list .each-item:after {position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;background:#f4f4f4;transition:all .6s;}
.ourwork-list .each-item:hover:after,
.news-list li:hover:after,
.index-news-list .item2:hover:after,
.index-news-list .item3:hover:after,
.solution-list .each-item:hover:after,
.pay-list .each-item:hover:after{box-shadow:0 15px 15px rgba(0,0,0,.1);}
.news-list li:hover:after,
.index-news-list .item2:hover:after,
.index-news-list .item3:hover:after,
.pay-list .each-item:hover:after {transform:scale(1.025);}
.news-list li a,.index-news-list .item-inner {z-index:1;position:relative;display:block;}
.news-list-one li a {padding:35px 70px;  }
.news-list-one .date-wrap {position:relative;float:left;width:115px;height:155px;border-right:1px solid #e7e7e7;}
.news-list-one .date-inner {position:absolute;top:50%;transform:translateY(-50%);}
.news-list-one .date-wrap .day {font:48px/1 Arial, Helvetica, sans-serif;}
.news-list-one .date-wrap .line {display:block;width:25px;height:3px;margin:15px 0;background:#e7e7e7;}
.news-list-one .date-wrap .days {font:14px/1 Arial, Helvetica, sans-serif;}
.news-list-one .text-wrap {margin-left:175px;}
.news-list-one .text-wrap .title {font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-list-one .text-wrap .descrition {height:48px;margin:15px 0 40px;font-size:14px;color:#666;line-height:24px;overflow:hidden;}
.news-list .text-wrap .more .icon{display:inline-block;width:0;height:10px;background:url(../images/more-icon1.png) no-repeat center center;transition:all .4s;opacity:0;}
.news-list .text-wrap .more strong{font-size:14px;font-weight:normal;color:#fff;transition:all .4s;}
.news-list .text-wrap .more strong a{color:#fff; }
@media(min-width:1366px){
.news-list-one li:hover .text-wrap .more .icon {margin-right:10px;}
.news-list-two li:hover .text-wrap .more .icon {margin-left:10px;}
.news-list li:hover .text-wrap .more .icon {width:21px;opacity:1;}
}

@media screen and (max-width: 1024px) and (min-width:0px) {
.news-list { padding:30px 0;}
.news-list .item-list {margin-left:0%; margin-bottom:15px;}
.news-list li {position:relative;float:none;width:100%;margin:0 0 1.5% 0;background:#f4f4f4;}
.news-list-one li a {padding:15px 15px 5px;  }
.news-list-one .date-wrap {position:relative;float:left;width:65px;height:75px;}
.news-list-one .date-wrap .day {font:36px/1 Arial, Helvetica, sans-serif;}
.news-list-one .date-wrap .line {display:block;width:25px;height:3px;margin:10px 0;background:#e7e7e7;}
.news-list-one .text-wrap {margin-left:75px;}
.news-list-one .text-wrap .title {font-size:15px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-list-one .text-wrap .descrition {height:46px;margin:10px 0 10px;font-size:14px;color:#666;line-height:24px;overflow:hidden;}
.news-list .text-wrap .more{display:none;}
}
/*新闻详情页*/
.news_info{ margin-bottom:50px;}
.news_box{width: 75%;}
.news_title{border-bottom: 1px solid #eeeeee;margin-top: 40px;padding-bottom: 18px;}
.news_title h1{font-size:20px;color:#333;font-weight:600;}
.news_title .sign{color: #999;margin-top: 12px;}
.news_title .label{color: #E50112;}
.news_title .mark{padding-right: 20px;}
.news_page{text-align:center;margin-top:16px;}
.news_page a{display:inline-block;font-size:20px;font-weight:200;line-height:38px;width:38px;text-align:center;margin:0 0px 0 10px;color:#999;border:1px solid #999;}
.news_page a:hover{color:#333;border-color:#333;}
.news_box .demo{font-size: 14px;color: #333;line-height: 30px;margin-top: 30px;}
.news_box .notice{font-size: 12px;color: #999;padding-top:20px;clear:both;}
.news_menu{width: 22%;background: #f7f7f7;padding: 30px;margin-top: 40px;}
.news_menu dt{font-size: 20px;color: #333;margin-bottom: 24px;}
.news_menu dd{border-bottom: 1px dashed #cccccc;margin-bottom: 20px;}
.news_menu dd h3{color: #333;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.news_menu a:hover{color:#E50112;}
.news_menu .text{color: #666;line-height: 24px;margin-bottom: 14px;}
.news_menu .time{color: #999999;line-height: 24px;margin-bottom: 6px;}
.demo p{ text-indent:2em;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.news_box{width:100%;}
.news_menu{ display:none;}
.news_title h1{font-size:15px;color:#333;font-weight:600;}
.news_title .sign{color: #999;margin-top:8px;}
.news_box .demo{font-size: 14px;color: #333;line-height:26px;margin-top:20px;}
}
/*服务支持*/
.channel_content { padding:50px 0;background:#f8f8f8;z-index:2;position: relative;}
.service_system .pt_hd{ text-align: center; padding-bottom:40px;}
.service_system .pt_hd .tit{ font-size: 24px; line-height:42px; text-transform:uppercase; font-weight:600; color: #155a9b; }
.service_system .pt_hd .t_con{ font-size: 15px; line-height:24px; color: #666; width:60%; margin:0 auto; }
.service_system .p1_news .list_box{position:relative;}
.service_system .p1_news .list_cover{position:absolute;top:0;left:0;width:100%;height:100%;}
.service_system .p1_news .cover_box{padding:16% 8% 0%;color:#fff;}
.service_system .p1_news .list_title{font-size:20px;margin-bottom:10px;font-weight:normal;}
.service_system .p1_news .list_p{font-size:14px;line-height:19px;overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.channel_content { padding:30px 0;}
.service_system .pt_hd .tit{ font-size: 18px; line-height:42px; font-weight:600; color: #155a9b; }
.service_system .pt_hd .t_con{ font-size: 14px; line-height:24px; color: #6c6c6c; width:100%;}
.service_system .p1_news .cover_box{padding:16% 4% 0%;color:#fff;}
.service_system .pt_hd{ text-align: center; padding-bottom:20px;}
.service_system .p1_news li{ margin-bottom:10px;}
.service_system .p1_news .list_title{font-size:18px;margin-bottom:10px;font-weight:normal;}

}
.service_system .prt_hd{ text-align: center; margin-bottom: 3%; }
.service_system .pt2{ background: #fff;padding:50px 0; }
.service_system .pt2 .title{ font-size: 24px; line-height:42px; color: #155a9b; text-transform:uppercase; font-weight:600;}
.service_system .pt2 .tt_con{ font-size: 15px; line-height:24px; color: #666; width:60%; margin:0 auto;}
.service_system .pt2 .pt_bd li{ width: 32%; margin-right: 2%;position: relative;}
.service_system .pt2 .pt_bd li:last-child{ margin-right: 0; }
.service_system .pt2 .pt_bd .list_box{border: 5px solid #eee;padding: 3% 4%; text-align: center; min-height: 155px;}
.service_system .pt2 .draw_border .box_border.border_left,.service_system .pt2 .draw_border .box_border.border_right{width:5px;}
.service_system .pt2 .draw_border .box_border.border_top,.service_system .pt2 .draw_border .box_border.border_bottom{height:5px;}
.service_system .pt2 .draw_border .box_border.border_left{bottom:5px;top:5px;}
.service_system .pt2 .draw_border .box_border.border_bottom{right:5px;}
.service_system{position:relative;}
.service_system .p2_bd_bj{position:absolute;width:50%;height:100%;position:absolute;display:block;top:0;z-index:0;}
.service_system .p2_bd_bj_l{left:0;background:rgba(0,0,0,0.2);}
.service_system .p2_bd_bj_r{right:0;background:url(../images/blue_08.png) repeat;}
.service_system .p2_bd{background:url(../images/service_bj.jpg) no-repeat center;position:relative;}
.service_system .p2_bd_l{width:600px;position:absolute;height:100%;top:0;left:50%;margin-left: -600px;}
.service_system .p2_bd_l .video_img{display:none;}
.service_system .p2_bd_r{width:50%;}
.service_system .p2_bd_r_box{padding: 7% 0% 7% 8%;color:#fff;}
.service_system .p2_bd_r dl{margin-bottom: 14px;}
.service_system .p2_bd_r dt{font-size: 14px;position:relative;}
.service_system .pt2 .pt_bd li .li_tit{ font-size: 20px; color: #155a9b; margin-bottom: 2%; }
.service_system .pt3{ background: #fff; margin-bottom:50px;}
.service_system .pt3 .title{font-size: 24px; line-height:42px; color: #155a9b; font-weight:600; text-transform:uppercase; }
.service_system .pt3 .tt_con{ font-size: 15px; line-height:24px; color: #666; width:60%; margin:0 auto;}
.rect-55{ padding-bottom: 55%; }
@media screen and (max-width: 1024px) and (min-width:0px) {
.service_system .title{ font-size: 18px; line-height:42px;}
.service_system .pt2{ background: #fff;padding:30px 0; }
.service_system .pt2 .title{font-size: 18px; line-height:42px;color: #155a9b; font-weight:600;}
.service_system .pt2 .tt_con{ color: #777; font-size:14px; line-height:24px; width:100%;}
}
@media only screen and (max-width: 1240px) {
.service_system .pt1 .pt1_con{width: 60%;padding-top: 30px;}
.service_system .title span{font-size:50px;}
.service_system .pt_hd{padding-bottom: 20px;}
.service_system .pt2 .pt_bd .list_box{min-height:170px;}

}
@media only screen and (max-width: 992px) {
.service_system .pt1 .pt1_box{padding:20px 0px;min-height: auto;}
.service_system .pt1 .pt1_person{display:none;}
.service_system .pt1 .pt1_con{width:100%;padding:0;}
.service_system .dec{padding:0;}
.service_system .pt2 .pt_bd .list_box{min-height:190px;}
.service_system .p1_news li{width:49%;margin-bottom:1%;}
.service_system .pt3 .pt_left, .service_system .pt3 .pt_right{width:100%;}
.service_system .pt3 .pt_left{margin-bottom:2%;}
.service_index_p3 .p3_bd .list_title{height:2.8em;overflow:hidden;}
.service_index_p3 .p3_bd .list_text{bottom:-5%;}
.service_index_p3{padding:30px 0px;}
.service_system .p2_bd{background:none;}
.service_system .p2_bd_bj{display:none;}
.service_system .p2_bd_l{width:100%;height:auto;position:relative;}
.service_system .p2_bd_r{width:100%;background:#155a9b;}
.service_system .p1_news li{width:100%;margin-right:0;}
.service_system .p2_bd_l .video_img{display:block;top:0;left:0;}
.service_system .p2_bd_l .video_cover{top:0;left:0;}
.service_system .p2_bd_r_box{padding:4%;}
.service_index_content .part_hd{margin-bottom:14px;}
.service_index_p2{background-size:cover;background-position:center!important;padding:30px 0px;}
.service_index_p1{padding-bottom:30px;}
.service_system .p2_bd_r dt{font-size: 14px;position:relative;}
}
@media only screen and (max-width: 760px){
.service_system .p2_bd_l {width: 100%;height: auto;position: relative;}
.service_system .pt1{background-size:cover;}
.service_system .title{font-size:18px;}
.service_system .pt2 .pt_bd li{width:100%;margin:0 0 2% 0;}
.service_system .pt2 .pt_bd .list_box{min-height:auto;}
.service_system .pt3 .pt_left{margin-bottom: 2%;}
.service_system .pt3 .pt_left, .service_system .pt3 .pt_right{width:100%;}
.service_system .pt3 .pt_right{background:#000;}
.service_system .pt3 .pt_right img{opacity:0.5;}
.service_system .pt3 .cont .con_tit{font-size:20px;}
.service_system .pt3 .cont .con_dec{font-size:14px;line-height:24px;}
.service_system .pt3 .title{font-size: 20px; line-height:42px; color: #155a9b; font-weight:600; }
.service_system .pt3 .tt_con{ color: #777; font-size:14px; line-height:24px;}
}

.service_system .pt3 .lists li{margin-bottom:30px;}
.service_system .pt3 .lists .pd{padding:75px 40px 35px; text-align:center; position:relative; border:1px solid #f2f2f2; overflow:hidden;}
.service_system .pt3 .lists .pd .title{font-size:24px; line-height:42px; color:#3e75cb;}
.service_system .pt3 .lists .pd .info{font-size:15px; color:#666; line-height:20px; overflow:hidden; height:60px}
.service_system .pt3 .lists .pd .num{font-size:100px; font-family:Arial; color:#f8f8f8; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.service_system .pt3 .lists .pd .text{position:relative; z-index:3;}
.service_system .pt3 .lists .pd .mask{position:absolute;background:url(../images/blue90.png) repeat; left:0; top:100%; width:100%; height:100%; z-index:1;}
.service_system .pt3 .lists li:hover .title{color:#fff;}
.service_system .pt3 .lists li:hover .info{color:#fff;}
.service_system .pt3 .lists li:hover .num{color:#6b96d8;}
.service_system .pt3 .lists li:hover .mask{top:0;}

/*人才招聘*/
.join-top {background: #fff;width: 100%;padding:50px 0;}
.join-top .left {width: 44%;padding-right: 7%;border-right: 1px solid #e5e5e5;float: left;}
.join-top .tit {padding-left: 66px;min-height: 42px;margin-bottom: 23px;}
.join-top .tit h3 {font-size: 20px;color: #333333;line-height: 1.5;}
.join-top .tit h4 {font-size: 12px;color: #999999;line-height: 1.2;font-weight: normal;}
.join-top .left .tit {background: url(../images/join_ico1.png) no-repeat 0 center;}
.join-top p {font-size: 13px;color: #666666;line-height:2; text-align:justify;}
.join-top .right {width: 40%;float: right;}
.join-top .right .tit {background: url(../images/join_ico2.png) no-repeat 0 center;}
.join-top .job_list {margin:30px auto 0;}
.join-top .job_list li {position: relative;float: left;height: 380px;background: #fff;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);font-size: 14px;line-height: 24px;color: #666;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.join-top .job_list li img{ width:100%}
.join-top .job_list li .detail {padding: 24px 20px;}
.join-top .job_list li::after {content: "";display: inline-block;position: absolute;right: 20px;bottom: 0;width: 80px;height: 90px;background: url(../images/bg_sign09.png) no-repeat center top;}
.join-top .job_list li:nth-child(2)::after {background: url(../images/bg_sign10.png) no-repeat center top;}
.join-top .job_list li:nth-child(3)::after {background: url(../images/bg_sign11.png) no-repeat center top;}
.join-top .job_list li:nth-child(4)::after {background: url(../images/bg_sign12.png) no-repeat center top;}
.join-top .job_list li:hover {color: #fff; background-color: rgba(0, 68, 136, 0.8)}
.join-top .job_list li:hover .detail p{color: #fff; line-height:20px;}
.join-top .job_list li.hover::after {background-position: center bottom;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.join-top .tit {padding-left:56px;min-height: 42px;margin-bottom: 13px; padding-top:15px;}
.join-top .tit h3 {font-size:16px;color: #333333;line-height: 1.5;}
.join-top .tit h4 {font-size: 14px;color: #999999;line-height: 1.2;font-weight: normal;}
.join-top p {font-size: 14px;color: #666666;line-height: 1.5;}
.join-top {background: #fff;width: 100%;padding:30px 0;}
.join-top .left {width: 100%;padding-right:0%;border-right: none;float: none;}
.join-top .right {width:100%;float: none;}
.join-top .job_list li{ margin-bottom:10px;height: 260px;}
.join-top .job_list li .detail {padding:10px;}
.join-top .job_list li::after {right:0px;bottom: 0;width: 80px;height: 90px;}
}
.join-bg {background: #f5f5f5;width: 100%;padding: 70px 0 120px;}
.join-main .swith select {float: left;width: 19%;padding-left: 1.8%;margin-right: 1.5%;border: none;height: 45px;line-height: 45px;font-size: 12px;color: #999999;}
.join-main .swith .text {float: left;border: none;height: 45px;line-height: 45px;width: 24%;padding-left: 1.5%;margin-right: 1.5%;}
.join-main .swith .submit {float: left;border: none;height: 45px;line-height: 45px;background: #f91747;font-size: 16px;color: #ffffff;width: 11.5%;}
.join-main .choose {margin: 28px 0 29px;height: 54px;background: #fff;}
.join-main .choose .swiper-slide {min-height: 0;width: 153px;border-right: 1px solid #f5f5f5;height: 54px;line-height: 54px;text-align: center;font-size: 14px;color: #6b6b6b;}
.join-main .choose .swiper-slide:last-child {border-right: none;}
.join-main .choose .swiper-slide a {color: #6b6b6b;display: block;}
.join-main .choose .swiper-slide a:hover {color: #f91747;}
.join-main .choose .swiper-slide a.on {color: #f91747;font-weight: bold;}
.join-main .list-box {padding: 0 3.33% 73px;background: #fff;border: 1px solid #efefef;}
.join-bg .more:hover {background-color: #f91747;}
.join-main .list-top {height: 54px;line-height: 54px;padding: 0 3.33% 0;background: #004488;font-size: 14px;color: #ffffff;}
.join-main .td1 {width: 24.33%;}
.join-main .td2 {width: 21.33%;}
.join-main .td3 {width: 21.91%;}
.join-main .td4 {width: 17.41%;}
.join-main .td5 {width: 13.4%;text-align: right;}
.join-main .list-box ul {width: 100%;}
.join-main .list-box li {width: 100%;}
.join-main .list-box li .top {font-size: 14px;color: #777777;line-height: 2;padding: 20px 0;border-bottom: 1px solid #efefef;}
.join-main .list-box li .top a {color: #f91747;}
.join-main .list-box li .bot {position: relative;padding: 20px 3.5% 36px;background: #f5f5f5;display: none;}
.join-main .list-box li .bot .info1 {border-bottom: 1px solid #e5e5e5;padding-bottom: 22px;}
.join-main .list-box li .bot .info1 p {float: left;font-size: 12px;color: #333333;line-height: 2;min-width: 24%;margin-right: 1%;margin-bottom: 10px;}
.join-main .list-box li .bot .info2 {border-bottom: 1px solid #e5e5e5;padding: 24px 0 22px;}
.join-main .list-box li .bot .info2 h3 {font-size: 18px;color: #333333;line-height: 3;}
.join-main .list-box li .bot .info2 p {font-size: 12px;color: #777777;line-height: 2;}
.join-main .list-box li .bot .info3 {margin-top: 31px;}
.join-main .list-box li .bot .info3 .form_tishi{font-size:15px;}
.join-main .list-box li .bot .info3 .form_tishi a{color:#E50011; font-size:16px;}

.join-main .list-box .list {margin-bottom: 56px;}
.join-main .list-box li.li1 .td2 {color: #f91747;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.join-bg {background: #f5f5f5;width: 100%;padding: 30px 0 100px;}
.join-main .list-top {height: 40px;line-height: 40px;padding: 0 1.33% 0;background: #004488;font-size: 13px;color: #ffffff;}
.join-main .list-box li .top {font-size: 12px;}
.join-main .td1 {width: 20.33%;}
.join-main .td2 {width: 20.33%;}
.join-main .td3 {width: 20.91%;}
.join-main .td4 {width: 21.41%;}
.join-main .td5 {width: 15.4%;text-align: right;}

}



/*联系我们*/
.contact_us .pt1{margin-bottom:30px; margin-top:50px;}
.contact_us .pt1>.container{position:relative;}
.contact_us .pt1 .map_box{ height:500px; overflow:hidden;}
.contact_us .pt1 .map_box img{max-width:none;}
.contact_us .pt1 .map_text{width:36%;background:url(../images/blur_73.png);color:#fff;position:absolute;top:0%;right:6%;}
.contact_us .pt1 .map_text dl{padding:14% 6%;}
.contact_us .pt1 .map_text dt{font-size:24px;margin-bottom:26px;}
.contact_us .pt1 .map_text dd{margin-bottom:20px;line-height:30px;}
.contact_us .pt1 .map_text dd .map_main {width:80%; font-size:15px;}
.contact_us .pt1 .map_text dd a{color:#fff;}
.contact_us .pt1 .map_text dd .map_ico{width:30px;height:30px;background:url(../images/about_callus_part1_ico.png) no-repeat;margin-right:10px;}
.contact_us .pt1 .map_text dd.dd1 .map_ico{background-position:0px 0px;}
.contact_us .pt1 .map_text dd.dd2 .map_ico{background-position:-30px 0px;}
.contact_us .pt1 .map_text dd.dd3 .map_ico{background-position:-60px 0px;cursor:default;}
.contact_us .pt1 .map_text dd.dd4 .map_ico{background-position:-90px 0px;}
@media only screen and (max-width: 1240px) {
.contact_us .pt1 .map_text{width:100%; position:static;}
.contact_us .pt1 .map_text dl{padding:7% 3% 3%;}
}
@media only screen and (max-width: 760px) {
.contact_us .pt1 .map_box{height:250px;}
.contact_us .pt1 .map_text dt{font-size:18px; margin-left:10px; margin-bottom:20px;}
.contact_us .pt1 .map_text dd{margin-bottom:15px;line-height:33px;}

}

/*在线留言*/
.messages_con{ margin:50px 0;}
.messages_con h2 {text-align: center;font-size: 16px;color: #E60012;margin-bottom: 15px;}
.messagses_box {width: 100%;margin: 0 auto;}
.message_input {width: 46%;padding: 26px 0 0px 0;}
.message_input input {width: 100%;height: 44px;line-height: 44px;border: 1px solid #c1c1c1;padding: 0 5%;}
.message_textarea {width: 100%;padding: 26px 0 0px 0;}
.message_textarea textarea {width: 100%;height: 135px;border: 1px solid #c1c1c1;padding: 0 2.5%;line-height: 42px;margin: 0 auto;}
.messages_button {width: 34%;padding: 35px 0 0px 0;margin: 0 auto;}
.messages_button button {padding: 12px 0;border: 0;width: 150px;}
.messages_button ._submit {background: #E60012;color: #fff;margin-right: 89px;}
@media only screen and (max-device-width: 760px) {
.messages_con{ margin:30px 0;}
.messagses_box {width: 96%;margin: 0 auto;}
.messages_button {width: 44%; float:left;padding: 35px 0 0px 0;}
.messages_button button {padding: 12px 0;border: 0;width: 60px;}
.messages_button ._submit {background: #E60012;color: #fff;margin-right:19px;float:left;}
.messages_con h2 {font-size: 15px; width:96%; margin-left:auto; margin-right:auto; line-height:1.5;margin-bottom: 10px;}
}


.coporation{ margin:50px 0;}
.coporation li {margin-bottom: 45px;}
.coporation li .li_box {box-sizing: border-box;  padding: 20px 27px 15px 27px;background: #F2F2F2;}
.coporation li .li_box .pic_area {margin-bottom: 15px; border: 1px solid #ececec;}
.coporation li .li_box .txt_area .title {color: #34495e;font-size: 16px; text-align: center; line-height: 38px;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.coporation li .li_box .pic_area {margin-bottom:25px;}
.coporation li .li_box .txt_area .dec{height: 2.2em;overflow: hidden}
.coporation li .li_box .more {line-height: 1;padding: 15px;}
}
@media only screen and (max-device-width: 760px) {
.coporation{ margin:30px 0;}
}
