@import url("global.css");

.banner{ width:1100px;height:440px; position:relative; margin:0 auto; overflow:hidden; z-index:3;}
.banner_show{ width:100%; text-align:center; height:440px; overflow:hidden; position:relative;}
.bannger_inbox{ position:absolute; left:50%; top:0;}

.banner_pre_next{position:relative;z-index:105;top:200px;width:1100px;left:50%; height:37px;margin-left:-550px;}
.banner_pre_next a{ width:37px; height:37px; background:url(../images/btn.png) no-repeat; text-indent:-999em;}
.banner_pre_next .banner_btn_left{position:absolute;left:20px; background-position:0px 0px;}
.banner_pre_next .banner_btn_right{position:absolute;right:20px; background-position:-37px 0px;}



.ileft{ width:405px; height:335px; float:left; background:url(../images/ileft_bg.jpg) no-repeat; padding:75px 0 0 0;}
.ileft h3{ width:262px; height:45px; line-height:45px; padding:0 0 0 58px; font-size:30px; color:#303030;}
.ileft .info{ width:262px; height:135px; padding:0 0 0 58px; font-size:16px; color:#787878; line-height:30px;}
.ileft .more{ width:68px; height:28px; line-height:28px; font-size:14px; color:#69aee5; border-radius:2px; border:1px solid #69aee5; margin:0 0 0 58px; text-align:center;}
.ileft .more a{ color:#69aee5;}
.iright{ width:655px; height:410px; float:left; background:url(../images/iright_bg.jpg) no-repeat; padding:0 0 0 40px;}
.iright h3{ width:655px; height:110px; line-height:110px; font-size:28px; color:#303030;}
.iright ul{ width:625px; position:relative;}
.iright ul li{ font-size:16px; color:#505050; position:absolute;}
.iright ul li:nth-child(1){ left:0; top:15px;}
.iright ul li:nth-child(2){ right:0; top:15px; text-align:right;}
.iright ul li:nth-child(3){ left:0; top:98px;}
.iright ul li:nth-child(4){ right:0; top:98px;}
.iright ul li:nth-child(5){ left:0; top:180px;}
.iright ul li:nth-child(6){ right:0; top:180px;}




.about .content{ height:735px; position:relative;}
.about .content .pic{ position:absolute; top:72px; left:38px;}
.about .content .info{ width:424px; height:440px; position:absolute; top:130px; left:450px; background:url(../images/about_content_bg.png) no-repeat; padding:70px 68px 0 120px;}
.about .content .info h3{ line-height:60px; color:#cf0106; font-size:38px;}
.about .content .info .ins{ height:154px; line-height:28px; font-size:18px; color:#505050;}
.about .content .info .major{ height:160px; line-height:28px; font-size:18px; color:#505050;}
.about .cont{ height:635px; margin:25px 0 70px 0; background:#FFFFFF; padding:0 0 0 40px;}
.about .cont h3{ height:92px; line-height:92px; padding:28px 0 0 0; color:#003f6f; font-size:36px;}
.about .cont ul{ width:370px; float:left; padding:15px 20px 0 0;}
.about .cont ul li{ color:#505050; font-size:16px; padding:0 0 25px 0; line-height:26px;}
.about .cont ul li span{ display:block; font-size:30px; color:#303030; line-height:35px;}
.about .cont ul li span strong{ font-size:20px;}
.about .cont .pic{ width:630px; float:left;}



.business .classname ul{padding:0;}
.business .classname ul li{ font-size:20px;}
.business .classname ul li a{ padding:0 20px;}
.business .content{ padding:50px 50px; background:#FFFFFF; margin:25px 0 70px 0;}
.business .content .title{ height:80px; line-height:80px; text-align:center; font-size:35px; color:#003f6f; font-weight:bold; padding:0 0 30px 0; text-transform:uppercase;}
.business .content ul{}
.business .content ul li{ height:266px; padding:0 0 40px 0;}
.business .content ul li .pic{ width:405px; height:266px; float:left; padding:0 45px 0 0;}
.business .content ul li .pic img{ width:405px; height:266px;}
.business .content ul li .stitle{ width:550px; height:52px; float:left; line-height:52px; padding:30px 0 0 0; font-size:30px; color:#303030; font-weight:bold; text-transform:uppercase;}
.business .content ul li .info{ width:550px; height:180px; float:left; color:#505050;}
.business .content ul li .info p{ line-height:28px; font-size:16px; color:#505050;}
.business .content ul li:nth-child(2) .pic{ width:405px; height:266px; float:right; padding:0 0 0 25px;}
.business .content ul li:nth-child(2) .stitle{ width:570px; text-align:right;}
.business .content ul li:nth-child(2) .info{ width:570px;}
.business .content ul li:nth-child(2) .info p{ text-align:right;}





.products .content{ min-height:830px; background:#FFFFFF; margin:25px 0 40px 0; padding:0 0 0 40px;}
.products .content h3{ height:110px; line-height:110px; padding:10px 0 0 0; font-size:36px; color:#003f6f;}
.products .content .channel{ width:235px; padding:0 17px 0 0; float:left;}
.products .content .channel ul{}
.products .content .channel ul li{ width:220px; height:42px; line-height:42px; background:#f6f6f6; margin:0 0 8px 0; padding:0 0 0 15px; font-size:16px; color:#505050; font-weight:bold; position:relative;}
.products .content .channel ul li .xing{ width:21px; height:20px; background:url(../images/products_xing.png) no-repeat; position:absolute; top:10px; left:72px;}
.products .content .channel ul li:nth-child(2) .xing{ left:155px;}
.products .content .channel ul li:nth-child(5) .xing{ left:130px;}
.products .content .channel ul li:nth-child(6) .xing{ left:205px;}
.products .content .pic{ width:768px; height:491px; float:left;}
.products .content .pic img{ width:768px; height:491px;}
.products .content .info{ height:70px; line-height:50px; font-size:16px; color:#505050; font-weight:bold; position:relative;}
.products .content .info .xing{ width:21px; height:20px; background:url(../images/products_xing.png) no-repeat; position:absolute; top:12px; left:72px;}
.products .content .list{ width:1016px; height:97px; margin:0 0 60px 0; overflow:hidden; background:#FFFFFF;}
.products .content .list ul{}
.products .content .list ul li{ width:145px; height:97px; float:left; background:#FFFFFF;}
.products .content .list ul li img{ width:139px; height:97px; }
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


.case .content{ min-height:200px; background:#FFFFFF; margin:25px 0 40px 0; padding:0 0 0 40px;}
.case .content h3{ height:95px; line-height:95px; padding:28px 0 0 0; font-size:36px; color:#003f6f;}
.case .content .list{ padding:0 0 20px 0;}
.case .content .list ul{}
.case .content .list ul li{ width:347px; height:270px; float:left;}
.case .content .list ul li img{ width:330px; height:210px;}
.case .content .list ul li span{ display:block; width:330px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#505050; overflow:hidden;}
.case .content .list ul li span a{ color:#505050;}




.customers .content{ background:#FFFFFF; margin:25px 0 40px 0;}

.contact .content{ background:#FFFFFF; margin:25px 0 40px 0; padding:45px;}
.contact .content .map{ width:527px; height:517px; padding:0 25px 0 0; float:left;}
.contact .content .map img{ width:527px; height:517px;}
.contact .content .info{ width:458px; float:left;}
.contact .content .info h3{ height:60px; line-height:60px; color:#505050; font-size:19px;}
.contact .content .info table{ color:#505050; font-size:16px; margin:0 0 30px 0;}
.contact .content .info table td{ line-height:35px;}