@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,select,textarea {font:14px/1.5 tahoma,arial,\5b8b\4f53,"Microsoft YaHei";color:#333;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
address,cite,dfn,em,var {font-style:normal;}
small {font-size:12px;}
ul,ol,li {list-style:none;}
a {text-decoration:none;color:#333;}
a:hover {color:#274b9b;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
img {border:0;vertical-align:middle;}
button,input,select,textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
body {color:#333;background:#fff;font-family:"Microsoft YaHei";font-size: 14px;}
.clear {clear:both;height:1px;width:100%;}
.fl {float:left;}
.fr {float:right;}
.hr {overflow:hidden;width:100%;clear:both;}
.hr10 {height:10px;}
.hr20 {height:20px;}
.hr30 {height:30px;}
.clearfix:after {content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix {zoom:1;}
.bgfff{background: #fff;}
.main {width:1200px;margin:0 auto;}
.none {display:none;}
.block {display:block;}
.bd {border:1px solid #ccc;}
.ov{overflow: hidden;}
.tablist, .tablist2{display:none;}
.tabNav li,.num span,.turnbtn{cursor:pointer;}
.turnBtn {display:block;cursor:pointer;}
.pt24 {padding-top:24px;}
.w1200 {width:1200px;margin-left:auto;margin-right:auto;}
.w840 {width:840px;}
.w340 {width:340px;}
.pd20{padding: 20px;}
.pd10{padding: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.sizing_bd{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.flex{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex1{-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}
.elli2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.elli3{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.elli4{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.elli1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.liscale{overflow: hidden;}
.liscale img, .jtdate img{-webkit-transition:all 0.15s linear; -moz-transition: all 0.15s linear; transition:all 0.15s linear;}
.liscale:hover img,.jtdate:hover img{ transform: scale(1.1); -ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}

.hov{cursor:pointer;transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s;}
.hov:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);}

.banner .gn a i,.index2 li i,.index3 .item .btn i, .footer .about .btn i{ background-image: url(../images/icon.png); }

.banner{ width: 100%; height: 850px; background: url(../images/bannerbg.svg) center top no-repeat; }
.banner a{ /*color: #fff;*/ }
.banner .sheader{margin-bottom: 130px;}
.banner .logo{ padding: 11px 0; height: 44px;line-height: 44px;float: left; color: #fff; font-size: 24px;font-weight: normal;}
.banner .logo img{ display: block; width: 44px;height: 44px;float: left; margin-right: 23px;  }
.banner .logo a{ color: #fff; }
.banner .title{ line-height: 1;margin-bottom: 58px;}
.banner .title a{ display: block; position: relative;}
.banner .title .tt{font-size:42px;font-family: "Microsoft YaHei";margin-right:0px;letter-spacing: 0px;float: left;font-weight:bold;color:#274b9b;}
.banner .title span{ display: block; font-weight: normal;}
.banner .title .tin{ width: 118px;float: left;overflow: hidden; margin-top:-10px;}
.banner .title .ver{font-size: 14px; background-color: #ffd800; height: 24px;line-height: 24px; width: 62px;text-align: center; position: relative; margin-bottom: 11px;letter-spacing: 0px;color:#ffffff;}
.banner .title .ver i{display: block; width: 0;height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #ffd800;position: absolute;left: -6px;bottom: -7px;}
.banner .title .xt{font-size: 20px;}
.banner .title .xt i{ display: block; width: 0px; height: 20px; border-left: 1px solid #fff; float: left; margin-right: 8px; }
.banner .intro{font-size: 22px;line-height:1.5;text-align: left; }


.btn{display: block; width: 274px;height: 76px;line-height: 76px; background-color: #ffffff; border-radius: 8px; color: #274b9b;font-size: 36px;margin-top: 73px;margin-bottom:30px;position: relative;text-indent:90px}
.btn i {
    display: block;
    width: 39px;
    height: 39px;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -18px;
    background:url(../images/downicon1.png) center center no-repeat;
}
.banner-left{float:left;width:417px;}
.kfitile{float:left;width:100%;text-align:center;font-size: 46px;color:#333;margin: 20px 0px}
.kfitile span{background:url(../images/titlebg.png) center bottom no-repeat;background-size:100% 5px;padding-bottom:5px;}
.banner .info{font-size: 16px;line-height: 26px;text-align:left;}

.indexTitle{font-size: 40px;font-weight: normal; text-align: center;letter-spacing: 2px;height: 74px;line-height: 74px;position: relative;background:url(../images/indextitle.png) center center no-repeat;}
.indexTitle i{ display: block; width: 64px;height: 8px; background-color: #274b9b; border-radius: 4px; position: absolute; left: 50%; margin-left: -4px; bottom: 0;margin-left: -32px;}
.indexTitle2{font-size: 40px;font-weight: normal; text-align: center;letter-spacing: 2px;height: 74px;line-height: 74px;position: relative;background:url(../images/indextitle2.png) center center no-repeat;}
.index2{padding-top: 43px;width: 100%; padding-bottom: 56px;}
.index2 .iconslist{float:left;width:100%;}
.index2 .iconslist a{background:url(../images/i1.png) no-repeat;padding-top: 100px;font-size:22px;float:left;margin-left:20px;width:154px;text-align:center;margin-top:20px;}
.index2 .iconslist a:hover{color:#333;}
.index2 .iconslist a.il1{background-position:42px 0px;}
.index2 .iconslist a.il2{background-position:-148px 0px}
.index2 .iconslist a.il3{background-position:-333px 0px}
.index2 .iconslist a.il4{background-position:-515px 0px}
.index2 .iconslist a.il5{background-position:-699px 0px}
.index2 .iconslist a.il6{background-position:-886px 0px}
.index2 .iconslist a.il7{background-position:-1070px 0px}
.index2 .iconslist a.il8{background-position:42px -176px;}
.index2 .iconslist a.il9{background-position:-148px -176px}
.index2 .iconslist a.il10{background-position:-333px -176px}
.index2 .iconslist a.il11{background-position:-515px -176px}
.index2 .iconslist a.il12{background-position:-699px -176px}
.index2 .iconslist a.il13{background-position:-886px -176px}
.index2 .iconslist a.il14{background-position:-1070px -176px}
.index2 .iconslist a:nth-child(7n){margin-left:0px;}

.index3{padding-top: 42px;background:url(../images/index3bg.png) center center no-repeat;height:800px}
.index3 .ileft{float:left;width:550px;margin-top:20px;}
.index3 .ileft .li{float:left;height:148px;cursor:pointer}
.index3 .ileft .li.i1{background:url(../images/1.png) left top no-repeat;}
.index3 .ileft .li.i2{background:url(../images/2.png) left top no-repeat;}
.index3 .ileft .li.i3{background:url(../images/3.png) left top no-repeat;}
.index3 .ileft .li .title{float:right;text-align:left;width:400px;font-size:24px;margin-top:10px}
.index3 .ileft .li.active .title{color:#5e6fd9;}
.index3 .ileft .li.active .title_p{color:#5e6fd9;}
.index3 .ileft .li p{float:right;text-align:left;width:400px;font-size:14px;margin-top: 10px}
.index3 .iright{float:right;width:630px;margin-top:20px;}
.index3 .iright img{width:100%}



.index4{ width: 100%;  background:url(../images/banner2.jpg) center center no-repeat;background-size:100% 100%;}
.comment{ padding-top: 385px;font-size: 0;text-align: center; padding-bottom: 80px; position: relative; *width:760px;*margin-left: auto; *margin-right: auto; }
.comment li{ display: inline-block;color:#333; width: 151px;text-align: center; font-size: 18px;line-height: 1; *display: block;*float: left;}
.comment li img{ display: block; width: 89px;height: 89px;margin: 0 auto 18px; }
.comment li .show{z-index: 1; width: 700px; padding: 0 50px; background-color: #fff;border-radius: 5px; position:absolute;top:170px;left:50%;margin-left:-400px;opacity: 0;filter: alpha(opacity=0); transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s;}
.comment li .show{-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 144, 255, 0.1);-moz-box-shadow: 0px 5px 30px 0px rgba(0, 144, 255, 0.1);box-shadow: 0px 5px 30px 0px rgba(0, 144, 255, 0.1);}
.comment li.active .show{ opacity: 1; filter: alpha(opacity=100); z-index: 2;}
.comment li .show{text-align: left;padding-top: 20px; height: 140px;}
.comment li .show .tt{ height: 88px;line-height: 88px; border-bottom: 1px solid #e5e5e5;font-weight: normal; font-size: 32px;color: #1e1e1e; margin-bottom: 26px;}
.comment li .show .txt{ font-size: 18px; color: #666666;line-height: 38px;letter-spacing: 1px; }
.comment li .show i{ display: block; width: 69px;height: 51px; background-image: url(../images/icon.png); position: absolute; left: 66px; bottom: -51px; background-position: -361px -217px;}

/*.comment li.l1 .show i{left: 66px;}
.comment li.l2 .show i{left: 217px;}
.comment li.l3 .show i{left: 368px;}
.comment li.l4 .show i{left: 519px;}
.comment li.l5 .show i{left: 670px;}*/

.comment li.l1 .show i{left: 135px;}
.comment li.l2 .show i{left: 295px;}
.comment li.l3 .show i{left: 445px;}
.comment li.l4 .show i{left: 590px;}


.footer{ width: 100%; background-color: #0d4b96; color: #fff; }
.footer a{ color: #fff; }
.footer a:hover{ color: #abe2f8; }
.footer .about{ border-bottom: 1px solid #265da1; padding: 52px 191px 60px 203px; position: relative;}
.footer .about .tt{ font-size: 24px;height: 49px;line-height: 49px; position: absolute;left: 0;top: 52px;font-weight: normal; }
.footer .about .logo2{float: left; width: 92px;height: 92px;margin-right: 18px;}
.footer .about .logo2 a,.footer .about .logo2 img{ display: block; }
.footer .about .name{ font-weight: normal;font-size: 28px;height: 40px;line-height: 40px;overflow: hidden;padding-top: 5px; }
.footer .about .ab{ font-size: 18px;line-height: 20px;margin-top: 13px; }
.footer .about .ab i{font-style: normal;margin: 0 15px;display: inline-block; width: 0;height: 20px; border-left: 1px solid #fff;vertical-align: middle;}
.footer .about .btn{ width: 191px;height: 67px;line-height: 67px; position: absolute; right: 0;top: 63px; }
.footer .about .btn i{ width: 33px;height: 32px;margin-top: -16px;left: 20px;margin-right: 14px;vertical-align: middle; margin-top: -2px;background-position: -398px -144px; }
.footer .gs{ text-align: center;font-size: 16px;line-height: 36px; padding: 5px 0;}
.header{ width: 100%; background:url(../images/gray.png); height: 80px; position: fixed;left: 0; right: 0; top: 0; z-index: 9;-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 144, 255, 0.1);-moz-box-shadow: 0px 5px 30px 0px rgba(0, 144, 255, 0.1);box-shadow: 0px 5px 30px 0px rgba(0, 144, 255, 0.1);}
.header .w1200{ position: relative; }
.header .logo{ float: left; font-weight: normal;}
.header .logo a,.header .logo img{ display: block; }
.header .logo a{height: 40px; padding:20px 0;line-height: 40px;font-size: 24px;color: #fff;}
.header .logo img{height: 100%;float: left; margin-right: 20px;}
.header{ display: none; }
.banner .btn{overflow: hidden;}
/*.banner .btn:after {position:absolute;display:block;content:'';top:50%;left:50%;background:rgba(159,209,255,0.1);width:680px;height:680px;border-radius:50%;margin-left:-340px;margin-top:-340px;animation:spread 1.5s infinite both;-webkit-animation:spread 1.5s infinite both;-moz-animation:spread 1.5s infinite both;-o-animation:spread 1.5s infinite both;z-index:1;}*/


@keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.index5{display:block;height:500px;padding:30px 0px;}
.index5 .changjin{width:100%;float:left;padding-top:30px;}
.index5 .changjin a{float:left;width:229px;height:293px;margin-left:13px}
.index5 .changjin a.sence1{background:url(../images/cwlr.png);margin-left:0px;}
.index5 .changjin a.sence2{background:url(../images/jckj.png);}
.index5 .changjin a.sence3{background:url(../images/bylw.png);}
.index5 .changjin a.sence4{background:url(../images/rczp.png);}
.index5 .changjin a.sence5{background:url(../images/hyjy.png);}
.index5 .changjin a span{font-size:36px;color:#ffffff;margin-top:230px;float:left;width:100%;text-align:center;}