@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
.box_table_cell * {
    white-space: normal;
    word-wrap: break-word;
}
.sanji_dh{text-align:center;margin-bottom: 3rem;}
.sanji_dh li{padding: 0 -1.5rem;display:inline-block;margin: 0.5rem;}
.sanji_dh li a{display:inline-block;min-width: 7.25rem;height: 3.125rem;line-height: 3rem;border: #cdcdcd 2px solid;border-radius:31px;font-size: 16px;color: #323232;transition:0.6s;padding: 0 1.25rem;}
.sanji_dh li.on a, .sanji_dh li a:hover{border: #c40a0a 1px solid;background: #c40a0a;color:#fff;}

.box_table{display:table;table-layout: fixed;text-align:center;width:100%;height:100%;}
.box_table_cell{ display:table-cell; vertical-align:middle;width: 100%;}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }

.n_case{ padding:5rem 0}
.n_case .fl02 ul{font-size:0;margin: 0 -1.5625rem; margin-bottom:2rem}
.n_case .fl02 ul li{display:inline-block;padding: 0 1.5625rem;width:33.333333%;margin-bottom: 1.5rem;text-align: center;}
.n_case .fl02 ul li .img, .n_case .fl02 ul li .img img{ position:relative; width:100%; overflow:hidden}
.n_case .fl02 ul li .img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s;display: none;}
.n_case .fl02 ul li a{ display:block}
.n_case .fl02 ul li .img .top{position:absolute;text-align:center;top: 0;left: 0;right: 0;bottom: 0;transition:0.96s;transform: translateY(100%);} 
.n_case .fl02 ul li .img .top svg{display:inline-block;width: 1.5rem;height: 1.5rem;fill:#fff;vertical-align: middle;margin: -3px 0.375rem 0 0;transition:0.6s;}
.n_case .fl02 ul li h5{font-size: 1.25rem;line-height:3rem;color: #404346;padding: 6px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold}

.n_case_detail{ border-bottom:#efefef 1px solid}
.n_case_detail .fl01{padding: 5rem 0 3rem;}
.n_case_detail .fl01 .left{width:31.625rem;padding-right: 3rem;}
.n_case_detail .fl01 .left h3{font-size: 1.75rem;color: #494949;font-weight:bold;margin-bottom: 2rem;line-height: 2.5rem;}
.n_case_detail .left .fanhui{ margin-top:3.125rem}
.n_case_detail .left .fanhui a{display:inline-block;width: 8.75rem;height:2.5rem;line-height:2.5rem;background: #0d2e73;border-radius:1.25rem;text-align:center;font-size:15px;color:#fff;transition:0.36s;}
.n_case_detail .left .fanhui a img{ margin:-3px 0.5rem 0 0}

.n_case_detail .left .fanhui a:hover{ background:#012162}
.n_case_detail .fl01 .right{ width:calc(100% - 31.625rem)}
.n_case_detail .fl01 .right .title{ margin-bottom:2rem}
.n_case_detail .fl01 .right .title h3{font-size:1.75rem;color:#c40a0a;font-weight:bold;margin-bottom: 0.75rem;font-family:Swis721 BlkCn BT;}
.n_case_detail .fl01 .right .title h4{ font-size:1.5rem; color:#4d4d4d;}
.n_case_detail .fl01 .right p{line-height:30px;color:#6b6d6e;}

.n_case_detail .fl01 .left dl{font-size:0;margin-bottom: 0.75rem;padding-right:3.75rem;}
.n_case_detail .fl01 .left dl dt{display:inline-block;width: 110px;}
.n_case_detail .fl01 .left dl dt{font-size: 16px;line-height: 1.75rem;color: #545454;padding-left: 30px;font-weight: 600;display: inline-block;}
.n_case_detail .fl01 .left dl dd{width: calc(100% - 110px);font-size: 16px;line-height: 1.75rem;color: #545454;display: inline-block;font-weight: 600;}

.n_case_detail .fl01 .right .fl001{border-bottom:#e2e2e2 1px solid;padding-bottom: 1rem;margin-bottom: 3rem;}
.n_case_detail .fl01 .right .fl001 .ar_article p{ font-size:15px;}


.n_case_detail .fl02 ul li .a .img .miso-dots{text-align: center;bottom: -3rem;top:auto;padding: 0;margin: 0;height: 6px;}
.n_case_detail .fl02 ul li .a .img .miso-dots li{width:6px;height:6px;background:#d2d2d2;border-radius:3px;padding: 0;}
.n_case_detail .fl02 ul li .a .img .miso-dots li.miso-active{ background:#c40a0a; width:14px}
.n_case_detail .fl02 ul li .a .con{ text-align:left;/*  margin-bottom:3.125rem */}
.n_case_detail .fl02 ul li .a .con h5{font-size: 1.5rem;color: #3f3f3f;height: 2rem;line-height: 2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:0.6s;margin-bottom: 0.75rem;font-weight:bold}
.n_case_detail .fl02 ul li .a .con p{font-size: 15px;color: #6a6a6a;overflow:hidden;line-height: 18px;/* height: 18px; */}
.n_case_detail .fl02 ul .miso-prev, .n_case_detail .fl02 ul .miso-next{ width:45px; height:45px; top:-4rem}
.n_case_detail .fl02 ul .miso-prev{background:url(../images/left01.png) center no-repeat;right: 68px;left:auto;}
.n_case_detail .fl02 ul .miso-next{background:url(../images/right01.png) center no-repeat;right: 0.8125rem;}
.n_product{ background:#efefef; padding-bottom:5rem}
.n_product .fl01{ padding-bottom:0}
.n_product .fl02{ background:none; padding:0}
.n_product .fl02 ul{margin-bottom:3rem;text-align: center;}
.n_product .fl02 ul li{ margin-bottom:1.625rem}
.miso-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;}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track,
.miso-slider .miso-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);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ background: #fff url('../images/ajax-loader.gif') center center no-repeat;}
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ font-size:2rem; color:#fff; font-weight:bold; font-family:"simsun"}
.miso-lightbox .miso-prev:before{ content: '<';}
.miso-lightbox .miso-next:before{ content: '>';}
/*Slider 结束*/


.piaofu{ width:65px; position:fixed; right:15px; z-index:100000; bottom:30%}
.piaofu .anniu{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 100%;margin-bottom: 5px;}
.piaofu .anniu a{ display:block; width:100%; height:100%; position:relative; z-index:1}
.piaofu .anniu a h4{line-height: 60px;}
.piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.piaofu .anniu a h6{ font-size:12px; color:#6a6c6d}
.piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative}
.piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none}
.piaofu .anniu.anniu01 .piao_tel{border-radius: 30px;position:absolute;width: 230px;height:60px;right: 0;top: 0;background:#3b73cb;display:none;padding: 0 35px;font-size: 20px;color: #fff;}
.piaofu .anniu.anniu02{ display:none}
.piaofu .anniu.anniu02 a h4{margin-top:-3px;}
.anniu_close img{ position:absolute; top:-15px; right:-10px; width:18px; height:18px; cursor:pointer}



/*图片放大*/
.slow img:hover{ transform:scale(1.04);}
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.w1500 {
    max-width: 73.5%;
    margin: 0 auto;
}


/* 11 */
.n_container{ position:relative}
.n_fangan{ padding:5rem 0 5.75rem}
.n_case{ padding:5rem 0}
.n_case .fl02 ul{font-size:0;margin: 0 -1.5625rem; margin-bottom:2rem}
.n_case .fl02 ul li{display:inline-block;padding: 0 1.5625rem;width:29.333333%;margin-bottom: 1.5rem;text-align: center;}
.n_case .fl02 ul li .img, .n_case .fl02 ul li .img img{ position:relative; width:100%; overflow:hidden}
.n_case .fl02 ul li .img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s;display: none;}
.n_case .fl02 ul li a{ display:block}
.n_case .fl02 ul li .img .top{position:absolute;text-align:center;top: 0;left: 0;right: 0;bottom: 0;transition:0.96s;transform: translateY(100%);} 
.n_case .fl02 ul li .img .top svg{display:inline-block;width: 1.5rem;height: 1.5rem;fill:#fff;vertical-align: middle;margin: -3px 0.375rem 0 0;transition:0.6s;}
.n_case .fl02 ul li h5{font-size: 1.25rem;line-height:3rem;color: #404346;padding: 6px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;margin: 0;}

.n_case_detail{ border-bottom:#efefef 1px solid}
.n_case_detail .fl01{padding: 5rem 0 3rem;}
.n_case_detail .fl01 .left{width:31.625rem;padding-right: 3rem;}
.n_case_detail .fl01 .left h3{font-size: 1.75rem;color: #494949;font-weight:bold;margin-bottom: 2rem;line-height: 2.5rem;}
.n_case_detail .left .fanhui{ margin-top:3.125rem}
.n_case_detail .left .fanhui a{display:inline-block;width: 8.75rem;height:2.5rem;line-height:2.5rem;background: #0d2e73;border-radius:1.25rem;text-align:center;font-size:15px;color:#fff;transition:0.36s;}
.n_case_detail .left .fanhui a img{ margin:-3px 0.5rem 0 0}

.n_case_detail .left .fanhui a:hover{ background:#012162}
.n_case_detail .fl01 .right{ width:calc(100% - 31.625rem)}
.n_case_detail .fl01 .right .title{ margin-bottom:2rem}
.n_case_detail .fl01 .right .title h3{font-size:1.75rem;color:#c40a0a;font-weight:bold;margin-bottom: 0.75rem;font-family:Swis721 BlkCn BT;}
.n_case_detail .fl01 .right .title h4{ font-size:1.5rem; color:#4d4d4d;}
.n_case_detail .fl01 .right p{line-height:30px;color:#6b6d6e;}

.n_case_detail .fl01 .left dl{font-size:0;margin-bottom: 0.75rem;padding-right:3.75rem;}
.n_case_detail .fl01 .left dl dt{display:inline-block;width: 110px;}
.n_case_detail .fl01 .left dl dt{font-size: 16px;line-height: 1.75rem;color: #545454;padding-left: 30px;font-weight: 600;display: inline-block;}
.n_case_detail .fl01 .left dl dd{width: calc(100% - 110px);font-size: 16px;line-height: 1.75rem;color: #545454;display: inline-block;font-weight: 600;}

.n_case_detail .fl01 .right .fl001{border-bottom:#e2e2e2 1px solid;padding-bottom: 1rem;margin-bottom: 3rem;}
.n_case_detail .fl01 .right .fl001 .ar_article p{ font-size:15px;}

.n_case_detail .fl02{ padding:4.5rem 0 5rem; background:#efefef}
.n_case_detail .fl02 ul{font-size:0;margin: 0 -0.8125rem;overflow: hidden;}
.n_case_detail .fl02 ul .miso-list{ padding:15px 0; margin:-15px 0}
.n_case_detail .fl02 ul li{display:inline-block;width:25%;padding: 0 0.8125rem;float: left;
    box-sizing: border-box;}
.n_case_detail .fl02 ul li .a{display:block;height: 26.5625rem;padding: 0 2rem;background: #fff; transition:.2s; position:relative}
.n_case_detail .fl02 ul li .a:after{ content:""; position:absolute; left:0; width:0; height:3px;  transition:.2s; bottom:0}
/* .n_case_detail .fl02 ul li .a .img{height: 11.25rem;line-height: 11.25rem;} */

.n_case_detail .fl02 ul li .a .img img{display:inline-block;max-width: 100%;margin-top: 5%;}



.n_product{ background:#efefef; padding-bottom:5rem}
.n_product .fl01{ padding-bottom:0}
.n_product .fl02{ background:none; padding:0}
.n_product .fl02 ul{margin-bottom:3rem;text-align: center;}
.n_product .fl02 ul li{ margin-bottom:1.625rem}


#head.sm #menu>li>a {
    line-height: 64px;
    font-size: 1rem;
}

#menu>li>a {  font-size: 1.11rem;}
/* html{font-size: 62.5%;} */

#menu-sub .box .left .tit {font-size: 2.25rem;}
#menu-sub .box .center a {font-size: 1rem;}
#menu-sub .box .left .con {font-size: 1rem;}
#menu-sub .box .right .tit {font-size: 1.125rem;}
#b-inside .tit {font-size: 2.875rem;}
#m5 .atxt {font-size: 2.25rem;}
#m5 .atxt-en {font-size: 0.93rem;}
#m5 .right .box a {font-size: 1.06rem;}
#foot {font-size: 0.93rem;}
#foot .tech {font-size: 0.875rem;}
/* 分页 */
.page-num-current{background: #c40a0a;color: #fff !important;border: #c40a0a 2px solid;}
.j_pages{margin:0 auto 0 auto}
.j_pages .box .m_bnt{display: inline-block;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:center;}
.j_pages a{padding: 0px 12px;height: 34px;line-height: 30px;display:inline-block;border: #e4e4e8 2px solid;margin: 0 6px;color: #393939;font-size: 12px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{ padding:0 10px}
.j_pages .on{background: #c40a0a;color: #fff;border: #c40a0a 2px solid;}
.j_pages a:hover{ background: #c40a0a;color: #fff; border: #c40a0a 2px solid;}



.pages {
	margin: 40px 0 0;
	font-size: 14px;
	text-align: center;
}

.pages .page-num-current {
	background: #c90303;
	display: inline-block;
	    height: 30px;
	    line-height: 30px;
	    border: 1px solid #ddd;
	    text-align: center;
	    color: #ffffff;
	    padding: 0 12px;
	    margin: 0 2px;
}

.pages a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
	color: #333;
	padding: 0 12px;
	margin: 0 2px;
}

.pages a:hover {
	background: #c90303;
	border: 1px solid #c90303;
	color: #fff;
	text-decoration: none
}

.pages span {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	background: #c90303;
	color: #fff;
	text-align: center;
	padding: 0 14px;
	margin: 0 2px;
}


.pageLogin {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	background: url(../images/loginbg.jpg) center center no-repeat;
	min-width: 1200px;
}

.pageLogin .top {
	width: 100%;
	min-width: 1200px;
	padding-top: 110px;
	text-align: center;
}

.pageLogin .top h2 {
	font-size: 36px;
	color: #fff;
	line-height: 76px;
}

.pageLogin .top .line {
	width: 58px;
	height: 2px;
	background-color: #fff;
	margin: 0 auto;
}

.pageLogin .top p {
	font-size: 18px;
	color: #ccc;
	line-height: 55px;
	text-transform: uppercase;
}

.pageLogin .form {
	width: 930px;
	height: 50px;
	margin: 60px auto 0;
}

.pageLogin .form p {
	position: relative;
	float: left;
	height: 50px;
	width: 360px;
	margin: 0 10px;
}

.pageLogin .form i {
	width: 24px;
	height: 20px;
	display: block;
	margin: 15px 13px;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(../images/login.png) 0 0 no-repeat;
}

.pageLogin .form .name {
	background-position: 0 0;
}

.pageLogin .form .phone {
	background-position: 0 -20px;
}

.pageLogin .form input.txt {
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	padding: 0 20px 0 50px;
	width: 290px;
	background: #fff;
	margin: 0;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.pageLogin .form input.btn {
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	background: #333;
	width: 150px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin: 0 10px;
}

.pageLogin .form input.btn:hover {
	background: #c90303;
}

#nav-box dt {font-size: 0.9375rem;}


/* 媒介 */