@charset "utf-8";
@import url("./global.css");


.sub_ban{ background: url(../images/sub_ban.jpg) no-repeat center top; height: 160px}


.content_wrap{ width: 950px; margin:0 auto; padding: 25px 25px 80px 25px; background: #fff;}


/*price code*/
.price-tb table{ width:100%;border-right:1px solid #fff;border-bottom:1px solid #fff;border-collapse:collapse;border-spacing:0;}
.price-tb table td{ width:70px; padding:5px 0; border-left:1px solid #fff;border-top:1px solid #fff; text-align:center;background:#ebebeb url(../images/tdbg2.png) repeat-x;}
.price-tb table td:hover{background:#2da000 url(../images/tdbg4.png) repeat-x !important; color:#fff;}
.sty01{ background:#d3e7fb url(../images/tdbg.png) repeat-x !important;}
.sty02{ background:#017aaf !important; color:#fff; font-weight:bold;}
.sty03{ background:#f64f04 url(../images/tdbg3.png) repeat-x !important;  color:#fff; font-weight:bold;}
.sty04{ background:#616161 url(../images/tdbg5.png) repeat-x !important;  color:#fff; font-weight:bold; text-align:right!important; padding-right:30px!important;}
.sty05{ padding-left:30px!important; text-align:left!important;}

.offtxt{ background: #f1f7fa; padding: 10px; margin-top: 10px; font-weight: bold;}

.box_info{ position: relative;width: 950px; height: 61px;}
.tab_nav{ position: absolute; bottom: -8px; left: 0; width: 950px; height: 61px;  z-index: 20;}
.tab_nav li{ width: 237px; height: 61px; text-align: center;  line-height: 50px; background: url(../images/tabnav_bg.png) -238px 0 no-repeat; color: #fff; font-weight: bold; float: left;-webkit-transition:color .3s linear,background-color .3s linear;}
.tab_nav li.active{ background-position: 0 0;}
.bd { position: relative;}
.bd .tab-content{}


.price_info{ margin-bottom: 20px; position: relative; width: 580px; text-align: left; }
.price_info { line-height: 23px; font-size: 15px;}
.price_info i{color: #0583bb; font-weight: bold;}
.price_info ul{ padding: 10px 0 5px;}

.size{ width: 580px; overflow: hidden;}
.size h3{  font-size: 1.5em; font-family: Georgia; font-style: italic; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 0.4em; margin-top: 1.2em; color:#777;}
.size h3 span{color:#0583bb;}
.size .info{ width: 580px;font-size: 15px;}

.size img{ }
.size .js{ width: 580px; margin-top: 30px;}
.size .js div{ width: 180px; float: left; }
.size table td{ padding: 5px 0;}
.size .example{ }
.size .cal { margin-top: 15px; margin-left: 20px;}
.size .cal input{ width: 50px; height: 16px; text-align: center; margin:0 8px; }
.size .cal button{ border: none; background: url(../images/btn_cal.png) no-repeat; width: 52px; height: 20px; margin-left: 8px;}



/* about code*/
.about_info{ margin-bottom: 20px; position: relative; background: url(../images/pre_icon2.png) no-repeat;}
.about_info p{ padding: 0 35px;}
.about_our{  overflow: hidden; position: relative;} 
.about_our dl{ padding:0 2em; width: 590px;}
.about_our dt{ font-family: Georgia; font-style: italic; font-size: 1.5em; font-weight: bold;color: #0583bb; padding: 0.4em 0;}
.about_our dd{ padding-bottom: 20px;}
.about_our img{ position: absolute; right: 0; top: 0;}
.mod_c{ }
.mod_c h3{ font-size: 1.5em; font-family: Georgia; font-style: italic; background: url(../images/dotted.png) repeat-x bottom; padding-bottom: 6px; margin-bottom: 0.4em; margin-top: 1.2em; color:#777;}
.mod_c h3 span{color:#0583bb;}
.mod_c .item { overflow: hidden; background: url(../images/dotted2.png) repeat-x bottom; margin: 1em 0; padding: 0.5em 0 1em;}
.mod_c .item div{ float: left; width: 220px; height: 147px; padding-top: 10px; background: url(../images/interval_line.png) no-repeat center right;}
.mod_c .item div img{ vertical-align: middle;}
.mod_c .item dl{ float: left; width: 680px; padding-top: 5px; padding-left: 15px;}
.mod_c .item dt{ font-size: 1.5em; font-family: Georgia; font-style: italic;  color: #0583bb;}
.mod_c .item dd{}


/* contact code*/
.contact{ overflow: hidden; padding: 10px;}
.mod_d{border:1px #e6e6e6 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; width: 450px; box-shadow: #ccc 0px 0px 8px; color: #5f6569; background: #fff;}
.mod_d .inner{ margin: 35px;}
.mod_d .tit{ font-family: Georgia; font-style: italic;text-align: center;}
.mod_d h3{ font-size: 2em; color: #0583bb;text-shadow: #ccc 0px 0px 3px; }
.mod_d .subtitle{ color: #bddae6; font-size: 1.3em; padding: 5px 0;}
.mod_d input,.mod_d textarea{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px; box-shadow: #f1f1f1 0px 0px 8px inset;  border: 1px solid #e6e7e7;outline:none; font-size: 1.3em; font-family: Georgia; color:#4f8398;}
.mod_d input{ width: 160px; padding-left: 10px;height: 30px; line-height: 30px;}
.mod_d select{ width: 170px; height: 30px;}
.mod_d textarea{padding: 10px;  width: 96%; height: 100px;}
.mod_d span{ display: block; padding-bottom: 3px; padding-left: 5px;}
.mod_d button{ background: url(../images/submit_message.png) no-repeat; width: 318px; height: 76px; border: none; margin-top: 8px; margin-left: 30px;}
.mod_d table{border-collapse:collapse;border-spacing:0; margin: 2em 0;}
.mod_d td{ padding-bottom: 15px; padding-right: 25px;}

.contact_info{ float: left; margin-top: 20px; margin-right: -10px; margin-left: 20px; }
.contact_info a{ color: #0583bb;}
.contact_info .tel{
	margin:1em 0;
	height:175px; border:1px solid #d5e3e9;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px; 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #edf4f7)); /* Firefox */ }

.contact_info .tel ul{ margin: 1.5em; line-height: 2.5em;}
.contact_info p span{  color: #0583bb; font-weight: bold;}

.msg{ float: left; margin-left: 0;}
.msg table{border-collapse:collapse;border-spacing:0; margin: 2em 0;}
.msg td{ padding-bottom: 15px; padding-right: 25px;}





/* order code*/
.content_order_wrap{width: 1000px; padding-bottom: 80px; padding-top: 25px; background: #fff; margin:0 auto; }
.order_process{ margin-top: 15px; margin-left: 20px; margin-right: -10px; background: url(../images/order_process_bg.png) repeat; float: left; width: 495px;}
.order_process .inner{ margin: 15px;}


.order_msg{ float:left; height: 770px;}
.order_msg table{ margin-top: 20px;}
.order_msg h3{ border-bottom: 5px solid #f1f1f1; padding-bottom: 15px;}
.order_msg textarea{height:50px;}
.order_msg .input-file input{margin:2px 3px;}

/*thankyou code*/
.order_tips .mod_f{ width: 950px; margin-left: 0px;}

.mod_f .inner{ margin: 35px;}
.mod_f .tit{ font-family: Georgia; font-style: italic;text-align: center;}
.mod_f h3{ font-size: 2em; color: #0583bb;text-shadow: #ccc 0px 0px 3px; }
.mod_f .subtitle{ color: #bddae6; font-size: 1.3em; padding: 5px 0;}

.mod_f table{border-collapse:collapse;border-spacing:0; margin: 2em 0; width: 100%;}
.mod_f td{ padding: 8px;}

.order_tips .tel{
	margin:1em 0;
	height:175px; border:1px solid #d5e3e9;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px; 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #edf4f7)); /* Firefox */ }

.mod_a{padding-left: 180px; width:600px;}
.mod_a h3{ border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 15px;}
.mod_a p{ color: #5a636a;}


.our_promise{ position: relative;}
.our_promise .rw{ position: absolute; right:5px; top:1px;}
.our_promise h3{font:normal normal normal 1.3em Georgia,Verdana; font-style: italic;color:#0583bb; width: 430px;}
.our_promise dd{ line-height: 1.4em;margin-bottom: 8px;}


.what_we_do i{ color: #0583bb; font-weight: bold;}
.our_promise dt{ color: #0583bb; font-weight: bold;}
.our_promise span {color:red; margin-right:5px;}

/*sample code*/

/*.sample{ overflow: hidden;}
.sample_tit{ margin-left: -25px;}
.sample .nav{ float:left; background-color: #ebf2f0; width: 187px; padding: 5px 0 15px 0;}
.sample .nav li{ text-align: center;}
.sample .nav li a{ width: 187px; height: 30px; line-height: 30px; display: block;}
.sample .nav li a:hover{ background: url(../images/s_nav_active.png) no-repeat;color:#fff; font-weight: bold;}
.sample .nav li.actived a{background: url(../images/s_nav_active.png) no-repeat;color:#fff; font-weight: bold;}
.sample .s_item{ float:left; width: 740px; margin-left: 20px; overflow: hidden;}
.sample .s_item ul{ margin-left: -20px;overflow: hidden;}
.sample .s_item li{ float:left; margin-left:20px;  width: 168px; height: 188px; background: url(../images/s_img_bg.png) no-repeat center bottom; }
.sample .s_item li div{display:table-cell;width:168px;height:168px;vertical-align:middle;text-align:center;	*float:left;*font-family:simsun;*font-size:168px;*line-height:1;border:1px solid #cad5d2;}
.sample .s_item li div img{ vertical-align:middle;}*/

.sample{ overflow: hidden;}
.sample_tit{ margin-left: -25px;}
.sample .nav{ float:left; background-color: #ebf2f0; width: 187px; padding: 5px 0 15px 0;}
.sample .nav li{ text-align: center;}
.sample .nav li a{ width: 187px; height: 30px; line-height: 30px; display: block;}
.sample .nav li a:hover{ background: url(../images/s_nav_active.png) no-repeat;color:#fff; font-weight: bold;}
.sample .nav li.actived a{background: url(../images/s_nav_active.png) no-repeat;color:#fff; font-weight: bold;}
.sample .s_item{ float:left; margin-left: 10px; overflow: hidden; }
.sample .s_item ul{ margin-left: -20px;overflow: hidden;}
.sample .s_item li{ float:left; margin-left:22px;  width: 168px; height: 188px; background: url(../images/s_img_bg.png) no-repeat center bottom; }
.sample .s_item li div{display:table-cell;width:168px;height:168px;vertical-align:middle;text-align:center;	*float:left;*font-family:simsun;*font-size:168px;*line-height:1;border:1px solid #cad5d2;}
.sample .s_item li div img{ vertical-align:middle;}

/*fpage code*/
.fpage{ text-align: center; background: #f5f5f5; padding: 10px 0; margin-top: 15px;}
.fpage a{ background: #fff; display: inline-block; margin: 0 5px;  height: 22px; line-height: 22px; padding: 0 10px}
.fpage a:hover{ color: #fff; background: #006d9d;}
.fpage a.actived{color: #fff; background: #006d9d;}




/*special code*/
.special{}
.sp_item { width: 950px; margin-bottom: 30px; color:#000;}
.sp_item .inner{ overflow: hidden; margin: 14px;}
.sp_item ul{ float: left; width: 460px;}
.sp_item ul li{ display: block; padding-left: 15px; line-height: 30px;}
.sp_item ul li.t{ padding-left: 180px;}
.colors{ background: #f0f0f0;}

.sp_list{  overflow: hidden; clear: both;}
.mod_e { margin: 15px 10px 0px; width: 455px;  float: left;}
.mod_e .tit{ background: #f0f0f0;}
.mod_e .tit span{ background: #0075a9; display: inline-block; margin-right: 15px; color:#fff; padding:0 10px ; height: 30px; line-height: 30px;}
.mod_e ul{ margin-left: -20px; margin-top: 20px; overflow: hidden;}
.mod_e li{ float:left; margin-left:20px;  width: 137px; height: 154px; background: url(../images/s_img_bg3.jpg) no-repeat 0 138px; }
.mod_e li div{display:table-cell;width:137px;height:137px;vertical-align:middle;text-align:center;	*float:left;*font-family:simsun;*font-size:137px;*line-height:1;border:1px solid #cad5d2;}
.mod_e li div img{ vertical-align:middle;}

.special .s_item{ float:left; margin-left: 10px; overflow: hidden;}
.special .s_item ul{ margin-left: -20px;overflow: hidden;}
.special .s_item li{ float:left; margin-left:22px;  width: 168px; height: 218px; }
.special .s_item li div{display:table-cell;width:168px;height:168px;vertical-align:middle;text-align:center;	*float:left;*font-family:simsun;*font-size:168px;*line-height:1;border:1px solid #cad5d2;}
.special .s_item li div img{ vertical-align:middle;}
.special .s_item li p{text-align:center;height:30px;line-height:30px;}


/*ccp*/
.ccp h2{ text-align: center; background: #0583BB url(../images/menu_repeat.png) repeat; color: #fff; font-family: Georgia; font-style: italic; font-size: 28px;  margin-bottom: 20px; padding: 10px 0;}
.ccp h2 div{ font-size: 20px; text-align: center; color: #b8e4f8;}
.ccp .quick_order{ margin-right: 28px;}
.ccp h3{  font-size: 1.5em; font-family: Georgia; font-style: italic; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 0.4em; margin-top: 1.2em; color:#0583BB;}
.ccp .table_ccp{ width:100%;border-right:1px solid #fff;border-bottom:1px solid #fff;border-collapse:collapse;border-spacing:0;}
.ccp .table_ccp td{ padding:5px 0; border-left:1px solid #fff;border-top:1px solid #fff; text-align:center;background:#ebebeb url(../images/tdbg2.png) repeat-x;}
.ccp .table_ccp td:hover{background:#2da000 url(../images/tdbg4.png) repeat-x !important; color:#fff;}
.ccp .whychoose{ width: 480px; float: left; }
.ccp .whychoose p{ padding: 10px 0;}
.ccp .price{ float: right; width: 450px;}
.ccp .table_ccp{ margin-top:8px;}
.ccp_item {   overflow: hidden;}
.ccp_item  ul{ margin-left: -25px;overflow: hidden;}
.ccp_item  li{ float:left; margin-left:26px;  width: 95px; height: 115px; background: url(../images/s_img_bg.png) no-repeat center bottom; }
.ccp_item  li img{border:1px solid #cad5d2; width: 95px; height: 95px;}
.modh h3{ margin-bottom: 20px;}

.ccp .modkk{ width: 460px; float: left;}
.ccp .modkk { margin-top: -1.2em;}
.ml30{ margin-left: 30px;}


.ccp2 .modkk{ width: 460px; float: left;}
.ccp2 .modkk { margin-top: -1.2em;}

/*labels style ul*/
.labels ul{ height: 140px;}
.labels ul>li {float: left;margin: 0 10px; height: 140px;line-height: 200px;}
.labels ul>li img {margin: 0 auto;}




/*
     FILE ARCHIVED ON 00:09:03 Dec 25, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:51:26 Oct 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 3.866
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.052
  esindex: 0.007
  cdx.remote: 31.804
  LoadShardBlock: 94.48 (3)
  PetaboxLoader3.datanode: 110.018 (5)
  PetaboxLoader3.resolve: 366.368 (3)
  load_resource: 401.244 (2)
*/