@charset "utf-8";
/* CSS Document */

body { font-family:"Î¢ÈíÑÅºÚ"; margin:0; padding:0; background:#f2f2f2;font-size:14px;}
div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; border:0; /*font-weight:normal;*/ }
img{ border:none; vertical-align:middle;}
ul,li{ list-style-type: none; }
button{ vertical-align:middle; cursor:pointer;}
input, button{	vertical-align:middle; border:none; font-family:"Î¢ÈíÑÅºÚ";}
.clear { clear:both; overflow:hidden; height:0px;}
.blank{ display:block; height:10px; clear:both; overflow:hidden; visibility:hidden;}
.lft{ float:left;}
.rgt{ float:right;}
.clearfix{ overflow:hidden; zoom:1;}

/*ÎÄÕÂ*/
.contentbox .articles h2{ font-size:18px; line-height:56px; text-align:center; border-bottom:1px solid #cbcbcb; margin-bottom:20px;}
.contentbox .articles p{ font-size:14px; line-height:28px; color:#434343; /*text-indent:2em;*/ }
.contentbox .articles img { max-width: 600px; }
.contentbox img{ max-width: 600px; }
.contentbox .leftContent p{ font-size:16px; }

.warp{ margin:0 auto; max-width: 1920px; min-width: 1200px; width: 100%;}
.center{ width: 1200px; margin: 0 auto;}

.header{ height: 70px; background: #333333; position: relative; z-index: 99;}
.header .logo{ float: left; margin-top: 4px;}
.header .nav{ float: right; overflow: hidden;}
.header .nav a{ display: block; float: left; font-size: 18px; color: #fff; height: 70px; line-height: 70px; text-decoration: none; padding: 0 12px; margin: 0 15px; transition: all 0.3s;}
.header .nav a.active{ background: #d03d13;}

.footer{ height: 134px; background: #333333;}
.footer .copyRight{ float: left; font-size: 16px; line-height: 32px; letter-spacing: 1px; color: #dddddd; margin-top: 51px;}
.footer .tel{ float: right; font-size: 24px; height: 45px; line-height: 45px; letter-spacing: 1px; color: #dddddd; background: url(/images/telnew.png) left center no-repeat; padding-left: 60px; margin-top: 45px;}

@media only screen and (min-width: 320px) and (max-width: 640px) 
{
	.warp{max-width: 100%; min-width: 100%; width: 100%;}
	.main .rightSide .kefu { display:none; }
	.banner { display:none; }
	.main .contentBox .rightSide { float: right; width: 100%; }
	.header .nav{ float:none;}
	.header .logo{ margin-top:0px;}
	.header .nav a{padding: 2px; margin: 2px; font-size: 1rem; height: 64px; }
	.main,.main .contentBox .leftContent,.main .contentBox,.leftContent img, .center{ width:100% !important;}
  	.mulu{display: none; position: fixed; bottom: 100px; z-index: 99999; background-color: #fff; right: 15px; border: 1px solid #ccc; padding: 10px;cursor: pointer; }
  	.footer{ padding:0px 10px;}
  	.footer .tel {display:none;}
  	.main .contentBox .leftContent {float: left; background: #fff; padding: 20px; box-sizing: border-box; height: 100%; width: 100%; } 
}