html{ background:#fff; color:#585858; overflow-x:hidden;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#585858; font-size:14px; font-family:'微软雅黑';}
a{ color:#585858;}
a:hover{color:#0097ff;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:5px 13px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}



.scale:hover img {
    transform: scale(1.1, 1.1);
}
.scale img{ transition:transform 1s ease 0s}



#indexNews li {
	margin: 0 0 10px;
	font-size: 12px;	
	color: #888888;
}
#indexNews li .xwbt{ background: url(w.jpg) no-repeat left center; height: 22px; line-height: 22px; padding-left: 35px;}
#indexNews li .xwbt a{ color: #000; font-size: 14px; transition:0.3s all 0s linear;}
#indexNews li .xwnr{ background: url(d.jpg) no-repeat left 2px; line-height: 20px; padding-left: 35px; margin-top: 5px;}
#indexNews li:hover a{ padding-left: 10px; color: #000; font-weight: bold}


.Newstime {
	color:#afb0b4;
	font-size:12px;
	float: right;
}

#lxwm_nr {
	margin: 0 20px 20px;
	font-size:14px;
}
#lxwm_nr p {
	line-height: 35px;
	border-bottom: 1px dotted #ccc;
	padding-left: 20px;
}
#prev_next{ border-top:1px solid #ccc; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}

#con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}


#yspf img{
  -webkit-animation: float ease-in-out 1.5s infinite;
  animation: float ease-in-out 1.5s infinite;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.imgB { width: 100%;  top: 0; left: 0; position: relative;  opacity: 1;}
.imgT { width: 100%;top: 0;left: 0; position: absolute;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.pic:hover .imgT{
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/** header **/
#top_line{ background: url(line.png) no-repeat center top; height: 7px; width: 100%;}
#top_bj{ width: 100%; height: 130px; background: #fff;}
#top_index{ width:1200px; height:130px;}
#logo{ float:left; padding:30px 0 0;}
#top_tel{ background: url(tel.png) no-repeat left top; float: right; padding: 15px 0 0 60px; font-weight: bold; color: #d90000; font-size: 30px; margin-top: 55px; font-style: italic;}
#nav_bj{ width: 100%; height: 60px; background: #007de0;}
#nav{ width:1200px; height:60px;}
#nav a{ display:block; float:left; width:150px; font-size: 15px; font-weight: bold; height:60px; line-height:60px; text-align:center; color:#fff;}
#nav a:hover{ background: url(nav_hk.png) no-repeat center; color: #fff;}

.flash{ width:100%; height:501px; margin:0 auto; text-align:center; position:relative; z-index:0; }
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:501px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height:501px;}

#ssbj{ width: 100%; height: 82px; background: url(ssbj.jpg) no-repeat center top;}
#ssnr{ width: 1200px; height: 82px;}
#ssnr .left{ padding: 15px 0 0 150px; text-align: left; width: 808px; line-height: 27px;}
#ssnr .left span{ color: #f6d600; font-weight: bold; font-size: 16px;}
#ssnr a{ color: #fff; padding: 0 20px 0 0;}
.ss{ width:235px; height:30px; float: left; margin: 25px 0 0 ;}
.sou_left{float:left; width:173px; height:30px; line-height:30px; border: none; background: #fff; text-align:left; color:#666666; padding-left:10px;}
.ss_pic{ float:right;}

/** footer **/
#end{ background: #0079cc; width: 100%; line-height: 38px; text-align: center; color: #fff;}
#end a{ color: #fff;}
#end a:hover{ color: #ff0;}

.yqlj{ background: #0079cc; width: 100%; line-height: 38px; color: #fff;}
.yqlj a{ color: #fff;}
.yqlj a:hover{ color: #ff0;}
.yqlj ul { padding:0.5% 0}
.yqlj ul span{ float:left;}
.yqlj ul li{ float:left; padding:0 1%}

/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding:30px 0;}

.huibj{ width: 100%; height: auto; overflow: hidden; background: #f2f2f2;}

.tj-cont{ height: auto; overflow: hidden; margin-top: 30px; }
.aside{ width: 278px; height: auto; background: #007de0;}

.tjcp-cont{ width: 900px; }
.tjcp-tab-nav{ background: #333333; }
.tjcp-tab-nav ul{ height: auto; overflow: hidden; }
.tjcp-tab-nav ul li{ width: 20%; height: 60px; line-height: 60px; float: left; font-weight: bold; text-align: center; font-size:16px;}
.tjcp-tab-nav ul li a{display: block; color: #fff; }
.tjcp-tab-nav ul li.on{ background: #e6e6e6;}
.tjcp-tab-nav ul li.on a{ color: #333333; }
.tjcp-tab-cont{ width: 100%; }
.tjcp-item{height:auto; overflow: hidden; background: #e6e6e6; padding: 20px 24px; color: #333; float: left; margin-bottom:20px;}
.tjcp-item img{ width: 331px; height: 269px; margin-right: 36px; float: left; }
.tjcp-item h4{ width:460px;  float:left;height: 36px; line-height: 36px; }
.tjcp-item p{width: 460px;  float:left; line-height:28px; margin-bottom: 10px;}
#zxdg{ width:150px; height:43px; background: #f6b400; text-align:center; margin-top:10px; line-height:43px; font-size: 16px; float:left; border-radius:10px; color:#000; transition:0.3s all 0s linear;}
#zxdg a{ color:#000;}
#zxdg:hover{ background: #f4930e;}
#zxdg1{ padding: 0 20px; height:43px; background: #007de0; text-align:center; margin-top:10px; line-height:43px; font-size: 16px; float:left; border-radius:10px; color:#fff; transition:0.3s all 0s linear; margin-left: 10px;}
#zxdg1 a{ color:#fff;}
#zxdg1:hover{ background: #f4930e;}


.tjcp-list ul li{width: 270px; padding: 10px; height: 275px; line-height:30px; text-align: center; background: #fff; float: left; margin-right: 10px; transition:0.3s all 0s linear;}
.tjcp-list ul li img{ text-align: center; width: 270px; height: 240px;}
.tjcp-list ul li span{display: block;}
.tjcp-list ul li:hover{ background: #007de0;}
.tjcp-list ul li:hover span{ color:#fff; }


#ysbj{ background: url(ysbj.png) no-repeat center top #fff; width: 100%; height: auto; margin-top: 60px;}
#ysnr{ width: 1200px; height: 780px; position: relative;}
#ystitle{ position: absolute; top: -30px; left: 280px;}
#yspf{ position: absolute; top: 155px; left: -170px;}
#font1{ width: 286px; height: auto; position: absolute; left: 0; top: 345px; text-align: center; transition:0.3s all 0s linear;}
.huang{ width: 286px; height: 383px; background: #f6b400; margin-bottom: 10px; transition:0.3s all 0s linear;}
.huang .pic{ width: 250px; height: 204px; overflow: hidden; border: 5px solid #f6b400; position: absolute; left: 13px; top: -60px; transition:0.3s all 0s linear;}
.huang .pic img{ width: 250px; height: 204px; transition:transform 1s ease 0s;}
.huang .title_bj{ position: absolute; top: 165px; left: 0; width: 246px; height: 50px; line-height: 50px; background: url(ysline.png) no-repeat center; padding: 0 20px;}
.huang .title_bj .num{ font-family: impact; color: #fff; font-size: 48px; float: left;}
.huang .title_bj .title{ float: right; background: #fff; height: 32px; line-height: 32px; font-size: 18px; padding: 0 20px; margin: 10px 3px 0 0; color: #000;}
.huang .content{ position: absolute; top: 200px; padding: 50px 30px 0; text-align: center; line-height: 25px; color: #000;}
#font2{ width: 286px; height: auto; position: absolute; left: 305px; top: 237px; text-align: center; transition:0.3s all 0s linear;}
.hui{ width: 286px; height: 383px; background: #e4e4e4; margin-bottom: 10px; transition:0.3s all 0s linear;}
.hui .pic{ width: 250px; height: 204px; overflow: hidden; border: 5px solid #e4e4e4; position: absolute; left: 13px; top: -60px; transition:0.3s all 0s linear;}
.hui .pic img{ width: 250px; height: 204px; transition:transform 1s ease 0s;}
.hui .title_bj{ position: absolute; top: 165px; left: 0; width: 246px; height: 50px; line-height: 50px; background: url(ysline.png) no-repeat center; padding: 0 20px;}
.hui .title_bj .num{ font-family: impact; color: #000; font-size: 48px; float: left;}
.hui .title_bj .title{ float: right; background: #fff; height: 32px; line-height: 32px; font-size: 18px; padding: 0 20px; margin: 10px 3px 0 0; color: #000;}
.hui .content{ position: absolute; top: 200px; padding: 50px 30px 0; text-align: center; line-height: 25px; color: #000;}
#font3{ width: 286px; height: auto; position: absolute; right: 305px; top: 345px; text-align: center; transition:0.3s all 0s linear;}
#font4{ width: 286px; height: auto; position: absolute; right: 0; top: 237px; text-align: center; transition:0.3s all 0s linear;}

#font1:hover { top: 335px;}
#font1:hover .huang{ background: #1b98fa; border: 1px solid #fff;}
#font1:hover .huang .pic{ border: 5px solid #1b98fa;}
#font1:hover .huang .pic img{transform: scale(1.1, 1.1);}
#font3:hover { top: 335px;}
#font3:hover .huang{ background: #1b98fa; border: 1px solid #fff;}
#font3:hover .huang .pic{ border: 5px solid #1b98fa;}
#font3:hover .huang .pic img{transform: scale(1.1, 1.1);}
#font2:hover { top: 227px;}
#font2:hover .hui{ background: #1b98fa; border: 1px solid #fff;}
#font2:hover .hui .pic{ border: 5px solid #1b98fa;}
#font2:hover .hui .pic img{transform: scale(1.1, 1.1);}
#font4:hover { top: 227px;}
#font4:hover .hui{ background: #1b98fa; border: 1px solid #fff;}
#font4:hover .hui .pic{ border: 5px solid #1b98fa;}
#font4:hover .hui .pic img{transform: scale(1.1, 1.1);}

#bai{ background: #fff; width: 100%; height: auto; overflow: hidden;}
.gsjj{ width: 300px;}
.title_bj1{ background: url(title_line.png) no-repeat left bottom; height: 45px;}
.title_bj1 .left{ color: #000; font-size: 18px; font-weight: bold;}
.title_bj1 .right{ color: #0070c9; font-size: 14px;}
#xwzx{ width: 505px; float: left; margin: 0 47px;}

#xwlb{ width: 505px; height: auto; overflow: hidden; }
#xwlb li { height: 73px;  margin-bottom: 10px; padding: 10px;}
#xwlb li .right{ width: 380px; color:#a3a3a3; font-size: 14px; line-height: 1.8;}
#xwlb li .right a{ color:#000; font-size: 15px; transition:0.3s all 0s linear;}
#xwlb li .info_date{ color: #2e2e2e; float:left; width:87px; height:73px; text-align:center; border-right: 1px solid #cccccc;}
#xwlb li .info_date span{ display: block; font-size:48px; color:#000; width:87px; height: 53px; line-height: 53px; transition:0.3s all 0s linear;}
#xwlb li .info_date p{ color: #b8b8b8; font-size: 15px;}
#xwlb li:hover a{ color: #f4930e; padding-left: 10px;}
#xwlb li:hover{ background: #0097ff;}
#xwlb li:hover .right a{ color: #ff0;}
#xwlb li:hover .right{ color: #fff;}
#xwlb li:hover .info_date p{ color: #fff;}

#scsb{ background: url(gdbj.png) repeat-x center top #fff; width: 100%; height: auto; padding: 60px 0 40px;}
.picScroll-left{ width:1312px;  overflow:hidden; position:relative;}
.picScroll-left .prev{ display:block;  width:38px; height:38px; float:right; margin-left:5px; margin-top:100px;  overflow:hidden; cursor:pointer;}
.picScroll-left .next{ display:block;  width:38px; height:38px; float:left; margin-right:5px; margin-top:100px;  overflow:hidden; cursor:pointer;}
.picScroll-left .bd{ padding:7px; float:left;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; width:288px; height:238px; float:left; position: relative; overflow:hidden; text-align:center; background: #000;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:280px; height:230px; border: 4px solid #f0f0f0; transition:0.3s all 0s linear;}
.picScroll-left .bd ul li:hover img{ opacity: 0.4;}
.picScroll-left .bd ul li .pic_title{ position: absolute; color:#fff; background: url(jh.png) no-repeat center -60px; font-size: 16px; z-index: 100; top: 0; padding-top: 250px; width: 280px; text-align: center; left: 0; height: 50px; transition:0.2s all 0s linear;}
.picScroll-left .bd ul li:hover .pic_title{ position: absolute; color:#fff; background: url(jh.png) no-repeat center 80px; font-size: 16px; z-index: 100; top: 0; padding-top: 160px; width: 280px; text-align: center; left: 0; height: 50px;}

/** sidebar **/
#sidebar{ width:278px; height:auto; overflow:hidden; float: left;}
#main_right{ width:900px; height:auto; overflow:hidden; float: right; line-height: 2.0;}

#banner_zy{ width: 100%; height: 287px; background: url(banner_zy.jpg) no-repeat center top;}


#pro_list{ background: #007de0;}
#pro_list li{ display: block; background: url(icon.png) no-repeat 30px center; color:#fff; height: 62px; line-height:62px;  padding-left: 70px; transition:0.3s all 0s linear; font-size: 15px; font-weight: bold;}
#pro_list li a{ color: #fff;}
#pro_list li:hover{ background: url(icon.png) no-repeat 40px center #0070c9;}
#pro_list li:hover a{ color: #f6b400;}


#lxwm{ background: #f2f2f2; padding: 15px; margin-top: 20px;}
#title_lx{ border-bottom: 1px solid #e5e5e5; height: 30px; color: #000; font-size: 18px;}
#title_lx span{ font-size: 14px; padding-left: 10px;}

.title_zy{ background: url(title_bj.png) no-repeat center; text-align: center; color: #000; font-size: 20px; margin-bottom: 30px;}
.title_zy span{ font-family: Aparajita; font-size: 30px; font-weight: bold;}



/** zy **/ 
.content{ padding: 20px 0; line-height: 2.0;}
#content_zy{ line-height: 2.0; width: 1200px; padding: 40px 0; height: auto; overflow: hidden;}

.new_li_content li{ background: #fff; height:auto; overflow:hidden; padding:10px; margin-bottom: 10px; border:1px #999 dotted; transition:all 0.4s linear 0s;}
.news_title_content{ height:auto; width:70%; }
.new_li_content li img{ margin:0 2%; width:24%}
.new_li_content li:nth-of-type(odd) img{ float:right}
.new_li_content li:nth-of-type(even) img{ float:left}
.news_li_content{ color:#999; font-size:12px;}
.new_li_content li:hover{ background:#007de0;}
.new_li_content li:hover .news_li_content{ color:#fff; font-size:12px;}
.new_li_content li:hover a{ color:#fff}
.news_li_title .time_news2{ margin:0 15px;transition:all 0.2s linear 0s;}
.new_li_content li:hover .news_li_title{ color:#ff0; font-weight:bold;}
.new_li_content li:hover .time_news2{ margin:0 25px;}


#title_zy{ background: url(title_line.png) no-repeat right 60px; height: 100px;margin-bottom: 20px;}
#title_zy .left{ position: relative; background: url(title.png) no-repeat 30px top; height: 100px; width: 170px; }
#title_zy .left p{ position: absolute; z-index: 2; left: 40px; top: 22px; font-size: 24px; font-weight: bold; color: #000;}
#title_zy .left div{ position: absolute; z-index: 1; top: 17px; font-family: Aparajita; font-size: 30px; color: #d2d2d2;}
#title_zy .left div span{ color: #000; font-size: 72px;}
#title_zy .right{ line-height: 85px;}



#tjcp .left{ width: 430; height: 315px; text-align: center; background: #fff; border: 4px solid #dcdcdc;  transition:0.3s all 0s linear;}
#tjcp .left img{width: 430; height: 315px;}
#tjcp .left:hover{ border: 4px solid #0461c2;}
#tjcp .left1{width:410px; height:400px; margin-right:10px; float:left;}
#tjcp .right{ width: 450px; line-height: 2.0;}
#tjcp .right p{ color: #2b2b2b; font-size: 24px; font-weight: bold; border-bottom: 1px solid #e0e1e1; margin-bottom: 20px;}
#tjcp .right span{ font-weight: bold;}
#tjcp .right .tjtel{ background: url(tel1.png) no-repeat left top; padding: 10px 0 0 50px; color: #d80000; font-size: 30px; font-weight: bold; float: left; margin-top: 20px;}
#tjcp .right .zixun{ width: 145px; height: 45px; background: #d80000; float: right; line-height: 45px; text-align: center; color: #fff; font-weight: bold; font-size: 18px; margin-top: 30px; transition:0.3s all 0s linear;}
#tjcp .right .zixun a{ color: #fff;}
#tjcp .right:hover .zixun:hover{ background: #0051c0;}
.dgnr{ background: url(dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;}

.pro1{ overflow:hidden; zoom:1; }
.pro1 li{ margin:0 6px 20px; border: 1px solid #d8d8d9; border-radius: 5px; width:279px; height:420px; background:#fff; float:left; overflow:hidden; transition:0.3s all 0s linear;}
.pro1 li .pic{ text-align:center; width:279px; height: 210px; overflow: hidden; padding: 0 !important; }
.pro1 li .pic img{ width:279px; height:210px; transition:0.3s all 0s linear;}
.pro1 li .pic_title{ padding: 15px 0 0; width: 254px; color:#1da849; font-size:16px; font-weight: bold; border-top: 1px solid #ccc;}
.pro1 li .pic_content{ color:#000; line-height:1.8; font-size: 12px; padding: 10px 20px;}
.pro1 li .pic_more{ width:90px; height:30px; line-height:30px; text-align:center; color:#1da849; border: 1px solid #1da849; border-radius: 5px; float: left; margin-left: 20px; transition:0.3s all 0s linear;}
.pro1 li .pic_more a{ color:#1da849;}
.pro1 li:hover{ background: #21bd52;}
.pro1 li:hover .pic_title{ color: #ff0;}
.pro1 li:hover .pic_content{ color: #fff;}
.pro1 li:hover .pic_more{ background:#fff;}
.pro1 li:hover .pic_more a{ color: #1da849;}
.pro1 li:hover img{ transform: scale(1.1, 1.1);}

/************************************/
.page{margin:1% auto; overflow:hidden;}
.page li{ float:left; padding:0 5px;}
.page a{display:inline-block;line-height:25px;border:1px solid #dbdbdb;padding:0 8px 0;}
.page a:hover{background:#404040;color:#fff;border:none;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left; margin:1% 0; width:32%; background: #fff; text-align:center; font-size:14px; transition:0.3s all 0s linear;}
.pro li:nth-of-type(3n-1){ margin:1%}
.pro img{ width:100%; height:205px;}
.pro li .pro_pic{width:278px; height:209px; background: #fff; overflow: hidden;}
.pro a{ color:#333; font-size:14px;}
.pro li:hover{ background:#007de0;}
.pro li:hover a{ color:#fff;}

/*************index&goods**************/
.news{ width:100%;}
.news li{width:100%;height:40px;text-indent:2em;line-height:40px; font-size:14px; border-bottom:1px dotted #ccc; background:url(icon.jpg) no-repeat 20px center; transition:0.3s all 0s linear; padding-left:10px;}
.news li:hover{background-color:#efefef; border-bottom:1px solid #ccc;}
.news li:hover a{color:#000;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center; width:100%; line-height:28px; border:1px solid #efefef; margin-bottom:10px; background:#f8f8f8;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#141414;text-align:center; font-weight: bold; font-size:30px; margin-bottom: 20px;}
.info_title{margin:10px 0 0 0;width:100%;height:50px; background: #fff; margin-bottom:10px;}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#007de0;color:#fff;line-height:50px; font-weight: normal; font-size: 16px; padding: 0 30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 80px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(button.gif) none center;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}
.cpzs{ display:block;}
.cpzs1{ display:none;}

/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
#logo{ width:50%;}
#logo img{ max-width:100%;}
#top_index{ width: 960px; }
.main{ width:960px;}
#ssnr{width:960px;}
#nav{width:960px;}
#ysnr{width:960px;}
.picScroll-left{width:960px;}
#nav a{ width:12.5%;}
#nav a:hover{ background-size:contain;}
#ssnr .left{ width:500px;}
.aside{ width:25%;}
#sidebar{ width:25%;}
.tjcp-cont{ width:73%;}
#main_right{ width:73%;}
.tjcp-item img{ width:48%; padding-right:2%; margin:0;}
.jjnr{ width:50%; float:left;}
#ystitle{ left:200px;}
#xwzx{ width:32%; margin:0 1%;}
.gsjj{ width:33%;}
#xwlb{ width:100%;}
#xwlb li .info_date{ width:20%;}
#xwlb li .right{ width:75%;}
#xwlb li .info_date span{ width:90%;}
#xwlb li{ overflow:hidden;}
.picScroll-left .bd{ width:88%; overflow:hidden;}
#font1,#font2,#font3,#font4{ width:230px;}
.huang,.hui{ width:100%;}
.huang .pic{ width:200px; height:160px;left:10px;}
.huang .pic img{width:200px; height:160px;}
.hui .pic img{width:200px; height:160px;}
.hui .pic{ width:200px; height:160px;left:10px;}
.huang .title_bj{ width:90%; padding:0 5%; top:130px;}
.hui .title_bj{ width:90%; padding:0 5%; top:130px;}
.huang .title_bj .num{ float:none; width:100%;}
.hui .title_bj .num{ float:none; width:100%;}
.huang .title_bj .title{ float:none; width:96%; padding:1% 2%; margin:1% 0;}
.hui .title_bj .title{ float:none; width:96%; padding:1% 2%; margin:1% 0;}
.huang .content{ top:180px}
.hui .content{ top:180px}
.huang{ height:420px}
.hui{ height:420px}
#font2{ left:245px;}
#font3{ right:245px;}

.flash{ height:400px;  }
.flash .flashBox { width:1000px; height:400px; }
.flash .flashBox .bd{  width:1600px; left:-460px;}
.flash .flashBox .bd img{ height:400px;}

}

/*880分辨率（大于768px，小于959px）*/
@media screen and (min-width: 768px) and (max-width: 959px) {
#top_index{ width: 900px; }
.main{ width:900px;}
#nav{width:900px;}
#ysnr{width:900px;}
.picScroll-left{width:900px;}

#logo{ width:50%;}
#logo img{ max-width:100%;}
#nav a{ width:12.5%;}
#nav a:hover{ background-size:contain;}
#ssnr .left{ width:500px;}
.aside{ width:25%;}
#sidebar{ width:25%;}
.tjcp-cont{ width:73%;}
#main_right{ width:73%;}
.tjcp-item img{ width:48%; padding-right:2%; margin:0;}
.jjnr{ width:50%; float:left;}
#ystitle{ left:200px;}
#xwzx{ width:32%; margin:0 1%;}
.gsjj{ width:33%;}
#xwlb{ width:100%;}
#xwlb li .info_date{ width:20%;}
#xwlb li .right{ width:75%;}
#xwlb li .info_date span{ width:90%;}
#xwlb li{ overflow:hidden;}
.picScroll-left .bd{ width:88%; overflow:hidden;}
#font1,#font2,#font3,#font4{ width:210px;}
.huang,.hui{ width:100%;}
.huang .pic{ width:190px; height:160px;left:5px;}
.huang .pic img{width:190px; height:160px;}
.hui .pic img{width:190px; height:160px;}
.hui .pic{ width:190px; height:160px;left:5px;}
.huang .title_bj{ width:90%; padding:0 5%; top:130px;}
.hui .title_bj{ width:90%; padding:0 5%; top:130px;}
.huang .title_bj .num{ float:none; width:100%;}
.hui .title_bj .num{ float:none; width:100%;}
.huang .title_bj .title{ float:none; width:96%; padding:1% 2%; margin:1% 0;}
.hui .title_bj .title{ float:none; width:96%; padding:1% 2%; margin:1% 0;}
.huang .content{ top:180px}
.hui .content{ top:180px}
.huang{ height:450px}
.hui{ height:450px}
#font2{ left:230px;}
#font3{ right:230px;}
#ysnr{ height:850px;}
.flash{ height:400px;  }
.flash .flashBox { width:100%; height:400px; }
.flash .flashBox .bd{  width:100%; left:-0px;}
.flash .flashBox .bd img{ height:400px;}
#ssbj{ display:none;}
.yy img{ max-width:100%;}
.main p img{ max-width:100%;}
}

/*440分辨率以下（小于479px）*/
@media only screen and (max-width: 768px) {
#top_index{ width: 100%; }
.main{ width:100%;}
#ssnr{width:100%;}
#nav{width:100%;}
#ysnr{width:100%;}
.picScroll-left{width:100%;}
#top_line{ display:none;}
#top_bj{ display:none;}
#nav_bj{ display:none;}
#ssnr .left{ width:500px;}
.aside{ width:100%; float:none; display:none;}
.tjcp-cont{ width:100%; float:none;}
.tjcp-item img{ width:48%; padding-right:2%; margin:0;}
.jjnr{ width:50%; float:left;}
#ystitle{ left:0px;}
#ystitle img{ max-width:100%;}
#xwzx{ width:98%; float:none; margin:0 auto;}
.gsjj{ width:98%; float:none; margin:0 auto;}
#xwlb{ width:100%;}
#xwlb li .info_date{ width:20%;}
#xwlb li .right{ width:75%;}
#xwlb li .info_date span{ width:90%;}
#xwlb li{ overflow:hidden;}
.picScroll-left .bd{ width:288px; overflow:hidden;}
.picScroll-left .next{ width:20px;}
.picScroll-left .next img{ max-width:100%;}
.picScroll-left .prev{ width:20px;}
.picScroll-left .prev img{ max-width:100%;}
#font1,#font2,#font3,#font4{ width:48%; margin:1%;}
.huang,.hui{ width:100%;}
.huang .pic{ width:90%; height:130px;left:5px;}
.huang .pic img{width:100%; height:130px;}
.hui .pic img{width:100%; height:130px;}
.hui .pic{ width:90%; height:130px;left:5px;}
.huang .title_bj{ width:90%; padding:0 5%; top:130px;}
.hui .title_bj{ width:90%; padding:0 5%; top:130px;}
.huang .title_bj .num{ float:none; width:100%;}
.hui .title_bj .num{ float:none; width:100%;}
.huang .title_bj .title{ float:none; width:96%; padding:1% 2%; margin:1% 0;}
.hui .title_bj .title{ float:none; width:96%; padding:1% 2%; margin:1% 0;}
.huang .content{ top:180px}
.hui .content{ top:180px}
.huang{ height:480px}
.hui{ height:480px}
#font1{ top:180px}
#font1:hover { top: 170px;}
#font2{ left:50%; top:180px}
#font2:hover { top: 170px;}
#font3{ left:0px; top:770px;}
#font3:hover { top:760px;}
#font4{ left:50%; top:770px;}
#font4:hover { top: 760px;}
#ysnr{ height:1300px;}
.flash{ height:130px; overflow:hidden; }
.flash .flashBox { width:100%; height:130px; }
.flash .flashBox .bd{  width:100%; left:0;}
.flash .flashBox .bd img{ height:130px;}
#ssbj{ display:none;}
.yy img{ max-width:100%;}
.main p img{ max-width:100%;}
.main-im{ display:none;}
.header{ display:block;}
#sidebar{ width:100%; float:none;}
#main_right{ width:100%; float:none;}
#lxwm{ display:none;}
.pro li{ width:48%; margin:1%;}
.pro img{ width:100%; height:170px;}
.new_li_content li img{ display:none;}
.news_title_content{ width:100%; float:none;}
.yqlj{ display:none;}
.cpzs{ display:none;}
.cpzs1{ display:block; padding:2% 0;}
.cpzs1 img{ max-width:100%;}
.cpzs1 .tjcp-list p{ font-size:20px; text-align:center; line-height:35px;}
.cpzs1 .tjcp-list{ width:100%;}
.cpzs1 .tjcp-list ul{ overflow:hidden; width:100%;}
.tjcp-list ul li{ width:46%; margin:1%; padding:1%; height:auto; float:left;}
.tjcp-list ul li img{ width:100%; height:150px;}
}