@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:50px; background: url(../images/dhbg.jpg) repeat-x; margin-top:20px}
.nav ul.dh{ width:1010px; margin:0 auto; height:50px}
.nav ul.dh li,.nav ul.dh li a{ float:left; height:45px; line-height:40px; text-align:center; font-size:13px; color:#fff}
/*.nav ul.dh li{ width:90px; border-right:#c00010 1px solid}
*/.nav ul.dh li a{ width:100px; border-right:#ffffff 1px solid;}
.nav ul.dh li.dhbj,.nav ul.dh li a:hover{ background:#ff9600}
/*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:1200px; float:right; background-color:#f5f5f5}
.box1 .product .Prshow h2{ height:60px; line-height:40px;border-bottom:#C4C4C4 1px solid; width:1200px; 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; font-size:25px}
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{ font-size: 14px}
/*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;margin-bottom:25px}
.box4{ background:url(../images/box4-top.jpg) repeat-x top center; width:100%; background-color:#f5f5f5}
.box4 h3{ background:url(../images/naicai.jpg) center top no-repeat; width:100%; height:224px; margin:0 auto}
.box4 .box4cen,.rxian,.box6Top,.box6Foot,.bbox{ width:1200px; margin:0 auto}
.box4 .box4cen .client{
	width: 450px;
    margin-left: 15px;
    float: left;
    margin-right: 150px;}
.box4 .box4cen .client div{ margin:40px 0;}
.anli{ margin:auto; float:left; height:66px; width:143px}

.box44{width:100%; padding-top:29px;background-color:#f5f5f5}
.box44 h3{ background:url(../images/naicai.jpg) center top no-repeat; width:813px; height:167px; margin:0 auto}
.box44 .box4cen,.rxian,.box6Top,.box6Foot,.bbox{ width:1200px; margin:0 auto}
.box44 .box4cen .client{ width:640px; margin-left:15px; float:left}
.box44 .box4cen .client div{ margin:40px 0;width: 520px;}

.client p{ font-size:14px; padding:0px 20px 20px 130px; line-height:27px; margin-top:-15px}
.client p span{ color:#c80009}

.client2{width: 500px;}
.client2 p{ font-size:14px; padding:0px 20px 20px 60px; line-height:27px; margin-top:-15px;}
.client2 p span{ color:#c80009}


.trophy{ float:left}
.box5{ width:1200px; margin:0 auto; padding-top:29px; background-color:#f5f5f5}
.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}
.bgbg{ background-color:#f5f5f5}
.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 ; */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; height:39px; float:left; margin:2px 5px 0 0; background:url(../images/pcb.jpg) top center no-repeat}
 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; border-style:solid; border-width:1px; border-color:#dadada}
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:#f5f5f5;}
.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:#b1181a}
.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{ 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}


.about01{ color: #FFF; font-size:14px}
.abouten1{ color: #FFF; font-size:8px}
.abouten1  A{ color:#FFF;font-size:8px}
.abouten1  A:link{color:#ffffff;font-size:8px}
.abouten1  A:visited{color:#ffffff;font-size:8px}


.about02{ color: #000; font-size:14px}
.abouten2{ color: #000; font-size:8px}
.abouten2  A{ color:#000;font-size:8px}
.abouten2  A:link{color:#000;font-size:8px}
.abouten2  A:visited{color:#000;font-size:8px}

.pclist{ background:url(../images/listbg.png) top center no-repeat; width:188px; height:39px;font-size:14px; color:#FFF;margin:0 0 0 10px}
.pclist A{color:#fff;font-size:14px;}
.pclist A:link{color:#fff;font-size:14px;}
.pclist A:visited{color:#fff;font-size:14px}
.pclist A:hover{color:#fff;font-size:14px}