@charset "utf-8";

* {
	font-size: 14px;
	outline: none;
	font-family: "SourceHanSansCN-Regular";
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

ul,
ol {
	margin-bottom: 0 !important;
}

ul,
ol,
li {
	list-style: none;
}

strong,
b {
	font-weight: normal;
}

em,
i {
	font-style: normal;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

img {
	border: 0;
	vertical-align: middle;
}

a {
	text-decoration: none;
	outline: none;
	background-color: transparent;
	-webkit-tap-highlight-color: transparent;
	color: #4f4f4f;
}

body {
	font: 22px/1.5 arial, "\5FAE\8F6F\96C5\9ED1", sans-serif;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	background: #fff;
	/* width: 1920px; */
	overflow-x: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.container {
	margin: 0 auto;
	width: 1200px;
}

.slideUpDown {
	-webkit-animation-name: slideUpDown;
	animation-name: slideUpDown
}

.fullSlide {
	position: relative;
	background: #000;
	margin: 149px auto 0;
}

.fullSlide .bd {
	position: relative;
	z-index: 0;
}

.fullSlide .bd li img {
	width: 100%;
	vertical-align: top;
}

.fullSlide .hd {
	position: relative;
	z-index: 1;
	margin-top: -40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: none;
}

.fullSlide .hd ul {
	text-align: center;
	padding-top: 5px;
}

.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 11px;
	height: 11px;
	margin: 5px;
	background: url(../img/tg_flash_p.png) -15px 0;
	overflow: hidden;
	font-size: 0;
}

.fullSlide .hd ul .on {
	background-position: 0 0;
}

.fullSlide .prev,
.fullSlide .next {
	z-index: 1;
	display: block;
	width: 55px;
	height: 55px;
	position: relative;
	margin: -25% 0 0 3%;
	float: left;
	background: url(../img/arrow.png) 0 0 no-repeat;
	filter: alpha(opacity=30);
	opacity: 0.3
}

.fullSlide .next {
	background-position: right 0;
	float: right;
	margin-right: 3%
}

.fullSlide .prev:hover,
.fullSlide .next:hover {
	filter: alpha(opacity=80);
	opacity: 0.8
}








.header {
	height: 100px;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	border-bottom: 1px solid #f8f8f8;
	transition: .5s all;
}
.header>.container{
	/* width: 1400px; */
}
.header.addshadow {
	box-shadow: 0 0 10px 5px rgb(109, 109, 109);
}

.logotop p{
	height: 36px;
	width: 240px;
	border-radius: 18px;
	background: #efefef;
	margin-top: 25px;
	font-size: 24px;
	color: #00478a;
	font-weight: bold;
}
.logotop p img{
	margin-left: 14px;
	margin-top: 9px;
	margin-right: 5px;
	float: left;
	
}
.logotop .middle{
	margin-left: 100px;
}

.header .nav {
	background: #00478a;
	height: 50px;
	width: 100%;
}
.box .nav {
	left: 161px !important;
}
.box1 .nav{
	display: none !important;
}
	
.nav ul{
	background: #00478a;
	height: 50px;
	width: 100%;
}
.nav li{
	float: left;
}

/* .logotop{margin-top: 25px;} */
.nav .tza {
	color: #fff;
	/* line-height: 100px; */
	display: inline-block;
	/* padding: 0 15px; */
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	text-align: center;
	/* transition:.5s; */
	margin-right: 35px;
	margin-left: 35px;
	line-height: 50px;
}

.nav .on .tza {
	/* color: #a40000; */
}

.nav li:hover>a {
	/* border-bottom: 3px solid #a40000; */
	/* color: #a40000; */
}

.nav li:hover .tza {
	/* color: #a40000; */
}

.nav>ul>li {
	float: left;
	margin: 0 2px;
	height: 100px;
	transition: .5s;
	/* border-bottom: 3px solid #fff; */
	/* position: relative; */
}
.nav ul li span{
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #fff;
	float: right;
	margin-top: 16px;
}
.nav ul li:last-child span{
	display: none;
}

.nav li.on a {
	/* border-bottom: 3px solid #a40000; */
	/* background-color:#e5f2ee;*/
}

.nav li:hover .xl {
	height: 300px;
}

.nav li .xl:hover {
	height: 300px;
}

.nav li .xl {
	line-height: 60px;
	position: fixed;
	width: 100%;
	left: 0;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
	background: rgba(255, 255, 255, 0.7);
}

.nav li .dqsy {
	/* margin-left: 392px; */

}

.nav li .dqsy a {
	font-size: 16px;
	margin-right: 30px;
}

.nav li .dqsy a:hover {
	color: #a40000;
}

.nav li:hover .m-subnav_wrap {
	height: auto !important;

}
.nav li:hover .m-subnav_group {
	opacity: 1;

}
.nav li .m-subnav_group:hover {
	opacity: 1;

}

.nav li .m-subnav_wrap:hover {
	height: auto !important;
}

.nav li .xl {
	padding-left: 20px;
	line-height: 60px;
	position: absolute;
	width: 300px;
	left: 0;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
	background: rgba(255, 255, 255, 0.7);
}

.nav li .xl a {
	display: block;
}


/* 产品中心 */
.product{width:1200px;margin:30px auto;}
.product .productTitle{text-align:center;}
.product .productTitle h1{font-size:36px;font-family: "思源黑体";font-weight: bold;}
.product .productTitle h2{font-size:20px;font-family: "Adobe 黑体 Std";font-weight:normal;line-height:20px;color: #555;}

.product .productNav{margin-top:35px;}
.product .productNav ul{display:flex;justify-content:center;}
.product .productNav ul li{width:125px;height:30px;}
.product .productNav ul li a{width:114px;height:30px;line-height: 24px;color:#4f4f4f;font-family:"思源黑体";font-size:14px;text-align: center;display: inline-block;margin-left: 5px;}
.product .productNav ul li span{
	float: right;
	border-right: 1px dashed #c4c4c4;
	height: 10px;
	margin-top: 6px;
}
.show2{
}
.show2 a{
	color: #fff !important;
	background: url(../img/product_nav_03.jpg) no-repeat;
}

.box,.box1,.box2{
    
    overflow: hidden;
    position: relative;
    width:100%;
    margin: 0 auto 5% auto;
}
.box{
   max-width: 1200px;  /***   这里的max-width值就是图片的宽度，暂不支持百分比   ***/
   height: 950px !important;
   padding-top: 100px;
}
.box ul li{
    float: left;
    list-style: none;
    height: 930px !important;
    width: 1200px !important;
}
.box li img{
	width: 385px !important;
	height: 385px !important;
}
.box li .hot_r{
	width: 650px;
	height: 500px;
	padding-left: 20px;
}
.box li .hot_r h1{
	font-size: 30px;
	font-weight: bold;
	color: #80c244;
	margin-top: 40px;
}
.box li .hot_r div{
	margin-top: 36px;
}
.box li .hot_r div .blbig{
	color: #2f9eda;
	font-size: 24px;
}
.box li .hot_r div .hssmall{
	margin-top: 8px;
}
.box ol li span{
	float: right;
	border-right: 1px dashed #c4c4c4;
	height: 10px;
	margin-top: 6px;
	margin-left: 5px;
	position: absolute;
	right: -5px;
	top: 3px;
}
.box ol{
	/* display: none; */
    width:100%;
    height: 20px;
    position: absolute;
    top: 40px;
}
/* .box ol li{
    cursor:pointer;
    position: relative;
    margin-left: 15px;
    display: inline;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: gainsboro;
} */

.box ol li{
    width: 114px;
	height: 30px;
	line-height: 24px;
	color: #4f4f4f;
	font-family: "思源黑体";
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
}
.box ol li:hover{
	background-color:inherit !important;
}
.box ol .action{
    color: #fff !important;
    background: url(../img/product_nav_03.jpg) no-repeat;
}
/* .show2 a{
	color: #fff !important;
	background: url(../img/product_nav_03.jpg) no-repeat;
} */
.box ol li:hover{
    background-color: #DE6E6A;
}
.box ul{
    position: relative;
    left: 0;
}

.box ul li div{
    float: left;
}
.box .next{
    cursor:pointer;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -139px;
    width: 129px;
    height: 54px;
    display: block;
    line-height: 80px;
    background: url(../img/nohover_05.jpg);
}
.box .next:hover{
	background: url(../img/hoveran_05.jpg);
}
.box .prev:hover{
	background: url(../img/hoveran_03.jpg);
}
.box .prev{
    cursor:pointer;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -139px;
    width: 129px;
    height: 54px;
    text-align: center;
    line-height: 80px;
    background: url(../img/nohover_03.jpg);
}
.box .li div{
	margin-right: 10px;
}
.box .li div{
	margin-bottom: 30px;
}
.box .li div img{
	border: 1px solid #dddddd;
}
.box .li div:hover img{
	border: 1px solid #00478a;
}
.box .li div p{
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}
.news{
	background: #f7f7f7;
	overflow: hidden;
}
.news .newsTitle h1{font-size:36px;font-family: "思源黑体";font-weight: bold;text-align: center;margin-top: 30px;}
.news .newsTitle h2{font-size:20px;font-family: "Adobe 黑体 Std";font-weight:normal;line-height:20px;text-align: center;margin-top: 5px;color: #555;}

.box1{
   max-width: 1027px;  /***   这里的max-width值就是图片的宽度，暂不支持百分比   ***/
   height: 390px !important;
   margin-top: 60px;
   /* padding-top: 100px; */
}
.box1 ul li{
    float: left;
    list-style: none;
    height: 280px !important;
    width: 320px !important;
	margin-right: 22px;
}
.box1 li img{
	width: 320px !important;
	height: 240px !important;
}

.box1 ol li span{
	float: right;
	border-right: 1px dashed #c4c4c4;
	height: 10px;
	margin-top: 6px;
	margin-left: 5px;
	position: absolute;
	right: -5px;
	top: 3px;
}
.box1 ol{
	/* display: none; */
    width:100%;
    height: 20px;
    position: absolute;
    top: 40px;
}
/* .box ol li{
    cursor:pointer;
    position: relative;
    margin-left: 15px;
    display: inline;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: gainsboro;
} */

.box1 ol li{
    width: 114px;
	height: 30px;
	line-height: 24px;
	color: #4f4f4f;
	font-family: "思源黑体";
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
}
.box1 ol li:hover{
	background-color:inherit !important;
}
.box1 ol .action{
    color: #fff !important;
    background: url(../img/product_nav_03.jpg) no-repeat;
}
/* .show2 a{
	color: #fff !important;
	background: url(../img/product_nav_03.jpg) no-repeat;
} */
.box1 ol li:hover{
    background-color: #DE6E6A;
}
.box1 ul{
    position: relative;
    left: 0;
}

.box1 ul li div{
    float: left;
}
.box1 .next{
    cursor:pointer;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -139px;
    width: 129px;
    height: 54px;
    display: block;
    line-height: 80px;
    background: url(../img/nohover_05.jpg);
}
.box1 .next:hover{
	background: url(../img/hoveran_05.jpg);
}
.box1 .prev:hover{
	background: url(../img/hoveran_03.jpg);
}
.box1 .prev{
    cursor:pointer;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -139px;
    width: 129px;
    height: 54px;
    text-align: center;
    line-height: 80px;
    background: url(../img/nohover_03.jpg);
}
.box1 .li div{
	margin-right: 10px;
}
.box1 .li div{
	margin-bottom: 30px;
}
.box1 .li div img{
	border: 1px solid #dddddd;
}
.box1 .li div:hover img{
	border: 1px solid #00478a;
}
.box1 .li div p{
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}
.case{width:1200px;margin:30px auto;}
.case .caseTitle{text-align:center;}
.case .caseTitle h1{font-size:36px;font-family: "思源黑体";font-weight: bold;}
.case .caseTitle h2{font-size:20px;font-family: "Adobe 黑体 Std";font-weight:normal;line-height:20px;color: #555;}

.box2{
   max-width: 1200px;  /***   这里的max-width值就是图片的宽度，暂不支持百分比   ***/
   height: 580px !important;
   padding-top: 100px;
   background: #f7f7f7;
}
.box2 ul li{
    float: left;
    list-style: none;
    height: 500px !important;
    width: 1200px !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* .box2 li img{
	width: 385px !important;
	height: 385px !important;
} */
.box2 li .hot_r{
	width: 650px;
	height: 500px;
	padding-left: 20px;
}
.box2 li .hot_r h1{
	font-size: 30px;
	font-weight: bold;
	color: #80c244;
	margin-top: 40px;
}
.box2 li .hot_r div{
	margin-top: 36px;
}
.box2 li .hot_r div .blbig{
	color: #2f9eda;
	font-size: 24px;
}
.box2 li .hot_r div .hssmall{
	margin-top: 8px;
}
.box2 ol li span{
	float: right;
	border-right: 1px dashed #c4c4c4;
	height: 10px;
	margin-top: 6px;
	margin-left: 5px;
	position: absolute;
	right: -5px;
	top: 3px;
}
.box2 ul li .boxlist{
	width: 576px;
	height: 216px;
	background: #fff;
	margin-bottom: 50px;
}
.box2 ul li div h5{
	font-size: 18px;
	font-weight: bold;
	width: 535px;
	margin-top: 34px;
	margin-left: 20px;
}
.box2 ul li div p{
	font-size: 14px !important;
	color: #555555;
	text-align: left;
	width: 535px;
	margin-top: 20px;
	margin-left: 20px;
}
.box2 ul li .boxlist div{
	margin-top: 40px;
	margin-left: 20px;
	width: 535px;
}
.box2 ul li .boxlist div span{
	display: inline-block;
	font-size: 18px;
	margin-top: 10px;
	color: #00478a;
}
.box2 ul li .boxlist div img{
	float: right;
	height: 34px !important;
	width: 34px !important;
}
.box2 ol{
	/* display: none; */
    width:100%;
    height: 20px;
    position: absolute;
    top: 40px;
	left: 413px !important;
}
/* .box ol li{
    cursor:pointer;
    position: relative;
    margin-left: 15px;
    display: inline;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: gainsboro;
} */

.box2 ol li{
    width: 114px;
	height: 30px;
	line-height: 24px;
	color: #4f4f4f;
	font-family: "思源黑体";
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
}
.box2 ol li:hover{
	background-color:inherit !important;
}
.box2 ol .action{
    color: #fff !important;
    background: url(../img/product_nav_03.jpg) no-repeat;
}
/* .show2 a{
	color: #fff !important;
	background: url(../img/product_nav_03.jpg) no-repeat;
} */
.box2 ol li:hover{
    background-color: #DE6E6A;
}
.box2 ul{
    position: relative;
    left: 0;
}

.box2 ul li div{
    float: left;
}
.box2 .next{
    cursor:pointer;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -139px;
    width: 129px;
    height: 54px;
    display: block;
    line-height: 80px;
    background: url(../img/nohover_05.jpg);
}
.box2 .next:hover{
	background: url(../img/hoveran_05.jpg);
}
.box2 .prev:hover{
	background: url(../img/hoveran_03.jpg);
}
.box2 .prev{
    cursor:pointer;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -139px;
    width: 129px;
    height: 54px;
    text-align: center;
    line-height: 80px;
    background: url(../img/nohover_03.jpg);
}
.box2 .li div{
	margin-right: 10px;
}
.box2 .li div{
	margin-bottom: 30px;
}
.box2 .li div img{
	/* border: 1px solid #dddddd; */
}
.box2 .li div:hover img{
	/* border: 1px solid #00478a; */
}
.box2 .li div p{
	/* text-align: center;
	font-size: 18px;
	margin-top: 10px; */
}


/* footer */
.footer{
	background: #000000 !important;
	border-top: 11px solid #00478a;
}
.footer_b_t_l .hr{
	width: 2px;
	height: 164px;
	background: #4e4e4e;
	margin: 0 20px;
	margin-top: 30px;
}
.footer_b_t_l .code{
	margin-top: 40px;
}
.footer_b_t_r{
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	width: 800px;
	margin-top: 40px;
	margin-left: 17px;
}
.footer_b_t_r label{
	color: #fff;
}
.footer_b_t_r a{
	color: #919191;
}
.footer_b_t_r .js a{
	color: #fff;
}
.footer_b_t_r a:hover{
	color: #eea100;
}
.qhyy {
	line-height: 65px;
}

.qhyy img {
	margin-right: 10px;
}

.header .head_tel {
	margin-top: 25px;
	margin-left: 25px;
}

.header .head_tel p {
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	padding-left: 20px;
	color: #010101;
	height: 18px;
	background: url(../img/index_1.jpg) left 4px no-repeat;
}

.header .head_tel span {
	font-size: 24px;
}

/* 首页-关于我们 */
.about{
	background: url(../img/about_bj_02.jpg) no-repeat center;
	background-size: 100%;
	height: 413px;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	padding-top: 78px;
}
.about .about_title h1{
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	color: #eea100;
}
.about .about_title h2{
	font-size: 24px;
	text-align: center;
	color: #fff;
	/* font-weight: bold; */
}

.about .about_icon ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin-top: 40px;
}
.about .about_icon ul li p{
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
}

.about2{
	/* background: url() no-repeat center; */
	background: url(../img/about2_bj_02.jpg) no-repeat center;
	background-size: 100%;
	height: 550px;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	top: -1px;
}
.about2 .about_title h1{
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	color: #eea100;
}
.about2 .about_title h2{
	font-size: 24px;
	text-align: center;
	color: #fff;
	/* font-weight: bold; */
}

.about2 .about_icon ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 144px;
}
.about2 .about_icon ul li{
	text-align: center;
	width: 310px;
}
.about2 .about_icon ul li h5{
	text-align: center;
	font-size: 30px;
	color: #fff;
	margin-top: 30px;
}
.about2 .about_icon ul li p{
	text-align: left;
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
}
/* 首页-关于我们 */


/* 优势 */

.advantage{
	height: 1432px;
	background-image: url(../img/problem_bj_02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
}
.advantage_all{
	margin-top: 80px;
}
.advantage_all h5{
	margin-top: 10px;
}
.advantage_title{
	font-size: 30px;
	text-align: center;
	color: #fff;
	line-height: 65px;
}
.advantage_title span{
	font-size: 60px;
	color: #e60012;
}
.singular{
	/* margin-top: 26px; */
}
.singular_l{
	width: 445px;
	margin-left: 80px;
}
.singular_l h5{
	font-weight: bold;
	text-align: right;
	color: #00478a;
	font-size: 26px;
}
.singular_l p{
	text-align: right;
	color: #00478a;
	font-size: 18px;
	margin-top: 10px;
}
.singular_l li{
	margin-left: 70px;
	margin-top: 26px;
}
.advantage_all i{
	float: left;
	margin-top: 7px;
	margin-right: 7px;
	height: 8px;
	width: 8px;
	background: #d9241b;
	display: inline-block;
	
}
.advantage_all b{
	display: inline-block;
	width: 422px;
}
.num{
	height: 82px;
	width: 72px;
	background: url(../img/problem_icon_03.jpg) no-repeat;
	line-height: 82px;
	color: white;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin-left: 38px;
}
.singular_r{
	margin-left: 38px;
}
.plural{
	margin-top: 26px;
}
.plural_l{
	width: 445px;
	margin-left: 80px;
	text-align: right;
}
.plural_r{
	width: 445px;
	margin-left:38px;
}
.plural_r h5{
	font-weight: bold;
	color: #00478a;
	font-size: 26px;
}
.plural_r p{
	color: #00478a;
	font-size: 18px;
	margin-top: 10px;
}
.plural_r li{
	/*margin-left: 70px;*/
	margin-top: 26px;
}
/* 关于我们 */
.about3{
	background: #00478a;
	padding-top: 35px;
	padding-bottom: 65px;
}
.about3 h5{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.about3 p{
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.about3_content{
	margin-top: 40px;
}
.about3_left{
	width: 585px;
}
.about3_right{
	width: 585px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about3_right a{
	margin-bottom: 40px;
}
.about3_right a p{
	color: #fff;
	font-size: 24px;
}
.about3_left img{
	width: 580px;
}
.about3_left h5{
	font-size: 24px;
	text-align: left;
	font-weight: normal;
	color: #fff;
	margin-top: 10px;
}
.about3_left .p{
	margin-top: 4px;
	overflow:hidden;
	  text-overflow: ellipsis;
	  -webkit-line-clamp: 4;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
}
.about3_left p{
	
	text-indent: 2em;
	font-size: 16px;
	color: #fff;
	text-align: left;
	line-height: 35px;
}
.about3_left a{
	display: block;
	float: right;
	width: 125px;
	height: 36px;
	border-radius: 18px;
	color: #fff;
	background: #eea100;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	margin-top: 6px;
}

/* 尾部 */
.footer {
	background: #f2f2f2;
	/* height: 240px; */
}

.footer .footer_t {
	height: 140px;
	background: #808080;
}
.footer .footer_t_li_img{
	line-height: 140px;
	float: left;
}
.footer .footer_t_li_text{
	float: left;
	margin-top: 12px;
	margin-left: 12px;
}
.footer .footer_t_li_text h5{
	font-size: 22px;
	color: #fff;
}
.footer .footer_t_li_text p{
	max-width: 385px;
	color: #d9d9d9;
	line-height: 28px;
}

.footer .footer_t span{
	display: inline-block;
	width: 1px;
	height: 93px;
	background: #fff;
	margin: 22px 70px;
}





.footer .footer_l {
	width: 770px;
	margin-top: 25px;
}

.footer .footer_l ul li {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}

.footer .footer_l ul .h5 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}


.footer_r {
	margin-top: 25px;
	width: 200px;
	height: 32px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}


/* 内页-关于我们 */


.ny_top{
	height: 55px;
	line-height: 55px;
}
.ny_nav{
	width: 236px;
	float: left;
}
.ny_nav li{
	background: #eeeeee;
	text-align: center;
	
}
.ny_nav li>a{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #dedede;
	width: 100%;
	
}
.ny_nav .on{
	background: #fff;
}
.ny_nav .on{
	background: url(../img/about_nav_03.png) no-repeat;
	color: #fff;
	border-bottom: none;
}
.ny_nav li>div>a{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	background: #fff;
	border-bottom: 1px solid #dedede;
	width: 100%;
}
.ny_text {
	width: 920px;
}
.ny_text h1{
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.ny_text_content img{
	display: inline-block;
	margin-right: 10px;
}
.ny_text_content_img{
	float: left;
}
.ny_text_content p{
	margin-bottom: 70px;
	text-indent: 2em;
}
/* 内页-关于我们 */

.ny_text_content .module1{
	padding-top: 0;
}
.ny_text_content .module1 p{
	margin-bottom: 0px;
	text-indent: 0em;
}


/* 内页-产品列表 */

.ny_text_content li{
	width: 220px;
	border: 1px solid #dddddd;
	float: left;
	margin-left: 64px;
	margin-bottom: 36px;
}
.ny_text_content li img{
	width: 220px;
	height: 220px;
	border-bottom: 1px solid #dddddd;
}
.ny_text_content li p{
	color: #fff;
	background: #00478a;
	height: 52px;
	width: 210px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 16px;
	text-align: left !important;
	margin-bottom: 0;
	text-indent: 0;
	overflow:hidden;   /*超出隐藏*/
	    text-overflow:ellipsis;  /*溢出显示省略号*/
	    white-space: normal;  /*常规默认，会折行*/
	    display:-webkit-box;  
	    -webkit-box-orient:vertical;  /*子元素排列 vertical（竖排）orhorizontal（横排）*/
	    -webkit-line-clamp:2;/*内容限制的行数 需要几行写几就行*/ 
}
/* 内页-产品列表 */


/* 内页-应用案例 */
.module_list{padding:10px 10px;}
.module_list ul {padding: 0; margin:0; width:100%;overflow: hidden;}
.module_list ul li {width:33.333%;height:360px; float:left;overflow: hidden; margin: 10px 0;}
.module_list .list_wen {margin:10px auto;line-height: 30px; }
.module_list .list_wen img {width:100%;margin:10px auto;height:240px; }
.module_list .list_wen .list_wenbox{ margin:auto; display:block;width:90%; height: 100%; }
.module_list .list_wen .list_wenbox span {font-size:16px; color: #333;font-weight: bold;}
.module_list .list_wen .list_wenbox i {font-size:12px; color: #666; font-style:normal; line-height: 24px!important;}
#imglist ul.list_1{list-style:none;}
#imglist ul.list_1 li{margin-top:20px;overflow:hidden;border-bottom: 1px solid #ddd;padding: 15px 100px 15px 10px;}
#imglist ul.list_1 li a{display: inherit;width: 100%;height: 30px;color: #000;font-size: 16px;line-height: 30px;text-align: start;}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}
#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}

/* 内页-应用案例 */


/*内页-产品详情*/
.clear {
    clear: both;
}
.tools{
	border-top: 1px solid #ddd;
	    margin-top: 30px;
	    position: relative;
	    padding: 10px 10px 0;
	    height: 50px;
	    line-height: 50px;
}
.tools .fy{clear:both;position:absolute;right:5px;top:0;color:#818181}
.tools .fy li{ display:inline; list-style:none; margin-left:30px;}
.tools .fy li span{ padding-right:5px;}
.tools .fy a{color:#607fa6}

.editor{line-height:2}
.editor .ny_text ul,.editor .ny_text ol{padding:0 0 0 25px;margin:0}
.editor .ny_text a{color:#1c57c4}
.editor .ny_text a:hover{text-decoration:underline}
.editor .ny_text img{max-width:100%;height:auto!important;}
.editor .ny_text blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.editor .ny_text hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.editor .ny_text .videobox{ text-align:center; visibility:hidden; margin:10px auto; }
.editor .ny_text .video-js{ max-width:100%; }
.editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.editor table td{border:1px solid #ddd!important;text-align:center;vertical-align:middle;}
.editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.editor #page_break .collapse{display:none}
.editor #page_break .num{padding:10px 0;text-align:center}
.editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.module1{padding:30px 10px}
.pro_recommend_lists{display: flex;}
.men_pro_recommend_list{width: 198px;border-top: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;}
.men_pro_recommend_list:nth-child(1){border-left: 1px solid #000;}
.pro_recommend_img{width: 198px;height: 198px;}
#showproduct{
	height: 760px;
}
#showproduct dl.pshow dt{float:left;position:relative;font-size:0;text-align:center;overflow:hidden;border-right:1px solid #ddd;width: 570px;}
#showproduct dl.pshow dt .pshowbox{margin:0 auto;}
#showproduct dl.pshow dt .pshowbox p{display:none}
#showproduct dl.pshow dt .demo-gallery{width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    opacity: 1;
    display: block;
    z-index: 2;}
.pshowbox ul{display: flex;flex-wrap: wrap;}
.pshowbox ul li{width: 33%;}
.content{float: right;width:920px;}
#showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer}
#showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#showproduct dl.pshow dt li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;}
#showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px}
#showproduct dl.pshow dd{float:left;margin-left:-571px;width:100%}
#showproduct dl.pshow dd .pshowbox{padding:0 20px;margin-left:571px;}
#showproduct dl.pshow dd .pshowbox h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd}
#showproduct dl.pshow dd .pshowbox ul li{list-style:none;color:#1d1d1d;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;position:relative}
#showproduct dl.pshow dd .pshowbox ul li span{color: #000;position:absolute;left:0;top:0;padding:8px 5px;width:80px;word-wrap:break-word}
#showproduct dl.pshow dd .pshowbox .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666;}
#showproduct .nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .nav li a{display:block;padding:0 40px}
#showproduct .nav li.now,#showproduct .nav li.hover{background:#f7f8fa}
.related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
.related_list{list-style:none;width: 1253px;margin: 0 auto;}
.related_list li{float:left;text-align:center;margin-top:30px;margin: 30px 38px;}
.related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd;color:#fff;background:#00478a;}
.related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#showproduct .nav_contbox{padding:0 10px}



#showimg h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px;font-weight: bold;}
#showimg .slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative}
#showimg .slide_list ul{display:none;}
#showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px}
#showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left}
#showimg ul.exposureThumbs li img{cursor:pointer}
#showimg ul.exposureThumbs li.last{margin:0}
#showimg .exposureWrapper{position:absolute;top:0;left:0}
#showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0}
#showimg .exposureLoaded{background-image:none}
#showimg ul.exposureThumbs li{width:150px;height:79px}
#showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444}
#showimg .slide_box .left,.slide_box .right{position:absolute;width:50%;cursor:pointer}
#showimg .slide_box .left a,.slide_box .right a{display:block;width:100%;height:100%}
#showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showimg .imgparalist li:last-child{border-bottom:0}
#showimg .imgparalist li a{color:#fff}
#showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}

.module2_list{padding:10px 10px}
.module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.module2_list h2{font-weight:normal}
.module2_list li p{color:#818181}
.module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.module2_list li h2 i{margin-right:10px;position:relative}
.module2_list li.list_2 h2,.module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.module2_list li.list_2{padding:15px 0}
.module2_list li.list_3{padding-left:100px;min-height:80px}
.module2_list li.list_3 img{position:absolute;left:0;top:15px}
.module2_list li.list_3 span.time{position:static}
.module2 h1.title{font-size:28px;font-weight:normal;padding:5px 0}
.module2 .infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.module2 .time{padding-right:6px}
.module2 .source{padding-right:6px}
.module2 .source a{color:#607fa6}
.module2 .editor{padding:0 10px}

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  -webkit-transition: opacity 0.15s;
          transition: opacity 0.15s; }

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background: url(../img/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }

  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none; }
 }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

.pswp__button--arrow--left, .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

.pswp__counter, .pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

.pswp__caption--fake {
  visibility: hidden; }

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }




.page {
	/* margin-top: 60px; */
	text-align: center;
	padding-bottom: 60px;
}

.page ul {
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}

.page li:first-child {
	border-radius: 5px;
	width: 38px;
	font-size: 20px;
}

.page li:first-child a {
	width: auto;
	font-size: 20px;
}

.page li {
	float: left;
	height: 38px;
	width: 38px;
	line-height: 38px;
	border: 1px solid #dfdfdf;
	margin-right: 6px;
	border-radius: 5px;
}

.active {
	background: #aaaaaa;
	color: white !important;
}

.page li a {
	display: inline-block;
	height: 38px;
	width: 38px;
	float: none;
	margin-right: 0;
	color: black;
}

.page li:last-child {
	border-radius: 5px;
	width: 38px;
	font-size: 20px;
}

.page li:last-child a {

	font-size: 20px;
}

.page li:last-child span {
	width: auto;
	font-size: 20px;
}




.contact {
	margin: 0px auto;
	margin-top: 20px;
}

.contact_header {
	background: url(../img/ny_header_02.jpg) no-repeat;
	width: 1920px;
	height: 118px;
	margin: 0 auto;
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -960px;
}

.contact_header P {
	width: 1200px;
	padding: 50px 0 0 28px;
	margin: 0 auto;
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
}



#dt {
	height: 280px;
}


.contact_content p {
	font-size: 18px;
	margin-top: 30px;

}

.contact_content p a {
	font-size: 18px;

}

.productshow {
	margin: 0px auto;
	position: relative;
	height: 1000px;
}

.productshow_content {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	top: 250px;
}

.productshow_content h5 {
	font-size: 24px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
}

.productshow_content img {
	margin-top: 30px;
}

.propage {
	text-align: center;
}

.propage a {
	margin-top: 50px;
	display: inline-block;
	height: 100%;
	margin-right: 5px;
}

.propage a img {
	margin-top: 0px;
}
.form_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}
:-ms-input-placeholder{color:#999}

.form{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}
.form dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.form dl{width:100%;zoom:1;background:#fff}
.form dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.form dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.form dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.form dl dd label input{position:relative;top:1px;margin-right:3px}
.form dl dd .fbox{margin:0 10px 0 0}
.form dl dd .tips{color:#aaa}
.form dl dd .tips:hover{color:#f00}
.form dl dd.labelinline label{display:inline}
.form dl dt.addimgdt{padding:10px 5px 10px}
.form dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.form dl.noborder{border-bottom:0}
.formerror{margin-top:6px;height:20px;line-height:20px}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.form dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.form dl dd.ftype_code input{width:80px;margin-right:10px}
.form dl dd.ftype_code img{height:30px;position:relative;bottom:2px}