@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css 
   |  * Info       : 昂斯新材
   |  * Writer     : Flying  
   |  * Date       : 2019.09.02
   |  * 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: 14px/180% "Microsoft Yahei","微软雅黑",Arial,Helvetica,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif"; margin: 0 auto; color: #333; 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; vertical-align: middle; }
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:#022d2e;}
a:active, a:hover { text-decoration: none; outline:none; color:#ff6600; }
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*在线客服*/
#leftsead{width:161px;height:290px;position:fixed;top:450px;right:0px; z-index:100;}
/**html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}*/
#leftsead li{width:161px;height:50px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px; }
#leftsead li a .shows{display:block; }
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#012d2e;height:47px;margin-left:47px;border:1px solid #012d2e;text-align:center;line-height:47px}
#p3{width:112px;background-color:#deae5a;height:47px;margin-left:47px;border:1px solid #deae5a;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}

/*在线客服*/
.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;}

/*在线客服留言系统*/
.rides-cs {  font-size:12px; background:#022d2e; position: fixed; bottom:95px; right:0px; _position: absolute; z-index:500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width:36px; float:left; position: relative; z-index:1; margin: 15px 0;  height: 162px; }
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR {width:230px; float: left; padding:5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#FFF; border-radius:6px;margin:10px auto;}
.rides-cs .cn .titZx{ font-size:14px; color:#333; line-height:24px; padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:0; left: 0; background-image:url(../images/p-13.png); background-repeat: no-repeat; display:block;  height:370px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -35px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

.online-book{width:200px; height:auto; margin:0 auto; overflow:hidden; padding:15px;}
.online-book h2{width: 100%; height: auto; margin: 20px 0; }
.online-book h2>input{width: 100%; height: 32px; border: 0; background: #eee; color: #666; border-radius: 4px; text-indent: 0.5rem; }
.online-book-button{width:200px; height:auto; border:0; border-radius:4px; padding:8px 0; margin:10px auto; font-size:14px; background:#28a2ed; color:#FFF; cursor:pointer; border-radius: 4px; }
.online-book h3{width: 100%; height: auto; margin: 20px 0; }
.online-book h3>textarea{width: 100%; height: auto; border: #eee solid 1px; background: #eee; color: #666; border-radius: 4px; padding: 2%; box-sizing: border-box; }
.online-book h4{width: 100%; height: auto; margin: 20px 0; }
.online-book h4>input{width: 100%; height: 32px; border: 0; background: #022d2e; color: #fff; cursor: pointer; border-radius: 4px; }


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

#header-bar1 .navigation{width: 770px; height: 70px; float: left; }
#nav {margin:0 auto; width:770px; 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:110px; height:70px; line-height:70px; /*IE6 only*/}
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:110px; }
#nav .mainlevel a:hover {text-decoration:none; background: #022d2e; color: #fff; }
#nav .mainlevel ul {display:none; position:absolute; top: 70px; }
#nav .mainlevel li {border-top:1px solid #073a3b; /*IE6 only*/}
#nav .mainlevel li a{background:#022d2e; color: #fff; width:110px; font-size:14px; height:auto; line-height: 160%; padding: 10px 0; text-transform: none;}
#nav .mainlevel li a:hover{ background:#073a3b; color: #fff; }

#header-bar1 .search{width: 70px; height: auto; float: left; }
#container { width:70px; height: 70px; margin:0 auto; position: absolute; background: url(../images/icon-search.png) no-repeat 50% 50%; text-align: center; }
#topnav a.menu-open { color:#666!important; outline:none; display: block; }
#topnav span{font-size: 32px; font-weight: bold; line-height: 70px; }
#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: #022d2e url(../images/icon-search0.png) no-repeat 50% 50%; background-size: 50%;  cursor: pointer; border-radius: 0 30px 30px  0; }

#header-bar1 .language{width: 120px; height: auto; float: right; }
div.nav{
    width: 120px;
    height:70px;
    text-align: center;
    position: relative;
	  margin:0;
}
/*nav-main*/
ul.nav-main{
    width: 120px;
    height: 70px; line-height: 70px;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left:0;
    width: 0;
    height: 0;
    background:none;
}
/*导航条设置*/
ul.nav-main>li{
    width: 120px;
    height: 70px;
    display: block;
    float: left;
    margin-right: 0;
    cursor: pointer;
    background: url(../images/flag-cn.jpg) no-repeat 15% 50%;
    text-indent: 2.5rem;
    font-size: 14px;
    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;
}
ul.nav-main>li:hover{ background: url(../images/flag-cn.jpg) no-repeat 15% 50% #022d2e; color: #fff; 
    
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 120px;
    border: 0;
    border-top: 0;
    position: absolute;
    display:none;
    background:#fff;
    z-index: 9;
    top: 70px;

}
.hidden-box>ul{
    list-style-type: none;
    cursor: pointer; background: #022d2e; 
}
.hidden-box li a{height: 50px; line-height: 50px;  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; color: #fff; }
.hidden-box li:hover{ background: #073a3b;  height: 50px;}
.hidden-box li img{width: 18%; height: auto; margin-right: 10px;}

/*PC站底部*/
#footer-content{width: 100%; height: auto; background: #022d2e; }
#footer-bar1{width: 1200px; height: auto; margin: 0 auto; background: url(../images/img-1.jpg) repeat-y 660px 0; padding: 40px 0; overflow: hidden; }
#footer-bar1 .footer-nav{width: 625px; height: auto; float: left; line-height: 220%; }
#footer-bar1 .footer-nav li{width: 125px; height: auto; float: left; }
#footer-bar1 .footer-nav li p span{font-size: 16px; color: #3c9b9d; }
#footer-bar1 .footer-nav li p a{color: #5e8182; }
#footer-bar1 .footer-nav li p a:hover{color: #ff6600; }

#footer-bar1 .footer-cont{width: 385px; height: auto; float: left; margin-left: 70px; }
#footer-bar1 .footer-cont img{margin-right: 8px; }
#footer-bar1 .footer-cont p{color: #d8d8d8;  line-height: 240%; }
#footer-bar1 .footer-cont p span{font-size: 16px; color: #fff; }

#footer-bar1 .footer-followus{width: 120px; height: auto; float: left; }
#footer-bar1 .footer-followus figure img{margin-bottom: 5px; }
#footer-bar1 .footer-followus figcaption{text-align: center; color: #d8d8d8; }

#copyright-content{width: 100%; height: auto; background: #042627; }
#copyright{width: 1200px; height: auto; line-height: 60px; margin: 0 auto; text-align: center; color: #389496; }
#copyright a{color: #389496; }


/*综合首页*/
#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: 70px 0; overflow: hidden; }
.home-culture{width: 1200px; height: auto; margin: 0 auto; }
.home-culture-tit{width: 100%; height: auto; }
.home-culture-tit h1{text-align: center; color: #022d2e; font-size: 30px; }
.home-culture-tit h2{text-align: center; color: #a5a5a5; font-size: 14px; letter-spacing: 1.0px; margin-top: 10px; position: relative; }
.home-culture-tit h2:before{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; left: 160px; content: ''; }
.home-culture-tit h2:after{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; right: 160px; content: ''; }
.home-culture-nav{width: 1215px; height: auto; overflow: hidden; margin-top: 40px; }
.home-culture-nav figure{width: 390px; height: auto; float: left; margin-right: 15px; background: #fff; overflow: hidden; }
.home-culture-nav figure img{transition: all .4s ease-in-out; }
.home-culture-nav figure img:hover{transform: scale(1.15); }
.home-culture-nav figcaption{width: 330px; height: 140px; padding: 30px; }
.home-culture-nav figcaption h2{text-align: center; }
.home-culture-nav figcaption h2 img{transition: all .4s ease-in-out; }
.home-culture-nav figcaption h2 img:hover{transform: rotate(360deg); }
.home-culture-nav figcaption p{text-align: center; }

#home-bar2{width: 100%; height: auto; min-height: 640px; padding: 70px 0; overflow: hidden; background: #ededed url(../images/img-bg.jpg) no-repeat center; }
.home-product{width: 1200px; height: auto; margin: 0 auto; }
.home-product-tit{width: 100%; height: auto; }
.home-product-tit h1{text-align: center; color: #022d2e; font-size: 30px; }
.home-product-tit h2{text-align: center; color: #a5a5a5; font-size: 14px; letter-spacing: 1.0px; margin-top: 10px; position: relative; }
.home-product-tit h2:before{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; left: 160px; content: ''; }
.home-product-tit h2:after{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; right: 160px; content: ''; }
.home-product-pic{width: 1200px; height: auto; overflow: hidden; margin-top: 40px; }
.scroll-outer{height:auto; width: 100%;}
#scroll{width:1220px; margin:0 auto; padding: 0; overflow: hidden; }
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{width:265px;height:auto; margin:0 20px 0 auto; overflow:hidden; background: #fff; padding: 10px; }
#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 h4{width: 265px; height: auto; border: 0; overflow: hidden; }
#scroll .item h5{text-align: center;  font-size: 16px; padding: 10px 0;  transition:All 0.4s ease-in-out; overflow: hidden;}
#scroll .item h6{text-align: right; padding: 10px 0; }
#scroll .item h6 img{margin: 0 3px; }
.owl-theme .owl-controls .owl-buttons {position:absolute;top:0;width:0;height:0;margin:0;padding:0;border-radius:0;font:0;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:0;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:0;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:"";}

#home-bar3{width: 100%; height: auto; padding: 70px 0; overflow: hidden; background: #ededed url(../images/img-bg2.jpg) no-repeat center top; }
.home-comp{width: 1200px; height: auto; margin: 0 auto; }
.home-comp-tit{width: 100%; height: auto; }
.home-comp-tit h1{text-align: center; color: #fff; font-size: 30px; }
.home-comp-tit h2{text-align: center; color: #fff; font-size: 14px; letter-spacing: 1.0px; margin-top: 10px; position: relative; }
.home-comp-tit h2:before{width: 300px; height: 1px; background: #fff; position: absolute; bottom: 10px; left: 160px; content: ''; }
.home-comp-tit h2:after{width: 300px; height: 1px; background: #fff; position: absolute; bottom: 10px; right: 160px; content: ''; }
.home-comp-txt{width: 1120px; height: auto; border: #e9e9e9 solid 1px; background: #fff; padding: 39px; margin-top: 40px;overflow: hidden; }
.home-comp-video{width: 480px; height: auto; min-height: 315px; float: left; background: url(../images/icon-comp.png) no-repeat left top; padding-left: 50px; }
.home-comp-video source{width: 100%; }
.home-comp-wen{width: 560px; height: auto; float: right; }
.home-comp-wen h2{text-align: left; margin-top: 10px; }
.home-comp-wen h2 a{display: inline-block; width: 98px; height: 28px; line-height: 28px; background: #022d2e; color: #fff; text-align: center; border-radius: 4px; }
.home-comp-wen h2 a:hover{background: #ff6600; }
.home-comp-wen p{text-indent: 2.0rem; color: #707070; line-height: 195%; }

#home-bar4{width: 100%; height: auto; padding: 70px 0; overflow: hidden; background: #fff; }
.home-news{width: 1200px; height: auto; margin: 0 auto; }
.home-news-tit{width: 100%; height: auto; }
.home-news-tit h1{text-align: center; color: #022d2e; font-size: 30px; }
.home-news-tit h2{text-align: center; color: #a5a5a5; font-size: 14px; letter-spacing: 1.0px; margin-top: 10px; position: relative; }
.home-news-tit h2:before{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; left: 160px; content: ''; }
.home-news-tit h2:after{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; right: 160px; content: ''; }
.home-news-txt{width: 1230px; height: auto; margin-top: 40px; overflow: hidden; }
.home-news-txt figure{width: 380px; height: auto; float: left; margin-right: 30px; background: #f7f7f7; overflow: hidden; }
.home-news-txt figure img{transition: all .4s ease-in-out; }
.home-news-txt figure img:hover{transform: scale(1.15); }
.home-news-txt figcaption{width: 340px; height: 170px; padding: 20px; }
.home-news-txt figcaption h2{width: 100%; height: 45px; line-height: 45px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.home-news-txt figcaption h3{text-align: left; color: #c6c6c6; font-size: 12px; }
.home-news-txt figcaption h4{width: 100%; height: auto; padding: 5px 0; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.home-news-txt figcaption h5{text-align: center; margin-top: 5px; }
.home-news-txt figcaption h5 a{display: inline-block; width: 140px; height: 35px; line-height: 35px; border: #e9e9e9 solid 1px; background: #fff; border-radius: 25px; color: #b4b4b4; }
.home-news-txt figcaption h5 a:hover{background: #ff6600; border: #ff6600 solid 1px; color: #fff; }


/*内页样式开始*/
#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; }
#subpages-banner .banner-1{width: 100%; height: 430px; background: url(../images/banner-1.jpg) no-repeat center top; background-attachment: fixed; }
#subpages-banner .banner-2{width: 100%; height: 430px; background: url(../images/banner-2.jpg) no-repeat center top; background-attachment: fixed; }
#subpages-banner .banner-3{width: 100%; height: 430px; background: url(../images/banner-3.jpg) no-repeat center top; background-attachment: fixed; }
#subpages-banner .banner-4{width: 100%; height: 430px; background: url(../images/banner-4.jpg) no-repeat center top; background-attachment: fixed; }
#subpages-banner .banner-5{width: 100%; height: 430px; background: url(../images/banner-5.jpg) no-repeat center top; background-attachment: fixed; }
#subpages-banner .banner-6{width: 100%; height: 430px; background: url(../images/banner-6.jpg) no-repeat center top; background-attachment: fixed; }

#subpages-content{width: 100%; height: auto; background: #fff; overflow: hidden; }
.subpages-content-tit{width: 100%; height: 60px; background: #012d2e; }

.subpages-comp{width: 1200px; height: auto; margin: 70px auto; overflow: hidden; }
.subpages-comp-nav{width: auto;  height: auto; margin: 0 auto; display: table; }
.subpages-comp-nav li{width: 300px; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-comp-nav li a{display: block; color: #fff; }
.subpages-comp-nav li a:hover, #current{background: #fff; color: #022d2e; }
.subpages-comp-tit{width: 100%; height: auto; }
.subpages-comp-tit h2{text-align: center; color: #022d2e; font-size: 30px; }
.subpages-comp-tit h3{text-align: center; color: #a5a5a5; position: relative; margin-top: 10px; }
.subpages-comp-tit h3:before{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; left: 160px; content: ''; }
.subpages-comp-tit h3:after{width: 300px; height: 1px; background: #e4e4e4; position: absolute; bottom: 10px; right: 160px; content: ''; }
.subpages-comp-txt{width: 100%; height: auto; margin-top: 40px; font-size: 16px; line-height: 200%; color: #444; }
.subpages-comp-txt p{text-indent: 2rem; margin: 10px 0; }

.subpages-honor{width: 100%; height: auto; margin-top: 40px; }
.scrollleft{width:100%; margin:0 auto;}
.scrollleft li{float:left; margin-right:20px;display:inline;width:285px;text-align:center;}
.scrollleft img{width:285px; height:auto; }

.subpages-partner{width: 1120px; height: auto; margin: 40px auto 0 auto; overflow: hidden; }
.subpages-partner figure{width: 133px; height: auto; float: left; margin-right: 5px; margin-bottom: 5px; border: #eee solid 1px; }

.subpages-product{width: 1220px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-product-nav{width: auto;  height: auto; margin: 0 auto; display: table; }
.subpages-product-nav li{width: auto; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-product-nav li a{display: block; color: #fff; padding: 0 30px; }
.subpages-product-nav li a:hover, #current{background: #fff; color: #022d2e; }
.subpages-product figure{width: 265px; height: auto; float: left; background: #f6f6f6; padding: 10px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; }
.subpages-product figure img{transition: all .4s ease-in-out; }
.subpages-product figure img:hover{transform: scale(1.05); }
.subpages-product figcaption{padding: 10px 0; text-align: center; }

.subpages-proinfo{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-proinfo-bigpic{width: 100%; height: auto; text-align: center; margin-bottom: 20px;  background: #f9f9f9; overflow: hidden; padding: 2% 0; }
.subpages-proinfo-txt{width: 100%; height: auto; }
.subpages-proinfo-txt h2{ margin: 5px 0; }
.subpages-proinfo-txt h2 span{margin-right: 10px; font-size: 16px; }
.subpages-proinfo-txt h3{ margin: 5px 0; }
.subpages-proinfo-txt h3 span{margin-right: 10px; font-size: 16px; }

.subpages-enquiry{width: 92%; height: auto; margin-top: 40px; overflow: hidden; background: #f9f9f9; padding: 4%; }
.enquiry{width: 96%; height: auto; background: #fff; border-radius: 4px; overflow: hidden; padding: 2%; }
.enquiry h1{text-align: left; font-size: 16px; border-bottom: #eee solid 1px; padding-bottom: 10px; }
.enquiry p{margin: 15px auto; overflow: hidden; }
.enquiry h2{width: 49%; height: auto; float: left; padding: 0; margin-bottom: 20px; }
.enquiry h2 span{font-size: 14px; line-height: 42px; color: #022d2e; text-align: left; position: absolute; z-index: 1; margin-left: 10px; font-weight: bold; }
.enquiry h2>input{width: 100%; height: 40px; border: #eee solid 1px; text-indent: 5.0rem;box-sizing: border-box; }
.enquiry h3{width: 49%; height: auto; float: right; margin-bottom: 20px; }
.enquiry h3 span{font-size: 14px; line-height: 42px; color: #022d2e; text-align: left; position: absolute; z-index: 1; margin-left: 10px; font-weight: bold; }
.enquiry h3>input{width: 100%; height: 40px; border: #eee solid 1px; text-indent: 5.0rem; box-sizing: border-box; }
.enquiry h4{width: 100%; height: auto; float: right; margin-bottom: 20px; }
.enquiry h4 span{font-size: 14px; line-height: 42px; color: #022d2e; text-align: left; position: absolute; z-index: 1; margin-left: 10px; font-weight: bold; }
.enquiry h4>textarea{width: 100%; height: auto; border: #eee solid 1px; box-sizing: border-box; padding: 1%; color: #333; text-indent: 4.5rem; }
.enquiry h5{width: 100%; height: auto; float: right; margin-bottom: 20px; }
.enquiry h5>input{width: 150px; height: 50px; text-align: center; border: #eee solid 1px; border-radius: 6px; cursor: pointer; background: #022d2e; color: #fff; font-size: 16px; }
.enquiry h5>input:hover{background: #ff6600; }

.subpages-network{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; text-align: center; }
.subpages-network p{text-align: left; }
.subpages-network-nav{width: 1200px;  height: auto; margin: 0 auto; }
.subpages-network-nav li{width: 50%; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-network-nav li a{display: block; color: #fff; padding: 0 30px; }
.subpages-network-nav li a:hover, #current{background: #fff; color: #022d2e; }

.subpages-news{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-news-nav{width: 1200px;  height: auto; margin: 0 auto; }
.subpages-news-nav li{width: 50%; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-news-nav li a{display: block; color: #fff; padding: 0 30px; }
.subpages-news-nav li a:hover, #current{background: #fff; color: #022d2e; }
.subpages-news-focus{width: 1230px; height: auto; overflow: hidden; margin-bottom: 40px; }
.subpages-news-focus figure{width: 380px; height: auto; float: left; margin-right: 30px; background: #f7f7f7; overflow: hidden; }
.subpages-news-focus figure img{transition: all .4s ease-in-out; }
.subpages-news-focus figure img:hover{transform: scale(1.15); }
.subpages-news-focus figcaption{width: 340px; height: 170px; padding: 20px; }
.subpages-news-focus figcaption h2{width: 100%; height: 45px; line-height: 45px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.subpages-news-focus figcaption h3{text-align: left; color: #c6c6c6; font-size: 12px; }
.subpages-news-focus figcaption h4{width: 100%; height: auto; padding: 5px 0; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.subpages-news-focus figcaption h5{text-align: center; margin-top: 5px; }
.subpages-news-focus figcaption h5 a{display: inline-block; width: 140px; height: 35px; line-height: 35px; border: #e9e9e9 solid 1px; background: #fff; border-radius: 25px; color: #b4b4b4; }
.subpages-news-focus figcaption h5 a:hover{background: #ff6600; border: #ff6600 solid 1px; color: #fff; }
.subpages-news-txt{width: 100%; height: auto; overflow: hidden; }
.subpages-news-txt li{width: 100%; height: auto; border-bottom: #eee dotted 1px; padding-bottom: 20px; margin-bottom: 20px; }
.subpages-news-txt li h2{font-size: 16px; }
.subpages-news-txt li h3{text-align: left; color: #c6c6c6; font-size: 12px; }
.subpages-news-txt li h4{color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.subpages-news-txt li h5{text-align: left; margin-top: 10px; }
.subpages-news-txt li h5 a{display: inline-block; width: 98px; height: 30px; line-height: 30px; text-align: center; background: #eee; color: #999; border-radius: 4px; }
.subpages-news-txt li h5 a:hover{background: #022d2e; color: #fff; }

.subpages-newsinfo{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-newsinfo h1{text-align: center; padding: 15px 0; font-size: 22px; font-weight: bold; }
.subpages-newsinfo h2{text-align: center; color: #999; border: #eee solid 1px; border-left: 0; border-right: 0; padding: 10px 0; margin-bottom: 20px; }
.subpages-newsinfo h2 span{margin: 0 30px; }
.subpages-newsinfo p{margin: 15px 0; text-indent: 2rem; }
.subpages-newsinfo h3{text-align: right; border-top: #eee solid 1px; padding: 10px 0; }
.subpages-newsinfo h3 a{color: #999; }
.subpages-newsinfo h3 a:hover{color: #ff6600; }

.subpages-jobs{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-jobs p{text-indent: 2rem; }
.subpages-jobs-nav{width: 1200px;  height: auto; margin: 0 auto; }
.subpages-jobs-nav li{width: 50%; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-jobs-nav li a{display: block; color: #fff; padding: 0 30px; }
.subpages-jobs-nav li a:hover, #current{background: #fff; color: #022d2e; }
.sub-jobs-list{width: 1240px; height: auto; margin: 0 auto; overflow: hidden; }
.sub-jobs-list li{width: 540px; height: auto; min-height: 600px; float: left; background: #f9f9f9; box-shadow: #ccc 0 3px 8px; padding: 20px; margin-right: 40px; margin-bottom: 30px; }
.jobs-content{width: 100%; height: auto; overflow: hidden; }
.jobs-d1{width: 100%; height: auto;  border-bottom: #e5e5e5 solid 1px; overflow: hidden; }
.jobs-d1 h4{width: 70px; height: auto; float: left; font-weight: bold; }
.jobs-d1 h5{width: 460px; height: auto; float: right; font-weight: bold; }
.jobs-d2{width: 100%; height: auto; overflow: hidden; margin: 10px auto; }
.jobs-d2 h4{width: 100%; height: auto; float: left; font-weight: bold; padding-top: 7px; }
.jobs-d2 h5{width: 100%; height: auto; float: right; }
.jobs-d2 h5 p{margin: 10px 0; color: #5e5e5e; line-height: 160%; text-indent: 0;  }

.subpages-contact{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-contact-nav{width: 1200px;  height: auto; margin: 0 auto; }
.subpages-contact-nav li{width: 50%; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-contact-nav li a{display: block; color: #fff; padding: 0 30px; }
.subpages-contact-nav li a:hover, #current{background: #fff; color: #022d2e; }
.subpages-contact-left{width: 49%; height: auto; float: left; margin-top: 20px; }
.subpages-contact-left h1{font-size: 22px; font-weight: bold; margin-bottom: 25px; }
.subpages-contact-left h1 img{margin-right: 10px; width: 180px; }
.subpages-contact-left img{margin-right: 5px; margin-bottom: 5px; }
.subpages-contact-left p{margin: 10px auto; border-bottom: #d8d8d8 dotted 1px; padding-bottom: 12px; }
.subpages-contact-right{width: 49%; height: auto; float: right; margin-top: 20px; }
.subpages-contact-right p{margin-bottom: 30px; }

.subpages-feedback{width: 1200px; height: auto; margin-top: 40px; overflow: hidden; }
.subpages-feedback-nav{width: 1200px;  height: auto; margin: 0 auto; }
.subpages-feedback-nav li{width: 50%; height: auto; float: left; line-height: 60px; text-align: center; margin: 0 auto; font-size: 16px; }
.subpages-feedback-nav li a{display: block; color: #fff; padding: 0 30px; }
.subpages-feedback-nav li a:hover, #current{background: #fff; color: #022d2e; }
.feedback{width: 100%; height: auto; overflow: hidden;  }
.feedback p{margin: 15px auto; overflow: hidden; }
.feedback h1{width: 49%; height: auto; float: left; padding: 0; margin-bottom: 20px; }
.feedback h1 span{font-size: 14px; line-height: 42px; color: #022d2e; text-align: left; position: absolute; z-index: 1; margin-left: 10px; font-weight: bold; }
.feedback h1>input{width: 100%; height: 40px; border: #ccc solid 1px; text-indent: 5.0rem;box-sizing: border-box; }
.feedback h4{width: 49%; height: auto; float: right; margin-bottom: 20px; }
.feedback h4 span{font-size: 14px; line-height: 42px; color: #022d2e; text-align: left; position: absolute; z-index: 1; margin-left: 10px; font-weight: bold; }
.feedback h4>input{width: 100%; height: 40px; border: #ccc solid 1px; text-indent: 5.0rem; box-sizing: border-box; }
.feedback h5{width: 100%; height: auto; float: right; margin-bottom: 20px; }
.feedback h5 span{font-size: 14px; line-height: 42px; color: #022d2e; text-align: left; position: absolute; z-index: 1; margin-left: 10px; font-weight: bold; }
.feedback h5>textarea{width: 100%; height: auto; border: #ccc solid 1px; box-sizing: border-box; padding: 1%; color: #333; text-indent: 4.5rem; }
.feedback h6{width: 100%; height: auto; float: right; margin-bottom: 20px; }
.feedback h6>input{width: 150px; height: 50px; text-align: center; border: 0; border-radius: 6px; cursor: pointer; background: #022d2e; color: #fff; font-size: 16px; }
.feedback h6>input:hover{background: #ff6600; }





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

/*头部*/
.sp_header{height:60px; overflow:hidden; background: #022d2e; 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 h5{display: inline-block; text-align: center; margin-right: 5px; }
.sp_logo h5 a{display: inline-block; width: 30px; height: 30px; line-height: 30px;  background: #fff; border-radius: 50%; font-size: 12px;  }
.sp_logo h6{display: inline-block; text-align: center; }
.sp_logo h6 a{display: inline-block; width: 30px; height: 30px; line-height: 30px;  background: #fff; border-radius: 50%; font-size: 12px;  }
.sp_logo img{margin:auto; width: auto; height: 60px; margin-right: 15px; }
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
.sp_nav span{display:block;background:#fff; 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:60px}
.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; }
.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:#333;width:80%; display: block;}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; text-transform: capitalize; font-size: 0.9rem; }
.sjj_nav ul li i svg{width:29px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.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; }


#h5-movie{width:100%; height:auto; margin:0 auto; text-align:center; overflow:hidden; display:none; position:relative; padding-top:60px; }
.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:#022d2e; display: none; overflow: }
.h5-right-tit{width:100%; height:auto; overflow:hidden; }
.h5-right-tit-left{width:86%; height:50px; line-height:50px; float:left;  color:#fff; text-align:left; text-indent:1rem; font-size:1.0rem; background:#022d2e; }
.h5-right-tit-right{width:14%; height:50px; 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
}