@charset "utf-8";

.WebTop .w1520{width:auto; padding: 0 10% 0 5%; position: relative;}
.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; border-bottom: 1px solid #ccc; text-align: left; float: inherit; position: relative;}
.WebNavlit a{ display:block; width:100%; height:100px; 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;}
/***/
.small{height:70px; background: rgba(0,0,0,.7);}
.small .logo{width:25%;  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:100px; text-align:left;}
.small .WebRigt{ text-align:left; line-height:70px; box-sizing: border-box;}

/**/
.in_banner{width:100%; height: 500px;}
.in_banner .swiper-slide a{background-size: auto 100%!important;}

.w1200{width:94%; height: auto; margin: 0 auto;}

.Hc_Area{ width:100%; margin:50px 0 0 0;}
.Hc_Area_list{ position:relative; width:30.33%; height:auto; margin:0 3% 31px 0; overflow: hidden; background:#000;}
.Hc_Area_list img{max-width: 100%; height: auto; min-height: 215px; transition: all .5s ease 0s;}

.PropDiv_bot img{width:100%;}
.Propbotr{ width:100%; height:50px; background:url(../images/img17.png) no-repeat; background-size: 100% auto;}

/* news */
.HomeFourth{ width:100%; height:auto; padding:44px 0 44px 0; background:#f6f6f6; overflow: hidden;}
.HomeNesDiv{ width:100%; height:auto; margin:60px 0 0 0;}
.Hndl{ width:45%; height:auto; overflow: hidden;}
.Hndl .Hndl_img{ position: relative; width:100%; height:auto; overflow: hidden;}

.Hndr{ width:50%; 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:78%; 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:18.4%; height:auto; border:2px solid #f7f7f7; margin:0 2% 14px 0; line-height: 0; box-sizing: border-box; overflow: hidden;}
.Hcoplit img{width:100%; height: auto;}
.Hcoplit:hover{ border-color:#b72024;}
.Hcoplit:nth-child(5n){ margin-right:0px;}

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

.foot_csta{ width: 25%; padding-right: 20px; box-sizing: border-box;}
.foot_cor{ width:40%; min-height:270px; padding:27px 0 0 0; text-align:right;}



/* 2017/9/1 */
.pg_w1200{width:94%; height: auto; padding: 90px 0; margin: 0 auto; overflow: hidden;}
.pg_left{width:20%; height: auto; min-height: 200px; padding: 20px 0; background: url(../images/png1.png) 5px 5px repeat-y;}


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

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

.pg_hzhbul{width:100%; height: auto;}
.pg_hzhbli{width:31.33%; height: auto; border: 2px solid #cbcbcb; float: left; margin: 0 3% 13px 0; transition: all .5s ease 0s; position: relative; box-sizing: border-box;}
.pg_hzhbli:before,.pg_hzhbli:after{display: none;}
.pg_hzhbli:nth-child(4n){margin-right: 3%;}
.pg_hzhbli:nth-child(3n){margin-right:0;}

.ShowNews{ width:100%;}
.Snlist{ width:100%; height:auto;}
.Snlist_a{ width:25%; height:auto; border-radius: 5px; overflow: hidden; margin: 0 3% 0 0;}
.Snlist_a img{width:100%; height: auto;}
.Snlist_b{ width:52%; height:auto; line-height:24px;}
.Snlist_c{width:20%; height: 150px; float: right; position: relative; overflow: hidden;}

/**/
.pg_lyli{width:100%; height:auto; border-bottom: 1px solid #ccc; margin-bottom:20px; padding-bottom: 20px; overflow: hidden;}
.pg_lyliimg{width:30%; height: auto; float: left; overflow: hidden;}
.pg_lyliimg img{width: 100%; height: auto;}
.pg_lylitxt{width:65%; }
.pg_lylitxth2{width:100%; height: auto; font-size: 22px; color: #333333; margin-top:0; margin-bottom: 15px;}
.pg_lylitxt_awz{width:100%; float: inherit; margin:0 0 20px 0;}

.pg_lyul{width:100%; height: auto; border-bottom: 1px solid #ccc; padding-bottom: 20px; overflow: hidden;}
.pg_lyul .pg_lyli{width:31.33%; height:auto; border-bottom:none; margin-bottom:30px; padding-bottom: 0; float: left; margin-right:3%; overflow: hidden;}
.pg_lyul .pg_lyliimg{width:100%; height: auto;}
.pg_lyul .pg_lyli .pg_lylitxt{width:100%; height: auto; float: inherit; overflow: hidden;}
.pg_lyul .pg_lyli .pg_lylitxth2{ margin: 10px 0;} 
.pg_lyul .pg_lyli .pg_lylitxt_awz{width:100%; height: auto; font-size: 14px; line-height: 24px; color: #777777; float: inherit; margin-right: 0; margin-bottom: 15px;}
.pg_lyul .pg_lyli:nth-child(3n){margin-right:0%;}

.pg_lyula{width:100%; height: auto; border-bottom: 1px solid #ccc; padding-bottom: 20px; overflow: hidden;}
.pg_lyula .pg_lyli{width:48%; height:auto; border-bottom:none; margin-bottom:0; padding-bottom: 0;  margin-right: 4%; float: left; overflow: hidden;}
.pg_lyula .pg_lyliimg{width:35%; height: auto; float: left; overflow: hidden;}
.pg_lyula .pg_lyli .pg_lylitxt{width:60%; height: auto; float: right; 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:500px; position: relative; background-size: 100% auto; overflow: hidden;}
.pc-banner {width:415px; height: auto; position: absolute; bottom:30px; left:8%; z-index: 2; overflow: hidden;}


/*产品6*/
.in_cp_6_box{  width: 100%; height: auto; padding-bottom: 50px;}
.in_cp_6_ctr{ width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.in_cp_6_3{ width: 80%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 30px;}


/*产品7*/
.in_cp_7{ margin: 55px auto 100px auto;}
.in_cp_7ta{ width: 100%; height: auto; overflow: hidden; margin: 65px auto 0px auto; }