/* main.css - 神州一诺 全站共用样式 */
/* ===== reset ===== */
@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input{margin: 0; padding: 0;}
body{

	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #000;
	position: relative;
	min-height: 100%;
}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea{outline: none; border: none; -webkit-appearance: none; border-radius: 0;}
select{outline: none; border: none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.fr a{
	color: #fff;
}
.fr a:hover{
	border-bottom:1px solid #fff;
	cursor: pointer;
}
.clear{clear: both;}
.hidden{overflow: hidden;}
.commonpd{padding: 5% 7%;}
.por{position: relative; z-index: 3;}
/*scroll bar*/
::-webkit-scrollbar {width:6px;height:6px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#ccc}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#0024d6;)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#0024d6;)}
::-webkit-scrollbar-thumb:vertical:active {background-color:#99a3d4;)}
.container{width: 86%; max-width: 1440px; margin: 0 auto;}
.container:after{content: ''; display: block; clear: both;}
@media screen and (max-width: 992px){
	.commonpd{padding: 5%;}
}
body p{text-align: justify;}


/* ===== base ===== */
@charset "utf-8";
@font-face{font-family: 'Reznor'; src: url('../fonts/Reznor Downward Spiral.ttf');}
@font-face {
    font-family: 'Circular Std';
    src: url(../fonts/circularstd-book.woff2) format("woff2"), url(../fonts/circularstd-book.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Circular Std';
    src: url(../fonts/circularstd-medium.woff2) format("woff2"), url(../fonts/circularstd-medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: 'Circular Std';
    src: url(../fonts/circularstd-bold.woff2) format("woff2"), url(../fonts/circularstd-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'Reznor';
    src: url('../fonts/Reznor Downward Spiral.ttf');
}
.c-nav_main ul{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; margin: 0; opacity: 0; padding: 0; list-style: none; transition: right 500ms ease,opacity 500ms ease;}
.c-nav_main ul li{height: 14.2857%; position: relative; border-bottom: 1px solid rgba(255,255,255,.2); transition: background 500ms ease;}
.c-nav_main ul li:before{content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.c-nav_main ul li .block{display: inline-block; vertical-align: middle; width: 70%;}
.c-nav_main ul li h3{margin: 0;}
.c-nav_main ul li h3 a{font-size: 30px; color: #fff; text-align: right; display: block; transition: color 500ms ease;}
.c-nav_main ul li .item{margin-top: 15px; text-align: right; margin-right: -50px; opacity: 0; height: 0; width: 400px; float: right; overflow: hidden; transition: all 500ms ease; font-size: 0;}
.c-nav_main ul li .item a{font-size: 16px; color: #808080; display: inline-block; margin-left: 20px; transition: color 500ms ease;}
.c-nav_main ul li .item a:hover{color: #0024d6;}
.c-nav_main ul li:hover{background: rgba(255,255,255,5);}
.c-nav_main ul li:hover h3 a{color: #333;}
.c-nav_main ul li:hover h3 a:hover{color: #0024d6;}
.c-nav_main ul li:hover .item{min-height: 24px; height: auto; opacity: 1; margin-right: 0;}
.c-nav_main{position: fixed; top: 0; right: 0; bottom: 0; font-size: 0; visibility: hidden; -webkit-transition: visibility 0s .9s; transition: visibility 0s .9s; z-index: 999;}
.c-nav_main::before{display: inline-block; content: ""; width: 6%; height: 100%; background-color: #262626; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, 0, 1) .6s; transition: -webkit-transform .3s cubic-bezier(.4, 0, 0, 1) .6s; transition: transform .3s cubic-bezier(.4, 0, 0, 1) .6s; transition: transform .3s cubic-bezier(.4, 0, 0, 1) .6s, -webkit-transform .3s cubic-bezier(.4, 0, 0, 1) .6s; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left}
.has-nav-open .c-nav_main{visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s}
.has-nav-open .c-nav_main::before{-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 0s; transition-delay: 0s}
.c-nav_main{left: 10rem}
.c-nav_main.inner{left: 180px;}
.has-nav-open .c-nav_main_item:nth-child(1) .c-nav_main_wrap::before{-webkit-transition-delay: .1s, .35s, 0s; transition-delay: .1s, .35s, 0s}
.has-nav-open .c-nav_main_item:nth-child(2) .c-nav_main_wrap::before{-webkit-transition-delay: .2s, .7s, 0s; transition-delay: .2s, .7s, 0s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_wrap::before{bottom: -5rem; -webkit-transition-delay: .3s, .75s, .75s; transition-delay: .3s, .75s, .75s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_wrap::before{bottom: -5rem; -webkit-transition-delay: .4s, .9s, .9s; transition-delay: .4s, .9s, .9s}
.has-nav-open .c-nav_main_wrap::before{right: -10rem; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1)}
.has-nav-open .c-nav_main_item:nth-child(1) .c-nav_main_content{-webkit-transition-delay: .1s; transition-delay: .1s}
.has-nav-open .c-nav_main_item:nth-child(2) .c-nav_main_content{-webkit-transition-delay: .2s; transition-delay: .2s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_content{-webkit-transition-delay: .3s; transition-delay: .3s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_content{-webkit-transition-delay: .4s; transition-delay: .4s}
.has-nav-open .c-nav_main_content{opacity: 1}
.has-nav-open .c-nav_main_item:nth-child(1) .c-nav_main_heading{-webkit-transition-delay: .1s; transition-delay: .1s}
.has-nav-open .c-nav_main_item:nth-child(2) .c-nav_main_heading{-webkit-transition-delay: .2s; transition-delay: .2s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_heading{-webkit-transition-delay: .3s; transition-delay: .3s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_heading{-webkit-transition-delay: .4s; transition-delay: .4s}
.has-nav-open .c-nav_main_heading{opacity: 1}
.has-nav-open .c-nav_main_heading.-small{-webkit-transform: none; -ms-transform: none; transform: none}
@media screen and (max-width: 1500px){
.c-nav_main ul li h3 a{font-size: 20px;}
.c-nav_main ul li .block{width: 84%;}
.c-nav_main ul li .item{margin-top: 5px;}
.c-nav_main ul li .item a{font-size: 14px; margin-left: 15px; line-height: 20px;}
}
.m_header{display: none;}
@media screen and (max-width: 992px){
.m_header{display: block; position: fixed; top: 0; width: 100%; max-width: 992px; background: #fff; padding: 11px 20px; box-shadow: 8px 0 10px rgba(0,0,0,.2); z-index: 99;}
.m_header .logo{display: inline-block;}
.m_header .logo img{display: block;}
.m_header .btn{width: 40px; height: 40px; position: absolute; right: 20px; top: 10px;}
.m_header .btn:before,
    .m_header .btn:after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; z-index: 1;}
.m_header .btn:before{background: #edeaea;}
.m_header .btn:after{-webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease; transition: all 300ms ease; background: #000;}
.m_header .btn span{width: 2px; height: 18px; background: #000; position: absolute; top: 11px; left: 19px; z-index: 2; -webkit-transition: all 450ms ease; transition: all 450ms ease;}
.m_header .btn span:before,
    .m_header .btn span:after{content: ''; width: 2px; -webkit-transition: all 450ms ease; transition: all 450ms ease; position: absolute; top: 0; bottom: 0; background: #000; -webkit-transform-origin: center bottom; transform-origin: center bottom;}
.m_header .btn span:before{right: -6px;}
.m_header .btn span:after{left: -6px;}
.m_header ul{position: fixed; top: 60px; right: 0; width: 100%; height: calc(100% - 60px); z-index: 99; background-color: #fff; padding-top: 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 300ms ease; transition: all 300ms ease;}
.m_header ul li{position: relative; z-index: 1;}
.m_header ul li a.single{width: 50%; display: block; font-size: 15px; margin-left: 50%; line-height: 36px; text-align: right; padding-right: 20px;}
.m_header ul li .block{position: absolute; right: 50%; top: 0; width: 50%; background: #444; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right top; transform-origin: right top;}
.m_header ul li .block a{display: block; line-height: 36px; padding: 0 20px; font-size: 15px; text-align: right; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1);}
.m_header ul li.active{z-index: 2;}
.m_header ul li.active .block{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 300ms 200ms ease; transition: all 300ms 200ms ease;}
.m_header ul li.active a.single{background: #444; color: #fff; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
.m_header.active .btn:after{-webkit-transform: scale(1.2); transform: scale(1.2);}
.m_header.active .btn span{-webkit-transform: rotate(180deg) translateY(-2px); transform: rotate(180deg) translateY(-2px);}
.m_header.active .btn span{background: transparent;}
.m_header.active .btn span:before,
    .m_header.active .btn span:after{background: #fff;}
.m_header.active .btn span:before{-webkit-transform: rotate(-42deg); transform: rotate(-42deg);}
.m_header.active .btn span:after{-webkit-transform: rotate(42deg); transform: rotate(42deg);}
.m_header.active ul{-webkit-transform: none; transform: none;}
}
body.pl{padding-left: 180px;}
.header{
	width: 180px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: #000;
}
.header .logo{position: absolute; top: 5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.header .logo img{display: block;}
.header .nav{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header .nav li{
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #222;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.header .nav li a{display: block; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header .nav li a:hover,.header .nav li.active a{
	color: #5f7aff;
}
.header .nav li .hover{position: fixed; top: 0; height: 100%; left: 180px; width: 180px; background: #444;}
.header .nav li .hover a{display: block;}
.header .btn{position: absolute; bottom: 5%; left: 50%; margin-left: -28px; width: 56px; height: 56px; background: none; line-height: 1; cursor: pointer;}
.header .btn:after,
.header .btn:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; content: ""; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,0,1); transition: -webkit-transform .3s cubic-bezier(.4,0,0,1); transition: transform .3s cubic-bezier(.4,0,0,1); transition: transform .3s cubic-bezier(.4,0,0,1),-webkit-transform .3s cubic-bezier(.4,0,0,1);}
.header .btn:before{background-color: #edeaea;}
.header .btn:after{background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -ms-transform: scale(0);}
.header .btn:hover:before{-webkit-transform: scale(1.2); transform: scale(1.2); -ms-transform: scale(1.2);}
.header .btn .btn_lines{position: relative; z-index: 2; display: inline-block; height: 18px;}
.header .btn .btn_lines,
.header .btn .btn_lines:after,
.header .btn .btn_lines:before{width: 2px; background-color: #000;
	-webkit-transition: background-color .3s cubic-bezier(.4,0,0,1),-webkit-transform .45s cubic-bezier(.4,0,0,1);
	transition: background-color .3s cubic-bezier(.4,0,0,1),-webkit-transform .45s cubic-bezier(.4,0,0,1);
	transition: background-color .3s cubic-bezier(.4,0,0,1),transform .45s cubic-bezier(.4,0,0,1);
	transition: background-color .3s cubic-bezier(.4,0,0,1),transform .45s cubic-bezier(.4,0,0,1),-webkit-transform .45s cubic-bezier(.4,0,0,1);}
.header .btn .btn_lines:after,
.header .btn .btn_lines:before{position: absolute; top: 0; bottom: 0; content: "";
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-ms-transform-origin: center bottom;}
.header .btn .btn_lines:before{right: -6px;}
.header .btn .btn_lines:after{left: -6px;}
.has-nav-open .header .btn:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.has-nav-open .header .btn:hover:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.has-nav-open .header .btn .btn_lines {
    background-color: transparent;
    -webkit-transform: rotate(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    transform: rotate(180deg) translateY(-2px)
}
.has-nav-open .header .btn .btn_lines:after,
.has-nav-open .header .btn .btn_lines:before {
    background-color: #000
}
.has-nav-open .header .btn .btn_lines:before {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg)
}
.has-nav-open .header .btn .btn_lines:after {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}
.comon_main_nav.active{left: 180px;}
.comon_main_nav.active li.active{opacity: 1; visibility: visible;}
.comon_main_nav li .block{position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.comon_main_nav li .block a{display: block; border-bottom: 1px solid rgba(255,255,255,.1); text-align: center; font-size: 14px; line-height: 49px; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.comon_main_nav li .block a:hover,.comon_main_nav li .block a.hover{background: #0024d6;}
.footer{
	background: #818181;
	position: relative;
	z-index: 3;
}
.footer .copyright{border-top: 1px solid #626265; font-size: 14px; color: #fff; padding: 30px 7%; overflow: hidden;}
.footer .main{font-size: 0; position: relative;}
.footer .main > div{display: inline-block; vertical-align: top;}
.footer .logo{width: 28%; height: 100%; padding: 0 7%; position: absolute; left: 0; top: 0;}
.footer .logo img{display: block; width: 50%; max-width: 222px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.footer .nav{width: 38%; margin-left: 28%; padding: 3% 0; padding-left: 8%; border-right: 1px solid #626265; border-left: 1px solid #626265; overflow: hidden;}
.footer .nav a{display: block; width: 50%; float: left; font-size: 14px; color: #fff; line-height: 28px;}
.footer .share{width: 34%; text-align: center; font-size: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.footer .share a{width: 40px; height: 40px; margin: 0 2%; padding-left: 0; float: none; display: inline-block; border-radius: 50%; background-color: #ebebeb; background-position: center; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.footer .share a:nth-of-type(1){background-image: url(../images/share_icon1.png);}
.footer .share a:nth-of-type(2){background-image: url(../images/share_icon2.png);}
.footer .share a:nth-of-type(3){background-image: url(../images/share_icon3.png);}
.footer .share a:nth-of-type(4){background-image: url(../images/share_icon4.png);}
.footer .share a:nth-of-type(5){background-image: url(../images/share_icon5.png);}
.footer .share a:hover{background-color: #fff;}
.common_search{position: fixed; top: 0; right: 0; width: 200px; height: 90px; z-index: 2;}
.common_search:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.common_search span{display: inline-block; vertical-align: middle; font-size: 20px; color: #fff; font-family: 'Reznor'; padding-left: 20px; padding-top: 2px; background: url(../images/common_icon2.png) left center no-repeat;}
.common_search .search{width: 16px; height: 25px; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative;}
.common_search .search a{width: 16px; height: 24px; display: block; background-position: center; background-repeat: no-repeat; background-image: url(../images/common_icon1.png); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_search .search form{position: absolute; width: 0; height: 25px; border-bottom: 1px solid #ccc; position: absolute; right: 0; top: 0; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_search .search form.active{width: 240px;}
.common_search .search form .close{width: 14px; height: 14px; background: url(../images/close_icon1.png); position: absolute; left: 0; top: 5px; transition: all 500ms ease; cursor: pointer;}
.common_search .search form .close:hover{transform: rotate(180deg);}
.common_search form input{width: 210px; margin-left: 24px; height: 24px; background: none; display: block; font-size: 14px; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_search form input::-webkit-input-placeholder{color:#fff;}
.common_search form input::-moz-placeholder{color:#fff;}
.common_search form input:-moz-placeholder{color:#fff;}
.common_search form input:-ms-input-placeholder{color:#fff;}
.common_search form button{width: 16px; height: 24px; position: absolute; right: 0; top: 0; background: none; background-position: center; background-repeat: no-repeat; background-image: url(../images/common_icon1.png); -webkit-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer;}
@media screen and (max-width: 1500px){
.header .nav li{line-height: 32px;}
.comon_main_nav li .block a{line-height: 35px;}
}
@media screen and (max-width: 1300px){
.footer .copyright,
    .footer .nav a{font-size: 12px;}
}
@media screen and (max-width: 992px){
body.pl{padding: 0;}
.header{display: none;}
.c-nav_main{display: none;}
.common_search{top: 64px; width: 160px; height: 50px;}
.m_index .slick-slide{height:auto !important}
.footer .nav,
    .footer .share{display: none !important;}
.footer .main{padding: 20px 0;}
.footer .logo{position: static; width: 100%; display: block !important;height:auto;}
.footer .logo img{position: static; display: block; margin: 0 auto; -webkit-transform: none; transform: none;}
.footer .copyright{padding: 15px 6px;}
.footer .copyright span{float: none !important; display: block; text-align: center;}
}
.common_section1{width: calc(100% - 180px); height: 100vh; position: fixed; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.common_section1 .txt_block{position: absolute; top: 50%; left: 7%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.common_section1 .txt_block h3{font-size: 40px; color: #fff; font-weight: 600;}
.common_section1 .txt_block h4{font-size: 30px; font-family: 'Arial'; color: rgba(255,255,255,.3); margin: 5px 0 8px; text-transform: uppercase;}
.common_section1 .txt_block p{
	padding: 15px 15px;
	background: #0024d6;
	display: inline-block;
	font-size: 20px;
	color: #fff;
}
.common_section3{background: #fff;}
.common_section3.item4 .item{width: 23%;}
.common_section3.item5 .item{width: 18%;}
.common_section3 .items{margin: 2% -1% 0;}
.common_section3 .items:after{content: ''; display: block; clear: both;}
.common_section3 .item{width: 14.666%; float: left; margin: 1%; border: 1px solid #f7f7f7; text-align: center; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_section3 .item .logo{height: 62px; display: table; width: 100%;}
.common_section3 .item .img{display: table-cell; vertical-align: middle;}
.common_section3 .item .img img{max-width: 90%; max-height: 90%}
.common_section3 .item p{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0024d6; text-align: center; line-height: 62px; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_section3 .item:hover{box-shadow: 0 5px 20px rgba(33,90,255,.4); border-color: #0024d6;}
.common_section3 .item:hover p{opacity: 1; visibility: visible; z-index: 2;}
.common_section3 .item.link:after{content: ''; width: 35px; height: 36px; background: url(../images/logo_icon1.png) center no-repeat; position: absolute; top: 0; right: 0; z-index: 1;}
.common_section3 .more,
.eCommerce1_main .section6 .more{display: block; margin-top: 10px; font-size: 16px; color: #333333; line-height: 60px; background: #f9f9f9; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_section3 .more:hover,
.eCommerce1_main .section6 .more:hover{background: #0024d6; color: #fff;}
.fixed_right .block{width: 54px; height: 54px; display: block; position: relative; margin-bottom: 1px; background: rgba(0,0,0,.3); padding: 7px 0;}
.fixed_right .block:nth-of-type(1) i{background-image: url(../images/fixed_icon1.png);}
.fixed_right .block:nth-of-type(2) i{background-image: url(../images/fixed_icon2.png);}
.fixed_right .block:nth-of-type(3) i{background-image: url(../images/fixed_icon6.png);}
.fixed_right .block:nth-of-type(4) i{background-image: url(../images/fixed_icon4.png);}
.fixed_right .block.share i{background-image: url(../images/fixed_icon5.png);}
.fixed_right .block.tel .hover{width: 190px; right: -190px;position: absolute; top: 0; background: #fff; line-height: 54px; padding: 0 10px 0 50px; font-family: 'Reznor'; font-size: 26px; color: #d51120; background-position: 15px center; background-repeat: no-repeat; background-image: url(../images/fixed_icon2on.png); transition: all 500ms ease;}
.fixed_right .block.tel .hover span{margin-left: 10px; font-size: 18px; color: #333;}
.fixed_right .block.tel:hover .hover{right: 0;}
.fixed_right .block.share .hover{width: 200px; height: 54px; padding: 0 20px; position: absolute; top: 0; right: -200px; background: #fff; font-size: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.fixed_right .block.share .hover a{display: inline-block; float: none; margin: 0; padding-left: 0; width: 20%; height: 54px; vertical-align: top; background-position: center; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.fixed_right .block.share .hover a:nth-of-type(1){background-image: url(../images/share_icon1.png);}
.fixed_right .block.share .hover a:nth-of-type(2){background-image: url(../images/share_icon2.png);}
.fixed_right .block.share .hover a:nth-of-type(3){background-image: url(../images/share_icon3.png);}
.fixed_right .block.share .hover a:nth-of-type(4){background-image: url(../images/share_icon4.png);}
.fixed_right .block.share .hover a:nth-of-type(5){background-image: url(../images/share_icon5.png);}
.fixed_right .block.share .hover a:nth-of-type(1):hover{background-image: url(../images/share_icon1on.png);}
.fixed_right .block.share .hover a:nth-of-type(2):hover{background-image: url(../images/share_icon2on.png);}
.fixed_right .block.share .hover a:nth-of-type(3):hover{background-image: url(../images/share_icon3on.png);}
.fixed_right .block.share .hover a:nth-of-type(4):hover{background-image: url(../images/share_icon4on.png);}
.fixed_right .block.share .hover a:nth-of-type(5):hover{background-image: url(../images/share_icon5on.png);}
.fixed_right .block.share:hover .hover{right: 0;}
.fixed_right .block:hover{background: #fff;}
.fixed_right .block:hover p{color: #d51120;}
.fixed_right .block:nth-of-type(1):hover i{background-image: url(../images/fixed_icon1on.png);}
.fixed_right .block:nth-of-type(2):hover i{background-image: url(../images/fixed_icon2on.png);}
.fixed_right .block:nth-of-type(3):hover i{background-image: url(../images/fixed_icon6on.png);}
.fixed_right .block:nth-of-type(4):hover i{background-image: url(../images/fixed_icon4on.png);}
.fixed_right .block.share:hover i{background-image: url(../images/fixed_icon5on.png);}
.scrollFlag .icon{width: 20px; display: block; margin: 10px auto 0;}
.scrollFlag .icon:before,
.scrollFlag .icon:after{content: ''; width: 20px; height: 10px; background: url(../images/scroll_down.png); display: block; opacity: 0;}
.scrollFlag .icon span{width: 20px; height: 10px; background: url(../images/scroll_down.png); display: block; opacity: 0;}
.scrollFlag .icon:before{-webkit-animation: ani-svg1 1s linear infinite; animation: ani-svg1 1s linear infinite;}
.scrollFlag .icon span{-webkit-animation: ani-svg2 1s linear infinite; animation: ani-svg2 1s linear infinite;}
.scrollFlag .icon:after{-webkit-animation: ani-svg3 1s linear infinite; animation: ani-svg3 1s linear infinite;}
@media screen and (max-width: 1500px){
.common_section3 .item p{font-size: 14px;}
}
@media screen and (max-width: 992px){
.common_section1{width: 100%;}
.common_section1 .txt_block{width: 84%; left: 8%;}
.common_section1 .txt_block h3{font-size: 24px;}
.common_section1 .txt_block h4{font-size: 20px;}
.common_section1 .txt_block p{font-size: 16px; padding: 5px 10px;}
.common_section3 .item{width: 48% !important;}
.common_section3 .more,
    .eCommerce1_main .section6 .more{line-height: 40px;}
}

/* ===== slick ===== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* ===== animate (精简) ===== */
@charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
#online-customer-service {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    transition: all 0.3s ease;
}
#online-customer-service:hover {
    transform: scale(1.1);
}
#online-customer-service a {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #2e8b57; 
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}
#online-customer-service a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.3s ease;
}
#online-customer-service a:hover::before {
    transform: scale(1);
}
.cs-tip {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.cs-tip::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 6px solid rgba(0,0,0,0.8);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
#online-customer-service:hover .cs-tip {
    opacity: 1;
    visibility: visible;
    right: 75px;
}

/* ===== endtxt ===== */
#endtxt{
    overflow: hidden;
    clear: both;
    font-size: 14px;
	line-height: 25px;
	word-break: normal;
	font-family: "Microsoft yahei","微软雅黑",arial,"宋体b8b体4f53";
	text-align:justify;
}
#endtxt a{color:#1bb2b1}
#endtxt ul li{
	display: list-item;
	text-align: -webkit-match-parent;
	list-style-type: disc;
}
#endtxt hr{clear: both;
padding-top: 15px;
border-width: 0 0 1px 0;
border-color: #999;
margin-bottom: 15px;
}
/**
#endtxt i,#endtxt  cite, #endtxt em,#endtxt  var,#endtxt  address,#endtxt  dfn
#endtxt strong,#endtxt b {
font-weight: bolder;
}**/
#endtxt ul,#endtxt  menu,#endtxt  dir,#endtxt blockquote  {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
padding-left:40px;
}
#endtxt em,#endtxt cite,#endtxt address,#endtxt i{font-style: italic;}
#endtxt h1,
#endtxt h2,
#endtxt h3,
#endtxt h4,
#endtxt h5,
#endtxt h6{
	font-weight: bold;
}

#endtxt h1{
	font-size: 28px;
}
#endtxt h2{
	font-size: 24px;
}
#endtxt h3{
	font-size: 18px;
}
#endtxt h4{
	font-size:12px;
}

#endtxt img{
	margin: 0;margin-right: 8px;
}
#endtxt p{
	margin:20px 0;
}
/* ============================================================
   响应式适配 - 追加在现有 CSS 文件末尾
   适用屏幕宽度 <= 1024px (平板) 和 <= 768px (手机)
   ============================================================ */

/* ---------- 1. 通用基础重置 ---------- */
@media screen and (max-width: 991px) {
    /* 移除左侧固定导航栏占位，让内容全宽显示 */
    body.pl {
        padding-left: 0 !important;
    }

    /* 隐藏 PC 端左侧黑色导航栏 */
    .header {
        display: none !important;
    }

    /* 隐藏 PC 端的全屏导航遮罩层 */
    .c-nav_main {
        display: none !important;
    }

    /* 隐藏右上角的固定搜索框，避免遮挡移动端顶部 */
    .common_search {
        display: none !important;
    }

    /* 显示移动端顶部导航栏 (已在 HTML 中存在，默认 display:none) */
    .m_header {
        display: block !important;
    }

    /* 修正移动端头部层级，避免被轮播图遮挡 */
    .m_header {
        z-index: 999;
    }

    /* 让页面主内容容器宽度自适应 */
    .container {
        width: 96% !important;
        max-width: none !important;
    }

    /* 通用内边距缩小 */
    .commonpd {
        padding: 8% 5% !important;
    }
}

/* ---------- 2. 全屏 Banner 区域适配 ---------- */
@media screen and (max-width: 1199px) {
    .common_section1 {
        /* 去掉固定宽度偏移，改为全宽 */
        width: 100% !important;
        /* 固定高度改为自适应，或使用 vh 配合 min-height */
        height: auto !important;
        min-height: 350px !important;
        position: relative !important;
        /* 不再固定定位，跟随文档流 */
        position: relative !important;
    }

    .common_section1 .txt_block {
        /* 文字居中，位置微调 */
        left: 5% !important;
        right: 5% !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
    }

    .common_section1 .txt_block h3 {
        font-size: 28px !important;
    }

    .common_section1 .txt_block h4 {
        font-size: 20px !important;
    }

    .common_section1 .txt_block p {
        font-size: 16px !important;
        padding: 10px 15px !important;
        display: inline-block !important;
    }
}

/* ---------- 3. 企业IT服务 (b2b) 页面适配 ---------- */
@media screen and (max-width: 767px) {
    /* 分布式企业IT服务 - 左右布局变上下 */
    .b2b_main .section2 .txt_block {
        width: 100% !important;
        float: none !important;
        padding-top: 0 !important;
    }

    .b2b_main .section2 .img_block {
        width: 100% !important;
        float: none !important;
        padding-top: 20px !important;
    }

    .b2b_main .section2 .img_block img {
        max-width: 100% !important;
    }

    /* 四大场景图标 - 一行变两行 */
    .b2b_main .section2 .tab_title span {
        width: 50% !important;
        margin-bottom: 15px !important;
    }

    /* 解决方案轮播 - 一屏显示一个 */
    .common_section2 .item {
        width: 100% !important;
        float: none !important;
    }

    .common_section2 .item .txt_block .box {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .common_section2 .item .txt_block p,
    .common_section2 .item .txt_block .a {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 全方位专业服务 - 四列变两列 */
    .b2b_main .section6 .items {
        display: block !important;
    }

    .b2b_main .section6 .item {
        width: 50% !important;
        display: inline-block !important;
        vertical-align: top !important;
    }

    .b2b_main .section6 .item .txt_block {
        padding: 10px 15px !important;
    }

    /* 众多服务客户 - logo 一行显示3-4个 */
    .common_section3 .item {
        width: 30% !important;
        margin: 1.5% !important;
    }
}

/* ---------- 4. 服务体系搭建 (b2c) 页面适配 ---------- */
@media screen and (max-width: 767px) {
    /* 全面专业的售后服务体系 - 左右变上下 */
    .b2c_main .section2 .left {
        width: 100% !important;
        float: none !important;
    }

    .b2c_main .section2 img {
        width: 100% !important;
        margin-top: 20px !important;
    }

    /* 授权服务轮播 - 一屏一个 */
    .b2c_slick .item {
        width: 100% !important;
    }

    /* 覆盖全国的布局 - 左右变上下 */
    .b2c_main .section3 .left {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
    }

    .b2c_main .section3 .right {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }

    .b2c_main .section3 .right .box {
        width: 25% !important;
        float: left !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    .b2c_main .section3 .right .box img {
        width: 100% !important;
    }

    /* 两个优势介绍模块 - 上下排列 */
    .b2c_main .section6 .item {
        width: 100% !important;
        float: none !important;
    }

    .b2c_main .section6 .item .img_block {
        width: 100% !important;
        float: none !important;
    }

    .b2c_main .section6 .item .txt_block {
        width: 100% !important;
        float: none !important;
        padding: 15px 0 !important;
    }
}

/* ---------- 5. 合作案例 (case) 页面适配 ---------- */
@media screen and (max-width: 991px) {
    .cust_main .nav_bar ul li {
        padding: 15px 0 !important;
    }

    .cust_main .nav_bar ul li a {
        font-size: 14px !important;
        padding: 3px 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .cust_main .section1 .items .item {
        width: 100% !important;
        display: block !important;
    }

    .cust_main .section1 .items .item .inner {
        height: auto !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .cust_main .section1 .items .item .inner .pic {
        width: 100% !important;
        height: 200px !important;
    }

    .cust_main .section1 .items .item .inner .txt {
        width: 100% !important;
        padding: 15px !important;
    }

    .cust_main .section1 .items .item .inner .txt p {
        -webkit-line-clamp: 3 !important;
    }
}

/* ---------- 6. 新闻动态 (news) 页面适配 ---------- */
@media screen and (max-width: 991px) {
    .news_main .section1 .items .item {
        width: 50% !important;
    }

    .news_main .section1 .items .item:nth-of-type(1),
    .news_main .section1 .items .item:nth-of-type(2) {
        width: 100% !important;
    }
}

@media screen and (max-width: 599px) {
    .news_main .section1 .items .item {
        width: 100% !important;
    }
}

/* ---------- 7. 页脚 (Footer) 适配 ---------- */
@media screen and (max-width: 767px) {
    .footer .main {
        display: block !important;
        padding: 20px 5% !important;
    }

    .footer .logo {
        width: 100% !important;
        position: relative !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .footer .logo img {
        position: relative !important;
        top: auto !important;
        transform: none !important;
        width: 120px !important;
        margin: 0 auto !important;
    }

    .footer .nav {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 15px 0 !important;
        border: none !important;
    }

    .footer .nav a {
        width: 50% !important;
        text-align: center !important;
        font-size: 13px !important;
    }

    .footer .share {
        display: none !important;
    }

    .footer .copyright {
        padding: 15px 5% !important;
        text-align: center !important;
    }

    .footer .copyright span {
        float: none !important;
        display: block !important;
        font-size: 12px !important;
    }
}

/* ---------- 8. 通用按钮和链接适配 ---------- */
@media screen and (max-width: 479px) {
    a.common_a1,
    a.common_wd {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 50px !important;
    }

    .common_title h3 {
        font-size: 22px !important;
    }

    .common_title h4 {
        font-size: 12px !important;
    }
}