@charset "utf-8";
/* CSS Document */
/*头部*/
.top{ width:100%; height:40px; border-top:5px solid #0090d6; overflow:hidden;}
.top_right{ width:150px; height:40px; line-height:40px; float:right;}
.header{ width:1200px; height:65px; margin:0 auto; overflow:hidden;}
.logo{ height:65px; float:left;}
.logo img{ width:436px; height:65px;}
.htitle{ width:323px; height:65px; float:left; margin-left:10px; display:inline;}
.htitle img { width:323px; height:65px;}
.search{ width:310px; height:35px; float:right; overflow:hidden; margin-top:10px; display: none; }
.htext{ width:234px; height:33px; border:1px solid #cecdcd; text-indent:20px; font-size:12px; float:left;}
.botton{ width:74px; height:35px; float:left; background:url(../images/index_02.png) no-repeat; border:none;}
/*头部end*/
/*nav*/
.nav{ width:100%; height:45px; background-color:#01608e; overflow:hidden; margin-top:35px;}
.nav ul li{ width:132px; height:45px; float:left; line-height:45px; text-align:center; border-left:1px solid #80b0c7;}
.nav ul li:first-child{ border:none;}
.nav ul li a{ color:#FFFFFF; font-size:16px;}
.nav ul li a:hover{ background:#1da8ec; display:block; color:#333333;}
/*nav end*/
/*banner*/
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:38%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:20px;  width:100px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#01608e;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:1920px; height:600px; display:block;}
/*banner end*/
/*mainBody*/
.main{ width:1200px; height:100%; overflow:hidden; margin:35px auto 0;}
.information{ height:382px; float:left; width:100%; overflow:hidden;}
.profile{ width:400px; height:380px; float:left; overflow:hidden; background:#efefef;}
.pro{ padding:10px 10px 0; overflow:hidden; height:300px; width:380px;}
.com_pic{ width:176px; height:160px; float:left; padding-right:12px;}
.com_pic img{ width:176px; height:160px;}
.pro-title{ width:190px; height:30px; line-height:30px; float:left; font-size:16px; color:#0090d6;}
.pt{ width:190px; height:30px; line-height:30px; float:left; font-size:14px; color:#666666; border-bottom:1px solid #a7a7a7;}
.pro p{ line-height:27px; color:#666;}
.com_href{ width:390px; height:35px; float:left; margin-top:20px; display:inline;}
.hr1,.hr2,.hr3{ width:110px; height:35px; float:left; text-align:center; line-height:35px; display:inline; background:#01608e;}
.hr1{ margin-left:10px;}
.hr2,.hr3{ margin-left:25px;}
.hr1 a,.hr2 a,.hr3 a{ color:#FFFFFF;}
/**
.hr1 a:hover{ display:block; background:#01608e;}
.hr2 a:hover{ display:block; background:#01608e;}
.hr3 a:hover{ display:block; background:#01608e;}
**/
.company{ width:768px; height:380px; overflow:hidden; display:inline; float:left; margin-left:30px; border:1px solid #e8e8e8;}
.company_list{ width:768px; height:39px; border-bottom:1px solid #e8e8e8; float:left;}
.company_list ul li{ width:111px; height:39px; line-height:39px; float:left; border-right:1px solid #e8e8e8; cursor:pointer;}
.company_list ul li img{ padding:0 10px 0 15px;}
.company_list ul li.hover{ background:#01608e; color:#FFFFFF;}
.more{ width:120px; height:39px; line-height:39px; text-align:center; float:right; background:#58d0cf;}
.more a{ color:#FFFFFF;}
.cn{ width:768px; height:300px; float:left; overflow:hidden;}
.cn-img{ width:330px; height:300px; float:left; margin-left:10px; margin-top:20px; display:inline;}
.cn-list{ width:405px; height:300px; float:left; margin-left:12px; margin-top:20px; display:inline; overflow:hidden;}
.cn-list ul li{ width:405px; height:34px; float:left; line-height:34px; border-bottom:1px dashed #999999; overflow:hidden;}
.cn-list ul li .kz{ width:15px; height:34px; float:left; color:#999999;}
.cn-list ul li a{ width:300px; height:34px; float:left; overflow:hidden;}
.cn-list ul li .date{ float:right; width:85px; height:34px; text-align:right; color:#999999;}

.pic{ width:1200px; height:398px; float:left; margin-top:30px;}
/*train*/
.train{ width:1198px; height:140px; float:left; margin-top:50px; border:1px solid #b3d6ed;}
.train-t{ width:228px; height:46px; margin:-30px auto 0; background:#FFFFFF; text-align:center; line-height:46px; color:#0277c4; font-size:40px; border:2px solid #0277c4;}
.train-pic{ width:1196px; height:130px; margin-top:15px; float:left;}
.train-pic img{ padding:0 14px; float:left;width:22.6%;}
/*/train*/
/*mainBody end*/
/*middle*/
.middle{ width:100%; height:737px; margin-top:30px; overflow:hidden; background:#e5eff3;}
.elegant{ width:1198px; height:313px; margin:40px auto 0; overflow:hidden; border:1px solid #dedede; background:#FFFFFF;}
.elegant-t{ width:1198px; height:39px; border-bottom:1px solid #dedede; float:left; overflow:hidden;}
.et-l{ width:250px; height:39px; float:left; border-left:5px solid #01608e; line-height:39px; text-indent:15px; background:url(../images/index_09.png) right no-repeat; font-size:16px; color:#1197d9; overflow:hidden;}
.el{ width:1198px; height:273px; float:left; overflow:hidden;}
.el ul{ padding-left:3px;}
.el ul li{ float:left; width:280px; height:250px; margin:22px 9px 0; display:inline;}
.el ul li p{ width:250px; height:40px; margin:0 auto; text-align:center; overflow:hidden; line-height:40px; font-size:14px; color:#666666;}
.el1{ width:1198px; height:273px; float:left; overflow:hidden;}
.el1 ul{ padding-left:3px;}
.el1 ul li{ float:left; width:280px; height:250px; margin:22px 9px 0; display:inline;}
.el1 ul li p{ width:250px; height:40px; margin:0 auto; text-align:center; overflow:hidden; line-height:40px; font-size:14px; color:#666666;}
.st-l{ width:250px; height:39px; float:left; border-left:5px solid #01608e; line-height:39px; text-indent:15px; background:url(../images/index_11.png) right no-repeat; font-size:16px; color:#1197d9; overflow:hidden;}
.img{ width:1200px; height:400px; margin:30px auto 0;}
/*middle end*/
/*dynamic*/
.dynamic{ width:1200px; margin:30px auto 0; overflow:hidden; height:315px;}
.d-l{ width:399px; height:312px; float:left; border:1px solid #dedede;}
.dl-t{ width:399px; height:39px; border-bottom:1px solid #dedede; float:left; overflow:hidden;}
.dlt-l{ width:180px; height:39px; float:left; border-left:5px solid #01608e; line-height:39px; text-indent:15px; background:url(../images/index_14.png) right no-repeat; font-size:16px; color:#1197d9; overflow:hidden;}
.dl-list{ width:389px; height:263px; margin-top:10px; float:left; overflow:hidden; margin-left:10px; display:inline;}
.dl-list ul li{ width:384px; height:36px; float:left; line-height:36px; border-bottom:1px dashed #999999; overflow:hidden;}
.dl-list ul li .kz{ width:15px; height:34px; float:left; color:#999999;}
.dl-list ul li a{ width:280px; height:34px; float:left; overflow:hidden;}
.dl-list ul li .date{ float:right; width:85px; height:34px; text-align:right; color:#999999;}
.d-r{ width:768px; height:312px; overflow:hidden; float:right; border:1px solid #dedede;}
.dr-list{ width:768px; height:39px; border-bottom:1px solid #e8e8e8; float:left;}
.dr-list ul li{ width:111px; height:39px; line-height:39px; float:left; border-right:1px solid #e8e8e8; cursor:pointer;}
.dr-list ul li img{ padding:0 10px 0 15px;}
.dr-list ul li.hover{ background:#01608e; color:#FFFFFF;}
.dr{ width:768px; height:273px; float:left; overflow:hidden;}
.dr ul li{ float:left; width:243px; height:244px; margin-left:10px; display:inline; margin-top:20px;}
.dr ul li p{ width:223px; height:40px; line-height:40px; margin:0 auto; text-align:center; overflow:hidden; font-size:14px; color:#666666;}
/*dynamic end*/
/*agent*/
.agent{ width:1198px; height:341px; border:1px solid #dedede; overflow:hidden; margin:30px auto 30px;}
.agent-top{ width:1194px; height:38px; border-bottom:1px solid #dedede; float:left; overflow:hidden; border-left:5px solid #01608e; margin-left:-1px; display:inline;}
.agent-top ul li{ padding-left:10px; float:left; height:38px; line-height:38px; font-size:16px; color:#0090d6;}
.agent-top ul li a{ font-size:16px; color:#ea040f;}
.agent-shop{ width:1198px; height:300px; float:left;}
.agent-shop ul li { width:275px; height:280px; margin:20px 11px 0; display:inline; float:left;}
.divcss5{ position:relative;width:275px; height:205px; float:left;} 
.divcss5 a,.divcss5 span{display:none; text-decoration:none;width:275px; }
.divcss5:hover{cursor:pointer; background:#000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.8; z-index:10;} 
.divcss5:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%; z-index:10; left:0; display:block; background:#000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.divcss5:hover span{ display:block;position:absolute; bottom:40%; left:20px;color:#FFF;z-index:999;height:50px; line-height:25px; font-size:18px; text-align:center; width:235px; overflow:hidden;}
.agent-shop ul li p{ width:277px; height:45px; line-height:45px; text-align:center; background:#c5c5c5; float:left; margin-top:10px;}
.agent-shop ul li:hover p{ width:277px; height:45px; line-height:45px; text-align:center; background:#01608e; float:left; margin-top:10px;}
.agent-shop ul li p a{ color:#FFFFFF; font-size:14px;}
/*底部悬浮*/
.bottom{ width:100%; height:60px; border-top:5px solid #0090d6; background:#eef9fe;overflow:hidden; z-index:999;}
.bl{ float:left; margin-top:20px; width:291px; height:24px;}
.posf{ position:fixed;  bottom:0;left:0; }
.bc{ float:left; margin-top:15px; width:320px; height:33px; margin-left:100px; display:inline;}
.bc-s{ width:200px; height:33px; border:1px solid #dedede; float:left;}
.br{ width:301px; height:38px; float:right; margin-top:15px;}
.but{ background:url(../images/index_19.png) no-repeat; width:108px; float:left; height:33px; border:none; display:inline; margin-left:10px;}
/*底部*/
.foot{ width:100%; height:100%;overflow:hidden; margin-top:30px;}
.link{ width:100%; min-height:40px; float:left; height:40px; background:#999999;}
.fri{ width:70px; height:100%; float:left; color:#FFFFFF; font-size:14px; line-height:40px;}
.friend{ width:1130px; height:100%; float:left; overflow:hidden;}
.friend ul li{ float:left; padding-right:20px; line-height:40px;}
.friend ul li a{ font-size:14px; color:#FFFFFF;}
.foot-nav{ width:100%; height:312px; float:left; background:#1f2229; overflow:hidden;}
.fn-l{ width:865px; height:100%; float:left; overflow:hidden; margin-top:40px;}
.fn1{ width:120px; height:auto; overflow:hidden; margin-right:20px; float:left; display:inline;}
.fn1 p{ width:120px; height:30px; line-height:30px; font-size:16px; color:#FFFFFF;}
.fn1 ul li{ width:120px; float:left; height:30px; line-height:30px;}
.fn1 ul li a{ color:#999999; font-size:14px;}
.fn-r{ width:330px; height:215px; float:left; border-left:1px solid #383c44; margin-top:40px;}
.wx{ width:191px; height:215px; float:right; overflow:hidden;}
.wx p{ text-align:right; color:#9e9e9f;}
.copy{ width:100%; height:50px; background:#0e1116; float:left; overflow:hidden;}
.cl{ width:850px; height:50px; float:left; color:#999999; line-height:50px; font-size:14px;}
.cr{ width:150px; height:50px; float:right; color:#999999; line-height:50px; font-size:14px;}
.cr a{ color:#999999;}