body{margin:0 auto; font-family:"microsoft yahei"; color:#525252; font-size:12px;min-width:1200px;}
div,dl,ul,li,span,p,img,h1,h2,dl,p,em,h6{margin:0px; padding:0px; list-style:none; border:0px;}
.clear{clear:both; height:0px; overflow:hidden;}
img{ border: 0}
.fl{float:left;}
.fr{float:right;}
.cp img{border:1px solid #ccc; background-color:#fff; padding:2px; background-color:#fff;}
.cp a:hover img{border:1px solid #0699e7; background-color:#fff; padding:2px;}
a{color:#525252; text-decoration: none; cursor:pointer;}
.trans1 img{transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear;}
.trans1 img:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);}
		
.trans2 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans2 img:hover{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -wbkit-transform: scale(1.2);}
	
a:hover{text-decoration: none; color:#0699e7;}
.box,#news,.page,#nav_all,#adv,#workshop,#link{width:1200px; height:auto; margin:0 auto;}
.box:after{ display: block; content: ""; clear: both;}
  
    /*顶部*/
.top_all{ width:100%; min-width:1200px;color:#999;  background:#f5f5f5;line-height:40px; font-size: 12px; font-family:"simsun"}
.top_all .fr a{color:#999; font-size: 12px;}
.top_all .fr a:hover{ color:#0699e7 ;}
.top_all .fr span{padding:0 15px;}
 
  /*抬头*/
  .head_all{ margin-top: 10px; }
  .head_all .logo{ }
  .head_all .logo img{ height: 70px;}
  .head_all .head_f{ font-size: 38px;  font-weight:bold; color:#222;}
  .head_all .head_f p{
letter-spacing: 1.8px;
    display: block;
    font-size: 26px;
    font-weight: normal;
    color: #555;
    /* border-top: 1px solid #ddd; */
    margin-top: 12px;
    padding-top: 8px;
    font-weight: bold;
    margin-left: 20px;
  }
  .head_all .head_f span{ color: #f39700;}
  .head_all .head_p{ width: auto; /*! margin-top: 28px; */line-height: 34px;  background:url(../images/20190824215239_1053736163.png)0 6px no-repeat; padding-left:68px;color: #0699e7;}
  .head_all .head_p i{ display: block; font-style: normal; font-size: 16px; color: #595757; float:left;}
    .head_all .head_p em{ display: block; font-style: normal; font-size: 26px; color: #595757; font-weight:bold; float:left; font-family:"arial";}

  
  .head_all .head_w{margin-top: 15px; font-size: 17px; text-align: center; color: #555;margin-left:39px;}
  .head_all .head_w li{ display: block; float: left; margin-left:50px; line-height: 20px;}
  .head_all .head_w li img{ width:130px; display: block; margin: 0 auto;margin-bottom:7px;}
  .head_all .head_w li dl{ font-size: 13px; color: #999; font-family:"arial";}
  
    /*导航*/
.navbor{ width: 100%;min-width: 1200px;font-family: "microsoft yahei";height: 60px;background:#0699e7;color: #333;font-size: 16px; margin-top:10px;}
.nav{position:relative; }
.Navprod_r.page{ position: relative; background:url(../images/20190824221342_717083410.png) left center no-repeat;}
.nav > ul > li{ float: left;display:block;line-height:60px;width:150px;  position:relative; z-index: 99; text-align:center;background: url(../images/20190824221342_717083410.png) center right no-repeat; }
.nav > ul > li > a{ display: block;  font-size:18px;color:#fff; }
.nav > ul > li:hover{ height: 60px;}
  .nav > ul > li:hover  a{color:#fff;}

.nav > ul > .block{ background-color:#f39700; height:60px; color:#fff !important;display: block; position: absolute; top: 0; }
.erji_menu { display: none; position: absolute; left: 0; width: 100%; z-index: 1111;top: 60px; }
.erji_menu ul li a{ display: block; text-align: center; font-size: 14px; color: #fff; line-height:40px; margin-bottom: 1px; background: rgba(243, 151, 0); -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background:rgba(255,114,0,0.8) ;color:#fff !important;}
  
.navcurrent a{color:#fff !important;  background:#f39700 !important;}
.rightarrowpointer{display:none;}
  
    /*幻灯片*/
.banner{ overflow: hidden; height:650px; width: 100%; position:relative; background: #000 url(../images/20190824194720_295692532.jpg)top center no-repeat;}
.banner-box{ min-width:1200px; height:650px;overflow: hidden; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:650px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%;  top: 0; left: 0; margin-left: 0; height: 570px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:280px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20190824221414_717996713.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20190824221414_717996713.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:40px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #0699e7; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
  
 /*搜索*/
#search_all{ width:100%; min-width:1200px;  height:70px; background: #fff; /*! border-bottom:3px solid #ddd; */background: #efefef;}
  input{outline: none;}
.search{ width:1200px; margin:0 auto; font-family:"Microsoft YaHei";  text-transform: uppercase;}
.search a{ font-size:15px; color:#555;}
.search a:hover{ color:#0699e7;}
.searchl{ font-size:15px;line-height:70px;}
.searchl span{ font-weight: bold;}
.searchr{ width:350px;margin:16px 0; border: 1px solid #ddd; border-radius: 20px;}
.search_kong{ width:350px;float:right; overflow:hidden; height:40px;background: #fff;border-radius: 80px;}
.search_2{float:left; width:240px; height:40px; line-height:40px;}
.search_2 input{color:#909090;background:none; border-radius:20px; margin:0; width:289px; border: none; height:40px; line-height:40px;padding-left:17px; float:left;}


.search_tu{ float:right;height:40px; width:58px;}

  
  /*特点*/
.tedian .title{width: 400px}
  .feature{ width: 100%; min-width: 1200px; height:543px; padding: 60px 0; background:#f9f9f9 url(../images/20190826151419_1827506748.jpg) top center no-repeat;}
  .feature_t{ text-align: center; font-size: 16px; color: #555; line-height:24px;margin: 0 auto;}
  .feature_t .title{ font-size: 18px; /*! width: 445px; */ margin: 0 auto; line-height:45px; margin-bottom: 20px;}
  .feature_t .title dl{ display: block; font-size: 40px; font-weight: bold;  color: #222;margin: 0 auto;}
  .feature_t .title dl:before{ display: block; content: ""; height:1px;width: 50px; background: #555; float:left; margin:23px 10px 0 0;}
  .feature_t .title dl:after{ display: block; content: ""; height:1px;width: 50px; background: #555; float:left; margin:23px 0 0 10px;}
  .feature_t .title span{ color: #0699e7;}
  .feature_t .title i{ font-style: normal;color: #f39700;}
  .feature_t li{ width: 580px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: left; margin: 10px 0; color: #666; }
  .feature_t li:nth-of-type(3){ width: 1200px;}
  .feature_t li:before{ display: block; content: ">"; width: 12px;font-size:18px;  margin-right: 5px; color: #0699e7;border-bottom: 1px solid #0699e7; float:left;}
  .feature_b{ margin-top: 50px;}
  .feature_b li{ text-align: center; color: #fff; font-size:40px; line-height: 60px; width:246px; height:311px; position: relative;transition: all ease-in-out 0.3s}

  .feature_b li+li{margin-left:72px; }
  .feature_b li:before{ display: block; content: ""; height: 80px; width: 100%;}
  .feature_b li em{ font-style:normal;  font-weight: bold;font-size:70px;  font-family: "Levenim MT", Times, serif;z-index: 1;position: relative;}
  .feature_b li dl{ font-size: 18px;position: relative;z-index: 1;color: #fff;}
.feature_b li span{position: relative;z-index: 1;}
.liujiao{ background: url(../images/liujiao2.png) no-repeat; width: 246px; height: 312px; position: absolute; z-index: 0;top: 0;color: #fff; background-size: contain}

.feature_b li:hover .liujiao{ background: url(../images/liujiao1.png) no-repeat; width: 246px; height: 312px; position: absolute; z-index: 0;top: 0;color: #0699e7; background-size: contain}
.feature_b li:hover{ color: #0699e7!important}
.feature_b li:hover  dl{color: #0699e7!important}
  /*数字滚动*/
.number_l1{width:100%; text-align: center; }
.number_ljs{font-size:76px; line-height: 68px;color:#ff0000; text-align:center;font-family: "Impact"; margin-bottom:15px;}
.number_ljs p{font-style:normal;display:block; letter-spacing: -3px; }

 /*产品*/
  .prod_all{ margin: 60px auto;}
  .prod_all .feature_t .title{ display: inline-block; text-align: center;}
   .prod_l{ width: 270px; background: #0699e7; /*! padding-bottom:25px; */ }
    .list_t{ padding: 25px 25px 20px 25px;   color: #fff;}
  .list_t dl{font-family: "Levenim MT", Times, serif; font-size: 27px; line-height: 30px; text-transform: uppercase; color: #fff; padding: 25px 0 5px 0;}
    .list_t p{ font-size: 30px;  margin-bottom: 10px;font-weight: bold;display: inline-block;float: left;}
    .list_t i{ display: none; float: left; font-size: 20px; font-style: normal;}
    .list_t i:after{ width: 93px; height: 1px; background: #fff; margin:12px 0 0 5px; display: block; float: right; content: "";}
    
    .list_t a{ display: inline-block; float: right; font-size:22px; font-style: normal; width: 22px; height:22px; border: 1px solid #fff; line-height: 22px; text-align: center;  color: #fff;margin-top: 10px;}
    .list_t a:hover{ color: #ffc600;}
    .list_c{ width: 170px; margin: 0 auto;background: #fff; padding:20px 25px;}
  
     .markermenu ul li{ background: #f5f5f5; margin-bottom: 10px; padding-left: 10px; font-family: "microsoft yahei";}
   .markermenu ul li a{ font-size: 15px !important;padding:0 !important; color: #555 !important; font-weight: normal !important; font-family:none;}
 .markermenu ul li a:hover{ color: #0699e7 !important; font-weight: bold;}
   .markermenu ul li a::before{  float: left;width: 10px; height: 10px; border: 2px solid #ddd; border-radius:50%; display: block; content: ""; margin: 16px 5px 0 0;}
   .markermenu ul li:hover a::before{ background:#fff;border-color: #0699e7;}
 .blackwhite li a{ text-align: center !important; padding: 0 !important;}
 .blackwhite li a:hover{ font-size: 14px;}
 .rightarrowpointer{ display: none;}
     .rightarrowpointer{ display: none;}
  .list_b{ height: 100px; padding-top:50px; text-align: center; color: #fff; font-size:33px; background:url(../images/20190826150417_96800063.jpg)center center no-repeat;}
  .list_b p{ font-family: "Levenim MT", Times, serif; display: block; line-height: 55px; background: rgba(6, 153, 231, 0.58);}
  
  .prod_r{width: 890px;}
  #colee{ overflow: hidden;  height: 807px;}

  .prod_r td br{
    display:none !important;/* 隐藏调用中自动生成的换行 */
}
.prod_r td{
    position:relative;
    overflow:hidden;
    padding:0 !important;
    height:250px;
    width:283px;
    display: block;
    float: left;
    margin: 8px;
	border: #ccc solid 1px

}
  .prod_r  tr td:nth-of-type(3){ margin-right: 0;}
    .prod_r  tr td:nth-of-type(1){ margin-left: 0;}
.prod_r td  a{
    display:block;
}

  
 .prod_r td a:nth-of-type(1):before{ content: ""; display: block; position: absolute; top: 0;  z-index: 999; width: 380px; height: 212px; overflow:hidden; background:url(../images/20190826150304_1188383197.png) no-repeat;    background-position:-280px 0; } 
   .prod_r td:hover a:nth-of-type(1):before{  content: ""; display: block;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  transition:all 0.5s linear;  background-position:100px  0; } 
  

.prod_r td span{ display: block; border-top: 1px solid #ddd; line-height:40px;  padding:0 !important;color: #fff; background:#0699e7;}
  .prod_r td span a{font-size: 14px; color: #fff; line-height:40px;  }
  .prod_r td:hover span a{color: #fff; background:#05557f;} 
  
.tedian .feature_t .title{width:600px}
  /*对比*/
  .vs_bj{ width: 100%; min-width: 1200px; /*! margin-top: 60px; */ height: 870px; background:url(../images/20190826170651_95050040.jpg) no-repeat center top; padding-top:65px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; }
  .vs_bj  .feature_t .title{ width: 482px;}

.vs{position: relative;height: 660px; margin-top: 80px;}
.vstit{padding-top: 170px; width: 172px;height: 500px;background:url(../images/20190826164435_1255749461.png) no-repeat center top; position: absolute;left: 50%; top:-80px;margin-left: -86px;z-index: 2}
  .vstit_l{ width: 565px; font-size: 25px; text-align: center; font-weight: bold;color: #fff; line-height:65px; height: 65px; border-radius: 32px;  background: #0699e7; }
  .vstit_r{width: 565px; font-size: 25px;  text-align: center;font-weight: bold;color: #555; line-height:65px; height: 65px; border-radius: 32px;  background: url(../images/20190826155814_278900755.png)top right no-repeat;}
  
  .vs_t{ font-size: 14px; width: 143px;z-index: 2; height: auto; line-height: 30px; position: absolute; top:70px; left: 528px; text-align: center;}
  .vs_t li .nep01>span{ color:#fff;  font-size:25px;}
.vs_t li .nep02>span{ color:#fff;font-size:25px; }
.vs_t li .nep02:hover>span{ color:#dedede; font-size:18px; font-family:"arial"; text-transform:uppercase; font-weight:normal;}
.hidden{display:none;}
.nep01{ padding-top:35px; /*! margin-bottom:29px; */ color:#fff;background: #f39700;padding-bottom: 35px;}
.nep02{padding-top:35px; margin-bottom:29px; color:#fff !important;}
.nep02:hover{color:#f39700;color:#fff !important;}
  
.vs_b{ margin-top:40px;position: relative;}
  .vs_b_l{ width: 500px; font-size:15px; color: #555; line-height:28px; }
 .vs_b_l p{ font-size:25px; font-weight: bold; color: #333; padding-top:25px;}
 .vs_b_l dl{ font-size:25px; font-weight: bold; color: #666;padding-top:25px;}
   .vs_b_l i{ display: block;font-style: normal;font-family: "arial"; font-size:12px; text-transform: uppercase; color: #999; }
  .vs_b_l span{ color: #0699e7;}
  
  
  /*优势*/
  .adv_all{ width: 100%; min-width: 1200px; margin-top: 60px;}
  .adv_bg1{ height: 630px; background: url(../images/20220301083629_1496061386.jpg)center top no-repeat; }
  .adv_all .word{ width: 220px; padding-top: 40px;}
  .adv_all .word p{font-weight: bold;font-size:75px; line-height: 80px; display: inline-block; border-bottom:2px solid  #555; margin-bottom:10px; font-family: "Levenim MT", Times, serif; color: #333; }
  .adv_all .word dl{ font-size: 35px; color: #0699e7; padding:10px 0 20px 0}
  .adv_all i{ display: block; font-style: normal;padding-left: 20px; font-size: 23px; color: #666; background: url(../images/20190826201837_1030813988.jpg)0 23px no-repeat; line-height: 58px;}
  .adv_all .font{ width: 625px; font-size: 15px; line-height: 32px; margin-top: 105px; color: #888;}
  .adv_all .font p{font-weight: bold;font-size: 20px; color: #333; line-height:40px;}
  .adv_bg2{ height:724px; margin-top: 60px; padding-top: 115px; background: url(../images/20220301180118_600683148.jpg)center top no-repeat; }
  .adv_bg2 .font{ width: 590px; padding-left: 560px;}
    .adv_bg3{ margin-top: 60px; height: 630px; background: url(../images/20220301181712_1573815727.jpg)center top no-repeat; }
  
  /*简介*/
  .about_all{ /*! margin-top:60px; */ height: auto; padding-top: 60px; background:#f9f9f9 url(../images/20190826215422_1549785747.jpg)center top no-repeat;}
  .about_img{ margin-top: 30px;}
  .about_img img{ display: block; margin: 0 auto; border: 5px solid #fff;}
  .about_img:after { display: block; content: ""; height: 25px; background: url(../images/20190827093733_1707494516.png) top center no-repeat;}
  .about_w{ font-size: 15px; line-height: 32px; }
  .about_w p{ padding-top: 10px; text-indent: 2em;}
  .about_w a{ font-size: 15px;}
 .about_all  .feature_t .title{ font-size: 18px; width: 360px; margin: 0 auto; line-height:45px; margin-bottom: 20px;}
  
  .workshop{padding:20px 0 80px 0;background: #f9f9f9 url(../images/20190827103723_967008725.jpg)center bottom no-repeat;}

  .workshop_bg{ width: 1200px; margin: 0 auto; position: relative; overflow: hidden; margin-top: 30px;}
.dis{display:none;}
#tablit {width:1200px; height:100px; text-align:center; margin:0 auto;  background:url(../images/20190827102158_1122590070.jpg)0 
 38px repeat-x;}
#tablit dl{display:block; width:400px; margin:0 auto;}
#tablit dl dt{}
#tablit dl dd{float:left; width:200px; font-size:22px; color:#333;font-weight:bold; line-height:30px; text-align:center; margin:0; padding-top:70px; background:url(../images/20190827200222_1866693271.jpg)80px 28px no-repeat;}

#tablit dl dd:hover{float:left; color:#0699e7; background:url(../images/20190827200035_877354677.jpg)80px 28px no-repeat;}
#tablit .on{width:200px; color:#0699e7; background:url(../images/20190827200035_877354677.jpg)80px 28px no-repeat; }
.dis{display:none;}

#tablit dl dd a{ font-size:18px !important; color:#333 !important; transition:none; }
#tablit dl dd:hover a{ font-size:18px !important; color:#0699e7 !important; }
#tablit dl dd.on a{color:#0699e7 !important;}
  
  
  /*新闻*/
  .news_all{ height: 745px; /*! margin-bottom: 20px; */ /*! margin-top: 50px; */ /*background: url(../images/newsbg.jpg)center bottom no-repeat;*/padding: 60px 0;background-size: cover;}

  .news_all .feature_t .title{ width:490px;color: #fff;}
    .news_b{border: 1px solid #ddd; margin-top: 30px;  padding:30px 0;background: #fff;}
  
  .news_l{margin-left: 31px; width: 720px;}
  .news_b dl { line-height: 24px; margin-bottom: 10px; border-left: 3px solid #0699e7; padding-left: 9px;font-size: 22px; font-weight:bold;}
  .news_b dl a{font-size: 22px; color: #333;}

  
   .news_div_item{width:720px; height: 135px;  float: left; margin:0 0 5px 0; position: relative;border-bottom: 1px #e9e9e9 solid;}
.news_div_item_pic{width:200px; height: 110px;  float: left;}
.news_div_item_pic img{width:200px; height: 140px;  border: 1px solid #ccc;padding: 2px; background: #fff;}
.news_div_item_content{width:500px; height: 140px; float:right;}
   .news_div_item_content:hover a{ color: #0699e7;}
.news_div_item_title{height:15px;  padding-top:10px;}
.news_div_item_a{ font-size:19px !important; color:#333;}
.news_div_item_body{ line-height: 28px; padding-top: 20px; font-size: 13px;}

.news_div_item_date{position: absolute; top:120px;left:220px; color:#999; font-size:14px;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{float: left;}

   .news_div_item{ position: relative; padding: 5px 0; height: 155px; overflow: hidden; transition:0.3s all ease; border-bottom: 1px #e9e9e9 solid; margin-bottom: 5px;}

  .news_r{width: 360px; margin-right: 26px;}
  .news_r img{ width: 355px; height: 200px;margin:6px 0;}
  
  .divdgweb_new_div_item{overflow:hidden; border-bottom:solid 1px #ddd; margin-top:15px; padding-bottom:20px;}
.divdgweb_new_div_item_title{ width: 335px; float:left; margin-bottom: 5px; overflow: hidden; line-height: 32px; color:#000; white-space: nowrap; text-overflow: ellipsis; background:url(../images/20190827105027_1698716675.jpg) left no-repeat; padding-left:25px;}
.divdgweb_new_div_item_title a{ color:#333; font-size:16px;}
.divdgweb_new_div_item_body{float:left; line-height:24px;font-size: 13px; background:url(../images/20190827105059_1790163073.jpg) 0 5px no-repeat; padding-left:25px;}
#deno{position:absolute;OVERFLOW: hidden; WIDTH: 355px; HEIGHT: 280px; line-height:23px; margin-top:20px;}
  
   /*links*/
.links{width:100%; overflow:hidden; background:#1a4c98; height:74px;min-width: 1200px; /*! margin-top:60px; */}
.linksW{width:1200px; margin:0 auto; overflow:hidden;}
.links_l{float:left; width:230px; overflow:hidden;}
.links_l_l{float:left; background:#0699e7; height:70px; width:176px; text-align:right; font-size:16px; line-height:20px; padding-top:4px; padding-right:10px;color: #fff;}
.links_l_l span{font-family:Arial, Helvetica, sans-serif; font-size:50px; font-weight:bold; text-transform:uppercase; color:#fff; line-height:50px;}
.links_l_r{float:right; width:0; height:0;border-right: 44px solid transparent; border-top: 74px solid #0699e7;}
.links_r{float:right; width:936px; font-size:14px; color:#fff; overflow:hidden; line-height:24px; margin-top:25px;}
.links_r a{font-size:14px; color:#fff !important;}

/*footer*/
.footer{width:100%; overflow:hidden; padding:30px 0; background:#333; color:#929292; font-size:14px;min-width: 1200px;}
.footer a{color:#929292; font-size:14px; line-height:28px;}
.footerW{width:1330px; margin:0 auto; padding-top:20px;}
.footer_s{float:left; width:329px;}
.footer_si{padding-left:61px; margin:25px 0; margin-left:3px; overflow:hidden;}
.footer_si01{background:url(../images/20190726141333_1570366538.png) no-repeat left center;}
.footer_si02{background:url(../images/20190726141354_908639210.png) no-repeat left center;}
.footer_si03{background:url(../images/20190726141354_908639210.png) no-repeat left center;}
.footer_si_m{font-size:18px; color:#fff; line-height:30px;}
.footer_si_s{font-size:14px;}
.footer_line{float:left; width:1px; height:282px; background:#767676; margin-right:35px; overflow:hidden;}
.footer_dh{float:left; margin-left:15px; width:110px; overflow:hidden;}
.footer_dh_m{font-size:16px; color:#fff; padding-bottom:15px; line-height:30px;}
.footer_dh_d{width:104px; overflow:hidden;}
.footer_dh_fl  a{ display: block; font-size:14px; line-height:28px;width:104px; overflow:hidden; display:block; white-space: nowrap; text-overflow: ellipsis; }
#showtyepname{display:none;}
.footer_r{float:right; width:406px; overflow:hidden;}
.footer_rl{float:left; width:135px; overflow:hidden;}
.footer_rr{float:right;}
.footer_rl_m{font-size:16px; color:#fff; padding-bottom:15px; line-height:30px;text-align: center;}
.footer_rl_i{width:130px;}
.footer_rl_i img{width:130px;}
.footer a:hover{color:#0086ff; }
  .footer_si_n{font-size: 16px; line-height: 24px;}
/*copy*/
.copy{width:100%; overflow:hidden; text-align:center; line-height:26px; font-size:14px; color:#929292; background:#333;    min-width: 1200px;}
.copy a{color:#929292; font-size:14px;}
  .copy a:hover{color:#0086ff;}
.copyW{width:1200px; margin:0 auto; padding:30px 0; overflow:hidden; border-top:solid 1px #767676;}







/*小导航*/
.strong_title{ display:none;}
.centerHeadImage{ display:none;}
.mianbxContent { font-family:"microsoft yahei";border-bottom: 1px dashed #ddd; line-height:40px; color:#555;
text-align: left !important;font-size: 20px;line-height: 40px !important; /*! width:1178px !important; */ margin-bottom: 20px !important;height: 40px !important;padding-left: 20px !important;
border-left: #0699e7 solid 5px;
}
.mianbxContent a{ font-size:14px;color:#555;}
.mianbxContent a:hover{ font-size:14px;color:#0699e7;}

.xwlb_img img{max-height: 154px !important;}


/*首页产品*/
.ddsubmenustyle,.ddsubmenustyle ul
{
font:normal 13px Verdana;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
list-style-type:none;
border:1px solid #2d9fff;
border-bottom-width:0;
visibility:hidden;
z-index:100;
width:120px;
}

.ddsubmenustyle li a
{
display:block;
_width:120px;
width:120px;
height:35px;
line-height:35px;
color:black;
background-color:lightyellow;
text-decoration:none;
padding-left:4px;
border-bottom:1px solid #2d9fff;
}

* html .ddsubmenustyle li a
{
display:inline-block;
}

.ddsubmenustyle li a:hover
{
background-color:black;
color:white;
}

.downarrowpointer
{
padding-left:4px;
border:0;
}

.rightarrowpointer
{
position:absolute;
padding-top:3px;
right:2px;
border:0;
}

.ddiframeshim
{position:absolute;
z-index:100;
background:transparent;
border-width:0;
width:0;
height:0;
display:block;
}

.mattblackmenu ul
{
margin:0;
padding:0;
font:bold 12px Verdana;
list-style-type:none;
border-bottom:1px solid gray;
background:#414141;
overflow:hidden;
width:100
}

.mattblackmenu li
{
display:inline;
margin:0;
}

.mattblackmenu li a
{
float:left;
display:block;
text-decoration:none;
margin:0;
padding:6px 8px;
border-right:1px solid white;
color:white;
background:#414141;
}

.mattblackmenu li a:visited
{
color:white;
}

.mattblackmenu li a:hover
{
background:black;
}

.mattblackmenu a.selected
{
background:black;
}

.markermenu
{
_width:170px;
width:170px;clear:left;
            }

.markermenu ul
{
    list-style-type:none;
margin:0;
padding:0;
}

.markermenu ul li a
{
    background:none;
    font-family:Lucida Grande,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-weight:bold;
font-size:13px;
color:#0;
display:block;
width:auto;
height:45px;
line-height:45px;
padding-left:5px;
text-decoration:none;
}

* html .markermenu ul li a
{
    _width:25px;
width:25px;
}

.markermenu ul li a:visited,.markermenu ul li a:active
{
    color:#0;
}
.markermenu ul li a:hover,.markermenu ul li a.selected
{
    color:#2d9fff;
}

.blackwhite li a
{
    background:white;
}

.blackwhite li a:hover
{
    background:#2d9fff;
    color:#fff;
}
/*首页友情链接*/

                    .linkTagcs
                    { 
                    width:936px;
                 height:auto;}
                    .linkTagcs ul
                    {margin:0px;padding:0px;list-style-type:none;}
                    .linkTagcs li
                    {list-style:none;margin:0px;  padding-right:10px;line-height:24px;float:left;}
                    .linkTagcs li a
                    {color:#fff;word-break:break-all;}
                    .linkTagcs li img
                    {border:0px;}

/* 浮动代码*/

.back-top-container {
  display: block;
  position: fixed;
  right:50px;
  bottom: 50px;
  cursor: pointer; 
  z-index: 99999;}

.back-top {
  opacity: 0.8;
  width: 32px;
  height: 32px;
  z-index:10000000;
  background: #0084ff; }
.back-top:hover {opacity: 1; }

.back-top-text {
  margin-top: 3px;
  padding-left: 7.5px;
  width: 32px;
  border: 1px solid #000;
  border-radius: 5px;
  background: #fff; }
  
.back-top:hover {opacity: 1; }
.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 113px;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease; }
.yb_conct a {
    color: #fff;
    text-decoration: none; }
.yb_conct a:hover {
      color: #fff; }

.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 1px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden;
  background:#0699e7  url(../images/20190828113954_2109041091.png) no-repeat;}

.yb_bar .yb_top {background-position: 0 0;}
.yb_bar .yb_phone {background-position: 0 -57px; font-size: 16px;}
.yb_bar .yb_tel {background-position: 0 -113px;}
.yb_bar .yb_QQ {text-indent: 0;background-position: 0 -170px;}
    .yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff; font-size: 16px;}
    .yb_bar .yb_fb {text-indent: 0;background-position: 0 -227px;}
    .yb_fb a{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;  font-size: 16px;}
.yb_bar .yb_ercode {
  /*height:200px;*/
  position: relative;
  background-position: 0 -285px;}
    
.yb_bar .yb_ercode img{position: absolute;top:53px;left:10px;}

.hd_qr {padding: 0 29px 25px 29px; }


.hd_qr1 {padding: 0 29px 25px 29px; }

/**/
.fqi ul li{
float: left;
    width: 21%;
    height: 392px;
    overflow: hidden;
    background: #0699e7;
   /* border: 2px solid #0699e7;*/
    margin: 0 20px;
    margin-top: 50px;
    position: relative;
}
.fqi ul li:last-of-type{ margin-right: 0;}
.fqi ul li b{ display: block; font-size: 0; line-height: 0; overflow: hidden;}
.fqi ul li b img{ width: 100%; height: 260px;}
.fqi ul li em{ display: block; margin: 30px 30px 15px; font-size: 22px; color: #333; line-height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fqi ul li i{ display: block; color: #666666; font-size: 14px; margin: 0 20px; line-height: 28px; height: 35px;font-style: normal;}
.fqi ul li span{ display: block; /*margin: 0 30px;background: url(../images/f_mor1.png) no-repeat right 0;*/ height: 13px;}
.fqi ul li:hover em{ color: #71b800;}
/*.fqi ul li:hover span{background: url(../images/f_mor2.png) no-repeat right 0;}*/

.fqi ul li{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.fqi ul li em{background: url(../images/f_h322.png) no-repeat; margin: 0;/*! padding:0 30px 0; */ height: 48px; line-height: 48px; color: #fff; /*! margin-bottom: 15px; */background-size: contain;position: absolute;bottom: 0;width: 100%;padding-left: 20px;background-size: contain;box-sizing: border-box;}
.fqi ul li:hover em{background: url(../images/f_h321.png) no-repeat; color: #fff;background-size: contain;display: block;width: 100%;}

.fuwu{background:url(../images/fuwu_bg.jpg)  no-repeat center center;padding: 80px 0;/*! margin: 50px 0; */}

.fuwu .feature_t{width: 280px; color: #fff}
.jifn{position: relative; padding: 80px 0;width: 100%;overflow: hidden;}
.jifn .content { position: relative; height: 755px;}
.case_con { width: 988px; height: 572px; position: absolute; left: 50%; margin-left:-549px;}
.case_con .tempWrap { overflow: visible !important }
.case_con .tempWrap div { overflow: visible !important }
.case_con dl { width: 988px; height: 755px; overflow: hidden; position: relative; margin: 0 53px; }
.case_con dt { width: 988px; height: 566px; overflow: hidden }
.case_con dt img { width: 988px; height: 566px }
.case_con dd { width:830px; height: 150px;z-index: 2; -o-transition: all .8s ease; transition: all .8s ease;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 13px 28px 0 rgba(0, 0, 0, .1) ; background: #fff; margin: -73px auto 0; position: relative;}
.case_con dd h4 { overflow: hidden; float: left; padding: 22px 0 0 36px; width: 604px;font-weight: normal;}
.case_con dd h4 em{ display: block; line-height: 100%;font-weight: normal; font-size: 24px; color: #333333; margin-bottom: 12px;}
.case_con dd h4 b i{ display: block; font-weight: normal; font-size: 15px; color: #666666; line-height: 25px;}
.case_con dd p {font-size: 0; line-height: 0; float: right; width: 150px; padding-top: 53px; height: 97px; text-align: center; background: #0699e7;}
.case_con dd p:hover{font-size: 0; line-height: 0; float: right; width: 150px; padding-top: 53px; height: 97px; text-align: center;}
.case_con dl :hover p{ background: #f39700;}
.case_switch div { position: absolute; text-align: center; box-sizing: border-box; top: 249px; width:60px; height: 60px; cursor: pointer; z-index: 2; -o-transition: all .3s ease; transition: all .3s ease }
.case_switch .prev { left: 25px }
.case_switch .next { right: 25px }
.case_switch div:hover { }

.jifn .title dl {
  width: 302px;margin: 0 auto
}
.content {
  width: 1200px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
}
/*

首页关于我们*/
.about_m{width: 100%;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;background:url(../images/aboutbg.jpg);padding: 40px 0;}
.about_l{width: 980px;/*! padding-left: 310px; */}
.about_t1{font-size: 34px;color: #FFFFFF;font-weight: bold;line-height: 34px;margin-top: 50px;}
.about_t2{font-size: 38px;color: #FFFFFF;font-weight: bold;line-height: 34px;margin-bottom: 35px;}

.about_xq{background-color: #FFFFFF;width: 795px;padding: 10px 30px 0 25px;position: relative;z-index: 99999;}
.about_xqt{font-size: 34px;color: #0699e7;line-height: 34px;font-weight: bold;padding: 30px 0 20px;border-bottom: 1px solid #d2dff2;}
.about_xqp{font-size: 14px;color: #000000;padding-right: 20px;line-height: 30px;margin-top: 16px;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical;height: 210px;overflow: hidden;}
.about_xqm{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;padding: 30px 0 20px;}
.about_xql{font-size: 34px;font-weight: bold;color: #0699e7;text-transform: uppercase; background: url(../images/20190726141333_1570366538.png) no-repeat left center; padding-left: 60px}
.about_xqr{width: 125px;height: 30px;line-height: 30px;text-align: center;background-color: #0699e7;}
.about_xqr a{display: block;color: #FFFFFF;}
.about_r{width: calc(100% - 980px);}
.about_rimg img{width: 100%;margin-top: -1px ;}
.about_rp{text-align: right;padding-right: 140px;}
.about_rt1{font-size: 14px;color: #FFFFFF;padding: 50px 0;}

.bai{  color: #fff}
.fuwu .feature_t .title dl::before {
  display: block;
  content: "";
  height: 1px;
  width: 50px;
  background: #fff;
  float: left;
  margin: 23px 10px 0 0;
}
.fuwu .feature_t .title dl::after {
  display: block;
  content: "";
  height: 1px;
  width: 50px;
  background: #fff;
  float: left;
  margin: 23px 10px 0 0;
}
.more a{ color: #fff; text-align: center;  display: block; font-size: 18px; font-weight: bold;margin: 25px;}


/*内页关于我们*/

.w1400 {width: 1200px;margin: 0 auto;}
.left {position: relative;width: 530px;float: left;}
.en {font-size: 30px;text-transform: capitalize;display: block;line-height: 40px;margin: 10px 0px;}
.cn {font-size: 28px;line-height: 58px;font-weight: normal;margin-top: -7px;color:#0699e7;}
.jianjie_right {/*! width: 590px; */padding: 40px;box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);background: #fff;/*! height: 440px; */padding-top: 45px;padding-bottom: 66px;}
.tit {font-size: 32px;font-weight: normal;display: flex;padding-bottom: 30px;border-bottom: 1px solid #f3edf0;margin-bottom: 20px;color: #0699e7;}
.des {line-height: 30px;font-size: 17px;}
.des p {text-indent: 2em;font-size: 17px;/*! line-height: 45px; */color: #777;}
div#top30 {display: none !important;}
.page-yyal{margin: 40px 0}

/*内页产品*/
.prod_bg {height: auto;padding-top: 65px;display: flex; padding-bottom:75px;}
.cp_nr{ padding-top:40px;}
/*产品左边*/
.proclass {width: 240px;}
.pc_t {color: #fff;width: 240px;height: 106px;background: url(../images/newsbg.jpg) no-repeat;text-align: center;}
.pc_t em {font-size: 12px;color: #f8f8f8d4;font-family: Arial;text-transform: uppercase;}
.pc_t b {display: block;font-size: 25px;font-weight: bold;padding: 25px 0 9px;}
.pconcat {padding: 17px;background: #f9f9f9;margin-top: 18px;}
.pconcat img {margin: 0 auto;display: block;}
.pconcat p {color: #333;margin: 0 auto;display: table;padding-top: 15px;}
.pconcat p b {display: block;font-size: 25px;font-family: Arial;color: #0699e7;font-weight: bold;padding-bottom: 8px;}
.pconcat p span {display: block;width: 160px;height: 27px;line-height: 27px;background: #0699e7;border-radius: 30px;text-align: center;color: #fff;font-size: 14px;margin: 0 auto;margin-bottom: 6px;}
.pcc {border: 1px solid #f5f5f5;}
.pcc td {display: flex !important;;width: 205px !important;height: 38px;margin: 20px auto 20px;}
.pcc td b{ font-size:0;}
.pcc td a {position: relative;display: block;width: 185px;height: 38px;background: #f5f5f5;font-size: 15px;color: #555 !important;line-height: 38px;font-weight: lighter;padding-left: 20px;}
.pcc td a:after,.pcc td a:before{ content:''; display:block; position:absolute; top:0; bottom:0; margin:auto 0;}
.pcc td a:hover{ color:#0699e7 !important;}
.pcc td a:before{ width:7px; height:11px; background:url(../images/20210522092545_1676893756.png) no-repeat center; right:18px;}
.pcc tr{ position:relative;}
.pcc #showtyepname {position: absolute;right: -83% !important;top: -20px;width: 100%;z-index: 99;opacity: 0;visibility: hidden;transition: all .3s ease;width: 230px;}
.pcc table, .pcc tbody, .pcc tr, .pcc td{ display:block; width:100%; padding:0 !important;}
.pcc #showtyepname a {display: block;line-height: 51px;height: 51px;border-bottom: 1px solid #feffff;padding-left: 45px;position: relative;font-weight: lighter !important;background: #f9f9f9;width: 210px !important;}
.pcc tr:hover #showtyepname{ opacity:1; visibility:visible; right:-100%;}
.pcc #showtyepname a:after{ content:''; display:block; position:absolute; width:5px; height:5px; background:#999; border-radius:50%; left:30px; top:0; bottom:0; margin:auto 0;}
.pcc #showtyepname a:hover{ color:#0699e7 !important;}
.pcc #showtyepname a:hover:after{ background:#0699e7;}
.pcc #showtyepname div{background:#eaeaea;}
/*右*/
.products_gd tr{display: flex !important;justify-content: space-between;margin-top: 11px;}
.products_gd tr td {width: 274px;height: 248px;padding-left: 0px !important;}
.products_gd tr td>a {display: block;overflow: hidden;border: 1px solid #f2f2f2;}
.products_gd tr td>a img{width: 100% !important;height: 100% !important;transition: all 0.3s ease;}
.products_gd tr td span {display: block;width: 100%;height: 40px;background: #f5f5f5;}
.products_gd tr td span a {display: flex;font-size: 15px;color: #777777;transition: all .3s ease;position: relative;line-height: 40px; padding-left:15px;}
.products_gd td span a::after {content: '';width: 10px;height: 10px;background: url(../images/20210522094906_1591812649.png);position: absolute;top: 15px;right: 15px;}
.products_gd td:hover span a{color:#fff;background-color: #0699e7;}
.products_gd td:hover span a::before{color: #fff;}
.products_gd td:hover span a::after{background-position-y: 10px;}
.products_gd td br {display: none;} 
.products_gd td:hover a img{ transform:scale(1.1);transition: all 0.3s ease;}
#showtyepname a{color:#f5f5f5;text-decoration:none;}
#showtyepname a:hover{text-decoration:none;color:#0699e7;}

.protemptwo{width:100%;}
.protemptwo li{ float:left; width:31.33%; box-shadow:0px 0px 10px #eee;transition: all .5s ease; position:relative; margin:0 1% 2% 1%;}
.protemppic{overflow:hidden; position:relative;}
.protemppic img{ width:100%; transition:all .5s ease;}
.protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.protemptitl{position:relative;}
.protemptitl a:after,.protemptitl:before,.protemppic a:after{content:''; display:block; position:absolute;}
.protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url(../images/cymprotwo_1.png) no-repeat top center;}
.protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#0699e7 ; transition:all 0.5s ease;}
.protemppic a:after{ width:100%; height:0px; background: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent);top:0px; left:0px; transition:all 0.5s ease;}
.protemptwo li:hover .protemppic a:after{ height:100%;}
.protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.protemptwo li:hover .protemptitl a{ color:#fff;}
.protemptwo li:hover .protemppic img{ transform:scale(1.2) ;}
.clear{clear:both;}
.piclist{ width: 960px;}

/*翻页*/
.fenye { margin:30px 0; text-align:center}
.fenye li{ display:inline-block; list-style: none; }
.fenye a{ padding:0 14px; height:34px; line-height:34px; display:inline-block; border:1px solid #ddd; margin:0 0.25rem; color:#fff; color:#444; font-size:12px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.fenye .on{ background:#0699e7;  color:#fff; border:1px solid #0699e7; }
.fenye .thisclass{ background:#0699e7;  color:#fff; border:1px solid #0699e7;}
.fenye a:hover{ background:#0699e7;  color:#fff; text-decoration:none; border:1px solid #0699e7;}
.content{font-size: 14px; line-height: 1.8; padding: 20px; box-sizing: border-box;padding-top: 0;}
.content img,.content table{ max-width:100%}
#wz{ background:#f1f1f1;margin-bottom: 10px}
/*新闻内页*/
.nynews_box{ box-sizing: border-box;padding: 0 20px;}
.nynewslist{ width:100%; border-bottom:1px solid #eee; padding:30px 0; overflow:hidden; position:relative; background:#FFF;}
.nynewslist a{ text-decoration:none;}
.nynewslist:hover{ box-shadow: 0 0 60px -10px rgba(0,0,0,.2);}
.nynewslist:hover .nynewslist_l{ left:20px;}
.nynewslist:hover .nynewslist_r{ left:20px;}
.nynewslist:hover .nynewslist_rmore{ left:29%;}

.nynewslist_l{ width:23%; float:left; position:relative; left:0; overflow:hidden; transition:all .5s;}
.nynewslist_l img { width:100%; transition:all 0.5s;}
.nynewslist:hover img { transform:scale(1.2);}

.nynews_time{ position:absolute; bottom:0; right:0; width:122px; height:75px; background:#0699e7; font-family:arial; color:#fff; text-align:center; padding-top:15px;}
.ny_day{ font-size:40px; font-weight:bold; line-height:40px;}
.ny_month{ font-size:16px; line-height:20px;}

.nynewslist_r{ text-align:left; position:relative; width:72%; padding:20px; float:right; transition:all .5s; left: 0;}
.nynewslist_r p{ margin-bottom:20px;}
.nynewslist_r a{ font-size:20px;}
.nynewslist_r span{ display:block; color:#888; overflow:hidden; line-height:24px; padding-bottom:20px; border-bottom:1px dotted #d9d9d9; margin-bottom: 30px; }

.nynewslist_rmore{ display:block; background:url(../images/link.jpg) no-repeat; position:absolute; left:27%; bottom:40px; padding-left:22px; line-height:21px; transition:all 0.5s;}
.nynewslist_r a.nynewslist_rmore{ font-size:14px;}

/*show*/
	.showpage{ line-height: 24px;}
	.showpage table,.showpage img{max-width: 100%}
	.showpage h1{font-size: 18px; text-align: center; color: #333;margin: 10px auto;border-bottom: 1px #eee solid; padding-bottom: 10px}
.showpage .time{font-size: 12px; text-align: center;margin-bottom: 10px;color: #666}

/*内页联系我们*/

.lxfs{ background: url(../images/contact_lxfs.jpg) no-repeat top center;height: 600px; position: relative}
.lxfs .w1400{position: relative}
.lxfs ul{width: 630px; position: relative; top:168px; float: right}
.lxfs ul li{ background: url(../images/dot.jpg) no-repeat left center; height: 48px; line-height: 48px; padding-left: 40px;font-size: 14px;}
.lxfs .ewm{position: relative; right: 0;bottom:20px;/*! width: 630px; */ height: 410px;margin-top: 30px;left: -40px;}
.lxfs .ewm li{float: left; background: none;line-height: inherit;width: 33.3%;text-align: center;padding-right: 60px;box-sizing: border-box;}.lxfs .ewm li p{ text-align: center; background: #eee; height: 30px;line-height: 30px;}
.ewm img{ display: block}

.zxly{ background: url(../images/contact_zxly.jpg) no-repeat center center; height:475px; position: relative}
.zxly ul{ width: 800px; margin: 0 auto; position: relative; top:180px}
.zxly li{ width: 50%;/*! margin-right: 2%; */float: left;margin-bottom: 15px}
.zxly li:nth-child(3){width: 98%}
.zxly li input{ border: 0; background:#eaeaea; width: 89%; height: 45px; line-height: 45px;padding-left: 20px;float: left;}
.zxly li span{ color: #c00; font-size: 14px;display: block;margin-left: 5px;float: left;margin-top: 15px;}
.zxly li textarea{ box-shadow: none;border:0;outline: none;padding-left: 20px}
.zxly li textarea{ border: 0; background:#eaeaea; width: 96.5%;}
.tijiao {position: absolute;top: 200px;right: 60px;}