﻿@charset "utf-8";

@media screen and (max-width:1200px)
{
.tou{ height:auto;  }
.tou dl{ max-width:94%; margin:0 auto;  }
.header{clear:both; max-width:94%; margin:0 auto; }
.notice_con{ clear:both; max-width:94%; margin:0 auto; height:auto; }
.indexbox{ max-width:94%; margin:0 auto; }
.indextwo{ clear:both; overflow:hidden; max-width:100%; margin:30px auto; }
.indextwo ul{ clear:both; overflow:hidden; width:100%; }
.linkbox .link{ max-width:94%; margin:0px auto;}
.footer{ max-width:94%;margin:0px auto 0 auto; }

}

@media screen and (max-width:1170px)
{

.info_view div.content img{ width:100%; }
.product_view div.content img{ width:100%; }


}

@media screen and (max-width:1040px)
{
.tou dl dt{ display:none; }
.tou dl dd{ float:none; }
.tou dl dd span{ float:left; line-height:40px; padding:0 0 0 25px; background:url(../images/tel.gif) no-repeat left center; display:block;}
.tou dl dd .erweima1{ float:left; line-height:20px; background:url(../images/weibo.gif) no-repeat 20px 0px ; margin:10px 0 0 0px; padding:0 0 0 50px; border-left:0px solid #cccccc;}
.tou dl dd .erweima2{ float:left; line-height:20px; background:url(../images/weixin.gif) no-repeat 20px 0px ; margin:10px 0 0 0px; padding:0 0 0 50px; border-left:0px solid #cccccc;}
.tou dl dd .erweima3{ float:left; line-height:20px; background:url(../images/waterapp.gif) no-repeat 20px 0px ; margin:10px 0 0 0px; padding:0 0 0 50px; border-left:0px solid #cccccc;}


}

@media screen and (max-width:980px)
{

.indexone .qiye{ width:100%; float:none;}
.indexone .tupian{ width:100%; float:none; margin:6% 0%; overflow:hidden; }
.indexone .tingshui{ width:100%; float:none;}


.shuizhi{width:100%; float:none;}
.shuizhi .content{ margin:22px 0 0 0;}
.shuizhi table{}
.shuizhi .sz1{ background:#0e71a7;}
.shuizhi .sz1 td{ background:#1d8fc6; padding:0 0 0 15px; color:#fff; line-height:40px;}
.shuizhi .sz2{ background:#e2e2e2;}
.shuizhi .sz2 td{ background:#f2f2f2; line-height:30px; padding:10px 0px 0px 15px; height:270px; overflow:hidden;}

.meiti{ width:100%; float:none; margin:6% 0%; overflow:hidden; }
.meiti dl{ text-align:center; margin:22px 0 0 0;}
.meiti dl dt{ background:url(../images/meiti.gif) no-repeat bottom center; padding:0 0 15px 0;}
.meiti dl dt a{ font-size:18px; font-weight:bold; }
.meiti dl dd{ color:#6c6c6c; font-size:14px; line-height:22px; padding:5px 0 0px 0; overflow:hidden; height:60px;}
.meiti ul{}
.meiti ul li{ line-height:30px; clear:both; overflow:hidden;}
.meiti ul li a{ float:left;}


/*期刊滚动*/
.qikan{ width:100%; float:none;}

.shipin ul li{ width:49%; float:left; margin:0 2% 2% 0; position:relative;}
.shipin ul li:nth-child(2n){ margin:0 0% 2% 0; }

.info_list_new ul li .zhaiyao{ width:80%; }


.info_list3 dl{ float:left; width:48%;  text-align:center; margin:0 1%; }

.info_list3 dl dd{ line-height:20px;}
.info_list3 dl a,.info_list dl a:link,.info_list dl a:visited{ line-height:30px; padding:15px 0;  text-decoration:none; display:block;}
.info_list3 dl a:hover {color:#ff0006; background:#eeeeee; padding:15px 0; }
.info_list3 dl span{ display:block; width:100px; margin:10px auto 0 auto; border:1px solid #b5c3d0; border-radius: 4px 4px 4px 4px; background:#e6eef6; height:24px; line-height:24px; color:#618fc6; font-size:12px; }





}


@media screen and (max-width:780px)
{
.header .headr{ display:none; }
.buttonset{ float:right; display:block; }
.mainnavbox{ display:none; }
.nav{ display:none; }

.linkbox{ background:#f5f5f5; height:auto; padding:0 0 33px 0; }
.linkbox .link ul li{ width:100%; height:33px; float:none; margin:0 0% 2% 0;}
.linkbox .link ul li:nth-child(5){ margin:0 0% 0 0; }
.linkbox .link select{ width:100%; height:33px;}

.footer .footer_l{ width:100%; float:none; }
.footer .footer_r{ width:80%; float:none; margin:0 auto 5% auto; }
.footer .footer_r img{ width:100%; display:block; }


.left{float:none; width:94%; border-left:0px solid #cccccc; padding:0 0 0 0%; margin:0 3%; }
.right{float:none; width:94%; padding:0px; background:#fff; padding:0 0px 0 0; margin:0 3%;}

.menu1{ display:none;}
.menu2{ display:none;}
.wap_menu{ display:block; margin:0 0 5% 0; }
.left_anniu{ display:none; }




}

@media screen and (max-width:660px)
{
.tou dl{ padding:0 0 4% 0;  }
.tou dl dd span{ float:none; clear:both; overflow:hidden; width:100%; }

/*最新信息*/
#notice{ width:100%; margin:0 auto; width:100%; height:auto;background:#f7f8f8; font-size:14px;}
#notice .body_div{ height:auto;}
#scroll_news{ float:none; width:100%; line-height:30px; padding:0 0 10px 0px; clear:both; overflow:hidden; }

.bannerheight{ height:230px;}


.info_list2{}
.info_list2 dl{ clear:both; overflow:hidden; margin:20px 0; border-bottom:1px dotted #999; padding-bottom:20px;}
.info_list2 dl dt{ width:100%; float:none; margin:0 0 2% 0;}
.info_list2 dl dt img{ width:100%; }
.info_list2 dl dd{ float:none; width:100%;}
.info_list2 dl dd p{ line-height:26px; color:#333333; overflow:hidden; text-indent:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
.info_list2 dl dd span{ display:block; background:#eee; text-align:center; width:110px; margin:15px 0 0 0; padding:5px 0;}


.info_list dl{ float:left; width:48%;  text-align:center; margin:0 1%; position:relative;}
.info_list dl dt img{ border:1px #bbb solid; width:99%;}
.info_list dl dd{ height:20px;line-height:20px;}
.info_list dl a,.info_list dl a:link,.info_list dl a:visited{ line-height:30px; padding:15px 0;  text-decoration:none; display:block;}
.info_list dl a:hover {color:#ff0006; background:#eeeeee; padding:15px 0; }
.info_list dl span{ position:absolute; top:30%; left:38%;}

.info_list_new ul li .zhaiyao{ width:68%; }


}

@media screen and (max-width:510px)
{
.header{ margin:2% auto;  }
.header .logo{ width:80%; }
.header .logo img{display:block; width:100%; }
.buttonset{ margin:7% 0 0 0; }

.indextwo ul li{ float:left; margin:0 1.3% 2% 0; width:32%;}
.indextwo ul li:nth-child(6){ margin:0 0 2% 0; }

.info_list_fengmao{ float:left; width:100%; margin:15px 0%;}

.bannerheight{ height:130px;}


}


