@charset "UTF-8";
* { touch-action:pan-y; box-sizing:border-box;}

html { color:#333; min-width:1200px;}

body { background:#fff none repeat scroll 0 0; color:#191919; font:12px Arial,Verdana, "microsoft yahei"; min-width:1200px; overflow-x:hidden;}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; margin:0; padding:0;}

audio, canvas, progress, video { display:inline-block; vertical-align:baseline;}

a { text-decoration:none; color:#08acee;}

a:active, a:hover { outline:0;}

mark { color:#000; background:#ff0;}

small { font-size:80%;}

img { border:0; vertical-align:bottom;}

button, input, optgroup, select, textarea { margin:0; font:inherit; color:inherit;}

li { list-style:none;}

i { font-style:normal;}

a { color:#000;}

em { font-style:normal;}

h2, h3 { font-family:"microsoft yahei"; font-weight:100;}
.clearfix::after { clear:both; content:""; display:block; height:0; visibility:hidden; zoom:1;}
.clear { clear:both; zoom:1;}
.fl { float:left;}
.fr { float:right;}
.page_width { width:1200px; margin:0 auto;}

/*首页*/
.header { width:100%; height:95px; border-bottom:1px solid #e6e6e6;}
.header .logo { margin:18px 0 0 calc((111/1920)*100%); width:247px; height:59px;}
.header .logo img { width:100%; height:100%;}
.header .header_nav { width:calc(82.8125% - 675px); margin-left:4.16667%;}
.header .header_nav > ul { width:100%;}
.header .header_nav > ul > li { float:left; display:table; width:calc(100% / 7); height:94px; text-align:center; line-height:24px; font-size:18px; position:relative; word-break:break-word;}
.header .header_nav > ul > li > a { display:table-cell; color:#404040; height:100%; vertical-align:middle; text-transform:capitalize; cursor:default;}
.header .header_nav > ul > li .header_subList { height:0; overflow:hidden; position:absolute; top:94px; width:1200px; background-color:#fff; text-align:center; border-top:0 solid #e6e6e6; z-index:99; transition:height .5s,border-width .5s; -webkit-transition:height .5s,border-width .5s; -moz-transition:height .5s,border-width .5s; -ms-transition:height .5s,border-width .5s; -o-transition:height .5s,border-width .5s;}
.header .header_nav > ul > li .header_subList li { margin:25px 0 0 50px; display:inline-block; width:230px; height:150px; background-color:#f3f4f6; opacity:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.header .header_nav > ul > li .header_subList li a { display:block; width:100%; color:#282828; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.header .header_nav > ul > li .header_subList li a .header_subListImg { width:41px; height:38px; margin:40px auto 10px; background-position:0 0; background-repeat:no-repeat; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.header .header_nav > ul > li .header_subList li a p { line-height:30px; font-size:14px;}
.header .header_nav > ul > li .header_subList li:hover { background-color:#00a0e9;}
.header .header_nav > ul > li .header_subList li:hover a { color:#fff;}
.header .header_nav > ul > li .header_subList li:hover a .header_subListImg { background-position:0 -38px;}
.header .header_nav > ul > li .header_subList li:first-child { margin-left:0;}
.header .header_nav > ul > li::before { content:""; position:absolute; top:0; left:50%; width:60%; height:2px; background-color:transparent; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
.header .header_nav > ul > li:hover > a,.header .header_nav > ul > li.hover > a { color:#00a0e9;}
.header .header_nav > ul > li:hover::before,.header .header_nav > ul > li.hover::before { background-color:#00a0e9;}
.header .header_nav > ul > li:first-child a { cursor:pointer;}
.header .header_nav > ul > li:nth-child(2) .header_subList li:first-child a .header_subListImg { background-image:url(../images/about_icon_1.png);}
.header .header_nav > ul > li:nth-child(2) .header_subList li:nth-child(2) a .header_subListImg { background-image:url(../images/about_icon_2.png);}
.header .header_nav > ul > li:nth-child(2) .header_subList li:nth-child(3) a .header_subListImg { background-image:url(../images/about_icon_3.png);}
.header .header_nav > ul > li:nth-child(2) .header_subList li:last-child a .header_subListImg { background-image:url(../images/about_icon_4.png);}
.header .header_nav > ul > li:nth-child(3) .header_subList li:first-child a .header_subListImg { background-image:url(../images/pro_icon_1.png);}
.header .header_nav > ul > li:nth-child(3) .header_subList li:nth-child(2) a .header_subListImg { background-image:url(../images/pro_icon_2.png);}
.header .header_nav > ul > li:nth-child(3) .header_subList li:nth-child(3) a .header_subListImg { background-image:url(../images/pro_icon_3.png);}
.header .header_nav > ul > li:nth-child(3) .header_subList li:nth-child(4) a .header_subListImg { background-image:url(../images/pro_icon_4.png);}
.header .header_nav > ul > li:nth-child(3) .header_subList li:nth-child(5) a .header_subListImg { background-image:url(../images/pro_icon_5.png);}

.header .header_nav > ul > li:nth-child(4) .header_subList li:first-child a .header_subListImg { background-image:url(../images/obj_icon_1.png);}
.header .header_nav > ul > li:nth-child(4) .header_subList li:last-child a .header_subListImg { background-image:url(../images/obj_icon_2.png);}
.header .header_nav > ul > li:nth-child(5) .header_subList li:first-child a .header_subListImg { background-image:url(../images/news_icon_1.png);}
.header .header_nav > ul > li:nth-child(5) .header_subList li:nth-child(2) a .header_subListImg { background-image:url(../images/news_icon_2.png);}
.header .header_nav > ul > li:nth-child(5) .header_subList li:last-child a .header_subListImg { background-image:url(../images/news_icon_3.png);}
.header .header_nav > ul > li:nth-child(6) .header_subList li:first-child a .header_subListImg { background-image:url(../images/vip_icon_1.png);}
.header .header_nav > ul > li:nth-child(6) .header_subList li:nth-child(2) a .header_subListImg { background-image:url(../images/vip_icon_2.png);}
.header .header_nav > ul > li:nth-child(6) .header_subList li:nth-child(3) a .header_subListImg { background-image:url(../images/vip_icon_3.png);}
.header .header_nav > ul > li:nth-child(6) .header_subList li:last-child a .header_subListImg { background-image:url(../images/vip_icon_4.png);}
.header .header_nav > ul > li:nth-child(7) .header_subList li:first-child a .header_subListImg { background-image:url(../images/mall_icon_1.png);}
.header .header_right { margin:29px calc(130/1920*100%) 0 0; color:#383838;}
.header .header_right .header_login { border:1px solid #b9b9b9; border-radius:5px; text-align:center; line-height:18px; height:20px; padding:0 10px; margin-top:8px; position:relative;}
.header .header_right .header_login a { color:#383838; height:100%; display:inline-block; vertical-align:top;}
.header .header_right .header_login span { display:inline-block; height:12px; margin:3px 2px 0; border-left:1px solid #b9b9b9;}
.header .header_right .header_login .login_picBox { display:none; position:absolute; top:56px; left:50%; z-index:99; margin-left:-110px; padding:10px 15px 15px; background-color:#fff; border:1px solid #e6e6e6; width:220px; animation-duration:.7s;}
.header .header_right .header_login .login_picBox img { width:150px; height:150px;}
.header .header_right .header_login .login_picBox p { margin-top:10px; color:#999;}
.header .header_right .header_login .login_picBox.login_picBoxBlock { display:block;}
.header .header_right .header_search { margin:8px 30px 0; height:20px; line-height:20px; position:relative;}
.header .header_right .header_search .header_searchIcon img { vertical-align:middle;}
.header .header_right .header_search span { margin:0 15px;}
.header .header_right .header_search .header_midBox { position:relative;}
.header .header_right .header_search .header_midBox .header_searchMiddle { overflow:hidden; cursor:pointer; font-weight:normal; display:inline-block; width:20px; height:20px; background-color:#d2d2d2; font-size:14px; line-height:20px; text-align:center; border:none; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.header .header_right .header_search .header_midBox .header_searchMiddle.header_searchEN { width:60px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
.header .header_right .header_search .header_midBox .header_midList { display:none; width:100px; text-align:center; line-height:30px; position:absolute; top:57px; left:-35px; z-index:99; background-color:#fff; animation-duration:.5s;}
.header .header_right .header_search .header_midBox .header_midList dd { border-bottom:1px solid #E6E6E6; font-size:14px; letter-spacing:1px; background-color:#f1f1f1;}
.header .header_right .header_search .header_midBox .header_midList dd a { display:block;}
.header .header_right .header_search .header_midBox .header_midList dd.active { background-color:#999; border-color:#999;}
.header .header_right .header_search .header_midBox .header_midList dd.active a { color:#fff;}
.header .header_right .header_search .header_midBox .header_midList dd:last-child { border-bottom:none;}
.header .header_right .header_search .header_midBox .header_midList.header_midListEN { left:-15px;}
.header .header_right .header_search .header_midBox .header_midList.header_midShow { display:block;}
.header .header_right .header_search .search_box { position:absolute; top:58px; left:-100px; padding:20px; width:297px; background-color:#fff; display:none; animation-duration:.8s; z-index:99; border:1px solid #e6e6e6; border-top:none;}
.header .header_right .header_search .search_box input[type=text] { border:1px solid #e7e7e7; width:200px; height:35px; padding:0 10px; outline:none;}
.header .header_right .header_search .search_box input[type=button] { width:55px; height:35px; background-color:#363636; color:#d1be9c; text-align:center; line-height:35px; border:none; font-size:14px; cursor:pointer; outline:none;}
.header .header_right .header_search .search_box.search_boxDis { display:block;}
.header .header_right .header_tel { font-size:14px; color:#555555;}
.header .header_right .header_tel p:last-child { font-size:18px; color:#040000; font-weight:bold; font-style:italic;}

@media (max-width:1500px) { .header .logo { margin:18px 0 0 calc((80/1920)*100%);}
  .header .header_nav { margin-left:2.60417%;}
  .header .header_right { margin:29px calc(50/1920*100%) 0 0;}
  .header .header_nav { width:calc(82.8125% - 590px);} }

@media (max-width:1350px) { .header .logo { margin:18px 0 0 calc((40/1920)*100%);}
  .header .header_nav { margin-left:1.04167%;}
  .header .header_right { margin:29px calc(30/1920*100%) 0 0;}
  .header .header_right .header_search { margin:8px 20px 0;}
  .header .header_nav { width:calc(82.8125% - 509px);} }

.banner { width:100%; overflow:hidden; position:relative;}
.banner li { position:relative;}
.banner li img { width:100%;}
.banner .banner_list { position:absolute; bottom:36px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
.banner .banner_list li { float:left; width:12px; height:12px; background-color:#00a0e9; margin-left:12px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; cursor:pointer;}
.banner .banner_list li:first-child { margin-left:0;}
.banner .banner_list li.on { background-color:#000;}
.index_product { height:155px; position:relative; z-index:10; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.index_product dl { width:calc(100%/5); height:155px; padding:45px 0; border-left:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; position:relative; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.index_product dl > a { display:block; width:100%; padding:0 5%;}
.index_product dl dt { float:left; width:81px; vertical-align:middle;}
.index_product dl dt .index_productImg { display:inline-block; width:81px; height:64px; background-repeat:no-repeat; background-position:0 0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.index_product dl dd { padding-left:85px;}
.index_product dl dd p { display:block; width:100%; color:#4f4f4f; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.index_product dl dd p:first-child { font-size:20px; color:#000; margin-bottom:7px;}
.index_product dl .index_productSub { width:1200px; height:600px; position:absolute; top:220px; display:none; z-index:9; animation-duration:.5s;}
.index_product dl .index_productSub a { position:relative; z-index:3;}
.index_product dl .index_productSub a img { width:100%; height:100%;}
.index_product dl .index_productSub::before { content:""; position:absolute; top:-65px; left:0; width:100%; height:65px; background-color:#fff; z-index:2;}
.index_product dl.index_priDlEN { /*padding:0 10px;*/}
.index_product dl.index_priDlEN dd p:first-child { /*font-size:16px;*/}
.index_product dl:first-child dt .index_productImg { background-image:url(../images/product_icon_1.png);}
.index_product dl:nth-child(2) dt .index_productImg { background-image:url(../images/product_icon_2.png);}
.index_product dl:nth-child(3) dt .index_productImg { background-image:url(../images/product_icon_3.png);}
.index_product dl:nth-child(4) dt .index_productImg { background-image:url(../images/product_icon_4.png);}
.index_product dl:nth-child(5) { border-right:1px solid #f4f4f4;}
.index_product dl:nth-child(5) dt .index_productImg { background-image:url(../images/product_icon_5.png);}
.index_product dl::before { opacity:0; content:""; position:absolute; bottom:-33px; left:0; right:0; z-index:10; width:0; height:0; margin:auto; border-width:16px; border-style:solid; border-color:#00a0e9 transparent transparent transparent; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.index_product dl:hover::before { opacity:1;}
.index_product dl:hover { background-color:#00a0e9; border-color:#00a0e9;}
.index_product dl:hover dt .index_productImg { background-position:0 -64px;}
.index_product dl:hover dd p { color:#fff;}
.index_product dl:hover .index_productSub { display:block;}
.index_product:hover { height:820px;}
.index_news { margin-top:110px; position:relative;}
.index_news .index_newsList { margin-top:70px;}
.index_news .index_newsList .index_newsListBox { margin-left:27px;}
.index_news .index_newsList .index_newsListBox .vjs-error-display { display:none;}
.index_news .index_newsList .index_newsListBox .index_newsImg { width:360px; height:420px; position:relative; margin-right:34px;}
.index_news .index_newsList .index_newsListBox .index_newsImg .index_newsImgBox { overflow:hidden; display:block; height:100%; width:100%; background-color:#000;}
.index_news .index_newsList .index_newsListBox .index_newsImg .index_newsImgBox img { width:100%; height:100%; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.index_news .index_newsList .index_newsListBox .index_newsImg .index_newsImgBox video { width:100%; height:100%;}
.index_news .index_newsList .index_newsListBox .index_newsImg::before { content:""; position:absolute; top:-26px; left:-27px; width:360px; height:420px; background-color:#029FE7; z-index:-1;}
.index_news .index_newsList .index_newsListBox .index_newsImg:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.index_news .index_newsList .index_newsListBox .index_newsListContent { width:410px; font-size:14px; color:#474747; padding-top:50px;}
.index_news .index_newsList .index_newsListBox .index_newsListContent .index_newsBoxSub { color:#7b7b7b; text-transform:capitalize;}
.index_news .index_newsList .index_newsListBox .index_newsListContent .index_newsBoxTitle { font-size:24px; margin:20px 0; line-height:30px; font-weight:500;}
.index_news .index_newsList .index_newsListBox .index_newsListContent .index_newsBoxTitle a { color:#1e1e1e;}
.index_news .index_newsList .index_newsListBox .index_newsListContent .index_newsBoxTime { color:#3e3e3e;}
.index_news .index_newsList .index_newsListBox .index_newsListContent p { line-height:26px; margin:20px 0 40px; letter-spacing:3px; font-size:16px;}
.index_news .index_newsList .index_newsListBox .index_newsListContent .index_more { margin-top:0;}
.index_news .index_newsList .index_newsNav li { position:relative; display:table; width:290px; height:120px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; background-color:#f4f4f4; margin-bottom:30px; cursor:pointer; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.index_news .index_newsList .index_newsNav li p { display:table-cell; vertical-align:middle; text-align:center; font-size:14px;}
.index_news .index_newsList .index_newsNav li p span { position:relative; z-index:5; display:inline-block; width:90px;}
.index_news .index_newsList .index_newsNav li p i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); z-index:0; width:90px; height:90px; display:inline-block; text-transform:capitalize; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; color:#2e2e2e; background-color:#fff; box-shadow:5px 5px 5px #c1c0c0; -webkit-box-shadow:5px 5px 5px #c1c0c0; -moz-box-shadow:5px 5px 5px #c1c0c0; -ms-box-shadow:5px 5px 5px #c1c0c0; -o-box-shadow:5px 5px 5px #c1c0c0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.index_news .index_newsList .index_newsNav li:last-child { margin-bottom:0;}
.index_news .index_newsList .index_newsNav li:hover,.index_news .index_newsList .index_newsNav li.on { background-color:#029FE7;}
.index_news .index_newsList .index_newsNav li:hover p i,.index_news .index_newsList .index_newsNav li.on p i { box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff; -moz-box-shadow:0 0 10px #fff; -ms-box-shadow:0 0 10px #fff; -o-box-shadow:0 0 10px #fff;}
.index_service { margin-top:110px;}
.index_service .index_serviceBox { margin-top:50px; position:relative; overflow:hidden;}
.index_service .index_serviceBox .index_serviceContent { background-color:#019fe7; color:#fff; width:600px; height:631px; position:relative; z-index:1; padding:155px 0 0 50px; font-size:30px;}
.index_service .index_serviceBox .index_serviceContent .index_serviceBoxTitle { font-size:44px; font-weight:500; margin-bottom:10px;}
.index_service .index_serviceBox .index_serviceContent .index_serviceBoxObj { margin-top:85px;}
.index_service .index_serviceBox .index_serviceContent .index_serviceBoxObj li { float:left; width:85px; height:115px; text-align:center; font-size:16px; margin-right:30px;}
.index_service .index_serviceBox .index_serviceContent .index_serviceBoxObj li img { vertical-align:top; width:100%;}
.index_service .index_serviceBox .index_serviceContent .index_serviceBoxObj li p { margin-top:19px; color:#fff;}
.index_service .index_serviceBox .index_serviceContent .index_more { color:#fff; background-image:url(../images/arr_white_icon.png); padding-right:60px;}
.index_service .index_serviceBox .index_serviceImg { position:absolute; right:5px; top:87.5px; width:642px; height:456px; z-index:2;}
.index_service .index_serviceBox .index_serviceImg img { width:100%; height:100%;}
.index_service .index_serviceBox .index_serviceImgShadow { width:642px; height:456px; position:absolute; right:5px; top:87.5px; background:transparent; box-shadow:0 5px 10px #eaeaea; -webkit-box-shadow:0 5px 10px #eaeaea; -moz-box-shadow:0 5px 10px #eaeaea; -ms-box-shadow:0 5px 10px #eaeaea; -o-box-shadow:0 5px 10px #eaeaea;}
.index_join { margin-top:110px;}
.index_join .index_joinBox { margin-top:50px; background-repeat:no-repeat; height:413px; position:relative;}
.index_join .index_joinBox .index_joinBoxDescription { color:#444; font-size:18px; text-align:center; padding-top:70px;}
.index_join .index_joinBox .index_joinBoxDescription p:first-child { font-size:30px; margin-bottom:10px;}
.index_join .index_joinBox .index_joinBoxContent { position:absolute; top:200px; left:147px; width:900px; height:280px; text-align:center; font-size:14px; color:#3d3d3d; background-color:#fff; box-shadow:0 5px 5px #f4f4f4; padding:30px 35px;}
.index_join .index_joinBox .index_joinBoxContent .index_joinBoxBorder { width:830px; height:220px; border:1px solid #e1e1e1;}
.index_join .index_joinBox .index_joinBoxContent .index_joinBoxBorder .index_joinTitle { color:#0c0407; font-size:24px; margin-top:30px;}
.index_join .index_joinBox .index_joinBoxContent .index_joinBoxBorder p { margin:5px 0 20px; text-transform:uppercase;}
.index_join .index_joinBox .index_joinBoxContent .index_joinBoxBorder .index_joinTel { font-size:24px; color:#646464;}
.index_join .index_joinBox .index_joinBoxContent .index_joinBoxBorder .index_more { margin-top:30px;}
.footer.footer_padding { padding-top:120px;}
.footer { background-color:#fafafa; padding-top:50px;}
.footer .footer_box dl { float:left; margin-left:30px; text-align:center; color:#6b6b6b; width:calc(13% - 30px); line-height:24px;}
.footer .footer_box dl dt { color:#363636; font-size:20px;}
.footer .footer_box dl dt.footer_dlEN,.footer .footer_box dl dd.footer_dlEN { min-height:48px; display:table; width:100%;}
.footer .footer_box dl dt.footer_dlEN a,.footer .footer_box dl dd.footer_dlEN a { display:table-cell; vertical-align:middle; text-align:center;}
.footer .footer_box dl dd { font-size:16px; margin-top:35px; position:relative;}
.footer .footer_box dl dd a { color:#6b6b6b;}
.footer .footer_box dl dd .codeFrameImg { display:none; position:absolute; bottom:50px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); background-color:#fff; padding:20px; min-width:190px; border:1px solid #F5F5F5;}
.footer .footer_box dl dd .codeFrameImg img { width:150px; height:150px;}
.footer .footer_box dl dd .codeFrameImg p { font-size:14px; color:#999; line-height:24px; margin:5px 0;}
.footer .footer_box dl:first-child { margin-left:0;}
.footer .footer_box dl.footer_boxMsg { width:calc(22% - 20px); max-width:305px; text-align:left; margin-left:50px;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxAddress { margin-top:30px; line-height:24px;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare { margin:40px 0 20px;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare a { display:inline-block; margin-right:20px; padding-left:31px; height:36px; background-repeat:no-repeat; background-position:center; vertical-align:middle; position:relative;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare a .bds_tips { display:none; position:absolute; bottom:50px; left:50%; padding:15px; background-color:#fff; margin-left:-70px; border:1px solid #f5f5f5; text-align:center;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare a .bds_tips img { width:125px; height:125px;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare a .bds_tips p { margin-top:10px; color:#999; font-size:12px; line-height:20px;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .bds_tsina { background-image:url(../images/weibo_icon.png);}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .bds_tsina:hover .bds_tips { display:block;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .bds_weixin { background-image:url(../images/wechat_icon.png);}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .bds_weixin:hover .bds_tips { display:block;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .bds_phone { background-image:url(../images/phone_icon.png);}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .bds_phone:hover .bds_tips { display:block;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxShare .industrial { background-image:url(../images/Industrial.png); height:40px; padding-left:34px; margin:4px 0;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxForm { font-size:12px;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxForm input[name=search] { width:calc(100% - 55px); height:35px; border:1px solid #e7e7e7; padding:0 10px; outline:none;}
.footer .footer_box dl.footer_boxMsg dd.footer_boxForm input[name=search_btn] { width:55px; height:35px; background-color:#363636; color:#d1be9c; text-align:center; line-height:35px; border:0; font-size:14px; cursor:pointer; outline:none;}
.footer .footer_box dl.footer_dlEN { padding-top:13px;}
.footer .footer_box dl.footer_dlEN dt { height:48px;}
.footer .footer_box dl.footer_dlEN dd.footer_boxAddress { margin-top:23px;}
.footer .footer_bottom { margin-top:40px; background-color:#222222; height:35px; color:#fff; line-height:35px; text-align:center;}
.footer .footer_bottom a { color:#fff; margin-right:5px;}
.footer .footer_bottom span { margin-left:35px;}

/*首页-end*/
/*公共部分*/
.bd_weixin_popup { height:305px !important;}
.wechatBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:999999; cursor:pointer;}
.wechatBg .wechatBox { cursor:default; position:absolute; top:50%; left:50%; width:250px; padding:20px; background-color:#fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.wechatBg .wechatBox img { width:100%;}
.wechatBg .wechatBox p { text-align:center; line-height:24px; color:#999;}
.index_Title { font-size:18px;}
.index_Title a { color:#444444;}
.index_Title a:first-child { color:#191919; font-size:30px; padding-left:12px; position:relative; text-transform:capitalize;}
.index_Title a:first-child::before { content:""; position:absolute; left:0; bottom:5px; width:2px; height:25px; background-color:#545353;}
.index_more { display:inline-block; margin-top:70px; color:#00a0e9; font-size:24px; padding-right:66px; background-image:url(../images/arr_icon.png); background-repeat:no-repeat; background-position:right 11px;}
.sub_banner { width:100%;}
.sub_banner img { width:100%;}
.sub_top { height:50px; border-bottom:1px solid #E5E5E5;}
.sub_top .location { color:#999; line-height:50px; padding-left:20px;}
.sub_top .location a { color:#999; margin:0 5px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_top .location a:hover { color:#000;}
.sub_top .sub_nav { height:100%;}
.sub_top .sub_nav li { height:100%; float:left; border-right:1px solid #E5E5E5; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_top .sub_nav li a { display:block; height:100%;}
.sub_top .sub_nav li a .sub_navBox { height:20px; margin:15px 25px; color:#999; line-height:20px; overflow:hidden;}
.sub_top .sub_nav li a .sub_navBox .sub_navTitle { position:relative; top:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_top .sub_nav li a .sub_navBox .sub_navTitle p:last-child { color:#fff;}
.sub_top .sub_nav li:first-child { border-left:1px solid #E5E5E5;}
.sub_top .sub_nav li:hover,.sub_top .sub_nav li.hover { background-color:#00a0e9;}
.sub_top .sub_nav li:hover a .sub_navBox .sub_navTitle,.sub_top .sub_nav li.hover a .sub_navBox .sub_navTitle { top:-20px;}
.go_page { margin-top:20px;}
.go_page li { float:left; width:38px; height:38px; border:1px solid #e5e5e5; text-align:center; line-height:36px; margin-right:10px; background-color:#fff;}
.go_page li a { display:block;}
.go_page li.active { color:#fff; background-color:#00a0e9; border-color:#00a0e9;}
.go_page li.disabled { background-color:#f6f6f6;}
.details_infoAuthor { background-image:url(../images/author_icon.png);}
.details_infoTime { background-image:url(../images/time_icon.png);}
.details_infoRead { background-image:url(../images/eye_icon.png);}
.sub_width { width:868px; min-width:868px;}
.personal_vipTitle { font-size:18px; line-height:25px; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
.page_picCode { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); cursor:pointer;}
.page_picCode .page_picCodeBox { width:200px; height:200px; background-color:#fff; position:absolute; top:50%; left:50%; cursor:default; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.page_picCode .page_picCodeBox img { width:100%; height:100%;}
.pendant { position:fixed; top:50%; right:0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); width:50px;}
.pendant ul { width:100%;}
.pendant ul li { position:relative; width:100%; height:50px; background-color:#00A0E9; margin-bottom:2px; color:#fff; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.pendant ul li.pendant_tel .pendant_telImg { width:100%; height:100%; background-image:url(../images/pendantTel_icon.png); background-repeat:no-repeat; background-position:center; background-color:#00A0E9; position:relative; z-index:10;}
.pendant ul li.pendant_tel .pendant_telSub { position:absolute; top:0; left:0; background-color:#00A0E9; height:50px; width:150px; font-size:16px; line-height:50px; text-align:center; border-right:2px solid #fff; cursor:default; z-index:5; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.pendant ul li.pendant_wechat { background-image:url(../images/pendantWechat_icon.png);}
.pendant ul li.pendant_wechat .pendant_wechatSub { background-color:transparent; display:none; position:absolute; top:0; left:-150px; width:150px; height:150px; cursor:default;}
.pendant ul li.pendant_wechat .pendant_wechatSub img { width:100%; height:100%;}
.pendant ul li.pendant_top { background-image:url(../images/goTop_icon.png);}
.province_list { padding:15px 20px 0; background-color:#FAFAFA;}
.province_list li { float:left; width:calc(100%/9 - 13.33333px); line-height:35px; border-radius:20px; background-color:#EEEEEE; text-align:center; overflow:hidden; margin:0 15px 15px 0; font-size:14px;}
.province_list li a { display:block; width:100%; height:100%;}
.province_list li:nth-child(9n) { margin-right:0;}
.province_list li.active { background-color:#00A0E9;}
.province_list li.active a { color:#fff;}
.pic_link { background-repeat:no-repeat; background-size:100% 300px; width:100%; height:300px;}
.pic_link .pic_linkBox { width:1200px; margin:0 auto; text-align:center;}
.pic_link .pic_linkBox .pic_linkTil { font-size:40px; font-weight:600; text-shadow:0 0 2px #333; padding-top:50px; text-transform:capitalize;}
.pic_link .pic_linkBox .pic_linkTel { font-size:20px; margin:20px 0; text-transform:capitalize;}
.pic_link .pic_linkBox .pic_linkTel span { text-shadow:0 0 2px #666; letter-spacing:1px;}
.pic_link .pic_linkBox .pic_linkCont { font-size:18px; color:#000;}
.pic_link .pic_linkBox .pic_linkBtn { margin-top:30px; display:inline-block; font-size:20px; background-color:#00A0E9; color:#fff; padding:0 40px; line-height:45px; border-radius:30px; text-transform:capitalize;}

/*公共部分-end*/
/*列表页面*/
/*单页*/
.sub_page .sub_pageContent { font-size:14px; line-height:25px; margin:50px 0;}
.sub_page .sub_pageContent img { max-width:100%;}

/*单页-end*/
/*招商加盟*/
.sub_join .join_box { width:1200px; margin:0 auto; padding:30px 0; position:relative;}
.sub_join .join_box .join_title { font-size:30px; color:#666; text-align:center; line-height:1; margin-bottom:50px; text-transform:capitalize; position:relative; z-index:-1;}
.sub_join .join_box .join_title::before,.sub_join .join_box .join_title::after { content:""; display:inline-block; width:60px; height:1px; background-color:#c0c0c0; vertical-align:middle;}
.sub_join .join_box .join_title::before { margin-right:15px;}
.sub_join .join_box .join_title::after { margin-left:15px;}
.sub_join .join_box p { font-size:14px; color:#999; text-indent:2em; line-height:30px; text-align:justify;}
.sub_join .join_box .join_adv li { float:left; width:calc(100%/3 - 13.33333px); padding:20px; position:relative; border:1px solid #00A0E9; border-radius:10px; margin:0 20px 20px 0; cursor:pointer; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_join .join_box .join_adv li i { display:block; width:48px; height:48px; margin:0 auto; background-position:0 0; background-repeat:no-repeat; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_join .join_box .join_adv li .join_advTil { text-align:center; font-size:18px; color:#00A0E9; margin-top:10px; text-transform:capitalize;}
.sub_join .join_box .join_adv li .join_advInfo { display:none; position:absolute; left:50%; font-size:14px; margin-left:calc(100%/2*-1); width:100%; padding:15px; background-color:#3595CC; color:#fff; line-height:24px; border-radius:10px; animation-duration:.5s; z-index:99;}
.sub_join .join_box .join_adv li .join_advInfoUp { bottom:150px;}
.sub_join .join_box .join_adv li .join_advInfoDown { top:150px;}
.sub_join .join_box .join_adv li .join_advInfo::before { content:""; width:22px; height:10px; background-image:url(../images/cornerdown_icon.png); background-repeat:no-repeat; position:absolute; left:50%; margin-left:-11px;}
.sub_join .join_box .join_adv li .join_advInfoUp.join_advInfo::before { bottom:-10px;}
.sub_join .join_box .join_adv li .join_advInfoDown.join_advInfo::before { background-image:url(../images/cornerup_icon.png); top:-10px;}
.sub_join .join_box .join_adv li i.best_brand { background-image:url(../images/brand_icon.png);}
.sub_join .join_box .join_adv li i.best_quality { background-image:url(../images/quality_icon.png);}
.sub_join .join_box .join_adv li i.best_plant { background-image:url(../images/plant_icon.png);}
.sub_join .join_box .join_adv li i.best_policy { background-image:url(../images/policy_icon.png);}
.sub_join .join_box .join_adv li i.best_publicity { background-image:url(../images/publicity_icon.png);}
.sub_join .join_box .join_adv li i.best_service { background-image:url(../images/service_icon.png);}
.sub_join .join_box .join_adv li:nth-child(3n) { margin-right:0;}
.sub_join .join_box .join_adv li:hover { background-color:#00A0E9; box-shadow:0 0 10px #00A0E9; -webkit-box-shadow:0 0 10px #00A0E9; -moz-box-shadow:0 0 10px #00A0E9; -ms-box-shadow:0 0 10px #00A0E9; -o-box-shadow:0 0 10px #00A0E9;}
.sub_join .join_box .join_adv li:hover i { background-position:0 -48px;}
.sub_join .join_box .join_adv li:hover .join_advTil { color:#fff;}
.sub_join .join_box .join_adv li:hover .join_advInfo { display:block;}
.sub_join .join_box .join_flow .join_flowCont { display:table; width:calc(100%/6 - 43.33333px); height:62px; border:1px solid #00A0E9; padding:10px; font-size:16px; text-align:center; border-radius:5px; background-color:#fff;}
.sub_join .join_box .join_flow .join_flowCont span { display:table-cell; vertical-align:middle; text-transform:capitalize;}
.sub_join .join_box .join_flow .join_arrows { width:32px; height:62px; background:url(../images/arrows_icon.png) no-repeat center; margin:0 10px;}
.sub_join .join_box .join_flow .join_arrowsDown { width:100%; height:62px; padding-right:4px; background:url(../images/arrowsdown_icon.png) no-repeat; background-position:1108px center;}
.sub_join .join_box .join_flow .join_arrows.join_arrowsLeft { background-image:url(../images/arrowsleft_icon.png);}
.sub_join .join_box .join_tel { text-align:center; font-size:18px; text-transform:capitalize;}
.sub_join .join_box .join_address { text-align:center; font-size:18px; margin:20px 0; text-transform:capitalize;}
.sub_join .join_box .join_case { text-align:center;}
.sub_join .join_box .join_case .join_table { display:inline-block; line-height:30px; font-size:14px;}
.sub_join .join_box .join_case .join_table li.join_iteam { padding:0 20px; float:left; cursor:pointer; background-color:#F3F4F6; border-radius:15px; text-transform:capitalize;}
.sub_join .join_box .join_case .join_table span.join_line { float:left; width:1px; height:22px; margin:4px 20px 0; background-color:#ddd; cursor:default;}
.sub_join .join_box .join_case .join_table li.join_iteam.on { background-color:#00A0E9; color:#fff;}
.sub_join .join_box .join_case .join_caseList { margin:50px 0;}
.sub_join .join_box .join_case .join_caseList li { float:left; width:calc(100%/3 - 20px); margin-right:30px;}
.sub_join .join_box .join_case .join_caseList li .join_caseImgBox { padding:15px; border:1px solid #DBDBDB; width:100%; transition:all .5s;}
.sub_join .join_box .join_case .join_caseList li .join_caseImgBox .join_caseImg { width:100%; height:236px; overflow:hidden;}
.sub_join .join_box .join_case .join_caseList li .join_caseImgBox .join_caseImg img { width:100%; transition:all .5s;}
.sub_join .join_box .join_case .join_caseList li .join_caseTil { font-size:16px; line-height:30px; margin-top:10px;}
.sub_join .join_box .join_case .join_caseList li:last-child { margin-right:0;}
.sub_join .join_box .join_case .join_caseList li:hover .join_caseImgBox { border-color:#00A0E9;}
.sub_join .join_box .join_case .join_caseList li:hover .join_caseImgBox .join_caseImg img { transform:scale(1.1);}
.sub_join .join_box .join_support li { float:left; padding:20px; width:50%; position:relative;}
.sub_join .join_box .join_support li .support_pic { width:82px; height:82px; border-radius:50%; border:1px dashed #00A0E9; margin-top:50px;}
.sub_join .join_box .join_support li .support_pic i { display:block; margin:15px 0 0 15px; width:50px; height:50px; border-radius:50%; background-color:#00A0E9; background-repeat:no-repeat;}
.sub_join .join_box .join_support li .support_pic .consult_icon { background-image:url(../images/consult_icon.png); background-position:9px 11px;}
.sub_join .join_box .join_support li .support_pic .record_icon { background-image:url(../images/record_icon.png); background-position:9px 9px;}
.sub_join .join_box .join_support li .support_pic .maintain_icon { background-image:url(../images/maintain_icon.png); background-position:8px 9px;}
.sub_join .join_box .join_support li .support_pic .support_icon { background-image:url(../images/support_icon.png); background-position:9px 8px;}
.sub_join .join_box .join_support li .support_pic.support_picMg { margin-top:32.5px;}
.sub_join .join_box .join_support li .support_cont { width:calc(100% - 122px); margin-left:40px; padding:30px 30px 25px; border:1px dashed #00A0E9; line-height:30px; font-size:15px;}
.sub_join .join_box .join_support li .support_cont .support_title { font-size:16px; font-weight:bold; text-transform:capitalize;}
.sub_join .join_box .join_support li .support_cont .support_text { color:#666; text-align:justify;}
.sub_join .join_box .join_support li:nth-child(odd)::before { content:""; position:absolute; top:50%; left:85px; width:70px; height:4px; transform:translate(0, -50%); background-color:#00A0E9;}
.sub_join .join_box .join_support li:nth-child(odd)::after { content:""; position:absolute; top:50%; left:150px; width:10px; height:10px; border-radius:50%; background-color:#00A0E9; transform:translate(0, -50%);}
.sub_join .join_box .join_support li:nth-child(even) { float:right;}
.sub_join .join_box .join_support li:nth-child(even) .support_cont { margin-right:40px; margin-left:0;}
.sub_join .join_box .join_support li:nth-child(even)::before { content:""; position:absolute; top:50%; right:85px; width:70px; height:4px; transform:translate(0, -50%); background-color:#00A0E9;}
.sub_join .join_box .join_support li:nth-child(even)::after { content:""; position:absolute; top:50%; right:150px; width:10px; height:10px; border-radius:50%; background-color:#00A0E9; transform:translate(0, -50%);}
.sub_join .join_box .join_support.join_support_en li:nth-child(2) .support_cont .support_text { margin-bottom:30px;}
.sub_join .join_box .join_support.join_support_en li .support_pic { margin-top:77.5px;}
.sub_join .join_box .join_support.join_support_en li .support_pic.support_picMg { margin-top:47.5px;}
.sub_join .join_box .join_system { height:550px; position:relative;}
.sub_join .join_box .join_system .system_circle { position:absolute; top:190px; left:500px; width:200px; height:200px; border:1px dashed #00A0E9; border-radius:200px; z-index:-1;}
.sub_join .join_box .join_system .system_circle .system_num { position:absolute; width:60px; height:60px; border-radius:30px; background-color:#00A0E9; color:#fff; font-size:30px; font-weight:bold; text-align:center; line-height:60px;}
.sub_join .join_box .join_system .system_circle .system_num.system_one { top:-30px; left:70px;}
.sub_join .join_box .join_system .system_circle .system_num.system_two { top:120px; left:-10px;}
.sub_join .join_box .join_system .system_circle .system_num.system_three { top:120px; right:-10px;}
.sub_join .join_box .join_system .system_box { position:absolute; line-height:30px; font-size:14px; padding:20px; text-align:center; width:400px; border:1px dashed #00A0E9;}
.sub_join .join_box .join_system .system_box .system_title { font-size:16px; font-weight:bold; text-transform:capitalize;}
.sub_join .join_box .join_system .system_box .system_cont { color:#999;}
.sub_join .join_box .join_system .system_box.system_boxOne { top:0; left:400px;}
.sub_join .join_box .join_system .system_box.system_boxTwo { top:375px; left:90px;}
.sub_join .join_box .join_system .system_box.system_boxThree { top:375px; right:90px;}
.sub_join .join_box .join_system.join_system_en { height:600px;}
.sub_join .join_box .join_system.join_system_en .system_circle { top:220px;}
.sub_join .join_box .join_system.join_system_en .system_box.system_boxTwo,.sub_join .join_box .join_system.join_system_en .system_box.system_boxThree { top:405px;}
.sub_join .join_box .company_list { text-align:center;}
.sub_join .join_box .company_list li { width:calc(20% - 8px); margin-right:10px; float:left; line-height:30px; font-size:14px; padding:30px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; box-shadow:0 0 10px #e9e9e9; -webkit-box-shadow:0 0 10px #e9e9e9; -moz-box-shadow:0 0 10px #e9e9e9; -ms-box-shadow:0 0 10px #e9e9e9; -o-box-shadow:0 0 10px #e9e9e9; -webkit-box-shadow:0 0 10px #e9e9e9; -moz-box-shadow:0 0 10px #e9e9e9; -ms-box-shadow:0 0 10px #e9e9e9; -o-box-shadow:0 0 10px #e9e9e9; height:168px; position:relative; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_join .join_box .company_list li .company_title { font-size:18px; text-transform:capitalize; font-weight:bold;}
.sub_join .join_box .company_list li .company_en { font-size:12px; color:#999; text-transform:capitalize; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_join .join_box .company_list li .company_cont { color:#666; line-height:24px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_join .join_box .company_list li:last-child { margin-right:0;}
.sub_join .join_box .company_list li::before { content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background-color:#00A0E9; z-index:-1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_join .join_box .company_list li:hover { color:#fff; box-shadow:0 0 10px #00A0E9; -webkit-box-shadow:0 0 10px #00A0E9; -moz-box-shadow:0 0 10px #00A0E9; -ms-box-shadow:0 0 10px #00A0E9; -o-box-shadow:0 0 10px #00A0E9;}
.sub_join .join_box .company_list li:hover .company_en { color:#fff;}
.sub_join .join_box .company_list li:hover .company_cont { color:#fff;}
.sub_join .join_box .company_list li:hover::before { height:168px;}
.sub_join .join_box .company_list.company_list_en li { height:192px;}
.sub_join .join_box .company_list.company_list_en li:hover::before { height:192px;}
.sub_join .join_box .sale_list { margin:20px 0;}
.sub_join .join_box .sale_list li { float:left; position:relative; top:0; width:calc(100%/3 - 60px); height:360px; margin-right:80px; text-align:center; border-radius:50%; box-shadow:0 0 10px #e9e9e9; transition:all 1s;}
.sub_join .join_box .sale_list li .sale_circle { width:calc(100% - 30px); height:330px; margin:15px; border-radius:50%; background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.5, rgba(0, 160, 233, 0)), to(rgba(0, 160, 233, 0.5))); background:-moz-gradient(linear, 0% 100%, 0% 0%, color-stop(0.5, rgba(0, 160, 233, 0)), to(rgba(0, 160, 233, 0.5))); background:-ms-gradient(linear, 0% 100%, 0% 0%, color-stop(0.5, rgba(0, 160, 233, 0)), to(rgba(0, 160, 233, 0.5))); background:-o-gradient(linear, 0% 100%, 0% 0%, color-stop(0.5, rgba(0, 160, 233, 0)), to(rgba(0, 160, 233, 0.5))); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; box-shadow:0 0 15px rgba(0, 160, 233, 0.1);}
.sub_join .join_box .sale_list li .sale_circle .sale_title { font-size:20px; font-weight:bold; line-height:30px; margin-bottom:50px; text-transform:capitalize;}
.sub_join .join_box .sale_list li .sale_circle .sale_cont { line-height:26px; font-size:14px;}
.sub_join .join_box .sale_list li:last-child { margin-right:0;}
.sub_join .join_box .sale_list li:hover { top:-10px; box-shadow:0 10px 15px #e9e9e9;}

/*招商加盟-end*/
/*产品*/
.sub_product { margin-bottom:30px;}
.sub_product .pro_filtrate { background-color:#fafafa; border:1px solid #ddd; padding:0 20px; border-top:none;}
.sub_product .pro_filtrate .filtrate_iteam { border-bottom:1px solid #ddd; padding:10px 0; text-transform:capitalize;}
.sub_product .pro_filtrate .filtrate_iteam li.filtrate_title { width:120px; color:#999;}
.sub_product .pro_filtrate .filtrate_iteam li { float:left; line-height:30px;}
.sub_product .pro_filtrate .filtrate_iteam li a { display:block; color:#333; padding:0 15px; border-radius:15px; background-color:#eee;}
.sub_product .pro_filtrate .filtrate_iteam li:not(.filtrate_title) { margin-right:20px;}
.sub_product .pro_filtrate .filtrate_iteam li.active a { background-color:#00a0e9; color:#fff;}
.sub_product .pro_filtrate .filtrate_iteam:last-child { border:none;}
.sub_product .sub_productList { margin-top:40px;}
.sub_product .sub_productList li { width:285px; margin:0 20px 20px 0; text-align:center; float:left; padding-bottom:10px; border-bottom:1px solid #e5e5e5; position:relative; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_product .sub_productList li a { width:100%; display:block;}
.sub_product .sub_productList li a img { width:100%; height:168px; position:relative; top:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_product .sub_productList li a h3 { width:285px; line-height:25px; height:25px; padding:0 20px; font-size:14px; color:#555; margin:10px 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_product .sub_productList li a p { width:285px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:25px; height:25px;}
.sub_product .sub_productList li::before { content:""; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background-color:#00A0E9; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
.sub_product .sub_productList li:nth-child(4n) { margin-right:0;}
.sub_product .sub_productList li:hover img { top:-5px;}
.sub_product .sub_productList li:hover h3 { color:#00A0E9;}
.sub_product .sub_productList li:hover::before { width:100%;}

/*产品-end*/
/*图片*/
.sub_pic { margin-bottom:30px;}
.sub_pic .sub_picList { margin:30px 0;}
.sub_pic .sub_picList li { float:left; width:395px; height:268px; text-align:center; margin:0 5px 5px 0; position:relative; overflow:hidden;}
.sub_pic .sub_picList li img { width:100%; height:100%; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_pic .sub_picList li .sub_picMask { position:absolute; top:0; left:0; width:395px; height:268px; line-height:25px; text-align:center; color:#fff; background-color:rgba(0, 0, 0, 0.4); opacity:0; transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_pic .sub_picList li .sub_picMask h2 { width:355px; height:228px; font-weight:500; margin:20px; border:1px solid #f0f0f0; position:relative; font-size:20px;}
.sub_pic .sub_picList li .sub_picMask h2 span { position:absolute; top:50%; left:0; width:100%; padding:0 40px; transform:translate(0, -50%); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%);}
.sub_pic .sub_picList li:nth-child(3n) { margin-right:0;}
.sub_pic .sub_picList li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.sub_pic .sub_picList li:hover .sub_picMask { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); opacity:1;}
.sub_pic .sub_picBot { width:100%; margin:50px 0;}
.sub_pic .sub_picBot img { width:100%; vertical-align:top;}

/*图片-end*/
/*新闻*/
.sub_news { margin-bottom:30px;}
.sub_news .sub_newsList { margin:30px 0;}
.sub_news .sub_newsList li { padding:35px 20px; border-width:1px; border-style:solid solid dashed solid; border-color:transparent transparent #D1D1D1 transparent; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_imgBox { width:400px; height:242px; padding:20px; border:1px solid #D1D1D1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_imgBox .newsList_img { width:100%; height:100%; overflow:hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_imgBox .newsList_img img { width:100%; height:100%; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_cont { width:700px; padding-top:20px;}
.sub_news .sub_newsList li .newsList_cont .newsList_contTitle { display:block; color:#666; font-size:14px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #D1D1D1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_cont .newsList_contTitle h2 { font-size:18px; width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500;}
.sub_news .sub_newsList li .newsList_cont .newsList_contTitle span { color:#c6c6c6; margin-top:5px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_cont p { color:#999; line-height:22px; font-size:14px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_news .sub_newsList li .newsList_cont .newsList_contMore { display:block; margin-top:20px; width:120px; height:35px; line-height:35px; text-align:center; border:1px solid #00a0e9; color:#00a0e9; background-color:#fff; font-size:14px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
.sub_news .sub_newsList li:hover { border:1px solid #00a0e9;}
.sub_news .sub_newsList li:hover .newsList_imgBox { border-color:#00a0e9;}
.sub_news .sub_newsList li:hover .newsList_imgBox .newsList_img img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.sub_news .sub_newsList li:hover .newsList_cont .newsList_contTitle { color:#00a0e9;}
.sub_news .sub_newsList li:hover .newsList_cont .newsList_contTitle span { color:#00a0e9;}
.sub_news .sub_newsList li:hover .newsList_cont p { color:#00a0e9;}
.sub_news .sub_newsList li:hover .newsList_cont .newsList_contMore { color:#fff; background-color:#00a0e9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}

/*新闻-end*/
/*视频*/
.sub_video { margin-bottom:30px;}
.sub_video .sub_videoList { margin-top:50px;}
.sub_video .sub_videoList li { float:left; width:380px; padding-bottom:20px; border-bottom:1px solid #dedede; margin:0 30px 40px 0;}
.sub_video .sub_videoList li .sub_videoImg { width:100%; height:228; padding:10px; border:1px solid #dedede;}
.sub_video .sub_videoList li .sub_videoImg a { display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.sub_video .sub_videoList li .sub_videoImg a img { width:100%; height:100%; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_video .sub_videoList li .sub_videoImg a .sub_videoIcon { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/video_icon.png) no-repeat center; background-color:rgba(0, 0, 0, 0.4); background-size:15%; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.sub_video .sub_videoList li .sub_videoCont { font-size:14px; color:#666; margin-top:20px; line-height:20px;}
.sub_video .sub_videoList li .sub_videoCont .sub_videoTitle { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; padding-left:10px;}
.sub_video .sub_videoList li .sub_videoCont .sub_videoInfo { color:#999;}
.sub_video .sub_videoList li .sub_videoCont .sub_videoInfo span { margin-right:10px; padding-left:20px; background-position:left center; background-repeat:no-repeat; line-height:20px; display:inline-block;}
.sub_video .sub_videoList li .sub_videoCont .sub_videoInfo .sub_videoInfoClick { background-image:url(../images/video_small_icon.png); padding-left:23px;}
.sub_video .sub_videoList li .sub_videoCont .sub_videoInfo .sub_videoInfoTime { padding-left:24px; background-image:url(../images/eye_small_icon.png);}
.sub_video .sub_videoList li:nth-child(3n) { margin-right:0;}
.sub_video .sub_videoList li:hover .sub_videoImg a img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.sub_video .sub_videoList li:hover .sub_videoImg a .sub_videoIcon { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

/*视频-end*/
/*找回密码*/
.retrieve_page { padding:50px 0;}
.retrieve_page .retrieve_title { font-size:16px; font-weight:600; line-height:25px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.retrieve_page .retrieve_form { padding:0 30px;}
.retrieve_page .retrieve_form p { font-size:14px; color:#333; margin-bottom:20px;}
.retrieve_page .retrieve_form p span { font-weight:600; padding:0 5px;}
.retrieve_page .retrieve_form .retrieve_content { height:32px; line-height:32px; margin-bottom:20px; font-size:14px;}
.retrieve_page .retrieve_form .retrieve_content span { width:80px; text-align:right; margin-right:15px;}
.retrieve_page .retrieve_form .retrieve_content input { width:220px; height:32px; padding:0 10px; border:1px solid #ddd;}
.retrieve_page .retrieve_form .retrieve_content #telCode { width:90px;}
.retrieve_page .retrieve_form .retrieve_content .retrieve_telCode { display:block; margin:0 0 0 5px; width:100px; height:32px; line-height:32px; border:1px solid #eee; color:#bbb; background-color:#f4f4f4; text-align:center; cursor:not-allowed; font-size:12px;}
.retrieve_page .retrieve_form .retrieve_content .retrieve_telCodeAffirm { border-color:#32beff; color:#32beff; background-color:#fff; cursor:pointer;}
.retrieve_page .retrieve_form .retrieve_btn { width:150px; height:40px; font-size:14px; border:none; background-color:#00A0E9; color:#fff; cursor:pointer; margin-left:95px;}

/*找回密码-end*/
/*大事记*/
.develop_page { margin-bottom:50px;}
.develop_page .develop_pageBox { padding-top:30px;}
.develop_page .develop_pageBox .develop_pageEvents { width:1040px; margin:0 auto; position:relative;}
.develop_page .develop_pageBox .develop_pageEvents .develop_datetime { position:relative; padding-top:30px !important;}
.develop_page .develop_pageBox .develop_pageEvents .develop_datetime li { float:left; width:70px; text-align:center; cursor:pointer; margin:0 30px; padding-top:22px; position:relative; font-size:18px; font-family:arial; color:#999; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.develop_page .develop_pageBox .develop_pageEvents .develop_datetime li::before { content:""; position:absolute; width:18px; height:25px; top:-8px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); background:url(../images/year_icon3.png) no-repeat center; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.develop_page .develop_pageBox .develop_pageEvents .develop_datetime li.active,.develop_page .develop_pageBox .develop_pageEvents .develop_datetime li:hover { color:#00A0E9;}
.develop_page .develop_pageBox .develop_pageEvents .develop_datetime li.active::before,.develop_page .develop_pageBox .develop_pageEvents .develop_datetime li:hover::before { background-image:url(../images/year_icon4.png);}
.develop_page .develop_pageBox .develop_pageEvents .develop_datetime::before { content:""; width:100%; height:1px; border-top:1px dashed #ddd; position:absolute; left:0; top:31px;}
.develop_page .develop_pageBox .develop_pageEvents .parBd { margin-top:30px;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox { padding:20px; display:none;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox .develop_sildeTime { font-size:25px; color:#999; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox .develop_sildeTime span:first-child { font-size:45px; color:#00A0E9;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox .develop_sildeTime span:first-child::after { content:""; width:1px; height:35px; background-color:#dedede; display:inline-block; margin:0 10px 0 15px;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox .develop_sildeCont { font-size:14px; line-height:24px;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox .develop_sildeCont img { max-width:100%;}
.develop_page .develop_pageBox .develop_pageEvents .develop_sildeBox:first-child { display:block;}
.develop_page .develop_pageBox .develop_pageEvents .develop_btn { position:absolute; top:15px; width:32px; height:32px; background-repeat:no-repeat; background-image:url(../images/year_icon1.png);}
.develop_page .develop_pageBox .develop_pageEvents .sPrev { background-position:0 0; left:-31px;}
.develop_page .develop_pageBox .develop_pageEvents .sPrev:hover { background-position-y:-32px;}
.develop_page .develop_pageBox .develop_pageEvents .sNext,.develop_page .develop_pageBox .develop_pageEvents .develop_nextBtn { background-position:-32px 0; top:16px; right:-31px;}
.develop_page .develop_pageBox .develop_pageEvents .sNext:hover,.develop_page .develop_pageBox .develop_pageEvents .develop_nextBtn:hover { background-position-y:-32px;}
.develop_page .develop_pageBox .develop_pageEvents .develop_nextBtn { display:none;}

/*大事记-end*/
/*列表页面-end*/
/*详情页面*/
/*产品*/
.pro_intro { width:100%; height:430px; background-color:#00a0e9;}
.pro_intro .pro_introBanner { width:638px; height:377px; position:relative; margin-top:20px;}
.pro_intro .pro_introBanner .pro_introList li { width:100%; height:100%;}
.pro_intro .pro_introBanner .pro_introList li img { width:100%; height:100%;}
.pro_intro .pro_introBanner .pro_introPoint { position:absolute; left:50%; bottom:50px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
.pro_intro .pro_introBanner .pro_introPoint li { width:12px; height:12px; float:left; margin-right:10px; background-color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.pro_intro .pro_introBanner .pro_introPoint li:last-child { margin-right:0;}
.pro_intro .pro_introBanner .pro_introPoint li.on { background-color:#00a0e9;}
.pro_intro .pro_introCont { color:#fff; width:500px; padding-top:60px;}
.pro_intro .pro_introCont .pro_introContTitle { font-size:38px; font-weight:bold; margin-bottom:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_intro .pro_introCont p { margin-bottom:17px; font-size:16px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_intro .pro_introCont p::before { content:"•"; margin-right:8px;}
.product_details { margin-bottom:30px;}
.product_details .product_detailsCner { margin-top:50px;}
.product_details .product_detailsCner .product_CnerTitle { font-size:18px; font-weight:bold; margin-bottom:15px;}
.product_details .product_detailsCner .product_parameter .product_parameterCont dl { float:left; width:590px; height:32px; line-height:32px; padding-left:10px;}
.product_details .product_detailsCner .product_parameter .product_parameterCont dl dt { display:inline-block; width:49%;}
.product_details .product_detailsCner .product_parameter .product_parameterCont dl dd { display:inline-block; width:49%;}
.product_details .product_detailsCner .product_parameter .product_parameterCont dl:nth-child(4n-3),.product_details .product_detailsCner .product_parameter .product_parameterCont dl:nth-child(4n-2) { background-color:#f0f0f0;}
.product_details .product_detailsCner .product_parameter .product_parameterCont dl:nth-child(odd) { margin-right:20px;}
.product_details .product_detailsCner .product_install { margin-top:50px;}
.product_details .product_detailsCner .product_install .product_installCont { font-size:14px; line-height:25px; text-align:justify;}
.product_details .product_detailsCner .product_install .product_installCont img { max-width:100%;}
.product_details .product_detailsCner .product_check { margin-top:50px;}
.product_details .product_detailsCner .product_check .product_checkList li { padding:0 15px 15px 15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.product_details .product_detailsCner .product_check .product_checkList li a { font-size:15px; font-weight:bold;}
.product_details .product_detailsCner .product_check .product_checkList li span { color:#c6c6c6;}
.product_details .product_detailsCner .product_show { margin-top:50px; position:relative;}
.product_details .product_detailsCner .product_show .bd ul li img { width:100%;}
.product_details .product_detailsCner .product_show .hd { position:absolute; bottom:50px; left:50%; transform:translate(-50%, 0); overflow:hidden;}
.product_details .product_detailsCner .product_show .hd li { float:left; width:30px; height:5px; background-color:#fff; margin-right:10px;}
.product_details .product_detailsCner .product_show .hd li:last-child { margin-right:0;}
.product_details .product_detailsCner .product_show .hd li.on { background-color:#00a0e9;}

/*产品-end*/
/*新闻+图片*/
.details_page { margin-bottom:40px;}
.details_page .details_container { margin-top:70px; padding:0 30px;}
.details_page .details_container .details_title { text-align:center; font-size:20px; line-height:1; color:#666; padding-bottom:25px; border-bottom:1px solid #e3e3e3;}
.details_page .details_container .details_info { margin:20px 0 30px; color:#bdbdbd; line-height:20px; font-size:16px; text-align:center;}
.details_page .details_container .details_info span { display:inline-block; height:20px; padding-left:25px; background-repeat:no-repeat; background-position:left top; margin-right:20px;}
.details_page .details_container .details_info span:last-child { margin-right:0;}
.details_page .details_container .details_content { font-size:14px; color:#666; line-height:24px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e3e3e3;}
.details_page .details_container .details_content img { max-width:100%;}
.details_page .details_container .details_page { margin-bottom:15px; font-size:14px; color:#666;}
.details_page .details_container .details_page a { color:#666;}
.details_page .details_container .details_page:hover a { text-decoration:underline;}

/*新闻+图片-end*/
/*视频*/
.video_details { margin-bottom:50px;}
.video_details .video_detailsCont { margin-top:50px;}
.video_details .video_detailsCont .video_detailsTitle { text-align:center; font-size:20px; line-height:1; color:#666; padding-bottom:25px; border-bottom:1px solid #e3e3e3;}
.video_details .video_detailsCont .video_detailsInfo { text-align:center; margin:20px 0 30px; color:#bdbdbd; line-height:20px; font-size:16px;}
.video_details .video_detailsCont .video_detailsInfo span { display:inline-block; height:20px; padding-left:25px; background-repeat:no-repeat; background-position:left top; margin-right:20px;}
.video_details .video_detailsCont .video_detailsInfo span:last-child { margin-right:0;}
.video_details .video_detailsCont .video_detailsContent { font-size:14px; color:#666; line-height:24px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e3e3e3;}
.video_details .video_detailsCont .video_detailsContent #video { width:600px; height:350px; margin:0 auto;}
.video_details .video_detailsCont .video_detailsPage { margin-bottom:15px; font-size:14px; color:#666;}
.video_details .video_detailsCont .video_detailsPage a { color:#666;}
.video_details .video_detailsCont .video_detailsPage:hover a { text-decoration:underline;}

/*视频-end*/
/*详情页面-end*/
/*登录*/
.login_page { width:100%; height:550px; background-color:#00a0e9;}
.login_page .login_pageBox { position:relative; height:100%;}
.login_page .login_pageBox .login_box { background-color:#fff; position:absolute; top:50%; right:0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); width:350px; padding:0 30px 30px;}
.login_page .login_pageBox .login_box .login_boxTitle { font-size:18px; font-weight:600; padding:20px 0;}
.login_page .login_pageBox .login_box .login_cont { border:1px solid #eee; width:100%; padding-left:60px; margin-bottom:20px;}
.login_page .login_pageBox .login_box .login_cont input { width:100%; height:40px; padding:7px 0; border:none; outline:none;}
.login_page .login_pageBox .login_box .login_contUser { background:url(../images/user_icon.png) no-repeat 18px center;}
.login_page .login_pageBox .login_box .login_contPassword { margin-bottom:10px; background:url(../images/password_icon.png) no-repeat 18px center;}
.login_page .login_pageBox .login_box .login_check { margin-bottom:10px; line-height:20px; height:20px;}
.login_page .login_pageBox .login_box .login_check input { width:14px; height:14px; margin-top:2px; margin-right:7px; position:relative; outline:none; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.login_page .login_pageBox .login_box .login_check input::before { content:""; width:14px; height:14px; position:absolute; top:0; left:0; border:1px solid #00A0E9;}
.login_page .login_pageBox .login_box .login_check input:checked::before { background:url(../images/checked.png) no-repeat center; background-color:#f4f4f4;}
.login_page .login_pageBox .login_box .login_btn { display:block; width:100%; height:40px; border:none; background-color:#32beff; color:#fff; margin-bottom:10px;}
.login_page .login_pageBox .login_box a { margin-right:10px;}

/*登录-end*/
/*注册*/
.register_page { width:100%; height:550px; background-color:#00a0e9;}
.register_page .page_width { position:relative; height:100%;}
.register_page .page_width .register_pageBox { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); padding:30px 50px 30px 30px; background-color:#fff;}
.register_page .page_width .register_pageBox .register_pageTitle { font-size:18px; font-weight:600; margin-bottom:20px;}
.register_page .page_width .register_pageBox .register_box { margin-bottom:20px; line-height:32px; height:32px;}
.register_page .page_width .register_pageBox .register_box span { display:flex; align-items:center; justify-content:flex-end; height:32px; line-height:16px; width:70px; text-align:right; margin-right:15px;}
.register_page .page_width .register_pageBox .register_box input { width:300px; height:32px; border:1px solid #eee; padding:0 10px;}
.register_page .page_width .register_pageBox .register_box #VCode { height:100%; margin-left:10px; cursor:pointer;}
.register_page .page_width .register_pageBox .register_box input.register_code,.register_page .page_width .register_pageBox .register_box input.register_tel { width:100px;}
.register_page .page_width .register_pageBox .register_box .unclick_code { display:block; margin-left:5px; width:100px; height:32px; border:1px solid #eee; color:#bbb; background-color:#f4f4f4; text-align:center; cursor:not-allowed;}
.register_page .page_width .register_pageBox .register_box .click_code { border-color:#32beff; color:#32beff; background-color:#fff; cursor:pointer;}
.register_page .page_width .register_pageBox .register_btn { width:260px; height:40px; border:none; color:#fff; background-color:#32beff; display:block; margin:30px auto 0; cursor:pointer; font-size:16px; letter-spacing:5px;}
.register_page .page_width .register_pageBox .register_msg { line-height:30px; font-size:14px;}
.register_page .page_width .register_pageBox .register_msg .register_msgIcon { vertical-align:top; display:inline-block; padding-left:30px; height:30px; background-image:url(../images/success_icon.png); background-repeat:no-repeat; background-position:left center;}

/*注册-end*/
/*会员中心*/
.personal_center { padding:50px 0; background-color:#fafafa;}
.personal_center .page_width { background-color:#fff; padding:20px;}
.personal_center .personal_centerTitle { font-size:24px; color:#757575; line-height:48px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:20px;}
.personal_center .personal_centerList { width:200px; padding:30px 20px; border:1px solid #ddd;}
.personal_center .personal_centerList li { width:100%; height:40px; line-height:40px; font-size:14px; padding-left:20px;}
.personal_center .personal_centerList li a { display:block; height:100%;}
.personal_center .personal_centerList li.active { background-color:#00A0E9;}
.personal_center .personal_centerList li.active a { color:#fff;}
.personal_center .personal_centerList li.active:hover { background-color:#00A0E9;}
.personal_center .personal_centerList li:hover { background-color:#32BEFF;}
.personal_center .personal_centerList li:hover a { color:#fff;}
.personal_center #personal_content { width:930px; padding:30px; border:1px solid #ddd;}

/*会员中心-end*/
/*会员中心_个人*/
.vip_personal .vip_personalCont .vip_personalImg { width:132px; height:132px; border:1px solid #ddd; padding:10px; margin-right:30px;}
.vip_personal .vip_personalCont .vip_personalImg img { width:100%;}
.vip_personal .vip_personalCont .vip_username { font-size:18px; margin-top:15px;}
.vip_personal .vip_personalCont p { line-height:24px; margin:10px 0;}
.vip_personal .vip_personalCont .vip_level { width:100px; height:30px; text-align:center; line-height:30px; font-size:14px; background-color:#F31730; color:#fff;}
.vip_personal .vip_personalTitle { font-size:18px; font-weight:600; padding:20px 0; border-bottom:1px solid #ddd;}
.vip_personal .vip_personalTitle a { font-size:14px; font-weight:normal; margin-top:5px; padding-right:10px;}
.vip_personal .vip_perActivity { padding-top:20px; position:relative; height:250px;}
.vip_personal .vip_perActivity .vip_perActivityList { width:100%; height:198px; overflow:hidden;}
.vip_personal .vip_perActivity .vip_perActivityList li { float:left; width:282px; margin-right:11px;}
.vip_personal .vip_perActivity .vip_perActivityList li .vip_acListImg { width:100%; height:158px; overflow:hidden;}
.vip_personal .vip_perActivity .vip_perActivityList li .vip_acListImg img { width:100%; height:100%;}
.vip_personal .vip_perActivity .vip_perActivityList li .vip_acListTitle { padding:0 10px; font-size:16px; line-height:30px; margin-top:10px; text-align:center;}
.vip_personal .vip_perActivity .vip_perActivityPoint { position:absolute; bottom:10px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
.vip_personal .vip_perActivity .vip_perActivityPoint li { float:left; width:12px; height:12px; color:transparent; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background-color:#ddd; margin-left:10px; cursor:pointer;}
.vip_personal .vip_perActivity .vip_perActivityPoint li.on { background-color:#00A0E9;}
.vip_personal .vip_product { padding:20px 0; position:relative;}
.vip_personal .vip_product .vip_productList li { float:left; width:211px; text-align:center; margin-right:8px;}
.vip_personal .vip_product .vip_productList li .vip_productImg { width:100%; height:125px;}
.vip_personal .vip_product .vip_productList li .vip_productImg img { width:100%; height:100%;}
.vip_personal .vip_product .vip_productList li .vip_productTitle { font-size:14px; padding:0 10px; margin-top:15px;}
.vip_personal .vip_product .vip_productList li:last-child { margin-right:0;}

/*会员中心_个人-end*/
/*会员中心_信息*/
.personal_details .personal_detailsCont .personal_detailsBox { height:40px; line-height:40px; width:100%; margin-bottom:20px;}
.personal_details .personal_detailsCont .personal_detailsBox span { width:70px; text-align:right; margin-right:15px; font-size:14px;}
.personal_details .personal_detailsCont .personal_detailsBox input { height:32px; margin-top:4px; border:1px solid #ddd; padding:0 10px; width:300px; outline:none; color:#999;}
.personal_details .personal_detailsCont .personal_detailsBox input.input_border,.personal_details .personal_detailsCont .personal_detailsBox select.input_border { color:#333; border-color:#32beff;}
.personal_details .personal_detailsCont .personal_detailsBox select { width:50px; height:32px; margin-top:4px; border:1px solid #ddd; outline:none; color:#999; padding-left:5px;}
.personal_details .personal_detailsCont .personal_detailsBox #telCode { width:70px;}
.personal_details .personal_detailsCont .personal_detailsBox span.personal_detailsBoxText { width:250px; text-align:left; color:#999; font-size:12px;}
.personal_details .personal_detailsCont .personal_detailsBox .personal_telCode { margin:4px 20px 0 10px; width:100px; height:32px; border:1px solid #32beff; color:#32beff; text-align:center; line-height:32px;}
.personal_details .personal_detailsCont .personal_detailsImgBox .personal_detailsImg { width:80px;}
.personal_details .personal_detailsCont .personal_detailsImgBox #imgUpload { display:none;}
.personal_details .personal_detailsCont .personal_detailsImgBox .personal_detailsText { display:block; text-align:center; color:#00A0E9; margin-top:10px;}
.personal_details .personal_detailsCont .personal_detailsBtn { width:200px; height:50px; background-color:#32beff; color:#fff; font-size:16px; text-align:center; line-height:50px; border:none; margin:30px 0 0 85px; cursor:pointer;}

/*会员中心_信息-end*/
/*会员中心_密码*/
.change_password .change_passwordTel .change_passwordTelTil,.change_password .change_passwordPw .change_passwordTelTil { font-size:14px; color:#333; margin-bottom:20px;}
.change_password .change_passwordTel .change_passwordTelTil span,.change_password .change_passwordPw .change_passwordTelTil span { font-weight:600; margin:0 5px;}
.change_password .change_passwordTel .change_passwordBox,.change_password .change_passwordPw .change_passwordBox { width:100%; height:40px; line-height:40px; margin-bottom:20px;}
.change_password .change_passwordTel .change_passwordBox span,.change_password .change_passwordPw .change_passwordBox span { width:75px; text-align:right; font-size:14px; margin-right:15px;}
.change_password .change_passwordTel .change_passwordBox input,.change_password .change_passwordPw .change_passwordBox input { width:200px; margin-top:4px; height:32px; line-height:32px; border:1px solid #ddd; padding:0 10px;}
.change_password .change_passwordTel .change_passwordBox #telCode,.change_password .change_passwordPw .change_passwordBox #telCode { width:95px;}
.change_password .change_passwordTel .change_passwordBox .personal_telCode,.change_password .change_passwordPw .change_passwordBox .personal_telCode { display:block; margin:4px 0 0 5px; width:100px; height:32px; line-height:32px; border:1px solid #eee; color:#bbb; background-color:#f4f4f4; text-align:center; cursor:not-allowed;}
.change_password .change_passwordTel .change_passwordBox .personal_telCode.personal_telCodeAffirm,.change_password .change_passwordPw .change_passwordBox .personal_telCode.personal_telCodeAffirm { border-color:#32beff; color:#32beff; background-color:#fff; cursor:pointer;}

/*会员中心_密码-end*/
/*会员中心_活动*/
.vip_event .vip_eventList { width:100%;}
.vip_event .vip_eventList li { float:left; width:282px; margin:0 11px 20px 0;}
.vip_event .vip_eventList li .vip_eventListImg { width:100%; height:158px; overflow:hidden;}
.vip_event .vip_eventList li .vip_eventListImg img { width:100%; height:100%;}
.vip_event .vip_eventList li .vip_eventListTitle { text-align:center; font-size:16px; margin-top:10px; padding:0 10px; line-height:30px;}
.vip_event .vip_eventList li:nth-child(3n) { margin-right:0;}

/*会员中心_活动-end*/
/*会员中心_联系*/
.sub_contact .sub_contactCont .contact_style { width:282px; height:180px; margin-right:11px; border-radius:10px; padding:30px; text-align:center;}
.sub_contact .sub_contactCont .contact_style img { width:50px; height:50px; margin-bottom:20px;}
.sub_contact .sub_contactCont .contact_style p { margin-bottom:5px; line-height:20px; font-size:13px;}
.sub_contact .sub_contactCont .contact_address { background-color:#D9F1E2;}
.sub_contact .sub_contactCont .contact_tel { background-color:#E3FEE6;}
.sub_contact .sub_contactCont .contact_email { margin-right:0; background-color:#EBF3DA;}
.sub_contact .sub_contactCont .contact_map { margin-top:50px;}

/*会员中心_联系-end*/
/*招聘信息*/
.job_page { margin-bottom:30px;}
.job_page .job_list { margin-top:30px;}
.job_page .job_list dl dt { background-color:#00A0E9; color:#fff; font-size:0;}
.job_page .job_list dl dt .job_head { width:20%; display:inline-block; font-size:16px; line-height:30px; text-align:center; padding:8px 0; font-weight:bold; text-transform:capitalize;}
.job_page .job_list dl dd { font-size:0; cursor:pointer; background-color:#f1f1f1; overflow:hidden;}
.job_page .job_list dl dd .job_item { width:20%; display:inline-block; font-size:14px; line-height:30px; text-align:center; padding:8px 0; vertical-align:top; text-transform:capitalize;}
.job_page .job_list dl dd .job_icon { display:inline-block; width:20%; height:46px; background-image:url(../images/jobdown_icon.png); background-repeat:no-repeat; background-position:center; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; vertical-align:top;}
.job_page .job_list dl dd .job_icon.job_hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);}
.job_page .job_list dl dd .job_box { font-size:14px; background-color:#fff; cursor:default; height:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.job_page .job_list dl dd .job_box .job_cont { padding:30px; line-height:30px; border-bottom:1px solid #ddd;}
.job_page .job_list dl dd .job_box .job_cont .job_contTil { font-weight:bold; font-size:16px; margin:5px 0; text-transform:capitalize;}
.job_page .job_list dl dd .job_box .job_cont .job_detail { color:#555;}
.job_page .job_list dl dd:nth-child(even) { background-color:#FAFAFA;}
.job_page .job_list .job_alert { margin-top:20px; font-size:14px; line-height:26px;}

/*招聘信息-end*/