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

html,body {margin:0; padding:0; border:0; text-align:left; font-size:12px; line-height:1.8em;  color:#000;font-family: HYQiHei-45S}
html { -webkit-text-size-adjust:none;}
input,textarea,select { margin:0; padding:0; font-size:12px; color:#000; outline:none;}
p,img,div,ol,ul,li,dl,dt,dd,table,tr,td,span,em,strong,label,form,h1,h2,h3,h4,h5,h6,iframe,font,b,u,i,del,a { margin:0; padding:0; border:0; list-style-type:none;font-family: HYQiHei-45S;font-weight:bold;}
a { color:#333; text-decoration:none; outline:none;}

.clear{ clear:both;}


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


.warp{width:1200px; margin: 0 auto;}
.w1200 {
    margin: 0 auto;
    max-width: 1200px;
}
.headrange{border-top: solid 2px #f39700;width: 100%;min-width: 1200px;}
.nav_phone{display: none;}

#indexslide {
    position: relative;overflow: hidden;width: 100%;height: 670px;-webkit-animation: all .3s;animation: all .3s
}

.banner li {
    position: absolute; top: 0; left: 0;z-index: 10; display: none;width: 100%;
    height: 100%
}

.banner li a {
    display: block;
    width: 100%;
    height: 100%
}

.bannerindex {
    position: absolute;
    bottom: 55px;
    left: 0;
    z-index: 10;
    width: 825pt;
    height: 1pc;
    text-align: left
}

.bannerindex dd {
    display: inline-block;
    margin: 0 3px;
    width: 9pt;
    height: 9pt;
    border: 2px solid #fff;
    border-radius: 9pt;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.bannerindex dd.on {
    border: 2px solid #fff;
    background-color: #fff
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    position: relative;
    display: none;
    height: 830px;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    width: 100%;
    line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: block;
    margin-top: -79px;
    width: 79px;
    height: 79px
}

a.b-leftbtn {
    left: 10%;
    border-radius: 5px;
    background:url(../images/rd-leftbtn.png) no-repeat center;
    opacity: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    filter: alpha(opacity=0)
}

a.b-leftbtn:hover {
    background: url(../images/rd-leftbtn-hover.png) no-repeat center;
}

a.b-rightbtn {
    right: 10%;
    border-radius: 5px;
    background: url(../images/rd-rightbtn.png) no-repeat center;
    opacity: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    filter: alpha(opacity=0)
}

a.b-rightbtn:hover {
    background: url(../images/rd-rightbtn-hover.png) no-repeat center;
}

.b-slide:hover a.b-leftbtn,.b-slide:hover a.b-rightbtn {
    opacity: 1;
    filter: alpha(opacity=100)
}

.b-slidetitle .b-slidetitle-inner h6 {
    display: none;
    color: #ede5d9;
    font-size: 3pc;
    line-height: 50px
}


.b-slide {
    position: relative;
    overflow: hidden;
    width: 100%
}

.slidemask {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: rgba(0,0,0,0.6);

}

.slidemask,.slidemask .w1200 {
    height: 90pt
}
#bs-box2 {display: none;}
.bs-box {
    position: absolute;
    right: 0;
    bottom: -1px;
    overflow: hidden;
    height: 180px;
    text-align: center;
}

.bs-box a {
    
    float: left;
    display: block;
    margin-top: 75px;
    width: 225px;
    height: 219px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-left: 6px
}
.bs-box a span img{margin: 0 auto;margin-top: 20px;margin-bottom: 8px;}

.bs-box a span {
   
    top: 15px;
    left: 23px;
    display: block;
    -webkit-transition: all .3;
    transition: all .3
}

a.es {    background: url(../images/bg1.jpg) no-repeat}

a.bs {    background: url(../images/bg2.jpg) no-repeat}

a.pt {    background: url(../images/bg3.jpg) no-repeat}

a.lr {    background: url(../images/bg4.jpg) no-repeat}

.bs-box a .th {    top: 50px;    visibility: hidden; color: #fff;    font-weight: 400;    font-size: 34px;    opacity: 0}

.bs-box a .th,.bs-box a .tt {    -webkit-transition: all .4s;transition: all .4s}

.bs-box a .tt {visibility: visible;opacity: 1}

.bs-box a .tt img {display: block}

.bs-box a .tt strong {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 20px
}
.bs-box a .tt .ttn {
	width: 100%;
    display: block;
    margin: 22px 0 12px;
    font-weight: bold;
    color: #fbebd3;
	font-size:16px;
}

.bs-box a:hover {    margin-top: 0}

.bs-box a:hover .tt {    visibility: hidden;    opacity: 0}

.bs-box a:hover .th {    visibility: visible;    opacity: 1}



.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.fl {    float: left}

.fr {    float: right}

.pr {    position: relative}

.dn {    display: none}

.ov {    overflow: hidden}

.pa {    position: absolute}



.text-center {    text-align: center}


.header {    width: 100%;    position: relative;    z-index: 5099}

a.logo {	display: block;    width: 188px;    height: 76px;      float: left;margin-right: 10%;}

a.logo img{width: 100%;height: 100%}



.nav {height: 76px;line-height: 76px; display:block; float: left;  margin-right: 0;}
.nav .nbox { float:left; display:inline;}
.nav .nbox li { float:left; position:relative; z-index:500;font-family: HYQiHei-45S}
.nav .nbox li .t1 { width:87px; height: 76px;line-height: 76px;overflow:hidden; float:left;  color: #4c4c4c;
    font-size: 14px;
    font-weight: 700;text-align:center;}
.nav .nbox li .t1:hover,.nav .nbox li .set { background: #f39700; color:#fff;}
.nav .nbox li .subnav {opacity: 0;
visibility: hidden;}
.nav .nbox li:hover .subnav { display:block;visibility: visible;
opacity: 1;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
-o-transition-duration: 0.5s;}
.nav .nbox li:hover .t1 { width:87px;height: 76px;line-height: 76px;  overflow:hidden; background: #f39700;  float:left; color:#fff; text-align:center;}

.subnav { width:420px; height:50px; overflow:hidden; float:left; line-height:50px; position:absolute; left:0; top:76px; z-index:501;}
.subnav dd { height:50px; overflow:hidden; float:left; display:inline;}
.subnav dd a { float:left; font-size: 14px;font-weight: 700;color:#fff; padding:0 10px;}
.subnav dd a:hover { color:#fff;}
.nav .nbox li:hover span{ display: block;width: 100%; height: 50px; background: #000; position: fixed;top: 76px;left: 0; z-index:500;
opacity: 0.6;
visibility: visible;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
-o-transition-duration: 0.5s;}
.nav .nbox li span{opacity: 0;visibility: hidden;}

.slidestock {
    position: absolute;
    top: 13px;
  
    z-index: 10;
    width: 190px;
    height: 75pt;
    text-align: left;
    
}

.slidestock h5 {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding-top: 5px;
}

.slidestock h5 span {
    width: 100px;
    padding-top: 10px;
    color: #fff;
    font-weight: inherit;
    font-style: inherit;
    font-size: 12px;
}

.slidestock h5 strong {
    font-weight: 400;
    font-size: 26px;
    padding-top: 10px;
    text-align: right;
    font-weight:900;
    line-height: 30px;
}

.slidestock .stocknum {
    padding-left: 60px;
    font-size: 36px;
    line-height: 36px;
}

.slidestock .stocknum.up {    background: url(../images/All-Icon.png) no-repeat -181px 0;   color: #f39700;font-weight: 600}

.slidestock .stocknum.down {   background: url(../images/All-Icon.png) no-repeat -370px 0;    color: #090;font-weight: 600}

/*搜索*/
.top_right{float: right;margin-right: 5px;}
.top_right .d6{float: left;}
.top_right i{width: 1px;height: 16px; background-color: #d3d3d3;margin: 13px 10px;display: block;float:left;}
.top_right ul{float: left;}
.top_right ul li{float: left;padding: 0 0px;height: 42px;line-height: 42px;font-size: 14px;}
.top_right ul li a{color: #505050;transition:color 0.3s}
.top_right ul li span{color:#f39700;}
.top_right ul li:hover a{color:#f39700; transition:color 0.3s}



.d6{display: block;position: relative;}
.d6 form {  height: 42px;}
.d6 input {
  height: 42px;line-height: 42px;
  width: 0;
  padding: 0 42px 0 5px;
  border: none;
  border-bottom: 1px solid transparent;
  outline: none;
  background: transparent;
  transition: .8s cubic-bezier(0, 0.8, 0, 1);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.d6 input:hover {
  width: 120px;
  z-index: 1;
  border-bottom: 1px solid #d3d3d3;
}
.d6 button {
  
  border: none;
  height: 42px;
  width: 22px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: none
}
.d6 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #d3d3d3;
}










/*关于我们*/
.aboutus{margin-bottom: 60px;margin-top: 60px}
.aboutus .about_left{background: url(../images/about_bg.jpg) bottom left repeat-x;max-width: 540px;width: 42%;padding-bottom: 34px;float: left;}
.aboutus .about_left .about_title{ width: 100%;padding-bottom: 26px; }
.aboutus .about_left .about_title i{width: 3px;height: 40px;background-color: #f39700;display: block;float: left;}
.aboutus .about_left .about_title p{font-size: 24px;color: #1d1e20;float: left;padding-left: 10px;background: url(../images/aboutus_l.png) no-repeat right;padding-right: 20px;line-height: 40px;}
.aboutus .about_left .about_title span{color: #f39700;font-size: 18px;text-transform: uppercase;display: block;padding-top: 20px;background: url(../images/aboutus_t.png) no-repeat right bottom;padding-right: 70px;float: left;line-height: 10px;}
.aboutus .about_left .left_content{font-size: 14px;line-height: 30px;text-indent:28px;color: #666;padding-bottom: 35px;width: 100%}
.more{width: 130px;font-size: 16px;text-align: center;line-height: 40px;background-color:#f39700 ;transition:background-color 0.5s}
.more a{color: #fff;display: block;width: 130px;height: 40px;}
.more:hover{background-color: #2e2c28;transition:background-color 0.5s}
.aboutus .about_right{position: relative;float: right;width: 50%;max-width: 600px;background-color: #f5f5f6;height: 380px;margin-top: 34px;}
.aboutus .about_right .right_bg{position: absolute;/*top: -34px;left: -34px;*/    width: 100%;
    height: 100%;}

/*新闻中心*/
.news{margin-bottom: 60px;}
.news .news_title{width: 110px;border: solid 1px #f39700;color: #f39700;text-align: center;line-height: 36px;margin-bottom: 22px;float: left;}
.news .news_title p{font-size: 20px;text-transform: uppercase;font-family: SimHei;font-weight: 600;letter-spacing:1px;}
.news .news_title div{width: 40px;margin: 0 auto;height: 2px;background-color: #f39700}
.news .news_title span{display: block;font-size: 20px;font-family: SimSun}

.more_line{float: right;border: solid 1px #f39700;text-align: center;font-size: 15px;margin-top: 46px;}
.more_line a{color: #f39700;display: block;width: 94px;height: 28px;line-height: 28px;}
.more_line:hover,.more_line:hover a{background-color: #f39700;color: #fff;transition:background-color 0.6s}
.news .news_left{width:77%;max-width: 930px;float: left; }
.news .news_left .left1{max-width:340px;width: 36%;float: left;overflow: hidden;margin-right: 32px; text-align: left;}
.news .news_left .left1 p{font-size: 14px;background: url(../images/newsicon.png) no-repeat left center;padding-left: 30px;line-height: 60px;height: 60px;overflow: hidden;}
.news .news_left .left1 p a{color: #666; font-weight:bold;}
.news .news_left .left1 p:first-child{border-bottom: dotted 1px #cbcbcb;}
.news .news_left .left2{width:64%;max-width: 550px;float: left; }
.news .news_left .left2 ul{overflow: hidden;width: 100%}
.news .news_left .left2 ul li{background: url(../images/news_bg.png);height: 50px;padding-right: 20px;margin-bottom: 8px;}
.news .news_left .left2 ul li div:first-child{width: 58px;height: 50px;color: #fff;background-color: #f39700;font-size: 14px;text-align: center;float: left;font-family: SimHei;}
.news .news_left .left2 ul li div:first-child p:first-child{font-size:18px; padding-top: 8px;font-weight: 600}
.news .news_left .left2 ul li div:nth-child(2) {float: left;font-size: 14px;line-height: 50px;padding-left: 20px;overflow: hidden;height: 50px;max-width: 450px;}
.news .news_left .left2 ul li div a{color: #666;}
.news .news_left .left1 p:hover a,.news .news_left .left2 ul li div:nth-child(2):hover a{color:#f39700;transition:  color 0.3s}

.news .news_right{float: right;width: 240px;height: 163px;}
.news .news_right img{width: 100%;height: 100%}



#Tab1{margin:0px;padding:0px;margin:0 auto;position: relative;}

/*选项卡*/
.Contentbox{clear:both;margin-top:0px;text-align:center;}
.Menubox {width:240px;height:30px;line-height:28px;position: absolute;bottom: 10px;left: 0}
.Menubox ul{}
.Menubox li{float:left;display:block;cursor:pointer;width:94px;text-align:center;color:#f39700;border: solid 1px #f39700;margin-right: 20px;font-size: 15px;}
.Menubox li.hover{padding:0px;background:#f39700;color:#fff;}

.friends{padding-bottom: 60px;}
.title{margin: 0 auto;text-align: center;text-transform: uppercase;margin-bottom: 50px;}
.title p{padding-bottom: 10px;font-size:24px ;color:#f39700;font-family: HYQiHei-45S;font-weight: 600}
.title div{background: url(../images/title_line.png) no-repeat center;width: 250px;height: 9px;margin: 0 auto}
.title span{display: block;font-size:16px; ;color: #d0d1d5;line-height: 30px;}


#owl-demo { width: 1200px; margin:0 auto; }
#owl-demo .item{ display: block; border-top: solid 1px #dcdcdc;border-left: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;border-bottom: solid 1px #dcdcdc;margin: 6px;}
#owl-demo img { display: block; width: 100%; max-height: 88px;}

.foot{background-color: #37383a;padding-top: 30px;text-align: center;width: 100%;min-width: 1200px}
.foot ul{width: 100%}
.foot ul li{ text-align: left;float: left;margin-right: 60px;}
.foot ul li p{font-size: 17px;color: #f39700;text-align: left;line-height: 26px;}
.foot ul li span{display: block;color: #878787;font-size: 12px;width: 100%;padding-bottom: 10px;text-transform: uppercase;}
.foot ul li i{width: 306px;height: 1px;background-color:#5f6164 ;display: block;margin-bottom: 5px;}
.foot ul li div{line-height: 30px;color: #f8f8f8;font-size: 14px;}
.foot ul li div a{color: #f8f8f8;transition: color 0.5s}
.foot ul li div:hover a{color: #f39700;transition: color 0.5s}
.foot ul li:first-child{margin-right: 260px;}
.foot ul li:nth-child(2),.foot ul li:nth-child(3){text-align: center;}
.foot ul li:nth-child(2) i,.foot ul li:nth-child(3) i{width: 80px;text-align: center;}

.foot .foot_icon .icon{float: left;width: 48px;height: 48px;margin-right: 20px;margin-top: 10px; position: relative; }
.foot .foot_icon .icon img{width: 100%;height: 100%;}
.foot .foot_icon .icon:hover img{opacity: 0.6}
.foot .foot_icon .icon .fd{ display: none; position: absolute;  width: 344px; height: 344px; margin-left: -172px; left: 50%; top: -392px; }
.foot .foot_icon .icon .fd img{ width: 100%; height: auto; opacity: 1; }
.foot .foot_icon .icon:hover .fd{ display: block; }
.foot .yq{display: inline-block;margin:0  10px;line-height: 26px;}
.foot .yq a{color: #999;font-size: 12px;font-weight:bold;transition:  color 0.6s}
.foot .yq:hover a{opacity: 0.8;}
.foot .foot_bottom{font-size: 12px;color:#818388;border-top: solid 1px #666;width: 100%;line-height: 26px;}.foot .foot_bottom a{color:#999;font-weight:bold;}




/*内页-公司简介*/
.in_top{min-width: 1200px;width: 100%;margin-bottom: 60px}
.in_top img{width: 100%;height: 170px;}
.in_top .mb{height: 70px;background-color:#f39700;line-height: 70px;}
.in_top .mb .mb_left{float: left;background: url(../images/in_icon.png) left center no-repeat;padding-left: 50px;color: #fff;font-size: 18px;text-transform: uppercase;}
.in_top .mb ul{float: right;}
.in_top .mb ul li{float: left;padding-bottom: 8px;margin: 0 5px;color: #fff;font-size: 14px;}
.in_top .mb ul li a{color: #fff}
.in_top .mb ul li a:hover,.in_top .mb ul .mb_set a {border-bottom: 1px solid; padding-bottom: 5px; }

.in_title{font-size: 24px;text-transform: uppercase;color: #f39700;line-height: 30px;margin-bottom: 80px;}
.in_title span{font-family: Arial}
.in_title span:nth-child(2){color: #515157}
.in_title p{padding-top: 10px;font-family: SimHei;}
.warp_cc{padding-bottom: 80px;}






.side{position:fixed;width:78px;right:0;top:70%;margin-top:-200px;z-index:100;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;color:#333;text-align:center;transition:all .3s;cursor:pointer;background-color: #f39700}
.side ul li:hover{opacity: 0.8}
.side ul li i{height:78px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;transition:all .3s}

.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic4.png)}

.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.som{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-position:center center;border:1px solid #e0e0e0}

.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li:hover .som{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}










}




























@media all and (min-width:0px) and (max-width: 959px) {

.warp{width:96%; margin: 0 auto;min-width: 320px}
.warp2{width:100%; margin: 0 auto;min-width: 320px}
.w1200 {
    margin: 0 auto;
    max-width: 1200px;
}

.headrange{border-top: solid 2px #f39700;width: 100%;}

#indexslide {
    position: relative;overflow: hidden;width: 100%;height: 670px;-webkit-animation: all .3s;animation: all .3s
}

.banner li {
    position: absolute; top: 0; left: 0;z-index: 10; display: none;width: 100%;
    height: 100%
}

.banner li a {
    display: block;
    width: 100%;
    height: 100%
}

.bannerindex {
    position: absolute;
    bottom: 55px;
    left: 0;
    z-index: 10;
    width: 825pt;
    height: 1pc;
    text-align: left
}

.bannerindex dd {
    display: inline-block;
    margin: 0 3px;
    width: 9pt;
    height: 9pt;
    border: 2px solid #fff;
    border-radius: 9pt;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.bannerindex dd.on {
    border: 2px solid #fff;
    background-color: #fff
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    position: relative;
    display: none;
    height: 300px;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    width: 100%;
    line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 60%;
    z-index: 3;
    display: block;
    margin-top: -79px;
    width: 79px;
    height: 79px
}

a.b-leftbtn {
    left: 10px;
    border-radius: 5px;
    background:url(../images/rd-leftbtn.png) no-repeat center;
    opacity: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    filter: alpha(opacity=0)
}

a.b-leftbtn:hover {
    background: url(../images/rd-leftbtn-hover.png) no-repeat center;
}

a.b-rightbtn {
    right: 10px;
    border-radius: 5px;
    background: url(../images/rd-rightbtn.png) no-repeat center;
    opacity: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    filter: alpha(opacity=0)
}

a.b-rightbtn:hover {
    background: url(../images/rd-rightbtn-hover.png) no-repeat center;
}

.b-slide:hover a.b-leftbtn,.b-slide:hover a.b-rightbtn {
    opacity: 1;
    filter: alpha(opacity=100)
}

.b-slidetitle .b-slidetitle-inner h6 {
    display: none;
    color: #ede5d9;
    font-size: 3pc;
    line-height: 50px
}


.b-slide {
    position: relative;
    overflow: hidden;
    width: 100%
}

.slidemask {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: rgba(0,0,0,0.6);

}


#bs-box1 {display: none;}
#bs-box2 {margin-top: 5px;clear: both;}
.bs-box {    text-align: center;}

.bs-box a {
    
    float: left;
    display: block;
   
    width: 24%;
    height: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 0.5%

}
.bs-box a span img{margin-top: 20px;margin-bottom: 8px;width: 100%}

.bs-box a span {
   
    top: 15px;
    left: 23px;
    display: block;
    -webkit-transition: all .3;
    transition: all .3
}

a.es {    background: url(../images/bg1.jpg) no-repeat}

a.bs {    background: url(../images/bg2.jpg) no-repeat}

a.pt {    background: url(../images/bg3.jpg) no-repeat}

a.lr {    background: url(../images/bg4.jpg) no-repeat}

.bs-box a .th {    top: 50px;    visibility: hidden; color: #fff;    font-weight: 400;    font-size: 34px;    opacity: 0}

.bs-box a .th,.bs-box a .tt {    -webkit-transition: all .4s;transition: all .4s}

.bs-box a .tt {visibility: visible;opacity: 1}

.bs-box a .tt img {display: block}

.bs-box a .tt strong {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 16px
}
.bs-box a .tt .ttn {
	width: 100%;
    display: block;
    margin: 5px 0 5px;
    font-weight: bold;
    color: #fbebd3;
	font-size:12px;
}



.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.fl {    float: left}

.fr {    float: right}

.pr {    position: relative}

.dn {    display: none}

.ov {    overflow: hidden}

.pa {    position: absolute}



.text-center {    text-align: center}


.header {    width: 100%;    position: relative;    z-index: 5099}

a.logo {    display: block;height: 76px;float: left;max-width:188px; }

a.logo img{width: 100%;height: 100%}


/*搜索*/

.top_right{float: right;}
.top_right .right_up{clear:both; margin-right: 10px;}
.top_right .d6{float: left;}
.top_right i{width: 1px;height: 16px; background-color: #d3d3d3;margin: 13px 10px;display: block;float:left;}
.top_right ul{float: left;}
.top_right ul .cc{float: left;padding: 0 0px;height: 42px;line-height: 42px;font-size: 14px;}
.top_right ul .cc a{color: #505050;transition:color 0.3s}
.top_right ul .cc span{color:#f39700;}
.top_right ul .cc:hover a{color:#f39700; transition:color 0.3s}


.d6{display: block;position: relative;}
.d6 form {  height: 42px;}
.d6 input {
  height: 42px;line-height: 42px;
  width: 0;
  padding: 0 20px 0 5px;
  border: none;
  border-bottom: 1px solid transparent;
  outline: none;
  background: transparent;
  transition: .8s cubic-bezier(0, 0.8, 0, 1);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.d6 input:hover {
  width: 60px;
  z-index: 1;
  border-bottom: 1px solid #d3d3d3;
}
.d6 button {
  
  border: none;
  height: 42px;
  width: 22px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: none
}
.d6 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #d3d3d3;
}

/*手机导航*/
.header2{position:relative;}
.header2 .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header2 .user-icon span{display:none;}
.header2 .user-icon:hover{background-color:#0067d2;}
.header2 .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}


.nav{display: none;}

.subnav { width:220px; height:50px; overflow:hidden; float:left; line-height:50px; position:absolute; left:0; top:76px; z-index:501;}
.subnav dd { height:50px; overflow:hidden; float:left; display:inline;}
.subnav dd a { float:left; font-size: 14px;font-weight: 700;color:#fff; padding:0 10px;}
.subnav dd a:hover { color:#fff;}
.nav .nbox li:hover span{ display: block;width: 100%; height: 50px; background: #000; position: fixed;top: 155px;left: 0; z-index:500;
opacity: 0.6;
visibility: visible;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
-o-transition-duration: 0.5s;}
.nav .nbox li span{opacity: 0;visibility: hidden;}

.slidestock { display: none;
    position: absolute;
    top: 13px;
  
    z-index: 10;
    width: 190px;
    height: 75pt;
    text-align: left
}

.slidestock h5 {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding-top: 5px;
}

.slidestock h5 span {
    width: 100px;
    padding-top: 10px;
    color: #fff;
    font-weight: inherit;
    font-style: inherit;
    font-size: 12px;
}

.slidestock h5 strong {
    font-weight: 400;
    font-size: 26px;
    padding-top: 10px;
    text-align: right;
    font-weight:900;
    line-height: 30px;
}

.slidestock .stocknum {
    padding-left: 60px;
    font-size: 36px;
    line-height: 36px;
}

.slidestock .stocknum.up {    background: url(../images/All-Icon.png) no-repeat -181px 0;   color: #f39700;font-weight: 600}

.slidestock .stocknum.down {   background: url(../images/All-Icon.png) no-repeat -370px 0;    color: #090;font-weight: 600}





/*关于我们*/
.aboutus{margin-bottom: 40px;margin-top: 40px}
.aboutus .about_left{width: 100%;padding-bottom: 34px;}
.aboutus .about_left .about_title{ width: 100%;padding-bottom: 26px; }
.aboutus .about_left .about_title i{width: 3px;height: 40px;background-color: #f39700;display: block;float: left;}
.aboutus .about_left .about_title p{font-size: 24px;color: #1d1e20;float: left;padding-left: 10px;background: url(../images/aboutus_l.png) no-repeat right;padding-right: 20px;line-height: 40px;}
.aboutus .about_left .about_title span{color: #f39700;font-size: 18px;text-transform: uppercase;display: block;padding-top: 20px;background: url(../images/aboutus_t.png) no-repeat right bottom;padding-right: 70px;float: left;line-height: 10px;}
.aboutus .about_left .left_content{font-size: 14px;font-family: ;line-height: 30px;color: #666;text-indent:28px;padding-bottom: 35px;width: 92%;margin: 0 auto}
.more{width: 130px;font-size: 16px;text-align: center;line-height: 40px;background-color:#f39700 ;transition:background-color 0.5s;margin: 0 auto}
.more a{color: #fff;display: block;width: 130px;height: 40px;}
.more:hover{background-color: #2e2c28;transition:background-color 0.5s}
.aboutus .about_right{margin-top: 34px;margin: 0 auto}
.aboutus .about_right img{width: 100%}


/*新闻中心*/
.news{margin-bottom: 40px;}
.news .news_title{width: 110px;border: solid 1px #f39700;color: #f39700;text-align: center;line-height: 36px;;margin: 0 auto}
.news .news_title p{font-size: 20px;text-transform: uppercase;font-family: SimHei;font-weight: 600;letter-spacing:1px;}
.news .news_title div{width: 40px;margin: 0 auto;height: 2px;background-color: #f39700}
.news .news_title span{display: block;font-size: 20px;font-family: SimSun}
.kkk{display: block;height: 20px;width: 100%}
.more_line{border: solid 2px #f39700;text-align: center;font-size: 16px;width: 92px;margin: 0 auto}
.more_line a{color: #f39700;display: block;width: 94px;height: 28px;line-height: 28px;}
.more_line:hover,.more_line:hover a{background-color: #f39700;color: #fff;transition:background-color 0.6s}
.news .news_left{width:100%;}
.news .news_left .left1{width: 98%;overflow: hidden; text-align: left;}
.news .news_left .left1 p{font-size: 14px;background: url(../images/newsicon.png) no-repeat left center;padding-left: 30px;line-height: 60px;height: 60px;overflow: hidden;}
.news .news_left .left1 p a{color: #666;font-weight:bold;}
.news .news_left .left1 p:first-child{border-bottom: dotted 1px #cbcbcb;}
.news .news_left .left2{width:98%; overflow: hidden;}
.news .news_left .left2 ul{width: 100%}
.news .news_left .left2 ul li{background: url(../images/news_bg.png);height: 50px;margin-bottom: 8px;}
.news .news_left .left2 ul li div:first-child{width: 10%;max-width: 58px;min-width: 56px; ;color: #fff;background-color: #f39700;font-size: 14px;text-align: center;float: left;font-family: SimHei;}
.news .news_left .left2 ul li div:first-child p:first-child{font-size:18px; padding-top: 8px;font-weight: 600}
.news .news_left .left2 ul li div:nth-child(2) {float: left;font-size: 14px;line-height: 50px;padding-left: 5px;height: 50px;width: 80%;text-align: left;min-width: 200px;overflow: hidden;}
.news .news_left .left2 ul li div a{color: #666;}
.news .news_left .left1 p:hover a,.news .news_left .left2 ul li div:nth-child(2):hover a{color:#f39700;transition:  color 0.3s}

.news .news_right{float: right;width: 240px;height: 163px;display: none;}
.news .news_right img{width: 100%;height: 100%}



#Tab1{margin:0px;padding:0px;margin:0 auto;}

/*选项卡*/
.Contentbox{clear:both;text-align:center;padding-top:8px;}
.Menubox {height:30px;line-height:28px;bottom: 10px;margin-top: 12px;text-align: center;}

.Menubox li{display: inline-block;cursor:pointer;width:94px;text-align:center;color:#f39700;border: solid 1px #f39700;margin:0 10px;font-size: 15px;}
.Menubox li.hover{padding:0px;background:#f39700;color:#fff;}



.friends{padding-bottom: 40px;}
.title{margin: 0 auto;text-align: center;text-transform: uppercase;margin-bottom: 10px;}
.title p{padding-bottom: 10px;font-size:24px ;color:#f39700;font-family: HYQiHei-45S;font-weight: 600}
.title div{background: url(../images/title_line.png) no-repeat center;width: 250px;height: 9px;margin: 0 auto}
.title span{display: block;font-size:16px; ;color: #d0d1d5;line-height: 30px;}


#owl-demo { width: 100%; margin:0 auto; }
#owl-demo .item{ display: block; border-top: solid 1px #dcdcdc;border-left: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;border-bottom: solid 1px #dcdcdc;margin: 6px;}
#owl-demo img { display: block; width: 100%; max-height: 88px;}

.foot{background-color: #37383a;padding-top: 30px;text-align: center;width: 100%}
.foot ul{text-align: center;}
.foot ul li{margin: 0 auto}
.foot ul li i{height: 1px;background-color:#5f6164 ;display: block;margin-bottom: 5px;margin: 0 auto;}
.foot ul li p{font-size: 17px;color: #f39700;line-height: 26px;}
.foot ul li span{display: block;color: #878787;font-size: 12px;width: 100%;padding-bottom: 10px;text-transform: uppercase;text-align: center;}
.foot ul li div{line-height: 30px;color: #f8f8f8;font-size: 14px;}
.foot ul li:first-child{width: 90%;max-width: 430px;}
.foot ul li:first-child div { text-align: left;}


.foot ul li:nth-child(2),.foot ul li:nth-child(3){text-align: center;width: 40%;min-width: 100px;display: inline-block;margin-top: 20px;}
.foot ul li:nth-child(2) i,.foot ul li:nth-child(3) i{width: 60%;text-align: center;}

.foot ul li div a{color: #f8f8f8;transition: color 0.5s}
.foot ul li div:hover a{color: #f39700;transition: color 0.5s}

.foot .foot_icon{width:100%;margin-top: 20px;}
.foot .foot_icon .icon{display: inline-block;text-align: center; ;max-width: 48px;margin:10px 10px;max-height: 48px;width: 30%}
.foot .foot_icon .icon img{width: 100%;height: 100%}
.foot .foot_icon .icon:hover img{opacity: 0.6}
.foot .foot_icon .icon .fd{ display: none; position: absolute;  width: 344px; height: 344px; margin-left: -172px; left: 50%; top: -392px; }
.foot .foot_icon .icon .fd img{ width: 100%; height: 100%; opacity: 1}
.foot .foot_icon .icon:hover .fd{ display: block; }
.foot .yq{display: inline-block;margin:0  10px;line-height: 26px;}
.foot .yq a{color: #999;font-size: 12px;font-weight:bold;transition:  color 0.6s}
.foot .yq:hover a{opacity: 0.8;}
.foot .foot_bottom{font-size: 12px;color:#818388;border-top: solid 1px #666;width: 100%;line-height: 26px;}.foot .foot_bottom a{color:#999;font-weight:bold;}



/*内页-公司简介*/
.in_top{width: 100%;margin-bottom: 40px;}
.in_top img{width: 100%;height: 100%;min-height: 60px;}
.in_top .mb{background-color:#f39700;line-height: 40px;}
.in_top .mb .mb_left{background: url(../images/in_icon.png) left center no-repeat;padding-left: 50px;color: #fff;font-size: 18px;text-transform: uppercase;}
.in_top .mb ul{display: none;}
.in_top .mb ul li{float: left;padding-bottom: 8px;margin: 0 5px;color: #fff;font-size: 14px;}
.in_top .mb ul li a{color: #fff}
.in_top .mb ul li a:hover,.in_top .mb ul .mb_set a {border-bottom: 1px solid; padding-bottom: 5px; }


.in_title{font-size: 20px;text-transform: uppercase;color: #f39700;line-height: 30px;margin-bottom: 40px;}
.in_title span{font-family: Arial}
.in_title span:nth-child(2){color: #515157}
.in_title p{padding-top: 10px;font-family: SimHei;}
.warp_cc{padding-bottom: 80px;}





}