﻿@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	/* [disabled]font-family: 微软雅黑; */
	background: #fff;
}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
img{ border:none;}
p{color:#000;}
a{text-decoration:none; border:none; margin:0; padding:0;}
.clear{ clear:both;}

/*index*/
.auto{ width:980px; margin:0 auto;}
.header{ width:100%; margin:0px auto; position:relative; overflow:hidden; margin-top:20px;}
.header .head{ width:96%; margin:0px auto; max-width:1200px; height:92px !important; text-align:left;}
.head .logo{ width:174px; height:45px; float:left; margin-top:42px;}
.head .logo img{ width:174px; height:45px; vertical-align:top;}
.tel img{padding-top: 35px; padding-left:40px;}
#wrap{ position:absolute;}
.head .nav_m{ display:none; position:relative; width:100%;}
.nav_m .n_icon{ display:block; width:22px; height:18px; background:url(../../images/nav_ico.png) no-repeat; position:absolute; right:10px; top:-50px; cursor:pointer;}
.nav_m ul{ width:100%; border-top:3px solid #002F79; display:none;}
.nav_m ul li{ width:100%; height:38px; line-height:38px; border-bottom:1px dashed #ddd;}
.nav_m ul li a{ display:block; width:94%; height:38px; line-height:38px; padding:0px 3%; color:#555;}
.nav_m ul li a:hover{ color:#002F79;}
.cp_right  .nk5tua li.dq1 a{ color:white;}
.cp_right  .nk5tua li.dq1{color:white; background:#28AAE4;border: 1px solid #28AAE4;}


/*banner*/
.ban2{width:100%;height: 262px; text-align:center;}
.ban2 img{ width:100%; height:262px;}
.ban3 img{ width:100%;}
.banner_s{width:100% !important;height:auto; margin-top:10px;}
.banner_s img{width: 100%;}




/*内容2*/
/*左右样式*/
.top{ height:40px; margin-top: 20px;}
.top p{ font-family:微软雅黑; font-size:24px; color:#2C2C2C; border-left:3px solid blue; float:left; padding-left:4px;}
.top .more{ float:right; font-family:微软雅黑; font-size:14px; color:#2A69B9;}

.tubiao2 img{width: 80px; height: 80px; padding-top: 20px;  padding-right: 18px; float: left;}





/*内容5*/
.nk5{ width: 100%; height:300px; }
.left{ width: 550px; height:247px; float: left; border:1px solid #D9D9D9; margin-top:30px;}
.ri


/*下拉*/
#nav {height:46px; padding-top: 20px; }
#nav li {width:100px; text-align:center; float:left; margin-top:1px;}
#nav li a{color:#232732; font-family:微软雅黑; font-size:14px; line-height:44px;display:block;}/*如果各个导航a标签宽度一样，只需统一指定a的width*/
#nav li a:hover,.nav li a.cur{ border-bottom:2px solid #008cd6; }

#nav .tel img{padding-top: 15px; padding-left: 50px; float: right;}



/*内页开始*/
/*产品页*/
/*banner*/
.ban2{width:100%; }
.ban2 img{width: 100%;}

.cp_nk{width: 100%;min-height: 790px; /*margin-bottom: 20px;*/}
.cp_left{width: 200px;  margin-right: 20px; min-height: 500px; float: left; margin-top:25px;}
.dq2{ color:#09F !important;}
.cp_right{width: 750px;  min-height: 500px; float: left; margin-top:20px; }
.cp_top h3.on{ margin-left: 20px; width: 160px; /*height: 57px;*/ text-align: center; line-height: 57px; border-bottom: 1px solid #008CD7 ; margin-top:5px; margin-bottom:5px;}
.cp_left .cp_top h3.on a{font-family: 微软雅黑;font-size: 15px; font-weight: bold;color: #008CD7; }

.cp_left .cp_img{width: 200px;float: left; height: 100px;}

.cp_left .cp_top{width: 197px; float: left; }

.cp_left .cp_top  ul{margin-top: 10px; }
.cp_left .cp_top  li{height: 25px;float: left;width: 197px;line-height: 25px; text-align: center;}
.cp_left .cp_top .cp_wwwz{font-family: 微软雅黑; line-height:25px; color:#555555; font-size:13px;  text-align: center;}
.cp_left .cp_top .cp_wwwz a:hover{color: #008CD7; }

.cp_left .cp_top  li a{ font-family: 微软雅黑; line-height:25px; color:#555555; font-size:12px; text-indent:0px; width: 197px;  display:block; float: left;}
.cp_left .cp_top  li a:hover,.cp_left li a.cur{ background:url(../images/img/dian.jpg) no-repeat 37px center; color:#008ED4;}

.cp_left .cp_top .cp_img2{margin: 0 auto; text-align: center; width: 200px; margin-bottom: 20px;}
.cp_left .cp_top .cp_img2 img{text-align: center;padding-top: 10px; }

.cp_left .cp_bot{width: 200px; float: left;  margin-top: 20px;}
.cp_left .cp_bot .cp_img3{width: 200px;height: 58px; margin-bottom: 10px; }
.cp_left .cp_bot .cp_img4{width: 50px;height: 58px; margin-bottom: 10px; float: left;}
.cp_bot .cp_wzz {width: 150px; background: #008CD4; text-align: center;float: left;}
.cp_bot .cp_wzz a{height: 58px; line-height: 58px; font-size: 18px; font-family: 微软雅黑;color: #FFFFFF;}


.cp_right .ring1{ width:100%;margin-top:20px; min-height: 697px}
.cp_right .ring1 ul{ float:left; margin-left:0px;_display:inline; min-height: 620px;}
.cp_right .ring1 li{  width:177px; height:250px; float:left; margin-left:1px; overflow:hidden;_display:inline;}
.cp_right .ring1 li .li_img{ width:177px; height:184px; text-align:center;}
.cp_right .ring1 li span{ display:block; width:177px; text-align:center; margin-top:2px;}
.cp_right .ring1 li span a{font-family: 微软雅黑; font-size:14px; color:#333333; display:block;}
.cp_right .ring1 li span a:hover{ }
.cp_right .ring1 li:hover{ background:url(../images/index_16.png) no-repeat;}
.cp_right .ring1 li:hover span a{}
.ring1 .wa{width:177px; text-align:center; }
.ring1 .wa a{font-size: 12px;color: #000000;font-family: 微软雅黑; }





.cp_right  .nk5tu{ text-align: center;float: right; padding-top: 10px;padding-right: 10px;padding-bottom: 20px;}
.cp_right   .nk5tu .nex {float: left; margin-left: 10px; width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: #979797; font-family: 微软雅黑; border:1px solid #979797; }
.cp_right   .nk5tu .nex2 {float: left; margin-left: 10px; width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: #979797; font-family: 微软雅黑; border:1px solid #979797; }

.cp_right   .nk5tu li {float: left; margin-left: 10px; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: #979797; font-family: 微软雅黑; border:1px solid #979797; }
.cp_right   .nk5tu li a{ font-size: 15px; color: #979797; font-family: 微软雅黑;  }
.cp_right    .nk5tu li.dq1 a{ color:white;}
.cp_right    .nk5tu li.dq1{color:white; background:#28AAE4;border: 1px solid #28AAE4;}

.cp_right    .nk5tu li a:hover{color: white !important; background:#28AAE4;border: 1px solid #28AAE4; display:block; }


/*面包屑*/
.container{width: 750px !important;margin: 0 auto;height: 42px; border-bottom:1px solid #CCC;}
.break-box2{margin: 10px 10px 10px 0px; float: left;}
.break-box2 a{font-size: 18px;font-family: 微软雅黑;color: #333333;}
.break-box{margin: 10px 0px 10px 10px;float: right; }
.break-box a{font-size: 12px;font-family: 微软雅黑;color: #999999;}


/*产品详细页*/
.cp_right .ring2{ width:100%;margin-top:20px; background: #EEEEEE;  min-height: 635px;}
.cp_right .ring2 .r2_img{text-align: center;padding-top: 20px;padding-bottom: 20px;}
.cp_right .ring2 .r2_img img{width: 398px; height: 396px;}
.cp_right .ring2 .r2_wz p{width: 60px; height: 20px; line-height: 20px; font-size: 12px;font-family: 微软雅黑;color: #88C8EE; float: left;}
.cp_right  .r2_wz1{font-size: 12px;font-family: 微软雅黑;color: #262626; height: 20px; line-height: 20px;}

.cp_right .ring2 .r2_wza{padding-top: 10px; min-height: 100px;}
.cp_right .ring2 .r2_wza p{width: 60px; height: 20px; line-height: 20px; font-size: 12px;font-family: 微软雅黑;color: #88C8EE; }
.cp_right .r2_wza .r2_wz1{text-indent:2em; font-size: 12px;font-family: 微软雅黑;color: #262626; height: 20px; line-height: 20px;}


.cp_left .cp_top .cp_wzaa{ margin-left: 20px; width: 160px; height: 57px; text-align: center; line-height: 57px; border-bottom: 1px solid #008CD7 ;}
.cp_left .cp_top .cp_wzaa a{font-family: 微软雅黑;font-size: 14px; font-weight: bold;color: #555555; }
.cp_left .cp_top .cp_wzaa a:hover{color: #008CD7;}

.cp_left .cp_top .cp_wzbb{ margin-left: 20px; width: 160px; height: 57px; text-align: center; line-height: 57px; }
.cp_left .cp_top .cp_wzbb a{font-family: 微软雅黑;font-size: 14px; font-weight: bold; color: #555555;  }
.cp_left .cp_top .cp_wzbb a:hover{color: #008CD7;}

.cp_right .ring2 .r2_imga{text-align: center;padding-top: 20px;padding-bottom: 20px;}
.cp_right .ring2 .r2_imga img{width: 100%; height: 396px;}

/*新闻列表*/
.cp_right .ring3{ width:100%;margin-top:20px; background: #EEEEEE;  min-height: 635px;}

.new4{width: 750px;padding-top: 10px; min-height: 595px; border-bottom: 1px solid #CFCFCF ;}
.new4 li{margin-top: 25px; padding-top: 2px; width:710px; line-height:32px; padding-left:15px;}		
.new4 li a{font-size: 16px; color:#636363;  font-family: 微软雅黑; display:block;}
.new4 li span{ float:right;}

/*留言*/
.service-input{padding-top: 50px;width: 100%; min-height: 700px;}
.service-input,.map-input{overflow: auto;}
.service-input input.service-input-i,.map-input input.map-input-i {width: 290px;height: 40px;line-height: 40px;padding-left: 10px;border:2px solid #f5f5f5;font-size: 12px; margin-bottom: 10px;}
.map-input input.map-input-i{width: 235px;border:2px solid #f5f5f5;background-color: #fff;height: 25px;}
.service-input ul li,.map-input ul li{float: left;border-radius: 3px;margin-right: 10px; margin-left: 50px; font-size: 16px; color: #555555;}
textarea.service-textarea,textarea.map-textarea{width: 500px; padding:10px 10px;margin: 13px 0;border:2px solid #f5f5f5;}
textarea.map-textarea{border:2px solid #f5f5f5;background-color: #fff;font-size: 12px;}
textarea.map-textarea{width:484px;}
.service-input   .about22{text-align: center;}
.service-input  .about22 { border: none; width: 122px; height: 39px; background: url(../images/img/queren.jpg) no-repeat; text-align: center; margin: 40px auto;}

/*关于我们*/
.about_nk{width: 100%;height: 750px; }
.about_nk .about_z{float: left; width: 980px; height: 100px;line-height: 100px; text-align: center; }
.about_nk .about_z span{font-size: 42px; color:#028AD4;  font-family: 微软雅黑; font-weight: bold; }
.about_nk .about_tu{float: left; width: 475px; height: 625px; }
.about_nk .about_wz{float: left;width: 500px;padding-top: 20px;}
.about_nk .about_wz span{line-height: 200%; font-size: 14px; color:#2E2E2E;  font-family: 微软雅黑; }

.about_nk2{width: 100%;height: 420px;}
.about_nk2 .about_z{float: left; width: 980px; height: 100px;line-height: 100px; text-align: center; }
.about_nk2 .about_z span{font-size: 42px; color:#028AD4;  font-family: 微软雅黑; font-weight: bold; }
.about_nk2 .about_wz span{line-height: 200%; font-size: 14px; color:#2E2E2E;  font-family: 微软雅黑; }
.about_nk2 .about_wz{float: left;width: 320px; height: 300px; margin-right: 10px; }
.about_nk2 .about_tu{float: left; width: 650px; height: 300px; }

/*新闻列表*/
.news_d{width: 700px;background: #FFFFFF; height: 175px;margin: 20px 20px 20px 20px;}
.news_d .news_tk{width: 250px;height: 175px; float: left; background: #FFFFFF;}
.news_d .news_tk .news_tu1{ float: left; width: 215px; height: 155px; margin: 10px 5px 9px 20px; background: url();}
.news_d .news_tk .news_rq{ width: 67px;height: 66px; background: url(../images/img/tuceng.png); margin-top:-153px; float: left; text-align: center;}
.news_d .news_tk .news_rq p{font-size: 32px; color:#FFFFFF;  font-family: 微软雅黑;text-align: center;}
.news_d .news_tk .news_rq p2{font-size: 13px; color:#FFFFFF;  font-family: 微软雅黑; text-align: center;}

.news_d  .news_wz{width: 450px;height: 175px;float: left;background: #FFFFFF;}
.news_d  .news_wz .news_wza p{font-size: 16px; color:#333333;  font-family: 微软雅黑;padding-top: 26px;}
.news_d  .news_wz .news_wzb p{margin-top: 10px; margin-bottom: 10px; font-size: 14px; color:#666666;  font-family: 微软雅黑;}
.news_d  .news_wz .news_wzc a{font-size: 14px; color:#008BD6;  font-family: 微软雅黑;}
.bj{background: #FFFFFF;width: 100%;height: 1px;}

.cp_right .ring4{ width:100%;margin-top:20px; background: #EEEEEE;  min-height: 685px;}
.nk5tua{ text-align: center;float: right; padding-top: 20px;padding-right: 10px;padding-bottom: 20px;}
.nk5tua .nex {float: left; margin-left: 10px; width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: #979797; font-family: 微软雅黑; border:1px solid #979797; }
.nk5tua .nex2 {float: left; margin-left: 10px; width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: #979797; font-family: 微软雅黑; border:1px solid #979797; }

.nk5tua li {float: left; margin-left: 10px; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: red; font-family: 微软雅黑; border:1px solid #979797;background-color: #FFFFFF; }
.nk5tua li a{ font-size: 15px; color: #979797; font-family: 微软雅黑;  }
.nk5tua li:hover{color: #FEFFFF; background:#28AAE4;border: 1px solid #28AAE4;}
.nk5tua li a:hover{color: #FEFFFF; }

/*APP展示*/
.cp_nk2{width: 100%;min-height: 1600px; margin-bottom: 20px;}
.cp_right .ring5{ width:100%;margin-top:20px; min-height: 1450px;}

.tuijians{ width:187px; height:359px; background:url(../../images/app/app1.jpg) no-repeat; padding-top:50px; padding-left:9px; background-size:cover;}
.break-boxa{margin: 10px;float: left;}
.break-boxa a{font-size: 14px;font-family: 微软雅黑;color: #999999;}
.break-boxa a:hover{color: #008DD7;}

.new5{width: 750px; height: 330px; padding-top: 10px; border-bottom: 2px dashed #DADADA;}

.left_a{float: left;  width: 750px; margin-top:34px;}
.imga1{float: left; width: 80px; height: 80px; padding-left: 20px;}
.top_wa1{float: left;margin-left: 10px; width: 180px; height: 80px;  }
.top_wa1 p{font-size: 20px; color: #111111; font-family: '微软雅黑';padding-top: 10px;padding-bottom: 10px;}
.top_wa1 span{font-size: 14px; color: #979797; font-family: '微软雅黑';}

.right_a{float: right; width: 204px; height: 33px; margin-top:32px;  text-align: center;line-height: 33px;}
.right_wt a{ width:80px; height:33px; line-height:33px;font-size: 14px; color: #3C75C4; font-family: '微软雅黑'; text-align: center; }

.new_w1{float: left;width: 680px;  margin:20px 0px 20px 60px;  height: 50px}
.new_w1 p{font-size: 14px; color: #333333; font-family: '微软雅黑';}

.bot_b{float: left;  width: 750px;}
.bot_ta{float: left; margin-left: 60px;width: 80px; height: 80px;}
.bot_wa{float: left; margin-left: 20px; width: 721px; margin-top:20px; }
.bot_wa p{font-size: 14px; color: #333333; font-family: '微软雅黑'; line-height:1.9em;}



/*各个下拉框ul标签*/
.header2 #nav li.b1 ul{}
.header2 #nav li.b2 ul{width:150px;margin-left:1px;}
.header2 #nav li.b3 ul{width:150px;margin-left:1px;}
.header2 #nav li.b4 ul{width:150px;margin-left:1px;}
.header2 #nav li.b5 ul{width:150px;margin-left:1px;}
 .header2 #nav li.b6 ul{width:150px;margin-left:1px;}

/*下拉框ul标签总的样式*/
.header2 #nav li ul {padding-top: 30px; left: -999em;position: absolute;background: #efefef;filter:alpha(opacity=90); opacity: 0.9; }/*如果各个导航a标签宽度一样，只需统一指定ul的width*/
.header2 #nav li ul li{ float:none; width: 150px;}/*覆盖上面的#nav li*/
.header2 #nav li ul li a{display:block;color:#000;text-align:left;height:28px; line-height:28px; text-align: center;}/*覆盖上面的#nav li a*/
.header2 #nav li ul li a:hover {color:#fff;background-color:#747273;}

/*下拉时下拉框ul的位置*/
.header2 #nav li.sfhover ul {left: auto; z-index: 9999999999999999;}


/*底部*/
.footer{ background:url(../../images/foot_cj2.jpg) no-repeat; width:100%; height:427px; position:relative;}
.dll{ float:left; padding-bottom:47px;  }
.dll dl{ margin-top:17px; width:122px; float:left; margin-right:70px; text-indent:0px; }
.dll dl dt{ color:#D6D8E7; font-size:16px; font-family:微软雅黑; margin-bottom:12px;}
.dll dl dd a{ font-family:微软雅黑; font-size:12px; color:#9294A3; line-height:24px;}
.dll dl dd a:hover{}
.dl1{ width:130px !important; text-indent:0 !important; border-left:none !important;}
.link{ padding:60px 0 20px 0;}
.link span{ font-family:微软雅黑; font-size:12px; color:#B8B8B8; display:inline-block;}
.link a{ font-family:微软雅黑; color:#B8B8B8; font-size:12px; line-height:24px; padding:0 17px;}
.tz{ position:absolute; left:522px; top:-15px;}

.er{ float:right; margin:-40px -325px 0px 11px;}
.er span{ font-size:14px; color:#676767; display:block; text-align:center;}

.di{ background:url(../images/dibu.jpg)}
.di p{ font-family:微软雅黑; font-size:12px; color:#D7D7E1; padding:10px 0 10px; text-align: center; }
.di p i{ font-family:Arial;}
.di p a{color:#e5e5e5;}
.di .wz2{ font-family:微软雅黑; font-size:12px; color:#D7D7E1; padding:10px 0 10px; text-align: center; }
.di .wz2 a{color:#D7D7E1;}
