﻿
/* banner */


.main_content {
    width: 1004px;
    margin: 0 auto 0px;
    position: relative;
    zoom: 1;
}

.nf_hp_kv {
    margin: 0 -500px;
    position: relative;
    width: 2000px;
}

.window {
    height: 401px;
    overflow: hidden;
    position: relative;
    width: 2000px;
}

.kv_item {
    height: 401px;
    overflow: hidden;
    padding: 0 500px;
    position: absolute;
    width: 1004px;
}

.js_nav {
    left: 0;
    height: 35px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: url(../images/banline.png) left top repeat;
    z-index: 0;
}

    .js_nav ul {
        margin: 0 auto;
        width: 650px;
        text-align: right;
    }

    .js_nav li {
        height: 4px;
        width: 50px;
        margin: 12px 0 12px 12px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .js_nav li a {
            display: inline;
            float: left;
            height: 4px;
            overflow: hidden;
            width: 100%;
            font-size: 0;
            background: #ffffff;
        }

            .js_nav li.active a, .js_nav li a:hover {
                background: #2a2885;
            }

.btn_prev {
    left: 0;
    background: url(../images/hover_left.png) left top no-repeat;
}

.btn_next {
    right: 0;
    background: url(../images/hover_right.png) left top no-repeat;
}

.btn_prev, .btn_next {
    top: 160px;
    width: 73px;
    height: 74px;
    position: absolute;
}


.xtjdmian {
    width: 1000px;
    margin: auto;
}

/*新的*/
.xtjfld {
    width: 1000px;
   
}

    .xtjfld .titleesc {
        width: 1000px;
        overflow: hidden;
        text-align: right;
        margin: auto;
        height: 40px;
      line-height: 40px;
        background: #ca272c;
    }

    .xtjfld strong {
        line-height: 38px;
        padding-left: 10px;
        text-align: left;
        font-size: 18px;
        color: #fff;
      
        float: left;
      
    }

.xtjflname {
    width: 998px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .xtjflname ul {
        /*height: 165px;*/
        overflow: hidden;
    }

    .xtjflname li {
        list-style: none;
        padding: 7px;
        float: left;
        width: 185px;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
    }

        .xtjflname li a {
            display: block;
            color: #444;
        }

         /*新的*/


        .xtjflcontent{margin:0 auto;width:1000px;}
        .clear{clear:both;}
.cur_post{	height: 50px;	color: #333;	font-family:Microsoft YaHei,ו;	line-height: 32px;	overflow: hidden;	font-size:16px;	line-height:50px;
	width: 1000px;	margin-right: 0px;	margin-left: 0px;}

    .cur_post a {
    color:#000;
    }
.product-context{float:left; width:736px; margin-right:10px;border: 1px solid #d0d0d0;background-color:#fff; padding:15px;}
 
.product-title{	font-size:25px;	font-weight:bold;	max-height:80px;	overflow:hidden;	line-height:35px;	padding-bottom:15px;margin-bottom:15px;
	margin-top:5px;	color: #000;	text-align: center; border-bottom:1px solid #d0d0d0;}
.product-title h1{font-size:25px;}

.focusbox{  position:relative;height:390px; width:320px;border: 1px solid #d0d0d0; float:left;padding: 5px;}


.focusimg{ width:320px; height:320px; position:relative; overflow:hidden;-webkit-perspective: 1300px;border-bottom: solid 1px #ebebeb;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:320px; height:360px; cursor:pointer;}
.fimglist li{width:420px; height:360px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}

.share {
    width: 186px;
}

@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
.focustool{width:320px; overflow:hidden; padding:5px; margin:0 auto; position:relative;}
.ftoollist{width:4655px; position:relative;}
.ftoollist img{display:block; width:60px; height:60px;}
.ftoollist a{ display:block; width:60px; margin-left:3px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
.ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}

.ftoollist .on a{background-color:#cc3300; padding:2px; margin-right:-2px; z-index:100; top:-5px;}
.ftoollist .on .imgname{color:#DBC98C;}
.ftoollist .on .imgshortcat{color:#FFF;}
.product-2{width:736px;} 
.product-2 .p-img{float:left; width:430px; height:450px;border: 1px solid #d0d0d0;} 
.product-2 .p-img  img{max-width:320px;height:370px;border-bottom: solid 1px #ebebeb;padding: 5px;}

.product-2 .pro-right{float:left;width:385px; margin-left:19px; height:450px;} 
.product-2 .pro-right .pro-right-list{width:385px; height:320px;}
.product-2 .pro-right .pro-right-list p{height:35px; line-height:35px; font-size:16px;}
.product-2 .pro-right .pro-right-list p span{display:block;}
.product-2 .pro-right .pro-right-list .pl{width: 90px;    text-align: left;     overflow: hidden;float:left;}
.product-2 .pro-right .pro-right-list .pr{width: 290px;    text-align: left;    overflow: hidden;float:left;overflow: hidden;height: 30px; }
 
.product-2 .jiage{ font-size: 16px; display:block;float:left; width: 126px; height: 47px;line-height: 47px;padding: 0 20px;font-weight: bold;text-align: center;background: #cc3300; border-radius: 4px;cursor: pointer; color:#fdffba; }
.product-2 .qq{margin-left:20px;} 
.product-2 .weixin{border:1px solid #d0d0d0;width:150px; height:165px; padding:5px; margin-top:10px;float:left; text-align:center;font-size:14px;}
.weixin img{width:150px; height:150px;}
.product-2 .weixin img{max-width:150px;}

.product-2 .ml20{margin-left:20px;} 
.product-2 .pro-right .share{height:30px; line-height:30px;}

.share{width:186px;}
.product-3{width:736px;margin-top:20px;} 
 .pro3-title{height:45px; width:100%; background:#f8f8f8; border-bottom:2px solid #cc3300}
 .pro3-title span{font-size: 20px; width:150px;height:45px; background: #cc3300;line-height: 45px;text-align: center;color:#fdffba;display:block;}
.product-3 .pro3-details{ font-size:15px; line-height:28px; margin-top:10px; margin-bottom:15px;}
.product-3 .pro3-details img {max-width:830px;}
.xtjflss ul li{float:left;margin-left:20px; width:45%;height:25px;overflow:hidden;}
.ssclear {
    height: 0px;
    line-height: 0;
    clear: both;
    font-size: 0px;
    margin-top: 72px;
}

.nynssclear{
    height: 0px;
    line-height: 0;
    clear: both;
    font-size: 0px;
    margin-top: 7px;
}

.cont-right{float:right;width:212px;}
.cont-right a{color:#000;}

.cont-right .likeproduct{    width: 300px;    float: left;    border: 1px solid #d0d0d0;    background-color: #fff;    padding: 5px;    margin-bottom: 20px;}


.cont-right .likeproduct .liketitle{height: 40px;    line-height: 40px;    width: 300px;    border-bottom: 1px solid #d0d0d0;    font-size: 16px;
    text-align: center;    overflow: hidden;    color: #333333;    margin-bottom: 10px; font-weight:bold;}


.cont-right .likeproduct .likeproduct-p li{float:left; width:128px;height:147px;margin-bottom:10px;  text-align:center; overflow: hidden;}

.cont-right .likeproduct .likeproduct-p .tittle{float:left; width:128px;height:147px;margin-bottom:10px;  text-align:center; overflow: hidden;}

.cont-right .likeproduct .likeproduct-p ul{float:left; width:128px;height:147px;margin-left:10px;margin-bottom:10px; border:1px solid #d0d0d0;   padding-top:5px;padding-left:5px;padding-right:5px;
text-align:center; overflow: hidden;}


.cont-right .likeproduct .likeproduct-p li img{width:128px;height:128px;}

.cont-right .likeproduct .likeproduct-p ul img{width:128px;height:128px;}

.shengming{float:left;width:100%;border: 0px solid #dddddd; margin-bottom:6px; padding:10px; background-color:#fff;color:red;  font-size:14px;  margin-top:15px;}

.likeproduct-w a{  color: #000;
    display: block;
   
    white-space: pre;
    margin: 1em 0;
    width: 300px;
    overflow: hidden;
border-bottom:1px dashed #d0d0d0;
line-height:20px;
 }

.cont-right .likeproduct .likeproduct-w li{  width:300px;  border-bottom:0px dashed #d0d0d0; text-indent:10px;overflow:hidden; }

 body{ overflow:scroll; overflow-x:hidden; }

 
.flconcenlh {
    width: 730px;
    /*height: 215px;*/
    border: 0px solid red;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

    .flconcenlh li {
        width: 90px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
        overflow:hidden;
    }




.gysbsy {
    margin: auto;
    width: 100px;
    height: 30px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    padding-left: 20px;
  
}

.gysbsy a{
   
    color: #000;
    
}


/*新闻产品案例相关产品*/

.xcaflconcenlh {
    width: 730px;
    /*height: 215px;*/
    border: 0px solid red;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

    .xcaflconcenlh li {
        width: 300px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
        overflow:hidden;
    }


.xcagysbsy {
    margin: auto;
    width: 250px;
    height: 30px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    padding-left: 20px;
  
}

.xcagysbsy a{
   
    color: #000;
    
}


.product-3 .pro3-details img {
    max-width: 630px;
}

#content img{max-width: 500px;}



.xtjdmian {
    width: 1000px;
    margin: auto;
}

/*新的*/
.xtjfld {
    width: 1000px;
   
}

    .xtjfld .titleesc {
        width: 1000px;
        overflow: hidden;
        text-align: right;
        margin: auto;
        height: 40px;
      line-height: 40px;
        background: #ca272c;
    }

    .xtjfld strong {
        line-height: 38px;
        padding-left: 10px;
        text-align: left;
        font-size: 18px;
        color: #fff;
      
        float: left;
      
    }

.xtjflname {
    width: 998px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .xtjflname ul {
        /*height: 165px;*/
        overflow: hidden;
    }

    .xtjflname li {
        list-style: none;
        padding: 7px;
        float: left;
        width: 185px;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
    }

       .xtjflname li a {
             display: block;
            color: #fff;
            background: #ca272c;

        }


 .xtjflname li a:hover {
             display: block;
            color: #fff;
            background: #000;

        }
