@charset "utf-8"; /* index	ҳ */
@import url(common.css);

body{ background-image: url(images/bbg2.gif);}
body.info{ background-image: url(images/bbg3.gif);}

.banner{ width: 980px; height: 120px; background: url(images/case1_03.gif) no-repeat 10px 35px;}

.inbox{ width: 980px; margin-bottom: 10px; float:left;}

.brandlist { float: left; width: 315px; height: 622px; overflow: hidden;}
.brandlist ul {}
.brandlist ul li { width: 313px; height: 90px; border: 1px solid #ccc; float: left; background: #fff; margin-bottom: 14px;}
.brandlist ul li .pic { float: left; width: 99px; height: 88px; margin: 1px 15px 0 1px; display: inline;}
.brandlist ul li .pic img { width:99px; height: 88px;}
.brandlist ul li .name { float: left; width: 160px; height: 30px; line-height: 30px; padding-left: 15px; margin-top: 5px; background: url(images/case_33.gif) no-repeat 0 center;}
.brandlist ul li .name a { color: #17a0e1; font-size: 14px; font-family: Microsoft yahei;}
.brandlist ul li .name a:hover { color: #cc0000; text-decoration: underline;}
.brandlist ul li .detail { float: left; width: 180px; height: 45px; line-height: 22px; overflow: hidden;}

.iclist { width: 390px; height: 619px; overflow: hidden; border: 1px solid #ccc; border-top: 2px solid #bd0011; background: #f9f9f9 url(images/case_05.gif) no-repeat 0 0; float: left; margin-left: 10px;}
.iclist .tt { height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; color: #cc0000; padding-left: 15px;}
.iclist .tt .more { float: right; background: url(images/more1.gif) no-repeat 0 0; width: 28px; height: 9px; margin: 11px; *margin-top: -19px;}
.iclist ul { float: left;}
.iclist ul li { width: 360px; height: 114px; float: left; background: url(images/case_06.gif) no-repeat 0 bottom; margin-bottom: 3px; margin-left: 15px;}
.iclist ul li .pic { float: left; width: 98px; height: 90px; border: 1px solid#ccc; margin: 10px 15px 0 0; display: inline;}
.iclist ul li .pic img { width:98px; height: 90px;}
.iclist ul li .name { float: left; width: 240px; height: 30px; line-height: 30px; margin-top: 5px;}
.iclist ul li .name a { color: #666; font-size: 14px; font-family: Microsoft yahei;}
.iclist ul li .name a:hover { color: #cc0000; text-decoration: underline;}
.iclist ul li .detail { float: left; width: 240px; height: 45px; line-height: 22px; overflow: hidden; text-indent:2em;}
.iclist ul li .check { height: 30px; line-height: 30px; float: left;}
.iclist ul li .check a { color: #4a95ca;}
.iclist ul li .check a:hover { color: #cc0000; text-decoration: none;}

.cmlist { float: left; display: inline; width: 250px; margin-left: 11px; border: 1px solid #ccc; background: #f9f9f9;}
.cmlist .tt { background: url(images/case_08.gif) no-repeat 0 0; height: 35px; line-height: 30px; padding-left: 20px; margin-left: -7px; margin-top: 10px; position: relative;}
.cmlist .tt a { font-size: 14px; font-weight: bold; color: #fff;}
.cmlist ul { float: left; height: 250px; height: 224px;}
.cmlist li { width: 220px; float: left; margin: 10px 15px; display: inline;}
.cmlist li .name{ float: left; background: url(images/case_12.gif) no-repeat 0 center; padding-left: 30px; color: #666666; width: 115px;  height: 30px; line-height: 30px;}
.cmlist li .date {float: left; width: 50px;  height: 30px; line-height: 30px;}
.cmlist li .detail { float: left; display: inline; margin-left: 4px; width:190px; height: 40px; padding: 15px 7px 7px 15px; background: url(images/case_18.gif) no-repeat 0 0; text-indent:2em; overflow:hidden;}

.jdlist { width: 251px; border: 1px solid #ccc; display: inline; background: #fff; float: left; margin:10px 0 0 10px;}
.jdlist .tt { height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #cc0000; padding-left: 15px; border-bottom: 1px solid #ccc; background: url(images/case_07.gif) repeat-x 0 0; overflow: hidden;}
.jdlist .tt .more { float: right; background: url(images/more1.gif) no-repeat 0 0; width: 28px; height: 9px; margin: 11px; *margin-top: -19px;}
.jdlist ul { float: left; overflow: hidden; display: inline; margin: 2px 0;}
.jdlist ul li { width: 230px; height: 75px; float: left; border-bottom: 1px solid #ccc; display: inline; overflow: hidden; margin-left: 10px;}
.jdlist ul li .pic { float: left; width: 70px; height: 64px; border: 1px solid#ccc; margin: 5px 15px 0 0; display: inline;}
.jdlist ul li .pic img { width: 70px; height: 64px;}
.jdlist ul li .name { float: left; width: 140px; height: 25px; line-height: 25px; margin-top: 5px;}
.jdlist ul li .name a { color: #666; font-size: 14px; font-family: Microsoft yahei;}
.jdlist ul li .name a:hover { color: #cc0000; text-decoration: underline;}
.jdlist ul li .detail { float: left; width: 140px; height: 45px; line-height: 22px; overflow: hidden; text-indent:2em;}
.jdlist ul li .detail a { color: #4a95ca;}
.jdlist ul li .detail a:hover { color: #cc0000; text-decoration: none;}

.chlist {}
.chlist .tt { background: #c2121d url(images/case_46.gif) no-repeat 20px center; height: 24px;}
.chlist .list { float: left; width: 978px; /*height: 176px;*/ border: 1px solid #ccc; border-top: 0; background: #fff url(images/case_09.gif) repeat-x 0 bottom;}
.chlist ul { float: left; display: inline; margin: 10px 0 10px 9px;}
.chlist ul li { float: left; width: 127px; height: 42px; display: inline; margin: 5px 4px; border:1px solid #ccc; text-align:center; padding: 0;}
.chlist ul li a { float: left; border: 1px solid #ccc;}
.chlist ul li a:hover { float: left; border: 1px solid #cc0000;}
.chlist ul li img { width: 125px; height: 40px;}

.f_r{ float: right;}
#comment_div{ border: 1px solid #AACCEE;}
.left_head {background:url('images/left_head.gif') repeat-x 0 -1px;padding:6px 10px 7px 10px;font-weight:bold;font-size:13px; color: #000;}
.left_head span {font-weight:normal;font-size:12px;}

.nbox { width: 976px; padding: 0 15px; background:url(images/nbg.gif) no-repeat center top; margin-top: -7px; margin-left: -3x;}
.cbottom{ width: 980px; height: 30px; background:url(images/px_33.gif) no-repeat center top;}

#location{ color: #999;  height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; width: 976px; margin-top: 3px; float: left;}
#location a{ color: #999; margin: 0 3px;}
#location a:hover{ color: #cc0000;}
#location .index{ padding-left: 10px; background: url(images/arr3.gif) no-repeat 0 1px;}

.nleft{ float: left; width: 225px; margin: 0 7px; padding-bottom: 10px;}
.nright{ float: left; width: 688px; padding-left: 20px; padding-bottom: 30px; background: url(images/news11_05.gif) no-repeat 0 0;}

.lmenu{ width: 225px; float: left; background: url(images/lmenu.gif) repeat-y 0 0;}
.lmenu .ltop{ height: 18px; background: url(images/lmenu.gif) repeat-y -225px 0;}
.lmenu .lbottom{ height: 18px; background: url(images/lmenu.gif) repeat-y -225px -18px;}
.lmenu .tt{ font-size: 18px; color: #cc0000; text-align: center; height: 37px; line-height: 25px; margin-bottom: 10px; background:url(images/vrb.gif) no-repeat center bottom;}
.lmenu li{ height: 30px; margin-bottom: 5px; padding-left: 15px;}
.lmenu li a{ height:30px; width: 183px; float: left; line-height: 30px; background: url(images/news1_06.gif) no-repeat 0 -30px; text-align: center;}
.lmenu li a.sel{ background-position: 0 0; color: #fff;}

.hotline{ background:url(images/news11_12.gif); width: 221px; height: 82px; margin-top: 5px; float: left;}

.bantt { width:690px; height: 90px; background: url(images/gywm-01_03.gif) no-repeat 0 bottom; float: left; margin: 30px 0 0 0;}
.bantt.blank { background: none; height: 40px;}
.bantt .ti { float: left; font-size: 28px; color: #c20a0a; height: 28px; line-height: 28px; font-family:Microsoft yahei;}
.bantt .ti2 { float: left; font-size: 16px; margin-top:12px; height: 16px; line-height: 16px; color: #adadad; text-indent:4px;}

.clientlist { width: 680px; float: left;}
.clientlist ul { float: left; padding-bottom: 20px; margin-top: 10px;}
.clientlist ul li { float: left; width: 657px; height: 35px; line-height: 35px; border-bottom: 1px dotted #ccc; padding-left: 25px; background: url(images/news11_15.gif) no-repeat 10px center;}
.clientlist ul li .date { width: 80px; height: 35px; line-height: 35px; position: absolute; margin-left: 570px; *margin-top: -10px; color: #cb3d09;}

.clientlist ul li { width: 682px; height: 165px; margin: 8px 0; background:url(images/news11_10.gif) repeat-x 0 bottom; border: none; padding: 0;}
.clientlist ul li .pic { float: left; width: 131px; height: 142px; display: inline; margin: 0 15px; border: 1px solid #ccc;}
.clientlist ul li .pic img { width: 131px; height: 142px;}
.clientlist ul li .title {float: left; width: 475px; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #ccc; }
.clientlist ul li .title a { font-weight: bold; color: #666; font-size: 16px; }
.clientlist ul li .title a:hover  { color: #cc0000; text-decoration: none; }
.clientlist ul li .detail {float: left; width: 510px;  height: 110px; line-height: 28px; overflow: hidden;color: #aaa; }
.clientlist ul li .detail a { color: #cc0000;}
.page { padding-left: 0px;}


.cleft { float: left; width: 717px;}
.cright { float: left; width: 263px;}

.newclient { width: 710px; float: left; padding-bottom: 20px;}
.newclient .tt { font-weight: bold; font-size: 14px; border-top: 2px solid #cc0000; border-bottom: 1px solid #ccc; color: #c11111; height: 32px; line-height: 32px; padding-left: 35px; background:#fff url(images/news0_26.gif) no-repeat 20px 12px; }
.newclient ul { float: left; padding-bottom: 20px; margin-top: 10px;}
.newclient ul li { float: left;line-height: 35px;  display: inline; width: 682px; height: 165px; margin: 8px 0; margin-left: 15px; background:url(images/news11_10.gif) repeat-x 0 bottom;}
.newclient ul li .pic { float: left; width: 138px; height: 142px; text-align: center; display: inline; margin: 0 15px; border: 1px solid #ccc;}
.newclient ul li .pic img { width: 134px; height: 138px; margin-top: 2px;}
.newclient ul li .title {float: left; width: 475px; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #ccc; }
.newclient ul li .title a { font-weight: bold; color: #666; font-size: 16px; }
.newclient ul li .title a:hover  { color: #cc0000; text-decoration: none; }
.newclient ul li .detail {float: left; width: 510px;  height: 110px; line-height: 28px; overflow: hidden;color: #aaa; text-indent:2em}
.newclient ul li .detail a { color: #891f21;}
.newclient .page { padding-left: 100px;}


.cright .hotline { float: left; background: url(images/hl2.gif) no-repeat; width: 261px; height: 86px; margin: 5px -20px 0 7px; display: inline;}




.think { width: 992px;}
.think .ttop { background: url(images/case2_06.gif) no-repeat 0 0; width: 992px; height: 10px;}
.think .tbottom { background: url(images/case2_17.gif) no-repeat 0 0; width: 992px; height: 10px;}
.think .tbody { width: 950px; padding: 10px 20px; border: 1px solid #ccc; border-top:0; border-bottom: 0; background: #fff;}
.think .tbody .locate { height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.think .tbody ul {}
.think .tbody ul li { width: 930px; margin-left: 20px;}
.think .tbody ul li .switch { background: url(images/case3_03.gif) no-repeat 0 center; height: 20px; line-height: 20px; padding-left: 20px; color: #ff6600; position: absolute; margin-left: 820px; margin-top: 10px;}
.think .tbody ul li .switch:hover { color: #cc0000; text-decoration: underline;}
.think .tbody ul li .ask { background: url(images/case2_10.gif) no-repeat 0 0; padding-left: 75px; height: 28px; line-height: 28px; padding-top: 5px; border-bottom: 1px solid #ccc;}
.think .tbody ul li .answer { display: none; background: url(images/case2_14.gif) no-repeat 0 0; padding-left: 40px; margin-left: 40px; margin-top: 10px; line-height:30px}


.ibox8{ height: 210px;}
.ibox8 .inb{ height: 210px;}
#imoment{ float: left; width: 978px; height: 190px; border:1px solid #ddd;}
#imoment .tt{ height: 24px; background:#C2121D;}
#imoment .tt .more{  float: right; background: url(images/more4.gif) no-repeat 0 0; width: 36px; height: 9px; margin: 20px 30px 0 0;}
#imoment .tt .ti{ float: left; width: 150px; margin: 3px 0 0 20px; font-size: 14px; font-weight: bold; color: #fff;}
#imoment .tt .ti .en{ margin-left: 5px; font-size: 14px; font-weight: normal; color: #f4d3ca;}
#imoment .tabm{ float: left; margin-top: 10px;}
#imoment .tabm li{ float: left; width: 89px; height: 30px; line-height: 30px; color: #fff; margin-right: 10px; text-align: center; font-size: 12px; cursor: pointer;}
#imoment .tabm li.h{ background:url(images/tabm.gif) no-repeat 0 0; color: #000;}
#imoment .tabm li a{color: #fff;}
#imoment .tabm li.h a{ color: #000;}

#imoment .mli{ float: left; width: 964px; height: 156px; margin-left: 9px; display: inline; overflow: hidden;}
#imoment .mli ul{ float: left; margin: 15px 0 0 17px; width: 938px; height: 140px; overflow: hidden;  display: inline;  }
#imoment .mli li{ float: left; width: 124px; height: 140px; margin-right: 10px; _margin-right:8px; }
#imoment .mli li .pic{ float: left; width: 124px; height: 94px; text-align: center; background: #fff; border: 1px solid #ccc; overflow: hidden; }
#imoment .mli li .pic img{ width: 120px; height: 90px; margin-top: 2px;}
#imoment .mli li .name{ float: left; width: 120px; text-align: center; line-height: 20px; margin-top: 5px; height: 40px; }
#imoment .mli li .name a{ color: #666666;}
#imoment .mli li .name a:hover{ color: #cc0000;}