@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #444; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}


/*header start*/
.header{position: absolute;z-index: 999;background: url(../images/navbg.png); position:fixed;}
.head_body{height: 100px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width: 878px; height:100px; line-height:100px; position:relative;z-index:999;margin: 0 auto}
.nav .nLi{ float:left; position:relative; display:inline;margin-left: 30px;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; width: 79px; font-size:16px;font-weight: normal;text-align: center; color: #fff;}
.nav .sub{ display:none; width:95px; left:0; top:100px;position:absolute;z-index: 9999;background:url(../images/hoverbg.png) repeat-y ;line-height:35px;padding:5px 0;border-bottom: 3px solid #a30100}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center; color: #333; background: rgba(153, 153, 153, 0.45);}
.nav .sub a:hover{ background:#8BC73E; color:#fff;}
.nav .on h3 a{ background:#8BC73E; color:#fff;}
/*header end*/

/*banner start*/
.flexslider {
    margin: 0px auto 0px;
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 100px;
}

.flex-direction-nav .flex-prev {
    left: 100px;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
    -webkit-transition: all 0s ease;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 500px;
    display: block;
}
/*banner end*/

/*product start*/
.product{background: #fff;padding: 30px 0 0 0;}
.product .pro_left{width: 260px;}
.product .pro_left ul li{width: 230px;height: 41.5px;line-height:41.5px;background: #efefef;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: bold;color: #555;padding-left: 30px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.product .pro_left ul li:hover {background: #8BC73E;color: #fff;}
.product .pro_left ul li .jt{width: 45px;height: 45px;background: url(../images/jt.png) no-repeat;}
.product .pro_left ul li:hover .jt{width: 40px;height: 40px;background: url(../images/jt2.png);}
.product .pro_right{width: 940px;}
.product .pro_right ul li{width: 313px;margin: 20px 0 20px 0}
.product .pro_right ul li:nth-child(1){margin: 0 0 20px 0!important;}
.product .pro_right ul li:nth-child(2){margin: 0 0 20px 0!important;}
.product .pro_right ul li:nth-child(3){margin: 0 0 20px 0!important;}
.product .pro_right ul li .proimg{width:260px;height:195px;border: 4px solid #ccc;margin-left: 45px;overflow: hidden;}
.product .pro_right ul li .prozi{width:268px;height:45px;line-height:45px;text-align:center;margin-left: 45px;font-size: 16px;background: url(../images/proname.png) no-repeat center; color: #fff;}
.product .pro_right ul li:hover .proimg{border: 4px solid #8BC73E;}
.product .pro_right ul li:hover .prozi{color: #fff}
.product .pro_right li img{ width: 260px; height: 195px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.product .pro_right li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
/*product end*/

/*company start*/
.course{ background: #fff; width: 100%;  min-width: 1200px;  overflow: hidden;  *zoom: 1;}
.course .course-head h2{  font-size: 34px; font-weight: bold; color: #333;  text-align: center;  padding-top: 40px;  line-height:60px;}
.course .course-head p{  font-size: 14px;  color: #333;  text-align: center;}
.course .content-four{   width:100%;  margin:20px auto;}
.course .con-four{  width: 280px;  height: 300px;  float: left;  margin: 10px;  position: relative;  overflow: hidden;  cursor: pointer}
.course .con-four img{  width:280px;  height: 300px;  transition: all 0.3s;}
.course .con-four:hover img{ -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}
.course .txt-four{  position: absolute; left: -380px;  top: 0;  width: 86%;  height: 300px;  line-height: 45px;  text-align: center;  color: #fff;  background: rgba(0,0,0,0.6);  padding: 20px 20px 20px 20px;}
.course .txt-four h3{ font-weight: normal;  color: #fff;  border-bottom: 2px #ffffff solid;  line-height:60px;  margin-bottom: 15px; font-size: 26px;}
.course .txt-four p{ font-size: 14px;  display: block;  line-height: 25px;   color: #fff;  text-align: left;}
.course .txt-four a{  margin: 5px auto;  display: block;  width:160px; height: 40px;  line-height:40px;  border-radius: 60px;  border: 1px #fff solid;  color: #fff;}
/*company end*/

/*new start*/
.news{ overflow:hidden; height:480px;}
.news .news_title{width:100%; height:60px;background:url(../images/news_bianti_bg.png) no-repeat top left;}
.news .news_title h3{ font-size:22px;float:left; padding-top:20px; font-weight: 600;}
.news .news_title h3>a{color:#444; }
.news .news_title .more{float:right;font-size:14px; color:#2f343c;margin-right:23px; margin-top:28px;}
.news .newsBox{width:100%; height:433px; margin:0 auto;}
.news .newsBox_left{ overflow:hidden; width:630px; height:433px; margin-top:20px;float:left;}
.news .newsBox_left .xxxw{ width:630px; height:150px; margin:20px 0px 10px}
.xxxw .xwtp1{ float:left}
.xxxw .xwwz1{ float:right; width:410px; height:150px; overflow:hidden}
.xxxw .xwwz1 h3{ height:40px; line-height:40px; width:470px; overflow:hidden; font-size: 20px; font-weight: bold;}
.xxxw .xwwz1 h3 a{ color: #666; }
.xxxw .xwwz1 h3 a:hover{color:#181A18}
.xxxw .xwwz1 p{ font-size:14px; line-height:28px}
.newsBox_left ul li{ width:630px; height:37px; line-height:37px; font-size:14px; border-bottom:1px dashed #e1e1e1; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/xwbj.png) no-repeat center left}
.newsBox_left ul li a{color:#444; padding-left:18px; width:600px; margin-left: 10px;}
.newsBox_left ul li a:hover{color:#181A18}
.newsBox_left ul li span{ color:#676767; float:right;}

.news .newsBox_right{ overflow:hidden; width:480px; height:460px;margin-top:20px;font-size:13px; color:#000;float:right;}
.newsBox_right ul{ width:100%; margin-top:25px}
.newsBox_right ul li{width:453px; line-height:38px;border-bottom:1px dashed #e1e1e1; font-size:13px;background:url(../images/news_right_li.png) no-repeat center right; white-space:nowrap; text-overflow:ellipsis;  overflow:hiddin;}
.newsBox_right ul li a{color:#444;}
.newsBox_right ul li .news_nextNav{display:none; width:466px; height:88px; line-height:26px; background:url(../images/new_right.png) no-repeat center;margin-bottom:20px;overflow: hidden;}
.newsBox_right ul li .news_nextNav p{width:427px;white-space: normal;height:78px; padding:30px 0 10px 20px}
.newsBox_right li .news_nextNav p a{ color:#389616;}
.newsBox_right ul li:hover .news_nextNav,.newsBox_right ul li.cur .news_nextNav {display:block;}
/*new end*/

/*footer start*/
.footer{background:#363636;padding: 30px 0 20px 0;}
.footer ul.nav_f li{padding: 0 43px;border-right: 1px dashed #666;}
.footer ul.nav_f li a{color: #eaeaea;font-size: 15px;}
.footer ul.nav_f li:nth-child(8) {border:none;}
.footer .line{height: 30px;border-bottom: 1px solid #666}
.footer .foot_main .lxwm ul{padding-top: 30px;margin-left: 30px;}
.footer .foot_main .lxwm ul li{height: 40px;line-height: 40px;font-size: 15px;color: #eee;}
.footer .foot_main .lxwm ul li img{padding:0 10px;}
.footer .foot_main .tel {text-align: center;height: 110px;}
.footer .foot_main .tel b{font-size: 16px;color:#8BC73E;text-align:right;display: block;font-weight: normal;}
.footer .foot_main .tel h3{font-size: 18px;color: #ddd;text-align: right;line-height: 40px;}
.footer .foot_main .tel h2{font-size: 35px;font-weight: bold;font-family: Arial; text-align: right;color: #8BC73E}
.footer .foot_main .tel{padding-top: 35px;width: 220px;}
.footer .foot_right p{text-align: right;line-height: 200%;color: #eee}
/*footer end*/
/*友情链接*/
.links{ background: #444; color: #fff; font-size:16px;}
.links a{font-size: 14px; color: #fff; margin-right: 10px; height: 30px; line-height: 30px;}
.links a:hover{color: #219ae5;}
/*left*/
.pro_list .pro_left{width: 260px;}
.pro_list .pro_left ul li{width: 230px;height: 35px;line-height:35px;background: #efefef;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: bold;color: #555;padding-left: 30px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.pro_list .pro_left ul li:hover {background: #8BC73E;color: #fff;}
.pro_list .pro_left ul li .jt{width: 40px;height: 40px;background: url(../images/jt.png);}
.pro_list .pro_left ul li:hover .jt{width: 40px;height: 40px;background: url(../images/jt2.png);}

/*main start*/
.main{margin: 40px auto}
.main .pro_list{width:240px;background: #fff;padding-bottom: 17px;}
.main .pro_list .pl_top{width:240px;height: 90px;background: url(../images/pl_top.jpg) no-repeat center;}
.main .pro_list .ul1 li{width: 230px;background: #dfdfdf;margin: 9px auto;line-height: 30px;padding: 0 10px;}
.main .pro_list .ul1 .son{width: 200px;height: 22px;margin:0 auto;line-height: 22px;border-bottom: 1px dashed #dfdfdf}
.main .pro_list .ul1 ul{width:200px;display: none;clear: both;background: #fff}

.main .main_body{width: 830px;background: #fff;padding:10px 0;margin:0}
.main_body .title{width: 810px;height: 35px;margin: 0 auto;border: 2px solid #000;border-width: 0 0 2px 0;line-height: 35px;}
.main_body .title b{font-size: 18px;color: #8BC73E}
.main_body .title b font{font-size: 14px;font-weight: normal;color: #888}
.main_body .title .fr{font-size: 12px;color: #666}
.main_body .main_bot{width: 800px;padding-top: 10px;margin:0 auto;line-height:28px}
/*main end*/

/*产品中心*/
.pro_body{
	width:860px;
	padding: 10px 0;
	margin-top:15px;
	}
.pro_body ul li {
    width: 284px;
    height: 200px;
	margin-bottom:15px;
}
.pro_body ul li .proimg {
    width: 250px;
    height: 187px;
	
}
.pro_body ul li .proimg img {
    position: relative;
    top: 5px;
    left: 16px;
	border: 1px #dfdfdf solid;
}
.pro_body ul li .prozi {
    width: 250px;
    text-align: center;
    position: relative;
    top: -10px;
	margin-top:20px;
}
.pro_body ul li .h1{
	width: 250px;
    text-align: center;
    position: relative;
    top: -10px;
    margin-top: 20px;
	text-align:center;
	color:red;
	font-size:14px;
	}
	
/*产品右侧*/
.tab {width:950px;}
.tab-title {width:950px;margin:0 auto;overflow: hidden;}
.tab-title .item {display: inline-block;width:125px;height:40px;line-height:40px;text-align: center;color: #dedede;font-size: 16px; background-color:#4F0000; margin:26px 21px; float:left;}
.tab-title .item:hover {background: #D88D45;color: #4F0000}
.tab-newtit .item{ margin: 16px 21px;}
.tab-title .item-cur {color: #fff;background-color: #e04840;}
.tab-cont,.tab_newcont{position: relative; width:950px;overflow: hidden;}
.tabconth{height:700px;}
.tabnewconth{height:700px;}
.tab-cont_wrap {position: absolute;}
.tab-cont .item,.tab_newcont .item {width:950px;text-align: center;color: #fff;}
.tab-cont .item{height:700px; }
.tab_newcont .item{ height: 700px;}
.lanren{width:950px;height:700px;}
.lanren li{width:280px;height:210px;list-style:none;position:relative; overflow:hidden; margin-left:36px; margin-top:6px;margin-bottom: 25px; /*padding: 20px;*/}
.lanren li .a1 img{width:280px;height:210px;}
.lanren li .a1 .divA{position:absolute;bottom:-218px;left:0; width:280px; height:210px;}
/*遮罩*/
.lanren li .a2{position:absolute;top:0;left:-289px;width:280px;height:210px;text-align:center;color:white; background:url('../images/hover.png') no-repeat left top;transition:all 0.2s;}
.lanren li .a2 .p4{width:280px;text-align:center;position:absolute;top:130px;left:-395px;color:#fba114;font-size:16px;transition:all 0.2s 0.1s ease-out;}

/*文章页*/
.ny_title h2 {
    line-height: 40px;
    color: #666666;
    font-size: 18px;
    border-bottom: 1px #ccc dashed;
    margin-bottom: 20px;
    font-weight: bold;
}
/*上下篇*/
.per {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    background: #E0D8D8;
}
.per p {
    line-height: 35px;
    margin: 0px;
    padding: 0px 10px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
	font-weight: bold;
	color: #8BC73E;
}
.fl{float:left;}
.fr:{float:right;}
/*相关文章*/
.xgwz {
    display: inline-block;
}
.cgbt {
    border-bottom: 1px #ccc solid;
    font-size: 18px;
    font-weight: bold;
    width: 800px;
}
.xgxw {
    width: 360px;
    line-height: 25px;
    height: 25px;
    float: left;
    margin: 5px 20px;
    border-bottom: 1px #ccc dashed;
    white-space: nowrap;
    overflow: hidden;
}
.pro_img2 {
    width: 100%;
    margin: 0px auto;
    height: auto overflow: auto;
}
.pro_img2 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.pro_img2 ul li {
    float: left;
    width: 150px;
    margin: 10px 5px;
    height: 160px;
}
.pro_img2 ul li a {
    text-decoration: none;
}
.pro_img2 ul li a img {
    width: 150px;
    height: 113px;
    border: 1px #ccc solid;
    border-radius: 3px;
}
.pro_img2 ul li a span {
    width: 150px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*新闻列表*/
dl.news_dl {
    font-size: 14px;
    color: #666;
    padding: 5px;
    line-height: 22px;
    border-bottom: 1px dashed #CCCCCC;
    margin: 6px;
}
dl.news_dl dt {
    line-height: 24px;
    height: 24px;
    width: 780px;
    overflow: hidden;
}
dl.news_dl .dt_1 {
    height: 20px;
    padding-left: 20px;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
dl.news_dl .dt_2 {
    font-size: 12px;
    float: right;
    padding: 0 10px 0 8px;
    font-family: "Microsoft YaHei";
}
/*上下页*/
.web_pages{width:860px;display: inline-block;}
.web_pages ul{float:left;padding:12px 0px 12px 22px;margin-left:20px;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px; background:#666;}
.web_pages ul li a{float:left;padding:10px;color: #FFF;display:block; background: #666;}
.web_pages ul li a:hover{background-color:#8BC73E; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#8BC73E; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:28px;padding:12px 10px 12px 16px;color:#FFF;}
.web_pages .pageinfo strong{color:white;margin:0px 2px;}

/*网站地图*/
.mapbody{margin:0 auto;}
#content01 h3{ font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid;    clear: both; }
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}

#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px;    width: 1100px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:auto;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:auto; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.linkbox .sj{ width:900px;}.linkbox .sj ul li{ float:left; }
.hotnew_bt{font-size:16px;width:1100px;float:left;color:#666666;font-weight: bold;border-bottom:#111111 2px solid;margin-bottom: 20px;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1200px;margin: 0 auto;}
/*左侧新闻栏*/
.sideWrap { margin-bottom: 19px; width: 260px; margin-top:10px;}
.sideWrap h2 { background:#8BC73E; height: 43px; line-height: 43px; font-size:24px; font-weight: bold;color: #fff;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.sideWrap h2 span{ padding-left:10px;}
.sideBox { background: #f2f2f2; }
.sideNewsBox { padding: 11px 12px 13px 11px; }
.sideNewsBox li { border-bottom: 1px dashed #d2d2d2; height: 29px; line-height: 29px; }
.sideNewsBox h3 a {background: url(../images/arrow.gif) no-repeat 0 center;color:#393939;display: block;padding-left: 11px;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.sideNewsBox h3 a:hover {color:#8BC73E;font-size: 14px;font-weight: bold;}