@CHARSET "UTF-8";


/* header parts */
#header{
    height: 97px;
    width: 100%;
    /* border-top: 1px solid #dceef7; */
    /* background: #c5e3f1;*/
}
#header  img{width:45%;}
#head{width: 1200px; margin: 0 auto;}
.logo{float: left;padding-top: 10px;}
.head_tel{ float:right;}
.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:100%;height:97px;}
#menu .nav{ width:1180px; margin:0 auto;}
#menu .nav li{height:40px;text-align: center;/*width:91px;*/float: left;position: relative;z-index: 9999;}
#menu .nav li a {font-size: 18px;font-weight: bold;padding: 0 28px;display: block; /*width:100%;*/position: relative; line-height:97px;color: #333;height: 97px; font-family: "微软雅黑";}
#menu .nav li a:hover{color:#353535;border-bottom: 5px solid #353535;}
#menu .nav li:hover{}

#menu .nav li .sec{display: none; position: absolute; left:-20px; top:100px;  background:#efefef;}
#menu .nav li .sec li{width: 176px;text-align: center;border-bottom: 1px dashed #fff;
    position: relative;}
#menu .nav li .sec li a{
    font-weight: normal;
    font-size: 16px!important;
    padding: 0;
    width: 176px;
    height: 40px!important;
    line-height: 40px!important;}
#menu .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #2f397a; width: 100px;}
.w1200{width:1200px;position: relative;margin: 0 auto;}
.main{
    /* border-bottom:6px solid #ffb91d; */
    background-color: #353535;
    height: 600px;
    overflow: hidden;
}
.mafen li{
    color:#fff;
    text-align: center;
    margin: 70px 20px;
    height: 430px;
    width: 255px;
    float: left;
    border: 1px solid #fff;
    border-radius: 7px;
}
.malogo img{padding:20px 0;height:61px;}
.malogo h3{
    font-weight: normal;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 21px;
}
.malogo span{
    text-indent: 2em;
    overflow: hidden;
    padding: 10px 12px;
    text-align: left;
    display: inline-block;
    height: 113px;
}
.malogo span p{text-indent: 2em;}
.malogo h4{
    text-align: center;
    background: #fff;
    height: 1px;
    width: 224px;
    margin: 26px auto;
}

.daohang  a{
    line-height:38px;
    height: 38px;
    width: 210px;
    display: inline-block;
    margin: 0;
    margin-bottom:18px;
    padding: 0;
    border-top: 0px solid #3099dd;
    border-right: 0px solid #3099dd;
    border-bottom: 0px solid #3099dd;
    border-left: 0px solid #3099dd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.85);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background-size: auto;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0 rgb(0 0 0 / 50%);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 rgb(0 0 0 / 50%);
    cursor: pointer;
    outline: none;
    text-align: center;
}
/*banner parts*/
.topbanner{height:618px;position:relative;width:100%;overflow:hidden;}
#focus {width:1920px; height:618px; 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:618px; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{height:618px;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:15px; height:15px; _font-size:0; margin-left:5px; cursor:pointer; background:#000;}
#focus .btn span.on{background:#000;}


/*container parts*/
#container{width:1200px; margin: 0 auto; margin-top: 15px; margin-bottom:15px;}
.box1{}
.box2{ margin-top:15px;}
.box3{margin-top:15px;}
.menu_cate{width:190px;float: left; background:#1890c7; padding:20px 10px; }
.menu_cate h2{ font:100 18px/30px "微软雅黑"; color:#fff; background:#cb1023; width:165px; padding-left:20px;}
ul.sort1{padding-top:10px;}
ul.sort1 li a{font:100 14px/30px "微软雅黑"; color:#fff; padding-left:20px;}
ul.sort1 li a:hover{ color:#cb1023}
ul.sort1 li .twolevel a{padding-left: 65px;}


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{ 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;}
ul.listsort li span{position: absolute; right: 7px; top: 5px;}

ul.listsort1{ background:#1890c7; 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:#949494; 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:#949494; 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:30px;}
.industry{}
.news_company h2{ background:#1890c7; height:36px; font:100 15px/36px "微软雅黑"; color:#fff; text-align:center;}


/*recommend product parts*/
.recommend_product{width: 770px;float:right;}
.recommend_product h2{font:600 15px/44px "微软雅黑";color:#0d5ca7; 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:#949494; 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:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#mdemo{background:#f7f6f6;overflow:hidden;width:100%; padding-top:10px;}
#mindemo {float: left;width:800%}
#mdemo1 {float: left;}
#mdemo2 {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:225px;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:#1890c7; height:36px; font:100 15px/36px "微软雅黑"; color:#fff; text-align:center;}
.download .content{}
.download .con_tent{ background:#1890c7;}
.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:#666;}
.link{ width:1000px; margin:0 auto; font:100 12px/40px "宋体";color:#fff;}
.link span{ font:600 14px/40px "微软雅黑"; color:#fff;}
.link a{ padding-left: 8px; padding-right: 8px;color:#fff;}
.link a:hover{color: #f57923;}
.bei{background-color:#eee;height:50px;line-height:50px;text-align:center;}
.bei a{line-height:50px;font-size:13px;color:#333;font-weight: normal;}
.w1200{width:1200px;margin:0 auto;}
/* footer parts*/
.fl{float:left;}
.fr{float:right;}
.foot{width:100%;height:238px;background:#333;}
.footer{width:1200px; margin: 0 auto; padding-top:20px; padding-bottom:20px;}
.footer .nav_foot{
    width: 363px;
    padding-top:50px;
    padding-bottom: 5px;
    text-align: center;
    color: #c5bfbf;
}
.footer .nav_foot  a{color:#c5bfbf}
.footer .copyright a{color:#c5bfbf}
.footer .copyright p{
    line-height: 26px;
    color: #c5bfbf;}
.footer .copyright  h2{font-size:16px;color:#efefef;padding-bottom:10px;}
.footer .technology a{color:#c5bfbf}
.footer .copyright{
    width: 281px;
    line-height: 24px;
    text-align: left;
    color: #c5bfbf;
    padding-left:140px;
}
.footer .technology{width: 300px;text-align: center;color:#c5bfbf}
.footer .technology h2{font-size:16px;color: #efefef;padding-bottom:44px;}



/* 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;}





