@font-face {
    font-family: "MicrosoftYahei-Bold";
    src: url("../fonts/Microsoft-YaHei-Bold.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MicrosoftYahei-Heavy";
    src: url("../fonts/Microsoft-YaHei-Heavy.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MicrosoftYahei-Light";
    src: url("../fonts/Microsoft-YaHei-Light.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MicrosoftYahei-Regular";
    src: url("../fonts/Microsoft-YaHei-Regular.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MicrosoftYahei-Semibold";
    src: url("../fonts/Microsoft-YaHei-Semibold.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MicrosoftYahei-Semilight";
    src: url("../fonts/Microsoft-YaHei-Semilight.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
height: 100%;
font-size: 15px;
color: #424242;
font-family:  "MicrosoftYahei-Regular";
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
vertical-align: baseline;
line-height: 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
/* font-weight: 600; */
font-family:  "MicrosoftYahei-Regular";
/*color: #0c487f;*/
}
h1 {
font-size: 30px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#020e2a
}
a:active,
a:hover {
  outline: 0 none;
  color: #000;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #fab909;
  text-shadow: none;color:#fff
}
::selection {
  background: #fab909;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

}
.clear {
  clear: both;
}
.l{float:left}
.images-overlay {
background-color: rgba(18, 188, 0, 0.96);
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
/*.row{margin-left:0;margin-right:0;}*/
.no-padding {padding: 0;}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pt-30{padding-top:30px}
.pb-30{padding-bottom:30px}
.pt-50{padding-top:50px}
.pb-50{padding-bottom:50px}
.pb-80{padding-bottom:80px}
.pb-70{padding-bottom:70px}
.pt-20{padding-top:20px}
.pb-20{padding-bottom:20px}
.mt-80{margin-top:80px}
.mb-80{margin-bottom:80px}
.mt-50{margin-top:50px}
.mb-50{margin-bottom:50px}
.mt-40{margin-top:40px}
.mb-40{margin-bottom:40px}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.bg-white{background-color: #ffffff;}
.bg-gray{background:#F5F5F5}
.color-black{color:#191919;}
.color-white{color: #ffffff;}
.color-blue{ color:#2E4875;}
.glyphicon{ font-size: 12px;}
.font18{font-size: 18px;}
.iconBig{font-size:40px;}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
background: #fab909 none repeat scroll 0 0;
border-radius: 100%;
bottom: 5px;
color: #fff;
font-size: 25px;
height: 40px;
right: 20px;
text-align: center;
text-decoration: none;
width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#d9ba03;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

/*
3.Header Section
==================*/
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
.top01{width:100%;background-color:#F9F9F9; height: 105px;border-top: 2px solid #d10100;}/* */
.top01 .top01_center{margin:0 auto;}
.logo{padding-top:13px;}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.searchInput {
  background: #e3e3e3 ;
  float: left;
  border: none;
  height: 38px;
  padding: 0 5px;
}

.searchBox {
  border: 1px solid #ffffff;
  float: right;
  height: 38px;
  margin-left: 20px;
}

.search-submit {
  background:url(../images/searchico.png) no-repeat; width: 45px; height: 38px;
  text-indent: 999999px;
  color: #ffffff;  
  border: 0;
}

/* navbox */
.navbox{height:54px;position:relative;z-index:9;margin:auto;background:url(../images/nav_bg.jpg) repeat-x;font-family:'MicrosoftYahei-Regular';}
.nav{margin:0 auto;height:54px;list-style:none;}
.nav li{float:left;position:relative;list-style:none;}
.nav li.last span{background:none;padding:0 0 0 32px;}
.nav .s {margin-top:13px;width: 3px;text-align: center;color: #fff;font-size: 14px;}
.nav li a{text-decoration:none;padding:0;}
.nav li a span{float:left;display:block;line-height:54px;font-size:16px;color:#ffffff;cursor:pointer;text-align:center; padding:0 32px;}

.hover_menu{text-decoration:none; }
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:54px;left:-9px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
/* .menu_pro_bg{width:825px;height:235px;background:url(../images/menu_pro_bg.png) no-repeat;}
.menu_pro_main{width:765px;margin:auto;padding-top:12px;}
.menu_pro_li{ float:left;} */
.menu_li_txt{line-height:22px;color:#696969;}
.menu_li_txt a{color:#696969;text-decoration:none;display: block;border-bottom: 1px solid #dedede;float:left;width: 130px;height: 44px;line-height: 44px;margin-right: 15px; margin-left: 15px; text-align: center;}
.menu_li_txt a:hover{color:orangered;}
.menu_news_bg{width:650px;height:250px;background:#fff;}
.menu_news_main{width:600px;margin:auto;padding-top:12px;}
.menu_news_li{width: 330px;padding:0;margin-right:10px;float:left;}
.menu_news_img{float:right;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
/* .menu_news_li2{padding:0px 30px;height:150px;float:right;border-left:solid 1px #cccccc;}
.menu_news_img2{float:left;margin-left:30px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
.menu_news_li3{padding:0px 25px;height:150px;float:right;border-left:solid 1px #cccccc;}
.menu_news_img3{float:left;margin-left:10px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;} */

/* .nav{float:right;clear:both;}
.nav li{position:relative}
.nav li.m{width:86px;padding-right:22px;margin:0 22px 0 0;float:left;background:url(../images/top_bg1.png) right 26px no-repeat}
.nav li.mend{background:none;padding-right: 0; margin: 0;}
.nav .m.on a.mmm{color:#FD4709}
.nav a.mmm{width:86px;height:46px;padding-top:20px;display:block;font-size:16px;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:105px;overflow:hidden;text-align:left;z-index:999999;left:0;background-color:#ffffff;opacity: 1;}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}

.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url(../images/top_pic1.png);background-repeat:no-repeat;transition:all .3s;margin-top:20px}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}

.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#FD4709;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}

.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}

.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}

.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic4.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic5.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic6.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic7.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic8.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic9.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic10.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic11.png)}
.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}

.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#f67524}

.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}

.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}

.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff} */

/*
4.InnerBanner  Section
=================*/
.tt .anim-cc {animation: mymove8 0.5s;-webkit-animation: mymove8 0.5s linear;animation-iteration-count: 1;animation-fill-mode: forwards;animation-delay: 0.3s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-webkit-animation-delay: 0.3s;}
@keyframes mymove8 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(-100px);
        -moz-transform: translateY(0) translateX(-100px);
        transform: translateY(0) translateX(-100px);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}

@-webkit-keyframes mymove8 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(-100px);
        -moz-transform: translateY(0) translateX(-100px);
        transform: translateY(0) translateX(-100px);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}

/*
5.Slider Section
======================*/
.fuSlide{width:100%;height:579px;position:relative;z-index:1;margin-top:159px;}
.fuSlide .imgs{width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}

.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}

.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(../images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}

.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*
6.Title Section
=================*/
.sec-title {margin:0 0 -20px;}
.sec-title h1 {font-size: 26px;font-weight: normal;color:#333333;letter-spacing: 3px;}
.sec-title h1 b{ line-height:35px;border-bottom:2px solid red; font-weight:normal;}
.sec-title h1 span {position: relative;color: #676767;font-size: 12px;padding-left:10px;}
.section-title {margin-bottom: 30px;padding-top:30px;}
.section-title h2 {font-size: 36px;font-size: 2.25rem;margin: 0;color: #f00;}
   
/*
7.profile Section
===================*/
.about-text p {text-indent: 2em;}
.jixie {margin: 0;border-radius: 10px;text-align: center;-moz-transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;padding-top: 5px;padding-bottom: 5px;height: 100px;}
.jixie:hover {padding-top: 0px;padding-bottom: 5px;}
.jixie .iconfont{ display: block; padding-top:20px;}
.jixieinfo {color: #fff;line-height: 26px;font-size: 14px;margin-top: 15px;}
.jixieinfo a:hover{color:#fff;}
.video-one__btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video-one{ position: relative;}
.video-one .video-one__btn i {font-size: 77px;}
.video-one .video-one__btn i:hover {color: #b70c15;}
/*.jj img:hover{ transform: translateY(-20px);transition: all 0.2s ease;}*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .video-one .video-one__btn i {
        font-size: 100px;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .video-one .video-one__btn i {
        font-size: 137px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .video-one .video-one__btn i {
        font-size: 100px;
    }
}
@media only screen and (max-width: 479px) {
    .video-one .video-one__btn i {
        font-size: 80px;
    }
}
.icon-box {
    /*font-family: 'Kanit', sans-serif;*/
    text-align: center;
    /*box-shadow: 1px 1px 2px #e6e6e6;*/
    overflow: hidden;
    position: relative;
}

    .icon-box:hover {
        /*box-shadow: 13px 13px 15px rgba(0, 0, 0, 0.3);*/
        border-radius: 10px;
    }

    .icon-box:before {
        content: "";
        background: #0a499f;
        height: 100%;
        width: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.4s linear;
        border-radius: 10px;
    }

    .icon-box:hover:before {
        opacity: 1;
    }

    .icon-box img {
        width: 100%;
        height: auto;
        transition: all 0.4s linear;
    }

    .icon-box:hover img {
        opacity: 0;
        transform: scale(3);
    }

    .icon-box .box-content {
        color: #fff;
        width: 100%;
        transform: translateY(-50%) scale(0);
        position: absolute;
        top: 50%;
        left: 0;
        transition: all 0.4s linear;
    }

    .icon-box:hover .box-content {
        transform: translateY(-50%) scale(1);
    }

@media only screen and (max-width:990px) {
    .icon-box {
        margin: 0 0 30px;
    }
}
/*
8.news Section
===================*/
.newMenuBox ul {text-align: right;}
.newMenuBox li {display: inline-block;color: #333333;padding: 4px 10px;position: relative;}
.newMenuBox li::after {
            content: "/";height: 10px;top: 0px;right: 0;            
            position: absolute;           
            width: 2px;
            color:#444444;
        }
    .newMenuBox li:last-child::after {
        content: '';
    }

    .newMenuBox li.hover, .newMenuBox li:hover {
        padding: 4px 10px;
        border-bottom: 2px solid #0a1c9c;
    }

.focusBox { position: relative;  overflow: hidden;  text-align: left;  }
	.focusBox .pic img { width: 580px; height: 430px; position: relative;display:block;}
  .focusBox .pic .date-bg{background: url(../images/ico4.png); position: absolute; left: 35px; top:0; width:73px;height: 87px;}
  .focusBox .pic .date-bg .date-d{font-size: 30px; line-height: 40px; height: 40px; margin: 0 auto;}
  .focusBox .pic .date-bg .date-ym{margin: 0 auto; font-size: 12px;}
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:100%;  background: #474747;  overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; color:#fff; }
	.focusBox .txt li{ height:50px; line-height:50px; position:absolute; bottom:0;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 18px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 8px; height: 8px; background: transparent; border: 1px solid #ddd; border-radius: 50%; line-height: 15px; overflow: hidden; text-align: center; margin:0 6px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#fff;  }

 .newsPoint {padding-bottom: 10px;margin:20px 0 10px 20px;height:125px;  }
 .newsPoint div{border-bottom:1px dotted #999999;height:125px;}
    .newsPoint h3 {font-size: 43px;height: 43px; line-height: 43px; }
	.inewslist{margin-left:20px;height:273px;overflow:hidden;}
    .inewslist li {height: 39px; line-height: 39px; border-bottom:1px solid #D2D2D2; }
	.inewslist li:last-child{border-bottom:none;}
    .inewslist .date {float: right;color: #666;}
/*
8.innerNav Section
===================*/
.headline {height: 45px;line-height: 45px;background:#9FE9EE;}
.crumb-list {height: 45px;overflow: hidden;}
.crumb-list-out {float: left;}
.crumb-list-out li {float: left;padding: 0 10px;color: #4a4a4a;text-align: center;vertical-align: middle;height: 45px;line-height: 45px;background: url(../images/line02.png) no-repeat right 15px;}
.crumb-list-out li:last-child {background: none;}
.crumb-list-out li a {color: #444;}
.crumb-list-out li.linked,.crumb-list-out li:hover {border-bottom: 3px solid #54aeb3;}
.breadcrumb {padding: 0;margin-bottom: 0;list-style: none;background-color: #ffffff;border-radius: 4px;}
.breadcrumb:before {content: "";width: 1px;height: 45px;position: absolute;top: 10px;left: 0;background: #dddddd;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 3px;color: #ccc;content: ">\00a0";}
.breadcrumb > .active {color: #777;}

/*
10.training study Section
============================*/
    .itraininglist li {height: 30px; line-height: 30px;  }
	.itraininglist li:last-child{border-bottom:none;}
    .itraininglist .date {float: right;color: #666;}
/*.about-sec{ background: url("../images/adbg.jpg") no-repeat; background-size: cover; }
.about-text p{ margin: 0 0 5px; text-indent: 2em;}
.about-icons{ margin-top: 36px;}
.about-icons li{ float: left; background: url("../images/about_icons_separate.png") no-repeat right center; width: 99px; height: 135px;}
.about-icons li:hover,.about-icons li:last-child:hover{background: url("../images/about_icons_bg.png") no-repeat; width: 99px; height: 135px;}
.about-icons li:last-child{background: none;}
.about-icons li p{ line-height: 23px; color:#ffffff; font-size: 18px; margin:0;}
.about-icons li p.about-img{height: 100px;}
.about-icons li img{ padding:20px;}*/

/*
11.champion Section
============================*/
.all-champion.owl-carousel.owl-theme .owl-item {padding: 0 10px;}
.single-champion {position: relative;}
.single-champion .field-box-text {padding: 20px;}
.single-champion img{width:324px;height:227px;}
.single-champion:hover {transform: translateY(-20px); transition: all 0.2s ease;}
/*.index-hr-left {padding: 0;}
.index-hr-right {padding: 0 20px 0; width: 390px;}*//*  */
/*.index-hr-right li {height: 33px;line-height: 33px;}
.index-hr-right li .date {float: right;color: #575757;font-size: 14px;}

#rj-box{width:553px;height:283px;}
#rj-box li{width:51px;height:283px;overflow:hidden;position:relative;margin:0px;padding:0px;float:left;list-style-type:none;}
#rj-box li.hove{width:441px;text-align:right;}
#rj-box li span{width:50px;height:283px;top:0px;left:0px;color:#fff;cursor:pointer;text-align:center;background:url("../images/rjbg.jpg");position:absolute;border-right:1px solid #ffffff;}
#rj-box li:last-child span{border-right: none;}
#rj-box li i{display: inline-block; width: 30px; padding-top: 20px; text-align: center; font-style: normal; font-size: 25px;}
#rj-box li a{ padding-left: 51px;}*/

/*
13.newslist Page
==================*/
.news-box {
    width: 100%;
    overflow: hidden;
}

    .news-box .pic {
        width: 425px;
        height: 250px;
        transition: all 0.6s;
    }

        .news-box .pic:hover {
            transform: translateY(-20px);
            transition: all 0.2s ease;
        }

    .news-box .title {
        margin-top: 10px;
        font-size: 26px;
        line-height: 1.5em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color:#2E4875;
    }

    .news-box .desc {
        font-size: 12px;
        color: #525252;
        margin: 10px 0 0 0;
        height: 60px;
        overflow: hidden;

    }
.newslist-wrapper{ width:1100px;height:242px; margin:30px auto; background:#F1F1F1;}
	.newslist-left-wrapper{float:left;}
	.newslist-left-wrapper img{width:388px;height:242px;}
	.newslist-right-wrapper{float:right;background:#F1F1F1; width:700px;height:242px;text-align:left;padding-left:15px;padding-right:15px;}/*position:relative*/
	.newslist-right-title{color:#022257;font-size:23px;line-height:50px;margin-top:20px;}
	.newslist-right-info{font-size:14px;color:#848484;line-height:25px;}
	.newslist-right-others{margin-top:36px;}/*position:absolute;bottom:0;left:15px;*/

/*
22.Sidebar Section
=====================*/

/*
15.Team Page
=========================*/
.team-wrapper{float:left;margin:10px 20px 30px 0px;width:535px;height:374px;}
.team-left img{width:249px;height:374px;}
.team-right{width:260px; padding:0 15px 0 0}
.team-title{font-size:30px;line-height:50px;height:50px;color:red;margin-top:30px;}
/*.ywfw {margin: 0;}
.ywfw .row {margin: 0;}
.ywfw .title,.ywfw .text {color: white;margin-top: 7px;}
.ywfw .title {margin-top: 20px;border-bottom: 2px solid #aac9c9;}
.ywfw .text p{text-indent: 2em;margin:0 0 0px;}*/
/*
16.Page Section
==========================*/
div.page {
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

    div.page a {
        text-decoration: none;
        color: #666;
        background: #fff;
        padding: 0 6px;
        margin-right: 5px;
        line-height: 21px;
    }

        div.page a:hover {
            text-decoration: none;
            color: #f8921d;
        }

        div.page a:active {
            color: #f8921d;
        }

    div.page span.current {
        padding: 0 6px;
        color: #f8921d;
        margin-right: 3px;
    }

    div.page span.disabled {
        padding: 0 6px 0;
        color: #adaaad;
        margin-right: 3px;
        margin-top: 10px;
    }
/*
17.Friendlink Section
=================*/
.friendlink-wrapper{border: 1px solid #ddd;height: 40px;padding: 5px;}

.friendlink-con{overflow: hidden;}/*width: 1200px;*/
.friend-title{background-color: #c50000; color:#fff; height: 30px;line-height: 30px; padding: 0 8px;}
.friendlink-con .friendlink-con-w{width: 80000000%;}
.friendlink-con .friendlink-con-w div{float: left;}
.friendlink-con .friendlink-con-w ul{float: left;overflow: hidden;zoom: 1;}
.friendlink-con .friendlink-con-w ul li{float: left;border-right: 1px solid #ddd;}
.friendlink-con li a{margin:0 8px;} 

/* .qimo8{overflow: hidden;background: #fff;height: 40px;line-height: 40px;margin-top: 25px;}
.qimo8 .qimo{width: 80000000%;}
.qimo8 .qimo div{float: left;}
.qimo8 .qimo ul{float: left;overflow: hidden;zoom: 1;}
.qimo8 .qimo ul li{float: left;}
.qimo8 li a{margin-right: 10px;} */
/*
18.About Page
================*/
.con {margin: 10px auto;line-height: 30px;color: #444444;}
.category-title {font-weight: normal;padding-bottom: 10px;}
.category-title:after {border: 1px solid #b7b7b7; top: 32px; content: "";left: 15px; right:15px; position: absolute;}
/*@media (max-width: 767px) {
  .category-title:after {
      top: 51px;
  }
}
@media (max-width: 479px) {
  .category-title:after {
      top: 33px;
  }
}*/
.entry p {line-height: 25px;margin:2px 0}
.entry img {max-width: 100% !important;height: auto !important;}
.imgList {margin-top: 30px;}
.imgList li.fat {float: left;width: 253px;margin: 0 12px 10px 12px;}
.imgList li.fat img {width: 100%;height: 168px;transition: all 0.6s;}
.imgList li p {line-height: 30px;height: 30px;text-align: center;}
.imgList .pic:hover {transform: translateY(-20px);transition: all 0.2s ease;}
/*
19.Contact Page
============================*/
.contact-page{ background: url(../images/contactbg2.jpg) no-repeat left center; width:1110px; height: 461px;}
.contact-info-text { width:430px;margin-top:130px;color: #ffffff;}
.contact-info-text p{ margin: 0 0 6px;}
.message-wrapper {
    margin: 0 auto;
    width: 1110px;
    height: 511px;
    background: url(../images/messagebg2.jpg) no-repeat left center;
}

.form_box {
    text-align: left;
    margin: 40px;
    float: right;
}

    .form_box dl {
        padding: 8px 0;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 10px;
    }
        /*clear:both;*/
        .form_box dl dt {
            display: block;
            float: left;
            width: 150px;
            text-align: right;
            font-weight: normal;
        }

            .form_box dl dt em {
                padding-right: 5px;
                color: #ff0000;
                font-style: normal;
            }

        .form_box dl dd {
            margin-left: 150px;
            padding-left: 10px;
        }

            .form_box dl dd i {
                display: block;
                line-height: 28px;
                color: #999;
                font-size: 14px;
                font-style: normal;
            }

            .form_box dl dd em {
                line-height: 28px;
                color: #999;
                font-size: 14px;
                font-style: normal;
            }

.input {
    border: 1px solid #dfdfdf;
}

.btnan {
    display: inline-block;
    margin: 0;
    padding: 0 25px;
    color: #fff;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.btnan {
    background: #1e7bb3;
    border: 1px solid #02598e;
    border-radius: 2px;
    vertical-align: middle;
}

    .btnan:hover {
        color: #fff;
        opacity: 0.9;
    }

.btn-success {
    background: #52a152;
    border: 1px solid #417f41;
    text-shadow: 0 -1px 0 #52a152;
}
.jobSideMenu {
    margin: 0 auto;
}

    .jobSideMenu .job-title {
        clear: both;
        height: 60px;
        line-height: 60px;
        border-top: 3px solid #233f81;
        background: #f4f4f4;
        cursor: pointer;
        font: normal 16px/60px "Microsoft YaHei";
        text-align: left;
        overflow: hidden;
    }

        .jobSideMenu .job-title em {
            float: right;
            display: block;
            width: 40px;
            height: 60px;
        }

        .jobSideMenu .job-title p {
            float: right;
            width: 185px;
            text-align: center;
            color: #233f81;
            margin: 0;
        }

    .jobSideMenu .accordion-title {
        clear: both;
        height: 60px;
        line-height: 60px;
        border-top: 1px solid #e3e3e3;
        background: #f4f4f4;
        cursor: pointer;
        font: normal 16px/60px "Microsoft YaHei";
        text-align: left;
    }

        .jobSideMenu .accordion-title em {
            float: right;
            display: block;
            width: 40px;
            height: 60px;
            background: url(../images/icoAdd.png) 16px 26px no-repeat;
            cursor: pointer;
        }

        .jobSideMenu .accordion-title.on em {
            background-position: 16px -40px;
        }

        .jobSideMenu .accordion-title p {
            float: right;
            width: 185px;
            text-align: center;
            margin: 0;
        }

    .jobSideMenu ul {
        clear: both;
        padding: 40px 25px;
        color: #999;
        border-top: 1px solid #e3e3e3;
        display: none;
        font-size: 16px;
        line-height: 33px;
        text-align: left; /* ĬÈ϶¼Òþ²Ø */
    }
/*
20.Footer Section 
======================*/
footer {background: #AA0000 url(../images/t13.jpg) repeat-x;position: relative;overflow:hidden;}
.footer-sec {color: #ffffff;padding-top: 30px;}/**/
.footer-sec dl {float: left;text-align: left;}
	.footer-sec dl:last-child {padding-left: 10px; padding-right:0}
	.footer-sec dt {font-size:18px;line-height: 44px;width: 90px;text-align: center;font-weight: normal;}
	.footer-sec dd {line-height: 30px;}
.footer-bottom-sec {background:#05318b;padding: 10px 0;}
.footer-bottom-sec p {color: #f4f4f4;font-size: 14px;margin: 0;text-align: center;}
.copy-right span,.copy-right  a{color: #ffffff;text-transform: capitalize;}
footer a,footer a:visited,footer a:hover,footer a:active{color:#ffffff;}

/*
21.Notice Section
============================*/
.notice-wrapper{background: url(../images/t14.png) repeat-x;}
.icons{border-right: 1px solid #dfaaaa;padding:0;margin: 10px 0 0 0;}
.icons:last-child{border-right: none;}
.icons p{ margin: 0 0 0 10px;}
.icons img{width:40px;height: 40px;}
.qimo8{overflow: hidden;background: #fff;height: 40px;line-height: 40px;margin-top: 25px;}
.qimo8 .qimo{width: 80000000%;}
.qimo8 .qimo div{float: left;}
.qimo8 .qimo ul{float: left;overflow: hidden;zoom: 1;}
.qimo8 .qimo ul li{float: left;}
.qimo8 li a{margin-right: 10px;}

/*
22.Teachers Section 
======================*/
.all-teachers{width: 1345px; margin: 0 auto;}
.single-teacher {position: relative;width: 212px; margin: 0 10px;float:left}
.all-teachers .single-teacher:first-child{margin:0 10px 0 0;}
.all-teachers .single-teacher:last-child{margin:0 0 0 10px;}
.single-teacher img{width: 249px; height: 284px;}
.single-teacher:hover {transform: translateY(-20px); transition: all 0.2s ease;}
.single-teacher  h3{position:absolute;bottom:116px;left:0;margin:0;height:50px;line-height:50px;background:#000;opacity:.5;width:100%;color:#fff;text-align:center;}
.single-teacher .field-box-text {padding: 30px;height:116px;background:#D60820;color:#fff;}

/*
23.Party Section 
======================*/
.hiSlider-wrap{float:left; }
.hiSlider{overflow: hidden;height: 304px;width: 436px;background: #eee;float: left;}
.hiSlider-item{float: left;}
.hiSlider-item img{height: 304px;width: 436px;}
.hiSlider-pages a{ width:8px;height:8px;border:1px solid #ddd; background:transparent;}
.hiSlider-pages a.active{ background:#fff;}
.ipartylist{float:right;width:410px; padding: 15px 15px 0 15px;}
.ipartylist li {height: 33px; line-height: 33px;  }
.ipartylist li:last-child{border-bottom:none;}
.ipartylist .date {float: right;color: #666;}


/*
24.Search Page
======================*/
.searchlist{width:96%;margin:0 auto;}    
.searchlist li{ width:100%; float:left; border-bottom:1px dotted #ddd;height:44px; line-height:44px; list-style:disc outside; color:#3893C2; padding-left:-10px;}
    .searchlist li a{ float:left;}
    .searchlist li span{ float:right; color:gray; }
    .searchlist li:last-child{ border:0}
/* The End */