@CHARSET "UTF-8";


/* header parts */
.huanying_sy{background: #f3f3f3;}
.huanying{ width: 76%; margin: 0 auto; padding: 5px; overflow: hidden;}
.huanying_l{float: left;}
.huanying_r{float: right;}


#header{background: #fff  repeat-x; height: 108px; }
#headerw{width: 1100px; margin: 0 auto; position: relative;}
#head{width: 76%; margin: 0 auto;padding: 8px; }
.logo{float: left; padding-left: 15px;}
.mingcheng{float: left; padding-top: 30px;
    padding-left: 10px;}
.topLink{float: right; padding-top: 5px; padding-right: 8px; color: #bebebe;}
 
 .topLink a{padding-top:10px;}
.topk1{text-align: right; color:#1967b9;}

.topk*1 a{text-decoration:none;outline:none;}
.topk1 a:link{color:#1967b9;}
.topk1 a:visited{color:#007bcd;}
.topk1 a:hover,a:active,a:focus{color:#007bcd;text-decoration:underline;outline:none;  text-decoration:none;}

.topk2{margin-top: 5px; padding-top: 10px; padding-left: 174px;}
.shezhisy{padding-top: 10px; padding-bottom: 20px;}
.shezhisy a{color: #bebebe;}
.searchtb{float: right;  padding-left: 6px; }
#formsearch {float: left;}
#formsearch input{ border: 1px solid #d9d9d9; border-radius: 15px; }
#formsearch input#keyword {height: 22px;line-height: 22px;padding-left: 4px;color: #bebebe;}
#formsearch input#s_btn { font-weight: bold; width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #d4151a;color: #fff;border: none;cursor: pointer;}
#formsearch input#highsearch {width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #e87518;color: #fff;border: none;cursor: pointer;}
.hotSearch {height: 24px;line-height: 24px;font-weight: normal; position: absolute; right: 281px; top: 35px;}
.hotSearch a{padding-left: 3px; padding-right: 3px;}
.highsearch{float: right;height: 24px;line-height: 24px;font-weight: normal;margin-right: 10px; display: inline-block; width: 40px; color: #fff; background: #e87518;}

/* nav parts */
.menu_1{background: #d4151a; }
#menu {margin-top: 5px; width: 76%; margin: 0 auto; height: 40px; background: #d4151a; }
#menuw {margin-top: 5px; width: 76%; margin: 0 auto;}
#menu .nav ul{width: 100%;}
#menu .nav li{height: 40px;text-align: center;float: left;position: relative;z-index: 9999; width: 10%;}
#menu .nav li a {display: block; width:100%; position: relative; line-height: 40px;color: #000;height: 40px; font-family: "微软雅黑"; font-weight: bold; font-size: 15px; letter-spacing: 2px;}
#menu .nav li a:hover{background: #2f2f2f; color: #d4151a;}
#menu .nav li .sec{display: none; position: absolute; left: 0; top: 35px;  background: #dd7979; width: 100%;}
#menu .nav li .sec li{position: relative;}
#menu .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #0c4b76; width: 100px;}



#menu1 {margin-top: 5px; width: 1200px; margin: 0 auto; height: 32px;}
#menu1 .nav li{height: 32px;text-align: center;width: 260px;float: left;position: relative;z-index: 9999;}
#menu1 .nav li a {display: block; width:100%; position: relative; border-left:  1px solid #fff; border-right: 1px solid #fff; line-height: 40px;color: #0a9b8c;height: 40px; font-family: "微软雅黑"; font-weight: normal; font-size: 14px;}
#menu1 .nav li a:hover{background: #fff;}
#menu1 .nav li .sec{display: none; position: absolute; left: 0; top: 32px;  background: #dd7979; width: 100%;}
#menu1 .nav li .sec li{position: relative;}
#menu1 .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #0c4b76; width: 100px;}


/*banner parts*/
#focus {width:76%;  min-height: 400px; overflow:hidden; position:relative; margin: 0 auto; }
#focus ul {height:141px; position:absolute;}
#focus ul li {float:left; width:100%; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{
width:100%;
 }
#focus ul li div{position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:100%; height:10px; padding:40px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; border-radius: 50%; width:25px; height:25px; _font-size:0; margin-left:5px; cursor:pointer; background:#da251c;}
#focus .btn span.on{background:#fff;}

/*
#focus {width:1920px; height:678px; overflow:hidden; position:relative; margin: 0 auto; }
#focus ul {height:141px; position:absolute;}
#focus ul li {float:left; width:1920px; height:678px; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{height:678px;width:1920px;}
#focus ul li div{position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1920px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:1920px; height:10px; padding:40px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; border-radius: 50%; width:25px; height:25px; _font-size:0; margin-left:5px; cursor:pointer; background:#da251c;}
#focus .btn span.on{background:#fff;}
*/

.sousuo_sy{width: 1200px; margin: 0 auto; height: 30px; padding: 20px;}
.sousuo_sy_l{float: left;}
.sousuo_sy_r{float: right;}

.ourcase{width: 1200px; margin: 0 auto; padding-top: 50px; }


.chanping_fl{width: 1200px; margin: 30px auto;}
.chanping_fl_l{ width: 1200px; margin:20px 0px 40px 0px; overflow: hidden;}
.chanping_fl_r{width: 1200px; padding: 30px 20px; background: #e9e9e9;}


ul.sort_sy li span a{float:left; margin-left: 10px; padding: 0px 40px; height: 40px; line-height: 40px; display: block; font-weight: bold; color: #333; font-size: 15px; border: 1px solid #ccc;}
ul.sort_sy li .twolevel a{ padding-left: 25px; display: block; height: 30px; line-height: 30px; background: url(../img/dot.jpg) no-repeat #f0f0f0 10px 13px;  border-bottom: 2px solid #dcdee7; font-size: 12px;}

.about_sy{width: 1200px; margin: 50px auto; background: #f9f9f9;}

.new_sy_tp_bt{width: 1200px; margin: 50px auto;}

.new_sy_tp{width: 1200px; margin: 30px auto; overflow: hidden;}
.new_sy_tp_l{float: left; width: 700px;}
.new_sy_tp_r{float: right; width: 450px;}
.new_sy{width: 1200px; margin: 50px auto; overflow: hidden;}
.new_sy_gs{float: left; width: 380px;}
.new_sy_hy{float: left; width: 380px; margin-left: 30px;}
.new_sy_js{float: right; width: 380px;}


.lianxi_sy_db{width: 1200px; background:  url(../img/lianxi_sy_db.jpg); margin: 0px auto; height: 250px;}
.lianxi_sy_db_lr{margin:40px 0px 0px 350px; width: 500px; float: left;}










.dengbj{width: 1200px; background: #000; margin:  40px auto; overflow: hidden; }

.deng{
	
	         margin: 6px 0 6px 32px;
    width: 336px;
    float: left;  
        height: 336px;  
        background: url(../img/deng.gif);
        border-radius: 50%;
         
        -webkit-animation:run 30s linear 0s infinite; 

}

.deng:hover{  
        -webkit-animation-play-state:paused;  
    }  


    @-webkit-keyframes run{  
        from{  
            -webkit-transform:rotate(0deg);  
        }  
        to{  
            -webkit-transform:rotate(360deg);  
        }  
    }  

.deng span{height: 336px; line-height: 336px; text-align: center;}

.deng1{width: 500px; float: left;}
.deng1 span{color: red;}
.deng2{width: 500px; float: right;}
.deng2 span{color: red;}










.chanpingsy{ width: 1200px; margin: 0 auto; padding-top: 50px; background-color: #0A9B8C;}
.chanpingfl{ width: 100%; background: #d3d9de; height: 40px; }
.chanpingfl1{ width: 1200px; margin: 0 auto;}

.chanpinsantu{width: 1200px; margin: 0 auto;}

.syabout{ width: 1200px; margin: 0 auto; }
.syabouttp{height: 222px; color: #fff; background: url(../img/syabout.png) no-repeat;}
.syaboutwz{padding-left: 10px; padding-right: 10px;}


.neirong{width: 100%; background: #E9EEF2;  padding-top: 40px;}

#container1{}

.box1{ padding-top:30px; padding-bottom:50px; width:1200px; margin:0 auto;}
.box1 h2{ text-align:center; font:600 24px/40px "微软雅黑"; color:#007fec; margin-bottom:30px;}
.box1 h2 span{ font:100 12px/30px "微软雅黑";}
.tu1{height:265px; width:440px; float:left; overflow:hidden; margin-right:40px; background: url(../img/1aq.jpg) left top no-repeat; }
.tu1:hover{background: url(../img/1ah.jpg) left top no-repeat; }
.tu2{height:265px; width:440px; float:left;overflow:hidden; background: url(../img/2aq.jpg) left top no-repeat;}
.tu3{height:265px; width:440px; float:right;overflow:hidden;background: url(../img/3aq.jpg) left top no-repeat;}

.tu2:hover{background: url(../img/2ah.jpg) left top no-repeat; }
.tu3:hover{background: url(../img/3ah.jpg) left top no-repeat; }


.syxinwen{width: 1200px; margin: 0 auto;}
.xinwenbeijing{width: 1200px; background: #fff; padding-top: 6px; height: 300px;}
.syxinwen h2{font-family: "黑体"; color: #0a9b8c; font-size: 20px; padding-bottom: 10px;}
.jishuzhichi{width: 330px; float: left; margin-right: 40px; padding-left: 6px;}
.hangyexinwen{width: 330px; float: left;}
.lianxiwomen{width: 440px; float: right;}

.kehuanli{width: 1200px; margin: 0 auto; padding-bottom: 30px; padding-top: 30px;}














.ds{width:1000px; margin:0 auto}
.ds ul li{float:left; margin-right:1px;}

/*container parts*/
#container{width: 1000px; margin: 0 auto; margin-top: 30px;}
.menu_cate{width: 220px;float: left; border: 1px solid #2f397a; padding: 2px; padding-bottom: 16px;}
.menu_cate h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}
ul.sort li a{display: block; height: 30px; background: url(../img/dot.jpg) no-repeat 20px 15px; line-height: 30px; border-bottom: 1px solid #dcdee7;padding-left: 47px;}
ul.sort li .twolevel a{padding-left: 65px;}

ul.listsort li{position: relative; padding-left: 16px; background:url(../img/d1.jpg) left center no-repeat}
ul.listsort li.special{padding: 3px;}
ul.listsort li .lileft{width: 100px; height: 80px; float: left; padding-top: 3px;}
ul.listsort li .lileft img{padding: 2px; border: 1px solid #d9d9d9;}
ul.listsort li .lileft img:hover{border:1px solid #e87518;}
ul.listsort li .liright{float: right; padding: 2px; line-height: 22px; width: 168px;}
ul.listsort li .liright1{float: right; padding: 2px; line-height: 22px; width: 643px;}
ul.listsort li a{line-height: 28px;  display: block; font-family:"微软雅黑";}
ul.listsort li span{position: absolute; right: 7px; top: 5px;}


ul.listsort_tp li{position: relative; padding-left: 16px; }
ul.listsort_tp li.special{padding: 3px;}
ul.listsort_tp li .lileft{width: 100px; height: 80px; float: left; padding-top: 3px;}
ul.listsort_tp li .lileft img{padding: 2px; border: 1px solid #d9d9d9;}
ul.listsort_tp li .lileft img:hover{border:1px solid #e87518;}
ul.listsort_tp li .liright{float: left; padding: 2px 2px 2px 20px; line-height: 22px; width: 168px;}
ul.listsort_tp li .liright1{float: right; padding: 2px; line-height: 22px; width: 643px;}
ul.listsort_tp li a{line-height: 28px;  display: block; font-family:"微软雅黑";}
ul.listsort_tp li span{position: absolute; right: 7px; top: 5px;}


/*about parts*/
.about{width: 674px; height:309px; float:right; background:url(../img/about.jpg) left top no-repeat; overflow:hidden}
.about h2{line-height: 42px; height:42px; position:relative}
.about .content{padding: 5px; line-height: 25px; text-indent: 20px; padding-bottom: 5px;}

/*news parts*/
.news_company{padding: 5px;
border: 1px solid #cccccc; float:left; width:290px;}
.industry{margin-top: 10px;}
.news_company h2{line-height: 28px;
color: #0673c8;
font-size: 14px;
font-weight: normal;
font-family: "微软雅黑";
padding-top: 5px;
}


/*recommend product parts*/
.recommend_product{margin-top: 10px;
padding-bottom: 6px; border:1px solid #cdcdcd; }
.recommend_product h2{margin-bottom:15px;}
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left; width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#demorx {overflow:hidden;width:96%;margin:0 auto;}
#indemorx {float: left; width:800%}
#demo1rx {float: left;}
#demo2rx {float: left;}

#demoxp {overflow:hidden;width:96%;margin:0 auto;}
#indemoxp {float: left; width:800%}
#demo1xp {float: left;}
#demo2xp {float: left;}

#demo_case {overflow:hidden;width:96%;margin:0 auto;}
#indemo_case {float: left; width:800%}
#demo1_case {float: left;}
#demo2_case {float: left;}

#mdemo{background:#FFF;overflow:hidden;width:96%;margin:0 auto;}
#mindemo {float: left; width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}

#ndemo{background:#FFF;overflow:hidden;width:96%;margin:0 auto;}
#nindemo {float: left; width:800%}
#ndemo1 {float: left;}
#ndemo2 {float: left;}
.jish{width:488px; float:left}
.jish .title{line-height: 38px;
color: #1e1e1e;
background: url(../img/bg2.jpg) left bottom no-repeat;
font-size: 16px;
font-weight: normal;
font-family: "微软雅黑";
height: 47px;
border-top: 1px solid #e1e1e1;
position: relative;}

.dn{margin-top:25px;}
.hangye{ float:right}

ul.sort1{padding-bottom:15px;}
ul.sort1 li{float:left; padding-left:15px; padding-right:15px;}
ul.sort1 li a{display: block; height: 30px;  line-height: 30px; padding-left: 0px; font-family:"微软雅黑"; color:#1288f6;}
ul.sort1 li .twolevel a{padding-left: 65px;}

.product_list{}
.product_list li{float:left;margin-left:15px; margin-right:13px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:2px;border:1px solid #D5D5D5; display:block;}
.product_list li a img{width:300px;height:200px;}
.product_list li h3{text-align:center;padding-top:5px; margin-top:1px; font-weight:normal;}
.product_list li h3 a{font-weight:normal;}
.product_list li h3 a:hover{color:#e87518;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}
.roll_product li{padding-bottom:0px; float:left;padding:2px;}
.roll_product{float:left;} 


/*download parts*/
.download{width:325px; float: left;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px;}
.download h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}


/*technical parts*/
.technical{width:325px; float: left;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px; margin-left: 15px;}
.technical h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}
.technical .content{padding:5px; padding-bottom: 0;}

/*job parts*/
.job{width:300px; float: right;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px;}
.job h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}

 
/* link parts*/
#link{width: 1200px; margin: 0 auto; margin-top: 10px;border: 1px solid #e0e1dc;padding: 2px;}
#link h2{line-height: 28px; color:#333; padding-left: 20px;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}
#link h2 a{font-weight:normal; padding-left:5px; padding-right:5px; color:#333;}
#link .content a{padding: 2px; padding-left: 8px; padding-right: 8px;}
#link .content a:hover{background: #ff0000; color: #fff;}


/* footer parts*/
#footer{width: 76%; margin: 0 auto; color: #000; margin-top: 10px;  padding-bottom: 30px;}
#footer .nav_foot{padding-top: 15px; padding-bottom: 25px; text-align: center; border-bottom: 1px solid #333;}
#footer .copyright{line-height: 24px; text-align: center;}
#footer .technology{text-align: center;}



/* commen css */
.commentitle{background: url(../img/rg.jpg) repeat-x;line-height: 28px; font-family: "微软雅黑"; border: 1px solid #d2d2d2;padding-left: 8px;}
.downdetail{margin-top:10px;}



/*H5代码*/
.team_sy{margin: 0; display: block; box-sizing: content-box;}

.team_sy_1{margin: 0; box-sizing: content-box;}

.team_sy_2{height: auto;
    overflow: hidden;
    margin: 0px;
    position: relative;
    padding: 30px 0px; display: block; box-sizing: content-box;

}
   

.team_sy_2 ul {
    padding: 0px;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0px;
    position: relative;
    max-width: 80%;
}

.team_sy_2 ul li {
    width: 18.5%;
    float: right;
    position: relative;
    margin-right: 1.5%;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
    transition: .3s;
    

}
.team_sy_2 ul li img{
    width: 100%;
}
.team_sy_2 ul li:hover{ width: 19.9% }
.team_sy_2 ul li p { 
    font-weight: bold;
    height: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../img/black.png) repeat;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    width: 100%;
    margin: 0px;

        box-sizing: content-box;
        
}
.team_sy_2 ul li a any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;}


.overflow {white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;}
.Animation{transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;}

.team_sy_2 ul li.item0 {
    
    margin-right: 0px;
}


.team_sy_wz{    text-align: center;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 2;}

.team_sy_wz span{font-size:20px; color: #f5f5f5; margin: 0px;}
.team_sy_wz p{font-size: 14px; color: #a3a3a3;}
.team_sy_bj{    margin: 15px auto;
   
    width: 331px;
    height: 26px;
    position: relative;
    z-index: 2;
    background: url(../img/title_bj.png) no-repeat;}
.team_sy video { position: absolute;
    left: 0px;
    top: 0px;
    width: 100%; background-attachment: fixed; display: inline-block;  vertical-align: baseline;  box-sizing: content-box; object-fit: contain;}

.pinpai_nr{

    width: 76%;
    padding: 0px;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
    position: relative;

}

.pinpai_nr ul li {
    width: 20%;
    
    float: left;
    position: relative;
    display: list-item;
    text-align: -webkit-match-parent;
}
.pinpai_nr ul li .pp1 {
    width: 90%;
    padding-bottom: 20px;
    background: #efefef;
    text-align: center;
    overflow: hidden;
    transition: .6s;

}

.pinpai_nr ul li  em {
    padding-bottom: 10px;
    display: block;
    margin-top: 30px;
    text-align: center;
}
  
.pinpai_nr ul li  strong {
    display: block;
    font-size: 14px;
    color: #707070;
    margin-top: 2px;
    text-align: center;
}

.pinpai_nr ul li  span {
    display: block;
    font-size: 10px;
    color: #a9a8a8;
    text-transform: uppercase;
    line-height: 15px;
    margin-top: 3px;
    text-align: center;
}

.pinpai_nr ul li  p{
    width: 44px;
    height: 2px;
    background-color: #9b9b9b;
    margin: 5px auto 0px;
}


.pinpai_nr ul li .pp1:hover {
    width: 100%;
    background: #da251c;
    color: #fff;
 
}




.umeixun {
    width: 100%;
    height: 440px;
    background: url(../img/lanan.jpg) no-repeat fixed center center / cover transparent;
    background-size: cover;
    overflow: hidden;
}

.container1 {
    width: 76%;
    margin: 0px auto;
}

.umeixun .mod-l {
    float: left;
    width: 56%;
    max-height: 379px;
    margin: 40px 0px;
    background-color: rgba(255,255,255,0.7);
    overflow: hidden;
    padding: 20px; 
}


.umeixun .mod-m {
    float: left;
    width: 20%;
    margin:90px 0px;

}
.umeixun .mod-m div{
    
    width: 200px;
    height: 200px;
    background: url(../img/hjylogo.gif);
    border-radius: 50%;
    -webkit-animation: run 6s linear 0s infinite;

}
.umeixun .mod-r {
    float: right;
    max-height: 379px;
    width: 40%;
    margin: 40px 0;
    background-color: rgba(255,255,255,0.7);
    overflow: hidden;
    padding: 20px;
}

.shijing_up{width: 1200px; height: 440px; margin: 0 auto; z-index: 8; overflow: hidden;}

.shijing_up_l{ width: 570px; height: 418px; margin: 11px 15px; float: left; overflow: hidden; }
.shijing_up_l img{width: 570px; height: 418px;   transition:all .8s;}
.shijing_up_l img:hover{ width: 600px; height: 440px;  }

.shijing_up_r{width: 600px; height: 440px; float: right;}
.shijing_up_r_up_l{overflow: hidden; width: 285px; height: 209px; float: left; margin: 5px 7px 6px 8px;}
.shijing_up_r_up_r{width: 285px; height: 209px; float: left;  margin: 5px 7px 6px 8px;}
.shijing_up_r_do_l{overflow: hidden; width: 285px; height: 209px; float: left;  margin: 5px 7px 6px 8px;}
.shijing_up_r_do_r{width: 285px; height: 209px; float: left; margin: 5px 7px 6px 8px;}

.shijing_up_r img{width: 285px; height: 209px; transition: .8s;}
.shijing_up_r img:hover{width: 300px; height: 220px;}
.shijing_do{width: 1200px; margin: 10px auto; background: #e9e9e9; padding: 30px 8px; z-index: 10;}


.title_sy{width:76%; margin: 60px auto 10px; overflow: hidden; height: 30px;}
.title_sy_l{float: left; width: 9%; border-bottom: 2px solid #da251c;    font-size: 24px;
    font-weight: 600; padding-bottom: 5px;
    height: 30px;}
.title_sy_r{float: right; width: 91%; border-bottom: 1px solid #efefef;    font-size: 16px;
    height: 30px; padding-bottom: 5px;}
.title_sy_r li{float: left; margin-left: 10px;}
.title_sy li{color: #bbb;}


#title_sy_tb{float: right; color: #919191; font-size: 14px; margin-right: 50px; }
#title_sy_1{float: right; padding: 1px 8px; margin-right: 20px; border: 1px solid #efefef; border-radius: 8px;}

.pinzhi_nr{ 

    width: 1200px;
    padding: 0px;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
    position: relative;

}

.pinzhi_nr ul li {
    width: 300px;
    height: 200px;
    float: left;
    position: relative;
    display: list-item;
    text-align: -webkit-match-parent;
}
.pinzhi_nr ul li .pp2 {
    width: 270px;
    height: 180px;
    color: #707070;
    background: #efefef;
    text-align: center;
    overflow: hidden;
    transition: .3s;

}

.pinzhi_nr ul li  em {
    display: block;
    margin-top: 30px;
    text-align: center;
}
  
.pinzhi_nr ul li  strong {
    display: block;
    font-size: 14px;
 
    margin-top: 2px;
    text-align: center;
}

.pinzhi_nr ul li  span {
    display: block;
    font-size: 10px;
    color: #a9a8a8;
    text-transform: uppercase;
    line-height: 15px;
    margin-top: 3px;
    text-align: center;
}



.pinzhi_nr ul li .pp2:hover {
    width: 300px;
    height: 200px;
    background: #707070;
    color: #da251c;
    font-weight: 600;
 
}

.zhuangxiu_jn{width: 100%; padding: 30px 0 20px; background: #343434}

.gonglv{width: 1200px; margin: 0 auto; padding: 20px 10px; overflow: hidden; background: #fdfdfd;}
.gonglv li{width: 286px; float: left; margin-right: 12px;}
#gonglv_last{float: right; margin: 0;}

.liuyan{width: 1200px; margin: 0 auto; overflow: hidden;}
.liuyan_l{width: 600px; float: left; margin-top: 20px;}
.liuyan_l_nr{width: 460px; margin: 20px 0px 0px 10px; float: left; padding:20px 30px;  background: #efefef; box-shadow: 3px 3px 10px; border-radius: 20px;}
.liuyan_l_nr h2{margin-bottom: 20px;}
.liuyan_r{width: 600px; float: right;}
.liuyan_r td{width: 80px;}

.hezuo{width: 1200px; margin: 80px auto 50px; }
.hezuo h2{width: 1200px; border: 2 solid #c9c9c9; background: #efefef; height: 25px; padding:10px; font-size: 20px;}

.chanpin_gd{max-width: 76%; margin: 0 auto; }
.newcenter{width: 76%; margin: 30px auto; overflow: hidden;}
.newcenter_1{float: left; width: 30%; margin-right: 5%;}
.newcenter_2{float: left; width: 5%;background-color: rgba(255,255,255,0.1); }
.newcenter_3{float: left; width: 30%}
.newcenter_4{float: right; width: 30%}
.newcenter h2{    font-size: 18px;
    font-family: "黑体";
    padding: 10px;
    color: #d4151a;
    letter-spacing: 2px;
}