@font-face {
  font-family: 'iconfont';
  src: url('../iconfont.eot');
  src: url('../iconfont.eot?#iefix') format('embedded-opentype'),
      url('../iconfont.woff2') format('woff2'),
      url('../iconfont.woff') format('woff'),
      url('../iconfont.ttf') format('truetype'),
      url('../iconfont.svg#iconfont') format('svg');
}

        .iconfont {
          font-family:"iconfont" !important;
          font-size:20px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

/* Style Reset */

html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;font-family: "microsoft yahei";}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear {clear:both;width:100%;}
.c{clear:both;width:100%;}
/* common */
.content{min-height:6rem;overflow:hidden;font-size:0.2rem;margin-top: 6%; padding-bottom: 5%; margin-bottom:8%; background-color: transparent;}
.content_new{margin-top:0!important;} /* 首页不要上边距 */
.common_bg{
	background-color: #b30f1a!important;
}
.head{
        background:#FFFFFF    }
    .foot{
        background:#333333    }
    .nav{
        background:#333333 !important 
    }
    .nav_color{
        background:#333333    }
/* index style */
.img img, .img {
	max-width: 100%;
	max-height: 100%;
}
.h10{height:10px; clear:both;}
html {
	font-size: 62.5%;
}
@media screen and (min-width:320px) and (max-width:321px) {
html {
	font-size: 62.5%;
}
}
@media screen and (min-width:321px) and (max-width:322px) {
html {
	font-size: 62.6953125%;
}
}
@media screen and (min-width:322px) and (max-width:323px) {
html {
	font-size: 62.89062500000001%;
}
}
@media screen and (min-width:323px) and (max-width:324px) {
html {
	font-size: 63.08593749999999%;
}
}
@media screen and (min-width:324px) and (max-width:325px) {
html {
	font-size: 63.28125%;
}
}
@media screen and (min-width:325px) and (max-width:326px) {
html {
	font-size: 63.4765625%;
}
}
@media screen and (min-width:326px) and (max-width:327px) {
html {
	font-size: 63.671875%;
}
}
@media screen and (min-width:327px) and (max-width:328px) {
html {
	font-size: 63.86718750000001%;
}
}
@media screen and (min-width:328px) and (max-width:329px) {
html {
	font-size: 64.0625%;
}
}
@media screen and (min-width:329px) and (max-width:330px) {
html {
	font-size: 64.2578125%;
}
}
@media screen and (min-width:330px) and (max-width:331px) {
html {
	font-size: 64.453125%;
}
}
@media screen and (min-width:331px) and (max-width:332px) {
html {
	font-size: 64.6484375%;
}
}
@media screen and (min-width:332px) and (max-width:333px) {
html {
	font-size: 64.84375%;
}
}
@media screen and (min-width:333px) and (max-width:334px) {
html {
	font-size: 65.0390625%;
}
}
@media screen and (min-width:334px) and (max-width:335px) {
html {
	font-size: 65.234375%;
}
}
@media screen and (min-width:335px) and (max-width:336px) {
html {
	font-size: 65.4296875%;
}
}
@media screen and (min-width:336px) and (max-width:337px) {
html {
	font-size: 65.625%;
}
}
@media screen and (min-width:337px) and (max-width:338px) {
html {
	font-size: 65.8203125%;
}
}
@media screen and (min-width:338px) and (max-width:339px) {
html {
	font-size: 66.015625%;
}
}
@media screen and (min-width:339px) and (max-width:340px) {
html {
	font-size: 66.2109375%;
}
}
@media screen and (min-width:340px) and (max-width:341px) {
html {
	font-size: 66.40625%;
}
}
@media screen and (min-width:341px) and (max-width:342px) {
html {
	font-size: 66.6015625%;
}
}
@media screen and (min-width:342px) and (max-width:343px) {
html {
	font-size: 66.796875%;
}
}
@media screen and (min-width:343px) and (max-width:344px) {
html {
	font-size: 66.9921875%;
}
}
@media screen and (min-width:344px) and (max-width:345px) {
html {
	font-size: 67.1875%;
}
}
@media screen and (min-width:345px) and (max-width:346px) {
html {
	font-size: 67.3828125%;
}
}
@media screen and (min-width:346px) and (max-width:347px) {
html {
	font-size: 67.578125%;
}
}
@media screen and (min-width:347px) and (max-width:348px) {
html {
	font-size: 67.7734375%;
}
}
@media screen and (min-width:348px) and (max-width:349px) {
html {
	font-size: 67.96875%;
}
}
@media screen and (min-width:349px) and (max-width:350px) {
html {
	font-size: 68.1640625%;
}
}
@media screen and (min-width:350px) and (max-width:351px) {
html {
	font-size: 68.359375%;
}
}
@media screen and (min-width:351px) and (max-width:352px) {
html {
	font-size: 68.5546875%;
}
}
@media screen and (min-width:352px) and (max-width:353px) {
html {
	font-size: 68.75%;
}
}
@media screen and (min-width:353px) and (max-width:354px) {
html {
	font-size: 68.9453125%;
}
}
@media screen and (min-width:354px) and (max-width:355px) {
html {
	font-size: 69.140625%;
}
}
@media screen and (min-width:355px) and (max-width:356px) {
html {
	font-size: 69.3359375%;
}
}
@media screen and (min-width:356px) and (max-width:357px) {
html {
	font-size: 69.53125%;
}
}
@media screen and (min-width:357px) and (max-width:358px) {
html {
	font-size: 69.7265625%;
}
}
@media screen and (min-width:358px) and (max-width:359px) {
html {
	font-size: 69.921875%;
}
}
@media screen and (min-width:359px) and (max-width:360px) {
html {
	font-size: 70.1171875%;
}
}
@media screen and (min-width:360px) and (max-width:361px) {
html {
	font-size: 70.3125%;
}
}
@media screen and (min-width:361px) and (max-width:362px) {
html {
	font-size: 70.5078125%;
}
}
@media screen and (min-width:362px) and (max-width:363px) {
html {
	font-size: 70.703125%;
}
}
@media screen and (min-width:363px) and (max-width:364px) {
html {
	font-size: 70.8984375%;
}
}
@media screen and (min-width:364px) and (max-width:365px) {
html {
	font-size: 71.09375%;
}
}
@media screen and (min-width:365px) and (max-width:366px) {
html {
	font-size: 71.2890625%;
}
}
@media screen and (min-width:366px) and (max-width:367px) {
html {
	font-size: 71.484375%;
}
}
@media screen and (min-width:367px) and (max-width:368px) {
html {
	font-size: 71.6796875%;
}
}
@media screen and (min-width:368px) and (max-width:369px) {
html {
	font-size: 71.875%;
}
}
@media screen and (min-width:369px) and (max-width:370px) {
html {
	font-size: 72.0703125%;
}
}
@media screen and (min-width:370px) and (max-width:371px) {
html {
	font-size: 72.265625%;
}
}
@media screen and (min-width:371px) and (max-width:372px) {
html {
	font-size: 72.4609375%;
}
}
@media screen and (min-width:372px) and (max-width:373px) {
html {
	font-size: 72.65625%;
}
}
@media screen and (min-width:373px) and (max-width:374px) {
html {
	font-size: 72.8515625%;
}
}
@media screen and (min-width:374px) and (max-width:375px) {
html {
	font-size: 73.046875%;
}
}
@media screen and (min-width:375px) and (max-width:376px) {
html {
	font-size: 73.2421875%;
}
}
@media screen and (min-width:376px) and (max-width:377px) {
html {
	font-size: 73.4375%;
}
}
@media screen and (min-width:377px) and (max-width:378px) {
html {
	font-size: 73.6328125%;
}
}
@media screen and (min-width:378px) and (max-width:379px) {
html {
	font-size: 73.828125%;
}
}
@media screen and (min-width:379px) and (max-width:380px) {
html {
	font-size: 74.0234375%;
}
}
@media screen and (min-width:380px) and (max-width:381px) {
html {
	font-size: 74.21875%;
}
}
@media screen and (min-width:381px) and (max-width:382px) {
html {
	font-size: 74.4140625%;
}
}
@media screen and (min-width:382px) and (max-width:383px) {
html {
	font-size: 74.609375%;
}
}
@media screen and (min-width:383px) and (max-width:384px) {
html {
	font-size: 74.8046875%;
}
}
@media screen and (min-width:384px) and (max-width:385px) {
html {
	font-size: 75%;
}
}
@media screen and (min-width:385px) and (max-width:386px) {
html {
	font-size: 75.1953125%;
}
}
@media screen and (min-width:386px) and (max-width:387px) {
html {
	font-size: 75.390625%;
}
}
@media screen and (min-width:387px) and (max-width:388px) {
html {
	font-size: 75.5859375%;
}
}
@media screen and (min-width:388px) and (max-width:389px) {
html {
	font-size: 75.78125%;
}
}
@media screen and (min-width:389px) and (max-width:390px) {
html {
	font-size: 75.9765625%;
}
}
@media screen and (min-width:390px) and (max-width:391px) {
html {
	font-size: 76.171875%;
}
}
@media screen and (min-width:391px) and (max-width:392px) {
html {
	font-size: 76.3671875%;
}
}
@media screen and (min-width:392px) and (max-width:393px) {
html {
	font-size: 76.5625%;
}
}
@media screen and (min-width:393px) and (max-width:394px) {
html {
	font-size: 76.7578125%;
}
}
@media screen and (min-width:394px) and (max-width:395px) {
html {
	font-size: 76.953125%;
}
}
@media screen and (min-width:395px) and (max-width:396px) {
html {
	font-size: 77.1484375%;
}
}
@media screen and (min-width:396px) and (max-width:397px) {
html {
	font-size: 77.34375%;
}
}
@media screen and (min-width:397px) and (max-width:398px) {
html {
	font-size: 77.5390625%;
}
}
@media screen and (min-width:398px) and (max-width:399px) {
html {
	font-size: 77.734375%;
}
}
@media screen and (min-width:399px) and (max-width:400px) {
html {
	font-size: 77.9296875%;
}
}
@media screen and (min-width:400px) and (max-width:401px) {
html {
	font-size: 78.125%;
}
}
@media screen and (min-width:401px) and (max-width:402px) {
html {
	font-size: 78.3203125%;
}
}
@media screen and (min-width:402px) and (max-width:403px) {
html {
	font-size: 78.515625%;
}
}
@media screen and (min-width:403px) and (max-width:404px) {
html {
	font-size: 78.7109375%;
}
}
@media screen and (min-width:404px) and (max-width:405px) {
html {
	font-size: 78.90625%;
}
}
@media screen and (min-width:405px) and (max-width:406px) {
html {
	font-size: 79.1015625%;
}
}
@media screen and (min-width:406px) and (max-width:407px) {
html {
	font-size: 79.296875%;
}
}
@media screen and (min-width:407px) and (max-width:408px) {
html {
	font-size: 79.4921875%;
}
}
@media screen and (min-width:408px) and (max-width:409px) {
html {
	font-size: 79.6875%;
}
}
@media screen and (min-width:409px) and (max-width:410px) {
html {
	font-size: 79.8828125%;
}
}
@media screen and (min-width:410px) and (max-width:411px) {
html {
	font-size: 80.078125%;
}
}
@media screen and (min-width:411px) and (max-width:412px) {
html {
	font-size: 80.2734375%;
}
}
@media screen and (min-width:412px) and (max-width:413px) {
html {
	font-size: 80.46875%;
}
}
@media screen and (min-width:413px) and (max-width:414px) {
html {
	font-size: 80.6640625%;
}
}
@media screen and (min-width:414px) and (max-width:415px) {
html {
	font-size: 80.859375%;
}
}
@media screen and (min-width:415px) and (max-width:416px) {
html {
	font-size: 81.0546875%;
}
}
@media screen and (min-width:416px) and (max-width:417px) {
html {
	font-size: 81.25%;
}
}
@media screen and (min-width:417px) and (max-width:418px) {
html {
	font-size: 81.4453125%;
}
}
@media screen and (min-width:418px) and (max-width:419px) {
html {
	font-size: 81.640625%;
}
}
@media screen and (min-width:419px) and (max-width:420px) {
html {
	font-size: 81.8359375%;
}
}
@media screen and (min-width:420px) and (max-width:421px) {
html {
	font-size: 82.03125%;
}
}
@media screen and (min-width:421px) and (max-width:422px) {
html {
	font-size: 82.2265625%;
}
}
@media screen and (min-width:422px) and (max-width:423px) {
html {
	font-size: 82.421875%;
}
}
@media screen and (min-width:423px) and (max-width:424px) {
html {
	font-size: 82.6171875%;
}
}
@media screen and (min-width:424px) and (max-width:425px) {
html {
	font-size: 82.8125%;
}
}
@media screen and (min-width:425px) and (max-width:426px) {
html {
	font-size: 83.0078125%;
}
}
@media screen and (min-width:426px) and (max-width:427px) {
html {
	font-size: 83.203125%;
}
}
@media screen and (min-width:427px) and (max-width:428px) {
html {
	font-size: 83.3984375%;
}
}
@media screen and (min-width:428px) and (max-width:429px) {
html {
	font-size: 83.59375%;
}
}
@media screen and (min-width:429px) and (max-width:430px) {
html {
	font-size: 83.7890625%;
}
}
@media screen and (min-width:430px) and (max-width:431px) {
html {
	font-size: 83.984375%;
}
}
@media screen and (min-width:431px) and (max-width:432px) {
html {
	font-size: 84.1796875%;
}
}
@media screen and (min-width:432px) and (max-width:433px) {
html {
	font-size: 84.375%;
}
}
@media screen and (min-width:433px) and (max-width:434px) {
html {
	font-size: 84.5703125%;
}
}
@media screen and (min-width:434px) and (max-width:435px) {
html {
	font-size: 84.765625%;
}
}
@media screen and (min-width:435px) and (max-width:436px) {
html {
	font-size: 84.9609375%;
}
}
@media screen and (min-width:436px) and (max-width:437px) {
html {
	font-size: 85.15625%;
}
}
@media screen and (min-width:437px) and (max-width:438px) {
html {
	font-size: 85.3515625%;
}
}
@media screen and (min-width:438px) and (max-width:439px) {
html {
	font-size: 85.546875%;
}
}
@media screen and (min-width:439px) and (max-width:440px) {
html {
	font-size: 85.7421875%;
}
}
@media screen and (min-width:440px) and (max-width:441px) {
html {
	font-size: 85.9375%;
}
}
@media screen and (min-width:441px) and (max-width:442px) {
html {
	font-size: 86.1328125%;
}
}
@media screen and (min-width:442px) and (max-width:443px) {
html {
	font-size: 86.328125%;
}
}
@media screen and (min-width:443px) and (max-width:444px) {
html {
	font-size: 86.5234375%;
}
}
@media screen and (min-width:444px) and (max-width:445px) {
html {
	font-size: 86.71875%;
}
}
@media screen and (min-width:445px) and (max-width:446px) {
html {
	font-size: 86.9140625%;
}
}
@media screen and (min-width:446px) and (max-width:447px) {
html {
	font-size: 87.109375%;
}
}
@media screen and (min-width:447px) and (max-width:448px) {
html {
	font-size: 87.3046875%;
}
}
@media screen and (min-width:448px) and (max-width:449px) {
html {
	font-size: 87.5%;
}
}
@media screen and (min-width:449px) and (max-width:450px) {
html {
	font-size: 87.6953125%;
}
}
@media screen and (min-width:450px) and (max-width:451px) {
html {
	font-size: 87.890625%;
}
}
@media screen and (min-width:451px) and (max-width:452px) {
html {
	font-size: 88.0859375%;
}
}
@media screen and (min-width:452px) and (max-width:453px) {
html {
	font-size: 88.28125%;
}
}
@media screen and (min-width:453px) and (max-width:454px) {
html {
	font-size: 88.4765625%;
}
}
@media screen and (min-width:454px) and (max-width:455px) {
html {
	font-size: 88.671875%;
}
}
@media screen and (min-width:455px) and (max-width:456px) {
html {
	font-size: 88.8671875%;
}
}
@media screen and (min-width:456px) and (max-width:457px) {
html {
	font-size: 89.0625%;
}
}
@media screen and (min-width:457px) and (max-width:458px) {
html {
	font-size: 89.2578125%;
}
}
@media screen and (min-width:458px) and (max-width:459px) {
html {
	font-size: 89.453125%;
}
}
@media screen and (min-width:459px) and (max-width:460px) {
html {
	font-size: 89.6484375%;
}
}
@media screen and (min-width:460px) and (max-width:461px) {
html {
	font-size: 89.84375%;
}
}
@media screen and (min-width:461px) and (max-width:462px) {
html {
	font-size: 90.0390625%;
}
}
@media screen and (min-width:462px) and (max-width:463px) {
html {
	font-size: 90.234375%;
}
}
@media screen and (min-width:463px) and (max-width:464px) {
html {
	font-size: 90.4296875%;
}
}
@media screen and (min-width:464px) and (max-width:465px) {
html {
	font-size: 90.625%;
}
}
@media screen and (min-width:465px) and (max-width:466px) {
html {
	font-size: 90.8203125%;
}
}
@media screen and (min-width:466px) and (max-width:467px) {
html {
	font-size: 91.015625%;
}
}
@media screen and (min-width:467px) and (max-width:468px) {
html {
	font-size: 91.2109375%;
}
}
@media screen and (min-width:468px) and (max-width:469px) {
html {
	font-size: 91.40625%;
}
}
@media screen and (min-width:469px) and (max-width:470px) {
html {
	font-size: 91.6015625%;
}
}
@media screen and (min-width:470px) and (max-width:471px) {
html {
	font-size: 91.796875%;
}
}
@media screen and (min-width:471px) and (max-width:472px) {
html {
	font-size: 91.9921875%;
}
}
@media screen and (min-width:472px) and (max-width:473px) {
html {
	font-size: 92.1875%;
}
}
@media screen and (min-width:473px) and (max-width:474px) {
html {
	font-size: 92.3828125%;
}
}
@media screen and (min-width:474px) and (max-width:475px) {
html {
	font-size: 92.578125%;
}
}
@media screen and (min-width:475px) and (max-width:476px) {
html {
	font-size: 92.7734375%;
}
}
@media screen and (min-width:476px) and (max-width:477px) {
html {
	font-size: 92.96875%;
}
}
@media screen and (min-width:477px) and (max-width:478px) {
html {
	font-size: 93.1640625%;
}
}
@media screen and (min-width:478px) and (max-width:479px) {
html {
	font-size: 93.359375%;
}
}
@media screen and (min-width:479px) and (max-width:480px) {
html {
	font-size: 93.5546875%;
}
}
@media screen and (min-width:480px) and (max-width:481px) {
html {
	font-size: 93.75%;
}
}
@media screen and (min-width:481px) and (max-width:482px) {
html {
	font-size: 93.9453125%;
}
}
@media screen and (min-width:482px) and (max-width:483px) {
html {
	font-size: 94.140625%;
}
}
@media screen and (min-width:483px) and (max-width:484px) {
html {
	font-size: 94.3359375%;
}
}
@media screen and (min-width:484px) and (max-width:485px) {
html {
	font-size: 94.53125%;
}
}
@media screen and (min-width:485px) and (max-width:486px) {
html {
	font-size: 94.7265625%;
}
}
@media screen and (min-width:486px) and (max-width:487px) {
html {
	font-size: 94.921875%;
}
}
@media screen and (min-width:487px) and (max-width:488px) {
html {
	font-size: 95.1171875%;
}
}
@media screen and (min-width:488px) and (max-width:489px) {
html {
	font-size: 95.3125%;
}
}
@media screen and (min-width:489px) and (max-width:490px) {
html {
	font-size: 95.5078125%;
}
}
@media screen and (min-width:490px) and (max-width:491px) {
html {
	font-size: 95.703125%;
}
}
@media screen and (min-width:491px) and (max-width:492px) {
html {
	font-size: 95.8984375%;
}
}
@media screen and (min-width:492px) and (max-width:493px) {
html {
	font-size: 96.09375%;
}
}
@media screen and (min-width:493px) and (max-width:494px) {
html {
	font-size: 96.2890625%;
}
}
@media screen and (min-width:494px) and (max-width:495px) {
html {
	font-size: 96.484375%;
}
}
@media screen and (min-width:495px) and (max-width:496px) {
html {
	font-size: 96.6796875%;
}
}
@media screen and (min-width:496px) and (max-width:497px) {
html {
	font-size: 96.875%;
}
}
@media screen and (min-width:497px) and (max-width:498px) {
html {
	font-size: 97.0703125%;
}
}
@media screen and (min-width:498px) and (max-width:499px) {
html {
	font-size: 97.265625%;
}
}
@media screen and (min-width:499px) and (max-width:500px) {
html {
	font-size: 97.4609375%;
}
}
@media screen and (min-width:500px) and (max-width:501px) {
html {
	font-size: 97.65625%;
}
}
@media screen and (min-width:501px) and (max-width:502px) {
html {
	font-size: 97.8515625%;
}
}
@media screen and (min-width:502px) and (max-width:503px) {
html {
	font-size: 98.046875%;
}
}
@media screen and (min-width:503px) and (max-width:504px) {
html {
	font-size: 98.2421875%;
}
}
@media screen and (min-width:504px) and (max-width:505px) {
html {
	font-size: 98.4375%;
}
}
@media screen and (min-width:505px) and (max-width:506px) {
html {
	font-size: 98.6328125%;
}
}
@media screen and (min-width:506px) and (max-width:507px) {
html {
	font-size: 98.828125%;
}
}
@media screen and (min-width:507px) and (max-width:508px) {
html {
	font-size: 99.0234375%;
}
}
@media screen and (min-width:508px) and (max-width:509px) {
html {
	font-size: 99.21875%;
}
}
@media screen and (min-width:509px) and (max-width:510px) {
html {
	font-size: 99.4140625%;
}
}
@media screen and (min-width:510px) and (max-width:511px) {
html {
	font-size: 99.609375%;
}
}
@media screen and (min-width:511px) and (max-width:512px) {
html {
	font-size: 99.8046875%;
}
}
@media screen and (min-width:512px) and (max-width:513px) {
html {
	font-size: 100%;
}
}
@media screen and (min-width:513px) and (max-width:514px) {
html {
	font-size: 100.1953125%;
}
}
@media screen and (min-width:514px) and (max-width:515px) {
html {
	font-size: 100.390625%;
}
}
@media screen and (min-width:515px) and (max-width:516px) {
html {
	font-size: 100.5859375%;
}
}
@media screen and (min-width:516px) and (max-width:517px) {
html {
	font-size: 100.78125%;
}
}
@media screen and (min-width:517px) and (max-width:518px) {
html {
	font-size: 100.9765625%;
}
}
@media screen and (min-width:518px) and (max-width:519px) {
html {
	font-size: 101.171875%;
}
}
@media screen and (min-width:519px) and (max-width:520px) {
html {
	font-size: 101.3671875%;
}
}
@media screen and (min-width:520px) and (max-width:521px) {
html {
	font-size: 101.5625%;
}
}
@media screen and (min-width:521px) and (max-width:522px) {
html {
	font-size: 101.7578125%;
}
}
@media screen and (min-width:522px) and (max-width:523px) {
html {
	font-size: 101.953125%;
}
}
@media screen and (min-width:523px) and (max-width:524px) {

html {
	font-size: 102.1484375%;
}
}
@media screen and (min-width:524px) and (max-width:525px) {
html {
	font-size: 102.34375%;
}
}
@media screen and (min-width:525px) and (max-width:526px) {
html {
	font-size: 102.5390625%;
}
}
@media screen and (min-width:526px) and (max-width:527px) {
html {
	font-size: 102.734375%;
}
}
@media screen and (min-width:527px) and (max-width:528px) {
html {
	font-size: 102.9296875%;
}
}
@media screen and (min-width:528px) and (max-width:529px) {
html {
	font-size: 103.125%;
}
}
@media screen and (min-width:529px) and (max-width:530px) {
html {
	font-size: 103.3203125%;
}
}
@media screen and (min-width:530px) and (max-width:531px) {
html {
	font-size: 103.515625%;
}
}
@media screen and (min-width:531px) and (max-width:532px) {
html {
	font-size: 103.7109375%;
}
}
@media screen and (min-width:532px) and (max-width:533px) {
html {
	font-size: 103.90625%;
}
}
@media screen and (min-width:533px) and (max-width:534px) {
html {
	font-size: 104.1015625%;
}
}
@media screen and (min-width:534px) and (max-width:535px) {
html {
	font-size: 104.296875%;
}
}
@media screen and (min-width:535px) and (max-width:536px) {
html {
	font-size: 104.4921875%;
}
}
@media screen and (min-width:536px) and (max-width:537px) {
html {
	font-size: 104.6875%;
}
}
@media screen and (min-width:537px) and (max-width:538px) {
html {
	font-size: 104.8828125%;
}
}
@media screen and (min-width:538px) and (max-width:539px) {
html {
	font-size: 105.078125%;
}
}
@media screen and (min-width:539px) and (max-width:540px) {
html {
	font-size: 105.2734375%;
}
}
@media screen and (min-width:540px) and (max-width:541px) {
html {
	font-size: 105.46875%;
}
}
@media screen and (min-width:541px) and (max-width:542px) {
html {
	font-size: 105.6640625%;
}
}
@media screen and (min-width:542px) and (max-width:543px) {
html {
	font-size: 105.859375%;
}
}
@media screen and (min-width:543px) and (max-width:544px) {
html {
	font-size: 106.0546875%;
}
}
@media screen and (min-width:544px) and (max-width:545px) {
html {
	font-size: 106.25%;
}
}
@media screen and (min-width:545px) and (max-width:546px) {
html {
	font-size: 106.4453125%;
}
}
@media screen and (min-width:546px) and (max-width:547px) {
html {
	font-size: 106.640625%;
}
}
@media screen and (min-width:547px) and (max-width:548px) {
html {
	font-size: 106.8359375%;
}
}
@media screen and (min-width:548px) and (max-width:549px) {
html {
	font-size: 107.03125%;
}
}
@media screen and (min-width:549px) and (max-width:550px) {
html {
	font-size: 107.2265625%;
}
}
@media screen and (min-width:550px) and (max-width:551px) {
html {
	font-size: 107.421875%;
}
}
@media screen and (min-width:551px) and (max-width:552px) {
html {
	font-size: 107.6171875%;
}
}
@media screen and (min-width:552px) and (max-width:553px) {
html {
	font-size: 107.8125%;
}
}
@media screen and (min-width:553px) and (max-width:554px) {
html {
	font-size: 108.0078125%;
}
}
@media screen and (min-width:554px) and (max-width:555px) {
html {
	font-size: 108.203125%;
}
}
@media screen and (min-width:555px) and (max-width:556px) {
html {
	font-size: 108.3984375%;
}
}
@media screen and (min-width:556px) and (max-width:557px) {
html {
	font-size: 108.59375%;
}
}
@media screen and (min-width:557px) and (max-width:558px) {
html {
	font-size: 108.7890625%;
}
}
@media screen and (min-width:558px) and (max-width:559px) {
html {
	font-size: 108.984375%;
}
}
@media screen and (min-width:559px) and (max-width:560px) {
html {
	font-size: 109.1796875%;
}
}
@media screen and (min-width:560px) and (max-width:561px) {
html {
	font-size: 109.375%;
}
}
@media screen and (min-width:561px) and (max-width:562px) {
html {
	font-size: 109.5703125%;
}
}
@media screen and (min-width:562px) and (max-width:563px) {
html {
	font-size: 109.765625%;
}
}
@media screen and (min-width:563px) and (max-width:564px) {
html {
	font-size: 109.9609375%;
}
}
@media screen and (min-width:564px) and (max-width:565px) {
html {
	font-size: 110.15625%;
}
}
@media screen and (min-width:565px) and (max-width:566px) {
html {
	font-size: 110.3515625%;
}
}
@media screen and (min-width:566px) and (max-width:567px) {
html {
	font-size: 110.546875%;
}
}
@media screen and (min-width:567px) and (max-width:568px) {
html {
	font-size: 110.7421875%;
}
}
@media screen and (min-width:568px) and (max-width:569px) {
html {
	font-size: 110.9375%;
}
}
@media screen and (min-width:569px) and (max-width:570px) {
html {
	font-size: 111.1328125%;
}
}
@media screen and (min-width:570px) and (max-width:571px) {
html {
	font-size: 111.328125%;
}
}
@media screen and (min-width:571px) and (max-width:572px) {
html {
	font-size: 111.5234375%;
}
}
@media screen and (min-width:572px) and (max-width:573px) {
html {
	font-size: 111.71875%;
}
}
@media screen and (min-width:573px) and (max-width:574px) {
html {
	font-size: 111.9140625%;
}
}
@media screen and (min-width:574px) and (max-width:575px) {
html {
	font-size: 112.109375%;
}
}
@media screen and (min-width:575px) and (max-width:576px) {
html {
	font-size: 112.3046875%;
}
}
@media screen and (min-width:576px) and (max-width:577px) {
html {
	font-size: 112.5%;
}
}
@media screen and (min-width:577px) and (max-width:578px) {
html {
	font-size: 112.6953125%;
}
}
@media screen and (min-width:578px) and (max-width:579px) {
html {
	font-size: 112.890625%;
}
}
@media screen and (min-width:579px) and (max-width:580px) {
html {
	font-size: 113.0859375%;
}
}
@media screen and (min-width:580px) and (max-width:581px) {
html {
	font-size: 113.28125%;
}
}
@media screen and (min-width:581px) and (max-width:582px) {
html {
	font-size: 113.4765625%;
}
}
@media screen and (min-width:582px) and (max-width:583px) {
html {
	font-size: 113.671875%;
}
}
@media screen and (min-width:583px) and (max-width:584px) {
html {
	font-size: 113.8671875%;
}
}
@media screen and (min-width:584px) and (max-width:585px) {
html {
	font-size: 114.0625%;
}
}
@media screen and (min-width:585px) and (max-width:586px) {
html {
	font-size: 114.2578125%;
}
}
@media screen and (min-width:586px) and (max-width:587px) {
html {
	font-size: 114.453125%;
}
}
@media screen and (min-width:587px) and (max-width:588px) {
html {
	font-size: 114.6484375%;
}
}
@media screen and (min-width:588px) and (max-width:589px) {
html {
	font-size: 114.84375%;
}
}
@media screen and (min-width:589px) and (max-width:590px) {
html {
	font-size: 115.0390625%;
}
}
@media screen and (min-width:590px) and (max-width:591px) {
html {
	font-size: 115.234375%;
}
}
@media screen and (min-width:591px) and (max-width:592px) {
html {
	font-size: 115.4296875%;
}
}
@media screen and (min-width:592px) and (max-width:593px) {
html {
	font-size: 115.625%;
}
}
@media screen and (min-width:593px) and (max-width:594px) {
html {
	font-size: 115.8203125%;
}
}
@media screen and (min-width:594px) and (max-width:595px) {
html {
	font-size: 116.015625%;
}
}
@media screen and (min-width:595px) and (max-width:596px) {
html {
	font-size: 116.2109375%;
}
}
@media screen and (min-width:596px) and (max-width:597px) {
html {
	font-size: 116.40625%;
}
}
@media screen and (min-width:597px) and (max-width:598px) {
html {
	font-size: 116.6015625%;
}
}
@media screen and (min-width:598px) and (max-width:599px) {
html {
	font-size: 116.796875%;
}
}
@media screen and (min-width:599px) and (max-width:600px) {
html {
	font-size: 116.9921875%;
}
}
@media screen and (min-width:600px) and (max-width:601px) {
html {
	font-size: 117.1875%;
}
}
@media screen and (min-width:601px) and (max-width:602px) {
html {
	font-size: 117.3828125%;
}
}
@media screen and (min-width:602px) and (max-width:603px) {
html {
	font-size: 117.578125%;
}
}
@media screen and (min-width:603px) and (max-width:604px) {
html {
	font-size: 117.7734375%;
}
}
@media screen and (min-width:604px) and (max-width:605px) {
html {

	font-size: 117.96875%;
}
}
@media screen and (min-width:605px) and (max-width:606px) {
html {
	font-size: 118.1640625%;
}
}
@media screen and (min-width:606px) and (max-width:607px) {
html {
	font-size: 118.359375%;
}
}
@media screen and (min-width:607px) and (max-width:608px) {
html {
	font-size: 118.5546875%;
}
}
@media screen and (min-width:608px) and (max-width:609px) {
html {
	font-size: 118.75%;
}
}
@media screen and (min-width:609px) and (max-width:610px) {
html {
	font-size: 118.9453125%;
}
}
@media screen and (min-width:610px) and (max-width:611px) {
html {
	font-size: 119.140625%;
}
}
@media screen and (min-width:611px) and (max-width:612px) {
html {
	font-size: 119.3359375%;
}
}
@media screen and (min-width:612px) and (max-width:613px) {
html {
	font-size: 119.53125%;
}
}
@media screen and (min-width:613px) and (max-width:614px) {
html {
	font-size: 119.7265625%;
}
}
@media screen and (min-width:614px) and (max-width:615px) {
html {
	font-size: 119.921875%;
}
}
@media screen and (min-width:615px) and (max-width:616px) {
html {
	font-size: 120.1171875%;
}
}
@media screen and (min-width:616px) and (max-width:617px) {
html {
	font-size: 120.3125%;
}
}
@media screen and (min-width:617px) and (max-width:618px) {
html {
	font-size: 120.5078125%;
}
}
@media screen and (min-width:618px) and (max-width:619px) {
html {
	font-size: 120.703125%;
}
}
@media screen and (min-width:619px) and (max-width:620px) {
html {
	font-size: 120.8984375%;
}
}
@media screen and (min-width:620px) and (max-width:621px) {
html {
	font-size: 121.09375%;
}
}
@media screen and (min-width:621px) and (max-width:622px) {
html {
	font-size: 121.2890625%;
}
}
@media screen and (min-width:622px) and (max-width:623px) {
html {
	font-size: 121.484375%;
}
}
@media screen and (min-width:623px) and (max-width:624px) {
html {
	font-size: 121.6796875%;
}
}
@media screen and (min-width:624px) and (max-width:625px) {
html {
	font-size: 121.875%;
}
}
@media screen and (min-width:625px) and (max-width:626px) {
html {
	font-size: 122.0703125%;
}
}
@media screen and (min-width:626px) and (max-width:627px) {
html {
	font-size: 122.265625%;
}
}
@media screen and (min-width:627px) and (max-width:628px) {
html {
	font-size: 122.4609375%;
}
}
@media screen and (min-width:628px) and (max-width:629px) {
html {
	font-size: 122.65625%;
}
}
@media screen and (min-width:629px) and (max-width:630px) {
html {
	font-size: 122.8515625%;
}
}
@media screen and (min-width:630px) and (max-width:631px) {
html {
	font-size: 123.046875%;
}
}
@media screen and (min-width:631px) and (max-width:632px) {
html {
	font-size: 123.2421875%;
}
}
@media screen and (min-width:632px) and (max-width:633px) {
html {
	font-size: 123.4375%;
}
}
@media screen and (min-width:633px) and (max-width:634px) {
html {
	font-size: 123.6328125%;
}
}
@media screen and (min-width:634px) and (max-width:635px) {
html {
	font-size: 123.828125%;
}
}
@media screen and (min-width:635px) and (max-width:636px) {
html {
	font-size: 124.0234375%;
}
}
@media screen and (min-width:636px) and (max-width:637px) {
html {
	font-size: 124.21875%;
}
}
@media screen and (min-width:637px) and (max-width:638px) {
html {
	font-size: 124.4140625%;
}
}
@media screen and (min-width:638px) and (max-width:639px) {
html {
	font-size: 124.609375%;
}
}
@media screen and (min-width:639px) and (max-width:640px) {
html {
	font-size: 124.8046875%;
}
}
@media screen and (min-width:640px) {
html {
	font-size: 125%;
}
}
/*header*/
.header{width:100%;height:0.9rem;background:#FFFFFF;position:relative;z-index:9999; }
.head{text-align:left;position:fixed;width:100%;height:0.9rem;top:0;right:0;line-height:0.691rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
 
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;}
.sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center{padding:0.4rem 0;font-size:0.2rem}
.sub_page center a{color:red}
.search_hl{width:14.0625%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.691rem;color:#fff;text-align:center;overflow:hidden;}
.search_l{
	left:0%;
}
/*header end*/

/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.main{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:150%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #303030;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:150%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/



/* sub header */
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.691rem;color:#fff;text-align:center;overflow:hidden;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.691rem;color:#fff;text-align:center;overflow:hidden;display:block;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.691rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.4rem;}
/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative{position:relative;width:100%;height:0.8rem;}
.foot a{display:block;float:left;width:50%;color:#fff}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
/* foot search btn */
.common-search{
	width:92.1875%;
	position:absolute;
	z-index:100;
	left:3.90625%;
	bottom:0.9rem;
	background: #fff;
	border:1px solid #ccc;
	display:none;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 2px #666 inset;
	box-shadow: 0 1px 2px #666 inset;
}
.search-input-n{
	width: 85%;
	height:0.533rem;
	line-height: 0.533rem;
	border:none;
	outline: none;
	text-indent: 5%;
	border-radius: 25px;
	font-family: "microsoft yahei";
	background-color: transparent;
}
.search-btn-n{
	width: 12%;
	border:none;
	outline: none;
	font-size: 0.4rem;
	line-height: 0.533rem;
	background-color: transparent;
	color:#666;
	background-color: transparent;
	font-family: "microsoft yahei";
}
/* foot search btn end*/

/* sub_banner */
.big-pic{width:100%;position:relative;z-index:2;margin:0 auto;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.pic-list img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none}
.slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff}
.slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}



/* top class */
.type{width:100%;top:0.691rem;right:0;position:fixed;background:#232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.type li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font:0.2rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}

/* top class */
.class{width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.class li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.class li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.class li span.iconfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li span.iconfont.class-up{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.class li dl dd{overflow:hidden}
.class li dl dd a{width:100%}

/* subpage */
.about,.view{width:92.5%;margin:0% auto;font:0.22rem/2.4 "microsoft yahei";color:#1d1d1d;}
.about{width:100%;margin:0% auto;font:0.18rem/0.36rem "microsoft yahei";color:#333; box-sizing:border-box;}
.about img{display:block; margin:0 auto; clear:both; margin-top:0.15rem; margin-bottom:0.05rem;}
.view p { margin:0; padding:0;}
.view h1{width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939; }
.about h1{line-height: 0.6rem; text-align:center;font:0.28rem/0.5rem "microsoft yahei"; font-weight:bold;margin-bottom:3%;}
.view img{max-width: 100%;display:inline}
.page{display:block;width:100%;height:0.38rem;font:0.22rem/0.38rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
.back{display:block;width:33.57%;margin:2% auto;height:0.4rem;border-radius:0.4rem;font:0.2rem/0.4rem "microsoft yahei";color:#393939;text-align:center;}

/* product */
.product-top{width:91.25%;margin:2% auto;border-bottom:1px solid #c9c9c9;height:0.5833rem;font:0.2rem/0.5833rem "microsoft yahei";color:#7b7b7b;}
.product-top p{float:left;}
.product-top p span{color:#3e74ce}
.product-top-right{float:right;color:#7b7b7b}
.product-top-right a{font-size:0.3rem;color:#272727;vertical-align: middle}
.product-top-right a.show{color:#3e74ce}



/* news */
/*
.news1,.news2,.news3{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news1 li{width:100%;height:0.691rem;overflow:hidden}
.news1 li a,.news2 li a,.news3 li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news1 li span:nth-child(1),.news2 li span:nth-child(1),.news3 li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 li span:nth-child(2),.news2 li span:nth-child(2),.news3 li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news1 li:nth-child(even){background:#f2f2f2;}
.news2 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px solid #ddd;}
.news3 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px dashed #ddd;}
*/

/* news */
.news{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news li{width:100%;height:0.691rem;overflow:hidden}
.news li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news li:nth-child(even){background:#fff;}

.imore,.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#b30f1a;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}
.imore:before,.back:before{content:"";clear:both;}
.common_news{width:100%;height:auto;overflow:hidden;margin:0% auto;}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.news1,.news2{width:92%;margin:0 auto}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;width:33%;height:auto;overflow:hidden; float:left; padding-left:3%;}
.news1>a>img{display:block;width:100%;float:left; }
.news3>h1{display:block;width:100%;margin-left:3%;overflow:hidden;}
.news3>h1>a{display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%}
.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:80%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;font:0.22rem/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left; margin-left:3%;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%}


/* case */
.case{width:100%;height:auto;overflow:hidden;margin:2% auto}
.case li{width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden}
.case li>a{display:block;width:35.46875%;float:left;margin:0 3.75% 0 4.6875%;border:1px solid #fff;}
.case li>a img{display:block;width:100%}
.case li h1{float:left;width:51.875%;height:0.35rem;font:0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case li h1 a{color:#232323}
.case li div{float:left;width:51.75%;height:1.1rem;overflow:hidden;font:0.18rem/0.28rem "microsoft yahei";color:#1d1d1d}

/* for white */
.white-bg{background:#fff;}

/* login & reg */
.login{width:87.5%;margin:10% auto;height:auto;overflow:hidden}
.login li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:95%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}

.pin_width{width:51.78%;}
.login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;}
.login_btn{width:98%;height:0.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"}
.red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input{float:left;width:70%;}

/* site_nav 悬浮球*/
.site_btn{position: fixed;width:0.7rem;height:0.7rem;top:270px;left:1.875%;z-index:999;border:2px solid #e1e1e1;border-radius:50%;color:#fff;text-align:center;font:0.5rem/0.7rem "microsoft yahei";}
.cart-btn-numbers{width:100%;position:relative;height:100%;color:#fff}
.cart-btn-number{position:absolute;width:0.24rem;height:0.24rem;left:74%;bottom:74%;font:0.14rem/0.24rem "microsoft yahei";background:#fff;border:0.016rem solid #e1e1e1;border-radius:50%;color:#c2c2c2}
/* 临时
.site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden}   */
.site-nav li{overflow:hidden;width:100%;height:auto;font:0.16rem/0.2rem "microsoft yahei"}
.site-nav a{color:#fff}
.site-nav li a{font:0.18rem/0.2rem "microsoft yahei";color:#fff;text-align:center;display:block;position:absolute;width:0.6rem;height:0.4rem;border-radius:50%;border:2px solid #e8e8e8;bottom:0;opacity: 0;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;z-index:-999;transform:rotate(-360deg);-ms-transform:rotate(-350deg);-moz-transform:rotate(-350deg);-webkit-transform:rotate(-350deg);-o-transform:rotate(-350deg);padding:0.1rem 0;}
.site-nav.slideup li:nth-child(1) a{left:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slideup li:nth-child(2) a{left:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slideup li:nth-child(3) a{left:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms; z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(1) a{left:auto;right:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(2) a{left:auto;right:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(3) a{left:auto;right:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms; z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}

/* product width cart btn css*/
.view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span{font-size:0.28rem;color:#ff0000}
.view_btns{width:100%;margin:2% auto;overflow:hidden}
.view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child{float:right;}
.view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font{position: absolute;right:0}
.view_collect a a{color:#707070}
/*.header{height:0.691rem!important;}*/
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;margin-top:6%;padding-bottom:5%;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size:70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size:60px;}
}
/* Survey */
.survey{height:auto;overflow:hidden;width:92.5%;margin:0% auto;}
.survey li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.survey_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.surveya{height:auto;overflow:hidden;width:92.5%;margin:0% auto;}
.surveya li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.25rem/1.4 "microsoft yahei"; border-bottom: 1px solid #ededed; margin:0 0 2% 0;}
.survey_label{margin:5px 6px}
.survey_boder{border:#FF0000 solid 1px;}

/* msg & reg */
.msg_pin{width:100%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400;}
.msg_input{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:0.52rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.msg_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;resize: none}
.msg_input2{display:block;border:1px solid #d9d9d9;background:#fff;width:50%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.redmc { font-weight:bold;font:0.28rem/0.62rem "microsoft yahei"; }
.msg_pin-value {width:80%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400; margin-left:10%; border:0;background:#f14400;}

/* search*/
input{
	outline: none;
}
.search{
	width: 96%;
	height: 0.691rem;
	padding:0 2%;
	position: absolute;
	top: -120%;
	left: 0;
	background-color: #0078c1;
	font-family: "microsoft yahei";
}
.search-input{
	width: 75%;
	border:1px solid #0078c1;
	border-radius: 15px 0 0 15px;
	float: left;
	border-right: none;
	height: 0.461rem;
	font-size: 0.18rem;
	font-family: "microsoft yahei";
	text-indent: 5%;
	margin-top: 2%;
	background-color:#FFFFFF
}
.search-btn{
	width: 15%;
	float: left;
	background-color: #fff;
	border-radius:0 15px 15px 0;
	border:1px solid #0078c1;
	border-left: none;
	height: 0.491rem;
	font-size: 0.25rem;
	margin-top: 2%;
}
.search a{
	display: inline-block;
	width: 9%;
	float: left;
	color:#fff;
	text-align: center;
	height: 0.7rem;
}

.search_lh{
	width: 100%;
	text-align: center;
	background-color: #ff9600;
}
.index_text{
	width: 90%;
	font-size: 14px;
	height: 0.5rem;
	background: #fff url(../images/search_bg_05.png) no-repeat 95% center;
	-webkit-background-size: 7%;
	background-size: 7%;
	border:none;
	font-size: 0.21rem;
	font-family:"microsoft yahei";
	text-indent: 3%;
	margin:2% 0;
	border-radius: 25px;
}
/* product discuss */
.discuss_top{width:87.5%;margin:2% auto;overflow:hidden;background:url(../images/discuss.png) right 0 no-repeat;background-size:4.46%;position:relative;padding:2% 0;color:#fff;}
.discuss_top_left{float:left;width:70.35%;margin:0 0 0 2.85%;height:0.9rem;overflow:hidden;font:0.18rem/0.3rem "microsoft yahei";}
.discuss_top_right{position:absolute;height:100%;right:0;top:0;border-left:1px solid rgba(255,255,255,.39);width:23.21%;font:0.18rem/1rem "microsoft yahei";text-align:center}
.discuss_top_right span{font-size:0.5rem;}
.discuss_list{width:87.5%;margin:2% auto;overflow:hidden;}
.discuss_list li{width:100%;height:auto;border-bottom:1px solid #ddd;overflow:hidden;padding:2% 0}
.discuss_list_top{width:100%;height:auto;overflow:hidden}
.discuss_list_top span{float:left;font:0.18rem/0.4rem "microsoft yahei";color:#545454}
.discuss_list_top_right{float:right;overflow:hidden;width:38.92%;}
.discuss_list_top_right div{float:left;width:67.43%;height:auto;overflow:hidden;position:relative;margin-top:3.2%;background:#d0cfcf}
.discuss_list_top_right div img{position:relative;z-index:2;width:100%;display:block}
.discuss_list_top_right div p{position: absolute;width:50%;left:0;top:0;height:100%;}
.discuss_list_top_right font{float:left;font:0.18rem/0.4rem "microsoft yahei";width:30%;display:block;text-align:center}
.discuss_list_con{width:100%;height:auto;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";color:#8a8a8a;padding:2% 0}
.discuss_list_reply{width:100%;height:auto;font:0.18rem/0.26rem "microsoft yahei";color:#877f7f;background:#eaeaea;padding:2%;overflow:hidden}
/* product width cart */
.view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span{font-size:0.28rem;color:#ff0000}
.view_btns{width:100%;margin:2% auto;overflow:hidden}
.view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child{float:right;}
.view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font{position: absolute;right:0}
.view_collect a a{color:#707070}

.daohang{width:100%; background:#f5f5f5; clear:both; margin:0 auto;}
.daohang ul{list-style:none; margin:0 ; padding:0;}
.daohang ul li{float:left; width:20%; text-align:center; color:#666; line-height:0.7rem; font-size:0.22rem;  box-sizing: border-box; }

/*.daohang ul li:nth-child(5),.daohang ul li:nth-child(6),.daohang ul li:nth-child(7),.daohang ul li:nth-child(8){  background:#1363A2;}*/
.daohang ul li a{color:#666; text-decoration:none; display:block; }
.daohang ul li a:hover{color:#fff; text-decoration:none; display:block; text-align:center; background:#e60012; cursor:pointer}
.daohang ul li a.xz{border-bottom:2px solid #e60012; color:#e60012; text-decoration:none;}


.indTit{
	overflow: hidden;
	text-align: center;
	font-size: 0px;
	margin-top:5px; 
	margin-bottom:0px;
}
.indTit .center{
	display: inline-block;
	overflow: hidden;
}
.indTitEn{
	position: relative;
	padding: 0px 10px 0px 10px;
	border-top: 1px solid #ddd;
	z-index: 2;
	font:0.18rem/0.5rem Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase;
}
.indTitEn img{
	display: block;
	height: 15px;
}
.indTitEn em{
	display: block;
	width: 15px;
	height: 3px;
	overflow: hidden;
	background: #006cdb;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -7px;
}

.indTitEn2{
	position: relative;
	padding: 0px 10px 0px 10px;
	border-top: 1px solid #ddd;
	z-index: 2;
	font:0.2rem/0.5rem Arial, Helvetica, sans-serif; color:#f5f5f5; text-transform:uppercase;
}
.indTitEn2 img{
	display: block;
	height: 15px;
}
.indTitEn2 em{
	display: block;
	width: 15px;
	height: 3px;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -7px;
}

.indTitCh{
	overflow: hidden;
	font-size: 0.24rem;
	color:#006cdb;
	height: 0.6rem;
	line-height: 0.6rem;
	
}
.indTitCh2{
	overflow: hidden;
	font-size: 0.3rem;
	color:#fff;
	height: 0.6rem;
	line-height: 0.6rem;
	
}


.team{width:96%; margin:0 auto; clear:both;}
.team ul li{float:left; width:45%; height:140px; text-align:center; margin:2% 2.5%; }
.team ul li p{color:#fff; font-size:14px;  line-height:40px; top: -40px; height:40px; display: block; position: relative;  background-color: rgba(34, 34, 34, 0.8); color: rgb(255, 255, 255);  }
.team ul li img{display:block; width:100%; height:140px; text-align:center; margin:0 auto; clear:both;  }
.team ul li:hover{box-shadow:0px 2px 10px 2px #bdbdbd;  }

.fwxm { line-height: 50px; text-align: center;  margin-top: 50px; margin-bottom:20px; }
.fw {  line-height: 50px; display: inline-block; padding: 0px 25px; }
.fwxl { line-height: 50px; display: inline-block; height: 200px; margin: 10px 10px; padding: 0px 50px; font-size:18px;   color:#333;   }
.fwxl img{display:block; text-align:center; margin:0 auto; clear:both; width:160px; height:160px; border-radius:160px;}