* {}
body { margin:0 auto; padding:0; font-size:14px; font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#183e7f;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;}

@font-face {
	font-family: 'FontAwesome';
	src: url('font/fontawesome-webfont.eot?v=4.7.0');
	src: url('font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
	url('font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
	url('font/fontawesome-webfont.woff?v=4.7.0') format('woff'),
	url('font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
	url('font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.tophd { width:100%; height:71px;}
.header { width:100%; height:70px; margin:0 auto; box-shadow:0 2px 5px rgba(0,0,0,0.1); background:#fff; position:fixed; top:0; left:0; z-index:99999999;}
.header .warp { min-width:1200px; margin:0 auto;}
.header .logo { float:left; height:30px; line-height:30px; margin-top:5px;}
.header .logo a { display:block;}
.header .logo a img { display:block; height:100%;}

.header .nav { float:left; max-width:62%; margin-left:40px;}
.header .nav li { float:left; height:70px; line-height:70px; text-align:center; position:relative;}
.header .nav li a { display:block; padding:0 19px; font-size:18px; color:#000;}
.header .nav li:hover a,.header .nav li.on a { color:#183e7f;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:100%; background:#183e7f; overflow:hidden; position:absolute; top:70px; left:0;}
.header .nav li li { float:none; height:45px; line-height:45px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover li a { color:#fff; padding:0;}
.header .nav li li:hover { background:#c10202;}

.header .tel { float:right; line-height:30px; font-size:20px; color:#ff0207; padding-left:30px; margin-top:20px; background:url(../images/bh_01.png) no-repeat left center;}

@media(max-width:1640px) {
    .header .nav li a { padding:0 17px;}
}
.tits p{color: #999;padding-top:10px;}
/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner a,.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px !important; opacity:1;background:#fff; -webkit-transition:0.8s; transition:0.8s;}
.banner .swiper-pagination-bullet-active { background:#0188fb;}
.banner .swiper-button-prev,.banner .swiper-button-next { display:block; width:65px; height:65px; border-radius:50%; background:rgba(119,120,120,0.6); top:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { display:block; font-size:20px; color:#fff; text-align:center; line-height:65px;}
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#183e7f;}
.banner_ej { width:100%; margin:0 auto; overflow:hidden; min-height: 200px;}
.banner_ej img { display:block; width:100%;}

.selling,.procon {
	display: block;
}
.sellingimg {
	margin: 20px 0 15px;
}
.selling li {
	width: 22%;
	min-height: 220px;
	padding: 1%;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	float: left;
	margin-right:1%;
	margin-top:10px;
}

.sellingimg img {
	height: 50px;
}
.selling li h4 {
	font-size: 16px; color:#0188fb ;margin-bottom:10px;
}
.selling li p {
	font-size: 14px;
	color: #888;
}

.procon{background-color: #f2f2f2;padding:30px 0px;}
.procon h4,.caption h4 {
	font-size: 22px; font-weight: normal;
	text-align: center
}

.procon p,.caption p  {
	margin: 10px 0 30px;
	font-size: 13px;
	text-align: center;color: #999;
}
.procon dl {
	width: 30%;
	padding: 30px 1%;
	line-height: 32px;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.procon dl:nth-child(odd) {
	margin-left: 0
}

.procon dl dt {
	width: 12%;float: left;
	font-size: 16px;
}

.procon dl dt span {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	padding: 6px;
	border-radius: 50%;
	background: #0188fb;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;

}

.procon dl dd {
	width: 86%;float: left;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	margin-top:-10px;
}
.procon dl dt span img {
	display: block; width: 20px;
}
.bannercon{width: 1200px;margin: 0 auto; position: absolute; top:30%; color: #fff; font-size: 30px;}
/*脚部*/
.footer { width:100%; font-size:14px; color:#fff; padding:50px 0; margin-top:0px; background:#183e7f;float: left;}
.footer a { color:#fff;}
.footer .WChat { float:left; width:125px; text-align:center;}
.footer .WChat img { display:block; width:115px; height:115px; padding:5px; background:#fff; overflow:hidden;}
.footer .WChat p { line-height:25px; margin-top:10px;}
.footer .msg { float:left; width:460px; margin-left:30px;}
.footer .msg h1 { font-size:18px; margin-bottom:15px;}
.footer .msg p { line-height:30px;}
.footer .rgt { float:right; width:500px;}
.footer .rgt p { line-height:25px; margin:15px 0 0px 0px;}
.footer .rgt p span { display:inline-block; position:relative;}
.footer .rgt p span i { display:block; font-style:normal; color:#fff; font-weight:bold;}
.footer .rgt p span img { display:none; width:120px; height:120px; border:5px solid #fff; border-radius:4px; background:#fff; overflow:hidden; position:absolute; right:0;}
.footer .rgt p span:hover img { display:block; bottom:25px;}
.botm { width:100%; font-size:14px; color:#737373; padding:15px 0; background:#1b1b1b;}
.botm a { color:#737373;}
.botm .link { font-size:14px; line-height:25px;}
.botm .link a { display:inline-block; margin-right:15px;}
.botm .keword { width:100%; height:100px; margin-top:15px; overflow:hidden;}
.botm .keword a { display:inline-block; font-size:12px; line-height:25px; margin-right:27px;}
.fotnav a{margin-right:5px;}
/*右侧客服*/
.webonline { width:65px; padding:5px; border-radius:4px 0 0 4px; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; padding:5px 0; text-align:center; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:40px; height:35px; line-height:35px; font-family:FontAwesome; font-style:normal; font-size:24px; color:#fff; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%; background:#0188fb;}
.webonline li .ontop i img { display:block; width:30px; height:30px; margin:0 auto;}
.webonline li .ontop p { line-height:25px; font-size:12px; color:#333;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#0188fb; position:absolute; right:80px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #0188fb; line-height:0px; _border-color:#000 #000 #000 #0188fb; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:20px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}
.webonline li.btn_top { display:none;}

/**栏目标题**/
.tits { width:100%; padding:50px 0 30px 0;}
.tits h3 { font-size:30px; color:#272b30; line-height:40px;}

/**公司简介**/
.about,.procon,.bhnews{width: 100%;background-color: #f2f2f2; float: left;}
.about_main {  width:1200px; margin: 0 auto; text-align: center;margin-bottom: 30px;}
.about .msg { font-size:14px; color:#272b30; line-height:25px; text-align:justify; margin-bottom:20px;}
.about .msg a { margin-left:10px;}
.about .img { display:block; width:555px; height:215px; overflow:hidden;}
.about .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .img:hover img { transform:scale(1.1,1.1);}

/*新品推荐*/
.procon,.step1,.friendlink{width: 100%;background-color: #fff;float: left; margin-top:20px;}

.newpro { float:right; width:510px;}
.newpro .swiper-wrapper { margin-top:7px;}
.newpro .swiper-slide { width:510px; height:305px; overflow:hidden; background:#e5e5e5;}
.newpro .swiper-slide a { display:block; width:100%;}
.newpro .swiper-slide a img { display:block; width:340px; height:305px; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newpro .swiper-slide a:hover img { transform:scale(0.9,0.9);}
.newpro .swiper-pagination { margin-top:20px; position:relative; bottom:0;}
.newpro .swiper-pagination-bullet { width:11px; height:11px; opacity:1; background:#183e7f;}
.newpro .swiper-pagination-bullet-active { opacity:0.6;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 7px;}

/*解决方案*/
.sols { width:100%; margin:40px auto 10px auto; background-repeat: no-repeat;float: left;}
.sols .tits { text-align:center; padding:70px 0 0px 0;}
.sols .tits h3 { font-size:40px; line-height:50px; color:#fff; letter-spacing:4px;}
.sols .tits p { width:55%; font-size:16px; color:#fff; line-height:30px; margin:20px auto 40px auto; letter-spacing:1px;}
.sols .tits a { display:block; width:210px; height:40px; line-height:40px; font-size:16px; color:#fff; margin:0 auto; border-radius:10px; box-shadow:0 3px 5px rgba(0,0,0,0.1); background:#135be1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sols .tits a:hover { color:#183e7f; background:#fff;}
.sols li { float:left; width:176px; height:215px; text-align:center; margin:35px 12px 80px 12px; background:#fff; box-shadow:0 4px 5px rgba(0,0,0,0.1); -webkit-transition:all .5s ease; transition:all .5s ease;}
.sols li a { display:block; width:146px; height:105px; padding:20px 15px;}
.sols li .img { display:block; width:50px; height:50px; margin:0 auto; padding:10px; border-radius:50%; background-color:#e8e8e8; background-position:center  center; background-repeat:no-repeat; overflow:hidden;}
.sols li h3 { width:100%; font-size:16px; color:#303030; font-weight:500; line-height:30px; letter-spacing:1px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sols .sol1 .img { background-image:url(../images/bh_03.png);}
.sols .sol2 .img { background-image:url(../images/bh_04.png);}
.sols .sol3 .img { background-image:url(../images/bh_05.png);}
.sols .sol4 .img { background-image:url(../images/bh_06.png);}
.sols .sol5 .img { background-image:url(../images/bh_07.png);}
.sols .sol6 .img { background-image:url(../images/bh_08.png);}
.sols li:hover { -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.do .tits h3,.do .tits p{color: #333;}
.sols li img{width:100%;}
.banner_ej h3{width: 1200px;margin:0 auto; color: #fff; font-size:30px; text-align: center; padding-top:80px;}
.domore {
	text-align: center;
}
.domore a {
	padding: 0 18px 0 30px;
	font-size: 16px;
	color: #333;
	line-height: 36px;
	border: 1px solid #e4e8eb;
	border-radius: 3px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
}
.stepcon ul {
	margin: 0;
}
.stepcon li {
	width: 100%;
	height: 18%;
	margin: 0 0 10px;
	padding: 10px 1%;
	font-size: 16px;
	color: #333;
	text-align: center;
	border: 1px solid #e4e8eb;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 3px 5px 0 rgba(255, 255, 255, 0.1), 0 1px 4px 0 rgba(0, 82, 217, 0.1);
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}
.stepcon li a {
	display: block;
}
.stepcon li span {
	font-size: 16px; color:#0188fb;
}
.stepcon li p {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 16px;
	border: 0;
	display: inline-block;
}

/*核心业务*/
.core { width:100%;}
.core .tits { text-align:center;}
.core .tits p { font-size:14px; color:#aaa; letter-spacing:2px; text-transform:Uppercase; line-height:25px;}
.core li { float:left; width:290px; height:450px; margin:10px 5px 0 5px; background-image:linear-gradient(#0a1e49,#163a6a);}
.core li a { display:block; width:290px; height:450px; background:url(../images/bh_09.png) no-repeat 0 0; position:relative;}
.core li .img { width:290px; height:260px; margin:auto; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0;}
.core li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.core li .msg { width:90%; height:55px; line-height:25px; padding:0 5%; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden; position:absolute; left:0; bottom:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.core li .msg h3 { width:100%; padding:15px 5%; font-size:18px; color:#fff; font-weight:500;}
.core li .msg p { font-size:14px; color:#fff;}
.core li:hover .img img { transform:scale(0.9,0.9);}
.core li:hover .msg { padding-top:30px; height:220px;}

/*产品分类*/
.proclfic { width:100%; margin:40px auto;}
.proclfic a { display:block; float:left; width:calc(100% / 5 - 13px); padding:0 15px; font-size:14px; color:#183e7f; line-height:40px; text-align:center; margin:0 6.5px 15px 6.5px; border:1px solid #183e7f; border-radius:4px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .3s ease; transition:all .3s ease;}
.proclfic a:hover { color:#fff; background:#183e7f;}

/*综合信息*/
.bhnews { width:100%; padding-bottom:40px; background:#f8f8f8;}
.bhnews .tits { text-align:center; padding:25px 0;}
.bhnews .tits p { font-size:14px; color:#aaa; letter-spacing:2px; text-transform:Uppercase; line-height:25px;}
.bhnews li { float:left; width:47.5%; margin:0 5% 15px 0; padding-bottom:15px; border-bottom:1px solid #e4e4e4;}
.bhnews li a { display:block; width:100%;}
.bhnews li h3 { font-size:14px; color:#000; line-height:22px; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bhnews li span { display:block; font-size:12px; color:#999; line-height:22px;}
.bhnews li p { font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bhnews li:hover h3 { color:#183e7f;}
.bhnews li:nth-child(2n) { margin-right:0;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:0 auto; padding-top:30px; min-height:400px;}
.navtit { width:100%; padding:20px 0 50px 0;}
.navtit p { font-size:20px; color:#333; line-height:25px;}
.navtit h3 { font-size:30px; color:#183e7f; line-height:40px; text-transform:Uppercase;}
.navtit h3 b { color:#ddd; margin-left:15px;}
.navtit i { display:block; width:30px; height:2px; margin-top:5px; background:#183e7f;}

/*详情页公用*/
.lh { font-size:14px; line-height:30px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.showcont { width:1120px; margin:30px auto; padding:40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.show_h3 { width:100%; line-height:40px; margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.show_h3 h3 { font-size:30px; color:#183e7f;}
.show_h3 p { font-size:14px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; margin-top:30px; padding-top:20px; border-top:1px solid #ddd;}
.show_sxp p { width:45%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; color:#999;}
.show_sxp .fr { text-align:right;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:30px auto 30px auto;}
.scott li { display:inline-block; line-height:35px; border:1px solid #ddd; margin:0 5px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { border-color:#183e7f; background:#183e7f;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { width:100%; margin-bottom:30px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li a { display:block;}
.prolist li .img { float:left; width:450px; height:403px; overflow:hidden; background-image:linear-gradient(#0a1e49,#163a6a);}
.prolist li .img img { display:block; width:100%; background:url(../images/bh_10.png) no-repeat 0 0; /*-webkit-transition:all .8s ease; transition:all .8s ease;*/}
.prolist li .msg { float:right; width:649px; height:296px; padding:50px 40px 55px 60px; border:1px solid #ccc;}
.prolist li .msg h3 { width:100%; font-size:26px; color:#000; line-height:45px; font-weight:500; position:relative;}
.prolist li .msg p { font-size:14px; color:#999; line-height:30px; margin:15px auto; padding:30px 0; border-top:1px solid #eee;}
.prolist li .msg span { display:block; width:120px; height:35px; line-height:35px; font-size:14px; color:#aaa; text-align:center; border:1px solid #ddd; border-radius:20px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li:hover { box-shadow:0 0 10px rgba(0,0,0,0.2);}
.prolist li:hover .msg h3::after { width:50px;}
.prolist li:hover .msg span { color:#fff; border-color:#183e7f; background:#183e7f;}
.prolist li:nth-child(2n-1) .msg { border-left:none;}
.prolist li:nth-child(2n-1) .msg h3::after { left:-75px;}
.prolist li:nth-child(2n) .img { float:right;}
.prolist li:nth-child(2n) .msg { float:left; padding:50px 60px 55px 40px; border-right:none;}

/*新增产品列表*/
.prolft { float:left; width:250px;}
.prolft a { display:block;}
.prolft h1 { line-height:30px; font-weight:500; font-size:24px; color:#fff; text-align:center; padding:15px 0; background:#183e7f;}
.prolft h1 p { font-size:16px; color:rgba(255,255,255,0.8); text-transform:Uppercase;}
.prolft h3 { line-height:45px; border:1px solid #eee; border-top:none; background:url(../images/pro.png) no-repeat 20px 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolft h3 a { font-size:18px; padding:0 30px 0 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolft li { line-height:45px; border:1px solid #f4f4f4; border-top:none;}
.prolft li a { font-size:16px; color:#666; padding:0 30px 0 50px; position:relative;}
.prolft li a::before,.prolft li a::after { display:block; content:""; position:absolute;}
.prolft li a::before { width:14px; height:14px; border-radius:50%; background:#373737; left:22px; top:16px;}
.prolft li a::after { width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:26px; top:20px;}
.prolft h3:hover a,.prolft h3.on a,.prolft li:hover a,.prolft .on a { color:#183e7f;}
.prolft h3:hover,.prolft h3.on { background-image:url(../images/proh.png);}
.prolft li:hover a::before,.prolft .on a::before { background:#183e7f;}
.prorgt { float:right; width:920px; border:1px solid #eee;}
.prorgt h1 { width:100%; height:50px; line-height:50px; margin-bottom:40px; border-bottom:1px solid #eee; background:#f9f9f9;}
.prorgt h1 span { display:inline-block; min-width:150px; font-weight:500; font-size:24px; color:#fff; text-align:center; padding:0 20px; background:#183e7f; position:relative;}
.prorgt h1 span::after { display:block; content:""; width:0; height:0; margin:0 auto; border-style:solid; border-width:20px 75px 0 75px; border-color:#183e7f transparent transparent transparent; line-height:0px; _border-color:#183e7f #000 #000 #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; left:0; right:0; bottom:-20px;}
.prorgt .lists li { width:95%; padding:0 2.5% 30px 2.5%; margin-top:30px; overflow:hidden; border-bottom:1px solid #eee;}
.prorgt .lists li a { display:block;}
.prorgt .lists li .img { float:left; width:250px; height:225px; border:1px solid #eee; overflow:hidden;}
.prorgt .lists li .img img { display:block; width:100%; background:url(../images/bh_10.png) no-repeat 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prorgt .lists li .msg { float:right; width:600px;}
.prorgt .lists li .msg h3 { width:100%; font-size:26px; color:#000; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prorgt .lists li .msg p { font-size:14px; color:#999; line-height:30px; margin:15px auto; padding:15px 0; border-top:1px solid #eee;}
.prorgt .lists li .msg span { display:block; width:120px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:#bbb; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prorgt .lists li:hover .img img { transform:scale(1.1,1.1);}
.prorgt .lists li:hover .msg h3 { color:#183e7f;}
.prorgt .lists li:hover .msg span { border-color:#183e7f; background:#183e7f;}



/*视频列表*/
.video { width:100%;}
.video li { float:left; width:390px; margin:0 5px 30px 5px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.video li .vid { width:390px; height:220px; overflow:hidden; background:#000;}
.video li .msg { padding:15px 20px; background:#f8f8f8;}
.video li .msg a { display:block; width:100%; text-align:center;}
.video li .msg h3 { width:100%; font-size:18px; color:#333; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.video li .msg p { font-size:14px; color:#999; margin:15px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video li .msg span { display:block; font-size:14px; line-height:25px;}
.video li:hover { box-shadow:0 3px 10px rgba(0,0,0,0.1); -webkit-transform:translateY(-15px); transform:translateY(-15px);}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:390px; margin:0 5px 30px 5px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:390px; height:220px; overflow:hidden; background:#000;}
.piclist li .img img { display:block; width:100%; -webkit-transition:all .8s ease; transition:all .8s ease;}
.piclist li .msg { text-align:center; padding:15px 20px; background:#f8f8f8; height:180px;}
.piclist li .msg h3 { width:100%; font-size:18px; color:#333; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg p { line-height:25px; font-size:14px; color:#999; margin:10px auto;}
.piclist li .msg span { display:block; font-size:14px; line-height:25px;}
.piclist li:hover { box-shadow:0 3px 10px rgba(0,0,0,0.1); -webkit-transform:translateY(-15px); transform:translateY(-15px);}
.piclist li:hover .img img { transform:scale(1.1,1.1);}

/*服务与支持*/
.ser01 { width:100%;}
.ser01 li { float:left; width:calc(100% / 4 - 30px); height:257px; margin-right:30px; padding:15px; border:1px solid #ddd; box-sizing:border-box; -webkit-transition:all .5s ease; transition:all .5s ease;}
.ser01 li h3 { height:35px; line-height:35px; font-size:18px; color:#333; font-weight:500; margin-bottom:10px; position:relative;}
.ser01 li h3::after { display:block; content:""; width:2px; height:35px; margin:auto; background:#c60917; position:absolute; left:-16px; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.ser01 li p { font-size:14px; color:#999; line-height:30px;}
.ser01 li p span { font-size:16px; color:#c60917;}
.ser01 li:hover { box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-transform:translateY(-5px); transform:translateY(-5px);}
.ser01 li:hover h3::after { width:6px;}
.ser02 { width:100%; height:200px; padding:200px 0; margin-top:60px; background:url(../images/bh_11.jpg) no-repeat center top;}
.ser02 p { float:left; width:835px; font-size:16px; color:#999; line-height:30px; padding:25px; background-color:rgba(255,255,255,0.84);}

/*新闻列表*/
.newlist { width:100%; min-height:500px;}
.newlist li { float:left; width:calc(100% / 3 - 20px); text-align:center; padding:20px 30px; margin:20px 30px 10px 0; border:1px solid #eee; box-sizing:border-box; position:relative;}
.newlist li h3 { width:100%; font-size:18px; color:#333; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li p { height:75px; line-height:25px; font-size:14px; color:#999; margin:15px auto; overflow:hidden;}
.newlist li span { display:block; font-size:14px; line-height:25px;}
.newlist li:nth-child(3n) { margin-right:0;}
.newlist li:hover { box-shadow:0 3px 10px rgba(0,0,0,0.1); -webkit-transform:translateY(-15px); transform:translateY(-15px);}

.artimg { width:1200px; margin:40px auto; overflow:hidden;}
.artimg img { display:block; width:100%;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:60%;}
.contact .lft h1 { font-size:22px; color:#000; font-weight:500; line-height:35px; margin-bottom:15px;}
.contact .lft p { font-size:14px; color:#666; line-height:30px;}
.contact .rgt { float:right;}
.contact .rgt .img { float:right; width:130px; text-align:center; padding:20px; margin-left:30px; border:1px solid #eee; overflow:hidden;}
.contact .rgt .img img { display:block; width:130px; height:130px;}
.contact .rgt .img h3 { font-size:16px; color:#000; font-weight:500; line-height:30px; margin-top:5px;}
.contact .rgt .img p { font-size:12px; color:#999;}
.contact .map { width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}
.p_fee_box{width: 100%;overflow: hidden;}
.fee_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.fee_box ul{width: 100%;height: auto;margin: -10px 0 0;padding: 0;overflow: hidden;}
.fee_box ul li{width: auto;height: auto;margin: 10px 0;overflow: hidden;}
.fee_box ul li input[type="text"]{width: 100%;height: 50px;*line-height: 50px;margin: 0;box-sizing: border-box;padding: 0 10px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;}
.fee_box ul li textarea{width: 100%;height: 340px;box-sizing: border-box;margin: 0;padding: 9px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;line-height: 24px;overflow: hidden;}
.fee_box ul li.f_text,.fee_box ul li.f_code{float: left;margin: 10px 0;}
.fee_box ul li.f_text{width: calc(30% - 10px);margin: 10px 10px 0 0;}
.fee_box ul li.f_code{width: 40%;}
.fee_box ul li.f_code input{width: calc(100% - 170px);margin: 0 10px 0 0;float: left;}
.fee_box ul li.f_code img{vertical-align: top; max-width: 160px; max-height: 50px; border-radius: 5px;float: right;}
.fee_box ul li.f_textarea{clear: both;}
.fee_box ul li.f_submit{width: 100%;height: auto;text-align: center;overflow: hidden;}
.fee_box ul li.f_submit input{width: 150px;height: 50px;margin: 0;padding: 0;border: 0;border-radius: 3px;background: #d80010;font-size: 16px;color: #fff;cursor: pointer;}
.layui-btn {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #c70e26;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}
.layui-btn-lg {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size: 16px;
}
.friendlink {
	margin-top: 10px;
	font-size: 14px;
	color: #858585
}

.friendlink span {
	width: 80px;
	float: left;
	display: inline
}

.friendlink ul {
	padding-left: 80px
}

.friendlink li {
	margin: 0 20px 10px 0;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.friendlink li a {
	font-size: 14px;
	color: #333
}

.friendlink li a:hover {
	color: #0188fb
}