@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:14px; font-family:"微软雅黑";}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.fl{float: left;}
.fr{float: right;}

.center{width:100%;height:773px;background:#ccc}
.content_middle{height:773px;margin:0 auto;position:relative}
.content_middle:hover .common{display:block}
.content_middle .common{display:block;width:50px;height:100px;position:absolute;z-index:25;top:40%;display:none}
.content_middle .btnLeft{opacity:.5;left:0;background:url(../images/l.png) no-repeat}
.content_middle .btnRight{opacity:.5;right:0;background:url(../images/r.png) no-repeat;margin-right:20px}
.content_middle ul li{width:100%;height:773px;opacity:0;position:absolute;margin:0 auto}
.content_middle .table{width:120px;height:10px;position:absolute;bottom:10px;left:50%;z-index:9;line-height:24px}
.content_middle .table a{width:10px;height:10px;margin:0 5px;border-radius:10px;border:1px solid #dedede;float:left;overflow:hidden}
.content_middle .table a.small_active{background:#fff;color:#fff}

.header-box{width: 1420px; margin: 0 auto;}
.header{width: 1420px; height: 80px; background: #fff; box-sizing: border-box; margin: 0 auto; position: fixed; top: 20px; z-index: 9999;}
.header-logo{margin: 14px 0; margin-right: 90px;}
.header-list{margin-top: 26px;}
.header-list ul li{float: left; font-size: 18px; color: #333; margin-right: 40px;}
.header-list ul li.on{color: #00BFFF; border-bottom: 3px solid #00BFFF; padding: 0 10px; padding-bottom: 27px;}
.header-tel{height: 80px; background: #00BFFF; display: inline-block; line-height: 80px; font-size: 18px; color: #fff; padding: 0 30px;}
.header-tel span{font-weight: bold; margin-left: 10px;}

.index-about-box{width: 100%; overflow: hidden; background: url(../images/index-about-bg.jpg) no-repeat center;}
.index-about{width: 1420px; margin: 70px auto; height: 480px; background: url(../images/index-about2.jpg) no-repeat right; overflow: hidden; position: relative;}
.index-about-tit{font-size: 36px; color: #333;}
.index-about-line{margin: 20px 0 60px;}
.index-about-info{width: 630px; font-size: 16px; color: #444; line-height: 28px;}
.index-about-more{width: 160px; height: 45px; background: #00BFFF; line-height: 45px; font-size: 16px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0;}
.index-about-more a{color: #fff;}

.index-number{width: 1420px; margin: 70px auto; overflow: hidden;}
.index-number ul li{width: 25%; text-align: center; position: relative; float: left;}
.index-number ul li:before{width: 1px; height: 66px; background: #c5d4dd; content: ""; position: absolute; right: 0; top: 40px;}
.index-number ul li:last-child:before{width: 0px;}
.index-number-tit{font-size: 80px; color: #333;}
.index-number-dis{font-size: 16px; color: #666;}

.index-service-bg{width: 100%; background: url(../images/index-service-bg.jpg) no-repeat center; height: 600px; box-sizing: border-box; padding-top: 60px;}
.index-service{width: 1420px; height: 540px; margin: 0 auto; position: relative;}
.index-service-tit{font-size: 36px; color: #fff; }
.index-service-info1{font-size: 45px; color: #fff; margin-bottom: 20px;}
.index-service-info2{font-size: 24px; color: #fff;}
.index-service-list{width: 1420px; height: 120px; box-shadow: 2px 2px 10px rgba(0, 0 , 0, 0.3); background:#fff url(../images/index-service-b.jpg) no-repeat left center; position: absolute; left: 0; bottom: -60px; z-index: 999;}
.index-service-list ul li{width: 16.6%; float: left; text-align: center; padding: 20px 0;}
.index-service-list ul li p{font-size: 18px; color: #444444; margin-top: 14px;}
.index-service-list ul li:hover{color:#00BFFF; border-bottom: #00BFFF 4px solid;}
.index-service-list ul li a:hover{color:#00BFFF}
.index-service-list ul li:last-child{width: 17%;}

.index-advantage-box{background: #f7fcff; width: 100%; overflow: hidden;}
.index-advantage{width:1420px; margin: 130px auto 80px; overflow: hidden;}
.index-advantage-tit{font-size: 36px; color: #333; }
.half{width: 50%;}
.index-advantage-list ul li{width: 50%; float: left;;}
.index-advantage-list ul li .index-advantage-list-pic{float: left;}
.index-advantage-list ul li .index-advantage-list-info{float: right; padding: 30px 36px; box-sizing: border-box;}
.index-advantage-list ul li:nth-child(3) .index-advantage-list-pic,.index-advantage-list ul li:nth-child(4) .index-advantage-list-pic{float: right;}
.index-advantage-list ul li:nth-child(3) .index-advantage-list-info,.index-advantage-list ul li:nth-child(4) .index-advantage-list-info{float: left;}
.index-advantage-list ul li .index-advantage-list-info-tit{font-size: 20px; color: #333; }
.index-advantage-list ul li .index-advantage-list-info-line{margin: 10px 0; }
.index-advantage-list ul li .index-advantage-list-info-dis{font-size: 16px; color: #666; line-height: 28px;}

.index-cooperation-box{width: 100%; height: 581px; overflow: hidden; background: url(../images/index-cooperation-bg.jpg) no-repeat center;}
.index-cooperation{width: 1420px; margin: 80px auto;}
.index-cooperation-tit{font-size: 36px; color: #fff; }
.index-cooperation ul li{float: left; margin-right: 20px; margin-bottom: 20px; text-align:center; background:#FFFFFF; width:268px; padding:8px 0}
.index-cooperation ul li img{height:90px}
.index-cooperation ul li:nth-child(5n){margin-right: 0;}

.index-news{width: 1420px; margin: 80px auto; overflow: hidden;}
.index-news-tit{font-size: 36px; color: #333;}
.index-news-list ul li{width: 23.5%; float: left; margin-right: 2%;}
.index-news-list ul li:last-child{margin-right: 0;}
.index-news-list .index-news-list-tit{font-size: 18px; color: #333; font-weight: bold; margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index-news-list .index-news-list-dis{font-size: 14px; color: #666; line-height: 26px;}
.index-news-list .index-news-list-time{font-size: 14px; color: #999; margin-top: 10px;}

.footer-box{width: 100%; background: #333; overflow: hidden;}
.footer{width: 1420px; margin: 40px auto 0; overflow: hidden; border-bottom: 1px solid #444; padding-bottom: 35px;}
.footer-tit{font-size: 18px; color: #fff; margin-bottom: 20px;}
.footer-tel{margin-left: 26px; width: 395px; color: #fff;}
.footer-info{color: #ccc; margin: 15px 0; line-height: 28px;}
.footer-info img{margin-right: 15px;}
.footer-inp{margin-left: 70px; width: 570px;}
.footer-inp input[type="text"]{background: #666; box-sizing: border-box; padding-left: 10px; margin-right: 10px; color:#fff; height: 35px; line-height: 35px; outline: none; border: none; border-radius: 2px; margin-bottom: 10px; width: 240px;}
.footer-inp textarea{width: 490px; height: 74px; background: #666; box-sizing: border-box; padding: 10px; border-radius: 2px; border: none;}
.footer-inp input[type="button"]{display: block; width: 120px; height: 40px; line-height: 40px; background: #00BFFF; color: #fff; border: none; border-radius: 5px; margin: 10px 0;}
.footer-ewm{}
.footer-ewm img{margin: 0 5px;}
.footer-ewm-info{font-size: 14px; color: #ccc; height: 50px; line-height: 50px; text-align: center;}
.copy{text-align: center; height: 66px; line-height: 66px; color: #999;}


/*关于万星*/
.about-banner-box{width: 100%; height: 450px; background: url(../images/about-bg1.jpg) no-repeat center; overflow: hidden;}
.about-banner{width: 1420px; margin: 216px auto ;}
.about-banner-tit{font-size: 45px; color: #fff;text-align: center;}
.about-banner-etit{font-size: 26px; color: #fff;}

.about-wanxing-box{width: 100%; overflow: hidden; background:#fafafa;}
.about-wanxing{width: 1205px; margin: 80px auto; position: relative; padding-top: 80px; margin-bottom:30px}
.about-wanxing-graytit{font-size: 80px; color: #ececec; position: absolute; z-index: 0; width: 1205px; left: 0; text-align: center; top: 0px; display: block;}
.about-wanxing-tit{font-size: 30px; color: #333; position: absolute; z-index: 0; width: 1205px; left: 0; text-align: center; top: 50px; display: block;}
.about-wanxing-line{text-align: center; margin: 15px 0;}
.about-wanxing-info{font-size: 16px; color: #666; line-height: 28px; margin: 70px 0 115px;}


.about-wanxing-number{width: 1420px; margin: 0 auto; overflow: hidden;}
.about-wanxing-number ul li{width: 23%; height: 230px; margin-right: 2%; text-align: center; position: relative; float: left; background: #fff; 
    box-shadow: 1px 1px 5px rgba(0, 0 , 0, 0.3);}
.about-wanxing-number-tit{font-size: 80px; color: #333; font-weight: bold; margin-top: 57px;}
.about-wanxing-number-dis{font-size: 16px; color: #666;}

.about-enterprise-box{width: 100%; height: 600px; position: relative; background: url(../images/about-enterprise1.jpg) no-repeat top center;}
.about-enterprise{ width: 1420px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 460px; background: #fff; width: 1420px;}
.about-enterprise-l{width: 320px; height: 460px; box-sizing: border-box; padding: 60px 37px; background: url(../images/about-enterprise2.jpg) no-repeat center;}
.about-enterprise-ltit{font-size: 36px; color: #fff; font-weight: bold;}
.about-enterprise-ldis{font-size: 24px; color: #fff; opacity: 0.3; margin: 10px 0;}
.about-enterprise-m{padding: 70px 50px; padding-bottom: 0;}
.about-enterprise-mtit{font-size: 24px; color: #00BFFF; font-weight: bold;}
.about-enterprise-mdis{font-size: 16px; color: #333; margin: 20px 0 58px;}
.about-enterprise-r{margin-top: 54px;}

.about-cooperative-box{width: 100%; background: #fafafa; padding-top: 400px; overflow: hidden;}
.about-cooperative{width: 1420px; margin: 0 auto;}
.about-cooperative-tit{font-size: 30px; color: #333;}
.about-cooperative-line{margin-top: 20px;}

.about-cooperative-list{overflow: hidden; margin: 53px 0 80px;}
.about-cooperative-list ul li img{height:90px}
.about-cooperative-list ul li{float: left; margin-right: 17px; margin-bottom: 20px; border: 1px solid #dedede; width:268px; text-align:center; background:#FFFFFF; padding:8px 0}
.about-cooperative-list ul li:nth-child(5n){margin-right: 0;}

/*联系万星*/
.contact-banner-box{width: 100%; height: 450px; background: url(../images/contact-banner.jpg) no-repeat center; overflow: hidden;}
.contact-tel{font-size: 36px; color: #e84722; text-align: center; font-weight: bold;}
.contact-dis{font-size: 18px; color: #666; text-align: center; margin: 30px 0 70px;}

.contact-box{width: 100%; background: url(../images/contact1.jpg) no-repeat center; height: 789px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.contact{width: 1420px; margin: 0 auto; box-sizing: border-box; padding: 50px 0; position: relative;}
.contact ul li{ margin-bottom: 30px; position: relative; padding: 0 215px;}
.contact ul li .contact-tit{font-size: 24px; color: #00BFFF;}
.contact ul li .contact-address{font-size: 16px; color: #666; margin: 10px 0;}
.contact ul li::before{width: 10px; height: 10px; background: #00BFFF; content:""; border-radius: 100%; position: absolute; left: 125px; top: 10px;}
.contact ul li::after{width: 55px; height: 1px; background: #e2ebf0; content:""; position: absolute; left: 135px; top: 15px;}
.contact-line{width: 1px; height: 789px; background: #e2ebf0; position: absolute; left: 130px; top: 0;}

.contact-list{width: 1420px; margin: 0 auto;}
.contact-list ul li{width: 33.3%; float: left; box-sizing: border-box; border-right: 1px solid #dedede; padding: 58px 120px;}
.contact-list ul li:nth-child(3){width: 33.4%; border-right: none;}
.contact-list ul li .contact-list-tit{font-size: 20px; color: #333; margin: 30px 0;}
.contact-list ul li .contact-list-dis{font-size: 16px; color: #666; line-height: 28px;}


/*万星服务*/
.service-banner-box{width: 100%; height: 450px; background: url(../images/service-banner.jpg) no-repeat center; overflow: hidden;}
.service-dis{font-size: 16px; color: #666; line-height: 28px; margin: 15px 0; text-align: center;}
.service-box{width: 100%; background: #fafafa; overflow: hidden;}
.service{width: 1420px; position: relative; min-height: 993px; background: url(../images/service1.jpg) no-repeat center; margin: 0 auto; overflow: hidden;}
.service-l{text-align: right; position: absolute;}
.service-r{text-align: left; position: absolute;}
.service-l1{top:140px; left: 70px;}
.service-l1-tit{font-size: 24px; color: #eba215; font-weight: bold;}
.service-l1-dis{font-size: 16px; color: #999; margin: 15px 0;}
.service-l1-more{font-size: 16px; color: #999; font-weight: bold;}
.service-l1-more img{margin: 0 12px;}
.service-l1-more a{color: #999;}

.service-l2{top:420px; left: 70px;}
.service-l2-tit{font-size: 24px; color: #da5439; font-weight: bold;}

.service-l3{bottom:230px; left: 70px;}
.service-l3-tit{font-size: 24px; color: #90b55c; font-weight: bold;}

.service-l4{top:140px; right: 70px;}
.service-l4-tit{font-size: 24px; color: #30498f; font-weight: bold;}


.service-l5{top:420px; right: 70px;}
.service-l5-tit{font-size: 24px; color: #966ab7; font-weight: bold;}

.service-l6{bottom:230px; right: 70px;}
.service-l6-tit{font-size: 24px; color: #3f6ead; font-weight: bold;}


/*万星优势*/
.advantage-banner-box{width: 100%; height: 450px; background: url(../images/advantage-banner.jpg) no-repeat center; overflow: hidden;}
.advantage-tit{font-size: 36px; color: #00BFFF; text-align: center; font-weight: bold;}

.advantage-box{width: 100%; background: #fafafa; overflow: hidden;}
.advantage{width: 1420px; margin: 0 auto 80px; overflow: hidden;}
.advantage ul li{background: #fff; height: 320px;}
.advantage ul li .advantage-pic{width: 50%; float: left;}
.advantage ul li .advantage-info{width: 50%; float: right; box-sizing: border-box; padding: 50px 100px;}
.advantage ul li .advantage-info-tit{font-size: 24px; color: #333; font-weight: bold; margin: 25px 0 40px;}
.advantage ul li .advantage-info-dis{font-size: 16px; color: #666; line-height: 28px;}

.advantage ul li:nth-child(odd) .advantage-pic{float: left;}
.advantage ul li:nth-child(even) .advantage-pic{float: right;}


/*资讯*/
.news-banner-box{width: 100%; height: 450px; background: url(../images/news-banner.jpg) no-repeat center; overflow: hidden;}

.news-top{width: 1420px; margin: 0 auto 80px; overflow: hidden;}
.news-top-l{float: left; margin-right: 40px;}
.news-top-time{font-size: 30px; color: #00BFFF; margin: 35px 0;}
.news-top-tit{font-size: 24px; color: #333;}
.news-top-dis{font-size: 24px; color: #333;}
.news-top-dis{font-size: 16px; color: #666; line-height: 28px; margin: 30px 0;}
.news-top-more{font-size: 16px; color: #666;}
.news-top-more a{font-size: 16px; color: #666;}

.news-line{width: 100%; height: 1px; background: #e2ebf0;}

.news{width: 1420px; margin: 0 auto; overflow: hidden;}
.news ul li{width: 33.3%; float: left; overflow: hidden; box-sizing: border-box; padding: 70px 35px; border-right: 1px solid #e2ebf0;
     border-bottom: 1px solid #e2ebf0; height:550px}
.news ul li:nth-child(3n){width: 33.4%;}
.news-time{font-size: 18px; color: #999999;}
.news-tit{font-size: 20px; color: #333333; margin: 20px 0; /*line-height: 38px;*/display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-dis{font-size: 16px; color: #666666; margin: 20px 0; line-height: 28px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-more{font-size: 16px; color: #666;}
.news-more a{font-size: 16px; color: #666;}

.yema{text-align: center; margin: 50px 0; overflow: hidden;}

.news-view-box{ width: 100%; overflow: hidden;
    background:linear-gradient(
        to right,
        #fafafa 0%,
        #fafafa 50%,
        #fff 50%,
        #fff 100%
        );

}
.news-view{width: 1420px; margin: 0 auto; overflow: hidden;}
.news-view-l{width: 70%; float: left; padding: 70px 0; border-right: 1px solid #e2ebf0; box-sizing: border-box; background: #fafafa; overflow: hidden; }
.news-view-ltit{font-size: 30px; color: #022020;}
.news-view-ltime{font-size: 14px; color: #999; margin: 20px 0;}
.news-view-ltime span{margin-right: 60px;}
.news-view-ltime img{margin: 0 10px;}
.news-view-info{font-size: 16px; color: #444; line-height: 35px; margin-right: 80px;min-height:650px}
.news-view-info img{margin: 10px 0;}
.news-view-list{margin: 70px 0;}
.news-view-list ul li{width: 300px; height: 60px; font-size: 16px; color: #666; line-height: 60px; text-align: center; float: left; margin-right: 20px; border: 1px solid #dedede;
}
.news-view-list ul li:hover{background: #00BFFF; cursor: pointer;}
.news-view-list ul li:hover a{color: #fff;}
.news-view-list ul li img{margin: 0 20px;}

.news-view-r{width: 29%; float: left; padding: 70px 0; padding-left: 30px; box-sizing: border-box;}
.news-view-rtit{font-size: 30px; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 15px; margin-bottom: 15px;}
.news-view-rtit::before{width: 3px; height: 32px; background: #00BFFF; content: ""; position: absolute; left: -30px; top: 5px;}
.news-view-rlist{}
.news-view-rlist ul li{ border-bottom: 1px solid #e2ebf0; padding-bottom: 15px; margin-bottom: 15px;}
.news-view-rlist ul li .news-view-rlist-time{font-size: 30px; color: #999;}
.news-view-rlist ul li .news-view-rlist-tit{font-size: 24px; color: #333; margin: 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-view-rlist ul li .news-view-rlist-dis{font-size: 16px; color: #666; line-height: 28px;}

.newsmenu{width:100%; text-align:center; margin-bottom:50px}
.newsmenu li { height:32px; line-height:32px;
display:inline-block; *display:inline; font-size:16px;margin-right:10px }
.newsmenu li a{display:block; padding:5px 25px;border-radius:2px; }
.newsmenu li a:hover{background:#00BFFF; color:#FFFFFF}
.newsmenu li a.on{background:#00BFFF; color:#FFFFFF}
.newsmenu li:nth-of-type(3){ margin-right:0}
/*万星服务详情页*/
#outer {width:100%; overflow: hidden;}
#tab {overflow:hidden;zoom:1; background: #fff; width: 1200px; margin: 0 auto;}
#tab li {float:left; height: 80px; line-height: 80px; margin-right: 96px; color: #333; font-size: 18px;}
#tab li.current {color:#00BFFF; font-weight: bold; border-bottom: 3px solid #00BFFF; cursor: pointer;}
#tab li:hover{cursor: pointer;}
#tab li.current a{color:#00BFFF}
#content {width: 100%; background: #fafafa; overflow: hidden;}
#content ul {display:none; width: 1200px; margin: 0 auto;}

.service-view{margin: 75px 0; overflow:hidden}
.service-view-l{float: left; width: 48%;margin: 1%;}
.service-view-r{float: left; width: 48%;margin: 1%; text-align:right}
.service-view-r img{
    max-width: 100%;
}
.service-view-ltit{font-size: 36px; color: #00BFFF; font-weight: bold;}
.service-view-letit{font-size: 24px; color: #999; margin: 10px 0 30px;}
.service-view-linfo{font-size: 16px; color: #999; line-height: 32px;}

.service-view-ltit2{font-size: 24px; color: #00BFFF; font-weight: bold;}
.service-view-info2{margin: 30px 0;}
.service-view-info2l{float: left;}
.service-view-info2r{width: 562px; float: right; line-height: 32px; font-size:15px;text-align:justify;font-size: 16px;
    color: #999;
    line-height: 32px; }

.service-view-info3l{float: right;}
.service-view-info3r{width: 562px; float: left; line-height: 28px;font-size: 16px;
    color: #999;
    line-height: 32px;}

.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px}
/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #00BFFF;color:#000;cursor:pointer;text-decoration:none;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #00BFFF;color:#FFF;background-color:#00BFFF; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #00BFFF;color:#fff;text-decoration:none; background:#00BFFF; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑;padding:5px 10px; display:inline-block}


/*qrcode*/

.qrcode{ position:fixed; border:1px solid #c9eeff; border-radius:2px; z-index:9999; left:15px; bottom:75px; width:150px; *position:absolute; background:#FFF url(../images/onlinebg.jpg) no-repeat 0 0; box-shadow:0px 0px 10px rgba(0,0,0,0.08);}
.qrcode .bd{ padding:80px 15px 10px 15px;}
.qrcode .bd ul{ line-height:1.4;}
.qrcode .bd ul li{  margin-bottom:8px; overflow:hidden;}
.qrcode .bd ul li .tit{ font-size:14px;}
.qrcode .bd ul li .btn{ margin-bottom:4px; width:120px; height:26px; display:block; text-indent:44px; color:#FFF !important; font-size:13px; line-height:26px; text-decoration:none;}
.qrcode .bd ul li .qq{ background:url(../images/btn_qqo.png) no-repeat;}
.qrcode .bd ul li .baidu{ background:url(../images/btn_sq.png) no-repeat;}
.qrcode .bd ul li .tel{ color:#e00; font-size:16px;}
.qrcode .bd ul li a:hover{ filter:alpha(opacity=80); opacity:0.8;}
.codeAdv{ color:#00a3e9; text-align:center; font-size:16px; }
.codeAdv .hdtxt{font-size:20px; display:block; margin-bottom:4px; } 


.service-view-info2l img{
    max-width: 100%;
}
.service-view-info3l img{
    max-width: 100%;
}




.service-view-ltit2{
    display: none;
}


