@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css 
   |  * Info       : 双喜集团
   |  * Writer     : Flying  
   |  * Date       : 2019.7.4
   |  * Powered By KEW - www.chinakewei.net 
   +--------------------------oOO-----------+
                      |__|__|
                       || ||
                      ooO Ooo
*/
@import url("fonts.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body{font-size: 14px; line-height: 200%; font-family: "Microsoft Yahei","微软雅黑",Arial,Helvetica,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif"; margin: 0 auto; color: #222; background: #f6f6f6;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle;}
input{ outline: none; transition: all .4s ease-in-out; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
a:link, a:visited { text-decoration: none; color:#222;}
a:active, a:hover { text-decoration: none; outline:none; color:#00703C;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*在线客服*/
.side{position:fixed;width:54px;height:auto;right:5px; bottom: 15px; z-index:1000;}
.side ul li{width:54px;height:54px; line-height: 54px; float:left;position:relative;border-bottom:0px solid #28a2ed;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;  opacity:1;filter:Alpha(opacity=100);color:#fff; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block; opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{ opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/*PC站头部*/
#header-content{width: 100%; height: auto; background: #fff; overflow: hidden; }
#header-bar1{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
#header-bar1 .logo{width: 260px; height: auto; float: left; }

#header-bar1 .navigation{width: 760px; height: auto; float: left; padding: 0 20px; background: #28a2ed; }
#nav {margin:0 auto; width:760px; height: auto; font-size:16px; position:  absolute; z-index:99; }
#nav .jquery {margin-right:0;padding:0;}
#nav .mainlevel {float:left; border-right:0; width:95px; height:100px; line-height:100px; /*IE6 only*/}
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:95px; }
#nav .mainlevel a:hover {text-decoration:none; background: #00703C; color: #fff; }
#nav .mainlevel ul {display:none; position:absolute; top: 100px; }
#nav .mainlevel li {border-top:1px solid #c31c14; /*IE6 only*/}
#nav .mainlevel li a{background:#00703C; color: #fff; width:95px; font-size:14px; height:auto; line-height: 160%; padding: 10px 0; text-transform: none;}
#nav .mainlevel li a:hover{ background:#c31c14; color: #fff; }

#header-bar1 .bar1-right{width: 140px; height: auto; float: right; }
.bar1-right-content{width: 100%; height: auto; }
.language{width: 90px; height: auto; float: left; padding-top: 35px; }
.language li{width: 45px; height: auto; float: left; }
.language-cn{width: 100%; height: 30px; text-align: center; border-radius: 5px 0 0 5px; background: #00703C; color: #fff; }
.language-cn a{color: #fff; }
.language-en{width: 100%; height: 30px; text-align: center; border-radius: 0 5px 5px 0; background: #d6d6d6; color: #fff; text-transform: uppercase; }
.language-en a{color: #fff; display: block; }
.language-en a:hover{color: #fff; background: #00703C; border-radius: 0 5px 5px 0; }

.search{width: 50px; height: auto; float: right; padding-top: 30px; }
#container { width:50px; height: auto; margin:0 auto; position: absolute; background: url(../images/icon-search.png) no-repeat 50% 40%; text-align: center; }
#topnav a.menu-open { color:#666!important; outline:none; display: block; }
#topnav span{font-size: 32px; font-weight: bold;}
#signin_menu { display:none; background: #ddd;  position:absolute; width:300px; z-index:66; border:0 transparent; text-align:left; padding:10px; top: 70px; right: 0px; margin-top:0; margin-right: 0px;  font-size:14px; border-radius: 0 0 5px 5px; }
.search-content{width: 100%; height: auto;}
.search-content h2{float: left;}
.search-content h2>input{width: 245px; height: 35px; border: 0; background: #fff;  color: #8b8b8c; border-radius: 25px 0 0 25px;  text-align: left; text-indent: 1.0rem; }
.search-content h3{float: right;}
.search-content h3>input{width: 55px; height: 37px; border: 0; background: #00703C url(../images/icon-1.png) no-repeat 50% 50%; background-size: 50%;  cursor: pointer; border-radius: 0 30px 30px  0; }

/*PC站底部*/
#footer-content{width: 100%; height: auto; background: #373737; overflow: hidden; }
#footer-bar1{width: 1200px; height: auto; margin: 0 auto; background: url(../images/img-1.jpg) repeat-y 650px 0; padding: 40px 0; overflow: hidden; }
#footer-bar1 .div01{width: 630px; height: auto; float: left; }
#footer-bar1 .div01 li{width: 126px; height: auto; float: left; }
#footer-bar1 .div01 li h2{font-size: 18px; color: #fff; }
#footer-bar1 .div01 li a{color: #d8d8d8; }
#footer-bar1 .div01 li a:hover{color: #00703C; }
#footer-bar1 .div02{width: 400px; height: auto; float: left; padding-left: 50px; color: #d8d8d8; }
#footer-bar1 .div03{width: 120px; height: auto; float: right; }
#footer-bar1 .div03 figure{text-align: center; color: #d8d8d8; }
#footer-bar1 .div03 figure img{margin-bottom: 5px; }

#footer-copyright{width: 100%; height: auto; background: #fff; color: #8b8b8b; overflow: hidden; text-align: center; padding: 15px 0; font-size: 12px; }
#footer-copyright a{color: #8b8b8b; }
#footer-copyright a:hover{color: #00703C; }

/*综合首页*/
#movie{width: 100%; height: auto; text-align: center;}
.swiper-container {  width: 100%; height: 100%; }
.swiper-container img{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;
    }

#home-bar1{width: 100%; height: auto; padding: 110px 0; background: #fff; overflow: hidden; }
.home-slogan{width: 1200px; height: auto; margin: 0 auto; }
.home-slogan figure{width: 300px; height: auto; float: left; text-align: center; line-height: 160%; }
.home-slogan figure img{margin-bottom: 30px; transition: all .5s; }
.home-slogan figure img:hover{transform:rotate(360deg); }
.home-slogan figcaption h2{font-size: 24px; margin-bottom: 15px; }
.home-slogan figcaption p{color: #888; }

#home-bar2{width: 100%; height: auto; padding: 60px 0; overflow: hidden; }
.home-company{width: 1200px; height: auto; margin: 0 auto; }
.home-company p{width: 70%; height: auto; text-align: center; padding: 0 15%; margin-top: 25px; }
.home-company-tit{width: 100%; height: auto; background: url(../images/icon-line.png) no-repeat center bottom; overflow: hidden; line-height: 220%; }
.home-company-tit h2{text-align: center; font-size: 30px; }
.home-company-tit h3{text-align: center; text-transform: uppercase; color: #a4a4a4; font-family: 'Poppins-Regular'; }
.home-company-nav{width: 100%; height: auto; margin: 30px 0; overflow: hidden; }
.home-company-nav li{width: 33.3%; height: auto; float: left; }
.home-company-nav-txt{width: 98%; height: auto; min-height: 100px; padding-top: 30px; padding-left: 2%; border-right: #e9e9e9 solid 1px; box-sizing: border-box; }
.home-company-nav-txt h2{font-size: 16px; color: #757575; }
.home-company-nav-txt h2 span{font-size: 60px; font-family: '308-CAI978'; }
.home-company-nav-txt h3{font-size: 16px; color: #757575; }
.home-company-nav-txt1{width: 98%; height: auto; min-height: 100px; padding-top: 30px; padding-left: 2%; box-sizing: border-box; }
.home-company-nav-txt1 h2{font-size: 16px; color: #757575; }
.home-company-nav-txt1 h2 span{font-size: 60px; font-family: '308-CAI978'; }
.home-company-nav-txt1 h3{font-size: 16px; color: #757575; }

.home-company-section{width: 1200px; height: auto; margin: 30px auto; overflow: hidden; }
#scroll{width:1230px; margin:0 auto; padding: 0; overflow: hidden; }
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{width:380px;height:auto; margin:0 30px 0 auto; overflow:hidden; background: #fff; }
#scroll .item img{transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
#scroll .item img:hover{transform: scale(1.15);}
#scroll .item h2{width: 380px; height: auto; border: 0; overflow: hidden; }
#scroll .item-txt{width: 340px; height: auto; min-height: 120px; background: #fff; padding: 30px 20px; }
#scroll .item-txt h3{text-align: center; font-size: 18px; color: #00703C; margin-bottom: 30px; }
#scroll .item-txt h3:before{position: absolute; left: 165px; right: 0; bottom: 110px; width: 50px; background: #00703C; height: 1px; text-align: center; content: '' }
#scroll .item-txt p{text-align: center; }

#home-bar3{width: 100%; height: auto; min-height: 450px; padding: 60px 0; overflow: hidden; background: #fff url(../images/png-1.png) no-repeat center bottom; }
.home-history{width: 1200px; height: auto; margin: 0 auto; }
.home-history-tit{width: 100%; height: auto; background: url(../images/icon-line.png) no-repeat center bottom; overflow: hidden; line-height: 220%; }
.home-history-tit h2{text-align: center; font-size: 30px; }
.home-history-tit h3{text-align: center; text-transform: uppercase; color: #a4a4a4; font-family: 'Poppins-Regular'; }
.home-history-nav{width: 100%; height: auto; min-height: 45px; margin-top: 100px; background: url(../images/png-2.png) no-repeat 50% 45%; }
.imenu_bg{width:1233px; height:auto; margin: 0 auto; position:relative; }
.imenu{width:90px; height:30px; line-height:30px; text-align:center; cursor:pointer; float:left; margin-right: 37px; border: #00703C solid 5px; border-radius: 25px; font-family: '055-CAI978'; font-size: 20px; }
.imenu a{text-decoration:none }
.imenu a:hover{text-decoration:none; border: #000 solid 5px; }
.imenu_on{width:90px; height:30px; line-height:30px; text-align:center; cursor:pointer; float:left; margin-right: 37px; border: #00703C solid 5px; background: #00703C; color: #fff; border-radius: 25px; transition: all .5s; font-family: '055-CAI978'; font-size: 20px; }
/*.imenu_on a{color:#015d22;text-decoration:none;}
.imenu_on a:hover{text-decoration:underline; }*/
.submnu{width:1196px;*width:1196px;_width:1196px; border-top:none;margin:0 auto; display:none; position:absolute; left:0px; top:40px; z-index:1000; background-color: rgba(0,0,0,0.20); border-radius:20px; color: #222; padding: 30px; box-sizing: border-box; text-align: left; font-size: 14px; font-family: normal ; }
.home-history-nav-h5{width: 100%; height: auto; display: none; overflow: hidden; margin-top: 30px; }
.home-history-nav-h5 img{width: 100%; height: auto; }

#home-bar4{width: 100%; height: auto; min-height: 540px; padding: 90px 0; overflow: hidden; background: #000 url(../images/img-9.jpg) no-repeat center; }
.home-pronav{width: 1200px; height: auto; margin: 0 auto; }
.home-pronav li{width: 240px; height: 180px; float: left; overflow: hidden; }
.home-pronav li img{transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.home-pronav img:hover{transform: scale(1.15);}
.pronav-btn1{width: 240px; height: 180px; line-height: 180px; background: #35a35f; color: #fff; font-size: 24px; text-align: center; }
.pronav-btn1 a{display: block; color: #fff; }
.pronav-btn1 a:hover{display: block; background: #00703C; }

.pronav-btn2{width: 240px; height: 180px; line-height: 180px; background: #f19200; color: #fff; font-size: 24px; text-align: center; }
.pronav-btn2 a{display: block; color: #fff; }
.pronav-btn2 a:hover{display: block; background: #1379bb; }

.pronav-btn3{width: 240px; height: 180px; line-height: 180px; background: #11a3bd; color: #fff; font-size: 24px; text-align: center; }
.pronav-btn3 a{display: block; color: #fff; }
.pronav-btn3 a:hover{display: block; background: #00703C; }

.pronav-btn4{width: 240px; height: 180px; line-height: 180px; background: #1379bb; color: #fff; font-size: 24px; text-align: center; }
.pronav-btn4 a{display: block; color: #fff; }
.pronav-btn4 a:hover{display: block; background: #f19200; }

.pronav-btn5{width: 240px; height: 180px; line-height: 180px; background: #00703C; color: #fff; font-size: 24px; text-align: center; }
.pronav-btn5 a{display: block; color: #fff; }
.pronav-btn5 a:hover{display: block; background: #35a35f; }

.pronav-btn6{width: 240px; height: 50px; line-height: 50px; color: #646464; font-size: 20px; text-align: center; text-transform: capitalize; text-align: right; padding-top: 130px;}
.pronav-btn6 a{display: block;  color: #646464; }
.pronav-btn6 a:hover{display: block; color: #fff; }

#home-bar5{width: 100%; height: auto; padding: 60px 0; overflow: hidden; background: #f5f5f5; }
.home-newpro-tit{width: 1200px; height: auto; background: url(../images/icon-line.png) no-repeat center bottom; overflow: hidden; line-height: 220%; margin: 0 auto; }
.home-newpro-tit h2{text-align: center; font-size: 30px; }
.home-newpro-tit h3{text-align: center; text-transform: uppercase; color: #a4a4a4; font-family: 'Poppins-Regular'; }
.home-newpro{width: 1160px; height: auto; margin: 50px auto 0 auto; box-shadow: #ddd 0 0 8px; background: #fff; padding: 20px; overflow: hidden; }
.mr_frbox{height:auto;padding:0; margin-top: 0; width:1160px; margin: 0 auto;}
.mr_frBtn{width:1160px; height:auto; overflow:hidden; margin:0 auto; position: absolute; }
.mr_frBtn img{filter: grayscale(100%); transition:All 0.4s ease-in-out;}
.mr_frBtn img:hover{filter: grayscale(0);}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:35px;margin-top:232px;width:35px; left: 0; }
.mr_frBtnR{float:right;margin-top:232px;cursor:pointer;width:35px; height:35px; right: 0;}
.mr_frUl{float:left;height:auto;width:100%; overflow:hidden;}
.mr_frUl ul li{display:inline;float:left; width:100%; overflow:hidden; position:relative; }
.mr_frUl ul li img{transition:All 0.4s ease-in-out; position: relative;}
.mr_frUl ul li img:hover{transform:scale(1.05); -webkit-transform:scale(1.05);	-moz-transform:scale(1.05);	-o-transform:scale(1.05);	-ms-transform:scale(1.05);}
.mr_frUl ul li p{width:100%; height: auto; padding: 15px 0; text-align:center; transition:All 0.4s ease-in-out; text-transform: uppercase; }

.home-newpro-pic{width: 1220px; height: auto; margin: 40px auto 0 auto; overflow: hidden; }
.home-newpro-pic figure{width: 285px; height: auto; float: left; text-align: center; margin-right: 20px; margin-bottom: 20px; overflow: hidden; }
.home-newpro-pic figure img{transition: all .5s ease-in-out; }
.home-newpro-pic figure img:hover{ transform:scale(1.05); }
.home-newpro-pic figure:hover figcaption{background: #00703C; color: #fff; }
.home-newpro-pic figcaption{background: #f6f6f6; padding: 10px 0; transition: all .5s }
.home-newpro-pic figcaption:hover{background: #00703C; color: #fff; }

#home-bar6{width: 100%; height: auto; padding: 60px 0; overflow: hidden; }
.home-news{width: 1200px; height: auto; margin: 0 auto; }
.home-news-tit{width: 100%; height: auto; background: url(../images/icon-line.png) no-repeat center bottom; overflow: hidden; line-height: 220%; }
.home-news-tit h2{text-align: center; font-size: 30px; }
.home-news-tit h3{text-align: center; text-transform: uppercase; color: #a4a4a4; font-family: 'Poppins-Regular'; }
.home-news-list{width: 1230px; height: auto; margin-top: 40px; overflow: hidden; }
.home-news-list figure{width: 380px; height: auto; float: left; margin-right: 30px; overflow: hidden; }
.home-news-list figure img{transition: all .5s ease-in-out; }
.home-news-list figure img:hover{transform: scale(1.10); }
.home-news-list figcaption{width: 90%; height: auto; min-height: 190px; background: #fff; padding: 8% 5%; }
.home-news-list figcaption h2{font-size: 18px; padding: 5px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 20px; }
.home-news-list figcaption p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #6f6f6f; margin-bottom: 20px; }
.home-news-list figcaption h3{color: #ccc; background: url(../images/icon-6.png) no-repeat 0 50%; text-indent: 1.1rem; font-size: 12px; }
.home-news-btn{width: 135px; height: 40px; line-height: 40px; cursor: pointer; margin: 40px auto 0 auto; text-align: center; }
.home-news-btn a{display: block; color: #b4b4b4; border: #d0d0d0 solid 1px; background: #f6f6f6; border-radius: 25px; }
.home-news-btn a:hover{border: #00703C solid 1px; background: #00703C; color: #fff; }



/*内页样式开始*/
#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; }
#h5-sub-banner{width: 100%; height: auto; overflow: hidden; text-align: center; display: none; padding-top: 60px;}
#h5-sub-banner img{width: 100%;}

#subpages-tit{width: 100%; height: 70px; background: rgba(0,0,0,0.70); position: absolute; z-index: 1; top: 480px; }
#subpages-content{width: 100%; height: auto; overflow: hidden; }
.subpages-nav{width: 1200px; height: auto; margin: 0 auto; }
.subpages-nav li{width: 120px; height: auto; line-height: 35px; float: left; text-align: center; padding-top: 17px; }
.subpages-nav li a{color: #fff; display: block; height: 35px; }
.subpages-nav li a:hover, #current{display: block; height: 35px; border: 0; background: #fff; color: #222; border-radius: 25px; }

.subpages-company{width: 1200px; height: auto; margin: 40px auto; overflow: hidden; }
.subpages-company-tit{display: block; text-transform: uppercase; font-size: 22px; position: relative; line-height: 36px; margin-bottom: 20px; border-bottom: 1px solid #ddd;  padding-bottom: 5px; text-align: center; }
.subpages-company-tit:before{position: absolute;  left: 0px; right: 0; width: 50px; background: #00703C; height: 3px; bottom: -1px; content: ''; margin: 0 auto; }
.subpages-company-txt p{margin: 15px 0; }
.subpages-company-txt img{ width: 100%!important;}
.subpages-history{width: 100%; height: auto; margin-top: 40px; }
.subpages-history-txt{width: 70%; height: auto; min-height: 300px; margin: 0 auto; background: #fff; padding: 50px 5%; }
.subpages-history-txt h2{ font-size: 18px; margin-bottom: 15px;}
.subpages-history-txt h2 span{font-size: 40px; font-family: '055-CAI978'; }
.subpages-history-txt p{font-size: 14px; color: #666; text-align: left; text-indent: 2.0rem; }

.subpages-honor{width: 1215px; height: auto; margin: 40px auto 0 auto; overflow: hidden; }
.subpages-honor figure{width: 285px; height: auto; float: left; margin-right: 30px; margin-bottom: 20px; text-align: center; padding: 30px 45px; background: #fff; overflow: hidden; }
.subpages-honor figure img{margin-bottom: 5px; transition: all .5s ease-in-out; }
.subpages-honor figure img:hover{ transform:scale(1.05);}
.subpages-honor figcaption{background: #fff; font-size: 16px; }

.subpages-workshop{width: 1230px; height: auto;  margin: 40px auto 0 auto; overflow: hidden; }
.subpages-workshop figure{width: 380px; height: auto; float: left; margin-right: 30px; margin-bottom: 20px; text-align: center; overflow: hidden; background: #fff; }
.subpages-workshop figure img{transition: all .5s ease-in-out; }
.subpages-workshop figure img:hover{transform: scale(1.05); }
.subpages-workshop figcaption {background: #fff; font-size: 16px; padding: 15px 0; }

.subpages-base{width: 1200px; height: auto; min-height: 450px; margin: 40px auto 0 auto; overflow: hidden; }
.subpages-base p{margin: 15px 0; text-indent: 2rem; }

.subpages-product{width: 1220px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-product figure{width: 285px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px; text-align: center; overflow: hidden; }
.subpages-product figure img{transition: all .5s ease-in-out; }
.subpages-product figure img:hover{transform: scale(1.05); }
.subpages-product figcaption{padding: 10px 0; background: #eee; transition: all .5s ease-in-out; }
.subpages-product figure:hover figcaption{background: #00703C; color: #fff; }
.subpages-product figcaption:hover{background: #00703C; color: #fff; }

.subpages-proinfo{width: 1120px; height: auto; margin-top: 40px; overflow: hidden; padding: 40px; background: #fff; text-align: center; }
.subpages-proinfo h2{text-align: center; font-size: 18px; margin-top: 20px; }
.subpages-proinfo-btn{width: 100%; height: auto; margin: 20px auto; overflow: hidden; }
.subpages-proinfo-btn h3{width: 49%; height: 35px; line-height: 35px; float: left; background: #00703C; border-radius: 5px; }
.subpages-proinfo-btn h3 a{display: block; color: #fff; }
.subpages-proinfo-btn h4{width: 49%; height: 35px; line-height: 35px; float: right; background: #00703C; border-radius: 5px; }
.subpages-proinfo-btn h4 a{display: block; color: #fff; }

.subpages-base{width: 1200px; height: auto; min-height: 450px; margin: 40px auto 0 auto; overflow: hidden; }
.subpages-base p{margin: 15px 0; text-indent: 2rem; }

.subpages-csr{width: 1230px; height: auto; margin: 40px auto 0 auto; overflow: hidden; }
.subpages-csr figure{width: 380px; height: auto; float: left; margin-right: 30px; }
.subpages-csr figure h2{text-align: center; margin: 20px auto; font-size: 16px; }
.subpages-csr figcaption{padding: 10px 0; }

.subpages-news{width: 1200px; height: auto; margin: 40px auto 0 auto; overflow: hidden; }
.subpages-news li{width: 100%; height: auto; float: left; margin-bottom: 30px; }
.subpages-news-pic{width: 380px; height: auto; float: left; overflow: hidden; position: absolute;}
.subpages-news-pic img{transition: all .5s ease-in-out;  }
.subpages-news-pic img:hover{transform: scale(1.05); }
.subpages-news-time{padding: 5px; background: rgba(0,0,0,0.67); color: #fff; font-size: 12px; position: absolute; z-index: 1; bottom: 0; right: 0; }
.subpages-news-txt{width: 780px; height: auto; min-height: 200px; float: right; background: #fff; padding: 20px; }
.subpages-news-txt h2{font-size: 16px; padding: 5px 0; }
.subpages-news-txt p{color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.subpages-news-txt h3{margin-top: 10px; }
.subpages-news-txt h3 a{display: block; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 0; background: #eee; color: #999; border-radius: 4px; }
.subpages-news-txt h3 a:hover{background: #00703C; color: #fff; width: 110px; }

.subpages-newsinfo{width: 1160px; height: auto; margin: 40px auto 0 auto; overflow: hidden; padding: 20px; background: #fff; }
.subpages-newsinfo h1{font-size: 20px; font-weight: bold; text-align: center; padding: 20px 0; }
.subpages-newsinfo h2{text-align: center; font-size: 12px; color: #999; border: #eee solid 1px; border-left: 0; border-right: 0; padding: 5px 0; margin-bottom: 20px;  }
.subpages-newsinfo p{margin: 15px 0; text-indent: 2.0rem; font-size: 16px; }
.subpages-newsinfo-btn{width: 100%; height: auto; margin: 20px auto; border-bottom: #eee solid 1px; border-top: #eee solid 1px; padding: 15px 0; text-align: center; overflow: hidden; }
.subpages-newsinfo-btn h3{border-radius: 25px; background: #555666; color: #fff; width: 120px; height: 30px; line-height: 30px; display: inline-block; margin: 0 5px; }
.subpages-newsinfo-btn h3 a{color: #fff; display: inline-block;  width: 120px; height: 30px; border-radius: 25px; }
.subpages-newsinfo-btn h3 a:hover{color: #fff; background: #00703C; display: inline-block; border-radius: 25px; width: 120px; height: 30px; }
.subpages-newsinfo h4 p{text-indent: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

#subjobs{width: 1230px; height: auto; margin: 40px auto 0 auto; overflow: hidden; }
#subjobs li{width: 545px; height: auto; float: left; min-height: 550px; margin-right: 30px; margin-bottom: 30px; background: #fff; padding: 20px; cursor: pointer; transition:All 0.4s ease-in-out; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
#subjobs li h2{font-size: 16px; height: auto; border-bottom: #eee solid 1px; width: 455px; float: left; padding-bottom: 5px; }
#subjobs li h3{ height: auto; border-bottom: #eee solid 1px; width: 90px; float: right; padding-bottom: 5px;}
#subjobs li h3 span{color: #f22f01;}
#subjobs li:hover{display: block; box-shadow: 0 0 10px rgba(0,0,0,0.10); -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);  -o-transform:translateY(-10px);transform:translateY(-10px);}
.jobs-1{width: 100%; height: auto; padding: 10px 0; overflow: hidden; line-height: 180%;}
.jobs-1 p{color: #888;}
.jobs-1 h4{width: 90px; height: 30px; line-height: 30px; background: #00703C; color: #fff; text-align: center; margin-bottom: 10px; margin-top: 10px;}

.subpages-cont{width: 100%; height: auto; margin: 40px auto 0 auto; }
.subpages-contact-left{width: 49%; height: auto; float: left; margin-top: 20px; }
.subpages-contact-left h1{font-size: 30px; font-weight: bold; margin-bottom: 25px; line-height: 120%; }
.subpages-contact-left h2{font-size: 20px; font-weight: bold; margin: 25px auto; line-height: 120%; }
.subpages-contact-left h3{font-size: 16px; font-weight: bold; }
.subpages-contact-left p{margin: 10px auto; border-bottom: #d8d8d8 dotted 1px; padding-bottom: 5px; text-transform: none; }
.subpages-contact-left span{ padding-left: 13px;}
.subpages-contact-right{width: 49%; height: auto; float: right; margin-top: 20px; }





/*==========以下样式为移动端==========*/

/*头部*/
.sp_header{height:60px; overflow:hidden; background: #fff; position:fixed; z-index:10000; width:100%; box-shadow: 0 3px 3px rgba(0,0,0,0.10); display: none; }
.sp_logo{padding:0;float:left;height:60px}
.sp_logo img{margin:auto; width: auto; height: 60px;}
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#00703C; width:30px; height:2px; position:absolute; left:10px; transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99;background:#f6f6f6;width:100%;height: calc(100% );font-size:1.0rem;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: none; }
.nav_show{top:40px}
.sjj_nav>ul>li:first-child{overflow:hidden;}
.sjj_nav>ul>li:first-child>a{float:left;width: calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language0{float:right;width:80px;overflow:hidden;line-height:40px;margin-top:21px;}
.sjj_nav>ul>li:first-child .language0 img{width: 70%; }
.sjj_nav>ul>li:first-child .language0 a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-size: 0.9rem; }
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;  }
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0rem; text-transform: uppercase;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display: block;}
.sjj_nav ul li ul li a{color:#888;display:block;text-align:left; text-transform: capitalize;}
.sjj_nav ul li i svg{width:29px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#00703C}
.sjj_nav ul li ul li>ul{margin-left:10px}
.h5-search{width: 100%; height: auto; overflow: hidden; margin: 15px auto; }
.h5-search h2{width: 84%; height: auto; float: left; }
.h5-search h2>input{width: 100%; height: 30px; border: #e5e5e5 solid 1px; box-sizing: border-box; text-indent: 0.5rem; color: #999; }
.h5-search h3{width: 13%; height: auto; float: right; padding-right: 2%; }
.h5-search h3>input{width: 100%; height: 26px; border: 0; background: #555666; color: #fff; }



/*底部*/
#h5-footer-content{width:96%; height:auto; margin:0 auto;  display: none; background: #202020; color: #c5c5c5; padding: 20px 2%; text-align: left; line-height: 200%; font-size: 0.9rem; }

/*返回顶部*/
.lanrenzhijia_top{ width:50px; height:50px; position:fixed; right:0px; bottom:0px; z-index:9999; display:none; background:url(../images/top02.png) no-repeat; }



/*焦点图*/
#h5-movie{width:100%; height:auto; margin:0 auto; text-align:center; overflow:hidden; display:none;  padding-top:60px; }
#h5-movie img{width: 100%;}
#h5-home-probtn{width: 100%; height: auto; position: relative; display: none; z-index: 5;}
#h5-home-probtn>input{width: 160px; height: 40px; line-height: 40px; margin-left: 20px; background: #0070c0; color: #fff; border: 0; border-radius: 5px; cursor: pointer;}
.swipe {width:100%;min-height:10px;/*max-width:500px;*/margin:0 auto;overflow: hidden;visibility: hidden;position:relative;width:100%;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
.swipe-wrap > div a{display:block;background:url(../images/loading.gif) no-repeat center center;}
.swipe-wrap img{width:100%;height:auto;/*max-height:320px;*/}

/*内页导航*/
.header{position:relative;height:auto; background:#373737; display: none; overflow: }
.h5-right-tit{width:100%; height:auto; overflow:hidden; }
.h5-right-tit-left{width:88%; height:40px; line-height:40px; float:left;  color:#fff; text-align:left; text-indent:1rem; font-size:1.1rem; background:#00703C; }
.h5-right-tit-right{width:12%; height:40px; float:right;  }


/*翻页*/

#pages{width: 100%; height: auto; padding: 20px 0; overflow: hidden;}
DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}