@charset "utf-8";
/* CSS Document */
/*全局样式
---------------------------------------------*/
html {
    font-size: 62.5%;
    /* 10÷16=62.5% */
}
body{ background:#fff url(../images/bg.jpg); color:#222; font-family:'Microsoft YaHei','微软雅黑','宋体',Arial,Helvetica; margin: 0px; padding: 0px; font-size: 14px;
    font-size: 1.4rem;}
a{transition: all 0.3s; color:#222; }
a:hover{ color:#F0590E; text-decoration: none;}
.transition1s{ transition: all 1s;}
.radius5{border-radius:5px; }
ul,li,dl,dd,dt,form,p,button{list-style:none; margin: 0px; padding: 0px; border: 0px;}
.clear{ clear:both;font-size:0px;height:0px;_height:0px;overflow:hidden; }
.mar{ margin: 0px auto;}
.ovfl{ overflow: hidden; }
 
/*网站样式

/* CSS Header */

#mheader{ padding: 15px 0px 15px 0px; position: relative;}
.mlogo{ width: 70%; float: left;}
.mlogo img{ max-width: 100%; }
.nav-trigger{ width:28px; height:26px; z-index:999; background: url(../images/micon1.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -14px; right: 15px; }
.navigation-is-visible .nav-trigger{ width: 32px; height: 30px; background: url(../images/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.nav_transform1{position:absolute;top:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ text-align: center; }
.navp1 img{ max-width: 80%; }
.navul{ width: 80%; margin: 15px auto 25px;}
.navul li{ height:40px; line-height: 40px; text-align: center; font-size: 1.6rem;}
.navul li.on a{ color: #F0590E; }
#mnav{ background:#3C6D5E; height: 100%; padding:8px 0px;  }
#mnav li{ float: left; width: 25%; text-align: center;  height: 35px; line-height: 35px;}
#mnav li a{ font-size: 1.6rem; color: #fff;}
@media (min-width:768px) 
{
    #mnav li{ width:16.6%; }
    #mnav li a{ font-size: 1.5rem; }
}
#mnav li.selectli a{ color:#f5ed05;  }
#header{ height: 150px; }
#header .container{ position: relative; }
.logo{ position: absolute; left: 50%; margin-left: -140px; top: 30px; }
.navs{ height: 70px; margin-top: 35px;   }
.navs li{ width: 20px; height: 70px;  float: left; font-size: 16px; text-align: center; margin-left:50px;}
.navs li a{ letter-spacing:-5px; }
.navs li a:hover{ color:#F0590E;}
.navs li.selectli a{ color:#F0590E; }
#nav_0{ margin-left: 0px; }
#nav_a1{ margin-left: 475px; }
@media (min-width:1200px) 
{
.navs li{ margin-left:75px; }
#nav_a1{ margin-left: 560px; }
}

/* CSS banner */
.banner{height:100%; text-align:center; overflow:hidden; margin:0px auto; }
.mbanner{ height:100%; text-align:center; overflow:hidden; margin:0px auto; }
.page_banner img{  max-width: 100%; }
.mpage_banner img{ max-width: 100%; }
/* CSS Main */
#wrap{ width:100%; height:100%;  overflow:hidden;  }
.wrap{ width:1200px; height:100%;  overflow:hidden;  }
.main{ width:1200px; height:100%;  overflow:hidden; margin:0px auto; background-color:#fff; }
/* CSS Home */
#chan1{ height: 70px; line-height: 70px; border-bottom: solid 1px #D8D7D7; font-size: 1.6rem; }
.chan1c1{ width: 44%; overflow: hidden; float: left;}
.chan1c1 i{ float: left; width: 113px; height: 36px; background: url(../images/icon1.png) no-repeat; margin-top: 15px;}
.chan1c1 span{  height: 70px; overflow: hidden; float: left; }
.chan1c1 span a{ margin-left: 20px; }
.chan1c1 span a:hover{ color:#F0590E;  }
.chan1c2{ float: left;  }
.chan1c2 i{ float: left; width: 118px; height: 36px; background: url(../images/icon2.png) no-repeat; margin-top: 13px;}
.chan1c2 span{ margin-left: 10px; }
.chan1c2 a{ font-family:Arial; font-size: 1.4rem;}
.chan1a1{ float: right; width: 152px; height: 36px; background: url(../images/icon3.png) no-repeat; margin-top: 12px; }

#products{ height: 100%; overflow: hidden; margin-top:30px; position: relative;}
.products_p1{ text-align: center; }
.products_p1 img{ max-width:80%; }
.products_p2{ margin-top: 5px; text-align: center; }
.products_p2 img{ max-width:100%; }
#products .owl-carousel{ margin-top: 15px; }
#products .owl-item a{ border:solid 1px #D8D7D7; text-align: center; padding:15px 10px;  float: left; width: 100%; height: 100%; overflow: hidden; }
.productsimg{overflow: hidden; }
.productsimg img{ max-width:100%; transition: all 0.3s;}
.productst{ font-size: 1.6rem; font-weight: bold; height: 35px; line-height: 35px; overflow: hidden; margin-top:10px; }
.productsc{ line-height:25px; height: 50px; overflow: hidden; }
.productsm{ height: 32px; background: url(../images/icon4.png) no-repeat center; margin-top: 10px; margin-bottom: 10px;}
@media (min-width:768px) 
{
    #products .owl-item{ padding:0px 10px; }
}
@media (min-width:1200px) 
{
    #products{ margin-top: 70px; }
    .products_p1 img{ max-width:100%; }
    #products .owl-carousel{ margin-top: 30px; }
    .productst{ font-size: 1.8rem; }
    .productsc{ line-height:30px; height: 60px; font-size: 1.6rem; }
    .productsm{ margin-top: 20px; }
}
#products .owl-item a:hover{ border:solid 1px #F0590E;  }
#products .owl-item a:hover .productsimg img{ transform:scale(1.05); }
#products .owl-item a:hover .productsm{  background: url(../images/icon41.png) no-repeat center;}
#chan2{ height: 47px; margin-top:30px; background:url(../images/bg3.jpg) repeat-x bottom; position: relative;}
#chan2 a{ width: 254px; height: 47px; background: url(../images/more1.png) no-repeat center; position: absolute; left: 50%; margin-left: -127px;}
.bg1{ position: absolute; bottom: 20px; left: 0px; }
.bg2{ position: absolute; bottom: 20px; right: 0px; }
#chan3{ background:#3C6D5E; padding: 20px 0px; }
.ys li{ padding:15px 0px 20px 0px; border-bottom:solid 1px #72938A; }
.ysp1 img{ max-width: 90%; }
.ysp2{ line-height: 25px; color: #f5f4f2; margin-top: 15px;}
@media (min-width:992px) 
{
.ys li{ float: left; width: 44%; margin: 0px 3%;}
.ys li#ysli3{ border-bottom: 0px; }
.ys li#ysli4{ border-bottom: 0px; }
}
@media (min-width:1200px) 
{
#chan3{ padding: 60px 0px 70px 0px; }
.ys li{ width: 40%; margin: 0px 5%; padding:15px 0px 30px 0px;}
.ysp1 img{ max-width: 100% }
.ysp2{ line-height: 28px; font-size: 1.6rem;}
}
#about{ margin-top: 30px; }
.about_p1{ text-align: center; }
.about_p1 img{ max-width:80%; }
.about_p2{ margin-top:15px; text-align: center; }
.about_p2 img{ max-width: 100%; }
.about_p3{ margin-top:15px; text-align: center; }
.about_p3 img{ max-width: 100%; }
.aboutc{ margin-top: 15px; line-height: 1.8; }
.about_p4{ height: 40px; margin-top: 20px; text-align: center; }
.about_p4 a{  width: 160px; height: 40px; display: inline-block; }
.abouta1{ background: url(../images/about_img3.png) no-repeat; }
.abouta2{ background: url(../images/about_img4.png) no-repeat; margin-left: 5px; }
.abouta1:hover{ background: url(../images/about_img31.png) no-repeat; }
.abouta2:hover{ background: url(../images/about_img41.png) no-repeat; }

@media (min-width:1200px) 
{
    #about{ margin-top: 70px; height: 410px; position: relative; background: url(../images/about_img2.png) no-repeat right 63px; }
    .about_p1{ text-align: left; }
    .about_p1 img{ max-width:100%; }
    .about_p2{ text-align: left; margin-top: 28px;}
    .aboutc{ width: 730px; line-height: 28px; font-size: 1.6rem; height: 165px; overflow: hidden; position: absolute; top: 150px; left: 50%; margin-left: -585px; }
    .about_p3{ position: absolute; top: 80px; left: 50%; margin-left: 190px; }
    .about_p4{ position: absolute; bottom: 10px; }
}

#news{ height: 100%; overflow: hidden; }
.newsc{ width: 100%; margin-top:30px;}
.news_p1{ height: 30px; overflow: hidden; }
.more2{ width: 23px; height: 17px; background: url(../images/more2.png) no-repeat; margin-top: 6px; }
.more2:hover{ background: url(../images/more21.png) no-repeat; }
.news_p2{ height: 120px; text-align: center; margin-top: 15px; overflow: hidden; }
.news_cc{ height: 75px; line-height: 25px; margin-top: 15px;  overflow: hidden;}
.news_dl{ margin-top: 15px;}
.news_dl dt{ float: left; width:30%;}
.news_dl dt img{ max-width: 100%; }
.news_dl dd{ float: right; width:65%;}
.newsp1{ height: 28px; line-height: 28px; overflow: hidden; font-size: 1.6rem; font-weight: bold;}
.newsp2{ height: 50px; line-height: 25px; overflow: hidden; margin-top: 5px;}
.news_ul{ margin-top: 15px; }
.news_ul li{ height: 25px; line-height: 25px;}
.news_ul li i{ float: left; }
.news_ul li p{ float:left; width: 75%; overflow: hidden; height: 25px; margin-left: 5px;}
.news_ul li span{ float: right; }
@media (min-width:768px) 
{
    .news_dl dt{ width:25%;}
    .news_dl dd{ width:75%;}
    .newsp2{ height: 75px; }
}
@media (min-width:992px) 
{
    .newsc{ width:48%; }
    .news_dl dt{ width:35%;}
    .news_dl dd{ width:60%;}
}  
@media (min-width:1200px) 
{
    .newsc{ margin-top:70px;}
    .news_dl{ margin-top: 25px;}
    .news_p2{ margin-top: 25px; }
    .news_cc{ height: 90px; line-height:30px; font-size: 1.6rem; margin-top: 20px; }
    .news_dl dt{ width:30%;}
    .news_dl dd{ width:65%;}
    .news_ul{ margin-top: 20px; }
    .news_ul li{ height: 30px; line-height: 30px; font-size: 1.6rem;}
}

/* CSS Footer */
#footers{ background: #1C3830; color:#9EA8A4; padding: 10px 0px; margin-top: 30px; text-align: center;}
#footers a{ color:#9EA8A4; width: 25%; height: 30px; line-height: 30px;  display: inline-block;}
#footers a:hover{ color: #fff; }
#footer{ background: #000000; color: #A1A09F; line-height: 1.8; padding: 20px 0px; text-align: center; margin-bottom:80px;}
#footer a{ color: #A1A09F; }
#footer a:hover{ color: #fff; }
@media (min-width:992px) 
{
#footers a{ width: auto; margin: 0px 25px; }
#footer{ margin-bottom: 0px; }
}
@media (min-width:1200px) 
{
#footers a{ font-size: 1.6rem; }
#footer{ font-size: 1.6rem; padding: 30px 0px;}

}    
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#1C3830; }
.footernav a{ color: #fff; }
.footernav ul li{width: 25%; float: left; text-align: center; }
.footernp1{ font-size:2rem;}
.footernp2{ line-height:1.5;}
.footernav ul li.on .footernp1{ animation: swing 1s; }


 
/*CSS Right_side*/
#pnavs{ height: 72px; line-height: 72px; background: #3C6D5E; color: #F9FAF7; }
#pnavs a{ color:#F9FAF7;  }
.pnavsc1{ width: 42%; height: 72px; line-height: 65px; overflow: hidden; float: left;}
.pnavsc1 i{ float: left; width: 117px; height: 72px; background: url(../images/about_03.jpg) no-repeat; }
.pnavsc1 span a{ margin-left: 20px; font-size: 1.6rem;}
.pnavsc1 span a:hover{ color:#F0590E;  }
.pnavsc2{ float: left;  }
.pnavsc2 i{ float: left; width: 124px; height: 72px; background: url(../images/about_05.jpg) no-repeat; }
.pnavsc2 span{ margin-left: 10px; }
.pnavsc2 a{ font-family:Arial; font-size: 1.8rem;}
.pnavsa1{ float: right; width: 155px; height: 72px; background: url(../images/about_07.jpg) no-repeat;  }

.leftc{ width: 280px; margin-top: 30px; float: left;}
.leftcc{ background: #fff; padding: 20px;}
.leftc_ul{ padding-top: 15px; }
.leftc_ul li{ height: 55px; margin-bottom: 10px; }
.leftc_ul li a{ width: 240px; float: left; font-size: 1.6rem; padding-left: 20px; padding-right: 50px; height: 55px; line-height: 55px; background:#EAEAEA url(../images/pi1.png) no-repeat 205px center; }
.leftc_ul li a:hover{ background:#EAEAEA url(../images/pi2.png) no-repeat 205px center; color: #3C6D5E; font-weight: bold;}
.leftc_ul li.selectli a{ background:#EAEAEA url(../images/pi2.png) no-repeat 205px center; color: #3C6D5E; font-weight: bold;}
.ccc{ line-height: 28px; padding-top:15px; padding-bottom: 25px;  }

.right_title{ height:50px; line-height: 50px; background: #eee; }
.right_title_left{ float:left;  font-size:2rem; font-weight: bold; color:#3C6D5E; }
.right_title_right{ float:right;}
.right_title_right a:hover{ text-decoration:underline;}
.right_title_right_sp1{ width:13px; height:12px; background:url(../images/page_icon.png) no-repeat; float:left; margin-top:18px; margin-right:5px; }
.right_title_right_sp2{ float:left;}
.right_content{  min-height:858px; padding:20px 15px 50px 15px; background: #fff;   }

@media (min-width:1200px) 
{
    .right_content{ width:880px; float: right; margin-top: 30px;}
}

/* CSS News */
#indexNews1 li{width: 100%;  height: 100%; overflow: hidden;  margin-bottom: 20px;}
#indexNews1 li a{ width: 100%; height: 100%; float: left; background: #fff; float: left; padding:10px;}
.indexNews_p2{ line-height: 35px; font-size:1.6rem; font-weight: bold; }
.indexNews_p3{ height:25px; line-height: 25px; font-size:1.3rem; overflow: hidden;}
.indexNews_p3 span{ margin-left:5px; }
.indexNews_p4{ line-height:25px; height: 50px; color: #666; overflow: hidden; margin-top: 5px;}
#indexNews1 li a:hover{ background:#F0590E; color: #fff;}
#indexNews1 li a:hover .indexNews_p2{ margin-left: 5px;}
#indexNews1 li a:hover .indexNews_p1 img{ transform:scale(1.05); }
#indexNews1 li a:hover .indexNews_p4{ color: #fff; }


/* CSS Pic */
#picUL li{ margin:15px 0px;}
#picUL li a{ width: 100%; height: 100%; float: left; background:#fff; text-align: center; padding-bottom:10px;}
#picUL li a .pic_01{ width: 100%; height: 100%; overflow: hidden; border: solid 1px #dedede;}
#picUL li a .pic_01 img{ max-width: 100%; transition: all 0.3s; }
#picUL li a .pic_02{ height: 40px; line-height: 40px; padding-top: 5px;}
#picUL li a:hover{ background:#F0590E; color: #fff;  }
#picUL li a:hover .pic_01 img{ transform:scale(1.05); }

/* CSS Info */

#newTitle{ text-align:center; line-height:1.5;}
.newsInfo{ height: 64px; margin: 15px auto; line-height: 64px; color:#999999;  border-top:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px; float: right; }
.sha a{ float: left;  margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%;}
#newsContent{ margin:0 auto;line-height:2; padding:5px;}
@media (min-width:1200px) 
{
    #newsContent{  font-size: 1.6rem;}
}
#newsContent img{max-width:100%; }
.newsContent table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    font-family: verdana,arial,sans-serif;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.newsContent table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.newsContent table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.newsContent table td a { text-decoration:underline; color: #333;}
.contactp1{ padding:25px 0px 25px 0px; text-align: center; font-size: 1.6rem; font-weight: bold; color: #F0590E;}
@media (min-width:1200px) 
{
    .contactp1{font-size: 1.8rem; }
}
.contactc1{ height: 100%; background: #fff; padding: 15px; overflow: hidden;}
.contactus{ width: 100%; height:auto;  line-height:2; text-align:left;}
.contactus p{  background: #F1F1F1; margin-bottom: 10px; padding: 10px 10px;}
.ewm{ float: right; width: 200px; height: 122px;}
@media (min-width:992px) 
{
    .contactus{ width: 60%;  float: left;}
}
@media (min-width:1200px) 
{
.ewm{  width: 288px; height: 176px;}
}
#company_main{ margin:0 auto; line-height:2; }
#company_main img{ max-width:100%; }
#company_main a{ text-decoration:underline; }
@media (min-width:1200px) 
{
    #company_main{ font-size: 1.6rem;}
}
#newsContent div.alink{ padding:5px; margin:0 auto; text-indent:0em;}
.case_p1{ padding: 10px 0px; font-size: 1.8rem; font-weight: bold; border-bottom: solid 1px #f5f5f5;}

.procls{ padding: 0px 0px 10px 0px; }
.procls li{ height: 45px;    margin-bottom: 10px;}
.procls li a{ font-size: 1.6rem; width: 100%; height: 45px; line-height: 45px; text-align: center; background: #f1f1f1; float: left;}
.procls li a:hover{ background: #F0590E; color: #fff; }
.procls li.on a{ background: #F0590E; color: #fff; }
/*Related*/
.related{ padding:10px; float: left; width: 100%;}
.related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:30px; line-height:30px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#F0590E;}
/*上一条下一条*/
#prev_next{margin: 10px auto;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #F0590E; }

/*css digg style pagination*/
div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}
div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}
div.digg a:hover{border:#585858 1px solid;color:#000;}
div.digg a:active{border:#585858 1px solid;color:#000;}
div.digg span.current{border:solid 1px #F0590E;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#F0590E;}
div.digg span.disabled{border:#eee 1px solid;padding:3px 5px;margin:3px;color:#ddd;}
div.digg select{ border:#aaaadd 1px solid; padding:3px 0px;}
/*******************************message css start***************************************/

.message_ul{
    margin:10px auto;
    width: 100%;
}
.message_ul li{
    float:left;
    width:100%;
    margin: 5px 0px;
}
.message_ul li label{ width:80px; float:left; text-align:right; margin-top:8px;}
.message_ul li b{ margin-top: 5px; float: left; }
.mess1{ width:600px; float: left;}
.cmessage_ul{
    margin:15px auto;
    width:600px; float: left;
}
.cmessage_ul li{
    float:left;
    width:100%;
    margin: 5px 0px;
}
.cmessage_ul li label{ width:80px; float:left; text-align:right; margin-top: 10px;}
.cmessage_ul li b{ margin-top: 5px; float: left; }
.messimg{ float: right; margin-top: 20px;}
.G_textarea{
    width:100%;
    height:100px;
    border:1px solid #dedede;padding:3px;
    float: left;
}
.G_InputText{
    width:100%;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:3px;
    float:left;
    border-radius: 2px;
}
.yanzheng{
    width:100px;
    height:40px;line-height:40px;
    border:1px solid #dedede;
    padding:3px;
}
.But{
    width:120px;
    height:40px;
    line-height:40px;
    background:#3C6D5E;
    border-radius:2px;
    text-align:center;
    margin-top:14px;
    margin-left:10px;
    color:#FFF;
    cursor:pointer;
    transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;
}
.But:hover{
    background:#000;
}
@media(min-width:768px) 
{
    .message_ul{ width: 500px; font-size: 1.5rem;}
    .message_ul li label{ margin-top:11px;}
    .G_textarea{ width: 400px; }
    .G_InputText{ width: 300px; }
}
/*******************************message css end***************************************/

/******************************job css start***************************************/
.job_ul{ padding:10px;}
.job_ul li{
	width:100%;
	border-bottom:dashed 1px #cfcfcf;
	float:left;
	padding:10px 0px;
	line-height:30px;
}
.job_ul li .recruit_info{
	float:left;
}
.job_ul li .recruit_info .job_nam{
	color:#000;
	font-weight:bold;
}
.job_ul li .but{
	width:100px;
	height:40px;
	line-height:40px;
	background: #1C5FB8;
	border-radius:2px;   
	float:right;
	margin-top:10px;
	margin-right:22px;
	text-align:center;
}
.job_ul li .but a{
	text-decoration:none;
	color:#FFF;
	display:block;
}

.recruit_info_tit_bg{
	height:40px;
	background:#f8f8f8;
	border-radius:2px;
	margin:15px auto;
}
	
.recruit_info_tit_bg .recruit_info_tit{
	width:120px;
	height:40px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background:#F0590E;
	color:#ffffff;
	line-height:40px;
    text-align: center;
}
.recruit_info_main{
	margin:0px auto;
	margin-top:10px;
	margin-bottom:60px;
	padding:5px 20px;
}

.recruit_info_main p {
	text-align: justify;
	letter-spacing: 1px;
	line-height: 30px;
	color: #444444;
}

/*sitemap*/

.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;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}
.f{ float:right; margin-right:10px; _margin-top:7px;}
.map{ float:right;margin-top: 20px;}
.map a{color:black;}
.pages{ padding:5px 15px; margin:10px 0px;}
.pages li{ float:left; line-height:30px;}
.pagesli1{ width:40%;}
.pagesli2{ width:40%;}
.pagesli3{ width:20%;}
/*页面加载css*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #0a9fd8;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee {
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee {
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}