/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,p{ margin:0; padding:0; border:none; border:none}
body{ font-family:"΢ÈíÑźÚ"; font-size:14px; }
li{ text-decoration:none; list-style-image:none; list-style-type:none}
a{ text-decoration:none; color:#333333}
.box{ width:1200px; margin:0 auto}
.clear{ clear:both;}

#qq_icon{width:187px;height:193px;background:url(../images/qq_icon.png) no-repeat;position:fixed;right:-200px;top:150px;cursor:pointer; z-index:999999}
#cs_online{width:217px;height:324px;position:fixed;top:150px;right:-220px;background:url(../images/qq_bg.png) no-repeat;display:none;filter:alpha(opacity:0);opacity:0; z-index:999999}
.qq_context{width:185px;height:244px;margin-top:73px;margin-left:24px;list-style:none;padding:0px;}
.qq_context li{width:175px;height:25px;margin-left:5px;margin-top:20px;float:left;}
.span_t{display:block;float:left;color:#333;line-height:25px;font-size:12px;font-family:'Arial';}

.head{ width:100%; margin:0 auto; height:50px; position:relative; z-index:999999}
.top{ background:url(../images/top.png) center no-repeat; height:40px;}
.logo{ float:left;}
.logo img{ width:170px;}
.wap-logo{ display:none}

.lead>ul{ width:900px; margin:0 auto; float:right; margin-top:20px;}
.lead>ul>li{ width:110px; float:left; text-align:center; line-height:50px; font-size:15px; position:relative}
.lead>ul>li>a{ color:#333; padding:5px 0}
.lead>ul>li>a:hover{ border-bottom:#66b542 solid 2px; color:#66b542}
.lead>ul>li>ul{ position:absolute; top:50px; left:-15px; background:url(../images/bg.png);font-size:14px; line-height:40px;width:140px; height:0px; overflow:hidden;transition-property:height;transition-duration:1s;
-moz-transition-property:height;-moz-transition-duration:1s;-webkit-transition-property:height;-webkit-transition-duration:1s;-o-transition-property:height;-o-transition-duration:1s;}
.lead>ul>li:hover ul{font-size:14px; line-height:40px; padding:10px 0; height:345px}
.lead>ul>li:hover ul li{ border-bottom:#ccc solid 1px;}
.lead>ul>li:hover ul li:hover{ background-color:#66b542;}
.lead>ul>li:hover ul li:hover a{ color:#FFFFFF}


@media screen and (max-width:700px){
.qq{ display:none}
.box{ width:100%}
.top{ display:none}

.logo{ display:none}
.wap-logo{ display: block;}
.wap-logo img{ width:100%}

.lead>ul{ width:100%; margin:0 auto; float:right; margin-top:0px;}
.lead>ul>li{ width:24.64%; float:left; text-align:center; line-height:35px; margin:0.18%; font-size:12px; position:relative; background-color:#66b542}
.lead>ul>li>a{ color:#fff; padding:0}
.lead>ul>li>a:hover{ border-bottom:#66b542 solid 0px; color:#66b542}
.lead>ul>li>ul{ display:none}
}

/*  banner  */
.banner{ width:100%; float:right;position:relative;font-size:0; padding-top:0px;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:10px; left:42%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative; border-radius:2px;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:40px;height:3px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#01669a; border:#01669a solid 1px;}
/* Callback example */
.callbacks_container{margin-bottom:0px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:700px){.callbacks_nav{top:47%;}}
.banner-bot{ width:1200px; margin:0 auto; position:relative; z-index:9999}
.banner-bot img{ position:absolute; left:0; top:-60px;}
.erji-banenr{ display:none}


.pro{ width:1200px; margin-top:30px; margin-left: auto; margin-right:auto;}
.pro-left{ width:230px; float:left}
.pro-left-title{ background-color:#66b542; color:#FFFFFF; line-height:80px; text-align:center; font-size:24px;}
.pro-left ul{ background-color:#f4f4f4; padding:10px; min-height:460px;}
.pro-left ul li{ line-height:50px; background-color:#FFFFFF; margin:2px; text-align:center; font-size:15px;}
.pro-left ul li:hover{ background-color:#66b542}
.pro-left ul li:hover a{ color:#FFFFFF}
.pro-right{ width:950px; float:right}
.pro-right-title{ height:40px; line-height:40px; border-bottom:#f4f4f4 dashed 1px; margin-bottom:20px;}
.pro-right-title span{ float:left; font-size:18px; color:#66b542;}
.pro-right-title a{ float:right; color:#666666; font-size:12px;}
.pro-right ul li{ width:225px; float:left; margin:5px;}
.pro-right ul li div{ width:100%; height:200px; overflow:hidden; border:#f4f4f4 solid 1px; text-align:center; background-color:#f7f7f7}
.pro-right ul li div img{ height:100%;}
.pro-right ul li p{ text-align:center; line-height:30px; background-color:#66b542; margin-top:7px; color:#FFFFFF}
.pro-right ul li:hover p{ background-color:#01669a}

@media screen and (max-width:700px){
.pro{ width:100%; margin-top:10px;}
.pro-left{ display:none}

.pro-right{ width:100%; float:none}
.pro-right-title{ height:40px; line-height:40px; border-bottom:#f4f4f4 dashed 1px; margin-bottom:20px;}
.pro-right-title span{ float:left; font-size:18px; color:#66b542; margin-left:5px;}
.pro-right-title a{ float:right; color:#666666; font-size:12px; margin-right:5px;}
.pro-right ul li{ width:48%; float:left; margin:1%;}
.pro-right ul li div{ width:100%; height:160px; overflow:hidden; border:#f4f4f4 solid 0px; text-align:center; background-color:#f7f7f7}
.pro-right ul li div img{ height:100%;}
.pro-right ul li p{ text-align:center; line-height:30px; background-color:#66b542; margin-top:7px; color:#FFFFFF}
.pro-right ul li:hover p{ background-color:#01669a}

.banner{ display:none}
.erji-banenr{ display:block}
.erji-banenr img{ width:100%;}

}

.about-title{ background:url(../images/about-title.png) center no-repeat; height:324px;}
.about{ width:1200px; margin:30px auto;}
.about-left{ float:left}
.about-right{ float:right; width:570px; line-height:30px; color:#666666}
.about-more{ text-align:center; margin-top:30px;}
.about-more a{ padding:7px 20px; color:#FFFFFF; background-color:#66b542; border-radius:10px;transition-property:background-color border-radius;transition-duration:1s;
-moz-transition-property:background-color border-radius;-moz-transition-duration:1s;-webkit-transition-property:background-color border-radius;-webkit-transition-duration:1s;-o-transition-property:background-color border-radius;-o-transition-duration:1s;}
.about-more a:hover{background-color:#01669a;border-radius:5px}

.case{ background:url(../images/case-bg.png) center no-repeat; height:458px; padding-top:80px;}

.advan{ background:url(../images/advan.png) center no-repeat; height:835px;}

@media screen and (max-width:700px){
.about-title{ background:url(../images/wap-about.png) center no-repeat; height:220px;}
.about{ width:100%; margin:20px auto;}
.about-left{ float:left}
.about-left img{ width:100%;}
.about-right{ float:right; width:98%; line-height:25px; color:#666666; font-size:13px; padding:1%}
.about-more{ text-align:center; margin-top:30px; font-size:12px;}
.case{ background:url(../images/wap-case-bg.png) center no-repeat; height:310px; padding-top:50px;}
.advan{ display:none}
}

.news{ width:1200px; margin:30px auto;}
.news-title{ background:url(../images/news-title.jpg) center no-repeat; height:82px;}
.news-img{ margin-top:20px; float:left; width:550px;}
.news-img img{ width:100%;}
.news ul{ width:620px; float:right; margin-top:20px;}
.news ul li{ height:50px; line-height:50px; border-bottom:#CCCCCC dashed 1px;}
.news ul li span{ background-color:#66b542; padding:5px 20px; color:#FFFFFF; font-size:13px; margin-right:10px;}
.news ul li:hover span{ background-color:#01669a;}
.news ul li:hover a{ color:#01669a;}

@media screen and (max-width:700px){
.news{ width:100%; margin:20px auto;}
.news-title{ background:url(../images/wap-news-title.jpg) center no-repeat; height:82px;}
.news-img{ margin-top:20px; float:none; width:100%; display:none}
.news-img img{ width:100%;}
.news ul{ width:100%; float:none; margin-top:20px;}
.news ul li{ height:50px; line-height:50px; border-bottom:#CCCCCC dashed 1px; overflow:hidden}
.news ul li span{ background-color:#66b542; padding:5px 10px; color:#FFFFFF; font-size:12px; margin-right:10px;}
.news ul li:hover span{ background-color:#01669a;}
.news ul li:hover a{ color:#01669a;}
}

.foot{ background-color:#000000; height:70px; line-height:70px; margin-top:20px;}
.foot ul{ float:left}
.foot ul li{ float: left; margin-right:20px; font-size:13px;}
.foot ul li a{ color:#eee}
.foot p{ float:right; color:#eee}

.wap-float{ display:none}
.wap-float{ position:fixed; left:0; bottom:0; background-color:#66b542; width:100%;}
.wap-float ul li{ width:24.3%; float:left; border-left:#459322 solid 1px; border-right:#85d262 solid 1px; text-align:center; padding:10px 0}
.wap-float ul li div{ width:100%; text-align: center}
.wap-float ul li div img{ width:35%}
.wap-float ul li p{ color:#eee; font-size:12px; line-height:20px; margin-top:5px;}
@media screen and (max-width:700px){
.foot{ background-color:#000000; height:auto; line-height:40px; margin-top:20px; margin-bottom:75px;}
.foot ul{ float:none; display:none}
.foot p{ float:none; color:#eee; text-align:center;}

.wap-float{ display:block}
}

.erji-banner{ background:url(../images/erji-banner.jpg) center no-repeat; height:316px;}
.erji{ width:1145px; margin:30px auto}
.left{ width:230px; float:left}
.left-title{ background-color:#01669a; color:#FFFFFF; text-align:center; width:100%; line-height:70px; font-size:20px; font-weight:bold}
.left ul{ background-color:#f6f6f6; padding:10px;}
.left ul li{ line-height:40px; background-color:#FFFFFF; margin-bottom:1px; text-align:center;}
.left ul li:hover{ background-color:#01669a}
.left ul li:hover a{ color:#FFFFFF}
.left-contact p{ background-color:#f6f6f6; padding:10px; line-height:30px; color:#333333}
.right{ width:890px; float:right}
.right-title{ border-bottom:#CCCCCC dashed 1px; height:50px; line-height:50px;}
.right-title span{ color:#01669a; font-size:18px; float: left; font-weight:bold}
.right-title p{ float:right; background:url(../images/icon.png) left center no-repeat; padding-left:20px;}
.erji-about{ line-height:30px; margin-top:10px;}

.erji-pro{ margin-top:10px;}
.erji-pro ul li{ width:210px; float:left; margin:6px;}
.erji-pro ul li div{ width:100%; height:200px; overflow:hidden; border:#f4f4f4 solid 1px; text-align:center; background-color:#f7f7f7}
.erji-pro ul li div img{ height:100%;}
.erji-pro ul li p{ text-align:center; line-height:30px; background-color:#666; margin-top:7px; color:#FFFFFF; height:30px; overflow:hidden}
.erji-pro ul li:hover p{ background-color:#01669a}

.erji-news{ margin-top:10px}
.erji-news ul li{ height:40px; line-height:40px; background: url(../images/ico2.gif) left center no-repeat; padding-left:25px; overflow:hidden}
.erji-news ul li a{ color:#333333}
.erji-news ul li span{ float:right; font-size:13px;}
.erji-news ul li:hover a{ color:#01669a}

.wap-list-title{ background-color:#66b542; color:#FFFFFF; padding-left:5px; height:40px; line-height:40px; font-size:16px; font-weight:bold}
.list ul li{ height:40px; line-height:40px; border-bottom:#eee solid 1px; padding-left:5%}

@media screen and (max-width:700px){
.erji-banner{ background:url(../images/wap-erji-banner.jpg) center no-repeat; height:120px;}
.erji{ width:100%; margin:10px auto}
.left{ display:none}
.right{ width:100%;}
.erji-about{ padding:2%; line-height:25px; font-size:13px;}
.right-title{ border-bottom:#CCCCCC dashed 1px; height:40px; line-height:40px;}
.right-title span{ font-size:16px; margin-left:5px;}
.right-title p{ font-size:12px; margin-right:5px;}
.erji-pro ul li{ width:48%; float:left; margin:1%;}
.erji-pro ul li div{ width:100%; height:130px; overflow:hidden; border:#f4f4f4 solid 1px; text-align:center; background-color:#f7f7f7}
.erji-pro ul li div img{ height:100%;}
.erji-pro ul li p{ text-align:center; line-height:25px; height:25px; overflow:hidden; background-color:#666; margin-top:7px; color:#FFFFFF; font-size:13px;}
.erji-pro ul li:hover p{ background-color:#01669a}
.erji-news ul li{ height:35px; line-height:35px; margin:0 1.5%; font-size:13px;}
.erji-news ul li span{ display:none}
}

.index-sortbox{min-width: 1200px; width: 100%; background: #01669a; color: #fff; height: 130px;}
.index-sortbox ul{width: 100%; margin: 0 auto; background:#01669a;}
.index-sortbox ul li{width: 25%; height: 130px; background:#01669a; float: left; position: relative;}
.index-sortbox ul li .index-youshang1{top: 19px; left: 230px;}
.index-sortbox ul li span{position: absolute; top: 25px;}
.index-sortbox ul li .index-shang{left: 153px; font-size: 30px; font-weight: bold;}
.index-sortbox ul li .index-p1{left: 120px;}
.index-sortbox ul li .index-p{position: absolute;}
.index-sortbox ul li p{left: 120px; position: absolute; line-height: 170px; font-size: 16px; position: relative;}
.index-sortbox ul li .index-youshang2{top: 19px; left: 218px;}
.index-sortbox ul li .index-shang2{left: 133px;}
.index-sortbox ul li .index-p2{left: 105px;}
.index-sortbox ul li .index-youshang3{top: 19px; left: 217px;}
.index-sortbox ul li .index-shang3{left: 140px;}
.index-sortbox ul li .index-p3{left: 100px;}
.index-sortbox ul li p .xyoushang{position: absolute; font-size: 10px; top: -5px;}
.index-sortbox ul li .index-shang4{left: 123px;}
.index-sortbox ul li .index-p4{left: 120px;}
.index-sorttwo{width: 1300px; margin: 0 auto; margin-top: 0px; margin-top: 50px;}
.index-sorttwo p:only-of-type{font-size: 30px; text-align: center; margin-bottom: 30px;}
.index-sorttwo ul{margin-left: 160px;}
.index-sorttwo ul li{width: 25%; float: left;}
.index-sorttwo ul li p{margin-left: 10px;}
.index-c1 .index-c1-name{font-size: 36px; line-height: 35px; letter-spacing: 2px; font-weight: bold; text-align: center; padding-top: 30px; color:#de0000}
.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.index-c1 .index-c1-name span:nth-child(1){color: #fff;}
.index-c1 .index-c1-des{color: #fff; font-size: 16px; line-height: 35px; letter-spacing: 2px; text-align: center; margin-top: 16px; position: relative;}
.index-c1 .index-c1-des .des1{left: 198px; top: 17px;}
.index-c1 .index-c1-des .des2{top: 17px; right: 198px;}
.index-c1 .index-c1-des{color: #fff; font-size: 16px; line-height: 35px; letter-spacing: 2px; text-align: center;}
.aaa{background-color:#eee; padding:30px 0; margin-top:50px;}

@media screen and (max-width:700px){
.index-sortbox{ width: 100%; background: #01669a; color: #fff; height: 130px; display:none}
.index-sorttwo{width: 1300px; margin: 0 auto; margin-top: 0px; margin-top: 50px; display:none}
.index-c1 .index-c1-name{font-size: 20px; line-height: 30px; letter-spacing: 2px; font-weight: bold; text-align: center; padding-top: 0px; color:#de0000}
.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.index-c1 .index-c1-name span:nth-child(1){color: #fff;}
.index-c1 .index-c1-des{color: #fff; font-size: 14px; line-height: 35px; letter-spacing: 2px; text-align: center; margin-top: 16px; position: relative;}
.index-c1 .index-c1-des .des1{left: 198px; top: 17px;}
.index-c1 .index-c1-des .des2{top: 17px; right: 198px;}
.index-c1 .index-c1-des{color: #fff; font-size: 14px; line-height: 25px; letter-spacing: 2px; text-align: center;}

.aaa{background-color:#eee; padding:30px 0; margin-top:0px;}
}