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


a, ul, li { text-decoration: none }
body { overflow-x: hidden;  font-family: "微软雅黑", "Microsoft YaHei";}
span { display: block; }
.wap { width: 100%; position: relative;background: #fff;  }
.heard-nav {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    font-size: 16px;
}
.logo { position: absolute; left: 50px; margin-top: 24px; }
.logo a img:hover { opacity: 0.8; transition: all 0.7s linear; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -ms-transition: all 0.7s linear; -o-transition: all 0.7s linear; }
.nav_btn { position: absolute; top: 15px; right: 15px; cursor: pointer; }
.nav_btn>img { border-radius: 4px; }
.phone_nav { width: 100%; height: 0; background: #11191c; position: absolute; top: 80px; left: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; overflow: hidden; }
.phone_nav>ul { padding: 0; margin: 0; padding-top: 15px; }
.phone_nav>ul>li { line-height: 40px; padding-left: 15px; border-bottom: 1px dotted #333; }
.phone_nav>ul>li>a { color: #FFF; font-weight: bold; text-decoration: none !important; font-size: 16px; letter-spacing: 2px; font-weight: 500; text-align: left; text-transform: uppercase; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.phone_nav>ul>li>ul { padding-top: 5px; padding-bottom: 15px; display: none; }
.phone_nav>ul>li>ul>li { line-height: 30px; }
.phone_nav>ul>li>ul>li>a { text-align: left; color: #e5e5e5; }
.nav_on>a { color: #c98c3a !important; }
.nav_btn1 { width: 30px; height: 30px; background: #c98c3a; cursor: pointer; position: absolute; top: 90px; right: 15px; border-radius: 1px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; }
.nav_btn1>img { margin-top: 2px; }



.heard-nav>ul {  margin: 0; padding-right: 18%; }
.heard-nav>ul>li { float: right; line-height: 90px; margin: 6px 30px 0 30px; position: relative; }
.sn1 {width:124px;  left:-30px!important;}
.sn2 {width:150px;  left:-30px!important;}

@media screen and (min-width: 1440px) {
.heard-nav>ul>li { margin: 6px 25px 0 25px; }
.heard-nav>ul { padding-right: 17%; }
.sn1 {width:200px;  left:-63px!important;}
.sn3 {width:200px;  left:-80px!important;}
.sn2 {width:200px;  left:-63px!important;}
}

@media (max-width: 1366px) {
.heard-nav>ul>li { margin: 6px 20px 0 20px; }
.heard-nav>ul { padding-right: 17%; }
.sn1 {width:200px;  left:-63px!important;}
.sn3 {width:200px;  left:-80px!important;}
.sn2 {width:200px;  left:-63px!important;}
}


.heard-nav>ul>li>a { color: #FFF; text-decoration: none !important; font-size: 16px;  }
.setnav { position: absolute; top:84px; left: 0px; background: #525252; padding: 16px 0; height: auto; display: none; }
.setnav>h5 { color: #ebebeb; width: 100%; max-height: 38px; margin: 0; line-height: 38px; }
.setnav>h5>a { color: #ebebeb; width: 150px; padding: 0px 20px; display: block; font-size: 14px; }
.setnav>h5>a:hover { background: #333; color: #fff; }
.setnav>ul>li { width: 100%; max-height: 38px; margin: 0; line-height: 38px; }
.setnav>ul>li>a { width: 100%;  text-align:center; display: block; font-size: 14px; color: #b5b5b5; }
.setnav>ul>li:hover { background: #333; }
.setnav>ul>li>a:hover { color: #fff; }
.proul>li { max-height: 24px !important; line-height: 24px !important; }
.proul>li>a { font-size: 12px !important; padding: 0px 20px !important; }
.sc>li>a { font-size: 14px !important; padding: 2px 10px !important; }
.setnav2 { background: #333; position: absolute; top: 0; left: 100%; padding: 0; display: none; }
.setnav2>ul { width: 135px; float: left; }
.setnav2>img { width: 180px; padding: 10px; float: left; }
.setnav2_zi { width: calc(100% - 180px); position: absolute; left: 0; bottom: 0; padding: 20px; }
.setnav2_zi>h5 { font-size: 20px; color: #FFF; margin: 5px 0; }
.setnav2_zi>p { font-size: 12px; color: #666; margin-bottom: 0; }
.setnav2>ul>li { width: 100%; max-height: 24px; margin: 0; line-height: 24px; }
.setnav2>ul>li>h5 { color: #ebebeb; padding: 4px 20px; width: 150px; display: block; font-size: 14px; }
.setnav2>ul>li>a { padding: 0 20px; display: block; color: #b5b5b5; }
.setnav2>ul>li:hover >a { color: #FFF; }

/* 语言 */
.lang1 { position: absolute; right: 40px; top: 6px;  height: 16px; z-index: 99999; cursor: pointer; }
.lang1 ul { position: relative; }
.ewm { position: absolute; right: 16px; top: 50px; opacity: 0; z-index: 1000; }
.ph { font-family: Georgia, "Times New Roman", Times, serif; width: 172px; position: absolute; top: 35px; right: 0px; float: none; font-size: 20px; color: #60b900; font-weight: 600; }
.lang1 ul li { float: left; padding: 0 9px; line-height: 25px; }
.lang1 ul li.cnen a { width:50px; color:#999; line-height:16px; font-size:14px;}
.lang1 ul li.cnen a:hover {color:#fff;}
.lang1 a { float: right; display: block; width: 20px; margin-top: 5px; }
.input1 { width: 136px; float: left; display: block; height: 20px; background: #000; padding-bottom: 2px; padding-left: 3px; border-left: none; border-top: none; border-right: none; border-bottom: 1px solid #333; color: #666; }
.searchbtn { width: 20px; height: 20px; float: left; border: none; display: block; background: url(../images/search.jpg) no-repeat; }
/* 语言 */
	
	

/*下拉menu*/
.erjibox { width: 100%;  background: #000; background: rgba(32,32,37, 0.95) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/ filter: Alpha(opacity=95); background: #000; position: absolute; top: 90px; border-top: 1px solid #171a1f; display: none; padding-bottom: 60px; z-index: 1000; }
.erjibox>ul { width: 60%; float: right; margin-right: 6%; padding: 0; }
.erjibox>ul>li { display: none; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.erjidiv { padding: 30px 0 60px 0; }
.erjibox_active { display: block !important; opacity: 1 !important; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.erjidiv_25 { width: 100%; }
.erjidiv_50 { width: 25%; float: left; }
.erjidiv_51 { width: 20%; float: left; }
.erjidiv_25_h5 {  color: #e8e6d8; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: url(../images/erji_h5_bg.png) 0% 80% repeat-x; float: left; padding-bottom: 20px; margin-right: 2%; }
.erjidiv_25>ul>li { -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.erjidiv_25>ul>li>a { text-transform: uppercase; font-size: 12px; color: #787771; text-decoration: none !important; }
.erjidiv_25>ul>li:hover { padding-left: 10px; }
.erjidiv_25>ul>li:hover>a { color: #939189; }
.erjidiv_34 { width: 100%; }
.erjidiv_hei { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #000; z-index: 1; opacity: 0.2; }
.erjidiv_tu { border: 4px solid #262525; width: 95%; margin: 0 auto; margin-top: 13px; position: relative; }
.erjidiv_66 { width: 100%; margin-top: 13px; }
.erjidiv_66>h5 { font-size: 16px; color: #fff; margin-bottom: 15px; }
.erjidiv_66>h5 a { font-size: 18px; color: #aaa; margin-bottom: 15px; }
.erjidiv_66>h5 a:hover { color: #fff; }
.erjidiv_66>p { font-size: 14px; color: #999; line-height: 20px; }
.erjidiv_66>p a { font-size: 14px; color: #666; line-height: 20px; }
.erjidiv_66>p a:hover { color: #ccc; }
.erjidiv_66>a { color: #787771; }
.erjidiv_66>a:hover { color: #e8e6d8 !important; }
.erjidiv_66>a:hover >span { color: #e8e6d8; }
/*下拉menu*/	
	
	
	
	
	
	
.lion { height: 3px; background: #c98c3a; position: absolute; bottom: 0; left: 0; z-index: -1; }
.banner { width: 100%; position: relative; overflow: hidden; z-index: 1; background: #000; margin-top: 70px; height: 100vh; }
.banzi { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.banner-list { width: 100%; height: 100%; padding-left: 0; position: relative; z-index: -1; }
.banner-list>li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; opacity: 0; font-family: "bryantregular"; font-weight: bold; }
.banlion { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important;  -webkit-transition: !important;
-moz-transition: 1.5s linear !important; -ms-transition: 1.5s linear !important; -o-transition: 1.5s linear !important; transition: 1.5s linear !important; opacity: 1 !important; }
.banner-list>li:nth-child(1) { background: url(../images/banner.jpg) top center no-repeat; background-size: cover; }
.banner-list>li:nth-child(2) { background: url(../images/banner1.jpg) top center no-repeat; background-size: cover; display: none; }
.banner-list>li:nth-child(3) { background: url(../images/banner2.jpg) top center no-repeat; background-size: cover; display: none; }

@media (max-width: 767px) {
.banner-list>li:nth-child(1) { background: url(../images/banner_xp.jpg) center center no-repeat !important; }
.banner-list>li:nth-child(2) { background: url(../images/banner1_xp.jpg) center center no-repeat !important; }
.banner-list>li:nth-child(3) { background: url(../images/banner2_xp.jpg) center center no-repeat !important; }
.news_nr2_sub h2 { font-size: 20px !important; margin-bottom: 30px !important; }
.news_nr2 { padding-top: 30px !important; }
.news_nr2_text h2 { font-size: 16px !important; margin-bottom: 10px !important; }
.news_nr2_text p { font-size: 13px !important; }
}
.banner-zi { width: 35%; height: auto; background: rgba(0,0,0,0.5); position: absolute; z-index: 1; right: 200px; top: 65%; display: none; padding: 15px; }
.banner-zi1 { padding-top: 10px; padding-left: 15px; }
.banner-zi .banner-zi1>h5 { color: #FFF; font-size: 45px; font-weight: bold; font-family: banner-zi; }
.banner-zi .banner-zi1>span { color: #d8d8d8; font-size: 14px;  }
.banner-zi .banner-zi1>p { color: #d7d7d7; font-size: 14px; padding-top: 0px;  }
.banner-prev { position: absolute; top: 50%; left: 15px; margin-top: -45px; z-index: 100; cursor: pointer; }
.banner-next { position: absolute; top: 50%; right: 15px; margin-top: -45px; z-index: 100; cursor: pointer; }
.pro_title { width: 100%; background: url(../images/product_tbg.jpg) center no-repeat; background-size: cover; text-align: center; padding: 60px 0; }
.pro_title_zi {  text-align:center; padding-top: 20px; margin: 0 auto; color:#8c8c8c; font-size:18px; }
.pro_title_zi1 {  text-align:center; padding-top: 20px; margin: 0 auto; color:#666; font-size:18px; }
.pro_title>h2 { font-size: 30px; color: #fff; margin-bottom:20px;}
.pro_title>h3 {width:50px; height:2px; background:#60b900; margin:0 auto;}
.pro_title>p { font-size: 20px; color: #ccc; opacity: 0.7; letter-spacing: 2px;  }

@media (max-width: 767px) {
.pro_title { padding: 30px 15px; }
.pro_title_zi { width: 100%; }
.pro_title_zi1 { width: 100%; padding-top: 0px; padding-bottom: 30px; }
.pro_title>h2 { font-size: 25px !important; margin-top: 0; }
.pro_title>p { font-size: 14px; }
.pdt90 { padding-top: 0px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.pro_title { padding: 40px 15px; }
.pro_title>h2 { font-size: 30px !important; margin-top: 0; }
.pro_title>p { font-size: 16px; }
}
.pro_box { position: relative; overflow: hidden; }

@media (max-width: 767px) {
.pro_box { padding-top: 60px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.pro_box { padding-top: 75px; }
}
.pro_inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/jacuard_bg.gif) repeat; display: none; }
.colse_btn { width: 30px; height: 30px; font-size: 30px !important; color: #b59f62; position: absolute; top: 15px; right: 15px; z-index: 999999; cursor: pointer; }
.pro_inner .left { width: 5%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 99; }
.pro_inner .right { width: 5%; height: 100%; opacity: 0; position: absolute; top: 0; right: 0; z-index: 99; }
.pro_inner>ul { height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; z-index: 9; }
.pro_inner>ul>li { height: 100%; float: left; position: relative; }
.pro_inner_list { width: 100%; position: absolute; bottom: 10%; left: 0; }
.pro_inner_list>img { position: relative; top: 0; }
.pro_inner_list>p { text-align: center; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.pro_list { width: 100%; position: relative; top: 50px; opacity: 0; overflow: hidden; -webkit-transition: -webkit-transform 0.5s linear; -moz-transition: -moz-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; transition: transform 0.5s linear; cursor: pointer }
.pro_list_hidden { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.pro_list>img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s linear; -moz-transition: -moz-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; transition: transform 0.5s linear; }
.fd { -webkit-transform: scale(1.05) !important; -moz-transform: scale(1.05) !important; -ms-transform: scale(1.05) !important; -o-transform: scale(1.05) !important; transform: scale(1.05) !important; -webkit-transition: -webkit-transform 0.5s linear !important; -moz-transition: -moz-transform 0.5s linear !important; -ms-transition: -ms-transform 0.5s linear !important; -o-transition: -o-transform 0.5s linear !important; transition: transform 0.5s linear !important; }
.pro_list_zi { width: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding:0 8%; padding-bottom: 20px; padding-top: 10px; background:#222; }
.double .pro_list_zi { background:#323232!important;}
.pro_list_zi>h5 { font-size: 30px; text-transform: uppercase; color: #FFF;  }
.pro_list_zi>h4>a { font-size: 30px; text-transform: uppercase; color: #FFF;  }
.pro_list_zi>h4>a:hover { font-size: 30px; text-transform: uppercase; color: #FFF;  }
.pro_list_zi>span { width: 20px; height: 2px; display: block; background: #c98c3a; margin-top: 20px; margin-bottom: 30px; }
.pro_list_zi>p { text-transform: uppercase; color: #FFF; font-size: 13px;  }
.pro_list_zi>a { margin-top: 20px; display: block; text-align: center; width: 130px; line-height: 30px; text-decoration: none !important; text-transform: uppercase; color: #FFF; border: 1px solid #fff; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.pro_list_zi>a:hover { border: 1px solid #c98c3a; color: #c98c3a; }
.pro_list_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.3; background: #000; }

@media (max-width: 767px) {
.pro_list_zi>h5 { font-size: 20px !important; }
.pro_list_zi>h5>span { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.pro_list_zi>h5 { font-size: 25px !important; }
.pro_list_zi>h5>span { font-size: 15px; }
}
.pro_list_zi>h1 {color:#fff; font-size:18px;}
.pro1_ico { position: relative; left: 0px; opacity: 1; }

 .swiper-container {
        width: 100%;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.news { width: 100%; text-align: center;   padding-top: 80px; padding-bottom: 100px; background:#eee; }
.news>h5 { font-size: 30px; margin: 0; color: #2b2b2b; padding-bottom: 20px; }
.news>h4 {width:50px; height:2px; background:#666; margin:0 auto;}
.news>p { font-size: 20px; color: #666; padding-bottom: 45px;  }
.news_list_con { position: relative; }
.news_list { width:1200px; margin: 0 auto; padding-top:60px; }
.news_list .col-sm-4 { padding:0 15px;}

@media (max-width: 767px) {
.news_list .col-sm-4 { width: 50%; padding: 8px; float: left; }
.news_zi>h5 { padding: 0 10px; }
.news_list_con { margin: 0 !important; }
}
.news_list1 { margin-bottom: 30px; }
.news_list_con { margin: 20px 0; position: relative; overflow: hidden; cursor: pointer }
.news_list_con>img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s linear; -moz-transition: -moz-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; transition: transform 0.5s linear; }
.news_zi { width: 100%; height: 50px; background: rgba(0,0,0,0.8) !important; }
.news_zi>h5 { color: #FFF; line-height: 50px; font-size: 16px; text-transform: uppercase; margin: 0;  }
.news_list_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.3; background: #000; }

@media (max-width: 767px) {
.news>h5 { font-size: 25px !important; }
.news { padding-top: 30px; padding-bottom: 40px; }
.news>p { font-size: 16px; padding-bottom: 15px; }
.news_list { width: 100%; padding: 0 15px; }
}
.news_list .four { margin-left:17%;}

@media (min-width: 768px) and (max-width: 991px) {
.news>h5 { font-size: 30px !important; }
.news { padding-top: 30px; padding-bottom: 40px; }
.news>p { font-size: 16px; padding-bottom: 15px; }
.news_list { width: 90%; padding: 0 15px; }
}
.store { width: 100%; background: url(../images/ce_bg.jpg) center fixed no-repeat; background-size: cover; }
.store_con { width:1200px; position: relative; margin: 0 auto; padding: 80px 0 122px 0; }
.store_con>h1 {  margin-top:0; position: relative; z-index: 10; }
.store_con>h2 { font-size:22px; font-weight:bold; color:#fff;  margin-top:70px; }
.store_con>h3 { margin:60px 0 20px 0;}
.store_con>p { font-size: 14px; text-transform: uppercase; color: #b5b5b5; line-height: 30px;  position: relative; z-index: 10; margin:0; }
.store_con>a { display: block; width: 200px; text-align: center; line-height: 46px; background:none; border:2px solid #666; color: #fff; text-decoration: none !important; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; position: relative; z-index: 10; color:#fff;  font-size:16px; margin-top:50px;}
.store_con>a:hover { background: #60b900;  border:2px solid #60b900; color:#fff; }
.store_con_img {  position: absolute; right: -80px; bottom: 60px; z-index: 1; }

@media (max-width: 767px) {
.store_con { width: 100%; padding: 30px 15px; padding-bottom: 90px; }
.store_con>h5 { font-size: 20px; }
.store_con>span { font-size: 14px; margin-top: 10px; margin-bottom: 20px; }
.store_con>p { font-size: 12px; line-height: 20px; }
.store_con>a { width: 120px; }
.store_con_img { width: 80%; bottom: 10px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.store_con { width: 80%; padding: 30px 15px; padding-bottom: 90px; }
}
.foot { width: 100%; background: #000; }
.foot_con { width: 1200px; margin: 0 auto;  padding: 50px 0 50px 0; }
.foot_con .row { padding-bottom: 60px; }
.foot_con h5 { font-size: 16px; color: #dadada; margin-bottom: 25px; }
.foot_con h5 a { font-size: 16px; color: #dadada; }
.foot_con p { line-height: 24px;margin-bottom: 0px; }
.foot_con p a { color: #999; font-size: 12px; line-height: 24px; text-decoration: none; }
.foot_con p a:hover { color: #fff; }
.foot_di { border-top: 1px solid #333;  padding:20px 0 0; }
.foot_di_l { width: 50%; float: left; line-height: 40px; }
.foot_di_r { width: 65%; text-align: right; float: right; line-height: 40px; }
.foot_iphone { width: 95%; margin: 0 auto; padding-bottom: 0px !important; }
.foot_iphone ul li { width: 20%; text-align: center; float: left; }
.foot_iphone ul li a { color: #666; }
.foot_di p { line-height:28px; font-size:12px; color:#666;}
.foot_di p a { color:#666;}
.foot_di p a:hover { color:#999;}

@media (max-width: 767px) {
.foot_con { width: 100%; padding: 20px 0 10px 0; }
.foot_di { margin-top: 0; border-top: none; }
.foot_di_r { width: 100%; text-align: center; }
}

@media (min-width: 768px) and (max-width: 991px) {
.foot_con { width: 90%; padding-bottom: 10px; }
.foot_di_r { width: 100%; text-align: center; color: #ccc; }
}
.clm { margin-left: 0 !important; margin-right: 0 !important; }
.clp { padding-left: 0 !important; padding-right: 0 !important; }
.clb { padding-left: 5px !important; padding-right: 5px !important; }
.clb1 { padding-left: 0px !important; padding-right: 5px !important; }
.clb2 { padding-left: 5px !important; padding-right: 0px !important; }
/*about*/	
.content { width: 100%; margin: 0 auto; }
.clear { clear: both; }
.ab_banner { width: 100%; overflow: hidden; position: relative; }
.banner_di { padding-left: 40px; padding-right: 40px; position: relative; top: 50px; opacity: 0; }
.banner_di_up { width: 170px; font-size: 20px; line-height: 50px; background: #111111; text-align: center; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 auto; }
.banner_di_down { width: 100%; background: #fff; color: #000; text-align: center; }
.aboutcon { padding-left: 40px; padding-right: 40px; }
.banner_di_down h2 { font-family: Arial, Helvetica, sans-serif; font-size: 32px; margin: 0 auto; }
.banner_di_down p {  font-size: 36px; letter-spacing: 1px; color: #333; margin-bottom: 40px; margin-top: 50px; }
.bt_en { font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-top: 10px; color: #999; }
.bt_en1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; color: #fff; }
.content1 { width: 100%; background: #FFF; padding-bottom: 160px; }
.aboutlist { height: 50px; margin-top: 40px; padding-left: 40px; padding-right: 40px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; top: 50px; opacity: 0; }
.aboutlist ul li { float: left; line-height: 50px; margin-right: 5px; }
.aboutlist ul li a { color: #999; }
.aboutlist ul li a:hover { color: #333; }
.ab_nr { position: relative; }
.ab_nr_l { position: relative; left: -150px; opacity: 0; }
.ab_nr_l_tu { width: 80%; margin: 0px auto; margin-bottom: 30px; overflow: hidden; }
.ab_nr_l_tu>img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 2s linear; -moz-transition: -moz-transform 2s linear; -ms-transition: -ms-transform 2s linear; -o-transition: -o-transform 2s linear; transition: transform 2s linear; }
.imgfd { -webkit-transform: scale(1.2) !important; -moz-transform: scale(1.2)!important; -ms-transform: scale(1.2)!important; -o-transform: scale(1.2)!important; transform: scale(1.2)!important; -webkit-transition: -webkit-transform 2s linear!important; -moz-transition: -moz-transform 2s linear!important; -ms-transition: -ms-transform 2s linear!important; -o-transition: -o-transform 2s linear!important; transition: transform 2s linear!important; }
.ab_nr_r { position: relative; right: -150px; opacity: 0; }
.ab_nr_r p {  text-indent: 2em; font-size: 16px; letter-spacing: 1px; line-height: 28px; margin: 5px 5%; color: #666; }
.ab_bt { margin-bottom: 30px; position: relative; left: 38px; top: 50px; opacity: 0; }
.ab_bt h2 { font-size: 24px; padding: 0px; margin: 0px }
.aboutzi1 { margin: 40px; background: url(../images/aboutyinhao.jpg) no-repeat left top; padding-left: 100px; padding-top: 30px; color: #666; margin-bottom: 100px; }
.aboutzi1 p { width: 80%; font-size: 24px; position: relative; top: 50px; left: 50px; line-height: 50px; opacity: 0; }

@media (max-width: 767px) {
.aboutlist { margin-top: 20px; padding-left: 15px; padding-right: 15px; }
.aboutcon { padding-left: 15px; padding-right: 15px; }
.ab_nr_l_tu { width: 100% }
.banner_di_down p { font-size: 20px !important; margin-top: 20px; margin-bottom: 10px; }
.bt_en { font-size: 16px; }
.ab_bt { left: 0; margin-bottom: 20px; }
.ab_bt>h2 { font-size: 16px !important; }
.slimScrollDiv { height: 300px !important; padding: 0 10px; }
.textyichu { height: 300px !important; }
.ab_nr_r p { font-size: 12px; line-height: 22px; margin: 0; }
.aboutzi1 { margin: 20px; background: none; padding-left: 30px; padding-top: 10px; }
.aboutzi1 p { width: 100%; font-size: 15px; left: 0; line-height: 30px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.aboutlist { margin-top: 30px; padding-left: 20px; padding-right: 20px; }
.aboutzi1 p { font-size: 20px; }
}
.newsblank { width: 85%; margin: 0 auto; }
.news_nr { position: relative; }
.news_up_bt { width: 50%; margin: 0 auto; font-size: 18px; text-align: center; color: #666; line-height: 30px; margin-bottom: 60px;  position: relative; top: 50px; opacity: 0; }
.news_nr1 { /*background: url(../images/new_bg.jpg) no-repeat left 0px;*/
margin-top: 25px; }
.news_nr1_up { }
.news_s1 { margin: 90px 0; }
.news_nr1_text { padding: 5% 5% 10% 5%; background: #fff; }
.news_nr1_text h2 {  font-size: 24px; line-height: 35px; color: #000; text-align: center; text-transform: uppercase; }
.news_nr1_text p {  font-size: 14px; color: #666; line-height: 25px; margin-top: 20px; letter-spacing: 1px; }
/*news新*/

.news_lista { position: relative; top: 50px; opacity: 0; }
.news_lista a { display: block; position: relative; width: 100%; }
.news_lista>a>span { display: block; position: absolute; left: 0px; top: 0px; }
.news_list_zi {  font-size: 14px; color: #666; line-height: 25px; letter-spacing: 1px; padding: 15px; background: #e9eaeb; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.news_list_zi>h5 a {  font-size: 24px; line-height: 35px; color: #000; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }

@media(min-width:1000px) {
.aboutzi1 p { width: 100%; }
.news_list_zi>h5 a { line-height: 35px; height: 70px; overflow: hidden; }
.news_list_zi>p { line-height: 25px; height: 100px; overflow: hidden; }
}
.news_list_zi>p {  font-size: 14px; color: #666; line-height: 25px; margin-top: 20px; letter-spacing: 1px; margin-bottom: 30px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.news_list_zi>p>span { color: #aaa; font-size: 14px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.news_list_zi>p>span>i { color: #CCC; padding-right: 5px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.news_list_zi:hover { background: #1e2127; }
.news_list_zi:hover .h5_xian { background: #eee; }
.news_list_zi:hover h5 a { color: #fff; }
.news_list_zi:hover p { color: #e5e5e5; }
.news_list_zi:hover span { color: #fff !important; }
.news_list_zi span { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.news_list_zi:hover i { color: #e5e5e5; }
/*news新*/

.news_nr2 { width: 100%; background: #eff1f3; padding: 70px 0 0px 0; }
.news_nr21 { width: 85%; padding: 0 15px; margin: auto; }
.news_nr21 h2 { margin-bottom: 70px; }
.news_nr2_text { padding: 2% 5% 2% 5%; }
.news_nr2_text h2 {  font-size: 24px; line-height: 30px; margin-bottom: 0px; color: #000; text-align: center; text-transform: uppercase; }
.news_nr2_text p {  font-size: 14px; color: #666; letter-spacing: 1px; line-height: 25px; margin-top: 20px; }
.news_nr2_sub { }
.news_nr2_sub h2 { text-align: center; }
.news_s3 { background: #fff; position: relative; }
.xwjt01 { width: 0; height: 0; line-height: 0; font-size: 0; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; position: absolute; top: 50%; margin-top: -10px; left: -20px; }
.xwjt02 { width: 0; height: 0; line-height: 0; font-size: 0; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; margin-top: -10px; right: -20px; z-index: 9999; }
.news_s2_l { position: relative; left: -150px; opacity: 0; }
.news_s2_r { position: relative; right: -150px; opacity: 0; }
.news_s2_l1 { position: relative; left: -150px; opacity: 0; }
.news_s2_r1 { position: relative; right: -150px; opacity: 0; }
.news_more { width: 180px; margin: 0px auto; }
.news_more a { display: block; text-align: center; line-height: 35px; margin-top: 50px; margin-bottom: 90px; border: 1px solid #ddd; color: #999 !important; text-decoration: none !important; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; position: relative; z-index: 10; }
.news_more a:hover { color: #fff !important; background: #171a1f; }
.news_more1 { }
.news_more1 a { display: block; width: 180px; text-align: center; line-height: 35px; border: 1px solid #171a1f; color: #171a1f !important; text-decoration: none !important; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; position: relative; z-index: 10; margin-top: 20px; }
.news_more1 a:hover { color: #fff !important; background: #171a1f; }
/*news1*/
.news1_nr { padding: 80px 0; }
.news1_nr h2 { text-align: center; color: #333; }
.news1_nr h5 { text-align: center; color: #666; border-bottom: 1px solid #1e2127; padding: 10px 0; margin-bottom: 30px; }
.news1_nr p { padding: 0 6%; letter-spacing: 1px; text-indent: 2em; font-size: 16px; line-height: 25px; color: #888; }
.news1_tu { width: 78%; margin: 4% auto; }
.news1_fanhui a { display: block; width: 120px; line-height: 35px; margin: 0 auto; border: 1px dotted #69696b; text-align: center; margin-top: 50px; color: #dadada; background: #19191b; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.news1_fanhui a:hover { color: #FFF; background: #004471; }

@media (max-width: 767px) {
.newsblank { width: 100%; padding: 0 15px; }
.news_list_zi { padding-bottom: 30px; }
.news_list_zi>h5 a { font-size: 16px !important; line-height: 25px !important; }
.news_list_zi>p { font-size: 12px; line-height: 22px; margin-top: 5px; margin-bottom: 10px; padding-bottom: 10px; }
.news_list_zi { margin-bottom: 15px; }
.news_more a { margin-top: 20px; margin-bottom: 40px; }
.news_s3 { margin-bottom: 15px; }
.news1_nr { padding: 30px 0; }
.news1_nr h2 { font-size: 16px; line-height: 25px; }
.news1_nr p { font-size: 13px; line-height: 22px; padding: 0 3%; }
.news1_fanhui a { margin-top: 20px; margin-bottom: 30px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.news_list_zi { padding-bottom: 30px; }
.news_list_zi>h5 a { font-size: 16px !important; line-height: 25px !important; }
.news_list_zi>p { font-size: 12px; line-height: 22px; margin-top: 5px; margin-bottom: 10px; padding-bottom: 10px; }
}
/*news1*/	
	
	
	
/*sto*/
.sto_nr { width: 90%; margin: 0 auto; background: url(../images/map.jpg) no-repeat center center; background-size: 100%; }
.sto_bt h2 {  color: #000; width: 100%; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-bottom: 30px; position: relative; top: 50px; opacity: 0; }
.lingshoudian { height: 180px; width: 300px; margin: auto; }
.ab_bannerzi { font-size: 50px; position: absolute; left: 50%; top: 50%; width: 300px; margin-left: -150px; text-align: center; height: 30px; z-index: 1; color: #FFF; opacity: 0; }
.ab_bannerzi1 { position: absolute; left: 50%; top: 70%; font-size: 14px; line-height: 24px; color: #FFF; margin-left: -200px; text-align: center; width: 500px; margin-left: -250px; opacity: 0; }
.return_wm { margin-left: 45%; background: #19191b; width: 120px; height: 35px; border: 1px solid #69696b; text-align: center; line-height: 35px; }
.return_wm a { color: #dadada; display: block; }
.return_wm a:hover { background: #004471; color: #fff; }
.sto_zs { width: 200px; margin: auto; padding-bottom: 10px; border-bottom: 2px solid #888; position: relative; top: 50px; opacity: 0; }
.sto_zs a {  line-height: 50px; color: #999; font-size: 18px; text-align: left; display: inline-block; padding-left: 50px; }
.sto_zs a:hover { color: #c98c3a; text-decoration: none; }
.sto_zs>div { font-size: 36px; text-align: right; float: right; padding-top: 8px; padding-right: 10px; }
.sto_or { font-size: 24px; color: #999; position: absolute; top: 54%; left: 42%; }
.shenfenlist { margin: 0; padding: 0; }
.shenfenlist li p a { color: #888; }
.sto_lsd { color: #333; border: 1px solid #ba9977; font-size: 14px; display: inline-block; padding: 15px 35px 15px 17px; cursor: pointer; }
.sto_lsd>ul { position: absolute; width: 100%; top: calc(100% + 1px); left: 0; padding: 0 !important; margin: 0; background: rgba(38,35,36,0.5); display: none; }
.sto_lsd>ul>li { text-align: center; border-bottom: 1px solid #222224; line-height: 40px; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.sto_lsd>ul>li:hover { background: rgba(201,140,58,0.5); }
.sto_lsd>ul>li>a { color: #FFF; text-decoration: none !important; font-size: 16px; }
.sto_lsd>div { font-size: 36px; color: #fff; padding: 0 10px; }
.map { background: url(../images/map.jpg) left top no-repeat #fbfbfb; margin-top: 100px; width: 100%; height: 750px; position: relative; }
.showcase { overflow: hidden; }
.showcase ul { overflow: hidden; padding-top: 30px; }
.showcase ul li { float: left; width: 414px; border-right: 1px solid #CCC; text-align: center; height: 60px; position: relative; top: 50px; opacity: 0; }
.showcase ul li input { width: 315px; height: 40px; border: 1px solid #CCC; color: #d9d9d9; padding-left: 5px; }
.showcase ul li p { line-height: 20px; }
.store_box { width: 1280px; margin: 0 auto; }

@media (max-width: 767px) {
.map { margin-top: 20px; height: auto; }
.sto_bt h2 { font-size: 20px !important; }
.sto_zs { padding-bottom: 0; }
.sto_zs a { font-size: 16px; }
.store_box { width: 100%; }
.showcase ul li { width: 100%; }
.showcase ul li { width: 100%; }
.ser_nr { padding: 30px 0 !important; }
.ser_nr h2 { margin-bottom: 10px; font-size: 20px !important; margin-top: 0; margin-bottom: 10px !important; }
#store_3 { font-size: 12px; }
.ser_nr1 h2 { font-size: 20px !important; margin: 0px 0 30px 0 !important; }
.ser_nr1 { margin: 30px 0 !important; }
.join2_list1 h4 { font-size: 16px; }
.ser_nr2 { margin: 30px 0 !important; padding: 0 15px; }
.ser_nr2 h2 { font-size: 20px !important; }
.ser2_sub { margin: 30px 0 !important; padding: 0 !important; }
.ser2_text { border: none !important; text-align: center !important; padding: 20px !important; border-bottom: 1px solid #c2c6c9 !important; }
.ser2_text h4 { font-size: 16px; }
.ser2_text p { padding-bottom: 0 !important; }
.store_2_down { height: auto !important; }
.store_2 { padding-bottom: 30px !important; }
.store_1 { padding-top: 30px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.ser2_sub { margin: 30px 0 !important; padding: 0 !important; }
.ser2_text { border: none !important; text-align: center !important; padding: 20px !important; border-bottom: 1px solid #c2c6c9 !important; }
.ser2_text h4 { font-size: 16px; }
.ser2_text p { padding-bottom: 0 !important; }
}
/*join_nr*/
.join_nr { width: 100%; margin: 0 auto; background: url(../images/join_bg.jpg) no-repeat center center; background-size: 100%; position: relative; }
.join_nr h1 { width: 50%; position: absolute; left: 5%; top: 10%; color: #eb9e76; font-size: 36px; }
.join_sub { width: 50%; position: absolute; right: 5%; top: 10%; }
.join_bt { width: 66%; text-align: left; margin: 70px 0; font-size: 24px; color: #999; line-height: 40px; padding: 20px 0 0 150px; background: url(../images/aboutyinhao.jpg) no-repeat left top; }
.join_sub_1 { }
.join_shuzi { width: 20%; float: left; margin-right: 4%; position: relative; right: -150px; opacity: 0; }
.join_text { width: 50%; margin-top: 5%; float: left; position: relative; right: -150px; opacity: 0; }
.join_text h2 {  color: #ffffff; letter-spacing: 2px; }
.join_text h4 { font-size: 34px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; }
.join_line { width: 30px; height: 8px; background: #c3a17d; margin: 40px 0; }
.join_text p {  font-size: 14px; line-height: 25px; color: #ddd; letter-spacing: 2px; }
.join_nr1 { width: 100%; margin: 0 auto; background: url(../images/join_bg1.jpg) no-repeat left; background-size: 100%; position: relative; }
.join_sub1 { width: 50%; position: absolute; left: 20%; top: 10%; }
.join_shuzi1 { width: 20%; float: left; margin-right: 4%; position: relative; left: -150px; opacity: 0; }
.join_text1 { width: 55%; margin-top: 5%; float: left; position: relative; left: -150px; opacity: 0; }
.join_text1 h2 {  color: #000; letter-spacing: 2px; }
.join_text1 h4 { font-size: 34px; font-family: Georgia, "Times New Roman", Times, serif; color: #000; }
.join_line { width: 30px; height: 8px; background: #c3a17d; margin: 40px 0; }
.join_text1 p { padding-right: 5%;  font-size: 14px; line-height: 25px; color: #333; letter-spacing: 2px; }
.join_nr3 { background: url(../images/join_bg2.jpg) no-repeat left !important; }

@media (max-width: 767px) {
.join_bt { margin: 20px 0; background: none; font-size: 14px; line-height: 25px; padding: 10px 0px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
/*hist*/
#hist { overflow: auto; background-color: #fff; }
#hist .top { width: 100%; position: relative; z-index: 1; /*background: url(../img/ui/bg_hist1.jpg) 50% 0 no-repeat;*/
padding-top: 42px }

@media (max-width: 767px) {
#hist .top { padding-top: 0px }
}

@media (min-width: 768px) and (max-width: 991px) {
#hist .top { padding-top: 0px }
}
#hist .top:before { position: absolute; left: 50%; top: 56px; width: 1px; height: 181px;/*background: url(../img/ui/bg_hist0.png) no-repeat*/ }
#hist .bottom { z-index: 5; position: absolute; /*background: url(../img/ui/bg_hist2.jpg) 50% 100% no-repeat;*/
bottom: 1600px; left: 0; right: 0; height: 1400px }
#hist .bottom1 { z-index: 5; position: absolute; /*background: url(../img/ui/bg_hist3.jpg) 50% 100% no-repeat;*/
bottom: 0; left: 0; right: 0; height: 1400px }
#hist .content_h { width: 660px; margin: 0 auto; text-align: center; color: #fff }
#hist .content_h .btt { text-transform: uppercase; font-size: 50px; line-height: 1.4em }
#hist .content_h .text { width: 540px; margin: 30px auto 0; font: 300 13px/20px }
#hist .hist-list { position: relative; z-index: 10; margin-top: 16px; padding: 102px 0 140px; background: url(../img/ui/bg_footer.png) 50% 0 repeat-y }
#hist .hist-list .btline { font-size: 36px; font-weight: bold; padding-bottom: 21px; margin-bottom: 46px; font-family: Arial, Helvetica, sans-serif; }
#hist .hist-list p { font-size: 16px;  color: #666; }
#hist .hist-list li { position: relative; width: 607px; padding-right: 147px; background: url(../img/ui/hist_odd.png) 84px 10px no-repeat; /*	opacity: 0;*/
-webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; transition: opacity .5s ease-in }
#hist .hist-list li.animated { opacity: 1 }
#hist .hist-list li:nth-child(even) { width: 1171px; padding: 0 0 0 711px; background: url(../img/ui/hist_even.png) 594px 10px no-repeat }
#hist .hist-list li .top10 { position: absolute; display: block; background: url(../img/ui/hist_top10.png) top left no-repeat; font-size: 20px; text-align: center; height: 83px; width: 83px; padding: 25px 11px 0 0; top: -26px; right: 117px }
#hist .hist-list li.y06:before { position: absolute; width: 104px; height: 104px; right: 117px; top: -36px; background: url(../img/ui/hist_2006.png) 50% 50% no-repeat }
#hist .hist-list li.y06a:before { position: absolute; width: 104px; height: 104px; right: 117px; top: -36px; background: url(../img/ui/hist_2008.png) 50% 50% no-repeat }
#hist .hist-list li.y98:before { position: absolute; width: 104px; height: 115px; right: 117px; top: -47px; background: url(../img/ui/hist_1998.png) 50% 50% no-repeat }
#hist .hist-list li.y98a:before { position: absolute; width: 104px; height: 115px; right: 117px; top: -47px; background: url(../img/ui/hist_2010.png) 50% 50% no-repeat }
#hist .hist-list li.y72:before, #hist .hist-list li.y72a:before, #hist .hist-list li.y94:before, #hist .hist-list li.y94a:before { content: ''; position: absolute; height: 104px; top: -36px }
#hist .hist-list li.y94:before { width: 104px; right: 117px; background: url(../img/ui/hist_1994.png) 50% 50% no-repeat }
#hist .hist-list li.y94a:before { width: 104px; right: 117px; background: url(../img/ui/hist_2012.png) 50% 50% no-repeat }
#hist .hist-list li.y72:before { width: 444px; right: -28px; background: url(../img/ui/hist_1872.png) 50% 50% no-repeat }
#hist .hist-list li.y72a:before { width: 444px; right: -28px; background: url(../img/ui/hist_2015.png) 50% 50% no-repeat }
#hist .hist-list li.y09:before, #hist .hist-list li.y97:before, #hist .hist-list li.y97a:before { height: 119px; top: -47px; content: ''; position: absolute; width: 444px; right: -28px }
#hist .hist-list li.y97:before { background: url(../img/ui/hist_1997.png) 50% 50% no-repeat }
#hist .hist-list li.y97a:before { background: url(../img/ui/hist_2011.png) 50% 50% no-repeat }
#hist .hist-list li.y09:before { background: url(../img/ui/hist_2009.png) 50% 50% no-repeat }
#hist .hist-list li.y14:before { content: ''; position: absolute; width: 444px; height: 122px; right: -28px; top: -50px; background: url(../img/ui/hist_2014.png) 50% 50% no-repeat }
#coverage .light, #hist .hist-list li.y06:before, #hist .hist-list li.y06a:before, #hist .hist-list li.y98:before, #hist .hist-list li.y98a:before, #hist .top:before, #manuf .top:before { content: '' }
.box { width: 1200px; margin: 0 auto; height: 100% }
.btline { position: relative; color: #000; }
.btline:after { content: ''; position: absolute; bottom: 0; left: 0; width: 32px; height: 6px; background-color: #c3a17d }
/*pro1*/
.pro1_nr_banner { width: 100%; background: url(../images/pro1_banner.jpg) no-repeat left top; }
.banner_ztcg1 { background: url(../images/banner_ztcg1.jpg) no-repeat left top; width: 100%; /*height: 100%;*/
background-size: 100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
.pro_b_tu { width: 60%; margin: 0 auto; padding: 2% 0 0 0; text-align: center; position: relative; top: -120px; opacity: 0; }
.pro_b_text { width: 40%; margin: 0 auto; text-align: center; color: #fff; padding: 1% 0; position: relative; top: 50px; opacity: 0; z-index: 100; }
.pro_b_text h2 {  color: #ddd; }
.pro_b_text p { font-size: 16px; letter-spacing: 1px; color: #bbb; }
.pro1_xian { height: 1px; background: #28282d; border-bottom: 1px solid #5a4926; margin-bottom: 80px; }
.pro1_nr { width: 100%; height: auto; overflow: hidden; background: url(../images/pbg.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 150px; }
.pline { width: 60%; height: 30px; margin: auto; background: url(../images/pline.png) center bottom no-repeat; }
.pro1_nr_tu { position: relative; }
.pro1_nr_tu p { font-size: 14px; line-height: 25px; color: #5a4926; margin-top: 10px; text-align: center; letter-spacing: 2px; padding-bottom: 60px; }
.pfenlei { height: 160px; width: 100%; background: url(../images/pfenleibg.jpg) no-repeat; }
.pfenlei1 { width: 950px; margin: auto; padding-bottom: 10px; position: relative; top: 50px; opacity: 0; text-align: center; }
.pfenlei1 span { font-size: 25px; display: block; text-align: center; color: #5a4926; padding-bottom: 15px; margin-bottom: 10px; background: url(../images/pline.png) center bottom no-repeat; padding-top: 30px; }
.pfenlei1>ul { margin: auto; display: inline-block; }
.pfenlei1>ul>li { padding-left: 20px; padding-right: 20px; text-align: center; float: left; position: relative; }
.pfenlei1>ul>li a { color: #5a4926; font-size: 16px; }
.pfenlei1>ul>li a:hover { color: #c98c3a; }
.pro_left { width: 100%; background: url(../images/p-left-bg.png) repeat; padding: 30px 0; overflow: hidden; }
.pro_left_img { width: 85%; margin: 0 auto; position: relative; }
.pro_left_list { width: 100%; position: absolute; top: 0; }
.pro_left_list:first-child { position: relative; }
.pro_logo { width: 20px; position: absolute; bottom: 0; right: 0; }
.pro_logo1 { width: 25px; position: absolute; bottom: 0px; right: 5px; }
.pro_left>ul { width: 42px; margin: 20px auto; padding: 0; }
.pro_left>ul>li { float: left; width: 8px; height: 8px; border-radius: 10px; background: #FFF; margin: 0 3px; cursor: pointer; }
.pro_on { background: #c98c3a !important; }
.pro_left_zi { width: 100%; margin-top: 50px; position: relative; }
.pro_left_zi_list { width: 100%; text-align: center; display: none; }
.pro_left_zi_list:first-child { display: block; }
.pro_left_zi_list>h5 { font-size: 16px; color: #5a4926; }
.pro_left_zi_list>a { display: block; width: 80px; line-height: 28px; margin: 0 auto; text-align: center; font-size: 12px; color: #5a4926; text-decoration: none !important; border: 1px dotted #c98c3a; margin-top: 10px; }
.pro_left_zi_list>a:hover { color: #c98c3a; }
.pro_right_img { position: relative; }
.pro_right_zi { width: calc(100% - 30px); height: 80px; background: rgba(201,140,58,0.05); position: absolute; top: calc(100% - 145px); overflow: hidden; opacity: 0; }
.pro_right_zi>a { display: block; width: 80px; position: absolute; bottom: 10px; left: 50%; margin-left: -40px; line-height: 28px; text-align: center; font-size: 12px; color: #5a4926; text-decoration: none !important; border: 1px dotted #c98c3a; margin-top: 10px; display: none; }
.pro_right_zi>a:hover { color: #c98c3a; }

@media (max-width: 767px) {
.pfenlei1 { width: 100%; }
.pro1_nr_tu { margin-top: 20px !important; }
.pfenlei1 span { font-size: 18px; }
.pfenlei1>ul>li a { font-size: 14px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.pfenlei1 { width: 100%; }
.pro1_nr_tu { margin-top: 20px !important; }
}
/**/
.pro_left1 { width: 100%; background: url(../images/p-left-bg.png) repeat; padding: 30px 0; overflow: hidden; }
.pro_left1_img { width: 70%; margin: 0 auto; position: relative; }
.pro_left1_list { width: 100%; position: absolute; top: 0; }
.pro_left1_list:first-child { position: relative; }
.pro_logo { width: 20px; position: absolute; bottom: 0; right: 0; }
.pro_logo1 { width: 20px; position: absolute; bottom: 0px; right: 0px; }
.pro_left1>ul { width: 42px; margin: 20px auto; padding: 0; }
.pro_left1>ul>li { float: left; width: 8px; height: 8px; border-radius: 10px; background: #FFF; margin: 0 3px; cursor: pointer; }
.pro_on { background: #c98c3a !important; }
.pro_left1_zi { width: 100%; margin-top: 50px; position: relative; }
.pro_left1_zi_list { width: 100%; text-align: center; display: none; }
.pro_left1_zi_list:first-child { display: block; }
.pro_left1_zi_list>h5 { font-size: 16px; color: #5a4926; }
.pro_left1_zi_list>a { display: block; width: 80px; line-height: 28px; margin: 0 auto; text-align: center; font-size: 12px; color: #5a4926; text-decoration: none !important; border: 1px dotted #c98c3a; margin-top: 10px; }
.pro_left1_zi_list>a:hover { color: #c98c3a; }

@media (max-width: 767px) {
.pro1_nr { padding-bottom: 50px; }
.pro1_nr_box { padding-top: 0 !important; }
.pro1_nr_banner { padding-top: 60px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.pro1_nr { padding-bottom: 100px; }
.pro1_nr_box { padding-top: 0 !important; }
.pro1_nr_banner { padding-top: 75px !important; }
.banner_ztcg1 { padding-top: 75px !important; }
}
/**/












.right_nav { position: fixed; right: 15px; top: 50%; }
.right_nav>ul>li { width: 14px; height: 14px; border: 1px solid #000; border-radius: 16px; cursor: pointer; margin: 20px 0; padding: 3px; }
.right_nav_on { width: 6px; height: 6px; background: #000; border-radius: 10px; }
.video { width: 90%; margin: 0 auto; position: relative; }
.video_icon { width: 5%; position: absolute; top: 45%; left: 50%; margin-left: -2.5%; z-index: 10; opacity: 0.6; }
.video1 { width: 90%; margin: 0 auto; }
.video_hei { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #000; z-index: 1; opacity: 0.6; }
.video_text { background: #fff; display: block; padding: 15px; position: relative; z-index: 10; text-align: center; }
.video_text h3 { margin: 0; font-size: 18px; }
.video_text p { font-size: 16px; color: #999; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 0px; }
.news_video1_nr { position: relative; top: 50px; opacity: 0; }
.video1_nr1 { position: relative; top: 50px; opacity: 0; }
.video1_nr2 { position: relative; left: -150px; opacity: 0; }
.video1_nr3 { position: relative; right: -150px; opacity: 0; }
.video1_nr4 { position: relative; right: -150px; opacity: 0; }
.video1_nr5 { position: relative; top: 50px; opacity: 0; }
.video1_nr6 { position: relative; top: 50px; opacity: 0; }
.video1_nr7 { position: relative; top: 50px; opacity: 0; }
.video_icon1 { width: 10%; position: absolute; top: 35%; left: 50%; margin-left: -5%; z-index: 10; opacity: 0.6; }
.video1_nr_x1 { overflow: hidden; }
.video1_nr_x2 { overflow: hidden; }

@media (max-width: 767px) {
.video { width: 100%; }
.video_text h2 { margin: 20px 0 !important; }
.video1_nr2_1 { height: auto !important; }
.content11 { padding-bottom: 30px !important; }
.video_text h2 { font-size: 16px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.video1_nr2_1 { height: auto !important; }
}
/**/
	
.hide_box { width: 900px; color: #999; display: none; z-index: 10000000; }
#testBox { position: absolute; bottom: 170px; z-index: 10000000; }
.con_hidex_box { width: 900px; float: left; padding-top: 15px; height: 380px; }
.hide_box1 { width: 900px; color: #999; display: none; }
#testBox1 { position: absolute; bottom: 170px; z-index: 10000000; }
.hide_box2 { width: 900px; color: #999; display: none; }
#testBox2 { position: absolute; bottom: 170px; z-index: 10000000; }
#testBox3 { position: absolute; bottom: 170px; z-index: 10000000; }
/**/









.design_inner { width: 100%; background: #fff; padding: 40px 0; padding-top: 100px; }
.design_inner_list { width: 60%; margin-bottom: 20%; position: relative; top: 80px; opacity: 0; }
.pailie1 { position: relative; left: 30%; }
.pailie2 { position: relative; left: 20%; }
.pailie3 { position: relative; left: 40%; }
.design_inner_list>h5 { color: #333; margin: 5px 0; margin-top: 15px; font-size: 14px; }
.design_inner_list>p { margin-bottom: 0; line-height: 20px; color: #666; }
.design_inner_list_img { position: relative; }
.design_inner_list_img>span { display: block; font-size: 100px; color: #c98c3a; position: absolute; font-weight: bold; font-family: "Times New Roman", Times, serif; }
.design_inner_list_img>h4 { text-align: center; font-size: 20px; color: #dadada; font-family: "Times New Roman", Times, serif; position: absolute; line-height: 20px; font-weight: bold; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
.store_1 { width: 100%; background: #f5f5f5; padding: 70px 0 20px 0; }
.store_1_left { background: #ddd; padding-bottom: 30px; position: relative; left: -150px; opacity: 0; }
.store_1_right { position: relative; right: -150px; opacity: 0; }
.store_1_left>h5 { font-size: 16px; text-align: center; color: #333; margin: 20px 0; }
.store_1_left>p { font-size: 13px; color: #666; width: 90%; margin: 0 auto; margin-bottom: 10px; }
.store_1_left>a { display: block; width: 120px; color: #333; font-size: 13px; margin-left: 5%; margin-top: 20px; }
.store_1_left>a:hover { color: #c98c3a; }
.store_phone { width: 100%; margin-top: 20px; border: 1px dotted #69696b; position: relative; top: 50px; opacity: 0; }
.store_phone>i { width: 40px; height: 40px; background: #19191b; font-size: 20px; color: #c98c3a; text-align: center; line-height: 40px; margin-right: 20px; }
.store_open { display: block; color: #666; line-height: 20px; position: relative; top: 50px; opacity: 0; }
.store_1_right>ul>li { line-height: 30px; }
.store_1_right>ul>li>a { display: block; width: 80px; line-height: 35px; float: right; border: 1px dotted #69696b; text-align: center; margin-top: 15px; color: #666; background: #f5f5f5; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.store_1_right>ul>li>a:hover { background: rgba(201,140,58,0.5); }
.store_1_right>ul>li>p { line-height: 30px; margin-bottom: 0; color: #333; font-size: 15px; margin-top: 20px; border-bottom: 1px dotted #69696b; }
.store_1_right>ul>li>p>span { font-size: 13px; }
.store_1_right_l1 { padding: 10px 0; }
.store_1_right_l1>span { display: block; float: left; font-size: 13px; color: #333; font-weight: bold; }
.chengshi { width: calc(100% - 100px); float: right; color: #666; line-height: 30px; border: 1px dotted #69696b; padding: 3px 15px; cursor: pointer; position: relative; }
.chengshi>div { float: right; font-size: 16px; padding-top: 5px; }
.chengshi>ul { width: 100%; position: absolute; top: 100%; left: 0; padding: 0; margin: 0; border-left: 1px dotted #69696b; border-right: 1px dotted #69696b; display: none; max-height: 310px; overflow-y: auto; }
.chengshi>ul>li { line-height: 30px; text-align: center; border-bottom: 1px dotted #69696b; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #fff; }
.chengshi>ul>li>a { color: #666; }
.chengshi>ul>li:hover { background: rgba(201,140,58,0.5); }
.store_fanhui a { display: block; width: 120px; line-height: 35px; border: 1px dotted #69696b; text-align: center; margin-top: 50px; color: #666; background: #fff; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.store_fanhui a:hover { color: #FFF; background: rgba(201,140,58,0.5); }
.store_2 { width: 100%; background: #f5f5f5; padding-bottom: 70px; }
.store_2_down { width: 90%; position: relative; top: -50px; left: 5%; background: #fff; display: block; height: 450px; padding: 30px; }
.store_2_bt { line-height: 30px; font-size: 24px; color: #666; margin-bottom: 30px; }
.store_2_down .col-sm-4 { margin: 20px 0; }
.store_2_down h4 { font-size: 16px; }
.store_2_down p { font-size: 14px; color: #666; }

/*sto*/

@media (max-width: 767px) {
.store_2_bt { font-size: 18px; margin-bottom: 10px; }
.store_2_down h4 { font-size: 14px; }
.store_2_down p { font-size: 12px; }
.store_2_down { padding: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
.about_2 { margin: 0px 0; }
.about_2 h2 { margin-top: 0px; }
.about_2_sub { width: 100%; /*background:url(../images/bga.jpg) center no-repeat;*/
background: #eff1f3; height: 380px; margin-bottom: 80px; background-size: cover; }
.lc_con { width: 300px; padding: 50px 20px 40px 20px; background: #171a1f; margin-top: 50px; opacity: 0; }
.lc_con>a { text-decoration: none !important; }
.lc_con h3 {  line-height: 25px; color: #eee !important; font-size: 16px; }
.lc_con>a { font-size: 14px; color: #999 !important; letter-spacing: 1px; text-decoration: underline !important; line-height: 30px; }
.lc_list { position: absolute; right: 10%; top: 3%; width: calc(85% - 300px); padding-top: 30px; }
.lc_list1 img { width: 100%; }
.lc_list>ul { padding: 0; margin: 0; width: 100%; }
.lc_list>ul>li { width: 31.33%; float: left; margin-right: 2%; position: relative; top: 50px; opacity: 0; }
.lc_list1 { width: 100%; margin: 0 auto; position: relative; }
.lc_list1>p { font-size: 14px; color: #eee;  }
.lc_list1>h5 { font-size: 25px; color: #666; text-align: center; background: #e2e6ea; height: 60px; line-height: 60px; display: block; margin: 0px; width: 100%; }
.lc_list1>h5 a { font-size: 25px; color: #666; text-align: center; }
.lc_list1 font { font-size: 12px; display: block; text-align: center; display: none; }
.lc_list2 { width: 60%; margin: 0 auto; position: relative; }
.lc_list3 { width: 60%; margin: 0 auto; position: relative; }
.lc_list2>h5 { font-size: 25px; color: #666; text-align: center; margin: 15px 0; }
.lc_list3>h5 { font-size: 25px; color: #666; text-align: center; margin: 15px 0; }
.lc_list2>p { font-size: 14px; color: #eee; margin: 0x 0 15px 0;  line-height: 25px; background: rgba(23, 26, 31, 0.4) none repeat scroll 0 0 !important; filter: Alpha(opacity=40); background: #fff; padding: 20px; }
.lc_list3>p { font-size: 14px; color: #eee; margin: 15px 0;  line-height: 25px; background: rgba(23, 26, 31, 0.4) none repeat scroll 0 0 !important; filter: Alpha(opacity=40); background: #fff; padding: 20px; }

@media (max-width: 767px) {
.about_2_sub { height: auto; margin-bottom: 30px; padding-bottom: 0px; }
.lc_con { width: 100%; margin-top: 20px; padding: 20px 15px; background-color: #fff; }
.lc_con h3 { font-size: 14px !important; margin-top: 10px; color: #333 !important; }
.lc_con>a { font-size: 13px; }
.lc_list { position: relative; right: 0; top: 0; width: 100%; padding-top: 30px; }
.about_2>h2 { font-size: 20px; }
.lc_list>ul>li { width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
.about_3 { width: 100%; margin-bottom: 70px; background: #f5f5f5; }
.about_3_text { margin-top: 50px; }
.about_3_text h5 { }
.about_3_text p { font-size: 14px; color: #999; margin-top: 0px; margin-bottom: 25px;  }
.design_left>a { display: block; width: 180px; text-align: center; line-height: 35px; text-decoration: none !important; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; position: relative; z-index: 10; margin-top: 20px; }
.design_left>a:hover { }
.design_left { width: 60%; margin: 0 auto; padding-top: 11%; position: relative; left: -150px; opacity: 0; }
.design_right { position: relative; right: -150px; opacity: 0; }
.design_left>h5 {  font-size: 25px; letter-spacing: 2px; padding-bottom: 15px; }
.design_left>h5 a {  font-size: 36px; color: #333; letter-spacing: 2px; }
.design_left>h5 a:hover { text-decoration: none; }
.design_left>p {  font-size: 14px; color: #888; line-height: 28px; letter-spacing: 1px; }

@media (max-width: 767px) {
.about_3 { margin-bottom: 30px; }
.design_left { width: 100%; margin-bottom: 20px; padding: 0 15px; padding-top: 20px; }
.design_right { padding: 0 15px; margin-bottom: 15px; }
.design_left>h5 a { font-size: 20px !important; }
.about_3_text { margin-top: 20px; }
.about_3_text>h4 { font-size: 14px; }
.about_3_text p { font-size: 12px; margin-bottom: 10px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.design_left { width: 90%; margin-bottom: 30px; padding-top: 6%; }
}
/*--about_4--*/


/*.about_4 {
	width: 100%;
	padding-bottom:28%;
	position: relative;
	border-top: 1px solid #ddd;
	background:#272727;
	
}
*/
.about_4 { width: 100%; text-align: center; }
.about_4 img { margin: 50px 0 0px 0; }
.about_4_1 { width: 100%; padding-bottom: 50%; position: relative; border-top: 1px solid #ddd; background: #272727; }
.hon_up { height: 350px; background: url(../images/hon_bg.jpg) center no-repeat; background-size: cover; text-align: center; }
.hon_up_bg { height: 130px; background: #fff; }
.hon_up_xian { display: block; height: 100px; width: 1px; background: #fff; position: absolute; left: 50%; margin-left: .5px; }
.hon_up_xian1 { display: block; height: 100px; width: 1px; background: #000; position: absolute; left: 50%; top: 30px; margin-left: .5px; }
.hon_up_text { color: #fff; padding-top: 120px; }
.hon_down { width: 85%; position: relative; left: 50%; margin-left: -42%; top: 50px; }
.hon_down .col-sm-3 { margin-bottom: 30px; }
.hon_down1 { padding: 8%; margin: 0 5%; background: #3b3b3b; }
.hon_down_text { padding: 30px 0; border-bottom: 1px solid #444; }
.hon_down_text h4 { color: #666; }
.hon_down_text p a { color: #666; }

@media (max-width: 767px) {
.about_4 { padding-bottom: 0px; }
.hon_up { height: auto; }
.hon_up_bg { height: 50px; }
.hon_up_xian { height: 50px; }
.hon_up_xian1 { height: 30px; top: -30px; }
.hon_up_text { padding-top: 60px; }
.hon_up_text>h2 { font-size: 20px !important; margin-top: 10px; }
.hon_down { width: 85%; position: relative; left: 0; margin-left: 0; top: 0px; margin: 0 auto; margin-top: 20px; padding-bottom: 20px; }
.hon_down1 { margin: 0%; }
.hon_down_text { border: none; padding: 10px 0; }
.hon_down_text h4 { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
/* dashi */
.dashi { overflow: hidden; }
.dashiimg { display: block; float: left; width: 50%; position: relative; left: -150px; opacity: 0; }
.dashicon { float: left; width: 50%; padding: 10%; position: relative; right: -150px; opacity: 0; }
.dashicon h1 { font-size: 26px; margin-bottom: 45px; line-height: 32px; }
.dashicon p { font-size: 18px; line-height: 28px;  margin-bottom: 30px; }
.dashicon a { display: block; width: 164px; height: 73px; line-height: 73px; font-size: 15px; letter-spacing: 1px; text-align: center; border: 1px solid #ddd; color: #666; background: url(../images/youjiantou.jpg) no-repeat right center; }
.dashicon a:hover { background: #666; color: #FFF; }
.clear { clear: both; }
/* dashi */





/*pro*/

 
.show_list { width: 85%; margin: 0 auto; }
.show_list1, .show_list2, .show_list3, .show_list4, .show_list5 { float: left; position: relative; }
.show_list1>img, .show_list2>img, .show_list3>img, .show_list4>img, .show_list5>img { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
/*	
	
.bg_text{
	position:absolute;
	top:40%;
	left:35%;
	text-align:center;
	color:#fff;
	z-index:999999999999;
	color:#fff;}
	
.bg_text1{
	position:absolute;
	top:40%;
	left:35%;
	text-align:center;
	color:#fff;
	z-index:999999999999;
	color:#fff;}
	
.bg_text>h3{
	opacity:0;
	top:-50px;
	position:relative;
	font-family:"PlayfairDisplay-Italic";
	}
	
.bg_text>p{
	opacity:0;
	bottom:-50px;
	font-size:18px;
	margin-top:10px;
	position:relative;
	font-family:"Didot-Bold";
	}
	


.bg_text1>h3{
	position:relative;
	font-family:"PlayfairDisplay-Italic";
	}
	
.bg_text1>p{
	font-size:18px;
	margin-top:10px;
	position:relative;
	font-family:"Didot-Bold";
	}*/
	
/*.show_list{
	margin-top:2%;}	
	
.show_list2{
	width:53%;
	margin:0 auto;
	padding-top:1%;}	
	*/

	
.show_list { width: 100%; margin: 0 auto; background: #212121; }
.show_list1_con, .show_list2_con, .show_list3_con, .show_list4_con, .show_list5_con { width: 100%; position: relative; overflow: hidden; }
.show_list_con_bg { width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; display: block; position: absolute; top: 0; left: 0; }
.show_list_shadow { box-shadow: 0px 0px 10px rgba(0,0,0,0.6) !important; -webkit-transition: 0.5s linear !important; -moz-transition: 0.5s linear !important; -ms-transition: 0.5s linear !important; -o-transition: 0.5s linear !important; transition: 0.5s linear !important; }
.show1_next { width: 70px; height: 70px; background: url(../images/jt.png) no-repeat; cursor: pointer; top: 50%; right: 15px; position: absolute; margin-top: -35px; z-index: 99999; }
.show1_prev { width: 70px; height: 70px; background: url(../images/jt_left.png) no-repeat; cursor: pointer; position: absolute; top: 50%; left: 15px; margin-top: -35px; z-index: 99999; }

@media (max-width: 767px) {
.show1_next { width: 40px; height: 40px; background: url(../images/jt_xp.png) no-repeat !important; }
.show1_prev { width: 40px; height: 40px; background: url(../images/jt_left_xp.png) no-repeat !important; }
}
.product1-qiehuan { position: absolute; background: #000; left: 0px; bottom: 0px; width: 387px; height: 60px; z-index: 10; }
.product1-qiehuan p { color: #ccc; display: block; margin-left: 50px; font-size: 16px; letter-spacing: 2px; line-height: 30px; margin-top: 15px; font-weight: bold; }
.pro1_prev, .pro2_prev, .pro3_prev, .pro4_prev, .pro5_prev { width: 30px; height: 30px; background: url(../images/jiantou-left.png) no-repeat; cursor: pointer; position: absolute; top: 15px; right: 45px; z-index: 10; }
.pro1_next, .pro2_next, .pro3_next, .pro4_next, .pro5_next { width: 30px; height: 30px; background: url(../images/jiantou-right.png) no-repeat; cursor: pointer; top: 15px; right: 15px; position: absolute; z-index: 10; }
.show_list1_box, .show_list2_box, .show_list3_box, .show_list4_box, .show_list5_box { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.show_list { margin-top: 2%; position: relative; }
.pic_bg { width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; top: 0; left: 0; }
.pblank { height: 260px; background: #FFF; position: absolute; z-index: 10; bottom: 0px; width: 100%; padding: 8%; }
.pblank p { font-size: 14px; color: #666; line-height: 25px; }
.pblank a { color: #999; text-decoration: underline; }
.pblank1 { height: 120px; background: #FFF; position: absolute; bottom: 0px; width: 100%; padding: 8%; text-align: center; }
.pblank1 p { font-size: 14px; color: #666; line-height: 25px; }
.pblank1 a { color: #999; text-decoration: underline; ; }

@media (max-width: 767px) {
.pblank h2 { font-size: 18px !important; margin: 0px; }
.pblank { height: auto; padding: 15px; }
.pblank p { font-size: 12px; line-height: 22px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.pblank h2 { font-size: 25px !important; margin: 0px; }
.pblank { height: auto; padding: 25px; }
.pblank p { font-size: 14px; line-height: 25px; }
}
/*pro*/




/* chugui */

.chugui_in { width: 100%; }
.chugui_in ul li { width: 49%; float: left; position: relative; overflow: hidden; }
.chugui_in ul li a { display: block; overflow: hidden; }
.chugui_in ul li a img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
.chugui_in ul li a img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.lijianju { margin-right: 2%; }
.chugui_in_name { height: 80px; background: #fff; }
.chugui_in_name p { font-size: 18px; float: left; }
.chugui_in_name p a { font-size: 18px; padding: 30px; color: #000; }
.chugui_in_name p a:hover { color: #a6835b; }
.chugui_in_name span { float: right; display: block; margin-top: 30px; padding-right: 20px; color: #ccc; font-size: 14px; }

/* chugui */
@media (max-width: 767px) {
.chugui_in_name { height: auto; }
.chugui_in ul li { width: 100%; }
.chugui_in_name p a { padding: 20px; font-size: 15px; }
.chugui_in_name span { margin-top: 20px; font-size: 14px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.chugui_in_name { height: auto; }
.chugui_in_name p a { padding: 20px; }
.chugui_in_name span { margin-top: 20px; }
}
/*********vip**********/
.vip_banner { position: relative; top: 50px; opacity: 0; }
.vip { width: 90%; background: #FFF; position: relative; left: 5%; top: -70px; height: 600px; padding: 80px 0 100px 0; opacity: 0; }
.vip-left h2 { color: #333; text-transform: uppercase; font-size: 28px; letter-spacing: 2px; line-height: 40px; margin-top: 20px; }
.vip_in>p { font-size: 16px; letter-spacing: 2px; }
.vip_in { width: 500px; margin: 30px auto; position: relative; }
.vip_in>input { width: 100%; height: 45px; font-size: 14px; width: 380px; height: 31px; color: #000; border: 1px solid #ddd; }
.denglu { display: block; width: 131px; height: 35px; line-height: 35px; text-align: center; background: #666; font-size: 16px; color: #fff !important; }
.vip-left { float: left; width: 400px; margin-right: 200px; }
.vip-right { float: left; width: 190px; }
.vip-right h2 { color: #333; text-transform: uppercase; font-size: 28px; letter-spacing: 2px; line-height: 40px; margin-top: 20px; margin-bottom: 20px; }
.vip-right p { margin-bottom: 20px; }
.vip-right>p { margin-bottom: 20px; font-size: 14px; }

@media (max-width: 767px) {
.vip-left { width: 100%; margin-right: 0px; }
.vip-left h2 { font-size: 18px !important; margin: 0; }
.vip_box { width: 100% !important; overflow: hidden; }
.vip { padding: 15px 15px; top: -30px !important; margin-right: 0; padding-bottom: 0 !important; height: auto; }
.vip_in { width: 100%; margin: 10px 0; }
.vip_in>p { font-size: 14px; }
.vip_in>input { width: 100%; }
.vip-right { margin-top: 30px; }
.vip-right h2 { font-size: 18px !important; margin: 0; }
}

@media (min-width: 768px) and (max-width: 991px) {
.vip_box { width: 100% !important; }
.vip { padding: 15px 15px; margin-right: 0; }
}
/*****//****vip*****//*****/

.fazhan { margin: 30px 0; position: relative; }
.liin_xian_box { width: 100%; background: #FFF; padding: 80px 0 50px 0; height: 2px !important; position: relative; z-index: 9999999999999999; background: #eff1f3; }
.liin_xian_con { width: 100%; height: 2px; background: url(../img/ui/bg_footer.png) repeat; position: relative; }
.liin_xian_box_fixed { position: fixed; top: 90px; }

@media (max-width: 767px) {
.liin_xian_box_fixed { top: 60px; }
.fazh { padding: 30px 0 !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.liin_xian_box_fixed { top: 75px; }
.fazh { padding: 60px 0 !important; }
}
.liin_xian { margin: 0 auto; position: relative; }
.liin_xian>ul { width: 100%; margin: 0; position: relative; top: -7px; }
.liin_xian>ul>li { width: 9.090909%; float: left; text-align: center; }
.liin_xian>ul>li>i { font-size: 12px; color: #c98c3a; }
.rq { position: absolute; top: -40px; width: 80px; height: 80px; background: #fff; border-radius: 80px; padding-top: 16px; }
.rq_xian { width: 1px; height: 130px; background: #c98c3a; position: absolute; left: 50%; top: -40px; z-index: -1; }
.rq>p { font-size: 14px; text-align: center; margin: 0; color: #c98c3a; }
.fazhan_img { text-align: center; position: relative; top: 50px; opacity: 0; }
.fazhan_img>img { width: 100%; }
.fazhan_zi { position: relative; top: 50px; left: 20px; opacity: 0; }
.fazhan_zi>p { width: 90%; }
.fazh { padding: 120px 0; border-bottom: 1px solid #e5e5e5; }
.about1_nr1 { width: 100%; }
.ab1_sub { position: relative; }
.ab1_sub_img { width: 97%; margin: 0 auto; z-index: 100; position: relative; z-index: 100; }
.ab1_bg { width: 100%; top: 50%; left: 0%; background: #a0a0a0; position: relative; top: -60px; z-index: 10; }
.ab1_text { width: 70%; border: 1px solid #ddd; text-align: center; color: #fff !important; position: absolute; left: 15%; z-index: 1000; }
.ab1_text_ico1 { width: 103px; float: left; margin: 50px 0 0 30px; }
.ab1_text_ico2 { width: 103px; float: right; margin: -20px 30px 30px 0; }
.ab1_text h2 { font-size: 24px; padding-top: 7%; }
.ab1_text p { width: 65%; font-size: 14px; margin: 0 auto; color: #fff; line-height: 30px; padding-top: 2%; text-align: left; }

@media (max-width: 767px) {
.ab1_text { width: 90%; left: 5%; padding: 0 15px; padding-bottom: 20px; }
.ab1_text h2 { font-size: 20px; }
.ab1_text p { width: 100%; font-size: 12px; line-height: 22px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.ab1_text { width: 80%; left: 10%; }
}
.about1_nr2 { padding: 90px 0; background: #e4e4e4; }
.about1_nr2_box { width: 70% !important; margin: 0 auto; }
.about1_nr2 h2 { text-align: center; margin-bottom: 70px; margin-top: 0px; }
.about1_nr2 h3 { font-size: 24px; }
.ab2_tu1 { margin-bottom: 60px; }
.ab2_text1 { padding: 10% 5% !important; }
.ab2_text2 { padding: 10% 5% !important; }
.ab2_text2 h3 { line-height: 30px; padding-bottom: 20px; }
.ab2_text2 p { font-size: 14px; }
.about1_nr3 { padding: 70px 0; background: #8d8d8d; }
.ab3_text { width: 70%; margin: 0 auto; color: #fff; padding-bottom: 3%; }
.ab3_text h2 { padding-bottom: 3%; text-align: center; }
.ab3_text p { text-indent: 2em; }
.about1_nr4 { margin: 50px 0 0px 0; text-align: center; display: block; border-bottom: 1px solid #ddd; }
.about1_nr4>div { padding-bottom: 50px; }
.about1_nr4 h2 { text-align: center; margin-bottom: 50px; }
.about1_nr4 h4 { font-size: 18px; color: #333; }
.about1_nr4 h3 { font-size: 18px; color: #333; }
.about1_nr4 p a { font-family: 'ralewaythin'; font-size: 14px; color: #999; padding-bottom: 30px; }
.about1_nr4 p a:hover { color: #044477; }
.about1_nr5 { padding-top: 50px; text-align: center; }
.about1_nr5 p { padding: 20px 0 30px 0; }
.about1_nr5_1 { width: 70%; margin: 0 auto; margin-bottom: 50px; }

@media (max-width: 767px) {
.about1_nr2 { padding: 30px 15px; }
.about1_nr2 h2 { margin-bottom: 20px; }
.about1_nr2_box { width: 100% !important; }
.about1_nr2_box>h2 { font-size: 20px; }
.ab2_text1 { padding: 20px 15px 0 15px !important; }
.ab2_text1 h3 { font-size: 16px; margin-top: 0; }
.ab2_text1 p { font-size: 13px; }
.about1_nr3 { padding: 30px 15px; }
.ab3_text>h2 { font-size: 20px !important; }
.ab3_text { width: 100%; }
.cxyf_box { width: 100% }
.cxyf_next>img { width: 40px; }
.cxyf_prev>img { width: 40px; }
.about1_nr4 { margin-top: 30px; padding: 0 15px; }
.about1_nr4>div { padding-bottom: 30px; }
.about1_nr4 h2 { font-size: 20px !important; margin-bottom: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.about1_nr2 { padding: 60px 0; }
.about1_nr2 h2 { margin-bottom: 40px; }
.about1_nr2_box { width: 80% !important; }
.about1_nr3 { padding: 60px 0; }
}
/*yingxiaoditu*/
.neiye_neirongqu { margin: 0 auto; }
.neiye_neirongqu li { width: 33.33%; font-family: '微软雅黑'; font-size: 18px; letter-spacing: 0.03em; float: left; color: #e60012; display: block; height: 60px; line-height: 60px; text-align: center; }
.neiye_neirongqu li a { font-family: '微软雅黑'; color: #5b5c5e; display: block; background-color: #242322; }
.neiye_neirongqu li a.on { background-color: #000; color: #e60012; }
.neiye_neirongqu li a:hover { background-color: #000; color: #e60012; display: block; }
.map1 { position: relative; }
.map1_zi { color: #044477 }
.gj1 { position: absolute; top: 100px; left: 170px; z-index: 1000; }
.gj2 { position: absolute; top: 244px; left: 243px; z-index: 1000; }
.gj3 { position: absolute; top: 272px; left: 520px; z-index: 1000; }
.gj4 { position: absolute; top: 200px; left: 580px; z-index: 1000; }
.gj5 { position: absolute; top: 88px; left: 560px; z-index: 1000; }
.gj6 { position: absolute; top: 170px; left: 614px; z-index: 1000; }
.gj7 { position: absolute; top: 160px; right: 150px; z-index: 1000; }
.gj8 { position: absolute; bottom: 80px; right: 50px; z-index: 1000; }
.gj9 { position: absolute; top: 160px; left: 170px; z-index: 1000; }
.gj10 { position: absolute; top: 200px; left: 180px; z-index: 1000; }
.gj11 { position: absolute; top: 212px; left: 280px; z-index: 1000; }
.gj12 { position: absolute; top: 250px; left: 300px; z-index: 1000; }
.gj13 { position: absolute; top: 365px; left: 320px; z-index: 1000; }
.gj14 { position: absolute; top: 77px; left: 435px; z-index: 1000; }
.gj15 { position: absolute; top: 90px; left: 530px; z-index: 1000; }
.gj16 { position: absolute; top: 90px; left: 590px; z-index: 1000; }
.gj17 { position: absolute; top: 130px; right: 160px; z-index: 1000; }
.gj18 { position: absolute; top: 104px; left: 520px; z-index: 1000; }
.gj19 { position: absolute; top: 125px; left: 520px; z-index: 1000; }
.gj20 { position: absolute; top: 135px; left: 490px; z-index: 1000; }
.gj21 { position: absolute; top: 155px; left: 480px; z-index: 1000; }
.gj22 { position: absolute; top: 110px; left: 480px; z-index: 1000; }
.gj23 { position: absolute; top: 115px; left: 500px; z-index: 1000; }
.gj24 { position: absolute; top: 185px; left: 500px; z-index: 1000; }
.gj25 { position: absolute; top: 240px; left: 483px; z-index: 1000; }
.gj26 { position: absolute; top: 140px; left: 515px; z-index: 1000; }
.gj27 { position: absolute; top: 142px; left: 570px; z-index: 1000; }
.gj28 { position: absolute; top: 172px; left: 595px; z-index: 1000; }
.gj29 { position: absolute; top: 180px; left: 598px; z-index: 1000; }
.gj30 { position: absolute; top: 168px; left: 600px; z-index: 1000; }
.gj31 { position: absolute; top: 168px; left: 640px; z-index: 1000; }
.gj32 { position: absolute; top: 200px; left: 610px; z-index: 1000; }
.gj33 { position: absolute; top: 200px; left: 650px; z-index: 1000; }
.gj34 { position: absolute; top: 265px; right: 339px; z-index: 1000; }
.gj35 { position: absolute; top: 245px; right: 328px; z-index: 1000; }
.gj36 { position: absolute; top: 205px; right: 328px; z-index: 1000; }
.gj37 { position: absolute; top: 200px; right: 300px; z-index: 1000; }
.gj38 { position: absolute; top: 225px; right: 265px; z-index: 1000; }
.gj39 { position: absolute; top: 225px; right: 245px; z-index: 1000; }
.gj40 { position: absolute; top: 290px; right: 245px; z-index: 1000; }
.gj41 { position: absolute; top: 200px; right: 210px; z-index: 1000; }
.gj42 { position: absolute; top: 215px; left: 293px; z-index: 1000; }
.gj43 { position: absolute; top: 189px; right: 370px; z-index: 1000; }
.gj44 { position: absolute; bottom: 120px; right: 170px; z-index: 1000; }
.gj45 { position: absolute; top: 146px; right: 440px; z-index: 1000; }
.gj46 { position: absolute; top: 182px; right: 423px; z-index: 1000; }
.gj47 { position: absolute; top: 177px; right: 465px; z-index: 1000; }
.gj48 { position: absolute; top: 250px; right: 267px; z-index: 1000; }
.gj49 { position: absolute; top: 195px; right: 415px; z-index: 1000; }
#WorldMap { position: relative; left: 50%; margin-left: -550px; }

@media(mix-width:1200px) {
.about1_nr5_1 { width: 97%; margin: 0 auto; }
}
/*yingxiaoditu*/










	
	
	
.about1_nr6 { padding: 70px 0; background: #f5f5f5; }
.m6_bg { position: relative; }
.m6_bg .col-md-5 { position: absolute; right: 0px; top: 20%; background: #fff; padding: 5%; }
.m6_text { width: 26%; position: absolute; right: 0px; top: 65.8%; background: #525252; color: #fff; text-align: center; }
.m6_text_r { width: 77%; font-size: 22px; line-height: 90px; float: right; }
.m6_text_l { width: 23%; line-height: 90px; float: right; font-size: 44px; background: #333; }
.about1_nr7 { padding-top: 70px; }
.about1_nr7 h2 { text-align: center; margin-bottom: 50px; }
.about1_nr7 p { padding: 15px; }

@media (max-width: 767px) {
.m6_bg .col-md-5 { position: relative; right: 0px; top: 0%; background: #fff; padding: 5%; }
.about1_nr2_box { width: 100% !important; }
.about1_nr6 { padding: 30px 0; }
.m6_text { width: 50%; position: relative; right: 0px; top: 0%; background: #525252; color: #fff; text-align: center; }
.m6_bg .col-md-5>h2 { font-size: 20px !important; }
.m6_bg .col-md-5>p { font-size: 13px; }
.m6_text_r { font-size: 14px !important; }
.m6_text_l { font-size: 35px !important; }
.about1_nr7 { padding-top: 30px; }
.about1_nr2_box>div>h2 { font-size: 20px !important; margin-top: 10px; margin-bottom: 20px; }
.content1 { padding-bottom: 60px; }
.content11 { padding-top: 60px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.m6_bg .col-md-5 { position: relative; right: 0px; top: 0%; background: #fff; padding: 5%; }
.about1_nr2_box { width: 85% !important; }
.about1_nr6 { padding: 50px 0; }
.m6_text { width: 26%; position: relative; right: 0px; top: 0%; background: #525252; color: #fff; text-align: center; }
.about1_nr7 { padding-top: 50px; }
.content1 { padding-bottom: 60px; }
.content11 { padding-top: 75px !important; }
}
/*join_z*/	
.join_z { width: 97%; margin: 0 auto; }
.join_z_r .caption { padding-right: 5%; }
.join_z h4 { font-size: 14px; font-weight: bold; color: #333; }
.join_z p { font-size: 14px; color: #666; }
.join_z_l { position: relative; }
.join_z_l_1 { width: 50%; position: absolute; top: 15%; left: 50%; margin-left: -25%; }
.join_z_ico { width: 30%; margin: 0 auto; }
.join_z_l_1 h4 { font-family: 'ralewaythin'; font-size: 38px; line-height: 40px; color: #333; font-weight: bold; text-align: center; }
.join_z1 { width: 97%; margin: 0 auto; margin-top: 70px; }
.join_z1_x2 { margin-bottom: 10px; }
.join_z1_x1 { position: relative; }
.join_z1_text { width: 100%; position: absolute; top: 45%; z-index: 100; text-align: center; opacity: 0; }
.join_z1_x1 h2 { width: 100%; font-size: 36px; color: #fff; }
.join_z1_x1 p { width: 100%; font-size: 12px; color: #eee; letter-spacing: 1px; line-height: 25px; }
.join_z1_hei { width: 100%; height: 100%; background: #000; position: absolute; top: 0px; opacity: 0; z-index: 1; }

@media (max-width: 768px) {
.join_z1_text { opacity: 1; top: 30%; }
.join_z1_hei { opacity: 0.6; }
.join_z1 { width: 97%; margin: 0 auto; margin-top: 20px; }
.join_z1_x2 { margin-bottom: 20px; }
.join_z1_x1 { margin-bottom: 20px; }
.content1 { padding-bottom: 20px; }
}
.join_z1_x1_img { width: 100%; overflow: hidden; }
.join_z1_x1_img>img { -webkit-transition: -webkit-transform 0.6s linear; -moz-transition: -moz-transform 0.6s linear; -ms-transition: -ms-transform 0.6s linear; -o-transition: -o-transform 0.6s linear; transition: transform 0.6s linear; }
.join_z1_x1:hover .join_z1_x1_img>img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 767px) {
.join_z_l_1 { width: 100%; left: 0%; margin-left: -0%; }
.join_z_l_1 h4 { font-size: 18px; line-height: 30px; }
.join_z p { font-size: 12px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
/*join1_nr*/	
.join1_nr { }
.join1_nr_bg { background: url(../images/join1_bg.jpg) no-repeat left top; }
.join1_nr_bg h2 { color: #fff; text-align: center; padding-top: 8%; }
.join1_nr_sub { width: 87%; margin-top: 10% !important; margin: 0 auto; background: #fff; }
.join1_nr_sub1 { margin-top: 80px; }
.join1_nr_text { padding: 0% 2%!important; text-align: center; background: #f5f5f5; }
.join1_nr_text h4 {  font-size: 18px; color: #333; padding-top: 26%; }
.join1_nr_text p { font-size: 14px; color: #666; line-height: 25px; }
.join1_nr_more { margin-top: 20px; }
.join1_nr_more a { width: 50%; margin: 0 auto; display: block; border: 1px solid #ddd; line-height: 35px; font-size: 12px; color: #999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.join1_nr_more a:hover { color: #fff; background: #999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.w79 { width: 87% !important; margin: 0 auto; }

@media (max-width: 767px) {
.join1_nr_sub { width: 100%; }
.join1_nr_sub1 { margin: 15px 0 !important; }
.w79 { width: 100% !important; margin: 0 auto; padding: 0 15px !important; }
.join1_nr_text { padding: 30px 2%!important; }
.join1_nr_text h4 { padding-top: 0; }
.join1_nr_bg h2 { font-size: 18px; padding-top: 20%; padding-bottom: 5%; }
}

@media (min-width: 768px) and (max-width: 991px) {
.w79 { width: 93% !important; margin: 0 auto; }
.join1_nr_sub { width: 93%; }
}
/*join1_nr1*/	
.join1_nr1 { }
.join1_nr1 h2 { text-align: center; margin: 70px 0; }
.join1_sub { width: 100%; height: 300px; background: url(../images/join1_bg2.jpg) no-repeat 50% 130px; background-size: 76%; text-align: center; }
.join1_sub1_ico { width: 85px; margin: 0 auto; }
.join1_sub1 h3 { margin: 20px 0 50px 0; }
.join1_sub1 p { font-size: 16px; line-height: 30px; color: #666; }
/*join1_nr2*/	
.join1_nr2 { background: #f0f0f2; padding-top: 70px; }
.join1_nr2 h2 { text-align: center; margin-bottom: 70px; }
.j2_text { background: #fff; padding: 50px 70px; }
.j2_text1 { background: #fff; padding: 50px 70px; }
.join1_nr2_down { height: 150px; background: #dddce2; margin-top: 50px; }
/*join1_nr2*/	
.join1_nr3 { padding-top: 70px; }
.join1_nr3 h2 { text-align: center; margin-bottom: 70px; }
.j3_text { text-align: center; padding: 45px 0; position: relative; z-index: 1; }
.j3_text>i { color: #333; font-size: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; }
.j3_text>h3 { color: #666; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; margin: 20px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.j3_text>p { width: 100%; color: #666; position: absolute; top: 140px; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.j3_text_con { position: relative; cursor: pointer; margin-top: 30px; }
.j3_text_con_bg { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; background: #eaeaea; border: 1px solid #aeaeae; z-index: 0.9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.j3_text_con:hover .j3_text_con_bg { background: #F5F5F5; top: -10%; left: 0px; bottom: -10%; }
.j3_text_con:hover .j3_text>p { color: #666; opacity: 1; top: 130px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.join1_nr4 { margin-top: 70px; }
.join1_nr4 h2 { text-align: center; }
.j4_sub { width: 58%; margin: 0 auto; border: 4px solid #f5f5f5; padding: 5%; text-align: center; }
.j4_ico { width: 126px; margin: 0 auto; }
.j4_rx { width: 260px; margin: 0 auto; height: 68px; font-size: 24px; color: #fff; background: #666; line-height: 68px; text-align: center; margin-top: 20px; }

@media (max-width: 767px) {
.join1_nr1 h2 { font-size: 20px !important; margin: 30px 0; }
.join1_nr2 h2 { font-size: 20px !important; }
.join1_sub1 { margin-bottom: 15px; }
.join1_sub { height: auto; background: none; }
.join1_sub1>h3 { margin-bottom: 20px; }
.join1_nr2 { padding-top: 20px; }
.join1_nr2 h2 { margin-bottom: 30px; }
.j2_text { padding: 10px 20px !important; }
.j2_text1 { padding: 10px 20px !important; }
.j2_text1>h3 { font-size: 16px !important; }
.j2_text1>p { font-size: 12px !important; }
.j2_text>h3 { font-size: 16px !important; }
.j2_text>p { font-size: 12px !important; }
.join1_nr2_down { height: 80px; background: #dddce2; margin-top: 30px; }
.join1_nr3 { padding-top: 20px; }
.join1_nr3 h2 { margin-bottom: 10px; font-size: 20px; }
.join1_nr4 { margin-top: 40px; }
.join1_nr4 h2 { font-size: 20px !important; }
.j4_sub { width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
/*join2_nr*/	
.join2_nr { position: relative; margin-top: 70px; }
.join2_sub { width: 37%; position: absolute; left: 7%; top: 10%; background: #FFF; padding: 4% 3%; }
.join2_sub h2 { margin-bottom: 30px; text-align: center; }
.j2_ico { width: 99px; margin: 0 auto; margin-bottom: 30px; text-align: center; }
.join2_sub p { padding-left: 37%; }
/*join2_nr1*/	
.join2_nr1 { }
.join2_sub1 { padding: 10% 20%; }
.join2_sub1 h2 { margin-bottom: 30px; text-align: center; }
.j2_ico { width: 99px; margin: 0 auto; margin-bottom: 30px; text-align: center; }
.join2_sub1 h5 { font-size: 16px; font-weight: bold; }
.join2_sub1 p { margin-bottom: 15px; }
/*join2_nr2*/	
.join2_nr2 { margin: 70px 0; }
.join2_nr2 h2 { margin-bottom: 70px; text-align: center; }
.join2_list { width: 100%; margin: 0 auto; background: #212121; }
.join2_list1_con { width: 100%; position: relative; }
.join2_list_con_bg { width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; display: block; position: absolute; top: 0; left: 0; }
.join21_next { width: 70px; height: 70px; background: url(../images/jt.png) no-repeat; cursor: pointer; top: 50%; right: 15px; position: absolute; margin-top: -15px; z-index: 10; }
.join21_prev { width: 70px; height: 70px; background: url(../images/jt_left.png) no-repeat; cursor: pointer; position: absolute; top: 50%; left: 15px; margin-top: -15px; z-index: 10; }
.join2_list1_box, {
 width: 100%;
 margin: 0 auto;
 position: relative;
}
.join2_list { margin-top: 2%; position: relative; }
.join2_list1 { float: left; position: relative; }
.join2_list1>img { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }

@media (max-width: 767px) {
.join21_next { width: 45px; height: 45px; background-size: cover; }
.join21_prev { width: 45px; height: 45px; background-size: cover; }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width:1280px) {
.join2_sub p { padding-left: 27%; }
}
/**/




.join2_text { text-align: center; padding: 145px 0; position: relative; z-index: 1; border-right: 1px solid #ddd; }
.join2_text>i { color: #333; font-size: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; }
.join2_text>h3 { color: #666; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; margin: 20px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.join2_text_con { position: relative; cursor: pointer; }
.join2_text_con_bg { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; background: #eaeaea; z-index: 0.9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.join2_text_con:hover .join2_text_con_bg { background: #F5F5F5; top: -10%; left: 0px; bottom: -10%; }
.join2_text>p { width: 100%; color: #666; position: absolute; top: 260px; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.join2_text_con:hover .join2_text>p { color: #666; opacity: 1; top: 240px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.join2_text>h5 { font-size: 16px; color: #999; opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.join2_text_con:hover .join2_text>h5 { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

/*join2_nr2*/	






@media (max-width: 767px) {
.join2_nr { margin-top: 30px; }
.join2_sub { width: 100%; position: relative; left: 0%; top: 0%; background: #FFF; padding: 3% 3%; }
.j2_ico { margin-bottom: 10px; }
.join2_sub>p { padding-left: 0; }
.join2_sub>h2 { font-size: 18px; }
.join2_sub1 { padding: 15px; }
.join2_sub1>h2 { font-size: 20px !important; }
.join2_sub1>h5 { font-size: 14px; }
.join2_sub1>p { font-size: 12px; line-height: 22px; margin-bottom: 10px; }
.join2_nr2 { margin: 30px 0; }
.join2_nr2>h2 { font-size: 20px !important; margin-bottom: 30px; }
.join2_text { padding: 80px 0; }
.join2_list1_con { padding-top: 0px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.join2_text { padding: 100px 0; }
.join2_list1_con { padding-top: 75px; }
}
/*ser_nr*/
.ser_nr { width: 100%; background: #eaeaea; padding: 70px 0; text-align: center; }
.ser_nr h2 { margin-bottom: 30px; text-align: center; }
.ser_nr h3 { color: #c98c3a; font-size: 24px; }
.ser_nr i { font-size: 26px; color: #666; }
/*ser_nr1*/
.ser_nr1 { width: 100%; margin: 70px 0; text-align: center; }
.ser_nr1 h2 { margin: 70px 0; text-align: center; }
.ser_nr1_text { width: 100px; position: absolute; left: 50%; margin-left: -50px; top: 45%; text-align: center; color: #666; z-index: 1; }
.ser_nr1_text img { position: relative; top: 80px; margin-bottom: 10px; opacity: 0; }
.ser_nr1_text p { position: relative; top: 80px; opacity: 0; }
.ser_nr1_text p a { color: #666; }
.ser_nr1_text p a:hover { color: #044477; }
.ser1_video { width: 70px; position: absolute; left: 50%; top: 45%; margin-left: -35px; }
.ser1_hei { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background: #fff; opacity: 0; z-index: 0.9; }
/*ser_nr2*/
.ser_nr2 { width: 100%; margin: 70px 0; text-align: center; }
.ser2_sub { margin: 70px 0; border: 1px solid #c2c6c9; }
.ser2_text { text-align: right; padding: 20px 30px 0 0; border-right: 1px solid #c2c6c9; }
.ser2_text h4 { }
.ser2_text p { margin-bottom: 0px; padding-bottom: 40px; }
.ser2_text p a { font-family: 'ralewaythin'; font-style: italic; color: #333; }
.ser_det { padding: 80px 0; }
.ser_det h2 { text-align: center; }
.ser_det_wenti { width: 100%; border-bottom: 1px solid #ddd; text-align: center; position: relative; margin: 50px 0; }
.ser_det_wenti p { width: 160px; background: #fff; font-size: 24px; text-align: center; display: block; line-height: 50px; position: absolute; left: 50%; margin-left: -80px; top: -25px; }
.ser_det h4 { font-weight: 600; color: #333; margin-top: 50px; }
.ser_det span { color: #333; }
.ser_det p { color: #666; }

@media (max-width: 767px) {
.ser_det { padding: 30px 0; }
.ser_det h2 { margin: 0; font-size: 20px !important; }
.ser_det_wenti p { width: 120px; font-size: 18px; }
.ser_det h4 { font-size: 16px; margin-top: 30px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
/*tec_nr*/

.tec_nr1 { background: url(../images/tec1.jpg) no-repeat right top; background-size: 70%; float: right; margin: 30px 0; }
.tec1_sub { width: 40%; margin: 5% 0; border: 5px solid #000; padding: 3% 5%; background: #fff; }
.tec1_sub h2 { font-size: 24px; }
.tec1_sub h5 { color: #999; font-family: Arial, Helvetica, sans-serif; margin: 15px 0; }
.tec1_sub p { text-indent: 2em; }
.tec_nr2 { background: url(../images/tec2.jpg) no-repeat left top; background-size: 70%; float: left; margin: 30px 0; }
.tec2_sub { width: 40%; float: right; margin: 5% 0; border: 5px solid #000; padding: 3% 5%; background: #fff; }
.tec2_sub h2 { font-size: 24px; }
.tec2_sub h5 { color: #999; font-family: Arial, Helvetica, sans-serif; margin: 15px 0; margin: 15px 0; }
.tec2_sub p { text-indent: 2em; }

@media (max-width: 767px) {
.tec_nr1 { background: none !important; }
.tec_nr2 { background: none !important; }
.tec1_sub { width: 100%; }
.tec1_sub h2 { font-size: 18px; }
.tec1_sub p { font-size: 13px; }
.tec2_sub { width: 100%; }
.tec2_sub h2 { font-size: 18px; }
.tec2_sub p { font-size: 13px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}
/*contact*/
.con_nr1_l { padding: 7% 10% 10% 10%; text-align: center; font-size: 16px; line-height: 30px; background: #f5f5f5; color: #666; }
.con_nr1_l h4 { font-size: 16px; color: #666; }
.con_nr1 span { display: block; width: 160px; margin: 0 auto; margin-top: 30px; margin-bottom: 10px; line-height: 40px; background: #ccc; font-size: 16px; text-align: center; color: #fff; }
.con_nr1 h4 { font-size: 16px; color: #333; text-decoration: underline; }
.con_nr1_r { padding: 7% 10% 10% 10%; text-align: center; }
.contact-form { padding: 1% 15%; }
.contact-form input[type="text"] { display: inline-block; background: none; border: 1px solid #ccc; width: 50%; margin: 0 0 1.5em 0; outline: none; font-size: 16px; color: #ccc; font-weight: 500; padding: 5px 15px 5px 15px; }
.contact-form input[type="email"] { display: inline-block; background: none; border: 1px solid #ccc; width: 49%; float: right; outline: none; font-size: 16px; color: #ccc; font-weight: 500; padding: 5px 15px 5px 15px; }
#email { display: inline-block; background: none; border: 1px solid #ccc; width: 49%; float: right; outline: none; font-size: 16px; color: #ccc; font-weight: 500; padding: 5px 15px 5px 15px; }
.contact-form textarea { background: none; border: 1px solid #ccc; width: 100%; display: block; height: 150px; outline: none; font-size: 16px; color: #ccc; font-weight: 500; padding: 10px 15px 10px 15px; }
#submit { background: #044477; border: 1px solid #044477; padding: .6em 0; width: 14%; margin-top: 2em; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 1px; outline: none; transition: .5s all; }
.contact-form input[type="submit"]:hover { color: #044477; background: none; }

@media (max-width: 767px) {
.con_nr1 h2 { font-size: 20px; }
.con_nr1_l { font-size: 13px; }
.contact-form { padding: 1% 15px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.contact-form { padding: 1% 5%; }
}
/*zhaopin*/
.con_nr2 { }
.about_inner4 { padding-left: 60px; position: relative; }
.about_inner4_con { width: 90%; padding-bottom: 30px; }
.ab4_title { background: #777; margin-top: 20px; }
.ab4_title p { color: #FFF; margin-bottom: 0; padding-left: 15px; line-height: 50px; }
.ab4_list { background: #f3f3f3; }
.ab4_list p { margin-bottom: 0; padding-left: 15px; line-height: 50px; color: #878787; }
.caoz { cursor: pointer; font-size: 30px !important; }
.ab4_list_on { border-bottom: 1px solid #ddd; }
.ab4_list_on p { color: #666 !important; }
.ab4_list_show { width: 100%; position: relative; padding: 30px 5px; display: none; }
.ab4_list_show>h5 { font-size: 20px; line-height: 20px; margin-bottom: 20px; }
.ab4_list_show>h5>span { font-size: 12px; color: #999; font-weight: normal; padding-left: 15px; }
.ab4_list_show>p { width: 70%; color: #666; margin-bottom: 5px; }
.ab4_list_show>span { display: block; margin-top: 20px; color: #be011f; }
.zhaop_box { width: 79%; }

@media (max-width: 767px) {
.zhaop_box { width: 100%; }
.about_inner4 { padding-left: 0; }
.about_inner4_con { width: 100%; }
.ab4_title p { line-height: 35px; }
.ab4_list p { line-height: 35px; }
.ab4_list_show>p { font-size: 12px; line-height: 25px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.zhaop_box { width: 90%; }
}
/**/
	


.zdxx_con { width: 90%; position: relative; margin: 0 auto; margin-top: 20px; }
.zdxx_box { width: 80%; margin: 0 auto; overflow: hidden; }
.zdxx_box>ul { padding: 0; margin: 0; position: relative; }
.zdxx_box>ul>li { float: left; }
.zd_next { position: absolute; right: 0; top: 50%; margin-top: -35px; cursor: pointer; }
.zd_prev { position: absolute; left: 0; top: 50%; margin-top: -35px; cursor: pointer; }
.schd_con { width: 90%; position: relative; margin: 0 auto; margin-top: 20px; text-align: center; margin-bottom: 30px; }
.schd_box { width: 80%; margin: 0 auto; overflow: hidden; padding-top: 20px; padding-bottom: 20px; }
.schd_box>ul { padding: 0; margin: 0; position: relative; }
.schd_box>ul>li { float: left; border: 1px solid #4a4a4c; }
.schd_next { /* 	float:left;
	cursor:pointer; */
position: absolute; right: 0; top: 50%; margin-top: -35px; cursor: pointer; }
.schd_prev { /*     float:left;
	margin-left:-10px;
	cursor:pointer; */
position: absolute; left: 0; top: 50%; margin-top: -35px; cursor: pointer; }
.schd_list1 { width: 50%; float: left; padding: 70px 70px 30px 70px; position: relative; }
.schd_list1:after { width: 1px; height: 100%; background: #4a4a4c; content: ''; position: absolute; top: 0; right: 0; }
.schd_list2 { width: 50%; float: left; padding: 70px 70px 30px 70px; position: relative; }
.schd_list1>h5, .schd_list2>h5 { color: #666; font-size: 15px; text-align: center; margin-top: 15px; }
.schd_list1_icon { position: absolute; top: -30px; left: -1px; }
.schd_list2_icon { position: absolute; bottom: -30px; right: -1px; }
.about1_nr2_ul { width: 100%; overflow: hidden; }
.about1_nr2_ul>ul { padding: 0; margin: 0; position: relative; }
.about1_nr2_ul>ul>li { float: left; }
.cxyf_con { width: 100%; position: relative; }
.cxyf_box { width: 80%; margin: 0 auto; overflow: hidden; }
.cxyf_box>ul { padding: 0; margin: 0; }
.cxyf_box>ul>li { float: left; }
.cxyf_box>ul>li img { width: 50%; float: left; }
.cxyf_next { position: absolute; right: 0; top: 50%; margin-top: -35px; cursor: pointer; }
.cxyf_prev { position: absolute; left: 0; top: 50%; margin-top: -35px; cursor: pointer; }

@media(max-width:1440px) {
.banner-zi .banner-zi1>h5 { font-size: 30px; letter-spacing: 2px; }
.pro_title>h2 { font-size: 36px; }
.banner_di_down p { font-size: 30px; }
.ab_bt h2 { font-size: 20px; }
.design_left>h5 a { font-size: 30px; }
.m6_text { top: 75%; }
.m6_text_r { font-size: 18px; line-height: 60px; }
.m6_text_l { line-height: 60px; }
.video_text h2 { font-size: 18px; }
.news_list_zi>h5 a { font-size: 18px; line-height: 30px; }
.news_nr2_text h2 { font-size: 18px; }
.join_z1_x1 h2 { font-size: 30px; }
.join1_sub1 h3 { font-size: 18px; }
.join1_sub1 p { font-size: 14px; line-height: 25px; }
.j2_text h3 { font-size: 18px; }
.j2_text { background: #fff; padding: 10px 40px; }
.j3_text>h3 { color: #666; font-weight: 600; }
.join_bt { width: 97%; }
.join_nr h1 { font-size: 30px; }
.about1_nr2 h3 { font-size: 18px; }
.news>h5 { font-size: 36px; }
.pro_list_zi>h5 { font-size: 24px; }
.news_nr2_sub h2 { text-align: center; margin-top: 0px; }
.news_nr2_text p { margin-top: 10px; }
}

@media (max-width: 767px) {
.join_z1_x1 h2 { font-size: 20px; }
.join_z1_x1 h2 .bt_en1 { font-size: 14px; }
.zdxx_box { width: 100%; }
.zd_next>img, .zd_prev>img { width: 35px; }
#join1_6 { padding-top: 10px !important; padding-bottom: 0 !important; }
#join1_7 { padding-top: 10px !important; padding-bottom: 0 !important; }
.schd_list1_icon { display: none; }
.schd_list2_icon { display: none; }
.schd_list1 { width: 100%; padding: 10px; }
.schd_list2 { width: 100%; padding: 10px; border-right: 1px solid #4a4a4c; }
.schd_box { width: 99.9%; }
.schd_next>img, .schd_prev>img { width: 35px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.zdxx_box { width: 95%; }
.schd_box { width: 95%; }
.schd_list1 { padding: 30px; }
.schd_list2 { padding: 30px; border-right: 1px solid #4a4a4c; }
}
.jion3_phone1 { width: 100%; }
.jion3_phone1_text { padding: 15px 15px; }
.jion3_phone1_text>h2 { font-size: 18px; }
.jion3_phone1_text>h4 { font-size: 16px; }
.jion3_phone1_text>p { font-size: 12px; }
.jion3_phone2 { width: 100%; }
.jion3_phone2_text { padding: 15px 15px; }
.jion3_phone2_text>h2 { font-size: 18px; }
.jion3_phone2_text>h4 { font-size: 16px; }
.jion3_phone2_text>p { font-size: 12px; }
.jion3_phone3 { width: 100%; }
.jion3_phone3_text { padding: 15px 15px; }
.jion3_phone3_text>h2 { font-size: 18px; }
.jion3_phone3_text>h4 { font-size: 16px; }
.jion3_phone3_text>p { font-size: 12px; }

@media (max-width: 767px) {
.join_line { margin: 20px 0; }
.m6_bg>img { width: 100% !important; }
}
/*3.4新加代码*/
.sanji { width: 100%; position: absolute; bottom: -45px; left: 0; padding: 0; height: 60px; display: none; }
.sanji ul { width: 100%; position: absolute; bottom: 10px; left: 0; display: none; text-align: center; }
.sanji ul>div { display: inline-block; }
.sanji ul li { float: left; }
.sanji ul li a { padding: 0 15px; color: #5a4926; }
.sanji ul li a:hover { color: #c98c3a; }
.gdcg_bg { margin-top: 60px; }
.pro_ny { width: 100%; padding-bottom: 150px; background: #f1efee; }
.gdcg_b_di { background: #fff; padding: 3%; }
.gdcg_ico { width: 67px; margin: 0 auto; text-align: center; margin-top: 10px; }
.gdcg_b_di h3 { margin-top: 0px; }
.gdcg_b_di h4 { display: inline; padding-bottom: 10px; border-bottom: 1px solid #a3825b; }
.gdcg_b_di p { margin-top: 20px; }
.gdcg_nei { }
.gdcg_nei1 { margin-top: 10px; }
.gdcg_nei_text1 { text-align: center; }
.gdcg_nei_text1 a { padding: 2% 2% 1% 2%; display: block; color: #333; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gdcg_nei_jia { font-size: 20px; text-align: right; }

@media (max-width: 767px) {
.gdcg_b_di h3 { font-size: 18px; }
.gdcg_b_di>div { margin-top: 10px; }
.gdcg_b_di>div>p { font-size: 13px; }
.about_4_1 { padding-bottom: 0%; }
}
.product_inner { background: #fff; padding: 3% 3% 6% 3%; }
.product_inner h3 { color: #cdb086; }
.product_inner table { height: 100%; width: 100%; }
.product_inner table td { font-size: 14px; line-height: 30px; }
.product_inner_tp { }
.product_inner_tp ul li { width: 33.3%; float: left; position: relative; }
.product_inner_tp_tu { width: 70px; margin: 0 auto; margin-top: 10px; }
.product_inner_tp p { margin: 5px 0; }
.product_inner_xg { margin-top: 20px; }
.product_inner_xg img { width: 70%; }
.xuanpei { width: 30px; height: 30px; border-radius: 15px; font-size: 12px; color: #fff; text-align: center; line-height: 30px; background: #cdb086; position: absolute; right: 35%; }
.u-page { margin: 60px 0; text-align: center; margin-bottom: 0px; }
.u-page a { position: relative; display: inline-block; border: 1px solid #ccc; height: 25px; line-height: 25px; padding: 0 12px; margin-left: 2px; font-size: 12px; color: #000; }
.u-page .cur-page { border: none; height: 25px; line-height: 25px; background-color: #000; border: 1px solid #000; color: #fff; }
.cll { padding-left: 0px !important; }
.xyyj { border: 1px solid #ddd; max-width: 160px; width: 100%; }
/*honor*/
.honor li { width: 80%; line-height: 35px; font-size: 14px; cursor: pointer; }
.honor { width: 100%; overflow: hidden; text-align: left; margin-bottom: 70px; margin-top: 30px; }
.honor strong { font-size: 14px; }
.tip { position: absolute; display: none; z-index: 100000000000; }
.honor p { line-height: 35px; font-size: 14px; }
/*3.12*/
.pro_left2 { width: 100%; overflow: hidden; }
.pro_left_zi2 { width: 100%; margin-top: 33px; position: relative; }
.js_xian { width: 65px; height: 1px; background: #cdb086; margin-top: 20px; }
.js_text1 { line-height: 30px; }
.js_text1 span { font-size: 18px; color: #cdb086; }

@media(max-width:767px) {
.sec1 { width: 100%; padding: 20px; background: #FFF; }
.sec1_list { width: 50%; float: left; text-align: center; border: 1px dotted #999; padding: 20px 0; }
.sec1_list h5 { color: #000; font-size: 15px; letter-spacing: 1px; margin: 10px 0; margin-bottom: 0; }
.sec1_list i { color: #666; font-size: 20px; }
.phone_pro { position: relative; }
.pro_title_ph { width: 100%; text-align: center; position: absolute; top: 30%; }
.pro_title_ph>h2 { font-size: 25px !important; margin-top: 0; color: #FFF; }
.pro_title_ph>p { font-size: 14px; }
.phone_list { width: 100%; overflow: hidden; position: relative; }
.phone_list>ul { padding: 0; margin: 0; position: relative; }
.phone_list>ul>li { float: left; position: relative; }
.pro_list_zi>h5 { font-size: 16px !important; }
.pro_list_zi { padding-left: 15px; }
.pro_list_zi>a { width: 110px; }
.pro_list_zi { font-weight: normal; }
.sec4_con { padding: 0 15px; }
.sec4_con>ul { width: 100%; background: #FFF; border-radius: 2px; }
.sec4_con>ul li { padding: 10px; border-bottom: 1px solid #000; position: relative; }
.sec4_list_img { width: 25%; float: left; }
.sec4_list_img>img { border-radius: 3px; }
.sec4_list_zi { width: 75%; float: left; text-align: left;  }
.sec4_list_zi>h5 { margin-top: 3px; margin-bottom: 5px; padding-left: 10px; font-size: 14px; font-weight: 600; color: #333; letter-spacing: 1px;  }
.sec4_list_zi>p { margin: 0; font-size: 12px; padding-left: 10px; line-height: 20px; letter-spacing: 1px;  color: #666; }
.sec4_list_btn { position: absolute; right: 15px; bottom: 20px; }
.sec4_list_btn>a { font-size: 13px; color: #da251c !important; text-align: right; letter-spacing: 1px; }
.phone_store { width: 100%; position: relative; }
.phone_store_con { width: 100%; position: absolute; top: 10%; text-align: center; padding: 0 20px; }
.phone_store_con>h2 { font-size: 16px; color: #FFF; margin-bottom: 20px; line-height: 25px; letter-spacing: 2px; }
.phone_store_con>p { font-size: 12px; letter-spacing: 2px; color: #eee; }
.phone_store>a { display: block; width: 180px; text-align: center; line-height: 35px; background: #000; color: #FFF !important; text-decoration: none !important; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; position: absolute; z-index: 10; bottom: 10%; left: 50%; margin-left: -90px; }
.phone_store>a:hover { background: #c98c3a; }
.ph_num { width: 90px; height: 12px; position: absolute; bottom: 20px; left: 50%; margin-left: -45px; }
.ph_num>ul { width: 100%; padding: 0; margin: 0; }
.ph_num>ul>li { width: 10px; height: 10px; background: #fff; border-radius: 100%; float: left; margin: 0 5px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }
.ph_on { background: #044477 !important; }
#ru_hidden { display: none; }
}
.clickmore { margin-top:40px;}
.clickmore a { display: block; width: 220px; text-align: center; line-height: 50px; background: #222; color: #FFF !important; text-decoration: none !important; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; position: relative; z-index: 10; margin: 0 auto; font-size:16px; }
.clickmore a:hover { background:#60b900;}
.main_news_content_line { height: 1px; width: 100%; margin: 0px 0 21px 0; background: #eee; }
.main_news_text h2 { font-size: 18px; padding-top: 0; margin-top: 0; text-transform: uppercase; }
.main_news_text h5 { font-size: 14px; color: #999; letter-spacing: 1px; }
.sec_cona_7_r { float: right; width: 200px; font-size: 16px; color: #333; text-align: right; text-decoration: none !important; -webkit-transition: color .3s linear; -moz-transition: color .3s linear; -ms-transition: color .3s linear; -o-transition: color .3s linear; transition: color .3s linear; }
.main_news_text p { margin-top: 23px; color: #999; font-size: 16px; }
.main_news_text p span { display: inline-block !important; position: relative; top: -3px; }
.main_news_date { color: #999; font-size: 14px; text-align: right; }
.main_news_date span { display: inline-block !important; margin-right: 15px; position: relative; top: -3px; }
.main_news_title { margin-top: 42px }
.sec_conh7_1 { color: #333; font-size: 20px; font-weight: bold; letter-spacing: 1px }
.sec5_r_list_bottom_line { width: 100%; height: 1px; background: #999; margin: 0 auto; margin-top: 36px; margin-bottom: 30px; }
.sec5_r_list_bottom h2 { text-align: center; padding-top: 60px; padding-bottom: 70px; font-size: 16px; }
/** banner_js **/
.banner_list { padding: 0; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
.banner_list>li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; }
.bli1 { background: url(../images/banner_bg1.jpg); display: block; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 0s linear;  -moz-transition: -moz-transform: 0s linear;
-ms-transition: -ms-transform 0 linear; -o-transition: -o-transform 0 linear; transition: transform 0s linear; }
.bli2 { background: url(../images/banner_bg2.jpg); display: none; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 0s linear;  -moz-transition: -moz-transform: 0s linear;
-ms-transition: -ms-transform 0s linear; -o-transition: -o-transform 0s linear; transition: transform 0s linear; }
.bli3 { background: url(../images/banner_bg3.jpg); display: none; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 0s linear;  -moz-transition: -moz-transform: 0s linear;
-ms-transition: -ms-transform 0s linear; -o-transition: -o-transform 0s linear; transition: transform 0s linear; }
.bli4 { background: url(../images/banner_bg4.jpg); display: none; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 0s linear;  -moz-transition: -moz-transform: 0s linear;
-ms-transition: -ms-transform 0s linear; -o-transition: -o-transform 0s linear; transition: transform 0s linear; }
.bli_show { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 4s linear; -moz-transition: -moz-transform 4s linear; -ms-transition: -ms-transform 4s linear; -o-transition: -o-transform 4s linear; transition: transform 4s linear; }
.banner_num { padding: 0; margin: 0; width: 66px; position: absolute; bottom: 50px; left: 50%; z-index: 10; margin-left: -33px; }
.banner_num>li { width: 12px; height: 12px; border-radius: 12px; background: #369; float: left; margin: 0 5px; cursor: pointer; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; }
.numon { background: #F00 !important; }
.banner_next { width: 19px; height: 36px; position: absolute; top: 50%; right: 30px; z-index: 10; margin-top: -18px; cursor: pointer; }
.banner_prev { width: 19px; height: 36px; position: absolute; top: 50%; left: 30px; z-index: 10; margin-top: -18px; cursor: pointer; }

/** banner_js **/


/*news新*/
@media (max-width: 768px) {
.nav_tel { position: absolute; bottom: 30px; text-align: center; width: 100%; }
.foot_di>a>h4 { color: #666; font-size: 15px; padding: 30px 15px 0 15px; text-align: center; }
.nav_tel a { color: #FFF; font-weight: bold; text-decoration: none !important; font-size: 16px; letter-spacing: 2px; font-weight: 500; text-align: center; text-transform: uppercase; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.j3_text>p { color: #666; opacity: 1 !important; top: 130px; }
.j3_text_con_bg { background: #F5F5F5; top: -10%; left: 0px; bottom: -10%; }
.j3_text_con { position: relative; cursor: pointer; margin-top: 60px; }
.ser_nr h3 { color: #c98c3a; font-size: 18px; }
.ser_nr1_text p a { font-size: 18px !important; }
.join2_list1_con { padding: 0 55px; }
.join21_next { right: 5px; }
.join21_prev { left: 5px; }
.content1 { padding-bottom: 20px !important; }
.lc_list>ul>li { width: 90%; margin-left: 5%; }
.lc_list1>h5 a { font-size: 20px; color: #666; text-align: center; }
.ab2_more_ph a { display: block; width: 80px; height: 30px; border: 1px solid #666; margin: 20px auto 0 auto; color: #666; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; font-size: 14px; line-height: 30px; }
.ab2_more_ph { padding-bottom: 20px; }
.lc_list1>p { font-size: 16px; color: #666; text-align: center; background: #e2e6ea; line-height: 25px; display: block; margin: 0px; width: 100%; padding-bottom: 20px; }
.honor li { width: 90%; margin-left: 5%; line-height: 25px; font-size: 14px; cursor: pointer; margin-top: 20px; }
.about_4 img { margin: 30px 0 0px 0; }
.honor { margin-bottom: 30px; margin-top: 0px; }
.return_wm_phone { margin-left: 45%; background: #19191b; width: 120px; height: 35px; border: 1px solid #69696b; text-align: center; line-height: 35px; }
.return_wm_phone a { color: #dadada; display: block; }
.return_wm_phone a:hover { background: #004471; color: #fff; }
.return_wm_phone { margin: auto; text-transform: uppercase; }
.j4_sub h4 a { font-size: 18px; color: #666; }
}