@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:100px; background:#FFF;}
.header_in{width:1200px; margin:auto;}
embed#viewslider {
    width: 440px !important;
    height: 340px !important;
}
.search{float:right; width:198px; height:23px; margin-top:36px; border:1px solid #2497f3;}
.search li{float:left;}
.search input{float:left; height:23px; padding:0; margin:0; border:0; background:#FFF;}
.search input.s_int{width:170px; color:#254cb8; font-family:microsoft yahei; line-height:23px; text-indent:10px;}
.search input.s_btn{width:28px; background:url(/templates/images/btn_search.png) no-repeat;}

.logo{float:left;}

.i_nav{float:right; height:100px; /*overflow:hidden;*/}
/*.i_nav li{float:left; padding:0 45px 0 0; height:100px; text-align:center;}
.i_nav li > a{display:block; color:#FFF; height:96px; line-height:96px; font-size:16px; text-align:center; border-bottom:4px solid #288fe1;}
.i_nav li > a:hover{color:#FFF; border-bottom:4px solid #f0ff00;}
.i_nav li > a.on{color:#FFF; border-bottom:4px solid #f0ff00;}*/

.i_banner_box{position:relative; width:100%; height:604px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:604px;}
.i_banner li a{display:block; width:100%; height:604px;}
.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:16px; height:16px; background:url(../Images/icon01.png) no-repeat left top; overflow:hidden;}
.i_banner_p a:hover{ background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

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

.i_box01{width:1233px; margin:0 auto; overflow:hidden;}
.i_box01_i{width:355px; height:215px; overflow:hidden;}
.i_box01_i img{width:355px;}

.i_about{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}
.i_about_c{width:345px; height:150px; padding:15px 5px 0; line-height:24px; overflow:hidden;}

.i_news{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}
.i_news_l{width:335px; height:150px; padding:15px 10px 0; line-height:24px; overflow:hidden;}
.i_news_l li{float:left; width:335px; height:30px; line-height:30px; background:url(../Images/icon03.jpg) repeat-x left bottom;}
.i_news_l li a{ display:block; float:left; width:250px; text-indent:15px; background:url(../Images/icon04.jpg) no-repeat 2px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li span{ display:block; float:right; width:85px;}

.i_platform{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}
.i_platform_c{width:338px; height:258px; padding:15px 8px 0 9px; overflow:hidden;}
.i_platform_c li{float:left; width:338px; height:80px; padding:3px 0; background:url(../Images/icon03.jpg) repeat-x left bottom;}

.i_pro{width:100%; margin-top:90px;}
.i_pro_l{width:1205px; margin:60px auto 0;}
.i_pro_l li{float:left; display:inline-block; width:235px; height:335px; margin:0 3px;}
.i_pro_l li a{ display:block;}
.i_pro_l li strong{ display:block; width:235px; height:266px; overflow:hidden;}
.i_pro_l li strong img{width:235px; height:266px;}
.i_pro_l li span{ display:block; width:235px; height:60px; padding-top:10px; color:#575757; line-height:25px; text-align:center; overflow:hidden;}
.i_pro_l li a:hover strong img{width:245px; height:277px; margin:-5px 0 0 -5px;}
.i_pro_l li a:hover span{width:235px; background:#288fe1; color:#FFF;}
.i_pro_l li a.on span{width:235px; background:#288fe1; color:#FFF;}
.i_pro_l li .title{ width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:25px; height:25px;}

.i_pro_c{width:1200px; margin:60px auto 0;}
.i_pro_ct{float:left; width:120px; height:97px; border-right:1px solid #ececec; margin-right:10px;}
.i_pro_ct h3{ display:block; height:69px; line-height:69px; overflow:hidden; text-align:center; font-size:75px; color:#288fe1;}
.i_pro_ct span{ display:block; height:28px; line-height:28px; overflow:hidden; text-align:center; font-size:13px; color:#288fe1;}
.i_pro_ci{float:left; width:330px; height:97px; overflow:hidden;    display: none;}
.i_pro_cc{float:left; width:719px;margin-left:20px; height:97px; line-height:31px; overflow:hidden;    display: none;}

.i_pro_line1{width:100%; height:24px; margin-top:55px; background:url(../Images/icon061.jpg) no-repeat center top;}
.i_pro_line2{width:100%; height:24px; margin-top:55px; background:url(../Images/icon062.jpg) no-repeat center top;}
.i_pro_line3{width:100%; height:24px; margin-top:55px; background:url(../Images/icon063.jpg) no-repeat center top;}
.i_pro_line4{width:100%; height:24px; margin-top:55px; background:url(../Images/icon064.jpg) no-repeat center top;}
.i_pro_line5{width:100%; height:24px; margin-top:55px; background:url(../Images/icon065.jpg) no-repeat center top;}

.i_slink{width:1200px; margin:80px auto 0;}
.i_slink li{ float:left; display:inline-block; width:150px; margin:0 25px;}
.i_slink li a{ display:block; width:150px; color:#777777; text-align:center;}
.i_slink li a:hover{ color:#288fe1;}

.i_slink li a i{ display:inline-block; width:92px; height:92px; background:#288fe1; border-radius:100%;}
.i_slink li a span{display:inline-block; width:150px; height:55px; line-height:55px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_slink li a:hover i{ background:#90e128;}



.footer{overflow:hidden; background:#F8F6F2; color:#515151}
.fbox{position:relative; width:1200px; margin:25px auto;}

.flogo{ position:absolute; left:0; top:0;}
.fewm{position:absolute; right:0; top:0; text-align:center;}
.fewm img{float:left;}
.fewm span{ display:block; float:left; padding-left:20px; padding-top:35px; text-align:left; line-height:22px;}

.footer_nav{width:1200px; line-height:25px; text-align:center;}
.footer_nav a{ padding:0 15px;}
.copyright{width:1200px; text-align:center; padding-top:20px; line-height:21px;}
.jsq{width:1200px; text-align:center; line-height:21px;}

.footer a{ color:#515151;}

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

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; height:292px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:292px;}
.p_banner li a{display:block; width:100%; height:292px;}
.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:16px; height:16px; background:url(../Images/icon01.png) no-repeat left top; overflow:hidden;}
.p_banner_p a:hover{ background:#FFF;}
.p_banner_p a.on{ background:#FFF;}*/

.p_title{ position:absolute; width:100%; height:120px; top:236px; left:0;}
.p_title_in{ width:1200px; height:120px; margin:0 auto; overflow:hidden;}
.p_title_in h3{float:left; display:block; width:230px; height:120px; color:#FFF; text-align:center; background:url(../Images/icon07.jpg) no-repeat left top;}
.p_title_in h3 strong{ display:block; height:36px; padding-top:29px; font-weight:bold; line-height:36px; font-size:24px;}
.p_title_in h3 span{ display:block; height:23px; line-height:23px; font-size:14px; text-transform:uppercase;}


.p_container{background:url(../Images/icon09.jpg) repeat-y left top;}

.p_path{line-height:63px; height:63px; background:#f8f6f2; border-bottom:1px solid #e2e1dd; color:#515151;}
.p_path_in{width:930px; margin:0 auto; padding-left:270px;}
.p_path a{color:#515151; padding:0 10px;}
.p_path a:hover{ color:#0071b9;}
.p_path ins{ display:inline-block; background:url(../Images/icon05.png) no-repeat left center;}

.p_left{float:left; width:230px; background:#4174ff; overflow:hidden; margin-top:-120px; z-index:3000;    padding-top: 56px;}
.p_right{float:right; width:890px; padding:20px 40px; overflow:hidden;}

/*.sidebar{width:230px; margin-top:30px; padding-bottom:50px;}
.sidebar li{height:50px; line-height:50px;}
.sidebar li a{display:block; height:50px; padding-left:55px; color:#FFF; border-left:5px solid #2f88da; background:#2f88da;}
.sidebar li a:hover{color:#202020; border-left:5px solid #97be0d; background:#FFF;}
.sidebar li a.on{color:#202020; border-left:5px solid #97be0d; background:#FFF;}*/

.pl_contact{padding-right:25px 0 25px 50px; margin:0 auto; width:150px; text-align:left; color:#FFF; border-top:1px solid #4c9ee9; font-style:italic; background:url(../Images/icon04.png) no-repeat left center;}
.pl_contact ins{display:block; height:18px; line-height:18px; overflow:hidden; text-decoration:none; font-size:12px;}
.pl_contact span{display:block; height:21px; line-height:21px; font-size:19px; overflow:hidden; font-weight:bold;}

.ad01{padding:0 0 50px 0; margin:0 auto; width:200px;}

.p_content{padding-right:50px; line-height:25px;}


/* ��ҳ���ֽ��� */
.gbook_list1{ margin-top:20px; line-height:40px; font-weight:bold; font-size:16px;}

.i_left{ float:left;}
.i_right{ float:right;}

ul.sortsubnavcontainer dl~li {
    padding-left: 20px;
}
li.btn.sortnavli ul dl a {
    padding-left: 25px;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.sortsubnavcontainer dl~li a {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*左侧分类*/
li.btn.sortnavli a {
    position: relative;
}
ul.sortsubnavcontainer {
    display: none;position:absolute;   margin-left: 230px;margin-top: -49px;
}
li.btn.sortnavli:hover ul.sortsubnavcontainer{
    display:block;position:absolute; margin-left: 230px;margin-top: -49px;z-index:1000;
}

ul.sortsubnavcontainer dl {
    /*position: relative;*/
}
ul.sortsubnavcontainer dl+dt{
margin-left: 100%;
margin-top: -49px;
position: absolute;
}
ul.sortsubnavcontainer dl+dt {
display:none
}
ul.sortsubnavcontainer div:hover{display:block;}
ul.sortsubnavcontainer div:hover dt {display:block;width:230px;cursor:pointer;}
iframe.the_piframe {
    height: 350px !important;
}
body#index .i_pro_ci{display:block;}
body#index .i_pro_cc{display:block;}
.the_piframe {
  width: 450px !important;}
embed#viewslider {
    width: 450px !important;
    height: 350px !important;
}