@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*MY CSS*/

.main-wrapper{ width:100%;}
.bg-in{background: #edeaea url(../images/pattern07.png) repeat;}
.header{ width:100%; box-shadow: 0 4px 2px #ccc; background:url(../images/repeat-head.png) repeat-x; border-bottom:2px solid #e5382a;}
.header_hold{  margin: 0 auto;padding: 10px 0 0; width: 1000px; }
.logo_wrap{ width:400px; float:left; }
.soc_menu_wrap{ width:558px; float:right;}
.soc_ic{ text-align:right;}
.menu_wrapper{ margin-top:28px;}
.menu_wrapper ul li{ float:left; margin-right:2px;} 
.menu_wrapper ul li a{ padding: 10px 21px; font-family: 'Open Sans', sans-serif; border-radius: 5px 5px 0px 0px; text-decoration:none; display:block; font-size:14px; color:#333;}
.menu_wrapper ul li a:hover{background:#e5382a; color:#fff;}
.selcted{ background:#e5382a; color:#fff !important; }

.sm_title{ font-size:20px; color:#e5382a; font-family:"PT Sans",sans-serif; margin-bottom:15px;}
.ser_block{ margin-bottom:25px;  background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 25px;
    padding: 12px;}
.no-bor{ border-bottom:0px !important;}
.ser_block p{ font-size:14px; margin-bottom:15px; line-height:18px; text-align:justify}
.ser-img{float: left;
    margin-bottom: 25px;
    margin-right: 25px;
    margin-top: 5px;}



.banner{ width:100%; padding-top:5px; }

.banner_hold{width:1000px; margin:0 auto;padding-top:10px; padding-bottom:30px; position:relative;}
.banner_hold ul li{ position:relative;}
.ban_int{ background:#fff;}
.img_ban{ float:left; width:100%;}
.ban_text{ float:right; width:100%; background:#000; height:105px;}
.padd15{ padding:15px;}
.ban_title{ font-size:24px; color:#1699d5; margin-bottom:5px;}
.ban_text p{font-size:14px; line-height:18px; margin-bottom:5px; color:#ddd}
.ban_padd{ padding: 5px 5px 12px; background:#fff;}
.ban-title{ background: #cda351 none repeat scroll 0 0;
    bottom: 28px;
    color: #fff;
    font-size: 20px;
    padding: 16px;
    position: absolute;
    right: 0;
    width: 400px;
    z-index: 1000000;}
.read_wrap{ text-align:right;}
.mar-top25{ margin-top:20px;}

.read_mo{   background: #e5382a none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 6px 10px;
    text-decoration: none;}
.read_mo:hover{ background:#222;}	
.about_ct{background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #ddd;border-radius: 5px; padding: 12px;}
.about_ct p{font-size:14px; line-height:18px; margin-bottom:15px; color:#000}
.associate_ct{ margin-top:15px;}


.cont_block{width:100%;}
.block_hold{width:1000px; margin:0 auto; margin-top:15px; }
.title{  font-family: "PT Sans",sans-serif;font-size: 24px; margin-bottom:10px; line-height:32px; text-transform: uppercase;}
.title img{ float:left; margin-right:5px;}


.left_block{ float:left; width:685px;}
.right_block{float:right; width:290px;}
.ser_list li a{ text-decoration:none; padding: 12px 11px 11px 25px; background: #f8f8f8 url("../images/arrow-ser.png") no-repeat scroll 10px 12px; display:block; color:#000; font-size:13px; margin-bottom:5px;  border: 1px solid #ddd;
    border-radius: 5px;}
.ser_list li a:hover{ background: #222 url("../images/arrow-ser1.png") no-repeat scroll 10px 12px; color:#fff; border: 1px solid #000;}

.cont_home {
    background: rgba(0, 0, 0, 0) url("../images/cont_home.png") no-repeat scroll 0 0;
    height: 80px;
    margin: 10px auto 0;
    width: 1000px;
}
.mob {
    float: left;
    font-size: 23px;
    margin-left: 40px;
    margin-top: 40px;
}
.em {
    float: left;
    font-size: 24px;
    margin-left: 270px;
    margin-top: 40px;
}


.footer{ width:100%; background:#060606; margin-top: 40px; padding: 20px 0;}
.footer_hold{ width:1000px; margin:0px auto;}
.all_rights{ float:right; font-size:12px; color:#fff;}
.links{ float:left; color:#fff;}
.links a{ font-size:12px; color:#fff; text-decoration:none; display:inline-block; }
.links a:hover{ text-decoration:underline;}


.img_hold img{ width:100%; margin-bottom:10px;}
.inner_content{ width:100%;}
.inner_cont_hold{ width:1000px; margin:0px auto;}
.in_title{  border-bottom: 1px solid #cda350;
    color: #222;
    font-family: "PT Sans",sans-serif;
    font-size: 25px;
    margin: 30px 0 20px;
    padding-bottom: 5px;}
.para_hold p{ font-size:14px; line-height:18px; margin-bottom:20px;}
.para_hold{ padding-top:15px; background:#fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px; margin-top:25px;}

.cont_title{ color:#080888; font-size:18px; margin-bottom:15px;	}
.add_wrap{ float:left; width:375px; margin-right:50px;} 
.form_wrap{ float:right; width:525px;}

.cont-form {
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
}
.cont-form td {
    padding: 5px 0 10px;
    vertical-align: top;
}
.cont-form input[type="text"] {
    border: 1px solid #ddd;
    padding: 6px;
    width: 97%;
}
.cont-form textarea {
    border: 1px solid #ddd;
    padding: 6px;
    width: 97%; 
	resize:none;
}
.submit {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    padding: 5px 8px;
}
.submit:hover {
    background: #222 none repeat scroll 0 0;
}


.gen_title{ text-align:center; margin:35px 0px;}
.man-per-wrap{}
.man-per-wrap ul li{ float:left; margin-right:30px;}
.per_block{}
.per_img{ background: #efefef none repeat scroll 0 0; padding: 15px; text-align: center; width: 197px;}
.pro-title{ font-size:18px; color:#000; font-weight:300; margin: 0 0 15px;}
.per-dis{border: 1px solid #efefef; padding: 6px;}
.price{ float:left; color:#bb8f38; font-size:16px; font-weight:bold;}
.R-More{ float:right; color:#8a00ea; font-size:14px;}
.no-marR{margin-right:0px !important;}
.R-More a{ color:#8a00ea; font-size:14px; text-decoration:none;}
.R-More a:hover{ color:#8a00ea; font-size:14px; text-decoration:none;}

.brade-crum{ background: #faf9f9 none repeat scroll 0 0; border: 1px solid #e7e5e5; border-radius: 3px; padding: 10px; font-size:15px;}
.brade-crum img { margin-right:5px;}
.brade-crum a{ color:#8a00ea; text-decoration:none; margin-right:5px; font-size:15px}
.brade-crum a:hover{ text-decoration:underline; color:#8a00ea;}

.product_detail_wrap{ margin-top:25px;}
.pro_img{ float:left; width:350px; margin-right:50px;}
.pro_detail{ border: 1px solid #ddd;border-radius: 8px;float: right;min-height: 418px;padding: 15px; width: 567px;}
.lar_title{ font-size:25px; font-weight:300; margin-bottom:25px;}
.pr-code{ font-size:18px; color:#bb8f38; margin-bottom:15px;}
.pro_detail p{font-size:14px; line-height:18px; margin-bottom:20px;}
.pr-price{ font-size:22px; color:#8a00ea; font-weight:bold;}
.pro_img_hold{background: #efefef;border: 2px solid #b155f1;padding: 30px 0;text-align: center; border-radius:8px;}
.pro_img_hold img{ width:260px;}
.pro_imgthumb{ border-top: 1px dotted #ddd; margin-top: 10px; padding-top: 10px;}
.pro_imgthumb img { width:60px; cursor:pointer;}
.pro_imgthumb ul li{ float:left; background:#efefef; padding:10px 0; margin-right:25px; width:96px; text-align:center; border: 2px solid #ddd;}
.active{border: 2px solid #cca151 !important;}