@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "HELVETICANEUELTPRO-THEX";
    font-style: normal;
    font-weight: 400;
    src: url("HELVETICANEUELTPRO-THEX.OTF");
}
::-webkit-scrollbar-track-piece {width:8px; background-color:#f8f8f8}
::-webkit-scrollbar {width:8px; background-color:#f00}
::-webkit-scrollbar-thumb {width:8px; background-color:#ccc}
::-webkit-scrollbar-thumb:hover { width:8px; background-color:#13ABEF}
body{font:14px/1.5 '微软雅黑',YaHei,tahoma,arial,"Hiragino Sans GB",'宋体';}
body, div, dl, dt, dd, ul, ol, input, button, ul, li, p, form, h1, h2, h3, h4, h5, h6, table, tr, td, span,img{ margin:0; padding:0; outline:none;}
ul, ol, li { list-style-type: none;}
img, iframe { border: 0 none;}
table {border-collapse: collapse;}
a, iframe, input, select { outline: 0 none;}
a { color:#333; cursor: pointer; text-decoration: none;}

input[type="button"], input[type="submit"] {cursor: pointer; transition: all 0.2s;}
input[type="button"]:hover, input[type="submit"]:hover {opacity: 0.9;}
sup { color: red; font-size: 12px; line-height: 12px;}
.fl { float:left; }
.fr { float:right; }
.ansition{-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;}

.btn{ height:40px; padding:0px 30px; display:block; background:#fff; color:#666; border-radius:20px; transition: all 0.3s ease 0s; border:#999 1px solid; cursor:pointer; margin:30px auto;}
.btn:hover{ background:#13ABEF; color:#fff; border-color:#13ABEF}
.btn1{ width:120px; text-align:center; height:40px; line-height:40px; border-radius:20px; border:#ccc 1px solid; margin:30px auto 80px auto; display:block;transition: all 0.3s ease 0s;}
.btn1:hover{ background:#13ABEF; color:#fff; border-color:#13ABEF}
.tits{ width:420px; border-top:#ccc 1px solid; position:relative; height:30px; margin:30px auto; font-size:16px; font-weight:normal;}
.tits span{ display:block; width:160px; text-align:center; background:#FFF; height:30px; line-height:30px; position:absolute; top:-17px; left:50%; margin-left:-80px;}

#topcontrol{ top:50px;}
.M-menu2{width:60px; height:59px; border:0; float:left; display:block; margin-right:2px;}
.M-menu2:hover{}
.M-menu3{width:60px; height:59px; border:0; float:left; display:block;}
.M-menu3:hover{ }
.M-top-show{ width:100%; position:fixed; top:0; left:0; z-index:99999;}
/*.topcontrol{ width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; background:#000; color:#fff; position:fixed; top:50px; right:-50px; cursor:pointer;}
.topcontrol span{ display:none;}
.topcontrol:hover span{ display:block; font-size:16px;}
.topcontrol:hover i{ display:none;}*/

.box-sizing{ box-sizing: border-box;}
.row{ clear:both;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666666666666%;}
.col-xs-10{width:83.33333333333334%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666666666666%;}
.col-xs-7{width:58.333333333333336%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666666666667%;}
.col-xs-4{width:33.33333333333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.666666666666664%;}
.col-xs-1{width:8.333333333333332%;}

.tobig:hover img {
			transform:scale(1.1);
		 -o-transform:scale(1.1);
		-ms-transform:scale(1.1);
	   -moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);}
.toopacity:hover img {
	-webkit-filter: blur(3px); 
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);}
.rotate:hover img{
	-webkit-transform:rotate(2deg);
	   -moz-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		 -o-transform:rotate(2deg);
			transform:rotate(2deg);}
			




#loadline{position:absolute; top:0px; left:0;}
#animated_div { position:absolute; top:75px; left:0px; animation: 5s ease 0s normal none 1 running animated_div; cursor:pointer;}



.header{ height:80px; clear:both;}
.header .logo{ display:block; float:left; width:148px; margin-top:15px;}
.header ul{ float:right; padding-top:20px;}
.header ul li{float:left; position:relative;}
.header ul li a, .header ul li span{ display:block; overflow: hidden; width: 150px; height: 40px; line-height:40px; text-align: center; cursor:pointer; color:#333;}
.header ul li a:hover, .header ul li span:hover, .cur a{ color:#0170ce !important;}

.header ul li div{ width:150px; height:auto; overflow:hidden; position:absolute; top:60px; left:0; background:#FFF; display:none; z-index:999;}
.header ul li div a{ width:100%; text-align:center; font-size:14px; clear: both; display:block; height:60px; line-height:60px;}
.header ul li:hover div{ display:block;}
.header ul li div a:hover{ background:#f8f8f8;}


.section{ clear:both;}
.wrap { width: 1200px; margin: 0 auto; clear:both;}
.content{}
.container{ width:100%; clear:both;}

.footer{ width: 100%; height:auto; padding-top: 30px; clear:both; background:url(../img/bg01.jpg) no-repeat  center bottom /100%; margin-top:30px;}
.footer .wrap{ overflow:hidden;}
.footer .wrap dl{ width:15%; float:left; display:block;}
.footer .wrap dl dt{ height:40px;}
.footer .wrap dl dd{ height:30px; line-height:30px;}
.footer .wrap div{ width:39%; float:right;}
.footer .wrap div h2{ height:50px;}
.footer .wrap div h3{ height:40px;}
.footer .wrap div span{ display:block; overflow:hidden; height:60px;}
.footer .wrap div span a{ margin-right:10px; display:inline-block; width:40px; height:40px; color:#FFF; text-align:center; line-height:40px; font-size:22px; border-radius:50%;}
.fa-weibo{ background:#ff0004;}
.fa-weixin{ background:#05bf26;}

.footer .copy{ text-align:center; height:80px; line-height:80px; clear:both; overflow:hidden;}
.make{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; z-index:998;}
.weixin{ width:258px; height:auto; position:fixed; top:50%; left:50%; z-index:999; margin-left:-130px; margin-top:-160px; background:#fff; border:#ccc 1px solid; border-radius:5px; box-shadow:#333 2px 2px 3px; overflow:hidden; display:none;}
.weixin img{ display:block; width:100%;}
.weixin p{ display:block; width:100%; text-align:center; height:40px;}
/*animate*/
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
40% {-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}
60% {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}
80% {-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}
100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
20% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
40% {-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}
60% {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}
80% {-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}
100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.bounceIn {-webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s;}


@-webkit-keyframes rotateIn {
0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}
100% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}
}
@keyframes rotateIn {
0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}
100% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}
}
.rotateIn {-webkit-animation-name: rotateIn; animation-name: rotateIn;}
/*index*/
.button-next{ display:block; cursor:pointer; width:40px; height:40px; border:#14a2ff 1px solid; border-radius:50%; text-align:center; line-height:40px; font-size:16px; color:#14a2ff; cursor:pointer; position:absolute; right:0; top:0; z-index:999;}

/*news*/
.news-banner{ width:100%; height:auto; clear:both; margin-bottom:80px; overflow:hidden;}
.news-banner img{ display:block; width:100%;}
	
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide img{ display:block; width:100%;}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:0;z-index:10;cursor:pointer;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0px;left:auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev:hover{ }
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-button-prev2{ position:absolute; top:180px; left:-130px; width:60px; height:169px; cursor:pointer; background:url(../img/btn03.png) center center no-repeat;}
.swiper-button-next2{ position:absolute; top:180px; right:-130px; width:60px; height:169px; cursor:pointer; background:url(../img/btn04.png) center center no-repeat;}


.newslist{width: 1200px; margin: 0 auto; clear:both; position:relative;}
.newslist .lbox{ width:50%; height:400px; overflow:hidden; float:left; box-sizing:border-box; padding:5px; position:relative;}
.newslist .lbox a{ position:relative; display:block; width:100%; height:100%;}
.newslist .rbox{ width:50%; height:400px; float:right;}
.newslist .rbox div{ height:200px; box-sizing:border-box; padding:5px; overflow:hidden;}
.newslist .rbox div a{position:relative; display:block; width:100%; height:100%;}
.newslist img{ display:block; width:100%; height:100%;}
.newslist p{ position:absolute; bottom:-120px; left:0; width:100%; height:80px; padding:20px; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff;} 



/*about*/
.about-tab .tabs{ width:780px; height:40px; line-height:40px;  border-radius:5px; margin:50px auto; clear:both; overflow:hidden;}
.about-tab .tabs li{ width:130px; height:100%; float:left; text-align:center; box-sizing:border-box; border:#ccc 1px solid; cursor:pointer;}
.about-tab .tabs li a{ color:#333; display:block; width:100%; height:100%;}
.about-tab .tabs li:hover, .about-tab .tabs li.cur1 { background:#18a3fb; border-color:#18a3fb;}
.about-tab .tabs li:hover a, .about-tab .tabs li.cur1 a{ color:#FFF;}
.about-tab .container { overflow:hidden; margin-bottom:50px;}

.about-tab .content1{ }
.about-tab .content1 p{ text-indent:30px; margin-bottom:30px; overflow:hidden; padding:0 80px; line-height:1.6; font-size:15px;}

.about-tab .content2{ width:100%; height:570px; background:url(../img/about02-7-7.png) no-repeat center bottom; }
/*border-bottom:#65979f 9px solid;*/

.about-wh{}
/*background:url(../img/about036.png) no-repeat center bottom;*/
.about-wh .content{ width:100%;height:670px; margin:0 auto; position:relative; padding-top:20px;/*-webkit-animation: twinkling 1s infinite ease-in-out; */}
/*三体官网企业文化修改图片*/
.about-wh .content{ background:url(../img/about036new.png) no-repeat center bottom;}
.about-wh .content img{ display:block; position:absolute;-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;}
.about-wh .content img:hover{ transform:scale(1.1);
		 -o-transform:scale(1.1);
		-ms-transform:scale(1.1);
	   -moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);}
.about-wh .content img.img1{ top:20px; left:213px; }
.about-wh .content img.img2{ top:277px; left:213px; }
.about-wh .content img.img3{ top:328px; left:39px; }
.about-wh .content img.img4{ top:328px; left:395px; }
/*@-webkit-keyframes twinkling{
  0% {
      opacity: 0.8; 
  }
  100% {
      opacity: 1; 
  }
}*/

.about-tab .content4{ overflow:hidden;}
.about-tab .content4 h2, .about-tab .about-zhaoping h2, .zhaoping-txt h2{ width:100%; height:40px; font-weight:normal; font-size:20px; text-indent:10px; }
.about-tab .content4 div{ width:20%; float:left; box-sizing:border-box; padding:10px;}
.about-tab .content4 div a{ position:relative; display:block;  width:100%; height:auto; font-size:22px; color:#FFF;}
.about-tab .content4 div a img{ display:block; width:100%;}
.about-tab .content4 div a span{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); text-align:center; box-sizing:border-box; padding-top:24%;}

/*about-boss*/
.about-boss .tit{ text-align:center; padding:10px 60px 40px; font-size:15px; }
.about-boss .row{ background:#FFF; border:#ccc 1px solid; box-shadow:2px 2px 3px #ccc; margin-bottom:20px; min-height:229px; box-sizing:border-box; position:relative;}
.about-boss .row .imgbox{ width:25%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; border-right:#ccc 1px solid; text-align:center;Justify-content:center; align-items:center; display:-webkit-flex;}
.about-boss .row .imgbox img{ display:inline-block; max-width:90%; }
.about-boss .row .txtbox{ width:75%; height:100%; float:right; box-sizing:border-box; padding:20px;}
.about-boss .row .txtbox h1{ font-size: 20px; font-weight:normal; padding-bottom:20px;}
.about-boss .row .txtbox p{font-size: 15px;}
/*about-zhaoping*/
.about-zhaoping h3{ font-weight:normal; font-size:16px; padding-bottom:20px;}
.about-zhaoping h3 span{  padding-left:20px; color:#ff4614;}
.about-zhaoping .row{ padding:50px 0; border-bottom:#ccc 1px solid; overflow:hidden; margin:0 30px;}
.about-zhaoping .row strong{ font-weight:normal;}
.about-zhaoping .row div{ height:15px; line-height:15px; overflow:hidden;font-size:16px; margin:0 0 20px 0;}
.about-zhaoping .row div strong{ padding-right:20px; display:inline-block;}
.about-zhaoping .row div span{ display:inline-block; padding:0 20px; border-left:#ccc 1px solid;}
.about-zhaoping .row p { display:block; clear:both;}
.about-zhaoping .row p strong{ display:inline-block;}
.about-zhaoping .row p span{ display:inline-block; padding:0 20px;}

/*zhaoping-txt*/
.zhaoping-txt .row{ padding:20px 10px 10px 30px;}
.zhaoping-txt dl{ padding-bottom:30px; margin-bottom:40px; border-bottom:#ccc 1px solid; display:inline-block; overflow:hidden;}
.zhaoping-txt dl dt{ padding-bottom:20px; font-size:18px;}
.zhaoping-txt dl dd span{ padding:0 30px 0 5px; overflow:hidden;}
.zhaoping-txt h3{ padding-bottom:20px; font-weight:normal;}
.zhaoping-txt ul{ padding-bottom:50px;}
.zhaoping-txt ul li{ padding-bottom:15px;}
.zhaoping-txt p{ padding-bottom:20px; }


/*programe*/
.programe-banner{ width:100%; height:auto; clear:both; overflow:hidden;}
.programe-banner img{ display:block; width:100%; }
.programe-list{ width:1300px; height:680px; clear:both; margin:0 auto; overflow:hidden;}
.card { width:260px; height:180px; display:block; cursor: pointer; position: relative; float:left; margin:60px 75px;}
@media screen and (max-width: 800px) {.card {width: calc(50% - 2rem); }}
@media screen and (max-width: 500px) {.card { width: 100%;}}
.front, .back { border-radius: 6px; background-position: center; background-size: cover; text-align: center; justify-content: center; align-items: center; position: absolute; height: 100%; width: 100%; -webkit-backface-visibility: hidden;
 backface-visibility: hidden;transform-style: preserve-3d;transition: ease-in-out 600ms;}
.front {background-size: cover; padding: 2rem; font-size: 1.618rem; font-weight: 600; overflow: hidden;}
.front h3{ display:block; clear:both; text-align:center; width:100%;}
.front p{ display:block; clear:both; width:100%; text-align:center; padding-top:30px;}
.front p img{}
.front:before {position: absolute;display: block;content: '';top: 0;left: 0;right: 0; bottom: 0;  background-color:#fff; z-index: -1;}
.card:hover .front {transform: rotateY(180deg);}
.card:nth-child(even):hover .front {transform: rotateY(-180deg);}
.back { width:100%; height:100%; padding: 2rem; color:#FFF !important; font-size:26px; transform: rotateY(-180deg); display:block;}
.card:hover .back { transform: rotateY(0deg);}
.card:nth-child(even) .back { transform: rotateY(180deg);}
.card:nth-child(even):hover .back {transform: rotateY(0deg);}
.bordercolor01{ border:#028377 5px solid;}
.bordercolor02{ border:#4d8399 5px solid;}
.backgroundcolor01{background: #028377; color:#FFF;}
.backgroundcolor02{background: #4d8399; color:#FFF;}


.programe-section1 { width:100%; clear:both;}
.programe-tab{ width:1000px; height:180px; margin:0 auto;}
.programe-tab li{ width:46%; height:150px; cursor:pointer; box-sizing:border-box; border-radius:10px; position:relative;}
.programe-tab li i{ width:48px; height:25px; position:absolute; bottom:-25px; left:50%; display:none;}
.grayscale{filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);}
.programe-tab li.fl{ background:url(../img/btn01-1.jpg) no-repeat center center; border:#0080cb 1px solid;}
.programe-tab li.fl i{ background:url(../img/btn01-10.png) center top no-repeat;}
.programe-tab li.fr{ background:url(../img/btn02-1.jpg) no-repeat center center; border:#ff6003 1px solid;}
.programe-tab li.fr i{ background:url(../img/btn02-10.png) center top no-repeat; display:block;}

.programe-section1 .content1{ height:640px; background:url(../img/bg01.png) center top repeat-x;}

.programe-section1 .content1 .wrap{ height:100%; background:url(../img/1011.png) 50px 50px no-repeat; padding:50px 0 0 400px; box-sizing:border-box; color:#fff;}
.programe-section1 .wrap .row{ margin-bottom:30px; overflow:hidden;}
.programe-section1 .wrap h3{ margin-bottom:10px; font-size:18px; font-weight:normal;}
.programe-section1 .wrap p{ line-height:1.8; padding-bottom:20px;}
.programe-section1 .wrap .col-xs-10{ font-size:24px; color:#fff; padding-top:10px;}
.programe-section1 .wrap dl dt{ margin-bottom:30px; font-size:18px; }
.programe-section1 .wrap dl dd{ margin-bottom:20px; font-size:16px;}
.programe-section1 .wrap img{ margin-right:20px;}

.programe-section1 .content2{ height:640px; background:#27b2fe; display:none;}
.programe-section1 .content2 .wrap{ height:100%; background:url(../img/1031.png) 50px 50px no-repeat; padding:50px 0 0 400px; box-sizing:border-box; color:#fff;}

/*news*/
.newslist1{ width:1200px; margin:20px auto; clear:both;}
.newslist1 .slideInUp{ display:block; clear:both; border:#F7F7F7 1px solid; position:relative; overflow:hidden; background:#F7F7F7; margin-bottom:20px;}
.newslist1 .slideInUp .imgs{ display:block; overflow:hidden; float:left; width:20%; padding:10px; box-sizing:border-box;}
.newslist1 .slideInUp .imgs img{ width:100%; height:130px; display:block;}
.newslist1 .slideInUp .txts{ display:block; float:right; width:78%; padding-right:12%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; box-sizing:border-box;}
.newslist1 .slideInUp .txts h3{ font-weight:600; padding:10px 0 10px 0; font-weight:normal; font-size:16px;}
.newslist1 .slideInUp .txts p{ font-size:14px; color:#666;}
.newslist1 .slideInUp span{ position:absolute; bottom:10px; right:10px; text-align:center; font-size:14px; color:#666;}
.newslist1 .slideInUp:hover{ box-shadow:#ccc 1px 3px 3px;}
/*pager*/
.pager{padding:0; margin:0; white-space:nowrap}
.pager li{list-style:none; font-family:arial; font-size:14px;padding:2px;margin:1px;border:#b7b7b7 1px solid; text-align:center; max-width:80px; width:25px;height:22px;line-height:22px;cursor:pointer;background:#fff;display:inline-block}
.pager li:hover{border:#4876ff 1px solid; color:#4876ff}
.pager li.pg-hidepage{display:none}
.pager li.pg-prev,li.pg-next{width:60px}
.pager li.pg-selected{border:#4876ff 1px solid; background:#138CC5; color:white}
.pager li.pg-selected:hover{color:#000; cursor:default}
.pager li.pg-dislabel{color:#ccc; border:#ccc 1px solid; cursor:default}
.pager li.pg-dislabel:hover{border:#ccc 1px solid}