body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#e9e9e9 URL(../images/bg.jpg) center top repeat-x; color:#000;}
ul{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#000;}
.clear, .Clear{ clear:both; display:block;}


.index{ clear:both; display:block; width:1000px; margin:0px auto; text-align:left;}


.top{ clear:both; display:block; height:192px; background:URL(../images/top.jpg) left top no-repeat; text-align:right;}
.top a{ line-height:70px; margin:0px 6px;}


.menu{ clear:both; display:block; height:46px; line-height:38px; background:URL(../images/menubg.gif) left top repeat-x;}
.menu li{ float:left; font-size:14px; font-weight:bold; color:#FFF;}
.menu li a{ color:#FFF; margin:0px 20px;}
.menu li a:hover{ color:#eaf36e;}
.menuLine{ float:left; width:2px; height:38px; background:URL(../images/menuLine.gif) left top no-repeat;}


.banner{ clear:both; display:block; height:329px;}
#fader{position:relative;overflow:hidden;width:1000px; height:329px; float:left;}
#fader li{position:absolute;left:0;top:0;}
#fader img{display:block; width:1000px; height:329px; border:0px;}
.fader-nav{display:inline-block; color:#fff; background:#333;border:1px solid #fff; cursor:pointer; height:8px; line-height:8px; padding:4px; margin:3px;}
.fader-cur-nav{display:inline-block;color:#fff; background:#ff7a00;border:1px solid #fff; cursor:pointer;height:8px; line-height:8px; padding:4px; margin:3px;}


.indexContent{ clear:both; display:block; margin:20px 0px;}
.indexL{ float:left; width:240px;}

#myFocus{ width:240px; height:240px;}
#myFocus img{ width:240px; height:240px; border:0px;}


.indexTitle{ clear:both; display:block; height:27px; line-height:27px; text-indent:2.3em; font-size:14px; font-weight:bold; color:#FFF; background:URL(../images/title.gif) left bottom no-repeat; border-bottom:2px solid #007cc2;}
.indexTitle span{ float:right; margin-top:12px; margin-right:5px;}

.indexLeftNews{ clear:both; display:block; border:1px solid #cdcdcd; border-top:none;}
.indexLeftNews li{ border-bottom:1px dashed #cdcdcd; background:URL(../images/listIcon.gif) 5px 50% no-repeat; text-indent:2.3em; height:30px; line-height:30px; overflow:hidden;}


.indexLeftTit{ clear:both; display:block; height:32px; line-height:32px; background:URL(../images/leftTit.gif) left bottom no-repeat; text-indent:2em; font-size:14px; font-weight:bold; color:#007cc2;}
.indexLeftTit span{ float:right; margin-top:12px; margin-right:5px;}
.leftLeftPro{ clear:both; display:block; border:1px solid #cdcdcd;}
.leftLeftPro li{ text-indent:2em; background:URL(../images/leftNewsIcon.gif) 200px 50% no-repeat; border-bottom:1px dashed #cdcdcd; height:35px; line-height:35px;}

.indexLeftContact{ clear:both; border:1px solid #cdcdcd; padding:10px;}





.indexR{ float:right; width:740px;}

.indexAboutT{ clear:both; display:block; height:27px; line-height:27px; text-indent:2.3em; font-size:14px; font-weight:bold; color:#FFF; background:URL(../images/title.gif) left bottom no-repeat; border-bottom:2px solid #007cc2;}
.indexAboutT span{ float:right; margin-top:12px; margin-right:5px;}

.aboutContent{ clear:both; display:block; border:1px solid #cdcdcd; padding:10px;}
.aboutContent img{ border: 0px; float: left; margin-right: 10px; width: 200px; }

.indexPro{ clear:both; border:1px solid #cdcdcd;}
.indexPro li{ float:left; width:130px; margin:10px 5px;}
.indexPro li div{ clear:both; display:block; width:130px; height:130px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.indexPro li div img{ border:0px; max-width:130px; max-height:130px;}
.indexPro li span{ clear:both; display:block; text-align:center; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.news{ clear:both; margin-top:10px;}
.newsLeft{ float:left; width:365px; }
.newsRight{ float:right; width:365px; }
.newsContent{ clear:both; border:1px solid #cdcdcd;}
.newsContent li{ text-indent:1.5em; background:URL(../images/NewsIcon.jpg) 10px 50% no-repeat; height:30px; line-height:30px; overflow:hidden; border-bottom:1px dashed #cdcdcd;}
.newsContent li span{ float:right; margin-right:7px;}



.links{ clear:both; display:block; margin:10px 0px;}
.links img{ border:0px; height:35px;}

.bottom{ clear:both; display:block; background:#007cc2; color:#FFF;}
.bottom a{ color:#FFF;}
.bottomC{ clear:both; display:block; width:1000px; margin:0px auto;}
.copyLogo{ float:left; width:150px; height:120px; background:URL(../images/copyLogo.gif) left 10px no-repeat;}

.copyText{ float:left; display:block; width:700px;}

.bottomMenu{ clear:both; display:block; padding-top:10px; margin-left:-10px;}
.bottomMenu a{ margin:0px 10px;}




/* ======================== */
.left{ float:left; width:228px; border:1px solid #cdcdcd; }
.leftTit{ clear:both; display:block; height:50px; line-height:45px; font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em; background:URL(../images/subLeftTit.gif) left bottom no-repeat;}
.leftList{ clear:both; display:block;}
.leftList li{ clear:both; display:block; height:30px; line-height:30px; background:URL(../images/listLink.gif) left bottom no-repeat; text-indent:2.5em; font-size:13px; font-weight:bold;}
.leftList li a{ color:#FFF;}
.leftList li:hover{ background:URL(../images/listHover.gif) left bottom no-repeat;}


.leftContactT{ clear:both; display:block; height:31px; line-height:31px; background:URL(../images/leftTitleBg.gif) left bottom no-repeat; text-indent:2em; font-weight:bold;}
.leftNews{ clear:both; display:block;}
.leftNews li{ height:30px; line-height:30px; overflow:hidden; text-indent:2em; background:URL(../images/NewsIcon.jpg) 9px 50% no-repeat; border-bottom:1px dashed #cdcdcd;}
.leftContact{ clear:both; display:block; padding:10px;}



/* ======================== */
.right{ float:right; width:730px;}

.location{ clear:both; display:block; height:30px; line-height:30px; border-bottom:2px solid #007cc2; background:URL(../images/location.gif) left 50% no-repeat; text-indent:2em; font-size:14px; font-weight:bold;}
.location span{ float:right; font-size:12px; font-weight:normal;}
.location span a{ font-size:12px; font-weight:normal;}

.subContent{ clear:both; display:block; margin:20px 0px; font-size:14px;}
.subContent img{ max-width: 100%; height: auto; }


.subNews{ clear:both; display:block;}
.subNews li{ height:30px; line-height:30px; overflow:hidden; text-indent:1.5em; background:URL(../images/NewsIcon.jpg) 7px 50% no-repeat; border-bottom:1px dashed #cdcdcd;}
.subNews li span{ float:right;}


.subCases{ clear:both; display:block;}
.subCases li{ float:left; width:230px; margin:10px 5px;}
.subCases li div{ width:230px; height:230px; vertical-align:middle; border:1px solid #cdcdcd; text-align:center; display:table-cell; overflow:hidden;}
.subCases li img{ border:0px; max-width:230px; max-height:230px; }
.subCases li span{ clear:both; display:block; text-align:center;}


.title{ clear:both; font-size:16px; font-weight:bold; display:block; height:auto; text-align:center;}
.info{ clear:both; display:block; text-align:center; margin:10px 0px;}
.proPic{ clear:both; display:block; margin:15px 0px; text-align:center;}




/* QQ style */
#pop_ly_id_div dl,#pop_ly_id_div dt,#pop_ly_id_div dd,#pop_ly_id_div input,.box_os p,.box_os em,#pop_ly_id_div form,.onlineService p{margin:0;padding:0;font-size:12px;text-align:center;}
#pop_ly_id_div dd,#pop_ly_id_div dt,#pop_ly_id_div dl{list-style:none;}
.box_os img{border:0;}
#pop_ly_id_div input,#pop_ly_id_div textarea{font-size:12px; color:#000; font-family:'lucida grande',taho,verdana,'trebuchet ms',sans-serif;}
:focus{outline:none;}
.box_os em,.box_os th{font-style:normal;font-weight:normal;}
.box_os .table{border-collapse:collapse;border-spacing:0;empty-cells:show;}


.bmclass{ clear:both; border-top:3px solid #10618e;}
.bmclass ul{ padding-top:10px;}
.bmclass li{ height:30px; color:#10618e; border-bottom:1px solid #e3e3e3; margin:0px 10px;}
.bmclass li img{ border:0px;}
.box_os .os_x, .ico_os, .ico_gt, .ico_pp, .osqq .qq,.box_os .osqq p em,.acbox{ height:1px; overflow:hidden; background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:280px; position:fixed; left:0; bottom:0px; _position:absolute; z-index:9999;display:none; }
.bmclass iframe input{ width:240px;}
.bmclass iframe textarea{ width:240px;}
.box_os .os_x{ width:100%; background-color:#fff; background-position:-50px 0px; clear:both; height:35px; line-height:35px; font-size:16px; font-weight:bold; text-align:center;cursor:pointer;border-bottom:none;}
.box_os .osqq{background:#fff;overflow:hidden; border:3px solid #10618e; }
.box_os .osqq p{ height:auto; line-height:20px;width:280px;}
.box_os .osqq .bmname{ padding-top:5px;}
.box_os .osqq p strong{ font-size: 13px;}
.box_os .osqq img{ margin:2px 0 3px 0; clear:both;}
.box_os .osqq p em{ color:#666; display:block;background-position:-50px -43px;height:24px;width:115px;margin:0 auto;line-height:24px;font-size: 13px;font-weight: bold;overflow:hidden;}
.box_os .osqq p em.openbg{ background-position:-50px -71px;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq p span a{color:#557917;}
.acbox{ width:280px; height:1px; display:none; overflow:hidden;color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
}
.acbox a{color:#fff;}
.acbox .ico_gt{ background-position:-60px 0; border:1px solid #299ec0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; width:39px; *width:84px; height:178px; ;position:fixed; left:0; top:44px; _position:absolute;z-index:9999;}
.onlineService .ico_os{ background-position:0px 0px; border:1px solid #c7c7c7; cursor:pointer; width:40px; height:143px; float:right; background:#10618e; color:#FFF; font-weight:bold; font-size:16px;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #299ec0; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
#pop_ly_id_div{ height:360px; overflow:hidden; width:500px; position:fixed; left:50%;margin:-180px 0 0 -250px; top:50%; _position:absolute; z-index:9999;display:none;border:1px solid #ccc;background:#fff;}
#pop_ly_id_div dl{margin:0 auto;text-align:left}
#pop_ly_id_div dl dt{border-bottom:1px #ccc solid;height:24px;line-height:24px;text-indent:10px;padding:5px;}
#pop_ly_id_div dl dt span{float:right;cursor:pointer;font-size:18px;margin-right:5px;}
#pop_ly_id_div dl dd{padding:10px 5px 0;text-indent:30px;text-align:left;}
#pop_ly_id_div input, #pop_ly_id_div textarea{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #DDDDDD;
    height:28px;
	line-height:28px;
    width:340px;color:#999;text-indent:5px;vertical-align:middle;text-align:left;}
#pop_ly_id_div textarea{ height:87px;line-height:22px;}
#pop_ly_id_div #msg_vcode{width:80px;}
#pop_ly_id_div dd img{vertical-align:middle;margin-left:5px;
    height:22px;width:80px;}
.msg_button{
color: #999;
border:1px solid #dce1e6;
width: 120px;
line-height: 30px;
text-align: center;
font-weight: bold;
font-size:16px;
margin:0 20px 20px 0;
overflow: hidden;cursor:pointer;text-indent:0px;}
.box_os .osqq p.wxClassText{margin-bottom:6px;}