@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.header{height:150px;}
.header_in{width:1100px; margin:auto;}
.topline{height:45px; overflow:hidden; line-height:45px; background:#000000;}
.topnav{width:1100px; margin:0 auto;}
.topnav span{float:right; display:inline-block; color:#b4b4b4; height:45px; padding:0 15px;}
.topnav a{float:right; display:inline-block; height:45px; color:#FFF;}
.topnav a.tn_01{width:27px; background:url(../Images/icon01.png) no-repeat center center;}
.topnav a.tn_02{width:27px; background:url(../Images/icon02.png) no-repeat center center;}

.logo{float:left;}

.i_nav{float:right; height:77px; margin-top:28px;}
/*.i_nav li{float:left; width:108px; height:77px; text-align:center;}
.i_nav li > a{display:block; color:#000; height:77px; line-height:77px; font-size:15px; padding:0 1px; text-align:center;}
.i_nav li > a:hover{color:#FFF; background:#333333;}
.i_nav li > a.on{color:#FFF; background:#333333;}*/

.i_banner_box{position:relative; width:100%; height:610px; overflow:hidden;}
.i_banner{float:left; display:inline;}
/*.i_banner li{width:100%; height:610px;}
.i_banner li a{display:block; width:100%; height:610px;}
.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:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#8ed90c;}
.i_banner_p a.on{ background:#8ed90c;}*/
.i_banner_line{position:absolute; width:100%; left:0; top:0; height:29px; background:url(../Images/icon03.png) repeat-x left top;}

.i_container{padding:35px 0; overflow:hidden;}
video {
    width: 100%;height: 357px;
background: black;
}
.i_box01{overflow:hidden; padding:45px 0; background:#e4eff5;}
.i_box02{overflow:hidden; padding:50px 0 30px;}

.txt01{float:left; width:200px;     background:#FFF;}
.i_video{float:left; margin-left:40px; width:557px;}
.txt02{float:right; width:270px;}
.txt03{line-height:25px; text-align:center;}
.i_about_topic {

    font-size: 20px;
    color: black;
    text-align: left;
    padding: 10px 0;

}
.i_about{float:right; width: 270px;padding: 10px 0;
text-align: center;}
.i_about_c{width:270px; height:280px; padding:10px 0; overflow:hidden; line-height:20px; color:#343434;}

.i_js{width:1100px; margin:30px auto 0;}
.i_js_i{float:left; width:598px;}
.i_js_il{width:575px; height:337px; padding:24px 0 0 23px; background:url(../Images/icon04.jpg) no-repeat left top;}
.i_js_ia{width:598px; text-align:right; margin-top:10px;}
.i_js_ia a{display:inline-block; margin:0 8px; width:12px; height:12px; background:#d6e3ec; overflow:hidden; border-radius:6px;}
.i_js_ia a:hover{ background:#000000;}
.i_js_ia a.on{ background:#000000;}

.i_js_r{float:right; width:405px; padding-right:50px;}
.i_js_rt{width:250px; height:43px; padding-top:24px; border-bottom:1px solid #000000;}
.i_js_rc{ width:405px; margin-top:20px; line-height:25px;}

.i_cul{width:100%; height:157px; padding:45px 0 30px; background:url(../Images/icon06.jpg) no-repeat center top;}
.i_cul_c{ height:75px; margin-top:15px; overflow:hidden; line-height:25px; color:#dfdfdf; text-align:center;}

.i_pro{overflow:hidden; padding:50px 0 30px;}
.i_prolist{ width:1132px; margin:0 auto; overflow:hidden;}
.i_prolist li{float:left; position:relative; width:259px; height:233px; margin:18px 12px; overflow:hidden;}
.i_prolist li a{ display:block; position:absolute; width:259px; height:233px;}
.i_prolist li dl{width:259px; height:233px; margin-top:233px; color:#FFF; background:url(../Images/icon07.png) repeat;}
.i_prolist li dl dt{height:33px; padding-top:115px; background:url(../Images/icon08.png) no-repeat center 25px; line-height:33px; font-size:17px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:239px; margin:0px 10px;}
.i_prolist li dl span{display:block; width:180px; margin:5px auto 0; font-size:12px;}
.i_prolist li dl dd{display:block; width:155px; margin:5px auto 0; padding-left:25px; line-height:20px; font-size:12px; height:60px; overflow:hidden;}
.i_prolist li a:hover dl{margin-top:0;}

.i_news{overflow:hidden; padding:30px 0;}
.i_newslist{ width:1190px; margin:0 auto; overflow:hidden;}
.i_newslist dl{ position:relative; display:inline-block; margin:30px 0 10px 91px; padding-left:60px; width:418px; height:116px; border:1px solid #9ba5ae;}
.i_newslist dl i{ position:absolute; left:-47px; top:13px; font-style:normal; display:block; width:94px; height:90px; color:#000; background:url(../Images/icon09.png) no-repeat left top;}
.i_newslist dl i strong{ display:block; font-size:47px; text-align:center;}
.i_newslist dl i span{ display:block; font-size:13px; text-align:center;}

.i_newslist dl dt{ padding:10px 0; line-height:30px; height:30px; overflow:hidden;}
.i_newslist dl dt h4{ display:block; float:left; width:353px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;} 
.i_newslist dl dt span{ display:block; float:left; width:65px; font-size:12px;} 
.i_newslist dl dt span a{ color:#806800;}
.i_newslist dl dd{ font-size:14px; color:#9aa5ad; line-height:18px; height:54px; overflow:hidden;}


.footer{overflow:hidden; background:#e4eef5;}
.fbox{padding:40px 0; width:1100px; margin:0 auto;}

.fcontact{float:left; width:360px; padding-top:20px; line-height:24px; padding-left:280px; color:#000; background:url(../Images/icon10.png) no-repeat 25px center; overflow:hidden;}
.fcontact ins{ display:block; color:#515151; text-decoration:none; text-transform:uppercase;}
.fcontact strong{ display:block; color:#000; font-size:25px; line-height:30px;}
.fcontact span{ display:block; height:30px; background:url(../Images/icon11.jpg) no-repeat left center;}

.fmap{float:right; padding:6px; text-align:center; background:#a1abb4;}

.footer_nav{color:#FFF; text-align:center; padding:20px 0; line-height:25px; font-size:16px; background:#1e1e1e;}
.footer_nav li{ float:left;}
.copyright{color:#FFF; text-align:center; padding:20px 0; line-height:25px; font-size:16px; background:#1e1e1e;}
.jsq{color:#FFF; text-align:center; padding:20px 0; line-height:25px; font-size:16px; background:#1e1e1e;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; height:440px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:440px;}
.p_banner li a{display:block; width:100%; height:440px;}
.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:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#8ed90c;}
.p_banner_p a.on{ background:#8ed90c;}*/
.p_banner_line{position:absolute; width:100%; left:0; top:0; height:29px; background:url(../Images/icon03.png) repeat-x left top;}

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

.p_left{float:left; width:245px; overflow:hidden;}
.p_right{float:right; width:830px; overflow:hidden;}

.sidebar{width:225px; padding:10px; background:#e4eef5;}
/*.sidebar_l{width:202px; margin:10px auto 0;}
.sidebar_l li{ text-align:center; margin-top:10px; letter-spacing:5px;}
.sidebar_l li a{display:block; width:200px; height:35px; line-height:35px; color:#000100; border:1px solid #000; background:#e5eef5;}
.sidebar_l li a:hover{color:#000100; background:#FFF;}
.sidebar_l li a.on{color:#000100; background:#FFF;}*/

.pl_contact{width:225px; padding:10px; margin-top:30px; background:#e4eef5;}
.pl_contact_c{display:block; width:202px; line-height:24px; color:#000; margin:10px auto 0; overflow:hidden;}
.pl_contact_c ins{ display:block; color:#515151; text-decoration:none; text-transform:uppercase;}
.pl_contact_c strong{ display:block; color:#000; font-size:25px; line-height:30px;}
.pl_contact_c span{ display:block; height:30px; background:url(../Images/icon11.jpg) no-repeat left center;}

.p_path{float:right; line-height:54px; height:54px; font-size:12px; color:#727272;}
.p_path a{color:#727272; padding:0 10px;}
.p_path a:hover{ color:#806800;}
.p_path span{padding:0 10px;}

.p_content{padding:20px 15px; line-height:25px;}


/* ��ҳ���ֽ��� */
body#gbook .sidebar_l {
    display: none;
}
span.ff video {
    margin-top: -56px;
}
div#com_singles_txt01 img {
    height: 357px;
    padding-left: 3px;
}