body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img{padding: 0; margin: 0;}

html{ _background:url(about:blank);}

body{background:#fff; color:#333px; font-family:"微软雅黑","宋体";}

body,th,td,input,select,textarea,button{font-size:15px;line-height:1 ;}

blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}

fieldset,img,abbr,acronym{border: 0 none;}

img{vertical-align:top;}

abbr,acronym{font-variant: normal;}

legend{color:#000;}

blockquote, q{quotes: none}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}

sup{top:-0.5em; }

sub{bottom:-0.25em;}

caption{display:none;}

caption,th{text-align: left;}

dl,ul,ol,menu,li{list-style:none}

input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}

input,select,textarea,button{vertical-align:middle;outline:none;}

textarea{resize:none}

input[type="submit"]{cursor: pointer;}

button{border:0 none;background-color:transparent;cursor:pointer}

input::-moz-focus-inner{border: 0; padding: 0;}

h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}

del,ins,a{text-decoration:none;}

a:hover,a:active,a:focus{ text-decoration:none;}

a{outline: none;transition: color 0.2s ease 0s; color:#333;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right;}



.wi{max-width: 1500px; margin:0 auto; padding-left: 30px; padding-right: 30px;}

header{padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 10; background: #305cbf;}

header .logo{display: block; width: 148px; float: left; margin-top: 13px;}

header .logo img{display: block; width: 148px;}

header .tel{display: block; background: url("../images/tel.png") no-repeat center left; overflow: hidden; font-size: 30px; font-weight: 600; color: #fff; line-height: 31px; padding-left: 42px; float: right; margin-top: 14px;}

header .nav{float: right;}

header .nav li{float: left; position: relative;}

header .nav li a{display: block; padding: 20px 30px; font-size: 18px; color: #fff;}

header .nav li a:hover{color: #fff;}

header .nav li ul{position: absolute; top: 58px; left: 0; z-index: 1; width: 132px; background: rgba(255,255,255,0.9); border-top: solid 3px #234aa7; padding-top: 3px; padding-bottom: 5px; display: none;}

header .nav li:hover ul{display: block;}



@media (min-width: 1680px){

	

    header .nav{margin-right: 100px;}

	header .nav li a{display: block; padding: 20px 30px; font-size: 18px;}



}

header .nav li ul li{float: inherit; border-bottom: solid 1px #fff;}

header .nav li ul li:last-child{border: 0;}

header .nav li ul li a{font-size: 16px; padding: 10px 10px; text-align: center; color: #212121;}

header .nav li ul li a:hover{color: #305cbf;}



.banner img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}



.content{width: 1200px; margin-left: auto; margin-right: auto;}



.cpbox{overflow: hidden; padding-top: 60px; padding-bottom: 70px;}

.titfl h3{font-size: 30px; font-weight: 600; color: #191919;}

.titfl span{font-size: 14px; color: #999; display: block; margin-top: 9px;}

.titfl{position: relative; padding-left: 20px;}

.titfl:after {

  content: "";

  position: absolute;

  width: 3px;

  height: 50px;

  left: 0;

  top: 0;

  z-index: 9;

  background: #305cbf;

}

.more{display: block; font-size: 17px; color: #666; margin-left: 50px; margin-top: 28px;}

.more:hover{color: #305cbf;}

.tinav{margin-top: 28px;}

.tinav a{font-size: 17px; color: #305cbf; font-weight: 600; float: left; display: block; margin-left: 40px;}

.tinav a:nth-child(1){margin-left: 0;}

.tinav a:hover{text-decoration: underline;}

.cpl li{width: 400px; float: left; margin-left: 40px; margin-bottom: 40px;}

.cpl{margin-left: -40px; overflow: hidden; margin-bottom: -40px; margin-top: 44px;}

.cpl li a{display: block; overflow: hidden; border: solid 1px #f0f0f0;}

.cpl li img{width: 400px; height: 300px; display: block;}

.cpl li span{display: block; font-size: 17px; font-weight: 600; color: #202020; background: url("../images/bg_06.png") no-repeat center right 14px; height: 34px; line-height: 34px; border-top: solid 1px #f0f0f0; padding: 14px 14px;}

.cpl li a:hover span{background: url("../images/bg_07.png") no-repeat center right 14px #234aa7; color: #fff;}



.title{text-align: center;}

.title h3{font-size: 41px; font-weight: 600; color: #305cbf;}



.titled{text-align: center;}

.titled h3{font-size: 41px; font-weight: 600; color: #305cbf;}



.container{max-width: 1500px; margin-left: auto; margin-right: auto;}

.cbox img{display: block; max-width: 100%;}





/*轮播*/

.rxiao .swiper-wrapper{padding-top: 30px; padding-bottom: 60px; margin-top: 50px;}

.rxiao .swiper-slide img{width: 300px; /*height: 180px;*/}

.rxiao{background: #fff; overflow: hidden; padding-top: 60px; padding-bottom: 50px; position: relative;}



.rxiao .morde{margin-top: 35px;}



.newk{display: block; width: 100%; background: #f8f8f8; position: relative; height: 180px;}

.newk .newimfl{width: 300px; position: absolute; top: -30px; left: 25px;}

.newk .zhewn{padding-left: 345px; padding-right: 15px;}

.newk .newfonfr span{font-size: 14px; color: #000; text-transform: uppercase; display: block; margin-top: 35px;}

.newk .newfonfr h3{font-size: 24px; font-weight: 600; margin-top: 20px; position: relative; padding-bottom: 20px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 1;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal;

}

.newk .newfonfr h3:before{

	content: '';

    position: absolute;

	height:3px;

	width:48px;

	background:#e67d08;

	bottom:0;

	left:0;

    z-index: 1;

}

.newk .newfonfr p{font-size: 14px; color: #666; line-height: 24px; margin-top: 15px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 2;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal;

}

.newk .dianj{background: url("../images/jiant_07.png") no-repeat center center; width: 36px; height: 36px; margin-top: 20px;}

.newk:hover{background: #0845ba; color: #fff;}

.newk:hover .newfonfr span,.newk:hover .newfonfr h3,.newk:hover .newfonfr p{color: #fff;}

.newfonfr{overflow: hidden;}



@media (max-width:1680px){

    .rxiao .swiper-slide img {

    width: 252px;

    /*height: 158px;*/

}

	.newk .newfonfr p{

		overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 1;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal;

	}

	

	.newk .newfonfr h3 {

    font-size: 20px;

    font-weight: 600;

    margin-top: 18px;

    position: relative;

    padding-bottom: 15px;

}

	.newk .newfonfr p{margin-top: 10px;}

	.newk .newfonfr span{font-size: 13px;}

	.newk .newfonfr span{margin-top: 30px;}

	.newk .newimfl{width: 252px;}

	.newk .zhewn{padding-left: 295px;}

	.newk{height: 160px;}

	

}



@media (max-width:1462px){

	.rxiao .swiper-slide img {

    width: 200px;

    /*height: 113px;*/

}

	.newk .newimfl {

    width: 200px;

}

	.newk .zhewn {

    padding-left: 238px;

}

	.newk .newfonfr span {

    font-size: 12px;

}

	.newk .newfonfr h3 {

    font-size: 20px;

    font-weight: 600;

    margin-top: 15px;

    position: relative;

    padding-bottom: 12px;

}

	.newk .newfonfr h3:before {

    content: '';

    position: absolute;

    height: 2px;

    width: 38px;

    background: #e67d08;

    bottom: 0;

    left: 0;

    z-index: 1;

}

	.newk .newfonfr p{font-size: 13px; line-height: 18px;}

	.newk .newimfl {

    width: 300px;

    position: absolute;

    top: -15px;

    left: 15px;

}

	.newk .zhewn {

    padding-left: 228px;

		padding-right: 10px;

}

	.newk .newfonfr span {

    margin-top: 23px;

}

	.newk .dianj {

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

    width: 36px;

    height: 25px;

    margin-top: 20px;

}

	.newk {

    height: 128px;

}

	

}



@media (max-width:1280px){

	.newk .newfonfr h3{font-size: 18px;}

	.rxiao .swiper-slide img {

    width: 170px;

    /*height: 100px;*/

    }

	.newk .newimfl{width: 170px;}

	.newk .zhewn {

    padding-left: 203px;

    }

	.newk {

    height: 108px;

    }

}





/*** 



====================================================================

	Projects Section Four

====================================================================



***/



.projects-section-four{

	position:relative;

	padding-top: 60px;

}

.projects-section-four .title{margin-bottom: 44px;}

.outer-container{width: 1280px; margin-left: auto; margin-right: auto; overflow: hidden;}



.project-block-three{

	position:relative;

}



.project-block-three .inner-box{

	position:relative;

	overflow:hidden;

}



.project-block-three .inner-box .image{

	position:relative;

}



.project-block-three .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-block-three .inner-box .image .overlay-color{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	z-index:1;

	-webkit-transition:all 900ms ease;

	-ms-transition:all 900ms ease;

	-o-transition:all 900ms ease;

	-moz-transition:all 900ms ease;

	transition:all 900ms ease;

	background-color:rgba(255,255,255,0.4);

}



.project-block-three .inner-box .image .overlay-box{

	position:absolute;

	left:50px;

	top:40px;

	right:40px;

	bottom:30px;

	z-index:1;

}



.project-block-three .inner-box .image .overlay-box .category-box{

	position:absolute;

	top:-183px;

	padding:25px 30px 28px;

	background-color:#ffffff;

	transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.projects-section-four .owl-carousel .owl-stage-outer .owl-item.active .project-block-three .inner-box .image .overlay-box .category-box{

	top:0px;

	border-left: solid 3px #234aa7;

	transition: all 900ms ease;

    -moz-transition-delay: 900ms;

    -webkit-transition-delay: 900ms;

    -ms-transition-delay: 900ms;

    -o-transition-delay: 900ms;

}



.project-block-three .inner-box .image .overlay-box .category-box ul{

	position:relative;

}



.project-block-three .inner-box .image .overlay-box .category-box ul li{

	position:relative;

	color:#7e8597;

	font-size:15px;

	margin-right:2px;

	display:inline-block;

}



.project-block-three .inner-box .image .overlay-box .category-box h3{

	position:relative;

	color:#234aa7;

	font-size:20px;

	font-weight:700;

	line-height:1.3em;

	margin-bottom: 10px;

}



.project-block-three .inner-box .image .overlay-box .category-box h3 a{

	position:relative;

	color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.project-block-three .inner-box .image .overlay-box .category-box h3 a:hover{

	color:#f97534;

}



.category-box{overflow: hidden;}

.category-box a{position: relative; font-size: 16px; display: block; float: left; margin-right: 12px;}

.category-box a:after{

	content: "";

    position: absolute;

    width: 1px;

    height: 16px;

    right: -6px;

    top: 2px;

    z-index: 9;

    background: #999;

}

.category-box a:last-child:after{width: 0}

.category-box a:last-child{margin-right: 0;}

.category-box a:hover{color: #234aa7;}



.project-block-three .inner-box .image .overlay-box .text{

	position:absolute;

	left:0px;

	bottom:0px;

	width:100%;

	opacity:0;

	color:#7e8597;

	font-size:15px;

	padding:15px 35px;

	background-color:#ffffff;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	-webkit-transform:scaleX(0.7) translateX(-30px);

	-ms-transform:scaleX(0.7) translateX(-30px);

	-moz-transform:scaleX(0.7) translateX(-30px);

	transform:scaleX(0.7) translateX(-30px);

	-webkit-transform-origin:left;

	-ms-transform-origin:left;

	-moz-transform-origin:left;

	transform-origin:left;

}



.project-block-three .inner-box .image .overlay-box .text .arrow{

	position:absolute;

	right:35px;

	font-size:30px;

	color:#222222;

	display:inline-block;

}



.projects-section-four .owl-carousel .owl-stage-outer .owl-item.active .project-block-three .inner-box .image .overlay-box .text{

	opacity:1;

	-moz-transition-delay: 500ms;

    -webkit-transition-delay: 500ms;

    -ms-transition-delay: 500ms;

    -o-transition-delay: 500ms;

	-webkit-transform:scaleX(1) translateX(0px);

	-ms-transform:scaleX(1) translateX(0px);

	-moz-transform:scaleX(1) translateX(0px);

	transform:scaleX(1) translateX(0px);

}



.projects-section-four .owl-carousel{

	max-width:734px;

	margin:0 auto;

	width:100%;

	display:block;

}



.projects-section-four .owl-dots{

	display:none;

}



.projects-section-four .owl-nav{

	position:absolute;

	left: 0px;

	top: 50%;

	width: 100%;

	margin-top:-30px;

}



.projects-section-four .owl-nav .owl-prev{

	position:absolute;

	left: -132px;

	width: 31px;

	height: 57px;

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

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.projects-section-four .owl-nav .owl-next{

	position:absolute;

	right: -132px;

	width: 31px;

	height: 57px;

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

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.projects-section-four .owl-nav .owl-prev:hover,

.projects-section-four .owl-nav .owl-next:hover{

	color: #ffffff;

}



.projects-section-four .owl-carousel .owl-stage-outer{

	overflow:visible;

}



.projects-section-four .owl-carousel .owl-stage-outer .owl-item.active .project-block-three .inner-box .image .overlay-color{

	opacity: 0;

	visibility: hidden;

}

.category-box p{display: block; overflow: hidden;}



.aboutbox{background: url("../images/ab_01.jpg"); overflow: hidden;}

.aboutbox h3{font-size: 41px; color: #fff; font-weight: 600; text-align: center;}

.aboutbox p{font-size: 16px; line-height: 41px; max-width: 1260px; margin-left: auto; margin-right: auto; color: #fff; text-align: center; margin-top: 38px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

	display: -moz-box;;

	-moz-line-clamp: 4;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.mord{display: block; color: #fff; width: 257px; height: 50px; border: solid 2px #fff; border-radius: 100px; text-align: center; line-height: 44px; font-size: 18px; margin-left: auto; margin-right: auto; margin-top: 35px;}

.mord:hover{background: #fff; color: #305cbf;}

.morde{display: block; color: #305cbf; width: 257px; height: 50px; border: solid 2px #305cbf; border-radius: 100px; text-align: center; line-height: 44px; font-size: 18px; margin-left: auto; margin-right: auto;}

.morde:hover{background: #305cbf; color: #fff;}



@media (max-width: 1440px){

	header .nav li a {

    display: block;

    padding: 20px 20px;

    font-size: 16px;

    }

	header .tel{font-size: 25px; background: url(../images/tel02.png) no-repeat center left; padding-left: 35px;}

	header .nav li ul{top: 56px; width: 100px;}

	header .nav li ul li a{font-size: 14px;}

}



.mor{background: url("../images/nh_01.png") no-repeat center center; width: 37px; height: 13px; display: block; margin-top: 20px;}

.mor:hover{background: url("../images/nh_02.png") no-repeat center center;}



.cpbox{background: #f8f8f8; overflow: hidden;}

.cpbox .row{margin-top: 60px;}

.cpbox .col-3{margin-bottom: 50px;}

.cpbox .col-3 a{display: block; background: #fff; overflow: hidden; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);}

.cpbox .col-3 p{font-size: 16px; text-align: center; line-height: 48px; border-top: solid 4px #ebebeb; padding-left: 15px; padding-right: 15px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	display: -moz-box;;

	-moz-line-clamp: 1;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.cpbox .col-3 a:hover p{background: #305cbf; color: #fff;}



/*** 



====================================================================

	Projects Section Four end

====================================================================



***/



.aboutbox{padding-top: 70px; padding-bottom: 70px;}

.aboutbox .titfl h3{color: #fff;}

.aboutbox .titfl span{color: #fff;}

.aboutbox .titfl:after {

  content: "";

  position: absolute;

  width: 3px;

  height: 50px;

  left: 0;

  top: 0;

  z-index: 9;

  background: #fff;

}

.aboutbox .more{color: #fff;}



.abim{width: 377px;}

.abim img{display: block; width: 377px; height: 228px; border-radius: 15px;}

.abfon{width: 853px; color: #fff;}

.abfon h4{font-size: 25px; font-weight: 600; margin-top: 10px; display: block;}

.abfon p{font-size: 16px; line-height: 38px; margin-top: 28px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 4;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.abuk{margin-top: 50px;}



.newbox{overflow: hidden; padding-top: 58px; padding-bottom: 80px; background: #f8f8f8;}

.xul{overflow: hidden; margin-top: 44px;}

.xul ul{margin-left: -22px;}

.xul ul li{width: 303px; float: left; margin-left: 22px;}

.xul ul li img{display: block; width: 301px; height: 175px; margin-left: auto; margin-right: auto;}

.xul ul li a{display: block; overflow: hidden; border: solid 1px #ededed;}

.xul ul li a p{display: block; font-size: 18px; font-weight: 600; color: #343434; line-height: 23px; width: 269px; margin-left: auto; margin-right: auto; height: 46px; margin-top: 20px; margin-bottom: 20px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 2;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.xul ul li a span{font-size: 14px; color: #757575; display: block; border-top: solid 1px #ededed; padding-top: 13px; padding-bottom: 10px; width: 269px; margin-left: auto; margin-right: auto;}

.xul ul li a:hover{background: #234aa7; color: #fff;}

.xul ul li a:hover p,.xul ul li a:hover span{color: #fff;}



.newbox .row{margin-top: 65px;}

.newbox .xim img{max-width: 100%; display: block; margin-left: auto; margin-right: auto;}

.newbox .zhw h3{font-size: 22px; color: #222; font-weight: 600; margin-top: 23px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 1;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.newbox .zhw p{font-size: 16px; color: #666; line-height: 30px; margin-top: 10px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 2;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.newbox .morde{margin-top: 50px;}



@media (min-width: 1500px){

	.newbox .xim img{width: 340px; height: 168px; display: block; margin-left: auto; margin-right: auto;}

}



.ban img{display: block; width: 100%; margin-left: auto; margin-right: auto;}



.fourbx{background: #f8f8f8; overflow: hidden; padding-top: 65px; padding-bottom: 90px;}

.fourbx .row{margin-top: 60px;}

.zk{overflow: hidden; background: #fff; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); padding: 0 35px; padding-bottom: 44px;}

.zk h4{width: 75px; height: 75px; background: #305cbf; text-align: center; line-height: 75px; color: #fff; font-size: 30px; margin-left: auto; margin-right: auto; font-weight: 600;}

.zk h3{font-size: 28px; font-weight: 600; color: #305cbf; text-align: center; position: relative; padding-bottom: 18px; margin-top: 44px;}

.zk h3:after {

  content: "";

  position: absolute;

  width: 45px;

  height: 3px;

  left: 50%;

  bottom: 0;

  margin-left: -22px;

  z-index: 9;

  background: #305cbf;

}

.zk p{font-size: 16px; line-height: 32px; text-align: center; margin-top: 25px;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 3;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}



/*内页*/



.neb{overflow: hidden; padding-top: 60px; padding-bottom: 80px;}

.nefl{width: 300px;}

.netit{background: url("../images/lan.jpg") no-repeat center center; width: 273px; height: 93px; color: #fff; padding-top: 27px; padding-left: 27px;}

.netit h2{font-size: 32px; font-weight: 600;}

.netit span{font-size: 13px; font-weight: 600; display: block; margin-top: 10px;}

.navf{border: 1px #e5e5e5 solid;}

.navf li {

    background: #f5f6f7;

    border-bottom: 1px #e5e5e5 solid;

    position: relative;

}

.navf li:last-child{border: 0;}

.navf li>a {

    display: block;

    font-size: 16px;

    color: #333;

    line-height: 49px;

    padding: 0px 25px;

    box-sizing: border-box;

}

.navf li>a:after{

    content: "";

    display: block;

    width: 7px;

    height: 12px;

    background: url(../images/cp_09.png);

    float: right;

    margin-top: 20px;

}

.navf li>a:hover:after,.navf li.activ>a:after{

	background: url(../images/cp_10.png);

}

.navf li>a:hover,.navf li.activ>a{color: #234aa7; font-weight: 600;}

.content_warp{text-align: right; border-bottom: solid 1px #e5e5e5; padding-bottom: 15px;}

.content_warp span{color: #234aa7;}

.content_warp a:hover{text-decoration: underline;}

.nefr{width: 945px;}

.maitp h2{font-size: 30px; color: #333; font-weight: 600; text-align: center;}

.maitp{overflow: hidden;}

.maim{width: 500px; border: solid 1px #e5e5e5; margin-left: auto; margin-right: auto; margin-top: 30px;}

.maim img{width: 500px;}

.maitp img{width: 600px; display: block;}

.necon{overflow: hidden; font-size: 16px; line-height: 32px; padding-top: 35px; word-break: break-all; min-height: 131px;}

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

.necon a{color: #234aa7; font-weight: 600;}

.textd{color: #999; line-height:28px; margin-top:30px; font-size:14px;}

.textd a:hover{color:#234aa7;}



.topnav a{display:inline-block; width:150px; height:40px; border:solid 1px #0845ba; font-size:16px; color:#0845ba; margin-left:5px; margin-right:5px; line-height:38px;}

.topnav a:hover,.topnav a.actid{ background:#0845ba; color:#fff; border:solid 1px #0845ba;}

.topnav{text-align:center; margin-top: 44px;}



/*产品*/

.chap{overflow: hidden;}

.cpul{overflow: hidden; margin-top: 50px;}

.cpul ul li{width: 283px; float: left; border: solid 1px #e5e5e5; margin-left: 19px; margin-bottom: 30px;}

.cpul ul li a{display: block; overflow: hidden;}

.cpul ul li img{display: block; width: 283px; height: 212px;}

.cpul ul{margin-left: -19px; margin-bottom: -30px; overflow: hidden;}

.cpul ul li span{display: block; font-size: 16px; text-align: center; border-top: solid 1px #e5e5e5; padding: 15px 10px; overflow: hidden;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 1;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.cpul ul li a:hover span{background: #234aa7; color: #fff;}



/*案例*/

.cpulx{overflow: hidden; margin-top: 50px;}

.cpulx ul li{width: 283px; float: left; border: solid 1px #e5e5e5; margin-left: 19px; margin-bottom: 30px;}

.cpulx ul li a{display: block; overflow: hidden;}

.cpulx ul li img{display: block; width: 283px; height: 176px;}

.cpulx ul{margin-left: -19px; margin-bottom: -30px; overflow: hidden;}

.cpulx ul li span{display: block; font-size: 16px; text-align: center; border-top: solid 1px #e5e5e5; padding: 15px 10px; overflow: hidden;

    overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 1;

	-moz-box-orient: vertical;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal; 

}

.cpulx ul li a:hover span{background: #234aa7; color: #fff;}



/*新闻*/

.newul{overflow: hidden;}

.newsbox{overflow: hidden; padding-top: 44px;}

.newul ul li{

    margin-bottom: 44px;

    float: left;

    width: 100%;

    background: #fff;

    /*padding: 3% 0;*/

}

.newul ul li .data {

    width: 17%;

    margin: 0 3%;

    padding: 2.7% 0 3.3%;

    float: left;

    text-align: center;

    background: #f9f9f9;

    transition: all .5s;

}

.newul ul li .data p {

    color: #234aa7;

    font-size: 49px;

    font-family: arial;

}

.newul ul li .data span {

    color: #8c8c8c;

    font-size: 14px;

}

.newul ul li .text{

    float: right;

    width: 77%;

    /*padding-right: 3%;*/

}

.newul ul li .text h3 {

    color: #234aa7;

    font-size: 18px;

    font-weight: normal;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    transition: all .5s;

}

.newul ul li .text p {

    margin-top: 12px;

    color: #777777;

    font-size: 14px;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

}

.newul ul li .text span {

    margin-top: 15px;

    display: inline-block;

    border: 1px solid #e8e8e8;

    line-height: 32px;

    padding: 0 18px;

    color: #999999;

    font-size: 14px;

}

.newul ul li a:hover .data{background: #234aa7; color: #fff;}

.newul ul li a:hover .data p,.newul ul li a:hover .data span{color: #fff;}

.newul ul li:last-child{margin-bottom: 0;}



/*加入永兴*/

.tops{overflow:hidden; margin-left:-30px; margin-bottom:30px;}

.tops .form-control{

	background: #fff;

    border: 1px solid #c0bec0;

    width: 435px;

    height: 48px;

    line-height: 48px;

    padding-left: 15px;

    font-size: 14px;

    color: #bbbbbb;

    float: left;

	margin-left:30px;

}

.topb textarea{

	border: 1px solid #c0bec0;

	width: 903px;

    height: 200px;

	font-size: 14px;

    color: #757575;

    padding: 15px;

}

.btn-default {

    width: 240px;

    font-size: 16px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    display: block;

    background: #0845ba;

    border-radius: 5px;

    color: #fff;

    margin: 40px auto 60px auto;

}

.btn-default:hover{background: #e67d08;}

.bdf{width:937px; margin-left:auto; margin-right:auto; margin-top:30px;}

.ts{text-align:center;font-size: 16px;color: #636363;}

.fowfl{width:240px; float:left; margin-right:38px; margin-top:45px;}



/*新闻详情*/

.maitp span{display: block; text-align: center; color: #999; font-size: 16px; padding-top: 25px; overflow: hidden;}



/*联系我们*/

.confr{overflow: hidden; padding-top: 60px; line-height: 38px; font-size: 18px;}

.cofl{width: 600px;}

.cofr{width: 600px;}

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



/*关于我们*/

.abubox{overflow: hidden; font-size: 16px; line-height: 32px; padding-top: 38px; word-break: break-all; min-height: 131px;}

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

.abubox a{color: #234aa7; font-weight: 600;}



.fenye{overflow: hidden; text-align: center; padding-top: 58px;}





/*内页end*/



footer{background: #2f2f2f; overflow: hidden; color: #fff;}

footer .foerw{width: 146px; position: relative; padding-left: 37px; text-align: center;}

footer .foerw img{display: block; width: 107px; height: 110px; margin-left: auto; margin-right: auto;}

footer .foerw span{font-size: 14px; display: block; margin-top: 12px; color: #fff;}

footer .foerw:after {

  content: "";

  position: absolute;

  width: 2px;

  height: 144px;

  left: 0;

  top: 0;

  z-index: 9;

  background: rgba(255,255,255,0.1);

}

footer .fnav h3{font-size: 17px; font-weight: 600; margin-bottom: 20px;}

footer .fnav ul li a{color: #fff; font-size: 14px; opacity: 0.6;}

footer .fnav ul li a:hover{text-decoration: underline;}

footer .fnav ul li{margin-bottom: 15px;}

footer .fotfl .fnav{float: left; margin-right: 90px;}

footer .fotfl .fnav:last-child{margin-right: 0;}

footer .fodfl{font-size: 14px;}

footer .fodfl img{display: block; margin-bottom: 44px;}

footer .fodfl p{margin-bottom: 18px; opacity: 0.6;}

footer .fodfl p:nth-child(1),footer .fodfl p:nth-child(2){font-size: 17px; font-weight: 600;}

/*footer .fodfl p:nth-child(2){background: url("../images/icd_02.png") no-repeat center left;}

footer .fodfl p:nth-child(3){background: url("../images/icd_03.png") no-repeat center left;}*/

footer .fotfl{margin-left: 70px;}

footer .fotop{padding-top: 60px; overflow: hidden;}

footer .fobom{color: #fff; font-size: 14px; text-align: center; line-height: 23px; border-top: solid 1px rgba(255,255,255,0.2); padding-top: 15px; padding-bottom: 15px; margin-top: 35px; opacity: 0.6;}

footer .fobom a{color: #fff; font-size: 14px; margin-left: 5px; margin-right: 5px;}

footer .fobom img{display: inline-block; margin-top: 0;}

footer .fobom a:hover{text-decoration: underline;}



@media (max-width:1380px){

	footer .fotfl .fnav {

    margin-right: 63px;

}

	

}



@media (max-width:1238px){

	footer .fotfl .fnav {

    margin-right: 44px;

}

	footer .fotfl {

    margin-left: 50px;

}

	

}





/*漂浮客服*/

.suspension{position:fixed;right:0;bottom:20%;width:72px; z-index: 100;}

.suspension_box{position:relative; border-radius: 16px; box-shadow: 0 0 8px 0 rgb(181 187 205 / 24%); background-color: #fff;}

.suspension_box a{display: block; padding: 16px 0; border-bottom: 1px solid #ececec; color: #333;}

.suspension_box a:nth-child(4){border: 0;}

.suspension_box a:last-child{border: 0; border-top: 1px solid #ececec; color: #333;}

.suspension_box a .subox{text-align: center; font-size: 14px; color: #666;}

.suspension_box a .subox img{display: block; margin-left: auto; margin-right: auto; }

.suspension_box a .subox span{display: block; margin-top: 10px;}

.suspension .d{width:218px;position:absolute;right:69px;min-height:60px;}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:0;top:31px;}

.suspension_box .service_phone{top: 0; display: none;}

.service_phone img{ display: block; float: left; margin-left: 15px; margin-top: 15px;}

.service_phone .zhehk{float: left; margin-top: 10px; margin-left: 15px;}

.dakb{background: #fff; overflow: hidden; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgb(161 163 175 / 11%); padding-bottom: 10px; width: 211px;}

.suspension_box .service_qrcode{top: 166px; display: none; width: 128px;}

.suspension_box .service_qrcode img{display: block; border: 0; margin-left: auto; margin-right: auto; width: 104px; height: 104px;}

.inner_box{padding: 10px 5px 10px 5px; text-align: center; font-size: 14px; width: 121px;}

.inner_box p{margin-top: 5px;}

.inner_box{background: #fff;}

.suspension_box .service_liuy{top: 167px; display: none;}

.li_box{background:#fff; overflow: hidden; padding: 15px 10px 20px 10px; width: 189px; border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.service_liuy .form_control{display: block;

    width: 100%;

    height: 30px;

    line-height: 30px;

	margin-bottom: 13px;

    border: 1px solid #dcdcdc;

    border-radius: 5px;

    font-size: 14px;

    padding-left: 10px;

    box-sizing: border-box;

    outline: none;

}

.service_liuy input{

    display: block;

    width: 100%;

    height: 30px;

    line-height: 30px;

    border: 1px solid #dcdcdc;

    border-radius: 5px;

    font-size: 14px;

    padding-left: 10px;

    box-sizing: border-box;

    outline: none;

}

.service_liuy .btn_g{

    display: block;

    width: 100%;

    font-size: 16px;

    color: #fff;

    height: 30px;

    line-height: 30px;

    background-color: #024c17;

    border-radius: 5px;

    margin-top: 14px;

	border: 0;

	cursor: pointer;

}

.tih3 h3{text-align: center; font-size: 16px; margin-bottom: 13px;}

.dianh:hover .service_phone{display: block;}

.yuyued:hover .service_liuy{display: block;}

.weiw:hover .service_qrcode{display: block;}



/*漂浮客服*/