/*@charset "UTF-8";*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none;}
html,body{*position:static;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration: none!important;color: #666;-o-transition: .2s ease;-moz-transition: .2s ease;-webkit-transition: .2s ease;transition: .2s ease;}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea ,select { resize:none;outline: none;}
input[type="submit"],input[type="button"]{ cursor:pointer;}
/*img*/
img{border:0;vertical-align:middle;display: inline-block;max-width: 100%;}
a img,img{-ms-interpolation-mode:bicubic;}
.img-responsive{max-width: 100%;height: auto;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5;}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden;}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
a{text-decoration:none; color:#666}
a:hover{text-decoration:none;}
body,th,td,button,input,select,textarea{ font-family: "Microsoft YaHei";-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;border: none;}
body{line-height:1.6;font-family: "Microsoft YaHei";font-size: 14px;width: 100%;margin: 0 auto;color: #666666;background: #FFFFFF;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1;}
.ib{display:inline-block;*display:inline;*zoom:1; vertical-align:middle;}
.hide{display: none;}
.show{display: block;}
/*清浮*/
.g-cf:after { content:""; clear:both; display:table; }
.g-cf { zoom:1; }
::-webkit-input-placeholder { /* WebKit browsers */
color: #999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999999;
}
.container{
width: 80%;
padding: 0;
}
/*--------------header----------------*/
.header1{
background: #f5f5f5;
}
.header2{
background: #FFFFFF;
}
.hd_con{
height: 44px;
position: relative;
}
.hd_con p {
line-height: 44px;
}
.hd_r{
position: absolute;
right: 0;
top: 0;
}
.hd_r > * {
display: inline-block;
}
.hd_r a {
display: inline-block;
}
.login{
height: 44px;
padding-top: 8px;
padding-right: 20px;
border-right: 1px solid #e7e7e7;
}
.login a{
color: #0c53b0;
padding: 0 10px;
line-height: 28px;
}
.login a:first-child{
background: #0c53b0;
color: #FFFFFF;
border-radius: 4px;
}
.lang{
padding: 0 20px;
}
.lang a{
color: #666666;
padding: 0 4px;
}
.header2 .container{
position: relative;
}
.header2 .logo{
position: absolute;
left: 0;
top: 16px;
}
.naver{
float: right;
}
.naver ul{
text-align: right;
font-size: 0;
}
.naver ul li {
padding: 0 30px;
display: inline-block;
position: relative;
}
.naver ul li:nth-child(2){
padding: 0 25px;
}
.naver ul li a{
display: inline-block;
width: 100px;
text-align: center;
padding: 25px 0;
color: #333333;
font-size: 16px;
line-height: 26px;
}
.s_nav{
position: absolute;
width: 150%;
left: -38px;
top: 76px;
z-index: 1000;
display: none;
}
.s_nav dl dd{
margin-bottom: 1px;
}
.s_nav dl dd a{
display: block;
width: 100%;
line-height: 40px;
padding: 0;
color: #fff;
background: rgba(0,0,0,0.9);
}
.naver ul li a.active ,
.naver ul li a:hover {
color: #FFFFFF;
background: #0c53b0;
}
.s_nav dl dd a:hover {
background: rgba(12,83,176,0.9);
}
/*-------banner--------*/
.banner .item a{
display: block;
width: 100%;
height: 450px;
background-size: cover !important;
background-position: center;
}
.banner ol {
bottom: 50px;
}
.banner ol li {
margin: 0 8px;
width: 12px;
height: 12px;
background: rgba(255,255,255,0.4);
border: none;
}
.banner ol li.active{
height: 12px;
width: 12px;
background: rgba(255,255,255,1);
margin: 0 8px;
}
.form1{
margin-top: -30px;
border-radius: 6px;
padding: 30px 40px;
box-shadow: 0 6px 30px rgba(0,0,0,0.08);
position: relative;
background: #FFFFFF;
z-index: 101;
}
.form1 .form_group {
margin-bottom: 15px;
}
.f_ld{
position: relative;
width: 373px;
}
.f_ld > img {
position: absolute;
right: 15px;
top: 16px;
width: 15px
}
.s_group {
width: 50%;
float: left;
text-align: right;
}
.s_group > * {
display: inline-block;
vertical-align: middle;
}
.form1 .form_group span{
display: inline-block;
color: #4e4d4d;
font-size: 15px;
font-weight: bold;
line-height: 36px;
margin-right: 20px;
text-align: right;
width: 166px;
}
.f_ld input{
width: 100%;
line-height: 36px;
border: 1px solid #dbdbdb;
padding: 0 10px;
color: #333333;
}
.menu{
position: absolute;
right: 0;
top: 38px;
width: 100%;
text-align: left;
z-index: 101;
border: 1px solid #dbdbdb;
border-top: none;
display: none;
}
.menu ul li{
position: relative;
font-size: 16px;
background: #fff;
border-bottom: 1px solid #DBDBDB;
}
.menu ul li:last-child{
border-bottom: none;
}
.menu ul li a{
line-height: 36px;
color: #333333;
display: block;
width: 100%;
padding: 0 10px;
cursor: pointer;
}
.s_menu{
border-top: 1px solid #DBDBDB;
display: none;
max-height: 200px;
overflow: scroll;
}
.s_menu dl dd {
line-height: 36px;
padding: 0 20px;
color: #333333;
cursor: pointer;
}
.yon{
display: inline-block;
vertical-align: middle;
}
.radio_check{
display: inline-block;
position: relative;
vertical-align: top;
width: 60px;
height: 38px;
}
.yon1 .radio_check{
width: 80px;
}
.radio_check input {
position: absolute;
left: 5px;
top: 8px;
width: 14px;
height: 14px;
opacity: 0;
z-index: 10;
}
.radio_check > label {
position: absolute;
left: 25px;
line-height: 38px;
top: 0;
font-weight: normal;
margin: 0;
}
.radio_check > label:before {
content: '';
position: absolute;
left: -20px;
top: 11px;
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid #ddd;
}
.radio_check > label:after {
content: '';
position: absolute;
left: -16px;
top: 15px;
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #cccccc;
}
.radio_check input[type='radio']:checked + label:before {
border-color: #0c53b0;
}
.radio_check input[type='radio']:checked + label:after {
background: #0c53b0;
}
.form1 .form_group1 .keywords {
width: 825px;
line-height: 36px;
border: 1px solid #dbdbdb;
padding: 0 10px;
color: #333333;
margin-right: 16px;
margin-left: 0px;
}
.form1 .form_group1 .button{
padding: 0 12px;
line-height: 32px;
color: #FFFFFF;
border-radius: 30px;
background: #0c53b0;
}
.index_news{
margin-top: 35px;
}
.index_news .title {
position: relative;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 12px;
}
.index_news .title h1 {
font-size: 18px;
color: #333333;
line-height: 38px;
padding-left: 40px;
background: url(../images/icon1.png) no-repeat left center;
}
.index_news .title a{
position: absolute;
right: 0;
top: 10px;
color: #333333;
font-size: 12px;
}
.news_list1 ul{
overflow: hidden;
}
.news_list1 ul li{
width: 215px;
float: left;
margin-right: 31px;
}
.news_list1 ul li:nth-child(5n){
margin-right: 0;
}
.news_list1 ul li h2{
line-height: 34px;
color: #333333;
font-weight: bold;
font-size: 14px;
}
.news_list1 ul li h2 a{
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333333;
padding: 0 15px;
border-bottom: 1px dashed #e5e5e5;
background: url(../images/icon2.png) no-repeat left center;
}
.news_list1 ul li .txt{
color: #787878;
font-size: 13px;
max-height: 44px;
overflow: hidden;
line-height: 22px;
}
.news_list1 ul li h2 a:hover {
background: url(../images/icon2x.png) no-repeat left center;
color: #0c53b0;
}
.index_area1{
margin-bottom: 115px;
}
/*--------footer---------*/
.footer{
background: #2b2b2b;
}
.footer_con{
padding: 40px 0 70px 0;
}
.f_nav ul{
text-align: right;
}
.f_nav ul li{
display: inline-block;
margin: 0 4%;
}
.f_nav ul li a{
display: block;
font-size: 16px;
color: #CCCCCC;
}
.f_nav ul li a:hover {
color: #FFFFFF;
}
.f_item1 {
overflow: hidden;
margin-top: 50px;
}
.f_ewm {
width: 14%;
float: left;
text-align: center;
}
.f_ewm p {
font-size: 16px;
color: #026ed2;
font-weight: bold;
padding-top: 5px;
}
.f_sc {
float: right;
width: 80%;
}
.f_sc ul {
text-align: right;
padding-top: 30px;
}
.f_sc ul li {
display: inline-block;
width: 26%;
margin-right: 8%;
text-align: left;
cursor: pointer;
}
.f_sc ul li:last-child {
margin-right: 0;
}
.f_sc ul li .tit {
position: relative;
}
.f_sc ul li .tit h2 {
color: #838383;
font-size: 14px;
font-weight: normal;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.f_sc ul li .tit h2 span {
font-size: 18px;
display: inline-block;
padding-bottom: 5px;
}
.f_sc ul li .tit i {
position: absolute;
right: 5%;
top: 0;
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #626262;
color: #999999;
border-radius: 50px;
text-align: center;
line-height: 40px;
font-size: 22px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.f_sc ul li h3 {
font-size: 14px;
color: #838383;
padding: 40px 0;
font-weight: normal;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.f_sc ul li .line {
width: 26px;
height: 2px;
background: #666666;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.f_sc ul li:hover .tit h2 {
color: #026ed2;
}
.f_sc ul li:hover .tit i{
color: #fff;
background: #026ed2;
border-color: #026ed2;
}
.f_sc ul li:hover .line {
width: 80%;
background: #026ed2;
}
.f_sc ul li:hover h3{
color: #026ed2;
}
.f_copy {
border-top: 1px solid #3b3b3b;
}
.f_copy .container {
text-align: center;
padding: 25px 10px;
color: #999999;
}
.banner1{
min-width: 1200px;
}
.banner1 a{
display: block;
width: 100%;
height: 450px;
background-size: cover !important;
background-position: center;
}
/*----------å¹³å°æœÂ务---------------*/
.ny_left{
width: 280px;
float: left;
margin-top: -120px;
}
.ny_right{
width:68%;
float: right;
margin-top: 20px;
}
.ny_left .title {
background: #0A53AF;
color: #FFFFFF;
padding: 26px 0 26px 35px;
position: relative;
z-index: 10;
}
.ny_left .title h1 {
font-size: 26px;
padding-bottom: 16px;
font-family: "times new roman";
}
.ny_left .title h2 {
font-size: 22px;
font-weight: bold;
}
.ny_nav ul li{
margin-top: 1px;
background: #f3f3f3;
}
.ny_nav ul li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
width: 100%;
line-height: 60px;
font-size: 16px;
color: #868686;
border-left: 6px solid #f3f3f3;
padding-left: 30px;
padding-right: 10px;
}
.ny_nav ul li a.active ,
.ny_nav ul li a:hover {
background: #0A53AF url(../images/icon4.png) no-repeat 248px center;
color: #ffffff;
border-left-color: #003f7d;
}
.crumbs{
text-align: right;
padding: 8px 0;
border-bottom: 1px solid #E2E2E2;
margin-bottom: 30px;
}
.crumbs a {
display: inline-block;
color: #333;
}
.ny_info1 .txt {
text-align: justify;
line-height: 40px;
font-size: 16px;
}
.ny_content{
margin-bottom: 20px;
}
.news_list2{
padding-top: 70px;
}
.news_list2 ul li {
/*margin-bottom: 30px;*/
}
.news_list2 ul li a{
display: block;
width: 100%;
padding: 0 55px 0 32px;
background: #fbfbfb;
overflow: hidden;
}
.news_img1{
width: 310px;
float: left;
height: 156px;
background-size: cover !important;
background-position: center;
}
.news_right{
width: 770px;
float: right;
position: relative;
/*padding-top: 25px;*/
}
.news_info1{
width: 560px;
}
.news_info1 h2{
font-size: 20px;
color: #333333;
margin-bottom: 15px;
}
.news_info1 p{
line-height: 36px;
max-height: 72px;
overflow: hidden;
color: #666666;
}
.news_info2{
position: absolute;
right: 0;
top: 25px;
}
.news_info2 h3 {
font-size: 24px;
color: #a7a7a7;
}
.news_info2 h4{
font-size: 14px;
color: #a7a7a7;
line-height: 18px;
margin-bottom: 20px;
}
.news_info2 h5{
display: none;
}
.news_list2 ul li a:hover {
background: #FFFFFF;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.news_list2 ul li a:hover .news_info1 h2{
color: #0c53af;
}
.news_list2 ul li a:hover .news_info2 h5{
display: block;
}
.news_list2 ul{
padding-bottom: 30px;
}
.news_list2{
margin-bottom: 170px;
}
/*---------页ç Â---------------*/
.page{
text-align: left;
padding-left: 20px;
position: relative;
}
.page a{
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
vertical-align: middle;
text-align: center;
color: #999999;
line-height: 40px;
border: 1px solid #c0c0c0;
margin: 0 4px;
}
.page a.on{
width: 50px;
height: 50px;
background: #0C53B0;
border-color: #0C53B0;
color: #FFFFFF;
line-height: 50px;
}
.page a.dian{
border: none;
}
.page .prev ,
.page .next {
position: absolute;
top: 10px;
width: 30px;
height: 30px;
border: none;
line-height: inherit;
}
.page .prev {
right: 90px;
}
.page .next {
right: 50px;
}
.news_det{
width: 100%;
}
.crumbs1{
text-align: left;
}
.ny_info2 .title {
text-align: center;
padding-bottom: 25px;
}
.ny_info2 .title h1 {
font-size: 24px;
color: #000000;
line-height: 42px;
}
.ny_info2 .title h3{
font-size: 14px;
color: #b6cbe7;
}
.ny_info2 .title h3 span{
display: inline-block;
padding: 0 8px;
}
.ny_info2 .title h3 span > * {
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
.pian {
position: relative;
}
.pian a.p1{
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #666666;
font-size: 16px;
line-height: 36px;
padding: 5px 0;
border-bottom: 1px solid #eeeeee;
padding-left: 35px;
background: url(../images/icon9.png) no-repeat left center;
}
.pian a.p1 + a.p1{
border-bottom: none;
background: url(../images/icon8.png) no-repeat left center;
}
.pian a.back{
position: absolute;
right: 0;
top: 8px;
color: #666666;
font-size: 16px;
}
.ny_info2{
padding-bottom: 70px;
}
.pian a.p1:hover {
color: #0c53b0;
background: url(../images/icon9x.png) no-repeat left center;
}
.pian a.p1 + a.p1:hover {
background: url(../images/icon8x.png) no-repeat left center;
}
.pian a.back:hover {
color: #0c53b0;
}
.know_list1{
width:80%;
/**min-width: 1200px;**/
margin: 60px auto 60px auto;
}
.know_list1 ul {
padding-bottom: 20px;
}
.know_list1 ul li{
overflow: hidden;
}
.know_list1 ul li > * {
width: 50%;
}
.know_img1{
display: block;
width: 100%;
height: 330px;
background-size: cover !important;
background-position: center;
}
.know_right{
height: 330px;
background: #f5f5f5;
padding: 45px 50px 0 50px;
}
.know_info1 h2{
font-size: 18px;
font-weight: bold;
line-height: 32px;
}
.know_info1 h2 a{
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333;
}
.know_info1 h3 > * {
display: inline-block;
vertical-align: middle;
}
.know_info1 h3 {
color: #999999;
font-size: 16px;
}
.know_info1 h3 img {
padding-right: 8px;
}
.know_info1 .line{
width: 50px;
height: 3px;
background: #0d54b0;
margin: 20px 0 15px 0;
}
.know_info1 .txt{
text-align: justify;
color: #999999;
line-height: 32px;
max-height: 96px;
overflow: hidden;
}
.more{
padding-top: 28px;
}
.more a{
display: block;
color: #b6b6b6;
background: url(../images/icon11.png) no-repeat 100px center;
}
.more a:hover {
color: #0d52b1;
background: url(../images/icon11x.png) no-repeat 100px center;
}
.know_info1 h2 a:hover {
color: #0d52b1;
}
@media only screen and (max-width: 1400px) {
.know_list1{
width: 1200px;
}
}
.coop_con{
margin: 60px 0 20px 0;
}
.coop_con .title {
text-align: center;
background: url(../images/img27.jpg) no-repeat center;
margin-bottom: 35px;
}
.coop_con .title h1{
font-size: 18px;
color: #666666;
line-height: 24px;
padding-bottom: 3px;
}
.coop_con .title h2 {
font-size: 26px;
color: #000000;
}
.coop_con .title h2 > * {
display: inline-block;
vertical-align: middle;
}
.coop_con .title h2 em {
width: 26px;
height: 1px;
background: #0c53b0;
}
.coop_con .title h2 span{
padding: 0 25px;
}
.coop_list ul {
overflow: hidden;
}
.coop_list ul li{
width: 220px;
float: left;
text-align: center;
padding: 15px 0;
margin-right: 25px;
}
.coop_list ul li:nth-child(5n){
margin-right: 0;
}
.coop_list ul li a{
display: block;
width: 100%;
}
.coop_list ul li a img {
width: 220px;
height: 80px;
border: 1px solid #eaeaea;
}
.coop_list ul li a p {
font-size: 16px;
color: #000000;
padding-top: 10px;
}
.about_h{
margin-bottom: 35px;
}
.about_h .line{
width: 100%;
min-width: 1200px;
height: 4px;
background: #efefef;
margin-top: -4px;
}
.about_nav ul {
text-align: center;
}
.about_nav ul li {
display: inline-block;
margin: 0 30px;
}
.about_nav ul li a{
display: inline-block;
color: #666666;
font-size: 16px;
line-height: 70px;
}
.about_nav ul li a.active ,
.about_nav ul li a:hover {
border-bottom: 4px solid #0c53b0;
color: #0c53b0;
}
.about_det{
margin-bottom: 20px;
}
/*------------加入我们--------------*/
.zxns1{
margin-top: 20px;
}
.q1{
width: 100%;
border: 1px solid #dfdfdf;
padding: 18px 20px;
height: 60px;
cursor: pointer;
}
.q1 h4{
float: left;
font-size: 16px;
font-weight: bold;
padding-left: 20px;
line-height: 22px;
border-left: 4px solid #074FAB;
}
.q1 span{
float: right;
font-size: 14px;
color: #505050;
padding-left: 24px;
background: url(../images/icon13.png) no-repeat left center;
}
.w1{
padding: 35px;
border-bottom: 1px dashed #e4e4e4;
overflow: hidden;
}
.w1 li{
text-align: left;
font-size:14px;
color: #505050;
font-weight: bold;
padding: 6px 0;
}
.w1 li span{
font-weight: normal;
}
.info4{
padding: 0 35px;
font-size: 14px;
color: #666666;
line-height: 28px;
padding-bottom: 70px;
}
.info4 h4{
font-size: 16px;
color: #505050;
font-weight: bold;
padding: 10px 0;
margin-top: 20px;
}
.txt4{
display: none;
}
.zxns{
margin-bottom: 20px;
}
.zxns1 div.current{
border-color: #074FAB;
}
.zxns1 div.current span{
background: url(../images/icon13x.png) no-repeat left center;
}
.contact_1 ul{
overflow: hidden;
padding-bottom: 20px;
}
.contact_1 ul li{
width: 30%;
float: left;
padding: 30px 2%;
background: #ededed;
border-radius: 6px;
margin-right: 5%;
margin-bottom: 20px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.contact_1 ul li:last-child{
margin-right: 0;
}
.contact_info1{
color: #333333;
}
.contact_t{
position: relative;
}
.contact_t h3{
font-weight: normal;
font-size: 18px;
padding-bottom: 6px;
}
.contact_t h4{
font-size: 16px;
font-weight: normal;
}
.contact_t i{
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
border-radius: 50px;
border: 1px solid #656565;
color: #999999;
text-align: center;
display: inline-block;
line-height: 38px;
font-size: 22px;
}
.contact_info1 p{
padding: 15px 0 5px 0;
border-top: 1px dashed #cccccc;
margin-top: 15px;
font-weight: bold;
}
.contact_1 ul li:hover {
background: #1384EE;
}
.contact_1 ul li:hover .contact_info1{
color: #FFFFFF;
}
.contact_1 ul li:hover .contact_t i{
color: #1384EE;
background: #FFFFFF;
border-color: #FFFFFF;
}
.contact_2{
width: 1200px;
height: 570px;
overflow: hidden;
}
/*------------登录------------*/
.section1{
background: #f7fafd;
}
.header3{
border-bottom: 2px solid #0c53b0;
}
.login_con{
width: 440px;
margin: 164px auto 290px auto;
}
.login_form .form_group{
margin-bottom: 32px;
}
.login_form .form_group > * {
display: inline-block;
vertical-align: middle;
}
.login_form .form_group span{
font-size: 16px;
color: #666666;
}
.s_i{
width: 334px;
height: 46px;
border: 1px solid #e5e5e5;
border-radius: 4px;
background: #FFFFFF;
position: relative;
padding: 0 15px 0 40px;
}
.s_i > img {
position: absolute;
left: 0;
top: 12px;
padding: 0 12px;
border-right: 1px solid #dedede;
}
.s_i input{
line-height: 44px;
padding: 0 10px;
background: none;
width: 280px;
}
.login_form .form_group1{
margin-bottom: 10px;
}
.login_form .form_group1 .btn2 {
width: 334px;
height: 50px;
line-height: 50px;
background: #0c53b0;
color: #FFFFFF;
text-align: center;
font-size: 18px;
border-radius: 8px;
margin-left: 53px;
}
.form_txt{
position: relative;
color: #666666;
padding-left: 53px;
}
.form_txt a.forget{
position: absolute;
right: 55px;
top: 0;
color: #666666;
}
.form_txt p a{
color: #0c53b0;
}
.register_con{
margin: 148px auto 190px auto;
width: 960px;
overflow: hidden;
}
.reg_left{
width: 675px;
float: left;
}
.reg_form .form_group{
margin-bottom: 20px;
}
.reg_form .form_group > * {
display: inline-block;
vertical-align: middle;
}
.reg_form .form_group span{
width: 95px;
text-align: right;
color: #666666;
}
.reg_form .form_group span i {
color: #ff0000;
}
.reg_form .form_group input{
width: 212px;
height: 32px;
border: 1px solid #dbdbdb;
line-height: 30px;
padding: 0 10px;
}
.reg_form .form_group em {
color: #a8a8a8;
display: inline-block;
padding-left: 10px;
}
.reg_form .form_group1 input {
width: 102px;
}
.reg_form .form_group2 #regBtn {
width: 144px;
height: 46px;
line-height: 46px;
text-align: center;
color: #FFFFFF;
font-size: 18px;
border-radius: 4px;
}
.reg_form .form_group2 {
margin-top: 30px;
}
.reg_form .form_group3 input {
width: 15px;
height: 15px;
line-height: inherit;
margin-top: -1px;
}
.reg_right{
width: 285px;
float: right;
padding: 45px 0 45px 80px;
border-left: 1px solid #eeeeee;
margin-top: 20px;
}
.reg_in > * {
display: inline-block;
vertical-align: middle;
}
.reg_in button{
padding: 0 16px;
line-height: 30px;
border: 1px solid #dddddd;
border-radius: 4px;
background: #f7f7f7;
color: #666666;
font-weight: bold;
margin-left: 5px;
}
/*------------个人ä¸Â心------------------*/
.hd_login1{
display: inline-block;
}
.hd_login1 > * {
display: inline-block;
vertical-align: middle;
color: #666;
line-height: 44px;
}
.hd_login1 span {
color: #0c53b0;
}
.hd_login1 em {
margin: 0 10px;
}
.personCenter{
overflow: hidden;
padding: 60px 0 540px 0;
}
.person_l{
width: 205px;
float: left;
}
.person_l .title{
background: #0c52b1;
text-align: center;
padding: 15px 0;
color: #FFFFFF;
font-size: 18px;
}
.person_l .title > * {
display: inline-block;
vertical-align: middle;
}
.person_list1 {
border: 1px solid #e5e5e5;
background: #fafafa;
padding-top: 10px;
}
.person_list1 h2{
font-size: 14px;
color: #333333;
font-weight: bold;
line-height: 40px;
text-indent: 40px;
}
.person_list1 h3{
font-size: 14px;
}
.person_list1 h3 a{
display: inline-block;
width: 100%;
color: #666666;
line-height: 46px;
text-indent: 40px;
}
.person_list1 h3 a.active ,
.person_list1 h3 a:hover {
background: #EAEAEA;
color: #0750AD;
}
.person_r{
width: 965px;
float: right;
}
.pr_t{
padding-left: 155px;
margin-bottom: 15px;
}
.pr_t > * {
display: inline-block;
}
.pr_t a{
color: #0c53b0;
font-size: 16px;
padding-right: 26px;
}
.pr_h{
position: relative;
padding-right: 40px;
padding-left: 156px;
border: 1px solid #e5e5e5;
}
.pr_i1{
padding: 14px 0;
border-bottom: 1px dashed #ededed;
}
.pr_i1 span{
display: inline-block;
padding-right: 26px;
}
.pr_i1 span a{
color: #0c53b0;
}
.pr_i1 span em {
color: #ff0c0c;
}
.pr_i2{
padding: 14px 0;
}
.pr_i2 a{
display: inline-block;
color: #666666;
margin-right: 36px;
}
.pr_pic{
position: absolute;
left: 0;
top: -50px;
width: 154px;
text-align: center;
}
.pr_pic .pic1{
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50px;
background-size: cover !important;
background-position: center;
border: 3px solid #dddddd;
}
.pr_pic p a{
color: #99713d;
}
.pr_c{
margin-top: 20px;
border: 1px solid #e5e5e5;
padding: 0 20px;
}
.pr_c .title{
padding: 15px 0;
border-bottom: 1px solid #e5e5e5;
}
.pr_c .title h2{
font-size: 15px;
color: #666666;
font-weight: bold;
padding-left:12px;
border-left: 4px solid #339999;
}
.liulan_list1 ul li {
border-bottom: 1px dashed #e5e5e5;
height: 50px;
}
.liulan_list1 ul li a{
display: inline-block;
max-height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 50px;
color: #333333;
}
.liulan_list1 ul li a:hover {
color: #0c53b0;
}
.pr_c .title1{
border-bottom: none;
margin-bottom: 5px;
}
.grzl_tab ul {
text-align: left;
border-bottom: 1px solid #E3E3E3;
margin-bottom: 50px;
}
.grzl_tab ul li {
display: inline-block;
margin-right: 2px;
}
.grzl_tab ul li a{
display: inline-block;
padding: 0 15px;
line-height: 32px;
color: #666;
background: #D8D8D8;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.grzl_tab ul li.active a{
background: #39ABAB;
color: #FFFFFF;
}
.grzl_form .form_group{
margin-bottom: 18px;
}
.grzl_form .form_group > * {
display: inline-block;
vertical-align: middle;
}
.grzl_form .form_group span {
width: 120px;
margin-right: 10px;
text-align: right;
}
.grzl_form .form_group span i {
color: #ff0101;
display: inline-block;
padding-right: 4px;
}
.grzl_form .form_group input ,
.grzl_form .form_group select{
width: 174px;
height: 34px;
line-height: 32px;
padding: 0 10px;
border: 1px solid #dbdbdb;
color: #333333;
}
.grzl_form .form_group select{
text-align: center;
}
.grzl_form .form_group3 select{
width: 85px;
padding: 0;
}
.sex p {
display: inline-block;
margin-right: 15px;
}
.grzl_form .form_group1 input {
width: 14px;
height: 14px;
line-height: inherit;
padding: 0;
margin: 0 5px 0;
}
.grzl_form .form_group2 input {
width: 270px;
}
.grzl_form .form_group2 a {
color: #99713d;
margin-left: 15px;
}
.grzl_form .form_group .button {
width: 160px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
text-align: center;
font-size: 18px;
background: #3babac;
border-radius: 4px;
}
.grzl_form{
height: 570px;
}
.personCenter1{
padding-bottom: 90px;
}
.psd_form .form_group span {
width: 200px;
}
.psd_form .form_group input ,
.email_form .form_group input {
width: 212px;
}
.psd_form .form_group a ,
.email_form .form_group a {
margin-left: 15px;
color: #999999;
}
/*------------æœ索结果------------*/
.search_area{
padding-top: 40px;
margin-bottom: 180px;
}
.crumbs2{
border-bottom: none;
}
.search_1{
box-shadow: none;
margin-top: 15px;
border: 1px solid #e5e5e5;
}
.search_2{
margin-top: 50px;
}
.news_list3 ul{
padding: 0 5px 30px 5px;
overflow: inherit;
}
.news_list3 ul li {
float: inherit;
width: 100%;
margin-right: 0;
padding: 15px 25px;
margin-bottom: 20px;
cursor: pointer;
}
.news_list3 ul li:hover {
box-shadow: 0 2px 20px rgba(12,83,176,0.08);
background: #FFFFFF;
}
.details{
overflow: hidden;
}
.det_left{
width: 890px;
float: left;
}
.det1 .title {
padding: 12px 0;
border-bottom: 1px dashed #e6e4e4;
}
.det1 .title h1 {
font-size: 24px;
color: #505050;
}
.det1 .title h1 > * {
display: inline-block;
vertical-align: middle;
}
.det1 .title h1 a{
display: inline-block;
font-size: 12px;
color: #FFFFFF;
line-height: 20px;
padding: 0 10px;
background: #0c53b0;
border-radius: 20px;
margin-left: 30px;
}
.det_info1 .txt h2{
display: inline-block;
margin-right: 20px;
}
.det_info1 h2 {
font-size: 14px;
color: #0C53B0;
font-weight: bold;
line-height: 28px;
margin-top:15px ;
}
.det_info1 h2 img {
margin-right: 10px;
}
.det_info1 .txt {
line-height: 30px;
text-align: justify;
color: #797979;
}
.det_right{
width: 210px;
float: right;
}
.news_list4 ul li{
margin-right: 0;
width: 100%;
padding: 5px 0;
}
.know_tk{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
z-index: 100001;
display: none;
}
.know_con{
position: absolute;
top: 18%;
width: 590px;
left: 50%;
margin-left: -295px;
background: #FFFFFF;
}
.know_con h1{
text-align: center;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
line-height: 34px;
background: #0c53b0;
}
.know_form{
padding: 0 40px 25px 40px;
border: 2px solid #e5e5e5;
border-top: none;
}
.know_form .form_group {
margin-top: 16px;
}
.know_form .form_group > * {
display: inline-block;
}
.know_form .form_group span{
color: #666666;
margin-bottom: 6px;
}
.know_form .form_group span i {
color: #ff0000;
display: inline-block;
padding-right: 4px;
}
.know_form .form_group input ,
.know_form .form_group select ,
.know_form .form_group textarea {
width: 100%;
height: 32px;
line-height: 30px;
padding: 0 12px;
color: #333333;
border: 1px solid #dbdbdb;
}
.know_form .form_group textarea {
height: 150px;
}
.know_form .form_group1 {
overflow: hidden;
}
.know_form .form_group1 .s_group1 {
width: 50%;
float: left;
}
.know_form .form_group1 .s_group1 input {
width: 160px;
}
.know_form .form_group2 {
text-align: center;
margin-top: 22px;
}
.know_form .form_group2 .button {
width: 90px;
height: 32px;
line-height: 32px;
background: #0c53b0;
color: #FFFFFF;
border-radius: 4px;
}
.know_con .close{
position: absolute;
right: 10px;
top: 10px;
opacity: 1;
}
/*----------å¹³å°首页---------------*/
.hd_search .container{
padding: 30px 0;
}
.hds_con{
position: relative;
}
.hds_con a.logo{
position: absolute;
left: 0;
top: 14px;
}
.hd_s{
width: 384px;
margin: 0 auto;
padding: 20px 0;
overflow: hidden;
}
.hd_s input {
width: 302px;
float: left;
line-height: 38px;
border: 1px solid #dcdcdc;
border-right: none;
padding: 0 10px;
}
.hd_s button{
width: 82px;
height: 40px;
line-height: 40px;
text-align: center;
color: #FFFFFF;
font-size: 16px;
background: #026ed2;
}
.hd_tel{
position: absolute;
right: 0;
top: 16px;
padding-left: 52px;
background: url(../images/tel.png) no-repeat left center;
}
.hd_tel h2 {
font-size:14px;
color: #333333;
line-height: 24px;
}
.nav1{
background: #333333;
}
.nav1 ul{
text-align: center;
}
.nav1 ul li {
display: inline-block;
width: 13.95%;
}
.nav1 ul li a{
display: block;
line-height: 46px;
color: #FFFFFF;
font-size: 16px;
}
.nav1 ul li a.active ,
.nav1 ul li a:hover {
background: #026ed2;
}
.banner2 .item a{
height: 590px;
}
.banner .carousel-control.right ,
.banner .carousel-control.left {
width: 36px;
height: 36px;
top: 50%;
margin-top: -18px;
}
.banner .carousel-control.right {
right: 15%;
background: url(../images/icon24.png) no-repeat center;
}
.banner .carousel-control.left {
left: 15%;
background: url(../images/icon23.png) no-repeat center;
}
.pt_search{
margin-top: -40px;
position: relative;
z-index: 10;
background: #FFFFFF;
border-radius: 6px;
box-shadow: 0 6px 30px rgba(0,0,0,0.08);
padding: 20px 40px 20px 20px;
}
.pts_l{
width: 710px;
float: left;
}
.pt_form .form_group {
margin-bottom: 18px;
}
.pt_form .form_group > * {
display: inline-block;
vertical-align: middle;
}
.pt_form .form_group .s_group2{
width: 50%;
float: left;
}
.pt_form .form_group .s_group2 > * {
display: inline-block;
vertical-align: middle;
}
.pt_form .form_group span {
width: 74px;
text-align: right;
color: #4E4D4D;
font-size: 15px;
font-weight: bold;
margin-right: 12px;
}
.pt_form .form_group select ,
.pt_form .form_group2 .gjc {
width: 245px;
height: 36px;
line-height: 34px;
border: 1px solid #dbdbdb;
padding: 0 6px;
}
.pt_form .form_group1 input {
width: auto;
height: auto;
line-height: inherit;
border: none;
}
.pt_form .form_group1 label{
padding-left: 0;
}
.pt_form .form_group1 .radio{
padding-left: 20px;
}
.radio1{
display: inline-block;
margin-right: 30px;
}
.f_ld1{
width: 245px;
}
.f_ld2{
width: 115px;
}
.pt_form .form_group2 .gjc {
width: 364px;
margin: 0 25px 0 5px;
}
.pt_form .form_group button {
padding: 0 24px;
line-height: 32px;
color: #FFFFFF;
border-radius: 30px;
background: #0c53b0;
}
.pts_r{
width: 350px;
float: right;
padding: 15px 50px 5px 50px;
background: #f0efef;
}
.qs1 {
margin-bottom: 15px;
}
.qs1 h1{
font-size: 14px;
color: #333333;
font-weight: bold;
text-align: center;
line-height: 22px;
}
.qs1 h1 > * {
display: inline-block;
vertical-align: middle;
}
.qs1 h1 .line {
width: 30px;
height: 1px;
background: #d2d2d2;
}
.qs1 h1 span{
padding: 0 8px;
}
.qs_form .form_group{
margin-top: 10px;
}
.qs_form .form_group > * {
display: inline-block;
}
.qs_form .form_group select{
width: 100%;
height: 30px;
line-height: 30px;
background: #FFFFFF;
border-radius: 20px;
padding: 0 10px;
}
.qs_form .form_group1 select{
width: 168px;
}
.qs_form .form_group1 button {
padding: 0 18px;
line-height: 30px;
color: #FFFFFF;
background: #e82b30;
border-radius: 20px;
margin-left: 10px;
}
.pt_search{
margin-bottom: 70px;
}
.pt_con{
overflow: hidden;
margin-bottom: 180px;
}
.pt_1{
width: 230px;
float: left;
margin-right: 40px;
}
.pt_list1 ul li {
padding: 15px 0;
border-bottom: 1px dashed #e7e6e6;
}
.pt_list1 ul li a{
display: block;
width: 100%;
}
.pt_img1{
width: 100%;
height: 140px;
background-size: cover !important;
background-position: center;
margin-bottom: 8px;
}
.pt_list1 ul li a p {
color: #333333;
font-size: 15px;
max-height: 44px;
overflow: hidden;
}
.pt_list1 ul li a h3 {
font-size: 14px;
color: rgba(51,51,51,0.4);
padding-top: 10px;
}
.pt_list1 ul li a h3 > * {
display: inline-block;
vertical-align: middle;
}
.pt_list1 ul li a h3 img {
padding-right: 5px;
}
.pt_list1 ul li a:hover p {
color: #026ed2;
}
.pt_2{
width: 670px;
float: left;
}
.pt_list2 ul li{
width: 210px;
float: left;
margin-right: 20px;
padding: 15px 0;
}
.pt_list2 ul li:nth-child(3n) {
margin-right: 0;
}
.pt_list2 ul li a{
display: block;
width: 100%;
border: 1px solid #e5e5e5;
position: relative;
padding: 20px 20px 15px 20px;
}
.pt_img2{
width: 100%;
height: 140px;
background-size: cover !important;
background-position: center;
margin-bottom: 10px;
}
.pt_list2 ul li a h2 {
font-size: 14px;
color: #026ED2;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 12px 0;
}
.pt_list2 ul li a p {
color: #787878;
text-align: justify;
max-height: 72px;
line-height: 24px;
}
.pt_list2 ul li a span{
position: absolute;
width: 100%;
height: 36px;
bottom: 0;
left: 0;
color: #ffffff;
text-align: center;
line-height: 36px;
background: #026ed2;
display: none;
}
.pt_list2 ul li a:hover {
border-color: #026ed2;
}
.pt_3{
width: 230px;
float: right;
padding-top: 70px;
}
.pt_31{
margin-bottom: 20px;
}
.pt_31 .title h1 {
background: #f0efef;
height: 40px;
line-height: 40px;
text-align: center;
color: #505050;
font-size: 16px;
}
.pt_list3 ul {
padding: 5px 10px;
background: #f8f8f8;
}
.pt_list3 ul li {
border-bottom: 1px dashed #e5e5e5;
}
.pt_list3 ul li p {
color: #505050;
line-height: 40px;
padding-left: 15px;
background: url(../images/icon22x.png) no-repeat left center;
cursor: pointer;
}
.pt_list3 ul li:last-child {
border-bottom: none;
}
.pt_list3 ul li dl {
padding-left: 15px;
display: none;
}
.pt_list3 ul li dl dd span{
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 26px;
color: #505050;
padding-left: 15px;
background: url(../images/icon22.png) no-repeat left center;
cursor: pointer;
}
.pt_list3 ul li dl dd a{
display: block;
width: 100%;
line-height: 26px;
color: #505050;
padding-left: 15px;
}
.pt_list3 ul li dl dd .th {
display: none;
}
.pt_list4 ul li a{
display: block;
width: 100%;
line-height: 40px;
color: #505050;
}
.floatRight{
position: fixed;
right: 11%;
top: 50%;
z-index: 101;
}
.wx{
position: relative;
background: #FFFFFF;
margin-bottom: 10px;
}
.wx p {
color: #999999;
font-size: 16px;
padding: 10px 5px;
border: 1px solid #e0dddd;
text-align: center;
line-height: 18px;
}
.wx p > img {
margin-top: 8px;
}
.wx_ewm{
position: absolute;
right: -184px;
top: 0;
background: #FFFFFF;
background: url(../images/img37.png) no-repeat center;
width: 174px;
height: 160px;
text-align: right;
padding-right: 15px;
padding-top: 14px;
display: none;
}
.wx_ewm img {
width: 130px;
height: 130px;
}
.wx p:hover + .wx_ewm{
display: block;
}