﻿
body { color:#666; font-size:13px; font-family:微软雅黑, Helvetica, sans-serif;background:url(../Images/top_bg.jpg) repeat-x;line-height:24px;}
/*con*/
.co{ width:100%; height:auto;}
.con{ width:1200px; height:auto; margin:10px auto;background:#fff; }
.conn{ width:1200px; min-height:700px; float:left; padding-bottom:5px; padding-top:5px;background:#fff;overflow-y:hidden;overflow-x:hidden;}
.cleft{ width:230px; float:left; height:auto; }
.cltop{ height:40px; background:url(/images/h22.jpg) repeat-x;}
.cltop2{ height:40px; background:url(/images/h2.jpg) repeat-x;}
.cltoptext{ float:left;height:40px; line-height:40px;padding:0px 55px 0 40px; font-size:16px; color:#fff;background:url(/images/title_lead.png) no-repeat right 0;}
.cltoptext2{ float:left;height:40px; line-height:40px;padding:0px 55px 0 40px; font-size:16px; color:#fff;background:url(/images/title_lead.png) no-repeat right 0;}
.clul{ min-height:200px; border:0px solid #4fa409; border-top:0px; border-top:0px; margin-bottom:10px;background:url(/images/lf_nav_ct_bg.gif)}
.clul ul{ min-height:200px; margin:0px auto;}
.clul ul li{height:40px; border-bottom:0px dashed #4fa409;background:url(/images/c2li.png) repeat-x;padding-top:5px;}
.clul ul li a{ height:36px;line-height:36px;border-radius:3px; background:#eee; color:#333;font-size:14px;display:block; text-align:center;}
.clul ul li a:hover{color:#fff;background:#c10707; -webkit-transition: all .5s;transition: all .5s; font-weight:bold;}
#bot{color:#f10006;background:url(/images/list2.jpg) no-repeat 0px center;font-weight:bold;}


.ctop{ height:50px; border-bottom:1px solid #dedede;background:url(/images/title_bg.jpg) repeat-x;}
.toptext{ height:50px; float:left; line-height:50px; padding-left:15px;background:url(/images/ctopn.png) no-repeat 10px center; color:#000; font-weight:bold; font-size:15px;}

.cright{ width:950px;float:right;border:1px solid #dedede;}
.about{ height:50px;line-height:50px; float:right; padding-right:10px;}
.about a{ border-radius:20px; padding:2px 10px; background:#ccc; color:#555;}
.about a:hover{ background:#ccc;background:#c10707; color:#000;-webkit-transition: all .5s;transition: all .5s; }
/*ma manews maa  使用了padding所有宽度少30*/
.manews{width:920px; min-height:300px; padding:5px;}
.ma{width:920px;height:auto; padding:15px; min-height:300px;
}

.n_ban{width:100%; height:276px; position:relative; margin-top:-5px; overflow:hidden;min-width:1200px}

.cnews1{ width:730px; height:80px; padding-top:5px;}
.nimg a{ width:730px; height:30px; color:#c12e02;font-size:14px;font-weight:bold;}
.nimg a:hover{ width:730px; height:30px; color:#045fb2;font-size:14px;}
.ntext a{  width:730px; height:80px;color:#333;}
.ntext a:hover{   height:80px;color:#045fb2;}
.ntitle{height:30px; float:right;font-size:14px; font-weight:bold; color:#888; }




/*页面上一个下一个   -30px*/
.next{ width:880px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:20px; color:#666; clear:both;font-size:12px;}
.next ul li{ width:880px; padding:0px 5px; height:28px; background-color:#eee; margin-bottom:5px;}
.next span{ color:#111; line-height:28px;}
.next a{ color:#666; text-align:left; font-size:12px; line-height:28px;}
.next a:hover{text-decoration:none; color:#336699;}



/*新闻列表显示*/

.manews ul{ width:700px;padding:10px;}/*就是manews的宽度 可以改*/
.manews ul li{ width:700px; height:35px; padding-left:10px; border-bottom:1px dashed #999; line-height:35px; background:url(/images/dian.png) no-repeat left center;}/*使用的padding left了  所有少了-20px*/
.manews ul li a{ color:#555; text-decoration:none; line-height:35px; text-align:left; font-size:14px;}
.manews ul li a:hover{text-decoration:none; color:#0863c1;}
.ys2{ float:right; color:#555;font-size:12px;}

.kuaix {  overflow:hidden}
.kuaix .tit_b{ background:url(../Images/ico13.jpg) no-repeat bottom;}
.kuaix .nr { padding-top:10px; height:391px;}
.kuaix .nr dl { height:150px; overflow:hidden;margin-bottom:10px;float:left;margin-left:15px;border-bottom:1px solid #ccc;}
.kuaix .nr dt { float:left; font-size:0; line-height:0}
.kuaix .nr dt img { width:220px; height:140px;}
.kuaix .nr dd { float:left; width:650px; padding-left:13px;font:12px "Microsoft YaHei"; color:#444; line-height:20px;}
.kuaix .nr dd h4 a { display:block; height:24px; line-height:24px; padding:0px 0 20px 0; color:#333; font-size:18px;font-weight:bold;}
.kuaix .nr li {  font:12px "Microsoft YaHei"; color:#5a5a5a;line-height:29px; width:230px; }
.kuaix .nr li a{padding-left:16px; background:url(../Images/ico15.jpg) no-repeat 0 12px;overflow:hidden;height:24px;display:block;line-height:24px;}
.kuaix .nr dd span a{ float:right;color:#888;font-size:12px;}


/*技术支持*/
.div_List {
    width: 910px;
    float: left;
    margin-left: 20px;
    background-color: white;
}

    .div_List .pt {
        padding-top: 20px;
        font-size: 24px;
        color: #f25618;
        text-indent: 17px;
    }

    .div_List .ulList {
        width: 880px;
        margin-left: 17px;
        margin-top: 20px;
        padding-bottom: 20px;
    }

        .div_List .ulList li {
            height: 46px;
            border-bottom: 1px solid #E0E0E0;
            line-height: 46px;
            background: url(/Images/Circle.jpg) 20px 18px no-repeat;
        }

            .div_List .ulList li a {
                width: 700px;
                display: block;
                float: left;
                font-size: 16px;
                color: #555555;
                margin-left: 47px;
            }

            .div_List .ulList li .time {
                width: 120px;
                text-align: center;
                float: left;
                color: #a9a9a9;
                font-size: 12px;
                height: 100%;
                line-height: inherit;
            }


/*产品展示页面*/
.nei{float: left;width:215px;height:205px; margin:5px 7px;}
.nei p{color:#000; font-size:14px; text-align:center; line-height:25px;}
.nei:hover{ text-decoration:none;}
.nei:hover p{ color:#df7402;}
.nei:hover .neinav{border:1px solid #df7402;}
.neinav{width:205px;height:175px; padding:5px;border:1px solid #dfdfdf;}
.neinav img{width:205px;height:175px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}

.nei2{float: left;width:700px;height:30px; margin:5px 6px;background:url(/images/wtb_03.jpg) no-repeat left 8px center; }
.nei2 p{color:#000; font-size:12px; text-align:center; line-height:30px; }
.nei2:hover{ text-decoration:none;}
.nei2:hover p{ color:#0d4da4;}
.nei2:hover .nei2nav{border:1px solid #ac0303;}
.nei2nav{width:720px;height:25px; padding-top:6px;border:1px solid #dfdfdf;padding-left:20px;}
.nei2nav img{width:720px;height:30px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}


.nei3{float: left;width:330px;height:230px; margin:10px 6px;}
.nei3 p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei3:hover{ text-decoration:none;}
.nei3:hover p{ color:#da0367;}
.nei3:hover .nei3nav{border:1px solid #da0367;}
.nei3nav{width:300px;height:200px; padding:4px;border:1px solid #dfdfdf;}
.nei3nav img{width:300px;height:200px;}
/*在线留言*/
.panel-c-l td{padding:5px 5px;}
.login-text{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 400px;}
.login-validate{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 100px;}
.login-text-focus{border: 1px solid #574309;}
.login-btn{width: 114px;height: 29px;color: #fff;line-height: 29px;background:#205299;border: none;overflow: hidden;cursor: pointer;border: 1px solid #e9e9e9; margin-right:20px;}
.note{width: 400px;height:100px}
.logincopyright{text-align: center;color: White;font-size:14px;margin-top: 50px;}

/*页面导航条  -30px*/
.under{ width:730px; height:35px; margin-top:0px; padding:10px; padding-right:20px; text-align:right; color:#333; clear:both;font-size:12px;}
.under a{ color:#333;font-size:12px;}
.under a:hover{text-decoration:none; color:#336699;}
/*pager .cpb {background:#333 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 12px 5px;}
.an分页吗样式*/
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#666;margin:5px 4px 0 0;padding:4px 12px 5px;text-decoration:none}
.anpager a:hover{background:#333 none repeat scroll 0 0;border:1px solid #333;color:#FFFFFF;}

/*---联系我们--*/
.lxwm{ width:228px; height:auto; margin-top:5px; border:1px solid #dedede;}

 .subnr { border:0px solid #ccc; border-top:0; background:#fff; padding:5px 9px; width:210px; overflow:hidden; }
 .subnr p { line-height:25px; overflow:hidden; }
 .subnr span { color:#333; }
 .subnr h5 { padding-top:12px; line-height:28px; overflow:hidden; }
 .dia
nhua { background: url(img/teln.gif) no-repeat scroll 0 18px transparent; color:#666; line-height: 20px;padding: 10px 0 10px 5px;}
 .dianhua span { display: block; font: 18px "Impact"; color:#df7402; }
/*foot*/


.pro-img{width: 280px;margin-right: 0!important;float: left;position: relative;height: auto;background: #fff!important;}
.pro-img img{width:280px; height:280px;}
.pro-list{width:600px;float:right;position:relative;margin-right:20px;}
.pro-list h4{width:100%;margin-bottom: 10px;font-size: 14px;font-weight:700;}
.pro-list p{width:100%;margin-bottom: 10px;} 
a.product-item-preview {border-radius: 4px;background-color: #aab2bd;color: #FFF;position: absolute;right: 20px;bottom: 20px;padding: 10px;text-align: center;font-size: 14px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
a.product-item-preview i {color: #FFF;}
a.product-item-preview:hover{background: #169fe6!important;}
ul.accordion {display: inline;float: left;width: 600px;}
ul.accordion li {float: left;width: 100%;padding: 0;border: 1px solid #e1e1e1;border-bottom: none;}
ul.accordion li a{color: #169fe6!important;}
ul.accordion li:last-child { border-bottom: 1px solid #e1e1e1 }
ul.accordion .accordion-switch {float: left;width: 100%;background: #FFF;margin-bottom: 0px;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;transition: all 0.25s ease-out;cursor: pointer;font-size: 12px;color: #777;line-height: 30px;padding: 0px 0 0px 0;color: #169fe6!important;background: #f6f7fb}
ul.accordion li.accordion-item .accordion-switch {font-size: 13px;text-transform: capitalize;float: left;}
ul.accordion li a:hover { text-decoration: underline }
ul.accordion li.accordion-item .accordion-content {padding: 0px 20px 10px 15px;margin-top: 5px;float: left;}
ul.simple-list {border: none!important;float: left;list-style: none;margin: 0px;}
ul.simple-list li {list-style: none;padding: 6px 0!important;border: none!important;border-bottom: 1px solid #e6e9ee!important;float: left;display: block;width: 100%;}
