* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.trans { -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
hr { border: none; outline: none; }
h1, h2, h3, h3, h4, h5, h6 { font-weight: normal; }
img { max-width: 100%; }
body { font-family: "SourceHanSansCN-Normal"; }
.wp { width: 100%; max-width: 1300px; margin: 0 auto; }
.wp a { color: #9d9d9d }
a { color: #333; }
a:hover { color: #fff; }
.fl { float: left }
.fr { float: right }
i { font-style:normal }
.pc { display:block }
.wap { display:none }
.fl { float:left }
.fr { float:right }
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content:''; display:table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content:''; display:table; clear:both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom:1
}
.clearfix { clear:both!important }
.clear, .cl { display:block!important; float:none!important; clear:both; width:auto!important; max-width:none!important; min-width:0!important; max-height:none!important; min-height:0!important; overflow:hidden; margin:0!important; padding:0!important; border:0!important; font-size:0!important; line-height:0!important }
.auto-img { position:relative; overflow:hidden; display:block }
.auto-img img { position:relative }
.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center; background-size:cover; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc) }
.ratio-img { width:100%; height:auto; background:url(../images/error.png) center no-repeat #f0f0f0 }
.tran_scale { overflow:hidden; display:block }
.tran_scale img { transition:.3s all;
-webkit-transition:.3s all
}
.tran_scale:hover img { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1) }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.f-12 { font-size:12px }
.f-14 { font-size:14px }
.f-16 { font-size:16px }
.f-18 { font-size:18px }
.f-20 { font-size:16px }
.f-22 { font-size:22px }
.f-24 { font-size:24px }
.f-28 { font-size:28px }
.f-30 { font-size:30px }
.f-32 { font-size:32px }
.f-34 { font-size:34px }
.f-36 { font-size:36px }
.f-40 { font-size:40px }
.f-70 { font-size:70px }
.tran_scale { overflow:hidden; display:block }
.tran_scale img { transition:.5s all;
-webkit-transition:.5s all
}
.tran_scale:hover img { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1) }
.tLineHeight { line-height:1.2em }
.aLineHeight { line-height:1.7em }
.aLineHeight p { color:#fff }
.site a:hover { color:#25b7aa }
.fnt_14 { font-size:14px }
.fnt_16 { font-size:16px }
.fnt_18 { font-size:18px }
.fnt_20 { font-size:20px }
.fnt_22 { font-size:22px }
.fnt_24 { font-size:24px }
.fnt_28 { font-size:28px }
.fnt_30 { font-size:30px }
.fnt_32 { font-size:32px }
.fnt_36 { font-size:36px }
.fnt_48 { font-size:48px }
.fnt_60 { font-size:60px }
.fnt_80 { font-size:80px }
.fnt_120 { font-size:120px }
.fnt_83 { font-size:63px }
/*************/

#bd { padding-top: 80px }
#hd { height: 80px; background: #fff; box-shadow: 0px 2px 2px rgba(0, 0, 0, .3); position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.guding { top: 0 !important; position: fixed; top: 0; z-index: 9999; background: #FFF }
.logo>a img:nth-of-type(2) {
display: none;
}
/*滚动头部效果*/
.scrollHeader.hander { background: rgba(255, 255, 255, 0.8); border-top: solid 2px #000; }
.lt9 .scrollHeader.hander { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#c8ffffff", EndColorStr="#c8ffffff");
}
.scrollHeader.hander .logo>a img:nth-of-type(2) {
display: block;
}
.scrollHeader.hander .logo>a img:nth-of-type(1) {
display: none;
}
.scrollHeader.hander .top {/*display:none;*/ }
.scrollHeader.hander .nav { background: #fff; }
.scrollHeader.hander .top_p_left { color: #c9c9c9; }
.scrollHeader.hander .top_p_left a { color: #c9c9c9; }
.scrollHeader.hander .top_p_right { color: #c9c9c9; }
.scrollHeader.hander .top_p_right a { color: #c9c9c9; }
.scrollHeader.hander .nav_bar ul li a { color: #000; }
.scrollHeader.hander .nav_search .sub { background: url(../images/search1.png) no-repeat right center; }
.scrollHeader.hander .nav_bar .xl_nav ul li a:hover { color: #2A1771; }
/*改变高度*/
.hander, .hander * { transition: all .3s ease-in-out;
}
.change_height.hander .logo img { padding-top: 0; width: auto; height: 55px; }
.change_height.hander .logo { margin: 5px 0 5px 0; height: 55px; }
.change_height.hander .nav>ul>li { height: 49px; line-height: 49px; }
.change_height.hander .nav>ul>li>ul { top: 53px; }
.change_height.hander .nav_b { margin-top: 14px; }
.fixed { top: 0 !important; }
#hd .logo { float: left; margin-right: 10px; height: 80px; width: 40% }
#hd .logo a { display: block; height: 100%; line-height: 80px; }
#hd .logo a img { display: inline-block; vertical-align: middle; }
.hander .nav { width: 100%; }
.nav_box { width: 100%; max-width: 1440px; margin: 0 auto; }
.nav_b { width: 55%; float: right; margin-top:0; }
/*************/
#nav { height:80px; background:#0058af; position:relative; z-index:1 }
.navBox { float: left; }
.nav li { float: left; text-align: center; height: 80px; position: relative; padding: 0 22px; }
.nav a { display: block; position: relative; padding: 0; font-size: 16px; height: 80px; line-height: 80px; perspective: 300px; transform-style: preserve-3d; color:#000 }
.nav a .bg { background-color: #000; position: absolute; left: 0px; bottom: 0px; width: 100%; display: block; height: 3px; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: rotateX(70deg); transform: rotateX(70deg); z-index: -1; transform-origin: center bottom 0; -webkit-transform-origin: center bottom 0; left: 0; opacity: 0; bottom: 0; visibility: hidden; }
.nav a .bg:before { content:""; position:absolute; bottom:3px; border-right: transparent 6px solid; border-left: transparent 6px solid; border-bottom: #000 7px solid; left: 50%; margin-left: -6px; }
.nav a .txt { position: relative; z-index: 2; font-size: 16px; color: #000; }
.nav .active a .bg, .nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt, .nav .on a .txt { color:#000 }
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover { color: #8f343a; }
.subNavbox { position: absolute; left: 0px; top: 85px; width: 100%; background-color: #fcfcfc; box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2); display: none; text-align: center; padding: 20px 0px; }
.nav li:hover .subNavbox { display:block }
.subNavbox p { padding-bottom: 12px; line-height: 24px; }
.subNavbox p a { line-height: 28px; height: auto; padding: 0; font-size: 15px; display:  inline-block; color: #666; }
.subNavbox p a:before { content:""; position:absolute; bottom: -3px; height: 1px; background: #8f343a; right:0; width:0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.subNavbox p a:hover:before { left:0; width:100% }
/**************/

.nav_bar { width: 95%; float: left; }
.nav_bar ul li { height: 50px; position: relative; float: left; font-size: 16px; padding: 0 20px; }
.nav_bar ul li a { color: #000; font-size: 16px; font-weight: 500 }
.nav_bar ul li a i { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.nav_bar .xl_nav { position: absolute; left: 0; top: -999px; transition: none; -webkit-transition: none; width: 100% }
.nav_bar .xl_nav .xl_nav_box { transition: all 0.4s; -webkit-transition: all 0.4s; opacity: 0; filter: Alpha(opacity=0); background: url(../images/bb.png); border: 1px solid #e7e7e7; border-top: 3px solid #00409a; position: relative; width: 100% }
/***二级下拉***/
.nav_bar ul li:hover .xl_nav { top: 50px; background: #FFF }
.nav_bar ul li:hover .xl_nav_box { margin-top: -10px; opacity: 1; filter: Alpha(opacity=100); }
.nav_bar .xl_nav .cf { padding: 0 }
.nav_bar .xl_nav ul { float: left; width: 100%; }
.nav_bar .xl_nav ul li { float: none; width: auto; height: 40px; display: block; border-bottom: 1px solid #c8c6c7; margin: 0; padding: 0; text-align: center; line-height: 35px }
.nav_bar .xl_nav ul .li { border-bottom: 0; }
.nav_bar .xl_nav ul li a { font-size: 14px; color: #000; transition: all 0.4s; -webkit-transition: all 0.4s; }
.nav_bar li .xl_nav .xl_nav_box { }
.nav_bar .xl_nav ul li:hover { background:#00409a; color:#FFF }
.nav_bar .xl_nav ul li:hover a { color:#FFF }
.nav_search { width: 30px; float: right; text-align: center; position: relative; margin-top:30px; }
.nav_search .sub { width: 30px; height: 23px; background: url(../images/search1.png) no-repeat right center; border: 0; text-indent: 0; }
.nav_search .text { width: 0px; height: 30px; line-height: 30px; position: absolute; top: 50%; right: 30px; border: 0px; text-indent: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ie .nav_search .text { margin-top: -17px; }
.nav_search:hover .text { width: 220px; border: 1px solid #b9b5b5; border-radius: 20px; }
/*手机头部*/
#m-hd { display: none; }
#m-hd { height: 50px; line-height: 50px; background-color: #fff; padding: 0; position: fixed; width: 100%; z-index: 999999; }
#m-hd img { height: 48px; padding: 1px 0 0 10px; }
.m-trigger { position: absolute; top: 0; right: 10px; width: 50px; color: #fff; text-align: center; font-size: 30px; line-height: 45px; cursor: pointer; background: url(../images/menu_add.png) center center no-repeat; -webkit-background-size: 50px; background-size: 25px; height: 50px; }
.m-nav { z-index: 60; position: absolute; top: 50px; width: 100%; left: 0; background: url(../images/alpha_black_70.png) repeat; text-align: center; display: none; }
.m-nav li { border-bottom: 1px solid #565656; }
.m-nav a { display: block; font-size: 12px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; }
.m-nav a:hover, .m-nav a:active { color: #e4392a; }
.m-sub { text-align: left; display: none; width: 100%; }
.m-sub a { border-bottom: none; font-size: 16px; }
.in_banner { position:relative; height: 200px; overflow:hidden }
.banner_pfdw { position:absolute; left:12%; bottom:15%; z-index:9999 }
/*
.banner_pfdw p { color:#fff; margin-bottom:30px; text-shadow:2px 2px 4px #000 }
.banner_pfdw a { width:144px; height:36px; line-height:36px; background:#00409a; display:block; font-size:18px; color:#000; text-align:center; margin-top:40px }

*/
.banner_index { width:100%; height:100%; position:absolute }
.banner_index ul { width:100%; height:100% }
.banner_index_new ul li img { width:100% }
.banner_index_new { position:relative }
.banner_index_new ul, .banner_index_new ul li { width:100%; height:200px; z-index:1; overflow:hidden }
.banner_index_new li { opacity:0; filter:alpha(opacity=0); position:absolute; left:0%; top:0; width:100%; height:100% }
.banner_index_new li img { width:100%; height:100%; transform:scale(1.2, 1.2); transition:15s all cubic-bezier(.19, 1, .22, 1) }
.banner_index_new .vbox { position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer; background:#000 }
.banner_index_new .vbox img { display:none }
.banner_index_new .vbox video { width:100%; height:100% }
.banner_index_new ul li video { height:100%; width:100% }
.banner_index_new ul, .banner_index_new ul li table { z-index:30; position:absolute; width:100%; height:100%; left:0; top:0 }
.banner_index_new ul li em { display:block; width:100%; height:100%; background:rgba(0, 0, 0, .6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer }
.banner_index_new { position:relative; overflow:hidden }
.banner_index_new dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000 }
.banner_index_new dl dd { display:inline-block; text-indent:9999px; width:16px; height:16px; margin:0; outline:0; overflow:hidden; border-radius:0; background:0 0; border:1px solid #fff; margin-right:10px; cursor:pointer }
.banner_index_new dl dd:last-child { margin-right:0 }
.banner_index_new dl dd.active { background:#005bac; border:1px solid #fff }
.ie8 .fadeIn { visibility:visible!important }
.ie .fadeIn { visibility:visible!important }
.fixHeader { position:fixed; left:0; top:0; width:100%!important }
.banner_index_new ul li table { width:100%; height:100%; position:absolute; left:50%; top:0% }
.banner_index_new ul li table td { vertical-align:middle; text-align:center; width:80%; color:#fff }
.in_banner_txt { opacity:1; transition:4s all cubic-bezier(.19, 1, .22, 1); position:relative }
.banner_index_new ul li table td p { padding-bottom:0; margin:0 auto 1em; font-weight:400 }
.banner_index_new ul li table td i { display:none; width:40%; font-size:14px; margin:0 auto; line-height:1.7em; height:3.4em; overflow:hidden }
.in_banner_part2 { height:130px; background:#016aac; padding:30px 0; box-sizing:border-box }
.in_banner_part2 span, .in_banner_part2 p { color:#fff }
.in_banner_part2 li { width:25%; float:left; text-align:center }
.banner_index_new li.curr { z-index:2 }
.banner_index_new li.curr img, .banner_index_new li.curr video { transform:scale(1, 1) }
.banner_index_new ul li.li01 .in_banner_txt { display:inline-block; text-align:left }
.banner_index_new ul li.li01 .in_banner_txt { margin-top:30% }
.banner_index_new ul li.li01.curr .in_banner_txt { opacity:1; margin-top:20% }
.banner_pfdw { transform:translateY(500px); -webkit-transform:translateY(500px); -ms-transform:translateY(500px); opacity:0; transition:3s all; -webkit-transition:3s all; -ms-transition:3s all; bottom:26% }
.banner_pfdw.current { transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); opacity:1; z-index:200 }
.banner_pfdw .ban-txt h5 { font-size: 22px; color: #fff; }
.banner_pfdw .ban-txt h5 a { border:1px solid #FFF; padding:2px 10px; display:inline-block; margin-top:20px; font-size:16px; color:#FFF; }
.banner_pfdw .ban-txt h2 { height: 28px; line-height: 18px; margin-top: 5px; font-size: 1.2rem; color: #fff; text-shadow: 4px 4px 8px #000; font-weight: 600; }
.banner_pfdw .ban-txt h3 { font-size: 14px; color: #fff; text-shadow: 4px 4px 8px #000; }
.banner_pfdw .ban-txt h5 a:hover { background:#FFF; color:#000 }
/*
.li01 div.banner_pfdw { bottom:46% }
.li02 div.banner_pfdw { left:auto; right:14%; top:28% }
.li03 div.banner_pfdw { left:20%; bottom:34% }
*/
.banner_index { position:relative }
.bar { width:100%; position:absolute; left:0; bottom:0; height:3px; z-index:99 }
.bar p { width:0; position:absolute; left:0; top:0; height:3px; background:#64a596 }
.index_box { width:100%; max-width:1920px }
.hander { position:fixed; left:0; top:0; width:100%; height:auto; z-index:99999; background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)) }
.hander .top { height:40px; width:100%; background:#00409a }
.banner_index_new, .banner_index { height:800px }
/*底部*/
#fd { background: url(../images/footbg.png) center top no-repeat; background-size: cover; padding-top: 45px; }
.index-fd { margin-top1: -31px; }
#fd .fd-top { overflow: hidden; color: #fff; padding-bottom: 45px; }
#fd dl { float: left; width: 15%; }
#fd dl dt { font-size: 16px; padding-bottom: 20px; }
#fd dl dt:after { width: 60px; background: #FFF; display: inline-block; height: 1px; }
#fd dl dt::after {
width: 60px;
background: #FFF;
display: inline-block;
height: 1px;
}
#fd .ul-fd li { line-height: 26px; }
#fd .ul-fd li a { color: #fff; font-size: 14px }
#fd .ul-fd li a:hover { text-decoration: underline; }
#fd dl p { line-height: 26px; color: #fff; font-size: 14px }
#fd h5 { font-size: 16px; color: #a8a8af; }
#fd .sina { background-image: url(../images/fd_icon2.png); }
#fd .fd-copy { height: 61px; line-height: 60px; color: #a3a3a9; border-top: 1px solid #FFF; font-size: 14px; }
/* side */
.side { position: fixed; width: 50px; height: 275px; right: 0; top: 250px; z-index: 100; }
.side ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 2px; }
.side ul li .sidebox { position: absolute; width: 50px; height: 50px; border-radius: 5px 0 0 5px; top: 0; right: 0; transition: all 0.3s; background: #000022; color: #fff; font: 16px/50px "微软雅黑"; overflow: hidden; }
.side ul li a:hover .sidebox { width: 175px; }
.side ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #000; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0.3s; }
.side ul li .sidetop:hover { background: #e4392a; }
.side ul li img { float: right; }
.side2 { position: fixed; width: 40px; right: 10px; z-index: 100; top: 500px; height: 80px; }
.side2 ul li { width: 40px; height: 40px; }
.side2 ul li a { display: block; background-color: #e4392a; height: 40px; width: 40px; text-align: center; line-height: 40px; }
.side2 ul li a img { vertical-align: middle; display: inline-block; }
.side2 ul li a:hover { background-color: #000022; }
.side2 ul li .weixin { position: absolute; left: -154px; bottom: 0; display: none; }
.side2 ul li .weixin em { background: url(../images/arr3.png) no-repeat; width: 5px; height: 17px; display: block; position: absolute; right: -5px; top: 50%; margin-top: 3px; }
.side2 ul li .weixin img { display: block; }
/*banner*/
/*banner*/
#banner .flexslider { background: none; }
#banner .slides li .pic { display: block; padding-top: 36.4%; /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */ background-position: center bottom; position: relative; }
#banner .slides li .ban-txt { width: 760px; position: absolute; left: 30%; margin-left: -380px; top: 50%; height: 205px; margin-top: 2px; text-align: center; }
#banner .slides li.s1 .ban-txt { background:url(../images/ban_k.png) no-repeat; }
#banner .flexslider .slides img { max-width: 100%; width: auto; display: inline-block; vertical-align: middle; }
#banner .slides li .ban-txt h5 { font-size: 22px; color: #fff; margin-top: -5px; }
#banner .slides li .ban-txt h2 { height: 118px; line-height: 118px; margin-top: -215px; font-size: 71px; color: #fff; }
#banner .slides li .ban-txt h3 { padding-top: 25px; font-size: 24px; color: #e4392a; }
#banner .flex-control-paging li a { width: 40px; height: 3px; border-radius: 0; background-color: rgba(255, 255, 255, 0.7); }
#banner .flex-control-paging li a.flex-active { background-color: #e4392a; }
#banner .flex-control-nav { bottom: 80px; }
#banner .flex-direction-nav a { background: url(../images/ban_prev.png) no-repeat; width: 24px; height: 44px; opacity: 1; filter: alpha(opacity=100); }
#banner .flex-direction-nav .flex-prev { left: 50%; margin-left: -570px; }
#banner .flex-direction-nav .flex-next { background-image: url(../images/ban_next.png); right: 50%; margin-right: -570px; }
#banner .slides li.s2 .ban-txt { width: 840px; margin-left: -420px; }
#banner .slides li.s2 .ban-txt h2 { font-size: 58px; line-height: 56px; height: 56px; margin-bottom: 10px; }
#banner .slides li.s2 .ban-txt h3 { font-size: 50px; text-transform: uppercase; padding-top: 0; }
#banner .slides li.s2 .ban-txt h4 { font-size: 16px; color: #fff; }
#banner .slides li.s2 .ban-txt h6 { font-size: 14px; border-top: 1px solid #d3d3d7; width: 149px; margin: 0 auto; color: #fff; line-height: 35px; margin-top: 15px; }
#banner .slides li.s3 .ban-txt h2 { font-size: 45px; height: 45px; line-height: 45px; }
#banner .slides li.s3 .ban-txt h3 { font-size: 69px; text-transform: uppercase; padding-top: 0; border-bottom: 1px solid #e4392a; }
#banner .slides li.s3 .ban-txt h4 { font-size: 16px; line-height: 30px; color: #fff; margin-top: 20px; }
#banner { position: relative; }
.banner-bg { background: url(../images/ban_bg.png) center top no-repeat; height: 54px; width: 100%; position: absolute; left: 0; bottom: -30px; z-index: 60; }
/*首页*/
.section-title { margin-bottom: 40px; font-size: 24px; font-weight: 600; line-height: 1.2; display: block; padding-top: 15px; overflow: hidden }
.section-title .caten { float: left; color: #434343; font-size: 20px; margin-top: 10px; padding: 0 10px; font-weight: 500 }
.section-title .catcn { float: left; position: relative; color: #000000; font-size: 20px; margin-top: 10px; }
.section-title .more { float: right; color: #434343; font-size: 16px; padding-top: 10px }
.tit-i { text-align: center; padding: 50px 0; line-height: 36px; overflow: hidden; }
.tit-i h3 { font-size: 30px; color: #002; margin-bottom: 10px; }
.tit-i h5 { font-size: 20px; color: #cacace; text-transform: uppercase; font-family: Arial; }
.tit-i h5 span { color: #e4392a; }
.tit-i em { width: 45px; border-bottom: 1px solid #7f7f90; display: inline-block; }
/***************/
.row2 { padding-top: 20px; }
.case-i { padding: 0; display: block; overflow: hidden }
.case-img, .case-img a img { width: 100%; }
.case-img { position: relative; overflow: hidden; }
.case-img .hover { position: absolute; left: 0; top: -434px;/*top: -433px;*/ -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
width: 100%; height: 100%; text-align: center; background: url(../images/alpha_blue_60.png) repeat; color: #fff; }
.case-img.on .hover { top: 0; }
.ul-case-i { margin: 0 -15px; }
.ul-case-i li { float: left; width: 33%; padding: 0 15px; margin-bottom: 30px; overflow: hidden; }
.ul-case-i li a { display: block; position: relative; -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.ul-case-i li .pic { position: relative }
.ul-case-i li .pic p { position: absolute; bottom: 0; left: 0; height: 50px; line-height: 50px; width: 100%; font-size: 16px; color: #FFF; font-weight: 800; text-align: center; background: url(../images/alpha_blue_60.png) repeat; color: #fff; font-weight: 600; }
.ul-case-i li .pic img { width: 100%; display: block; }
.ul-case-i li a .hover { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; text-align: center; background: url(../images/alpha_blue_60.png) repeat; color: #fff; 	/*display: none;*/ -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.ul-case-i li .hover .txt { padding: 0px 10%; display: inline-block; vertical-align: middle; }
.ul-case-i li a:hover .hover { /*display: block;*/ top: 0; padding-top:150px }
.ul-case-i-1 li { width: 33%; }
.ul-case-i li:hover .pic p { display: none }
.ul-case-i li .hover .txt h3 { font-size: 16px; font-weight: 600 }
.ul-case-i li .hover .txt p { line-height: 30px; font-size: 14px }
.more-i { text-align: center; padding-bottom: 35px; }
.more-i a { display: inline-block; width: 65px; height: 65px; background: url(../images/arr2.png) center center no-repeat #000014; border-radius: 100%; }
.more-i a:hover { background-color: #e4392a; }
/************/
/**关于我们**/
/************/
.about { height:100%; }
.abl { width: 50%; background: url(../images/iabout.jpg) no-repeat center; background-size: cover; height: 600px; }
.abr { width: 50%; background: url(../images/aboutbg.jpg) center top no-repeat; height: 600px; }
.about .section-title { margin: 10px; font-size: 24px; font-weight: 700; line-height: 1.2; display: block; overflow: hidden; padding-top: 5%; }
.about .section-title .caten { float: left; color: #AFB0B2; font-size: 20px; margin-top: 10px; padding: 0 10px; font-weight: 500 }
.about .section-title .catcn { float: left; position: relative; color: #fff; font-size: 20px; margin-top: 10px; }
.abtit { color: #fff; padding-left: 50px; font-size: 18px; font-weight: 600 }
.abinfo { margin-top: 20px; padding: 0 50px; font-size: 16px; color: #fff; line-height: 30px; }
.abinfo p { font-size: 15px; color: #fff; line-height: 30px; text-indent: 2em; }
.abr a.more { display: block; width: 120px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #fff; color: #fff; margin:10px auto; font-size: 14px; border-radius: 20px; }
.abr a.more:hover { background:#FFF; color:#000; }
.about_data { padding: 15px; margin-top: 120px; color: #FFF }
.about_data dl { width: 50%; float: left; text-align: center; font-size: 20px; margin-bottom: 50px }
.about_data dl span { display: inline-block }
.about_data dl dt span { display: inline-block; float: none; font-size: 12px; line-height: 20px; padding-left: 8px; vertical-align: top }
/***荣誉证书********/
.section-zs { padding: 20px 0; }
.section-zs .swiper-container { width: 100%; height: 100%; }
.section-zs .swiper-slide { text-align: center; font-size: 16px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); }
.section-zs .swiper-slide-active, .section-zs .swiper-slide-duplicate-active { transform: scale(1); }
/********/
.news-bg { overflow: hidden; }
/***************/
.news-left { width: 48%; float: left; margin-right: 2% }
.news-right { width: 50%; float: right }
#news-fouce { height: auto; width: 100%; margin: 0 auto; overflow: hidden; }
#news-fouce ul li { width: 100%; height: 630px; overflow: hidden; position: relative; }
#news-fouce ul li .text { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; }
#news-fouce ul li .text p { text-align: left; color: #fff; line-height: 180%; padding: 30px; clear: both; font-size: 16px }
/*********/
.articleList { width: 100%; }
.art_list { width: 100%; margin-bottom: 15px; overflow: hidden }
.art_img img { float: left; width: 250px; height: 200px; }
.art_right { float: left; width: 400px; background: #fff; padding: 10px; height: 200px; border: 10px #F4F4F4 solid; }
.art_title { float: left; display: block; width: 100%; line-height: 35px; font-size: 16px; color: #333; font-weight: bold; }
.art_time span { float: left; width: 100%; height: 30px; line-height: 40px; font-size: 14px; color: #000; }
.art_des { float: left; margin-top: 10px; width: 100%; line-height: 20px; font-size: 14px; }
.art_list:hover { cursor: pointer; }
.art_list:hover .art_title { color: #1372be; }
.time { color: #000; float: right; }
.articleTitle { font-weight: bold; font-size: 16px; text-align: center; }
.articleAuthor { text-align: center; padding: 7px 0px; }
.articleauthor span { margin: 0px 6px; font-size: 9pt; }
.articleInfo { width: 100%; padding: 10px 0; }
.pageUpDown { padding: 10px 0 30px 0; text-align: left; }
.art_right p { color: #000; line-height: 28px; font-size: 14px }
.art_right p a { color: #000; line-height: 28px; font-size: 14px }
/***************/


.news-more { text-align: center; padding-bottom: 100px; padding-top: 50px; }
.news-more a { display: inline-block; width: 178px; height: 48px; border: 1px solid #fff; border-radius: 5px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; text-transform: uppercase; }
.news-more a:hover { background-color: #e4392a; }
/***************/
/***********企业文化*********************/
.whcase-i { padding: 0; display: block; overflow: hidden }
.whcase-img, .whcase-img a img { width: 100%; }
.whcase-img { position: relative; overflow: hidden; }
.whcase-img .hover { position: absolute; left: 0; top: -434px;/*top: -433px;*/ -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
width: 100%; height: 100%; text-align: center; background: url(../images/alpha_blue_60.png) repeat; color: #fff; }
.whcase-img.on .hover { top: 0; }
.wh-case-i { margin: 0 -15px; }
.wh-case-i li { float: left; width: 25%; padding: 0 15px; margin-bottom: 10px; overflow: hidden; }
.wh-case-i li a { display: block; position: relative; -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.wh-case-i li .pic { position: relative }
.wh-case-i li .pic p { position: absolute; top: 0; left: 0; height: 100px; text-align: center; width: 100%; font-size: 16px; color: #FFF; font-weight: 500; background: rgba(47, 36, 115, 0.5); line-height: 100px; font-weight: 600; }
.wh-case-i li .pic img { width: 100%; display: block; }
.wh-case-i li a .hover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; text-align: center; background: url(../images/alpha_blue_60.png) repeat; color: #fff; 	/*display: none;*/ -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.wh-case-i li .hover .txt { padding: 10% 10%; display: inline-block; vertical-align: middle; }
.wh-case-i li a:hover .hover { /*display: block;*/ top: 0; }
.wh-case-i-1 li { width: 25%; }
.wh-case-i li:hover .pic p { display: none }
.wh-case-i li .hover .txt h4 { font-size: 16px; font-weight: 600 }
.wh-case-i li .hover .txt p { line-height: 60px; font-size: 14px }
.wh-case-i li .hover .txt h5 { font-size: 12px; font-weight: 500; display:none }
.w-button { width: 120px; height: 30px; display: inline-block; line-height: 30px; border-radius: 100px; background-color: rgb(255, 255, 255); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); color: #2F2473; cursor: pointer; outline: none; text-align: center; margin-top: 50px }
.w-button:hover { background: #CCC; color: #000 }
/************/
/*index-partner*/
.row6 { padding: 0px 0; overflow: hidden }
.index-partner { min-width: 1300px; padding: 0; background: #fff; }
.index-partner ul { padding: 0 }
.index-partner li { float: left; width: 20%; }
.index-partner a { display: block; margin: 4px; height: 70px; border: 1px #ededed solid; background-repeat: no-repeat; background-size: cover; background-position: center; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: 0.5s; }
.index-partner a:hover { border-color: #dcdcdc; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;*/ }
/********************************/
/*内页*/
#ban-in { position: relative; background-position: center 0; background-repeat: no-repeat; /*padding-top: 16%;*/ height: 300px; }
#ban-in .ban-bg { background: url(../images/ban_bg.png) center top no-repeat; height: 54px; width: 100%; position: absolute; left: 0; bottom: -30px; z-index: 60; }
#ban-in { position: relative; background-position: center 0; background-repeat: no-repeat; height: 360px; overflow: hidden }
#ban-in .ban-txt { width: 800px; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -120px; text-align: left; }
#ban-in .ban-txt .catecn { color: #FFF }
#ban-in .ban-txt .caten { color: #FFF }
#ban-in .sban-txt { width: 400px; position: absolute; left: 50%; margin-left: -200px; top: 36%; height: 100px; text-align: center; }
#ban-in .sban-txt h6 { font-size: 16px; color: #fff; margin-top: -5px; text-shadow: 4px 4px 8px #000; }
#ban-in .sban-txt h4 { height: 60px; line-height: 20px; margin-top: 5px; font-size: 30px; color: #fff; text-shadow: 4px 4px 8px #000; }
#ban-in .sban-txt h5 { padding-top: 25px; font-size: 24px; color: #e4392a; }
#mban-in { }
#mban-in img { width:100%; max-width:100% }
/******/


.mypage1 { padding-top: 50px; }
.mypage2 { padding: 30px 0 0px; overflow: hidden }
.mypage3 { padding: 0px 0 0px; background-color: black; overflow: hidden }
.mypage4 { padding: 60px 0 0px; overflow: hidden; background: #1e1e1e; }
.mypage5 { padding: 0px 0 0px; overflow: hidden }
.mypage6 { padding: 20px 0 0px; overflow: hidden }
.sub-nav { width: 100%; margin-bottom: 50px; text-align: center; white-space: nowrap; }
.sub-nav ul li { display: inline-block; padding: 10px 0; margin: 0 10px; font-size: 16px; margin-bottom: -1px; position: relative; height: 40px; line-height: 40px; }
.sub-nav ul li a { padding:0 20px; display: inline-block; cursor: default; color: #000; font-size: 16px; background:#C9C9C9 }
.sub-nav ul li a:hover, .sub-nav ul li.on a { border: none; color: #fff !important; background:#2A1771; }
.sub-nav ul li .mycur { color: #e4392a; }
.pages { text-align: center; margin-bottom: 105px; margin-top: 20px; }
.pages a { display: inline-block; width: 41px; height: 41px; background-color: #edecec; border-radius: 3px; text-align: center; line-height: 41px; font-family: Arial; font-size: 16px; color: #666; margin: 0 4px; }
.pages a:hover, .pages .page-on { background-color: #e4392a; color: #fff; }
/*网思动态*/
.ul-list { margin: 0 -15px; }
.ul-list li { float: left; width: 25%; margin-bottom: 30px; }
.ul-list li .pic img { width: 100%; display: block; transform: perspective(800px) rotateY(0deg); transition: all 1s ease 0s; -moz-transform: perspective(800px) rotateY(0deg); -moz-transition: all 1s ease 0s; -webkit-transform: perspective(800px) rotateY(0deg); -webkit-transition: all 1s ease 0s; -o-transform: perspective(800px) rotateY(0deg); -o-transition: all 1s ease 0s; -ms-transform: perspective(800px) rotateY(0deg); -ms-transition: all 1s ease 0s; zoom: 1; }
.ul-list li:hover img { transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); -webkit-transform: perspective(800px) rotateY(-179.9deg); -o-transform: perspective(800px) rotateY(-179.9deg); -ms-transform: perspective(800px) rotateY(-179.9deg); }
.ul-list li .pad { padding: 0 15px; }
.ul-list li .bor { border: 1px solid #e2e3e8; }
.ul-list li:hover .bor { border-color: #e4392a; }
.ul-list li .txt { padding: 20px 14px; line-height: 20px; color: #666; }
.ul-list li .more { height: 42px; line-height: 42px; border-top: 1px dotted #e2e3e8; background-color: #f0f2f5; padding: 0 14px; display: none; }
.ul-list li .more a { color: #e4392a; }
.ul-list li .more a:hover { text-decoration: underline; }
.ul-list li .title { height: 55px; margin-bottom: 20px; }
.ul-list li .title span { float: left; border: 1px solid #e2e3e8; background-color: #f0f2f5; display: inline-block; text-align: center; padding: 6px 5px; margin-right: 15px; }
.ul-list li .title span em { display: block; font-size: 16px; }
.ul-list li .title h3 { border-bottom: 1px solid #e2e3e8; overflow: hidden; height: 54px; }
/*网思案例*/

.ul-case { margin: 0 -15px; }
.ul-case li { float: left; width: 33.3333%; padding: 0 15px; margin-bottom: 30px; overflow: hidden; position: relative; }
.ul-case li .block { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.ul-case li .pic img { display: block; width: 100%; }
.ul-case li .txt { position: absolute; left: 0; top: 0%; width: 100%; height: 100%; background: url(../images/alpha_blue_60.png) repeat; text-align: center; color: #fff; -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
opacity: 0; }
.ul-case li .txt h5, .ul-case li .txt h3 { color: #fff; }
.ul-case li .txt:hover { opacity: 1; }
.ul-case li .txt b, .ul-case li .txt .pad { display: inline-block; vertical-align: middle; }
.ul-case li .txt b { width: 0; height: 100%; }
.ul-case li .txt h5 { font-size: 16px; }
.ul-case li .txt em { width: 45px; height: 0; border-bottom: 1px solid #fff; display: inline-block; margin: 20px 0 40px 0; }
.ul-case li .txt h3 { font-size: 16px; margin-bottom: 40px; }
.ul-case li .txt .more { width: 122px; height: 45px; display: inline-block; text-align: center; line-height: 45px; background-color: #e4392a; color: #fff; border-radius: 5px; font-size: 14px; }
.ul-case li .txt .more:hover { opacity: .8; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt { top: 0; }
/*关于网思*/
.about-info { text-align: center; font-size: 14px; line-height: 34px; color: #666; padding-bottom: 50px; }
.customer { background: url(../images/bg_3.jpg) center top no-repeat; padding-top: 25px; padding-bottom: 54px; margin-top: 50px; }
.ul-customer li { float: left; width: 20%; }
.ul-customer li a { display: block; width: 100%; height: 87px; border: 1px solid #fff; text-align: center; border: 0; }
.ul-customer li a b, .ul-customer li a img { display: inline-block; vertical-align: middle; }
.ul-customer li a b { width: 0; height: 100%; }
.ul-customer li a img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.ul-customer li a:hover { border: 1px solid #fff; }
.team { padding-bottom: 95px; }
.team .flexslider { position: relative; }
.team .flexslider em { width: 10px; height: 30px; display: inline-block; position: absolute; left: 50%; bottom: 0; background-color: #fff; }
.team .flexslider .slides li { /*background-position: 89% 0;*/ height: 468px;/*background-repeat: no-repeat;*/ }
.team .flexslider li .txt { padding-top: 85px; font-size: 14px; line-height: 36px; width: 30%; float: left; }
.team .flexslider li .txt h3 { font-size: 30px; color: #63637f; padding-bottom: 25px; }
.team .flexslider li .txt .more { width: 123px; height: 37px; border-radius: 5px; display: inline-block; line-height: 37px; text-align: center; margin-top: 40px; font-size: 16px; border: 1px solid #63637f; color: #63637f; }
.team .flexslider li .txt .more:hover { border: 1px solid #e85346; color: #e4392a; }
.team .flexslider li .pic { float: right; position: relative; width: 70%; margin-right: -308px; }
.team .flexslider li .pic img { position: absolute; left: 0; top: 0; width: auto; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 1\0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;
}
.team .flex-direction-nav { max-width: 1170px; margin: 0 auto; background: url(../images/line.jpg) repeat-x center center; height: 30px; text-align: center; }
.team .flex-direction-nav li { display: inline-block; }
.team .flex-direction-nav a { position: relative; width: 216px; height: 30px; text-align: center; background: url(../images/arr_t.png) center center no-repeat #63637f; border-radius: 10px; display: inline-block; opacity: 1 !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
top: 13px; }
.team .flex-direction-nav .flex-prev { }
.team .flex-direction-nav .flex-next { background-image: url(../images/arr_b.png); left: 10px; }
.team .flex-direction-nav a:hover { background-color: #e4392a; }
.flexslider .animated { opacity: 0; filter: alpha(opacity=0); opacity: 100\9; filter: alpha(opacity=100)\9; }
/* .team .s1{
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
}

.team .s2{
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
}
.team .s3{
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.team .s4{
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
} */

.ul-about li { float: left; width: 33.333%; text-align: center; font-size: 14px; line-height: 24px; color: #666; }
.ul-about li h3 { font-size: 24px; color: #002; line-height: 36px; }
.ul-about li em { display: inline-block; width: 45px; height: 0; border-bottom: 1px solid #7f7f90; margin-bottom: 20px; margin-top: 25px; }
.ul-about li .block { position: relative; height: 235px; margin: 0 auto; }
.ul-about li .block img { position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-about li.li1 .block { width: 150px; }
.ul-about li.li2 .block { width: 215px; }
.ul-about li.li3 .block { width: 252px; }
.ul-about li.li1 .block, .ul-about li.li2 .block { padding-top: 30px; }
/*动态详情页*/
.cur { line-height: 76px; font-family: "宋体"; color: #666; background-color: #f8f9fa; }
.cur1 { border-bottom: 1px solid #e5e5e5; margin-bottom: 31px; }
.cur a { color: #666; }
.article { color: #666; line-height: 30px; }
.article h1 { font-size: 26px; color: #333; text-align: center; padding-top: 45px; }
.article .time { line-height: 72px; border-bottom: 1px solid #999; text-align: center; margin-bottom: 25px; }
.article .share { margin-bottom: 70px; }
.article .share span { font-size: 14px; float: left; display: inline-block; line-height: 37px; }
/*案例详情*/
.case-article { line-height: 30px; color: #666; }
.case-article-bg { margin-bottom: 13%; margin-bottom: 5%\0 !important; background-position: top center\0 !important; }
.case-article .case-logo { text-align: center; padding-top: 38px; }
.case-article h1 { line-height: 40px; font-size: 16px; text-align: center; }
.case-article .btn { text-align: center; padding: 10px 0; margin-bottom: 30px; }
.case-article .btn a { display: inline-block; width: 120px; height: 30px; text-align: center; line-height: 30px; background-color: #e4392a; color: #fff; font-size: 14px; margin: 0 12px; border-radius: 5px; }
.case-article .computer-bg { position: relative; text-align: center; background: url(../images/computer.png) center top no-repeat; transform: translateY(45.9%); -webkit-transform: translateY(45.9%); -moz-transform: translateY(45.9%); width: 70%; margin: 0 auto; margin: -32% auto 0 auto; -webkit-background-size: 100%; background-size: 89%; padding-top: 70%; margin: 0 auto\0; padding-top: 50%\0; }
.case-article .computer-bg img { position: absolute; left: 8.5%; top: 4%; width: 83%; }
.case-article .case-back { text-align: center; margin-top: 50px; margin-bottom: 90px; }
.case-article .case-back a { display: inline-block; width: 178px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #63637f; color: #002; font-size: 16px; border-radius: 5px; }
.case-article .case-back a:hover { background-color: #e4392a; color: #fff; border-color: #e4392a; }
.article-prev, .article-next { position: absolute; top: 50%; background: url(../images/article_prev.png) no-repeat; width: 36px; height: 66px; margin-top: -33px; left: 0; z-index: 2; }
.article-next { background-image: url(../images/article_next.png); left: auto; right: 0; }
/*网思服务*/
.h50 { height: 50px; overflow: hidden; clear: both; }
.ul-webset li { float: left; width: 33.333%; text-align: center; height: 322px; }
.ul-webset li .block { position: relative; height: 220px; margin: 0 auto; }
.ul-webset li.li1 .block { width: 366px; }
.ul-webset li.li2 .block { width: 316px; }
.ul-webset li.li3 .block { width: 230px; }
.ul-webset li .block img { position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-webset li h3 { font-size: 24px; line-height: 34px; color: #333; }
.ul-webset li .btn { background: url(../images/disc2.png) center center no-repeat #e60012; width: 34px; height: 34px; border-radius: 100%; display: inline-block; margin-top: 30px; }
.ul-webset li .btn:hover { opacity: .6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.ul-webset { }
.webset-pop { position: absolute; left: 0; top: 0; background-color: #f5f6fa; border: 1px solid #e4e5e7; z-index: 60; padding: 0 27px; padding-bottom: 30px; opacity: 0; filter: alpha(opacity=0); z-index: -1; left: -100%; width: 100%; overflow: hidden; }
.webset-pop h2 { font-size: 20px; text-align: left; line-height: 66px; }
.webset-pop h2 a.close { background: url(../images/close.png) no-repeat; width: 28px; height: 28px; display: inline-block; position: relative; top: 20px; left: auto; float: right; }
.webset-pop .txt { width: 25%; margin-right: -10px; display: inline-block; text-align: left; vertical-align: top; }
.nowrap * { white-space: nowrap; }
.webset-pop .txt h4 { font-size: 20px; background: url(../images/icon1.png) left top no-repeat; padding-left: 60px; height: 40px; }
.webset-pop .txt h4.tit-web1 { background-image: url(../images/icon2.png); }
.webset-pop .txt h4.tit-web2 { background-image: url(../images/icon3.png); }
.webset-pop .txt dl { padding-left: 57px; }
.webset-pop .txt dl dd { font-size: 16px; line-height: 34px; background: url(../images/disc4.png) left center no-repeat; padding-left: 15px; }
.webset-pop .txt1 { width: 50%; }
.ul-webset li .ul-txt { padding-left: 57px; border: 0; }
.ul-webset li .ul-txt li { width: 100%; text-align: left; height: auto; }
.ul-webset li .ul-txt li h5 { border: 0; font-size: 16px; height: 36px; line-height: 36px; }
.ul-webset li .ul-txt li h5 a { padding-left: 15px; background: url(../images/disc4.png) left center no-repeat; }
.ul-webset li .ul-txt li .txt-1 { font-size: 14px; line-height: 24px; color: #999; padding-left: 27px; padding-bottom: 15px; display: none; }
.ul-webset li .ul-txt li.ok .txt-1 { display: block; }
 ..ul-web {
 background: url(../images/jjd.png) center center no-repeat;
 overflow: hidden;
 background-size: 100%;
}
.ul-web li { float: left; text-align: center; width: 25%; padding-left: 5%; }
.ul-web li h3 { display: inline-block; border: 1px dashed #358acb; height: 38px; line-height: 38px; border-radius: 5px; padding: 0 17px; color: #358acb; font-size: 16px; margin-top: 20px; }
.ul-web li .block { position: relative; height: 151px; }
.ul-web li .block img { position: absolute; left: 20px; top: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-web li.li1 .block { width: 116px; left: 50%; margin-left: -70px; }
.ul-web li.li2 .block { width: 151px; left: 50%; margin-left: -95px; }
.ul-web li.li3 .block { width: 125px; left: 50%; margin-left: -85px; }
.ul-web li.li4 .block { width: 195px; left: 50%; margin-left: -120px; }
.bg-blue { background: url(../images/bg_4.png) center top no-repeat; padding-top: 25px; padding-bottom: 100px; }
.ul-tab { width: 193px; float: left; background: url(../images/line3.png) repeat-y 183px top; margin-right: 80px; padding-top: 45px; }
.ul-tab li { margin-bottom: 50px; }
.ul-tab li a { color: #666; }
.ul-tab li h3 { font-size: 20px; background: url(../images/circle.png) right center no-repeat; }
.ul-tab li span { display: block; font-size: 14px; color: #999; }
.ul-tab li.hover h3, .ul-tab li a:hover h3 { background-image: url(../images/circle1.png); color: #e4392a; }
.ul-tab li.hover span, .ul-tab li a:hover span { color: #e4392a; }
.tab-show { }
.tab-con { overflow: hidden; }
.tab-con .animated { opacity: 0; filter: alpha(opacity=0); }
.tab-show { height: 419px; overflow: hidden; }
.web-con .shou { position: absolute; right: 0; top: 0; z-index: 10; }
.web-con .pic { float: right; position: relative; width: 139px; text-align: center; margin-top: 50px; margin-right: 40px; }
.web-con .flex-control-nav { display: none; }
.web-con .pic .img { /* position: absolute;
	left: 43px;
	top: 50px; */ width: 139px; z-index: -1; display: inline-block; }
.tab-con .txt { /*width: 66%;*/ width: 84%; }
.tab-con .pic { float: right; position: relative; width: 218px; text-align: center; margin-top: 50px; }
.tab-con .pic .img { /* position: absolute;
	left: 43px;
	top: 50px; */ width: 139px; z-index: -1; }
.tab-con-box { width: 59%; float: left; }
.tab-con .txt p { font-size: 14px; line-height: 24px; color: #666; padding-bottom: 45px; }
.ul-icon { /*padding-right: 50px;*/ overflow: hidden; }
.ul-icon li { width: 94px; height: 94px; border-radius: 100%; background-color: #e4e5e7; color: #666; text-align: center; float: left; font-size: 15px; line-height: 22px; padding: 0 17px; margin: 0 25px 30px 25px; }
.ul-icon li b, .ul-icon li span { display: inline-block; vertical-align: middle; }
.ul-icon li b { width: 0; height: 100%; }
.service { background: url(../images/bg_5.png) center top no-repeat; padding-top: 25px; padding-bottom: 63px; }
.process { overflow: hidden; }
.process .con { position: relative; }
.animate-box, .animate-box .con { width: 1170px; }
.process .pad { padding-top: 26%; }
.process img { position: absolute; left: 0; top: 0; }
.process span { display: inline-block; color: #90a1b3; font-size: 16px; position: absolute; }
.process span.s1 { left: 0%; top: 0%; }
.process span.s2 { left: 4.6%; top: 0%; }
.process span.s3 { left: 1.6%; top: 22%; }
.process span.s4 { left: 1.6%; top: 65%; }
.process span.s5 { left: 9.5%; top: 42%; }
.process span.s6 { left: 20%; top: 65%; }
.process span.s7 { left: 27%; top: 50%; }
.process span.s8 { left: 38%; top: 89%; }
.process span.s9 { left: 49%; top: 15%; }
.process span.s10 { left: 57%; top: 89%; }
.process span.s11 { left: 77.5%; top: 64%; }
.process span.s12 { left: 94%; top: 4%; }
.process em { position: absolute; background: url(../images/r1.png) no-repeat; display: inline-block; z-index: 60; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1 { width: 60px; height: 61px; left: 0; top: 40%; }
.process em.q2 { width: 57px; height: 57px; top: 42%; left: 19%; background-image: url(../images/r2.png); }
.process em.q3 { background-image: url(../images/r3.png); width: 62px; height: 56px; top: 68%; left: 38%; }
.process em.q4 { background-image: url(../images/r4.png); width: 86px; height: 86px; top: 29%; left: 47%; }
.process em.q5 { background-image: url(../images/r5.png); width: 63px; height: 59px; top: 68%; left: 57%; }
.process em.q6 { background-image: url(../images/r6.png); width: 51px; height: 51px; left: 77%; top: 40%; }
.process em.q7 { background-image: url(../images/r7.png); width: 68px; height: 63px; left: 94%; top: 18%; }
.ul-solution { overflow: hidden; }
.ul-solution li { float: left; width: 16.66666%;/*width: 15.67%;*/ text-align: center; margin-bottom: 65px; position: relative; }
.ul-solution li a { display: block; height: 140px; font-size: 16px; line-height: 30px; -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.ul-solution li a span { display: block; background: url(../images/icon_solution.png) no-repeat; width: 102px; height: 102px; margin: 0 auto; margin-bottom: 20px; position: relative; }
.ul-solution li a em { display: block; position: relative; }
.ul-solution li.li1 span { background-position: -1px 0; }
.ul-solution li.li2 span { background-position: -215px 0; }
.ul-solution li.li3 span { background-position: -429px 0; }
.ul-solution li.li4 span { background-position: -643px 0; }
.ul-solution li.li5 span { background-position: -857px 0; }
.ul-solution li.li6 span { background-position: -1070px 0; }
.ul-solution li.li7 span { background-position: 0px bottom; }
.ul-solution li.li8 span { background-position: -215px bottom; }
.ul-solution li.li9 span { background-position: -429px bottom; }
.ul-solution li.li10 span { background-position: -643px bottom; }
.ul-solution li.li11 span { background-position: -857px bottom; }
.ul-solution li.li12 span { background-position: -1070px bottom; }
.ul-solution li a:hover span { background-image: url(../images/icon_solution_h.png); }
.service-con .pic a:hover { opacity: .8; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.service-con .col-l, .service-con .col-r { width: 50%; float: left; }
.service-con .tit-s { line-height: 100px; background: url(../images/disc3.png) left center no-repeat; padding-left: 14px; font-size: 16px; }
.ul-service li { float: left; width: 50%; padding-right: 29px; margin-bottom: 30px; }
.ul-service li .pad { font-size: 14px; padding: 14px; height: 148px; border: 1px solid #e5e5e5; }
.ul-service li .pad p { max-height: 60px; overflow: hidden; }
.ul-service li .pad span { display: block; overflow: hidden; clear: both; }
.ul-service li .pad span i { display: block; font-style: normal; vertical-align: top; padding-left: 40px; padding-top: 6px; }
.ul-service li img { display: block; float: left; margin-bottom: 16px; }
.ul-txt { border: 1px solid #e5e5e5; }
.ul-txt li { }
.ul-txt li h5 { background: url(../images/jia.png) 95% center no-repeat; font-size: 14px; height: 48px; line-height: 48px; border-bottom: 1px solid #e5e5e5; padding-left: 14px; }
.ul-txt li .txt { border-bottom: 1px solid #e5e5e5; line-height: 20px; display: none; color: #666; height: 130px; padding: 0 14px; }
.ul-txt li.ok .txt { display: block; }
.ul-txt li.ok h5 { background-image: url(../images/jian.png); border-bottom: 0; }
.service-btn { text-align: center; padding: 55px 0; }
.service-btn a { display: inline-block; width: 170px; height: 40px; text-align: center; line-height: 40px; background-color: #e4392a; color: #fff; font-size: 14px; border-radius: 5px; margin: 0 22px; }
.service-btn a:hover { opacity: .8; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.case-img2 p { text-align: center; }
.dede_pages { text-align: center; margin-top: 30px; display: inline-block; width: 100%; margin-bottom: 50px; }
.dede_pages ul { padding: 12px 0px 12px 16px; text-align: center; }
.dede_pages ul li { float: left; font-family: Tahoma; line-height: 28px; margin-right: 6px; padding: 0px 8px; border: 1px solid #E9E9E9; }
.dede_pages ul li select { height: 28px; line-height: 28px; text-align: center; }
.dede_pages ul li a { float: left; color: #555; display: block; padding: 0px 8px; line-height: 28px; }
.dede_pages ul li a:hover { color: #690; text-decoration: none; line-height: 28px; padding: 0px 8px; }
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #F8F8F8; padding: 0px 8px 0px; font-weight: bold; }
.dede_pages .pageinfo { line-height: 28px; padding: 12px 10px 12px 16px; color: #999; }
.dede_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; }
.pagess { clear: both; height: 30px; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; }
.pagess ul li { display: inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; color: #999 }
.pagess ul li:hover { background: #E4392A; color: #fff; border: 1px solid #E4392A }
.pagess ul li.thisclass { display: inline-block; border: 1px solid #E4392A; padding: 2px 9px; margin: 0 3px; background: #E4392A; color: #fff; }
.pagess ul li.thisclass a { color: #fff; }
.pagess ul li a { display: block; color: #999 }
.pagess ul li a:hover { color: #fff; }
/***************/
/**** 组织机构***list_shixun****/
.list_shixun { }
.list_shixun-01_tit { padding: 50px; font-size: 22px; text-align: center; color:#000; font-weight: 600 }
.list_shixun-01-list dl { width: 100%; padding: 0; background: #fff; display: block; overflow: hidden; height: 100%; }
.list_shixun-01-list dl:hover { border-color: #006060 }
.list_shixun-01-list dt { width: 50%; position: relative }
.list_shixun-01-list dt img { width: 100%; margin: 0 auto; display: block; transition: all .4s;
height:100%; }
.list_shixun-01-list dt img:hover { transform: scale(1.1); }
.list_shixun-01-list dd { width: 50%; background: #fff; height: 100%; display: block; padding: 2.5%; min-height: 100%; }
.list_shixun-01-list dd h4 { height: 50px; font-weight: 500; font-size: 20px; color: #000; line-height: 50px; margin-bottom: 5px }
.list_shixun-01-list h4 a { display: block; color: #000; overflow: hidden; font-size: 16px; text-overflow: ellipsis; font-weight: 600; white-space: nowrap }
.list_shixun-01-list dl:hover h4 a { color: #000 }
.list_shixun-list-desc { font-size: 14px; line-height: 35px; color: #313131; margin-bottom: 15px; overflow: hidden }
.list_shixun-01-list dd:hover { background:#291670; color:#FFF }
.list_shixun-01-list dd:hover h4 a { color: #fff }
.list_shixun-01-list dd:hover .list_shixun-list-desc { color: #fff }
/*************/

/***办学理念***/
.about-info { text-align: left; font-size: 14px; line-height: 34px; color: #313131; padding-bottom: 50px; }
.ab_linian { margin-top: 20px; padding: 0; overflow: hidden }
.new1, .new2 { width: 100%; margin-top: 0; }
.new2 { background:rgba(255, 255, 255, 0.6); text-align:center; height: 0px; }
.new2 img { width:100%; padding:30px 0; }
.ab_linian_bd { width: 100%; padding: 0; overflow: hidden }
.ab_linian_bd dl { float: left; width: 100%; text-align: left; position: relative; height: 160px; }
.ab_linian_bd dl.ab_linian_bd_dl { float: left; width: 100%; text-align: left; position: relative; height: 460px; overflow: scroll }
.ab_linian_bd dt { margin: 0 auto; width: 100%; overflow: hidden; }
.ab_linian_bd dl img { display: block; width: 100%; height: 460px; max-width: 100% }
.ab_linian_bd dl dd { width: 100%; line-height: 28px; font-size: 20px; color: #fff; overflow: hidden; position: absolute; left: 0; bottom: 0; text-align: left; background:rgba(34, 35, 122, 0.5); padding:20px }
.ab_linian_bd dd a { color: #fff; }
.ab_linian_bd dd h4 { font-size: 26px; line-height: 50px; }
.ab_linian_bd dd p { font-size: 16px; line-height: 24px; }
.ab_linian_bd dd a:hover { text-decoration: none; }
.ab_linian_bd dl.ab_linian_bd_dl { }
.ab_linian_bd dl.ab_linian_bd_dl dd { width: 40%; position: absolute; right: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.6); display: block; left: auto; bottom: auto; padding: 5% }
.ab_linian_bd dl.ab_linian_bd_dl img { height: 650px }
/******产品列表*****/
.bxywz4 { width: 100%; overflow: hidden; margin: 0 auto; margin-top: 0px; }
.bxywz4 blockquote { width: 100%; }
.bxywz4 blockquote { width: 100%; margin-bottom: 0px }
.bxywz4 blockquote:nth-child(0) {
background:url(../images/cpbg0.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(1) {
background:url(../images/cpbg1.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(2) {
background:url(../images/cpbg2.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(3) {
background:url(../images/cpbg3.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(4) {
background:url(../images/cpbg4.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(5) {
background:url(../images/cpbg5.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(6) {
background:url(../images/cpbg6.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(7) {
background:url(../images/cpbg7.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(8) {
background:url(../images/cpbg8.jpg) top center no-repeat;
background-size:cover
}
.bxywz4 blockquote:nth-child(9) {
background:url(../images/cpbg9.jpg) top center no-repeat;
background-size:cover
}
/*.bxywz4 ul li img { width: 190px; height: 220px; float: left; margin-right: 40px; }

*/
.bxywz4 h4 { display: block; width: 100%; padding-top: 0px; font-size: 24px; line-height: 80px; float: left; color: #fff; }
.bxywz4 p { text-align: justify; width: 100%; font-size: 13px; color: #686868; line-height: 24px; float: left; }
.bxywz4 blockquote:hover h1 { color: #c70c1f; }
.cp_img { width: 50%; float: left; text-align:left }
.cp_img img { max-width: 100%; display:inline-block; padding-top: 0%; transition: all .3s;
}
.cp_img img:hover { transform: scale(1.1); }
.container03 .content .left:hover img { transform: scale(1.1); }
.cp_txt { width: 50%; float: right; padding-left: 0%; line-height:36px; text-align:left }
.cp_txt p { line-height:28px; }
.cp_xh { font-size: 20px; color: #FFF }
.cp_xh img { vertical-align: middle }
.bxywz4 blockquote:nth-child(2n) .cp_img {
float: right;
text-align:right
}
.bxywz4 blockquote:nth-child(2n) .cp_txt {
float: left;
text-align:left
}
/*******/
.about_four { }
.service-con { width: 100%; margin: 80px auto }
.service-con li { transform: translate3d(0, 50px, 0); transition: all .5s;
width: 23.875%; padding: 0; margin-right: 1.5%; float: left; text-align: center; border: 1px solid #FFF; overflow: hidden; transform-style: preserve-3d; perspective: 1000px; box-shadow: 0 2px 2px rgba(240, 240, 240, 0.8); }
.service-con .img { padding: 10px; margin: 0 auto; overflow: hidden; position: relative; }
.service-con .img img { max-width: 100%; transform: perspective(800px) rotateY(0deg); transition: all 1s ease 0s; -moz-transform: perspective(800px) rotateY(0deg); -moz-transition: all 1s ease 0s; -webkit-transform: perspective(800px) rotateY(0deg); -webkit-transition: all 1s ease 0s; -o-transform: perspective(800px) rotateY(0deg); -o-transition: all 1s ease 0s; -ms-transform: perspective(800px) rotateY(0deg); -ms-transition: all 1s ease 0s; zoom:1; transition: all .4s;
}
.service-con li:hover img { transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); -webkit-transform: perspective(800px) rotateY(-179.9deg); -o-transform: perspective(800px) rotateY(-179.9deg); -ms-transform: perspective(800px) rotateY(-179.9deg); }
.service-con .img .service-icon { transition: all .3s;
}
.service-con li a:hover .service-icon { top: 100%; }
.service-con .name { font-size: 16px; margin-top: 0px; color: #FFF; font-weight: 600; }
.service-con .desc { font-size: 14px; color: #FFF; text-align: center; line-height: 30px; height: 60px; width: 100%; margin: 0 auto; overflow: hidden; }
.service-con li:hover .name { background:#fff; color:#000 }
.service-con li:hover .desc { background:#fff; color:#000 }
/********/
.about_page { margin: 30px auto }
.about-tit { text-align:center; font-size:24px; color:#42357D; padding-top: 15px; margin-bottom:10px }
.about-desc { text-align:center; font-size:18px; margin-bottom:30px; }
#whous { background: #fff; padding: 70px 100px 100px; overflow: hidden; box-shadow: 0 5px 20px rgba(177, 173, 200, 0.8); }
.about-con { width: 100%; margin: 0 auto }
.about-con li { transform: translate3d(0, 50px, 0); transition: all .5s;
width: 23.875%; padding: 0; margin-right: 1.5%; float: left; text-align: center; background: #F4F4F4; overflow: hidden; padding: 10px 0; box-shadow: 0 5px 20px rgba(41, 42, 111, 0.5); }
.about-con .img { padding: 10px; margin: 0 auto; overflow: hidden; position: relative; }
.about-con .img img { max-width: 100%; }
.about-con .img .service-icon { transition: all .3s;
}
.about-con .img:hover .service-icon { transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ transition: all 1s ease 0s; }
.about-con li a:hover .service-icon { top: 100%; }
.about-con .name { font-size: 16px; color: #333; font-weight: 600 }
.about-con .desc { font-size: 14px; color: #171717; text-align: center; line-height: 35px; height: 40px; width: 100%; margin: 0 auto; overflow: hidden; }
/********/
.news-list-video { margin: 0 -15px; zoom: 1 }
.news-list-video li { float: left; width: 99%; overflow: hidden; margin: 1%; margin-bottom: 20px; transform: translate(0, 0); transition: all 0.8s ease 0s; box-shadow: 0 2px 10px rgba(123, 123, 123, 0.8); }
.news-list-video li:hover { transform:translate(0, -10px); -webkit-transform:translate(0, -10px); -moz-transform:translate(0, -10px); -o-transform:translate(0, -10px); -ms-transform:translate(0, -10px); box-shadow:0px 10px 30px #999; transition: all 0.8s ease 0s; cursor: pointer; }
.news-list-video li .pic img { width: 100%; display: block; transform: perspective(800px) rotateY(0deg); transition: all 1s ease 0s; -moz-transform: perspective(800px) rotateY(0deg); -moz-transition: all 1s ease 0s; -webkit-transform: perspective(800px) rotateY(0deg); -webkit-transition: all 1s ease 0s; -o-transform: perspective(800px) rotateY(0deg); -o-transition: all 1s ease 0s; -ms-transform: perspective(800px) rotateY(0deg); -ms-transition: all 1s ease 0s; zoom:1; transition: all .4s;
}
.news-list-video li:hover img { transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); -webkit-transform: perspective(800px) rotateY(-179.9deg); -o-transform: perspective(800px) rotateY(-179.9deg); -ms-transform: perspective(800px) rotateY(-179.9deg); }
.news-list-video li .pic { position: relative }
.news-list-video li .pic span { background: url(../images/play.png) rgba(0, 0, 0, 0.3) center no-repeat; width: 100%; height: 100%; display: block; z-index: 55; position: absolute; top: 0; left: 0; cursor: pointer; display: none }
.news-list-video li:hover .pic span { display: block }
.news-list-video li .pad { padding: 0; position: relative; overflow: hidden; }
.news-list-video li .bor { }
.news-list-video li:hover .bor { }
.news-list-video li .txt { line-height: 28px; color: #000; padding: 4%; text-align: left; font-size: 15px; background: #F6F6F6; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list-video li .txt a { color: #000; cursor: pointer }
.news-list-video li .txt p { font-size: 12px }
.video_time { text-align: left; font-size: 16px; }
.video_time p { display: inline-block; margin-right: 24px; }
.video_time span { display: inline-block; position: relative; }
.video_time img { vertical-align: -2px; padding: 0 10px 0 10px; }
.video_time span .content_share { }
.video_time span .content_share a img { padding: 0; }
.video_time span:hover .content_share { display: block; }
/********/
/***新闻详细*******/
.article { color: #666; line-height: 30px; }
.article h1 { font-size: 26px; color: #333; text-align: center; padding-top: 45px; }
.article .time { line-height: 72px; border-bottom: 0px solid #999; text-align: center; margin-bottom: 25px; font-size: 16px; float: none }
.article .share { margin-bottom: 70px; }
.article .share span { font-size: 14px; float: left; display: inline-block; line-height: 37px; }
.article-con { line-height: 28px; text-align: left; font-size: 16px; }
/**********/
 /****人才招聘************/
.box_job { min-height: 360px; padding: 0; overflow: hidden }
/*常见问题*/
.list_job { }
.list_job .topjob { background: #0D0D0F; color: #FFF; height: 50px; line-height: 50px; display: block }
.list_job .bt { float: left; width: 25%; text-align: center; font-size: 15px; }
.list_job ul { }
.list_job ul li { float: left; width: 99.9%; overflow: hidden; border-bottom: 1px solid #424242 }
.list_job ul li dt { position: relative; color: #FFF; font-weight: normal; cursor: pointer; font-size: 16px; line-height: 60px; }
.list_job ul li dt a { color: #FFF }
.list_job ul li dt:hover, .list_job ul li dt.on { background: #FFF }
.list_job ul li dt:hover i { }
.list_job ul li dd { display: none; padding: 20px; font-size: 20px; color: #969494; line-height: 35px; }
.list_job ul li dd .detailjob { background: #F1F1F1; margin-top: 30px; padding: 20px; box-shadow: 0 2px 5px rgba(240, 240, 240, 0.8); }
.list_job ul li .detailjob_hd { border-bottom: 1px solid #999; line-height: 35px; overflow: hidden }
.list_job ul li .detailjob_hd li { float: left; width: 50%; border: none; line-height: 35px; height: 35px; margin: 0; font-size: 16px; color: #000 }
.list_job ul li .detailjob_bd { overflow: hidden }
.list_job ul li .detailjob_bd .detailjob_bd_left { width: 95%; padding: 2.5%; float: left }
.list_job ul li .detailjob_bd .detailjob_bd_right { width: 95%; padding: 2.5%; float:left }
.list_job ul li .detailjob_bd h4 { font-size: 15px; font-weight: 600; line-height: 40px; color: #000 }
.list_job ul li .detailjob_bd p { font-size: 15px; line-height: 30px; color: #000 }
.list_job ul li .detailjob_ed { border-top: 1px solid #999; overflow: hidden }
.list_job ul li .detailjob_ed .t { width: 120px; height: 33px; border: 0; text-align: center; line-height: 33px; color: #fff; background: #29166F; cursor: pointer; margin: 20px auto; display: block; font-size: 16px; border-radius: 20px; }
.list_job ul li .detailjob_ed .t:hover { background:#060606 }
/*******/
.jobcon { padding-top: 30px; line-height: 36px; color: #444444; font-size: 14px; padding-bottom: 60px; }
.con_01 { margin-right: -20px; padding-bottom: 20px; }
.con_01 li { float: left; width: 30%; margin-right: 2%; margin-bottom: 20px; }
.con_01 li span { width: 80px; float: left }
.con_01 .txt1 { float: left; width: 200px; height: 30px; padding-left: 10px; border: 1px solid #dddddd; }
.con_02 { margin-right: -20px; padding-bottom: 20px; }
.con_02 li span { width: 80px; float: left }
.con_02 textarea { width: 1080px; padding-left: 10px; border: 1px solid #dddddd; height: 140px; padding-top: 5px; resize: none; outline: none; font-family: ""; font-size: 12px; }
.con_02 .txt2 { width: 200px; height: 36px; font-family: "Myriad Pro"; border: 0; background: #29166F; font-size: 14px; color: #fff; cursor: pointer; margin-left: 80px; }
.con_01 input:focus { border-color: #32a12a; }
.con_02 textarea:focus { border-color: #32a12a; }
/**********/
/***联系我们******/
.contact-l { width: 40%; float: left; margin: 50px 0 }
.contact-r { width: 60%; float: right; margin: 50px 0 }
.ul-contact h4 { font-size: 18px; font-weight: 600; color: #2A1770; margin-bottom: 20px; }
.ul-contact p { font-size: 15px; line-height: 45px; padding-right: 50px }
.ul-contact p img { vertical-align: middle }
.contact-l .lxwm_ewm { width: 300px; float: left }
.lxwm_ewm { zoom: 1 }
.lxwm_ewm li { float: left; width: 50%; text-align: center; line-height: 25px; font-size: 14px; }
.lxwm_ewm li img { max-width: 100%; }
.map { position: relative; height: 100%; }
.map em { width: 100%; height: 15px; display: block; position: absolute; left: 0; top: 0; }
.map-s { height: 107px; text-align: center; overflow: hidden; }
.map-big { height: 600px; margin-top: 0; }
#map { }
/*************/
.mypage3 { }
.mypage3 .wp { }
.licheng { padding:0 50px; overflow:hidden; background:#FFF; margin-bottom:100px }
.licheng dl { border-left:1px solid #999999; overflow:hidden; padding:50px 0 20px }
.licheng dt { float:left; width:25%; line-height:40px; background:url(../images/ico_lcline.jpg) left center no-repeat }
.licheng dt img { vertical-align:middle; padding:0 50px }
.licheng dt span { font-size:20px; float:none }
.licheng dd { float:left; width:75% }
.licheng dd ul { padding:0; }
.licheng dd li { font-size:16px; line-height:35px; background:url(../images/ico_dian.jpg) left center no-repeat; padding-left:60px; margin-bottom:10px }
/************/

/*====基地介绍====*/
.container03 { }
.container03 .content .left { float:left; width:550px; height:647px; position:relative; overflow:hidden; }
.container03 .content .left .con { width:100%; box-sizing:border-box; padding:35px 30px; position:absolute; left:0; bottom:0; background: rgba(0, 0, 0, 0.5); }
.container03 .content .left img { width: 100%; display: block; transition: all .4s;
}
.container03 .content .left:hover img { transform: scale(1.1); }
.container03 .content .left .con h5 { font-size:18px; color:#fff; line-height:40px; }
.container03 .content .left .con p { text-align: left; color: #fff; line-height: 180%; clear: both; font-size: 16px; }
.container03 .content .right { float:right; width:700px; height:647px; }
.container03 .content .right ul li { float:left; width:100%; height:200px; background:#ebebef; position:relative; margin-bottom: 18px; }
.container03 .content .right ul li .img, .container03 .content .right ul li .img img { float:right; width:320px; height:200px; overflow:hidden; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.container03 .content .right ul li .con { position:absolute; left:11px; top:11px; width:492px; height:168px; background-color:#fff; box-sizing:border-box; padding:35px 38px 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.container03 .content .right ul li:hover .img { margin-right:462px; }
.container03 .content .right ul li:hover .con { left:280px }
.container03 .content .right ul li:hover .con h5 { color:#29156f }
.container03 .content .right ul li .con h5 { font-size:16px; color:#2d2c2c; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600; }
.container03 .content .right ul li .con p { color:#656567; height:52px; line-height:26px; overflow:hidden; font-size:14px; }
.btn-10 { position:relative; margin:0 auto; display:block; text-align:center; width: 175px; height: 43px; line-height: 43px; font-size:14px; box-sizing:border-box; background: #7c9e47; color: #fff; margin-top:62px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.btn-10:hover { border:none; }
.btn-10 span i { position:relative; z-index:1; font-style:normal }
.btn-10:before, .btn-10:after, .btn-10 span:before, .btn-10 span:after { content:''; position: absolute; top: 0; left: 0; width: 0; height: 43px; background: rgba(0, 0, 0, 0.25); -webkit-transition: 0.4s; transition: 0.4s; }
.btn-10:after, .btn-10 span:before { left: auto; right: 0; }
.btn-10 span:before, .btn-10 span:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.btn-10:hover { color:#fff; -moz-border-radius: 21px; -webkit-border-radius: 21px; border-radius:21px; overflow:hidden; }
.btn-10:hover:before, .btn-10:hover:after, .btn-10:hover span:before, .btn-10:hover span:after { width: 175px; }
.btn-10:active { background: #e70101; }
.wrapper3 .top, .wrapper3 .bottom { height:1px; width: 200px; background:#281770; }
.wrapper3 .left, .wrapper3 .right { height: 200px; width:1px; background:#281770; }
.wrapper3 .top { position:absolute; top:0; left: -200px; transition:all 1s linear; -webkit-transition:all 1s linear; }
.wrapper3 .left { position:absolute; bottom: -200px; left:0px; transition:all 1s linear; -webkit-transition:all 1s linear; }
.wrapper3 .right { position:absolute; top: -200px; right:0px; transition:all 1s linear; -webkit-transition:all 1s linear; }
.wrapper3 .bottom { position:absolute; bottom:0; right: -200px; transition:all 1s linear; -webkit-transition:all 1s linear; }
.tops { left:0px !important; transition: all .4s linear !important;
-webkit-transition: all .4s linear !important;
transition-delay: 0.2s !important; transition-delay: 0.2s !important; }
.rights { top:0px !important; transition: all .4s linear !important;
-webkit-transition: all .4s linear !important;
transition-delay: 0.6s !important; transition-delay: 0.6s !important; }
.bottoms { right:0px !important; transition: all .4s linear !important;
-webkit-transition: all .4s linear !important;
transition: all .4s linear !important;
transition-delay: 1s !important; transition-delay: 1s !important; }
.lefts { bottom:0px !important; transition: all .4s linear !important;
-webkit-transition: all .4s linear !important;
transition-delay: 1.4s !important; transition-delay: 1.4s !important; }
.wrapper3 .left, .wrapper3 .right, .wrapper3 .top, .wrapper3 .bottom { z-index:998; }
.wrapper3 { width: 200px; height: 200px; position: absolute; left: 50%; margin-left: -100px; top: 50%; margin-top: -100px; z-index: 998; overflow: hidden; }
.wrapper3:after { width: 238px; height: 238px; /* border: 1px solid rgba(255,255,255,0.1); */
	/* border-radius: 50%; */
	position: absolute; left: 0; top: 0; left: 50%; margin-left: -120px; top: 50%; margin-top: -120px; z-index: 899; }
.load2line, .load2txt, .load2bg { z-index: 9999999999; position: fixed; }
.load2bg { width: 100%; height: 100%; /*background:#4d5765; */
	left: 0; bottom: 0; }
 @-webkit-keyframes mk_t3 {  0% {
 width: 0;
}
 100% {
 width: 100%;
}
}
 @keyframes mk_t3 {  0% {
 width: 0;
}
 100% {
 width: 100%;
}
}
 @-webkit-keyframes mk_t4 {  0% {
 height: 100%;
}
 100% {
 height: 0;
 opacity: 0;
}
}
 @keyframes mk_t4 {  0% {
 height: 100%;
}
 100% {
 height: 0;
 opacity: 0;
}
}
 @-webkit-keyframes mk_t1 {  0% {
 top: 20px;
 opacity: 0
}
 100% {
 top: 0;
 opacity: 1
}
}
 @keyframes mk_t1 {  0% {
 top: 20px;
 opacity: 0
}
 100% {
 top: 0;
 opacity: 1
}
}
 @-webkit-keyframes mk_t2 {  0% {
 top: -20px;
 opacity: 0
}
 100% {
 top: 0;
 opacity: 1
}
}
 @keyframes mk_t2 {  0% {
 top: -20px;
 opacity: 0
}
 100% {
 top: 0;
 opacity: 1
}
}
 @-webkit-keyframes mk_t5 {  0% {
 opacity: 1;
 -webkit-opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-opacity: 0;
}
}
 @keyframes mk_t5 {  0% {
 opacity: 1;
 -webkit-opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-opacity: 0;
}
}
 @keyframes mk_t7 {  0% {
 height: 50%;
}
 100% {
 height: 0;
 opacity: 0;
}
}
.load2bg1, .load2bg2 { position: fixed; left: 0; height: 50%; background: #ffffff; width: 100%; z-index: 100000000; }
.load2bg2 { top: 0; animation: mk_t7 1.8s cubic-bezier(1, 0, 0, 1) 1.8s forwards; -webkit-animation: mk_t7 1.8s cubic-bezier(1, 0, 0, 1) 1.8s forwards; }
.load2bg1 { bottom: 0; animation: mk_t7 1.8s cubic-bezier(1, 0, 0, 1) 1.8s forwards; -webkit-animation: mk_t7 1.8s cubic-bezier(1, 0, 0, 1) 1.8s forwards; }
.load2bg { animation: mk_t5 1s cubic-bezier(1, 0, 0, 1) 1s forwards; -webkit-animation: mk_t5 1s cubic-bezier(1, 0, 0, 1) 1s forwards; }
.load2bg1, .load2bg2 { animation-delay: 2.1s; }
.load2bg { animation-delay: 1.4s; }
.lg2f { position: absolute; width: 70px; left: 50%; margin-left: -35px; top: 0; }
.logozfx { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
.logozfx { background-size: 80px auto; }
.bglo3 { background: #4d5765; position: fixed; left: 0; top: 0; z-index: 599; width: 100%; height: 100%; }
.bglo3 { animation: hideaib 1s cubic-bezier(1, 0, 0, 1) 1s forwards; -webkit-animation: hideaib 1s cubic-bezier(1, 0, 0, 1) 1s forwards; }
.bglo3 { animation-delay: 1.5s; }
.index-cont { position: absolute; top: 50%; left: 50%; margin: -53px 0 0 -135px; width: 270px; height: 106px; text-align: center; }
.index-cont h3 { position: relative; top: 20%; visibility: hidden; opacity: 0; }
.nyjigou { background:url(../images/jigoubg1.jpg) top center no-repeat; background-size:cover; width:100%; min-height:400px; position:relative }
.next_page { border:1px solid #808080; width:200px; margin:25px auto; text-align:center; padding:10px 25px; display:block; cursor:pointer }
/***********/
  }
.nohover:hover { border:none !important; }
.aboutfive #main { width:100%; height:500px; }
.aboutfive .nano .nano-content { }
.aboutfive .nano .nano-content p { }
.aboutfive .nano .nano-pane { background:rgba(255, 255, 255, .2); width:1px; right:2px; display:block; }
.aboutfive .nano .nano-slider { background:rgba(0, 0, 0, .8); width:5px; position:absolute; top:0px; right:0; display:block; border-radius:3px; cursor:pointer; }
#main .nano { }
#main pre { background:#222; border-bottom:1px solid #fff; border-top:1px solid #000; -webkit-box-shadow:#000 0 1px 10px inset; -moz-box-shadow:#000 0 1px 10px inset; box-shadow:#000 0 1px 10px inset; text-shadow:#000 0 -1px 1px }
#main ol, #main ul { display:block; margin:10px 0 }
#main ol li, #main ul li { font-size:13px }
#main .nano-content h1 { display:block; margin:0; padding:0; color:#111; text-indent:0; background:0 0; display:none }
#main a { color:#066; text-decoration:none; text-shadow:none }
#main a:hover { text-decoration:underline }
#main code { font-family:Monaco, 'Anonymous Pro', sans-serif }
#main p code { background:#222; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:Monaco, 'Anonymous Pro'; font-size:11px; text-shadow:none; color:#ee8; padding:0 3px 0; border-bottom:1px solid #eee; -webkit-box-shadow:#000 0 2px 3px inset; -moz-box-shadow:#000 0 2px 3px inset; box-shadow:#000 0 2px 3px inset; text-shadow:#000 0 -1px 1px }
.aboutfive { width:100%; padding:0px 0; }
.aboutfive_list { width:100%; margin-top:0px; background:url(../images/time_axis.jpg) repeat-y center center; }

.aboutfive_list ul li.aboutfive_odd { width:100%; background:none; padding:0px; }
.aboutfive_list ul li.aboutfive_even { width:100%; height: 147px; background:none; padding:0px 30px 0px 0; margin-left:0; }


.aboutfive_list ul li.aboutfive_even .aboutfive_b { padding-top: 60px; float:left }
.aboutfive_a { width:100%; font-size:16px; color:#b2b2b2; display:inline-block; padding-left:10px }
.aboutfive_a .aboutfive_a1 { color:#fff; font-size:22px; line-height:22px; font-weight:bold; margin-bottom:20px; font-family:"Arial"; display:inline-block }
.aboutfive_b { padding-top:42px; float:right; box-sizing: border-box; display:none }
@-webkit-keyframes fadeInUp200 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 200px, 0);
 transform:translate3d(0, 200px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInUp1 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 200px, 0);
 transform:translate3d(0, 200px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInUp200 { -webkit-animation-name:fadeInUp200; animation-name:fadeInUp200 }
@-webkit-keyframes fadeInUp1 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100px, 0);
 transform:translate3d(0, 100px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInUp1 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100px, 0);
 transform:translate3d(0, 100px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInUp1 { -webkit-animation-name:fadeInUp1; animation-name:fadeInUp1 }
.delay100 {
 animation-delay:.1s; animation-fill-mode:backwards!important }
.delay200 {
 animation-delay:.2s; animation-fill-mode:backwards!important }
.delay300 {
 animation-delay:.3s; animation-fill-mode:backwards!important }
.delay400 {
 animation-delay:.4s; animation-fill-mode:backwards!important }
.delay500 {
 animation-delay:.5s; animation-fill-mode:backwards!important }
.delay600 {
 animation-delay:.6s; animation-fill-mode:backwards!important }
.delay700 {
 animation-delay:.7s; animation-fill-mode:backwards!important }
@-webkit-keyframes engineUp1 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 80px, 0);
 transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes engineUp {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 80px, 0);
 transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.engineUp1 { -webkit-animation-name:engineUp1; animation-name:engineUp1 }
@-webkit-keyframes engineUp {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 50px, 0);
 transform:translate3d(0, 50px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes engineUp {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 50px, 0);
 transform:translate3d(0, 50px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.engineUp { -webkit-animation-name:engineUp; }
.w1178 { width:1178px; height:auto; max-width:1178px; margin:0 auto; }
.flex { display:flex }
.row { flex-direction:row }
.column { flex-direction:column }
.wrap { flex-wrap:wrap }
.nowrap { flex-wrap:nowrap }
.justify_between { justify-content:space-between }
.justify_center { justify-content:center }
}
@keyframes fadeInUp1 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100px, 0);
 transform:translate3d(0, 100px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInUp1 { -webkit-animation-name:fadeInUp1; animation-name:fadeInUp1 }
.delay100 {
 animation-delay:.1s; animation-fill-mode:backwards!important }
 @-webkit-keyframes engineUp1 {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 80px, 0);
 transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes engineUp {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 80px, 0);
 transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.engineUp1 { -webkit-animation-name:engineUp1; animation-name:engineUp1 }
}
@keyframes engineUp {  0% {
 opacity:0;
 -webkit-transform:translate3d(0, 50px, 0);
 transform:translate3d(0, 50px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.engineUp { -webkit-animation-name:engineUp; animation-name:engineUp }
.reserveone { padding:100px 0; }
.reserveone_title { width:100%; text-align:center; }
.reserveone_fl { width:32px; height:7px; background:#5196cb; }
.reserveone_fr { color:#828282; font-size:18px; text-transform:uppercase; margin-left:20px; font-weight:bold; font-family:"OriginGothic" }
.reserveone_title1 { font-size:30px; line-height:38px; margin-top:30px; width:100%; text-align:center; font-weight:bold; color: white; }
.joinus_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/joinus_head.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; }
.joinus_first { width:100%; background:url(../images/joinusbg.jpg) no-repeat center bottom; background-size:100% auto; padding:100px 0 150px; }
.joinus_title1 { width:790px; margin:45px auto 0; line-height:36px; font-size:16px; color:#ffffff; text-align:center; }
.joinus_title2 { width:100%; text-align:left; font-size:36px; line-height:36px; margin-top:80px; text-transform:uppercase; letter-spacing:3px; }
.joinus_list { margin-top:10px; width:100%; padding-bottom:175px; }
.joinus_list li { width:33.33333%; border-left:2px solid #121111; margin-top:80px; }
.jolist_a { width:320px; height:40px; margin:40px auto 0; }
.jolist_a .OriginGothic { font-size:40px; line-height:30px; color:#363636; transition-duration:500ms; }
.jolist_a .jolist_a1 { font-size:18px; font-weight:bold; margin-left:15px; }
.jolist_b { width:320px; height:105px; margin:30px auto; padding:20px 30px 10px 0px; color:#b2b2b2; transition-duration:500ms; }
.jolist_b span { margin-bottom:10px; }
.jolist_c { width:275px; margin:0 auto; transition-duration:500ms; }
.jolist_c a { padding-right:20px; color:#b2b2b2; font-size:16px; transition-duration:500ms; display:inline-block; }
.joinus_list li.current .jolist_a .OriginGothic { color:#ffffff; transition-duration:500ms; }
.joinus_list li.current .jolist_b { background:#ffffff; transition-duration:1000ms; color:#333333; padding:20px 0px 10px 30px; }
.joinus_list li.current .jolist_c { -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); transform:translateX(10px); transition-duration:500ms; }
.joinus_list li.current .jolist_c a { color:#ffffff; transition-duration:500ms; }
.joinus_first .huojian_more { width:265px; margin:100px auto 0; }
.joinus_first .huojian_more a { height:56px; line-height:56px; border-radius:30px; }
.joinus_first .huojian_more a img { margin-top:21px; }
.joinus_third { width:100%; padding:120px 0; background:#ffffff; }
.joinus_third p { font-size:16px; color:#000000; display:flex; flex-wrap:wrap; flex-direction:column; text-align:center; }
.joinus_third p span { display:inline-block; padding:12px 0; max-width: 100%;}

	/****************/
.footer{
	padding:60px 0 50px;
}
.footer ul li {
	padding:0 25px;
	font-size:18px;
}
.footer ul li a{ color:#FFF}
.footer ul li a:hover {
	opacity:.8;
}
.f_logo {
	width:321px;
	overflow:hidden;
	padding:50px 0;
}
.f_logo img {
	transition-duration:300ms;
}
.f_logo img:hover {
	opacity:1;
	transition-duration:400ms;
}
.f_ewm {
	width:85px;
	height:85px;
	overflow:hidden;
	margin-left:40px;
	opacity:.7
}
.f_ewm img {
	opacity:.7
}
.f_ewm img:hover {
	opacity:1
}
.footer_button a {
	margin-left:20px;
	width:20px;
	height:20px;
	padding:10px;
	display:inline-block;
	overflow:hidden;
	border:1px solid #000000;
}
.footer_button a:hover {
	border:1px solid #ffffff;
	border-radius:50%;
}
.scrollTop {
	width:50px;
	height:50px;
	position:fixed;
	bottom:285px;
	right:0;
	display:none;
	z-index:99;
}
.scrollTop a {
	width:100%;
	height:100%;
	background-color:#1c3049;
	border-radius:30px;
}
.scrollTop a:hover {
	background-color:#1c3049;
}
.scrollTop a img {
	width:16px;
	height:10px;
}

	.footer{ padding: 30px 0; background-color: black;}
	.footer ul li{ font-size: 14px; margin-bottom: 20px; padding: 0 10px;}
	.footer ul.nowrap{ flex-wrap: wrap;}
	.f_logo{ margin: 10px; padding:0px; width: 150px; height: auto;}
	.footer_button span{ width: 100%; text-align: center; margin-bottom: 20px;}
	.footer_button.nowrap{ flex-wrap: wrap; margin-top: 20px;}
	.footer_button span{ margin-bottom: 0px;width: 80%; color: white;}
	.f_ewm{ margin-left: 10px; width: 120px; height: 120px;}