@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img,a{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;margin:0px auto;}
fieldset,img{border:0;}
img{line-height: 0;}
*{margin:0;padding:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}del,ins{text-decoration:none;}

body{font-family:Arial,SimHei,SimSun, Verdana,sans-serif; font-size: 14px; line-height:24px;color:#333333; text-align:center;}

html,body{ background:#fff;}

/*页面框架样式*/
.main{min-width: 1200px; overflow: auto;}
.container{width:1200px;margin:0px auto;}
.container .right a:hover{border-bottom: 4px solid #f58631;}


/*头部*/
.header{width:100%;}
.header .left{width:479px; height:120px; position: relative; float: left; background: url('images/cz_logo.png') left center no-repeat;}
.header .right{width:716px; height:120px; position: relative; float: left;padding-right:5px;}
.header .right .active{ border-bottom: 4px solid #f58631;}

.header_js{width:100%;height: 70px; background: #f58631;}
.header_js .left{width:550px; height:70px; position: relative; float: left; background: url('images/js_logo.png') left no-repeat;}
.header_js .right{width:645px; height:70px; line-height:70px;position: relative; float: left;padding-right:5px; text-align: right;}
.header_js .right a{ color: #fff;padding-left: 24px;}
.header_menu{height:70px; line-height:70px;}
.header_menu li{ position: relative; float: left;padding:0px 30px;}
.header_menu li a{color:#000000; font-size: 18px;}
.header_menu li a:hover{color: #f58631;}

.banner{width:100%;height:630px;}
.banner img{width:100%;}

.nav_news{width:100%; background: #fff;padding-bottom:100px; }
.nav_news .left{width:750px;  height: 380px; text-align: left; position: relative; float: left; overflow: hidden;}
.nav_news .right{width:390px; height: 380px; position: relative; float: left;margin-left:60px; background: url('images/1.jpg') no-repeat;}

.index_news li{height: 120px;padding:5px 0px;}
.index_news li .leftBox{width:100px; height: 98px; padding-top:22px;position: relative; float: left; color: #fff; text-align: center;}
.index_news li .rightBox{width:628px; height: 120px;padding-left:22px;position: relative; float: left;}
.day{font-size:48px;line-height:48px;}
.year{font-size:14px;line-height:26px;}
.f_1{font-size:18px;line-height: 50px; height: 50px; overflow: hidden;color: #e57829; text-align: left;}
.f_2{color: #666666;}
.f_3{font-size:20px;line-height: 70px; height: 70px; overflow: hidden;color: #515151; text-align: left;background: url('images/10.jpg') left bottom no-repeat;}
.f_4{line-height: 22px; color: #666666; text-align: left;padding:25px 0px;}
.f_4 p{padding:4px 0px; text-indent: 28px;}
.f_5{height:30px; line-height: 30px; background:#242424; color: #fff8e6; font-size: 12px; text-align: center;font-family:Arial;}
.f_6{line-height: 30px; font-size: 20px;max-height:60px; overflow:hidden;}
.f_7{line-height: 24px;padding-top: 16px;}
.f_8{font-size:18px;line-height: 50px; height: 50px; overflow: hidden;color: #333333; text-align: left;}
.f_9{line-height:41px;font-size:18px;color:#000000;padding-left:20px;background: url('images/30.png') left no-repeat;border-bottom: 1px solid #dfdfdf;}

.wrap{position:absolute;
	height:100%;
	line-height:24px;
	width:100%;
	background-color:#000;
	margin-top:0px;
	margin-left:0px;
	overflow:hidden;
	text-align:center;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
    -khtml-opacity: 0.5;  
    opacity: 0.5;
	font-size:14px;
	cursor:pointer;
	z-index:3;}
.warp_f{position:absolute;z-index:4;}
.warp_f p{color:#e0e0e0; text-align:left;}

.r_l{position: relative; float:left;}
.news_content{padding: 30px 0px;font-family:Arial !important;}
.news_content img{max-width:90%;}

.nav_solution{width:100%; padding-bottom:42px; }
.nav_solution .s_l{height:350px;}
.nav_solution .s_l a{width:370px;height:350px; position: relative; float: left; margin:0px 15px; display: block;}

.nav_business{width:100%; background: #f8f8f8;padding-bottom:122px; }

.nav_case{width:100%; background: #f8f8f8;padding-bottom:44px;}
.nav_case .c_l a{width:800px;height:240px; position: relative; float: left; margin:10px 0px; display: block;}

.nav_about{width:100%; background: #fff;padding:94px 0px 125px;}
.nav_about .left{width:506px;  height: 354px;padding:0px 58px 0px 20px; text-align: left; position: relative; float: left; overflow: hidden;}
.nav_about .right{width:616px; height: 354px; position: relative; float: left; background: url('images/js_9.png') no-repeat;}

.nav_copyright{width:100%; background: #292929;padding:28px 0px 15px;}
.nav_copyright ul{position: relative; float:left; font-size: 13px; text-align: left;color: #808080;}
.nav_copyright ul li p{line-height: 36px; font-size: 16px; padding-left: 2px; margin-bottom: 6px; color:#808080;background: url('images/11.jpg') bottom repeat-x;}
.nav_copyright ul li a{color: #808080; line-height: 18px;padding-left: 2px;}

.news_banner{height: 200px;background: url('images/17.jpg') center no-repeat;}
.banner_1,.banner_6{background: url('images/37.png') center no-repeat;}
.banner_2{background: url('images/61.png') center no-repeat;}
.banner_3{background: url('images/39.png') center no-repeat;}
.banner_4{background: url('images/40.png') center no-repeat;}
.banner_5{background: url('images/41.png') center no-repeat;}
.banner_7{background: url('images/42.png') center no-repeat;}
.banner_8{background: url('images/43.png') center no-repeat;}
.banner_9{background: url('images/60.png') center no-repeat;}

.timeline{}
.timeline .line_left{width:170px; height:auto; min-height:200px; position:relative;float:left; text-right:right;z-index:2;}
.timeline .line_right{width:670px; height:auto; min-height:400px;margin-left:-20px;color:#000000;line-height:36px;padding-left:80px; position:relative;float:left; z-index:1;background: url('images/time.png') left top repeat-y;}
.timeline .line_right p span{color:#f58631;}
.time_year{line-height:85px;text-align:right;padding-right:30px;cursor: pointer;}
.cur_year{font-size:48px; color:#f58631;padding-right:42px;background: url('images/c.png') right center no-repeat;}


#ywly a{width:600px;height: 200px;display:block;position: relative; float: left;}

.list_1{ height: 252px;padding:0px 1px;}
.list_1 li{ position: relative; float: left;width:280px; height: 252px; margin-left:26px;}
.list_1 li.active{margin-left:0px;}
.list_1 li a p{height: 64px;line-height: 54px; color: #000000; font-size: 20px;}

.list_2{ height: 240px; color: #000; text-align: left;}
.list_2 li{ position: relative; float: left;width:332px; height: 200px; overflow: hidden; margin-left:20px; background: #fff;padding:20px 24px;}
.list_2 li.active{margin-left:0px;}
.list_2 li a p{color: #000000;}

.list_3{padding:0px;}
.list_3 li{ position: relative; float: left;width:205px; margin:4px 10px; text-align:center;}
.list_3 li img{width:200px;height:150px;border:1px solid #dfdfdf;}
.list_3 li.active{margin-left:0px;}
.list_3 li a p{line-height: 40px; color: #000000; font-size:14px;}

/*新闻中心*/
.news_center{width:1140px; margin: 0px auto;}
.bar_news{height: 39px; line-height: 39px; text-align: left; border-bottom: 1px solid #dfdfdf; color: #2b2b2b;}
.news_container{padding-top: 21px;padding-bottom:50px;}
.news_container .left{width: 180px; position: relative; float: left; margin-right: 60px;padding-top: 5px;}
.news_container .right{width: 900px; position: relative; float: left; text-align: left;}
.news_container .right .index_news li .rightBox{ background: #f5f5f5;width:704px;padding-right: 74px;}


.left_nav li{width:156px; height: 40px; line-height: 40px;padding-left:24px; font-size: 15px; color: #333333; border-bottom: 1px solid #f2f2f2; text-align: left; background: url('images/29.png') 10px center no-repeat;}
.left_nav li a{color: #333333;}
.left_nav li a:hover{color: #e27019;}
.left_nav li.active{background: url('images/28.png') 10px center no-repeat;}
.left_nav li.active a{color: #e27019;}
.left_nav li.first{background: url('images/27.png') left center no-repeat;color: #ffffff; font-size: 16px;}
.left_nav li.first a{color: #ffffff;}

.bg_1{background:#f58631;}
.bg_2{background:#666666;}
.bg_3{background:#f0a469;}

.icon_header{width:82px; height:34px; margin-top:43px;padding-bottom:12px;float: right;margin-left:14px; display: block;}
.icon_home{background: url("images/home.png") top center no-repeat;}
.icon_news{background: url("images/news.png") top center no-repeat;}
.icon_solution{background: url("images/solution.png") top center no-repeat;}
.icon_case{background: url("images/case.png") top center no-repeat;}
.icon_about{background: url("images/about.png") top center no-repeat;}
.icon_business{background: url("images/business.png") top center no-repeat;}
.icon_more{width:160px; height: 40px;background: url("images/icon_1.jpg") no-repeat;}
.icon_link{width:30px; height: 30px;background: url("images/more.png") top center no-repeat;}

.icon_nav1{padding:70px 0px 62px;background: url("images/19.png") left center no-repeat;}
.icon_nav2{padding:70px 0px 62px;background: url("images/20.png") left center no-repeat;}
.icon_nav3{padding:126px 0px 62px;background: url("images/21.png") left center no-repeat;}
.icon_nav4{padding:0px 0px 122px;background: url("images/22.png") left center no-repeat;}
.clear{clear:both;}
input{vertical-align:middle;}
a:link , a:visited, a:active{text-decoration: none;}
.required{color:#ff0000; margin-right: 4px; display: inline-block; line-height:24px;}
.bold{ font-weight:bold;}
.hide{display:none;}