/* 
* @Author: sublime text
* @Date:   2019-05-10 11:31:12
* @Last Modified by:   sublime text
* @Last Modified time: 2019-05-13 17:45:10
*/
*{margin: 0px;padding: 0px;}
body{font-size:12px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important;}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #333; text-decoration: none !important;}
a:hover{color: #018cd1; text-decoration: none;}

/*关于你不知道的*/
#guan{width:100%;margin-top: 80px;}
#guan #guanyu{width:1200px;margin:0 auto;}
#guan #guanyu .left{width: 655px;float: left;padding-top: 40px;}
#guan #guanyu .left div{font-size: 14px;line-height: 35px;color: #333}
#guan #guanyu .left p{font-size: 16px;color: #f5f5f5;text-transform: uppercase;line-height: 45px;}
#guan #guanyu .left div span{font-size: 18px;color: #018cd1;font-weight: bold;}
#guan #guanyu .right{width: 488px;float: right;}

/*产品一览*/
#chan{width:100%;margin-top: 80px;}
#chan #chanp{width: 1200px;margin:0 auto;}
#chan #chanp .title{text-align: center;font-size: 16px;color:#666;}
#chan #chanp .title p{font-size: 35px;color: #333;line-height: 70px;}
#chan #chanp .title p span{color:#018cd1;}


.gneng{position: relative; height: 560px; width: 1200px; background: #fff;margin-top: 60px;box-shadow: 5px 5px 5px 5px #f5f5f5;}
.gneng ul{ width:1200px;margin: 0  auto 26px; height: 65px; line-height: 65px; background: #018cd1}
.gneng ul li{float: left;width:400px;font-weight: bold; font-size: 20px; text-align: center;}
.gneng ul li a{ width:399px; height: 65px;display: inline-block; color: #fff; border-right: 1px solid #f5f5f5;}
.gneng ul li a:hover,.gneng ul li.cur a{color: #018cd1; background:url(Img/gjbhm/gn_gif.gif) repeat-x center top;}
.gneng ul li.nones{border: 0px;}
.gneng ul li.nones a{width: 400px;}

.gn_con dl{margin-left: 25px;}
.gn_con dt{float: left; overflow: hidden;}
.gn_con dt img{width: 555px; height: 420px;}
.gn_con dd{float: right; padding-right: 11px; width: 345px;}
.gn_con dd h3{margin:25px 0 11px 0; height: 63px;  padding-left: 45px; line-height: 63px; font-size: 22px; font-weight: normal;  border-bottom: 1px dashed #eaeaea;background:url(Img/gjbhm/gn_ic1.gif) no-repeat 7px 20px;}
.gn_con dd h3 a{color: #333;}
.gn_con dd p{color: #666; font-size: 16px; line-height: 35px; padding-left: 47px; background:url(Img/gjbhm/gn_ic2.gif) no-repeat 20px center;}
.gn_con dd p span{color: #018cd1;font-weight: bold;}

.roll{position: absolute; right: 273px;top:497px; border: 1px solid #b5b5b5; width: 57px; height: 28px;}
.roll a{float:left; display:inline-block; width: 28px; height: 28px; overflow:hidden;}
.roll .roll1{border-right: 1px solid #b5b5b5; background:url(Img/gjbhm/roll1.gif) no-repeat 0 top;}
.roll .roll1:hover{ background:url(Img/gjbhm/roll11.gif) no-repeat 0 top;}  
.roll .roll2{ background:url(Img/gjbhm/roll2.gif) no-repeat left top;}
.roll .roll2:hover{ background:url(Img/gjbhm/roll22.gif) no-repeat left top;} 



.film_focus{width:750px;height:420px;overflow:hidden;position:relative;margin:20px auto;}
.film_focus .film_focus_imgs_wrap{width:555px;height:420px;}
.film_focus ul{background: none;}
.film_focus ul.film_focus_imgs{width:555px;height:420px;position:absolute;left:0;top:0;}
.film_focus ul.film_focus_imgs li{height:420px;overflow:hidden;width: 555px;}
.film_focus ul.film_focus_nav{width:177px;height:420px;position:absolute;right:0;top:0;}
.film_focus ul.film_focus_nav li{width:177px;height:134px;position:relative;margin-bottom: 8px;}
.film_focus ul.film_focus_nav li.cur{width:177px;border:1px solid #fff;}
.film_focus ul.film_focus_nav li img{position:absolute;left:0px;top:0px;width:177px;height:134px;}


.zixun{width: 200px;height: 45px;line-height: 45px;text-align: center;background: #018cd1;border-radius: 10px;margin:0 auto;margin-top: 40px;}
.zixun a{color:#fff;font-size: 16px;}



/*产品特点*/
#te{width:100%;margin-top: 80px;height:523px;background: url(Img/gjbhm/te_bg.jpg)no-repeat center; }
#te #tedian{width: 1200px;margin:0 auto;}
#te #tedian .title{text-align: center;font-size: 16px;color:#fff;padding-top: 90px;}
#te #tedian .title p{font-size: 35px;color: #fff;line-height: 70px;}
#te #tedian .title p span{color:#fff;}
#te #tedian .tedian li{float: left;text-align: center;font-size: 18px;color: #fff;margin-top: 70px;letter-spacing: 2px;margin-left: 60px;}
#te #tedian .tedian li:first-child{margin-left: 0px;}
#te #tedian .tedian li img{display: block;width: 150px;margin: 0 auto;margin-bottom:30px;}

/*产品特性*/
#tex{width:100%;margin-top: 80px;}
#tex #texin{width: 1200px;margin:0 auto;}
#tex #texin .title p{font-size: 35px;color: #333;text-align: center;}
#tex #texin .dian{margin-top: 60px;}
#tex #texin .dian .left{width: 250px;float: left;margin-top: 30px;}
#tex #texin .dian li{margin-top: 30px;font-size: 14px;color:#333333;}
#tex #texin .dian li p{font-size: 20px;color: #018cd1;height: 35px;line-height: 35px;margin-bottom: 10px;}
#tex #texin .dian li p span{width: 35px;height: 35px;background: #018cd1;color: #fff;font-size: 18px;border-radius:50%;display: block;float: left;text-align: center;line-height: 35px;margin-right: 15px;}
#tex #texin .dian .tu{float: left;margin-left: 60px;}

/*只做精品*/

#jing{width:100%;margin-top: 60px;}
#jing #jingp .title{text-align: center;font-size: 16px;color:#666;}
#jing #jingp .title p{font-size: 35px;color: #333;line-height: 70px;}
#jing #jingp .title p span{color:#018cd1;}
#jing #jingp .neirong{width: 100%;height: 248px;background: url(Img/gjbhm/jignp_bg.jpg)no-repeat center;margin-top: 70px;}
#jing #jingp .neirong .rexian{width: 1200px;margin:0 auto;}
#jing #jingp .neirong .rexian .left{width:368px;float: left;color: #fff;font-size: 16px;padding-top: 70px;}
#jing #jingp .neirong .rexian .left span{font-size: 29px;font-weight: bold;}
#jing #jingp .neirong .rexian .left a{color: #fff;font-size: 18px;padding-left: 60px;padding-top: 33px;display: block;float: left;}
#jing #jingp .neirong .rexian .right{width: 832px;float: right;}
#jing #jingp .neirong .rexian .right li{width: 25%;float:left;text-align: center;color: #333;font-size: 18px;padding-top: 60px;}
#jing #jingp .neirong .rexian .right li p{color: #018cd1;font-size: 60px;}

/*专业定制*/

#ding{width:100%;margin-top: 60px;}
#ding #dingzhi .title{text-align: center;font-size: 16px;color:#666;}
#ding #dingzhi .title p{font-size: 35px;color: #333;line-height: 70px;}
#ding #dingzhi .title p span{color:#018cd1;}
#ding #dingzhi .neirong{width: 1200px;margin:0 auto;}
#ding #dingzhi .neirong li{float: left;color:#333;font-size: 20px;text-align: center;margin-left: 34px;margin-top: 70px;}
#ding #dingzhi .neirong li:first-child{margin-left: 0px;}
#ding #dingzhi .neirong li img{display: block;margin-bottom: 25px;}
#ding #dingzhi a{width: 240px;height: 45px;line-height: 45px;display: block;margin:0 auto;background: #018cd1;color: #fff;font-size: 16px;text-align: center;border-radius: 10px;margin-top: 50px;}

/*横幅*/
#heng{width:100%;height: 356px;background: url(Img/gjbhm/heng_bg.jpg)no-repeat center;}
#heng #hengfu{width: 1200px;margin:0 auto;}
#heng #hengfu .left{color: #fff;font-size: 22px;padding-top:186px;width: 730px;float: left;}
#heng #hengfu .right{color: #fff;padding-top: 210px;font-size: 16px;}
#heng #hengfu .right p{font-size: 29px;line-height: 45px;}

/*行业集锦*/

.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}



#hang{width:100%;margin-top: 60px;}
#hang #hangye .title{text-align: center;font-size: 16px;color:#666;}
#hang #hangye .title p{font-size: 35px;color: #333;line-height: 70px;}
#hang #hangye .title p span{color:#018cd1;}




/*三大服务*/
.fuw{background:url(Img/gjbhm/service.jpg) no-repeat center 0;height: 624px;overflow: hidden;padding: 63px 0 0;margin-top: 70px;}
.fuw01{width: 700px;padding-top:60px;}
.fuw01 p{background:url(Img/gjbhm/fuw_k01.png) no-repeat;width: 698px;height: 71px;margin-top: 8px;padding-bottom: 22px;}
.fuw01 p em{display: block;float: left;width: 140px;font-size: 20px;color: #fff;background:url(Img/gjbhm/fuw_ico01.png) no-repeat 40px 22px;line-height: 70px;overflow: hidden;padding-left: 86px;}
.fuw01 p span{display: block;float: left;font-size: 14px;color: #333;line-height: 24px;padding: 10px 0 0 40px;width: 400px;}
.fuw01 p i{display: block;}
.fuw01 p:hover{background:url(Img/gjbhm/fuw_k02.png) no-repeat;}
.fuw .title{text-align: center;font-size: 16px;color:#666;}
.fuw .title p{font-size: 35px;color: #333;line-height: 70px;}
.fuw .title p span{color:#018cd1;}



/*案例*/
.case{padding: 55px 0 60px;}
.case_l{width: 383px;height: 365px;border: #e9e9e9 1px solid;padding: 40px 0 0 5px;}
.case_l ul li,.case_l span{width: 152px;height: 47px;float: left;margin-bottom: 70px;margin-left:20px;}
.case_l ul li:hover a, .case_l span:hover a{color: #018cd1;font-weight: bold;}

.case_l ul li a,.case_l span a{font-size: 18px;color: #333;width: 150px;height: 47px;float: left;line-height: 47px;overflow: hidden;display: block;text-align: center;}
.case_l ul li:hover a{color: #018cd1;font-weight: bold;}
.case_l ul li em,.case_l span em{display: block;width: 55px; height: 47px; line-height: 0; overflow: hidden;margin:10px auto; } 
.case_l .case_li02 a,.case_l span a{border-radius: 0 28px 28px 0;padding: 0 0 0 15px;width: 135px;}
.case_l .case_li02 em,.case_l span em{display: block;}
.case_l ul li em img,.case_l span em img{width: 55px;height: 94px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_l ul li a:hover em img,.case_l span a:hover em img,.case_l ul li.on em img{margin-top: -47px;}
.case_r{width: 810px;height: 456px;}
.case_r dl{width: 810px;height: 456px;position: relative;}
.case_r dl dt{width: 810px;height: 456px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 810px;height: 456px;}
.case_r dl dd{width: 570px; height: 95px; position: absolute; bottom: 0; left: 0;background: rgba(0,0,0,0.6);padding:13px 120px 0;} 
.case_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 16px;color: #fff;}
.case_r .case_desc{font-size: 14px;color: #ccc;height: 44px;line-height: 22px;overflow: hidden;padding: 5px 0 0;}
.case_btn{width: 128px; height: 47px; position: absolute; top: 464px; left: 326px;z-index: 30;} 
.case_btn a{width: 64px;height: 47px;display: block;float: left;}
.case_btn .case_lico{background:url(Img/gjbhm/case_lico01.gif) no-repeat;}
.case_btn .case_lico:hover{background:url(Img/gjbhm/case_lico02.gif) no-repeat;}
.case_btn .case_rico{background:url(Img/gjbhm/case_rico02.gif) no-repeat;}
.case_btn .case_rico:hover{background:url(Img/gjbhm/case_rico02.gif) no-repeat;}

.case_l ul li.on a{color: #018cd1; font-weight:bold;}


/*生产更专业*/


#sheng{width:100%;}
#sheng #shengc .title{text-align: center;font-size: 16px;color:#333;}
#sheng #shengc .title p{font-size: 35px;color: #333;line-height: 70px;}
#sheng #shengc .title p span{color:#018cd1;}

#prod{width: 1340px; height:auto; margin:0 auto;margin-top: 30px;}
#kehu_l{cursor: pointer;float: left;width:40px;margin-top: 250px;height:40px;background:url(Img/gjbhm/anniu.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;}
#kehu_l:hover{background-position:center -40px;}
#kehu_r{cursor: pointer;float: right;width:40px;margin-top: 250px;height:40px;background:url(Img/gjbhm/anniu2.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;}
#kehu_r:hover{background-position:center -40px;}

#kehu_d{width:1200px; height:450px; overflow:hidden;float: left;margin-left: 30px; margin-top:40px;}
.kh{width:268px; height:450px; margin-right:32px;float:left;}
.kh img{width: 268px; height: 389px;border:1px solid #ccc;padding: 7px;}
.kh p{ text-align:center; line-height:35px;font-size: 15px;}



/*云管家服务*/
#yun{width: 100%;}
#yun #keeper{width: 1200px;margin:0 auto 50px;}
#yun #keeper .title{text-align: center;font-size: 16px;color:#666;}
#yun #keeper .title p{font-size: 35px;color: #333;line-height: 70px;}
#yun #keeper .title p span{color:#018cd1;}
#yun #keeper .youdian{margin-top: 60px;}
#yun #keeper .youdian li{height: 160px;}
#yun #keeper .youdian li .tu{width: 131px;height: 131px;overflow: hidden;float: left;margin-bottom: 15px;}
#yun #keeper .youdian li img{width: 131px;height: 262px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#yun #keeper .youdian li:hover img{margin-top: -131px;}
#yun #keeper .youdian li:hover{color:#018cd1;}


#yun #keeper .youdian li p{padding-top: 140px;font-size: 18px;}
#yun #keeper .youdian li{text-align: center;float: left;width: 131px;margin-left:47px;}
#yun #keeper .youdian li:first-child{margin-left:0px;}
#yun #keeper .zixun{width: 200px;height: 45px;line-height: 45px;text-align: center;background: #018cd1;border-radius: 10px;margin:0 auto;margin-top: 60px;}
#yun #keeper .zixun a{color:#fff;font-size: 18px;}