@charset "utf-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;}
body, input, button, form, textarea {
	font-size: 14px;
	line-height: 28px;
	font-family: "Arial";
	color: #333;}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;}
ul, ol {
	list-style: none;}
img {
	border: 0px;
	/* display: block; */
	margin: 0;
	padding: 0;}
em, i, strong {
	font-style: normal;}
button, input, select, textarea {
	font-size: 100%;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
body {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;}
* {
	padding: 0px;
	margin: 0px}
div {
	margin: 0;
	padding: 0;
	border: 0;}
p {
	margin: 0;}
b, strong {
	font-weight: bold;}
table {
	border-collapse: collapse;
	border-spacing: 0;/* Remove most spacing between table cells.*/}
li {
	list-style: none outside none;}
a  {
	TEXT-DECORATION:none}
.fl {
    float: left!important;}
.fr {
    float: right!important;}

.main {
    width: 1280px;
    margin: 0 auto;
}

.main1{
    width: 1280px;
    margin: 0 auto;
}

/*分页样式*/
.pglist {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 13px;
	margin: 0 4px;
	background: #efefef;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #1d2088;
}
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #1d2088;
}



.nav {
	width: 100%;
	/*background-color: #ffffff; */
	z-index: 1000;
		/*box-shadow: 0px 3px 3px rgba(0,0,0,0.15);*/
	height: 105px;
    position: relative;}

.nav .main {
	position: relative;}

.nav .logo {
	width: 280px;
	height:60px;
	float: left;
	text-indent: -999px;
	background:  url(/resource/images/logo.png) center no-repeat;
	margin-top: 25px;}

.nav .logo a {
	width: 300px;
	height: 55px;
	display: block;}

/*导航*/
.nav-list {
	width: 860px;
	float: left;;
	margin-top: 10px;
	margin-left: 130px;}

.nav-list ul .nli {
	width: 110px;
	height: 95px;
	line-height: 90px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	margin-left: 12px;}

.nav-list ul .nli p {
	font-weight: normal;
	color: #454545;}

.nav-list ul .nli p a {
	display: block;
	width: 110px;
	height: 40px;
	box-sizing: border-box;
	display: block;
	    font-size: 18px;
    font-weight: 100;
    color: #333;
}

.nav ul .on h3 a {
	border-bottom: 6px solid #e40e0e;}

.nav .sub {
	width: 110px;
	background-color: #1d2088;
	position: absolute;
	top: 95px;
	display: none;
	z-index: 999;}

.nav .sub li {
	height: 40px;
	line-height: 40px;}

.nav .sub li a {
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #ffffff;}

.nav .sub li:hover {
	background-color: #bdbdbd;
	border-bottom: 1px solid #ffffff;}

/*产品中心下拉*/
.nav .sub2 {
	width: 1920px;
	overflow: hidden;
	top: 90px;
	display: block;
	margin-left: -970px;
	line-height: 2;
	z-index: 99;
	position: absolute;
	padding: 40px 0 30px 0;
	background: rgba(255, 255, 255, 0.95);
	display: none;}

.nav .sub2 .juzhong {
	width: 1280px;
	height: 285px;
	overflow: hidden;
	margin-left: 320px;}

.nav .sub2 .juzhong ul {
	width: 1280px;}

.nav .sub2 .juzhong ul li {
	width: 300px;
    float: left;
    text-align: center;
    margin: 0 10px;}

.nav .sub2 .juzhong ul li p a{
    font-size: 16px;
    font-weight: bold;	}
	
.nav .sub2 .juzhong ul li .img-box {
	width: 240px;
	height: 200px;
	text-align: center;
	margin-top: -20px;}

.nav .sub2 .juzhong ul li p:first-child {
	font-size: 16px;
	color: #e40e0e;
	text-align: center;
	margin-left: 80px;}

.nav .sub2 .juzhong ul li span {
	font-size: 15px;
	color: #666;
	display: block;
	margin-top: 40px;
    width: 240px;}

.nav .sub2 .juzhong ul li p:last-child {
	font-size: 16px;
	color: #333;
	text-align: center;}

/*.index-banner*/
.main_banner {
	width: 100%;
	overflow: hidden;
	height: 580px;
	margin: 0 auto;
	/* position: relative; */
	z-index: 2;}	
.main_banner .bd {
	width: 1920px;
	height: 700px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;}	
.main_banner .bd li img {
	width: 1920px;
	height: 700px;
	overflow: hidden;}	
.main_banner .hd {
	position: absolute;
	width: 270px;
	left: 50%;
	bottom: 250px;
	z-index: 3000;
	margin-left: -114px;
	text-align: center;}	
.main_banner .hd ul {
	display: inline-block;}

.main_banner .hd li {
	height: 8px;
    margin: 0 8px;
    width: 8px;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #1d2088;}	
.main_banner .hd li.on {
	background-color: #1d2088;}	
.main_banner .hd li:focus {
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;}	
.main_banner .lj {	
	display: inline-block;
	width: 50px;
	height: 100px;
	background: url("/resource/images/banner_icon1.png") no-repeat;}
.main_banner .lk {
	display: inline-block;
	width: 50px;
	height: 100px;
	background: url("/resource/images/banner_icon2.png") no-repeat;}	
.main_banner a.prev {
	display: block;
	width: 50px;
	height: 100px;
	position: absolute;
	left: 2%;
	top: 33%;
	margin-top: -25px;
	border-radius: 50%;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all 600ms ease;}	
.main_banner a.next {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 2%;
	top: 33%;
	margin-top: -25px;
	border-radius: 50%;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all 600ms ease;}	
.main_banner a:hover {
	width: 50px;
	height: 50px;
	filter: alpha(opacity=100);
	opacity: 1;}	
.main_banner a {
	width: 25px;
	height: 44px;}	
.page_banner {
	width: 100%;
	overflow: hidden;
	height: 300px;
	margin: 0 auto;
	position: relative;
	z-index: 1;}	
.page_banner img {
	height: 300px;
	width: 1920px;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -960px;}	
.page_banner .page_text {
	position: absolute;
	left: 50%;
	top: 100px;
	text-align: center;
	margin-left: -60px;}	
.page_banner .page_text p {
	font-size: 30px;
	color: #fff;
	font-weight: bold;}	
.page_banner .page_text i {
	display: inline-block;
	width: 40px;
	height: 5px;
	background-color: #fff;
	margin-top: 12px;}	
.main_banner a.prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 4%;}	
.main_banner a.next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	right: 4%;}
/*.index-banner*/

/*imdex-title*/
.index {
	width: 1280px;
	margin: 0 auto;}
.index-title {
	text-align: center;
	width: 1280px;
	margin: 0 auto;
	margin-top: 80px;}	
.index-title h3 {
	font-size: 28px;
    font-weight: bold;
	display: block;
	line-height: 30px;
	color: #000;
	text-align: center;}	
.index-title p {
    color: #3e3e3e;
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 25px 0;}
/*index-title*/


/*index-about*/
.index-about{
	background: url(/resource/images/bg_02.jpg) no-repeat center center;
    background-size: cover;
	height: 600px;}
.index-about .index-about-l{
	float: left;
	width: 830px}
.index-about .index-about-l .top{
	margin-bottom: 40px;
	margin-top: 30px;}
.index-about .index-about-l .top .h{
	font-size: 43px;
	color: #ededed;
	font-weight: bold; 
	text-transform: upperindex-apply;
	line-height: 43px; }
.index-about .index-about-l .top .p{
	font-size: 28px;
	color: #484848;}
.index-about .index-about-l .ti{
	margin-top: 20px;
	font-size: 20px;
	line-height: 42px;
	color: #000000}
.index-about .index-about-l .cont{
	font-size: 15px;
	color: #424242;
	margin-top: 20px;
	line-height: 24px;
	width: 690px}
.index-about .index-about-l .more{
	display: block;
	width: 37px;
	height: 37px;
	background: url(/resource/images/ico_03.png) no-repeat;
	margin-top: 25px}
.index-about .index-about-l .list{
	margin-top: 40px;}
.index-about .index-about-l .list ul li{
	float: left;
	border: 1px solid rgba(41,175,62,.0);
	transition: all .5s ease;
	margin-right: 15px;}
.index-about .index-about-l .list ul li a{
	display: block;
	width: 230px;
	height: 98px;
	box-sizing: border-box;
	padding: 5px 10px 0 5px;}
.index-about .index-about-l .list ul li:last-child{
	margin-right: 0}
.index-about .index-about-l .list ul li .h{
	line-height: 34px;}
.index-about .index-about-l .list ul li .h em{
	position: relative;
	display: inline-block;}
.index-about .index-about-l .list ul li .h .img1{
	opacity: 1;
	transition: all .5s ease; }
.index-about .index-about-l .list ul li .h .img2{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .5s ease;}
.index-about .index-about-l .list ul li:hover .h .img1{
	opacity: 0 ;transform:rotateY(180deg)}
.index-about .index-about-l .list ul li:hover .h .img2{
	opacity: 1;transform:rotateY(180deg)}
.index-about .index-about-l .list ul li .h span{
	display: inline-block;
	font-size: 18px;
	color: #1b1b1b;
	margin-left: 6px;
	padding-left: 8px;
	position: relative;}
.index-about .index-about-l .list ul li .h span:after{
	service: '';
	position: absolute;
	left: 0;top: 50%;
	width: 1px;
	height: 14px;
	margin-top: -7px;
	background: #aeaeae}
.index-about .index-about-l .list ul li .p{
	font-size: 14px;
	color: rgba(19,19,19,.8); }
.index-about .index-about-r{
	float: right;
	width: 295px;
	padding: 7% 5%;}
.index-about .index-about-r ul li{
	margin-bottom: 60px;
	position: relative;}
.index-about .index-about-r ul li:after{
	service: '';
	position: absolute;
	width: 60px;
	height: 3px;
	background: #fff;
	left: -155px;
	top: 50%;
	margin-top: -2px;
	opacity: 0;visibility: hidden;
	transition: all .5s ease;}
.index-about .index-about-r ul li:last-child{
	margin-bottom: 0}
.index-about .index-about-r ul li .h{
	vertical-align: bottom;
	font-size: 22px;
	color: #fdfdfd}
.index-about .index-about-r ul li .h span{
	font-size: 59px;
	font-family: arial;
	color: #fdfdfd;
	line-height: 60px;
	margin-right: 5px}
.index-about .index-about-r ul li :hover .h span{
	transform:rotateY(180deg)} 
.index-about .index-about-r ul li .p{
	font-size: 16px;
	color: #fdfdfd;
	margin-top: 6px}
/*index-about*/


/*index-pro*/
.index-pro {
	width:1280px;
	margin: 0 auto;
	height: 500px;}
.index-pro-l {
	width: 480px;
	position: relative;
	height: 483px;
	background: #ececec;
	margin: 0 auto;float: left;}
.index-pro-l .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;}
.index-pro-l .bd ul {
	width: 100% !important;}
.index-pro-l .bd li {
	width: 480px !important;
	height: 480px !important;
	overflow: hidden;}
.index-pro-l .bd li img{
	width: 460px !important;
	height: 400px !important;
	overflow: hidden;
	text-align: center;}
.index-pro-l .bd li :hover img {
	transform: scale(1.1, 1.1);transition: all 0.5s ease-out 0s;}
.index-pro-l .bd li a {
	display: block;
	height: 600px;
	position: relative;}
	
.index-pro-l .bd li a .f_txt {
	background: url(../images/touming.png) repeat;
	height: 58px;
	padding-top: 5px;
	text-align: left;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	padding-left: 15px;
}
.index-pro-l .bd li a .f_txt span {
	font-size: 12px;
	line-height: 20px;
}
.index-pro-l .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 0;
	height: 42px;
	line-height: 30px;
	text-align: center;
	_filter: alpha(opacity=60);}
.index-pro-l .hd ul {
	text-align: right;
	padding-top: 16px;
	text-align: center;}
.index-pro-l .hd ul li {
	cursor: pointer;
	display: inline-block;
    *display:inline;
	zoom: 1;
	width: 80px;
	height: 4px;
	margin: 0 10px;
	overflow: hidden;
	line-height: 9999px;
	background: #fff;}	
.index-pro-l .hd ul .on {
	background: #1f60ad;}	
.index-pro-l .prev,  .index-pro-l .next {
	position: absolute;
	left: -15px;
	top: 220px;
	display: block;
	width: 76px;
	height: 148px;
	line-height: 148px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;}	
.index-pro-l .prev img, .index-pro-l .next img {
	margin-left: 0px;
	margin-top: 0px;}
.index-pro-l .next {
	left: auto;
	right: -15px;}	
.index-pro-ico {
    position: absolute;
    right: 20px;
    top: 10px;}	
.index-pro-r{
	width: 800px; 
    float: left; }
.index-pro-r li{
	float: left;
	width: 380px;
	border-top: 1px solid #e5e5e5; 
	border-right: 1px solid #e5e5e5;
	max-height: 602px;
	background-color: #fff;
	margin-bottom: 70px;}
.index-pro-r .r-pro{
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	overflow: hidden;
	height: 240px;}
.index-pro-r li:first-child{
	background:#2f3854;
	background: -moz-linear-gradient(top, #282e46 0%, #2f3854 100%);
	background: -webkit-linear-gradient(top, #282e46 0%,#2f3854 100%);
	background: -o-linear-gradient(top, #282e46 0%,#2f3854 100%);
	background: -ms-linear-gradient(top, #282e46 0%,#2f3854 100%);
	background: linear-gradient(to bottom, #282e46 0%,#2f3854 100%);  }
.index-pro-r .r-pro img{
	display: block;
	width: 240px;
	height: 240px;
	float: right;-
	webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.index-pro-r .r-pro:hover img {
	transform: scale(1.1, 1.1);}
.index-pro-r .r-pro .text{
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0;
	padding: 0 30px;}
.index-pro-r .r-pro .text .tit{
	display: block;
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom: 10px;}
.index-pro-r .r-pro .text .tit-1{
    display: block;
    font-size: 14px;
    color: #4e4e4e;
    font-weight: 100;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.index-pro-more {
    text-align: center;
    background: #1d2088;
    line-height: 30px !important;
    margin-top: 30px;
    display: block;
    height: 30px;
    width: 90px;
    color: #fff !important;border-radius: 6px;}	
	
.index-pro-more:hover {
            background-color: #ff0000;
            color: #fff;
        }	
	
.txt1{
	height: 80px;
	line-height: 20px;
	padding-left: 20px;
	font-size: 14px;
	-webkit-transition: all .33s ease-out;
	-moz-transition: all .33s ease-out;
	-o-transition: all .33s ease-out;
	-ms-transition: all .33s ease-out;
	padding-top: 10px; 
    color: #fff;}
.txt1  h2{
	font-size: 20px;
    font-weight: 700;
    float: left;
    margin-top: 10px;
    color: #333; }
.txt1 p{ 
    font-size: 16px;
    padding-top: 10px;
    float: left!important;
    color: #333;
	width: 400px;}
.txt1  em{ 
    color: #1d2f68;}



/* --index-apply-- */
.index-apply {
    overflow: hidden;
    background: #fff;}
.index-apply-list {
    overflow: hidden;}
.index-apply-list .item {
    position: relative;
    float: left;
    width: 20%;}
.index-apply-list .pic {
    position: relative;}
.index-apply-list .pic img {
    display: block;
    width: 100%;}
.index-apply-list .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 60% 40px 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.5s linear;}
.index-apply-list .icon {
    margin: 0 auto;
    width: 60px;
    overflow: hidden;}
.index-apply-list .icon img {
    display: block;
    width: 60px;
    height: 60px;}
.index-apply-list .icon:after {
    display: block;
    margin: 15px auto;
    width: 22px;
    height: 2px;
    service: "";
    background: #fff;}
.index-apply-list .tit {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
 .index-apply-list .tit a {
    color: #fff;}
.index-apply-list .summary {
    display: none;
    margin: 18px 0;
    height: 75px;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;}
.index-apply-list .btnBox {
    display: none;
    margin: 0 auto;
    max-width: 205px;
    height: 35px;
    line-height: 35px;
    border: #fff solid 1px;
    overflow: hidden;    
	width: 120px; }
.index-apply-list .btnBox a {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;}
.index-apply-list .btnBox a:nth-child(1) {}
.index-apply-list .btnBox a:before {
    background-color: #f9a219;}

.index-apply-list .item.cur .text {
        padding-top: 20%;
        background: rgba(29,32,136,0.85);}
.index-apply-list .item.cur .summary, .index-apply-list .item.cur .btnBox {
        display: block;}
/*index-apply*/

/*index-service*/
.index-service{
	height:550px;}
.inb8-main .list-item {
    float: left;
    width: 400px;
    background-color: #efefef;
    margin: 0 20px 0 5px;
    transition: 0.36s;}
.inb8-main .list-img {
    width: 400px;
    height: 230px;
    overflow: hidden;}
.inb8-main .list-img img {
    width: 400px;}
.inb8-main .list-info {
    padding: 20px 30px 30px ;}
.inb8-main .list-tit {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    font-weight: bold;
    text-align: center;}
.inb8-main .list-text {
    margin-top: 15px;
    font-size: 15px;
    line-height: 25px;
    height: 78px;
    color: #666666;
	text-align: center;}
.inb8-main .list-btn {
    text-align: center;
    margin-top: 20px;}
.inb8-main .list-btn .service1 {
   width: 160px;
   font-size: 15px;
   /* border: solid 1px #1d2088; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #1d2088;}
.inb8-main .list-btn .service1 span {
    padding-left: 30px;
    background: url(/resource/images/imdex_service1.png ) no-repeat left center;}
.service1 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    transition: 0.36s;}

.inb8-main .list-btn .service2:hover {
     background-color: #ff0000;
     color: #fff;}
.inb8-main .list-btn .service2 {
   width: 160px;
   font-size: 15px;
   /* border: solid 1px #1d2088; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #1d2088;}
.inb8-main .list-btn .service2 span {
    padding-left: 30px;
    background: url(/resource/images/imdex_service2.png ) no-repeat left center;}
.service2 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    transition: 0.36s;}

.inb8-main .list-btn .service1:hover {
    background-color: #ff0000;
    color: #fff;}

.inb8-main .list-btn .service2:hover {
            background-color: #ff0000;
            color: #fff;}

.inb8-main .list-btn .service3 {
   width: 160px;
   font-size: 15px;
   /* border: solid 1px #1d2088; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #1d2088;}
.inb8-main .list-btn .service3 span {
    padding-left: 30px;
    background: url(/resource/images/imdex_service3.png ) no-repeat left center;}
.service3 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    transition: 0.36s;}

.inb8-main .list-btn .service3:hover {
            background-color: #ff0000;
            color: #fff;}

/*index-message*/
.message {
	background: url(/resource/images/inkf-bg.jpg) no-repeat center top;
	padding: 40px 0;
	color: #fff;}
.message .p1 {
	text-align: center;}
.message .p1 b {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;}
.message .p1 span {
	display: block;
	font-size: 18px;
	line-height: 30px;
	margin-bottom:20px;}
.message .message_con {
	overflow: hidden;
	width: 1220px;
    margin: 0 auto;}
.message .infoP1 {
	float: left;
	width: 300px;
	height: 50px;
	background: #fff;
	box-shadow: 5px 0 15px #e1e1e1;
	position: relative;
	z-index: 3;}
.message .infoP1 input {
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	border: none;
	text-indent: 20px;
	font-size: 16px;
	color: #666;
	padding-right: 25px;
	background: url(/resource/images/message01.png) no-repeat right center;}
.message .infoP2 {
	float: left;
	width: 300px;
	height: 50px;
	background: #fff;
	box-shadow: 5px 0 15px #e1e1e1;
	position: relative;
	z-index: 2;}
.message .infoP2 input {
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	border: none;
	text-indent: 20px;
	font-size: 16px;
	color: #666;
	padding-right: 25px;
	background: url(/resource/images/message02.png) no-repeat right center;}
.message .infoP3 {
	float: left;
	width: 360px;
	height: 50px;
	background: #fff;position: relative;
	z-index: 1;}
.message .infoP3 input {
	display: block;
	width: 320px;
	height: 50px;
	line-height: 50px;
	border: none;
	text-indent: 20px;
	font-size: 16px;
	color: #666;
	padding-right: 25px;
	background: url(/resource/images/message03.png) no-repeat right center;}
.message .ljtj {
	float: right;
	width: 230px;
	height: 50px;}
.message .ljtj a{
	display: block;
	height: 48px;
	line-height: 48px;
	text-indent: 30px;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
	background: url(/resource/images/message04.png) no-repeat 133px center; }
/*index-message*/

/*index-news*/
.index-news {
	height: 480px;}
.news{
	height: 500px;	  		   
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	width: 570px;
    float: right;}
 .textlist {
    position: relative;
    overflow: hidden;
    width: 570px;
    float: right;}
.textlist li {
	float: left;
	width: 570px;
	height: 125px;
	transition: all 0.2s linear 0s;
	margin-bottom: 10px;
	background: #f7f7f7;}
 .textlist li a {
	display: block;}
 .textlist li .img {
    width: 150px;
    height: 110px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin: 8px 10px;}
 .textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;}
 .textlist li a:hover img {
	transform: scale(1.2, 1.2);}
 .textlist li .txt {
	width: 370px;
    margin: 15px 20px 10px 0px;}
 .textlist li h3 {
	font-size: 16px;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}

.textlist li a:hover h3 {
	color: #1d2088;}
 .textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #717171;
	cursor: pointer;
	font-size: 14px;
	padding-top: 10px;}
 .textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;}
/*index-news*/

/*index-bottom*/
.index_bottom {
	width: 100%;
	background: url(/resource/images/footer-bj.jpg) no-repeat center center;
	height:420px;overflow: hidden;}
.bottom_logo {
   width: 450px;
    border-right: 1px solid #676896;}
.bottom_logo img {
   margin-right:60px;}   
.bottom-zx{
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;}
.bottom-zx  span{
	margin-top: 16px;
    display: block;
    width: 100px;
    height: 34px;
    border-radius: 4px;
    text-align: center;
    color: #bdbdbd;
    font-size: 15px;
    line-height: 34px;
    transition: .36s ease;
    border: 1px solid #676896;
    cursor: pointer; }
.bottom-zx  span:hover { 
    color: #fff; 
	background: #1d2088; }
.bottom-tel .item-dd{
    font-size: 24px;
    line-height: 32px;
    font-weight: 100;
    color: #ffffff;
    margin-top: 30px;}
.bottom-tel .item-dt{
    font-size: 15px;
    line-height: 20px;
    color: #dadada;
    margin-top: 15px;}
.bottom_logo  p{
   font-size: 14px;
   color: #bdbdbd;
   float: left;
   margin-top: 10px;}
.bottom_logo  a{
   font-size: 14px;
   color: #bdbdbd;}

.index-bottom .bottom_nav {
	width: 600px;
    height: 180px;
    display: inline-block;
    margin-left: 50px;
    border-bottom: 1px solid #676896;}
.index-bottom .bottom_nav ul {
	width: 140px;
	float: left;}
.index-bottom .bottom_nav ul  li {
	text-align: center;}
.index-bottomn .bottom_nav ul li h3 {
	padding-bottom: 8px;}
.index-bottom .bottom_nav ul li h3 a {
	display: block;
	font-size: 18px;
	color: #d0d0d0;
	padding-bottom: 8px;
	font-weight: bold;}
.index-bottom .bottom_nav ul li h3 i {
	display: block;
	width: 30px;
	height: 1px;
	background-color: #cccccc;}
.index-bottom .bottom_nav ul li a {
	display: block;
	font-size: 14px;
	color: #bdbdbd;}
.index-bottom .bottom_nav ul li a:hover {
   color: #ffffff;;}
.index-bottom .bottom_tit {
	padding-top: 10px;
	margin-top: -180px;}
.index-bottom .bottom_tit .r1 {
	width: 120px;
	margin-left: 20px;}
.index-bottom .bottom_tit .r2 {
	float: left;
	padding-left: 60px;
	text-align: left;}
.index-bottom .bottom_tit .r1 p {
	width: 120px;
	text-align: center;
	float: left;
	margin-bottom: 20px;}
.index-bottom .bottom_tit .r1 p img {
	width: 120px;
	height: 120px;
	border: #d2d2d2 solid 1px;}
.index-bottom .bottom_tit .r1 p span {
	font-size: 14px;
	color: #999;
	display: block;
	padding-top: 10px;
	line-height: 20px;}
.index-bottom .bottom_tit .r2 li {
	display: block;
	clear: left;
	height: 65px;}
.index-bottom .bottom_tit .r2 li img {
	width: 50px;
	height: 50px;
	float: left;}
.index-bottom .bottom_tit .r2 li p {
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	padding-left: 12px;
	text-align: left;
	padding-top: 0px;}
.index-bottom .bottom_tit .r2 li p span {
	margin-top: 2px;
	font-size: 22px;
	color: #333;
	display: block;
	font-weight: bold;}
.f_ban{
	width: 600px;
	padding: 30px 0 0;
	margin-left: 60px;}
.f_ban p{
	line-height: 50px;
	padding-left: 50px;
	font-size: 14px;
	color: #bdbdbd;
	width: 250px;
	float: left;}
.f_ban b{
	font-size: 24px;}
.f_ban p.f_p01{
	background:url(/resource/images/footer_icon1.png) no-repeat left center;}
.f_ban p.f_p02{
	background:url(/resource/images/footer_icon2.png) no-repeat left center;}
.f_ban p.f_p03{
	background:url(/resource/images/footer_icon3.png) no-repeat left center;  }
.f_ban p.f_p04{
	background:url(/resource/images/footer_icon4.png) no-repeat left center;  }
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	width: 570px;
    float: right;}
.index .textlist li {
	float: left;
	width: 570px;
	height: 125px;
	transition: all 0.2s linear 0s;
	margin-bottom: 10px;
	background: #f7f7f7;}
.index .textlist li a {
	display: block;}
.index .textlist li .img {
    width: 150px;
    height: 110px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin: 8px 10px;}
.index .textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;}
.index .textlist li a:hover img {
	transform: scale(1.2, 1.2);}
.index .textlist li .txt {
	width: 370px;
    margin: 15px 20px 10px 0px;}
.index .textlist li h3 {
	font-size: 17px;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}
.index .textlist li a:hover h3 {
	color: #1d2088;}
.index .textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #717171;
	cursor: pointer;
	font-size: 14px;
	padding-top: 10px;}
.index .textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;}
.new_tj {
    font-size: 38px;
    text-align: left;
    margin-bottom:20px;
    font-weight:500;
    width: 700px;}
.new_tj ul{}
.new_tj ul li{
    width: 320px;
    margin: 0 1.5%;
    float: left;}
.new_tj ul li a{
    display: block; }
.new_tj .sy_link{ overflow:
    hidden;
    height: 230px;}
.new_tj ul li img{
    display:block;
    transition: all ease 2s;
    width:100%;
    height: 230px;}
.new_tj ul li:hover img{
    transform: scale(1.1);}
.new_tj ul li:hover{
    transform: translate(1px, -1px);
    box-shadow: 0 0 10px 5px rgba(157,157,157,0.3);}
.new_tj ul li .con{  
    background-color: #efecec; 
    padding: 15px;}
.new_tj ul li .con a{
    line-height: 28px;}
.new_tj ul li .con h4{ 
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-weight: 600;
    color:#000;
    line-height: 45px;}
.new_tj ul li .con p{
    font-size: 14px;
    height: 90px;
    overflow: hidden; 
    text-align:left;
    color: #333;}
.new_tj ul li .con:hover{
    -moz-box-shadow:0 3px 10px rgba(0,0,0,.2);
    -webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);
    box-shadow:0 3px 10px rgba(0,0,0,.2);
    top:-5px;  }
.new_tj ul li .con:hover h4 a{
    color:#1d2088}
.new_tj ul li .con a:hover h4{ 
    color:#1d2088} 


.subright {
    width: 1280px; margin: 0 auto;height:540px;
}
.sitepath {
    line-height: 30px;
    color: #88848b;
    
    margin-bottom: 20px;
}
.sitepath .home {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -100px -100px;
    margin-right: 8px;
}
.icon {
    /* background: url(/resource/images/_icon.png) no-repeat; */
    display: inline-block;
    vertical-align: middle;
}
.sitepath a {
   color: #e8e8e8;
    display: inline-block;
    white-space: nowrap;
    font-size: 15px;
}
.MainBg {
    width: 960px;
    margin: 0 auto;
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
}
.HS10 {
    height: 10px;
}
.OriginalPicBorder {
    padding: 0;
    width: 480px;
}
#OriginalPic {
    width: 480px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    float: left;
}
.SliderPicBorder {
    width: 100%;
    overflow: hidden;
}
#OriginalPic img {
    display: block;
    width: 480px;
    height: 400px;
    margin: 0 auto;
}
.Clearer {
    display: block;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
.Hidden {
    display: none;
}
.arecttitle {
    width: 420px;
    float: left;
    margin-left: 39px;
    margin-top: 20px;
}
.arecttitle h1 {
    font-size: 28px;
    line-height: 30px;
    color: #000;
    margin-bottom: 25px;
}

.txt-1 {
    width: 420px;
    float: right;
    font-size: 14px;
    color: #2b2b2b;
    line-height: 25px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.txt-1 p{
     padding: 10px 0 0;
    font-size: 14px;
    color: #2b2b2b;
}


.inbanlxtel{
    padding: 10px 0px 10px 35px;overflow: hidden;
}
.inbanlxtel em {
    width: 20px;
    margin-right: 15px;
    display: inline-block;
    margin-left: -30px;vertical-align: middle;
}
 .inbanlxtel a {
    color: #f20d00;
    font-weight: bold;
    font-size: 25px;
}

.ThumbPicBorder {
    width: 450px;
    height: 110px;
    margin: 0 auto;
    background: #eeeeee;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    float: right;
}
.ThumbPicBorder #btnPrev {
    width: 25px;
    height: 85px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 15px;
}
.ThumbPicBorder #btnNext {
    width: 25px;
    height: 85px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 15px
}
 top: 15px;
}
.FlLeft {
    float: left;
}

.showContxt_t {
    font-size: 25px;
    border-bottom: 10px solid #f5f5f5;
    line-height: 55px;
    font-weight: bold;
    color: #232323;
    width: 960px;
    float: left;
    margin-bottom: 20px;
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 420px;
	height: 110px;
	margin: 0 auto;
	background: #ebf0f5;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
}

.ThumbPicBorder .pic {
	width: 400px;
	overflow: hidden;
	position: relative;
	margin: 15px 0 0 10px;
}
.jCarouselLite {
!important;
}
#ThumbPic  {
 width: 380px !important;
}
#ThumbPic li {
width: 120px !important;
height: 86px !important;
}

#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 10px;
	width: 100px;
	height: 80px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #eb3d00;
}

.cover1{ 
    height:1700px;
	width: 250px;
	float: right;
	position: relative;
}

.cover{  
    float: left;
	bottom:0; 
	width:270px;
	 height:400px;
	 margin-top: 10px;  
}
.cover .wrap{
	position:relative; 
	height:450px;
	}
.cover .content{
	overflow-y:auto; 
	background: #ebf0f5; 
	float: left; 
	top:80px;
}
.cover .content::-webkit-scrollbar {
	width:4px; height:4px;
}
.cover .content::-webkit-scrollbar-track {
	border-radius:0; 
	background:#f6f5f5;
}
.cover .content ul{
	padding:0px 0;
}
.cover .content li{
	border-bottom: 1px dashed #fbfbfb; 
	border-color:rgba(255,255,255,.9);
}
.cover .content li .box{
	padding: 13px 30px;
}
.cover .content li .box .tit{
	font-size:18px; 
	line-height:23px; 
	font-weight:bold; 
	color:#fff;
	margin-bottom:4px;
}
.cover .content li .box .con{
	font-size:14px; 
	line-height:23px;
	color:#fff;
	color:rgba(255,255,255,.7);
}
.cover .content li{ }
.cover .content li .box .tit{
	color:#323f47
}
.cover .content li .box .tit a { 
    color:#2b2b2b
}
.cover .content li .box  a { 
    color:#2b2b2b;padding-right: 15px;
}
.cover .content li .box .con{
	color:#323f47; 
	color:rgba(50,63,71,.7);
}
.cover .content li .box .con a { 
    padding-right: 10px;
}
.cover .content li .box .tit a:hover{
	color:#1d2088;
}
.cover .content li .box .con a:hover{
	color:#1d2088;
}
.cover .content li :hover  {  }




.fwtxt {
    margin-top: 8px;
    text-align: center;
}

 .fwtxt .sl {
    float: left;
}
 .fwtxt span {
    padding-left: 25px;
    font-size: 14px;
    color: #333333;
    position: relative;
}
 .fwtxt span:before {
    content: "";
    width:20px;
    height: 20px;
background: url(/resource/images/dh.png);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
 .fwtxt .sr {
    float: right;
}


.proshow {
     width:1280px;
	 margin:0 auto;overflow: hidden;
}
.showContxt {
     width:940px;
	 float: left;
	 margin-bottom: 50px;
}
.left{
    width: 940px; 
    float:left;}
.product-page .title{
    width: 940px; 
    float:left;}
.product-page .title li a{
    width: 230px;
    background: #f0f0f4;
    float: left;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
    display: block;
    border: 2px solid #fff;
    position: relative;
    color: #232323;}
.product-page .title li:first-child a{
    background: #1d2088;
    color: #fff;}
.product-page .title li:first-child a:after{
    content: "";
    display: block;
    width: 0;height: 0;
    overflow: hidden;
    border-color: #1d2088 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 10px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -19px;}
.product-page .title li a:hover{
    background: #1d2088;
    color: #fff;}
.right-cp{
    width: 270px;
    float: right;
    margin-bottom: 50px;}
.right-cp h2{
    width: 100%;
    background: #1d2088;
    text-align: center;
    padding: 14px 0;
    margin-top: 2px;}
.right-cp h2 span{
    font-size: 24px;
    color: #fff;
    background: url(/resource/images/pro_tj.png) left center no-repeat;
    padding: 5px 0 5px 45px;}
.right-cp ul{ 
    padding: 20px 0px 0px 0px;
    border: 1px solid #e1e1e1;}
 .right-cp li {
     margin-top: 20px;}
.right-cp li span{
    display: block;
    text-align: center;
    padding:0px 0 0px 0;
    color: #333;
    font-size: 15px;
    background-color: #ffffff;
    margin-top: 5px;}
.right-cp li img{
    width: 270px;
    height:220px;}
.crumbs {
    padding-top: 140px;
    padding-left: 0px;
    position: relative;}
.pro-top {
    /* position: relative; */
    overflow: hidden;margin-bottom: 50px;height: 280px;}
.pro-top img {
    display: block;}
.lx-a img {
    margin-left: 4px;}
.main-pro {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;}
.wrap {
    width: 1280px;
    margin: 0 auto;}
.list-box .top-text {
    float: left;
    margin-top: 0;width: 600px;}
.list-box .top-text a {
   font-size: 30px;
   color: #fff;}
.list-box {
    margin-top: 20px;}
.top-text h1, .top-text strong {
    font-size: 30px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 10px;font-weight: 700;}
.top-text p {
    font-size: 17px;
    color: #fff;
    line-height: 1.7em;
    margin-bottom: 76px;}
.list-box .btn-area {
    float: right;
    width: 30%;
    text-align: right;
    margin-top: 40px;}
 .pro-btn {
    text-align: center;
    margin-top: 20px; float:right;margin-left: 15px;}
 .pro-btn .pro_ {
   width: 150px;
   font-size: 15px;
   /* border: solid 1px #1d2088; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #ff4747;}
 .pro_ span {
    padding-left: 30px;
    background: url(/resource/images/pro-icon1.png ) no-repeat left center;}
.pro_ {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 150px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    transition: 0.36s;}

.container{ 
    width:1280px;
    margin: 0 auto; }
 .contactbox {
    position: absolute;
    top: 350px;
    width: 950px;
    text-align: left;
    padding: 25px 30px 20px 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 999;}
.contactboxzx li.call_li2 {
    background: url(/resource/images/callicon1.png) left 8px no-repeat;
    background-size: 40px;}
.contactboxzx li a {
    clear: both;
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    padding-left: 55px;
    line-height: 22px;
    color: #f7f7f7;}
.contactboxzx li a span {
    font-size: 25px;
    font-weight: 700;
    display: block;
    line-height: 1.1;
    color: #f52828;}
.contactbox .contactboxtit {
    font-size: 30px;
    line-height: 1.1;
    display: block;
    clear: both;
    position: relative;
    color: #f7f7f7;
    line-height: 1;
    font-weight: bold;}

.contactbox .contactboxtit:after {
    content: '';
    width: 76px;
    height: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;}

.contactbox .contactboxtxt {
    padding: 0px 0px 0px 0px;
    line-height: 28px;
    font-size: 16px;}
.contactbox .contactboxtxt {
    clear: both;
    text-align: left;
    padding: 10px 0px;
    font-size: 16px;color: #f7f7f7;}
.contactboxzx {
    padding: 20px 0px;}
.contactboxzx {
    clear: both;
    width: 100%;}
.contactboxzx li a {
    font-size: 15px;
    line-height: 28px;}
.contactboxzx li.call_li1 {
    background: url(/resource/images/contact_dh1.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li2 {
    background: url(/resource/images/contact_dh2.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li3 {
    background: url(/resource/images/contact_dh3.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li4 {
    background: url(/resource/images/contact_dh4.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li5 {
    background: url(/resource/images/contact_dh5.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li {
    float: left;
    width: 30%;
}
.contactboxadress {
    padding: 5px 0px 15px 0px;
}
.contactboxadress {
    font-size: 16px;
    padding: 5px 0px 5px;
	color: #f7f7f7;
	width: 800px;float: left;
}


.contactboxbom {
    display: block;
    padding: 20px 0;
    margin-bottom: 0;
}
.contactboxbom li {
    width: auto;
    float: left;
    margin-right: 5%;color: #f7f7f7;font-size: 15px;margin-top: 30px;
}
.contactboxbom li span {
    font-size: 35px;
}

.contactbomtit {
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center;
    padding: 50px 0px 10px 0px;
}

.contact {width: 1280px;
    margin: 0 auto;
    margin-top:40px;
    overflow: hidden;
    margin-bottom: 25px;}
.contact h3{ 
    font-size:40px; 
    margin:8px 0 20px 0; 
    font-weight:500;
    text-align:center; 
    color:#000}
.contact h4{ 
    font-size:20px;
    margin:15px 0 0 0; 
    font-weight:600;
    text-align:center; 
    color:#000}
.contact p{ 
    font-size:16px; 
    text-align:center;
    color: #000;}
.contact em{ 
    font-size:28px;
    text-align:center;
    color:#000 }
.contact h5{ 
    font-size:15px; 
    line-height:24px;
    font-weight:400; 
    margin:8px 0; 
    text-align:center; 
    color:#888}
.contact ul {
    margin-top:20px;}
.contact li {
    float: left;
    width: 16%;
    margin: 1% 1.1%;
    text-align: center;
    background: #efefef;
    padding: 20px 10px;}
.contact-wz {
    width: 100%;}
.contact ul li img { 
    display:block; 
    text-align: center;
    margin:10px auto 0;
    transition: all .5s ease;}
.contact ul li:hover img{ 
    transform: scale(1.1);
	transition: all .5s ease}
   
.wrap {
    width: 1280px;
    margin: 0 auto;}

.new-top{
    background: url(../images-pc/new-bg.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 95px;
    padding-bottom: 40px;}

.base-new{
    text-align: center;
    margin-top: 72px;}
.base-new h1{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 112px;}
.base-new .show{
    padding: 18px 40px;
    background:#ff6d28;
    background: 
    -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);
    background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);
    background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);
    background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);
    display: inline-block;
    color: #fff;
    line-height: 40px;}
.base-new .show span{
    display: inline-block;
    font-size: 16px;}
.base-new .show strong{
    display: inline-block;
    font-size: 24px;
    margin-right: 24px;}
.base-new .show em{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 34px;}
.base-new .show .line-a{
    display: inline-block;
    width: 124px;
    background-color: #fff;
    color: #fd6d2a;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    -moz-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    -ms-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    -o-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    position: relative;}
.base-new .show .line-a:after{
    content: '';
    width: 72px;
    height: 75px;
    background: url(../images-pc/new-kf.png) no-repeat;
    position: absolute;
    left: 26px;top: -75px;}
.base-new .show .line-a:hover{
    background-color: #4d7dff;
    color: #fff;}

.new-title{
    position: relative;
    margin-bottom: 30px;}
.new-title h2{
    display: inline-block;
    font-size: 30px;
    color: #333;
    line-height: 46px;
    font-weight: normal;
    padding-right: 16px;
    position: relative;}
.new-title h2 a{
    color: #333;
    display: block;}
.new-title h2:after{
    content: '';
    width: 1px;
    height: 30px;
    background-color: #d3d3d4;
    position: absolute;
    top: 8px;
    right: 0;}
.new-title span{
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #616161;
    padding-left: 14px;
    margin-top: 5px;}
.new-title .more{
    display: block;
    position: absolute;
    right: 0;
    color: #333333;
    font-size: 15px;
    line-height: 26px;
    bottom: 4px;
    padding: 2px 10px;
    border: 1px solid #333333;}
.new-title .more i{
    color: #1d2088;}
.new-title .more:hover{
    background-color: #1d2088;
    border: 1px solid #1d2088;
    color: #ffffff;}
.new-title h2:hover a{
    color: #1d2088;}
.new-title .more:hover i{
    color: #ffffff;}

.news-box{
    margin-top: 90px;
    position: relative;}
.news-box:before{
    content:'';
    max-width: 1816px;
    width: 100%;
    height: 236px;
    background: url(../images-pc/new-wz.png) no-repeat;
    position: absolute;
    left: 0;top: -40px;
    right: 0;
    margin: auto;
    z-index: -1;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;}

.new-items{
    margin-left: -1.5%;
    margin-bottom: 10px;
    overflow: hidden;}
.new-items li{
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    margin-bottom: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    background-color: #fff;}
.new-items li .img{
    display: block;
    width: 100%; 
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 66.5%;}
.new-items li .img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.new-items li .text{
    padding:12px;
    background-color: #f3f3f3;}
.new-items li .text a{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;}
.new-items li .text p{
    overflow: hidden;}
.new-items li .text p span{
    display: inline-block;
    font-size: 16px;
    color: #959595;
    line-height: 24px;
    margin-right: 10px;}
.new-items li .text p .time{
    margin-right: 0;
    color: #999999;
    background: url(/resource/images/news_icon2.png) no-repeat left center;
    padding-left: 20px;}
.new-items li .text p .on{
    padding:0 14px;
    background-color: #4e7dfe;
    color: #fff;}
.new-items li .text a:hover{
    color: #1d2088;}
.new-items li:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.new-items li:hover{
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 20px rgba(0,0,0,0.1) inset;}
.new-items li:hover::after{ 
    right:10px;left:auto;
    transform:rotate(3deg)}
.news-box .news-list{
    margin-bottom: 30px;}


/* ======================== 新闻列表 ====================== */

.show-news{
    margin-top: 60px;
    margin-bottom: 80px;}
.new-bt{
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 40px;}
.new-bt h2{
    font-size: 32px;
    line-height: 42px;
    color: #333333;
    font-weight: normal;}
.new-bt span{
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 30px;}
.new-bt:after{
    content:'';w
    idth: 240px;
    height: 1px;
    background-color: #bfbfc5;
    position: absolute;
    left: 0;
    bottom: 0;}

.show-news li{
    overflow: hidden;
    margin-bottom: 40px;}
.show-news li .date{
    float: left;width: 108px;
    text-align: center;
    margin-right: 20px;
    background-color: #f0f1f5;color: #595b68;
    padding:35px 0 37px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.show-news li .date strong{
    display: block;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 4px;}
.show-news li .date span{
    display: block;
    font-size: 20px;
    line-height: 30px;}
.show-news li .text{
    overflow: hidden;}
.show-news li .text a{
    display: block;
    font-size: 20px;
    color: #3d3b4c;
    font-weight: bold;
    line-height: 30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom: 3px;}
.show-news li .text p{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    isplay: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;}
.show-news li .text span{
    display: inline-block;
    margin-top: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #4d7dff;
    padding: 0 5px;
    border:1px solid #4d7dff;}
.show-news li:hover .date{
    background-color: #4d7dff;
    color: #fff;}
.show-news li:hover .text a{
    color: #4d7dff;}

.news-list li {
    float: left;
    width: 47%;
    margin-left: 3%;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 30px;}

.news-list {
    margin-left: -3%;
    overflow: hidden;
    margin-bottom: 40px;}
.news-list li{
    float: left;
    width: 45%;
    margin-left: 3%;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 30px;}
.news-list li a{
    display: block;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-left: 45px;
    background: url(/resource/images/index-icon2.png) no-repeat left center;
    float: left;}

.news-list li .date{
    display: block;
    float: right;
    color: #666666;
    margin-left: 30px;
    background: url(/resource/images/news_icon2.png) no-repeat left center;
    padding-left: 20px;}
.news-list li:hover a{ }

.news-item{ }
.news-ul{ }
.news-ul li{
    float: left;
    width: 45%;
    overflow: hidden;
    padding:20px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-bottom: 30px;
    margin: 0 18px 20px 4px; 
    background: rgb(230 230 230 / 20%);}
.news-ul li .img{
    float: left;
    display: block;
    width: 220px;
    object-fit: cover;
    overflow: hidden;
    height: 160px;}
.news-ul li .img img{
    display: block;
    width: 100%;}
.news-ul li .text{
    float: right;
    width: 58%;
    padding-left: 18px;
    position: relative;}
.news-ul li .text .tit{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: bold;
    margin-bottom: 10px;}
.news-ul li .text p{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
    margin-bottom: 20px;}
.news-ul li .text span{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    display: inline-block;}
.news-ul li .text .more{
    display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-position: left center;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    transition: background-position .6s ease;
    position: absolute;right: -20px;
    bottom: -30px;border-radius: 4px 0 4px 0;}
.news-ul li .text .more:hover {
    background-position: right center;}
.news-ul li:hover{
    -webkit-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    -moz-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    -ms-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    -o-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    background-color: #fff;}
.news-ul li:hover .text .tit{
    color: #d53838;}
    
.news-item.item{
    background-color: #f6f8fb;
    padding-bottom: 52px;}
.news-item.item .news-ul li{
    margin-bottom: 30px;}
.news-item .news-list{
    margin-top: 0;}
.news-item .news-list li{
    margin-bottom: 30px;}
.news-item .news-list li a{
    color: #333333;}
.news-item .news-list li a:hover{
    color: #f64949;}

.w1200 {
    max-width: 1200px;
    margin: 0 auto;}
   
.index_news{
        margin-top:70px}
.index_news .index_t{
    text-align:left;}
.index_news .index_t a{
    color:#222}
.index_news ul{
    overflow:hidden;
    margin-left:-3.8%}
.index_news li{
    width: 28%;
    margin-left: 25px;
    float:left;
    background-color: #d4d4d433;
    padding: 20px;}
.index_news li h3{
    font-size:18px;
    font-weight:400;}
.index_news li h3 a{
    color:#222}
.index_news li p{
    color:#666;
    line-height:24px;
    padding:13px 0 10px;
    border-bottom:1px dashed #c8c8c8}
.index_news li .index_n_more{
    overflow:hidden;
    padding:17px 0 0;
    border:none 0}
.index_n_more .time{
    display:block;
    float:left;
    width:40%;
    padding-left:30px;
    background:url(../images/time.png) left center no-repeat}
.index_n_more .more{
    width:30%;
    text-align:right;
    float:right;}
.index_n_more .more a{
    color:#eb2002}
.index_news a:hover{
    color:#eb2002}



.prr {
    width: 100%;
    float: right;
    padding-left: 40px;}

.prtbiao {
    font-size: 24px;
    font-weight: bold;
    padding-left: 16px;
    position: relative;}
.prtbiao:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 20px;
    background: #1d2088;
    left: 0px;
    top: 5px;}
.prtp {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    margin-top: 8px;}
.prtp p {
    color: #666666;}

.prrn {
    font-size: 0px;
    padding-bottom:20px;}
.prlie {
    width: 31.3%;
    display: inline-block;
    vertical-align: top;
    margin : 0 10px 0 5px;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;}

 .prlie:nth-child(4n-1) {
        /* margin:0; */}

.prtu {
    position: relative;
    overflow: hidden;}
.prtun img {
    width: 100%;
    transition: 0.5s;}
.przi {
    padding: 0 20px 25px;}
.pra {
    display: block;
    color: #0d0d0d;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;text-align: center;}
.prp a {
    display: block;
    color: #666666;
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;margin-bottom: 20px;}

.pro_left{
    width: 230px;
    float: left;}
.pro_right{
    width: 1000px;
    float: right;}

.prl {
    width: 230px;
    float: left;
     /* position: sticky; */
    top: 90px;
    left: 0;background: #ebf0f5;
    margin-bottom: 30px;}
.pryiji {
    padding: 20px;}
.pryiji>li {
    position: relative;}
.pryiji>li {
    margin-top: 20px;}
.pryiji>li>a {
    position: relative;
    padding-left: 41px;}
.pryiji li a {
    display: block;
    color: #0d0d0d;
    font-size: 18px;
    line-height: 30px;}
.pryiji>li i {
    display: block;
    width: 26px;
    height: 26px;
    border: solid 1px #1d2088;
    line-height: 24px;
    text-align: center;
    font-size: 10px;
    color: #1d2088;
    position: absolute;
    left: 0px;
    top: 3px;
    cursor: pointer;
    transition: 0.5s;
    background: url(/resource/images/product_icon.png) no-repeat center center;}

.iconfont {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;}
    
.dangi {
    transform: rotate(90deg);
    color: #1d2088 !important;
    border-color: #1d2088 !important;}
.icon-right7:before {
   }
.prerji {
    display: none;}
.prerji {
   padding-left: 35px;
    padding-top: 10px;}
.prerji li a {
    font-size: 16px;
    margin-top: 10px;}

.c-btn {
    margin-right: 10px;padding: 5px 17px;}

.b-btn {
    float: right;padding: 5px 17px;}
.b-btn {
    font-size: 16px;
    line-height: 24px;
    color: #ea5504;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ea5504;
    padding: 6px 30px;
    display: inline-block;
    transition: all .3s;}
.c-btn {
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    /* background: #f1f1f1; */
    border-radius: 4px;
    border: 1px solid #757575;
    padding: 6px 30px;
    margin-right: 10px;
    display: inline-block;
    transition: all .3s;}
.prerji li a:hover{ 
    color:#1d2088}
.b-btn:hover{ 
    border: 1px solid #1d2088; 
    color:#1d2088}
.c-btn:hover{ 
    background: #1d2088;
    color:#ffff}
.arecttitle1 {
	width: 940px;
	text-align: center;
	margin-top: 20px;}
.arecttitle1 h1 {
	font-size: 28px;
	line-height: 30px;
	color: #000;
	margin-bottom: 5px;}
.arecttitle1 .mark {
	width: 100%;
	padding: 10px 0 10px;}
.arecttitle1 .mark span {
	display: inline-block;
	padding-left: 5px;
	font-size: 14px;
	color: #666;}
.arecttitle1 .mark span:first-child {
	padding-left: 0;}

/* reLink*/
.reLink {
	width: 100%;
	margin: 20px 0 10px;
	line-height: 60px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 60px;
	color: #333333;}
.reLink .nextLink {
	text-align: right;}
.reLink a {
	font-size: 15px;color: #333333;}
.reLink a:hover {
	color: #1d2088;}

.wxts{
    width: 940px;
    background: #1d2088;
    padding: 20px 0;
    margin: 20px 0;}
 .wxts P{
     width: 94%;
     margin: 0 auto;
     color: #fff;}
 .wxts .zx{
     width: 100px;
     height: 25px;
     padding: 3px 10px 3px 30px;
     border-radius: 5px;
    background: url("/resource/images/news_show.gif") left 8px center no-repeat #fff;
    margin: 0 10px;cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;}
 .wxts .tel{
     font-size: 22px;
     color: #ff9109;
     font-weight: bold;
     line-height: 30px;}
 
 .relateNews {
	padding: 55px 0 0;
    width: 1280px;
    overflow: hidden;
    margin: 0 auto;}

.relateNews .list {
	width: 120%;}

.relateNews .list li {
	width: 620px;
	float: left;
	margin-right: 35px;
    margin-bottom: 30px;}

.relateNews .list li a {
	display: block;
	width: 100%;}

.relateNews .list li img {
	width: 135px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 20px;}

.relateNews .list li h3 {
	line-height: 26px;
	font-size: 16px;
	float: left;
    color: #333;
    margin-bottom: 10px;
}
	
.relateNews .list li:hover h3 {
	color: #1d2088;;}
	
.relateNews .list li .time {
	color: #999999;
	font-family: arial;
	font-size: 16px;
	line-height: 26px;
	float: right;}
	
.relateNews .list li p {
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	float: left;
	width: 460px;
	text-align: justify;}
	
.relateNews .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);}
	
	.n-tit {
	margin-bottom: 30px;}

.n-tit h3 {
	line-height: 35px;
	font-size: 24px;}

.n-tit s {
	width: 4px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;}

.n-tit .more {
	font-size: 14px;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 5px;
	border: 1px solid #ddd;
	transition: all ease 600ms;color: #333;}

.n-tit .more:hover {
	width: 150px;
	transition: all ease 600ms;}

.ser-idea{
    margin-top:30px}
.ser-idea h2{
    font-size:32px;
    font-weight:700;
    text-align:center;
    padding-top:40px;
    margin-bottom:30px;
    color:#333}
.ser-idea-tit{
    font-size:16px;
    text-align:center;
    color:#555}
.ser-idea ul{
    overflow:hidden;
    margin-top:30px}
.ser-idea ul li{
    float:left;
    width:33.333%;
    color:#fff;
    height:260px;
    background:#f3f3f3;
    overflow:hidden}
.ser-idea ul li img{
    height:260px;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease}
.ser-idea ul li img:hover{
    -moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1)}
.ser-idea ul li h3{
    text-align:center;
    font-size:22px;
    padding:35px 0;
    color:#ed1c24}
.ser-idea ul li p{
    padding:0 10%;
    font-size:16px;
    line-height:32px;
    color:#555}

.abouts_1{
    width: 1280px;
    overflow: hidden;
    margin:0 auto;
    margin-bottom: 60px;}
.abouts_1 h2 {
    font-size: 32px;
    line-height: 36px;
    text-align: center;}
.abouts_1 .hx{
    margin-top: 40px;
    overflow: hidden;}
.abouts_1 .left{
    width: 42%;
    float: left;}
.abouts_1 .left h3{
    font-size: 30px;
    color: #020202
    ;margin: 0px 0 20px 0px;}
.abouts_1 .left h3:after{
    content: "";
    width: 40px;
    height: 0;
    overflow: hidden;
    border-color: #020202;
    border-style: solid;
    border-width: 1px;
    margin-top: 30px;
    display: block;}
.abouts_1 .right{
    width: 55%;
    float: right;}
.abouts_1 .left p{
    line-height: 28px;
    text-align: left;
    color: #020202;
    margin: 0;
    font-size: 15px;}
.abouts_1 .left li{
    width: auto;
    float: left;
    text-align: center;
    margin: 30px 6% 0 1%;}
.abouts_1 .left li h4 span{
    font-size: 48px;
    color: #1d2088;
    font-weight: bold;}
.abouts_1 .left li p{
    margin: 5px 0; 
    padding-right: 3px;}


.abouts_2 {
    margin-bottom:60px;}
.abouts_2  h3 {
    font-size: 32px;
    line-height: 32px;
    color: #333333;
    text-align: center;
    padding: 0;
    margin: 0 0 16px 0;}
.abouts_2  p{
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 24px;}
.abouts_2  ul {
    overflow: hidden;
    margin-top: 24px;}
.abouts_2  li{
    float: left;
    width: 23%;
    margin: 0 1%;}
.abouts_2  ul img{
    width: 285px;}

.abouts_3 { 
    width:100%; 
    padding:40px 0; 
    background:url(/resource/images/about_ctwh.jpg) no-repeat center;
    margin-bottom:50px;
    height: 280px;}
.abouts_3  .tit{ 
    text-align:center; 
    font-size:32px; 
    color:##000; 
    margin-bottom:50px;}
.abouts_3 .tit span{ 
    display:block; 
    width:60px;
    height:3px; 
    background:#1d2088; 
    margin:0 auto; 
    margin-top:20px;}
.abouts_3 .tb{
    width: 1280px;
    text-align: center; 
    margin: 0 auto;}
.abouts_3 .tb ul li{ 
    float:left; 
    width:425px;
    text-align: center;}
.abouts_3 .tb ul li img{ 
    width:56px;
    height:56px;
    margin:0 auto;
    transition: all 0.4s; 
    text-align:center; 
    display:block;}
.abouts_3 .tb ul li img:hover{
    transform: rotate(360deg);}
.abouts_3 .tb ul li .tit{ 
    font-size:22px; 
    color:#000;
    margin:25px 0; 
    text-align:center;}
.abouts_3 .tb ul li span{ 
    font-size:17px;  
    color:#000; 
    margin:25px 0; 
    text-align:center;}
.abouts_3 .tb ul li .n{
    line-height:28px; 
    margin-top:25px; 
    font-size:17px; 
    color:#666; t
    ext-align:center; 
    height:60px; 
    overflow:hidden;}

.abouts_4 dl {
    width: 24%;
    float: left;
    background: #f0f0f0;
    margin: 0 1.0% 13px 0;}
.abouts_4 dt {
    border: 1px solid #f0f0f0;
    padding: 10px 9px;
    background: #fff;}
.abouts_4 dt img {
    display: block;
    width: 100%;}
.abouts_4 dd h4 {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0;
    font-weight: normal;}
.abouts_4 dd h4 a {
    color: #4b4a4a;}    
 .fw{
	margin-bottom: 20px;
	width: 1280px;
	margin:0 auto;
	overflow: hidden;}
.fw-t{
	text-align: center;
	margin-bottom: 20px;}
.fw-t h2{
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 46px;
	padding-top:5px;
	margin-bottom:5px;
	position: relative;
	display: inline-block;}
.fw-t h2:after{
	content:'';
	width: 129px;
	height:129px;
	background: url(../images-pc/fw-icon.png) no-repeat;
	position: absolute;
	top: 0;
	left: -40px;
	z-index: -1;}
.fw-t p{
	font-size: 16px;
	color: #666666;
	line-height: 36px;	}
.fw ul{
	-webkit-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	-moz-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	-ms-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	-o-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	box-shadow:0 20px 40px rgba(7,19,57,0.1);}
.fw li{
	float: left;
	width: 425px;}
.fw li .text{
	position: relative;}
.fw li .text p{
	position: absolute;
	left: 0;top:28%;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	color: #1d1e31;
	width: 100%;
	text-align: center;
	transform: -webkit-translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: 15px;}
.fw li .text span{
	position: absolute;
	left: 0;top: 65%;
	font-size: 16px;
	line-height: 34px;
	font-weight: 400;
	color: #555;width: 100%;
	text-align: center;
	transform: -webkit-translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: 20px;}
.fw li .text p:after{
	content:'';
	width: 60px;
	height:2px;
	background:#da251a;
	background: -moz-linear-gradient(left, #1d2089 0%, #da251a 100%);
	background: -webkit-linear-gradient(left, #1d2089 0%,#da251a 100%);
	background: -o-linear-gradient(left, #1d2089 0%,#da251a 100%);
	background: -ms-linear-gradient(left, #1d2089 0%,#da251a 100%);
	background: linear-gradient(to right, #1d2089 40%,#da251a 100%);
	position: absolute;left: 50%;bottom: 0;margin-left: -30px;}
   
.service_2{
    height:480px;
    background:url(/resource/images/service_js.jpg) no-repeat center;
    background-size:cover;
    color:#fff;
    padding-top:50px;
    margin-top:60px;
    margin-bottom: 80px;}
.service_2 .title{
    font-size:30px;
    text-align:center;
    margin-bottom:20px;
    font-weight: bold;}
.service_2 p{
    font-size:16px;
    text-align:center;
    color: #fff;}
.service_2 .service_2_list{
    text-align:center}
.service_2 .service_2_list img{
    text-align:center}
.service_2.service_2_list p{
    font-size:14px;
    ext-align:left;
    color:#eeeeee}
.service_2 ul{
    display:flex;
    justify-content:space-between}
.service_2 li{
    width:260px;
    height:220px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:10px;
    padding:20px;
    margin-top:50px}
.service_2 li:hover{
    background-color:#1d2089;
    border:1px solid #1d2089}
.service_2 .service_2_list span{
    display:block;
    font-size:20px;
    margin:25px 0 15px;
    color:#fff}
    
.side-contact{
    margin-top: 20px;
    border: 10px solid #ebf0f5;
    background-color: #fff;
    padding: 10px 20px 20px;overflow: hidden; height: 220px;}
.side-contact .item{
    height: 50px;
    margin-top: 15px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 0;}
.side-contact.side-tel {
    height: unset;
    padding-bottom: 0;
    border-bottom: 0;
    text-align: center;}
.side-contact .side-tel i {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;}
.icon-tel {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background: rgba(29, 32, 136, 0.1) url(/resource/images/pro_list_icon.png) no-repeat center center;
    border: solid 1px #1d2088;
    border-radius: 50%;}
.side-contact .side-tel .info {
    display: block;
    width: unset;
    margin-top: 5px;
    margin-left: 0;}
.side-contact .info {
    display: inline-block;
    width: 160px;
    margin-left: 15px;
    vertical-align: middle;}
.side-contact .item-dt {
    font-size: 15px;
    line-height: 28px;
    color: #4a4a4a;text-align: center;margin-top: 15px;}
.side-contact .side-tel .item-dd {
    font-size: 24px;
    line-height: 32px;
    margin-top: 5px;}
.side-contact .item-dd {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: bold;}
 .pro_list-btn {
    text-align: center;
    margin-top: 85px;}
 .pro_list-btn .service1 {
   width: 150px;
   font-size: 15px;
   color: #ffffff;
   background-color: #1d2088;height: 40px;line-height: 40px;}
 .pro_list-btn .service1 span {
    padding-left: 30px;
    background: url(/resource/images/imdex_service1.png ) no-repeat left center;}


.add-news-industry {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 60px;}
.add-news-industry ul {
    width:100%;
    float:right;}
.add-news-industry li{
    margin-top:22px;
    padding:20px 30px;
    background-color:#f3f3f3;}
.add-news-industry li .tit {
    margin-bottom:14px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size: 16px;
    color: #333;}
.add-news-industry li .tit:hover{
    color:#1d2088;
    font-weight: 700;}
.add-news-industry li .desc { 
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    color: #717171;
    cursor: pointer;
    font-size: 14px;
    padding-top: 9px;}
.news-industry-b .text .add-time,.add-news-industry li .add-time {
    float:none;background: url(/resource/images/news_icon2.png) no-repeat left center;
    padding-left: 20px;
    color: #999999;}
.news-industry-b {
    width:53.57%;
    float:left;
    padding-top:30px;}
.news-industry-b .pic {
    display:block;
    overflow:hidden;
    position:relative;
    padding-top:54.6%;}
.news-industry-b .pic img {
    position:absolute;
    top:0;left:0;
    width:700px;
    height:100%;
    webkit-transition: all .3s ease-in-out; */
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}
.news-industry-b .pic: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);}
.news-industry-b .text {
    padding:20px 25px 20px 25px;
    background-color:#f7f7f7;}
.news-industry-b .text .tit {
    color:#333;
    font-weight:700;
    margin-bottom:8px;
    font-size: 18px;}
.news-industry-b .text .tit:hover {
    color:#1d2088;}
.news-industry-b .text .desc {
    line-height:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    height:50px;
    margin-top: 10px;
    color: #717171;}
.grey .more {
    display: block;
    width: 14px;
    height: 12px;
    background: url(/resource/images/news_icon1.png) no-repeat center;
    text-indent: 999em;
    overflow: hidden;
    float: right;}

.newslist {
	padding: 0;
	width: 100%;
}
.newslist .item {
	width: 610px;
	height: 155px;
	display: block;
	margin-bottom: 28px;
	background: #f9f9f9;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	float: left;
    margin: 0 15px 20px 15px;

}
.newslist .item a {
	display: block;
	padding: 20px;
}
.newslist .item .img {
	width: 150px;
	height: 112px;
	overflow: hidden;
}
.newslist .item .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.newslist .item a:hover .img img {
	transform: scale(1.1, 1.1);
}
.newslist .item .txt {
	width: 400px;
}
.newslist .item .txt h3 {
	color: #000;
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newslist .item .txt p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-bottom: 5px;
}
.newslist .item a:hover .txt h3 {
	color: #1d2088;
}
.newslist .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.newslist .add-time {
	background: url(/resource/images/news_icon2.png) no-repeat left center;
    padding-left: 20px;
}

.case-items{
   padding: 0;
    width: 100%;
    
}
.case-items li{
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    margin-bottom: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    background-color: #fff;}
.case-items li .img{
    display: block;
    width: 100%; 
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 66.5%;}
.case-items li .img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.case-items li .text{
    padding:12px;
    background-color: #f3f3f3;}
.case-items li .text a{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;}
.case-items li .text p{
    overflow: hidden;}
.case-items li .text p span{
    display: inline-block;
    font-size: 16px;
    color: #959595;
    line-height: 24px;
    margin-right: 10px;}
.case-items li .text p .time{
    margin-right: 0;
    color: #999999;
    background: url(/resource/images/news_icon2.png) no-repeat left center;
    padding-left: 20px;}
.case-items li .text p .on{
    padding:0 14px;
    background-color: #4e7dfe;
    color: #fff;}
.case-items li .text a:hover{
    color: #1d2088;}
.case-items li:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case-items li:hover{
    transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
.case-items li:hover::after{ 
    right:10px;left:auto;
    transform:rotate(3deg)}
 


/*导航*/
#index-head #nav {  }	
#nav ul {
	margin: 0 auto;
	width: 100%;}	
#nav li:first-child {
	width: 120px;}
#nav li {
	float: left;
	width: 120px;
	display: block;
	list-style: none;
	font-size: 18px;
	text-align: center;
	line-height: 100px;
	position: relative;
	margin: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}	
#nav li a {
	display: block;
	text-align: center;
	position: relative;
	color: #000000;
	height:100px;
	 /*font-weight: 100; */}	
#nav li:hover a {
	color: #232323;
	font-weight: 700;}

/*导航栏下拉*/
#nav .subnav {
	position: absolute;
	left: 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	z-index: 199;
	opacity: 0;
	visibility: hidden;
	height: auto;
	overflow: hidden;
	width: 100%;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}	
#nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}	
#nav .subnav {
	position: absolute;
	left: -9px;
	top: 100px;
	width: 105%;
	z-index: 10;
	border-left: 5px solid rgba(255,255,255,0.1);
	border-right: 5px solid rgba(255,255,255,0.1);
	border-bottom: 5px solid rgba(255,255,255,0.1);}	
#nav .subnavbg {
	position: static;
	background: #32363e;
	background: rgba(255, 255, 255, 1)!important;
	filter: Alpha(opacity=60);
   *zoom:1;} 
#nav .subnav a {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #333 !important;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #e4e3e3;
	font-weight: normal;}	
#nav .subnav a:hover {
	display: block;
	color: #fff !important;
	background: rgb(29, 32, 136)!important;}	
/*.index-head*/