@font-face {
	font-family: 'RobotoSlab-Regular';
	src: url(../fonts/RobotoSlab-Regular.ttf) format('truetype');
}

html,body {font-size: 100%; background: #f5f5f7; overflow-x: hidden;}
body {font-size: 100%; font-family: 'Open Sans', sans-serif;}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
html,body,div,p,ul,li,span,a,table,th,tr,td,img,h1,h2,h3,h4{margin: 0;padding: 0;}
ul{list-style: none;}
a{text-decoration: none;}



.height-auto{height: 496px;}

.topbg{width: 1903px; margin: 0 auto;}
.container{padding-left: 0; padding-right: 0;}
.navbar{margin-bottom: 0;}
.navbar-nav{padding-top: 47px; padding-left: 26px; float: right;}
.navbar-nav li a{display: block; color: #FFFFFF; font-size: 18px; font-weight: bold; transition: all .6s; padding: 16px 37.6px;}
.navbar-nav li:nth-child(1) a{background: #cedbc1;}
.navbar-nav li:nth-child(2) a{background: #746f69;}
.navbar-nav li:nth-child(3) a{background: #ed7d58; }
.navbar-nav li:nth-child(4) a{background: #9fd4c2;}
.navbar-nav li:nth-child(5) a{background: #51746e;}
.navbar-nav li a:hover{background: #000;}

.navbar-default{border: none;}
.navbar-toggle{margin-right: 0;}
.navbar-brand{padding: 5px 0;}
.navbar-brand > img.logo{display: inline-block; padding-right: 30px; float: left;}
.navbar-brand .name{display: inline-block; float: left; padding-top: 8px; box-sizing: border-box;}
.navbar-brand .name h3{font-size: 1.5vw; font-weight: bold; height: 90px; line-height: 90px; display: inline-block; margin: 0; padding: 0; color: #2a2f71;}
.navbar-brand .name span{margin-left: 20px; color: #000000; font-weight: 100; font-size: 20px;}
.navbar-brand{display: inline-block; height: 100px; padding-top: 9px; box-sizing: border-box;}



.roll{width: 90%; height: auto; margin: 0 auto; background: #6092c7;}
.rollBox{max-width: 1600px; margin: 0 auto;}
.rollBox .rollleft{width: 54%; float: left;}
.rollBox .rollleft img{width: 10vw; height: auto; display: block; margin: 66px 0 36px 120px;}
.rollBox .rollleft h1{font-size: 2.4vw; font-weight: bold; color: #fff; padding: 10px 0;}
.rollBox .rollright{width: 46%; float: left;}
.rollBox .rollright img{width: 100%; height: auto;}
.banner-show{display: block; width: 90%; margin: 0 auto;}




.main{width: 1903px; height: auto; margin: 55px auto; margin-top: 0;}
.mainBox{max-width: 1600px; height: auto; margin: 0 auto;}
.main .bt{width: 1900px; height: 55px; background: url(../images/bt.png) no-repeat; margin-left: -150px; padding: 0 150px; box-sizing: border-box;}
.main .bt h2{float: left; height: 50px; line-height: 50px; font-weight: bold; font-size: 22px;}
.main .bt .guanyu{width: 1043px; padding-left: 2em;}
.main .bt .dalou{width: 470px;padding-left: 4em;}
.main .guanyu-phone,.main .dalou-phone{display: none;}
.main .left{width: 66%; padding-top: 20px; box-sizing: border-box; float: left;}
.main .left p{font-size: 20px; padding: 20px 0; text-indent: 2em; line-height: 1.6em;}
.main .left .news{margin-top: 46px;}
.main .left .news .news-pic,.main .left .news .news-txt{float: left;}
.main .left .news .news-pic{width: 52%;}
.main .left .news .news-txt {width: 48%;}
.main .left .news .news-txt p{padding: 20px 0; padding-left: 40px; box-sizing: border-box; text-indent: inherit;}
.main .left .news .news-txt p .glyphicon{font-size: 17px; padding-right: 20px;}
.main .news-txt h2.news-tit{width: 486px; height: 50px; line-height: 50px; font-size: 22px; font-weight: bold; padding-left: 80px; box-sizing: border-box; background: url(../images/news-show.png) no-repeat;}
.main .right{width: 34%; float: left; padding-top: 40px; box-sizing: border-box; text-align: right;}




.hezuo{width: 90%; margin: 0 auto; height: 478px; padding: 70px 58px; box-sizing: border-box; position: relative; text-align: center;}
.hezuo .top{width: 100%; height: 33px; background: url(../images/hezuo-top.png) no-repeat; position: absolute; left: 0; top: 0;}
.hezuo .bottom{width: 100%; height: 33px; background: url(../images/hezuo-bottom.png) no-repeat; position: absolute; left: 0; bottom: 0;}
.hezuo h2{font-size: 24px; font-weight: 500;}
.hezuo .hz-link{margin-left: -15px; margin-right: -15px; margin-top: 30px;}
.hezuo .hz-link li{float: left; margin: 15px;}
.hezuo .hz-link li a{display: block;}
.hezuo .hz-link li a img{width: 173.5px; height: auto; border: 1px solid #eeeeee;}
.hezuo .margin-right-17{margin-right: -17px;}






.link{width: 100%; margin: 40px 0; padding-right: 0;}
.link h3{padding: 10px 8px;}
.link ul{width: 100%; margin-left: -5px;}
.link li{float: left; width: 9%; height: auto; margin: 10px 8px;}
.link li img{width: 100%;  height: auto;}

.content{width: 90%; margin: 0 auto; height: 220px; background: #2d363f;}
.content .box{width: 1190px; padding: 30px 0; margin: 0 auto; box-sizing: border-box;}
.content .box img{padding-right: 200px; float: left;}
.content .box .contact{float: left;}
.content .box .contact p{color: #fff; font-size: 18px; padding: 8px 0; font-weight: 100; padding-left: 42px; box-sizing: border-box;}
.content .box .contact h4{color: #fff; font-size: 18px; padding: 10px 0; font-weight: 100; display: inline-block;}
.content .box .contact .address{background: url(../images/tubiao.png) no-repeat; background-position: -6px -1px;}
.content .box .contact .address .fuzhu{padding-left: 10px;}
.content .box .contact .phone{background: url(../images/tubiao.png) no-repeat; background-position: -6px -84px;}
.content .box .contact .web{background: url(../images/tubiao.png) no-repeat; background-position: -6px -164px;}
.contact .address a{text-decoration: underline; color: #fff;}
.contact .phone{word-spacing: 20px;}
.copyright{width: 90%; margin: 0 auto; height: 54px; line-height: 54px; background: #282f37; color: #fff; text-align: center; font-size: 14px;}






.intro-copy {
  padding: 1em;
  margin: 3em auto;
  max-width: 437px;
  font-size: 2em;
  line-height: 1.2;
  font-weight: lighter;
}
.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-block;
  padding: 8px;
  margin: 1em;
  margin-right: 5%;
  padding-right: 0;
  /* background: #E8E8E8;
  border: 2px solid #51746e; */
}
.back-to-top:hover {
  cursor: pointer;
}










@media (max-width: 1680px){
	.topbg{width: 100%;}
	.navbar-nav li a{padding: 16px 18px; text-align: center;}
	.roll{max-width: 1903px; height: auto; padding: 0 32px;}
	.roll .rollpic{width: 50%;}
	.navbar-brand .name h3{line-height: 100px; height: auto;}
	.navbar-brand .name span{margin: 20px 0;}
	.roll .banner-show{width: 100%;}
	.banner-show{width: 100%;}
	
	.main{width: 100%;}
	.main .bt{width: 100%; margin: 0 auto; padding: 0;}
	.main .bt .guanyu{width: 64%;}
	.main .bt .dalou{width: 36%; padding-left: 64px;}
	.main .left{width: 64%;}
	.main .left p{font-size: 1.2vw;}
	.main .right{width: 36%; margin-left: 0; text-align: right;}
	.main .left .news .news-pic{width: 49%;}
	.main .left .news .news-txt p{padding: 10px 0; padding-left: 40px;}
	
	.hezuo{width: 100%; height: auto; padding: 70px 0;}
	.hezuo .top,.hezuo .bottom{width: 100%;}
	.link li{margin: 10px 18px;}
	
	.content{width: 100%;}
	.copyright{width: 100%;}
}

@media (max-width: 1440px){
	.roll{padding: 0 111px;}
	.main .left .news .news-pic{width: 358px;}
	.main .left .news .news-txt{width: 360px;}
	.main .news-txt h2.news-tit{font-size: 18px;}
	.main .news-txt h2.news-tit{width: 100%;}
	
}

@media (max-width: 1366px){
	.roll{padding: 0 74px;}
	.main .left{width: 68%;}
	.main .right{width: 32%; margin-left: 0; text-align: right; text-align: right;}
	.main .right img{width: 90%;}
	.main .left .news .news-txt p{padding: 4px 0; padding-left: 20px;}
	.navbar-nav li a{padding: 16px 19.2px; text-align: center;}
	.navbar-brand > img.logo{padding-right: 10px;}
}

@media (max-width: 1280px){
	.main .right img {
	    width: 270px;
	}
	.main .left .news .news-pic{width: 252px;}
	.main .left p{font-size: 12px;}
	
}

@media (max-width: 1200px){
	.navbar-nav{display: block; float: left; padding-left: 0; width: 100%; margin-bottom: 1px; padding-top: 20px;}
	.navbar-nav li{width: 20%;}
	.link li{margin: 10px 14px;}
	.roll{width: 100%; padding: 0 30px;}
}

@media (max-width: 1024px){
	.main{width: 100%; padding: 0;}
	.main .bt{display: none;}
	.main .left{width: 100%; padding: 20px 0px; box-sizing: border-box; float: left;}
	.main .left .news{width: 100%;}
	.main .left .news .news-pic{width: 100%; height: auto;}
	.main .left .news .news-txt{width: 100%; height: auto;}
	.main .news-txt h2.news-tit{padding-left: 38px; width: 100%;}
	.main .left .news .news-txt p{padding-left: 0;}
	.main .right{width: 100%; margin-left: 0; padding: 40px 0px; text-align: left;}
	.main .right img{width: 100%; height: auto; display: block;}
	.main .guanyu-phone,.main .dalou-phone{display: block; font-size: 22px; padding: 10px 0; font-weight: bold; text-indent: 2em;}
	.hezuo .hz-link li{margin: 38px;}
	.content{width: 100%; height: auto;}
	.content .box{width: 100%; padding: 30px 15px; margin: 0 auto; text-align: center;}
	.content .box img{float: none; padding: 0;}
	.content .box .contact{float: none; text-align: left;}
	.content .box .contact p{font-size: 14px; text-align: left;}
	.content .box .contact .address{background-position: 0 -4px;}
	.content .box .contact .phone{background-position: 0 -86px;}
	.content .box .contact .web{background-position: 0 -166px;}
	.copyright{width: 100%; font-size: 12px;}
}

@media (max-width: 992px){
	.topbg{width: 100%;}
	.container{padding-left: 15px; padding-right: 15px;}
	.navbar-brand{height: 70px;}
	.navbar-brand .name{padding-top: 5px;}
	.navbar-brand .name h3{font-size: 14px; display: block; height: 28px; line-height: 28px;}
	.navbar-brand .name span{margin: 0; font-size: 14px;}
	.navbar-brand > img.logo{width: 64px; height: auto; padding-right: 4px;}
	.navbar-toggle{padding: 12px 14px; margin-bottom: 0; background-color: #ea9518; color: #fff; border: none; margin-top: 14px;}
	.navbar-nav li a{padding: 8px 19.2px; font-size: 14px;}
	.navbar-nav{padding: 0; float: none; margin: 10px 0;}
	.navbar-nav li{width: 100%;}
	.navbar-default .navbar-collapse{margin-top: 10px;}
	.link{padding-right: 15px;}
	.link li{width: 25%; height: auto; margin: 5px 0; padding: 0 4px;}
	.link ul{margin-left: 0;}
	
	.roll{width: 100%; padding: 0;}
	.rollBox .rollleft{width: 100%;}
	.rollBox .rollleft img{width: 120px; height: auto; margin: 30px auto;}
	.rollBox .rollleft h1{font-size: 18px; text-align: center;}
	.rollBox .rollright{width: 100%; margin-top: 30px;}
	.banner-show{width: 100%;}
	
	
	.banner{width: 92%;}
	
	
	
	.main{width: 100%; padding: 0; margin-bottom: 20px;}
	.main .bt{display: none;}
	.main .left{width: 100%; padding: 20px 0px; box-sizing: border-box; float: left;}
	.main .left p{font-size: 16px; padding: 10px 0; text-align: justify;}
	.main .left .news{width: 100%; margin-top: 20px;}
	.main .left .news .news-pic{width: 100%; height: auto;}
	.main .left .news .news-txt{width: 100%; height: auto;}
	.main .news-txt h2.news-tit{padding-left: 38px; width: 100%; margin-top: 20px; font-size: 20px; background: none;}
	.main .left .news .news-txt p{padding-left: 0; padding-top: 10px; padding-bottom: 10px;}
	.main .right{width: 100%; margin-left: 0; padding: 20px 0px; text-align: left; padding-top: 0;}
	.main .right img{width: 100%; height: auto; display: block;}
	.main .guanyu-phone,.main .dalou-phone{display: block; font-size: 20px; padding: 10px 0; font-weight: bold; text-indent: 32px; padding-bottom: 10px;}
	.main .dalou-phone{padding-bottom: 28px;}
	
	.hezuo{width: 100%; height: auto; padding: 40px 0;}
	.hezuo .top,.hezuo .bottom{width: 100%;}
	.hezuo .hz-link{margin-right: 0; margin-left: 0;}
	.hezuo .hz-link li{width: 22.5%; margin: 4px;}
	.hezuo .hz-link li a img{width: 100%;}
	.hezuo .phone-zy{padding-left: 0; padding-right: 0;}
	.hezuo .margin-right-17{margin-right: -15px;}
	.hezuo h2{font-size: 20px;}
	.index h3{font-size: 20px; padding-left: 0;}
	
	.content{width: 100%; height: auto;}
	.content .box{width: 100%; padding: 30px 15px; margin: 0 auto; text-align: center;}
	.content .box img{float: none; padding: 0; width: 120px; margin-bottom: 16px;}
	.content .box .contact{float: none; text-align: left;}
	.content .box .contact p{font-size: 14px; text-align: left;}
	.content .box .contact .address{background-position: 0 -4px;}
	.content .box .contact .phone{background-position: 0 -86px; word-spacing: 300px;}
	.content .box .contact .web{background-position: 0 -166px;}
	.copyright{width: 100%; font-size: 12px;}
	
	.content .box .contact .address .fuzhu{font-size: 14px;}
	.content .box .contact h4{text-align: center; display: block; font-size: 16px;}
	.content .box .contact .address .fuzhu{padding-left: 0;}
	
	.back-to-top{margin-right: 4%;}
	
}

@media (max-width: 480px){
	/* .link li{width: 50%; margin: 10px 0; padding: 0 4px;} */
	.height-auto{height: 244px;}
}