@import "/Skins/Default/resetcommon.css";
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:499px; overflow:hidden;}

.s_bj{ height:45px; background:#f4f4f4; overflow:hidden;}
.sou{ width:960px; height:45px; line-height:45px; margin:0 auto; overflow:hidden;}
.s_inp01{ width: 248px;
    padding-top: 7px;  }
.inp01{    width: 194px;
    height: 30px; line-height:24px; background:url(Img/Index/s.gif) no-repeat; border:0 ;    background-size: 100% 100%; color:#666; font-size:12px; padding-left:10px;}
.inp02{ background:url(Img/Index/ss.gif) no-repeat; width:35px; height:24px;width: 40px;
    height: 30px; border:0;    background-size: 100% 100%;}
.sou p{ width:600px; font-family:"Microsoft Yahei";}
.sou p a{ padding:0 10px; background:url(Img/Index/s_line.gif) no-repeat right center;}
.sou p a.nones{ background:none;}

.link_bj{ /*height:110px;*/ background:url(Img/Index/link_line.jpg) no-repeat center top; overflow:hidden; padding-top:10px; margin-top:10px;}
.link { /*height:110px;*/ width:960px; margin:0 auto; font-family:"Microsoft Yahei"; position:relative; overflow:hidden; }
.link h2{ height:30px; line-height:30px; overflow:hidden; font-size:14px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal;}
.link h2 a{ color:#0086dd; font-family:"Microsoft Yahei"; font-weight:bold; display:inline-block; padding-right:10px; font-size: 16px;}
.link p{ line-height:18px;}
.link p a{  padding:0 29px; display:inline-block;}
.link span{ display:inline-block; position:absolute; top:3px; right:3px; width:86px; height:30px; background:#0086dd; text-align:center; line-height:30px;}
.link span a{ color:#fff;}

.value{ height:398px; margin:41px auto 0; width:960px; overflow:hidden; font-family:"Microsoft Yahei";}
.value h2{ background:url(Img/Index/value_line.jpg) no-repeat  center 18px;}
.tit{ height:70px; overflow:hidden; line-height:40px; font-weight:normal; text-align:center;}
.tit img{ display:block; margin:0 auto;}
.tit a{ font-size:22px; color:#0259ab;} 
.value li{ float:left; width:170px; margin:46px 27px 0 0; overflow:hidden; }
.value li img{ width:170px; height:170px;}
.value li span{display:block; font-size:16px; padding-top:5px; line-height:24px; color:#333; font-weight:bold; text-align:center;}
.value .nones{ margin-right:0;}

.pro_bj{    height: 1020px; background:url(Img/Index/pro_bj.jpg) no-repeat center top; background-size: 100% 100%; overflow:hidden; padding-top:40px; font-family:"Microsoft Yahei";}
.menu{ width:201px; height:719px; overflow:hidden; background:url(Img/Index/menu_foot.jpg) no-repeat center bottom;}
.menu h2{ background:url(Img/Index/menu_nav.jpg) no-repeat center top; height:62px; text-align:center; line-height:50px; overflow:hidden;}
.menu h2 a{ color:#fff; font-size:20px;}
.menu_c{ background:url(Img/Index/menu_bj.jpg) repeat-y center top; height:627px; overflow:hidden;}
.menu_c h4{ background:url(Img/Index/menu_wz.jpg) no-repeat; width:173px; height:27px; overflow:hidden; margin:0 0 11px 14px;}
.menu_c h4 a{ font-size:14px; display:inline-block; padding-left:30px; color:#fff; line-height:27px;}
.menu_c ul { margin:0 19px 10px;}
.menu_c ul li{ border-bottom:1px dashed #c9c9c9; line-height:32px; background:url(Img/Index/menu_ico.gif) no-repeat 10px center; padding-left:30px; font-size:14px;}
.menu_c ul li a{ color:#555555;}
.menu_c ul li a:hover , .menu_c ul .cur a{ color:#ff7800;}
.menu_c .nones{ border-bottom:0;}

.pro{ width:983px; height:958px; overflow:hidden;}
.p_nav{ height:45px; background:#dadada; overflow:hidden;}
.p_nav span a{ display:inline-block; line-height:45px;color:#535353; padding-right:10px;}
.p_nav li{ float:left;font-size:16px; background:url(Img/Index/pro_line.gif) no-repeat right center;}
.p_nav li a{ color:#535353; line-height:45px; display:inline-block; height:45px; padding:0 30px;}
.p_nav li a:hover , .p_nav .cur a{ background:#0086de; color:#fff; text-decoration:none;}
.p_nav .nones{ background:none;}
.pro_c{ height:930px; overflow:hidden;}
.pro_c li{ float:left; margin:11px 11px 0 0; width:236px; height:180px; line-height:0; overflow:hidden; position:relative;}
.pro_c li img{ width:320px; height:246px; padding:1px; border:1px solid #dbdbdb; background:#fff;}
.pro_c .li01{ width:324px; height:290px; margin-right:3px;}
.pro_c .li01 img{ width:320px; height:246px;}
.pro_c li span{  width:234px; height:52px;    color: #005ab4; line-height:52px; text-align:center; display:block; font-size:20px; font-weight:bold;}
.pro_c .li01 span{ width:320px;}
.pro_c li a:hover img { border:2px solid #ff7800; padding:0;}
.pro_c .nones{ margin-right:0;}

.pin{ width:960px; height:774px; margin:35px auto 0; overflow:hidden; font-family:"Microsoft Yahei"; position:relative;}
.pin i{ display:block; position:absolute; top:397px; left:446px; width:67px; height:44px; z-index:3;}
.pin h2{ background:url(Img/Index/pin_line.jpg) no-repeat  center 18px; height:98px;}
.pin dl{ margin-top:11px; width:474px; height:301px; background:#f8f8f8; overflow:hidden; position:relative; z-index:1;}
.pin dl dt{ width:221px; height:301px; overflow:hidden;}
.pin dl dt img{ width:221px; height:301px;}
.pin dl dd{ width:248px; overflow:hidden; position:relative;}
.pin .dl01 dd{ width:238px; overflow:hidden; margin-left:10px; display:inline;}
.pin dl dd h3{ height:45px; border:1px solid #e0e0e0; border-width:1px 0; margin:38px 30px 20px 55px; padding-left:23px; font-size:26px; color:#005ab4; line-height:45px; overflow:hidden;}
.pin dl dd h3 a{ color:#005ab4;}
.pin dl dd h3.h3{ margin-right:0;}
.pin dl dd em{ position:absolute; top:28px; left:0; width:68px; height:68px;}
.pin dl dd p{ background:url(Img/Index/pin_ico5.gif) no-repeat 5px 8px ; padding-left:26px; font-size:14px; margin-top:12px; color:#555555; line-height:25px; margin-right:25px;}

.technology_bj{ height:567; overflow:hidden; background:url(Img/Index/technology_bj.jpg) no-repeat center top;}
.technology{ width:960px; height:567px; overflow:hidden; margin:0 auto; position:relative; font-family:"Microsoft Yahei";}
.technology h2{ padding-top:117px; line-height:23px; font-size:22px; font-weight:normal; text-align:center;}
.technology h2 a{ color:#0259ab;}
.technology .p01{ top:242px; left:3px; width:195px;}
.technology .p02{ top:418px; left:3px; width:195px;}
.technology .p03{ top:228px; right:3px; width:175px;}
.technology .p04{ top:426px; right:3px; width:175px;}
.technology p{ position:absolute; overflow:hidden; font-size:14px; line-height:24px; color:#333333;}

.vs{ width:960px; height:394px; background:url(Img/Index/vs.jpg) no-repeat 452px 39px; margin:0 auto; overflow:hidden;margin-bottom:20px;}
.vs_z , .vs_y{ width:450px; overflow:hidden; font-family:"Microsoft Yahei";}
.vs h2{ font-size:24px; height:44px; line-height:44px; text-align:center;}
.vs h2{ background:url(Img/Index/pin_line.jpg) no-repeat  center 18px; height:98px;}
.vs h2 a{ color:#0259ab;}
.vs_y h2 a{ color:#333;}
.vs dl{ height:140px; margin-top:20px; overflow:hidden;}
.vs dl dt{ width:201px; height:140px;}
.vs dl dt img{ width:201px; height:140px;}
.vs dl dd{ height:140px; overflow:hidden; font-size:14px; color:#333; line-height:24px;}
.vs_z dl dd{ width:191px; background:#0086dd url(Img/Index/vs_ico1.gif) no-repeat right 37px; padding:0 40px 0 18px;}
.vs_y dl dd{ width:191px; background:url(Img/Index/vs_wz_bj.jpg) no-repeat left top; padding:0 18px 0 40px;}
.vs_z dl dd{ color:#fff;}
.vs dl dd h3{ padding:30px 0 5px; font-size:16px; color:#333;}
.vs_z dl dd h3{ color:#fff;}

.ys_bj{ height:1541px; position:relative; overflow:hidden; font-family:"Microsoft Yahei";}
.ys_t{ background:url(Img/Index/ys_t.jpg) no-repeat center top; height:164px; overflow:hidden;}
.ys1{ background:url(Img/Index/ys1.jpg) no-repeat center top; height:329px; overflow:hidden;}
.ys2{ background:url(Img/Index/ys2.jpg) no-repeat center top; height:384px; overflow:hidden;}
.ys3{ background:url(Img/Index/ys3.jpg) no-repeat center top; height:316px; overflow:hidden;}
.ys4{ background:url(Img/Index/ys4.jpg) no-repeat center top; height:348px; overflow:hidden;}
.ys{ width:960px; height:1541px; position:absolute; top:0; left:50%; margin-left:-480px; overflow:hidden;}
.ys h3{ font-size:20px; font-weight:normal; padding:95px 0 0 497px; color:#fff; line-height:22px;}
.ys .dl01{ top:224px; left:0;}
.ys .dl02{ top:586px; right:10px;}
.ys .dl03{ top:877px; left:0;}
.ys .dl04{ top:1240px; right:10px;}
.ys dl{ position:absolute; width: 440px; overflow:hidden;}
.ys dt{ height:81px; overflow:hidden;}
.ys dt span{ display:block; float:left; background:url(Img/Index/ys_ico.png) no-repeat; width:70px; height:81px; padding-top:10px; text-align:center; font-size:24px; font-weight:bold; color:#fff; line-height:30px;}
.ys dt p{ float:left; width:350px; height:65px; border-bottom:1px solid #a4a6a9; background:url(Img/Index/ys_ico2.png) no-repeat right bottom; padding:15px 0 0 10px; font-size:24px; color:#0259ab; font-weight:bold; line-height:30px;}
.ys dt p i{ display:block; font:12px Arial, Helvetica, sans-serif; color:#979797; padding-top:3px;}
.ys dl dd{ font-size:14px; line-height:30px; color:#333333; margin-top:10px; background:url(Img/Index/ys_ico1.png) no-repeat 10px 14px; padding-left:30px;}

.pic{ height:160px; overflow:hidden; position:relative; margin-top:44px;}
.pic p{ position:absolute; top:35px; right:0; width:200px; overflow:hidden; font-family:"Microsoft Yahei"; color:#fff;}
.pic p span{ display:block; font:bold 28px Arial, Helvetica, sans-serif; line-height:30px;}
.pic p i{ display:block; background:url(Img/Index/pic_ico.png) no-repeat; width:173px; height:31px; text-align:center; line-height:31px; margin-top:5px;}
.pic p i a{ color:#0368ba;}

.case{ margin-top:41px; height:650px; overflow:hidden; font-family:"Microsoft Yahei";}
.case h2{ background:url(Img/Index/case_line.jpg) no-repeat center 48px; height:75px;}
.case_nav{ margin-top:30px; width:204px; height:475px; overflow:hidden;}
.case_nav h3{ font-size:18px; height:40px; border:1px solid #959595; text-align:center; line-height:40px; margin-bottom:5px;}
.case_nav h3 a{ color:#333; font-weight:normal;}
.case_nav ul li{ height:49px; overflow:hidden;}
.case_nav li a{ display:block; height:48px; border-bottom:1px solid #959595; background:url(Img/Index/case_ico2.gif) no-repeat 39px center; padding-left:80px; line-height:48px; font-size:14px;}
.case_nav li a:hover , .case_nav .cur a{ background:#0086dd url(Img/Index/case_ico1.gif) no-repeat 39px center; color:#fff; text-decoration:none; border-bottom:1px solid #0086dd;}
.case_nav p{ font-size:19px; color:#0259ab; font-style:italic; background:url(Img/Index/case_ico3.gif) no-repeat 8px 10px; padding-left:42px; line-height:50px;}
.case_c{ width:740px; overflow:hidden; margin-top:30px;}
.case_c li{ float:left; margin: 0 10px 11px 0; width:365px; height:268px; line-height:0; overflow:hidden; position:relative;}
.case_c li img{ width:361px; height:240px; padding:1px; border:1px solid #dbdbdb; background:#fff;}
.case_c li span{ width:363px; height:30px; line-height:30px; text-align:center; display:block; font-size:15px;}
.case_c li a:hover img { border:2px solid #ff7800; padding:0;}
.case_c .nones{ margin-right:0;}

.coo_bj{ background:url(Img/Index/coo_bj.jpg) no-repeat center top; height:198px; overflow:hidden; font-family:"Microsoft Yahei";}
.coo{ width:960px; height:198px; margin:0 auto; overflow:hidden;}
.coo h2{ width:150px; padding-top:65px; text-transform:uppercase; float:left;}
.coo h2 a{ font-size:20px; color:#0259ab;}
.coo h2 i{ display:block; font:26px Arial, Helvetica, sans-serif; color:#bcbcbc;}
.coo_z { width:35px; height:34px; overflow:hidden; margin-top:80px;}
.coo_z a{ display:inline-block; width:35px; height:34px; background:url(Img/Index/coo_z.gif) no-repeat;}
.coo_z a:hover{ background:url(Img/Index/coo_y.gif) no-repeat;}
.coo_c{ width:740px; overflow:hidden;}
.coo_c li{ float:left; width:163px; margin:60px 0 0 17px; display:inline; overflow:hidden;}
.coo_c li img{ width:153px; height:65px; border:3px solid #fff; padding:2px; background:#c2c2c2;}
.coo_c li span{ display:block; text-align:center; line-height:30px; color:#474747;}

.jz{ width:1022px; padding-left:62px; margin:0 auto; height:484px; overflow:hidden; font-family:"Microsoft Yahei"; background:url(Img/Index/system.jpg) no-repeat right top;}
.jz h2{ margin-top:45px; height:79px; overflow:hidden; background:url(Img/Index/system_line.gif) no-repeat left 7px; padding-left:15px; line-height:30px;}
.jz h2 a{ font-size:20px; color:#3a3a3a}
.jz h2 i{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#bebebe;}
.jz dl{ background:url(Img/Index/system1_bj.jpg) no-repeat; width:453px; height:140px; overflow:hidden; margin-bottom:30px;}
.jz dl dt img{ width:140px; height:140px;}
.jz dl dd{ width:290px; padding:10px 0 0 15px; overflow:hidden;}
.jz dl dd h3 { line-height:20px; font-size:14px; color:#fff;}
.jz dl dd a{ color:#3a3a3a; font-weight:bold; font-size:18px;}
.jz dl dd h3 span{ display:block;}
.jz dl dd p{ line-height:21px; color:#fff; padding:5px 0;}

.online_bj{ height:419px; overflow:hidden;}
.lc{ margin-top:23px; width:655px; height:390px; overflow:hidden; font-family:"Microsoft Yahei";}
.lc_nav{ height:44px; border-bottom:1px solid #dbdbdb; overflow:hidden; line-height:44px;}
.lc_nav li{ float:left; background:url(Img/Index/lc_line.gif) no-repeat right center;}
.lc_nav .nones{ background:none;}
.lc_nav a{ font-size:20px; color:#999; font-weight:bold; padding:0 15px;}
.lc_nav a.nones1{ padding-left:0;}
.lc_nav a:hover , .lc_nav .cur a{ color:#0259ab; text-decoration:none;}
.lc_c{ height:330px; overflow:hidden;}
.lc_c ul{ background:url(Img/Index/lc_bj.jpg) no-repeat 165px 57px; height:320px; overflow:hidden; padding:20px 0 0 85px;}
.lc_c ul li{ width:83px; height:123px; margin:0 0 0 84px; overflow:hidden; float:left; text-align:center; line-height:18px;}
.lc_c ul li a{ display:inline-block; width:83px; height:83px; overflow:hidden;}
.lc_c ul .li01 a{ background:url(Img/Index/lc1.jpg) no-repeat center top;}
.lc_c ul .li02 a{ background:url(Img/Index/lc2.jpg) no-repeat center top;}
.lc_c ul .li03 a{ background:url(Img/Index/lc3.jpg) no-repeat center top;}
.lc_c ul .li04 a{ background:url(Img/Index/lc6.jpg) no-repeat center top;}
.lc_c ul .li05 a{ background:url(Img/Index/lc5.jpg) no-repeat center top;}
.lc_c ul .li06 a{ background:url(Img/Index/lc4.jpg) no-repeat center top;}
.lc_c ul .li01 a:hover{ background:url(Img/Index/lc7.jpg) no-repeat center top;}
.lc_c ul .li02 a:hover{ background:url(Img/Index/lc8.jpg) no-repeat center top;}
.lc_c ul .li03 a:hover{ background:url(Img/Index/lc9.jpg) no-repeat center top;}
.lc_c ul .li04 a:hover{ background:url(Img/Index/lc12.jpg) no-repeat center top;}
.lc_c ul .li05 a:hover{ background:url(Img/Index/lc11.jpg) no-repeat center top;}
.lc_c ul .li06 a:hover{ background:url(Img/Index/lc10.jpg) no-repeat center top;}
.lc_c1{ margin:34px 0 0 186px; background:url(Img/Index/lc_bj1.jpg) no-repeat; width:467px; height:272px; position:relative;}
.lc_c1 .p01{ position:absolute; top:28px; left:0; }
.lc_c1 .p02{ position:absolute; top:120px; left:183px;}
.lc_c1 .p03{ position:absolute; top:119px; left:377px; }
.lc_c1 p{ font-size:14px; line-height:18px; color:#fff; font-weight:bold;width:91px; text-align:center;}


.online{ width:265px; overflow:hidden; font-family:"Microsoft Yahei";padding:55px 15px 0 10px;    /*background: url(Img/Index/online_bj.jpg) no-repeat center top;*/}
.online h2{ font-size:14px; color:#030303; font-weight:normal; height:35px; overflow:hidden;}
.online h2 { color:#030303;}
.online ul li{ margin:0 0 10px 15px; width:250px; overflow:hidden; color:#f00; }
.online ul li span{ display:inline-block; width:66px; vertical-align:top; color:#666;text-align:center; float:left;line-height:31px;}
.online ul .li01{ background:url(Img/Index/on1.png) no-repeat; height:31px;}
.online ul .li02{ background:url(Img/Index/on2.png) no-repeat; height:65px;}
.online ul .li03{ background:url(Img/Index/on3.gif) no-repeat; height:31px; width:250px;}
.inp1{ width:170px; height:26px; line-height:26px; overflow:hidden; color:#666;}
.inp2{ width:170px; height:60px; line-height:30px; resize:none;overflow:hidden; color:#666;}
.inp3{ width:40px; height:30px; line-height:30px; resize:none;overflow:hidden; color:#666;}
.online ul .li03 span{ width:60px;}
.online ul li img{ vertical-align:middle; margin-left:20px;}
.btn1{ margin:26px 22px 0 0; background:url(Img/Index/tj.gif) no-repeat; width:90px; height:29px; border:0;}
.btn2{ margin:26px 0 0 0; background:url(Img/Index/cz.gif) no-repeat; width:90px; height:29px; border:0;}

.about{ margin-top:30px; height:380px; overflow:hidden; font-family:"Microsoft Yahei";}
.about h2{ background:url(Img/Index/about_line.jpg) no-repeat center 45px; height:109px;}
.about p{ width:403px; overflow:hidden;}
.about p img{ border:8px solid #dfdfdf; width:387px; height:223px;}
.about dl{ width:270px; margin-left:7px; display:inline; overflow:hidden;}
.about dl dt{ padding:12px 0 0 75px; height:81px; overflow:hidden; background:url(Img/Index/about_ico.jpg) no-repeat}
.about dl dt i{ display:block; text-transform:uppercase; font:16px Arial, Helvetica, sans-serif;color:#333; line-height:30px;}
.about dl dt a { color:#333; font-size:16px;}
.about dl dd{ margin-top:12px; height:120px; background:#f0f0f0; overflow:hidden; padding:15px 8px 0; line-height:24px;}
.about dl dd b{ display:block; float:left; width:68px;}
.about dl dd i{ display:block; width:180px; float:left;}

.ry{ height:274px; overflow:hidden; font-family:"Microsoft Yahei"; position:relative; margin-left:0 -10px;}
.ry_nav { height:35px; background:url(Img/Index/ry_ico.gif) no-repeat left center; margin-left:373px; overflow:hidden;}
.ry_nav li{ float:left ; font-size:18px; line-height:35px;}
.ry_nav li a{ color:#7a7a7a; padding:0 20px; background:url(Img/Index/ry_ico.gif) no-repeat right center;}
.ry_nav li a:hover , .ry_nav .cur a{ color:#0259ab;}
.ry_c{ height:225px; overflow:hidden;}
.ry_z , .ry_y{ margin-top:69px; width:23px; overflow:hidden;}
.ry_z a{ display:inline-block; background:url(Img/Index/ry_z.gif) no-repeat; width:23px; height:45px; overflow:hidden;}
.ry_y a{ display:inline-block; background:url(Img/Index/ry_y.gif) no-repeat; width:23px; height:45px; overflow:hidden;}
.ry_z a:hover{ background:url(Img/Index/ry_z_cur.gif) no-repeat; }
.ry_y a:hover{  background:url(Img/Index/ry_y_cur.gif) no-repeat;}
.ryImg{ width:914px; overflow:hidden;}
.ryImg li{ float:left; width:214px; overflow:hidden; margin:16px 0 0 11px; display:inline;}
.ryImg li img{ padding:4px; border:1px solid #d3d3d3; width:204px; height:138px;}
.ryImg li span{ display:block; text-align:center; font-size:14px; color:#000; line-height:30px;} 

.wt{ width:310px; height:400px; overflow:hidden; font-family:"Microsoft Yahei"; margin-right:15px;}
.news{ width:50%; height:400px; overflow:hidden; font-family:"Microsoft Yahei"; border-radius: 20px; margin: 5px 0;}
.tit1{ height:43px; background:#0086dd; overflow:hidden; padding:0 12px 0 20px; line-height:43px;}
.tit1 a{ font-size:16px; color:#fff;}
.tit1 span a{ font-size:12px; font-weight:normal;}
.wt_c{ height:316px; overflow:hidden; margin-top:12px;}
.wt_c dl{ margin-bottom:5px; background:#f8f8f8; height:90px; overflow:hidden; padding:12px 45px 0 15px;}
.wt_c dl dt a{ font-weight:bold; color:#505050; line-height:30px;}
.wt_c dl dd{ line-height:20px;}

.news dl{ height:316px; overflow:hidden; margin-top:2px;background:#f8f8f8; }
.news dl dt{ padding:6px 0 0 8px;}
.news dl dt img{ width:293px; height:105px; font-size: 22px;}
.news dl dd{ margin:0 8px; border-bottom:1px dashed #ededed; line-height:32px; color:#9e9e9e; background:url(Img/Index/news_ico.gif) no-repeat 5px 15px; padding-left:17px;}
.news .nones{ border-bottom:0;} 
.slideBox {
	width:100%;
	position:relative;
	height:500px;
	overflow:hidden;
}
.slideBox .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.slideBox .bd ul {
	width:100% !important;
}
.slideBox .bd li {
	width:100% !important;
	height:500px;
	overflow:hidden;
	text-align:center;
	background-position:center top;
}

.slideBox .bd li a {
	display:block;
	height:500px;
}
.slideBox .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.slideBox .hd ul {
	text-align:center;
}
.slideBox .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#a2a2a2;
	
	line-height:999px;
}
.slideBox .hd ul .on {
	background:#248fef;
}
.content1{ width:1200px; margin:0 auto; overflow:hidden;}