@CHARSET "UTF-8";
.pos{width:1920px;position:relative;left:50%;margin-left:-960px;}

/*头部样式*/
.sky{background:#f5f5f5;line-height:41px;color:#666666;font-size:14px;}
.nsky{width:1200px;margin:0 auto;}
.sky a{color:#666;}
.k1 a{padding:0 5px;}
.k2 p span em {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: 34px;
    padding-top: 3px;
    font-weight: bold;
}

.th_index_zc .th_title .f-fr h1 {
    text-align: right;
}
.th_index_zc {
    width: 100%;
    background: url(../images/th_bg_01.jpg) no-repeat left top;
	height:auto; overflow:hidden;
    padding-top: 83px;
}
.th_index_zc .th_wraper {
    position: relative; margin-left:auto; margin-right:auto;
    width: 1200px; height:870px; overflow:hidden;
}

.th_index_zc .th_title .f-fl {
    width: 50%;
    position: relative;
    font-size: 18px; padding-left:0px; background-image:none;
}
.th_index_zc .th_title .f-fl h1 {
    font-size: 48px;
    color: white;
    line-height: 60px;
}
.th_index_zc .th_title .f-fl p {
    font-size: 24px;
    padding-top: 23px;
    color: white; font-weight:normal;
}
.th_index_zc .th_title .f-fl:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 40px;
    width: 1px;
    height: 144px;
    background-color: #6a6663;
}
.th_index_zc .th_title .f-fr {
    width: 580px; padding-right:20px;
}
.th_index_zc .th_title .f-fr .th_list {
    padding-left: 20px;
}
.th_index_zc .th_title .f-fr h1{ font-size:18px; font-weight:normal;}
.th_index_zc .th_title .f-fr h1 a:link,.th_index_zc .th_title .f-fr h1 a:active,.th_index_zc .th_title .f-fr h1 a:visited{ color:#ffffff;}
.th_index_zc .th_title .f-fr h1 a:hover{ color:#ff6600;}
.th_index_zc .th_title .f-fr .th_list li {
    float: left;
    width: 50%;
    margin-top: 20px;
    color: white;
    font-size: 22px;
    color: white;
}
.th_index_zc .th_title .f-fr .th_list li span {
    display: inline-block;
    width: 41px;
    height: 42px;
    margin-right: 10px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    background: url(../images/th_l.png) no-repeat;
}



.pager {
    padding: 3px;
    text-align: center;
    color: #66C;
    font-size: 12px;
    font-family: Tahoma;
}
.pager span.disabled {
    margin: 0 2px;
    padding: 2px 5px;
    color: #CCC;
    border: 1px solid #DDD;
}.pager span.current {
    font-weight: bold;
    margin: 0 2px;
    padding: 2px 5px;
    color: #fff;
    background-color: #66C;
    border: 1px solid #009;
}
.pager a {
    margin: 2px;
    padding: 2px 5px;
    color: #66C;
    text-decoration: none;
    border: 1px solid #aad;
}
.pager select {
    margin: 0px 2px -2px 2px;
    color: #66C;
    font-size: 12px;
    font-family: Tahoma;
}

#header{width:1200px;margin:0 auto;height:145px;overflow:hidden;}
.top{}
.logo{float:left; padding-top:39px; display:block;}
.twz{padding-left:8px;margin-left:8px;background: url(../images/x1.png) no-repeat left center;color:#222222;font-size:24px;line-height:30px;margin-top:46px;height:65px;}
.twz p:nth-child(2){font-weight:bold;color:#ff6600;font-size:26px; line-height:45px;}

.k2{background: url(../images/tel.jpg) no-repeat left center;padding-left:60px;line-height:29px;margin-top:35px;color:#585858;font-size:14px;}
.k2 p:nth-child(2){font-weight:bold;color:#2a2a2a;font-size:24px;letter-spacing:0;}


.topLink{width:400px;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;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}


@font-face {
	font-family: 'constan';
    src:url('../fonts/constan.ttf') format('truetype');
}


/*热门搜索*/
.ss{height:57px;background:#f2f2f2;}
.search{}
#formsearch{width:282px;float:right;height:32px;background: url(../images/ss.png) no-repeat;margin-top:14px;}
.hotSearch{float:left;height:75px;line-height:5;font-weight:normal;color:#000000;font-size:14px;}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px; margin-bottom:30px;}
.container{width:1200px;margin:0 auto;}
.wh{width:1200px;margin:0 auto; height:auto; overflow:hidden;}



.box1{margin-top: 31.5%;}
.sj{text-align:center;font-size:0;}
.sj li{display:inline-block;width:239px;height:255px;position:relative;}
.sj li+li{border-left:1px solid #f2f2f2;}
.sj li h3{color:#333333;font-size:55px;font-weight:normal;line-height:45px;padding-top:91px;}
.sj li i{font-style:normal;font-size:25px;position:absolute;left:150px;top:70px;font-weight:bold;}
.sj li:nth-child(1) i{font-style:normal;font-size:25px;position:absolute;left:166px;top:70px;font-weight:bold;}
.sj li span{color:#333333;font-size:18px;margin-left:10px;}
.sj li h4{color:#858585;font-size:14px;font-weight:normal;}

.amore{
    display: block;
    margin-top: 30px;
    padding-left: 40px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: 127px center;
    background-size: 8px;
    background-image: url(../images/more-jian.png);
    background-color: #ff6600;
    color: #fff;
    font-size: 16px;
    transition-delay: 1s;
    transition: all 0.3s;
    transition-delay: 1s;}
.amore a:link,.amore a:hover,.amore a:active,.amore a:visited{ color:#ffffff;}
.box2{height:547px; }
.video{width:567px;height:376px;margin-top:100px;}
.about{width:578px;margin-top:93px;}
.abtt{color:#ff6600;font-size:45px;}
.abtt p{color:#353535;font-size:30px;font-weight:normal;}
.av{color:#231815;font-size:15px;line-height:32px;margin-top:20px;text-align:justify;}
.about h4{color:#2f2f2f;font-size:18px;margin-top:20px;float:right;}
.about h4 img{margin-right:9px;}

.box3bg{ background-image:url(../images/ys-bg.jpg); background-position:center top; background-repeat:no-repeat; width:100%; height:auto; overflow:hidden;}
.box3{height:150px;padding-top:68px; }
.bt{color:#ff6600;font-size:45px;text-align:center;}
.bt p{color:#fff;font-size:20px;font-weight:normal;}

.th_title{ width:1200px; margin:0 auto; display:block; height:auto; overflow:hidden;}
.box4{background:#212121;height:600px;overflow:hidden;}
.th_title .f-fl {
    font-size: 45px; font-weight:bold; color:#ff6600;
    text-align: left;
    background: url(../images/x3.png) no-repeat left top;
    padding-left: 20px;
}
.th_title .f-fl em {
    font-family: arial;
    font-size: 24px;
    color: white;
}
.f-fl {
    float: left;
    display: inline;
}
.f-fr {
    float: right;
    display: inline;
}
.th_title .f-fr {
    font-size: 18px;
    color: #666;
    padding-top: 20px;
}
#yse {
    height: 600px;
    width: 1200px;margin:0 auto;
}

#yse li {
    width: 240px;
    height:600px;
    overflow: hidden;
    position: relative;
}

#yse li img {
    width: 240px;
    height: 600px;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
}


#yse li div {
    position: absolute;
    bottom:200px;
    left: 0;
    z-index: 10;
    width:100%;
    height:88px;
    opacity: 0;
}

#yse li div p {
    text-align:center;
    line-height: 24px;
    letter-spacing: 0px;color:#fff;font-size:18px;line-height:30px;
}


#yse li h3 {
    position: absolute;color:#ffffff;font-size:40px;
    top:163px;
    left: 50%;
    margin-left:-47.5px;width:95px;line-height:50px;
    z-index:99999;text-align:center;
}

#yse li.actives div {
    opacity: 1;
}

#yse li.actives {
    width: 480px;
    height:600px;
}

#yse li.actives>h3 {
    z-index:9999;
}

#yse li.actives img {
    opacity: 1;width: 480px;
    height:600px;
}


#yse li.actives h3 {
    transition: 0.2s ease 0s;
}

#yse li div,
#yse li,
#yse li img {
    transition: 0.5s ease 0.1s;
}


.footWrap {
    background: url(../images/f_bg.jpg) repeat-x center top;
    height: 254px;
    overflow: hidden;
    padding-top: 52px;
}
.header,  .footer {
    width: 1200px;
    margin: 0 auto;
}
.fa_con .a_01 a.b0 img {
    width: 571px;
    height: 70px; padding-bottom:15px;
}
.fa_con ul{ vertical-align:top;}
.fa_con .a_01 {
    width: 621px;
    float: left;
    background: url(../images/line2.jpg) no-repeat right top;
}
.fa_con {
    overflow: hidden;
    height: 200px;
    border-bottom: 1px solid #3f3f3f;
    p: ;
}
.fa_con .a_01 .b1 {
    font-size: 22px;
    color: #fff;
    background: url(../images/icon1.jpg) no-repeat left center;
    margin-bottom: 16px;
    font-family: arial;
    text-indent: 20px;
    margin-left: 24px;
}

.fa_con .a_01 .b2 {
    font-size: 12px;
    color: #fff;
    background: url(../images/icon2.jpg) no-repeat left center;
    margin-bottom: 0px;
    font-family: arial;
    text-indent: 20px;
    margin-left: 24px;
}
.fa_con .a_02 {
	width: 367px;
	float: left;
	color: #fff;
	line-height: 28px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 48px; background: url(../images/line2.jpg) no-repeat right top;
}
.fa_con  h2 {
    font-size: 18px; line-height:30px; padding-bottom:20px; color:#ffffff;
}
.fa_con h2 a:link,.fa_con h2 a:hover,.fa_con h2 a:active,.fa_con h2 a:visited{color:#ffffff;}
.fa_con .a_02 li a {
    color: #aaa;
    width: 122px;
}
.fa_con li a:link,.fa_con li a:hover,.fa_con li a:active,.fa_con li a:visited{ color:#aaaaaa;}
.fa_con .a_02 li {
    float: left;
    width: 122px;
}
.fa_con .a_05 a img {
    width: 107px;
    height: 107px;
    transition: all 0.3s;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.wenzi {
    height: 53px;
    line-height: 53px;
    color: #fff;
    overflow: hidden;
    font-size: 12px;
}
.wenzi a:link,.wenzi a:hover,.wenzi a:active,.wenzi a:visited{    color: #fff;}
.fa_con .a_03 {
    width: 82px;
    padding-right: 51px;
    float: left;
    color: #fff;
    line-height: 28px; padding-bottom:16px;
}
.fa_con .a_04 {
    width: 82px;
    height: 185px;
    padding-right: 60px;
    float: left;
    color: #fff;
    line-height: 28px;
    
}


.fa_con .a_03 li {
    float: left;
    width: 72px;
}
.fa_con .a_04 li {
    float: left;
    width: 72px;
}
.fa_con .a_05 {
    width: 107px;
    float: right;
    color: #aaa;
    line-height: 30px;
}


.fa_con .a_05 a {
    width: 107px;
    margin-right: 35px;
    float: left;
    text-align: center;
}

.fa_con .a_05 a span {
    width: 107px;
    color: #aaa;
    padding-top: 5px;
    height: 10px;
    display: block;
    font-size: 14px;
}

.box5{height:auto; min-height:770px;padding-top:50px; background-color:#efefef; /*margin-top: 31.5%;*/ padding-bottom:50px;}
.box5 .cont{margin-top:44px;}
.pwz{color: #ff6600;
    font-size: 48px;
    text-align: left; background: url(../images/x3.png) no-repeat left bottom; padding-left:20px;}
.pt1{color:#ff6600;font-size:45px; font-weight:bold;}
.pt2{color: #353535;
    font-size: 22px; font-weight:normal;}
.sortt2{width:1200px; clear:both; margin-top:15px;}
.sortt2 li{float:left;line-height:42px;width:150px; border:solid 1px #e3e2e2; margin-right:15px; text-align:center; background-color:#ffffff; margin-bottom:10px;}
.sortt2 li a{color:#262626;font-size:18px;font-weight:bold; display:block; width:150px;}
.sortt2 li a:hover{ background-color:#ff6600; color:#ffffff;}
.box5 .cont2{margin-top:49px;position:relative;}
.lb,.rb{position:absolute;top:248px;cursor:pointer;width:46px;height:24px;z-index:99999;}
.lb{left:-26px;}
.rb{right:-26px;}
.product_listt{}
.product_listt li{position:relative;float:left;margin:0 15px;}
.product_listt li .img{width:368px;height:368px;}
.product_listt li .img img{width:368px;height:368px;}
.product_listt li h3{width:368px;height:80px;line-height:80px;display:block;overflow:hidden;color:#313131;font-size:16px;text-indent:21px;font-weight:bold;background: url(../images/st2.png) no-repeat;}
.product_listt li:hover h3{background: url(../images/st1.png) no-repeat; background-image:url(../images/st1.png); color:#fff;}
.product_listt li h2{background: url(../images/hot.png) no-repeat;width:55px;height:60px;position:absolute;left:0;top:0;}

 

.box6{margin-top:75px;}
.sortt3{float:right;margin-top:13px;}
.sortt3 li{float:left;background:#313131;width:170px;line-height:50px;height:50px;overflow:hidden;text-align:center;}
.sortt3 li+li{margin-left:8px;}
.sortt3 li a{color:#fff;font-size:18px;font-weight:bold;}
.sortt3 li:hover{background:#ff6600;}
.box6 .cont{margin-top:75px;}
.jjfa{width:772px;}
.jjfa li{}
.jjfa li .img img{width:772px;height:566px;}
.jjfa li .det{width:645px;float:left;}
.jjfa li h3{color:#2f2e2e;font-size:18px;font-weight:bold;margin-top:34px;}
.jjfa li .nei{color:#757575;font-size:14px;line-height:28px;height:56px;overflow:hidden;margin-top:18px;}
.jjfa li .mo{height:80px;background: url(../images/x4.png) no-repeat left center;float:right;margin-top:38px;color:#2f2e2e;font-size:30px;padding-left:24px;padding-top:23px;}
.jjfa li .mo p{color:#2f2e2e;font-size:14px;margin-left:5px;}


.jjfa2{width:380px;float:right;}
.jjfa2 li{width:380px;text-align:center;}
.jjfa2 li .img img{width:380px;height:268px;}
.jjfa2 li h3{height:60px;line-height:60px;display:block;overflow:hidden;color:#fff;font-size:18px;font-weight:bold;background:#ff6600;}
.jjfa2 li+li{margin-top:45px;}







.box7{background: url(../images/bj7.png) no-repeat;height:792px;padding-top:70px;margin-top:108px;}

.tabli{position:relative;margin-top:48px;text-align:center;overflow:hidden;}
.tabli li{float:left;width:300px;text-align:center;cursor:pointer;height:172px;}
.tabli li .img{width:86px;height:86px;line-height:86px;margin:0 auto;}
.tabli li .img img{line-height:86px;margin:0 auto;}
.tabli li h2{color:#fff;font-size:24px;}
.tabli li h3{color:#7c7c7c;font-size:12px;text-transform:uppercase;font-weight:normal;}
.tabli li.cur{background:url(../images/jt.png) no-repeat center bottom;}
.tabli li.cur .img{background:url(../images/bg.png) no-repeat;}

.tab{margin-top:41px;height:464px;overflow:hidden;display:none;}
.tab.clicked{display:block;}
.tab li{}
.tab li .img{width:648px;height:464px;}
.tab li .det{width:495px;margin-top:65px;}
.tab li h3{font-weight:normal;color:#343434;font-size:58px;}
.tab li h2{color:#2a2a2a;font-size:24px;}
.tab li .wz{color:#3a3939;font-size:14px;line-height:31px;height:93px;overflow:hidden;margin-top:20px;}
.tab li h4{float:left;color:#ff6600;font-size:39px;font-weight:normal;margin-right:19px;height:50px;line-height:50px;margin-top:25px;}
.tab li h4 span{color:#202020;font-size:18px;margin-left:4px;}
.tab li h4+h4{background:url(../images/x5.png) no-repeat left center;padding-left:19px;}




.box8{background: url(../images/bj8.png) no-repeat;height:781px;padding-top:85px;}
.cwz{margin-top:13px;}
.ctt{color:#ff6600;font-size:45px;line-height:45px;}
.ctt p{color:#353535;font-size:22px;font-weight:normal;}
.sortt33{float:right;}
.sortt33 li{float:left;width:159px;height:88px;overflow:hidden;text-align:center;color:#c7c7d4;font-size:12px;text-transform:uppercase;padding-top:12px;}
.sortt33 li+li{background: url(../images/x6.png) no-repeat left center;}
.sortt33 li a{display:block;color:#c7c7d4;}
.sortt33 li h2{color:#090909;font-size:24px;font-weight:bold;margin-top:8px;}
.sortt33 li:hover { background-color:#ff6600;}
.sortt33 li:hover a{color:#fff;}
.sortt33 li:hover h2{color:#fff;}

.ads22{margin-top:45px;}
.ads22 li{width:575px;float:left; height:620px; overflow:hidden;}
.ads22 li:nth-child(2){float:right;}
.ads22 li .img{width:575px;height:420px;margin:0 auto;padding-top:7px;}
.ads22 li img{width:554px;height:412px;display:block;}
.ads22 li .det{}
.ads22 li .nei{width:554px;}
.ads22 li h3{color:#333333;font-size:18px;margin:24px 0 18px;}
.ads22 li span{color:#4c4c4c;font-size:14px;display:block;line-height:28px;height:84px;overflow:hidden;}
.ads22 li h2{width:39px;height:74px;float:right;background: url(../images/mm1.png) no-repeat;margin-top:33px;margin-right:18px;}



.box9{
	padding-top: 72px;
	padding-right: 0;
	padding-bottom: 62px;
	padding-left: 0;
}
.box9 .cont{margin-top:37px;position:relative;}
.lb2,.rb2{position:absolute;top:146px;cursor:pointer;width:62px;height:62px;z-index:99999;}
.lb2{left:0px;}
.rb2{right:0px;}
.product_listt2{padding:20px 0;}
.product_listt2 li{position:relative;float:left;margin:0 14px;box-shadow: 4.092px 4.388px 16px 0px rgba(0, 0, 0, 0.24);}
.product_listt2 li .img{width:245px;height:336px;}
.product_listt2 li .img img{width:245px;height:336px;}


.box10{padding-top:55px; background-color:#efefef; padding-bottom:50px;}
.xin1{width:410px;}
.xtt{height:170px;color:#fff;font-weight:bold;text-align:center;background: url(../images/xt.png) no-repeat;font-size:45px;padding-top:41px;}
.xtt p{font-size:22px;font-weight:normal;margin-top:5px;}
.xint{height:233px;}
.xin2{width:726px;}

.tabli2{position:relative;margin-bottom:50px; margin-top:10px;}
.tabli2 li{width:125px;line-height:46px;text-align:center; background-color:#fffff; border:solid 1px #aaaaaa; color:#333;font-size:20px;cursor:pointer;margin-right:20px;font-weight:bold;float:left;}
.tabli2 li.cur{background:#ff6600; color:#ffffff; border:none;}
.tabli2 a.mo{background: url(../images/x7.png) no-repeat left center;float:right;color:#2f2e2e;font-size:26px;padding-left:12px;position:absolute;right:0;top:0;font-weight:bold;line-height:25px;}
.tabli2 a.mo p{color:#7c7b7b;font-size:14px;}

.tab2{overflow:hidden;display:none;border-top:1px solid #aaaaaa;}
.tab2.clicked{display:block;}
.xlist1{}
.xlist1 li{width:328px;float:left;border-bottom:1px solid #aaaaaa;padding:48px 0 38px;padding-left:15px;padding-right:20px;}
.xlist1 li:nth-child(2n){float:right;}
.xlist1 li .time{width:80px;text-align:center;color:#b7b7b7;font-size:54px;font-family:"Arial";line-height:40px;background: url(../images/x8.png) no-repeat right center;float:left;padding-top:5px;height:70px;}
.xlist1 li .time p{color:#b7b7b7;font-size:15px;font-family:"Arial";line-height:16px;margin-top:12px;}
.xlist1 li .det{float:right;width:230px;}
.xlist1 li h3{color:#2a2a2a;font-size:16px;height:20px;overflow:hidden;}
.xlist1 li span{color:#7c7c7c;font-size:14px;line-height:25px;height:50px;overflow:hidden;margin-top:10px;display:block;}


.news_listx li{border-bottom:1px solid #aaaaaa;padding:12px 0 12px;padding-left:15px;padding-right:20px; height:80px;} 
.news_listx li .time{width:80px;text-align:center;color:#b7b7b7;font-size:54px;font-family:"Arial";line-height:40px;background: url(../images/x8.png) no-repeat right center;float:left;padding-top:10px;height:70px;}
.news_listx li .time p{color:#b7b7b7;font-size:15px;font-family:"Arial";line-height:16px;margin-top:12px;}
.news_listx li .det{float:right;width:780px;}
.news_listx li h3{color:#2a2a2a;font-size:16px;height:32px;overflow:hidden;}
.news_listx li span{color:#7c7c7c;font-size:14px;line-height:25px;height:50px;overflow:hidden; display:block;}


.kk{line-height:75px;color:#2a2a2a;font-size:14px;}
.kk a{color:#2a2a2a;}








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

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_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;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.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;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.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;}







/*页面底部*/
.box11{background:url(../images/foot.jpg) no-repeat;height:89px;overflow:hidden;padding-top:246px; clear:both;}
.into{color:#ffffff;font-size:30px;text-align:center;width:206px;line-height:89px;}
.into span{margin-left:35px;}
.into2{color:#ffffff;font-size:30px;width:249px;margin-left:48px;}
.into2 .sz{color:#ff6600;font-size:54px;line-height:89px;}
.into2 .sz2{color:#fff;font-size:24px;margin-left:7px;line-height:22px;margin-top:27px;}
.into2 .sz2 p{color:#9a9a9a;font-size:12px;}
.into3{color:#fff;font-size:16px;width:240px;margin-left:46px;line-height:89px;}
a.am{display:inline-block;color:#fff;font-size:14px;border:1px solid #bfbfbf;margin-right:35px;float:right;width:197px;line-height:30px;text-align:center;margin-top:28px;}



.foot{background:#3a3a3a;border-bottom:1px solid #474747;padding-bottom:40px;}
.lx{width:518px;color:#fff;font-size:14px;line-height:45px;margin-top:35px;}
.lx p{padding-left:46px;color:#fff;}
.lx p:nth-child(1){background:url(../images/1.png) no-repeat left center;}
.lx p:nth-child(2){background:url(../images/2.png) no-repeat left center;}
.lx p:nth-child(3){background:url(../images/3.png) no-repeat left center;}

.sortt24{width:420px;float:left;margin-top:35px;margin-left:80px;}
.sortt24 a{width:114px;color:#fff;font-size:14px;line-height:45px;float:left;}

.wei{margin-top:43px;}

.foot2{background:#3a3a3a;color:#939393;font-size:14px;padding:15px 0;}
.foot2 a{color:#939393;}









/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:41px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:18px;color:#000;}
.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:100%;}
.n_banner img{width:100%;}
.left{width:225px;float:left;}
.sort_menu{}
.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:32px; font-size:14px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{line-height:41px;height:41px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:41px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:18px;}
.sitemp .site{width:480px;float:right;text-align:right;line-height:30px; font-size:14px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 30px; font-size:15px;}
.site a:link,.site a:hover,.site a:active,.site a:visited{ color:#666666;}




/*fea*/
.fea {
}


.fea_con {
    height: 550px;
}

.fea li {
    float: left;
    width: 171px;
    height: 550px;
    position: relative;
    transition: all 0.5s;
}

.fea li b {
    position: absolute;
    font-size: 32px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    top: 160px;
}

.fea li p {
    opacity: 0;
    position: absolute;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    top: 384px;
    transition: all 0.5s;
}

.fea li.cur {
    width: 342px;
}

.fea li.cur p {
    opacity: 1;
    top: 324px;
}





.pro_qie {
    margin-top: 60px;
}

.pro_qie dl {
    width: 796px;
    float: left;
}

.pro_qie dt img {
    display: block;
    width: 796px;
    height: 596px;
}

.pro_qie dd {
    float: left;
    width: 650px;
}

.pro_qie dd h4 a {
    font-size: 18px;
    color: #2f2e2e;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    display: block;
}

.pro_qie dd p {
    width: 650px;
    font-size: 14px;
    color: #757575;
    line-height: 28px;
}

.pro_qie .more {
    display: block;
    width: 120px;
    float: right;
    border-left: 1px solid #eaeaea;
    margin-top: 25px;
    padding: 22px 0;
}

.pro_qie .more span {
    display: block;
    font-size: 30px;
    color: #232323;
    font-weight: bold;
    text-align: center;
}

.pro_qie .more span em {
    display: block;
    font-size: 14px;
    color: #232323;
}

.pro_s .pro_qie .pro_r {
    float: right;
}

.pro_s .pro_qie .pro_r li {
    margin-bottom: 28px;
    width: 380px;
}

.pro_s .pro_qie .pro_r li a img {
    height: 284px;
    width: 380px;
    display: block;
}

.pro_s .pro_qie .pro_r li a span {
    display: block;
    width: 380px;
    height: 60px;
    background: #ff6600;
}

.pro_s .pro_qie .pro_r li a span i {
    padding-top:16px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;font-style:normal;
}





/*左侧工具条*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  top: 15%;
}

#toolbar li {
  margin-bottom: 3px;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #ff6600;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;text-align:center;color:#fff;font-size:14px;line-height:57px;
  background-color: #ff6600;
  position: relative;
  z-index: 99;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewms .ewm-box {
  position: absolute;
  padding: 5px;
  background: #ff6600;
  width: 110px;
  right: 130%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewms .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewms .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewms .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #ff6600;
  border-right: none;
}

#toolbar li.ewms:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewms:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #ff6600;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #ff6600;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}