@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}
img{border:0;vertical-align:bottom;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}


/*header*/
.banner{min-width:1200px; position:relative;}
.banner img{width:100%;}
.changeBox_a1{width:100%;height:623px; position:relative;}
.changeBox_a1 .a_bigImg img{position:absolute;}
.abs{width:100%; position:absolute; top:46px; left:0;}
.header{width:1200px; margin:0 auto;}
.logo{float:left; width:476px;}
.tel{float:right; width:282px;}
.tel img{width:282px; height:64px;}

.nav_part{min-width:1200px; height:174px; position:relative;}
.nav_bg{width:100%; height:172px; padding-top:114px; background:url(../images/nav_bg.png) no-repeat center top; position:absolute; top:-88px; left:0;}
.nav{width:1176px; height:43px; margin:0 auto;}
.nav li{float:left; width:118px; text-align:center; margin:0 25px; display:inline; font-size:18px;}
.nav a{display:block; height:43px; line-height:43px; color:#fff;}
.nav a:hover{background:url(../images/nav_hover.jpg) no-repeat;}
.nav .nav_on a{background:url(../images/nav_hover.jpg) no-repeat;}


/*mainbody*/
.mainbody{width:1200px; margin:0 auto 82px;}
.about_title{width:1200px; height:70px; text-align:center; background:url(../images/about_top.gif) no-repeat left bottom; margin:0 auto;}
.about{width:1070px; padding-top:59px; color:#5a5a5a; font-size:16px; line-height:31px; margin:0 auto;}
.about img{float:left; width:416px; height:288px;}
.about_r{float:right; width:600px;}
.about_more a{display:block; width:83px; height:30px; line-height:30px; text-align:center; background:#00adaa; color:#fff; font-size:12px; margin-top:10px;}

.product_bg{min-width:1200px; height:535px; padding-top:42px; background:url(../images/product_bg.jpg) no-repeat center top; background-size:cover; margin-bottom:67px;}
.product_title{width:1200px; height:70px; text-align:center; background:url(../images/product_top.gif) no-repeat left bottom; margin:0 auto;}
.scrollBox{ width:1200px; text-align:center; padding-top:44px; margin:0 auto; overflow:hidden;}
.scrollBox .bd li{ width:292px; float:left; font-size:18px; line-height:24px; margin-right:10px; display:inline;}
.scrollBox .bd li:last-child{margin:0;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li img{ width:292px; height:256px; background:url(../images/product_shadow.png) no-repeat center bottom; padding-bottom:13px;}
.scrollBox .hd{ height:20px; margin-top:46px; overflow:hidden; font-size:0; }
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:12px; height:12px; background:#0852a0; margin:2px 10px;overflow:hidden; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.scrollBox .hd .on{ background:#7c7c7c; border:solid 1px #fff; width:11px; height:11px;}
.scrollBox .prev{ display:inline-block; width:10px; height:16px; background:url(../images/prev.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ display:inline-block; width:10px; height:16px; background:url(../images/next.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }

.problem{width:1200px; padding-top:42px; overflow:hidden;}
.problem ul{width:1280px;}
.problem li{float:left; width:480px; height:158px; margin:30px 80px; display:inline; background:#ececec; position:relative;}
.problem li:hover{background:#0852a0;}
.problem_pic{width:152px; height:152px; border:solid 3px #fff; border-radius:50%; position:absolute; top:0px; left:-80px;}
.problem_pic img{border-radius:50%;}
.problem li .problem_r{float:right; width:360px; padding-right:27px; color:#959595; font-family:"宋体";}
.problem li .problem_r h4{border-bottom:dashed 1px #d3d3d3; padding:16px 0 12px 0; line-height:30px; color:#4b4b4b; font-size:18px; font-family:"微软雅黑"; font-weight:normal; margin-bottom:12px;}
.problem li .problem_r h4 a{color:#4b4b4b;}
.problem li:hover .problem_r{color:#fff;}
.problem li:hover .problem_r h4{color:#fff; border-bottom:dashed 1px #6694c4;}
.problem li:hover .problem_r h4 a{color:#fff;}

.case_bg{min-width:1200px; height:530px; padding-top:47px; background:url(../images/case_bg.jpg) no-repeat center top; background-size:cover;}
.case{width:292px; background:#fff; text-align:center; line-height:62px; font-size:18px;}
.case img{width:292px; height:256px;}
.case a{color:#1d1d1d;}
.case a:hover{color:#0051a6;}


/*backtop*/
.cd-top {
  display: inline-block;
  height: 90px;
  width: 74px;
  position: fixed;
  bottom: 292px;
  right: 13%;
  z-index:9999;
  text-indent:9999px;
  /* image replacement properties */
  overflow: hidden;
  white-space: nowrap;
  background:url(../images/back_top.png) no-repeat;
  visibility: hidden;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}

@media only screen and (min-width: 1200px) {
  .cd-top {
    height: 74px;
    width: 90px;
    right: 4%;
    bottom: 250px;
  }
}


/*footer*/
.foot_bg{min-width:1200px; background:#0051a6; position:relative;}
.foot_top{width:100%; height:27px; position:absolute; top:-27px; left:0;}
.foot_top img{width:100%; height:27px;}
.foot{width:1200px; padding:40px 0; font-family:"宋体"; color:#a1d7ff; line-height:26px; margin:0 auto;}
.code{float:left; width:110px; height:110px; margin:0 27px 0 102px;}
.con{float:left; padding-top:4px;}
.foot_r{float:right; width:460px; padding-right:96px; text-align:right;}
.foot_img{text-align:right; margin-top:24px;}
.foot_img li{margin-left:18px; display:inline;}
.copyright{min-width:1200px; text-align:center; line-height:30px; color:#a1d7ff; font-family:"宋体"; background:#3374b8;}


/*product*/
.left{float:left; width:281px; margin-top:100px;}
.right_bot{float:right; width:902px; border:solid 1px #d2d2d2; background:url(../images/right_bot.jpg) no-repeat center bottom; margin-top:32px; position:relative;}
.right_tbg{width:906px; height:26px; position:absolute; top:-20px; left:0; z-index:999;}
.right_top{background:url(../images/right_top.jpg) no-repeat center top; padding:27px 0; min-height:700px; _height:700px;}
.list_bg{border:solid 1px #d2d2d2; padding-top:16px; position:relative;}
.list_tit{width:307px; height:90px; padding-top:94px; text-align:center; background:url(../images/list_top.png) no-repeat; color:#fff; font-size:15px; position:absolute; top:-148px; left:-12px;}
.list_tit h4{font-size:24px; line-height:28px; font-weight:600;}
.list{width:258px; margin:0 auto;}
.list li{border-bottom:dashed 1px #e2e2e2; text-align:center; font-size:18px; height:52px; line-height:52px; position:relative; z-index:99;}
.list a{color:#343434; display:block;}
.list a:hover{background:url(../images/list_hover.jpg) no-repeat left center; color:#fff;}
.list .list_on a{background:url(../images/list_hover.jpg) no-repeat left center; color:#fff;}
.list li:last-child{border-bottom:none;}

.contact_bg{min-height:280px; _height:280px; border:solid 1px #d2d2d2; padding:26px 0 8px 0; margin-top:100px; position:relative;}
.contact_tit{width:307px; height:90px; padding-top:51px; text-align:center; background:url(../images/contact_top.png) no-repeat; color:#fff; font-size:15px; position:absolute; top:-99px; left:-12px;}
.contact_tit h4{font-size:24px; line-height:28px; font-weight:600;}
.contact{width:265px; line-height:31px; color:#3c3c3c; font-size:14px; margin:0 auto;}

.pro_top{width:862px; height:44px; margin:0 auto;}
.pro_top img{float:left; width:23px; height:22px; margin-right:12px;}
.pro_tit{float:left; color:#1c5899; font-size:18px; font-weight:600;}
.pro_tr{float:right; width:500px; text-align:right; color:#4c4c4c; font-size:14px;}
.pro_tr a{color:#4c4c4c;}
.pro{width:882px; margin:0 auto;}
.pro li{float:left; width:286px; text-align:center; line-height:46px; font-size:18px; margin:0 4px 12px 4px; display:inline;}
.pro img{width:278px; height:244px; padding:1px 4px 7px 4px; background:url(../images/pro_imgbg.png) no-repeat left top;}
.pro a{color:#1d1d1d;}
.page{width:100%; text-align:center; padding-top:25px; font-family:"宋体"; font-size:14px; font-weight:bold;}
.page a{background:#dcdcdc; padding:8px 14px; margin:0 3px; color:#2a2b2b;}
.page a:hover{color:#fff;}

.pro_show{width:860px; border-bottom:solid 1px #d2d2d2; padding-bottom:35px; color:#1d1d1d; font-size:14px; line-height:30px; margin:0 auto 28px;}
.pro_show img{float:left; width:448px; height:334px; border:solid 1px #cdcbcc; margin-right:44px;}
.pro_show h4{line-height:80px; font-size:18px; font-weight: normal;}
.pro_show_f1{color:#9e9e9e;}
.pro_show_f2{color:#fe0042;}
.pro_font{width:860px; color:#393939; font-size:14px; line-height:30px; margin:0 auto;}
.page_02{width:860px; padding-top:80px; margin:0 auto;}
.page_02 li{color:#393939; font-size:14px; line-height:32px;}
.page_02 a{color:#393939;}
.page_02 a:hover{text-decoration:underline;}


/*problem*/
.prob{width:810px; padding-right:52px; margin:0 auto;}
.prob li{height:124px; margin-bottom:22px; color:#7f7f7f; font-size:14px; line-height:26px;}
.prob img{float:left; border:solid 1px #c7c7c7; margin-right:28px;}
.prob h4{line-height:36px; margin-bottom:14px; font-size:18px; font-weight:normal;}
.prob a{color:#3c3c3c;}
.prob a:hover{text-decoration:underline;}

#news_con {
	padding: 15px;
	padding-right: 0px;
}
#news_con .h1 {
	text-align: center;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}
#news_con .h2 {
	text-align: center;
	font-weight: normal;
	width: 670px;
	height: 25px;
	line-height: 25px;
	background: #F8F8F8;
	color: #666;
	margin-bottom: 5px;
}

#jianli {
	padding-top: 15px;
}
#jianli td {
	border: 1px solid #8e8e8e;
}
#jianli td input {
}
#jianli textarea {
	overflow: hidden;
}



