/*头部样式*/
.sky{width:1920px;position:relative;left:50%;margin-left:-960px;height:30px;background:#333333;line-height:30px;overflow:hidden;}
.sky_con{width:1200px;margin:0 auto;}
.huan{line-height:30px;color:#ffffff;font-size:14px;float:left;}
.k1{float:right;line-height:30px;color:#ffffff;font-size:14px;}
.k1 a{color:#ffffff;font-size:14px;}
.out{width:1200px;margin:0 auto;height:98px;overflow:hidden;}
.logo{float:left;margin-top:10px;}

/*热门搜索*/
.search{float:left;margin-left:20px;margin-top:15px;}
#formsearch{float:left;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;display:block;margin-top:8px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:32px;background:#fff;border:1px solid #666666;line-height:32px;float:left;border-right:none;width:215px;}
#formsearch input#keyword{height:32px;line-height:32px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:70px;height:34px;line-height:34px;text-align:center;color:#fff;border:none;cursor:pointer;background:url(../images/ss.png) no-repeat center top;height:34px;}

.zax{float:left;color:#333333;font-size:14px;margin-left:40px;margin-top:30px;}
.k2{color:#f7a500;font-size:24px;font-family:"微软雅黑";float:right;margin-top:20px;}


/*在线留言*/
.yan{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/yan.png) no-repeat center top;height:112px;overflow:hidden;}
.message2{width:696px;margin:0 auto;margin-top:10px;}
.left_1{width:300px;float:left;}
.bg{float:left;margin-bottom:8px}
.ming{color:#333333;font-size:14px;float:left;line-height:32px;}
.bn{float:left;margin-left:10px;}
.bn #name{border:none;width:280px;height:32px;line-height:32px;background:#fff;padding-left:0px;}
.bn #contact{border:none;width:280px;height:32px;line-height:32px;background:#fff;padding-left:0px;}
.bn #content{border:none;width:280px;height:32px;line-height:32px;background:#fff;margin-top:0px;padding:0px;}
.m_labelx{position:absolute;width:160px;text-align:left;line-height:32px;padding-left:8px;color:#333;z-index:1;cursor:text;font-size:14px;}
.tj .msgbtn{float:left;margin-left:60px;width:160px;height:40px;background:#ff7985;color:#fff;text-align:center;border:none;border-radius: 6px}

.cz .msgbtn1{float:right;margin-left:8px;width:160px;height:40px;background:#ff7985;color:#fff;text-align:center;border:none;border-radius: 6px}

.right_1{width:300px;float:left;margin-left:10px;}

.message2 .msgbtn2{width:71px;height:71px;background:url(../images/zx.png) no-repeat center;float:right;margin-top:2px;}




/*逸静隔音窗产品*/
.c1{width:1200px;margin:0 auto;margin-top:70px;}
.tt1{text-align:center;}
.cps{display:block;width:1008px;height:50px;border:1px solid #666666;margin:0 auto;margin-top:30px;position: relative;}
.sortx li{float:left;color:#333333;font-size:14px;width:126px;text-align:center;}
.sortx li a{color:#333333;font-size:14px;line-height:50px;text-align:center;}
.sortx li:hover{background:#f7a500;}
.sortx li:hover a{color:#fff;}
.mms a{position:absolute;right:10px;line-height:50px;color:#333333;font-size:14px;}
.mms a:hover{color:#f7a500;}



.pro_list{display:block;margin-top:45px;}
.pro_list li{
	margin:0 9px;
    float: left;
    position: relative;
    margin-bottom: 28px;
    overflow: hidden;
}
.pro_list li a.img{
	display: block;	width: 382px;
    height: 302px;
	
}
.pro_list li a.img img{
	width: 382px;
    height: 302px;
}

.pro_list li h3{
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
}
.pro_list li h3 a{
	display: block;
	font-weight: normal;
	text-align: center;
	color: #666666;
    font-size: 14px;
    line-height: 40px;
}
.pro_list li .project-intro {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.pro_list li .project-intro:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 70px;
  background:url(../images/h3.png) no-repeat center;
    
    opacity: 0;
    transform: scale(0);
    transition: all .5s ease;
    
}
.pro_list li .project-intro .intro-box{
    opacity: 0;
    transform: translateY(-20px);
    transition: all .5s ease;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
}
.pro_list li .project-intro h4.project-title{
    text-align: center;
    font-size: 22px;
    font-weight:normal;
    color: #fff !important;
    padding-top:104px;
    padding-bottom: 15px;
}

.pro_list li .project-descr{
    text-align: center;
    border:1px solid #fff;
    color: #fff;
    width:123px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;margin-top:140px;
    font-size: 14px;
    border-radius:15px;
}
.pro_list li:hover{
    cursor: pointer;
}
.pro_list li:hover .project-intro:after{
    opacity: 1;
    transform: scale(1)
}
.pro_list li:hover .project-intro .intro-box {
    opacity: 1;
    transform: translateY(0);
}
.pro_list li .bbt{background:url(../images/hh.png) no-repeat center top;height:70px;line-height:70px;display:block;text-align:center;color:#333333;font-size:14px;}

.pro_list li .bbt a{color:#333333;font-size:14px;}




/*广告图片*/
.advs{width:1920px;position:relative;left:50%;margin-left:-960px;margin-top:80px;}




/*逸静隔音窗的4大优势 给您不一样的体验*/
.c2{width:1200px;margin:0 auto;margin-top:80px;}
.entt{color:#333333;font-size:14px;text-align:center;font-weight:normal;width:650px;margin:0 auto;margin-top:10px;}
.ys1{width:1200px;margin:0 auto;margin-top:20px;}
.zb{background:url(../images/z.png) no-repeat center top;width:674px;height:507px;float:left;}
.dd1{margin-top:30px;}
.dd{width:638px;height:222px;background:#f2f2f2;margin-left:1px;position:relative;overflow: hidden;display:block;}
.dd:hover{background:#f7a500;}
.dtt{color:#333333;font-size:18px;font-weight:normal;background:url(../images/x1.png) no-repeat left bottom;height:65px;margin-top:50px;margin-left:35px;}
.dtt span{display:block;color:#666666;font-size:14px;text-transform:uppercase;line-height:35px;}
.dd:hover .dtt{color:#fff;background:url(../images/x2.png) no-repeat left bottom}
.dd:hover .dtt span{color:#fff;}
.yn{display:block;color:#333333;font-size:14px;margin-top:20px;margin-left:35px;width:465px;line-height:26px;}
.dd:hover .yn{color:#fff;}

.sz1{width:39px;height:43px;background:url(../images/1.png) no-repeat;position:absolute;right:25px;top:82px;}
.dd:hover .sz1{background:url(../images/11.png) no-repeat;}

.sz2{width:48px;height:43px;background:url(../images/2.png) no-repeat;position:absolute;right:25px;top:82px;}
.dd:hover .sz2{background:url(../images/22.png) no-repeat;}


.tps{width:526px;height:444px;overflow:hidden;float:right;margin-top:30px;}


.ys2{width:1200px;margin:0 auto;margin-top:0px;}
.tps2{width:526px;height:444px;overflow:hidden;float:left;}
.yb{background:url(../images/y.png) no-repeat center top;width:674px;height:504px;float:right;margin-top:-33px}
.dd3{margin-top:30px;margin-left:35px;}
.dd4{margin-left:35px;}

.sz3{width:48px;height:43px;background:url(../images/3.png) no-repeat;position:absolute;right:25px;top:82px;}
.dd:hover .sz3{background:url(../images/33.png) no-repeat;}

.sz4{width:48px;height:43px;background:url(../images/4.png) no-repeat;position:absolute;right:25px;top:82px;}
.dd:hover .sz4{background:url(../images/44.png) no-repeat;}








/*逸静隔音窗案例*/
.c3{width:1200px;margin:0 auto;margin-top:70px;}
.mm1{color:#333333;font-size:14px;text-align:center;display:block;margin-top:5px;}
.mm1 a{color:#333333;font-size:14px;text-transform:uppercase;}

.chan{text-align:center;position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:45%;width:74px;height:74px;}
.l_btn{left:-80px;background:url(../images/left.png) no-repeat center;}
.r_btn{right:-80px;background:url(../images/right.png) no-repeat center;}

.l_btn:hover{background:url(../images/left2.png) no-repeat center;}
.r_btn:hover{background:url(../images/right2.png) no-repeat center;}



#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.pro_list2{display:block;margin-top:35px;}
.pro_list2 li{
	margin:0 9px;
    float: left;
    position: relative;
    margin-bottom: 52px;
    overflow: hidden;
}
.pro_list2 li a.img{
	display: block;	width: 288px;
    height: 228px;
	
}
.pro_list2 li a.img img{
	width: 288px;
    height: 228px;
}

.pro_list2 li h3{
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
}
.pro_list2 li h3 a{
	display: block;
	font-weight: normal;
	text-align: center;
	color: #666666;
    font-size: 14px;
    line-height: 40px;
}
.pro_list2 li .project-intro2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.pro_list2 li .project-intro2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:53px;
  background:url(../images/hhx.png) no-repeat center; 
    opacity: 0;
    transform: scale(0);
    transition: all .5s ease;
    
}
.pro_list2 li .project-intro2 .intro-box2{
    opacity: 0;
    transform: translateY(-20px);
    transition: all .5s ease;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
}
.pro_list2 li .project-intro2 h4.project-title2{
    text-align: center;
    font-size: 22px;
    font-weight:normal;
    color: #fff !important;
    padding-top:104px;
    padding-bottom: 15px;
}

.pro_list2 li .project-descr2{
    text-align: center;
    border:1px solid #fff;
    color: #fff;
    width:123px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;margin-top:105px;
    font-size: 14px;
    border-radius:15px;
}
.pro_list2 li:hover{
    cursor: pointer;
}
.pro_list2 li:hover .project-intro2:after{
    opacity: 1;
    transform: scale(1)
}
.pro_list2 li:hover .project-intro2 .intro-box2 {
    opacity: 1;
    transform: translateY(0);
}
.pro_list2 li .bbt2{background:url(../images/h2.png) no-repeat center top;height:53px;line-height:53px;display:block;text-align:center;color:#333333;font-size:14px;}

.pro_list2 li .bbt2 a{color:#333333;font-size:14px;}



/*逸静隔音窗服务流程*/
.c4{width:1200px;margin:0 auto;margin-top:60px;}
.ser_con{width:1200px;margin:0 auto;margin-top:40px;background:url(../images/zy.png) no-repeat 50% 28%;}
.ser_con li{float:left;margin-left:18px;margin-right:18px;margin-bottom:20px;_display:inline;}
.ser_con li a.img{}
.ser_con li a.img img{width:135px;height:135px;}
.ser_con li h3{padding-top:5px;}
.ser_con li a{color:#333333;font-size:16px;font-weight:normal;text-align:center;display:block;line-height:40px;}
.ser_con li span{text-align:center;padding-top:5px;width:135px;display:block;color:#333333;font-size:14px;}

.ser_con li a.img{display:block;}
.ser_con li a.img:hover{border-color:#f7a500;}


/*关于我们*/
.c5{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/c5.png) no-repeat center top;height:341px;overflow:hidden;margin-top:65px;}
.c5_con{width:1200px;margin:0 auto;}

#focus {position:relative;width:424px;height:312px;overflow: hidden;float:left;}
#focus ul {width:424px;height:312px;position:absolute;}
#focus ul li {float:left;width:424px;height:312px;overflow:hidden;position:relative;background:#000;}
#focus ul li a img{width:424px;height:312px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .preNext {width:23px; height:40px; position:absolute; top:120px; cursor:pointer;z-index:9999;}
#focus .pre {left:0; background-position:right top;}
#focus .next {right:0; background-position:left top;}

#focus .btnBg {position:absolute; width:424px; height:48px; left:0; bottom:0;background:#000; }
#focus .btn {position:absolute; height:10px;right:80px; padding:10px 10px; right:0; bottom:10px; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; _font-size:0; margin-left:12px; cursor:pointer; background:#fff;border-radius: 10px;}
#focus .btn span.on {background:#f7a500;}
#focus .btn span.span_hover{background:#f7a500;}

.abnrs{width:665px;height:160px;overflow:hidden;color:#333333;font-size:14px;float:right;margin-right:30px;line-height:27px;margin-top:140px;}
.abnrs a{text-transform:uppercase;}



/*公司环境展示*/
.c6{width:1200px;margin:0 auto;margin-top:80px;}

/*逸静隔音窗的资讯*/
.news{width:1200px;margin:0 auto;margin-top:60px;}
.news_company{width:355px;margin-right:67px;}
.news1_title{font:400 20px/50px "微软雅黑";color:#333333;position:relative;}
.news1_title span{padding-left:12px;color:#666666;font-size:16px;text-transform:uppercase;}
.news1_title a{position:absolute;right:0;top:0;color:#333333;font-size:16px;}
.news_company .content{padding-top:20px;}
.atitle{color:#333333;font-size:20px;line-height:40px;position:relative;font-weight:400;background:url(../images/atitle.png) no-repeat 0% 100%;padding-left:10px;font-weight:bold;border-bottom: 1px solid #d3c5bb}
.atitle span{padding-left:10px;font-size:16px;text-transform:uppercase;color:#666666;font-weight:normal;}
.atitle a{position:absolute;right:15px;top:0;font-size:16px;color:#666666;font-weight:normal;text-transform:uppercase;}

.news_list2 li{border-bottom:1px dashed #e2e2e2;}
.news_list2 li a{line-height:27px;padding-left:22px;line-height:45px;font-size:14px;background:url(../images/ndot.jpg) no-repeat 0% 50%;display:block;color:#666666;}
.news_list2 li a:hover{color:#f7a500;}



.news_list3 li{position:relative;padding:8px 0 12px;border-bottom:1px dashed #e3e3e3;}
.news_list3 li a{line-height:30px;padding-left:38px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;color:#333333;}
.news_list3 li a:hover{text-decoration:none;color:#f7a500;}
.news_list3 span{background: url(../images/da.png) left 3px no-repeat;padding-left:38px;font:400 12px/20px "微软雅黑";margin-top:5px;color:#999999;display:block}


#ydemo{overflow:hidden;margin:0 auto;position:relative;height:580px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}







/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:25px;color:#8e8e8e;font-size:14px;line-height:25px;}
.f_link a{color:#8e8e8e;font-size:14px;line-height:25px;}
/*页面底部*/
.ffs{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/ffs.png) no-repeat center top;height:360px;margin-top:45px;}
#footer{position:relative;width:1200px;margin:0 auto;margin-bottom:10px;padding-top:35px;}
#footer a{}
#footer a:hover{color:#f7a500;text-decoration:none;}





.nav_foot{text-align:left;width:230px;float:left;}
.dts{color:#d8d8d8;font-size:16px;font-weight:normal;width:230px;border-bottom:1px solid #676767;line-height:40px;}
.dnrs{color:#8e8e8e;font-size:14px;line-height:25px;margin-top:25px;}
.dnrs a{color:#8e8e8e;font-size:14px;line-height:25px;}


.cc2{width:370px;float:left;margin-left:40px;}
.dts2{color:#d8d8d8;font-size:16px;font-weight:normal;width:370px;border-bottom:1px solid #676767;line-height:40px;}


.cc3{width:280px;float:left;margin-left:40px;}
.dts3{color:#d8d8d8;font-size:16px;font-weight:normal;width:280px;border-bottom:1px solid #676767;line-height:40px;}



.cc4{width:200px;float:right;}
.dts4{color:#d8d8d8;font-size:16px;font-weight:normal;width:200px;border-bottom:1px solid #676767;line-height:40px;}



.copyright{text-align:left;width:580px;float:left;color:#8e8e8e;font-size:14px;line-height:25px;margin-top:15px;}
.copyright a{color:#8e8e8e;font-size:14px;line-height:25px;}


.copyright2{float:right;color:#8e8e8e;font-size:14px;line-height:25px;margin-top:15px;}
.copyright2 a{float:right;color:#8e8e8e;font-size:14px;line-height:25px;}

.xxs{width:1200px;margin:0 auto;height:45px;border-bottom:1px solid #4a4a4a}





#header{width:1000px;margin:0 auto;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}




/*模拟select弹出框*/
.searchs {position:relative;
    display: inline-block;z-index:99999;
    float: left;width:100px;border: 1px solid #c8c8c8;margin-right: 5px;line-height:22px;text-align:center;color:#000;height:22px;
}
.option_g {
    display: none;border: 1px solid #c8c8c8;border-top:none;background:#fff;
}

.option_g li{color:#fff;font-size:12px;line-height:22px;color:#000;}
.option_g li:hover{background:#3480ce;color:#fff;}











/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}



/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}






/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#f7a500;font-size:14px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position:relative;left:50%;margin-left:-960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#f7a500;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;color:#fff;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;color:#fff;}
.sitemp .site a{color:#fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}