@media (max-width: 600px){
/****/
body{min-width:320px;}
.dk{width:100%; margin:0 auto;}

li{list-style:none;}
/****/
/*.heand{ background:#FFF; position:fixed;top:0; width:100%; z-index:1000; border-bottom:1px solid #ddd;}
.logo{ width:100%; height:2.8em; padding-top:0.8em; padding-bottom:0.5em; display:block; text-align:center;}
.logo img{ height:2.8em;}
.menu{ width:10em; z-index:9999; position:fixed; right:0;top:4.1em; display:none;}
.menu_bj{z-index: 998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40); display:none}
.menu_k{ position:relative; width:100%;}
a.menu_a{ font-size:0.85em; width:100%; color:#093058;height:3em; display:block; line-height:3em;text-align:center; background:#eee; border-bottom:1px solid #FFF; border-left:1px solid #FFF;}
.nav{ width:9%; margin-right:3%; text-align:right; margin-top:1.2em; position:fixed; right:4%;top:0.2em;}
.nav img{ width:1.6em;}
.menu_on{ background:#eee url(../images/icon/sj_bk.jpg) no-repeat right center; background-size:0.6em;}
a.menu_a:hover,.menu_ons{ color:#c89f30;}
.menu_nav{background:#FFF; position:absolute;top:0; z-index:5;left:-10em; width:10em; border-top:2px solid #c89f30; display:none;}
a.menu_nava{ color:#000; font-size:0.8em; display:block; text-align:center; line-height:2.5em;}*/
/**/
.foot{ color:#FFF; font-size:0.8em; text-align:center;min-width:320px; width:100%; background:#093058; padding:0.5em 0; line-height:2em;}
/*******************首页*****************/
/* banner */
.banner_img{ display:none;}
.flexslider{position:relative;overflow:hidden; min-width:320px; padding-top:4.1em;}
.flexslider_k{position:relative;overflow:hidden; min-width:320px;}
.flexslider_s{position:relative;overflow:hidden; min-width:320px;}
.slides{position:relative;z-index:1;}
.slides_a li{}
.slides_k li{}
.slides_s li{}
.flex-control-nav{ display:none;}

/****/
.ind_tit{ width:80%; margin:1.5em auto 1em; text-align:center;}
.ind_tit img{ width:3em;}
.ind_title{ color:#093058; font-weight:bold; font-size:1.1em; background:#FFF; margin:0 auto; margin-top:-0.8em; width:65%;}
.ind_tit_x{ width:100%; height:1px; background:#c89f30; margin-top:1em;}
.ind_tit_bt{ font-size:0.8em; color:#c89f30; margin-top:0.2em;}

.Gaullac{ overflow:hidden;}
.Gaullac_k{}
a.Gaullac_a{ width:80%; border:1px solid #eee; display:block; position:relative;overflow:hidden; margin-left:10%; margin-bottom:1em;}
.Gaullac_pic img{ width:100%}
.Gaullac_dks{ position:absolute; color:#FFF; font-size:14px;width:100%; height:56px; line-height:56px; text-align:center; background:rgba(200,159,48,0.78); bottom:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block;}
.Gaullac_block{

}
.Gaullac_a:hover .Gaullac_block{opacity:1;filter:alpha(opacity=100);transition:0.5s;ransform:translate(0,334px);-webkit-transform:translate(0,334px);-moz-transform:translate(0,334px);-o-transform:translate(0,334px);-ms-transform:translate(0,334px);background:rgba(183,143,28,0.6);top:-80%;width:80%; height:80%;position:absolute;color:#FFF; font-size:0.85em; padding:10%; line-height:1.5em;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Gaullac_a:hover .Gaullac_dks{ display:none;}




.Origin_k{ width:100%;min-width:320px; height:180px;}
.Origin_one{ width:80%;display:block; height:100px; padding:10px 10% 0; position:relative;}

.Origin_one_k{ position:absolute; top:40px; width:60%;}
.Origin_one_c{padding-top:10px;}
.Origin_one_k img{ width:100%;}
.Origin_two{width:100%; display:block;}
.Origin_two img{width:170px;padding-top:20px;}
.Origin_three{width:80%;display:block; padding:0 10%}
.Origin_three img{ width:150px;padding-top:20px;}
.Origin_four{width:80%;display:block; text-align:center; padding:0 10%}
.Origin_four img{ width:250px;padding-top:70px;}

.Product{ margin-bottom:2em;}
.Product_title{ width:90%; margin:0 auto 1em;}
.Product_title li{ float:left; width:33.333%; text-align:center;display:block; font-size:1em; color:#7c7c7c; line-height:3em;cursor:pointer}
.Product_title .tab-on{ color:#093058;}
.Product_pic{ width:100%; text-align:center;}
.Product_pic img{ width:100%;}

/*************************/
.banner_k{ margin-top:4.1em; height:170px; min-width:320px; overflow:hidden; width:100%;}
.banner_on{height:220px;}
.banner_pic1{ width:170px; padding-top:30px;animation:myfirst 0.8s; margin-top:80px;-webkit-animation:myfirst 0.8s;animation-fill-mode: forwards;}
.banner_pic1 img{ width:100%;padding-left: 45%;}
.banner_picn{ width:100px; padding-top: 4%;padding-left: 12%;}
.banner_pic2{ padding-top:20px;animation:myfirst 1.3s; margin-top:80px;-webkit-animation:myfirst 1.3s;animation-fill-mode: forwards;}
.banner_pic2 img,.banner_pic3 img{ width:100%;padding-left: 40%;}
.banner_pic3{padding-top:10px;animation:myfirst 1.8s; margin-top:80px;-webkit-animation:myfirst 1.8s;animation-fill-mode: forwards;}

.banner_qua{height:220px; min-width:320px; margin-top:4.1em;}
.banner_qs{ width:65%;height:160px; padding-left:35%; padding-top:60px;}
.banner_quimg1{animation:myfirst 1s; margin-top:2em;-webkit-animation:myfirst 1s;animation-fill-mode: forwards; margin-bottom:1.5em; padding-left:10%;}
.banner_quimg1 img{ width:11em;}
.banner_qupic{ width:58px; height:58px; position:relative;animation:myfirst 1s; margin-top:2em;-webkit-animation:myfirst 1s;animation-fill-mode: forwards; margin-right:10px; }
.banner_qupics{width:58px; height:48px; position:absolute; top:0; left:50%; text-align:center; padding-top:10px; color:#0a2b52; font-size:0.6em;}
.banner_qupics img{ width:40%; }
.banner_qupic img.banner_qupick{width:100%;transition:1.2s; position:absolute;top:0; left:50%;}
.banner_qupic:hover img.banner_qupick{transform:rotatey(360deg);-ms-transform:rotatey(360deg);-moz-transform:rotatey(360deg);-webkit-transform:rotatey(360deg);-o-transform:rotatey(360deg);transition: 1.2s;}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {margin-top:80px;}
 100% {margin-top:0px;}
}




.quality_one{ background:#e8e8e8 url(../images/pic/pinzhi_bj1.jpg) no-repeat top center; background-size:100% auto ;min-width:320px; padding-bottom:1.5em;}
.quality_one_t{ font-size:1.3em; color:#b78f1c; text-align:center; padding:2em 0 1.5em; font-weight:bold;}
a.quality_one_a{ width:45%; display:block; margin-left:3.333%;position:relative; margin-bottom:0.7em;}
.quality_one_pic img{ width:100%;}
.quality_one_dks{ display:none;}
.quality_one_block{background:rgba(183,143,28,0.78);top:0;width:80%; height:100%;position:absolute;color:#FFF; font-size:0.8em; padding:0 10%; line-height:1.5em; text-align:center;}
.quality_one_block img{ padding-top:30%; width:3.5em}
.quality_one_block p{ font-size:0.8em; line-height:1.5em; text-align:left; margin-top:0.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}


.quality_two{background:#e8e8e8 url(../images/pic/pinzhi_bj2.jpg) no-repeat top center; background-size:100% auto ;min-width:320px; padding-bottom:1.5em;}
.quality_two_t{font-size:1.3em; color:#FFF; text-align:center;padding:2em 0 1.5em; font-weight:bold}
.quality_two_k{ width:80%; margin:0 auto;}
.quality_two_a{ width:100%; display:block;position:relative; margin-bottom:0.5em;}
.quality_two_pic{}
.quality_two_pic img{ width:100%;}
.quality_two_nr{background:rgba(14,47,85,0.5); top:0; position:absolute; width:100%; height:100%; color:#FFF; font-size:1.2em; text-align:center}
.quality_two_nr p{ display:none;}

.quality_three_t{font-size:1.3em; color:#b78f1c; text-align:center; padding:50px 0;}
.quality_three_k{background:#e8e8e8 url(../images/pic/pinzhi-1_40.jpg) no-repeat top center; background-size:100% auto ;min-width:320px;padding-bottom:1.5px;}

.quality_two_ksk{width:100%;height:100%;position:absolute;opacity:1;left:0%;top:0%; overflow:hidden;}
.quality_two_kpic{ text-align:center; padding-top:1.5em;}
.quality_two_kpic img{ width:28%;}
.quality_two_kul{ width:80%; margin:0.5em auto;}
.quality_two_kli{ font-size:0.7em; color:#646464; line-height:1.4em; position:relative;}
.quality_two_kli i{ height:7px;width:7px;border-radius:50%;background:#0e2f55; position:absolute; left:-12px; top:5px;}
.quality_two_ksp{content:"";width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.9);background:#fff\9;filter: alpha(opacity=90);left:0%;top:0%;}

/***********************************/
.products_one{ height:200px; min-width:320px;}

.products_onetu{width:280px; height:160px; margin:0 auto; padding-top:10px; display:block;position:relative;}
.products_one_xx{ width:230px; margin:0 auto; padding-top:10px; }
.products_one_xx img{ width:100%;}
.products_one_x1{ position:absolute; top:10px; right:10px; width:5em;}

.products_one_x2{position:absolute; bottom:-5px; left:10px;  width:5em;}
.products_one_x3{position:absolute; bottom:-15px; right:10px; width:5em;}
.products_one_x1 img,.products_one_x2 img,.products_one_x3 img{width:100%;}

.products_two{height:190px; min-width:320px; display:block;}
.products_twotu{ width:300px;margin:0 auto; padding-top:15px; display:block;}
.products_twotu img,.products_onetu img{ width:100%;}

.products_tit{ font-size:1.3em; color:#b78f1c; text-align:center; padding-top:1.5em; padding-bottom:1em;}
.products_table{ margin:90%; margin:0 auto; border-top:1px solid #ddd; border-right:1px solid #ddd; text-align:center; margin-bottom:2em;}
.products_table tr td{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:0.8em; color:#0d2f55; line-height:1.5em;}
.products_table tr.products_tr td{ font-size:0.8em; color:#b78f1c;}
/*********************************/
.contact{margin-bottom:2em; padding-top:6.1em;}
.contact_left{ width:90%; padding-left:5%; padding-top:2em;}
.contact_tit{ color:#093058; background:url(../images/pic/contact_07.png) no-repeat left 0.5em; background-size:1.5em; line-height:3em; padding-left:2em; font-size:1em; margin-bottom:2em;}
.contact_tit p{ font-size:0.8em; line-height:1.5em;}
.contact_name{ font-size:0.85em; color:#666; margin-top:2em; line-height:2.5em;}
.contact_input{ width:89%; height:2.4em; line-height:2.4em; padding:0 5%; border:1px solid #ddd;}
.contact_textarea{width:89%; height:5em; line-height:1.5em; padding:0.6em 5%; border:1px solid #ddd;}

a.contact_a{ height:2.4em; line-height:2.4em; background:#e2e2e2; text-align:center; color:#FFF; display:block;width:100%; margin-top:1.5em;}

.contact_right{ margin:3em 5% 0; width:80%; padding:1.5em 5% 2em; background:#c89f30; color:#FFF;}
.contact_r_tit{ line-height:2.6em; font-size:1em; padding-top:1em;}
.contact_r_nks{ font-size:0.9em; padding-left:2em; line-height:1.8em; margin-bottom:0.5em;}
.contact_r01{ background:url(../images/pic/contact_11.png) no-repeat left 0.2em; background-size:1.5em;}
.contact_r02{ background:url(../images/pic/contact_14.png) no-repeat left 0.2em; background-size:1.5em;}
.contact_r03{ background:url(../images/pic/contact_16.png) no-repeat left 0.2em; background-size:1.5em;}




/*phone-head*/
.pc_header{
	display: none;
}

.none{
	display: none;
}
.block{
	display: block;
}
.left{
	float:left;
}
.right{
	float:right;
}
.phone_head{
	height:73px;
	padding:0 5%;
	display: block;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10000;
	box-shadow: 0 0 5px #666;
}

.phone_head .logo{
	width:180px;
	height:55px;
	line-height:60px;
	padding-top: 7px;
}

.phone_head .logo img{
	height:auto;
	width:100%;
	vertical-align: middle;
}

.phone-head{
	height:60px;
	line-height:60px;
	padding-top: 16px;
}

.phone_head nav{
	margin-left:0;
}

.phone_head .th_login {
    color: #333;
    margin-left: 31%;
    margin-top: 23px;
}

.phone-head .menubtn > span.expand {
	vertical-align: middle;
    display: inline-block;
    height: 40px;
    background:#be8f57 url(../images/navbg.png) no-repeat;
    background-size: 50%;
    background-position: 50%;
    width:41px;
}

.phone-head .mask-close{
	background:#be8f57 none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    overflow: hidden;
}


.maskbg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
}

.phone_nav{
	position: absolute;
	top:30px;
	left:0;
	right:0;
	width:100%;
	background:rgba(255,255,255,.9);
	z-index:1000;
	height:520px;
	overflow-y: auto;
}

.phone_nav ul>li {
    background-position: center center;
    border-bottom: 1px solid #ccc;
    /*height:40px;*/
    line-height: 40px;
    padding: 0px 17px;
    font-size:1.25em;
}

.phone_nav ul>li ol a,
.phone_nav ul>li>a {
    display: inline-block;
    width:100%;
    height:100%;
    font-size:1.05em;
    color: #323232;
    white-space: nowrap;
}

.phone_nav ul>li>h3{
	display: block;
    font-size:1.05em;
    color: #323232;
    position: relative;
    font-weight:normal;
}
.phone_nav ul>li>h3 a{
    color: #323232;
}

.phone_nav ul>li>h3:after {
    content: " ";
    width: 10px;
    height: 6px;
    background: url(../images/arrow-down_0f6f0cfeb7.png) no-repeat;
    background-size: contain;
    top: 50%;
    margin-top: -3px;
    right: 12px;
    position: absolute;
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
}

.phone_nav ul>li.active>h3:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 1s ease;
    transition: transform .4s ease;
}

.phone_nav ul>li ol {
    display: none;
}
.phone_nav .two_nav .th_nav li a,
.phone_nav .two_nav .th_nav li{
    font-size:1em;
    color: #323232;
}

.phone_nav .two_nav li h3{
	display: block;
    font-size:1.25em;
    color: #323232;
    position: relative;
    font-weight:normal;
}
.phone_nav .two_nav li h3:after {
    content: " ";
    width: 10px;
    height: 6px;
    background: url(../images/arrow-down_0f6f0cfeb7.png) no-repeat;
    background-size: contain;
    top: 50%;
    margin-top: -3px;
    right: 30px;
    position: absolute;
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
}

.phone_nav .two_nav li.active h3:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 1s ease;
    transition: transform .4s ease;
}

.pic {width: 100%;height: 100%;background: rgba(254,254,254,0.6);position: fixed;top:0;z-index: 999999999999999}
.pic .picpic{position: fixed;top: 10%; z-index: 99999999;  width:80%; left:10%;}
.pic .picpic-close{position: fixed;top: 2%; margin-left: 80%; z-index: 99999999;}

.dropdown {
  position: relative;background:url(../images/icon/sj_bk.jpg) no-repeat right;
  padding-right:15px;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
 background: rgba(255,255,255,0.7);
  margin-left:5%;
}
.dropdown-content a {
  font-size:10px;
  width:100%; line-height:20px;
  display:block;
  text-align:center;color:#be8f56;background: rgba(255,255,255,0.7);
  
  
}
.dropdown-content a:hover{
   display: block;color:#fff;background:#be8f56;
  
  
}
.dropdown:hover .dropdown-content  {
  display: block;
}

}

@media (min-width: 667px)and (max-width: 720px){

.Gaullac_a:hover .Gaullac_block{opacity:1;filter:alpha(opacity=100);transition:0.5s;ransform:translate(0,334px);-webkit-transform:translate(0,334px);-moz-transform:translate(0,334px);-o-transform:translate(0,334px);-ms-transform:translate(0,334px);background:rgba(183,143,28,0.6);top:-76%;width:80%; height:100%;position:absolute;color:#FFF; font-size:0.85em; padding:10%; line-height:1.5em;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}


.banner_qupic img.banner_qupick{width:100%;transition:1.2s; position:absolute;top:0; left:50%;}
.banner_quimg1 img{ width:11em;padding-left:10%; }
.banner_qupics{width:58px; height:48px; position:absolute; top:0; left:53%; text-align:center; padding-top:10px; color:#0a2b52; font-size:0.6em;}
}

@media (max-width: 500px) {

.Gaullac_a:hover .Gaullac_block{opacity:1;filter:alpha(opacity=100);transition:0.5s;ransform:translate(0,334px);-webkit-transform:translate(0,334px);-moz-transform:translate(0,334px);-o-transform:translate(0,334px);-ms-transform:translate(0,334px);background:rgba(183,143,28,0.6);top:-96%;width:80%; height:100%;position:absolute;color:#FFF; font-size:0.85em; padding:10%; line-height:1.5em;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}



}

@media (max-width: 414px) {

.Gaullac_a:hover .Gaullac_block{opacity:1;filter:alpha(opacity=100);transition:0.5s;ransform:translate(0,334px);-webkit-transform:translate(0,334px);-moz-transform:translate(0,334px);-o-transform:translate(0,334px);-ms-transform:translate(0,334px);background:rgba(183,143,28,0.6);top:-116%;width:80%; height:100%;position:absolute;color:#FFF; font-size:0.85em; padding:10%; line-height:1.5em;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}



}

@media (max-width: 375px) {

.Gaullac_a:hover .Gaullac_block{opacity:1;filter:alpha(opacity=100);transition:0.5s;ransform:translate(0,334px);-webkit-transform:translate(0,334px);-moz-transform:translate(0,334px);-o-transform:translate(0,334px);-ms-transform:translate(0,334px);background:rgba(183,143,28,0.6);top:-126%;width:80%; height:100%;position:absolute;color:#FFF; font-size:0.85em; padding:10%; line-height:1.5em;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}



}