body{
    width: 100%;
}
@font-face {
    font-family:方正兰亭中黑;
    src: url(../fonts/方正兰亭中黑_gbk_0.ttf) format('truetype');
    font-family:微软雅黑;
    src: url(../fonts/msyh_0.ttf) format('truetype');
    font-family:微软雅黑bold;
    src: url(../fonts/msyhbd_0.ttf) format('truetype');
    font-family:微软雅黑light;
    src: url(../fonts/msyhl_0.ttf) format('truetype');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 14px; font-family:"Microsoft YaHei";  color: #222;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: rgb(34,36,38); background: none;}
ul, ol ,li{ list-style: none;}
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.wrap{
    width: 100%;
}
.header{
    width: 1100px;
    height: 116px;
    margin: 0 auto;
}
.logo{
    width: 230px;
    height: 95px;
    margin-left: 55px;
}
.logo div{
    width: 100%;
    height:100%;
    background: url(../images/logo.png) no-repeat;
    margin:10px 0;
}
.nav{
    width: 550px;
    height: 116px;
    background-color: #ffffff;
    float: right;
}

.nav ul{
    width: 550px;
    height: 110px;
}

.nav div ul li{
    float: left;
    width: 90px;
    text-align: center;
    font-size: 16px;
    color:#343638;
    /*margin-top: 66px;*/
}

.nav ul li:hover{
    border-bottom: 2px solid #0185eb;
    padding-bottom: 17px;
}

.nav ul .here{
    border-bottom: 2px solid #0185eb;
    padding-bottom: 17px;
}

.login{
    width: 150px;
    height: 116px;
    background-color: #ffffff;
}

.login ul{
    width: 100%;
}

.login ul li{
    width: 40px;
    float: right;
    text-align: center;
    margin: 30px 5px;
    padding: 3px 8px;
    font-size: 14px;
    color:#343638;
    border:1px solid;
    border-radius:5px;
    margin-top: 66px;
}

.dl{
    width: 200px;
    height: 96px;
    color: #0185EB;
}
.dl span{
    line-height: 116px;
    color: #0185EB;
}
.dl ul .htgl{
    width: 70%;
    text-align: center;
}
.dl ul .htgl a{
    padding: 5px 30px;
    background-color:#0badd4;
    color: #ffffff;
}
.dl ul{
    width: 65px;
    margin-left: 60px;
}
.dl ul .g{
    width: 5px;
}
.dl ul li{
    text-align: center;
    width: 30px;
    float: left;
    line-height: 116px;
}
.container{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
}
.bt{
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #3b3b3b;
    font-weight: bold
}
.bt span{
    color: #445dee;
}
.dyh{
    width: 100%;
    margin-top: 100px;
    margin-bottom: 40px;
}
.dyh ul {

}
.dyh ul li{
    width: 25%;
    margin-bottom: 30px;
    text-align: center;
}
.dyh ul li .dyh-img  {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    padding-left: 20px;
}
.dyh ul li .dyh-img img {
    width: 100%;
    text-align: center;
}
.dyh ul li .bt-1{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight:bold;
    color: #2b2b2b;
}
.dyh ul li .nr{
    width: 90%;
    height: 80px;
    margin: 0 auto;
    overflow:hidden;
    text-overflow:ellipsis;
}


.ts{
    width: 160px;
    height: 160px;
    margin: 0 auto;
}
.ts img{
    width: 100%;
    height: 100%;
}
.ts-3{
    width: 100%;
    margin-top: 60px;
}
.ts-3 ul{

}
.ts-3 ul li{
    width: 33.33333%;
}
.ts-3 ul li .ywlc{
    width: 20%;
}
.ts-3 ul li .ywlc-1{
    width: 75%;
}
.ts-3 ul li div h4{
    padding: 20px;
    font-size: 20px;
    font-weight:bold;
}
.ts-3 ul li .ywlc-2{
    width: 85%;
    height: 80px;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-left:20px;
}
.ts-3 ul li .lj{
    margin-top: 20px;
    padding-left:20px;
    margin-bottom: 15px;
    cursor:pointer;
}
.ts-3 ul li hr{
    width: 72px;
    margin: 0;
    margin-left: 20px;
    border: none;
    height: 3px;
    background-color: #e4e4e4;
}
.ts-3 ul li hr:hover{
    background-color: #4399b0;
}
.js{
    font-family:"微软雅黑";
}

.footer-jz{
	position: relative;
	animation:footer 1s;
	-moz-animation:footer 1s; /* Firefox */
	-webkit-animation:footer 1s; /* Safari and Chrome */
	-o-animation:footer 1s; /* Opera */
}

@keyframes footer
{
0%   {right:0px; bottom:-100px;}
100% {right:0px; bottom:0px;}
}

@-moz-keyframes footer /* Firefox */
{
0%   {right:0px; bottom:-100px;}
100% {right:0px; bottom:0px;}
}

@-webkit-keyframes footer /* Safari and Chrome */
{
0%   {right:0px; bottom:-100px;}
100% {right:0px; bottom:0px;}
}

@-o-keyframes footer /* Opera */
{
0%   {right:0px; bottom:-100px;}
100% {right:0px; bottom:0px;}
}

.footer{
    width: 100%;
    height:335px;
    background: url(../images/bg.png)no-repeat;
    font-family:微软雅黑bold;
    font-weight: bold;
}
/*.footer-jz{*/
    /*width: 1000px;*/
    /*margin: 0 auto;*/
/*}*/
.footer-lx ul li{
    float: left;
    width: 30%;
    text-align: left;
}
.fw{
    border:white solid thin;
    font-size: 21px;
    border-radius:5px;
    color: #FFFFFF;
    text-align: left;
    margin-left: 110px;
    margin-top: 14px;
    display: inline-block;
    width: 130px;
}

.fw-w{
    border:white solid thin;
    font-size: 21px;
    border-radius:5px;
    color: #FFFFFF;
    /*margin-top: 14px;*/
    margin-bottom: 10px;
    display: inline-block;
    width: 130px;
}
section{
    margin: 0 auto;
    width: 929px;
    height: 332px;
    font-size: 16px;
    color: #000;
}
.js .js1 ,.js .js5{
    background: #d7e8ff;
}

.js .js2 ,.js .js4,.js .js7{
    background: #fff;
}

.js .js3,.js .js6{
    background: #346fb1;
}

.js .js3 div,.js .js6 div{
    color: #fff;
}

.js section img ,.js section div{
    display: inline-block;
    vertical-align: top;
}


.js .js1 section #pic1,.js .js5 section #pic5{
    margin-right:230px;
    margin-top: 50px;
}

.js .js2 section #pic2{
    margin-left: 200px;
    margin-top: 50px;
}

.js .js3 section #pic3{
    margin-right:280px;
    margin-top: 50px;
}

.js .js4 section #pic4,.js .js6 section #pic6{
    margin-left: 230px;
    margin-top: 50px;
}

.js .js7 section #pic7{
    margin-right:260px;
    margin-top: 50px;
}

.js section div{
    width: 45%;
    margin-top: 73px;

}

.js section div p{
    padding-top:20px;
}

.z1{
    margin-top: 36px;
    border:1px solid;
    border-right-width: thin;
    border-radius:5px;
    display:inline-block;
    text-align: center;
    padding: 2px;
    margin-right: 8px
}

.z1 a{
    padding: 3px 8px;
}

.bgd{
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 11px;
}
.fw-top{
    margin-top: 10px;
    margin-left:110px;
    text-align: left;
}
.footer-bg{
    width: 100%;
    height: 40px;
    color: #949599;
    text-align: center;
    line-height: 40px;
    background-color: #2f3034;
}
.dhh{
    width:350px;margin:0 auto; text-align: center;font-size: 21px;color: #FFFFFF;margin-bottom: 40px;margin-top: 0px;
    padding-left:0px;
}
.lx{
    font-size: 21px;color: #ffffff;text-align: center;display: block;
}
.tk{
    z-index: 999;
    top: 60px;
    display: none;
    position:absolute;
    width: 100px;
    height:auto;
    background-color: #ffffff;
    margin-left: 45px;
    border-radius: 5px;

}

.tk ul li{
    width: 100%;
    line-height: 30px;
    text-align: center;
}
.tk ul li a:hover{
    color: #61ffff;
}
#grxxx{
    width: 900px;
    height: 650px;
    position: absolute;
    background-color: #ffffff;
    top: 90px;
    margin-left: -400px;
    left: 50%;
    z-index: 100000;
    border: 1px solid #cbc9c9;
    /*display: none;*/
}
.grxx{
    width: 900px;
    height: 750px;
    position: absolute;
    background-color: #ffffff;
    top: 90px;
    margin-left: -400px;
    left: 50%;
    z-index: 100000;
    border: 1px solid #cbc9c9;
    display: none;
}
.gr-xg{
    width: 90px;
    height: 30px;
    background-color: #d75553;
    border: #d75553;
    color: #ffffff;
    margin-right: 20px;
    cursor:pointer;
}
.gr-qx{
    width: 90px;
    height: 30px;
    background-color: #9c9c9c;
    border: #9c9c9c;
    color: #ffffff;
    cursor:pointer;
}
.gr-yzm{
    width: 90px;
    height: 30px;
    background-color: #01b1d8;
    border: #01b1d8;
    color: #ffffff;
    cursor:pointer;
    margin-left: 15px;
}
.gr-input{
    width: 205px;
    height: 24px;
    margin-left: 10px;
}
.gr-input:hover{
    width: 207px;
    height: 26px;
    border: 1px solid #01b1d8
}
.gr{
    margin-top: 55px;
    margin-left: 40px;
}
.grxx .gr .gr-zhxx{
    width: 90%;
    height: 5px;
    background-color: #EEEEEE;
}
.red{
    color: red;
    margin-right: 5px;
}

.moveleft{
	position: relative;
	animation:pic1 1.5s;
	-moz-animation:pic1 1.5s; /* Firefox */
	-webkit-animation:pic1 1.5s; /* Safari and Chrome */
	-o-animation:pic1 1.5s; /* Opera */
}

@keyframes pic1
{
0%   {left:-100px; top:0px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes pic1 /* Firefox */
{
0%   {left:-100px; top:0px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes pic1 /* Safari and Chrome */
{
0%   {left:-100px; top:0px;}
100% {left:0px; top:0px;}
}

@-o-keyframes pic1 /* Opera */
{
0%   {left:-100px; top:0px;}
100% {left:0px; top:0px;}
}

.moveright{
	position: relative;
	animation:right 1.5s;
	-moz-animation:right 1.5s; /* Firefox */
	-webkit-animation:right 1.5s; /* Safari and Chrome */
	-o-animation:right 1.5s; /* Opera */
}

@keyframes right
{
0%   {right:-100px; top:0px;}
100% {right:0px; top:0px;}
}

@-moz-keyframes right /* Firefox */
{
0%   {right:-100px; top:0px;}
100% {right:0px; top:0px;}
}

@-webkit-keyframes right /* Safari and Chrome */
{
0%   {right:-100px; top:0px;}
100% {right:0px; top:0px;}
}

@-o-keyframes right /* Opera */
{
0%   {right:-100px; top:0px;}
100% {right:0px; top:0px;}
}