@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);
/* ��ҳ���ֿ�ʼ */
.topline{width:100%; height:38px; line-height:38px; background:#015198; z-index:99999;position:relative;}
.welcome{float:left; color:#FFF;}
.lan{float:right; color:#FFF;}
.lan li{ float:left;display:none;}
.lan li a{ padding:0 10px; color:#FFF;}
.tlbox{ float:right; padding:0 20px 0 15px;position:relative}
.tlbox a{ padding:0 26px; color:#FFF;}
.tlbox .div1 {
    position: absolute;  left: -377px;}
.tlbox .div1 .a1 img{position:absolute;top:14px;left:291px;width:12px;height:12px;}

.header{height:100px;}
.logo{float:left; margin-right:30px;}

.i_nav{float:right; height:100px;}
/*.i_nav li{float:left; height:100px;}
.i_nav li > a{display:block; color:#333333; height:100px; line-height:100px; font-size:18px; text-align:center;}
.i_nav li > a ins{ display:block; margin-top:-100px; padding:0 25px;  background:#015198; text-decoration:none;}
.i_nav li > a span{ display:block; padding:0 10px; }
.i_nav li > a:hover{color:#FFF;}
.i_nav li > a:hover ins{ margin-top:0;}
.i_nav li > a.on{color:#FFF;}
.i_nav li > a.on ins{ margin-top:0;}*/

.i_banner_box{position:relative; width:100%; height:350px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:478px;}
.i_banner li a{display:block; width:100%; height:478px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:45px; height:3px; background:#FFF; overflow:hidden;}
.i_banner_p a:hover{ background:#015198;}
.i_banner_p a.on{ background:#015198;}*/

.i_container{overflow:hidden;}

.i_pro{margin-top:40px; width:100%;}
.i_pro_l{width:1113px; height:266px; margin:30px auto 0; position: relative; overflow:hidden;}
.i_pro_l li{display:inline-block; width:225px; padding:0 25px; overflow:hidden;padding-bottom: 25px;}
.i_pro_l li i{ display:block; height:110px; text-align:center; overflow:hidden;}
.i_pro_l li i img{ width:109px; height:109px;}
.i_pro_l li ins{ display:block; height:50px; line-height:50px; font-size:16px; text-decoration:none; text-align:center; overflow:hidden; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro_l li span{ display:block; height:72px; line-height:18px; font-size:14px; color:#9da7b0; overflow:hidden;}
.i_pro_l li:hover{padding-top:20px;}

.i_about{margin-top:20px; width:100%; padding-bottom:36px; background:url(../Images/icon03.jpg) repeat-x left bottom;}
.i_about_c{width:1100px; height:376px; margin:30px auto 0; overflow:hidden;}

.i_about_cl{float:left; width:355px; height:376px;}
.i_about_cr{float:right; width:675px; height:376px; padding:0 35px; overflow:hidden;}
.i_about_cr dl{height:265px; overflow:hidden;}
.i_about_cr dl dt{height:205px; padding-top:20px; overflow:hidden; font-size:14px; line-height:24px;}
.i_about_cr dl dd{height:40px; text-align:right;}
.i_about_cr dl dd a{color:#db261d; text-decoration:none; }
.i_about_cr dl dd a:hover {color:#015198; text-decoration:none;}
.i_about_cr strong{color:#015198; font-size:16px;}

.i_about_cr i{ display:block; text-align:center; padding-top:20px;}

.i_news{width:100%; padding:1px 0 55px; background:#f1f5f8;}
.i_news_l{width:1140px; margin:0 auto; overflow:hidden;}
.i_news_l dl{float:left; display:inline-block; margin:30px 20px 0; width:530px; height:100px; background:#FFF; border-radius:50px;}
.i_news_l dl dt{float:left; margin:12px; width:76px; height:76px; display:inline-block; background:#015198; border-radius:100%; color:#FFF;}
.i_news_l dl dt strong{ font-size:37px; display:block; height:45px; line-height:45px; text-align:center; font-weight:normal; overflow:hidden;}
.i_news_l dl dt span{ font-size:14px; display:block; text-align:center;}
.i_news_l dl dd{float:left; margin:12px 0; width:390px; height:76px;}
.i_news_l dl dd h4{ display:block; height:25px; line-height:25px; font-size:14px; overflow:hidden;}
.i_news_l dl dd span{ display:block; height:36px; line-height:18px; overflow:hidden; font-size:12px;}
.i_news_l dl dd span a{ color:#414c56;}
.i_news_l dl dd ins{ display:block; height:15px; line-height:15px; text-decoration:none; text-align:right; overflow:hidden;}
.i_news_l dl dd ins a{ color:#da251c;}

.i_case{padding-bottom:50px; width:100%;}
.i_case_l{width:1102px; height:296px; margin:25px auto 0; overflow:hidden;}
.i_case_l h4{float:left; width:448px; height:296px; overflow:hidden;}
.i_case_l h4 img{width:448px; height:296px;}
.i_case_l ul{float:left; width:654px; height:296px; overflow:hidden;}
.i_case_l li{float:left; width:218px; height:148px;}
.i_case_l li img{width:218px; height:148px;}


.footer{overflow:hidden; width:100%; margin-top:20px; background:#eaebec;}
.footer_in{width:1100px; margin:0 auto; padding:20px 0; position:relative;}

.fnav{float:left; width:665px;}
.fnav dl{float:left; width:170px; padding:0 0 0 50px; min-height:210px; border-right:1px solid #c8c9ca;}
.fnav dl dt{padding-top:20px; height:40px; line-height:40px; font-size:16px;}
.fnav dl dt a{ display:block; float:left; height:40px; color:#000000; padding-right:20px; background:url(../Images/icon04.png) no-repeat right center;}
.fnav dl dd{ line-height:26px; font-size:14px;}
.fnav dl dd a{ color:#404040;}
.fnav dl a:hover{ color:#015198;}

.f_txt{float:right; width:275px; padding-left:70px; padding-top:40px; color:#323e48; background:url(../Images/icon05.png) no-repeat left 65px;}
.f_txt h4{ display:block; padding-top:10px; font-size:14px; color:#000;}
.f_txt strong{ display:block; font-size:25px; color:#015198; padding-bottom:10px;}
.copyright{ padding-top:15px; color:#FFF; text-align:center; line-height:25px; font-size:14px; background:#0f2e4a;}
.jsq{ padding-bottom:15px; color:#FFF; text-align:center; line-height:25px; font-size:14px; background:#0f2e4a;}


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

/* ��ҳ���ֿ�ʼ */
.p_container{padding:50px 0; overflow:hidden;}

.p_banner_box{position:relative; width:100%; height:277px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:277px;}
.p_banner li a{display:block; width:100%; height:277px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:45px; height:3px; background:#FFF; overflow:hidden;}
.p_banner_p a:hover{ background:#015198;}
.p_banner_p a.on{ background:#015198;}*/

.sidebar {
    width: 1100px;
    margin: 20px auto 0;
    text-align: center;
    background: url(../Images/icon07.jpg) repeat-x center 18px;
   
}
/*.sidebar li{ display:inline-block; height:40px; padding:0 10px; overflow:hidden;}
.sidebar li a{display:block; padding:0 30px; height:33px; margin-top:0px; line-height:33px; color:#000; font-size:16px; border:1px solid #aab8c0; background:#FFF;}
.sidebar li a:hover{color:#FFF; background:#015198; margin-top:5px;}
.sidebar li a.on{color:#FFF; background:#015198;}*/

.p_txt01{width:1100px; margin:20px auto 0; padding-bottom:50px; overflow:hidden;  border-top: 1px solid #ccc;}
.about h4{ display:block; margin-top:20px; text-align:center; font-size:16px;}
.about span{ display:block; width:1100px; margin-top:40px; font-size:16px; line-height:30px;}





/* ��ҳ���ֽ��� */
.p_left{ float:left;}
.p_right{ float:right;}