/* 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; min-width:1100px;}
li{ text-decoration:none; list-style-image:none; list-style-type:none}
a{ text-decoration:none; color:#333333}
.box{ width:1100px; 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';}

.top{ height:30px; line-height:30px; color:#333; background-color:#f6f6f6}
.top span{ float:left}
.top p{ float:right}
.top p a{ margin:0 10px;}
.head{width:1100px; margin:20px auto; text-align:center;}
.lead{ background-color:#c50406; height:45px; line-height:45px;position:relative;z-index:9999}
.lead>ul{ width:1100px; margin:0 auto;}
.lead>ul>li{ float: left; width:183px; text-align:left; font-size:14px; text-align:center;position:relative}
.lead>ul>li>a{ color:#FFFFFF}
.lead>ul>li:hover{ background-color:#ffa800}
.lead>ul>li>ul{display:none;position:absolute;width:100%;top:45px;left:0px;background:#c50406}
.lead>ul>li>ul li{line-height:35px}
.lead>ul>li>ul li a{ color:#fff}
.lead>ul>li:hover ul{display:block}
.lead>ul>li>ul li:hover{background:url(../images/bg.png);}
.lead>ul>li>ul li:hover a{ color:#c50406}

/*  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:20px; left:48%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:6px;height:6px;margin-left:15px;position:relative; border-radius:2px;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:5px;height:5px;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:#c60909; border:#c60909 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%;}}

.key{ background-color:#c50406; height:30px; line-height:30px; color:#eee}

.title{ text-align:left; width:1100px; margin:30px auto;}
.title h2{ font-size:30px;text-transform : uppercase; color:#333; font-weight:500}
.title div{ background-color:#333; width:100px; height:1px; margin:5px 0}
.title p{ font-size:24px; color: #333}

.about{ width:1100px; margin:10px auto 40px auto;}
.about-left{ width:750px; float:left; overflow:hidden}
.about-left ul{ border-bottom:#333333 solid 2px;}
.about-left ul li{ float:left; height:280px;}
.about-left ul li div{ height:280px; overflow:hidden}
.about-left ul li div img{ height:100%}
.about-p{ margin-top:20px; line-height:25px; border-left:#c50406 solid 3px; padding-left:20px;}
.about-right{ width:350px; float:right; overflow:hidden; border:#333 solid 0px; text-align:center}
.about-right-img{ height:280px; overflow:hidden; position:relative}
.about-right-img img{ height:100%; position:absolute; left:-50px;}
.about-right:hover div img{ height:110%; position:absolute; left:-80px; top:-10%}
.about-right-p{ border-bottom:#333 solid 2px;border-left:#333 solid 2px;border-right:#333 solid 2px; height:70px; padding-top:25px;}
.about-right-p div{ width:50px; border-top: #666 solid 2px; margin:0 auto 20px auto}
.about-right-p p{ font-weight:500; font-size:18px;}

.pro{ background:url(../images/probg.jpg) center; min-height:500px; margin:30px 0 0 0; padding:40px 0 50px 0;}
.pro-title{ text-align: center; margin-bottom:30px;}
.pro-left{ width:250px; float:left; margin-top:5px;}
.pro-left-title{ background-color:#c50406; color:#FFFFFF; text-align:center; font-size:16px; line-height:40px;}
.pro-left ul{ background-color:#fff; border:#c50406 solid 2px; padding:10px 0}
.pro-left ul li{ height:40px; line-height:40px; background-color:#e0e0e0; margin:7px}
.pro-left ul li p{ background-color:#000000; color:#FFFFFF; border-radius:10px; height:20px; width:20px; float:left; text-align:center; line-height:20px;  margin:10px}
.pro-left ul li:hover{ background-color:#c50406;}
.pro-left ul li:hover a{ color:#FFFFFF}
.pro-left ul li:hover p{ background-color:#FFFFFF; color:#c50406}
.pro-left-p{ margin-top:30px; margin-left:15px; margin-bottom:20px;}
.pro-right{ width:830px; float:right;}
.pro-right-title{ background:url(../images/prot.png) left center no-repeat; height:45px; line-height:45px; padding-left:40px; border-bottom:#c50406 dotted 2px;; margin-bottom:10px;}
.pro-right-title span{ float:left; font-size:16px; color:#c50406; font-weight:bold;}
.pro-right-title a{ float:right; margin-top:5px;}
.pro-right ul li{ width:266px; float:left; margin:5px; position:relative}
.li-img{ width:266px; height:200px; overflow:hidden; text-align:center; background-color:#eee}
.li-img img{ height:100%;}
.pro-right ul li p{ position:absolute; width:100%; height:25px; line-height:25px; background:url(../images/bg.png); bottom:0; left:0; text-align:center; color:#333333}
.li-p{ display: none; background-color:#c50406; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; text-align:center}
.li-p h3{ margin-top:60px; color:#FFFFFF; margin-bottom:30px;}
.li-p a{ background-color:#000000; color:#FFFFFF; border-radius:5px; padding:5px 20px; margin:5px;}
.li-p a:hover{ background-color:#ffa800}
.pro-right ul li:hover .li-p{ display: block}

.case{ background-color:#c50406; padding:10px 0 40px 0}
.case-title{ font-size:24px; color:#c60909; line-height:40px; margin-bottom:20px;}
.case-title div{ border-left:#c60909 solid 3px; height:24px; float:left; margin-right:10px; margin-top:10px;}
.case-title span{ margin-left:10px; color:#000}

.guanggao{ background:url(../images/guanggao.jpg) center no-repeat; height:250px; width:100%; margin:30px 0}

.news{ width:1100px; margin:0px auto 30px auto;}
.news-left{ width:580px; float:left}
.news-right{ width:480px; float: right}
.news-right ul{}
.news-right ul li span{ float:right; font-size:13px; color:#444}
.news-right ul li{ background:url(../images/lis.png) left center no-repeat; padding-left:25px; line-height:40px;}
.news-right ul li:hover{ background:url(../images/li.png) left center no-repeat;}
.news-right ul li:hover a{ color:#c60909}

.contact{ margin-top:50px;}
.contact-top{ background-color:#c50406; height:270px;}
.serve{ float:left; width:434px; padding-top:35px; margin-left:50px;}
.join{ float:right; background:url(../images/img.png) center no-repeat; width:250px; height:230px; margin-right:50px; margin-top:30px; padding-left:250px}
.join h3{ margin-top:70px; margin-bottom:10px; margin-left:90px;}
.join p{ line-height:30px; text-align:center}
.serve-p{ width:432px; float:left; margin-left:48px; text-align:center; border:#c50406 solid 2px; padding:50px 0; color:#333333; position:relative}
.serve-p h3{ margin-bottom:10px}
.serve-p a{ position:absolute; background-color:#c50406; padding:5px 40px; border-radius:5px; color:#FFFFFF; left:157px; bottom:-15px;}
.contact-p{width:400px; float:left; margin-left:100px;}
.contact-tel{ background: url(../images/phnoe.png) left center no-repeat; padding-left:65px; height:60px; padding-top:10px; margin-top:20px;}
.contact-tel strong{ color:#c50406; font-size:24px; font-weight:500}
.contact-weizhi{ color:#333333; line-height:30px; margin-top:10px;}


.ys{font-family: 'Microsoft YaHei'; background: url('../images/ys.jpg') no-repeat center bottom; height: 2350px;margin-top:0px;}
.ys h3{height: 315px; text-align: center; background:url(../images/advan-title.png) center no-repeat;}
.ys span{color: #c50406; font-size: 22px; font-weight: bold; display: block; line-height: 30px; margin-bottom: 15px;}
.ys span i{font-style: normal; display: block; font-family: "arial"; text-transform: uppercase; color: #b5b5b5; font-weight: normal; font-size: 24px;}
.ys p{color: #222; font-size: 14px; padding: 0 0 0 30px; line-height: 34px; background: url('../images/ico2.gif') no-repeat 0 10px;}
.ys p b{color: #c50406; font-weight: normal;}
.ys-a{height: 390px; background: url('../images/ys1.jpg') no-repeat; padding: 110px 0 0 650px;}
.ys-b{height: 650px; background: url('../images/ys2.jpg') no-repeat 0 bottom;}
.ys-c{height: 280px; background: url('../images/ys3.jpg') no-repeat 0 bottom; padding: 180px 0 0 576px;}
.ys-d{height: 248px; background: url('../images/ys4.jpg') no-repeat right 0; padding: 47px 0 0 12px;}
.ys-b li{width: 450px;}
.fr{float: right;}
.fl{float: left;}

.foot{ background-color:#c50406; color:#fff; text-align: center; height:40px; line-height:40px; margin-top:0px;}

.erji-banner{ height:325px; background:url(../images/erji-banner.jpg) center no-repeat;}
.erji{ width:1100px; margin:30px auto}
.erji-left{ width:230px; float:left;}
.erji-left-title{ background-color:#c70b0b; border-top:#ccc solid 5px; color:#FFFFFF; padding-left:30px; padding-top:15px; padding-bottom:15px;}
.erji-left-title span{ font-size:22px; font-weight:bold}
.erji-left ul{ background-color:#eee; padding-top:10px;}
.erji-left ul li{ height:40px; line-height:40px; background-color:#e0e0e0; margin:7px}
.erji-left ul li p{ background-color:#000000; color:#FFFFFF; border-radius:10px; height:20px; width:20px; float:left; text-align:center; line-height:20px;  margin:10px}
.erji-left ul li:hover{ background-color:#c50406;}
.erji-left ul li:hover a{ color:#FFFFFF}
.erji-left ul li:hover p{ background-color:#FFFFFF; color:#c50406}


.erji-contact{ margin-top:10px; line-height:30px;}
.erji-contact p{ padding:10px; background:#eee}
.erji-right{ width:850px; float:right}
.erji-right-title{ height:40px; line-height:40px; border-bottom:#ccc dotted 1px; background:url(../images/wuxing.jpg) left center no-repeat;}
.erji-right-title div{ font-size:20px; float:left;  padding:0 20px; color:#c50406}
.erji-right-title p{ float:right; background:url(../images/icon.png) left center no-repeat; padding-left:20px; margin-top:5px;}

.erji-about{ line-height:30px; color:#333333}

.erji-pro{ margin-top:10px;}
.erji-pro ul li{ width:32%; margin:0.6%; float:left}
.erji-pro ul li div{ width:100%; height:200px; text-align:center; overflow:hidden; background-color:#eee}
.erji-pro ul li div img{ height:100%;}
.erji-pro ul li p{ line-height:30px; text-align:center;height:30px; overflow:hidden}
.erji-pro ul li:hover p{ background-color:#bb1b21; color:#FFFFFF}
.erji-news ul{ margin:10px;}
.erji-news ul li{ background:url(../images/lis.png) left center no-repeat; padding-left:25px; border-bottom:#CCCCCC dashed 1px; height:40px; line-height:40px;}
.erji-news ul li span{ float:right; font-size:13px; color:#666666}
.erji-news ul li:hover{ background:url(../images/li.png) left center no-repeat;}
.erji-news ul li:hover a{ color:#c50406}
.xulie{clear:both; width:100%;margin:0 auto; text-align: center;    line-height: 30px; padding-top:32px }
.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:#c70b0b ; color:#FFFFFF}