@charset "utf-8";
.main-title{ text-align: center; font-size: 34px; color: #222222; margin: 0 0 40px 0;}
.concept_img .ykplayer-poster-logo { 
    background-size: 100% auto !important;
    background-position-y: center !important;
}
.pageScroll {
	position: fixed;
    top: 230px;
    left: 30px;
    z-index: 666;
    font-size: 12px;
}
.pageScroll li{ border-bottom: 1px solid #bfbfbf;width: 30px; height: 30px; line-height: 30px; margin-bottom: 10px; overflow: hidden;
transition: all 1s ease;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;} 
.pageScroll li a{  display: block; color: #d60101;    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.pageScroll li.active ,.pageScroll li:hover {border-color: #d60101;width: 60px; 
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;} 	
.pageScroll .active a,.pageScroll li:hover a{    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;}
/*banner*/
.banner{ height:700px; overflow:hidden; position: relative;}
.ban_img{ width: 100% !important; margin: 0 auto; } 
.banner a{  height:700px; display:block; background-position: center top; background-repeat: no-repeat;  }

.ban_nav{ height:20px; width: 100%; overflow:hidden; position:absolute; left:0; text-align: center; bottom:20px; z-index:1; }
.ban_nav p{ overflow:hidden; zoom:1;   }
.ban_nav span{display: inline-block; margin-right:2px;  width:14px; height:14px;border-radius: 50%;margin: 0 10px; text-align:center; background:#fff; cursor:pointer; }
.ban_nav span.cur{ background:#cc0a00; color:#fff;} 

/**/
.signup{position:absolute; bottom: 62px; width: 100%; z-index: 100; }
.signup .content{position: relative; border-radius:5px;}
.signup-pr{ width: 100%;}
.signup .content{background: rgba(0,0,0,0.3); height: 120px;}
.signup-text{ padding:  7px 32px 0; font-size: 14px; line-height: 52px; color: #fff;}
.signup-text em{font-size: 20px;}
.signup-text i{width: 1px; height: 12px; background-color: #8d8f91; display: inline-block; margin: 0 10px;}
.signup-inp{padding-left: 32px;}
.signup-inp label{display: none;}
.signup-inp li{ margin-right: 20px; float: left;}
.signup-inp span{color: red; line-height: 40px;}
.signup-inp ul input{ width: 368px; height: 41px;font-size: 14px; line-height: 40px; color: #666; border: 0; outline: none; float: left;  padding-left: 12px; border-radius:3px;}
.signup-inp .form-btn-submit{width: 226px; height: 41px; background-color: #cc0a00; border: 0; outline: none; font-size: 18px; color: #fff; cursor: pointer; }
.signup-inp .form-btn-reset{display: none;}
.signup-inp .submit b{font-weight: normal; font-size: 12px; line-height: 40px; color: #fff;}
.signup_clear{ width: 28px;height: 28px;position: absolute; top:5px;right: 5px; cursor: pointer;}
.signup_clear img{ width: 28px;height: 28px;}

/**/
.search{height: 119px; border-bottom: 1px solid #e3e3e3;}
.latest{ width: 400px; margin-top: 30px;font-size: 12px; color: #222; line-height: 30px;}
.latest dt{ width: 66px; float: left; padding-left: 22px; background: url(../images/icon1.png) no-repeat left center;}
.latest dd{width: 310px;height: 60px;font-size: 14px; line-height: 30px; color: #999; overflow: hidden;}
.latest dd a{color: #999;}
.sea_con{width: 300px; font-size: 14px; line-height: 35px; color: #999; margin-top: 16px;}
.sea_con p{height: 35px;}
.sea_con p a{color: #999; display: inline-block;}
.sea_inp{ height: 31px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.sea_inp input{border: 0; outline: none;height: 30px; font-size: 14px; line-height: 30px; color: #c1c1c1; float: left;}
.sea_inp  .search-inp1{width: 266px; padding-left: 4px;}
.sea_inp  .search-inp2{width: 30px; background:url(../images/icon2.png) no-repeat center center; cursor: pointer;}
/**/
.latest2{height: 100px;}
.latest2_con{ width: 890px;height: 24px;  margin: 16px auto 0; overflow: hidden;}
.latest2 li{float: left; font-size: 14px; line-height: 24px;}
.latest2 li a{color: #666;}
/**/
.concept{
	background: url(../images/concept-bj.jpg) no-repeat center top;
	height: 700px;
}
.concept_img{ width: 600px; position: relative; position: relative;}
.concept_img dt img{width: 600px; height: 600px; display: block;}
.concept_img dd {text-align: right; position: absolute; bottom: -100px; right: 0; line-height: 0;}
.concept_img dd img{width: 100px; height: 100px; display: block; float: right;}
.concept_img dd span{ display:block; float: right; font-size: 12px; font-family: arial; color: #6e6e6e; line-height: 100px; text-transform: uppercase; margin-right: 16px;}
.concept_img dd b{font-weight: bold; color: #000;}
.concept_con{width: 500px;}
.concept_con h3{font-size: 58px;font-family: arial;  line-height: 60px; color: #333; text-transform: uppercase; margin-top: 100px; margin-bottom: 32px;}
.concept_con h3 span{display: block; color: #cc0a00;}
.concept_con h4{height: 76px; background: url(../images/icon4.png) repeat-x left bottom; font-size: 42px; color: #333; line-height: 76px; margin-bottom: 172px;}
.concept_con h4 b{display: block; float: left; margin-right: 15px;}
.concept_con h4 span{display: block; margin-top: 12px; float: left; font-size: 12px;font-weight: normal;font-family: arial; color: #a9a9a9;line-height: 24px; text-transform: uppercase;}
.concept_con h4 em{display: block; font-size: 22px; line-height: 24px; color: #333;}
.concept_con dt{font-size: 22px; line-height: 34px; color: #333; margin-bottom: 20px;}
.concept_con dd{font-size: 14px; line-height: 24px; color: #333;}

/**/
.case{
	background: url(../images/pro-bj.jpg) no-repeat center top;
	height: 1292px;
}
.case_con{padding-top: 150px; margin-bottom: 50px;}
.case_img,.case_img img{width: 600px; height: 650px; display: block;}
.case_text{ width: 600px;}
.case_title{height: 160px; position: relative; background: url(../images/icon4.png) repeat-x left bottom; margin-top: 83px; font-size: 58px;font-family:arial; font-weight: bold; color: #333; line-height: 98px; text-transform: uppercase; margin-bottom: 52px;}
.case_title em{color: #d60101;}
.case_title span{display: block; font-size: 40px; line-height: 44px; color: #333;}
.case_title i{ display: inline-block; font-size: 12px;font-weight: normal; line-height: 16px; color: #8d8d8d; background: #f7f7f7; position: absolute;left: 0; bottom: -8px; padding-right: 12px;}
.case_nav dl{ width: 212px;margin-right: 86px; float: left; font-size: 14px; line-height: 36px; background: url(../images/icon3.jpg) no-repeat right top;}
.case_nav dl:last-of-type{background: none;}
.case_nav dt{font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 10px;}
.case_nav dt a{color: #222;}

.case_nav dd{height: 234px;}
.case_nav dd span,.case_nav dd em{display: inline-block; width: 49%;}
.case_nav dd span { width: 43.5%; background: url(../images/pro-icon1.png) no-repeat left 14px;}
.case_nav dd span a{padding-left: 12px;    display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_nav dd span:hover{background-position-y: -22px; }
.case_nav dd a:hover{color: #d60101;text-decoration: underline;}
.case_nav dd.cn_link{width: 98px; height: 28px; font-size: 12px; line-height: 28px; text-transform: uppercase; border: 1px solid #e6e6e6; background: url(../images/pro-icon2.png) no-repeat 62px 12px;}
.case_nav dd.cn_link a{display: block; padding-left: 15px;}
.case_nav dd.cn_link:hover{ background-color: #d60101; background-position-y: -18px;}
.case_nav dd.cn_link:hover a{color: #fff;}

.case_list {position: relative;}
.case_list dl{ width: 385px;  margin-right: 23px;}
.case_list dt{ width: 385px; height: 290px; position: relative; overflow: hidden;}
.case_list dt img {width: 385px; height: 290px;}

.case_list dt span{display: block; 	width: 60px; height: 45px; background-color: #222222;font-size: 14px;line-height: 24px; color: #fff;text-align: center; line-height: 45px; position: absolute; right: 0; bottom: 0; z-index: 22;}
.case_list dt p{width: 385px; height: 116px; display: none; position: absolute; top: 0; left: 0; z-index: 2;background: url(../images/pro-icon3.png) no-repeat center top; padding-top: 174px;}
.case_list dt em{font-size: 14px; line-height: 24px; display: block; color: #fff; text-align: center;}
.case_list dd{font-size: 14px; line-height: 52px; text-align: center; overflow: hidden;}
.case_list dd a{ color: #222;}

.case_list dl:hover span{background-color: #d60101;}
.case_list dl:hover dt p{display: block;}
.case_list dl:hover dt span{ color: #fff; font-weight: bold;}

.case_prev,.case_next{height: 32px; width: 140px; font-size: 14px; color: #b2b2b2; position: absolute; top: 382px; cursor: pointer;}
.case_prev p,.case_next p{height: 30px; width: 80px; line-height: 30px;}
.case_prev span,.case_next span{display: block; width: 30px; height: 30px; overflow: hidden; position: relative; margin: 0 10px;} 
.case_prev{right: 622px;}
.case_prev p,.case_prev span{float: right; text-align: right; color:#222;}
.case_next{left: 622px;}
.case_next p,.case_next span{float: left;color: #d60101;}

/*.case_prev:hover,.case_next:hover{color: #d60101;}*/
.case_prev:hover img,.case_next:hover img{margin-top: -35px;}
/**/
.process{background: url(../images/process-bj.jpg) no-repeat center top; height: 800px;}
.process_title{height: 160px; font-size: 48px; color: #333; line-height: 68px; padding-top: 105px; padding-left: 210px;}
.process_title span{font-size: 60px; font-weight: bold; font-family: arial; color: #d60101; text-transform: uppercase;}
.process_title p{font-size: 24px; color: #222; line-height: 38px; letter-spacing: 15px;}
.process_con dl{width: 300px; height: 200px; float: left; position: relative; overflow: hidden;}
.process_con dt img{width: 300px; height: 200px; }
.process_con dd{position: absolute; top: 0; left: 0;width: 282px; height: 162px; background: url(../images/bj.png); padding: 38px 0 0 18px; }
.process_con dd i{display: block; margin-bottom: 47px;}
.process_con dd i img{ width: 36px; height: 36px;}
.process_con dd em{display: block; margin-bottom: 6px;}
.process_con dd p{font-size: 18px; color: #fff; line-height: 24px; text-align: left;display: inline-block;}
.process_con dd span{display: block; font-size:  12px; line-height: 14px;text-transform: uppercase; color: #757575;}
.process_con dl:hover dd{text-align: center;  background: none;}
.process_con dl:hover dd em,.process_con dl:hover dd i{display: none;}
.process_con dl:hover p{ background: url(../images/process-bj1.png); padding: 10px 13px 14px; color: #fff; text-align: center; margin-top: 30px;}
.process_con dl:hover p span{color: #E3E3E3;}
.process_tel{width: 300px;  position: relative; font-size: 20px; line-height: 30px; color: #fff; padding-top: 24px;}
.process_tel p{height: 30px; font-weight: bold; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; letter-spacing: 5px;margin-bottom: 18px;}
.process_tel_t1{height: 24px; font-size: 15px; font-weight: bold;font-family: arial; line-height: 24px; padding-left: 24px; background: url(../images/tel-icon1.png) no-repeat left 2px;margin-bottom: 17px;}
/**/
.designer{background: url(../images/designer-bj.jpg) no-repeat top center; height: 945px;}
.designer_title{height: 190px; padding-left: 342px; padding-top: 102px; font-size: 42px; color: #333; line-height: 52px; text-transform: uppercase;}
.designer_title p{font-size: 60px;font-weight: bold; font-family: arial; line-height: 74px;color: #d60101;}
.designer_title b{display: block; float: left; margin-right: 18px;}
.designer_title i{font-size: 12px; font-family: arial; color: #222; line-height: 14px; display: block;}
.designer_title em{font-size: 24px; color: #333; line-height: 26px; margin-top: 6px; display: block;float: left;}
.designer_nav{position: relative; width: 380px;}
.designer_ntitle{  width: 175px; height: 198px; padding-top: 34px; padding-left: 8px; font-size: 14px; color: #aaa; line-height: 24px;  position: absolute; top: 245px;left: 0; z-index: 44; background-color: #f7f7f7;}
.designer_ntitle i{ display: block; width: 20px; height: 3px; background-color: #333; margin-bottom: 10px;}
.designer_txt{font-size: 20px;font-family: arial; color: #666; line-height: 28px; text-transform: uppercase; margin-bottom: 28px;}
.designer_txt b{ color: #222;}
.designer_nlist ul{overflow: hidden;}
.designer_nlist li{ width: 175px; height: 230px; float: left; margin: 0 15px 15px 0; overflow: hidden; position: relative;}
.designer_nlist li:last-child{float: right;}
.designer_nlist li img{width: 175px; height: 230px; }
.designer_nlist li span{ position: absolute; top: 0; left: 0; display: none;}
.designer_nlist li:hover span{display: block;}
.designer_jt{ width: 144px; text-align: center;}
.designer_jt>div{width: 70px; height: 29px; background-color: #1b1b1b; padding-top: 10px; cursor: pointer;}
.designer_jt>div:hover{background-color: #d60101}
.designer_con{ width: 814px;}
.designer_con dl{position: relative; overflow: hidden; display: none;}
.designer_con dt{ width: 365px; height: 530px; float: left;}
.designer_con dt img{ width: 356px;}
.designer_con dd{width: 400px; float: right; margin-top: 16px;}
.designer_con h3{ height: 46px;font-size: 18px;font-weight: normal; line-height: 46px; background: url(../images/icon4.png) repeat-x left bottom; margin-bottom: 34px;}
.designer_con h3 a{color:#222 ;}
.designer_con h3 b{ font-size: 30px; margin-right: 10px; }
.designer_desc{max-height:255px; font-size: 14px; line-height: 20px; color: #666; overflow:hidden;}
.designer_desc p{margin-bottom: 24px;}
.designer_desc strong {color: #333;}
.designer_link{ width:409px;height: 99px; font-size: 14px; font-family: arial; color: #666; line-height: 99px; text-transform: uppercase; border: 1px solid #333; border-left:0; position: absolute; right: 0; bottom: 55px; padding-left: 47px;}
.designer_link a{display: block;}
.designer_link img{ display: inline-block; vertical-align:middle; margin-left: 22px;}
/**/
.advantages{background: url(../images/adv-bj.jpg) no-repeat center top; height: 990px;}
.adv_title{height: 156px; font-size: 42px; font-weight: bold;color: #333; line-height: 66px; text-align: center; padding-top: 105px;}
.adv_title span{font-size:48px;font-family: arial; color: #d60101; text-transform: uppercase; margin-left: 6px; vertical-align: middle;}
.adv_title p{height: 40px; display: inline-block; font-size: 24px;font-weight: normal; color: #333; letter-spacing: 10px; line-height: 40px; padding: 0 8px; background: url(../images/adv-icon6.jpg);}
.adv_nav{ height: 160px; text-align: center; font-size: 18px; color: #222; line-height: 24px;}
.adv_nav p a{color: #222;}
.adv_nav ul{display: inline-block; }
.adv_nav li,.adv_nav  p{width: 120px;	height: 120px; background-color: #f2f2f2; border-radius: 50%; display: inline-block; margin: 0 47px; overflow: hidden;}
.adv_nav li.cur,.adv_nav p:hover{ background-color:#d60101; color: #fff;}
.adv_nav li.cur img,.adv_nav p:hover img{ margin-top: -122px;}
.adv_nav span{ display:block; width: 44px; height:34px; overflow: hidden; margin: 26px auto 10px;}
.adv_nav p:hover a{color: #fff;}


/*新闻聚焦*/
.news{ background:url(../images/news_bj.jpg) no-repeat center top; height: 696px; overflow: hidden; }
.news_title{height: 148px; font-size: 48px; line-height: 60px; color: #333; text-align: center; padding-top: 112px;}
.news_title span{font-family: arial; font-size: 58px;font-weight: bold; margin-right: 4px; color: #d60101; text-transform: uppercase;}
.news_title p{font-size: 24px; line-height: 48px; letter-spacing: 12px; color: #333333;}
.news_nav{margin-bottom: 30px;overflow: hidden;}
.news_nav2 li{display: inline-block; width: 18px;height: 18px; border-radius: 50%; margin-left: 16px; background-color: #dadada;cursor: pointer;}
.news_nav2 li.cur2{ background-color: #d60101;}
.news_nav li{height: 24px; float: left; font-size: 18px; line-height: 24px; float: left; margin-right: 32px; border-bottom: 1px solid #fff;cursor: pointer;}
.news_nav li.cur{border-color: #D60101;}
.news_nav li.cur a{color: #d60101;}
.news_con dl{ width: 380px; height: 380px; float: left; margin-right: 30px; overflow: hidden; position: relative; background: #F2F2F2;}
.news_con dl.news_dl1{background:url(../images/news-img1.jpg) no-repeat center top;}
.news_con dl.news_dl2{background:url(../images/news-img2.jpg) no-repeat center top;}
.news_con dl.news_dl3{background:url(../images/news-img3.jpg) no-repeat center top;}
.news_con dl:last-child{margin-right: 0;}
.news_con dt{position: absolute; top: 0; left: 0; z-index: 0; display: none;}
.news_con dt span,.news_con dt img{ width: 380px;height: 380px;}
.news_con dt span{ display: block;position: absolute; top: 0; left: 0; background: url(../images/bj2.png);}
.news_con dd{ width: 332px;padding: 76px 24px 0 ;position: absolute; top: 0; left: 0; z-index: 2;}
.news_item{font-size: 18px; line-height: 40px; color: #666; margin-bottom: 20px;}
.news_item span{font-size: 40px;}
.news_con h3{height: 32px; font-size: 16px;font-weight: normal; line-height: 32px; color: #222; }
.news_con h3 a{color: #222; display: block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_desc{height: 116px; font-size: 14px; line-height: 24px; color: #666; border-bottom: 1px  solid #e1e1e1; margin-bottom: 30px;}
.news_link{width: 98px; height: 28px; font-size: 12px; line-height: 28px; text-transform: uppercase; border: 1px solid #e6e6e6; background: url(../images/pro-icon2.png) no-repeat 62px 12px;}
.news_link a{display: block; padding-left: 15px;}
.news_con dl:hover .news_link{ background-color: #d60101;border-color:  #d60101; background-position-y: -18px;}
.news_con dl:hover .news_link a{color: #fff;}
.news_con dl:hover .news_desc{border-color:#d60101;}
.news_con dl:hover dt{display: block;}
.news_con dl:hover h3 a,.news_con dl:hover .news_desc,.news_con dl:hover .news_item{color: #fff;}
/**/
.tools{height: 375px; background: url(../images/tools-bj.jpg) no-repeat center top;}
.tools_title{ width: 240px; margin-top: 112px; margin-bottom: 25px;font-size: 22px; line-height: 50px; color: #333;}
.tools_title p{font-size: 26px;font-weight: bold;font-family: arial; text-transform: uppercase; line-height: 30px; color: #333; margin-bottom: 25px;}
.tools_list{ margin-top: 118px; border-left: 1px solid #e5e5e5; text-align: center;}
.tools_list li{ width: 238px;border-right: 1px solid #e5e5e5; float: left; font-size: 14px; color: #333; line-height: 16px; cursor:pointer;}
.tools_list span{display: block; width: 80px; height: 80px;margin: 8px auto 30px; overflow: hidden;}
.tools_list li a{color: #333;}
.tools_list li:hover img{ margin-top: -81px;}
.calculator{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bj.png); z-index: 999; display:none;}
.calculator_con{width: 626px;height: 412px;  position: absolute; left: 50%; top: 50%; margin-left: -313px; margin-top: -206px;}
.calculator_title{height: 81px; font-size: 14px; line-height: 24px; color: #fff; text-align: center;background: #cc0a00;}
.calculator_title h3{font-size: 24px;font-weight: normal; padding-top: 22px;}
.calculator_icon{width: 24px;height: 24px; position: absolute; top: -12px; right: -12px; cursor: pointer;	}
.calculator_from{height: 508px; padding-top: 37px; background: url(../images/js_bj.jpg) no-repeat center top; padding-left: 66px;}
.calculator_from li{height: 40px; font-size: 14px; line-height: 40px; color: #666; margin-bottom: 16px;}
.calculator_from li label{float: left; display: block;}
.calculator_from li input{float: left; width: 316px; height: 38px; border: 1px solid #e5e5e5; padding-left: 20px;}
.calculator_from li>span,.calculator_from li>em{float: left; color: red;}
.calculator_from li em{display: block;font-size: 12px;  line-height: 14px;}
.calculator_from li.calculator_m input{background: url(../images/js_m.png) no-repeat 310px center; width: 287px; padding-right: 28px;}
.calculator_from li p{float: left;}

.calculator_from .submit{ padding-left: 76px;}
.calculator_from .submit input{width: 353px;height: 58px; outline: none; background-color: #cc0a00; font-size: 18px; color: #fff; line-height: 58px; border: 0; cursor: pointer;}
.calculator_from .form-btn-reset{display: none;}
.calculator_from .submit b{display: block;}

.money{display: none;
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bj.png); z-index: 999;}

.money_con{width: 710px;height: 218px;padding:70px 0 0 42px; color: #fff; background: #333; position: absolute; left: 50%; top: 50%; margin-left: -383px; margin-top: -138px;background: url(../images/js_bj2.jpg) no-repeat center top;}
.money_con h3{font-size: 18px;font-weight: normal; line-height: 18px; }
.money_txt{height: 70px; font-size: 14px; line-height: 70px;}
.money_txt span{font-weight: bold; font-size: 48px;}
.money_icon{width: 38px;height: 38px; position: absolute; top: -19px; right: -19px; cursor: pointer;	}
/**/
.about{height: 732px; background: url(../images/abount-bj.jpg) no-repeat center top; padding-top: 120px;}
.about_txt{ width: 400px; margin-top: 108px;}
.about_title{height: 188px; font-size: 42px; color: #333; line-height: 52px;}
.about_title p{font-size: 58px;font-weight: bold; line-height: 60px; color: #d60101; text-transform: uppercase;}
.about_title b{display: block;}
.about_title em{font-size: 22px; line-height: 40px; color: #222;}
.about_desc{font-size: 14px; line-height: 24px; color: #666; margin-bottom: 75px;}
.about_link{width: 98px; height: 28px; font-size: 12px; line-height: 28px; text-transform: uppercase; border: 1px solid #d60101; background: url(../images/pro-icon2.png) no-repeat 62px 12px; background-color: #d60101;}
.about_link a{display: block; padding-left: 15px;color: #fff;}


.about_pic{width: 700px;}
.about_pic img{width: 700px; height: 660px;}



/*友情链接*/
.link{height: 232px;}
.link_nav{height: 36px; font-size: 16px; line-height: 35px; color: #666;padding-top: 70px; border-bottom: 1px solid #e5e5e5; margin-bottom: 14px;}
.link_nav li{float: left; margin-right: 24px; height: 35px;}
.link_nav li:hover,.link_nav li.cur{border-bottom: 2px solid #D60101; }
.link_con{font-size: 14px; line-height: 24px; color: #999;}
.link_con li{float: left; min-width:150px; margin-bottom: 10px;}
.link_con a{color: #999;}



/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}