/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30
*/

/* 雪碧图 */
/*引入特殊字体*/
@font-face {
    font-family: 'hero_lightlight';
    src: url('./font/hero_light-webfont.woff2') format('woff2'),
    url('./font/hero_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*时间延迟*/
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}


/*首页*/
.rect-432{padding-bottom: 43.2%}
.rect-562{padding-bottom: 47.2%}

.index .pt2{padding-top: 30px;padding-bottom: 55px; background:url(../../images/tacn/js1.jpg) no-repeat center center;}
.index .index_tit{text-align: center}
.index .entit{font-size: 40px}
.index .chtit{font-size: 25px}
.index .pt2 .pt2_li a{color: inherit}
.index .pt2 .pt2_ul .li_box{padding: 20px;text-align: center}
.index .pt2 .pt2_ul .li_box .li_pn{display: inline-block;width: 104px;height: 104px;background: url(../../images/tacn/index_part2.png);background-repeat: no-repeat;background-position: center}
.index .pt2 .pt2_ul .li_box .li_tit{font-size: 18px;padding:25px}
.index .pt2 .pt2_ul .li_box .li_dec{text-align: left}
.index .pt2 .pt2_ul .li_box .li_pn1{background-position: 0 0}
.index .pt2 .pt2_ul .li_box .li_pn2{background-position: -104px 0}
.index .pt2 .pt2_ul .li_box .li_pn3{background-position: -208px 0}
.index .pt2 .pt2_ul .li_box .li_pn4{background-position: -312px 0}
.index .pt2 .pt2_li:hover .li_pn{background-position-y: -104px}
.index .pt3{background: #E4E8F3;padding: 45px 0 100px 0}
.index .pt3 .index_tit{margin-bottom: 45px}
.index .pt3 .txt_area{width: 50%}
.index .pt3 .txt_area a{color: inherit}
.index .pt3 .pic_area{width: 50%}
.index .pt3 .pic_area img{transition: 0.3s all ease}
.index .pt3 .pic_area:hover img{transform: scale(1.2,1.2)}
.index .pt3_top .txt_area{background: #ffffff}
.index .pt3_bottom .txt_area{background: #E60920;color: #ffffff}
.index .pt3 .txt_area .txt_box{padding: 60px 25px 0 40px}
.index .pt3 .txt_area .tit{font-size: 20px;text-align: center;margin-bottom: 20px}
.index .pt4{padding: 40px 0;background: #f3f3f3ad;}
.index .pt4_ul{white-space: nowrap;overflow: hidden;}
.index .pt4_ul>li{float: none;display: inline-block;border: 1px solid  #e7e7e7;
    border-right: 2px solid #e3e2e2;
    border-bottom: 2px solid #e3e2e2;background: #fff;}
.index .pt4 .riqi{margin-bottom: 10px}
.index .pt4 .yueri{font-size: 36px;color: #e60920;line-height: 1}
.index .pt4 .year{font-size: 16px;color: #e60920;position: absolute;bottom:0px;right:0}
.index .pt4 .title{font-size: 17px;color:#221815;padding: 15px 25px 0px;}
.index .pt4 .pic_area{border: 1px solid #eee;}
.index .pt4 .pic_area img{transition: 0.3s all ease}
.index .pt4 .dec{line-height: 1.8;height: 3.4em;overflow: hidden;margin-bottom: 25px;white-space: normal;padding: 10px 25px 0px;}
.index .pt4 .news_btn{padding: 5px 10px;background: #9D9D9D;color: #ffffff;display: inline-block;transition: 0.3s all ease}
.index .pt4 a:hover{color: inherit}
.index .pt4_li:hover .pic_area img{transform: scale(1.2,1.2)}
.index .pt4_li:hover .news_btn{background: #E60920}
.index .pt4 .pn_but{display: block;width: 35px;height: 68px;background: url("../img/index_pt4pn.png");background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -34px}
.index .pt4 .pt4_prev{left: -60px;background-position: 0 0}
.index .pt4 .pt4_next{right: -60px;background-position: -35px 0}
.index .pt4 .index_tit{margin-bottom: 40px}
.index .pt4 .more3 {background-color: #cccccc; margin: 25px;}
.index .pt4 .more3:before, .index .pt4 .more3:after {background-color: #0880D6;}
.index .pt4 .more3 {margin-left: 25px;}
.index .pt4 li:hover .more3:before { width: 100%; left: 0px; }
.index .pt4 li:hover .more3:after { width: 100%; left: 0px; }
.more3 { color: #b3b3b3; height: 36px; line-height: 36px; transition: 300ms; width: 120px; text-align: center; background-color: #0880D6; color: #fff; display: block; position: relative; }
.more3 i { font-size: 14px; position: relative; z-index: 1; display: block; font-style: inherit; }
.more3:before, .more3:after { width: 0; height: 100%; content: ""; display: block; background-color: #6391b9; position: absolute; left: 0px; bottom: 0; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

.index .pt5{height: 285px;background: url("../img/shouye_bg_19.jpg");background-repeat: no-repeat;background-position: center}
.index .pt5_box{padding-top: 55px}
.index .pt5 .title{font-size: 30px;color: #ffffff;margin-bottom: 15px}
.index .pt5 .dec{font-size: 16px;color: #ffffff;margin-bottom: 40px}
.index .pt5 .join{display: inline-block;padding: 10px 40px 10px 60px;color: #ffffff;font-size: 14px;border: 1px solid #ffffff;border-radius: 3px;transition: 0.3s all ease }
.index .pt5 .join .join_jiantou{display: inline-block;width: 16px;height: 13px;background: url("../img/index_jiantou.png");margin-left: 15px}
.index .pt5 .join:hover{background: #CB182C;border-color: #CB182C}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
/**/
.row{width:102%;transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}
.row>.span-1{width:6.33333333%}
.row>.span-2{width:14.66666667%}
.row>.span-3{width:23%}
.row>.span-4{width:31.33333333%}
.row>.span-5{width:39.66666667%}
.row>.span-6{width:48%}
.row>.span-7{width:56.33333333%}
.row>.span-8{width:64.66666667%}
.row>.span-9{width:73%}
.row>.span-10{width:81.33333333%}
.row>.span-11{width:89.66666667%}
.row>.span-12{width:98%}
.row>.span-13{width:106.33333333%}
.row>.span-14{width:114.66666667%}
.row>.span-15{width:123%}
.row>.span-16{width:131.33333333%}
.row>.span-17{width:139.66666667%}
.row>.span-18{width:148%}
.row>.span-19{width:156.33333333%}
.row>.span-20{width:164.66666667%}
.row>.span-21{width:173%}
.row>.span-22{width:181.33333333%}
.row>.span-23{width:189.66666667%}
.row>.span-24{width:198%}

/*==*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}


@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig
}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*====================end================*/