/* 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{ padding:5rem 0 2rem 0;}

  
 
 
 
/*底部*/


.footer{background: #333333; padding:3rem 0}
.foot{max-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{max-width: 80%; margin: 10px auto 20px ; overflow: hidden;border-top: 1px solid #565656;padding-top: 20px;}
.footer-adr-con ul{width:100%;}
.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; z-index:999;  font-size:12px;}
.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: right;    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 #002f66 center;width:36px;height:36px;display: block; border-radius: 50px; cursor:pointer }
.fa-search1{background: url(../images/seach2.png) #002f66 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;    margin-top: 1rem;}
/*分页样式 开始*/
#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;    margin-bottom: 10px;}
#fengye a:hover { background: #002f66; color: #ffffff; }
#fengye a.pnnum1 { background: #002f66; color: #ffffff; }
#fengye input { display: inline-block; padding: 0 5px; background-color: #002f66; 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:12rem; 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;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.products_xg ul li dt h2:hover{color:#cf0000;}
.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: 1;line-clamp: 1;-webkit-box-orient: vertical; line-height:2.2rem;  margin:0.5rem 0;}
.products_xg ul li dt i.i_1{ float:left; font-size:1.3rem; color:#666666;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; width:100%; line-height:35px;}
.products_xg ul li dt i.i_2{ float:right; font-size:2.2rem; background:#002f66;line-height:1.85rem; padding: 0 31px; border-radius:20px; color:#fff; border:1px solid #002f66;
    margin-top: 0.5rem;}
.products_xg ul li dt i.i_2:hover{background:#f7f7f7; color:#002f66;transition:all 0.5s;}
  
  

  @media screen and (max-width: 1640px){ 
  .foot {max-width:90%;} 
  .footer-adr-con{max-width:90%;}}
  
  @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;    border-radius:0px;}
.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%;}

#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;}
.products_xg ul li dt p{    height: 12rem;}
.products_xg ul li dt span{    -webkit-line-clamp: 1;}
.products_xg ul li dt i.i_2{display:none;}


  }

@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: 35px;margin-bottom: 4px;}
  .wid1200 .inbt h2 span{font-size: 26px;}
  .wid1200 .inbt h5{font-size: 18px;}
  .wid1200 .inbt p{font-size: 24px;}
.sbtn{    right: -6px;
    top: 17px;}

}



@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;}
 
 
 
 
}


@media (max-width: 460px){
	.sousuo{width: 8%;}
	#fengye a { padding: 0 12px;}
	
	}