@charset "utf-8";

/* CSS Document */

/* banner部分 */
.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:660px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{position: absolute;left: 50%;bottom: 30px;width: 400px;margin-left: -200px;text-align: center;z-index: 9999;}
#flashs .btn span {display: inline-block;width: 9px;height: 9px;background: url(../images/banner_icon01.png) no-repeat center;margin: 0 3px;cursor: pointer;}
#flashs .btn span.cur {background: url(../images/banner_icon02.png) no-repeat center;width: 50px;height: 9px;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/*banner结束*/



/* flexslider */

.flexslider{position:relative;height:659px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1;}

.slides li{height:659px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px; background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}









.search_box{ background: url(../images/ss_bg.jpg) center top; height:70px; width:100%;}

.search{ width:1180px; margin:0 auto;}

.search_left{ width:700px; float:left; line-height:70px; color:#fff;}

.search_left a{ color:#fff; margin:0 10px;}

.search_right{ width:308px; float:right;height:40px; background:#fff; margin-top:20px;}





.biao_dan{ padding-left:20px;}

.biao_dan .search1{

   float: left;

background:#FFF;

width:236px;

height:33px; line-height:33px;

padding-left:5px;

border:none;







}

.biao_dan .button1{ background:url(../images/ss_tb.jpg) center no-repeat;

 color: #fff;

float: left;

height: 25px;

width: 24px; cursor:pointer;

border:none; margin-top:5px;}



.search_wen{ color:#FFF; width:320px; margin:0 auto; line-height:24px;}

.search_wen a{ color:#FFF;}





.chanpin_box{ width:1180px; margin:30px auto;}



/*list_box*/



.list_box{ background:#fff; width:256px; float:left; height:860px;-moz-box-shadow:1px 6px 20px #ccc; -webkit-box-shadow:1px 6px 20px #ccc; box-shadow:1px 6px 20px #ccc;}



.list_title{ background:#e28821; height:150px;}

.list_t{ text-align:center; padding-top:40px;}

.list_t a{ color:#FFF; font-weight:bold; font-size:24px;}

.list_t p{ font-family:arial; text-transform:uppercase; font-size:18px; color:#fff;}



.list_nr{ width:228px; margin:20px auto; height:678px; overflow:hidden;}

.list_nr dl dt{ background:url(../images/list_bg1.jpg) no-repeat; height:48px; line-height:48px;}

.list_nr dl dt a{ padding-left:10px; font-size:16px;}



.list_nr dl dd ul li{ background:url(../images/list_bg2.jpg) no-repeat; height:48px; line-height:48px; overflow:hidden;}

.list_nr dl dd ul li a{ padding-left:35px;}

.list_nr dl dd ul li a:hover{color:#e28821;}

.list_nr dl dt:hover{ background:#333;}

.list_nr dl dt:hover a{ color:#FFF;}



.product_box{ width:880px; float:right; height:900px; overflow:hidden;}

.pr_list{ width:300px; margin:0 auto;}

.pr_list ul li{ background:#333; width:150px; line-height:50px; height:50px; text-align:center; float:left;}

.pr_list ul li a{ color:#FFF; font-size:16px;}

.pr_list ul li:hover{ background:#e28821;}





.pr_list ul li a:hover,.pr_list ul li.casehover{background:#e28821;}



.product{ margin-top:0px;}

.product ul li{ width:278px; float:left; display:block; margin:10px 7px;}



.product ul li:hover{-moz-box-shadow:1px 2px 10px #8C8C8C; -webkit-box-shadow:1px 2px 10px #8C8C8C; box-shadow:1px 2px 10px #8C8C8C;}



.pr_tu{ width:278px; height:208px; overflow:hidden;}

.pr_tu img{ width:278px; height:208px;transition: all 0.5s;  transform: scale(1); vertical-align:middle;}

.pr_tu img:hover{transition: all 0.5s; transform: scale(1.1);}



.pr_wen{ background:#333; height:75px; text-align:center;}

.pr_wen a{ color:#FFF; font-size:16px;}

.pr_t1{ padding-top:5px; height:24px; overflow:hidden;}



.pr_t2{ width:30px; line-height:30px; height:30px; text-align:center; border:1px solid #FFF; margin:0 auto;border-radius:50px; margin-top:5px;}

.pr_wen:hover{ background:#e28821;}





.anli_box{ background:url(../images/anli_bg.jpg) no-repeat center top; width:100%; height:670px;}







.youshi_box{ background:url(../images/youshi_bg.jpg) no-repeat center top; height:1144px; width:100%;}









.kehu_nr{ width:1180px; margin:0 auto;}

.kehu{ width:1180px; margin:0 auto; padding-top:50px;}

.kehu_tu{ width:270px; height:225px; overflow:hidden;}



.kehu_tu img{ width:270px; height:225px;transition: all 0.5s;  transform: scale(1); vertical-align:middle}

.kehu_tu img:hover{transition: all 0.5s; transform: scale(1.1);}



.kehu_wen{ background:#FFF; height:100px; padding:10px; font-size:14px;}

.kehu dl{ width:270px; float:left; position:relative; margin:0 12px;}

.kehu_wen a:hover{ color:#f39b41;}

.kh_wen{ display:block; overflow:hidden; height:80px;}
.kh_wen a{font-weight:bold;font-size:18px;}


.kh_more{

	width:50px;

	height:50px;

	background:#333;

	line-height:50px;

	text-align:center;

	font-size:25px;



	margin:0 auto;

	position:absolute;

	left: 117px;

	top: 317px;





}

.kh_more a{ color:#FFF;}



.anli_title{ width:1180px; margin:0 auto; text-align:center; padding-top:80px; color:#FFF;}

.anli_title a{ color:#FFF; font-size:24px; font-weight:bold;}

.anli_title p{ font-family:arial;  font-size:18px; text-transform:uppercase;}






/*choose*/.choose {    background-color: #333;    width: 100%;    height: 620px;    margin: 60px 0 0;}
.con_width {
    width: 1180px;
    margin: 0 auto;
}

.fl {
    float: left;
}
.choose .box {    position: relative;}.choose .box .ch_tit {    position: absolute;    right: 83px;    top: 40px;}.choose .box .ch_tit .ch {    background: url("../images/icon7.png") no-repeat left center;    padding-left: 45px;    position: relative;    left: 50px;    color: #fff;}.choose .box .ch_tit .ch p {    font-size: 16px;    letter-spacing: 12px;}.choose .box .ch_tit .ch h3 {    font-size: 28px;}.choose .box .ch_tit h4 {    font-size: 12px;    color: #ccc;    text-transform: uppercase;    margin-top: 20px;    position: relative;    left: 50px;}.choose .box .linka {    position: absolute;    right: 5px;    top: 130px;}.choose .box .linka li {    float: left;    width: 155px;    background: #777;    margin-right: 5px;    text-align: center;    color: #fff;    height: 167px;    border-bottom: solid 13px #333;    box-sizing: border-box;    cursor: pointer}.choose .box .linka li.on {    background: url("../images/icon.png") no-repeat center top;    border: 0;}.choose .box .linka li i {    display: block;    height: 39px;    margin: 20px 0 10px;}.choose .box .linka li i.i1 {    background: url("../images/ch1.png") no-repeat center;}.choose .box .linka li i.i2 {    background: url("../images/ch2.png") no-repeat center;}.choose .box .linka li i.i3 {    background: url("../images/ch3.png") no-repeat center;}.choose .box .linka li i.i4 {    background: url("../images/ch4.png") no-repeat center;}.choose .box .linka li i.i5 {    background: url("../images/ch5.png") no-repeat center;}.choose .box .linka li h4 {    font-size: 16px;}.choose .box .linka li h5 {    font-size: 14px;    margin-top: 5px;}.choose .box .main .list .pic {    background-color: #fff;    padding: 0 20px;    width: 430px;    height: 620px;    position: absolute;    top: 0;    left: 0;}.choose .box .main{    height: 620px;    overflow: hidden;}.choose .box .main .list .pic img {    width: 100%;    height: 100%;}.choose .box .main .list .pic img {    width: 100%;    height: 100%;}.choose .box .main .list .word {    width: 650px;    border-bottom: 1px solid #d9d9d9;    position: absolute;    right: 0;    top: 313px;    padding-bottom: 30px;}.choose .box .main .list .word span {    display: block;    width: 42px;    height: 32px;}.choose .box .main .list.li1 .word span {    background: url("../images/c1.png") no-repeat center;}.choose .box .main .list.li2 .word span {    background: url("../images/c2.png") no-repeat center;}.choose .box .main .list.li3 .word span {    background: url("../images/c3.png") no-repeat center;}.choose .box .main .list.li4 .word span {    background: url("../images/c4.png") no-repeat center;}.choose .box .main .list.li5 .word span {    background: url("../images/c5.png") no-repeat center;}.choose .box .main .list .word h4 {    font-size: 24px;    color: #fff;    margin-top: 10px;}.choose .box .main .list .word i {    width: 20px;    height: 3px;    background-color: #e28821;    margin: 20px 0;    display: block;}.choose .box .main .list .word h5 {    font-size: 14px;    line-height: 28px;    height: 84px;    color: #fff;}.choose .box .tel {    position: absolute;    top: 555px;    right: 0px;}.choose .box .tel p {    font-size:16px;    color: #fff;    margin-right: 30px;}.choose .box .tel p span{    font-size: 24px;}.choose .box .tel a {    font-size: 14px;    color: #fff;    background-color: #8dd001;    width: 100px;    height: 30px;    line-height: 30px;    text-align: center;    display: inline-block;    margin-top: 5px;}.choose .box .tel a:hover {    background-color: #8dd001;}


/* pro */.pro {    background: #FBFBFB;}.pub_tit h3 {
    text-align: center;
    padding-top: 50px;
    font-size: 30px;
    font-weight: bold;
    color: #02174c;
}
.pub_tit h3 span {
    display: block;
    width: 110px;
    height: 3px;
    background: #e28821;
    margin: 5px auto 40px;
}
.pro .pro-r {    width: 1180px;    position: relative;    margin-top: 30px;}.pro .pro-r .pro-lb {}.pro .pro-r .hd {    height: 140px;    margin-bottom: 10px;}.pro .pro-r .hd ul li {    float: left;    width: 275px;    height: 120px;
    text-align:center;
    line-height: 120px;    margin-right: 26px;    color: #fff;    background: #fff;    box-shadow: #eee 3px 3px 3px;}.pro .pro-r .hd ul li:nth-child(4) {    margin-right: 0;}.pro .pro-r .hd ul li a {    font-size: 18px;    color: #333;    font-weight: bold;    text-align: center;    height: 120px;    line-height: 120px;    box-sizing: border-box;}.pro .pro-r .hd ul li a img {    float: left;    margin: 10px 0 0 10px;}.pro .pro-r .hd ul .on a {    color: #02174c;}.pro .pro-r .hd div.more {    float: left;    width: 275px;    height: 120px;    line-height: 120px;    color: #fff;    background: #fff;    box-shadow: #eee 3px 3px 3px;}.pro .pro-r .hd div.more a {    font-size: 18px;    color: #333;    font-weight: bold;    text-align: center;    height: 120px;    line-height: 120px;    padding: 20px;    box-sizing: border-box;}.pro .pro-r .hd div.more a img {    float: left;    margin: 10px 0 0 10px;}.pro .pro-r .bd {    margin-top: 10px;    height: 295px;    overflow: hidden;}.pro .pro-r .bd ul li {    width: 275px;    height: 210px;    float: left;    margin-right: 24px;    margin-bottom: 20px;    overflow: hidden;    box-shadow: #eee 5px 5px 5px;    background: #fff;}.pro .pro-r .bd ul li img {    width: 275px;    height: 165px;    overflow: hidden;}.pro .pro-r .bd ul li span {    text-align: center;    display: block;    font-size: 14px;    height: 40px;    line-height: 40px;    border-top: solid 1px #ddd;    background: url(../images/ss.png) no-repeat 240px center;    color: #666;}.pro .pro-r .bd ul li:nth-child(1),.pro .pro-r .bd ul li:nth-child(2),.pro .pro-r .bd ul li:nth-child(3) {    width: 370px;    height: 295px;    float: left;    margin-right: 32px;    margin-bottom: 20px;    overflow: hidden;    box-shadow: #eee 5px 5px 5px;    background: #fff;}.pro .pro-r .bd ul li:nth-child(3),.pro .pro-r .bd ul li:nth-child(7) {    margin-right: 0;}.pro .pro-r .bd ul li:nth-child(1) img,.pro .pro-r .bd ul li:nth-child(2) img,.pro .pro-r .bd ul li:nth-child(3) img {    width: 370px;    height: 230px;    overflow: hidden;}.pro .pro-r .bd ul li:nth-child(1) span,.pro .pro-r .bd ul li:nth-child(2) span,.pro .pro-r .bd ul li:nth-child(3) span {    text-align: center;    display: block;    font-size: 16px;    height: 60px;    line-height: 60px;    border-top: solid 1px #ddd;    background: url(../images/ss2.png) no-repeat 320px center;    color: #666;}


.about_box{ background:url(../images/about_bg.jpg) no-repeat center top; width:100%; height:653px; margin-top:50px;}



.about{ width:1180px; margin:0 auto;}

.about_tu{ width:361px; height:453px; float:left; margin-top:150px;}

.about_tu img{ width:361px; height:453px;}



.about_right{ width:690px; float:right;}



.about_l{ width:300px; float:left; color:#FFF; margin-top:20px;}

.about_l a{ font-size:30px; font-weight:bold; color:#FFF;}

.about_phone{ width:200px; float:right; color:#FFF; margin-top:25px;}

.about_phone p{ font-size:30px; font-family:impact;}



.about_wen{ margin-top:250px;}

.about_wen a{ font-size:20px;}

.about_wen p{ padding-top:25px; line-height:30px;}







.about_anniu ul li{ width:150px; height:50px; line-height:50px; text-align:center; float:left; background:#333; margin-top:55px;}

.about_anniu ul li a{ color:#FFF;}

.about_anniu ul li:hover{ background:#e28821;}




/*liu*/
.web_liu {
    width: 100%;
    margin-top:50px;
}

.web_liu h3 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.web_liu h5 {
    font-size: 20px;
    color: #262626;
    text-align: center;
}

.web_liu h3 span {
    color: #ee7000;
    padding-left: 10px;
}

.liuBox {
    width: 100%;
    background: url("../images/liu_28.jpg") center no-repeat;
    height: 358px;
    margin: 80px 0 32px;
}

.liu {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.liu li {
    width: 110px;
    height: 110px;
    border: solid 1px #333;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50%;
    float: left;
    position: absolute;
    transition: all .6s;
}

.liu li:hover {
    background: #e28821;
    border: solid 1px #e28821;
}

.liu li h6 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.liu li p {
    font-size: 18px;
    color: #000;
}

.liu li:hover h6 {
    color: #fff;
}

.liu li:hover p {
    color: #fff;
}

.liu .liu-1 {
    top: 0;
    left: 25px
}

.liu .liu-3 {
    top: 0;
    left: 318px
}

.liu .liu-5 {
    top: 0;
    right: 459px
}

.liu .liu-7 {
    top: 0;
    right: 164px
}

.liu .liu-2 {
    top: 62px;
    left: 170px;
}

.liu .liu-4 {
    top: 62px;
    left: 467px;
}

.liu .liu-6 {
    top: 62px;
    right: 310px;
}

.liu .liu-8 {
    top: 62px;
    right: 25px;
}


/*center1_box*/



.center1_box{ background:url(../images/news_bg.jpg) no-repeat center top; width:100%; height:750px;}



.banner2{ background:url(../images/banner2.jpg) no-repeat 0 50px; width:1180px; height:241px; margin:0 auto; padding-top:50px;}



.banner2_zx{ background:#e28821; height:50px; line-height:50px; text-align:center; width:150px; float:right; margin-top:90px;}



.banner2_zx a{ color:#fff; font-size:16px;}





.news_box{ width:1180px; margin:50px auto;}

.news{ width:575px; float:left;}

.hangye_news{ width:575px; float:right;}



.news_t{ background:#eee; height:83px;}

.news_t1{ background:#333; padding:16px 30px;; width:100px; float:left; color:#FFF;}

.news_t1 a{ color:#FFF; font-size:20px; font-weight:bold;}

.news_t1 p{ text-transform:uppercase; font-family:arial;}

.news_more{ width:120px; line-height:45px; height:45px; background:#999; text-align:center; font-family:arial; text-transform:uppercase; float:right;}

.news_more a{ color:#FFF;}

.news_more:hover{ background:#e28821;}



.news_nr{ margin-top:20px;}

.news_nr ul li{ line-height:53px; display:block; height:53px; overflow:hidden; font-size:16px;}

.hy_tu{ width:338px; height:168px; float:left;}

.hy_tu img{ width:338px; height:168px;}



.hy_w1{ width:220px; float:right; text-align:center; margin-top:30px;}

.news_line{ background:#eee; height:1px; width:100px; margin:10px auto;}



.riqi{ font-size:30px;}



.ye_wen{ margin-top:20px; line-height:35px;}

.ye_wen p{height: 100px;overflow: hidden;}

.ye_wen a{ font-size:16px; color:#333;}







/*changjian_box*/



.changjian_box{ width:1180px; margin:50px auto;}

.cj_title{ background:#333; width:150px; padding:20px; height:180px; color:#fff; float:left;}

.cj_title a{ font-size:20px; color:#FFF; font-weight:bold;}

.changjian_more{ width:42px; height:16px; float:left; margin-top:50px;}





.changjian_nr{ width:920px; float:right;}

.changjian_nr dl{ width:290px; float:left; display:block; margin:0 8px;}

.changjian_nr dl dt span{ width:30px; line-height:30px; text-align:center; text-align:center; background:#ccc; display:block; text-transform:uppercase;}

.changjian_nr dl dt a{     color: #333;
    font-size: 16px;
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;}



.changjian_nr dl dd span{ width:30px; line-height:30px; text-align:center; text-align:center; background:#e28821; display:block; text-transform:uppercase; color:#fff;}

.changjian_nr dl dd{ margin-top:10px;}

.changjian_nr dl dd p{height:75px;overflow:hidden;line-height:1.8;}

.cj_more{ text-align:center; width:100px; height:40px; line-height:40px; border:1px solid #ccc; text-transform:uppercase;}



.cj_more:hover{ background:#e28821; border:1px solid #e28821;}

.cj_more:hover a{ color:#fff;}



.links_box{ background:#eee; height:126px; width:100%;}

.links{ width:1180px; margin:0 auto; text-transform:uppercase; line-height:24px; font-size:13px; padding-top:30px;}

.links span{ font-size:30px; font-family:Arial; color:#333; margin-left:5px;}

.lk_line{ background:#333; width:5px; float:left; height:23px;}