html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

body{font-size: 14px; box-sizing: border-box; background: white; font-family: "Microsoft Yahei"; overflow-x: hidden;}
.fl{float: left;}
.fr{float: right;}
li{list-style: none;}
.clear{clear: both;}
img{max-width: 100%;}
.BMap_shadow img{max-width: none;}
*{box-sizing: border-box;}
.page{margin: 20px 0 0 0;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}


.top{width: 100%; height: 240px; overflow: hidden;}
.top1{width: 100%; height: 45px; background: #d2d2d2;}
.top1-main{width: 1200px; height: 45px; margin: 0 auto; line-height: 45px; font-size: 16px;}
.top1-2 p{width: 80px; text-align: center; height: 20px; line-height: 20px; margin: 12.5px 0;}
.top1-2-1{border-right: 1px solid black;}
.top2{width: 100%; height: 140px; overflow: hidden; background: url("../Image/top2-bg.png") center center no-repeat;}
.top2-main{width: 1200px; height: 140px; overflow: hidden; margin: 0 auto;}
.top2-1{width: 630px; height: 96px; line-height: 96px; margin:22px 0; font-size: 0;}
.top2-1-img{vertical-align: middle;}
.top2-2{width: 300px; height: 80px; margin: 30px 0;}
.top2-2-1{width: 84px; height: 80px; margin: 4px 5px;}
.top2-2-2{line-height: 25px; width: 200px; margin: 10px 0 0 0; font-size: 16px;}
.top2-2-3{line-height: 35px; font-size: 30px; color: #d0b622; width: 200px; font-weight: bold;}
.top3{width: 100%; height: 55px; background: black;}
.top3 .nav{width: 1200px; height: 55px; margin: 0 auto; overflow: hidden; color: white;}
.top3 .nav li{float: left; width: 150px; text-align: center; height: 55px; font-size: 18px;}
.top3 .nav li p{width: 150px; height: 55px; line-height: 55px;}
.top3 .nav li:hover{background:#f1c232; color: black;}

.pro{width: 1200px; height: 440px; padding: 40px 0 0 0; margin: 0 auto;}
.pro1{width: 1110px; height: 100px; background: url("../Image/pro1.png") center center no-repeat;}
.pro2{width: 100%; height: 300px;}
.pro-main{width: 1200px; height:185px; margin: 30px 0 0 0;}
.picScroll-left .bd ul li:hover .pic{border: 1px solid #f1c232;}
.picScroll-left .bd ul li:hover .title{background: #f1c232; color: black;}
.picScroll-left{ width:1200px; position:relative;}
.picScroll-left .hd .prev{width: 52px; height: 52px; background: url("../Image/pre.png"); position: absolute; left: -60px; top:66.5px; cursor: pointer;}
.picScroll-left .hd .next{width: 52px; height: 52px; background: url("../Image/next.png"); position: absolute; right:-60px; top:66.5px; cursor: pointer;}
.picScroll-left .bd ul li{float:left; overflow:hidden; text-align:center; width: 270px; height: 270px; margin: 0 15px; position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; width:270px; height:270px; overflow: hidden; line-height: 228px; border: 1px solid #888;}
.picScroll-left .bd ul li .pic img{vertical-align: middle;}
.picScroll-left .bd ul li .title{ line-height:40px; position: absolute; width: 270px; height: 40px; left: 0; top:230px; font-size: 16px;
background: rgba(0, 0, 0, 0.6); color: white;}

.about{width: 1200px; height: auto; overflow: hidden; padding: 40px 0 0 0; margin: 0 auto;}
.about1{width: 1200px; height: 100px; background: url("../Image/about1.png") center center no-repeat;}
.about2{width: 1200px; height: 285px; margin: 30px 0 0 0; overflow: hidden;}
.about2-1{width: 370px; height: 285px; overflow: hidden;}
.about2-2{width: 800px; height: 180px; overflow: hidden; line-height: 30px; margin:10px 0 0 30px;}
.about2-3{width: 180px; height: 70px; margin: 25px 0 0 30px; line-height: 70px; text-align: center; font-size: 18px;}
.about2-3-1{width: 180px; height: 70px; background: #f1c232;}

.advan{width: 100%; height: 330px; background: url("../Image/advan1.png") center center no-repeat;}
.advan1{width: 1200px; height: 330px; overflow: hidden; position: relative; margin: 0 auto;}
.advan1-1{position: absolute; left: 720px; top: 140px; width: 480px; height: 180px;}
.advan1-1 li{width: 140px; height: 180px; overflow: hidden; margin: 0 10px; float: left; border: 1px solid #888; line-height: 178px; font-size: 0;
text-align: center;}
.advan1-1 li img{vertical-align: middle;}

.news-contact{width: 1200px; height: auto; overflow: hidden; padding: 40px 0; margin: 0 auto;}
.news{width: 840px; height: auto; overflow: hidden;}
.news1{width: 840px; height: 108px; overflow: hidden;}
.news2{width: 355px; height: 300px; overflow: hidden; margin: 30px 0 0 15px}
.news2 .news-img{width: 355px; height: 220px; overflow: hidden; border: 1px solid #888;}
.news2-1{width: 355px; height: 80px; background: #454242; color: white; padding:5px 10px;}
.news2 .news-title{font-size: 18px; line-height: 30px;}
.news2 .news-content{font-size: 14px; line-height: 20px; width: 335px; height: 40px; overflow: hidden;}
.news3{width: 450px; height: 300px; overflow: hidden; margin: 30px 0 0 20px;}
.news3 li{width: 450px; height: 100px; border-bottom: 1px dashed #444;}
.news3 .news-time{width: 70px; height: 70px; background: #454242; color: white; text-align: center; padding: 10px 5px; margin: 14px 15px 14px 5px;}
.news3 .news-time1{font-size: 24px; line-height: 30px;}
.news3 .news-time2{font-size: 14px; line-height: 20px;}
.news3 .news-title{font-size: 18px; line-height: 30px; margin: 14px 0 0 0; width: 360px; height: 30px;}
.news3 .news-content{font-size: 14px; line-height: 20px; width: 360px; height: 40px;}
.news3 li:hover .news-time{background: #f1c232; color: black;}

.contact{width: 330px; height: 445px; overflow: hidden; padding:5px 20px; border: 1px solid black;}
.contact1{width: 288px; height: 30px; line-height: 30px; text-align: center; font-size: 22px;}
.contact2{width: 288px; height: 150px; margin: 5px auto 0; overflow: hidden;}
.contact3{line-height: 25px; margin: 5px 0 0 0; height:155px; width: 288px;}
.contact3-1{font-size: 20px; line-height: 30px;}
.contact4{width: 288px; height: 80px; margin: 5px 0 0 0;}
.contact4-1{width: 80px; height: 80px; overflow: hidden;}
.contact4-2{text-align: center; line-height: 25px; padding: 15px 0; margin: 0 0 0 5px;}

.footer{width: 100%; height: 50px; background: #454242; color: white;}
.footer-main{width: 1200px; height: 50px; text-align: center; margin: 0 auto; line-height: 50px;}

.pro-side{width: 240px; height: auto; overflow: hidden;}
.pro-side1-1{width: 240px; height: 100px; background: #f1c232; color: white; font-size: 22px; line-height: 30px; font-weight: bold; padding: 20px 0;
text-align: center;}
.pro-side1-2{width: 240px; height: auto; overflow: hidden; border: 1px solid #888;}
.pro-side1-2 li{width: 240px; height: 45px; line-height: 44px; border-bottom: 1px solid #888; font-size: 15px; overflow: hidden;}
.pro-side1-2 li:hover{background:#f1c232;}
.pro-side1-2 li span{display: block; float: left; width: 5px; height: 20px; background: #454242; margin: 12px 20px;}
.pro-side1-2 li p{width: 240px; height: 45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro-side3{width: 240px; height: 60px; margin: 20px 0; border: 3px solid black; text-align: center;}
.pro-side3-1{font-size: 20px; font-weight: bold; line-height: 40px;}
.pro-side3-2{font-size: 20px; font-weight: bold; line-height: 24px; background: white; width: 180px; height: 40px; margin: 0 auto;}


/*内页*/
.pro-index{width: 100%; margin: 20px 0 0 0; height: auto; overflow: hidden;}
.pro-index li:hover .pic{border: 1px solid #f1c232;}
.pro-index li:hover .title{background: #f1c232; color: black;}
.pro-index li{float:left; overflow:hidden; text-align:center; width: 270px; height: 270px; margin: 0 15px 20px; position: relative;}
.pro-index li .pic{ text-align:center; width:270px; height:270px; overflow: hidden; line-height: 229px; border: 1px solid #888;}
.pro-index li .pic img{vertical-align: middle;}
.pro-index li .title{ line-height:40px; position: absolute; width: 270px; height: 40px; left: 0; top:230px; font-size: 16px;
background: rgba(0, 0, 0, 0.6); color: white;}


/*内页公共*/
.pro-right1-2{color: #db8f00; font-size: 18px; font-weight: bold;}
/*.pro-right1-1{width: 10px; height: 10px; background: #e80000; margin:12.5px 5px 12.5px 0;}*/
.pro-con{margin: 20px 0 0 0;}
.pro-con1{line-height: 25px;}

.com-top1{width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #888;}
.com-top1-1{font-size: 22px; color: #005bac; font-weight: bold;}
.com-top1-3{width: 5px; height: 24px; background:#005bac; margin:8px 5px; }
.main{width: 1200px; height: auto; overflow: hidden; margin: 40px auto;}
.sidebar{width: 240px; height: auto;}
.main-right{width: 900px; height: auto; overflow: hidden;}

.com-index-title{height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; color:black;}
.com-index-title1{font-size: 20px; line-height: 40px; color: #2f2f2f; font-weight: bold;}
.com-index-title1 p{float: left; background: url("../Image/title.png"); height: 25px; width: 16px; margin: 7.5px 5px 7.5px 0;}
.com-index2{text-align: center; font-size: 26px; line-height: 30px; margin: 10px 0;}
.com-index3{text-align: center; width: 600px; margin: 0 auto;}
.com-index4{text-align: left; font-size: 14px; line-height: 28px;  margin: 10px 0;}
.con-index{margin: 20px; font-size: 14px; line-height: 28px;}

.news-index li{width: 100%; height: 40px; margin:10px 0; line-height: 40px; border-bottom:1px dotted #888; padding:0 5px;}
.news-info{text-align: center;}
.news-info1{font-size: 18px; line-height: 30px; margin:10px 0 5px 0;}
.news-info3{width: 600px; margin: 10px auto;}
.news-info4{margin: 10px 0; font-size: 14px; line-height: 28px; text-align:left;}

.pro-info{margin: 20px 0;}
.pro-info1{text-align: center; width: 800px; margin: 0 auto;}
.pro-info1 img{max-width: 800px;}
.pro-info2{font-size: 16px; line-height: 30px; text-align: center;}
.pro-info3{font-size: 16px; margin: 5px 0;}
.pro-info4{font-size: 14px; line-height: 28px;}