/* CSS Document */
body{ font-size:14px; font-family:"΢ÈíÑźÚ"; background-color:#fff;margin:0; padding:0;}
.clear{ clear:both;}

.bo{ width:1100px; margin:0 auto;}
li{list-style:none; margin:0; padding:0;}
ul,span,p,h1,h2,h3,h4{margin:0; padding:0;}
a{ text-decoration:none}
div{ margin:0; padding:0}


 @media screen and (max-device-width: 700px) {
body{font: normal 100% Helvetica, Arial, sans-serif;width:100%;}
.clears{ clear:both;}

}


.top{ border-bottom:#eee solid 1px; height:30px; line-height:30px; color:#666666}
.head{ width:1100px; margin:0 auto; min-height:125px;}
.logo{ float:left; margin-top:10px;}
.phone{ float:right; width:250px; background:url(../images/6e6c7050-1758-49d9-83a7-6faf1baaa16f.jpg) left center no-repeat; padding-left:65px; color:#666666; line-height:30px; margin-top:25px;}
.phone span{ font-size:24px; color:#fea317; }
.lead{ background-color:#0456ba; height:55px; line-height:55px; position:relative; z-index:999999}
.lead>ul{ width:1100px; margin:0 auto;}
.lead>ul>li{ width:137px; float:left; text-align:center; background:url(../images/nav-border.jpg) right center no-repeat; position:relative;}
.lead>ul>li:hover{ background-color:#fea317; background-image:none}
.lead>ul>li a{ color:#FFFFFF}
.li-li{ background:url(../images/bg.png); position:absolute; width:100%; display:none}
.li-li ul li{ height:45px; line-height:45px;}
.li-li ul li:hover{ background-color:#fea317}
.lead>ul>li:hover .li-li{ display:block;}

 @media screen and (max-device-width: 700px) {
 .min{ display:none}
 .bo{ width:100%;}
.head{width:100%; min-height:auto}
.top{ font-size:0.75em; overflow:hidden; padding:1%;height:1.2em; line-height:1.2em; }
.logo{ float: none; margin-top:10px;}
.logo img{ width:98%; padding:1%}
.phone{ display:none}
.lead{ background-color:#0456ba; height:auto; line-height:2.5em;  position:relative; z-index:999999; font-size:0.85em}
.lead>ul{ width:100%; margin:0 auto;}
.lead>ul>li{ width:33.3%; float:left; text-align:center; background:url(../images/nav-border.jpg) right center no-repeat; position:relative;}
.lead>ul>li:hover{ background-color:#fea317; background-image:none}
.lead>ul>li a{ color:#FFFFFF}
.li-li{ background:url(../images/bg.png); position:absolute; width:100%; display:none}
.lead>ul>li:hover .li-li{ display:none;}

}

/*  banner  */
.banner{ width:100%; float:right;position:relative;font-size:0;}
.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:5px; bottom:10px; left:45%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative;}
.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:#0456ba; border:#0456ba solid 1px;}
/* Callback example */
.callbacks_container{margin-bottom:2px;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:5px; bottom:10px; left:38%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:15px;height:2px;margin-left:15px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:15px;height:2px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}

}


.serve{ width:1100px; margin:50px auto; min-height:715px;}
.serve-title{ text-align:center; margin-bottom:40px;}
.serve-title h3{ color:#0456ba; font-size:30px;}
.serve-title p{ color:#666666; margin-top:5px;}


#example-two .list-wrap{}
#example-two .nav{overflow:hidden; margin-left:60px;}
#example-two .nav li{float:left;margin:0 10px 0 0}
#example-two .nav li.last{margin-right:0}
#example-two .nav li a{display:block;padding:12px 30px;background:#0456ba;color:white;font-size:14px;text-align:center;border:0}
#example-two li a.current,#example-two li a.current:hover{background-color:#fea317 !important;color:#fff}
#example-two .nav li a:hover, #example-two .nav li a:focus{background:#fea317}
#example-one .nav{overflow:hidden; margin-left:60px;}
#example-one .nav li{float:left;margin:0 10px 0 0}
#example-one .nav li.last{margin-right:0}
#example-one .nav li a{display:block;padding:12px 30px;background:#0456ba;color:white;font-size:14px;text-align:center;border:0}
#example-one li a.current,#example-one li a.current:hover{background-color:#fea317 !important;color:#fff}
#example-one .nav li a:hover, #example-one .nav li a:focus{background:#fea317}

.list-wrap{ margin-top:50px;}
.list-wrap ul li{ float:left; width:257px; margin:5px; border:#fff solid 1px;}
.list-wrap ul li:hover{ border:#0456ba solid 1px;}
.list-wrap ul li div{ width:257px; height:185px; overflow: hidden; text-align:center;}
.list-wrap ul li p{ width:100%; height:25px; line-height:25px; text-align:center; background-color:#FFFFFF}
.list-wrap ul li:hover p{ color:#fff; background-color:#0456ba}
.list-wrap ul li div img{ height:100%;}

.more{ text-align:center; margin-top:40px;}
.more a{ padding:5px 20px; border:#0456ba solid 1px; border-radius:5px;}
.more a:hover{ background-color:#fea317; border:#fea317 solid 1px; color:#FFFFFF}

@media screen and (max-width:700px){
.serve{ width:100%; margin:10px auto; min-height:715px;}
.serve-title{ text-align:center; margin-bottom:20px;}
.serve-title h3{ font-size:1.5em}
.serve-title p{ font-size:0.85em}
#example-two .nav{overflow:hidden; margin:0 1%; width:98%}
#example-two .nav li{float:left;margin:0; width:50%;height:2em; line-height:2em}
#example-one .nav{overflow:hidden; margin:0 1%;}
#example-one .nav li{float:left;margin:0; width:50%; height:2em; line-height:2em}
#example-one .nav li a{display:block;padding:0;background:#0456ba;color:white;font-size:14px;text-align:center;border:0}
#example-two .nav li a{display:block;padding:0;background:#0456ba;color:white;font-size:14px;text-align:center;border:0}
.list-wrap ul li p{ font-size:0.85em}

.list-wrap{ margin-top:10px; width:100%}
.list-wrap ul li{ float:left; width:48%; margin:1%; border:#fff solid 0px;}
.list-wrap ul li:hover{ border:#0456ba solid 0px;}
.list-wrap ul li div{ width:100%; height:150px; overflow: hidden; text-align:center;}
.list-wrap ul li p{ width:100%; height:25px; line-height:25px; text-align:center; background-color:#FFFFFF}
.list-wrap ul li:hover p{ color:#fff; background-color:#0456ba}
.list-wrap ul li div img{ height:100%;}

.case{ display:none}
}



.about{ padding:50px 0; background-color:#0456ba}
.about-title{ color:#FFFFFF; text-align:center;}
.about-title h3{ font-size:30px;}
.about-title p{ color:#f4f4f4; margin-top:5px;}
.about-cont{ width:1100px; margin:0 auto; color:#FFFFFF; margin-top:40px;}
.about-cont img{ width:40%; float:left;}
.about-cont p{ line-height:25px; float:right; width:58%; height:330px; overflow:hidden}

.about-more{ text-align:center; margin-top:30px;}
.about-more a{border:#fff solid 1px; padding:10px 20px; color:#fff}
.about-more a:hover{ background-color:#fff; border:#fff solid 1px; color:#0456ba}

@media screen and (max-width:700px){
.about-title{}
.about-title h3{ font-size:1.5em}
.about-title p{ font-size:0.85em}
.about-cont{ width:100%;}
.about-cont img{ width:100%; float:none}
.about-cont p{ font-size:0.85em; width:96%; padding:2%; float:none; height:auto}
.about-more a{border:#fff solid 1px; padding:5px 15px; color:#fff; font-size:0.85em}
}


.advan{ background:url(../images/advan.jpg) center no-repeat; height:1274px; margin-bottom:50px;}


/* Specific to example one */



.wenda{ width:280px; float:left; margin-top:50px;}
.wenda-title{ border-bottom:#CCCCCC solid 1px; height:40px; line-height:40px; color:#999999}
.wenda-title p{ float:left; border-bottom:#0456ba solid 1px; line-height:38px;}
.wenda-title p span{ font-size:18px; font-weight:bold; color:#666}
.wenda-title a{ float:right; color:#999999; margin-top:5px;}



.dongtai{ width:380px; float:left; margin-left:30px; margin-top:50px;}
.dongtai ul{ margin-top:10px; padding:10px;}
.dongtai ul li{ height:40px; line-height:40px; overflow:hidden; color:#333333}
.dongtai ul li a{ color:#333333} 
.dongtai ul li:hover a{ color:#0456ba}

.foot{ min-height:320px; background-color:#0456ba; width:100%; color:#FFFFFF; margin-top:50px;}
.foot-lead{ border-bottom: #004599 solid 1px; padding-bottom:50px;}
.foot-lead ul{ float:left; width:250px; margin-top:50px;}
.foot-lead ul h3{ margin-bottom:20px;}
.foot-lead ul li{ height:30px; line-height:30px; color: #CCCCCC}
.foot-lead ul li:hover a{ color:#fff}
.foot-lead ul li a{ color:#CCCCCC}
.bottom{ width:1100px; margin:0 auto; text-align:center; margin-top:20px;}




.wenda-gd{ margin-top:25px;}
.wenda-gd ul li{ border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:10px;}
.wenda-gd ul li div{ background:url(../images/da.gif) left center no-repeat; padding-left:23px; margin-bottom:5px; height:25px; line-height:25px; overflow:hidden;}
.wenda-gd ul li div a{ color: #333333}
.wenda-gd ul li p{ background:url(../images/wen.gif) left center no-repeat; padding-left:23px; font-size:13px; color:#666666; line-height:20px; height:40px; overflow:hidden;}
.wenda-gd ul li:hover a{ color:#0456ba}

@media screen and (max-width:700px){

.wenda{ width:98%; float:none; margin-top:50px; padding:1%}
.wenda-title{ border-bottom:#CCCCCC solid 1px; height:40px; line-height:40px; color:#999999;}
.wenda-title p{ float:left; border-bottom:#0456ba solid 1px; line-height:38px;}
.wenda-title p span{ font-size:1em; font-weight:bold; color:#666}
.wenda-title a{ float:right; color:#999999; margin-top:5px; font-size:0.85em}

.wenda-gd{ margin-top:25px; font-size:0.85em}
.wenda-gd ul li{ border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:10px;}
.wenda-gd ul li div{ background:url(../images/da.gif) left center no-repeat; padding-left:23px; margin-bottom:5px; height:25px; line-height:25px; overflow:hidden;}
.wenda-gd ul li div a{ color: #333333}
.wenda-gd ul li p{ background:url(../images/wen.gif) left center no-repeat; padding-left:23px; font-size:0.6em; color:#666666; line-height:20px; height:40px; overflow:hidden;}
.wenda-gd ul li:hover a{ color:#0456ba}

.dongtai{ width:98%; float:none; margin-left:0px; margin-top:20px; padding:1%; display:none}
.dongtai ul{ margin-top:10px; padding:1%;}
.dongtai ul li{ height:40px; line-height:40px; overflow:hidden; color:#333333}
.dongtai ul li a{ color:#333333} 
.dongtai ul li:hover a{ color:#0456ba}


.advan{ display:none}
.foot{ min-height:50px;margin-top:20px; }
.foot-lead{ display:none}
.bottom{ width:96%;margin-top:0; font-size:0.85em; line-height:1.7em;padding:2%;margin-bottom:35px}
}


.erji-banenr{ background:url(../images/about-banner.jpg) center no-repeat; height:300px; width:100%;}

.erji{ width:1100px; margin:50px auto;}
.erji-left{ width:230px; float:left}
.erji-list{ }
.erji-list-title{ color:#FFFFFF; background-color:#0456ba; height:50px; line-height:50px; padding-left:15px; font-size:18px; border:#0456ba solid 1px;}
.erji-list ul{ background-color:#f4f4f4;border:#eee solid 1px;}
.erji-list ul li{ height:40px; line-height:40px; padding:0 15px; background:url(../images/page-menu.gif) no-repeat;background-position:200px center; border-bottom:#eee solid 1px;}
.erji-list ul li a{ color:#333333}
.erji-list ul li:hover{ background:url(../images/page-menu-c.gif) no-repeat;background-position:200px center;}
.erji-list ul li:hover a{ color:#fea317}



.erji-contact img{ width:100%;}
.erji-contact p{ border:#eee solid 1px; background-color:#f4f4f4; padding:9px; color:#333333; line-height:25px;}

.erji-right{ width:830px; float:right;}
.erji-right-title{ border-bottom:#0456ba solid 1px; height:50px; line-height:50px;}
.erji-right-title span{ font-size:18px; color:#0456ba; float:left}
.erji-right-title p{ float:right; color:#666666; background:url(../images/icon-home.png) left center no-repeat; padding-left:20px; margin-top:5px;}
.erji-right-title p a{ color:#666666}
.erji-right-title p a:hover{ color:#0456ba}

.erji-about{ margin-top:10px; line-height:25px; color:#333333}

.erji-news{ margin-top:10px;}
.erji-news ul li{ height:35px; line-height:35px; border-bottom:#CCCCCC dashed 1px; background:url(../images/bg.png) left center no-repeat; padding-left:20px;}
.erji-news ul li a{ float:left; color:#333333}
.erji-news ul li span{ float:right; font-size:13px; color:#666666;}
.erji-serve{ margin-top:10px;}
.erji-serve ul li{ width:262px; margin:5px 7px; float:left;}
.erji-serve ul li div{ width:260px; height:190px; overflow:hidden; text-align:center;}
.erji-serve ul li div img{ height:100%;}
.erji-serve ul li p{ text-align:center; height:30px; line-height:30px;}
.erji-serve ul li:hover p{ background-color:#0456ba; color:#FFFFFF}

.bottoms{display:none}

@media screen and (max-width:700px){
.erji{ width:100%; margin:10px auto;}
.erji-banenr{ display:none}
.erji-left{ width:100%; float:none; margin-top:20px}
.erji-list-title{ color:#FFFFFF; background-color:#0456ba; height:2em; line-height:2em; padding-left:15px; font-size:1em; border:#0456ba solid 1px;}
.erji-list ul{ background-color:#f4f4f4;border:#eee solid 1px;}
.erji-list ul li{ height:40px; line-height:40px; background:url(../images/page-menu.gif) no-repeat;background-position:90% center; border-bottom:#eee solid 1px; width:48%; padding:0 1%; float:left; font-size:0.85em}
.erji-list ul li a{ color:#333333}
.erji-list ul li:hover{ background:url(../images/page-menu-c.gif) no-repeat;background-position:200px center;}
.erji-list ul li:hover a{ color:#fea317}
.erji-contact{ display:none}
.erji-right{ width:98%; float:none; font-size:0.85em; padding:1%}
.erji-right-title span{ font-size:1.2em}
.erji-right-title p{ font-size:0.85em}
.erji-about{ padding:1%}
.erji-serve ul li{ width:48%; margin:1%; float:left;}
.erji-serve ul li div{ width:100%; height:130px; overflow:hidden; text-align:center;}
.erji-news ul li{ font-size:0.85em}
.erji-news ul li span{ display:none}

.bottoms{ position:fixed; bottom:0; left:0; background-color:#0456ba; width:100%; padding:1.5% 0;display:block}
.bottoms div{ width:45%;}
.bottoms div img{ width:20%; float:left;}
.bottoms div a{ color:#FFFFFF}
.bottoms div p{ float:left;margin-top:3%; font-size:0.9em; margin-left:7%}
.bottom-home{ border-right:#fff dashed 1px; margin-left:5%; float:left}
.bottom-zixun{ float:right;}
}

.serve-banenr img{ width:100%;}