body{background: #fff7ec;}
header{width: 100%;height: 120px;background: #fff;}
header .logo_fl{height: 120px;line-height: 120px;overflow: hidden;}
header .logo_fl img{display: inline-block; vertical-align: middle;max-height: 120px;}
.nav_fr {height: 90px;width:100%;background:#fff7ec;}
.nav_fr ul li{font-size: 16px;line-height: 90px;float: left;position: relative;background: url("../image/icon08.png") no-repeat right center;font-weight: bold;width:125px;text-align: center;}
.nav_fr ul li:hover{background:#ffe5c2;}
.nav_fr ul li:hover a{color:#f68727;}
.nav_fr ul li.cur{background:#ffe5c2;}
.nav_fr ul li.cur a{color:#f68727;}
.nav_fr ul li:last-child{background: none}
.nav_fr ul li a{color: #f68727;}
.nav_fr ul li.nav_end{width:200px;}
.nav_fr ul li.nav_end a{color: #f68727;}
.nav_fr ul li.nav_sc{padding: 20px 0;height: 50px;}
.nav_fr ul li .sub_nav{position: absolute;left: -2px;top: 90px;width: 88px;background: #ffcb84;box-shadow: 0 0 10px #ccc;padding: 0 20px;display: none;z-index: 9999;opacity: 0.95}
.nav_fr ul li .sub_nav a:hover{color:#f68727;}
.nav_fr ul li .sub_nav a{line-height: 30px;font-size: 14px;display: block;color: #fff;

text-align:justify;
  text-justify:distribute-all-lines;/*ie6-8*/
  text-align-last:justify;/* ie9*/
  -moz-text-align-last:justify;/*ff*/
  -webkit-text-align-last:justify;/*chrome 20+*/

}
.nav_fr ul li .sub_nav a:hover{font-weight: bold;}
.nav_fr ul li .sub_nav a:first-child{margin-top: 10px;}
.nav_fr ul li .sub_nav a:last-child{margin-bottom: 10px;}

/* 轮播图 */
.banner{ width:100%;overflow:hidden; position:relative; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%;display:block;  }
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.index_title{padding: 36px 0;}
.index_title h2{font-size: 20px;color: #adacac;font-family: Calibri}
.index_title h3{font-size: 36px;color: #4d4e4f;}
.products{width: 100%;height: 543px;background: #fff7ec;}
.products ul li{width: 278px;height: 363px;float: left;margin: 0 11px;background: #fff;}
.products ul li .pic{width: 100%;height: 190px;background: url(../image/bg.jpg) repeat-x top;text-align: center;}
.products ul li .pic img{height: 190px;}
.products ul li .txt{padding: 15px;line-height: 30px;font-size: 16px;color: #444;background:#fff;}
.products ul li .txt p{font-size: 12px;line-height: 22px;height: 66px;overflow: hidden;margin-top: 8px;}

.index_ser{width: 100%;height: 460px;background: #fff;}
.index_ser .hd{width: 100%;text-align: center;margin: 0 auto 20px;}
.index_ser .hd ul li{display: inline-block;margin: 0 5px;line-height: 36px;width:180px;text-align: center;color: #f68727;font-size: 20px;border: 1px solid #fff7ec;}
.index_ser .hd ul li.on{background:#fff7ec;}
.index_ser .bd ul li{width: 190px;height: 250px;float: left;margin: 0 5px;background: #fff;}
.index_ser .bd ul li .pic{width: 100%;height: 190px;text-align: center;}
.index_ser .bd ul li .pic img{height: 190px;}
.index_ser .bd ul li .txt{padding: 15px 10px;line-height: 30px;font-size: 14px;color: #444;}
.index_ser .bd ul li .txt p{font-size: 12px;line-height: 22px;height: 66px;overflow: hidden;margin-top: 8px;}

.case .case_nav {margin-bottom: 30px;}
.case .case_nav .hd ul li{display: inline-block;line-height: 36px;font-size: 20px;margin: 0 8px;color: #f78727;width: 178px;cursor: pointer;border: 1px solid #ffe5c2;}
.case .case_nav .hd ul li.on{background: #ffe5c2;}
.case {margin-bottom: 30px;}
.case .bd ul li{width: 232px;float: left;margin-right: 10px;}
.case .bd ul li:last-child{margin-right: 0}
.case .bd ul li .pic img{width: 100%;height: 200px;}
.case .bd ul li .txt{text-align: center;line-height: 24px;}

.services{width: 100%;height: 508px;background:#fff;color:#333;}
.slideTxtBox{ width:615px;margin-top: 30px;}
.slideTxtBox .hd{ height:45px;position:relative; width: 590px;border-bottom: 2px solid #f68727;}
/*.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;  }*/
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer;line-height: 35px;color: #f68727;border-radius: 5px;font-size: 16px;}
.slideTxtBox .hd ul li.on{background:#ffe5c2; }
.slideTxtBox .bd {height: 393px;padding-top: 30px;}
.slideTxtBox .bd .bdT{width: 590px;color: #333;line-height: 2;}
.slideTxtBox .bd .bdT h3{font-size: 16px;font-weight: bold;color: #333;}
.about_index{width: 540px;margin-top: 30px;}
.about_index h4{font-size: 16px;color: #333;line-height: 35px;width: 100%;margin-bottom: 30px;}
.about_index h4 a{float: right;color:#333;}
.about_index .txt{line-height: 2;}
.about_index .icon_al ul li{float: left;text-align: center;margin: 20px 18px 0;width: 96px;}
.about_index .icon_al ul li a{color: #92c0f2;line-height: 30px;}

/* 新闻 */
.news{background: #fff7ec;width:100%;padding-bottom:30px;}
.slideGroup{width: 100%;position: relative;}
.slideGroup .parHd{margin-bottom: 40px;text-align: center;}
.slideGroup .parHd ul li{display: inline-block;line-height: 42px;padding: 0 45px;margin: 0 20px;border-radius: 45px;cursor: pointer;border: 1px solid #ffe5c2;color: #f68727;}
.slideGroup .parHd ul li.on{color: #f68727;background: #ffe5c2;}

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0; top:180px; display:block; width:31px; height:64px;background:url(../image/left.png) center center no-repeat;z-index: 9999;}
.slideGroup .sNext{ left:auto; right:0; background:url(../image/right.png) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd{width: 1100px;margin: 0 auto;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  width: 260px;}
.slideGroup .parBd ul li .pic{ text-align:center;}
.slideGroup .parBd ul li .pic img{ width:100%; height:180px; display:block; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;  background: #fff; padding: 10px;text-align: left;height: 122px;}
.slideGroup .parBd ul li .title a{font-size: 20px;display: block;margin-bottom: 10px;}
.slideGroup .parBd ul li .title p{line-height: 1.5;font-size: 12px;}

/* 立即咨询 */
.msn_index .index_title{margin-top: 50px;}
.msn_index .index_title p{font-size: 18px;margin-top: 10px;color: #adacac;}

.msn_index form ul li {width: 586px;height: 50px;margin-right: 20px;float: left;margin-bottom: 20px;}
.msn_index form ul li:last-child{margin-right: 0;margin-top: 20px;}
.msn_index form ul li input[type="text"]{line-height: 50px;width: 486px;display: inline-block;float: left;padding: 0 10px;font-size: 16px;color: #666;border: none;background: #fff;outline: none;height:50px;}
.msn_index form ul li em{display: inline-block;width: 80px;height: 50px;float: right;}
.msn_index form ul li .msnb{display: block;margin-bottom: 10px;font-size: 16px;padding: 0 10px}
.msn_index form ul li:nth-child(1) em{background: url("../image/icon05.png") no-repeat center;}
.msn_index form ul li:nth-child(2) em{background: url("../image/icon06.png") no-repeat center;}
.msn_index form ul li:nth-child(4) em{background: url("../image/icon07.png") no-repeat center;}
.msn_index form textarea{padding: 10px;width: 568px;border: none;background: #fff;height: 160px;font-size: 16px;color: #666;font-family: "microsoft yahei";}
.msn_index form input[type="submit"]{width: 158px;height: 42px;background: #f08618;color: #fff;border: none;border-radius: 10px;font-size: 16px;float: right;margin-top: 20px;}

.msna{margin-top: 50px;}
.brand_index ul li{width: 185px;height: 93px;border: 1px solid #eee;float: left;margin: 6px;}

.footer{width: 100%;background: #e4e3e3;overflow: hidden;margin-top: 30px;}
.footer .erweima{width: 200px;text-align: center;line-height: 1.5;}
.footer .foot_nav{width: 900px;line-height: 2;}
.footer .foot_nav ul li{float: left;width: 140px;color: #7d7d7d;}
.footer .foot_nav ul li h4{font-size: 14px;margin-bottom: 20px;color: #000;}
.footer .foot_nav ul li a{display: block;color: #7d7d7d;}
.footer .foot_nav ul li.add_lase{width: 250px;}
.foot{width: 100%;padding: 20px 0;background: #404040;overflow: hidden;color: #fff;}


.cont_left {
    width: 240px;font-size: 12px;
    padding-right: 20px;
    float: left;
    text-align: center;
    background: url("../image/bj_about.png") right top repeat-y;
}

.cont_left p {
    width: 211px;
    min-height:70px;
    background: url(../image/left_bg.png) no-repeat #f08618;
    margin: 0;
    padding: 18px 0 0 22px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cont_left p em {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    display: block;
    max-width: 212px;
    text-transform:uppercase;
}

.cont_left p i {
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    max-width: 192px;
}

.cont_left ul {
    margin: 20px 10px 20px;
    text-align: left;
    min-height: 40px;
}

.cont_left ul li {
    background:#ededed;
    margin-bottom: 6px;
    line-height: 28px;
    font-size: 13px;
    color: #4f4f4f;
    position: relative;
}
.cont_left ul li .left_down{display: none;}

.cont_left ul li:hover {
    background: #ffaf5d;
    margin-bottom: 6px;
    color: #FFFFFF;
}

.cont_left ul li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 28px;
    font-size: 13px;
    color: #4f4f4f;
    padding-left: 12px;
}
.cont_left ul li a.current{background: #ffaf5d;color: #fff;}
.cont_left ul li.cur{background: #ffaf5d;}
.cont_left ul li.cur a{color: #fff;}

.cont_left ul li .sub_nav{position: absolute;left: 220px;top: 0;width: 120px;background: #999;z-index: 999;padding:0 10px;display: none;}
.cont_left ul li .sub_nav a{line-height: 30px;display: block;}
.cont_left ul li .sub_nav a{color: #FFF;}
.cont_left ul li .sub_nav a:hover{color:#ffaf5d}

.cont_left ul li:hover > a {
    color: #FFFFFF;
}

.cont_left ul li.on {
    background: #68c5f1;
    padding-left: 12px;
    margin-bottom: 6px;
    color: #FFFFFF;
}

.cont_left ul li.on > a {
    color: #FFFFFF;
}
.left_news .product_zs dl dd{margin-bottom: 10px;}
.left_news .product_zs dl dd img{width:100%;display:black;}
.left_news .product_zs dl dd em{width:70%;display:black;font-size:14px;margin:0 auto;line-height: 24px;}

.left_news ul {
    padding: 10px 0 0 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.left_news ul li {
    width: 190px;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    border-left: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding-left: 20px;
    background: url(../image/left_arrow.png) no-repeat 8px 8px;
}

.left_news ul li a {
    display: inline-block;
    max-width: 181px;
    vertical-align: middle;
    text-overflow: ellipsis
}

.left_news ul li b {
    color: #39F;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}
.left_contact {text-align: left;}
.left_contact ul {
    padding: 20px 10px 20px 15px;
    width: 208px;color: #666;
    background-color: #eee;
}

.left_contact ul li {line-height: 22px;}
.cont_right {
    width: 910px;
    padding-left: 24px;
    margin-top: 18px;
}

.cont_title {
    font-size: 13px;
    color: #f08618;
    vertical-align: bottom;
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 4px;
    overflow: hidden
}

.cont_title h2 {
    text-overflow: ellipsis;
    font-size: 16px;
    padding-left: 25px;
    background: url(../image/home.png) no-repeat left center;
    float: left;
    display: block;
    max-width: 38%;
    overflow: hidden;
    white-space: nowrap
}

.cont_title_right {
    text-overflow: ellipsis;
    line-height: 22px;
    float: right;
    font-size: 12px;
    color: #747474;
    max-width: 58%;
    overflow: hidden;
    white-space: nowrap
}
.cont_title_right a {color: #747474;}
.cont_title_right a:last-child{
    color: #f08618;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cont_title_right a:last-child:hover {cursor: text;}
.cont_title_right a:hover {color: #f08618;}
.cont_title_right b {
    font-weight: normal;
    color: #f08618
}
.cont_right .about_cont{padding: 10px 0;line-height: 2;}

/* 产品列表 */
.cont_right ul li{width: 280px;float: left;margin: 0 10px 30px;}
.view{ width:100%; height:200px; overflow:hidden; float:left;background: url(../image/bg.jpg) repeat-x;border: 2px solid #ccc; text-align:center;position:relative;}
.view img{height: 200px;}
.cont_right ul li .title{line-height: 24px;padding:10px 0;}
.view .hover{
    width:260px; height:180px;background:rgba(0, 0 ,0 ,0.5); position:absolute; top:-20px; left:0; text-align:center; color:#fff;
    padding:10px;
    trans.msn_index form:rotate(55deg);
    -moz-trans.msn_index form:rotate(55deg);
    -webkit-trans.msn_index form:rotate(55deg);

    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;

    overflow:hidden; height:0; z-index:4000;/*trans.msn_index form:translateX(200px);*/}/*写好样式，进行隐藏，用overflow:hidden; height:0;*/
.view .hover a{color:#fff; display: block;line-height: 24px;}

.cont_right .bjzx .bj{color:#fff; width: 137px;height: 35px;display: block;text-align: center;line-height: 35px;color: #fff;background: #999;float: left;}
.cont_right .bjzx .zx{color:#fff; width: 137px;height: 35px;display: block;text-align: center;line-height: 35px;color: #fff;background: #f08618;float: left;margin-left: 6px;}
.view:hover .hover{
    top:0;
    height:180px;
    trans.msn_index form:rotate(0deg);
    -moz-trans.msn_index form:rotate(0deg);
    -webkit-trans.msn_index form:rotate(0deg);
}
/*before   after为选择器，一般给选择器加动画背景，设置动画样式*/
.view:before{
    display: none;
    width:360px; height:360px;content:""; position:absolute; top:-272px; right:0;background:rgba( 240, 134, 24,0.5);

    trans.msn_index form:rotate(55deg) translateX(60px);
    -moz-trans.msn_index form:rotate(55deg) translateX(60px);
    -webkit-trans.msn_index form:rotate(55deg) translateX(60px);

    trans.msn_index form-origin:100% 0%;
    -moz-trans.msn_index form-origin:100% 0%;
    -webkit-trans.msn_index form-origin:100% 0%;

    transition:all 0.5s ease 0.3s;
    -moz-transition:all 0.5s ease 0.3s;
    -webkit-transition:all 0.5s ease 0.3s;

}/*写好样式，进行隐藏，用top:-240px;*/
.view:hover:before{ top:0;}
.view:after{
    display: none;
    width:360px; height:360px;content:""; position:absolute;bottom:-272px; left:0; background:rgba( 240, 134, 24,0.5);

    trans.msn_index form:rotate(55deg) translateX(-60px);
    -moz-trans.msn_index form:rotate(55deg) translateX(-60px);
    -webkit-trans.msn_index form:rotate(55deg) translateX(-60px);

    trans.msn_index form-origin:0% 100%;
    -moz-trans.msn_index form-origin:0% 100%;
    -webkit-trans.msn_index form-origin:0% 100%;

    transition:all 0.5s ease 0.3s;
    -moz-transition:all 0.5s ease 0.3s;
    -webkit-transition:all 0.5s ease 0.3s;
}
.view:hover:after{ bottom:0;}
/* 分页样式 */
.pagination-wrapper{clear:both;padding:2em 0 2em 0;text-align:center}
.pagination{display:inline-block;font-size:12px;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05);}
.pagination li{list-style:none;display:inline;float:left;line-height:1em;text-decoration:none;border:1px solid #ddd;border-left-width:0;display:inline-block;padding:.5em .8em;background-color:#f9f9f9;color:#999 }
.pagination li a{ color:#999 }
.pagination li a:link{background:#fff;color:#4C78A5}
.pagination li a:hover{text-decoration:none}
.pagination li a:link:hover{color:#000}
.pagination li.thisclass{background-color:#DDDDDD;color: #7C7C7C}
.pagination li:first-child{border-left-width:1px;border-radius:3px 0 0 3px}
.pagination li:last-child{border-radius:0 3px 3px 0}
.pagination .pageinfo{color:#444}

/* 产品详情页 */
.details_in{margin-top: 30px;width: 100%;}
.details_in .pic_tx .pic{width: 400px;}
.details_in .pic_tx .pic img{width: 100%}
.details_in .pic_tx .txt{width: 380px;}
.details_in .pic_tx .txt h4{font-size: 24px;margin-bottom: 20px;}
.details_in .pic_tx .txt p{font-size: 16px;color: #7f8488;line-height: 2;}
.details_in .pic_tx .txt .bj{width: 148px;height: 36px;display: inline-block;line-height: 36px;background: #999;color: #fff;font-size: 16px;margin-top: 40px;}
.details_in .pic_tx .txt .zx{width: 148px;height: 36px;display: inline-block;line-height: 36px;background: #f08618;color: #fff;font-size: 16px;margin-top: 40px;}

.details_txt{margin-top: 30px;width: 100%;line-height: 2;}
.details_txt h3{height: 50px;border-bottom: 1px solid #ccc;line-height: 50px;color: #333;font-size: 16px;margin-bottom: 20px;}
.details_txt h3 em{display: inline-block;background: #ccc;padding: 0 20px}
/* 新闻列表 */
.newsList{margin-top: 30px;}
.newsList ul li{width: 100%;border-bottom: 1px solid #eee;line-height: 3.5;margin-bottom: 0;}
.newsList ul li a{font-size: 16px;}
.newsList ul li:last-child{border-bottom: none;}
.newsList ul li em{float: right;color: #999}

.newsXq h1{text-align: center;font-size: 20px;margin: 30px auto 10px;}
.newsXq .txm{text-align: center;color: #ccc;margin-bottom: 30px;}
.newsXq .txt{line-height: 2;}
.newsXq .nexPng{margin-top: 50px;}


.picScroll{ position:relative;  overflow:hidden;  width: 1200px;margin: 0 auto;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:280px; overflow:hidden; display:inline;text-align: center }
.picScroll ul li img{height: 200px;background: url(../image/bg.jpg) repeat-x;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 60px; display:block; width:18px; height:28px; overflow:hidden; background:url(../image/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }

.picScroll-left{overflow:hidden; position:relative; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;width:31px; height:64px; overflow:hidden;cursor:pointer;position: absolute;top: 75px;}
.picScroll-left .hd .prev{background: url("../image/left.png") no-repeat;left: 0;}
.picScroll-left .hd .next{background: url("../image/right.png") no-repeat;right: 0;}
.picScroll-left .bd{ padding:30px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center; width:214px;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:214px; height:165px; display:block; }
.picScroll-left .bd ul li .title{ line-height:24px; font-size: 14px;padding: 6px 0;}