.pIcon{display: inline-block;background: url(../images/icon2.png) no-repeat;background-size:cover; margin-top:15px; cursor:pointer}
.pic2{width:20px;height:17px;}
.moheaderRight{ display:none; float:right;margin-left:12px;}
.droplist { display: block}

.droplist{ position:fixed;width:100%;top:0%;right: 0; bottom:0; z-index: 9999;color:#eee;padding: 0;display: none;overflow-y:auto;background-color: rgba(0, 0, 0, 0.7);}
.droplist .del{font-size:40px; margin-right:10px; margin-bottom:10px; margin-top:20px;padding:0 10px;float:right;}
.droplist .navlist{ clear: both; margin:0; padding:0;}
.droplist .navlist li{line-height:35px;text-align: center;text-decoration: none;list-style-type: none; margin-bottom:2px; padding:0 10px;}
.droplist .navlist a{display: block;color: #fff;font-size:18px;}
.droplist .navlist li:hover{ background-color:#bf0945}

.pcshow{ display:block}
.phshow{ display:none}

@media screen and (max-width: 1200px){
#home .content .titles h3 {font-size:60px;line-height:80px;padding-top: 25px;}
#home .content .titles h3 span{font-size: 65px;}
#home .content .titles h4 {font-size: 20px; line-height:30px;}
#home .content .top-bar {height: 3px; width: 70px;margin-left: -35px;}
}
@media screen and (max-width: 1024px){
.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {width:96%;}
.span12 {width:96%;}
.navbar-fixed-top .container,.navbar-fixed-bottom .container {width:96%;}
}
@media screen and (max-width: 768px){
#home .content .titles h3 {font-size:50px;line-height: 70px;padding-top: 25px;}
#home .content .titles h3 span{font-size: 55px;}
#home .content .titles h4 {font-size: 18px; line-height:30px;}
#home .content .top-bar {height: 3px; width: 60px;margin-left: -30px;}

.moheaderRight{ display: block}
.nav-collapse{ display:none;}

#about #about_menu ul li {width: 98px; display:none}
#about #states_list ul li {font-size:15px;line-height:30px;list-style: none;padding:0 10px;}
#about #states_list ul{ padding:0; margin:0; margin-left:-30px}

#about #what_module .row:nth-child(2), #about #who_module .row:nth-child(2) { height: 350px;!important;overflow: auto;}
#about #what_module h3, #about #who_module h3{ margin-top:0}

#about #about_menu {margin-top:50px;}
#about .youpiao{ float:right; margin-left:20px; margin-bottom:20px; width:50%; height:auto}

#about .banner{height: 600px;!important;}
#about #vmap {height: 265px;width:360px; z-index:999}
#vmap #atabcontent ul:nth-child(2){ margin-top: 160px;margin-left:275px;}
#vmap #atabcontent ul:nth-child(3){ margin-top:135px; margin-left:247px;}
#vmap #atabcontent ul:nth-child(4){ margin-top:159.5px; margin-left:259.5px;}
#vmap #atabcontent ul:nth-child(5){ margin-top: 120px;margin-left: 13.5px;}
#vmap #atabcontent ul:nth-child(6){margin-top: 114px; margin-left: 234px;}
#vmap #atabcontent ul:nth-child(7){ margin-top: 153.5px;margin-left:196.5px;}
#vmap #atabcontent ul:nth-child(8){ margin-top: 147.5px;margin-left:128.5px;}
#vmap #atabcontent ul:nth-child(9){ margin-top:95px;margin-left: 232.5px;}
#vmap #atabcontent ul:nth-child(10){margin-top: 162.5px;margin-left:177.5px;}


#vmap #atabcontent ul span{ position:absolute; display:block;width:320px;}
#vmap #atabcontent ul:nth-child(2) span{ margin-top: 203px;margin-left: -265px;}
#vmap #atabcontent ul:nth-child(3) span{ margin-top:205px;margin-left:-237px;}
#vmap #atabcontent ul:nth-child(4) span{ margin-top:177px; margin-left:-249.5px;}
#vmap #atabcontent ul:nth-child(5) span{ margin-top: 169px;margin-left: -3.5px;}
#vmap #atabcontent ul:nth-child(6) span{margin-top: 225px; margin-left: -224px;}
#vmap #atabcontent ul:nth-child(7) span{ margin-top:182px;margin-left: -186.5px;}
#vmap #atabcontent ul:nth-child(8) span{ margin-top: 161px;margin-left: -118.5px;}
#vmap #atabcontent ul:nth-child(9) span{ margin-top: 260px;margin-left: -222.5px;}
#vmap #atabcontent ul:nth-child(10) span{margin-top: 175px;margin-left: -167.5px;}


#atabcontent ul img{ width:50%; height:auto;}

#about #states_list{ position:absolute; margin-top:-170px; padding-top:8px;}

.phshow{ display:block}
.pcshow{ display:none}

#contact .line{ height:20px;}
#contact .span4{ float:none; margin-right:0px; margin-bottom:10px}

#newsxiang #navigation {cursor: pointer; margin-right:0px; margin-left:20%; margin-top:20px; float:none; clear:both;}
#newsxiang #navigation div {height: 40px;margin-bottom: 10px;width:80px; float:left}
#newsxiang #navigation div img{ width:50%;}
#newsxiang #navigation .fanhui a {width: 80px; line-height:40px; height:40px; font-size:14px;}
#newsxiang .title { clear:both;padding: 20px 0 20px 0;}

#newsxiang #navigation .arrow img {margin-left: -5px;width: 10px;}
#newsxiang #navigation div img {height: 18px;margin-top: -9px;}


#products { min-height: 500px !important;}
}

@media screen and (max-width: 640px){
	
.section-header {padding-bottom: 20px;}
#home .content .titles h3 span{ display:block}

#about #states_list { height:145px;}
#atabcontent span{font-size:13px;line-height:20px;}

#products {min-height: 620px !important;}
#products .content .tiles .tile02 {float: left;height:150px;position: relative; width:48%; margin-right:0%;margin-left:0px;}
#products .content .tiles .tile02:first-child { height:150px; margin-left:0px;}
#products .content .tiles .tile02:nth-child(4){ margin-right:0}
#products .content .tiles .tile02:nth-child(7){ margin-right:0}
#products .content .tiles .tile02:nth-child(2n){ float:right}
#products .content .tiles .tile02:nth-child(5){ width:100%}

#products .content .tiles .tile02:first-child img {margin-top:10px}
#products .content .tiles .tile02:first-child h2{margin-top:0px;}
#products .content .tiles .tile02 img{margin-top:10px}

#news .newsli { float:none; width:90%; margin:0 0 15px 0; padding:3% 5%; margin-left:2%; height:auto; min-height:auto!important}

#contact{ height:360px; min-height:auto; overflow:hidden}

.flex-direction-nav{ display:none}

body{ line-height:26px; font-size:14px}

}