body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td {margin:0;padding:0; outline:medium; }
* { margin:0; padding:0; }
img{ border:0;}
body{font-family: 微软雅黑; font-size: 14px; color: #666;}
ul{ list-style-type: none;}
a{text-decoration: none; color:#666;outline:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0; line-height:0;}
.clearfix:after {clear: both;}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f35{ font-size:35px;}
.red{ color:#e7393a;}
.more{ float:right;}
.more img{width:auto !important; margin-right:8px;}
.we .section{ padding-top:58px;}
.we .container{ padding-top:58px;}
/*a{ text-decoration: none; color: #666; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s;}
*/.section{ margin: 0 auto; /*width: 1200px;*/ background: #015CB5;}
.cf{color:#fff;}
.c3{ color:#333;}
.c9{ color:#999}
/*header*/
#header{ display:block; z-index:999; position:relative; background:#fff; }
#header .top{ width: 1200px; margin: auto; text-align: right; line-height: 80px; height: 80px;}
#header .top img{ height:60px; display: block; }
#header .top i{ display:block; float:left; margin-left:30px; height: 30px; line-height: 30px; margin-top: 25px; font-size: 24px; border-left:#eee 1px solid; padding-left: 30px; color: #015CB5; font-weight: bold;}
#header .top span{ display:inline-block; float:right;}
#header .top a.t_contact img{ vertical-align: middle; margin-right: 4px;}
#header .top .lang a{ border: 1px solid #ddd; margin-top: 10px;}
#header .top .lang a.on,#header .top .lang a:hover{ color: #0061a5; border: 1px solid #0061a5;}
.nav li a:hover, .n_haed .nav li a.act {border-bottom: 3px solid #0061a5;}
/* .logo img{ width: 290px;}*/
.m_header{display: none; }
/*nav*/
.nav{ height:56px; line-height:56px;}
.nav li{ float: left; width:16.6%; text-align: center; font-size: 14px; }
.nav li.yi{ position: relative; }
.nav li.yi:before{ content: ""; width: 1px; height: 15px; background: #ddd; display: block; position: absolute; left: 0; top: 50%;transform: translateY(-50%); }
.topne{ width: 100% ; background: #fff; border-bottom: solid 1px #e2e3e2;}
.l_map{ width:220px; float:left; margin-top:110px; background:url(../images/l_map_1.png) no-repeat; height:276px; position:absolute; z-index:8}
.l_map a{ display:block; height:276px; width:220px;}
.l_map a:hover{ background:url(../images/l_map_2.png) no-repeat; width:220px; height:276px; float:left;}
.l_map .city{ position:absolute; top:54px; left:110px; }
.l_map a:hover .city{color:#fff}
/*二级导航*/
.n_haeder {
}
#header .n_drop, .n_top, .n_haeder, .choose_car, .main_box, .n_copy, .inner_main {
margin: 0 auto;
width: 1220px;
}
.n_haeder .nav li a {
font-weight: bold;
font-size: 15px;
color:#fff;
height: 50px;
display: inline-block;
}
.n_haeder .nav li a b {
display: inline-block;
height: 32px;
}
.n_haeder .nav li a:hover b, .n_haeder .nav li a.act b {
border-bottom: 4px solid #d20414;
}
.n_haeder .search {
width: 220px;
float: right;
}
.n_haeder .nav li .drop {
width: 100%;
position: absolute;position: fixed;
top: 138px;
left: 0;
background: #fff;
line-height: 24px;
font-size: 14px;
display: none;
border-top: 1px solid #eee;
}
.n_haeder .nav li .n_drop {
padding: 60px 0 0 0;
overflow: hidden;
text-align: left;
}
#header .n_drop .p_l {
float: left;
width: 180px;
}
#header .n_drop .p_l h4, #header .n_drop .s_l h4 {
padding-bottom: 14px;
}
#header .n_drop .p_l h4, #header .n_drop .s_l ul{
height:auto; overflow:hidden;
}
#header .n_drop .p_l .hot_a a {
display: inline-block;
margin-bottom: 5px;
line-height: 32px;
padding: 0 6px;
}
#header .n_drop .p_l .hot_a a:hover {
border: none;
text-decoration: underline;
}
#header .n_drop .p_l .hot_a a.hot_blue {
background: #3fc6f3;
color: #fff;
}
#header .n_drop .p_l .hot_a a.hot_red {
background: #ff625f;
color: #fff;
}
#header .n_drop .p_l .hot_a a.hot_gren {
background: #29d375;
color: #fff;
}
#header .n_drop .p_l .t_new {
padding-top: 30px;
}
#header .n_drop .p_l .t_new a {
font-weight: bold;
text-decoration: underline;
}
#header .n_drop .p_l .t_new a:hover {
border: none;
}
#header .n_drop .p_l .t_new a.q_red {
color: #ff635f;
}
#header .n_drop .p_l .t_new a.blue {
color: #27b1e0;
}
#header .n_drop .p_r {
width:100%;
}
#header .n_drop .p_r li {
width: 100px;
float: left;
text-align: center;
}
#header .n_drop .p_r li p {
color: #333;
padding-bottom:6px;
}
#header .n_drop .p_r li li {
display: block;
height: 24px;
}
#header .n_drop .p_r li li a {
font-size: 12px;
color: #666;
}
#header .n_drop .p_r li li a:hover, #header .dro_service .list ul li a:hover {
color: #e60012;
border: none;
}
#header .n_drop .s_l {
float: left;
width: 300px;
border-right: 1px solid #e5e5e5;
height:200px;
}
.poen{ float: right;}
.poen em{ display: block; float: left; font-size: 52px; }
.poen dl{ overflow: hidden; text-align: left; padding-top: 18px;}
.poen dl dt{ font-weight: normal; margin:auto; }
.poen dl dd{color: #0061A5; font-weight: bold; font-size: 22px; margin-top:-5px;}
#header .n_drop .ac {
float: left;
width: 380px;
border-right: 1px solid #e5e5e5;
height: 200px;
}
#header .n_drop .s_l li {
float: left;
width: 120px;
margin-bottom: 5px;
background:url(../images/bule_dian.jpg) no-repeat 0 10px;
}
#header .n_drop .s_l .cc {
float: left;
width: 97px;
margin-bottom: 5px;
background:url(../images/bule_dian.jpg) no-repeat 0 10px;
padding-right:28px;
}
#header .n_drop .s_l li a {
width: 115px;
text-align: left;
font-size: 14px;
display: block;
font-weight: normal;
height: 24px;
line-height: 24px;
padding-left:15px;
color:#666
}
#header .n_drop .s_l li a:hover {
border: none;
color:#038aea;
}
#header .n_drop .s_r {
float: right;
width: 756px;
padding-left: 48px;
overflow: hidden;
}
#header .n_drop .ad {
float: right;
width: 1200px;
padding-left: 48px;
overflow: hidden;
border-left: none;
}
#header .n_drop .ad ul{ width:auto !important;}
#header .n_drop .ad li{ padding-right:55px; border-right:1px solid #e5e5e5; margin-right:55px !important;}
#header .n_drop .ab {
float: right;
width: 570px;
padding-left: 48px;
overflow: hidden;
}
#header .n_drop .s_r ul {
width: 1200px;
}
#header .n_drop .s_r li {
float: left;
width: 200px;
margin: 20px;
text-align: left;
}
.head_xian{ height:200px; border-left:1px solid #e5e5e5;}
#header .n_drop .s_r li a {
display: block;
overflow: hidden;
height: auto;
}
#header .n_drop .s_r li a:hover {
border: none;
}
#header .n_drop .s_r li a:hover .c3{color: #015CB5;}
#header .n_drop .s_r li .pic {
width: 250px;
/*height: 158px;*/
overflow: hidden; padding-bottom: 0; margin-bottom:10px;
}
#header .n_drop .s_r li .pic span{ padding-top: 51.87%; }
#header .dro_service .list {
width: 333px;
float: left;
}
#header .dro_service .list h4 {
padding-bottom: 10px;
}
#header .dro_service .list img {
float: left;
}
#header .dro_service .list ul {
width: 135px;
float: right;
}
#header .dro_service .list ul li a {
display: block;
padding-left: 15px;
font-size: 12px;
height: 24px;
line-height: 24px;
text-align: left;
}
.header_top {
margin-bottom: 20px;
color: #999999;
height: 40px;
text-align: right;
line-height: 40px;
}
.header_top span {
color: #0061A5;
margin-right: 20px;
float: right;
font-size: 14px;
}
.header_top span a:hover{ color: #0061A5;}
.w-1200{ width: 1200px; margin: auto;}
.floatR {
display: inline;
float: right;
}
/*n_banner*/
.banner{position:relative; width:100%; overflow:hidden; }
.baner{ width:1000px; position:relative; margin:0 auto;/* border-top:1px solid #ddd;*/}
.baner_box{ width:1920px; margin:0 -460px;}
.n_baner{ width:1920px; overflow:hidden; display:block; }
.banner .next,.banner .prev{width:21px; height:39px; display:block; position:absolute;top:50%; margin-top:-55px; z-index:1001;}
.banner .prev { background:url(../images/ban_prev_1.png) no-repeat; left:15px; }
.banner .next {background:url(../images/ban_next_1.png) no-repeat; right:15px; }
.banner .prev:hover{ background:url(../images/ban_prev.png)no-repeat; left:15px; }
.banner .next:hover{background:url(../images/ban_next.png)no-repeat; right:15px; }
.atlas { width:999999px;}
.atlas li{ float:left;}
.atlas li img{ display:block;}
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:5;}
.n_baner .num a{ width:12px; height:12px; display:inline-block; background:#000; border-radius:10px; margin:0 5px;}
.n_baner .num a.on{ background:#1f79cd}
.atlas li .know_more{ position:absolute; top:290px; left:930px;}
.atlas li .know_more a{ color:#fff; display:block;}
.atlas li .know_more a:hover{ color:#ee9021;}
.atlas li .know_more_1{ position:absolute; top:306px; left:25px; width:90px; height:30px; line-height:30px; text-align:center; background:#0689e5;}
.atlas li .know_more_1 a{ color:#fff; display:block;}
.atlas li .know_more_1 a:hover{ background:#ee9021;}
#inner_ban .n_baner{ height:auto;}
#inner_ban .n_baner img{ width:100%; height:auto; max-width:1920px; display:block;}
.i_news{ width:1000px; height:44px; background:#fff; position:absolute; bottom:30px; left:50%; margin-left:-500px;}
.i_news .new_bar{ position:relative;}
.i_news .new_bar{ width:50%; float:left; line-height:44px;}
.i_news .new_bar .tit{ background:#ee9021; width:18%; height:44px; text-align:center; color:#fff; float:left;}
.i_news .new_bar .txt{ width:70%; padding:0 6%; display:block; float:left;}
.i_news .new_bar .hide_bar{ position:absolute; left:0; bottom:44px; height:0px; width:500px; background:#fff; overflow:hidden; }
.i_news .new_bar .hide_bar ul{ width:99999px;}
.i_news .new_bar .hide_bar li{ float:left; width:500px;}
.i_news .new_bar .hide_bar li .img{ float:left; width:268px;}
.i_news .new_bar .hide_bar li .img img{ width:100%; overflow:hidden;}
.i_news .new_bar .hide_bar li .infor{ float:right; width:200px; padding:15px; line-height:20px;}
.i_news .new_bar .hide_bar li .vv{ float:right; width:470px; padding:15px; line-height:20px;}
.i_news .new_bar .hide_bar li .infor .time{ color:#999; border-bottom:1px solid #ddd; padding-bottom:6px; line-height:24px;}
.i_news .new_bar .hide_bar li .infor .detail{ padding-top:8px;}
.i_news .new_bar .hide_bar .new_num{ width:75%; padding-left:25%; height:6px; position:absolute; left:0; bottom:10px; text-align:center; z-index:2;}
.i_news .new_bar .hide_bar .new_num span{ width:30px; height:6px; display:block; background:#333; overflow:hidden; float:left; margin-left:10px; cursor:pointer;}
.i_news .new_bar .hide_bar .new_num span.on,.i_news .new_bar .hide_bar .new_num span:hover{ background:#0576c5}
/*i_main*/
.i_main{ padding:22px 0; overflow:hidden;}
.i_main .tit{ font-size:16px; color:#0061a5; height:28px; line-height:27px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.i_main .tit b{ float:left; display:block;}
.i_main .tit a{ font-size:12px; font-family:Arial;}
.i_main .tit a img{ margin-right:4px;}
.i_main .us{ width:274px; float:left;}
.i_main .us p{ padding-bottom:3px; line-height:22px;}
.i_main .sloution{ width:386px; float:left;}
.i_main .sloution .tit{ padding:0 20px;}
/*flex*/
.i_main .flex{ height:200px; padding:0 20px;}
.i_main .flex-left{ float:left; width:306px; height:200px; overflow:hidden;}
.i_main .flex-left .list{ width:25px; position:relative; float:left; overflow:hidden; padding-left:2px;}
.i_main .flex-left .list img{ vertical-align:middle;}
.i_main .flex-left .list a{ display:block; color:#fff; font-weight:bold; font-size:14px;}
.i_main .flex-left .list .name{ width:90%; height:48px; background:rgba(0,0,0,0.5); position:absolute; left:3px; bottom:0; line-height:34px; padding:0 0 0 10%;}
/*.i_main .flex-left .open{ width:204px; padding:0;}*/
.i_main .flex-left .open .name{ left:0px;}
.i_main .flex-right{ float:right;width:40px; height:200px;background:#2B9DC5;}
.i_main .flex-right a{ display:block; height:200px; background:url(../images/bj_sloution_more.jpg) no-repeat center; position:relative;}
.i_main .flex-right a b{ display:block; width:33px; height:33px; position:absolute; left:50%; top:50%; margin:-17px 0 0 -17px; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s;}
.i_main .flex-right a:hover b{ transform:rotate(180deg);}
.i_main .maps{width:340px; float:right;}
.i_main .maps .tab_name{ width:130px; float:right;}
.i_main .maps .tab_name li{ float:left; width:56px; border:1px solid #ddd; border-bottom:none; margin-left:4px; text-align:center; color:#666; cursor:pointer; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s;}
.i_main .maps .tab_name li.on{ color:#0061a5;}
.i_main .maps .tab_box .list{ display:none;}
.i_main .maps .s_company{ background:url(../images/map.jpg) no-repeat center top; height:170px; position:relative;}
.i_main .maps #map{ position: absolute;cursor:pointer;}
.i_main .maps .s_company .hide{ width:210px; padding:10px; background:#0576c5; color:#fff; line-height:20px; display:none; position:absolute;}
/*.i_main .maps .s_company #tip1{left:20px; top:110px;}
.i_main .maps .s_company #tip2{left:110px; top:90px;}
.i_main .maps .s_company #tip3{left:56px; top:110px;}
.i_main .maps .s_company #tip4{left:56px; top:120px;}*/
.i_main .maps .s_company .hide i{ width: 0;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom:10px solid #0576c5; position:absolute;}
/*.i_main .maps .s_company #tip1 i{left:42px; top:-8px;}
.i_main .maps .s_company #tip2 i{left:166px; top:-8px;}
.i_main .maps .s_company #tip3 i{left:166px; top:-8px;}
.i_main .maps .s_company #tip4 i{left:200px; top:-8px;}*/
.i_main .maps .s_company .hide .contry{ border-bottom:1px solid #fff; padding-bottom:4px; margin-bottom:4px;}
/*footer*/
#footer {background:#5f5f5f; color:#d0cfcf;}
#footer .section{ background:url(../images/bj_footer.jpg) repeat-y; overflow:hidden; padding:40px 0 0 0;}
#footer .section a{ color:#d0cfcf}
#footer .section .left{ float:left;}
#footer .section .left .tit{ font-size:14px; font-weight:bold; padding-bottom:4px;}
#footer .section .left li{ float:left; width:127px; text-align:left; line-height:26px; background:url(../images/footer_line.jpg) no-repeat 74% 10px; height:auto !important; min-height:130px; height:130px;}
#footer .section .right{ float: right; width: 233px;text-align: center;}
#footer .section .right .tel{ font-size:20px; color:#fff; padding:5px 0;}
#footer .copy{ padding:10px 0;}
/*anna*/
.p_banner{ width:100%; overflow:hidden; height:auto; position:relative; margin-top:10px;}
.p_banner .p_ban{ position:relative; margin:0 auto; width:1000px;}
.p_banner .p_bannerbox{ width:1920px; margin-left:-460px; overflow:hidden;}
.p_banner .p_bannerbox img{ float:left;}
.container{ margin:0 auto; }
.container .main_cont{line-height:26px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
/*online*/
.online{ width:46px; height:240px; position:fixed; right:1%; top:40%; z-index:5; display:none;}
.online li{ height:46px; border-bottom:1px solid #fff; line-height:46px;}
.online li a{ display:block; height:46px; background:#333; position:relative; color:#fff;}
.online li a:hover{ background:#ee9021;}
.online li a span{ height:46px; position:absolute; background:#ee9021; right:46px; top:0; width:100px; text-align:center; overflow:hidden; width:0;}
.online li.wx a span{height:128px; top:0;}
#ana_tab .club_list_box { border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:30px;}
/*é¢åŒ…屑*/
.main_box{ width:100%; height:100px; padding:0;}
.main_box_1{ height:100px; background:#fff}
.com_pub{ display:block;}
.com_pub .icon_pos{ background:url(../images/map_icon.png) no-repeat left center; padding:10px 0 0 26px}
.com_pub_box{ width:1000px; margin:0 auto;}
.curent_pos{ display:block; float:left; line-height:98px; font-size:14px;}
.curent_nav{ float:right; display:block; line-height:98px; font-size:14px;}
.curent_nav li{ float:left; margin-right:60px; font-size:14px;}
.curent_nav li a:hover,.curent_nav li a.on{ color:#f79e28}
.curent_nav .rr a:hover,.curent_nav .rr a.on{color:#68aec5}
.curent_nav li img{ vertical-align:middle; margin-right:10px;}
.com_pub_1{ background:#f0f0f0; height:auto; overflow:hidden; top:30px; position:relative; z-index:4}
.com_pub_1 .icon_pos_1{ background:url(../images/map_icon.png) no-repeat left center; padding:10px 0 0 26px}
.com_pub_box_1{ width:1000px; margin:0 auto;}
.curent_pos_1{ display:block; float:left; line-height:48px; font-size:14px;}
.curenr_more{ display:block; float:right; line-height:48px; height:48px; font-size:14px;}
.curenr_more img{ vertical-align:middle; cursor:pointer; margin-top:-3px; margin-left:5px;}
.detail_ban{ height:auto; overflow:hidden; position:relative; top:13px;}
.more_pub{ background:url(../images/white_bg.png) repeat; height:auto; z-index:3; position:absolute; width:100%; padding:30px 0; display:none; left:0;}
.more_pub .pub_box{ padding:20px 0;}
.more_pub .pub_box .left_box{ border-right:1px #ccc solid; float:left; width:16%; color:#0061a5; padding:30px 0; text-align:center;}
.more_pub .pub_box .left_box span{ display:block; background:url(../images/backing_icon.jpg) no-repeat center; line-height:26px; text-align:center; font-size:14px; margin-top:15px;}
.more_pub .pub_box .left_box span a{ color:#fff;}
.more_pub .pub_box .right_box{ float:right; width:83%;}
.more_pub .pub_box .right_box ul{ width:106%}
.more_pub .pub_box .right_box li{ float:left; margin-left:2%; width:17%}
.more_pub .pub_box .right_box li li{ float:left; width:100%; line-height:26px;}
.more_pub .pub_box .right_box li li a{ background:url(../images/grey.png) no-repeat left 10px; padding-left:10px;}
.more_pub .img{ position:absolute; height:auto; top:190px; right:215px; overflow:hidden;}
.more_pub .img img{ cursor:pointer;}
.more_pub .pub_box .right_box li li a:hover{color:#ff7800; background:url(../images/orange.jpg) no-repeat left 10px; }
.img_icon{ height:auto; overflow:hidden;}
.bottom_icon{ position:relative; top:10px;}
/*æœç´¢æ */
.research{ width:244px; height:34px; float:right;}
.research .r_serch_txt{ width:198px;height:30px; background: #e6e6e6; color: #999; font-size:12px; line-height:30px; float:left; border-right:none;}
.research .r_searchbtn{ width:40px; height:34px; background:#686969 ;border:none; color:#fff; line-height:34px; cursor:pointer; float:right; border-left:none;}
/*关于公å¸-anna*/
.title{ margin:3.7% 0; height:auto; overflow:hidden; }
.cont_title{ text-align:center; background:url(../images/bj_line.png) no-repeat center;}
.title .bj_2{ background:url(../images/bj_line1.png) no-repeat center !important; padding-left:10px;}
.title .aa{ line-height:26px !important;}
.cont_smtit{ display:none;}
.cont_smtit_1{ text-align:center; display:block; line-height:25px; margin-top:10px;}
.company_intro{ margin-top:30px; height:auto; overflow:hidden;}
.company_intro .company_img{ width:397px; height:287px; border:1px solid #e3e3e3; padding:10px; text-align:center; float:left;}
.company_intro .company_img img{ vertical-align:middle; display:block; }
.company_intro .intro_content{ width:530px; height:314px; overflow:hidden; float:right; padding:10px 0;}
.intro_content p{ line-height:26px; text-indent:2em;}
.intro_content .img{ width:100%; margin-bottom:35px;}
.ab_working { width:100%; height:auto; overflow:hidden; margin-bottom:75px;}
.ab_working_m{ display:none;}
.ab_working ul{ width:1105px;}
.ab_working ul li{ float:left; margin-right:5px; overflow:hidden;}
.ab_working_1{ display:none;}
.ab_working ul li a:hover img{ transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}
.ab_working ul li a img{transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}
.work_pic{ width:382px; float:left; height:auto; overflow:hidden}
.work_pic img{ overflow:hidden; float:left}
.ab_curture{ background:url(../images/ab_bj_cur.jpg) no-repeat center; height:auto; overflow:hidden;}
.ab_curture .container{ padding-top:58px;}
.ab_curture_pic{ text-align:center; }
.ab_curture_pic img{ vertical-align:middle;}
.ab_cur_icon{ margin-top:110px; height:auto; overflow:hidden; margin-bottom:170px;}
.ab_cur_icon ul li{ float:left; width:200px; height:220px; padding-bottom:30px;}
.ab_cur_icon ul li .img{ width:110px; height:110px; background:#2e2e2e; border-radius:55px; line-height:110px; text-align:center; margin:0 auto; margin-bottom:15px;}
.ab_cur_icon ul li .img img{ vertical-align:middle; }
.ab_cur_icon ul li .cc{ padding:0 20px; display:block;}
.ab_cur_icon ul li :hover .img{background:#ee9021; width:110px; height:110px; border-radius:55px; line-height:110px; text-align:center; margin:0 auto; margin-bottom:15px;}
.ab_cur_icon ul li a{ display:block; padding-top:30px;}
.ab_cur_icon ul li a:hover{ background:#fff; height:250px; width:200px; }
.ab_cur_icon ul li .aa_txt{ color:#2e2e2e; display:block; font-size:14px; text-align:center;}
.ab_cur_icon ul li .bb_txt{ color:#2e2e2e; display:none; text-align:left; font-size:14px;}
.ab_cur_icon ul li a :hover{ color:#067bcd}
.ab_cur_icon ul li a{ display:block; }
.ab_cur_icon ul li span{ display:block; text-align:center; margin-top:25px;}
.time_list{ margin-bottom:20px; display:block; margin-top:40px;}
.time_list_m{ display:none;}
.time_list ul li{ overflow:hidden; background:url(../images/time_line.png) repeat-y 500px top;}
.time_list ul li .border{ width:504px; height:auto; overflow:hidden; border-bottom:1px #ccc dotted; float:left;}
.time_list ul li .border_1{ width:493px; height:auto; overflow:hidden; border-bottom:1px #ccc dotted; float:right; padding:20px 0;}
.time_list ul li .time_1{ float:left; text-align:right; width:465px; display:block; line-height:32px; padding:30px 0;}
.time_list ul li .time_1 .intro{ display:block;}
.time_list ul li .time_img{ float: right; text-align:left; width:465px; }
.time_list ul li .time_img span{ border:#ccc solid 1px; padding:5px; display:block; width:148px; text-align:center; float:left; margin-right:30px;}
.time_list ul li .time_img span img{ vertical-align:middle;}
.time_list ul li:hover{color:#0689e5;}
.time_list ul li:hover .time_img span{ border:#0689e5 solid 1px;}
.time_list ul li:hover .time_1{ color:#0689e5;}
.time_list ul li:hover .time_img_1 span{ border:#0689e5 solid 1px;}
.time_list ul li .time_2{ float:right; text-align:left; width:465px; display:block; line-height:32px; padding:30px 0;}
.time_list ul li .time_2 .intro{ display:block;}
.time_list ul li .time_img_1{ float: left; text-align:right; width:465px; padding-bottom:20px; }
.time_list ul li .time_img_1 span{ border:#ccc solid 1px; padding:5px; display:block; width:158px; text-align:center; float:right}
.time_list ul li .time_img_1 span img{ width:100%; vertical-align:middle;}
.more_show{ text-align:center; margin-bottom:40px; }
.more_show a{ color:#fff; cursor:pointer;}
.more_show span{ line-height:40px; background:#0387e9; text-align:center; display:block; width:150px; margin:40px auto; font-size:14px; }
.more_show span :hover{ background:#ee9021; display:block;}
/*解决方案*/
.resolve_list{ width:101.8%}
.resolve_list li{ float:left; border:#ccc 1px solid; width:31.3%; margin-right:1.8%; margin-bottom:2.8%; overflow:hidden;}
.resolve_list li .img{ max-height:216px; overflow:hidden;}
.resolve_list li a img:hover { transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}
.resolve_list li a img{ transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}
/*.ab_working ul li a:hover img{ transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}
.ab_working ul li a img{transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}
*/
.resolve_list li img{ width:100%; vertical-align:middle;}
.resolve_list li .pro_tit{ text-align:center; display:block; color:#222; font-weight:bold; line-height:50px;}
/*æ–°é—»ä¸å¿ƒ*/
.p_main .container{ position:relative;}
.cont_top{ background:#fff; width:100%; height:auto; overflow:hidden;}
.cont_top .top_list{ width:34%; float:left; overflow:hidden;}
.cont_top .top_list li{ float:left; text-align:center; background:#eaeaea; margin-right:45px; }
.cont_top .top_list li a{ color:#333; padding:10px 30px; display:block;}
.cont_top .top_list .on,.cont_top .top_list li a:hover{ color:#fff; background:#666;}
.line{ margin:20px 0 0 0;}
.news_list ul li{border-bottom:#d1d1d1 1px dashed; float:left; padding:20px 0; width:100%}
.news_img{ width:18.6%; float:left; margin-right:3%;}
.news_img img{ width:100%; vertical-align:middle;}
.news_intro{ float:right; width:78.4%}
.news_intro .news_tit{ float:left;}
.news_intro .news_time{ line-height:20px; margin-left:3%; background:url(../images/time_icon.jpg) no-repeat; padding-left:3%}
.news_intro p{ margin-top:15px; text-indent:2em; line-height:24px;}
.news_intro .click{ width:105px; height:35px; background:#666; text-align:center; line-height:35px; color:#fff; display:block; margin-top:15px; float:right;}
.news_intro .click a{ color:#fff;}
.news_intro_1{ float:right; width:100%}
.news_intro_1 .news_tit{ float:left;}
.news_intro_1 .news_time{ line-height:20px; margin-left:3%; background:url(../images/time_icon.jpg) no-repeat; padding-left:3%}
.news_intro_1 p{ margin-top:15px; text-indent:2em; line-height:24px;}
.news_intro_1 .click{ width:105px; height:35px; background:#666; text-align:center; line-height:35px; color:#fff; display:block; margin-top:15px; float:right;}
.news_intro_1 .click a{ color:#fff; display:block; }
.news_intro_1 .click a:hover{ background:#0387e9; }
.news_num{ margin:0 auto; width:70%; padding:60px 0; text-align:center;}
.news_num a{ border:#999 1px solid; padding:8px 12px; display:inline-block; text-align:center; margin-right:15px;}
.news_num a:hover, .news_num .now{ color:#fff; background:#038aea; border:none;}
.news_num .num_all{ display:block; padding:30px;}
.btn{ padding:15px 0; text-align:center;}
.btn .submit{ background:#0387e9; width:240px; height:44px; border-radius:2px; border:none; font-size:16px; color:#fff; cursor:pointer; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; font-family:微软雅黑;}
.btn .submit:hover{background:#ee9021 }
/*æœç´¢ç»“æžœ*/
.search_tit{ margin:20px 0;}
.search_tit .tit{ color:#037bd0; font-size:20px; font-weight:bold; float:left; display:block}
.search_tit .se_result{ float:right; background:url(../images/serach_icon.jpg) no-repeat; margin-top:6px; padding-left:20px;}
.search_tit .se_result span{ color:#037bd0;}
.re_line{ border:none; border-top:2px #037bd0 solid; margin:15px 0; }
.result_list ul li{ border-bottom:1px #999 dotted; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.result_list ul li p{ width:91%; float:left; display:block; overflow:hidden;}
.result_list ul li a{ color:#333}
.result_list ul li a:hover{color:#037bd0;}
.result_list ul li .ee{ display:block; float:right; color:#999; font-size:12px;}
.result_list ul li .nn{ display:block;}
/*æ–°é—»ä¸å¿ƒè¯¦æƒ…*/
.news_title .news_contit{ color:#333; text-align:center; line-height:36px;}
.news_title .news_smalltit{ text-align:center; line-height:36px;}
.news_cont{ padding:30px 0; border-bottom:1px #eaeaea solid; border-top:1px #eaeaea solid}
.news_cont p{ text-indent:2em; line-height:26px;}
.news_cont .news_pic{ text-align:center; padding:20px 0; width:75%; margin:0 auto;}
.news_cont .news_pic img{ vertical-align:middle; width:100%}
.news_artical{ margin:30px 0; height:auto; overflow:hidden;}
.news_artical .news_art{ display:block; line-height:26px; width:80%; display:block; float:left;}
.news_artical .news_fh{ background:url(../images/news_fh.jpg) no-repeat center; text-align:center; float:right; line-height:32px; width:20%; margin-top:1% }
.news_artical .news_fh a{ display:block; padding-left:8%; color:#fff}
/*综åˆå®žåŠ›*/
.com_pub{ width:100%; overflow:hidden; background:#fff}
.com_pub .sub_nav{ float:right; font-size:14px;}
.com_pub .sub_nav ul li{ float:left; line-height:98px;}
.com_pub .sub_nav ul li a{ padding:30px 20px; color:#999}
.com_pub .sub_nav ul li a:hover{border-bottom:2px solid #038aea; color:#000}
.clearfix:before, .clearfix:after {content: "."; display: block; height: 0; visibility: hidden;}
.google_sem {
padding-bottom: 70px;
}
.google_sem div.name {
color: #e41b21;
font-size: 30px;
-webkit-transition: all ease-in 1s;
-moz-transition: all ease-in 1s;
-ms-transition: all ease-in 1s;
-o-transition: all ease-in 1s;
transition: all ease-in 1s;
-webkit-transform: translate(800px, 0);
-moz-transform: translate(800px, 0);
-o-transform: translate(800px, 0);
-ms-transform: translate(800px, 0);
transform: translate(800px, 0);
}
.google_sem div.name h4 {
border-bottom: 1px solid #ddd;
float: left;
padding: 10px 0;
}
.google_sem .box .l {
width: 470px;
float: left;
background:url(../images/per_tx.png) no-repeat left top;
height: 426px;
position: relative;
-webkit-transform: translate(-800px, 0);
-moz-transform: translate(-800px, 0);
-o-transform: translate(-800px, 0);
-ms-transform: translate(-800px, 0);
transform: translate(-800px, 0);
opacity: 0;
transition: all ease-in .6s;
-webkit-transition: all ease-in .6s;
-moz-transition: all ease-in .6s;
-ms-transition: all ease-in .6s;
-o-transition: all ease-in .6s;
}
.google_sem .box .l span {
width: 40px;
height: 40px;
display: block;
overflow: hidden;
position: absolute;
padding: 15px;
background: #fff;
border: 1px solid #ddd;
border-radius: 40px;
transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-ms-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
cursor: pointer;
}
.google_sem .box .l span i {
display: block;
height: 40px;
width: 40px;
margin-bottom: 20px;
transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-ms-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
}
.google_sem .box .l .icon1 {
left: 240px;
top: -4px;
}
.google_sem .box .l .icon2 {
left: 400px;
top: 90px;
}
.google_sem .box .l .icon3 {
left: 390px;
top: 280px;
}
.google_sem .box .l .icon4 {
left: 245px;
top: 355px;
}
.google_sem .box .l span.act, .google_sem .box .l span:hover {
background: #038aea; border:none;
}
.google_sem .box .l span.act i.move, .google_sem .box .l span:hover i.move {
margin-top: -60px;
}
.google_sem .box .r {
width: 300px;
float: right;
background: #f4f4f4;
padding: 35px;
line-height: 22px;
opacity: 0;
margin-top:100px;
-webkit-transition: all ease-in 1s;
-moz-transition: all ease-in 1s;
-ms-transition: all ease-in 1s;
-o-transition: all ease-in 1s;
transition: all ease-in 1s;
-webkit-transform: translate(800px, 0);
-moz-transform: translate(800px, 0);
-o-transform: translate(800px, 0);
-ms-transform: translate(800px, 0);
transform: translate(800px, 0);
}
.google_sem .box .r .list_txt {
display: none;
}
.google_sem .box .r .list_txt p {
padding-top: 8px;
text-indent: 2em
}
.google_sem .box .r .name {
text-align: left;
font-weight: bold;
font-size: 18px;
color:#333;
}
.on .google_sem div.name, .on .google_sem .box .l, .on .google_sem .box .r, .on .n_section .quote {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.m_personal_bj{ display:none;}
.personal_bj{ background:url(../images/per_bj.jpg) no-repeat center; height:638px; overflow:hidden;}
.personal_bj .container{ height:700px; padding-top:55px;}
.per_cont{ width:455px; height:auto; overflow:hidden; float:left; display:block; padding-top:75px;}
.per_cont .cont_tit{ font-size:20px; padding:20px 0; color:#333; text-align:center;}
.per_cont p{ line-height:26px; text-indent:2em; font-size:14px;}
.personal_blue{ background:url(../images/per_bj1.jpg) no-repeat center; height:688px; overflow:hidden;}
.personal_blue .container{ height:688px;}
.per{ margin-top:100px;}
.icon_list{ margin:0 auto; margin-top:100px; height:auto; overflow:hidden; width:700px;}
.icon_list ul{ width:760px; margin:0 auto;}
.icon_list ul li{ float:left; margin-right:45px;}
.icon_list ul li span{ display:block; color:#ebebeb; line-height:60px; text-align:center;}
.per_text{ margin-top:40px;}
.per_text p{ display:block; width:760px; margin:auto; line-height:32px; color:#ebebeb}
.per_text p img{ margin-right:10px;}
.team_cont{ background:#effcfc; height:auto; overflow:hidden; padding-bottom:100px;}
.container .teams{ background:url(../images/re_bj_white.png) no-repeat center; height:194px; }
.container .teams p{ padding:55px 60px; font-size:14px; line-height:28px; text-indent:2em}
.container .pro_list{ margin-top:75px;}
.container .pro_list ul{ width:1010px;}
.container .pro_list ul li{ float:left; margin-right:10px; width:191px; overflow:hidden;}
.pro_list a{ display:block; height:141px; position:relative; overflow:hidden;}
.pro_list a .bj{ width:100%; height:100%; background:rgba(26,142,221,.7); position:absolute; left:0; top:100%; z-index:1; color:#fff; text-align:center; transition:ease-in all .3s; -moz-transition:ease-in all .3s;-ms-transition:ease-in all .3s; -o-transition:ease-in all .3s; -webkit-transition:ease-in all .3s;}
.pro_list li a .bj span { display:block; height:30px; overflow:hidden; margin-top:141px; font-size:16px; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; transition:ease-in all .3s; -moz-transition:ease-in all .3s;-ms-transition:ease-in all .3s; -o-transition:ease-in all .3s; -webkit-transition:ease-in all .3s;}
.pro_list li a:hover .bj{ display:block; top:0;}
.pro_list li a:hover span{ margin-top:70px;}
.container .qual_txt{ line-height:26px; text-indent:2em; text-indent:2em;}
.container .qual_img{ text-align:center; margin:30px 0 85px 0;}
.container .qual_img img{ vertical-align:middle;}
/*解决问题详情页*/
.detail_content{ background:url(../images/details_bj.jpg) no-repeat center; height:603px; overflow:hidden; }
.detail_txt{ width:50%; float:left; overflow:hidden; padding-top:100px; max-height:400px;}
.detail_img{ width:50%; float:right; overflow:hidden; text-align:center;}
.detail_img img{height:420px; width:100%;}
.detail_txt .tit{ text-align:center; color:#0061a5; line-height:100px;}
.detail_txt p{ margin:0 auto; line-height:26px; padding:0 30px; width:62%; font-size:14px;}
.ban_list { width:100%; margin:30px 0; overflow:hidden;}
.ban_list ul{ width:80%; margin:0 auto;}
.ban_list ul li{ float:right; margin-right:10px; border:1px #999 solid; background:#fff; width:65px; height:75px; overflow:hidden;}
.ban_list ul li img{ width:100%; height:77px;}
.product_intr{ background:url(../images/details_tit.jpg) no-repeat center; height:188px; overflow:hidden;}
.product_intr .tit{ line-height:188px;}
.product_list{ z-index:3; margin-top:-46px; height:auto; overflow:hidden;}
.product_list ul { width:1002px;}
.product_list ul li{ float:left; line-height:46px; background:#f1f1f1; text-align:center; margin-right:2px; font-size:20px;}
.product_list ul li a{ padding:0 128px; display:block;}
.product_list ul li a:hover{ color:#fff; background:#ff7800;}
.product_cont{ width:100%; height:auto; overflow:hidden; background:url(../images/details_bottom.jpg) no-repeat center; height:258px; margin-bottom:100px;}
.product_cont .list_pro{ padding:100px; display:none;}
.product_cont .list_pro .pro_txt{ line-height:26px;}
.product_img{ padding-top:40px;}
/*è”系我们*/
.p_contact li{ width:235px; float:left; padding: 20px 15px 20px 0; }
.p_contact li .contact_list{ border-left:#eeeeee 1px solid; height:104px; padding-left:20px;}
.p_contact li .ww{ border-left:none;}
.p_contact li .contact_list .branch{ color:#e98d3a; line-height:36px;}
.p_contact li .contact_list p{ line-height:24px; color:#807e7e;}
.mess_content{ background:#fefbf9; height:auto; overflow:hidden; margin-top:50px;}
.title .bj_1{ background:#fefbf9}
.dorm_cont input{ width:30%; line-height:43px; background:#ededed; border:none; padding-left:60px; box-sizing:border-box; font-size:14px; margin-right:3%;}
.bj_icon{ position:relative; font-size:20px; z-index:3; top:-30px; left:20px; width:33%; float:left; }
.drom_txt textarea{ width:100%; line-height:32px; background:#ededed; border:none; padding: 10px 20px 20px 50px; box-sizing:border-box; font-size:14px; height:170px;}
.bj_icon_1{ position:relative; font-size:20px; z-index:3; top:40px; left:-640px; width:33%; float:left; }
.submit { margin:20px 0 70px 0;}
.submit span { width: 27%; margin:0 auto; line-height:50px; background:#038aea; display:block; text-align:center; font-size:16px; margin-bottom:100px;}
.submit span a{ color:#fff;}
.page_content_1{ position:relative;}
.acid{ overflow:hidden;}
.acid{ *margin-bottom:20px; _margin-bottom:0px}
.acid ul{ width:1030px;}
.acid li{ width:320px; float:left; margin-right:20px; overflow:hidden; position:relative; background:#f6f6f6;}
.acid li i{ width:30px; height:33px; position:absolute; left:10px; top:0; padding-top:11px; z-index:6}
.acid li input{ border:none; height:44px; width:270px; padding:0 10px 0 40px; font-size:14px; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; z-index:5; background:none; position:relative;}
.acid li span{ width:70px; height:44px; line-height:44px; position:absolute; z-index:0; top:0; left:40px;}
.textare { position:relative; background:#f6f6f6; overflow:hidden; margin-top:20px;}
.textare i{ width:30px; height:33px; position:absolute; left:10px; top:0; padding-top:10px; z-index:6;}
.textare textarea{ height:180px; width:950px; border:none; padding:12px 10px 10px 40px; font-size:14px; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; position:relative; z-index:5; background:none;}
.textare span{ width:70px; height:44px; line-height:44px; position:absolute; z-index:0; top:0; left:40px;}
/*404*/
.erron { text-align:center; margin-top:90px;}
.erron img{ vertical-align:middle;}
.buttons_back{ margin-bottom:19.44%;}
.buttons_back .backing{ width:36%; margin:0 auto;}
.buttons_back .backing li{ float:left; width:33.3%; margin:0 7.9%; background:#037bd0; line-height:38px; text-align:center}
.buttons_back .backing li a{ color:#fff; display:block;}
.buttons_back .backing li a :hover{ background:#333;}
/*社会责任*/
.p_social{ background:url(../images/duty_bj.jpg) no-repeat center;}
.solcial_show{ padding-top:175px; padding-bottom:120px; height:auto; overflow:hidden}
.m_social{ display:none;}
.solcial_show li{ width:50%; float:left; height:217px; overflow:hidden;}
.solcial_show li .show_txt{ width:210px; background:url(../images/blue_bj.png) repeat; float:left; padding:20px; height:277px; overflow:hidden;}
.show_txt .show_tit{ color:#fff; text-align:center; line-height:38px; }
.show_txt p{ color:#fff; line-height:21px;}
.solcial_show li .show_img{ float:left; text-align:center; width:250px; height:217px; overflow:hidden; position: relative;cursor: pointer; overflow: hidden;}
.solcial_show li .show_img img{ vertical-align:middle; width:100%;}
.solcial_show li:hover .show_txt{ background:#ef9120; color:#000; -webkit-transition: ease-out .4s; -moz-transition: ease-out .4s; -ms-transition: ease-out .4s; -o-transition: ease-out .4s; transition: ease-out .4s;}
.solcial_show li .mask_r{position: absolute;right: -320px; top:0px; line-height: 45px;text-align: center;color: #fff;background:url(../images/orange_bg.png) repeat;filter:Alpha(opacity=80); transform:skew(15deg,0deg) translate(20px,0px);-ms-transform:skew(15deg,0deg) translate(20px,0px);-moz-transform:skew(15deg,0deg) translate(20px,0px);-webkit-transform:skew(15deg,0deg) translate(20px,0px);-o-transform:skew(15deg,0deg) translate(20px,0px); width: 310px; height: 100%;display: block; }
.solcial_show li .mask_r:hover{transform:skew(0deg,0deg) translate(0px,0px);-ms-transform:skew(0deg,0deg) translate(0px,0px);-moz-transform:skew(0deg,0deg) translate(0px,0px);-webkit-transform:skew(0deg,0deg) translate(0px,0px);-o-transform:skew(0deg,0deg) translate(0px,0px);}
/*.solcial_show li .show_img span{ width:40px; height:40px; filter:Alpha(opacity=0); opacity:0; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px;}
.solcial_show li:hover .show_img span{ filter:Alpha(opacity=100); opacity:100; -webkit-transition: ease-out .4s; -moz-transition: ease-out .4s; -ms-transition: ease-out .4s; -o-transition: ease-out .4s; transition: ease-out .4s;}
*/
.solcial_show li .show_img span{ top:22%; position:absolute; left:0; background:url(../images/b_arrow_11.png) no-repeat; height:18px; width:10px;}
.solcial_show li:hover .show_img span{ background:url(../images/o_arrow_11.png) no-repeat}
.solcial_show li .show_img .arrow_left{ top:22%; position:absolute; left:240px; background:url(../images/b_arrow_22.png) no-repeat; height:18px; width:10px;}
.solcial_show li:hover .show_img .arrow_left{ background:url(../images/o_arrow_22.png) no-repeat}
/*人æ‰æ‹›è˜*/
.hr{ margin-top:30px;}
.hr .tit,.hr li{border-bottom:1px solid #ddd; width:20% float:left}
.hr .tit{ height:40px; line-height:40px; background:#828282;}
.hr ul{ overflow:hidden;}
.hr li{ width:20%; float:left; overflow:hidden; text-align:center; color:#fff}
.hr .list li{ line-height:34px; padding:8px 0; height:34px; overflow:hidden; color:#535353}
.hr .list .detail{ line-height:24px; padding:20px;border-bottom:1px solid #ddd; display:none;}
.hr .list .detail p{ padding:2px 0}
.hr .list .detail h4{ padding:10px 0;}
.hr .list a.date{ width:80px; background:#9a9a9a; display:inline-block; color:#fff;}
.hr .list a.date:hover,.hr .list a.on{ background:#cf000f;}
.hr a{ margin:0 6px;}
.hr .list .icon_apply img{ vertical-align:middle;}
/*弹出层*/
.zoom{ background:url(../images/bj_black.png) repeat; position:fixed; width:100%; height:100%; left:0; top:0; z-index:99; display:none;}
.n_zoom{ width:800px; padding:30px 40px 0 40px; height:480px; background:#fff; border-top:5px solid #0061a5; position:absolute; left:50%; top:50%; margin:-255px 0 0 -440px;}
.n_zoom a.close{ width:26px; height:26px; padding:20px; position:absolute; right:0; top:-3px;}
.n_zoom a.close img{-webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}
.n_zoom a.close:hover img,.sucess a.close:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
.su_fail{ z-index:9999; display:none; width:300px; padding:50px; background:#fff; position:fixed; left:50%; top:50%; margin:-150px 0 0 -200px; border-radius:10px; border:3px solid #666; text-align:center;}
/*弹出层 大图*/
.n_zoom .show_img{ float:left; width:740px; text-align:center; line-height:24px; font-size:14px; font-weight:bold; color:#333}
.n_zoom .show_img .small{ display:none;}
.n_zoom span{ width:26px; height:60px; display:block; cursor:pointer; margin-top:180px; border:1px solid #ddd; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}
/*弹出层 表å•*/
.form{ padding:30px;}
.form p{ overflow:hidden; padding:8px 0; line-height:30px;}
.form p label{ width:80px; padding-left:20px; float:left; font-weight:bold; }
.form p input{ border:1px solid #ddd; width:480px; height:22px;}
.form p textarea{ width:480px; height:120px; border:1px solid #ddd;}
.form p.tj{ padding-left:100px;}
.form .submit{ background:#0061a5; border:none; height:34px; width:200px; color:#fff; cursor:pointer;}
.bx{ background:#fff4f4;}
/*弹出层 æˆåŠŸå¤±è´¥*/
.sucess{ width:300px; height:160px; background:#fff; border:4px solid #ddd; position:absolute; left:50%; top:50%; margin:-80px 0 0 -150px; border-radius:15px; text-align:center;}
.sucess a.close{ width:26px; height:26px; display:block; background:url(../../../../Images/home/sharesunpv/zh-cn/hotsale_icon_close.png) no-repeat left top; position:absolute; right:5px; top:5px;}
.sucess h4{ line-height:24px; font-size:24px; padding-top:60px;}
.idea{ padding-bottom:40px;}
.idea ul{ width:1184px;}
.idea ul li{ text-align:center; float:left; width:317px; height:297px; margin-right:20px; cursor:pointer; color:#333;transition: ease 0.3s; border:1px solid #dadadc;}
.idea ul li .box{ padding-top:30px;}
.idea ul li .icon{ width:90px; height:92px; display:inline-block; overflow:hidden; }
.idea ul li .icon span{ width:74px; height:92px; border-radius:50%; display:inline-block;transition: ease 0.3s}
.idea ul li:hover{ background:#fbb92a; color:#fff; transition: ease 0.3s}
.idea ul li:hover .icon span{ -moz-transform:translateY(-95px); -ms-transform:translateY(-95px); -o-transform:translateY(-95px); -webkit-transform:translateY(-95px);transform:translateY(-95px); }
.idea ul li .txt{ text-align:left; display:block; line-height:20px; padding:10px;}
.idea ul li .name{ font-size:14px; margin-top:-15px; }
.idea .line{ height:2px; width:58px; display:block; background:#cdcdcf; margin:10px auto}
.idea ul li :hover .line{ height:2px; width:58px; display:block; background:#fff; margin:10px auto}
.time_list_m ul li .time{ font-size:16px;}
/*æœåŠ¡æ”¯æŒ*/
.page_content{ margin-bottom:80px;}
.page_content .left{ width:30%; float:left; display:block;}
.page_content .center{ float:left; width:40%; text-align:center; padding-top:40px; display:block;}
.page_content .right{ width:30%; float:left; display:block;}
.page_content li{ overflow:hidden; padding:25px 0; width:300px; height:84px; overflow:hidden;}
.page_content li img{ float:left;}
.page_content li .tit{ height:40px; line-height:40px; color:#43506c;}
.page_content li .txt{ width:204px; float:right;}
.p_main .container .kk{ display:none;}
.map_pic{ display:none;}
/*æˆåŠŸor失败*/
/*.su_main .ss{ margin-top:12.3%;}
.sucesss { text-align:center; margin:0 auto; margin-bottom:12.5%; width:57.6%; position:relative;}
.sucesss img{ vertical-align:middle; width:100%; display:block; }
.sucesss .back_act{ width:95px; height:36px; position:relative; margin:0 auto; margin-top:-14%; display:block; }
.sucesss span a{ color:#fff; font-weight:bold; line-height:45px; background:#5ea601; padding:9% 13%;}
*/
#su_main{display: none;
position: absolute;
z-index: 9999999;
height: 100%;
width: 100%;
background: #333;
opacity:0.4;
filter:alpha(opacity=40);
top:0;
padding-top:40%;}
#container{ display: none;
position: absolute;
height: 100%;
width: 100%;
padding-top: 30%;
z-index: 9999999;
left: 0px;
top: 0px;
}
.sucesss { text-align:center; margin:0 auto; margin-bottom:12.5%; width:35%; position:relative; margin-top:px;}
.sucesss img{ vertical-align:middle; width:100%; display:block; }
.sucesss .back_act{ width:95px; height:36px; position:relative; margin:0 auto; margin-top:-14%; display:block; }
.sucesss span a{ color:#fff; font-weight:bold; line-height:45px; background:#5ea601; padding:9% 13%;}
/*åœç•™*/
#header .top .lang a.on,#header .top .lang a:hover{ color: #0061a5; border: 1px solid #0061a5;}
.nav li a.on,.n_haeder .nav li a:hover{ border-bottom: 3px solid #fff;}
.com_pub .sub_nav li a.on,.com_pub .sub_nav ul li a:hover{border-bottom:2px solid #038aea; color:#000}
.php{ display:none;}
.num{ display:none;}
.nesn{ margin-top: 40px;}
.nesn ul li {
float: left;
padding-top: 10px;
margin-bottom: 34px;
background: #ededed;
padding: 10px;
}
.nesn ul li .pic {
float: left;
width: 20%;
/*height: 103px;*/
}
.nesn-aen {
overflow: hidden;
padding-left: 18px;
}
.nesn ul li .pic span{ padding-top: 91%; }
.nesn-aen span a {
color: javascript: ;
333333;
font-size: 16px;
}
.nesn-aen i {
color: javascript: ;
999;
font-size: 12px;
display: block;
line-height: 24px;
}
.nesn-aen p a {
color: javascript: ;
999;
font-size: 14px;
display: block;
line-height: 24px;
}
.nesn ul li{ width: 48.8%; margin: 7px;}
.nesn-aen {
overflow: hidden;
padding-left: 18px;
}
/*å¹³æ¿ç«¯*/
@media (min-width: 768px) and (max-width: 999px) {
.casee img{ float: left; width: 50%; }
.footer,.brand-in-wr{ display: none;}
}
}
@media (min-width: 992px) and (max-width: 1239px) {
#header{ display: none;}
.brand-con h4{ padding-left: 30px;}
.brand-con p{ padding-left: 30px;}
.proshow .prosleft {
float: none !important;
width: 70%;
margin: 0 auto;
}
.proshow .prosleft .products-pic2 {
display: block;
}
.proshow .prosleft .products-pic2 span.pic {
display: block;
}
.proshow .prosleft .products-pic2 span.pic:after {
padding-bottom: 70%;
}
.proshow .prosleft .products-pic2 .slick-dots {
height: 15px;
text-align: center;
bottom: 10px;
}
.proshow .prosleft .products-pic2 .slick-dots li {
width: 20px;
float: none !important;
display: inline-block;
margin: 0;
}
.proshow .prosleft .products-pic2 .slick-dots li button {
background: #999;
}
.proshow .prosleft .products-pic2 .slick-dots li.slick-active button {
background: #0061a5;
}
.proshow .prosleft .products-pic-max {
display: none;
}
.proshow .prosright {
width: 90%;
margin: 0 auto;
float: none !important;
}
.proshow .prosright .products-pic-min {
display: none;
}
.proshow .prosright .txt {
height: auto;
}
.sycase .sycase-wrap ul.clearfix li{ height: 300px;}
.kienw { width: 30%;}
.system img{ width: 92%;}
.system2{ display: none;}
.sycase .sycase-wrap ul li {
float: left;
display: block;
position: relative;
width: 50%;
}
.xn_c_index_357_wrap {display: none;}
/*.nesn ul li{ width: 100%;}
.nesn ul li a img{ width: 30%; float: left;}
.nesn ul li .nesn-aen{ width: 65%; float: left; margin-left: 10px;}*/
.ienw{ display: none;}
.container {
width: 98%;
}.container .logo {
margin-left: 20px;
}
.m_header{ display:block;}
.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
.m_header .logo{ width:65%; float:left; overflow:hidden;}
.m_header .logo img{ width:42%; vertical-align:middle; margin-top: 14px;}
.m_header .logo a,.m_header .logo img{ display:block; }
.m_header .collapse{ background-color: transparent; border-radius: 4px; float: right; cursor:pointer; margin-top: 1%;
margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}
.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0061a5; position:absolute; top:50%; transition:all ease 0.3s;}/*必须定ä½å“¦*/
.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.m_header .collapse.active span:nth-child(2){ display:none}
.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.m_nav{ position:absolute; width:100%; background: #333; left:0; z-index:66; display:none; }
.m_nav ul li{ width:100%; padding:0; height:auto; border-top:1px solid #ccc;}
.m_nav ul li.now{ background:#fff;}
.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
.m_nav ul li a{ display:block; width:100%; text-align:center; padding:10px; color:#fff; font-size:16px}
.m_nav ul li a .open, .m_nav ul li a .close { display: block; float: right; width:10px; height:10px; margin-top:2px }
.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
.m_nav ul li ul li a{ padding:5px 10px;}
.m_nav ul li ul li a i{ width:7px; height:10px; display: block; float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
.t_contact {
width: 74px;
float: left;
margin-left: 20px;
margin-top: 38px;
}
.t_contact .lang a {
padding: 6px 20px;
border: 1px solid #ddd;
}
}
@media (min-width:768px)and (max-width:999px){
.global-left{ display: none;}
.n_haeder .nav li {float: left;width: 14%;text-align: center;font-size: 14px;}
#header{ display:none;}
.m_header{ display:block;}
.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
.m_header .logo{/* width:65%;*/ float:left; overflow:hidden;}
.m_header .logo img{ width:42%; vertical-align:middle; margin-top: 14px;}
.m_header .logo a,.m_header .logo img{ display:block}
.m_header .collapse{ background-color: transparent; border-radius: 4px; float: right; cursor:pointer; margin-top: 2%;
margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}
.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0061a5; position:absolute; top:50%; transition:all ease 0.3s;}/*必须定ä½å“¦*/
.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.m_header .collapse.active span:nth-child(2){ display:none}
.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.m_nav{ position:absolute; width:100%; background: #333; left:0; z-index:66; display:none; }
.m_nav ul li{ width:100%; padding:0; height:auto; border-top:1px solid #ccc;}
.m_nav ul li.now{ background:#fff;}
.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
.m_nav ul li a{ display:block; width:100%; text-align:center; padding:10px; color:#fff; font-size:16px}
.m_nav ul li a .open, .m_nav ul li a .close { display: block; float: right; width:10px; height:10px; margin-top:2px }
.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
.m_nav ul li ul li a{ padding:5px 10px;}
.m_nav ul li ul li a i{ width:7px; height:10px; display: block; float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
.baner_box{ margin:0 auto; wodth:100%;}
.p_banner .p_bannerbox{display:none;}
.p_banner .p_bannerbox img{ width:100%;}
.main_box{ display:none;}
.section{ width:96%;}
.i_news{ display:none;}
.i_main .us{width: 46%;}
.i_main .sloution{width: 50%;}
.i_main .maps{width:100%;}
.i_main .maps .s_company{ background-size:100%; height:434px;}
/*content*/
.container{ width:98%; margin:0 auto; overflow:hidden;}
.i_main{margin: 0 1%;}
/*footer*/
#footer .section {background: #5f5f5f;overflow: hidden;padding: 20px 0 0 0;}
#footer .section .left li { background: #5f5f5f; float: left; width: 16%; text-align: center; line-height: 26px; height: auto !important; min-height: 26px; height: 26px; }
#footer .copy { padding: 10px 0; text-align: center; }
#footer .section .left{width: 90%;margin: 1% 5%;}
#footer .section .right{ display:none;}
.company_intro .company_img{ width:100%; height:auto; border:0; padding:0; text-align:center;}
.company_intro .company_img img{ display:initial}
.company_intro .intro_content{ width:96.3%; margin:0 auto; padding:0; height:auto; font-size:16px;}
.ab_working { display:none;}
.ab_working_m{ display:block; width:100%}
.ab_working_m img{ width:100%}
.time_list{ display:none;}
.time_list_m{ display:block; width:96%; margin:0 auto;}
.time_list_m ul li{ line-height:30px;}
.time_list_m ul li .intro{ margin-left:10px;}
.result_list ul li p{ width:74%; float:left; display:block; overflow:hidden;}
.result_list ul li span{ font-size:12px; margin-left:2%}
/*about*/
.container .main_cont{ margin:0}
.com_pub{ height:40px; display:none;}
.intro_content .img{ margin:2.7% 0;}
/*解决方案*/
.news_num{ width:100%; height:auto; overflow:hidden;}
.news_num li{ margin-right:1%}
.news_num li a{ padding:10px 9px;}
.news_num .num_all{ text-align:center;}
.news_intro .news_tit{ font-size:16px; margin-bottom:5px; width:100%}
.news_intro p{ display:none;}
.news_intro .click{width:20%; float:right; margin:0; height:25px; line-height:25px; display:block; margin-right:0; float:right; font-size:14px;}
.news_intro .news_time{background:none; padding-left:0; margin-left:0; }
.news_intro_1 p{ display:none;}
.news_intro_1 .news_tit{ margin-bottom:5px; font-size:14px; width:100%}
.news_intro_1 .click{width:20%; float:right; margin:0; height:20px; line-height:20px; display:block; margin-right:0; float:right;}
.news_intro_1 .news_time{background:none; padding-left:0; margin-left:0;}
.research{ margin-bottom:2%}
.cont_top .top_list{ width:100%; margin-top:10px;}
.cont_top .top_list li{ width:49%; margin-right:1% ;float:left; font-size:18px;}
.i_main .flex{width: 100%;}
.resolve_list li{ margin-right:1%; width:48%;}
.resolve_list li .pro_tit{ font-size:14px;}
.page_content .left{ width:100%; float:left;}
.page_content .center{ display:none;}
.page_content .right{ width:100%; float:left;}
.page_content li{ overflow:hidden; padding: 0; width:80%; margin-left:15px;}
.page_content li img{ float:left; width:13%}
.page_content li .tit{ height:40px; line-height:40px; color:#43506c;}
.page_content li .txt{ width:75%; float:left; margin-left:20px;}
.p_contact li{ width:100%; float:left; padding: 10px 0 0 0; }
.p_contact li .contact_list{ border:none; height:104px;}
.acid li{ width:100%; margin-bottom:10px;}
.sucesss .back_act{font-size:12px; margin-top:-25%}
.sucesss span a{ padding:2% 7%;}
#footer .section {background: #5f5f5f; overflow: hidden; padding: 10px 0 0 0; }
#footer .section .left li { background: #5f5f5f; float: left; width: 16%; text-align: center; line-height: 26px; height: auto !important; min-height: 26px; height: 26px; }
#footer .copy { padding: 10px 0; text-align: center; }
#footer .section .left{width: 90%;margin: 1% 5%;}
.google_adwards .adwards .l {text-align: center;}
.google_adwards .adwards .l img {width: 70%;}
.google_adwards .adwards .r, .google_adwards .adwards .l {width: 100%; float: none; padding: 0;}
.google_sem div.name h4 {float: none; text-align: center;}
.google_sem .box .l { width: 100%; height: 62px; background: none; float: none;}
.google_sem .box .l span {position: static; float: left; width: 25%; padding: 0; box-sizing: border-box; height: 60px; text-align: center; border-radius: 0; padding: 10px 0;}
.google_sem .box .l span i { display: block; margin: 0 auto; height:51px;}
.google_sem .box .l span.act i.move, .google_sem .box .l span:hover i.move { margin-top: -51px;}
.google_sem .box .r { width: 92%; float: none; padding: 10px 4%; margin-top:0;}
.google_sem .box .r .name { padding: 15px 0;}
.google_sem{ padding:0; margin-bottom:30px;}
.container .teams{ background:none;}
.container .qual_img{ width:80%; margin:20px auto}
.m_personal_bj{ display:block}
.personal_bj{ display:none;}
.buttons_back .backing{ width:100%;}
.m_personal_bj{ background:url(../images/per_bj_1.jpg) no-repeat center;}
.m_personal_bj .container{ padding-top:50px;}
.per_cont{padding:0; text-align:left; width:100%}
.per_cont .cont_tit{ padding:0 0 20px; font-size:20px;}
.per_cont p{ font-size:16px;}
.per_text p{ font-size:16px;}
.yuan{ width:40%; height:auto; margin:0 auto; margin-bottom:20px;}
.yuan img{ width:100%;}
.icon_list li{ width:50%; float:left; margin:0;}
.container .teams p{ padding:5px 12px; font-size:16px; text-indent:2em}
.container .qual_img img{ width:100%}
.container .qual_txt{ font-size:16px;}
.com_pub .sub_nav{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.com_pub .sub_nav ul li a{padding:0 20px;}
.com_pub .sub_nav ul li{ line-height:20px;}
.icon_list { margin-top:0; width:100%;}
.com_pub_box .nn{ display:none;}
.ab_cur_icon{margin:0; margin-bottom:30px;}
.ab_curture .container{ padding-top:20px;}
.ab_cur_icon ul li{ width:33.3%; height:auto; padding-bottom:0;}
.m_nav ul li ul{ display:none;}
.container .pro_list ul{ width:100%;}
.container .pro_list ul li{ width:20%; margin-right:0;}
.pro_list a{ height:auto;}
.container .pro_list ul li img{ width:100%;}
.container .pro_list{ margin-top:25px;}
.team_cont{ padding-bottom:25px;}
.pro_list li a .bj span { display:none;}
.detail_txt{ width:60%}
.detail_txt .tit{ font-size:24px;}
.detail_img{ width:40%;}
.detail_img img{ width:100%}
.detail_txt p{ font-size:18px;}
.detail_content{ height:auto}
.product_intr{ height:95px;}
.product_intr .tit{ line-height:95px; font-size:16px;}
.product_list{ margin-top:-30px;}
.product_list ul{ width:100%}
.product_list ul li{ line-height:30px; font-size:14px; width:48%}
.product_list ul li a{padding:0;}
.product_cont .list_pro{ padding:10px;}
.product_cont{ margin-bottom:50px;}
.research{ width:100%; margin-top:3%; margin-bottom:0; display:none;}
.line{ margin:10px 0; color:#999;}
.icon_list ul{ width:100%; overflow:hidden;}
.icon_list ul li{ width:25%; margin-right:0; text-align:center;}
.icon_list ul li img{ width:80% }
/*自适头部二级导航*/
.idea ul{ width:100%;}
.idea ul li{ width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:20px;}
.idea ul li .txt{ box-sizing:border-box; overflow:hidden; width:100%;}
.hr .list a.date{ width:60px;}
.personal_blue .container{ height:auto;}
.personal_blue{ height:auto;}
.per_text{margin-top:0; margin-bottom:30px;}
.solcial_show{ display:none;}
.p_social{ background:none;}
.m_social{ display:block; width:100%; overflow:hidden; height:20.5%; margin:15px 0;}
.m_social .m_show_tit{ text-align:center; margin:10px 0; font-size:24px;}
.m_social .m_social_img{ width:50%; margin:0 auto;}
.m_social .m_social_img img{ width:100%; vertical-align:middle;}
.m_social .m_social_txt{ padding:5px; line-height:26px; text-indent:2em; font-size:16px;}
.main_box{ display:none;}
.p_main .container .mm{ display:none;}
.map_pic{ width:100%; display:block; margin-bottom:30px;}
.map_pic img{ width:100%}
.p_main .container .kk{ display:block;}
.com_pub_1{ display:none;}
/*404*/
/*解决方案*/
.resolve_list li{ width:30.8%}
.online{ display:none !important}
.php{ display:block;}
.t_contact .lang a{ padding:6px 20px; border: 1px solid #ddd; }
.t_contact{ width:74px; float:left; margin-left:20px; margin-top:38px;}
.atlas li img{ width:100%}
.ab_cur_icon ul li{ width:50%; height:120px; font-size:14px;}
.ab_cur_icon ul li .aa_txt{ text-align:left;}
.ab_cur_icon ul li a:hover{ background:none; color:#666; height:auto; width:auto;}
.ab_cur_icon ul li a :hover{ color:#666}
.ab_cur_icon ul li :hover .img{ background:#2e2e2e; width:75px; height:75px; line-height:75px;}
.ab_cur_icon ul li .img{ width:75px; height:75px; line-height:75px; float:left; margin-right:15px;}
.ab_cur_icon ul li span{ margin-top:0;}
.ab_cur_icon ul li .bb_txt{ display:block; font-size:14px;}
.cont_title{ background:none !important;}
.title .bj_2{ background:none !important;}
.pro_list li a:hover .bj{ display:none;}
.google_sem .box .r .list_txt p{ font-size:16px;}
.section{ width:100%;}
.banner .next,.banner .prev{ display:none;}
.i_main .maps .tab_box .list{ text-align:center;}
}
/*手机*/
@media (max-width: 767px) {
.footer,.brand-in-wr{ display: none;}}
@media (max-width:767px) {
.global-left{ display: none;}
#header .top,.i_news,.i_main .flex-right,.footer-hidden,#footer .section .right,#footer .section .left{display: none;}
.section,.n_haeder .nav{width: 100%;}
.n_haeder .nav li {float: left; width: 14%; text-align: center; font-size: 14px; }
.title{ margin:3.7% 0;}
.cont_title{ font-size:16px;}
/*banner*/
.container{ width:96%; margin:0 auto; overflow:hidden;}
.baner_box{width: 100%; margin:0 auto;}
.n_baner{ margin:0;}
.atlas li img{width: 100%;}
.i_main .us{width: 100%;float: left; }
.i_main .sloution{width: 100%;float: left; }
.i_main .maps{width: 100%;float: left; }
.i_main{padding: 0 1%;}
.i_main .tit{padding-left:5px; font-size:14px;}
.i_main .sloution .tit{ padding-left:5px;}
.i_main .us p,.txt{width: 98%; margin:0 auto;}
.txt img{ width:90%; vertical-align:middle; margin:0 auto; display:block;}
.i_main .flex-left,.flex-left,.i_main .flex-left .list img,p.name img{width: 100%;}
.more img{ display:inline-block}
#head{ display:none;}
.m_header{ width:100%; left:0; top:0;}
.p_banner .p_ban{ width:100%;}
.p_banner .p_bannerbox{ display:none;}
.p_banner .p_bannerbox img{ width:100%}
.company_intro .company_img{ width:100%; height:auto; border:0; padding:0;}
.company_intro .intro_content{ width:96.3%; margin:0 auto; padding:0; height:auto;}
.ab_working { display:none;}
.ab_working_m{ display:block; width:100%}
.ab_working_m img{ width:100%}
.time_list{ display:none;}
.time_list_m{ display:block;}
.time_list_m ul li{ line-height:30px;}
.time_list_m ul li .intro{ margin-left:10px;}
.result_list ul li p{ width:74%; float:left; display:block; overflow:hidden;}
.result_list ul li span{ font-size:12px; margin-left:2%}
/*about*/
.container .main_cont{ margin:0}
.com_pub{ height:40px; display:none;}
.ab_curture_pic{ width:100%}
.ab_curture_pic img{ width:100%;}
.ab_cur_icon ul li .aa_txt{ font-size:12px;}
.intro_content .img{ margin:2.7% 0;}
.ab_cur_icon ul li .img{ width:85px; height:85px; line-height:85px;}
.time_list_m{ width:96%; margin:0 auto;}
.time_list_m ul li .time{ font-size:12px;}
/*解决方案*/
.news_num{ width:100%; height:auto; overflow:hidden;}
.news_num li{ margin-right:1%}
.news_num li a{ padding:10px 9px;}
.news_num .num_all{ text-align:center;}
.news_intro .news_tit{ font-size:12px; margin-bottom:5px; width:100%}
.news_intro p{ display:none;}
.news_intro .click{width:25%; float:right; margin:0; height:20px; line-height:20px; display:block; margin-right:0; float:right;}
.news_intro .news_time{background:none; padding-left:0; margin-left:0;}
.news_intro_1 p{ display:none;}
.news_intro_1 .news_tit{ margin-bottom:5px; font-size:14px; width:100%}
.news_intro_1 .click{width:20%; float:right; margin:0; height:20px; line-height:20px; display:block; margin-right:0; float:right;}
.news_intro_1 .news_time{background:none; padding-left:0; margin-left:0;}
.research{ margin-bottom:2%}
.cont_top .top_list{ width:100%; margin-top:10px;}
.cont_top .top_list li{ width:49%; margin-right:1% ;float:left;}
/* .flex-left{width: 100%;}*/
.i_main .flex{width: 100%; padding:0; height:auto;}
.i_main .flex-left{ height:auto;}
.i_main .flex-left .list{ width:32% !important; float:left;}
.resolve_list li{ margin-right:1%; width:48%;}
.resolve_list li .pro_tit{ font-size:14px;}
.i_main .flex-left .list .name{ line-height:20px; text-align:center; left:0; height:auto; font-size:12px;}
/**/
.page_content .left{ width:100%; float:left;}
.page_content .center{ display:none;}
.page_content .right{ width:100%; float:left;}
.page_content li{ overflow:hidden; padding: 0;}
.page_content li img{ float:left; width:20%}
.page_content li .tit{ height:30px; line-height:30px; color:#43506c; font-size:14px;}
.page_content li .txt{ width:75%; float:right;}
.p_contact li{ width:100%; float:left; padding: 10px 0 0 0; }
.p_contact li .contact_list{ border:none; height:104px;}
.acid li{ width:100%; margin-bottom:10px;}
.company_intro{ margin:0;}
.company_intro .company_img img{ width:90%; margin:0 auto}
.sucesss .back_act{font-size:12px; margin-top:-25%}
.sucesss span a{ padding:2% 7%;}
#footer .section {background: #5f5f5f; overflow: hidden; padding: 10px 0 0 0; }
#footer .section .left li { background: #5f5f5f; float: left; width: 16%; text-align: center; line-height: 26px; height: auto !important; min-height: 26px; height: 26px; }
#footer .copy { padding: 10px 0; text-align: center; width: 96%;}
#footer .section .left{width: 90%;margin: 1% 5%;}
.google_adwards .adwards .l {text-align: center;}
.google_adwards .adwards .l img {width: 70%;}
.google_adwards .adwards .r, .google_adwards .adwards .l {width: 100%; float: none; padding: 0;}
.google_sem div.name h4 {float: none; text-align: center;}
.google_sem .box .l { width: 100%; height: 62px; background: none; float: none;}
.google_sem .box .l span {position: static; float: left; width: 25%; padding: 0; box-sizing: border-box; height: 60px; text-align: center; border-radius: 0; padding: 10px 0;}
.google_sem .box .l span i { display: block; margin: 0 auto; height:51px;}
.google_sem .box .l span.act i.move, .google_sem .box .l span:hover i.move { margin-top: -51px;}
.google_sem .box .r { width: 92%; float: none; padding: 10px 4%; margin-top:0;}
.google_sem .box .r .name { padding: 15px 0;}
.google_sem{ padding:0; margin-top:0; margin-bottom:0;}
.m_personal_bj{ display:block}
.personal_bj{ display:none;}
.buttons_back .backing{ width:100%;}
.m_personal_bj{ background:url(../images/per_bj_1.jpg) no-repeat center;}
.m_personal_bj .container{ padding-top:35px;}
.per_cont{padding:0; text-align:left; width:100%}
.per_cont .cont_tit{ padding:0 0 20px; font-size:16px; display:none;}
.yuan{ width:60%; height:auto; margin:0 auto; margin-bottom:20px;}
.yuan img{ width:100%;}
.icon_list li{ width:50%; float:left; margin:0;}
.container .teams p{ padding:5px 12px; line-height:24px;}
.container .qual_img img{ width:100%}
.news_cont img{ width:100%;}
.com_pub_1{ display:none;}
.com_pub .sub_nav{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.com_pub .sub_nav ul li a{padding:0 20px;}
.com_pub .sub_nav ul li{ line-height:20px;}
.icon_list { margin-top:0; width:100%;}
.com_pub_box .nn{ display:none;}
.ab_cur_icon{margin:0; margin-bottom:30px;}
.ab_curture .container{ padding-top:20px;}
.ab_cur_icon ul li{ width:100%; height:auto; padding-bottom:0;}
.m_nav ul li ul{ display:none;}
.container .pro_list ul{ width:100%;}
.container .pro_list ul li{ width:20%; margin-right:0;}
.pro_list a{ height:auto;}
.container .pro_list ul li img{ width:100%;}
.container .pro_list{ margin-top:25px;}
.team_cont{ padding-bottom:25px; padding-top:35px;}
.pro_list li a .bj span { display:none;}
.detail_txt{ padding-top:20px; width:60%}
.detail_txt .tit{ line-height:26px; font-size:16px; }
.product_cont .list_pro .pro_txt{ font-size:12px;}
.detail_img{ width:40%; max-height:180px;}
.detail_img img{ width:100%; height:auto;}
.detail_txt p{ line-height:22px; font-size:12px;}
.detail_content{ height:auto}
.product_intr{ height:95px;}
.product_intr .tit{ line-height:95px; font-size:16px;}
.product_list{ margin-top:-30px;}
.product_list ul{ width:100%}
.product_list ul li{ line-height:30px; font-size:14px; width:48%}
.product_list ul li a{padding:0;}
.product_cont .list_pro{ padding:10px;}
.product_cont{ margin-bottom:50px;}
.research{ width:100%; margin-top:3%; margin-bottom:0; display:none;}
.line{ margin:10px 0; color:#999;}
.icon_list ul{ width:100%; overflow:hidden;}
.icon_list ul li{ width:25%; margin-right:0; text-align:center;}
.icon_list ul li img{ width:80% }
.icon_list ul li span{ line-height:20px;}
/*自适头部二级导航*/
#header{ display:none;}
.m_header{ display:block;}
.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
.m_header .logo{ /*width:25%;*/ float:left; overflow:hidden; padding-top: 5px;}
.m_header .logo img{ /*width:100%; */vertical-align:middle;}
.m_header .logo a,.m_header .logo img{ display:block; height:45px;}
.m_header .collapse{ background-color: transparent; border-radius: 4px; float: right; cursor:pointer; margin-top: 35px;margin-right: 4%; position:relative; width:40px; background-image:none;}
.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 3px; width: 40px; background:#0061a5; position:absolute; top:50%; transition:all ease 0.3s;}/*必须定ä½å“¦*/
.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.m_header .collapse.active span:nth-child(2){ display:none}
.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.m_nav{ position:absolute;background:#333; width:100%; left:0; z-index:66; display:none; }
.m_nav ul li{ width:100%; padding:0; height:auto; border-top:1px solid #d4d1d1;}
.m_nav ul li.now{ background:#fff;}
.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
.m_nav ul li a{ display:block; width:100%; text-align:center; padding:10px; color:#fff; font-size:14px}
.m_nav ul li a .open, .m_nav ul li a .close { display: block; float: right; width:10px; height:10px; margin-top:2px }
.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
.m_nav ul li ul li a{ padding:5px 10px;}
.m_nav ul li ul li a i{ width:7px; height:10px; display: block; float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
.solcial_show{ padding:0;}
.idea ul{ width:100%;}
.idea ul li{ width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:20px;}
.idea ul li .txt{ box-sizing:border-box; overflow:hidden; width:100%;}
.hr .list a.date{ width:60px;}
.personal_blue .container{ height:auto;}
.personal_blue{ height:auto; padding-top:35px;}
.per_text{margin-top:0; margin-bottom:30px; margin-top:20px;}
.solcial_show{ display:none;}
.p_social{ background:none;}
.m_social{ display:block; width:100%; overflow:hidden; height:20.5%; margin:15px 0;}
.m_social .m_show_tit{ text-align:center; margin:10px 0;}
.m_social .m_social_img{ width:80%; margin:0 auto;}
.m_social .m_social_img img{ width:100%; vertical-align:middle;}
.m_social .m_social_txt{ padding:5px; line-height:26px; text-indent:2em;}
.main_box{ display:none;}
.p_main .container .mm{ display:none;}
.map_pic{ width:100%; display:block; margin-bottom:30px;}
.map_pic img{ width:100%}
.p_main .container .kk{ display:block;}
.btn .submit{ margin-top:0;}
.t_contact{ width:60px; float:left; margin-left: 10%;
margin-top: 7%;}
.t_contact .lang a{ padding:0 5px; border: 1px solid #ddd; }
.i_main .tit b{ float:none; margin-top:10px;}
.ab_curture_pic{ width:100%}
.ab_curture_pic img{ width:100%;}
.ab_cur_icon ul li .aa_txt{ font-size:12px; text-align:left; font-weight:bold; display:block;}
.ab_cur_icon ul li a:hover{ background:none; height:auto; width:auto;}
.ab_cur_icon ul li :hover .img{ background:#2e2e2e; height:75px; width:75px; line-height:75px;}
.ab_cur_icon ul li a :hover{ color:#2e2e2e}
.intro_content .img{ margin:2.7% 0;}
.intro_content .img img{ width:100%}
.ab_cur_icon ul li .img{ width:75px; height:75px; line-height:75px; float:left; margin-right:15px;}
.ab_cur_icon ul li span{ margin-top:0;}
.ab_cur_icon ul li .bb_txt{ display:block; font-size:12px;}
.cont_title{ background:none !important;}
.title .bj_2{ background:none !important;}
.online{ display:none !important}
.news_num a{ padding:8px; margin-right:0;}
.n_zoom{ width:100%; margin: -255px 0 0 0; left:0; padding:30px 0 0 6px;}
.form p label{ width:23%}
.form p input{ width:58%}
.form p{ text-align:center;}
.form{ padding:0;}
.form p.tj{ padding-left:0;}
.php{ display:block;}
.php .more_pub{ display:block; position:relative; padding:0; background:none; margin-bottom:40px;}
.detail_content{ background:none;}
.more_pub .pub_box{ padding:0;}
.more_pub .pub_box .left_box{ display:none;}
.more_pub .pub_box .right_box{ width:100%}
.more_pub .pub_box .right_box li{ width:50%}
.more_pub .img{ display:none;}
.more_pub .pub_box .right_box li{ width:50%; margin:0;}
.banner .next,.banner .prev{ display:none;}
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:5; display:none;}
.n_baner .num a{ width:12px; height:12px; display:inline-block; background:#000; border-radius:10px; margin:0 5px; float:left;}
.n_baner .num a.on{ background:#1f79cd}
.we .section{ padding-top:0;}
.we .container{ padding-top:0;}
.hr{ margin-top:15px;}
.hr a{ display:none;}
}
/*手机480*/
.col-md-4 img{ width: 100%;}
@media (max-width: 479px) {
.footer,.brand-in-wr{ display: none;}}
@media (max-width: 479px) {
.global-left{ display: none;}
.baner_box{width: 100%%; margin:0 auto;}
#header{ display:none; }
.m_header{display:block; background:#fff}
.container{ width:98%; margin:0 auto; overflow:hidden;}
.p_banner .p_ban{ width:100%;}
.p_banner .p_bannerbox{ display:none;}
.p_banner .p_bannerbox img{ width:100%}
}
/*2017-12-5--zero*/
.bb1 {
margin-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #dddddd;
}
.Investor_list {
padding: 20px 0;
overflow: hidden;
border-bottom: 1px dashed #dddddd;
}
.Investor_list .time {
width: 120px;
height: 120px;
float: left;
margin-right: 20px;
background: #f9f9f9;
text-align: center;
padding: 10px;
}
.Investor_list .time h3 {
font-size: 40px;
padding-top: 15px;
color: #666666;
border-bottom: 1px solid #dddddd;
}
.Investor_list .time span {
font-size: 20px;
color: #666666;
padding-top: 3px;
display: block;
}
.Investor_list a {
float: right;
width: 105px;
height: 35px;
text-align: center;
line-height: 35px;
background: #666666;
color: #ffffff;
margin-top: 15px;
transition: all .3s;
}
.Investor_list a:hover {
background: #038aea;
transition: all .3s;
}
.txt_box h3 {
font-size: 18px;
color: #333333;
padding-bottom: 10px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.txt_box .txt {
height: 55px;
overflow: hidden;
}
.txt_box .txt p {
font-size: 14px;
line-height: 1.8;
}
@media (max-width: 479px) {
.global-left{ display: none;}
.Investor_list .time {
width: 100%;
height: auto;
float: none;
margin: 0 0 10px;
padding: 10px 0;
}
.Investor_list .time h3 {
padding: 0;
margin: 0 10px;
}
}
.he_border2{background:#036;height:600px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 img{ width: 400px; height:610px;}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:16px;text-align:center;width:79%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2 .he_border2_caption_p a{ display: block; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 4px; padding: 4px; margin: 150px 100px; width: 100px;}
.he_border2:hover .he_border2_caption_p{top:30%;opacity:1}
.he_border3{background:#036;/*height:300px;*/padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
/*.he_border3 img{ width: 410px; height:305px;}
.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}*/
.he_border3 .pic span{ padding-top: 51.87%; }
.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}
.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; background:rgba(0,0,0,0.7);}
.he_border3:hover .he_border3_caption{ background:none; }
.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border3 .he_border3_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border3 .he_border3_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border3 .he_border3_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:43%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border3 .he_border3_caption_p{font-size:16px;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border3 .he_border3_caption_p a{ display: block; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 4px; padding: 4px; margin: 66px auto; width: 100px;}
.he_border3:hover .he_border3_caption_p{top:40%;opacity:1}
.footer {
height: 350px;
background: #393f46;
width: 100%;
clear: both;
position: relative;
z-index: 5;
}
.footer .ul {
height: 300px;
background:url(../images/9a45b8fd41f834577e0d5b7b5791012f_index_32.png) no-repeat center right;
padding-top: 44px;
}
@media screen and (max-width: 1440px)
.w-1200 {
margin-left: auto;
margin-right: auto;
width: 1101px;
}
.footer .footb {
background: #32373d;
line-height: 50px;
}
@media screen and (max-width: 1440px)
.w-1200 {
margin-left: auto;
margin-right: auto;
width: 1101px;
}
.footer .footb span, .footer .footb a {
color: #d1d1d1;
}
@media screen and (max-width: 1440px)
.footer .ul .li {
padding-right: 50px;
}
.footer .ul .li {
float: left;
padding-right: 65px;
}
.footer .ul .li span {
line-height: 54px;
display: block;
font-size: 16px;
color: #fff;
}
.footer .ul .li a {
line-height: 30px;
display: block;
font-size: 13px;
color: #dadada;
}
.footer .ul .lib {
float: right;
width: 251px;
}
.footer .ul .lib .p1 {
border-bottom: solid 1px #e6e6e6;
line-height: 48px;
background: url(../images/index_28.png) no-repeat center left;
text-indent: 44px;
font-size: 16px;
color: #fff;
margin-bottom: 8px;
}
.footer .ul .lib .p2 {
font-size: 13px;
color: #fff;
line-height: 24px;
}
.footer .ul .lib .p3 {
padding-top: 18px;
}
.hasdiv{ overflow:hidden; display:block; position:relative;}
.hasdiv .bkg{ display:block; width:100%;
transition:All 0.2s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.hasdiv .bkg img {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
display: block;
object-fit: cover;
}
/*.hasdiv:hover .bkg{transform: rotate(0deg) scale(1.1);
-webkit-transform: rotate(0deg) scale(1.1);
-moz-transform: rotate(0deg) scale(1.1);
-o-transform: rotate(0deg) scale(1.1);
-ms-transform: rotate(0deg) scale(1.1);}*/
.goods-img {
background: #ffffff;
padding: 10px;
border: solid 1px #cccccc;
}
.goods-img .bkg{ padding-bottom:75%}
.goods-img .bkg img{object-fit: contain;}
.goods-img.goods-img1{ border:0px; padding:0px;}
.goods-img.goods-img1 .hasdiv{ border-radius:10px;}
.goods-img.goods-img1 .bkg{ padding-bottom:108%}
.GoodsImgHeight {
margin-top: 20px;
}
.GoodsImgHeight .title {
font: 500 16px/28px "\5FAE\8F6F\96C5\9ED1",tahoma;
margin-top: 2px;
height: 38px;
line-height: 38px;
text-align: center;
cursor: pointer;
}
.GoodsImgHeight:hover {
color: #fff;
background: #0061A5;
}
.goods-img:hover {
border: 1px solid #0061A5;
}
.goods-img1:hover {
border: 0px solid #0061A5;
}
.GoodsImgHeights{ margin-top:25px;border: solid 1px #cccccc; padding:20px; border-radius:10px;}
.GoodsImgHeights .titles{ margin:10px 0px 10px 0px; font-size:16px;}
.GoodsImgHeights p{ padding-left:40px; background:url(../images/xz.png) 0px center no-repeat;}
.swiper_hdp{ /*width:80%; */display:none; margin:auto; }
.swiper_hdp .swiper-slide{ text-align:center; background:#CCC}
.swiper_hdp .swiper-slide img{ display:block; margin:auto; width:100%; }
.swiper_hdp .swiper-button-prev{
right: auto;
left: 0px; width:auto; height:auto; background:none; border:1px solid #FFF;
}
.swiper_hdp .swiper-button-next{
right: 0px;
left: auto;width:auto; height:auto; background:none; border:1px solid #FFF;
}
.swiper_hdp .swiper-button-prev:before{
content:"\e635";font-family: 'iconfont'; font-size:40px;color:#FFF;
}
.swiper_hdp .swiper-button-next:before{
content: "\e6e1";font-family: 'iconfont';font-size:40px; color:#FFF;
}
.swiper_hdp .swiper-button-prev:hover:before{
color:#F00;
}
.swiper_hdp .swiper-button-next:hover:before{
color:#F00;
}
.swiper_hdp .swiper-pagination{ bottom:60px}
.swiper_hdp .swiper-pagination .swiper-pagination-bullet{ background:#666}
.swiper_hdp .swiper-pagination .swiper-pagination-bullet-active{ background:#0061a5}
.cpr{ overflow: hidden; padding-left: 30px; }
.pdtit{font-size: 37px;
color: #15202f;
padding-top: 44px;
margin-bottom: 25px; margin:30px auto;}
.cpr .pdec{ margin:10px auto; line-height: 1.8; }
.big_swiper_list1{ padding:0px 0px; display:none; height:auto;overflow:hidden; position:relative;}
.swiper_list1{ /*width:100%;*/ display:block; margin:auto; padding-bottom:50px;}/*整个幻ç¯ç‰‡å±‚*/
.swiper_list1 .swiper-slide{ text-align:center; background:#fff; padding:0 0 30px 0;}
.swiper_list1 .swiper-slide img{ display:block; margin:auto; max-width:100%; object-fit: contain; border:#ddd 1px solid }
.swiper_list1 .swiper-slide p{ margin:10px auto 0 auto;}
.big_swiper_list1 .swiper-button-prev{
right: auto;
left: 0px; width:21px; height:39px; background:url(../images/ban_prev.png) center center no-repeat;
}
.big_swiper_list1 .swiper-button-next{
right: 0px;
left: auto;width:21px; height:39px; background:url(../images/ban_next.png) center center no-repeat;
}
.big_swiper_list1 .swiper-button-prev:hover:before{
color:#F00;
}
.big_swiper_list1 .swiper-button-next:hover:before{
color:#F00;
}
.swiper_list1 .swiper-pagination{ bottom:0px;}
.swiper_list1 .swiper-pagination .swiper-pagination-bullet{}
.swiper_list1 .swiper-pagination .swiper-pagination-bullet-active{ background:#0061a5}
.big_swiper_list1{ display:block }
.big_swiper_list1 .bkg{ padding-bottom:75%;}
.brand-con{ text-align:left!important;}
.brand-con h3{ text-align:center}
@media only screen and (max-width: 800px){
.jdtx{ display:none}
.swiper_hdp{ display:block}
.pdtit{ margin:20px auto; font-size: 22px;}
.fshow-con img{ max-width:100%}
.big_swiper_list1{ display:block}
.xgcp ul{ display:none}
.xgcp {
padding-bottom: 24px!important;
}
#tsShopContainer{ display: none; }
}
@media only screen and (max-width: 600px){
.cpr{ padding-left: 0; }
.pdtit{ margin:10px auto; padding-top: 0; }
.GoodsImgHeights{ padding:10px;}
}