@charset "utf-8";

/*公共样式部分*/
*{ margin:0; padding:0}
body { font-size:12px;font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif,"Microsoft YaHei"; -webkit-text-size-adjust:none; background:#cc3259;}
a,a:link,a:visited,a:hover,a:active {text-decoration: none;}
h1 {font-size: 1.4em;text-align: center;color: #000;}
small {font-size: 0.875em;}
img {max-width: 100%;width: 100%;-ms-interpolation-mode: bicubic; border:none; vertical-align:top;}
img, object {max-width: 100%;height: auto;}
.clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul,li,dt,dl,dd{	list-style-type: none; margin: 0px; padding: 0px; background:none; }
p {	margin: 0px;padding: 0px;}
.fl { float:left;}
.fr { float:right;}
.ml_body { min-width:320px; max-width:100%; margin:0 auto; height:100%; background:#f5f5f5;}
.ml_body2 {max-width:20%; clear:right; overflow:hidden; float:right; height:100%; background:#f5f5f5; }
.cnzz{ height:0px; display:none;}
.cnzz a{ font-size:0px;text-indent:-9999px;}
footer { width:100%; height:50px; border-top:#cbcbcb solid 1px; line-height:50px; text-align:center; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;}
footer p { opacity:0.35;}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/*导航按钮*/
.ml_nav_screen { display:none; width:100%; height:2000px;position:fixed;left:0;top:0;z-index:10003; background:rgba(0,0,0,.3);}
.ml_navc{width: 60px;height: 50px;background: url("../images/navs.png") no-repeat 0 -180px;background-size: 60px;position:fixed;left:5px;bottom:10px;z-index:100001;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

/*导航*/
.ml_navs{position:fixed;width: 110px;height: 100%;z-index: 500;font-size: 16px;color: #bbb8cc;border-right: 1px solid #151620;left:-2000px;top: 0; text-align:center;z-index:100002;

    transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;

    background: -ms-linear-gradient(top, #1d1e2e,  #252634);
    background:-moz-linear-gradient(top,#1d1e2e,#252634);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#1d1e2e), to(#252634));
    background: -webkit-linear-gradient(top, #1d1e2e, #252634);
    background: -o-linear-gradient(top, #1d1e2e, #252634);

    -moz-box-shadow:0 0 5px #151620;
    -webkit-box-shadow:0 0 5px #151620;
    box-shadow:0 0 5px #151620;
}
.ml_navs .nav{height: 16.6%;border-bottom: 1px solid #151620;}
.ml_navs .nav a { display:block; width:100%; height:100%;color: #bbb8cc;}
.ml_navs .serv{border-bottom: none;}
.ml_navs .item{position: relative;}

.ml_navs .pinpai,.ml_navs .expert,.ml_navs .project,.ml_navs .activity,.ml_navs .preferential,.ml_navs .service{width: 60px;height: 30px;margin-left: 25px;}
.ml_navs .pinpai{background: url("../images/navs.png") no-repeat 0 0;background-size: 60px;}
.ml_navs .expert{background: url("../images/navs.png") no-repeat 0 -30px;background-size: 60px;}
.ml_navs .project{background: url("../images/navs.png") no-repeat 0 -60px;background-size: 60px;}
.ml_navs .activity{background: url("../images/navs.png") no-repeat 0 -90px;background-size: 60px;}
.ml_navs .preferential{background: url("../images/navs.png") no-repeat 0 -120px;background-size: 60px;}
.ml_navs .service{background: url("../images/navs.png") no-repeat 0 -150px;background-size: 60px;}

/*导航新闻*/
.ml_navs_news { height:100%; position:fixed; right:-1815px; top:0; z-index:100001; overflow:hidden;transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s;}
.ml_navs_news .backbtn { display:block; position:absolute; left:0; bottom:0; width:100%; height:44px; line-height:44px; background:url(../images/nav_arrowicon.png) no-repeat 16px 13px #f6f6f6; background-size:11px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left:36px; font-size:16px; color:#0066cc; z-index:1;}
.ml_navs_news .device {position:absolute; width:100%; height:100%}
.ml_navs_news .swiper-container { width:100%; height:100%}
.ml_navs_news .pagination { display:block;position: absolute;left: 0;text-align: center; bottom:55px;width: 100%;}
.ml_navs_news .swiper-pagination-switch {display: inline-block;width: 10px; height: 10px; border-radius: 10px; background:rgba(0,0,0,.5); margin: 0 3px; cursor: pointer;}
.ml_navs_news .swiper-active-switch { width:8px; height:8px; border:solid 1px rgba(0,0,0,.5); background:none;}
.mlnavpagination { display:block; z-index:10;}

.ml_nav_telscreen { display:none; width:100%; height:2000px;position:fixed;left:0;top:0;z-index:10003; background:rgba(0,0,0,.3);}
.ml_nav_telbox { width:100%; height:280px; background:url(../images/mftel_bg.jpg) no-repeat center 44px rgba(255,255,255,0.95); background-size:100% auto; position:fixed; left:-100%; bottom:-280px; z-index:100010;/* -webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;*/}
.ml_nav_telbox h3 { height:44px; line-height:44px; text-align:center; font-size:16px; color:#262626; position:relative; background-color:#FFF; border-bottom:#d8e1e3 solid 1px;}
.ml_nav_telbox h3 span { display:block; width:60px; height:44px; color:#0066cc; cursor:pointer;}
.ml_nav_telbox p { color:#262626; font-size:14px; line-height:22px; padding:5px 30px;}
.ml_nav_telbox p.first { padding-top:12px;}
.ml_nav_telbox p.last { color:#999799; font-size:12px; text-align:right;}
.ml_nav_tel_tr { width:268px; height:42px; margin:35px auto 0 auto; position:relative;}
.ml_nav_tel_tr_input { width:256px; height:42px; background:url(../images/tel_inputbg.png) no-repeat; background-size:262px; border:none; line-height:12px; padding-left:12px; float:left; overflow:hidden; font-size:14px; color:#a6a6a6;font-family:Arial, Helvetica, sans-serif;}
.ml_nav_tel-submit { border:none; background:none; color:#0066cc; cursor:pointer; width:60px; height:44px; font-size:16px; font-weight:bold;}
.ml_nav_tel-txtdl { list-style:none; width:250px; margin:15px auto 0 auto;}
.ml_nav_tel-txtdl dt { height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#262626;}
.ml_nav_tel-txtdl dd { width:320px; height:18px; line-height:18px; font-size:12px; background:url(../images/tel_icon.png) 0 7px no-repeat; background-size:4px; color:#5d5d5d; padding-left:7px;}
.ml_nav_tel-txtdl dd em { font-style:normal; color:#ff4100}
.ml_nav_tel-txtdl dd a { color:#0066cc}
.ml_nav_changetel,.ml_nav_changeonline,.ml_change_close,.mltc_changetel { background-image:url(../images/online_icon.png); background-repeat:no-repeat; background-size:22px;}
.ml_change_close { background-position:12px 12px; padding-left:15px;}
.ml_nav_changetel,.ml_nav_changeonline,.mltc_changetel { display:block; margin:0 auto; width:98px; padding-left:60px; height:38px; border:#0066cc solid 1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#FFF; color:#0066cc; font-size:18px; line-height:38px;}
.ml_nav_changetel,.mltc_changetel { background-position:27px -38px;}
.ml_nav_changeonline { background-position:27px -82px;}
.ml_nav_trmag1 { margin-top:50px;}
.ml_nav_trmag2 { margin-top:20px;}

.nav_bounceOut{
-webkit-animation:nav_bounceOut .6s .2s ease both;
-moz-animation:nav_bounceOut .6s .2s ease both;}
@-webkit-keyframes nav_bounceOut{
0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.95)}
50%{opacity:1;
-webkit-transform:scale(1.1)}
100%{opacity:0;
-webkit-transform:scale(.3)}
}
@-moz-keyframes nav_bounceOut{
0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(.95)}
50%{opacity:1;
-moz-transform:scale(1.1)}
100%{opacity:0;
-moz-transform:scale(.3)}
}

.nav_bounceIn{
-webkit-animation:nav_bounceIn .6s .8s ease both;
-moz-animation:nav_bounceIn .6s .8s ease both;}
@-webkit-keyframes nav_bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes nav_bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
.ml_scroll_top { display:none; width:40px; height:90px; position:fixed; right:12px; bottom:12px;z-index:10000}
.ml_scroll_top a { display:block; width:38px; height:38px; border:rgba(0,0,0,.75) solid 1px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background-color:rgba(255,255,255,.75); background-image:url(../images/top_icon.png); background-repeat:no-repeat; background-size:22px; background-position:8px 10px;}
.ml_scroll_top a:last-child { margin-top:10px; background-position:8px -40px;}
.ml_scroll_top a span { display:inline-block; height:14px; line-height:14px; text-align:center; padding:0 3px; color:#FFF; font-size:12px; position:absolute; left:50%; top:0px; margin-left:5px; background:#f35050; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:Arial, Helvetica, sans-serif;}

.load2 {
  width: 60px;
  height: 60px;
  position:fixed;
  left:50%;
  top:50%;
  margin:-30px 0 0 -30px;
  z-index:101010101;
  background:url(../images/loading.jpg) no-repeat;
  -webkit-animation: rotateplane 2.4s infinite ease-in-out;
  animation: rotateplane 2.4s infinite ease-in-out;
}
.loadtxt { width:100px; height:24px; line-height:24px; text-align:center; color:#5d5d5d; font-size:12px; position:fixed; left:50%; top:50%; margin:40px 0 0 -50px;}
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  25% { -webkit-transform: perspective(120px) rotateY(180deg) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
  75% { -webkit-transform: perspective(120px)  rotateX(180deg) }
  100% { -webkit-transform: perspective(120px) }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 25% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }75% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
}

/*弹窗*/
.mltc_box { display:none; width:0; height:0; position:fixed; left:10%; bottom:6%; margin-left:0; margin-bottom:0; z-index:200000; background:url(../images/tc_bg.jpg) no-repeat; background-size:contain; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; box-shadow:0 0 5px 0px rgba(0,0,0,.6); overflow:hidden;}
/*.mltc_box { width:240px; height:170px; position:fixed; left:50%; top:50%; margin:-85px 0 0 -120px; z-index:200000; background:url(../images/tc_bg.jpg) no-repeat; background-size:contain; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; box-shadow:0 0 5px 0px rgba(0,0,0,.6);-moz-transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}*/
.mltc_box_tr { width:160px; margin:35px auto 0 auto;}
.mltc_box_trmag { margin-top:20px;}
.mltc_close { position:absolute; right:-4px; top:-4px; width:40px; height:40px; background:url(../images/tc_close_btn.png) no-repeat center; background-size:16px;}
.topTips { display:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; left:0; top: 0; width: 100%; z-index: 300000;-webkit-perspective: 600px; perspective: 600px;}
.tipsInner {font-family: "Microsoft YaHei"; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow:0 0 5px 0px rgba(0,0,0,.6); -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background: #fff;-webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; opacity: 0; }
.tipsInner a { text-decoration:none;display: block; position: relative; padding-left: 50px; color: #111; }
.tips_close { position:absolute; right:0; top:0; width:47px; height:47px; background:url(../images/tc_close_btn.png) no-repeat center; border-left:#CCC solid 1px; background-size:16px;}
.tipsInner img { position: absolute; left: 8px; top: 50%; margin-top: -17px; width: 36px; height: auto; padding-right: 5px; background: #fff; }
.tipsInner dl { margin:0; padding: 10px 0px 10px 10px; border-left: 1px solid #ccc; }
.tipsInner dt { font-weight: bold;line-height:1em; font-size:13px;}
.tipsInner dd { margin:0; line-height: 1.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px; }
.showTip .tipsInner { -webkit-animation:flipInX 1s .2s ease both;-moz-animation:flipInX 1s .2s ease both;}
.hideTip .tipsInner {-webkit-animation:flipOutX 1s .2s ease both;-moz-animation:flipOutX 1s .2s ease both;}
.bounceInLeft{
-webkit-animation:bounceInLeft 1s .2s ease both;
-moz-animation:bounceInLeft 1s .2s ease both;}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
.bounceOutRight{
-webkit-animation:bounceOutRight 1s .2s ease both;
-moz-animation:bounceOutRight 1s .2s ease both;}
@-webkit-keyframes bounceOutRight{
0%{-webkit-transform:translateX(0)}
20%{opacity:1;
-webkit-transform:translateX(-20px)}
100%{opacity:0;
-webkit-transform:translateX(2000px)}
}
@-moz-keyframes bounceOutRight{
0%{-moz-transform:translateX(0)}
20%{opacity:1;
-moz-transform:translateX(-20px)}
100%{opacity:0;
-moz-transform:translateX(2000px)}
}

.flipInX{
-webkit-animation:flipInX 1s .2s ease both;
-moz-animation:flipInX 1s .2s ease both;}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}

.flipOutX{
-webkit-animation:flipOutX 1s .2s ease both;
-moz-animation:flipOutX 1s .2s ease both;}
@-webkit-keyframes flipOutX{
0%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
}
@-moz-keyframes flipOutX{
0%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
}