/* CSS Document */
.login{height: 920px;width: 100%;background: url(../images/login-bj.png) top center no-repeat; 
  background-size: auto; color: #fff;text-align: center;margin: 0 auto; 
  margin-top: 0px !important;/* overflow: hidden !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;  position: fixed  !important;*/}
.login img{margin:140px 20px 20px;}
.login h2{font-size: 30px;font-weight: bold;}
.login a.jr{display: block;width: 200px;color: #fff;border: 3px solid #fff;line-height: 40px;
font-size: 16px;margin: 100px auto 60px;}
.login .h3{line-height: 30px;font-size: 19px;margin: 20px;}
.login .h5{font-size: 17px;}
.login a.jr:hover{color: #ffed00;border: 3px solid #ffed00;  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);}
  
  .wid1200 .inbt{margin-bottom: 30px; text-align:center;}
.wid1200 .inbt h2{font-weight: 500;font-size:3.5rem;margin-bottom: 1rem;text-transform: uppercase; color:#333;}
.wid1200 .inbt h2 span{font-size: 1.5rem;color: #f49401;}
.wid1200 .inbt h5{color:#ababab;font-size:1.4rem; text-transform:uppercase;font-weight: 500;}



.service_5{ padding:5rem 0 2rem 0;}

  
 
 
 
/*底部*/


.footer{background: #333333; padding:3rem 0; width:100%; float:left;}
.foot{width:80%;margin: 0 auto;overflow: hidden;}
.foot ul {border-bottom: 1px solid #565656; overflow:hidden;}
.foot ul li{ float:left; margin:20px;}
.foot ul li a span{font-size: 15px; color:#fff;}
.foot ul li a:hover{ color:#fff;}
.fl { float: left;}
.footer-adr-con{width: 80%; margin: 10px auto 20px ; overflow: hidden;border-top: 1px solid #565656;padding-top: 20px;}
.footer-adr-con ul{width:80%;}
.footer-adr-con ul li{width:33%; float:left;}
.adress-icon{width:60px; height: 60px; background: url(../images/tel2.png) no-repeat; text-align: left; margin-right: 10px;}
.db-lianxi{ margin-top:10px;}
.db-lianxi span, .db-lianxi strong{display: block; }
.db-lianxi span{font-size: 16px; text-align: left; color:#fff;}
.db-lianxi strong{font-size: 14px; color:#fff}
.adress-icon2{background: url(../images/mel2.png) no-repeat;}
.adress-icon3{background: url(../images/add.png) no-repeat;}
.copyright_main { color:#FFF; background:#333;position:relative; font-size:12px;    margin-bottom: 25px;}
.copyright_main{display: block;}
.copyright_main_2{display: none;}
#copyright { line-height:40px;width:80%;max-width:100%;margin:0 auto; }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright a {color: #FFF; text-decoration: none; font-size:12px;}
#copyright a:hover {color:#fff; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}
.divBottom_1_3 {float: right;width: 100px;height: 120px;}
.divBottom_1_3 ul{ width: 100px;height: 126px; border-bottom:none;}
.divBottom_1_3 ul li{float: left;width: 100%;height: 100px;text-align: center;margin: 0;}
.divBottom_1_3 ul li img{width: 90px;height: 90px;}
.divBottom_1_3 ul li p{color: #fff;font-size: 12px;line-height: 24px;}

/*搜索*/


.fa-search:before{/*content:"\f002"; font-size: 18px;cursor:pointer;*/}
.fa {font: normal normal normal 14px/1 FontAwesome;}
.sousuo {right:0;bottom:0;    margin-top: 32px; float: left;    margin-right: 20px; position:relative; width:3%;}
.form-group input::-webkit-input-placeholder {color:#fff;}
.navbar-form .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;    padding: 0 10px;}
.navbar-form .form-control {display:inline-block;background:#faffbd;border: none;color: #333;margin-top: 19px;padding: 6px;height: 40px;width: 380px;}
.navbar-form .form-control-static {display:inline-block}
.navbar-form .input-group {display:inline-table;vertical-align:middle}
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {width:auto}
.navbar-form .input-group>.form-control {width:100%}
.navbar-form .control-label {margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox,.navbar-form .radio {display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox label,.navbar-form .radio label {padding-left:0}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {position:relative;margin-left:0}
.navbar-form .has-feedback .form-control-feedback {top:0}

.fa-search{background: url(../images/seach.png) no-repeat #e8e8e8 center;width:36px;height:36px;display: block; border-radius: 50px; cursor:pointer }
.fa-search1{background: url(../images/seach2.png) #f49401 no-repeat center;cursor:pointer; border-radius:1px;    height: 40px; width:40px;}
.sbtn{    position: absolute;right:4px; top: 18px;  }

.jjfa{float:right; border:1px solid #CCC; border-radius:30px; padding:3px 10px; margin-top:30px; margin-right:3%; width:10%; text-align: center;}
.jjfa img{max-height:100%; max-width:100%;}
  
  
/*分页*/

.fy{width:100%; float:left;}
/*分页样式 开始*/
#fengye {text-align: center;margin: 0px auto 0;color: #555;font-size:14px;}
#fengye a { display: inline-block; padding: 0 10px; background: #eaeaea; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border-radius: 2px; color: #555; font-size:14px;}
#fengye a:hover { background: #f49401; color: #ffffff; }
#fengye a.pnnum1 { background: #f49401; color: #ffffff; }
#fengye input { display: inline-block; padding: 0 5px; background-color: #f49401; width: 40px !important; height: 30px !important; line-height: 30px; text-align: center; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;}
#fengye .p_input { display: inline-block; padding: 0 5px; background: #eaeaea; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; color: #555; cursor: default;}

  
  /*相关产品*/
  
.products_xg{width:100%; float:left;}
.products_xg ul li{width:25%; float:left; padding:0 1%; box-sizing:border-box; margin-top:20px;}
.products_xg ul li dt{ width:100%; float:left; background:#f7f7f7; padding:6%; box-sizing:border-box;}
.products_xg ul li dt p{width:100%; float:left; background:#fff; height:17rem; position:relative; overflow:hidden;}
.products_xg ul li dt p img{position:absolute; max-height:100%; max-width:100%; top:0; bottom:0; right:0; left:0; margin:auto;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}

.products_xg ul li:hover dt p img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.products_xg ul li dt h2{width:100%; float:left; font-size:1.5rem; color:#333; margin-top:1rem;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.products_xg ul li dt h2:hover{color:#f49401;}
.products_xg ul li dt span{width:100%; float:left; font-size:1.3rem; color:#666666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height:2.2rem;  margin:1rem 0;}
.products_xg ul li dt i.i_1{ float:left; font-size:1.3rem; color:#666666;}
.products_xg ul li dt i.i_2{ float:right; font-size:2.2rem; background:#f49401;line-height:1.85rem; padding: 0 31px; border-radius:20px; color:#fff; border:1px solid #f49401;}
.products_xg ul li dt i.i_2:hover{background:#f7f7f7; color:#f49401;transition:all 0.5s;}
  
  

  
  
  @media screen and (max-width: 1380px){
 .foot{width:94%;}
.footer-adr-con{width:94%;}
.fff{width:75% !important;}
.footer-adr-con ul{width:94%;}
#copyright{width:94%;}
}
  
@media screen and (max-width: 1110px){.sousuo{margin-top:21px; float:right;}.jjfa{display:none;}
#fengye {font-size:16px;}
#fengye { margin:40px auto 0;}
}

  @media screen and (max-width:860px){
  .sousuo{ width:4%; margin-top:15px;}
  .navbar-form .form-control{width:270px;}
.fff{display:none !important;}
.divBottom_1_3{ width:100%; text-align:center;}
.divBottom_1_3 ul{width:auto;}
.footer-adr-con{display:none;}
.copyright_main{display:none;}
.copyright_main_2{display:block; width:100%; float:left; text-align: center; color:#fff; font-size:16px; padding:20px 20px; box-sizing:border-box;}

.products_xg ul li{width:50%; margin-bottom:20px; margin-top:0px;}

#fengye { margin:0px auto 0; font-size:0;}
	#fengye input, #fengye .p_input { display:none;}
	#fengye a { height: 40px; line-height: 40px; padding: 0 20px; margin-top:20px;}
.listright .listtxt{    padding: 0 4%;}


  }

@media (max-width: 768px){
  .wid1200{max-width: 100%;}
  


  .page-banner{text-align: center; width: 100%;overflow: hidden;}
  .page-banner img{width: 180%;margin: 0 -180%;}

  .wid1200 .inbt h2{font-size:24px;margin-bottom: 4px;}
  .wid1200 .inbt h2 span{font-size: 26px;}
  .wid1200 .inbt h5{font-size: 14px;}
  .wid1200 .inbt p{font-size: 24px;}
.qywh_list ul li{width:50%;    padding: 0% 1% 2% 1%;}
.service_5{    padding: 20px 0 20px 0;}
.wid1200 .inbt{ margin-bottom:20px;}

.products_xg ul li dt p{height: 110px;}
.products_xg ul li dt h2{ font-size:18px; margin-top:10px;}
.products_xg ul li dt span{line-height: 22px; margin: 10px 0;    font-size: 15px;}
.products_xg ul li dt i.i_1{font-size:14px; width:100%;}
.products_xg ul li dt i.i_2{font-size: 17px;line-height: 17px;padding: 0px 17px; margin:10px 0;}

}



@media (max-width: 767px){
 .login{padding: 10px;overflow: inherit !important; position: unset !important; height: inherit;background: url(../images/login-bj.png) 50% center no-repeat;}
 .login img{ margin: 50px 0px 20px; max-width: 100%;}
 .login h2 {font-size: 20px;}
 .login a.jr{margin: 60px auto 60px;}
 .login .h3{line-height: 24px;font-size: 16px;margin: 0 0 10px 0;}
 .login .h5{font-size: 14px;padding-bottom: 50px;}

 .sbtn{    right:-6px; top: 17px;}
 
 
 
}


@media (max-width: 460px){
	.sousuo{width: 8%;}
	#fengye a { padding: 0 12px;}
	.news_list ul li dt{height:120px;}
	
	}