@charset "utf-8";
/* CSS Document */

body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {margin: 0;	padding: 0;}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {display: block;}
body {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0);	background-color: #fff;}
textarea {	resize: none;}
iframe, img {	border: 0;}
ul, ol {list-style: none;}
input, select, textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
a {	text-decoration: none;	color: #666;}
a:hover {text-decoration: underline;color: #62b15d;}
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/* 清理浮动 */
.clearfix {	clear: both;zoom: 1;}
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;visibility: hidden;}

.jumbo {font-size: 30px ;margin: 0; color: #666;}

.swiper-containera { padding-bottom:40px;   }
.swiper-containera .swiper-slide { width:978px;transition-timing-function:linear; }
@media only screen and (max-width:1200px){
	  .swiper-containera .swiper-slide { width:770px;}
	}
@media only screen and (max-width:980px){
	  .swiper-containera .swiper-slide { width:471px;}
	}
@media only screen and (max-height:480px){
	 .swiper-containera .swiper-slide {width:471px;}
	}
	
	
.swiper-containera .swiper-slide img{width:100%; border-radius: 4px;}	
.swiper-containera .swiper-slide .title{transform-origin:left top;left:-3px;font-size:24px;color: #333;text-align:center;font-weight:600;margin-top:20px;}	
.swiper-containera .swiper-slide .text{font-size:15px;color: #333;text-align:center;font-weight:400;display: -webkit-box;overflow: hidden;	-webkit-box-orient: vertical;word-break: break-all;		-webkit-line-clamp: 2;width:80%;margin:0 auto;margin-top:20px;margin-bottom:10px;}	
.swiper-containera .swiper-slide .function{font-size:14px;color: #333;text-align:center;width:80%;margin:0 auto;margin-top:20px;margin-bottom:10px;	}	
.swiper-containera .swiper-slide .function .btn{border:#ccc 1px solid;padding:15px 30px; display:inline-block;font-size:14px;font-weight:400;margin:0 1px;-webkit-transition: all .3s;transition: all .3s;
border-radius:2rem;}			
.swiper-containera .swiper-slide .function .btn:hover{background:#007fcc;color:#FFF;padding:15px 30px; display:inline-block;font-size:14px;	font-weight:400;margin:0 1px;}	
.swiper-containera .swiper-button-next, .swiper-button-prev{position:relative;width:86px;height:112px;background-size:86px 112px;margin-top:-56px;outline:none;}
.swiper-containera .swiper-button-next{	background-image:url(img/cursor-next.png);}
.swiper-containera .swiper-button-prev{	background-image:url(img/cursor-prev.png);}		
.swiper-containera .swiper-containera .swiper-pagination-bullet{background:none;opacity:1;	margin:0 6px !important;width:9px;height:9px;position:relative;	outline:none;vertical-align:middle;}
.swiper-containera .swiper-pagination-bullet span{width:3px;height:3px;background:#CCC;display:block;border-radius:50%;	margin-top:3px;	margin-left:3px;}
.swiper-containera .swiper-pagination-bullet i{	background:#000;height:1px;	width:20px;	position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.swiper-containera .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width:9px;height:9px;	margin-top:0;margin-left:0;	background:#000;position:relative;z-index:1;}
.swiper-containera .swiper-pagination-bullet-active i{animation:middle 6s;}
.swiper-containera .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{	animation:first 6s;}
.swiper-containera .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}				
	@keyframes first{
	  0% {transform:scaleX(0.5);left:0px;}/*091*/
	  100% {transform:scaleX(1);left:2px;} /*0915*/
	}
	@keyframes last{
	  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	  20% {transform:scaleX(0.3);left:2px;} /*090*/
	  100% {transform:scaleX(0.3);left:0px;} /*090*/
	}		
	@keyframes middle{
	  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	  20% {transform:scaleX(0.45);left:2px;}/*092*/
	  100% {transform:scaleX(1);left:2px;} /*0913*/
	}
	


/* 全局浮动 */
.fl {float: left;}
.fr {float: right;}
.wrapper {margin: 0 auto;}

/*竖线*/

.l-grid__wrapper { position: absolute; background-color: #fff;height:5000px;width:100%;	top:0;z-index:-1;}
.l-grid__wrapper.in_l-grid__wrapper{ height:100%;}
.l-grid__left { pointer-events: none;}
.l-grid__left:before { position: absolute; top: 0; left: 10%; width: 1px; height: 100%; background-color: #eaeaea; content: "";}
.l-grid__right { pointer-events: none;}
.l-grid__right:before { position: absolute; top: 0; right: 10%; width: 1px; height: 100%; background-color: #eaeaea; content: "";}
.l-grid__center { pointer-events: none;}
.l-grid__center:before { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #eaeaea; content: "";}
.l-grid__right:after { position: absolute; top: 0; right: 30%;width: 1px; height: 100%; background-color: #eaeaea;  content: "";}
.l-grid__left:after {position: absolute; top: 0; left: 30%; width: 1px; height: 100%; background-color: #eaeaea;  content: "";}

.navbar { z-index:9999; position: fixed; right: 0; left: 0; top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;-ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; } 

.top_fr{width:370px;  font-size:14px; font-weight:500; text-align:right;}

.icon{ background:url(../images/sf.png) no-repeat; width:20px; overflow:hidden; height:20px;background-position:center; background-repeat:no-repeat; display:inline-block; padding-top:18px;}
.seabox{ position:absolute; right:20px; top: 60px; background:#338c93; width:260px; padding:20px; line-height:1; opacity:0; visibility:hidden; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all .2s; transition:all .2s; z-index:999;}
.seabox input{ border:0; background:#fff 94% center; padding:0 20px; line-height:40px; width:100%; box-sizing: border-box;}
.seabox.sbon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.probootstrap_navbar .language { color:#666; display:inline; margin-right:15px;	text-align:center; background:#009cda; color:#FFF; border-radius:40px; width:110px; height:40px; line-height:40px; display: inline-block;}
.probootstrap_navbar.scrolled .language { color:#666; display:inline; margin-right:15px;	text-align:center; background:#007fcc; color:#FFF; border-radius:40px; width:110px; height:40px; line-height:40px; display: inline-block;}
.probootstrap_navbar .searchico {fill:#666;display:inline;	}
.probootstrap_navbar.scrolled .searchico {fill:#666;display:inline;	}
.probootstrap_navbar .nav-item .nav-link {padding: 1.2em 1em; font-size: 16px; text-transform: uppercase; font-weight: bold;}
.navbar-dark .navbar-nav .nav-link { color:#333; }

.companybtn {padding:15px 20px; border:#999 1px solid; color:#333; font-size: 14px; width:130px; text-align:center;-webkit-transition: all .3s; transition: all .3s;border-radius:40px;	margin-top:50px;}
.companybtn:hover {background:#007fcc;padding:15px 20px; font-size: 14px; width:140px; text-align:center;}
.companybtn:hover a{color:#FFF; text-decoration:none;}


.performtxt {display:inline-block; font-size:15px; color:#333;line-height:160%;}
.performbtn {padding:15px 20px; border:#999 1px solid; color:#333; font-size: 14px; width:160px; text-align:center;	-webkit-transition: all .3s; transition: all .3s; border-radius:40px;}
.performbtn:hover {background:#007fcc;padding:15px 20px; font-size: 14px; width:165px; text-align:center;}
.performbtn:hover a{color:#FFF; text-decoration:none;}

.contactbtn {padding:15px 20px; border:#999 1px solid; color:#333; font-size: 14px; margin:0 auto; width:180px; text-align:center;-webkit-transition: all .3s;  transition: all .3s;border-radius:40px;}
.contactbtn:hover {background:#007fcc;color:#FFF;padding:16px 20px; font-size: 14px; margin:0 auto; width:190px; text-align:center;border:0px;cursor:pointer;}

.homebox{ width:88%; margin:auto; padding-bottom:50px;}
.homebox2 { padding-bottom: 70px;	background:rgba(255,255,255,0.4);}
.home_com_img{ width:45%;}
.home_com_img img{ width:100%;}
.home_com_txt{ width:45%; padding-top:80px;}
.home_com_txt .home_com_txt_01{ margin-bottom:10px; color:#000; font-size:14px; font-weight:500; line-height:120%;  color:#666;}
.home_com_txt .home_com_txt_02{ margin-bottom:30px; color:#000; font-size:40px; font-weight:600; line-height:120%; text-transform:uppercase;}
.home_com_txt .home_com_txt_03{ margin-top:50px; font-size:17px; line-height:160%; color:#666;}

.homebox1{ padding:0 40px; margin:0 auto;}
.homebox1 .hometrame{display:inline-table; width:100%; height:80px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);    box-shadow: 2px 2px 30px rgba(0,0,0,0.1); position: relative; top:-30px; z-index:99; background:#fff;}
.homebox1 .hometrame .hometramefl{display:table-cell; color:#333; background:#f0f7fc; width:15%; vertical-align:middle; padding:0 40px; box-sizing: border-box; text-align:center;}
.homebox1 .hometrame .qualitycontrol{display:table-cell; color:#333; width:65%; vertical-align:middle; box-sizing: border-box; border-left:#ddd 1px solid; padding-left:40px;}
.homebox1 .hometrame .hotline{display:table-cell; color:#fff; width:20%; text-align:right; vertical-align:middle; padding:0 40px; padding-left:40px; box-sizing: border-box;  border-left:#ddd 1px solid; text-align:center; background:#009cda;}

.homebox3 {background:rgba(206,227,246,0.3);padding-top: 40px;padding-bottom: 40px;}

.homebox5{}
.home_cul_li{}
.home_cul_li li{ width:50%;}
.home_cul_li .home_cul_txt{ padding:140px 80px 0; box-sizing:border-box;}
.wow.wow02{ padding:0;}
.home_cul_01{margin-bottom:10px; color:#000; font-size:14px; font-weight:600; line-height:120%; color:#666; text-align:left; text-transform:uppercase;}
.home_cul_02{font-size:40px; width:100%; display:block; margin-bottom:40px; color:#333; text-align:left; font-weight:600;}
.home_cul_03{}
.home_cul_03 .home_cul_box{ float:left; width:45%; margin-right:10%; font-size:15px; margin-bottom:5%;}
.home_cul_03 .home_cul_box img{ width:47px; margin-bottom:10px;} 
.home_cul_03 .home_cul_box h2{font-size:18px; margin-bottom:5px; color:#007fcc; font-weight:normal;}
.home_cul_03 .home_cul_box:nth-child(2n){ margin-right:0;}
.home_cul_03 .home_cul_box:nth-child(6){ margin-top:50px;}
.performbtn.performbtn01{ width:120px;}
.performbtn.performbtn02{ width:120px; margin-top:80px;}
.home_cul_li .home_cul_img{display:table-cell; width:50%; background:#171e28 url(../images/adv.jpg) repeat center top; background-size:cover; height:850px;}
.home_cul_li .home_cul_img.home_cul_img02{ background:#171e28 url(../images/applic.jpg) repeat center top; background-size:cover; height:700px;}

.homebox04 {background:rgba(206,227,246,0.3); padding: 60px;}
.homebox04 .list .item { background: #fff; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px rgba(0,0,0,0.1); width: 48%; float: left; margin-right: 4%; box-sizing: border-box; padding: 30px 60px 30px 60px; margin-bottom: 30px; -webkit-transition: all .3s; transition: all .3s; }
.homebox04 .list .item:hover { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.homebox04 .list .item:hover .nam a { color:#007fcc;cursor:pointer;}
.homebox04 .list .item:nth-child(2n) { margin-right: 0;}
.homebox04 .list .item .tim {height: 2px; width:30px; margin-bottom: 30px;  margin-bottom: 30px; background:#ddd;}
.homebox04 .list .item .nam { font-size: 18px; color: #666; line-height: 26px; height: 52px; overflow: hidden; margin-top:30px;}
.homebox04 .list .item .nam a { text-decoration: none; font-size:18px; font-weight:400;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;
color:#666;}	
.homebox04 .list .item .nam a:hover { color:#004ca0;}
.homebox04 .list .item .txt { font-size: 15px; color: #333; line-height: 24px; margin-bottom: 40px;font-weight:300;	display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}	
.homebox04 .list .item .btn { line-height: 24px; height: 24px; width:100%; margin-bottom:30px;}
.homebox04 .list .item .btn a { display: block; width: 24px; height: 24px; }
.homebox04 .list .item .btn a.l01 { float: left; width:100px;text-align:left;}
.homebox04 .list .item .btn a.l02 { float: right; background-image: url(../img/hb01img02s.png); background-repeat:no-repeat;}
.home_new_tit{margin-bottom:20px; color:#000; font-size:30px; font-weight:600; line-height:120%; text-transform:uppercase;}
.home_new_titx{font-size:16px; color: #666;}

.homebox6 {padding: 90px 0 ;}
.home_cont{width:1200px; margin:0 auto; color:#333; justify-content: center!important; display: flex; flex-wrap: wrap; overflow:hidden;}
.home_cont_li:first-child{flex:0 0 40%;max-width:40%;}
.home_cont_li{flex:0 0 30%;max-width:30%;}

.footer{ padding:50px 100px 0;background-color: #121d26;color: #666;font-size: 14px;line-height: 160%;}
.foot_01{}
.foot_01 li{ float:left; width:12%;}
.foot_01 li h3{font-size: 15px; padding-bottom: 15px; color: #eee;}
.foot_01 li p{line-height: 180%;}
.foot_01 li a{ text-decoration:none; color: #ccc;}
.foot_01 li.footmenu{ width:44%;}
.foot_01 li.footmenulast{ width:20%; text-align:right;}
.foot_01 li.footmenulast img{ vertical-align:middle; margin-right:5px;}
.foot_01 li.footmenulast a{ color:#eee;}
.foot_02{border-top:#333941 1px solid; margin-top:60px; padding:50px 0px; overflow:hidden;}
.foot_02 .fl{ width:60%; line-height:160%;color: #eee; font-size: 14px;}
.foot_02 .fl .footlink{ margin-top:20px;}
.foot_02 .fl .footlink a{ font-size:12px; color:#999; display: inline-block; margin-top: 2px; margin-right:5px;}
.foot_02 .fr{ width:40%; text-align:right;}
.foot_02 .fr font{border:#636970 1px solid; padding:10px 20px; color:#eee; font-size:14px; margin-right:5px;}

.menux{ display:none;}
.nav{ display:none;}
nav.bottomnav{ display:none;}

.inbanner {	height: 300px;width: 100%;display: table;background: url(../images/inbanner.jpg) no-repeat center;	background-size: cover; margin-top:92px;}
.inbanner .title {display: table-cell;vertical-align: middle;text-align: center;text-transform: uppercase;}
.inbanner .title h2 {font-weight: normal;font-size: 60px;color: #fff;}
.inbanner .title h2:after {	content: "";display: block;	width: 120px;height: 4px;background: #fff;margin: 20px auto 0;}
.inbanner.inbanner_pro{background: url(../images/inbanner_pro.jpg) no-repeat center;}
.inbanner.inbanner_new{background: url(../images/inbanner_new.jpg) no-repeat center;}

.inpage { padding: 70px 0;color: #333;}
.inpage .tit{ text-align:center; padding-bottom:50px;}
.inpage .tit h2{ font-size:36px; font-weight:bold;}
.inpage .tit p.p2{ margin-top:0; font-size:26px; font-weight:bold;}
.inpage .tit p.p3{ margin-top:50px; font-size:18px; line-height:32px; padding:0 100px;}
.inpage .tit .comimg{ width:80%; margin:auto; margin-top:40px;}
.inpage .tit .comimg img{ width:100%;}
.inpage .culture{background: rgba(206,227,246,0.3); padding-top: 60px; padding-bottom: 40px;}
.inpage .culture h2{ font-size:36px; font-weight:bold; text-align:center;}
.inpage .culture h3{ text-align:center;}
.inpage .culture .cul_li{ padding:0 100px; margin-top:50px;}
.inpage .culture .cul_li li{ float:left; width:48%; margin-right:4%; background:#fff; padding:50px; box-sizing:border-box; margin-bottom:50px;box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);-webkit-transition: all .3s; transition: all .3s; }
.inpage .culture .cul_li li:hover{-webkit-transform: translateY(-15px); transform: translateY(-15px);}
.inpage .culture .cul_li li:nth-child(2n){ margin-right:0;}
.inpage .culture .cul_li li .img{ line-height:60px; margin-bottom:20px;}
.inpage .culture .cul_li li .img img{ width:60px; margin-right:10px; vertical-align:middle;}
.inpage .culture .cul_li li .name{font-size: 21px; color:#004ca0; font-weight: 400; margin-bottom: 30px;}
.inpage .culture .cul_li li .line{height: 2px; width: 30px; background: #aaa;}
.inpage .culture .cul_li li .pp{ margin-top:20px; line-height:24px; height:120px;}
.inpage .incont{ padding-top:50px;}
.inpage .incont h2{ text-align:center; font-size:36px;}
.inpage .incont h3{ text-align:center;}
.incontact { padding:0 100px; margin-top:50px; margin-bottom:50px; }
.in_cont_fl{ background:#f6f6f6; width: 50%; box-sizing:border-box; padding: 50px 90px; margin-top:30px;}
.in_cont_fl .con_tit{ font-size: 19px; font-weight: bold;}
.in_cont_fl .con_pp{ margin-top:20px;}
.in_cont_fl .con_pp li{border-bottom: 1px #ddd solid; line-height: 52px; padding-left:20px; font-size: 15px;}
.in_cont_fl .con_pp li img{ margin-right:15px; vertical-align:middle;}
.feed{ background:#f0f7fc; left:51%; width:49%; padding:30px 50px; margin-bottom:-45px; box-sizing:border-box;}
.feed .title{ text-transform:uppercase; font-size:24px; font-weight:bold; color:#333; margin-bottom:30px;}
.feed .feedb{}
input.messageinput{ background:#fff; width:48%; border:0; line-height:60px; padding:0 20px; font-size:14px; margin-bottom:20px; margin-right:2%; box-sizing:border-box;}
input.messageinput:nth-child(2){ margin-right:0;}
input.messageinput.messageinput0{ width:100%;}
input.messageinput.messageinput1{ margin-top:20px;}
textarea.messagetarea{ width:100%; height:120px; background:#fff; padding:20px; border:0; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
input.btnon{ background:#1086ff; color:#fff; border:0; line-height:54px; padding:0 40px; border-radius:40px; font-size:14px; display:block;}

.inpage.inpage_pro{background: rgba(206,227,246,0.3);}
.in_pro{ padding:0 100px; position:relative;}
.innlefta {	width:350px; float:left;}
.innlefta .innlefttit {background: url(../images/leftaa.jpg) repeat-x center top;color: #fff;font-size: 18px;font-weight: bold;	text-align: center;	height: 65px;line-height: 65px;width: 100%; background-size:cover;}
.innlefta .innleftbga {	width: 100%;background-color: #E9E9E9;	padding: 20px 10px;	box-sizing: border-box;}
.innlefta .innulaa {width: 90%;	background-color: #fff;	margin: 0px auto;padding: 15px 0;}
.innlefta .innulaa li {line-height: 32px; margin: 4px 0;}
.innlefta .innulaa li span{ display:block; height:32px; overflow:hidden;}
.innlefta .innulaa li a {font-size: 15px;color: #555;text-decoration: none;	font-weight: normal;display: block;	text-align: left;padding: 0 30px;box-sizing: border-box;}
.innlefta .innulaa li a em {background-color: #eee;	height: 1px;width: 100%;display: block;	margin: 0 auto;}
.innlefta .innulaa li a:hover {	color: #ab0000;}
.innlefta .innulaa li a.on {background-color: #E9E9E9;color: #ab0000;display:block;}
.innboxa{ width:350px;}
.wakaka01{position:fixed; top: 25px; z-index: 9;}
.wakaka02 { position:absolute; top: auto; z-index:9; bottom:70px;}
.inproduct{ margin-left:380px; border:1px #ddd solid; box-sizing:border-box; padding:30px 40px; background:#fff;}
.inproduct .inpro_tit{ border-bottom:1px #ddd solid; padding-bottom:20px; padding-left:20px;}
.inproduct .inpro_txt{ margin-top:40px;}
.inproduct .inpro_txt li{ float:left; width:46%; margin:0 2%; margin-bottom:30px;}
.inproduct .inpro_txt li .img{ width:100%; overflow:hidden;}
.inproduct .inpro_txt li .img img{ width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.inproduct .inpro_txt li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.inproduct .inpro_txt li .text{ text-align:center; padding:20px; background:#f0f7fc;}
.inproduct .inpro_txt li a:hover{ text-decoration:none;}
.inproduct .inpro_txt li .text .ch{ font-weight:bold; font-size:18px; color:#333; height:24px; overflow:hidden;}
.inproduct .inpro_txt li .text .en{ font-weight:bold; font-size:18px; color:#333;}
.inproduct .inpro_txt li .text .pp{ font-size:14px; padding:0 20px; height:38px; overflow:hidden; margin-bottom:20px; margin-top:8px;}
.inproduct .inpro_txt li a:hover .pp{ color:#666;}
.inproduct .inpro_txt li .text .mor{border: #ccc 1px solid; padding: 10px 20px; display: inline-block; font-size: 12px; font-weight: 400; margin: 0 1px; -webkit-transition: all .3s; transition: all .3s;
border-radius: 2rem;}
.inproduct .inpro_txt li:hover .text .mor{background:#007fcc; color:#fff;}

.inprotit{ font-size:22px; padding:20px 0; display:block;}
.inproimg img{ width:100%;}
.inprotext01{ margin-top:30px;}
.inprotext01 span{ background: url(../images/leftaa.jpg) repeat-x center top; background-size:cover; color:#fff; padding:10px 20px; display:inline-block;}
.inprotext02{ border:1px #ddd solid; margin-top:-1px; padding:30px; line-height:30px; background:#fbfbfb;}

.innew{ padding:0 100px;}
.innew li{ float:left; width: 29%; margin: 0 1.7%; height: 315px; margin-bottom:40px;}
.innew li a{ width: 100%; background:#f6f6f6; box-shadow: 0 0 10px rgb(0 0 0 / 20%); display: block; position: relative; height: 315px; transition: 0.5s;}
.innew li a .t01{}
.innew li a .t01 span{ background:#007fcc; width:120px; height:36px; font-size:14px; display:inline-block; line-height:36px; color:#fff; text-align:center;}
.innew li a .t02{ margin-top:50px; padding:0 40px; font-size:17px; color:#000; height:24px; overflow:hidden;}
.innew li a .t03{ padding:0 40px; font-size:13px; margin-top:45px; line-height:20px; color:#777; height:56px; overflow:hidden;}
.innew li a .newimg{ position: absolute; top: 0; left: 0; display: none; z-index:-111;  background-color: rgba(0,0,0,0.8);}
.innew li a .newimg img{ width:100%; height:315px; opacity:0.4; z-index:-111;}
.innew li a .to{ position:absolute; width:136px; height:4px; background:#d0101b; bottom:0; right:0; transition: 0.5s;}
.innew li a:hover{ background-color:rgba(0,0,0,0.9); z-index:1111; text-decoration:none;}
.innew li a:hover .t02{ color:#fff;}
.innew li a:hover .t03{ color:#fff;}
.innew li a:hover .newimg{ display:block;}
.innew li a:hover .to{ background:url(../images/homenewjtbg.jpg) no-repeat; height:40px; right:0;}


@media only screen and (max-width:1200px){
.probootstrap_navbar .searchico{ display:none !important;}	
.navbar-expand-lg .navbar-collapse{ display:none !important;}
.homebox1 .hometrame .hometramefl{ width:20%; padding:0;}
.homebox1 .hometrame .qualitycontrol{ width:55%; padding:0 40px;}
.homebox1 .hometrame .hotline{ padding:0 10px;}
.home_com_img{ width:50%;}
.home_com_txt{ padding-top:0;}
.home_com_txt .home_com_txt_02{ font-size:32px;}
.home_com_txt .home_com_txt_03{ font-size:15px;}
.home_cul_li .home_cul_txt{ padding:80px 40px 0;}
.inpage .tit .comimg{ width:96%;}
.inpage .culture .cul_li,.incontact,.innew{ padding:0 30px;}
.innew li{ width:47%; margin:0 1.5% 40px 1.5%;}
.in_cont_fl{ width:50%; box-sizing:border-box; padding:50px 30px;}
input.messageinput{ width:100%;}
input.messageinput.messageinput1{ width:60%;}
.footer{ padding:50px 30px 0;}
.in_pro{ padding:0 30px;}
.menux{ display: block;}
.menu { float: right; font-size: 14px; font-weight: bold; color: #4065ab; background: url(../images/menuicon.jpg) no-repeat left center; line-height: 40px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; text-indent:-9999px; width:32px; background-position: center 8px;}
.menu.on { background-image: url(../images/menuicons.jpg); }
.nav { position: fixed; display: block; top: 82px; left: 0; right: 0; z-index: 9999; background: #f1f1f1; bottom: 0; padding: 20px; visibility: hidden; opacity: 0; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); height:auto;}
.nav .nli { padding: 5px 0; display: block; border-bottom: 1px solid rgba(0,0,0,.1); text-align:center; line-height:36px;}
.nav.on { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

nav.bottomnav{ display:block; background:#1b2935; height:68px;}
nav.bottomnav li{ width:25%; float:left; text-align:center; border-left:1px #666 solid; border-right:1px #18364f solid; height:68px; box-sizing:border-box;}	
nav.bottomnav li a{ color:#fff;}
nav.bottomnav li a img{ width:20px; margin-top:10px; display:inherit;}
.home_cont{ width:98%;}

}
@media only screen and (max-width:980px){
.homebox1 .hometrame .qualitycontrol{ display:none;}
.homebox2{ padding-bottom:30px;}
.home_com_img{ width:100%;}
.home_com_txt{ width:100%; padding-top:50px;}
.home_cul_li li{ width:100%;}
.home_cul_li .home_cul_img{ width:100%;}
.home_cul_li .home_cul_img.home_cul_img02{ margin-top:50px;}
.homebox04{ padding:40px 0;}
.homebox04 .list .item:nth-child(4){ margin-bottom:50px;}
.inpage .culture .cul_li li{ width:100%;}
.in_cont_fl{ width:100%;}
.innew li{ width:100%; box-sizing:border-box;}
.innew li a .newimg{ display:none;}
.feed{ width:100%; margin-top:40px;}
.footer{ display:none;}
.top_fr{ width:auto;}
a.navbar-brand{ margin-bottom:15px;}
.inproduct{ width:100%; margin-left:0; margin-top:30px;}
.wakaka01{ position:static}
.wakaka02 { position:inherit;}
.innlefta{ width:100%;}
.innboxa{ width:100%;}
.home_cont_li:first-child{ flex:auto; max-width:100%;}
.home_cont_li{ width:100%; max-width:100%; flex:auto; text-align:center; line-height:32px;}
.innlefta{ float:none;}
.innlefta .innulaa li{ line-height:24px; padding:3px 0;}
.innlefta .innulaa li span{ height:auto;}
.innlefta .innulaa li span.en{ display:none;}
.innlefta .innulaa li a{ font-size:14px;}
.inproduct .inpro_txt li .text .en{ font-size:16px;}
.inproduct .inpro_txt li .text .cn{ font-size:16px;}
}
@media only screen and (max-width:480px){
.homebox1 .hometrame{ top:-5px; height:60px; font-size:13px;}
.homebox1 .hometrame .hometramefl{ width:15%;}
.home_com_txt .home_com_txt_02{ font-size:28px;}
.home_cul_02{ font-size:28px;}
.home_cul_03 .home_cul_box{ width:100%;}
.home_cul_li .home_cul_img{ height:420px;}
.home_cul_li .home_cul_img.home_cul_img02{ height:420px;}
.home_new_tit{ font-size:24px;}
.home_new_titx{ display:none;}
.inpage .tit p.p3{ padding:0 30px;}
.inbanner .title h2{ font-size:35px;}
.incontact{ margin-top:0;}
.inpage .incont h3{ padding:0 30px;}
.inpage .culture .cul_li li{ padding:40px;}
.inpage .culture .cul_li li .pp{ height:auto;}
.nav { top:132px;}
nav.bottomnav{ display:block; background:#161d27; height:68px;}
nav.bottomnav li{ width:25%; float:left; text-align:center; border-left:1px #333941  solid; height:68px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	
nav.bottomnav li a{ color:#fff; font-size:13px;}
nav.bottomnav li a img{ width:20px; margin-top:10px;}
.inproduct .inpro_txt li{ width:100%;}
.inpage.inpage_pro{ padding:40px 0;}
.inproduct{ padding:20px;}
.inprotext02{ padding:15px; font-size:13px; line-height:24px;}
.pro_page{ font-size:14px;}
}