﻿
/*.biaoti{width: 100%;position: relative;  height:auto; min-height:80px;font-weight:bold}
.biaoti_en{position: absolute;z-index:5; width:100%; height:auto; color:#e7e7e7;   text-align:center; line-height:40px;text-transform: uppercase; font-size:55px;}
.biaoti_cn{position: absolute;z-index:5; width:100%; height:auto; color:#045cbe;   text-align:center; line-height:40px; font-size:40px; top:20px;}
.bt_wz{ width:100%;text-align:center;}*/



.biaoti{width: 100%;  height:100px; position:relative }

.biaoti_cn{ width:100%; height:auto; color:#202020;   text-align:center;  font-size:28px; font-weight:600; position:absolute; top:0; z-index:3}
.biaoti_en{ width:100%; height:auto; color:#eeeeee;   text-align:center; text-transform: uppercase; font-size:44px; position:absolute; top:20px; z-index:2; font-weight:bold}
.bt{ width:80px; height:3px; overflow:hidden; background:#1b50b2; margin:0px auto}
.biaoti_wz{ width:100%; height:auto;   text-align:center; line-height:60px; font-size:16px;}




/*关于*/

.about{  height:auto}

.about .l{ width:47%;}
.about .l img{ width:100%}
.about .r{ width:47%; }
.about .r .title{ width:100%; height:170px; }
.about .r .title .en{ font-size:32px; color:#dedede; text-transform:uppercase; line-height:40px; font-weight:bold}

.about .r .title .wz{ font-size:38px; font-weight:600; color:#202020; line-height:50px}
.about .r .title .wz1{ font-size:18px;  color:#202020;}


.about_nr{ display:block; padding-top:20px; font-size:14px; border-top:2px solid #dedede}

.about .r  .btn{ width:120px; height:40px; line-height:40px; margin-top:30px; font-size:14px; text-align:center; background-color:#005aba; display:block; color:#FFF}

.about_ys{  width:100%; height:auto; }

.about_ys ul {
  width: 100%;
  margin: 0 auto;height:auto
}

.about_ys ul li { width:25%;height:auto;

}


.about_ys ul li .counts{ font-size:30px;  color:#184eb2; font-weight:bold; padding-top:50px; display:block}
.about_ys ul li span{ display:block; padding-top:50px; }



   @media screen and (max-width: 1440px)
 {
	 .about_nr{ padding-top:15px;}
.about .r .title{ height:125px; }
.about .r .title .en{ font-size:22px; line-height:25px;}

.about .r .title .wz{ font-size:28px; line-height:40px}
.about .r .title .wz1{ font-size:16px; }


.about_ys ul li .counts{ font-size:30px;   padding-top:20px;}
.about_ys ul li span{ padding-top:20px; }

 }
 
    @media screen and (max-width: 1024px)
 {.about .r .title{ width:100%; height:80px;}}

   @media screen and (max-width: 768px)
 {
 .about_ys ul {
  width: 100%;
  margin: 0 auto;height:auto; padding-left:10%
}



 
 .about .l{ width:100%;}
.about .l img{ width:100%}
.about .r{ width:100%; }



.about .r{ width:100%;}

.about .r .title{ width:100%; height:70px;}
.about .r .title .en{ font-size:14px; line-height:40px; padding-top:0px}
.about .r .title .wz{ font-size:22px; line-height:40px}
}


   @media screen and (max-width: 414px)
 {
 .about_ys ul li { width:50%;height:auto;

}

.about .r .btn{ width:100px; height:30px; line-height:30px; margin-top:20px; }
.about_ys ul li .counts{ font-size:30px;  padding-top:30px;}
.about_ys ul li span{ padding-top:40px; }
 }


/*产品列表*/
.cp{ width:100%; height:auto; background-color:#f1f2f4}




/*  产品中心*/
.cp_list{ width:80%; margin:0 auto}
.cp_list ul{}
.cp_list ul li{ width:23%; }
.cp_list ul li img{ width:100%}
.cp_list ul li h4{ line-height:60px} 
.cp_list ul li span{ width:100%; display:block; font-size:14px; margin-bottom:10px; }

/*发展历史*/

.fzls{ width:100%;background:url(../sximg/fzls.jpg) no-repeat right bottom #fbfcfd; padding:80px 0 }
.fzls1{ width:1400px; margin:0px auto}
.fzls1 ul{ width:100%; }




.fzls1 ul li{ width:14.2857%; height:250px; text-align:center; position:relative}

.fzls1 ul li span{ width:100%; font-size:22px; color:#0c58b0; font-weight:600}
.fzls_img1{ margin-top:30px;}

.fzls_img3{ margin-top:40px;}

.fzls_1{background:url(../sximg/fzls/f1.png) no-repeat center top; background-size:75%; position:absolute; top:10px }
.fzls_1 img{ margin-top:30px;}

.fzls_2{background:url(../sximg/fzls/f2.png) no-repeat center top; background-size:75%; position:absolute; top:70px }
.fzls_2 img{ margin-top:35px;}

.fzls_3{background:url(../sximg/fzls/f3.png) no-repeat center top; background-size:80%;  position:absolute; top:0px }
.fzls_3 img{ margin-top:30px;}

.fzls_4{background:url(../sximg/fzls/f2.png) no-repeat center top; background-size:78%;  position:absolute; top:65px }
.fzls_4 img{ margin-top:40px;}

.fzls_5{background:url(../sximg/fzls/f1.png) no-repeat center top; background-size:77%; position:absolute; top:0px }
.fzls_5 img{ margin-top:30px;}

.fzls_6{background:url(../sximg/fzls/f2.png) no-repeat center top; background-size:83%;position:absolute; top:65px }
.fzls_6 img{ margin-top:40px;}

.fzls_7{background:url(../sximg/fzls/f1.png) no-repeat center top; background-size:70%;  position:absolute; top:0px }
.fzls_7 img{ margin-top:30px;}




.fzls2{ width:1400px; margin:20px auto 0 auto}
.fzls2 ul{ width:100%;background:url(../sximg/fzls/fzls_bg.png) no-repeat center; height:200px  }

.fzls2 ul li{ width:16%; height:170px; text-align:center; position:relative}
.fzls2 ul li .yuan1{position:absolute; }
.fzls2 ul li .yuan2{position:absolute; top:200px}
.fzls2 ul li .yuan3{position:absolute; top:180px}

.zdy{ width:13%!important;}
.zdy1{ width:14%!important;}




  @media screen and (max-width: 1280px)
 {
.fzls1{ width:100%; margin:0px auto}

.fzls2{ width:100%; margin:20px auto 0 auto}
.fzls2 ul{ width:100%;background:url(../sximg/fzls/fzls_bg.png) no-repeat center; height:200px; background-size:100%  }
 }

/*新闻*/
.new{}

.new .pic{ width:48%;box-shadow:0 2px 6px 2px #e5e5e5; float:left}

.new .pic img{ width:100%; height:auto}
.new .pic span{ display:block; height:40px; line-height:40px; padding-left:20px}


.new .list{ width:48%; float:right}

.new .list ul li{ width:100%; padding-bottom:16px; border-bottom:1px solid #a7a7a7; margin-bottom:17px}


.new .list ul li .l{ width:80%;   line-height:25px; }
.new .list ul li .l h3{font-size:16px; height:28px; overflow:hidden}
.new .list ul li .l span{font-size:14px; height:50px; overflow:hidden; display:block}

.new .list ul li .r{ width:70px; height:70px; font-size:16px; background:#184eb2; text-align:center;border-radius: 15px}
.new .list ul li .r .ri{ width:70px; font-size:26px; display:block; color:#FFF; text-align:center; padding-top:8px }
.new .list ul li .r .nian{ width:70px;font-size:14px; display:block;color:#FFF; text-align:center }
@media screen and (max-width: 1440px) {
	.new .list ul li{ width:100%; padding-bottom:11px; border-bottom:1px solid #a7a7a7; margin-bottom:12px}

.new .list ul li .l h3{font-size:14px; height:25px; overflow:hidden}
.new .list ul li .l span{font-size:14px; line-height:22px; height:44px; overflow:hidden; display:block}
.new .list ul li .r{ width:60px; height:60px; font-size:16px; background:#184eb2; text-align:center;border-radius: 15px}
.new .list ul li .r .ri{ width:60px; font-size:24px; display:block; color:#FFF; text-align:center; padding-top:8px }
.new .list ul li .r .nian{ width:60px;font-size:12px; display:block;color:#FFF; text-align:center }
}

 
 
    @media screen and (max-width: 768px)
 {
 
 .new .pic{ width:100%;box-shadow:0 2px 6px 2px #e5e5e5; float:left; margin-bottom:30px}

.new .pic img{ width:100%; height:auto}
.new .pic span{ display:block; height:40px; line-height:40px; padding-left:20px}


.new .list{ width:100%; float:right}

 }