@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
div,a,p,span,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,form,tr,td,img,i{ font-size:14px;font-family: "Microsoft YaHei"; margin:0; padding:0}
a{ text-decoration:none; color:#292421}
img{ border:none;}
li{ list-style:none}
.clearfix:before,
.clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}

@font-face { 
  font-family:'简体';
  src:url('../font-face/简体.eot');
  src:url('../font-face/简体.eot?#iefix') format('embedded-opentype');
  src:url('../font-face/简体.woff') format('woff'),url('../font-face/简体.ttf') format('truetype'), url('../font/简体.svg#简体') format('svg'),local('简体');
  font-weight:normal; font-style:normal 
}

#top{ width:100%; margin-top:25px}
#top dl{ width:1200px; margin:0 auto}
#top dl dt{ float:left; margin-top:9px}
#top dl dd{ float:right}
#top dl dd a{ padding:50px 28px; display:inline-block; font-size:16px}
#top dl dd a:hover,#top dl dd a.on{ background:#99cc33; color:#ffffff}

.banner{ width:100%; position:relative;  height:600px; overflow:hidden}
.banner .bd img{ width:100%;}
.banner .hd{ position:absolute; bottom:30px; left:50%; z-index:99}
.banner .hd li{ float:left; margin:0 10px; background:#fff; box-shadow:#ddd 3px 3px 5px inset; width:11px; height:11px; border-radius:50%}
.banner .hd li.on{ background:#99cc33}


#box1,#box3,#box4,#box5,#zyyw{ width:100%; background:#fff; margin-top:60px}
.box1,.box3,.box4,#bottom .bottom,.box5,.zyyw{ width:1200px; margin:0 auto;}



.title{ text-align:center}
.title h3{font-family:'简体'; font-size:30px; color:#000000; font-weight:normal; line-height:1.5em }
.title h4{font-weight:normal; color:#aaaaaa; font-family:Arial; font-size:16px; margin-top:18px}
.title h4 span{ margin:0 20px}

.box1_main .hd{ text-align:center; margin-top:55px}
.box1_main .hd li{ display:inline-block; padding:13px 24px; font-size:18px; margin:0 20px; font-weight:bold}
.box1_main .hd li.on{ background:#99cc33; color:#ffffff}
.box1_main .bd{ margin-top:28px}
.box1_main .bd li{ float:left; margin-top:12px; position:relative}
.box1_main .bd li img{ margin:0 8px; display:block}
.box1_main .bd li.short img,.box1_main .bd li.short .black{ width:384px; height:259px;}
.box1_main .bd li.lang img,.box1_main .bd li.lang .black{ width:584px; height:258px;}

.box1_main .bd li:hover .black{ display:block}
.box1_main .bd li .black{ position:absolute; left:8px; top:0;  background:rgba(0,0,0,0.6); display:none}
.box1_main .bd li .black h4{ text-align:center; padding-top:80px; color:#eeeeee; font-size:20px; font-weight:normal}
.box1_main .bd li .black p{ width:80%; margin:20px auto auto; line-height:2em; color:#cccccc; text-align:center; height:4em; overflow:hidden}

#box2{ background:url(../images/index_07.jpg) left center no-repeat #efefef; margin-top:70px; padding-bottom:40px}
.box2{ width:580px; padding-left:620px; float: right}
.box2 .title{ padding-top: 50px}
/*.box2 h2{ padding-top:60px; font-family:'简体'; font-size:30px; }
.box2 h4{ color:#666666; line-height:2em; font-weight:normal; margin-top:25px}
.box2 a{ background:#99cc33; padding-left:30px; width:142px; height:40px; display:inline-block; color:#ffffff; font-weight:bold; font-size:16px; line-height:40px; margin-top:30px}
.box2 a img{ vertical-align:middle; margin-left:20px}*/

.zyyw{padding: 30px 0}
.zyyw ul{ margin-top:50px; margin-bottom: 40px}
.zyyw ul li{ float: left; width: 25%;}
.zyyw ul li img{ display: block; margin: 0 auto; }

.box3_main{ margin-top:55px;}
.box3_main .prev,.box3_main .next{ display:block; width:27px; height:47px; margin-top:66px}
.box3_main .prev{ float:left; background:url(../images/index_13.jpg) center no-repeat}
.box3_main .next{ float:right; background:url(../images/index_14.jpg) center no-repeat}

.box3_main .bd{ float:left; width:1120px; margin-left:13px}
.box3_main .bd li{ float:left; width:240px; margin:0 20px}
.box3_main .bd li img{ display:block; width:240px; height:160px}
.box3_main .bd li p{ color:#444444; line-height:2em; height:2em; overflow:hidden; margin-top:10px; white-space:nowrap; text-overflow:ellipsis}
.box3_main .bd li span{ display:block; width:41px; height:3px; background:#99cc33; margin-top:10px}

.box4_main{background:url(../images/index_15.jpg) center top no-repeat; padding-top:276px; margin-top:50px;}
.box4_main dl{ float:left; background:#efefef; padding:33px; width:434px; margin:0 50px}
.box4_main dl dt a{font-family:'简体'; font-size:18px; }
.box4_main dl dd h4{font-weight:normal; color:#666666; margin-top:16px}
.box4_main dl dd h3{font-weight:normal; line-height:2em; height:6em; margin-top:20px; overflow:hidden}
.box4_main dl dd h3 a{ color:#333333;}

#bottom{ width:100%; background:#efefef; margin-top:70px}
#bottom .bottom{ padding:50px 0}
#bottom .bottom dl dt{ float:left}
#bottom .bottom dl dt h3{ font-size:24px;}
#bottom .bottom dl dt p,.bottom dl dd p{ color:#666666; line-height:2em; margin-top:18px}
#bottom .bottom dl dd{ float:left; text-align:center; margin-left:100px; margin-top:30px}


.box5_l{ width:234px; float:left; border:#99cc33 solid 3px; }
.title2{  padding:10px 0 10px 92px; background:url(../images/index_20.jpg) 20px center no-repeat #99cc33}
.title2 h3{ font-size:22px; color:#ffffff; font-weight:normal; line-height:2em; }
.title2 h4{ font-family:Arial; font-size:12px; text-transform:uppercase; color:#fff; line-height:2em; font-weight:normal; }

.box5_l ul{ width:204px; margin:19px auto}
.box5_l li{ background:url(../images/index_19.png) 17px center no-repeat #dfdfdf; height:36px; margin-bottom:5px; line-height:36px}
.box5_l li a{ padding-left:56px; color:#222222}
.box5_l li:hover{ background:url(../images/index_18.png) 17px center no-repeat #99cc33}
.box5_l li:hover a{ color:#ffffff}

.box5_r,.news_r,.pro_main{ float:right; width:910px}

.box5_r dl{ background:#f5f5f5; margin-top:27px; padding:12px}
.box5_r dl dt{ float:left;}
.box5_r dl dt img{ display:block; width:240px; height:160px; overflow:hidden}
.box5_r dl dd{ float:right; width:575px; margin-right:40px}

.box5_r dl dd h3,.news_r dl dd h3{ color:#666666; font-size:16px;  overflow:hidden; white-space:nowrap; margin-top:25px }
.box5_r dl dd h5,.news_r dl dd h5{ color:#777777; font-weight:normal; line-height:24px; height:48px; overflow:hidden; margin:15px auto 25px}
.box5_r dl dd a{ display:block; width:60px; height:22px; color:#ffffff; text-align:center; text-transform:uppercase; line-height:22px; background:#99cc33;}


.page{ text-align:right; margin-top:50px}
.page a{ margin-right:25px; color:#666666;}

.top{box-shadow:#aaa 0px 3px 5px;}

.title3{ height:52px; line-height:52px; background:url(../images/index_21.jpg) left bottom no-repeat;}
.lang2{background:url(../images/index_26.jpg) left bottom no-repeat;}
.title3 img{ vertical-align:middle; margin-right:16px}

.news_r dl{ background:#f5f5f5; margin-top:27px;}
.news_r dl dt{ float:left; width:128px; height:130px; background:#79b306; text-align:center}
.news_r dl dt h4{ font-size:30px; font-family:'简体'; color:#ffffff; padding-top:20px; line-height:2em}
.news_r dl dt h5{font-size:18px; font-family:'简体'; color:#ffffff}
.news_r dl dd{ float:left; width:720px; margin-left:30px }
.news_r dl dd h3 a{ font-weight:normal; color:#000000; font-size:16px; }
.news_r dl dd h5 a{color:#777777;}

.pro_main ul{display: flex;display: -webkit-flex;align-content: flex-start;flex-flow: row wrap;-webkit-flex-flow: row wrap;justify-content: space-between; margin-top:10px}
.pro_main ul li{ -webkit-flex: 0 0 270px; flex: 0 0 270px; margin-top:30px}
.pro_main ul li img{ display:block; width:270px; height:182px; overflow:hidden}
.pro_main ul li p{ margin-top:15px; line-height:1em;color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_main ul li p:hover{ color:#99cc33}

.p1{ line-height:30px; color:#222222; width:98%; margin:30px auto auto}
.p1 h2{ font-size:22px; text-align:center; color:#222;}
.p1 h5{ font-weight:normal; color:#666666; text-align:center; margin:15px auto}

.lx{ margin-top:40px}
.lx dl dt{ float:left}
.lx dl dt h3{ font-size:20px; color:#222222; margin-bottom:25px}
.lx dl dt p{ line-height:68px; border-bottom:#c9c9c9 dashed 1px; font-size:16px; color:#222222;}
.lx dl dt p img{ vertical-align:middle; margin-right:24px}
.lx dl dd{ float:left; margin-left:60px; margin-top:60px}

.content{margin-top:40px;}

/*主容器*/
.con-FangDa{
	float:left;
	width: 540px;
	height: auto;
	margin-bottom:10px;
	background-color:#fff;
}
/*正常容器*/
.con-fangDaIMg{
	width: 540px;
	height: 364px;
	position: relative;
	background-color: #454545;
}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 270px;
	height: 182px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 540px;
	height: 364px;
	display: none;
	position: absolute;
	right: -585px;
	top: 0;
	overflow: hidden;
	background-color: #454545;
}
.magnifyingShow > img{
	width: 1080px;
	height: 728px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	margin-top:10px;
	height:76px;
	width:540px;
	list-style: none;
}
.con-FangDa-ImgList > li{
	margin:0 12px;
	width: 106px;
	height: 72px;
	float: left;
	cursor: pointer;
	border: 2px solid #aaaaaa;
	background-color: #454545;
	text-align:center;
}

.con-FangDa-ImgList > li > img{
	vertical-align:top;
	display:inline;
	width:106px;
	height:72px;
}
.con-FangDa-ImgList > .active{
	border-color:#99cc33;
}


.p3{ color:#666666; float:left; margin-left:5%; width:47%;}
.p3 h3{ color:#222; font-size:18px; margin:28px auto}
.neirong{ line-height:36px;}

.p4{ width:100%; border-top:#cccccc solid 2px; margin-top:35px}
.p4 h2{ font-size:16px; border-top:#99cc33 solid 3px; display:inline-block; line-height:2em; margin-top:-2px; color:#222; padding:10px 8px 0; }
.cont2{ width:98%; margin:30px auto auto; color:#292421; line-height:30px}

.gl{ margin:80px auto 30px}
.gl p{ line-height:40px; font-size:16px}
.gl a{ color:#222; font-size:16px}
.gl a:hover{ color:#99cc33}