@charset "utf-8";

/* CSS Document */

/*banner*/

.banner{ overflow:hidden; width:100%; height:524px; background:url(../images/banner.jpg) no-repeat center; position:relative}

.banner .btn { overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:40px; z-index:5}

.banner .btn span{ display:inline-block; width:19px; height:19px; margin:0 2px; text-align:center; line-height:20px; font-size:12px; color:#fff; background:url(../images/banner_btn.png) no-repeat right center; font-family:Arial}

.banner .btn span{ *display:inline}

.banner .btn span.cur{ background-position:left}



/* -- 弹出窗口 -- */


.lccs {
    background: url(../images/jfs_03.jpg) no-repeat 0px 62px;
    height: 287px;
    overflow: hidden;
}
.lccs li {
    width: 133px;
    float: left;
    height: 133px;
    margin-right: 67px;
    display: inline;
    margin-bottom: 20px;
}
.lccs li.ts {
    margin-left: 200px;
}
.lccs li a {
    overflow: hidden;
    font: 16px "Microsoft YaHei";
    color: #666666;
    text-align: center;
    display: block;
    width: 133px;
    height: 133px;
    display: block;
    background: url(../images/yuan_05.jpg) no-repeat;
}
.lccs li.lis i {
    margin-bottom: 5px;
}
.lccs li .i1 {
    background: url(../images/xif_10.png) no-repeat;
}
.lccs li i {
    display: block;
    width: 40px;
    height: 34px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 12px;
}

    规则
    计算后
    动画
    字体
元素 {
}
.lccs li.lis i {
    margin-bottom: 5px;
}
.lccs li .i1 {
    background: url(../images/xif_10.png) no-repeat;
}
.lccs li i {
    display: block;
    width: 40px;
    height: 34px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 12px;
}
.lccs li a {
    font: 16px "Microsoft YaHei";
    color: #666666;
    text-align: center;
}
.lccs li {
    width: 133px;
    float: left;
    height: 133px;
    margin-right: 67px;
    display: inline;
    margin-bottom: 20px;
}
.lccs li .i2 {
    background: url(../images/xif_03.png) no-repeat;}
.lccs li .i3 {
    background: url(../images/xif_05.png) no-repeat;
}

.lccs li .i4 {
    background: url(../images/xif_07.png) no-repeat;
}

.lccs li .i6 {
    background: url(../images/xif_13.png) no-repeat;
}
.lccs li .i5 {
    background: url(../images/xif_16.png) no-repeat;
}
.lccs li .i7 {
    background: url(../images/xif_33.png) no-repeat;
}
.lccs li .i8 {
    background: url(../images/xif_25.png) no-repeat;
}
.lccs li .i9 {
    background: url(../images/xif_27.png) no-repeat;
}
.lccs li .i10 {
    background: url(../images/xif_30.png) no-repeat;
}
.lccs li .i11 {
    background: url(../images/xif_36.png) no-repeat;
}
/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}



#flashs{ position:relative; height:567px; overflow:hidden; background-color: #25a3d3;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:40px; z-index:5}

#flashs .btn span{ display:inline-block; width:19px; height:19px; margin:0 2px; text-align:center; line-height:20px; font-size:12px; color:#fff; background:url(../images/banner_btn.png) no-repeat right center; font-family:Arial}

#flashs .btn span{ *display:inline}

#flashs .btn span.cur{ background-position:left}



/*search*/

.search { overflow:hidden; width:100%; height:40px; padding:10px 0; background-color:#f5f5f5; border-bottom:#ddd; box-shadow:0 3px 3px #ddd;  }

.search p{ float:left; line-height:40px; font-size:13px; color:#333;}

.search p a{ color:#333; margin:0 5px;}

.search .sbox { overflow:hidden; width:365px; height:40px; background-color: #abcd07; float:right}

.search input{ float:left; margin-left:2px; margin-top:2px; height:36px; line-height:36px; font-size:13px; color:#a3a3a3; padding:0 10px; width:295px; border:none; outline:none;}

.search span{ display:block; width:48px; height:40px; background:url(../images/search.png) no-repeat center; float:right; cursor:pointer}



h2.title{ text-align:center; font-size:20px; color:#000; padding-bottom:15px; background:url(../images/title.png) no-repeat center bottom; margin-bottom:40px;}

h2.title em{ text-transform:uppercase; font-size:14px; color:#797979; font-family:Arial}

h2.title a{ color:#000}



/*服务*/

.fuwu { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:50px;}

.fuwu ul{ overflow:hidden; width:100%; height:240px;}

.fuwu li{ float:left; width:249px; border-right:1px solid #e1e1e1; height:240px; text-align:center}

.fuwu li .tu{ overflow:hidden; background:url(../images/fuwu.png) no-repeat center top; width:152px; height:152px; margin:0 auto; margin-bottom:30px;}

.fuwu li img{ display:block;}

.fuwu li p{ font-size:18px; color:#000; margin-bottom:15px;}

.fuwu li i{ display:block; width:37px; height:1px; background-color:#cecece; margin:0 auto;}

.fuwu .last{ border:none}

.fuwu li:hover .tu{ background-position:bottom}



/*pro*/

.pro { overflow:hidden; width:100%;  background-color: #f4f4f9;height: 700px;padding-top: 20px;}

.proleft { overflow:hidden; width:226px; float:left; border:2px solid #55a4d2;}

.proleft h2{ font-size:20px; padding:15px 0 15px 20px; background-color:#55a4d2;}

.proleft h2 a{ color:#fff;}

.proleft h2 p{ font-size:12px; color:#fff; font-weight:normal; margin-top:2px;}

.proleft .menu { overflow:hidden; width:200px; padding-left:26px; padding-top:14px; background-color:#fff;}

.proleft h3{ font-size:16px; margin-bottom:10px; color:#000}

.proleft h3 a{ color:#000}

.proleft ul{ overflow:hidden; width:167px; margin-bottom:20px;}

.proleft li{ overflow:hidden; width:100%; *float:left; font-size:14px; line-height:33px;}

.proleft li a{ display:block; padding-left:25px; color:#000; background:url(../images/pro_left_s01.png) no-repeat 15px center; text-decoration:none;}

.proleft li.cur a,.proleft li:hover a{ background:url(../images/pro_left_s02.png) no-repeat 15px center; background-color:#55a4d2; color:#fff; font-weight:bold}



.proright { overflow:hidden; width:960px; float:right;margin-bottom: 20px;}

.proright .top{ overflow:hidden; margin-bottom:18px; background:url(../images/pro_right01.png) repeat-x left bottom; width:100%;}

.proright .top ul{ overflow:hidden; float:left}

.proright .top .more{ float:right; font-size:13px; color:#575757;}

.proright .top li{ float:left; font-size:16px; padding-bottom:17px}

.proright .top li a{ text-decoration:none; color:#000; display:block; padding:0 15px; border-right:#b3b3b3 1px dotted;}

.proright .top li.last a{ border:none}

.proright .top li.cur,.proright .top li:hover{ font-weight:bold; padding-bottom:14px; border-bottom:3px solid #55a4d2;}

.proright .list { overflow:hidden; width:110%; height:726px;}

.proright .list li{ float:left; width:300px; height:261px; border:2px solid #dcdcdc; margin-right:19px; margin-bottom:16px; background-color:#fff;}

.proright .list li img{ display:block; margin-bottom:10px;}

.proright .list li span{ display:block; text-align:center; font-size:14px; color:#333;}

.proright .list li a{ display:block; text-decoration:none}

.proright .list li:hover { border-color:#55a4d2;}



/*ad01*/

.ad01 { overflow:hidden; width:1000px; height:164px; margin:0 auto; margin-bottom:55px; margin-top:-20px; background:url(../images/ad01.jpg) no-repeat center top; position:relative}

.ad01 p{ font-size:20px; color:#fff; font-weight:bold; position:absolute; left:636px; top:110px;}

.ad01 a{ display:block; position:absolute; }

.ad01 .a01{ width:200px; height:40px; left:779px; top:50px;}

.ad01 .a02{ width:156px; height:40px; left:826px; top:100px;}

.content h2 b {
    color: #55a4d2;
    display: inline-block;
    padding: 0 20px;
}
.content h2 em {
    display: block;
    font-size: 20px;
    color: #333333;
    padding-top: 12px;
    padding-left: 15px;
}
.content {
    font-size: 40px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*设备*/

.shebei { overflow:hidden; width:1200px; margin:0 auto; }

.shebei h3{ text-align:center; margin-bottom:45px;}

.shebei .sbbox { overflow:hidden; width:1200px; height:2430px; padding:5px;}

.shebei .wen{ position: relative;
overflow: hidden;
float: left;
width: 400px;
height: 168px;
margin-bottom: 6px;
background-color: #f6f6f6;
box-shadow: 0 0 5px #ccc;}

.shebei dl{ overflow: hidden;
width: 100%;
height: 168px;
margin-bottom: 30px;}

.shebei dt{ overflow: hidden;
float: left;
width: 157px;
height: 168px;
background-color: #abcd07;
color: #fff;}

.shebei dt span{ margin-top:15px; display:block; text-align:center; font-size:50px; color:#fff; font-weight:lighter}

.shebei dt i{ display:block; width:60px; height:1px ; background-color:#fff; margin:10px auto}

.shebei dt em{ display:block; text-align:center; font-size:18px;}

.shebei dd{ overflow:hidden; float:right;margin-right: 5px;}

.shebei ul{ overflow:hidden; width:554px; margin-left:25px;}

.shebei li{ width:95%; padding-left:35px; background:url(../images/shebei_l.jpg) no-repeat 10px center; font-size:16px; line-height:40px;color:#000; border-bottom:1px solid #ececec;}

.shebei .more{ display:block; width:62px; height:62px; position:absolute; right:0; bottom:0; background:url(../images/shebei_more.png) no-repeat center top; }

.shebei .wen:hover{ background-color:#fff;}

.shebei .wen:hover .more{ background-position:bottom}



/*选择*/

.hezuo { overflow:hidden; width:100%; background-color: #f4f4f9; padding: 20px 0;
height: 360px;}

.hezuo .hzbox { overflow:hidden; width:1200px; margin:0 auto; height:305px; position:relative}

.hezuo .hzbox ul{ overflow:hidden; position: absolute}

.hezuo .hzbox li{ float:left; width:280px; height:305px; margin-right:15px;}

.hezuo .hzbox li img{ display:block; border:1px solid #e1e1e1;height: 250px;}

.hezuo .hzbox li span{ display:block; text-align:center; margin-top:10px; font-size:13px; color:#333;}

.hezuo .hzbox li a{ display:block; text-decoration:none}

.huanb{width: 500px;
float: left;
padding-top: 40px;}

/*见证*/

.jianzheng { overflow:hidden; width:100%; margin:0 auto; padding-bottom:110px; background:url(../images/probg.png) repeat center;height: 321px;}

.jianzheng .topt{ overflow:hidden; width:100%; padding-bottom:20px; background:url(../images/title02.png) no-repeat left bottom; margin-bottom:30px; border-bottom: 3px solid #abcd07;}

.jianzheng .topt h3{ font-size:16px; float:left}

.jianzheng .topt h3 a{ overflow:hidden; color:#000;}

.jianzheng .topt em{ font-size:13px; color:#797979; text-transform:uppercase; margin-left:10px;}

.jianzheng .topt .xq{ font-size:13px; color:#575757; float:right}

.jianzheng .jzbox { overflow:hidden; width:110%; height:365px;}

.jianzheng dl{ overflow:hidden; width:475px; height:162px; float:left; margin-right:185px; margin-bottom:35px;}

.jianzheng dt{ overflow:hidden; float: left; width:200px; height:154px; padding:3px; border:1px solid #d6d6d6;}

.jianzheng dd{ overflow:hidden; width:250px; float:right;}

.jianzheng dd h4{ font-size:16px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}

.jianzheng dd h4 a{ color:#333}

.jianzheng dd p{ font-size:13px; color:#333; line-height:20px; text-align:justify; height:80px; overflow:hidden; margin-bottom:25px;}

.jianzheng dd a.more{ display:block; width:80px; height:24px; background:url(../images/jz_more.jpg) no-repeat center;height: 317px;}



/*ad02*/

.ad02 { overflow:hidden; width:1000px; height:143px; background:url(../images/ad02.jpg) no-repeat center; margin:0 auto; margin-top:-40px; margin-bottom:50px;}

.ad02 a{ display:block; width:220px; height:40px; float:right; margin-right:50px; margin-top:82px;}



/*优势*/

.youshi { overflow:hidden; width:100%; }

.youshi h2{ text-align:center; margin-bottom:40px;}

.youshi .wenbox{ overflow:hidden; width:100%; height:610px; }

.youshi .wen{ overflow:hidden; width:355px;}

.youshi h3{ font-size:18px; color:#55a4d2; margin-top: 20px;}

.youshi h4{ font-size:25px; color:#131b10; margin-bottom:50px;}

.youshi p{ width: 95%;
padding-left: 35px;

font-size: 16px;
line-height: 40px;
color: #000;
border-bottom: 1px solid #ececec; margin-top: 20px;}

.youshi em{ display:block; padding-left:35px;  font-size:14px; color:#000; margin-bottom:35px;}

.youshi em b{ font-size:23px; color:#c73426;}

.youshi a{ display:block; width:227px; height:39px; background:url(../images/ys_btn.png) no-repeat center;}

.youshi .wen01{ margin-left: 65px;

width: 700px;}

.youshi .wen02{ margin-left:40px; margin-top:185px;}

.youshi .wen03{ margin-left:645px; margin-top:125px;}



/*about*/

.about { overflow:hidden; width:100%; padding:50px 0;  margin-bottom:25px; height: 830px;}

.about .abox { overflow:hidden; width:1200px; margin:0 auto;}

.about .sp{ overflow:hidden; float:left;  padding-bottom:20px; background:url(../images/20180921152555_21568.jpg) no-repeat center bottom;}

.about .sp img{ display:block}

.about .wen{ overflow:hidden; float: right;padding-top: 10px;}

.about h3{ font-size:18px; margin-bottom:20px;}

.about h3 a{ color:#333;}

.about p{ font-size:15px; color:#333; line-height:32px; height:320px; overflow:hidden; margin-bottom:35px; text-align:justify;}

.about p a{ color:#55a4d2;}

.about .rybox { overflow:hidden; width:100%; height:128px; position:relative}

.about .rybox i{ display:block; width:36px; height:36px; cursor:pointer; position:absolute; top:50px;}

.about .rybox .btn01{ background:url(../images/about_btn01.png) no-repeat center top; left:0}

.about .rybox .btn02{ background:url(../images/about_btn02.png) no-repeat center top; right:0}

.about .rybox i:hover{ background-position:bottom}

.about .rywin { overflow:hidden; width:415px; margin:0 auto; height:128px; position:relative}

.about .rywin ul{ overflow:hidden; position:absolute}

.about .rywin li{ float:left; width:197px; height:122px; border:3px solid #d8d8d8; margin-right:9px;}



/*风采*/

.fengcai { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}

.fengcai .top{ overflow:hidden; margin-bottom:24px; background:url(../images/pro_right01.png) repeat-x left bottom; width:100%;}

.fengcai .top ul{ overflow:hidden; float:left}

.fengcai .top .more{ float:right; font-size:13px; color:#575757;}

.fengcai .top li{ float:left; font-size:16px; padding-bottom:17px}

.fengcai .top li a{ text-decoration:none; color:#000; display:block; padding:0 15px; border-right:#b3b3b3 1px dotted;}

.fengcai .top li.last a{ border:none}

.fengcai .top li.cur,.fengcai .top li:hover{ background:url(../images/pro_right02.png) no-repeat center 27px;*background:url(../images/pro_right02.png) no-repeat center 29px; font-weight:bold; padding-bottom:14px; border-bottom:3px solid #abcd07}

.fengcai .fcbox{ overflow:hidden; width:100%; height:310px; position:relative}

.fengcai .fcbox .fclist{ overflow:hidden; width:100%; height:310px; position:absolute; left:0; top:0}

.fengcai .fclist ul{ overflow:hidden; position:absolute}

.fengcai .fclist li{ float:left; width:214px; height:310px; margin-right:21px;}

.fengcai .fclist li img{ display:block; padding:3px; border:1px solid #d8d8d8; margin-bottom:20px;}

.fengcai .fclist li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#000}

.fengcai .fclist li a{ display:block; text-decoration: none}

.fengcai .fclist li:hover img{ border-color:#dc5248;}



/*ad03*/

.ad03 { overflow:hidden; width:1000px; height:143px; margin:0 auto; margin-bottom:45px; background:url(../images/ad03.jpg) no-repeat center top;}

.ad03 a{ display:block; width:216px; height:40px; margin-left:752px; margin-top:43px; margin-bottom:5px;}

.ad03 p{ float:right; margin-right:28px; font-size:14px; color:#000;}

.ad03 b{ font-size:20px;}



/*news*/

.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:40px;margin-top: 20px;}

.news .newsleft{ overflow:hidden; width:600px; float:left}

.news .top{ overflow:hidden; margin-bottom:24px; background:url(../images/pro_right01.png) repeat-x left bottom; width:100%;}

.news .top ul{ overflow:hidden; float:left}

.news .top .more{ float:right; font-size:13px; color:#575757;}

.news .top li{ float:left; font-size:16px; padding-bottom:17px}

.news .top li a{ text-decoration:none; color:#000; display:block; padding:0 15px; border-right:#b3b3b3 1px dotted;}

.news .top li.last a{ border:none}

.news .top li.cur,.news .top li:hover{ background:url(../images/pro_right02.png) no-repeat center 27px; font-weight:bold;*background:url(../images/pro_right02.png) no-repeat center 29px; padding-bottom:14px; border-bottom:3px solid #55a4d2}

.news .newsBox { overflow:hidden; width:100%; height:250px; position:relative}

.news .newslist{ overflow:hidden; width:100%; height:250px; position:absolute; left:0; top:0}

.news .newslist .wen{ overflow:hidden; width:258px; float:left;}

.news .newslist .wen img{ display:block; border:3px solid #c1c1c1; margin-bottom:14px;}

.news .newslist .wen h3{ font-weight:normal; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.news .newslist .wen h3 a{ color:#000;}

.news .newslist .wen p{ font-size:13px; color:#333; line-height:20px; height:60px; overflow:hidden}

.news .newslist ul{ overflow:hidden;  width:700px; margin-right:10px;}

.news .newslist li{ overflow:hidden; padding-left:10px; width:390px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; line-height:36px; background:url(../images/news_s.png) no-repeat left center; *float:left}

.news .wenda{ overflow:hidden; width:580px; float:right}

.news .wenda h3{ font-size:16px; padding-bottom:17px; margin-bottom:30px; background:url(../images/news_wd.png) no-repeat left bottom}

.news .wenda h3 a{ color:#000}

.news .wendabox { overflow:hidden; width:100%; height:240px; position:relative}

.news .wendabox ul{ overflow:hidden; position:absolute}

.news .wendabox li{ overflow:hidden; height:63px; border-bottom:1px dotted #B4B4B4; margin-bottom:25px;}

.news .wendabox li h5{ font-weight:normal; font-size:14px; padding-left:40px; background:url(../images/news_w.png) no-repeat left center; line-height:25px; margin-bottom:5px;}

.news .wendabox li h5 a{ color:#55a4d2;}

.news .wendabox li p{ font-size:13px; line-height:20px; color:#333; height:60px; overflow:hidden; text-align:justify; padding-left:40px; background:url(../images/news_d.png) no-repeat  left top;} 



/*留言*/

.liuyan { overflow:hidden; width:1200px; height:323px; border:5px solid #abcd07; margin:0 auto; margin-bottom:45px;}

.liuyan .tu{ overflow:hidden; width:439px; height:323px; background:url(../images/liuyan.jpg) no-repeat center; float:left}

.liuyan .tu p{ font-size:25px; color:#fff; font-weight:bold; margin-left:112px; margin-top:225px;}

.liuyan ul{ overflow:hidden; width:525px; float:right; margin-top:30px;}

.liuyan li{ overflow:hidden; margin-bottom:12px;}

.liuyan input{ display:block; float:left; padding-left:40px; height:30px; border:1px solid #c0c0c0; line-height:30px; font-size:13px; color:#333; margin-right:15px; width:203px;}

.liuyan select{ width:245px; height:30px; line-height:32px; border:1px solid #c0c0c0; font-size:13px; color:#333; padding:0 10px;}

.liuyan textarea{ padding:10px; padding-left:40px; width:454px; height:100px; background:url(../images/liuyan04.png) no-repeat left top; font-size:13px; color:#333; border:1px solid #c0c0c0; resize:none; margin-bottom:10px;}

.liuyan .name{ background:url(../images/liuyan01.png) no-repeat left center;}

.liuyan .mianji{ background:url(../images/liuyan02.png) no-repeat left center;}

.liuyan .phone{ background:url(../images/liuyan03.png) no-repeat left center;}

.liuyan em{ display:block; width:248px; height:40px; text-align:center; line-height:40px; font-size:13px; color:#fff; cursor:pointer; background-color:#fc6e19; float:left; margin-right:10px;}

.liuyan a.zxdz{color:#000; background-color:#e6e6e6;display:block; width:248px; height:40px; text-align:center; line-height:40px; font-size:13px;  cursor:pointer;  float:left; margin-right:10px;}



/*link*/

.link { overflow:hidden; width:1200px; position:relative; margin:0 auto; margin-bottom:50px;}

.link h3{ position:absolute; left:0; top:0}

.link ul{ overflow:hidden; float:right; width:1050px; padding:15px 0 35px 35px; border:1px solid #c4c4c4;}

.link li{ float:left; white-space:nowrap; margin-left:30px; font-size:13px; line-height:22px;}

.link li a{ color:#383838;}

.link .rk{ display:block; overflow:hidden; position:absolute; right:0; bottom:0}

.link .rk img{ display:block;}

.search .ss{ background:none !important; border:0;}
.tj{    display: block;
    width: 248px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    background-color: #abcd07;
    float: left;
    margin-right: 10px; padding-left:0 !important; color:#fff !important; border:0 !important; height:40px !important; line-height:40px !important}