html{ overflow-x:hidden; overflow-y:auto;}
body{background-color:#fff;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}

.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}

.container_80%{ width:80%; margin:0 auto;}



.index4{padding:40px 0; position: relative; background:url(../image/j18.jpg) center no-repeat; background-size:cover;}
.index4 .text{width:50%; float:left; padding:25px 0 35px 0;}
.index4 .text .H4{font-size:36px; color:#464da0; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.index4 .text .bold{font-weight: bolder;}
.index4 .text .thin{font-weight:normal;}
.index4 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}
.index4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}

.index4 .text .H51{font-size:30px; color:#313131; padding:0px 0 20px 0; position: relative;}
.index4 .text .H51::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}
.index4 .text .p{font-size:16px; color:#707070; line-height: 34px; height: 320px; margin: 30px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
text-indent: 25px;
}
.more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#464da0; text-align: center; font-size:14px; color:#fff;border:1px solid #464da0; }
.more2:hover{background-color:transparent; border:1px solid #464da0; color:#464da0;}
.index4Num{margin-top:55px; padding-top:45px; border-top:1px solid #e4e4e4; }
.index4Num .list{font-weight:bolder; float:left;}
/*.index4Num .list:nth-child(2){float:right;}*/
.index4Num .big{font-size:80px; color:#464da0; font-family: Arial; font-weight: bolder; line-height: 58px; display: inline-block;}
.index4Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#464da0; font-family: Arial;line-height: 70px; margin: 0 20px 0 3px; vertical-align: bottom;}
.index4Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 70px; vertical-align: middle;font-weight:normal; }

/*.videoR{position:absolute; top:100px; right:0; width:657px;padding:0 0 52px 0%; background:url(../image/p13.png) left bottom no-repeat; background-size: 93% 91.58% ;}*/
.videoR{padding-top: 100px;background:url(../image/p13.png) right bottom no-repeat;height:602px;width: 750px; float: right;}
.videoR .pic{width:657px;height:542px; float:left; /*margin-right: 28%;*/ border-radius: 15px;margin-left: 50px;}
.videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1890px){
.videoR{
    height:602px;
    background:url();
    width: 50%; 
}
.videoR .pic{
    width:90%;
    height:auto; 
    margin-left: 50px;
}
}

@media screen and (max-width:1549px){
	.index4Num .big{font-size:60px;}
    .index4Num .small{font-size:20px;}
    .index4Num .p2{font-size:12px;}
.videoR{
    height:602px;
    background:url();
    width: 50%; 
}
.videoR .pic{
    width:90%;
    height:auto; 
    margin-left: 50px;
}
}

/*@media screen and (max-width:1280px){
    .index4Num .small{font-size:16px;}
    .index4Num .p2{font-size:14px;}
}
@media screen and (max-width:1199px){
	.index4{padding:60px 0;}
	.index4Num .big{font-size:50px;}
	.index4Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.index4Num{margin-top:30px; padding-top:30px;}
	.index4 .text .H4{font-size:28px;}
	.index4 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}*/
/*@media screen and (max-width:767px){
	.index4{padding:40px 0 30px 0;}
	.index4 .text{padding:0; width:100%;}
	.videoR{position:relative;}
	.index4 .text .H4{font-size:20px;}
	.index4 .text .H5{font-size:16px; padding:10px 0;}
	.index4 .text .p{font-size:13px; line-height: 22px; height: 110px; margin: 15px 0;}
	.more2{width:120px; font-size:12px;}
	.index4Num{margin-top:20px; padding-top:20px;}
	.index4Num .big{font-size:30px; line-height: 30px;}
	.index4Num .p2{font-size:13px; margin-top:5px;}
	.videoR{width:100%; top:auto; margin-top:20px; padding:0 0 20px 20px;}
	.videoR .pic{background:none !important; height: auto;}
	.videoR .playBtn{width:30px; height: 30px; top:50%; margin-top:-15px; left: 5px;}
	
}*/

.edge_width{width:80%; margin:0 auto;}
.edgebj{height:990px; background:url(../img/edge1.jpg) no-repeat center;}
.edge{padding-top:0px; height:937px;}
.edge h3{text-align: center; margin-bottom:42px;}
.edge h3 span{display:block;font-size: 38px; color:#282828; height:58px;line-height: 30px; background:url(../images/prtb.png) no-repeat bottom center;}
.edge h3 span i{font-weight: bold;}
.edge h3 em{display: block; font-size: 22px; color:#282828; line-height: 22px; margin-top: 13px;}
.edge ul li{float:left; width:17%;height:300px; background:#FFF; padding-top:52px; box-shadow: 10px 10px 20px #e7e7e7,-10px -10px 20px #e7e7e7;margin-left: 41px; margin-top: 41px; position: relative;}
.edge ul li.first{margin-left: 0;}
.edge ul li span{display: block;padding-top:98px; font-size: 18px;text-align: center; font-weight: bold; color:#444444; margin-bottom: 20px;}
.edge ul li .e1{background:url(../img/edt1.png) no-repeat top center;}
.edge ul li .e2{background:url(../img/edt2.png) no-repeat top center;}
.edge ul li .e3{background:url(../img/edt3.png) no-repeat top center;}
.edge ul li .e4{background:url(../img/edt4.png) no-repeat top center;}
.edge ul li .e5{background:url(../img/edt5.png) no-repeat top center;}
.edge ul li .e6{background:url(../img/edt6.png) no-repeat top center;}
.edge ul li .e7{background:url(../img/edt7.png) no-repeat top center;}
.edge ul li .e8{background:url(../img/edt8.png) no-repeat top center;}
.edge ul li .e9{background:url(../img/edt9.png) no-repeat top center;}
.edge ul li .e10{background:url(../img/edt10.png) no-repeat top center;}
.edge ul li:hover .e1{background:url(../img/edt1_h.png) no-repeat top center;}
.edge ul li:hover .e2{background:url(../img/edt2_h.png) no-repeat top center;}
.edge ul li:hover .e3{background:url(../img/edt3_h.png) no-repeat top center;}
.edge ul li:hover .e4{background:url(../img/edt4_h.png) no-repeat top center;}
.edge ul li:hover .e5{background:url(../img/edt5_h.png) no-repeat top center;}
.edge ul li:hover .e6{background:url(../img/edt6_h.png) no-repeat top center;}
.edge ul li:hover .e7{background:url(../img/edt7_h.png) no-repeat top center;}
.edge ul li:hover .e8{background:url(../img/edt8_h.png) no-repeat top center;}
.edge ul li:hover .e9{background:url(../img/edt9_h.png) no-repeat top center;}
.edge ul li:hover .e10{background:url(../img/edt10_h.png) no-repeat top center;}
.edge ul li:hover span{color:#FFF;}
.edge ul li:hover p{color:#FFF;}
.edge ul li p{font-size: 15px; line-height: 30px; color:#666666; text-align: center; font-weight:normal;}

.edge_hangshu{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

.edge ul li strong::before{position: absolute;z-index:-1;}
.edge ul li strong::after{position: absolute;z-index:-1;}
.edge ul li strong{display: block;z-index:1;position: relative;}
.edge ul li::before{width:0;height:0; content:""; background:#464da0;transition: 0.5s; position: absolute;bottom: 0;left: 0;}
.edge ul li::after{width:0;height:0; content:""; background:#464da0;transition: 0.5s; position: absolute;top: 0;right: 0;}
/*.edge ul li strong::before{width:0;height: 0; content:""; background:#464da0;transition: 0.5s; position: absolute; right:0;bottom:-66px;}
.edge ul li strong::after{width:0;height: 0;content:""; background:#464da0;transition: 0.5s; position: absolute; top:-52px;left:0;}*/
.edge ul li:hover strong::before{width:100%;height: 100%;}
.edge ul li:hover strong::after{width:100%;height: 100%;}
.edge ul li:hover:before{width:100%;height: 100%;}
.edge ul li:hover:after{width:100%;height: 100%;}
/*.edge ul li i{display: none;width: 70px; height: 6px;   background: #FFF;  content: ""; position: absolute;   bottom: 20px;    left: 35%; z-index:2;}
.edge ul li:hover i{display: block;}*/

       @media screen and (max-width:1500px) {
        .edge ul li span{display: block;padding-top:98px; font-size: 16px;text-align: center; font-weight: bold; color:#444444; margin-bottom: 20px;}
        .edge ul li p{font-size: 14px; line-height: 30px; color:#666666; text-align: center; font-weight:normal;}
       }

       @media screen and (max-width:1440px) {
.edgebj{height:890px;}
.edge_width{width:80%; margin:0 auto;}
.edge ul li{float:left; width:17%;height:270px; background:#FFF; padding-top:52px; box-shadow: 10px 10px 20px #e7e7e7,-10px -10px 20px #e7e7e7;margin-left: 41px; margin-top: 41px; position: relative;}
.edge ul li strong::before{position: absolute;z-index:-1;}
.edge ul li strong::after{position: absolute;z-index:-1;}
.edge ul li strong{display: block;z-index:1;position: relative;}
.edge ul li::before{width:0;height:0; content:""; background:#464da0;transition: 0.5s; position: absolute;bottom: 0;left: 0;}
.edge ul li::after{width:0;height:0; content:""; background:#464da0;transition: 0.5s; position: absolute;top: 0;right: 0;}
/*.edge ul li strong::before{width:0;height: 0; content:""; background:#464da0;transition: 0.5s; position: absolute; right:0;bottom:-43px;}
.edge ul li strong::after{width:0;height: 0;content:""; background:#464da0;transition: 0.5s; position: absolute; top:-52px;left:0;}*/
.edge ul li:hover strong::before{width:100%;height: 100%;}
.edge ul li:hover strong::after{width:100%;height: 100%;}
.edge ul li:hover:before{width:100%;height: 100%;}
.edge ul li:hover:after{width:100%;height: 100%;}
/*.edge ul li i{display: none;width: 70px; height: 6px;   background: #FFF;  content: ""; position: absolute;   bottom: 20px;    left: 30%; z-index:2;}
.edge ul li:hover i{display: block;}*/
.edge ul li p{font-size: 12px; color:#666666; text-align: center; font-weight:normal;}
.edge ul li span{display: block;padding-top:98px; font-size: 14px;text-align: center; font-weight: bold; color:#444444; margin-bottom: 20px;}
        }
       @media screen and (max-width:1280px) {
        .edge ul li{float:left; width:21%;height:290px; background:#FFF; padding-top:52px; box-shadow: 10px 10px 20px #e7e7e7,-10px -10px 20px #e7e7e7;margin-left: 41px; margin-top: 41px; position: relative;}
}

/*       @media screen and (max-width:1300px) {
.edge_width{width:80%; margin:0 auto;}
.edge ul li{float:left; width:17%;height:270px; background:#FFF; padding-top:52px; box-shadow: 10px 10px 20px #e7e7e7,-10px -10px 20px #e7e7e7;margin-left: 41px; margin-top: 41px; position: relative;}
.edge ul li strong::before{position: absolute;z-index:-1;}
.edge ul li strong::after{position: absolute;z-index:-1;}
.edge ul li strong{display: block;z-index:1;position: relative;}
.edge ul li::before{width:0;height:0; content:""; background:#464da0;transition: 0.5s; position: absolute;bottom: 0;left: 0;}
.edge ul li::after{width:0;height:0; content:""; background:#464da0;transition: 0.5s; position: absolute;top: 0;right: 0;}
/ *.edge ul li strong::before{width:0;height: 0; content:""; background:#464da0;transition: 0.5s; position: absolute; right:0;bottom:-38px;}
.edge ul li strong::after{width:0;height: 0;content:""; background:#464da0;transition: 0.5s; position: absolute; top:-52px;left:0;}* /
.edge ul li:hover strong::before{width:100%;height: 100%;}
.edge ul li:hover strong::after{width:100%;height: 100%;}
.edge ul li:hover:before{width:100%;height: 100%;}
.edge ul li:hover:after{width:100%;height: 100%;}
/ *.edge ul li i{display: none;width: 70px; height: 6px;   background: #FFF;  content: ""; position: absolute;   bottom: 30px;    left: 35%; z-index:2;}
.edge ul li:hover i{display: block;}* /
.edge ul li p{font-size: 14px; color:#666666; text-align: center; font-weight:normal;}
.edge ul li span{display: block;padding-top:98px; font-size: 18px;text-align: center; font-weight: bold; color:#444444; margin-bottom: 20px;}
        }*/

  .index-publicTitle{
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
}
.index-publicTitle .name-en{
    line-height: 42px;
    font-size: 50px;
    color: #ddd;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.index-publicTitle .name-cn{
    line-height: 44px;
    margin-bottom: 10px;
    font-size: 36px;
    color: #4a4a4a;
    font-weight: bold;
    position: relative;
}
.index-publicTitle .text{
    line-height: 20px;
    font-size: 16px;
    color: #4a4a4a;
}
.index-publicTitle::before{
    content: '';
    width: 34px;
    height: 2px;
    margin-left: -17px;
    background: #4a4a4a;
    position: absolute;
    bottom: 0;
    left: 50%;
}
.index-publicTitle.other-style{
    text-align: left;
}
.index-publicTitle.other-style::before{
    margin-left: 0;
    left: 0;
}
.mb40{ margin-bottom: 40px;}
.mb40{ margin-top: 40px;}
.color-0055a2{ color: #464da0;}


.section--1 {padding: 90px 0;}
.section-title {margin-bottom: 40px;font-size: 24px;padding-left: 35px;}
.section-title strong {display: block;font-size: 50px;line-height: 1.1;margin-bottom: 5px;position: relative;text-transform: uppercase;}
.section-title strong:before {position: absolute;top: 50%;right: 100%;content: '';width: 25px;height: 5px;background-color: #333;margin-top: -2px;margin-right: 10px;}
.section-title p {margin: 0;float: right;font-size: 18px;color: #8f8f8f;}

.max1500{
    max-width: 76%;
    margin: 0 auto;
    padding: 0 15px;
}
       @media screen and (max-width:1280px) {
     .max1500{
    max-width: 90%;
}   
.section--1{
    padding:50px 0;
}
       }

/*.list-3 {margin: -30px 0 0 -30px;}
.list-3 li {float: left;width: 50%;}
.list-3 li a {margin: 30px 0 0 30px;color: #666; display: block;background-color: #fff;padding: 22px 35px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 6px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li h4 {position: relative;margin: 0;font-weight: normal;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 35px;}
.list-3 li h4:before,.list-3 li p:before {position: absolute;content: 'Q';background-color: #464da0;color: #fff;text-transform: uppercase;left: 0;top: 50%;width: 20px;line-height: 20px;margin-top: -10px;text-align: center;border-radius: 2px;font-size: 12px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p {position: relative;margin: 15px 0 0;padding-left: 35px;line-height: 1.8;height: 50px;overflow: hidden;color: #8e8e8e;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p:before {content: 'A';top: 2px;margin: 0;background-color: #d18925;}
.list-3 li a:hover {background-color: #464da0;color: #fff;}
.list-3 li a:hover h4:before,.list-3 li a:hover p:before {background-color: #fff;color: #464da0;}
.list-3 li a:hover p {color: #fff;}
.list-3 li a:hover p:before {color: #d18925;}*/


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.f_bg{ background:url(../img/f_bg.jpg) no-repeat center 0; height:308px;overflow: hidden;}
.footer{width: 80%; margin:0 auto;}
.f_logo{width: 20%;height: 230px;background: #464da0;padding: 78px 0 0;text-align: center;}
.f_logo a{font-size: 16px;color: #fff;font-weight: normal;display: block;}
.f_logo img{width: 154px;height: 124px;display: block;margin: 0 auto 40px;}
.f02{width: 40%;padding: 65px 0 0 70px;}
.f_nav{height: 120px;overflow: hidden;width: 500px; background:url(../img/f_line.png) no-repeat;padding: 25px 0 0;}
.f_nav ul li{height: 32px;line-height: 32px; background:url(../img/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 20px;width: 140px;float: left;}
.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.8);}
.f_nav ul li a:hover{color: #fff;}
.f02 p{font-size: 14px;color: rgba(255,255,255,0.8);height: 50px;line-height: 25px;overflow: hidden; background:url(../img/f_line.png) no-repeat;width: 390px;padding: 15px 0 0;}
.f02 p a{color: rgba(255,255,255,0.8);}
.f02 p i{padding: 0 20px;}
.f02 p span{display: block;}
.f_ban{width: 30%;padding: 60px 0 0;}
.f_ban p{padding:0 0 0 35px;font-size: 14px;color: #fff;line-height: 24px;height: 80px;}
.f_ban p b{display: block;}
.f_ban p i{font-size: 20px;color: #fff;display: block;padding: 5px 0 0;font-weight: bold;}
.f_ban p em{font-size: 16px;}
.f_ban span{padding: 0 10px;}
.f_p01{ background:url(../img/f_ico02.png) no-repeat 0 22px;}
.f_p02{ background:url(../img/f_ico03.png) no-repeat 0 16px;}
.f_p03{ background:url(../img/f_ico04.png) no-repeat 0 16px;}
/**********************************************************************************/
       @media screen and (max-width:1280px) {
            .f_ban p{min-height: 50px;height: auto;}
            .footer{width: 90%; margin:0 auto;}
}
       @media screen and (max-width:1100px) {
            .footer{width: 100%; margin:0 auto;}
}
.content-21 {
  width: 85%;
  margin: 0 auto;
}

.search{height: 70px;border-bottom: 1px solid #ededed;box-sizing: border-box;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #666666;}
.search p b{ color: #4c4c4c;float: left;font-weight: normal;padding-left: 10px;}
.search p a{ font-size:14px ;display: block;float: left;color: #4c4c4c;line-height: 70px;margin-right: 14px;}
.search p a:hover{color: #0262b8;}
.s_box{
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
.s_box:before,
.s_box:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
.s_box:before {
        top: 0;
    }
    
.s_box:after {
        bottom: 0;
    }
    
.s_box .input1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
.s_box .input2{
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(../image/sea.png) no-repeat center #4d4d4d;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

.section {padding: 90px 0;}
.section-2 {padding-top: 90px;}
.section-1 {padding: 0px 0;}
.section-title {margin-bottom: 40px;font-size: 24px;padding-left: 35px;}
.section-title strong {display: block;font-size: 50px;line-height: 1.1;margin-bottom: 5px;position: relative;text-transform: uppercase;}
.section-title strong:before {position: absolute;top: 50%;right: 100%;content: '';width: 25px;height: 5px;background-color: #333;margin-top: -2px;margin-right: 10px;}
.section-title p {margin: 0;float: right;font-size: 18px;color: #8f8f8f;}
.section-title-2 {margin-bottom: 40px;text-align: center;font-size: 24px;margin-top: 30px;}
.section-title-2 strong {font-family: "Arial Black";font-size: 40px;display: block;text-transform: uppercase;}
.section-title-3 {text-align: center;margin-bottom: 40px;}
.section-title-3 strong {display: inline-block;font-size: 36px;position: relative;padding: 0 25px;}
.section-title-3 strong:after,.section-title-3 strong:before {position: absolute;content: '';top: 50%;width: 90px;height: 1px;background-color: #000;opacity: 0.2;}
.section-title-3 strong:after {left: 100%;}
.section-title-3 strong:before {right: 100%;}
.section-title-3 p {font-size: 18px;line-height: 1.8;margin: 0;}
.section-title-3 small {display: inline-block;background-color: #464da0;color: #fff;font-family: Arial;padding: 0 38px;line-height: 24px;font-size: 14px;border-radius: 20px;margin-top: 5px;letter-spacing: 1px;}
.list-3 {margin: -30px 0 0 -30px;}
.list-3 li {float: left;width: 50%;}
.list-3 li a {margin: 30px 0 0 30px;display: block;background-color: #fff;padding: 22px 35px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 6px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li h4 {position: relative;margin: 0;font-weight: normal;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 35px;}
.list-3 li h4:before,.list-3 li p:before {position: absolute;content: 'Q';background-color: #464da0;color: #464da0;text-transform: uppercase;left: 0;top: 55%;width: 15px;line-height: 15px;margin-top: -10px;text-align: center;border-radius: 50px;font-size: 12px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p {position: relative;margin: 15px 0 0;padding-left: 35px;line-height: 1.8;height: 55px;overflow: hidden;color: #8e8e8e;-webkit-transition: all 0.5s;transition: all 0.5s; font-size: 16px;}
.list-3 li p:before {content: 'A';top: 2px;margin: 0;background-color: #d18925;color: #d18925;}
.list-3 li a:hover {background-color: #464da0;color: #fff;}
.list-3 li a:hover h4:before,.list-3 li a:hover p:before {background-color: #fff;color: #fff;}
.list-3 li a:hover p {color: #fff;}
.list-3 li a:hover p:before {color: #fff;}

.position {
    line-height: 34px;
    margin-top: -50px;
    margin-bottom: 60px;
}
.position .tiest {
    font-size: 22px;
    background: url(../image/icon8.png) no-repeat 0 center;
    padding-left: 40px;
    font-weight: bold;
        color:#000;
}
.position .tiest:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 30px;
    height: 3px;
    background-color: #464da0;
    margin-left: 20px;
}
.position .wz {
    float: right;
    color: #999;
    font-size: 16px;
    
    padding-left: 28px;
}
.position .wz a {
    color: #999;
}
.position .wz a:hover {
    color: #464da0;
}

.nnnns {
    margin: 20px 0 30px 0;
}
.nnnns li {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    float: left;
    margin-right: 20px;
    border: #ddd 1px solid;
}
.nnnns li.on {
    background: #464da0;
    color: #fff;
}
.nnnns li:hover {
    background: #464da0;
    color: #fff;
}
.nnnns li.on a {
    color: #fff;
}
@media screen and (max-width:1000px){
html{width: 1920px; overflow-x:auto; overflow-y:auto;}
｝