@charset "utf-8";
/* CSS Document */
.wrapper{width:1180px; margin:0 auto;}

header{}
header .logo{}
header .tel{ width:230px; font-size:18px; margin-top:30px;}
header .tel p{color:#15478c; font-size:28px; font-weight:bold; margin-top:10px;}

nav {background:url(../images/navbg.jpg) repeat-x; width:100%; height:65px;}
nav ul { font-size: 0; margin: 0;  padding: 0;}
nav ul li { display: inline-block;  position: relative; background:url(../images/navline.jpg) no-repeat right center; line-height:33px;}
nav ul li:last-child{background:none;}
nav ul li a {color: #fff; display: block; font-size: 18px; padding: 16px 49.5555555555555555555555555px; transition: 0.3s linear;}
nav ul li:hover {background: #2ba0db;}
nav ul li ul {border-bottom: 5px solid #15478c; display: none;  position: absolute; width: 250px; z-index:99999;}
nav ul li ul li {border-top: 1px solid #444; display: block;}
nav ul li ul li:first-child {border-top: none;}
nav ul li ul li a {background: #2ba0db;  display: block; padding: 7px 0 7px 50px; font-size:16px;}
nav ul li ul li a:hover { background: #126d9b;}
nav .fa.fa-angle-down { margin-left: 6px;}
nav .fa-angle-down{width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-top: 6px solid white; position:absolute; right:20px; top:45%;}

.cp{width:835px;}
.lx{width:312px; background:url(../images/lxbg.jpg) no-repeat left center;}

.title{ border-bottom:1px solid #cccccc;}
.title span{color:#000;}
.title em{color:#ccc; font-style:normal; margin-left:10px;}
.titline{ border-bottom:1px solid #314351; display:inline-block;}
.title a{text-transform:uppercase; margin-top:10px;}
.title a span{font-family:"宋体"; font-size:15px!important; margin-left:3px;}

.lxcon{width:272px; line-height:26px;}
.lxcon .title span{ font-size:18px;}
.lxcon .title em{font-size:12px;}

.xw{}
.xw .title{height:50px; border-bottom-width:2px;}
.xw .titline{height:50px; border-bottom-width:2px;}
.xw .title span{ font-size:24px;}
.xw .title em{font-size:14px;}

.cptit{height:105px; border-bottom:1px solid #314351; text-align:center;}
.cptit p{font-size:39px;}
.cptit span{color:#ccc; font-size:12px; text-transform:uppercase;}


.scroll {
	width:835px;
	margin:20px auto;
	position:relative;
	overflow:hidden;
}
.picbox {
	width:835px;
	height:530px;
	overflow:hidden;
	position:relative;
}
.picbox ul {}
.piclist {position:absolute;left:0px;top:0px; background:#fff;}
.piclist li.goodlist {
	width:393px;
	height:231px;
	margin:30px 30px 0 0;
	border:1px solid #eeeeee;
	float:left;
}
.piclist li:nth-child(4n){margin-right:0;}
.goodpic{overflow:hidden; float:right;width:200px;height:230px;}
.goodpic a{display:table-cell;width:200px;height:230px; text-align:center; vertical-align:middle;overflow:hidden; }
.goodpic img { vertical-align:middle;}
.swaplist {position:absolute;left:-3000px;top:0px;}
.og_prev, .og_next {
	width:30px;
	height:60px;
	background:url(../images/btn.png) no-repeat;
	position:absolute;
	top:50%; margin-top:-18px;
	z-index:99;
	cursor:pointer;
}
.og_prev {background-position:0 0;left:0px;}
.og_prev:hover {background-position:0 -60px;}
.og_next {background-position:-30px 0;right:0px;}
.og_next:hover {background-position:-30px -60px;}
.goodlist img.pics {background:#fff url(../images/loading.gif) center center no-repeat;}

.goodlist dl {float:left;width:160px;overflow:hidden; margin:34px 0 0 13px;}
.goodlist dl dt {}
.goodlist dl dt a.goodtitle {
	width:100%;
	height:22px;
	line-height:22px;
	display:block;
	color:#000;
	font-size:16px;
	font-weight:bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.goodlist dl dt span.en {
	width:100%;
	height:70px;
	line-height:18px;
	display:block;
	color:#666;
	overflow: hidden;
	margin-top:12px;
}
.goodlist dl dt span.change-price {font-weight:bold;color:#D63C3C;padding-right:5px;}
.goodlist dl dt span.max-price {color:#999;	text-decoration:line-through;}
.goodlist dl dt a.exchange { width:68px; height:30px; line-height:30px;
	font-size:12px;
	text-align:center;
	color:#cdcdcd;
	display:none;
	text-decoration:none;
	background:#0075c5;
	float:left;
	border-radius:1px;
	margin-top:20px;
}
.goodlist dl dt a.exchange:hover {background:#973434;}
.goodlist dl dt p {padding:5px 0;}

.four{background:url(../images/ibg.jpg) repeat-x center top; width:100%; height:325px; overflow:hidden;}
.four_ti{font-size:30px; color:#2f3137; height:50px;}
.four ul{margin-top:50px;}
.four li{width:190px; float:left; margin-right:120px; text-align:center;}
.four li:last-child{margin-right:0;}
.four p{margin-top:20px;}
.four p a{font-size:14px; color:#2f3137}

.ipic{ width:190px; height:190px; border-radius:100%; overflow:hidden; position:relative;}
.ipic img{}
.ipic a{ display:block; width:190px; height:190px; overflow:hidden;}
.ipic i{background:url(../images/icon_circle.png) no-repeat; width:190px; height:190px; position:absolute; top:0; left:0; display:block; z-index:999;}
.ipic i:hover{animation:circle 2s linear infinite;}
@keyframes circle {
	from {transform:rotate(0deg)}
	to {transform:rotate(360deg)}
}

.xw{margin-bottom:130px;}
.xw ul{margin:30px 0 0 0;}
.xw ul li{float:left; width:265px; margin-right:40px;}
.xw ul li:nth-child(4n){margin-right:0;}
.xw ul li .xwpic{ width:265px; height:150px; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle; background:#eee;}
.xw ul li .xwpic img{vertical-align:middle;}
.xw ul li .xwpic a{}
.xw ul li h2{font-size:14px; display:block; height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xw ul li p{width:250px; height:96px; overflow:hidden; line-height:24px; color:#7b7b7b;}

.more{width:128px; height:36px; line-height:36px; text-align:center; background:#0075c5; font-size:14px; color:#fffefe; display:block;}

footer{background:#0075c5; color:#fff;font-size:14px;}
footer dl{width:195px; float:left; line-height:24px; min-height:292px;}
footer dl dt{font-size:16px; line-height:55px; margin-top:20px;}
footer dl:last-child{ float:right; width:135px;}
footer a{color:#fff;}
.copyright{font-size:14px; text-align:center; border-top:1px solid #2d8aca; line-height:60px;}


.position{width:100%; height:65px; line-height:65px; background:#f2f2f2; overflow:hidden;}
.sb{background-repeat:no-repeat; width:1920px; height:270px; background-position:top center; overflow:hidden; margin:0 auto;}
.w710{width:710px; margin:0 auto; text-align:center;}
.w710 h1{font-size:40px; font-weight:normal;}
.w710 p{color:#2f3137; line-height:26px;}

.products{ margin-bottom:130px;}
.products ul{}
.products ul li{width:568px; height:250px; border:1px solid #dfdfdf; overflow:hidden; float:left; margin:0 36px 36px 0;}
.products ul li:nth-child(2n){margin-right:0;}
.products aside{float:right;width:300px; height:250px;}
.products article{width:232px; float:left; margin:30px 0 0 15px;}

.pimg{ width:300px; height:250px; overflow:hidden;}
.pimg a{display:table-cell; text-align:center; vertical-align:middle; width:300px; height:250px; overflow:hidden;}
.pimg img{vertical-align:middle;}
.products article h1{font-size:18px; font-style:normal!important;}
.products article p{font-size:12px; color:#666; height:86px; overflow:hidden;}

.proshow{}
.proshow aside{width:200px; background:#eaeced; border-radius:2px 2px 0 0; overflow:hidden;}
.proshow article{width:935px;}
.left_ti{background:#0075c5 url(../images/jt.png) no-repeat 172px center; height:48px; border-radius:2px 2px 0 0; overflow:hidden;}
.left_ti p{ color:#FFF; margin:7px 0 0 15px;}
.left_ti span{ color:#808080; font-family:Arial; font-size:10px!important; text-transform:uppercase; margin:3px 0 0 15px;}

.proshow menu{padding:0;}
.proshow menu a{display:block; height:35px; line-height:35px; border-bottom:1px dashed #b2b9be; text-indent:26px; font-size:14px;}
.proshow menu a:hover{background:rgba(0,117,197,.5);}
.proshow article h1{height:47px; line-height:47px; border-bottom:1px solid #0075c5; font-size:16px;}

.w882{width:882px; margin:50px auto;}
#box {width: 870px;height: 270px;padding: 5px;position: relative;border: 1px solid #ccc;}
.ad {width: 870px;height: 270px;overflow: hidden;position: relative;}
#box img {}
.ad ul {position: absolute;	top: 0;	width:8700px;}
.ad ul li.current {display: block;}
.ad ul li {float: left; width:870px; height:270px;}
.ad ul li div{display:table-cell; width:870px; height:270px; text-align:center; vertical-align:middle; overflow:hidden;}
.ad ul li img{vertical-align:middle;}

#arr {display: none;}
#arr span {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -20px;
	background: #000;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-family: '黑体';
	font-size: 30px;
	color: #fff;
	opacity: 0.3;
	border: 1px solid #fff;
}
#arr #pright {right: 5px;left: auto;}

.pshowti{ height:54px; position:relative;}
.pshowti h2{ position:absolute; z-index:99;
    height:0;  
    width:230px;  
    border-top:54px solid #0075c5;  
    border-right:50px solid transparent;  
} 
.pshowti span{position:absolute; display:block; top:4px; left:57px; z-index:9999; font-size:22px; color:#fff;}
.pshowti span p{ color:#b5b5b5; font-size:12px; text-transform:uppercase;}
.pti_r{height:0; margin:12px 0 0 0;
    width:600px;  
    border-bottom:42px solid #eaeced;  
    border-left:40px solid transparent;  
}
.proshow_con{margin-top:35px; line-height:24px; clear:both;}

.news{ width:1000px; margin:50px auto;}
.news aside{width:200px; height:150px;}
.news article{width:765px;}
.news aside a{display:table; text-align:center; vertical-align:middle; width:200px; height:150px; overflow:hidden;}
.news aside a img{vertical-align:middle;}
.news li{height:185px; border-bottom:1px dashed #ccc; margin-top:30px;}
.news article h1{color:#666; font-weight:normal;}
.news article p{color:#999; height:36px; overflow:hidden;}
.news article time{ color:#999; display:block;}
.news article img{vertical-align:middle;}
.news article a:hover{color:#F00;}

.newshow h2{font-size:24px; text-align:center; font-weight:normal; height:50px;}
.newshow p{ border-bottom:0px dashed #ccc;  color:#aaa;}
.news_con{}

.case{}
.case li{ width:375px; float:left; margin:15px 26px 0px 0; text-align:center;}
.case li div{display:table-cell; text-align:center; vertical-align:middle; width:375px; height:300px; overflow:hidden; border:1px solid #ddd;}
.case li div a{}
.case li p{line-height:45px; line-height:45px; font-size:14px;}
.case li:nth-child(3n){margin-right:0;}

.download{}
.download li{height:45px; line-height:45px; border-bottom:1px dashed #ddd; background:url(../images/loading.gif) no-repeat left center;}
.download li a{float:left; text-indent:30px; font-size:14px;}
.download li span{float:right; font-size:14px;}