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

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 18px;}


.left{float:left;}
.img{display: block; margin: 0px auto;}
.right{float:right;}
.clear{ clear: both; }
a img{border-style: none !important; }
a{text-decoration:none; color: black;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}/*去除a标签的虚线框*/

body{ font-family: "微软雅黑"; padding:0; margin:0; font-size: 14px; color: #333333;}
.wrapper{width: 1200px; margin: 0px auto;}

/* CSS Header */
.tt{height: 40px; color: #555555; line-height: 40px; background: #f1f1f1; min-width: 1200px;}
.tt span{display: block; float: right;}
.tt span a{color: #555555; padding-left: 5px; padding-right: 5px;}
.tt span a:hover{color: #25a8e0;}
.header{z-index:999999; height: 120px; min-width: 1200px;}
#logo{  float:left; line-height:120px; }
#logo img{ vertical-align: middle; }

#nav{display:block; position: relative; z-index: 999; height: 65px; float: left; margin-left: 180px; margin-top: 55px;}
#nav .mainlevel { width:94px;height: 65px; display:block;float:left; transition: 0.3s;}
#nav .mainlevel a{display:block; display:block;text-align:center;  transition: 0.3s; box-sizing: border-box; font-size: 15px;  line-height: 35px;}
#nav .mainlevel ul{display:none; position:absolute; border-top:3px solid #25a8e0; }
#nav .mainlevel li {width:94px; display:block;text-align:center; color: white;   line-height: 35px; transition: 0.3s; background: #2ab0e0;}
#nav .mainlevel li a{color: white; font-size: 14px;}
#nav li.mainlevel>a:hover{color: #25a8e0;}
#nav .mainlevel li:hover a{color: #222c85;}

.hedask{ float: right; width: 30px; height: 30px; margin-top: 55px; margin-right: 6px; cursor: pointer; position: relative; }
.hedask img{z-index: 99;}
.hedp{position: absolute; color: #25a8e0; line-height: 24px; right:0px;  top:20px;}


/* CSS Footer */
.footer{ height:310px;  box-sizing: border-box; min-width: 1200px; background: #292929; padding-top: 60px;}
.ftl1{ width: 115px;height: 158px; float: left; margin-right: 50px; /*background: url(../Image/sy4.png) right top no-repeat;*/ }
.ftl1 b{ font-size: 15px; font-weight: bold; color: white;  display: block; margin-bottom: 15px;}
.ftl1 li{line-height: 30px; color: #aaaaaa;}
.ftl1 .spp{width: 25px;height: 0px;border: 1px solid #00A6E6;margin: 0 0 10px 0;display: inline-block;}
.ftl1 li:hover{color:white; text-decoration: underline;}
.ftma{ width: 120px; height: 150px; background: white; box-sizing: border-box; padding: 9px; float: left; margin-left: 150px; }
.ftma img{ width: 100px; height: 100px; display: block; }
.ftma span{display: block; text-align: center; line-height: 36px;}
.ftrig{ width: 236px; float: right; }
.ftrig span{display: block; line-height:24px; color: #aaaaaa;}
.ftrig a:hover{color: white; text-decoration: underline;}
.ftrig font{display: block; color: white; font-size: 24px; line-height: 28px; margin-bottom: 5px; letter-spacing: 2px;}
.ftbot{height: 58px; min-width: 1200px; background: #1c1c1c; color: #aaaaaa; line-height: 58px;}
.ftbot a{float: right; color: #aaaaaa; margin-left: 5px;}
.kcp{line-height: 24px;}
/* CSS Main */

#index_main{width:100%;margin:0 auto; min-width: 1200px;padding-top: 40px; padding-bottom: 100px; }
#index_main1{width:100%;margin:0 auto;overflow:hidden;min-width: 1200px;}
._title{width: 100%;}
._title strong{font-size: 20px; font-weight: bold;}
._title small{font-size: 12px; font-family: 'Arial'; text-transform: uppercase; margin-left: 3px;}
._title span{float: right; display: block; padding: 0px 5px 0px 5px; color: white; background: #25a8e0; font-size: 17px; transition: 0.3s;}
._title span:hover{ transform: rotate(180deg); }



.index_three{height: 420px; box-sizing: border-box; padding-top: 50px;}
/*公司简介*/
.company{ width: 388px; float: left; box-sizing: border-box; padding-right: 38px; }
.company img{ width: 100%; height: 176px; display: block; margin-top: 12px; }
.company p{line-height: 24px; color: #555555; margin-top: 10px;}
.commore{display: block;width: 90px; height: 32px; background: #25a8e0; color: white; text-align: center; line-height: 32px; margin-top: 15px;}
.commore:hover{background: #29b2e2;}
/*公司新闻*/
.newsmid{width: 422px; float: left;}
.newsmid_first{margin-bottom: 28px;}
.newsmid_first span{display: block; font-size: 18px;}
.newsmid_first font{display: block; line-height: 40px;}
.newsmid_first p{display: block; color: #555555; line-height: 24px;}

.newsmid_sec{ width: 100%; height: 75px; border:1px solid #dddddd; overflow: hidden; margin-bottom: 10px; box-sizing: border-box; padding: 10px; }
.newsmid_sec span{display: block;width: 53px; height: 53px; float: left; background: #7d8187; color: white; text-align: center; line-height: 53px; border-radius: 27px; transition: 0.3s;}
.newsmid_sec_rig{ width: 330px; float: right; }
.newsmid_sec_rig font{display: block; font-weight: bold; color: #555555; line-height: 28px;}
.newsmid_sec_rig p{ color: #888888; line-height: 28px; }
.newsmid_sec:hover span{background: #25a8e0;}

.newsrig{ width: 350px; float: right; }
.newsrig_first{ width: 100%; position: relative; margin-bottom: 15px;}
.newsrig_first img{ width: 100%; height: 220px; display: block; margin-top: 16px; }
.newsrig_first span{display: block; position: absolute; bottom: 0; width: 100%; height: 33px; background: rgb(0,0,0,0.5); color: white; text-align: center; line-height: 33px;}
.newsrig_first:hover span{background: rgb(37,168,224,0.5); transition: 0.3s;}
.newsrig_sec{display: block; line-height: 30px; border-bottom: 1px dashed #dddddd; color: #555555;}
.newsrig_sec span{float: right;}
.newsrig_sec:hover{color: #25a8e0;}
.newsrig .kxt{line-height: 24px;}


/*产品中心*/
.product{height: 415px; box-sizing: border-box; padding-top: 60px;}
.mr_frbox { width:1200px; margin:0px auto; margin-top: 25px; position: relative;}
.mr_frBtnL { cursor: pointer;  position:absolute; left:-80px; top:65px;  width:62px; height:130px;   z-index: 999999;background:url(../Image/left1.jpg) no-repeat left top; }
.mr_frBtnR {  cursor: pointer; position:absolute; right:-80px; top:65px;   width:62px; height:130px;   background:url(../Image/right1.jpg) no-repeat left top; z-index:99999; }

.mr_frUl{   float:left; width:1200px; overflow:hidden; /*border:1px solid #ff0;*/ height: 250px;}
.mr_frUl ul li{ float: left;  width: 285px; height: 250px; margin-left: 8px; margin-right: 8px; box-sizing: border-box; overflow: hidden; }
.mr_frUl ul li img{ max-width: 285px; height:200px;   display:block;margin: 0px auto; transition: 0.3s;}
.mr_frUl ul li span{display: block; height: 45px; width: 100%; background: #f1f1f1; color: #555555; text-align: center; line-height: 45px; margin-top: 5px;}
.mr_frUl ul li:hover span{background: #25a8e0; color: white;}
.ovrly14 {
    width: 285px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.ovrly14 .ovrly {
    position: absolute;
    background: url(../Image/sy2.png) center no-repeat,rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -o-transition: -o-transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    transition: transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}
.ovrly14:hover .ovrly {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
/*合作伙伴*/
.ibocn{height: 275px; background: url(../Image/ibon.jpg) left center repeat-x; box-sizing: border-box; padding-top: 55px;}
.partenbox { width:1200px; margin:0px auto; margin-top: 15px; position: relative;}
.partenBtnL { cursor: pointer;  position:absolute; left:-60px; top:23px;  width:40px; height:40px;   z-index: 999999;background:url(../Image/left2.png) no-repeat left top; }
.partenBtnR {  cursor: pointer; position:absolute; right:-60px; top:23px;   width:40px; height:40px;   background:url(../Image/right2.png) no-repeat left top; z-index:99999; }

.partnUl{   float:left; width:1200px; overflow:hidden; /*border:1px solid #ff0;*/ height: 85px;box-sizing: border-box; padding-top: 3px;}
.partnUl ul li{ float: left;  width: 228px; height: 78px; margin-left: 5px; margin-right: 5px; border:1px solid #dedede;  overflow: hidden; }
.partnUl ul li img{ width: 228px; height:78px;   display:block;}

/*侧边栏此*/
.sidebar{width: 240px;float: left;}
.side li{width: 100%; height: 50px;box-sizing: border-box; border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.side li a{display: block; text-align: center; line-height: 50px; }
.side li a:hover{ color: #25a8e0; }
.side li .current{color: #25a8e0;}

.messg{ width: 240px; border:1px solid #dddddd; border-top:2px solid #25a8e0; box-sizing: border-box; margin-top: 12px;}
.messg ul{border-top:1px solid #dddddd; width: 100%; padding: 20px; box-sizing: border-box;}
.messg ul li{line-height: 26px;}
/*内页右侧抬头*/
.inforight{ width: 935px; float: right; box-sizing: border-box; padding: 30px; border:1px solid #dddddd; }
.crtitle{height: 45px; line-height: 45px;border-bottom: 1px solid #dddddd; margin-bottom: 25px;}
.crtitle b{font-size: 18px;}
.crtitle span{ font-size: 12px; float: right; color: #555555;}
.crtitle span a{ color: #555555; }
.crtitle span a:hover{color: #25a8e0;}
.content img{max-width: 870px;}
.content table{max-width: 870px;border:1px solid #cccccc;}
.content td{border:1px solid #cccccc;}


#newsContent img{max-width: 870px;}
#newsContent table{max-width: 870px;border:1px solid #cccccc;}
#newsContent td{border:1px solid #cccccc;}
#infoImage{width:100%;text-align:center;margin:55px 0 10px 0;}
#infoImage img{display: block; max-width:850px; padding:4px; border:#dcdcdc solid 6px; margin: 0px auto;}
.infoImage{ width: 480px; height: 340px; float: left;  margin-bottom: 50px;}
.infoImage img{max-width: 480px; height: 340px; display: block; margin: 0px auto;}
.infocont{width: 360px; height: 340px; margin-bottom: 50px; float: right;}
.infocont span{display: block; font-size: 24px; line-height: 60px;margin-bottom: 15px; border-bottom: 1px solid #dddddd; font-weight: bold;}
.infocont p{ line-height: 30px; color: #666666; }
.infocont p a{color: #666666;}
.infocont font{display: block; float: left; width: 125px; height: 40px; margin-top: 120px; border:1px solid #dddddd; text-align: center; line-height: 40px; margin-right: 10px;}
.infocont font:hover{background: #25a8e0; border-color: #25a8e0; color: white;}

.xxsmys{ width:100%; height:40px; line-height:40px; border-bottom: 1px solid #dedede;}
.xxsmwz{ width:130px; height:40px; color:#FFF;font-weight: bold; font-size: 16px; text-align:center; display:block; background-color:#25a8e0;}
.context{ font-size: 16px; margin-top: 60px; margin-bottom: 45px; color: #25a8e0; line-height: 50px; font-weight: bold;}
.context a:hover{color: #25a8e0;}
.page{text-align: center; margin: 30px auto;}
.page a{display:inline-block;background: #eaeaea; height:18px;line-height:18px;border:1px solid #dbdbdb;padding:10px 14px 10px 14px;}
.page a:hover{background:#25a8e0;color:#fff;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:10px 14px 10px 14px;}
.page .current { padding:10px 21px 10px 21px;height:18px;border:1px solid #dbdbdb;line-height:18px;background:#25a8e0;color:#fff;}
.rel_center{font-weight: bold; margin: 55px auto; text-align: center; font-size: 16px; display: block;}

/*公司简介内页*/
/*公司产品内页*/
.probody{}
.probody li{width: 285px; height:250px;box-sizing: border-box; overflow: hidden; float: left; margin-bottom: 30px;margin-left: 3px; margin-right: 3px;}
.probody img{ max-width: 285px;height: 200px;display: block; margin: 0px auto;}
.probody li span{display: block;width: 100%; height: 45px; background: #f1f1f1; text-align: center; line-height: 45px; margin-top: 5px;}
.probody li:hover span{background: #25a8e0; color: white;}
#tab{width:100%; position:relative;margin:40px auto;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:49%;height:36px;line-height:36px;border:1px solid #ccc;border-bottom:0px;cursor:pointer;text-align:center;margin:0 2px 0 0;}
#tab .tab_box{width:100%;height:100%;clear:both;top:50px;position:relative;}
#tab .tab_menu .selected{background-color:#25a8e0;cursor:pointer; color: white;}
.hide{display:none;}



#productTitle{width:600px;height:30px;font-size:24px;text-align:center;margin:25px auto;}
/*案例内页*/
.info_list{margin-bottom: 20px; display: flex;}
.info_list li{flex: 1; height: 35px; background: #7d8187;  margin-right: 3px; float: left; margin-bottom: 3px;}
.info_list li a{display: block; text-align: center; line-height: 35px;color: white;}
.info_list li a:hover{background: #25a8e0;}
.info_list li .current{background: #25a8e0;}
/*新闻内页*/
.newsbody{margin-top: 40px;}
.newsbody li{ height: 127px; box-sizing: border-box; padding-top:20px; padding-bottom: 20px; background: white; border-bottom: 1px dashed #dddddd;}
.info_new_left{display: block; width: 80px; height: 80px; box-sizing: border-box; padding-top: 13px; border-radius: 40px; float: left; background: #7d8187; color: white; text-align: center; transition: 0.3s;}
.info_new_left b{font-size: 30px; font-family: 'Arial';  line-height: 32px; display: block;}
.info_new_left font{ line-height: 20px;font-family: 'Arial'; }
.info_new_rig{ width: 780px; float: right; }
.info_new_rig b{line-height: 31px; color: #393d46; font-size: 15px;}
.info_new_rig p{ line-height: 24px; color: #666666; }
.newsbody li:hover .info_new_left{background: #25a8e0;}


#newTitle{ width: 100%;height: 36px;color: #333; font-size: 18px;line-height: 36px;font-weight: bolder;text-align: center;margin: 0 auto;}
.newtime{ font-size: 14px; color: #888888; text-align: center; height: 30px; line-height: 30px; border: 1px dotted #999999; margin-top: 30px; margin-bottom: 30px;}
/*荣誉资质内页*/
.holibody{}
.holibody li{width: 275px; height:240px; box-sizing: border-box; overflow: hidden; float: left; margin-bottom: 6px; margin-left: 8px; margin-right: 8px;}
.holibody li img{ width: 275px;height: 200px; display: block; margin: 0px auto;}
.holibody li span{text-align: center; font-size: 16px; line-height: 40px; display: block;}
.holibody li:hover{color: #25a8e0;}
/*在线留言内页*/

.contactlianxi li{ font-size: 14px; line-height: 26px; }
.yanzheng{ width: 80px; }
/*联系我们内页*/
.conul b{display: block; line-height: 36px;font-size: 16px; color: #555555;}
.conul li{line-height: 26px; font-size: 14px; color: #555555}
.c1{background: url(../Image/jh12.png) left center no-repeat;}
.c2{background: url(../Image/jh13.png) left center no-repeat;}
.c3{background: url(../Image/jh14.png) left center no-repeat;}
.order .t_r{ width: 77px; display: block; text-align: center; color: #9c9c9c; font-size: 12px; line-height: 37px; }
.order input{ width: 280px; height: 37px; border:1px solid #dddddd; margin-bottom: 10px;}
#content{ width: 350px; height: 85px;border:1px solid #dddddd;outline: none; font-size: 14px; font-family: '微软雅黑'; }
.but{  height: 37px;transition: 0.3s; border-radius: 5px; background: #646464;margin-top: 35px; color: white; border: none; text-align: center; line-height: 37px; }
.but:hover{background: #25a8e0;}
/* CSS Ziye */
/* CSS xingwen */
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:210px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../Image/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../Image/online_arrow.jpg) no-repeat;position:fixed;top:210px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}