/* CSS Document */

/*reset css*/
html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px 'Microsoft YaHei',"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#2d374b;text-decoration:none}
a:hover{text-decoration:none; color:#}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
ul,ol,li{list-style-type:none;}
.clear{clear:both;}
.w100 { width: 100%; }
/*=============公共样式=============*/
/* 头部 */
.con{display:block;width:100%;max-width:640px;margin:0 auto;}
/* 首页内容模块 */

.nav_con{display:block; width:100%;}
.nav_con .about{display:block; width:95%; margin:0 auto;}
.nav_con .about .i{float:left;width:32.85%;}
.nav_con .about .i img{ width:100%;}
.nav_con .about .i.i1,.nav_con .about .i.i2,.nav_con .about .i.i4,.nav_con .about .i.i6{margin-right:0.7%;}
.nav_con .about .i.i1,.nav_con .about .i.i2,.nav_con .about .i.i3{margin-bottom:0.7%;}
.nav_con .about .i.i1,.nav_con .about .i.i2,.nav_con .about .i.i3{ margin-top:3%;}
.nav_con .about .i.i7{ width:66.4%;}
/* 新闻内容模块 */
.news_con{ display: block; width: 100%; margin-top: 10px; }
.fenlei { width: 95%; background-color: #eeeeee; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; }
.feilei_zuo { float: left; height: 80px; width: 80px; }
.fenlei ul li { height: 80px; width: 95%; margin-bottom: 15px; background-color: #FFF; margin-right: auto; margin-left: auto; font-family: "微软雅黑"; font-size: 12px; font-weight: normal; color: #666; text-decoration: none; }
.feilei_zi1 { font-size: 14px; float: left; line-height: 30px; margin-left: 1%; color: #333; display: block; padding-top: 25px; }
.feilei_zi2 { display:block; float: left; width:70%;height:20px;margin-left: 2%;overflow:hidden;  line-height: 20px; color:#666;}
.news_con ,.con_bg{display:block;  width:95%; margin:0 auto; background:#eee;margin-top:2%;}
.content{ display: block; width: 100%; margin-top: 10px; padding-bottom:15px; }
.xinwen{width: 95%; background-color: #f3f2f3; padding:20px 5px; line-height:25px; margin:0 auto;}
.xinwen ul li{ height:35px; line-height:35px; border-bottom:1px dashed #ccc;}
.xinwen ul li a{ display:block; float:left; width:70%; font-size:12px; overflow:hidden; white-space: nowrap;text-overflow:ellipsis; background:url(../images/content_icon.png) no-repeat left center; padding-left:15px;}
.xinwen ul li span{ display:block; float:right; margin-right:1%;}
.xinwen ul li a:hover,.relative p a:hover{ color:#01a1df;}
.content_con,.works_con{display: block; width: 100%; margin-top: 10px;}
.neirong,.table_bg{width: 95%; background-color: #eeeeee; margin-right: auto; margin-left: auto;padding:20px 5px; line-height:20px;}
.neirong h2{ text-align:center; margin-bottom:10px; font-size:18px;}
.neirong .artInfo{ text-align:center; color:#666; font-size:10px; margin-bottom:5px;}
.artCon{ font-size:12px; color:#666;}
.relative{ margin-top:15px; overflow:hidden;}
.artCon img{ width:90%;}
/* 案例内容模块 */
.case_con{ display: block; width: 100%; margin-top: 10px; }
.case_fenlei { width: 95%; background-color: #eeeeee; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; }
.case_fenlei_zuo { float: left; width: 150px; height: 107px; }
.case_fenlei_kong { float: left; height: 107px; width: 10px; }
.case_fenlei_kong2 { float: right; height: 107px; width: 10px; }
.case_fenlei ul li { width: 95%; margin-bottom: 15px; background-color: #0073c0; margin-right: auto; margin-left: auto; font-family: "微软雅黑"; font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none; height: 107px; line-height: 25px;overflow: hidden;text-overflow:ellipsis;}
.case_fenlei ul li a { display:block; font-family: "微软雅黑"; font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none; line-height: 25px; }
.news_con .con_bg{display:block; width:95%; margin:0 auto; background:#eee;margin-top:2%;}
.cgal_con{ display: block; width: 100%; margin-top: 10px; }
.cgal_bg{width: 95%; background-color: #eeeeee; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px;}
.cgal_bg h3{ text-align:center; margin-bottom:10px;}
.cgal_bg img{ margin-bottom:10px;}

/* 查询 */
.cx{ width:80%; height:30px; line-height:30px; color:#999; border:1px solid #e8e8e8; background-color:#fff; text-indent:10px;}
.btn2{ width:60px; height:32px; line-height:32px; background-color:#01a1df; color:#fff; text-align:center; border:none; font-family:"微软雅黑"; margin-left:-5px;}
.all a{ display:block; width:50%; line-height:32px; background-color:#1f3983; color:#fff; text-align:center; margin-top:10px;}
.tab1{ border:1px solid #e3e3e3; background-color:#fff; margin-top:10px; line-height:35px; text-indent:10px;}
.icon img{ width:28px; height:27px;}

/* 导航 */
.nav{ position:fixed; bottom:0; width:100%; max-width:640px; height:80px; font-size:14px; color:#338fcd;background-color:#007bc8; margin-top:2%;}
.nav ul li{ float: left; background-color: #007bc8; line-height: 39px; width: 25%; height: 39px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #338fcd; text-align: center; }
.nav_xian1 { border-top-width: 1px; border-top-style: solid; border-top-color: #338fcd; }
.nav_xian2 { border-top-width: 1px; border-top-style: solid; border-top-color: #338fcd; background-image: url(../images/nav_bg_xian.jpg); background-repeat: no-repeat; background-position: left center; }
.nav_xian3 { background-image: url(../images/nav_bg_xian.jpg); background-repeat: no-repeat; background-position: left center; }
.nav ul li a{ font-size: 10px; color: #fff; text-decoration: none; display: block; height: 39px; width: 100%; background-image: url(../images/nav_xian.png); background-repeat: no-repeat; background-position: right center; }
.kong{ width:100%; height:80px;}
/* 底部 */
.footer{width:100%; height:40px; background:#005faf; margin-top:2%;}
.footer span{ display:block; text-align:center; color:#fff; line-height:40px;}
.footer1{width:100%; height:40px; background:#000;}
.footer1 span{ display:block; text-align:center; color:#bfbfbf; line-height:40px;}


/*banner*/
.banner { width: 100%; margin: 0 auto; padding: 0; }
#wrapper { margin: 0; width: 100%; height: auto; float: left; position: relative;	/* On older OS versions "position" and "z-index" must be defined, */ z-index: 1;			/* it seems that recent webkit is less picky and works anyway. */ overflow: hidden; }
#scroller { height: auto; float: left; padding: 0; }
#scroller ul { list-style: none; display: block; float: left; width: 100%; height: auto; padding: 0; margin: 0; text-align: left; }
#scroller li { display: block; float: left; width: auto; height: auto; text-align: center; font-size: 0px; padding: 0; position: relative; }
#scroller li a { display: block; padding: 0; margin: 0; }
#scroller li p { position: absolute; z-index: 2; display: block; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.5); color: #F4F4F4; font-size: 14px; text-indent: 55px; line-height: 24px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding: 0; margin: 0; }
#nav { float: right; margin-top: -15px; padding: 0; position: relative; width: auto; z-index: 3; }
#prev, #next { float: left; font-weight: bold; font-size: 14px; padding: 5px 0; width: 80px; display: none; }
#next { float: right; text-align: right; }
#indicator > li { display: block; float: left; list-style: none; padding: 0; margin: 0; }
#indicator { display: block; margin: 0; padding: 0; width: auto; }
#indicator > li { text-indent: -9999em; width: 8px; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; margin-right: 4px; }
#indicator > li.active { background: #37bc9b; }
#indicator > li:last-child { margin: 0 8px 0 0; }

/*资质*/
.honor_con ul li { float: left; width: 47%;border: 1px solid #e3e3e3; margin-right:2%; margin-bottom:2%; }
.honor_con ul li.last{ margin-right:0;}
.honor_con ul li img{ width:100%;}
.zi1 { display: block;line-height: 30px; background-color: #01a1df;}
.zi1 a { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; text-align: center; color:#fff; }
#images a { margin-right: 14px; }
#images a img { border: 1px solid #888; padding: 3px; vertical-align: top; }
#credit { clear: both; margin-top: 50px; padding-top: 20px; font-size: 10px; border-top: 1px solid #BBB; font-family: Verdana; }
#imgbox-loading { position: absolute; top: 0; left: 0; background: url('imgbox-spinner.gif') center center no-repeat; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background: url('imgbox-close.png') top left no-repeat; cursor: pointer; outline: none; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
.imgbox-bg-n { left: 0; top: -20px; width: 100%; background: url(imgbox-bg-n.png) repeat-x; }
.imgbox-bg-ne { right: -20px; top: -20px; background: url(../imgbox-bg-ne.png) no-repeat; }
.imgbox-bg-e { right: -20px; top: 0; height: 100%; background: url(../imgbox-bg-e.png) repeat-y; }
.imgbox-bg-se { right: -20px; bottom: -20px; background: url(../imgbox-bg-se.png) no-repeat; }
.imgbox-bg-s { left: 0; bottom: -20px; width: 100%; background: url(../imgbox-bg-s.png) repeat-x; }
.imgbox-bg-sw { left: -20px; bottom: -20px; background: url(../imgbox-bg-sw.png) no-repeat; }
.imgbox-bg-w { left: -20px; top: 0; height: 100%; background: url(../imgbox-bg-w.png) repeat-y; }
.imgbox-bg-nw { left: -20px; top: -20px; background: url(../imgbox-bg-nw.png) no-repeat; }


/*--翻页--*/
.fanye { height: 37px; width:100%; margin-right: auto; margin-left: auto; margin-top: 2%; }
.fanye ul li { float: left; height: 35px; width: 35px; margin-right: 5px; margin-left: 5px; text-align: center; line-height: 35px; border: 1px solid #eeeeee; }
.fanye ul li a { font-family: "微软雅黑"; font-size: 12px; line-height: 35px; font-weight: normal; color: #999; text-decoration: none; background-color: #FFF; display: block; height: 35px; width: 35px; }
.fanye ul li a:hover { color: #FFF; background-color: #01a1df; }

/*分页*/
#page{
                height:40px;
                padding:20px 0px;
            }
            #page a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                height:24px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            #page a:hover{
                color:#077ee3;
                border:1px #077ee3 solid;
            }
            #page a.cur{
                border:none;
                background:#077ee3;
                color:#fff;
            }
            #page p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                height:24px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;

            }
            #page p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            #page p.pageRemark b{
                color:red;
            }
            #page p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}