﻿@charset "utf-8";

@import url(dll.css);

@import url(font.css);

@import url(main.css);

@import url(onlineeditor.css);

@import url(ddsmoothmenu.css);

@import url(animate.css);

@import url(banner.css);

/* ��ҳ���ֿ�ʼ */

.header{height:100px; background:#288fe1;}

.header_in{width:1200px; margin:auto;}



.search{float:right; width:198px; height:23px; margin-top:36px; border:1px solid #2497f3;}

.search li{float:left;}

.search input{float:left; height:23px; padding:0; margin:0; border:0; background:#0b64ab;}

.search input.s_int{width:170px; color:#288fe1; font-family:microsoft yahei; line-height:23px; text-indent:10px;}

.search input.s_btn{width:28px; background:url(../images/btn_search.png) no-repeat;}



.logo{float:left;}



.i_nav{float:right; height:100px; /*overflow:hidden;*/}

/*.i_nav li{float:left; padding:0 45px 0 0; height:100px; text-align:center;}

.i_nav li > a{display:block; color:#FFF; height:96px; line-height:96px; font-size:16px; text-align:center; border-bottom:4px solid #288fe1;}

.i_nav li > a:hover{color:#FFF; border-bottom:4px solid #f0ff00;}

.i_nav li > a.on{color:#FFF; border-bottom:4px solid #f0ff00;}*/



.i_banner_box{position:relative; width:100%; height:400px; overflow:hidden;}

.i_banner{ float:left; display:inline;}

/*.i_banner li{width:100%; height:400px;}

.i_banner li a{display:block; width:100%; height:400px;}

.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}

.i_banner_p a{display:inline-block; margin:0 5px; width:16px; height:16px; background:url(../images/icon01.png) no-repeat left top; overflow:hidden;}

.i_banner_p a:hover{ background:#FFF;}

.i_banner_p a.on{ background:#FFF;}*/



.i_container{overflow:hidden; padding:20px 0;}



.i_box01{width:1233px; margin:0 auto; overflow:hidden;}

.i_box01_i{width:355px; height:215px; overflow:hidden;}

.i_box01_i img{width:355px;}



.i_about{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}

.i_about_c{width:345px; height:150px; padding:15px 5px 0; line-height:24px; overflow:hidden;}



.i_news{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}

.i_news_l{width:335px; height:150px; padding:15px 10px 0; line-height:24px; overflow:hidden;}

.i_news_l li{float:left; width:335px; height:30px; line-height:30px; background:url(../images/icon03.jpg) repeat-x left bottom;}

.i_news_l li a{ display:block; float:left; width:250px; text-indent:15px; background:url(../images/icon04.jpg) no-repeat 2px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news_l li span{ display:block; float:right; width:85px;}



.i_platform{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}

.i_platform_c{width:338px; height:258px; padding:15px 8px 0 9px; overflow:hidden;}

.i_platform_c li{float:left; width:338px; height:80px; padding:3px 0; background:url(../images/icon03.jpg) repeat-x left bottom;}



.i_pro{width:100%; margin-top:90px;}

.i_pro_l{width:1205px; margin:60px auto 0;}

.i_pro_l li{float:left; display:inline-block; width:280px; height:335px; margin:0 10px;}

.i_pro_l li a{ display:block;}

.i_pro_l li strong{ display:block; width:280px; height:266px; overflow:hidden;}

.i_pro_l li strong img{width:280px; height:266px;}

.i_pro_l li span{ display:block; width:280px; height:60px; padding-top:10px; color:#575757; line-height:25px; text-align:center; overflow:hidden;}

.i_pro_l li a:hover strong img{width:290px; height:277px; margin:-5px 0 0 -5px;}

.i_pro_l li a:hover span{width:280px; background:#288fe1; color:#FFF;}

.i_pro_l li a.on span{width:280px; background:#288fe1; color:#FFF;}

.i_pro_l li .title{ width:280px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:25px; height:25px;}



.i_pro_c{width:1200px; margin:60px auto 0;}

.i_pro_ct{float:left; width:120px; height:97px; border-right:1px solid #ececec; margin-right:10px;}

.i_pro_ct h3{ display:block; height:69px; line-height:69px; overflow:hidden; text-align:center; font-size:75px; color:#288fe1;}

.i_pro_ct span{ display:block; height:28px; line-height:28px; overflow:hidden; text-align:center; font-size:13px; color:#288fe1;}

.i_pro_ci{float:left; width:330px; height:97px; overflow:hidden;}

.i_pro_cc{float:left; width:739px; height:97px; line-height:31px; overflow:hidden;}



.i_pro_line1{width:100%; height:24px; margin-top:55px; background:url(../images/icon061.jpg) no-repeat center top;}

.i_pro_line2{width:100%; height:24px; margin-top:55px; background:url(../images/icon062.jpg) no-repeat center top;}

.i_pro_line3{width:100%; height:24px; margin-top:55px; background:url(../images/icon063.jpg) no-repeat center top;}

.i_pro_line4{width:100%; height:24px; margin-top:55px; background:url(../images/icon064.jpg) no-repeat center top;}

.i_pro_line5{width:100%; height:24px; margin-top:55px; background:url(../images/icon065.jpg) no-repeat center top;}



.i_slink{width:1200px; margin:80px auto 0;}

.i_slink li{ float:left; display:inline-block; width:150px; margin:0 25px;}

.i_slink li a{ display:block; width:150px; color:#777777; text-align:center;}

.i_slink li a:hover{ color:#288fe1;}



.i_slink li a i{ display:inline-block; width:92px; height:92px; background:#288fe1; border-radius:100%;}

.i_slink li a span{display:inline-block; width:150px; height:55px; line-height:55px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_slink li a:hover i{ background:#90e128;}







.footer{overflow:hidden; background:#353434; color:#919191}

.fbox{position:relative; width:1200px; margin:25px auto;}



.flogo{ position:absolute; left:0; top:0;}

.fewm{position:absolute; right:0; top:0; text-align:center;}

.fewm img{float:left;}

.fewm span{ display:block; float:left; padding-left:20px; padding-top:35px; text-align:left; line-height:22px;}



.footer_nav{width:1200px; line-height:25px; text-align:center;}

.footer_nav a{ padding:0 15px;}

.copyright{width:1200px; text-align:center; padding-top:20px; line-height:21px;}

.jsq{width:1200px; text-align:center; line-height:21px;}



.footer a{ color:#919191;}



/* ��ҳ���ֽ��� */



/* ��ҳ���ֿ�ʼ */

.p_banner_box{position:relative; width:100%; height:292px; overflow:hidden;}

.p_banner{ float:left; display:inline;}

/*.p_banner li{width:100%; height:292px;}

.p_banner li a{display:block; width:100%; height:292px;}

.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}

.p_banner_p a{display:inline-block; margin:0 5px; width:16px; height:16px; background:url(../images/icon01.png) no-repeat left top; overflow:hidden;}

.p_banner_p a:hover{ background:#FFF;}

.p_banner_p a.on{ background:#FFF;}*/



.p_title{ position:absolute; width:100%; height:120px; top:236px; left:0;}

.p_title_in{ width:1200px; height:120px; margin:0 auto; overflow:hidden;}

.p_title_in h3{float:left; display:block; width:230px; height:120px; color:#FFF; text-align:center; background:url(../images/icon07.jpg) no-repeat left top;}

.p_title_in h3 strong{ display:block; height:36px; padding-top:29px; font-weight:bold; line-height:36px; font-size:24px;}

.p_title_in h3 span{ display:block; height:23px; line-height:23px; font-size:14px; text-transform:uppercase;}





.p_container{background:url(../images/icon09.jpg) repeat-y left top;}



.p_path{line-height:63px; height:63px; background:#f8f6f2; border-bottom:1px solid #e2e1dd; color:#515151;}

.p_path_in{width:930px; margin:0 auto; padding-left:270px;}

.p_path a{color:#515151; padding:0 10px;}

.p_path a:hover{ color:#0071b9;}

.p_path ins{ display:inline-block; background:url(../images/icon05.png) no-repeat left center;}



.p_left{float:left; width:230px; background:#2f88da; overflow:hidden; margin-top:-120px; z-index:3000;}

.p_right{float:right; width:890px; padding:20px 40px; overflow:hidden;}



/*.sidebar{width:230px; margin-top:30px; padding-bottom:50px;}

.sidebar li{height:50px; line-height:50px;}

.sidebar li a{display:block; height:50px; padding-left:55px; color:#FFF; border-left:5px solid #2f88da; background:#2f88da;}

.sidebar li a:hover{color:#202020; border-left:5px solid #97be0d; background:#FFF;}

.sidebar li a.on{color:#202020; border-left:5px solid #97be0d; background:#FFF;}*/



.pl_contact{padding-right:25px 0 25px 50px; margin:0 auto; width:170px; text-align:left; color:#FFF; border-top:1px solid #4c9ee9; font-style:italic; background:url(../images/icon04.png) no-repeat left center;}

.pl_contact ins{display:block; height:18px; line-height:18px; overflow:hidden; text-decoration:none; font-size:20px;}

.pl_contact span{display: block;

height: auto;

line-height: 29px;

font-size: 14px;

overflow: hidden;

padding-top: 10px;

font-weight: bold;}



.ad01{padding:0 0 50px 0; margin:0 auto; width:200px;}



.p_content{padding-right:50px; line-height:25px;}





/* ��ҳ���ֽ��� */

.gbook_list1{ margin-top:20px; line-height:40px; font-weight:bold; font-size:16px;}



.i_left{ float:left;}

.i_right{ float:right;}





	/* 本例子css */

	.focusBox { position: relative; width:1920px; height:395px; overflow: hidden; left: 50%; margin-left: -960px;}

	.focusBox .pic{ position:relative; z-index:0; }

	.focusBox .pic img { width:1920px; height:400px; display: block; }

	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }

	.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;

		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;

	}

	.focusBox .hd .on{ background-position:0 0; }



	.focusBox .prev,

	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }

	.focusBox .prev { left: 0; }

	.focusBox .next { background-position: 0 -90px; right: 0; }

	.focusBox .prev:hover,

	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }