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

.pageheader{ width:100%; margin:0 auto;}
.pageheader img{ width:100%;}

/*Custom & Wholesale*/
.custom_part1{background:url(../images/custom_bg.jpg) no-repeat; background-size:auto;height:478px;}
.custom_part1 .custom_formbox{padding-left:6%; padding-right:6%; }
.custom_part1 .custom_formbox .custom_form{ background:#FFF; margin-top:40px; padding:30px 30px 40px 30px; border-radius:10px;box-shadow:1px 1px 5px #999999;}
.custom_part1 .custom_formbox .custom_form p{ font-size:20px; font-weight:bold; color:#222222; text-align:center; line-height:26px; padding-bottom:30px;}
.custom_part1 .custom_formbox .custom_form .form-group{ padding:0 3% 0 3%;}
.custom_part1 .custom_formbox .custom_form .form-group label{ font-size:15px; padding-bottom:8px; }
.custom_part1 .custom_formbox .custom_form .form-group label span{ color:#F00;}
.custom_part1 .custom_formbox .custom_form .form-group input{ background:#f8f8f8;}
.custom_part1 .custom_formbox .custom_form .form-group .form-control{ font-size:12px;background:#f8f8f8;}
.custom_part1 .custom_formbox .custom_form button{ background:#000; color:#FFF; margin-top:14px;}
.custom_part1 .custom_des{ color:#FFF;margin-top:70px; padding-right:4%;}
.custom_part1 .custom_des h2{ font-size:28px; font-weight:bold; margin-bottom:20px;}
.custom_part1 .custom_des ul li{ color:#FFF; font-size:20px; line-height:40px; font-weight:300;}
.custom_part1 .custom_des ul li span{ display:inline-block;width:18px; height:16px; background:url(../images/custom_icon.png) no-repeat; margin-right:6px;}
.custom_part1 .custom_des p{ font-size:16px; color:#ccc; margin-top:80px;}
.custom_part1 .custom_des .custom_whybox{ margin-top:200px;}
.custom_part1 .custom_des .custom_whybox h3{ font-size:32px; font-weight:bold;}
.custom_part1 .custom_des .custom_whybox p{margin-top:16px; padding-right:16%; line-height:30px; color:#222222;}
.custom_part1 .wholesalesub{ background:#000; color:white;}
.custom_part2{ margin-top:400px; background:url(../images/custom_product.jpg) no-repeat; background-size:auto; height:534px;}
.custom_part2 .custom_part2_des{ color:#FFF; margin-top:70px; padding-left:3%;}
.custom_part2 .custom_part2_des h3{ font-size:34px; font-weight:bold; margin-bottom:30px;}
.custom_part2 .custom_part2_des p{color:#FFF; padding-right:20%; line-height:30px;}
.custom_part2 .custom_part2_des ul{ margin-top:50px;}
.custom_part2 .custom_part2_des ul li{ color:#cccccc; line-height:40px;}
.custom_part3{ margin-top:90px; margin-bottom:90px;}
.custom_part3_des .col-md-5{ padding-left:2%; padding-left:2%;}
.custom_part3_des .col-md-5 img{ width:100%;}
.custom_part3_des .col-md-7{ padding-left:4%; padding-right:2%;}
.custom_part3_des .col-md-7 h3{ font-size:34px; color:#222222; font-weight:bold; margin-bottom:26px;}
.custom_part3_des .col-md-7 p{ font-size:18px; line-height:30px;}
.custom_part3_des .col-md-7 ul{ margin-top:40px;}
.custom_part3_des .col-md-7 ul li{line-height:36px; color:#666;}
.custom_part4{ background:#f4f3ef;}
.custom_part4 .col-md-7{padding-left:3%; padding-right:4%;}
.custom_part4 .col-md-7 h3{ margin-top:74px;font-size:34px; line-height:46px;font-weight:bold; margin-bottom:26px;}
.custom_part4 .col-md-7 p{ font-size:18px; line-height:30px;}
.custom_part4 .col-md-7 ul{ margin-top:40px;}
.custom_part4 .col-md-7 ul li{line-height:36px; color:#666;}
.custom_part4 .col-md-5{padding-top:105px;  padding-bottom:105px;}
.custom_part4 .col-md-5 img{ width:100%;}
.custom_part5{ text-align:center; margin-top:90px; margin-bottom:90px;}
.custom_part5 h4{ font-size:30px; font-weight:bold; padding-bottom:30px;}
.custom_part5 p{ color:#666; margin-bottom:10px; line-height:24px;}
.custom_part5 .custom_btn{ margin-top:40px;}
.custom_part5 .custom_btn a{ display:inline-block;padding:20px 50px 20px 50px; background:#000; color:#FFF;}

/*about us*/
.page_titlebox{max-width:1920px;height:300px; background:url(../images/about_bg.jpg) no-repeat center; background-size:contain;margin-bottom:20px;}
.page_titlebox .container .row{color:#FFF; margin-top:68px;}
.page_titlebox .container a{ color:#FFF; padding-right:4px;}
.side_box{  padding-left:0px; margin-top:10px;}
.side_box .side_des{text-indent:3%; margin-bottom:20px;border:#f0f0f0 1px solid; padding-bottom:10px;}
.side_box .side_des h2{font-size:20px; background:#00428e; color:#FFF; line-height:42px;margin-top:0; margin-bottom:0;}
.side_box .side_des ul li{ font-size:16px; line-height:36px;}
.side_box .side_des ul li:hover{ background:#f0f0f0;}
.side_box .side_des ul li a:hover{ background:#f0f0f0; color:#00428e; }
.side_box .side_des li.pageactive{ background:#f0f0f0; }
.side_box .side_des li.pageactive a{color:#8464ae; }
.side_box .side_des .side_hotrow{ width:100%; margin:0 auto; overflow:auto; margin-top:20px; margin-bottom:20px;}
.side_box .side_des .side_hotrow .side_pro{ width:36%; float:left; padding-left:2%;}
.side_box .side_des .side_hotrow .side_prodes{ text-indent:0px;width:62%; float:right; font-size:14px; text-align:left; margin-top:6px; line-height:18px;}
.side_box .side_des .side_hotrow .side_prodes p a:hover{ color:#8464ae;}
.side_box .side_des .side_hotrow .side_probtn a{ display:inline-block; padding:6px 30px 6px 30px; background:#f2f2f2; border:#e2e2e2 1px solid; margin-top:14px;}
.side_box .side_des .side_hotrow .side_probtn:hover a{color:#fff; background:#00428e;}
.article_box{ margin-top:28px; padding-left:3%; margin-bottom:50px;}
.article_box .article_title{ font-size:26px; font-weight:bold; text-align:center; margin-bottom:20px;}
.article_box .title_left{text-align:left!important;}
.article_box p{ font-size:15px; line-height:30px;}
.article_box strong{font-weight:bold;}
.article_box .article_pic{ margin-top:30px; margin-bottom:30px;}
.article_box .article_pic img{ width:100%;}
.article_box h3{ margin-top:42px; font-weight:bold; font-size:26px; margin-bottom:16px;}
.article_box h4{ font-size:20px; margin-bottom:24px;}

/*contact*/

.article_box .contact_desbox .contact_des{ text-align:left;}
.article_box .contact_desbox .contact_des h2{ font-size:26px; line-height:26px; font-weight:bold; text-transform:uppercase;}
.article_box .contact_desbox .contact_des h3{ margin-top:15px; font-size:18px; margin-top:30px; margin-bottom:10px;}

.article_box .contact_form{ margin-top:60px;}
.article_box .contact_form .form-group{ padding:0 3% 14px 3%;}
.article_box .contact_form .form-group label{ font-size:15px; padding-bottom:8px; }
.article_box .contact_form .form-group label span{ color:#F00;}
.article_box .contact_form .form-group input{ background:#f8f8f8;}
.article_box .contact_form .form-group .form-control{ font-size:12px;background:#f8f8f8;}
.article_box .contact_form button{background:#000; color:#FFF; margin-left:2%;}
.article_box .contact_form .contact_btnbox{padding-left:1.6%;}
.article_box .contact_form .contact_btnbox .contact_codebox{ overflow:hidden;}
.article_box .contact_form .contact_btnbox .contact_codebox input{background:#f8f8f8; border:#ccc 1px solid; float:left; text-align:center; font-size:12px; padding:10px 2% 10px 2%; margin-right:1%;}
.article_box .contact_form .contact_btnbox .contact_codebox .contact_codepic{ float:left;}
.article_box .contact_form .contact_btnbox .contact_btn{ margin-top:30px;}
.article_box .contact_form .contact_btnbox .contact_btn input.contactbtn{ background:#00428e; color:#FFF; width:330px; }








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

}

@media screen and (max-width:992px){
.custom_part1 .custom_des{ color:#222222;margin-top:40px; padding-right:3%;}
.custom_part1 .custom_des h2{ line-height:38px;}
.custom_part1 .custom_des ul li{ color:#222222;}
.custom_part1 .custom_des ul li span{ background:url(../images/custom_icon2.png) no-repeat;}
.custom_part1 .custom_des p{margin-top:30px;}
.custom_part1 .custom_des .custom_whybox{ margin-top:60px;}
.custom_part2{ margin-top:940px;}
.custom_part2 .custom_part2_des{ margin-top:30px;}
.custom_part2 .custom_part2_des p{padding-right:6%; line-height:30px;}
.custom_part2 .custom_part2_des ul{ margin-top:30px;}
.custom_part3{ margin-top:30px; margin-bottom:30px;}
.custom_part3_des .col-md-7 h3{font-size:30px; line-height:38px; margin-top:20px; margin-bottom:14px;}
.custom_part3_des .col-md-7 ul{ margin-top:30px;}
.custom_part4 .col-md-7{padding-left:2%; padding-right:2%;}
.custom_part4 .col-md-7 h3{ margin-top:30px;font-size:30px; line-height:42px; margin-bottom:10px;}
.custom_part4 .col-md-5{padding-top:40px;  padding-bottom:40px;}
.custom_part5{margin-top:50px; margin-bottom:60px;}
.custom_part5 h4{font-size:26px;  padding:0 3% 20px 3%;}
.custom_part5 p{ padding:0 2% 0 2%;}
.custom_part5 .custom_btn a{padding:14px 40px 14px 40px;}
.article_box .contact_form{ margin-top:40px;}
.page_titlebox{ height:200px;margin-bottom:20px; margin-top:50px; background-position:right;}
.page_titlebox .container .row{margin-top:30px; padding-left:4%;}
.article_box .contact_form .contact_btnbox{padding-left:0;}
.article_box .contact_form .contact_btnbox .contact_btn{ margin-top:20px;}


}



























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


}