@charset "utf-8";
/* CSS Document */
.ttop{ width:100%; background:#333; height:40px; position:absolute; color:#CCC; font-size:12px; line-height:35px; padding-left:10px}
.navbg{ background:#f8f8f8}
.am-topbar{ height:100px;}
.am-topbar-brand{ font-size:24px;}
.am-topbar-brand a{ padding-left:20px; float:left}
.am-topbar-brand span{ font-size:12.5px;  display:block;text-transform:uppercase}
.am-gallery-overlay>li {padding: 10px;}
.am-gallery { padding:0;}
.topdh{ margin-top:20px;}
.ql{ width:100%;margin:auto;}
.ql_logo{
	display: block;
    float: left;
    font-size: 50px;
    line-height: 40px;
    width: 50px;
    color: #fff;
    /*text-indent: -9999px;
    background:url(../images/about.png) no-repeat left center;*/
    -webkit-background-size: 125px 40px;
    background-size: 125px 40px;
    margin-right: 20px;
	}
.ql_logo img{ height:65px;}
/*
 *首页幻灯片
*/
.am-slider-i2 .am-slider-images {
  height: 519px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.am-slider-i2 .am-slider-desc {
  position: absolute;
  left: 0;
  top: 36%;
  right: 0;
  color: #ffffff;
  text-align:left;
}
.am-slider-i2 .am-slider-content h2 {
  font-size: 60px;
  margin: 0;
  padding: 0;
  font-weight:bold;

}

.am-slider-i2 .am-slider-content p {
  margin: 0;
  display: block;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 30px;
  font-weight:bold;
}
.am-slider-i2 .am-slider-title {
  font-weight: normal;
  margin-bottom: 5px;
  display: block;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.am-slider-i2 .am-slider-en {
  font-size: 12px;
}
.am-slider-i2 .am-btn {
  margin-top: 20px;
  margin-right: 10px;
}
.am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay {
  display: none;
}
.m-home-box p {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #333;
    line-height: 190%;
    text-transform: uppercase;
}
.m-services {
   /* background: #1a1f2a;
    padding: 40px 0 0px 0;
     color: #fff;*/
	 padding:0px
}
.m-home-box {
    padding-bottom: 0px;
}

.am-animation-slide-top img{ width:100%; padding:1%}
.am-animation-slide-top h3{ font-size:16px; margin-top:10px}
/*tiele*/
.cbg{background:#eaf6f6}
.ql_title{ width:100%; margin:auto; line-height:2em; font-size:30px; text-align:center; padding-bottom:10px;color:#000; padding-top:30px;text-transform: uppercase;}
.ql_title p{ border-bottom:#005aae 1px solid; display:inline-block; font-size:30px !important}
.ql_title p span{ color:#333; font-size:18px}
.ql_list_title{ width:100%; position:relative;line-height:50px; font-size:12px; text-align:left; color:#FFF;background-color: rgba(0, 0, 0, 0.6); margin-top:-50px}
.ql_list_title a{ color:#FFF}
.ql_ftitle{ width:100%; margin:auto; line-height:2em; font-size:1em; text-align:center; margin-bottom:1px; margin-top:1px; color:#043e79; padding:10px 0 10px 0;}
/*首页新闻*/
.xwxw{ padding-bottom:20px}
.syxw a{color: #FFF;
    width: 90%;
    float: left;
    position: relative;margin-bottom: 20px;}
.syxw div{ position:absolute; bottom:0; float:left; width:100%; background-color: rgba(0, 0, 0, 0.6); padding:15px;}
.syxw div h3{ font-weight:bold; padding:0; margin:0}
.syxw img{ padding:0}
.syxw div p{ color:#FFF; padding:0; margin:0}

.syxwb div{ height:auto; border-bottom:#CCC 1px dotted; padding-bottom:12px; float:left; line-height:auto; padding-top:12px}
.syxwb div a{ float:left}
.syxwb div i{ float:left; width:20%; height:60px; color:#ccc; text-align:center; line-height:200%; padding-top:10px;}
.syxwb div i strong{ font-size:48px; text-align:center; display:block}
.syxwb div p{ font-size:16px; padding:0; margin:0; float:left; width:80%}
.syxwb div span{ color:#888888; font-size:14px; width:80%; float:left}
/*jianjie*/
.about{ width:100%; margin:auto}
.about_l{ width:65%; margin:auto; float:left}
.about_l p{ font-size:14px; color:#333; line-height:190%;text-transform: uppercase; padding-right:2%}
.about_l a{ bottom:0}
.about_r{ width:35%; margin:auto; float:left}
.about_r img{ width:100%;}
/*chanpin*/
.sycp img{ height:230px !important;}
.nycp img{ height:260px !important}
.sycp h3{ font-size:16px !important; text-align:center; line-height:200%}
.am-thumbnails p{ text-align:center}
/*chengguo*/
.chengguo{ width:100%; margin:auto;}
.chengguo_l{ width:60%; float:left; color:#737373}
.chengguo_l span{ width:100%; float:left;}
.chengguo_l span i{ font-size:150%;line-height:50px; color:#dd514c; padding:5px;}
.chengguo_r{ width:40%; float:left}
.chengguo_r img{ width:100%; }
/*tuandui*/
.nycp{ width:auto; margin:auto;}
.nycp a{ margin:5px; display:block; text-align:left}
.nycp a i{ float:right;}
.nycpn {margin:auto;}
.nycpn a{ margin:5px; display:block; text-align:left}
.nycpn a i{ float:right;}
.xz{ background:#039; color:#FFF !important}
.tuandui{ width:100%; margin:auto; padding-bottom:10px;background-color: rgb(249, 249, 249); padding-top:30px; padding-bottom:50px;}
.tuandui h1{ text-align:center;border-bottom: #005aae 1px solid;display: inline-block;}
.tuandui h2{ text-align:center}
.tuandui p{ font-size:16px}
.tdp{font-size:12px !important ;text-align:center !important ;color:#666 !important}
.tdp i{ color:#06C}
.fy{color: #005aae !important;background: #fff;padding: 10px; font-size:14px!important; margin:2px!important;}
.fy a{ color:#333; text-decoration:underline}
/*友情链接*/
.yqlj{ height:35px; line-height:35px; color:#666;}
.yqlj a{ color:#666}
/*新闻列表*/
.xwlb{ background:none !important; border-top:none!important; padding-bottom:30px !important}
.xwlb a{ color:#000; font-size:18px;}
.xwlb img{ height:160px}
.xwlbms{ line-height:200%!important; max-height:auto!important; max-height:4em !important}
.ffont{ color:#737b8a}
.ic{ color:#F90; font-size:14px}
.ic_l{ color:#090;font-size:14px}
.ic_b{ color:#CCC;font-size:14px}
.ic_d{ line-height:200%}
.no_m{ display:none}
.rr{ float:right}

/*分页*/
#pagination{ height:auto; float:left}
.mainPage{ padding-top:20px; height:auto;}
.mainPage ul{width:100%;height: 32px;display:block; margin:0 auto;padding-left: 4px;}
.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#fff;margin: 5px 5px; background:#005aae; font-size:16px;}
.mainPage ul li a{color:#fff;font-size:16px; }
.mainPage ul li.thisclass{background:#fff;border: 1px solid #333;color:#333; font-size:16px;}
.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {color:red;text-decoration: none;}

.pagination{ margin-bottom:20px;}
/* 列表内容banner */
.ql-header-banner {
  height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 120px;
  color: #fff;
  background:url(../images/pbanner.jpg) 100% 0 no-repeat;
  position:relative;
}
.ql-header-banner h2 {
  font-size: 50px;
  margin-bottom:0px;
  font-weight: 100;
}
.ql-header-banner p {
  font-size: 20px;
}
.ql-header-banner span {
  font-size: 20px;
  padding: 20px;
  font-weight: bold;
}
}
.ql-header-banner nav {
  display: inline-block;
}
.ql-header-banner nav li {
  float: left;
  margin-right: 10px;
  font-size: 12px;
}
.ql-header-banner nav li a {
  color: #fff;
}
.ql-header-banner nav li.am-active a {
  font-weight: bold;
}

.ql-header-1 {
  height: 180px;
  padding-top: 145px;
  background: #1a1f2a;
}

.m-list-header {
  height: 550px;
}


.ql-footer {
    background-color: rgb(51, 51, 51);
    padding: 40px 0 0 0;
    color:#FFF;
    font-size: 14px;
}
.qlf{ padding-bottom:40px}
.ql-footer ul{ padding-left:0}
.ql-footer h2{ font-weight:100; border-bottom:#666 1px solid; padding-bottom:10px; padding-top:20px}
.ql-footer li{ list-style-type:none; width:50%; float:left; padding:5px;color:#999}
.qllx li{ width:100%}
.qlgz li{ width:100%; text-align:center}
.qlgz li img{ height:120px;}
.ql-footer a{ color:#999}

.m-footer-bottom{ width:100%; padding:20px;background-color: rgb(34, 34, 34);text-align:center;color: rgb(136, 136, 136);}
.m-footer-bottom span{ display:block; line-height:200%}
/* 联系我们 */
.m-contact {
  background: url('../images/kehu1.jpg')center center ;
  padding: 100px 0 100px 0;
  color: #fff;

}
.m-contact h2{ font-size:36px}
.m-contact li{ font-size:18px; font-weight:bold; line-height:200%}
.m-contact p {
  color: #fff;
}

.m-contact-us {
  padding: 40px 0;
}
.m-contact-us span {
  padding-top: 10px;
}
.m-contact-us .am-btn {
  width: 100%;
}

.m-contact-infobox {
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 5px;
  padding: 40px 0;
  text-align: center;
}
.m-contact-infobox:hover {
  border: 1px solid #0d121b;
  background: #1a1f2a;
  color: #fff;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-contact-us {
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
  .m-contact-us {
    text-align: center;
  }
}


/* 定义keyframe动画，命名为blink */

@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* 定义blink类*/
.blink{
    animation: blink .75s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
	font-size:16px;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .am-slider-i2 .am-slider-images {
    height: 480px;
  }
  .am-slider-i2 .am-slider-desc {
    top: 40%;
  }
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .am-slider-i2 .am-slider-images {
    height: 480px;
  }
  .am-slider-i2 .am-slider-desc {
    top: 200px;
  }
  .am-slider-i2 .am-slider-content h2 {
    font-size: 40px;
  }
  .am-slider-i2 .am-slider-content p {
    font-size: 24px;
  }
  .am-slider-i2 .am-btn {
    margin-top: 10px;
  }
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .am-slider-i2 .am-slider-images {
    height: 280px;
  }
  .am-slider-i2 .am-slider-desc {
    text-align: center;
    top: 35%;
  }
  .am-slider-i2 .am-slider-content h2 {
    font-size: 20px;
  }
  .am-slider-i2 .am-slider-content p {
    font-size: 14px;
  }
  .am-slider-i2 .am-btn {
    margin-top: 10px;
  }
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .am-slider-i2 .am-slider-images {
    height: 280px;
  }
  .am-slider-i2 .am-slider-desc {
    text-align: center;
    top: 110px;
  }
  .am-slider-i2 .am-slider-content h2 {
    font-size: 2.5rem;
  }
  .am-slider-i2 .am-slider-content p {
    font-size: 14px;
  }
  .am-slider-i2 .am-btn {
    margin-top: 10px;
  }
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .ql-hd {
    height: 50px;
    padding: 0;
  }

  .ql-header-banner {
    height: 180px;
    padding-top: 60px;
    text-align: center;
	background:url(../images/pbanner.jpg) 50% 0 no-repeat fixed;
  }
  .ql-header-banner h2 {
    font-size: 26px;
    margin: 0;
  }
  .ql-header-banner p {
    font-size: 14px;
    padding: 0;
    margin: 0;
  }

  .ql-header-1 {
    height: 120px;
    padding-top: 25px;
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
.about_l{ width:100%; margin:auto; padding:4px}
.about_l a{ width:100%;}
.about_r{ width:100%; margin:auto;}
.about_f{ width:100%; margin:auto;}
.chengguo_l{ width:100%;margin:auto;}
.chengguo_r {width:100%;margin:auto;}
.no_p{ display:none}
.no_m{ display:block}
.ffont{ font-size:13px;}
.about_l p{ padding-right:0}
.sycp img{ height:160px !important}
.nycp img{ height:200px !important}
.m-contact h2{ font-size:2.5rem}

.syxw a{ width:100%}
.syxwb div{ padding-top:10px; padding-bottom:10px;}
.syxwb div i{ width:100%; float:inherit; text-align:left; height:auto}
.syxwb div i strong{ font-size:14px; display:inherit; display:none}
.syxwb div p { width:100%}
.syxwb div span{ width:100%}
.m-services{ padding:5px}
}