@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:#333; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); font-family:"Microsoft YaHei";}
a:hover{ text-decoration:none; color:#13a5f2; transition:all 0.5s;}

/*------------头部-------------*/
.head{ width:100%; height:208px;}
.logo{float:left; width:263px; height:208px; background:#13a5f2; text-align:center;}
.logo img{ padding-top:30px;}
.logozs{ width:115px; height:26px; border:1px solid #fff; color:#fff; margin:0 auto; text-align:center; line-height:26px; margin-top:22px;}
.dwy{ width:460px; height:66px; float:left; margin-top:53px;}
.dwy p{ font-size:16px; color:#999; padding-top:5px;}
.dwy h2{ font-size:24px; color:#13a5f2;}
.tel{ width:261px;height:68px; float:right; background:url(../images/tel_bg.png) no-repeat; margin-top:38px; }
.tel p{ color:#666; padding-left:38px;}
.tel h3{ font-size:24px; color:#0777f1;padding-top:10px; background:url(../images/tel.png) no-repeat 0 10px; padding-left:38px;}


.logo_right{ width:837px; float:left;}
.logo_right .huanying{ overflow:hidden;width:837px; color:#6c6c6c;height:59px;border-bottom: 3px solid #ededed;}
.logo_right .huanying p{width:390px;padding-left:13px; line-height:56px; float:left;}
.huanying ul.huanying_li{height:56px; text-align:center; line-height:56px; float:right;}
.huanying ul.huanying_li li{ width:72px;float:left; background:url(../images/heager_top_li.png) no-repeat center right;}
.huanying ul.huanying_li li.header_ys01{ background:none;}
.logo_right .header_middle{overflow:hidden;width:837px;height: 92px;}
.header_middle .zldl{overflow:hidden;width:437px; height:100px;float:left; position:relative;}
.header_middle .zldl h3{font-size:24px; color:#0193de; margin-top:14px; padding-left:91px;background:url(../images/dwy_x.png) no-repeat 0 center;}
.header_middle .zldl h3 span{color:#000;}
.header_middle .zldl p{color:#6c6c6c; font-size:18px; margin-top:8px; padding-left:15px; letter-spacing:7px;}
.header_middle .zldl_phone{ display:block; width:205px; margin-top:22px; height:42px; background:url(../images/phone.png) no-repeat center left; float:right;}
.header_middle .zldl i{display:block; width:81px; height:1px; position:absolute; top:43px; left:24px; background:url(Img/Common/header_dingwei.png) no-repeat center;}
.header_middle .zldl_phone span{ display:block; width:148px; font-size:15px; color:#000; float:right;}
.header_middle .zldl_phone b{display:block; width:148px; font-size:21px; color:#0193de; float:right;}

.logo_right .hearer_Nav{ width:837px; height:54px; line-height:53px; overflow:hidden; position:relative; z-index:1000;}
.logo_right .hearer_Nav ul{ width:890px;}
.logo_right .hearer_Nav ul li{font-size:15px;height:53px; line-height:53px; padding-right:45px; padding-left:17px;background:url(../images/header_nav_bg.png) no-repeat center right; float:left; position:relative;}	
.logo_right .hearer_Nav ul li>img{display:none; position:absolute; top:54px; right:60%; z-index:5000}
.logo_right .hearer_Nav ul li:hover img, .hearer_Nav ul li.cur img{display:block;}
.logo_right .hearer_Nav ul li:hover a{ color:#13a5f2;border-bottom:1px solid #0b8acc;}
.logo_right .hearer_Nav ul li.last{ background:none;}
.logo_right .hearer_Nav ul li>a{display:block; color:#0f0f0f;;}
.logo_right .hearer_Nav ul li:img, .hearer_Nav ul li.cur>img{display:block;}
.cur{color:#13a5f2; border-bottom:1px solid #0b8acc; text-decoration:none; }

/*--------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:58px;  height: 5px;  background: #fff;  margin: 0 5px;  cursor: pointer;
}
.indicator>em.active {  background:#036eb7;
}

/*------------seach-------------*/
.ssbox{ height:61px;}
.sousuo{ height:50px; padding-top:12px;}
.seachl{ width:750px; height:40px; float:left; overflow:hidden; padding-top:10px;}
.seachl h4{ font-size:16px; color:#666; float:left;}
.seachl a{ padding:3px 10px 0 10px;color:#666; float:left;}
.seachl a:hover{ text-decoration:underline;}

.sea_right{height:32px; float:right; width:284px;background:url(../images/ss_txt.png) no-repeat; margin-top:5px;}
.searchbox {height:32px; width:236px; position:relative;}
.searchbox p {float: left;height:40px;width:135px;}
.search_txt {width:175px;overflow:hidden;color:#999; padding-left:15px; height:32px; line-height:32px;border:none;background:none;font-size:14px;float:left;outline:none;}
.searchbox span {float:left; height:32px; width:28px;position:absolute; right:-36px;}
.loginsubmit { border:none;overflow: hidden;width:40px;background:url(../images/ss.png) no-repeat; float:left;cursor:pointer;height:32px; color:#fff;}
.searchr{ width:375px; height:32px; margin:30px 0 0 124px; float:left; line-height:30px;}
.searchr a{ padding:0 5px;}
#SearchType { height: 32px; line-height: 32px; padding-left:5px; border:none; float:left;outline: none;border-radius: 20px; background:none;}

/*------------产品展示-------------*/
.cpbox{ width:100%; height:935px; background:url(../images/cp_bg.jpg) no-repeat;}
.jg{ height:49px;}
.cptit{ height:80px; background:url(../images/cptit_bg.png) no-repeat 0 55px; text-align:center;}
.cptit h3{ font-size:24px;}
.cptit h3 a{ color:#13a5f2;}
.cptit p{ font-size:24px; color:#ccc; margin-top:10px; text-transform:uppercase;}

.cplist{ margin-top:36px; width:1100px; overflow:hidden;}
.cplist ul{ width:1150px;}
.cplist ul li{ width:334px; height:331px; float:left; margin:0 34px 44px 0;text-align:center; border-bottom:2px solid #cdcdcd;}
.cplist ul li img{width:334px; height:246px;}
.cplist ul li p{ height:48px; color:#666; line-height:30px; overflow:hidden;  text-align:left; width:255px; padding-left:5px; padding-top:37px; float:left;}
.cpmore{ float:right; padding-top:37px;line-height:30px; text-transform:uppercase;padding-right:5px;}
.cplist ul li:hover{ background:#13a5f2;transition:all 0.5s;border-bottom:2px solid #13a5f2;}
.cplist ul li:hover p{ color:#fff;transition:all 0.5s;}
.cplist ul li:hover .cpmore{ color:#fff; padding-right:5px;transition:all 0.5s;}


/*------------优势-------------*/
.ys01{ width:100%; height:478px; background:url(../images/ys01bg.png) no-repeat center; margin:0 auto; overflow:hidden;}
.ystit{ text-align:center;}
.ystit h3{ color:#fff; font-size:30px; padding-top:5px;}
.ystit .p1{ font-size:20px; color:#333; letter-spacing:3px; padding-top:10px;}
.ystit .p2{ font-size:16px; color:#333; padding-top:10px;}

.ys1left{ margin:91px 0 0 60px; float:left;}
.num{ width:71px; height:74px; float:left; margin-right:13px;}
.ys1left h3{ font-size:24px; color:#13a5f2; padding-top:24px;}
.ystxt{ width:404px; line-height:35px; margin-left:90px; font-size:16px;}
.ys1img{ width:452px; height:353px; float:right;}

.ys2{ width:100%; height:351px; background:url(../images/ys2bg.jpg) no-repeat center;}
.ys1right{ padding:91px 0 0 20px; float:left;}
.ys1right h3{ font-size:24px; color:#13a5f2; padding-top:24px;}
.ys2img{ width:419px; height:230px; float:left; margin:62px 0 0 66px;}


.ys3{ width:100%; height:353px; background:url(../images/ys3bg.jpg) no-repeat center;}
.ys3img{ width:466px; height:262px; padding:34px 20px 0 0; float:right;}

.ys4{ width:100%; height:350px; background:url(../images/ys4bg.jpg) no-repeat center;}
.ys4right{ padding:91px 0 0 0; float:left; width:530px;}
.ys4right h3{ font-size:24px; color:#13a5f2; padding-top:24px;}
.ys4img{ width:517px; height:337px; padding:34px 0 0 0; float:left;}



/*------------定制流程-------------*/

.dzbox{ width:100%; height:620px; background:#13a5f2;}
.jg2{ height:35px;}
.dztit{ height:75px; background:url(../images/dztit_bg.png) no-repeat 0 55px; text-align:center; color:#fff;}
.dztit h3{ font-size:24px;}
.dztit h3 a{ color:#fff;}
.dztit p{ font-size:20px; color:#fff; margin-top:10px; text-transform:uppercase;}

.dzlist{ width:1100px; height:418px; background:url(../images/dz_bg.png) no-repeat; margin-top:46px;}
.dzlist ul{ width:1110px;}
.dzlist ul li{ width:165px;float:left; text-align:center; color:#fff;}
.li1{ padding-right:69px; padding-top:165px;}
.li2{ padding-top:165px;}
.li3{ padding-right:69px; padding-top:222px;}
.li4{ padding-top:222px;}


/*------------案例展示-------------*/

.blk_29 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden;  PADDING-TOP: 20px; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/left_btn.png) no-repeat 0px 0px; LEFT: 5px; FLOAT: left; WIDTH: 45px; CURSOR: pointer; POSITION: absolute; TOP:99px; HEIGHT: 45px}
.blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(../images/right_btn.png) no-repeat; FLOAT: right; WIDTH: 45px; CURSOR: pointer; POSITION: absolute; TOP: 99px; HEIGHT: 45px}
.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 a{ color:#666;}
.blk_29 .case:hover a{ color:#13a5f2;}
.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: 200px; 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}



/*------------关于我们-------------*/

.aboutimg{ width:537px; height:302px; margin-top:30px; float:left;}
.abour{ width:511px; height:350px; float:right; margin-top:30px;}
.abour h3{ font-size:24px;}
.jj{ width:511px; height:172px;line-height:35px; color:#999; margin-top:30px;}

.abmore{ width:138px; height:36px; background:#666; text-align:center; line-height:36px; margin-top:30px; float:left; margin-right:30px; border-radius:20px;}
.abmore a{ color:#fff;width:138px; height:36px; display:block;}
.abmore a:hover{ text-decoration:underline;}

.abmore2{ width:138px; height:36px; background:#13a5f2; text-align:center; line-height:36px; margin-top:30px; float:left;border-radius:20px; margin-right:30px;}
.abmore2 a{ color:#fff;width:138px; height:36px; display:block;}
.abmore2 a:hover{ text-decoration:underline;}





/*新闻*/
.newbox{ width:100%; height:593px; background:#f5f5f5; margin-top:30px;}
.newtop{margin-top:45px;}
.ntopx{ width:530px; height:5px; background:#13a5f2; }
.newcont h3{ font-size:36px; color:#cccccc; text-transform:uppercase; padding-top:20px; float:left;}
.newcont p{ float:right; text-transform:uppercase; color:#ccc; padding-top:34px;}
.newcont p a{ color:#ccc;}

.lanrenzhijia1{ width:530px;font-family:'微软雅黑'; float:left; margin-top:10px; overflow:hidden;}
.lanrenzhijia1 .tab1{ overflow:hidden; position:relative; margin-top:15px;}
.lanrenzhijia1 .tab1 li{ display:block; height:35px;float:left; text-decoration:none; font-size:18px; color:#666; text-align:center; line-height:35px; margin-right:30px;}
.lanrenzhijia1 .tab1 li.on{color:#13a5f2 text-decoration:none; display:block;height:35px;}
.lanrenzhijia1 .tab1 li.on a{ color:#13a5f2;}
.lanrenzhijia1 .content1{ overflow:hidden;}
.lanrenzhijia1 .content1 li{ display:none;}


.more{ position:absolute; right:20px; top:10px;}
.more a{ color:#999; text-transform:uppercase; padding:0;}
.more a:hover{ color:#13a5f2;}

.remen{ width:530px; height:159px; margin-top:14px; overflow:hidden;}
.newimg{ width:188px; height:125px; float:left; margin-right:30px; float:left;}
.rmright{ width:370px; float:left;}
.rmright h4{ width:330px; height:25px; line-height:25px; overflow:hidden; font-size:14px; float:left; font-weight:bold;}
.rmright h4 a:hover{color:#13a5f2;}
.rmright p{ color:#666; width:380px; height:60px; overflow:hidden; line-height:30px; margin-top:10px; float:left;}
.rmright div{ float:right; margin-top:15px;}

.newlist1{ width:530px; height:204px; margin:30px 0 0 0; overflow:hidden;}
.newlist1 dl{ width:530px; margin-bottom:20px; float:left; margin-right:25px; border-bottom:1px dashed #eee;}
.newlist1 dl dt{ width:5px; height:5x; background:#999; text-align:center; float:left; margin-right:10px; padding-right:10px;}
.newlist1 dl dt h3{ font-size:30px; color:#fff; text-align:center;}
.newlist1 dl dt p{ font-size:10px; color:#fff; text-align:center;}

.newlist1 dl dd h3{ width:419px; height:24px; overflow:hidden;font-size:14px; float:left; overflow:hidden;}
.newlist1 dl dd h3 a{ width:419px; height:24px; display:block;}
.newlist1 dl dd h3 a:hover{ color:#13a5f2;}
.newlist1 dl dd p{height:30px; overflow:hidden;float:right;}
.newlist1 dl:hover .dian{background:#13a5f2;}
.newlist1 dl:hover dd p{ color:#13a5f2}
.dian{ width:17px; height:2px; background:#ccc; float:left; margin-top:8px; margin-right:10px;}
.nlibox{ width:530px;}

.newr{ width:530px;overflow:hidden; float:right;margin-top:10px;}
.newrbt{ font-size:18px; margin-top:15px;}
.cjxian{ width:3px; height:35px; background:#13a5f2; float:left; margin-right:20px;}
.newrtit{ width:442px; height:35px;}
.newrtit h3{ font-size:16px;float:left; line-height:35px;height:35px; text-align:center;}
.newrtit a{ color:#666;}
.newrtit a:hover{ color:#13a5f2;}
.more1{ width:45px; height:41px; float:right; line-height:41px; text-transform:uppercase;}
.more1 a:hover{ color:#13a5f2;}

.newr ul{ margin-top:30px;}
.newr ul li{ width:530px; height:105px; border-bottom:1px solid #666; margin-top:10px; margin-bottom:25px;}
.wen{ width:530px; height:30px; background:url(../images/wen.png) no-repeat; padding:0 0 15px 50px; line-height:30px; font-size:16px;}
.wen a{ width:483px; overflow:hidden;}
.da{ width:530x; height:60px; background:url(../images/da.png) no-repeat; }
.da p{ width:483px; height:44px; overflow:hidden; padding: 0 0 0 50px; line-height:22px;}



/*底部*/

.foot{ width:100%;background:#333; position:relative; margin-top:70px;}
.link{ width:1100px; height:60px; background:#13a5f2; color:#fff; position:absolute; top:-20px;}
.link h3{ line-height:60px; font-size:20px; float:left; padding-left:15px;}
.link a{ line-height:60px; padding:0 10px; color:#fff;}
.link a:hover{ text-decoration:underline;}

.foot1{ padding-top:70px; width:310px; float:left; margin-right:30px;}
.foot1 h3 a{ color:#fff;}
.foot1 ul li{ width:100px; height:30px; line-height:30px; margin-right:40px; margin-bottom:20px;}
.foot1 ul{ margin-top:20px;}
.foot1 ul li{ background:url(../images/dbli.png) no-repeat 0 10px; float:left;}
.foot1 ul li a{ color:#fff; }
.foot1 ul li a:hover{ color:#13a5f2;}
.dbx{ width:67px; height:2px; background:#dfa540; margin-top:10px;}

.foo2{ width:248px; float:left;padding-top:70px;}
.foo2 a{ color:#fff;}
.foo2 img{ padding-top:22px;}
.ewm{ width:114px; float:left;}
.ewm p{ text-align:center; line-height:40px; color:#fff;}
.ewm2{ width:114px; float:right;}
.ewm2 p{ text-align:center; line-height:40px; color:#fff;}

.foot3{ width:418px; float:right; padding-top:70px;color:#fff;}
.foot3 a{ color:#fff;}
.foot3 a:hover{ text-decoration:underline;}
.foot3l{ width:225px; float:left; margin-top:20px;}
.foot3l p{ color:#fff; line-height:40px;}
.foot3r{ width:170px; float:right; line-height:40px; margin-top:20px;}

.banq{ height:50px; border-top:1px solid #fff; text-align:center; line-height:50px; color:#fff; margin-top:20px;}
.banq a{ color:#fff;}
.banq a:hover{ text-decoration:underline;}





























