@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}



body{font:12px/1.231 "Microsoft Yahei","SimHei","SimSun",arial,helvetica,clean,sans-serif;}

/**/

.banners{height: 505px;}

.fullSlide {

	width:100%;

	position:relative;

	height:505px;

}



.di img {

    display: block;

    height: 70px;

    margin: auto;

    width: 60px;

}

.fullSlide .bd {

	margin:0 auto;

	position:relative;

	z-index:0;

	overflow:hidden;

}

.fullSlide .bd ul {

	width:100% !important;

}

.fullSlide .bd li {

	width:100% !important;

	height:505px;

	overflow:hidden;

	text-align:center;

	 background-position:center top;

	 background-repeat:no-repeat;

}

.fullSlide .bd li a {

	display:block;

	height:505px;

}



.fullSlide .hd {

	width:100%;

	position:absolute;

	z-index:1;

	bottom:0px;

	left:0;

	height:30px;

	line-height:30px;

}

.fullSlide .hd ul {

	text-align:center;

}

.fullSlide .hd ul li {

	cursor:pointer;

	display:inline-block;

	*display:inline;

	zoom:1;

	width:100px;

	height:8px;

	margin:1px;

	overflow:hidden;

	background:#fff;

	line-height:999px;

}

.fullSlide .hd ul .on {

	background:#008AE2;

}

.fullSlide .prev,.fullSlide .next {

	display:block;

	position:absolute;

	z-index:1;

	top:50%;

	margin-top:-30px;

	left:5%;

	z-index:1;

	width:40px;

	height:60px;

	cursor:pointer;

	filter:alpha(opacity=50);

	opacity:0.5;

	display:none;

	width:73px; 

	height:73px;

}

.fullSlide .prev

{

      background:url(img/Index/left1s.png) no-repeat;

  }

.fullSlide .next {

	left:auto;

	right:5%;

	background:url(img/Index/right1s.png) no-repeat;

}

/**/

.main-title{ font-size: 28px; margin: 20px 0; color: #444344; font-weight: bold; text-align: center; line-height: 45px;}

.main-title a{ color:#444344;}

.main-title a:hover{ text-decoration:none;}

.main-title .main-title-en{ display: block; font-size: 60px; text-transform: uppercase; color: #dddddd; }







.sea_key{ margin-bottom:0px;}



/*面对众多行业应用·骏显轻松应对*/

.troble{ background: url("img/index/yybg1.jpg") no-repeat center 0; height: 788px; overflow: hidden; font-size: 16px;}

.troble-wrap{ height: 788px; position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}

.troble-wrap li{ position: absolute; color: #fff; text-align: center;}

.troble1{ width: 94px; height: 94px; top: 423px; left: 74px; line-height: 132px;}

.troble2{ width: 94px; height: 94px; top: 206px; left: 192px; line-height: 132px;}

.troble3{ width: 144px; height: 144px; top: 326px; left: 203px; line-height: 205px;}

.troble4{ width: 360px; height: 360px; top: 165px; left: 419px; }

.troble4 b{ font-size: 27px; line-height: 40px; display: block; margin: 120px 0 10px;}

.troble4 span{ display: block; font-size: 12px; color: #90cd95; line-height: 20px;}

.troble5{ width: 144px; height: 144px; top: 529px; left: 406px; line-height: 207px;}

.troble6{ width: 87px; height: 87px; top: 646px; right: 425px; line-height: 130px;}

.troble7{ width: 144px; height: 144px; top: 517px; right: 300px; line-height: 210px;}

.troble8{ width: 89px; height: 89px; top: 119px; right: 125px; line-height: 120px;}

.troble9{ width: 144px; height: 144px; top: 254px; right: 148px; line-height: 220px;}

.troble10{ width: 87px; height: 87px; top: 586px; right: 172px; line-height: 124px;}





/*产品*/

.prod{ background: #f1f1f1; overflow: hidden; padding-bottom: 28px;}

.prod-menu{ margin-bottom: 30px; }

.prod-menu dl{ height: 40px; margin-bottom: 15px; background: #fff;}

.prod-menu dt{ width: 170px; background: url("img/index/prod_icon1.png") no-repeat; float: left; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold; z-index: 2;position: relative;}

.prod-menu dt a{ color: #fff; }

.prod-menu dd{ width: 1039px; float: right; border: 1px solid #e5e5e4; border-left: none; line-height: 40px; font-size: 14px; margin-left: -10px;}

.prod-menu dd a{ display: inline-block; color: #666; padding: 0 15px; }

.prod-menu dd a:first-child{ margin-left: 20px; }

.prod-menu dd a:hover{ color: #008ae2; text-decoration: underline; }



.prod-list li{ width: 291px; height: 234px; float: left; overflow: hidden; margin: 0 9px 17px 0; position: relative;}

.prod-list li img{ width: 100%; }

.prod-list li.none{ margin-right: 0; }

.prod-list li span{ height: 48px; line-height: 48px; text-align: center; font-size: 14px; display: block; position: absolute; bottom: 0; left: 0; width: 100%;}

.prod-list li span a{ color: #3c3d3d; }

.prod-list li .cover{ display:none; position: absolute; left: 0; top: 0; width: 100%; height: 234px; background: url("img/index/prod_icon4.png"); text-align: center;}

.prod-list li .cover img{ width: 51px; height: 51px; display: block; margin-bottom: 10px;}

.prod-list li .cover a{ color: #fff; display: inline-block; font-size: 14px; margin-top: 82px;}

.prod-list li .cover a:first-child{ margin-right: 20px; }

.prod-list li:hover .cover{ display: block; }







/*满足您各种需求 欢迎来样定制*/

.case-container{ height: 310px; position:relative;}

.case-container .prev{  display: block;

    height: 36px;

    width: 36px;

    position: absolute;

    top: 130px;

    left: -45px; }

.case-container .next{ display: block;

    height: 36px;

    width: 36px;

    position: absolute;

    top: 130px;

    right: -45px;}

.case-container ul{ width: 1200px; margin: 0 auto; float: left; overflow: hidden;}

.case-container li{ width: 394px; height: 310px; position: relative; overflow: hidden; }

.case-container li img{ width: 100%; }

.case-container li span{ display: block; background: url("img/index/team_bg.png"); height: 36px; line-height: 36px; text-align: left; color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0; width: 100%; padding-left:11px;}

.case-container li.roundabout-in-focus span{ padding-left:0; text-align:center;}

#myroundabout{height: 310px;width: 1200px;}

.case-btn{ background: url("img/index/case_more_bg.jpg") no-repeat center 0; width: 222px; height: 42px; line-height: 42px; text-align: center; margin: 40px auto; font-size: 14px; color: #fff; display: block; }





/*4大优势*/

.advantage .main-title{ background: url("img/index/advantage_title_bg.jpg") no-repeat center bottom; height: 162px; color: #fff; overflow: hidden; margin: 40px 0 50px;}

.advantage .main-title .main-title-en{ color: #fff; margin-top: 30px;}

.advantage h3{ font-size: 35px; color: #008ae2; margin-bottom: 45px; padding: 8px 0 0 80px; height: 85px;}

.advantage h3 span{ display: block; font-size: 29px; color: #d2d2d2; }

.advantage ul{ padding-left: 50px; }

.advantage li{ font-size: 14px; line-height: 23px; color: #353636; margin-bottom: 20px; background: url("img/index/advantage_icon1.png") no-repeat 0 7px; padding-left: 30px;}

.advantage1 h3{ background: url("img/index/num01.jpg") no-repeat; }

.advantage2 h3{ background: url("img/index/num02.jpg") no-repeat; }

.advantage3 h3{ background: url("img/index/num03.jpg") no-repeat; }

.advantage4 h3{ background: url("img/index/num04.jpg") no-repeat; }



.advantage1{ height: 379px; overflow: hidden; margin-bottom: 46px; }

.advantage1 dt{ width: 599px; height: 379px; float: right; }

.advantage1 dt img{ width: 100%; }

.advantage1 dd{ width: 550px; float: left; margin-top: 53px;}



.advantage2{ height: 513px; background: #f1f1f1;}

.advantage2 dd{ width: 490px; float: right; margin-top: 160px;}

.advantage2 dt{ width: 686px; height: 427px; float: left; margin: 42px 0 0 -89px;}

.advantage2 dt img{ width: 100%; }



.advantage3{ height: 489px; overflow: hidden; }

.advantage3 dt{ width: 610px; height: 395px; float: right; margin: 47px 0 0 0; }

.advantage3 dt img{ width: 100%; }

.advantage3 dd{ width: 473px; float: left; margin-top: 105px; }



.advantage4{ height: 483px; background: #f1f1f1; overflow: hidden;}

.advantage4 dd{ width: 490px; float: left; margin-top: 128px;}

.advantage4 dt{ width: 639px; height: 355px; float: left; margin: 129px 0 0 -58px; }

.advantage4 dt img{ width: 100%; }







/*流程*/

.process{ height: 416px; overflow: hidden; background: url("img/index/process_bg.jpg") no-repeat center 170px;}

.process ul{ overflow: hidden; }

.process li{ width: 68px; height: 107px; float: left; margin-left: 93px; font-size: 16px; color: #4d4d4d; text-align: center;}

.process li:first-child{ margin-left: 0;}

.process li span{ display: block; width: 68px; height: 68px; margin-bottom: 13px; }

.process .process1 span{ background: url("Img/index/process_icon1.png") no-repeat;}

.process .process2 span{ background: url("Img/index/process_icon2.png") no-repeat;}

.process .process3 span{ background: url("Img/Index/process_icon3.png") no-repeat;}

.process .process4 span{ background: url("Img/Index/process_icon4.png") no-repeat;}

.process .process5 span{ background: url("Img/Index/process_icon5.png") no-repeat;}

.process .process6 span{ background: url("Img/Index/process_icon7.png") no-repeat;}

.process .process7 span{ background: url("Img/Index/process_icon6.png") no-repeat;}

.process .process8 span{ background: url("Img/Index/process_icon8.png") no-repeat;}

.process li:hover span{ background-position: 0 -96px;}

.process .process-btn{ display: block; text-align: center; margin-top: 0px;}

.process .process-btn i{ background: url("img/index/process_tel.png") no-repeat 0 0; font-size: 24px; color: #008ae2; font-weight: bold; display: inline-block; height: 38px; padding: 5px 0 0 45px; font-style:italic; width:180px;}

.process .process-btn a{ display: inline-block; background: url("img/index/process_btn.png") no-repeat; width: 94px; text-align: left; height: 29px; line-height: 29px; color: #fff; font-size: 14px; margin-left: 20px; vertical-align: text-bottom; padding-left:16px;}





/*关于我们*/

.about{overflow:hidden; height:610px; background:url(img/index/about_bg.jpg) no-repeat center 0; }

.about .main-title{ margin: 42px 0; }

.about dd{ width: 518px; margin: 0 0 0 30px; float: left;}

.about dd h3{ border-bottom: 1px solid #dfdfe0; font-size: 18px; color: #333333; height: 57px; margin: 60px auto 40px;}

.about dd h3 a{ color: #333;}

.about dd p{ font-size: 14px; line-height: 29px; color: #555555;}

.about dd .about-btn{ margin-top: 50px; }

.about dd .about-btn a{ display: inline-block; color: #29333b; background: url("img/index/about_btn.png") no-repeat; height: 29px; line-height: 29px; padding-left: 20px; width: 90px; font-size: 14px; margin-right: 25px; }

.about dd .about-btn a:hover{ background: url("img/index/process_btn.png") no-repeat; color: #fff; }

.about dt{ width: 599px; height: 435px; float: right;}

.about dt img{ width: 100%;}

.album .album-bd{ width:1200px; overflow:hidden;}



/*企业相册*/

.album{ height: 360px; position: relative; background: #f1f1f1; margin-bottom: 80px;}

.album h2{ background: url("img/index/album_line.jpg") no-repeat 0 bottom; font-size: 20px; color: #333333; font-weight: normal; padding: 50px 0 20px; margin-bottom: 20px; }

.album h2 a{ color: #333; }

.album-wrap{ width: 1200px; height: 352px; margin: 0 auto; position: relative; }

.album .album-bd li{

    width: 292px;

    height: 197px;

    overflow: hidden;

    float: left;

    margin-right: 10px;

    display: inline-block;

    position: relative;

}

.album .album-bd li > img{ display: block; width: 292px; height: 197px;}

.album .album-bd li .equip-effect{

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url("img/index/equipment_png.png") no-repeat 0 0;

    font-size: 16px;

    color: #fff;

    overflow: hidden;

    text-align: center;

}

.album .album-bd li .equip-effect .equip-icon img{ width: 51px; height: 51px; display: block; margin: 78px auto 15px;}

.album .album-bd li:hover .equip-effect{ display: block;}

.album .next{

    position: absolute;

    top: 50%;

    margin-top: 15px;

    right: -50px;

    width: 36px;

    height: 36px;

}

.album .prev{

    position: absolute;

    top: 50%;

    margin-top: 15px;

    left: -50px;

    width: 36px;

    height: 36px;

}





/*新闻*/

.news{overflow:hidden;height:480px;}

.news .til{overflow:hidden;display:block;height:54px;}

.news .til ul{display:block;float:left;width:325px;height:54px;line-height:54px;}

.news .til ul li{display:inline-block;float:left;margin-right:25px; height:54px;font-size:18px;text-align:center; font-weight: bold;}

.news .til ul li a{display:block;height:54px;line-height:54px;color:#333333;}

.news .til ul li a:hover{ text-decoration:none;}

.news .til ul li.cur a{display:block;height:52px;border-bottom: 2px solid #008ae2;}

.news .til span{display:block;float:right;width:55px;height:54px;line-height:54px;font-size:14px;}

.news .til span a{color:#333333;}



.news1{display:block;float:left;width:550px;}

.news1 dl{display:block;margin-top:20px;height:278px;border-bottom:1px solid #ececec;}

.news1 dl dt{position:relative;display:block;height:140px;}

.news1 dl dt .news-title{ width: 162px; background: #008ae2; float: left; height: 140px; text-align: center; line-height: 140px; font-size: 28px; font-weight: bold; color: #fff;}

.news1 dl dt .news-img{display:block;width:388px;height:140px; float: left;}

.news1 dl dt span{position:absolute;right:-3px;top:-3px;display:block;width:66px;height:68px;background:url(img/index/news_pbg.png) no-repeat left top;}



.news1 dl dd h5{display:block;margin-top:10px;height:52px;line-height:52px;font-size:14px;}

.news1 dl dd h5 a{color: #333333; float: left; display: block;}

.news1 dl dd h5 em{float: right;

    color: #777777;

    font-weight: normal;

    display: block;}

.news1 dl dd p{overflow:hidden;display:block;height:48px;line-height:24px;color:#535353;font-size:14px;}

.news1 dl dd p a{color:#008ae2; font-weight: bold;}

.news1 .texts{overflow:hidden;display:block;margin-top:15px;}

.news1 .texts li{overflow:hidden;display:block;float:left;padding-left:10px;height:30px;line-height:30px;font-size:14px;background:url(img/index/news_lbg1.jpg) no-repeat left center;}

.news1 .texts li b{display:block;float:left;width:460px;font-weight:normal; cursor:pointer;}

.news1 .texts li em{display:block;float:right;width:80px;} 

.news1 .texts li a{color:#535353;}



.faq{overflow:hidden; float:right;width:551px;}

.faq .til{ margin-bottom: 20px;}

.faq .til ul{overflow:hidden;width:205px;background:none; }

.faq .til ul li{overflow:hidden;width:205px;text-align:left;}

.faq .til ul li a:hover{background:none;}

.faq p{ width: 551px; height: 140px; margin-bottom: 27px;}

.faq p img{ width: 100%;}

.faq-bd{ height: 143px; overflow: hidden;}

.faq dl{ background: url("img/index/ask.jpg") no-repeat 0 0; padding-left: 27px; margin-bottom: 20px; overflow: hidden;}

.faq dl.none{ margin-right: 0;}

.faq dt{ font-size: 14px; font-weight: bold; line-height: 24px; margin-bottom: 5px; margin-top: -3px;}

.faq dt a{ color: #333333;}

.faq dd{ font-size: 14px; line-height: 26px; color: #555555;}

.faq-hd{ height: 11px; display: block; margin-top: 40px;}

.faq-hd .prev,.faq-hd .next,.faq-hd ul{ float: left;}

.faq-hd .prev,.faq-hd .next{ width: 6px; height: 11px; display: block; cursor:pointer;}

.faq-hd .prev{ margin: 0 40px 0 200px;}

.faq-hd .next{ margin: 0 0 0 30px;}

.faq-hd li{ background: url("img/index/faq_icon1.jpg") no-repeat 0 center; float: left; margin-right: 6px; width: 10px; height: 10px; font-size: 0;}

.faq-hd li.on{ background: url("img/index/faq_icon2.jpg") no-repeat 0 center;}









/*友情链接*/

.link{overflow:hidden;height:74px; line-height:74px; background:#f1f1f1; margin-top: 50px;}

.links-list{overflow:hidden;float:left; width:920px;font-size:14px;}

.links-list a{display:block;float:left;padding-right:20px;color:#666666; margin-right: 20px;}

.links4{display:block;float:right;width:140px;text-align:center;font-size:14px}

.links4 a{color:#555555;}