*{padding: 0;margin: 0;}
body{font-family: "微软雅黑",Arial;font-size: 12px;font-weight:normal;line-height: 1.7;color: #5a5a5a;background: #fff;position: relative;}
p{font-weight:normal;margin: 0;}
h1, h2, h3, h4, h5, h6, figure{color: #444;font-family: "Open Sans", Arial, sans-serif;font-weight: 400;margin: 0;}
a{color: #333;}
a:hover{background: none !important;}
li{list-style: none;}
.clearfix{zoom: 1;}
.clearfix::after{display: block;content: "";height: 0;clear: both;}


/* 顶部start */
.top{padding: 20px 0;}
.logo{float: left;max-width: 70%;}
.logo img{max-width: 100%;}
.top-tel{
    float: right;height: 54px;margin-top: 10px;padding-left: 24px;
    background: url(../images/tel.png) left center no-repeat;
}
.top-tel > p{margin: 0;line-height: 1.1;}
.top-tel > p > span:first-child{font-size: 24px;color: #ec8807;font-weight: bold;}
.contacts{font-size: 16px;color: #9a9a9a;}
/* 顶部end */

/* 导航条start */
#nav-section{background: #ec8807;}
.nav_ul{width: 100%;font-size: 0;}
.nav_ul > li{position: relative;width: 10%;height: 45px;text-align: center;}
.nav_ul > li.current, .nav_ul li:hover {background: #b97417;}
.nav_ul li:hover > a{text-decoration: none;}
.nav_ul > li > a{display: inline-block;height: 45px;line-height: 45px;padding: 0;font-size: 16px;color: #fff;}
.drop-menu{display: none;position: absolute;width: 100%;top: 45px;left: 0;background: #ec8807;z-index: 3;}
.drop-menu > li{border-top: 1px solid #eae7e7;}
.drop-menu > li > a{font-size: 15px;color: #fff;line-height: 2;}
.nav_ul > li > a + span{padding-left: 6px;padding-top: 12px;vertical-align: top;font-size: 16px;color: #fff;}
/* 导航条end */

/* banner部分start */
.banner > img{width: 100%;}
/* banner部分end */

/* 底部start */
footer{background: #472f11;}
.links{position: relative;padding: 18px 0;}
.links > span{font-size: 16px;padding-left: 24px;color: #e48408;background: url(../images/link-icon.png) top left no-repeat;}
.links_ul{display: inline-block;}
.links_ul > a{display: inline-block;height: 16px;line-height: 16px;padding: 0 24px;
    text-align: center;border-right: 1px solid #deceba;font-size: 14px;color: #deceba;
}
.links_ul > a:last-child{border: none;}
.links::after{position: absolute;left: 0;bottom: 0;display: block;content: "";width: 100%;height: 2px;background: url(../images/line.jpg) left top repeat-x;}
.footer-content{padding: 28px 0;font-size: 14px;color: #deceba;text-align: center;}
.footer-content a{font-size: 14px;color: #deceba;}
/* 底部end */

/* 内页公共样式start */
#main{margin: 22px 0;}
.left-part{width: 24%;float: left;}
.right-part{width: 73%;float: right;}
/* .left-part > div{background: #ec8807;} */
.left-menu{margin-bottom: 24px;}
.left-title{
    height: 48px;line-height: 48px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;background: #ec8807;
    border-radius: 4px 4px 0 0;border: 1px solid #ec8807;
}
#subnav{padding: 4px 12px;}
#subnav, .left-contact{    
    border-radius: 0 0 4px 4px;border: 1px solid #ec8807; background: #fff;}
#subnav > li{
    position: relative;height: 36px;line-height: 36px;text-align: center;
    border-bottom: 1px dashed #ec8807;
}
#subnav > li:last-child{border-bottom: none;}
#subnav > li > a{padding: 0;font-size: 14px;font-weight: bold;}
#subnav > li.active > a{color: #ec8807;}
.left-contact > .desc{padding: 12px;font-size: 14px;line-height: 2;}
.inner-title{height: 36px;line-height: 36px;border-bottom: 2px solid #ec8807;}
.inner-title > span{float: left;font-size: 16px;font-weight: bold;}
.bread{float: right;}
.bread > li{display: inline-block;}
.bread > li::after{content: "/";display: inline-block;padding: 0 2px;}
.bread > li:last-child::after{content: "";width: 0;padding: 0;}
.detail{margin: 16px 0;font-size: 14px;line-height: 1.8;}
.detail img{max-width: 100%;}
/* 内页公共样式end */

/* 分页start */
.pagination{width: 100%;text-align: center;}
.pagination>li{display: inline-block;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #ec8807;border-color: #ec8807;
}
.pagination>li>a, .pagination>li>span{color: #ec8807;}
/* 分页end */

.img_wrapper{width: 100%;padding-bottom: 75%;background-position: center center;background-size: 100% 100%;}

/*在线客服*/
.SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:6;}
.SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#ec8807 url(../images/greenOpen.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#ec8807; border-bottom:2px solid #ec8807;}
.SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;}
.SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #ec8807; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;}
.SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;}
.SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;}
.SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;}
.SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;}
.SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;}
.SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;}
.SonlineBox .contentBoxC .telBox{display:block;padding:36px 0 10px 0;color:#ec8807;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;}
/*在线客服 end*/

/*手机底部导航*/
#toolbar{ display:none;}

@media screen and (min-width:1201px){

}

@media (min-width:992px) and (max-width:1199px){
    .links_ul > a{padding: 0 8px;}
}

@media screen and (max-width:992px){
    .nav_ul > li > a{font-size: 13px;}
  .left-part{width: 26%;}
  .right-part{width: 70%;}
}

@media screen and (max-width:768px){
    .top-tel{display: none;}
    .logo{margin-top: 15px;}
    .logo > img{width: 242px;}
    .nav_ul{margin: 0 auto;}
    .nav_ul > li{width: 100%;padding-left: 24px;text-align: left;border-bottom: 1px solid #fff;}
    .nav_ul > li:last-child{border-bottom: none;}
    .nav_ul > li > a{display: inline-block;width: auto;height: 36px;line-height: 36px;font-size: 14px;}
    .drop-menu{position: static;margin-left: 24px;}
    .drop-menu > li > a{font-size: 13px;}
    .nav_ul > li > a + span{padding-top: 7px;}
    .links{display: none;}
    .top{padding: 0;}
    .left-part, .right-part{width: 100%;}
    .left_contact{display: none;}
}

@media screen and (max-width:480px){
    .footer-content{padding: 18px 0;}
    .footer-content, .footer-content a{font-size: 12px;}
    .footer-content > p{margin-bottom: 2px;}

}
/* 内页 end*/

/* 回到顶部 */
.toTop{position: fixed;right: 6px;top: 80%;}
.toTop > a{display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;
    font-size: 18px;color: #fff;border-radius: 2px;background: #e3840a;
}
.toTop > a:hover{background: #a47e4e !important;}
/*
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:7;background:#00A0EA url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#0276ab;} */