@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(../onlinecss/onlineeditor.html);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px; min-width:1200px; margin:0 auto;}

.header{height:120px; padding: 25px 0; border-bottom: 1px solid #bababa;}
.logo{float:left;}

.i_nav{float:left; margin-left:20px; margin-top: 10px; line-height: 60px;}
/*.i_nav li{float:left; position: relative; text-align:center; padding: 0 20px;}

.i_nav li>a{display:block; color:#000; font-size:16px; line-height:60px;}
.i_nav li>a:hover{ color:#9bc816; border-bottom: 2px solid #9bc816;}
.i_nav li>a.on{ color:#9bc816; border-bottom: 2px solid #9bc816;}
.i_nav li>a:hover:after, .i_nav li>a.on:after{content:" "; display: block; width: 16px; height: 16px; position: absolute; bottom: 2px; left: calc(50% - 8px); border-width: 8px; border-style: solid; border-color:transparent transparent #9bc816; box-sizing: border-box;}*/

.lan{float:right; margin-top: 10px; font-size: 16px;}
.lan a{line-height: 60px; padding: 0 2px;}

.add{}

.i_banner_box{position:relative; width:100%; height: 500px; overflow:hidden; border-bottom: 1px solid #bababa;}
.i_banner{width:100%; height: 500px; overflow:hidden;}
/*.i_banner li{width:100%; height: 610px;}
.i_banner li a{ display: block; height: 610px;}
.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-radius: 100%; overflow:hidden; background:#d8d8d8;}
.i_banner_p a:hover{background:#9bc816;}
.i_banner_p a.on{background:#9bc816;}*/

.i_container{width:1200px; margin:0 auto; padding: 50px 0;}
.i_container *, .header{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.i_pro{}
.i_pro_l{width:100%; position:relative;}
.i_pro_ll{width:100%; margin-top:40px; overflow: hidden;}
.i_pro_ll ul{width:20000px;}
.i_pro_ll li{float:left; position:relative; margin-right: 20px; display: inline-block; width:284px; height:374px; overflow: hidden;}
.i_pro_ll li a{display:block; width:284px; height:374px;}
.i_pro_ll li a span{ position: absolute; display:none; width: 100%; height: 100%; font-size: 16px; color:#9bc816; text-align: center; padding:60% 0;  background:rgba(0,0,0,0.5); z-index:1;}
.i_pro_ll li a:hover span{display: block;}
.i_pro_ll li a:hover img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_about{margin-top:60px; width:100%; height: 500px; position:relative;}
.i_about_c{width:100%; height:100%; padding:180px 50px 0;}
.i_about_cc{margin-top: 10px; color: #fff; max-width: 610px; line-height:30px; font-size:16px;}
.i_about_c:hover{background:rgba(0,0,0,0.7);}
.i_about_c:hover .title02{color:#9bc816;}
.i_about_i{ position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: -1;}

.i_box{margin-top: 80px; width:100%; height: 315px; position:relative;}

.i_news{float:left; width:822px;}
.i_news li{float:left; display: inline-block; width:378px; height: 315px; margin-right: 33px; overflow: hidden;}
.i_news li a{position: relative; display: block; width:378px; height: 315px;}
.i_news_l{width:100%; height:100%; padding:100px 10px 0;}
.i_news_l h4{color:#FFF; display:block; font-size: 18px; line-height: 30px;}
.i_news_l span{color:#FFF; display:block; margin-top: 10px; font-size: 14px; line-height:20px;}
.i_news li a:hover .i_news_l{background:rgba(0,0,0,0.7);}
.i_news li a:hover .i_news_l h4{color:#9bc816;}
.i_news_i{position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: -1;}

.i_video{float:right; width:378px; overflow: hidden;}

.i_jishu{margin-top:60px; width:100%; position:relative; overflow: hidden;}
.i_jishu_c{width:100%; margin-top: 30px;}
.i_jishu_c li{float:left; width:25%; text-align: center; color: #FFF; }
.i_jishu_c li strong{ display:block; font-size: 36px; font-weight:normal;}
.i_jishu_c li span{ display: block; font-size: 14px; color:#d9d9da;}
.i_jishu_i{ position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: -1;}


.footer{width:100%; color:#7d7d7d; padding:40px 0 0; background:#b3b3b3;}

.footer_nav{float:left; width:800px;}
.footer_nav dl{float:left; padding: 0 60px; text-align: left;}
.footer_nav dl dt{ line-height: 30px; font-size:16px;}
.footer_nav dl dd{ line-height: 25px; font-size:14px;}
.footer_nav a{color:#FFF;}
.footer_nav a:hover {color:#9bc816;}

.fcontact{float:right; width:400px; color:#FFF; line-height: 24px;}
.copyright{width:100%; color:#FFF; margin-top: 40px; padding-top: 10px; text-align: center; line-height:30px; background: #999;}
.jsq{width:100%; color:#FFF; padding-bottom: 10px; text-align: center; line-height:30px; background: #999;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width:1200px; padding: 50px 0; margin: 0 auto;}

.p_box{width:100%; height: 36px;}

.sidebar{float:left; height: 36px; line-height: 36px;}
/*.sidebar a{float:left; margin-right: 10px; display:inline-block; padding: 0 20px; font-size: 16px; color: #000;}
.sidebar a:hover{ color: #FFF; background: #9bc817;}
.sidebar a.on{ color: #FFF; background: #9bc817;}*/

.path{float:right; line-height: 36px;}
.path span{padding:0 5px;}

.p_content{width:100%; margin-top:30px; line-height:25px; font-size: 14px;}


/* 内页部分结束 */
.pagebar
{
	clear:both;
}

.paginator
{
	float:none !important;
	text-align:center;

}
.paginator ul 
{
		display: flex;
    justify-content: center;
}
.paginator ul > li > a
{
	float: left;
	 position: relative;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	padding:3px 6px;
}
.paginator ul>li>span {
    position: relative;
    float: left;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
	padding: 3px 6px;
    text-align: center;
}
.active2 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color: #9bc816 !important;
    border-color: #9bc816 !important;
	text-align: center !important;
}
#AspNetPager1_input
{
	float:left;	
	padding: 8px 10px;
	margin-left:5%;
	margin-top:21px;
}
#AspNetPager1_btn
{
	float:left;	
	padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top:21px;
    margin-left:5px;
}

.index6.index6_news{background: #fff;}
.index6{padding:0px 0 80px 0; background-color:#f8f7f7;}
.index6Tab .hd{text-align: right; font-size:0;}
.index6Tab .hd li{display:inline-block; font-size:16px; color:#262626; line-height: 32px; /*margin-left:40px; width:110px;*/padding: 0 20px; border-radius: 30px; text-align: center; cursor: pointer;}
.index6Tab .hd li:first-child{margin:0;}
.index6Tab .hd li.on{background-color:#0570ce; color:#fff;}
.index6Tab .bd{padding-top:0px;}
.index6Tab .bdList .list{width:49.34%; margin: 30px 1.32% 0 0; border-radius: 8px; background-color:#fff; float:left; box-shadow: 0 0 20px rgba(0,0,0,0.05); padding:20px 30px 20px 20px; position: relative;}
.index6Tab .bdList .list:nth-child(2n){margin-right:0;}
.index6Tab .bdList .list .pic{width:200px; float:left; overflow: hidden;}
.index6Tab .bdList .list .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index6Tab .bdList .list .text{margin-left:235px;}
.index6Tab .bdList .list .text .H4{font-size:18px; color:#333333; margin: 25px 0 13px 0;}
.index6Tab .bdList .list .text .p{font-size:14px; color:#333333; line-height: 24px; height: 48px; opacity: 0.66;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index6Tab .bdList .list .text .time{font-size:14px; color:#333333; opacity: 0.6; text-align: right; margin-top:8px;}
.index6Tab .bdList .list .ico{width:28px; height: 28px; position: absolute; bottom:25px; right:30px; opacity: 0; line-height: 0;}

.index6Tab .bdList.QA{width: 100%;overflow: hidden;}
.index6Tab .bdList.QA li.QA_li{float: left;width: calc(33.33% - 10px);margin: 5px;background: #fff;border-radius: 5px;padding: 15px;}
.index6Tab .bdList.QA li.QA_li a{display: block;}
.index6Tab .bdList.QA li.QA_li h3{display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 10px;}
.index6Tab .bdList.QA li.QA_li h3 strong{width: 20px;height: 20px;background: #0570ce;color: #fff;font-size: 15px;display: flex;justify-content: center;align-items: center;}
.index6Tab .bdList.QA li.QA_li h3 span{display: block;font-size: 17px;color: #0570ce;line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
margin-left: 10px;width: calc(100% - 20px);}
.index6Tab .bdList.QA li.QA_li p{display: flex;justify-content: flex-start;align-items: flex-start;}
.index6Tab .bdList.QA li.QA_li p strong{width: 20px;height: 20px;background: #0570ce;color: #fff;font-size: 15px;display: flex;justify-content: center;align-items: center;}
.index6Tab .bdList.QA li.QA_li p span{display: block;font-size: 15px;color: #888;line-height: 24px;margin-left: 10px;width: calc(100% - 20px);
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.imore{width: 100%;float: left;display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.imore a{width: 200px;height: 45px;line-height: 45px;background: #afd344;border-radius: 30px;color: #fff;font-size: 16px;text-align: center;}


/*右漂浮*/
.f_r_box{position:fixed; bottom: 200px; right:8px; z-index: 99;}
.f_r{padding:10px 0; border-radius: 12px 0 0 12px; background-color:rgba(48,48,48,0.8); width:55px; }
.fEwm{width:0; height: 150px; position: absolute; top:50%; margin-top:-42px; right:57px;background-color:#afd344; border-radius: 6px; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.fEwm .span{width:100%; height: auto; padding:5px; display: block; box-sizing: border-box;}
.f_r li{cursor:pointer; position: relative;}

.frNum{position:absolute; top:0; right:-250px;height: 100%;background-color:#afd344;width:177px; overflow: hidden; border-radius: 8px 0 0 8px;
		-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
	.frNum .frNumIco{float:left; width:55px;}
	.frNum .p{font-size:14px; color:#fff; line-height: 35px; margin-top:8px;}
.frNum2 .p{line-height:55px; margin: 0;}

@media screen and (min-width:992px){
	.f_r li:hover .frNum{right:0}
	.f_r li:hover{background-color:#afd344;}
	.f_r li:hover .fEwm{width:150px;}
	.f_r li:hover .imgNone{opacity:0;}
	.f_r_box .c_close{display:none;}
}
.actGotop
{display:none !important
}
.f_r_box .c_close{width:26px; height: 26px; position: absolute; bottom:-50px; left:50%; margin-left:-13px; z-index: 999;  border-radius: 50%; cursor: pointer;}