/* 产品详情 */
.sun-page-product-detail { border: 1px solid #e2e1e1; padding: 25px; }
.sun-page-product-detail-box { padding-bottom: 30px; border-bottom: 1px solid #e2e1e1; }
.sun-page-product-detail-effect { float: left; width: 445px; }
.sun-page-product-detail-effect .effect-top { border: 1px solid #efefef; position: relative; z-index: 1; height: 302px; width: 390px; margin-bottom: 20px; }
.sun-page-product-detail-effect .effect-top a { display: table-cell; text-align: center; vertical-align: middle; height: 300px; width: 388px; }
.sun-page-product-detail-effect .effect-top img { max-height: 300px; max-width: 388px; }
.sun-page-product-detail-effect .effect-slide { padding-right: 30px; position: relative; }
.sun-page-product-detail-effect .effect-slide .bd { overflow: hidden; }
.sun-page-product-detail-effect .effect-slide .bd li { float: left; width: 120px; margin-right: 10px; }
.sun-page-product-detail-effect .effect-slide .bd li img { width: 120px; }
.sun-page-product-detail-effect .effect-slide .slide-arrow { position: absolute; right: 20px; top: 20px; }
.sun-page-product-detail-effect .effect-slide .slide-arrow a { display: block; width: 21px; height: 21px; background-image: url(../images/product_arrow.png); }
.sun-page-product-detail-effect .effect-slide .slide-arrow .slide-next { background-position: -21px -21px; margin-bottom: 17px; }
.sun-page-product-detail-effect .effect-slide .slide-arrow .slide-next:hover { background-position: 0 0; }
.sun-page-product-detail-effect .effect-slide .slide-arrow .slide-prev { background-position: 0 -21px; }
.sun-page-product-detail-effect .effect-slide .slide-arrow .slide-prev:hover { background-position: -21px 0; }
.sun-page-product-detail-main { float: right; width: 368px; border-left: 1px solid #e2e1e1; padding-left: 30px; }
.sun-page-product-detail-main h1 { font-size: 22px; color: #333333; margin-bottom: 10px; }
.sun-page-product-detail-main .text-info { font-size: 12px; line-height: 20px; color: #9c9c9c; margin-bottom: 15px; }
.sun-page-product-detail-main .detail-list { margin-bottom: 20px; }
.sun-page-product-detail-main .detail-list li { font-size: 12px; line-height: 1.7; color: #9c9c9c; margin-bottom: 5px; }
.sun-page-product-detail-main .now-inquiry a { display: inline-block; text-align: center; width: 119px; line-height: 38px; background: #fe817d; color: #fffefe; font-size: 14px; }
.sun-page-product-detail-main .now-inquiry a:hover { background: #C96565; }

div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }

div.zoomMask { position: absolute; background: url("../images/mask.png") repeat scroll 0 0 transparent; cursor: move; z-index: 1; }
/*导航*/
.hh{
    position: absolute;
    width: 1920px;
    left:50%;
    margin-left:-960px;
    z-index: 9999;
    top:0px;
    background: url(../images/top.png) repeat-x;
    height: 202px;
}
.nei{
    background: #f2f2f2;
    height:48px;
}
.chanpp{
    width: 1200px;
    margin:0 auto;
}
.sff{
    font:400 14px/48px "Microsoft Yahei";
    color: #999999;
    width: 500px;
}
.sff a{
    color: #999999;
}
/*产品中心*/
.nei1{
    background: url(../images/nei1.png)  fixed center center no-repeat;
    height: 1112px;
    background-size: cover;
}
.cp{
    text-align: center;
}
.cp_t{
    font:400 28px/40px "Microsoft Yahei";
    color: #8d8d8c;
    text-transform: uppercase;
    padding-top: 80px;
}
.cp_y{
    font:600 24px/45px "Microsoft Yahei";
    color: #333333;
}
.cpp{
    margin-top: 41px;
}
.cpp li:nth-child(1){
    background: rgba(255, 255, 255,0.9);
    width: 400px;
    height: 281px;
    text-align: center;
    float: left;
}
.cpp_img{
    width: 220px;
    height: 220px;
    margin: 0 auto;
}
.cpp_zi{
    font:600 16px/40px "Microsoft Yahei";
    color: #000;
}
.cpp_zi  a{
    color: #000;
}
.cpp li:nth-child(2){
    background: rgba(255, 255, 255,0.9);
    width: 524px;
    height: 281px;
    text-align: center;
    float: left;
    margin-left: 5px;
}
.cpp li:nth-child(2) .cpp_img{
   width: 300px;
   float: left;
   margin-top: 30px;
}
.cpp li:nth-child(2) .cpp_zi{
    width: 190px;
    float: right;
    text-align: center;
    padding-top: 120px;
 }
 .cpp li:nth-child(3){
     float: right;
     background: rgba(255, 255, 255,0.9);
    width: 524px;
    height: 281px;
    text-align: center;
    width: 266px;
 }

 .cpp li:nth-child(4){
    float: left;
    background: rgba(255, 255, 255,0.9);
   width: 524px;
   height: 281px;
   text-align: center;
   width: 266px;
   margin-top: 5px;
}
.cpp li:nth-child(5){
    float: left;
    background: rgba(255, 255, 255,0.9);
   width: 327px;
   height: 281px;
   text-align: center;
   margin-top: 5px;
   margin-left:5px;
}
.cpp li:nth-child(6){
    float: left;
    background: rgba(255, 255, 255,0.9);
   width: 326px;
   height: 281px;
   text-align: center;
   margin-top: 5px;
   margin-left:5px;
}
.cpp li:nth-child(7){
    float: right;
    background: rgba(255, 255, 255,0.9);
   width: 524px;
   height: 281px;
   text-align: center;
   width: 266px;
   margin-top: 5px;
}
.cpp li:nth-child(8){
    float: left;
    background: rgba(255, 255, 255,0.9);
   width: 524px;
   height: 281px;
   text-align: center;
   width: 266px;
   margin-top: 5px;
}
.cpp li:nth-child(9){
    background: rgba(255, 255, 255,0.9);
    width: 524px;
    height: 281px;
    text-align: center;
    float: left;
    margin-left: 5px;
    margin-top: 5px; 
}
.cpp li:nth-child(9) .cpp_img{
    width: 300px;
    float: left;
    margin-top:30px;
 }
 .cpp li:nth-child(9)  .cpp_zi{
    width: 190px;
    float: right;
    text-align: center;
    padding-top: 120px;
 }
 .cpp li:nth-child(10){
    background: rgba(255, 255, 255,0.9);
    width: 400px;
    height: 281px;
    text-align: center;
    float: right;
    margin-top: 5px; 
 }
 .cpp li:nth-child(10) .cpp_img{
    width: 220px;
    margin-top: 60px;
    float: left;
 }
 .cpp li:nth-child(10) .cpp_zi{
    width: 180px;
    margin-top: 30px;
    float: left;
    padding-top: 90px;
 }
 /*优势*/
 .nei2{
   background: url(../images/nei2.png) top center repeat-x;
   height: 874px;
 }
 .ysyy{
     background: url(../images/ys.png) top center no-repeat;
     height: 207px;
 }
 .slideTxtBox{position: relative;height: 450px;}
 .slideTxtBox .hd{ height:60px; line-height:60px; background:#f4f4f4; padding:0 10px 0 20px;     position:relative; }
 .slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
 .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; width: 240px; text-align: center; border:1px solid #333333;margin:0 12px;color: #333;font-size: 18px;}
 .slideTxtBox .hd ul li.on{cursor:default;height:60px;  background:#666666; border:1px solid #666666; border-bottom:2px solid #666666; color: #fff;}
 .slideTxtBox .bd ul{  }
 .slideTxtBox .bd li{cursor:default;height:24px; line-height:24px;   }
 .slideTxtBox .bd li .date{ float:right; color:#999;  }
 
 /* 下面是前/后按钮代码，如果不需要删除即可 */
 .slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
 
 .slideTxtBox .arrow .next {
     position: absolute;
     top:460px;
     background: url(../images/ly.png) no-repeat;
     width: 60px;
     height: 60px;
     right:460px;
     cursor: pointer;
 }
 .slideTxtBox .arrow .prev {
    position: absolute;
    top:460px;
    background: url(../images/ly1.png) no-repeat;
    width: 60px;
    height: 60px;
    right:398px;
    cursor: pointer;
}

 
 .let_img{
     width: 672px;
     height: 450px;
     margin-top: 50px;
     margin-left: -70px;
 }
 .let_nei {
     width: 540px;
     margin-top: 80px;
     position: relative;
 }
 .let_nei_tt{
     font:600 24px/45px "Microsoft Yahei";
     color: #333;
     padding-left: 65px;
 }
 .let_nei_yy{
     font:400 12px/30px "Microsoft Yahei";
     color: #666666;
     text-transform: uppercase;
     padding-left: 65px;
 }
.let_nei_tu{
    position: absolute;
    top:6px;
    left:0px;
}
.let_nei_nei{
    font:400 16px/28px "Microsoft Yahei";
    color: #333;
    margin-top: 30px;
    background: url(../images/shuzi.png) left 13px no-repeat;
    padding-left: 20px;
    border-bottom: #dedede 1px solid;
    height: 100px;
}
.let_nei_hao span{
    background: url(../images/ma.png) left center no-repeat;
    font:400 14px/45px "Microsoft Yahei";
    color: #666666;
    padding-left: 30px;
    display: inline-block;    
}
.let_nei_hao{
    font:600 25px/45px "Microsoft Yahei";
    color: #333333;
    margin-top: 10px;
}
 /*中间*/
 .nei3{
     background: url(../images/nei3.png) top center no-repeat;
     height: 200px;
 }
 .re{
     width: 250px;
     color: #fff;
     padding-top: 60px;
 }
 .re_t{
     font:400 16px/30px "Microsoft Yahei";
 }
 .re_t span{
     font:600 24px/30px "Microsoft Yahei";
     float: right;
 }
 .re_y li{
     float: left;
     background: #fff;
     width: 120px;
     height: 44px;
     text-align: center;
     border:#c5c5c5 solid 1px;
     font:600 14px/44px "Microsoft Yahei";
     color: #17ba66;
     margin-top: 16px;
 }
 .re_y li a{
    color: #17ba66; 
 }
 .re_y li:nth-child(2){
     float: right;
     width: 120px;
     height: 44px;
     text-align: center;
     border:#c5c5c5 solid 1px;
     font:600 14px/44px "Microsoft Yahei";
     color: #17ba66;
     background: none;
     margin-top: 16px;
 } 
 .re_y li:nth-child(2) a{
     color: #fff;
 }
 /*案例展示*/
 .nei4{
     background: url(../images/nei4.png);
     padding: 70px 0;
 }
 .anm{
     text-align: center;
 }
 .anli_t{
     font:400 28px/30px "Microsoft Yahei";
     color: #e2e2e2;
     text-transform: uppercase;
 }
 .anli_y{
    font:400 24px/30px "Microsoft Yahei";
    color: #333;
    border-bottom: #13a954 2px solid;
    width: 120px;
    margin:0 auto;
 }
 .azhanshi{
     margin-top: 40px;
 }
 .azhanshi li{
     position: relative;
 }
 .azhanshi li:nth-child(1){
     width: 334px;
     height: 583px;
     float: left;
 }
 .azhanshi li:nth-child(1) .azhanshi_tt{
     position: absolute;
     bottom: 0px;
     background: rgba(0, 0, 0,0.4);
     font:400 16px/59px "Microsoft Yahei";
     color: #fff;
     width: 100%;
     padding-left: 30px;
 }
 .azhanshi li:nth-child(2){
    width: 390px;
    height: 286px;
    float: left;
    margin-left: 2px;
    overflow: hidden;
    position: relative;
}
.azhanshi li:nth-child(2) .azhanshi_tt{
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0,0.4);
    font:400 16px/59px "Microsoft Yahei";
    color: #fff;
    width: 100%;
    padding-left: 30px;
}
.azhanshi li:nth-child(3){
    width: 472px;
    height: 286px;
    float: right;
    position: relative;
}
.azhanshi li:nth-child(3) .azhanshi_tt{
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0,0.4);
    font:400 16px/59px "Microsoft Yahei";
    color: #fff;
    width: 100%;
    padding-left: 30px;
}
.azhanshi li:nth-child(4){
    width: 576px;
    height: 297px;
    float: left;
    margin-top: 2px;
    margin-left: 2px;
    position: relative;
}
.azhanshi li:nth-child(4) .azhanshi_tt{
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0,0.4);
    font:400 16px/59px "Microsoft Yahei";
    color: #fff;
    width: 100%;
    padding-left: 30px;
}
.azhanshi li:nth-child(5){
    width: 286px;
    height: 297px;
    float: right;
    margin-top: 2px;
    position: relative;
}
.azhanshi li:nth-child(5) .azhanshi_tt{
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0,0.4);
    font:400 16px/59px "Microsoft Yahei";
    color: #fff;
    width: 100%;
    padding-left: 30px;
}
.zhongjian{
    background: url(../images/zhong.png) top center no-repeat;
    height: 181px;
    margin-top: 80px;
}
.zuobian{
    width: 297px;
    padding-top: 30px;
    margin-right: 53px;
}
.zhngy{
    font:400 14px/44px "Microsoft Yahei";
    color: #fff;
    border-top:#fff 1px solid;
    border-bottom:#fff 1px solid;
    text-align: center;
    background: url(../images/mam.png) 10px center no-repeat;
}
.zuobianli li{
    float: left;
    width: 130px;
    height: 42px;
    background: #fff;
    text-align: center;
    font:400 14px/42px "Microsoft Yahei";
    color: #20b165;
    margin-top: 15px;
}
.zuobianli li:nth-child(2){
    float: right;
    width: 130px;
    height: 42px;
    background: none;
    text-align: center;
    font:400 14px/42px "Microsoft Yahei";
    color: #20b165;
    margin-top: 15px;
    border:#fff 1px solid;
}
.zuobianli li:nth-child(1) a{
    color: #20b165;
    
}
.zuobianli li:nth-child(2) a{
    color: #fff;
}
.abt{
    background: url(../images/abt.png) top center no-repeat;
    height: 463px;
    margin-top: 65px;
}
.abtr{
    width: 805px;
}
.abtr_t{
    font:600 24px/35px "Microsoft Yahei";
    color: #333;
    padding-left:97px;
    padding-top: 15px;
}
.abtr_y{
    font:400 14px/30px "Microsoft Yahei";
    color: #999;
    padding-left:125px;
    text-transform: uppercase;
    padding-top: 3px;
}
.abtr_y a{
    color: #999;
}
.abtr_yh{
    padding-top: 20px;
    font:400 14px/30px "Microsoft Yahei";
    color: #666;
    width: 580px;
}
.abt_more{
    font:400 14px/30px "Microsoft Yahei";
    color: #666;
    float: right;
    margin: 60px 160px 0 0;
}
/*案例展示*/
.picScroll-left{  position:relative;}
.picScroll-left .hd .prev{position: absolute;top:90px;left:-40px;background: url(../images/lgg.png) no-repeat;width: 27px;height: 53px;cursor: pointer;}
.picScroll-left .hd .next{position: absolute;top:90px;right:-95px;background: url(../images/lgg1.png) no-repeat;width: 27px;height: 53px;cursor: pointer;}

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{cursor:default;width:294px; height:177px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{font:400 16px/45px "Microsoft Yahei"; color: #333; }
.picScroll-left .bd ul li .title a{cursor:default;}

.rongyu li{
    width: 140px;
    height: 48px;
    border:#999999 1px solid;
    text-align: center;
    font:400 18px/48px "Microsoft Yahei";
    float: left;
    margin:47px 16px;
    cursor: pointer;
}


.rongyu li:hover, .rongyu li.on {
	background: #666666;
	position: relative;
	color: #fff;
	cursor: pointer;
}

.rongyu li:hover a, .rongyu li.on a {
	color: #fff;
}



.rongyu{
    width: 520px;
    margin:0 auto;
}
/*新闻*/
.xbbt{
    width: 836px;
    margin-top:40px;
    background: #fff;
    position: relative;
    height: 500px;
}
.xwyy_more{
    position: absolute;
    top:0px;
    right: 0px;
    font:400 12px/50px "Microsoft Yahei";
    color: #fff;
    width: 60px;
    height: 50px;
}
.xwyy_more a{
    color: #fff;
}
.xww{
    background: url(../images/xww.png) top center no-repeat;
    height: 58px;
}
.xww li{
    float: left;
    width: 182px;
    text-align: center;
    color: #fff;
    background: url(../images/ttu.png) 15px center no-repeat;
    font:400 16px/50px "Microsoft Yahie";
    cursor: pointer;
    margin-right: 2px;
}
.xww li span{
    text-transform: uppercase;
    font-size: 14px;
    padding-left:5px;
}
.xhht{
    box-sizing: border-box;
    padding: 15px 25px;
}
.xhhtrt_img{
    width: 244px;
    height: 153px;
    border: #dedede 1px solid;
    padding: 5px;
    overflow: hidden;
}
.xhhtrt_img img{
    width: 100%;
    height: auto;
}
.xhhtrt_nei{
    width: 520px;
}
.xhhtrt_nei_t{
    font:600 16px/40px "Microsoft Yahei";
    color:#333333;
}
.xhhtrt_nei_t a{
    color:#333333;
}
.xhhtrt_nei_rong{
    font:400 12px/24px "Microsoft Yahei";
    color:#666;
    margin-top: 10px;
}
.xiant{
    border-top:#dedede 1px solid;
    margin:20px 0;
}
.xhgyt li{
    float: left;
    width: 345px;
    background: url(../images/tty.png) left center no-repeat;
    padding-left: 20px;
    font:400 14px/50px "Microsoft Yahei";
    border-right: #dedede 1px solid;
    padding-right: 20px;
}
.xhgyt li:nth-child(2n){
    float: right;
    border:none;
    padding-right: 0px;
}
.xhgyt{
    padding-bottom: 30px;
}

.xww li:hover, .xww li.on {
	background:url(../images/xyy.png) top center no-repeat;
	position: relative;
	color: #fff;
    cursor: pointer;
    height: 58px;
}

.xww li:hover a, .xww li.on a {
	color: #fff;
}

.xhhut{
    width: 350px;
    margin-top:40px;
    background: #fff;
    height: 500px;
}
.xhhut_tt{
    height: 50px;
    font:400 16px/50px "Microsoft Yahei";
    color: #fff;
    background:#666666 url(../images/ttu.png) 15px center no-repeat;
    padding-left:35px;
    position: relative;
}
.xhhut_tt span{
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 14px;
}
.xhhut_tt a{
    position: absolute;
    top:0px;
    right:10px;
    font:400 12px/50px "Microsoft Yahei";
    color: #fff;
}
#kehu{overflow:hidden;height:424px;margin:0 auto;position:relative;}
#jian {height:100%;}
#zheng {}
#xtop{}

.xhhrtuui{
    box-sizing: border-box;
    padding: 15px;
}
.xhhrtuui_yyy a{
    font:600 14px/30px "Microsoft Yahei";
    color: #333;  
}
.xhhrtuui_yyy {
    background: url(../images/wen.png) left center no-repeat;
    padding-left: 30px;
}
.xhhrtuui_nei{
    background: url(../images/da.png) left 5px no-repeat;
    padding-left: 30px;
    font:400 14px/24px "Microsoft Yahei";
    color: #666;
}
.news_li li{
    border-bottom: #dedede 1px solid;
    margin-top: 18px;
    height: 95px;
}
.dhyty{
    width: 320px;
}
.yout{
    width: 815px;
    color: #fff;
    margin-top: 60px;
}
.yout_t{
    background: url(../images/you.png) left center no-repeat;
    font:400 14px/30px "Microsoft Yahei";
    padding-left: 85px;
}
.yout_nei{
    font:400 14px/30px "Microsoft Yahei";
  
}
.yout_lie{
    font:400 16px/42px "Microsoft Yahei";
    border:#60615d 1px solid;
    text-align: center;
}
.yout_lie a{
    color: #fff;
}
.zhsizing{
    font:400 14px/30px "Microsoft Yahei";
    color: #ffffff;
    margin-top:8px;
    border-bottom:#60615d 1px solid;
    padding-bottom: 10px;
}
.banquang{
    font:400 14px/30px "Microsoft Yahei";
    color: #ffffff;
    margin-top:8px;
}
.banquang a{
    color: #fff;
}