@charset "utf-8";
/* CSS Document */
header{ height:65px; line-height:65px; width:100%; position:absolute; top:0; z-index:10000; transition: all .5s;}
header #nav_list{ width:1200px; margin:0 auto; height:65px;}
header:hover{ background:#fff;}
header .logo{ float:left; width:140px; height:30px; background:url(../img/logo.png) no-repeat; margin-top:20px; background-size:100%}
header .logo a{ display:block; width:140px; height:30px;}
header .toptell{ float:left; width:184px; height:32px; background:url(../images/tell.png) no-repeat; margin-top:20px; margin-left:60px; margin-right:20px;}
header .navber{ float:left}
header .navber ul{ height:65px; line-height:60px; padding:5px 0 0 15px;}
header .navber ul li{ float:left; margin-left:35px; height:58px;}
header .navber ul li a{ font-size:13px; color:#fff;}
header .sousuo{ float:left; position:relative; top:27px;}
header .sousuo a{ display:block; width:30px; background:url(../images/sousuo.png) no-repeat; height:30px; position:relative; top:-5px; background-size:cover}

header .banben{ float:right; position:relative;}
header .banben a{width:80px; height:65px; line-height:65px; color:#FFF; font-size:14px; position:relative;  background-size:cover}
header:hover .banben a,#hover_navber .banben a{background-size:cover; color:#000; }

header:hover .logo,#hover_navber .logo{ background:url(../images/logo_1.png) no-repeat;background-size:100%}
header:hover .toptell,#hover_navber .toptell{ background:url(../images/tell_1.png) no-repeat;}
/*header .navber ul li{ border-bottom:2px solid #fff}*/
header:hover .navber ul li a,#hover_navber .navber ul li a{ color:#000}
header:hover .sousuo a,#hover_navber .sousuo a{ background:url(../images/sousuo_1.png) no-repeat; background-size:cover }
header .navber ul li:hover{ border-bottom:2px solid #303233}
#hover_navber{ background:#fbfbfb}
.full-screen{ display:none; background:#fff; width:100%; position:absolute; left:0; right:0; border-top:1px solid #e8e8e8; z-index:10000}
.grid-container{ width:1200px; margin:0 auto; overflow:hidden; padding:25px 0 50px 0}
.grid-container_1{ width:980px; margin:0 auto}
.grid-container .column-item{ float:left; padding-right:35px; width:345px; border-right:1px solid #f0f1f2; margin-right:45px; margin-bottom:45px; min-height:195px;}
.grid-container .column-item:nth-child(3){ margin-right:0; border:0; padding-right:0;}
.grid-container .column-item h3{  line-height:20px; margin-bottom:15px;}
.grid-container .column-item h3 a{font-size:15px;}
.grid-container .column-item a:hover{ text-decoration:underline}
.grid-container .column-item p{ display:block; line-height:32px;}
.grid-container .column-item p a{ color:#999}
.grid-container .nav-item{ width:125px; position:relative; left:535px; border:0;text-align:center}
header .navber ul li:hover .full-screen{ display:block; transition: all .5s;}
.grid-container .column-item dl{ overflow:hidden}
.grid-container .column-item dl dt{ float:left; width:145px; padding:25px 0 0 0}
.grid-container .column-item dl dt a{ display:block}
.grid-container .column-item dl dt a img{ display:block; max-width:160px; max-height:120px}
.grid-container .column-item dl dd{ float:left; padding:0 0 0 50px}
#popup {  display: none;  opacity: 0;   position:fixed;  z-index:20000;  top: 0;  width: 100%;  height: 100%; opacity: .98;}
#popup .title span {  position: absolute;  top: 0;  right: 20px;  width: 30px;  height: 30px;  color: #fff;  font-size: 25px;  cursor: pointer;  text-align: center; }
#popup .cont { padding:95px 0 0 0; width:900px; margin:0 auto; border-bottom:1px solid #fff}
#sousuo{ width:900px; margin:0 auto; position:relative; top:100px}
#popup .cont{ overflow:hidden}
#popup .cont .form-control,#search_int .Search_s .form-control{ border:0; background:none; outline:none; color:#fff; padding:5px 8px; line-height:48px; height:48px; font-size:22px; width:90%}
input::-webkit-input-placeholder{ font-size:32px; color:#fff; font-family:"寰蒋闆呴粦"}
#sousuo .cont .s_search,#search_int .Search_s .s_search{ color:#fff; float:right; font-size:24px; display:block; position:relative; top:12px; right:6px;}
#sousuo .s_search img{ display:block; width:35px;}
#stam{ position:relative}
#search_int{ background:#0dae71; height:400px;}
#search_int .Search_s{ width:1200px; margin:0 auto; padding-top:152px; border-bottom:1px solid #fff}
#search_int .Search_s .form-control{ font-size:32px;}
#search_int .Search_s .s_search{ top:16px; font-size:32px;}
/*Search_list*/
#Search_list{ width:1200px; margin:0 auto; padding:65px 0}
#Search_list dl{ border-bottom:1px solid #999; padding-bottom:25px; margin-bottom:12px;}
#Search_list dl dt{ font-size:24px; padding:15px 0}
#Search_list dl dt a{ color:#333;}
#Search_list dl dt a:hover{ color:#2eb37c}
#Search_list dl dd{ font-size:14px; color:#666; line-height:25px;}
#sousuo .title{ float:right}
/*banner*/
#banner{ width:100%; position:relative; height:770px;}
#banner .left_pic{ left:0; position:absolute; width:30%; height:100%; top:0; opacity: 0; z-index: 100; transition: all .5s;}
#banner .right_pic{ right:0; position:absolute;  width:30%; height:100%; opacity: 0; z-index: 100; transition: all .5s; top:0}
#banner .left_pic img,#banner .right_pic img{ display:block; top:42%; position:relative}
#banner .right_pic img{ float:right}
#banner .left_pic:hover, #banner .right_pic:hover, #banner .left_pic:focus, #banner .right_pic:focus {opacity: 1; cursor: pointer; outline: none;}
#banner .swiper-wrapper{ width:100%; margin:0 auto; height:770px; transition-duration: 1ms !important;}
#banner .swiper-wrapper dl{ width:1200px; margin:0 auto;}
#banner .swiper-wrapper dl dt{ text-align:center; margin-top:160px; margin-bottom: 30px;}
#banner .swiper-wrapper dl dt img{ display:block; margin:0 auto;}

#banner .swiper-wrapper dl dd img{ display:block; height:465px; margin:0 auto}
#banner .scroller{ bottom:30px; height: 200px; position:absolute; z-index:150; left:0; margin-left: calc((100vw - 1200px)/2 - 85px)}
#banner .scroller ul li{ color:#fff; font-size:14px; background: none; outline: none; cursor: pointer;transition: all .4s; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; white-space: nowrap; padding: 6px 40px; box-sizing: content-box; }
#banner .scroller ul li span{ display:inline-block; width:2px; height:15px; position:relative; top:2px; margin-right:25px;}
#banner .scroller ul li:nth-of-type(4) span{  background:#fff;}

#banner .scroller ul li:nth-child(2), #banner .scroller ul li:nth-child(6) { opacity: .2; visibility: visible; cursor: pointer}
#banner .scroller ul li:nth-child(2) a, #banner .scroller ul li:nth-child(3) a, #banner .scroller ul li:nth-child(5) a, #banner .scroller ul li:nth-child(6) a { cursor: pointer}
#banner .scroller ul li:nth-child(3), #banner .scroller ul li:nth-child(5) { opacity: .7; visibility: visible; cursor: pointer}
#banner .scroller ul li:nth-child(4) { opacity: 1; visibility: visible}
#banner .scroller ul li:nth-child(4) a { font-weight: 600}
#banner .scroller ul li:nth-child(2) { -webkit-transform: translateY(30px); transform: translateY(30px)}
#banner .scroller ul li:nth-child(3) { -webkit-transform: translateY(60px); transform: translateY(60px)}
#banner .scroller ul li:nth-child(4) { -webkit-transform: translateY(90px); transform: translateY(90px)}
#banner .scroller ul li:nth-child(5) { -webkit-transform: translateY(120px); transform: translateY(120px)}
#banner .scroller ul li:nth-child(6) { -webkit-transform: translateY(150px); transform: translateY(150px)}
#banner .scroller ul li:nth-child(7) { -webkit-transform: translateY(180px); transform: translateY(180px)}
/*layout*/
#layout{ width:1200px; margin:0 auto}
#layout .exhib_picture{ padding-top:30px;}
.slide-grid-container {position: relative; width: 590px; height: 660px; display: block; z-index: 400; float: left;}
.slide-grid-container .slide-grid-list { transition-duration: 1ms !important;}
.slide-grid-container h3.grid-title { font-size: 24px; font-weight: 500; line-height: 32px}
.slide-grid-container p.grid-desc { font-size: 16px; font-weight: 300; line-height: 24px}
.slide-grid-container img.grid-logo { display: inline-block; height: 26px; margin-bottom: 2px }
.slide-grid-container:hover .control-btn { opacity: 1; z-index: 1000;}
.slide-grid-container:hover .control-btn:hover { opacity: .5}
.slide-grid-container:hover .slide-grid-item:nth-child(3) { -webkit-transform: translate3d(0, 0, -15px); transform: translate3d(0, 0, -15px)}
.slide-grid-container:hover .slide-grid-item:nth-child(4),.slide-grid-container:hover .slide-grid-item:nth-child(5){-webkit-transform:translate3d(0,0,-30px);transform:translate3d(0,0,-30px)}
.slide-grid-container .slide-grid-list{display:block;width:100%;height:100%;-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:50% -30%;perspective-origin:50% -30%}
.slide-grid-container .slide-grid-list .slide-grid-item:nth-child(2){z-index:300;display:block}
.slide-grid-container .slide-grid-list .slide-grid-item .slide-grid-video{position:relative}
.slide-grid-container .slide-grid-list .slide-grid-item{opacity:1;transition:all .6s}
.slide-grid-container .slide-grid-list:hover .slide-grid-item:nth-child(1){display:none}
.slide-grid-container .slide-grid-item{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:none;overflow:hidden}
.slide-grid-container .slide-grid-item .active{opacity:0}
.slide-grid-container .slide-grid-item a{display:block;width:100%;height:100%;background-position:center center;background-size:auto 660px;background-color:#fff;cursor:pointer;transition:all .6s;-o-object-fit:fill;object-fit:fill;position:relative}
.slide-grid-container .slide-grid-item .grid-content-bg{width:100%;height:120px;position:absolute;bottom:0;opacity:1;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);transition:all .6s;z-index:9}
.slide-grid-container .slide-grid-item .grid-content{color:#fff;position:absolute;left:40px;bottom:40px;z-index:9}
.slide-grid-container .slide-grid-item:nth-child(1){z-index:400;display:block;opacity:0 !important;-webkit-transform:translate3d(0,0,15px);transform:translate3d(0,0,15px);pointer-events:none}
.slide-grid-container .slide-grid-item:nth-child(2){z-index:300;display:block}
.slide-grid-container .slide-grid-item:nth-child(3){z-index:200;display:block}
.slide-grid-container .slide-grid-item:nth-child(4){z-index:100;display:block}
.slide-grid-container .slide-grid-item:nth-child(5){z-index:90;display:block}
.slide-grid-container .control-btn{opacity:0;background-color:transparent}
.product-grid-container img.grid-bg{position:absolute;width:100%;height:100%;background-position:center center;background-size:auto 320px;transition:all .5s;z-index:300}
#layout .exhib_picture .cell_left ul li{ width:100%; position:relative}
#layout .exhib_picture .cell_left ul li img{ display:block; width:100%; height:660px;}
#layout .exhib_picture .cell_left ul li p{ position:absolute; padding-left:40px; text-align:left; color:#fff; font-size:16px; z-index:100; left:0; bottom:25px;}

#layout .exhib_picture .cell_right{ float:right; width:590px; height:660px;}
#layout .exhib_picture .cell_right dl a{ display:block; overflow:hidden;	}
#layout .exhib_picture .cell_right dl{ position:relative; height:660px;}
#layout .exhib_picture .cell_right dl .grid-bg,#layout .grid-container .grid .grid-bg{ display:block; width:100%; height:100%; transition: all .5s;}
#layout .exhib_picture .cell_right dl dt:hover .grid-bg,#layout .exhib_picture .cell_right dl dd:hover .grid-bg,#layout .grid-container .grid:hover .grid-bg{ width:102%;}
#layout .exhib_picture .cell_right dl dt,#layout .exhib_picture .cell_right dl dd{ position:relative; width:590px; height:320px; position:relative; overflow:hidden; transition: all .5s;}
#layout .exhib_picture .cell_right dl p{ position:absolute; top:43%}
#layout .exhib_picture .cell_right dl p span{ font-size:15px; padding-top:10px; display:block}
#layout .exhib_picture .cell_right dl p img{ display:block}
#layout .exhib_picture .cell_right dl dt p{ padding-left:320px;}
#layout .exhib_picture .cell_right dl dt p span{ color:#fff}
#layout .exhib_picture .cell_right dl dd{ position:absolute; right:0; bottom:0}
#layout .exhib_picture .cell_right dl dd p{ padding-left:40px;}
#layout .exhib_picture .cell_right dl dd p span{ color:#303233}
#layout .exhib_picture .cell_right dl dt:hover{box-shadow: 0 0 5px 0 #303233;}
#layout .exhib_picture .cell_right dl dd:hover{box-shadow: 0 0 5px 0 #ccc;}
#layout .grid-container{ overflow:hidden; padding-top:40px;}
#layout .grid-container .grid{ float:left; width:590px; margin-right:20px; overflow:hidden; position:relative; height:296px;}
#layout .grid-container .grid:nth-child(2n){ margin-right:0}
#layout .grid-container .grid a{ display:block}
#layout .grid-container .grid:hover .grid-content,#layout .exhib_picture .cell_right dl dt:hover .grid-content,#layout .exhib_picture .cell_right dl dd:hover .grid-content{-webkit-transform: translateY(-10px); transform: translateY(-10px);}
.grid-content{ position:absolute; bottom:40px; left:40px;  transition: all .6s;}
.grid-content .grid-title h3{ display:inline-block; font-size:20px; color:#303233}
.grid-content .grid-title span{ display:inline-block; position:relative; top:-4px; margin:-4px 0 0 15px;}
.grid-content p{ font-size:15px; color:#656565; padding-top:10px;} 
#layout .exhib_picture .cell_right dl dt p,#layout .exhib_picture .cell_right dl dd p{ padding-left:0; width:440px;}
#layout .exhib_picture .cell_right dl .grid-title{ position:relative; top:-10px;}
#layout .exhib_picture .cell_right dl .grid-content .grid-title span{ top:-14px;}


#layout .service-list{ margin:40px 0 60px 0}
#layout .service-list ul{ overflow:hidden;}
#layout .service-list ul li{ background:#fff; float:left; width:33.33%; position:relative; height:171px;    }
#layout .service-list ul li a{ display:block; border-right:1px solid #f2f2f2; padding:55px 40px; height:170px;transition: all .4s; vertical-align: bottom; color:#333; }
#layout .service-list ul li h3{ font-size:24px; font-weight:500;}
#layout .service-list ul li p{ font-size:16px; font-weight:300; color:#999; display:block; padding-top:9px;}
#layout .service-list ul:hover li a{ color:#999}
#layout .service-list ul li:hover a{ color:#333}
#layout .service-list ul li:nth-child(3n) a{ border:0}
#layout .service-list ul li a span{ display:block; height:46px; width:3px; background:#c2c8cc; border-radius:0 5px 5px 0; position:absolute; left:0; top:38%;transition: all .4s;}
#layout .service-list ul li:hover a span{background:#333;}
/*footer*/
footer{ background:#272727}
footer .grid-container{ width:1200px; margin:0 auto}
footer .grid-container ul{ overflow:hidden; padding:70px 0 18px 0}
footer .grid-container ul li{ float:left; width:240px;}
footer .grid-container ul li h3,footer .grid-container dl h3{ font-size:14px; padding-bottom:6px; color:#FFF; font-weight:200}
footer .grid-container ul li p,footer .grid-container dl p{ display:block; line-height:25px;}
footer .grid-container ul li p a,footer .grid-container dl p a{ font-size:12px;color:#9fa3a6;transition:all .3s ease;line-height:24px;display:block  }
footer .grid-container ul li p:hover a,footer .grid-container dl p:hover a{ color:#FFF}
footer .grid-container dl{ overflow:hidden}
footer .grid-container dl dt{ float:left; }
footer .grid-container dl p{ color:#9fa3a6}
footer .grid-container  dl dd{ float:right}

footer .footer-about{ overflow:hidden; width:1200px; margin:0 auto; border-bottom:2px solid #6c7073; padding:25px 0 12px 0;}
footer .footer-about dl{ overflow:hidden; padding-top:10px; float:left}
footer .footer-about dl dt{ float:left}
footer .footer-about dl dt img{ display:block; height:15px;}
footer .footer-about dl dd{ float:left; margin:0 15px;}
footer .footer-about dl dd a{ color:#9fa3a6;transition: all .3s ease; font-size:14px;}
footer .footer-about dl dd a:hover{ color:#fff}
footer .footer-about .bshare-custom{ float:right; margin-top:5px;}
footer .footer-bottom{ font-size:13px; color:#6c7073; padding-top:22px; width:1200px; margin:0 auto; overflow:hidden}
footer .footer-bottom a{ font-size:13px; color:#6c7073; margin:0 6px; display:inline-block;transition:all .3s ease;}
footer .footer-bottom a:hover{ color:#FFF}
footer .footer-bottom p{ float:right; font-size:12px;}
footer .footer-bottom p img{ display:inline-block; width:15px; position:relative; margin-right:6px; top:-3px;}
footer .footer-ad-desc{ width:1200px; margin:0 auto; color:#6c7073; padding:10px 0 15px 0}
footer .footer-ad-desc a{ display:inline-block; color:#6c7073; margin-right:8px;}
footer .form-group .form-input{ border:1px solid #6d7073; height:26px; background:#262626; color:#757575; width:180px; line-height:26px; padding:0 8px; font-size:12px; }
footer .form-group .form-submit{ border:0; position:relative; top:9px; cursor:pointer}
footer .form-group .form-submit img{ display:block; height:28px;}
#mask{ background-color:rgba(000,00,00,0.8); position:fixed; width:100%; height:100%; top:0; left:0; display:none; z-index:15000;transition:all .3s ease;}
.mask_dl{ width:1200px; height:800px;position:fixed; left:0; top:10%; right:0; margin:0 auto; z-index:1000; display:none;transition:all .3s ease; }

@-webkit-keyframes fadeInDown {
    0% {       opacity: 0;       -webkit-transform: translate3d(0, -120px, 0);       transform: translate3d(0, -120px, 0)   }
    100% {       opacity: 1;       -webkit-transform: none;        transform: none    }}

@keyframes fadeInDown {
    0% {       opacity: 0;        -webkit-transform: translate3d(0, -120px, 0);        -ms-transform: translate3d(0, -120px, 0);       transform: translate3d(0, -120px, 0)   }

    100% {       opacity: 1;       -webkit-transform: none;       -ms-transform: none;        transform: none    }
}
.fadeInDown {   -webkit-animation-name: fadeInDown;    animation-name: fadeInDown}
@-webkit-keyframes fadeInUp {
    0% {     opacity: 0;     -webkit-transform: translate3d(0, 100%, 0);     transform: translate3d(0, 100%, 0)  }
    100% {       opacity: 1;       -webkit-transform: none;       transform: none   }
}
@keyframes fadeInUp {
    0% {        opacity: 0;        -webkit-transform: translate3d(0, 70px, 0);        -ms-transform: translate3d(0, 70px, 0);       transform: translate3d(0, 70px, 0)   }
    100% {        opacity: 1;        -webkit-transform: none;        -ms-transform: none;        transform: none    }}
.fadeInUp {    -webkit-animation-name: fadeInUp;   animation-name: fadeInUp}

#footer-subscribe-form input::-webkit-input-placeholder{ font-size:13px;}
/*内页样式表*/
#news{ width:1200px; margin:0 auto; padding:85px 0 0 0}
#news .title{ padding:30px 0 50px 0}
#news .title dt{ color:#999; font-size:22px;}
#news .title dd{ color:#184492; font-size:45px;}
#news .picture{ position:relative}
#news .picture li dl{ overflow:hidden; background:#eff2f6}
#news .picture li dl dt{ float:left; width:655px;}
#news .picture li dl dt img{ display:block; width:100%; height:395px;}




#news .picture li dl dd{ width:440px; float:right; padding:25px;}
#news .picture li dl dd .news_time{ color:#979797; font-size:18px; font-weight:normal; padding-bottom:10px;}
#news .picture li dl dd .remarks{ font-size:16px; color:#000; line-height:32px; margin-bottom:12px;}
#news .picture li dl dd a{ font-size:20px; color:#acacad;}
#news .picture li dl dd a:hover{ color:#000; text-decoration:underline}
#news .hd{ position:absolute; right:365px; width:120px; bottom:40px; z-index:10; height:50px;}
#news .hd .next,#news .hd .prev{ display:inline-block; width:35px; height:35px; margin:0 5px; cursor:pointer}
#news .hd .next img,#news .hd .prev img{ display:block; width:75%}
#news .hd .hx{ background:url(../images/hx.png) no-repeat center; width:50px; height:50px; position:relative; right:-400px; bottom:0;}
#news .hd ul{ position:relative; top:-2px;}
#news .hd ul li{ display:none; font-size:18px; color:#204a96; font-family:fantasy}
#news .hd ul .on{ display:block}
#news .hd .number{ position:absolute; bottom:-2px; right:0; font-size:18px; color:#999; font-family:fantasy}
#news .news_list{ overflow:hidden; padding:25px 0}
#news .news_list dl{ float:left; width:275px; margin:45px 33px 0 0;}
#news .news_list dl dt{ margin-bottom:12px;}
#news .news_list dl dt a{ display:block}
#news .news_list dl dt a img{ display:block; width:275px; height:165px;}
#news .news_list dl:nth-child(4n){ margin-right:0}
#news .news_list dl dd{ height:100px;}
#news .news_list dl dd span{ display:block; font-size:16px; color:#999}
#news .news_list dl dd p { padding:12px 0; line-height:25px;}
#news .news_list dl dd p a{ display:block; font-size:16px; color:#425470}
#news .news_list dl dd p a:hover{ color:#1e3e76; text-decoration:underline}
#news .paging{ padding:25px 0 45px 0; text-align:center}
#news .paging span,#news .paging a{ display:inline-block; background:#fff; width:25px; height:25px; text-align:center; line-height:25px; font-size:12px; color:#333}
#news .paging span,#news .paging a:hover{ background:#272727; border-radius:100%; color:#fff;}
#news .haiwu{ font-size:15px; color:#666; line-height:28px; padding:45px 0 65px 0; width:640px;}
#news .distr{ padding:25px 0 105px 0}
#news .distr h3{ font-size:34px; color:#666; font-weight:normal}



#hw_contact{ padding-bottom:50px;}
#hw_contact h2{ padding:25px 0; background:#f7f8f9; color:#717473; font-size:25px; text-align:center; font-weight:normal}
#hw_contact ul{ overflow:hidden; text-align:center; padding:65px 0}
#hw_contact ul li{ display:inline-block; width:320px;}
#hw_contact ul li img{ width:65px; display:block; margin:20px auto}
#hw_contact ul li span{ font-size:16px; color:#666} 







.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
		.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
		.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
		.section-wrap .section .title p{ padding:0 4%;opacity:0}
		.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
		.section-wrap .section-1{ background:url(../images/page-1.5d49fbf.png) no-repeat center}
		.section-wrap .section-2{ background:url(../images/page-2.5d49fbf.png) no-repeat center}
		.section-wrap .section-3{ background:url(../images/page-3.5d49fbf.png) no-repeat center}
		.section-wrap .section-4{ background:url(../images/page-4.5d49fbf.png) no-repeat center}
		.section-wrap .section-5{ background-color:#d9534f}
		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
		.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
		.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
		.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
		.section-btn{ width:120px;position:fixed;left:2%;top:30%;}
		.section-btn dt{ margin-bottom:120px; padding-left:40px;}
		.section-btn dt img{ display:block; width:130px;} 
		.section-btn dd{cursor:pointer; display:block; font-size:19px; line-height:31px; height:31px; margin-bottom:28px; color:#777;  overflow:hidden;}
		.section-btn dd em{ display:block; width:5px; height:31px; float:left; margin-right:35px;}
		.section-btn dd.on em{ background:#5da7ec}
		.section-btn dd.on{ color:#000; font-weight:bold}
		.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
		.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

.note-page-1 { font-size:16px; line-height:35px; color:#000; position: absolute; top: 50%; left: 50%;  margin-left: -385px; width: 780px;   height: 280px;   margin-top: -190px;}
#head-container,#hw_fw_container{ margin-top:65px;}
#head-container,#head-container .tmpl-banner{ height:400px; position:relative}
#head-container .tmpl-banner{width:100%;height:100%;position:absolute;z-index:-1;background-size:cover;}
#head-container .tmpl-banner img{width:100%;height:auto;}
#head-container dl{ width:1200px; margin:0 auto; position:absolute; left:0; right:0; top:40%; z-index:100}
#head-container dl dt{ margin-bottom:35px;}
#head-container dl dd{ color:#fff; font-size:16px;}
#hw_grid{ background:#f2f2f2; width:100%; padding-top:25px; overflow:hidden}
#hw_grid .product-item{ background:#fff; width:1200px; margin:0 auto; overflow:hidden; height:480px;transition: all .3s ease; margin-bottom:25px;}
#hw_grid .product-item .section-content{ float:left;flex-basis: 50%;   max-width: 50%;  padding: 64px;}
#hw_grid .product-item:hover{box-shadow: 1px 3px 5px #ccc;}
#hw_grid .product-item .section-figure{flex-basis: 50%;
    max-width: 50%;
    padding: 0; float:right; margin-right:85px;}
#hw_grid .product-item .section-content dl{ padding-top:50px;}
#hw_grid .product-item .section-content dl dt{ margin-bottom:25px; font-size:35px; color:#000; font-weight:normal;}
#hw_grid .product-item .section-content dl dd{ font-size:16px; color:#303233}
#hw_grid .product-item .section-figure{ padding-top:3%}	
#hw_grid .product-item .section-figure img{ display:block; max-width:570px; max-height:400px;}
#hw_grid .product-item .action{ padding-top:65px;}
#hw_grid .product-item .action .dui-btn{background: #3c3e40;
    background-image: linear-gradient(-180deg,#3c3e40 0%,#303233 100%); width:128px; line-height:46px; display:inline-block; text-align:center;transition: all .3s ease; color:#fff; font-size:16px; margin-right:35px;}
#hw_grid .product-item .action .dui-btn:hover{background-image: linear-gradient(-180deg,#545759 0%,#303233 100%);}
#hw_grid .product-item .action .dui-learn-more{display: inline-block;  font-size: 16px;  font-weight: 600;  line-height: 46px;   height: 46px;   color: #303233;   cursor: pointer;transition: all .3s ease; display:none}
#hw_grid .product-item .action .dui-learn-more:hover{ color:#616466}
#hw_grid .tmpl-section{ height:240px;}
#hw_grid .tmpl-section .font-opensans{ padding:50px 0 0 64px; font-size:32px;}
#hw_grid .tmpl-section .content{ color:#303233; font-size:16px; padding:20px 0 0 64px;}
#hw_grid .tmpl-section .action{ padding:18px 0 0 64px}
#hw_fw_container .con_banner{ height:320px;background:url(../images/a32.jpg) no-repeat center;background-size:cover;}
#home-page { width:100%; height:90%; padding-top:3.3%}
#home-page .home-banner{ height:100%; position:relative; background:url(../images/vc.png) no-repeat; background-size:cover}
#home-page .slog{ text-align:center; padding-top:240px; color:#fff; font-size:32px;    }
#home-page .slog p{ letter-spacing: 12px; padding-bottom:15px;}
#home-page .slog span{ display:block; font-size:25px;}
#hw_job{ background:#f7f8f9; width:100%; padding:65px 0 10px 0}
#hw_job .job_pic{ width:1200px; margin:0 auto; height:300px;}
#hw_job .job_pic img{ width:1200px; margin:0 auto; height:300px;}
#hw_job .job_container{ background:#fff; width:1160px; margin:20px auto; padding:20px;}
#hw_job .job_container table,#hw_job .job_container tbody{ display:block; width:100%}
#hw_job .job_container table .hidden-columns td{ font-size:18px; background:#f5f5f5; line-height:38px; text-align:center}
#hw_job .job_container table .el-table{transition: all .3s ease;}
#hw_job .job_container table .el-table td{ line-height:35px; text-align:center; border-bottom:1px solid #ebeef5; font-size:14px; color:#606266; padding:5px 0;}
#hw_job .job_container table .el-table:hover{ background:#f5f7fa}
#hw_job .job_container table .el-table td a{ color:#707473;transition: all .3s ease;}
#hw_job .job_container table .el-table td a:hover{ color:#000}
#hw_job .job_class{ border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:12px;}
#hw_job .job_class dl{ overflow:hidden; font-size:14px; color:#666; margin-bottom:15px;}
#hw_job .job_class dl dt{ float:left; width:80px; padding-top:4px; font-weight:bold}
#hw_job .job_class dl dd{ float:left; width:1055px;}
#hw_job .job_class dl dd a,#carou_job .job_box main .job_zp .type a{ display:inline-block; font-size:14px; color:#666; padding:4px 12px;transition: all .3s ease; }
#hw_job .job_class dl dd a:hover,#carou_job .job_box main .job_zp .type a:hover{ background:#44a8f2; color:#fff;} 
#hover_navber .navber ul .hover a{ color:#44a8f2}
#hw_fw_container .con_banner .hw_fuwu{ width:1200px; margin:0 auto; position:relative; top:85px; background:url(../images/touzi01.png) no-repeat; height:150px;}
#hw_fw_container .con_banner .hw_fuwu p{ display:block; color:#fff; line-height:150px; font-size:36px; padding-left:50px;}
#hw_wrap{ width:100%; background:#f7f8f9; padding:20px 0}
#hw_wrap .sub_nav{ width:1200px; margin:0 auto; overflow:hidden}
#hw_wrap .sub_nav .serve_left{ width:850px; float:left}
#hw_wrap .sub_nav .serve_left .serve_sub{ overflow:hidden}
#hw_wrap .sub_nav .serve_left .serve_sub li{ float:left; width:25%; line-height:56px; text-align:center}
#hw_wrap .sub_nav .serve_left .serve_sub li a{ color:#666; font-size:16px; display:block; background:#dcdcdc; transition: all .3s ease;}
#hw_wrap .sub_nav .serve_left .serve_sub li a:hover{ background:#272727; color:#fff}
#hw_wrap .sub_nav .serve_right{ width:300px; float:right}
#hw_wrap .sub_nav .serve_right dl{ background:#fff; padding-top:10px;}
#hw_wrap .sub_nav .serve_right dl dt{ margin:0 20px; padding-bottom:0; line-height:48px; padding-left:40px; border-bottom:1px solid #ccc; font-size:18px; color:#000; line-height:42px; background:url(../images/serve06.png) no-repeat 0 10px;}
#hw_wrap .sub_nav .serve_right dl dd p{ display:block; width:260px; margin:0 auto; text-align:justify; font-size:14px; padding-top:12px; line-height:22px; color:#333}
#hw_wrap .sub_nav .serve_right dl dd img{ display:block; margin-top:12px;}
#hw_wrap .sub_nav .serve_right ul li{ height:50px; line-height:50px; margin-top:15px; background:#fff url(../images/serve09.png) no-repeat 270px 19px;}
#hw_wrap .sub_nav .serve_right ul li a{ display:block; color:#666; padding-left:20px; font-size:16px; transition: all .3s ease;}
#hw_wrap .sub_nav .serve_right ul li a:hover{ background:#303338 url(../images/serve08.png) no-repeat 270px 19px; color:#fff}
#hw_cover{ margin-top:60px;}
#hw_cover .hw_cover_banner{ height:550px; background:url(../images/v15.jpg) no-repeat center}
#hw_cover .hw_cover_banner .cont{ width:1200px; margin:0 auto; padding-top:240px; color:#fff; font-size:32px;}
#hw_cover .hw_cover_caseyjy_banner{ height:550px; width:100%;}
#hw_cover .hw_cover_caseyjy_banner img{ width:100%; height:100%;}
#hw_cover .hw_cover_caseyjy_banner .cont{ width:1200px; margin:0 auto; padding-top:240px; color:#fff; font-size:32px;}
#hw_cover .hw_w1620{ width:1200px; margin:0 auto; padding:40px 0}
#hw_cover .hw_w1620 .page_cate{ overflow:hidden}
#hw_cover .hw_w1620 .page_cate dt{ float:left; font-size:20px; margin-right:45px; border-left:2px solid #084397; color:#084397; height:25px; line-height:25px; padding-left:20px;}
#hw_cover .hw_w1620 .page_cate dd{ float:left; font-size:15px; position:relative; top:5px; margin-right:28px;}
#hw_cover .hw_w1620 .page_cate dd a{ color:#999; transition: all .3s ease;}
#hw_cover .hw_w1620 .page_cate dd a:hover{ color:#000}
#hw_cover .hw_w1620 .case-type{ overflow:hidden; padding:35px 0}
#hw_cover .hw_w1620 .case-type li{ float:left; margin-right:25px;}
#hw_cover .hw_w1620 .case-type li a{ display:block; padding:8px 20px; font-size:14px; background:#eff2f7; transition: all .3s ease; color:#666}
#hw_cover .hw_w1620 .case-type li a:hover{ background:#303338; color:#fff}
#hw_cover .hw_w1620 .case_list{ overflow:hidden}
#hw_cover .hw_w1620 .case_list dl{ float:left; width:592px; margin:40px 16px 0 0}
#hw_cover .hw_w1620 .case_list dl:nth-child(2n){ margin-right:0}
#hw_cover .hw_w1620 .case_list dl dt{ overflow:hidden;}
#hw_cover .hw_w1620 .case_list dl dt img{ display:block; width:592px; height:320px; transition: transform 4s ease;}
#hw_cover .hw_w1620 .case_list dl dt img:hover{   transform: scale(1.2);}
#hw_cover .hw_w1620 .case_list dl dd{ padding:20px 0}
#hw_cover .hw_w1620 .case_list dl dd h3{ font-size:16px; }
#hw_cover .hw_w1620 .case_list dl dd h3 a{color:#555;  transition: all .3s ease;}
#hw_cover .hw_w1620 .case_list dl dd p{ display:block; font-size:14px; padding-top:15px;}
#hw_cover .hw_w1620 .case_list dl dd p a{ color:#999; transition: all .3s ease;}
#hw_cover .hw_w1620 .case_list dl dd h3 a:hover,#hw_cover .hw_w1620 .case_list dl dd p a:hover{ color:#272727}
/*案例详情页*/
.case_wrap{ width:1200px; margin:0 auto; padding:15px 0;}
.case_wrap .page-crumb{ padding-bottom:10px; border-bottom:1px solid #CCC; font-size:15px;}
.case_wrap .page-crumb a{ color:#333;transition: color .3s ease;}
.case_wrap .page-crumb a:hover{ color:#09F}
.case_wrap .cdetail-date{ font-size:15px; padding:25px 0 8px 0;}
.case_wrap .cdetail-title{ font-size:30x; line-height:45px; color:#000; padding-bottom:20px; font-weight:normal}
.case_wrap .intro__txt{ font-size:16px; color:#999; line-height:38px; padding:15px 0 35px 0}
.case_wrap .intro__txt img{ display:block; width:100%; margin:10px auto}
.exvent_01{ overflow:hidden}
.exvent_01 .page-crumb{ padding:26px 0 15px 0; margin-bottom:15px;}
.exvent_01 .event_left{ float:left; width:895px; float:left}
.exvent_01 .event_left .title{ padding:12px 0 15px 0; border-bottom:1px dotted #ccc; margin-bottom:15px;}
.exvent_01 .event_left .title h1{ font-weight:normal; font-size:24px; text-align:center}
.exvent_01 .event_left .title p{ display:block; text-align:center; font-size:14px; color:#999; padding-top:18px;} 
.exvent_01 .event_left .clearfix{ font-size:14px; color:#666; line-height:34px;}
.exvent_01 .event_left .clearfix img{ display:block; width:800px; height:auto; margin:18px auto}
.exvent_01 .info_np{ padding:18px 0; border-top:1px solid #ccc; padding:15px 0; display:block}
.exvent_01 .info_np a{ font-size:15px; color:#666}
.exvent_01 .info_np span{ display:block; margin-bottom:12px;}
.exvent_01 .center-right{ float:right; width:240px;}
.center-right{ background:#fafafa; float:right; width:250px; padding:6px 18px;}
.center-right h4{border-top: 1px solid #ccc;   font-size: 18px;   text-align: center;   color: #000;   margin: 25px 0 0 0;}
.center-right h4 span{display: inline-block;    padding: 0 5px;   background: #fafafa;    position: relative;   line-height: 20px;    top: -15px;}
.center-right ul li img{display: block;   width: 100%;   height: 153px;}
.center-right li .dot {    padding: 5px 0 0 0;}
.dot {   display: block;    white-space: nowrap;    text-overflow: ellipsis;  overflow: hidden;}
.center-right li a{ color:#333}

.center-right li pre{    line-height: 20px;   overflow: hidden; height: 40px;    color: #666;white-space: pre-wrap;   white-space: -moz-pre-wrap;   white-space: -pre-wrap;   white-space: -o-pre-wrap;   word-wrap: break-word;   margin: 0;   font-family: "sy", "Microsoft YaHei";  text-align: justify; text-justify: inter-ideograph;}
.center-right li time{color: #999;    font-size: 12px;    display: block;    padding-bottom: 5px;}
.center-right li .dot:hover{ color:#06F}
.center-right li{ border-bottom: 1px solid #eee;    padding-bottom: 15px;    margin-bottom: 15px;}
#carousel-box{ padding-top:65px; height:89%; width:100%}
#carousel-box .leftLoop,#carousel-box .bd,.picList,.tempWrap { height:100%}
#carousel-box .bd ul li{ height:100%; width:100%; display:block}
#carousel-box .bd ul li a{ display:block; width:100%; height:100%}
#carousel-box .hd{ position:absolute; left:0; text-align:center; right:0; bottom:20px; z-index:1500}
#carousel-box .hd ul li{ display:inline-block; width:480px; text-align:center; color:#666; font-size:18px; margin:0; padding-bottom:15px; border-bottom:2px solid #7d9198}
#carousel-box .leftLoop{ position:relative}
#carousel-box .hd ul .on,#carousel-box .hd ul li:hover{ border-bottom: 3px solid #1890ff;    color: #1890ff; cursor:pointer}
#carou_job{ padding-top:65px;}
#carou_job .job_box{ overflow:hidden; width:1200px; margin:0 auto; padding:30px 0}
#carou_job .job_box aside{ float:left; width:228px;}
#carou_job .job_box aside ul li{ height:56px; line-height:56px; text-align:center; background:#fff; margin-bottom:2px;}
#carou_job .job_box aside ul li a{ color:#999; font-size:15px; transition: all .3s ease;}
#carou_job .job_box aside ul .active a,#carou_job .job_box aside ul li a:hover{ color:#000}
#carou_job .qrcode-dji img{ display:block; width:100%}
#carou_job .qrcode-dji { text-align:center; color:#666; font-size:12px; padding-top:15px;}
#carou_job .job_box main{ background:#fff; float:right; width:859px;  padding: 40px 48px;}
#carou_job .job_box main .recruit-process img{ display:block; width:100%}
#carou_job .job_box main h3{margin: 8px auto; width:718px;   font-size: 24px;   font-weight: 400;}
#carou_job .job_box main .process-view{width: 718px; line-height:26px; font-size:14px; color:#3b3e40; margin: 24px auto;}
#carou_job .job_box main .job_zp{ margin-bottom:15px;}
#carou_job .job_box main .job_zp .type{ overflow:hidden; margin-bottom:18px;}
#carou_job .job_box main .job_zp .type label,#carou_job .job_box main .job_zp .type a{ float:left; display:inline-block; margin-right:10px;}
#carou_job .job_box main .job_zp .type label{ padding:6px 5px 0 0; font-weight:bold;}
#carou_job .job_box main .search-box{ border-top:1px solid #ebebeb; padding:18px 0; overflow:hidden}
#carou_job .job_box main .search-box dl,#hw_job .search-box dl{ width:320px; float:right	}
#carou_job .job_box main .search-box dl dt,#hw_job .search-box dl dt{ border:1px solid #c0c4cc; border-radius:6px; line-height:32px; height:32px;}
#carou_job .job_box main .search-box dl dt .input__inner,#hw_job .search-box dl dt .input__inner{ font-family:"微软雅黑"; display:block; float:left; border:0; line-height:32px; outline:none; padding:0 8px; font-size:14px; width:262px; margin-left:5px;}
#carou_job .job_box main .search-box dl dt .a_input__inner,#hw_job .search-box dl dt .a_input__inner{ display:block; background:url(../images/sousuo.jpg) no-repeat center; border:0; width:25px; height:23px; float:right; margin:5px 6px 0 0; outline:none; cursor:pointer}
#carou_job .job_box main .search-box dl dd,#hw_job .search-box dl dd{ padding-top:6px; text-align:right}
#carou_job .job_box main .search-box dl dd a,#hw_job .search-box dl dd a{ color:#b4b4b4; transition: all .3s ease; display:inline-block; margin-left:10px;}
#carou_job .job_box main .search-box dl dd a:hover,#hw_job .search-box dl dd a:hover{ color:#000}
#carou_job .job_box main table,#carou_job .job_box main tbody{ display:block; width:100%}
#hw_job .search-box{ overflow:hidden; padding:10px 0 20px 0}
#carou_job .job_box main table .hidden-columns td{ font-size:18px; background:#f5f5f5; line-height:38px; text-align:center}
#carou_job .job_box main table .el-table{transition: all .3s ease;}
#carou_job .job_box main table .el-table td{ line-height:35px; text-align:center; border-bottom:1px solid #ebeef5; font-size:14px; color:#606266; padding:5px 0;}
#carou_job .job_box main table .el-table:hover{ background:#f5f7fa}
#carou_job .job_box main table .el-table td a{ color:#707473;transition: all .3s ease;}
#carou_job .job_box main table .el-table td a:hover{ color:#000}
#carou_job .job_box main .el-pagination{ text-align:center; padding:45px 0 10px 0}
#carou_job .job_box main .el-pagination span,#carou_job .job_box main .el-pagination em,#carou_job .job_box main .el-pagination a{ display:inline-block; width:36px; height:28px; line-height:28px; font-size:12px; color:#616466; border:1px solid #ebebeb;transition: all .3s ease; font-weight:bold; margin:0}
#carou_job .job_box main .el-pagination a:hover,#carou_job .job_box main .el-pagination em{ background:#616466; color:#fff}
#carou_job .job_box main .el-pagination p{ display:inline-block; font-size:13px; line-height:30px; padding-left:15px;}
#carou_job .job_box main .question-item{ line-height:32px; font-size:14px; color:#3b3e40}
#carou_job .job_box main .question-item h3{ width:auto}
#carou_job .job_box main .question-item .question-title{ font-weight:bold}
#carou_job .job_box main .question-item div{ margin-bottom:20px;}
#carou_job .job_box main .approach-dji{ background:url(../images/hw_bj.png) no-repeat top; background-size:cover;    margin: -40px -48px;}
#carou_job .job_box main .approach-dji .paragraph-one{    width: 504px; line-height:32px; margin-left: 66px; padding-top: 381px;}
#carou_job .job_box main .approach-dji .paragraph-two{width: 511px; line-height:32px; margin-left: 355px;   margin-top: 104px;}




.next,.prev{ display:block; position:absolute; top:47%; z-index:10000; cursor:pointer}
.next img,.prev img{ display:block; width:70px;}
.next{ left:15px;}
.prev{ right:15px}
.list_nr{ width:80%; position:relative; margin:0 auto}
.list_nr dl{ position:absolute; width:145px; background:url(../images/fg_1.png) no-repeat left top; padding-left:20px; font-size:13px;}
.list_nr dl dt,.list_nr dl dd{ text-align:left}
.list_nr dl dt{ font-size:16px;}
.list_nr dl dd{ line-height:25px; text-align:justify}
.list_nr .nian{ top:370px; left:160px;}
.list_nr .nian_0{}
.list_nr .nian_1{ top:320px; left:350px;}
.list_nr .nian_2{ top:280px; left:540px;}
.list_nr .nian_3{ top:240px; left:730px;}
.list_nr .nian_4{ top:180px; left:920px;}
.list_nr .nian_5{ top:140px; left:1110px;}
#zx_back{ background:url(../images/726207_bg.jpg) no-repeat; background-size:cover}
#zixun{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px;}
#zixun .logo{ float:left; margin:9px 10px 0 0;}
#zixun .logo img{ display:block; width:80%}
#zixun .zixun_nav{ float:left; overflow:hidden; padding-top:15px;}
#zixun .zixun_nav li{ float:left; margin-right:50px;}
#zixun .zixun_nav li a{ font-size:15px; color:#fff}
#zx_content{ width:1200px; margin:0 auto; text-align:center; padding-top:15%}
#zx_content dl dt{ margin-bottom:50px;}
#zx_content dl dd{ color:#595757; font-size:22px;}
#zx_content h3{ padding:35px 0 10px 0; width:60px; margin:0 auto; border-bottom:3px solid #595757}
#zx_content h3 a{ font-size:15px; color:#595757; font-weight:normal}
#zx_footer{ position:absolute; left:0; right:0; bottom:15px; text-align:center; font-size:15px; color:#fff;}
.breadcrumb {background: #eee;padding:52px 0; margin-top:65px;}
.breadcrumb .container{ width:1200px; margin:0 auto}
.breadcrumb .title {  color: #44a8f2;  margin-bottom: 5px;   text-transform: uppercase;   font-weight: 300;    font-size: 36px;}
.breadcrumb .title .parent {   display: inline-block;   color: #707473;   margin-right: 14px;}
.breadcrumb ul{ padding-top:5px;}
.breadcrumb ul li{ display:inline-block; font-size:12px; color:#707473}
.breadcrumb ul li span{ display:inline-block; margin:0 6px 0 4px; font-size:12px; color:#707473}
.breadcrumb ul li a{ color:#707473}
#business-form{ width:1200px; margin:0 auto}
#business-form h3{ padding:40px 0 25px 0; font-weight:normal; font-size:14px; color:#707473}
#business-form h3 a{ color:#44a8f2; text-decoration:underline}
#business-form .field { margin-bottom:25px; width:770px; overflow:hidden}
#business-form .field .trim{ display:block; width:765px; border:0; padding:4px 0 4px 5px; line-height:26px; outline:none; border-bottom:1px solid #979797}
#business-form .field label{ font-size:14px; color:#707473}
#business-form .field h4{ border-bottom:1px solid #979797; font-size:14px; color:#707473; padding:5px 0 8px 0; font-weight:400}
#business-form .field ul{ overflow:hidden; padding-top:10px;}
#business-form .field ul li{ float:left; width:135px; margin:0 15px 15px 0;	}
#business-form .field ul li label{ font-size:12px; color:#707473}
#business-form .field ul li input{ display:inline-block; width:15px; height:15px; position:relative; top:3px; margin-right:3px; background:none}
#business-form .field textarea{ display:block; padding:1%; width:98%; color:#707473; line-height:25px; border:0; outline:none; margin-top:15px}
input::-webkit-input-placeholder{ color:#707473; font-size:13px;}
#business-form .field .trim_yzm{ float:left; margin-right:5px}

#business-form .field a{ display:block; float:left;}
#business-form .field a img{ display:block; height:30px;}
.field_xz{ padding:0 0 16px 0; font-size:14px; color:#707473}
.field_xz input{ display:inline-block; width:18px; height:18px; background:#fff; border:qpx solid #707473; position:relative; top:4px; margin-right:5px;}
.btn-action{transition: all .3s ease;border: 1px solid #44a8f2;     background: #44a8f2;display: inline-block; cursor:pointer; color:#fff; text-align: center;   padding: 11px 20px;    margin: 0 0 20px 380px;   min-width: 178px;}
.btn-action:hover{ background:#fff; color:#44a8f2}
.imgFileUploade{ padding-top:25px;}
.imgFileUploade .header{	height: 120px;width: 100%;line-height:138px;}
.imgFileUploade .header span{display: block;float:left;}
.imgFileUploade .header span.imgTitle{	line-height:50px;}
.imgFileUploade .header span.imgTitle b{	color:red;margin:0 5px;line-height: 57px;display: block;float: right;font-size: 20px;}
.imgFileUploade .header span.imgClick{	width: 50px;height: 50px;cursor: pointer;		background: url(../images/add_picture.jpg) no-repeat center center; border:1px solid #bbb; padding:30px;}
.imgFileUploade .header span.imgcontent{color:#999;margin-left:120px;line-height: 50px;}
.imgFileUploade .imgAll{width: 100%;    margin-top: 5px;}
.imgFileUploade .imgAll ul:after{ 	visibility: hidden;  display: block; font-size: 0; content: ".";  clear: both; height: 0} 
.imgFileUploade .imgAll li{width:100%;height: 120px;border:solid 1px #ccc;margin:8px 5px;float: left;position: relative;box-shadow: 0 0 10px #eee;}
.imgFileUploade .imgAll li img{	position: absolute;top:0;left:0;width: 100%;height: 100%;display: block;}
.delImg{position: absolute;top:-10px;right:-7px;width: 22px;height: 22px;background: #000;border-radius: 50%;display: block;text-align:  center;line-height: 22px;color:#fff;font-weight: 700;font-style:normal;cursor: pointer;		}
#event-container{ width:1200px; margin:0 auto}
#event-container .event-title{ margin:80px 0 30px 0; overflow:hidden}
#event-container .event-title h2{ font-size:25px; color:#707473; padding-bottom:25px;}
#event-container .event-title h2 span{ font-size:14px; color:#707473; padding-bottom:25px; float:right;}
#event-container .event-title h2 span a{ color:#707473; text-decoration:none;}
#event-container .event-title h2 span a:hover{ color:#333; text-decoration:underline;}

#event-container .event-title dl{ width:375px; float:left; margin:0 35px 35px 0}
#event-container .event-title dl dt img{ display:block; width:100%}
#event-container .event-title dl:nth-child(4n){ margin-right:0}
#event-container .event-title dl dd{ padding:15px 0}
#event-container .event-title dl dd a{ font-size:18px; font-weight:bold; color:#44a8f2}
#page-module{ background:#f2f2f2; padding-bottom:25px}
#page-module .PageTitle{ background:#232526; height:144px; padding-top:65px;}
#page-module .PageTitle h1{ width:1200px; margin:0 auto; color:#fff; line-height:120px; font-size:32px; font-weight:300}
#page-module .module-content{ width:1200px; margin:35px auto; background:#fff; padding-top:90px; padding-bottom:60px;}
#page-module .module-content .apply-step-header{ width:865px; margin:0 auto 0 auto; height:135px; border-top:1px solid #f0f1f2; position:relative;}
#page-module .module-content .apply-step-header dl{ display:inline-block; position:absolute; top:-20px;}
#page-module .module-content .apply-step-header dl dt{ border:1px solid #9fa3a6; width:40px; height:40px; border-radius:100%; margin:0 auto; display:block; line-height:40px; text-align:center; font-size:16px; color:#999; background:#fff;}
#page-module .module-content .apply-step-header .item-wait{ left:-50px;}
#page-module .module-content .apply-step-header .item-wait_1{ left:225px;}
#page-module .module-content .apply-step-header .item-wait_2{ right:245px;}
#page-module .module-content .apply-step-header .item-wait_3{ right:-15px}
#page-module .module-content .apply-step-header dl dd{ font-size:16px; text-align:center; color:#9fa3a6; padding-top:15px}
#page-module .module-content .apply-step-header .hover dt{ background:#1897f2; color:#fff; border:1px solid #1897f2}
#page-module .module-content .apply-step-header .hover dd{ color:#3b3e40}
#page-module .Step1_title { margin:0 55px; padding-bottom:45px;}
#page-module .Step1_title h3{ padding:45px 0; font-weight:normal; text-align:center; color:#3b3e40; font-size:24px; border-top:1px solid #f0f1f2}
#page-module .Step1_title .ste_xz{ display:block; width:260px; border:1px solid #9fa3a6; border-radius:10px; padding:0 15px; line-height:35px; height:40px; font-size:16px; color:#333; margin:0 auto; outline:none}
#page-module .ant-btn,#page-module .step2_operate dd a{color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#232526), to(#3b3e40));
	background-image: -webkit-linear-gradient(bottom, #232526, #3b3e40);
	background-image: -o-linear-gradient(bottom, #232526 0, #3b3e40 100%);
	background-image: linear-gradient(0deg, #232526, #3b3e40); height:48px; border-radius:5px; width:260px; margin:20px auto; line-height:48px; text-align:center; font-size:16px;}
#page-module .ant-btn a{ color:#fff; display:block}
#page-module .module-grid{ background:#fff; margin:0 auto 30px auto; width:1200px; overflow:hidden; padding-bottom:50px;}
#page-module .module-grid .Contact_contactTitle{ font-size:14px; text-align:center; display:block; padding:40px 0 65px 0; color:#3b3e40}
#page-module .module-grid .contact_list{ float:left; width:352px; margin:0 0 0 35px; }
#page-module .module-grid .contact_list h4{ text-align:center; font-size:16px; color:#3b3e40; font-weight:normal; padding-bottom:15px;}
#page-module .module-grid .contact_list dl{ border:1px solid #d4d7d9; border-radius:4px;}
#page-module .module-grid .contact_list dl dt{ display:block; text-align:center;}
#page-module .module-grid .contact_list dl dt img { display:block; margin:15px auto}
#page-module .module-grid .contact_list dl dd{ text-align:center; font-size:16px; color:#666; padding-bottom:15px;}
#page-module .module-grid .contact_list:nth-child(4n){ margin-right:0}
#page-module .module-content .apply-step-header .check dt{ background:#fff url(../images/check.png) no-repeat center; border:1px solid #1897f2; text-indent:-9999px;}
#page-module .module-content .apply-step-header .check dd span{ display:block; height:1px; background:#1897f2; width:235px; position:absolute; left:85px; top:18px;}
#page-module .module-content .ant-steps{ border-top:1px solid #f0f1f2; width:1005px; margin:0 auto 15px auto}
#page-module .ant-form-hide-required{ width:550px; margin:35px auto 35px auto}
#page-module .ant-form-hide-required h3{ font-size:18px; font-weight:normal; color:#3b3e40; padding:12px 0 10px 0}
#page-module .ant-form-hide-required dl{ margin:25px 0 20px 0}
#page-module .ant-form-hide-required dl dt{ font-size:14px; color:#3b3e40; line-height:30px; padding-bottom:6px;}
#page-module .ant-form-hide-required dl dd .ant-input{ outline:none; display:block; border:1px solid #6c7073; height:40px; line-height:40px; padding:0 2%; border-radius:6px; width:96%}
#page-module .module-content .apply-step-header .item-wait_1 dd span{ width:245px;}
#page-module .module-content .apply-step-header .item-wait_2 dd span{ width:245px; left:68px;}
#page-module .ant-form-hide-required dl dd .ant-cascader{ font-size:16px; color:#333; width:550px;}
#page-module .step2_operate{ text-align:center}
#page-module .step2_operate dt,#page-module .step2_operate dd{ display:inline-block; margin:0 24px;}
#page-module .step2_operate dt a{ display:block; border:1px solid #d4d7d9; border-radius:6px; line-height:40px; color:#666; font-size:16px; width:210px;transition: all .3s ease;}
#page-module .step2_operate dd a{ display:block; width:210px; height:42px; line-height:42px;}
#page-module .step2_operate dt a:hover{ border:1px solid #1897f2; color:#1897f2;}
#page-module .ant-form-hide-required dl dd .ant-input_1{ height:120px;}
#page-module .ant-form-hide-required dl dd p{ display:block; margin:0 0 20px 0; font-size:16px; color:#666}
#page-module .ant-form-hide-required dl dd p input{ display:inline-block; width:18px; height:18px; position:relative; background:none; top:5px; margin-right:5px;}
#page-module .ant-form-hide-required dl dd .ant-input_2{ display:inline-block; width:40%}
#page-module .ant-form-hide-required dl dd .ant-input_3{ position:relative; top:13px; display:inline-block; margin-left:15px;}
#page-module .ant-form-hide-required dl dd .ant-input_3 img{ display:block; height:40px;}
#page-module .wc-steps{ padding:50px 0 100px 0;}
#page-module .wc-steps dt{ text-align:center}
#page-module .wc-steps dd{ text-align:center; font-size:20px; color:#666; padding-top:30px;}
/*map*/
.map-content {  padding: 30px 0;}
.map-module {   width: 1200px !important;   margin: 0 auto;   position: relative;    transition: all .3s ease;}
.map-title {  font-size: 24px;  color: #333;  text-align: center;   margin: 50px 0;   position: relative;}
.map-branch .map-title {   margin: 20px 0 0;   z-index: 1;}
.map-title:before {  content: "";   position: absolute;  width: 0;  height: 0;   bottom: -23px;   left: 50%;   transform: translateX(-50%);   border: 6px solid;   border-color: #20B09F transparent transparent;}
.map-title:after {  content: "";  position: absolute; width: 52px; height: 3px;   background-color: #20B09F;    bottom: -12px;   left: 50%;   transform: translateX(-50%);}
.map-content-info {    position: relative;    margin-bottom: 30px;}
.branch-map-l { margin-top:65px;  width: 849px;   height: 575px;  position: relative;}
.map-content-box {  width: 100%;  height: 100%;   background: url("../images/map-bj.png") no-repeat center;   position: relative;}
.map-dot {  position: absolute;  text-align: center;  font-size: 12px;   cursor: pointer;}
.beijing {  left: 585px;   top: 220px;}
.tianjin { left: 604px;  top: 234px;}
.hebei {  left: 575px;   top: 254px;}
.shanxi {  left: 540px;   top: 276px;}
.liaoning {   left: 660px;   top: 196px;}
.jilin {  left: 696px;   top: 167px;}
.heilongjiang {  left: 676px;   top: 106px;}
.shanghai {  left: 668px;   top: 341px;}
.jiangsu {  left: 646px;    top: 316px;}
.zhejiang {   left: 655px;  top: 379px;}
.anhui {   left: 605px;   top: 334px;}
.fujian {   left: 625px;   top: 428px;}
.jiangxi {  left: 595px;  top: 402px;}
.shandong { left: 610px; top: 284px;}
.henan {   left: 562px;    top: 316px;}
.hubei {   left: 555px;    top: 359px;}
.hunan {   left: 545px;   top: 409px;}
.guangdong {   left: 575px;    top: 466px;}
.guangxi {    left: 506px;    top: 461px;}
.chongqing {left: 495px;  top: 364px;}
.sichuan { left: 425px;   top: 354px;}
.guizhou {  left: 484px;   top: 424px;}
.yunnan {   left: 405px;   top: 462px;}
.shanxi1 {   left: 502px;   top: 312px;}
.neimenggu{left: 550px; top: 185px;}
.ningxia{left:460px; top: 275px;}
.gansu{left:440px; top: 315px;}
.qinghai{left:330px; top: 300px;}
.xizang{left:200px; top: 340px;}
.xinjiang{left:200px; top: 220px;}
.taiwan{ left:680px; top:445px;}
.xianggang{ left:610px; top:485px;}
.anomen{ left:570px; top:510px;}
.hainan{ left:525px; top:530px;}

.map-dot:after {  content: "";  display: block;  width: 8px;   height: 8px;   margin: 0 auto;   background-color: #084397;    border-radius: 50%;}
.map-dot.beijing:after {  width: 13px;  height: 12px;  border-radius: 0;  background: url("../images/icon-star.png") no-repeat center;}
.branch-map-data {   position: absolute;   box-sizing: border-box;   width: 430px;   border: 1px solid #084397;  box-shadow: 0 0 2px 2px #e9e9e9;  background-color: #fff;   padding: 10px 30px;   z-index: 1;   display: none;}
.branch-map-data-title {   border-bottom: 1px solid #eee;}
.branch-map-data-title p {   font-size: 18px;   color: #333;   line-height: 28px;}
.branch-map-data-info {    max-height: 236px;    overflow-y: auto;}
.data-branch {    border-bottom: 1px dashed #eee;    padding: 6px 0;    box-sizing: border-box;}
.data-branch:last-child {   border: none;}
a, button, input, textarea {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -moz-transition: all .3s ease;   -webkit-transition: all .3s ease;  transition: all .3s ease;}
.data-branch .data-name {  font-size: 14px;  color: #666;   line-height: normal;   margin-bottom: 5px;}
.data-branch p {  font-size: 12px;   color: #999;   line-height: 20px;}
.data-branch p {   font-size: 12px;   color: #999;   line-height: 20px;}
.branch-map-data:before {  content: "";  position: absolute;  left: -16px;  top: 50%;  transform: translateY(-50%);  width: 0;  height: 0;   border: 8px solid;   border-color: transparent #084397 transparent transparent;}
.branch-map-data:after {  content: "";  position: absolute;  left: -15px; top: 50%;
transform: translateY(-50%);  width: 0;  height: 0;   border: 8px solid;   border-color: transparent #fff transparent transparent;}

.map-dot.cur:before {  content: ""; position: absolute;  left: 50%;  bottom: -3px;  transform: translateX(-50%);  width: 14px;  height: 14px;   border-radius: 50%; border: 1px solid #084397;   animation: dot 4s infinite;}

@keyframes dot {
100% {transform: translateX(-50%) scale(1); opacity: 1;}

50% {transform: translateX(-50%) scale(1.5);opacity: .1;}
}
/*二级页面样式*/
#second_nav{ height:70px; background:#000}
#second_nav dl{ overflow:hidden; padding:20px 0 0 110px;}
#second_nav dl dt{ float:left}
#second_nav dl dt img{ display:block; width:130px;} 
#second_nav dl dd{ float:left; margin:0 60px; padding-top:3px;}
#second_nav dl dd a{ display:block; font-size:15px; color:#fff;}
#banner_active{ width:100%; position:relative; padding-bottom:44.27%}
#banner_active .bd{ position:absolute; left:0; right:0; top:0; height:100%; width:100%; z-index:1000}
#banner_active .bd ul li a,#banner_active .bd ul li,#banner_active .bd ul{ display:block; height:100%; width:100%}
#banner_active .hd{ position:absolute; left:0; width:100%; text-align:center; bottom:20px; z-index:1500}
#banner_active .hd li{ display:inline-block; text-indent:-9999px; width:9px; height:9px; border:2px solid #fff; border-radius:100%; margin:0 12px;}
#banner_active .hd .on{ background:#a0a0a0; border:3px solid #fff;}
#block_service h2{ text-align:center; padding: 2.5% 0; font-size:1.875em; font-weight:normal}
#block_service .service_list{ width:54%; margin:0 auto 45px auto;}
#block_service .service_list ul{ overflow:hidden}
#block_service .service_list ul li{ width:290px; float:left; position:relative; margin:0 10px;}
#block_service .service_list ul li a{ display:block; color:#fff;}
#block_service .service_list ul li a p{ display:block; position:absolute; left:0; top:0; padding:3%;}
#block_service .service_list ul li a p strong{ font-size:24px; display:block; line-height:42px; }
#block_service .service_list ul li a img{ display:block; width:100%}
#block_service .service_list ul li a p span{ display:block; font-size:25px; padding-top:3px;}
.block_project {position: relative;overflow: hidden; height:500px;}
.block_project img{ display:block; width:100%; height:100%}
.block_project .content {	position: absolute;	top:12%;	right: 15%;	width: 400px;	height: 81%;	color: #fff;	letter-spacing: 1px}
.block_project .btns {	font-size: 1em;	position: relative;	top: 10%;	font-weight: 300}
.block_project .more {	position: absolute;	top: 0;	left: 0}
.block_project .visite {	position: absolute;	top: 0;	left: 50%}
.block_project .title{font-size: 1.875em; padding-bottom:30px;}
.block_project .text{font-size:14px; line-height:26px;}
.block_project .more a,.block_project .visite a{ font-size:18px; color:#fff}
.block_train{ background:#ededea; width:100%;    padding:3.75em 0; position:relative}
.block_train .bd {    width: 70%;    max-width: 87.5em; margin:0 auto;  overflow: hidden;}
.block_train .next img,.block_train .prev img{ display:block; width:20px;}
.block_train .next{ left:8%}
.block_train .prev{ right:8%}
.block_train .bd ul li dl{ overflow:hidden}
.block_train .bd ul li dl dt{ width:400px; float:left; font-size:16px; line-height:30px;}
.block_train .bd ul li dl dd{ width:600px; float:right}
.block_train .bd ul li dl dd img{ display:block; width:100%}
.block_train .hd{ position:absolute; left:0; bottom:22px; height:20px; right:0; width:100%;}
.block_train .hd ul{ text-align:center; width:500px; margin:0 auto; padding:12px 0 35px 0; overflow:hidden;}
.block_train .hd ul li{ margin: 0 .5em; background:#ccc; text-indent:-99999px; display:inline-block;  background-size: 100% 100%;    display: inline-block;   border-radius: 100%;   width: .8em;   height: .8em; border:2px solid #fff}
.block_train .hd ul .on{ border:2px solid #fff; background:#666}
.breadcrumb .title span{ display:block; font-size:14px; color:#999}
#list-download{ background:#eff2f7; width:100%}
#list-download .wrap_download{ max-width:1200px; margin:0 auto; padding:50px 0}
#list-download .wrap_download ul li{ height:80px; line-height:80px;}
#list-download .wrap_download ul>li:nth-of-type(2n+1) {   background-color: #fff;}
#list-download .wrap_download ul li .download-header span {   display: inline-block;   vertical-align: top;   font-size: 18px;    line-height: 80px;   color: #000;    text-align: center;}
#list-download .wrap_download ul li{ width:100%}
#list-download .wrap_download ul li .download-header span:nth-of-type(1) {   width: 29%;   text-align: left;   text-indent: 100px;}
#list-download .wrap_download ul li .download-header span:nth-of-type(2) {  width: 30%;}
#list-download .wrap_download ul li .download-header span:nth-of-type(3) { width: 30%;}
#list-download .wrap_download ul li .download-header span:nth-of-type(4) {width: 10%;}
.ditem-name {   position: relative;   height: 80px;    width: 30%;    text-align: left;    font-size: 16px;  line-height: 24px;   color: #000;}
.download-item>div {    display: inline-block;   vertical-align: top;}
.ditem-name p {   position: absolute;   top: 50%;   left: 0;   right: 0;   padding-left: 60px;   -webkit-transform: translateY(-50%);   transform: translateY(-50%);}
.ditem-size, .ditem-date {   font-size: 16px;  line-height: 80px;    color: #999;}
.download-item>div {  display: inline-block;   vertical-align: top;}
.ditem-date {   width: 30%;}
.ditem-size,.ditem-date {   font-size: 16px;   line-height: 80px;   color: #999;	text-align:center}
.download-item>div {  display: inline-block;   vertical-align: top;}
.ditem-ico {   width: 9%;    color: #999;}
.ditem-ico img{ display:block; margin:22px auto 0 auto}
.ditem-ico span {   display: block;   vertical-align: top;   font-size: 28px;   line-height: 80px;	height:80px;}
.ditem-size {    width: 30%;}
#video{ padding-bottom:35px;}
#video .pic-col {    position: relative;   width: 100%;  height:480px; overflow:hidden}
#video  .desc {   position: absolute;  top: 0;  height: 100%;   left: 50%;   margin-left: -600px;  z-index: 100;}
#video .desc .text1 {    padding-right: 60px;}
#video .inner{ width:300px; position:absolute; top:220px; left:-354px;}
#video .inner .text1 h3 {   font-size: 20px;    margin-bottom: 20px;}
#video .inner .text1 p{ font-size:14px; color:#707473}
#video .inner .share-btn {  min-width: 150px;  display: inline-block;  text-transform: uppercase;text-align: center;  font-size: 16px;  margin-top: 30px;  padding: 10px 30px;   border: 1px solid #44a8f2;border-radius: 2px;  background-color: #44a8f2;    color: #fff;    transition: all .3s ease;}
#video .inner .share-btn:hover{background-color: #fff; color:#44a8f2}
#video .video-cover{ width:33.1%; height:100%; background:#fff; float:left; padding-right:0.2%; position:relative}
#video .video-cover img{ display:block; height:100%; width:100%}
#video .video-cover:nth-child(1){ width:40%}
#video .video-cover:nth-child(2){ width:33%}
#video .video-cover:nth-child(3){ width:26.6%}
#video .video-cover:nth-child(3){ padding-right:0}
#video .video-title{ position:absolute; left:0; right:0; top:30%; text-align:center; color:#fff}
#video .video-title h3{ font-size:20px;}
#video .video-title h2{ font-size:30px;}
#video  .fa-play {    position: absolute;    left: 50%;    top: 50%;    margin-left: -19px;  margin-top: -14px;    color: rgba(255,255,255,.8);   font-size: 38px; transition: all .5s;    z-index: 300;}
.showcase-s2 {   text-align: center;  padding-bottom: 2px;   margin-top: 2px;    margin-bottom: 64px;}
.showcase-s2 table {    width: 100%;   margin: 0 auto;}
.showcase-s2 table td img { vertical-align: middle;  width: 100%; height:100%}
.showcase-s2 table td {  background-size: cover; background-position: center center;   position: relative;    border: 2px solid #fff;  overflow: hidden;    width: 25%;}
.showcase-s2 table td .desc {  position: absolute;   top: 0;   height: 100%;    width: 100%;}
.showcase-s2 table td .desc .title {   display: table;   height: 100%;    width: 100%;}
.showcase-s2 table td .desc .title .grid-title {   display: table-cell;   vertical-align: middle;    text-transform: uppercase;    font-weight: 200;  font-size: 34px;  color: #fff;  text-align: center;}
#video .showcase-s2  .desc { margin-left:0; left:0}
.showcase-s2 table td:hover .bg-cover, .showcase-s2 table td:hover img {   -webkit-transform: scale(1.03);   transform: scale(1.03);}
.showcase-s2 table td img {   transition: All .7s ease-in-out;}
#gm_container{ width:1200px; margin:0 auto}
.tap-horizontal {   border-bottom: solid 1px #f0f1f2;   padding: 16px 0 32px;}
.tap-horizontal li {   position: relative;   display: inline-block;   vertical-align: bottom;   font-size: 16px;  font-weight: 400;    margin-top: 16px;}
.tap-horizontal li a{    display: block;  cursor: pointer;  color: rgba(0,0,0,.65);   padding: 8px 16px; line-height: 24px;    -webkit-transform: color .3s;    transform: color .3s;}
.tap-horizontal .active a{    color: #fff;   background: rgba(0,0,0,.85);   border-radius: 88rem;}
.online-shops h4,.offline-shops h4{ color:#707473; font-size:22px; padding:60px 0 40px 0}
.online-shops,.row{ overflow:hidden}
.online-shops .online-shop-detail {   margin-bottom: 40px;}
.online-shops img {   max-height: 50px;    margin-bottom: 16px;}
.col-sm-4 {   width: 33.33333333333333%; float:left}
.online-shops .online-shop-detail p{ font-size:16px;}
.online-shops .online-shop-detail p span{ display:inline-block; font-size:20px; position:relative; top:7px; margin-left:5px;}
.online-shops .online-shop-detail a{ color:#70748a}
.online-shops .online-shop-detail a:hover{ color:#44a8f2}
.offline-shops .city{font-size: 18px;   margin: 0 0 18px;   padding-left: 0;}
.offline-shops .name {  font-size: 16px;    padding-left: 0; color:#44a8f2;}
.offline-shops p{    margin-bottom: 12px; font-size:16px; line-height: 1.5; position:relative}
.offline-shops .offline-shop-detail { height: 230px;}
.offline-shops .address,.offline-shops .time,.offline-shops .tel{ padding-left:30px;}
.offline-shops p i{ display:inline-block; position:absolute; left:0; top:-2px;}
.offline-shops .col-sm-4{ width:31.5%; margin-right:29px; margin-bottom:30px;}
.offline-shops .col-sm-4:nth-child(3){ margin-right:0}
.hide-info{ position:relative}
.enterprise-list{ padding:35px 0}
.enterprise-list li { width: 33%;  padding-right: 50px;  padding-top: 0;   padding-bottom: 50px;    vertical-align: top;}
.enterprise-list li .list-name { color: #3b3e40;  font-size: 16px;font-weight: 400;   padding-bottom: 12px; margin-bottom: 6px;   border-bottom: solid 1px #f0f1f2;}
.enterprise-list li p{  font-size: 16px;  line-height: 26px;  padding-bottom: 2px;  padding-top: 2px;  color: #3b3e40;}
#detail-pc{ background:#f7f8f9; padding:100px 0 50px 0}
#detail-pc .job-base{ width:1100px; padding:50px; margin:0 auto; background:#fff;}
#detail-pc .job-base h2{    display: inline-block;  line-height: 30px;   font-size: 22px;   color: #707473;  font-weight: 400;    margin: 24px 0 16px;}
#detail-pc .job-base .job-title{ overflow:hidden; font-size:15px; color:#979797; padding-bottom:25px;}
#detail-pc .job-base .job-title dt{ float:left; margin-right:45px;}
#detail-pc .job-content{ padding:25px 0; border-top: 1px solid #ebebeb;}
#detail-pc .job-content dl{ font-size:15px; line-height:35px; margin-bottom:30px;color: #707473;}
#detail-pc .job-content dl dt{ padding-bottom:20px;}
.contact-banner{height: 450px; margin-top:50px;    background-image: url(../images/ba5.jpg);
    background-position: center center;  background-color: #fcfcfc; background-repeat: no-repeat;}
.contact-section{ overflow:hidden; width:1200px; margin:0 auto; padding:80px 0}
.contact-section .clearfix{ float:left; width:200px;}
.contact-section .clearfix li{line-height: 20px;  border-left: 2px solid transparent; position:relative;   padding-left: 20px;   margin: 10px 0; text-transform: uppercase;}
.contact-section .clearfix li a,.contact-section .clearfix .active span{ font-size:15px; color:#666}
.contact-section .clearfix li a:hover,.contact-section .clearfix .active span{ color:#44a8f2}
.contact-section .clearfix li em{ display:none; height:21px; width:2px; background:#44a8f2; position:absolute; left:0; top:0}
.contact-section .clearfix .active em{ display:block}
.contact-section .address-list{ float:right; width:980px;}
.contact-section .address-list .col-sm-6{ overflow:hidden; float:left; width:50%; line-height:44px; font-size:15px; color:#707473}
.contact-section .address-list .col-sm-6 dt{ width:170px; font-weight:bold}
.contact-section .address-list .col-sm-6 dd{ }
.contact-section .address-list .col-sm-6 dd a{ color:#44a8f2}
#container-full{ padding:75px 0 15px 0; background:#fff; width:100%; margin:0 auto;}
#container-full .section-nav{ overflow:hidden}
#container-full .section-nav .section-title{ width:1200px; margin:30px auto 0;}
#container-full .section-nav .section-title h3{font-family: PingFangSC-Medium,Microsoft YaHei;
    font-size: 18px;
    color:#666;}

#container-full .section-nav .section-text{ float:right; padding-top:10px;}
#container-full .section-nav .section-text a{    font-size: 13px;
    color: #555;
    text-align: right;
    padding-left: 25px;}
#white_content{ background:#fbfbfb; padding:20px 0}
#white_content .container{ width:100%; margin:0 auto}
#white_content .container img{ width:100%; height:auto;}
#hw_grid .product-item .link_a{ padding:12px; height:454px;}
#hw_grid .product-item .link_a a{ display:block}
#hw_grid .product-item .link_a img{ display:block; width:100%; height:454px;}



.li_cpSsPd strong{ display:block; margin:20px 0}
.li_cpSsPd { height:150px;}

.li_pages{ text-align:center; padding:40px 0 0 0}
.li_pages span,.li_pages a{ display:inline-block; padding:6px 10px; background:#ebebea; margin:0 4px; font-size:14px}
.li_pages span{ background:#004ea2; color:#fff}
.li_pages span.li_lingUp{ background:#c9caca}

.li_pages2{ text-align:center; padding:10px 0 0 0}
.li_pages2 span,.li_pages2 a{ display:inline-block; padding:6px 10px; background:#ebebea; margin:0 4px; font-size:14px; color:#333;}
.li_pages2 span,.li_pages2 a:hover{ background:#666; color:#fff;}
.li_pages2 span{background:#666; color:#fff}
.li_pages2 span.li_lingUp{ background:#c9caca}
.li_pages2 .on{ background:#666; color:#FFF;}





.footer-common{ position:relative; background:#fff; padding:15px 0; bottom:0; left:0; right:0; width:100%}
.footer-common dl{ width:1200px; margin:0 auto; text-align:center}
.footer-common dl dt{ display:inline-block; padding-right:100px;}

.footer-common dl dd{ display:inline-block}
.footer-common dl dd p{ display:inline-block; margin-right:12px;}
.footer-common dl dd p a{ color:#707473;transition: all .3s ease;}
.footer-common dl dd p a:hover{ color:#000}
.bshare-custom.icon-medium .bshare-qzone{ background:url(../images/kongjian.png) no-repeat; background-size:25px;}
.bshare-custom.icon-medium .bshare-sinaminiblog{ background:url(../images/weibo.png) no-repeat; background-size:25px;}
.bshare-custom.icon-medium .bshare-weixin{ background:url(../images/weixin.png) no-repeat; background-size:25px;}