@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:40px;}

.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;height:360px;} 





.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:530px; overflow:hidden;}

.sev_c dl dd{float:right; width:620px; 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;}