@charset "utf-8";

.news {

	width: 1400px;

	margin: auto;

}

/*公司新闻*/

.new_top {

	overflow: hidden;

	position: relative;

	margin-bottom: 40px;

}

.new_top .left {

	float: left;

	width: 58%;

	position: relative;

}

.new_top .left .new_time {

	position: absolute;

	top: 20px;

	left: 20px;

	color: #fff;

	line-height: 3.5em;

	background: rgba(10,111,194,0.5);

	padding: 10px;

}

.new_top .left .new_time b {

	float: left;

}

.new_top .left .new_time em {

	margin-left: 3px;

}

.new_top .left .new_time i, .new_top .left .new_time em {

	float: left;

	margin-top: -10px;

}

.new_top .right {

	float: left;

	width: 44%;

	position: absolute;

	right: 0;

	background: url(../images/newbg.png) repeat;

	margin-top: 30px;

	min-height: 190px;

}

.newtopin {

	padding: 60px;

	color: #fff;

}

.newtopin h1 {

	margin-bottom: 25px;

	font-weight: normal;

}

.newtopin h1 a {

	color: #fff;

	line-height: 1.3em;

	max-height: 2.6em;

	display: block;

	overflow: hidden;

}

.newtopin p {

	line-height: 1.5em;

	max-height: 4.5em;

	overflow: hidden;

}

.new_more {

	margin-top: 35px;

}

.new_more a {

	display: block;

	width: 120px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	background: #fff;

	color: #0069bf;

}

.list_article {

}

.list_article li {

	height: 196px;

	padding: 40px 0px;

	border-bottom: 1px dashed #f5f5f5;

	transition: 0.3s all ease;

	position: relative;

}

.list_article li:after {

	content: '';

	display: block;

	width: 1920px;

	background: #f5f5f5;

	transition: 0.6s all ease-in-out;

	transform: scaleX(0);

	left: -360px;

	position: absolute;

	top: 0;

	height: 100%;

}

.list_article li:hover:after {

	transform: scaleX(1);

}

.list_article li * {

	position: relative;

	z-index: 2;

}

.list_article li .main_pic img {

	width: 276px;

	max-height: 196px;

}

.list_article li .news_con {

	margin-left: 50px;

	width: 64%;

}

.list_article li .news_con h3 {

	font-size: 24px;

	padding-top: 30px;

	color: #333;

}

.list_article li .news_con p {

	font-size: 16px;

	padding-top: 30px;

	color: #666;

	line-height: 30px;

}

.list_article li span strong {

	font-size: 28px;

	display: block;

	color: #0069bf;

	font-weight: normal;

	font-family: arial;

	line-height: 40px;

}

.list_article li span {

	font-size: 48px;

	color: #0069bf;

	padding-top: 45px;

	line-height: 55px;

	font-family: arial;

	font-weight: bold;

	text-align: left;

}

.news_in_page {

	padding: 0 0 50px 0;

}

.fnt_48 {

	font-size: 48px;

}

.fnt_24 {

	font-size: 23px;

}

.news-title h2 {

	font-size: 20px;

	padding-bottom: 15px;

}

.page {

	margin: 0 auto;

	width: 1400px

}

.pagingNav {

	padding: 5px 30px;

	margin-bottom: 80px;

}

.pagingNav p {

	height: 30px;

	line-height: 30px;

}

.pagingNav .uls {

	margin-top: -30px;

	overflow: hidden;

}

.pagingNav .uls a {

	float: left;

	margin-left: 5px;

	padding: 0 10px;

	height: 28px;

	line-height: 28px;

	border: 1px solid #ccc;

	text-decoration: none;

	float: left

}

.pagingNav .uls a:hover, .pagingNav .uls a.cur {

	background-color: #0069bf;

	border-color: #0069bf;

	color: #fff;

}

.pagingNav .uls .tBtn:hover {

	background-color: inherit;

	color: inherit;

*background-color:transparent;

*color:#666;

}

.plc {

	line-height: 70px;

	height: 70px;

	background: #fff;

}

.plc > .page {

	position: relative;

	height: 100%;

}

.plc .fr:after {

	content: '';

	display: block;

	clear: both;

}

.plc .fr a, .plc .fl p {

	font-size: 16px;

	color: #3a3a3a;

	line-height: 70px;

	height: 70px;

	font-weight: 100;

}

.plc .fr a {

	display: inline-block;

	line-height: 70px;

	padding: 0 2px;

}

.plc .fr a:hover {

	color: #3a3a3a;

}

.plc .fr p {

	float: left;

	font-size: 16px;

	font-weight: 100;

}

.plc .fr .index_plc {

	width: 32px;

	height: 32px;

	padding: 19px;

	float: left;

	transition: 0.3s all ease-in-out;

	position: relative;

}

/*.plc .fr .index_plc:hover{ background: #0069bf; }*/

.plc .fr .index_plc img {

	width: 100%;

	height: 100%;

	display: block;

}

.art-title {

	text-align: center

}

.art-title .h6 {

	margin: 20px auto;

	padding-bottom: 10px;

	font-size: 28px;

	font-weight: 700;

	color: #555

}

.art-title .basic-list {

	height: 55px;

	line-height: 55px;

	background: #f7f7f7

}

.art-title .basic-list a, .art-title .basic-list span {

	display: inline-block;

	display: inline;

	margin: 0 45px;

	color: #555;

	font-size: 18px

}

.art-title .basic-list span.print img {

	margin-top: 20px

}

.art-text-box {

	margin: 0 auto;

	padding: 20px 0

}





.pager-close {

    padding: 20px 0 160px;

    border-top: 1px solid #ddd

}



.pager-close .pager-left {

    float: left;

    width: 70%;

    line-height: 2

}



.pager-close .pager-left p span {

    font-size:20px;

}



.pager-close .pager-left p a {

    color: #383842

}



@media only screen and (min-width: 1025px) {

    .pager-close .pager-left p a:hover {

        color:#0069bf

    }

}



@media only screen and (max-width: 640px) {

    .wraper { width: auto !important;padding: 20px;}

    .header_nav .header_right {

        display: none !important;

    }

}



.pager-close .close-right {

    float: right;

    width: 30%; margin-top:20px;

    text-align: right

}



.pager-close .close-right a {

    display: inline-block;

    *display: inline;

    color: #fff;

    background: #0069bf;

    padding: 5px 20px; font-size:20px;

    border-radius: 2px

}

.fi2{ font-size:20px; line-height:38px; padding:50px 100px; ;}
.fi2 p{margin-bottom:10px; letter-spacing:1px;}
.fi2 p img{  display:block; margin: auto; padding-top:10px; padding-bottom:10px;} 





.platform{margin-bottom:40px;}

.platform .left{float:left;width:50%;*margin-left:-1px;}

.platform .right{float:left;width:50%;*margin-left:-1px; background:#0069bf; color:#fff;}

.platform .right .plat_form{padding:50px 55px; line-height:31px;}

.platform .right .plat_form h1{margin-bottom:20px;}

.platform .right .plat_form ul li{line-height:28px;}

.platform .right .plat_form a{color:#fff;}

.plat_text{margin-top:20px;}



@media only screen and (max-width:1200px) {

.platform .right .plat_form{padding:30px;}

}

@media only screen and (max-width:1024px) {

.platform .right .plat_form h1{margin-bottom:10px;}

.plat_text{margin-top:10px;}

}

@media only screen and (max-width:768px) {

.platform .left,.platform .right{width:100%;}

.platform .right .plat_form{padding:20px; padding-bottom:30px;}

.platform .right,.platform .right .plat_form{height:auto !important;}



}







/*联系我们*/

.contant{margin-bottom:20px;}

.add_list {margin-bottom:60px;}

.add_list ul{overflow:hidden; margin:0 -15px;}

.add_list li{float:left; width:50%;*margin-left:-1px; margin-bottom:25px;}

.add_list li .add_in{ margin:0 15px; border:1px solid #dddddd; border-top:4px solid #0069bf; padding:25px 40px;}

.add_list li h1{color:#0069bf;}

.add_list li h2{margin:20px 0; color:#2a2a2a;}

.add_list .add_p{line-height:24px;}

.add_list .add_p p{margin-bottom:5px;color:#707070;}

.add_list .add_p p a{color:#707070;}

.add_list .add_p p a:hover{color:#0069bf;}

@media only screen and (max-width:1280px) {

.add_list li .add_in{padding:20px;}

.add_list ul{margin:0 -10px;}

.add_list li .add_in{margin:0 10px;}

}

@media only screen and (max-width:768px) {

.add_list li{width:100%;}

.add_list li .add_in{padding:20px;}

.add_list ul{margin:0;}

.add_list li .add_in{margin:0;}

.add_list li h2{margin:10px 0;}

.add_list{margin-bottom:30px;}

}

@media only screen and (max-width:540px) {

.add_list li .add_in{padding:20px 10px;}

}



/*最新公告*/

.notice{padding-bottom: 130px;}

.notice ul{overflow: hidden; margin: 0 -15px;}

.notice li{float: left;*margin-left: -1px; width: 50%;  margin-bottom: 30px;}

.notice li .notice_in{margin: 0 15px; background: #f5f5f5; overflow: hidden; padding:30px 35px;border: 1px solid transparent;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}

.notice li .notice_in em{float: left; margin-right: 20px;}

.notice li .notice_in .right{float: left; width: 92%}

.notice li .notice_in .right h1{line-height: 1.3em; height: 2.6em; overflow: hidden; font-weight:normal;}

.notice li .notice_in .right .fnt_24 a{

    font-size: 16px;

}

.pdf_down{margin-top: 15px;}

.pdf_down a{display: block; width: 105px; height: 36px; line-height: 36px; text-align: center; background: #0069bf; color: #fff; border-radius: 4px;}

.pdf_down a img{margin-right: 10px; vertical-align: middle; margin-top: -2px;}



.notice_tz li .notice_in{padding:15px 30px;}

.notice li:hover .notice_in{background: #fff; border: 1px solid #0069bf;}

@media only screen and (max-width:1366px) {

.notice li .notice_in .right{width: 90%}

}



@media only screen and (max-width:1140px) {

.notice li .notice_in .right h1{line-height: 1.5em; height: 3em;}

.notice li .notice_in .right{width: 88%}

.notice li .notice_in{padding: 20px;}

.notice ul{margin: 0 -5px;}

.notice li .notice_in{margin: 0 5px;}

}

@media only screen and (max-width:900px) {

	.notice li .notice_in .right{width: 86%}



}

.wraper{width: 1400px; margin: auto}

@media only screen and (max-width:768px) {

.notice{padding-bottom:40px;}	

.notice li{width: 100%}

.notice ul{margin: 0;}

.notice li{margin-bottom:20px;}

.notice li .notice_in{margin: 0}

.notice li .notice_in .right{width: 92%}

.pdf_down a{float: right;}

.pdf_down{overflow: hidden; margin-top: 20px;}

.notice li .notice_in .right h1{max-height: 3em; height: auto;}

.notice li .notice_in .right h1{font-size: 14px; margin-top: 4px;}

.pdf_down a{width: 90px; height: 32px; line-height: 32px;}

}



@media only screen and (max-width:640px) {

.notice li .notice_in em{margin-right: 10px;}

.notice li .notice_in{padding: 20px 10px;}

}



@media only screen and (max-width:540px) {

.notice li .notice_in .right{width: 87%}



}

.fnt_18 { font-size:18px;}



/*证¹¦*/

.list_case_ul li {

    float: left;

    width: 32%;

    margin-right: 2%;

    margin-bottom: 30px;

    position: relative;

}



.list_case_ul li:nth-child(3n) {

    margin-right: 0px;

}



.list_case_ul li .main_pic {

    height: auto;

    position: relative;

    overflow: hidden;

    width: 100%;

}



.list_case_ul li .main_pic:after{content: '';

display: block;

width: 100%;

height: 100%;

background: #0069bf url(../images/a22.png) no-repeat center;

position: absolute;

z-index: 3;

opacity: 0.8;

left: 0;

top: -100%;

transition: 0.3s all ease;}

.list_case_ul li:hover .main_pic:after{top: 0;}

.list_case_ul li .main_pic img {

    transition: 0.5s;

    width: 100%;

    height: auto;

    display: block;

}



.list_con {

    padding-left: 35px;

    width: 75%;

}



.list_con h4 {

    transition: 0.5s;

    font-size: 16px;

    color: #333;

    /* padding-top: 25px; */

    padding-top: 37px;

    text-align: left;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.list_con p {

    font-size: 14px;

    color: #999;

    padding-top: 13px;

}



.list_case_cen i {

    transition: 0.5s;

    display: block;

    margin-right: 33px;

    margin-top: 36px;

    width: 24px;

    height: 26px;

    background: url(../images/jiahao.png) no-repeat center;

    transform: rotate(0deg);

}



.list_case_ul li:hover i {

    background: url(../images/jiahao_on.png) no-repeat center;

    transform: rotate(180deg);

}



.list_case_ul li:hover h4 {

    color: #0069bf;

}



.list_case_cen {

   background:#f0f0f0;

    border-top: 0px;

    height: 93px;

}



.list_case_ul li:hover .main_pic img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.list_case {

}

.corp_in_page{background:#f5f5f5} 



#jquery-overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }



#jquery-lightbox{ position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }



#jquery-lightbox a img{ border:none; }



#lightbox-container-image-box{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }



#lightbox-container-image{ padding:10px; }



#lightbox-loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }



#lightbox-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }



#lightbox-container-image-box > #lightbox-nav{ left:0; }



#lightbox-nav a{ outline:none; }



#lightbox-nav-btnPrev,



#lightbox-nav-btnNext{ width:49%; height:100%; zoom:1; display:block; }



#lightbox-nav-btnPrev{ left:0; float:left; }



#lightbox-nav-btnNext{ right:0; float:right; }



#lightbox-container-image-data-box{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }



#lightbox-container-image-data{ padding:0 10px; color:#666; }



#lightbox-container-image-data #lightbox-image-details{ width:70%; float:left; text-align:left; }



#lightbox-image-details-caption{ font-weight:bold; }



#lightbox-image-details-currentNumber{ display:block; clear:left; padding-bottom:1.0em; }



#lightbox-secNav-btnClose{ width:66px; float:right; padding-bottom:0.7em; }

.link {display: none !important;}





.notice_tab{overflow: hidden; margin-bottom: 30px; position: relative;}

.notice_tab .bx_shiC01{overflow: hidden; height:auto; width: 100%; margin:0 -4px;}

.notice_tab .bx_shiC01 li{margin-bottom: 10px;width: 16.666%;*margin-left: -1px;cursor: pointer;position: relative;text-align: center; float: left;}

.notice_tab .bx_shiC01 li a{display: block; text-align: center; height:40px; line-height: 40px; margin:0 10px; border:1px solid #DEDEDE; text-transform: uppercase; margin:0 4px;}



.notice_tab .bx_shiC01 li.cur a{ background: #0069bf; color: #fff;}



@media only screen and (min-width:1024px) {

.bx_shiC01 li a:hover{background: #0069bf;color: #fff;}

}

@media only screen and (max-width:990px) {

.notice_tab .bx_shiC01 li{ width: 20%}



}



@media only screen and (max-width:768px) {

.notice_tab .bx_shiC01 li{ width:25%}

}

@media only screen and (max-width:640px) {

.notice_tab .bx_shiC01 li{ width:50%}

}





/*人才招聘*/

.rczp{position:relative;z-index:2; margin-bottom:70px;}

.rczp .conleft{width:360px}

.rczp .conleft h3{margin-bottom:45px;font-weight:400}

.rczp .conleft h3 em{display:block;font-size:14px;color:#979797;margin-bottom:14px}

.rczp .conleft h3 span{display:block;font-size:24px;color:#333}

.rczp .conleft .box{background:#0069bf;position:relative}

.rczp .conleft .box .embg{width:0;height:0;border:6px solid #0069bf;border-right:none;border-top-color:#f4f4f4;position:absolute;left:0;top:-6px}

.rczp .conleft dl{position:relative;color:#fff;border-bottom:1px solid #f4f4f4; padding:5px 12px 13px 17px;}

.rczp .conleft dl dt{font-size:19px;margin-bottom:10px;padding-top:18px; padding-left:62px; font-weight:bold;}

.rczp .conleft dl dt em{display:block;width:32px;height:32px;position:absolute;left:40px;top:24px}

.rczp .conleft dl dd{ line-height:26px;}

.rczp .conright{width:1005px;padding-top:30px}

.rczp .conright .ulTop{border-bottom:1px solid #f6f6f6}

.rczp .conright .ulTop li{float:left;background:#f4f4f4;height:70px;line-height:70px;text-align:center;color:#666;border-right:1px solid #f6f6f6;font-size:20px;}

.rczp .conright .ulTop li.li1{width:29%;text-align:left;text-indent:40px}

.rczp .conright .ulTop li.li2{width:13.7%}

.rczp .conright .ulTop li.li3{ width: 30%;}

.rczp .conright .ulTop li.li4{width: 26%;}

.rczp .conright .conbox .conTop{height:69px;background:#fff;border-bottom:1px solid #f6f6f6}

.rczp .conright .conbox .conTop li{float:left;height:69px;line-height:69px;text-align:center;color:#666;font-size: 16px;/*color:#0069bf !important;*/}

.rczp .conright .conbox .conTop li.li1{width:30%;font-size:20px;color:#333;position:relative;text-align:left;text-indent:40px;cursor:pointer}

.rczp .conright .conbox .conTop li.li2{width:13.7%}

.rczp .conright .conbox .conTop li.li3{width:30%}

.rczp .conright .conbox .conTop li.li4{width:26%;text-align:left;text-indent:50px;background:url(../images/rczpicon088.png) no-repeat 135px center;cursor:pointer}

.rczp .conright .conbox .conTop li.li1 em{display:none;width:0;height:0;border:7px solid #fff;border-bottom:none;border-left-color:#f0f0f0;border-right-color:#f0f0f0;position:absolute;left:90px;top:69px}

.rczp .conright .conbox .boxBot{display:none;background:#f0f0f0;padding:30px 40px;font-size:16px;line-height:24px}

.rczp .conright .conbox.cur .conTop li.li1 em{display:block}

.rczp .conright .conbox.cur .boxBot{display:block}

.rczp .conright .conbox .boxBot .p1{font-size:16px;color:#333;margin-bottom:15px}

.rczp .conright .conbox .boxBot p { word-break: break-word; font-size: 16px; line-height:30px;}

.rczp .conright .conbox .boxBot ol{list-style:decimal;margin-left:15px;margin-bottom:45px}

.rczp .conright .conbox .boxBot ol li{list-style:decimal;margin-bottom:10px}

.rczp .conright .conbox .zxsq{display:block;height:53px;line-height:53px;width:153px;background:#7E3C93;text-align:center;color:#fff}

.rczp .conleft .HRxx{background:#fff;margin-top:20px;padding-left:35px;padding-bottom:30px;color:#333}

.rczp .conleft .HRxx h4{padding-top:30px;background:url(../images/hrxx.png) no-repeat 240px 25px;padding-bottom:23px;color:#0069bf;font-size:24px;font-weight:400}

.rczp .conleft .HRxx .p1{font-size:16px;margin-bottom:10px}

.rczp .conleft .HRxx .p2{font-size:16px}

.rczp .conleft .HRxx .p2 a{color:#333;}

.rczpBox {overflow:hidden; background: #fff; padding-bottom: 20px;}

.rczpBox .zp_search{ overflow:hidden; margin-bottom:30px; margin-top:30px;}

.rczpBox .zp_search select{ display:block; float:left; width:145px; height:33px; line-height:33px; border:1px solid #cecece; margin-right:10px; font-size:14px; color:#999; padding-left:10px;}

.rczpBox .zp_search .sosou{ float:left; background-color:#fff;}

.rczpBox .zp_search .sbox{width:425px;height: 33px;line-height: 33px;float:right;font-size: 16px;color: #666;}

.rczpBox .zp_search .sbox a{ color:#000;}

.rczpBox .zp_search i{ display:block; width:60px; height:31px; border:1px solid #ccc; float:right; background:url(../images/zhaopin01.png) no-repeat center; cursor:pointer;}

.rczpBox .zpList{ overflow:hidden; width:100%}

.rczpBox .zpList li{ width:100%; overflow:hidden; margin-bottom:5px;}

.rczpBox .zpList li .h5{ cursor:pointer; padding-left:20px;  line-height:50px; height:50px; background:url(../images/zhaopin02.png) no-repeat 1100px center;background-color:#ebebeb;}

.rczpBox .zpList li .h5 span{font-size:16px;color:#333;font-weight:bold;display:block;width:300px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;}

.rczpBox .zpList li .h5 em{font-size:14px;color:#666;display:block;width: 280px;float:left;}

.rczpBox .zpList li:hover .h5 span,.rczpBox .zpList li.cur .h5 span,

.rczpBox .zpList li:hover .h5 em,.rczpBox .zpList li.cur .h5 em{ color:#fff}

.rczpBox .zpList li:hover .h5,.rczpBox .zpList li.cur .h5{background-color:#0069bf;}

.rczpBox .zpList .zwjs{ overflow:hidden; width:1158px; border:1px solid #e7e7e7; margin-bottom:8px; display:none; background-color:#fff; padding-top:50px;}

.rczpBox .zpList .zwjs h4{ font-size:20px; color:#333; margin-bottom:20px;}

.rczpBox .zpList .zwjs table{ overflow:hidden; width:100%; margin-bottom:40px;}

.rczpBox .zpList .zwjs tr{ overflow:hidden; height:40px; font-size:14px; color:#777; width:100%; text-align:center; border-bottom:1px solid #e7e7e7}

.rczpBox .zpList .zwjs .trh{ overflow:hidden; background-color:#f0f0f0;}

.rczpBox .zpList .zwjs td{ border-right:1px solid #e7e7e7}

.rczpBox .zpList .zwjs td.last{ border:none}

.rczpBox .zpList .zwjs .rzzg{ overflow:hidden; width:1000px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #e7e7e7; margin-bottom:25px;}

.rczpBox .zpList .zwjs .rzzg h6{ font-size:14px; color:#555; margin-bottom:15px;}

.rczpBox .zpList .zwjs .rzzg p{ font-size:14px; color:#777; line-height:30px;}

.rczpBox .zpList .zwjs span{ display:block; margin-bottom:70px; font-size:14px; color:#777; margin-left:100px;}

.rczpBox .zpList .zwjs span em{ color:#0069bf;}

.rczpBox .zpList .zwjs b{ display:block; cursor:pointer; font-weight: normal; font-size:14px; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; background-color:#0069bf; margin-left:100px; margin-bottom:40px;}

.tkBoxRecruitment{ overflow:hidden; width:100%; height:100%; background:url(../images/dsz06_tuwen.png) repeat center; position:fixed; left:0; top:0; display:none;z-index: 9;}



.erji_menu {width:120px;z-index: 1111;top: 71px; float:left;}

.erji_menu ul li a{ display: block; text-align: center; font-size: 14px; color: #fff; line-height: 50px; margin-bottom: 1px; background:#3f3f3f; transition:0.3s all ease-in-out;font-weight: 100;}

.erji_menu ul li a:hover{background:#0069bf;}



.erji_menu ul li.cur a{background:#0069bf; }



.lhf{font-size:18px; padding:10px 0 50px 0; line-height:34px;}





/*合作*/

.hzkh_ul2{ overflow:hidden;}

.hzkh_ul2 li { width:168.7px; height:80px; line-height: 164px; float: left; border-top: 0px; }



.hzkh_ul2 li img { transition: 0.3s; width:150px; height:63px; padding:5px 0; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);}



.hzkh_ul2 li:hover img { filter: grayscale(100%);box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  }



.hzkh_ding { top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; transition: 0.3s; }



.hzkh_ul2 li:hover .hzkh_ding { opacity: 0; }



.l_font_h3 { font-size:25px; padding:2% 4%;	line-height:90px; text-align: center;}

.h7em{ font-size:18px; line-height:36px; padding-top:5px; height:120px;}



.solu_banner{position: relative;}

.solu_banner img{max-width: 100%;}

.solu_banner .txt{ position: absolute;left: 0;top:0; width:100%; height: 100%; color:#fff;}

.solu_banner .txt .inner{padding:10.5% 5% 5% 6%;}

.solu_banner .txt h6{line-height: 1;margin-bottom:25px; font-weight: normal; font-size:35px;}

.solu_banner .txt h6 span{display: block; width:60px;height:22px; border-bottom:1px solid #fff;}

.solu_banner .txt .c{color: #e9e9e9;max-height: 3.6em; line-height: 1.8em; font-size:17px;}

.solu_list{margin-bottom:3%;}

.solu_list li{margin-top:3%; background:#f7f7f7; float: left; width:100%;}

.solu_list li .txt,.solu_list li .img{float:left;width:50%;}

.tran_scale{overflow: hidden;}

.tran_scale img {

	transition: 1000ms all;

	-webkit-transition: 1000ms all;

	width: 100%

}

.tran_scale:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1)

}



.solu_list li .txt{padding:6% 4% 6%; width:42%;}

.solu_list li .txt span{color:#3F7AAC;}

.solu_list li .txt h2{margin:15px 0;}

.solu_list li .txt h2{color:#242424; font-size:36px;}

.solu_list li .txt h2:hover{ color:#0069bf;}

.solu_list li .txt .c{color:#666; font-size:20px; line-height:34px;}



.solu_list li.current{background: #d9d9d9;}

.solu_list li.current .txt{float: right;}





.solu_hot{padding-top: 4%}

.solu_hot .inpart_text{ margin-bottom: 50px;}



.solution-conts{}

.solu_box01 .inpart_text{margin-bottom: 50px;} 

.solu_box01{ text-align: center; margin-bottom: 4%;}

.solu_box01 h1 span{display: block; margin:0 auto; width:60px;height:15px; border-bottom:1px solid #0069bf;}

.solu_box01 .c{margin:20px 0 30px;}

.solu_box01 .btn_01{ display: block; margin-top: 30px;}

.solu_box01 .btn_01 a{background: #004C93; display: inline-block;zoom:1; *+display: inline;color:#fff; padding:7px 15px; border-radius: 5px;}



/*服务*/

.service-one {

    height: 824px;

    background: url(../images/service-map.jpg) no-repeat center #f5f5f5;

}

.service-one .left {

    float: left;

    padding-top:100px;

}

.service-one .left h3 {

    font-size: 62px;

    color: #333;

    line-height: 1;

}

.service-one .left .p1 {

    font-size: 24px;

    margin-top: 18px;

}

.service-one .left .p2 {

    margin-top: 5px;

    font-size:28px;

    color: #0069bf;

}

.service-one .left .com-zx {

    margin-top: 370px;

    background: #0069bf;

    border-color: #0069bf;

}

.service-one .right {

    float: right;

}

.service-one .right .num-scroll-two {

    width: auto;

    padding: 110px 0 0;

}

.service-one .right .num-scroll-two li {

    display: block;

    padding: 40px 0; 

    min-width: 100%;

    width: auto;

    position: relative;

}

.service-one .right .num-scroll-two li ~ li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    border-top: 1px solid #dbdbdb;

}

.service-one .right .num-scroll-two li .cont {

    text-align: center;

}

.service-auto {

    text-align: center;

    padding: 125px 0 145px;

}

.com-tit-18 {

    font-size: 18px;

    color: #333;

}

.service-auto-list {

    margin-top: 130px;

    font-size: 0;

    text-align: center;

}

.service-auto-list li .pic {

    display: inline-block;

    width: 104px;

    height: 104px;

    line-height: 104px;

    font-size: 0;

    background: #2d2f2d;

    border-radius: 50%;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}

.service-auto-list li h5 {

    margin-top: 25px;

    font-size: 22px;

    color: #333;

}

.service-auto-list li p {

    font-size: 16px;

    color: #666;

}

.service-auto-list li .more {

    margin-top: 25px;

    display: inline-block;

    font-size: 14px;

    color: #666;

    border-bottom: 1px solid #9c9c9c;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.service-auto-list li .box:hover .pic {

    background: #ff651c;

    box-shadow: 0 0 20px rgba(0,0,0,0.2)

} 

.com-width { margin-right: auto; margin-left: auto; width: 1400px; }

.service-auto-list li .box:hover .more {

    color: #ff651c;

    border-color: #ff651c;

    padding: 0 10px;

} 

.service-support {

    padding-top: 85px;

    background: #f5f5f5;

}



/*数字滚动 风格2*/

.num-scroll-two {

    text-align: center;

    font-size: 0;

}



.num-scroll-two li {

    display: inline-block;

    width: 25%;

    padding: 0 40px;

    color: #fff;

    font-size: 18px;

    min-width: 162px;

}





.num-scroll-two li .num {

    margin-right: 5px;

    font-size: 82px;

    font-family: "Geometric 415 Black BT","Impact", "Microsoft Yahei";

    line-height: 1;

}

.num-scroll-two.inner {

    padding: 70px 0;

}

.num-scroll-two.inner li {

    color: #666;

}

.num-scroll-two.inner li .num {

    color: #333;

}

.num-scroll-two li .cont {

    display: inline-block;

    text-align: left;

}

.num-scroll-two li .num-tit {

    color: #e9e9e9;

}

.num-scroll-two.inner li .num-tit {

    color: #666;

}



.global {

 font-size:26px; padding: 5% 5% 5%; margin-top: 30px; line-height:44px; font-weight:bold;

}





/**/

.idea{margin-bottom: 80px;}

.idea_park01 ul{}

.idea_park01 li{float: left;*margin-left: -1px; width: 50%; position: relative;}

.idea_park01 li .ideatext{position: absolute; bottom:0px; left: 0; color: #fff;margin: 55px;  overflow: hidden; min-height: 320px;}

.idea_park01 li .ideatext h1{margin-bottom: 20px; font-weight:normal; font-size:38px;}

.idea_park01 li:first-child .ideatext .idea_p { line-height:38px;}

.idea_p { line-height:25px;}





/*合作*/

.gsgk_main5 {width: 100%;/* background: url(../images/zjtj_img8.jpg) no-repeat; */}

.gsgk_main5_l h3 { font-size: 36px; line-height: 1; display: inline-block; color:#3a3a3a; padding-right: 30px; background: url(../images/h3_bg1.png) no-repeat right center; margin-bottom: 15px; display: block; width:196px; }

.gsgk_main5_l h4 { font-size: 22px; letter-spacing: -1px; text-transform: uppercase; font-weight: 100; color: #999; }



.gsgk_main5_l {padding-top: 114px; }



.gsgk_main5_l p { font-size: 16px; line-height:30px; color:#4f4f4f; padding-top: 30px; font-family: 'Microsoft JhengHei'; letter-spacing: -1px;}

.gsgk_main5_l p span{ font-size: 14px; color: #ddd; font-family: 'Microsoft JhengHei'; letter-spacing: -0.6px; }



.gsgk_main5 .swiper-container { width: 834px; margin-top:25px; margin-bottom:90px;  }



.gsgk_main5 .swiper-container .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */

    background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }



.gsgk_main5 .swiper-pagination { text-align: center; bottom: 0px; position: absolute; z-index: 99; }



.gsgk_main5 .swiper-pagination-bullet { opacity: 1; border-radius: 100px; margin: 0 7px !important; background-color: #e5e5e5; width: 14px; height: 14px; }



.gsgk_main5 .swiper-pagination-bullet-active { background-color: #f30208; }



.hzkh_ul2{ border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;}

.hzkh_ul2 li { width:168.7px; position: relative; height: 164px; text-align: center; line-height: 164px; float: left; border: 1px solid #eeeeee; border-left: 0px; border-top: 0px; }



.hzkh_ul2 li img {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  width: 120px; height:120px; padding:22px 24px; }



.hzkh_ul2 li:hover img { transition: 0.3s; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }



.hzkh_ding { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); opacity: 1; transition: 0.3s; }



.hzkh_ul2 li:hover .hzkh_ding { opacity: 0; }



/*产品*/



.por{position: relative;}



.pro-select{ height: 205px; padding-top: 30px; background: url(../images/bg_bg09.jpg) no-repeat center; line-height: 20px; color: #c3daf4; z-index: 3;}

.pro-select > .page > p{font-size: 15px;font-weight: 100;color: #c3daf4;display: block;line-height: 26px;padding-bottom: 14px;}

.pro-select .w{ height: 205px; }

.pro-select h2{ margin-bottom: 8px; font-size: 30px; line-height: 50px; color: #fff; }

.pro-select .select{ left: 0; bottom: 32px; width: 1400px; height: 49px; }

.pro-select .box{ width: 685px; height: 45px; border: 2px solid #fff; background: #fff; transition: border 0.5s; position:relative; }

.pro-select .box.hover, .pro-select .box.cur{ border: 2px solid #0069bf; }

.pro-select .tit{ padding-left: 20px; font-size: 14px; line-height: 45px; color: #666; cursor: pointer; height: 47px;position: relative;}

.pro-select .tit p.fl {

    width:600px;

    position: absolute;

    background: #fff;

    font-size: 16px;

    color: #454545;

    font-weight: 100;

}

.pro-select .tit span{ display: inline-block; width: 54px; height: 45px; background: url(../images/bg_sign33.png) no-repeat center; }

.pro-select .tit span.cur{ background-image: url(../images/bg_sign33s.png); }

.pro-select .list{ left: -2px; top: 47px; width: 642px; border: 2px solid #0069bf; border-top: 0; background: #fff; font-size: 14px; line-height: 45px; color: #666; position: absolute;}

.pro-select .list p{ padding: 0 25px; cursor: pointer; transition: all 0.3s; }

.pro-select .list p a{color: #444;display: block;font-size: 14px;}

.pro-select .list p.hover{ color: #fff; background: #0069bf; }

.pro-select .list p.hover a{ color: #fff;  }

.pro-select input {

    width: 520px;

    height: 46px;

    padding: 0 32px;

    border: 0;

    font-size: 14px;

    line-height: 46px;

    color: #666;

}

.pro-select input.submit{ width: 55px; height: 43px; padding: 0; background: url(../images/bg_btn07.png) no-repeat center; }





.pro-list{ padding: 60px 0; background:#f9f9f9; }

.pro-title h2{ font-weight: normal; font-size: 45px; line-height: 56px; color: #515151; text-align: center; }

.pro-title p.en{ height: 28px; background: url(../images/pname01.png) no-repeat center bottom; font-size:17px;

    padding: 10px 0 60px 0;

    text-align: center;

    line-height:30px;}

.pro-list .list{ padding-top: 40px; }

.pro-list .list li{ position: relative; width: 100%; height: auto; background: #fff; margin:0 0 30px 0; display: block; overflow:hidden; }

.pro-list .list li:after{content: '';clear: both;display: block;}

.pro-list .list li.new{ opacity: 0; top: 150px; }

.pro-list .tit{ display: block;  height: 70px;  font-size: 28px; line-height: 70px; color: #343434;  transition: all 0.5s; margin-bottom: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 10px;}

.pro-list .int p{font-size: 18px;color:#515151;font-weight: 100;line-height: 32px;display: block;}

.pro-list .tit.bor-b{ border: 1px solid #0069bf; }

.pro-list .img{  width:600px;height:450px;padding: 0 75px;}

.pro-list .img a,.pro-list .img a img{width: 100%;height: 100%;display: block;}

.pro-list img {

	transition: 1000ms all;

	-webkit-transition: 1000ms all;

	width: 100%

}

.pro-list a:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1)

}



.pro-list .int{ width: 490px; padding: 80px 55px 50px; line-height: 18px; }

.pro-list .btn{ height: 37px;  width: 490px;padding: 0px 55px;}

.pro-list .bor{ border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; transition: border 0.5s; }

.pro-list .bor-b{ border-left: 1px solid #0e7dc7; border-right: 1px solid #0e7dc7; }

.pro-list .btn a{ display: block;    line-height: 26px; color: #666; line-height: 36px;text-align: center;width: 130px;border: 1px solid #ddd;border-radius: 50px;transition: 0.3s all ease;}

.pro-list .list li:hover .btn a{background: #0069bf;border-color: #0069bf;color: #fff;}

.pro-list .list li.sec_list:hover .btn a{background:#3e3e40;border-color:#3e3e40}

.pro-list .sec_list .img{float: right}

.pro-list .btn span{ display: block;   color: #666;font-size: 13px;font-weight: 100;}

.pro-list .list li:hover .btn a span{color: #fff;}

.pro-list a:hover{ color: #fff; background-position: left -26px; }

.pro-list .list li:hover a.tit{ color: #0069bf; }

.pro-list .list li.sec_list:hover a.tit{color: #3e3e40}

.pro-list a:hover span{ background-position: right -26px; }

.pro-list .line{ width: 100%; height: 3px; background: #ededed; clear: both;transition: 0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}

.pro-list .line .in {

    left: 0;

    top: 0;

    width: 0%;

    height: 3px;

    background: #0069bf;

    transition: 0.3s all ease;

    position: absolute;

}

.pro-list .list li.sec_list .line .in{background: #3e3e40}

.pro-list .list li:hover .line .in{width: 100%;}

.pro-list .sign{ left: 0; top: 0; width: 54px; height: 54px; background: url(../images/bg_sign36.png) no-repeat; position: absolute;}

.pro-list .sign.hot{ background-position: 0 -54px; }

.pro-list .loading{ height: 30px; background: url(../images/loading.gif) no-repeat center; }

.pro-list .btns{ height: 45px; margin-top: 35px; }

.pro-list .btns a{ display: inline-block; left: 50%; top: 0; width: 178px; height: 43px; border: 1px solid #0069bf; padding-left: 110px; background: #0069bf; margin-left: -145px; font-size: 18px; line-height: 45px; color: #fff; transition: all 0.5s; }

.pro-list .btns a:hover{ border: 1px solid #040000; background: none; color: #040000; }

.pro-list .btns span.fr{ display: inline-block; width: 30px; height: 30px; margin: 7px 10px 0 0; background: url(../images/bg_sign37.png) no-repeat; display: none; }

.pro-list .btns span.in{ display: inline-block; left: 0; top: 0; width: 30px; height: 30px; background: url(../images/bg_sign38.png) no-repeat; }

.pro-list .out-list{ left: 0; top: 0; z-index: 2; width: 980px; background: #fff; }

.pro-list .out-list .sign{ top: -5px; width: 9px; height: 6px; background: url(../images/bg_sign40.png) no-repeat; }

.pro-list .out-list .tit{ width: 946px; height: 58px; padding-left: 32px; border-bottom: 0; font-size: 14px; line-height: 58px; color: #000; }

.pro-list .out-list .close{ cursor: pointer; }

.pro-list .con-list{ overflow: hidden; width: 100%; min-height: 206px; border: 1px solid #e7e7e6; border-bottom: 3px solid #BABABA; background: url(../images/loading.gif) no-repeat center; }

.pro-list .con-list.bgno{ background: none; }

.pro-list .con-list ul{border-left: 1px solid #e7e7e6; margin-left: -1px; }

.pro-list .con-list li{ position: relative; width: 195px; height: 166px; padding-top: 40px; border: 1px solid #e7e7e6; margin: -1px 0 0 -1px; line-height: 24px; text-align: center; cursor: pointer; transition: border 0.5s; }

.pro-list .con-list li.fi,

.pro-list .con-list li.se,

.pro-list .con-list li.th,

.pro-list .con-list li.fo{ z-index: 2; border: 1px solid #0e7dc7; }

.pro-list .con-list img{ margin-bottom: 40px; }

.pro-list .con-list img.poa{ left: 0; top: 40px; margin: 0; }

.pro-list .con-list .signs{ left: 14px; top: 24px; width: 17px; height: 17px; background: url(../images/bg_sign41.png) no-repeat; filter:alpha(opacity=0); opacity: 0; transition: opacity 0.5s; }

.pro-list .con-list li.fi .signs,

.pro-list .con-list li.se .signs,

.pro-list .con-list li.th .signs,

.pro-list .con-list li.fo .signs{ filter:alpha(opacity=1); opacity: 1; }



/**/

.yfzz_main1 {

    padding-bottom:65px;

}



.yfzz_main1 .wrap1400 {

    position: relative;

}



.yfzz_main1_l {

    width:790px;

  

}



.yfzz_main1_l h3 {

    font-size: 36px;

    color: #333;

    line-height: 1;

    padding-bottom: 20px;

}



.yfzz_main1_l h4 {

    text-transform: uppercase;

    font-size:28px;

    color: #333;

    padding-bottom: 35px;

}



.yfzz_main1_l p {

    font-size:16px;

    color: #333;

    line-height: 33px;

}



.yfzz_main1 .main_pic {

 

}



/*数字滚动 风格2*/

.num-scroll-two1 {

    position: absolute;

    top:421px;

    left: 0px;

    z-index: 2;

    background-color:#0069bf;

    width: 880px;

    height: 220px;

}



.num-scroll-two1 li {

    text-align: left;

    display: inline-block;

    padding: 0 35px;

    color: #fff;

    font-size: 18px;

}



.num-scroll-two1 li .num-cont {

    font-size: 24px;

}



.num-scroll-two1 li .num-tit {

    font-size: 22px;

    color: #fff;

    padding-left: 10px;

    padding-top: 5px;

}



.num-scroll-two1 li .num {

    margin-bottom: 5px;

    font-size: 60px;

    font-family: "Impact", "Microsoft Yahei";

    line-height: 1;

    color: #fff;

}



.num-scroll-two1.bmt li {

    width: 33%;

    text-align: center;

    padding: 0;

    padding-top: 60px;

    font-size: 18px;

    line-height: 1.5;

}



.num-scroll-two1.bmt li .num {

    font-size:48px;

    font-family: Arial;

}



.num-scroll-two1.bmt li .m {

    position: relative;

    top: -8px;    font-style: normal;

    font-weight: normal;

    left: 10px;

}



/*发展*/



.ghsj-page {

	width: 100%;

	background:#e7e6e6;

	padding: 74px 0;

}

.ghsj-page:nth-of-type(2n) {

	background:#fafafa;

}

.ghsj-page .left {

	width:50%;

}

.ghsj-page .rigth {

	width:49%;

}

.ghsj-page h3 {

	font-size: 24px;

	color: #333;

	line-height: 28px;

	margin-bottom: 6px;

	margin-top:54px;

	font-weight: bold;

}

.ghsj-page h6 {

	font-size: 24px;

	color: #333;

	line-height: 28px;

}

.ghsj-page p {

	font-size:15px;

	color: #3f3f3f

}

.ghsj-page i {

	width: 21px;

	height: 21px;

	background: url('../images/ghjs-pages.png') no-repeat;

	display: block;

	margin: 18px 0;

}

.ghjs-dd {

	width: 100%;

	padding-bottom: 78px;

}



.hxys-title{

     width: 100%;

     text-align: center;

     padding:60px 0;

 }

.hxys-title h6{ padding-bottom:30px; font-size:24px;color: #333;font-weight: bold;}

.hxys-title  p{ font-size:17px; line-height:34px; color:#3a3a3a;}

 .hzkh_ul3{ border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;}

.hzkh_ul3 li { width:134.8px; position: relative; height:107px; text-align: center; line-height: 164px; float: left; border: 1px solid #eeeeee; border-left: 0px; border-top: 0px; }



.hzkh_ul3 li img {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  width:120px; height:50px; padding:9px 3px; }



.hzkh_ul3 li:hover img { transition: 0.3s; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }



.hzkh_ding { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); opacity: 1; transition: 0.3s; }



.hzkh_ul3 li:hover .hzkh_ding { opacity: 0; }







.swiper-container .com-next,

.swiper-container .com-prev { width: 60px; height: 60px; top: 50%; margin-top: -30px; border: 1px solid #ddd; z-index: 99; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }



.swiper-container .com-next { right: 0; background: url(../images/product-next.png) no-repeat center; }



.swiper-container .com-prev { left: 0; background: url(../images/product-prev.png) no-repeat center; }



.swiper-container .com-next:hover,

.swiper-container .com-prev:hover { border-color: #0069bf; }



.swiper-container .com-next:hover { background: url(../images/product-next-on.png) no-repeat center; }



.swiper-container .com-prev:hover { background: url(../images/product-prev-on.png) no-repeat center; }

.product-thumb-wrap {

/*background: url(../images/banner_sh2.jpg) no-repeat center;*/

background: url(../images/k2.jpg) no-repeat center / cover;

    padding: 135px 0 65px;



}

.product-thumb-wrap .swiper-slide,.product-thumb-wrap .swiper-wrapper{

  text-align: center;height: auto;

}



.product-thumb-wrap .swiper-pagination-bullet-active{background: #0069bf;}

.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

}



.product-titbar {background: #fff;padding: 50px 0;}



.product_titbar_right {

	position: absolute;

	right: 0;

	top: 0;

}

.product-titbar > .page {

    position: relative;

    width: 1200px;

}

.product_titbar_right a img {

	display: block;

	margin: 0 auto;

	position: relative;

	top: 0;

	transition: 0.3s all ease;

}

.product_titbar_right a {

    float: left;

    text-align: center;

    display: block;

    font-size: 14px;

    color: #343434;

    margin: 0 5px;

    line-height: 28px;

    height: 60px;

    padding: 13px 0;

    width: 100px;

}

.product_titbar_right a:hover img {

	top: -3px;

}

.product_titbar_right a:hover {

	text-decoration: underline;

}

.product-titbar h2{font-size: 36px;font-weight: normal;line-height: 50px;color:#333;display: inline-block;position: relative;}

.product-titbar h2:after{

    content: '';

    display: block;

    width: 308px;

    height: 55px;

    background: url(../images/bit0715.jpg) no-repeat;

    position: absolute;

    right: -320px;

    top: 50%;

    margin-top: -27px;

}

.product-titbar p{display: block;font-size: 18px;font-weight: lighter;line-height: 36px;color: #888;}

.product-contbar {background: #f5f5f5;padding: 80px 0;}

.prod_iconbar > .iconbar_item {



    position: absolute;

    width: 440px;

    padding: 30px 0;



}



.prod_iconbar_bg {



    display: block;

    margin: 0 auto;

    height: 450px;



}



.prod_iconbar > .iconbar_item:nth-child(1){left: 0;top: 0}

.prod_iconbar > .iconbar_item:nth-child(2){right: 0;top: 0;}

.prod_iconbar > .iconbar_item:nth-child(3){left:0;bottom: 0;}

.prod_iconbar > .iconbar_item:nth-child(4){right:0;bottom: 0;}

.prod_iconbar > .iconbar_item:nth-child(2) img,.prod_iconbar > .iconbar_item:nth-child(4) img{float: right;}

.prod_iconbar > .iconbar_item:nth-child(2) strong,.prod_iconbar > .iconbar_item:nth-child(4) strong{text-align: right}



.prod_iconbar {

  position: relative;

}

.prod_iconbar:after{content: '';display: block;clear:both;}

.prod_iconbar > .iconbar_item:after{content: '';display: block;clear: both;}

.prod_iconbar > .iconbar_item img {

    float: left;

    background: #0069bf;

    width: 40px;

    padding: 20px;

    border-radius: 40px;

}

.prod_iconbar > .iconbar_item strong {



    font-weight: normal;

    font-size: 22px;

    display: block;

    line-height: 40px;

    padding: 0 30px;

    float: left;

    width: 300px;



}

.prod_iconbar > .iconbar_item strong p{font-size: 13px;color: #999;display: block;line-height: 20px;}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {



    bottom: 0px;

    left: 0;

    width: 100%;



}



.baner_pro_bottom_text {

	font-size: 24px;

	font-weight: normal;

	clear: both;

	display: block;

	line-height: 60px;

	padding: 30px 25px 0;

}

.product_text_tit {

    font-size: 32px;

    text-align: center;

    line-height: 110px;

    height: 110px;

    background: #fff;

    color: #343434;

}

.product_text_tit .en{color: #aaa;font-weight: normal;font-family: arial;font-size: 22px;padding-right: 30px;position: relative;}

.product_text_tit .en:after{content: '';display: block;width: 20px;height: 20px;position: absolute;background: url(../images/product-text.png) no-repeat center;right: 0;top:3px;transform:rotate(90deg);transition: 0.3s all ease;}

.product_text_cont:after{content: '';display: block;clear:both;}

.product_text_cont p strong{display: block;font-weight: normal;font-size: 19px;color: #343434;line-height: 50px;}

.product_text_cont{padding:0;background: #fff;padding: 30px 0}

.product_text_cont strong{font-size: 17px;color: #454545;display: block;}

.product_text_cont p{font-size: 15px;color: #999;padding: 12px 0 0;float: none;width: 960px;line-height: 14px;margin: 0%;position: relative;line-height: 28px;}

.product_text_cont p:after{content: '';display: block;position: absolute;left: 0;top: 22px;color: #0069bf;border:2px solid #0069bf;width: 5px;height: 5px;border-radius: 50%;text-align: center;line-height: 40px;font-size: 24px;transition:0.3s all ease;display: none;}

.product_text_cont p:hover:after{color: #fff;background: #0069bf;}

/*

.product_text_cont p:nth-child(2):after{content: '2';}

.product_text_cont p:nth-child(3):after{content: '3';}

.product_text_cont p:nth-child(4):after{content: '4';}

.product_text_cont p:nth-child(5):after{content: '5';}

.product_text_cont p:nth-child(6):after{content: '6';}

.product_text_cont p:nth-child(7):after{content: '7';}

.product_text_cont p:nth-child(8):after{content: '8';}

.product_text_cont p:nth-child(9):after{content: '9';}

.product_text_cont p:nth-child(10):after{content: '10';}

*/

.product-info-list ul li{

  float: left;

  font-size:18px;

  padding:10px 2px;

  line-height:50px;

  display:block;

  margin-right:30px;

  position:relative;

  cursor:pointer;

}

.product-info-list ul li:after{content: '';display: block;clear: both;width:0%;height: 2px;background: #0069bf;position: absolute;left: 0;bottom: -1px;transition: 0.3s all ease;}

.product-info-list ul li:hover:after,.product-info-list ul li.on:after{width: 100%}

.product-info-list ul li:hover,.product-info-list ul li.on{color: #0069bf;}

.product-info-list ul:after{content: '';display: block;clear: both;}

.product-info-list{

	padding:30px 0 10px;

width:100%;





display: none;

}

.product-info-list-in {

  width:100%;

  background: #fff;border-bottom: 1px solid #f5f5f5;

  z-index: 333;

}

.product_textbar{padding: 50px 0 110px;}

.product_servbar{padding: 50px 0;}



.product_servbar_tit{font-size: 42px;text-align: center;line-height: 110px;height: 110px;color: #fff;position: absolute;width: 100%;top: 50%;margin-top: -25px;}

.product_servbar_tit .en{color: #ccc;font-weight: normal;font-size: 26px;padding-right: 30px;position: relative;}

.product_servbar_tit .en:after{content: '';display: block;width: 20px;height: 20px;position: absolute;background: url(../images/product-text.png) no-repeat center;right: 0;top:6px;transform:rotate(90deg);transition: 0.3s all ease;}





.product_servbar_form{padding:20px 0;}

.product_servbar_form1 img{display: inline-block;vertical-align: middle;padding-right: 10px;}

.product_servbar_form1 { font-weight:bold;

  line-height: 60px;

  font-size:25px;

  display: block;

}

.product_servbar_cont p {

    font-size:16px;

    line-height:38px;

    font-weight: lighter;

    color: #787878;

    padding: 10px 0px 0px 60px;

}

.inside-banner{background: url(../images/banner_sh.jpg) no-repeat center;width:100%;height: 450px;position: relative;}

.inside2-banner:before{content: '';display: block;clear: both;width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;}

.inside2-banner {

    background: url(../images/BCN_TopBanner.jpg) no-repeat center;

    position: relative;

	height: 600px

}

.prod_servbar_gj {padding: 30px 0;}

.prod_servbar_gj > p{font-size: 15px;font-weight:normal;color: #666;line-height: 32px;}

.prod_servbar_gj > .gj_item{float: left;background: #f5f5f5; width:600px;padding: 50px;border-left: 1px solid #f1f1f1;margin-bottom: 30px;}

.prod_servbar_gj > .gj_item:first-child{border: 0 none;width: 599px;}

.prod_servbar_gj > .gj_item i{display: block;float:left;padding-right: 30px;width: 100px;}

.prod_servbar_gj > .gj_item i img{display: block;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.3s all ease}

.prod_servbar_gj > .gj_item:hover i img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.prod_servbar_gj > .gj_item p{font-size: 16px;line-height: 30px;color: #666}

.prod_servbar_gj > .gj_item p strong{font-weight: normal;font-size: 22px;color: #343434; display: block;}

.prod_servbar_gj > .gj_item p strong.color{color: #0069bf;display:inline-block;padding: 0 5px;}

/*

.pro_wrap {

    padding: 80px 0;

}

.pro_wrap > .page:after{content: '';display: block;clear: both;}

.pro_wrap_item {

  float: left;

  width: 46%;

  margin: 2%;

}

.pro_wrap_item > .img-box{background: #eee;display: block;width: 100%;}

.pro_wrap_item > .img-box > img{width: 100%;height: auto;display: block;}

.pro_wrap_item > .price-box{padding: 20px 0;}

.pro_wrap_item > .price-box h2{font-size: 32px;font-weight: normal;display: block;line-height: 50px;}

.pro_wrap_item > .price-box .pro_wrap_info_des{font-size: 16px;color: #666;line-height: 2em;padding: 10px 0 15px;}

.pro_wrap_item > .price-box .buy{font-size:16px;background:#0069bf;line-height: 45px;display: block;color: #fff;text-align: center;width: 120px;}*/





.pro_wrap {

    padding: 100px 0;

    background: #e5e5e5;

}

.pro_wrap > .page:after{content: '';display: block;clear: both;}

.pro_wrap_item {

  float: none;

  width: 100%;

  position: relative;margin-top: 80px;

  background: #fff;

  box-shadow: 0 0 50px 0px rgba(0,0,0,0.02);

}

.pro_wrap_item:first-child{margin-top:0;}

.pro_wrap_item > .img-box {



    background:#f5f5f5;

    display: block;

    width: 50%;box-shadow:inset 0 0 0 0 #0069bf;transition: 0.3s all ease;position: relative;z-index: 3333333333333333333



}

.pro_wrap_item:nth-child(2n) > .img-box{margin-left: auto;}

.pro_wrap_item > .img-box > img{width: 100%;height: auto;display: block;}

.pro_wrap_item > .price-box{padding: 65px;position: absolute;right: 0;z-index: 333;background: #fff;width: 570px;top: 0;margin-top: 0;transition: 0.3s all ease;height: 395px;}



.pro_wrap_item > .price-box h2{font-size: 30px;font-weight: normal;display: block;line-height: 50px;color: #343434;transition: 0.3s all ease;padding-top: 90px;position: relative;}

.pro_wrap_item > .price-box h2::after {

    content: '';display: block;position: absolute;width: 320px;height: 60px;background: url(../images/qinxuanex.png) no-repeat center center/ 320px;top: 0;left: 0;

}

.pro_wrap_item > .price-box .pro_wrap_info_des{font-size: 16px;line-height: 2em;padding: 0px 0 30px;color: #888;height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pro_wrap_item > .price-box .buy{font-size:16px;background:#222;line-height: 45px;display: block;color: #fff;text-align: center;width: 120px;transition: 0.3s all ease;margin-top: 50px;}

.pro_wrap_item:nth-child(2n) > .price-box{left: 0;right: auto;}

.pro_wrap_item:hover > .price-box{/*! background: rgb(0, 101, 191); */}

.pro_wrap_item:hover > .price-box .buy{background: #0069bf;}

.pro_wrap_item:hover > .price-box h2{color: #0069bf}

.pro_wrap_item:hover > .img-box{box-shadow: inset 0 0 0 10px rgba(0,105,191,0.95);}





.price_box_from2 {

	position: relative;

	display: block;

}

.price_box_from2 > a > img {

	width: 0px;

	height: 0px;

	display: block;

	position: absolute;

	left: 0;

	top: 55px;

	opacity: 0;

	transition: 0.3s all ease;

}

.price_box_from2:hover > a > img{

	width: 120px;

	height: 120px;

	opacity: 1

}

.price_box_from2 > a {

	display: block;

	position: relative;

	line-height: 50px;

	padding-left: 40px;

	font-size: 16px;

	background: url(../images/pdf1.png) no-repeat 0 center

}



.brand_servbar1 {padding: 70px 0px 0;margin: 0 auto;}

.brand_servbar1 h2 {

  display: block;

  margin: 0 auto;

  width: 310px;

  text-align: center;

  font-size: 42px;

  font-weight: normal;

  line-height: 60px;

  color: #222;

  position: relative;

  padding: 110px 0px;

}

.brand_servbar1 h2 strong {

  display: block;

  font-size: 22px;

  font-weight: lighter;

  color: #777;

  line-height: 40px;

}

.brand_servbar1 h2:before{content: '';display: block;width: 120px;height: 200px;border:4px solid #eee;position:absolute;left:50%;margin-left:-62px;top:50%;margin-top:-102px;z-index: -1;}



.brand_servbar1 p {

    font-size: 18px;

    text-align: justify;

    width: 1210px;

    margin: 0 auto;

    line-height: 36px;

    color: #666;

    padding: 10px 0;

}

.brand_servbar2 p{font-size: 18px;text-align: center;width: 990px;margin: 0 auto;line-height: 36px;color:#666}



.brand_servbar2_a {

	border: 1px solid #333;

	border-radius: 50px;

	padding: 0 30px;

	line-height: 45px;

	display: block;

	width: 180px;

	text-align: center;

	font-size: 18px;

	margin: 30px auto 80px;

	position: relative;

	overflow: hidden;

	transition: 0.3s all ease;

}

.brand_servbar2_a:hover{border:1px solid #fff;}



.brand_servbar2_a span {

	display: block;

	font-size: 18px;

	line-height: 45px;

	color: #454545;

	transition: 0.3s all ease;

	position: relative;

	z-index: 3;

	overflow: hidden;

}

.brand_servbar2_a:hover span{color: #fff;}

.brand_servbar2_a:after {

	content: '';

	width: 200%;

	height: 200%;

	position: absolute;

	left: -200%;

	top: -200%;

	background: #0069bf;

	background: -moz-linear-gradient(-45deg, #0069bf 0%, #003ba3 100%);

	background: -webkit-linear-gradient(-45deg, #0069bf 0%,#003ba3 100%);

	background: linear-gradient(135deg, #0069bf 0%,#003ba3 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069bf', endColorstr='#003ba3',GradientType=1 );

	border-radius: 50%;

	transition: 0.3s all ease;

}



.brand_servbar2_a:hover:after{

	left: -50%;top: -50%

}

.brand_servbar2_page {

  display: block;

  position: relative;

  margin: 70px auto 100px;

}

.brand_servbar2_page > p {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  line-height: 510px;

  background: rgba(0,0,0,0.0) url(../images/product-text.png) no-repeat -380px center;

  color: #fff;

  font-size: 32px;

  transition: 0.3s all ease;

  overflow: hidden;

  text-align: center;

  text-indent: 50em;

}

.brand_servbar2_page:hover > p{background: rgba(0,0,0,0.55) url(../images/product-text.png) no-repeat 780px center;text-indent: 0em;}



.brand_servbar2_page:after {

  content: '';

  display: block;

  width: 360px;

  height: 120px;

  position: absolute;

  border: 1px solid #fff;

  left: 50%;

  top: 50%;

  margin-left: -180px;

  margin-top: -60px;

  transform: scale(2);

  opacity: 0;

  transition: 0.6s all ease;

}



.brand_servbar2_page:hover:after{transform: scale(1);opacity: 1}

.brand_servbar3 > img{width: 100%;height: auto;display: block;}

.brand_servbar3 > .page {

  position: relative;

}

.brand_servbar3 > .page > p {

  position: absolute;

  left: 0;

  font-size: 18px;

  text-align: justify;

  width: 495px;

  margin: 0 auto;

  line-height: 40px;

  color: #666;

  top: 160px;

}

.brand_servbar2_img {

    width: 100%;

    display: block;

    margin: 70px auto 100px;

}

.brand_servbar2_in{text-align:center;display: none;}

.brand_servbar2_in:after{content: '';display: block;clear: both;}

.brand_servbar2_in .brand_servbar_item{display: inline-block;margin: 65px;}

.brand_servbar2 > img{display: block;width: 100%;height: auto;padding-top: 70px}

.inside-banner.brand_inside_banner {

    background: url(../images/BCN_TopBanner2.jpg) no-repeat center;

}







.price_box_from1 {

  display: none !important;

  padding-bottom: 60px;

}

.price_box_from1:after{content: '';display: block;clear: both;}

.price_box_from1 .price_box_from_item{float: left;text-align: center;width: 130px;margin-left:15px;}

.price_box_from1 .price_box_from_item:first-child{margin-left: 0;}

.price_box_from1 .price_box_from_item .pb_from_item_img,.price_box_from1 .price_box_from_item .pb_from_item_img img{display: block;}

.price_box_from1 .price_box_from_item .pb_from_item_img img{width: 100%;}

.price_box_from1 .price_box_from_item .pb_from_item_img{width: 40px;background: #ccc;border-radius: 50%;padding: 20px;margin: 0 auto;}

.price_box_from1 .price_box_from_item .pb_from_item_tit{font-size: 15px;color: #676767;line-height: 40px;}

.price_box_from1 .price_box_from_item .pb_from_item_tit p{font-size: 12px;color: #999;line-height: 20px;height: 40px;overflow: hidden;display: none;}





.brand_pro_page > img{width: 100%;height: auto;}

.brand_pro_text {

	width: 1300px;

    margin: 0px auto;

    position: relative;

}

.brand_pro_text > div > img {

    max-width: 560px;

}

.brand_pro_text:after{content:'';display:block;clear:both;}



.brand_pro_l{float: left}

.brand_pro_l strong{font-size: 35px;font-weight: normal;line-height: 55px;padding:50px 0;display: block;text-align:left;}

.brand_pro_l p{font-size: 18px;font-weight: lighter;color: #777777;line-height: 36px;display: block;text-align: left;}



.brand_pro_r{float: right}

.brand_pro_r strong{font-size: 35px;font-weight: normal;line-height: 55px;padding:50px 0;display: block;text-align:right;}

.brand_pro_r p{font-size: 18px;font-weight: lighter;color: #777777;line-height: 32px;display: block;text-align: right;}



.brand_pro_text > img{display: block;}

.brand_pro_text .brand_pro_r,.brand_pro_text .brand_pro_l {

	position: absolute;

}

.brand_pro_text1 .brand_pro_r {

	right: 120px;

	top: 50px;

}

.brand_pro_text2 .brand_pro_l {

	left:50px;

	top: 120px;

}

.brand_pro_text3 .brand_pro_r {

	left:0;

	top:10px;

	width: 100%;

}

.brand_pro_text4 .brand_pro_l {

	right:30px;

	top:120px;

	left: auto;

}

.brand_pro_text5 .brand_pro_r {

	left:120px;

	top:120px;

}

.brand_pro_text6 .brand_pro_l {

	left:0;

	top:0px;

	width: 100%;

}

.brand_pro_text7 .brand_pro_r{right: 130px;top: 50px;}

.brand_pro_text8 .brand_pro_l{left: 130px;top: 100px;}

.brand_pro_text9 .brand_pro_r{right: 130px;top: 150px;}

.brand_pro_text10 .brand_pro_l{left: 110px;top: 100px;}

.brand_pro_text11 .brand_pro_r{right: 110px;top: 150px;}



.brand_pro_text11 .brand_pro_r p{color: #d5d9d4;}

.brand_pro_text10 .brand_pro_l strong{color: #fff;}

.brand_pro_text6 .brand_pro_l strong,.brand_pro_text6 .brand_pro_l p{text-align: center}

.brand_pro_text6 .brand_pro_l strong{padding: 50px 0 20px}

.brand_pro_text5 .brand_pro_r strong{text-align: left;color: #fff}

.brand_pro_text5 .brand_pro_r p{text-align: left;}

.brand_pro_text3 .brand_pro_r strong{text-align: center;color: #fff;padding: 50px 0 20px;}

.brand_pro_text3 .brand_pro_r p{text-align: center;line-height: 30px;}



.brand_pro_text1 .brand_pro_r strong{color: #fff;}

.product-parameter-main ul li:nth-child(2n) {

    background: #fff;

}



.nowhite.product-parameter-main ul li {

	background: #fff;

	padding-top: 10px;

	padding-bottom: 10px;

}

.nowhite.product-parameter-main ul li p {

	padding: 5px 0 0;

	line-height: 20px;

}

.product-parameter-main.product-title {

	margin-bottom:8px

}

.product-parameter-main ul {

	font-size:15px;

	line-height:20px;

	float:none;

	width:1300px;color: #555;

	margin: 0 auto;

}

.product-parameter-main ul li {

	margin-bottom:0;

	*zoom:1;

	background: #f5f5f5;

	padding: 20px 100px;

}

.product-parameter-main ul li:last-child{margin-bottom: 25px}

.product-parameter-main ul li:before,

.product-parameter-main ul li:after {

	content:"";

	display:table

}

.product-parameter-main ul li:after {

	clear:both

}

.product-parameter-main ul li label {

    float: left;

    width: 50%;

    margin-right: 0;

    word-wrap: break-word;

    word-break: break-all;

}

.product-parameter-main ul li span {

    float: left;

    width: 50%;

    margin: 0;

    word-wrap: break-word;

    word-break: break-all;

    text-align: left;

}

.product-parameter-main ul li .parameter-detail {

	float:left;

	width:438px;

	color:#999;

	font-size:14px;

	word-wrap:break-word;

	word-break:break-all

}

.product-parameter-main {

	color:#333;

}

.product-parameter-main h2 {

	padding:24px 0;

}

.product-parameter-main ul {

	padding:24px 0 0;

	position:relative

}

.product-parameter-main ul:after {

	content:"";

	width:100%;

	height:1px;

	background:#d8d8d8;

	position:absolute;

	bottom:0;

	left:0;

	display: none;

}

.product-parameter-main h2 {

	font-size:40px;

	color:#333;

	width:100%;

	float:none;

	position:relative;

	display: block;

	text-align: center;

	font-weight: normal;

}







.brand_pro_bg > img {

	width: 100%;

	display: block;

	height: auto;

}

.brand_pro_bg .brand_pro_bg_a {

	width: 85%;

	margin: 0 auto;

	position: absolute;

	bottom: 17%;

	padding: 0 7.5%;

}

.brand_pro_bg {

	position: relative;

}

.brand_pro_bg .brand_pro_bg_a p {

	color: #fff;

	font-size: 16px;

	line-height: 30px;

	padding: 20px 0 10px;

}

.brand_pro_bg .brand_pro_bg_a a {

	display: block;

	float: left;

	margin-right: 10px;

	width: 150px;

}

.brand_pro_bg .brand_pro_bg_a img {

	display: block;

	width: 100%;

	height: auto;

}





.product_titbar_right a.pdf_ewm {

	position: relative;

}

.product_titbar_right a.pdf_ewm i {

	position: absolute;

	left: 0;

	width: 100%;

	bottom: 100px;

	height: 0;

	overflow: hidden;

	transition: 0.3s all ease;

}

.product_titbar_right a.pdf_ewm i img {

	width: 100px;

	height: 100px;

	display: block;

}

.product_titbar_right a.pdf_ewm:hover i{height: 100px}





.pic-key{position:absolute; bottom:18%; right:15%;}





@media only screen  and(min-width: 1400px) {

.product-titbar > .page{width: 1400px}

.brand_pro_text{width: 1300px}

}