@font-face{ font-family:myFirstFont; src:url(../font/FRAMDCN.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

.container022 {
	width: 1300px;
	margin: 0 auto;
	padding-top: 50px;

}

.container022 ul li {
	display: table-cell;
	width: 20%;
	text-align: center;
	background: #f5f4f4;
}

.container022 ul li:nth-child(2n) {
	background: #fff
}

.container022 ul li .top {
	padding: 1rem 0 1rem;
	display: inline-block;
	text-align: left;
	max-width: 252px;
	transition: 0.9s ease
}

.container022 ul li .top .title {
	margin-bottom: 34px;
}

.container022 ul li .top .title h3 {
	font-size: 32px;
	color: #313131;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
		padding-left: 10px;
	padding-right: 10px;
}

.container022 ul li .top .title h4 {
	font-size: 22px;
	color: #313131;
			padding-left: 10px;
	padding-right: 10px;
}

.container022 ul li .top p {
	font-size: 14px;
	color: #717171;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}

.container022 ul li .bottom {
	position: relative
}

.container022 ul li .bottom .img img {
	width: 100%
}

.container022 ul li .bottom .img_top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.container022 ul li .bottom .img_top img {
max-width:80%; 
	max-height: 90%;
	transition: 0.9s;
}

.container022 ul li:hover .top {
	padding: 1rem 0 1rem;
}

.container022 ul li:hover .bottom .img_top img {
	transform: scale(1.1)
}



.ar_wap{ display:none}
html,body{ height:100%;}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 1.5rem 0 0;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 15px;height: 40px;line-height: 40px;display:inline-block;margin: 0 0 0 6px;color: #666666;font-size: 14px;box-sizing: border-box;background: #dedede;min-width: 40px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;:-webkit-border-radius: 3px;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}
.j_pages .on{color: #e70012;}
.j_pages a:hover{color: #e70012;}
.j_pages span{}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages form{ display:inline-block;}
.j_pages span{display:inline-block;font-size:14px;color: #919191; margin:0 0 0 10px}
.j_pages form input{width: 40px;height: 40px;border: none;background:#dedede;font-size:14px;color: #919191;margin: 0 0 0 10px; text-align:center}
.j_pages form input[type="submit"]{width: 65px; cursor:pointer}
.j_pages form input[type="submit"]:hover{ background:#e70012; color:#fff}



.full_page{position:relative;width:100%; height:100%; }


#banner .hd{ position:absolute; width:80px; height:270px; right:105px; top:50%; margin-top:-135px;}
#banner .hd li{ width:100%; height:52px; font-size:14px; color:#fff; font-style:italic; background:url(../image/hd.png) 64px center no-repeat; line-height:152px; overflow:hidden;}
#banner .hd li.on{ background:url(../image/hd_on.png) 26px center no-repeat; line-height:52px;}
#banner .bd {position:relative;height: 100%;object-fit: cover; }
#banner .bd ul,#banner .bd ul li{width: 100% !important;height: 915px!important;object-fit: cover; }


@media only screen and (min-width: 1400px){
#banner .bd a{display:block;width:100%;height: 911px;}
#banner{position:relative;height: 915px;overflow: hidden;margin: 0 auto;}
#bnt_nav2{background:url(../image/banner2.jpg) center top no-repeat}
#bnt_nav1{background:url(../image/banner1.jpg) center top no-repeat}
}

@media screen and (max-width: 1410px){
#banner .bd a{display:block;width:1366px!important;height: 600px;background-size: cover !important;object-fit: cover;}
#banner{position:relative;height: 600px;overflow: hidden;margin: 0 auto;}
#bnt_nav2{background:url(../image/banner22.jpg) center top no-repeat}
#bnt_nav1{background:url(../image/banner11.jpg) center top no-repeat}
}



#banner .bnt{position:absolute;top:50%;z-index:3;margin-top: -30px;cursor: pointer;}
#banner .bnt:hover{ }
#banner .bd ul li .con{position:absolute;width:1200px;left:50%;margin-left:-600px;top: 50%;margin-top: -210px;height:162px;}
#banner .bd ul li .con .box{float:right;width:100%; position:relative; text-align:center}
#banner .bd ul li .con .box h3{position:absolute;left:0; width:100%; top:45px;white-space:nowrap;font-size:80px;color:#fff; margin-bottom:22px;font-family:myFirstFont;}
#banner .bd ul li .con .box h5{ position:absolute; left:0; width:100%; top:0; white-space:nowrap; font-size:35px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:18px;}
#banner .bd ul li .con .box h6{position:absolute;left:0;width:100%;top: 150px;white-space:nowrap;font-size:14px;line-height: 18px;color: rgba(255,255,255,0.65);}
#banner .button ul{ text-align:center; font-size:0; position:absolute;left:39%;margin-left:-600px;top: 50%;margin-top: 328px;height:52px;}
#banner .button ul li{ width:192px; height:52px; -moz-border-radius:26px; -webkit-border-radius:26px; border-radius:26px; display:inline-block; *display:inline; *zoom:1; margin:0 17px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5666666', endColorstr='#E5666666');background:rgba(102,102,102,0.9);}
#banner .button ul li:hover,#banner .button ul li.on{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE70012', endColorstr='#CCE70012');}
#banner .button ul li.on:hover{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5666666', endColorstr='#E5666666');background:rgba(102,102,102,0.9);}
#banner .button ul li a{ display:block; text-align:center;}
#banner .button ul li span{ display:inline-block; height:52px; vertical-align:top; font-size:16px; color:#fff; font-weight:bold; line-height:52px; margin:0 19px;}


@media only screen and (min-width: 1400px){
#banner .bottom{ text-align:center; font-size:0; position:absolute;width:1400px;left:50%;margin-left:-600px; bottom:82px; height:47px;}
}

@media screen and (max-width: 1410px){
#banner .bottom {
    text-align: center;
    font-size: 0;
    position: absolute;
    width: 700px;
    left: 50%;
    margin-left: -600px;
    bottom: 12px;
    height: 47px;
}

}


#banner .bottom .left{ float:right;}
#banner .bottom .left ul li{ float:left; padding:10px 0 0 60px; height:47px; text-align:left; margin-right:60px;}
#banner .bottom .left ul li.li01{ background:url(../image/ico01.png) left center no-repeat;}
#banner .bottom .left ul li.li01:hover{ background:url(../image/ico01_on.png) left center no-repeat;}
#banner .bottom .left ul li.li02{ background:url(../image/ico02.png) left center no-repeat;}
#banner .bottom .left ul li.li02:hover{ background:url(../image/ico02_on.png) left center no-repeat;}
#banner .bottom .left ul li h6{font-size:14px;color: rgba(255,255,255,0.60);}
#banner .bottom .left ul li h4{ font-size:16px; color:#fff; font-family:Myriad Pro; padding-top: 5px;}
#banner .bottom .left ul li h5{ font-size:14px; line-height:18px; color:#fff;}
#banner .bottom .right{ float:right; margin-top:3px;}
#banner .bottom .right ul li{ display:inline-block; width:41px; height:41px; margin-left:28px; cursor:pointer}


#aa .bottom .left ul li{ float:left; padding:9px 0 0 60px; height:47px; text-align:left;}
#aa .bottom .left ul li.li01{ background:url(../image/ico01.png) left center no-repeat;}

#aa .bottom .left ul li.li02{ background:url(../image/ico02.png) left center no-repeat;}

#aa .bottom .left ul li h6{font-size:13px;color: rgba(131,131,131);}
#aa .bottom .left ul li h4{ font-size:16px; color:#838383; padding-top: 8px;}
#aa .bottom .left ul li h5{ font-size:13px; line-height:18px; color:#fff;}
#aa .bottom .right{ float:right; margin-top:3px;}
#aa .bottom .right ul li{ display:inline-block; width:41px; height:41px; margin-left:28px; cursor:pointer}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.mouse{position:absolute;left:50%;margin-left: 0px;bottom:0;width:18px;height:28px;-webkit-transform:translateX(-50%);-webkit-animation:dong 1s linear 0s infinite alternate;cursor:pointer;text-align: center;}
.mouse i{font-size: 3.1rem;color: #f5f5f5;}
.mouse i img{ vertical-align:top}
@-webkit-keyframes dong{from{ bottom:0}to{bottom:15px}}

/* 本例子css */
.container01{ height:55px; background:#e9e9e9; margin: 0 auto;}
.m_wnews { width:700px; height:55px; line-height:55px; position: relative; padding:0 0 0 46px; overflow: hidden; background:#666666 url(../image/dot.png) 28px center no-repeat;}
.m_wnews a{ display:inline-block; width:248px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:55px; line-height:55px; vertical-align:top; color:#fff; font-size:14px;}
.m_wnews strong { background: #D7D7D7; position: absolute; left: 0; top: 0; width: 12px; padding: 3px 8px; height: 54px; overflow: hidden; text-align: center; font-weight: normal; }
.m_wnews .pagesize {position: absolute;right: 25px;top: 20px;}
.m_wnews .pagesize a { width:9px; height:6px; display: block; overflow: hidden; line-height: 0; text-indent: -999em; margin-bottom: 3px;}
.m_wnews .pagesize a.prev{background: url(../image/index_newadd_top.png) center no-repeat;}
.m_wnews .pagesize a.next { background: url(../image/index_newadd_bottom.png) center no-repeat; }


.version-download, .type-download, .size-download {

    color: #666;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
}

.container02 .left{ float:left; width:600px;}
.container02 .left h3{ font-size:16px; font-family:myFirstFont; color:#000; margin-bottom:10px; text-transform:uppercase}
.container02 .left h4{ font-size:18px; font-weight:bold; color:#000; margin-bottom:26px;}
.container02 .left h5{ font-size:14px; line-height:26px; color:#838383;}
.container02 .right{ float:left;position:relative; z-index:1}
.container02 .right h3{ color:#29156f; font-weight:bold}

.container03{ height:485px; position:relative; padding:0 0;}
.container03 .left{ float:left; width:600px; padding:48px 66px 0 0;}
.container03 .left .title{ padding:0 0 0 25px; font-size:18px; color:#000000; font-weight:bold; background:url(../image/news_icon.png) left center no-repeat; margin-bottom:32px;}
.container03 .left .con{ float:left; width:240px;}
.container03 .left .con .img{margin-bottom: 20px;object-fit: cover;}
.container03 .left .con .img,.container03 .left .con .img img{ float:left; width:240px; height:155px;}
.container03 .left .con h5{ font-size:15px; color:#000; margin-bottom:14px;}
.container03 .left .con h5 a{ font-size:15px; color:#000;}
.container03 .left .con h5 a:hover{ color:#e70012;}
.container03 .left .con p{ font-size:12px; line-height:20px; height:60px; overflow:hidden; color:#9d9d9d}
.container03 .left ul{ float:right; width:265px;}
.container03 .left ul li{padding:0 0 0 17px;background: url(../image/dot01.png) left 28px no-repeat;border-bottom:#e1e1e1 1px solid;padding-bottom: 14px;margin-bottom: 14px;}
.container03 .left ul li h6{font-size:12px;color:#9f9f9f;margin-bottom: 12px;}
.container03 .left ul li a{ font-size:14px; color:#5c5c5c;}
.container03 .left ul li a:hover{ color:#e70012;}
@media only screen and (min-width: 1400px){
.container03 .right{ width:600px; height:445px; position:absolute; z-index:1}
}

@media screen and (max-width: 1410px){
.container03 .right{  position:relative; z-index:99999;}
}


@media only screen and (min-width: 1400px){
.container03 .right .more{ float:left; width:65px; height:65px; background:#29156f;}
}

@media screen and (max-width: 1410px){
.container03 .right .more{ float:left; width:65px; height:65px; background:#29156f; }
}



.container03 .right .more .table{ display:table; width:65px; height:65px; text-align:center}
.container03 .right .more .table i{ display:table-cell; vertical-align:middle;}
.container03 .right .more img{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .right .more:hover img{ transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}


@media only screen and (min-width: 1400px){
.container03 .right .con{ position:absolute; bottom:0; right:0; width:236px; height:234px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE70012', endColorstr='#CCE70012');background:rgba(41,21,111,0.8); padding:37px 0 0 27px;}
}

@media screen and (max-width: 1410px){
.container03 .right .con{ position:absolute; bottom:0; right:100px; width:236px; height:234px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE70012', endColorstr='#CCE70012');background:rgba(41,21,111,0.8); padding:37px 0 0 27px; top:200px;}
}


.container03 .right .con h3{ font-size:25px; line-height:24px; color:#fff; font-family:myFirstFont; margin-bottom:18px;}
.container03 .right .con h4{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:42px;}
.container03 .right .con a{ font-size:12px; color:#fff; display:inline-block; width:105px; height:38px; line-height:38px; border:#fff 1px solid; text-align:center;}
.container03 .right .con a:hover{ background:#fff; border:#fff 1px solid; color:#e70012;}

.container04{height:220px;}
.container04 .left{ float:left; width:308px; height:220px;}
.container04 .left img{ margin-top:90px;}
.container04 .center{ float:left; width:308px; height:220px; padding:85px 0 0}
.container04 .center ul li{ float:left; margin-right:10px;}
.container04 .right ul{ float:right; text-align:right;}
.container04 .right ul li{ display:inline-block; *display:inline; *zoom:1; margin-left:10px; font-size:14px; width:100px; height:40px; line-height:40px; background:#404040; text-align:center; margin-bottom:15px;}
.container04 .right ul li a{ font-size:14px; color:rgba(255,255,255,0.5); display:block;}
.container04 .right ul li a:hover{ background:#e70012; color:#fff}

.m {
    max-width: 1500px;
    height: 100%;
    margin: 0 auto;
    padding: 0 100px;
    display: block;
    position: relative;
}
.pad_bot {
    padding-bottom: 1rem;
}
.pad_top {
    padding-top:2.5rem;
}
.foot_nav dd {
    font-size: .875rem;
    line-height: 1.875rem;
    color: #919191;
}
.foot_nav dd:hover\ {
    font-size: .875rem;
    line-height: 1.875rem;
    color: #fff;
}
#foot{ background: #2c2c2d; width: 100%; overflow: hidden; }

#foot .left{ width: 50%; float: left; }

#foot .right{ max-width: 45%; float: right; }

.foot_logo{ margin-bottom: 2rem; width: 9rem;}

.foot_nav{display: flex; justify-content: space-between; position: relative;}
.foot_nav:before{ content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; background: #464748; transition: .3s;}
.foot_nav dl{}

.foot_nav dt{ padding-top: 1rem; position: relative;}
.foot_nav dt:before{ content: ""; display: block; width: 0; height: 5px; opacity: 0; position: absolute; left: 0; top: 0; background: #ffffff; transition: .3s;}
.foot_nav dl:hover dt:before{ width: 100%; opacity: 1;}
.foot_nav dt a{ line-height: 4rem; display: block;color: #fff!important;}
.foot_nav dd{ font-size: .875rem; line-height: 1.875rem; color: #919191!important;}
.foot_nav dd a{ color: #919191!important;}
.foot_nav dd a:hover{ color:#fff!important;}


.foot_ewm{ background: #fff; float: left; text-align: center; padding: 5px; margin-right: 2rem;}

.foot_ewm img{ width: 7.5rem; height: 7.5rem; max-width: inherit;}

.foot_ewm p{ font-size: .875rem; color: #575757; line-height: 1.5rem;}



.foot_tel{  }

.foot_tel span{ font-size: 1rem; color: #d0d0d0; line-height: 1.125rem; float: left; margin-right: 7px;}

.foot_tel h4{ font-family: impact; font-size: 2.25rem; color: #fff; white-space: nowrap;}



.foot_lianxi{ display: flex; justify-content: space-between; }

.foot_lianxi .txt{ width:400px;}

.foot_lianxi ul{ margin-top: 2.5rem;}

.foot_lianxi ul li{ font-size: .875rem; line-height: 1.5rem; color: #d0d0d0; position: relative;}
.foot_lianxi ul li a{ font-size: .875rem; line-height: 1.5rem; color: #d0d0d0;position: relative;}
.foot_lianxi ul li span{ left: 0;}


.foot_link{width: 151px;height: 38px;line-height: 36px;cursor:pointer;overflow:visible;position: relative;margin: 0;border: #e5e5e5 1px solid;display: inline-block;}
.foot_link .tanchu{width: 101%;padding: 10px 16px;box-sizing:border-box;position:absolute;bottom: 36px;background: #fff;display: none;left: -1px;text-align: left;border: #e5e5e5 1px solid;}
.foot_link .tanchu a {color: #666;line-height: 27px;display:block;font-size: 14px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left: 15px;color: #757575;text-align:left;line-height: 36px;width: 100%;box-sizing:border-box;font-size: 14px;text-decoration:none;position:absolute;z-index:1;}
.foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 32px;margin-right: 15px;}




.s_foot_link{ height:40px; width:100%; margin-top: 2.25rem; margin-bottom: .875rem; cursor:pointer;overflow:visible;position: relative;text-align:left; }
.ttt{ width:8.75rem; height:40px; line-height:40px; color:#838383; font-size:.875rem; text-align:center; float:left; border:1px solid #838383; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;}
.s_foot_link .tt{ width:8.75rem; height:40px; line-height:40px; color:#fff; background:#29156f; font-size:.875rem; text-align:center; float:left;}
.s_foot_link .tt img{ width: 1.375rem; margin-right:.875rem ; padding-top:4px;}
.s_foot_link .tanchu{/* overflow:auto; */box-sizing:border-box;position:absolute;bottom: 52px;border-bottom:0;display: none;left:8.75rem;right:-1px;z-index:1;border:1px solid #bbb;}

.s_foot_link .tanchu>div:before {

    content: "";

    position: absolute;

    bottom: 1px;

    right: 50%;

    margin-right: -20px;

    height: 40px;

    width: 40px;

    background-color: #FFFFFF;

    border: 1px solid #bbb;

    z-index: -1;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

}

.s_foot_link .tanchu>div{max-height:200px;background: #f6f7f7;display:block;padding:10px 13px;overflow:auto;}

.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}

.s_foot_link .tanchu a { color: #666; line-height: 27px; display:block; font-size: .8125rem;}

.s_foot_link .tanchu a:hover{ color: #000; }

.s_foot_link #bnt_link1.a {padding-left:12px;color: #fff; border:1px solid #fff; font-size:.875rem; text-align:left;line-height: 35px;  height:40px; line-height:38px; float:left; box-sizing:border-box;text-decoration:none;position:absolute;z-index:1; left:8.75rem; right: 0; }

.s_foot_link #bnt_link1.a h5{ vertical-align: middle; display:inline-block; padding-right:3rem; width:100%; font-size: .9375rem;}

.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:31px; width:12px; text-align:center; height:100%; margin-right:20px; position:absolute; right:0; top:0; }

.copyright{ font-size: .875rem; line-height: 1.3125rem; color: #979798; display: block;}

.copyright a:hover{ color: #d42c30;}



/*导航按钮*/
#bnt_nav{position: absolute;z-index:100;top: 0;left: 0;cursor: pointer;width: 6.5625rem;height: 6.5625rem;background: rgba(0,0,0,0.7);-moz-transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-o-transition: all0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out;text-align:  center;}
#bnt_nav.on{left: 0;padding: 0 0 0 0;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#bnt_nav .point{display: inline-block;width: 2.375rem;height: 1.375rem;margin: 0 auto;margin-top: 2.3125rem;position: relative;}
#bnt_nav .point:hover .navbtn,
#bnt_nav .point:hover .navbtn::after,
#bnt_nav .point:hover .navbtn::before{width: 38px;}
#bnt_nav .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 38px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#bnt_nav .navbtn::after,
#bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 38px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#bnt_nav .navbtn::after{top: -11px;}
#bnt_nav .navbtn::before{top: 10px;}
#bnt_nav .point:hover .navbtn{background: transparent;}
#bnt_nav .point:hover .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#bnt_nav .point:hover .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
#bnt_nav.on .point .navbtn{background: #fff;}
#bnt_nav.on .point .navbtn::after{-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top:  -11px;}
#bnt_nav.on .point .navbtn::before{ -webkit-transform: rotate(-0);-moz-transform: rotate(-0);-ms-transform: rotate(-0);-o-transform: rotate(-0);transform: rotate(-0);top:10px; }
#bnt_nav.on .point .navbtn{ background: transparent;}
#bnt_nav.on .point .navbtn::after{ -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#bnt_nav.on .point .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

#logo{position: absolute;z-index:100;top: 0;left: 6.5625rem;}
#logo img{ height:6.5625rem}
.fangan{position: absolute;z-index:100;top:44px; right: 105px; cursor:pointer}

header form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width:100%;}
header input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}
header input[type="text"]:focus{ text-align: left;}
header input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../image/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}
header input[type="submit"]:hover{background:url(../image/icon_search_hover.png) center no-repeat; background-size: 20px 20px;}
.tc2 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%; top: 0;left: 0;z-index:999;}
.tc2 .tc{ pointer-events: none;  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;transform:scale(1.1);}
.tc2 .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;   pointer-events: auto;transform:scale(1);}
.tc2 .close:hover{ transform:rotate(180deg);}
.tc2 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc2 .tc-box{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}
.tc2 .tc.act{display: block; }
.tc2 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc2 .tc-bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

#nav_bar{position:absolute;top: 6.5625rem;bottom:0;width: 0;overflow:hidden;left:0;z-index:1;border-left:transparent 0px solid;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.7);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; height: 800px;}
#nav_bar.on{width: 20rem;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
#nav_bar ul{ height:100%}

@media only screen and (min-width: 1400px){
#nav_bar ul li{ height:110px; width:100%; border-bottom:rgba(225,217,215,0.16) 1px solid; border-right:rgba(225,217,215,0.16) 1px solid; position:relative;}
}


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

	height: 450px;
}
}

@media screen and (max-width: 1410px){
.video1{
	
	 width: 590px;
	height: 400px;
}
}

@media screen and (max-width: 1410px){
#nav_bar ul li{ height:70px; width:100%; border-bottom:rgba(225,217,215,0.16) 1px solid; border-right:rgba(225,217,215,0.16) 1px solid; position:relative;}
}


#nav_bar ul li .table{ display:table; width:100%; height:100%; position:relative; z-index:1}
#nav_bar ul li .table .table_cell{ display:table-cell; vertical-align:middle;}
#nav_bar ul li a{ font-size:16px; color:#fff;}
#nav_bar.on ul li a{display:block;width: 100%;height: 100%;color:#fff; padding:0 0 0 104px;}
#nav_bar ul li a small{ font-size:14px; color:#fff; text-transform:capitalize}


/*=================导航=================*/
#nav{float:right;}
#nav ul{ font-size:0}
#nav li{display: inline-block; *display:inline; *zoom:1; min-width: 100px;position:relative;}
#nav li .a{display:block;text-align:center;height: 105px;line-height: 105px;}
#nav li .a strong{display:block;font-size: 15px;color: #3a3a3d;text-align:center;position:relative;z-index:4;font-weight: normal; background:url(../image/line.png) right center no-repeat;}
#nav li:last-child .a strong{ background:none}
#nav li .a h6{ font-size:12px; color:#858585; text-transform:uppercase;}
#nav li .a span{position:absolute;bottom:0px;left:0px;width: 56px;text-align:center;}
#nav li .a:hover i,#nav li.on .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:2px;width: 100%;}
#nav li .a:hover i{ width:100%; }
#nav li .a:hover strong,#nav li.on .a strong{color: #fff;background: #e70012;}
#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); /* Safari and Chrome */-moz-transform:rotateX(0deg); /* Firefox */  }
#nav .title{position: relative;}
#nav .list {width: 100%;left: 0;margin-left: 0;max-height: 0;position: absolute;top: 105px;z-index: 0;text-align:  center;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;-moz-transform:scale(0);-o-moz-transform:scale(0);-o-moz-transform:scale(0);-webkit-moz-transform:scale(0);transform:scale(0);}
#nav .list a{width: 100%;height: 50px;line-height: 50px;color: #282828;display: block;font-size: 14px;text-decoration: none;opacity: 0;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E535393C', endColorstr='#E535393C');background: #fff;border-bottom: rgba(0,0,0,0.05) 1px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#nav .list a:hover{color: #ffffff;border-bottom: #e8091a 1px solid;background: #e70012;} 
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}
#nav li:focus .list a,#nav li:hover .list a{opacity:1;}


/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

#n_banner{ height:190px;}
#n_banner .w1200{ height:100%;}
#n_banner .table{ text-align:right; display:table; width:100%; height:100%;}
#n_banner .table .box{ display:table-cell; vertical-align:middle;}
#n_banner .table .box h3{ font-size:30px; color:rgba(255,255,255,0.45); font-family:Century Gothic; text-transform:uppercase; font-weight:bold}

.n_main_box{width:100%;}
.n_main_box .w1200{position:relative;width:1200px;height: 70px;margin: 0 auto;}
.n_nav_box{height: 70px;line-height: 70px;position:relative;border-bottom: #e8e8e8 1px solid;}
.n_nav{position:relative;text-align: right;font-size: 0;}
.n_nav a{display:inline-block;width: 145px;height: 70px;font-size: 15px;line-height: 70px;color: #000;text-align: center;box-sizing: border-box;position: relative;border-left: #e8e8e8 1px solid;border-right: #e8e8e8 1px solid;margin: 0 -0.5px;}
.n_nav a strong{display:block;color: #000000;position:relative;z-index:4;height: 70px;line-height: 70px;font-weight: 100;}
.n_nav a:before{content:"";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background:transparent;}
.n_nav a:after{content:""; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:transparent 7px solid; position: absolute;top: 55px;left:50%; margin-left:-6px;}
.n_nav a:hover:before,.n_nav .on:before{background: #e70012;}
.n_nav a:hover:after,.n_nav .on:after{}
.n_nav a:hover strong,.n_nav .on strong{}
.n_up_box{ position:relative;}
.position{position:absolute;height: 72px;line-height: 72px;left: 0px;bottom: 0;color: #9c9ca0;padding-left: 17px;font-size: 12px;background: url(../image/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 13px;color: #5b5b5b;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 10px 0 8px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 13px;color: #e70012;font-style: normal;}
.position a:hover{color: #e70012;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_about .fl01{ padding:70px 0}
.n_about .fl02{ background:#f2f2f2;}
.n_about .fl02 .left{ float:left; margin:-85px 0 -5px -103px;}
.n_about .fl02 img{float: left; width:631px; height:574px;}
.n_about .fl02 .right{ float:right; width:498px;}

.n_dsz{ padding:80px 0 140px; background:#f3f3f3 url(../image/n_dsz_bg.jpg) center bottom no-repeat;}
.n_dsz .title{ margin-bottom:60px;}

.n_zuzhi{ padding:80px 0 50px; background:#f3f3f3 url(../image/n_zuzhi_bg.jpg) center bottom no-repeat;}
.n_zuzhi .title{ margin-bottom:60px;}

.n_yewu{ padding:80px 0 90px; background:url(../image/n_yewu_bg.jpg) center top no-repeat;}
.n_yewu .title{ margin-bottom:98px; text-align:center}
.n_yewu ul{ width:1240px;}
.n_yewu ul li{ float:left; width:270px; height:390px; border:#dadada 5px solid; background:#fff; margin-right:40px; position:relative;}
.n_yewu ul li:before{ content:""; position:absolute; width:66px; height:8px; background:#e70012; bottom:-5px; left:50%; margin-left:-33px;}
.n_yewu ul li .table{ display:table; width:100%; height:100%; text-align:center;}
.n_yewu ul li .table .table_cell{ display:table-cell; vertical-align:middle}

.n_yewu ul li .table .table_cell h3{font-size:22px;color:#5b5b5b;margin-bottom:8px;margin-top: 23px;}
.n_yewu ul li .table .table_cell h5{ font-size:14px; color:#e70012; text-transform:uppercase; font-weight:bold}

.n_yewu ul li:hover .table .table_cell h3{  -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
.n_yewu ul li:hover .table .table_cell h5{ -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
@-webkit-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}


.n_yewu_detail .fl01{ padding:80px 0 40px; }
.n_yewu_detail .fl02{ padding:70px 0 70px; background:#f3f3f3; overflow:hidden;}
.n_yewu_detail .fl02 ul{ float:left; width:1220px;}
.n_yewu_detail .fl02 ul li{ float:left; width:390px; height:300px; margin-right:15px;}
.n_yewu_detail .fl02 ul li img{ width:390px; height:300px;}

.n_hezuo{ background:#f3f3f3; padding:80px 0 90px;}
.n_hezuo .title{ margin-bottom:75px;}

.feature_main{position:relative;width: 1200px;overflow:  hidden;}
.dn_c_traditional,.dn_c_simple,.dm_nav,.dn_russian,.dn_english,.dn_french,.dc_close,.dcf_close,.dr_close,.de_close,.df_close,.dx_close,.app_close,.clear_close,.share_close,.dp_use,.dp_en_use,.update_01,.update_01_c,.update_02,.update_02_c,.update_03,.update_03_c{background:url(../image/sprite_down.png) no-repeat 0 0;}
.dc_close,.dcf_close,.dr_close,.de_close,.df_close,.dx_close,.app_close,.clear_close,.share_close{display: block;position: absolute;right: 32px;top: 22px;text-indent: -9999em;width:30px;height:30px;}
.dc_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.dcf_close{background:url(../image/sprite_down.png) no-repeat 0 0;}
.dr_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.de_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.df_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.dx_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.app_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.clear_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.share_close{ background:url(../image/sprite_down.png) no-repeat 0 0;}
.f_main_nav{position: relative;z-index: 1;overflow: hidden;}
.f_main_nav ul{position: relative;width: 1220px;overflow:  hidden;}
.f_main_nav li{height: 175px;float: left;cursor: pointer;border-bottom: 12.5px solid #f3f3f3;border-right: 12.5px solid #f3f3f3;position: relative;box-sizing:  content-box;}
.f_main_nav .fm4,.f_main_nav .fm8{}
.fm1,.fm2,.fm3,.fm4,.fm5,.fm6,.fm7,.fm8{position: relative;z-index: 1; background:#e3e3e3}
.fm1{background-color: #5eb0de;width: 230px;}
.fm2{background-position:-200px 25px;background-color: #86cad7;width: 230px;}
.fm3{background-position:-457px 25px;background-color: #e9bab3;width: 230px;}
.fm4{background-position:-705px 25px;background-color: #a8c194;width: 230px;}
.fm5{background-position:55px -220px;background-color: #cac69e;width: 230px;}
.fm6{background-position:-200px -220px;background-color: #abc2df;width: 230px;}
.fm7{background-position:-457px -220px;background-color: #bdbad7;width: 230px;}
.fm8{background-position:-705px -220px;background-color: #92bccb;width: 230px;}
.f_main_nav li span{display: none;}
.fm1 span,.fm2 span,.fm3 span,.fm4 span,.fm5 span,.fm6 span,.fm7 span,.fm8 span{display: block;height: 8px;font-size: 0;line-height: 0;overflow: hidden;position: absolute;}
.f_main_con{position: absolute;z-index: 2;}
.f_main_con li{position: absolute;width: 1200px;height: 175px;border: 0;color: #fff;background: #e3e3e3;}
.fmc_info{width: 1060px;margin: 40px 0 0 40px; font-size: 15px;line-height: 30px;color: #676767;}
.fmc_info strong{font-size: 30px;font-weight: normal;padding:5px 0 15px;display: block; }
.fmc_info p{font-size: 15px;line-height: 30px;color: #676767;max-height:  90px;overflow:  hidden;}
.fmc1,.fmc2,.fmc3,.fmc4,.fmc5{top: -187px;display: none;}
.fmc6,.fmc7,.fmc8,.fmc9,.fmc10{top: -375px;display: none;}

.n_case{ background:#f3f3f3; padding:0 0 40px 0}
.n_case .fl01{ padding:80px 0 82px;}
.n_case ul li{ position:relative; padding:0 10px;}
.n_case ul li:hover .img>img{ transform:scale(1.05);}
.n_case ul li .box_div{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; display:none;}
.n_case ul li.miso-current .box_div{ display:block;}
.n_case ul li .table{  width:100%; height:100%; display:table; text-align:center;} 
.n_case ul li .table_cell{ display:table-cell; vertical-align:middle;}
.n_case ul li .box{ display:inline-block; width:310px; height:310px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5E4E4E4', endColorstr='#E5E4E4E4');background:rgba(228,228,228,0.9); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.n_case ul .miso-list{ margin:0 0;} 
.n_case ul .miso-list li .img{ position:relative;}
.n_case ul .miso-list li .img,.n_case ul .miso-list .miso-slide img{ width:100% !important; height:auto; overflow:hidden;}
.n_case ul .miso-list .miso-slide .img img{ -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.n_case ul .miso-list .miso-slide h2 img{ width:23px !important; height:23px !important; display:inline-block;}
.n_case ul .miso-list .miso-slide h4 img{ width:26px !important; height:15px !important; display:inline-block;}
.n_case ul .miso-list .miso-slide h5{ margin-bottom:46px; font-size:15px;  color:#4b4b4b}
.n_case ul .miso-list .miso-slide h3{ margin-bottom:46px; font-size:18px; line-height:30px; text-transform:uppercase; color:#4b4b4b}
.n_case ul .miso-list .miso-slide .con{ background:#e6e6e6; height:125px; padding:35px 60px; display:none}
.n_case ul .miso-list .miso-slide .con p{ font-size:15px; color:#696969; line-height:28px; height:56px; overflow:hidden; text-align:center;}
.n_case ul .miso-list li.miso-current .con{ display:block;}
.n_case ul.slider .miso-prev,.n_case ul.slider .miso-next{width:54px;height:14px;top: auto;bottom: 55px;z-index: 8000;}
.n_case ul.slider .miso-prev{background:url(../image/left.png) center no-repeat;margin-left: -560px;left:50%;}
.n_case ul.slider .miso-next{background:url(../image/right.png) center no-repeat;margin-right: -560px;right:50%;}

.n_case_detail{}
.n_case_detail .fl01{ padding:80px 0 75px; background:#f3f3f3; }
.n_case_detail .fl01 .title{ margin-bottom:72px;}
.n_case_detail .fl01 .content .left{ float:left; width:390px; padding:58px 0 0}
.n_case_detail .fl01 .content .left .more{ margin-top:84px;}
.n_case_detail .fl01 .content .left .more a{ display:block; width:190px; height:45px; background:url(../image/more.png) center no-repeat; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.n_case_detail .fl01 .content .left .more a:hover{ background:url(../image/more_on.png) center no-repeat;}
.n_case_detail .fl01 .content .right{ float:right; width:798px;}
.n_case_detail .fl02{ padding:70px 0 40px; }

.n_newcase .fl01{ padding:70px 0 40px; }
.n_newcase .fl01 .title{ margin-bottom:72px;}
.n_newcase .fl02{ padding:66px 0 62px; background:#f3f3f3; }
.n_newcase .fl02 .title{margin-bottom:35px;/* text-align:center */}
.n_newcase .fl02 .title h4{ font-size:22px; color:#e70012; text-transform:uppercase; margin-bottom:5px; font-weight:bold}
.n_newcase .fl02 .title h3{ font-size:30px; color:#3a3a3d; text-transform:uppercase}
.n_newcase .fl02 ul.slider{ padding:0 0 74px 0}
.n_newcase .fl02 ul li .time{ float:left; width:72px; height:108px; background:#a9a9a9; text-align:center; padding:17px 0 0}
.n_newcase .fl02 ul li:hover .time{ background:#e70012}
.n_newcase .fl02 ul li .time h3{ font-size:26px; color:#fff; margin-bottom:5px;}
.n_newcase .fl02 ul li .time h5{ font-size:12px; color:#fff;  margin-bottom:10px; }
.n_newcase .fl02 ul li .time img{ display:inline-block;}
.n_newcase .fl02 ul li.miso-slide { padding:32px 26px; background:#fff; margin:0 20px;}
.n_newcase .fl02 .miso-list{ margin:0 -20px; padding:0 !important; width:1240px !important}
.n_newcase .fl02 ul li .con{ float:right; width:400px; margin-right:15px; padding:15px 0 0 ;}
.n_newcase .fl02 ul li .con h5{ margin-bottom:15px;}
.n_newcase .fl02 ul li .con h5 a{ font-size:17px; color:#555;}
.n_newcase .fl02 ul li:hover .con h5 a{ color:#e70012}
.n_newcase .fl02 ul li .con p{ font-size:12px; line-height:22px; height:44px; color:#898989; overflow:hidden;}
.n_newcase ul.slider .miso-prev,.n_newcase ul.slider .miso-next{width:27px;height:27px;top: auto;bottom:0;}
.n_newcase ul.slider .miso-prev{background:url(../image/n_newcase_left.png) center no-repeat;margin-left: -36px;left:50%;}
.n_newcase ul.slider .miso-next{background:url(../image/n_newcase_right.png) center no-repeat;margin-right: -36px;right:50%;}
.n_newcase ul.slider .miso-prev:hover{background:url(../image/n_newcase_left_on.png) center no-repeat;}
.n_newcase ul.slider .miso-next:hover{background:url(../image/n_newcase_right_on.png) center no-repeat;}

.n_linian{ padding:80px 0 180px; background:#f3f3f3 url(../image/n_linian_bg.jpg) center bottom no-repeat;}
.n_linian .title{ margin-bottom:60px;}


.n_wenhua{ padding:80px 0 80px; background:#f3f3f3;}
.n_wenhua .title{ margin-bottom:50px;}
.n_wenhua ul{ float:left; width:1245px;}
.n_wenhua ul li{ float:left; width:370px; height:425px; background:#fff; margin:0 45px 35px 0; padding:46px 35px 0}
.n_wenhua ul li:hover{ box-shadow:0 4px 9px 0 rgba(0,0,0,0.13)}
.n_wenhua ul li h5{ margin-bottom:20px;}
.n_wenhua ul li h5 a{ font-size:18px; color:#2a2a2c}
.n_wenhua ul li h5 a:hover{ color:#e70012}
.n_wenhua ul li h6{ font-size:15px; color:#9b9b9c; margin-bottom:20px;}
.n_wenhua ul li p{ font-size:13px; line-height:24px; height:48px; overflow:hidden; color:#9b9b9c; margin-bottom:28px;}
.n_wenhua ul li .img{ width:300px; height:190px; position:relative;}
.n_wenhua ul li .img .box{position:absolute;top:0;left:0;width:100%;height:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;overflow:  hidden;}
.n_wenhua ul li:hover .img .box{ height:100%}
.n_wenhua ul li .img .box .table{ display:table; width:100%; height:100%; text-align:center;}
.n_wenhua ul li .img .box .table i{ display:table-cell; vertical-align:middle}

.n_rencai{ padding:80px 0 40px; background:#f3f3f3;}
.n_rencai .title{ margin-bottom:70px;}

.n_peixun{padding: 80px 0 72px;background:#f3f3f3;overflow:hidden;}
.n_peixun .title{ margin-bottom:70px;}
.n_peixun ul{ float:left; width:1240px;}
.n_peixun ul li .time{ float:left; width:72px; height:108px; background:#a9a9a9; text-align:center; padding:17px 0 0}
.n_peixun ul li:hover .time{ background:#e70012}
.n_peixun ul li .time h3{ font-size:26px; color:#fff; margin-bottom:5px;}
.n_peixun ul li .time h5{ font-size:12px; color:#fff;  margin-bottom:10px; }
.n_peixun ul li .time img{ display:inline-block;}
.n_peixun ul li{ float:left; padding:32px 26px; background:#fff; margin:0 40px 30px 0; width:580px; height:170px;}
.n_peixun  ul li:hover{ box-shadow:0 4px 9px 0 rgba(0,0,0,0.13)}
.n_peixun ul li .con{ float:right; width:400px; margin-right:15px; padding:15px 0 0 ;}
.n_peixun ul li .con h5{ margin-bottom:15px;}
.n_peixun ul li .con h5 a{ font-size:17px; color:#555;}
.n_peixun ul li:hover .con h5 a{ color:#e70012}
.n_peixun ul li .con p{ font-size:12px; line-height:22px; height:44px; color:#898989; overflow:hidden;}

.n_join{ padding:80px 0 80px; background:#f3f3f3;}
.n_join .title{ margin-bottom:65px;}
.n_join ul{ margin-bottom:70px;}
.n_join ul li{margin-bottom: 30px;}
.n_join ul li .top{position:  relative;height: 60px;line-height: 60px;background: #fff;padding: 0 28px;box-sizing:  border-box;}
.n_join ul li .top i{position:absolute;right: 28px;top:50%;margin-top: -14px;width:27px;height:27px;background:url(../image/jia01.png) center no-repeat;}
.n_join ul li .top h5{font-size: 15px;color: #585858;font-weight:  bold;display: inline-block;width: 566px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_join ul li .top span{ font-size:14px; color:#585858; display:inline-block; height:60px; vertical-align:top; margin-right:42px;}
.n_join ul li a.open .top{background:#e70012;}
.n_join ul li a.open .top i{ background:url(../image/jian01.png) center no-repeat;}
.n_join ul li a.open .top h5{ color:#fff;}
.n_join ul li a.open .top span{ color:#fff}
.n_join ul li .ar_article{padding: 35px 35px 0 35px;display:none;}
.n_join .more{ text-align:center;}
.n_join .more img{ display:inline-block;}

.n_licheng{ padding:80px 0 80px; background:#f3f3f3;}
.n_licheng .title{ margin-bottom:65px;}
.n_licheng ul.slider-nav{float:left;width: 125px;background:url(../image/n_licheng_nav_bg.png) center no-repeat;text-align:center;}
.n_licheng ul.slider-nav .miso-list{padding:0 !important;margin: -118px 0 !important;}
.n_licheng ul.slider-nav li{height:54px; line-height:54px; margin: 112px 0; font-size:18px; color:#464646}
.n_licheng ul.slider-nav li.miso-current{ font-size:54px;}
.n_licheng ul.slider-nav .miso-prev,.n_licheng ul.slider-nav .miso-next{ width:40px; height:40px; left:50%; margin-left:-20px; z-index:1000;}
.n_licheng ul.slider-nav .miso-prev{ background:url(../image/n_licheng_nav_top.png) center no-repeat; margin-top:-96px;}
.n_licheng ul.slider-nav .miso-next{ background:url(../image/n_licheng_nav_bottom.png) center no-repeat; top:auto; bottom:50%; margin-bottom:-96px;}
.n_licheng ul.slider-nav .miso-prev:hover{ background:url(../image/n_licheng_nav_top_on.png) center no-repeat;}
.n_licheng ul.slider-nav .miso-next:hover{ background:url(../image/n_licheng_nav_bottom_on.png) center no-repeat;}
.n_licheng ul.slider-for{ float:right; width:882px;}
.n_licheng ul.slider-for .s_div_scoll{ float:left; width:882px; padding:0 62px 0 0; height:570px;}
.n_licheng ul.slider-for h3{font-size:22px;color:#3a3a3d;margin-bottom:50px;padding:0 0 0 35px;background:url(../image/n_licheng_icon.png) left center no-repeat;margin-top: 30px;}
.n_licheng ul.slider-for .s_div_scoll:before{ content:""; position:absolute; width:3px; height:100%; top:0; right:0; background:#d1d1d1}

.n_zizhi{ padding:80px 0 80px; background:#f3f3f3;}
.n_zizhi .w1200{ background:url(../image/n_zizhi_bg.jpg) right 118px no-repeat;  min-height:470px;}
.n_zizhi .title{ margin-bottom:65px;}
.n_zizhi ul.slider{ float:left; width:904px; background:url(../image/lin_x.png) center 50px no-repeat; margin-top:54px;}
.n_zizhi ul.slider li{ padding: 0 52px; text-align:center;}
.n_zizhi ul.slider .miso-list{padding:0 !important; margin:0 -52px;}
.n_zizhi ul.slider li .miso{ width:90px; height:90px; background:#e70012; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 auto; overflow:hidden; border:#f3f3f3 8px solid; box-sizing:content-box; margin-bottom:20px;}
.n_zizhi ul.slider li .miso span{ font-size:24px; color:#fff; line-height:90px;}
.n_zizhi ul.slider li:hover .miso{ border:#ef9ea4 8px solid; box-sizing:content-box;}
.n_zizhi ul.slider li:hover .miso span{ display:none;}
.n_zizhi ul.slider li:hover .miso .table{ display:table; width:100%; height:100%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_zizhi ul.slider li:hover .miso .table i{ display:table-cell; vertical-align:middle}
.n_zizhi ul.slider li:hover .miso .table i img{ display:inline-block;}
.n_zizhi ul.slider li p{ font-size:15px; line-height:28px; color:#676767; text-align:left}
.n_zizhi ul.slider li .p{ font-size:15px; line-height:28px; color:#676767;  text-align:left}
.n_zizhi ul.slider .miso-prev, .n_zizhi ul.slider .miso-next{width:9px;height:14px;left: 0;margin-left: 0;z-index:1000;}
.n_zizhi ul.slider .miso-prev{background:url(../image/n_zizhi_left.png) center no-repeat;margin-top: -60px;}
.n_zizhi ul.slider .miso-next{background:url(../image/n_zizhi_right.png) center no-repeat;right: 0;margin-top: -60px;left: auto;}

.n_tousu{ padding:80px 0 0; background:#f3f3f3;}
.n_tousu .w1200{ background:url(../image/fangzi01.png) 65px bottom no-repeat; padding:0 0 60px}
.n_tousu .title{ margin-bottom:65px;}
.sqstq .messlist {height: 55px;margin: 0 17px 12px 0;float:left;width: 555px;border: #edeff2 1px solid;background: #fff;color:#626364;}
.sqstq .messlist label,.form-list .messlist01 label,.sqstq .messlist03 label{float:left;width: 120px;height: 53px;line-height: 53px;color: #5e5f61;font-size: 15px;box-sizing: border-box;text-align:  center;background-color: #dfdfdf;}
.sqstq .messlist input{float:left;width: 432px;height: 53px;padding: 0 10px;background: none;border: none;outline: none;color:#626364;font-size: 14px;} 
.sqstq .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#626364;margin-right: 44px;}
.sqstq .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 
.sqstq .messlist02{height: 151px;margin: 0 0 12px 0;float:left;width: 555px;border: #edeff2 1px solid;color:#626364;box-sizing: border-box;background: #fff;}
.sqstq .messlist02 textarea{float:left;width: 432px;height: 148px;color:#626364;font-size: 14px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}
.sqstq .messlist02 label{float:left;width: 120px;height: 150px;line-height: 150px;text-align: center;color: #5e5f61;font-size: 15px;box-sizing: border-box;background-color: #e2e4e6;}
.sqstq .yanzheng{display:inline;float:left;margin: 3px 0 0 28px;position: absolute;}

.sqstq .messsub input{float: left;width: 360px;height: 55px;line-height: 55px;background: #e70012;font-size: 14px;cursor:pointer;color: #fff;border:none;margin: 20px 0 0 0;}
.sqstq .messsub input:hover{ background:#c71f26; }
.sqstq .messlist03{height: 55px;margin: 0 0 0 0;float:left;width: 360px;border: #edeff2 1px solid;background: #fff;color:#626364;box-sizing: border-box;position: relative;}
.sqstq .messlist03 input{float:left;width: 238px;height: 53px;color:#626364;font-size: 14px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}

.n_tousu .left{ float:left; width:600px; padding:44px 0 0}
.n_tousu .left p{ font-size:15px; line-height:26px; color:#616161}
.n_tousu form{ float:right; width:555px;}

.n_news{padding: 80px 0 84px;background:#f3f3f3;overflow:hidden;}
.n_news .title{ margin-bottom:70px;}
.n_news .fl01{border-bottom:#e4e4e4 3px solid;padding: 0 0 46px 0;overflow:hidden;margin-bottom: 45px;}
.n_news ul.top_news{ float:left; width:1215px;}
.n_news ul.top_news li{ float:left; width:390px; margin:0 15px 0 0}
.n_news ul.top_news li .img{ position:relative; width:390px; height:250px;}
.n_news ul.top_news li .img .time{ position:absolute; width:72px; height:90px; background:#e70012; top:0; left:25px; padding:25px 0; text-align:center; z-index:2}
.n_news ul.top_news li .img .time h3{ font-size:26px; color:#fff; font-weight:bold; margin-bottom:5px;}
.n_news ul.top_news li .img .time h6{ font-size:12px; color:#fff}
.n_news ul.top_news li .img .box{position:absolute;top:0; z-index:1;left:0;width:100%;height:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;overflow:  hidden;}
.n_news ul.top_news li:hover .img .box{ height:100%}
.n_news ul.top_news li .img .box .table{ display:table; width:100%; height:100%; text-align:center;}
.n_news ul.top_news li .img .box .table i{ display:table-cell; vertical-align:middle}
.n_news ul.top_news li .con{ width:390px; height:125px; padding:34px 25px; text-align:center; background:#fff url(../image/yan02.png) center 72px no-repeat;}
.n_news ul.top_news li:hover .con{ background:#fff url(../image/yan02_on.png) center 72px no-repeat;}
.n_news ul.top_news li .con h5{ font-size:18px; color:#454545}
.n_news ul.top_news li .con h5 a{ font-size:18px; color:#454545}
.n_news ul.top_news li .con h5 a:hover{ font-size:18px; color:#e70012}
.n_news ul.bottom_news{ margin-bottom:38px;}
.n_news ul.bottom_news li{ height:145px; border-bottom:#e4e4e4 2px dashed; padding:24px 28px}
.n_news ul.bottom_news li:hover{ background:#e4e4e4 url(../image/yanwo.png) right top no-repeat; border:none}
.n_news ul.bottom_news li h4{ font-size:24px; color:#adadad; margin-bottom:20px;}
.n_news ul.bottom_news li h5{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.n_news ul.bottom_news li h5 a{  color:#585859;}
.n_news ul.bottom_news li p{ font-size:13px; color:#848484; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:1126px;}
.n_news ul.bottom_news li:hover p{ width:1026px;}
.n_news ul.bottom_news li:hover h4{ color:#e70012; font-weight:bold}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
	.fangan{ right:50px;}
}

@media(max-width: 1420px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
}

@media(max-width: 1100px){
}


@media(max-width: 992px){
}


@media(max-width: 768px){
	.ar_web{ display:none}
	.ar_wap{ display:block}
}



#left_news{float:left;width: 886px;}
#n_show_news{position:relative;margin: 0 auto;padding-bottom: 0;}
#right_news{width: 262px;padding: 20px 29px 30px 29px;background: #fff;float: right;}
#right_news .title{background: url(http://www.zhengze.co/statics/images/line_news_hot.png) left center no-repeat;padding-left: 10px;color: #343435;font-size: 14px;text-align: left;height: 50px;line-height: 50px;margin-bottom: 15px;border-bottom: #dee0e3 1px solid;}
#right_news a{ display: block;}
#right_news .pic_box{ width: 220px; height: 115px; overflow: hidden; margin: 20px 0;}
#right_news .pic_box img{ display: block; width: 220px; height: 115px;}
#right_news li{ padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #dee0e3; }
#right_news li .text_box{ padding-left: 10px; background: url(http://www.zhengze.co/statics/images/icon_dd_hotnews.png) left 5px no-repeat; }
#right_news li .text_box a{ font-size: 12px; color: #3e3e3f; line-height: 18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#right_news li span{ font-size: 12px; color: #929496;}
#right_news li .text_box a:hover{ color:#79b70d;}

.n_article {margin-bottom: 20px;}
#n_show_news .n_article{width: 100%;float: left;box-sizing: border-box;padding: 0;}
.n_article .ar_title{margin-bottom: 5px;border-bottom: #e4e4e4 3px solid;}
.n_article .ar_title{padding: 0 0 8px 0;position:relative;}
.n_article .ar_title h1{font-size:22px;margin-bottom: 10px;display:block;text-align: left;line-height: 34px;color:#585859;}
.n_article .ar_title h2{font-size:12px;position:relative;text-align: left;display:block;height:40px;padding: 0;color: #c5c5c7;line-height:40px;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}
#ar_fot{position:relative;padding: 20px 30px;float:left;background-color: #fff;box-sizing: border-box;width: 100%;}
#ar_fot h1{display:block;font-size:12px;line-height:30px;color: #656667;font-weight:bold;}
#ar_fot h1 a{font-size:12px;color: #656667;font-weight:normal;}
#ar_fot h1 a:hover{ color:#79b70d;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_article .ar_title span{padding: 0 16px 0 16px;font-size:12px;color:#afafb2;display:inline-block;line-height: 26px;height: 26px;}
.n_article .ar_title span a{font-size:12px;color:#afafb2;float:left;margin-right: 3px;}
.n_article .ar_title .span1{ padding: 0px;width: 100%;display: inline-block; font-size:24px; font-weight:bold; color:#e70012; line-height: 26px;margin-bottom: 3px;}
.n_article .ar_title .span2{ background:url(../image/share.png) left center no-repeat;}
#ar_fot h1:nth-child(1){ text-align:left}
#ar_fot h1:nth-child(2){ text-align:right}


/*==============字号=====================*/
#font_set_box{ position:absolute; right:0px; top:0px; background: url(../image/icon_font.png) left center no-repeat; padding-left: 20px;}
.font_box{ display:inherit; position:relative; }


.font_box a { display:inline-block; width:14px; line-height:36px;   font-size:12px; color: #c4c5c7; text-align:center;}
.font_box a.on{ color: #e23a53;}.font_box a:hover{ color:#e23a53; }
.font_size_lg{ font-size:18px !important; line-height: 40px !important;}
.font_size_lg p{ font-size:18px !important; line-height: 40px !important;  padding-bottom: 30px !important;}
.font_size_md{ font-size:16px !important; line-height: 36px !important;}
.font_size_md p{ font-size:16px !important;  line-height: 36px !important; padding-bottom: 25px !important;}
.font_size_sm{ font-size:14px !important;}
.font_size_sm p{ font-size:14px !important;}


/*==============分享=====================*/
.shart_box{ margin-bottom: 25px; }
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 36px;position:relative;display:none;height:50px;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

#ar_fot h1{ margin-bottom:0px;}
.n-container{ padding:50px 0}
.about .left{ float:left; width:560px;}
.about .right img{ float:right; width:560px;}

#n_show_news{ background:#f3f3f3; position:relative;}
#n_show_news:before{ content:""; position:absolute; top:0; bottom:0; right: 50%; margin-right: -1002px; width:690px; background:#e4e4e4}
#n_show_news .top_title{ height:60px; line-height:60px; border-bottom:#d0d0d0 1px dashed; margin: 52px 0 45px; font-size:18px; color:#3a3a3d}
#n_show_news .top_title a{ display:inline-block; padding:0 0 0 22px; background:url(../image/fangge.png) left center no-repeat; font-size:14px; color:#767676; float:right}
#n_show_news .top_title a:hover{ color:#e70012}

.n_news_right{ float:right; width:288px; position:relative; z-index:1;padding: 72px 0 0 25px;}
.n_news_right form{overflow: hidden;background: #fff;height: 45px;width:100%;position: relative; margin-bottom:40px; }
.n_news_right input[type="text"]{border: none;width: 94%;display: block;height: 45px;text-align: left;color: #bbbbbb;font-size: 14px;background:none;line-height: 45px;padding:0 20px;}
.n_news_right input[type="text"]:focus{ text-align: left;}
.n_news_right input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../image/icon_search01.png) center no-repeat;height: 45px;width: 50px;cursor:pointer;border:none;margin-top: -23px;}
.n_news_right input[type="submit"]:hover{background:url(../image/icon_search01_hover.png) center no-repeat;}
.n_news_right h3{ font-size:18px; color:#4e4e4e; padding:0 0 0 4px}
.n_news_right ul{ padding:0 0 0 4px; margin-bottom:25px;}
.n_news_right ul li{  border-bottom: #d3d3d3 3px solid; padding: 22px 0 22px 0;}
.n_news_right ul li h4{ font-size: 22px; color: #979797; margin-bottom: 6px;}
.n_news_right ul li h5{ font-size: 16px;  margin-bottom:10px;}
.n_news_right ul li h5 a{  color: #545454;}
.n_news_right ul li p{ font-size:12px; line-height:20px; height:40px; color:#969696; overflow:hidden;}
.n_news_right .more img{ width:260px; height:155px; float:right;}

.n_contact{ padding:80px 0 102px; background:#f3f3f3;}
.n_contact .title{ margin-bottom:90px;}
.n_contact ul{ float:left; width:1275px;}
.n_contact ul li{ float:left; width:565px; height:305px; margin-right:70px; background:url(../image/n_contact_bg.png) right top no-repeat; padding:72px 0 0 42px}
.n_contact ul li h3{ font-size:22px; color:#3a3a3d; margin-bottom:32px;}
.n_contact ul li p{ font-size:15px; line-height:38px; color:#525254}
.n_contact ul li .left{ float:left; width:120px;}
.n_contact ul li .right{ float:left; width:280px; padding:30px 0 0 26px;}
.n_contact ul li .right p{ font-size:14px; line-height:30px; color:#6f6f6f;}





.n_container .title{ background:url(../image/n_title_bg.png) right 0px  no-repeat; height:65px;}
.n_container .title h4{ font-size:22px; color:#e70012; font-family:Century Gothic; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
.n_container .title h3{ font-size:30px; color:#3a3a3d;}

/*==========相关链接===========*/
#slide_up_box{position:relative;width: 188px; float:left; margin-right:5px;}
#bnt_link{cursor:pointer;width:188px;display:block;height:50px;border: 2px solid #ebebee;background: #fff url(../image/icon_up.png) 156px center no-repeat;}
.icon_un{background: #fff url(../image/icon_un.png) 156px center no-repeat  !important;}
#bnt_link a{color: #747477;display:block;padding: 0px 20px 0 50px;height:48px;font-size: 14px;line-height:48px;background:url(../image/time.png) 20px center no-repeat;}
#bnt_link i{ font-size:10px; padding-left:5px;}
#content_link{display:none;z-index:9;width: 100%;position: absolute;left: 0;top: 48px;background: #ffffff;border: 2px solid #ebebee;max-height:300px;overflow:hidden;overflow-y:auto;}
#content_link .box{background: #ffffff;padding:5px 0;}
#content_link a{padding: 0px 20px;color: #747477;border-bottom:1px dotted #eee;line-height:34px;font-size:12px;display:block;}
#content_link a:hover,#bnt_link a:hover{ color:#e70012;}
#content_link a:last-child{ border:none}
.n_heng{ margin-bottom:40px;}
.n_heng form{overflow: hidden;width:188px;display:block; height:50px; border: 2px solid #ebebee;background: #fff;position: relative; }
.n_heng input[type="text"]{border: none;width: 94%;display: block;height: 46px;text-align: left;color: #777777;font-size: 14px;background:none;line-height: 46px;padding:0 20px;}
.n_heng input[type="text"]:focus{ text-align: left;}
.n_heng input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../image/icon_search02.png) center no-repeat;height: 45px;width: 50px;cursor:pointer;border:none;margin-top: -23px;}
.n_heng input[type="submit"]:hover{background:url(../image/icon_search02_hover.png) center no-repeat;}

.n_heng input::-webkit-input-placeholder{ color:#777;}
.n_heng input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#777; }
.n_heng input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#777;}
.n_heng input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#777;}



.container02 ul{ margin-top:50px; float:left; width:100%; }
.container02 ul li{ float:left; cursor:pointer; overflow:hidden; width:1200px;}
.container02 ul li.on:before{top:-10px;left:140px;}
.container02 ul li:last-child{ border:none; width:1200px;}
.container02 ul li .icon{float:left;width: 48px;height: 48px;border:#dcdcdc 1.5px solid;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-right: 15px;}
.container02 ul li .con h3{font-size: 16px;line-height:18px;color:#555555;margin-bottom: 5px;margin-top: 5px;}
.container02 ul li .con h4{font-size: 12px;color: #b8b8b9;font-weight: normal;margin-bottom: 0;}
.container02 ul li .icon .table{ display:table; text-align:center; width:100%; height:100%}
.container02 ul li .icon .table .table_cell{ vertical-align:middle; display:table-cell}
.container02 ul li .icon .table .table_cell img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);filter:gray; filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;}
.container02 ul li:hover .icon .table .table_cell img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none; filter:alpha(opacity:1); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}


.miso_hd{ margin-bottom:4.375rem}
.miso_hd ul{ font-size:0; text-align:center}
.miso_hd ul li{ font-size:15px; color:#6c6b6b; display:inline-block;}
.miso_hd ul li h5{font-size:15px;color:#6c6b6b;position:relative;cursor: pointer;}
.miso_hd ul li h5:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:1px; background:#424242; transition:0.6s}
.miso_hd ul li.active h5,.miso_hd ul li h5:hover{ color:#424242}
.miso_hd ul li.active h5:before,.miso_hd ul li h5:hover:before{ left:0; width:100%;}

.miso_bd ul{ font-size:0; margin:0 -1.1875rem}
.miso_bd ul li{ display:inline-block; width:25%; padding:0 1.1875rem; text-align:center}
.miso_bd ul li.non{ display:none !important}
.miso_bd ul li.non.non01{ display:inline-block !important}
.miso_bd ul li.non.non02{ display:inline-block !important}
.miso_bd ul li.non.non03{ display:inline-block !important}
.miso_bd ul li a{ display:block}
.miso_bd ul li a .img{ overflow:hidden; position:relative}
.miso_bd ul li a .img img{ width:100%; object-fit:cover}
.miso_bd ul li a .img .top{ position:absolute; top:100%; right:0; bottom:0; left:0; background:rgba(0,0,0,0); transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.miso_bd ul li a .img .top h5{ font-size:15px; color:#fff; padding:0 15px; line-height:30px; opacity:0; transform:scale(0.5); transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.miso_bd ul li a .con h5{ font-size:15px; color:#747474; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.875rem 0 4.375rem; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}




.n_linian ul{ width:100%; background:#e5e5e5 url(../image/n_linian_bg.png) right bottom no-repeat; height:360px;}
.n_linian ul li{ float:left; width:20%; height:360px; padding:82px 20px 0; text-align:center; position:relative; border-right:#f3f3f3 2px solid}
.n_linian ul li:last-child{ border:none}
.n_linian ul li .img{ position:absolute; width:0; height:360px; top:0; left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; overflow:hidden}
.n_linian ul li:hover .img{ width:238px; }
.n_linian ul li h3{ font-size:20px; color:#e70012; margin-bottom:20px;}
.n_linian ul li h4{ margin-bottom:15px;}
.n_linian ul li p{ font-size:15px; line-height:30px; color:#6d6d6d}







.container06 { padding: 68px 0 0px; }
.container06 .title { text-align: center;  }
.container06 .title h4 { font-size: 27px; color: #434548; margin-bottom: 15px; font-family: Impact; }
.container06 .title h5 { font-size: 15px; color: #0e0e0e }
.container06 form .input01 { float: left; width: 105px; height: 55px; margin-right: 16px; }
.container06 form .input01:nth-child(10) {margin-right:0} { float: left; width: 104px; height: 55px; margin-right: 16px; margin-bottom:20px;}
.container06 form .input02 { float: left; width: 460px; height: 55px; border-radius: 6px;}
.container06 form { display: inline-block; width:1200px; }
.container06 form input { height: 53px; line-height: 53px; border: none; padding: 0 10px; font-size: 14px; color: #666; width: 100%;border-radius: 6px; }
.container06 form .submit { float: right; width: 126px; height: 55px; line-height: 55px; text-align: center;  font-size: 14px; color: #fff; border-radius: 5px; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; }
.container06 form .submit input { background: none; border: none; color: #fff; cursor: pointer;border-radius: 6px; }

.container06 form select { height: 53px; line-height: 53px; border: none;  font-size: 14px; color: #666; width: 115px; border-radius: 5px;    text-align: center;
    text-align-last: center;

	}

.container06 form select option{
 padding:5px;
 line-height:40px;
 margin-top:5px; margin-bottom:5px;
 text-align:center;
 


  }


select option{
 padding:5px;
 line-height:40px;
 margin-top:5px; margin-bottom:5px;
 text-align:center;
 

  }

.type-download {
width:255px;

}
.version-download {
width:225px;

}
.size-download {
width:225px;
}
.btn-download {
    right: 3.125vw;
}
.btn-download {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    border-radius: 50%;
    background-color: #1F368F;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}









#s_about{ width: 600px; overflow: hidden;}


.s_jianjie{ float: left; }

.s_jianjie .tt{ margin-bottom: 1.25rem;}

.s_jianjie .tt span{ font-size: 3rem; color: #151515;font-family: "impact"; text-transform: uppercase; font-weight:bold;}

.s_jianjie .tt h3{ font-size: 1.625rem; color: #151515; margin-top: 2.25rem; margin-bottom: 1rem;}

.s_jianjie .tt i{ display: block; width: 1.75rem; height: 3px; background: #29156f;}

.s_jianjie .con{ font-size: .875rem; line-height: 1.5rem; color: #404040;}


















.item-download a {
    position: relative;
    display: block;
    padding: 20px 0;
}


.item-download a>div {
    font-size: 16px;
    line-height: 1.6;
    display: inline-block;
    vertical-align: middle;
}

.title-download {
    font-weight: 700;
    width: 580px;
    padding-right: 15px;
    padding-left: 50px;
    color: #202020;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
}
.list-search>li:first-child {
    border-top: 1px solid rgba(0,0,0,0.2);
}
.list-search>li:first-child:nth-child(1) {   border-top: 0px solid rgba(0,0,0,0.2);}
.item-download li:not(.item-search__inner):hover {
    background-color: #1F368F;
}
.item-download li:not(.item-search__inner) {

    background-color: #fff;
    -moz-transition: background .4s ease;
    -o-transition: background .4s ease;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}
.list-search>li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.item-download li:not(.item-search__inner):hover a>div {
    color: #fff;
}
.item-download li:not(.item-search__inner):hover a>div {
    color: #fff;
}
.item-download li:not(.item-search__inner):hover a .btn-download {
    background-color: #fff;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.title-download {
width:355px;

    padding-left: 1vw;
}
.btn-download i {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.item-download li:not(.item-search__inner):hover a .btn-download i {
    color: #1F368F;
}




.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-1{display:flex;align-items:center;justify-content:center}
.flex-2{display:flex;align-items:center;justify-content:left}
.flex-3{display:flex;align-items:center;justify-content:right}
.w1200{max-width:1200px;margin:0 auto;box-sizing:border-box}
.fr{float:right}
.fl{float:left}
.clearfix::after{display:block;content:"";clear:both}
.home-title{text-align:center}
.home-title h2{font-size:35px;color:#f9761c}
.home-title h3{font-size:18px;color:#999;margin-top:16px}
.home-title span{color:#ff872f}
.home-title .liner{padding-top:22px}
.moreBut a:hover{box-shadow:0 0 10px #ff873a}

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

.w1200 {
    max-width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
}
	.footfoot{width:1300px; margin:0 auto;}
}

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

.w1200 {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
		.footfoot{width:1200px; margin:0 auto;}
}


.flex-1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
a {
    text-decoration: none;
}
.index-cjjz{width:100%}
.index-cjjz .cjjz-fwcj{width:100%;padding:95px 0 85px 0;background:url(../image/index-cjjz-bj.jpg) no-repeat center 0;background-size:cover}
.index-cjjz .cjjz-fwcj .jzjs{width:645px}
.index-cjjz .cjjz-fwcj .jzjs h3{font-size:48px;color:#fff;margin-bottom:32px}
.index-cjjz .cjjz-fwcj .jzjs p{font-size:16px;color:#fff;line-height:26px;margin-bottom:12px}
.index-cjjz .cjjz-fwcj .jzjs a{width:140px;height:34px;margin-top:50px;text-align:center;line-height:34px;font-size:14px;color:#139ebc;background-color:#f0f6f9;border-radius:17px}
.index-cjjz .cjjz-fwcj .jzjs h4{font-size:14px;color:#0c0d69;padding-right:28px;background:url(../image/index-cgal-tb05.png) no-repeat right center}
.index-cjjz .cjjz-fwcj .jzjs a:hover{background-color:#0c0d69}
.index-cjjz .cjjz-fwcj .jzjs a:hover h4{color:#fff;background:url(../image/index-cjjz-tp04.png) no-repeat right center}
.index-cjjz .cjjz-fwcj .zyjl{width:100%;padding-top:70px}
.index-cjjz .cjjz-fwcj .zyjl .list{float:left;padding:0 65px;background:url(../image/index-cjjz-tp05.jpg) no-repeat right center}
.index-cjjz .cjjz-fwcj .zyjl .list01{padding-left:0}
.index-cjjz .cjjz-fwcj .zyjl .list03{padding-right:0;background:0 0}
.index-cjjz .cjjz-fwcj .zyjl h3{padding-top:64px;font-size:48px;color:#fff;font-weight:700}
.index-cjjz .cjjz-fwcj .zyjl h3 span{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#0c0d69;font-weight:700;background-color:#fff;border-radius:100%;margin-left:5px}
.index-cjjz .cjjz-fwcj .zyjl .ys03 span{font-size:16px}
.index-cjjz .cjjz-fwcj .zyjl .ys01{background:url(../image/index-cjjz-tp01.png) no-repeat 0 0}
.index-cjjz .cjjz-fwcj .zyjl .ys02{background:url(../image/index-cjjz-tp02.png) no-repeat 0 5px}
.index-cjjz .cjjz-fwcj .zyjl .ys03{background:url(../image/index-cjjz-tp03.png) no-repeat 0 10px}
.index-cjjz .cjjz-fwcj .zyjl p{font-size:15px;color:#fff;margin-top:14px}
.index-cjjz .cjjz-gyxd{width:100%;background-color:#0c0d69}
.index-cjjz .cjjz-gyxd .w1200{position:relative;padding:34px 0 25px 0}
.index-cjjz .cjjz-gyxd .pgy{position:absolute;right:0;bottom:0;width:62%}
.index-cjjz .cjjz-gyxd .pgy img{width:100%}
.index-cjjz .cjjz-gyxd .nr{width:700px}
.index-cjjz .cjjz-gyxd .nr h3{font-size:24px;color:#fff}
.index-cjjz .cjjz-gyxd .nr p{font-size:15px;color:#fff;line-height:24px;margin:16px 0 18px 0}
.index-cjjz .cjjz-gyxd .nr a{width:140px;height:34px;border-radius:16px;background-color:#fff}
.index-cjjz .cjjz-gyxd .nr h4{font-size:14px;color:#0c0d69;line-height:24px;padding-right:30px;background:url(../image/index-cgal-tb05.png) no-repeat right center}
.index-cjjz .cjjz-gyxd .nr a:hover{background-color:#fff}
.index-cjjz .cjjz-gyxd .nr a:hover h4{color:#139ebc;background:url(../image/index-cgal-tb05.png) no-repeat right center}



.company-hybr__wrap .title h4 {
    font-size: 48px;
    line-height: 1.4;
    color: #fff;
}
.company-hybr__wrap {
    position: relative;
    padding-top: 33.333%;
}
.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.lazy.insert {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}
.lazy {
    background: url(../assets/images/loading.gif) no-repeat center center;
    background-size: 24px;
}
.company-hybr__wrap .ikon-dec__full {
    right: 4.16667vw;
}
.index-hybr__wrap .cont {
    max-width: 750px;
}
@media (max-width: 1920px)
.company-hybr__wrap .cont {
    left: 8.33333vw;
}
.sec-padding__val {
    padding: 6.25vw 0;
}
.sec-padding__val {
    padding: 120px 0;
}
.company-hybr__wrap .txt p {
    font-size: 16px;
    line-height: 2;
    color: #fff;
}
.company-hybr__wrap .cont {
    position: absolute;
    top: 50%;
    left: 300px;

    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.company-hybr__wrap .title p {
    font: 16px "Montserrat Light";
    line-height: 1.6;
    color: #fff;
}
.hover-btn01 p {
    position: relative;
    padding: 3px 0;
}
.hover-btn01 span, .hover-btn01 p {
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;

}
.white-btn p {
    color: #fff;
}
.link-btn p {
    font: 16px "Montserrat Light";
    margin-left: 10px;
}
.link-btn span, .link-btn p {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.white-btn span {
    background-color: #fff;
}
.link-btn span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
.link-btn span, .link-btn p {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.company-hybr__wrap .txt {
    margin-top: 1.5625vw;
}
.index-hybr__wrap .box-btn {
    margin-top: 3.125vw;
	float: left;
}
.index-hybr__wrap .box-btn a {
    margin-right: 2.08333vw;
}