@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ?????????????????? */
.mfbox{width:1100px; min-width:1100px; margin:0 auto;}
.header{width:100%; height:123px; border-top:5px solid #000;}
.topline{height:34px; line-height:34px; color:#7d7d7d; border-bottom:1px solid #d8d8d8;}
.welcome{float:left;}
.lan{float:right;}
.lan li{ float:left;}
.lan a{ padding:0 10px; color:#7d7d7d;}
.lan a:hover{ color:#008acb;}

.logo{float:left;}

.i_nav{float:right; height:88px;}
/*.i_nav li{float:left; display:inline-block;}
.i_nav li > a{color:#FFF; font-size:16px; padding:0 10px 0 70px; height:88px; line-height:88px; color:#000; text-align:center;}
.i_nav li > a:hover{ color:#008acb;}
.i_nav li > a.on{ color:#008acb;}*/

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

.i_container{overflow:hidden;}

.i_about{padding:35px 0; overflow:hidden;}
.i_about_l{float:left; width:600px;}
.i_about_c{float:left; width:500px; line-height:25px; font-size:14px; overflow:hidden;}
.i_about_c ins{ display:block; text-decoration:none; text-align:right;}
.i_about_c ins a{ padding:0 10px; color:#008acb; font-size:12px;}
.i_about_c ins a:hover{color:#000;}

.i_pro01{padding:35px 0; background:#f6f6f6; text-align:center;}
.i_pro01 dl{ display:inline-block; padding:0 25px 25px; width:297px; margin:0 14px; background:#FFF;}
.i_pro01 dl h3{ display:block; line-height:55px; font-size:18px;}
.i_pro01 dl dt{ border:5px solid #f6f6f6; width:287px; height:171px; overflow:hidden;}
.i_pro01 dl dt img{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
.i_pro01 dl dt:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_pro01 dl dd{ padding:10px 0; line-height:25px; text-align:left; font-size:14px;}
.i_pro01 dl dd a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro01 dl dd a ins{ padding:0 10px; text-decoration:none; font-size:18px;}
.i_pro01 dl span{ display:block; text-align:right;}
.i_pro01 dl span a{ display:inline-block; width:65px; height:22px; text-align:center; line-height:22px; border:1px solid #f6f6f6;}

.i_pro01 dl.i_pro01_s1 h3 a{ color:#fe8b8b;}
.i_pro01 dl.i_pro01_s1 h3 a:hover{ color:#000;}
.i_pro01 dl.i_pro01_s1 dt{border:5px solid #fe8b8b;}
.i_pro01 dl.i_pro01_s1 dd a:hover{ color:#fe8b8b;}
.i_pro01 dl.i_pro01_s1 dd a ins{color:#fe8b8b;}
.i_pro01 dl.i_pro01_s1 span a{color:#fe8b8b; border:1px solid #fe8b8b;}

.i_pro01 dl.i_pro01_s2 h3 a{ color:#ffc600;}
.i_pro01 dl.i_pro01_s2 h3 a:hover{ color:#000;}
.i_pro01 dl.i_pro01_s2 dt{border:5px solid #ffc600;}
.i_pro01 dl.i_pro01_s2 dd a:hover{ color:#ffc600;}
.i_pro01 dl.i_pro01_s2 dd a ins{color:#ffc600;}
.i_pro01 dl.i_pro01_s2 span a{color:#ffc600; border:1px solid #ffc600;}

.i_pro01 dl.i_pro01_s3 h3 a{ color:#36ace3;}
.i_pro01 dl.i_pro01_s3 h3 a:hover{ color:#000;}
.i_pro01 dl.i_pro01_s3 dt{border:5px solid #36ace3;}
.i_pro01 dl.i_pro01_s3 dd a:hover{ color:#36ace3;}
.i_pro01 dl.i_pro01_s3 dd a ins{color:#36ace3;}
.i_pro01 dl.i_pro01_s3 span a{color:#36ace3; border:1px solid #36ace3;}

.i_pro02{padding:35px 0; text-align:center;}
.i_pro02_l{text-align:center; margin-top:10px;}
.i_pro02_l dl{ display:inline-block; padding:25px 18px; width:502px; border:1px solid #e3ecf3; margin:10px 10px 0;}
.i_pro02_l dl dt{float:left; width:248px; height:181px; border:5px solid #e3ecf3; overflow:hidden;}
.i_pro02_l dl dt img{ width:248px;}
.i_pro02_l dl dd{float:left; width:229px; height:191px; padding-left:15px; text-align:left; overflow:hidden;}
.i_pro02_l dl dd h4{ display:block; font-size:20px; height:50px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro02_l dl dd span{ display:block; line-height:20px; color:#787878;}

.i_pro02_l dl dt img{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
.i_pro02_l dl dt:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}


.i_link{padding:15px 0; text-align:center;}
.i_link_l{ margin:10px auto 0; width:1120px;}
.i_link_l li{float:left; width:254px; height:88px; border:1px solid #d5d5d5; margin:25px 12px 0;}
.i_link_l li img{width:254px; height:88px;}

.footer{width:100%; background:#000; color:#f4f4f4; min-width:1100px;}

.fcontact{ margin-top:20px; padding-bottom:50px; text-align:center; background:url(img/icon04.jpg) no-repeat center bottom #FFF;}
.fcontact h3{ display:inline-block; width:216px; height:74px; line-height:74px; font-size:27px; font-weight:bold; color:#000; letter-spacing:5px; background:url(img/icon03.png) no-repeat center center;}

.fcontact dl{ display:inline-block; margin:35px 60px 0; width:260px; color:#000; text-align:left;}
.fcontact dl dt{ font-size:18px; height:45px; line-height:45px; background:url(img/icon05.jpg) no-repeat left bottom;}
.fcontact dl dd{ font-size:16px; line-height:30px;}

.footer_nav{line-height:30px; margin-top:20px; text-align:center;}
.footer_nav a{ padding:0 10px; color:#b0b0b0; font-size:14px; line-height:30px;}

.copyright{ padding:10px 0 0px; line-height:25px; color:#b0b0b0; text-align:center; font-size:14px;}
.jsq{ padding:0px 0 20px; line-height:25px; color:#b0b0b0; text-align:center; font-size:14px;}

.footer a:hover{ color:#008acb;}

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

/* ?????????????????? */
.p_banner_box{position:relative; width:100%; height:455px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:455px;}
.p_banner li a{display:block; width:100%; height:455px;}
.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:10px; height:10px; border:1px solid #FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#FFF;}
.p_banner_p a.on{ background:#FFF;}*/

.p_container{ padding:30px 0;}

.p_about{width:1100px; margin:60px auto 0;}
.p_about_l{float:left; width:610px;}
.p_about_r{float:left; width:490px;}
.p_about_r strong{ color:#008acb; font-size:25px; font-weight:normal; display:block; line-height:40px;}
.p_about_r ins{ display:block; font-size:18px; color:#4c4c4c; text-decoration:none;}
.p_about_r span{ display:block; padding:20px 0; line-height:24px; font-size:16px; color:#4c4c4c; border-bottom:1px solid #c9c9c9;}
.p_about_r i{ display:block; padding:20px 0; font-style:normal; line-height:24px; font-size:14px; color:#4c4c4c;}

.p_txt01{ padding:60px 0; margin-top:60px; text-align:center; color:#FFF; background:url(img/icon06.jpg) no-repeat center top;}
.p_txt01 h3{ display:block; font-size:28px; line-height:40px;}
.p_txt01 ins{ display:block; font-size:17px; text-decoration:none; line-height:20px;}
.p_txt01 span{ display:block; margin-top:40px; font-size:16px;  line-height:35px;}

.p_hj{ padding:60px 0;}
.p_hj ul{ text-align:center; margin-top:20px;}
.p_hj li{ display:inline; margin:0 15px; width:380px; height:287px;}


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


.def_cont{ width:1100px; margin:0px auto;}



/*???????????????*/
@media screen and (max-width: 1024px) { /*?????????????????????1024px?????????????????????CSS??????*/
.mfbox{width:100%;min-width:100%;}
.p_container{width:100%;}
.p_content{width:95%;}
.p_content_p{width:95%;}
.p_p_list{width:95%;margin:0 auto;}
.p_p_list li{float:none;margin-left:0;width:30%;}
.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;height:auto;}
.navPage{width:100%;}
.nava, .navactive{padding:0 10px 0 20px;}
.i_about_l{width:50%;}
.i_about_l img{width:100%;}
.i_banner_box123 .i_banner123 .slider .box img{width:100%;}
.i_about_c{width:46%;margin-left:2%;}
.i_pro01 dl{width:30%;margin:0 1%;padding:0;}
.i_pro01 dl dt{width:90%;margin:0 auto;}
.i_pro01 dl dt img{width:100%;}
.i_pro02{padding:35px 15px;}
.title01{width:100%;}
.i_link_l{width:100%;}
.i_pro02_l dl{width:40%;}
.i_link_l li{width:30%;}
.i_link_l li img{width:100%;}
.footer{width:100%;min-width:100%;}
.fcontact dl{width:30%;margin:35px 1% 0;}
.p_about{width:100%;}
.p_about_l{width:58%;}
.p_about_l img{width:100%;}
.p_about_r{width:38%;margin-left:10px;}
.p_txt01 span{padding:0 10px;}
.title03{width:98%;}
.p_hj li{width:30%;display:inline-block;margin:0;height:auto;}
.p_hj li img{width:100%}
.p_newsf{width:auto;}
.p_newsf{padding:20px 0 20px 10px;}
.p_newsi{width:30%;}
.p_newsi img{width:100%;height:auto;}
.p_newsc{float:left;margin-left:10px;width:65%;}
.def_cont{width:100%;}
.p_newsc h3{width:100%;}
.p_p_list ul{width:100%;}
.p_p_list li{width:100%;display:block;margin:15px 0;}
.p_p_list li a{width:100%;}
.p_p_list li a img{width:99%;height:auto;}
.n_j_list li{padding:0 10px;}
.n_j_list li a{width:75%;}
.n_j_list li span{width:79px;}
}
@media screen and (max-width: 768px) { /*?????????????????????768px?????????????????????CSS??????*/
/*????????????*/

.i_link_l li{width:31%;margin:25px 4px 0;}

/*?????????*/
textarea#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
}
@media screen and (max-width: 722px) { /*?????????????????????722px?????????????????????CSS??????*/
.i_nav{display:none;height:auto;position:absolute;width:100%;top:93px;z-index: 9999;background:#fff;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 50px;}
.ddsmoothmenu a{line-height:50px;padding:0;}
.navactive, .navactive:hover{padding:0;}
.navbar-toggle{display:block;background:#0085c9;margin:12px 10 0 0;}
.header{height:88px;}
.topline{display:none;}
.fcontact dl{width:auto;margin:0 auto;text-align:center;display:block;}
.fcontact dl dt{background-position:center bottom;}
.fcontact h3{margin-top:10px;}
.p_about_l{float:none;width:94%;margin:0 auto;}
.p_about_r{margin:0 auto;width:94%;float:none;margin-left:auto;}


}
@media screen and (max-width: 480px) { /*?????????????????????480px?????????????????????C??????*/
/*????????????*/
.p_p_list li{width:100%;}
.i_about_l{width:95%;float:none;margin:10px auto 0;}
.i_about_c{width:95%;float:none;margin:0px auto;}
.i_pro01 dl{width:95%;float:none;margin:0px auto;float:none;display:block;}
.i_pro01 dl dt img{width:287px;}
.i_pro02_l dl{width:94%;padding:0;}
.i_pro02_l dl dt{margin:10px auto;float:none;}
.i_pro02_l dl dd{float:none;margin:0 auto;text-align: center;}
.p_txt01 span{margin-top:25px;line-height: 23px;font-size:14px;}
.p_txt01{padding:40px 0;}
.p_hj li{width:94%;margin-top:10px;}
.p_container{padding:0;}
.p_hj{padding:30px 0;}
.copyright{padding:10px 15px;}
.p_newsi{width:300px;float:none;margin:0 auto;}
.p_newsi img{width:300px ;height:170px;}
.p_newsc{float:none;margin-left:0;width:100%;}
.p_newsc h3{text-align:center;}
.p_newsc span{padding:0 10px;height:auto;}
.p_newsf{padding:20px 0;}
/*?????????*/
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
}
@media screen and (max-width: 414px) { /*?????????????????????414px?????????????????????CSS??????*/
.i_link_l li{width:47%;}
}
@media screen and (max-width: 375px) { /*?????????????????????375px?????????????????????CSS??????*/
/*?????????*/
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
}
@media screen and (max-width: 360px) { /*?????????????????????360px?????????????????????CSS??????*/
/*?????????*/
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}
@media screen and (max-width: 320px) { /*?????????????????????320px?????????????????????CSS??????*/
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
.i_link_l li{width:94%;}
.n_j_list li a{width:70%;}
}






