@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,modtion,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:14px/1.5 Microsoft Yahei,Helvetica,Arial;vertical-align:baseline; color:#000; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,modtion{display:block;}
html,body{overflow:hidden;overflow-y:auto;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a {text-decoration: none;outline: none; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fl{float:left;}
.fr{float:right;}
.relative{ position:relative;}
.absolute{ position:absolute;}
a.btn{display:block; width:395px; height:66px; line-height:66px; font-size:24px; margin:20px auto; border-radius:35px;  overflow:hidden;text-align:center;box-sizing: border-box;
-webkit-animation: jump 2s linear normal both infinite; -o-animation: jump 2s linear normal both infinite;animation: jump 2s linear normal both infinite; 
 }

.ztbtna{ -webkit-animation: jump 3s linear normal both infinite; -o-animation: jump 3s linear normal both infinite;animation: jump 3s linear normal both infinite;}
.banner{ width:100%; margin: 10px auto 20px; clear: both;}
.banner img{width:100%; margin: 0 auto;}
.banner .exper_txt{ width: 50%; position: absolute;left:50%; top:0;height: 100%; }
.banner .exper_txt .exper_txt_con{ position: relative; width:60%;text-align:center; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);   }
.banner .exper_txt .exper_txt_con p{font-family: DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;
    font-style: normal !important;color: #fff; font-size:.36rem; line-height:.50rem; margin-left: 2%; }

/*header*/
.top{background: #eee; border-bottom: 1px solid #d8d8d8; width:100%;}

.logo{text-align: center; margin: 30px auto;}
.logo img{width:auto;}
.menu{width:100%; overflow: hidden;}
.menu-wrap { width: 100%; overflow: hidden; text-align: center;}
.menu-wrap-layer2 { width: 100%; height: 50px; overflow: hidden; }
.menu-list { display: inline-block; white-space: nowrap; transition-duration: 0ms; transform: translateX(0px); }
.menu-list-item { display: inline-block; }
.menu-list-item span { display: inline-block;  margin: 0 3px; text-align: center; }

.banner{ width:100%; margin: 20px auto; background: url(../images/bannerbj.jpg)center -5px no-repeat;background-size: 100% 100%; }

.clear{clear:both;}
.con{ margin: 0 auto;}
.con p{color: #585b62; clear: both;}
/*.con h4{z-index:5;  margin: 0 auto; font-weight: bold; text-align: center; padding: 5px; height: 50px; width:30%;line-height: 50px; color: #666; background: #f6f6f6; border-radius:5px ; border:1px solid #efefef; }*/
.con h4{ margin: 0 auto; font-weight: bold; text-align: center; color: #666; }

.con h5{ text-align: center; color: #2b71d2;}
.con h6{ text-align: left; border-bottom: 2px solid #1cb9c8; font-weight: bold; background:#f7f7f7; text-indent: 2em;padding: 5px 4% 30px 4%;
    width: 100%;
}

.con2 ul li:nth-of-type(1){border-bottom: 2px solid #3399fe;  background:#f7f7f7; width:100%;}
/*.line {background: #efefef; height: 1px; margin: -70px auto 80px; z-index: 1; }*/
.line {background: #efefef; height: 1px; margin: 10px auto; }
.con1,.con2,.con3,.con4,.con5,.con6{width:100%; margin: 20px auto;}
.con1 .con1left{ float:left;  background: #efefef; }
.con1 .con1left img{width:96%; margin: 20px 2%;}
.con1 .con1right{ float:left; }
.con1 p{text-indent: 2em; }
.search_box{margin: 0 auto;}
.search_box ul li{float:left; width:23%; margin:10px 1%;}

.con2 ul{ width:44%; float:left; margin: 10px 2% 0 2%;}
.con2 ul li{border-bottom: 1px dashed #ccc; padding:5px 20px; float:left;}
.con2 ul li img{width:100%; margin: 0 auto;}
.con2 p{width: 96%; margin: 0 0 0 2%; }
.con2 span,.con5 p span,.con2 h6 a{ color: #3399fe; float:left; font-weight: bold;}
.con2 i{ float:right; font-style: normal; color: #1cb9c8; padding-top: 5px;}
.con .button{width:40%; background: #3399fe;  color: #fff; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; margin: 20px auto;}
.con .button a {color: #fff;font-size: 23px;}

.con3 p{ text-indent: 2em; margin-bottom: 20px;}
.con4 p{text-align: center; margin: 20px auto;}
.con4 img{display: block;     margin: 0 auto;}
.con4lr,.con4zs{width:100%; overflow: hidden;}
.con4zs ul li img{width:100%; margin: 0 auto;}
.con4 ul{width:100%;}
.con4 ul li{float:left; text-align: center;}

.con5 ul{margin: 20px auto;}
.con5 ul li{ float:left; background:#eeeeee ;}
.con5 ul .list-video video{width: 100%;}
.con5 p{width:90%; margin: 0 auto; text-align: left; padding-bottom: 10px;}
.con5 p span{text-align: center;}

.con6 ul{width: 100%;}
.con6 li{float:left; text-align: center;}
.con6 ul li img{float:left; border: 1px solid #666;}

.footer{background: #eee; padding-top: 10px; border-top: 1px solid #d8d8d8; text-align: center; width: 100% !important;
 clear: both; position:absolute;  left: 0;}
.footer strong{font-weight: bold; color: #757575; }
.swiper-container,.swiper-container2{ margin: 20px auto;}
.swiper-container{width:80%;}
 .swiper-container2 {
      /*width: 100%;
      height: 100%;*/
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
    .swiper-slide img{width:100%;}
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
            
   .place{ border-bottom: 1px solid #eee;padding-bottom: 10px; margin-bottom: 20px;}       
  .pagelist li{width:100%; text-align: center; margin: 20px auto;}    
  .listbox ul{margin: 20px auto;}
  .listbox li img a{width:30%; float:left; margin-right: 3%;}         
  .listbox .info{float:left;}          
  .listbox .intro{float:right;}     
  
  .viewbox .intro{text-indent: 2em; margin: 20px auto;}  
  .content{margin: 0 auto 20px;}
  .content img{width:auto; margin: 0 auto;}
  
  .contact{width:90%; margin: 0 auto;}
  .contact p{text-indent: 0;}
  .contact p strong{font-weight: bold;}
  .map,.usmapl{width:100%; margin: 20px auto;}
    
 /* 手机等小屏幕手持设备 */   
 @media screen and (min-width: 320px) and (max-width: 768px) {
        .top { height: 0.5rem; background: #eee; border-bottom: 1px solid #d8d8d8;}
        .top p{height: 0.5rem; line-height: 0.5rem;}
        .top img{width:0.35rem; margin-left: 0.1rem;}
        .topleft{display: none;}
        .topright{text-align: center;margin: 0 auto;}
        /* .menu{box-sizing: border-box; padding: 0 20px} */
        .menu-wrap span a{font-size:0.35rem; }
        .logo { text-align: center; margin: 0.2rem auto;} 
        .logo img{width:60%;}       
        .menu-wrap{height: 0.5rem; line-height: 0.5rem;}
        /*.menu-wrap a{font-size:0.25rem; }*/
        .menu-list-item{margin: 0 0.1rem;}
        .con{width: 96%;padding:0 2%} 
        .con h4{font-size:0.4rem ;}
        .con h5{ font-size:0.25rem; line-height: 0.4rem;}
		.con1left{width:100%; margin: 0.2rem 0 0.2rem 0;}
        .con1right{width:100%; }
        .con1right p{margin-bottom: 0.1rem;}
        /* .con{width:98%;} */
        .con .button {height: 0.7rem; line-height: 0.7rem;}
        .con .button a{font-size:0.35rem;}
        .con3 .swiper-container{ width: 90%; padding:0 5% }
        .header{width:80%; }
        .banner{height:auto; }
        .con2 ul{width:100%;}
        .con2 ul li{margin: 0.2rem auto; }
        .con1right p,.con2 span,.con2 h6 a,.con5 p span,.con2 p i,.con2 p,.con3 p,.con4 p,.con5 p,.place a,.place strong,.pageinfo,.listbox .intro p,.viewbox .info,.viewbox .info small,.listbox p span,.listbox .info small,.viewbox .intro,.content p,.contact p,.contact p strong{font-size:0.35rem; line-height: 0.5rem;}
        /*.con2 span,.con2 p i,.header li,.header_nav .con1 p,.con3 p,.con2 p,.con4 p ,.con5 p{font-size:0.25rem; line-height:0.4rem; }*/
        .con2 ul li:nth-of-type(3),.con2 ul li:nth-of-type(4),.con5 ul li:nth-of-type(2),.con5 ul li:nth-of-type(3),.header_nav_topright{ /*display:none ;*/}
        .con5 ul li{width:100%; margin: 10px 0 10px;}
        .con4zs ul li{width:44%; margin: 0 3%; text-align: center;}
         .footer strong{font-size:0.3rem; line-height: 30px;}
         .footer p{font-size:0.3rem; color: #757575;line-height: 0.45rem;}
         /*.footer{height: 3rem;}*/

        .listbox,.viewbox{width:100%;}  
        .listbox li img{width:60%; margin: 0 auto; display: block;}     
        .listbox .intro{ width:98%;  margin: 0.1rem auto;}    
  		.intro p a,.title h2{font-size: 0.35rem; font-weight: bold; line-height: 0.6rem;}
  		.title h2,.viewbox .info{text-align: center;}
		.map,.usmapl{}
		.content img{width:90%; }
		.con5 ul li img{width:96%; margin: 10px 2%}
        .content .video{width:90%; margin: 20px 5%; text-align: center;}
        .con6 ul li{width:30%;  margin: 0.2rem 1% 0.2rem 2%;}
        .con6 ul li img{width:100%;}
    } 

    /* 平板之类的宽度 1024 以下设备 */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    	
       	.top { height: 0.75rem;}
        .top p{height: 0.75rem; line-height: 0.75rem; font-size: 0.4rem;}
        .top img{width:0.5rem; margin-left: 10px;}
        .topleft{display: none;}
		.topright{text-align: center;margin: 0 auto;}
		.logo img{width:60%;}
        /* .menu{box-sizing: border-box; padding: 0 20px} */
        .menu-wrap{height: 0.7rem; line-height:0.7rem;}
        .menu-wrap span a{font-size:0.4rem; }
        .menu-list-item{margin: 0 0.1rem;}
        .con h4{font-size:0.5rem ;}
        .con h5{ font-size:0.3rem; line-height: 0.5rem;}
		.con1left{width:94%; margin: 20px 3%;}
        .con1right{width:100%; }
        .con1right p{margin-bottom: 10px;}
        .con{width: 96%;padding:0 2%} 
        .header{width:80%; }
        .banner{height:auto;}
        .con2 ul li{width:94%; margin: 0 0 0 3%;padding:0}
        .con1right p,.con2 span,.con2 h6 a,.con2 li a,.con5 p span,.con2 p i,.con2 p,.con3 p,.place a,.place strong,.con4 p,.con5 p,
        .pageinfo,.listbox .intro p,.viewbox .info,.listbox .info small,.listbox p span,.viewbox .info small,
        .viewbox .intro,.content p,.contact p,.contact p strong{font-size:0.4rem; line-height: 0.6rem;}
        /* .con1right p{
            font-size:0.4rem;
        } */
        .con3 .swiper-container{ width: 90%; padding:0 5% }
       
        /*.con2 span,.con2 p i,.header li,.header_nav .con1 p,.con3 p,.con2 p,.con4 p ,.con5 p{font-size:0.35rem; line-height:0.5rem; }*/
        /*.con p{font-size:0.35rem; line-height:0.5rem; }*/
        .con2 ul li:nth-of-type(3),.con2 ul li:nth-of-type(4),.con5 ul li:nth-of-type(2),.con5 ul li:nth-of-type(3),.header_nav_topright{ display:none ;}
        .con5 ul li{width:94%; margin: 20px 3%;}
        .con4zs ul li{width:44%; margin: 0 3%; text-align: center;}
         .footer strong{font-size:0.4rem; line-height: 0.5rem;}
         .footer p{font-size:0.35rem; color: #757575;line-height: 0.5rem;}
         /*.footer{height:3rem;}*/
         .con .button a{font-size:0.4rem;}
		
        .listbox,.viewbox{width:100%;}  
        .listbox li img{width:60%; margin: 0 auto; display: block;}     
        .listbox .intro{ width:98%;  margin: 0.1rem auto;}    
  		.intro p a,.title h2{font-size: 0.45rem; font-weight: bold; line-height: 0.9rem;}
  		.title h2,.viewbox .info{text-align: center;}
		.map,.usmapl{}
		
		.con5 ul li img{width:96%; margin: 10px 2%}
        .content .video{width:70%; margin: 20px 15%; text-align: center;}
        .con6 ul li img{width:176px; height: 65px; margin: 10px 5px 10px 15px;}
    }
    /* PC客户端或大屏幕设备: 1028px 至更大 */
    @media only screen and (min-width: 1029px) {
    	.top { height: 35px;}
        .top p{height: 35px; line-height: 35px;}
        .top img{width:17px; margin-left: 10px;}
        .topleft{display:inline-block; float:left; margin-left:1em;}
		.topright{float:right;}
        .menu-wrap{height: 40px; line-height: 40px;}
        .menu-wrap a{font-size:20px; }
        .menu-list-item{margin: 0 20px;}
        .con h4{font-size:30px ;}
        .con h5{ font-size:17px; line-height: 30px;}
		.con1left{width:46%;margin: 20px 1%;}
        .con1right{width:46%; margin: 10px 1%; }
        .con1right p{margin-bottom: 10px;}
        .con{width:1200px;}
        .header{width:80%; }
        .banner{height: auto;}
        .con2 ul li{width:100%; margin: 5px 0;}
        .con2 span,.con2 h6 a,.con2 li a,.con5 p span,.con2 p i,.header li,.header_nav .menu ul li a,.con p,.place a,.place strong,.pageinfo,.listbox .intro p,.viewbox .info,.listbox .info small,.listbox p span,.viewbox .info small,.viewbox .intro,.content p,.contact p,.contact p strong{font-size:17px; line-height:30px; }
        .con5 ul li{width: 31%; margin: 10px 1% 10px 1%;}
        .con4zs ul li {width: 31%; margin: 0 1% 0 1%; text-align: center;}
         .footer strong{font-size:20px; line-height: 30px;}
         .footer p{font-size:17px; color: #757575;line-height: 31px;}
         /*.footer{height: 170px;}*/
         /*列表页*/
         .place{padding-bottom: 15px;}
         .listbox,.viewbox{width:90%; margin: 0 auto;}  
        .listbox li img{width:20%;margin-left: 10%;}     
        .listbox .intro{ width:60%; margin-right: 8%; margin-top:20px;}    
  		.intro p a,.title h2{font-size: 24px; font-weight: bold; line-height: 60px;}
  		.title h2,.viewbox .info{text-align: center;}
  		.viewbox .info{}
  		
         /*联系我们页*/
        .map,.usmapl{}
         /*友情链接*/
        .con5 ul li img{width:96%; margin: 10px 2%}
        .content .video{width:50%; margin: 20px 25%; text-align: center;}
        
        .con6 ul li img{width:176px; height: 65px; margin: 10px 5px 10px 15px;}
    }  
            
 .fl{float:left; width:}           
 .fr{float:right;}
 .fl p{text-align: center; margin: 0 auto;}
 .fr p{text-align: left;}
 .footer img{width:100px; margin: 5px auto 0px; text-align: center; border-radius: 5px;}