@CHARSET "UTF-8";


/* header parts */
#header{width:100%; border-top:1px solid #dceef7; background:#fff;}
#head{width: 1200px; margin: 0 auto;}
.logo{float: left;}
.head_tel{ float:right;width: 300px;height: 90px;}
.topLink{float: right; padding-top: 5px; padding-right: 8px; color: #333}
 
.topk1{text-align: right}
.topk2{margin-top: 10px;}
#formsearch {float: left;}
#formsearch input#keyword {height: 22px;line-height: 22px;padding-left: 4px;color: #666;}
#formsearch input#s_btn {width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #2f397a;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 {width: 1200px;background: #eeeded;height: 40px;margin: 0 auto;}
#menu .nav{ width:1200px; margin:0 auto;}
#menu .nav li{height:40px;text-align: center;width:150px;float: left;position: relative;z-index: 9999;}
#menu .nav li a {display: block; background: #eeeded; width:100%; position: relative; line-height:40px;color: #010101;height: 40px; font-family: "微软雅黑"; font-size: 16px;}
#menu .nav li a:hover{background: #2675b0;color:#fff}
#menu .nav li .sec{display: none; position: absolute; left: 0; top: 32px;  background: #2f397a; width: 100%;}
#menu .nav li .sec li{position: relative;}
#menu .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #2f397a; width: 100px;}


/*banner parts*/
.topbanner{height:540px;position:relative;width:100%;overflow:hidden;}
#focus {width:1920px; height:540px; position:absolute;left:50%;top:0px;margin-left:-960px;overflow-x:hidden;}
#focus ul {height:141px; position:absolute;}
#focus ul li {float:left; width:1920px; height:540px; overflow:hidden; position:relative; background:#fff;}
#focus ul li a img{height:540px;width:1920px;}
#focus ul li div{position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute;right:2px;bottom:0px;width:100%;z-index:100;padding:0px 0px;text-align:center;}
#focus .btn {position:absolute; width:1920px; height:15px;  right:0; bottom:10px; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:80px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#2777b2;}
#focus .btn span.on{background:#dc102b;}



.pinpai_nr{

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

}

.pinpai_nr ul li {
    width: 240px;
    height: 240px;
    float: left;
    position: relative;
    display: list-item;
    text-align: -webkit-match-parent;
}
.pinpai_nr ul li .pp1 {
    width: 220px;
    height: 220px;

    background: #eeeded;
    text-align: center;
    overflow: hidden;
    transition: .6s;

}

.pinpai_nr ul li  em {
    display: block;
    margin-top: 30px;
    text-align: center;
}
  
.pinpai_nr ul li  strong {
    display: block;
    font-size: 14px;
    color: #010101;
    margin: 10px 0px;
    text-align: center;
}
.pinpai_nr ul li  strong:hover {
    display: block;
    font-size: 14px;
    color: #fff;
    margin: 10px 0px;
    text-align: center;
}
.pinpai_nr ul li  span {
     padding: 0px 10px 0px 10px;
    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: 240px;
    height: 220px;
    background: #2675b0;
 
}
.sy_about{width: 100%; height: 400px;/* background: url(../img/sy_about.png);*/ overflow: hidden;}
.sy_about1{width: 1200px; margin: 30px auto 0px; }



/*container parts*/

#container{width: 1200px; margin: 0 auto; margin-top: 15px; margin-bottom:15px;}
@media screen and (max-width: 768px){
    #container {
      width:98%;
    }
}
.box1{}
.box2{ margin-top:15px;}
.box3{margin-top:15px;width: 1200px;margin: 0 auto;}
#menu_cate{width:250px;float: left;  padding:20px 10px; }
#menu_cate h2{ font:100 20px/30px "微软雅黑"; color:#010101; background:#2675b0; width:210px; padding-left:20px;text-align: center;    padding: 20px;}
#menu_cate  ul {padding-top:10px;}
#menu_cate  ul li a{font:600 16px/40px "微软雅黑"; border-bottom: solid 1px #fff; color:#2675b0;  background: url(../img/bot1_sy.jpg) no-repeat left 5px center #cecece;height: 40px;  display: block; width: 250px; overflow: hidden; padding-left: 20px; }
#menu_cate  ul li a:hover{ color:#fff;  border-bottom: solid 1px #fff; background: url(../img/bot1_sy.jpg) no-repeat left 5px center #2675b0;}
#menu_cate  ul li .twolevel a{font:200 14px/40px "微软雅黑"; border-bottom: solid 1px #e1e1e1; color:#333;  padding-left: 30px; background: url(../img/bot1_sy.png)  left 20px center  no-repeat;}
#menu_cate  ul li .twolevel a:hover{ color: #808080; border-bottom: solid 1px #e1e1e1; background: url(../img/bot1_sy.png)  left 20px center no-repeat #fff;}
#menu_cate  ul li{overflow: hidden;}

ul.sort li a{display: block; color: #000; 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{ padding-top:10px;}
ul.listsort li{position: relative; padding-left: 8px; background:url(../img/dot.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: 26px;  display: block;color: #333}
ul.listsort li span{position: absolute; right: 7px; top: 5px;color: #000;}

ul.listsort1{ background:#009a43; padding-left:30px; padding-top:10px;}
ul.listsort1 li{position: relative; background:url(../img/downli.jpg) left center no-repeat; padding-left:30px;}
ul.listsort1 li a{line-height: 26px;  display: block; color:#fff;}
ul.listsort1 li a:hover{ color:#f57923;}
ul.listsort1 li span{position: absolute; right: 7px; top: 5px;color:#fff;}
/*about parts*/
.about{width:735px;float: left;}
.about h2{ background:url(../img/pro_t.jpg) left top no-repeat; height:44px;font:600 15px/44px "微软雅黑";color:#0d5ca7; padding-left:30px;position:relative;}
.about h2 span{ font-family:"Arial"; color:#009a43; font-weight:100;}
.about h2 a{ position:absolute; z-index:99; right:10px; top:16px;}
.about .content{ height:165px; overflow:hidden; font:100 12px/22px "宋体"; color:#333; padding-top:20px;}


.contact{width:250px;float:right;}
.contact h2{ background:url(../img/pro_t.jpg) left top no-repeat; height:44px;font:600 15px/44px "微软雅黑";color:#0d5ca7; padding-left:30px;position:relative;}
.contact h2 span{ font-family:"Arial"; color:#009a43; font-weight:100;}
.contact h2 a{ position:absolute; z-index:99; right:10px; top:16px;}
.contact .content{ height:165px; overflow:hidden; font:100 12px/20px "宋体"; color:#333; padding-top:15px;}
/*news parts*/
.news_company{width: 325px;float:left; margin-right:115px;}
.industry{}
.news_company h2{ background:#2675b0; height:36px; font:100 15px/36px "微软雅黑"; color:#fff; text-align:center;}


/*recommend product parts*/
.recommend_product{width: 915px;float:right;padding-top: 20px;}
.recommend_product h2{font:600 15px/44px "微软雅黑";color:#010101; padding-left:30px; /*background:url(../img/pro_t.jpg) left top no-repeat;*/ height:44px; position:relative;}
.recommend_product h2 span{ font-family:"Arial"; color:#2675b0; font-weight:100;}
.recommend_product h2 a{ position:absolute; z-index:99; right:10px; top:16px;}
#demo{background:#f7f6f6;overflow:hidden;width:100%; padding-top:10px;}
#indemo {float: left;width:1600%}
#demo1 {float: left;}
#demo2 {float: left;}

#demoa_r{background:#f7f6f6;overflow:hidden;width:100%; padding-top:10px;}
#indemo_r {float: left;width:1600%}
#demo1_r {float: left;}
#demo2_r {float: left;}

.product_list{}
.product_list li{float:left;margin-left:10px; margin-right:10px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:2px;border:1px solid #D5D5D5; display:block;}
/* .product_list li a img{width:330px;height:263px;} */
.product_list li a img{width:222px;height:150px;}
.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:290px; float:right;}
.download h2{background:#2675b0; height:36px; font:100 15px/36px "微软雅黑"; color:#fff; text-align:center;}
.download .content{}
.download .con_tent{ background:#009a43;}
.download .con_tent .more_d{text-align:right; padding-right:20px;}
.download .con_tent .more_d a{ color:#fff; font:100 14px/40px "微软雅黑";  }
.download .con_tent .more_d a:hover{color:#f57923;}
/*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:100%; background: #eeeded;}
.link{ width:1200px; margin:0 auto; font:100 12px/40px "宋体";color:#000;}
.link span{ font:600 14px/40px "微软雅黑"; color:#000;}
.link a{ padding-left: 8px; padding-right: 8px;color:#000;}
.link a:hover{color: #000;}


/* footer parts*/
.foot{ width:100%; height: 320px;background:#868686;}
#footer{width: 1000px; margin: 0 auto; padding-top:50px; padding-bottom:20px;}
#footer .nav_foot{padding-top: 10px; padding-bottom: 5px; text-align: center;color:#000;}
#footer .copyright{line-height: 24px; text-align: center;color:#000;}
#footer .technology{text-align: center;color:#000;}



/* 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;}




#cpfl{width:100%; margin: 0 auto; height:80px;}
#cpflxq{width:1200PX; margin: 0 auto; height:336px;padding-top: 50px;}
#wmdkh{width:1200PX; margin: 0 auto;}
#wmdys{background:#f6f6f8;margin: 0 auto; height:50px;}
#wmdyslr{background:#f6f6f8; margin: 0 auto; height:210px;COLOR: #666666;font-size: 18px;LINE-HEIGHT: 35px;TEXT-DECORATION: none;font-family: "Microsoft YaHei";}
#wmdystp{background:#f6f6f8; margin: 0 auto; height:427px;}
#dbgywm{width:1200PX; margin: 0 auto; height:180px;}

.sort_sy{ background: #eeeded; width:100%;margin-top: 40px; }
.sort_sy_1{width:1200px; margin:0 auto;}
#cpzs{background:#fff;width:930px;height:600px;float:right}
.wmdyjjfa{width: 100%; background: #eeeded;     overflow: hidden;
    margin: 0px 0px;}
.wmdyjjfa_up{width: 1200px; margin: 0 auto;}
.wmdyjjfa_up_1{width: 600px; height: 300px; float: left;}
.wmdyjjfa_up_1 a{background: url(../img/wmdyjjfa_up_1.jpg) no-repeat;     display: block;
    height: 293px;
    width: 600px;}
.wmdyjjfa a{ font-size: 28px; font-family: "微软雅黑"; display: block; letter-spacing: 1px; color: #fff; padding-top: 128px;text-align: center;}   
.wmdyjjfa_up_1 a:hover{background: url(../img/wmdyjjfa_up_1.jpg) no-repeat;}

.wmdyjjfa_up_2{width: 290px; float: left;height: 300px;padding-left: 10px;}
.wmdyjjfa_up_2 a{background: url(../img/jjfa-2.jpg) no-repeat;     display: block;
    height: 293px;
    width: 290px;}
.wmdyjjfa_up_2 a:hover{background: url(../img/jjfa-2_1.jpg) no-repeat;}




.wmdyjjfa_up_3{width: 290px; float: right;height: 300px;}
.wmdyjjfa_up_3 a{background: url(../img/jjfa-3.jpg) no-repeat;     display: block;
    height: 293px;
    width: 290px;}
.wmdyjjfa_up_3 a:hover{background: url(../img/jjfa-3.jpg) no-repeat;}


.wmdyjjfa_up_4{width: 600px; height: 300px; float: right;}
.wmdyjjfa_up_4 a{background: url(../img/jjfa-4.jpg) no-repeat;     display: block;
    height: 293px;
    width: 600px;}
/*.wmdyjjfa_up_4 a:hover{background: url(../img/wmdyjjfa_up_1_a.jpg) no-repeat;}
*/
.wmdyjjfa_up_5{width: 290px; float: left;height: 300px;padding-left: 10px;}
.wmdyjjfa_up_5 a{background: url(../img/jjfa-5.jpg) no-repeat;     display: block;
    height: 293px;
    width: 290px;}
.wmdyjjfa_up_5 a:hover{background: url(../img/jjfa-5-1.jpg) no-repeat;}



.wmdyjjfa_up_6{width: 290px; float: left;height: 300px;}
.wmdyjjfa_up_6 a{background: url(../img/jjfa-6.jpg) no-repeat;     display: block;
    height: 293px;
    width: 290px;}
.wmdyjjfa_up_6 a:hover{background: url(../img/jjfa-6.jpg) no-repeat;}



#xwzxbt{width:1200PX; margin: 0 auto; height:80px;padding-top: 20px;}

#jjfzbt{height:80px; margin: 0 auto;background: #eeeded;}