@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: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(../image/icon01.png) no-repeat center center;}

.topnav a.tn_02{width:27px; background:url(../image/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(../image/icon03.png) repeat-x left top;}



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



.i_box01{overflow:hidden; padding:45px 0; background:#e4eff5;display: none;}

.i_box02{overflow:hidden; padding:50px 0 30px;}



.txt01{float:left; width:200px; height: 200px; overflow: hidden;background:#FFF;}

.i_video{float:left; margin-left:40px; width:557px;display: none;}

.txt02{float:right; width:270px;}

.txt03{line-height:25px; text-align:center;}



.i_about{float:right; width: 820px;}

.i_about_c{width: 820px; height: 80px; 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(../image/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(../image/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 img{ width:259px; height:233px;}

.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(../image/icon07.png) repeat;}

.i_prolist li dl dt{height:33px; padding-top:115px; background:url() 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;display: none;}

.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(../image/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(../image/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(../image/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(../image/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(../image/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;}





/* ?????????? */

.i_left{ float:left;}

.i_right{ float:right;}