﻿@charset "utf-8";
/*-------------------------全局属性--------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input 
{margin:0;padding:0;}
body{width:100%;font-size:12px;font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif, simsun;background:#fbfbfb;}
a, a:link, a:visited{text-decoration:none;color:#333;}
li{list-style:none;}
img{border:none;}
.clear{clear:both;}


/*------版头------*/
.am-topbar{border:0;margin:0;}
#header{background:white;}
#header .am-topbar-brand{line-height:75px;}
#header .am-topbar-brand img{height:auto;}
#header .am-container{max-width:1200px;}
#header .am-nav{margin-left:5%;}
#header .am-nav li{padding:17px 0;}
#header .am-nav a{font-size:16px;display:block;height:40px;line-height:40px;text-align:center;font-family:微软雅黑;color:#333;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;}
#header .am-nav a:hover{color:#0d9bda;}
#header .am-icon-bars{color:white;}
#header .am-nav>li>a{padding:0;display:block;padding:0 20px;}
#header .am-topbar-nav>li>a:after{border:0;}
#header .am-nav a.cur{background:#0d9bda;color:white;}



#header .buy{float:right;line-height:75px;height:75px;}
#header .buy a{background:#d84c31;color:white;display:inline-block;width:100px;height:40px;line-height:40px;text-align:center;font-family:微软雅黑;font-size-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#header .buy a:hover{background:#ab3720;}

/*--手机导航按钮颜色-*/
.am-btn-secondary {color: #fff;background-color: #0d9bda;border-color: #0d9bda;}
.am-btn-secondary:focus, .am-btn-secondary:hover{background-color: #0d9bda;}
.am-btn-secondary.am-active, .am-btn-secondary:active, .am-btn-secondary:focus, .am-btn-secondary:hover, .am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle{color:#fff;border-color:#467df5;}


/*--------banner-------*/
#banner img{width:100%;}
#banner .wap_banner{display:none;}
/*--------特性-------*/
#characteristic{padding:3% 0;}
#characteristic .am-container{max-width:1200px;}
#characteristic .box{padding:3%;}

#characteristic .box .pic{border:1px solid #ddd;text-align:center;width:100%;}


#characteristic .box .con{font-family:微软雅黑;}
#characteristic .box .con h2{font-size:30px;margin:10px 0;color:#333;}
#characteristic .box .con p{font-size:16px;color:#666;line-height:26px;}
/*-------系统-------*/
#system{padding-top:50px;background:url(../images/system_bg.gif) repeat-x #f7f7f7;}
#system .am-container{max-width:1100px;text-align:right;}
#system h2{text-align:center;position:relative;font-size:50px;font-family:微软雅黑;}
#system ul{margin-top:50px;position:absolute;}
#system li{width:225px;line-height:22px;margin-bottom:30px;font-size:20px;font-family:微软雅黑;text-align:left;}
#system img{margin-right:-30px;margin-top:50px;}
/*------- 下导航-------*/
#bottom_nav{height:50px;line-height:50px;text-align:center;background:#2f2f2f;}
#bottom_nav a{margin:0 50px;color:white;font-family:微软雅黑;}
/*------- 版底-------*/
#footer{padding:15px 0;text-align:center;background:#272727;}
#footer p{color:white;font-size:12px;font-family:arial;line-height:25px;}
#footer p span{font-family:宋体;}




@media only screen and (max-width: 1440px)
{
	/*------内容4------*/
	.box4 .img1{max-width:60%;}
	
	/*------联系------*/
	#contact .section-title{padding:2% 0;}
	#contact .section-title h2{font-size:80px;padding-left:1%;line-height:80px;}
	#contact .section-title p br{display:none;}
}
@media only screen and (max-width: 1198px)
{
	#header .am-topbar-brand img{height:30px;}

	#characteristic .am-container{max-width:100%;}
	#system .am-container{max-width:100%;}
	#system img{margin-top:20px;margin-right:0;max-width:100%;}
	
	#system ul{margin-top:20px;position:relative;}
	#system li{width:100%;text-align:center;margin-bottom:10px;}
	
    #header .am-topbar-brand {line-height:50px;}
}
@media only screen and (max-width: 1024px)
{
	#header .am-nav li{padding:0;}
	/*--------banner-------*/
	#banner{}
	#banner .pc_banner{display:none;}
	#banner .wap_banner{display:block;}
	
	#characteristic .box .pic img{width:100%;}

}


@media only screen and (max-width: 640px)
{
	#system h2 {font-size:30px;}
	/*------版头------*/
	#header .am-nav{margin-left:0;}
	#header .am-nav li{height: 40px;line-height: 40px;border-bottom:1px solid #ddd;}
	#header .am-nav a{height: 40px;line-height: 40px;}
	#header .am-nav a.cur{color:white;}
	#header .language{text-align:center;width: 100%;}

	#characteristic{padding-bottom:40px;}
	#characteristic .box{width:100%;margin-top:20px;}
	#header .buy{width:100%;}
	#header .buy a{width:100%;}

	#characteristic .box .con h2 {
    font-size: 22px;
}
	#system li {
    width: 100%;
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 16px;
}
	#bottom_nav a {
    margin: 0 10px;
}
}




