@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);

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

.header{width:100%; height:66px; border-top:3px solid #0782ff;}



.logo{float:left;}

.lan{float:right; text-align:left; margin-top:3px;}

.lan li{display:block; height:25px; line-height:25px;}

.lan li img{float:left; margin-right:5px; margin-top:5px;}





.i_nav{float:left; margin-left:50px; height:66px; width:630px;}

/*.i_nav li{float:left; width:90px; height:66px; line-height:66px; font-size:13px; text-align:center;}

.i_nav li > a{color:#000; display:block; width:90px; height:66px;}

.i_nav li > a:hover{color:#FFF; background:#0782ff;}

.i_nav li > a.on{color:#FFF; background:#0782ff;}*/



/*.i_banner_box{position:relative; width:100%; height:368px; overflow:hidden;}

.i_banner{width:100%; height:368px; overflow:hidden;}

.i_banner li{width:100%; height:368px;}

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

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

.i_banner_p a{display:inline-block; margin:0 10px; width:15px; height:10px; background:#FFF; overflow:hidden; border-radius:5px;}

.i_banner_p a:hover{ background:#0782ff;}

.i_banner_p a.on{ background:#0782ff; width:50px;}*/





.ibanner {height:368px; overflow: hidden; position: relative; width: 100%;}

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





.iline{ height:16px; width:100%; background:url(../images/icon01.png) no-repeat center top; overflow:hidden;}



.i_container{ overflow:hidden; padding:10px 0 30px;}

/*.i_case{width:1012px;}

.i_case_l{margin-top:5px; width:1012px; overflow:hidden;}

.i_case_l ul{ width:2000px; overflow:hidden;}

.i_case_l li{float:left; display:inline-block; width:238px; margin-right:20px;}

.i_case_l li img{width:230px; height:176px; border:4px solid #f0f2f4; border-radius:3px;}

.i_case_l li span{display:block; height:30px; line-height:30px; text-align:center;}*/



.i_about{float:left; width:500px; height:290px; margin-top:10px; background:#f0f2f4;}

.i_about_c{padding:5px 10px 0; line-height:22px; font-size:13px;}

.i_about_c img{float:left; border:3px solid #FFF; margin-right:10px;}



.i_news{float:right; width:490px; height:290px; padding:0 5px; margin-top:10px; background:#f0f2f4;}

.i_news_f{width:469px; border:1px solid #c8c8c8; padding:10px; background:#FFF;}

.i_news_f dl{ background:#f0f2f4; width:457px; padding:6px;}

.i_news_f dl dt{float:left; width:136px; height:100px; overflow:hidden;}

.i_news_f dl dt img{ height:100px;}

.i_news_f dl dd{float:right; width:305px; padding:0 5px;}

.i_news_f dl dd h4{display:block; font-size:18px; line-height:20px;}

.i_news_f dl dd h4 a{color:#0782ff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:288px; display:block;}

.i_news_f dl dd span{display:block; line-height:20px; height:80px; overflow:hidden;}

.i_nline{height:18px; width:490px; overflow:hidden; background:url(../images/icon02.png) no-repeat center top;}

.i_news_l{width:490px; padding:5px 0;}

.i_news_l li{width:480px; padding:0 5px; height:27px; line-height:27px;}

.i_news_l li a{display:block; float:left; width:390px; text-indent:10px; background:url(../images/icon03.png) no-repeat left center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

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



.i_pro{width:1012px; margin-top:30px; padding-bottom:10px; border-top:2px solid #0782ff; background:#f0f2f4;}

.i_pro_l{ margin-top:20px;}

.i_pro_l li{float:left; width:204px; display:inline-block; margin-left:39px;}

.i_pro_l li img{width:196px; height:147px; border:4px solid #FFF; border-radius:3px;}

.i_pro_l li span{display:block; padding-top:10px; font-size:14px; height:30px; line-height:30px; text-align:center;}

.i_pro_l li span a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:204px;}

.i_pline{ width:1012px; height:20px; background:url(../images/icon05.png) no-repeat center top; overflow:hidden;}



.footer{width:100%; background:#b1d8ff; border-top:4px solid #0782ff; overflow:hidden;}

.fbox{width:1012px; margin:0 auto; padding:30px 0;}

.footer_nav{float:left; width:340px; overflow:hidden;}

.footer_nav li{float:left; width:170px; text-indent:30px; line-height:35px; font-size:14px;}



.f_lx{float:left; width:500px;}

.f_lx_t{color:#0982ff; font-size:18px;}

.f_lx_c{line-height:34px; margin-top:10px; font-size:18px; color:#282828;}



.f_logo{float:left; padding-top:30px;}



.f_gz{float:right;}



.copyright{width:100%; line-height:42px; color:#FFF; font-size:13px; text-align:center; background:#0782ff;}

.copyright a{color:#FFF;}

.jsq{width:100%; line-height:42px; color:#FFF; font-size:13px; text-align:center; background:#0782ff; color:#FFF;}

.footer a:hover{color:#FFF;}



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



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

.pbanner {height:177px; overflow: hidden; position: relative; width: 100%;}

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



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



.p_title{ border-bottom:1px solid #46a2ff;}

.p_title_t{ width:300px; margin:0 auto; text-align:center;}

.p_title_t ins{ display:block; margin:0 auto; padding:0 18px; word-spacing:100px; width:32px; height:58px; text-decoration:none; color:#0582ff; font-size:44px; overflow:hidden; background:url(../images/icon06.jpg) no-repeat center top;}

.p_title_t ins strong{display:block; width:32px; overflow:hidden; font-weight:normal; letter-spacing:20px; padding-top:10px; text-align:left;}



.p_title_t span{display:block; color:#0582ff; height:20px; line-height:20px;}

.p_title_t h3{display:block; color:#2c2d2d; height:30px; font-size:30px; line-height:30px; padding-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_path{float:right; height:20px; margin-top:93px; line-height:20px; font-size:13px;}

.p_path span{ color:#0582ff;}

.p_path a{ color:#1e1e1e;}





.sidebar{ padding:25px 0; text-align:center;}

/*.sidebar li{display:inline-block; width:115px; height:40px; font-size:14px; line-height:40px;}

.sidebar a{ display:inline-block; width:115px; height:40px; color:#FFF; background:#0582ff;}

.sidebar a:hover{ color:#FFF; background:#42a0fe;}

.sidebar a.on{ color:#FFF; background:#42a0fe;}*/



.p_about{padding:10px 20px; line-height:25px; font-size:13px;}







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

.p_left{ float:left;}

.p_right{ float:right;}





.page{clear: both;text-align: center;padding-top: 30px;}