@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;letter-spacing: 1px;}
.tit span{display:block;font-size: 48px;color: #333;line-height: 48px;}
.tit i{display:block;font-size: 20px;line-height:20px;color: #666666;margin-top: 12px;position: relative;font-weight: 100;}
.tit i:after{ position: absolute;left: 50%;top: 40px;width: 50px;height: 3px;margin-left: -25px;background:#fe0000;content:"";}




.search{height:80px;background:rgba(255,255,255,1);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.search p{float: left;height: 80px;line-height: 80px;font-size: 16px;color: #666666;}
.search p b{ color: #666666;float: left;font-weight: normal;}
.search p a{ font-size:16px ;display: block;float: left;color: #666666;line-height: 80px;margin-right: 22px;}
.search p a:hover{ color: #fe0000; }
.s_box{float: right;margin-top:20px;width:300px;height:40px;background:rgba(255,255,255,1);border:2px solid rgba(238, 238, 238, 1);border-radius:20px;}
.s_box .input1{float:left;width:242px;height:40px;line-height: 40px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;background: 0;}
.s_box .input2{float: left;width:32px;height: 30px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top: 5px;}

.yz{ margin-top: 100px;}
.yz .tit i{ font-size: 24px;line-height: 24px;font-weight: 400; }
.yz_con p{ font-size: 18px;line-height: 32px;color: #333333;padding-top: 48px;text-align: center;margin-bottom:34px; }
.yz_con .index-vedio{ display: block;width: 1200px;height: 460px; }
.yz_con .index-vedio video{  display: block;width: 1200px;height: 460px;background:#333;}

.m_zz{margin-top: 48px;}
.m_zz ul{width: 1200px; position: relative; }
.m_zz li{ box-sizing: border-box; float: left; text-align: center; position: relative;height:92px;border-right: 1px solid #cccccc;box-sizing: border-box;padding: 0 48px; }
.m_zz li:last-child{border-right: 0;}
.m_zz li em{ display: block;margin-top: -15px; }
.m_zz li em b{color: #0950a0;  font-weight: normal;display: inline-block;font-size: 80px;font-family: Arial;}
.m_zz li em i{ display: inline-block;width: 30px;height: 30px;border-radius: 15px;background: #fe0000;font-size: 14px;color: #fff;text-align: center;line-height: 30px;margin-left: 5px; vertical-align: text-bottom;}
.m_zz li h3{font-size: 16px; color: #333333; text-align: center;line-height: 16px; font-weight: normal;}

.pro{padding-top: 124px;background: url(../images/pro_bg.jpg) no-repeat center top;box-sizing: border-box;margin-top: 80px;}
.pro .content2{ width: 1300px;margin: 0 auto; }
.pro h2 img{ display: block;margin-bottom:12px ;width: 203px;height: 32px; }
.pro h2 b{ display: block; font-size:48px;font-family:SourceHanSansCN;font-weight:400;color:rgba(255,255,255,1);line-height:48px;}
.pro h2 em{display: block; font-size:18px;font-family:SourceHanSansCN;font-weight:300;color:rgba(255,255,255,1);line-height:32px;margin-top: 24px;}
.pro_con{ margin-top: 120px;padding: 60px 50px 0;background: #fff; }

.pro_t{ position: relative;padding: 0 46px;overflow:visible!important;}
.pro_t .list{overflow: hidden;}
.pro_t li{ float: left;font-size: 20px;line-height: 20px;height: 20px;border-right: 1px solid #cccccc; text-align: center;padding: 0 24px;width:auto!important;}
.pro_t li a{ font-size: 20px;line-height: 20px;height: 20px;display: block; }
.pro_t li a span{ display: block;height: 20px;transition: all 0.3s;}
.pro_t li a span:nth-child(2){color:#fe0000; }
.pro_t li:hover a span:nth-child(1) {
    margin-top: -20px;}
    

.pro_t .zprev{position: absolute;width: 32px;height: 33px;background: url(../images/zprev.png) no-repeat;content: "";left: 0;top:-6px;}
.pro_t .znext{position: absolute;width: 32px;height: 33px;background: url(../images/znext.png) no-repeat;content: "";right: 0;top: -6px;}
.pro1{ margin-top: 48px; }
.pro1 li{ float: left;width: 270px;margin-right:40px;  }
.pro1 li:nth-child(4n){ margin-right: 0; }
.pro1 li i{ display: block;width: 270px;height: 360px;overflow: hidden; }
.pro1 li i img{ display: block;width: 270px;height: 360px;transition: all 0.5s; }
.pro1 li:hover i img{ transform: scale(1.05); }
.pro1 li h4{ display: block;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;text-align: center;padding-top: 20px; }
.pro1 li em{ display: block;color: #666666;font-weight: normal;text-align: center;font-size:16px;line-height: 28px;padding-top: 5px;font-weight: 100; padding-bottom: 24px;}
.pro2{ padding-top: 60px;background: url(../images/pro2_bg.jpg) no-repeat center;height: 860px;box-sizing: border-box;margin-top: 50px;   }
.pro2_con { margin-top: 60px; }

.pro2_qie{ float: left;width: 840px;position: relative; }
.pro2_con li{ float: left;width: 280px;background: #f8f8f8;height: 560px; }
.pro2_con li i{ display: block;width: 270px;height: 360px;overflow: hidden; margin: 48px auto 0;}
.pro2_con li i img{ display: block;width: 270px;height: 360px;transition: all 0.5s; }
.pro2_con li:hover i img{ transform: scale(1.05); }
.pro2_con li h4{ display: block;font-size: 24px;color: #333333;line-height: 32px;font-weight: normal;text-align: center;padding: 20px 30px 0; }
.pro2_con li em{ display: block;color: #666666;font-weight: normal;text-align: center;font-size:16px;line-height: 28px;padding-top: 5px;font-weight: 100; }
.pro2_con dl{ float: right;width: 360px;height: 560px;position: relative; }
.pro2_con dt{ display: block;width: 360px;height: 560px;overflow: hidden; }
.pro2_con dt img{  display: block;width: 360px;height: 560px;transition: all 0.5s }
.pro2_con dl:hover dt img{ transform: scale(1.05); }
.pro2_con dd{ position: absolute; left:0;top: 0;padding: 60px 32px 0;}
.pro2_con dd h3{ display: block; font-size:30px;font-weight:400;color:rgba(255,255,255,1);line-height:30px;}
.pro2_con dd p{display: block; font-size:16px;font-weight:300;color:rgba(255,255,255,1);line-height:30px;margin-top: 15px;}
.pro2_con .more{display: block;width: 120px;height: 40px;background: url(../images/news_jt.png) no-repeat 72px center #fe0000;border-radius: 20px;font-size: 16px;color: #2d0028;line-height: 40px;text-indent: 30px;transition: all .4s;margin-top: 30px;color: #fff;}
.pro2_con .more:hover {text-indent: 0;text-align: center;background: url(../images/news_jt.png) no-repeat 180px center #fe0000;}
.pro2_qie .bprev{position: absolute;width: 37px;height: 70px;background: url(../images/bprev.png) no-repeat;content: "";left: -78px;top:245px;z-index: 50;}
.pro2_qie .bnext{position: absolute;width: 37px;height: 70px;background: url(../images/bnext.png) no-repeat;content: "";right: -438px;top: 245px;z-index: 50;}
.pro3{ padding-top: 100px;margin-bottom: 80px; }

.pro3 dl{ float: left;width:595px;height: 400px;position: relative;  }
.pro3 dl:nth-child(2n){ float: right; }
.pro3 dt{ display: block;width:595px;height: 400px;overflow: hidden; }
.pro3 dt img{  display: block;width:595px;height: 400px;transition: all 0.5s }
.pro3 dl:hover dt img{ transform: scale(1.05); }
.pro3 dd{ position: absolute; left:0;top: 0;padding: 46px 48px 0;}
.pro3 dd h3{ display: block;font-size: 30px;line-height: 30px;color: #333;font-weight: normal;height: 80px; }
.pro3 dd h3 img{ display: block; margin-bottom: 10px;}
.pro3 dd p a{ display: block;font-size: 16px;color: #333333;line-height: 32px; }
.pro3 dd p a:hover{ color: #fe0000; }
.pro3 dd .more{ display: block;width: 32px;height: 33px;margin-top: 32px; }


.ys{ min-width:1200px;overflow: hidden;height: 1010px;position: relative;}
.ys .tit{ height: 150px; } 
.ys_m dl{ position:relative; z-index:0;}
.ys_m dl dt{ width:100% !important;  height:860px; overflow:hidden; text-align:center;}
.ys_m dl dt img{width: 1920px;height: 860px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.ys_m dl dd{position: absolute;top: 180px;left: 95px;z-index: 10;width: 1010px;text-align: center;}
.ys_m dl dd em{width: 72px;height: 72px;display: block;margin: 0 auto 30px;}
.ys_m dl dd em img{width: 72px;height: 72px;}
.ys_m dl dd p{font-size: 22px;color: #fff;line-height: 48px;}
.ys_bot{width: 100%;position: absolute;bottom: 0;left: 0;border-top: rgba(255,255,255,0.2) 1px solid;height: 300px;}
.ys_bot ul li{width: 20%;float: left;position: relative;text-align: center;height: 300px;}
.ys_bot ul li:before{content: "";width: 1px;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;}
.ys_bot ul li:after{background: rgba(9,80,160,0.9);width: 100%;height: 0;transition: all 0.5s; position: absolute;left:0;bottom:0;content: "";}
.ys_bot ul li.on:after{ height: 300px; }

.ys_bot ul li p{font-size: 24px;color: #fff;line-height: 40px;height: 80px;}
.ys_bot ul li p b{display: block;font-weight: normal;font-size: 30px;color: #fff;line-height: 30px;margin-bottom: 12px;}
.ys_bot ul li em{width: 72px;height: 72px;display: block;margin: 0 auto;line-height: 0;overflow: hidden;padding: 70px 0 20px;}
.ys_bot ul li em img{width: 72px;height: 72px;}
.ys_bot ul li i{display: none;font-size: 14px;color: rgba(255,255,255,0.4);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;line-height: 20px;padding: 20px 0 0;height: 40px;overflow: hidden;}
.ys_bot ul li span{width: 28px;height: 28px;display: none;}
.ys_bot ul li span img{width: 28px;height: 28px;}
.ys_bot ul li:first-child:before{background: none;}

.ys_bot ul li.on{  padding-left: 2%;text-align: left;z-index: 50;box-sizing:border-box;}
.ys_bot ul li.on em{display: none;}
.ys_bot ul li.on p{background:url(../images/five_line.png) no-repeat 0 bottom;padding-bottom: 15px;z-index: 50;position: relative;font-size: 22px;line-height: 48px;height: 80px;padding-top: 48px;}
.ys_bot ul li.on p b{ margin-bottom: 0; }
.ys_bot ul li.on i{display: block;z-index: 50;position: relative;}
.ys_bot ul li.on span{display: block;padding: 30px 0 0;z-index: 50;position: relative;}

.fw{ padding-top: 100px;}
.fw_con{ margin:70px 8.3% 0;}
.fw_con dl{ float: left;width:24.0625%;margin-right:  1.25%;position: relative;height: 31.2rem;overflow: hidden;}
.fw_con dl:last-child{ margin-right: 0; }
.fw_con dt img{ display: block;width: 100%; }
.fw_con dd{ position: absolute; left:0;bottom: 0;height: 12rem;padding: 0 10%;transition: all 0.5s;}
.fw_con dl.cur dd{ height: 31.2rem;background: url(../images/fw_dd.jpg) no-repeat center;}
.fw_con dd em img{ display: block;width: 2.11rem;height: 2.11rem; }
.fw_con dd span{ display: none; }
.fw_con dd h3{
font-size: 1.33rem;font-weight: 400;color: #FFFFFF;line-height: 2.22rem;text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);font-weight: normal;padding-top: 1.33rem}
.fw_con dd h3 em{ font-size: 1.67rem;line-height: 2.22rem; display:block;}
.fw_con dd p{ display: none; }
.fw_con dd .more{ display: none; }
.fw_con dl.cur span{display: block;font-size: 45px;line-height: 45px;color: #fff;opacity: 0.2; padding-top: 3rem;}
.fw_con dl.cur em img{ display: none; }
.fw_con dl.cur p{ font-size: 1rem;line-height: 2rem;color: #ffffff;font-weight: 100;display: block;padding-top: 1rem; }
.fw_con dl.cur  dd .more{display: block;width: 160px;height: 40px;background: url(../images/news_jt.png) no-repeat 112px center #fe0000;border-radius: 20px;font-size: 18px;color: #2d0028;line-height: 40px;text-indent: 30px;transition: all .4s;margin-top: 2rem;color: #fff;}
.fw_con dl.cur .more:hover {text-indent: 0;text-align: center;background: url(../images/news_jt.png) no-repeat 180px center #fe0000;}



.case{ padding-top: 90px;background: url(../images/case_bg.jpg) no-repeat center;height: 820px;box-sizing: border-box;margin-top: 100px;  }
.case_con{ margin-top: 147px; position: relative;}
.case_qie{margin-left: -2010px !important;overflow: visible !important;}
.case_con .tempWrap{overflow: visible !important;}
.case_qie dl{width: 940px!important;position: relative;height: 340px;margin-right: 130px;background: #fff;padding: 20px;box-sizing: border-box;margin-top: 40px;box-shadow:5px 9px 50px 0px rgba(0, 0, 0, 0.2);margin-bottom: 60px;}
.case_qie dt{float: left;width: 300px;height: 300px;display: block;}
.case_qie dt img{width: 300px;height: 300px;display: block;}
.case_qie dd{width: 380px;float: right;}
.case_qie dd h3 a{font-size:24px;color: #333333;line-height: 36px;color: #333;margin-top: 56px;font-weight: normal;display: block;height:72px;}
.case_qie dd p{font-size: 16px;color: #888888;line-height: 26px;margin-top: 24px;height:135px;}
.case_qie .more{display: block;width: 180px;height: 40px;background: url(../images/news_jt.png) no-repeat 122px center #fe0000;border-radius: 20px;font-size: 18px;color: #2d0028;line-height: 40px;text-indent: 40px;transition: all .4s;color: #fff;}
.case_qie .more:hover {text-indent: 0;text-align: center;background: url(../images/news_jt.png) no-repeat 180px center #fe0000;}
.case_qie dl.cur{ height: 380px; padding: 0 40px;margin-top: 0;box-shadow:5px 9px 50px 0px rgba(0, 0, 0, 0.2);}
.case_qie dl.cur dt{ display: block;width:410px;height: 410px;z-index: 50;position: relative;}
.case_qie dl.cur dt img{ display: block;width:410px;height: 410px;margin-top: -80px;z-index: 50;position: relative; }
.case_con .cprev{ position:absolute; left:48px; top:150px; width:33px;height:61px; z-index: 100;cursor: pointer;background: url(../images/cprev.png) no-repeat center;}
.case_con .cnext{ position:absolute; right:48px; top:150px;  width:33px;height:61px; z-index: 100;cursor: pointer;background: url(../images/cnext.png) no-repeat center;}


.wd{ padding-top: 80px; }
.wd dl{height: 225px;position: relative;margin-top: 58px;}
.wd dt{float: left;width: 400px;height: 225px;overflow: hidden;}
.wd dt img{width: 400px;height: 225px;transition: all 0.5s;}
.wd dt:hover img{transform: scale(1.05);}
.wd dd{float: left;width:800px ;padding: 0 60px 0 50px;box-sizing: border-box;background: #f2f2f2;height: 225px;}
.wd dd h3 a{font-size: 24px;color: #333333;line-height: 24px;padding: 37px 0 15px;font-weight: normal;display: block;transition: all 0.3s;}
.wd dd p{font-size: 16px;color: #888;line-height: 30px;}
.wd dd .more{display: block;width: 160px;height: 40px;background: url(../images/news_jt.png) no-repeat 112px center #fe0000;border-radius: 20px;font-size: 18px;color: #2d0028;line-height: 40px;text-indent: 30px;transition: all .4s;margin-top: 20px;color: #fff;}
.wd dd .more:hover {text-indent: 0;text-align: center;background: url(../images/news_jt.png) no-repeat 180px center #fe0000;}
.wd li{float:left;width:560px;height: 186px;border-bottom: 2px solid #eeeeee;padding-top: 50px;box-sizing: border-box;}
.wd li:nth-child(2n){ float: right; }
.wd li:nth-child(3),.wd li:nth-child(4){ border-bottom: 0; }
.wd li h4 a{font-size: 22px;color: #333;line-height: 30px;font-weight: normal;margin-bottom: 10px;height: 30px;padding-left: 49px;background: url(../images/news_q.png) no-repeat left;transition: all 0.3s;display: block;}
.wd li p{font-size: 16px;color: #888888;line-height: 30px;padding-left: 49px;}
.wd dd h3:hover a{color: #fe0000;}
.wd li h4:hover a{ color: #0950a0; }

.xad{ height: 400px;background: url(../images/xad_bg.jpg) no-repeat center;margin-top: 60px;position: relative;}
.xad h2{ display: block;font-size:48px;line-height: 48px;color: #0950a0;padding-top: 116px;letter-spacing: 5px; }
.xad h3{ display: block;font-size:26px;line-height: 26px;color: #333333;padding-top: 23px;font-family: 思源黑体 CN;font-weight: normal;}

.xad .more{display: block;width: 180px;height: 40px;background: url(../images/news_jt.png) no-repeat 122px center #fe0000;border-radius: 20px;font-size: 18px;color: #2d0028;line-height: 40px;text-indent: 40px;transition: all .4s;margin-top: 20px;color: #fff;margin-top:34px;}
.xad .more:hover {text-indent: 0;text-align: center;background: url(../images/news_jt.png) no-repeat 180px center #fe0000;}

.xad .ma{ position: absolute;left: 50%;margin-left: -55px;width: 110px;top:70px;}

.xad .ma em{
        width: 110px;
       height: 110px;
        display: block;
      position: relative;
      overflow: hidden;
       
      }
      .xad em img {
        width: 110px;
        height: 110px;
        display: block;
       
      }
  .xad em:after{ 
      display: block;
    position: absolute;
    left: 6px;
    top: 0;
    width: 100%;
    height: 40px;
    content: "";
    animation: light 5s infinite;
    -webkit-animation: light 5s infinite;
    background: url(http://cmshelp.nsw99.com/images/code_shadow2.png) no-repeat 0 0;}
    @keyframes light{
					0%{top:0;}
					50%{top:100%;}
					100%{top:-40px;}
				}    
      
 .xad span{ display:block;text-align:center;font-size:16px;color:#333;line-height:36px;} 


.news{ padding-top: 100px; }
.news_con{margin-top: 64px;}
.news_l{ float: left;width:570px ;}
.news_l dl{width: 570px;height: 360px;border-bottom: 1px dashed #c2c2c2;margin-top: 20px;}
.news_l dt{ position: relative;display: block;width: 570px;height: 220px;}
.news_l dt img{ display: block;width: 570px;height: 220px;}
.news_l dd h3 a{ display: block;padding-top: 20px;font-size:20px ;color: #333333;line-height: 28px;font-weight: normal;}

.news_l dd p{ display: block;padding-top: 16px;font-size:16px ;color: #888888;line-height: 24px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(../images/news_yuan.png) no-repeat left 16px;}
.news_l li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}

.news_r{ float: right;width: 570px;}
.news_l h2 a,.news_r h2 a{display: block;height: 36px;line-height: 36px;display: block;padding-left:52px;font-weight: normal;position: relative;background: url(../images/news_ic1.png) no-repeat left;color: #333333;font-weight: bold;}
.news_r h2 a{ background: url(../images/news_ic2.png) no-repeat left 0;padding-bottom: 20px;border-bottom: 1px solid #eeeeee; }
.news_l h2 a em,.news_r h2 a em{ float: right;font-size:16px ;color: #999999;font-family: Arial;font-weight: normal;}
.news_2 h2 a{background: url(../images/news_ic2.png) no-repeat left 13px;}

.news1 ul{ margin-top: 18px; }
.news1 li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(../images/news_yuan.png) no-repeat left 16px;}
.news1 li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}

.news1 dl{height: 140px;margin-top: 20px;}
.news1 dt{float: right;width: 185px;height: 140px;display: block; }
.news1 dt img{width: 185px;height: 140px;display: block; }
.news1 dd{ width: 385px;float: left;padding: 0 30px;height: 140px;background: #f2f2f2;box-sizing: border-box;}
.news1 h3 a{font-size: 18px;color: #333333;line-height: 18px;padding: 29px 0 13px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{font-size: 14px;color: #888;line-height: 24px;}
.news1 h3 a:hover,.news1 li a:hover,.news_l li a:hover,.news_l dd h3 a:hover{ color: #fe0000; }



.abt{margin-top: 60px;}

.abt dl{position: relative;}
.abt dt{width: 100%;display: block;}
.abt dt img{width: 100%;display: block;}
.abt dd{position: absolute;left:0;top: 0;width: 100%;}
.abt dd .tit{ padding-top: 40px;text-align: center; }
.abt ul{ margin-left: 2.3%;margin-top: 9.2rem; }
.abt dd p img{ display: none; }
.abt ul li{ float: left;width: 13.23%;margin-right:2.75%; transition: all 0.5s;}
.abt ul li p{ height: 6.77rem; position: relative;background: #fff;box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.15);padding: 0.55rem;box-sizing: border-box;}
.abt ul li p em{ font-size: 0.88rem;line-height: 1.33rem;color: #333; padding: 0.3rem 0.67rem 0;display: block;}
.abt ul li p:after{position: absolute;left:50%;margin-left: -16px;top:6.77rem;width:0;height:0;border-right:16px solid transparent;border-left:16px solid transparent;border-top:16px solid #fff;content: "";
          }
.abt ul li span{ font-size: 18px;line-height: 18px;color: #333;text-align: center;padding-top:4.8rem;display: block;background: url(../images/abt_ic.png) no-repeat center 3.1rem; }
.abt ul li.cur p{background: #fe0000;height: 13.44rem; margin-top: -6.67rem; }
.abt ul li.cur p:after{  position: absolute;left:50%;margin-left: -16px;top:13.44rem;width:0;height:0;border-right:16px solid transparent;border-left:16px solid transparent;border-top:16px solid #fe0000;content: "";}
.abt ul li.cur p em{color: #fff;}
.abt ul li.cur p img{ display: block;width: 100%; }
.abt ul li.cur span{ font-size: 24px;line-height: 24px;color: #fe0000;text-align: center;padding-top:4.8rem;display: block;background: url(../images/abt_ich.png) no-repeat center 3.1rem; }

html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}