@charset "utf-8";
/* CSS Document */
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
a{ color:inherit;}
a:focus{ outline: none !important;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%;}
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.container{height:100%;margin: 0 auto;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; padding:0 40px; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 60px !important; height: 60px !important; line-height: 56px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}

/*===========================header=============================*/
.header-top{height:42px; z-index:999; width:100%; transition:1.5s; background:rgba(0,0,0,0.1); color:rgba(0,0,0,0.65); font-size:15px;}
.header-top p{line-height:42px; float:left; margin-right:20px;}
#header{position: fixed; height:6.25rem; z-index:999; width:100%; transition:1.5s; background:#fff;}
#header .container{height:100%; position:static;}
.line_bot{display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; z-index:-1; background:rgba(255,255,255,.2);}
#logo{float:left; height:100%;}
#logo img{ float:left;}
#header .logo_txt{width:auto; line-height:20px; font-size:17px; color:#333; float:left; padding:0 0 0 15px;transition:.8s;}
#header .logo_txt .biaoti{width:auto; line-height:26px; font-size:24px; font-weight:bold; letter-spacing:1px;}
#header .logo_txt .yingwen{width:auto; line-height:22px; font-size:12px; text-transform:uppercase;}
#nav{position:absolute; right:13%;}
#nav ul{ float:left;}
#nav ul li{ float:left; position:relative; z-index:0; height:100%;}
#nav>ul>li>a{ display:block; height:6.25rem; display:table-cell; vertical-align:middle; padding:0 1.25rem; overflow:hidden; position:relative; transition:.6s; text-align:center; z-index:1; transition:.8s;}
#nav ul li h3{ font-size:1rem; color:#333;transition:.8s; margin-bottom:2px; position:relative; line-height:6.3rem; }
#nav ul li span{ font-size:12px; color:#aeaeae; text-transform:uppercase;transition:.8s;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:98%;background:#fff; background:rgba(255,255,255,.95) url(../images/s_case_bg.jpg) center bottom no-repeat; background-size:contain; width:240%;left:-70%; z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;}
#nav ul li .sub .box{padding:0px 20px; text-align:center;}
#nav ul li .sub a{padding:10px 0; line-height:1.2rem; transition:.3s;font-size: .9rem;color: #666; display:block; width:100%; float:left;}
#nav ul li .sub a:hover{color: #ff6c00;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px); transform-origin: 50% 0%;}
#nav>ul>li.on h3,#nav ul li:hover h3{  }
#nav>ul>li.on span,#nav ul li:hover span{ color:#b0b8d6; }
#nav>ul>li>a h3:after{ content:""; display:block; width:0; height:3px; position:absolute; left:0; background:#ff6c00; bottom:0px; transition:.5s; z-index:-1; }
#nav>ul>li:hover>a h3:after,#nav ul li.on>a h3:after{ width:100%;}
#nav ul li:hover .sub {
opacity: 1;
visibility: visible;
animation-name: swingdown;
animation-duration: 1.2s;
animation-timing-function: ease;
}
@media (max-width:1750.98px) {
#nav{right:4%;}
}
@media (max-width:1280px) {
.header-top{display:none;}
}
@keyframes swingdown {
	0% {
		opacity: .99999;
		transform: rotateX(90deg);
	}

	30% {			
		transform: rotateX(-20deg) rotateY(5deg);
		animation-timing-function: ease-in-out;
	}

	65% {
		transform: rotateX(20deg) rotateY(-3deg);
		animation-timing-function: ease-in-out;
	}

	100% {
		transform: rotateX(0);
		animation-timing-function: ease-in-out;
	}
}
#btn_wechat{ background:#ff6c00;}
#header .top_line,#header .line_bot{ background:rgba(0,0,0,.1);}
#top_tel{ font-size:15px; color:#666; line-height:25px; text-align:left;}
#top_tel font{ display:inline-block; width:28px; height:38px; background:url(../images/toptel_red.png) center no-repeat; background-size:26px; margin-right:10px;transition:.8s;}
#top_tel a{ line-height:25px; display:block; height:50px;}
#top_tel a span{ line-height:25px; display:inline-block; vertical-align:top; color:#666;transition:.8s;}
#top_tel a span b{color:#000; font-size:1.3rem;}

#top_language{ font-size:16px; color:#fff; font-family:arial; white-space:nowrap; line-height:30px;}
#top_language font{ display:inline-block; width:30px; height:30px; background:url(../images/en.png) center no-repeat; background-size:25px; transition:.8s;}
#top_language a{ line-height:30px; display:block; height:30px;}
#top_language a span{ line-height:30px; display:inline-block; vertical-align:top; color:#fff;transition:.8s;}


.top_menu .ico{ float:left; position:relative;}
.top_menu .ico i{ width:1px; height:100%; background:rgba(255,255,255,.2);position:absolute; left:0; bottom:0;}
.t_sty{ height:6.25rem; padding:0 0 0 1.2rem; text-align:center;}
#m_header .t_sty{ height:4.5rem;}
#btn_wechat:hover img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
 @-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
/***********************/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{ position:fixed; top:0; background:#fff; background:rgba(255,255,255,.95); }
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg #logo .logo_white,#header.xg .top_search_white{ display:none;}
#header.xg .logo_txt{color:#333;}
#header.xg #nav ul li a h3{ color:#333; }
#header.xg .top_line,#header.xg .line_bot{ background:rgba(0,0,0,.1);}
#header.xg #top_tel{ color:#333; }
#header.xg #top_tel font{ background:url(../images/toptel_red.png) center no-repeat; background-size:26px; }
#header.xg #top_tel a span{color:#333;}
#header.xg #top_language{ color:#333; }
#header.xg #top_language font{ background:url(../images/en.png) center no-repeat; background-size:25px; }
#header.xg #top_language a span{color:#333;}

/*手机头部开始*/
#m_header{ position: fixed;  z-index:999; width:100%; height:4.5rem; left:0; top:0; padding:0 10px;background:#fff; display:none; }
#m_header #logo{ height:4.5rem; margin:0; }
#m_header #logo img{ }
#m_header .title{font-size:1.8rem; font-weight:bold; line-height:4.5rem; text-indent:10px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
 


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; display:none; }
#nav_btn_box.on{ background:none;}
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{/* background:#fff; */}

#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; padding-right:10px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #939393;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 99999;
    position: fixed;
    background: #f1f1f1 url(../images/foot_bg.jpg) center bottom no-repeat;
    background-size:cover;
    background-attachment:  fixed;
    width: 19rem; bottom: 0;
    right: -19rem;
    top: 0;
    display:none;
    padding:50px 0;
    padding-top:80px;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{border-top: 1px solid rgba(145, 145, 145, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:5rem;height:5rem;color: #383838;padding:0;font-size: 1.375rem;float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 15px;height:5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #676767;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


/*首页banner*/
#banner{ width:100%; overflow:hidden; position:relative; z-index:0; padding-top:6.25rem;}
#banner .swiper-container { height:708px; }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center;}
#banner .txt{position: absolute;  width: 100%; height: 100%;left: 0; top: 0; z-index:99;}
#banner .txt .txt_pic{margin-left:11%; width:60%;}
#banner .txt .txt_pic p{color:#fff;}
#banner .txt .txt_pic p:nth-child(1){font-size:3.2rem; line-height:4rem; font-weight:bold;}
#banner .txt .txt_pic p:nth-child(2){font-size:1.1rem; line-height:2.2rem;width:55%; padding:2rem 0;}
#banner .swiper-button-prev{ background:url(../images/banner_left.png) center no-repeat; background-size: contain;opacity:.3; left:5%;}
#banner .swiper-button-next{ background:url(../images/banner_right.png) center no-repeat; background-size: contain; opacity:.3; right:5%;}
#banner .swiper-button-white{ width:3rem; height:3rem;}

.s_tt{ text-align:center; margin-bottom:4rem;}
.s_tt .box{ display:inline-block;}
.s_tt h3{font-size:1.8rem; line-height:2.5rem;color:#000; display:inline-block; position:relative; text-transform:uppercase; font-family:Arial;}
.s_tt span{ font-size:1.5rem; display:block;}

@-webkit-keyframes huadong {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(10px); opacity:0;}
	51%{ transform:translateX(-10px); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}

@keyframes huadong {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(10px); opacity:0;}
	51%{ transform:translateX(-10px); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}
@media (max-width: 1280px)
{
#banner{padding-top:4.5rem;}
#banner .txt .txt_pic{width:80%;}
}
@media (max-width: 680px)
{
#banner .swiper-container {height:26vh;}
}

.tc_btn{ cursor:pointer;}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
#tc_ewm_wechat{background:#ff6c00; padding:3px; width: 11rem; position:relative; z-index:999; margin:0 auto;}
#tc_ewm_wechat .box{ border:1px solid #36beb1; }
#tc_ewm_wechat img{ width: 9.4rem; margin:.5rem;}
#tc_ewm_wechat h5{line-height: 2rem;font-size:1rem;color:#fff;text-align:center;padding-bottom:  5px;}

/****************内页开始*****************/
/*内页banner*/
.n_banner {width: 100%;position: relative;text-align:center;height: 23rem;overflow:hidden;}
.n_banner>div{ margin-top: -10px;}
/*内页导航*/
.n_nav_box{ position:relative; line-height:4.6rem; z-index: 2;  text-align:center; padding-top:3rem; }
.n_nav a{ font-size:1rem; width:9rem; height:3.125rem; line-height:3.125rem; background:url(../images/n_nav.png) center no-repeat; background-size:contain; color:#252525; display:inline-block; margin:0 2px; text-align:center; position:relative;}
.n_nav a:before{ content:""; width:1rem; height:1.25rem; display:block; background: url(../images/n_nav_cur.png) center no-repeat; background-size:contain; position:absolute; bottom:-1rem; transition: .5s; opacity:0; filter:alpha(opacity=0);left: 50%;
    margin-left: -.5rem;}
.n_nav a:hover:before,.n_nav a.on:before{ opacity:1; filter:alpha(opacity=100); background-size:contain; bottom:-2rem;}
.n_nav a:hover,.n_nav a.on{ color:#fff; background:url(../images/n_nav_on.png) center no-repeat;background-size:contain;}