/* CSS Document */

@font-face {
	font-family: "Barlow Condensed";
	src: url(../fonts/BarlowCondensed-Regular.ttf);
}
@font-face {
	font-family: "Barlow Condensed SemiBold";
	src: url(../fonts/BarlowCondensed-SemiBold.ttf);
}
@font-face {
	font-family: "Barlow Condensed Bold";
	src: url(../fonts/BarlowCondensed-Bold.ttf);
}
@font-face {
	font-family: "Barlow Condensed Medium";
	src: url(../fonts/BarlowCondensed-Medium.ttf);
}
.n_banner {
	height: 540px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center
}
.n_banner h3 {
	font-size: 2.5rem;
	color: #fff;
	font-weight: bold;
	margin: 1.25rem 0;
	letter-spacing: 0.25rem; /*text-shadow:1px 1px 1px rgb(0,0,0,1)*/
}
.n_banner h5 {
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.5;
}
.n_banner a:hover {
	color: #fff;
}
.n_banner h5 img {
	margin-right: 8px;
}
.n_product {
	padding: 3rem 0;
}
.left-nav-box {
	width: 21%;
	float: left
}
.left-nav {
}
.left-nav>h3 {
	color: #fff;
	font-size: 24px;
	padding: 20px 30px;
	background: #0054a7;
	background: -webkit-linear-gradient(left, #0054a7, #034383);
	background: -o-linear-gradient(right, #0054a7, #034383);
	background: -moz-linear-gradient(right, #0054a7, #034383);
	background: linear-gradient(to right, #0054a7, #034383);
}
.left-nav ul {
}
.left-nav li {
	background: #f7f7f7;
	margin-bottom: 10px;
}
.left-nav li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 98%
}
.left-nav .fir {
	position: relative
}
.left-nav .fir:after {
	content: "";
	width: 5px;
	height: 5px;
	border-right: 2px solid #ccc;
	border-top: 2px solid #ccc;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 20px;
	top: 25px
}
.left-nav .fir a {
	color: #333;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 20px 15px 20px;
}
.left-nav .sub {
	padding-bottom: 25px;
	margin-top: -5px;
	display: none
}
.left-nav .sub a {
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	padding: 5px 20px 5px 30px
}
.left-nav .sub a.sed {
	display: inline-block;
	background: #0054a7;
	color: #fff !important;
	line-height: 20px;
	padding: 0 20px;
	margin-left: 30px;
	margin-bottom: 0;
	font-size: 16px;
}
.left-nav a:hover span {
	color: #0054a7;
	background-image: -webkit-linear-gradient(left, #0054a7, #034383);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.left-nav li.cur .fir a span {
	color: #0054a7;
	background-image: -webkit-linear-gradient(left, #0054a7, #034383);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.left-nav a.cur span {
	color: #0054a7;
	background-image: -webkit-linear-gradient(left, #0054a7, #034383);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 500
}
.left-nav li.cur .sub {
	display: block
}
.left-nav li.cur .fir:after {
	border-right: 2px solid #0054a7;
	border-top: 2px solid #0054a7;
}
.left-nav .sub a.sed:hover {
	color: #fff;
	-webkit-text-fill-color: #fff
}
.main-right {
	width: 76%;
	float: right;
}
.n_about {
	overflow: hidden;
}
.n_about .wrap {
	display: black;
	align-items: center;
}
.n_about .txt {
}
.n_about .tt {
	margin-bottom: 1.375rem;
}
.n_about .tt span {
	font-size: 1.125rem;
	color: #373737;
	font-family: Barlow Condensed !important;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.n_about .tt p {
	font-size: 3.75rem;
	color: #ff0000;
	font-family: Barlow Condensed Bold !important;
	text-transform: uppercase;
}
.n_about .tt p b {
	color: #3d75c0;
}
.n_about .tt h3 {
	font-size: 1.625rem;
	color: #272727;
	font-weight: bold;
	margin-top: 1.5rem;
}
.n_about .tt i {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 3px;
	background: #3368b2;
	margin-right: 15px;
}
.n_about .con {
	font-size: 1rem;
	color: #767676;
	line-height: 2.5rem;
}
.n_about .con img {
	margin-top: 25px;
}

.n_about .con p{ text-indent:2em;}

.n_culture {
	padding: 1.5rem 0 2rem; /*background:url(../images/n_about_fl02_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed*/
}
.title002 {
	text-align: center;
	margin-bottom: 2.5rem
}
.title002 h3 {
	font-size: 2.1875rem;
	color: #034383;
	line-height: 1.25
}
.title002 h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.25rem 0 0
}
.title002 p {
	line-height: 28px;
	font-size: 16px;
	margin-top: 15px
}
.about_two_ul {
	margin-top: 0.5%;
	overflow: hidden;
}
.about_two_ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	overflow: hidden;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	border: 1px solid rgb(0, 0, 0, .05);
}
.about_two_ul li:nth-child(4n+0) {
	margin-right: 0;
}
.about_two_ul li .imgs {
	overflow: hidden;
	position: relative;
	padding-top: 66.8%;
}
.about_two_ul li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
}
.about_two_ul li:hover .imgs img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.about_two_ul li .txts {
	overflow: hidden;
	width: 96%;
	margin: 0 auto;
	max-width: 296px;
	margin-top: 4%;
	margin-bottom: 13%;
}
.about_two_ul li .txts .h3 {
	font-weight: bold;
	overflow: hidden;
	line-height: 52px;
	height: 52px;
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.about_two_ul li .txts .p2 {
	color: #666666;
	font-size: 16px;
	line-height: 32px;
	height: 64px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.horlist ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-right: -2%
}
.horlist li {
	width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.equ li {
	width: 31.3333333%;
}
.horlist .pic {
	position: relative;
	overflow: hidden;
}
.horlist .pic img {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px;
	border: 1px solid #eee;
}
.horlist .tit {
	margin-top: 10px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}
.honor .pic img {
	padding: 0px;
	border: none;
}
.list_box_peixun {
	margin-bottom: 4rem;
}
.list_box_peixun li {
	margin-bottom: 3.5rem;
}
.list_box_peixun li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding-bottom: 2.5rem;
	overflow: hidden;
}
.list_box_peixun li a::before {
	content: "";
	position: absolute;
	top: 3.125rem;
	right: 0;
	bottom: 0;
	left: 15%;
	z-index: -1;
	background: #f2f4f7;
	transform: skewX(-15deg) translateX(8%);
}
.list_box_peixun li a .img_box {
	width: 35.625rem;
}
.list_box_peixun li a .img {
	border-radius: 0
}
.list_box_peixun li a .img_box h6 {
	margin-top: 2.375rem;
}
.list_box_peixun li a .img_box h6 img {
	width: 100%;
}
.list_box_peixun li a .con {
	width: calc(100% - 35.625rem);
	padding: 3.125rem 4rem 0 4.375rem;
}
.list_box_peixun li a .con h4 {
	font-size: 1.875rem;
	color: #014590;
	font-family: "Barlow Condensed Bold";
	line-height: 1;
}
.list_box_peixun li a .con h5 {
	font-size: 1.5rem;
	color: #4a4a4a;
	font-weight: bold;
margin: .5rem 0 2rem;
}
.list_box_peixun li a .con p {
font-size: .9375rem;
	color: #707172;
	line-height: 1.75rem;
	max-height: 5.25rem;
	transition: .5s;
	opacity: .8;
	margin: 0;
}
.list_box_peixun li:nth-child(2n) a .img_box {
	order: 2;
}
.list_box_peixun li:nth-child(2n) a::before {
	left: 0;
	right: 15%;
	transform: skewX(15deg) translateX(-8%);
}
.list_box_peixun li:nth-child(2n) a .img_box h6 img {
	transform: rotateY(180deg);
}
.list_box_peixun li:nth-child(2n) a .con .zuixin {
	justify-content: flex-start;
}
.list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box {
	background: url(../images/zuixin_bg1.png) center no-repeat;
	padding: 0 1rem 0 0;
	margin-left: -4.375rem;
	margin-right: 0;
}
.n_video {
}
/*视频列表*/
.video_ul {
}
.video_ul ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
}
.video_ul ul li:nth-child(4n+0) {
	margin-right: 0;
}
.video_ul ul li .imgs {
	overflow: hidden;
	position: relative;
	padding-top: 66.8%;
}
.video_ul ul li .imgs:after {
	content: "";
	background: rgba(0,0,0,0.2);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.video_ul ul li:hover .imgs:after {
	background: rgba(0,0,0,0.4);
}
.video_ul ul li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
}
.video_ul ul li:hover .imgs img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.video_ul ul li .boxs {
	max-width: 350px;
	width: 96%;
	margin: 0 auto;
}
.video_ul ul li .h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	color: #333333;
	margin-top: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.video_ul ul li .p {
	overflow: hidden;
	line-height: 24px;
	height: 48px;
	color: #666666;
	font-size: 14px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 8px;
	margin-bottom: 4px;
}
.video_ul ul li:hover .h3 {
	color: #034383;
}
.video_ul ul li i {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: -26px;
	margin-left: -26px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/video_pic1.png) center center no-repeat;
	background-size: 100%;
	transition: all 0.3s;
	z-index: 2;
}
.video_ul ul li:hover i {
	transform: scale(1.1, 1.1);
	background-image: url(../images/video_pic1_on.png);
}
/*视频弹窗*/
.mainFilter {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	display: none;
	background: url(../images/about_bg.png);
}
.popupVideo {
	max-width: 800px;
	width: 96%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 120;
	display: none;
	border-radius: 4px;
	outline: none;
}
.popupVideo iframe, .popupVideo video {
	width: 100%;
	max-height: 500px;
	background: #000;
}
.popupVideo .close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
	right: 18px;
	background: url(../images/c10.png) no-repeat center;
	cursor: pointer;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	border-radius: 50%;
	z-index: 2;
}
.popupVideo .close:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	background-color: #292f46;
	background-image: url(../images/c10.png);
}
.popupVideo .video_t {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	background: #fff;
	padding-left: 18px;
	color: ##424242;
	font-size: 18px;
	font-weight: 400;
	display: none;
}
.n_kehu {
}
.kehu_ul ul li {
	float: left;
	width: 18%;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
	overflow: hidden;
	border: 1px solid #efefef;
}
.kehu_ul ul li:nth-child(5n+0) {
	margin-right: 0;
}
.kehu_ul ul li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
	overflow: hidden;
}
.kehu_ul ul li:hover .imgs img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.inside-nav {
	background: #fff;
	overflow: hidden;
}
.inav-on {
	display: flex;
	align-items: center;
	justify-content: center;
}
.inav-on li {
}
.inav-on li a {
	width: 350px;
	display: block;
	border: 1px solid #ececec;
	line-height: 60px;
	text-align: center;
	transition: all 0.5s;
	font-size: 18px;
	border-right: none;
	color: #333;
}
.inav-on li:last-child a {
	border-right: 1px solid #ececec;
}
.inav-on li:hover a, .inav-on li.on a {
	background: #034383;
	color: #fff;
	border-color: #034383;
}
.shfw-box, .problem-box ,.news-list,.news-view{
	background: #f1f1f1;
	padding: 60px 10px 30px 10px
}
.shfw-box h1 {
	font-size: 28px;
	text-align: center;
	color: #333;
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgb(0, 0, 0, .1);
}
.shfw-text {
}
.shfw-text p {
	line-height: 34px;
	font-size: 15px;
	color: #666;
	text-align: 2em;
}
.knowledge-wrap {
	padding-top: 20px;
	padding-bottom: 30px;
}
.knowledge-list li {
	margin-bottom: 20px;
}
.knowledge-list li:last-child {
	margin-bottom: 0px;
}
.knowledge-ques {
	display: flex;
	align-items: center;
	height: 86px;
	padding-right: 0px;
	background: rgba(50,104,180,0.05);
}
/*.knowledge-left{
    width: 86px;
    height: 86px;
    background: #034383;
    display: flex;
    align-items: center;
    justify-content: center;
}*/

.knowledge-icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid #c1c1c1;
	background: url(../images/answer_icon.png) no-repeat center;
}
.knowledge-list li.on .knowledge-icon {
	background-image: url(../images/answer_icon_on.png);
}
.knowledge-ques h3 {
	width: calc(100% - 120px);
	padding-left: 20px;
	font-size: 18px;
	color: #333;
	font-family: "Barlow Condensed Medium";
}
.knowledge-ques h3 a:hover {
	color: #034383
}
.knowledge-anwer {
	font-family: "Barlow Condensed Medium";
	padding-top: 28px;
	padding-left: 20px;
	padding-bottom: 30px;
	line-height: 30px;
	color: #333;
	font-size: 16px;
	padding-right: 20px;
	background: #fff;
	display: none;
}
.knowledge-anwer p {
	line-height: 36px;
	text-indent: 2em;
}



.news-list{}
.news-list .s_news{ margin-top:0; padding-bottom:0;}
.news-list .s_news .news-in li{ margin-bottom:20px;}



.news-title-01{
    font-size: 24px !important;
    line-height: 36px;
	padding-bottom:10px;
    color: #333;
	text-align:center;
}


.article_article {
    padding: 60px 0;
}

.atricle_article_data {
    margin: 0 auto;
    display: table;
    width: 100%;
    text-align: center;
}

.atricle_article_data span {
    font-size: 14px;
	color:#666;
	font-family:Barlow Condensed Medium;
	margin-left:5px;
}

.atricle_article_data span:nth-child(1) {
    margin-right: 10px;
}



.articl_article_con {

    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    color: #666;
}

.articl_article_con .over {
    width: 70%;
    margin: 15px auto;
}


.articl_article_con p{ font-family:Barlow Condensed Bold; font-size:15px; line-height:32px; text-indent:2em;}




/*下载中心*/

.down_ul{ overflow:hidden; margin-top:0%; }
.down_ul ul li{ float:left; width:49%; display:block; overflow:hidden; background:url(../images/down_bg1.png) right center no-repeat; background-size:cover;  padding-top:2.8%; padding-bottom:2.8%; margin-bottom:2%; border-radius:10px; }
.down_ul ul li:nth-child(2n+0){ float:right;}
.down_ul ul li .boxs{ margin:0 auto; width:94%; max-width:660px;}
.down_ul ul li .imgs{ float:left; height:200px; width:200px; margin-top:0px; }
.down_ul ul li .txts{ float:right; margin-left:4%; padding-left:4%; overflow:hidden;width:calc(88% - 174px);width:-webkit-calc(88% - 174px);width:-moz-calc(88% - 174px); border-left:1px solid #eeeeee;}
.down_ul ul li .nmores{ display:block; font-style:normal; margin-top:20px;  overflow:hidden; margin-bottom:13px;}
.down_ul ul li .nmores a{ float:left; padding-top:24px; text-align:center; margin-right:35px; background-repeat:no-repeat; background-position:center top; background-size:24px 15px;transition:all 0.3s; color:#666666; font-size:16px; line-height:24px;}
.down_ul ul li .nmores a:hover{ color:#e70012;}
.down_ul ul li .nmores a.bgs1{ background-image:url(../images/down_pic3.png);}
.down_ul ul li .nmores a.bgs2{ background-image:url(../images/down_pic4.png);}
.down_ul ul li .nmores a.bgs1:hover{ background-image:url(../images/down_pic3_on.png);}
.down_ul ul li .nmores a.bgs2:hover{ background-image:url(../images/down_pic4_on.png);}
.down_ul ul li .nmores a.bgs1.dis:hover{background-image:url(../images/down_pic3.png);color:#666666;}
.down_ul ul li .h3{  overflow:hidden; line-height:30px; height:60px;/*text-overflow: ellipsis;white-space: nowrap;*/ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size:20px; color:#333333; margin-top:3px; font-weight:bold;}
.down_ul ul li .date{ overflow:hidden; color:#666666; font-size:14px; line-height:30px; height:30px; margin-top:6px;}






/* left-nav */  
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #ddd;transition:.3s;background:#f5f5f5;}
.nav-pro>ul>li>a {padding:2px 0 0 20px;display:block;transition:.3s;cursor:pointer;line-height:42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #0054a7;background:#0054a7;text-decoration:none;color:#fff;}
.nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;color:#333;}
.nav-pro>ul>li.active>i{ color:#fff;}
.nav-pro>ul>li:hover>i{ color:#fff;}
.nav-pro>ul>.active>a {border-left:5px solid #0054a7;background:#0054a7;display:block;color:#fff !important;}
.nav-pro>ul>li>a {color:#333;font-size:16px;}
.nav-pro>ul>li>ul>li>a {color:#555;padding:5px;margin:0 10px;border-bottom:1px solid #ddd;display:block;font-size:16px;text-decoration:none;}
.nav-pro>ul>li>ul>li>a:hover {color:#0054a7;}
.nav-pro>ul>li>ul>.active {background:#333;}
.nav-pro>ul>li>ul>li>ul>li {padding-left:26px;}
.nav-pro>ul>li>ul>li>ul>li>a {color:#777;line-height:32px;width:92%;display:block;padding:0 0 0 8px;border-bottom:1px dotted #ddd;font-size:14px;}
.submenu {display:none !important;}
.showsub .submenu {display:block !important;}
.sonmenu {display:none;}

/* ny-pro */
.pa0 {padding:0 !important;}
.pa5{ padding:0 5px;}





.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}

.col-md-3 {
	width: 25%;
}


.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}


.probox{ width:100%;height:auto;}
.probox a .ptu {width:100%;margin:0 auto 5px;overflow:hidden;border:1px solid #ddd;}
.probox a .ptu img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.probox a .ptu:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.probox h4{ width:100%;height:36px;line-height:36px;background:#ddd;color:#333;font-size:15px;margin-bottom:20px;}
.probox:hover h4{ background:#0054a7;color:#fff;}
.proxqtit p img{ max-width: 740px; height: auto;}
.pic {width:100%;height:auto;}


.proszi{ width: 90%; margin: 0 0 0 10%;}
.proszi h2{ margin-bottom: 20px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.proszi .pdescribe p{ font-size:16px; line-height:28px;}
.yben{ margin-top:25px; display:inline-block;}
.yben a{}
.yben a:hover{ color:#0054a7}
.yben i{ margin-right:5px;}


.canshu {width:100%;margin:28px 0 0 0;height:auto;}

.canshu p {line-height:28px;font-size:14px;color:#666;text-align:justify;}

.canshu table {width:100% !important;height:auto;margin:20px auto 10px;}

.canshu table tbody tr {border-bottom:1px dotted rgba(12,32,72,.6);}

.canshu table tbody tr td {display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:center;border: 1px solid #e9e9e9; background: #fbfaf9; font-size: 16px; padding: 10px;}

.canshu table tbody tr th{ text-align:center; font-size:18px; height:36px; line-height:36px; color:#000; padding-bottom:10px;}

.canshu table tbody tr td:nth-of-type(2){ background: #fff;}

.canshu table tbody tr td:last-child {border-right:none;}

.canshu table tbody tr td p {width:100%;height:auto;display:table-cell;}

.canshu #myTab {width:100%; display: inline-block; margin-bottom: 20px;}

.nav-tabs>li{ width: 25%;font-size:20px;padding:8px 0 !important; background: #666; border: none; text-align: center; border-right: 2px solid #fff;}

.nav-tabs>li>a{ color: #fff; display: inline-block;}

.nav-tabs>li>a:hover{ color:#fff !important;background:none !important; border: none;}

.nav-tabs>li.active{ background:#0054a7;}

.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {color:#fff !important;background:none !important;border:none;text-decoration:none; }


.proshow-content{ }
.pro-text-top{ width:100%; text-align:center;margin-top:40px;}
.pro-text-top h1{ font-size:24px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:20px;}
.pro-cont-box{}

.pro-cont-box img{ width:100%; display:block; height:auto;}

.pro-cont-box table {width:100% !important;height:auto;margin:20px auto 10px;border-collapse:collapse;}

.pro-cont-box table tbody tr {border-bottom:1px dotted rgba(12,32,72,.6);}

.pro-cont-box table tbody tr td {display:table-cell;vertical-align:inherit;white-space:nowrap; text-align:left;border: 1px solid #e9e9e9; background: #fbfaf9; font-size: 14px; line-height:30px; padding-left:10px;}

.pro-cont-box table tbody tr th{ text-align:left; font-size:18px; height:36px; line-height:36px; color:#000; padding-bottom:10px;}

.pro-cont-box table tbody tr td:nth-of-type(2){ background: #fff; width:74% !important; white-space: pre-wrap;}

.pro-cont-box table tbody tr td:nth-of-type(1){ width:36% !important; }

.pro-cont-box table tbody tr td:last-child {}








 @media (max-width: 767px) {
	 .row{ padding:0; margin:0}
	 .col-md-3,.col-md-9,.col-md-5,.col-md-7{width: 100% !important; margin:0; padding:0}
	 .col-md-9{ margin-top:30px;}
	 .nav-pro>ul>li{ margin:0}
	 .col-md-3{ width:50%;}
	 .proszi{ width: 100%; margin: 0; margin-top:30px;}
	 
	 }


 @media (max-width: 480px) {
	 .col-md-3{ width:100%;}
	 }







/* 分页 */ 
.inner-page {
	position: relative;
	z-index: 1;
}
.inner-page p {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 30px;
}
.inner-page .partner {
	padding: 60px 0;
	text-align: center;
}
.inner-page .partner .column img {
	width: auto;
	margin: 0 auto;
}
.inner-page .m-page {
	text-align: center;
	padding-top: 30px;
}
/*.inner-page .m-page span {
 display: inline-block;
 vertical-align: middle;
 width: 40px;
 height: 40px;
 border-radius: 5px;
 background: #333;
 font-size: 18px;
 font-family: "Barlow Condensed Medium";
 line-height: 40px;
 text-align: center;
 -webkit-transition: .5s;
 -moz-transition: .5s;
 -ms-transition: .5s;
 -o-transition: .5s;
 transition: .5s;
 margin: 0 5px;
 color: white;
}*/
.inner-page .m-page a {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background: #333;
	font-size: 18px;
	font-family: "Barlow Condensed Medium";
	line-height: 40px;
	text-align: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin: 0 5px;
	color: white;
}
.inner-page .m-page span {
	cursor: not-allowed;
}
.inner-page .m-page a:hover {
	background: #034383;
	color: white;
}
.inner-page .m-page span .page-num-current {
	background: #034383;
	color: white;
}



 @media (max-width: 1200px) {
.n_product {
}
.left-nav-box {
	width: 100%;
	margin-bottom: 40px;
	float: none
}
.left-nav ul {
}
.left-nav li {
	width: 24%;
	margin: 0.5%;
	position: relative;
	float: left;
}
.left-nav .sub, .left-nav li.cur .sub {
	display: none
}
.left-nav .sub {
	position: absolute;
	width: 100%;
	left: 0;
	background: #f7f7f7;
	z-index: 9
}
.left-nav .fir a {
	font-size: 15px;
	padding: 15px 20px 15px 20px;
}
.left-nav .sub a {
	padding: 5px 20px 5px 20px;
}
.main-right {
	float: none;
	width: 100%;
}
.about_two .p {
	font-size: 15px;
	line-height: 30px;
}
.about_two_ul li .txts .p2 {
	font-size: 15px;
	line-height: 28px;
	height: 56px;
}
.about_two_ul li .txts .h3 {
	height: 44px;
	line-height: 44px;
}
.inner-page .m-page a,  .inner-page .m-page span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.inner-page .partner {
	padding: 20px 0;
}
.faq-page > .box ul li h3 {
	font-size: 16px;
}
.inner-page p {
	font-size: 14px;
	line-height: 2;
}
.list_box_peixun li a .img_box {
	width: 100%;
}
.list_box_peixun li a .con {
	width: 100%;
	padding: 1rem 15px 0;
}
.list_box_peixun li a::before {
	left: 0;
	transform: skewX(0) translateX(0);
}
.list_box_peixun li:nth-child(2n) a::before {
	right: 0;
	transform: skewX(0) translateX(0);
}
.list_box_peixun li:nth-child(2n) a .img_box {
	order: 0;
}
.list_box_peixun li {
	margin-bottom: 1.5rem;
}
.list_box_peixun li a .img_box h6 {
margin-top:.5rem
}
.list_box_peixun {
	margin-bottom: 0
}
.video_ul ul li {
	width: 32%;
}
.video_ul ul li:nth-child(4n+0) {
	margin-right: 2%;
}
.video_ul ul li:nth-child(3n+0) {
	margin-right: 0;
}
.video_ul ul li .h3 {
	font-size: 18px;
}
.video_ul ul li .p {
	font-size: 15px;
}
.kehu_ul ul li {
	width: 23%;
	margin-right: 2%;
}
.kehu_ul ul li:nth-child(4n+0) {
	margin-right: 0;
}
.kehu_ul ul li:nth-child(5n) {
	margin-right: 2%;
}
.inav-on li {
	width: 24.5%
}
.inav-on li a {
	width: 100%;
	display: block;
	border: 1px solid #ececec;
	line-height: 70px;
	text-align: center;
	transition: all 0.5s;
	font-size: 18px;
	border-right: none;
	color: #333;
}

.news-nav .inav-on li {
	width: 48% !important;
}


.down_ul ul li .imgs{height:122px; width:118px;}
.down_ul ul li .txts{ padding-left:8%; margin-left:2%;    width: calc(92% - 118px);width: -webkit-calc(92% - 118px); width: -moz-calc(92% - 118px);}



}
 @media (max-width: 992px) {
.video_ul ul li .h3 {
	font-size: 16px;
	height: 26px;
	line-height: 26px;
}
.video_ul ul li .p {
	font-size: 14px;
}
.video_ul ul li i {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
}
.knowledge-anwer {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	font-size: 14px;
}
/*.knowledge-left{
        width: 68px;
        height: 68px;
    }*/
.knowledge-ques {
	height: auto;
}
.knowledge-ques h3 {
	padding-left: 20px;
	width: calc(100% - 102px);
	font-size: 16px;
}
.knowledge-ques {
	padding-right: 20px;
}
.knowledge-wrap {
	padding-bottom: 55px;
}


.down_ul ul li{ float:none; width:100%;}
.down_ul ul li:nth-child(2n+0){ float:none;}
.down_ul ul li .boxs{ max-width:800px;}

}
 @media (max-width: 768px) {
.n_banner {
	height: 18rem;
	margin-top: 70px;
}
.n_banner h3 {
	font-size: 1.75rem
}
.left-nav li {
	width: 32.3333333%;
	margin: 0.5%;
	position: relative;
}
.n-culture {
	padding: 3rem 0
}
.title002 h3 {
	font-size: 1.75rem !important
}
.title002 {
	margin-bottom: 2rem
}
.title002 h3 {
	font-size: 1.5rem !important;
	margin-bottom: 1rem;
}
.about_two_ul li {
	width: 49%;
	margin-bottom: 2%;
}
.about_two_ul li:nth-child(2n+0) {
	margin-right: 0;
}
.horlist li {
	width: 31.33%
}
.video_ul ul li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.video_ul ul li:nth-child(3n+0) {
	margin-right: 2%;
}
.video_ul ul li:nth-child(2n+0) {
	margin-right: 0;
}
.video_ul ul li .p {
	font-size: 13px;
	line-height: 22px;
	height: 44px;
}
.video_ul ul li .h3 {
	margin-top: 15px;
	font-size: 15px;
	line-height: 22px;
	height: 22px;
}
.popupVideo .video_t {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}
.popupVideo .close {
	top: 13px;
	right: 13px;
}
/*.knowledge-left{
        width: 48px;
    }*/
.knowledge-ques {
	padding-right: 10px;
	height: auto;
}
.knowledge-ques h3 {
	padding-left: 10px;
	width: calc(100% - 82px);
	font-size: 16px;
}
.knowledge-anwer {
	padding-left: 20px;
	padding-right: 20px;
}
}
 @media (max-width: 680px) {
.n_about {
	padding: 3.25rem 0;
}
.n_about .tt {
	margin-bottom: 2rem;
}
.n_about .tt p {
	font-size: 3.25rem;
}
.n_about .tt h3 {
	font-size: 1.25rem;
margin-top: .5rem;
}
.n_about .con {
	line-height: 2rem;
}
.left-nav li {
	width: 49%;
	margin: 0.5%;
}
.about_two_ul li .txts {
	margin-bottom: 10%;
}
.about_two_ul li .txts .p2 {
	font-size: 14px;
	line-height: 26px;
	height: 52px;
}
.horlist li {
	width: 48%
}
.popupVideo .video_t {
	font-size: 15px;
	height: 44px;
	line-height: 44px;
	padding-left: 12px;
}
.popupVideo .close {
	top: 10px;
	right: 10px;
}


.down_ul ul li .txts{padding-left: 4%;  margin-left: 4%; width: calc(96% - 118px); width: -webkit-calc(96% - 118px); width: -moz-calc(96% - 118px);}

}
 @media (max-width: 480px) {
.n_about {
	padding: 3.25rem 0;
}
.n_about .tt {
	margin-bottom: 2rem;
}
.n_about .tt p {
	font-size: 3.25rem;
}
.n_about .tt h3 {
	font-size: 1.25rem;
margin-top: .5rem;
}
.n_about .con {
	line-height: 2rem;
}
.left-nav li {
	width: 99%;
	margin: 0.5%;
}
.about_two_ul {
	margin-top: 5%;
}
.about_two_ul li .txts .p2 {
	font-size: 13px;
	line-height: 22px;
	height: 44px;
	margin-top: 1%;
}
.about_two_ul li .txts .h3 {
	height: 32px;
	line-height: 32px;
}
.horlist ul {
	margin-right: 0
}
.horlist li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%
}
.video_ul ul li .h3 {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
}
.video_ul ul li .p {
	font-size: 12px;
	margin-top: 5px;
	line-height: 20px;
	height: 40px;
}
.video_ul ul li i {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
}
.popupVideo .video_t {
	font-size: 14px;
}
.kehu_ul ul li {
	width: 31.33333333%;
	margin-right: 2%;
}
.kehu_ul ul li:nth-child(3n+0) {
	margin-right: 0;
}
.kehu_ul ul li:nth-child(4n) {
	margin-right: 2%;
}
.kehu_ul ul li:nth-child(4n+0) {
	margin-right: 2%;
}
.inav-on li a {
	font-size: 16px;
}

.down_ul ul li .imgs{ width:90px; height:93px;}
.down_ul ul li .txts{width: calc(96% - 90px); width: -webkit-calc(96% - 90px); width: -moz-calc(96% - 90px);}
.down_ul ul li .h3{ line-height:26px; height:52px; font-size:18px;}
.down_ul ul li .nmores{ margin-top:10px; margin-bottom:6px;}
.down_ul ul li .nmores a{ font-size:14px;}


}

 @media (max-width: 420px) {
.about_two_ul li {
	width: 100%;
	margin-bottom: 4%;
}
.about_two_ul li:nth-child(2n+0) {
	margin-right: 0;
}


.down_ul ul li .h3{ font-size:16px;}
.down_ul ul li .date{ font-size:13px; height:24px; line-height:24px;}
.down_ul ul li .imgs{ margin-top:30px;}

}
 @keyframes warn {
 0% {
 transform: scale(0);
 opacity: 0.0;
}
 25% {
 transform: scale(0.3);
 opacity: 0.7;
}
 50% {
 transform: scale(0.5);
 opacity: 1.0;
}
 75% {
 transform: scale(0.8);
 opacity: 0.7;
}
 100% {
 transform: scale(1);
 opacity: 0;
}
}
@-webkit-keyframes "warn" {
 0% {
 -webkit-transform: scale(0);
 opacity: 0.0;
}
 25% {
 -webkit-transform: scale(0.3);
 opacity: 0.7;
}
 50% {
 -webkit-transform: scale(0.5);
 opacity: 1.0;
}
 75% {
 -webkit-transform: scale(0.8);
 opacity: 0.7;
}
 100% {
 -webkit-transform: scale(1);
 opacity: 0;
}
}