@charset "utf-8";
/* CSS Document */
html,body{
	transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out
	
}
*{
    
}
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
body{ font-size:12px; color:#666; line-height:23px; font-family:Verdana; margin:0px; padding:0px; font-family: "microsoft yahei";}
img{ border:none;vertical-align:middle;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#ff0000; text-decoration:underline;}
.w10{width:1000px;}
a {
transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out
}

/* ======== */
/* = header = */
/* ======== */
.header{ background: #f1f1f1;}
.header dl{ width:1200px; line-height: 30px; margin:0 auto; overflow: hidden; color:#999;}
.header dt{ text-transform: uppercase;}
.header dd{ float:right;}

.logo{}
.logo dl{ width:1200px; margin:0 auto; overflow: hidden; padding:20px 0;}
.logo dt{ float: left;}
.logo dd{ float: right;}

.mynav{}
.mynav ul{ position: relative;}
.mynav li{ float:left; text-align: center; background: url(../images/nav_li.gif) left center no-repeat;}
.mynav li a{ display: block; padding:0 23px; line-height: 38px; font-size: 16px; color:#999999; text-transform: uppercase; border-radius:50px;}
.mynav li a:hover{ color:#24a1f8; text-decoration: none;}
.mynav li.on a{ background:#24a1f8; color:#fff;}

.middle_1{ width:1200px; margin:0 auto; padding:40px 0;}
.middle_1_title{ text-align: center;}
.middle_1_title strong{ font-size: 38px; color:#292929; display: block; line-height: 50px;}
.middle_1_title span{ font-size: 18px; line-height: 30px; color:#292929;}


.middle_1_b{ padding-top:30px;}
.middle_1_b dl{ position: relative;}
.middle_1_b dd{ float: left;width:25%; text-align: center;}
.middle_1_b dt{ position:absolute;width: 100%;
    text-align: center;padding-top: 154px;top: 0px; left: 0px; /* top: 154px; left: 145px; */}

.middle_2{ }
.middle_2_title{ padding-top:70px; text-align: center; font-size: 38px; color:#333; font-weight: bold; padding-bottom:80px;}

.middle_2 dl{ width:1200px; margin:0 auto;}
.middle_2 dt{ text-align: center;}
.middle_2 dt strong{ display: block;font-family: impact; font-size: 48px; color:#333; font-weight: normal; line-height: 60px;}
.middle_2 dt span{ font-size: 28px; color:#000000; display: block; line-height: 42px;}
.middle_2 dt i{ font-style: normal; font-size: 14px;}
.middle_2 dt i b{ font-weight: normal; color:#d50000;}
.middle_2 dd{ padding-top:50px; padding-bottom:50px;}
.middle_2 dd p{ font-size: 14px;}
.middle_2_l{ width:247px; float: left; margin:0 176px;}
.middle_2_r{ width:247px; float: left; margin:0 176px;}
.middle_2_b{ text-align: center;}


.middle_3{}
.middle_3_title{}
.middle_3_title{ text-align: center; padding-bottom: 20px;}
.middle_3_title strong{ display: block;font-family: impact; font-size: 48px; color:#333; font-weight: normal; line-height: 60px;}
.middle_3_title span{ font-size: 28px; color:#000000; display: block; line-height: 42px;}
.middle_3_title i{ display: block; width:70px; height: 3px; margin:0 auto; background: #f27b21; margin-top:10px;}

.middle_3_b{ width:1200px; margin:0 auto;}
.middle_3_b dl{ position: relative; padding-top:30px;}
.middle_3_b dt{ text-align: center;}
.middle_3_b dd{ width:200px; font-size: 24px; color:#333333; position: absolute;}
.middle_3_b dd.ico1{ background: url(../images/ico1.png) bottom no-repeat; padding-bottom:44px; text-indent: 34px; left:251px; top:0;}
.middle_3_b dd.ico2{ background: url(../images/ico2.png) bottom no-repeat; padding-bottom:44px; text-indent: 64px; right:251px; top:0;}
.middle_3_b dd.ico3{ background: url(../images/ico3.png) bottom no-repeat; padding-bottom:14px; text-indent: 34px; left:251px; top:331px;}
.middle_3_b dd.ico4{ background: url(../images/ico4.png) bottom no-repeat; padding-bottom:14px; text-indent: 64px; right:251px; top:331px;}
.middle_3_b ul{ background: url(../images/ico5.png) top center no-repeat; padding-top:126px;width:100%;max-width: 476px;margin:0 auto; margin-top:-32px; text-align: center;}
.middle_3_b ul li{ display: inline-block; text-align: center; padding:0 30px;}
.middle_3_b ul li p{ font-size: 24px; color:#333333;}

.middle_4{ width:1200px; margin:0 auto; padding-top:50px;}
.middle_4_title{}
.middle_4_title{ text-align: center; padding-bottom: 20px;}
.middle_4_title strong{ display: block;font-family: impact; font-size: 48px; color:#333; font-weight: normal; line-height: 60px;}
.middle_4_title span{ font-size: 28px; color:#000000; display: block; line-height: 42px;}
.middle_4_title i{ display: block; width:70px; height: 3px; margin:0 auto; background: #f27b21; margin-top:10px;}

.middle_4_b{ padding-top:40px;}
.middle_4_b ul{ overflow: hidden;}
.middle_4_b ul li{ text-align: center; float:left; padding:0 30px;}
.middle_4_b ul li strong{ display: block; font-size: 20px; line-height: 30px;}
.middle_4_b ul li span{ display: block; font-size: 16px;}
.middle_4_b ul li i{ display: block; height:206px;}
.middle_4_b ul li i .padlef60{padding-left: 60px;}


.middle_5{ padding-top:100px; width:1200px; margin:0 auto;}
.middle_5 ul{ padding:0 40px; overflow: hidden;}
.middle_5 ul li{ float: left; padding:20px 10px;}

.middle_6_bg{ background: #f7f7f7; padding-top:50px; padding-bottom:50px;}
.middle_6{ width: 1200px; margin:0 auto;}
.middle_6_title{ text-align: center; padding-bottom:40px;}
.middle_6_title strong{ font-size: 38px; font-weight: normal; color:#333; display: block; line-height: 60px;}
.middle_6_title span{ font-size: 20px; color:#999999; display: block;}
.middle_6 dl{ position: relative; width: 839px; height:810px; margin:0 auto;}
.middle_6 dd{ position: absolute;}
.middle_6_1{left:403px; top:2px;}
.middle_6_2{left:411px; top:161px;}
.middle_6_3{left:409px; top:398px;}
.middle_6_4{left:117px; top:408px;}
.middle_6_5{left:23px; top:392px;}
.middle_6_6{left:0px; top:333px;}
.middle_6_7{left:3px; top:124px;}
.middle_6_8{left:112px; top:0px;}

.middle_6 dl:hover dd{ opacity:0.2;}
.middle_6 dd img:hover{
  
}
.middle_6 dl dd:hover{
	opacity:1;
	
}
.middle_6_0{ position: absolute; top:316px; left: 316px; z-index: 999;}

.middle_7{ width:1200px; margin:0 auto; padding-bottom:50px;}
.middle_7_title{ text-align: center; padding-top:60px;}
.middle_7_title strong{ font-size: 28px; color:#000000; font-weight: normal; display: block; line-height: 50px;}
.middle_7_title span{ font-size: 14px;}
.middle_7_b{}
.middle_7_b ul{ padding-top:40px; overflow: hidden;}
.middle_7_b ul li{ width:308px; border:1px solid #fff; margin:0 45px;  text-align: center; float:left; height:460px; border-radius:30px;}
.middle_7_b ul li img{ padding-top:60px;width:250px}
.middle_7_b ul li strong{ font-size: 24px; display: block; font-weight: normal; line-height: 40px; padding-top:20px;}
.middle_7_b ul li span{ font-size: 14px;}
.middle_7_b ul li p{ display:none; font-size:14px; padding:0 40px; color:#999; text-align:left;}
.middle_7_b ul li:hover{ border:1px solid #cccccc;}
.middle_7_b ul li:hover strong{ font-size:18px; color:#199cdd; line-height:24px;}
.middle_7_b ul li:hover span{ font-size:12px; color:#999999;}
.middle_7_b ul li:hover img{ width:146px; height:146px; padding-top:40px;}
.middle_7_b ul li:hover p{ display:block; padding-top:20px;}


.ban{ height:400px; background: url(../images/ban.jpg) top center no-repeat;}
.ban dl{ text-align: center; width:1200px; margin:0 auto; padding-top:210px;}
.ban dt{font:32px/52px "Microsoft Yahei"; color:#e22635;width:100%;text-align:center;margin-bottom:20px;}
.ban dd{ display: inline-block;  width:168px; height: 38px; line-height: 38px; margin:0 60px; border-radius: 50px; box-shadow: 2px 2px 5px #888888;}
.ban dd a{ font-size: 16px; color:#fff;}
.ban dd.ban_erweima{
	position: absolute;width:80px;height:80px;right:205px;top:170px;margin:0px 40px;border-radius: 0px;
}

.middle_8{ background: #f7f7f7; padding-top:50px; padding-bottom:50px;}
.middle_8_title{ text-align: center; font-size: 24px; font-weight: normal;}
.middle_8_title strong{ font-weight: normal;}
.middle_8_title i{ display: block; width:74px; height:1px; background: #888888; margin: 0 auto; margin-top:16px;}

.middle_8 dl{ width:1200px; margin: 0 auto;}
.middle_8 dd{ padding-top:30px;}
.middle_8_nav{ text-align: center; padding-top:20px;}
.middle_8_nav li{ display: inline-block; font-size: 16px; padding:0 10px;}

.news_top{ overflow: hidden;}
.news_top li{ float: left; width:380px; padding-bottom:10px; margin:0 10px;}
.news_top li a{ display: block;}
.news_top li img{ width:380px; height:170px;}
.news_top li span{ display: block;  line-height: 30px; font-size: 14px; background: #fff; padding:20px;}
.news_top li a:hover{ text-decoration: none; color:#000; box-shadow: 0px 0px 10px #c4c4c4;}

.news_bottom{ padding-top:20px; overflow: hidden;}
.news_bottom li{ float: left; width:380px; padding-bottom:10px; margin:0 10px;}
.news_bottom li a{ display: block; background: url(../images/ico.gif) 10px center no-repeat; padding:2px 20px; font-size: 14px;}

.buy{ background: #e2e7eb; text-align: center; padding:30px 0;}
.buy a{ padding:10px 44px; color:#fff; font-size:24px; line-height: 50px; border-radius: 50px; margin:0 20px;}

.bq_bg{ background: #152535;}
.bq{ width:1200px; margin: 0 auto; overflow: hidden;}
.bq dl{ padding-top:40px; float: left; padding-left:65px;}
.bq dt{ font-size: 18px; line-height: 36px; color:#aba9aa;}
.bq dd{ font-size: 14px; line-height: 36px; color:#aba9aa;}
.bq dl a{ color:#aba9aa;}

.banben{ width:300px;}
.banben dd{ width:150px; float:left;}
.fenxiang dd{ padding-top:20px;}
.fenxiang a{ padding-right:10px;}


.xian{ border-top:1px solid #0d1927; border-bottom:1px solid #2f3b49; margin-top:20px;}

.contact{ text-align: center; padding-top:20px; padding-bottom:20px; color:#aba9aa; line-height: 36px;}
.contact strong{ font-weight: normal; font-size: 18px; line-height: 36px; color:#aba9aa;}

.copyright{  padding:20px 0; text-align: center; font-size: 14px; color:#aba9aa;}




#nav {
	right: 20px;
	margin: 0;
	position: fixed;
	top: 160px;
	z-index: 999999;
}

#nav li {
	margin: 16px 0;
	
	position:relative;
}

#nav a {
	background: #dcdcdc;
	color: #666;
	font-size: 14px;
	text-indent: 30px;
	display: block;
	
	width:10px;
	height: 10px;
	overflow: hidden;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	border:2px solid #fff;
	-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius: 10px;           /* W3C syntax */
}
#nav li a span{ display: none; width:130px; right:20px; top:0; position:absolute; text-align: right; color:#24a2f9; font-weight:bold;}
#nav li.current span{ display: block; font-weight:bold;}
#nav li a:hover span{ display: block;}
#nav a:hover {
	background: #24a2f9;
	border:2px solid #fff;
}


#nav .current a {
	background: #24a2f9;
	color: #24a2f9;
}

#container {
	margin: 0 auto;
	width: 800px;
}
.navbar{
	display: none;
}
/* 手机导航自定义样式 */
.navbar-brand {
	padding: 15px;
}

.navbar-brand img {
	height: 100%;
	width: auto;
}

.section {
	border-bottom: 5px solid #ccc;
	min-height: 60vh;
	padding: 50px 20px;
}

.section p:last-child {
	margin-bottom: 0;
}

/* 三级菜单调整 */
.dropdown-menu .dropdown-menu {
	left: 100%;
	top: 0;
	margin-top: -6px;
	margin-left: -1px;
}

.bg_link{font-size: 12px;}
.link{padding:2px 0;color:#fff;}
.link a{color:#fff;margin-right:15px;font-size: 12px;}
.link a:hover{color:#fff;}
.bg_footer{/* background:#2A95E5; */ background:url(../images/footer.jpg) repeat;}
.footer{padding:30px 0 30px 0;}
.footer .fl{width:360px;float:left;padding:0px;padding-left:40px;}
.footer .fl h1{color:#fff;font-size:36px;height:72px;line-height:72px;font-weight:400;margin:0;padding:0;}
.footer .fl h1 img{width:72px;height:72px;}
.footer .fl h5{font-size:12px;color:#A8CFF0;margin:0;padding:0;font-weight:normal;}
.footer .fl form{margin-top:25px;}
.footer .fl form input[type=text]{border:1px solid #1184DA;padding:6px 10px;width:200px;}
.footer .fl form input[type=submit]{border:1px solid #1184DA;background:#1184DA;color:#fff;padding:6px 15px;}
.footer .fr{float:right;padding:0px 10px;border-left:1px solid #fff ;width:33%;}
.footer .fr .left{padding:10px;float:left;min-height:110px;width: unset;}
.footer .fr h6{color:#fff;font-size:16px;margin:0 0 0 0;padding:0;font-weight:400;}
.footer .fr .left ul{margin:0;padding:0;}
.footer .fr .left ul li{text-align:left;font-size:16px;color:#fff;font-family:microsoft yahei;line-height:24px;font-weight:normal;}
.footer .fr .left ul li a{color:#FFF;font-size:16px;}
.footer .fr .left ul li a:hover{color:#ff0;}
.footer .fr p{margin:0px;padding:10px 0px 10px 20px; color:#FFF;line-height: 1.2em;font-size: 14px;}
.footer .fr p i{font-size: 16px;padding-right:10px;}
.copyright{border-top:1px solid #FFF;text-align:center;padding:10px 0;color:#fff;font-size:12px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}
.pageerweima{
	position:fixed; top:10%; left:0; z-index:99999;
}
.downloadpic{
	position:fixed; bottom:10%; right:0;
}
.phoneButton {
	display: none;
}