@media all and (min-width: 1367px)  {

.section5 .detailmsg li .libox2{ margin: 0px 17px; background: #fff; padding: 34px 0px;min-height:177px;}
}


@media all and (min-width: 1024px)  {
.x-titg{display:none}
}




@media all and (max-height:767px)  {

.rightPage{ width:70%;  height:450px;  text-align: center;  position: absolute;  right:0px;   top:120px;  }
.rightPage .vert{  height:100%;  width:1px;  display: inline-block;  vertical-align: middle;  }
.rightPage strong.rb{  bottom:18px;  right:-40px;  background-image:url("../images/quotBack.png");  }
.rightPage .txt{  width: 86%;margin: 70px auto 0px;  }
.rightPage .more{  width:97px;  height:34px;  position: absolute;  bottom:-50px;  right:0px;  line-height:34px;  color:#fff;  background:#7b7c88;  border-radius:17px;  text-decoration: none;  font-size:16px;  }

.rightlist{  width:90%;  height:520px;  text-align: center;  position: absolute;  right:-300px;  top:100px;  }

.section5 .detailmsg{  height:180px;  margin:2% auto 0;  width:98%;  }
.section5 .detailmsg li .libox{ height:120px; }
.section5 .detailmsg li .libox .msg{ font:14px/30px Microsoft Yahei; margin-top:10px;}


}

@media all and (min-height:768px)  {

.rightPage{ width:70%;  height:450px;  text-align: center;  position: absolute;  right:0px;   top:140px;  }
.rightPage .vert{  height:100%;  width:1px;  display: inline-block;  vertical-align: middle;  }
.rightPage strong.rb{  bottom:18px;  right:-40px;  background-image:url("../images/quotBack.png");  }
 
.rightPage .txt{  width: 86%;margin: 70px auto 0px;  }
.rightPage .more{  width:97px;  height:34px;  position: absolute;  bottom:-100px;  right:0px;  line-height:34px;  color:#fff;  background:#7b7c88;  border-radius:17px;  text-decoration: none;  font-size:16px;  }

.rightlist{  width:90%;  height:600px;  text-align: center;  position: absolute;  right:-400px;  top:160px;  }

.section5 .detailmsg{  height:232px;  margin:2% auto 0;  width:98%;  }
 

}


@media only screen and (max-device-width:1600px){
.section3 ul li .libox .pho{  display: block;  margin:0px auto 0px;  max-width:240px; max-height:200px;  }
.section3 ul li .libox .title{ width: 100%;  position: absolute;  font-size:20px;  color:#fff;  display: block;  text-align: center;  line-height: 36px; left:0px; bottom:40px; transform:translateY(0rem);  -webkit-transform:translateY(0rem);  -moz-transform:translateY(0rem);  transition: all 1s ease;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  }
.section3 ul li .libox .titleDetail{ width: 80%; left: 10%;  text-align: center;  position: relative; bottom: -300px;  line-height:32px;  color:#c8c8c8;  font-size:14px;   overflow:hidden;  transform:translateY(0px);  -webkit-transform:translateY(0px);  -moz-transform:translateY(0px);  transition: all 1s ease;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease; /*opacity: 0; */  }


.rightPage {    top: 10%;}
.section3 ul {    margin: 10% auto 0px;}
.rightlist {height: 480px;top:120px; }
 .rightlist ul li{ padding:20px 0px; }

 .section5 .footerTitle {
    padding-top: 100px;
    padding-bottom: 54px;
}
.section5 .detailmsg {
    margin: 2% auto 0;
}


}



 

/* 中型平板或小型笔记本 tablet */
@media all and (min-width: 950px) and (max-width: 1024px) {
.x-titg{display:none}
.navbox .nav li{margin-left: 20px; }
 /*第二屏*/
.twoth{ width: 384px; height: 84px; padding:15px; background:rgba(255,255,255,0.3); position: absolute; left:-100px; bottom:10%;transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
 .move{ transform: translateX(100px); -webkit-transform: translateX(100px);  -moz-transform: translateX(100px);  transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1;}
.rightPage{ width:90%;  height:500px;  text-align: center;  position: absolute;  right:50px;   top:120px;  }
.rightPage .vert{  height:100%;  width:1px;  display: inline-block;  vertical-align: middle;  }
.rightPage strong.rb{  right:0px;  }
.rightPage .txt{  width: 86%;margin: 70px auto 0px;  }

/* section3  start */
.section3 ul{  width:90%;  height:300px; margin:12% auto 0px; }
.section3 ul li{  float:left;  position: relative;  width:33%;  height:280px;  overflow:hidden; opacity: 0; }
.section3 ul li .libox{ margin: 0px 17px;  background:rgba(55,59,64,0.6);  height:220px; padding-top: 40px;  }
.section3 ul li .libox .titleDetail{ display:none }
.section3 li .libox:hover .title{ /*margin-top:0;*/  transform:translateY(-10px);  -webkit-transform:translateY(-10px);  -moz-transform:translateY(-10px);  transition: all 1s ease;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  }


/* section4  start */
.rightlist{  width:80%;  height:550px;  text-align: center;  position: absolute;  right:-80px;  top:90px;  }
.buss_right{ margin-left:0px;width:100%}

/* section5  start */
.section5 .detailmsg{  height:232px;  margin:5% auto 0;  width:98%;  }

/*业务*/
.buss_left{ width: 100%; float: left;}
.buss_right{float: left; width: 100%;margin-left: 0px;font:14px/30px Microsoft Yahei; text-align: left; text-indent: 0em; color: #4b4b4b;}
.newsbox{ margin-top: 20px;}

}

@media all and (min-width: 768px) and (max-width: 950px) {
.navbox .nav{ display:none;}

/*业务*/
.buss_left{ width: 100%; float: left;}
.buss_right{float: left; width: 100%;margin-left: 0px;font:14px/30px Microsoft Yahei; text-align: left; text-indent: 0em; color: #4b4b4b;}
.newsbox{ margin-top: 20px;}

.newtab{ width: 100%; height: 60px; position: absolute; left: 0px; bottom: 0px; background: rgba(49,52,71,0.4); text-align: center;}
.newtab a{ display: inline-block; padding: 0px 20px; border-right:1px solid #c3c4c8; font:16px/60px Microsoft Yahei; text-align: center; color:#fff; text-decoration: none; position: relative;}
 

}

/* 小平板 phone */
@media all and (min-width: 414px) and (max-width: 768px) {



.navbox .logo img {    height: 37px;    vertical-align: middle;}
.navbox .nav{ display:none;}
 /*第二屏*/
.twoth{ width: 384px; height: 84px; padding:15px; background:rgba(255,255,255,0.3); position: absolute; left:-100px; bottom:10%;transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
 .move{ transform: translateX(100px); -webkit-transform: translateX(100px);  -moz-transform: translateX(100px);  transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1;}
.rightPage{ width:90%;  height:700px;  text-align: center;  position: absolute;  right:30px;   top:120px;  }
.rightPage .vert{  height:100%;  width:1px;  display: inline-block;  vertical-align: middle;  }
.rightPage strong.rb{  right:0px;  }
.rightPage .txt{  width: 86%;margin: 70px auto 0px;  }

/* section3  start */
.section3 ul{  width:90%;  height:360px; margin:30% auto 0px; }
.section3 ul li{  float:left;  position: relative;  width:33%;  height:340px;  overflow:hidden; opacity: 0; }
.section3 ul li .libox{ margin: 0px 17px;  background:rgba(55,59,64,0.6);  height:280px; padding-top: 40px;  }
.section3 ul li .libox .titleDetail{ display:none }
.section3 li .libox:hover .title{ /*margin-top:0;*/  transform:translateY(-10px);  -webkit-transform:translateY(-10px);  -moz-transform:translateY(-10px);  transition: all 1s ease;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  }
.rightlist .more{   bottom:-10px;  right:10%;  }

/* section4  start */
.rightlist{  width:80%;  height:650px;  text-align: center;  position: absolute;  right:-10px;  top:190px;  }
.buss_right{ margin-left:0px;width:100%}

/* section5  start */
.section5 .footerTitle{  padding-top: 250px;  }
.section5 .detailmsg{  height:232px;  margin:5% auto 0;  width:98%;  }
.section5 .detailmsg li .libox{ height:150px; }
.section5 .detailmsg li .libox .msg{ font:14px/30px Microsoft Yahei; margin-top:10px;}

.newsbox ul li .newbox .imgbox{ display:none}
.newsbox ul li .newbox .intro{ margin-left: 95px;  }
 
/*业务*/
.buss_left{ width: 100%; float: left;}
.buss_right{float: left; width: 100%;margin-left: 0px;font:14px/30px Microsoft Yahei; text-align: left; text-indent: 0em; color: #4b4b4b;}
.newsbox{ margin-top: 20px;}


.newtab{ width: 100%; height: 60px; position: absolute; left: 0px; bottom: 0px; background: rgba(49,52,71,0.4); text-align: center;}
.newtab a{ display: inline-block; padding: 0px 10px; border-right:1px solid #c3c4c8; font:16px/60px Microsoft Yahei; text-align: center; color:#fff; text-decoration: none; position: relative;}
 

}

/* 手机 phone */
@media all and (min-width: 1px) and (max-width: 768px) {


#picture .banner_txt{ position: absolute; top:50%; left:40%;  width:72%;  margin-left:-26%;}
#number{ /*overflow:hidden;*/  height:14px; width: 100px; position:absolute;  bottom:80px; left:57%; margin-left: -60px; z-index:3;}
#slide1{background:url(../images/banner1-s.jpg) no-repeat top center;background-size:cover;}
#slide2{background:url(../images/banner1-s.jpg) no-repeat top center;background-size:cover;}
#slide3{background:url(../images/banner1-s.jpg) no-repeat top center;background-size:cover;}

.navbox .logo img {
    height: 37px;
    vertical-align: middle;
}
.navbox .nav{ display:none;}
 /*第二屏*/
.twoth{ width: 214px; height: 54px; padding:15px; background:rgba(255,255,255,0.3); position: absolute; left:-100px; bottom:2%;transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
 .move{ transform: translateX(100px); -webkit-transform: translateX(100px);  -moz-transform: translateX(100px);  transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1;}

.twoth .thintro{ height: 54px; line-height: 54px; padding-left:18px; text-align: left; background: #aa0d10; color: #c67879; font-size: 28px; position: static;  }
.twoth .thintro .en{line-height: 54px; text-align: left; color: #c67879; font-size: 28px; float: left; }
.twoth .thintro .cnspan{ display: inline-block; margin-top:20px; margin-left: 10px; font-size: 18px; color: #fff; line-height: 22px; float: left;}
.rightPage .more{  width:67px;  height:30px;  position: absolute;  bottom:10px;  right:0px;  line-height:30px;  color:#fff;  background:#7b7c88;  border-radius:17px;  text-decoration: none;  font-size:14px;  }

.rightPage{ width:90%;  height:430px;  text-align: center;  position: absolute;  right:10px;   top:80px;  }
.rightPage .vert{  height:100%;  width:1px;  display: inline-block;  vertical-align: middle;  }
.rightPage strong.rb{  right:0px;  }
.rightPage .txt{  width:100%;margin:40px auto 0px;height:320px; overflow: hidden; }
.rightPage .txt p{ font: 14px/28px Microsoft Yahei; margin-bottom: 20px; text-align: left; text-indent: 2em;}
.rightPage strong{  position: absolute;  width:55px;  height:52px;  background:url("../images/quotPrev.png") no-repeat;  background-size:50%;  }
.rightPage strong.rb{  bottom:18px;  right:-20px;  background-image:url("../images/quotBack.png") no-repeat;  background-size:50%;    }



/* section3  start */
.section3 ul{  width:90%;  height:180px; margin:22% auto 0px; }
.section3 ul li{  float:left;  position: relative;  width:50%;  height:175px;  overflow:hidden; opacity: 0; }
.section3 ul li .libox{ margin: 0px 17px;  background:rgba(55,59,64,0.2);    height: 170px;    padding: 5px 0;}
.section3 ul li .libox .pho{  display: block;  margin:0px auto 0px;  max-width:130px; max-height:130px;  }
.section3 ul li .libox .titleDetail{ display:none }
.section3 li .libox:hover .title{ /*margin-top:0;*/  transform:translateY(-0px);  -webkit-transform:translateY(-0px);  -moz-transform:translateY(-0px);  transition: all 1s ease;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  }
.rightlist .more{  width:67px;  height:30px;  position: absolute;  bottom:10px;  right:0px;  line-height:30px;  color:#fff;  background:#7b7c88;  border-radius:17px;  text-decoration: none;  font-size:14px;  }
.section3 ul li .libox .title{ width: 100%;  position: absolute;  font-size:16px;  color:#fff;  display: block;  text-align: center;  line-height: 30px; left:0px; bottom:5px;   }


/* section4  start */
.rightlist{  width:98%;  height:400px;  text-align: center;  position: absolute;  right:0px;  top:100px;  }
.buss_right{ margin-left:0px;width:100%}

.rightlist ul li{ padding:10px 0px; }
.rightlist ul li .timebox{ width: 70px; padding-right: 10px;    font-size:40px;     line-height: 45px;}
.rightlist ul li .timebox span{ font-size: 16px; display: block; text-align: center; line-height: 20px;  }
.rightlist ul li .rintro{ padding-left: 20px; float: left; width:66%;padding-top:10px; }
.rightlist ul li .rintro h1{ font:18px/22px Microsoft Yahei; text-align: left; margin-bottom: 10px; color: #000; }
.rightlist ul li .rintro h1 a{ color: #000; text-decoration: none;}
.rightlist ul li:hover .rintro h1 a{ color: #ff0000; text-decoration: none;}
.rightlist ul li .rintro p{ display:none}


/* section5  start */

.section5 .footerTitle{  width: 240px; margin:0px auto 0px; padding-top:80px; font:28px/30px Microsoft Yahei; text-align: center; background: url("../images/con4.jpg") no-repeat center bottom; padding-bottom:54px; }
.section5 .detailmsg{  height:110px;  margin:2% auto 0;  width:98%;  }
.section5 .detailmsg li{  float:left;  width:100%;  height:auto;  text-align: center;  }
.section5 .detailmsg li .libox{ margin: 5px 17px; height:100px;background: #fff; padding: 10px 0px;}
.section5 .detailmsg li .libox .pho{  display: block;  text-align: center; padding:22px 0px 0px;  background-size:22px; font:15px/30px Microsoft Yahei; color: #aa0d10; position: relative;
}
.section5 .detailmsg li .libox .pho .tspan{ width: 42px; height: 3px; background: #aa0d10; position: absolute; bottom: 3px; left: 50%; margin-left: -21px; }
.section5 .detailmsg li .libox .msg{ font:14px/34px Microsoft Yahei; text-align: center; color: #242830; text-indent: 0px;}
 
.section5 .detailmsg li .libox2 {   padding: 0px 0px; }

.section5 .foot{  height:60px; padding: 10px 0px; background:#302c24;  position: absolute;  bottom:0;  left:0;  width:100%;  }
.section5 .foot .box{  width:100%;  margin:0 auto;  line-height:21px;  }
.section5 .foot .box ul{  float: left;   }
.section5 .foot .box li{  float:left;  height:18px;  line-height:18px; padding: 0px 10px;  position: relative;  border-left:1px solid #b3b4b5;  }
.section5 .foot .box li.special{  margin-left:0px;  }
.section5 .foot .box li a{  text-decoration: none;  color:#b3b4b5; font-size:14px; display: block;  height:100%;  }
.section5 .foot .box .address{    color:#b3b4b5;  font: 14px/21px Microsoft Yahei; text-align:center;padding:0 20px;  }
.section5 .foot .box .links{   display:none;  }
 
.aboutcontent .img01{width:100%;margin-bottom: 20px; border-radius: 4px;margin-left: 1px;}

.aboutcontent .qywh{width:100%;height: 260px;}
.aboutcontent .qywh .qywh_l{float: left;width:100%;font-size:16px;padding-top:0px;}
.aboutcontent .qywh .qywh_r{float: left;width:100%}
.aboutcontent .qywh .qywh2_l{float: left;width:100%}
.aboutcontent .qywh .qywh2_r{float: right;width:100%;font-size:16px;padding-top:0px;}
 

.aboutcontent .rongyu{width:100%;margin:0 auto;}
.aboutcontent .rongyu li{float: left;width:100%;}
.aboutcontent img{width:100%;}

.newsbanner{ width: 100%; height: 210px; position: relative; }
.mainbox{ max-width: 1200px; height: 210px; position: relative; margin: 0px auto;}
.newh1{ position: absolute; height: 50px; top:110px; left: 43px; font:30px/44px Microsoft Yahei;color: #000; font-weight: bold; }

.nbannerbg{ background:url("../images/newsbanner.jpg") no-repeat right top;background-size:cover;}
.conbannerbg{ background:url("../images/conbg.jpg") no-repeat center top;background-size:cover;}
.bubg{ background:url("../images/bubg.jpg") no-repeat right top;background-size:cover;}
.rcbg{ background:url("../images/rcbg.jpg") no-repeat center top;background-size:cover;}


.newtab {display:none}
.new_con {padding: 20px 20px 20px; }

.buss_left .imgbox{ width: 96%;padding:2%; background: url(../images/bussbg.jpg) no-repeat center top; background-size: 100%; height: 208px; overflow: hidden; }
.buss_left .imgbox img{ width:100%; vertical-align: top;}
.buss_left p{ text-align: center; font:20px/56px Microsoft Yahei; color: #000; text-indent: 0em;}


 .newsbox ul li .newbox{ padding: 12px 0px; margin: 10px auto; border-bottom: 1px solid #e8e8e8;}
.newsbox ul li .newbox .time{ display:none;}
.newsbox ul li .newbox .imgbox{ display:none;}
.newsbox ul li .newbox .intro{ margin-left: 17px; padding-right: 10px; height: auto; position: relative;}
.newsbox ul li .newbox .intro h1{ text-align: left; font:18px/30px Microsoft Yahei; color: #4b4b4b;}
.newsbox ul li .newbox .intro h1 a{ color: #4b4b4b; text-decoration: none;}
.newsbox ul li .newbox .intro p{text-align: left; font:14px/26px Microsoft Yahei; margin-top: 0px; color: #686868;height:52px; overflow: hidden; }
.newsbox ul li .newbox .intro .rnav{height: 30px;top:0px; }
.newsbox ul li .newbox .intro .rnav a {display:none}

.newsbox ul li .newbox .intro .tt{position: absolute; left: 0px; bottom: 0px;clear:both}

.new_con h1 {
    font: 20px/40px Microsoft Yahei;
}
.new_con h2 {
    margin-bottom: 15px;
}
.new_con .uppage ul li {
    width: 100%;
    font: 14px/30px Microsoft Yahei;
}

.pages a, .pages span, .pages em {
    padding: 3px  8px;
    border: 1px solid #ddd;
    margin: 0 2px;
}


.two_title,.two_title a{ font: 14px/54px Microsoft Yahei;}

.introfoot {    text-align: center;    font: 12px/40px Microsoft Yahei;    color: #3b3b3b;}


/*业务*/
.buss_left{ max-width: 100%; float: left;}
.buss_right{float: left; width: 100%;font:14px/30px Microsoft Yahei; text-align: left; text-indent: 0em; color: #4b4b4b;}
.newsbox{ margin-top: 20px;}

.m-case .m-case-list {  padding: 0 0 30px 0;}

.m-case .m-case-list li:nth-of-type(3n+1) {
   margin-left: 2%; 
}
.m-case .m-case-list li{float:left;display:inline-block;margin:0  2% ;width:96%}
.m-case .m-case-list li dt .lazy  {width:100%}


.newfoot{ width: 100%; height: 40px; line-height: 40px; background: #302c24;}
.newfoot .con{ max-width: 1200px; margin: 0px auto; text-align: center; font:13px/20px Microsoft Yahei; color: #b3b4b5;}
.newfoot .con span{ float: right;}
.newfoot .con a{color: #b3b4b5; text-decoration: none;}
.newfoot  .links{   display:none;  }



}



@media all and (min-width: 415px) and (max-width: 768px) {

 
.rightPage{ width:90%;  height:530px;  text-align: center;  position: absolute;  right:3%;   top:80px;  }
.rightPage .txt{  width:100%;margin:40px auto 0px;height:420px; overflow: hidden; }

.section3 ul{  width:90%;  height:180px; margin:12% auto 0px; }
.newfoots .box .address {
    float: left;}

	
}


/* phone */
@media all and (min-width: 1px) and (max-width:320px) {

 
.section3 ul li { float: left; position: relative; width: 50%; height: 120px;overflow: hidden;opacity: 0;margin-top: 20px;}
.section3 ul li .libox h2{ padding-top:45px;color:#ffffff;font-size:18px;font-weight: normal;text-align: center;}
.section5 .detailmsg li .libox2 img{width:80px;}

}