@charset "gb2312";
/* 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{ font-size:14px; font-family:"微软雅黑"; margin:0; padding:0}
img{ border:none;}
a{ text-decoration:none; color:#222222}
li{ list-style:none}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
#header{ width:100%; background:#fff; padding-bottom:20px}
.header{ width:1440px; margin:0 auto}
.header .h_l{ float:left; margin-top:20px}
.header .h_r{ float:right; margin-top:30px}

#dh{  width:1200px; margin:0 auto; background:#fff; height:26px; position:relative; z-index:999}
.nav{ position:absolute; top:-42px; left:0; background:#fff; border-bottom:#e5e5e5 solid 1px}
.nav .nLi:first-child h4 a{ border-color:transparent}
.nav .nLi:hover{}

.nav a{color:#37873e}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h4{ float:left; font-weight:100; height:42px}
.nav .nLi h4 a{ display:block;  color:#131313; font-size:16px; height:26px; line-height:26px; width:199px; text-align:center; border-left:#ccc solid 1px;  color:#222222; margin-top:8px}
.nav .sub{ display:none; width:200px; left:0; top:42px;  position:absolute; background:rgba(255,2555,255,0.8);  line-height:36px; padding:5px 0; text-align:center; z-index:20 }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 7px; color:#131313; font-size:13px }
.nav .sub a:hover{ background:#006ab7; color:#fff;  }


.banner{ width:100%; height:420px; position:relative}
.banner .hd{ position:absolute; z-index:10; bottom:30px; right:2%}
.banner .hd li{ background:rgba(255,255,255,0.8); width:11px; height:11px; border-radius:50%; margin:8px 0; border:#fff solid 2px; border-color:transparent}
.banner .hd li.on{ border-color:#fff; background:none}
.banner .bd li img{ width:100%;  overflow:hidden; display:block}

#box1{ width:100%; margin-top:10px}
.box1{ width:1440px; margin:0 auto}
.box1_l{ float:left; width:396px; background:#f3f3f3;}
.title{ height:42px; width:92%; margin:0 auto;  line-height:42px; border-bottom:#cccccc solid 1px}
.title h4{ color:#272727;  float:left; font-size:16px; }
.title a{ float:right; color:#444444;  font-size:12px; }
.box1_l ul{ padding:8px 0 27px}
.box1_l ul li{ width:320px; height:32px; margin:14px auto auto; border:#cccccc solid 1px; text-align:center; line-height:32px}
.box1_l ul li a{ color:#000000;}
.box1_l ul li a:hover{ color:#006ab7}


.box1_m{ width:596px; margin-left:52px; float:left; background:#f3f3f3;}
.box1_m dl{width:92%; margin:22px auto auto;}
.box1_m dl dt{ float:left; padding-bottom:21px; width:240px}
.box1_m dl dt img{ display:block; width:238px; height:178px; border:#e5e5e5 solid 1px}
.box1_m dl dt h5{ color:#171717; margin-top:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box1_m dl dt span{ width:33px; height:3px; background:#fa6200; display:inline-block; margin-top:12px}
.box1_m dl dd{ float:left; margin-left:24px; width: 282px;overflow: hidden;}
.box1_m dl dd p{ background:url(../images/index_05.jpg) left center no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px}
.box1_m dl dd p a{ padding-left:22px; }

.box1_r,.box2_r{ float:right; width:345px; background:#f3f3f3;}
.box1_r dl dt img{ display:block; margin:22px auto auto}
.box1_r dl dd{ line-height:24px; height:96px; overflow:hidden; width:92%; margin:23px auto auto; text-indent:2em; color:#444444; padding-bottom:35px}

#box2{ width:100%; margin-top:35px}
.box2{ width:1440px; margin:0 auto; }
.box2_l{ float:left; width:1043px; background:#f3f3f3;}
.box2_l .title{ width:96%}
.box2_l .bd{ overflow:hidden; width:95%; margin:20px auto 25px}
.box2_l .bd li{ float:left; width:20%}
.box2_l .bd li a img{display:block; width:160px; height:160px; overflow:hidden; margin:0 auto }
.box2_l .bd li a p{ width:160px; height:24px; line-height:24px; text-align:center; color:#080808; margin:20px auto auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.box2_r img{ margin:24px auto; display:block; padding-bottom:2px}


#bottom{ width:100%; margin-top:55px; background:#eeeeee; padding: 15px 0 50px;}
.bottom{ width:1440px; margin:0 auto}
.dh2{ color:#444444}
.dh2 a,.dh2 span{ color:#444444}
.dh2 span{ padding:0 30px}
.dh2 a:hover{ color:#fa6200;}


.bottom_l{ float:left; margin-left:5px}
.bottom_l .p2{ color:#666666; line-height:2em; margin-top:25px}

.bottom_r{ float:right;}
.bottom_r div{ float:left; margin-left:20px}
.fx{ margin-top:30px}
.ewm{ margin-right:7px; margin-top:50px; line-height:2em; text-align:center}
.fx img{ width:104px; overflow:hidden; display:block}

#nav{ width:100%; background:#006ab7; height:54px; line-height:54px;}
.navs,.box3,.box4{ width:1440px; margin:0 auto}
.navs a{ display:block; width:240px; text-align:center; color:#ffffff; font-size:16px; float:left}
.navs a:hover{ background:#ffffff; color:#fa6200}

#box3{ width:100%; margin-top:40px}

.box3_l{ width:265px; float:left; border:#006ab7 solid 3px; }
.title2{ padding:10px 0; background:url(../images/index_10.png) 14px no-repeat no-repeat #006ab7}
.title2 h3{ font-size:22px; color:#ffffff; font-weight:normal; line-height:2em; margin-left:105px; letter-spacing:2px}
.title2 h4{ font-family:Arial; font-size:12px; text-transform:uppercase; color:#fff; line-height:2em; font-weight:normal; margin-left:105px}

.title3{ height:52px; line-height:52px; border-bottom:#f1f1f1 dashed 3px}
.lang2{background:url(../images/index_20.jpg) left bottom no-repeat;}
.title3 img{ vertical-align:middle; margin-right:16px}



.tree_box,.zc{ width:222px; margin:19px auto}
.tree_one>li,.zc li{ width:100%;  margin-bottom:5px;}
.tree_one h4,.zc li{  background:url(../images/index_11.png) 17px center no-repeat #dfdfdf; line-height:36px; font-weight:normal}
.tree_one h4.on,.zc li:hover{  background:url(../images/index_12.png) 17px center no-repeat #006ab7}
.tree_one h4 a,.zc li a{ padding-left:56px; color:#222222 }
.tree_one h4.on a,.zc li:hover a{ color:#ffffff}
.tree_two{ padding-top:8px; width:90%; margin:0 auto }
.tree_two li a{ line-height:40px; display:block; color:#131313; padding-left:8px; width:100%; border-bottom:#eeeeee solid 1px}
.tree_two li a:hover{ color:#006ab7;}
.tree_one{display: block;overflow: hidden; }
.tree_two{display: block;overflow: hidden; }





.box3_r,.detail_r{ float:right; width:1110px}


.box3_r ul{ width:100%; margin:0 auto; padding-top:10px; display:flex; display:-webkit-flex; align-content:flex-start; justify-content:space-between; flex-flow:row wrap; -webkit-flex-flow:row wrap;}
.box3_r ul li{ flex:0 0 250px;  -webkit-flex:0 0 250px;  background:url(../images/index_14.jpg) right bottom no-repeat #eeeeee; margin:32px 5px auto;}
.box3_r ul li:hover{ background:url(../images/index_15.jpg) right bottom no-repeat; box-shadow:-3px 0 5px #ccc, /*左边阴影*/  
    3px 0 5px #ccc, /*右边阴影*/  
    0 -3px 5px #ccc, /*顶部阴影*/  
    0 3px 5px #ccc; /*底边阴影*/ }
.box3_r ul li a img{ display:block; width:216px; height:216px; padding-top:18px;  margin:0 auto}
.box3_r ul li p{ overflow:hidden; margin:24px auto; line-height:24px; height:48px; width:216px; font-size:16px; font-weight:bold}
.box3_r ul li p:hover{ color:#eb3017; text-decoration:underline}

.box4_l,.detail_l{ float:left; width:1020px;}
.box4_l dl{ margin-top:40px; border-bottom:#e5e5e5 dashed 1px; padding-bottom:36px}
.box4_l dl dt{ float:left}
.box4_l dl dt img{ display:block; width:320px; height:240px}
.box4_l dl dd{ float:right; width:650px;}
.box4_l dl dd h3{font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:60px; margin-top:14px}
.box4_l dl dd h3 a{ font-size:24px; color:#000000 }
.box4_l dl dd h5{font-weight:normal; color:#fa6200;}
.box4_l dl dd h4{font-weight:normal; line-height:2em; height:6em; overflow:hidden; margin-top:25px}
.box4_l dl dd h4 a{ color:#666666}

.box4_l ul li{ background:url(../images/index_18.jpg) 1% center no-repeat; line-height:56px; height:56px; border-bottom:#cccccc dashed 1px;}
.box4_l ul li a{ display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:87%; margin-left:3%; font-size:16px; color:#000000}
.box4_l ul li span{ color:#666666; float:right; margin-right:1%}

.box4_r{ float:right; background:#f3f3f3; width:360px; padding-bottom:30px;  margin-top:40px;}
.box4_r h3{ font-size:20px; padding-top:7px; line-height:47px; border-bottom:#dcdcdc solid 1px; padding-left:26px}
.box4_r ul{ width:316px; margin:5px auto auto}
.box4_r ul li{ border-bottom:#dcdcdc dashed 1px; padding:15px 0}
.box4_r ul li p a{ color:#222222}
.box4_r ul li p{ margin-bottom:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box4_r ul li span{ font-size:12px; color:#222222; }

.box4_r img{ display:block; margin:20px auto auto}

.detail_l{ margin-top:40px}
.detail_l h3{ font-size:24px; color:#222222; font-weight:normal}
.detail_l h4{ color:#666666; font-weight:normal; margin-top:25px}


.p1{ line-height:30px; color:#222222;  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}

.main3_t{ margin-top:40px}

/**/
/*主容器*/
.con-FangDa{
	float:left;
	width: 402px;
	height: auto;
	margin-bottom:10px;
	background-color:#fff;
}
/*正常容器*/
.con-fangDaIMg{
	width: 400px;
	height: 400px;
	position: relative;
	border:#cccccc solid 1px;
}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 200px;
	height: 200px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 400px;
	height: 400px;
	display: none;
	position: absolute;
	right: -425px;
	top: 0;
	overflow: hidden;
	background-color: #454545;
}
.magnifyingShow > img{
	width: 800px;
	height: 800px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	margin-top:10px;
	height:82px;
	width:400px;
	list-style: none;
}
.con-FangDa-ImgList > li{
	margin-right:18px;
	width: 80px;
	height: 80px;
	float: left;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #454545;
	text-align:center;
}

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

.p3{  float:left; margin-left:7.5%; width:55%;}
.p3 h3{ color:#222; font-size:24px; margin:28px auto; font-weight:normal}
.p3 h4{color:#666666; line-height:30px; font-weight:normal; color:#000000; max-height:300px; overflow:hidden}
.p3 a{ display:block; width:165px; height:47px; line-height:47px; background:#fa6200; text-align:center; color:#ffffff; font-size:16px; margin-top:35px}
.p3 h5{ font-size:32px; color:#fa6200; margin-top:22px; font-weight:600}


.page{  margin:40px auto 20px; text-align:center}
.page a{ padding:5px 10px; margin:0 5px; font-size:16px}
.page a:hover,.page a.on{  color:#fa6200}

.content{ margin-top:44px}
.content .hd{ background:#f3f3f3; padding:20px 0}
.content .hd li{ float:left; padding:0 43px; font-size:16px; color:#666666; border-right:#d2d2d2 solid 2px}
.content .hd li.on{ color:#fa6200}
.content .hd li:last-child{ border-color:transparent}
.content .bd{ margin-top:30px}
.content .bd ul div{ width:98%; margin:0 auto; line-height:2em; color:#444444}

/**/
.gd{ position:fixed; bottom:0; width:100%; left:0; background:#006ab7; height:50px; line-height:50px; text-align:center}
.gd a,.gd span{ color:#ffffff}
.gd span{ padding:0 30px}
.gd a:hover{ font-weight:bold}