/* css reset */
* { margin:0; padding:0;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p { line-height:1.8;}
img { max-width:100%; border:none; overflow:hidden;}
li{ list-style-type: none;}
a { color:#202760; text-decoration:none; transition:all 0.3s ease-out 0s; -webkit-tap-highlight-color:transparent;}
a:link { color:#202760;}
a:visited { color:#202760;}
a:hover { text-decoration:none;}
a:active { color:#202760;}
.fl { float:left;}
.fr { float:right;}
.clearf { zoom:1;}
.clearf:after { content:''; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
/*去掉手机按下时默认的灰色*/
button,input,textarea { border:none; outline:none; box-shadow:none!important; -webkit-appearance:none;/* 去除移动端上控件内阴影 */ resize:none;/* 禁止textarea拖拽放大 */  -webkit-tap-highlight-color:rgba(0,0,0,0);/* 取消input瞬间出现灰色背景 */}
/*修改表单元素placeholder默认置灰文字颜色*/
.form-control::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#8d8d8d;}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.about_timeline .community-carousel .swiper-slide .author-wrap .role
{ line-height:1.2125em; text-rendering:optimizelegibility; font-family:MyriadPro-Bold,sans-serif;}
html.no-scroll {overflow-y:hidden;}
body {-webkit-font-smoothing:antialiased; color:#202760; font-style:normal; background:#ffffff;}
html {overflow:scroll; overflow-x:hidden; font-family:MyriadPro-Regular,Arial,Verdana,sans-serif;}




.iconfont{
    font-family:"iconfont";
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }


/*公共*/

/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1240px; width:100%;}
.row2 {max-width:100%; padding:0 5px;}
.row_pr0 {padding-right:0;}
.page-spiel {margin-bottom:40px; text-align:center;}

/*白色文字*/
.text-white{ color:#fff;}
.pad-top{ padding-top:60px; }

/*模块标题(默认)*/
.page-title{ margin-top:200px; text-align:center;}
.page-title .line { display:none; width:1px; height:60px; margin:0 0 10px 33px; position:relative; background:#333333;}
.page-title .line em { visibility:hidden; position:absolute; bottom:0; left:-2px; display:block; width:5px; height:5px; transform:rotate(45deg); background:#333333;}
.page-title h3{ font-size:72px; color:#ffffff; line-height:1.2;}
.page-title h4 {font-size:36px; color:#ffffff; line-height:1;}
.page-title p{ margin-top:30px; font-size:22px; color:#ffffff; width:65%; line-height:1.4;}
/*模块标题(EN)*/
.page-title-en {}
.page-title-en p{}
/*模块标题-单个标题且居中*/
.page-title-simple {}
.page-title-simple h3{text-align:center; margin:0;}
/*按钮：白色透明*/
a.btn-trans { display:inline-block; padding:15px 50px; position:relative; font-size:16px; color:#ffffff; border:1px solid #ffffff; overflow:hidden; transition:none;-moz-transition:none;/* Firefox 4 */ -webkit-transition:none;/* Safari 和 Chrome */ -o-transition:none;/* Opera */}
a.btn-trans span {position:relative; z-index:1; padding-left:2px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
a.btn-trans span em {font-style:normal; padding-left:5px;}
a.btn-trans::before {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:translate3d(0px, 100%, 0px); background:#ffffff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */ }
a.btn-trans:hover {color:#111111;}
a.btn-trans:hover::before {transform:translateZ(0px);}
/*按钮：深色透明 继承自：btn-trans*/
a.btn-trans-black { color:#111111; border:1px solid #333333;}
a.btn-trans-black span {}
a.btn-trans-black::before {background:#333333;}
a.btn-trans-black:hover {color:#ffffff;}
a.btn-trans-black:hover::before {}
/*按钮：品牌色、填充、有边框 继承自：btn-trans*/
a.btn-trans-brand { color:#ffffff; border:1px solid #009FAB; background:#009FAB;}
a.btn-trans-brand span {}
a.btn-trans-brand::before {background:#ffffff;}
a.btn-trans-brand:hover {color:#009FAB;}
a.btn-trans-brand:hover::before {}
/*按钮：品牌色、填充、无边框 继承自：btn-trans*/
a.btn-trans-brand-noborder { color:#ffffff; border:none; background:#009FAB;}
a.btn-trans-brand-noborder span {}
a.btn-trans-brand-noborder::before {background:#ffffff;}
a.btn-trans-brand-noborder:hover {color:#009FAB;}
a.btn-trans-brand-noborder:hover::before {}
/*视频播放*/
.play { display:inline-block; width:60px; height:60px; line-height:60px; font-size:22px; text-align:center; text-indent:5px; color:#ffffff; border:1px solid rgba(255,255,255,1); border-radius:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
/*搜索框*/
.search {}
.search form {}
.search input {}
.search .text { float:left; padding:16px; width:300px; font-size:14px; background:#f2f2f2;}
.search .btn {float:right; padding:16px; width:60px; text-indent:-999999px; background:#f2f2f2 url("images/search.svg") no-repeat scroll center center / 30% auto;}
/*** 元素 ***/
.btn{ background-color:#222; color:#fff; padding:8px 28px; display:inline-block; font-size:16px; cursor:pointer;}
.page-spiel{ text-align:center; margin-bottom:66px;}
.page-spiel p{ margin-bottom:0px; font-size:20px;}
i { position:relative; top:4px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:24px; text-indent:-20px; line-height:1; transition:all 0.3s ease-out 0s;}
 /* 分栏 */
.inner_section {margin:auto;}
.large-6 {position:relative; width:50%;}
.small-12 {position:relative; width:100%;}
.column , .columns { position:relative; padding-left:20px; padding-right:20px; float:left; width:100%;}
.pad-normal{ padding:40px 0;}
.pad-large{ padding-top:100px; padding-bottom:100px;}
.mag-normal {margin:40px auto;}
.left {float:left!important;}
 .row:before, .row:after {content:" "; display:table;}
 .row:after {clear:both;}
 .large-centered { float:none; margin:auto;}
 .whalf { width:50%;}

/* 按钮 */
.btn-area { margin-top:40px; text-align:center;}
a.btn { display:inline-block; position:relative; font-size:16px; padding:15px 50px; text-align:center; color:rgba(255,255,255,1); border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1); text-transform:uppercase;}
a.btn_border {border:1px solid rgba(0, 0, 0, 1); background:none;}
a.btn_no_border {border:none; border-bottom:1px solid rgba(0, 0, 0, 1); color:#ffffff; border-color:#ffffff; background:none;}
a.btn_view_more {color:#1e1e1e; border-color:#ffffff;}
a.btn-black { color:rgba(0,0,0,1); background:rgba(255,255,255,1);}
/* 下拉框 */
select {
  cursor:pointer; width:100%; font-size:16px; border-radius:0; outline:none!important; padding:14px;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:url("images/select_arrow_icon.svg") no-repeat right center; background-size:30px auto;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display:none; }
select option {}


/* 特殊字体 */
.nf_1 {font-family:MyriadPro-Black;}
.nf_2 {font-family:MyriadPro-Bold;}
.nf_3 {font-family:MyriadPro-BoldCond;}
.nf_4 {font-family:MyriadPro-Cond;}
.nf_5 {font-family:MyriadPro-Light;}
.nf_6 {font-family:MyriadPro-Regular;}
.nf_7 {font-family:MyriadPro-Semibold;}

/* 按钮:查看更多 */
a.more {display:inline-block; width:140px; height:50px; line-height:50px; font-style:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); background:#ffffff;}
a.more i { position:relative; top:3px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:20px; text-indent:-20px; line-height:1;  /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;}
a.more i::before {content:"\e900";}
a.more:hover { color:#ffffff; border-color:#009FAB; background:#009FAB;}
a.more:hover i {text-indent:2px; color:rgba(255,255,255,1);}
/**/
a.more_transparent {border:1px solid rgba(255,255,255,0.2); color:#ffffff; background:none;}
a.more_transparent:hover { text-indent:10px; border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1);}
a.more_transparent:hover i {text-indent:0px;}

/* 表单 */
#details-error { display:none; background:#F79900; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;}
#form-sent {display:none; background:#4EBD4F; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;}
.form .c3 {width:100%; overflow:hidden;}
.form .c3 .ic { float:left; width:50%;}
.form .c3 h2 {font-size:14px; margin-bottom:20px;}
.form label { float:left; margin:0 20px 20px 0;}
.form label input[type="radio"] { display:block; float:left; margin:0; padding:0; width:20px; height:20px;}
.form label input[type="radio"]:checked {background:#2d80e0;}
.form label span { display:block; float:left; height:20px; line-height:20px;}
.form .kindly-reminder {font-size:12px; color:#8d8d8d;}
.form label.agreement {display:none;}
.form label.agreement span {position:relative; width:20px; height:20px; margin-right:5px;}
.form label.agreement i {border:1px solid #e0e0e0;}
.form label.agreement input {}
/*开始：横向多个select*/
.form .c3 .ic_select {}
.form .c3 .ic_select .icc {width:50%; float:left; position:relative;}
.form .c3 .ic_select .icc:first-child select {border-right:none;}
.form .c3 .ic_select .icc:last-child select {border-left-color:rgba(0,0,0,0.1);}
.form .c3 .ic_select .icc i { display:block; width:9px; height:9px; position:absolute; right:20px; top:20px; background:url("images/select_arrow_icon.svg") repeat scroll 0 0; background-size:9px auto; background-repeat:no-repeat; background-position:center right;}
/*结束：横向多个select*/
.form .c3 .ic_100 {width:100%;}
.form .c3 .ic .icc {margin:0 24px 0 0;}
.form .c3 .ic:last-child .icc {margin-right:0;}
.form input { margin-bottom:20px; width:100%; padding:16px; border-radius:0; font-size:16px; border:1px solid #e0e0e0; background:#ffffff; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form select {margin-bottom:20px; border-radius:0;}
.form textarea { float:left; margin-bottom:20px; width:100%; height:160px; border-radius:0; padding:16px; font-size:14px; border:1px solid rgba(0,0,0,0.2); background:none; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form .btn { display:inline-block; width:100%; color:#ffffff; border-radius:0; border:1px solid rgba(0,0,0,0); background:#009FAB; transition:all 0.3s ease-out 0s;}
.form .btn-light { color:#333333; border:1px solid #f2f2f2; background:#f2f2f2;}
.form .btn:hover {opacity:0.9;}
.form input:focus , .form textarea:focus { color:#333333; border-color:#009FAB; transition:all 0.3s ease-out 0s;}

/* Swiper2.0 sc-box */
.sc-box {position:relative;}
.sc-box .arrow-left {background:red; position:absolute; left:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;}
.sc-box .arrow-right {background:red; position:absolute; right:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;}

/* Swiper2.0 pagination */
.pagination {position:absolute; z-index:20; bottom:10px; width:100%; text-align:center;}
.swiper-pagination-switch {display:inline-block; width:8px; height:8px; border-radius:8px; background:#555; margin:0 5px; opacity:0.2; border:1px solid #fff; cursor:pointer;}
.swiper-active-switch {opacity:0.5;}




/* 返回顶部 */
a.rTop {display:none; width:40px; height:40px; line-height:40px; font-size:28px; color:#ffffff; text-align:center; border-radius:1px; position:fixed; z-index:1; right:20px; bottom:20px; background:rgba(0,0,0,0.5);}
a.rTop:hover {background:rgba(0,0,0,1);}

/* 分页 */
#pages { margin:60px 0; text-align:center;}
#pages a , #pages span {display:inline-block; padding:12px 18px; margin:0 5px; border:1px solid rgba(0,0,0,0.05);}
#pages span {background:#009FAB; color:#ffffff;}
#pages a:hover {border:1px solid rgba(0,0,0,0.2);}



/****************************************/
/**************    首页    **************/
/****************************************/
/* 导航 */
.un_head{ position:fixed; left:0; top:0; z-index:20; width:100%; background:#ffffff; transition:all 0.2s ease-out 0s;}
.un_head .row {}
.un_head .un_top {position:relative;}
.un_head .logo{ float:left; display:block; width:190px; height:60px; margin-top:10px; transition:margin 0.3s ease-out 0s;/* LOGO beta尺寸有变化，防止抖动 */}
.un_head .logo img {display:block; height:100%;}
.menu{ list-style:none; text-align:right; float:right;}
.menu li{ float:left; margin-right:0px; position:relative;}
.menu li a{ position:relative; padding:0 25px; font-size:18px; text-align:center; height:90px; line-height:90px; text-transform:uppercase; font-style:normal; text-rendering:optimizeLegibility; display:block; }
.menu li a:hover {opacity:0.5;}
.menu li:nth-child(4) a::after{display:none;}
.menu li i{ display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background:#000000; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/}
.menu li i.arrow {/*display:inline-block;*/ display:none; position:relative; top:1px; margin-right:-16px; margin-left:3px; width:auto; height:auto; text-indent:0; opacity:1; color:rgba(0,0,0,0.3); font-size:18px; line-height:1; background:none; transition:all 0.3s ease-out 0s;}
.menu li.language {margin-left:40px;}
.menu li.language a { float: left; padding: 0 15px; font-size: 16px; opacity: 0.5; }
.menu li.language a.on { opacity:1;}

/* 默认二级菜单：白色 */
.menu li .nav_submenu { visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:90px; margin-left:-20px; width:100%; background:#ffffff; box-shadow:0 0 50px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s; min-width:135px}
.menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.menu li .nav_submenu li a { text-align:left;opacity: 0.8; padding: 0 10px; height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.menu li .nav_submenu li img{ height: 45px; float: left; vertical-align: middle; }
.menu li .nav_submenu li:last-child a {border:none;}
.menu li a.smooth-scroll {cursor:default;}
.menu li .nav_submenu li:hover a { opacity:1;}
.menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);}


/* 默认：首页透明导航 */
 .un_head{box-shadow:0 10px 20px rgba(0, 0, 0, 0.05); border:none; }
 .un_head .row {}
 .un_head .un_top {}
 .un_head .logo{ float:left; display:block; width:190px; height:60px; margin-top:10px; transition:margin 0.3s ease-out 0s;/* LOGO beta尺寸有变化，防止抖动 */}
 .un_head.logo img {display:block; height:100%;}
 .un_head .logo:hover {opacity:1;}

.menu li {}
.menu li a {height:70px; line-height:70px; color:rgba(0,0,0,1); opacity:0.8;}
 .menu li a:hover {opacity:1;}
.menu li i {background:#ffffff; opacity:0.2;}
.menu li .arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;}

/* 导航切换样式:全局; */
.sticky-nav {box-shadow:0 10px 20px rgba(0, 0, 0, 0.05); border:none; background:#FFFFFF; }
.sticky-nav .logo {margin-top:20px;}
.sticky-nav li a {height:70px; line-height:70px; color:rgba(0,0,0,1);}
.sticky-nav li:last-child a {border:none;}
.sticky-nav li a i {background:#000000; opacity:0.1;}
.sticky-nav li a i.arrow { opacity:1; color:rgba(0,0,0,0.3); background:none;}
.sticky-nav .menu li .nav_submenu { top:69px; background:#ffffff; box-shadow:0 0 50px rgba(0,0,0,0.2);}
.sticky-nav .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);}
.sticky-nav .menu li .nav_submenu li a {height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.05);}
.sticky-nav .menu li .nav_submenu li a:hover {/*color:#009FAB!important;*/}


/* 全屏Banner */
#home .swiper-container {}
#home .swiper-slide {
  cursor:move;
  cursor:grab;
  background-color:#ffffff; background-attachment:scroll; background-position:center center; background-size:cover;
  overflow:hidden;
}

#home .swiper-wrapper {}
#home .swiper-slide .text { position: absolute; z-index: 2; left: 50%; top: 40%; width: 72%; margin-left: -30%; text-align: right; color: #333333; opacity: 0; }
#home .swiper-slide .text h1 { font-size: 36px; /*letter-spacing:4px; padding-left:4px;*/ font-weight: 700; color: #202760; background: url(../images/line.png) no-repeat right bottom; padding-bottom: 20px; margin-bottom: 10px; }
#home .swiper-slide .text p { margin: 0; font-size: 24px; line-height: 180%; /*letter-spacing:5px; padding-left:5px;*/ font-weight: normal; }
#home .swiper-slide .ma {display:none;}
#home .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:#000000; opacity:0;}



/* 当前幻灯片设置动画 */
#home .swiper-slide-active .text { opacity:1; margin-left:-30%;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */}

/**/
.swiper-button-next, .swiper-button-prev {width:30px; height:80px; margin-top:-40px;}
.swiper-button-next:hover, .swiper-button-prev:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition: all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition: all 0.3s ease 0s;/* Opera */  }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 20px; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: center; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background-image:url(../images/right.png); background-repeat:no-repeat; background-position:center;}

.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover { background-image: url(../images/left2.png);}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover { background-image:url(../images/right2.png);}


/**/
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;}
.swiper-pagination-bullet {background:#ffffff; opacity:0.2;}
.swiper-pagination-bullet-active {opacity:1;}


/* 首页：产品特性 */
.spec {margin-bottom:100px; padding:100px 0 40px; background:#ffffff url("images/spec-bg.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.spec .spec-bg {display:none; height:100px; background:#000;}
.spec .spec-box {}
.spec .spec-box h2 {margin-bottom:100px; position:relative; color:#ffffff; text-align:center; font-size:44px;}
.spec .spec-box h2 em {display:inline-block; margin:0 10px; vertical-align:middle; font-style:normal; width:44px; height:44px; position:relative;}
.spec .spec-box h2 em::before , .spec .spec-box h2 em::after {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:""; width:50%; height:1px; background:#ffffff;}
.spec .spec-box h2 em::before {transform:rotate(45deg);}
.spec .spec-box h2 em::after {transform:rotate(-45deg);}
.spec .spec-box ul {}
.spec .spec-box ul li {float:left; width:25%; overflow:hidden;}
.spec .spec-box ul li a {display:block; position:relative; margin-right:20px; height:400px; position:relative; display:block; padding:80px 40px; text-align:center;}
.spec .spec-box ul li a::before {opacity:0; position:absolute; left:0; top:0; content:""; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
    /*1*/
    .spec .spec-box ul li:nth-child(1) a { text-align:left; background:url("images/spec-box-bg-1.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(1) a::before {background:url("images/spec-box-bg-1-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /*2*/
    .spec .spec-box ul li:nth-child(2) a { text-align:center; background:url("images/spec-box-bg-2.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(2) a .text {left:0; top:50px; width:100%;}
    .spec .spec-box ul li:nth-child(2) a::before {background:url("images/spec-box-bg-2-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /*3*/
    .spec .spec-box ul li:nth-child(3) a { text-align:left; background:url("images/spec-box-bg-3.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(3) a::before {background:url("images/spec-box-bg-3-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /*4*/
    .spec .spec-box ul li:nth-child(4) a {background:url("images/spec-box-bg-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(4) a .text {left:0; top:50px; width:100%;}
    .spec .spec-box ul li:nth-child(4) a img {width:100%; margin:80px auto 0;}
    .spec .spec-box ul li:nth-child(4) a::before {background:url("images/spec-box-bg-4-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.spec .spec-box ul li a .text {position:absolute; left:40px; bottom:40px;}
.spec .spec-box ul li a img { opacity:0; margin-bottom:5px; font-size:64px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.spec .spec-box ul li a h3 { opacity:0; margin-bottom:8px; font-size:64px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.spec .spec-box ul li a h6 { opacity:0; margin-bottom:20px; font-size:36px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.spec .spec-box ul li a p { color:#ffffff; line-height:1.5; opacity:0; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s; }
/*hover*/
.spec .spec-box ul li a:hover::before {opacity:1;}
.spec .spec-box ul li a:hover span { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover i { margin:10px auto; opacity:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover h6 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover p { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover img { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}

/* 品牌故事墙 */
.un_lanm2 { margin-top: 50px; z-index: 999; margin-bottom: 50px; }
.un_lanm2 h1 { font-size: 38px;  text-align: center; margin-bottom: 20px; text-transform: uppercase; color: #202760; background: url(../images/line2.png) no-repeat center bottom; padding-bottom: 20px; }
.un_lanm2 h3 { font-size: 18px; text-align: center; margin-bottom: 50px; color: #666; font-weight: normal; }


.un_lanm2 ul {  }
.un_lanm2 ul li { float: left; width: 48%; margin-right: 10px; margin-left: 10px; }
.un_lanm2 ul li a {display:block; height:100%; position:relative;  overflow:hidden;background:#202660 url() no-repeat right center; }
.un_lanm2 ul li a .imgbox { width: 100%; text-align: center; position: relative; overflow: hidden; }
.un_lanm2 ul li a .img { width:100%; text-align:center; position:relative; transition:all 0.3s ease-out 0s;}
.un_lanm2 ul li a .img .play-un_lanm2 {position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px;}
.un_lanm2 ul li a .imgbox::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%;}

.un_lanm2 ul li a .text { width: 100%; padding: 40px 60px 0 40px; text-align: left; }
.un_lanm2 ul li a .text h2 { font-size: 24px; margin-bottom: 10px; transition: all 0.3s ease-out 0s; text-align: center; color: #fff;}
.un_lanm2 ul li a .text p {color: #fff;font-size:16px; height:120px; overflow:hidden; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/ transition:all 0.3s ease-out 0s;}
.un_lanm2 ul li a img {display:block; width:100%;}

/**/
.un_lanm2 ul li a:hover { z-index: 1; background:#d9e42e url() no-repeat right center;  }
.un_lanm2 ul li a:hover .img {transform:scale(1.1,1.1);}
.un_lanm2 ul li a:hover .img::before {opacity:0;}
.un_lanm2 ul li a:hover .text {color:#fff;}
.un_lanm2 ul li a:hover .text p {color: #202760;}

/**/
.ys_bg { background:url(../images/ys_bg.gif) repeat; }
.ys_top { background: #3865A9 no-repeat center 0; height: 254px; text-align: center; }
.ys_top a { display:block; padding-top:28px;}
.ys_top a b { display:block; font-size:35px; color:#fff;}

/* 版权 */
.un_footer { background: #202760;color:#FFFFE8; }
.un_footer .un_foot {padding:20px 0 10px;}
/**/
.un_footer .fl { width: 55%; padding-left: 20px; }
.un_footer .fl p { font-size:14px; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/}
.un_footer .fl ul { padding: 0px 20px; display: block;}
.un_footer .fl ul li { display: block; line-height: 190%; }
.un_footer .fl ul li a { font-size:16px; filter:Alpha(opacity=70);/*IE8*/}
.un_footer .fl ul li a:hover {opacity:0.4; filter:Alpha(opacity=40);/*IE8*/}
/**/
.un_footer .fr { width: 45%; color: #FFFFE8; }
.un_footer .fr .fl {width:45%;}
.un_footer .fr .fr {width:35%;}
.un_footer .fr .fr h4 {color:#fff; font-size: 18px; line-height: 190%;font-weight: normal;  filter: Alpha(opacity=70);/*IE8*/ }
.un_footer .fr .fr p {color:#fff;margin:4px 0 0 0; line-height:1; overflow-wrap:break-word;}
.un_footer .fr .fr p.phone-number { margin-bottom: 20px; font-size: 24px; font-weight: 500; font-family: MyriadPro-bold; }
.un_footer .fr .fr p.email {font-family:MyriadPro-bold;}
.un_footer .fr .fr p a { font-size: 16px; font-weight: 500; }
.un_footer .fr .fr p a:hover {text-decoration:underline;}

.beian { width: 100%; padding: 10px 20px; display: block; overflow: hidden; border-top: 1px solid #4d4d4d; }
.beian .fl { width: 70%; float:left}
.beian .fr{ width: 25%; float: right; text-align: right; padding-right: 20px; }
.beian p { font-size: 16px; color: #FFFFE8; }
.beian p span {opacity:0.4;}
.beian a { padding: 0 2px 0 2px; color: #FFF; text-decoration: underline; }
.beian em { font-style:normal; opacity:0.2;}
.beian a:hover {opacity:0.5;}



/****************************************/
/**************    内页    **************/
/****************************************/

/* 内页公共：栏目banner */
.temp_banner { margin-top:90px; width:100%; height:500px; position:relative;}
.temp_banner:before { position:absolute; left:0; top:0; content:""; width:100%; height:500px; background:rgba(0, 0, 0, 0.1);}
.temp_banner .inner_section { position:relative;}
/* 侧栏 */
.temp_main .sidebar {width:20%;}
.temp_main .sidebar ul {}
.temp_main .sidebar ul li {}
.temp_main .sidebar ul li a {display:block; padding-left:40px; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f2f2f2;}
.temp_main .sidebar ul li.current a { color:#ffffff; color:#009FAB;}
/* 锚点组 */
.anchor-list { width:100%; text-align:center; background:#ffffff;}
.anchor-list .row {}
.anchor-list .swiper-slide {width:auto!important;}
.anchor-list .al { font-size:0;/*解决a标签换行后产生空白问题*/}
.anchor-list a {display:inline-block; margin:20px 20px 20px 0; padding:0 30px; width:160px; height:44px; line-height:44px; font-size:16px; background:#f8f8f8; overflow:hidden;}
.anchor-list a:hover { color:#ffffff; background:#009FAB;}
.anchor-list a.on {color:#ffffff; background:#009FAB;}
a.anchor {display:block; height:0; position:relative; top:-70px;/*负值：导航高度*/ overflow:hidden;}
/* 敬请期待 */
.page-blank {padding:200px 20px 200px; text-align:center;}
.page-blank .picon { margin:0 auto 20px; display:block; width:100px; height:100px; background:url("images/picon.svg") no-repeat scroll top center / 100% auto; opacity:0.2;}
.page-blank h6 { font-size:22px; font-weight:normal;}
.page-blank p { font-size:18px; opacity:0.5;}


/***** 走进 *****/

/**/
#about .temp_main { padding:0;}
.about-group {}
#anchor-list-about{ display:none; position:fixed; left:0; top:0; z-index:9; background:#f8f8f8;}
#anchor-list-about.target-fix {display:block;}
/**/
.about-group .ag-1 { padding: 100px 0 0; text-align: center; margin: 0; height: 700px; background-color: #d9e42e; background-image: url("../images/bg1.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.about-group .ag-1 .text {margin-top:200px;}
.about-group .ag-1 .text h1 { font-size: 72px; color: #fff; text-shadow: 0 5px 20px #222; }
.about-group .ag-1 .text p { font-size: 36px; color: #fff; text-shadow: 0 5px 20px #222; }
/**/

/**/
.about-group .ag-4 {padding:150px 0; text-align:left;}
.about-group .ag-4 .shead {text-align:center;}
.about-group .ag-4 .shead h2 {font-size:72px;}
.about-group .ag-4 .shead p {width:75%; font-size:28px; margin:40px auto 50px;}
.about-group .ag-4 .desc { width: 75%; margin: 40px auto 0; font-size: 28px; text-indent: 2em; }
/**/
.about-group .ag-5 { padding:150px 0; text-align:center; color:#ffffff; background:url("../images/ag-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.about-group .ag-5 h2 { font-size:72px;}
.about-group .ag-5 h3 { font-size:44px; margin-bottom:100px;}
.about-group .ag-5 p { font-size: 36px; width: 60%; margin: auto; }
/**/

        .about-group .ag-7 {padding:100px 0; background:#f8f8f8;}
        .about-group .ag-7 h1 { font-size: 68px; text-align: center; }
        
        /* 发展历程 */
        .about_timeline {padding:100px 0 50px;}
        .about_timeline .community-carousel {width:100%; position:relative;}
        .about_timeline .community-carousel::before {content:""; width:100%; height:2px; position:absolute; left:0px; top:137px; background:#d9e42e;}
        .about_timeline .community-carousel .swiper-container{ padding-right:33%}
        .about_timeline .community-carousel .swiper-slide {width:33%;}
		
        .about_timeline .community-carousel .swiper-slide .slide-holder {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; /*-webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); */}
        .about_timeline .community-carousel .swiper-slide .slide-holder:hover { color: #d9e42e; }
        .about_timeline .community-carousel .swiper-slide-prev {}
        /**/
		/**/
        .about_timeline .community-carousel .swiper-slide .author-wrap { position:relative; padding:0 0 0 40px;}
        .about_timeline .community-carousel .swiper-slide .author-wrap::before {content:""; position:absolute; left:40px; bottom:-27px; border-radius:100%; width:20px; height:20px; background:#d9e42e;}
        .about_timeline .community-carousel .swiper-slide .author-wrap .name {display:block; height:40px; font-size:28px; font-weight:bold; }
        .about_timeline .community-carousel .swiper-slide .author-wrap .role {display:block; height:80px; font-size:64px; font-weight:bold;}
        .about_timeline .community-carousel .swiper-slide p { width:80%; font-size:18px; padding:40px 0 0 40px;}
        /**/
        .about_timeline .community-carousel .swiper-slide-active {}
        .about_timeline .community-carousel .swiper-slide-active .slide-holder {color:#d9e42e; /* -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); */}
        .about_timeline .community-carousel .swiper-slide-active .slide-holder .role {}
        /**/
        .about_timeline .community-carousel .swiper-slide-next .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;}
        .about_timeline .community-carousel .swiper-slide-prev .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;}
        /**/
        .about_timeline .community-carousel .swiper-slide-active .slide-holder , 
        .about_timeline .community-carousel .swiper-slide-next .slide-holder , 
        .about_timeline .community-carousel .swiper-slide-prev .slide-holder {/*opacity:0.8;*/}
        /**/
        .about_timeline .community-carousel .swiper-pagination {width:100%; text-align:center;}
        .about_timeline .community-carousel .swiper-pagination span { opacity:1; margin:0 7px; background:#424882;}
        .about_timeline .community-carousel .swiper-pagination .swiper-pagination-bullet-active {background: #FFFFFF;}
        /**/
        .about_timeline .community-carousel .swiper-btn-next,
        .about_timeline .community-carousel .swiper-btn-prev {position:absolute; width:18px; height:32px; z-index:10; opacity:0.8; cursor:pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        /**/
        .about_timeline .community-carousel .swiper-btn-next:hover,
        .about_timeline .community-carousel .swiper-btn-prev:hover {opacity:1; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
        /**/
        .about_timeline .community-carousel .swiper-btn-prev {left:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-prev.png) no-repeat;*/}
        .about_timeline .community-carousel .swiper-btn-next {right:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-next.png) no-repeat;*/}
        .about_timeline .community-carousel .swiper-slide-active .slide-holder {/*-webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);*/}


/**/

/**/
.gallery {margin-top:40px;}
.gallery img { margin:0 50px; width:600px; height:auto;}


/*详情*/
.sel-news-detail {}
.news-detail { margin:auto; padding:100px 0 100px; width:80%; font-size:18px; line-height:2;}
.news-detail .title {margin-bottom:60px;}
.news-detail .title h1 {text-align:center; font-size:36px;}
.news-detail .title p { display:none; margin:0; text-align:center; font-size:14px; color:#b2b2b2;}
.news-detail p {margin-bottom:20px; font-size:18px;}
.news-detail img {margin:auto; display:block; width:auto!important; height:auto!important;}


/***** 产品及应用 *****/
#product {}
#product .page-title {text-align:left; margin-top:210px;}
#product .temp_banner { margin:0; background:#000000 url("images/temp-banner-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#product .temp_banner-2 { background:#000000 url("images/temp-banner-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#product .temp_banner-3 { background:#000000 url("images/temp-banner-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#product .temp_main {background:#f5f5f5;}
#anchor-list-cate{ display:none; position:fixed; left:0; top:0; z-index:9;}
#anchor-list-cate.target-fix {display:block;}
/*  */
#un_fan .swiper-container {padding:70px 0;}
#un_fan .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);}
#un_fan .img-box h4 {margin-top:20px; font-size:16px; color:#FFFFFF;}
#un_fan .img-box p { margin:20px auto 0; font-size:14px; color:#ffffff;}


/***** 产品专题页：普通详情页 *****/
.un-case .p-detail-normal { margin-top:90px; padding:100px 0 0;}
    /**/
    .un-case .p-detail-normal .text { margin-bottom:80px; text-align:center;}
    .un-case .p-detail-normal .text h2 {font-size:64px;}
    .un-case .p-detail-normal .text h3 {font-size:28px;}
    .un-case .p-detail-normal .img {margin-bottom:80px;}
    .un-case .p-detail-normal .img img { margin:auto; display:block; width:50%;}
    .un-case .p-detail-normal .img p { margin:40px auto 0; font-size:22px; width:50%; text-align:center;}
    /**/
    .un-case .p-detail-normal .pdn-sc { padding:100px 0; background:#000000;}
    .un-case .p-detail-normal .pdn-sc h2 {font-size:44px; color:#ffffff; text-align:center;}
    .un-case .p-detail-normal .pdn-sc .swiper-container {padding:70px 0;}
    .un-case .p-detail-normal .pdn-sc .swiper-container .swiper-slide {}
    .un-case .p-detail-normal .pdn-sc .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);}
    .un-case .p-detail-normal .pdn-sc .img-box img {display:block;}
    .un-case .p-detail-normal .pdn-sc .img-box h4 { margin-top:20px; font-size:18px; color:#ffffff;}
    .un-case .p-detail-normal .pdn-sc .img-box p {margin-top:20px; font-size:16px; color:#ffffff;}



    /**/
    .p1-4 {padding:80px 0 50px;background: #f1f1f1 url() no-repeat scroll center top; background-size: cover; }
    .p1-4 .text {float:right; width:50%; padding-left:60px;margin-top:50px;}
    .p1-4 .text h1 { font-size: 44px; color: #202760; margin-bottom: 30px; }
    .p1-4 .text p {font-size:16px;}
    .p1-4 .text td {font-size:16px;}
    .p1-4 .img { float:left; width:50%; background:url() no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
    .p1-5 { padding: 80px 0 50px; }
    .p1-5 .text {float:left; width:50%; padding-left:60px;margin-top:50px;}
    .p1-5 .text h1 { font-size: 44px; color: #d9e42e; margin-bottom: 30px; }
    .p1-5 .text p {font-size:16px;}
    .p1-5 .text td {font-size:16px;}
    .p1-5 .img { float:right; width:50%; background:url() no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
   
   
   
/***** 产品专题页： *****/
    /**/
    .d6-4 {padding:80px 0 50px; }
    .d6-4 .text {float:right; width:50%; padding-left:60px;margin-top:100px;}
    .d6-4 .text h1 { font-size: 44px; color: #d9e42e; margin-bottom: 30px; }
    .d6-4 .text p {font-size:22px;}
    .d6-4 .text ul {margin-top:50px;}
    .d6-4 .text ul li {margin-bottom:30px;}
    .d6-4 .text ul li h3 {margin-bottom:10px; font-size:22px;}
    .d6-4 .text ul li p {font-size:18px;}
    .d6-4 .img { float:left; width:50%; background:url() no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
    .d6-5 { padding: 80px 0 50px;background: #f1f1f1 url() no-repeat scroll center top; background-size: cover; }
    .d6-5 .text {float:left; width:50%; padding-left:60px;margin-top:100px;}
    .d6-5 .text h1 { font-size: 44px; color: #202760; margin-bottom: 30px; }
    .d6-5 .text p {font-size:22px;}
    .d6-5 .text ul {margin-top:50px;}
    .d6-5 .text ul li {margin-bottom:30px;}
    .d6-5 .text ul li h3 {margin-bottom:10px; font-size:22px;}
    .d6-5 .text ul li p {font-size:18px;}
    .d6-5 .img { float:right; width:50%; background:url() no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
   

/**/
.d7-0 { padding: 100px 0 0; text-align: center; margin: 0; height: 700px; background-color: #d9e42e; background-image: url("../images/bg-case.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.d7-0 .text {margin-top:200px;}
.d7-0 .text h1 { font-size: 48px; color: #fff; text-shadow: 0 5px 20px #222; }
.d7-0 .text p { font-size: 36px; color: #fff; text-shadow: 0 5px 20px #222; }
/**/

    /**/
    .d7-1 { padding: 100px 0 50px; background: #FFFFFF url() no-repeat scroll center center; background-size: cover; }
    .d7-1 .text { float:right; width:50%; margin-top:100px; text-align:center;}
    .d7-1 h1 { font-size: 72px; color: #202760; }
    .d7-1 p { font-size:32px; color:#202760; text-align:center}
    .d7-1 p img{width:60%; margin:auto}
    .d7-1 .img {width:50%;}
    .d7-1 .img img {width:100%;}
    /**/
    .d7-2 {}
    .d7-2 .text { margin-top: 90px; text-align: center; }
    .d7-2 h1 { font-size:44px; margin-bottom:20px;}
    .d7-2 p { font-size:22px; width:65%; margin:auto;}
    .d7-2 ul { margin-top: 80px; overflow: hidden; margin-bottom: 80px; }
    .d7-2 ul li {float:left; width:33.333333%;}
    .d7-2 ul li h2 {font-size:22px; margin-bottom:30px;}
    .d7-2 ul li img {width:50%; height:auto; margin:auto; border-radius:100%; background:#ffffff;}
    .d7-2 ul li h3 { margin: 40px 0 10px; font-size: 24px; }
    .d7-2 ul li p {font-size:14px;}
    /**/
    .d7-sc { margin:100px 0 0; padding:100px 0 40px; background:#000000;}
    .d7-sc h2 {font-size:44px; color:#ffffff; text-align:center;}
    /**/
    .d7-3 { padding: 100px 0 50px; color: #ffffff; background: #f1f1f1 url() no-repeat scroll center top; background-size: cover; }
    .d7-3 .text { text-align:center; color:#202760;}
    .d7-3 h1 { margin-bottom:20px; font-size:44px;}
    .d7-3 p { font-size:22px;}
    .d7-3 .img {margin-top:60px;}
    .d7-3 .img img {width:100%}

	
    /**/
    .d7-31 { padding: 100px 0 50px; color: #202760; background: #f1f1f1 url(../images/004.jpg) no-repeat scroll center top; background-size: cover; }
    .d7-31 .text { text-align:center; color:#202760;}
    .d7-31 h1 { margin-bottom:20px; font-size:44px;}
    .d7-31 p { font-size:22px;}
    .d7-31 .img {margin-top:60px;}
    .d7-31 .img img {width:100%}
	 /**/
	 
    .d7-4 { padding: 90px 0 10px; text-align: center; }
    .d7-4 .text { width: 100%; }
    .d7-4 h2 { margin:10px 0 20px; font-size:44px;}
    .d7-4 p {font-size:22px;}   
    .d7-4 .img {margin-top:60px;width: 100%;text-align:center;}
    .d7-4 .img img { margin:10px  auto;}

/**/

/* s-point */
.s-point { padding: 50px 0; text-align: center; background-color: #f2f2f2; display: block; }

.s-point .rbox {  margin: 0px auto; }
.s-point .radiation { position: relative; width: 90%; margin: 0px auto; }
.s-point .radiation .note { display: block; position: absolute; border-radius: 100%; background: rgba(0,51,102,0.0); }
.s-point .radiation .note a { position:relative; z-index:3; display:block; width:100%; height:100%;}
.s-point .radiation .note::before { content: ""; position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; border-radius: 100%; background: rgba(0,51,102,1); }
.s-point .radiation .note .cname {display:block; position:absolute;  text-align:left; width:100px; height:auto; font-size:12px;}
.s-point .radiation .note:nth-child(1) {right:29%; top:50%;}
.s-point .radiation .note:nth-child(2) {right:26.8%; top:61%;}
.s-point .radiation .note:nth-child(3) {right:45.8%;top:55.8%;}
.s-point .radiation .note:nth-child(4) {right:71.5%; top:58%;}
.s-point .radiation .note:nth-child(5) {left:13.2%; top:56.8%;}
.s-point .radiation .note:nth-child(6) {left:33%; top:45%;}

.s-point .radiation .tips { display: none; opacity: 0; padding: 0px; position: absolute; top: 10px;  text-align: center; z-index: 999; background: #ffffff; box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
.s-point .radiation .tips h6 {font-size:14px;font-weight:500;}
.s-point .radiation .tips p {line-height:1.4; font-size:14px; margin:5px 0 0;}
.s-point .radiation img {  margin: auto; }
    /*涟漪动画*/
    @-webkit-keyframes warn{
      0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
      100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
    }
    @-moz-keyframes warn{
      0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
      100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
    }
    @-o-keyframes warn{
      0%{-o-transform:scale(0);transform:scale(0);opacity:1}
      100%{-o-transform:scale(1);transform:scale(1);opacity:0}
    }
    @keyframes warn{
      0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
      100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
    }
    .area-box {position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px; opacity:0.5;}
    .area-box .pulse{position:absolute; height:66px;width:66px; border:5px solid #000; border-radius:100%; -webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;}
    .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
    .area-box .delay-02{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}
    .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
    .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
    .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
    .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
    .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
    .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
    .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
    .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
    .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
/**/

    
 /**/
.table-container table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:10px; font-size:14px;}
.table-container table .even {background:#f2f8fc;}
.table-container table .odd {background:#ffffff;}
.table-container table th { padding:12px 10px; text-align:left; font-size:14px; color:#4d4d4d; border-bottom:1px solid #f2f2f2; background:#ffffff;}
.table-container table td {padding:10px; font-size:14px; text-align:left;}
        /**/
.A-table-1 {}
.table-container table tr:nth-child(1){
background: #d9e42e;
}
.table-container table tr:nth-child(even){
background: #f1f1f1;
}