@charset "utf-8";
html,body{ font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif; font-size: 14px; line-height: 30px; overflow-x:hidden;background:#fff; color:#4d4d4d; margin: 0;padding: 0; -webkit-text-size-adjust:none;}	
ul,p,h1,h2,h3,h4,h5,h6,dd,dt{ margin:0px; padding:0px;font-weight: normal; }
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong{ font-weight:900;}
a{text-decoration:none; color:#333;}
a:hover{ color:#19a3d1}
li{ list-style:none;}
.clearfix:before, .clearfix:after{display: table;  line-height: 0; content: ""; clear: both;}
a:hover{  text-decoration:none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fl, .l, #l {	float: left}
.fr, .r, #r {	float: right}
.container { width: 1360px;    margin:0 auto;}
.ka {  display: inline-block; font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; vertical-align:middle;
    font-size: 18px; color:#f99303;
}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}
/*头部*/

header{box-shadow:0 1px 4px #7f7f7f40;-webkit-box-shadow:0 1px 4px rgba(127,127,127,.25);}
.top_bottom_line{box-shadow:0 1px 4px #7f7f7f40;-webkit-box-shadow:0 1px 4px rgba(127,127,127,.25); }
.position{ margin-top:30px;}
.position a{ padding-right:5px; font-size:14px; color:#666}
.indexicon{ color:#009}
.clear{ clear:both;}

.paTBox{padding:10px 0; height:auto;}
.paTBox .logo{display: flex; align-items: center; }
.paTBox .logo img{ max-height:80px; display: block;}
.paTBox .logo .logo_text h1{   font-weight: bold; } 
.paTBox .logo .logo_text span{  background: #f2f2f2; font-size: 18px;display: block; margin-top:10px; padding:3px 0px; text-align:center;letter-spacing:1px; color:#666;}
.top_tel dt{color:#000;}
.top_tel dd{}

.logo_text h1{ font-size:28px;}
.top_tel dd a{ color:#000;}
.top_tel dd a:hover{ color:#19a3d1}


.top_tel{ font-size:16px;}
.top_tel dt{ line-height:24px;}
.Sptline{ display: flex;align-items: center;  justify-content: space-between;}

.paTBox .search  { width: auto;}
.paTBox .search form{ display: flex;  }
.paTBox .search input{border: 1px solid rgba(127,127,127,.2); width: 100%;     border-radius: 3px 4px 4px 3px;
    -webkit-box-shadow: 0 2px 3px rgba(127,127,127,.11);  box-shadow: 0 2px 3px #7f7f7f1c;background: none;  padding: 17px 20px; font-size:14px; color:#666;}
.paTBox .search button{border: none; padding: 15px 20px; color: #373737;  background: transparent;cursor: pointer;}

.nava {clear: both; margin-top:5px; height:60px;}
.nava ul.menu {}
.menu>li {	float: left;flex: 1;	height:60px;	line-height:60px;	padding: 0px 0px 0px 0px;	display: inline;}
.menu li>a {font-size:16px;text-decoration: none; color: #000;	height: 60px;line-height:60px;	display: block;	text-align: center; font-weight:700;-webkit-transition:opacity .15s ease;background: url(../images/dhl_line.jpg) no-repeat right center; padding:0 30px; }
.menu>li.active>a {  color: #19a3d1; }
.menu>li ul {display: none;	position: relative;z-index: 9999; background: #fff;margin:0px;}
.menu>li a:hover {color:#19a3d1;}
.menu>li:hover ul{display:block;margin:0px; padding:0px;}
.menu>li ul li a{ line-height:35px; font-size:14px; height:35px; font-weight:normal; background-image:none;color:#666;padding:0px; text-align:left;}
.submeun li{ padding:0 10px;}
.submeun li:hover{ background-color:#f2f2f2}
.index_banner .banner-center-text {	width: 100%; position: absolute;	top: 50%;	transform: translateY(-50%);
	-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);}
.index_banner .banner-center-text .btn-box{	width: max-content;	margin: 0 200px;}
.index_banner .banner-center-text .btn-box h3.title{color: #fff;	font-size: 30px; font-weight: bold;	margin-bottom: 30px;}
.index_banner .banner-center-text .btn-box p.note{	color: #fff;font-size: 22px; font-weight:lighter;margin-bottom: 30px;		}
.index_banner .banner-center-text .btn-box .more{color: #fff;font-size: 18px; font-weight:bold;background: #d7691a;	padding: 10px 23px;	display: inline-block;	border-radius: 3px;	transition: all .5s; margin:0px 30px 0px 100px;}
.index_banner .banner-center-text .btn-box .more:hover{	background-color: #000;	color: #fff;}

.index_banner .banner-center-text .btn-box .more1{color: #333;font-size: 18px; font-weight:bold;background: #fff;	padding: 10px 23px;	display: inline-block;	border-radius: 3px;	transition: all .5s;}
.index_banner .banner-center-text .btn-box .more1:hover{	background-color: #000;	color: #fff;}

.index_about .about_box {  margin: 60px 0px;}
.index_about .about_box .about_box_text{background: url(../images/index_gg.jpg) no-repeat center;height: 400px; padding: 120px 40px 0px 80px; width: 100%; text-align:left;}
.index_about .about_box .about_box_text h3{font-weight: bold; font-size: 24px; margin-bottom: 10px; color: #fff;}
.index_about .about_box .about_box_text p{ font-weight: normal; font-size: 18px; margin-bottom: 10px; color: #fff;}
.index_about .about_box .about_box_text a.more{color: #0b70b6;  font-size: 16px;  
    background: #fff;  padding: 5px 20px;   display: inline-block;  border-radius: 10px;  transition: all .5s; margin-top:30px;font-weight:bold;}

.index_about .about_box .about_box_text a.more:hover{ background:#0b70b6; color:#FFF }

.index_youshi{ margin: 0px 0px 30px 0px; background: #f8f8f8;padding:0px;}
.index_youshi .youshi_box_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.index_youshi .youshi_box_list ul li{ text-align: center; width:22%; padding:40px 10px;}
.index_youshi .youshi_box_list ul li:hover{ background-color:#fff}
.index_youshi .youshi_box_list ul li img{ }
.index_youshi .youshi_box_list ul li h3{font-weight: bold; font-size: 16px;}
.index_youshi .youshi_box_list ul li p{color: #333; line-height:22px; font-size:15px;}

.index_product{padding: 30px 0;}
.index_product .product_box_list ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;}
.index_product .product_box_list li{ position: relative; width: calc(100%/3 - 20px); margin: 0px 10px;border:solid #f2f2f2 1px; }
.index_product .product_box_list li .img{ display: flex; align-items: center; justify-content: center; overflow:hidden;}
.index_product .product_box_list li img{ display: block;object-fit: contain; width:96%;transition: all 0.5s;}
.index_product .product_box_list li .text{ background: rgba(0,0,0,0.3); width: 100%; padding: 10px;  position: absolute;   bottom: 0;}
.index_product .product_box_list li img:hover{transform: scale(1.1);}
.index_product .product_box_list li .text:hover{ background: rgba(11,112,182,1);}
.index_product .product_box_list li .text a:hover{ font-weight:bold;}


.index_product .product_box_list li .text h3{ color: #fff; font-size: 22px; line-height:24px; font-weight:bold;}
.index_product .product_box_list li .text p{ color: #fff;  font-size: 16px; margin: 10px 0px 10px 0px; line-height:22px;}
.index_product .product_box_list li .text a.more{color:#19a3d1;  font-size: 16px;  
    background: #fff;  padding: 2px 20px;   display: inline-block;  border-radius: 10px;  transition: all .5s; font-weight:bold;}

.index_product .product_box_list li:nth-child(4),.index_product .product_box_list li:nth-child(5){
	 position: relative; width: calc(100%/2 - 20px); margin: 20px 10px 0px 10px; background: #f2f2f2;  display: block; 
	 }
	 
	 
.index_product .product_box_list li:nth-child(4) .img,.index_product .product_box_list li:nth-child(5) .img{
width: 40%; float: right; height: 265px;}	
.index_product .product_box_list li:nth-child(4) .img img,.index_product .product_box_list li:nth-child(5) .img img{
height: 265px;   object-fit: contain;}
.index_product .product_box_list li:nth-child(4) .text,.index_product .product_box_list li:nth-child(5) .text{
 background: none; position: inherit; width: 60%; float: left;	padding: 60px 20px 0px 40px; 
}
.index_product .product_box_list li:nth-child(4) .text h3,.index_product .product_box_list li:nth-child(5) .text h3{
	color: #000;
}
.index_product .product_box_list li:nth-child(4) .text p,.index_product .product_box_list li:nth-child(5) .text p{
	color: #333; font-size:16px;
}
.index_product .product_box_list li:nth-child(4) .text a.more,.index_product .product_box_list li:nth-child(5) .text a.more{
	 background:#0b70b6;color: #fff; margin-top:30px;
}

.index_product .product_box_list li .text a.more:hover{ background-color:#d7691a; color:#fff !important;}


.index_partner { margin: 46px 0px;}
.index_partner h2{ text-align: center; font-weight: bold; margin: 30px 0px; font-size: 30px;}
.index_partner .partner_box_list ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;}
.index_partner .partner_box_list li{ position: relative; width: calc(100%/3 - 20px); margin: 0px 10px;  text-align: center; border: 1px solid rgba(127,127,127,.16);
    -webkit-box-shadow: 0 1px 4px rgba(127,127,127,.11);
    box-shadow: 0 1px 4px #7f7f7f1c;}
.index_partner .partner_box_list li img{ display: block; width: 100%; height: 245px;}
.index_partner .partner_box_list li .text div {color: #4d4d4d80;}
.index_partner .partner_box_list li .text time{color: #4d4d4d80;}
.index_partner .partner_box_list li .text span{color: #4d4d4d80;}
.index_partner .partner_box_list li .text{width: 100%; padding: 20px 20px; }
.index_partner .partner_box_list li .text h3{ color: #000; font-size: 20px; font-weight: bold;}
.index_partner .partner_box_list li .text p{ color: #000;  font-size: 14px; margin: 5px 0px 10px 0px;}
.index_partner .partner_box_list li .text a{text-decoration: underline;}
.index_partner .partner_box_list li .text a.more{color:#19a3d1;  font-size: 16px;  
    background: #fff; margin:20px 0px;display: inline-block;  border-radius: 10px;  transition: all .5s; font-weight:bold;}

.index_products{ margin: 75px 0px 60px 0px; }
.partner_box_list{padding-top:10px;}
.index_products h2{ text-align: center; font-weight: bold; margin: 43px 0px; font-size: 30px;}
.index_products .products_list ul{ display: flex; margin-bottom: 20px;}
.index_products .products_list ul li {width: calc(100%/5 - 0px); position: relative; height: 300px;  }
.index_products .products_list ul li .li-box{ position: absolute;  margin: 0px 10px; background: #fff; border: 1px solid rgba(127,127,127,.16);
    -webkit-box-shadow: 0 1px 4px rgba(127,127,127,.11);
    box-shadow: 0 1px 4px #7f7f7f1c; height: 300px;transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition:height 1s; /* Safari and Chrome */
-o-transition:height 1s; /* Opera */ 
}
.index_products .products_list ul li .img{ height: 250px;padding: 10px 10px; display: flex; justify-content: center; align-items: center;}
.index_products .products_list ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.index_products .products_list ul li .text{ margin: 0px 0px 0px 0px;}
.index_products .products_list ul li h3 { font-weight: normal; font-size: 16px; padding: 10px 0px; text-align: center; background: #f2f2f2;}

.index_products .products_list ul li a.more {color: #fff; width: 90%; margin: 10px auto;   font-size: 16px; font-weight: bold;   background-color: #0b70b6;   padding: 5px 50px; display:block;  
 border-radius: 2px; text-align: center;  
   
    opacity: 1;visibility: hidden;
      -webkit-transition: opacity 0.20s ease 0s;
  transition: opacity 0.20s ease 0s;}
.index_products .products_list ul li:hover a.more { opacity: 1;visibility: visible;} 
.index_products .products_list ul li:hover .li-box{height:calc(100% + 110px);z-index: 9;  visibility: visible; }
.list_nav{    width: calc(100%/5 - 0px); background: #0b70b6; display: flex; justify-content: center; align-items: center;}  
.list_nav h3{ color: #fff; font-size: 18px; text-align: center; }
.list_nav span{ color: #fff; font-size: 14px;
    padding: 3px 40px;
    display: inline-block;
   
    transition: all .5s;background: url(../images/bottum_bj.jpg) no-repeat center; padding-left:10px}
	
.list_nav span:hover{ font-weight:bold;}

.index_news{ margin:76px 0px; padding-bottom:60px;}
.index_news h2{ text-align: center; font-weight: bold; margin: 30px 0px; font-size: 30px;}
.news_left{float:left; width:49.3%; margin-bottom:80px; }
.left_cont img{ max-width:670px}
.news_title{ font-size:18px; font-weight:bold;}
.news_time{ font-size:14px; color:#666; float:right;}
.news_ms{ font-size:14px;padding:10px 0px; line-height:22px;}
.news_more a{color:#0099cb; font-weight:bold; font-size:14px;}
.news_more:hover{ color:#d7691a}

.news_left dl a:hover{background:rgba(0,0,0,1); color:#19a3d1}

.news_right{ width:45%; float:right;}
.news_right dl{ margin-bottom:10px; padding:10px;}
.news_right dl:hover{box-shadow:0 1px 4px #7f7f7f40; color:#ff0000;}
.index_news .news_list{ display: flex; flex-wrap: wrap;}
.index_news .news_list dl{ width: calc(100%/3 - 20px); margin: 10px 10px; height: 300px; position: relative;}

.index_news .news_list dl dt { position: relative;}
.index_news .news_list dl dt:after{ background: rgba(0,0,0,0.5); content: ""; position: absolute;top:0;width: 100%; height: 100%;}
.index_news .news_list dl dt:after:hover{background: rgba(0,0,0,1)}


.index_news .news_list dl dt img{ width: 100%; display: block; object-fit: cover; height: 300px;}

.index_news .news_list dl dd{ position: absolute; height: 100%; width: 100%; display: flex; top: 0; justify-content: center;
    align-items: center;}
.index_news .news_list dl dd h3{ font-weight: bold; color: #fff; font-size: 16px; text-align: center;}

/*.index_news .news_list ul{ width: 55%; padding: 0px 0px 0px 60px;}
.index_news .news_list ul li{ margin: 10px 0px 20px 0px;}
.index_news .news_list li h3{ font-weight: bold;}
.index_news .news_list li time{ font-weight: normal; float: right; color: #4d4d4d80;}
.index_news .news_list li p{ font-weight: normal; margin:10px 0px;color: #4d4d4d80;}
.index_news .news_list li span { color: #0b70b6;}*/


footer{ background: #f6f3ee; padding: 60px 0px 0px 0px;}
footer .foot_box { display: flex;}
footer .foot_box .foot_nav{ width: 25%;}
footer .foot_box .foot_nav h2{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
footer .foot_box .foot_nav ul li a{ font-size: 16px;}

footer .foot_message {width: 20%; margin-right: 5%;}
footer .foot_message h2{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
footer .foot_message p{ margin: 0px 0px 0px 0px;  font-size: 14px;}
footer .foot_form form{ width: 100%; margin: auto;}
footer .foot_form form input.layui-input{ display: block; width:100%;  font-size: 16px; margin-top: 20px;
    color: #4d4d4d;  background: #fff;  border: 1px solid rgba(127,127,127,.3);   border-radius: 3px;padding: 10px 10px; }
footer .foot_form form button {color: #fafff7;background: #09c;  border: 1px solid #0099cc; border-radius:3px; cursor: pointer; margin: 30px 0px 0px 0px;  font-size: 16px; font-weight: bold; width:auto;  padding: 10px 10px;}


footer .foot_box .foot_contact{ width: 25%;}
footer .foot_box .foot_contact h2{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
footer .foot_box .foot_contact  dt{ background: url(../images/top_email.png) no-repeat left center; font-size:16px; padding-left: 25px;}
footer .foot_box .foot_contact  dd{ background: url(../images/top_tel.png) no-repeat left center; font-size:16px; padding-left: 25px;}

footer .foot_box .foot_contact ul{ display: flex;}
footer .foot_box .foot_contact ul li{display: flex;align-items: center;   justify-content: center;    background-color: #1d1d1d26;
    width: 30px; height: 30px; border-radius: 100%;    padding: 4px; margin: 0px 10px 0px 0px;   overflow: hidden;  font-size: 14px;  }

   
footer .foot_copyright{ text-align: center; padding: 40px 0px; margin-top: 100px; border-top: 1px solid rgba(127,127,127,.3);}


.side-box{ padding: 30px 0px;}
.sb_nav { width:260px; float: left;}
.sb_nav h2.title{ font-weight: bold; line-height: 40px;margin-bottom: 40px;font-size: 30px;position: relative;}
.sb_nav h2.title::after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #19a3d1;
}
.sb_nav .list-none{background-color: #f6f6f6;padding: 20px 0;transition: 0.3s;line-height: 50px;}
.sb_nav .list-none a{ cursor: pointer;display: block;border-bottom: 1px solid #d0d0d0;}
.sb_nav .list-none a:hover {color: #fff;background-color: #19a3d1;}
.sb_nav .list-none a h3{padding-left:18px;font-weight: bold;}
.sb_nav .list-none a.on{color: #fff;background-color: #19a3d1;}
.sb_nav .list-none ul{ margin-left: 20px;}
.sb_nav .list-none li{ padding-left: 15px; position: relative;}
.sb_nav .list-none li:before{ content: ">"; font-family: "宋体"; left: 0; display: block; position: absolute;}


.pages_cont{  text-align:center;    margin:20px 0;}
.pages_cont a{  border:#bbb solid 1px;   padding:0px 15px;    font-size:14px;     color:#666;    line-height: 36px;    display: inline-block;    border-radius: 5px;    margin:0 1px;}
.pages_cont span a{   margin: 0 2px;   padding:0 20px;}
.pages_cont span .page-num-current{    color:#fff;   background-color:#19a3d1;     border:#8fd258 solid 1px;}
.pages_cont a:hover{    color:#fff;    background-color:#19a3d1;     border:#19a3d1 solid 1px;}

.page-links{ display: flex;justify-content: space-between; margin-top: 30px;}

.top-ban{ position: relative;}
.top-ban .ban-text{ position: absolute;width: 50%;   text-align: center; top: 45%;}
.top-ban .ban-text h2{ font-weight: bold; font-size: 30px; width:30%; margin:0 auto; color:#fff; text-align:left;white-space: nowrap;}
.top-ban .ban-text p{ color: #f2f2f2; font-size: 16px; text-align:left;width:30%; margin:0 auto;}

.top-ban-pro{position: relative;}
.top-ban-pro .top-ban-pro-text {
	width: 100%;
	position: absolute;
	 top: 50%; 
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	}
.top-ban-pro .top-ban-pro-text .btn-box{	width: max-content;	margin: 0 20%;}
.top-ban-pro .top-ban-pro-text .btn-box h2{color: #fff;	font-size: 30px; font-weight: bold;	margin-bottom: 30px;}
.top-ban-pro .top-ban-pro-text .btn-box p{	color: #fff;font-size:18px;margin-bottom:50px;width:60%; line-height:24px;}
.top-ban-pro .top-ban-pro-text .btn-box .more{color: #fff;font-size: 16px; font-weight:bold;background: #19a3d1;	padding: 5px 25px;	display: inline-block;	border-radius:10px;	transition: all .5s;}
.top-ban-pro .top-ban-pro-text .btn-box .more:hover{background-color: #EB5500;	color: #fff;}

.tankuang_text textarea{width:100%; background: none; border: none;border: 1px  solid #f2f2f2; padding: 11px;border-radius:4px;font-size: 16px; font-family:Arial; }

.guideline_content{background: url(../images/dianbj.png) repeat center;}
.guideline{position: relative;}
.guideline .top-ban-pro-text{width: 100%;
	position: absolute;
	 top: 50%; 
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);}
.guideline .top-ban-pro-text .btn-box{}
.guideline .top-ban-pro-text .btn-box h2{color:#fff;font-size:32px; font-weight: bold;	margin-bottom: 30px; text-align:center;text-transform:uppercase;}
.guideline .top-ban-pro-text .btn-box p{text-align:center;color: #fff;font-size:18px;margin-bottom:50px;line-height:24px;}
.guideline .top-ban-pro-text .btn-box .more{color: #fff;font-size: 14px; font-weight:bold;background: #19a3d1;	padding: 5px 25px;	display: inline-block;	border-radius:10px;	transition: all .5s;}
.guideline .top-ban-pro-text .btn-box .more:hover{	background-color: #000;	color: #fff;}
.guideline_title{ font-size:30px; padding:40px 0px; text-align:center;}

.tab {
  width: 100%;
  margin: 0px auto; height: 800px;
}
.tab-title {
  height: 45px;
  font-size: 0;
  background-color: #f5f5f5; margin-bottom: 20px;
}
.tab-title .item {
  display: inline-block;
  width: 33.33%;
  height: 45px;
  line-height:45px;
  text-align: center;
  color: #333;
  font-size: 16px;
}
.tab-title .item-cur {
  color: #fff;
  background-color: #19a3d1; font-size: 16px;
}
.tab-cont {
  position: relative;
  background-color: #80b600;
}
.tab-cont__wrap {
  position: absolute;
}
.tab-cont .item {
  text-align: center;
  color: #333;
}
.tab-cont .item img{width:100%;border:solid #ccc 1px;transition: all 0.5s; overflow:hidden; }
.item_con{ float:left;width:calc(100%/5 - 10px); margin:20px 5px; height:340px; overflow:hidden;}
.tab-cont .item img:hover{border:solid #ff0000 1px;transform: scale(1.1);}
.item_con h3{ font-size:16px;}
.item_con_mis{ font-size:14px; color:#666; line-height:20px;}



.quote{height:600px; width:100%; background-color:#f7f7f7;}




.quote_content_left{ float:left; width:40%;padding:70px 40px;background-color:#c89d69;color:#fff;}
.quote_content_left p{ font-size:16px; line-height:50px;}
.quote_content_right{ float:right; width:60%; background-color:#fff;padding:50px 30px; }

.contact_form1{ margin:0px auto; text-align:center;}
.contact_form1 input.layui-input{ display: block; width:100%; color: #fff; font-size: 16px; background: none; border: none; border: 1px  solid #f2f2f2; padding:10px;border-radius:4px; margin-bottom:20px;}
.contact_form1 form button {background:#19a3d1; border: none;  cursor: pointer; margin:12px auto !important;  font-size: 20px; width:20%; text-align: center; padding:5px 0px;border-radius:4px; color:#FFF;float:left}
.contact_form1 form button:hover{background:#d7691a;}

.contact_form1 textarea{width:100%; background: none; border: none;border: 1px  solid #f2f2f2; padding: 11px;border-radius:4px;font-size: 16px; font-family:Arial; }

.client-list .contact_form1 form button{ width:350px; height:47px;border-radius:20px;}
.client-list a{ width:30px; height:30px; border-radius:50%; background-color:#000; color:#fff; line-height:30px; text-align:center; font-size:20px;float:left;margin-left:15px;}


/*搜索页面*/

.search_list{ width:22%;float:left; margin:1.5%;}
.search_list img{width:100%; border:solid #f2f2f2 1px;}
.search_list p{ line-height:22px;}
.search_list h5{ font-size:16px; font-weight:bold; background-color:#f2f2f2;padding: 4px 10px; }
.search_list .more{font-size: 14px;border-radius:5px;padding: 4px 12px;  margin: 10px 0px 10px 0px; line-height: normal; 
    transition: all .5s; background-color:#FFF; color:#333; font-weight:bold;width:100px;}


/*图册CSS*/

.catalog{ clear:both; margin-bottom:60px; width:100%}
.guideline_ms{ font-size:20px; text-align:center; width:1150px; margin:0 auto; padding-bottom:20px;}

figure{padding:0px; margin:0px;}

.slider-ctr {
  width: 1360px;
  height: 640px;
  position: relative;
  left:14%;
  box-sizing: border-box;
  border: 10px solid white;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.15), 0 5px 20px 3px rgba(0, 0, 0, 0.1);
}
.slider-ctr:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  pointer-events: none;
  z-index: 9;
}

.slider-control {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  z-index: 99;font-size: 26px;
}
.slider-control .control {
  width: 50%;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: .3s all ease;
  background: white;
}
.slider-control .control .icon {
  pointer-events: none;
  transition: .3s all ease;
}
.slider-control .control.disabled {
  pointer-events: none;
  background: #ddd;
}
.slider-control .control.disabled .icon {
  opacity: .5;
}

.slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
}
.slide.slide-on {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.slide.text-on .title {
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide.text-on .author {
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide img {
  display: block; width:100%;
}
.slide figcaption {
  position: absolute;
  top: 30px;
  left: 30px;
}
.slide .title {
  font-size: 50px;
  margin-bottom: 2px;
  color: white;
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  font-weight: 400;
  letter-spacing: 10px;
  text-transform: uppercase;
  position: relative;
}
.slide .author {
  font-size: 16px;
  color: white;
  opacity: .8;
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  font-weight: 300;
  letter-spacing: 3px;
  position: relative;
  z-index: 9;
}







.sb_box_about{ }
.development-main {width:100%;background-color:#f8f8f8; padding: 60px 0px 60px 0px;}
.development-main .a-title{ margin: 30px 0px; text-align: center;}
.development-main .a-title h2{ margin: 0px 0px 10px 0px; font-size: 36px; font-weight: bold;}
.development-main .a-title p{ text-transform: uppercase;}
.development-box{ width: 1380px; margin:0px auto 0px; position: relative;}

.development-box .development-years{ width:13%; float:left;background: #19a3d1;  height: 360px;  }



.development-box .development-years ul{ list-style-type: disc; position: relative; margin:20px 30px 0px 40px;}
.development-box .development-years ul:after{ display: block; content: ""; background: #ccc; height: 100%; width: 1px; position: absolute;
top: 10px;right: 0;height:calc(100% + 60px);}
.development-box .development-years li{ position: relative; font-size: 20px;   color: #fff;justify-content: flex-end;
    padding-right: 20px; margin-bottom: 20px;cursor: pointer; display: flex;  flex-wrap: wrap; align-items: center;}
.development-box .development-years ul li:after{ display: block; content: ""; background: #027094; border-radius: 100%; height: 10px; width: 10px; position: absolute;
right: -4px; z-index: 1;}
.development-box .development-years li.cur{ color:#fff; font-weight:bold; font-size: 24px;}
.development-box .development-years ul li.cur:after{ display: block; content: ""; background: #e9a238; border-radius: 100%; height: 16px; width: 16px; position: absolute;
right: -8px;}
.development-box .development-text{ width: 87%; float: right; }
.development-box .development-text li .text{ width: 46%; float: left;height: 360px; padding: 60px 60px;background: #fff; }
.development-box .development-text li .text h3{ font-weight: bold; font-size:30px; margin-bottom: 20px;}
.development-box .development-text li .text p{  font-size: 16px;}
.development-box .development-text li{ display:none;}
.development-box .development-text li .img{width: 54%; float:right;}
.development-box .development-text li img{height: 360px; width:100%; object-fit: cover;display: block;}

.team-main {margin: 30px 0px;}
.team-main .a-title{ margin: 30px 0px; text-align: center;}
.team-main .a-title h2{ margin: 0px 0px 10px 0px; font-size: 36px; font-weight: bold;}
.team-main .a-title p{ text-transform: uppercase;}

.team-box ul{    flex-wrap: wrap;    display: flex; width:100%;}
.team-box ul li{ width:calc(100%/5); text-align:center; margin:30px 0px; padding:0px 20px;}
.team-box ul li:hover{box-shadow:0 1px 4px #7f7f7f40; }
.team-box ul li img{height:180px; width:180px; border-radius:50%; padding:5px; background-color:#f2f2f2}
.team-box ul li a img:hover{ background-color:#EB5500}
.team-box ul li p{ font-size:14px;}
.team-box ul li h3{ font-size:16px;font-weight:bold;}
.team_more{ width:140px; height:35px; line-height:35px; background-color:#19a3d1; font-size:14px; color:#fff; margin:50px auto;border-radius:10px; text-align:center}
.team_more a{color:#fff;}
.team_more:hover{ background-color:#EB5500}
/*团队介绍*/

.reLink{ float:right;}
.caselist_team{width:1000px; margin:0px auto; background-color:#fff;padding:50px 50px 120px 50px}
.team_con{width:100%; padding-top:50px;}
.pro-left{ float:left;}

.pro-left img{ max-width:300px}
.pro-right {float:left;margin-left:50px; width:70%}
.pro-right h2{font-weight:bold;font-size:20px; padding-left:15px;}
.pro-right_job{height:40px; line-height:40px; background-color:#f2f2f2; padding-left:15px; font-size:18px; margin-top:10px;}
.pro-right .content{padding-top:20px; font-size:16px;padding-left:15px;}

.text-secondary h2{ font-size:20px; padding-top:30px;font-weight:bold; text-align:left;}
.text-secondary{ margin-bottom:0px; padding-top:10px;}
.honor-main{ margin: 40px 0px;background: url(../images/honner_bj.jpg); padding:60px 0px;}
.honor-main .a-title{ margin: 30px 0px; text-align: center;}
.honor-main .a-title h2{ margin: 0px 0px 10px 0px; font-size: 36px; font-weight: bold;}
.honor-main .a-title p{ text-transform: uppercase;}
.honor-box{   position: relative;}
.honor-box .swiper-container {  width: 100%;  padding: 0 10px 10px;   height: 100%;-webkit-box-sizing: border-box;  box-sizing: border-box;}
.honor-box  .swiper-slide{  width: 450px;   background: #ffffff;   transition: 300ms;  margin-top: 0px; 
  text-align: center;
       -webkit-box-sizing: border-box;  box-sizing: border-box; }
.honor-box .swiper-slide .img{     height: 430px; object-fit: contain;}
.honor-box .swiper-slide .img img{  width: 100%;   height: 430px; }
.honor-box .swiper-slide h3{  color: #000000;   font-size: 20px;   line-height: 30px;   margin-top: 20px;   font-weight: normal;}
.honor-box .swiper-slide-active,
.honor-box .swiper-slide-duplicate-active{  margin-top: 0px;   border-color: #03b01b;}
.honor-box .swiper-slide-active a.more,
.honor-box .swiper-slide-duplicate-active a.more,
.honor-box .swiper-slide a.more:hover{  background: #03b01b;  color: #ffffff;   border-color: #03b01b;}
.honor-box .swiper-case-prev,
.honor-box .swiper-case-next{   width: 68px;   height: 68px;   position: absolute;   top: 50%;   z-index: 10;   margin-top: -34px;   cursor: pointer;}
.honor-box .swiper-case-prev{   left: 0px;   background: url(../images/honor_prev.png);}
.honor-box .swiper-case-next{  right: 0;   background: url(../images/honor_next.png);}
.honor-box .swiper-button-prev,
.honor-box .swiper-button-next {position: absolute; top: 50%;   width: 68px;   height: 68px;  margin-top: -34px;   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;  justify-content: center;}
.honor-box .swiper-button-prev,
.honor-box .swiper-container-rtl .swiper-button-next { left: -68px; right: auto; background: url(../images/honor_prev.png);}
.honor-box .swiper-button-next,
.honor-box .swiper-container-rtl .swiper-button-prev { right: -68px; left: auto; background: url(../images/honor_next.png);}


/*荣誉资质独立页面*/
.sb_box_honor{ margin: 60px 0px;}
.sb_box_honor .honorlist ul{ display: flex; flex-wrap: wrap;} 
.sb_box_honor .honorlist ul li{ width: calc(100%/4 - 20px);  margin: 10px 10px; text-align: center;} 
.sb_box_honor .honorlist ul li .img{border: 1px solid #ccc; height: 400px;display: flex;   align-items: center;}
.sb_box_honor .honorlist ul li img{ width: 100%; max-height: 90%; display: block; object-fit: contain;}
.sb_box_honor .honorlist ul li h3{ margin-top: 10px;}

.partner-main {margin: 60px 0px;}
.partner-main .a-title{ margin: 30px 0px; text-align: center;}
.partner-main .a-title h2{ margin: 0px 0px 10px 0px; font-size: 36px; font-weight: bold;}
.partner-main .a-title p{ text-transform: uppercase;}

.partner-box ul{    flex-wrap: wrap;    display: flex; width:100%;}
.partner-box ul li{ width:calc(100%/5 - 22px); height: 120px;  border: 1px solid #eee;text-align:center; margin:10px 10px; padding:10px 10px;}
.partner-box ul li img{ width:100%;   height:100px; object-fit: contain;}



.products-others{ display: flex; align-items: center; justify-content: space-between;}
.products-others .position{color: #333;}
.products-others .position a{color: #333;}
.products-others .search  { width: 350px;}
.products-others .search form{ display: flex;  }
.products-others .search input{border: 1px solid rgba(127,127,127,.2); width: 100%;     border-radius: 3px 0px 0px 3px;
    -webkit-box-shadow: 0 2px 3px rgba(127,127,127,.11);  box-shadow: 0 2px 3px #7f7f7f1c;background: none;  padding: 10px 20px;}
.products-others .search button{background:#000;border: 1px solid #000; font-size:16px; cursor:pointer;border-radius: 0px 3px 3px 0px; padding: 10px 20px; color: #fff;  }

.products-titles{ background: #f6f6f6; display: flex; justify-content: space-between; padding: 10px 10px;  margin: 30px 0px;}
.products-titles span{ font-weight: bold; color:#000; font-size:20px;}
.products-titles ul{ display: flex;}
.products-titles ul li{display: flex;align-items: center;   justify-content: center;    
    width: 30px; height: 30px;  margin: 0px 10px 0px 10px;   overflow: hidden;  font-size: 18px;  }

#geyin_product{ padding:15px 0px; width:1200px; margin:auto;}
#geyin_product .pshow { margin:60px 0px; overflow:hidden;}
#geyin_product .pshow .dt{ float:left; width:600px; height:600px; text-align:center;}
#geyin_product .pshow .dt .view{ height:400px;}
#geyin_product .pshow .dt .view img{ max-height:400px; width:auto;}
#geyin_product .pshow .dd{ float:right; width:600px; padding-left: 30px; box-sizing: border-box;}
#geyin_product .pshow .dd h1{ font-size:36px; font-weight:normal;}
#geyin_product .pshow .dd ul{ margin-left:15px; }
#geyin_product .pshow .dd li{ margin-bottom:30px;font-size:16px; clear:both;  position:relative;    }
#geyin_product .pshow .dd li span{  color:#ccc; padding-bottom: 20px; margin-bottom: 20px; font-weight: normal; text-align: left;  display: block; }
#geyin_product .pshow .dd li p{ color: #999; font-size: 14px; line-height: 30px; display: block;}

.preview{ margin-top:10px;}
.preview .swiper-slide{width:150px;}
.preview .swiper-slide img{ max-height:150px; }  
   

.sidebar{ width: 1100px; float: right;}
.sb_box_products{margin: 0px 0px 60px 0px;}
.sb_box_products .productslist{ width:1200px; margin:auto;}
.sb_box_products .productslist ul{flex-wrap: wrap;    display: flex;}
.sb_box_products .productslist li{ width:calc(100%/4 - 42px); margin: 10px 10px; border:1px solid #eee;  }




.sb_box_products .productslist li .img{padding:0px 0px 0px 0px; text-align: center;}
.sb_box_products .productslist li img{ height:240px; width:240px; }
.sb_box_products .productslist li .text{ background:rgba(127,127,127,.1); padding: 10px 10px;}




.sb_box_products .productslist li h3{  font-size:14px;line-height:20px; padding-bottom:10px;}
.sb_box_products .productslist li span.more{ font-size: 14px;border-radius:5px;
padding: 4px 12px;  margin: 0px 0px 0px 0px; line-height: normal; 
    transition: all .5s; background-color:#FFF; color:#333; font-weight:bold;}
.sb_box_products .productslist li:hover .text{	background: #19a3d1;color: #fff;}


.sb_box_news .newslist dl a{ display: flex; flex-wrap: wrap;}
.sb_box_news .newslist dl dt.img{ width:40%; height: 350px;}
.sb_box_news .newslist dl dt.img img{ width:100%; height: 350px; display: block; object-fit: cover;}
.sb_box_news .newslist dl dd{ width:60%; background: #fff; padding: 60px 30px;}
.sb_box_news .newslist dl dd h3{ font-weight: bold; font-size: 20px;}
.sb_box_news .newslist dl dd span{  color: #999; font-size: 16px; margin: 20px 0px; display: block;}
.sb_box_news .newslist dl dd p{  color: #333; font-size: 16px;}
.sb_box_news .newslist dl dd time{  color: #999;}

.sb_box_news .newslist li{ width: calc(33.3333% - 20px); float: left; margin: 20px 10px; position: relative;}
.sb_box_news .newslist li:after{ background: #19a3d1; height: 2px; width: 100%; content: ""; display: block;transition: all 0.4s;}
.sb_box_news .newslist li:hover:after{ background: #d7691a;box-shadow:0 4px 4px #7f7f7f40;}
.sb_box_news .newslist li .list_img{ height: 200px;}
.sb_box_news .newslist li .list_img img{ height: 200px; width: 100%; display: block; object-fit: cover;}
.sb_box_news .newslist li .list_text{ padding: 26px 23px; background: #fff; }
.sb_box_news .newslist li .list_text h3{ font-weight: bold; font-size:18px; line-height:24px; padding-bottom:27px;}
.sb_box_news .newslist li .list_text span{font-size: 16px; margin: 20px 0px; display: block;}
.sb_box_news .newslist li .list_text p{  color: #666; font-size: 14px; line-height:22px;padding-bottom:27px;}
.sb_box_news .newslist li .list_text time{color: #999;}

.sb_box_news_show{ background-color:#FFF; padding:50px;box-shadow:0 1px 4px #7f7f7f40}


.sb_box_news_show h2{ text-align: center; font-weight:bold; padding:10px 0px}
.sb_box_news_show h2 span{ float:left; text-align:left; font-size:14px;}
.sb_box_news_show .metit{ text-align: center; margin-bottom: 20px;}
.metit span i{width:20px; height:20px; line-height:20px; border-radius:100%; text-align:center; color:#fff; background-color:#19a3d1; font-size:14px;}
.metit span i:hover{ background-color:#EB5500;}

.sb_box_contact .a_text{  margin: 100px 0px 0px 0px;}
.sb_box_contact .a_text img{ width: 100%;}
.sb_box_contact .a_text h2{ font-size: 30px; margin: 0px 0px 30px 0px;}



.a_text{ width:40%; float:left}
.a_text h1{ font-size:24px; font-weight:bold; padding:15px 0px; color:#000}
.a_text h5{ font-size:16px; line-height:24px}
.a_text_con{ margin-top:30px;}
.a_text_con p{ font-weight:bold; font-size:16px;}
.a_text_con span{ font-weight:normal;}

.a_img{ width:50%; float:right; margin-top:80px;}

.contact_text{ flex-wrap: wrap;  display: flex; margin: 60px 0px 100px 0px;}


.messages_text{ font-size:20px;text-align:left; margin-bottom:0px; font-weight:bold; padding-bottom:15px}
.contact_tit{ width: 30%; font-weight: bold; font-size: 20px;}
.contact_info{ width: 30%; font-size: 18px;}
.contact_info p{ font-weight: bold; font-size: 18px;}
.contact_form{ width:75%; margin:50px auto; text-align:center}
.contact_form input.layui-input{ display: block; width:48%; color: #fff; font-size: 16px; background: none; border: none; border: 1px  solid #666; padding: 20px; float:left; margin-left:1%;border-radius:4px; margin-bottom:30px;}
.contact_form form button {background:#19a3d1; border: none;  cursor: pointer; margin:30px auto !important;  font-size: 20px; width:10%; text-align: center; padding:5px 0px;border-radius:4px; color:#FFF}
.contact_form form button:hover{background:#d7691a;}

.contact_form textarea{width:100%; background: none; border: none;border: 1px  solid #666; padding: 20px; width:97%; margin-right:15px;border-radius:4px;font-size: 16px; }

/*产品详情页*/
#pro_snav{height:50px;background:#f1f1f1;text-align: center}
#pro_snav .zi{display:inline;line-height:48px;font-size: 15px}
#pro_snav .zi a{color:#606775;font-size:16px;display:inline-block;padding:0 36px;border-bottom:solid 2px transparent}
#pro_snav .zi.current{background: none!important}
#pro_snav .zi.current a,#pro_snav a:hover{color:#da4d4d; font-weight:bold}
#pro_snav.fixed .main{position:fixed;top:65px;left:0;width:100%;background:rgba(0,0,0,0.5);z-index:999}
#pro_snav.fixed .main a{color:#fff;font-size:18px;border:none;line-height:50px;padding:0 25px}
#pro_snav.fixed .main .zi.current a,#pro_snav.fixed .main a:hover{background:#da4d4d;}
#pro-content{margin-bottom: 60px;}
#pro-content .sec-tit{display: block;padding:15px 0;font-size:20px;color:#606775; font-weight:bold; margin-top:40px; border-bottom:solid #F00 3px; width:80px}
#pro-content .txt{padding:36px 0;border-top:dotted 1px #cfd2d8;font-size:16px;line-height:32px;color:#606775;font-weight:300}
#pro-content .txt .txt{padding:0;border-top:none;font-size:16px;line-height:32px;color:#606775;font-weight:300}
#pro-content .txt img{max-width: 100%!important;height: auto!important;}

.pro_box{display: -ms-flexbox; margin-top:30px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
.pro_img{-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;padding-right: 15px;
    padding-left: 15px; margin-bottom:30px;}
.pro_text	{-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;padding-right: 15px;
    padding-left:0px;}
.pro_text h2{ font-size:26px; font-weight:bold; line-height:30px;}
.pro_text a.btn-danger{color: #fff; font-size:18px; padding:12px 26px;
    background-color: #dc3545;
    border-color: #dc3545;border-radius:5px}
	.pro_text a.btn-danger:hover{ background-color:#19a3d1}
.zhet2 {
    
}	
.rel_pro .sec-tit{color: #2e3746;font-size: 20px;margin-bottom: 28px;font-weight:bold;}
.rel_pro .rel_pro_lis{width: 100%;overflow: hidden;}
.rel_pro .zi{width:280px;margin-right:24px;border:1px solid #f3f4f6;background: #fff;position:relative;overflow:hidden;}
.rel_pro .zi .thumb{display:block;height:280px;overflow: hidden}
.rel_pro .zi img{display:block;width: 100%}
.rel_pro .zi h3{text-align:center;font-size:14px;line-height:24px;color:#606775;font-weight:400;padding:0 20px}
.rel_pro .zi h3 a{color:#333; background:#fff; border-radius:15px; box-shadow: 0 10px 15px -10px rgba(27,67,140,.3); transition: all .3s; padding: 0 12px;  display: inline-block; max-width:200px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.rel_pro .zi h3 a i {font-size:12px;margin-left:5px;display:inline-block;}
.rel_pro .zi h3 a:hover{background-image: linear-gradient(-30deg,#1ab1ff 0,#0093df 50%,#0076b3 99%);background-size: cover;color:#fff}

.side-box .sb_nav{ float:left; width:210px;}
.side-box .zcntr{width: 75%;
    float:right;}
.zbox .sb_nav{ float:right; width:auto;}
.zbox .zcntr{width: 75%;float:left;}
    
    
    
    
    
    
    
    
    
    
    
.nrpdlst .inrc {
    
    text-align: justify;
}
.nrpdlst .inrv {
    width: 20%;
    float: left;
}
.cont_con{ font-size:20px; font-weight:bold; margin:30px 0px;clear:both; }
.cont_content{ padding-top:20px;}

.inrv .hb{background: #0a5fb2;padding: 12px}
.inrv .hb p{font-size: 18px;line-height: 36px;font-weight: bold;color: #fff;text-align: center}
.pro_pic{ font-size:18px;}
.pro_tz{ margin:50px 0 20px 0;}
.pro_tz p{ font-size:16px;}
.list-paddingleft-2 li{list-style-type: disc; font-size:18px;}

.inrv .more{margin: 0 auto}
.inrv .nvbx{position: relative;top: 0;left: 0;z-index: 1;width: 100%}
.inrv .nvbx li{background:#f1f1f1;margin: 4px 0 0;text-align: center;position: relative;z-index: 1}
.inrv .nvbx li:before,.inv .nvbx li:after{display: block;width: 12px;height: 12px;background: url(../images/icon.png) no-repeat;background-size: 1000%;position: absolute;top: 50%;z-index: -1;margin: -6px 0}
.inrv .nvbx li:before{background-position: -60px -12px;left: 3px}
.inrv .nvbx li:after{background-position: -72px -12px;right: 3px}
.inrv .nvbx a{white-space: nowrap;font-size: 15px;color: #333;line-height: 36px;overflow: hidden;text-overflow: ellipsis;display: block;margin: 0 18px}
.inrv .nvbx li.on a{color: #0a5fb2}
.inrv .nvbx a:hover{color: #0a5fb2}
.inrv .nvbx li.on:before,.inv .nvbx li.on:after{content: ""}
.pro_contact span{ float:right; padding-left:15px;}


/*浜у搧杞挱*/
.view {
	max-width:435px;
}
.view .swiper-slide {
	
	max-width:435px;
	height:435px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center; border:solid #ccc 1px;
}
.view .swiper-slide img {
	height: 90%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 400px;
	left: 30px;
}
.preview .swiper-slide {
	width: 87.5px; text-align:center;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

/*在线客服*/

.qq-client{position:fixed;right:0px;top:65%;z-index:9999;color:#fff;border-radius:50%;background-color:#EB5500!important;box-shadow:rgba(0,0,0,.5) 0 0 15px;z-index:2; width:60px; height:60px; border:none;}
.qq-client a{text-align:center;padding:10px 15px;line-height:40px;display:block; font-size:30px; color:#fff;}
.qq-client-content{position:fixed;right:-250px;bottom:0;width:400px;display:none;background:#ffffff; z-index:9999}
.qq-client-content h1{font-size:18px;width:100%;margin:0px auto;text-align:center;height:60px;line-height:60px; background-color:#EB5500;position:relative;text-align:left; color:#fff;padding-left:15px;}
.qq-client-content h1 span{font-size:32px;font-weight:normal;position:absolute;right:0px;cursor:pointer;width:40px;height:60px;line-height:60px;text-align:center;}
.qq-client-list{background:#ffffff;}
.client-list{overflow:hidden;line-height:40px;width:100%;margin:0px auto; padding:25px;}
.client-list a{display:block;}
.client-list a:hover{color:red;}
.client-list span{float:left;}
.client-list label{float:left;width:60px;text-align:right;padding-right:10px;}
.client_con{ width:100%;height:150px; background-color:#f2f2f2; font-size:14px; color:#000; padding:20px; line-height:22px;}


.online {	position: fixed;bottom:50px;	right: 0px;width: 60px;	z-index: 999;	color: #999;}
.online a {	color: #666;}
.online a:hover {	text-decoration: none;}
.online dl {	background: #fff;	padding:2px;margin-bottom: 1px;position: relative;}
.online dl dd {text-align: center;	font-size: 12px;	cursor: pointer;line-height:22px;}
.online dl dd i {	font-size: 25px;}
.online dl:hover {	background:#EB5500; color:#fff !important;}
.online dl dt {	position: absolute;	top: 0px;	right: 60px;	background: #fff;	border: 1px solid #ccc;	z-index: 9999;	display: none;	padding: 10px 15px;	font-weight: normal;}
.online dl dt h3 {	display: block;	font-size: 16px;	color: #666;	border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.online dl dt h3 i {	margin-right: 5px;}
.online dl dt h3 span {	float: right;	cursor: pointer;}
.online dl dt input {border: 1px solid #ccc;border-radius: 5px;	margin-top: 15px;	height: 40px;	line-height: 40px;padding: 3px 5px;	width: 100%;}
.online dl dt button {	margin: 10px 0;	border: none;	border-radius: 5px;	width: 100%;	font-size: 18px;	height: 40px;	line-height: 40px;	background: #28a7e1;	color: #fff;	cursor: pointer;}






















@media screen and (max-width: 768px) {


.logo_text{ display:none;}
.top_tel{ display:none;}
.paTBox .search button{ padding:8px 10px;}
.paTBox .search input{ padding:0px 10px;}



.index_banner .banner-center-text .btn-box{ margin:0px 10px; width:90%;}
.index_banner .banner-center-text .btn-box h3.title{ font-size:20px;}
.index_banner .banner-center-text .btn-box .more{ padding:3px; font-size:13px; float:left; margin:0px;}
.index_banner .banner-center-text .btn-box .more1{ padding:3px; font-size:13px;float:right;}
.index_banner .swiper-slide{ height:350px;}
.index_banner .banner-center-text .btn-box p.note{ font-size:18px;}



.index_youshi .youshi_box_list ul li{ width:50%; padding:20px 5px;}
.index_youshi .youshi_box_list ul li p{ font-size:13px; line-height:20px;}  
.youshi_box_list{ height:430px;}
.index_product .product_box_list ul{ height:400px; overflow:hidden;}
.index_product .product_box_list li{width:calc(100%/2 - 20px); float:left; margin-bottom:15px;}
.index_product .product_box_list li .text h3{ font-size:16px;}
.index_product .product_box_list li .text p{font-size:12px; display:none}
.container {   width: 100%;  margin: 0 auto;} 	
.index_product .product_box_list li .text a.more{ font-size:12px; padding:5px 10px;display:inline}
.index_product .product_box_list li:nth-child(4) .img img, .index_product .product_box_list li:nth-child(5) .img img{ height:132px;}
.index_product .product_box_list li:nth-child(4) .img, .index_product .product_box_list li:nth-child(5) .img{ width:100%;float:none; height:auto;}
.index_product .product_box_list li:nth-child(4) .text, .index_product .product_box_list li:nth-child(5) .text{ width:100%; float:none; height:auto;padding:5px;}

.index_product .product_box_list li:nth-child(4), .index_product .product_box_list li:nth-child(5){ margin:0px; margin-bottom:10px;}
.index_partner h2{ font-size:22px;}

.index_partner .partner_box_list li{ width:calc(100%/2 - 20px); margin-bottom:15px;}

.index_partner .partner_box_list li img{ height:auto;}

.index_partner .partner_box_list li .text{ padding:5px;}

.index_partner .partner_box_list li .text span{ display:none;}
.index_partner .partner_box_list li .text h3{ font-size:15px;}
.index_partner .partner_box_list li .text p{ font-size:14px; line-height:18px; height:50px; overflow:hidden;}
.index_partner .partner_box_list ul{ height:290px; overflow:hidden;}
.index_partner .partner_box_list li .text a.more{ margin:5px 0px; font-size:15px; }
.index_about .about_box .about_box_text{ padding:60px 20px 0px 40px}
.index_about .about_box .about_box_text h3{font-size:22px;}
.index_products h2{ font-size:22px;margin:20px 0px;}
.index_products .products_list ul li{width:50%; float:left; height:260px;}
.index_products .products_list ul{ display:inline;}
.index_products .products_list ul li .img{ height:auto;}
.index_products .products_list ul li h3{ font-size:13px; line-height:18px; height:50px; overflow:hidden;}
.index_products .products_list ul li a.more{ padding:3px 20px; font-size:14px;}
.list_nav{width:45%; height:240px; margin-bottom:30px; float:right; margin-right:10px;}

.index_products .products_list ul li .li-box{ height:240px;}
.index_news h2{ font-size:22px; clear:both;}
.news_left{ clear:both;width:100%; padding:5px 10px; margin:0px;}
.news_right{ clear:both;width:100%; padding:5px;}
.news_title{ padding:0px 5px; font-size:16px;}
.news_ms{ padding:0px 5px; font-size:14px;}
.news_more{ padding-left:5px;}
.left_cont img{ width:100%}

footer .foot_box{ display:inline;}
footer .foot_box .foot_nav{ width:46%; float:left; margin:2%;}
footer .foot_message{width:90%;margin:10px; clear:both;}
footer .foot_message h2{ margin-bottom:0px; margin-top:15px;}
footer .foot_box .foot_contact{ width:90%; margin:0 auto}
footer .foot_form form button{ padding:5px;}
footer .foot_copyright{ margin-top:20px;}

.nava{display: none;   position: absolute;    left: 0;  top: 50px;  opacity: 0;    padding: 0px 20px;   box-sizing: border-box;    z-index: 999;  background: #fff;width: 100%;   height: 100vh;   transition: all 0.5s;    transform: translateX(100%);}
.nava.menu-show {   transform: translateX(0%);    opacity: 1; display:block;}

.nava ul.menu{ display:block;}
.menu>li{ width:calc(100%/1)}

.paTBox .logo img{ height:50px;}
.Sptline{justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0px 10px;
    margin: 0;
    text-align: inherit;
    display: flex;}
	
.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #187c4b;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#video-box {  height: calc(100vh - 60px);}
#video-box .banner-center-text .btn-box .title{ font-size:40px;}
#video-box .banner-center-text .btn-box .note{ margin:20px 20px; font-size:16px;}

.index_about .about_box {   display: block;margin: 60px 0px 0px 0px;}
.index_about .about_box .about_box_text{ width:100%;}
.index_about .about_box .about_box_img{ width:100%;}
.index_about .about_box .about_box_img img{ width:100%;}

.index_about .about_bot{ margin:0px 20px;}
.index_about .about_bot ul{ display:block;}
.index_about .about_bot ul li {   margin: 0px 0px;    text-align: center;}

.nengyuan_box_list h2{ margin:0px 20px;}
.index_nengyuan .nengyuan_box_list ul{flex-wrap:wrap;}
.index_nengyuan .nengyuan_box_list ul li{ width:50%; margin:0px 0px 20px 0px; text-align: center;}
.index_nengyuan .nengyuan_box_list ul li img{ height:100px;}

.index_solar {   margin: 0px 20px 60px 20px;}
.index_solar .solar_text {  width: 100%;}
.index_solar .solar_text img{ width:100%;}


.index_solar .solar_list ul {    display: flex;    flex-wrap: wrap;}
.index_solar .solar_list ul li {    display: flex;    flex-wrap: wrap; justify-content:center; margin-bottom:30px; width:calc(100%/1);}
.index_solar .solar_list ul li img{ height:200px;}
.index_solar .solar_list ul li .text {   margin: 0px 0px 0px 0px;   text-align: center;}

.sb_box_about {   display: flex;  flex-wrap:wrap;   margin:0px;}
.sb_box_about .a_img{width:100%;}
.sb_box_about .a_img img{ margin-top:0px; width:100%;}
.sb_box_about .a_text{width:100%;padding-left:0px;}

.a_video {  margin: 60px 0px;}
.a_video #background_video02{ width:100%;}

/*公司介绍页面*/
.development-box .development-years{ width:20%}
.development-main .a-title h2{ font-size:24px;}
.development-main .a-title p{ line-height:22px;}
.development-box .development-years ul{ margin:10px 10px 0px 0px;}
.development-box .development-years li.cur{ font-size:16px;}
.development-box .development-years li{ font-size:14px; padding-right:15px;}
.development-box .development-text{ width:80%;}
.development-box .development-text li .text{ float:none;width:100%; padding:20px 10px; height:auto;}
.development-box .development-text li .text h3{ font-size:24px;}
.development-box .development-text li .img{ float:none; width:96%; padding-left:10px;}
.development-box .development-text li img{ height:auto !important;}
.team-main .a-title h2{ font-size:24px;}
.team-main .a-title p{ line-height:22px;}
.team-box ul li{ width:calc(100%/2)}
.team_more{ margin:10px auto;}
.team-box ul li img{ width:140px; height:140px;}
.team-box ul li h3{ line-height:22px;}
.team-box ul li p{ line-height:20px;}
.team-box ul li{ margin:10px 0px;}
.partner-main .a-title  h2{font-size:24px;}
.partner-main .a-title p{line-height:22px;}
.honor-main .a-title h2{font-size:24px;}
.honor-main .a-title p{line-height:22px;}
.partner-box ul li{ width:calc(100%/2 - 22px)}

.honor-main{ width:100%; margin:0px; padding:0px; display:none;}

.m-honor-main { width:100%;}
.m-honor-main .a-title{ margin: 30px 0px; text-align: center;}
.m-honor-main .a-title h2{ margin: 0px 0px 10px 0px; font-size: 36px; font-weight: bold;}
.m-honor-main .a-title p{ text-transform: uppercase;}
.m-honor-main{ display:block !important;}
.m-honor-box{   position: relative;}
.m-honor-box .swiper-container {  width: 100%;  padding: 0 10px 10px;   height: 100%;-webkit-box-sizing: border-box;  box-sizing: border-box;}
.m-honor-box  .swiper-slide{  width: 450px;   background: #ffffff;   transition: 300ms;  margin-top: 0px; 
  text-align: center;
       -webkit-box-sizing: border-box;  box-sizing: border-box; }
.m-honor-box .swiper-slide .img{     height: 430px; object-fit: contain;}
.m-honor-box .swiper-slide .img img{  width: 100%;   height: 430px; object-fit: contain;}


/*公司团队*/

.caselist_team{ width:100%; margin:0 auto; padding:10px;}
.pro-left{ float:none;text-align:center;}
.pro-right{ float:none;width:100%; text-align:center;margin:0px}
.pro-right .content{ padding:10px; text-align:left;}

/*新闻资讯*/
.sb_box_news .newslist li{width:100%}
.sb_box_news_show{ padding:10px;}
.sb_box_news_show img{width:100%}
.top-ban .ban-text h2{ font-size:24px; width:90%; margin:0 auto;}
.side-box{ padding:0px;}
.a_img{ float:none;width:100%; margin-top:30px;}

/*联系我们*/
.a_text{float:none;width:100%}
.contact_form input.layui-input{ width:100%}
.contact_form form button{ width:100%; padding:15px 0px}
.contact_form textarea{ font-size:14px;font-family:Arial, Helvetica, sans-serif; width:100%;}
.paTBox .search input{ font-size:12px;}
/*定制报价页面*/
.guideline .top-ban-pro-text .btn-box h2 b{ font-size:24px;}
.guideline .top-ban-pro-text .btn-box p{ font-size:14px; line-height:22px;}
.guideline_title{ font-size:24px;}
.tab{height:1700px;}
.item_con{ width:calc(100%/2 - 10px); height:280px;}
.slider-ctr{ width:100%; height:280px;}
.guideline_ms{ width:100%;}
.slider-ctr{left:0}
.slider-control{bottom:10px;}
.top-ban .ban-text p{width:90%;margin:0 auto;}
.top-ban .ban-text{width:90%;margin:0 auto;}
.ban-img img{height:250px; width:auto !important;}
.quote_content_left{ float:none;width:100%}
.quote_content_right{ float:none;width:100%}
.quote{ height:auto; margin-bottom:50px;}
.top-ban-pro .top-ban-pro-text .btn-box p{ width:50%}
/*产品页面*/

.top-ban-pro img{width:auto; height:200px;}
.top-ban-pro .top-ban-pro-text .btn-box{ margin:5%}
.top-ban-pro .top-ban-pro-text .btn-box p{ font-size:16px;}
.top-ban-pro .top-ban-pro-text .btn-box h2{ font-size:22px; margin-bottom:15px;}
.sb_nav{ float:none;width:100%!important}
.sb_nav .list-none{    background-color: #fff;padding: 0;}
.sb_nav .list-none ul{ display:none;}
.sb_nav h2.title{ text-align:left; margin-left:1.5%;}
.sb_nav .list-none h3{ float:left; width:32%; margin:1% 0.5%; text-align:center;}
.products-others{ display:inline;}
.sidebar{ width:auto;float:none;clear:both;}
.products-others .search{ width:95%; margin:0 auto;}
.products-others .position{ display:none;}
.sb_box_products .productslist{ width:100%;}

.sb_box_products .productslist li{width:calc(100%/2 - 12px); margin:10px 6px;}

.sb_box_products .productslist li img{ width:100%; height:auto;}
.sb_box_products .productslist li h3{ font-size:12px;}

.pro_img{ max-width:100%;flex:none;}

.pro_box{display:inline; margin:0px; padding:0px;}
.swiper-container{} 
.preview{width:100%;left:0px;}

.view .swiper-slide img{ width:100%; height:auto;}
.view .swiper-slide{ height:auto;}
.position{ margin:15px;}
.preview .arrow-left{ left:-5px;}
.preview .arrow-right{ right:-10px;}
.preview .swiper-slide{ width:70px; height:70px;margin:0 15px;}
.zbox .zcntr{ width:100%;}
.pro_text{ flex:none;max-width:100%; padding:15px;}
.pro_tz{ margin-top:15px; padding-left:15px;}
.pro_text h2{ font-size:18px; text-align:left;}
.pro_pic{ font-size:14px;}
.pro_tz img{ width:100%;}
.pro_contact{ width:100%}
.cont_con{ padding-left:15px;}
.cont_content img{ width:100% !important ;height:auto !important}
.cont_content{ padding:0 10px; text-align:left;}
.product_conmore{ display:none;}
.rel_pro{ display: none;}
.pro_text a.btn-danger{ font-size:14px; padding:12px;}

.sb_box_team h2{ margin:0px 20px; font-size:30px;}
.sb_box_team .teamlist{ width:100%;}
.sb_box_team .teamlist li {   width: calc(100%/2);}
.sb_box_team .teamlist li img {   height: 100%;   width: 100%;}
.team_view {  display: flex;   flex-wrap: wrap;}

.team_view .team_img{ margin:auto;}
.team_view .team_text{padding:0px 20px;}

.partnerlist {   display: flex;  flex-wrap: wrap;}
.partnerlist .partner_nava{ width:100%;padding: 30px 30px 30px 30px;}
.partnerlist ul li {   width: calc(100%/2);margin: 20px 0px;}

.sb_box_policy {   display: flex;  flex-wrap:wrap;   margin: 30px 20px;}

.sb_box_policy .a_img {    width: 100%;     height:auto;}
.sb_box_policy .a_text {    width: 100%; padding:0px; }

.sb_box_faq {    display: flex;   flex-wrap: wrap;    margin: 30px 20px;}
.sb_box_faq .a_img {    width: 100%;}
.sb_box_faq .a_img img{   width: 100%;}
.sb_box_faq .a_text {    width: 100%;padding-left:0px;}


.sb_box_skincare {   margin: 0px 0px 60px 0px;}
.sb_box_skincare .a_img{ width:0;}

.sb_box_skincare .a_text{ width:100%;    padding: 100px 30px 100px 30px;}

.skincare_list ul{ flex-wrap:wrap;}
.skincare_list ul li {  margin: 0px 20px 30px 20px;}

.school_box01 {   display: flex;   flex-wrap: wrap;}
.school_box01 .s_right {    padding: 60px 20px;}

.school_box01 .s_right ul li img{ width:100px;}
.school_box01 .s_right ul li .text {    padding-left: 20px;}
.school_box01 .s_right ul li .text  h3{ font-size:20px;}
.school_box01 .s_right ul li .text  p{ font-size:16px;}

.school_box02 ul {     flex-wrap: wrap;}
.school_box02 ul li{ width:50%;}

.school_box03 ul li {    width: calc(100%/2);}

.school_box04 ul li {    width: calc(100%/2);}
.school_box04 ul li .text h3 {   font-weight: bold;   font-size: 20px;}
.school_box04 ul li .text p {   font-size: 14px;}

.school_box05 { padding: 60px 20px;}
.school_box06 .apply_form {   width: 100%;}
.school_box06 .apply_form .apply_input {   width: 100%;}

.business_box01 {    display: block;   flex-wrap: wrap;}
.business_box01 .s_right {    padding: 60px 20px 0px 20px;}

.business_box01 .s_right ul{ flex-wrap:wrap;}
.business_box01 .s_right ul li {   text-align: center;   width: calc(100%/2);   margin: 0px 0px 30px 0px;}
.business_box01 .s_right ul li img{ width:100%;}

.business_box01 .s_right h3 {   font-size: 16px;}

.business_box04 ul li {    width: calc(100%/2);}
.business_box04 ul li .text h3 {   font-weight: bold;   font-size: 20px;}
.business_box04 ul li .text p {   font-size: 14px;}

.house_box01 .s_left{ width:0;}
.house_box01 .s_right {   padding: 60px 20px;}

.house_box02 ul {   flex-wrap: wrap;}
.house_box02 ul li {  width: 50%;}
.house_box03 ul li {   width: calc(100%/2);}

.house_box04 ul li .text h3 {   font-size: 20px;}
.house_box04 ul li {  width: calc(100%/2);}

.sb_box_resource .a_text img { width: 100%;}
.resource_list ul li {   width: calc(100%/2);    padding: 0px 0px;}
.resource_list ul li img {   width: 150px;}

.sb_box_contact .a_text {   margin: 30px 20px 0px 20px;}
.contact_text {  margin: 60px 20px 60px 20px;}
.contact_text .contact_tit {    width: 100%;}
.contact_text .contact_info {    width: 100%;}
.contact_text .contact_form {    width: 100%;}
.paTBox .search {
  margin-left: 40%;
}

}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
  .box_table {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
}
  .box_table_cell {
    display: table-cell;
    vertical-align: middle;
}
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}

.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: navajowhite;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.logo_text{
    margin-left: 10px;
}