.fl{float: left}
.fr{float: right}

/* jjff 解决方案*/
.top_bt{text-align: center; padding:35px 0 30px 0;}
.top_bt div{display: inline-block;vertical-align: top; margin-top: -10px;}
.top_bt .p1{font-size: 32px; color: #333333; font-weight: bold;}
.top_bt .p2{font-size: 16px; color: #666666; margin-top: 6px;}
.xian {margin-top:8px; display:inline-block ;width: 80px; border-top:1px solid #c3c3c3}

.jjff .bottom{width: 1200px; margin: 0 auto; padding-bottom: 35px;}
.jjff .bottom .left{width: 466px; display: inline-block}
.jjff .bottom .left ul li{width: 230px; height: 102px; border-right: 1px solid #ffffff;float: left; background: #444444; color: #ffffff;line-height: 104px;text-align: center; overflow: hidden}
.jjff .bottom .left ul li.on{background: #01bd80}
.jjff .bottom .left ul li:hover{background: #01bd80}
.jjff .bottom .left ul li:nth-child(2n){border-left: 1px solid #ffffff}
.jjff .bottom .left ul li:nth-child(-n+6){border-bottom: 1px solid #ffffff}
.jjff .bottom .right{width: 728px; display: inline-block}
.jjff .bottom .right ul li{width: 728px; height: 411px; position: relative;}
.jjff .bottom .right ul li .wbk{width:100%; height: 95px; position: absolute; bottom: 0px; background: url('../images/img_bg1.png')}
.jjff .bottom .right ul li .wbk .wbk-left{display: inline-block;width: 596px; height: 95px;}
.jjff .bottom .right ul li .wbk .wbk-right{width: 127px; height: 95px; display: inline-block;vertical-align: top; background: #01bd80; text-align: center}
/* jjff 解决方案end*/

/* cp 产品*/
.cp{width: 100%; background: #f1f1f1; padding-top: 10px; padding-bottom: 36px;}
.cp>div{width: 1200px; margin: 0 auto}
.cp>div .left{width: 260px; display:inline-block; margin-right: 22px;}
.cp>div .left .tou{background: #444444; text-align: center;padding: 15px 0 15px 0;}
.cp>div .left .tou .p2{color: #ffffff;font-size:26px;font-weight: bold;}
.cp>div .left .tou .p3{color: #ffffff;font-size:13px;}
.cp>div .left .middle{background: #ffffff;  padding-top:15px; border: 5px solid #444444;}
.cp>div .left .middle .menu{width:223px; height:42px;margin: 0 auto;background: #444444; margin-bottom: 10px;}
.cp>div .left .middle ul{width: 206px; margin-left: 22px;}
.cp>div .left .middle ul li{font-size: 14px;color: #666666; margin-bottom: 10px; padding: 0 0 9px 20px; border-bottom: 1px solid #eeeeee; position: relative;}
.cp>div .left .middle ul li:hover>a{color: #00d791}
.cp>div .right{width: 912px; display: inline-block;background: #ffffff; vertical-align: top; box-sizing: border-box}
.cp>div .right .middle ul li{width: 280px; height: 220px; display: inline-block; margin-top: 12px; margin-right: 11px;}
.cp>div .right .middle ul li img:hover{transform: scale(1.1,1.1);transition-duration: 1.5s;}
/* cp 产品end*/

/* 小banner1*/
.x_banner1{width: 100%; height: 250px; background: url('../images/x_banner1.jpg') 100%;  margin-bottom: 113px; text-align: center;}
.x_banner1 .left{text-align: center;display: inline-block;}
.x_banner1 .left .div1{width: 417px; height: 49px; border-radius: 30px; background: #ffffff; line-height: 46px; margin-top: 20px;}
.x_banner1 .left .div1 img{vertical-align: middle; margin-left: 30px;}
.x_banner1 .left .div1 .p1{vertical-align: middle; color: #444444;}
.x_banner1 .left .div1 .p2{vertical-align: middle; font-size: 28px; color: #444444;}
.x_banner1 .right{width: 534px; height: 124px; display: inline-block; border: 1px solid #ffffff; text-align: center;margin-top: 30px;}
/* 小banner1 end*/

/* sdys四大优势*/
.sdys .top{margin-top: 60px;}
.sdys .content{width: 1200px; height: 1392px; margin: 0 auto; background: url('../images/sdys_bg.png') 100% 100%; margin-top: 38px;}
.sdys .content .title{margin-bottom: 30px;}
.sdys .content .title .title_left{display: inline-block; position: relative}
.sdys .content .title .title_left .num{position: relative; right: 45px; bottom: 28px; color: white; font-size: 28px;}
.sdys .content .title .title_right {display: inline-block; margin-left: -28px;}
.sdys .content .title .title_right .p1{font-size: 37px; color: #cccccc}
.sdys .content .title .title_right .p2{font-size: 28px; color: #222222; font-weight: bold;}
.sdys .content .wb_img{display: inline-block;vertical-align: top; margin-top: 6px;  margin-left: 50px;}
.sdys .content .p3{display: inline-block; font-size: 14px; color: #222222; width: 448px; margin-left: 3px; margin-bottom: 15px;}
.sdys .content .p4{display: inline-block; font-size: 14px; color: #222222; width: 448px; margin-left: 3px;}
/* sdys四大优势 end*/

/* 小banner2*/
.x_banner2{width: 100%; height: 250px; background: url('../images/x_banner2.png') 100%;  margin-bottom: 16px; margin-top: 26px;}
.x_banner2 .left{float: right; text-align: right; margin: 10px 396px 0 0;}
.x_banner2 .left .div1{width: 247px; height: 72px; border-radius: 6px; background: #ffffff;float: right; text-align: center;}
.x_banner2 .left .div1 .p1{display: block; color: #444444; padding-top: 6px;}
.x_banner2 .left .div1 .p2{font-size: 32px; color: #00d791;}
/* 小banner2 end*/

/* yzsfw 一站式服务*/
.yzsfw{width: 1200px;height: 620px; margin: 0 auto; margin-bottom: 38px;}
.yzsfw .content ul li{width: 286px; height: 216px; float: left;display: inline-block; border: 1px solid #efefef; text-align: center; margin-right: 12px; margin-bottom: 12px; box-shadow:1px 1px 6px #aaaaaa;}
.yzsfw .content ul li:hover img{transform: scale(1.1,1.1); transition-duration: 1s;}
.yzsfw .content ul li:hover{background: #efefef; transform: scale(1.05,1.05); transition-duration: 1s;}
.yzsfw .content ul li .content_img{margin-top: 25px;}
.yzsfw .content ul li .p1{font-size: 16px; color: #343434; font-weight: bold; padding: 6px 0 6px 0;}
.yzsfw .content ul li .p2{width: 276px; display: inline-block; line-height: 30px; font-size: 14px; color: #666666;}
/* yzsfw 一站式服务end*/

/* case 案例*/
.case{padding-bottom: 105px;}
.case>div{width: 1200px; margin: 0 auto;}
.case .nr{ position: relative; z-index: 15;}
.case .bg{ position: absolute; left: 0; top: 938px; z-index: 1; height: 566px; background: #f9f9f9; width: 100%;}
.case .nr .caselist{ width: 280px;}
.case .nr .caselist .top{ width: 100%; height: 88px; text-align: center; background: #444444; padding: 29px 0 0;}
.case .nr .caselist .top h2{ font-size: 30px; color: #fff; line-height: 30px; font-weight: bold;}
.case .nr .caselist .top h3{ font-size: 18px; color: #fff; line-height: 18px; margin: 10px 0 0;}
.case .nr .caselist .top h3:before{ margin: 0 3px 0 0;}
.case .nr .caselist .top h3:after{ margin: 0 0 0 3px;}
.case .nr .caselist .top h3:before,.case .nr .caselist .top h3:after{ content: ""; width: 11px; height: 1px; background: #fff; display: inline-block; vertical-align: middle;}
.case .nr .caselist .hd{ padding: 10px 0 14px; border: 1px solid #ccc;}
.case .nr .caselist .hd h6{ width: 230px; height: 50px; line-height: 50px; background: #444444; padding: 0 0 0 15px; margin: 15px auto 0;}
.case .nr .caselist .hd h6:hover{background: #00d791; transition-duration: 0.3s;}
.case .nr .caselist .hd h6:first-child{ margin: 0 auto;}
.case .nr .caselist .hd h6 a{ font-size: 18px; color: #fff;}
.case .nr .caselist .hd h6 a i{ float: right; background: url(../images/caseiconjt.png)no-repeat; width: 20px; height: 20px; margin: 15px 15px 0 0;}
.case .nr .caselist .hd ul{ margin: 0 20px 0;}
.case .nr .caselist .hd ul li{ padding: 14px 0 15px 20px; border-bottom: 1px dashed #ccc;}
.case .nr .caselist .hd ul li a{ font-size: 16px; color: #333; line-height: 16px;}
.case .nr .caselist .hd ul li a i{ background: url(../images/caseiconkk.png)no-repeat; width: 6px; height: 6px; display: inline-block; vertical-align: middle; margin: 0 8px 0 0;}
.case .nr .caselist .hd ul li.on a{ color: #fabf00;}
.case .nr .caselist .bottom{ background: url(../images/casedbkk.png)no-repeat; width: 280px; height: 145px; text-align: center}
.case .nr .caselist .bottom p{ padding: 45px 0 10px; font-size: 22px; color: #00d791; line-height: 22px; font-weight: bold;}
.case .nr .caselist .bottom span{ font-size: 14px; color: #ffffff; line-height: 14px;}
.case .nr .caselist .bottom span b{ font-size: 20px; color: #ffffff; font-weight: bold;}
.case .nr .bd{ width: 892px; overflow: hidden;}
.case .nr .bd ul li dt h3{ font-size: 20px; color: #333; line-height: 20px; margin-bottom: 10px;}
.case .nr .bd ul li dt p,.case .nr .bd ul li dt p a{ font-size: 16px; color: #666; line-height: 26px;}
.case .nr .bd ul li dt p a:hover{ color: #fabf00;}
.case .nr .bd ul li dt{ margin-bottom: 15px;}
.case .nr .bd ul li .pic{ width: 100%; height: 295px; overflow: hidden; background: #444444; text-align: center; font-size: 20px; color: #fff;}
.case .nr .bd ul li img{ width: 100%;}
.case .nr .bd ul li dl dd{ float: left; width: 280px; height: 195px; background: #444444; overflow: hidden; text-align: center; margin: 30px 25px 0 0; font-size: 20px; color: #fff;}
.case .nr .bd ul li dl dd:nth-child(3n){margin-right: 0px;}
/* case 案例 end*/

/* xc1 相册1*/
.xc1{background: #f5f5f5; padding-top: 10px; padding-bottom: 50px;}
.xc1 .nr1 ul{height: 200px;}
.xc1 .nr1 ul li{width: 204px; height: 295px; overflow: hidden; display: inline-block; margin-right: 20px;}
.xc1 .tempWrap{display: inline-block; vertical-align:middle;}  /* 插件生成样式*/
/* xc1 相册2 end*/

/* gywm 关于我们*/
.gywm{width: 1200px; height: 440px; margin: 0 auto; padding-top: 180px; position: relative;}
.gywm .left{width: 490px; height: 375px; border: 10px solid #444444; position: absolute;z-index: 2;}
.gywm .right{width: 895px; height: 414px; float: right; border: 5px solid #444444; position: absolute;z-index: 1; right: 0; top: 70px;}
.gywm .btn{width: 130px; height: 40px; line-height: 40px; border: 1px solid #555555; display: inline-block; text-align: center; margin-right: 40px;}
/* gywm 关于我们 end*/

/* xc2 相册2*/
.xc2{background: #ffffff; padding-top: 10px; padding-bottom: 50px;}
.xc2 .nr2 ul{height: 200px;}
.xc2 .nr2 ul li{width: 260px; height: 180px; overflow: hidden; display: inline-block; margin-right: 20px;}
.xc2 .tempWrap{display: inline-block; vertical-align:middle;}  /* 插件生成样式*/
/* xc1 相册2 end*/

/* news 资讯中心*/
.news{width: 1200px; height: 426px; margin: 0 auto; background: #ffffff;}
.news>ul>li{width: 400px; float: left; border: 1px solid #cccccc; border-top: 2px solid black;}
.news .top{padding: 25px 0 0 15px;}
.news .top .title{font-size: 18px; color: #333333; display: inline-block; vertical-align: middle; }
.news .top .more{font-size: 14px; color: #666666; vertical-align: middle;float: right; margin-right: 20px;}
.news .middle ul{margin-left: 10px; padding-bottom: 12px;}
.news .middle ul li{width: 360px; height: 30px; margin-bottom: 16px; border-bottom: 1px dashed #e0e0e0; margin-left: 15px;}
.news .middle ul li .news_da_img{vertical-align: middle;margin:6px 10px 0 0; vertical-align: top;}
.news .middle ul li .news_da{padding-bottom: 10px; width: 290px; display: inline-block;}
.news .middle ul li:hover a{color: #00d791;}
.news .middle ul li a{color: #666666; font-size: 14px;}
/* news 资讯中心 end*/

/* link 友情链接*/
.link{width: 1203px; height: 108px; margin: 0 auto; background: url('../images/link_bg.png') no-repeat;}
.link .wb{margin-left: 30px; margin-top: 24px; font-size: 14px; color: #333333;}
.link ul li{display: inline-block; margin-right: 30px;}
.link ul li :hover{color: #00d791;}
/* link 友情链接end*/

/* 脚 */
.foot{width: 100%; background: #444444; margin-top: 30px;}
.foot .foot_nr{width: 1200px; margin: 0 auto; padding-top: 40px; position: relative;}
.foot .foot_nr .left{display: inline-block;}
.foot .foot_nr .middle{display: inline-block; margin-left: 100px;}
.foot .foot_nr .right{float: right; position: absolute;  bottom: 213px; bottom: 48px; right: -14px;}
.foot .foot_nr .right>div{display: inline-block;margin-right: 30px;}
.foot .foot_nr ul{display: inline-block}
.foot .foot_nr ul li{margin-bottom: 10px;}
.foot .p1{font-size: 18px; color: #ffffff; }
.foot .p2{font-size: 14px; color: #ffffff; text-align: center;}

.foot .foot_nr2{width: 1200px; margin: 0 auto; text-align: center; border-top: 1px solid #999999; margin-top: 30px; padding: 10px 0;}
.foot .foot_nr2 span{font-size: 14px; color: #ffffff;}
.foot .foot_nr2 a{font-size: 14px; color: #ffffff; margin-right: 30px;}
/* 脚 end*/

/*btn_top*/
#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}