@charset "utf-8";
/**********HEADER**********/
.sina-nav .sina-brand { height: auto;  padding: 15px 0;}
.sina-nav .sina-brand img{ height: 50px; }
.sina-nav .sina-menu > li > a {padding: 30px 15px;max-width: 200px; color: #222;font-size: 1em;font-weight: 400;line-height: 20px;}
/**********indexBanner**********/
.indexBanner {width: 100%;}
.indexBanner img{width: 100%;}
.indexBanner  .bannerTxt { position: relative;}
.indexBanner  .bannerTxt .txt{ position:absolute; top: 40%; left: 8%; color: #fff;}
.indexBanner  .bannerTxt .txt h2 { font-size: 1.8em; height: auto; line-height: 40px; }
.indexBanner  .bannerTxt .txt h3 { font-size: 2.8em; letter-spacing: 2px;  height: auto; line-height: 60px;  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.indexBanner  .bannerTxt .txt p { font-size: 1em; height: auto; line-height: 30px;}
/**********indexAbout**********/
.indexAbout { padding: 60px 0; width: 100%;height: auto; background-image: url(../images/indexAboutBg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.indexAbout ul li { width: 52%;}
.indexAbout ul li:last-child { width: 40%;}
.indexAbout  .lf { padding: 100px 0;}
.indexAbout  h2 {color: #14ae67; height: auto; line-height: 40px; font-size: 1.9em; font-weight: 600; opacity: 0.2; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }
.indexAbout  h3 {color: #0d6fb8; font-size: 2em; height: auto; line-height: 45px; font-weight: 600; margin-top: -20px;}
.indexAbout  p { font-size: 1em ; height: auto; line-height: 28px; margin-top: 20px; color: #5c5c5c;}
.indexAbout .rg img { width: 450px;}
.indexAbout .rg  { width: 100%; text-align: right;}
/**********indexService**********/
.indexService {  width: 100%;height: auto; background-image: url(../images/indexServiceBg.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.indexService ul li { border-left: 1px solid #fff; padding: 100px 35px; width: 25%; height: 100%; background-color: rgb(13, 111, 184,.8);}
.indexService  .txt {width: 100%;text-align: center; color: #fff;}
.indexService  .img img { height: 80px; margin-bottom: 5px; }
.indexService   h2 { font-size: 1.2em; font-weight: 600; height: auto; line-height: 55px;}
.indexService   hr { margin: 8px auto; width: 80px; border: 1px solid #fff;}
.indexService  p { font-size: .8em; height: auto; line-height: 28px; color: #fff; margin: 30px 0;}
.indexService  .more { margin: 0px auto;}
.indexService ul li:hover {  background-color: rgb(13, 111, 184,1);}
/**********indexNews**********/
.indexNews { width: 100%; padding: 100px 0;background-image: url(../images/indexNewsBg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.indexNews .title { width: 100%; text-align: center;}
.indexNews .title h2{color: #0d6fb8; font-size: 2em; height: auto; line-height: 45px; font-weight: 600; }
.indexNews ul li { width: 32.5%; height: auto; background-color: #f3f4f8; padding: 20px 15px; margin-top: 40px;}
.indexNews  .txt  { width: 100%; height: auto; padding: 10px 0;}
.indexNews  .txt h2  {font-size: 1em; font-weight: 600; height: 30px; line-height: 30px; color: #5c5c5c; overflow: hidden; }
.indexNews  .txt h2 a { font-weight: 600;}
.indexNews  .txt  p {font-size: .9em; height: 75px; line-height: 25px; overflow: hidden; margin-bottom: 0px; color: #5c5c5c; }
.indexNews  .txt  .time { font-size: .8em; font-weight: 600;color: #5c5c5c; line-height: 30px;}
.indexNews  .txt  hr { border: 1px  dotted #dadde2;  margin: 8px 0;}
.indexNews  .txt  a {font-size: .9em; font-weight: 400; height: 30px; color: #5c5c5c; line-height: 30px; overflow: hidden; }
.indexNews ul::after { content:  ' '; width: 32.5%;}
/**********Footer**********/
.footer { width: 100%; height: auto; background-color: #0c7fd4; padding: 50px 0 ;}
.footer  ul li { width: 21%;}
.footer  ul li:first-child { width: 37%;}
.footer  ul li:last-child { text-align: right;}
.footer  .contact  .logo { margin-bottom: 15px;}
.footer  .contact p { color: #fff; font-size: 1em; margin-bottom: 0; height: auto; line-height: 25px;}
.footer   h2 { font-size: 1.1em; font-weight: 600; height: auto; line-height: 30px; color: #fff; margin-bottom: 20px; }
.footer  ul li a { font-size: 1em; display: inline-block; width: 100%; color: #fff; height: auto; line-height: 38px;}
.footer  img { width: 170px;}
.footerBq { width: 100%; height: auto; line-height: 40px; text-align: center; background-color: #0966ab; font-size: .9em; color: #fff;}
.footerBq a { font-size: .9em; color: #fff;}
.footerBq  p { margin-bottom: 0;}
/**********Crumbs**********/
.crumbs { width: 100%; height: 60px; line-height: 60px; font-size: 1em;}
.crumbs a { font-size: 1em;}
/**********Crumbs**********/
.about { width: 100%;height: auto;padding: 80px 0; background-color: #efeff1;}
.about  ul li { width: 55%;}
.about  ul li:last-child { width: 41%;}
.about h2 {font-size: 1.5em; font-weight: 600; height: auto; line-height: 40px; color: #0d6fb8; }
.about h3 { font-size: 1.3em ; height: auto; line-height: 35px; margin-bottom: 10px;}
.about p { font-size: .92em ; height: auto; line-height: 30px;}
/**********culture**********/
.culture {width: 100%;}
.culture img { width: 100%;}
.culture  .txt { width: 100%; position: relative; text-align: center; color: #fff;}
.culture  .txt1 { width: 100%; position: absolute; left: 0; top: 30%; margin: 0 auto;}
.culture  .txt1 h2 {font-size: 2em; height: auto; line-height: 40px; font-weight: 600;}
.culture  .txt1 h3 {font-size: 1.2em; height: auto; line-height: 40px; margin-top: 60px;}
.culture  .txt1 p { font-size: 1em; height: auto; line-height: 30px;}
.culture  .swiper-button-prev  { background-color: #0d6fb8; padding: 10px 10px;}
.culture  .swiper-button-next { background-color: #0d6fb8; padding: 10px 10px;}
/**********quality**********/
.quality{ width: 100%;height: auto;padding: 80px 0; background-color: #efeff1; }
.quality h2 { margin-bottom: 40px; font-size: 1.5em; width: 100%; text-align: center; font-weight: 600; height: auto; line-height: 40px; color: #0d6fb8; }
.quality ul li { width: 32%; margin-bottom: 25px;}
.quality .txt { width: 100%; position: relative;}
.quality  .title { text-align: center; width: 100%; color: #fff; font-size: .92em; position: absolute; bottom: 0; left: 0; height: 35px; line-height: 35px; background-color: rgb(20, 174, 103,.8);}
.quality ul li:hover .title {background-color: #0d6fb8;} 
.quality ul::after { content: ''; width: 32%;}
/**********Contact**********/
.contact { width: 100%; }
.contact ul li { width: 45%; background-color: #0d6fb8;}
.contact ul li:last-child { width: 55%;}
.contact .lf { padding: 40px 40px;}
.contact .lf p { font-size: 1em; color: #fff; height: auto; line-height: 35px ; margin-bottom: 0;}
.contact .lf h2 {  font-weight: 600; font-size: 1.2em; color: #fff; margin-bottom: 20px;}
#mapL { width: 100%; height: 335px;}
/**********Message**********/
.message { width: 100%; height: auto; padding: 80px 0;background-color: #f8f9fc;}
.message  ul li { width: 49%; margin-bottom: 20px;}
.message  ul li:nth-child(5) { width: 100%;}
.message  ul li:last-child { width: 100%;}
.message input { font-size: .9em; color: #5c5c5c; width: 100%; height: 40px; line-height: 40px; padding: 0px 20px; border: 1px solid #cbc7c7;}
.message textarea { color: #5c5c5c; width: 100%; height: 80px; line-height: 30px; padding: 10px 20px; font-size: .9em; border: 1px solid #cbc7c7;}
.message  ul li:last-child input{ background-color: #14ae67; color: #fff;}
/**********NewsList**********/
.newsList { background-image: url(../images/newsListBg.jpg); padding: 0px 0; padding-bottom: 80px;} 
.newsList a:hover {color: #14ae67}
/**********ShowNews**********/
.showNews  { width: 100%; height: auto; padding: 80px 0; background-color: #efeff1;}
.showNews .title  h2{ font-size: 1.2em; font-weight: 600; height: auto; line-height: 45px; text-align: center;}
.showNews  span { text-align: center; font-size: .8em; }
.showNews .title  { width: 100%; text-align: center; margin-bottom: 15px;}
.showNews p { font-size: .9em; height: auto; line-height: 30px; margin-bottom: 10px;}
.showNews  img { width: 100%; margin: 10px auto;}


/**********Product**********/
#example  {  font-size: 1em; }
#example thead { background-color: #0c7fd4; color: #fff; font-size: .9em; }
#example input { width: 100%; font-size: .8em; height: 30px; line-height: 30px; padding: 0 10px;}
#example  tbody tr th { font-size: .9em; font-weight: 400; width: auto;}
#example  tbody tr th:nth-child(2) {  width: 80px;}
#example  tbody tr th:nth-child(5) {  width: 80px;}
#example  tbody tr th:nth-child(6) {  width: 80px;}
.prolist #example { font-size: .9em;}

/**********showPro**********/
.showPro  { width: 100%; height: auto; padding: 80px 0; background-color: #efeff1;}
.showPro .txt ul li { width: 40%;}
.showPro .txt ul li:last-child { width: 55%;}
.showPro .txt  p { font-size: 0.9em; height: auto; margin-bottom: 5px; line-height: 35px; font-weight: 600;}
.showPro .txt .txt1 { width: 100%; margin-top: 40px;}
.showPro .txt .txt1  h2 { margin-bottom: 20px; color: #fff; padding: 0px 20px; width: 100%; font-weight: 600; font-size: 1.1em; height: 40px; line-height: 40px; border-bottom: 1px solid #397dce; background-color: #397dce; }
.showPro .txt .txt1  p { font-size: 0.92em; height: auto;  line-height: 30px; font-weight: 500;}
.showPro .txt .txt1  { font-size: 0.92em; height: auto;  line-height: 30px; font-weight: 500;}





@media (max-width: 576px){ /******************手机**********/
 body { font-size: 16px;}
 /**********HEADER**********/
 .sina-nav .sina-brand { height: auto;  padding: 10px 0;}
 /**********indexBanner**********/
 .indexBanner  .bannerTxt .txt{ top: 35%; left: 20px; }
 .indexBanner  .bannerTxt .txt h2 { font-size: 1.5em; line-height: 35px; }
 .indexBanner  .bannerTxt .txt h3 { font-size: 2.5em;  line-height: 50px; }
 /**********indexAbout**********/
 .indexAbout { padding: 40px 0; }
 .indexAbout ul li { width: 100%;}
 .indexAbout ul li:last-child { width: 100%;}
 .indexAbout  .lf { padding: 30px 0; }
 .indexAbout .rg { padding: 0 20px;text-align: center;}
 .indexAbout .rg img { width: 100%; }
 /**********indexService**********/
 .indexService ul li { border-left: 0px solid #fff; border-bottom: 2px solid #fff; padding: 120px 80px; width: 100%; }
 /**********indexNews**********/
 .indexNews { padding: 80px 0;}
 .indexNews ul li { width: 100%;  padding: 30px 20px; margin-top: 30px;}
 /**********Footer**********/
 .footer  ul li { width: 30%; margin-bottom: 30px;}
 .footer  ul li:first-child { width: 100%;}
 .footer  ul li:last-child { width: 30%; }
 .footer  .contact  .logo { margin-bottom: 30px;}
 .footer  .contact p {  font-size: 1.1em;  height: auto; line-height: 30px;}
 .footer  img { width: 100%;}
 .footerBq { padding: 20px 15px; line-height: 30px; font-size: .9em; color: #fff;}
 /**********Crumbs**********/
 .about { padding: 60px 0; }
 .about  ul li { width: 100%;}
 .about  ul li:last-child { width: 100%; margin-top: 20px;}
 /**********culture**********/
 .culture  .txt1 { top: 10%; margin: 0 auto;}
 .culture  .txt1 h2 {font-size: 1.8em;  line-height: 35px; }
 .culture  .txt1 h3 {font-size: 1.2em; line-height: 28px; margin-top: 10px;}
 .culture  .txt1 p { width: 77%; margin: 0 auto; font-size: 1em; line-height: 25px;}
 /**********quality**********/
 .quality{ padding: 60px 0; }
 .quality h2 { margin-bottom: 20px;  }
 .quality ul li { width: 49%; margin-bottom: 10px;}
 .quality ul::after { content: ''; width: 48%;}
 /**********Contact**********/
 .contact ul li { width: 100%; }
 .contact ul li:last-child { width: 100%;}
 .contact .lf { padding: 40px 40px;}
 #mapL{ width: 100%; height: 335px;}


 /**********showPro**********/
.showPro  { padding: 60px 0; }
.showPro .txt ul li { width: 100%;}
.showPro .txt ul li:last-child { width: 100%; margin-top: 20px;}
.showPro .txt  p {  margin-bottom: 0px; line-height: 30px; }



 
} 



@media (min-width: 576px) and (max-width: 768px) { /**********手机 横屏***********/
 body { font-size: 16px;}
 /**********HEADER**********/
 .sina-nav .sina-brand { height: auto;  padding: 10px 0;}
 /**********indexBanner**********/
 .indexBanner  .bannerTxt .txt{ top: 34%; left: 12%; }
 /**********indexAbout**********/
 .indexAbout { padding: 40px 0; }
 .indexAbout ul li { width: 100%;}
 .indexAbout ul li:last-child { width: 100%;}
 .indexAbout  .lf { padding: 30px 0; }
 .indexAbout .rg { padding: 0 20px;text-align: center;}
 .indexAbout .rg img { width: 100%; }
 /**********indexService**********/
 .indexService ul li { border: 1px solid #fff;padding: 100px 15px; width: 50%; }
 /**********indexNews**********/
 .indexNews { padding: 80px 0;}
 .indexNews ul li { width: 100%;  padding: 30px 20px; margin-top: 30px;}
 /**********Footer**********/
 .footer  ul li { width: 30%; margin-bottom: 30px;}
 .footer  ul li:first-child { width: 100%;}
 .footer  ul li:last-child { width: 30%; }
 .footer  .contact  .logo { margin-bottom: 30px;}
 .footer  .contact p {  font-size: 1em;  height: auto; line-height: 30px;}
 .footer  img { width: 100%;}
 .footerBq { padding: 20px 15px; line-height: 30px; font-size: .9em; color: #fff;}
 /**********Crumbs**********/
 .about { padding: 60px 0; }
 .about  ul li { width: 100%;}
 .about  ul li:last-child { width: 100%; margin-top: 20px;}
 /**********culture**********/
 .culture  .txt1 { top: 18%; margin: 0 auto;}
 .culture  .txt1 h2 {font-size: 1.8em;  }
 .culture  .txt1 h3 {font-size: 1.2em;  margin-top: 10px;}
 .culture  .txt1 p { width: 77%; margin: 0 auto; font-size: 1em; }
 /**********quality**********/
 .quality{ padding: 60px 0; }
 .quality h2 { margin-bottom: 20px;  }
 .quality ul li { width: 49%; margin-bottom: 10px;}
 .quality ul::after { content: ''; width: 48%;}
 /**********Contact**********/
 .contact ul li { width: 100%; }
 .contact ul li:last-child { width: 100%;}
 .contact .lf { padding: 40px 40px;}
 #mapL{ width: 100%; height: 335px;}

  /**********showPro**********/
.showPro  { padding: 60px 0; }
.showPro .txt ul li { width: 100%;}
.showPro .txt ul li:last-child { width: 100%; margin-top: 20px;}
.showPro .txt  p {  margin-bottom: 0px; line-height: 30px; }


}


@media (min-width: 768px) and (max-width: 1024px) { /**********Ipad 平板*********/
 body { font-size: 16px;}
 /**********HEADER**********/
 .sina-nav .sina-brand { height: auto;  padding: 10px 0;}
 /**********indexAbout**********/
 .indexAbout { padding: 40px 0; }
 .indexAbout ul li { width: 54%;}
 .indexAbout ul li:last-child { width: 40%;}
 .indexAbout  .lf { padding: 60px 0;}
 .indexAbout .rg img { width: 350px; margin-top: 40px;}
 /**********indexService**********/
 .indexService ul li { border: 1px solid #fff;padding: 100px 15px; width: 50%; }
 /**********indexNews**********/
 .indexNews { padding: 80px 0;}
 .indexNews ul li { width: 100%;  padding: 30px 20px; margin-top: 30px;}
 /**********Crumbs**********/
 .about { padding: 60px 0; }
 .about  ul li { width: 100%;}
 .about  ul li:last-child { width: 100%; margin-top: 20px;}
 /**********culture**********/
 .culture  .txt1 { top: 18%; margin: 0 auto;}
 .culture  .txt1 p { width: 77%; margin: 0 auto; }
  /**********Footer**********/
 .footerBq { padding: 20px 15px; line-height: 30px; font-size: .9em; color: #fff;}
 /**********Contact**********/
 .contact ul li { width: 100%; }
 .contact ul li:last-child { width: 100%;}
 .contact .lf { padding: 40px 40px;}
 #mapL{ width: 100%; height: 335px;}


}


/***********笔记本电脑或小屏显示器*********/ 
@media (min-width: 1025px) and (max-width: 1300px) { 
 body { font-size: 16px;}
 .herder { width: 100%; position: fixed; top: 0; z-index: 999;}
 /*********重制**********/  
 .container {min-width:90%;width:90%; padding: 0 0; }
 .sina-nav .container {min-width:90%;width:90%; padding: 0 0; }
 .sina-nav .sina-menu > li > a {padding: 30px 30px;max-width: 200px; }
 /**********indexAbout**********/
 .indexAbout .rg img { width: 450px; margin-top: 20px;}


}



@media (min-width: 1301px) and (max-width: 1920px) { /*********中屏幕**********/  
 body { font-size: 15px;}
 .herder { width: 100%; position: fixed; top: 0; z-index: 999;}
 .sina-nav .sina-menu > li > a { color: #222; font-size: 1.1em;}
 /*********重制**********/  
 .container {min-width:86%;width:86%; padding: 0 0; }
 .sina-nav .container {min-width:86%;width:86%; padding: 0 0; }
 /*********header nav**********/ 
 .sina-nav .sina-menu > li > a {padding: 30px 35px;max-width: 200px; }
 /**********indexBanner**********/
 .indexBanner  .bannerTxt .txt{  left: 7%; color: #fff;}

 


}


/*****************超大屏幕**************/
@media (min-width: 1921px) { 
 body { font-size: 18px;}
 .sina-nav .sina-menu > li > a { color: #222; font-size: 1.3em; font-weight: 600;}
 .herder { width: 100%; position: fixed; top: 0; z-index: 999;}
 /*********重制**********/  
 .container {min-width:80%;width:80%; padding: 0 0; }
 .sina-nav .container {min-width:80%;width:80%; padding: 0 0; }
 /*********header nav**********/ 
 .sina-nav .sina-menu > li > a { padding: 30px 40px;max-width: 300px;}
 /**********indexBanner**********/
 .indexBanner  .bannerTxt .txt{  left: 10%; color: #fff;}
 /**********indexService**********/
 .indexService ul li {  padding: 130px 90px; width: 25%; }




}