@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css 
   |  * Info       : CNKYD
   |  * Writer     : Flying  
   |  * Date       : 2019.6.25
   |  * 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, table, caption, tbody, tfoot, thead, tr, th, td, 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% "Poppins-Regular",Arial, Helvetica, sans-serif;  margin: 0 auto; color: #333; background: #f6f6f6; -webkit-tap-highlight-color:rgba(0,0,0,0);  *cursor: default;}
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}
em{font-style: 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 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;}
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:#333;}
a:active, a:hover { text-decoration: none; outline:none; color:#28a2ed;}
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-bar{width: 1200px; height: auto; text-align: center; padding: 35px 0; margin: 0 auto; }

#header-menu{width: 100%; height: auto; background: #000;}
.header-bar2{width: 1200px; height: 45px; margin: 0 auto; }
/*.header-bar2-left{width: 10%; height: auto; float: left; padding-left: 5%; }
.header-bar2-left img{margin: 7.5px 5px 0 0; }*/

.header-bar2-middle{width: 945px; height: auto; float: left; padding: 0; text-align: center; margin: 0 auto; }
.header-navigation{width: 100%; height: auto; margin: 0 auto; text-align: center; }
#nav {margin:0 auto; height: auto; z-index:99; display: table; }
#nav .jquery {margin-right:0;padding:0;}
#nav .mainlevel {float:left; border-right:0; width:auto; height:45px; line-height:45px; /*IE6 only*/}
#nav .mainlevel a {width:135px; text-align:center; text-decoration:none; display:block; margin: 0; color: #fff; font-size: 16px; text-transform: uppercase; font-family: 'Poppins-Regular'; }
#nav .mainlevel a:hover {text-decoration:none; color: #fff; background: #28a2ed; }
#nav .mainlevel ul {display:none; position:absolute; top: 208px; z-index: 99;}
#nav .mainlevel li {border-bottom:#fff solid 0px; /*IE6 only*/}
#nav .mainlevel li a{background:#28a2ed; color: #fff; width:135px; font-size:14px; height:auto; line-height: 120%; padding: 15px 0; text-transform: none; text-transform: capitalize; font-family: 'Poppins-Regular'; border-top: #55bcfc solid 1px; }
#nav .mainlevel li a:hover{ text-decoration:none; color: #fff; background: #55bcfc; }

.header-bar2-right{width: 255px; height: 35px; float: right; text-align: right; padding-top: 10px; }
.div-right{width: 100%; height: auto; }
.div-right li{width: 14.2%; height: auto; float: left; text-align: center; }
.div-right li label>input{width: 30px; height: 20px; border: 0; background: #d31b1a; border-radius: 3px ; color: #fff; text-transform: uppercase; 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; }
.div-right li label>input:hover{background: #d31b1a; color: #fff; }
.div-right li span>input{width: 30px; height: 20px; line-height: 20px; border: 0; background: #2ea2ed; border-radius: 3px; color: #fff; text-transform: uppercase; 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; }
.div-right li span>input:hover{color: #fff; background: #000 }

#container { width:100%; height: auto; margin:0 auto; position: relative; background: url(../images/icon-3.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: #000;  position:absolute; width:300px; z-index:888; border:0 transparent; text-align:left; padding:10px; top: 35px; 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; text-transform: capitalize; font-family: 'Poppins-Regular'; }
.search-content h3{float: right;}
.search-content h3>input{width: 55px; height: 37px; border: 0; background: #136cc0 url(../images/icon-search.png) no-repeat 50% 50%; background-size: 50%;  cursor: pointer; border-radius: 0 30px 30px  0; }


/*PC站底部*/
#footer-bar1{width: 100%; height: auto; text-align: center; }
#footer-bar2{width: 100%; height: auto; min-height: 530px; background: url(../images/img-1.jpg) no-repeat center; }
.footer-consult{width: 1200px; height: auto; margin: 0 auto; padding: 80px 0; overflow: hidden; }
.footer-consult h2{font-size: 30px; color: #fff; text-align: center; text-transform: capitalize; }
.footer-consult h3{text-align: center; margin-top: 30px; }
.footer-consult h3>input{width: 200px; height: 45px; border: 0; background: #fff; border-radius: 25px; color: #3f3f3f; text-transform: uppercase; font-size: 16px; cursor: pointer; }
.footer-consult h3>input:hover{background: #28a2ed; color: #fff; }

.footer-nav{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.footer-nav-01{width: 330px; height: auto; float: left; }
.footer-nav-01 h2{font-size: 26px; font-family: '096-CAI978'; color: #fff; text-transform: uppercase; margin-bottom: 15px; }
.footer-nav-01 p{color: #b6b6b6; }
.footer-nav-01 p span{padding-left: 10px; }

.footer-nav-02{width: 620px; height: auto; float: left; }
.footer-nav-02 li{width: 155px; height: auto; float: left; }
.footer-nav-02 li h2{font-size: 14px; text-transform: uppercase; color: #fff; }
.footer-nav-02 li a{color: #b6b6b6; text-transform: capitalize; }
.footer-nav-02 li a:hover{color: #28e2ed; }

.footer-nav-03{width: 250px; height: auto; float: right; }
.footer-nav-03 h2{font-size: 14px; text-transform: uppercase; color: #fff; }
.footer-nav-03 p{color: #b6b6b6; }
.footer-nav-03 h3{margin-top: 15px; float: left; width: 210px; height: auto; }
.footer-nav-03 h3>input{width: 100%; height: 35px; border: 0; background: #fff; color: #a1a1a1; text-transform: capitalize; text-indent: 0.5rem;  box-sizing: border-box; }
.footer-nav-03 h4{margin-top: 15px; float: right; width: 40px; height: auto; }
.footer-nav-03 h4>input{width: 100%; height: 35px; border: 0; background: #003f98 url(../images/icon-11.png) no-repeat 50% 50%; box-sizing: border-box; cursor: pointer; }
.footer-nav-03 h4>input:hover{background: #ff6600 url(../images/icon-11.png) no-repeat 50% 50%; }


#footer-copyright{width: 100%; height: auto; line-height: 60px; background: #303030; text-align: center; color: #888; font-size: 12px; letter-spacing: 0.5px;  }
#footer-copyright span{text-transform: uppercase;  }
#footer-copyright span a{color: #888; }
#footer-copyright span a:hover{color: #28a2ed; }


/*在线客服留言系统*/
.rides-cs {  font-size:12px; background:#28a2ed; 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; text-transform: capitalize; }
.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; text-transform: capitalize; }
.online-book h4{width: 100%; height: auto; margin: 20px 0; }
.online-book h4>input{width: 100%; height: 32px; border: 0; background: #28a2ed; color: #fff; cursor: pointer; border-radius: 4px; text-transform: uppercase; }

/*在线客服*/
.suspend{width:37px; height:auto; position:fixed; top:200px; right:0; overflow:hidden; z-index:9999;}
.suspend dl{width:auto;height:auto; padding-left:37px; }
.suspend dl dt{width:37px; height:120px; background: url(../images/ser-30.png) no-repeat; position:absolute; top:-1px; left:0; cursor:pointer;}
.suspend dl dd.suspendQQ{width:250px;height:270px; border: #28a2ed solid 1px; background: #fff; }
.suspend dl dd.suspendQQ h2{width: 100%; height: 45px; line-height: 45px; background: #2094dc; color: #fff; text-align: center; text-transform: uppercase; font-family: 'Poppins-Regular'; font-size: 16px; }
.online-cont{width: 80%; height: auto; background: #fff; overflow: hidden; margin: 0 auto; padding: 5% 10%; }
.online-cont li{width: 100%; height: auto; float: left; padding: 5px 0; border-bottom: #ddd solid 1px; font-family: 'Poppins-Regular'; font-size: 12px; }
.online-cont li a{display: inline-block; width: 100%; padding: 5px 0; }
.online-cont li a:hover{background: #f6f6f6; color: #28a2ed; }
.online-cont li img{margin-right: 8px; margin-left: 3px; width: 15px; }


/*PC端综合首页*/
#movie{width: 100%; height: auto; margin: 0 auto; }
.b_rslides_s{position: relative;list-style: none;overflow: hidden;width: 100%; height:auto;padding: 0;margin: 0;}
.b_rslides_s li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.b_rslides_s li:first-child {position: relative;display: block;float: left;}
.b_rslides_s img {display: block;height: auto;float: left;width: 100%;border: 0;}
.b_slide_container {position: relative;float: left;width: 100%; height:auto; margin-bottom:0px;}
.b_slide_container_s {position: relative;float: left;width: 100%; height:auto; margin-bottom:0px;}
.b_slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.b_slide li {position: absolute;width: 100%;left: 0;top: 0;}
.b_slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.b_slide .b_caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.b_slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 10px;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 100px;width: 50px;background: transparent url("../images/themes.png") no-repeat left top;margin-top: -50px;}
.b_slide_nav:active {opacity: 1.0;}
.b_slide_nav.next {left: auto;background-position: right top;right: 10px;}

#home-bar1{width: 100%; height: auto; margin: 0 auto; background: #fff; padding: 100px 0; overflow: hidden; }
#home-bar1 .home-guide{width: 1200px; height: auto; margin: 0 auto; }
#home-bar1 .home-guide h2{font-size: 48px; color: #2c2c2c; text-align: center; font-family: "109-CAI978"; }
#home-bar1 .home-guide h3{text-align: center; color: #adadad; text-transform: capitalize; margin-top: 15px; }
#home-bar1 .guide-nav{width: 100%; height: auto; margin-top: 60px; }
#home-bar1 .guide-nav figure{width: 20%; height: auto; float: left; text-align: center; }
#home-bar1 .guide-nav figure a img{filter: grayscale(100%); 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-bar1 .guide-nav figure a:hover img{filter: grayscale(0);}
#home-bar1 .guide-nav figcaption{text-align: center; text-transform: uppercase; padding: 10px 0; }

#home-bar2{width: 100%; height: auto; margin: 0 auto; background: url(../images/img-2.jpg) no-repeat top center; padding: 60px 0; overflow: hidden; }
#home-bar2 .home-comp{width: 1200px; height: auto; margin: 0 auto; }
#home-bar2 .home-comp h2{text-align: center; font-size: 36px; color: #fff; text-transform: uppercase; background: url(../images/icon-17.png) no-repeat center bottom; line-height: 180%; padding-bottom: 10px; font-family: '109-CAI978'; }
#home-bar2 .comp-content{width: 1120px; height: auto; background: #fff ; padding: 40px; margin: 50px auto 0 auto;  overflow: hidden; }
#home-bar2 .comp-content-left{width: 600px; height: auto; float: left; padding-left: 30px; background: url(../images/icon-18.png) no-repeat top left; }
.comp-profile{width: 100%; height: auto; }
.comp-profile-pic{width: 100%; height: auto; margin-bottom: 20px; }
.swiper-container{width:100%;height:100%;}
.swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(255,255,255,0.7);}
.swiper-pagination-bullet-active{color:#fff;background:#ff6600;}
.comp-profile-txt{width: 100%; height: auto; }
.comp-profile-txt h2{margin-top: 10px; }
.comp-profile-txt h2>input{width: 120px; height: 36px; border: 0; background: #28a2ed; color: #fff; text-transform: uppercase; cursor: pointer; }
.comp-profile-txt h2>input:hover{background: #ff6600; }

#home-bar2 .comp-content-right{width: 480px; height: auto; float: right; }
.comp-right-01{width: 100%; height: 120px; background: #215ca9; margin-bottom: 1px; 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; }
.comp-right-01:hover{background: #28a2ed;}
.comp-right-01 h2{width: 120px; height: auto; float: left; text-align: center; padding-top: 25px; }
.comp-right-01 h3{width: 360px; height: auto; float: right; color: #fff; padding-top: 40px; line-height: 160%; }
.comp-right-01 h3 span{font-size: 60px; font-family: '089-CAI978'; }
.comp-right-01 h3 p{text-transform: capitalize; }

.comp-right-02{width: 100%; height: 120px; background: #1472ba; margin-bottom: 1px; 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; }
.comp-right-02:hover{background: #019bcf;}
.comp-right-02 h2{width: 120px; height: auto; float: left; text-align: center; padding-top: 25px; }
.comp-right-02 h3{width: 360px; height: auto; float: right; color: #fff; padding-top: 40px; line-height: 160%; }
.comp-right-02 h3 span{font-size: 60px; font-family: '089-CAI978'; }
.comp-right-02 h3 p{text-transform: capitalize; }

.comp-right-03{width: 100%; height: 120px; background: #28a2ed; margin-bottom: 1px; 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; }
.comp-right-03:hover{background: #07bcdd;}
.comp-right-03 h2{width: 120px; height: auto; float: left; text-align: center; padding-top: 25px; }
.comp-right-03 h3{width: 360px; height: auto; float: right; color: #fff; padding-top: 40px; line-height: 160%; }
.comp-right-03 h3 span{font-size: 60px; font-family: '089-CAI978'; }
.comp-right-03 h3 p{text-transform: capitalize; }

.comp-right-04{width: 100%; height: 120px; background: #019bcf; margin-bottom: 1px; 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; }
.comp-right-04:hover{background: #215ca9;}
.comp-right-04 h2{width: 120px; height: auto; float: left; text-align: center; padding-top: 25px; }
.comp-right-04 h3{width: 360px; height: auto; float: right; color: #fff; padding-top: 40px; line-height: 160%; }
.comp-right-04 h3 span{font-size: 60px; font-family: '089-CAI978'; }
.comp-right-04 h3 p{text-transform: capitalize; }

.comp-right-05{width: 100%; height: 120px; background: #07bcdd; 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; }
.comp-right-05:hover{background: #1472ba;}
.comp-right-05 h2{width: 120px; height: auto; float: left; text-align: center; padding-top: 25px; }
.comp-right-05 h3{width: 360px; height: auto; float: right; color: #fff; padding-top: 40px; line-height: 160%; }
.comp-right-05 h3 span{font-size: 60px; font-family: '089-CAI978'; }
.comp-right-05 h3 p{text-transform: capitalize; }

#home-bar3{width: 100%; height: auto;  margin: 0 auto; background: url(../images/pro-bg.png) no-repeat top center #fff; padding: 60px 0; overflow: hidden; }
#home-bar3 .home-prolist{width: 1200px; height: auto; margin: 0 auto; }
#home-bar3 .home-prolist h2{text-align: center; font-size: 36px; color: #2c2c2c; text-transform: uppercase; background: url(../images/icon-24.png) no-repeat center bottom; line-height: 180%; padding-bottom: 10px; font-family: '109-CAI978'; }
.home-prolist-pic{width: 100%; height: auto; margin-top: 50px; }
.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:285px; height:auto; margin-right:20px; overflow:hidden;}
#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:hover p{background: #28a2ed; color: #fff;}
#scroll .item p:hover{background: #28a2ed; color: #fff;}
#scroll .item h3{position: absolute; z-index: 11; }
#scroll .item h3 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; filter:alpha(opacity=0.0); opacity:0.0; }
#scroll .item h3 img:hover{ filter:alpha(opacity=100); opacity:1.0; }
#scroll .item h2{width: 100%; height: auto; border: 0; overflow: hidden; position: relative; }
#scroll .item p{text-align: center;  padding: 10px 5px; background: #ddd; color: #2c2c2c; font-size: 16px; transition:All 0.4s ease-in-out; text-transform: capitalize; line-height: 160%;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-transform: capitalize;}

#home-bar4{width: 100%; height: auto;  margin: 0 auto; background: #fff; padding: 60px 0; overflow: hidden; }
#home-bar4 .home-certificate{width: 1200px; height: auto; margin: 0 auto; }
#home-bar4 .home-certificate h2{text-align: center; font-size: 36px; color: #2c2c2c; text-transform: uppercase; background: url(../images/icon-24.png) no-repeat center bottom; line-height: 180%; padding-bottom: 10px; font-family: '109-CAI978'; }
.home-certificate-pic{width: 100%; height: auto; margin-top: 50px; }
.mr_frbox{height:auto;padding:0; margin-top: 0; width:1200px; margin: 0 auto;}
.mr_frBtn{width:75px; height:auto; overflow:hidden; margin:0 auto;}
.mr_frBtn img{filter: grayscale(100%); transition:All 0.4s ease-in-out;}
.mr_frBtn img:hover{filter: grayscale(0);}
/*.mr_frBtn01{width:35px; height:auto; float: left; overflow:hidden; padding-top: 70px; cursor: pointer;}
.mr_frBtn01 img{filter:opacity(0%);}
.mr_frBtn01 img:hover{filter:opacity(100%);}
.mr_frBtn02{width:35px; height:auto; float: right; overflow:hidden; padding-top: 70px;  cursor: pointer;}
.mr_frBtn02 img{filter:opacity(0%);}
.mr_frBtn02 img:hover{filter:opacity(100%);}*/
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:35px;margin-top:20px;width:35px; left: 0; }
.mr_frBtnR{float:right;margin-top:20px;cursor:pointer;width:35px; height:35px; right: 0;}
.mr_frUl{float:left;height:auto;width:1200px; overflow:hidden;}
.mr_frUl ul li{display:inline;float:left; width:285px; margin-right:20px; overflow:hidden; position:relative; }
/*.mr_frUl ul li span{position: absolute; z-index: 10; bottom: 65px; right: 15px;}*/
.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-bar5{width: 100%; height: auto;  margin: 0 auto; padding: 60px 0; overflow: hidden; }
#home-bar5 .home-news{width: 1200px; height: auto; margin: 0 auto; }
#home-bar5 .home-news h2{font-size: 36px; color: #2c2c2c; text-transform: capitalize; text-align: center; padding-bottom: 10px; font-family: '109-CAI978'; }
#home-bar5 .home-news h3{text-align: center; color: #adadad; text-transform: capitalize; margin-top: 15px; }
.home-news-list{width: 1230px; height: auto; margin-top: 50px; overflow: hidden; }
.home-news-list figure{width: 380px; height: auto; float: left; margin-right: 30px; overflow: hidden; }
.home-news-list figure img{transition:All 0.4s ease-in-out; }
.home-news-list figure 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);}
.home-news-list figcaption{width: 360px; height: 180px; background: #fff; padding: 20px 10px; }
.home-news-list figcaption h4{font-size: 16px; height: auto;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.home-news-list figcaption h5{font-size: 12px; color: #a3a3a3; margin-top: 5px;}
.home-news-list figcaption p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 160%; }
.home-news-list figcaption h6{text-align: center; margin-top: 10px; }
.home-news-list figcaption h6>input{width: 140px; height: 35px; border: #e9e9e9 solid 1px; border-radius: 25px; background: #fff; color: #cacaca; text-transform: uppercase; cursor: pointer; }
.home-news-list figcaption h6>input:hover{background: #28a2ed; border: #28a2ed solid 1px; color: #fff; }



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

#subpages-content{width: 100%; height: auto; margin: 0 auto; }
#subpages-guide{width: 100%; height: auto; background: #fff; overflow: hidden; }
.guide-content{width: 1200px; height: 65px; margin: 0 auto; }
.guide-content h2{width: 390px; height: auto; line-height: 65px; float: left; font-size: 24px; text-transform: uppercase; font-weight: bold; color: #2c2c2c; }
.guide-content h3{width: 790px; height: auto; line-height: 65px; float: right; text-align: right; text-transform: uppercase; font-family: 'Poppins-Regular'; }
.guide-content h3 img{margin-right: 5px; margin-bottom: 3px; }

#subpages-main{width: 1200px; height: auto; overflow: hidden; margin: 60px auto; }
.subpages-left{width: 240px; height: auto; float: left; overflow: hidden; }
.subpages-left-tit{width: 100%; height: auto; line-height: 65px; font-size: 24px; text-transform: uppercase; font-family: 'Poppins-Regular';  background: #28a2ed; color: #fff; text-indent: 1.5rem; }
.subpages-left-nav{width: 100%; height: auto; }
.subpages-left-nav li{width: 100%; height: auto; line-height: 45px; float: left; }
.subpages-left-nav li a{display: block; margin-top: 1px; background: #fff; text-indent: 1.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; }
.subpages-left-nav li a:hover{display: block; background: #28a2ed; color: #fff; }
.subpages-right{width: 880px; height: auto; background: #fff; float: right; overflow: hidden; padding: 25px; }

.subpages-pro{width: 900px; height: auto; margin: 0 auto; overflow: hidden; }
.subpages-pro li{width: 260px; height: auto; float: left; border: #e5e5e5 solid 1px; padding: 9px; margin-right: 20px; margin-bottom: 30px; }
.text-desc{position: absolute; left: 0; top: 0; background-color: #28a2ed; height: 100%; opacity: 0; width: 100%; padding: 0;}
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 0;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.05);}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
.port-1.effect-2 h2{text-align: center; text-transform: uppercase; font-weight: bold; font-size: 16px; margin-top: 10px; padding: 10px 0; }
.subpages-pro-txt{width: 80%; height: auto; padding: 10%; text-align: left; }
.subpages-pro-txt h3{font-size: 22px; color: #fff; text-transform: uppercase; border-bottom: #55bcfc solid 1px; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; }
.subpages-pro-txt p{text-transform: capitalize; color: #fff; }

.subpages-proinfo{width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.subpages-proinfo-01{width: 100%; height: auto; margin-bottom: 40px; float: left; position: relative; z-index: 1;}
.subpages-proinfo-left{width: 402px; height: auto; float: left; }
/*.ban{ width:100%; height:auto; position:relative; overflow:hidden;}
.ban2{ width:400px; height:490px; position:relative; overflow:hidden; border: #e5e5e5 solid 1px; }
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:400px; height:auto; }
.prev{ float:left; cursor:pointer;}
.num{ height:80px;overflow:hidden; width:335px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:400px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:60px; height:auto; margin-right:5px; padding:1px;}
.num ul li img{width: 60px; }
.num ul li.on{ border:1px solid #28a2ed; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:28px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:28px;cursor:pointer;float:right;}*/

.subpages-proinfo-right{width: 440px; height: auto; float: right; }
.subpages-proinfo-right h2{font-size: 16px; font-weight: bold; text-transform: capitalize; border-bottom: #e5e5e5 solid 1px; padding-bottom: 10px; margin-bottom: 10px; }
.subpages-proinfo-right p{text-transform: capitalize; }

.subpages-proinfo-right-btn{width: 100%; height: auto; margin-top: 40px; }
.subpages-proinfo-right-btn>input{width: 135px; height: 50px; border: 0; border-radius: 3px; background: #28a2ed; color: #fff; font-family: 'Poppins-Regular'; text-transform: uppercase; font-size: 16px; cursor: pointer;}
.subpages-proinfo-right-btn>input:hover{background: #fff; color: #28a2ed; border: #28a2ed solid 1px; }

.subpages-proinfo-right-down{width: 96%; height: auto; margin-top: 40px; background: #f9f9f9; padding: 2%; }
.subpages-proinfo-right-down h2{text-align: left; width: 100%; height: auto; border-bottom: #f0f0f0 solid 1px; font-size: 14px; padding: 0; text-transform: capitalize; }
.subpages-proinfo-right-down-pic{width: 100%; height: auto; overflow: hidden; }
.subpages-proinfo-right-down-pic li{width: 50%; height: auto; float: left; margin: 10px auto; }
.subpages-proinfo-right-down-pic li img{margin-right: 10px; }

.subpages-proinfo-02{width: 100%; height: auto; }
.proinfo-02-tit{display: block; color: #333; text-transform: uppercase; font-size: 22px; position: relative; line-height: 36px; margin-bottom: 20px; border-bottom: 2px solid #eee;  padding-bottom: 5px; }
.proinfo-02-tit:before{position: absolute;  left: 0px; width: 180px; background: #28a2ed; height: 2px; bottom: -2px; content: '';}
.proinfo-02-txt{width: 100%; height: auto; margin-bottom: 20px; overflow: hidden; }
.proinfo-02-txt-left{width: 49%; height: auto; float: left; text-align: left; }
.proinfo-02-txt-right{width: 49%; height: auto; float: right; text-align: left; }
.proinfo-02-txt p{text-transform: capitalize; }



.subpages-proinfo-03{width: 100%; height: auto; }
.proinfo-03-tit{display: block; color: #333; text-transform: uppercase; font-size: 22px; position: relative; line-height: 36px; margin-bottom: 20px; border-bottom: 2px solid #eee;  padding-bottom: 5px;}
.proinfo-03-tit:before{position: absolute;  left: 0px; width: 190px; background: #28a2ed; height: 2px; bottom: -2px; content: '';}
.proinfo-03-txt{width: 100%; height: auto; margin-bottom: 20px; }
.proinfo-03-txt p{text-transform: capitalize; }

.subpages-proinfo-04{width: 100%; height: auto; }
.subpages-proinfo-04 p{text-transform: capitalize; }
.proinfo-04-tit{display: block; color: #333; text-transform: uppercase; font-size: 22px; position: relative; line-height: 36px; margin-bottom: 20px; border-bottom: 2px solid #eee;  padding-bottom: 5px;}
.proinfo-04-tit:before{position: absolute;  left: 0px; width: 190px; background: #28a2ed; height: 2px; bottom: -2px; content: '';}
.proinfo-04-txt{width: 100%; height: auto; margin: 20px auto; }
.proinfo-04-txt h3{width: 49%; height: auto; float: left; margin-bottom: 15px; }
.proinfo-04-txt h3>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; border-radius: 3px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; }
.proinfo-04-txt h4{width: 49%; height: auto; float: right; margin-bottom: 15px; }
.proinfo-04-txt h4>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; border-radius: 3px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; }
.proinfo-04-txt h5{width: 100%; height: auto; float: right; margin-bottom: 15px; }
.proinfo-04-txt h5>textarea{width: 100%; height: auto; border: #e5e5e5 solid 1px; padding: 1%; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; }
.proinfo-04-txt h6{margin-bottom: 15px; }
.proinfo-04-txt h6>input{width: 135px; height: 50px; border: 0; border-radius: 3px; background: #28a2ed; color: #fff; font-family: 'Poppins-Regular'; text-transform: uppercase; font-size: 16px; cursor: pointer; }
.proinfo-04-txt h6>input:hover{background: #fff; color: #28a2ed; border: #28a2ed solid 1px; }

.subpages-case{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.subpages-case li{width: 100%; height: auto; float: left; margin-bottom: 30px; background: #fff; }
.subpages-case-pic{width: 700px; height: auto; float: left; }
.subpages-case-txt{width: 440px; height: auto; float: right; padding: 30px; }
.subpages-case-txt h2{text-transform: uppercase; font-size: 18px; font-weight: bold; }
.subpages-case-txt p{text-transform: capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.subpages-case-txt h3{margin-top: 30px; }
.subpages-case-txt h3>input{width: 135px; height: 45px; border: 0; border-radius: 3px; background: #28a2ed; color: #fff; text-transform: uppercase; cursor: pointer; }
.subpages-case-txt h3>input:hover{background: #ff6600;}

.subpages-caseinfo{width: 1140px; height: auto; margin: 0 auto; background: #fff; padding: 30px; overflow: hidden; }
.subpages-caseinfo h2{text-align: center; font-size: 22px; text-transform: capitalize; font-weight: bold; padding: 25px 0; }
.subpages-caseinfo p{text-transform: capitalize; margin: 15px 0; }
.subpages-caseinfo-next{width: 100%; height: auto; margin-top: 40px; }
.subpages-caseinfo-next h3{width: 47%; height: auto; float: left; padding: 1%; background: #f6f6f6; text-transform: capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.subpages-caseinfo-next h3 span{margin-right: 5px; font-weight: bold; }
.subpages-caseinfo-next h4{width: 47%; height: auto; float: right; padding: 1%; background: #f6f6f6; text-transform: capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.subpages-caseinfo-next h4 span{margin-right: 5px; font-weight: bold; }

.subpages-video{width: 1230px; height: auto; margin: 0 auto; overflow: hidden; }
.subpages-video figure{width: 380px; height: auto; float: left; margin-right: 30px; margin-bottom: 30px; overflow: hidden; }
.subpages-video figure img{transition:All 0.4s ease-in-out; }
.subpages-video figure img:hover{transform: scale(1.05);}
.subpages-video figure:hover figcaption {background: #28a2ed; color: #fff; }
.subpages-video figcaption{padding: 10px 0; background: #ddd; text-align: center; transition:All 0.4s ease-in-out; text-transform: capitalize; }
.subpages-videoinfo{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }

.subpages-news{width: 880px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-news li{width: 100%; height: auto; border-bottom: #e5e5e5 dotted 1px;  padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; }
.subpages-news-pic{width: 380px; height: auto; float: left; overflow: hidden; }
.subpages-news-pic img{transition: all .5s; }
.subpages-news-pic img:hover{transform: scale(1.10);}
.subpages-news-txt{width: 480px; height: auto; float: right; }
.subpages-news-txt h2{font-size: 16px; height: auto; line-height: 120%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.subpages-news-txt h3{font-size: 12px; color: #a3a3a3; margin-top: 5px;}
.subpages-news-txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.subpages-news-txt h4{margin-top: 15px; }
.subpages-news-txt h4>input{width: 130px; height: 40px; border: #e5e5e5 solid 1px; background: #fff; color: #28a2ed; text-transform: uppercase; cursor: pointer; transition:All 0.4s ease-in-out; }
.subpages-news-txt h4>input:hover{border: #28a2ed solid 1px; background: #28a2ed; color: #fff; }

.subpages-newsinfo{width: 880px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-newsinfo h2{text-align: center; font-size: 22px; border-bottom: #e5e5e5 solid 1px; text-transform: capitalize; font-weight: bold; padding: 15px 0;  margin-bottom: 5px;}
.subpages-newsinfo h3{font-size: 12px; color: #a3a3a3; padding: 5px 0; }
.subpages-newsinfo p{margin: 15px auto; }
.subpages-newsinfo-next{width: 100%; height: auto; margin-top: 40px; }
.subpages-newsinfo-next h5{width: 47%; height: 40px; line-height: 40px; float: left; padding: 0 1%;  background: #f6f6f6; text-transform: capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.subpages-newsinfo-next h5 span{margin-right: 5px; font-weight: bold; }
.subpages-newsinfo-next h4{width: 47%; height: 40px; line-height: 40px; float: right; padding: 0 1%; background: #f6f6f6; text-transform: capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.subpages-newsinfo-next h4 span{margin-right: 5px; font-weight: bold; }

.subpages-company{width: 880px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-company p{margin: 15px 0; }

.subpages-quality{width: 880px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-quality p{margin: 15px 0; }
.subpages-quality .mypic{width: 920px; height: auto; overflow: hidden; margin: 20px auto 0 auto; }
.subpages-quality .mypic figure{width: 420px; height: auto; float: left; margin-right: 40px; margin-bottom: 20px; overflow: hidden; }
.subpages-quality .mypic figure img{transition: all .5s; }
.subpages-quality .mypic figure img:hover{transform: scale(1.10);}
.subpages-quality .mypic figcaption{height: auto; text-transform: capitalize; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 15px; }

.subpages-culture{width: 880px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-culture p{margin: 15px 0; }

.subpages-certificate{width: 880px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-certificate-nav{width: 100%; height: auto; margin-bottom: 30px; overflow: hidden; }
.subpages-certificate-nav li{width: 140px; height: 40px; float: left; margin-right: 10px; overflow: hidden; }
.subpages-certificate-nav li a{display: inline-block; width: 100%; height: auto; line-height: 40px; text-align: center; box-sizing: border-box; background: #e5e5e5; border-radius: 3px; }
.subpages-certificate-nav li a:hover, #current{display: inline-block; background: #28a2ed; color: #fff; }

.subpages-certificate-list{width: 891px; height: auto; overflow: hidden; margin: 0 auto; }
.subpages-certificate-list figure{width: 285px; height: auto; float: left; margin-right: 12px; margin-bottom: 20px; text-align: center; overflow: hidden; }
.subpages-certificate-list figure img{transition: all .5s;}
.subpages-certificate-list figure img:hover{transform: scale(1.05);}
.subpages-certificate-list figcaption{height: auto; text-transform: capitalize; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 15px;}

.subpages-workshop{width: 920px; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-workshop figure{width: 420px; height: auto; float: left; margin-right: 40px; margin-bottom: 20px; overflow: hidden; }
.subpages-workshop figure img{transition: all .5s; }
.subpages-workshop figure img:hover{transform: scale(1.10);}
.subpages-workshop figcaption{height: auto; text-transform: capitalize; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 15px; }

.subpages-contact{width: 100%; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.subpages-contact-left{width: 100%; height: auto; float: left; margin-top: 20px; }
.subpages-contact-left h2{font-size: 24px; font-weight: bold; margin-bottom: 25px; }
.subpages-contact-left img{margin-right: 15px; margin-bottom: 5px; }
.subpages-contact-left p{margin: 10px auto; border-bottom: #d8d8d8 dotted 1px; padding-bottom: 12px; text-transform: capitalize; }
.subpages-contact-right{width: 100%; height: auto; float: right; margin-top: 20px; }

.subpages-feedback{width: 94%; height: auto; margin: 30px auto; background: #eee; border-radius: 5px; padding: 3%; overflow: hidden; overflow: hidden; }
.feedback-content{width: 94%; height: auto; background: #fff; padding: 3%; }
.feedback-content h2{text-transform: uppercase; font-size: 18px; }
.feedback-content p{text-transform: capitalize; margin: 0 auto 20px auto; }
.feedback-content h3{width: 49%; height: auto; float: left; margin-bottom: 15px; }
.feedback-content h3>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; border-radius: 3px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; }
.feedback-content h4{width: 49%; height: auto; float: right; margin-bottom: 15px; }
.feedback-content h4>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; border-radius: 3px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; }
.feedback-content h5{width: 100%; height: auto; float: right; margin-bottom: 15px; }
.feedback-content h5>textarea{width: 100%; height: auto; border: #e5e5e5 solid 1px; padding: 1%; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; }
.feedback-content h6{margin-bottom: 15px; }
.feedback-content h6>input{width: 135px; height: 50px; border: 0; border-radius: 3px; background: #28a2ed; color: #fff; font-family: 'Poppins-Regular'; text-transform: uppercase; font-size: 16px; cursor: pointer; }
.feedback-content h6>input:hover{background: #fff; color: #28a2ed; border: #28a2ed solid 1px; }

.subpages-download{width: 100%; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.download-tit{width: 100%; height: 60px; background: #f6f6f6; }
.download-tit h3{width: 40%; height: auto; line-height: 60px; float: left; text-align: left; text-indent: 1.0rem; text-transform: uppercase; }
.download-tit h4{width: 20%; height: auto; line-height: 60px; float: left; text-align: center; text-transform: uppercase;  }
.download-tit h5{width: 20%; height: auto; line-height: 60px; float: left; text-align: center; text-transform: uppercase;  }
.download-tit h6{width: 20%; height: auto; line-height: 60px; float: right; text-align: center; text-transform: uppercase; }
.download-list{width: 100%; height: auto;  margin: 20px auto; overflow: hidden; }
.download-list li{width: 100%; height: auto; border-bottom: #ddd dotted 1px; padding-bottom: 10px; margin-bottom: 10px; float: left; color: #888; text-transform: capitalize; }
.download-list li h3{width: 40%; height: auto; float: left; text-align: left; text-indent: 1.0rem; }
.download-list li h4{width: 20%; height: auto; float: left; text-align: center; }
.download-list li h5{width: 20%; height: auto; float: left; text-align: center; }
.download-list li h6{width: 20%; height: auto; float: right; text-align: center; }
.download-list li h6 a{width: 100%; height: 24px; display: block; background: url(../images/icon-26.png) no-repeat 50% 50%; background-size: 15%; transition:All 0.4s ease-in-out; cursor: pointer; }
.download-list li h6 a:hover{background: url(../images/icon-27.png) no-repeat 50% 50%; background-size: 15%;}

.subpages-member{width: 100%; height: auto; margin: 0 auto; background: #fff; overflow: hidden; }
.member-login{width: 400px; height: auto; background: #f3f9ff; padding: 50px; box-shadow: 0 0 5px rgba(0,0,0,0.10); margin: 30px auto; border-radius: 8px; }
.member-login h2{margin-bottom: 20px; }
.member-login h2>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; }
.member-login h3{}
.member-login h3>input{width: 130px; height: 35px; border: 0; background: #28a2ed; border-radius: 5px; color: #fff; text-transform: uppercase; cursor: pointer; }
.member-login h3>input:hover{background: #ff6600; }

.subpages-reg{width: 100%; height: auto; margin: 0 auto 30px auto; background: #fff; overflow: hidden; }
.subpages-reg p{text-transform: capitalize; margin: 10px auto; }
.subpages-reg h2{width: 49%; height: auto; float: left; margin-bottom: 15px; }
.subpages-reg h2>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; border-radius: 3px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; font-size: 12px; }
.subpages-reg h3{width: 49%; height: auto; float: right; margin-bottom: 15px; }
.subpages-reg h3>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; border-radius: 3px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; color: #666; box-sizing: border-box; font-size: 12px; }
.subpages-reg h4{}
.subpages-reg h4>input{width: 130px; height: 45px; border: 0; background: #28a2ed; border-radius: 5px; color: #fff; text-transform: uppercase; cursor: pointer; }
.subpages-reg h4>input:hover{background: #ff6600; }

.subpages-systems{width: 1140px; height: auto; margin: 0 auto; overflow: hidden; padding: 30px; background: #fff; }
.subpages-systems p{margin: 15px auto; text-transform: capitalize; }











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

/*头部*/
.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:#28a2ed; 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:9;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 .language{float:right;width:80px;overflow:hidden;line-height:40px;margin-top:21px;}
.sjj_nav>ul>li:first-child .language img{width: 70%; }
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.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:#999;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:#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-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; z-index: 2; }
.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; background:#28a2ed; text-transform: uppercase; }
.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
}