@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-family:"微软雅黑";}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#707070; text-decoration:none;}
a:hover { color:#707070; text-decoration:underline;}

/* 头部 */
.menu{ width:50%; height:100%; background:#d5111f; position:fixed; right:50px; padding-top:8%; display:none; top:0; z-index:500;}
.menu li{ text-align:center; border-bottom:1px solid #e80011; padding:5% 0; display:block;}
.menu li a{ display:block; width:100%; color:#fff;}
.menu li a:hover{ color:#fff;}
.menuiocn{ width:15.625%; position:absolute; top:0; right:0;}
.menuiocn img{ width:100%;}

.headbox{ position:relative;}
.headbox img{ width:100%;}

.box{ max-width:640px; width:100%; position:relative; background:#f8f5ee; margin:0 auto;}
.boxbg{ position:fixed; width:100%; height:100%; background-color:#000; top:0; display:none; z-index:100; lter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

/* banner */
.focus{ max-width:640px; max-height:1308px; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom:10px; text-align:center;}
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{ background:#ff0000;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; max-height:908px;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

/* 内容 */
.nt{ max-width:620px; width:96.875%; padding:0 1.5625%;}

.ustit{ max-width:640px; width:100%; background:url(../images/ustit.jpg) no-repeat; background-size:100%; font-weight:bold; text-align:center;}
.ustit span{ color:#d5111f;}
.ustit p{ color:#b7b1a1; display:block; margin-left:19.35%;}

.uscon{ max-width:620px; width:100%; background:url(../images/usbg.jpg) no-repeat; background-size:100%; margin-bottom:4.6875%;}
.uscon span{ width:45.161%; color:#fff; float:right; overflow:hidden; display:block;}

.cptit{ max-width:640px; width:100%; background:url(../images/cptit.jpg) no-repeat; background-size:100%;}
.titwz{ text-align:center; font-weight:bold; color:#fff;}

.h_fl{ max-width:590px; width:92.1875%; padding-left:7.8125%;}
.h_fl li{ width:18.983%; text-align:center; background:url(../images/flbg.jpg) no-repeat; background-size:100%; font-weight:bold; margin-right:5.084%; float:left;}
.h_fl li a{ color:#f2a700; display:block;}

.h_fls{ max-width:590px; width:92.1875%; padding-left:7.8125%;}
.h_fls li{ width:18.983%; text-align:center; background:url(../images/nfl.jpg) no-repeat; background-size:100%; font-weight:bold; margin-right:5.084%; float:left;}
.h_fls li a{ color:#fff; display:block;}

.cpcn{ max-width:620px; width:100%; margin-top:3.125%; overflow:hidden;}
.cpcn li{ width:30%; text-align:center; margin-bottom:3.125%; float:left;}
.cpcn li img{ width:100%;}
.cpcn li a p{ color:#ff0000;}
.c35{ margin-right:5%;}

.xwtit{ max-width:640px; width:100%; background:url(../images/xwtit.jpg) no-repeat; background-size:100%; font-weight:bold; text-align:center;}
.xwtit span{ color:#d5111f;}
.xwtit p{ color:#b7b1a1;}

.xwk{ max-width:620px; width:96.875%; margin:0 1.5625%;}
.xwcon{ background:#fff; margin-bottom:3.125%; padding:3.125%; overflow:hidden;}
.xwtu{ width:33.9655%; margin-right:3.125%; float:left;}
.xwtu img{ width:100%;}
.xwnr{ width:62.5862%; float:left;}
.xwnr li{ padding-left:5%; background:#f5f5f5; display:block;}

.bq{ text-align:center; color:#fff; background:#d5111f;}

/* 底部 */
.wihtesd img{ width:100%;}
.foc{ max-width:640px; width:100%; background:url(../images/foot.jpg) no-repeat; background-size:100%; position:fixed; bottom:0; z-index:10;}
.foc li{ width:33.333%; text-align:center; color:#fff; overflow:hidden; cursor:pointer; float:left; background:none;}
.foc li img{ width:100%;}
.foc li a{ display:block; position:relative; color:#fff; overflow:hidden;}
.foc li a p{ position:absolute; width:100%; bottom:12%; left:0;}


/* 在线咨询漂浮窗口 */
#swt{width:220px; position:fixed; top:50%; margin-top:-30px; text-align:center;left:50%; margin-left:-110px; z-index:503; line-height:normal;}
#swt .close{ width:22px; height:22px; background-color:#333;border-radius:50%; font-family:"微软雅黑"; position:absolute; right:-8px; top:-8px; float:right;z-index:502; color:#fff; font-size:14px; line-height:20px; cursor:pointer;}
#swt .swtbox{ border:1px solid #bbbbbb; background-color:#fff; height:80px; position:relative; }
#swt .swtbox .adwords{ font-family:"微软雅黑"; height:38px; line-height:38px; font-size:16px; overflow:hidden; white-space:nowrap; overflow:hidden; background:#f1f1f1;}
#swt .swtbox .yulist{ width:186px; margin:0 auto;}
#swt .swtbox .yulist li {width:77px; height:26px; display:inline; float:left; margin:0 8px; font-size:12px; text-align: center;}
#swt .swtbox .yulist li a{ width:77px; height:26px; border-radius:2px; display:block; color:#fff; line-height:25px;}
#swt .swtbox .yulist li a.phone{ background-color:#0C58A6; margin-top:8px;}
#swt .swtbox .yulist li a.swt{  background-color:#FF6600; margin-top:8px;}
#swtblack{ position:fixed;height:100%; left:0; top:0; width:100%; display:block; z-index:501;}

.pageListNav{ text-align:center; padding:3% 0; margin:0 auto;}
.pageListNav a{ display:inline-block; width:16%; height:auto; padding:0.5% 0; background:#eae7e0;}
.pageListNav .sz{ width:5%; background:#eae7e0;}

.tit{ background:#eae7e0; padding:2% 4%; margin:1.6181% 0;}
.tit a{ color:#000;}

.cont{ padding:0 4% 3% 4%; line-height:180%; color:#414141;}
.cont img{ width:100%;}
.cont p{ margin:3% 0;}

.news{ margin:1% 4%;}
.news li{ padding:2% 0; border-bottom:1px dashed #dbd7cf;}

.zsgfgbt{ width:100%; float:left; clear:both; overflow:hidden; padding-bottom:20px;}
.zsgfgbt img{ width:100%;}

.xlc{ max-width:618px; width:100%;}
.xlc li{ padding:3.125% 2.4271%; background:#f5f5f5; margin-bottom:1.6181%;}
.xlc li p{ font-weight:bold; color:#419a00;}
.xlc li span{ color:#fe6000;}
.tu{ width:23.8095%; margin-right:3.4013%; float:left;}
.tu img{ width:100%;}

.n_tu{ max-width:570px; width:100%; margin:0 auto;}
.n_tu li{ width:41.22%; text-align:center; margin:3.125% 4.385% 2% 4.385%; background:#f5f5f5; float:left;}
.n_tu li img{ width:100%;}

.cntit{ padding:2% 0; text-align:center; color:#000; font-weight:bold;}
.sjian{ background:#eae7e0; padding:0.5% 0; text-align:center;}
.contu{ width:90%; margin:3% auto;}
.contu img{ width:100%;}


/*****************响应式布局设置*****************/
@media screen and (max-width:320px){
body{ font-size:12px;}
.bq{ line-height:20px;}
.ustit{ height:26x; padding-top:14px; line-height:14px;}
.uscon{ height:149px;}
.uscon span{ height:90px; margin-top:15px; line-height:18px;}
.cptit{ height:78px;}
.titwz{ padding-top:15px; line-height:14px;}
.h_fl li{ line-height:19px; margin-top:7px;}
.h_fls li{ line-height:19px; margin-top:7px;}
.xwtit{ height:35px; padding-top:14px; line-height:14px;}
.xwcon{ height:111px;}
.xwnr li{ line-height:22px; margin-bottom:7.333px;}
.cpcn li{ line-height:18px;}
.cpcn li img{ margin-bottom:3px;}
}

@media screen and (min-width:320px) and (max-width:360px){
body{ font-size:12px;}
.bq{ line-height:22px;}
.ustit{ height:26px; padding-top:14px; line-height:14px;}
.uscon{ height:149px;}
.uscon span{ height:90px; margin-top:15px; line-height:18px;}
.cptit{ height:78px;}
.titwz{ padding-top:14px; line-height:14px;}
.h_fl li{ line-height:19px; margin-top:7px;}
.h_fls li{ line-height:19px; margin-top:7px;}
.xwtit{ height:35px; padding-top:14px; line-height:14px;}
.xwcon{ height:111px;}
.xwnr li{ line-height:22px; margin-bottom:7.333px;}
.cpcn li{ line-height:18px;}
.cpcn li img{ margin-bottom:3px;}
}

@media screen and (min-width:360px) and (max-width:480px){
body{ font-size:13px;}
.bq{ line-height:22px;}
.ustit{ height:36px; padding-top:14px; line-height:17px;}
.ustit span{ font-size:15px;}
.uscon{ height:168px;}
.uscon span{ height:105px; margin:15px 5px 0 0; line-height:21px;}
.cptit{ height:88px;}
.titwz{ padding-top:14px; line-height:17px;}
.titwz span{ font-size:15px;}
.h_fl li{ line-height:21px; margin-top:7px;}
.h_fls li{ line-height:21px; margin-top:7px;}
.xwtit{ height:41px; padding-top:14px; line-height:17px;}
.xwtit span{ font-size:15px;}
.xwcon{ height:125px;}
.xwnr li{ line-height:25px; margin-bottom:8.333px;}
.cpcn li{ line-height:21px;}
.cpcn li img{ margin-bottom:4px;}
}

@media screen and (min-width:480px) and (max-width:560px){
body{ font-size:15px;}
.bq{ line-height:30px;}
.ustit{ height:44px; padding-top:18px; line-height:21px;}
.ustit span{ font-size:18px;}
.uscon{ height:223px;}
.uscon span{ height:150px; margin:18px 0 0 0; line-height:24px;}
.cptit{ height:117px;}
.titwz{ padding-top:18px; line-height:21px;}
.titwz span{ font-size:18px;}
.h_fl li{ line-height:28px; margin-top:10px;}
.h_fls li{ line-height:28px; margin-top:10px;}
.xwtit{ height:56px; padding-top:18px; line-height:21px;}
.xwtit span{ font-size:18px;}
.xwcon{ height:166px;}
.xwnr li{ line-height:33px; margin-bottom:11.333px;}
.cpcn li{ line-height:24px;}
.cpcn li img{ margin-bottom:5px;}
}

@media screen and (min-width:560px) and (max-width:640px){
body{ font-size:16px;}
.bq{ line-height:35px;}
.ustit{ height:52px; padding-top:24px; line-height:24px;}
.ustit span{ font-size:22px;}
.uscon{ height:260px;}
.uscon span{ height:150px; margin:25px 6px 0 0; line-height:30px;}
.cptit{ height:136px;}
.titwz{ padding-top:24px; line-height:24px;}
.titwz span{ font-size:22px;}
.h_fl li{ line-height:33px; margin-top:10px;}
.h_fls li{ line-height:33px; margin-top:10px;}
.xwtit{ height:61px; padding-top:24px; line-height:24px;}
.xwtit span{ font-size:22px;}
.xwcon{ height:193px;}
.xwnr li{ line-height:38px; margin-bottom:13.666px;}
.cpcn li{ line-height:28px;}
.cpcn li img{ margin-bottom:6px;}
}

@media all and (min-width:640px){	
body{ width:640px!important; margin:0 auto;}
body{ font-size:18px!important;}
.ustit{ height:60px; padding-top:28px; line-height:28px;}
.ustit span{ font-size:24px;}
.uscon{ height:298px;}
.uscon span{ height:170px; margin:30px 5px 0 0; line-height:32px;}
.cptit{ height:156px;}
.titwz{ padding-top:28px; line-height:28px;}
.titwz span{ font-size:24px;}
.h_fl li{ line-height:38px; margin-top:12px;}
.h_fls li{ line-height:38px; margin-top:12px;}
.xwtit{ height:70px; padding-top:28px; line-height:28px;}
.xwtit span{ font-size:24px;}
.xwcon{ height:221px;}
.xwnr li{ line-height:44px; margin-bottom:15px;}
.cpcn li{ line-height:31px;}
.cpcn li img{ margin-bottom:6px;}
}