body { color:#666; font-size:13px; font-family:微软雅黑, Helvetica, sans-serif;line-height:25px;}
.h30{ height:30px;}



/*con*/
.co{ width:100%; height:auto; }
/*.con{ width:1000px; margin:10px auto;background:#fff;min-height: 550px; }*/
.conn{ width:100%; max-width:1200px; margin:30px auto;}
.cleft{ width:20%; float:left;  }

.leftTitle{ height:50px; text-align:center; background-color:#4b5057;}
.leftTitle h2{ font-weight:700; font-size:24px; line-height:50px; color:#fff;}
.leftTitle p{font-size:14px; line-height:20px; color:#ffa26d; text-transform:uppercase;}

.cltop{ height:40px; background:url(/images/h2.jpg) no-repeat;}
.cltop2{ height:35px; background:url(/images/h2.jpg) no-repeat;}
.cltoptext{ float:left;height:40px; line-height:40px;padding-left:40px; font-size:15px; color:#fff;}
.cltoptext2{ float:left;height:40px; line-height:40px;padding-left:40px; font-size:15px; color:#fff;}
/*.clul2{margin-bottom:10px;border:1px solid #ededed;}
.clul2 ul{ margin:0px auto; width:240px;}
.clul2 ul li{height:33px; border-bottom:1px dotted #d7d7d7;background:url(/images/dtli_ico.png) no-repeat left; padding-left:10px;}
.clul2 ul li a{line-height:33px;color:#333;font-size:14px;background:#ccc; }
.clul2 ul li a:hover{color:#e10000;background:#ccc;}*/

.clul{height: 45px;margin-bottom:15px;}

.clul a{
    display: block;
    padding: 5px 25px;
    line-height: 35px;
    color: #333;float:left;
    font-size: 14px;
    background: #f0f0f0;
    margin-right: 8px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.clul a:hover,.svn li.on a{
    color: #fff;
    background: #f7941d;
}


.clul2{
    margin-bottom: 20px;/*background:url(/images/lbg.jpg) no-repeat center;*/
}
.clul2 a{
    display: block;
    padding-left: 42px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 14px;
    background: #f0f0f0;
    margin-bottom: 8px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.clul2 a:hover,.svn li.on a{
    color: #fff;
    background: #c8132d;
}
#bot{color:#fff;  background: #f7941d;}

.n_ban{width:100%; height:300px; position:relative;  overflow:hidden;min-width:1200px}

.ctop{ height:36px; border-bottom:1px solid #d1d1d1;}
.toptext{ height:36px; float:left; line-height:36px; padding-left:10px;background:url(/images/ctopn.png) no-repeat 10px center; color:#0c61be; font-weight:bold; font-size:15px;}

.cright{ width:78%;float:right;border:0px solid #ededed;}

.rightTop{ border-bottom:1px solid #ddd;}
.location{ font-size:12px; line-height:40px; color:#666; background-image:url(../images/location.png); background-repeat:no-repeat; background-position:left 14px; padding-left:18px; padding-bottom:10px; }
.location a{ font-size:12px; line-height:40px; color:#666; display:inline-block; padding:0 10px 0 20px; position:relative;}
.location a.locationHome{ padding-left:6px;}
.location a:after{ content:">"; font-family:"\5b8b\4f53"; font-weight:500; font-size:14px; line-height:40px; color:#888; position:absolute; right:-9px; top:1px;}
.location a:nth-last-child(1):after{ content:"";}
.location a:nth-last-child(1){ padding-right:0;}
.location a:hover{ color:#00a7dc;}

/*ma manews maa  使用了padding所有宽度少30*/
.manews{width:900px; min-height:300px; padding:5px;}
.ma{width:900px;height:auto; padding:15px; min-height:300px;
}


.cnews1{ width:870px; height:80px; padding-top:5px;}
.nimg a{ width:870px; height:30px; color:#0c61be;font-size:14px;font-weight:bold;}
.nimg a:hover{ width:870px; height:30px; color:#0c61be;font-size:14px;}
.ntext a{  width:870px; height:80px;color:#333;}
.ntext a:hover{   height:80px;color:#0c61be;}
.ntitle{height:30px; float:right;font-size:14px; font-weight:bold; color:#888; }

/*页面导航条  -30px*/
.under{ width:100%; height:24px; margin-top:5px; padding:5px; 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;}


/*页面上一个下一个   -30px*/
.next{ width:100%;height:70px; margin-top:5px; padding:10px 0px; text-align:left; color:#666; clear:both;font-size:12px;}
.next ul li{ width:100%; padding:0px 5px; height:28px;  margin-bottom:5px;}
.next span{ color:#333; line-height:28px;}
.next a{ color:#666; text-align:left; font-size:12px; line-height:28px;}
.next a:hover{text-decoration:none; color:#336699;}



/*新闻列表显示*/
.news_right_c ul.news2{ margin:0 0 15px 0;}
.news_right_c ul.news2 li.Recom{ height:190px; padding:15px 0; border-bottom:solid 1px #e0e0e0;}
.news_right_c ul.news2 li.Recom p.n_l{ width:510px; float:left; background:0;text-align:left;}
.news_right_c ul.news2 li.Recom p.n_l span.t{display:block; font-size:15px; color:#333; line-height:35px;}
.news_right_c ul.news2 li.Recom p.n_l span.c{display:block; font-size:12px; color:#888; line-height:30px;}
.news_right_c ul.news2 li.Recom p.n_l span.m{display:block; font-size:12px; color:#888; line-height:30px;}
.news_right_c ul.news2 li.Recom p.n_r{ width:351px; float:right; display:block;}
.news_right_c ul.news2 li.Recom:hover p.n_l span{ color:#00c1de;transition:all ease 0.4s;}
.news_right_c ul.news2 li.li{ height:102px; padding:20px 0; border-bottom: dashed 1px #e0e0e0;}
.news_right_c ul.news2 li.li p.n_l{ width:8%; background:#dedede ; display:block; float:left; text-align:center;}
.news_right_c ul.news2 li.li p.n_l span.d{ font-size:30px; color:#333; display:block;margin:20px 0 15px 0;}
.news_right_c ul.news2 li.li p.n_l span.y{font-size:15px;display:block;color:#333;}
.news_right_c ul.news2 li.li p.n_r{width:88%;float:right;}
.news_right_c ul.news2 li.li p.n_r span.t{ font-size:18px; color:#333; line-height:30px; display:block;font-weight:600}
.news_right_c ul.news2 li.li p.n_r span.cc{ font-size:14px; color:#777; line-height:24px; display:block;}
.news_right_c ul.news2 li.li:hover{background:#f2f2f2;transition:all ease 0.4s;}
.news_right_c ul.news2 li.li:hover p.n_l{transition:all ease 0.4s; margin:0 0 0 10px;}
.news_right_c ul.news2 li.li:hover p.n_r{width:88%;transition:all ease 0.4s; margin:0 10px 0 0;}
.news_right_c ul.news2 li.li:hover p.n_r span{ color:#f7941d;transition:all ease 0.4s;}


/*合作客户显示*/
#newslist{ width:770px;}
#newslist li{ padding-top:34px;height:168px;border-bottom:dashed 1px #d8d8d8}
#newslist .img{ float:left; width:287px; height:164px; position:relative;}
#newslist li dl{ float:right; width:460px;}
#newslist dt{ line-height:20px; overflow:hidden; padding-bottom:0px; padding-top:2px; font-size:16px; font-weight:bold;color:#323232;}
#newslist dt h1{ font-size:13px;color:#b7b7b7; font-weight:bold; padding-top:5px}
#newslist dt a{ color:#353535; }
#newslist dt a:hover{ color:#005eaf; }
#newslist dd{line-height:21px; padding-top:3px; padding-bottom:8px;}
#newslist li .inner2{ padding-bottom:16px; }
#newslist .inner2 .img i{display:block;position:absolute;right:0;top:0;height:20px;width:20px;background:url(../images/a10.gif) no-repeat;}

#newslist .inner2 .img img{ width:287px; height:164px}
a.xp{display:inline-block;padding-left:14px;background:url(../images/a5.gif) no-repeat 0 8px;font-size:12px;color:#7b7b7b;}
a.xp:hover{color:#e50012;}

/*产品展示页面*/
.nei{float: left;width:215px;height:185px; 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:#f6931f;}
.nei:hover .neinav{border:1px solid #f6931f;}
.neinav{width:205px;height:105px; padding:5px;border:1px solid #dfdfdf;}
.neinav img{width:195px;height:98px;}
.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 */
}


.listb_rb{padding:20px 0 0;}
.listb_rb li{float:left;border-bottom:3px solid #F3F3F3;padding:15px 0; width:410px}
.listb_rbl{float:left;width:184px;height:210px;overflow:hidden;text-align:center;}
.listb_rbl img{ width:180px; height:207px;}
.listb_rbr{float:right;width:225px;overflow:hidden;}
.listb_rbr h3{font-size:20px;color:#000;font-weight:800;line-height:32px;padding:8px 0 0;}
.listb_rbr p{line-height:18px;height:54px;overflow:hidden;}

.axudiv{display:block;margin:30px 0 0;height:28px;line-height:28px;width:145px;}
a.axu{background:url(../images/f6.gif) no-repeat;text-indent:14px;COLOR:#363636;float:left;DISPLAY:block;WIDTH:111PX;HEIGHT:28PX; font-weight:bold;}
a.axu:hover/*,.listb_rb li.hover a.axu*/{background-image:url(../images/f8.gif);opacity:1;filter:alpha(opacity=100)}
a.axu2{background:url(../images/f6.gif) no-repeat right top;text-indent:14px;COLOR:#363636;float:left;DISPLAY:block;WIDTH:34PX;HEIGHT:28PX;}
a.axu2:hover/*,.listb_rb li.hover a.axu2*/{background-image:url(../images/f8.gif);opacity:1;filter:alpha(opacity=100)}
.listb_rb li.hover{border-color:#005eaf;}



/*在线留言*/
.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;    text-align: center;line-height: 29px;background:#12adfd;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;}

/*分页吗样式*/
.anpager .cpb {background:#f7941d none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 12px 5px;}
.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:#f7941d none repeat scroll 0 0;border:1px solid #f7941d;color:#FFFFFF;}

/*---联系我们--*/
.sideBottom{ margin-top:20px;}
.sideTitle{ font-size:16px; line-height:40px; color:#fff; background-color:#0664b6; padding-left:20px;}
.sideConetent{ border:1px solid #e5e5e5; border-top:none; padding:9px;}


.sideProduct ul li{ margin-top:15px;}
.sideProduct ul li h3{ text-align:center; font-size:14px; line-height:40px;}


.sideContact ul{}
.sideContact ul li{ margin-top:6px; padding:0 0 6px 26px; position:relative; font-size:14px; line-height:20px; color:#555;}
.sideContact ul li span{ width:22px; height:22px; position:absolute; left:-2px; top:-1px; background-position: left bottom; background-repeat:no-repeat;}
.sideContact ul li.icon-tel span{ background-image:url(../images/icon-c.png);}
.sideContact ul li.icon-phone span{ background-image:url(../images/icon-b.png);}
.sideContact ul li.icon-fax span{ background-image:url(../images/icon-d.png);}
.sideContact ul li.icon-mail span{ background-image:url(../images/icon-e.png);}
.sideContact ul li.icon-add span{ background-image:url(../images/icon-f.png);}

/*foot*/
.products{ height:300px;text-align:center }
.piclist  li{ margin:10px 5px; float:left }
.piclist  li .pic{ text-align: center;  display:table-cell; vertical-align:middle; width:220px; height:180px; border:1px solid #d9d9d9;}
.piclist  li .pic img{ vertical-align:middle;  padding:2px;}
.piclist  li .pic a img { vertical-align:middle; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.piclist  li .pic a:hover img{ filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.piclist  li p{ line-height:30px; text-align:center; color:#f60; font-family: simsun;}
.products h4{  font-size:24px; line-height:30px; color:#555;}

.list-pro2{
   margin-left:15px;
}
.list-pro2 li{
    float: left;
    padding: 7px;
    border: 1px solid #c6c6c6;
    margin-right: 28px;
    margin-bottom: 18px;
}
.list-pro2 img{
    display: block;
    width: 250px;
    height: 201px;
}
.list-pro2 p{
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000000;
}

.pro-img{margin-right: 0!important;position: relative;height: auto;background: #fff!important;}
.pro-img img{/*width:320px;*/ height:250px;}
.pro-list{width:400px;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: 400px;}
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%;}
ul.simple-list li span {margin-right: 5px;padding: 2px;font-size: 14px;}

@media screen and (max-width: 768px){
    .cleft {
    width: 100%;float:left
}
.cright {
    width: 100%;
    border: 0px solid #ededed;
}
.clul2 li{width: 49%;float:left;margin-right:1%; }
}
}