/* 初始化 start */
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

html,body {
  font-family: 微软雅黑, "Microsoft YaHei";
  font-size: 1.23vw;
}

a {
  text-decoration: none;
}

h1, h2, h3 {
  padding-bottom: 1.5vw;
}
p {
  margin: 0.76vw 0;
}
/* 初始化 end */

/* 顶部 start */
.topbar {
  background: url('../images/top-bg.png') no-repeat center top;
  background-size: 100% 100%;
  height: 2.5vw;
  width: 100%;
  color: white;
}
.topbar-content {
  display: flex;
  flex-direction:row-reverse;
  width: 100%;
  height: 2.5vw;
}

.top-right{
  text-align: center;
  height: 2.5vw;
  line-height: 2.5vw;
  margin-right: 26vw;
  font-size: 1vw;
}
.top-right a{
  color: white;
}

/*!* 顶部 end *!*/

/* 公司logo和名称区域 start */
.top-content {
  display: flex;
  margin: 0 auto;
  height: 9vw;
  width: 82%;
}
.top-content .logo {
  margin-top: 1vw;
  flex: 1;
}
.top-content .logo img {
  height: 6vw;
  margin-left: 6vw;

}
.top-content .company {
  flex: 4;
}

.company .company-top {
  margin-top: 1.8vw;
  margin-left: 5vw;
}
.company-name {
  display: inline-block;
  font-size: 2.6vw;
  margin-left: 2.7vw;
  margin-top: -0.3vw;
  font-weight: 700;
}
.company .slogan {
  font-size: 1.3vw;
  margin-left: 1.5vw;
  color: #f69137;
  font-weight: 700;
}
.company-enname{
  font-size: 1.5vw;
  color: #1706C2;
  font-weight: 700;
}
/*!* logo end *!*/

/* 导航栏 start */
nav {
  width: 100%;
  height: 3.85vw;
  line-height: 3.85vw;
  background-color: #1E50AE;
}

nav .navbar{
  width: 82%;
  margin: 0 auto;
}

nav .navbar ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
}
nav .navbar ul li {
  /*flex: 1;*/
  /*width: 10vw;*/
  /*float: left;*/
  overflow: hidden;
  margin-right: 0.5vw;
  width: 9vw;
}
nav .navbar ul li a{
  font-size: 1.2vw;
  text-align: center;
  color: white;
  display: block;
  width: 9vw;
}

nav .navbar ul li:hover {
  background-color: #13439D;
}
nav .navbar .active{
  margin-left: 2px;
  margin-right: 2px;
}
/* 导航栏 end */

/* 首页大图 */
.site-bar {
  height: 56vw;
  width: 100%;
  background: url('../images/index-slide-bar.jpg') no-repeat center center;
  background-size: 100% 100%;
  color: white;
}

.introduce {
  width: 82%;
  margin: 0 auto;
}

.site-bar .introduce .slogan {
  display: inline-block;
  margin-top: 10vw;
  margin-left: 2vw;
  font-weight: 700;
  font-size: 4.5vw;
}

.site-bar .introduce .tagging{
  color: #FFA727;
}

.site-bar .introduce .sloganen {
  display: inline-block;
  margin-top: 10vw;
  margin-left: 2vw;
  font-weight: 500;
  font-size: 1.5vw;
}

.site-bar .site-img{
  display: flex;
  width: 82%;
  height: 15vw;
  margin: 0 auto;
  margin-top: 21vw;
  justify-content: space-between;
}
.site-bar .site-img img{
  width: 15vw;
  height: 15vw;
}
/* 首页大图 end */


/* 产品制作 start */
.product-making {
  height:25vw;
  width: 100%;
}

.product-making .t{
  width: 82%;
  height: 5vw;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #F0F0F0;
}

.product-making .t .t-title{
  display: block;
  margin-top: 2vw;
  font-size: 1.5vw;
  color: #1E50BF;
}

.product-making .t .t-en{
  font-size: 1.2vw;
  color: #737373;
}

.img-list {
  height: 15.4vw;
  width: 81vw;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 1.1vw;
}

.img-list .move{
  display: flex;
}

.img-list .item {
  margin: 0 1.15vw;
  text-align: center;
  font-size: 1.1vw;
  color: #737373;
}
.img-list .item img{
  width: 18.5vw;
  height: 12.3vw;
}

.move {
  position: relative;
  left: 0px;
}
/* 产品制作 end */

/* 关于我们 start */
.about {
  width: 100%;
  background: url('../images/about-bg.png') no-repeat center center;
  background-size: 100% 100%;
}

.about .about-t {
  width: 82%;
  height: 6.5vw;
  border-bottom: 1px solid #F0F0F0;
  margin: 0 auto;
  color: #F0F0F0;
  text-align: center;
}

.about .about-t .t-title {
  display: block;
  padding-top: 1.5vw;
  font-size: 1.4vw;
}
.about .about-t .t-en {
  font-size: 1.1vw;
}

.about .about-content {
  display: flex;
  margin: 0 auto;
  height: 28.5vw;
  width: 81%;
}

.about .about-content .left{
  width: 52vw;
  height: 18.5vw;
  margin-top: 2vw;
  color: white;
  font-size: 1.85vw;
  font-weight: 500;
  margin-right: 1vw;
}
.about .about-content .right{
  /*float: right;*/
  margin-top: 2vw;
}
.about .about-content .right img{
  height: 18.5vw;
  width: 29vw;
}
/* 关于我们 end */

/* 主营产品 start */
.product-img {
  width: 100%;
  height: 55vw;
}
.product-img .product-t{
  margin: 0 auto;
  width: 82%;
  height: 7vw;
  text-align: center;
  border-bottom: 1px solid #F0F0F0;
}
.product-img .product-t .t-title{
  display: block;
  font-size: 1.4vw;
  padding-top: 2vw;
  color: #1E50BF;
  font-size: 1.5vw;
}
.product-img .product-t .t-en {
  font-size: 1.1vw;
  color: #737373;
}

.product-img-list {
  display: flex;
  width: 82%;
  height: 46vw;
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product-img-list .item{
  border: 1px solid #F0F0F0;
  margin-top: 0.76vw;
  width: 26vw;
  height: 22vw;
  overflow: hidden;
  text-align: center;
}

.product-img-list .item img{
  max-width: 26vw;
  max-height: 22vw;
}

/* 主营产品 end */

/* 底部 start */
.contact {
  width: 100%;
  height: 10vw;
  background-color: #262626;
}
.contact-content {
  margin: 0 auto;
  width: 82%;
  height: 10vw;
  display: flex;
  justify-content: space-between;
}
.contact-content .item {
  width: 22.9vw;
  height: 3.8vw;
  color: white;
  margin-top: 3vw;
}
.contact-content .item .left{
  float: left;
  height: 3.85vw;
  line-height: 3.85vw;
  margin-top: 0.76vw;
  margin-right: 1.15vw;
}
.contact-content .item .i1 img{
  width: 2.6vw;
  height: 2.6vw;
}
.contact-content .item .i2 img{
  width: 3.3vw;
  height: 2.3vw;
}
.contact-content .item .i3 img{
  width: 1.85vw;
  height: 2.38vw;
}
.contact-content .item .right {
  height: 3.85vw;
  width: 80%;
  float: left;
  font-size: 1.15vw;
}

.copy {
  background-color: #1A1A1A;
  width: 100%;
  height: 6.3vw;
  text-align: center;
  color: #CCCCCC;
  font-size: 1.1vw;
}
.copy .top {
  display: block;
  padding-top: 1.15vw;
}
.copy a{
  color: #939393;
}
/* 底部 end */


/* 关于我们页面 start ---------------------------- */
.banner {
  width: 100%;
  height: 20vw;
  background: url('../images/aboutus-banner.png') no-repeat center center;
  background-size: 100% 100%;
}

/* 主体部分 */
.aboutus-center {
  display: flex;
  width:82%;
  margin: 1.38vw auto;
}

.aboutus-center-left {
  width: 16vw;
  background: url('../images/contact-bg.png') no-repeat center top;
  background-color: #1E50AE;
  background-size: 100% auto;
}
.aboutus-center-left-content {
  width: 16vw;
  font-size: 0.9vw;
  color: white;
  padding-left: 0.92vw;
  padding-right: 0.76vw;
  padding-top: 8.5vw;
}

.aboutus-center-right {
  margin-left: 1.5vw;
  padding-bottom: 3vw;
  color: #666666;
}

.current-location {
  width: 100%;
  height: 2.6vw;
  border-bottom: 1px solid #1E50AE;
  font-size: 1.1vw;
  color: #666666;
}

.aboutus-center-right .content {
  padding-top: 1vw;
  font-size: 1.38vw;
  text-indent: 2.76vw;
}
.aboutus-center-right .content img{
  width: 38vw;
  height: 21vw;
  float: left;
  margin-right: 1.15vw;
  margin-bottom: 0.25vw;
}

/* 关于我们页面 end ---------------------------- */


/* 产品介绍页面 start ----------------------------*/
.product-banner {
  width: 100%;
  height: 20vw;
  background: url('../images/product-banner.png') no-repeat center center;
  background-size: 100% 100%;
}

.product-cate-content {
  padding-bottom: 1vw;
  background-color: white;
}
.product-cate-title {
  width: 100%;
  background-color: #1E50AE;
  height: 3.5vw;
  color: white;
  line-height: 3.5vw;
  font-size: 1.23vw;
}

.product-cate-title span{
  margin-left: 0.76vw;
}

.product-cate-list {
  background-color: #F6F6F6;
}

.product-cate-list ul {
  list-style: none;
}
.product-cate-list ul a {
  color: #666666;
}
.product-cate-list ul li {
  overflow: hidden;
  margin-left: 0.76vw;
  margin-right: 0.76vw;
  height: 3.45vw;
  line-height: 3.45vw;
  border-bottom: 1px dashed #D9D9D9;
}
.product-cate-ul a:last-child li{
  border-bottom: none;
}

.product-cate-list ul li:hover{
  color: #1E50AE;
  font-size: 1.23vw;
}
.product-cate-list li span{
  margin-left: 0.76vw;
}

.product-list-content {
  text-align: center;
  margin-top: 0.38vw;
  clear: both;
}
.product-list-content .product-item {
  border: 1px solid #F0F0F0;
  width: 19.5vw;
  height: 24.5vw;
  text-align: center;
  font-size: 1.07vw;
  float: left;
  margin-right: 0.55vw;
  margin-left: 0.55vw;
  margin-top: 0.76vw;
}
.product-list-content .product-item a{
  color: #666666;
}
.product-list-content .product-item a:hover{
  color: #1E50AE;
  font-size: 1.2vw;
}

.product-list-content img{
  margin: 0 auto;
  display: block;
  text-align: center;
  max-width: 18vw;
  max-height: 18vw;
}
.product-list-content span{
  display: block;
  margin-top: 0.4vw;
}
.product-left-content {
  background: url('../images/contact-bg.png') no-repeat center top;
  background-size: 100% auto;
}

/* 产品介绍页面 end ----------------------------*/

/* 产品详情页面 start ----------------------------*/
.product-detail .introduction{
  display: flex;
}
.product-detail .left{
  width: 25vw;
  height: 25vw;
  border: 1px solid #EEEEEE;
  margin-top: 2.3vw;
  margin-left: 0.38vw;
  text-align: center;
}
.product-detail .left img{
  max-height: 24vw;
  max-width: 24vw;
}
.product-detail .right{
  width: 38vw;
  margin-top: 2.3vw;
  margin-left: 1.9vw;
  color: #585858;
  font-size: 1.69vw;
}

.product-detail-content {
  margin-top: 1.53vw;
}
.product-content-title {
  height: 4.23vw;
  line-height: 3.84vw;
  border: 1px solid #EAEAEA;
}
.product-content-title span {
  display: block;
  width: 12.3vw;
  border-top: 0.37vw solid #1E50AE;
  border-right: 1px solid #EAEAEA;
  text-align: center;
  color: #1E50AE;
}
.product-detail-content .product-content{
  margin: 0 auto;
  width: 95%;
  margin-top: 1.5vw;
}
.product-detail-content .product-content img{
  max-width: 95%;
}
#product-contentimg img {
  max-width: 95%;
}
/* 产品详情页面 end ----------------------------*/


/* 联系我们 start  ------------------------------*/
.contact-banner {
  width: 100%;
  height: 20vw;
  background: url('../images/contact-banner.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactus-content {
  margin-top: 1.2vw;
}
.contactus-content-top{
  /*display: flex;*/
}
.contactus-content-top .left{
  /*width: 23vw;*/
  width:100%;
  margin-bottom: 3vw;
}
.contactus-content-top .right {
  margin: 0;
  margin-bottom: 3vw;
}
.contactus-content-bottom {
  margin-top: 1.5vw;
}

.contactus-content-bottom input{
  width: 24vw;
  height: 2.5vw;
  border: 1px solid #DADADA;
}

.contactus-content-bottom textarea{
  width: 44vw;
  height: 11vw;
}

#submitbtn {
  width: 18vw;
  height: 3.45vw;
  background-color: #8E8E8E;
  border: none;
  position:relative;
  left: 4vw;
}
/* 联系我们 end  ------------------------------*/

/* 新闻列表 start------------------------------ */
.news-banner {
  width: 100%;
  height: 20vw;
  background: url('../images/news-banner.png') no-repeat center center;
  background-size: 100% 100%;
}
.news-content .item {
  display: flex;
  height: 9.6vw;
  border-bottom: 1px dashed #D9D9D9;
}
.news-content .item .date{
  width: 7.3vw;
}
.news-content .item .date p{
  margin-top: 1.8vw;
  margin-bottom: 0px;
  font-size: 2vw;
  color: #4A4A4A;
}
.news-content .item .date span{
  /*display: block;*/
  /*margin-top: 0.2vw;*/
  font-size: 1.2vw;
}
.news-content .item .new-content {
  width: 56vw;
  height: 9.6vw;
}
.news-content .item .new-content p{
  font-size: 1.4vw;
  margin-top: 0.92vw;
}
.news-content .item .new-content p a{
  color: #4A4A4A;
}
.news-content .item .new-content p a:hover{
  color: #1E50AE;
}
.news-content .item .new-content span{
  display: block;
  margin-top: 0.69vw;
  font-size: 1.1vw;
}

.news-content .item:last-child{
  border: none;
}
/* 新闻列表 end------------------------------ */

/* 新闻详情 start------------------------------ */
.news-content-detail p{
  margin-top: 2.3vw;
  font-size: 2vw;
  color: #4A4A4A;
}
.news-content-detail span {
  font-size: 1.07vw;
  color: #ADADAD;
}
.news-content-detail-in {
  text-indent:2rem;
  padding: 1.53vw 0.76vw;
  width: 65vw;
  padding-bottom: 4.6vw;
  border-bottom: 1px dashed #D9D9D9;
}
.news-content-detail-in img{
  max-width: 60vw;
}
.news-content-detail-in p{
  margin: 0.77vw;
  font-size: 1.23vw;
}
/* 新闻详情 end------------------------------ */

/*新闻资讯分页 start --------------------------------*/
.news-page {
  font-size: 1.2vw;
  width: 100%;
  height: 6.2vw;
  margin: 0 auto;
}
.news-page-content {
  margin-top: -4.2vw;
  float: right;
}
.news-page a{
  color: #333;
}
/*分页 end --------------------------------*/

/* 产品列表分页 start -----------------------------*/
.product-page {
  font-size: 1.2vw;
  float: right;
  margin-right: 1.5vw;
  margin-top: 1.5vw;
}
.product-page a{
  color: #000;
}
/* 产品列表分页 end -----------------------------*/