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; 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;}

.top{width: 100%; height: auto; overflow: hidden}
.top2{width: 100%; height: 107px; background: url("../Image/top2.jpg") center center no-repeat;}
.top2-main{width: 1100px; height: 107px; margin: 0 auto;}
.top2-1{width: 700px; height: 107px; line-height: 107px; overflow: hidden;}
.top2-2{width: 220px; height: 56px; margin: 25.5px 0;}
.top2-2-1{width: 50px; height: 56px; margin: 0 10px 0 0; background: url("../Image/tel.png")}
.top2-2-2{width: 160px; height: 25px; line-height: 25px; color: white; font-size: 18px;}
.top2-2-3{width: 160px; height: 31px; line-height: 31px; color: #ddd10d; font-size: 24px; font-family: "Impact"; letter-spacing:2px;}
.top3{width: 100%; height: 65px; border-top: 1px solid #3c4247; background: #282c2f;}
.nav{width: 1100px; height: 64px; line-height: 64px; overflow: hidden; margin: 0 auto;}
.nav li{float: left; width: 137.5px; height: 64px; line-height: 64px; font-size: 15px; color: white; text-align: center;}

.pro{width: 1100px; height: auto; overflow: hidden; margin: 0 auto; padding: 40px 0 0 0;}
.pro1{width: 255px; height: 78px; background: url("../Image/pro1.png"); margin: 0 auto;}
.pro-type{height: 40px; margin: 40px auto 0; overflow: hidden; width: 800px;}
.pro-type li{float: left; width: 130px; margin: 0 35px; line-height: 40px; height: 40px;}
.pro-line{width: 130px; height: 1px;}
.pro-line1{width: 70px; height: 1px; background: #ff9103;}
.pro-line2{width: 60px; height: 1px; background: #1d1d1d;}
.pro-side2-2{width: 130px; height: 39px; overflow: hidden;}
.pro-side2-5{width: 110px; height: 39px; line-height: 39px; overflow: hidden; font-size: 15px;}
.pro-side2-6{width: 20px; height: 20px; background: url("../Image/pro-type1.jpg"); margin: 9.5px 0;}
.pro-main{width: 1100px; height: auto; overflow: hidden; margin: 40px auto 0;}
.picScroll-left .bd ul li:hover .pic{border: 1px solid #e9dc0c;}
.picScroll-left .bd ul li:hover .title{background: #e9dc0c; color: black;}
.picScroll-left{ width:1100px; position:relative;}
.picScroll-left .bd ul li{float:left; overflow:hidden; text-align:center; width: 210px; height: 250px; margin: 0 5px; position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; width:210px; height:210px; overflow: hidden; line-height: 208px; border: 1px solid #888; font-size: 0;}
.picScroll-left .bd ul li .pic img{vertical-align: middle;}
.picScroll-left .bd ul li .title{ line-height:40px; position: absolute; width: 210px; height: 40px; left: 0; top:210px; font-size: 16px;}

.about{width: 100%; height: 630px; margin: 40px 0 0 0; background: url("../Image/about-bg.png") center center no-repeat;}
.about-main{width: 1100px; height: 630px; margin: 0 auto; position: relative;}
.about1{position: absolute; left: 50px; top:160px; width: 430px; height: 196px; overflow: hidden; line-height: 28px; color: #c5c5c5;}
.about2{position: absolute; width: 150px; height: 50px; top:385px; left: 320px; background: #bd9b65; color: white; line-height: 50px;
text-align: center; font-size: 15px;}
.about3{position: absolute; width: 190px; height: 150px; top:70px; left: 720px; background: #bd9b65; color: white; padding: 25px 50px;
text-align: center; font-size: 40px; font-weight: bold; line-height: 50px;}

.advan{width: 100%; height: 274px; background: url("../Image/advan.jpg") center center no-repeat; margin: 40px 0 0 0;}

.news-message{width: 1100px; height: auto; overflow: hidden; margin: -40px auto 40px;}
.news{width: 685px; height: auto; overflow: hidden;}
.news1{width: 250px; height: 80px; background: url("../Image/news1.png") center center no-repeat;}
.news2{width: 685px; height: 240px; margin: 30px 0 0 0;}
.news2-1{width: 265px; height: 240px; border: 6px solid #d8d8d8;}
.news2-2{width: 380px; height: 120px; overflow: hidden; border-bottom: 1px solid #c8c8c8; margin: 0 20px 0 0;}
.news2-3{width: 380px; height: 120px; overflow: hidden; border-bottom: 1px solid #c8c8c8; margin: 0 20px 0 0;}
.news2-3 li{float: left; width: 380px; height: 60px; overflow: hidden; border-bottom: 1px solid #c8c8c8; padding: 10px 0;}
.news-title{line-height: 40px; height: 40px; color: #171717; font-size: 15px;}
.news-time{line-height: 40px; height: 40px;}
.news-content{width: 380px; height: 75px; line-height: 25px; overflow: hidden; color: #656565;}
.news2-2 li:hover .news-title{color: #bd9b65;}
.news2-2 li:hover .news-time{color: #bd9b65;}
.news2-3 li:hover .news-title{color: #bd9b65;}
.news2-3 li:hover .news-time{color: #bd9b65;}
.message{width: 415px; height: auto; overflow: hidden;}
.message1{width: 250px; height: 80px; background: url("../Image/message1.png") center center no-repeat;}
.message2-1{width: 70px; height: 30px; line-height: 30px; text-align: center;}
.message2-2{width: 300px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 5px;}
.message2-3{width: 300px; height: 90px; line-height: 30px; overflow: hidden; padding: 0 5px;}
.message2-5{width: 415px; height: 30px; margin: 0 0 20px 0;}
.message2-6{width: 415px; height: 90px; margin: 0 0 20px 0;}
.message2-4{width: 100px; height: 30px; background: black; color: white; line-height: 30px; border: none; margin: 0 45px 0 0; text-align: center;
font-size: 15px; cursor: pointer;}

.footer{width: 100%; height: 140px; background: #262626;}
.footer-main{width: 1100px; height: 140px; padding: 20px 0; margin: 0 auto; color: #d8d8d8;}
.footer1{width: 490px; height: 100px; overflow: hidden;}
.footer1-1{width: 170px; height: 40px; line-height: 30px;  font-size: 20px;}
.footer1-2{width: 490px; height: 60px; line-height: 30px;}
.footer3{line-height: 30px; height: 60px; margin: 20px 0;}


.pro-sidebar{width: 215px; height: auto; overflow: hidden;}
.pro-type1-1{width: 215px; height: 73px; background: url("../Image/pro-type.png");}
.pro-type1-2{background: #272726; padding: 10px 25px; width: 214px; height: auto; overflow: hidden;}
.pro-type1-2 li{width: 164px; height: 40px; margin: 15px 0 0 0; line-height: 40px; color: white; font-size: 15px;}
.pro-type-line{width: 164px; height: 1px;}
.pro-type-line1{width: 90px; background: #e9dc0c; height: 1px;}
.pro-type-line2{width: 74px; background: white; height: 1px;}
.pro-type1-2-1{width: 135px; height: 39px; line-height: 39px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-type1-4{width: 164px; height: 39px; padding: 0 5px;}


.pro-index li{width: 190px; height: 230px; float: left; margin: 20px 10px 0;}
.pro-index li .pic{width: 190px; height: 190px; border: 1px solid #888; line-height: 188px; font-size: 0; text-align: center;}
.pro-index li .pic img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.pro-index li .title{width: 190px; height: 40px; line-height: 40px; font-size: 15px; text-align: center;}
.pro-index li:hover .pic{border: 1px solid #bd9b65;}
.pro-index li:hover .title{background: #bd9b65; color: black;}



/*内页*/


/*内页公共*/
.pro-right1-1{width: 5px; height: 20px; margin: 7.5px 10px 7.5px 0; background: #e9dc0c;}
.pro-right1-2{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: 1100px; height: auto; overflow: hidden; margin: 40px auto;}
.sidebar{width: 215px; height: auto;}
.main-right{width: 840px; 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: 18px; 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;}