html { overflow-y:scroll; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #333	}
a:hover{color:#333; -webkit-transition: color ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:14px;font-family: "Microsoft YaHei"; color: #333; background: #fff }
.fl { float:left}
.fr { float:right}

.top {width: 1140px; height: 117px;  margin:0 auto;}
.search {width: 340px; margin-top: 0px; position: relative;}
.search input {width: 340px; height: 27px; border:1px solid #ddd; border-radius: 5px;}
.search form {position: relative}
.search button {position: absolute; background: none; cursor: pointer; border:none; right: 10px; top: 5px;}

/*导航*/
nav ul {float: left;}
nav ul li a{  color:#ffffff;  background:#333;  margin-right:5px;  font-size:16px;    display:block;  width:110px;  height:36px;  line-height:36px;  text-align:center; }
nav ul li a:hover,nav ul li.home a{  color:#1b1b1b;  background:#dcdcdc;   text-decoration:none;  display:block;  width:110px;  text-align:center;}
nav ul li.sublinks a{ border-top: 1px solid #333; padding-left: 20px;  color:#1b1b1b;  background:#dcdcdc;    width:200px;text-align:left;}
nav ul li.sublinks a:hover{  color:#fff;background:#333;}
ul li.sublinks{	display:none;}
nav {width: 100%; height: 36px; background:#333; }
nav #container {width: 1140px; margin:0 auto;}

/*幻灯*/
.swiper-container {width: 100%;}
.swiper-slide {text-align: center;font-size: 18px;      background: #fff;      display: -webkit-box;      display: -ms-flexbox;      display: -webkit-flex;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      -webkit-justify-content: center;      justify-content: center;      -webkit-box-align: center;      -ms-flex-align: center;      -webkit-align-items: center;      align-items: center;    }
.swiper-slide img { width: 100%; height: 100%}
.div_1400 {margin:0 auto; overflow: hidden; width: 1400px;}
.div_1200 {margin:0 auto; overflow: hidden; width: 1200px;}
/*关于我们*/
.about { overflow: hidden; margin-top: -60px; position: relative;z-index: 999}
.about .left {width: 933px; padding:25px 25px 0 25px; height: 534px; background: #fff}
.about .left .text {margin:15px auto 15px auto;width: 890px; line-height: 32px;}
.about .left a { display: block; margin:0 auto; text-align: center; line-height: 35px; cursor: pointer;  width: 570px; border:1px solid #ff7428; height: 35px; background:#fff; font-size: 16px; letter-spacing: 20px; color: #ff7428; font-weight: normal; }
.about .right {margin-top: 85px; background: #333; padding:25px; width: 324px; height: 424px; }
.about .right li {width: 320px; border:1px solid #737373; height: 32px; text-align: center; line-height: 32px; margin-bottom: 10px;}
.about .right li a {color: #fff; font-size: 16px; display: block }
.about .right ul {margin-top: 20px;}

/*产品介绍*/
.product{width: 100%; overflow: hidden; position: relative; overflow: hidden; margin-top: 50px; background:url(../images/product.jpg) no-repeat top;}
.product .timu {color: #fff; font-family: arial; font-size: 90px; text-align: center; padding-top: 80px; font-weight: normal;display: block;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;}
.product h2 { font-size: 30px; text-align: center;  color: #fff; font-weight: normal; }
#container1{ width:1400px; margin: 200px auto 0 auto; background: #fff; overflow: hidden; position: relative; z-index: 9}
#container1 li{ position:relative;width: 434px; height: 256px; line-height: 256px; text-align: center; margin: 24px 0 0px 24px ; float: left; cursor: pointer;  overflow: hidden;}
#container1 li p{ height:256px; width: 100%; position: absolute; left: 0; top: -256px; color: #ffffff;
        z-index: 2;  }
        #container1 li div {width: 434px; height: 256px;}
#container1 li .img{ width: 434px;  display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container1 li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container1 li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
#container1 li p span{ display: block; width: 94%; margin: 0 auto; line-height: 32px; font-size: 18px; padding-top:160px;}
#container1 li p .link{ display: block; position: absolute; width: 50px; height: 50px; left:50%; margin-left: -25px; margin-top:-50px;top:120px; background:url("../images/link.png") no-repeat 0 0;}
.explain{ display: block; margin:0 auto;}

/*新闻中心*/
.news { width: 1350px; margin:50px auto 0 auto; overflow: hidden;}
.news .title {width: 100%; background:url(../images/title.png) no-repeat left; height: 36px; line-height: 36px;}
.news .title h2 {float: left; width: 223px; height: 36px; background:#333; color: #fff; border-radius: 15px; text-align: center; font-size: 20px; font-weight: normal;}
.news .title a{width:60px; height: 16px; display: block; margin-top: 10px; background:#333;color: #fff; line-height: 14px; text-align: center; float: right;border-radius: 5px; }
.news .left { width: 777px; overflow: hidden; float: left; }
.news .left .tit { margin-top: 30px; width: 100%; height: 98px; background:url(../images/news1.jpg) no-repeat right}
.news .left .tit h2 {width: 165px; height: 83px; background:#333; color: #fff; font-family: arial; text-align: center; font-weight: normal; line-height: 34px; padding-top: 15px;}
.news .left li img{ float: left; width: 153px; height: 93px; padding:5px; border:1px solid #eee; }
.news .left li .text {float: right; width: 600px; }
.news .left li { clear: both; width: 100%; margin-top: 25px; overflow: hidden; color: #707070}
.news .left li h2 {font-weight: normal; font-size: 18px; color: #333; margin:5px  0 0px 0;}
.news .left li p {color: #707070; line-height: 26px; width: 580px}
.news .right {width: 573px; float: right; background:#333; height: 494px; margin-top: 30px;}
.news .right h2 { font-size: 18px; color: #fff; font-weight: normal; padding-left: 85px; height: 98px; line-height: 98px; }
.news .right .text {background:url(../images/news3.jpg) no-repeat center center; height: 253px; color: #fff}
.news .right .text p {padding-left: 85px; line-height: 26px;}
.news .right .text h2 { padding-top: 25px; }

/*底部*/
footer {width: 100%; overflow: hidden; margin-top: 50px; background:#3c3c3c;}
footer .f-nav {text-align: center; height: 58px; line-height: 58px;  background:  #323232}
footer .f-nav a {color: #fff; font-size: 18px; padding:0px 15px;}
footer  img {margin-top: 50px; margin-bottom: 30px;}
footer p {border-top: 1px solid #dcdcdc; color: #dcdcdc;height: 50px; line-height: 50px; text-align: center;}

/*内页*/
.nei-nav {width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #dcdcdc}
.nei-nav ul{width:1200px; margin:0 auto; }
.nei-nav ul li { padding:0 25px; }
.nei-nav ul li a:hover,.nei-nav ul li.home a {background:url(../images/nei-nav1.png) no-repeat left center #ff7200; color: #fff}
.nei-nav ul li a {display: block;padding:0px 30px; float: left; margin:0 15px;padding-left: 45px; background:url(../images/nei-nav.png) no-repeat left center;}


.newslist  { background:#f9f9f9; width: 100%; overflow: hidden; padding:50px 0; }
.newslist .star li {float: left; width: 287px; margin:0px 6px; height: 301px;}
.newslist .star li  img {width: 287px; height: 205px; transition: all 0.6s;    -ms-transition: all 0.8s; overflow: hidden;}
.newslist .star li  img:hover { transform: scale(1.05);    -ms-transform: scale(1.05); overflow: hidden;}
.newslist .star li a {  display: block}
.newslist .star li a:hover {}
.newslist .star li h2 {font-size: 18px; color: #333; font-weight: normal; margin:10px 0;}
.newslist .star li p {font-size: 14px; color: #666; line-height: 26px;}
.list li {margin:30px 0;}
.list li h2 {font-size: 18px; color: #333; font-weight: normal;}
.list li p.date {color: #999; margin:10px 0;}
.list li p {color: #666; line-height: 26px;}

.content {padding-top: 50px;}
.content .left { width: 190px; float: left; }
.content .left h2 {font-size: 20px; font-weight: normal; color: #ff7200; margin-bottom: 25px; }
.content .left h3 {color: #666; font-weight: normal;}
.content .left a {display: block;padding:15px 0; width: 150px; text-align: center; font-size: 16px; background:#ff7200; margin-top: 25px; color: #fff}
.content .center {width: 645px; float: left; margin:0px 40px; overflow: hidden;}
.content .center h2 { font-size: 24px; font-weight: normal;  margin-bottom: 30px; }
.content .center p {line-height: 32px; margin-bottom: 20px;}
.content .right {width: 224px; overflow: hidden; min-height: 200px; background:#f4f4f4; float: right; padding:20px 30px;}
.content .right  h2 {font-weight: normal; margin-bottom: 15px; }
.content .right h2 span {color: #999}
.content .right li img {width: 224px; height: 160px;}
.content .right li h2 {font-size: 16px; margin:10px 0;}
.content .right li {border-bottom: 1px solid #d9d9d9; margin-bottom: 20px;}

.productlist li img {width: 380px; min-height: 224px;}
.productlist li div{width: 380px; height: 224px; overflow: hidden; }
.productlist li {float: left; width: 380px;  overflow: hidden; margin:50px 10px 0 10px;}
.productlist li h2 { font-weight: normal; font-size: 18px; margin-top: 20px; }

.pro_content {margin-top: 50px;}
.pro_content h2 {font-size: 20px; margin-bottom: 30px;}
.pro_content p {line-height: 32px; margin-bottom: 20px;}

.about_content { margin-top: 50px }
.about_content  h2 {font-size: 40px; line-height: 50px; font-weight: normal;}
.about_content  h3 {font-size: 18px; color: #777; font-weight: normal; margin-bottom: 30px;}
.about_content .text {}
.about_content .text p {line-height: 32px;}

.message {width: 100%; height: 500px; background:url(../images/biaodan.jpg);}
.message form {width: 500px; float: right; padding-right: 00px; font-size: 18px;padding-top: 50px;}
.message form input { margin:10px 0; width: 200px; height: 30px; border-radius: 3px; border:1px solid #999; }
.message form textarea {width: 300px; height: 150px; border-radius: 3px;}
.message form button {width: 120px; height: 35px; background:#ff7200; border:none; color: #fff; font-size: 16px; margin-top: 30px;}
.message span {color: #ff0000}


.contact p {line-height: 26px;}

.page span {display: block; float: left; padding:3px 8px; border:1px solid #ddd; margin:0px 5px;}
.page span.page-numbar {border:none; padding:0px;}
.page span.page-numbar a { display: block; float: left;padding:3px 8px; border:1px solid #ddd; margin:0px 5px; }
.page span.page-numbar  a.page-num-current {background:#ff7200; border:1px solid #ff7200; color: #fff }
.page1 {border-top: 1px solid #ddd; padding-top: 20px;}
.content .center .page1 p ,.pro_content .page1  p{margin:0px;}
.silde {height: 500px;}
.book {display: none}
.pro-nav { background: #eee; padding: 15px 0}
.pro-nav li {float: left; width: 11%; text-align: center; margin: 0px 19px;}
.pro-nav li a {display: block; padding: 10px 0}
.pro-nav li a:hover,.pro-nav li a.cur {background: #0a92e1; border-radius: 5px; color: #fff}

@media screen and (max-width: 750px){
	#container1 li p a {display: none}
	#container1 li div {width: 100%; height: 137px; overflow: hidden;}
	#container1 li p {position: relative; width: 100%; height: 30px; line-height: 30px;  top: 0px;}
	#container1 li p span {padding-top: 0px;}
	.top {width: 100%; height: 82px; margin:3% 0; }
	.top img {width: 96%; margin:0 2%;}
	.top .search {display: none}
	nav {height: 72px;}
	nav #container {width: 100%}
	nav #container ul {width: 33.3%}
	
	.swiper-container {width: 100%; height: 122px}
	.swiper-container img {width: 100%; height: 122px;}
	.about {margin-top: 0px; width: 100%}
	.about .left {width: 96%;padding:2%; height:529px;}
	.about .right {margin-top: 0px;}
	.about .left img {width: 100%}
	.about .left .text {width: 96%; margin:2%;}
	.about .left a {width: 50%; margin:0 auto;}
	.about .right {width: 96%; padding:2%; height: 284px}
	.about .right li {width: 40%; float: left;; margin:0 4%;}
	.product {margin-top: 0px;}
	.about .right img {width: 100%}
	footer {margin-top: 0px;}
	.div_1400 {width: 100%}
	.product h1 {font-size: 26px;}
	#container1 {width: 100%; margin-top: 30px}
	#container1 li {width: 46%; margin-left: 2%; margin-top: 2%; margin-right: 1%; float: left; height: 170px;}
	#container1 li .img {width: 184px; min-height: 137px; height: auto;}




	.news {width: 100%}
	.news .left {width: 100%}
	.page {margin-bottom: 30px; width: 100%; overflow: hidden;}
	.news .left li .text {width: 50%; margin-right: 2%;}
	.news .left li h2 {font-size: 16px; height: 21px; overflow: hidden;}
	.news .left li p {width: 100%}
	.news .left li {height: 106px;}
	.news .right {width: 100%;}
	.news .right h2 {height: 50px; line-height: 50px;}
	.news .right h2 {padding-left: 30px;}
	.news .right .text p {padding-left: 30px;}
	.news .right {height: 334px;}
	footer .f-nav {display: none}
	.silde {height: auto;}
	.nei-nav ul li a{width: 33%; padding:0px; float: left; background:none; text-align: center;}
	.nei-nav ul li.home a {background-image: none;}
	.nei-nav ul {width: 100%}
	.nei-nav ul li a {margin:0px;}
	.nei-nav {height: 90px;}
	.div_1200 {width: 100%}
	.about_content .text {width: 96%; margin:0px 2%;}
	.about_content img.fr  {display: none}
	.about_content img {width: 100%}
	.newslist .star li {width: 46%; margin:2%; overflow: hidden; height: 160px;}
	.newslist .star li  img {width: 100%; height: 124px;}
	.newslist .star li h2 {height: 24px; overflow: hidden;}
	.newslist .star li p{display: none}
	.list li {width: 96%; margin:2% 2% 5% 2%;}
	span.page-status {display: none}
	.content .left,.content .right {display: none}
	.content .center {width: 96%; margin:2%;}
	.about_content  h2 ,.about_content  h3 {margin-left: 2%;}
	.productlist li {width: 46%; margin:2%;}
	.productlist li img p{width: 165px; height: 1;}
	.pro_content {width: 96%; margin:2%;}
	.message form {width: 96%; margin:2%;}
	.message form textarea {width: 244px;}
	#dituContent {width: 100%!important; height: 300px!important;}
	.contact p {padding-left: 2%;}
	.productlist {width: 100%; margin-top: 30px}
	.productlist li {width: 46%; margin-left: 2%; margin-top: 2%; margin-right: 1%; float: left; height: 170px;}
	.productlist li img {width: 184px; min-height: 137px; height: auto;}
	.productlist li h2 {margin-top: 0px;}
	.productlist li div {width: 100%; height: 137px}
	.pro_content img {width: 100%}
	.book { display: block; position: fixed; top: 60%; right: 0px; z-index: 999; width: 50px; height: 50px;}
	.book img {width: 50px; height: 50px;}
}