@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family: "microsoft yahei"; color:#666; background: #fff; }
input, select, textarea, button{ vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, i, em{font-weight:normal; font-style:normal;}
img { border: 0;  vertical-align:middle; max-width:100%; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#256bb1;}
* { padding:0; margin:0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ margin: 0 auto; width:1200px;}


/**index**/
.head-top{ height:85px;}
.head-top .logo{ padding-top:25px; height:60px;position:relative; }
.head-top .logo span{font-size:28px;font-weight:bold;padding-left:45px;position: absolute;top: 30px;left: 390px;display: inline-block;width:100%;}
.head-top .tool{ padding-top:32px;}
.head-top .tool a{ float:left; margin:0 14px; display:inline-block;}
.head-top .tool a .ico{ background:url(../images/tool-ico.png) no-repeat; width:31px; height:31px; display:inline-block; vertical-align:top;}
.head-top .tool a .i1{ background-position:0 0;}
.head-top .tool a .i1{ background-position:-59px 0;}


.head-nav{ background:#3366cc; height:55px; min-width:1200px; position:relative; z-index:10;}
.head-nav li{ width:150px; text-align:center; float:left; position:relative;}
.head-nav li a.far{ display:block; font-size:18px; color:#fff; line-height:55px;}
.head-nav li.on a.far, .head-nav li a.far:hover{ background:#ff9000;}
.head-nav li .sub{ background:#3366cc; width:100%; padding:5px 0; position:absolute; left:0; top:55px; z-index:5; display:none;}
.head-nav li .sub a{ display:block; line-height:36px; color:#fff;}
.head-nav li .sub a:hover{ background:#ff9000;}


.serach{ background:#fff; width:223px; height:28px; /*margin-top:12px;*/ margin-top:33px; position:relative; border:1px #cccccc solid; border-radius:20px;}
.serach .inpt{ background:none; width:100%; padding-left:27px; line-height:28px; color:#ccc; box-sizing:border-box;}
.serach .btn{ background:url(../images/srh-btn.png) no-repeat; width:25px; height:25px; display:inline-block; position:absolute; right:2px; top:2px; cursor:pointer; z-index:1;}


.banner { width:100%; position:relative; max-height:400px; overflow: hidden; display:block; margin-top:3px; min-width:1200px;}
.banner .bd li{ width:100%; float:left; min-width:1200px;}
.banner .bd li img{ width:100%; max-height:400px;}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; font-size:0;  z-index:52;}
.banner .hd li{ width:10px; height:10px; display:inline-block; vertical-align:top; margin:0 5px; position:relative; border:1px #fff solid; border-radius:50%;}
.banner .hd li.on{ background:#3366cc;}

/*.banner .bannerbox li { background-repeat:no-repeat; background-position:top center; background-size:cover; height:420px; width:100%;  line-height:0; opacity:0; transition:transform 5s ease; -webkit-transition:transform 5s ease; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  float:left; min-width:1200px;}
.banner .bannerbox li.imgIn{ opacity:1; z-index:10; display:block; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0);}
.banner .flex-control-nav{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; font-size:0;}
.banner .flex-control-nav li{ display:inline-block; vertical-align:top; margin-right:10px; padding-top:16px; position:relative;  z-index:52;}
.banner .flex-control-nav li a{ width:10px; height:10px; display:inline-block; font-size:0; text-indent:-9999px; vertical-align:top; border:1px #fff solid; border-radius:50%;}
.banner .flex-control-nav li a.flex-active{ background:#3366cc;}*/


.mainPage{ padding-top:35px;}
.main-floor{ padding-bottom:25px;}
.main-title{ padding:5px 0; border-bottom:2px #3366cc solid;}
.main-title .cn{ float:left; font-size:21px; color:#3366cc; padding-left:10px;}
.main-title .mo{ float:right; margin-top:5px;}
.main-cross{ margin-bottom:25px; position:relative; overflow:hidden;}
.main-cross .bd li{ float:left; width:100%;}
.main-cross .bd li img{ width:100%;}
.main-cross .hd{ width:100%; text-align:right; position:absolute; left:0; bottom:15px; font-size:0; padding-right:10px; z-index:52;}
.main-cross .hd li{ width:10px; height:10px; display:inline-block; vertical-align:top; margin:0 5px; position:relative; border:1px #fff solid; border-radius:50%;}
.main-cross .hd li.on{ background:#3366cc;}


.news{ width:825px;}
.news-con{ margin-top:29px;}
.news-scoll{ width:392px; height:366px; position:relative; overflow:hidden;}
.news-scoll .bd li{ width:392px; height:366px; float:left;}
.news-scoll .bd li img{ width:100%; height:100%; display:block;}
.news-scoll .hd{ width:100%; font-size:0; text-align:center; position:absolute; left:0; bottom:12px;}
.news-scoll .hd li{ background:#fff; width:10px; height:10px; display:inline-block; text-indent:-9999px; margin:0 5px; border-radius:50%;}
.news-scoll .hd li.on{ background:#ff0000;}
.news-iboxt{ width:415px;}
.news-iboxt .t{ font-size:17px; color:#256bb1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-iboxt .t a{ color:#256bb1;}
.news-iboxt .c{ line-height:24px; text-align:justify; max-height:72px; overflow:hidden; margin-top:8px;}
.news-iboxt .list{ margin-top:10px; padding-top:10px; border-top:1px #e5e5e5 dashed;}
.news-iboxt .list li{ line-height:20px; padding:10px 0 10px 15px; position:relative; overflow:hidden;}
.news-iboxt .list li:before{ content:''; background:#999; width:4px; height:4px; position:absolute; left:0; top:18px; border-radius:50%;}
.news-iboxt .list li span{ float:right; color:#b8b8b8;}


.case{ width:825px;}
.case-list{ margin-top:25px; margin-left:-6px; position:relative;} 
.case-list li{ width:271px; float:left; margin-left:6px; display:inline-block;}
.case-list li .img{ width:271px; height:167px; display:block;}
.case-list li .tit{ text-align:center; padding-top:18px; height:20px; line-height:20px;}


.diary{ width:350px;}
.diary .party-list{ margin-top:10px;}
.tender{ width:350px;}
.party-item{ width:383px; margin-right:42px;  display:inline-block;}

.party-list{ padding-top:5px; /*padding-top:10px;*/ }
.party-list li{ line-height:20px; padding:8px 0 8px 15px; position:relative; overflow:hidden;}
.party-list li:before{ content:''; background:#3366cc; width:4px; height:4px; position:absolute; left:0; top:18px; border-radius:50%;}
.party-list li span{ float:right; color:#b8b8b8;}


.ments{ width:350px;}
.ments-list{ margin-top:17px;}
.ments-list li{ padding:13px 0; vertical-align:middle; border-bottom:1px #e5e5e5 dashed;}
.ments-list li .date{ display:block; color:#b8b8b8; vertical-align:top;}
.ments-list li .tit{ padding-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



.links-list{ margin-left:-10px; position:relative;}
.links-list li{ width:292px; float:left; margin:10px 0 0 10px;}
.links-list li img{ width:292px; height:63px; display:inline-block;}


.footer{ background:#ececec; min-width:1200px; margin-top:45px; border-top:1px #dfdfdf solid;}
.footer-copy{ padding-top:20px; line-height:21px; color:#999; font-size:12px;}
.footer-code{ padding:7px 0 10px 0;}
.footer-code li{ float:left; text-align:center; margin-left:45px;}
.footer-code li p{ font-size:12px; color:#999; padding-top:8px;}


.left{ width:250px;}
.left-top{ line-height:53px; font-size:21px; color:#3366cc; font-weight:bold; border-top:7px #3366cc solid; border-bottom:1px #3366cc solid;}
.left-menu a{ display:block; line-height:47px; position:relative; font-size:16px; border-bottom:1px #e5e5e5 dashed;}
.left-menu a:before{content:''; height:7px; width:7px; display:block; border:1px solid #999; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:20px; right:15px;}
.left-menu a.active, .left-menu a:hover{ color:#ff9000;}
.left-menu a.active:before, .left-menu a:hover:before{ border:1px #ff9000 solid;  border-left-width:0; border-top-width:0;}


.right{ width:900px;}
.right-top{ border-bottom:1px #ccc solid; padding-bottom:10px;}
.right-top .cn{ font-size:18px; color:#333; float:left; padding-left:23px; position:relative; line-height:24px;}
.right-top .cn:before{ content:''; background:#ff9900; width:6px; height:24px; position:absolute; left:0; top:0; border-radius:5px;}
.right-top .add{ padding-top:4px;}
.right-top .blue{ color:#3366cc;}
.right-about{ padding:40px 0; line-height:27px; text-align:justify;}


.case-about{ padding:40px 0; line-height:27px; text-align:justify;}
.case-about li{ width:271px; float:left; margin:14px; display:inline-block;}
.case-about li .img{ width:271px; height:167px; display:block;}
.case-about li .tit{ text-align:center; padding-top:18px; height:20px; line-height:20px;}

.right-news{ margin-top:40px;}
.right-news li{ line-height:20px; padding:8px 0 8px 15px; position:relative; overflow:hidden;}
.right-news li:before{ content:''; background:#333; width:4px; height:4px; position:absolute; left:0; top:18px; border-radius:50%;}
.right-news li span{ float:right; color:#b8b8b8;}


.right-page{ text-align:center; padding-top:75px;}
.right-page a{ line-height:35px; display:inline-block; padding:0 12px; vertical-align:middle; margin:0 1px; border:1px #eee solid;}
.right-page a.cur, .right-page a:hover{ background:#0075c5; color:#fff;}


.ny-page{ text-align:center; padding-top:50px; clear:both; }
.ny-page a{ background:#e4e4e4; line-height:26px; display:inline-block; font-size:14px; color:#666; padding:0 11px; margin:0 4px;}
.ny-page a.cur, .ny-page a:hover{ background:#0075c5;color:#fff;}
.ny-page .nowpage{ background:#0075c5;line-height:26px; display:inline-block; font-size:14px; color:#fff; padding:0 11px; margin:0 4px;}


/**投诉中心**/
.compl-warp{ width:90%; margin:auto; padding-top:20px;}
.compl-filed { margin-top:26px; line-height:29px; min-height:29px; color:#4a4a4a;}
.compl-filed label{ width:160px; text-align:right; float:left; padding-right:5px;}
.compl-filed label .red{ color:#d21300;}
.compl-filed .inpt{ width:435px; height:27px; line-height:27px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .select{ width:158px; height:29px; line-height:29px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .filed-item{ padding-right:5px; float:left;}
.compl-filed .filed-item input[type='radio']{ margin:0 8px 0 20px;}
.compl-filed .wth100{ width:100px; margin-right:10px;}
.compl-filed .select.wth100{ width:105px;}
.compl-filed .textarea{ width:435px; height:120px; border:1px #cccbcb solid; border-radius:5px; padding:5px;}
.compl-filed .btn{ background:#3366cc; width:100px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:14px; border-radius:5px; cursor:pointer; border:none; }
.compl-tips{ padding:60px 90px 50px 90px; line-height:30px; color:#868686;}


.right-news-detail .aside{ padding:70px 0 20px 0; text-align:center; border-bottom:1px #cccccc dashed;}
.right-news-detail .aside .t{ font-size:21px; color:#000;}
.right-news-detail .aside .c{ padding-top:25px; color:#999;}
.right-news-detail .aside .c span{ padding:0 10px;}
.right-news-detail .con{ line-height:27px; padding:35px 0; text-align:justify;}