@charset "utf-8";
/* CSS Document */
.WebTop .w1520{width:auto; padding: 0 20% 0 5%; position: relative;}
.WebTop .logo{width:55%;  max-height:100px; transition: all .5s ease 0s;}
.WebNav{width:100%; height:100%; padding: 50px 5%; box-sizing: border-box; position:fixed; top:0px; left: 0; z-index: 888; background: #fff; transition: all .5s ease 0s; overflow-x: hidden; overflow-y: auto; display: none;}
.WebNavlit{ width:100%; height:auto; line-height: 70px; border-bottom: 1px solid #ccc; text-align: left; float: inherit; position: relative;}
.WebNavlit a{ display:block; width:100%; height:70px; color:#333; transition: all .5s ease 0s;}
.WebNavlit:hover a{ color:#b72024;}
.WebNavlit .WebNavlita{display: none; position: inherit;}
.WebNavlit .WebNavlita a{ height:45px; line-height: 45px; background:#fff; color: #666;}
.WebNavlit .WebNavlita a:hover{background:#fff; color: #b72024;}
.WebNavlit:hover{ background:#fff;}
.WebNavlit:hover .WebNavlita{display: none;}
.c_nav{display:inline-block; right: 2%;}
.nav_more{display: block; top: 19.5px;}
.Wnset{ background: none; color: #b72024;}
.Wnset a{color: #b72024;}
/***/
.small{height:70px; background: rgba(255,255,255,.7);}
.small .logo{width:55%;  max-height:70px; overflow: hidden;}
.small .logo a{display: table-cell; height: 70px; vertical-align: middle;}
.small .WebNav{height:100%; width:100%; box-sizing: border-box; background: #fff; overflow-x: hidden; overflow-y: auto; }
.small .WebNav .WebNavlit{ width:100%; height:auto; line-height:70px; text-align:left;}
.small .WebNavlit:hover a{color:#b72024;}
.small .WebNavlit .WebNavlita a{color: #666;}
.small .Wnset a{color: #b72024;}
.small .WebRigt{ text-align:left; line-height:70px; box-sizing: border-box;}

.HomeBanner{width:100%; height:300px; position: relative; overflow: hidden;}
.HomeBanner .swiper-button-next,.HomeBanner .swiper-button-prev{display: none;}

.w1200{width:94%; height: auto;}
.Hc_Area{ width:100%; margin:50px 0 0 0;}
.Hc_Area_list{ width:100%; height:auto; margin:0 0 31px 0;}
.Hc_Area_list img{width:100%; height: auto; transition: all .5s ease 0s;}

.Homsec_bot{ width:100%; overflow:hidden;}
.Homsec_bot ul{}
.Homsec_bot ul li{ width:100%; /*height:531px;*/ height:auto!important;}
.Homsec_bot ul li img{width:100%; height: auto;}
.Homsec_bot ul li:hover{ height:auto!important;}
.Hmse_a{ width:100%; height:auto;}
.Hmse_b{ width:100%; height:auto; padding:25px 0 25px 0; text-align:center; line-height:30px; overflow:hidden;}

.HomeThird{ width:100%; padding:50px 0 30px 0;}
.PropDiv{ width:100%; height:500px; position: relative; overflow: hidden;}
.PropDiv_top{ width:100%; height:auto; line-height:30px; font-size:0.8rem; color:#757475; text-transform:uppercase; text-indent:16px;}
.PropDiv_top span{ font-size:0.6rem; }
.PropDiv_bot{ position:relative; width:100%; height:auto; -moz-border-radius:10px; border-radius:10px;}
.PropDiv_bot img{width:100%; height: auto;}
.Pdb_abs{width:94%; height:auto; padding:17px; right:3%; top:10px;  box-sizing: border-box; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}
.Pdb_abs .Pdb_abs_a{ height:auto; text-align: center; padding:16px 0 10px 0;}
.Propbotr{ width:100%; height:10px; background:url(../images/img17.png) no-repeat; background-size: 100% auto;}


.HomeFourth{ width:100%; height:auto; padding:44px 0 44px 0;}
.HomeNesDiv{ width:100%; height:auto; margin:60px 0 0 0;}
.Hndl{ width:100%; height:auto; margin-bottom: 30px; overflow: hidden;}
.Hndl .Hndl_img{ position: relative; width:100%; height:auto; overflow: hidden;}
.Hndl .Hndl_img img{width:100%; height: auto;}


.Hndr{ width:100%; height:auto;}
.Hndr_lit{ width:100%; height:auto; overflow: hidden; border-bottom:1px solid #c9caca; padding-bottom: 5px; margin:26px 0 0 0;}
.Hndr_lit:nth-child(1){ margin-top:0;}
.Hndl_time{ width:83px; height:83px; text-align: center; margin-right: 13px;}
.Hndl_intl{ width:67%; height:auto; overflow: hidden; margin-right: 0; float: left;}
.Hndl_intl_a{ width:100%; font-size:16px; color:#333333; font-weight: normal; line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Hndl_intl_a:hover{ color:#b72024;}
.Hndl_intl_b{ width:100%; font-size:12px; color:#666666; font-weight: normal; line-height:24px;}

.HomeFifth{ width:100%; padding:50px 0 50px 0;}
.HomeCooper{ width:100%; margin:36px 0 0 0;}
.Hcoplit{ width:48%; height:auto; border:2px solid #f7f7f7; line-height: 0; margin:0 4% 14px 0; box-sizing: border-box; overflow: hidden;}
.Hcoplit img{width:100%; height: auto;}
.Hcoplit:nth-child(5n){ margin-right:4%;}
.Hcoplit:nth-child(2n){ margin-right:0px;}

.footer{ position:relative; width:100%; min-height:297px;}
.foot_col{ width:100%; min-height:270px; padding:27px 0 0 0; background:#4a4a4a;}

.foot_csta{ width: 50%; padding-right: 20px; box-sizing: border-box; margin-bottom: 15px;}
.fot_bgb{background:#4a4a4a;}
.foot_cor{ width:100%; min-height:270px; padding:27px 0 0 0; text-align:right;}
.foot_cor_a{ width:100%; height:16px; line-height:16px; font-size:12px; color:#FFF;}
.foot_cor_a span{ background:url(../images/img21.png) left center no-repeat; padding-left:22px;}
.foot_cor_b{ width:100%; font-size:24px; color:#FFF; font-weight: normal; line-height:30px; margin:5px 0 15px 0;}
.foot_cor_c{ width:100%; line-height:30px; font-size:12px; font-weight:normal; color:#FFF;}
.foot_cor_c p:nth-child(1){ padding-right:26px; background:url(../images/img22.png) right center no-repeat;}
.foot_cor_c p:nth-child(2){ padding-right:26px; background:url(../images/img23.png) right center no-repeat;}
.foot_cor_c p:nth-child(3){ padding-right:26px; background:url(../images/img24.png) right center no-repeat;}
.foot_cor_c p:nth-child(4){ padding-right:26px; background:url(../images/img25.png) right center no-repeat;}

.Copyright{ width:100%; height:auto; line-height:24px; background:#333333; color:#6e6e6e; clear: both; padding: 10px 0;}
.Copyright .fr,.Copyright .fl{float: inherit;}


/* 2017/9/1 */
.pg_banner{width:100%; min-width:auto; height:280px; background-size: 100% 100%!important; overflow: hidden;}
.pg_w1200{width:94%; height: auto; padding:50px 0; margin: 0 auto; overflow: hidden;}
.pg_left{display: none;}


.pg_right{width:100%; height: auto; min-height: 500px; float: right;}
.pg_right img{ max-width: 100%; height: auto;}

.pg_right_h2{width:100%; height: 40px; border-bottom: 1px solid #ccc; font-size: 22px; color: #333333; margin-bottom: 30px; overflow: hidden;}
.pg_right_h2 span{display: inline-block; vertical-align: middle; width: 3px; height: 16px; background: #ea5b24; overflow: hidden; margin-right: 10px;}
.pg_dy{width:100%; height: auto; font-size: 14px; color: #777; margin-bottom: 55px; overflow: hidden;}


.pg_jytdul{width:100%; height: auto; margin-bottom: 55px;}
.pg_jytdli{width:100%;}

.pg_hzhbul{width:100%; height: auto;}
.pg_hzhbli{width:48%; height:auto; margin: 0 4% 13px 0; line-height: 0;}
.pg_hzhbli img{width:100%; height: auto;}
.pg_hzhbli:before,.pg_hzhbli:after{display: none;}
.pg_hzhbli:nth-child(4n){margin-right: 0;}
.pg_hzhbli:nth-child(2n){margin-right: 0;}


/* 招聘 */
.lwf{letter-spacing:0; word-spacing:0; font-size: 0;}
.pg_zpbt{widtth:96%; height:50px; line-height:50px; background:#3f3f3f; padding:0 2%; margin:45px 0 15px 0; color:#FFFFFF; overflow:hidden;}
.pg_zpbt div{ display:inline-block; vertical-align:top; font-size:16px;}
.pg_zpbt div:nth-child(1){width:85%;}
.pg_zpbt div:nth-child(2){width:16%; display: none;}
.pg_zpbt div:nth-child(3){width:16%; display: none;}
.pg_zpbt div:nth-child(4){width:16%; display: none;}
.pg_zpbt div:nth-child(5){width:10%; display: none;}
.pg_zpbt div:nth-child(6){width:15%;}

.pg_zpli .js_zpli{ margin:0; background:#efefef; color:#333333; cursor:pointer;}
.pg_zpli .js_zpli div:nth-child(6){width:15%; height:50px; background:url(../images/pg8.png) center center no-repeat;}
.pg_zpli .js_zpnuw{ background:#f08519; color:#FFFFFF;}
.pg_zpli .js_zpnuw div:nth-child(6){width:15%; height:50px; background:url(../images/pg7.png) center center no-repeat;}

.pg_zpwb{width:100%; padding:25px 3%; font-size:12px; line-height:24px; background:#f9f9f9; box-sizing: border-box;}

.pg_sxp a{ margin:  0 10px;}


.ShowNews{ width:100%;}
.Snlist{ width:100%; height:auto;}
.Snlist_a{ width:100%; height:auto; margin: 0 0 15px 0;}
.Snlist_a img{width: 100%; height: auto; transition: all .6s ease 0s;}
.Snlist_b{ width:100%; height:auto; line-height:24px;}
.Snlist_c{display: none;}



.pg_lyli{width:100%; height:auto; border-bottom: 1px solid #ccc; margin-bottom:20px; padding-bottom: 20px; overflow: hidden;}
.pg_lyliimg{width:100%; height: auto; float:inherit; overflow: hidden;}
.pg_lyliimg img{width:100%; height: auto;}
.pg_lylitxt{width:100%; height: auto; float: inherit; overflow: hidden;}
.pg_lylitxth2{margin-top:10px; margin-bottom: 15px;}
.pg_lylitxt_awz{width:100%; float: inherit; margin-right: 0; margin-bottom: 10px;}
.pg_lylitxt_ali{width:50%; float:left; margin-right: 0; box-sizing: border-box; overflow: hidden;}

.pg_lyul{width:100%; height: auto; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden;}
.pg_lyul .pg_lyli{width:100%; height:auto; border-bottom:none; margin-bottom:0; padding-bottom: 0; float: inherit; margin-right: 0; overflow: hidden;}

.pg_lyula{width:100%; height: auto; border-bottom: 1px solid #ccc; padding-bottom:0px; margin-bottom: 20px; overflow: hidden;}
.pg_lyula .pg_lyli{width:100%; height:auto; border-bottom:none; margin-bottom:20px; padding-bottom: 0; margin-right: 0; float: inherit; overflow: hidden;}
.pg_lyula .pg_lyliimg{width:100%; height: auto; float: inherit; overflow: hidden;}
.pg_lyula .pg_lyli .pg_lylitxt{width:100%; height: auto; float: inherit; overflow: hidden;}
.pg_lyula .pg_lyli .pg_lylitxt_awz{margin-right: 0; margin-bottom: 15px;} 
.pg_lyula .pg_lyli:nth-child(2n){margin-right: 0;}


.pg_dy img{max-width: 100%; height: auto;}


/* 产品 */
.pg_bannera{width:100%; height:460px; position: relative; background-size: 100% auto; overflow: hidden;}
.pc-banner {width:80%; height: auto; position: absolute; bottom:30px; left:10%; z-index: 2; overflow: hidden;}
.pr_slgd{width: 100%; padding:0px 0;}
.pr_slgd .swiper-slide-next{transform:translate(-50%,0)scale(0.6);  z-index: 1; background: #000; opacity: .8;}
.pr_slgd .swiper-slide-prev{transform:translate(50%,0)scale(0.6);  z-index: 1; background: #000; opacity: .8;}
.pr_slgd .swiper-slide-active,.pr_slgd .swiper-slide-duplicate-active {transform:translate(0,0)scale(1); opacity: 1; z-index: 3;}
.pr_slgd .swiper-slide a p{width:100%; height: auto; line-height: 40px; text-align: center; font-size: 14px; color: rgba(255,255,255,.5);transform:scale(.8); }
.video_tc{width:90%; height: auto; position: fixed; top:40%; left: 5%; z-index: 999; margin:0;}

/*产品中心*/
.in_cp_1{width:100%; height: auto; position: relative; overflow: hidden; background: #e5e6ea; padding: 50px 0; text-align: center;}
.in_cp_1 .swiper-wrapper{ height: auto;}
.in_cp_1 .swiper-slide a{display: block; width: 100%; height: 100%; overflow: hidden;}
.in_cp_1 .swiper-slide a img{width: 85%; height:auto; margin: 0 auto;}
.in_cp_1 .in_cpl,.in_cp_1 .in_cpr,.in_cp_3 .in_cpl1,.in_cp_3 .in_cpr1{display: none;}

.in_cp_1 .pg_dy{margin-bottom: 0;}
.in_cp_p{ width: 100%; height: auto; color: #666666; margin: 0 auto 0px auto; padding: 0 3%; box-sizing: border-box;}
.in_cp_ul{display:block; width: 100%; height: auto; font-size: 0;}
.in_cp_li{width: 25%; box-sizing: border-box; text-align: center; margin-bottom: 10px; float: none; display: inline-block; vertical-align: top;}

/*产品2*/
.in_cp_2{ width: 100%; height: auto; overflow: hidden; background: #f9f9f9; text-align: center; padding-bottom: 30px;}
.in_cp_2 img{width:85%; height: auto; margin: 0 auto;}
.in_cp_2bt{ color: #666666;  font-size: 22px; font-weight: bold; margin: 60px 0px 38px 0px;}
.in_cp_2p{ font-size: 14px; line-height: 24px; color: #66666; width: 94%; height: auto; overflow: hidden; margin: 0 auto;}

/*产品3*/
.in_cp_3box{  width: 100% ;height: auto; overflow: hidden; text-align: center; padding-bottom: 30px;}
.in_cp_3box img{width:100%; height: auto;}
.in_cp_3p{font-size: 24px; color: #666666; text-align: center; margin:30px auto 10px auto; font-weight: bold;}
.in_cp_3{  width: 100%; height: auto; margin: 0 auto; position: relative;}
.in_cp_3 .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 4px; overflow: hidden; background: #666666; }
.in_cp_3 .swiper-pagination-bullet-active{ background:#fd002a; }
.in_cp_3 .swiper-pagination{ bootom:200px;}

/*产品5*/
.in_cp_5{ height: 100%;}

/*产品6*/
.in_cp_6_1{ width: 100%; height: 4rem; overflow: hidden; text-align: center;}

.in_cp_6_1 li{ width: 50%; background: #b4b4b4; float: left; text-align: center; line-height: 4rem;}
.in_cp_6_1li a{ border: none;}
.in_cp_6_1 li a{ padding: 0px; color: #fff;}
.in_cp_6_1 li:hover,.in_cp_6_1 .in_cp_6_1li_a{ background: #57a9fd; }
.in_cp_6_1 li:hover a{ color: #fff!important; }
.in_cp_6_1 .in_cp_6_1li_a a{ color: #fff!important;}


.in_cp_6_box{  width: 100%; height: auto; overflow: hidden; background: #f7f8fa; padding-bottom: 30px;}
.in_cp_6_box img,.in_cp_6_3 img{width:100%; height: auto;}
.in_cp_6_ctr{ width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}

.in_cp_6_2{ font-size: 0px; word-spacing: 0px; letter-spacing: 0px; text-align: center; margin-top: 30px;}
.in_cp_6_2titl{display: inline-block; vertical-align: bottom; border-bottom: 2px solid #e1e1e1; padding-right: 30px; margin-bottom: 10px;}
.in_cp_6_2titl:last-child{ padding-right: 0px;}
.in_cp_6_2a{color: #979797!important; display: inline-block; font-size: 14px; line-height: 16px; min-height: 34px; padding-bottom: 8px; position: relative; top: 2px; border-bottom: 2px solid #e1e1e1;}
.in_cp_6_2a_a{border-bottom: 2px solid #57a9fd; }

.in_cp_6_3{ width: 94%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 30px;}
.in_cp_6_3p{ font-size: 14px; line-height: 24px; color: #666666; width: 100%;overflow: hidden;}
.in_cp_6_3p>span{ display: block;}

/*产品7*/
.in_cp_7{ margin: 55px auto 100px auto; width: 100%; height: auto; overflow-y: hidden; overflow-x: auto;}
.in_cp_7ta{ width: 1090px; height: auto; overflow: hidden; margin: 65px auto 0px auto; }
.in_cp_7ta tr{ border-bottom: 1px solid #e5e5e5; text-align: left; }
.in_cp_7p,.in_cp_7li1,.in_cp_7li2,.in_cp_7li3,.in_cp_7li4{  overflow: hidden; height: auto; text-align: left;  font-size: 14px; color: #666666; font-weight: normal; padding: 15px 0px; vertical-align: middle;}
.in_cp_7li1{ width: 13%;padding-left: 10px;color: #42a7ed;}
.in_cp_7li2{ width: 29%; }
.in_cp_7li3{ width: 29%; }
.in_cp_7li4{ width: 29%; box-sizing: padding-box; }
.in_cp_7tu img{ margin-left: -30px;}
.in_cp_7tu{ vertical-align: bottom; }
.in_cp_7p{font-weight: bold; color: #666666; }
.in_cp_7tu:hover .in_cp_7p{color:#42a7ed; }
.in_cp_7d{ text-align: center; margin-top: 30px;}
.in_cp_7gr{ font-size: 14px; color: #666666; overflow: hidden; text-align: center;display: inline-block; margin: 0 auto; padding-bottom: 5px; border-bottom: 2px solid #42a7ed;}
.in_cp_7gr:hover{border-bottom: 2px solid #666666; color: #666666; }

.pg_zxls{width:100%;}
.pr_slgd .pr_slgdl{left:20px;}