body{ background: #ffd27f; }
@font-face {font-family: Mikado;src: url(../css/Mikado.ttf);}
@font-face {font-family: Arrus;src: url(../css/Arrus.ttf);}
html{font-size: -webkit-calc(100vw * 100 /1080);font-size: -moz-calc(100vw * 100 /1080);font-size: calc(100vw * 100 /1080);}
*{ margin: 0; padding: 0; }
.flex{ display: flex; }
.line{ font-size: 0; }
.inl{ display: inline-block; }
.vt{ vertical-align: top; }
.imgBox{display: inline-block; flex: 1; }
.imgInrBox{overflow: hidden; margin: 6px; background: #fff; box-shadow: 0 12px 32px #ca9643; }
.navbar-toggle{ padding: 22px 0 0; }
.navbar-toggle .icon-bar{ background: #aa883d; height: 3px; }
.wid-60{ width: 60%; }
.wid-40{ width: 40%; }
.wid-30{ width: 30%; }
.wid-14{ width: 14.2%; }
.wid-70{ width: 70%; }
.wid-71{ width: 71.6%; }
.wid-33{ width: 33.3%; }
.wid-67{ width: 66.7%; }
.wid-48{ width: 47.8%; }
.wid-52{ width: 52.2%; }
.wid-64{ width: 64%; }
.wid-36{ width: 36%; }

.navbar{position: relative; z-index: 10; height: 100px; margin-top: 20px; }
.navbar-nav > li > a{ color: #aa883d; font-weight: bold; font-family: Arial; font-size: 18px; }
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus{color: #5676b0; background: none}
/*.navbar-header{ width: 40%; }*/
.wel{ margin: 86px 3% 60px; }
.navbar-brand{ padding: 10px 0; margin-left: -35px; max-width: 3rem !important; }
.navbar-brand .img-responsive{ width: 80%; }
.navbar-right{ margin-top: 52px; }
.banBox{position: relative; overflow: hidden; width: 100%; border-radius: 10px; box-shadow: 0px 10px 25px rgba(202,150,67,.95); }
.cont{ position: absolute; top: .5rem; left: .5rem; }
.cont .lab{position: relative; font-family: Mikado; color:#5d4a20; font-size: .55rem; margin: .35rem 0 .45rem; }
.cont .lab::after{ display: block; position: absolute; left: 0.04rem; bottom: -0.05rem; content: ""; width: .6rem; height: .063rem; border-radius: 5px; background: #3f679d;}
.cont ul li{ color: #aa883c; font-size: .23rem; margin-left: .3rem; padding: .06rem 0; font-family: Arial; }
.wel{height: 160px;  background: url(../images/home/ci.png) no-repeat center; background-size: 100%; }
.pic-show .row{}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-5, .col-md-6, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-9{ padding: 0; background: #fff; position: relative;}
.pic-show img{cursor: pointer; margin: auto; width: 100%;}
.bg{ background: url(../images/bg.png) repeat-y center .2rem; background-size: contain; }
.footer{margin-bottom: 30px; font-size: 18px; font-weight: bold; color: #aa883d; text-align: center; margin-top: 70px;}

.anim-opacity{animation: 2s opacity 0s 1; -webkit-animation: 1s opacity 0s 1;-moz-animation: 1s opacity 0s 1;}
        @-webkit-keyframes opacity{
            0%{opacity:0}
            50%{opacity: 0;}
            100%{opacity:1;}
}




/*关于我们*/
.page_tit{position: relative; text-align: center; height: 2rem; line-height: 2rem; overflow: hidden; background: #3d72ba; }
.page_tit::before{ display: block; position: absolute; z-index: 2; left: 0; top: 0; content: ""; width: 100%; height: 2rem; background: rgba(97,82,53,.65); }
.page_tit h1{ font-size:.7rem; color: #fff; font-family: Arial; position: absolute; z-index: 4; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 2rem; line-height: 2rem; margin: 0; font-weight: bold; }
.page_tit img{ max-height: 2rem; height: 2rem; }
.page_tit .col-lg-2{ background: none; width: 16.66666667%; float: left; }
.txtItem{ margin: .25rem 0; overflow: hidden; }
.txtItem h3{ color: #555; font-size: 22px; font-weight: bold; padding: 10px 0; }
.txtItem p,.txtItem li{ font-size: 19px; color: #555; line-height: 34px; }
.ser .bor p{ font-size: 17px; line-height: 24px; }
.txtItem li{ margin-left: 20px; line-height: 36px;}
.txtItem .bor i{ display: block; margin: 9px auto 6px; width: 30px; height: 30px; background: #5c7b9d; border-radius: 14px; font-size: 20px; font-weight: bold; text-align: center; line-height: 30px; font-style: normal; color: #fff; }
.txtItem .row2 img{ width: 100%; border-radius: 3px;}
.txtItem .col-lg-3, .txtItem .col-md-3,.txtItem .col-sm-3{ background: none; }
.txtItem .bor{text-align: center; border-radius: 5px; margin: 8px; padding: 8px; background: #ffdfa3; }
.row2 .bor{background: #f7c66b;}


/*产品product*/
.picWall{ width: 100%; overflow: hidden; }
.picWall .picItem{ float: left; box-shadow: 0 3px 8px rgb(201,166,60); border-radius: 1.5%; overflow: hidden; margin: 1.5%;}
.picWall .picItem img{ width: 100%; }


/*Coming Up*/
.tab{width: 100%; text-align: center; display: flex; }
.tab .tabItem{flex: 1; cursor: pointer; text-align: center; font-size: .45rem; height: 1rem;color: #795e22; border-radius: .1rem; margin:.8rem 1% 0rem;}
.tab .tabItem.active{font-weight: bold; background: url(../images/act.png) no-repeat center .7rem; background-size: 1.3rem; }
.uplBox{ overflow: hidden; }
.uplBox .col-lg-4, .uplBox .col-md-4, .uplBox .col-sm-4, .uplBox .col-xs-4{ background: none; }
.uplBox .uplItem{ overflow: hidden; height: 2.5rem; box-shadow: 0 2px 5px rgba(174,146,96,.29); display: table-cell; vertical-align: middle; text-align: center; }
.uplBox img{ max-width: 100%; border-radius: .03rem; }
.shd{ padding:.15rem;}

/*联系我们*/
.contactBox{ overflow: hidden; margin-top: 165px; padding-bottom: 125px; background: url(../images/map.png) no-repeat 0 100%; background-size: 104%; }
.picPart{display: inline-block; background: none; position: relative; overflow: hidden;text-align: center;}
.picPart img{ width: 100%; }
.infoPart{ display: inline-block; background: none; margin-top: 50px; padding-left: 7.5%;}
.infoPart .phone{color: #755d29; font-size: 42px; line-height: 45px; font-family: Arrus; margin:95px 0 120px; }
.infoPart .smf{ color: #b99a55; font-size: 17px;}
.infoPart .st-item{ font-size: 17px; color: #aa883d; margin: 32px 0; }
.infoPart .st-item div{ font-size: 16px; color: #9d895e;}
.infoPart .st-item img{ width: 18px; height: 18px; margin-right: 6px; vertical-align: text-bottom; }
.infoPart .st-item p{ width: 55%; padding-top: 6px; }


@media screen and (min-width:320px) and (max-width:599px){
	.container-fluid{ padding: 0; }
	.navbar-brand{ width: 40%; margin-left: -8px; padding: 19px 0; }
	.navbar{ height: 30px; min-height: 30px; margin-top: -10px; }
	.navbar-toggle{ margin-bottom: 0; margin-top: 0; padding-top: 20px; margin-right: 5px; }
	.navbar-right{ margin-top: 0; background: #fff; padding:0; text-align: center; border-radius: 8px; height: 386px; }
	.navbar-nav{ margin: 10px 0 0; }
	.navbar-nav > li > a{ padding: 20px; border-bottom: 1px solid #f2f2f2; }
	.wel{ margin: 30px 3% 17px; height: 190px;  background-image: url(../images/home/ci_m.png);}
	.banBox{ box-shadow: 0px 5px 11px rgba(202,150,67,.95);	 }
	.imgInrBox{ margin: 3px; box-shadow: 0 2px 8px #ca9643;}
	.footer{ margin-bottom: 20px; font-size: 14px; margin-top: 36px; }
	.cont .lab{ margin: .45rem 0 .4rem; }
	.cont ul li{ font-size:.28rem; margin-left: .4rem; padding: .05rem 0; }
	.ser .bor{ min-height: 195px; }
	.uplBox .uplItem{height: 3.5rem;}
	.uplBox .uplItem img{  }
	.shd{ padding: .3rem;}
	.txtItem p,.txtItem li{ font-size: 16px; }
	.contactBox{ margin-top: 2rem; padding-bottom: .5rem; background-size: 245%; background-position: 20% 6rem; }
	.infoPart .phone{ margin: .9rem 0; font-size: .9rem; line-height: .9rem; }
	.infoPart .st-item{font-size: .45rem;}
	.infoPart .st-item div{ font-size: .45rem; }
	.infoPart .st-item img{ width: .45rem; height: .45rem; margin-right: .13rem; vertical-align: baseline; }
	.infoPart .st-item p{width: 87%; }
}
@media screen and (min-width:320px) and (max-width: 390px){
	
}
@media screen and (min-width:600px) and (max-width:768px){ 
	.navbar-toggle{ margin-bottom: 0; margin-top: 0; padding-top: 25px; }
	.navbar-right{ margin-top: 18px; background: #fff; padding:0; text-align: center; border-radius: 8px; height: 350px; }
	.navbar-nav{ margin: 10px 0 0; }
	.navbar-nav > li > a{ padding: 20px; border-bottom: 1px solid #f2f2f2; }
	.navbar-header{ width: 100%; }
	.navbar{ height: 40px; margin-top: 0; }
	.navbar-brand{ width: 40%;margin-left:-15px; }
	.wel{ margin: 40px 3% 30px; height: 285px; background-image: url(../images/home/ci_m.png);}
	.banBox{ box-shadow: 0px 6px 20px rgba(202,150,67,.95); }
	.imgInrBox{ box-shadow: 0 5px 18px #ca9643; }
	.ser .bor{ min-height: 155px; }
	.tab .tabItem{ font-size: .28rem; height: .7rem; margin-top:.5rem; }
	.tab .tabItem.active{ background-position: center .45rem; background-size: .95rem; }
	.contactBox{ margin-top: 1.5rem; padding-bottom: 0rem; }
	.infoPart{ margin-top: .2rem; padding-left: 4%; }
	.infoPart .phone{ margin: .6rem 0 .6rem; font-size: .5rem; line-height: .5rem; }
	.infoPart .st-item{ margin: .2rem 0; }
	.infoPart .st-item p{ width: 80%; }
	.bg{ background-position: center 1rem; }
 }
@media screen and (min-width:769px) and (max-width:992px){
	.navbar-header{ width: 22%; }
	.wel{ margin: 60px 3% 40px; height: 100px; }
	.banBox{ box-shadow: 0px 8px 22px rgba(202,150,67,.95); }
	.imgInrBox{ box-shadow: 0 4px 20px #ca9643; }
	.navbar{ height: 60px; }
	.navbar-right{ margin-top: 25px; }
	.ser .bor{ min-height: 127px; }
	.tab .tabItem{ font-size: .25rem; height: .6rem; margin-top:.5rem; }
	.tab .tabItem.active{ background-position: center .4rem; background-size: .75rem; }
	.contactBox{ margin-top: 90px; padding-bottom: 0; }
	.infoPart{ margin-top: 20px; }
	.infoPart .phone{ margin: 40px 0 68px; font-size: 35px; line-height: 35px; }
	.infoPart .st-item p{width: 90%;}
	.bg{ background-position: center .6rem; }
}
@media screen and (min-width:993px) and (max-width:1199px){
	.ser .bor{ min-height: 155px; }
	.tab .tabItem{ font-size: 20px; height: 50px; margin-top:35px; }
	.tab .tabItem.active{ background-position: center 34px; background-size: 67px; }
}
@media screen and (min-width:1200px){
	.navbar-header{ width: 40%; }
	.cont{ position: absolute; top: 52px; left: 62px; }
.cont .lab{position: relative; font-family: Mikado; color:#5d4a20; font-size: 66px; margin: 26px 0 50px; }
.cont .lab::after{ display: block; position: absolute; left: 6px; bottom: -5px; content: ""; width: 70px; height: 8px; border-radius: 5px; background: #3f679d;}
.cont ul li{ color: #aa883c; font-size: 29px; margin-left: 30px; padding: 9px 0; font-family: Arial; }
.ser .bor{ min-height: 145px; }
.uplItem{ height: 200px !important; }
.tab{ width: 60%; margin:auto; }
.tab .tabItem{ font-size: 20px; height: 50px; margin-top:60px; }
	.tab .tabItem.active{ background-position: center 34px; background-size: 67px;}
}