@font-face {

  font-family: 'iconfont';  /* project id 1298696 */

  src: url('//at.alicdn.com/t/font_1298696_mved6mw2h7.eot');

  src: url('//at.alicdn.com/t/font_1298696_mved6mw2h7.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1298696_mved6mw2h7.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1298696_mved6mw2h7.woff') format('woff'),

  url('//at.alicdn.com/t/font_1298696_mved6mw2h7.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1298696_mved6mw2h7.svg#iconfont') format('svg');

}



.iconfont {

	font-family: "iconfont" !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}



body {

	font-size: 12px;

	color: #191919;

	font-family: 'Microsoft YaHei';

	min-width: 1200px;

}



body, div, ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, form, pre, fieldset, legend, table, tr, td, th, input, textarea, img {

	margin: 0;

	padding: 0;

	font-family: 'Microsoft YaHei';

}



section, article, header, footer, aside, nav, dialog, figcaption, figure, menu, details {

	margin: 0;

	padding: 0;

	font-family: 'Microsoft YaHei';

}



div, ul, ol, li, dd, dl, dt {

	list-style: none;

}



table {

	border-collapse: collapse;

	border: 0;

}



td, tr, th {

	font-size: 12px;

}



img {

	border: none;

}



select, input, img {

	vertical-align: middle;

}



textarea {

	vertical-align: middle;

	font-size: 12px;

	resize: none;

}



em {

	font-style: normal;

}



b {

	font-weight: normal;

}



h1, h2, h3 {

	font-weight: bold;

	font-size: 16px;

}



h4, h5, h6 {

	font-weight: bold;

	font-size: 12px;

}



a:link, a:visited {

	color: #0076BE;

	text-decoration: none;

}



a:hover, a:active {

	color: #FF0000;

	text-decoration: none;

}



a.sethome:link, a.sethome:visited {

	color: #273843;

	font-size: 12px;

	text-decoration: none;

}



a.sethome:hover, a.sethome:active {

	color: #FF0000;

	font-size: 12px;

	text-decoration: underline;

}



a.links:link, a.links:visited {

	color: #3C3B3B;

	font-size: 12px;

	text-decoration: none;

}



a.links:hover, a.links:active {

	color: #FF0000;

	font-size: 12px;

	text-decoration: underline;

}



a.white:link, a.white:visited {

	color: #FFFFFF;

	font-size: 12px;

	text-decoration: none;

}



a.white:hover, a.white:active {

	color: #FF0000;

	font-size: 12px;

	text-decoration: none;

}



a.black:link, a.black:visited {

	color: #666666;

	font-size: 12px;

	text-decoration: none;

}



a.black:hover, a.black:active {

	color: #FF0000;

	font-size: 12px;

	text-decoration: none;

}



a.detail:link, a.detail:visited {

	color: #000000;

	font-size: 12px;

	text-decoration: none;

}



a.detail:hover, a.detail:active {

	color: #FF0000;

	font-size: 12px;

	text-decoration: none;

}



a.newslist:link, a.newslist:visited {

	color: #666666;

	font-size: 13px;

	text-decoration: none;

}



a.newslist:hover, a.newslist:active {

	color: #FF0000;

	font-size: 13px;

	text-decoration: none;

}



a.prolist:link, a.prolist:visited {

	color: #615B5B;

	font-size: 13px;

	text-decoration: none;

}



a.prolist:hover, a.prolist:active {

	color: #FF0000;

	font-size: 13px;

	text-decoration: none;

}



a.job:link, a.job:visited {

	color: #333333;

	font-size: 12px;

	text-decoration: none;

}



a.job:hover, a.job:active {

	color: #FF0000;

	font-size: 12px;

	text-decoration: none;

}



a.botmenu:link, a.botmenu:visited {

	color: #FFFFFF;

	font-size: 13px;

	text-decoration: none;

	margin: 0px 8px 0px 7px;

}



a.botmenu:hover, a.botmenu:active {

	color: #FFFF00;

	font-size: 13px;

	text-decoration: none;

	margin: 0px 8px 0px 7px;

}



.clear::after, .cl::after {

	content: "";   

  display: block;   

	clear: both;

}



.tl {

	text-align: left;

}



.tr {

	text-align: right;

}



.tc {

	text-align: center;

}



.fl, .l {

	float: left;

}



.fr, .r {

	float: right;

}



.mt5 {

	margin-top: 5px;

}



.mt10 {

	margin-top: 10px;

}



.mt20 {

	margin-top: 20px;

}



.mb5 {

	margin-bottom: 5px;

}



.mb10 {

	margin-bottom: 10px;

}



.h20 {

	height: 20px;

	line-height: 20px;

}



.h22 {

	height: 22px;

	line-height: 22px;

}



.red {

	color: #FF0000;

}



.blue {

	color: #0000FF;

}



.blank {

	font-family: Times New Roman;

	font-size: 12px;

}



.w1000 {

	width: 1000px;

	margin: 0 auto;

}



.w1100 {

	width: 1100px;

	margin: 0 auto;

}



.w1200 {

	width: 1200px;

	margin: 0 auto;

	color: #4f4f4f;

}



.w1300 {

	width: 1300px;

	margin: 0 auto;

}



.w1400 {

	width: 1400px;

	margin: 0 auto;

}



.clearfix {

	*zoom: 1;

}



.clearfix:after {

	display: block;

	font-size: 0;

	content: "";

	clear: both;

	visibility: hidden;

}



.flex {

	display: flex;

}



.bridgeCode {

	width: 990px;

	margin: 0 auto;

	text-align: center;

	clear: both;

	padding: 0px 0px 0px 0px;

}





/**********************************************************************************************/





/* 网站头部 */



.top_main {

	height: 30px;

	line-height: 30px;

	background: url(../images/topbg.png) no-repeat center 100%;

	font-size: 12px;

}





/* 网站logo */







.topLogo.flex {

	height: 125px;

	align-items: center;

}



.top-t{

	display: inline-block;

	vertical-align: middle;

	padding-left: 10px;

}



.top-t h3{

	font-size: 33px;

	color: #097ada;

}



.top-t span{

	font-size: 27px;

	color: #333333;

}





.topPhone.flex {

	padding-left: 50px;

	height: 125px;

	flex-direction: column;

	justify-content: center;

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

}



.topPhone.flex span{

	font-size: 14px;

	color: #4f4f4f;

}



.topPhone.flex p {

	font-size: 30px;

	line-height: 35px;

	color: #097ada;

	font-weight: bold;

}





/* 网站导航 */



.nav_main {

	border-bottom: 1px solid #b5b5b5;

	width: 100%;

	background-color:#fff ;

	z-index: 99999;

}



.nav-l{

	width: 1200px;

	margin: 0 auto;

}





.nav_Ul {

	height: 80px;

	width: 1015px;

}



.nav_Ul li:first-child {



}



.nav_Ul li {

	float: left;

	width: 170px;

	padding-top: 35px;

	text-align: center;



}



.nav_Ul li a {

	display: inline-block;

	font-size: 16px;

	color: #313131;

	text-decoration: none;

	

}



.nav_Ul li a::after{

	

		content: "";

    display: block;

    height: 2px;

    background-color: #1060c1;

    margin-top: 5px;

    width: 0%;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}



.nav_Ul li.curr a::after {

	width: 100%;

}



.nav_Ul li:hover a::after {

	width: 100%;

}





.sousuo{

	position: relative;

	margin-top: 20px;

}





.icon-sousuo:before {

	content: "\e62b";

	font-size: 28px;

	line-height: 50px;

}



.on1{

	position: fixed;

	top: 0;

	

}



/* 幻灯片轮播 */



.banner_main {

	width: 100%;

}



.banner_main:after {

	display: block;

	content: "";

	clear: both;

}



.nyBanner {

	height: 300px;

	overflow: hidden;

}





/**********************************************************************************************/





/* 网站底部 */



.foot_main {

	padding: 65px 0 20px;

	background: #191919;

}





/* 友情链接 */



.links-bg{

		background: #097ada;

}





.links {

	width: 1200px;

	margin: 0 auto;

	line-height: 55px;

		color: #F9F9F9;

}



.links span {

	margin-right: 45px;

	font-size: 16px;	

}



.links a {

	margin: 0 30px;

	font-size: 14px;

	text-decoration: none;

	line-height: 18px;

	color: #F9F9F9;

}





.contact .WeCode {

	margin-right: 15px;

}



.conBox {

	color: #FFFFFF;

}



.conBox .p1 {

	font-size: 14px;

}



.conBox .p2 {

	font-size: 30px;

	color: #407fe1;

}





/* 底部导航 */



.ftl,.ftc{

	float: left;

		width: 385px;

	margin-right: 105px;

}



.ftr{

	float: right;

}



.ftt{

	padding-bottom: 19px;

	border-bottom: 1px solid #fff;

}



.ftc{

	margin-right: 0;

}



.ftl ul {

	margin-top: 8px;

}



.ftl ul li{

	float: left;

	width: 33%;

}



.ftl ul li a{

	display: block;

	color: #fff;

	font-size: 14px;

	line-height: 54px;

}



.ftl ul li:nth-child(3n) a{

	text-align: right;

}



.ftl ul li:nth-child(3n-1) a{

	text-align: center;

}





.ftc ul{

	 margin-top: 13px;

}



.ftc ul li{

	float: left;

	width: 50%;

	line-height: 39px;

	font-size: 14px;

	color: #fff;

}



.ftc ul li:nth-last-child(1),.ftc ul li:nth-last-child(2){

	width: 100%;

}





.ftr{

	margin-top: 30px;

}



.ftr img{

	width: 120px;

	height: 120px;

}



.ftr span{

	display: block;

	line-height: 39px;

	font-size: 14px;

	color: #fff;

	text-align: center;

}









/* 底部版权 */



.copyright {

	height: 55px;

	line-height: 55px;

	border-top: 1px solid #434343;

	background: #101010;

	color: #999999;

	font-size: 12px;

}





/**********************************************************************************************/



/*产品中心*/



.ure{

	width: 1200px;

	margin: 0 auto;

	margin-bottom:60px;

}



.title1{

	text-align: center;

	color: #454545;

	margin-top: 58px;

	margin-bottom: 40px;

}



.title1 h3 {

	position: relative;

	margin-bottom:13px ;

	

}



.title1 h3 em{

	position: relative;

	font-size: 35px;

	font-weight: bold;

	padding: 0 20px;	

	background-color: #fff;

	z-index: 2;

}



.title1 h3 i{

	width: 100%;

	height: 1px;

	background-color: #bfbfbf;

	display: block;

	position: absolute;

	top: 50%;

	left:0;

	right: 0;

	transform:translateY(-50%);

	z-index: 1;

}





.title1 span{

	display: block;

	font-size: 18px;

	line-height: 1.2;

}





.ure-l{

	width: 290px;

	float: left;



}



.ure-r{

	width: 870px;

	float: right;

}





.ure-lt{

	width: 100%;

	height: 130px;

	background: #1060c1;

	margin: 0;

	box-sizing: border-box;

	padding: 35px 18px 30px 18px;

	

} 



.ure-lt h3 {

	margin-bottom: 5px;

}



.ure-lt h3 em{

	color: #fff;

	background-color:#1060c1;

	padding: 3px;

}



.ure-lt h3 i{

	background-color: #fff;

}



.ure-lt span{

	color: #fff;

}





.ure-lc{

	width: 100%;

	border: 1px solid #1060c1;

	box-sizing: border-box;

	padding: 25px 17px 0;

}



.ure-lc li { width: 100%; margin-bottom: 20px; }
.ure-lc li > a { font-size: 15px; display: block; padding-left: 20px; line-height: 40px; color: #323232; background-color: #eeeeee; transition: all 0.3s ease; }
.ure-lc li > .child { padding: 0 15px; width: 100%; box-sizing: border-box; }
.ure-lc li > .child > a { display: block; margin: 0 5px; width: 100%; line-height: 30px; font-size: 14px; color: #666666; }
.ure-lc li:hover > a { color: #fff; background-color: #dc001a; }
.ure-lc li > .child > a:hover { color: #dc001a; }











.example{

	width: 260px;

	float: left;

	box-sizing: border-box;

	border: 1px solid #eeeeee;

	margin-right: 45px;

	margin-bottom: 40px;

}



.example:nth-child(3n){

	margin-right: 0;

}







.example a{

	display: block;

	color: #fff;

}



.example a img{

	width: 100%;

	height: 215px;

}



.intro{

	background-color: rgba(49,49,49,.66);

	text-align: center;

}



.intro div{

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	transform:translateY(-50%);

	font-size: 13px;

}



.intro div p{

	line-height: 3;

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

	font-size: 14px;

}

.example a .intro div span{

	transition: all 0.3s ease;

}



.example a .intro div span:hover{

	color:#dc001a ;

}





/*三大优势*/



.ys-bg{

	background-color: #f7f6f6;

}



.ys{

	width: 1200px;

	margin: 0 auto;

	padding-bottom: 48px;

}



.ys-t{

	padding: 30px 0 25px ;

	border-bottom: 1px solid #1060c1;

}



.ys-t h3{

  font-size: 35px;

  font-weight: bold;

  line-height: 1.5;

}



.ys-t span{

	font-size: 18px;

}





.ys-c{

	margin-top: 30px;

}



.ys-c .ys-l{

	width: 315px;

	float: left;

}



.ys-l li{

	height: 115px;

	margin-bottom: 11px;

}







.ys-l li img{

	width: 175px;

	height: 100%;

	float: left;

}



.ys-l dl{

	float: left;

	width: 140px;

	color: #fff;

	text-align: center;

	background-color: #097ada;

	height: 100%;

		transition: all 0.3s ease;

}



.ys-l dl dt{

	padding-top: 24px;

	font-size: 35px;

}



.ys-l dl dd{

	padding-top: 11px;

	font-size: 15px;

	line-height: 1;

}



.ys-c .ys-r{

	width: 870px;

	float: right;

	position: relative;

	height: 365px;

}



.ys-r img{

	width: 595px;

	height: 100%;

	animation-name: flipInX;

}



.ys-r .ys-rc{

	position: absolute;

	top: 50px;

	right: 0;

	width: 430px;

	height: 263px;

	box-sizing: border-box;

	padding: 40px 40px 35px 45px;

	background-color: #fff;

	box-shadow: 0px 0px 5px #ddd;

	animation-name: flipInY;

}



.ys-r .ys-rc h4{

	font-size: 27px;

	line-height: 1;

	

}



.ys-r .ys-rc em{

	margin-top: 15px;

	display: block;

	width: 32px;

	height: 1px;

	background-color: #097ada;

}





.ys-r .ys-rc span{

	margin-top: 14px;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    font-size: 14px;

    line-height: 30px;

}



.ys-r .ys-rc div{

	margin-top: 14px;

}



.ys-r .ys-rc div a{

	float: left;

	margin-right: 14px;

	line-height: 29px;

	font-size: 12px;

	color: #fff;

	text-align: center;

	background-color: #097ada;

	padding: 0 12px;

}



.ys-r .ys-rc div a:nth-child(2){

	background-color: #dc001a;

}





.ys-l li.on2 dl{

	background: #dc001a;

	

}





/*流程*/





.lc {

	width: 1200px;

	margin: 0 auto;

}



.lc .title1 {

	margin-top: 65px;

}



.lc-c{

	margin-top: 40px;

	margin-bottom: 60px;

}



.lc-c li{

	float: left;

	cursor:pointer;

}



.lc-c li dl{

	position: relative;

	width: 120px;

	height: 120px;

	background-color: #097ada;

	color: #fff;

	text-align: center;

	border-radius:11px ;

	float: left;

	transition: all 0.3s ease;

}



.lc-c li dl dt{

	padding-top: 34px;

	font-size: 33px;

}



.lc-c li dl dd{

	font-size: 14px;

	line-height: 28px;

}







.lc-c li dl i{

	position: absolute;

	font-size: 40px;

	display: block;

  top:-1px;

  right: 0;

  z-index: 1;



}



.lc-c li dl span{

	font-size: 14px;

	color: #097ada;

	position: absolute;

	top:0;

	right: 0;

	z-index: 2;

	display: block;

	line-height: 28px;



}



.lc-c li em{

	font-size: 32px;

	float: left;

	margin: 50px 14px 0;

	color: #6c6c6c;

}



.lc-c li:hover dl{

		background-color:#eeeeee ;

		color: #097ada;

}



.lc-c li:hover dl span{

		color: #fff;

}







/*关于我们*/





.au-bg{

	height: 515px;

	background-image: url(../images/aubg.png);

	background-position: center;

	background-repeat: no-repeat;

	background-attachment:fixed;

	 }



.au{

	width: 1200px;

	margin: 0 auto;

	position: relative;

}





.au .title1 {

	color: #fff;

	padding-top: 60px;

}





.au .title1 h3 em{

	background-color: rgba(0,0,0,0);

}



.au .title1 h3 i{

	width: 40%;

	background-color: #fff;

}



.au .title1 h3 i:nth-child(2){

	right: 0;

	left: auto;

}



.au-c{

	position: absolute;

	top: 160px;

	left: 0;

	right: 0;

	height: 490px;

	background-color:#fff ;

	box-shadow: 0 3px 5px #eee;

	box-sizing: border-box;

	padding: 40px 60px;

	z-index: 1;

}



.au-c h3{

	font-size: 20px;

	font-weight: 100;

	margin-bottom: 18px;

}



.au-c div{

	line-height: 33px;

	font-size: 14px;

	height: 300px;

	overflow: hidden;

}





.au-c > span { width: 104px; line-height: 32px; border: 1px solid #bfbfbf; display: block; margin-top: 25px; text-align: center; }
.au-c > span a { color: #191919; }







.xc{

	width: 1200px;

	margin: 0 auto;

	padding-top: 205px;

}



.xc .xc-n,.xw-n{

	text-align: center;

}



.xc .xc-n li,.xw-n li{

	display: inline-block;

	width: 100px;

	line-height: 35px;

	margin-right: 27px;

	font-size: 14px;

}



.xc .xc-n li:last-child ,.xw-n li:last-child{

	margin-right: 0;

}



.xc .xc-n li a,.xw-n li a{

	display: block;

	border: 1px solid #dfdfdf;

	color: #3f3f3f;

}





.xc .xc-n li a.on3,.xw-n li a.on3{

	background: #097ada;

	border-color: #097ada;

	color: #fff;

}





/*相册轮播*/







.silder-box1 {

	position: relative;

	margin: 40px auto 60px;



}



.silder-box-2 {

	width: 1200px;

}



.silder-box-2 .silder {

	margin: 0 auto;

	overflow: hidden;

}







.silder-box-2 .silder li img {

	width: 100%;

	height: 100%;

}





.silder-box-2 .silder-button {

	top: 50%;

	transform: translateY(-50%);

	width: 51px;

	height: 51px;

	position: absolute;

	cursor: pointer;

	background-color: #097ada;

	text-align: center;

	line-height: 51px;

	font-size: 21px;

	color: #fff;

	transition: all 0.3s linear



}



.silder-box-2 .silder-button.btl {

	left: -72px;	



}



.silder-box-2 .silder-button.btr {

	right: -72px;



}



.silder-box-2 .silder-button:hover{

	background-color: #dc001a;

}





.xban{

	background-image: url(../images/xban.png);

	height: 220px;

	background-position: center;

	background-repeat: no-repeat;

}





.xdh{

	width: 1200px;

	margin: 0 auto;

	position: relative;

}



.xdh-c{

	position: absolute;

	top:80px;

	left:933px;;

}





.xdh dl dt{

	font-size: 27px;

	color: #fff;

	line-height: 28px;	

}



.xdh dl dd a{

		width: 80px;

    line-height: 27px;

    border: 1px solid #fff;

    display: block;

    margin-top: 10px;

    text-align: center;

    color: #fff;

        margin-left: 2px;

}









/*新闻*/



.xw{

	margin-bottom: 60px;

}





.xw-c{

	width: 1200px;

	margin: 38px auto 0;



}



.xw-c li{

	width: 380px;

	margin-left:27px ;

	border-bottom: 1px solid #bfbfbf;

	float: left;

}



.xw-c li:nth-child(1){

	margin-left: 0;

}





.xw-c li a{

	display: block;

	padding-bottom: 23px;

		transition: all 0.3s linear

}



.xw-c li a div{

	width:100%;

	height: 270px;

	border: 1px solid #eeeeee;

	position: relative;

}



.xw-c li a div img{

	width: 100%;

	height: 100%;

}



.xw-c li a div i{

	width: 100%;

	line-height: 270px;

	text-align: center;

	font-size: 45px;

	color: #fff;

	background-color: rgba(0 ,0 ,0 ,.75);

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	animation-name: flipInX;

	display: none;

	animation-duration: 500ms

	

}



.xw-c li a dl{

	padding-top: 30px;

}



.xw-c li a dl dt{

	float: left;

	width: 64px;

	height: 64px;

	text-align: center;

	background-color:#097ada ;

	color: #fff;

	box-sizing: border-box;

	padding-top: 17px;

	line-height: 1;

}



.xw-c li a dl dt em{

	line-height: 30px;

	font-size: 13px;

	

}





.xw-c li a dl dd{

	width: 280px;

	float: left;

	margin-left: 25px;

}



.xw-c li a dl dd h4{

	font-size: 16px;

	line-height: 42px;

	

}



.xw-c li a dl dd p{

	font-size: 14px;

	line-height: 28px;

	color: #909090;

}



.xw-c li a dl dd span{

	display: block;

	width: 83px;

	line-height: 23px;

	border: 1px solid #bfbfbf;

	text-align: center;

	color: #909090;

	margin-top: 8px;

}





.xw-c li a:hover{

		box-shadow: 5px 5px 10px #eee;

		

}



.xw-c li a:hover div i{

		display: block;

		

}











/**********************************************************************************************/