@charset "gb2312";
/* CSS Document */
html{min-width: 1200px;}
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt{ padding:0; margin:0;}
body{
	font-size:12px;
	font-family:Helvetica, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";
	-webkit-text-size-adjust: none;
	color:#333;
	background-image: url(bj01.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
img{ border:none;}
a{ text-decoration:none; color:#333; outline:none;transition:color ease 300ms; -webkit-transition:color ease 300ms;}
a:hover{ color:#000000;}
table{ border-collapse;}
ul li{ list-style:none;}

.djl001{background-image: url(djl001c.jpg);background-repeat: no-repeat;background-position: center top; height:771px;}
.djl002{background-image: url(djl002.jpg);background-repeat: no-repeat;background-position: center top; height:330px;}
.jin003{background-image: url(djl003.png);background-repeat: no-repeat;background-position: center bottom;}
/*首页产品滚动*/
.in_pro_c{ width:1100px; height:230px; margin:0 auto; overflow:hidden; clear:both;}
    ul.products_list{ padding-top:20px;}
	ul.products_list li{ float:left; margin:0px 0px 0px 0x;}
	ul.products_list li ul li { float:none; text-align:center; width:217px; margin:0; background:#FFF;}
	.product_list_image { height:180px; width:230px; display:block; padding:0px; margin-left:13px; background:#FFF;}
	.product_list_title { width:230px;background-color:#FFFFFF; color:#000000; text-align:center; margin-left:13px; padding-top:5px; padding-bottom:6px}
	.product_list_title a{ display:block; height:30px; line-height:30px; color:#333; text-align:center;}
	.product_list_title a:hover{ color:#CC0000;}
	
    #demo { overflow:hidden; width:1100px; }
    #indemo { float:left; width:800%;}
    #demo1 { float:left;}
    #demo2 {float:left;}

.fl{ float:left;}
.fr{ float:right;}
.clearfix{zoom:1;}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
input, textarea{outline:none;}
.inner{ width:1200px; margin:0 auto;}

.head{ width:100%; height:100px; background:url(../images/headbg2.png) repeat;position:fixed; top:-100px; left:0; z-index:15;}
#headshow{ top:0;}
.head .logo { width:305px; float: left;}
.head .logo img { width:auto; height:87px; float: left;}
.nav{ float:right; position:relative;left: 0; margin-top:35px; }
.nav li { height: 29px; line-height: 29px; text-align: center; font-size: 16px; float: left; position: relative; margin-left:5px; } 
.nav li a {color: #333; padding:5px 20px;;font-weight:bold; font-size:16px}
.nav li .bg, .nav li a:hover{ border:1px solid #000000; border-radius:0px;}

.head .logo img, .nav li{transition: 400ms;}

.headFirst { background:#000000; }
.headFirst .nav li a { color: #fff;}
.headFirst .nav li .bg, .headFirst .nav li a:hover{border:1px solid #F8B001;color: #F8B001;}

.headFixed { height: 65px; }
.headFixed .logo img {height:60px; width:auto;}
.headFixed .nav { margin-top: 20px; }
.headFixed .nav li{ font-size:14px;}


#full-screen-slider { width:100%; height:710px; float:left; position:relative; z-index:1;}
#slides { display:block; width:100%; height:710px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:50px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; border-radius:5px; background:#666666 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#F8B001}


.about{ position:relative; width:100%; padding:50px 0;}
.btitle{/*color:#000; font-size:30px; background:url(../images/titbg.jpg) no-repeat left center;*/ margin-bottom:30px; text-align:center;}
.aboutbox .img{ float:right; padding:5px; border:1px solid #d8d8d8;}
.aboutbox .jieshao{ float:left; width:40%;}
.aboutbox p{ font-size:14px; line-height:28px;}
.aboutbox p.red{ font-style: italic; font-size:22px; color:#000000;}


.btitle01{background:url(../images/titbg.jpg) no-repeat right center; padding-right:30px;color:#000; font-size:30px;margin-bottom:30px; text-align:right;}
.concept{ width:100%; background:#f8f8f8; padding:50px 0;}
.concept .conceptbox li{float:left; width:328px; height:380px; border:1px solid #dfdfdf; overflow:hidden; margin-right:100px; background-color:#fff;position:relative; text-align:center;}
.concept .conceptbox li:last-child{ margin-right:0;}
.concept .conceptbox li .img{ padding-top:100px;transition:all ease 400ms; -webkit-transition:all ease 400ms; -moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;}
.concept .conceptbox li .title{ font-size:24px; line-height:100px;}
.concept .conceptbox li .detail{position:absolute; top:380px;background-color:#f11a2d; color:#fff; padding:10px; width:308px; height:100px; font-size:14px; transition:all ease 400ms; -webkit-transition:all ease 400ms; -moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;}

.concept .conceptbox li:hover .detail{ top:280px; }
.concept .conceptbox li:hover .img{ padding-top:50px; color:#b6b4b4; opacity:0.5; filter:Alpha(opacity=50);}


.team{ position:relative; width:100%; padding:50px 0;}
.TTSlider{width: 1200px;margin: 40px auto}
.TTSlider li{float: left;}
.TTSliderTitle{height: 35px;width: 70%; float:left;}
.TTSliderTitle li{height: 35px;z-index: 3;}
.TTSliderTitle .cur div{border: 1px solid #000000;z-index: 3;_height:40px; border-radius:25px; -webkit-border-radius:25px;-moz-border-radius:25px;}
.TTSliderTitle .cur div a{ color:#000000;}
.TTSliderTitle li a{display: block;line-height: 35px;font-size: 14px; padding:0 10px;}

.TTSliderBtn{height:30px; width:75px; margin:0 auto;}
.TTSliderBtn div{ float:left;}
.TTSliderPrevBtn,.TTSliderNextBtn{height:29px;width: 29px;z-index: 999;}
.TTSliderPrevBtn{ margin-right:15px;}
.TTSliderNextBtn{}
.TTSliderPrevBtn a,.TTSliderNextBtn a{height: 29px;width: 29px;display: inline-block;background: url(../images/btn3.png) no-repeat;}
.TTSliderNextBtn a{background-position: -29px 0}

.TTSliderPic{width: 1200px; height:2324px;position: relative;z-index: 1; overflow:hidden;}
.TTSliderPicList{
	position: absolute;
	left: 0;
	top: 0;
	height:2324px; 
	width:1200px;
}
.TTSliderPicList{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.TTSliderPic ul{position: absolute;top:20px;left: 0}
.TTSliderPic li{width: 240px; position:relative;}
.TTSliderPic li a{display: block;}
.TTSliderPic li .imgbox{ position:relative; height:362px;}
.TTSliderPic li .imgbox .img{width:240px;height:360px; border-left:1px solid #d5d5d5; position:absolute; top:0; z-index:1;}
.TTSliderPic li .imgbox .bg{width:240px;height:360px; background:#000000;position:absolute; top:0; z-index:2;}
.TTSliderPic li .imgbox .i5{position:absolute; top:43%; left:0; z-index:3;}
.TTSliderPic li .imgbox .i6{position:absolute; top:48%; right:0; z-index:3;}
.TTSliderPic li .imgbox .i5, .TTSliderPic li .imgbox .i6, .TTSliderPic li .imgbox .bg{transition:400ms; -webkit-transition:400ms;opacity: 0;filter: alpha(opacity=0); cursor:pointer;}
.TTSliderPic li:hover .imgbox .i5{opacity: 1;filter: alpha(opacity=100); left:38%;}
.TTSliderPic li:hover .imgbox .i6{opacity: 1;filter: alpha(opacity=100); right:40%;}
.TTSliderPic li:hover .imgbox .bg{opacity: 0.6;filter: alpha(opacity=80);}
.TTSliderPic li .teamtt{height: 72px;line-height: 28px;color: #232323; font-size:14px; padding-top:10px;text-align:center;}
.TTSliderPic li:hover .teamtt{color: #000000;}

.TTSliderPic .intro-item{ position:absolute; width:1081px; height:380px; z-index:5; background:#232323;padding:30px;display:none;
position: fixed;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;}
.TTSliderPic .intro-item .img1{width:240px;height:360px;}
.TTSliderPic .intro-item .intro{ width:780px; color:#999;}
.intro-item .intro .p-name , .intro-item .intro .p-zw{ display:block; font-size:14px;color:#F8B001;}
.intro-item .intro .p-name{font-size:16px;}
.intro-item .intro .p-zw{ padding-bottom:10px;}
.intro-item p {
    color: #b5b5b2;
	line-height:28px;
}
.intro-item .intro .p-content{
	height:300px;
	overflow-y:auto;
	scrollbar-face-color: #1c1c1c;
}
.intro-item .intro .p-content::-webkit-scrollbar {
		  width: 15px;
	} /* 这是针对缺省样式 (必须的) */
.intro-item .intro .p-content::-webkit-scrollbar-track {
		  background-color: #1c1c1c;
	} /* 滚动条的滑轨背景颜色 */

.intro-item .intro .p-content::-webkit-scrollbar-thumb {
		  background-color: rgba(0, 0, 0, 0.5); 
	} /* 滑块颜色 */

.intro-item .intro .p-content::-webkit-scrollbar-button {
		  background-color: #1c1c1c;
	} /* 滑轨两头的监听按钮颜色 */

.xmz-close{ position:absolute; top:20px; right:20px; width:32px; height:32px; background:url(../images/xmz-close.png) no-repeat center; cursor:pointer; display:block;}

.vmore{ width:190px; height:50px; line-height:50px; background:#e40011; margin:0 auto; text-align:center; border-radius:20px; -webkit-border-radius:20px;-moz-border-radius:20px;}
.vmore a{color:#fff; font-family:"Microsoft Yahei Light"; font-size:22px;}
.vmore:hover{ opacity:0.8; filter:alpha(opacity=80);}
.vmore{ transition:400ms;-webkit-transition:400ms;}
.teamdl{ line-height:28px;}
.teamdl dt{ float:left; width:50%}
.teamdl dd{ float:right;width:50%}

/* case */
.case{width:100%; padding:50px 0; background-color:#292929; background-image:url(../images/kuaibg.jpg); background-position:center top; background-size:cover;}
.case h3{ color:#f1f1f1; text-align:center; font-size:18px; line-height:50px;font-family:"Microsoft Yahei Light";}
.case h3 em{ color:#000000; font-weight:bold;}
.case .tt{ color:#f1f1f1; text-align:center; font-size:14px;font-family:"Microsoft Yahei Light";}

.casebox{ padding:40px 0; position:relative;}
.casebox .caselist{ padding-bottom:40px; height:35px; text-align:center;}
.casebox .caselist ul{ display:inline-block;}
.casebox .caselist ul li{ display:inline; margin:0 5px;}
.casebox .caselist ul li a{ color:#fff;line-height:33px; padding:8px 30px;}
.casebox .caselist ul li:hover a, .casebox .caselist ul li.cur a{ border:1px solid #000000; border-radius:15px; -webkit-border-radius:15px; color:#000000;}

.casebox .casewrap{ height:430px;margin-left:65px; width:1074px; overflow:hidden; position:relative;}
.casebox .casewrap .casewraplist{width:10000px;position: absolute; left:0; top:0;}
.casewraplist{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.casebox .casewrap ul{ float:left; width:216px; z-index:1;}
.casebox .casewrap ul li{ position:relative;width:210px; height:210px; color:#fff; margin-bottom:10px; overflow:hidden;}
.casebox .casewrap ul li:last-child{ margin-right:0;}
.casebox .casewrap ul li img{ width:210px; height:210px; z-index:1;}
.casebox .casewrap ul li .wenzi{ position:absolute; top:0;width:100%;height:210px;text-align:center; z-index:2; transition:all ease 500ms; -webkit-transition:all ease 500ms;opacity:0;
filter: alpha(opacity=0);}
.casebox .casewrap ul li:hover .wenzi{
	background:#000000;
	opacity: 0.8;
    filter: alpha(opacity=80);
	padding-top:40px;
}
.casebox .casewrap ul li:hover .wenzi p{
	line-height:30px;
	color:#fff;
	}
#case-prev , #case-next{ display:block; width:33px; height:52px; background:url(../images/slider-page.png) no-repeat left top; position:absolute;top:45%;}
#case-prev{ left:0;}
#case-next{ background-position:-33px 0; right:0;}
.morevideo{ position:absolute; right:0; bottom:0; z-index:2;}

/* contact */
.contact{width:100%; padding:30px 0;font-size:14px;}
.contactbox{ padding-top:30px; line-height:35px;}
.contactbox .contactL{ width:635px; padding-left:30px;}
.contactbox .contactL .add{ background: url(../images/icon.png) no-repeat; background-position:0 0; padding-left:40px;}
.contactbox .contactL .tel{ background: url(../images/icon.png) no-repeat; background-position:0 -28px; padding-left:40px;}
.contactbox .contactL .email{ background: url(../images/icon.png) no-repeat; background-position:0 -58px; padding-left:40px;}
.contactbox .contactL .qq{ padding-top:40px;}
.contactbox .contactL .qq a{ display:inline-block; padding-right:30px; font-size:12px; line-height:20px;}
.contactbox .contactL .qq .wx{ position:relative;}
.wx .wxewm{ position:absolute; left:0;top:65px; z-index:2; display:none;}
.wx:hover{ cursor:pointer;}
.contactbox .contactR{width:525px; color:#555;}
.contactbox .contactR form{ margin-top:10px;}
.contactbox .contactR .f1{ padding-bottom:10px;}
.contactbox .contactR .f1 p{ padding-left:10px;}
.contactbox .contactR .input1{background-color:#e5e5e4; border:none; color:#515151; width:410px;height:30px; border-radius:20px;-webkit-border-radius:20px; padding:0 10px;}
.contactbox .contactR .input2{background-color:#e5e5e4; border:none; color:#515151; width:150px;height:30px; border-radius:20px;-webkit-border-radius:20px; padding:0 10px;}
.contactbox .contactR textarea{background-color:#e5e5e4; border-radius:10px;-webkit-border-radius:10px; padding:10px; border:none;width:410px;}
.contactbox .contactR .btn{width:120px;height:35px;color:#fff; background:#e40011; border:none; transition:400ms; cursor:pointer;font-size:16px; font-family:"微软雅黑"; margin-left:30px;}
.contactbox .contactR .btn:hover{ opacity:0.8; filter:alpha(opacity=80);}
/* foot */
.footer{ line-height:30px;}

/*nteam*/
.container{ min-height:500px; _height:500px; width:100%; margin-top:130px; margin-bottom:30px;}
.container .top{ margin-bottom:30px; height:61px;}
.container .top .location{ padding-top:30px;color:#6f6f6f;}
.container .top .location a{ color:#6f6f6f;}
.container .top .location a:hover{ text-decoration:underline;}
.nnav{ width:300px;}
.nnav li{font-size:14px;margin-bottom:10px;}
.nnav li a{ background:#d8d8d8; display:block; padding:12px 20px;}
.nnav li .cur{ background:#000000; color:#fff;}
.content{width:850px; border-left:1px solid #e5e5e5; padding-left:20px; line-height:25px;}
.content img{ max-width:850px; height:auto; padding-top:5px;}
.teambox li{ margin-bottom:35px;}
.teambox li img{ width:300px; height:auto;}
.teambox li .right{ width:520px;}
.teambox li .right h2{ font-weight:bold; border-left:5px solid #e40011; padding-left:20px;}
.teambox li .right h2 span{ font-weight:normal; display:block; padding-top:10px;}
.teambox li .right .jianjie{ margin-top:20px;}

.cambox li{ margin-bottom:35px;}
.cambox li h3{ font-size:16px; font-weight:bold; border-left:3px solid #e40011; line-height:18px; padding-left:10px; margin-bottom:10px;}

.ncasebox li{ float:left; margin-right:23px; margin-bottom:20px;}
.ncasebox li.noju{ margin-right:0;}
.ncasebox li img{ width:260px; height:193px; border:1px solid #ededed; padding:3px; transition:500ms; -webkit-transition:500ms;}
.ncasebox li:hover img{border:1px solid #000000; box-shadow:0 5px 20px #b6b6b6;}
.ncasebox li p{ text-align:center; padding:3px 0;}
.content .casetit{ font-size:16px;text-align:center; padding-bottom:20px;}

.page{ text-align:center;}
.back{ text-align:right; margin-top:20px;}

.ntitle {
    font-size: 15px;
    font-weight: bold;
    border-left: 3px solid #F8B001;
    line-height: 18px;
    padding-left: 10px;
	margin-top:13px;
	margin-bottom:8px;
}

div.indexmaindiv{margin:0px auto;width:1100px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left top;margin:60px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left -28px;margin:60px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:200px;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:200px;height:150px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:200px;height:150px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left -56px;margin:60px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left -84px;margin:60px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1030px;height:200px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:201px;height:200px;margin-left:13px;}