/* 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; background-color:#fff; }
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;}
.left{ float:left}
.right{ float:right;}
#pc{ display:block}
#wap{ display:none}
#baicolor{ color:#FFFFFF;}
.title{ width:1200px;}

.title-p{ font-size:30px; color:#b30000;text-transform: uppercase; font-weight:600}
.title-h3{color:#000;  margin-top:10px; font-size:22px; font-weight:600; color:#333333}


.index-title{ text-align:center}
.index-title h3{ color:#000; font-size:24px; font-weight:500}
.index-title div{ height:3px; width:30px; background-color:#ba0000; margin:10px auto}
.index-title p{ color:#333333; font-size:16px;}

@media all and (min-width: 250px) and (max-width: 640px){
#pc{ display:none}
#wap{ display: block}
.box{ width:100%; margin:0 auto}
.title{ width:100%;}
.title-p{ font-size:22px; color:#b30000;text-transform: uppercase; font-weight:600; margin:0 2%}
.title-h3{color:#000;  margin-top:10px; font-size:18px; font-weight:600; color:#333333; margin:0 2%}

.index-title{ text-align:center}
.index-title h3{ color:#000; font-size:22px; font-weight:500}
.index-title div{ height:3px; width:30px; background-color:#ba0000; margin:10px auto}
.index-title p{ color:#333333; font-size:16px;}

.wap-head{ margin-top:50px;}
.wap-head img{ width:100%;}

}


#fudong{ position:fixed; right:0px; top:40%; width:60px; height:180px; border:#e6e6e6; z-index:9999999}
#wx-cont{ position:absolute; left:-165px; top:0; background:url(../images/icon-jiantou.png) right 10px no-repeat; padding-right:10px; display:block}
#wx-cont img{ border:#fe0000 solid 3px;}
#phone-cont{ color:#FFFFFF; text-align:center; width:152px; height:60px; background:url(../images/icon-jiantou.png) right 10px no-repeat; position:absolute;left:-165px; top:60px; display:none}
#phone-cont div{width:146px; height:60px; line-height:60px;background-color:#333; letter-spacing:1px; font-size:15px; font-weight:bold}
#fd-wx{ background:url(../images/icon-weixins.png) #fe0000 center no-repeat;width:60px; height:60px; border:#fe0000 solid 2px; }
#fd-phone{ border:#e6e6e6 solid 2px;background:url(../images/icon-tel.png) #fff center no-repeat;width:60px;height:60px; border-top:none}
#fd-top{border:#e6e6e6 solid 2px;background:url(../images/icon-top.png) #fff center no-repeat;width:60px;height:60px; border-top:none}

#fd-wx_hover{ background:url(../images/icon-weixins.png) #333 center no-repeat;}
#fd-phone_hover{background:url(../images/icon-tels.png) #333 center no-repeat;width:60px; height:60px; border:#fe0000 solid 2px;}


#con{ WIDTH: 60px; position: fixed; right:0px; top:40%; z-index:9999}
#tags{ WIDTH: 60px;}
#tags LI{HEIGHT: 60px}
#tags LI A{}
#tags LI.emptyTag{}
.a1 p,.a2 p,.a1 p,.a3 p{ width:60px; height:60px;}
.a1 p{ background:url(../images/icon1.jpg);}
.a2 p{ background:url(../images/icon2.jpg);}
.a3 p{ background:url(../images/icon3.jpg);}
#tags LI.selectTag{BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; width:60px; height:60px;}
#tags LI.selectTag .a1 p{background:url(../images/icon1s.jpg); COLOR: #000;  width:60px; height:60px;}
#tags LI.selectTag .a2 p{background:url(../images/icon2s.jpg);COLOR: #FF0000;  width:60px; height:60px;}
.a3:hover p{background:url(../images/icon3s.jpg); COLOR: #0000FF;  width:60px; height:60px;}
#tagContent{ position:absolute; width:160px; left:-170px; top:0;}
.tagContent{ DISPLAY: none;}
#tagContent DIV.selectTag{DISPLAY: block}
.float-erweima{ background:url(../images/icon-jiantou.png) right 10px no-repeat; padding-right:10px;}
.float-erweima img{ border:#333 solid 3px;}
.float-phone{background:url(../images/icon-jiantou.png) right 10px no-repeat; padding-right:10px; margin-top:60px;}
.float-phone p{ background-color:#333; color:#FFFFFF; text-align:center; height:60px; line-height:60px; width:150px; font-weight:bold; font-size:15px;}


.head{ position:fixed; top:0; left:0; width:100%; background-color:#FFFFFF; z-index:999999999999; border-bottom:#eee solid 1px;}

.top{ height:35px; line-height:35px; background-color:#f5f5f5}
.top ul{ width:920px; float:right}
.top ul li{ float:left;}
.lang{ background:url(../images/icon_arrow_down.png) right center no-repeat; padding-right:20px; position:relative; padding-left:15px; margin-right:30px;}
.lang p{ float:left;}
.lang img{ float:left; width:25px; margin-top:5px; margin-left:10px;}
.lang:hover div{ height:95px;}
.lang div{ width:125px; position:absolute; left:0; top:35px; padding-left:15px; transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;filter: alpha(opacity=0); height:0px; overflow:hidden}
.lang:hover div{ display:block; background-color:#f5f5f5;}
.lang:hover div a:hover{ color:#fe0000}
.lang:hover{ background:url(../images/icon_arrow_up.png) right center no-repeat}
.top-img img{ float:left; width:22px; margin-top:6px; margin-right:10px;}
.top-img{ width:125px;}
.top-img:hover a{ color:#fe0000}
.sousuo{ margin-left:30px; }
.sousuo img{ width:18px; margin-top:8px; margin-left:10px; float:right;}
.sousuo input{ border:none; height:22px; line-height:22px; padding-left:10px;}

.head-cont{ width:1200px; margin:0 auto;}
.logo{ float:left; margin-right:50px;}
.logo img{ height:70px; float:left}
.logo p{ float:left; margin-left:20px; font-size:18px; margin-top:18px;}
.logo p span{ font-size:12px; letter-spacing:1.1px; color:#333}
.lead{letter-spacing:1px;}
.lead>ul>li{ width:90px; float:left; text-align:center; height:70px; line-height:70px; margin:0 0 0 50px; font-size:16px;}
/*#cur{height:67px; line-height:67px;}
#cur{ border-bottom:#ba0000 solid 3px;}
#cur>a{ color:#ba0000}*/
.lead>ul>li:hover{border-bottom:#ba0000 solid 3px;height:67px; line-height:67px;}
.lead>ul>li:hover>a{color:#ba0000}
.lead>ul>li>ul{ position:absolute; width:100%; left:0px; top:106px; background-color:#FFFFFF; padding:40px 0; display:none}
.lead>ul>li:hover>ul{ display:block}
.lead>ul>li>ul li{ width:180px; float:left; text-align:center; margin-right:50px;}
.lead>ul>li>ul li h3{ font-size:15px; font-weight:500; color:#ba0000;border-bottom:#ddd solid 1px; height:40px; line-height:40px; margin-bottom:10px;}
.lead>ul>li>ul li h3 span{ float:right; margin-right:5px;}
.lead>ul>li>ul li a{ display:block; height:35px; line-height:35px; color:#666666; font-size:14px; background-color:#eee }
.lead>ul>li>ul li a:hover{ color:#ba0000}

/*  banner  */
.banner{ width:100%; position:relative;font-size:0; padding-top:0px; margin-top:100px;}
.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:35px; left:46%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:18px; border-radius:9px;height:18px;margin-left:10px;position:relative; overflow:hidden}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:14px;height:14px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:2px solid #b30000;border-radius:9px;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#b30000; border:#b30000 solid 2px;}
/* 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%;}.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:0px; left:45%;}}

@media all and (min-width: 250px) and (max-width: 640px){
.banner{ width:100%; position:relative;font-size:0; padding-top:0px; margin-top:0;}
.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:1%; left:40%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px; border-radius:6px;height:12px;margin-left:5px;position:relative; overflow:hidden}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #b30000;border-radius:9px;}

}






.case{ margin:0 auto; padding:50px 0;background-color:#FFFFFF;}
.case-cont{ width:1200px; margin: 40px auto}
.case-cont ul li{ overflow:hidden; position:relative; float:left; margin:5px;}
.case-cont ul li img{ width:100%;}
.case-cont ul li div{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#FFFFFF; background:rgba(0,0,0,0.6) none repeat scroll 0% 0%; display:none;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;filter: alpha(opacity=0); opacity: 0;}
.case-cont ul li div h3{ line-height:140%; color:#FFFFFF; font-size:23px; font-weight:500; margin-top:100px;}
.case-cont ul li div p{ font-size:16px; margin-top:0px;}
.case-cont ul li:hover div{ display:block;}
.case-cont ul li:hover div:hover{filter: alpha(opacity=70); opacity: 0.7;}


.case-more{width: 390px; height: 70px; line-height:70px; margin-top:10px; text-align:center;  background:rgba(179,0,0,1) none repeat scroll 0% 0%; color:#FFFFFF;transition: background 1s;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition: background 1s;}
.case-more a{ color:#FFFFFF; font-size:16px; letter-spacing:1px}
.case-more:hover{background:rgba(148,0,0,1) none repeat scroll 0% 0%;}


@media all and (min-width: 250px) and (max-width: 640px){
.case{ margin:0 auto; padding:40px 0 0 0;background-color:#FFFFFF; }
.case-cont{ width:100%; margin: 40px auto}
.case-cont ul li{ overflow:hidden; position:relative; float:left; width:48%; margin:1%; height:200px; background-color:#b30000;}
.case-cont ul li img{ height:100%; width:auto;}
.case-cont ul li div{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#FFFFFF; background:rgba(0,0,0,0.6) none repeat scroll 0% 0%; display:block;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;filter: filter: alpha(opacity=70); opacity: 0.7;}
.case-cont ul li div h3{ line-height:140%; color:#FFFFFF; font-size:20px; font-weight:500; margin-top:40%;}
.case-cont ul li div p{ font-size:14px; margin-top:0px;}
.case-cont ul li:hover div{ display:block;}
.case-cont ul li:hover div:hover{}


.case-more{width: 390px; height: 200px; line-height:200px; margin-top:10px; text-align:center; background:rgba(179,0,0,1) none repeat scroll 0% 0%; color:#FFFFFF;transition: background 1s;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition: background 1s;}
.case-more a{ color:#FFFFFF; font-size:20px; letter-spacing:1px}
.case-more:hover{background:rgba(148,0,0,1) none repeat scroll 0% 0%;}
}


.about{ background-color:#FFFFFF; padding-bottom:60px;}
.about-cont{ background:url(../images/ab_bgx.png) center top no-repeat; height:521px;}
.about-p{ width:730px; float:right; margin-top:100px;}
.about-p h3{ margin-bottom:20px; font-size:18px;}
.about-p p{ line-height:25px; color:#333333}
.about-more{ margin-top:50px;}
.about-more a{ padding:10px 30px; color:#FFFFFF; letter-spacing:1px; margin-right:30px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;filter: alpha(opacity=0); }
.about-more a:nth-child(1){ background-color:#b30000}
.about-more a:nth-child(2){ background-color:#b30000}
.about-more a:nth-child(3){ background-color:#b30000}
.about-more a:hover{ background-color:#5e0000}


@media all and (min-width: 250px) and (max-width: 640px){
.about{ background-color:#FFFFFF;}
.about-cont{ background:#eee; height:auto;padding:30px 2%; width:96%}
.about-p{ width:100%; float:none; margin-top:0; font-size:14px;}
.about-p h3{ margin-bottom:20px; font-size:22px;}
.about-p p{ line-height:25px; color:#333333}
.about-more{ margin-top:50px; width:100%}
.about-more a{ padding:7px 0; color:#FFFFFF; text-align:center; letter-spacing:1px; margin-right:1%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;filter: alpha(opacity=0); display:inherit; width:32%; float:left;}
.about-more a:nth-child(1){ background-color:#b30000; margin-left:1%}
.about-more a:nth-child(2){ background-color:#b30000}
.about-more a:nth-child(3){ background-color:#b30000}
.about-more a:hover{ background-color:#5e0000}

}


.advan{ background-color:#FFFFFF; padding:50px 0 70px 0; }
.advan-cont{ width:1200px; margin:30px auto 0 auto;}
.advan-cont ul li{ border:#CCCCCC solid 1px; float:left; text-align:center; width:388px; margin:5px; height:70px; line-height:70px; font-size:16px}
.advan-cont ul li img{ float:left; margin:12px 40px; width:50px;}
.advan-cont ul li p{ float:right; margin-right:60px; text-align:left; width:198px;}

.why{padding-top:50px;}
.why-cont{ width:1200px; margin:50px auto; padding-bottom:30px; }
.why-cont ul li{ width:359px; height:130px; float:left; margin-right:1px; margin-bottom:1px; background-color:#FFFFFF; padding:30px 20px}
.why-cont ul li h3{ color:;}
.why-cont ul li p{ line-height:25px; color:#333333; margin-top:10px;}
.why-bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
.why-bg img{ width:100%}

@media all and (min-width: 250px) and (max-width: 640px){
.advan{ background-color:#FFFFFF; padding:0px 0 40px 0; }
.advan-cont{ width:100%; margin:30px auto 0 auto;}
.advan-cont ul li{ border:#CCCCCC solid 1px; float:left; text-align:center; width:47%; margin:1%; height:auto; padding:10px 0; line-height:40px; font-size:16px; text-align:center;}
.advan-cont ul li img{ float:none; margin:12px 40px; width:50px;}
.advan-cont ul li p{ float:none; margin-right:60px; text-align: center; width:100%;}

.why{padding-top:50px;}
.why-cont{ width:100%; margin:50px auto; padding-bottom:0px; }
.why-cont ul li{ width:90%; height:auto; float:none; margin:5px 1%; background-color:#eee; padding:10px 4%}
.why-cont ul li h3{ color:;}
.why-cont ul li p{ line-height:25px; color:#333333; margin-top:10px;}
.why-bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
.why-bg img{ height:100%; width:auto}
}

.product{ padding:70px 0 20px 0; background-color:#FFFFFF; }
.product-cont{ width:1200px; margin:50px auto}
.prod-cont{margin:50px auto 30px auto;width:1200px; position: relative}

div.indexmaindiv{height:270px;margin:0px auto;width:1200px;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:130px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:130px 5px 0px 0px;cursor:pointer;}


div.indexmaindiv1 div.playerdetail{width:268px;background:#FFF;font-family:'Î¢ÈíÑÅºÚ';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:266px; border:#eee solid 1px; text-align:center}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%;}

div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:130px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:130px 0px 0px 15px;cursor:pointer;}
/*¹ö¶¯*/
div.maindiv1{float:left;width:1130px;height:300px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:268px;height:300px;margin-left:13px;}

.scroll{width:1200px;height:350px;}
	.scroll_left{width:38px;height:61px;background:url(../images/left.png) no-repeat; position:absolute; left:4px; top:130px;}
	.scroll_right{width:38px;height:61px;background:url(../images/right.png) no-repeat;float:left;position:absolute; right:4px; top:130px;}
	.pic{width:1200px;height:350px;float:left;}
	.pic ul{display:block;}
	.pic li{float:left;display:inline;text-align:center; border:#eee solid 1px; margin:4px;}


@media all and (min-width: 250px) and (max-width: 640px){
.product{ padding:70px 0 20px 0; background-color:#FFFFFF; width:100%; overflow:hidden;}
.product-cont{ width:100%; margin:50px auto; overflow:hidden}
.prod-cont{margin:50px auto 30px auto;width:100%; position: relative}


}


.news{ padding:20px 0 50px 0; background-color:#FFFFFF}
.news-cont{ width:1200px; margin:40px auto;}
.news ul li{ float:left; width:380px; margin:10px;}
.news ul li div{ width:100%; height:240px; overflow:hidden; text-align:center;}
.news ul li div img{ width:100%;}
.news ul li h3{ font-weight:500; line-height:35px; height:35px;width:100%; overflow:hidden}
.news ul li p{ color:#888; height:50px; line-height:25px; overflow:hidden;}
.news ul li:hover h3{ color:#FF0000;}

@media all and (min-width: 250px) and (max-width: 640px){
.news{ padding:20px 0 10px 0; background-color:#FFFFFF}
.news-cont{ width:100%; margin:40px auto;}
.news ul li{ float:none; width:96%; margin:15px 2%;}
.news ul li div{ width:100%; height:240px; overflow:hidden; text-align:center;}
.news ul li div img{ width:100%;}
.news ul li h3{ font-weight:500; line-height:35px; height:35px;width:100%; overflow:hidden}
.news ul li p{ color:#888; height:50px; line-height:25px; overflow:hidden;}
.news ul li:hover h3{ color:#FF0000;}
}

.foot{ background-color:#3e3e3e; height:372px; letter-spacing:1px; background: url(../images/Í¼Æ¬1.png) #eee top center no-repeat; padding-top:50px;}
.foot-left{ float:left; width:450px; color:#333; margin-top:50px;}
.foot-logo{ margin-bottom:40px; width:1200px; height:100px; background-color:#FFFFFF; border-radius:3px; }
.foot-logo img{ margin-left:30px;float:left;}
.foot-p{ line-height:25px;}
.foot-right{ float:right; width:470px; margin-top:20px; margin-right:30px;}
.foot-right p{ color:#333; margin-bottom:10px;}
.foot-right .in{width:330px; height:30px; line-height:30px;color:#999999; padding:0 10px; border:#666 solid 1px;}
.foot-right .but{ background-color: #FF0000; color:#333; height:32px; line-height:34px; border-radius:2px; border:none; width:95px; margin-left:5px; color:#FFFFFF}
.foot-cont{ width:100%}
.foot-cont ul li{ float:left; padding-right:40px;  margin-right:160px;}
.foot-cont ul li h3{ font-weight:500; height:40px; line-height:40px; border-bottom:#666 solid 1px; margin-bottom:20px;}
.foot-cont ul li p{}

.foot-bot{ text-align:center; border-top:#504f4f solid 1px;color:#333; height:38px; line-height:38px; margin-top:32px;}


@media all and (min-width: 250px) and (max-width: 640px){
.foot{ background-color:#3e3e3e; height:auto; letter-spacing:0px; background: url(../images/Í¼Æ¬1.png) #eee top center no-repeat; padding:10px 2%;}
.foot-bot{ text-align:center; border-top:#504f4f solid 0px;color:#333; height:auto; line-height:25px; margin-top:0px;}
}


.erji-banner{ width:100%; margin-top:105px; position:relative;}
.erji-banner img{ width:100%}
#bbb{ width:100%; position:fixed; top:105px; left:0; z-index:-1}


.erji-about{ background-color:#FFFFFF; padding:50px 0;}

.erji-about-left{ width:350px; float:left; border:#eee solid 3px; height:470px; margin-left:20px;}
.erji-about-left img{ margin-left:-20px; margin-top:20px;}
.erji-about-right{ width:780px; float:right; margin-top:20px}
.erji-about-right h3{ margin-top:0px; font-size:20px; color: #333; font-weight:500}
.erji-about-right span{ color:#b30000; line-height:40px;text-transform: uppercase; font-size:24px; }
.erji-about-right p{ margin-top:30px; line-height:30px; color:#333333; margin-bottom:20px; font-size:15px;}
.erji-about-right p b{ font-size:16px; color:#000; line-height:80px;}
.erji-about-right a{ background-color:#b30000; color:#FFFFFF; padding:7px 30px; letter-spacing:1px; border-radius:2px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-about-right a:hover{ background-color:#9c0001}


@media all and (min-width: 250px) and (max-width: 640px){
.erji-banner{ width:100%; margin-top:0; position:relative;}

.erji-about{ background-color:#FFFFFF; padding:20px 0;}
.erji-about-right{ width:100%; float:none; margin-top:20px}
.erji-about-right h3{ margin-top:0px; font-size:20px; color: #333; font-weight:500}
.erji-about-right span{ color:#b30000; line-height:40px;text-transform: uppercase; font-size:22px; }
.erji-about-right p{ margin-top:30px; line-height:30px; color:#333333; margin-bottom:20px; font-size:14px; width:94%; margin:3%}
.erji-about-right p b{ font-size:16px; color:#000; line-height:25px;}
.erji-about-right a{ background-color:#b30000; color:#FFFFFF; padding:0; letter-spacing:1px; border-radius:2px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s; display:block; width:50%; margin:30px auto 10px auto; height:35px; text-align:center; line-height:35px;}
}


.erji-advan{ padding:50px; background-color:#FFFFFF;}
.erji-advan-left{ float:left; width:600px; margin-top:30px; line-height:30px; font-size:16px;}
.erji-advan-left div{ width:8px; height:8px; background-color:#cd0102; float:left; border-radius:4px; margin-right:10px; margin-top:12px;}
.erji-advan-left ul{ margin-top:20px;}
.erji-advan-left ul li{ margin-bottom:20px;}
.erji-advan-right{ float:right; width:550px; height:300px; margin-top:92px;}
.erji-advan-right img{ width:100%; margin-top:-90px;}

.erji-advan-img img{ width:100%}

@media all and (min-width: 250px) and (max-width: 640px){
.erji-advan{ padding:50px 0 0 0; background-color:#FFFFFF;}
.erji-advan-left{ float:none; width:96%; margin:2%; line-height:30px; font-size:14px;}
.erji-advan-left div{ width:8px; height:8px; background-color:#cd0102; float:left; border-radius:4px; margin-right:10px; margin-top:12px;}
.erji-advan-left ul{ margin-top:20px;}
.erji-advan-left ul li{ margin-bottom:20px;}
.erji-advan-right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:30px;}
.erji-advan-right img{ width:100%; margin-top:-90px;}

.erji-advan-img img{ width:100%}

}

.xijie{ background-color:#FFFFFF; padding:0 0 50px 0;}
.xijie ul{ background:url(../images/xijie.jpg) center no-repeat; height:821px;}
.xijie ul li{ width:260px;}
.xijie ul li h3{ color:#b30000; margin-bottom:10px; font-weight:600; font-size:15px;}
.xijie ul li p{text-align:justify;text-align-last:left; color:#333333; font-size:13px; line-height:22px;}

.senlin{ width:100%; height:900px; position:relative; }
.senlin img{ width:100%; z-index:-2	; position:fixed; top:0; left:0}

.erji-about-yuanliao{ background-color:#FFFFFF; padding:50PX 0 20px 0;}
.erji-about-yuanliao ul{ margin-top:70px;}
.erji-about-yuanliao ul li{ width:310px; float:left; margin-left:130px; text-align:center}
.erji-about-yuanliao ul li:first-child{ margin-left:0px}
.erji-about-yuanliao ul li div{ width:100%; text-align:center;}
.erji-about-yuanliao ul li div img{ width:100%;}
.erji-about-yuanliao ul li h3{ color:#cd0102; margin:20px 0; font-size:20px;}
.erji-about-yuanliao ul li p{ width:100%; margin:0 auto; line-height:25px; color:#333333; font-size:15px; text-align:left}

.jishu{ padding:0 0 100px 0; background-color:#FFFFFF}
.jishu-cont{ margin-top:50px;}
.jishu-cont img{ width:100%}

@media all and (min-width: 250px) and (max-width: 640px){
.erji-about-yuanliao{ background-color:#FFFFFF; padding:0 0 20px 0;}
.erji-about-yuanliao ul{ margin-top:70px;}
.erji-about-yuanliao ul li{ width:96%; float:none; margin:20px 2%; text-align:center}
.erji-about-yuanliao ul li:first-child{ margin-left:2%}
.erji-about-yuanliao ul li div{ width:100%; text-align:center;}
.erji-about-yuanliao ul li div img{ width:70%;}
.erji-about-yuanliao ul li h3{ color:#cd0102; margin:20px 0; font-size:20px;}
.erji-about-yuanliao ul li p{ width:94%; margin:0 auto; line-height:25px; color:#333333; font-size:15px; text-align:left}

.jishu{ padding:0 0 0px 0; background-color:#FFFFFF}
.jishu-cont{ margin-top:50px;}
.jishu-cont img{ width:100%}
}

.about-title{ text-align:center; margin-bottom:60px;}
.about-title h2{ font-size:26px; border-bottom:#eee solid 1px; padding-bottom:40px;}
.about-title p{ background-color:#cd0102; color:#FFFFFF; text-align:center; width:400px; height:40px; line-height:40px; margin:-20px auto; text-transform: uppercase; font-size:18px;}

.zhengshu{ background-color:#fbfbfb; padding:20px 0 90px 0;}

.location{ border-bottom:#eee solid 1px; height:50px; line-height:50px; background-color:#FFFFFF}
.location-icon{ background:url(../images/5bd3.png) left center no-repeat; padding-left:40px; color:#333333}
.join-cont{  padding:50px 0; background-color:#FFFFFF}
.join-cont-left{ float:left; width:380px; height:200px; background-color:#b30000; text-align:center}
.join-cont-left img{ width:190px; margin-top:55px;}
.join-cont-right{ width:750px; float:right; background-color:#eee; padding:25px 35px; height:150px;}
.join-cont-right h3{ font-size:26px; color:#b30000; margin-bottom:5px;}
.join-cont-right span{ color:#333; font-size:18px; font-weight: bold}
.join-cont-right p{ color:#333333; line-height:30px; margin-top:15px; font-size:16px;}

@media all and (min-width: 250px) and (max-width: 640px){
.location{ border-bottom:#eee solid 1px; height:50px; line-height:50px; background-color:#FFFFFF}
.location-icon{ background:url(../images/5bd3.png) left center no-repeat; padding-left:40px; color:#333333}
.join-cont{  padding:20px 0; background-color:#FFFFFF}
.join-cont-left{ float:none; width:100%; height:115px; background-color:#b30000; text-align:center}
.join-cont-left img{ width:170px; margin-top:20px;}
.join-cont-right{ width:94%; float:none; background-color:#eee; padding:3%; height:auto;}
.join-cont-right h3{ font-size:26px; color:#b30000; margin-bottom:5px;}
.join-cont-right span{ color:#333; font-size:18px; font-weight: bold}
.join-cont-right p{ color:#333333; line-height:30px; margin-top:15px; font-size:16px;}
}

.join-advan{ background-color:#FFFFFF; padding-bottom:50px;}
.join-advan ul{ margin-top:30px;}
.join-advan ul li{ width:384px; float:left; border:#CCCCCC solid 1px; margin:7px; height:120px;}
.join-img{ float:left; margin-right:10px; height:100px; }
.join-img img{ margin-left:25px; margin-top:45px;}
.join-p{ width:280px; float:right; margin-right:20px; margin-top:15px;}
.join-p h3{ color:#333333; font-size:16px;}
.join-p p{ line-height:20px; color:#666666; margin-top:7px;}


@media all and (min-width: 250px) and (max-width: 640px){
.join-advan{ background-color:#FFFFFF; padding-bottom:50px; padding-top:20px;}
.join-advan ul{ margin-top:30px;}
.join-advan ul li{ width:96%; float:left; border:#CCCCCC solid 1px; margin:1.8%; height:120px;}
.join-img{ float:left; margin-right:2%; height:100px; width:20%}
.join-img img{ margin-left:; margin-top:45px;}
.join-p{ width:75%; float:right; margin-right:2%; margin-top:15px;}
.join-p h3{ color:#333333; font-size:16px;}
.join-p p{ line-height:20px; color:#666666; margin-top:7px;}
}

.liucheng{padding-top:50px;}
.liucheng-cont{ width:1200px; margin:50px auto; padding-bottom:30px; }
.liucheng-cont ul li{ width:359px; height:70px; float:left; margin-right:1px; margin-bottom:1px; background-color:#FFFFFF; padding:30px 20px; text-align:center}
.liucheng-cont ul li h3{ color:#333; font-size:20px}
.liucheng-cont ul li p{ line-height:22px; color:#333333; margin-top:10px; text-align:justify; text-align-last:left; width:80%; margin:0 auto}
.liucheng-bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
.liucheng-bg img{ width:100%}


@media all and (min-width: 250px) and (max-width: 640px){
.liucheng{padding-top:30px; position:relative;}
.liucheng-cont{ width:100%; margin:50px auto; padding-bottom:30px; }
.liucheng-cont ul li{ width:95.5%; height:auto; float:none; margin:0.2%;  background-color:#FFFFFF; padding:20px 2%; text-align:center}
.liucheng-cont ul li h3{ color:#333; font-size:20px}
.liucheng-cont ul li p{ line-height:22px; color:#333333; margin-top:10px; text-align:justify; text-align-last:left; width:80%; margin:0 auto}
.liucheng-bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
.liucheng-bg img{ height:100%; width:auto;}
}

.liuyan-title{ border-bottom:#eee solid 1px; padding-bottom:40px;}
.title-phone{ float:right; background:url(../images/phone.png) left center no-repeat; padding-left:50px; width:150px; text-align:right; font-size:15px; color:#333333; margin-top:20px;}
.title-phone b{ font-size:20px;}

.liuyan{ background-color:#fff; padding:50px 0 70px 0}
.liuyan-left{ width:780px; float:left; margin-top:50px;}
.liuyan-right{ width:390px; float:right; margin-top:48px;}
.liuyan-right img{ width:100%}
.liuyan-left ul li{ margin-bottom:13px; color:#333333}
.liuyan-left ul li p{ float:left; margin-right:10px; width:75px; height:39px; line-height:39px;}
.liuyan-left ul li p span{ color:#FF0000; margin-left:5px;}
.liuyan-left ul li input{ width:670px; height:37px; line-height:37px; background-color:#f7f7f7; border: #ccc solid 1px; border-radius:5px; padding:0 5px}
.liuyan-left ul li select{width:683px;height:39px; line-height:39px; background-color:#f7f7f7; border: #ccc solid 1px; border-radius:5px; border-right:none}
.liuyan-left ul li option{ border:none}
.liuyan-left ul li textarea{width:670px; line-height:30px; background-color:#f7f7f7; border: #ccc solid 1px; border-radius:5px; padding:0 5px; height:75px}

#xb{ height:40px; line-height:40px;}
#xb div{ float:left; width:105px;}
#xb div input{ float:left; width:20px;}
#xb div label{ line-height:39px;}
a.btnsubmit{ background-color:#ba0000;font-size: 16px;height: 55px;line-height: 55px;width: 683px;margin-top: 7px; display:block; text-align:center; color:#FFFFFF;margin-left: 85px;border-radius:5px;}
input.btnsubmit {
    background-color: #ba0000;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    width: 683px;
    margin-top: 7px;
    display: block;
    text-align: center;
    color: #FFFFFF;
    margin-left: 85px;
    border-radius: 5px;
    border: none;
}

@media all and (min-width: 250px) and (max-width: 640px){
.liuyan-title{ border-bottom:#eee solid 1px; padding-bottom:20px;}
.title-phone{ float:right; background:url(../images/phone.png) left center no-repeat; padding-left:20%; width:78%; margin-left:2%; text-align:left; font-size:15px; color:#333333; margin-top:20px;}
.title-phone b{ font-size:20px;}

.liuyan{ background-color:#fff; padding:20px 0 30px 0}
.liuyan-left{ width:96%; float:none; margin-top:50px; padding:0 2%;}
.liuyan-right{ width:100%; float:none; margin-top:28px; height:150px; overflow:hidden;}
.liuyan-right img{ width:100%; margin-top:-150px;}
.liuyan-left ul li{ margin-bottom:13px; color:#333333}
.liuyan-left ul li p{ float:left; margin-right:10px; width:20%; height:39px; line-height:39px;}
.liuyan-left ul li p span{ color:#FF0000; margin-left:5px;}
.liuyan-left ul li input{ width:72%; height:37px; line-height:37px; background-color:#f7f7f7; border: #ccc solid 1px; border-radius:5px; padding:0 1%}
.liuyan-left ul li select{width:72%;height:39px; line-height:39px; background-color:#f7f7f7; border: #ccc solid 1px; border-radius:5px; border-right:none}
.liuyan-left ul li option{ border:none}
.liuyan-left ul li textarea{width:72%; line-height:30px; background-color:#f7f7f7; border: #ccc solid 1px; border-radius:5px; padding:0 1%; height:75px}

#xb{ height:40px; line-height:40px;}
#xb div{ float:left; width:50px;}
#xb div input{ float:left; width:20px;}
#xb div label{ line-height:39px;}
a.btnsubmit{ background-color:#ba0000;font-size: 16px;height: 55px;line-height: 55px;width: 100%;margin-top: 7px; display:block; text-align:center; color:#FFFFFF;margin-left: 0;border-radius:5px;}
}

.contact-cont{ width:1200px; margin:50px auto;}
.contact-cont-title{ border-bottom:#eee solid 1px; padding-bottom:30px; margin-bottom:20px; letter-spacing:1px;}
.contact-cont-title h2{ color:#ba0000; font-size:30px; margin-bottom:10px;}
.contact-cont-title h3{ color:#333333; font-size:20px;}
.contact-left{ width:700px; float:left;}
.contact-left h3{ color: #CC6600; margin-bottom:10px;}
.contact-left p{ line-height:30px; color:#333333}

.contact-right{ float:right; width:350px; margin-top:25px;}
.contact-right div{ width:125px; float:left; text-align:center; color:#333333; margin-left:40px;}
.contact-right div img{ width:100%; margin-bottom:5px;}
.ditu{ margin-top:30px;}

@media all and (min-width: 250px) and (max-width: 640px){
.contact-cont{ width:100%; margin:20px auto;}
.contact-cont-title{ border-bottom:#eee solid 1px; padding-bottom:30px; margin-bottom:20px; letter-spacing:1px; margin-left:1%}
.contact-cont-title h2{ color:#ba0000; font-size:26px; margin-bottom:10px;}
.contact-cont-title h3{ color:#333333; font-size:20px;}
.contact-left{ width:96%; float:none; margin:2%}
.contact-left h3{ color: #CC6600; margin-bottom:10px;}
.contact-left p{ line-height:30px; color:#333333}

.contact-right{ float:none; width:96%; margin:2%;}
.contact-right div{ width:48%x; float:left; text-align:center; color:#333333; margin:1%;}
.contact-right div img{ width:100%; margin-bottom:5px;}
.ditu{ margin-top:30px;}
.ditu-div{ margin-top:30px;}
}

.facebook{ margin-top:30px; margin-bottom:70px;}
.facebook-title{ color:#333333; border-bottom:#eee solid 1px; padding-bottom:30px; margin-bottom:25px;}
.facebook ul li{ width:100%; margin-bottom:10px; height:40px; line-height:40px; color:#333333;}
.facebook ul li input{ width:96%; height:40px; line-height:40px;  color:#666; border:#eee solid 1px; padding:0 20px; background-color:#f9f9f9; border-radius:5px;font-size:14px;}
.facebook ul li textarea{line-height:40px;  color:#333333; border:#eee solid 1px; padding:0 20px; background-color:#f9f9f9; border-radius:5px;width:96%; font-size:14px;}
.facebook a{ display:block; width:40%; height:40px; line-height:40px; text-align:center; color:#FFFFFF; background-color: #ba0000; border-radius:5px; margin-top:80px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.facebook a:hover{ background-color:#7e0000;}

@media all and (min-width: 250px) and (max-width: 640px){
.facebook{ width:96%; margin:30px auto;}
.facebook ul li input{ width:96%; ; height:40px; line-height:40px;  color:#666; border:#eee solid 1px; padding:0 0 0 3%; background-color:#f9f9f9; border-radius:5px;font-size:14px;}
.facebook ul li textarea{line-height:40px;  color:#333333; border:#eee solid 1px;  padding:0 0 0 3%; background-color:#f9f9f9; border-radius:5px;width:96%; font-size:14px;}
.facebook a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFFFFF; background-color: #ba0000; border-radius:5px; margin-top:80px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
}

.erji-news{ width:1200px; margin:50px auto;}
.erji-news ul li{ border-bottom:#eee solid 1px; margin-bottom:20px;}
.news-img{ width:250px; height:180px; overflow:hidden; float:left; text-align:center; border:#eee solid 1px;}
.news-img img{ height:100%; width:100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.news-p{ float:right; width:920px;}
.news-p h3{ font-size:16px; color:#ba0000; font-weight:500; margin-top:10px;}
.news-p span{ line-height:40px; color:#929292}
.news-p p{ color:#5A5A5A; line-height:25px; text-align:justify; text-align-last:left;}
.erji-news ul li:hover img{ height:110%; width:110%; margin-top:-5%; margin-left:-5%}

@media all and (min-width: 250px) and (max-width: 640px){
.erji-news{ width:100%; margin:50px auto;}
.erji-news ul li{ border-bottom:#eee solid 1px; padding-bottom:20px; margin-bottom:20px;}
.news-img{ width:30%; height:100px; overflow:hidden; float:left; text-align:center; border:#eee solid 1px;}
.news-img img{ height:100%; width:100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.news-p{ float:right; width:65%; margin-right:2%}
.news-p h3{ font-size:16px; color:#ba0000; font-weight:500; margin-top:0px;}
.news-p span{ line-height:30px; color:#929292}
.news-p p{ color:#5A5A5A; line-height:25px; text-align:justify; text-align-last:left; height:50px; overflow:hidden;}
.erji-news ul li:hover img{ height:110%; width:110%; margin-top:-5%; margin-left:-5%}
}

.erji-case{ width:1200px; margin:30px auto;}
.erji-case-lead{ background-color:#FFFFFF}
.erji-case-a{ float:right; margin-top:30px; width:835px;text-align:justify; text-align-last:left; line-height:44px;}
.erji-case-a a{ padding:10px 9px; background-color:#eee; color:#333333; margin:5px 3px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-case-a a:hover{ background-color:#ba0000; color:#FFFFFF}
#erji-case{ background-color:#ba0000; color:#FFFFFF}

.erji-prod-a{ float:right; margin-top:0px; width:835px;text-align:justify; text-align-last:center; line-height:44px; margin-right:13px;}
.erji-prod-a a{ width:162px; float:left; height:35px; line-height:35px; display:block; background-color:#eee; color:#333333; margin:2px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-a a:hover{ background-color:#ba0000; color:#FFFFFF}
#prod-lead{width:835px; margin-top:0px;}

.float{ position:fixed; top:72px;width:1200px; margin:34px auto; padding:20px 0; z-index:999}
.erji-case-cont{ margin-top:40px;}
.erji-case-cont ul{ height:1194px;}
.erji-case-cont ul li{ float:left; width:384px; margin:8px;}
.erji-case-cont ul li div{ width:100%; text-align:center; height:380px; overflow:hidden; background-color:#000000}
.erji-case-cont ul li div img{ width:100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-case-cont ul li:hover img{ width:110%; margin-left:-5%;}
.erji-case-cont ul li p{ line-height:40px; text-align:center;}
#case-lead{width:759px; margin-top:17px;}
#case-titile{float:left; border:none; margin:0; padding:0}

@media all and (min-width: 250px) and (max-width: 640px){
.erji-case{ width:100%; margin:30px auto;}
.erji-case-lead{ background-color:#FFFFFF; margin-top:20px;}
.erji-case-a{ float:none; margin-top:30px; width:100%;text-align: center; text-align-last:center; line-height:35px; margin-right:13px;}
.erji-case-a a{ padding:0; display:block; width:32.2%; float:left; text-align:center; background-color:#eee; color:#333333; margin:0.5%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s; height:40px; line-height:40px; overflow:hidden;}
.erji-case-a a:hover{ background-color:#ba0000; color:#FFFFFF}

.erji-prod-a{ float:none; margin-top:30px; width:100%;text-align: center; text-align-last:center; line-height:35px; margin-right:13px;}
.erji-prod-a a{ padding:0; display:block; width:32.2%; float:left; text-align:center; background-color:#eee; color:#333333; margin:0.5%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s; height:40px; line-height:40px; overflow:hidden;}
.erji-prod-a a:hover{ background-color:#ba0000; color:#FFFFFF}


.float{ position: relative; top:0;width:100%; margin:34px auto; padding:20px 0; z-index:999}
.erji-case-cont{ margin-top:30px;}
.erji-case-cont ul li{ float:left; width:48%; margin:1%;}
.erji-case-cont ul li div{ width:100%; text-align:center; height:180px; overflow:hidden; background-color:#000000}
.erji-case-cont ul li div img{ width:100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-case-cont ul li:hover img{ width:110%; margin-left:-5%;}
.erji-case-cont ul li p{ line-height:40px; text-align:center;}
#case-lead{width:100%; margin-top:20px;}
#prod-lead{width:100%; margin-top:20px;}
#case-titile{float:none; border:none; margin:0; padding:0}
}

.case-banner{position:relative;zoom:1;overflow:hidden; width:1200px; margin:0 auto;}
.scrolltab{position:relative;width:1200px;margin:0 auto;}
.scrolltab .ulBigPic{width:1200px;height:auto;overflow:hidden; background-color:#eee; padding-top:10px;}
.scrolltab .ulBigPic li{width:1200px;height:550px;display:none; overflow:hidden;}
.scrolltab .ulBigPic .liSelected{display:block; text-align:center;}
.scrolltab .ulBigPic .liSelected img{ height:550px;}
.scrolltab .ulBigPic img{background-color:#fff;}

.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:190px}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:10px;}
.scrolltab .sLeftBtnA{background-position:-5px -2px;}
.scrolltab .sLeftBtnASel{background-position:-80px 0;}
.scrolltab .sLeftBtnABan{background-position:;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:10px;}
.scrolltab .sRightBtnA{background-position:-39px 0;}
.scrolltab .sRightBtnASel{background-position:-116px 0;}
.scrolltab .sRightBtnABan{background-position:-192px 0;}
.scrolltab .dSmallPicBox{width:1200px;height:154px;position:relative; overflow:hidden;}
.scrolltab .dSmallPic{width:1200px;height:144px;position:absolute;top:0px;overflow:hidden; background-color:#eee; padding:10px 0}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{width:190px;height:128px;border:1px solid #eee;float:left;display:inline;cursor:pointer;overflow:hidden; margin:0 4px; text-align:center; background-color:#FFFFFF;}

.scrolltab .dSmallPic li img{height:100%}
.scrolltab .dSmallPic .sTitle{width:141px;height:30px;line-height:30px;display:block;text-align:center;color:#333;overflow:hidden;}
.scrolltab .dSmallPic .liSelected{ opacity:0.7;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{width:18px;height:37px;display:block;position:absolute;top:45px;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:10px; top:60px;}
.scrolltab .sLeftBtnB{background-position:0 -87px;}
.scrolltab .sLeftBtnBSel{background-position:-36px -87px;}
.scrolltab .sLeftBtnBBan{background-position:-73px -87px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:10px; top:60px;}
.scrolltab .sRightBtnB{background-position:-17px -87px;}
.scrolltab .sRightBtnBSel{background-position:-52px -87px;}
.scrolltab .sRightBtnBBan{background-position:-88px -87px;}

.sLeftBtnBBan img,.sRightBtnB img{ width:20px;}

.turnnext{ width:1200px; margin:30px auto 50px auto;}
.turnnext ul li{ padding-left:30px; background:url(../images/goright.png) left center no-repeat; line-height:35px; font-size:15px;}
.turnnext ul li:first-child{background:url(../images/goleft.png) left center no-repeat;}
.turnnext ul li:hover{background:url(../images/gorights.png) left center no-repeat}
.turnnext ul li:first-child:hover{background:url(../images/golefts.png) left center no-repeat}
.turnnext ul li:hover{color:#b30000}
.turnnext ul li:hover a{ color:#b30000; text-decoration:underline}

@media all and (min-width: 250px) and (max-width: 640px){
.case-banner{position:relative;zoom:1;overflow:hidden; width:100%; margin:0 auto;}
.scrolltab{position:relative;width:100%;margin:0 auto;}
.scrolltab .ulBigPic{width:100%;height:auto;overflow:hidden; background-color:#fff; padding-top:10px;}
.scrolltab .ulBigPic li{width:100%;height:300px;display:none; overflow:hidden;}
.scrolltab .ulBigPic .liSelected{display:block; text-align:center;}
.scrolltab .ulBigPic .liSelected img{ height:300px;}
.scrolltab .ulBigPic img{background-color:#fff;}

.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:120px}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:10px;}
.scrolltab .sLeftBtnA{background-position:-5px -2px;}
.scrolltab .sLeftBtnASel{background-position:-80px 0;}
.scrolltab .sLeftBtnABan{background-position:;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:10px;}
.scrolltab .sRightBtnA{background-position:-39px 0;}
.scrolltab .sRightBtnASel{background-position:-116px 0;}
.scrolltab .sRightBtnABan{background-position:-192px 0;}
.scrolltab .dSmallPicBox{width:100%;height:90px;position:relative; overflow:hidden;}
.scrolltab .dSmallPic{width:100%;height:70px;position:absolute;top:0px;overflow:hidden; background-color:#eee; padding:10px 0}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{width:80px;height:68px;border:1px solid #eee;float:left;display:inline;cursor:pointer;overflow:hidden; margin:0 4px; text-align:center; background-color:#FFFFFF;}

.scrolltab .dSmallPic li img{height:100%}
.scrolltab .dSmallPic .sTitle{width:141px;height:30px;line-height:30px;display:block;text-align:center;color:#333;overflow:hidden;}
.scrolltab .dSmallPic .liSelected{ opacity:0.7;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{width:18px;height:37px;display:block;position:absolute;top:30px;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:10px; top:30px;}
.scrolltab .sLeftBtnB{background-position:0 -87px;}
.scrolltab .sLeftBtnBSel{background-position:-36px -87px;}
.scrolltab .sLeftBtnBBan{background-position:-73px -87px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:10px; top:30px;}
.scrolltab .sRightBtnB{background-position:-17px -87px;}
.scrolltab .sRightBtnBSel{background-position:-52px -87px;}
.scrolltab .sRightBtnBBan{background-position:-88px -87px;}

.sLeftBtnBBan img,.sRightBtnB img{ width:20px;}

.turnnext{ width:94; margin:30px 3% 50px 3%;}
.turnnext ul li{ padding-left:30px; background:url(../images/goright.png) left center no-repeat; line-height:35px; font-size:15px;}
.turnnext ul li:first-child{background:url(../images/goleft.png) left center no-repeat;}
.turnnext ul li:hover{background:url(../images/gorights.png) left center no-repeat}
.turnnext ul li:first-child:hover{background:url(../images/golefts.png) left center no-repeat}
.turnnext ul li:hover{color:#b30000}
.turnnext ul li:hover a{ color:#b30000; text-decoration:underline}
}



.case-p{background:rgba(0,0,0,0.5); position:absolute; right:0; top:0; width:1200px; color:#FFFFFF; font-size:14px; text-align:center; font-family:"ËÎÌå"; line-height:25px; padding:20px; letter-spacing:1px; display:none}

.showcase-p{ line-height:25px; color:#333333; font-size:14px; width:1200px; margin:30px auto;}

@media all and (min-width: 250px) and (max-width: 640px){
.case-p{background:rgba(0,0,0,0.5); position:absolute; right:0; top:0; width:94%; color:#FFFFFF; font-size:14px; text-align:center; font-family:"ËÎÌå"; line-height:25px; padding:3%; letter-spacing:1px; display:none}

.showcase-p{ line-height:25px; color:#333333; font-size:14px; width:94%; margin:30px 3%;}
}

.erji-prod-cont{ margin-top:50px;}
.erji-prod-cont ul{height:1194px;}

 @media all and (min-width: 250px) and (max-width: 640px){
.erji-prod-cont ul{height:auto;}
}
.erji-prod-cont ul li{ width:280px; float:left; border:#CCCCCC solid 1px; margin:8px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-cont ul li div{ width:280px; overflow:hidden; height:280px; text-align:center}
.erji-prod-cont ul li div img{ height:100%; width:100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-cont ul li p{ text-align:center; line-height:40px;}
.prod-more{ display:block; margin:0 auto; width:135px; height:30px; text-align:center; background-color:#eee; line-height:30px; margin-bottom:30px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-cont ul li:hover{ border:#ba0000 solid 1px;}
.erji-prod-cont ul li:hover img{ width:110%; height:110%; margin-top:-5%; margin-left:-5%;}
.erji-prod-cont ul li:hover .prod-more{ background-color:#ba0000; color:#FFFFFF;}

@media all and (min-width: 250px) and (max-width: 640px){
.erji-prod-cont{ margin-top:50px;}
.erji-prod-cont ul li{ width:48%; float:left; border:#CCCCCC solid 1px; margin:0.7%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-cont ul li div{ width:100%; overflow:hidden; height:170px; text-align:center}
.erji-prod-cont ul li div img{ height:100%; width:100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-cont ul li p{ text-align:center; line-height:40px;}
.prod-more{ display:block; margin:0 auto; width:135px; height:30px; text-align:center; background-color:#eee; line-height:30px; margin-bottom:20px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.erji-prod-cont ul li:hover{ border:#ba0000 solid 1px;}
.erji-prod-cont ul li:hover img{ width:110%; height:110%; margin-top:-5%; margin-left:-5%;}
.erji-prod-cont ul li:hover .prod-more{ background-color:#ba0000; color:#FFFFFF;}
}
.fenye{width:1200px;margin:0 auto;}
.fenye2{width:800px;}
.fenye table{width: 1200px;}
.fenye table td{width:100%;text-align:center}
.fenye table td a{display:block; width:30px; height:30px;  border:#CCCCCC solid 1px; text-align:center; color:#666666; margin:0 7px;}
.fenye table td a:hover{ background-color:#666666; color:#FFFFFF}
/*.xulie{ margin:30px auto; height:30px; }*/
.xulie{clear:both; width:100%;margin:0 auto; text-align: center;    line-height: 30px; }
.xulie a{  display:inline-block; width:30px; height:30px;  border:#CCCCCC solid 1px; text-align:center; color:#666666; margin:0 7px;}
.xulie a:hover{ background-color:#666666; color:#FFFFFF}
.disabled{display:inline-block; width:30px; height:30px;  border:#EEE solid 1px; text-align:center; color:#DDD; margin:0 7px;}
#oncur{background-color:#666666; color:#FFFFFF}


.showprod{margin-top:50px;}

.show-left{ width:500px; float:left;}

#showbox { background:; border:#eee solid 1px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #b30000;}


#showbox1 { background:#fff;}
#showbox1 span { background:url(../images/whitebg.png) repeat;}
#showsum1 { left:25px; margin-top:10px;}
#showsum1 span { border:1px solid #ddd;}
#showsum1 span.sel { border:1px solid #f60;}

#showbox2 { background:#fff;}
#showbox2 span { background:url(../images/whitebg.png) repeat;}
#showsum2 { left:25px; margin-top:10px;}
#showsum2 span { border:1px solid #ddd;}
#showsum2 span.sel { border:1px solid #f60;}

#showbox3 { background:#fff;}
#showbox3 span { background:url(../images/whitebg.png) repeat;}
#showsum3 { left:25px; margin-top:10px;}
#showsum3 span { border:1px solid #ddd;}
#showsum3 span.sel { border:1px solid #f60;}


.showpage { width:520px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:84px; line-height:84px;text-align:center; font-size:18px; position:absolute; left:0; top:-85px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a#shownext1 { left:auto; right:0;}
.showpage a#shownext2 { left:auto; right:0;}
.showpage a#shownext3 { left:auto; right:0;}
.showpage a:hover { color:#b30000; border:1px solid #b30000;}

.show-right{ width:615px; float:right;}
.show-right-a { margin-bottom:30px; display:none}
.show-right-a a{ border:#ccc solid 1px; border-radius:5px; padding:7px 30px; margin-left:20px; color:#333333}
.show-right-a a:first-child{ margin-left:0;}
.show-right-img{ margin-top:50px;}
.show-right-img img{ width:100%;height: 625px;}
.show-p{ margin-top:50px; font-size:16px; letter-spacing:1px;}
.show-p h3{ text-align:center; line-height:40px; margin-bottom:30px;}
.show-p{ line-height:30px;}
.show-p h2{ font-size:18px;}

.tabqh2{height:625px;margin:30px auto;position:relative;width:1200px;}
.tabqh2 .menu{height:32px;width:615px; position:absolute; right:0; top:0;}
.tabqh2 .menu ul{margin:0px;padding:0px;height:26px;list-style:none;text-align:center;}
.tabqh2 .menu li{display:block;float:left;height:26px;line-height:26px;margin-right:10px;width:107px; border:#CCCCCC solid 1px; border-radius:3px;}
.tabqh2 .menu li a{color:#000000;font-size:14px;text-decoration:none;display:block;}
.tabqh2 .menu li a.tabactive{color:#fff;height:27px; background-color:#ba0000;}


.tabqh2 .tabdiv{font-size:12px;height:128px;padding:10px;position:absolute;text-align:left;top:32px;width:458px;border:1px solid #A9CBF0;border-top:none;}	

#return{background-color:#fff; float:right; margin-right:0;}

@media all and (min-width: 250px) and (max-width: 640px){

.showprod{margin-top:50px;}

.show-left{ width:100%; float:none;}

#showbox { background:; border:#eee solid 1px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum {left: 25px;margin-top: 25px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #b30000;}


#showbox1 { background:#eee;}
#showbox1 span { background:url(../images/whitebg.png) repeat;}
#showsum1 { left:25px; margin-top:10px;}
#showsum1 span { border:1px solid #ddd;}
#showsum1 span.sel { border:1px solid #f60;}

#showbox2 { background:#eee;}
#showbox2 span { background:url(../images/whitebg.png) repeat;}
#showsum2 { left:25px; margin-top:10px;}
#showsum2 span { border:1px solid #ddd;}
#showsum2 span.sel { border:1px solid #f60;}

#showbox3 { background:#eee;}
#showbox3 span { background:url(../images/whitebg.png) repeat;}
#showsum3 { left:25px; margin-top:10px;}
#showsum3 span { border:1px solid #ddd;}
#showsum3 span.sel { border:1px solid #f60;}


.showpage { width:100%; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px;text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999; background-color:#FFFFFF;}
.showpage a#shownext { left:auto; right:0;}
.showpage a#shownext1 { left:auto; right:0;}
.showpage a#shownext2 { left:auto; right:0;}
.showpage a#shownext3 { left:auto; right:0;}
.showpage a:hover { color:#b30000; border:1px solid #b30000;}

.show-right{ width:100%; float:none;}
.show-right-a { margin-bottom:30px; display:none}
.show-right-a a{ border:#ccc solid 1px; border-radius:5px; padding:7px 30px; margin-left:20px; color:#333333}
.show-right-a a:first-child{ margin-left:0;}
.show-right-img{ margin-top:50px;}
.show-right-img img{ width:100%; height:auto}
.show-p{ margin-top:50px; font-size:14px; letter-spacing:1px; width:96%; margin:2%;}
.show-p h3{ text-align:center; line-height:40px; margin-bottom:30px;}
.show-p{ line-height:30px;}
.show-p h2{ font-size:18px;}

.tabqh2{height:auto;margin:30px auto;position:relative;width:100%;}
.tabqh2 .menu{height:70px;width:100%; position: relative; right:0; top:0;}
.tabqh2 .menu ul{margin:0px;padding:0px;height:26px;list-style:none;text-align:center;}
.tabqh2 .menu li{display:block;float:left;height:26px;line-height:26px; width:48%; float:left;margin:0.7%; float:left; border:#CCCCCC solid 1px; border-radius:3px;}
.tabqh2 .menu li a{color:#000000;font-size:14px;text-decoration:none;display:block;}
.tabqh2 .menu li a.tabactive{color:#fff;height:27px; background-color:#666666;}
#return{background-color:#ba0000; float:left; margin-right:0; margin-top:-100px; width:98%;}

.tabqh2 .tabdiv{font-size:12px;height:128px;padding:10px;position:absolute;text-align:left;top:32px;width:458px;border:1px solid #A9CBF0;border-top:none;}	

}