@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);
/* ��ҳ���ֿ�ʼ */
.mfbox{width:1000px; margin:0 auto;}
.header{ position:fixed; width:100%; height:90px; z-index:9000; background:#FFF; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}

.logo{float:left;}
.header_r{float:right; margin-top:10px; height:21px;    width: 300px;}

.hd_search{float:right; width:130px; height:19px; padding:0 9px; border:1px solid #cecece; border-radius:9px;}
.hd_search li{float:left;}
.hd_search li input{float:left; height:19px;}
.hd_search li input.hd_sint{width:106px;}
.hd_search li input.hd_sbtn{width:19px; background:url(../Images/btn_search.png) no-repeat center center; cursor:pointer;}

.hd_tel{float:right; height:18px; padding:0 20px 0 25px; background:url(../Images/icon_tel.png) no-repeat left center;}
.hd_share{float:right; height:18px; padding:0 5px 0 0;display: none;}
.hd_share a{float:left; margin:0 5px;}


.i_nav{float:right; height:59px;    width: 800px;}
.lan{ float: right;    margin-top: 10px;}
.lan li{float:left; padding-right:5px;}
/*.i_nav li{float:left; height:59px;}
.i_nav li > a{display:block; color:#000; padding:0 18px; height:56px; line-height:56px; font-size:14px; border-bottom: 3px solid transparent; text-align:center;}
.i_nav li > a:hover{color:#0069b3; border-bottom:3px solid #0069b3;}*/

.i_banner_box{position:relative; width:100%; height:660px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:660px;}
.i_banner li a{display:block; width:100%; height:660px;}
.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:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#0069b3;}
.i_banner_p a.on{ background:#0069b3;}*/

.i_container{overflow:hidden;}

.txt01{width:800px; margin:0 auto; text-align:center; color:#999; font-size:14px; line-height:18px;}

.i_solution{ width:100%; padding:60px 0; background:url(../Images/bg_1.jpg) repeat left top;}
.i_solution_l{width:1000px; position:relative; margin:70px auto 0;}
.i_solution_lo{width:1000px; overflow:hidden;}
.i_solution_li{width:5000px;}
.i_solution_li dl{float:left; display:inline-block; margin:0 10px; width:228px; border:1px solid #dfdfdf; background:#FFF;}
.i_solution_li dl dt{width:228px; height:258px; overflow:hidden;}
.i_solution_li dl dt img{width:228px; height:258px;}
.i_solution_li dl dd{width:228px; text-align:center; padding-bottom:20px;}
.i_solution_li dl dd h4{font-size:20px; line-height:34px; padding:20px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_solution_li dl dd span{ display:block; padding:0 10px; font-size:12px; line-height:18px; color:#AAA; height:36px; overflow:hidden;}
.i_solution_li dl a:hover dt img{ transform:scale(1.2);}
.i_solution_li dl a:hover dd h4{color:#0069b3;}

.i_pro{ width:100%; padding:60px 0; background:url(../Images/bg_2.jpg) repeat left top;}
.i_pro_l{width:1000px; position:relative; margin:60px auto 0;}
.i_pro_lo{width:1000px; overflow:hidden;}
.i_pro_li{width:1000px;}
.i_pro_li dl{float:left; display:inline-block; margin:13px 10px; width:480px; height:197px; background:#f9f9f9;  -moz-box-shadow: 4px 4px 0px 0px #ececec; -webkit-box-shadow: 4px 4px 0px 0px #ececec; box-shadow: 4px 4px 0px 0px #ececec;}
.i_pro_li dl dt{float:left; width:210px; height:170px; padding:14px 10px 13px 10px; overflow:hidden;}
.i_pro_li dl dt img{width:210px; height:170px;}
.i_pro_li dl dd{float:left; width:235px; height:170px; padding:14px 10px 13px 5px;}
.i_pro_li dl dd h4{font-size: 18px; padding:0 0 10px 0; color:#0069b3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro_li dl dd span{ display:block; font-size:12px; line-height:20px; color:#AAA; height:120px; overflow:hidden;}
.i_pro_li dl a:hover dt img{ transform:scale(1.2);}
.i_pro_li dl a:hover dd h4{color:#0069b3;}

.i_case{ width:100%; padding:60px 0; background:url(../Images/bg_1.jpg) repeat left top;}
.i_case_l{width:1000px; position:relative; margin:70px auto 0;}
.i_case_lo{width:1000px; overflow:hidden;}
.i_case_li{width:5000px;}
.i_case_li dl{float:left; position:relative; display:inline-block; margin:0 10px; width:230px; height:260px;}
.i_case_li dl dt{width:230px; height:260px; overflow:hidden;}
.i_case_li dl dt img{width:230px; height:260px;}
.i_case_li dl dd{ position:absolute; width:210px; height:58px; padding:16px 10px; left:0; bottom:0; text-align:center; background-color:rgba(5,113,182,0.8);}
.i_case_li dl dd h4{font-size:20px; line-height:34px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_case_li dl dd span{ display:block; font-size:12px; line-height:24px; color:#dfdfdf; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:24px;}
.i_case_li dl a:hover dt img{ transform:scale(1.2);}


.footer{overflow:hidden; width:100%; color:#FFF; background:#FFF;}
.footer_in{width:1000px; margin:0 auto; padding:10px 0 50px;}

.fnav{float:left; width:780px;}
.fnav dl{float:left; width:145px; padding-right:10px;}
.fnav dl dt{padding-bottom:10px; line-height:30px; font-size:16px;}
.fnav dl dt a{color:#414141;}
.fnav dl dt a:hover{color:#0069b3;}
.fnav dl dd{line-height:25px; font-size:12px;}
.fnav dl dd a{color:#999999;}
.fnav dl dd a:hover{color:#0069b3;}

.f_contact{float:right; width:200px; color:#414141;}
.f_contact h4{ display:block; font-size:16px; padding-bottom:10px;}
.f_contact strong{ display:block; color:#0874b9; font-size:24px; font-style:italic;}
.f_contact span{display:block;}

.fbox{width:100%; background:#0874b9; color:#FFF; padding:25px 0; font-size:12px; line-height:20px; }
.footer_nav{float:left;}
.footer_nav a{ padding:0 10px; color:#FFF;}
.copyright{float:right;}
.jsq{ text-align:right;}
.pfooter{padding:30px 0 0; border-top:3px solid #0069b3;}

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

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; padding-top:90px; height:277px; overflow:hidden;}
.p_banner{ float:left; display:inherit;}
.p_banner_in{position: absolute; width:1440px; bottom:3%;}
.p_banner_in h3{ display:block; margin:0 auto; width:1000px; color:#f4f4f4; font-size: 40px;margin-bottom:10px; font-style:italic; font-family:'Arial','sans-serif'; text-transform: uppercase; font-weight:bold;}

.p_container{border-top: 5px solid #7fb4d9; overflow:hidden;}

.sidebar{width:100%; text-align:center; background:#f4f4f4;}
.sortnavul{ width:1000px; margin:0 auto; overflow:hidden;}
/*.sidebar_l a {display:inline-block; float:left; font-size: 16px; color: #666; margin-right: 22px; padding:35px 0px; line-height:30px;}
.sidebar_l a:hover{ color:#0069b3;}
.sidebar_l a.on{ color:#0069b3; background:url(../Images/icon02.png) no-repeat center bottom;}*/


.p_sev{width:1040px; padding:50px 0; margin:0 auto;}
/*.p_sev dl{float:left; display:inline-block; margin:13px 20px; width:480px; height:197px; background:#f9f9f9;  -moz-box-shadow: 4px 4px 0px 0px #ececec; -webkit-box-shadow: 4px 4px 0px 0px #ececec; box-shadow: 4px 4px 0px 0px #ececec;}
.p_sev dl dt{float:left; width:210px; height:170px; padding:14px 10px 13px 10px; overflow:hidden;}
.p_sev dl dt img{width:210px; height:170px;}
.p_sev dl dd{float:left; width:235px; height:170px; padding:14px 10px 13px 5px;}
.p_sev dl dd h4{font-size: 18px; padding:0 0 10px 0; color:#0069b3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.p_sev dl dd span{ display:block; font-size:12px; line-height:20px; color:#AAA; height:120px; overflow:hidden;}
.p_sev dl a:hover dt img{ transform:scale(1.2);}
.p_sev dl a:hover dd h4{color:#0069b3;}*/

.p_kf{width:1008px; padding:50px 0; margin:0 auto;}
.p_kf dl{float:left; display:inline-block; margin:0 5px; width:242px; height:326px; text-align:center; background:#f9f9f9;}
.p_kf dl a{ display:block; width:242px; height:268px; padding-top:58px; background:#f4f4f4;}
.p_kf dl i{ display:block; margin:0 auto; width:64px; height:64px;}
.p_kf dl i.pkf01{ background:url(../Images/sicon01.png) no-repeat center center;}
.p_kf dl i.pkf02{ background:url(../Images/sicon02.png) no-repeat center center;}
.p_kf dl i.pkf03{ background:url(../Images/sicon03.png) no-repeat center center;}
.p_kf dl i.pkf04{ background:url(../Images/sicon04.png) no-repeat center center;}
.p_kf dl dt{width:222px; height:30px; padding:0 10px; margin-top:35px; font-size:20px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.p_kf dl span{ display:block; padding:10px 0; font-size:12px; line-height:20px; text-transform: uppercase; color: #b9b9b9;}
.p_kf dl ins{ display:block; width:74px; height:4px; margin:0 auto; background:#000000;}
.p_kf dl dd{float:left; width:222px; padding:15px 10px; line-height:20px; color:#666;}

.p_kf dl a:hover{ display:block; background:#80b7db;}
.p_kf dl a:hover i.pkf01{ background:url(../Images/sicon01_on.png) no-repeat center center;}
.p_kf dl a:hover i.pkf02{ background:url(../Images/sicon02_on.png) no-repeat center center;}
.p_kf dl a:hover i.pkf03{ background:url(../Images/sicon03_on.png) no-repeat center center;}
.p_kf dl a:hover i.pkf04{ background:url(../Images/sicon04_on.png) no-repeat center center;}
.p_kf dl a:hover dt{color:#FFF;}
.p_kf dl a:hover span{color:#FFF;}
.p_kf dl a:hover dd{color:#FFF;}
.p_kf dl a:hover ins{ background:#FFF;}

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

.i_sev{width:1040px;  margin:0 auto;}
.p_left{ float:left;}
.p_right{ float:right;}
body#gbook input[type="text"] {
    border: 1px solid #ccc;
}
input#keywords {
    border: 0 !important;
}