﻿/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px;}
textarea { resize:none;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#0952a3;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/

.banner { margin:0 auto; position: relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%;}
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc;}
.banner .hd ul li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }

.m{ width:95%; max-width:1200px; margin:0 auto;}

/*top*/
.top{ width:100%; height:35px; background:url(../images/topbga.jpg) no-repeat right center; line-height:35px; font-size:12px;}
.top img{ vertical-align:middle;}
.top a{ margin:0 10px 0 5px;}
.top span{ font-weight:bold; color:#0952a3; font-size:14px;}

.nav{ padding:20px 0;  line-height:50px;}
.nav ul{ position:relative;}
.nav li{ float:left;}
.nav li a{ padding:5px 15px;}
.nav li a:hover{ background:#0952a3; border-radius:20px; color:#fff;}
.nav li:nth-child(10){ margin-right:45px;}

.header{ background:#fff;font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;text-align:center;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%;height: 60px;padding:10px 50px; display:none;}
.header img{ height:100%;}
.header .a1{background: center center no-repeat transparent;background-image: url(../images/amenuicon.png);display: block;width: 40px;height: 40px;position: absolute;top: 10px;right: 10px;}
.header .tel{ left:10px; right:auto;background-image: url(../images/telm.png); background-size:70%; }




/* reset webkit search input browser style */
#demo-b{ position:absolute; top:7px; left:95%;}
#demo-b input {
	outline: none;
}
#demo-b input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#demo-b input::-webkit-search-decoration,
#demo-b input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
#demo-b input[type=search] {
	background: #0952a3 url(../images/searchb.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 7px 10px 7px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#demo-b input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
#demo-b input:-moz-placeholder {
	color: #999;
}
#demo-b input::-webkit-input-placeholder {
	color: #999;
}

/* demo B */
#demo-b input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=search]:hover {
	background-color: #e10031;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #fff;
	background-color: #e10031;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}

/*index product*/
.ind_pro{ padding:70px 0 50px 0;}
.ip1{ float:left;}
.ip1 .p1{ font-size:20px; font-weight:bold; color:#0952a3;}
.ip1 .p2{ width:30px; background:#0952a3; height:2px; margin-top:25px; border-left:10px solid #d9000e;}
.ip2{ float:left; margin-left:150px; width:600px;}
.ip2 .p1{ font-weight:bold; margin-bottom:30px;}
.ind_pro .a1{ float:right; display:block; font-size:12px; background:#0952a3; color:#fff; position:relative; padding:10px 20px; overflow:hidden;}
.ind_pro .a1 span{ position:relative; z-index:2;}
.ind_pro .a1:after{ content:""; position:absolute; height:100%; width:100%; background:#d9000e; left:84px; top:0; transition:0.2s; -webkit-transition:0.2s;}
.ind_pro .a1:hover:after{ left:0;}
.ind_pro ul{ margin-top:50px;}
.ind_pro ul li{ float:left; width:23.5%; margin-left:2%; border:1px solid #f0f0f0; transition:0.2s; -webkit-transition:0.2s; position:relative; top:0; background:#fff;}
.ind_pro ul li:first-child{ margin-left:0;}
.ind_pro ul li img{ width:100%;}
.ind_pro ul li div{ padding:20px;}
.ind_pro ul li div .p1{ font-size:15px; font-weight:bold; color:#0952a3;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ind_pro ul li div .p2{ font-size:12px; line-height:2;}
.ind_pro ul li:hover{ top:-20px; background:#0952a3;}
.ind_pro ul li:hover .p1,.ind_pro ul li:hover .p2{ color:#fff;}

/*index news*/
.ind_news{ padding:70px 0; background:#eaeff8;}
.ind_news .in_t{ border-bottom:1px solid #d3d3d3;}
.ind_news .in_t .p1{ font-size:20px; font-weight:bold; line-height:35px; color:#0952a3; float:left;}
.ind_news .in_t ul{ float:left; margin-left:45px;}
.ind_news .in_t ul li{ float:left; line-height:35px; padding:0 20px; border:1px solid #d3d3d3; border-bottom:none; font-weight:bold; margin-left:5px;}
.ind_news .in_t .p2{ float:right; line-height:35px; font-size:12px;}
.ind_news .in_t .p2 img{ vertical-align:middle;}
.ind_news .in_ul1{ margin-top:40px;}
.ind_news .in_ul1 li{ float:left; width:48%;}
.ind_news .in_ul1 li:last-child{ float:right;}
.ind_news .in_ul1 li img{ width:30%;}
.ind_news .in_ul1 li div{ padding-left:25px; width:70%;}
.ind_news .in_ul1 li div a{ color:#0952a3; font-weight:bold;}
.ind_news .in_ul1 li div .p1{ font-size:12px; line-height:2.5;}
.ind_news .in_ul1 li div .p2{ line-height:1.6; margin-top:20px;}
.ind_news .in_ul2{ margin-top:30px; font-size:12px;}
.ind_news .in_ul2 li{ float:left; width:33.3333%; line-height:2;}
.ind_news .in_ul2 a{ margin-left:10px; position:relative;}
.ind_news .in_ul2 li:first-child a:after{ content:url(../images/news.gif); margin-left:5px; vertical-align:middle;}

/*index about us*/
.ind_ab{ padding:70px 0;}
.ind_ab .ia1{ float:left; width:35%;}
.ind_ab .ia1 .p1{ font-size:18px;}
.ind_ab .ia1 .p2{ font-size:12px; margin-top:40px;}
.ind_ab .ia1 .p3{ font-size:24px; color:#0952a3; font-weight:bold; line-height:2;}
.ind_ab .ia1 .p4{ width:30px; background:#0952a3; height:2px; margin-top:20px; border-left:10px solid #d9000e;}
.ind_ab .ia1 .p5{ font-size:12px; text-indent:2em; margin-top:20px;}
.ind_ab .ia1 .a1{ float:left; margin-top:40px; padding:8px 20px; background:#d9352b; color:#fff;}
.ind_ab .ia1 .a1:hover{ background:#0952a3;}
.ind_ab .ia2{ float:left; width:65%; padding-left:70px;}
.ind_ab .ia2 .ia2m{ float:left; width:48%; background: url(../images/shili.png) no-repeat right top;}
.ind_ab .ia2 .ia2m .p1{ font-size:18px; color:#0952a3;}
.ind_ab .ia2 .ia2m .p2{ font-size:12px; text-indent:2em; margin-top:20px; width:85%; line-height:1.8;}
.ind_ab .ia2 .ia2m:nth-child(1),.ind_ab .ia2 .ia2m:nth-child(2){ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.ind_ab .ia2 .ia2m:nth-child(2){ background: url(../images/fangan.png) no-repeat right top;}
.ind_ab .ia2 .ia2m:nth-child(3){ background: url(../images/fuuw.png) no-repeat right top;}
.ind_ab .ia2 .ia2m:nth-child(4){ background: url(../images/chuangxin.png) no-repeat right top;}
.ind_ab .ia2 .ia2m:nth-child(2n){ margin-left:4%;}

/*index cooperation*/
.ind_coo{ width:100%; height:189px; padding:38px 0; background:url(../images/brgy.jpg) no-repeat center top;}
.ind_coo .p1{ font-size:24px; color:#fff; font-weight:bold;}
.ind_coo .p2{ font-size:13px; color:#fff; margin-top:10px;}
.ind_coo .p3{ color:#ccc; font-size:12px;}
.ind_coo .p4{ color:#bde9ff; line-height:45px; font-size:20px; font-weight:bold;}
.ind_coo .p5{ color:#ccc; font-size:12px;}
.ind_coo a{ background:#d9352b; padding:8px 20px; color:#fff; margin-left:40px; font-size:12px;}

/*bottom*/
.bottom1{ padding:30px 0;}
.bottom1 .p1{ font-weight:bold; color:#687076; margin-bottom:15px;}
.bottom1 .fl{ width:65%;}
.bottom1 .fl .p2{ font-size:12px; float:left; width:50%; margin:3px 0;}
.bottom1 .fl .p2 img{ vertical-align:middle; margin-right:5px;}
.bottom1 .fr{ width:25%;}
.bottom1 .fr .p3{ font-size:12px; text-align:right;}

.bottom2{ background:#e0e7f4; padding:30px 0; font-size:12px;}
.bottom2 br{ display:none;}

/*n*/

.b_n{ width:100%; line-height:6em; font-size:50px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banner_n.jpg) no-repeat center center; text-align:center; text-shadow:#666 5px 5px 5px;}
.n{ padding:50px 0; border-bottom:1px solid #eee;}
.main_left{ width:20%; float:left;}
.left_dl{ width:100%; overflow:hidden}
.left_dl dt{ width:96%; line-height:40px; font-size:18px; background:#0952a3; padding-left:20px; color:#fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.left_dl dd{ width:96%; line-height:35px; padding-left:20px; border-bottom: 1px solid #eee; border-top: 2px solid #fff; border-right: 1px solid #eee; font-size:16px; background:#f5f5f5 url(../images/jt.png) no-repeat 95%; position:relative; transition:0.2s}
.left_dl dd:before{ content:"- "; color:#0952a3}
.left_dl dd:hover{ background:#fff url(../images/jt.png) no-repeat 97%; border-left:2px solid #0952a3}
.left_co{ width:100%; margin-top:50px}
.left_co2{ width:96%; line-height:40px; font-size:18px; background:#0952a3; padding-left:20px; color:#fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.left_co3{ width:96%; line-height:25px; padding:10px; background:#f5f5f5;}
.main_right{ float:right; width:78%;}
.main_right .path{ padding-bottom:10px; border-bottom:1px solid #a2a2a2; margin-bottom:20px;}
.main_right img{ max-width:100%;}

/*about us*/
.about{}
.about p{ text-indent:2em; line-height:1.6; margin:5px 0;}
.about img{ width:100%; margin-top:20px;}

/*product*/
.product{}
.product_ul{ width:100%;}
.product_ul li{ width:22%; margin-right:4%; float:left; border:1px solid #ccc; position:relative; margin-bottom:20px;}
.product_ul li:nth-child(4n){ margin-right:0;}
.product_ul li img{ width:100%;}
.product_ul li .pro_t{ display:block; padding:20px; background:#f2f7fb; transition:0.5s; -webkit-transition:0.5s; font-size:14px; position:relative; z-index:2;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product_ul li .line{position:absolute; background:#13418e; transition:0.5s; -webkit-transition:0.5s;}
.product_ul li .line1{left:0; top:0; height:2px; width:0;}
.product_ul li .line2{right:0; top:0; height:0px; width:2px;}
.product_ul li .line3{right:0; bottom:0; height:2px; width:0;}
.product_ul li .line4{left:0; bottom:0; height:0; width:2px;}
.product_ul li:hover .line1{width:100%;}
.product_ul li:hover .line2{height:100%;}
.product_ul li:hover .line3{width:100%;}
.product_ul li:hover .line4{height:100%;}
.product_ul li:hover p{background:#13418e; color:#fff;}
.product_ul li:hover a{color:#fff;}

.product_ul li .v{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(9,82,163,0.5) url(../images/vv.png) no-repeat center center; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
.product_ul li:hover .v{ opacity:1;}

/*case*/
.equ_ul{ width:100%;}
.equ_ul li{ width:22%; float:left; margin-right:4%; margin-bottom:20px;}
.equ_ul li:nth-child(4n){ margin-right:0;}
.equ_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.equ_ul li a:hover{ border:1px solid #13418e;}
.equ_ul li img{ width:100%;}
.equ_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.equ_ul li p a{ color:#666;}

li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*lease*/
.lease .p1{ text-align:center; font-size:30px; font-weight:bold;}
.lease .p2{ line-height:1.6; margin:5px 0; text-indent:2em;}
.lease .pp{ font-size:16px; font-weight:bold; text-indent:0;}

/*news*/
.news{ width:100%;}
.nwli{ border-bottom:#ccc 1px dashed; height:150px}
.nwli.on{ background-color:#f7f7f7}
.conc_tu{ float:left; margin-top:20px; width:150px; height:113px}
.conc_zi{ float:left; margin-left:30px; margin-top:20px; width:680px}
.czi_tit{ font-size:16px; font-weight:bold; color:#000}
.czi_tit a{ color:#016BC6;}
.czi_nr{ margin-top:20px; color:#666666}
.czi_nr span{ display:block; padding-top:10px; font-size:14px; color:#016BC6;}

/*honor*/
.honor_ul{ width:100%;}
.honor_ul li{ width:22%; float:left; margin-right:4%; margin-bottom:20px;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #13418e;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}

/*Equipment leasing*/
.lease{ width:100%;}
.lease ul{ width:100%;}
.lease ul li{ float:left; width:22%; margin-right:4%; margin-bottom:20px; display:block; padding:5px; border:1px solid #ddd; position:relative;}
.lease ul li:nth-child(4n){ margin-right:0;}
.lease ul li p{ text-align:center; margin-top:10px; font-size:14px;}


/*contact*/
.contact{ width:100%}
.contact .contact_m{ margin-bottom:30px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:40px;}
.contact .contact_m .p1{ float:left; font-size:16px; padding-left:15px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:15px; width:70%;}


@media (max-width: 1120px) {
.top,.nav{ display:none;}
.header{ display:block;}
.ind_pro,.ind_news,.ind_ab{ padding:20px 0;}
.ip2{ display:none;}
.ind_pro ul{ margin-top:20px;}
.ind_pro ul li{ width:49%; margin-bottom:10px;}
.ind_pro ul li:nth-child(3){ margin-left:0;}
.ind_pro ul li div .p2{ display:none;}
.ind_news .in_t ul{ display:none;}
.ind_news .in_ul1 li{ width:100%; float:none; margin-bottom:10px;}
.ind_news .in_ul1 li div .p2{ display:none;}
.ind_news .in_ul2{ margin-top:10px;}
.ind_news .in_ul2 li{ width:100%; float:none;}
.ind_ab .ia1{ width:100%;}
.ind_ab .ia2{ width:100%; padding-left:0; margin-top:30px;}
.ind_ab .ia2 .ia2m .p2{ width:100%;}
.ind_coo{ display:none;}
.bottom1 .fr{ display:none;}
.bottom1 .fl{ width:100%;}
.bottom1 .fl .p2{ width:100%;}
.bottom2 br{ display:block;}
.bottom2 .fr{ float:left; text-align:left !important;}
.n{ padding:20px 0;}
.b_n{ font-size:30px;}
.main_left{ display:none;}
.main_right{ width:100%;}
.product_ul li{ width:49%; margin-right:2%;}
.product_ul li:nth-child(2n){ margin-right:0;}
.equ_ul li{ width:49%; margin-right:2%;}
.equ_ul li:nth-child(2n){ margin-right:0;}
.lease ul li{ width:49%; margin-right:2%;}
.lease ul li:nth-child(2n){ margin-right:0;}
.honor_ul li{ width:49%; margin-right:2%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.conc_tu{ display:none;}
.conc_zi{ width:100%; margin-left:0;}
.contact .contact_m{ width:100%;}
.contact .contact_m img{ height:35px;}
.contact .contact_m .p1,.contact .contact_m .p2{ font-size:12px;}
.map{ display:none;}
}