*{ margin:0; padding:0;}
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

body{  background:#fff; background-size:cover; font-size:12px; font-family: Arial,"微软雅黑"; line-height: 24px; color:#505050}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}

textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{ list-style-type:none;}
img{ border:0 none;}

a:link, a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#f00; text-decoration:none;}
a { outline:none; star:expression(this.onFocus=this.blur());}

a.white:link, a.white:visited{ color:#fff; text-decoration:none;}
a.white:hover,a.white:active{ color:#f00; text-decoration:none;}

.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

img{ max-width: 100%; max-height: 100%; padding: 0; margin: 0;vertical-align:top;}
.wrap{ width: 1220px; margin: 0 auto;}

.chinese{text-align: right; padding: 5px 0; float:right; width:540px;}
.chinese .change{ width: 130px;position: relative; height: 26px; line-height: 26px; float: right; font-size: 14px; cursor: pointer; text-align: left }
.chinese .change ul{ position: absolute; left: 0; top:26px; display: none;z-index: 99999; padding-bottom: 0!important;}
.chinese .change ul li{ height: 26px; line-height: 26px;}


.logo{ float: left; margin-right: 90px; margin-top:20px;}
.nav_list{ float: left;}
.nav_list>li{ float: left; position: relative; font-size: 16px; line-height: 36px; margin: 20px 10px 0; text-align: center; height: 46px;min-width:90px;}
.nav_list>li ul{background: rgba(4,42,126,0.5);position: absolute; top:46px; left: -10%; z-index: 999999; width: 120%;display: none}
.nav_list>li>a{ font-weight: bolder; color:#0073b3}
.nav_list>li>a:hover{color: #0f3986}
.nav_list>li ul a{ color: #fff;}
.nav_list>li ul li:hover{background: rgba(4,42,126,0.8);}
.nav_list>li.cur{ border-bottom: 2px solid #006fbc; height: 44px;}


.index1{ background: #fff; margin-top: -50px; height: 180px;box-shadow: 5px 5px 10px #ccc;z-index: 999999;position: relative;}
.index1 div{ float: left; width: 24%; text-align: center; margin: 60px 0; border-right:1px solid #ccc;}
.index1 div:hover{color:#0068b7}
.index1 .big{ font-size: 46px;position: relative}
.index1 .big span{position: absolute; right: -20px; top:0; font-size: 14px}
.index1 .text{display: block; margin-top: 10px;}

.index2{ text-align: center; font-size: 46px; line-height: 46px; height: 46px; padding: 90px 0; color: #000; border-bottom: 1px solid #ccc;}

.title{ font-size: 24px; padding: 50px 0; color: #515151}
.title_en{ font-size: 14px; margin-left: 10px; color: #929292}

.index_yun{ float: left; margin-left: 0px; position: relative; width:25%}
/*.index_yun img{ width:100%; height:100%}*/
.index_yun .zhe{ width: 100%; height: 100%;position: absolute; left: 0; top:0; color: #fff;}
.index_yun .zhe .title{color: #fff; padding: 60px 0 20px; font-size: 30px;}
.index_yun .zhe_color{background: rgba(0,61,143,0.6);}
.w20_per{ width:20%}
a.more{ border: 1px solid #013c83; font-size: 14px; color: #013c83; text-align: center; padding: 10px 20px; display: inline-block;}
.add_plus{ padding: 30px 0; font-size: 40px;}

.wrap_index_yun .index_yun{ height:300px;}
.wrap_index_yun .index_yun img{ width:100%; height:100%}

.index_yun_alert{ position: absolute;top:0; left:50%; margin-left: -310px; height: 420px; width: 620px; background: url(../images/index_hy_bg.jpg) center no-repeat; z-index: 9999; color: #fff; text-align: center; font-size: 14px; line-height: 28px; overflow: hidden;display: none }
.index_yun_alert .title{ color: #fff; padding-bottom: 30px;}
.index_yun_alert .round{ background: #042a7e; width: 80px; height: 60px; display: inline-block; border-radius: 40px; line-height: 20px; padding-top: 20px; margin: 30px 15px;}

.arrow-right{ width: 30px; height: 50px; background: #ccc; position: absolute; left: 20px; top:40%; color: #fff; line-height: 50px; text-align: center; font-size: 22px; z-index: 999999}
.arrow-left{ width: 30px; height: 50px; background: #ccc; position: absolute; right: 20px; top:40%; color: #fff; line-height: 50px; text-align: center; font-size: 22px; z-index: 999999}
.arrow-right:hover,.arrow-left:hover{ background: #02307b; cursor: pointer}


.arrow-right_banner{ width: 30px; height: 50px; background:rgba(255,255,255,0.2); position: absolute; left: 20px; top:40%; color: #fff; line-height: 50px; text-align: center; font-size: 22px; z-index: 999999}
.arrow-left_banner{ width: 30px; height: 50px; background:rgba(255,255,255,0.2);position: absolute; right: 20px; top:40%; color: #fff; line-height: 50px; text-align: center; font-size: 22px; z-index: 999999}
.arrow-right_banner:hover,.arrow-left_banner:hover{ background:rgba(255,255,255,0.5); cursor: pointer}


.bgf8{ background: #f8f8f8;min-width: 1220px}

.news_title{ font-size: 16px; line-height: 40px; margin-top: 10px; color: #000;padding: 0 10px;}
.news_jj{ font-size: 14px; color: #878787;padding: 0 10px;}
.swiper_news .swiper-slide{ background: #fff; padding-bottom: 30px;}

.foot{ height: 380px; background: url(../images/foot_bg.jpg); min-width: 1220px; color: #fff; padding-top: 80px; font-size: 14px; line-height: 32px;}
a.foot_more{ display: inline-block; border: 1px solid #ccc; padding: 0px 20px; color: #ccc; margin-top: 20px}

.location{ position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); height: 50px; line-height: 50px; color: #ccc}
.location img{ float: left; margin: 18px 5px 5px 0;}

.img_right,.img_left{ padding:40px 130px 0; font-size: 16px; line-height: 40px; }
.img_right .text,.img_left .text{ padding: 0 0 50px; width: 300px; float: left}
.img_right img{ float: right}
.img_left img{ float: left; margin-right: 50px}


.img_right2,.img_left2{ padding:40px 0px; font-size: 16px; line-height: 28px; }
.img_right2:hover,.img_left2:hover{ background: #f7f7f7}
.img_right2 .text{width: 590px; float: left; text-align: right; height:220px; }
.img_left2 .text{width: 560px; float: left;height:220px;}
.img_right2 img{ float: right; margin-left: 30px}
.img_left2 img{ float: left; margin-right: 30px}

.dao{ border-bottom: 2px solid #333; width: 50px;display: block; margin: 30px 0;}
.year{ font-size: 30px;}

.right{ float: right; width: 950px; margin-top: 40px;}
.right .title{color: #042a7d; line-height: 46px; height: 46px; margin: 0; padding: 0}
.left{ float: left; width:235px; margin-top: 40px; }
.left a{display: block; height: 46px; line-height: 46px; padding-left: 20px; background: #e9e9e9; font-size: 14px; margin-bottom: 5px;}
.left a span{ float: right; margin-right: 20px;}
.left a.cur{ background: #042a7d; color: #fff}

.message_input{ width: 95%; height: 46px; line-height: 46px; background: #fff; border: 1px solid #ccc; padding-left: 5%}
.submit{ color: #fff; background: #042a7e; margin: 50px auto; padding: 10px 35px; border: 0; margin-left: 590px;}


.tsfw{ float: left; width: 600px; margin: 10px 10px 10px 0;}
.tsfw .text{background: #fff; height: 160px; padding: 10px; width: 275px; float: left}
.tsfw .text .title{ font-size: 16px; font-weight: bolder; margin: 15px 0; padding:0;display: block}

.title3{ font-size: 28px; font-weight: bolder; color: #014598; line-height: 50px; text-align: center; margin-bottom: 15px;}

.hytd li{ width: 353px; margin: 10px; float: left; border: 1px solid #fff; padding: 15px;}
.hytd li .tit{ text-align: center}
.hytd li .icon{ width: 50px; height: 56px; display: block; margin: 0 auto; background: url(../images/s.jpg)}
.hytd li:hover .icon{ background: url(../images/s_cur.jpg)}
.hytd li:hover{ border: 1px solid #014598;}

div.digg{padding:3px;margin:3px;text-align:center}
div.digg a{border:#042a7d 1px solid;padding:2px 5px;margin:2px;color:#042a7d;text-decoration:none}
div.digg a:hover{border:#042a7d 1px solid;color:#000;}
div.digg a:active{border:#042a7d 1px solid;color:#000;}
div.digg span.current{border:solid 1px #042a7d;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#042a7d;}
div.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}

.news{ background: #fff; padding: 15px; margin-bottom: 15px;}
.news img{ float: left; margin-right: 50px;}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 70px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #0068be;
}


.bar{position: fixed; right: 0; top: 40%; width:60px; height: 242px; z-index: 999999}
.bar a{ position: relative; width: 60px; height: 60px;display: block; background-image: url(../images/r1.jpg)}
.bar_qq{ background-position: 0 0;}
.bar_wechat{ background-position: 0 -60px;}
.bar_tel{ background-position: 0 -120px;}
.bar_top{ background-position: 0 -180px;}
.bar_qq:hover,.bar_wechat:hover,.bar_tel:hover{background-image: url(../images/r.jpg)}
.bar a div{ background: #5e5e5e; height: 60px; width: 150px; left: -150px; top:0;display: none;position: absolute; font-size: 16px; text-align: center; color: #fff; line-height: 60px;}
.bar_qq:hover div,.bar_wechat:hover div,.bar_tel:hover div{display: block}