/* CSS Document */
/*qt：sjh1010*/
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
html{ overflow-x:hidden; overflow-y:auto;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
body{ float:left; width:100%; position:relative;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;
/*清除IOS系统点击默认事件*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;}
a:hover{ cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;}


/*pc版头部*/
.top1{ position: absolute; width:100%; top: 0; right: 0; z-index: 99;}

.menu{ float:right; padding-right: 120px;}
.menu .nli{ float:left; z-index:15; position:relative; padding:0 20px; margin-top: 22px;}
.menu .nli span a{display:block; float:left; font-size:16px; height:28px; line-height:28px; padding:0 2px; color:#fff; position:relative;}
.menu .nli span a i{ display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#fff;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.menu .nli span a:hover i,
.menu .nli.on span a i{width:100%;}
.menu .sub{position:absolute; width:200px; left:50%; margin-left:-100px; top:100%; display:none; overflow:hidden;}
.menu .sub .section-nav1{ overflow: hidden;}
.menu .sub .li2{position:relative; float:left; width:100%;}
.menu .sub .li2 a{display:block; float:left; width:100%; height:36px; line-height:36px; text-align:center;color:#fff; font-size:16px;}
.menu .sub .li2:hover a{color:#11ccdd;}

@media  screen and (max-width:1199px){
  .top1{text-align: center;}
  .menu{ float:none; display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding-right: 0;}
  .menu .sub{background: rgba(0,0,0,.6);}
}
@media  screen and (max-width:767px){
  .menu .nli{padding:0 10px; margin-top: 15px;}
  .menu .nli span a{font-size:14px; height:28px; line-height:28px; padding:0 2px;}
  .menu .sub {width: 120px; margin-left: -60px;}
  .menu .sub .li2 a{height:30px; line-height:30px; font-size:14px;}
}

/*banner*/
.s_ban{float: left; width: 100%; height: auto; position: relative;}
.s_ban .ban_video{float: left; width: 100%;}
.s_ban ._pic{float: left; width: 100%;}
.s_ban ._pic img{float: left; display: block; width: 100%;}
.ban_txt{position: absolute; width: 100%; top: 50%; left: 0; text-align: center;
-webkit-transform: translate(0, -70%);
    -ms-transform: translate(0, -70%);
        transform: translate(0, -70%);}
.ban_txt > img{display: block; margin: 0 auto; width: 226px;}
.ban_txt > span{float: left; width: 100%; display: block; font-size: 24px; line-height: 36px;  margin-top: 18px; text-align: center; color: #fff;}
.ban_txt .play{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 203px; border: 2px solid #fff; height: 45px; line-height: 41px; text-align: center; margin-top: 53px; font-size: 19px; color: #fff;
 -webkit-border-radius:23px; 
    -moz-border-radius:23px;
         border-radius:23px;}
.ban_txt .play img{width: 29px; padding-right: 12px; }
.ban_txt h2{float: left; width: 100%; font-size: 120px; line-height: 120px; color: #fff; text-align: center; font-style: italic; font-weight: bold;}
.ban_txt h2 span{font-size: 100px; }

@media  screen and (max-width:1199px){
  .ban_txt{
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
  .ban_txt > img{width: 156px;}
  .ban_txt .play{margin-top: 33px;}
  .ban_txt h2{font-size: 80px; line-height: 80px; }
  .ban_txt h2 span{font-size: 70px; }
}
@media  screen and (max-width:767px){
  .ban_txt{top:55%;}
  .ban_txt > img{width: 86px;}
  .ban_txt span{font-size: 16px; line-height: 30px;  margin-top: 10px;}
  .ban_txt .play{width: 123px; margin-top: 23px; font-size: 12px; line-height: 34px; border: 1px solid #fff; height: 36px;}
  .ban_txt .play img{width: 15px; padding-right: 5px; }
  .ban_txt h2{font-size: 28px; line-height: 40px; }
  .ban_txt h2 span{font-size: 24px; }
}

/*main*/

/* title */
.title{float: left; width: 100%; font-size: 26px; line-height: 60px; height: 60px; position: relative; text-align: center;
background: -webkit-linear-gradient(to bottom, #0ed4e2, #146680);   
background: -moz-linear-gradient(to bottom, #0ed4e2, #146680);   
background: -o-linear-gradient(to bottom, #0ed4e2, #146680);   
background: -ms-linear-gradient(to bottom, #0ed4e2, #146680);   
background: linear-gradient(to bottom, #0ed4e2, #146680);
-webkit-background-clip: text;
color: transparent;}
.title::after{width: 40px; height: 4px; background: #c9c9c9; bottom:0; left: 50%; margin-left: -20px; position: absolute; content: "";}
@media  screen and (max-width:767px){
  .title{font-size: 18px; line-height: 35px; height: 35px; }
  .title::after{width: 30px; height: 2px;margin-left: -15px;}
}
.c_0100_1{float: left; width: 100%; padding-top: 115px; text-align: center;}
.t_1{float: left; width: 100%; margin-top: 40px; line-height: 48px; font-size: 18px; color: #666; padding: 0 190px;}
.d_1{float: left; width: 100%; margin-top: 38px;}
.d_1 ul{margin: 0 -19px;}
.d_1 ul li{float: left; width: 33.333333%; padding: 0 19px; margin-top: 50px; position: relative;}
.d_1 ul li a{ float: left; width: 100%; display: block;}
.d_1 ul li a .z_img{float: left; width: 100%; position:relative;}
.d_1 ul li a .z_img img{display: block; float: left; width: 100%;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s;}

.d_1 ul li a i {position: absolute; display: block; width: 69px; top: 50%; left: 50%; margin-left: -35px;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.d_1 ul li a i img{display: block; width: 100%; }
.d_1 ul li a h4{float: left; width: 100%;margin-top: 10px; line-height: 30px; height: 30px; font-size: 16px; color: #666; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.d_1 ul li a:hover > img{
   -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
         box-shadow: 1px 1px 10px rgba(0,0,0,.3);
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}

@media  screen and (max-width:991px){
  .c_0100_1{padding-top: 65px;}
  .t_1{margin-top: 30px; line-height: 40px; font-size: 16px;  padding: 0 90px;}
  .d_1 ul{margin: 0 -10px;}
  .d_1 ul li{padding: 0 10px; margin-top: 30px;}
  .d_1 ul li a i{ width: 40px;margin-left: -20px;}
}
@media  screen and (max-width:767px){
  .c_0100_1{padding-top: 25px;}
  .t_1{margin-top: 20px; line-height: 30px; font-size: 14px;  padding:0 10px;}
  .d_1{margin-top: 15px;}
  .d_1 ul{margin: 0;}
  .d_1 ul li{padding: 0 5px; margin-top: 10px; width: 50%;}
  .d_1 ul li a h4{margin-top: 5px; line-height: 24px; height: 24px; font-size: 14px;}
}
/* 视频弹窗 */
.video_tc{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1999;background: rgba(0,0,0,0.60);}
.video_tc .vid_m{position: absolute;left: 20%;top: 20%;width: 60%;height: auto;overflow: hidden; padding: 0 30px;}
.video_tc .vid_m i{display: block;position: absolute;right: 0;top:0;width: 20px;height: 20px; background: url(images/cha.png) no-repeat; background-size:  100%;cursor: pointer;}
.video_tc .vid_m ._vid{float: left; width: 100%;}
.video_tc .vid_m ._vid video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;}
.video_tc .vid_m ._vid p,
.video_tc .vid_m ._vid p iframe{width: 100%;height: 100%;}

@media  screen and (max-width:1199px){
  .video_tc .vid_m{left: 10%;top: 50%;width: 80%;
  -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
}
@media  screen and (max-width:767px){
  .video_tc .vid_m{left: 5%;top: 50%;width: 90%; padding: 0 15px;}
  .video_tc .vid_m i{width: 10px;height: 10px; background-size:  100%;}
}

.c_0100_2{float: left; width: 100%; margin-top: 91px;}
.t_2{float: left; width: 100%; margin-top:21px; }
.t_2 ul{margin: 0 -19px;}
.t_2 ul li{float: left; width: 33.333333%; padding: 0 19px; margin-top: 38px;}
.t_2 ul li a{float: left; width: 100%; display: block; position: relative; overflow: hidden;}
.t_2 ul li a img{float: left; width: 100%; display: block;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s; }
.t_2 ul li a h4{position: absolute; width: 100%; left: 0; top: 50%; line-height: 54px; font-size: 36px; text-align: center; color: #fff; font-style: italic;
 -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.t_2 ul li a:hover{
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
         box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
.t_2 ul li a:hover img{
    -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}

@media  screen and (max-width:991px){
  .c_0100_2{margin-top: 51px;}
  .t_2 ul{margin: 0 -10px;}
  .t_2 ul li{padding: 0 10px; margin-top: 20px;}
  .t_2 ul li a h4{line-height: 34px; font-size: 24px;}
}
@media  screen and (max-width:991px){
  .c_0100_2{margin-top: 25px;}
  .t_2{margin-top:15px; }
  .t_2 ul{margin: 0;}
  .t_2 ul li{padding: 0 5px; margin-top: 15px; width: 50%;}
  .t_2 ul li a h4{line-height: 24px; font-size: 18px;}
}
.c_0100_3{float: left; width: 100%; margin-top: 97px; padding-bottom: 60px;}
.t_3{float: left; width: 100%; margin-top: 60px;}
.t_3 .t_3_pic{float: left; width: 100%; position: relative;}
.t_3 .t_3_pic img{float: left; width: 100%; display: block;}
.t_3 .t_3_pic h2{position: absolute; left: 0; top: 50%; width: 100%; line-height: 100px; font-size: 94px; font-style: italic; text-align: center; color: #fff; 
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.t_3 .t_3_2{float: left; width:100%; margin-top: 48px; }
.le_3{float: left; width: 59.166667%; line-height: 48px; font-size: 13px; color: #666; margin-top: 21px;}
.r_3{float: right; width: 34.166667%;  }
.r_3 ul{margin: 0 -5px;}
.r_3 ul li{float: left; width: 25%; padding: 0 5px; margin-top: 16px; }
.r_3 ul li a{float: left; width: 100%; display: block; text-align: center;}
.r_3 ul li a i{ display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 66px; height: 66px; background: #aaa; overflow: hidden;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%; }
.r_3 ul li a img{float: left; width: 100%; margin: 0 auto; display: block;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s; }
.r_3 ul li a h4{float: left; width:100%; font-size: 13px; line-height: 26px; height: 26px; color: #555; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.r_3 ul li a:hover i img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}
@media  screen and (max-width:1199px){
  .t_3 .t_3_pic h2{line-height: 80px; font-size: 64px;}
  .le_3{width: 55%;}
  .r_3{width: 40%;  }
}
@media  screen and (max-width:991px){
  .c_0100_3{margin-top: 57px; }
  .t_3 .t_3_pic h2{line-height: 60px; font-size: 44px;}
  .t_3 .t_3_2{ margin-top: 28px; }
  .le_3{width: 100%;}
  .r_3{float: left; width: 100%;  text-align: center; margin-top: 20px;}
  .r_3 ul{margin: 0; display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 80%;}
}
@media  screen and (max-width:767px){
  .c_0100_3{margin-top: 27px; }
  .t_3{margin-top: 30px;}
  .t_3 .t_3_pic h2{line-height: 40px; font-size: 24px;}
  .t_3 .t_3_2{ margin-top: 18px;  }
  .le_3{ font-size: 14px; line-height: 30px; margin-top: 0;}
  .r_3{margin-top: 20px;}
  .r_3 ul{width: 100%;}
  .r_3 ul li{margin-top: 10px; }
  .r_3 ul li a i{width: 46px; height: 46px;}
  .r_3 ul li a h4{ font-size: 12px; line-height: 26px; height: 26px; }
  .r_3 ul li a:hover i img{
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);}
}

/* MCN页面 */
.c_0100_5{float: left; width: 100%; padding: 66px 0 130px 0; text-align: center;}
.t_5{float: left; width: 100%; padding: 0 185px; line-height: 48px; font-size: 18px; color: #666666;}
.m_5{float: left; width: 100%; margin-top: 166px; text-align: center;}
.m_5 .m_5_1{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 58.75%; margin-top: 22px;}
.m_5 .m_5_1 ul{float: left; width: 100%;}
.m_5 .m_5_1 ul li{float: left; width: 33.333333%; padding: 0 36px 0 37px; margin-top: 64px;}
.m_5 .m_5_1 ul li a{float: left; width: 100%; display: block; }
.m_5 .m_5_1 ul li a img{float: left; width: 100%; display: block;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.m_5 .m_5_1 ul li a h4{float: left; width: 100%; font-size: 22px; line-height: 54px; height: 54px; color: #666;}
.m_5 .m_5_1 ul li a:hover img{
    -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}
.d_5{float: left; width: 100%; margin-top: 103px; text-align: center;}
.d_5 .d_5_m{float: left; width: 100%; text-align: center; margin-top: 21px;}
.d_5 .d_5_m ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 72.5%;}
.d_5 .d_5_m ul li{float: left; width:16.666667%; padding: 0 25px; margin-top:66px; }
.d_5 .d_5_m ul li a{float: left; display: block; width: 100%;}
.d_5 .d_5_m ul li a img{display: block;}

@media  screen and (max-width:1199px){
  .c_0100_5{padding: 46px 0 80px 0;}
  .t_5{ padding: 0 100px; line-height: 48px; font-size: 18px; }
  .m_5{ margin-top: 86px;}
  .m_5 .m_5_1{width: 70%;}
}
@media  screen and (max-width:991px){
  .t_5{ padding: 0 40px; line-height: 38px; font-size: 16px; }
  .m_5{ margin-top: 46px;}
  .m_5 .m_5_1 ul li{ padding: 0 26px ; margin-top: 44px;}
  .m_5 .m_5_1 ul li a h4{font-size: 20px; line-height: 54px; height: 54px;}
  .d_5{margin-top: 63px;padding: 0 15px;}
  .d_5 .d_5_m ul{width: 80%;}
  .d_5 .d_5_m ul li{padding: 0 15px; margin-top:36px; }
}
@media  screen and (max-width:767px){
  .c_0100_5{padding: 26px 0 40px 0;}
  .t_5{ padding: 0 10px; line-height: 28px; font-size: 14px; }
  .m_5{ margin-top: 26px;}
  .m_5 .m_5_1{width: 100%; margin-top: 10px;}
  .m_5 .m_5_1 ul li{ padding: 0 15px ; margin-top: 24px;}
  .m_5 .m_5_1 ul li a h4{font-size: 16px; line-height: 34px; height: 34px;}
  .d_5{margin-top: 33px;padding: 0 10px;}
  .d_5 .d_5_m ul{width: 95%;}
  .d_5 .d_5_m ul li{padding: 0 10px; margin-top:20px; width:25%;}
}
.le_5{float: left; width: 100%; margin-top: 87px; text-align: center;}
.le_5 .le_5_1{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 74.166667%; margin-top: 26px;}
.le_5 .le_5_1 ul{float: left; width: 100%; }
.le_5 .le_5_1 ul li{float: left; width: 16.666667%; padding: 0 5px; text-align: center; margin-top: 41px;}
.le_5 .le_5_1 ul li a{float: left; width: 100%; display: block;}
.le_5 .le_5_1 ul li a img{display: block; margin: 0 auto; width:  110px;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s; 
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.le_5 .le_5_1 ul li h4{float: left; width: 100%; display: block;  font-size: 18px; color: #555; line-height: 40px; height: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.le_5 .le_5_1 ul li a:hover img{
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}
.r_5{float: left; width: 100%; margin-top: 107px; text-align: center;}
.r_5 .r_5_1{display: inline-block; *display: inline; *zoom:1; vertical-align: top;  width: 38%; margin-top: 34px; line-height: 48px; height: auto; font-size: 18px; color: #666; text-align: left;}
.r_5 .r_5_1 .span5{float: left; width: 100%; font-size:14px; color: rgba(102,102,102,.6); line-height: 48px; }
.r_5 .r_5_1 .join{float: left; width: 100%; text-align: center; margin-top: 13px;}
.r_5 .r_5_1 .join a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 150px; background: #fb024f; font-size: 20px; color: #fff; font-weight: bold; line-height: 40px; height: 40px;
 -webkit-border-radius:20px; 
    -moz-border-radius:20px;
         border-radius:20px;}
.r_5 .r_5_1 .join a:hover{
   -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 2px 10px rgba(0,0,0,.3);
         box-shadow: 1px 2px 10px rgba(0,0,0,.3);
}

@media  screen and (max-width:1199px){
  .le_5 .le_5_1{width: 90%; margin-top: 26px;}
  .r_5 .r_5_1{ width: 48%; }
}

@media  screen and (max-width:991px){
  .le_5 .le_5_1 ul li{width: 20%; margin-top: 39px;}
  .le_5 .le_5_1 ul li a img{width: 100px;}
  .r_5{margin-top: 67px;}
  .r_5 .r_5_1{ width: 62%; margin-top: 34px; line-height: 48px; font-size: 18px;}

}
@media  screen and (max-width:767px){
  .le_5{margin-top: 35px;}
  .le_5 .le_5_1{width: 100%; margin-top: 15px;}
  .le_5 .le_5_1 ul li{width: 25%; padding: 0 5px; margin-top: 20px;}
  .le_5 .le_5_1 ul li a img{width: 60px;}
  .le_5 .le_5_1 ul li h4{font-size: 14px; line-height: 32px; height: 32px;}
  .r_5{margin-top: 37px;}
  .r_5 .r_5_1{ width: 90%; margin-top: 24px; line-height: 28px; font-size: 14px;}
  .r_5 .r_5_1 .span5{line-height: 28px; font-size: 12px;}
  .r_5 .r_5_1 .join a{ width: 100px; font-size: 14px;line-height: 30px; height: 30px;}
}
@media  screen and (max-width:400px){
  .le_5 .le_5_1 ul li{width: 33.333333%;}
}



/*down*/
.c_0100_4{float: left; width: 100%; padding: 125px 0 129px 0; background: #333; text-align: center; }
.t_4{float: left; width: 100%; font-size: 20px; line-height: 48px; font-weight: bold; color: #fff; text-align: center;}
.t_4 h4{float: left; width: 100%; font-size: 25px; font-weight: bold; line-height: 48px;}
.d_4{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 150px; height: 40px; line-height: 40px; font-size: 20px;background: url(images/bg_4_1.jpg) repeat-x; margin-top: 15px; font-weight: bold; color: #fff;
 -webkit-border-radius:20px; 
    -moz-border-radius:20px;
         border-radius:20px;}
.d_4:hover{background: #0fd2e1;}

@media  screen and (max-width:1199px){
  .c_0100_4{padding: 65px 0 79px 0;}
}
@media  screen and (max-width:767px){
  .c_0100_4{padding: 40px 0 ;}
  .t_4{font-size: 14px; line-height: 30px; }
  .t_4 h4{font-size: 18px; line-height: 30px;}
  .d_4{width: 100px; height: 30px; line-height: 30px; font-size: 14px;margin-top: 10px; }
}


/*手机版底部菜单*/
.pf_d{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}
.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn18.png) no-repeat center; background-size:20px 20px;}
.pf_down li:hover .name,
.pf_down li.on .name{ color:#0ed3e2;}
.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7{ background:url(images/btn15_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7{ background:url(images/btn16_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7{ background:url(images/btn18_1.png) no-repeat center; background-size:20px 20px;}






@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}