@charset "utf-8";
/* CSS Document */
* {}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 24px; font-size:12px;color:#333;padding:0;margin:0;font-family: "微软雅黑","微软雅黑 Regular",'Microsoft YaHei';}

.head,.main,.link,.ftit,.foot {width:1200px;margin:0px auto;overflow:hidden;clear:both;}

.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:16px;}
.hj3{overflow:hidden; clear:both; height:30px;}

.qietu{ position:relative;}
.bg1{height: 100%; width: 100%;background:url(../images/xbg1.png); position:absolute; top:0; left:0; z-index:1}
.banner_tit{ color:#FFF; width:540px;}
.banner-tit1{font-size: 40px; color: #fff; margin-top: 131px; margin-bottom:40px;}

.mm1{ padding:50px 0px;}
.bg2{ background:#f5f8fa;}
.tit1{text-align: center; font-size: 30px; color: #4d4d4d; line-height:36px;}
.nr1{ overflow:hidden; clear:both; padding:22px;}
.nr1 li{ float:left; width:265px; padding:30px 60px;}
.nr1_p1{ text-align:center; padding-bottom:10px;}
.nr1_p2{ text-align:center; font-size:20px; padding:10px 0;}
.nr1_p3{ height:66px; line-height:22px; color:#888; overflow:hidden;}

.nr2{ overflow:hidden; clear:both; padding-top:30px;}
.nr2 li{ float:left; padding:25px 15px; text-align:center;}
.nr2 li a{ display:block; width:180px; padding:15px; background:#fff; transition: all ease-in .3s; text-align:center;}
.nr2 li a:hover{ box-shadow: 0 0px 100px 0 rgba(0,0,0,.11); border-radius:15px;transform: translateY(-5px);}
.bg3{background:url(../images/bg2.png) no-repeat; height:200px;}
.nr3{ text-align:center; color:#FFF; padding-top:40px; font-size:16px; line-height:40px;}
.nr3 p{ font-size:24px;}
.nr4{ overflow:hidden; clear:both; padding-top:30px; margin-left:-10px;}
.nr4 li{ float:left; width:280px; background:#fff; margin-left:20px; font-size:14px;}
.nr4_p1{ padding:25px 0px; margin:0 20px; }
.nr4_p1{ border-bottom:1px solid #ddd;}
.nr4_p2{ overflow:hidden; clear:both; padding:20px 0 30px 0; height:100px;}
.nr4_p2 li{ margin:0;list-style: none;background: url(../images/tub1.png) no-repeat;background-position: 20px 16px; height: 50px;overflow: hidden;line-height: 50px;padding: 0 10px 0 45px; width:225px;}
.nr4_p2 li:hover{background: url(../images/tub2.png) no-repeat #f0f8ff;background-position: 20px 16px;}
.nr50{overflow:hidden; clear:both;}
.nr50 li{ float:left; width:560px; padding:20px;}
.nr50_p1{ float:right; padding-right:50px; position:relative; margin-bottom:-66px;}
.nr50_p2{ margin-top:66px;background: url(../images/bg3.png) no-repeat center bottom #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.11); padding:80px;border-radius:10px;}
.nr50_p3{ font-size:14px; }
.nr50_p3 span{ font-size:18px;}
.nr50_p4{ font-size:16px; padding-top:20px; margin-bottom:20px; height:96px; overflow:hidden;}
.nr50 li:hover{transform: translateY(-8px);}
.nr50 li:hover .nr50_p2{ box-shadow: 0 6px 40px 0 rgba(0,0,0,.11);}

.none {display:none;}
.tit2{ overflow:hidden; clear:both; height:122px;}
.tit2 li{ float:left; text-align:center; font-size:22px; line-height:35px;width:133px; padding:20px 0; border-bottom:1px solid #eee;}
.tit2 li p{ height:45px; vertical-align:middle; line-height:45px; overflow:hidden;}
.tit2 .active{border-bottom:2px solid #1c9bff;}

.nr6_left{ float:left; width:580px;}
.nr6_right{ float:right; width:580px;}
.nr6_img{ text-align:center; height:600px;}
.nr6_img img{ height:600px;}
.nr6_tit{ padding-top:100px;}
.nr6_tit1{ padding:30px 0; font-size:34px; line-height:36px;}
.nr6_tit2{ font-size:28px; line-height:36px; color:#777; padding:10px 0;}
.nr6_tit3{ font-size:20px; color:#a6a6a6; padding-top:40px; padding-left:20px;}
.nr6_tit3 li{display: list-item; text-align: -webkit-match-parent; letter-spacing: .15px;
line-height: 36px;list-style:disc !important;}

.tit3{ clear:both; border-top:1px dashed #ccc; margin-top:60px;}
.tit3 li{ position:relative; margin-top:-27px; text-align:center; float:left;}
.tit3_p1{ width:54px; height:54px; margin:0 auto; text-align:center; color:#FFF; background:#c9ced4; font-size:30px; line-height:54px; border-radius:50%;}
.tit3_p2{ text-align:center; padding:50px 0;}
.tit3_p2 img{ border: 1px solid #fff;}
.tit3_p3{ font-size:20px; text-align:center;}
.tit3_p4{ font-size:16px; color:#666;}

.tit3 .active .tit3_p1{ background:#2490ff;}
.tit3 .active .tit3_p2 img{ border: 1px solid #2490ff;box-shadow: 0 2px 13px 0 rgba(53,148,255,.31);}



.head{ padding:10px 0; width:1000px;}
.logo{ float:left;}
.top{ float:right; line-height:39px; font-size:18px; width:600px;}
.top a{ margin:0 15px;}
.nr7{ overflow:hidden; clear:both; color:#777; line-height:18px; padding-top:30px;}
.nr7 li{ float:left; width:200px; padding:10px 50px; text-align:center;}
.nr7 li p{ padding:30px 0 5px 0; color:#333; font-size:16px; font-weight:bold; line-height:24px;}

.mm3{ position:relative; width:1000px; margin:0 auto; min-height:772px;}
.tit4{ padding-top:200px;}
.tit4 li{ padding-top:30px; padding-bottom:30px; float:left; width:280px; line-height:20px; height:90px;}
.tit4 li:nth-child(odd){ text-align:right; padding-right:220px;}
.tit4 li:nth-child(even){ float:right; padding-left:220px;}
.tit4_p1{ position:relative; width:60px; height:60px; padding-top:15px;}
.tit4_p1 span{ display: none; position:absolute; top:15px; left:0;}
.tit4_p2{ width:200px;}
.tit4_p2 p{ font-size:16px; line-height:30px;}

.tit4 li:nth-child(odd) .tit4_p1{ float:right;}
.tit4 li:nth-child(even) .tit4_p1{ float:left;}
.tit4 li:nth-child(odd) .tit4_p2{ float:left; text-align:right; padding-right:20px;}
.tit4 li:nth-child(even) .tit4_p2{ float:right; padding-left:20px;}
.tit4 .active .tit4_p1 span{ display:block;}
.tit4 .active .tit4_p2 p{ color:#00aeff;}
.nr8{ position:absolute; top:0; left:313px;background: url(../images/ico0.png) no-repeat; height:687px; width:340px; padding:85px 15px 0 15px;}
.nr8 img{ width:340px; height:604px;}
.tit5 li{ float:left; width:140px; text-align:center; line-height:70px; font-size:16px;}
.tit5 .active{background:#31acfc;color:#fff;}
.tit5  .normal{color:#666;}
.nr9 li{ padding-top:60px; overflow:hidden; clear:both;}
.nr9 li:nth-child(odd){ background:#fff;}
.nr9 li:nth-child(even){ background:#31acfc; color:#FFF;}
.nr9_p1{ width:850px; margin:0 auto; overflow:hidden; clear:both;}
.nr9_img{height:445px; width:250px; padding:68px 11px 0 11px;}
.nr9_img img{height:445px; width:250px;}
.nr9_tt{ padding-top:150px; width:440px;}

.nr9 li:nth-child(odd) .nr9_img{ float:right;background: url(../images/product/pbg1.png) no-repeat;}
.nr9 li:nth-child(even) .nr9_img{ float:left;background: url(../images/product/pbg2.png) no-repeat;}
.nr9 li:nth-child(odd) .nr9_tt{ float:left;}
.nr9 li:nth-child(even) .nr9_tt{ float:right; text-align:right;}
.nr9_p2 img{ height:50px; width:50px;}
.nr9_p2{ line-height:16px; height:50px;overflow:hidden; clear:both;}
.nr9_p2 p{ font-size:30px; line-height:32px;}
.nr9_p3{ padding-top:30px;overflow:hidden; clear:both;}
.nr9 li:nth-child(odd) .nr9_p2 img{ float:left; padding-right:20px;}
.nr9 li:nth-child(odd) .nr9_p2{ text-align:left}
.nr9 li:nth-child(even) .nr9_p2 img{ float:right; padding-left:20px;}
.nr9 li:nth-child(even) .nr9_p2{ text-align:right;}

.nr10{overflow:hidden; clear:both; border-top:1px solid #ccc; text-align:center; padding:100px 0;}
.nr10 p{ font-size:30px; line-height:50px;}

.main2{ width:1141px; margin:0 auto; overflow:hidden; clear:both;}
.tit6{ background:#f5f5f5; overflow:hidden; clear:both;}
.tit6 li{ float:left; width:280px; text-align:center; line-height:57px; font-size:16px;}
.tit6 .active{background:#31acfc;color:#fff;}
.nr11{ overflow:hidden; clear:both; padding:10px 0;}
.nr11 li{ float:left; padding-left:20px; width:142px; padding:8px 0; font-size:14px;}
.nr12{ overflow:hidden; clear:both; margin:0 -10px;}
.nr12 li{ float:left; width:366px; padding:8px 10px; color:#666; height:332px;}
.nr12_p1{ position:relative;}
.nr12_p1 span{ display:none; position:absolute; top:0; left:0;}
.nr12 li img{ width:366px; height:253px;}
.nr12_p2{ padding-top:6px;}
.nr12_p3{ font-size:18px; color:#333; line-height:30px;}
.nr12_p4{ line-height:20px; height:20px; overflow:hidden;}

.nr12 li:hover .nr12_p1 span{ display: block;}

.tit7{ width:210px; margin:0 auto; padding-top:30px;}
.tit7 li{ float:left; width:40px; height:40px; line-height:40px; text-align:center;  margin-left:10px; background:#f2f2f2;}
.tit7 .active{background:#31acfc;color:#fff;}


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

#area_logo { width: 100%; max-height: 105px; height:auto;}
#center_logo { max-width: 1200px; height:100%; margin:0 auto; padding:0 15px;}
.logo_top {  max-width:360px; width: 30%; height:100% ;position: relative;}
.logo_top img{ display: block; width: 100%; height: auto;}
.phone_top { max-width: 340px; height: auto; width:30%;position: relative;}
.phone_top img { width:100%; height:100%; display:block;}
#area_nav { width: 100%; max-height: 63px; border-top: 1px solid #d9d9d9; background: #f3f3f3; overflow: hidden;}
#center_nav { max-width: 1200px; height: 100%; margin:0 auto;  padding-left:1%;}
#center_nav li { width:16%; height: 61px; float: left; display: block; line-height: 61px; text-align: center;}
#center_nav li a:link,#center_nav li a:visited { padding:0 20px; height: 61px; display: block; font-size: 18px; color:#444444; }
#center_nav li a:hover {  height: 61px; display: block; cursor: pointer; font-size: 18px; color:#005fb1;border-bottom: 2px solid #005fb1; position: relative; }
#center_nav li.border_btm { width:13%; border-bottom: 2px solid #005fb1;}
#area_banner { width:1200px; height:560px; margin:0 auto; position:relative;}
#center_banner { width:1800px; height:560px; position:absolute; left:-50%; margin-left:300px;} 
#youshi_1200{ width:1200px; height:560px; margin:0 auto; position:relative;}
#fwcn_1200{ width:1200px; height:610px; margin:0 auto; position:relative;}
#area_youoshi {
	width: 1800px;
	height: 560px;
	margin: 0 auto;
	background: url(../images/bg_youshi.jpg) 0 0 no-repeat;
	overflow: hidden;
	position: absolute;
	left: -50%;
	margin-left: 300px;
	top: -1px;
}

#menu_box{display: none; width: 1060px; height: ; background:#fff; padding:20px 0 20px 30px;line-height: 175%; text-indent: 2em; position: absolute; z-index:99999; left:15%; top:167px;;}
#menu_box ul{ margin:0; padding:0; float:left;  width:585px; display:block;border-right:1px solid #ccc;}
#menu_box ul li{ width:160px; margin-right:35px; float:left; margin-bottom:5px;}
#menu_box ul p a{ color:#55a6ec;}
#menu_box ul p a:hover{ color:#337ab7;}
#menu_box  h6{ font-size:16px; color:#333; line-height:20px; text-indent:0;margin-top: 10px;
    margin-bottom: 10px;font-family: inherit;
    font-weight: 500;}
#menu_box  p{ text-indent:0; font-size:14px;margin: 0 0 10px;}

.area_footer { width:100%; height:365px;} 
.area_topfot { width:100%; height:315px; background:#babbbd;} 
.top_footer { width:1100px; height:315px; margin:0 auto;}
.btm_footer { width:100%; height:50px;background:#4a4b4c; color:#c4c4c4;  text-align:center; line-height:50px; font-size:13px;}
.btm_phone { width:390px; height:130px; float:left; font-size:16px; color:#034d8d; line-height:50px; margin-top:80px; margin-right:30px;}
.btm_phone span {color:#034d8d;  font-size:36px;}
.btm_addr { line-height:32px; width:380px; height:120px; float:left; font-size:16px; color:#333333; margin-top:85px;}
.btm_ewm { width:194px; height:230px; float:right; text-align:center; font-size:14px; color:#fff; margin-top:60px;}

.logo{ float:left;}
.tel{ float:right;}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.logo{ width:60%;}
}
@media (min-width:769px) {
.pc{ display:block;}
.app{ display:none;}
.menu{ background:#f3f3f3; border-top:1px solid #d9d9d9;}
.navi {width:100%; max-width:1200px;margin:0px auto;position: relative;}
.navItem { font-size:18px; text-align:center; width:150px;float: left;text-decoration: none;/*transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;*/float:left; width:200px; font-size:18px;height:62px;}
.navItem_a{ display:block; color:#444; line-height:60px;height:60px;}
.navItem_a:hover { color: #005fb1; border-bottom: 2px solid #005fb1;}
.navItem_a .on { color: #005fb1; border-bottom: 2px solid #005fb1;}

.navItem .navContent {background-color: #fff;left: 0;position: absolute;top:62px;width:1060px;z-index: 999;}
.navContent{ background:#fff; padding:20px 0 20px 30px;}
.navContent ul{ margin:0; padding:0; float:left; height:180px; display:block;border-right:1px solid #ccc;}
.navContent ul li{ width:160px; margin-right:35px; float:left; padding:10px 0; text-align:left;}
.navContent ul p a{ color:#55a6ec;}
.navContent ul p a:hover{ color:#337ab7;}
.navContent  h6{ font-size:16px; color:#333; line-height:20px; max-height:20px; overflow:hidden;font-weight: normal; text-indent:0; padding:0; margin:0; padding:8px 0; }
.navContent  p{ text-indent:0; font-size:14px;height:40px; overflow:hidden; line-height:20px;}

}