/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-3-5, 13:44:37
    Author     : Administrator
*/
/* header & menu */





/*-------------------------------------*/

.header{width:100%;	height:131px;}
.headtop{ width:95%; max-width:1170px; height:131px; margin:0 auto;}
.logo{ /*width:22.3%;*/ width:261px; padding-top:18px; float:left;}
.logo img{ width:100%;}

.toplng{ float:left; /*width:5%;*/ width:61px; margin-left:1%;}
.toplng{ padding-top:65px;}
.toplng li{ width:100%; height:16px; text-align:center;}
.toplng .cn{ font-size:12px;}
.toplng .en{ font-size:14px; font-family:Arial;}
.toplng .on,.toplng li:hover{ background:#0068D7; color:#FFF;}
.toplng .on a,.toplng li:hover a{ color:#FFF;}
.topmenu{ float:right; width:60%; height:100%;}
.topmenu ul, .toplng ul{ width:100%; height:100%;}
.topmenu ul li{ float:left; width:14.6%; height:100%; margin-right:2%;}
.topmenu ul li a{ display:block; font-size:14px; font-family:"微软雅黑"; color:#666; height:100%; line-height:131px; text-align:center;}
.topmenu ul li a:hover, .topmenu ul li a.on{ color:#fff; background-color:#D91B03;}

.nav_toggle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 40px;
height: 40px;
position: absolute;
text-indent: -9999px;
overflow: hidden;
background:transparent url(../images/hamburger.gif) no-repeat 0 0;
display: none;
}


/*-------------------------------------*/







/* banner */
.banner-wrap {
    width: 100%;
    margin:0 auto;
    height: 400px;
    overflow: hidden;
    position: relative;
    background: #949494;
}
div.flicking_con {
    position: absolute;
    /*top: 450px;*/
    bottom:10px;
    left: 50%;
    z-index: 99;
    /*    width: 300px;*/
    height: 20px;
    margin: 0 0 0 -50px;
}
div.flicking_con a {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0px 3px;
    padding: 0;
    background: url('../images/banner_list.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px;
}
div.flicking_con a.active{
    background: url('../images/banner_list_on.png') 0 0 no-repeat;
}
.banner{
    width:100%;
    margin:auto;
    height: 100%;
    overflow: hidden;
    position:relative;
}
.banner ul {
    width: 1920px;
    height: 100%;
    position: relative;
	left:50%;
	margin-left:-960px;
}
#ibanners-homegallery .banner0{
    width: 100%;
    display: none;
    position: absolute;
}
#ibanners-homegallery .banner0 img { width: 100%;}
#ibanners-homegallery .active {
    display: block;
}
.main_image li a {
    display: block;
    width: 100%;
    height: 100%;
}
#ibanners-homegallery .banner img {
    width: 100%;
}

#bannerImg:hover #btn_prev{
    opacity:0.7;
}
#bannerImg:hover #btn_next{
    opacity:0.7;
}
.b-pn{
    width:1000px;
}

/* footer */
.footer-wrap{
    display:block;
    position:relative;
    background:#161616;
}
.top_red{
    display:block;
    position:relative;
    background:#D01A04;
    height:32px;
}
.footer_menu{
    width:90%;
	max-width:1170px;
    margin:auto;
    display:block;
    position:relative;
    padding-top:20px;
}
.f_m_product{
    padding-left:132px;
    width:620px;
    min-height:150px;
	float:left;
}
.f_m_product h2{
    font-size:18px;
    font-family:"微软雅黑";
    color:#FFF;
    height:40px;
    margin-bottom:10px;
    padding-top:3px;
    background:url(../images/f_contact_bg.png) no-repeat top left;
}
.f_m_product li{
    height:25px;
	 width:200px;
	 float: left;
    line-height:25px;
    text-align:left;
    overflow:hidden;
}
.f_m_product li a{
    font-size:14px;
    font-family:"微软雅黑";
    color:#CCC;
}
.f_m_contact{
    width:313px;
    padding-right:15px;
	float:right;
}
.f_m_contact h2{
    font-size:18px;
    font-family:"微软雅黑";
    color:#FFF;
    height:40px;
    margin-bottom:10px;
    padding-top:3px;
    background:url(../images/f_contact_bg.png) no-repeat top left;
}
.f_m_contact li{
    line-height:25px;
    text-align:left;
    font-size:14px;
    font-family:"微软雅黑";
    color:#CCC;
}
.f_copyright{
    width:63.9%;
	max-width:748px;
    margin:auto;
    display:block;
    position:relative;
    border-top:1px solid #3D3D3D;
    margin-top:50px;
    line-height:40px;
	padding-bottom:18px;
    color:#4E4E4E;
    font-size:14px;
}
.f_copyright a,.f_copyright span{
    color:#4E4E4E;
    font-size:14px;
}
.f_copyright span{
	float:right;
}
.footer_feedback{
    display:block;
    position:absolute;
    top:-32px;
    right:38%;
    width:269px;
    padding:20px 29px 13px 29px;
    background:#FFF;
    text-align:center;
}
.footer_feedback h2{
    height:43px;
    line-height:43px;
    text-align:center;
    color:#CF1A05;
    font-size:30px;
    font-family:"微软雅黑";
    margin-bottom:9px;
    font-weight:normal;
}
.footer_feedback span{
    padding:5px 10px;
    background:#F1F1F1;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
}
.footer_feedback .form1{
    margin-top:27px;
}
.footer_feedback .input{
    width:267px;
    border:thin solid #D3D3D3;
    line-height:27px;
    margin-bottom:11px;
    text-align:left;
}
.footer_feedback .input label{
    padding:0 0 0 10px;
    font-size:14px;
    font-family:"微软雅黑";
    color:#5D5D5D;
}
.footer_feedback .input input{
    border:0;
    height:100%;
    line-height:27px;
    font-size:14px;
    font-family:"微软雅黑";
    color:#5D5D5D;
    width:75%;
}
.footer_feedback .input textarea{
    border:0;
    height:100%;
    line-height:27px;
    font-size:14px;
    font-family:"微软雅黑";
    color:#5D5D5D;
    width:100%;
}
.footer_feedback input.submit{
    height:32px;
    width:100%;
    border:0;
    border-radius:3px;
    line-height:32px;
    text-align:center;
    color:#FFF;
    background:#D01A04;
    font-size:18px;
    font-family:"微软雅黑";
    cursor:pointer;
}
.boxtop{
    padding-bottom:17px;
    text-align:center;
}
.boxtop img{
    width:100%;
}
.box_main_text{
    width:100%;
    height:102px;
    line-height:102px;
    color:#FFF;
    background:#0068D7;
    font-family:"微软雅黑";
    font-size:24px;
    text-align:center;
}






/* 遮罩层 */
#winMark{display:none;position:fixed;z-index:100;background:rgba(0, 0, 0, 0.5); height:100%; width:100%; top:0;left:0;}

/* 弹层 */
.elasticLayer{display:none; position:absolute;z-index:102;margin:0;margin-left:-48%;width:96%;left:50%; background:#fff;}
.elasticLayer dt{padding-left:15px;height:40px;line-height:40px;background:#08c;color:#fff;font-size:18px;font-family:"Microsoft YaHei","微软雅黑","黑体";}
.elasticLayer dd{padding:15px;overflow:hidden;}

/* 底部功能菜单 */
.footerPanel{display:none;position:fixed;bottom:0;left:0;width:100%;height:50px;z-index:111;background:#07c;}
.footerPanel li{float:left;position:relative;width:25%;text-align:center;background:url("../images/footerPanel.png") no-repeat 0 0;background-size:64px auto;}
.footerPanel li a{display:block;padding-top:23px;border-right:1px solid #09c;line-height:30px;color:#fff;}
.footerPanel li.li1{background-position:center 0;}
.footerPanel li.li2{background-position:center -50px;}
.footerPanel li.li4{background-position:center -150px;}
.footerPanel li.li5{background-position:center -200px;border:none;}
	/* 地图 */
	.footerPanel #sMap.on:before{content:"";border:10px solid; border-color:#fff transparent transparent transparent;position:absolute; left:45%; margin-left:-5px;top:-11px;}
	.footerPanel #hMap.elasticLayer{bottom:60px;}
	/* 分享 */
	.footerPanel #sShare.on:before{content:"";border:10px solid; border-color:#fff transparent transparent transparent;position:absolute; left:45%; margin-left:-5px;top:-11px;}
	.footerPanel #hShare.elasticLayer{bottom:60px;}
	.footerPanel #hShare .bds_tools_32 a {width:45px;height:45px;}








/*header调整*/

@media (min-width:320px) and (max-width:881px){
.header, .headtop { height: 96px;}
.logo { width: 185px;}
.topmenu ul li { width: 16.6%; margin-right: 0;}
.topmenu ul li a { line-height: 96px;}
.toplng { padding-top: 45px;}
}
@media (min-width:320px) and (max-width:685px){
.headtop { width: 100%;}
.logo { padding-left: 2%;}


.topmenu { width: 100%;margin:0 auto; padding:18px 0 0 0;height:0px;background: none;float:left; position:relative;}
ul.topnav {background: #FFF; z-index:999; position: relative;margin:0 auto;display:none;height:1px;overflow:hidden;}
ul.topnav li {list-style:none;font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4 , "Microsoft JhengHei"; font: bold 1.5em/37px Verdana, Arial, Helvetica, sans-serif; text-align:center; position: relative; letter-spacing:1px;float:left;width:100%;margin-right:0px;margin-bottom:1px;height: 37px;text-align: center;color: #fff;}
ul.topnav li a{font: bold 1em/37px Verdana,Arial,Helvetica,sans-serif;color: #FFF;text-decoration: none; background: #999;  padding: 0; text-align: center;width:100%; height: 37px; display: block;border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
ul.topnav li a.on,ul.topnav li a:hover{background:#D91B03;text-decoration:none;color:#fff;font: bold 1em/37px Verdana,Arial,Helvetica,sans-serif;}






.nav_toggle{display:block;width: 35px;height:35px;background-size:100% 100%;top:-47.5px;right:2%;}

}



/*responsive 1024 || 1136 == 990*/
@media (min-width:1000px){

/*banner*/

.banner-wrap { height: 400px;}
.banner ul { width: 1920px; margin-left:-960px;}

}
/*responsive 768 == 999*/
@media (min-width:783px) and (max-width:999px){
/*banner*/

.banner-wrap { height: 335px;}
.banner ul { width: 1608px; margin-left:-804px;}
}



/*responsive 640 == 620*/
@media (min-width:641px) and (max-width:782px){
/*banner*/
.banner-wrap { height: 300px;}
.banner ul { width: 1440px; margin-left:-720px;}
}



@media (min-width:481px) and (max-width:640px){
/*banner*/
.banner-wrap { height: 267px;}
.banner ul { width: 1282px; margin-left:-641px;}

}





/*responsive 320 == 310*/
@media (min-width:310px) and (max-width:480px){

/*banner*/
.banner-wrap { height: 135px;}
.banner ul { width: 648px; margin-left:-324px;}
div.flicking_con { bottom: 0px;}
}



/*footer调整*/

@media (min-width:936px) and (max-width:1040px){
.footer_menu { width: 100%;}
}
@media (min-width:865px) and (max-width:935px){
.footer_menu { padding-top: 30px;}
.f_m_product { padding-left: 0;}
.footer_feedback { position: relative; top: auto; right: auto; float:left;}
}
@media (min-width:655px) and (max-width:864px){
.footer_menu { padding-top: 30px;}
.f_m_product { padding-left: 0;width: 50%;}
.footer_feedback { position: relative;width: 45%; top: auto; right: auto; float:left;padding: 20px 2.5% 13px; }
.footer_feedback .input { width: 100%;}
.footer_feedback .input label { padding: 0px 0px 0px 3%;}
.footer_feedback .input input { width: 80%;}

.f_m_contact { width: 100%; padding-right:0; float: left; margin-top: 35px;}
}
@media (min-width:505px) and (max-width:654px){
.footer_menu { padding-top: 30px;}
.f_m_product { padding-left: 0;width: 50%;}
.footer_feedback { position: relative;width: 45%; top: auto; right: auto; float:left;padding: 20px 2.5% 13px; }
.footer_feedback .input { width: 100%;}
.footer_feedback .input label { padding: 0px 0px 0px 3%;}
.footer_feedback .input input { width: 75%;}

.f_m_contact { width: 100%; padding-right:0; float: left; margin-top: 35px;}
}
@media (min-width:320px) and (max-width:504px){
.footer_menu { padding-top: 30px;}
.f_m_product { padding-left: 0;width: 100%; float:none;}
.footer_feedback { position: relative;width: 95%; top: auto; right: auto; float: none;padding: 20px 2.5% 13px; margin:20px auto; }
.footer_feedback .input { width: 100%;}
.footer_feedback .input label { padding: 0px 0px 0px 3%;}
.footer_feedback .input input { width: 80%;}

.f_m_contact { width: 100%; padding-right:0; float: none; margin-top: 35px;}

.footerPanel{display:block;}
.footer-wrap { margin-bottom: 50px;}
}

@media (min-width:320px) and (max-width:938px){
.f_copyright { width: 100%;}
}
@media (min-width:320px) and (max-width:340px){
.f_copyright span { float: none; display:block;}
}


/*product调整*/
@media (min-width:320px) and (max-width:340px){
.box_main_text {
    height: 50px;
    line-height: 50px;
}
}