﻿body{ font:12px 'Microsoft YaHei';}
img{ max-width:100%;}
#wrapper{ overflow:hidden;}

.container{ width:1200px; margin:auto;}

/*header*/
#header .container{ width:1120px; padding:20px 40px 30px; *padding-bottom:14px;}
#header .logo,
#header .nav{ float:left;}
#header .baier,
#header .tnzsa{float:left; height:15px; position:relative;}
#header .baier{ width:111px;}
#header .baier img{ display:block;height: 26px;
    margin-top: -6px;}

#header .tnzsa{ width:84px;}
#header .tnzsa .hover{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
#header .tnzsa:hover .hover{ opacity:1; filter:alpha(opacity=100);}

#header .logo span{ float:left; width:1px; height:15px; margin:0 10px; background-color:#aaa;}

#header .tnzsa .hover,
.nav>li>a,
.nav>li>ul li a,
.pro-list li{ -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;}

/*nav*/
.nav{ padding-left:100px; }
.nav>li{ float:left; padding:0 20px; position:relative; z-index:5;}
.nav>li>a{ color:#777675; padding:3px 6px;}
.nav li.current1 a { background-color:#cb3d15; color:#fff;}
.nav>li>a:hover{ background-color:#cb3d15; color:#fff;}
.nav>li>ul{ position:absolute; left:20px; top:30px; z-index:5; min-width:145px; background-color:rgba(239,239,239,.8); *background-color:#efefef;background-color:#efefef\9; }
.nav>li:hover ul{
    display: block;
}
.nav>li>ul li a{ color:#555; padding:3px; display:block;}

.nav>li>ul li a:hover{ background-color:#f38364; color:#fff;}
.nav>li>ul li a.current{ background-color:#ce6345; color:#fff;}

.slogan{ float:right; font-size:12px; font-weight:normal; color:#cb3d15;}

/*slide*/
#slide{ width:1200px; height:542px; margin-bottom:20px; position:relative;}
#slide ul li{ width:1200px; height:542px; overflow:hidden;}
#slide ol{ position:absolute; bottom:-25px; left:0; width:100%; height:10px; text-align:center;}
#slide ol li{ display:inline-block;  *display:inline; *zoom:1; margin:0 5px; width:13px; height:13px; cursor:pointer; background:url(../images/btn.png) no-repeat;}
#slide ol li.cur{ background-position:right top;}


.gray-section{ width:200px; height:165px; background-color:#e6e6e6; }

/*rows*/
.rows{ overflow:hidden; padding:30px 0;}
.about-wrap{ float:left; width:388px;}
.about-wrap .thumb{ background-color:#e6e6e6;}
.about-wrap .thumb img{display:block; }
.about-wrap .desc{ margin:20px; height:60px; line-height:20px; overflow:hidden; color:#656565;}

/*pro-list*/
.pro-list{}
.pro-list li{ float:left; width:200px; height:250px; margin-left:3px; overflow:hidden; background-color:#ffecd7;}
.pro-list li a{ display:block; color:#656565;}
.pro-list li img{ display:block; width:200px; height:150px;}
.pro-list li p{ padding:10px 25px 0 15px; height:80px; line-height:20px; overflow:hidden; background:url(../images/arrow.png) no-repeat 180px center;}

.pro-list li.pro-1:hover{ background-color:#f3e0cb;}
.pro-list li.pro-2{ background-color:#ffdfd7;}
.pro-list li.pro-2:hover{ background-color:#f3d3cb;}
.pro-list li.pro-3{ background-color:#e9ecf8;}
.pro-list li.pro-3:hover{ background-color:#dde0ec;}

.hr{ display:block;  height:1px; background-color:#c1c0c0; margin-top:20px;}

/*footer*/
#footer{ overflow:hidden;}
#footer .hr{ height:8px; border:1px solid #cdcccc; background-color:transparent; border-top:none; margin:0;}
#footer .copyright{ padding:20px 0; color:#656565;}



/*banner*/
.banner{ overflow:hidden;}
.banner img{ display:block;}
#pages { padding:14px 0 10px; font-family:宋体 }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



.col-190,
.col-375,
.col-460,
.col-580,
.col-690{ float:left; overflow:hidden;}

.col-190{ width:190px; margin-left:56px;}
.col-375{ width:375px;}

.col-460{ width:460px; margin:0 65px;}

.col-580{ width:580px; margin:0 22px;}
.col-690{ width:690px; margin:0 32px;}

.col-contact{ margin-left:20px;}

.characteristic{ width:608px; line-height:20px; font-size:12px; font-weight:normal; margin:auto; color:#686868;}

.intelligent{ border-bottom:1px solid #cdcccc; padding:30px 0;}

/*pro*/
.pro{ width:920px; overflow:hidden; margin:-30px auto 0;}
.pro li{ float:left; width:436px; margin:50px 12px 0;}
.pro li a{ display:block; color:#fff; background-color:#cfd4d7;}
.pro li img{ display:block; width:436px; height:327px;}
.pro li span{ display:block; text-align:center; font-size:18px; height:85px; line-height:85px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.pro li a:hover{ background-color:#d6dfe5;}

.pro-title{ font-size:20px; font-weight:normal; color:#333; padding:20px 0;}
.pro-detail{ width:720px; padding:30px 240px; border-top:1px solid #cdcccc; overflow:hidden;}



.paginator{ padding:50px 0 10px; overflow:hidden; text-align:center;}
.paginator .cpb,
.paginator a{ padding:8px 12px; color:#fff; background-color:#ce6345;}
.paginator .cpb,
.paginator a:hover{ background-color:#b32d08;}





















































