/*header begin*/
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:40px 120px 0 120px; z-index:999;}
.logo{ float:left; margin-right:36px;}
.logo img{ display:block; max-width:100%;}
.delu{ float:left;  min-height:50px; background:#fff; position:relative;}
.delu_l{ float:left; width:90px; height:auto; line-height:50px; padding:0 4px; cursor:pointer;}
.delu_l img{ vertical-align:middle; margin-right:10px;}
.delu_l a{ color:#222;}
.delu_r{ float:right; width:121px; border-left:1px solid #eeeeee; line-height:50px; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.delu_r img{ vertical-align:middle; margin-left:22px;}
.delu_l:hover .dnou { height:170px; background:#fff; opacity:1;transition: all 0.5s ease; border-top:1px solid #eeeeee; padding-top:20px;}
.dnou{width:100%; height:0px;position: absolute; opacity:0;background:#fff; z-index:9999;left:0; overflow:hidden; padding-top:0px; border-top:1px solid #eeeeee; }
.dnou_t{ border-bottom:1px solid #eeeeee; min-height:81px; padding:0 20px; margin-bottom:14px;}
.dnou_t dt{ float:left; width:60px; height:60px;}
.dnou_t dt img{ display:block; max-width:100%; margin:0 auto; border-radius:100px;}
.dnou_t dd{ float:right; width:178px; height:auto; overflow:hidden;}
.dnou_t dd h6{ line-height:30px; color:#222222; font-size:14px; text-transform:capitalize;}
.dnou_t dd h6 a{ float:right; color:#999999;}
.dnou_t dd p{ line-height:30px; color:#999999;}
.dnou_t dd p a{ color:#ff530f;}
.dnou_b{ clear:both; height:auto; overflow:hidden;}
.dnou_b li{ float:left; width:25%; text-align:center;}
.dnou_b li a{ display:block; width:100%; color:#666666; line-height:24px;}
.dnou_b li a img{ display:block; max-width:100%; margin:0 auto;}
.pc_nav{ float:right;}
.pc_nav li{ float:left; width:90px; position:relative; line-height:50px; margin-right:76px;}
.pc_nav li a{ color:#ffffff;font-family: "Tw Cen MT"; font-size:22px; text-transform:uppercase; font-weight:normal; position:relative; display:block; width:100%; height:50px; overflow:hidden;}
.pc_nav li a span{ position:absolute; left:0; top:0;transition: all 0.5s ease; display:block; width:100%;}
.pc_nav li a font{ position:absolute; left:0; bottom:-50px;transition: all 0.5s ease; display:block; width:100%; font-size:20px; font-family:"Microsoft YaHei";}
.pc_nav li a:hover span{ left:0; top:-50px;}
.pc_nav li a:hover font{ left:0; bottom:0px;}
.pc_nav li.qcbj{ margin-right:0px;}
@media(max-width:1024px){
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:20px 15px 0 15px; z-index:999;}	
.pc_nav li{ float:left; width:90px; position:relative; line-height:50px; margin-right:20px; text-align:center;}
}
@media(max-width:768px){
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:40px 15px 0 15px; z-index:999;}	
.pc_nav li{ float:left; width:90px; position:relative; line-height:50px; margin-right:20px; text-align:center;}
.delu{ float:right;min-height:50px; background:#fff; position:relative;}
}
@media(max-width:414px){
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:20px 15px 0 15px; z-index:999;}	
.pc_nav li{ float:left; width:33.33%; position:relative; line-height:50px; margin-right:0px; text-align:center;}
.delu{ float:right; min-height:50px; background:#fff; position:relative;}
.delu_l{ float:left; width:126px; height:auto; background:url(../images/bg.jpg) no-repeat 151px center; line-height:50px; padding:0 20px; cursor:pointer;}
.logo{ float:left; margin-right:0px;}
.pc_nav li a{ color:#fff;font-family: "Tw Cen MT"; font-size:22px; text-transform:uppercase; font-weight:normal; position:relative; display:block; width:100%; height:50px; overflow:hidden;}
.pc_nav{ float:left; width:100%;}
.dnou_t dd{ float:right; width:142px; height:auto; overflow:hidden;}
.dnou_t dd h6{ line-height:18px; color:#222222; font-size:14px; text-transform:capitalize;}
.dnou_t dd h6 a{ float:right; color:#999999;}
.dnou_t dd p{ line-height:18px; color:#999999;}
}
@media(max-width:375px){
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:20px 15px 0 15px; z-index:999;}	
.pc_nav li{ float:left; width:33.33%; position:relative; line-height:50px; margin-right:0px; text-align:center;}
.delu{ float:right;  min-height:50px; background:#fff; position:relative;}
.delu_l{ float:left; width:109px; height:auto; background:url(../images/bg.jpg) no-repeat 151px center; line-height:50px; padding:0 5px; cursor:pointer;}
.logo{ float:left; margin-right:0px;}
.pc_nav li a{ color:#fff;font-family: "Tw Cen MT"; font-size:22px; text-transform:uppercase; font-weight:normal; position:relative; display:block; width:100%; height:50px; overflow:hidden;}
.pc_nav{ float:left; width:100%;}
.delu_r{ float:right; width:109px; border-left:1px solid #eeeeee; line-height:50px; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.dnou_t dd{ float:right; width:130px; height:auto; overflow:hidden;}
.dnou_t dd h6{ line-height:18px; color:#222222; font-size:14px; text-transform:capitalize;}
.dnou_t dd h6 a{ float:right; color:#999999;}
.dnou_t dd p{ line-height:18px; color:#999999;}
.dnou_t{ border-bottom:1px solid #eeeeee; min-height:81px; padding:0 5px; margin-bottom:14px;}
}
@media(max-width:360px){
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:20px 15px 0 15px; z-index:999;}	
.pc_nav li{ float:left; width:33.33%; position:relative; line-height:50px; margin-right:0px; text-align:center;}
.delu{ float:right; width:218px; min-height:50px; background:#fff; position:relative;}
.delu_l{ float:left; width:109px; height:auto; background:url(../images/bg.jpg) no-repeat 151px center; line-height:50px; padding:0 5px; cursor:pointer;}
.logo{ float:left; margin-right:0px;}
.pc_nav li a{ color:#fff;font-family: "Tw Cen MT"; font-size:22px; text-transform:uppercase; font-weight:normal; position:relative; display:block; width:100%; height:50px; overflow:hidden;}
.pc_nav{ float:left; width:100%;}
.delu_r{ float:right; width:109px; border-left:1px solid #eeeeee; line-height:50px; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.dnou_t dd{ float:right; width:130px; height:auto; overflow:hidden;}
.dnou_t dd h6{ line-height:18px; color:#222222; font-size:14px; text-transform:capitalize;}
.dnou_t dd h6 a{ float:right; color:#999999;}
.dnou_t dd p{ line-height:18px; color:#999999;}
.dnou_t{ border-bottom:1px solid #eeeeee; min-height:81px; padding:0 5px; margin-bottom:14px;}
}
@media(max-width:320px){
.box{ clear:both; position:absolute; left:0; top:0; width:100%; height:auto; min-height: 90px; padding:20px 15px 0 15px; z-index:999;}	
.pc_nav li{ float:left; width:33.33%; position:relative; line-height:50px; margin-right:0px; text-align:center;}
.delu{ float:right; width:100%; min-height:50px; background:#fff; position:relative;}
.delu_l{ float:left; width:109px; height:auto; background:url(../images/bg.jpg) no-repeat 151px center; line-height:50px; padding:0 5px; cursor:pointer;}
.logo{ float:left; margin-right:0px;}
.pc_nav li a{ color:#fff;font-family: "Tw Cen MT"; font-size:22px; text-transform:uppercase; font-weight:normal; position:relative; display:block; width:100%; height:50px; overflow:hidden;}
.pc_nav{ float:left; width:100%;}
.delu_r{ float:right; width:109px; border-left:1px solid #eeeeee; line-height:50px; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.dnou_t dd{ float:right; width:198px; height:auto; overflow:hidden;}
.dnou_t dd h6{ line-height:30px; color:#222222; font-size:14px; text-transform:capitalize;}
.dnou_t dd h6 a{ float:right; color:#999999;}
.dnou_t dd p{ line-height:30px; color:#999999;}
.dnou_t{ border-bottom:1px solid #eeeeee; min-height:81px; padding:0 5px; margin-bottom:14px;}
}
/*header end*/


.box8{ background:#303030; clear:both; min-height:50px; overflow:hidden; line-height:50px; padding:0 122px;}
.box8 span{ float:left; color:#666666;}
.box8 font{ float:right; color:#666;}
.box8 font a{ color:#666;}
.box8 font img{ vertical-align:middle;}
@media(max-width:1024px){
.box8{ background:#303030; clear:both; min-height:50px; overflow:hidden; line-height:50px; padding:0 15px;}
}
@media(max-width:568px){
.box8{ background:#303030; clear:both; min-height:50px; overflow:hidden; line-height:35px; padding:0 15px;}
.box8 span{ float:left; color:#666666; display:block; width:100%;}
.box8 font{ float:right; color:#666; display:block; width:100%;}
}

#ScrollToTop{position:fixed;_position:absolute;z-index:4;right:15px;bottom:15%;width:96px;display:block;font-size:15px; height:auto; background:#fff;-moz-transition:bottom 250ms ease-in-out;-webkit-transition: bottom 250ms ease-in-out;}
#ScrollToTop.Offscreen{bottom:10%;-moz-transition-duration:250ms;-webkit-transition-duration:250ms;}
.pi_nav{ width:96px; height:96px; }
.pi_nav1{ height:auto; min-height:auto; border-bottom:1px solid #ddd;}
.pi_nav2{ height:auto; min-height:47px; padding:15px 0;; border-bottom:1px solid #ddd;}
.pi_nav2 span{ float:left;}
.pi_nav2 a.mscBtn{height:50px; background:url(../images/bg26.jpg) no-repeat center top; width:96px; display:block;}
.pi_nav2 a.pause{background-position: center bottom}
.pi_nav3{ width:96px; height:81px; margin-top:20px;}
.pi_nav4{ height:auto; padding:17px 0;}
@media(max-width:1024px){
#ScrollToTop{position:fixed;_position:absolute;z-index:4;right:15px;bottom:15%;width:0px;font-size:15px; height:535px; background:#fff;-moz-transition:bottom 250ms ease-in-out;-webkit-transition: bottom 250ms ease-in-out; display:none; overflow:hidden;}
}


.cd-popup {
     position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity:0;
    visibility: visible;
	 visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:420px;
    margin:250px auto;
    height:auto;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

.tuol_t{ width:100%; height:auto; min-height:60px; border-bottom:1px solid #e6e6e6; line-height:60px; text-align:center; color:#333; font-size:20px; font-weight:bold;}
.tuol_b{ height:auto; overflow:hidden; background:#fff; padding:50px 55px;}
.tuol_b p{ clear:both; line-height:40px; overflow:hidden; margin-bottom:20px;}
.wbk5{ float:left; width:100%; height:40px; border:1px solid #efefef; background:url(../images/bg13.jpg) no-repeat left top; padding:0 10px 0 55px; color:#b2b2b2; font-size:14px;}
.wbk6{ background:url(../images/bg14.jpg) no-repeat left top; width:59%;}
.wbk7{ background:url(../images/bg15.jpg) no-repeat left top; width:59%;}
.tuol_b p a.huyi{ display:block; float:right; width:38%; height:40px; background:#ffc90f; text-align:center; line-height:40px; color:#222222; font-size:14px;}
.tuol_b p span{ float:right; display:block; width:38%;}
.tuol_b p a.deli{ display:block; width:100%; height:40px; text-align:center; line-height:40px; color:#222222; font-size:14px; background: -webkit-linear-gradient(left, rgba(255,236,21,1), rgba(255,201,15,1));
background: -o-linear-gradient(bottom, rgba(255,236,21,1), rgba(255,201,15,1));
background: -moz-linear-gradient(bottom, rgba(255,236,21,1), rgba(255,201,15,1)); 
background: linear-gradient(left bottom, rgba(255,236,21,1), rgba(255,201,15,1));}

.wbk8{ float:left; width:100%; height:40px; border:1px solid #efefef; background:url(../images/bg16.jpg) no-repeat left top; padding:0 10px 0 55px; color:#b2b2b2; font-size:14px;}
.wbk9{ float:left; width:100%; height:40px; border:1px solid #efefef; background:url(../images/bg17.jpg) no-repeat left top; padding:0 10px 0 55px; color:#b2b2b2; font-size:14px;}
.tuol_b p a.wji{ float:left; color:#b2b2b2;}
.tuol_b p em{ float:right;}
.tuol_b p em a{ color:#339cff;}
.tuol_b p a.wji2{ float:left; color:#666666; margin-right:30px;}
.tuol_b p a.wji2 img{ vertical-align:middle; margin-right:10px;}
.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup1.is-visible1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
    position: relative;
    width:420px;
    margin:250px auto;
    height:auto;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.is-visible1 .cd-popup-container1 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }

@media(max-width:736px){
.cd-popup-container {
    position: relative;
    width:100%;
    margin:100px auto;
    height:auto;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}	
.tuol_b{ height:auto; overflow:hidden; background:#fff; padding:30px 30px;}
.cd-popup-container1 {
    position: relative;
    width:420px;
    margin:100px auto;
    height:auto;
    background: #FFF;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
}
@media(max-width:414px){
.cd-popup-container {
    position: relative;
    width:100%;
    margin:250px auto;
    height:auto;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}	
.tuol_b{ height:auto; overflow:hidden; background:#fff; padding:30px 30px;}
.cd-popup-container1 {
    position: relative;
    width:100%;
    margin:150px auto;
    height:auto;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
}
@media(max-width:320px){
.cd-popup-container {
    position: relative;
    width:100%;
    margin:150px auto;
    height:auto;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}	
.tuol_b{ height:auto; overflow:hidden; background:#fff; padding:30px 30px;}
.cd-popup-container1 {
    position: relative;
    width:100%;
    margin:150px auto;
    height:auto;
    background: #FFF;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
}