@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }

body { background:#fff; color:#333; font-family: 'Microsoft YaHei','SimSun','SimHei', Arial, Helvetica, sans-serif; height: 100%; /*cursor: pointer;*/  }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}

a { color:#555; text-decoration:none; }

a:hover { text-decoration:none; }

img { border:none; }

ol,ul,li { list-style:none; }

input,textarea, select, button {border: none;}

table { border-collapse:collapse; }

html {overflow-y: scroll;}

.img{ width: 100% }

.hidden{ overflow: hidden; }

a {text-decoration:none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear; -o-transition:color 0.2s linear;transition:color 0.2s linear;}

a:focus , a:link, a:active {outline:none;}

.posX_center {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

}



/*header*/

.fix-header{ z-index: 9999; background-color: rgba(255,255,255,1); position: fixed; top: 0; left: 0; width: 100%}

.logo{ display: block;padding: 0 }

.header_bas{box-shadow:0px -1px 10px rgba(0,0,0,0.6);background-color: #ffffff;}

.sx_nav{ margin-top: 20px; }

.sx_nav>li{display: inline-block; float: left; padding-bottom: 30px; position: relative;}

.sx_nav>li>a, .sx_company{ display: inline-block; font-size: 15px; color: #000000; }

.sx_nav li > a{ display: block; font-size: 15px; color: #000000;line-height: 30px; margin: 0 25px; padding-bottom: 3px; position: relative; overflow: hidden; }

.sx_nav li > a:after{ transition: all 0.5s;  content: ""; display: block; height: 3px; width: 0; background-color: #e60012; position: absolute; left: 50%; margin-left: 0px; bottom: 0px; }

.sx_nav li.active > a:after{ width: 100%;  margin-left: -50%;}

.sx_nav li.active > a{ color: #e60012;/* border-bottom: 3px solid #e60012;*/ }

.sx_nav li a:hover, .down_company li a:hover{color: #e60012;}

.sx_nav li > a > i{ font-style: normal; margin-left: 5px; font-size: 12px; }

.sx_nav li > div.two_nav{ width: 100%; text-align: center; position: absolute; top: 63px; left: 0; padding: 10px 0 0;height: 200px; display: none;}

.sx_nav li > div.two_nav a{ display: block; line-height: 30px; font-size: 15px;}

.sx_nav li > div.two_nav a.active{ color: #e60012 }

.sx_nav li.active > div.two_nav{ background: #f0f0f4 }

.hearder{ position: relative; z-index: 10 }

.nav_make{ background: rgba(255,255,255,0.8); position: absolute; top: 83px; left: 0px; width: 100%; height: 200px; box-shadow: 0 5px 10px #eee; z-index: 9; border-top:1px solid #eee; display: none; }







.sx_company{ margin: 20px 20px 0 10px; position: relative; padding-bottom: 30px; z-index: 999}

.sx_company span{ line-height: 30px; display: block;background: #2f2f2f; padding: 0px 15px; border-radius: 20px; color: #fff; }

.top_tel{ margin-top: 10px;} 

.top_tel span{ color: #656565; font-size: 14px }

.top_tel p{ color: #e60012; font-size: 14px }

.body_left{ margin-right: 160px; background: #000; opacity: 0.5 }

.wap_nav{ width: 40px; border-radius: 6px;background: #2f2f2f; padding: 10px ; margin-top: 25px; margin-left: 20px;}

.wap_nav span{  display: block; width: 100%; height: 1px; background: #fff; margin-bottom: 3px;}

.wap_nav span:nth-child(3){ margin: 0 }















.down_nav{ width: 100%; position: absolute; top: 85px; left: 0px; z-index:99; background: url(../images/nav_bg.png) repeat-x left top; height: 0px; overflow: hidden; transition: all 0.5s}

.down_nav_hov{ height: 210px; }

.displayflex{ display: flex; }

.displayflex dl{ flex: 1; box-sizing: border-box; border-right: 1px solid #eee; height: 200px; padding:25px 0px 0px 145px;}

.displayflex dl:nth-last-child(1){ border:none; }

.displayflex dl dt{ background: url(../images/nav_icon1.png) no-repeat center left; padding-left: 30px; line-height: 30px; margin-bottom: 15px;}

.displayflex dl dd{ background: url(../images/nav_icon2.png) no-repeat left center; padding-left: 15px; line-height: 35px; font-size: 14px;}

.displayflex dl dd:hover{ background-image: url(../images/nav_icon2-2.png); }

.down_company{ position: absolute; top: 54px; left: 0px; background: #fff; border-radius: 10px; padding: 0px 15px 10px; width: 120px; display: none; }

.down_company li { font-size: 15px; border-bottom: 1px dashed #ddd; line-height: 35px; }





.footer{ padding: 20px 0 10px }

.footer .am-container{ padding:0; }






.sx_flogo{ display: inline-block; margin-top: 55px; margin-right: 120px; float: left;}

.sx_finfo>h3{ font-size: 15px; color: #808080; font-weight: bold; line-height: 35px; margin-bottom: 6px;}

.sx_finfo>p{ font-size: 12px; color: #808080; line-height: 28px; transition: all 0.5s;}

.sx_finfo:hover p{ padding-left: 5px;}



.sx_fform input[type="text"]{ border: 1px solid #b3b3b3; border-right: 0; padding-left: 10px; float: left;  width: 320px; box-sizing: content-box; line-height: 38px; background: none; font-size: 12px; color: #a2a2a2;}

.sx_fform input[type="submit"]{ width: 80px; height: 40px; text-align: center; line-height: 40px; border: none; background-color: #e60012; font-size: 13px; color: #ffffff;}





.sx_share a.sx_weixin{ padding:0; margin-right20:px;display: block; width: 30px; height: 30px; background: url("../images/sx_weixin.png") no-repeat center center;}

.sx_share a.sx_qq{padding:0;margin-right20:px;display: block; width: 30px; height: 30px; background: url("../images/sx_qq.png") no-repeat center center;}

.sx_share a.sx_sina{padding:0;display: block; width: 30px; height: 30px; background: url("../images/sx_sina.png") no-repeat center center;}

.sx_copyright{ font-size: 13px; color: #878787; line-height: 20px; float: left;}

.sx_ftnav{ float: right;}

.sx_ftnav>li{float: left;}

.sx_ftnav>li>a{ float: left; font-size: 13px; color: #878787; padding: 0 18px; position: relative; line-height: 20px; }

.sx_ftnav>li>a>i{ display: inline-block; height: 50%; width: 1px; position: absolute; background-color: #878787; left: 0%; top: 25%;}

.sx_ftnav>li>a:hover{ color: #e60012;}



.copy{ padding: 20px 0px 5px; margin-top: 20px; border-top: 1px solid #cdcdcd}