﻿@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:1200px; margin:0 auto;}
.header{position:relative; width:100%; height:155px; background:#FFF; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); z-index:9999;}
.topline{height:40px; line-height:40px; color:#FFF; background:#006c30;}
.topleft{float:left; color:#FFF;}
.topright{float:right;}
.topright li{float:left; padding-right:20px;}
.topright li a{ display:block; color:#FFF;}
/*.topright li a.tr_pc{ background:url(../Images/icon01.png) no-repeat left center;}
.topright li a.tr_sj{ background:url(../Images/icon02.png) no-repeat left center;}
.topright li a.tr_wx{ background:url(../Images/icon03.png) no-repeat left center;}*/

.logo{ float:left; height:115px; overflow:hidden;}

.i_nav{float:right; height:115px;}
/*.i_nav li{float:left; width:135px; height:115px;}
.i_nav li.line{width:1px; background:url(../Images/navline.jpg) repeat-y left top;}
.i_nav li > a{display:block; color:#404040; width:135px; height:115px; line-height:115px; font-size:16px; text-align:center;  background:url(../Images/icon05.jpg) repeat-x left bottom;}
.i_nav li > a:hover{color:#0091d8; background:url(../Images/icon04.jpg) repeat-x left bottom;}
.i_nav li > a.on{color:#0091d8; background:url(../Images/icon04.jpg) repeat-x left bottom;}*/

/*添加样式，控制按钮显示方式*/

.navbar-toggle {
  
	border:none;
	background:none;
	float:right;
	border-radius: 0;
}

.navbar-toggle {
    display: none;
}

.iconfont.icon-fenlei{
font-size:60px;
color:#0091d8;
}
.iconfont.icon-next-copy:hover{
	
	color:#0091d8;
}
/*控制默认值为隐藏*/
.navbar-toggle {
    display: none;
}


.i_banner_box{position:relative; width:100%; height:600px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:600px;}
.i_banner li a{display:block; width:100%; height:600px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center; z-index:9000;}
.i_banner_p a{display:inline-block; margin:0 7px; width:10px; height:16px; background:url(../Images/icon06.png) no-repeat center center; overflow:hidden;}
.i_banner_p a:hover{background:url(../Images/icon07.png) no-repeat center center; }
.i_banner_p a.on{background:url(../Images/icon07.png) no-repeat center center; }*/

.i_container{padding:30px 0; overflow:hidden;}

.i_about{width:1200px; margin:0 auto;}
.i_about_i{float:left; width:590px; height:308px; overflow:hidden;}
.i_about_a{float:right; width:156px; height:308px; overflow:hidden;}
.i_about_c{float:left; position:relative; width:414px; height:238px; padding:15px 15px 55px; margin-left:5px; line-height:25px; background:#f0f0f0; overflow:hidden;}

.i_about ins{ display:block; padding:15px 0; font-size:14px; color:#8c8c8c; text-align:center; line-height:26px; text-decoration:none;}
.i_about_c ins{ position:absolute; display:block; right:15px; bottom:15px; width:100px; height:38px; text-decoration:none;}
.i_about_c ins a{ display:block; width:100px; height:38px; text-align:center; line-height:38px; color:#FFF; background:#006c30; text-decoration:none;}
.i_about_c ins a:hover{ background:#006c30;}

.i_news01{margin:30px auto 0;}
.i_news01_l{width:100%; background:#f4f5f7; margin-top:25px;}
.i_news01_l dl{float:left; width:600px; background:#eceef2;}
.i_news01_l dl dt{float:left; width:290px; height:400px; padding:5px; background:#FFF;}
.i_news01_l dl dt img{width:290px; height:400px;}
.i_news01_l dl dd{float:left; width:280px; padding:50px 10px 0; text-align:center;}
.i_news01_l dl dd h4{ display:block; line-height:25px; color:#000; font-weight:bold; font-size:20px;}
.i_news01_l dl dd span{ display:block; font-size:14px; margin-top:20px; line-height:25px; height:225px; overflow:hidden; text-align:left;}
.i_news01_l dl dd ins{ display:block; text-align:center; margin-top:15px;}

.i_pro{width:1200px; margin:30px auto 0;}
.i_pro_l{width:1200px; margin-top:20px; overflow:hidden; height:250px;}
.i_pro_l ul{width:2000px; overflow:hidden;}
.i_pro_l ul li{float:left; display:inline; margin-right:4px;height: 396px !important;}
.i_pro_l ul li img{width:291px; height:215px;}
.i_pro_l ul li a{ display:block; width:291px; border:3px solid #e1e1e1;}
.i_pro_l ul li a:hover{ border:3px solid #006c30;}

.i_pro_m{ text-align:center; margin-top:20px; height:10px; overflow:hidden;}
.i_pro_m a{ display:inline-block; width:10px; height:10px; margin:0 9px; border-radius:100%; background:#a6c4d3;}
.i_pro_m a:hover{ background:#0091d8;}
.i_pro_m a.on{ background:#0091d8;}

.i_news02{margin:30px auto 0;}
.i_news02_l{width:100%; background:#f4f5f7; margin-top:25px;}
.i_news02_l li{ height:80px; padding:25px 0;}
.i_news02_l li:nth-child(odd){ background:#f4f5f7;}
.i_news02_l li:nth-child(even){ background:#FFF;}
.i_news02_l li dl{float:left; width:96px; padding:0 47px; color:#006c30; text-align:center;}
.i_news02_l li dl dt{ height:40px; line-height:40px; font-size:30px;}
.i_news02_l li dl dd{ height:24px; line-height:24px; font-size:16px; border:1px solid #006c30;}
.i_news02_l li ins{float:left; display:block; width:3px; height:80px; background:url(../Images/icon10.jpg) repeat-y left top;}
.i_news02_l li strong{float:left; display:block; width:802px; height:80px; padding:0 30px 0 45px;}
.i_news02_l li strong h4{ display:block; font-size:16px; line-height:20px; font-weight:bold;}
.i_news02_l li strong h4 a{ color:#006c30; display:block; width:800px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news02_l li strong h4 a:hover{ color:#006c30;}
.i_news02_l li strong span{ display:block; font-size:14px; color:#404040; height:50px; margin-top:10px; line-height:25px; font-weight:normal; overflow:hidden;}
.i_news02_l li i{float:left; display:block; padding:26px 15px 0; font-style:normal; width:100px; height:28px; text-align:center;}
.i_news02_l li i a{ display:block; width:100px; height:28px; line-height:28px; color:#FFF; background:#006c30;}
.i_news02_l li i a:hover{ background:#006c30;}


.footer{width:100%; padding:20px 0 0; text-align:center;}

.fcontact{width:100%; height:248px; padding:60px 0; text-align:left; background:url(../Images/icon11.jpg) no-repeat center center;}
.fc_l{float:left; display:inline; margin-left:50px;}
.fc_l h3{ display:block; color:#FFF;}
.fc_l h3 span{ display:block; font-size:14px; line-height:20px;}
.fc_l h3 strong{ display:block; font-size:58px;}

.fc_l dl{ display:block; color:#FFF; margin-top:20px;}
.fc_l dl dt{ font-size:16px; line-height:20px;}
.fc_l dl dd{ font-size:28px; padding-top:10px; font-size:28px; line-height:30px;}

.fc_r{float:right; display:inline-block; margin-right:105px; width:387px; height:220px; padding:30px 30px 0 230px; background:url(../Images/icon12.png) no-repeat left top;}
.fc_r span{ display:block; line-height:32px; padding:14px 0;}
.fc_r span img{float:left; margin-right:20px;}

.footer_nav{color:#404040; height:52px; font-size:16px; line-height:52px; border-bottom:1px solid #d3d3d3;}
.footer_nav a{padding:0 25px;}
.copyright{color:#404040; line-height:25px; font-size:14px; padding-top:15px;}
.jsq{color:#404040; line-height:25px; font-size:14px; padding-bottom:15px;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; height:435px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:435px;}
.p_banner li a{display:block; width:100%; height:435px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center; z-index:9000;}
.p_banner_p a{display:inline-block; margin:0 7px; width:10px; height:16px; background:url(../Images/icon06.png) no-repeat center center; overflow:hidden;}
.p_banner_p a:hover{background:url(../Images/icon07.png) no-repeat center center; }
.p_banner_p a.on{background:url(../Images/icon07.png) no-repeat center center; }*/

.p_container{width:1200px; margin:0 auto; padding:25px 0; overflow:hidden;}

.p_left{float:left; width:222px; overflow:hidden;}
.sidebar{width:222px;}
/*.sidebar h3{ display:block; height:75px; text-align:center; line-height:75px; font-size:24px; color:#FFF; background:url(../Images/icon16.jpg) no-repeat left top;}
.sidebar ul{width:214px; padding:10px 3px 20px; border-width:0 1px 1px; border-style:solid; border-color:#d7d7d7;}
.sidebar li{ height:40px; padding:7px 0; background:url(../Images/icon17.jpg) repeat-x left bottom;}
.sidebar li a{ position:relative; display:block; height:40px; line-height:40px; text-indent:70px; font-size:16px; color:#656565;}
.sidebar li a span{ position:absolute; display:block; height:40px; right:30px; top:0; font-size:20px;}
.sidebar li a:hover{ background:#0091d8; color:#FFF;}
.sidebar li a.on{ background:#0091d8; color:#FFF;}*/

.pl_news{width:222px; margin-top:50px;    display: none;}
.pl_news_l{width:206px !important; padding:30px 7px 20px; border-width:0 1px 1px; border-style:solid; border-color:#d7d7d7; overflow:hidden;}
.pl_news_l ul{width:100%; overflow:hidden;}
.pl_news_l ul li{float:left; display:inline-block; width:206px; margin-right:9px;}
.pl_news_l ul li img{width:206px; height:145px;}
.pl_news_l ul li h4{ display:block; padding:5px 0; font-size:14px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pl_news_l ul li h4 a{ color:#6bc233;}
.pl_news_l ul li h4 a:hover{ color:#bae200;}
.pl_news_l ul li span{ display:block; line-height:20px; font-size:12px; color:#4c4c4c; height:40px; overflow:hidden;}
.pl_news_l i{ display:block; text-align:right; margin-top:15px; height:6px; overflow:hidden;}
.pl_news_l i a{ display:inline-block; width:6px; height:6px; margin:0 3px; border-radius:100%; background:#a6c4d3;}
.pl_news_l i a:hover{ background:#0091d8;}
.pl_news_l i a.on{ background:#0091d8;}

.p_right{float:right; width:958px; overflow:hidden;}

.path{float:right; padding-right:10px; line-height:40px;}
.path a{ padding:0 10px;}

.p_content{padding:30px 15px; line-height:25px;}

/* 内页部分结束 */


/*响应式开始*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;}
.logo{margin-left:10px;}
.ddsmoothmenu ul li{width:100px;}
.selected, .navactive{width:100px;}
.nava:hover, .navactive:hover{width:100px;}
.i_about{width:100%;}
.i_about_i{width:40%;}
.i_about_c{width:40%}
.i_about_a{width:16%;}
.title01{width:100%;}
.i_news01_l dl{width:50%;}
.i_news01_l dl dd{margin:0 auto;float:none;}
.i_news01_l dl dt{margin:0 auto;float:none;}
.i_pro{width:100%;}
.i_news02_l li dl{width:84px;padding:0 20px;}
.i_news02_l li strong{width:60%;padding:0 10px 0 10px;}
.fc_r{background: url(../Images/icon121.png) no-repeat left top;padding:26px 30px 0 30px;}
.fc_l{display: none;}

/*内页开始*/
.p_container{width:100%;}
.p_right{width:75%;}
.p_newsf{width:100%;}
.p_newsi{width:23%;}
.p_newsc{width:64%;}
.p_newsc h3 a{width:auto;}
.p_newsc span{width:100%;	}
.p_newsf1{width:100%;}
.p_newsc1{width:90%;}
.p_newsc1 h3 a{width:100%;}
.p_newsc1 span{width:90%;}
.n_j_list li a{width:auto;}
}
@media screen and (max-width: 856px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/

.ddsmoothmenu ul li{width:87px;}
.selected, .navactive{width:87px;}
.nava:hover, .navactive:hover{width:87px;}
/*内页开始*/
.p_right{width:73%;}
.p_newsc{width:60%;}
.p_newsc1{width:88%;}

.p_p_list li{width:45%;}
.p_p_list li a{width:100%;}
.p_p_list li img{width:100%;height:auto;}
.p_p_list li span{width:100%;}
.p_p_list{padding:0 3%;}
tr.gbook_post td{width:80px !important;display:inline-block;}

}
@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.i_nav{display:none;position:absolute;width:100%;height:auto;top:156px;background: #0091d8;}
.i_nav li.line{display:none;}
.ddsmoothmenu ul li{width:100%;display:block;float:none;height:auto;border-bottom:1px solid rgba(204, 184, 184, 0.41);}
.selected, .navactive{line-height:60px;background:none;width:100%;color:#fff;}
.nava{line-height:60px;color:#fff;}
.navbar-toggle {display: block!important;margin-top:3%;margin-right:20px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #006caa;}
.nava:hover,.navactive:hover { }
.ddsmoothmenu ul li  a{}
.ddsmoothmenu ul li  a:hover{color:#006caa;}
.ddsmoothmenu ul li a.navactive {width: 100%;}
.nava { width: 100%;border: none;}
.navactive, .navactive:hover { width: 100%;;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}

.i_about_i{text-align:center;width:100%;}
.i_about_c{width:93%;padding:15px;background:none;height:auto;}
.i_about_a{display:none;}
.i_about_c ins{bottom:-15px;}
.fc_r{width:70%;background-size:90%;}
textarea#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}

/*内页开始*/
.p_right{width:70%;}
.p_newsc1{width:80%;}
}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_news01_l dl{float:none;width:100%;}
.i_news01_l dl dt{margin: 10px auto;}
.i_about ins{padding:15px 10px;}
.i_news02_l li strong{width:50%;}
.footer_nav a{padding:0 2px;}
/*内页开始*/
.p_right{width:60%;}
.p_p_list{padding:0;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}
@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_news02_l li{height:auto;text-align: center;}
.i_news02_l li dl{float:none;text-align:center;padding:0 20px 10px;margin: 0 auto;}
.i_news02_l li ins{display:none;}
.i_news02_l li strong{float:none;width:auto;}
.i_news02_l li strong h4 a{width:auto;}
.i_news02_l li i{float:none;padding:0;margin:10px  auto 0;}
.i_about_i{height:auto;}
.fcontact{color:#fff;}
.fc_r{float:none;margin:0 auto;width:auto;background:none;font-size:20px;padding:0 0px 0 10px;}
.fc_l{display:none;}
.copyright{padding:0 5px;}
/*内页开始*/
.p_left{width:100%;float:none;}
.p_right{width:100%;float:none;}
.sidebar{width:94%;margin:0 auto;}
.sortnavt{width:100%;}
.sortnavt h3{background:#0091d8;}
.sortnavul{width:100%;padding:0;}
.sortnavul li{text-align: center;}
.sortnavul li a{text-indent: 0;;}
.pl_news{width:94%;margin:50px auto;}
.pl_news_l{margin:0 auto;    width: 96% !important;}
.path{display:none;}
.title03 h3{left:50%;margin-left:-76px;}

.p_newsi img{height:auto;}
.p_newsc span{width:80%;}
.p_newsc h3 a{width:100%;}
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
}
@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.fc_r{font-size:18px;}
.footer_nav a{font-size:14px;padding:0 0;}
.p_newsi{height:auto;}
.p_newsi{float:none;margin:0 auto;width:auto;}
.p_newsi img{height:131px;}
.p_newsc{width:74%;}
}
@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.fc_r{font-size:16px;}
.footer_nav a{font-size:13px;}
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
}
@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.fc_r{font-size:15px;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}
@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.fc_r{font-size:13px;}
.footer_nav{font-size:12px;}
.footer_nav a{font-size:12px;}
.i_about_c{height:330px;}
.p_newsc{width:70%;}
.p_newsc1 span{width:85%;}
.p_newsc1{width:76%;}
.p_p_list li{width:95%;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}
