/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 8, ../sass/style.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Microsoft YaHei",Helvetica, Arial, sans-serif;
}

/* line 9, ../sass/style.scss */
body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/* line 10, ../sass/style.scss */
ul, li, dl, dt, dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 11, ../sass/style.scss */
a {
  text-decoration: none;
  font-size: 12px;
  color: #333;
}
/* line 12, ../sass/style.scss */
a:hover {
  text-decoration: none;
}

#main{background: url('../images/background.png') center center;background-size: 100%; width:100%;height:100%;position: fixed; }
.background2{background: url('../images/daizi.png') no-repeat top center;background-size: 100%; width:100%;height:100%;position: absolute; }
.logo{width:450px;position:absolute;top:80px;left:50%;margin-left:-225px; height:100px;}
.nav{width:1030px;height:300px; position: absolute;margin:auto;top:0;bottom: 0;left: 0;right: 0;}
.navList{float:left;width:148px;height:220px;margin-right:39px;    margin-top: 55px;}
.navList:last-child{margin-right:0px;}
.navList1{width:148px;height: 181px;position: relative;cursor: pointer;}
.navList1 .navList11{position: absolute;width: 150px;}
.navList1 .navList12{}
.navList1 .navList12 img{position: absolute;width: 126px;height: 126px;top:50%;left:50%;margin-left:-64px;margin-top:-63px;}
.navListBig{float:left;width:255px;height:340px;margin-right:36px;position: relative;}
.navListBig1{width:255px;height:310px;position: relative;cursor: pointer;}
.navListBig1 .navListBig11{position: absolute;width: 255px;}
.navListBig1 .navListBig12{}
.navListBig1 .navListBig12 img{position: absolute;width: 224px;height: 224px;top:50%;left:50%;margin-left:-113px;margin-top:-122px;}
.navListBig2{text-align:center;}
.navListBig2 a{line-height: 30px;color: #d6a559;font-size:24px;letter-spacing:6px;}
.navList2{text-align:center;position: relative;}
.navList2 a{line-height: 30px;color: #d6a559;font-size:18px;letter-spacing: 2px;}
.navList2 a::before{content:url(../images/iconLeft.png);float: left;}
.navList2 a::after{content:url(../images/iconRight.png);float: right;}
.aixin{
	position: fixed;top:50px;right:50px;width:210px;z-index:99999;
}
.aixin a{display:inline-block;}
.aixin1{float:left;}
.aixin2{float:right;}

/*动画*/
@keyframes rotation {  
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}  
@-webkit-keyframes rotation {/*针对webkit内核*/  
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}  
@keyframes xuanzhuan {  
from {-webkit-transform:rotateY(0deg);}
to {-webkit-transform:rotateY(360deg);}
}  
@-webkit-keyframes xuanzhuan {/*针对webkit内核*/  
from {-webkit-transform:rotateY(0deg);}
to {-webkit-transform: rotateY(360deg);}
}  
.Rotation{ 
animation: rotation 12s linear infinite;
-moz-animation: rotation 12s linear infinite;
-webkit-animation: rotation 12s linear infinite;
-o-animation: rotation 12s linear infinite;
}
.Rotation:hover{    
animation: xuanzhuan 4s linear infinite;
-moz-animation: xuanzhuan 4s linear infinite;
-webkit-animation: xuanzhuan 4s linear infinite;
-o-animation: xuanzhuan 4s linear infinite;
}
.Rotation1{width:100%;}
.Rotation1:hover{    
animation: xuanzhuan 4s linear infinite;
-moz-animation: xuanzhuan 4s linear infinite;
-webkit-animation: xuanzhuan 4s linear infinite;
-o-animation: xuanzhuan 4s linear infinite;
}

.container{width:940px;height:600px;position: absolute;top:0px;left: 50%;margin-left:-470px;top:100px;}
.pro-title{width:940px;height:70px;color: #d6a559;}
.pro-title span{font-size:30px;}
.pro-title p{font-size:14px;}
.pro-cate{width:940px;height: 50px;margin-top:30px;}
.pro-cate ul li{width:211px;height:46px;float: left;margin-right: 29px;cursor:pointer; background: url('../images/pro-Cate.png');text-align: center;}
.pro-cate ul li a{color: #d6a559;font-size: 24px;line-height: 46px;}
.pro-cate ul li:last-child{margin-right: 0px;}
.pro-cate ul li.active{background: url('../images/pro-Cate-active.png');}
.pro-cate ul li:hover{background: url('../images/pro-Cate-active.png');}
.pro-list{width:940px;height:400px;clear: both;margin-top:25px;}
.pro-list ul li{width:282px;height:171px;border:2px solid #d6a559;float: left;width: 290px;height: 175px;margin-right: 30px;margin-bottom: 20px; text-align:center;}
.pro-list ul li:nth-child(3n){margin-right: 0px;}
.back{width: 124px;height: 44px;}

.pro-list ul li img{max-width:282px;max-height:171px; vertical-align:middle;}

.pro-content-title{width:100%;text-align:center;}
.pro-content-title span{font-size:24px;line-height:60px;color:#d6a559;letter-spacing:2px;}

.pro-sub-cate{width:940px;height: 36px;margin-top:10px;}
.pro-sub-cate ul li{width:211px;height:35px;float: left;margin-right: 29px;cursor:pointer; text-align: center;border:1px solid #5e4828;transition: border-color .5s;}
.pro-sub-cate ul li a{color: #d6a559;font-size: 20px;line-height: 35px;}
.pro-sub-cate ul li:nth-child(4n){margin-right: 0px;}
.pro-sub-cate ul li.active{border-color:#d6a559;}
.pro-sub-cate ul li:hover{border-color:#d6a559;}



.about-left{width: 420px;height:600px;float: left;}
.contact-left{width: 420px;height:600px;float: left;}
.about-left-title{width: 100%;margin-bottom: 50px;}
.about-left-content{width: 100%;margin-bottom: 50px;}
.about-left-content p{font-size: 18px;color:#d6a559;line-height: 35px;text-indent: 2em;margin-bottom: 10px;}
.about-left-erweima{width:150px;height: 150px;margin-bottom: 50px;}
.about-left-erweima img{width: 150px;height: 150px;}

.about-right{width:480px;height: 800px;float: right;position: relative;}
.about-right1{position: absolute;top:0px;right: 0px;}
.about-right3{position: absolute;top:0px;right: 0px;}
.about-right2{position: absolute;top:0px;right: 0px;}

.news-view-top2{width:100%;height: 240px;    position: relative;    z-index: 9999;}
.news-view{width:1000px;position: absolute;top:270px;left:50%;margin-left:-500px;}
.news-view-in{width:1000px;height:575px;    margin-top: 20px;
		background-size: 100% 100%;padding:20px;overflow-Y:scroll;margin-bottom: 30px;}

.news-view-in::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.news-view-in::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #d6a559;
    }
.news-view-in::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #333333;
    }
.about-left::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.about-left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
        background: #343434;
    }
.about-left::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #333333;
    }
.contact-left::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.contact-left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
        background: #343434;
    }
.contact-left::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #333333;
    }
.news-view-title{width:100%;text-align: center;color: #90703e;}
.news-view-title p{font-size: 26px;line-height: 80px;letter-spacing: 3px;}
.news-view-content{width:100%;line-height: 30px;color: #90703e;position: relative;    z-index: 999999;}
.news-view-content p{font-size: 16px;line-height: 30px;text-indent: 2em;}
    
.news{width:1000px;position: absolute;top:100px;left:50%;margin-left:-500px;}
.news123{width:1000px;position: absolute;left:50%;margin-left:-500px;border-left: 1px solid #d6a559;height: 850px;}


.contact-left-content{width:460px;height: 200px;}
.contact-left-content li{width: 460px;height: 40px;margin:20px 0;}
.contact-left-content li p{color: #90703e;font-size: 18px;}
.contact-left-content1{background: url('../images/icon1.png') no-repeat center left;}
.contact-left-content2{background: url('../images/icon2.png') no-repeat center left;}
.contact-left-content3{background: url('../images/icon3.png') no-repeat center left;}




.case-title{width:940px;height:70px;color: #d6a559;}
.case-title span{font-size:30px;}
.case-title p{font-size:14px;}
.case-list{width:940px;height:400px;clear: both;margin-top:25px;}
.case-list ul li{width:282px;height:171px;border:2px solid #d6a559;float: left;width: 290px;height: 175px;margin-right: 30px;margin-bottom: 20px;}
.case-list ul li:nth-child(3n){margin-right: 0px;}



.news-title{width:940px;height:70px;color: #d6a559;padding-left:30px;}
.news-title span{font-size:30px;}
.news-title p{font-size:14px;}

.news-lunbo{position: absolute;top:200px;width: 100%;height: 219px;}
.news-lunbo ul li{width: 100%;height: 219px;}
.news-lunbo1{background: url('../images/news1.jpg') no-repeat center center;}
.news-lunbo2{background: url('../images/news2.jpg') no-repeat center center;display: none;}
.news-lunbo3{background: url('../images/news3.jpg') no-repeat center center;display: none;}

.news-title2 {width:1000px;height:50px;color: #d6a559;margin-top:270px;padding-left:30px;}
.news-title2 span{font-size: 22px;line-height: 45px;}
.news-title2 p{font-size:12px;}
.news-title2 .news-title-in{display: none;}
.news-title2 .news-title-in:first-child{display: block;}

.news-content{width:1000px;margin-top:30px;background:url('../images/news-bg-big.png'); height: 230px;
    padding: 28px 20px 20px 20px;
    background: url(../images/news-bg-big.png);}
.news-content .swiper-slide{width: 290px;height: 168px;float:left;margin-right:20px; border: 3px solid #d6a559;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.news-content .swiper-slide{}
.news-content .swiper-slide:hover{filter:none;-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;}
.news-content ul li img{width: 284px;height: 162px;}

.news-view123{position:absolute;background:url('../images/news-hover.png') center center;width: 284px; height: 162px;}
.swiper-slide{cursor: pointer;}


.pro-content{width: 1000px;height: 570px;
		background-size: 100% 100%;padding:20px;overflow-Y:scroll;margin-top: 30px;margin-bottom: 30px;    position: relative;
    z-index: 999999;}
.pro-content::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;z-index: 99999;
    }
.pro-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #d6a559;
    }
.pro-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #333333;
    }
.pro-content p{font-size: 16px;line-height: 30px;text-indent: 2em;color:#d6a559;}
.pro-content123{width:990px;height:575px;position: absolute;top:99px;left:0px;}

.news-content123{width:990px;height:575px;position: absolute;top:20px;left:0px;}


.dot{width:300px;height: 30px;margin:0 auto;}
.dot ul li{width:30px;height:30px;text-align: center;display: inline-block;    margin: 0 12px;}
.dot ul li a{width:30px;height:30px;border-radius: 50%;border:1px solid #d6a559;display: inline-block;color: #d6a559;line-height: 28px;}
.dot ul li.active a{background-color:#d6a559;color: #fff;}