@charset "utf-8";
/* CSS Document */

body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dd,dt{ margin:0 ; padding:0}
body{ font-size:12px; font-family:"微软雅黑"}
img{ border:0}
a{ text-decoration:none}
ul{ list-style:none}
.top{ width:1200px; margin:0 auto; overflow:hidden;}
.top img.logo{ float:left; width:601px}
.top img.phone{ float:right; width:441px;}
.nav{ width:100%; height:40px; background:#055cbd; margin-top:20px}
.nav ul.dh{ width:1010px; margin:0 auto; height:40px}
.nav ul.dh li,.nav ul.dh li a{ float:left; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff}
.nav ul.dh li{ width:140px; border-right:#004899 1px solid}
.nav ul.dh li a{ width:139px; border-right:#2686D0 1px solid}
.nav ul.dh li.dhbj,.nav ul.dh li a:hover{ background:#bf0101}
/*banner star*/
.flickerplate {
	position:relative;
	width:100%;
	height:503px;
	background-color:#e6e6e6;
	overflow:hidden;
}
.flickerplate ul.flicks {
	width:10000%;
	height:503px; 
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:503px;
	background-position:center;
	background-size:cover;
	display:table
}


@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left;  height:350px
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right; height:350px
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/arrow-left-dark.png")
	
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/arrow-right-dark.png"); 
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}
.banner{ z-index:1}
.banner li.bannera{ height:503px; }
/*banner end*/
<!--box1 star-->
.box1{ width:100%;}
.box1 .product,.box1 .search{ width:1200px; margin:0 auto;overflow:hidden}
.box1 .search{ padding:10px 120px; width:960px; }
.box1 .search input{ float:left; border:0; height:25px}
.box1 .search p{ width:200px;  float:left;height:25px; line-height:25px; font-size:14px }
.box1 .search form.form1{ width:280px; float:right; }
.box1 .search form.form1 input.djin{ background:url(../images/dj.jpg) left center no-repeat; width:220px; border:#E0E0E0 1px solid}
.box1 .search form.form1 input.sub{ background:url(../images/soso.jpg) left center no-repeat; width:53px; float:right; height:26px}
.box1 .product .PrList{ width:200px; float:left; margin-left:15px; border:#0265AB 1px solid; height:100%}
.box1 .product .PrList h1{ background:url(../images/PrList.jpg) no-repeat center; height:61px; width:200px}
.box1 .product .PrList ul{ font-family:"宋体"; font-size:14px; width:170px; padding:0 20px 10px 15px}
.box1 .product .PrList ul li{line-height:32px;border-bottom:#ccc 1px dashed;}
.box1 .product .PrList ul li,.box1 .product .PrList ul a{ color:#000;}
.box1 .product .PrList ul li {background:url(../images/tit.jpg) no-repeat left center;}
.box1 .product .PrList ul a{ display:inline-block; margin-left:25px}
.box1 .product .Prshow{ width:964px; float:right;  }
.box1 .product .Prshow h2{ height:40px; line-height:40px;border-bottom:#C4C4C4 1px solid; width:934px; margin:20px 10px 0 10px; color:#000}
.box1 .product .Prshow h2 a{ color:#000}
h2{ font-size:18px; color:#000;}
h2 i,h2 span{ font-style:normal; float:left}
h2 i{ font-size:14px; margin-left:5px}
h2 a{ float:right; font-size:12px; color:#000}
.box1 .product .Prshow div{ margin:10px 0; overflow:hidden; z-index:1}
.box1 .product .Prshow div dl{ width:216px; height:258px; float:left; margin:0 10.9px; display:inline}
.box1 .product .Prshow div dl dt{ width:196px; height:196px; padding:9px; border:#EDEDED 1px solid}
.box1 .product .Prshow div dl dd{ height:40px; line-height:40px; text-align:center;  width:216px}
.box1 .product .Prshow div a{ color:#000}
/*box2 srat*/
.box{background:url(../images/box2buut.jpg) center bottom no-repeat; padding-bottom:18px}
.box2{ width:948px; border:#076bcb 5px solid; margin:20px auto 0; padding:2px; }
.box2Left{ width:216px; float:left}
.box2Right{ width:718px; float:left}
/*box3 star*/
.box3{ width:100%; background:url(../images/btit.jpg) center top no-repeat; height:196px; margin-top:20px}
.box4{ background:url(../images/box4-top.jpg) repeat-x top center; width:100%;}
.box4 h3{ background:url(../images/naicai.jpg) center top no-repeat; width:813px; height:167px; margin:0 auto}
.box4 .box4cen,.rxian,.box6Top,.box6Foot,.bbox{ width:1200px; margin:0 auto}
.box4 .box4cen .client{ width:640px; margin-left:15px; float:left}
.box4 .box4cen .client div{ margin:40px 0;}
.client p{ font-size:14px; padding:0px 20px 0 70px; line-height:35px; margin-top:-15px}
.client p span{ color:#ffa43b}
.trophy{ float:left}
.box5{ width:1200px; margin:0 auto; background:url(../images/titbutx.jpg) center top no-repeat; padding-top:29px}
.approve { width:640px; float:right; }
.approve div{ margin-top:50px}
.approve ul{ margin:-10px 0 0 70px; }
.approve ul li{ background:url(../images/ultit.jpg) center left no-repeat; height:30px; line-height:30px;}
.box5 img.contact{ float:left;}
.box5 .approve ul li a{  color:#000; margin-left:25px; font-size:14px}
.box5 .approve ul li a.discolor{ color:#FFB15F}
.rxian{ padding:20px 33px 0 33px; width:1134px;_line-height:1px ;_font-size:1px; }

/*box6 star*/
.box6{ width:100%; border-bottom:3px solid #EBEBEB; background:url(../images/titlac.jpg) repeat-x bottom #f5f5f5; padding-bottom:30px; overflow:hidden; margin-bottom:20px}
.box6 .box6Top{ padding-top:20px; overflow:hidden;}
.box6 .box6Top .bTleft{ width:785px; float:left; }
.box6 .box6Top .bRight{ width:400px; float:right; }
 h2 em{ display:inline-block; width:7px; background:#F20000; height:15px; float:left; margin:10px 5px 0 0}
 h2{ color:#174FA2; height:30px; line-height:30px; width:767px; border-bottom:#B9B9B9 1px solid}
.box6 .box6Top .bTleft h2{ width:745px; margin-bottom:5px}
 h2 i, h2 a{ margin-top:2px}
 h2 a{color:#174FA2}
.abouta{ width:765px;  overflow:hidden}
.box6 .box6Top .bTleft dl{ width:747px; background:#0F0; background:url(../images/dlright.jpg) no-repeat right; padding-right:18px; height:282px}
.box6 .box6Top .bTleft dl dt{ width:296px; height:223px;  padding:7px; float:left}
.box6 .box6Top .bTleft dl dd{ width:402px; float:right;  padding-right:20px}
.box6 .box6Top .bTleft dl dd p{ line-height:30px; text-indent:2em; font-size:15px}
.box6 .box6Top .bRight h2{ width:400px}
/*dantuqiehuan*/
#wrap_slide{width:330px;height:250px;position:relative; margin-top:20px; }
#slide{width:180px;height:240px;overflow:hidden;position:absolute;left:25px;top:0px; margin-left:85px}
#slide div{text-decoration:none;display:block;width:180px;height:240px;position:absolute;left:480px;}
#previous{width:30px;height:26px;line-height:99em;overflow:hidden;background:url(../images/honorleft.jpg);position:absolute;left:5px;top:100px;cursor:pointer;}
*html #previous{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/honorleft.jpg', sizingMethod='crop'); )}
#next{width:30px;height:26px;line-height:99em;overflow:hidden;background:url(../images/honorright.jpg);position:absolute;left:362px;top:100px;cursor:pointer;}
*html #next{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/honorright.jpg', sizingMethod='crop');}

.box6Foot h2{ width:1200px}
/*wufengxi*/
.looks{ width:1200px;  margin:0 auto;  overflow:hidden;zoom:1;}
div.indexmaindiv{height:218px;width:1200px;margin:0 auto;}

div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:80px 5px 0px 0px;cursor:pointer; }
div.indexmaindiv1 div.playerdetail{width:253px;height:205px;background:#FFF;font-family:'微软雅黑'; margin:0 6px}
div.indexmaindiv1 div.playerdetail div.detailimg{width:253px;height:205px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:253px;height:205px;padding:3px; border:#DEDEDE 1px solid }
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:80px 0px 0px 30px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1100px;height:218px;overflow:hidden;position:relative; margin-left:20px; display:inline}
div.maindiv1 ul{position:absolute;left:0;top:0;width:1100px;}
div.maindiv1 ul li{float:left;width:253px;height:205px; margin:0 10px}
.playerdetail a{ color:#fff; font-size:12px}
<!--box7 star-->
.box7{ width:100%; background:#fcfcfc}
.box7 .bbxoLeft{ width:800px; float:left;}
.bbxoLeft h2 em{ background:#0158b7; margin-left:5px;}
.bbxoLeft h2 i{ font-size:16px; color:#666}
.bbxoLeft .newa{background:url(../images/dlright.jpg) right no-repeat; width:785px; overflow:hidden; padding:10px;}
.bbxoLeft .newa li{width:375px;float:left;margin-right:15px;line-height:30px;border-bottom:#ccc 1px dashed;}
.bbxoLeft .newa dl{ width:760px; overflow:hidden; float:left; margin:5px}
.bbxoLeft .newa dl dt{ float:left; width:160px}
.bbxoLeft .newa dl dd{ float:right; width:205px; font-size:13px; line-height:25px}
.bbxoRight{ float:right; width:400px;}
.bbxoRight h2,.bbxoRight div{ width:400px; overflow:hidden}
.bbxoRight div{ border-bottom:#B9B9B9 1px solid; margin:20px; width:360px }
.bbxoRight div p{ width:400px; line-height:35px}
.bbxoRight div p span,.bbxoRight div p i{ font-size:15px; font-weight:bold;}
.bbxoRight div p i{ font-style:normal}
.foot{ width:100%; background:#0c63c4}
.boxa{ width:970px; margin:0 auto; overflow:hidden; background:url(../images/footbj.jpg) center no-repeat; height:298px}
.butnav{ background:url(../images/bunav.jpg) center no-repeat; height:72px; margin-top:40px; padding-left:110px}
.butnav li,.butnav li a{ float:left; height:50px; line-height:50px; color:#fff; display:inline}
.butnav li{ background:url(../images/buutri.gif) right center no-repeat;}
.butnav li a{ padding:0 17px}
.butnav li.no{ background:none}
.footbuut .blogo,.footbuut .copyrightc{ float:left}
.footbuut .copyrightc{ background:url(../images/footr.jpg) center right no-repeat; width:465px; height:139px; margin-right:40px}
.footbuut .2wm{ float:right; }
.footbuut .copyrightc p{ line-height:30px; color:#fff; padding-left:40px}
.footbuut .copyrightc p.topHigh{ margin-top:20px}
/*xiao tu star*/
.pic_con{width:710px;padding:10px;position:relative; }
.pic_lists{float:left;width:8888px;height:138px;overflow:hidden;position:absolute;top:0px;left:0px}
.btn_change{width:40px;height:60px;position:absolute;text-indent:-9999px;cursor:pointer}
.left_btn{background:url(../images/leftstop.jpg) no-repeat;top:85px;left:8px}
.right_btn{background:url(../images/rightstart.jpg) no-repeat;top:85px;right:0px}

.pic_content{overflow:hidden;height:140px;loat:left;width:637px;padding:4px;position:relative;margin:30px auto 0px; }
.pic_content ul li{float:left;width:199px;height:130px;padding:2px;text-align:center;margin:0 0 0 10px;position:relative; border:#BABABA 1px solid}
.pic_content ul li a img{width:198px;height:130px}

.highlight_tip{width:50%;position:relative;margin:0 auto;top: -15px;left: 20%;}
.highlight_tip span{height:24px;padding:5px;line-height:24px;float:left;margin:0 2px;cursor:pointer}
.highlight_tip span.current{height:18px;width:18px;line-height:18px;background:#9CC;text-align:center}