@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banners{height: 444px;}
.bslide {
	width:100%;
	position:relative;
	height:444px;
}
.bslide .bd {
	margin:0 autoshuj
	position:relative;
	z-index:0;
	overflow:hidden;
}
.bslide .bd ul {
	width:100% !important;
}
.bslide .bd li {
	width:100% !important;
	height:444px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.bslide .bd li a {
	display:block;
	height:444px;
}

.bslide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:15px;
	left:0;
	height:30px;
	line-height:30px;
}
.bslide .hd ul {
	text-align:center;
}
.bslide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12px;
	height:12px;
	margin:0px 12px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
	    border-radius: 50%;
}
.bslide .hd ul .on {
	background:#06a5eb;
}
.bslide .prev,.bslide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:43%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:49px;
}
.bslide .prev
{
      background:url(images/left1s.png) center bottom no-repeat;
  }
.bslide .next {
	left:auto;
	right:5%;
	background:url(images/right1s.png) center bottom no-repeat;
}
@charset "utf-8";
/* CSS Document */
.banner{background:url(images/bannerbg.jpg) no-repeat center bottom; padding-bottom: 13px; line-height: 0; overflow: hidden;position: relative; margin-bottom: -63px; z-index: 2;width:1680px;margin:0 auto;}
.banner a{ display:block; height:444px; overflow:hidden;}


.customization{margin: 53px auto 0; width:1080px; height:195px; overflow: hidden;}
.customization h3{ height:85px;overflow: hidden; text-align: center; font-size: 18px;line-height: 22px;color:#00a1e9;background:url(images/customization.png) center center no-repeat;}
.customization h3 a{color:#00a1e9;}
.customization h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;}
.customization li{ float: left; width:345px;margin-right: 22px;overflow: hidden;background:url(images/prospan.jpg) no-repeat center 196px; height:350px;}
.customization li:last-child{margin-right: 0;}
.customization li img{width:345px;height:196px;}
.customization li span{display: block;background:url(images/proico02.png) no-repeat 0 6px; margin:25px 30px 0 33px; line-height: 24px; padding-left: 10px; color:#fff;height:100px; overflow:hidden;font-size: 13px;}

.case{background:url(images/casebg.jpg) no-repeat center 0; height:616px; overflow: hidden;}
.case h3{ height:76px;padding-top: 45px; overflow: hidden; text-align: center; font-size: 18px;line-height: 22px;color:#00a1e9;background:url(images/case.png) center 46px no-repeat;}
.case h3 a{color:#00a1e9;}
.case h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;}
.case-nav{ width:202px; overflow: hidden; float: left;}
.case-nav li{margin-bottom: 3px;height:69px; overflow: hidden;}
.case-nav li a{display: block;padding:23px 0 0 57px;background:url(images/liston02.jpg) no-repeat center top; height:46px; font-size: 14px; color:#6f6f6f; line-height:18px;font-weight: normal;}
.case-nav li a i{display: block; font-size: 12px; color:#767676;font-weight:lighter;}
.case-nav li a:hover , .case-nav li.on a{background:url(images/liston01.jpg) no-repeat center top; color:#fff;text-decoration: none;}
.case-nav li a:hover i, .case-nav li.on a i{ color:#c8e3f5;}
.case-con{ width:869px; float: right;background:url(images/casey.png) no-repeat center bottom;height:425px; padding-bottom: 17px; overflow: hidden; position: relative;}
.proprev{position: absolute; top: 169px; left: 0; width:51px;height:51px; z-index: 9;}
.pronext{position: absolute; top: 169px; right: 0; width:51px;height:51px; z-index: 9;}
.caseimg{margin-left: 9px; background:#fff;height:425px; overflow: hidden; width:841px;}
.caseimg dl{margin: 20px auto 0; width:795px; overflow: hidden;}
.caseimg dt {position: relative;width:795px;height:260px;overflow: hidden;}
.caseimg dt img{ width:795px;height:260px;}
.caseimg dt span{position: absolute; top: 0;right:15px; width:153px; overflow: hidden;}
.caseimg dt span img{width:153px;height:78px;}
.caseimg dd{padding-top: 7px;}
.caseimg dd h4{border-bottom: 1px dashed #cacaca; height:43px;padding-left: 26px;background:url(images/caseico.png) no-repeat 12px center; line-height: 43px; font-size: 14px;}
.caseimg dd h4 a{ color:#505050;}
.casewz{padding:14px 0 0; font-size: 12px; line-height: 24px; color:#505050;    padding-left: 23px;}
.casewz p{float: left; margin-right: 50px;}
.casewz a{ color:#009be0;font-weight: bold;}

.levels{margin-top: 48px;height:405px; overflow: hidden;border-bottom: 2px solid #e2e2e2;}
.levels h3{ height:55px; overflow: hidden; text-align: center; font-size: 18px;line-height: 22px;color:#00a1e9;background:url(images/foursuper.png) no-repeat center top; }
.levels h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;}
.levels dl{width:260px; float: left; margin: 40px 13px 0 0; overflow: hidden;}
.levels dl:last-child{margin-right: 0;}
.levels dt{ position: relative;height:159px; overflow: hidden;}
.levels dt img{ width:260px;height:156px;}
.levels dt span{display: block;position: absolute; bottom:0;left: 43px;background:url(images/levelspan.gif) no-repeat center 0; width:169px;height:32px; color:#fff; font-size: 16px; color:#fff;text-align: center;font-weight: bold;line-height: 32px;}
.levels dd{padding: 23px 20px 0 ; font-size: 12px; line-height: 24px; color:#505050;}

.list{ margin-top: 45px; height:210px; overflow: hidden;}
.list h3{ height:55px; overflow: hidden; text-align: center; font-size: 18px;line-height: 22px;color:#00a1e9;background:url(images/protit.png) no-repeat center top; }
.list h3 a{color:#00a1e9;}
.list h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;}
.list p{background:url(images/listbg.jpg) no-repeat center 0; height:115px; overflow: hidden; margin-top: 15px; padding:25px 0 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.list p a{display: block;float: left; line-height: 32px; padding-left: 17px;background:url(images/proico02.png) no-repeat 0 10px; font-size: 14px;font-weight: bold; color:#fff; width:130px; height:32px; overflow: hidden; }

.pro{height:546px; overflow: hidden;}
.pro li{ float: left;width:345px; margin-right: 20px; height:250px; overflow: hidden;}
.pro li:nth-child(3n){margin-right: 0;}
.pro li img{ width:345px;height:186px;}
.pro li span{display: block; height:52px; line-height: 52px;color:#515151;text-align: center;}

.brand{height:1571px; overflow: hidden;}
.brand h3{ height:118px;overflow: hidden; text-align: center; font-size: 24px;line-height:28px;background:url(images/advantagest.jpg) no-repeat center 0; color:#00a1e9;}
.brand h3 span{ display: block; color:#515151;font-size: 14px; font-weight: normal;}
.brand h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;line-height: 20px;padding-top: 10px;}
.brand h3 img{padding-top:10px;padding-left:5px;}
.brand1{background:url(images/advantages1.jpg) no-repeat center 0; height:370px; overflow: hidden; position: relative;}
.brand2{background:url(images/advantages2.jpg) no-repeat center 0; height:374px; overflow: hidden; position: relative;}
.brand3{background:url(images/advantages3.jpg) no-repeat center 0; height:370px; overflow: hidden; position: relative;}
.brand4{background:url(images/advantages4.jpg) no-repeat center 0; height:339px; overflow: hidden; position: relative;}
.brand dl{position: absolute;overflow: hidden;}
.brand1 dl{ width:440px; top: 55px; right:50%; margin-right: -480px;}
.brand2 dl{ width:450px; top: 55px; left:50%; margin-left: -480px;}
.brand3 dl{ width:490px; top: 41px; right:50%; margin-right: -540px;}
.brand4 dl{ width:420px; top: 23px; left:50%; margin-left: -520px;}
.brand dt i{display: block;padding-left: 30px; font-size: 12px; font-family: Arial; line-height: 18px; color:#b1b1b1; height:45px;}
.brand dt b{background:url(images/advantagesico.png) no-repeat 0 0; padding-left: 34px;height:36px; border-bottom: 1px dashed #a4a4a4;display: block; font-size: 18px; color:#00a1e9;line-height: 20px;}
.brand dd{margin-top: 18px;padding-left: 30px;background:url(images/caseico.png) no-repeat 0 10px; font-size: 14px; line-height: 24px;}
.brand3 dt{margin-right: 114px;}
.brand3 dt b{height:75px;}

.mouth{background:url(images/customerbg.jpg) no-repeat center 0; height:770px; overflow: hidden; padding-top: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mouth h3{ height:50px;overflow: hidden; text-align: center; font-size: 18px;line-height: 22px;background:url(images/wordmouth.png) no-repeat center bottom; }
.mouth h3 a{ color:#00a1e9;}
.mouth h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;}
.customer{margin-top: 39px; width:666px; height:456px; overflow: hidden;}
.customer h5{height:40px; border-bottom: 1px solid #cdcdcd; overflow: hidden;background:url(images/customerico.gif) no-repeat 0 0px; padding-left: 40px; font-size: 14px;line-height: 32px;}
.customer h5 a{ color:#505050;}
.customer h5 i{display: inline-block;padding-left: 10px; font-size: 12px; font-weight: normal; color:#8a8a8a; font-family: Arial;}
.customer dl{height:165px; overflow: hidden; margin-top: 15px;}
.customer dt{ float: left; width:258px; overflow: hidden;}
.customer dt img{ width:246px;height:145px;border:1px solid #dadada;padding: 5px;background:#fff;}
.customer dd{ float: right;padding-right: 34px; width:350px; overflow: hidden;}
.customer dd h4{line-height: 36px; height:36px; overflow: hidden; font-size: 14px;}
.customer dd h4 a{ color:#505050;}
.customer dd p{height:86px; font-size: 12px; line-height: 24px; color:#505050;}
.customer dd i a{ color:#009be0;}

.honor{ width:318px; margin-top: 42px;overflow: hidden;position: relative;background:url(images/honorbg.jpg) no-repeat center bottom; height:415px;}
.honor h4{height:40px; overflow: hidden;padding-left: 52px; font-size: 14px;line-height: 40px;margin-left: 19px;background:url(images/honor_t.jpg) no-repeat 0 0; }
.honor h4 a{ color:#fff;}
.honor h4 i{display: inline-block;padding-left: 10px; font-size: 12px; font-weight: normal; color:#fff; font-family: Arial;}
.honorimg{margin: 0 19px;background:#fff; height:351px; border-bottom: 5px solid #05a4ea;overflow: hidden;}
.honorimg li{margin: 36px 0 0 44px; width:196px; overflow: hidden;}
.honorimg li img{ width:190px;height:238px; border:1px solid #dadada; padding: 2px;background:#fff;}
.honorimg li span{display: block;padding-top: 16px; font-size: 12px; color:#505050;text-align: center;}
.honorprev{ position: absolute; top: 176px; left: 0;width:34px;height:34px; z-index: 8;}
.honornext{ position: absolute; top: 176px; right: 0;width:34px;height:34px; z-index: 8;}

.pic{position: relative;background:url(images/picbg.png) no-repeat 0 bottom;line-height: 0; padding-bottom: 23px;}
.pic i{display: block;position: absolute;top: 89px; right: 108px;background:url(images/zx.png) no-repeat 0 0; width:130px;padding-right: 4px; height:33px; line-height: 30px; font-size: 14px;font-weight: bold; text-align: center; }
.pic i a{ color:#00a1e9;}
.pic p{ position: absolute; top: 35px; right: 0;width:238px;padding-left: 40px;background:url(images/picico.png) no-repeat 0 5px;  font-size: 14px; color:#fff; line-height: 22px;}
.pic p b{display: block; font-size: 20px; font-family: Arial;}

.about{height:405px;overflow: hidden;background: url(images/aboutline.gif) no-repeat 0 49px;}
.about h3{padding-top: 24px;height:55px;background: url(images/aboutdf.png) no-repeat center 26px;overflow: hidden;text-align: center;font-size: 18px;line-height: 22px;}
.about h3 a{ color:#00a1e9;}
.about h3 i{display: block; font-size: 16px; font-family: Arial; color:#bfbfbf; text-transform: uppercase;font-weight: normal;}
.about dt{float: left;background:url(images/aboutbg.jpg) no-repeat center bottom;line-height: 0; width:485px; float: left; overflow: hidden; padding-bottom: 24px; margin-top: 22px;}
.about dt img{ width:467px;height:235px; padding: 8px; border:1px solid #dadada;}
.about dd{ float: right; width:504px;padding: 40px 47px 0 0; overflow: hidden;}
.about dd h4{ font-size: 14px; line-height: 24px;}
.about dd h4 a{ color:#505050;}
.about dd p{padding-top: 16px;height:160px; overflow: hidden; line-height: 24px; color:#4f4f4f;}
.about dd i{display: block;}
.about dd i a{display: block; float: left; width:116px;height:32px; margin-right: 7px;background:#929292; text-align: center; line-height: 32px;  color:#fff;font-weight: bold;}
.about dd i a:hover , .about dd i a:last-child{background:url(images/aboutico.gif) no-repeat 0 0;}

.xc{height:216px; position: relative; overflow: hidden;}
.xcprev{ position: absolute; top: 52px; left: 0;width:34px;height:34px; z-index: 8;}
.xcnext{ position: absolute; top: 52px; right: 0;width:34px;height:34px; z-index: 8;}
.xc-c li{ margin-left: 18px; width:248px; float: left; overflow: hidden;}
.xc-c li img{width:236px;height:135px; padding: 5px; border:1px solid #dadada;}
.xc-c li span{padding-top: 12px; text-align: center; display: block; color:#505050;}

.news-box{background:url(images/newsbg.jpg) no-repeat center 0; height:532px; overflow: hidden; padding-top: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.faq{width:350px;height:438px;background:#fff; overflow: hidden;padding: 37px 20px 0;margin-right: 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.faq h3{background:url(images/newsico.gif) no-repeat 0 0;height:34px;border-bottom: 1px solid #a7a7a7;padding-left: 30px;}
.faq h3 a{ font-size: 14px; color:#00a1e9; display: inline-block; height:35px;position: relative;line-height: 24px;background:url(images/newsline.gif) repeat-x 0 bottom;}
.faq h3 span a{font-size: 12px; font-weight: normal;}
.faq h3 span a{background:none;}
.faq dl{border-bottom: 1px dashed #c7c8c8;margin: 0 15px;padding: 20px 0;}
.faq dt{padding-left: 32px;background:url(images/faqico.gif) no-repeat 0 0;padding-left: 33px; font-weight: bold;line-height: 20px;}
.faq dt a{ color:#505050;}
.faq dd{padding-left: 32px;background:url(images/faqico1.gif) no-repeat 0 0;padding-left: 33px;line-height: 20px; color:#505050; margin-top: 15px;}

.news{width:350px;height:438px;background:#fff; overflow: hidden;padding: 37px 20px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.news-title{background:url(images/newsico.gif) no-repeat 0 0;height:34px;border-bottom: 1px solid #a7a7a7;padding-left: 24px;}
.news-title span a{font-size: 12px; font-weight: normal;line-height: 24px;color:#00a1e9;}
.news-title li{ float: left; font-size: 14px;}
.news-title li a{ color:#919191;font-weight: bold;height:35px; display: inline-block;line-height: 24px;padding: 0 5px;}
.news-title li a:hover , .news-title li.cur a{color:#00a1e9; text-decoration: none;position: relative;background:url(images/newsline.gif) repeat-x 0 bottom;}
.news-c p{width:272px; line-height: 0;margin: 19px auto 0;}
.news-c p img{ width:260px;height:100px;padding: 5px;border:1px solid #dadada;}
.news-c ul{margin-top: 20px;}
.news-c li{padding-left: 30px;background:url(images/newsico03.gif) no-repeat 13px 16px; line-height: 38px; color:#505050;}
.news-c li a{ color:#505050;}

.online{width:350px;height:438px;background:#fff; overflow: hidden;padding: 37px 20px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.online h3{background:url(images/online01.gif) no-repeat 0 0;height:34px;border-bottom: 1px solid #a7a7a7;padding-left: 30px;}
.online h3 a{ font-size: 14px; color:#00a1e9; display: inline-block;; height:35px;position: relative;line-height: 24px;background:url(images/newsline.gif) repeat-x 0 bottom;}
.online h3 span {font-size: 12px; font-weight: normal;line-height: 24px; color:#b3b4b5;}
.online p{padding-top: 20px; height:30px; color:#505050; line-height: 20px;}
.online li{ margin-top: 7px; height:36px; overflow: hidden; color:#f00; line-height: 34px;}
.online li span{display: block; float: left; width:70px;text-align: center; line-height: 36px; color:#787979; margin-right: 5px;}
.oinp01{ width:208px; border:1px solid #cbcbcb; height:34px; background:none; margin-right: 5px; float: left; color:#787979; line-height: 34px; }
.online .li03{background:url(images/on02.gif) no-repeat 0 center;}
.online .li02{background:url(images/on03.gif) no-repeat 0 center;}
.online .li01{background:url(images/on04.gif) no-repeat 0 center;}
.online .li04{height:80px;background:url(images/on05.gif) no-repeat 0 0;}
.online .li04 span{vertical-align: top;line-height: 24px;}
.online .li05 input{height:28px;}
.online .li05 img{vertical-align: middle;height:30px;}
.oinp02{ width:208px; border:1px solid #cbcbcb; height:78px; background:none;float: left; color:#787979; resize: none; }
.btn01{margin: 0px 6px 0 75px; width:101px;height:31px; background:url(images/sub.gif) no-repeat 0 center; border:0;}
.btn02{margin: 0px  0 0; width:101px;height:31px; background:url(images/ret.gif) no-repeat 0 center; border:0;}