@charset "gb2312";
body { margin:0; font-size:16px; color:#333;  font-family: sans-serif;/*background:url(../images/top.jpg) top no-repeat,url(../images/bg.jpg)*/}
img{ border:0}
a{ color:#000; text-decoration:none}
a:link{ color:#000; text-decoration:none}
a:visited{ color:#000; text-decoration:none}
a:hover{ color:#000; text-decoration:none}
a:active{ color:#000; text-decoration:none}
li{ list-style:none;}
#top,#menu,#main1,#main2,#main3,#main4,#main5,#main6,#bottom,#index_bt,#gg{ width:1200px; margin:0 auto; clear:both;}
#main_1{}
#main_content{ background:none}
#top{ padding:0; margin:0px auto; padding-top:30px; height:100px; }
#main1{ padding-top:5px}
#top_box{
	width: 100%;
	background: url(../images/top_bg.png) repeat-x;
}
#logo{
}
#tel{}
#top img {

}

ul{ margin:0; padding:0; list-style-type:none}
li{ }
.fl{ float:left}
.fr{ float:right}
.dl{ font-size:16px; text-align:right; font-weight:bold}
.dl A:link{ color:#000}
.dl A:visited{ color:#000}
.dl A:hover{ color:#672000}
.dl A:active{ color:#000}

#menu{ width:100%; min-width:1200px; background: url(../images/menu_bg.jpg) repeat-x center center;height:48px; height:48px; background-size: contain}
#menu_box{ width:1200px; margin:0 auto;	height:48px; height:48px;
}
#sddm
{
	margin: 0 auto;
	padding: 0;
	width:1200px;
	z-index:999;
	position: relative;
	height:48px; height:48px; 
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	display:inline;
	text-align:center;
	position:relative;
	float:left;
	width:169px;background: url(../images/menu_bg1.jpg) no-repeat right bottom;

	}

#sddm li a
{ color:#fff;
font-size:16px;
width:169px;
display:block; height:48px; line-height:48px
}

#sddm li>a:hover
{ 
color:#fff; text-decoration:none; /*transition: all 0.3s  ease; -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);*/
height:48px; line-height:48px ;width:169px;}

#sddm div
{	
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #1e3890 url(../images/menu_hover.jpg) no-repeat top center;
	position:absolute;
	left:0px;
	top:-5px;
	border-radius:5px;
	width: 169px; padding-top:45px; z-index:-999
	


	}
#sddm div:before{ content:url(../images/sjx.png); position:relative ; top:-10px; padding-top:10px;}	
#sddm div a{height:40px;
		line-height:40px;width: 169px;
 }
	#sddm div a:link
	{
		margin: 0;
		padding:0;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		border:0;
        color: #fff;
		_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="s_menubg.png",sizingMethod="crop");
		_background-repeat:repeat-x;
	font-size:16px;
	float:left;
}
	#sddm div a:visited{ }

	#sddm div a:hover
	{
		display: block;
		margin: 0;
		padding:0;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		border:0;
		height:40px;
		line-height:40px;
        color: #fff;
		_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="s_menubg.png",sizingMethod="crop");
		_background-repeat:repeat-x;
		background:url(../images/menu_bg.jpg) repeat-x;
		border-radius:5px;
}
#sddm div a:active{ }
/*banner*/
#banner{ height:480px}
#full-screen-slider { width:100%; height:600px; float:left; position:relative; min-width:1200px;}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:-9999999999999999999}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;z-index:-9999999999999999999}

#pagination { display:block; list-style:none; position:absolute; left:50%;  top:540px; z-index:999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF; z-index:-999999999999999}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*botton*/
#index_bt ul{height:250px; margin:0 ; padding:0;z-index:999999999999999999999999999;}
#index_bt ul li{ float:left; width:21%; text-align:center;height:250px;-webkit-transition:all 0.3s;-moz-transition:all 0.5s ;transition:all 0.5s ; transform:rotate(45deg); margin-left:30px;background: #d8edff ;}
#index_bt ul li div{ transform:rotate(-45deg); position:relative;  top:42px; left:-20px; }
#index_bt ul li:nth-child(1){background: #d8edff;}
#index_bt ul li:nth-child(2){background: #69b7ee;}
#index_bt ul li:nth-child(3){background: #30afff;}
#index_bt ul li:nth-child(4){background: #50ccff;}
#index_bt ul li div{ height:112px; text-align:left; line-height:24px}
#index_bt ul li:hover{ top:-40px; position:relative}
#index_bt ul li:nth-child(1):hover{background:#75d0ff;}
#index_bt ul li:nth-child(2):hover{background: #0088d8;}
#index_bt ul li:nth-child(3):hover{background: #b4e2ff;}
#index_bt ul li:nth-child(4):hover{background: #80c9ff;}
#index_bt ul li a{ display:block; width:100%; cursor:pointer; padding-left:10px;}

.tit{ font-size:24px;color:#222; width:82%; margin:0 auto; text-align:left; margin-top:20px; height:30px; line-height:30px; font-weight:bold; margin-bottom:10px;  font-family: sans-serif;}.tit a{ color:#333; height:30px; line-height:30px}
.red{ color:#F00}.tit a{ margin-left:20px} 
.zb_list ul{ margin:0 auto; width:90%; padding-top:5px}
.zb_list ul li{ border-bottom:#666 dashed 1px; height:30px; line-height:30px; width:275px; margin-right:10px; float:left; background-color:#66CCFF;}
.tit_bg{ background:url(../images/index_42.jpg) repeat-x; border:#CCC solid 1px; height:35px; line-height:35px}
.kuang a{ display:block;color:#fff;}
.kuang a:link{padding:5px; text-decoration:none;  }
.kuang a:visited{padding:5px;text-decoration:none}
.kuang a:hover{ padding:5px; background:#FF0; width:218px; text-decoration: underline}
.kuang a:active{padding:5px;text-decoration:none}
.kuang2{border:#333 solid 1px;}
#main1{ clear:both}
#main3{ text-align:center}

#main1 li{ float:left; padding-top:5px}
.dl{ background:#16abe4; width:268px; height:204px; border-radius:10px}
.gg{ width:416px; margin:0 15px}
.gg_list li{ height:25px; line-height:25px; background:url(../images/dot1.jpg) left no-repeat; padding-left:10px;}


.pic_list{ width:98%; margin:0 auto; margin-top:10px}
.pic_list li{ width:190px;  float:left; margin-bottom:10px; text-align:center; margin-left:30px}
.picshow{ width:98%; margin:0 auto; margin-top:10px}
.picshow li{ width:230px;  float:left; margin-bottom:10px; text-align:center; margin-left:45px; height:260px;}
.picshow li a{}
.picshow li img{ width:230px; height:230px; float:left; margin-bottom:10px; text-align:center}

.picshow2{ width:98%; margin:0 auto; margin-top:10px}
.picshow2 li{ width:230px;  float:left; margin-bottom:10px; text-align:center; margin-left:45px; height:280px;}
.picshow2 li a{}
.picshow2 li img{ width:230px; height:230px; float:left; margin-bottom:10px; text-align:center}


.pic_list2{ width:680px; margin:0 auto; margin-top:10px;}
.pic_list2 li{ width:195px;  float:left; margin-bottom:10px; text-align:center}
.pic_list2 li img{ width:320px; height:130px; float:left; margin-bottom:10px; text-align:center}

.in_left{ width:270px; padding:0 8px; float:left}
.lxwm{ width:287px;padding:1px; border:#CCC solid 1px; background:#eeeeee; height:290px; clear:both}

.in_left_tit{ font-size:18px; font-weight:bold; height:38px; line-height:38px; color:#0080a4; border-bottom:#0080a4 solid 4px; padding-top:10px;}
.in_left ul{ background:url(../images/in_10.jpg) repeat-y; width:100%}
.in_left ul li{ background:url(../images/in_07.jpg) no-repeat; height:30px; line-height:30px; width:95%; margin:0 auto; } 
.in_left span a{width:80%;   font-size:16px; color:#fff;  position:relative; top:-6px; left:35px;}
.content{ padding:18px; line-height:25px ; color:#000;}
.content img{ padding:20px;}
#f1 a:hover{ background:#0CC}
.blu a{ color:#0080a4}
.m10{ margin:10px 0}


.yel{ font-family:Arial, Helvetica, sans-serif;  font-size:22px; color:#f9ff50}
.in_left_menu li{ border-bottom:#CCC solid 1px;}
.in_left_menu li:hover{ background:#daf1fb}
.in_left_menu li:before{ content:url(../images/dot1.jpg)}.in_left_menu a{ margin-left:10px}
#in_right{ float:right; width:710px; background:#fff;border-radius:10px; border:#CCC solid 1px}
.piclist2{ width:95%; margin:0 auto}
.piclist2 li{ }
.piclist2 li a{ width:156px;float:left; padding:2px;margin-right:7px; margin-top:7px}
.piclist2 li img{ width:155px; height:120px;}
.piclist2 li div{ margin:4px 0}
.line { border-bottom:#CCC  dashed 1px}
.zc_box li{ text-align:left; height:40px; display:block; float:left; width:430px;}
.more{ background:#4dba19; border-radius:5px;width:80px ; text-align:center}.more a{ color:#fff;  height:24px; line-height:24px}
.border{ border-bottom:#bfbfbf  dashed 1px;}
.bt li{ float:left;}
.bt{ margin-top:20px; margin-left:30px}
.in_left_menu li{ border-bottom:#CCC solid 1px;}
.in_left_menu li:hover{ background:#daf1fb}
.in_left_menu li:before{ content:url(../images/dot1.jpg)}.in_left_menu a{ margin-left:10px}
#in_right{ float:right; width:710px; background:#fff;border-radius:10px; border:#CCC solid 1px}
.piclist2{ width:95%; margin:0 auto}
.piclist2 li{ }
.piclist2 li a{ width:156px;float:left; padding:2px;margin-right:7px; margin-top:7px}
.piclist2 li img{ width:155px; height:120px;}
.piclist2 li div{ margin:4px 0}
.line { border-bottom:#CCC  dashed 1px}
.zc_box li{ text-align:left; height:40px; display:block; float:left; width:430px;}
.h{ font-size:16px; color:#a3610a; font-weight:bold}
.news{ width:100%;}
.news ul{ padding:0; margin:0}
.news li{ height:38px; border-bottom:#eee solid 1px; width:95%; line-height:38px; margin:0 auto; }
.news li:Hover{ background:#eee}
.news li:before{ content: url(../images/school_31.png)}

#pic{ width:975px; margin:0 auto}
.lxwm{ background:url(../images/index_66.jpg) right bottom no-repeat; width:95%; height:200px}
.link_box{ width:100%; height:60px; background:#f5bf7e;line-height:60px; padding-top:16px}
.link{ width:980px; margin:0 auto; height:60px; line-height:60px; }
.link li{ float:left; margin-right:10px;}

.link_box2{ width:100%; height:50px; background:#69bd64;line-height:50px; padding-top:6px;  margin:0 auto;}
.link2{ width:980px; margin:0 auto;  }
.link2 li{ float:left; margin-right:10px;}
#main{ width:1200px; margin:0 auto}
.in_tit{ background:url(../images/tit_bg.jpg); height:38px; line-height:38px ; color:#fff; font-weight:bold; font-size:16px; padding-left:15px; width:254px; }
.in_tit2{ border-radius:5px 5px 0 0; height:38px; line-height:38px ; color:#000; font-weight:bold; font-size:16px; width:100%; border-bottom:#dddddd solid 1px; background:url(../images/dot.jpg) left center no-repeat}
.kuang3{ border:#ddd solid 1px;display:block;}
.kuang3 p{padding-left:10px;padding-right:10px; line-height:25px;}





.bar_content{ width:83%; margin:0 auto; text-align:left;line-height:25px; margin-top:20px; height:100px; clear:right}
.news2 {  width:99%; margin-bottom:10px; padding:10px 0px;}
.news2 ul{ padding:0; margin:0;}
.news2 li{ height:30px; border-bottom:#eee solid 1px; width:100%; line-height:30px;margin:0 auto}
.news2 li:before{ content:url(../images/in_11.jpg)}
#in_banner{ width:1400px; margin:0 auto; padding:8px 0}.news_x ul{ padding:0; margin:0}
.news_x li{ height:35px; border-bottom:#eee solid 1px; width:96%; line-height:35px; margin:0 auto}
.news_x li:before{ content:"¡¤¡¡"}
.kfoutbox{position:absolute;z-index:10000;right:5px;margin:0px;width:100px;height:80px; color:#000}
.in_right{ width:900px; }.in_right img{ max-width:880px}


.time{ color:#CCCCCC}

.more_bt{ background: #099; display:block; width:100px; height:40px; line-height:40px;  text-align:center; color:#ffffff; float:right; margin-right:15px}.more_bt:link{ color:#ffffff}.more_bt:visited{ color:#ffffff} 
#gg_box{ width:100%; background:#f1f1f1; min-width:1200px;}
#gg{ height:40px; line-height:40px}
#index_bt p{  text-align:center;  font-family:"ºÚÌå";}
#product_box{  width:100%; background-size:cover}
#product{ width:1200px; margin:0 auto}
.index_tit{ text-align:center; padding:10px 0}.index_tit a{ text-decoration:none}
.tit_zi{ font-weight:bold; color:#0082e1; font-size:28px}.tit_en { font-size:20px; font-family:Arial, Helvetica, sans-serif; text-decoration: none}

.left_menu{ background:#0082e1;}

#wrap{
	text-align:left;
	width:1200px;
	background-image: url(images/bj.png);
	_background-image: url(images/bj.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu_gcs{
	float:left; 
	width:230px; 
	background:url(images/shuxian.jpg) no-repeat right center;
	background:#0094ee}
	
#menu_gcs ul{ background:#ffffff; width:98%; margin:0 auto}
#menu_gcs li{
	height:40px; 
	line-height:40px; 
	text-align:left}
#menu_gcs a{color:#333;
font-size:10pt;
text-decoration:none; 
display:block; 
padding-left:25px; border-radius:10px;	height:40px;
	line-height:40px;
}

#menu_gcs a:hover,#menu_gcs .on>a{
	color:#ffffff;
	height:40px;
	line-height:40px;
	font-weight: bold; background:url(../images/tit_bg.jpg) repeat-x center center;transition: all .3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s ;
}


#content_gcs{
	float:left;
	width:78%;
	margin-left:24px;}
	
	
#content_gcs h1{
	font-size:16px; 
	font-weight:normal; 
	margin:0; 
	padding:0; 
	margin-bottom:8px}

.more2{ border:#ffffff solid 1px; border-radius:10px;color:#ffffff; width:120px; height:36px; line-height:36px; margin:5px auto 20px;; font-weight:bold}.more2 a:hover{ background:none !important;height:36px!important; line-height:36px!important;}
.ser{ background:url(../images/ser_bg.png) repeat-x center center; text-align:center}


.main_ser{ display:box; display: -webkit-box; display:-moz-box;box-orient:horizontal; -webkit-box-orient:horizontal;-moz-box-orient:horizontal; margin:0 auto; box-pack:center;-webkit-box-pack:center;-moz-box-pack:center; 
}
.main_ser div{ color:#fff; padding:10px; line-height:20px}
.main_ser .left_ser{  width:auto}
.main_ser .mid_ser{  padding-right:0;}
.main_ser .right_ser{  width:auto; padding-left:0}
.ssk_ser{ width:200px; height:32px;  line-height:32px; border:#000 solid 1px; background:#fff;   box-sizing:border-box; }
.bt_ser{  border:0; display:block; background: url(../images/index_21.jpg) no-repeat; color:#fff; height:32px; width:35px; border-radius:0px 5px 5px 0;box-sizing:border-box; }
.bt:hover{ background:#06F}
.tiao{ color:#191919; background:#ffffff; display:block;text-align:center; margin:0 auto; border-radius:0; border-bottom:#0082e1 solid 2px;height:30px; line-height:30px;}
.tiao:hover{ background:#0082e1; text-decoration:none; color:#ffffff;transition: all .3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s ; transform:none !important;-webkit-transform: none !important;}
.tiao1 a{ color:#ffffff; display:block;text-align:center; margin:0 auto; border-radius:0; border-bottom:#ffffff solid 1px;height:30px; line-height:30px; height:30px;}
.tiao1 a:hover{ background:#0082e1; text-decoration:none; color:#ffffff;transition: all .3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s ;transform:none !important;-webkit-transform: none !important;}

#case_box{ background:url(../images/bg2.jpg) no-repeat center 20px; width:100%; background-size:cover; min-width:1200px;}
#case{ width:1200px; margin:0 auto}








.four_r{ margin:10px auto; width:100%; height:230px; overflow:hidden; clear:both;}
.four_r table{ margin-top:2px}
.four_r td a{ width:250px; margin-right:10px; display:block; font-size:16px; }
.four_r  td img{border:3px #FFFFFF  solid; margin-bottom:0px; margin-top:0px }
.four_r  td   h4{ height:30px; line-height:30px; font-size:16px; font-weight:normal ;}
.four_r  td   h4 a{ color:#FFF  }

#news_box{  width:100%; min-width:1200px;}
#news{ width:1200px; margin:0 auto}



#bottom_box{width:100%; }
#bottom{  width:1200px; margin:0 auto; padding:20px}#bottom_menu { float:left; margin-left:10px; }
#bottom_menu ul li{ width:190px; text-align:center; line-height:25px; line-height:25px}#bottom_menu ul li a{ color:#000}
.foot_box{ width:100%; min-width:1200px;background:#0094ee; height:90px}.foot{ line-height:24px; color:#fff; text-align:center; width:1200px; margin:0 auto; padding:20px; box-sizing:border-box}
#bottom h4{ margin:0; padding:0; padding:10px 0; color:#000}
.foot_box a{ color:#FFFFFF}
.foot_box a:hover{ color:#CCCCCC;}



.bn-title{padding:0px;!important}