/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1260px;
	margin:0 auto;
	font-size:12px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	text-align:justify;	
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#000;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#f60;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1260px;
	margin-left:auto;
	margin-right:auto;
}

.wrapin2{
	width:1260px;
	margin-left:auto;
	margin-right:auto;
}

.wrapin3{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.wrapin4{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.duan p{
    margin-bottom:20px;
}

/*公用CSS 开始*/

.header{
	width: 100%;
    /*
	position: fixed;
    */
	left: 0;
	top: 0;
	z-index: 100;
	height: 100px;
}
.headerfixed{
	background:#fff;
	box-shadow:0 0 5px #ddd; height:100px;
}
.header .logo{
	float: left;
	display: block;
	height: 80px;
    padding-top: 10px;
}
.header .log1{
	display: block;
	height: 80px;
}
.header .log2{
	display: none;
	height: 80px;
}
.headerfixed .log1{
	display: none;
}
.headerfixed .log2{
	display: block;
}
.toptop{
    float: right;
    padding-top:10px;
    background: #FFFFFF;
}
.toptop .myform{
    float: left;
    margin-right:20px;
}
.subscribe-ipt{
    width:220px;
    line-height:26px;
    border-right:0px solid #EBEDEE;
    border-left:2px solid #EBEDEE;
    border-top:2px solid #EBEDEE;
    border-bottom:2px solid #EBEDEE;
    padding-left:10px;
    float: left;
}
.subscribe-btn{
   background: url("../images/s.png");
    width:34px;
    height:30px;
    border: 0;
    cursor: pointer;
    float: left;
}
.toptop .weixin{
    float: left;
    margin-right: 126px;
    position:relative;
    cursor: pointer;
}

.toptop .weixin .erweima{
    z-index: 999;
    background: #FFFFFF;
    text-align:center;
    position: absolute;
    display:none;
}
.toptop .weixin:hover .erweima{
     display:block;
}
.toptop .weixin .erweima img{
    width:120px;
    height: auto;
}

.toptop .cnen{
    float: left;
}
.toptop .cnen span{
    margin-left:10px;
}

.toptop .cnen span{
    font-size:10px;
    color:#005CA9;
}
.toptop .cnen a{
    margin:0 0px 0 10px;
    font-size: 16px;
    color: #44403F;
    line-height:30px;
}
.toptop .cnen .hoverr{
    color: #0070B3;
}
.nav{
	float: right;
}
.nav_in{
	float: left;
	margin:0 0 0 45px;
	position: relative;
}
.nav .par{
	display: block;
	height: 55px;
	line-height: 55px;
	font-size:18px;
	font-weight:normal;
	color:#44403F;
}
.nav .par:hover{
    color: #0070B3;
}
.nav .on a{
    color: #0070B3;
}

.headerfixed .nav .par{
	color:#000;
}
.nav .par02{
	display: none;
	height:50px;
	line-height: 50px;
	font-size:18px;
	font-weight: normal;
	color:#fff;
}
 
.headerfixed .nav .par02{
	color:rgba(22,64,153,1);
}

.headerfixed .nav .par:hover{
	color: #196ca6;
}

.nav_down{
	width: 160px;
	background:rgba(255,255,255,1);
	position: absolute;
	left: 10%;
	margin-left:-50px;
	z-index: 10000;
	top: 100px;
	padding:12px 0;
	border-radius:0 0 10px 10px;
	display: none;
}
.nav_in:hover .nav_down{
	display: block;
}
.nav_down i{
	display: block;
	width: 16px;
	height: 7px;
	position: absolute;
	top: -7px;
	left: 45%;
	margin-left:-8px;
	background:url("../images/sj2.png?v=1") no-repeat top center;
}
.nav_sec{
	position: relative;
	z-index: 100;	
}
.jiak{ width:250px; text-align:center;}
.nav_sec .par2{
	display:block;
	height: 42px;
	line-height: 42px;
	color:#333;
	font-size:16px;
	text-align: center;
}
.nav_sec:hover .par2{
	background:#E6E2E2;
}
.nav_sec ul{
	width: 160px;
	position: absolute;
	left: 120px;
	top: 0;
	text-align: center;
	z-index: 100;
	background:rgba(22,64,153,1);
	display: none;
}
.nav_sec:hover ul{
	display: block;
}
.nav_sec li{
	height: 42px;
	line-height: 42px;
	font-size:14px;
}
.nav_sec li a{
	color:#fff;
	display: block;
}
.nav_sec li a:hover{
	background:#0c2760;
}

.banner{
	width:100%;
}
.banner .swiper-slide{
	width:100%;
    position: relative;
}

.banner .swiper-slide img{
	display: block;
	width:100%;
	height:auto;
}


.banner .swiper-pagination{
	bottom: 50px;
}
.banner .swiper-pagination-bullet{
	opacity:1;
	background:#ccc;
	width: 20px;
	height: 20px;
}
.banner .swiper-pagination-bullet-active{
	background:#d43e35;
}
.lybanner{
    width:100%;
    height:auto;
    background: #0070B3;
    padding:0;
    margin:0;
}
.lybanner img{
    width: 100%;
    height: auto;
    float: left;
    padding:0;
}

.footer{
	height: auto;
	background-color:#00050F;
	text-align: center;
	color:#fff;
	font-size:14px;
    background:#0070B3;
   /* background:#0070B3 url("../images/footer_bg.jpg");*/
    background-size: 100% 100%;
}
.ft_nav{
	font-size:16px;
	height: 105px;
	line-height: 105px;
	padding-bottom:20px;
}
.ft_nav a{
	color:#fff;
	margin:0 20px 0 15px;
}
.ft_code{
	display: block;
	width: 122px;
	height: 122px;
	margin:0 auto;
}
.ft_scan{
	line-height: 2.6;
	text-align: center;
}
.ft_copy{
	padding:20px 0;
	line-height: 2;font-size:16px;
}
.ft_cns{
	line-height: 3;
	font-size:16px;
    border-top: 1px solid #77B3D6;
    margin-top:40px;
    padding-top: 10px;
}
.ft_cns a{ color:#FFF}


.footer a{color:#FFF;}
.footer_t{padding:50px 0 50px;}
.footer_t li{width:auto;margin-right:90px;float: left;}
.footer_t li:last-child{float:right;margin-right: 0}
.footer_t li dt{position:relative;font-size: 18px;line-height:2;margin-bottom: 10px;}
.footer_t li dt:after{content:'';position:absolute;width:62px;height:0px;background:#FFF;bottom:0;left:0;}
.footer_t li dd{font-size: 16px;line-height:1.875;}
.footer_t li dd a{opacity:0.8}
.footer_t li dd a:hover{opacity:1}
.footer_t li dd img{width:90px;margin-right:0;margin-top: 8px;}
.footer_t li dd .ewm1{margin-right: 40px;}
.footer_t li .footer_ewm{float:left;width:90px}
.footer_t li .footer_ewm p{font-size:15px;text-align: center;padding-top: 0.6em;opacity:0.8}
.footer_t li:last-child{text-align: left}


/*公用CSS 结束*/




.logoss img {
    animation: myrotate 13s linear infinite;
    -webkit-animation: myrotate 13s linear infinite;
}
.logoss{
    position: absolute;
    z-index: 999;
    top:150px;
    left:32%;
}
 
.banner .swiper-slide .logoss img{
    width:100%;
    height:auto;
}



@keyframes myrotate {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
}

@-webkit-keyframes myrotate {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
}




.hm_about{
	height: auto;
	/* background:url("../images/markbg.jpg") no-repeat top center; */
	background-color:#fff;
    margin-bottom: 50px;
}
.aboutinfo{
    line-height: 30px;
    font-size: 16px;
}
.aboutinfo p{
    padding-bottom:15px;
}


.aboutinfo .aboutinfoleft{
    width: 50%;
    float: left;
}
.aboutinfo .aboutinfoleft img{
    max-width: 100%;
    height: auto;
}
.aboutinfo .aboutinforight{
    width: 45%;
    float: right;
}

.aboutinfo .aboutinforight ul li{
    width: 25.333%;
    float: left;
    text-align: center;
    margin: 0 4% 20px;
    line-height:30px;
    font-size: 14px;
}
.aboutinfo .aboutinforight ul li .imgs{
    background: #C2C2C2;
    border-radius:200px;
    height:110px;
    width: 80%;
    margin: 0 auto 5px;
}


.aboutinfo .aboutinforight ul li .imgs img{
    width:45%;
    height: auto;
    margin: 30px auto 0;
    transition-duration:.5s;
    -ms-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
}

.aboutinfo .aboutinforight ul li .imgs:hover{
    background: #1D65AD;
    border-radius:200px;
    height:110px;
    width: 80%;
    margin: 0 auto 5px;
}


.aboutinfo .aboutinforight ul li .imgs:hover img{
     transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}


.hm_app{
    width: 100%;
    margin: 0 -2%;
}
.hm_app ul li{
    width: 23%;
    float: left;
    margin: 0 1% 20px;
    text-align: center;
    line-height:50px;
    background: #fff;
    font-size: 16px;
    overflow: hidden;
}

.hm_app ul li a{
    display:block;
}
.hm_app ul li .imgs{
    height: 220px;
    overflow: hidden;
}
.hm_app ul li img{
    width: 100%;
    height: auto;
    float: left;
    transition-duration:.5s;
    -ms-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
}

.hm_app ul li:hover img{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}


.hm_news{
    width: 100%;
    margin: 0 auto;
}

.hm_news .hm_newsleft{
    width:30%;
    float: left;
    background: #fff;
    padding:1.5%;
     -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 3px 6px 3px #ccc;
}
.hm_news .hm_newsleft .ti1{
    font-size:22px;
    line-height:25px;
    padding-bottom:15px;
}
.hm_news .hm_newsleft .imgs{
    width: 100%;
    overflow: hidden;
}

.hm_newsleft img{
    width: 100%;
    height: auto;
    transition-duration:.5s;
    -ms-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;            
}

.hm_news .hm_newsleft .imgs:hover img{
       transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.hm_newsleft .ti{
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hm_newsleft .infos{
    line-height: 25px;
    padding: 0 10px 10px;
    font-size: 14px;
    color: #666;
}
.hm_news .hm_newsright{
    width:62%;
    float: right;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 3px 6px 3px #ccc;
    padding:1.5%;
    
}
.hm_news .hm_newsright .ti1{
    font-size:22px;
    line-height:25px;
    padding-bottom:15px;
}
.newslistleft{
    width:41%;
    float:left;
}
.newslistleft img{
    width:100%;
    height: auto;
}

.newslistright{
    width:57%;
    float:right;
}

/*
.hm_news .hm_newsright ul li{
     background: #ffffff;width: 100%;
    margin-bottom: 10px;
}
.hm_news .hm_newsright ul li a{
    display: block;
    background: #ffffff;
    width: 100%;
    clear: both;
    font-size: 14px;
}
.hm_news .hm_newsright .imgs{
    width: 35%;
    float: left;
    overflow: hidden;
}
.hm_news .hm_newsright .imgs img{
    width: 100%;
    height: 131px;
    float: left;
    transition-duration:.5s;
    -ms-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;    
}

.hm_news .hm_newsright .imgs:hover img{
       transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}


.hm_news .hm_newsright .ti{
    font-size: 16px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hm_news .hm_newsright .infos{
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.hm_news .hm_newsright .info{
    width: 60%;
    float: right;
    padding-right: 2.5%;
}
*/
.hm_mark{
	height: auto;
	/* background:url("../images/markbg.jpg") no-repeat top center; */
    padding: 50px 0px;
}
.hm_head{
	text-align: center;
	height:50px;	
	/* background:url("../images/hmhead.png") no-repeat center center;  */
	color:#484444; text-transform:Uppercase;
}
.hm_head .t1{
	height: 32px;
	line-height: 32px;
	font-size:28px;
	padding-top:68px;
	
}
.hm_head .t11{
	height: 36px;
	line-height: 36px;
	font-size:30px;
	padding-top:0px;
}

.hm_head .t2{
	height: 30px;
	line-height: 30px;
	font-size:26px;
	font-weight:normal;
	color:#999;
}
.hm_head .t22{
	height: 40px;
	line-height: 40px;
	font-size:28px;
	font-weight:normal;
	color:#484444
}
.hm_head .t3{
	height: 40px;
	line-height: 40px;
	font-size:18px;
	font-weight:normal;
	color:#999;
}

.hm_head2{
	text-align: center;
	height:120px;	
	/* background:url("../images/hmhead.png") no-repeat center center;  */
	color:#484444; text-transform:Uppercase;
}
.hm_head2 .t1{
	height: 32px;
	line-height: 32px;
	font-size:28px;
	padding-top:68px;
	
}
.hm_head2 .t11{
	height: 36px;
	line-height: 36px;
	font-size:34px;
	padding-top:48px;
	font-weight: bold;
}

.hm_head2 .t2{
	height: 40px;
	line-height: 40px;
	font-size:28px;
	font-weight:normal;
	color:#E2E2E2
}
.hm_head2 .t22{
	height: 40px;
	line-height: 40px;
	font-size:28px;
	font-weight:normal;
	color:#484444
}




.mark_item{
	width: 402px;
	height: 340px;
	float: left;
	margin-right:26px;
	border-radius:5px;
	box-shadow:0 0 5px #ddd;
	background:#fff;
	margin-bottom:50px;
}
.mark_end{
	margin-right:0;
}
.mark_item .photo{
	display: block;
	width: 112px;
	height: 112px;
	position: relative;
	overflow: hidden;
	border-radius:5px 5px 0 0;
	margin:0 auto;
	top:-20px
}
.mark_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.mark_item .photos{
	display: block;
	width: 100%;
	height: 140px;
	position: relative;
	overflow: hidden;
	border-radius:5px 5px 0 0;
	margin:0 auto;
	top:-20px;
	text-align:center;
}
.mark_item .photos img{
	display:block;
	max-width:100%;
	height:100%;
	object-fit:cover;
	margin:0 auto;
}


.mark_item .po2{
	width: 416px;
	height: 300px;
	border-radius:5px;
	position: relative;
	overflow: hidden;
}
.mark_item .name2{
	height: 260px;
	line-height: 260px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	text-align: center;
	font-size:36px;
	color:#5068b0;text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF
}
.mark_item .po2 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.mark_item .tip{
	width: 100%;
	height: 42px;
	line-height: 42px;
	left: 0;
	z-index: 10;
	background:url("../images/mark_photo.png") no-repeat center center;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	color:#2f2f2f;
	/* 宽度和颜色 */
	text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF

}
.mark_item .wait{
	height: 56px;
	line-height: 56px;
	position: absolute;
	right: 20px;
	bottom: 0;
	z-index: 20;
	color:#7e7e7e;
	font-size:18px;
}
.mark_item .name{
	text-align: center;
	font-size:18px;
	line-height: 32px;
	padding-top:25px;
}
.mark_scroll{	
	margin:25px 0 0 38px;
	width: 380px;
	height: 160px;
	position: relative;
	overflow: hidden;
}
.mark_scroll li{
	height: 32px;
	line-height: 32px;
	font-size:18px;
	padding-left:20px;
	background:url("../images/sj.png") no-repeat left center;
}



.mark_scroll2{	
	margin:25px 0 0 38px;
	width: 380px;
	height: 130px;
	position: relative;
	overflow: hidden;
}
.mark_scroll2 li{
	height: 32px;
	line-height: 32px;
	font-size:18px;
	padding-left:20px;
	background:url("../images/sj.png") no-repeat left center;
}




.hm_case{
	background:url("../images/indexbg2.png") no-repeat left center;
	height:500px;
    padding: 50px 0px
}


.case_slider{
	width: 1260px;
	height: 285px;
	margin:0 auto;
	position: relative;
}
.case_slider .s_wrap{
	width: 1250px;
	margin:0 auto;
	height: 285px;
	position: relative;
	overflow: hidden;
}
.case_slider li{
	width: 228px;
	height: 228px;
	float: left;
	margin:10px 11px;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align: center;
	position: relative;
}
.case_slider .photo{
	display: block;
	width: 100%;
	height:auto;
	position: relative;
	overflow: hidden;
	margin-bottom:18px;
}
.case_slider .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.case_slider .name{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size:16px;
}
.case_slider .more{
	right: 20px;
	height: 35px;
	line-height: 35px;
	color:#999;
	position: absolute;
	bottom: 0;
}
.case_slider .c_btn{
	width: 36px;
	height: 36px;
	border:1px solid #dedede;
	position: absolute;
	top: 45%;
	margin-top:-19px;
	cursor: pointer;
}
.case_slider .pre{
	left: -30px;
	background:url("../images/case_pre.png") no-repeat center center;
}
.case_slider .next{
	right: -30px;
	background:url("../images/case_next.png") no-repeat center center;
}




.case_slider2{
	width: 1260px;
	height: 385px;
	margin:0 auto;
	position: relative;
}
.case_slider2 .s_wrap{
	width: 1250px;
	margin:0 auto;
	height: 385px;
	position: relative;
	overflow: hidden;
}
.case_slider2 li{
	width: 290px;
	height: 290px;
	float: left;
	margin:10px 11px;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align: center;
	position: relative;
}
.case_slider2 .photo{
	display: block;
	width: 100%;
	height:210px;
	position: relative;
	overflow: hidden;
	margin-bottom:18px;
}
.case_slider2 .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.case_slider2 .name{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size:16px;
}
.case_slider2 .more{
	right: 20px;
	height: 35px;
	line-height: 35px;
	color:#999;
	position: absolute;
	bottom: 0;
}
.case_slider2 .c_btn{
	width: 36px;
	height: 36px;
	border:1px solid #dedede;
	position: absolute;
	top: 45%;
	margin-top:-19px;
	cursor: pointer;
}
.case_slider2 .pre{
	left: -30px;
	background:url("../images/case_pre.png") no-repeat center center;
}
.case_slider2 .next{
	right: -30px;
	background:url("../images/case_next.png") no-repeat center center;
}








.hm_cust{
	min-height:300px;
	background:#DFE5EC;
    background-size: 100% auto;
    padding: 25px 0px 50px;
}
.cust_slider{
	width: 1260px;
	height: 350px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.cust_slider li{
	width: 1260px;
	height: 120px;	
	position: relative;
	overflow: hidden;
}
.cust_slider a{
	display: block;
	width: 170px;
	height: 95px;
	float: left;
	margin:0 20px;
}
.cust_slider img{
	display: block;
	width: 170px;
	height: 95px;
	border:#80C6FF 0px solid;
}
.hm_cust .gonggao{
    width:100%;
    margin: 0 auto 25px;
}
.hm_cust .gonggao img{
    vertical-align: middle;
}
.hm_cust .gonggao a{
    font-size:14px;
}
/*列表页-面包屑*/
.kongbai3{ height:50px;}
.kongbai{ height:20px;}
.kongbai2{ height:80px;}
.bread_bg{
    background-color: #f3f3f3; width:100%; z-index:99;
}
.bread_nav{
    padding: 10px 0px 10px 0px;
}
.bread_nav span{
    border-left: 8px solid #02b29c;
    padding-left: 8px;
}
.bread_nav a{
    color: #4c4c4c;
}
.bread_nav a:hover{
    color: #0071bf;
    text-decoration: none;
}

.ny-top{height:50px;line-height:50px; background: #F3F3F3;}
.ny-top ul{text-align: center;}
.ny-top ul li{display: inline-block;min-width:135px;}
.ny-top ul li a{display: inline-block;min-width:135px;line-height:50px;font-size:15px;color:#333;padding:0 10px;}
.ny-top ul li a:hover,.ny-top ul li.on a{ background: #EA5404;color:#fff; text-decoration:none;}


.ny-top1{height:50px;line-height:50px;margin-top:1px;background:#fff;}
.ny-top1 ul{text-align:center;}
.ny-top1 ul li a{line-height:50px;font-size:16px;color:#333;width:33.333%;float:left;background:#DFE5EC;display:block;}
.ny-top1 ul li a:hover,.ny-top1 ul li.on a{ background:#4094C6;color:#fff; text-decoration:none;}
.ny-top1 ul li a:nth-child(2){
    width:32.33333%;
    margin:0 0%;
    border-left:13px #FFFFFF solid;

}
.ny-top0 ul li{
    line-height:40px;width:33.333%;float:left;
    text-align: center;
}


.ny-top1b{height:50px;line-height:50px;margin-top:1px;background:#fff;}
.ny-top1b ul{text-align:center;}
.ny-top1b ul li a{line-height:50px;font-size:16px;color:#333;width:50%;float:left;background:#DFE5EC;display:block;}
.ny-top1b ul li a:hover,.ny-top1b ul li.on a{ background:#4094C6;color:#fff; text-decoration:none;}
.ny-top1b ul li a:nth-child(2){
    width:50%;
    margin:0 0%;
    border-left:13px #FFFFFF solid;

}
.ny-top0b ul li{
    line-height:40px;width:50%;float:left;
    text-align: center;
}


.ny-top1c{height:50px;line-height:50px;margin-top:1px;background:#fff;}
.ny-top1c ul{text-align:center;}
.ny-top1c ul li a{line-height:50px;font-size:16px;color:#333;width:20%;float:left;background:#DFE5EC;display:block;}
.ny-top1c ul li a:hover,.ny-top1c ul li.on a{ background:#4094C6;color:#fff; text-decoration:none;}
.ny-top1c ul li a:nth-child(2){
    width:20%;
    margin:0 0%;
    border-left:13px #FFFFFF solid;

}
.ny-top0c ul li{
    line-height:40px;width:20%;float:left;
    text-align: center;
}


.ny-top1d ul li{float: left;line-height:45px;}
.ny-top1d ul li a{line-height:45px;font-size:16px;color:#A4A5A5;float:left;display:block;padding:0 20px}
.ny-top1d ul li a:hover,.ny-top1d ul li.on a{color:#4094C6; text-decoration:none;}
.ny-top1d ul li:nth-last-child(1){
    display:none;
}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.tit{text-align:center; padding:0px 0px; font-size:40px; font-family:Microsoft YaHei; color:#333;}
.contentcontent{ line-height:35px; color:#666; min-height:160px; font-size:16px; padding-bottom:60px;}
.contentcontent h3{ font-size:20px; font-weight:bold; padding-bottom:20px; width:100%; margin:20px auto; text-align:center; border-bottom:#CCC 1px solid;}
.bg{ width:100%; margin:0 auto; background-color:#F7F7F7;}
.contentcontent .link { display:block; overflow:hidden; padding:10px 0 0 0 ; margin:20px 0px 40px 0px; float:none; width:100%; border-top:#CCC 1px dashed;}
.contentcontent .link a { display:block; overflow:hidden; line-height:35px; font-size:14px;}

.contentcontentleft{ float:left; width:100%}
.contentcontentright{ float:right; width:600px}
.contentcontent .tit1{
    font-size:20px;
    border-top:1px solid #ccc;
    padding:50px 0 20px;
}

.pro{
    width:100%;
    margin:0px auto 50px;
}

.pro .proleft{
    width:30%;
    float:left;
    text-align: center;
}

.pdf{
    margin:30px auto 20px;
}
.pdf img{
    padding:0 15px;
}
.pro .proleft .proleftpic{
    -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 3px 6px 3px #ccc;
    width:100%;
    height:auto;
     float:left;
}

.pro .proleftpic img{
    width:100%;
    height:auto;
    float: left;
}



.pro .proleftimg{
    padding:20px 0;
}

.pro .hxx img{
   width:100%;
    height: auto;
} 

.pro .name{
	line-height:30px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    width:92.1%;
    padding:10px 0% 0 8%;
    background: #DFE5EC;
    float: left;
    text-align: left;
    margin: 0 auto;
}
.pro .name div{
    font-size:16px;
    color:#000;
    
}
.pro .name span{
    font-size:14px;
    color:#0070B3;
}

.pro .name:hover{color:#0070B3;}



.pro .proright{
    width:65%;
    float:right;
    line-height:30px;
    font-size: 16px;
}
.pro .proright .tit{
    font-size:18px;
    text-align: left;
    padding-bottom:15px;
    font-weight: bold;
}
.about2{ width:1260px; min-height:360px; overflow:hidden; }
.about3{ width:1260px; min-height:200px; overflow:hidden; padding-bottom:50px;}
.about_show{ width:100%; margin: 0 -1%;}
.about_show .job_Lbox{ margin:0 10px 0 0; display:inline;}	


.job_Lbox2{ float:left; background-color:#f3f3f3; width:18%; margin:0 1% 20px;; display:inline; 
-webkit-box-shadow: 0px 7px 17px 3px #E4E4E4;
        -moz-box-shadow: 0px 7px 17px 3px #E4E4E4;
        box-shadow: 0px 7px 17px 3px #E4E4E4;

}
.job_img2{ width:100%; height:auto; overflow:hidden}
.job_img2 img{width:100%; height:auto; float: left} 

.job_Lshow2{ padding:0px 27px 10px 27px; text-align: center;display: none}


.job_intro2{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:8px; text-align:left;}
.job_Lbox2:hover{transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox2:hover .job_Lshow2{ color:#FFF;}
.job_Lbox2:hover .job_en2{ color:#b8e7cf;}



.job_Lbox3{ float:left; background-color:#f3f3f3; width:23%;  margin:0 1%; display:inline; }
.job_img3{ width:100%; height:200px; overflow:hidden;position:relative;}
.job_img3 img{width:100%; height:auto;}
.job_img3 img:hover{} 
.job_Lshow3{ padding:5px 25px 0 25px;}
.job_title3{display:block; font-size:18px; width:215px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_title3 a{ display:block; font-size:18px; width:231px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_en3{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro3{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:25px; height:66px; overflow:hidden; padding-top:8px; text-align:left; font-size:14px;}
.job_Lbox3:hover{ background-color:#04A0DB; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox3:hover .job_title3 a{ color:#FFF;}
.job_Lbox3:hover .job_en3{ color:#b8e7cf;}
.job_Lbox3:hover .job_title3{ color:#fff;}
.job_Lbox3:hover .job_intro3{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}



.hmpro_items .txt{
	height:220px;	
	padding:22px 5px 0 5px;
	width:255px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	background:url("../images/bbg50.png");	
	color:#fff;
	display:none;
}
.hmpro_items:hover .txt{
	display:block;	
	line-height:25px;
	font-size:12px;
	
}
.hmpro_items .txt p{
	padding:0 15px;vertical-align:middle;height:260px;display:block;	display:table-cell; font-size:14px; line-height:26px;
	text-align:left;
}



.join_in {
	padding: 100px 0;
	background: url(../images/033.jpg) center top repeat;
	text-align: center;
}
.join_in_title {
	font-size: 36px;
	color: #fff;
}
.join_in_title span {
	color: #31b5ff;
}
.join_in_text {
	color: #e3e3e3;
	font-size: 18px;
	margin: 15px 0 50px 0;
}
.join_in_button {
	padding: 8px 60px;
}
.news_center {
	padding: 100px 0;
}

.all_button {
	display: inline-block;

	border: solid 1px #8a8a8a;
	color: #8a8a8a;
	padding: 6px 30px;
	border-radius: 3px;
	overflow: hidden;
}
.all_button:hover {
	background: #8a8a8a;
	background: transparent;
	color: #8a8a8a;
}

.mapmap01{ display:block}
.mapmap02{ display:none}


.right_head{
    clear: both;
}
.right_head h2{
    height: 50px;
    font-size: 22px;
    font-weight: normal;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
}
.right_head h2 span{
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #02b29c;
}
.right_contents{
    clear: both;
    padding:25px 0px 25px 0px; 
    line-height:28px; 
    overflow: auto;font-size:16px;
}
.right_contents .contit{ font-size:16px; font-weight:bold; width:100%; text-align:center; border-bottom:#CCC 1px solid; margin-bottom:15px;}
.right_contents .coninfo{ font-size:16px; font-weight:normal; line-height:30px;}
.right_contents_h1{
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    color: #000;
    font-size:24px;
    color:#434343;
    font-weight:bold;
    line-height: 34px;
}
.right_contents img {
    max-width: 840px;
}

.message {padding:0px 0 0;}
.your_info>div,.mess_info>div {padding:0}
.your_info {border-top:0px solid #1b1b1b;border-bottom:1px solid #bfbfbf}
.your_info .col-xs-4 em,.mess_info .col-xs-4 em {display:block;font-size:18px;color:#000;line-height:280px;text-align:center;font-style:normal}
.your_info .message_list0 {padding:54px 45px 0 0;}
.your_info .message_list0 li {float:left;width:370px;height:46px;margin:0 0 17px;position:relative}
.your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:14px;color:#333}
.your_info .message_list0 li select {padding:0 35px;position:relative}
.your_info .message_list0 li.li1:before {content:'';background:url(icon14.png) 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0}
.your_info .message_list0 li.li1,.your_info .message_list0 li.li3 {margin-left:0px;}
.your_info .message_list0 li.li4 {width:100%;margin:0}
.mess_info {border-bottom:0px solid #bfbfbf;}
.mess_info .col-xs-4 em {line-height:305px;}
.mess_info .message_list1 {padding:5px 20px 0 0;}
.mess_info .message_list1 li {margin: 0 0 15px;}
.mess_info .message_list1 li.li5 input[type="text"] {width:100%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code span {color:red;font-size:14px;padding:0 10px;}
.mess_info .message_list1 li.verify_code a {font-size:14px;color:#c7c7c7;text-decoration:underline;padding-left:20px}
.btn_message {text-align:center;margin:38px 0}
.btn_message input {width:152px;height:40px;border:1px solid #dcdcdc;font-size:14px;color:#575757;background:none;margin:0 8px;transition:all .3s}
.btn_message input:first-child {background:#d70a30;color:#FFF;border-color:#d70a30}


.job_floor{
	margin-bottom:20px;
}
.job_floor .handle{
	height: 38px;
	line-height: 38px;
	background:#d9d9d9;
	font-size:16px;
	padding:0 10px;
	position: relative; cursor:pointer;
}
.job_floor .con{
	padding:20px;
	font-size:16px;
	line-height: 1.8;
	color:#999;
	display: none;
}
.job_floordown .handle{
	color:#fff;
	background:#004e9e;
}
.job_floor .btn{
	display: block;
	width: 41px;
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
	background:url("../images/jbbtn.png") no-repeat left top;
	cursor: pointer;
}
.job_floordown .btn{
	background-position:left bottom;
}
.job_floordown .con{
	display: block;
}
.joinleft{width:520px; float:left; border:#CCC 1px solid; padding:20px; height:110px;}
.joinright{width:520px; float:left; border:#CCC 1px solid;padding:20px; margin-left:36px;height:110px;}
.joinfuli{ width:100%; margin:20px auto}
.joinfuli ul li{ width:9.666%; margin:0 3.5%; float:left; text-align:center; font-size:24px; font-weight:bold;}

.joinfuli ul li .imgbox{ border:#CCC 3px solid;border-radius:100px; height:110px; display:block; display:table-cell; line-height:160px; vertical-align:middle; margin-bottom:20px;}

.joinfuli ul li .imgbox img{ width:50%; height: auto; margin:auto;display:table-cell;}

.hmpro_slide{
	position:relative;
	height:260px;
	margin:3px -2% 0;	
}
.hmpro_slide .c_btn{
	width:42px;
	height:42px;
	position:absolute;
	top:-47px;
	z-index:20;	
	cursor:pointer;
}



.hmpro_slide li{
	float:left;
	width:29.333%;
	height:auto;
	margin:0 2%;
	_display:inline;
	margin-bottom:50px;
	text-align:center;
    line-height:40px;
     -webkit-box-shadow: 0px 7px 17px 3px #E1E1E1;
    -moz-box-shadow: 0px 7px 17px 3px #E1E1E1;
    box-shadow: 0px 1px 3px 3px #E1E1E1;  
}


.hmpro_slide .hxx img{
  width:100%;
    height: auto;
} 
.hmpro_slide .name{
	display: inline-block;
	line-height:30px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    width:92%;
    padding:10px 4%;
    background: #DFE5EC;
    float: left;
    text-align: left;
    margin: 0 auto;
    font-size:14px;
}
.hmpro_slide .name div{
    font-size:14px;
    color:#000;
    
}
.hmpro_slide .name span{
    font-size:14px;
    color:#0070B3;
}
.hmpro_slide .name:hover{color:#0070B3;}



.hmpro_slide2{
	position:relative;
	height:260px;
	margin-top:3px;	
}
.hmpro_slide2 .c_btn{
	width:42px;
	height:42px;
	position:absolute;
	top:-47px;
	z-index:20;	
	cursor:pointer;
}



.hmpro_slide2 li{
	float:left;
	width:48%;
	height:auto;
	margin:0 1%;
	_display:inline;
	margin-bottom:30px;
	text-align:center;
    line-height:40px;
    -webkit-box-shadow: 0px 7px 17px 3px #E4E4E4;
    -moz-box-shadow: 0px 7px 17px 3px #E4E4E4;
    box-shadow: 0px 7px 17px 3px #f2f2f2;    
}




.hmpro_item{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;	
}
.hmpro_item img{
	display:block;
	width:100%;
	height:auto;	
}
.hmpro_item .txt{
	height:100%;	
	padding:0px 5px 0 5px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	background:url("../images/bbg50.png?v=2");	
	color:#fff;
	display:none;
}
.hmpro_item:hover .txt{
	display:block;	
	line-height:25px;
	font-size:12px;
	
}
.hmpro_item .txt p{
	padding:0 15px;vertical-align:middle;display:block;	display:table-cell; font-size:14px; line-height:26px;
	text-align:left;
}
.hmpro_item .pos{
	background:url("../images/hmpro_pos.png") no-repeat left center;	
}
.hmpro_item .tel{
	background:url("../images/hmpro_tel.png") no-repeat left center;
}
.adpiaofu{}

.adpiaofu img{width:150px; height:auto;}


#imgDiv{
			position: fixed;
			z-index: 110;
			left: 0;
			top: 0;
			
}


.block{
    filter:alpha(opacity=10);
    -moz-opacity:10;
    -khtml-opacity: 10;
    opacity: 10;

}
.block-delivery{
    background: url(../job/jianli_03.jpg?v=1) top center no-repeat;
}

.page-cen{
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
}
.delivery-title{
    padding-top: 100px; font-size:30px;
}
.delivery-text{
    padding: 80px 0;
}
.delivery-text .text{ font-size:16px; line-height:30px;}


.delivery-text .btn{
    padding: 50px 0;
}
.delivery-text .btn p{
    width: 218px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: url(../job/jianli_btn.png) no-repeat;
    cursor: pointer;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in; font-size:20px;
}
.delivery-text .btn p:hover{
    background: url(../job/index_more2.png) no-repeat;
}




.block-baoming{
    height:160px; overflow:hidden;
	background-color:#F7F7F7;
}


.block-baoming .btn{
    padding: 50px 0; margin:0 auto;
}
.block-baoming .btn p{
    width: 218px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: url(../job/jianli_btn.png) no-repeat;
    cursor: pointer;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in; font-size:20px;margin:0 auto;
}

.block-baoming .btn p:hover{
    background: url(../job/index_more2.png) no-repeat;
}


.mainmain{width:1200px; margin:0px auto; clear:both; min-height:300px;}

.mainright2{width:100%;float:left; background-color:#FFF;min-height:550px;}
.mainright2 .mainrightti{ background-image:url(../images/dhbg2.jpg); line-height:38px; height:38px; padding-left:45px; font-weight:bold; color:#666}
.mainright2 .mainrightcon{ padding:20px; line-height:30px;}
.mainright2 .mainrightcon2{ padding:20px 0px; line-height:30px; border-bottom:#CCC 1px dashed;}
.mainright2 .mainrightcon3{ padding:20px 60px; line-height:30px;}
.clear{clear:both;}

.mainright2 .mainrightcon .content .conleft{ float:left; width:40%;}
.mainright2 .mainrightcon .content .conright{ float:right;width:60%; text-align:right}
.mainright2 .mainrightcon .content .imginfo{ width:900px; margin:0 auto; text-align:center;}
.mainright2 .mainrightcon .content .imginfo img{ max-width:100%; height:auto;-moz-box-shadow:2px 2px 18px #333333; -webkit-box-shadow:2px 2px 18px #333333; box-shadow:2px 2px 18px #333333; margin-bottom:40px;}

.pc_news_ul3 { margin:0px 0px; border-top:0px solid #dddddd; display:block; overflow:hidden; min-height:450px}
.pc_news_ul3 li { padding:15px 0px; border-bottom:1px dashed #e6e6e6; display:block; overflow:hidden;}
.pc_news_ul3 li .img { width:30%; max-width:370px; height:auto; max-height:340px; float:left; overflow:hidden;}
.pc_news_ul3 li .img img{width:100%; max-width:370px; height:auto; max-height:350px; float:left; overflow:hidden;}
.pc_news_ul3 li .con { width:67%; height:auto; overflow:hidden; float:right;text-align:left;}
.pc_news_ul3 li .con .date { display:block; font-size:15px; color:#888888; line-height:30px; font-style:italic;}
.pc_news_ul3 li .con .tit { display:block; font-size:18px; font-weight:bold; line-height:35px; margin-top:0px;text-align:left;}
.pc_news_ul3 li .con .tit a { color:#333333;}
.pc_news_ul3 li .con .tit a:hover { color:#df1819;}
.pc_news_ul3 li .con .info { display:block; font-size:14px; color:#666666; line-height:30px;}
.newsmore{
    border:1px solid #9D9C9C;
    padding:5px 10px;
    width:60px;
    text-align: center;
    border-radius:5px;
    margin-top:5px;
}
.limg{ float:right; width:600px; height:auto}


@media screen and (max-width: 1680px) {
    .logoss{
        position: absolute;
        z-index: 999;
        top:150px;
        left:32%;
    }
 
    .banner .swiper-slide .logoss img{
        width:80%;
        height:auto;
    }
}

@media screen and (max-width: 1560px) {
    .logoss{
        position: absolute;
        z-index: 999;
        top:150px;
        left:32%;
    }
 
    .banner .swiper-slide .logoss img{
        width:60%;
        height:auto;
    }
}



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

.aboutinfo .aboutinforight ul li{
    width: 27.333%;
    float: left;
    text-align: center;
    margin: 0 3% 5px;
    line-height:30px;
    font-size: 14px;
}
.aboutinfo .aboutinforight ul li .imgs{
    background: #C2C2C2;
    border-radius:200px;
    height:90px;
    width: 80%;
    margin: 0 auto;
}


.aboutinfo .aboutinforight ul li .imgs img{
    width:45%;
    height: auto;
    margin: 30px auto 0;
    transition-duration:.5s;
    -ms-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
}

.aboutinfo .aboutinforight ul li .imgs:hover{
    background: #1D65AD;
    border-radius:200px;
    height:80px;
    width: 80%;
    margin: 0 auto;
}


.aboutinfo .aboutinforight ul li .imgs:hover img{
     transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}    
    
    
    
	
	
     .logoss{
        position: absolute;
        z-index: 999;
        top:40px;
        left:32%;
    }
 
    .banner .swiper-slide .logoss img{
        width:50%;
        height:auto;
    }
 
    
    
body{		
	min-width:100%;
	margin:0 auto;
	font-size:12px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	text-align:justify;	
}


.lt{
	float:left;	
}
.rt{
	float:right;	
}


/*wrapin 主体容器宽度*/
.wrapin{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.wrapin2{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.wrapin3{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.wrapin4{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.mainmain{width:100%;margin:0px auto; clear:both; min-height:300px;}
.mainright2{width:100%;float:left; background-color:#FFF;min-height:550px;}
.mainright2 .mainrightcon{ padding:0px; line-height:25px;}
.pc_news_ul3 { width: 94%; margin:10px auto; border-top:0px solid #dddddd; display:block; overflow:hidden; min-height:450px}
.pc_news_ul3 li { padding:15px 0px; border-bottom:1px dashed #e6e6e6; display:block; overflow:hidden;}
.pc_news_ul3 li .img { width:45%;  height:auto; max-height:auto; float:left; overflow:hidden;}
.pc_news_ul3 li .img img{width:100%; max-width:100%; height:auto; max-height:auto; float:left; overflow:hidden;}
.pc_news_ul3 li .con { width:53%; height:auto; overflow:hidden; float:right;text-align:left;}
.pc_news_ul3 li .con .date {display:block; font-size:15px; color:#888888; line-height:30px; font-style:italic;}
.pc_news_ul3 li .con .tit {display:block; font-size:12px; font-weight:normal; line-height:25px; margin-top:0px;text-align:left;}
.pc_news_ul3 li .con .tit a {color:#333333;}
.pc_news_ul3 li .con .tit a:hover { color:#df1819;}
.pc_news_ul3 li .con .info { font-size:14px; color:#666666; line-height:25px;display:none;}    
    
/*公用CSS 开始*/

 
    .banner{
        margin-top:50px;
    }
    .lybanner{
        margin-top:50px;
    }
    
.header{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	height: 50px;
    background:#fff;
}
.headerfixed{
	background:#fff;
	box-shadow:0 0 5px #ddd; height:50px;
}
.header .logo{
	float: left;
	display: block;
	height: 40px;
    padding:10px 0 0 10px;
}
.header .log1{
	display: block;
	height: 30px;
}
.header .log2{
	display: none;
	height: 30px;
}
.headerfixed .log1{
	display: none;
}
.headerfixed .log2{
	display: block;
}

.header_zw{
	height: 50px;
	clear: both;
	display: none;
}

.header .action_bar {
	height: 5rem;
	position: relative;
}

 
.header .action_bar>a {
	display: block;
	position: absolute;
	font-size: 2rem;
	top: 1%;
	overflow: hidden;
	z-index: 1;
}

.header .action_bar .list {
	width: 2.0rem;
	height: 2.0rem;
	margin-top: -2.6rem;
	right: 1.3rem;
	background: url(../images/h_list.png)  center center no-repeat;
	background-size: 100%  auto;
}

    
    
    
.toptop{
    float:inherit;
    padding-top:10px;
    background: #FFFFFF;
    width:94%;
    margin:0 auto;
    padding:15px 3% 5px;
}
.toptop .myform{
    float: left;
    margin-right:20px;
}
.subscribe-ipt{
    width:100px;
    line-height:32px;
    border-right:0px solid #EBEDEE;
    border-left:2px solid #EBEDEE;
    border-top:2px solid #EBEDEE;
    border-bottom:2px solid #EBEDEE;
    padding-left:10px;
    float: left;
}
.subscribe-btn{
   background: url("../images/s.png");
    width:34px;
    height:30px;
    border: 0;
    cursor: pointer;
    float: left;
}
.toptop .weixin{
    float: left;
    margin-right:10px;
    position:relative;
    cursor: pointer;
}

.toptop .weixin .erweima{
    z-index: 999;
    background: #FFFFFF;
    text-align:center;
    position: absolute;
    display:none;
}
.toptop .weixin:hover .erweima{
     display:block;
}
.toptop .weixin .erweima img{
    width:120px;
    height: auto;
}

.toptop .cnen{
    float:right;
}
.toptop .cnen span{
    margin-left:5px;
}

.toptop .cnen span{
    font-size:10px;
    color:#005CA9;
}
.toptop .cnen a{
    margin:0 0px 0 5px;
    font-size: 16px;
    color: #44403F;
    line-height:30px;
}
.toptop .cnen .hoverr{
    color: #0070B3;
} 
    
    
.nav{
	float: right;
	line-height: 30px;
	font-size:16px;
	color:#333;
	display:none;
	width:100%;
	position:absolute;
	z-index:99999;
	top:50px;
    /*
	background: url(../images/di.png);
    */
    background:#0070B3;
    border-top:1px #CFCFCF solid;
}
.nav_in{
	float:!important;
	margin:0;
	position: relative;
	width:100%;
	border-bottom:#7DA5D9 1px solid;
	}
.nav .par{
	display: none;
	height:45px;
	line-height: 45px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	padding-left:40px;
}
.headerfixed .nav .par{
	color:rgba(22,64,153,1);color:#fff;
}


.nav .par02{
	display: block;
	height: 45px;
	line-height: 45px;
	font-size:16px;
	font-weight: normal;
	color:#fff;
	padding-left:40px;
    padding-top:5px;
}
.headerfixed .nav .par02{
	color:rgba(22,64,153,1);color:#fff;
}

 

.nav_down{
	width: 120px;
	background:rgba(255,255,255,1);
	position: absolute;
	left: 50%;
	margin-left:-50px;
	z-index: 10000;
	top: 0px;
	padding:12px 0;
	border-radius:0 0 10px 10px;
	display: none;
}

.nav_in:hover .nav_down{
	display: block; 
}
.nav_down i{
	display: none;
	width: 16px;
	height: 7px;
	position: absolute;
	top: -7px;
	left: 45%;
	margin-left:-8px;
	background:url("../images/sj2.png") no-repeat top center;
}
.nav_sec{
	position: relative;
	z-index: 100;	
}
.jiak{ width:250px; text-align:center;}
.nav_sec .par2{
	display:block;
	height: 32px;
	line-height: 32px;
	color:#333;
	font-size:14px;
	text-align: center;
}
.nav_sec:hover .par2{
	background:#f2f2f2;;
}
.nav_sec ul{
	width: 160px;
	position: absolute;
	left: 120px;
	top: 0;
	text-align: center;
	z-index: 100;
	background:rgba(22,64,153,1);
	display: none;
}
.nav_sec:hover ul{
	display: block;
}
.nav_sec li{
	height: 32px;
	line-height: 32px;
	font-size:14px;
}
.nav_sec li a{
	color:#fff;
	display: block;
}
.nav_sec li a:hover{
	background:#f2f2f2;color:#fff;
}

.banner{
	width:100%;
}
.banner .swiper-slide{
	width:100%;
}
.banner .swiper-slide img{
	display: block;
	width:100%;
	height:auto;
}
.banner .swiper-pagination{
	bottom: 20px;
}
.banner .swiper-pagination-bullet{
	opacity:1;
	background:#ccc;
    width: 10px;
	height: 10px;
}
.banner .swiper-pagination-bullet-active{
	background:#d43e35;
}
    
 
    
.lybanner{ height:60px; background-color:#0070B3}


.footer{
	height: 100%;
	text-align: center;
	color:#fff;
	font-size:14px;
    background: url("../images/footer_bg.jpg");
    padding: 0 20px;
    
}
.footer_t{padding:50px 0 50px;}
.footer_t li{width:33.333%;margin-right:0px;float: left;text-align: left;margin-bottom: 15px;}
.footer_t li:last-child{float:right;margin-right: 0;width: 100%;}
.footer_t li dt{position:relative;font-size: 18px;line-height:2;margin-bottom: 15px;}
.footer_t li dt:after{content:'';position:absolute;width:62px;height:2px;background:#FFF;bottom:0;left:0;}
.footer_t li dd{font-size: 16px;line-height:1.875;}
.footer_t li dd a{opacity:0.8}
.footer_t li dd a:hover{opacity:1}
.footer_t li dd img{width:90px;margin-right:0;margin-top: 8px;}
.footer_t li dd .ewm1{margin-right: 40px;}
.footer_t li .footer_ewm{float:left;width:90px}
.footer_t li .footer_ewm p{font-size:15px;text-align: center;padding-top: 0.6em;opacity:0.8}
.footer_t li:last-child{text-align: left}
.footer_t li:nth-last-child(2){
        display:none;
}
    
    
    
.ft_nav{
	font-size:14px;
	height: 105px;
	line-height: 50px;
	padding-bottom:20px;
}
.ft_nav a{
	color:#fff;
	margin:0 20px 0 15px;
}
.ft_code{
	display: block;
	width: 122px;
	height: 122px;
	margin:0 auto;
}
.ft_scan{
	line-height: 2.6;
	text-align: center;
}
.ft_copy{
	padding:20px 0;
	line-height: 2;font-size:14px;
}
.ft_cns{
	line-height: 2;
	font-size:14px;
    margin-top:10px;
}
.ft_cns a{ color:#FFF}
    
.hm_app{
    width: 100%;
    margin: 0 auto;
}  
.hm_app ul li{
    width: 46%;
    float: left;
    margin: 0 2% 20px;
    text-align: center;
    line-height:50px;
    background: #fff;
    font-size: 16px;
}
.hm_app ul li .imgs{
    height:120px;
    overflow: hidden;
}
/*公用CSS 结束*/

.hm_mark{
	height:auto;
    background: #F7F7F7;
	padding: 30px 0px;
}
.hm_head{
	text-align: center;
	height: 110px;	
	background:url("../images/hmhead.png") no-repeat center center;
	color:#484444; text-transform:Uppercase;
	padding-top:0px;
}
.hm_head .t1{
	height: 32px;
	line-height: 32px;
	font-size:24px;
	padding-top:68px;
}
.hm_head .t11{
	height: 32px;
	line-height: 32px;
	font-size:20px;
	padding-top:8px;
}

.hm_head .t2{
	height:26px;
	line-height:26px;
	font-size:14px;
	font-weight: bold;
    width: 90%;
    margin: 0 auto;
    margin-top:5px;
}
    
.hm_head .t3{
	height:auto;
	line-height:22px;
	font-size:14px;
	font-weight:normal;
    width: 90%;
    margin: 0 auto;
    margin-top:5px;
}    
.mark_item{
	width: 95%;
	height: 300px;
	float:!important;
	margin-right:auto;
	margin-left:10px;
	margin-bottom:20px;
	border-radius:5px;
	box-shadow:0 0 5px #ddd;
	background:#fff;
}
.mark_end{
	margin-right:auto;
}
.mark_item .photo{
	display: block;
	width: 100%;
	height: 172px;
	position: relative;
	overflow: hidden;
	border-radius:5px 5px 0 0;
}
.mark_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.mark_item .po2{
	width: 100%;
	height: 300px;
	border-radius:5px;
	position: relative;
	overflow: hidden;
}
.mark_item .name2{
	height: 260px;
	line-height: 260px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	text-align: center;
	font-size:36px;
	color:#5068b0;text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF
}
.mark_item .po2 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.mark_item .tip{
	width: 100%;
	height: 172px;
	line-height: 172px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background:url("../images/mark_photo.png") no-repeat center center;
	text-align: center;
	font-size:30px;
	font-weight:bold;
	color:#2f2f2f;
	/* 宽度和颜色 */
text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF

}
.mark_item .wait{
	height: 56px;
	line-height: 56px;
	position: absolute;
	right: 20px;
	bottom: 0;
	z-index: 20;
	color:#7e7e7e;
	font-size:18px;
}
.mark_item .name{
	text-align: center;
	font-size:18px;
	line-height: 32px;
	padding-top:25px;
}
.mark_scroll{	
	margin:25px 0 0 38px;
	width: 380px;
	height: 64px;
	position: relative;
	overflow: hidden;
}
.mark_scroll li{
	height: 32px;
	line-height: 32px;
	font-size:18px;
	padding-left:40px;
	background:url("../images/mark_li.png") no-repeat left center;
}
    
    
.aboutinfo .aboutinfoleft{
    width: 90%;
    float:inherit;
    margin: 0 auto;
}

.aboutinfo .aboutinforight{
    width: 90%;
    float: inherit;
    margin: 0 auto;
}    
    
.aboutinfo .aboutinforight ul li .imgs{
    background: #C2C2C2;
    border-radius:200px;
    height:80px;
    width: 80%;
    margin: 0 auto;
    
}

.aboutinfo .aboutinforight ul li .imgs img{
    width:50%;
    height: auto;
    margin: 18px auto 0;
}
    
    
.hm_case{
	padding-bottom:0px;
    min-height:450px;
}
    
.case_slider{
	width: 80%;
	height: 325px;
	margin:0 auto;
	position: relative;
}
.case_slider .s_wrap{
	width: 88%;
	margin:0 auto;
	height: 325px;
	position: relative;
	overflow: hidden;
}
.case_slider li{
	width: 250px;
	height:305px;
	float: left;
	margin:10px 15px;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align: center;
	position: relative;
}
.case_slider .photo{
	display: block;
	width: 100%;
	height:auto;
	position: relative;
	overflow: hidden;
	margin-bottom:18px;
}
.case_slider .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.case_slider .name{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size:12px;
}
.case_slider .more{
	position: absolute;
	right: 20px;
	height: 35px;
	line-height: 35px;
	color:#999;
	position: absolute;
	bottom: 0;
}
.case_slider .c_btn{
	width: 36px;
	height: 36px;
	border:1px solid #dedede;
	position: absolute;
	top: 50%;
	margin-top:-19px;
	cursor: pointer;
}
.case_slider .pre{
	left: -30px;
	background:url("../images/case_pre.png") no-repeat center center;
}
.case_slider .next{
	right: -30px;
	background:url("../images/case_next.png") no-repeat center center;
}
    
    

.case_slider2{
	width: 80%;
	height: 325px;
	margin:0 auto;
	position: relative;
}
.case_slider2 .s_wrap{
	width: 88%;
	margin:0 auto;
	height: 325px;
	position: relative;
	overflow: hidden;
}
.case_slider2 li{
	width: 250px;
	height:305px;
	float: left;
	margin:10px 15px;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align: center;
	position: relative;
}
.case_slider2 .photo{
	display: block;
	width: 100%;
	height:auto;
	position: relative;
	overflow: hidden;
	margin-bottom:18px;
}
.case_slider2 .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.case_slider2 .name{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size:12px;
}
.case_slider2 .more{
	position: absolute;
	right: 20px;
	height: 35px;
	line-height: 35px;
	color:#999;
	position: absolute;
	bottom: 0;
}
.case_slider2 .c_btn{
	width: 36px;
	height: 36px;
	border:1px solid #dedede;
	position: absolute;
	top: 50%;
	margin-top:-19px;
	cursor: pointer;
}
.case_slider2 .pre{
	left: -30px;
	background:url("../images/case_pre.png") no-repeat center center;
}
.case_slider2 .next{
	right: -30px;
	background:url("../images/case_next.png") no-repeat center center;
}    
    
    

.hm_cust{
	height: 100%;
	background:#eef3f9 url("../images/h1.jpg?v=1") no-repeat top center;
}
    

.hm_news .hm_newsleft{
    width: 90%;
    float:inherit;
    margin: 0 auto 20px;
}    
.hm_news .hm_newsright{
    width: 90%;
    float: inherit;
     margin: 0 auto;
}    
    
    
    
.hm_news .hm_newsright .imgs img{
    width: 100%;
    height: 90px;
    float: left;
}    
    
    
.hm_news .hm_newsright .infos{
    font-size: 14px;
    color: #666;
    line-height: 22px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}    
    
.cust_slider{
	width: 98%;
	height: 370px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.cust_slider li{
	width: 100%;
	height: 396px;	
	position: relative;
	overflow: hidden;
	margin-bottom:30px;
}
.cust_slider a{
	display: block;
	width: 45%;
	height: 95px;
	float: left;
	margin:7px 2.5%;
}
.cust_slider img{
	display: block;
	width: 100%;
	height: 95px;
	border:#80C6FF 1px solid;
}



/*列表页-面包屑*/
.kongbai{ height:10px;}
.kongbai2{ height:20px;}
.bread_bg{
    background-color: #f3f3f3; width:100%;z-index:999;
}
.bread_nav{
    padding: 10px 0px 10px 0px;
}
.bread_nav span{
    border-left: 8px solid #02b29c;
    padding-left: 8px;
}
.bread_nav a{
    color: #4c4c4c;
}
.bread_nav a:hover{
    color: #0071bf;
    text-decoration: none;
}

.ny-top{height:45px; line-height:45px; background: #F3F3F3; }
.ny-top ul{text-align: center;}
.ny-top ul li{display: inline-block;min-width:auto;}
.ny-top ul li a{display: inline-block;min-width:auto;line-height:45px;font-size:12px;color:#333;padding:0 14px;}
.ny-top ul li a:hover,.ny-top ul li.on a{ background: #EA5404;color:#fff; text-decoration:none;}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.tit{text-align:center; padding:0px 0px; font-size:12px; font-family:Microsoft YaHei; color:#333;}
.contentcontent{ line-height:25px; color:#666; min-height:160px; font-size:16px; padding-bottom:40px; width:90%; margin:0 auto;}
.contentcontent h3{ font-size:14px; font-weight:bold; padding-bottom:20px; width:100%; margin:0px auto; text-align:center; border-bottom:#CCC 1px solid;}
.contentcontent img{ max-width:100%; height:auto}
.bg{ width:100%; margin:0 auto; background-color:#F7F7F7;}
.contentcontent .link { display:block; overflow:hidden; padding:10px 0 0 0 ; margin:20px 0px 40px 0px; float:none; width:100%; border-top:#CCC 1px dashed;}
.contentcontent .link a { display:block; overflow:hidden; line-height:35px; font-size:12px;}
.contentcontentleft{ float:!important; width:100%;padding-top:30px;}
.contentcontentright{ float:!important; width:100%}

.about2{ width:100%; min-height:360px; overflow:hidden; }
.about3{ width:100%; min-height:200px; overflow:hidden; padding-bottom:50px;}
.about_show{ width:100%;}
.about_show .job_Lbox{ margin:0 10px 0 0; display:inline;}	
    
.job_Lbox2{ float:!important; background-color:#f3f3f3; width:48%; margin:5px  1%; display:inline;}
.job_Lbox2:nth-child(5){display: none}
.job_img2{ width:100%; height:auto; overflow:hidden}
.job_img2 img{width: 100%;height: auto} 

.job_Lshow2{ padding:10px 27px 0 27px;}
.job_title2{display:block; font-size:18px; width:300px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_title2 a{ display:block; font-size:18px; width:300px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_en2{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro2{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:18px; text-align:left;}
.job_Lbox2:hover{ background-color:#0231DC; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox2:hover .job_title2 a{ color:#FFF;}
.job_Lbox2:hover .job_en2{ color:#b8e7cf;}
.job_Lbox2:hover .job_title2{ color:#fff;}
.job_Lbox2:hover .job_intro2{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}



.job_Lbox3{ float:left; background-color:#f3f3f3; width:50%;  margin:0 auto; display:inline; }
.job_img3{ width:100%; height:auto; overflow:hidden;position:relative;}
.job_img3 img{ width:100%; height:auto;}
.job_img3 img:hover{} 
.job_Lshow3{ padding:6px 15px 6px 15px;}
.job_title3{display:block; font-size:16px; width:100%; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_title3 a{ display:block; font-size:16px; width:100%; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_en3{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro3{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:20px; height:66px; overflow:hidden; padding-top:18px; text-align:left; font-size:12px;}
    
    
.job_Lbox3:hover{ background-color:#04A0DB; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox3:hover .job_title3 a{ color:#FFF;}
.job_Lbox3:hover .job_en3{ color:#b8e7cf;}
.job_Lbox3:hover .job_title3{ color:#fff;}
.job_Lbox3:hover .job_intro3{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}



hmpro_items .txt{
	height:220px;	
	padding:22px 5px 0 5px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	background:url("../images/bbg50.png");	
	color:#fff;
	display:none;
}
.hmpro_items:hover .txt{
	display:block;	
	line-height:25px;
	font-size:12px;
	
}
.hmpro_items .txt p{
	padding:0 15px;vertical-align:middle;height:260px;display:block;	display:table-cell; font-size:14px; line-height:26px;
	text-align:left;
}




.join_in {
	padding: 100px 0;
	background: url(../images/033.jpg) center top repeat;
	text-align: center;
}
.join_in_title {
	font-size: 36px;
	color: #fff;
}
.join_in_title span {
	color: #31b5ff;
}
.join_in_text {
	color: #e3e3e3;
	font-size: 18px;
	margin: 15px 0 50px 0;
}
.join_in_button {
	padding: 8px 60px;
}
.news_center {
	padding: 100px 0;
}

.all_button {
	display: inline-block;

	border: solid 1px #8a8a8a;
	color: #8a8a8a;
	padding: 6px 30px;
	border-radius: 3px;
	overflow: hidden;
}
.all_button:hover {
	background: #8a8a8a;
	background: transparent;
	color: #8a8a8a;
}



.right_head{
    clear: both;
}
.right_head h2{
    height: 50px;
    font-size: 22px;
    font-weight: normal;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
}
.right_head h2 span{
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #02b29c;
}
.right_contents{
    clear: both;
    padding:25px 0px 25px 0px; 
    line-height:28px; 
    overflow: auto;font-size:16px;
}
.right_contents .contit{ font-size:16px; font-weight:bold; width:100%; text-align:center; border-bottom:#CCC 1px solid; margin-bottom:15px;}
.right_contents .coninfo{ font-size:16px; font-weight:normal; line-height:30px;}
.right_contents_h1{
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    color: #000;
    font-size:24px;
    color:#434343;
    font-weight:bold;
    line-height: 34px;
}
.right_contents img {
    max-width: 840px;
}

.message {padding:0px 0 0;}
.your_info>div,.mess_info>div {padding:0}
.your_info {border-top:0px solid #1b1b1b;border-bottom:1px solid #bfbfbf}
.your_info .col-xs-4 em,.mess_info .col-xs-4 em {display:block;font-size:18px;color:#000;line-height:280px;text-align:center;font-style:normal}
.your_info .message_list0 {padding:54px 45px 0 0;}
.your_info .message_list0 li {float:left;width:370px;height:46px;margin:0 0 17px;position:relative}
.your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:14px;color:#333}
.your_info .message_list0 li select {padding:0 35px;position:relative}
.your_info .message_list0 li.li1:before {content:'';background:url(icon14.png) 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0}
.your_info .message_list0 li.li1,.your_info .message_list0 li.li3 {margin-left:0px;}
.your_info .message_list0 li.li4 {width:100%;margin:0}
.mess_info {border-bottom:0px solid #bfbfbf;}
.mess_info .col-xs-4 em {line-height:305px;}
.mess_info .message_list1 {padding:5px 20px 0 0;}
.mess_info .message_list1 li {margin: 0 0 15px;}
.mess_info .message_list1 li.li5 input[type="text"] {width:88%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code span {color:red;font-size:14px;padding:0 10px;}
.mess_info .message_list1 li.verify_code a {font-size:14px;color:#c7c7c7;text-decoration:underline;padding-left:20px}
.btn_message {text-align:center;margin:38px 0}
.btn_message input {width:152px;height:40px;border:1px solid #dcdcdc;font-size:14px;color:#575757;background:none;margin:0 8px;transition:all .3s}
.btn_message input:first-child {background:#d70a30;color:#FFF;border-color:#d70a30}


.job_floor{
	margin-bottom:20px;
}
.job_floor .handle{
	height: 38px;
	line-height: 38px;
	background:#d9d9d9;
	font-size:16px;
	padding:0 10px;
	position: relative; cursor:pointer;
}
.job_floor .con{
	padding:20px;
	font-size:16px;
	line-height: 1.8;
	color:#999;
	display: none;
}
.job_floordown .handle{
	color:#fff;
	background:#004e9e;
}
.job_floor .btn{
	display: block;
	width: 41px;
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
	background:url("../images/jbbtn.png") no-repeat left top;
	cursor: pointer;
}
.job_floordown .btn{
	background-position:left bottom;
}
.job_floordown .con{
	display: block;
}
.joinleft{width:520px; float:left; border:#CCC 1px solid; padding:20px; height:110px;}
.joinright{width:520px; float:left; border:#CCC 1px solid;padding:20px; margin-left:36px;height:110px;}
.joinfuli{ width:100%; margin:20px auto}
.joinfuli ul li{ width:31.333%; margin:0 1%; float:left; text-align:center}

.joinfuli ul li .imgbox{ border:#CCC 3px solid;border-radius:100px; height:110px; display:block; display:table-cell; line-height:110px; vertical-align:middle; margin-bottom:10px;}

.joinfuli ul li .imgbox img{ width:50%; height: auto; margin:auto;display:table-cell;}

.hmpro_slide{
	position:relative;
	height:auto;
	margin:3px 0 0;	
}
.hmpro_slide .c_btn{
	width:42px;
	height:42px;
	position:absolute;
	top:-47px;
	z-index:20;	
	cursor:pointer;
}



.hmpro_slide li{
	float:left;
	width:46%;
	height:auto;
	margin:0 2%;
	_display:inline;
	margin-bottom:20px;
	text-align:center;
    font-size: 12px;
    padding-bottom:0px;
}
.hmpro_item{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;	
}
.hmpro_item img{
	display:block;
	width:100%;
	height:auto;
    float:left;
}
.hmpro_item .txt{
	height:260px;	
	padding:22px 5px 0 5px;
	width:350px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	background:url("../images/bbg50.png");	
	color:#fff;
	display:none;
}
.hmpro_item:hover .txt{
	display:block;	
	line-height:25px;
	font-size:12px;
	
}
.hxx img{
        font:left;
}
.hmpro_item .txt p{
	padding:0 15px;vertical-align:middle;height:260px;display:block;	display:table-cell; font-size:14px; line-height:26px;
	text-align:left;
}
.hmpro_item .pos{
	background:url("../images/hmpro_pos.png") no-repeat left center;	
}
.hmpro_item .tel{
	background:url("../images/hmpro_tel.png") no-repeat left center;
}
.adpiaofu{}

.adpiaofu img{width:100px; height:auto;}


#imgDiv{
			position: fixed;
			z-index: 110;
			left: 0;
			top: 0;
			
}


.block{
    filter:alpha(opacity=10);
    -moz-opacity:10;
    -khtml-opacity: 10;
    opacity: 10;

}
.block-delivery{
    background: url(../job/jianli_03.jpg) top center no-repeat;
}

.page-cen{
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
}
.delivery-title{
    padding-top: 100px; font-size:30px; padding-left:10px;
}
.delivery-text{
    padding: 80px 10px;
}
.delivery-text .text{ font-size:16px; line-height:30px;}


.delivery-text .btn{
    padding: 50px 0;
}
.delivery-text .btn p{
    width: 218px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: url(../job/jianli_btn.png) no-repeat;
    cursor: pointer;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in; font-size:20px;
}
.delivery-text .btn p:hover{
    background: url(../job/index_more2.png) no-repeat;
}




.block-baoming{
    height:160px; overflow:hidden;
	background-color:#F7F7F7;
}


.block-baoming .btn{
    padding: 50px 0; margin:0 auto;
}
.block-baoming .btn p{
    width: 218px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: url(../job/jianli_btn.png) no-repeat;
    cursor: pointer;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in; font-size:20px;margin:0 auto;
}

.block-baoming .btn p:hover{
    background: url(../job/index_more2.png) no-repeat;
}	
	
.mapmap01{ display:none}
.mapmap02{ display:block}


}


.hslider{
	width:100%;
	max-width:1260px;
    margin: 0 auto;
    padding:0 20px;
}
.hslider  .swiper-slide{
    margin: 20px auto;
	width:100%;
	text-align: center;
    -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 3px 6px 3px #ccc;
}
.hslider .hxx img{
  width:100%;
    height: auto;
} 

.hslider .name{
	display: inline-block;
	line-height:30px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    width:84%;
    padding:10px 8%;
    background: #DFE5EC;
    float: left;
    text-align: left;
    margin: 0 auto;
    font-size:14px;
}
.hslider .name div{
    font-size:16px;
    color:#000;
    
}
.hslider .name span{
    font-size:14px;
    color:#0070B3;
}

.hslider .name:hover{color:#0070B3;}
.hslider .swiper-slide img{
	display: block;
	width:100%;
	height:auto;
}
.hslider .swiper-pagination{
	display: none;
}
.hslider .swiper-pagination-bullet{
	opacity:1;
	background:#ccc;
}
.hslider .swiper-pagination-bullet-active{
	background:#d43e35;
}



.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}



.center_4{padding:0px 0 5px;background:#fff;overflow: hidden;}
.indnav_btn{text-align:left;padding:0px 0 15px;}
.indnav_btn li{display:inline-block;padding:0 14px;position:relative;}
.indnav_btn li:after{content:"";position:absolute;top:50%;left:100%;margin-top:-8px;width:1px;height:14px;background:#b1b1b1;}
.indnav_btn li:last-child:after{display:none;}
.indnav_btn li a{display:block;color:#636364;font-size:18px;}
.indnav_btn li.on a{color:#005eac;}

.center_4nr{height:0;overflow:hidden;padding-left:15px;}
.center_4nr.on{height:auto;}
.center_4nr ul{margin:0 -1%;}
.center_4nr ul li{width:98%;margin:1%;float:left;transition:0.33s;border-bottom:1px solid #C6C6C6;line-height:37px;font-size:14px;}
.center_4nr ul li span{
    float:right;
    color:#999;
}
.center_4nr li .pic{position:relative;width:100%;padding-top:61%;background:#ccc no-repeat center/cover;margin:0 auto;transition:0.33s;}

.center_4nr li:hover{}

.recruit{font-size: 16px;height: 55px;background: #cf1213; color:#fff;line-height: 55px;padding: 0 20px;font-weight: bold;}
.recruit .tit1, .recruit-li1 .tit1{width: 78%;float: left;padding-top:15px;font-size:16px;}
.recruit-li1:hover{color:#0070B3}
.recruit .tit2, .recruit-li1 .tit2{width: 23%;float: left;}
.recruit .tit3, .recruit-li1 .tit3{width: 23%;float: left;}
.recruit .tit4, .recruit-li1 .tit4{width: 19%;float: left;}
.recruit-li1{ position:relative; padding:0px 20px; cursor:pointer;border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);height:50px;}
.recruit-li1 .tit5{width: 15px;height: 100%;position: absolute;right: 30px;top: 0;background: url(../images/arrow_icon01.png) no-repeat center;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s;}
.recruitcon li {background: #fafafa; border-top: 1px solid rgba(0,0,0,.1);}
.recruitcon li:last-child{border-bottom: 0px solid rgba(0,0,0,.1);}
.recruitcon li:nth-child(2n) {background: #fff;}
.recruit-li2{ padding:30px; background:#fff; font-size:14px; display:none;line-height:30px;}
.recruit-li1.active .tit5{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);}

.download{
    width:100%;
    margin:0 auto;
     -webkit-box-shadow: 0px 7px 17px 3px #E1E1E1;
    -moz-box-shadow: 0px 7px 17px 3px #E1E1E1;
    box-shadow: 0px 1px 3px 3px #E1E1E1; 
    padding:0%;
    
}
.download .downloadleft{
    float:left;
    width:21%;
    
    min-height:400px;
    padding:20px 2%;
}
.downloadleft .t1{
    font-size:18px;
    color:#0070B3;
    padding-bottom:20px;
}
.downloadleft .hx{
    height:2px;
    background: #E9E9E9;
    width:100%;
    margin:20px auto;
}
.downloadleft .proid{
    width:98%;
    margin: 0 auto;
    line-height:30px;
    height:30px;
    border:1px solid #B7B7B7;
    border-radius:5px;
     padding-left:2%;
}


.downloadleft .keywords{
    width:98%;
    margin: 0 auto 20px;
    line-height:30px;
    height:30px;
    border:1px solid #B7B7B7;
    border-radius:5px;
    padding-left:2%;
}
.downloadleft .submit{
    width:100%;
    margin: 0 auto 0px;
    line-height:30px;
    height:30px;
    background:#0070B3;
    color: #fff;
    border:1px #0070B3 solid;
    cursor: pointer;
}

.download .downloadright{
    float:left;
    width:70%;
    padding:20px 2%;
    border-left:2px solid #E9E9E9;
}


.download .downloadright .u1 li{
    width:96%;
    background:#DFE5EC;
    line-height:45px;
    padding:0 2%;
}

.download .downloadright .u1 li span{
    float:right;
    margin-left:20px;
}
.download .downloadright .u2 li{
    width:96%;
    line-height:45px;
    padding:0 2%;
    border-bottom:1px solid #E9E9E9
}
.download .downloadright .u2 li span{
    float:right;
    margin-left:10px;
    text-align: center;
    width:51px;
}
.download .downloadright .u2 li span img{
    width:18px;
    height:auto;
}


.pagepage{margin:40px auto 40px auto; width:100%; text-align:center;}
.pagepage a{
	display:inline-block;
	height:30px;
	line-height:30px;
	width:30px;
	border:1px solid #dcdcdc;
	margin:0 1px;
	text-decoration:none;
	color:#333;
	font-size: 12px;
}
.pagepage a:hover,.pagepage a.hover{
	color:#fff;
	background:#2e6ccf;
	border:#2e6ccf 1px solid;
}



@media (min-width: 769px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

@media screen and (max-width: 1000px) {
.hm_cust .gonggao{
    width:94%;
    margin: 0 auto 25px;
}
    
.hslider{
	width:94%;
	max-width:96%;
    padding:15px 3% 0;
}
.hslider  .swiper-slide{
    margin: 0px auto 20px;

}


.hslider .name{
    width:88%;
    padding:10px 6%;
    
}
 
.hm_mark{
	height: auto;
	/* background:url("../images/markbg.jpg") no-repeat top center; */
    padding:40px 0px 0;
}
.hm_head{
	text-align: center;
	height:50px;	
	/* background:url("../images/hmhead.png") no-repeat center center;  */
	color:#484444; text-transform:Uppercase;
}
.hm_head .t1{
	height: 32px;
	line-height: 32px;
	font-size:24px;
	padding-top:68px;
	
}
 
    
.hm_news .hm_newsleft{
    width:88%;
    float:inherit;
    padding:3%;
}
.hm_news .hm_newsleft .ti1{
    font-size:22px;
    line-height:25px;
    padding-bottom:15px;
}
.hm_news .hm_newsleft .imgs{
    width: 100%;
    overflow: hidden;
}

.hm_newsleft img{
    width: 100%;
    height: auto;
    transition-duration:.5s;
    -ms-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;            
}

.hm_news .hm_newsleft .imgs:hover img{
   transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.hm_newsleft .ti{
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hm_newsleft .infos{
    line-height: 25px;
    padding: 0 10px 10px;
    font-size: 14px;
    color: #666;
}
.hm_news .hm_newsright{
    width:88%;
    float:inherit;
    padding:3%;
    
}
.hm_news .hm_newsright .ti1{
    font-size:22px;
    line-height:25px;
    padding-bottom:15px;
}
.newslistleft{
    width:100%;
    float:inherit;
}
.newslistleft img{
    width:100%;
    height: auto;
}

.newslistright{
    width:100%;
    float:inherit;
    padding-top:20px;
}
    
    
.center_4nr{padding-left:5px;padding-right:5px;}
    
    
.pro{
    width:100%;
    margin:0px auto 30px;
}

.pro .proleft{
    width:94%;
    float:inherit;
    padding:0 0%;
    margin:0 auto;
    text-align: center;
    clear: both;
}

.proleftpic{
    -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 3px 6px 3px #ccc;    
}
.pro .proleftpic img{
    width:100%;
    height:auto;
    float:inherit;
}


.pro .proleftimg{
    padding:20px 0;
}

.pro .hxx img{
     width:100%;
     height: auto;
     float:left;
} 

.pro .name{
	line-height:30px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    width:92.1%;
    padding:10px 0% 0 8%;
    background: #DFE5EC;
    float: left;
    text-align: left;
    margin: 0 auto;
}
.pro .name div{
    font-size:16px;
    color:#000;
    
}
.pro .name span{
    font-size:14px;
    color:#0070B3;
}

.pro .name:hover{color:#0070B3;}



.pro .proright{
    width:92%;
    float:inherit;
    line-height:30px;
    font-size: 16px;
    margin:20px auto 0;
    clear: both;
}
.pro .proright .tit{
    font-size:18px;
    text-align: left;
    padding-bottom:15px;
    font-weight: bold;
}    
    
.download .downloadright .u2 li span{
    margin-left:5px;
    width:39px;
}
    .downloadright .downloadright .u2 li img{
        width:14px;
        height: auto;
    }
    
}