﻿* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:url(../images/body.jpg) no-repeat top center #fff}

div,p,li,em{font-family:Verdana,宋体;font-size:14px; font-style:normal;}

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:14px;line-height:16px;}

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse;}

.clear {clear:both;}


.blue { color:#3366cc}
.red { color:#F00}
.green { color:#019608}

.left { float:left;}
.width_796 { width:796px;}
.width_304 { width:304px;}
.height_526 { height:526px; }
a:link,a:visited,a:active{ color:#444444; text-decoration:none;}
a:hover{ color:#1d63ac; text-decoration:none;}
.evaluate_yey:link,.evaluate_yey:visited,.evaluate_yey:active{ color:#5c7d90; text-decoration:none;}
.evaluate_yey:hover{ color:#000; text-decoration:none;}

.logo,.menu,.menu_a1:hover,.menu_a2:hover,.menu_a3:hover,.menu_a4:hover,.menu_a5:hover,.current_menu_a1 {background:url(../images/icon_a1.png?v=3) no-repeat}

.header { width:1100px; margin:0 auto; height:72px;}
.logo { float:left; width:475px; height:71px; background-position:0px 0px;}
.menu { margin-right:20px; float:right; width:550px; height:71px; background-position:0px -71px; display:none; }
.menu a { display:block; margin-top:10px; float:left; _display:inline-block; width:80px; height:50px;}
	.menu_a1,.current_menu_a1 { margin-left:15px;}
	.menu_a2 { margin-left:34px;}
	.menu_a3 { margin-left:35px;}
	.menu_a4 { margin-left:25px;}
	.menu_a5 { margin-left:35px;}
	.menu_a1:hover,.current_menu_a1 { background-position:-15px -152px;}
	.menu_a2:hover { background-position:-129px -152px;}
	.menu_a3:hover { background-position:-244px -152px;}
	.menu_a4:hover { background-position:-349px -152px;}
	.menu_a5:hover { background-position:-464px -152px;}
	
	
.login,.register_btn:hover,.login_btn:hover,.dynamic_title,.more,.dynamic_photo,.dynamic_list_a,.news_title,.news_list a,.case,.case_title,.case_list a,.evaluate_title,.evaluate_bot,.evaluate_icon,.evaluate_yey { background:url(../images/icon_a1.png?v=3) no-repeat}




.content { width:1100px; margin:0 auto; clear:both}
.product_big { width:796px; height:526px; float:left; position:relative}

.wrapper { width: 796px; margin: 0 auto; position: relative;}
	#banner { width: 100%; height: 525px;  overflow: hidden; position: relative; }
	#banner_img { display: block; position: relative; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 525px; background-position: center; background-size: cover; display: none; }
	
        #banner_img li.item1 { display: block; width:795px;  height: 525px;}
        #banner_img li.item2 { }
		#banner_img li.item3 { }
		#banner_img li.item4 {}


	#banner_img .ad_txt { position: absolute; left: 0px; top: 50px; width:660px; height:68px;  /*text-shadow: 1px 1px rgba(51,51,51,0.3);*/ }
    #banner_img .ad_img { position: absolute; left: 0px; top: 0px; width: 796px; height:525px;  }
	#banner_img .ad_img img { width:795px; height:525px;}
	
	
	#banner_ctr { position: absolute; width: 150px; height: 20px; left:335px; bottom:-10px;  _bottom:0px; z-index: 1;}
    #banner_ctr ul { width: 150px; height: 30px;  }
    #banner_ctr li { display: block; float: left; width: 30px; height: 20px; cursor: pointer;background:url(../images/yd.png) no-repeat 5px 5px;}

#drag_ctr { position: absolute; top:0px; left: 0px; width: 30px; height: 20px; bottom: 0px; background:url(../images/yd.png) no-repeat 5px -25px}
#drag_arrow { position: absolute; top:0px; left: 0px; width: 30px; height: 20px;  }

	
	

.login { margin-top:24px; width:284px; height:296px; background-position:0px -213px;}
	.register_btn { width:236px; height:50px; display:inline-block; margin:23px 0 0 24px;}
	.register_btn:hover { background-position:0px -509px;}
	.login_btn { width:236px; height:50px;  display:inline-block; margin:49px 0 0 24px;}
	.login_btn:hover { background-position:0px -559px;}
	.product_small { margin:18px 0 0px 0; width:284px; height:176px;position:relative;}
	.product_small .bd{width:284px;height:176px; }
	.product_small .bd .picList{width:284px;height:176px;zoom:1; }
	.product_small .bd .picList li{float:left; _display:inline; overflow:hidden; text-align:center;  }
	.product_small .bd .picList li .pic{ text-align:center; }
	.product_small .bd .picList li .pic img{ width:284px; height:176px; display:block;}




.more { text-indent:-2000px; overflow:hidden; display:block; margin:8px 10px 0 0; float:right; width:54px; height:21px; background-position:-550px -143px;}
.more:hover { background-position:-550px -164px;}
/*dynamic*/
.dynamic { width:796px; height:320px;}
	.dynamic_tt { display:block; height:40px;}
	.dynamic_title { text-indent:-2000px; overflow:hidden; float:left; width:105px; height:36px; background-position:-550px -71px;}
	.dynamic_photo { padding:17px 0 0 17px; width:303px; height:241px; background-position:-284px -213px;}
	.dynamic_list { float:left; padding-top:5px; width:476px; }
	.dynamic_list li{height:36px; line-height:36px; display:inline; }
	.dynamic_list_a { float:left; display:block; padding-left:20px; width:265px; height:36px; background-position:-780px -65px;}
	.dynamic_list_yey { float:left; color:#727272}
	.dynamic_list_yey:link,.dynamic_list_yey:visited,.dynamic_list_yey:active{ color:#727272; text-decoration:none;}
	.dynamic_list_yey:hover{ color:#1d63ac; text-decoration:none;}
	
/*news*/
.news { padding-left:20px; width:280px; height:320px; background:url(../images/line_a1.png) repeat-y}
	.news_tt { display:block; height:40px;}
	.news_title { text-indent:-2000px; overflow:hidden; float:left; width:105px; height:36px; background-position:-550px -104px;}
	.news_list { float:left; padding-top:5px;  }
	.news_list li{ height:36px; line-height:36px;  display:inline}
	.news_list a { float:left; display:block; padding-left:20px; width:260px; height:36px; line-height:36px; background-position:-780px -65px;}
/*case*/
.case { clear:both; height:40px; background-position:115px -649px; background-color:#f7f8f8;}
	.case_title { text-indent:-2000px; overflow:hidden; float:left; width:105px; height:36px; background-position:0px -609px;}
	.case_photo { width:1100px; height:392px; margin-bottom:10px;}
	.case_photo a { float:left}
	.case_list { float:left; padding-top:5px; width:796px; height:480px; background:url(../images/line_a1.png) repeat-y 385px 0px; }
	.case_list li { float:left; width:398px; line-height:36px; }
	.case_list a { float:left; display:block; padding-left:20px; width:240px; height:36px; background-position:-780px -65px;}
	.case_list span { float:left; color:#727272; width:125px;}
/*evaluate*/
.evaluate { width:304px;}
	.evaluate_title { text-indent:-2000px; overflow:hidden; width:285px; height:48px; background-position:-284px -471px;}
	.evaluate_bot { font-size:9px; width:285px; height:15px; background-position:-284px -519px;}
	.evaluate ul { border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; width:283px; height:400px;}
	.evaluate_icon { display:block; margin-right:5px; float:left; width:36px; height:32px; background-position:-764px -115px;}
	.evaluate_a { display:block; margin:0 auto; width:255px; line-height:32px; }
	.evaluate_yey { display:block; text-align:center; font-weight:bold; margin:0 auto; margin-bottom:20px; margin-top:5px;  line-height:34px; width:260px; height:34px; background-position:-284px -534px;}


.link { width:1080px; height:180px; margin-bottom:20px; padding-top:40px; background:url(../images/link.png) no-repeat}
.link_a { width:1000px; margin:0 auto;} 
.link_a a { font-size:12px; line-height:32px; width:110px; display:block; float:left}

.copyright {  text-align:center; clear:both; color:#787878; padding-top:20px; line-height:40px; width:100%; height:80px; background:#e9e9e9}


.taskp{width:1080px;  margin:0 auto; margin-top:22px;}
.taskp .mod{width:1080px; position:relative; padding-top:41px; }
.taskp .mod a{display:block;width:322px;height:41px;float:left; margin:0px 10px;}
.mod_btn_a1,.mod_btn_a2 { position:absolute;width:700px; left:190px; top:1px; z-index:11;}

.taskp .mod_btn_a1 .specialty {  background:url(../images/mob_p.png) no-repeat}
.taskp .mod_btn_a1 .sutra { background:url(../images/mob_p.png) no-repeat 0px -82px;}
.taskp .mod_btn_a2 .specialty {  background:url(../images/mob_p.png) no-repeat 0px -41px;}
.taskp .mod_btn_a2 .sutra { background:url(../images/mob_p.png) no-repeat 0px -123px;}

.mod_line_a1 { font-size:1px; height:5px; width:1080px; clear:both; border-top:1px solid #71bbe1; background:#aee1fb}
.mod_line_a2 { font-size:1px;  height:5px; width:1080px; clear:both; border-top:1px solid #a9c97e; background:#e1f5b5}


.template_photo {width:1050px; margin:0 auto; background:#FFF; padding-left:30px;}
.template_photo li { width:302px; height:328px; float:left; margin:20px 20px 0 20px; display:inline}
.template_photo img { width:292px; height:288px; background:#FFF; padding:4px; border:1px solid #dbdbdb}
.template_photo p { height:30px; line-height:30px; text-align:center; color:#797979}



.index_ad {padding:10px 0px 15px 0; clear:both;width:1080px;height:95px;}
.index_ad .bd{width:1080px;height:95px; }
.index_ad .bd .picList{width:1080px;height:95px;zoom:1; }
.index_ad .bd .picList li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.index_ad .bd .picList li .pic{ text-align:center; }
.index_ad .bd .picList li .pic img{ width:1080px; height:95px; display:block;}


.silder {width: 100%;height:270px; overflow: hidden;text-align: center;margin: 0 auto;position:relative;float:left;}
.silder .silder_list {height:270px; overflow:hidden;position: relative;}
.silder .silder_list a{position:absolute; top:0;left:0;}
.silder .silder_list a,.silder .silder_list img{display:inline-block;float:left;}
.silder .silder_page{height:42px;text-align:right; margin:0 auto;right:1px; overflow:hidden;position:absolute; bottom:1px;}
.silder .silder_page li{width:16px; font-size:12px; float:left; height:16px;line-height:16px;margin:15px 10px 0 0; background:#F1F1F1;display:inline-block;text-align:center;color:#000;}
.silder .silder_page li.current{background:#C70B31;color:#fff;}
.silder_desc{color:#fff;background:url(../images/tit_bg.png) repeat 0 0;float:left;line-height:42px;height:42px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;}
.silder .silder_page li:hover{cursor:pointer;}












	
	
.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 526px;
	overflow: hidden;
	zoom: 1;
}
.small { height:176px}

.flexslider .slides li {
	width: 100%;
	height: 100%;list-style:inside;	list-style-type:none;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}






