@charset "utf-8";
/* CSS Document */

body{font-size:14px;font-family:"Microsoft YaHei"; color:#666;font-weight:normal;width:100%;height:100%;}
*{padding:0px;margin:0px;}
img{border:0px;margin:0;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
.clr{clear:both;}
a{text-decoration:none;}
a:focus {outline:0;}
img{border:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}
.top{ width:1100px; margin:0 auto;}
.w1100{ width:1100px; margin:0 auto;}
/*默认文字连接样式*/
/*默认文字连接样式*/
a{ color:#383a39; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); font-family:"Microsoft YaHei";}
a:hover{ text-decoration:none; color:#29a0f7; transition:all 0.5s;}

/*------------头部-------------*/
.head{ width:100%; height:auto;}
.top{ width:100%; height:38px; background:url(../images/top_bg.jpg) no-repeat center center;}
.topl{ width:350px; height:30px; line-height:30px; float:left;}
.topr{ width:300px; height:30px; float:right; line-height:30px; text-align:right;}
.topr a{ padding:0 10px;}
.top_con{ margin-top:22px; width:570px; height:105px; overflow:hidden; float:left;}
.logo{ width:133px; height:105px; float:left; margin-right:10px;}
.dwy img{ width:408px; height:68px;}
.dwy p{ font-size:20px; color:#666;}
.telbox{ width:230px; height:105px; float:right; text-align:right; margin-top:22px;}
.tel01 h4{ font-size:16px; font-weight:bold; color:#666; float:left; padding-left:90px; padding-top:10px;}
.tel01 img{ float:right;}
.tel400{ font-size:30px; font-weight:bold; color:#29a0f7;margin-top:10px; height:40px; line-height:40px;}

.cxt{ width:230px; height:58px; float:left; margin-top: 28px; margin-left: 25px;}


/*------------nav-------------*/
.navbox{ width:100%; height:50px; background:#0749a9; margin-top:22px;}
.nav-c{ margin-top:10px;}
.nav-c ul li{ width:122px; height:50px; line-height:50px; text-align:center; float:left;}
.nav-c ul li a{ color:#fff;width:122px; height:50px; display:block;}
.nav-c ul li:hover{background:#29a0f7;}
.cur{ width:122px; height:50px; background:#29a0f7;}


/*--------banner-----------------*/
.banner {width: 1920px;  height: 500px; overflow: hidden;margin-left: 50%;position: relative;top: 0;left: -960px;
}
.banner img{width: 1920px;height: 500px;}
.banner>ul {  height: 500px;  position: relative;
}
.banner>ul>li {  position: absolute;  width: 100%;  height: 500px;  background-position: center center;  background-repeat: no-repeat;  display: none;  z-index: 10;  background-size: cover;
}
.banner .cut {  display: none;  position: absolute;  top: 245px;  left: 50%;  z-index: 30;  width: 43px;  height: 75px;  opacity: 0.3;  background:#000 url(../images/iconlist.png) no-repeat;
}
.banner .cut:hover {  opacity: 0.5;  cursor: pointer;
}
.banner .prev {  margin-left:-594px;  background-position: 10px -295px;
}
.banner .next{  margin-left:550px;  background-position: 10px -355px;
}
.banner:hover .cut {  display: block;
}
.indicator {  position: absolute;  bottom:13px;  left: 0;  width: 100%;  height: 14px;  text-align: center;  z-index: 30;
}
.indicator>em {  display: inline-block;  width:30px;  height: 5px;  background: #fff;  margin: 0 5px;  cursor: pointer;
}
.indicator>em.active {  background:#0749a9;
}

/*内页banner*/
.fullSlide2{width:100%;position:relative;height:400px;background:#000;}
.fullSlide2 .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; width:1920px; position:absolute; left:50%; margin-left:-960px;}
.fullSlide2 .bd ul{width:100% !important;}
.fullSlide2 .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:400px;}
.fullSlide2 .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:15px;line-height:15px;}
.fullSlide2 .hd ul{text-align:center;}
.fullSlide2 .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:5px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px; margin:0 5px;}
.fullSlide2 .hd ul .on{background:#0749a9;}
.fullSlide2 .prev,.fullSlide2 .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide2 .next{left:auto;right:15%;background-position:-6px -137px;}


/*------------seach-------------*/
.ssbox{ height:70px; margin-bottom:30px;}
.sousuo{ height:50px; padding-top:20px;}
.seachl{ width:750px; height:40px; float:left; overflow:hidden; padding-top:10px;}
.seachl h4{ font-size:16px; color:#666; float:left;}
.seachl a{ padding:0 10px;}

.sea_right{height:37px; float:right; width:284px; background:url(../images/ssbg.png) no-repeat;}
.searchbox {height:37px; width:245px; position:relative;background:url(../images/searchbg.png) no-repeat;}
.searchbox p {float: left;height:37px;width:245px;}
.search_txt {width:245px;overflow:hidden;color:#999;text-indent:15px; height:37px; line-height:37px;border:none;background:none;font-size:14px;float:left;outline:none;}
.searchbox span {float:left; height:38px; width:60px;position:absolute; right:-46px; top:0px;}
.loginsubmit { border:none;overflow: hidden;width:36px;float:left;cursor:pointer;height:37px; color:#fff; background:url(../images/ss.jpg) no-repeat;}
.searchr{ width:375px; height:30px; margin:30px 0 0 124px; float:left; line-height:30px;}
.searchr a{ padding:0 5px;}


/*------------产品中心-------------*/
.cpleft{ width:240px; float:left;}
.cpzx{ width:240px; height:101px; background:url(../images/cp_tit.png) no-repeat;}
.cpzx h3{ font-size:24px; padding:20px 0 0 88px;}
.cpzx h3 a{ color:#fff;}
.cpzx p{ padding:5px 0 0 88px; color:#fff;}
.fenlei{ width:238px; height:677px; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; overflow:hidden;}
.fenlei01{ width:219px; padding-top:20px; margin:0 auto;}
.fenlei01 a{ color:#fff;}
.fenleitit{ width:219px; height:30px; background:url(../images/menu_bg.png) no-repeat; line-height:30px; padding-left:40px;}
.fenlei01 ul li{ width:219px; height:25px;  background:url(../images/li_ico.png) no-repeat 0 center; margin-top:17px; border-bottom:1px solid #e9e9e9;}
.fenlei01 ul li a{ color:#333; padding-left:20px; width:200px; height:25px; display:block;}
.fenlei01 ul li a:hover{ color:#29a0f7;}

.cpright{ width:828px; float:right; height:780px; overflow:hidden;}
.cpright ul li{ width:396px; height:369px; overflow:hidden; float:left; margin-left:18px; margin-bottom:38px;}
.cpright ul li:hover .title{ width:396px; height:40px; background:#0749a9; transition:all 0.5s;}
.title{ width:396px; height:40px; line-height:40px; text-align:center; background:#333;}
.title a{ color:#fff; width:396px; height:40px; display:block;}


/*------------产品应用-------------*/
.yytit{ width:220px; height:95px; margin:0 auto; margin-top:30px;}
.yytit h3{ font-size:36px; text-align:center;}
.yytit h3 a{ color:#0749a9;}
.yytit p{ font-size:16px; font-weight:bold; text-align:center; height:36px; background:url(../images/line.png) no-repeat center bottom; padding-top:10px;}
.yytit p a{ color:#999;}

.cpyy{ height:342px; overflow:hidden; margin-top:20px;}
.cpyy ul{ width:1180px;}
.cpyy ul li{ width:342px; height:342px; float:left; margin-right:40px;}
.cpyy ul li a{ color:#fff;}
.cpyy ul li:hover .cpyytxt{ background:#333;width:342px; height:44px; transition:all 0.5s;}
.cpyytxt{ width:342px; height:44px; text-align:center; line-height:44px; background:#0749a9;}


/*------------ban2-------------*/
.ban2{ width:100%; height:182px; background:url(../images/ban2.jpg) no-repeat center center; margin-top:40px;}
.bantel{ width:180px; height:105px; float:right; margin:40px 40px 0 0;}
.rx{ width:180px; height:34px; background:url(../images/phone2.png) no-repeat; padding-left:40px; color:#fff;}
.rx h4{ font-size:12px;}
.rx p{ font-size:18px; font-weight:bold;}
.zxzx{ width:175px; height:41px; background:url(../images/zxbg1.png) no-repeat; margin:0 auto; margin-top:10px;}
.zxzx a{ color:#333;width:175px; height:41px; display:block; padding:13px 0 0 86px;}
.zxzx a:hover{ color:#0749a9;}




/*------------优势-------------*/

.ysbox{ width:100%; height:2068px; background:#f4f4f4;}
.ystit{ width:520px; height:150px; margin:0 auto; padding-top:60px;}
.ystit01{ float:left; width:306px; height:75px;}
.ystit01 h4{letter-spacing:3px;}
.ystit01 p{ font-size:45px;letter-spacing:8px;}
.cjl{ font-size:60px; font-weight:bold; color:#29a0f7; border-bottom:3px solid #999; width:200px; height:75px; float:left;letter-spacing:6px;}
.zzbz{ width:354px; height:54px; background:#999; margin:0 auto; margin-top:17px; font-size:30px; color:#fff; text-align:center; line-height:54px;}

.ysleft{ width:545px; float:left;}

.ys01wz{ width:473px; height:260px; margin-top:100px;}
.num{ width:72px; height:72px; background:#666; border-radius:36px; text-align:center; line-height:72px; font-size:36px; font-weight:bold; color:#fff; float:left; margin-right:15px;}
.ys01wz h3{ font-size:24px; font-weight:bold; color:#29a0f7;}
.txt{ width:470px; background:url(../images/txt_bg.jpg) no-repeat 0 8px; padding-left:30px; margin-top:20px; font-size:16px; color:#666;}
.yys{ height:78px;}

.ys02img{ width:391px; height:345px; overflow:hidden;}

.ys03wz{ width:473px; height:260px; margin-top:100px;}
.ys03wz h3{ font-size:24px; font-weight:bold; color:#29a0f7;}
#zhuzhong{ font-size:20px; font-weight:bold; color:#0749a9;font-style:italic; padding:0 5px;}

.ys04img{ width:452px; height:278px; overflow:hidden; padding-top:70px;}

.ys05wz{ width:473px; height:260px; margin-top:100px;}
.ys05wz h3{ font-size:24px; font-weight:bold; color:#29a0f7; padding-top:20px;}

.ysright{ width:498px; float:right;}

.ys01img{ width:379px; height:379px; overflow:hidden; padding-top:70px;}


.ys02wz{ width:473px; height:260px; margin-top:100px;}
.ys02wz h3{ font-size:24px; font-weight:bold; color:#29a0f7;}

.ys03img{ width:455px; height:296px;}


.ys04wz{ width:473px; height:260px; margin-top:100px;}
.ys04wz h3{ font-size:24px; font-weight:bold; color:#29a0f7;}



/*------------客户见证-------------*/
.khjz{overflow:hidden;}
.jzlist{ margin-top:40px;}
.jzlist ul{ width:1150px;}
.jzlist ul li{ width:252px; height:352px; border:1px solid #29a0f7; float:left; margin-right:28px;}
.jzlist ul li h4{ width:252px; height:40px; line-height:40px; text-align:center;border-bottom:1px solid #29a0f7; font-weight:bold;}
.jzlist ul li p{ width:226px; height:116px; margin:0 auto; line-height:24px; padding-top:10px; overflow:hidden;}
.jzlist ul li:hover a{ color:#29a0f7;}



/*------------关于我们-------------*/
.about{ width:100%; height:517px; background:#0749a9; margin-top:40px;}
.aboutl{ width:487px; height:430px; padding-left:30px; padding-top:40px; position:relative; float:left; margin-right:86px;}
.aboutk{ width:295px; height:430px; border:1px solid #fff;}
.aboutimg{ width:437px; height:375px; position:absolute; right:0; top:72px;}
.aboutr{ padding-top:72px; width:475px; height:378px; float:left;}
.aboutr h3{ font-size:30px; }
.aboutr a{color:#fff;}
.aboutr a:hover{ text-decoration:underline;}
.yw{ width:140px; height:42px; color:#fff;font-size:30px;transition:all 0.5s; border-bottom:1px solid #fff; margin:20px 0 30px 0;}
.aboutr p{ color:#fff; line-height:30px; height:212px;}
.gd{ width:108px; height:30px; text-align:center; line-height:30px; border:1px solid #fff; margin-top:20px;}
.gd a{color:#fff; width:108px; height:30px; display:block;}
.gd  a:hover{ text-decoration:underline;}


/*------------团队风采-------------*/
.tdfc{ margin-top:40px; height:350px; overflow:hidden;}
.anlitit{ text-align:center;}
.anlitit h4{ font-size:24px; font-weight:bold;text-transform : uppercase}
.anlitit a{ color:#999;}
.casetit{ width:309px; height:30px; background:url(../images/anli_bg_ico.png) no-repeat center; margin:0 auto; font-size:22px; font-weight:bold; color:#666; margin-top:10px;}
.casetit a{ color:#666;}
.casetit a:hover{ color:#29a0f7;}

.scroll{width:1100px;height:110px; position:relative;}
  .scroll_left{width:31px;height:55px;background:url(../images/left01.png) no-repeat; position:absolute; left:0;top:55px;}
  .scroll_right{width:31px;height:55px;background:url(../images/right01.png) left no-repeat;float:right; position:absolute; right:0; top:55px;}
  .pic{width:1021px;height:209px; margin:0 auto;}
  .pic ul{display:block;}
  .pic li{float:left;display:inline;width:241px;text-align:center; margin-right:20px;}
.pic li h4{ width:240px; height:40px; display:block; padding-top:10px;}

/*-------------------------新闻---------------------------*/
.lanrenzhijia{ width:682px; height:405px; font-family:'微软雅黑'; float:left;}
.lanrenzhijia .tab{ overflow:hidden; background:#0749a9; position:relative;}
.lanrenzhijia .tab li{ display:block; width:150px; height:50px;float:left; text-decoration:none; color:#333; text-align:center; line-height:50px;}
.lanrenzhijia .tab li.on{ background:#29a0f7; color:#fff; text-decoration:none; display:block;width:150px; height:50px;}
.lanrenzhijia .tab li a{ color:#fff; font-size:16px;}
.lanrenzhijia .content{ overflow:hidden;}
.lanrenzhijia .content li{ display:none;}

.more{ position:absolute; right:20px; top:15px;}
.more a{ color:#fff; padding:0;}
.more a:hover{ color:#e9e9e9;}

.remen{ width:268px; height:300px; margin-top:30px; overflow:hidden; float:left;}
.remen img{ width:268px; height:164px;}
.remen h4{ padding: 20px 0 10px 0;height: 30px; line-height:30px; overflow:hidden;}
.remen h4 a{ width:268px; height:30px; display:block;}
.remen h4 a:hover{color:#29a0f7;}
.remen p{ color:#666; width:268px; height:95px; overflow:hidden; line-height:25px;}

.newlist{ width:375px; height:324px; margin:30px 0 0 0; float:right;}
.newlist dl{ width:375px; height:60px; border-bottom:1px solid #e3e3e3; padding-bottom:5px; margin-bottom:20px;}
.newlist dl dt{ width:50px; height:50px; text-align:center; float:left; margin-right:10px;}
.newlist dl dt h3{ font-size:30px; color:#666;}
.newlist dl dt p{ font-size:10px; color:#666;}
.newlist dl dd h3{ width:315px; height:24px; overflow:hidden; padding-top:5px;}
.newlist dl dd h3 a{width:315px; height:24px; display:block;}
.newlist dl dd h3 a:hover{ color:#29a0f7;}
.newlist dl dd p{width:315px; height:24px; overflow:hidden; padding-top:5px; line-height:24px;}
.newlist dl dd:hover a{color:#29a0f7;}

.newr{ width:390px; height:405px; overflow:hidden; float:right;}
.newrtit{ width:390px; height:50px; background:#0749a9;}
.newrtit h3{ font-size:18px; font-weight:bold; float:left; line-height:50px;width:150px; height:50px; background:#29a0f7; text-align:center;}
.newrtit a{ color:#fff;}
.newrtit a:hover{ color:#0749a9;}
.newrtit h3 a:hover{ color:#fff;}
.more1{ width:50px; height:50px; float:right; line-height:50px;}
.more1 a:hover{ color:#e9e9e9;}

.newr ul{ margin-top:30px;}
.newr ul li{ width:390px; height:100px; border-bottom:1px dotted #ccc; margin-top:10px;}
.wen{ width:390px; height:37px; background:url(../images/wen.png) no-repeat; padding:0 0 0 50px; line-height:37px; font-size:16px;}
.wen a{ width:372px; height:37px; display:block; overflow:hidden;}
.da{ width:390px; height:60px; background:url(../images/da.png) no-repeat; margin-top:10px;}
.da p{ width:330px; height:44px; overflow:hidden; padding: 0 0 0 50px; line-height:22px;}
.newr ul li:hover a{ color:#29a0f7;}



/*-------------------------合作伙伴---------------------------*/

.qyfc{ margin:50px auto;}
.anlitit{ text-align:center;}
.anlitit h4{ font-size:24px; font-weight:bold;text-transform:capitalize;}
.anlitit a{ color:#999;}
.casetit{ width:309px; height:30px; background:url(../images/anli_bg_ico.png) no-repeat center; margin:0 auto; font-size:22px; font-weight:bold; color:#4bb345; margin-top:10px;}
.casetit a{ color:#666;}
.casetit a:hover{ color:#29a0f7;}

.blk_29 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden;  PADDING-TOP: 10px; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/left.png) no-repeat 0px 0px; LEFT: 5px; FLOAT: left; WIDTH: 37px; CURSOR: pointer; POSITION: absolute; TOP:70px; HEIGHT: 37px}
.blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(../images/right.png) no-repeat; FLOAT: right; WIDTH: 37px; CURSOR: pointer; POSITION: absolute; TOP: 70px; HEIGHT: 37px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; PADDING-TOP: 5px}
.blk_29 .case {	FLOAT: left; WIDTH: 240px; TEXT-ALIGN: center; margin-right:7px; }
.blk_29 .case:hover a{ color:#29a0f7;}
.blk_29 .case img{border:1px solid #ccc;}
.blk_29 .case:hover img{opacity: 0.7;filter:alpha(opacity=70) }
.blk_29 .case P {	MARGIN:15px auto 0px; WIDTH: 240px; LINE-HEIGHT: 20px}
.rollphotos {	MARGIN-TOP: 10px;WIDTH: 950px}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 950px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}





/*-------------------------友情链接---------------------------*/
.link{ width:100%; height:55px; background:#333; margin-top:40px; overflow:hidden;}
.link h3{ color:#fff; font-size:16px; line-height:55px; float:left; margin-right:20px;}
.link a{ float:left; padding:0 10px; line-height:55px; color:#fff;}
.link a:hover{ color:#29a0f7;}

/*-------------------------底部---------------------------*/
.footbox{ width:100%; background:#0749a9;}
.foot1{ width:428px; height:288px; padding-top:30px; float:left; margin-right:40px;}
.foot1tit h3{ width:74px; height:33px; border-bottom:1px solid #fff; font-size:18px; float:left; margin-right:15px;}
.foot1tit h3 a{ color:#fff;}
.foot1tit p{ color:#e5e5e5; padding-top:5px;}
.foot1lx{ margin-top:20px;}
.foot1lx p{ color:#fff; line-height:36px;}
.foot1 a{ color:#fff;}
.foot1 a:hover{ text-decoration:underline;}


.foot2{ width:217px; float:right; text-align:center; padding:30px 0 0 0;}
.foot2 p{ padding:10px 0; color:#fff;}
.foot2 img{ margin-top:20px;}

.foot3{ width:246px; height:280px; float:left; padding-top:30px;}
.foot1tit1 h3{ width:74px; height:33px; font-size:18px; float:left; margin-right:15px;}
.foot1tit1 h3 a{ color:#fff;}
.foot1tit1 p{ color:#e5e5e5; padding-top:5px; float:left;}
.foot3 ul{ margin-top:30px;}
.foot3 ul li{ width:100px; height:30px; float:left; line-height:30px; margin-bottom:20px; margin-right:10px;}
.foot3 ul li a{ color:#fff;}
.foot3 ul li a:hover{ text-decoration:underline;}

.banq{ width:100%; height:50px; text-align:center; line-height:50px; color:#e5e5e5; margin-top:30px; border-top:1px solid #e5e5e5;}
.banq a{ color:#e5e5e5;}
.banq a:hover{ text-decoration:underline;}










/*--------------内页左侧代码--------------*/

.box_left {width:235px;height:auto;float:left;}
.mode1 {height: auto;width:235px;}
.mode2 {height: auto;width:235px;padding-top:30px;}
.box_title{color: #fff;font-size: 16px;background-color:#0749a9;height: 45px; line-height: 45px;width: 235px;text-align:center;}

.box_title span{ color:#fff;font-weight:bold;}
.box_title span h2{ font-size:12px; font-weight:normal;}
.box_t_con {border:1px solid #ccc;}
.box_t_con li{line-height: 40px;height: auto;overflow:hidden; width:233px;font-weight:normal;border-bottom: 1px solid #ccc;}
.box_t_con ul li a {display:block; text-align:center; font-size:14px;color: #333;transition:all 0.5s;}
.box_t_con ul li a:hover{text-decoration:none;background-color:#29a0f7;color: #fff;}


.mode1 .box_tt1 {border:1px solid #6600be; border-top:2px solid #fff;width:233px;}
.mode1 .box_tt1 li span{display:block;float:left;line-height:36px;padding-left:20px;height:36px;}
.mode1 .box_tt1 .box_li{line-height: 36px;height: auto;overflow:hidden; width:233px; font-weight:bold;background-color:#6600be;}
.mode1 .box_tt1 li a{color:#fff;padding-left:20px;}
.mode1 .box_tt1 li a:hover {background-color:#0749a9;color:#fff !important;text-decoration:none;}
.mode1 .box_tt1 li  ul li{border-bottom: 1px dotted #ccc; font-weight:normal;background-color:#fff !important;}
.mode1 .box_tt1 li  ul li a{color:#777 !important;padding-left:40px;}
.mode1 .box_tt1 a {display:block;}
.mode1 .box_tt1 li li a:hover {color:#fff;background-color:#0749a9;}

/*--------------内页右侧代码--------------*/
.sidebar { width:830px; float:right; }
.sidebar_con {  padding-top:15px; position: relative;}
.title_r a { padding:0 15px;}
.title_r { background: #f1f1f1 none repeat scroll 0 0;border: 1px dashed #ccc;height: 38px;line-height: 38px;text-indent: 10px;}



.title_r1 a { padding:0 15px;}
.title_r1 { border-bottom:2px solid #ccc; line-height:34px;  height:30px; }
.title_r1 span{ color:#88be4c;}


.title_rt { color:#0749a9;font-size:15px; font-weight:bold;}
.bt_text_y { font-size:14px; float:right; height:40px;  padding-right: 10px; }
.bt_text_y a { padding:0; margin:0;color: #333;}
.bt_text_y a:hover { text-decoration:underline;}

.font_red { text-decoration:none;background-color:#29a0f7;color:#fff!important;}

/*产品详情页放大功能start*/
.siderightCon { line-height:24px; margin:20px 0 0 0px; text-align:left;}
.nypro{ width:420px;  float:left;}
#preview{ float:none; margin:0px auto; width:420px;}

.list-h { width:200000px !important;}
.list-h li{ float:left;}
#spec-n5{width:620px; height:106px; padding-top:15px;  }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px; margin-right:6px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px; height:100px; overflow:hidden}
#spec-list ul li img{  border:1px solid #ccc; width:80px; height:60px;}


.contact_pro{width:830px;padding-top:10px;}
.contact_pro h3{border-bottom:2px solid #0749a9;line-height:30px;font-size: 15px;color: #666;font-weight: bold;}
.contact_pro ul .nyHot_news{border-bottom: 2px dotted #ccc;height: 20px;line-height: 20px;margin: 10px 0;padding-bottom: 10px;width: 370px;float: left;margin-right: 90px;}
.contact_pro .redianzx{width: 930px;}
.contact_pro ul .nyHot_news a{font-size: 14px;color: #333;overflow: hidden;display: block;height: 20px;white-space:nowrap;text-overflow:ellipsis;width: 290px;float: left;}
.contact_pro ul .nyHot_news a span{font-size: 14px;color: #333;float: right;line-height: 20px;}
.contact_pro ul .nyHot_news a:hover{color: #29a0f7;}
.contact_pro ul .nyHot_news a:hover .nyHot_newsDate{color: #29a0f7;}
#demo {overflow:hidden;width:810px; margin:0 auto;padding-top:20px;}
#indemo {float: left;width:10000%;}
#demo2 {float: left;}
#demo1 ul{ float:left;}
#demo ul li{width:255px;float:left;margin-right:30px;}
#demo ul li img{border:1px solid #ececec; width:255px; height:210px;}
#demo ul li:hover img{border:1px solid #0749a9;}
#demo ul li p{display:block;width:255px;height:40px;line-height:40px;text-align:center;color:#666;font-size: 14px;}
#demo ul li a{ text-decoration:none;}
#demo ul li a:hover p{ color:#0749a9;}
/*--------------内页下部分代码--------------*/
#contant{ margin-top:30px;}
.list_box {width: 1100px;margin-right: auto;margin-left: auto; margin-bottom:40px; overflow:hidden;}
.column { width:830px; float:right;}
.column .bt{ height:40px; border-top:1px dashed #ccc; line-height:40px; padding:0 10px;}
.column .menu{ padding:0 10px 10px 10px;}
.column .menu a { margin-right:29px; color:#666;}
.column .menu a:hover{ color:#29a0f7;}

.current_content { padding:20px 0; line-height:24px;}
.current_content p{font-size: 14px;color: #333;margin-bottom: 20px;}
.gbook_content { width:818px; height:600px;padding-top:20px; margin:0 auto; line-height:24px;margin-top:20px;padding-left:20px;}
.gbook_content textarea{ width:397px; height:90px; }
.cur_map{padding-bottom:20px;}
.cur_map h3{border-top: 1px dashed #dedede;font-size: 14px;line-height: 30px;margin-top: 20px;padding-top:10px;}
.cur_map p a{display:block;float:left;margin-right:20px;}



/*--------------新闻列表页--------------*/

.article_list dl { padding:0 10px 10px; height:82px; border-bottom:1px dashed #d7d7d7; font-size:12px; line-height:30px; margin-bottom:10px;}
.article_list dl dt { float:left; width:140px; margin-right:5px;}
.article_list dl dt img { padding:2px; border:1px solid #ccc;}
.article_list dl dd { height:90px; overflow:hidden;}
.article_list dl a:hover { text-decoration:underline;}
.article_list dl dd p { height:126px; margin-top:5px; overflow:hidden;}

.article_list .art_1 { width:830px;}
.article_list .art_1 dl { padding:15px 0; height:165px; border-bottom:1px dotted #ccc; font-size:13px; line-height:30px; width:800px; margin:0 0 0 15px;}
.article_list .art_1 dl dt { float:left; width:255px; margin-right:15px;}
.article_list .art_1 dl dd { height:190px; overflow:hidden; width:520px; float:right;}
.article_list .art_1 dl dd h3 { font-size:15px; color:#333;}

.article_list ul { margin-top:10px; }
.article_list ul li {line-height:34px;margin-left:5px;margin-bottom:5px; border-bottom:1px dotted #c2c2c2;}
.article_list ul li a{background:url(../images/new_li2.jpg) no-repeat left;display:block;padding-left:10px;color: #333;font-size: 14px;font-weight: bold;}
.article_list ul li a:hover {text-decoration:none;color:#29a0f7; }
.article_list ul li a .date{ float:right; color:#999;}
.article_list ul li a:hover .date {text-decoration:none;color:#0749a9; }

.article1_list dl {margin-top:10px; width: 830px;margin-left:5px;margin-bottom:15px; border-bottom:1px dotted #c2c2c2;overflow: hidden;clear: both;padding-bottom: 20px;}
.article1_list dl dt{float: left;}
.article1_list dl dd {float: left;}
.article1_list dl dd a{display:block;color: #333;font-size: 16px;font-weight: bold;margin-left: 30px;}
.article1_list dl dd a:hover {text-decoration:none;color:#00426f; }
.article1_list dl dd a .date{ float:right; color:#999;}
.article1_list dl dd a:hover .date {text-decoration:none;color:#00426f; }
.ny_newsInfo1{width: 600px;height: 90px;overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 10px;margin-left: 30px;line-height: 24px;padding-top: 10px;}
.ny_newsInfo{width: 830px;height: 50px;overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 10px;}
.ny_newsTit{margin-left: 10px;max-width: 260px;overflow: hidden;}


.page { text-align: center; margin:20px auto; clear:both; padding-top:30px;}
.page a {  margin:0 7px; color: #333;}
.page a:hover{color: #0749a9;}


/*--------------产品列表左侧--------------*/
.n_pro_list { width:235px; float:left;}
.n_pro_list dl { width:250px; height:auto; background:#238330; overflow:hidden; padding-bottom:30px; }
.n_pro_list dl a { color:#fff;}
.n_pro_list dl a:hover {text-decoration:underline; }
.n_pro_list dl dt { height:44px; line-height:44px; font-size:14px;  text-indent:16px;padding:0 20px;}
.n_pro_list dl dt a { background:url(../images/icon.png) no-repeat 0 18px; display:block;}
.n_pro_list dl dd {  background: #29a0f7; line-height:30px; margin-bottom:2px; padding-left:37px;}
.n_pro_list dl dd a { background:url(../images/icon.png) no-repeat 0 -16px; text-indent:14px; display:block;}
.product_list{width:900px;}
.product_list dl{width:256px;float:left;margin-right:30px;margin-bottom:20px;}
.product_list dl dt{width:256px;}
.product_list dl dt img{ border:solid 1px #ddd; width:254px; height:191px;}
.product_list dl dd{width:256px;height:40px;text-align:center;line-height:40px;overflow: hidden;padding: 0 10px;white-space:nowrap; text-overflow:ellipsis;}
.product_list dl dd a{color: #333;font-size: 14px;}
.product_list dl:hover dd a{color:#0749a9; text-decoration:none;}
.product_list dl:hover img{border:solid 1px #0749a9;}

.product_list1{width:900px;}
.product_list1 dl{width:256px;float:left;margin-right:31px;margin-bottom:30px;}
.product_list1 dl dt{width:256px;}
.product_list1 dl dt img{ border:solid 1px #ddd;}
.product_list1 dl dd{width:180px;height:40px;text-align:center;line-height:40px;}
.product_list1 dl:hover dd a{color:#88be4c;text-decoration:none;}
.product_list1 dl:hover img{border:solid 1px #0749a9;}


.product_list2{width:900px;}
.product_list2 ul{ margin-top:10px;}
.product_list2 li {text-align:center; float:left; margin-right:31px;margin-bottom:20px; position:relative; width:252px; line-height:24px; height:254px;}
.product_list2 li img{ border:1px solid #cecece; width:252px; height:187px;}
.product_list2 li img:hover{ border:1px solid #0749a9; }
.product_list2 li span{ font-size:13px; color:#333;}
.product_list2 li a{ text-decoration:none;}
.product_list2 li:hover span{ text-decoration:none; color:#0749a9; }

.ny_proInfo{height: 166px;overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 24px;}
.ny_lianxi{width: 378px;padding-top: 10px;border-top: 2px dotted #aaa;}
.ny_lianxi a{display: block;float: left;width: 140px;height: 30px;background-color: #0749a9;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.ny_lianxi span{font-size: 24px;font-weight: bolder;color:#0749a9;padding-left: 20px;line-height: 30px;}
.ny_Nowbuy{display: block;height: 30px;background-color: #0749a9; color: #fff;text-align: center;line-height: 30px;font-size: 16px;margin-top: 10px;}
.ny_Nowbuy:hover{background-color: #0749a9; color: #fff;}


.product_list3{width:900px;}
.product_list3 ul{ margin-top:10px;}
.product_list3 li {text-align:center; float:left; margin-right:31px;margin-bottom:20px; position:relative; width:252px; line-height:24px;}
.product_list3 li img{ border:1px solid #cecece; width:252px; height:157px;}
.product_list3 li img:hover{ border:1px solid #0749a9; }
.product_list3 li span{ font-size:13px; color:#333;}
.product_list3 li a{ text-decoration:none;}
.product_list3 li:hover span{ text-decoration:none; color:#0749a9; }


.product_list4{width:900px;}
.product_list4 ul{ margin-top:10px;overflow: hidden;}
.product_list4 li {text-align:center; float:left; margin-right:27px;margin-bottom:20px; position:relative; width:258px; height:345px; line-height:24px;}
.product_list4 li img{  width:258px; height:315px;border:1px solid #cecece;}
.product_list4 li img:hover{ border:1px solid #0749a9;}
.product_list4 li span{ font-size:13px; color:#333;width: 254px;overflow: hidden;height: 20px;display: block;}
.product_list4 li a{ text-decoration:none;}
.product_list4 li:hover span{ text-decoration:none; color:#00426f;}





/*--------------留言页--------------*/

.inxliuyan{ width: 550px;  margin: 0 auto;}
.inxGBook_Name {height: 36px;border: none;width: 400px;padding-left: 10px; float: left; border:1px solid #d6d6d6;color: #9f9f9f; }
.inxFkPhone{height: 36px;border: none;width: 400px;padding-left: 10px; float: left; border:1px solid #d6d6d6; color: #9f9f9f;}
.inxFktitle{height: 36px;border: none;width: 400px;padding-left: 10px; float: left; border:1px solid #d6d6d6; color: #9f9f9f;}
 .inxMessContent{ border:1px solid #d6d6d6; width: 400px;height: 36px; color: #9f9f9f;padding-left: 10px;}
 
 .inxsubmi{width: 180px;height: 40px; border: none; margin:15px 0 0 40px; cursor: pointer;border-radius: 5px;
 	background: #0749a9; text-align:  center; line-height: 40px; color: #fff; font-size: 14px;transition:all 0.5s;}
  .inxsubmi:hover{background: #29a0f7;color: #fff;}
   .inxrest{width: 180px;height: 40px; border: none; margin:15px 0 0 40px; cursor: pointer;border-radius: 5px;
 	background: #0749a9; text-align:  center; line-height: 40px; color: #fff; font-size: 14px;transition:all 0.5s;}
  .inxrest:hover{background: #29a0f7;color: #fff;}
 .inxgook_001{height: 40px; background: url(../images/inxgook-1.jpg) no-repeat left top; width: 420px; padding-left: 40px;}
 .inxgook_002{height: 40px; background: url(../images/inxgook-4.jpg) no-repeat left top; width: 420px; padding-left: 40px; margin-top: 14px;}
 .inxgook_003{height: 40px; background: url(../images/inxgook-2.jpg) no-repeat left top; width: 420px; padding-left: 40px; margin-top: 14px;}
 .inxgook_004{height: 40px; background: url(../images/inxgook-3.jpg) no-repeat left top; width: 420px; padding-left: 40px; margin-top: 14px;}


/*--------------推荐新闻--------------*/
.hots {background:#fff;border:1px solid #ccc; padding-top:15px; margin-bottom:30px; border-top:none;}
.hots li{margin-left:8px;line-height: 30px;overflow:hidden;width:218px;font-size:13px;text-align:center; margin-bottom:15px;}
.hots li img {border:1px solid #ccc; width:210px; height:170px;}
.hots li img:hover { border:1px solid #07a8de;}
.hots a {display:block; text-decoration:none;}
.hots a p{font-size: 14px;color: #333;}
.hots_news {padding:5px 9px 5px 10px;border:1px solid #ccc; border-top:none;}
.hots_news li{line-height: 32px;height:32px;overflow:hidden;border-bottom: 1px dashed #ccc;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;}
.hots_news a {color: #333;}
.hots_news a:hover{color:#29a0f7;}

/*--------------搜索页--------------*/
.search_list { width:1130px; margin:0 auto 0; }
.search_list li { width:252px; float:left; height:188px; text-align:center; margin:3px 15px 7px; line-height:30px;}
.search_list li img { border:1px solid #cecece;}
.search_list li img:hover { border:1px solid #ff5400;}




/*==========内页样式开始========*/
#content{ width:1100px; margin:30px auto; margin-bottom:20px;}
.list_box {overflow:hidden;}
.list_box .box_bt{ width: 830px; height:39px; font-size:12px; border-bottom:1px solid #e1e1e1;}
.lift_zuo{ width:250px; float:left;}
.n_pro_list .list .hover {background: #0749a9; url(../images/list_li.png) no-repeat 50px -22px !important; display:block; color:#fff;}

.product_bigimg_text .pro_lianxi{ width:380px;}
.product_bigimg_text .pro_lianxi a{ color:#fff; width:80px; height:34px; background:#0749a9; text-align:center; font-size:14px; line-height:34px; display:block; margin-bottom:10px;}
.product_bigimg_text .pro_lianxi1 p{ color:#0066ff; font-weight:bold; margin-top:12px; font-size:20px;}


.left_box{width:220px;float:left;}
.list_left {float: left;width: 220px;margin-right: 30px;}
.list_right {float: right;width: 830px;}

.list_right .box_sj .box_y p{ font-size:12px; line-height:24px;}
.list_right .box_sj .box_y p.box_h{ height:45px; overflow:hidden;}
.top_title {line-height:39px;height:39px;text-align: center; background-color:#cc0000;}
.top_title h2 {font-family:"Microsoft YaHei";font-size: 16px; color: #fff;}
.top_title h2 span{ font-size:12px; font-weight:normal;}
.left_con {line-height: 20px;}
.left_con{ border: 1px solid #ccc;}
.left_con ul li {line-height: 34px;border-bottom: 1px dotted #ccc;}
.left_con ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.left_con ul li a:hover {background:#0749a9; text-decoration: none; color: #fff;}
.pro_pic {overflow: hidden; width:868px;}
.pro_pic ul li {float: left;margin-right:32px; margin-bottom:20px;position: relative;text-align: center;width: 254px;}
.pro_pic ul li span{ margin-top:10px; display:block;float: left;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;text-align: center;height: 20px;line-height: 18px;width: 234px;padding: 0 10px;}
.pro_pic ul li img{border: 1px solid #e1e1e1;float: left;}
.pro_pic ul li img:hover{border: 1px solid #ccc; }
.pro_pic ul { width:860px; margin-top: 15px;}
.pro_pic a{ text-decoration: none;color: #333;font-size: 14px;}
.pro_pic a:hover{color: #0749a9; }


.pos { background: #f1f1f1 none repeat scroll 0 0;border: 1px dashed #ccc;height: 38px;line-height: 38px;text-indent: 10px;}
.pos h2 {font-size:15px; color:#0749a9; font-weight:bold;}

.moxing {overflow:hidden;width:220px;}
.lianxi_title h2 {color: #fff;padding-left: 20px;font-family:"Microsoft YaHei";font-size: 15px;}
.lianxi_title{line-height: 39px;background-color: #00AA3A;height: 39px;}
.list_lbot{margin:15px 0 35px 0;}
.list_contact{border: 1px solid #ccc;padding:10px;}
.list_contact p{line-height:24px;color:#818181;padding-left:15px;padding-right:15px;}
.pro_details_tongji {text-align: center;width: 100%;border-bottom: 1px dashed #ccc;padding-bottom: 5px;margin-bottom: 15px; font-size:13px;}
.pro_photo{ padding-top:20px;}

.pro_photo h3 {text-align: center;line-height: 50px;font-size: 14px;padding-top: 10px; font-weight: bold;}
.pro_photo p{color:#333;}
.n_con{ color:#666; font-size:14px; line-height:24px;}
.n_con p {line-height: 24px;color: #333;text-indent: 2em; margin-bottom:5px; color:#666; font-size:14px;}
.goto{ color:#666; font-size:14px; line-height:24px;}
.goto p {line-height: 24px;color: #666;}
.goto p a{ margin-right:30px;}
.info_news span {float: right; color:#999; font-size:12px;}
.info_news li {line-height: 35px;padding-right: 10px;background:url(../images/new_jt.png) left center no-repeat; padding-left: 15px;margin-left: 10px;border-bottom: 1px dashed #CCC;}


.pro_ph1{ float:right; margin-top:20px;}
.pro_ph1 a{ margin:0 10px; float:right; line-height:36px; font-size:16px; color:#88be4c;}

.article_list_img {background:#f2f2f2; height:120px; padding:10px; margin-bottom:10px;}
.article_list_img dt { float:left; margin-right:20px;}
.article_list_img dd { float:left; width:470px; line-height:24px; height:120px; overflow:hidden;}
.article_list_img dd a { color:#f66304;}
.article_list_img dd a:hover { text-decoration:underline;}

.current_content h1 { text-align:center;  color:#00426f; font-size:16px;}
.current_content h3 { text-align:center; margin-top:5px; font-weight:normal; line-height:30px; height:32px; font-size:13px;}
.current_content .current_text { margin-top:7px; border-top:1px dashed #ccc; padding-top:15px;}
.current_content .current_text p{ line-height:24px;font-size: 14px;color: #333;margin-bottom: 20px;}
.current_content a{font-size: 14px;color:#0749a9;test:expression(target="_blank");}
.current_content a:hover{color: #0749a9;}
.current_content a:active {test:expression(target="_blank");}
.current_content{font-size: 14px;color: #333;}

.hot{ margin-top:50px; margin-bottom:20px;}
.hot div{font-size: 14px;font-weight: bold;color:#0749a9;}
.lx{ width:830px;}

.leftlx .dianh{padding:0 5px 20px 10px;}
.leftlx p{line-height:24px;}
.hots_news .dianhua {background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent;color: #666666;line-height: 20px;padding: 10px 0 10px 55px;}
.hots_news .dianhua span {display: block;font: 18px "Impact";color:#29a0f7;}
.dianh p{line-height: 24px;font-size: 14px;color: #333;margin-bottom: 10px;}
.nyBanner{width: 100%;height: 400px;margin: 0 auto;background-color:#fff;overflow: hidden;position: relative;}
/*.nyBanner img{position:absolute;left:50%;margin-left:-960px;}*/

/*下载*/
.downlist{line-height:24px;color:#333;padding:10px 15px 0px;}
.downlist b{font-size: 14px;font-weight: bold;color: #206ccd;}
.downlist ul li{border-bottom:1px dashed #dedede;height:32px;line-height:32px;}
.downlist ul li a{color:#333;font-weight:bold;display: block;float: left;width: 80%;height: 32px;overflow: hidden;}
.downlist ul li a:hover{color: #0749a9;}
.downlist ul li span{float:right;color:#333;}
.downlist ul p{line-height:24px;color:#333;}
/*down*/
.neiye-title{line-height:24px;color:#333;}
.neiye-title a{color:#0156b1;}



/*goTop*/
.goTop_Box{position: relative;}
.right-bar{position: fixed;bottom: 10%;right: 4%;z-index: 9999;zoom: 1;}
.gotop{width:50px;height:50px; background:url(../images/totop.png) no-repeat center #29a0f7;cursor: pointer;}

.mode3 {width:235px;}
.mode3 .menu{ width:235px; position:relative;}
.mode3 .menu .tact{ width:212px; height:140px; position:absolute; left:12px; bottom:20px;}
.mode3 .menu .bt{ width:235px; height:45px; background:#0749a9; font-size:18px; text-align:center; line-height:45px; color:#fff;font-weight: bold;}

.mode3 .menu .bt span{ font-size:16px; font-family:arial; color:#fff; margin-left:10px; font-weight:normal;}
.mode3 .menu_list{ width:233px;padding-bottom:10px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top: 7px;}
.mode3 .menu_head{width:219px;height:34px;line-height:32px;  text-indent:10px; font-size:14px; color:#fff;cursor:pointer;background: url(../images/menu_zt1.png) no-repeat;margin-left: 7px;margin-bottom: 7px;transition:all 0.5s;}
.mode3 .menu_head a{ color:#222;display: block;width: 170px;height: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mode3 .menu_list .current{background: url(../images/menu_zt2.png) no-repeat;}
.mode3 .menu_list .current a{color: #fff;}
.mode3 .menu_body{width:235px;height:auto;overflow:hidden;line-height:30px;}
.mode3 .menu_body .nva_active{color:#0749a9;background:url(../images/newslihover.png) no-repeat 16px center;}
.mode3 .menu_body a{display:block;width:219px;height:36px;line-height:36px; font-size:14px; color:#222; text-indent:30px; overflow:hidden;background:url(../images/new_li2.jpg) no-repeat 16px center;margin-left: 7px;transition:all 0.5s;}
.mode3 .menu_body a:hover{color: #0749a9;background:url(../images/newslihover.png) no-repeat 16px center;}


/*==========企业相册页面========*/
#col{width:900px;}
#col ul{ margin-top:10px;}
#col li {text-align:center; float:left; margin-right:37px;margin-bottom:10px; width: 256px;height: 183px;}
#col li img{ border:1px solid #cecece;vertical-align: bottom;width: 100%;}
#col li img:hover{ border:1px solid #CCC;}
#col li p{ font-size:13px; color:#333;line-height:24px;height: 24px;}
#col li a{ text-decoration:none;}
#col li:hover p{ text-decoration:none; color:#0749a9;}

.selected{z-index: 1;}
.selected p{display: none;}

.page2{position: absolute;left: 270px;top: 400px;}