@charset "UTF-8";
/**
 * 
 * @authors whz
 * @date    2017-03-02 09:41:27
 * @version $Id$
 */
body, ol, ul, li, table, tr, td, dt, dd, dl, p, h1, h2, h3, h4, h5, h6, form, input, select, textarea {font-weight:normal;margin:0;padding:0;}
body{font-size:12px;color:#535353; background:#e6ebff;line-height:26px;}
input,button,select,textarea{outline:none;} 
a img{border:none;display:block;}
li{list-style-type:none;}
a{text-decoration:none;color:#535353;}
input{vertical-align:middle;}
table,table tr td{border-collapse:collapse;}
a:hover{text-decoration:none;color:#e6791a;}
a,area {blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus {-moz-outline-style: none; } /* for Firefox */
a{outline:none;} /* for FF Chrome */
img{display:block;}
textarea{resize:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clearfix{display:block;}
.f-Yahei{font-family:"Microsoft YaHei";}
.w_820{margin:0 auto;width:820px;min-height:750px;height:auto;background-color:#fff;position: relative;}
/*index*/
#topbar{height:40px;width:100%;background-color:#1c1f27;}
#topbanner{margin:0 auto;padding:0 100px;width:886px;height:40px;background-color:#1c1f27;}
#logo{float:left;width:100px;height:40px;background: url(../images/logo_new.png) left 4px no-repeat;}
#logo a{display:block;float:left;width:100px;height:40px;}
.nav{float:left;margin-left:50px;width:480px;height:40px;line-height:40px;}
.nav ul li{float:left;margin:0 10px;}
.nav ul li a:hover,.nav ul li a:active,.nav ul li a:link,.nav ul li a:visited{color:#fff; text-decoration:none;}
#searchBar{position:relative;float:right;margin-top:10px;width:171px;height:19px;}
#searchBar #search-keyword{position:absolute;top:0px;left:0;padding-left:5px;background-color:#C4C4C4;border:0;height:19px;line-height:19px;}
#searchBar #button{background:url(../images/search_button.gif) left 0 no-repeat;border:0;cursor:pointer;position:absolute;top:0px;right:0px;height:19px;width:43px;}
.banner{width:100%;height:338px;background:#f5f5f5 url(../images/banner.jpg) center center no-repeat;} 


@media screen and (min-width:1400px)
{
    .banner{width:100%;height:338px;background:#f5f5f5 url(../images/bj.jpg) center center no-repeat;} 

}


.main{margin:0 auto;width:100%; }

@media screen and (max-width: 1086px)
{   #topbar{ width:1116px; }
    .banner { width:1116px; }
    .main {margin:0 auto; width:1116px; }
}

        @media screen and (min-width:1600px)
        {
            .main {margin:0 auto; width:1600px;}
        }

.b-right{
    background: url(../images/icon-2.png) top right no-repeat;    
}
.b-left{
    background: url(../images/icon-2.png) 0 20% no-repeat;
}
.b-center{
    background: url(../images/icon-2.png) 60% 200px no-repeat;
}
.container{position:relative; width:1086px; margin: 0 auto; margin-top:80px;padding:25px 15px;background-color:#6787ff;

}
.container::before{
    content: "";   
    display: block;
    position: absolute;
    top:-60px;left: 25px;
    height: 128px;
    width:128px;
    background: url(../images/icon-1.png) no-repeat;    
} 
.tag{margin:10px auto 35px;}
.tag h3{height:30px;line-height:30px;font-size:30px;}
.tag h3 a{text-decoration: underline;color:#fff;}
.color-1{padding-left:85px;color:#fff;}
.color-2{margin-top:35px;color:#6787ff;text-align: center;}
.mainstar{margin:0 auto;width:1086px;  }




.main-star{font-size:16px;line-height:1.4;color:#fff; }
.main-star li{float:left;margin:10px 17px;text-align:center;  }
.main-star li img{margin-bottom:10px;width:175px;background:#fff;border:3px solid #fff;border-radius: 3px;}
.main-star li a{color:#fff;}
.star-list{margin:35px 8px 20px;overflow:hidden;font-size:14px;line-height:1.4;}
.star-list li{float:left;margin:0 23px 25px;text-align:center;}
.star-list li img{margin-bottom:10px;width:160px;background:#fff;border:3px solid #fff;border-radius: 3px;}
.star-list li:hover img,.main-star li:hover img{box-shadow: 0px 0px 10px #fff;}




.more{margin:10px auto;height:36px;font-size:14px;}
.more a{display: block;margin:0 auto;width:110px;height:34px;line-height:34px;text-align: center;background-color:#3451d5;border:1px solid #fff;color:#fff;border-radius: 3px;}
.more a:hover{background:#0221af;color:#fff;}
.weixin{margin:30px auto;text-align:center;color:#6787ff;font-size:24px;position:relative;}
.weixin i.icon-right{top:-110px;right:110px;z-index: -1;}
.weixin img{margin:10px auto;}
footer{ width:100%;margin:0 auto;padding:10px 0;text-align:center;background-color:#00104c;color:#fff;}

@media screen and (max-width: 1086px)
{
    footer { width:1116px;} 
}

/*star*/
.content{ margin: 0 auto; padding:25px 15px;width:1086px; }
.content h2{font-size:15px;margin:10px 0;text-align:left;line-height:50px;}
.content h3{margin:10px 0;font-size:14px;font-weight:700;color:#c81428;}
.content p{text-indent:28px;font-size:14px;line-height:2.2;}
.content p strong{font-size:15px;}
.content a{text-decoration: underline;}
.content img{float:right;margin:5px 0 10px 20px;border:3px solid #fff;border-radius: 3px;}
.big-pic{position:relative;display:flex;text-align:center;  }
.big-pic img{ margin: 0 auto;} 
table{margin:10px auto;border-spacing:0;border-collapse:collapse}
table tr th{background:#c8c8c8;}
table tr th,table tr td{border:1px solid #000;padding:5px;}
.name{margin:25px 80px;color:#fff;}
.name h4{font-size:20px;line-height:2.0;}
.name h4 a{color: #fff;}
.name h4 a:hover{ text-decoration:underline;}
.name h4 span{display: block;float:left;height:30px;font-weight:700;}
.name h4 span.icon-3{background:url(../images/icon-3.png) 0 0 no-repeat;margin-bottom:100px;margin-right:10px;padding-left:45px;}
.name h4 span.icon-4{background:url(../images/icon-4.png) 0 0 no-repeat;margin-bottom:200px;margin-right:10px;padding-left:45px;}
.review{margin:10px 85px;font-size:24px;color:#fff;}
.review a{margin-right:40px;color:#fff;}
.review a:hover{text-decoration: underline;}
.red{color:#f00;font-weight:700;}
.black{color:#000;font-weight:700;}
.blue{color: #0070c0;font-weight:700;}
.page{margin:20px auto 40px;text-align: center;font-size:16px;}
.page a{margin:0 45px;}