*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
table{border-collapse:collapse;border-spacing:0}
body{color:#333333;background:#fff;font:16px/1.5 'Microsoft YaHei',sans-serif,Arial;outline:0}
a{
    color:#333333;
    text-decoration:none;
    -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
a:hover{color:inherit}
img{display:block;max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
a,button,input[type=button],input[type=reset],input[type=submit],label{cursor:pointer}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
input,select,textarea{outline:0}
input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text],select,textarea{outline-style:none;-webkit-appearance:none;resize:none;border:none;-webkit-border-radius:0;border-radius:0}
textarea{overflow:auto;vertical-align:top}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 rgba(255,255,255,0) inset!important}
::-webkit-input-placeholder{color:#C6C6C6}
::-moz-placeholder{color:#C6C6C6}
::-ms-input-placeholder{color:#C6C6C6}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.dn{display:none}
.menuBtn {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9;display: none;width: 26px;cursor: pointer;height: 24px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.menuBtn b {display: block;height: 3px;width: 100%;background-color: #0166B6;margin: 5px 0;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px}

.menuBtn b:last-child {margin-bottom: 0}

.menuBtn.open b {opacity: 0;position: absolute}

.menuBtn.open b:first-child {left: 0;top: 0;opacity: 1;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transform-origin: 0 0}

.menuBtn.open b:last-child {opacity: 1;left: -2px;bottom: -2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform-origin: 0 0;-moz-transform: rotate(-45deg)}
.wp{
    max-width: 1300px;
    margin: 0 auto;
    width: 94%;
}
.g-tit1{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 0 0 8px;
    background: url(../images/tit-bg1.png) repeat-x 8px bottom;
    margin-bottom: 15px;
}
.g-tit1:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ec2700;
    border-radius: 2px;
}
.g-tit1 .tit{
    font-size: 22px;
    line-height: 45px;
    background: #ec2700;
    color: #ffffff;
    padding: 0 20px;
    border-radius: 10px;
}
.g-tit1 .more{
    line-height: 36px;
    color: #ec2700;
    margin-right: 12px;
}
.g-tit2{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 0 0 8px;
    background: url(../images/tit-bg2.png) no-repeat 8px bottom;
    margin-bottom: 25px;
}
.g-tit2:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2691E6;
    border-radius: 2px;
}
.g-tit2 .tit{
    font-size: 22px;
    line-height: 45px;
    background: #0166B6;
    color: #ffffff;
    padding: 0 20px;
    border-radius: 10px;
}
.g-tit2 .more{
    line-height: 36px;
    color: #0166B6;
    margin-right: 12px;
}
.g-tit2 .btn{
    font-size: 18px;
    width: 136px;
    line-height: 38px;
    padding-left: 47px;
    background: #FF9200 url(../images/icon-tp.png) no-repeat 18px center;
    border-radius: 4px;
    color: #ffffff;
}
.header{
    position: relative;
    padding: 52px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.header:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0166B6;
    height: 54px;
}
.header .wp{
    position: relative;
}
.logo{

}
.hdr{
    padding-bottom: 155px;
}
.nav{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
}
.nav li{
    position: relative;
}
.nav li > a{
    display: block;
    font-size: 20px;
    line-height: 54px;
    color: #ffffff;
    padding: 0 42px;
}
.nav li > a:hover,
.nav li.on > a,
.nav li.hover > a{
    background-color: #1F97F4;
}
.nav li .item.active > a{
    background-color: #0072CD;
}
.nav .sub{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 290px;
    background-color: #2691E6;
}
.nav .sub .item{
    position: relative;
}
.nav .sub .item a{
    display: block;
    font-size: 16px;
    line-height: 40px;
    padding: 0 17px;
    color: #ffffff;
}
.nav .sub .item a:hover{
    background-color: #0072CD;
}
.nav .sub .con{
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 334px;
    background: #2691E6;

}
.nav .sub .con a{
    font-size: 14px;
}
.email-lang{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}
.email-lang a{
    height: 26px;
    line-height: 26px;
    background-color: #FF9200;
    border-radius: 2px;
    color: #ffffff;
}
.email-lang .email{
    width: 100px;
    background-image: url(../images/icon-email.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 32px;
}
.email-lang .lang{
    width: 92px;
    text-align: center;
    margin-left: 8px;
}
.email-lang a:hover{
    opacity: 0.8;
}
.time-so{
    position: absolute;
    top: 90px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 593px;
    height: 55px;
    background: rgba(1,102,182,0.8);
    border-radius: 4px;
    padding: 0 7px 0 14px;
}
.time-so .time{
    color: #ffffff;
    padding-left: 32px;
    background: url(../images/icon-time.png) no-repeat left center;
	font-size: 14px;
}
.form-so{
    position: relative;
    width: 400px;
    border-radius: 4px;
}
.form-so .inp{
    display: block;
    font-size: 16px;
    width: 100%;
    height: 40px;
    background: #F5F5F5;
    padding: 0 20px;
}
.form-so .so{
    position: absolute;
    top: 0;
    right: -1px;
    width: 64px;
    height: 40px;
    background: #0D7CD4 url(../images/icon-so.png) no-repeat center;
    font-size: 0;
}

.footer{
    display: flex;
    justify-content: center;
    background-color:#0166b6;
}
.footer .box{
    font-size: 0;
    padding: 15px 0 20px;
}
.footer .left{display:inline-block;vertical-align:middle;height:68px;overflow:hidden}
.footer .left img{display:block;height:100%;width:auto;margin-right:20px}
.footer .right{display:inline-block;text-align:left;color:#c0e3ff;font-size:12px;line-height:30px;vertical-align:middle}
.footer .right span{margin:0 10px 0 0}
.footer .right a{
    color:#c0e3ff;
}
.index-row1{
    overflow: hidden;
    padding: 50px 0 0;
    margin-bottom: 35px;
}
.index-row1-l{
    float: left;
    width: 510px;
    margin-right: 40px;
}
.index-row1-l .ul-list1 + .g-tit1{
    margin-top: 20px;
}
.index-row1-r{
    overflow: hidden;
    margin-top: 8px;
}
.ul-list1{

}
.ul-list1 li{

}
.ul-list1 li a{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 37px;
    padding-left: 13px;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.ul-list1 li a span{float: right;}
.ul-list1 li a:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 2px;
    width: 4px;
    height: 4px;
    background: #D70805;
}
.ul-list1 li a:hover{
    color: #d70805;
}
.swiper-banner{
    position: relative;
    overflow: hidden;
}
.swiper-banner .swiper-slide{

}
.swiper-banner .pic{
    position: relative;
    padding-top: 65.65%;
}
.swiper-banner .pic img{
    position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}
.swiper-banner p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 52px;
    background: #383838;
    padding: 0 100px 0 22px;
    font-size: 16px;
    color: #ffffff;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.g-dots{
    position: absolute;
    bottom: 18px !important;
    right: 10px;
    width: auto !important;
    left: auto !important;
    z-index: 2;
    font-size: 0;
}
.g-dots .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    background: #E7E7E7;
    border-radius: 8px;
    opacity: 1;
    margin: 0 5px;
}
.g-dots .swiper-pagination-bullet-active{
    width: 25px !important;
    background: #2691E6;
}
.index-row2{
    display: flex;
    margin-bottom: 22px;
}
.index-row2 .title{
    position: relative;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 104px;
    height: 99px;
    line-height: 1.1;
    background: #FF9200;
    border-radius: 4px;
    font-size: 22px;
    color: #ffffff;
    margin-right: 53px;
    margin-top: 5px;
}
.index-row2 .title:after{
    content: '';
    position: absolute;
    left: 100%;
    bottom: 8px;
    width: 12px;
    height: 12px;
    background: url(../images/icon-sj2.png);
}
.index-row2 .more{
    flex: 0 0 100px;
    text-align: right;
    padding-right: 20px;
    line-height: 30px;
}
.ul-list2{
    overflow: hidden;
}
.ul-list2 li{
    float: left;
    width: 50%;
    margin-bottom: 15px;
    padding-right: 10px;
}
.ul-list2 .tit{
    display: block;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    font-size: 18px;
    line-height: 1.8;
}
.ul-list2 .date{
    color: #858585;
    line-height: 2;
}
.index-row2 .more,
.ul-list2 .tit:hover{
    color: #0166b6;
}
.index-row3{
    overflow: hidden;
    margin-bottom: 40px;
}
.index-row3-l{
    float: left;
    width: 370px;
    margin-right: 36px;
}
.index-row3-l .g-tit2{
    margin-bottom: 15px;
}
.index-row3-r{
    float: right;
    width: 370px;
}
.ul-list3{

}

.ul-list3 li + li{
    border-top: 1px dashed #DBDBDB;
}
.ul-list3 li a span{float: right;}
.ul-list3 li a{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 55px;
    padding-left: 13px;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.ul-list3 li a:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 2px;
    width: 4px;
    height: 4px;
    background: #0166B6;
}
.ul-list3-red li a:before{
    background-color: #D70805;
}
.ul-list3 li a:hover{
    color: #0166b6;
}
.ul-list3-red li a:hover{
    color: #d70805;
}
.index-row3-c{
    float: left;
    width: 490px;
}
.index-row4{
    overflow: hidden;
    margin-bottom: 45px;
}
.index-row4-l{
    float: left;
    width: 898px;
    margin-right: 30px;
}
.index-row4-l .box{
    padding: 6px 20px 0;
    background: rgba(236, 247, 255, 0.82);
    margin-top: 35px;
    height: 408px;
}
.tab-list1{
    display: flex;
    border-bottom: 1px solid #A4D2ED;
}
.tab-list1 li{
    margin-right: 50px;
}
.tab-list1 li a{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 3;
}
.tab-list1 li.on a{
    color: #0166b6;
}
.tab-list1 li.on a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 3px;
    background: #0166B6;
}
.index-row4-r{
    overflow: hidden;
    width: 372px;
    padding: 10px 20px 36px;
    background: rgba(236, 247, 255, 0.82);
}
.index-row4-r .title{
    position: relative;
    font-size: 18px;
    line-height: 3;
    color: #0166b6;
    padding: 0 3px;
    border-bottom: 1px solid #A4D2ED;
    margin-bottom: 29px;
}
.index-row4-r .title:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 119px;
    height: 3px;
    background: #0166B6;
}
.index-row4-r .con{
    overflow: hidden;
}
.index-row4-r .con a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    background: #FFFFFF;
}
.index-row4-r .con a img{
    max-width: 80%;
    max-height: 80%;
}
.index-row4-r .con a + a{
    margin-top: 14px;
}
.ul-list4{
    overflow: hidden;
    padding: 20px 0 15px;
    margin: 0 -10px;
}
.ul-list4 li{
    float: left;
    width: 50%;
    margin-bottom: 5px;
}
.ul-list4 li a{
    display: block;
    font-size: 18px;
    padding: 0 22px;
    line-height: 47px;
    margin: 0 10px;
    background-position: right 13px center;
}
.ul-list4 li a:hover{
    background-color: #2691E6;
    background-repeat: no-repeat;
    background-image: url(../images/icon-arrow.png);
    color: #ffffff;
}
.index-row5{
    overflow: hidden;
    margin-bottom: 60px;
}
.index-row5-l{
    float: left;
    width: 659px;
    margin-right: 40px;
    overflow: hidden;
}
.index-row5-r{
    overflow: hidden;
}
.index-row5-r .ul-list5 + .g-tit2{
    margin-top: 38px;
}
.ul-list5{
    overflow: hidden;
    background: rgba(236, 247, 255, 0.82);
    padding: 12px 20px 14px;
    margin: 25px -10px 0;
}
.ul-list5 li{
    float: left;
    width: 50%;
}
.ul-list5 li > a{
    display: block;
    font-size: 18px;
    line-height: 52px;
    margin: 0 10px;
    padding: 0 20px;
    background-repeat: no-repeat;
    background-position: right 13px center;
}
.ul-list5.h62{
    padding-bottom: 42px;
}
.ul-list5.h62 li{
    width: 43%;
}
.ul-list5.h62 li:nth-child(even){
    width: 57%;
}
.ul-list5.h62 li > a{
    margin-bottom: 10px;
}
.ul-list5 li .img-box{
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.ul-list5 li .img-box a img{
    margin-right: 12px;
}
.ul-list5 li > a:hover{
    background-color: #2691E6;
    background-image: url(../images/icon-arrow.png);
    color: #ffffff;
}
.index-row6{
    overflow: hidden;
    margin-bottom: 50px;
}
.index-row6-l{
    float: left;
    width: 469px;
    margin-right: 41px;
}
.index-row6-l .box{
    padding: 22px 36px 12px;
    background: #F6FBFF;
    border: 3px solid #ECF7FF;
}
.index-row6-l .box a{
    display: block;
    font-size: 18px;
    color: #ffffff;
    line-height: 62px;
    background: #2691E6;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    margin-bottom: 10px;
    text-align: center;
}
.index-row6-l .box a:hover{
    opacity: 0.9;
}
.index-row6-r{
    overflow: hidden;
}
.index-row7{
    overflow: hidden;
    margin-bottom: 35px;
}
.index-row7-l{
    float: left;
    width: 424px;
    margin-right: 40px;
}
.index-row7-l a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    background: #FFFFFF;
    border: 3px solid #ECF7FF;
    margin-bottom: 14px;
}
.index-row7-l a img{
    max-width: 80%;
    max-height: 80%;
}
.index-row7-r{
    overflow: hidden;
}
.index-row7-r .con{

}
.index-row7-r .con a{
    float: left;
    width: auto;
    font-size: 18px;
    line-height: 40px;
	padding-right: 20px;
}
.tab-list2{
    display: flex;
    justify-content: center;
    background: #0166B6;
    margin-bottom: 22px;
}
.index-row7-r .con a:hover{
    color: #0166b6;
}
.tab-list2 li{
    position: relative;
    margin: 0 11px;
}
.tab-list2 li + li:before{
    content: '';
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -17px;
    width: 1px;
    height: 34px;
    background: #D9EAF6;
}
.tab-list2 li a{
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 60px;
    color: #ffffff;
    /*padding: 0 18px;*/
}
.tab-list2 li a i{
    width: 12px;
    height: 7px;
    margin-left: 7px;
    background: url(../images/icon-sj.png) no-repeat center;
}
.tab-list2 li.on a{
    position: relative;
    background: #41A8F7;
}
.tab-list2 li.on a:after{
    content: '';
    position: absolute;
    bottom: -5px;
    height: 5px;
    left: 0;
    right: 0;
    background: #41A8F7;
}
.index-row7-r .con{
    padding: 0 0 0 20px;
    overflow: hidden;
}
.ul-list6{
    overflow: hidden;
    margin: 0 -16px;
    padding: 13px 0 0;
}
.ul-list6 li{
    float: left;
    width: 25%;
}
.ul-list6 li a{
    display: block;
    margin: 0 16px;
}
.ul-list6 .pic{
    position: relative;
    padding-top: 135.3%;
    border: 2px solid #EEEEEE;
    overflow: hidden;
}
.ul-list6 .pic img{
    position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}
.ul-list6 .pic:hover{
    transform-origin: bottom;
    -webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}