@charset "utf-8";

/* CSS Document */

div{ padding:0;/* border:#390 1px solid;*/}

#main{ overflow:hidden; width:100%; min-width:1200px;background: #f5f5f5;}



#top{ margin:0 auto; padding:0; width:100%; height:186px;}

#mia{ margin:0 auto; padding:0; width:100%;}

#foot{ margin:0 auto; padding:0; width:100%; height:274px; background:#039449;}



/* 公用 */

.wrapper{ padding: 0; width:1920px; position:relative; left:50%; margin-left:-960px;}/* 公用1920 */

.w100{ width:100%;}/* 公用100% */

.w1200{ margin:0 auto; padding: 0; width:1200px; overflow:hidden;}/* 公用1200 */



/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   index                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

/* --------------------                top             ---------------------- */

#top .head{ width:100%; background:#eaeaea; height:32px;}

#top .head p{ margin:2px 0 0 0; height:30px; line-height:32px; float:left; color:#909090; width:auto;}

#top .head a{ width:85px; height:32px; margin-left:28px; float:right; color:#909090;line-height: 32px;text-align: right;}

#top .head a img{ height:14px; margin:10px 5px 0 0; padding:0; float:left;}

#top .head a p{ height:32px; line-height:32px; float:left;}



#top .logo{ height:109px;}

#top .logo img{ width:601px; height:109px; margin:0;float: left;}



#top .logo .searchbox{ margin-top:44px; width:365px; height:33px; color:#bcbcbc; float:right;}

#top .logo .searchbox p{ width:93px; height:31px; color:#535353; float:left;line-height:31px;  border:solid 1px #c3c3c3; text-align:center;border-right:0px;}

#top .logo .searchbox .search{ padding-left:15px; width:215px; height:31px;  line-height:31px; float:left;border:solid 1px #c3c3c3;}

#top .logo .searchbox input{width:39px; height:33px; float:right; border: 0;}



#top .nav{ width:100%; height:45px; background:#009b4d;}

#top .nav ul{ margin:0 auto; width:1200px;}

#top .nav li{ float:left;}

#top .nav li a{ display:block; margin:0; padding:0 40px; height:45px; color:#fff; font-size:16px; line-height:45px; font-family:"微软雅黑";}

#top .nav li a:hover{ background:#3f3f3f;}

#top .nav li.hover a{ background:#3f3f3f;}



/* --------------------                mia             ---------------------- */

/*box1*/

/*left*/

#mia .box1{ margin:16px auto 0 auto; width:1200px; float:left; }

#mia .box1 .left{ width:621px; float:left;}

#mia .box1 .left .head{ margin:15px 0; width:621px; height:38px; float:left; background:url(../images/i-heda-bg1.png) no-repeat bottom left ;}

#mia .box1 .left .box{ margin:27px 0 0 0; width:625px; float:left;}

#mia .box1 .left .box img{ width:351px; height:252px; float:left;}

#mia .box1 .left .box b{ margin-left:25px; width:248px; font-size:16px; font-family:"微软雅黑"; color:#535353; font-weight:bold; float:left;}

#mia .box1 .left .box p{ margin-top:10px; margin-left:25px; width:248px; height:180px; font-size:14px; font-family:"微软雅黑"; color:#535353; line-height:26px; float:left; overflow:hidden;}

#mia .box1 .left .box .more{ margin-top:15px; margin-right:2px; width:80px; height:25px; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#a4a4a4; color:#fefefe; line-height:25px; float:right;}

/*right*/

#mia .box1 .right{ margin:0; width:520px; float:right;}

#mia .box1 .right .head{ margin:15px 0; width:520px; height:38px; float:left; background:url(../images/i-heda-bg2.png) no-repeat bottom left ;}

#mia .box1 .right .box{ margin:27px 0 0 0; width:625px; float:left;}



#mia .box1 .head b{ margin-left:45px; color:#8a8a8a; font-size:24px; font-family:"微软雅黑"; font-weight:normal; height:36px; line-height:36px; float:left;}

#mia .box1 .head p{ margin-left:5px; font-size:16px; color:#7e7e7e; float:left; font-weight:normal; margin-top:14px; text-align:left; width:auto;}

#mia .box1 .head a{ margin-top:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b6b6b6; float:right;}



/*box2*/

#mia .box2  .head{ widows:306px; height:53px; background:#039449;}

#mia .box2  .head img{ margin:15px; float:left;}

#mia .box2  .head p{ margin-top:15px; width:auto; float:left; color:#fff; font-size:24px; font-family:"微软雅黑";}

#mia .box2  .head a{ margin-right:20px; height:53px; line-height:53px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:right;}



#mia .box2{ margin:41px auto 0 auto; width:100%; background:#f0f0f0; float:left; }

#mia .box2 .left{ width:306px; float:left;}

#mia .box2 .left .box{ width:304px; border-left:#039449 solid 1px; border-right:#039449 solid 1px;}

#mia .box2 .left .box li{ width:304px; height:62px; border-bottom:#039449 solid 1px;}

#mia .box2 .left .box li a{ padding-left:27px; width:277px; height:62px; line-height:62px;  background:#fff url(../images/ico.png) no-repeat; background-position:92% 50%; display:block; color:#535353; font-family:"微软雅黑"; font-size:18px; text-align:left;}

#mia .box2 .left .box li a:hover{ color:#039449;}

#mia .box2 .left .img img{ margin-top:35px; width:306px; height:215px;}



#mia .box2 .right{ width:873px; float:right;}

#mia .box2 .right .box{ width:873px; }

#mia .box2 .right .box li{ margin-top:5px; margin-right:5px; width:286px; height:290px; float:left;}

#mia .box2 .right .box li a{ width:285px; height:228px;}

#mia .box2 .right .box li b{  width:286px; height:50px; line-height:50px; color:#039449; font-family:"微软雅黑"; font-size:16px; font-weight:normal;display: block;text-align: center;}

#mia .box2 .right .box li p{ margin-top:8px; width:284px; height:35px; line-height:18px; color:#535353; font-family:"微软雅黑"; font-size:12px; text-align:left;}

#mia .box2 .right .box li img{ border:#b0b0b0 solid 1px; width:284px; height:227px; }



#mia .box3{ padding:0 0 55px 0;}

#mia .box3 .head{ margin:25px 0 25px 5px; padding:0; width:1195px; height:40px; background:url(../images/i-heda-bg3.png) no-repeat top left ; }

#mia .box3 .head b{ margin-left:45px;  font-size:24px; font-family:"微软雅黑"; font-weight:normal; height:35px; line-height:35px; float:left; color:#535353;}

#mia .box3 .head p{ margin-left:5px; width:50px; margin-top:10px; font-size:16px; color:#7e7e7e; float:left; font-weight:normal; color:#535353;height:25px; line-height:25px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

#mia .box3 .head a{ margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b6b6b6; float:right;color:#535353;}



#mia .box4 { padding:0 0 43px 0; background:#f0f0f0;}

#mia .box4 .head{ margin:25px 0 5px 15px; padding:0; width:1185px; height:40px; background:url(../images/i-heda-bg4.png) no-repeat top left ; }

#mia .box4 .head b{ margin-left:45px;  font-size:24px; font-family:"微软雅黑"; font-weight:normal; height:35px; line-height:35px; float:left; color:#535353;}

#mia .box4 .head p{ margin-left:5px; margin-top:10px; font-size:16px; color:#7e7e7e; float:left; font-weight:normal; color:#535353;height:25px; line-height:25px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

#mia .box4 .head a{ margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b6b6b6; float:right;color:#535353;}

#mia .box4 .box{ width:1200px; float:left;}

#mia .box4 .box li{ margin-top:20px; margin-right:58px; width:571px; height:100px; float:left;}

#mia .box4 .box li a{ width:571px; height:100px; background:url(../images/i-news1.jpg) no-repeat; cursor:pointer; display:block;}

#mia .box4 .box li a:hover{ background:url(../images/i-news2.jpg) no-repeat;}

#mia .box4 .box li a b,p{ width:100px; color:#fff; font-family:"微软雅黑"; float:left; text-align:center; font-weight:normal;}

#mia .box4 .box li a b{ height:100px; line-height:67px; font-size:50px;}

#mia .box4 .box li a p{ width:100px; line-height:30px; font-size:14px; color:#fff; text-align:center; }



#mia .box4 .box li a dt,dd{ margin-left:15px; color:#535353; line-height:20px; font-size:12px; float:left;}

#mia .box4 .box li a dt{ margin-top:15px; width:436px; height:20px;}

#mia .box4 .box li a dd{ margin-top:10px; width:436px; height:40px; line-height:20px; font-size:12px;}

#mia .box4 .box li a dd .more{ color:#009b4a;}

#mia .box4 .box li a:hover dt{ width:436px; height:20px; font-size:14px;}



/* --------------------                foot             ---------------------- */

#foot .left{ margin:0; padding:15px 140px 0 0px; height:274px; float:left; background:url(../images/foot1.png) no-repeat right;}

#foot .left img{ margin-top:48px;}

#foot .right{ margin:0; padding:80px 0 0 0; width:720px; /*background:url(../images/logo2.jpg) no-repeat;*/ float:right;}

#foot .right li,p,a{ font-size:14px; font-family:"微软雅黑"; color:#fff;}

#foot .right li{ float:left; padding:0 20px 0 0; }

#foot .right p{  color:#fff; margin-top:2px; width:720px; text-align:left; text-transform:uppercase;} 



/* 子页   公共部分 */

.z-banner{ height:300px;}

.pub-left{ margin-top:30px; margin-bottom:30px; width:224px; float:left;}

.pub-left .nav{ width:224px;}

.pub-left .nav .head{ padding-left:30px; width:194px; height:53px; background:#039449;}

.pub-left .nav .head b,p{ color:#fff; float:left;}

.pub-left .nav .head b{ height:53px; line-height:53px; font-size:24px;font-weight:normal; font-family:"微软雅黑";}

.pub-left .nav .head p{ margin:20px 0 0 5px; width:85px; font-size:16px; text-align:left; color:#fff; text-transform:capitalize;}

.pub-left .nav li{ width:224px; height:40px;}

.pub-left .nav li a{ margin:0; padding:0; padding-left:30px; width:192px; height:39px; line-height:39px; border:#039449 1px solid; border-top:none; color:#535353; font-family:"微软雅黑"; font-size:16px; background:url(../images/z-ico2.png) no-repeat; background-position:92% 50%; display:block;}

.pub-left .nav li a:hover{ color:#039449; background:url(../images/z-ico1.png) no-repeat; background-position:92% 50%;}

.pub-left .nav img{margin-top: 20px;}



.pub-right{ margin-top:30px; margin-left:30px; width:946px; float:left;}

.pub-right .head{ width:946px; height:33px; border-bottom:#c8c8c8 1px dashed;}

.pub-right .head p{ width:946px; color:#a8a8a8; text-align: right; font-family:"微软雅黑";font-size: 12px;line-height: 34px;}

.pub-right .box{ margin-top:21px; border:#cacaca 1px solid; }

.pub-right .head a{color:#a8a8a8;}

/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   pro                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.pro { margin-bottom:30px; padding:0 00px 20px 20px;}

.pro li{  margin-right:20px; margin-top:30px; width:286px; height:270px; float:left;}

.pro li a{ width:286px; height:227px;}

.pro li b{ width:286px; height:50px; line-height:50px; color:#039449; font-family:"微软雅黑"; font-size:16px; font-weight:normal; float:left;text-align: center;}

.pro li p{ margin-top:2px; width:284px; height:35px; line-height:18px; color:#535353; font-family:"微软雅黑"; font-size:12px; text-align:left;}

.pro li img{ width:284px; height:227px; border:#b0b0b0 solid 1px;}



/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   pro det                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.pro-det{ margin-bottom:50px; padding:20px; width:904px;}

.pro-det .top,.bottom{ width:904px;}

.pro-det .top .left{ width:388px; height:322px; float:left;}

.pro-det .top .right{ margin-left:40px; width:473px; height:321px; float:left; overflow:hidden;}

.pro-det .top .right p { width:473px;}

.pro-det .top .left img{ width:388px; height:320px;}

.pro-det .top .right img{ width:473px; height:321px; float:left;}

.pro-det .left img{ border:#b0b0b0 solid 1px; float:left;}

.pro-det .bottom{ margin-top:33px;}

.pro-det .bottom .head{ width:904px; height:33px; border-bottom:#a5a5a5 1px solid; float:left; margin-top:50px;}

.pro-det .bottom .head p{ width:94px; height:33px; line-height:33px; text-align:center; float:left; background:#009b4d; color:#fff;}

.pro-det .bottom .txtbox{ width:904px;}



/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   case                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.case { margin-bottom:30px; padding:20px 0px 30px 20px; }

.case li{ margin-right:8px; width:220px; height:229px; float:left;}

.case li a{ width:218px; height:191px;}

.case li p{ width:218px; height:37px; line-height:37px; color:#535353; font-family:"微软雅黑"; font-size:12px; text-align:center;}

.case li img{ width:218px; height:191px; border:#b0b0b0 solid 1px;}



/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   news                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.news{ margin-bottom:30px; padding:30px; width:884px;}

.news li{ margin-top:20px; width:884px; height:120px; border-bottom:#d8d8d8 1px dashed;}

.news li a{ width:884px; height:30px; line-height:30px; color:#039449; font-size:14px; font-weight:normal; font-family:"微软雅黑";display: block;

}

.news li span{ margin-top:10px; height:15px; line-height:15px; color:#949494; font-size:14px; display: inline-block;}

.news li p{ margin-top:20px; width:884px; color:#535353; font-family:"微软雅黑";}

.news li p a{ color:#cc0000; font-family:"微软雅黑"; float:none;display: inline;}

/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   news detail                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.news-det{  margin-bottom:30px; padding:30px 10px; width:922px;}

.news-det .head{ margin:0; padding:0; width:924px; height:55px; border-bottom:#e5e5e5 1px solid;}

.news-det .head b{ color:#7a7a7a; font-size:18px; width:924px; text-align:center; font-family:"微软雅黑"; font-weight:normal; float:left;}

.news-det .head p{ color:#a4a4a4; font-size:12px; width:924px; height:30px; line-height:30px; text-align:center; font-family:"微软雅黑";float:left;}

.news-det .txtbox { width:924px; padding-top:30px; float:left;}

.news-det .txtbox p{ color:#898989; width:924px; font-size:14px; float:left;}

.news-det .bottom{  margin-top:15px; padding:0; width:924px; height:40px; background:#eee; }

.news-det .bottom a{ margin:0 10px; padding:0 20px; color:#757575; font-family:"微软雅黑"; height:40px; line-height:40px;}

.news-det .bottom .last{ float:left; background:url(../images/news-last.png) no-repeat left;}

.news-det .bottom .next{ float:right; background:url(../images/news-next.png) no-repeat right;}





/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   con                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.con{ margin-bottom:30px;padding:20px 30px 30px 30px; width:884px;}

.con b,p{ width:100%; color:#535353; font-weight:normal; text-align:left;}

.con b{ font-size:18px; font-family:"微软雅黑";}

.con p{ margin-top:10px; font-size:14px; font-family:"微软雅黑";}

.con .map{ margin-top:20px; width:870px; height:300px; float:left;}

/* ------------------------------------------------------------------------- */

/* >>>>>>>>>>>>                   about                     <<<<<<<<<<<<<<<< */

/* ------------------------------------------------------------------------- */

.about{ margin-bottom:30px;padding:30px; width:884px;font-size: 14px;}



/* js banner */

#solid{

	width:100%;

	height:595px;

	clear:both;

	margin-top:-1px;

	position:relative;

}

#solid .solid0,#solid .solid1,#solid .solid2{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:595px;

	display:none;

}

#solid .solid0{

	background:#78c4db;

}

#solid .solid1{

	background:#c5c9db;

}

#solid .solid2{

	background:#e7dfd1;

}

#solid ul{

	margin:0px;

	padding:0px;

	list-style:none;	

}

#solid ul li{

	position:absolute;

	display:none;

	cursor:pointer;

	position:relative; left:50%; margin-left:-960px; padding:0; width:1920px; height:595px;

}

#solid #btt{

	width:905px;

	height:55px;

	top:-50px;

	left:50%;

	position:relative;

	margin-left:-452px;

}

#solid #btt span{

	position:absolute;

	top:15px;

	left:45%;

	display:block;

	width:30px;

	height:8px;

	margin:0 15px;	

	text-align:center;

	background:#3d3d3d;

	z-index:1000;

	cursor:pointer;

	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/

	-moz-opacity:0.7; /*Firefox私有，透明度50%*/

	opacity:0.7;/*其他，透明度50%*/

}



/*box1 right js*/

.friend{ position:relative;height:237px;overflow:hidden;width:520px; float:left;}

.mr_frbox{height:236px;}

.mr_frBtnL{ margin-right:33px; margin-left:16px;margin-top:100px; position:relative;cursor:pointer;display:inline;float:left;height:34px;width: 23px; }

.mr_fu{ width:375px;}

.mr_frUl{ margin:0 auto;float:left;height:237px;width:376px; overflow:hidden;}

.mr_frBtnR{margin-top:100px;float:right; margin-right:16px;cursor:pointer;height:34px;width: 23px; z-index:5px;}

.mr_frUl ul li{ margin:0;display:inline;float:left;width:171px;overflow:hidden;position:relative; padding-right:34px;}

.mr_frUl ul li img{ width:169px; height:234px; border:#b0b0b0 solid 1px;}



/*box1 case js*/

.friend2{ position:relative; margin-top:10px;height:267px;overflow:hidden;width:1200px; float:left;}

.mr_frbox2{height:267px;}

.mr_frBtnL2{ margin-right:20px; margin-top:100px; position:relative;cursor:pointer;display:inline;float:left;height:34px;width: 23px; }

.mr_frUl2{ margin:0 auto;float:left;height:267px;width:1115px; overflow:hidden;}

.mr_frBtnR2{margin-top:100px;float:right;cursor:pointer;height:34px;width: 23px; z-index:5px;}

.mr_frUl2 ul li{ margin:0;display:inline;float:left;width:259px;overflow:hidden;position:relative; padding: 0px 10px;}

.mr_frUl2 ul li img{ margin:0; padding:0; width:257px; height:225px; border:#bdbdbd 1px solid;}

.mr_frUl2 ul li p{ width:257px; color:#535353; font-size:14px; height:40px; line-height:40px; text-align:center;}