a{color:#222;}
a:hover{color: #1471ef;}
img{max-width: 100%;}
.tac{text-align: center;}
.bgf{background: #fff;}
.ovhtable{display: table;}
.pr{position: relative;}
.wrapper{width:1320px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.header{ width: 100%; height:90px; z-index:99; display: table; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; background: #fff;}

.header .headfix{box-shadow: 0 5px 10px 0px rgba(0, 22, 84, .03); position:fixed; top:0; width:100%; background: #fff; z-index:99;}
.logo{ float:left; line-height: 90px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.logo img{max-height:64px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.nav{line-height:90px; float:right;}
.nav .navico{display:none;}
.nav ul{margin:0 auto; display:table; text-align: left;}
.nav li{float:left; font-size:18px; font-weight:400;}
.nav li a{display:block; color:#333; padding:0 30px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; position:relative;}
.nav li.on a, .nav li.on:hover a, .header.fix .nav li.on:hover a{background:#1471ef; color:#fff;}
.nav li:hover a, .header.fix .nav li:hover a{color:#1471ef;}
.hsbg{width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.5; z-index:990; display:none;}
.header.fix .logo{line-height:74px;}
.header.fix .nav{line-height: 74px;}

.head_r{float:right; line-height:40px; border-radius:40px; background:#1471ef; color:#fff; padding:0 15px; font-size:16px; margin-top:25px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; display:none;}
.head_r a{color:#fff; padding:0 10px; display:inline-block;}
.head_r a:hover{color:#fff; opacity:0.8; text-decoration:underline;}
.header.fix .head_r{ margin-top:17px;}


.footer{width: 100%; overflow: hidden; background: #363636; color: #c4c4c4; font-size: 16px;}
.footer a, .footer a:hover{color: #c4c4c4;}
.foot_top{padding:50px 0; width: 100%; overflow: hidden;}
.foot_l{float: left; width: 230px;}
.foot_tit{font-size: 20px; position:relative; padding-bottom:6px; color:#fff; font-weight:bold;}
.foot_link{width: 100%; overflow: hidden; margin-top: 20px; line-height:40px;}
.foot_link a{float: left; display: inline-block; margin-right:40px;}
.foot_m{float: left; width:40%; margin-left: 12%; display: inline-block;}
.foot_contact{margin-top: 20px; line-height: 20px;}
.foot_contact dl{padding:10px 0;}
.foot_contact dt{float:left;}
.foot_contact dt img{ opacity:0.4;}
.foot_contact dd{margin-left:30px;}
.foot_r{float: left; width: 128px; text-align: center;}
.foot_r h3{margin-top: 8px;}
.copyright{width: 100%; overflow: hidden; padding:20px 0 40px; border-top: 1px #4a4a4a solid;}

.fix_menu{position: fixed; right:10px; bottom: 10px; z-index: 9; text-align: center;}
.fix_mbox{padding:8px; width: 145px; background: #fff; border-radius: 5px; text-align: left; box-shadow: 0px 3px 16px 0px rgba(148, 148, 148, 0.2);}
.fix_mbox h1 img{width: 100%; border-radius: 4px;}
.fix_mbox h2{padding: 15px 5px 0; font-weight: bold; font-size: 16px;}
.fix_mbox h2 img{float: left; margin-right:10px;}
.fix_mbox h3{padding:10px 0 5px 10px; color: #d92823; font-size: 18px; font-weight: bold; letter-spacing: 1px;}
.fix_menu ul{display: none; margin:0 auto;}
.fix_menu li{width: 78px; text-align: center; border-radius: 5px; background: #1471ef; color: #fff; margin-top: 10px; padding:14px 0; box-shadow: 0px 0px 12px 0px rgba(148, 148, 148, 0.2); font-size: 14px;}
.fix_menu li a{color: #fff;}
.fix_menu li p{padding-top: 6px;}
.fix_menu li.back_top{background: #fff; color: #333;}
.fix_menu li.back_top a{color: #333;}

.banner{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width: 100%;}
.banner img{object-fit: cover; min-height: 250px;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0px,0,0)}
.banner .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-position: center; background-size: cover;}
.banner.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.banner .pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;left:0;width:100%;}
.banner .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:8px; background:#fff; opacity:0.5; margin:2px 6px; cursor:pointer;}
.banner .swiper-pagination-bullet-active {background: none; margin:0 6px; border:2px #1471ef solid; opacity:1;}
.banner .next, .banner .prev {width:38px; height:61px; position:absolute; top:50%; margin-top:-30px;  display:block; cursor:pointer; z-index: 2; background: url(../images/ban_jtico.gif) no-repeat; opacity:.5;}
.banner .prev{left:3%; background-position:left top;}
.banner .next{right:3%; background-position:right top;}
.banner .prev:hover, .banner .next:hover{ opacity:1;}

.content{width:100%;}
.pad80{padding:80px 0;}
.ititle{font-size: 36px;}
.ititle h2{display: inline-block; position: relative; z-index: 1;}
.ititle h2 img{position: absolute; top: -16px; left: 50%; margin-left: -16px; width: 32px; height: 28px; z-index: -1; display:none;}
.imore{display: inline-block; padding: 0 40px; line-height: 46px; border-radius: 5px; border:1px #1471ef solid; color: #1471ef; font-size: 18px; margin-top: 40px; position: relative; z-index: 1; overflow: hidden; -webkit-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; -moz-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; -ms-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; -o-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;}
.imore:hover{color: #fff; }
.imore:after{content: ''; position:absolute; z-index:-1; top:0; left:0; width:0; height:100%; background:#1471ef; -webkit-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; -moz-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; -ms-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; -o-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s; transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;}
.imore:hover:after{width:100%;}

.iabg{background: #e4f5fd;}
.iproduct{width: 100%; overflow: hidden; padding-top: 20px;}
.iproduct ul{width: 102%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.iproduct li{width: 23%; float: left; margin:30px 2% 0 0; text-align:center;}
.iproduct li h1{width: 100%; overflow: hidden; position: relative; padding-bottom: 100%;}
.iproduct li h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.iproduct li:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.iproduct li h2{font-size: 18px; margin-top: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.iproduct li h3{font-size: 16px; margin-top: 15px; color: #888;}
.iproduct li:hover h2{-webkit-transform:translateY(5px); -moz-transform:translateY(5px); -o-transform:translateY(5px); transform:translateY(5px);}
.iabout_l{width: 50%; float: left; padding:0 0 0;}
.iabout_r{width: 47%; padding:45px 3% 0 0; float: right; position: relative; z-index: 1;}
.iabout_r img{width: 100%;}
.iabout_r:after{content: ''; position: absolute; top: 0px; right: 0; z-index: -1; width: 156px; height: 191px; background: url(../images/iabt_b.png) no-repeat;}
.iabt_name{color: #888; margin-top:15px; font-size: 18px;}
.iabt_txt{font-size: 16px; line-height: 32px; color: #666; padding:30px 10% 0 0; border-top: 1px #fff solid; margin-top: 20px;}

.iinfo{position:relative; width: 100%; overflow: hidden; padding:50px 0;}
.iinfo .swiper-slide {width: 100%; flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.iinfo .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.iinfo .iinfo_pagination{ position: absolute;  text-align: center; transition: .3s opacity;  transform: translate3d(0,0,0);z-index: 10; bottom: 0;left: 0; width: 100%;}
.iinfo .swiper-pagination-bullet { width:8px;height:8px;display:inline-block;border-radius:8px; background:#e6e6e6; margin:2px 6px; cursor:pointer;}
.iinfo .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.iinfo .swiper-pagination-bullet-active{background: none; margin:0 6px; border:2px #1471ef solid; opacity:1;}
.iinfo a{display: block;}
.iinfo h1{width: 100%; overflow: hidden; position: relative; padding-bottom: 48%;}
.iinfo h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.iinfo a:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.iinfo h2{font-size: 18px; margin-top: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.iinfo p{margin-top:20px; width: 100%; max-height: 48px; overflow: hidden; color: #999; line-height: 24px; font-size: 15px;}
.iinfo h3{position: relative; border-top: 1px #eee solid; width: 100%; margin-top: 20px; padding:20px 0 0; color: #999; font-size: 16px;}
.iinfo h3:after{content: ''; width: 0; height: 1px; position: absolute; top: -1px; left: 0; background: #1471ef; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.iinfo a:hover h3:after{width: 100%;}
.fwbg{background: url(../images/fwbg.jpg) no-repeat center top; background-size: 100% 320px;}
.fwbox{width: 100%;}
.fwbox ul{width: 103%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.fwbox li{width: 30.33%; margin:50px 3% 0 0; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); background: #fff; float: left; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.fwbox li h1{padding:30px 0;}
.fwbox li h2{font-size: 22px; border-top: 1px #e7f1fd solid; position: relative; padding:25px 10%;}
.fwbox li h2:after{content: ''; width: 7px; height: 7px; border-radius: 7px; position: absolute; top: -4px; left: 50%; margin-left: -4px; background: #1471ef;}
.fwbox li p{padding:0 10% 40px; font-size: 16px; color: #888; line-height: 30px;}
.fwbox li:hover{transform:translateY(-20px); -ms-transform:translateY(-20px); -webkit-transform:translateY(-20px);}
.hzhb_cont{padding-bottom: 80px; overflow: hidden;}
.hzhb_box{width: 100%; overflow: hidden; padding-top: 20px;}
.hzhb_box ul{width: 102%;}
.hzhb_box li{width: 23%; float: left; margin:30px 2% 0 0;}
.hzhb_box li h1{width: 100%; overflow: hidden; position: relative; padding-bottom: 90%; border:1px #eee solid; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.hzhb_box li h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.hzhb_box li:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.hzhb_box li h2{font-size: 18px; height:30px; line-height:30px; margin-top: 10px; text-align: center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbanner{width: 100%; overflow: hidden; text-align:center;}
.nbanner img{width: 100%; min-height:180px; object-fit: cover;}
.info_content{width: 100%; padding-bottom: 60px; background: #f6f6f6;}
.info_content .wrapper{ margin-top: -60px; position: relative; z-index: 2; overflow: hidden;}
.info_ctl{width: 265px; float: left; background: #fff;}
.info_ctr{margin-left:285px; background: #fff;}
.protitle{background: #1471ef; position: relative; padding:30px;}
.protitle i{width: 90px; height: 90px; border:2px #fff solid; display: block;}
.protitle span{position: absolute; left: 70px; bottom: 32px; line-height: 70px; background: #1471ef; font-size: 24px; color: #fff;}
.submenu{width: 100%; overflow: hidden;}
.submenu li{border-top: 1px #eee solid; font-size: 17px;}
.submenu li a{padding:15px 30px; display: block;-webkit-transition:all .3s ease-in;	-moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in; }
.submenu li a:hover, .submenu li.on a{background: #1471ef; color: #fff;}
.nct_hd{width: 100%; overflow: hidden; border-bottom: 1px #eee solid; line-height: 20px; padding:20px 0;}
.nct_hd h2{font-size: 18px; float: left; padding: 0 25px;}
.nct_hd h3{float: right; font-size: 14px; color: #999; padding: 0 25px;}
.nct_hd h3 a{color: #999;}
.nct_bd{padding:25px;}

.product{width: 100%; overflow: hidden;}
.product ul{width: 102%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.product li{width: 31.33%; float: left; margin:0 2% 30px 0; text-align:center;}
.product li h1{width: 100%; overflow: hidden; position: relative; padding-bottom: 100%;}
.product li h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.product li:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.product li h2{font-size: 16px; margin-top: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.product li h3{font-size: 16px; margin-top: 15px; color: #888;}
.product li:hover h2{-webkit-transform:translateY(5px); -moz-transform:translateY(5px); -o-transform:translateY(5px); transform:translateY(5px);}

.page{width: 100%; overflow: hidden; padding:20px 0; line-height: 34px; font-size: 16px;}
.page a, .page em, .page span{display: inline-block; padding:0 13px; margin: 0 3px 5px;}
.page a{ border:1px #eee solid; background: #fff;}
.page a.on{color: #fff; background: #1471ef;}
.page a.disabled{color: #afafaf; cursor: default; border:1px solid #eee;}
.info_box{width: 100%; overflow: hidden;}
.info_box ul{width: 102%;}
.info_box li{width: 31.33%; float: left; margin:0 2% 30px 0;}
.info_box a{display: block;}
.info_box h1{width: 100%; overflow: hidden; position: relative; padding-bottom: 48%;}
.info_box h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.info_box a:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.info_box h2{font-size: 16px; margin-top: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.info_box p{margin-top:20px; width: 100%; max-height: 48px; overflow: hidden; color: #999; line-height: 24px; font-size: 14px;}
.info_box h3{position: relative; border-top: 1px #eee solid; width: 100%; margin-top: 20px; padding:20px 0 0; color: #999; font-size: 16px;}
.info_box h3:after{content: ''; width: 0; height: 1px; position: absolute; top: -1px; left: 0; background: #1471ef; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.info_box a:hover h3:after{width: 100%;}
.probox{width: 100%; overflow: hidden;}
.proimg{width: 48%; float: left;}
.proimg img{width: 100%;}
.proinfo{width: 48%; float: right;}
.proinfo h2{margin-top: 20px; font-size: 24px;}
.proinfo p{margin-top: 10px; color: #999; line-height: 24px; font-size: 14px;}
.proinfo h3{font-size: 14px; font-weight: bold; margin-top: 40px;}
.proinfo h3 span{font-size: 24px;}
.proinfo dl{width: 100%; margin-top: 40px; font-size: 14px;}
.proinfo dl dt{ font-weight: bold;}
.proinfo dl dd{width: 100%;}
.proinfo dl dd span{display: inline-block; padding: 0 15px; background: #f2f3f5; line-height: 40px; margin:10px 10px 0 0;}
.proinfo .zxbtn{padding: 0 20px; line-height: 45px; border-radius: 10px; background: #1471ef; color: #fff; font-size: 17px; margin-top: 50px; display: inline-block; text-align:center;}
.proinfo .zxbtn:hover{color: #fff; opacity: 0.9;}
.paotab{margin-top: 30px;}
.paotab_hd{width: 100%; overflow: hidden; border-bottom:1px #eee solid; line-height: 50px; font-size: 18px;}
.paotab_hd li{float: left; margin-right:55px; position: relative; cursor: pointer;}
.paotab_hd li:last-child{margin-right:0;}
.paotab_hd li.active{color: #1471ef;}
.paotab_hd li.active:after{content: ''; width: 100%; height: 2px; background: #1471ef; position: absolute; left: 0; bottom: 0;}
.paotab_bd{width: 100%; overflow: hidden; padding:30px 0; font-size: 14px; color: #555; line-height: 30px;}
.detail_title{font-size: 24px; text-align:center;}
.detail_time{font-size: 16px; color: #999; margin-top: 10px; text-align:center;}
.detail_box{width: 100%; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 14px;}
.detail_link{overflow: hidden; border-top: 1px #eee solid; padding:20px 25px; font-size: 16px;}
.about_title{font-size: 30px;}
.about_box{font-size: 14px; line-height: 30px; margin-top: 30px; color: #555;}
.about_b{font-size: 14px; line-height: 30px; margin-top: 30px; color: #555; width: 100%; overflow: hidden;}
.about_bimg{width: 45%; float: left;}
.about_binfo{width: 50%; float: right;}
.about_binfo dl{padding: 20px 0;}
.about_binfo dl dt{font-size: 18px; font-weight: bold; position: relative;}
.about_binfo dl dd{color: #888; line-height: 24px;}
.contact_l{width: 45%; float: left; font-size: 16px;}
.contact_r{width: 50%; float: right;}
.contact_l h2{font-size: 26px; color: #1471ef;}
.contact_l h3{padding:15px 0; color: #999;}
.contact_l p{padding:8px 0;}
.contact_l p span{color: #888;}
.message_form{width: 100%; overflow: hidden;}
.message_form ul{width: 104%;}
.message_form li{width: 29.33%; float: left; margin:0 4% 40px 0;}
.message_form li:last-child{width: 96%;}
.message_form li h2{font-size: 18px;}
.message_form li h3{background: #f7f7f7; padding: 0 20px; margin-top: 15px;}
.msg_inp{width: 100%;height: 44px; line-height: 44px; background: none; border:0 none; outline: none; font-size: 16px; color: #333;}
.msg_textarea{width: 100%; height: 100px;padding:15px 0; line-height: 28px; background: none; border:0 none; outline: none; font-size: 16px; color: #333;}
.msg_submit{display: inline-block; position: relative; z-index: 2; background: #1471ef; color: #fff; font-size: 18px; font-weight: bold; width: 250px; line-height: 45px;}
.msg_submit:hover{color: #fff; opacity: 0.9;}

.newslist{width: 100%; overflow: hidden;}
.newslist ul{width:100%;}
.newslist li{width: 100%; float: left; margin:0 0 30px 0;}
.newslist a{display: block;}
.newslist h1{width: 320px; height:164px; overflow: hidden; position: relative; float:left;}
.newslist h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.newslist a:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.newslist_info{margin-left:350px;}
.newslist h2{font-size: 18px; margin-top: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.newslist p{margin-top:20px; width: 100%; max-height: 48px; overflow: hidden; color: #999; line-height: 24px; font-size: 16px;}
.newslist h3{position: relative; border-top: 1px #eee solid; width: 100%; margin-top: 20px; padding:20px 0 0; color: #999; font-size: 16px;}
.newslist h3:after{content: ''; width: 0; height: 1px; position: absolute; top: -1px; left: 0; background: #1471ef; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.newslist a:hover h3:after{width: 100%;}
.isubmenu{font-size:17px; line-height:50px; margin-top:30px; text-align:center;}
.isubmenu a{ padding:0 20px; display:inline-block;}

@media all and (max-width:1500px) {
	.wrapper{width: 90%; max-width:1320px;}
	.nav li a{padding:0 25px;}
	
}
@media all and (max-width:1350px) {
	.wrapper{width: 94%;}
	.nav li a{padding:0 25px;}
	
}
@media all and (max-width:1200px) {
	.logo img{max-width:360px;}
	.nav li a{padding:0 22px; font-size:16px;}

}
@media all and (max-width:1100px) {
	.nav li a{padding:0 16px;}
	
}
@media all and (max-width:1000px) {
	.header{height:64px;}
	.header .wrapper{position: relative;}
	.logo{line-height: 64px;}
	.logo img{max-height:46px;}
	.head_r{margin:12px 60px 0 0; color:#555; padding:0; background:none;}
	.head_r a, .head_r a:hover{color:#555;}
	.nav{padding:0; position: absolute; top: 10px; right: 0;}
	.nav .navico{display:block; padding:9px; float: right;}
	.nav .navico span{ background:#555; display: block; width: 20px;  height: 2px;  margin-top: 5px;  position: relative;  z-index: 1;  transform-origin: 20px center;border-radius: 2px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s, background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s, opacity 0.55s ease 0s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s;}
	.nav .navico.on{    position: fixed; top: 10px;left: 20px;z-index: 9999;}
	.nav .navico.on span {opacity: 1;transform: rotate(45deg);}
	.nav .navico.on span:nth-last-child(2) {opacity: 0;}
	.nav .navico.on span:nth-last-child(3) {opacity: 1; transform: rotate(-45deg);}
	.nav ul{position:fixed; width:240px; left:-240px; top:0; bottom:0; background:#fff; z-index:998; padding-top:68px; box-sizing:border-box;}
	.nav ul li{width:100%; overflow:hidden; line-height:40px; padding:0; margin:10px 0 0; font-size: 16px;}
	.nav ul li a{display:block; margin:0 25px;}
	.nav li.on a{ border-bottom-width:0;}
	.nav li a{color: #555;}
	.nav li.on a, .nav li:hover a{ padding-left: 25px;}
	.nav li.on a:after{background:#1471ef; left: 0; bottom: 17px; width: 12px; margin-left: 0; height: 3px;}
	.nav .navico.on span, .header.no .nav .navico span, .header.fix .nav .navico span{ background:#555;}
	.header.fix .logo{line-height:64px;}
	.header.fix .nav{line-height: 64px;}
	.header.fix .head_r{margin-top:12px;}
	
	.foot_m{ margin-left: 3%;}
	.info_box li{width: 48%;}
	.product li{width: 48%;}
	.proimg, .proinfo{width: 100%; float: inherit;}




}
@media all and (min-width:0) and (max-width:768px) {
	.wrapper{width: 92%;}
	.pad80{padding:40px 0;}
	.logo img{max-height:46px; max-width:260px;}
	.footer{font-size: 14px;}
	.foot_top{padding:35px 0 25px;}
	.foot_l, .foot_m, .foot_r{width: 100%; overflow: hidden; float: initial;}
	.foot_m{margin:15px 0 0;}
	.foot_r{ margin-top: 10px;}
	.foot_link, .foot_contact{ margin-top: 10px;}
	.foot_link{line-height:32px;}
	.foot_contact dl{padding:6px 0;}
	.copyright{padding:15px 0 20px; line-height: 24px;}

	.fix_menu{display: none;}

	.banner img{min-height: 220px;}
	.banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom:12px;}
	.banner .prev, .banner .next, .banner .prev:hover, .banner .next:hover{width:18px; height:29px; background-size:36px 29px; margin-top:-9px; display:none;}
	.banner .ban_txt h1{ font-size:20px;}
	.banner .ban_txt h2{ font-size:12px;padding-top:20px; margin-top: 10px;}
	.banner .ban_txt h2:after{height:14px;}
	
	.ititle{font-size: 24px;}
	.ititle h2 img{width: 20px; height: 17px; margin-left: -10px; top: -10px;}
	.imore{line-height: 36px; padding:0 20px; font-size: 14px; margin-top: 20px;}
	.iproduct{padding-top: 10px;}
	.iproduct ul{width: 104%;}
	.iproduct li{width: 46%; margin:15px 4% 0 0;}
	.iproduct li h2, .iproduct li h3{font-size: 14px; margin-top: 5px;}
	.iabout_l,.iabout_r{width: 100%; float: inherit; box-sizing: border-box;}
	.iabt_name{font-size:16px;}
	.iabout_r{margin-top: 30px; padding-top:10px;}
	.iabt_txt{padding:20px 0 0 0; font-size:14px;}
	.iabout_r:after{background-size: 80px 98px; width: 80px; height: 98px; top:-15px;}
	.iinfo{padding:25px 0 30px;}
	.iinfo h2, .iinfo p, .iinfo h3{margin-top: 15px;}
	.iinfo h3{padding-top:15px; font-size: 14px;}
	.iinfo p{font-size: 13px;}
	.hzhb_cont{padding-bottom: 40px;}
	.hzhb_box{padding-top:10px;}
	.hzhb_box li{width: 48%; margin-top: 10px;}
	.hzhb_box li h2{font-size: 14px; margin-top:5px;}
	.fwbg{background-size: auto 320px;}
	.fwbox{padding-top:10px;}
	.fwbox ul{display: block; width: 100%;}
	.fwbox li{width: 100%; margin:20px 0 0;}
	.fwbox li h1{padding:15px 0;}
	.fwbox li h2{padding:15px 10%; font-size: 16px;}
	.fwbox li p{line-height: 24px; font-size: 13px;}
	.info_box ul, .info_box li{width: 100%;}
	.info_box li{ margin:0 0 20px;}
	.info_box h2, .info_box p, .info_box h3{margin-top: 10px;}
	.info_box h3{padding-top:10px; font-size: 14px;}
	.info_box p{font-size: 13px;}
	.info_content{padding-bottom:30px;}
	.info_content .wrapper{margin-top: -50px;}
	.nct_bd{padding:15px;}
	.nct_hd{padding:15px 0;}
	.nct_hd h2{padding-left:15px; display: none;}
	.nct_hd h3{padding:0 15px; float: left;}
	.page{padding:10px 0; font-size:14px;}
	.info_ctl{width: 100%; overflow: hidden;}
	.info_ctr{margin:15px 0 0; width: 100%; overflow: hidden;}
	.product ul{width: 104%;}
	.product li{width: 46%; margin:0 4% 15px 0;}
	.product li h2, .product li h3{font-size: 14px; margin-top: 5px;}
	.protitle{display: none;}
	.submenu{overflow-x: auto;}
	.submenu ul{white-space: nowrap;}
	.submenu li{display: inline-block; border-top-width: 0;}
	.submenu li a{padding:15px;}
	.info_ctr .nct_hd{display: none;}
	.detail_title{font-size: 18px; font-weight: bold;}
	.detail_time{font-size:14px;}
	.detail_box{margin-top: 10px;}
	.detail_link{padding: 10px 15px; font-size:14px;}
	.detail_link a{width: 100%; display: block; float: inherit; padding: 6px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.proimg, .proinfo{width: 100%; float: inherit;}
	.proinfo h2{font-size: 18px; font-weight: bold;}
	.proinfo p{font-size: 12px; line-height: 20px;}
	.proinfo h3{margin-top: 20px;}
	.proinfo h3 span{font-size: 20px;}
	.proinfo dl{margin-top: 20px;}
	.proinfo dl dd span{line-height: 35px;}
	.proinfo .zxbtn{ margin-top: 20px; line-height: 40px;}
	.paotab_hd li{font-size: 15px; line-height: 40px; margin-right:30px;}
	.paotab_bd{padding: 15px 0;}
	.prodetail .submenu{display: none;}
	.prodetail .info_ctr .nct_hd{display: block;}
	.about_bimg, .about_binfo{width: 100%; float: inherit;}
	.about_binfo dl{padding:10px 0;}
	.about_title{font-size: 24px;}
	.about_box{margin-top: 15px;}
	.contact_l, .contact_r{width: 100%; float: inherit;}
	.contact_r{margin-top: 15px;}
	.contact_l{font-size: 14px;}
	.contact_l h2{font-size: 18px; font-weight: bold;}
	.message_form ul, .message_form li, .message_form li:last-child{width: 100%;}
	.message_form li{margin:0 0 20px;}
	.msg_submit{width: 50%; font-size:16px;}
	.message_form li h2{font-size:16px;}
	.msg_inp{font-size:14px;}
	.msg_textarea{font-size:14px;}
	.newslist h1{width: 120px; height:74px;}
	.newslist_info{margin-left:130px;}
	.newslist h2{font-size:15px; margin:0;}
	.newslist p{font-size:12px; line-height:20px; height:20px; margin-top:5px;}
	.newslist h3{margin-top:5px; padding:5px; font-size:13px;}
	.isubmenu{overflow-x: auto; white-space: nowrap; font-size:14px; margin-top:10px;}
	.isubmenu a{padding:0 15px;}




	
}