body, h1, h2, h3, h4, h5, h6, hr, p, ul, ol, li, fieldset, legend, button, textarea, th, td {

    margin: 0;

    padding: 0;

}

body{  line-height: 1;min-width: 1170px;}

body, button, input, select, textarea {

    font-family: "Microsoft YaHei",Arial,"Hiragino Sans GB",sans-serif;

}

.yahei{font-family: "Microsoft YaHei",Arial,"Hiragino Sans GB",sans-serif;}

h1 { font-size: 26px; font-weight: normal;line-height:1.7em;}

h2 { font-size: 20px; font-weight: normal;line-height:1.7em;}

h3 { font-size: 18px; font-weight: normal;line-height:1.7em;}

h4 { font-size: 16px; font-weight: normal;line-height:1.7em;}

h5 { font-size: 14px; font-weight: normal;line-height:1.7em;}

h6 { font-size: 12px; font-weight: normal;line-height:1.7em;}

.h1 { font-size: 26px; font-weight: normal;line-height:1.7em;}

.h2 { font-size: 20px; font-weight: normal;line-height:1.7em;}

.h3 { font-size: 18px; font-weight: normal;line-height:1.7em;}

.h4 { font-size: 16px; font-weight: normal;line-height:1.7em;}

.h5 { font-size: 14px; font-weight: normal;line-height:1.7em;}

.h6 { font-size: 12px; font-weight: normal;line-height:1.7em;}

p{line-height:1.7em;}



address, cite, dfn, em, var { font-style: normal; }

code, kbd, pre, samp, tt { font-family: "Microsoft YaHei", Arial,Courier, monospace; }

small { font-size: 10px; }

ul, ol { list-style: none; }

a, a:hover { text-decoration: none; outline-style: none}

abbr[title], acronym[title] {    border-bottom: 1px dotted;    cursor: help;}

q:before, q:after { content: ''; }

legend { color: #000; } /* for ie6 */

fieldset, img { border: none; }

button, input, select, textarea {    font-size: 100%;}

table {border-collapse: collapse;    border-spacing: 0;}

hr {border: none;height: 1px;}

.clear:after{content:"";display: block;clear:both;height:0;}

.pull_right{float:right;}

.pull_left{float:left;}

.ulchild_left>*{float:left;}

.ulchild_left:after{content:"";display: block;clear:both;height:0;}

.poa{position:absolute;}

.por{position:relative;}

.pof{position:fixed;}

.text_indent{text-indent: 2em;}



.text_ap{text-transform:capitalize;} /*文本中的每个单词以大写字母开头。*/

.text_up{text-transform:uppercase;} /*定义仅有大写字母。*/

.text_low{text-transform:lowercase;} /*定义无大写字母，仅有小写字母。*/

.text_inh{text-transform:inherit;} /*规定应该从父元素继承 text-transform 属性的值。*/



.text_center{text-align: center;}

.text_left{text-align: left;}

.text_right{text-align: right;}

.text{text-transform:uppercase;}

.p40{font-size:40px;}

a {display: block;

    transition: all .3s ease-in;

    -webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

}

a:hover{color:#d31310;}

.col_1{width:100%; float:left;box-sizing: border-box;}
.col_4{width:25%; float:left;box-sizing: border-box;}

.col_5{width:20%; float:left;box-sizing: border-box;}

.col_2{width:50%; float:left;box-sizing: border-box;}

.col_40{width:40%; float:left;box-sizing: border-box;}

.col_80{width:80%; float:left;box-sizing: border-box;}
.col_55{width:55%; float:left;box-sizing: border-box;}
.col_45{width:45%; float:left;box-sizing: border-box;}

.col_60{width:60%; float:left;box-sizing: border-box;}

.col_3{width:33.3333%; float:left;box-sizing: border-box;}

.col_66{width:66.666666%; float:left;box-sizing: border-box;}

.col_75{width:75%; float:left;box-sizing: border-box;}

/*@media (max-width: 768px){

    .col_4,.col_5,.col_2,.col_3,.col_75{width:100%; float:left;}

}*/

.a_cover{width:100%;height:100%;display: block;}

/*背景*/

.bg_f{background-color:#f3f3f4;}
.bg_2{background-color:#fff;}

.bg_28{background-color:#282221;}

.bg_f0{background-color:#f09f07;}

.bg_n{background: no-repeat;}

.bg_ncc{background: no-repeat center center;}

.bg_ncb{background: no-repeat center bottom;}

.bg_nccc{ background-position: center center;background-repeat: no-repeat; background-size: 100% 100%;}

/*font-color*/

.color_f{color:#fff;}

.color_0{color:#000;}

.color_4a{color:#4a4545;}
.color_07{color:#007aba;}

.color_7{color:#777;}

.color_75{color:#757373;}

.color_fe{color:#fefefe;}

.color_9{color:#999;}

.color_d3{color:#d31310;}

.color_54{color:#54a9ea;}

.tra_03{

    transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;

    -o-transition: all .3s ease;-ms-transition: all .3s ease

}.tra_1{

     transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;

     -ms-transition: all 1s ease;-o-transition: all 1s ease;

}

/*模块宽度*/

.hugeW{width:100%;}

.bigW{width:1700px;width:1170px\9;margin:0 auto;}

.href_bigW{width:850px;}

@media screen and (max-width:1750px){

    .bigW{width:1170px;margin:0 auto;}

    .href_bigW{width:585px;}

}
@media screen and (max-width:1170px){
    body{width:1170px}
    body>div{width:1170px}
    .mynav{width:1170px;position: absolute!important;}
    .nav_sec_bg{width:1170px;position: absolute!important;}
}
.page_banner>.bg_nccc,.section_body>.bg_nccc{background-size:cover;}
/*内边距*/

.pad_5{padding:5px;}

.pad_10{padding:10px;}

.pad_20{padding:20px;}

.pad_30{padding:30px;}

.mar_20{margin:20px;}

.pad_tb70{padding-top:70px;padding-bottom:70px;}

.pad_t30{padding-top: 30px;}

.pad_t30b20{padding-top: 30px;padding-bottom: 20px;}

.pad_tb10{padding-top: 10px;padding-bottom: 10px;}
.pad_lr10{padding-left: 10px;padding-right: 10px;}
.pad_lr20{padding-left: 20px;padding-right: 20px;}

body{background: #fff; font-size:14px;}

/*自定义字体*/

@font-face {

    font-family: 'htf28';

    src: url('../fonts/knockout-htf28-juniorfeatherwt-0.eot');

    src: local('fontName Regular'),

    local('fontName'),

    url('../fonts/knockout-htf28-juniorfeatherwt-0.woff') format('woff'),

    url('../fonts/knockout-htf28-juniorfeatherwt-0.ttf') format('truetype'),

    url('../fonts/knockout-htf28-juniorfeatherwt-0.svg#fontName') format('svg');

}

.font_htf28{font-family: 'htf28';}

.font_s30{font-size:30px;font-family: "黑体";line-height: 1.5;}



/*分页样式*/

.allPagesStyle_box{padding-top: 30px;left:0;bottom:0;right:0}

.allPagesStyle{font-size:14px;display: inline;}

.allPagesStyle a,.allPagesStyle span{

    height:28px;

    line-height:28px;

    display: inline-block;

    padding:0 15px;

    margin:0 4px;

    cursor: pointer;

    border-radius: 1px;

    border:1px solid #eee;

    background: #fff;

    color:#000;

}

.allPagesStyle a:hover,.allPagesStyle span:hover,.allPagesStyle .current{

    background: #d31310;

    border-color: #d31310;

    color:#fff;

}

/*导航*/

.mynav{z-index:200;background:#fff;height:80px;box-shadow: 0 4px 10px 4px rgba(200,200,200,.7);}

.navbar-brand{padding:9px 0}

.nav_r_img{padding-top:12px;width:160px;height:31px;}

.nav_right{height:80px;}

.nav_right>li{height:100%}

.nav_right>li:first-child{background-color: #e2e2e2}

.nav_right>.bg_li3{background-color: #d31310;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;}

.nav_right>.bg_li3 a{color: #ffffff}

.nav_right>.bg_li4{background-color: #e2e2e2}



/*二级菜单*/

.nav_sec_bg{opacity:0;left:0;right:0;top:-300px;z-index: 100;height:78px;font-size:16px;}

.nav_sec_bg a{color:#595555}

.nav_sec_bg a:hover{color:#d31310;}

.sh_hi:hover>.nav_sec_bg{opacity: 1;height:auto;top:107px;}

.ns_right{width:100%;}

.ns_right>li{width:14.2857%;}

.nav_san_li{padding:20px 0;background: rgba(255,255,255,.7);background:url(../img/rgba1.png)\9;}

.nav_san_li>li{padding:10px 0;}

.nav_sec_bg .first_li_style{font-size:18px;color:#000;}
.back_{line-height: 24px;padding-left:10px;}
.back_out{padding-top:20px;background: rgba(255,255,255,.7);background:url(../img/rgba1.png)\9;height:78px;box-sizing:border-box;-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;
}
.back_out_span{display: inline-block;padding:10px 5px;cursor: pointer;}
/*downdowndown*/
.tdown{display:block;width:39px;height:70px;}
.tdown span{left:0;top:0;width:39px;height:23px; background: url(../img/index_37.png) no-repeat;}
.tdown .u-arrow2{left:0;top:15px;}
.tdown .u-arrow3{left:0;top:30px;}
.u-arrow1 {animation-delay: 600ms;animation-duration: 900ms;animation-iteration-count: infinite;animation-name: arrow;animation-play-state: running;animation-timing-function: linear;}
.u-arrow2 {animation-delay: 300ms;animation-duration: 900ms;animation-iteration-count: infinite;animation-name: arrow;animation-play-state: running;animation-timing-function: linear;}
.u-arrow3 {animation-delay: 0ms;animation-duration: 900ms;animation-iteration-count: infinite;animation-name: arrow;animation-play-state: running;animation-timing-function: linear;  }
@-webkit-keyframes arrow {

    0% {opacity: 0;-webkit-transform: translate3d(0px, 0px, 0px);}

    33% {opacity: .5;}

    66% {opacity: .5;}

    100% {opacity: 0;-webkit-transform: translate3d(0px, 11px, 0px);}

}

@keyframes arrow {

    0% {opacity: 0;transform: translate3d(0px, 0px, 0px);}

    33% {opacity: .5;}

    66% {opacity: .5;}

    100% {opacity: 0;transform: translate3d(0px, 11px, 0px);}

}

@-ms-keyframes arrow {

    0% {opacity: 0;-ms-transform: translate3d(0px, 0px, 0px);}

    33% {opacity: .5;}

    66% {opacity: .5;}

    100% {opacity: 0;-ms-transform: translate3d(0px, 11px, 0px);}

}

/*...*/

.pr_control>li,.eq_control>li{height:4px;width:4px;margin:0 3px; float:left;}

.pr_control_bg0{background:#000000 ;animation: bg0 1s infinite;}

.pr_control_bg0{background:#000000 ;-webkit-animation: bg0 1s infinite;}

.pr_control_bg0{background:#000000 ;-moz-animation: bg0 1s infinite;}

.pr_control_bg0{background:#000000 ;-o-animation: bg0 1s infinite;}

.pr_control_bg0{background:#000000 ;-ms-animation: bg0 1s infinite;}

@keyframes bg0 {0%{opacity:1;}33.33333%  {opacity:.66666;}66.666%{opacity:.33333;}100%{opacity:0;} }

@-webkit-keyframes bg0 {0%{opacity:1;}33.33333%  {opacity:.66666;}66.666%{opacity:.33333;}100%{opacity:0;} }

@-moz-keyframes bg0 {0%{opacity:1;}33.33333%  {opacity:.66666;}66.666%{opacity:.33333;}100%{opacity:0;} }

@-ms-keyframes bg0 {0%{opacity:1;}33.33333%  {opacity:.66666;}66.666%{opacity:.33333;}100%{opacity:0;} }

@-o-keyframes bg0 {0%{opacity:1;}33.33333%  {opacity:.66666;}66.666%{opacity:.33333;}100%{opacity:0;} }

.pr_control_bg1{background:#000000;animation: bg1 1s infinite; }

.pr_control_bg1{background:#000000;-webkit-animation: bg1 1s infinite; }

.pr_control_bg1{background:#000000;-moz-animation: bg1 1s infinite; }

.pr_control_bg1{background:#000000;-o-animation: bg1 1s infinite; }

.pr_control_bg1{background:#000000;-ms-animation: bg1 1s infinite; }

@keyframes bg1 {0%{opacity:.66666;}33.33333% {opacity:.33333;} 66.666%{opacity:0;}100%{opacity:1;} }

@-webkit-keyframes bg1 {0%{opacity:.66666;}33.33333% {opacity:.33333;} 66.666%{opacity:0;}100%{opacity:1;} }

@-moz-keyframes bg1 {0%{opacity:.66666;}33.33333% {opacity:.33333;} 66.666%{opacity:0;}100%{opacity:1;} }

@-ms-keyframes bg1 {0%{opacity:.66666;}33.33333% {opacity:.33333;} 66.666%{opacity:0;}100%{opacity:1;} }

@-o-keyframes bg1 {0%{opacity:.66666;}33.33333% {opacity:.33333;} 66.666%{opacity:0;}100%{opacity:1;} }

.pr_control_bg2{background:#000000;animation: bg2 1s infinite; }

.pr_control_bg2{background:#000000;-webkit-animation: bg2 1s infinite; }

.pr_control_bg2{background:#000000;-moz-animation: bg2 1s infinite; }

.pr_control_bg2{background:#000000;-o-animation: bg2 1s infinite; }

.pr_control_bg2{background:#000000;-ms-animation: bg2 1s infinite; }

@keyframes bg2 {0%{opacity:.33333;}33.33333%{opacity:0;}  66.666%{opacity:1;}100%{opacity:.66666;} }

@-webkit-keyframes bg2 {0%{opacity:.33333;}33.33333%{opacity:0;}  66.666%{opacity:1;}100%{opacity:.66666;} }

@-moz-keyframes bg2 {0%{opacity:.33333;}33.33333%{opacity:0;}  66.666%{opacity:1;}100%{opacity:.66666;} }

@-ms-keyframes bg2 {0%{opacity:.33333;}33.33333%{opacity:0;}  66.666%{opacity:1;}100%{opacity:.66666;} }

@-o-keyframes bg2 {0%{opacity:.33333;}33.33333%{opacity:0;}  66.666%{opacity:1;}100%{opacity:.66666;} }