/* rest style */
html,body,div,h1,h2,h3,h4,h5,h6,ul,li,img,p,ol,form,input,dl,dt,dd,thead,tbody,tr,td,th{padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0;vertical-align:middle}
li{list-style:none;}
select,input{vertical-align:middle;outline:none;border:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:#191919;}
html{width:100%;}
body{font-size:14px;font-family:'微软雅黑',Arial,Helvetica,sans-serif,Times,"Times New  Roman",serif;width:100%;min-width:1280px;}
em{font-style:normal}
input::-moz-focus-inner{border:0;padding:0;}
b,i{font-style:normal;font-weight:normal;}

/* public style */
.clear { clear: both;}
.clearfix { *zoom: 1;} 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}
.flt{float:left;}
.frt{float:right;}
.layout{width:1280px;margin:0 auto;}
.hidden{display:none;}
.mt8{margin-top:8px;}
.mt20{margin-top:20px;}
/* header style */
.top
{
    background:#30abf1;
    height:32px;
    line-height:32px;
    }
.top a
{
    color:#fff;
    padding:0 20px;
    float:left;
    }
.top a:hover,.top a.current
{
    background:#2b8cd1;
    }
.navbtn
{
    display:none;
    }    
.logobox
{
    height:130px;
    background:#fff;
    }
.logobox img
{
    float:left;
    padding-top:15px;
    }
.searchbox
{
    padding-top:30px;
    }
.searchbox input
{
    width:160px;
    border-radius:35px 0 0 35px;
    border:1px solid #ccc;
    height:34px;
    padding-left:10px;
    float:left;
    box-sizing:border-box;
    line-height:34px;
    }
.searchbox a
{
     width:50px;
    border-radius:0 35px 35px 0;
    background:url(../images/search_icon.png) no-repeat center #2b8cd1;
    float:left;
    height:34px;
    }
.navbox
{
    height:42px;
    background:#2b8cd1;
    }
/* 轮播图 */
/* 海报样式 */
/*banner轮播图*/

.fullSlide {
  width: 100%;
  position: relative;
  margin: 0 auto;
  z-index:10;
  overflow:hidden;
}

.fullSlide .bd {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 100%;
   height:100%;
}

.fullSlide .bd ul {
  width: 100% !important;
  height:auto !important;
}

.fullSlide .bd li {
  width: 100% !important;
  height:auto;
  overflow: hidden;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}

.fullSlide .bd li a {
  display: block;
  height:auto;
  cursor: pointer;
}
.fullSlide .bd li a img{
  width:100%;
  overflow:hidden;
}

.fullSlide .hd {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 115px;
  left: 0;
}

.fullSlide .hd ul {
  text-align: center;
}

.fullSlide .hd ul li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 130px;
  height: 6px;
  overflow: hidden;
  background: #fff;
  line-height: 999px;
  margin: 0 15px;
}

.fullSlide .hd ul .on {
  background: #007feb;
}

.fullSlide .prev,
.fullSlide .next {
  position: absolute; 
  width: 60px;
  height: 100px;
  margin-top: 13%;
  border-radius: 3px;
  text-indent: -9999px;
  transition: opacity .2s linear 0s;
  cursor: pointer;
  z-index: 99;
  filter: alpha(opacity=30) !important;
  opacity: 0.5 !important;
}

.fullSlide .prev {
  left: 200px;
  background:#000 url(../images/arrow1.png) no-repeat center;
}
.fullSlide .prev:hover{
  background-color: #005bac;
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important;
}

.fullSlide .next {
  right: 200px;
  background:#000 url(../images/arrow2.png) no-repeat center;
}
.fullSlide .next:hover{
  background-color: #005bac;
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important;
}

/* 下拉菜单 */
.navheader
{
    display:none;
    }
.navbox li
{
    float:left;
    } 
.navbox li a
{
    float:left;
    padding:0 42px;
    color:#fff;
   font-size:18px;
   line-height:42px;
    }
.navbox li a:hover
{
    background:#196fac;
    }
.navbox li.haschildren
{
    position:relative;
    }
.navbox li ul
{
    position:absolute;
    top:42px;
    left:0;
    width:100%;
    z-index:99;
    background:#196fac;
    display:none;
    }
.navbox li ul li
{
    float:none;
   height:42px;
   width:100%;
    }
.navbox li ul li a
{
  line-height:42px;
    font-size:14px;
    display:block;
    text-align:center;
   float:none;
   padding:0;
    }
.navbox li ul li a:hover
{
    background:#045995;
    }
    
/* 位置和搜索框 */

/* footer style */
.footer
{
  height:190px;  
  background:url(../images/footerbg.jpg) no-repeat top center;
  margin-top:70px;
  overflow:hidden;
    }
.footer .linkbox
{
    padding-top:25px;
    
    padding-bottom:15px;
    color:#fff;
    font-size:14px;
    }
.footer .linkbox a
{
    color:#fff;
    }
.footer .linkbox .link
{    
    line-height:24px;
    }
.txtMarquee-left{ width:100%;overflow:hidden;  position:relative; }
.txtMarquee-left .bd{ }
.txtMarquee-left .bd .tempWrap{ width:1080px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */


.txtMarquee-left .bd ul li span{ color:#fff;padding-left:8px;  }

    
.footer .textbox
{
    padding-top:10px;
    }
.footer .blue,.footer .wechat
{
    padding:10px 20px;    
    }
.footer .wechat
{   
    height:70px;
    }
.footer .blue
{
    padding-left:280px;
    }
.footer .text
{
    text-align:center;
    line-height:20px;
    font-size:12px;
    }
.footer .text p a img
{
    width:30px;
    }
/*侧栏样式*/

/*屏幕在1024px到1279之间（中屏幕电脑）*/
@media screen and (min-width: 1024px) and (max-width: 1279px){
body
{
    min-width:980px;
    }
.layout{
		width:980px;		
	}	
	
 /*顶部导航*/ 
.navbox li a
{
    padding:0 30px;
	font-size:16px;
    }

    
 /*底部*/ 
 .footer .blue
{
    padding-left:220px;
    }
 .footer .linkbox
 {
     padding:15px 0;
     }
.footer .text
{
    font-size:12px;
    }
.footer .text p a img
{
    height:24px;
    }
.footer .wechat
{   
    height:70px;
    }    
}
/*屏幕在768px到1023之间（小屏幕-pad）*/
@media screen and (min-width: 769px) and (max-width:1023px){
body
{
    min-width:730px;
    }
.layout{
		width:730px;		
	}
	
	
 /*顶部导航*/ 
	.navbox li a
{
    padding:0 15px;
	font-size:16px;
    }

    
 /*底部*/ 
    
.footer .blue, .footer .wechat,.footer .text
{
    float:none;
    padding:0;
    }
.footer .linkbox
{
    padding-top:15px;
    }
.footer
{
    font-size:12px;
    position:relative;
    }
.footer .blue,.footer .wechat
{
    position:absolute;
    height:40px;
    top:90px;
    }
.footer .blue
{
    left:50px;    
    }
.footer .wechat
{
    right:50px;    
    }
    
}


/*屏幕在420px到768之间*/
@media screen and (max-width: 768px){
.layout{
		width:90%;
	}
body
{
    min-width:100%;
    }
    
    
 /*顶部logo*/ 
.logobox
{
    height:auto;
    padding:10px 0;
    }
.logobox img
{
    width:80%;  
    padding-top:0;    
    display:block;
    float:none;
    }
    
 /*顶部导航*/ 
.top
{
    position:relative;
    }
.navbtn
{
    display:block;
    position:absolute;
    width:50px;
    right:10px;
    top:60px;
    }
.navcenter
{
    width:100%;
    }
.navbox{		
		position:fixed;
		top:0;
		right:0;
		width:80%;
		height:100%;
		background:rgba(21,104,170,.9);
		transform:translateX(100%);
		-webkit-transform:translateX(100%);	
		-webkit-transition:transform 0.5s; 
		transition:transform 0.5s; 	
		z-index:99;
		overflow:auto;
	}
.navheader
{
    display:block;
    font-size:24px;
    color:#fff;
    padding:20px 0 20px 20px;
    background:rgba(21,104,170,.95);
    position:relative;
    }
.navheader img
{
    width:30px;
    cursor:pointer;
    position:absolute;
    right:20px;
    bottom:20px;
    }
.show{		
		transform:translateX(0);
		-webkit-transform:translateX(0);
	}
.navbox li
{
    float:none;
    font-size:22px;
	  padding-left:38px;
	  line-height:60px;
	  color:#fff;
	  border-bottom:1px dotted #fff;
    }
.navbox li a
{
    float:none;
    display:block;
    padding:0;
    }
.navbox li ul
{
    display:block;
    position:static;
    background:rgba(21,104,170,0);
    text-align:left;
    }
.navbox li ul li a
{
    text-align:left;
    }
.navbox li ul li
{
    border:none;
    }

 /*顶部搜索框*/ 
.searchbox
{
   float:none;
   width:100%;
   margin:10px auto;
   padding-top:0;
    }
.searchbox input
{
    width:80%;
    }
.searchbox a
{
    width:20%;
    }
    

    
 /*底部*/ 
.footer
{
    font-size:12px;
    position:relative;
    }
.footer .blue,.footer .wechat
{
    position:absolute;
    height:40px;
    top:90px;
    }
.footer .blue
{
    left:10px;    
    }
.footer .wechat
{
    right:10px;    
    }
.footer .blue, .footer .wechat,.footer .text
{
    float:none;
    padding:0;
    }
.footer .linkbox
{
    padding-top:10px;
    }
    
    
}


@media screen and (max-width: 420px){
.layout{
		width:95%;
	}
body
{
    min-width:100%;
    }
    
    
 /*面包导航按钮*/ 
.navbtn
{
    width:40px;
    }

 /*轮播图按钮*/ 
.fullSlide .prev, .fullSlide .next
{
    width:30px;
    height:50px;
    background-size:60% 60%;
    
    }

 /*顶部logo*/  
.logobox
{
    height:auto;
    padding:10px 0;
    }
.logobox img
{
    width:80%;  
    padding-top:0;   
    display:block;
    float:none;
    }
    
 /*底部*/  
.footer .linkbox
{
    padding-top:15px;
    }
.footer 
{
    height:200px;
    background-size:100% 100%;
    }
.footer .text
{
    line-height:18px;
    }
.footer .blue, .footer .wechat
{
    top:130px;
    }   
    
    
}

@media screen and (max-width: 375px)
{
     /*面包导航按钮*/   
    .navbtn
    {
        width:30px;
        }

    
 /*底部*/   
.footer .linkbox
{
    font-size:12px;
    }
    
    }
    
@media screen and (max-width: 320px)
{    
 /*底部*/   
.footer .linkbox
{
    font-size:12px;
    padding:8px 0;
    }
.footer .blue, .footer .wechat
{
    top:150px;
    }  
    }