@charset "utf-8";
/* CSS Document */
 
.clear {clear:both;}
.xuxian{
width:100%;
height:0;
border-bottom:#cccccc 1px dashed;}
 

 @media only screen and (min-width: 1601px) and (max-width: 1920px){
.milestone_container{   min-height:100%; }
.milestone_container .shadow_body{ min-height:100%;}
.milestone_nav{ width:99%; margin:0 auto; background:none ;   padding:0;margin-top:75px}
#milestone_jcarousel{ background:url(https://cache.royally.com.cn/pc/images/line1.jpg) repeat-x  left 30px; width:94%; margin:0 auto 0 40px;}
#milestone_jcarousel li{ width:110px; float:left; padding:0 5px;}
#milestone_jcarousel li.even a{ display:block; width:118px; background:url(https://cache.royally.com.cn/pc/images/dot1.png) no-repeat top center; text-align:center; margin:25px 0 0; padding:25px 0px 0 0px;height:28px; line-height:28px; font-size:14px; color:#666;}
#milestone_jcarousel li.odd a{ display:block; width:118px; background:url(https://cache.royally.com.cn/pc/images/dot1.png) no-repeat bottom center; text-align:center;  padding:0 0px 12px 0px;  height:28px; line-height:14px; font-size:14px; color:#666;}

#milestone_jcarousel li a:hover,#milestone_jcarousel li a.current{ background-image:url(https://cache.royally.com.cn/pc/images/dot2.png); color:#4f0045;}

#milestone_jcarousel .jcarousel-clip{width:100%; height:90px; overflow:hidden;}
#milestone_jcarousel .jcarousel-item{ width:110px;}

#milestone_jcarousel .jcarousel-prev,#milestone_jcarousel .jcarousel-next{ width:26px; height:26px; position:absolute; top:22px; cursor:pointer;}
#milestone_jcarousel .jcarousel-prev{ left:-26px; background:url(https://cache.royally.com.cn/pc/images/left11.png) no-repeat; }
#milestone_jcarousel .jcarousel-next{ right:-26px; background:url(https://cache.royally.com.cn/pc/images/right11.png) no-repeat; }
#milestone_jcarousel .jcarousel-prev:hover{  background:url(https://cache.royally.com.cn/pc/images/left12.png) no-repeat; }
#milestone_jcarousel .jcarousel-next:hover{  background:url(https://cache.royally.com.cn/pc/images/right12.png) no-repeat;}


.milestone_content{ width:99%; height:356px; margin:0 auto; padding:22px 0 40px 20px;}
.milestone_content_h3{ width:100%; float:left; height:60px; line-height:60px; color:#4f0045; font-size:20px; border-bottom:1px dotted #939393; margin:0 0 20px 10px; text-align:left;} 
 
.milestone_content ul{ width:100%; height:100%;margin:0 auto;}
.milestone_content ul li{ width:16%; margin:0 auto; height:100%;float:left;margin-left:0.5%}
  .milestone_content_img{ width:100%; margin:0 auto; height:100%;}
  .milestone_content_title{ width:100%; margin:0 auto; height:100%;line-height:35px;text-align: center;font-family: "Microsoft YaHei";}

.contact_container{   height:683px; margin:0 0 -25px 0;} 
.contact_info{  height:154px; padding:0 0 15px 0;}
.contact_info dl{ padding:45px 0 0 120px; width:200px; float:left; font-size:20px; line-height:30px;}

.contact_content{ width:960px; margin:0 auto; padding:55px 0 0; overflow:hidden;}
.contact_inner{ background:#fff; overflow:hidden; width:860px; padding:0 50px; height:410px;}
.contact_content h3{line-height:85px; color:#433a36; font-size:25px; border-bottom:1px solid #f6ab00;  margin:0 0 45px 0;font-family: "Microsoft YaHei";}
.contact_content .map{ width:375px; height:240px; float:left; margin:0 86px 0 0;}
.contact_content .intro{ width:350px; float:left; color:#5e5e5e;}
.contact_content .intro .intro_1{  padding:0 0 12px 42px; border-bottom:1px solid #ececec;}
.contact_content .intro .intro_2{   padding:0 0 12px 42px; border-bottom:1px solid #ececec; margin:12px 0;}
.contact_content .intro .intro_3{  padding:0 0 12px 42px; }
#contact_map{ width:375px; height:240px; }
.feedback_btn{  width:143px; height:35px; display:block; margin:20px 0 0; text-indent:-9999px;}
}
 




 @media only screen and (min-width: 1381px) and (max-width: 1600px){

.milestone_container{   min-height:100%; }
.milestone_container .shadow_body{ min-height:100%;}
.milestone_nav{ width:99%; margin:0 auto; background:none ;  padding:0;margin-top:80px}
#milestone_jcarousel{ background:url(https://cache.royally.com.cn/pc/images/line1.jpg) repeat-x  left 42px; width:92%; margin:0 auto 0 46px;}
#milestone_jcarousel li{ width:110px; float:left; padding:0 5px;}
#milestone_jcarousel li.even a{ display:block; width:118px; background:url(https://cache.royally.com.cn/pc/images/dot1.png) no-repeat top center; text-align:center; margin:38px 0 0; padding:25px 0px 0 0px;height:28px; line-height:28px; font-size:12px; color:#666;}
#milestone_jcarousel li.odd a{ display:block; width:118px; background:url(https://cache.royally.com.cn/pc/images/dot1.png) no-repeat bottom center; text-align:center;  padding:0 0px 22px 0px;  height:28px; line-height:28px; font-size:12px; color:#666;}

#milestone_jcarousel li a:hover,#milestone_jcarousel li a.current{ background-image:url(https://cache.royally.com.cn/pc/images/dot2.png); color:#4f0045;}

#milestone_jcarousel .jcarousel-clip{width:100%; height:90px; overflow:hidden;}
#milestone_jcarousel .jcarousel-item{ width:110px;}

#milestone_jcarousel .jcarousel-prev,#milestone_jcarousel .jcarousel-next{ width:26px; height:26px; position:absolute; top:29px; cursor:pointer;}
#milestone_jcarousel .jcarousel-prev{ left:-26px; background:url(https://cache.royally.com.cn/pc/images/left11.png) no-repeat; }
#milestone_jcarousel .jcarousel-next{ right:-26px; background:url(https://cache.royally.com.cn/pc/images/right11.png) no-repeat; }
#milestone_jcarousel .jcarousel-prev:hover{  background:url(https://cache.royally.com.cn/pc/images/left12.png) no-repeat; }
#milestone_jcarousel .jcarousel-next:hover{  background:url(https://cache.royally.com.cn/pc/images/right12.png) no-repeat;}


.milestone_content{ width:99%; height:356px; margin:0 auto; padding:22px 0 40px 40px;}
.milestone_content h3{ width:98%; float:left; height:60px; line-height:60px; color:#4f0045; font-size:20px; border-bottom:1px dotted #939393; margin:0 0 20px 30px; text-align:left;font-family: "Microsoft YaHei";} 
 
.milestone_content ul{ width:100%; height:100%;margin:0 auto;}
.milestone_content ul li{ width:16%; margin:0 auto; height:100%;float:left;margin-left:0.5%}
  .milestone_content_img{ width:100%; margin:0 auto; height:100%;}
  .milestone_content_title{ width:100%; margin:0 auto; height:100%;line-height:35px;text-align: center;font-family: "Microsoft YaHei";}

.contact_container{  height:683px; margin:0 0 -25px 0;} 
.contact_info{  height:154px; padding:0 0 15px 0;}
.contact_info dl{ padding:45px 0 0 120px; width:200px; float:left; font-size:20px; line-height:30px;}

.contact_content{ width:960px; margin:0 auto; padding:55px 0 0; overflow:hidden;}
.contact_inner{ background:#fff; overflow:hidden; width:860px; padding:0 50px; height:410px;}
.contact_content h3{line-height:85px; color:#433a36; font-size:25px; border-bottom:1px solid #f6ab00;  margin:0 0 45px 0;}
.contact_content .map{ width:375px; height:240px; float:left; margin:0 86px 0 0;}
.contact_content .intro{ width:350px; float:left; color:#5e5e5e;}
.contact_content .intro .intro_1{  padding:0 0 12px 42px; border-bottom:1px solid #ececec;}
.contact_content .intro .intro_2{  padding:0 0 12px 42px; border-bottom:1px solid #ececec; margin:12px 0;}
.contact_content .intro .intro_3{   padding:0 0 12px 42px; }
#contact_map{ width:375px; height:240px; }
.feedback_btn{  width:143px; height:35px; display:block; margin:20px 0 0; text-indent:-9999px;}



}





@media only screen and (min-width: 768px) and (max-width: 1380px){
.milestone_container{   min-height:100%; }
.milestone_container .shadow_body{ min-height:100%;}
.milestone_nav{ width:90%; margin:0 auto; background:none ;   padding:0;margin-top:45px}
#milestone_jcarousel{ background:url(https://cache.royally.com.cn/pc/images/line1.jpg) repeat-x  left 42px; width:94%; margin:0 auto 0 30px;}
#milestone_jcarousel li{ width:110px; float:left; padding:0 5px;}
#milestone_jcarousel li.even a{ display:block; width:118px; background:url(https://cache.royally.com.cn/pc/images/dot1.png) no-repeat top center; text-align:center; margin:38px 0 0; padding:15px 0px 0 0px;height:25px; line-height:25px; font-size:12px; color:#666;}
#milestone_jcarousel li.odd a{ display:block; width:118px; background:url(https://cache.royally.com.cn/pc/images/dot1.png) no-repeat bottom center; text-align:center;  padding:0 0px 22px 0px;  height:25px; line-height:25px; font-size:12px; color:#666;}

#milestone_jcarousel li a:hover,#milestone_jcarousel li a.current{ background-image:url(https://cache.royally.com.cn/pc/images/dot2.png); color:#4f0045;}

#milestone_jcarousel .jcarousel-clip{width:100%; height:90px; overflow:hidden;}
#milestone_jcarousel .jcarousel-item{ width:110px;}

#milestone_jcarousel .jcarousel-prev,#milestone_jcarousel .jcarousel-next{ width:26px; height:26px; position:absolute; top:29px; cursor:pointer;}
#milestone_jcarousel .jcarousel-prev{ left:-26px; background:url(https://cache.royally.com.cn/pc/images/left11.png) no-repeat; }
#milestone_jcarousel .jcarousel-next{ right:-26px; background:url(https://cache.royally.com.cn/pc/images/right11.png) no-repeat; }
#milestone_jcarousel .jcarousel-prev:hover{  background:url(https://cache.royally.com.cn/pc/images/left12.png) no-repeat; }
#milestone_jcarousel .jcarousel-next:hover{  background:url(https://cache.royally.com.cn/pc/images/right12.png) no-repeat;}


.milestone_content{ width:95%; height:356px; margin:0 auto;  padding:22px 0 40px -80px;}
.milestone_content_h3{ width:100%; float:left; height:40px; line-height:40px; color:#4f0045; font-size:16px; border-bottom:1px dotted #939393; margin:10px 0 10px -5px; text-align:left;font-family: "Microsoft YaHei";} 
 
.milestone_content ul{ width:100%; height:100%;margin:0 auto;}
.milestone_content ul li{ width:16%; margin:0 auto; height:100%;float:left;margin-left:0.5%}
  .milestone_content_img{ width:100%; margin:0 auto; height:100%;}
  .milestone_content_title{ width:100%; margin:0 auto; height:100%;line-height:35px;text-align: center;font-family: "Microsoft YaHei";}

.contact_container{  height:683px; margin:0 0 -25px 0;} 
.contact_info{ background:url(about/contact_info.jpg) no-repeat top center; height:154px; padding:0 0 15px 0;}
.contact_info dl{ padding:45px 0 0 120px; width:200px; float:left; font-size:20px; line-height:30px;}

.contact_content{ width:960px; margin:0 auto; padding:55px 0 0; overflow:hidden;}
.contact_inner{ background:#fff; overflow:hidden; width:860px; padding:0 50px; height:410px;}
.contact_content h3{line-height:85px; color:#433a36; font-size:25px; border-bottom:1px solid #f6ab00;  margin:0 0 45px 0;font-family: "Microsoft YaHei";}
.contact_content .map{ width:375px; height:240px; float:left; margin:0 86px 0 0;}
.contact_content .intro{ width:350px; float:left; color:#5e5e5e;}
.contact_content .intro .intro_1{   padding:0 0 12px 42px; border-bottom:1px solid #ececec;}
.contact_content .intro .intro_2{ padding:0 0 12px 42px; border-bottom:1px solid #ececec; margin:12px 0;}
.contact_content .intro .intro_3{   padding:0 0 12px 42px; }
#contact_map{ width:375px; height:240px; }
.feedback_btn{  width:143px; height:35px; display:block; margin:20px 0 0; text-indent:-9999px;}
}