body{background:#fff;color:#333;} a{text-decoration:none;-webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s;color:#333;} a:hover{text-decoration:none;color:#0f66bd;} li{-webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s;} ul{padding:0;list-style: none;margin: 0;} .container{/*width:1100px !important;*/padding:0;} .navbar-example { position: fixed; top: 20%; left: 0; width: 50px; z-index: 80; } .navbar-example .nav { background: none; } .navbar-example .nav img{height:40px;} .navbar-example .navbar-collapse { padding: 0; } .navbar-example .navbar-nav>li { display: block; float: none; height: 40px; width: 80px; border-top: 1px solid #1471b9; text-align: center; line-height: 40px; background: #0066b5; border-right: 1px solid #1471b9; } .navbar-example .navbar-nav>li:last-child{border-bottom: 1px solid #1471b9;} .navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px; color: #fff; } .navbar-example .navbar-nav>li>a:hover { background: #fff; color: #0066b5; } .navbar-example .navbar-nav>li.active>a { color: #0066b5; cursor: default; background-color: #fff; border: 0; line-height: 40px; } .head{} .head .head-top{height:35px;line-height:35px;background:#e8e8e8;border-bottom:1px solid #ddd;} .head .head-top .left{float:left;color:#000;} .head .head-top .right{float:right;} .head .head-top .right a{ color:#000;} .head .head-top .right span{margin:0 5px;color:#fff;} .head .head-bottom{border-top: 1px solid #FFF; background:url(head_bg.jpg)} .head .h-center{height:130px;margin:0 auto; } .head .h-center .logo{float:left;} .head .h-center .logo h1{margin:0;} .head .h-center .logo img{} .head .h-center .phone{float:right;width:265px;margin-top:40px;} .head .h-center .phone img{float:left;margin-right:10px;width:70px;} .head .h-center .phone span{display: block;font-size:18px;margin-top:8px;} .head .h-center .phone strong{font-size:26px;color:#f00;} .head .nav{height:45px; background: #007eed;clear: both;} .head .nav .menu ul{padding:0;list-style: none;margin: 0;} .head .nav .menu ul li{float:left;position:relative;z-index: 9999;} .head .nav .menu ul li a{display:inline-block;float:left;height:45px;color:#fff;width:130px;border-right: 1px solid #2a82d4; border-left: 1px solid #0056a6;text-align:center;line-height:45px;font-size:16px;} .head .nav .menu ul li a span{font-size:16px;margin-right:5px;} .head .nav .menu ul li .index{border-left:1px solid #0935a0;background: #ffaa00;color:#fff;} .head .nav .menu ul li a:hover{background: #ffaa00;color:#fff;} .head .nav .menu ul li:hover .sub{display:block;} .head .nav .menu ul li .sub li a:hover{background: #ffaa00;} .head .nav .menu ul li .sub{ display:none;left:0; top:45px; position:absolute; background:#007eef;line-height:26px; padding:5px 0;z-index:999;} .head .nav .menu ul li .sub li{ zoom:1;border:none;} .head .nav .menu ul li .sub a{ display:block;border:none;height:30px;line-height:30px;font-size:14px; border-right: 1px solid #8AACFF;border-left: 1px solid #0056a6;overflow: hidden;} .head .nav .menu ul li .sub a:hover{ background:#007eef; color:#fff; } .banner {position: relative;} .search{clear:both;border-bottom:1px solid #eeeeee;background:#dad3d3;} .search .container{height:50px;line-height:50px;clear:both;} .search .phone{float:left;color:#666;} .search .phone span{font-size:18px;margin-right:10px;} .search .phone strong{font-size:16px;} .search .tags{margin-left:10px;float:left;} .search .tags h4{float:left;line-height:48px;margin:0;margin-left:50px;font-size:12px;} .search .tags h4 li{float:left;margin-left:20px;color:#666;} .search .form{float:right;height:30px;margin-right:10px;} .search .form .search-keyword{width: 200px;height: 30px;line-height: 30px;background:#fff;border:1px solid #666;color: #cccccc;padding-left: 28px;font-size: 12px;float:left;margin-top:7px;} .search .form .search-submit{width:49px;height:30px;background:#666;border:none;margin-top:0px;top:0;font-size:18px;color:#fff;} .nav-img{margin-top:20px;} .nav-img a{-webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s;display: block;float:left;} .nav-img .nav-img2{margin:0 21px;} .nav-img a:hover{z-index:20;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px);} .banner { width: 100%; height: 600px; overflow: hidden; position: relative; z-index:999; } .banner .hd{height:20px; overflow:hidden; position:absolute;bottom:5px; z-index:1;left:44%;} .banner .hd ul{ overflow:hidden; zoom:1; float:left; } .banner .hd ul li{ float:left; margin-right:2px; width:35px; height:10px; line-height:14px; text-align:center; background:rgba(0,0,0,0.4); cursor:pointer;} .banner .hd ul li.on{ background:#f8c040; color:#23c3c3; } .banner .bd { width: 100%; height: 600px; overflow: hidden; margin: 0 auto; position: relative } .banner .bd ul { width: 100%; height: 600px; overflow: hidden; position: absolute; top: 0; left: 0 } .banner .bd li { float: left; width: 100%; height: 600px; } .banner .bd li span { display: block; width: 100%; height: 600px } .banner .bd li a { display: block; width: 100%; height: 600px } .banner .bd li .img_1 { background: url("banner1.jpg") center top no-repeat } .banner .bd li .img_2 { background: url("banner2.jpg") center top no-repeat } .banner .bd li .img_3 { background: url("banner3.jpg") center top no-repeat } .banner .bd li .img_4 { background: url("banner4.jpg") center top no-repeat } .banner .bd li .img_5 { background: url("banner5.jpg") center top no-repeat } .banner .bd li .img_6 { background: url("banner6.jpg") center top no-repeat } .banner .bd li .img_7 { background: url("banner7.jpg") center top no-repeat } .banner .prev, .banner .next { height: 75px; background: #fff; position: absolute; left: 3%; top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000; } .banner .next { left: auto; right: 3%; background-position: 8px 5px; } .banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; } .banner .prevStop { display: none; } .banner .nextStop { display: none; } /*产品*/ .product { clear: both; overflow: hidden; margin-top: 20px; } .product .title { overflow: hidden; text-align: center; } .product .title h2 { font-size: 24px; color: #007eef; font-weight: bold; } .product .title h2 a { color: #333; } .product .title h2 a span{ color: #007eef;} .product .title h2 a:hover { color: #333; } .product .title em { color: #999;background:url(title-en-bg.png) center center no-repeat;width:1100px;display: block;} .product .pro-nav { overflow: hidden; margin: 20px auto; } .product .pro-nav ul{ width:1000px; margin:0 auto;} .product .pro-nav ul li { float: left; margin: 0 15px;text-align: center;} .product .pro-nav ul li a {display: block;border:1px solid #0f66bd;text-align:center;height:35px;line-height:35px; color: #fff; font-size: 16px;background:#0f66bd; padding:0 7px;} .product .pro-nav ul li a:hover{color:#fff;background:#007eef;border:1px solid #007eef;} .product .pro-img { overflow: hidden; } .product .pro-img ul li { width: 345px; float: left; margin: 0 10px 15px 10px; position: relative; background: #f1f1f1; padding: 10px; border: 1px solid #dedede; height: 285px; } .product .pro-img ul li:hover { } .product .pro-img ul li img { width: 100%; } .product .pro-img ul li .text { overflow: hidden; margin-top: 10px; } .product .pro-img ul li .text .left { float: left; } .product .pro-img ul li .text .right { float: right; } .product .pro-img ul li strong { margin-bottom: 5px; } .product .pro-img ul li p { display: block; overflow: hidden; clear: both; font-size: 12px; margin-bottom: 0; text-align: center; color: #999; } .product .pro-img ul li span { color: #eee; float: right; display: block; width: 80px; height:28px; background: #007eef; line-height: 28px; text-align: center; font-size: 12px; } .top { height: 200px; background: url(programme-top.jpg) top center; margin-top:20px; } .top .container { } .top .container .cont{width:380px;float:right;margin-top:50px;} .top .container .cont .title {clear:both;overflow: hidden;} .top .container .cont .title span {font-size:45px;color:#fff;float:left;margin-left:40px;margin-top:3px;} .top .container .cont .title p{float:right;width:280px;color:#fff;font-size:18px;} .top .container .cont .title p strong{display: block;font-size:24px;} .top .container .cont a { display: block; border: 1px solid #ccc; width: 120px; height: 35px; line-height: 35px; text-align: center; margin: 10px 15px;color:#fff;float:left;} .top .container .cont a:hover{background:#fff;color:#007eef;} .offer { height: 200px; background: url(offer.jpg) top center; } .offer .text1 { width: 370px; float: left; color: #fff; font-size: 24px; padding-top: 60px; } .offer .text1 span { color: #fff; font-size: 30px; } .offer form { width: 480px; float: left; overflow: hidden; } .offer form table { width: 380px; float: left; margin-top: 50px; margin-left: 10px; } .offer form tr { float: left; margin-left: 10px; margin-top: 10px; } .offer form .intxt { width: 176px; height: 37px; border: none; background: #fff; color: #aaa; font-size: 12px; padding-left: 5px; } .offer .off-btn { background:#f00; height: 85px; width: 85px; float: left; border: none; margin-top: 60px; color: #fff; font-size: 16px; } .offer .text2 { width:190px; float: right; font-size: 24px; color: #fff; text-align: right; padding-top: 70px; } .offer .text2 span { display:block; color: #fff; font-size: 30px; } /*advantage*/ .title_top { overflow: hidden; text-align: center; } .title_top h2 { font-size: 24px; color: #007eef; font-weight: bold; } .title_top h2 a { color: #333; } .title_top h2 a span{ color: #007eef;} .title_top h2 a:hover { color: #333;} .title_top em { color: #999;background:url(title-en-bg.png) center center no-repeat;width:1100px;display: block;} .advantage { overflow: hidden; } .advantage .cont { padding-top: 25px; } .advantage .cont .title { padding-left: 60px; margin-bottom: 20px; } .advantage .cont .title h3 { font-size: 26px; font-weight: bold; color: #333; margin-bottom: 5px; } .advantage .cont .title span{color: #007eef;} .advantage .cont .title em { color: #999; } .advantage p { color: #333; margin-bottom: 10px; padding-left:0px; line-height: 20px; font-size: 15px; } .advantage p span { color: #007eef; } .advantage .adv-btn { padding-left: 50px; } .advantage .adv-1 .title,.advantage .adv-3 .title{margin-left: 92px;} .advantage a { display: block; width: 140px; height:35px; line-height:35px; text-align: center; background: #007eef; color: #fff; margin-left: 50px; margin-top: 20px; float: left; } .advantage .adv-1 { height: 320px; background: url(youshi-1.jpg) top center; } .advantage .adv-2 { height: 320px; background: url(youshi-2.jpg) top center; } .advantage .adv-3 { height: 320px; background: url(youshi-3.jpg) top center; } .advantage .adv-4 { height: 320px; background: url(youshi-4.jpg) top center; } .advantage .adv-2 .adv-title { float: right; clear: both; padding-top: 85px; width: 485px; } .advantage .adv-2 .cont { float: right; width: 545px; clear: both; } .advantage .adv-4 .adv-title { float: right; clear: both; padding-top: 85px; width: 485px; padding-left: 30px; } .advantage .adv-4 .cont { float: right; width: 545px; clear: both; } .flow{background: #eaeaea;overflow:hidden;} .flow .container{overflow:hidden; margin:0 auto;padding:20px 0;} .flow h3{height:118px; line-height:118px; font-size:23px; color:#FFF; text-align:center; background:url(flow-title.png) no-repeat center center;} .flow ul li{ float:left; background:url(lc_ico.png) no-repeat right 27px; width:120px; overflow:hidden; margin-right:27px;} .flow ul .nones{ width:70px; background:none !important; margin-right:0;} .flow ul li a{ display:inline-block; width:80px; height:110px; overflow:hidden; background:url(lc21.png) no-repeat;} .flow ul span{ display:block; font-size:16px; color:#555; line-height:30px; height:30px; overflow:hidden;} .flow ul li a:hover { background:url(lc11.jpg) no-repeat;} .flow p{height:61px; overflow:hidden; padding-left:139px;} .flow p span{height:61px; line-height:31px; overflow:hidden; font-size:19px; color:#606060; float:left; margin-right:84px;} .flow p span b{height:30px; line-height:30px; overflow:hidden; padding-left:128px; background:url(fl-dh.png) no-repeat 96px 5px; font-size:24px; color:#0f66bd; display:block; font-weight:normal; margin-top:20px;} .flow p span b i{font-size:24px; font-style:normal; display:inline-block;} .flow p a{width:122px;height:38px; line-height:38px; overflow:hidden; font-size:20px; color:#FFF; float:left; background:url(d_bt.gif) no-repeat left top; text-align:center; margin:10px 15px 0 0;} .adv{ background:url(bj.png); padding-bottom:20px;} .adv .title { height:120px;background:url(adv-title-bg.png) center center;text-align:center;margin-top:10px;} .adv .title h3 {margin: 0;font-size:20px;font-weight: bold;text-align:center;padding-top:10px;} .adv .title h3 strong{font-size: 30px;color: #495d81;} .adv .title span {display: block;text-align:center;font-size:20px;} .adv .title small{font-size:9px;} .adv .slideBox .adv-cont01{ background:url(adv-01.jpg); height:430px;} .adv .slideBox .adv-cont02{ background:url(adv-02.jpg); height:430px;} .adv .slideBox .adv-cont03{ background:url(adv-03.jpg); height:430px;} .adv .slideBox .adv-cont01 .cont01{ width:360px; padding:30px; float:right;} .adv .slideBox .adv-cont01 .cont01 h3{color: #f1e498; text-align:center; margin-bottom:50px;} .adv .slideBox .adv-cont01 .cont01 p{color: #fff; width:300px; line-height:24px;} .adv .slideBox .adv-cont02 .cont01{ width:360px; padding:30px; float:right;} .adv .slideBox .adv-cont02 .cont01 h3{color: #f1e498;text-align:center; margin-bottom:50px;} .adv .slideBox .adv-cont02 .cont01 p{color: #fff; width:300px; line-height:24px;} .adv .slideBox .adv-cont03 .cont01{ width:360px; padding:30px; float:right;} .adv .slideBox .adv-cont03 .cont01 h3{color: #f1e498;text-align:center; margin-bottom:50px;} .adv .slideBox .adv-cont03 .cont01 p{color: #fff; width:300px; line-height:24px;} .adv .slideBox{ overflow:hidden; position:relative; border:1px solid #ddd; } .adv .slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .adv .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .adv .slideBox .hd ul li{ float:left; margin-right:2px; width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; } .adv .slideBox .hd ul li.on{ background:#f1e498; color:#1a306a; } .adv .slideBox .bd{ position:relative; height:100%; z-index:0; } .adv .slideBox .bd li{ zoom:1; vertical-align:middle; } .adv .slideBox .bd img{ width:450px; height:230px; display:block; } .adv .slideBox .prev, .adv .slideBox .next{ position:absolute; left:0px;background:#fff; top:50%; margin-top:-25px; display:block; width:32px; height:60px;line-height:60px;text-align:center;filter:alpha(opacity=50);opacity:0.5; } .adv .slideBox span{font-size:22px;} .adv .slideBox .next{ left:auto; right:0px; background-position:8px 5px; } .adv .slideBox .prev:hover, .adv .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .adv .slideBox .prevStop{ display:none; } .adv .slideBox .nextStop{ display:none; } /*group-about*/ .group-about{margin:20px auto;clear:both; background:#EFEFEF} .group-about .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; } .group-about .title h3 {float: left;margin: 0;height: 40px;line-height: 40px;margin-right: 10px;font-size: 20px;} .group-about .title h3 strong{color:#008932;font-size:26px;} .group-about .title span { font-size: 12px; color: #666; display: block; float: left; margin-left: 10px; } .group-about .title .hd{ float:right; padding-top:20px;} .group-about .title .hd a span{ color:#0f66bd; font-size:18px;} .group-about .about{width:740px;float:left;} .group-about .about .about-cont{height:330px;clear:both;} .group-about .about .about-cont .about-img{float:left;margin-right:10px;width:350px;height:324px;} .group-about .about .about-cont .about-title{font-size:20px;font-weight: bold;color:#0f66bd;padding-top:26px;padding-bottom:10px;} .group-about .about .about-cont .about-dis{line-height:24px;} .group-about .about .about-cont .about-link{} .group-about .about .about-cont .about-link a{padding:6px 20px;background:#0f66bd; border-radius: 5px;color:#fff;font-size: 12px;} .group-about .about .factory-img{overflow:hidden; position:relative;} .group-about .about .factory-img .bd a{display:block;background: #0f66bd;cursor:pointer;position: relative;width:228px;text-align: center;margin-bottom:5px;} .group-about .about .factory-img .bd .prev{float:right;margin-right:10px;} .group-about .about .factory-img .bd .next{float:left;margin-left:9px;} .group-about .about .factory-img .bd a span{font-size:16px;color:#fff;} .group-about .about .factory-img .bd .picList{} .group-about .about .factory-img .bd ul{ overflow:hidden; zoom:1; } .group-about .about .factory-img .bd ul li{margin:0 9px; float:left; _display:inline; overflow:hidden; text-align:center; } .group-about .about .factory-img .bd ul li .pic{ text-align:center;width:167px;height:126px;background:#eee;padding:7px;} .group-about .about .factory-img .bd ul li .pic img{ width:100%;display:block;} .group-about .right{width:320px;float:right;} .group-about .about-cont .about-btn a {padding: 6px 30px;background: #0f66bd;color: #fff;margin: 0 20px;border-radius: 5px;} .group-about .right .honer-img { overflow: hidden; position: relative; } .group-about .right .honer-img .prev,.about .right .honer-img .next {font-size:16px;cursor:pointer;} .group-about .right .honer-img .bd .tempWrap {width:995px !important;padding:10px 0;} .group-about .right .honer-img .bd ul { overflow: hidden; zoom: 1;} .group-about .right .honer-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin:0px;background: #eee;} .group-about .right .honer-img .bd ul li .pic { text-align: center; padding: 0px; display: block; } .group-about .right .honer-img .bd ul li .pic img { width:320px;height:350px;display: block;padding:10px;} .group-about .right .honer-img .bd ul li span { color: #000; margin:5px 0; display: block;padding:0px 0 10px 0;} .group-about .about-cont .about-btn {margin-top: 10px;margin-left: 60px;float: left;} /*news*/ .news{clear:both;} .news .news-cont{width:1100px;margin:0 auto;padding-top:25px;} .news .news-cont .title{height:35px;border-bottom:1px solid #ddd;line-height:35px;} .news .news-cont .title span{color:#0f66bd;font-size:22px;float:left;margin-top:5px;} .news .news-cont .title h3{float:left;margin:0;margin-left:10px;color:#0f66bd;font-size:18px;font-weight:bold;line-height:35px;margin-right:5px;} .news .news-cont .title small{color:#aaa;} .news .news-cont .title a{float:right;color:#aaa;font-size:12px;} .news .news-cont .news-left{width:730px;float:left;} .news .news-cont .news-left .ne-img{} .news .news-cont .news-left .ne-img li{height:155px;padding-top:6px;border-bottom:1px dashed #ccc;} .news .news-cont .news-left .ne-img li img{width:200px;height:140px;display: block;float:left;margin-right:20px;border:1px solid #ccc;} .news .news-cont .news-left .ne-img span{display: block;font-size:16px;color:#0f66bd;} .news .news-cont .news-left .ne-img p{color:#666;line-height:24px;margin:0;} .news .news-cont .news-left .ne-img a{color:#fff;margin-top:10px; background:#0f66bd; border-color:#0f66bd;} .news .news-cont .news-left .ne-img a:hover{color:#fff;} .news .news-cont .news-left .ne-list{overflow: hidden;} .news .news-cont .news-left .ne-list li{height:40px;line-height:40px;border-bottom:1px dashed #ccc;} .news .news-cont .news-left .ne-list li span{color:#0f66bd;margin-right:20px;} .news .news-cont .news-left .ne-list li small{float:right;} .news .news-cont .news-right{width:320px;float:right;} .news .news-cont .news-right .question-top{ overflow:hidden; position:relative;clear: both;} .news .news-cont .news-right .question-top .bd{padding:10px; } .news .news-cont .news-right .question-top .infoList li{border-bottom:1px dashed #ccc;} .news .news-cont .news-right .question-top .infoList li h5{font-size:14px;color:#000;height:50px;line-height:50px;margin:0;} .news .news-cont .news-right .question-top .infoList li h5 strong{background: #0f66bd;padding:3px;color:#fff;font-size:16px;border-radius: 2px;margin-right:5px;} .news .news-cont .news-right .question-top .infoList li .answer{color:#888;padding-bottom:20px;} .news .news-cont .news-right .question-top .infoList li .answer span{display: block;} .news .news-cont .news-right .question-top .infoList li .answer strong{color:#fff;background: #666;font-size:16px;padding:3px;border-radius: 2px;margin-right:5px;float:left;} /*case*/ .case{clear:both;padding:20px 0;background: #eee;} .case .container{} .case .title{background:url(title-bg.png);height:40px;font-size:16px;color:#505050;line-height:40px;font-weight: 600;padding-left:35px;} .case .title a{float:right;font-size:12px;color:#666;margin-right:10px;} .case .cont {padding-top:10px;} .case .cont .case-img{overflow:hidden; position:relative;} .case .cont .case-img .bd .prev,.case .cont .case-img .bd .next {display:block;top:60px;cursor:pointer;position:relative;z-index:20;height:60px;text-align: center;width:30px;color:#fff;line-height:60px;font-size:18px;background: #2DB5D9;} .case .cont .case-img .bd .prev{float:right;right:0px;} .case .cont .case-img .bd .next{float:left;left:0px;} .case .cont .case-img .bd .tempWrap{} .case .cont .case-img .bd ul{ overflow:hidden; zoom:1;} .case .cont .case-img .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; margin-left:10px; } .case .cont .case-img .bd ul li .pic{ text-align:center;padding:0px;display: block;} .case .cont .case-img .bd ul li .pic img{ width:265px;display:block;border:1px solid #ccc; padding:5px;} .case .cont .case-img .bd ul li span{color:#000;margin:5px 0;display: block;} .partner { margin: 0px auto; clear: both; background:url(partner-bg.jpg) top center no-repeat; height: 240px; } .nav_p{ width:180px !important; } .partner .title { text-align: center; } .partner .title span { color: #af0f15; font-weight: bold; } .partner .title .t1 { font-size: 23px; margin-top: 18px; color:#06326e; margin-left:-20px;} .partner .title .t2 { font-size: 32px; margin-top: 20px; } .partner .title .t3 { color: #ccc; } .partner .cont { padding-top: 26px; } .partner .cont .partner-img { overflow: hidden; position: relative; } .partner .cont .partner-img .bd .prev, .partner .cont .partner-img .bd .next { display: block; top: 0px; cursor: pointer; position: relative; height: 128px; text-align: center; width: 50px; color: #666; line-height: 128px; font-size: 48px; } .partner .cont .partner-img .bd .prev { float: right; right: 0px; } .partner .cont .partner-img .bd .next { float: left; left: 0px; } .partner .cont .partner-img .bd .tempWrap { } .partner .cont .partner-img .bd ul { overflow: hidden; zoom: 1; } .partner .cont .partner-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 22px; } .partner .cont .partner-img .bd ul li .pic { text-align: center; padding: 0px; display: block; } .partner .cont .partner-img .bd ul li .pic img { width: 168px; display: block; border: 1px solid #ccc; padding: 3px; } .partner .cont .partner-img .bd ul li span { color: #000; margin: 5px 0; display: block; } .group1{height:40px; background:#0f66bd;line-height:20px;} .group1 .yqlj{float:left;} .group1 .yqlj ul li{float:left;margin-right:10px;font-size:12px; color:#fff;} .group1 .yqlj ul a{ color:#fff;} .foot_top{ margin-left:4px;} .footer{ background: url(bg.jpg) #fff;padding-top:30px;padding-bottom: 30px;} .footer .foot-title{margin-bottom:28px;} .footer .foot-title a{font-size:18px;color:#020202;font-weight:normal;} .footer .foot-about{width:350px;float:right;} .footer .foot-about a{color:#020202; margin-top:6px;} .footer .foot-about dt{margin-bottom: 24px;} .footer .foot-about dt a{font-size:18px;color:#020202;font-weight:normal; margin-top:-3px;} .footer .foot-about dd{color: #020202;line-height: 28px;} .footer .foot-about .more{color: #fff;display: inline-block;border: 1px solid #cccccc;line-height: 38px;padding: 0 24px;margin-top: 12px;} .footer .foot-about .more:hover{border-color: #fff;} .footer .foot-nav{width: 350px;margin-right:45px;float:left;} .footer .foot-nav a.sub{font-size: 12px;color: #020202;line-height: 38px;width: 98px;display: inline-block;border: 1px solid #020202;text-align: center;margin-right: 12px;margin-bottom: 12px;margin-top: 3px;} .footer .foot-nav a.sub:hover{border-color: #000;} .footer .foot-contact{margin-left:20px;float:left;} .footer .foot-contact li{color: #020202;margin-bottom: 14px;} .footer .foot-contact li span{margin-right:10px;} .inner-title1{text-align:center;margin:16px 0;position:relative; margin-bottom: 0px; } .inner-title1 .title-1{letter-spacing:3px;font-size:26px;display: inline-block;z-index:10;position: relative;padding:0px 0px;font-weight: bold;} .inner-title1 .title-1 span{color: #0f66bd;} .inner-title1 .title-2{color:#999;margin-top:0px;margin-bottom:10px;} .inner-title1 .title-2 h1{font-size: 16px;} .inner .ab-1{overflow:hidden;background:#fff;} .inner .ab-1 ul li{width:350px;float:left;margin:20px;border:1px solid #eee;border-radius:10px;text-align:center;height:150px;padding:20px 30px;} .inner .ab-1 ul li span{display: block;font-size:24px;margin-bottom:10px;color:#0f66bd;border-bottom:1px solid #ccc;padding-bottom:10px;} .inner .ab-2{padding-top:20px;overflow:hidden;background:url(ad-2.jpg)center center;padding-bottom: 20px;} .inner .ab-2 .cont{padding:0 20px;color:#484848; text-align: center;font-size: 15px;} .inner .ab-2 .cont .ab-title{font-size:16px;font-weight:bold;} .inner .ab-2 .cont .ab-dis{margin:10px 0;color:#000;} .inner .ab-2 .ab-btn { overflow: hidden;margin-left: 16px; } .inner .ab-2 .ab-btn li { width: 182px; height: 195px; border: 1px solid #ccc;float: left; margin: 12px 24px; position: relative; overflow: hidden; text-align: center;color:#555; } .inner .ab-2 .ab-btn li i { font-size: 54px; margin-top: 45px;color: #0f66bd; } .inner .ab-2 .ab-btn li span { display: block; height: 40px; line-height: 60px; text-align: center;} .inner .ab-2 .ab-btn li small{} .inner .ab-2 .ab-btn li:hover { background: #0f66bd;color:#fff; } .inner .ab-2 .ab-btn li:hover i{color:#fff;} .inner { background: #fff; } .inner .banner{ height: 300px; background: url(banner.jpg) center center; } .inner .inner-title { height: 100px; text-align: center; margin: 30px auto; font-size: 24px; color: #0f66bd; line-height: 70px; font-weight: bold; } .inner .inner-dis { padding: 0px 20px; text-align: center; font-size: 12px; } .inner .inner-nav { margin: 0px auto; text-align: center; margin-top: 20px;overflow:hidden;} .inner .inner-nav ul li { display: inline-block; height: 40px; line-height: 40px; text-align: center; background:#0f66bd; margin-right: -4px; } .inner .inner-nav ul li:first-child a { border-left: 0; } .inner .inner-nav ul li:hover { background:#f00; height: auto; } .inner .inner-nav ul li a { display: block; font-size: 16px; color: #fff; border-left: 1px solid #fff; } .inner .inner-nav ul li a:hover { color: #fff; } .inner .inner-nav ul .hover { background:#0f66bd; height: auto; } .inner .inner-nav ul .hover a { color: #fff; } .inner .inner-place { margin-top: 20px; } .inner .inner-place .container { border-bottom: 1px solid #eee; height: 40px; line-height: 40px; clear: both; overflow: hidden; } .inner .inner-place span { font-size: 20px; margin-right: 10px; color: #0f66bd; } .inner .inner-place strong { font-size: 14px; color: #333; margin-right: 10px; } .inner .inner-place a { color: #666; margin-right: 5px; } .inner .inner-place .inner-position { float: left; } .inner .inner-news-nav ul li { width: 120px; } .inner .inner-body { overflow: hidden; padding-top: 20px; padding-bottom: 10px; color: #666; } .inner .inner-body .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; } .inner .inner-body .title h3 { border-bottom: 1px solid #0f66bd; float: left; margin: 0; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #0f66bd; } .inner .inner-body .title h3 strong { font-size: 26px; color: #0f66bd; } .inner .inner-body .title span { background: url(pro-title.png); width: 960px; display: block; float: right; height: 7px; margin-top: 15px; } .inner .rec-news { overflow: hidden; margin:0px auto; background: #fff; padding: 30px 0; } .inner .rec-news .title { height: 35px; border-bottom: 1px solid #ddd; line-height: 35px; } .inner .rec-news .title strong { float: left; margin: 0; margin-left: 10px; color: #2D1B17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; } .inner .rec-news .title span { color: #aaa; } .inner .rec-news .left { width: 350px; float: left; } .inner .rec-news .left .cont { padding: 10px; text-align: center; border: 1px solid #ccc; margin-top: 10px; } .inner .rec-news .left .cont img { margin-bottom: 10px; width: 100%; } .inner .rec-news .left .cont p { margin-bottom: 5px; } .inner .rec-news .left .cont strong { font-size: 16px; } .inner .rec-news .left .cont span { font-size: 26px; color: #0f66bd; font-weight: bold; } .inner .rec-news .right { width: 700px; float: right; } .inner .rec-news .right ul { overflow: hidden; } .inner .rec-news .right ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 330px; float: left; margin: 0 10px; } .inner .rec-news .right ul li span { color: #0f66bd; margin-right: 20px; } .inner .rec-news .right ul li small { float: right; } .inner .rec-news .right form{margin-top:10px;border:1px solid #ccc;border-top:0;height:285px;} .inner .rec-news .right form .table{margin-bottom:0;} .inner .rec-news .center{} .inner .rec-news .center ul { overflow: hidden; } .inner .rec-news .center ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 335px; float: left; margin: 0 15px; } .inner .rec-news .center ul li span { color: #0f66bd; margin-right: 20px; } .inner .rec-news .center ul li small { float: right; } .inner .rec-pro { overflow: hidden; margin: 00px auto; background: #eee; padding: 20px 0; } .inner .rec-pro .title { height: 35px; border-bottom: 1px solid #ddd; line-height: 35px;border-left: 3px solid #0f66bd;} .inner .rec-pro .title strong { float: left; margin: 0; margin-left: 10px; color: #2d1b17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; } .inner .rec-pro .title span { color: #aaa; } .inner .rec-pro ul li { width: 255px; float: left; border: 1px solid #ddd; padding:8px; margin: 10px;background:#f3f3f3;} .inner .rec-pro ul li:hover { border: 1px solid #0f66bd; } .inner .rec-pro ul li img { width: 100%; } .inner .rec-pro ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; } .inner .rec-pro ul li span b { font-weight: 500; } .inner .pro-img { overflow: hidden; margin-bottom: 20px; margin-top: 20px; } .inner .pro-img ul li { width: 345px; float: left; border: 1px solid #ddd; padding: 10px; margin: 10px; background: #eee; } .inner .pro-img ul li:hover { border: 1px solid #0f66bd; } .inner .pro-img ul li a{display: block; width: 323px; height: 226px;background:#fff;text-align:center;} .inner .pro-img ul li img { width:auto; height: 226px;margin:0 auto;max-width: 323px;} .inner .pro-img ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; } .inner .pro-img ul li span b { font-weight: 500; } .inner .pro-img .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both; } .inner .pro-img .inner-page ul li { float: left; left: 15%; position: relative; border: 1px solid #ccc; margin-right: 1px; width: auto; padding: 3px 10px; } .inner .pro-img .inner-page ul li a { color: #000; display: block;width: auto; height:auto;background:#eee;} .inner .pro-img .inner-page ul li a:hover { color: #0f66bd; } .inner .pro-img .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; } .inner .pro-img .inner-page .thisclass { background: #0f66bd; border: 1px solid #0f66bd; color: #fff; } .inner .pro-img .inner-page .thisclass a { color: #fff; } .inner .article-index{overflow:hidden;padding-top:20px;} .inner .article-index .title { height: 40px; line-height: 40px; background: #ddd url(title-bg.jpg) left center; padding: 0 10px; border: 1px solid #ddd; border-bottom: 2px solid #0f66bd; } .inner .article-index .title span { color: #999; font-size: 20px; float: left; margin-top: 5px; } .inner .article-index .title h3 { float: left; margin: 0; margin-left: 25px; color: #666; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px; } .inner .article-index .title small { color: #666; } .inner .article-index .title .link { float: right; color: #999; font-size: 12px; } .inner .article-index .cont-1{overflow:hidden;} .inner .article-index .cont-1 .left{width:540px;float:left;background:#f6f6f6;padding-bottom:10px;} .inner .article-index .cont-1 .left .ne-img { padding: 15px; } .inner .article-index .cont-1 .left .ne-img li { height: 155px; padding-top: 6px; border-bottom: 1px dashed #ccc; } .inner .article-index .cont-1 .left .ne-img li img { width: 200px; height: 134px; display: block; float: left; margin-right: 20px; border: 1px solid #ccc; } .inner .article-index .cont-1 .left .ne-img span { display: block; font-size: 16px; color: #0f66bd; margin: 10px 0; } .inner .article-index .cont-1 .left .ne-img p { color: #666; line-height: 24px; } .inner .article-index .cont-1 .left .ne-img a { color: #666; margin-top: 20px; border: 0; font-size: 12px; } .inner .article-index .cont-1 .left .ne-img a:hover { color: #0f66bd; } .inner .article-index .cont-1 .left .ne-list { overflow: hidden; } .inner .article-index .cont-1 .left .ne-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc;margin: 0 15px; } .inner .article-index .cont-1 .left .ne-list li span { color: #0f66bd; margin-right: 10px; } .inner .article-index .cont-1 .left .ne-list li strong { color: #2d1b17; margin-right: 10px; } .inner .article-index .cont-1 .left .ne-list li strong a { color: #2d1b17; } .inner .article-index .cont-1 .left .ne-list li small { float: right; } .inner .article-index .cont-1 .right{width:540px;float:right;background:#f6f6f6;height:435px;} .inner .article-index .cont-1 .right ul{clear:both;overflow:hidden;padding:5px;} .inner .article-index .cont-1 .right ul li{overflow:hidden;border-bottom:1px dashed #ccc;margin:5px 0px;padding-bottom:5px;} .inner .article-index .cont-1 .right ul li img{width:165px;float:left;margin-right:10px;border:1px solid #ccc;padding:3px;} .inner .article-index .cont-1 .right ul li a span{font-size:16px;color:#0f66bd;display:block;margin-bottom:10px;} .inner .article-index .cont-2{overflow:hidden;} .inner .article-index .cont-2 .left{background: #f6f6f6;height:395px;width:740px;float:left;} .inner .article-index .cont-2 .left ul li { margin:15px 10px; border-bottom: 1px dashed #ccc; overflow: hidden; clear: both; padding-bottom: 15px; } .inner .article-index .cont-2 .left ul li img { width: 200px; float: left; margin-right: 20px; border: 1px solid #ccc; padding: 3px; display: block; } .inner .article-index .cont-2 .left ul li span { font-size: 16px; font-weight: bold; color: #0f66bd; margin-bottom: 5px; display: block; margin-top: 10px; } .inner .article-index .cont-2 .left ul li p { color: #666; } .inner .article-index .cont-2 .left ul li a { width: 65px; height: 25px; line-height: 25px; text-align: center; display: block; background: #666; color: #fff; float: left; font-size: 12px; border-radius: 5px; } .inner .article-index .cont-2 .right{width:330px;float:right;background: #f6f6f6;height:395px;} .inner .article-index .cont-2 .question-top { overflow: hidden; position: relative; clear: both; } .inner .article-index .cont-2 .question-top .bd { padding: 10px; } .inner .article-index .cont-2 .question-top .infoList li { border-bottom: 1px dashed #ccc; } .inner .article-index .cont-2 .question-top .infoList li h5 { font-size: 14px; color: #000; height: 50px; line-height: 50px; margin: 0; } .inner .article-index .cont-2 .question-top .infoList li h5 strong { background: #0f66bd; padding: 3px; color: #fff; font-size: 14px; border-radius: 2px; margin-right: 5px; } .inner .article-index .cont-2 .question-top .infoList li .answer { color: #888; padding-bottom: 20px; } .inner .article-index .cont-2 .question-top .infoList li .answer span { display: block; font-size: 14px; } .inner .article-index .cont-2 .question-top .infoList li .answer strong { color: #fff; background: #666; font-size: 14px; padding: 3px; border-radius: 2px; margin-right: 5px; float: left; } .inner .article-index .cont-3{overflow:hidden;} .inner .article-index .cont-3 .ne-list { overflow: hidden;background: #f6f6f6;clear:both;padding-bottom:10px;} .inner .article-index .cont-3 .ne-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc;margin: 0 15px;width:520px;float:left;} .inner .article-index .cont-3 .ne-list li span { color: #0f66bd; margin-right: 10px; } .inner .article-index .cont-3 .ne-list li strong { color: #2d1b17; margin-right: 10px; } .inner .article-index .cont-3 .ne-list li strong a { color: #2d1b17; } .inner .article-index .cont-3 .ne-list li small { float: right; } .inner .article-index .cont-4{overflow:hidden;clear:both;} .inner .article-index .cont-4 ul{overflow:hidden;clear:both;} .inner .article-index .cont-4 ul li { width: 255px; float: left; border: 1px solid #ddd; padding: 10px; margin: 10px; } .inner .article-index .cont-4 ul li:hover { border: 1px solid #0f66bd; } .inner .article-index .cont-4 ul li img { width: 100%; } .inner .article-index .cont-4 ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; } .inner .article-index .cont-4 ul li span b { font-weight: 500; } .inner .list-article .news-list { padding: 20px; overflow: hidden; margin-bottom: 20px; } .inner .list-article .news-list li { height: 165px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-top: 10px; } .inner .list-article .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 200px; margin-right: 20px; height:144px; } .inner .list-article .news-list li .text { margin-left: 0px; width: 840px; float: left; } .inner .list-article .news-list li .li-title { font-size: 18px; } .inner .list-article .news-list li .li-title strong { font-weight: 500; color: #0f66bd; } .inner .list-article .news-list li .li-title strong a { color: #0f66bd; } .inner .list-article .news-list li p { color: #666; font-size: 14px; padding-left: 10px; margin-top: 10px; } .inner .list-article .news-list li span { font-size: 12px; color: #999; margin-left: 10px; } .inner .news-list .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both; } .inner .news-list .inner-page ul li { float: left; left: 15%; position: relative; border: 1px solid #ccc; margin-right: 1px; width: auto; padding: 3px 10px; height: auto; } .inner .news-list .inner-page ul li a { color: #000; display: block; } .inner .news-list .inner-page ul li a:hover { color: #0f66bd; } .inner .news-list .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; } .inner .news-list .inner-page .thisclass { color: #fff; background: #0f66bd; border: 1px solid #0f66bd; } .inner .news-list .inner-page .thisclass a { color: #fff; } .inner .article-article { overflow: hidden; margin-bottom: 20px;width:830px;float:left;} .inner .article-article .inner-title { height: 40px; margin: 0px auto; background: none; font-weight: 500; color: #000; } .inner .article-article .attr { height: 40px; line-height: 30px; border-bottom: 1px dashed #888; color: #888; text-align: left; font-size: 12px; margin: 10px; margin-top: 30px; padding-bottom: 10px; } .inner .article-article .attr p { float: left; } .inner .article-article .attr a { color: #aaa; } .inner .article-article .attr .back { float: right; display: inline; background: #333; color: #fff; padding: 0px 15px; } .inner .article-article .attr .back a { color: #fff; } .inner .article-article .info { line-height: 24px; color: #333; padding: 10px; } .inner .article-article .prevnext { margin: 20px auto; height: 35px; background: #f3f3f3; padding: 5px 0; border: 1px solid #aaa; color: #333; } .inner .article-article .prevnext .pre_l { float: left; padding-left: 10px; } .inner .article-article .prevnext .pre_r { float: right; padding-right: 10px; } .inner .article-article .prevnext a { color: #0f66bd; } .inner .article-article .prevnext a:hover { color: #000; } .inner .article-right-img{float:right;width:230px;margin-top:30px;} .inner .article-right-img .title { height: 35px; border-bottom: 1px solid #ddd; line-height: 35px; } .inner .article-right-img .title strong { float: left; margin: 0; margin-left: 10px; color: #2D1B17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; } .inner .article-right-img .title span { color: #aaa; } .inner .article-right-img ul li{background:#eee;padding:5px;text-align:center;margin-top:10px;} .inner .article-right-img ul li img{width:100%} .inner .article-right-img .relevant li{background:#fff;border-bottom:1px dashed #ccc;height:30px;margin-top:0px;text-align:left;font-size:12px;} .inner .inner-hot ul li { hight: 30px; line-height: 30px; border-bottom: 1px dashed #aaa; } .inner .inner-hot ul li span { margin-right: 10px; } .inner .inner-hot ul p { margin-top: 10px; margin-bottom: 0; } .inner .explain{overflow:hidden;margin:20px auto;} .inner .explain .left{float:left;width:450px;} .inner .explain .left img{border:1px solid #ccc;padding:10px;margin-left:10px;margin-top:25px;} .inner .explain .right{width:580px;float:right;} .inner .explain .right .inner-title{height:50px;line-height:50px;margin:10px auto;} .inner .explain .right ul li{padding-left:20px;height:35px;line-height:35px;border-bottom:1px dashed #ddd;} .inner .explain .right .bdsharebuttonbox{padding-left:20px;border-bottom:1px dashed #ddd;} .inner .explain .right .prevnext li{float:left;width:280px;} .inner .inner-book{} .inner .inner-book .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px;margin-bottom:30px;} .inner .inner-book .title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; } .inner .inner-book .title span { font-size: 12px; color: #aaa; } .inner .article-image { padding: 20px; overflow: hidden; margin-bottom: 20px; position: relative; background: #fafafa; margin-top: 10px; } .inner .article-image .inner-title { height: 50px; margin: 10px auto; background: none; line-height: 50px; } .inner .article-image .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px;margin-bottom:30px;} .inner .article-image .title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; } .inner .article-image .title span { font-size: 12px; color: #aaa; } .inner .article-image img { display: block; margin: 0 auto; } .inner .article-image .img-prenext { position: absolute; top: 310px; width: 1058px; } .inner .article-image .img-prenext .pre_l { color: rgba(0,0,0,0); float: left; font-size: 0; } .inner .article-image .img-prenext .pre_l a { display: block; color: rgba(0,0,0,0); height: 80px; width: 80px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); } .inner .article-image .img-prenext .pre_l a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); } .inner .article-image .img-prenext .pre_r { color: rgba(0,0,0,0); float: right; font-size: 0; } .inner .article-image .img-prenext .pre_r a { display: block; color: rgba(0,0,0,0); height: 80px; width: 80px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); background-position: -80px; } .inner .article-image .img-prenext .pre_r a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); background-position: -80px; } .inner .article-image .show-bottom { margin: 20px auto; text-align: center; background: #f2f2f2; border: 1px solid #ccc; height: 36px; line-height: 36px; overflow: hidden; } .inner .article-image .show-bottom span { border-right: 1px solid #dfdfdf; padding: 0 16px 0 15px; color: #666; } .inner .article-image .show-bottom span a { color: #333; } .inner .inner-hot-img { overflow: hidden; } .inner .inner-hot-img .in-hot-title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; } .inner .inner-hot-img .in-hot-title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; } .inner .inner-hot-img .in-hot-title span { font-size: 12px; color: #aaa; } .inner .inner-hot-img ul li { width: 255px; float: left; margin: 10px; text-align: center; } .inner .inner-hot-img ul li img { width: 255px;height:255px; display: block; margin-bottom: 10px; } .inner .inner-search { overflow: hidden; margin-bottom: 20px; } .inner .inner-search .news-list { padding: 0px; overflow: hidden; margin-bottom: 20px; } .inner .inner-search .news-list li { width: 500px; float: left; margin: 24px; height: 165px; border-bottom: 1px dashed #ccc; padding-top: 10px; } .inner .inner-search .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 200px; margin-right: 20px; height: 140px; } .inner .inner-search .news-list li .text { margin-left: 0px; width: 280px; float: left; } .inner .inner-search .news-list li .li-title { font-size: 18px; } .inner .inner-search .news-list li .li-title strong { font-weight: 500; color: #c30000; } .inner .inner-search .news-list li .li-title strong a { color: #c30000; } .inner .inner-search .news-list li p { color: #666; font-size: 14px; margin-top: 10px; } .inner .inner-search .news-list li span { font-size: 12px; color: #999; margin-left: 10px; } .inner .inner-search .inner-page { text-align: center; } .inner .inner-search .inner-page ul { overflow: hidden; width: auto; } .inner .inner-search .inner-page ul li { display: inline-block; position: relative; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 3px 10px; } .inner .inner-search .inner-page ul li a { color: #666; display: block; } .inner .inner-search .inner-page ul li .pageinfo { } .inner .inner-search .inner-page .thisclass { background: #0860A8; color: #fff; } .inner .inner-search .inner-page .thisclass a { color: #fff; } .inner .inner-search .inner-page table { margin: 0 auto; } .inner .inner-search .inner-page td { border: 1px solid #ccc; padding: 3px 10px; width: auto !important; } .inner .inner-discription .form{} .inner label { max-width: none; } .kefu { position: fixed; top: 38%; right: 0; width: 140px; z-index: 9; } .icon-kefu { width: 30px; height: 100px; float: left; background: #007eef url(kefu.png); position: relative; display: none; cursor: pointer; border-radius: 5px 0 0 5px; } .kefu-box { float: left; width: 140px; background: #007eef; border-radius: 5px 0 0 5px; } .kefu-tab img { display: block; } .kefu-top { width: 140px; height: 60px; position: relative; border-bottom: 1px solid #007eef; } .kefu-center { padding: 15px 15px 10px 15px; text-align: center; } .kefu-center ul { overflow: hidden; background: #fff; padding-top: 10px; border-radius: 5px; } .kefu-center li { height: 33px; } .kefu-center .qrcode { margin-top: 10px; } .kefu-center .qrcode img { width: 110px; background: #fff; padding: 5px; border-radius: 5px; } .kefu-center .phone { margin-top: 5px; } .kefu-center .phone strong { color: #fff; display: block; font-size: 16px; font-weight: 500; } .kefu-bottom { height: 30px; width: 140px; color: #fff; line-height: 30px; text-align: center; margin-bottom: 10px; border-top: 1px solid #007eef; } .kefu-bottom a { color: #fff; } .kefu-bottom span { font-size: 18px; margin-right: 5px; line-height: 30px; } .navbar-brand{ padding: 29px 15px; height: auto; } nav.navbar.bootsnav{ border: none; margin-bottom: 150px; } .navbar-nav{ float: left; } nav.navbar.bootsnav ul.nav > li > a{ color: #474747; text-transform: uppercase; } nav.navbar.bootsnav ul.nav > li:hover{ background: #f4f4f4; } .nav > li:after{ content: ""; width: 0; height: 5px; background: #34c9dd; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .nav > li:hover:after{ width: 100%; } nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content: "+"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 35%; right: 10%; transition: all 0.4s ease 0s; } nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: "\f105"; transform: rotate(90deg); } .dropdown-menu.multi-dropdown{ position: absolute; left: -100% !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; } @media only screen and (max-width:990px){ nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after, nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; } .dropdown-menu.multi-dropdown{ left: 0 !important; } nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; } nav.navbar.bootsnav ul.nav > li > a{ margin: 0; } }