body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video
{
margin: 0;
padding: 0;
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video
{
display: block;
}
body
{
font-size: 100%;
font-family: arial,Helvetica,STHeiti,Droid Sans Fallback;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
background-color: #fff;
}
textarea
{
resize: none;
}
iframe, img
{
border: 0;
}
ul, ol
{
list-style: none;
}
input, select, textarea
{
outline: 0;
-webkit-user-modify: read-write-plaintext-only;
}
a
{
text-decoration: none;
color: #666;
}
a:hover
{
text-decoration: underline;
color: #0064b2;
}
.clearfix
{
clear: both;
zoom: 1;
}
.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
::-webkit-scrollbar
{
width: 5px;
height: 5px;
}
::-webkit-scrollbar-button:vertical
{
display: none;
}
::-webkit-scrollbar-track:vertical
{
background-color: #000;
}
::-webkit-scrollbar-track-piece
{
background: #fff;
}
::-webkit-scrollbar-thumb:vertical
{
background-color: #c2c2c2;
}
::-webkit-scrollbar-thumb:vertical:hover
{
background-color: #a0a0a0;
}
::-webkit-scrollbar-corner:vertical
{
background-color: #535353;
}
::-webkit-scrollbar-resizer:vertical
{
background-color: #ff6e00;
}
::selection
{
background: #0064b2;
color: #fff;
}
::-moz-selection
{
background: #0064b2;
color: #fff;
}
.wrapper
{
width: 1200px;
margin: 0 auto;
}
.topbar
{
line-height: 40px;
height: 40px;
background-color: #f8f8f8;
border-bottom: 1px solid #dedede;
font-size: 12px;
color: #999;
}
.topbar .fl strong
{
color: #007cc4;
font-weight: normal;
margin: 0 4px;
}
.topbar .fl .wao
{
display: none;
}
.topbar .fr
{
border-right: 1px solid #dedede;
}
.topbar .fr .btn
{
color: #999;
text-decoration: none;
display: block;
float: left;
padding: 0 20px;
border-left: 1px solid #dedede;
-webkit-transition: all .2s;
transition: all .2s;
}
.topbar .fr .btn:hover
{
color: #fff;
background: #007cc4;
}
.header
{
height: 90px;
}
.header .logo
{
float: left;
}
.header .logo a
{
display: block;
padding: 15px 0;
width: 100%;
}
.header .logo img
{
display: block;
width: 100%;
}
.header .nav
{
float: right;
padding: 15px 0;
}
.header .nav .nli
{
float: left;
position: relative;
}
.header .nav .nli .na
{
display: block;
padding: 0 20px;
text-decoration: none;
font-size: 16px;
line-height: 60px;
position: relative;
}
.header .nav .nli .na:after
{
display: block;
content: '';
width: 0;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .2s;
transition: all .2s;
}
.header .nav .nli:hover .na:after
{
width: 100%;
background: #007cc4;
}
.bannerslide .swiper-slide
{
background-position: center;
background-size: cover;
position: relative;
height: 600px;
}
.paginationw
{
position: absolute;
left: 0;
text-align: center;
bottom: 10px!important;
width: 100%;
z-index: 9;
}
.swiper-pagination-bullet
{
background: #fff;
}
.swiper-pagination-bullet-active
{
background: #007bba;
}
.comtitle
{
text-align: center;
margin-bottom: 40px;
}
.comtitle .en
{
color: #007bba;
font-size: 20px;
text-transform: uppercase;
}
.comtitle .cn
{
color: #333;
font-size: 28px;
}
.comtitle .txt
{
font-size: 14px;
padding-top: 20px;
margin-top: 20px;
line-height: 1.6;
color: #999;
position: relative;
}
.comtitle .txt:before
{
content: '';
display: block;
width: 50px;
height: 4px;
top: -2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #007bba;
position: absolute;
}
.combtn
{
margin-top: 40px;
text-align: center;
}
.combtn a
{
display: inline-block;
padding: 0 40px;
font-size: 12px;
line-height: 36px;
border: 2px solid #007bba;
text-decoration: none;
border-radius: 30px;
color: #007bba;
-webkit-transition: all .2s;
transition: all .2s;
}
.combtn a:hover
{
color: #fff;
background-color: #007bba;
box-shadow: 0 0 20px rgba(0,123,186,.6);
}
.homebox01
{
padding: 50px 0;
}
.homebox01 .list .item
{
width: 18.4%;
float: left;
margin-right: 2%;
}
.homebox01 .list .item:nth-child(5n)
{
margin-right: 0;
}
.homebox01 .list .item .img
{
width: 100%;
}
.homebox01 .list .item .img a
{
display: block;
width: 100%;
padding: 10px;
border: 2px solid #dedede;
background: #fff;
box-sizing: border-box;
-webkit-transition: all .2s;
transition: all .2s;
}
.homebox01 .list .item:hover .img a
{
border-color: #007bba;
-webkit-transform: translateY(5px);
transform: translateY(5px);
box-shadow: 0 0 20px rgba(0,123,186,.1);
}
.homebox01 .list .item .img img
{
display: block;
width: 100%;
}
.homebox02
{
padding: 50px 0;
background: url(../image/section-bg-2.jpg) no-repeat center;
background-size: cover;
}
.homebox02 .comtitle .en, .homebox02 .comtitle .cn, .homebox02 .comtitle .txt
{
color: #fff;
}
.homebox02 .comtitle .txt:before
{
background: #fff;
}
.homebox02 .list .item
{
width: 32%;
float: left;
margin-right: 2%;
background: #fff;
border-radius: 9px;
padding: 20px;
box-sizing: border-box;
-webkit-transition: all .2s;
transition: all .2s;
}
.homebox02 .list .item:hover
{
-webkit-transform: translateY(2px);
transform: translateY(2px);
box-shadow: 0 0 20px rgba(0,123,186,.1);
}
.homebox02 .list .item:nth-child(3n)
{
margin-right: 0;
}
.homebox02 .list .item a
{
text-decoration: none;
}
.homebox02 .list .item .tip
{
font-size: 12px;
line-height: 30px;
}
.homebox02 .list .item .tip a
{
color: #999;
}
.homebox02 .list .item .tit
{
font-size: 16px;
line-height: 30px;
margin-bottom: 10px;
height: 30px;
overflow: hidden;
}
.homebox02 .list .item .tit a
{
color: #007bba;
font-weight: bold;
}
.homebox02 .list .item .txt
{
font-size: 12px;
line-height: 20px;
height: 60px;
overflow: hidden;
color: #666;
}
.homebox02 .list .item .btn
{
margin-top: 20px;
text-align: left;
}
.homebox02 .list .item .btn a
{
font-size: 12px;
line-height: 30px;
border: 1px solid #007bba;
color: #007bba;
display: inline-block;
padding: 0 20px;
border-radius: 20px;
-webkit-transition: all .2s;
transition: all .2s;
}
.homebox02 .list .item .btn a:hover
{
color: #fff;
background: #007bba;
}
.homebox02 .combtn a
{
border: 2px solid #fff;
color: #fff;
}
.homebox02 .combtn a:hover
{
color: #007bba;
background-color: #fff;
}
.homebox03
{
padding: 50px 0;
}
.homebox03 .list .item
{
width: 18.4%;
float: left;
margin-right: 2%;
border: 2px solid #dedede;
-webkit-transition: all .2s;
transition: all .2s;
box-sizing: border-box;
}
.homebox03 .list .item:hover
{
border-color: #007bba;
-webkit-transform: translateY(2px);
transform: translateY(2px);
box-shadow: 0 0 20px rgba(0,123,186,.1);
}
.homebox03 .list .item:nth-child(5n)
{
margin-right: 0;
}
.homebox03 .list .item .img
{
width: 100%;
}
.homebox03 .list .item .img a
{
display: block;
width: 100%;
}
.homebox03 .list .item .img img
{
display: block;
width: 100%;
}
.homebox03 .list .item .inf
{
padding: 15px;
}
.homebox03 .list .item .inf .tit
{
font-size: 15px;
color: #007bba;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.homebox03 .list .item .inf .tit a
{
color: #007bba;
text-decoration: none;
}
.homebox03 .list .item .inf .txt
{
color: #666;
font-size: 12px;
line-height: 20px;
height: 60px;
overflow: hidden;
margin: 10px 0;
}
.homebox03 .list .item .inf .btn a
{
display: block;
line-height: 36px;
font-size: 12px;
background: #dedede;
color: #999;
text-decoration: none;
text-align: center;
-webkit-transition: all .2s;
transition: all .2s;
}
.homebox03 .list .item:hover .inf .btn a
{
background: #007bba;
color: #fff;
}
.homebox03 .list .item .inf .btn a:hover
{
opacity: .8;
}
.homebox04
{
padding: 0 0 50px;
}
.homebox04 .item
{
width: 50%;
float: left;
background: url(../image/hb04bg01.jpg) no-repeat center;
background-size: cover;
color: #fff;
height: 290px;
padding: 25px 30px;
box-sizing: border-box;
border-right: 1px solid #fff;
}
.homebox04 .item:last-child
{
background-image: url(../image/hb04bg02.jpg);
border-left: 1px solid #fff;
border-right: 0;
}
.homebox04 .item .hd
{
font-size: 18px;
margin-top: 10px;
}
.homebox04 .item .bd
{
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
.homebox04 .item .btn
{
margin-top: 5px;
}
.homebox04 .item .btn a
{
color: #fff;
}
.footer
{
background: #333;
color: #fff;
font-size: 14px;
padding: 30px 0;
text-align: center;
}
.footer .footnav
{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #666;
}
.footer .footnav a
{
color: #fff;
opacity: .6;
}
.footer .footnav a:hover
{
opacity: 1;
}
.footer .footnav .split
{
margin: 0 10px;
opacity: .2;
}
.footer .footwrap
{
opacity: .6;
}
.inwrap
{
background: #f5f7f9;
overflow: hidden;
padding: 30px 0;
}
.inbanner
{
height: 200px;
background: url(../image/inbanner.jpg) no-repeat center;
}
.side
{
float: left;
background: #f9f9f9;
width: 260px;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 2px 30px rgba(0,0,0,.1);
}
.main
{
margin: 0 0 0 280px;
background: #fff;
box-sizing: border-box;
box-shadow: 2px 2px 30px rgba(0,0,0,.1);
border-radius: 10px;
}
.sidebox .hd
{
background: #0064b2;
color: #fff;
line-height: 30px;
padding: 10px 20px;
font-size: 18px;
}
.sidebox .bd img
{
display: block;
width: 100%;
}
.sidebox .sul
{
padding: 5px 0 20px;
}
.sidebox .sul .sli
{
line-height: 20px;
font-size: 14px;
border-bottom: 1px dashed #dedede;
}
.sidebox .sul .sli .sa
{
font-size: 14px;
text-decoration: none;
display: block;
padding: 6px 20px;
border-left: 3px solid #f5f5f5;
height: 20px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all .2s;
transition: all .2s;
}
.sidebox .sul .sli .sa:hover, .sidebox .sul .sli.on .sa
{
background: #fff;
border-left: 3px solid #0064b2;
font-weight: bold;
color: #0064b2;
}
.sidebox .con
{
font-size: 13px;
line-height: 1.8;
color: #666;
padding: 10px 20px;
}
.sidebox .con p
{
margin-bottom: 5px;
}
.sidebox .con p strong
{
color: #0064b2;
font-size: 14px;
}
.mainbox
{
padding: 40px 40px;
overflow: hidden;
}
.mainbox .hd
{
height: 20px;
border-bottom: 1px solid #dedede;
margin-bottom: 60px;
}
.mainbox .hd h1
{
float: left;
background: #fff;
line-height: 40px;
font-weight: normal;
color: #39424b;
padding-right: 20px;
font-size: 30px;
}
.mainbox .now
{
float: right;
background: #fff;
line-height: 40px;
color: #999;
padding-left: 10px;
font-size: 12px;
}
.mainbox .now .split
{
margin: 0 4px;
font-family: simsun;
}
.mainbox .now a
{
color: #999;
}
.mainbox .now a:hover
{
color: #0064b2;
}
.mainbox .bd
{
font-size: 16px;
line-height: 30px;
color: #333;
word-wrap: break-word;
}
.mainbox .bd img
{
max-width: 100%;
}
.mainbox .bd p
{
margin-bottom: 20px;
}
.mainbox .bd h3
{
font-size: 18px;
font-weight: normal;
background: linear-gradient(to right,#027cdb,#0064b2);
color: #fff;
line-height: 30px;
padding: 5px 20px;
border-radius: 20px 0 20px 0;
margin-bottom: 20px;
margin-top: 40px;
}
.newslist .item
{
width: 49%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
box-sizing: border-box;
border: 1px solid #dedede;
-webkit-transition: all .4s;
transition: all .4s;
background: #fff;
padding: 30px;
}
.newslist .item:nth-child(2n)
{
margin-right: 0;
}
.newslist .item:hover
{
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
box-shadow: 0 15px 30px rgba(0,0,0,.1);
-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.newslist .item .time
{
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
color: #999;
}
.newslist .item .time .split
{
margin: 0 10px;
color: #ccc;
}
.newslist .item .name
{
font-size: 18px;
line-height: 28px;
margin-bottom: 25px;
height: 28px;
overflow: hidden;
}
.newslist .item .name a
{
color: #111;
}
.newslist .item .name a:hover
{
color: #ef3320;
}
.newslist .item .text
{
color: #777;
font-size: 14px;
line-height: 24px;
height: 72px;
overflow: hidden;
margin-bottom: 16px;
}
.newslist .item .link
{
overflow: hidden;
margin-bottom: -12px;
}
.newslist .item .link a
{
width: 24px;
height: 24px;
display: block;
background: url(../image/hb01img01s.png) no-repeat center;
float: left;
}
.newslist .item .link a.l02
{
float: right;
background-image: url(../image/hb01img02s.png);
}
.newstitle
{
font-size: 26px;
text-align: center;
line-height: 30px;
font-family: microsoft yahei;
margin-bottom: 5px;
}
.newsinfo
{
font-size: 12px;
text-align: center;
line-height: 30px;
color: #999;
font-family: microsoft yahei;
}
.newsinfo .author, .newsinfo .time
{
margin: 0 5px;
}
.newsmaincon
{
margin: 20px 0;
font-family: microsoft yahei;
}
.newsmaincon img
{
max-width: 100%;
}
.newsmaincon h3
{
font-size: 18px;
font-weight: normal;
background: linear-gradient(to right,rgba(234,0,0,1),rgba(255,51,0,1));
color: #fff;
line-height: 30px;
padding: 5px 20px;
border-radius: 20px;
margin-bottom: 20px;
margin-top: 40px;
}
.newsmaincon .dou
{
margin-bottom: 20px;
}
.newsmaincon .dou02
{
overflow: hidden;
}
.newsmaincon .dou02 li
{
width: 50%;
float: left;
}
.newsmaincon .dou li:before
{
content: '·';
color: #ef3320;
font-weight: bold;
margin-right: 10px;
}
.newsbackline
{
height: 30px;
line-height: 30px;
border-top: 1px solid #dedede;
padding-top: 10px;
margin: 30px 0 50px;
}
.newsbackline ul
{
width: 100%;
}
.newsbackline ul li
{
width: 33.333333%;
float: left;
text-align: center;
display: block;
height: 33px;
}
.newsbackline ul li a
{
display: inline-block;
width: 120px;
border-width: 1px;
border-style: solid;
border-color: #dedede;
text-decoration: none;
color: #666;
font-size: 12px;
}
.newsbackline ul li a:hover
{
border-color: #323e4a;
color: #323e4a;
}
.newsbackline ul li.prev
{
text-align: left;
}
.newsbackline ul li.prev a
{
text-align: center;
}
.newsbackline ul li.next
{
text-align: right;
}
.newsbackline ul li.next a
{
text-align: center;
}
.honorlist .hli
{
width: 23.5%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
}
.honorlist .hli:nth-child(4n)
{
margin-right: 0;
}
.honorlist .hli a
{
display: block;
text-decoration: none;
font-size: 14px;
}
.honorlist .hli a .img
{
display: block;
padding: 6px;
border: 2px solid #dedede;
-webkit-transition: all .2s;
transition: all .2s;
}
.honorlist .hli a:hover .img
{
border: 2px solid #0064b2;
}
.honorlist .hli a .img img
{
display: block;
width: 100%;
}
.honorlist .hli a .tit
{
line-height: 24px;
height: 24px;
padding: 5px 10px;
display: block;
overflow: hidden;
text-align: center;
}
.prolist .item
{
width: 32%;
float: left;
margin-right: 2%;
border: 2px solid #dedede;
-webkit-transition: all .2s;
transition: all .2s;
box-sizing: border-box;
margin-bottom: 20px;
}
.prolist .item:hover
{
border-color: #007bba;
-webkit-transform: translateY(2px);
transform: translateY(2px);
box-shadow: 0 0 20px rgba(0,123,186,.1);
}
.prolist .item:nth-child(3n)
{
margin-right: 0;
}
.prolist .item .img
{
width: 100%;
}
.prolist .item .img a
{
display: block;
width: 100%;
}
.prolist .item .img img
{
display: block;
width: 100%;
}
.prolist .item .inf
{
padding: 15px;
}
.prolist .item .inf .tit
{
font-size: 15px;
color: #007bba;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.prolist .item .inf .tit a
{
color: #007bba;
text-decoration: none;
}
.prolist .item .inf .txt
{
color: #666;
font-size: 12px;
line-height: 20px;
height: 60px;
overflow: hidden;
margin: 10px 0;
}
.prolist .item .inf .btn a
{
display: block;
line-height: 36px;
font-size: 12px;
background: #dedede;
color: #999;
text-decoration: none;
text-align: center;
-webkit-transition: all .2s;
transition: all .2s;
}
.prolist .item:hover .inf .btn a
{
background: #007bba;
color: #fff;
}
.prolist .item .inf .btn a:hover
{
opacity: .8;
}
.shuaitable
{
width: 100%;
margin-bottom: 20px;
color: #333;
}
.shuaitable th
{
font-size: 12px;
line-height: 22px;
padding: 5px 10px;
background: #f5f5f5;
}
.shuaitable td
{
font-size: 12px;
line-height: 22px;
padding: 5px 10px;
}
.shuaitable.shuaitablecen td
{
text-align: center;
}
.shuaitable tr:nth-child(2n) td
{
background: #f1f1f1;
}
@media(max-width: 1200px)
{
.wrapper
{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
}
@media(max-width: 800px)
{
.topbar .fl
{
float: none;
width: 100%;
text-align: center;
}
.topbar .fl .wao
{
display: inline-block;
}
.topbar .fl .wao a
{
color: #007cc4;
}
.topbar .fl .waox
{
display: none;
}
.topbar .fr
{
display: none;
}
.header .logo
{
float: none;
width: 100%;
}
.header
{
height: auto;
}
.header .nav
{
float: none;
background: #f8f8f8;
margin: 0 -20px;
border-top: 1px solid #dedede;
padding: 10px 0;
}
.header .nav .nul
{
overflow: hidden;
}
.header .nav .nli
{
width: 33.3333333%;
}
.header .nav .nli .na
{
padding: 0;
text-align: center;
line-height: 30px;
font-size: 14px;
}
.bannerslide .swiper-slide
{
height: 200px;
}
.homebox03
{
padding: 30px 0;
}
.comtitle
{
margin-bottom: 20px;
}
.comtitle .en
{
font-size: 12px;
}
.comtitle .cn
{
font-size: 24px;
}
.comtitle .txt
{
font-size: 12px;
}
.comtitle .txt br
{
display: none;
}
.homebox03 .list .item
{
width: 49%;
margin-bottom: 10px;
}
.homebox03 .list .item:nth-child(2n)
{
margin-right: 0;
}
.combtn
{
margin-top: 10px;
}
.homebox02 .list .item
{
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.homebox01 .list .item
{
width: 49%;
margin-bottom: 10px;
}
.homebox01 .list .item:nth-child(2n)
{
margin-right: 0;
}
.homebox04 .item
{
width: 100%;
height: auto;
}
.inbanner
{
height: 80px;
background-size: cover;
}
.side
{
float: none;
width: 100%;
}
.sidebox .sul
{
overflow: hidden;
padding: 0;
}
.sidebox .sul .sli
{
width: 50%;
float: left;
}
.sidebox:last-child
{
display: none;
}
.main
{
margin-left: 0;
margin-top: 20px;
}
.mainbox .now
{
display: none;
}
.mainbox .hd h1
{
font-size: 24px;
}
.mainbox
{
padding: 20px;
}
.mainbox .hd
{
margin-bottom: 30px;
}
.newsbackline ul li a
{
width: 100%;
}
.newslist .item
{
width: 100%;
margin: 0 0 10px;
float: none;
padding: 20px;
}
.honorlist .hli
{
width: 49%;
margin-bottom: 10px;
}
.honorlist .hli:nth-child(2n)
{
margin-right: 0;
}
.newsmaincon
{
overflow-x: auto;
}
.prolist .item
{
width: 49%;
margin-bottom: 10px;
}
.prolist .item:nth-child(2n)
{
margin-right: 0;
}
}