body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,p,blockquote,th,td {   
margin:0;   
padding:0;   
}   
table{   
border-collapse:collapse;   
border-spacing:0;   
}   
fieldset,img {   
border:0;   
}   
address,caption,cite,code,dfn,em,th,var {   
font-style:normal;   
font-weight:normal;   
}   
ol,ul {   
list-style:none;   
}   
caption,th {   
text-align:left;   
}   
h1,h2,h3,h4,h5,h6 {   
font-size:100%;   
font-weight:normal;   
}   
q:before,q:after {   
content:'';   
}   
abbr,acronym { border:0;   
}   
@charset "utf-8";  
*{  
    margin: 0px;  
    padding: 0px;        
}     
li{  
    list-style: none;  
}  
input,img{  
    border: none;  
}  
.fl{float:left;}
.fr{float:right;}
h3{font-size:20px;line-height:40px;}
h2{font-size:24px;line-height:42px;}
h1{font-size:26px;line-height:44px;font-weight:bold;}


	#qyfoot{padding:30px 0 0 0;background:#333333;text-align:center;}
	#qyfoot p{line-height:0px;color:#aaaaaa;}
	#qyfoot .copyfoot{margin-top:20px;border-top:1px solid #4a4a4a;text-align:center;padding-top:15px;color:#999;}

/* phone */
@media (max-width:800px)
{
	/*QLB*/
	.homeaadv_3 dl dd{padding:0 10px;}
	.homeaadv_3 dl dd img{float:right;}
	.homeaadv_3 dl dd h3{line-height:50px;}
	.homeaadv_3 .phonetitle{text-align:center;margin-bottom:20px;}
	.homelogistics img{width:100%;}
	.homelogistics h3{line-height:50px;}
	.homelogistics .logisticsright dd{padding-left:90px;font-size:14px;}
	.qyproductlist .prolist .col-lg-4{height:150px;overflow:hidden;border:2px solid #fff;}
	.qyproductlist .prolist .col-lg-4 .divimg{height:125px;overflow:hidden;}
	/*QLB*/
	
	.rslides li img{height:250px;}
	.rslides li{width:800px;left:50%;margin-left:-360px;}
	#homehf{background:url(../images/hengfu2.jpg) no-repeat 28% 50%;height:63px;}
	.phonehide,.aboutvideo{display:none;}
	#fixdiv{height:70px;}
	.footm{background:#333; width:100%; overflow:hidden; display:block; position:fixed; bottom:0;opacity: 0.9;}
	.footm a{ display:block; float:left; height:60px; line-height:60px; width:24%; text-align:center; color:#fcfcfc;font-size:16px;}
	.footm a:hover{ text-decoration:none; background:#272626; color:#f8f8f8}
	.header-top{padding:1em 0;}
	.top-menu span.menu{margin:10px;}
	#qycon{overflow:hidden;margin:20px 0;}

	.qycontact .contactinfo{margin-top:20px;}
	.top-menu ul{padding-top:20px;}
	.top-menu ul li a{color:#fff;padding:0;}
	.top-menu ul li .active{color:#fff;}
	.qyhonor .col-lg-3{margin-top:5px;border:5px solid #fff;}
		
}

/* pc */
@media (min-width:801px)
{
	/*QLB*/
	.homeaadv_3 dl dd{padding-right:50px;margin-top:50px;}
	.homeaadv_3 h1{text-align:center;line-height:100px;}
	.pchide{display:none;}
	.homehonor ul li span{display:block;width:100%;line-height:24px;height:62px;background:#f08519;color:#fff;text-align:left;padding-left:10px;padding-top:7px;padding-bottom:7px;}
	.homelogistics{background:url(../images/qlb08.jpg) no-repeat 50% 50%;height:475px;}
	.homelogistics h3{margin-top:75px;}
	.homelogistics .logisticsright dd{padding-left:90px;font-size:16px;}
	.qyproductlist .prolist .col-lg-4{height:300px;overflow:hidden;border:2px solid #fff;}
	.qyproductlist .prolist .col-lg-4 .divimg{height:270px;overflow:hidden;}
	/*QLB*/
	
	.tel{float:right;margin-top:12px;}
	.rslides li{left:50%;width:1920px;margin-left:-960px;}
	#homehf{background:url(../images/hengfu.jpg) no-repeat 50% 50%;height:150px;}
	
	#fixdiv{display:none;}
	.qyabout h3{margin:40px 0;}
	#qycon{overflow:hidden;margin:50px 0;}
	
	.qyhonor .col-lg-3{margin-top:5px;border:5px solid #fff;}
	.footm{display:none;}
	.qycontact .contactinfo{margin-top:20px;}
	.hometel{height:60px;background:#e9e9e9;line-height:60px;z-index:100000;overflow:hidden;}

	
	.hometel .homesearch{margin-top:10px;}
		
}
#txtValue{width:60%;line-height:40px;border:1px solid #ddd;float:right;padding-left:10px;}
#btnSearch{width:60px;line-height:42px;background:#f08519 url(../images/search.png) no-repeat 50% 50%;float:right;}

/*QLB*/
.homeaadv_3{margin-top:30px;margin-bottom:30px;}
.homeaadv_3 dl dd{}
.homeabout_3{background:url(../images/qlb06.jpg) no-repeat 50% 0;min-height:359px;width:100%;padding-top:150px;}
.homeabout_3 .container{background:#fff;padding:40px 0;}
.homeabout_3 .title{background:url(../images/qlb07.jpg) no-repeat 50% 50%;text-align:center;color:#fff;margin-bottom:30px;}
.homeabout_3 p{padding:20px;line-height:26px;text-align:justify;}
.homeabout_3 .more{width:150px;line-height:40px;text-align:center;background:#f08519;color:#fff;margin:0 auto;overflow:hidden;display:block;}
.homelogistics{margin:30px 0;}
.homelogistics .logisticsright{background:url(../images/qlb10.png) no-repeat 0 50%;height:295px;}
.homelogistics .logisticsright dd{line-height:72px;}
.homenews_3{margin-bottom:30px;}
.homenews_3 dl dd{border-right:5px solid #fff;border-left:5px solid #fff;}
.homenews_3 .title{background:url(../images/qlb07.jpg) no-repeat 50% 50%;text-align:center;color:#fff;margin-bottom:30px;}
.homenews_3 dl dd strong{display:block;width:100%;line-height:26px;}
.homenews_3 dl dd p{color:#999;width:95%;height:42px;overflow:hidden;}
.homenews_3 dl dd img{height:256px;}
/*QLB*/

.header{overflow:hidden;}

.homehonor .honorh1{background:url(../images/qlb07.jpg) no-repeat 50% 50%;height:100px;line-height:100px;text-align:center;color:#fff;}
/*honor scroll*/
.scroll_horizontal{position:relative;width:96%;max-height:320px;padding:20px;line-height:20px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:90%;max-height:320px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:245px;text-align:center;margin:0 0px;border:1px solid #fff;}
.scroll_horizontal .list li img{width:95%;}
.scroll_horizontal .list li p{display:block;line-height:50px;text-align:center;}
.scroll_horizontal .list li:hover p{color:#fdac13;}
.scroll_horizontal .plus,
.scroll_horizontal .minus{position:absolute;top:100px;width:30px;height:60px;cursor:pointer;}
.scroll_horizontal .plus{left:10px;font-size:30px;width:35px;height:50px;background:#fdac13 url(../images/xzb19.png) no-repeat 50% 50%;}
.scroll_horizontal .minus{right:10px;width:35px;height:50px;color:#fff;background:#fdac13 url(../images/xzb18.png) no-repeat 50% 50%;}
.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover{color:#f9bf16;}
/*honor*/

#qybanner{}
#qybanner img{width:100%;}

.qyabout img{width:100%;}
.qyabout h3{text-align:center;line-height:40px;}
.qyabout p{line-height:28px;color:#666;}

.qyproductlist div img{}
.qyproductlist div p{display:block;text-align:center;}
.qyproductlist .prolist .col-lg-4 p{height:40px;}

.qybrand img{width:100%;}

.top-menu ul li dl{display:none; position:absolute;background:#fff;width:180px;z-index:10000;padding-top:10px;padding-bottom:10px;text-align:center;}
.top-menu ul li dl dd{line-height:30px;margin:0;padding:0;background:#fff;}
.top-menu ul li dl dd a{padding:0;}
.top-menu ul li a:hover{border-top:none;}

.page{ margin:50px 0; width:100%; text-align: center; display: inline-block;overflow:hidden;}
.page p a{margin-right:-1px; display: inline-block;padding: 0; border:1px solid #ddd; color:#666; height: 40px; width: 50px;}
.page p span{color:#666;}
.page p a:Hover span{color:#fff;}
.page p{ text-align: center; line-height: 40px;}
.page p a:hover{ text-decoration: none; background:#fdac13; color: #ffffff;}
.page a.cur{ background: #eee; color: #333; }
.page .Prev{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.page .next{border-top-right-radius:3px;border-bottom-right-radius:3px;}



.qynewslist .nlist{overflow:hidden;padding:10px 0;border-bottom:1px dotted #ddd;}
.qynewslist .nlist h4{height:20px;overflow:hidden;}
.qynewslist .nlist p{padding:5px 0;color:#999;height:25px;overflow:hidden;}
.qynewslist .nlist .date{line-height:50px;color:#ccc;text-align:right;}

.qynew .ntext{text-align:center;margin:10px 0;}
.qynew .ndate{text-align:center;color:#999;margin-bottom:15px;}
.qynew .qynext{margin:20px 0;}
.qynew .qynext div{line-height:24px;height:24px;overflow:hidden;}

.qyhonor div img{}
.qyhonor h3{margin:15px 0 30px 0;text-align:center;}

.qycontact h3{margin:15px 0 30px 0;}
.qycontact .contactinfo{line-height:35px;color:#999;font-size:16px;}
.qycontact .divmap{width:100%;border:1px solid #ddd;height:300px;margin-top:30px;}
.qycontact p{text-align:center;}

.qyproduct .prodesc h4{line-height:50px;border-bottom:1px dotted #ddd;}
.qyproduct .prodesc .desc{margin:10px 0;}
.qyproduct .Xcontent17{color:#fdac13;}


/*slide*/
#wrapper {
	background:#fff;
	position:relative;
	z-index:-1;
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:538px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:538px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#f4f4f4 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background:f4f4f4 !important;
 }

.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
    display:none;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background:url(../images/arrow-slider-left.png) no-Repeat;
	width:50px;
	height:50px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background:url(../images/arrow-slider-right.png) no-Repeat 0 0;
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}

.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-style: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/*slide*/

.Xcontent08 div{float:left;width:24%;height:auto;margin-right:2px;margin-top:10px;margin-bottom:10px;}
.Xcontent17 .o_title{line-height:26px;width:100%;color:#999;margin:8px 0;}
.Xcontent17 .o_text{line-height:35px;border:1px solid #f4f4f4;margin-bottom:5px;color:#999;width:98%;padding-left:10px;}
.Xcontent17 .o_area{line-height:24px;border:1px solid #f4f4f4;width:98%;height:120px;padding-left:10px;color:#999;}
.Xcontent17 .o_title span{color:#fdac13;}
.Xcontent17 .btnorder{line-height:40px;width:120px;text-align:center;color:#fff;border:none;background:#ccc;cursor:pointer;}
.Xcontent17 .btnorder:hover{background:#fdac13;}

.msgform p{margin:10px 0;}
.btnmsg{line-height:40px;width:120px;text-align:center;color:#fff;border:none;background:#ccc;cursor:pointer;}
.btnmsg:hover{background:#fdac13;}

.jq22-header h1{ text-align:center; font-size:28px; color:#939393}
		.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		}
		.navbar-nav{
		    float: left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
		    color: #474747;
		    text-transform: uppercase;
		    padding: 30px;
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		    background: #f4f4f4;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 5px;
		    background: #fdac13;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "+";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10%;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
		}

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fc3300;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:150px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:150px;}


form {
  margin: 0 auto;
}
.d6 form {
  height:60px;
}
.d6 input {
  width: 0;
  padding: 0 42px 0 15px;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  background:transparent;
  transition: .4s cubic-bezier(0, 0.8, 0, 1);
  position: absolute;
  
  right: 0;
  z-index: 2;
  
}
.d6 input:focus {
  width: 300px;
  z-index: 1;
  border-bottom: 2px solid #F9F0DA;
}
.d6 button {
  background:#e3b902;
  border: none;
  height: 60px;
  width: 42px;
  position: absolute;
 
  right: 0;
  cursor: pointer;
  
}
.d6 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}
