@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);
/* ��ҳ���ֿ�ʼ */
.i_banner_box{position:relative; width:100%; height:482px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:482px;}
.i_banner li a{display:block; width:100%; height:482px;}
.i_banner_p{position:absolute; width:100%; height:20px; left:0; text-align:center; bottom:10px; z-index:1001;}
.i_banner_p a{display:inline-block; margin:0 3px; width:10px; height:10px; background:#FFF; border-radius:100%; overflow:hidden;}
.i_banner_p a:hover{ background:#d61900;}
.i_banner_p a.on{ background:#d61900;}*/
.i_banner_r{position:absolute; width:100%; padding-top:220px;}

.header{height:94px; background:#1d2833;}
.logo{float:left; overflow:hidden;}

.i_nav{float:right; padding-top:16px; height:77px;}
/*.i_nav li{float:left; display:block; height:77px; padding:0 10px;}
.i_nav li a{ display:block; height:70px; line-height:70px; padding:0 10px; color:#FFF; font-size:16px;}
.i_nav li a:hover{color:#FFF; border-bottom:7px solid #FFF;}
.i_nav li a.on{color:#FFF; border-bottom:7px solid #FFF;}*/

.i_container{overflow:hidden;}

.i_sev{width:100%; padding:90px 0;}
.i_sev_l{width:1150px; overflow:hidden; margin:0 auto;}
.i_sev_l dl{width:450px; height:140px; margin-top:80px;}
.i_sev_l dl dt{float:left; width:99px; height:99px; background:#1d2833; border-radius:100%;}
.i_sev_l dl dd{float:right; width:320px; height:140px;}
.i_sev_l dl dd h4{display:block; height:60px; line-height:60px; font-size:24px; color:#d61900;}
.i_sev_l dl dd span{display:block; height:72px; line-height:18px;}
.i_sev_l dl a:hover dt{background:#d61900;}

.i_demo{width:100%; position:relative; padding:30px 0 0; background:url(../images/icon03.jpg) repeat-x left bottom #1d2833;}
.i_demo_l{width:714px; height:391px; position:relative; padding:31px 28px 165px 25px; margin:40px auto 0; background:url(../images/icon04.png) no-repeat center top;}
.i_demo_l .i_demo_li{ width:714px; overflow:hidden;}
.i_demo_l li{width:714px; height:391px;}
.i_demo_l li img{ width:714px; height:391px;}

.i_demo_l span{ display:block; position:absolute; left:25px; top:379px; text-align:center; width:714px; height:28px; padding-top:15px; background:url(../images/icon05.png) repeat left top;}
.i_demo_l span a{ display:inline-block; width:16px; height:16px; margin:0 5px; border-radius:100%; background:#1d2833;}
.i_demo_l span a:hover{ background:#FFF;}
.i_demo_l span a.on{ background:#FFF;}

.i_case{width:100%; padding:50px 0; background:#f9f9f9;}
.i_case_l{width:1160px; margin:60px auto 0; overflow:hidden;}
.i_case_l li{float:left; width:270px; display:inline; margin:0 10px;}
.i_case_l li a{ display:block; margin-top:10px; width:270px; height:350px; font-size:18px; background:#FFF;}
.i_case_l li a img{ width:270px; height:270px;}
.i_case_l li a span{ display:block; width:270px; height:80px; line-height:80px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_case_l li a:hover{ margin-top:0;} 


.footer{width:100%; padding:20px 0; background:#1d2833; border-top:4px solid #374c60; overflow:hidden;}
.footer_nav{ margin-top:10px; line-height:30px; text-align:center; color:#fff; font-size:14px; }
.footer_nav a{ color:#fff; padding:0 25px;}

.copyright{color:#eeecec; text-align:center; margin-top:30px; line-height:20px;}
.copyright a{ color:#eeecec;}
.jsq{color:#eeecec; text-align:center; margin-top:10px; line-height:20px;}

.footer a:hover{ color:#d61900;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_container_sev{ padding:30px 0; overflow:hidden; background:#f9f9f9;}

.p_content{width:1150px; padding:30px 0; overflow:hidden; margin:0 auto;}

.sev_c{margin-top:30px;}
.sev_c i{ display:block; text-align:center; line-height:25px; font-style:normal;}
.sev_c dl{ padding-top:40px;}
.sev_c dl dt{float:left; width:410px; overflow:hidden;}
.sev_c dl dd{float:right; width:729px; overflow:hidden;}
.sev_c dl dd h4{ display:block; line-height:80px; padding-top:40px; font-size:36px; color:#d61900;}
.sev_c dl dd span{ display:block; line-height:30px; padding:20px 0; font-size:18px;}
.sev_c dl dd strong{ display:block; margin-top:20px; line-height:30px; font-weight:normal; font-size:18px;}
.sev_c dl dd strong a{ display:block; width:175px; height:48px; line-height:48px; border:1px solid #3b3b3b; border-radius:15px; font-size:18px; text-align:center;}

.p_container_pro{ padding:0 0 50px 0; overflow:hidden; background:#f9f9f9;}
.tbox{width:100%; padding:30px 0; background:#FFF;}

.p_pro{width:1160px; margin:10px auto 20px; overflow:hidden;}
/*.p_pro li{float:left; width:270px; display:inline; margin:40px 10px 0;}
.p_pro li a{ display:block; margin-top:10px; width:270px; height:350px; font-size:18px; background:#FFF;}
.p_pro li a img{ width:270px; height:270px;}
.p_pro li a span{ display:block; width:270px; height:80px; line-height:80px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.p_pro li a:hover{ margin-top:0;}*/ 

/* ��ҳ���ֽ��� */
.p_left{ float:left; width: 270px; background-color:#fff;}
.p_right{ float:right; width:855px; background-color:#fff;}

.p_right .title03{ border:none;}
.p_right .title03 h3{ padding:0px 20px; width:835px; float:left; text-align:left; font-size:30px; text-indent:10px;}
.p_right .content{ padding:0px 20px;}