/* Write your styles */
/*@font-face {*/
/* font-family: 'siyuan';*/
/* src: url("../fonts/SourceHanSans-Normal.otf");*/
/*}*/
/*body{*/
/* font-family: 'siyuan';*/
/*}*/
.coco-msg.error{
background: rgba(35,73,137,.9);
color: #fff;
}
.coco-msg-icon{
display: none;
}
.coco-msg-stage{
top: 30%;
}
.header{
width: 100%;
background: #fff;
box-shadow: 1px 1px 7px #d0d0d0;
position: absolute;
z-index: 999;
}
.am-sticky-placeholder{
height: auto !important;
background: #fff;
}
.search .tijiao{
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
}
.header.am-sticky .search .tijiao{
top: 23px;
}
.header_r .nav ul li{
float: left;
height: 100%;
position: relative;
}
.header_r .nav ul li a{
font-size: 20px;
color: #000;
line-height: 44px;
display: inline-block;
padding: 25px 23px;
position: relative;
text-align: center;
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
}
.logo{
line-height: normal;
}
.logo a{
padding: 20px 0;
margin: 0;
overflow: hidden;
display: inline-block;
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
width:97px;
}
.logo img{
width: 100%;
margin-top: 3px;
}
.header.am-sticky .logo a{
padding: 13px 0;
}
.search{
padding: 27px 0;
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
}
.header.am-sticky .search{
padding: 20px 0;
}
.header.am-sticky .header_r .nav ul li a{
padding: 18px 23px;
}
.header.am-sticky .header_r .nav ul li ul li a{
padding: 0 10px;
}
.header.am-sticky .phone{
padding: 18px 0;
}
.header_r .nav ul li a:after{
content: '';
display: inline-block;
height: 2px;
width: 0;
position: absolute;
bottom: 0;
z-index: 999;
left: 50%;
transform: translate(-50%,0);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
background: #0b4688;
}
.header_r .nav ul li a:hover{
color: #103b91;
}
.header_r .nav ul li a:hover:after{
width: 100%;
}
.header_r .nav ul li a span{
display: inline-block;
width: 100%;
}
.header_r .nav ul li ul{
position: absolute;
z-index: 999;
margin: 0;
min-width: 126px;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.header.am-sticky .nav ul li ul li{
height: 0;
}
.header_r .nav ul li ul li{
float: none;
height: 0;
line-height: 50px;
overflow: hidden;
width: 100%;
background: rgba(255,255,255,.9);
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
}
.header_r .nav ul li:hover ul li{
height: 50px;
}
.header-bottom-a-now a:after{
width: 100% !important;
}
.header_r .nav ul li ul li a{
font-size: 16px;
height: 50px;
width: 100%;
padding: 0 10px;
text-align: center;
display: inline-block;
white-space:nowrap;
color: #333;
}
.header_r .nav ul li ul li:hover{
background: #114189;
}
.header_r .nav ul li ul li:hover a{
color: #fff;
}
.header_r .nav ul li ul li a:after{
display: none;
}
.phone{
font-size: 28px;
font-weight: bold;
color: #103b91;
padding: 25px 0;
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
}
.search{
position: relative;
margin-right: 23px;
}
.search .search2{
width: 230px;
height: 40px;
line-height: 40px;
background: #f0f0f0;
border-radius: 99px;
font-size: 16px;
color: #a6a6a6;
padding: 0 15px;
border: none;
}
.search .tijiao{
position: absolute;
top: 30px;
right:10px;
z-index: 999;
width: 25px;
height: 35px;
border: none;
background: url("../images/ss.png") no-repeat center;
}
.content_a{
padding: 55px 0;
}
.content_a_t{
width: 100%;
}
.content_a_tll{
font-size: 36px;
font-weight: bold;
color: #0e448d;
}
.content_a_tlc{
font-size: 36px;
color: #333;
}
.content_a_tlr{
padding-top: 5px;
}
.content_a_tlr .am-dropdown-toggle{
font-size: 36px;
color: #333;
background: none;
border: none;
}
.content_a_tlr .am-dropdown-toggle .am-icon-caret-down:before{
display: none;
}
.content_a_tlr .am-dropdown-toggle .am-icon-caret-down{
width: 24px;
height: 24px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
background: url("../images/nav_li1jt.png") no-repeat center;
}
.content_a_tlc {
margin: 0 20px;
}
.content_morel{
font-size: 18px;
color: #333333;
margin-right: 11px;
}
.content_more {
line-height: 57px;
}
.content_a_b ul li{
float: left;
width: 32%;
margin-right: 23px;
margin-bottom: 33px;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_a_b ul li:nth-child(3n+0){
margin-right: 0;
}
.content_a_b ul li:hover{
box-shadow: 1px 1px 20px #dcdcdc;
}
.content_a_bt{
display: block;
overflow: hidden;
width: 100%;
height: 288px;
}
.content_a_bt img{
width: 100%;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_a_b ul li:hover .content_a_bt img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.content_a_b ul li:hover .content_a_bbr{
background: #234989;
color: #fff;
border: 1px solid #234989;
}
.content_a_b ul li:hover .content_a_bbr:after{
background: url(../images/xq_jt.png) no-repeat center;
margin-left: 10px;
}
.content_a_bb{
width: 100%;
display: block;
height: 85px;
background: #f6f6f6;
padding: 0 20px;
}
.content_a_bbl{
display: block;
line-height: 85px;
font-size: 18px;
font-weight: bold;
width: 270px;
color: #000;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.content_a_bbr{
width: 98px;
height: 37px;
line-height: 37px;
font-size: 16px;
padding: 0 15px;
color: #b3b3b3;
background: #f6f6f6;
border-radius: 99px;
border: 1px solid #b3b3b3;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_a_bbr:after{
content: "";
width: 18px;
height: 10px;
margin-left: 10px;
background: url("../images/xq_jt2.png") no-repeat right center;
display: inline-block;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_a_bbr {
margin-top: 25px;
}
.content_a_b{
margin-top: 55px;
}
.content_b{
width: 100%;
overflow: hidden;
background:#f4f4f4;
padding: 55px 0;
}
.content_bl{
width: 583px;
float: left;
}
.content_br{
width: 610px;
float: right;
position: relative;
}
.content_brb{
position: absolute;
width: 555px;
height: 327px;
left: -15px;
z-index: 0;
top: 39px;
background: #c9d0de;
}
.content_brt{
position: relative;
z-index: 1;
}
.content_bt{
font-size: 36px;
color: #333;
}
.content_bs{
margin-top: 24px;
font-size: 16px;
line-height: 30px;
color: #080808;
}
.content_more2{
overflow: hidden;
margin-top: 50px;
}
.content_more2 a{
padding: 10px 28px;
background: #103b91;
overflow: hidden;
width: 180px;
display: block;
}
.content_more2 .content_m_jtl{
color: #fff;
}
.content_c{
width: 100%;
padding: 55px 0;
}
.content_cbl{
width: 568px;
float: left;
}
.content_cbr{
width: 670px;
float: right;
}
.content_ct{
font-size: 36px;
color: #333333;
margin-bottom: 55px;
}
.content_cblt{
width: 568px;
height: 330px;
overflow: hidden;
}
.content_cblb{
margin-top: 45px;
}
.content_cblbt{
color: #b2b2b2;
font-size: 16px;
display: block;
}
.content_cblbs{
display: block;
font-size: 22px;
color: #333;
line-height:42px;
}
.content_cblbb{
position: relative;
margin-top: 25px;
}
.content_cblbb .new_m_1{
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_cblbb .new_m_2{
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_cbl a:hover .content_cblbb .new_m_2{
opacity: 1;
}
.content_cbl a:hover .content_cblbb .new_m_1{
opacity: 0;
}
.content_cbr ul li{
height: 165px;
width: 100%;
margin-bottom: 3px;
background: #f7f7f7;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_cbr ul li:hover{
box-shadow: 1px 1px 20px #dcdcdc;
}
.content_cbr ul li a{
padding: 20px 30px;
height: 100%;
display: inline-block;
width: 100%;
}
.content_cbr ul li .new_m_1{
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_cbr ul li .new_m_2{
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_cbrr{
position: relative;
}
.content_cbr ul li:hover .content_cbrr .new_m_2{
opacity: 1;
}
.content_cbr ul li:hover .content_cbrr .new_m_1{
opacity: 0;
}
.footer_t{
background: #234989;
padding: 70px 0 28px 0;
}
.footer_tl ul li{
float: left;
margin-right: 70px;
}
.footer_tl ul li ul li{
float: none;
margin-right: 0;
}
.footer_tl ul li a{
font-size: 18px;
color: #fff;
line-height: 26px;
}
.footer_tl ul li ul li a{
font-size: 15px;
color: #fff;
line-height: 30px;
}
.footer_tr{
text-align: right;
}
.footer_trt{
font-size: 18px;
color: #fff;
line-height: 26px;
}
.footer_trs{
margin-top: 15px;
font-size: 15px;
color: #fff;
line-height: 30px;
}
.footer_trb{
margin-top: 45px;
}
.footer_trb a{
position: relative;
}
.footer_trb .footer_trbb{
width: 160px;
height: 160px;
opacity: 0;
position: absolute;
top: -167px;
left: -165px;
pointer-events: none;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.footer_trb a:hover .footer_trbb{
opacity: 1;
top: -123px;
left: -165px;
}
.footer_trbb img{
width: 100%;
}
.footer_trbt{
display: inline-block;
width: 56px;
height: 57px;
background: #ffffff;
text-align: center;
line-height: 57px;
}
.footer_b{
padding: 25px 0;
color: #fff;
font-size: 14px;
background: #18386e;
}
.footer_b a{
color: #fff;
}
/*首页*/
.banner{
margin-top: 94.55px;
height: 680px;
overflow: hidden;
}
.n_banners{
margin-top: 94.55px;
}
.banner .am-slides{
height: 100%;
}
.banner .am-slides li{
width: 100%;
height: 680px;
}
.banner .am-control-nav{
display: none;
}
.banner .am-slider-default .am-direction-nav a:before{
content: "";
width: 80px;
height: 80px;
display: block;
}
.am-slider-default .am-direction-nav a{
width: 80px;
height: 80px;
top: auto;
bottom: 50px;
margin: 0;
border-radius: 100%;
opacity: 1;
}
.am-slider-default .am-direction-nav .am-prev{
right: 30%;
left: auto;
opacity: 1;
background: url("../images/bannerl.png") no-repeat center #fff;
background-size: 50%;
}
.am-slider-default .am-direction-nav .am-prev:hover{
background: url("../images/bannerl2.png") no-repeat center #194196;
background-size: 60%;
}
.am-slider-default .am-direction-nav .am-next{
right:24%;
left: auto;
opacity: 1;
background: url("../images/bannery.png") no-repeat center #fff;
background-size: 50%;
}
.am-slider-default .am-direction-nav .am-next:hover{
background: url("../images/bannery2.png") no-repeat center #194196;
background-size: 60%;
}
.n_banners{
height: 300px;
overflow: hidden;
}
.n_bannerbt_t{
font-size: 42px;
color: #fff;
}
.n_bannerbt_b{
color: #fff;
font-size: 20px;
margin-top: 10px;
}
.n_bannerbt{
margin-top: 160px;
}
.news_list ul li a{
overflow: hidden;
display: block;
}
.news_list ul li{
border-bottom: 1px solid #e6e6e6;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.news_list ul li:last-child{
margin-bottom: 45px;
}
.news_list ul li:hover{
background: #f4f4f4;
}
.news_list_data{
position: relative;
width: 90px;
display: block;
padding: 10px 0;
font-size: 14px;
text-align: center;
color: #fff;
background: #103b91;
font-family: Arial;
}
.news_list_data_d{
display: block;
font-size: 50px;
line-height: 50px;
}
.news_list_mshu_title{
display: block;
font-weight: bold;
height: 30px;
line-height: 30px;
font-size: 20px;
color: #333;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.news_list_mshu_tcs{
display: block;
font-size: 14px;
color: #c1c1c1;
padding: 10px 0;
}
.news_list ul li:hover .news_list_mshu_title{
color: #103b91;
}
.news_list_mshu_tndo{
font-size: 14px;
color: #505050;
line-height: 26px;
overflow: hidden;
display: block;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.djl_news{
background: url("../images/chakan.svg") no-repeat left center;
background-size: 25%;
padding-left: 30px;
margin-right: 20px;
color: #666;
}
.fx_news{
background: url("../images/fenx.svg") no-repeat left center;
background-size: 30%;
padding-left:20px;
color: #666;
}
.news_list_mshux{
width: 1px;
height: 92px;
margin: 0 20px;
background: #e6e6e6;
}
.news_list_mshu{
margin-left: 10px;
width: 60%;
}
.news_list_img {
width: 280px;
height: 167px;
overflow: hidden;
margin-left: 3%;
}
.news_list_img img{
width: 100%;
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.news_list ul li:hover .news_list_img img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.n_cont_news_list_bb {
width: 100%;
}
.n_cont_news_list_bb li a{
display: flex;
}
.n_cont_news_list_bbrt{
line-height: 25px;
font-size: 18px;
font-weight: 700;
margin-bottom: 9px;
color: #00041a;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.n_cont_news_list_bbrb{
height: 48px;
line-height: 24px;
font-size: 14px;
overflow: hidden;
color: #666;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.n_cont_news_list_bbrs{
margin: 45px 0 15px;
line-height: 21px;
font-size: 14px;
color: rgba(0,4,26,.7);
}
.n_cont_news_list_bbrsl{
color: rgba(0,4,26,.7);
display: inline-block;
}
.n_cont_news_list_bbrs span.hui{
color: #b4b5bb;
}
.n_cont_news_list_bbrsl2{
background: url("../images/fenx.svg") no-repeat left center;
background-size: 32%;
padding-left: 25px;
margin-right: 20px;
display: inline-block;
}
.n_cont_news_list_bbrm{
float: right;
text-align: right;
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
color: #103b91;
}
.n_cont_news_list_bb li{
border-bottom: 1px solid #ededef;
padding: 30px 30px 30px 0;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.n_cont_news_list_bbrm img{
opacity: 0;
width: 100%;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
margin-right: 60px;
}
.n_cont_news_list_bb li:hover .n_cont_news_list_bbrm img{
margin-right: 0;
opacity: 1;
}
.n_cont_news_list_bb li:hover{
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 30px;
}
.n_cont_news_list_bbr {
padding-top: 25px;
}
.n_cont_news_list_bb li:hover .n_cont_news_list_bbrb{
color: #103b91;
}
.n_cont_news_list_bb li:hover .n_cont_news_list_bbrt{
color: #103b91;
}
.n_cont_news_list_bbl{
float: left;
width: 300px;
height: 200px;
overflow: hidden;
}
.n_cont_news_list_bbr.w100{
width: 1190px;
}
.n_cont_news_list_bbl img{
width: 100%;
}
.n_cont_news_list_bbr{
float: left;
padding-left: 40px;
width: 890px;
position: relative;
}
.top_navl ul li{
position: relative;
float: left;
font-size: 15px;
padding: 0 20px;
}
.top_navl ul li:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
height: 2px;
background: #103b91;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
.top_navl ul li.am-now:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #103b91;
}
.top_navl ul li.am-now a{
color: #103b91;
}
.top_navl ul li:after {
content: '';
position: absolute;
width: 1px;
height: 12px;
background: #dddddd;
left: 0;
top: 50%;
margin-top: -6px;
}
.top_navl{
line-height: 70px;
}
.top_navl ul li a{
font-size: 14px;
color: #333;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.top_nav{
height: 70px;
border-bottom: 1px solid #f0f0f0;
}
.top_navl ul li:first-child:after{
display: none;
}
.top_navl ul li:hover:before, .top_navl ul li.cur:before {
left: 0;
right: 0;
}
.top_navl ul li a:hover{
color: #103b91;
}
.top_navr{
height: 70px;
line-height: 70px;
}
.top_navr_home{
color: #103b91;
font-size: 18px;
float: left;
margin-right: 10px;
}
.top_navr a{
color: #333;
font-size: 14px;
display: inline-block;
height: 70px;
line-height: 70px;
float: left;
}
.top_navr span{
float: left;
background: url("../images/jtmbx.jpg") no-repeat center;
margin: 0 6px;
width: 8px;
line-height: 70px;
height: 70px;
text-indent: -999999px;
display: inline-block;
}
.container{
padding-top: 50px;
}
.about_at{
font-size: 45px;
color: #103b91;
line-height: 45px;
text-transform: Uppercase;
}
.about_ab{
font-size: 30px;
color: #103b91;
}
.about_b p{
margin: 30px 0;
font-size: 16px;
color: #5a5a5a;
line-height: 26px;
}
.about_b p:first-child{
margin-top: 0;
}
.about_b_a{
overflow: hidden;
}
.about_b_al{
width: 50%;
height: 288px;
overflow: hidden;
}
.about_b_al img{
width: 100%;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.about_b_al:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.about_b_as a:hover .about_b_asb img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.about_b_asb img{
width: 100%;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.about_b_as{
position: relative;
width: 25%;
height: 288px;
overflow: hidden;
}
.about_b_ast{
position: absolute;
z-index: 1;
width: 100%;
top: 67px;
text-align: center;
}
.about_b_as a{
display: block;
width: 100%;
height: 100%;
}
.about_b_astb{
font-size: 26px;
color: #fff;
line-height: 26px;
margin-top: 40px;
}
.wdlist .am-panel{
border: none;
padding: 35px;
box-shadow: none;
border-bottom: 1px solid #eeeff1;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
/*box-shadow: 1px 1px 20px #dcdcdc;*/
}
.wdlist .am-panel:hover{
box-shadow: 1px 1px 20px #dcdcdc;
}
.wdlist .am-panel-hd{
background: none;
border: none;
font-size: 22px;
color: #333333;
font-weight: bold;
padding: 0;
}
.wdlist .am-panel-hd h4{
border: none;
}
.wdlist .am-panel-bd{
border: none !important;
margin-top: 20px;
padding: 0;
font-size: 16px;
color: #666;
}
.wdlist .am-panel-title{
background: url("../images/jian.png") no-repeat center right;
}
.wdlist .am-collapsed{
background: url("../images/jia.png") no-repeat center right;
}
.xzlist ul li{
width: 48.5%;
float: left;
border: 2px solid #f5f6f8;
padding: 23px;
}
.xzlistl {
display: block;
width: 50px;
height: 66px;
background: url("../images/pdficon.png") no-repeat top center;
}
.xzlistr{
width: 74%;
height: 66px;
display: block;
position: relative;
}
.xzlistr:after{
content: "";
display: block;
width: 52px;
height: 52px;
position: absolute;
right: -90px;
top: calc(50% - 30px);
opacity: 0;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
background: url("../images/xzanl.png") no-repeat center;
}
.xzlist ul li{
float: left;
margin-right: 2.5%;
margin-bottom: 30px;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.xzlist ul li:nth-child(2n+0){
margin-right: 0;
}
.xzlist ul li:hover{
box-shadow: 1px 1px 20px #dcdcdc;
}
.xzlist ul li:hover .xzlistr:after{
top: calc(50% - 23px);
opacity: 1;
}
.xzlistrt{
font-size: 18px;
color: #103b91;
display: block;
word-wrap: normal; /* for IE */
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.xzlistrb{
margin-top: 10px;
font-size: 16px;
color: #666666;
display: block;
word-wrap: normal; /* for IE */
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.into_box{
overflow: hidden;
}
.into_box input{
float: left;
width: 32%;
padding: 15px;
font-size: 18px;
margin-right: 2%;
border: 1px solid #d7d7d7;
margin-bottom: 18px;
color: #666;
}
.into_box input:nth-child(3n+0){
margin-right: 0;
}
.into_box2{
overflow: hidden;
}
.into_box2 textarea{
width: 100%;
min-height: 205px;
border: 1px solid #d7d7d7;
padding: 15px;
color: #666;
margin-bottom: 28px;
}
.into_box_tj{
overflow: hidden;
margin-bottom:50px ;
}
.into_box_tj #code{
width: 200px;
float: left;
display: block;
margin: 0;
margin-right: 30px;
}
.into_box_tj #code_img{
width: 160px;
height: 59px;
display: block;
float: left;
cursor:pointer;
}
.into_box_tj #djsx{
float: left;
display: block;
font-size: 16px;
margin-left: 10px;
color: #333;
padding-top: 35px;
}
.into_tj input{
width: 290px;
height: 55px;
display: block;
text-align: center;
line-height: 55px;
font-size: 24px;
float: left;
margin-right: 30px;
color: #fff;
border: none;
background: #848484;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.into_tj input:hover{
background: #103b91;
}
.into_tj input:nth-child(2){
margin-right: 0;
}
.cp_a{
overflow: hidden;
}
.cp_aimg {
width: 685px;
height: 457px;
overflow: hidden;
}
.cp_btdyc{
width: 578px;
}
.cp_btdyct h1{
font-size: 28px;
color: #333;
padding: 45px 0 25px 0;
border-bottom: 1px solid #e5e5e5;
margin: 0;
}
.cp_btdyct p{
font-size: 16px;
line-height: 26px;
color: #333333;
margin: 0;
padding: 33px 0 44px 0;
border-bottom: 1px solid #e5e5e5;
}
.cp_btdycs{
margin-top: 40px;
overflow: hidden;
}
.cp_btdycsl{
width: 240px;
height: 60px;
color: #fff;
text-align: center;
line-height: 60px;
font-size: 18px;
background: #103b91;
}
.cp_btdycsl a{
color: #fff;
display: block;
width: 100%;
height: 100%;
}
.cp_btdycsr{
margin-left: 45px;
}
.cp_btdycsr span{
font-size: 16px;
color: #333333;
}
.cp_btdycsr div{
font-size: 28px;
color: #103b91;
line-height: 29px;
font-weight: bold;
}
.cp_btdycb{
margin-top:30px ;
}
.cp_btdycb span{
font-size: 18px;
font-weight: bold;
}
.cp_b{
overflow: hidden;
margin-top:60px;
}
.show_chanpin_nav{
width: 100%;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
height: 66px;
text-align: center;
background: #fff;
}
.show_chanpin_nav_ul{
display: inline-block;
}
.show_chanpin_nav_ul ul li{
float: left;
display: inline-block;
}
.show_chanpin_nav_ul ul li{
padding: 0 40px;
line-height: 66px;
font-size: 22px;
color: #333;
cursor:pointer;
font-weight: bold;
}
.cp_b_content{
overflow: hidden;
}
.cp_b_content h1{
margin: 0;
margin-top: 42px;
font-size: 28px;
font-weight: bold;
color: #333;
}
.cp_b_content p{
font-size: 16px;
color: #5a5a5a;
line-height: 26px;
}
/*.cp_b_content p img{
width: 100%;
}
.cp_b_content img{
width: 100%;
}*/
.cp_b{
padding-bottom: 50px;
}
.cp_c{
padding:50px 0 ;
background: #f3f3f3;
}
.cp_ct{
font-size: 32px;
font-weight: bold;
color: #333;
text-align: center;
width: 100%;
margin-bottom: 35px;
}
.cp_cb .content_a_b{
background: none;
border: none;
margin-bottom: 0;
box-shadow: none;
}
.cp_cb .content_a_b ul li{
margin-bottom: 0;
}
.show_chanpin_nav.am-sticky{
z-index: 9;
}
.newshowbox{
width: 795px;
padding: 30px 0;
float: left;
}
.newshowbox_r{
width: 306px;
float: right;
margin:0 0 50px 0;
}
.newshow_name{
font-size: 28px;
color: #333333;
font-weight: bold;
line-height: 30px;
}
.newshow_zx div{
float: left;
font-size: 14px;
color: #999999;
}
.newshow_ctrl a{
color: #999999;
font-weight: 600;
margin-right: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.newshow_ctrl a:hover{
color: #333;
}
.newshow_follow{
margin-right: 20px;
}
.newshow_fx .bdsharebuttonbox a{
margin: 0 6px 0 0;
}
.newshow_fx{
margin-left: 30px;
}
.newshow_zx{
margin-top: 20px;
}
.newshow_title{
padding-bottom: 16px;
}
.newshow_zx .newshow_back{
float: right;
}
.newshow_back a{
color: #999999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.newshow_back a:hover{
color: #333333;
}
.newshow_cont{
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 24px;
}
.newshow_cont p{
margin-bottom: 30px;
}
.newshow_cont p img{
max-width: 100%;
display: block;
margin: 0 auto 10px auto;
}
.newshow_cont div img{
max-width: 100%;
display: block;
margin: 0 auto 10px auto;
}
.newshow_cont h3 { font-weight:bold; font-size:18px; margin-bottom:15px; color:#333;}
.newshow_cont h4 { font-weight:bold; font-size:14px; margin-bottom:15px; color:#333;}
/**/
.newshow_aboutsearch{
font-size: 14px;
color: #333;
font-weight: bold;
}
.newshow_aboutsearch a{
color: #333333;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.newshow_aboutsearch a:hover{
color: #666666;
}
.newshow_pjs{
float: left;
margin-top: 20px;
font-size: 14px;
color: #333333;
line-height: 28px;
}
.newshow_p a{
color: #333333;
padding-bottom: 2px;
border-bottom: 1px solid #666666;
}
.newshow_p{
float: left;
}
.newshow_pjs_fx{
float: right;
}
.newshow_bottom{
margin-top: 14px;
}
.newshow_back{
float: right;
font-size: 14px;
margin-top: 25px;
}
.newshowbox_r_b{
padding: 0 20px;
margin-top: 32px;
width: 306px;
/*height: 343px;*/
padding-bottom: 25px;
border: 7px solid #F3F3F3;
}
.show_prev_title{
font-size: 20px;
color: #555555;
font-weight: 600;
margin-top: 30px;
}
.show_prev_time{
font-size: 12px;
color: #555555;
margin-top: 5px;
}
.show_prev_name{
font-size: 16px;
color: #555555;
line-height: 30px;
}
.newshowbox_r_b_prev{
border-bottom: 1px solid #ECECEC;
padding-bottom: 26px;
}
.news_contbtr a{
color: #666;
}
.list-unstyled li{
width:23%;
float: left;
border: 1px solid #f2f2f2;
margin-bottom: 40px;
overflow: hidden;
margin-right: 2.667%;
}
.list-unstyled li:nth-child(4n+0){
margin-right: 0;
}
.list-unstyled li img{
width: 100%;
}
.list-unstyled li a{
display: block;
height:290px;
overflow: hidden;
}
.list-unstyled li a{
padding:10px 20px;
line-height: 270px;
text-align: center;
overflow: hidden;
}
.list-unstyled li a img{
height:84%;
width: auto;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.list-unstyled li a:hover img{
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
.list-unstyled li .ryzz_title{
display: block;
height: 50px;
line-height: 50px;
text-align: center;
background: #f2f2f2;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.list-unstyled li:hover .ryzz_title{
background: #234989;
color: #fff;
}
.content_brt{
overflow: hidden;
}
.content_brt:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.content_brt img{
width: 100%;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_more2 a{
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_more2 a:hover{
padding: 10px 23px;
}
.content_cblt img{
width: 100%;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.content_cbl:hover .content_cblt img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cp_topl .am-dropdown-content{
width: 100%;
}
.lxwm_a ul li{
float: left;
width: 23.5%;
margin-right: 1.8%;
height: 255px;
background: #fff;
padding: 20px;
text-align: center;
}
.lxwm_a ul li:last-child{
margin-right: 0;
}
.ty_bt{
background: #f9f9f9;
}
.lxwm_a{
background: #f9f9f9;
overflow: hidden;
}
.ty_bt{
padding-top: 50px;
padding-bottom: 45px;
text-align: center;
font-size: 32px;
font-weight: bold;
color: #333;
}
.lxwm_as{
font-size: 19px;
color: #333;
margin-top: 15px;
}
.lxwm_ab{
margin-top: 10px;
font-size: 15px;
color: #666666;
}
.lxwm_ab img{
width: 95px;
}
.lxwm_a{
padding-bottom: 50px;
}
#map{
width: 100%;
height: 630px;
font-size: 12px;
}
.fwwl{
overflow: hidden;
padding-bottom: 50px;
}
.fwwl_l{
width:670px;
}
.fwwl_l img{
width: 100%;
}
.fwwl_r{
width: 522px;
}
.fwwl_rt{
font-size: 32px;
color: #333333;
margin-bottom: 30px;
margin-top: 140px;
}
.fwwl_rs ul li{
float: left;
width: 23%;
margin-bottom: 10px;
margin-right: 30px;
}
.fwwl_rs ul li:nth-of-type(3n+0){
margin-right: 0;
}
.fwwl_rs ul li .fwwl_rst{
font-size: 18px;
font-weight: bold;
color: #103b91;
margin-bottom: 10px;
}
.fwwl_rs ul li .fwwl_rss{
font-size: 15px;
color: #333333;
}
.cp_b table{
width: 100%;
border: 2px solid #afafaf;
margin-top: 20px;
}
.cp_b th{
padding:10px 15px;
font-size:24px;
font-weight: bold;
color: #103b91;
}
.cp_b td{
padding:10px 15px;
font-size:16px;
color: #555555;
}
.cp_b tr:nth-child(even){
background: #ededed;
}
.show_chanpin_nav_ul ul li.show_chanpin_nav_li_select{
color: #103b91;
line-height: 62px;
border-bottom: 2px solid #103b91;
}
.search-jg{
line-height: 70px;
}
.cp_topl .am-btn-primary{
background: none;
color: #000;
border: none;
width: 416px;
border-bottom: 2px solid #234989;
}
.cp_topl .am-btn-primary.am-active,.cp_topl .am-btn-primary:active,.cp_topl .am-dropdown.am-active .am-btn-primary.am-dropdown-toggle{
background: none;
color: #000;
}
.cp_top{
margin-bottom: 50px;
}
.cp_topr .search2{
width: 700px;
padding: 0 20px;
border-radius: 99px;
height: 55px;
line-height: 55px;
border: 2px solid #f0f0f0;
outline:none;
}
.search .search2{
outline:none;
}
.cp_topr {
position: relative;
}
.cp_topr .tijiao{
position: absolute;
width: 45px;
height: 45px;
border-radius: 999px;
right: 6px;
top: 5px;
border: none;
background: url("../images/ss2.png") no-repeat center #c6c6c5;
}
.cp_btdycb div{
margin-top: 10px;
}
#bsWXBox{
width: 232px !important;
height: 256px !important;
}
.bshare-custom.icon-medium .bshare-weixin{
background:url("../images/weixinico.jpg") no-repeat !important;
margin-right: 10px;
}
.bshare-custom.icon-medium .bshare-sinaminiblog{
background:url("../images/weiboico.jpg") no-repeat !important;;
}
.bshare-custom.icon-medium a{
width: 45px !important;
height: 45px !important;
}
.content_cbrl{
width: 80%;
}
#page{
margin-bottom: 30px;
}
.cp_cb .am-direction-nav{
display: none;
}
.jjfa_c ul li:hover{
box-shadow: 1px 1px 20px #dcdcdc;
}
.jjfa_c ul li{
float: left;
width: 49%;
margin-right: 2%;
margin-bottom: 50px;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.jjfa_c ul li:nth-child(2n+0){
margin-right: 0;
}
.jjfa_c ul li span{
display: block;
}
.jjfa_ct{
width: 52%;
height: 194px;
overflow: hidden;
}
.jjfa_ct img{
width: 100%;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}
.jjfa_c ul li:hover .jjfa_ct img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.jjfa_cb {
border: 1px solid #e5e5e5;
width: 48%;
height: 194px;
padding: 21px 29px 21px;
position: relative;
}
.jjfa_cbt{
font-size: 18px;
color: #666;
font-weight: bold;
display: block;
width: 100%;
}
.jjfa_cbb {
width: 100%;
display: block;
font-size: 14px;
color: #333;
line-height: 22px;
position: absolute;
bottom: 20px;
}
.jjfa_cbb b{
display: inline-block;
vertical-align: middle;
background: url("../images/ipart02_3.png") no-repeat center;
width: 22px;
height: 22px;
margin-left: 15px;
}
.n_case .list-unstyled li a img{
width: auto;
height: 100%;
}
.n_case .list-unstyled li a{
padding: 0;
height: 222px;
line-height: normal;
}
.container{
min-height: 600px;
}
.qyys ul li{
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 30px;
text-align: center;
height: 470px;
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.qyys ul li:hover{
box-shadow: 1px 1px 20px #dcdcdc;
}
.qyys ul li .qyys_t{
width: 180px;
height: 180px;
border-radius: 100%;
overflow: hidden;
}
.qyys ul li .qyys_s{
width: 100%;
color: #333;
font-size: 28px;
position: relative;
text-align: center;
}
.qyys ul li .qyys_s b{
font-weight: normal;
display: inline-block;
width: 100%;
}
.qyys ul li .qyys_s:after{
content: "";
display: inline-block;
width: 48px;
height: 4px;
background: #234989;
margin: 20px 0 10px 0;
}
.qyys ul li .qyys_b{
font-size: 16px;
color: #333;
text-align: left;
}
.qyys ul li a{
overflow: hidden;
display: block;
width: 100%;
height: 100%;
padding: 20px 30px 40px;
border: 1px solid #eaeaea;
border-top: 3px solid #234989;
background: url(../images/ser_bg.png) center bottom no-repeat;
}
.qyys ul li span{
display: inline-block;
}
.qyys ul li:nth-child(3n+0){
margin-right: 0;
}
.qyys ul li .qyys_t img{
transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
}
.qyys ul li:hover .qyys_t img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.qyys{
margin-bottom: 30px;
}
.qqysb{
background: #f9f9f9;
overflow: hidden;
}
.apple-banner {
width: 100%;
height: 680px;
overflow: hidden;
}
.swiper-container {
margin-top: -40px;
width: 100%;
height: 760px;
}
.arrow-left {
position: absolute;
left: 0px;
top: 0;
width: 15%;
height: 100%;
z-index: 999;
}
.arrow-left span {
margin-top: -32px;
display: block;
left: 20px;
top: 50%;
position: absolute;
width: 64px;
height: 64px;
border-radius: 100%;
background: rgba(180,180,180,0.25) url(../images/bannerl2.png) no-repeat center ;
background-size: 50%;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.arrow-left:hover span {
opacity: .9;
}
.arrow-right {
position: absolute;
right: 0px;
top: 0;
width: 15%;
height: 100%;
z-index: 999;
}
.arrow-right span {
margin-top: -32px;
display: block;
right: 20px;
top: 50%;
position: absolute;
width: 64px;
height: 64px;
border-radius: 100%;
background: rgba(180,180,180,0.25) url(../images/bannery2.png) no-repeat center;
background-size: 50%;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.arrow-right:hover span {
opacity: .9;
}
.pagination {
position: absolute;
left: 0;
text-align: center;
bottom: 75px;
width: 100%;
}
.pagination li {
display: inline-block;
width: 50px;
height: 6px;
margin: 0 3px;
cursor: pointer;
}
.pagination li span {
width: 50px;
height: 6px;
display: block;
border-radius: 100px;
background: rgba(255,255,255,0.2);
}
.pagination li span i {
border-radius: 100px;
background: #fff;
height: 6px;
display: block;
opacity: 0;
}
.pagination .current span i,.pagination .firstCurrent span i {
transition: all .5s ease;
opacity: 1;
}
.pagination .click span {
background: gray;
}
.pagination .click span i {
display: none;
}
.autoplay li span i {
transform: scaleX(0);
transform-origin: 0;
opacity: 1;
}
.autoplay .firstCurrent span i {
transform: scaleX(1);
transition: all 3s linear;
}
.autoplay .current span i {
transform: scaleX(1);
transition: all 4s linear;
}
.autoplay .replace span {
background: rgba(255,255,255,0.2);
}
.autoplay .replace span i {
transform: scaleX(0);
}
/*å†…å®¹æ ·å¼*/
.slide1 .title {
text-align: center;
margin-top: 100px;
font-size: 30px;
font-weight: normal;
color: #fff;
}
.slide2 .title {
padding-top: 100px;
text-align: center;
}
.slide3 .title {
text-align: center;
margin-top: 300px;
font-size: 40px;
font-weight: normal;
}
.slide3 .title h2{
font-size: 50px;
line-height: 50px;
color: #000;
text-align: left;
font-weight: 100;
}
.slide3 .title p{
font-size: 22px;
line-height: 26px;
color: #000;
font-weight: 100;
text-align: left;
margin: 15px 0 40px;
}
.slide3 .title a{
color: #fff;
width: 40px;
height: 40px;
text-align: center;
font-weight: 100;
font-size: 24px;
line-height: 36px;
float: left;
display: inline-block;
border-radius: 100%;
background: #339933;
}
.apple-banner .swiper-slide{
}
.xgtj{
font-size: 20px;
color: #555555;
font-weight: 600;
padding-top: 20px;
margin-top: 20px;
border-top: 5px solid #f3f3f3;
margin-bottom: 20px;
}
.newshowbox_r_b_next2 .show_prev_name2{
border-bottom: 1px solid #ECECEC;
line-height: 1.4;
padding-bottom: 15px;
margin-bottom: 15px;
}
.xgtj_box a:last-child .show_prev_name2{
border:none;
padding-bottom: 0;
margin-bottom: 0;
}
.news_btdycb{
float: left;
margin-top: 0;
}
.news_btdycb>div{
display: inline-block;
padding-left: 20px;
}