@charset "utf-8";
/* CSS Document */



/*====================*/
/*=== Reset Styles ===*/
/*====================*/
*{ margin:0; padding:0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:"微软雅黑",'Microsoft Yahei',Tahoma,Arial,Helvetica,sans-serif;}
body{font-size:14px; -webkit-text-size-adjust:100%; color:#333; background:#fff; line-height:24px;  margin:0; padding:0; }
em{font-style:normal}
li{list-style:none}
i{font-style:normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal; }
.clear{ clear:both; }
.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left; }
.fc{ float:left; }
.fr{ float:right;}

a{ color:#555; text-decoration:none;}
a:hover{ color:#0168b7; /*color:#f58500;*/  text-decoration:none; transition: all 0.5s ease 0s; }

.txtBlack{ color:#333 !important; }
.txt-blue{ color:#0168b7 !important; }
.fontB{ font-weight:bold; }

.ml30{ margin-left:30px;}
.mr30{ margin-right:30px;}

.blankHeight{ display:block; width:100%; height:10px; clear:both; overflow:hidden; background:#fff; }
.blankHeight100{ display:block; width:100%; height:90px; clear:both; overflow:hidden; }
.blankHeight90{ display:block; width:100%; height:90px; clear:both; overflow:hidden; }
.blankHeight80{ display:block; width:100%; height:80px; clear:both; overflow:hidden; }
.blankHeight60{ display:block; width:100%; height:60px; clear:both; overflow:hidden; }
.blankHeight50{ display:block; width:100%; height:50px; clear:both; overflow:hidden; }
.blankHeight40{ display:block; width:100%; height:40px; clear:both; overflow:hidden; }
.blankHeight20{ display:block; width:100%; height:20px; clear:both; overflow:hidden; }


.boxsize{ width:1200px; margin:0 auto; clear:both;}
.boxsize:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }


.top{ background: #000; height: 50px;color:#fff; line-height: 50px;}
.top a{ color:#fff; }


.header{ height:120px; background:#fff;  }
.header .logo{ float:left; width:300px; overflow:hidden; height:60px; margin-top:30px; }
.header .logo img{ height:60px; }


.nav{ float: right; width: 900px; height:120px; }
.nav ul{ height:120px; text-align:center; }
.nav ul li{ float:right; height:120px; padding:0 1px; margin:0; }
.nav ul li a{ display:inline-block; width:100%; height:120px; padding:35px 15px 30px 15px; line-height:50px; font-size:16px;  box-sizing:border-box;  color:#333;  }
.nav ul li a:hover{ font-weight:bold; text-decoration:none; border-bottom:3px solid #f58500; color: #f58500; background-color: rgba(245, 133, 0, 0.03);  }
.nav ul li.cur a{ font-weight:bold; border-bottom:3px solid #f58500; color: #f58500; background-color: rgba(245, 133, 0, 0.03);  }



/* 首页轮播广告图  */
.banner{width:100%; height:600px;}
.banner .swiper-container { width:100%; height:600px; position:relative;overflow:hidden; }
.banner .swiper-container .swiper-slide { text-align:center; height:600px; background-repeat:no-repeat; background-position:center center;  }
.banner .swiper-container .swiper-slide img{width:100%; height:600px;}
.banner .swiper-container .swiper-pagination-bullet{ background:#000; opacity:.4; width:30px; height:5px; border-radius:0; border-radius: 10px;}
.banner .swiper-container .swiper-pagination-bullet-active{ background:#f58500;opacity:1;}

.banner .swiper-button-next, .swiper-button-prev { width:44px; height:60px; background-size:44px 44px; opacity:.3;  }
.banner .swiper-button-next:hover, .swiper-button-prev:hover { opacity:1;  }
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url(../images/bb_img/arrow-l.png); left:10px; right:auto }
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url(../images/bb_img/arrow-r.png); right:10px; left:auto }
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;}



/* 搜索版块 */
.searchArea{ height:50px; line-height:50px; background:#fff url(../images/bb_img/searchbg.jpg) no-repeat center center; }
.searchArea .fl{ width:50%; height:50px; }
.searchArea .fr{ width:50%; height:50px; color:#fff; text-align:right; }
.searchArea .fr .search-lab{}
.searchArea .fr .search-inp{ width:220px; height:30px; line-height:30px; margin-left:10px; background:#fff; padding:0 10px; border:none; vertical-align:middle}
.searchArea .fr .search-sub{ background:#0875dd; height:30px; line-height:30px; border:none; color:#fff; vertical-align:middle; padding:0 10px;  }



/* main_tit */
.main_tit{ min-height:100px; margin:0 auto; text-align:center;color:#111; clear:both; background:none;box-sizing:border-box; position:relative; }
.main_tit .tit_entxt { line-height:10px; color:#e5e5e5; font-weight:bold; font-size:60px; }
.main_tit .tit_title{ height:50px; line-height:40px; font-weight:bold; font-size:30px; color:#333; }
.main_tit .tit_title2{ height:50px; line-height:50px; font-size:24px; color:#333; }
.main_tit .tit_title span{ line-height:30px; color:#0168b7; }
.main_tit .tit_info{ height:70px; text-align:center; line-height:20px; color:#999; line-height:24px;}
.main_tit .tit_line{ margin:0 auto; width:45px; height:1px; background:#0168b7;  }



/* main_pro */
.main_pro{ height:750px; background:url(../images/bb_img/pro-bg.jpg) no-repeat center center; padding-top:100px; box-sizing:border-box; }
/*.main_pro .main_tit .tit_title{ color:#fff; }
.main_pro .main_tit .tit_title span{ color:#fff; }
.main_pro .main_tit .tit_entxt {color:#fff; }
.main_pro .main_tit .tit_line{  background:#fff;  }
.main_pro .main_tit .tit_info{ color: #fff; }*/

.pro-list{  }
.pro-list ul{ width: 1230px;}
.pro-list ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.pro-list ul li{ float: left; width:380px; height: 310px; margin-right: 30px; background: #fff;  text-align: center; overflow:hidden;  box-shadow:0 0 5px 0 rgba(0,0,0,0.1); margin-bottom:30px;}
.pro-list ul li a{ display: block; width: 380px; height:310px; box-sizing: border-box; }
.pro-list ul li .pro-img{ width: 380px; height: 250px; overflow:hidden; }
.pro-list ul li .pro-img img{ width: 380px; height: 250px; transition: 0.7s; }
.pro-list ul li a:hover .pro-img img {transform: scale(1.1); }
.pro-list ul li p{ display: block; height:50px; line-height: 50px; position: relative; text-align:center;}
.pro-list ul li p span{ float: left; margin-left:10px; font-size: 16px; font-weight: bold;}
.pro-list ul li p i{ position: absolute; top: 10px; right: 10px; display: block; width: 30px; height: 30px; border: 1px solid #eee; border-radius: 100%; background:url(../images/bb_img/icon-arrow.png) no-repeat center center; background-size:  15px 15px; display:none;}
.pro-list ul li a:hover p{ color:#f58500; }


.pro-slist{}
.pro-slist ul{ width: 1224px; margin-top: 30px; }
.pro-slist ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.pro-slist ul li{ float: left; width: 180px; margin-right: 24px; }
.pro-slist ul li img{ width: 180px;}





.box-more{ text-align:center; }
.box-more a{ display:block;  background:#0168b7; border-radius:50px; color:#fff; width:200px; height:50px; line-height:50px; margin:30px auto; box-shadow:rgba(58,81,223,0.3) 4px 4px 10px 0px;}
.box-more a:hover{ background:#007ddc; color:#fff;}



/* main_develop */
.main_develop{ clear:both; height:900px; overflow:hidden; background:url(../images/bb_img/develop-bg.jpg) no-repeat center 0; }
.develop-list{ height:750px; margin-top:150px;  }
.develop-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.develop-list li{ float:left; width:400px; height:250px; overflow:hidden; background-color: rgba(0, 0, 0, 0.1); position:relative; }
.develop-list li:hover{background-color: rgba(0, 0, 0, 0.15); cursor:pointer;}
.develop-list .develop-tit{ color:#fff; background-color: rgba(0, 0, 0, 0.05); padding:60px 20px 20px 20px; box-sizing:border-box;}
.develop-list .develop-tit h3{ height:50px; line-height:50px; font-size:30px; font-weight:bold; }
.develop-list .develop-tit p{ height:30px; line-height:30px; font-size:20px; font-weight:100}
.develop-list .develop-tit span{ height:20px; line-height:20px; font-size:20px; font-weight:300; font-style:italic; color:#a7bce0}

.develop-list .develop-txt{ position:relative; width:400px; height:250px; text-align:center; }
.develop-list .develop-txt p{ height:250px; padding:0 20px; text-align:left; color:#fff;display: table-cell;vertical-align: middle; position:relative; z-index:20; }
.develop-list .develop-txt span{ position:absolute; top:50%; left:0; display:block; width:400px; height:80px; margin-top:-40px; z-index:10; line-height:80px; color:#3a80d4; font-size:100px; font-weight:bold; opacity:0.2; }
.develop-list .develop-img{ width:400px; height:250px; overflow:hidden; }
.develop-list .develop-img img{ width:400px; height:250px;transition: 0.7s;}
.develop-list .develop-img:hover img {transform: scale(1.1); }

.develop-list li:after{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    content: '';
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    opacity: 0.5;
}
.develop-list li:hover:after{
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
    opacity: 1;
}









/* main_news */
.main_news{ width:100%; height:900px; background:#fff url(../images/bb_img/news-bg.jpg) no-repeat center center; padding-top:150px; box-sizing:border-box; }
.main_news .news_con{ clear:both; overflow:hidden; margin-top:50px;}
.main_news .news_con .news_l{ float:left; width:400px; height:420px; overflow:hidden; background-color: rgba(255, 255, 255, 0.8); }
.main_news .news_con .news_r{ float:right; width:760px; height:420px; overflow:hidden; }
.main_news .news_con a{ color:#333; }
.main_news .news_con a:hover{ color:#f58500; }
.main_news .news_con .news_l .news_limg{ width:400px; height:300px; overflow:hidden; }
.main_news .news_con .news_l .news_limg a { display:block; width:400px; height:300px; overflow:hidden;  }
.main_news .news_con .news_l .news_limg a img{ width:400px; height:300px; transition: 0.7s;  }
.main_news .news_con .news_l .news_limg a:hover img {transform: scale(1.1); }
.main_news .news_con .news_l .news_ltit {  }
.main_news .news_con .news_l .news_ltit h2{ font-size:20px; line-height:26px; color:#333; margin-top:10px; }
.main_news .news_con .news_l .news_ltit p{  color:#999; margin-top:10px; }

.main_news .news_con .news_r .news_rbox{ height:120px; margin-bottom:30px;  background-color: rgba(255, 255, 255, 0.8); }
.main_news .news_con .news_r .news_rbox .news_rimg{ float:left; width:190px; }
.main_news .news_con .news_r .news_rbox .news_rimg a { display:block; width:160px; height:120px; overflow:hidden;  }
.main_news .news_con .news_r .news_rbox .news_rimg a img{ width:160px; height:120px; transition: 0.7s;  }
.main_news .news_con .news_r .news_rbox .news_rimg a:hover img {transform: scale(1.1); }


.main_news .news_con .news_r .news_rbox .news_rdate p{ display:block; width:80px; height:30px; line-height:30px; text-align:center;}
.main_news .news_con .news_r .news_rbox .news_rtit{ padding:15px; }
.main_news .news_con .news_r .news_rbox .news_rtit h2{ font-size:20px; line-height:26px; color:#333 }
.main_news .news_con .news_r .news_rbox .news_rtit p{ color:#999; margin-top:10px; }



/* main_about */
.main_about{ clear:both; height:750px; overflow:hidden; background:url(../images/bb_img/about-bg.jpg) no-repeat top center; box-sizing:border-box; padding-top:140px; }
.main_about .fl{ width:500px; height:466px; background:#fff; box-sizing:border-box; padding:80px 30px 10px 30px}
.main_about .fr{ width:630px; height:466px; position:relative; box-sizing:border-box; padding-top:30px;}
.main_about .about-con{  }
.main_about .about-con:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.main_about .fl .about-tit{  }
.main_about .fl .about-tit h1{font-size:24px; line-height:30px;}
.main_about .fl .about-tit p{  }
.main_about .fl .about-info{ line-height:28px; color:#666; text-align:center;  }
.main_about .fl .about-info p{ text-indent:2em;text-align:left;  }
.main_about .fl .about-more{ display:inline-block; clear:both; border:1px solid #f58500; color: #fff; background:#f58500; border-radius:30px; height:30px; line-height:30px; text-align:center; padding:0 20px; margin-top:20px;}
.main_about .fl .about-list{ }
.main_about .fl .about-list ul{ padding:20px 0; border-radius: 10px;}
.main_about .fl .about-list ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main_about .fl .about-list ul li{ float:left; width:25%; text-align:center}
.main_about .fl .about-list ul li p{ height:60px; line-height:60px;}
.main_about .fl .about-list ul li p em{ color:#f58500; font-size:50px; font-weight:bold; padding-right:5px;}
.main_about .fl .about-list ul li span{ line-height:30px;}

.main_about .fr .about-img{ width:600px; height:400px; position:relative; z-index:20; overflow:hidden; overflow:hidden; }
.main_about .fr .about-img a{ display:block; }
.main_about .fr .about-img a img{ width:600px; height:400px; transition: 0.7s; }
.main_about .fr .about-img a:hover img{ transform: scale(1.1);}
.main_about .fr .about-line{ position:absolute; z-index:10; top:0px; right:0; width:460px; height:460px; border:3px solid #0168b7; }

.main_about .fr .about-img a:after{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    content: '';
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    opacity: 0.5;
}
.main_about .fr .about-img a:hover:after{
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
    opacity: 1;
}









/* main_message */
.main_message{ line-height:50px; margin-top:30px; display:none; }
.mess-entit{ font-size:20px; font-weight:bold; text-align:center;}
.mess-tit{ color:#999; text-align:center;}
.mess-con{ height:100px; margin-top:20px;}
.mess-con p{ display:block; height:50px; line-height:50px;}
.mess-con span{ display:block; float:left; }
.mess-con .mess-inp{display:block; float:left; margin:0 15px; width:280px; padding:0 10px; height:50px; background:#fff; border:1px solid #eee; border-radius:5px;}
.mess-con .mess-btn{display:block; float:right; width:120px; margin:0; padding:0; height:50px; background:#f58500; border:none; color:#fff; text-align:center; border-radius:5px;}






/* footer */
.footer_bg{ height:300px; background:#000; color:#fff; padding-top:20px; overflow:hidden; font-size:16px;}
.footer{  line-height:28px; margin-top:20px; }
.footer a{ color:#fff; }
.footer a:hover{color:#fff; text-decoration:underline }
.footer_l{ float:left; width:300px; text-align:left; }
.footer_c{ float:left; width:440px; height:270px; box-sizing:border-box;}
.footer_r{ float:right; width:340px; height:270px; padding-right:60px; line-height:24px; text-align:right; border-left:1px solid #666  }

.footer-mtit{ }
.footer-mtit .footer-mtit01{ height:20px; line-height:20px; color:#666; }
.footer-mtit .footer-mtit02{ height:50px; line-height:40px; color:#0168b7; font-size:30px; }
.footer-mtit .footer-line{ width:40px; height:1px; background:#0168b7; }

.footer-nav{ margin-top:20px;}
.footer-nav a{ float:left; width:100px; height:40px; line-height:30px; padding-right:30px;  color:#999}
.footer-nav a:hover{ color:#ccc; }

.footer-ccon{ margin-top:20px;}
.footer-ccon p{ height:40px; font-size:16px; color:#999; line-height:30px;}
.footer-ccon p i{ display:inline-block; width:20px; height:20px; line-height:20px; vertical-align:middle; margin-right:8px; background-repeat:no-repeat; background-position:center center; background-size:20px 20px; }
.footer-ccon p i.icon-tel{ background-image:url(../images/bb_img/icon-tel.png);}
.footer-ccon p i.icon-mail{ background-image:url(../images/bb_img/icon-mail.png);}
.footer-ccon p i.icon-address{ background-image:url(../images/bb_img/icon-address.png);}

.footer_r img{ height:75px; margin-top:80px; }

.footer ul li.f_tit{ height:36px; line-height:36px; font-weight:bold; font-size:16px; }

.footer_bg2{ height:50px; line-height:50px; text-align:center; background:#000; color:#999; overflow:hidden; border-top:1px solid #333;}
.footer_bg2 a{ color:#999  }




.smain-sheader{ position:relative;	}
.smain-sheader .sheader{ position:absolute; top:0; height:120px; z-index:10000; width:100%;}
.smain-sheader .sheader .header{ background:none;}
.smain-sheader .sheader .header .nav ul li a{ color:#fff}
.smain-sheader .sheader .header .nav ul li a:hover{ color: #f58500; background-color: rgba(255, 255, 255, 0.2); }
.smain-sheader .sheader .header .nav ul li.cur a{ color: #f58500;  background-color: rgba(255, 255, 255, 0.2); }



/*=========== smain-top ===========*/
.smain-top{ width:100%; padding-bottom:40px; position:relative; }


/* smain_tit */
.smain_tit{ width:1200px;height:130px;  margin:0 auto; text-align:center; color:#fff; clear:both; background:none;box-sizing:border-box; }
.smain_tit .stit_title span{ display:inline-block; height:50px; line-height:50px; font-weight:bold; font-size:36px; }
.smain_tit .stit_entxt {font-size:12px; color:#999;  }
.smain_tit .stit_entxt span{ display:inline-block;  padding:0 5px; margin-top:5px;  }
.smain_tit .stit_line{ margin:10px auto; width:45px; height:1px; background:#fff;  }
.smain_tit .stit_chtxt span{ height:20px; line-height:20px; font-size:16px; color:#fff;  }



/* smain_tit_h huly */
.smain_tit_h{ height:130px; margin:0 auto; text-align:center;color:#111; clear:both; background:none;box-sizing:border-box; position:relative; }
.smain_tit_h .tit_entxt { line-height:10px; color:#e5e5e5; font-weight:bold; font-size:60px; }
.smain_tit_h .tit_title{ height:50px; line-height:40px; font-size:30px; color:#333; }
.smain_tit_h .tit_title2{ height:50px; line-height:50px; font-size:24px; color:#333;  }
.smain_tit_h .tit_line{ margin:0 auto; width:45px; height:1px; background:#0168b7;  }
.smain_tit_h .tit_info{ color:#999; font-size:14px; }
.smain_tit_h .tit_info2{ color:#999; font-size:14px; margin-top:15px;}
.smain_tit_white{ height:100px; }
.smain_tit_white  .tit_title2{ color:#fff; }
.smain_tit_white  .tit_line{ background:#fff; }



/* sbanner */
.sbanner{ width:100%; height:400px; background:url(../images/bb_img/sbanner.jpg) no-repeat center top; padding-top:160px; box-sizing:border-box; }
.sbanner_about{ background-image:url(../images/bb_img/sbanner_about.jpg); }
.sbanner_news{ background-image:url(../images/bb_img/sbanner_news.jpg); }
.sbanner_pro{ background-image:url(../images/bb_img/sbanner_pro.jpg); }
.sbanner_develop{ background-image:url(../images/bb_img/sbanner_develop.jpg); }
.sbanner_college{ background-image:url(../images/bb_img/sbanner_college.jpg); }
.sbanner_hr{ background-image:url(../images/bb_img/sbanner_hr.jpg); }
.sbanner_contact{ background-image:url(../images/bb_img/sbanner_contact.jpg); }



.sbar{ position:absolute; left:50%; width:1160px;  height:80px; line-height:80px; padding:0 20px; margin-left:-600px; bottom:0; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); z-index:100000; }
.sbar-chtxt{ font-size:24px; font-weight:bold; }
.sbar-entxt{ font-size:16px; clear:both; color:#999 }

.sbar-menu{  position:relative; box-sizing:border-box; }
.sbar-menu a{ display:inline-block; line-height:77px; padding:0 20px; color:#444; font-size:16px; transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.sbar-menu a:hover,.sbar-menu .active{ color:#f58500; text-decoration:none; border-bottom:3px solid #f58500;  }





/*=========== smain ===========*/
.smain{ width:100%;  position:relative; }

/* smain_pos  位置  */
.smain .smain_pos{width:100%; height:60px; line-height:40px; padding:10px 0; box-sizing:border-box; clear:both; margin:0 auto; background:#f6f6f6; color:#5a5a5a;  }
.smain .smain_pos .boxsize{ box-sizing:border-box;  }
.smain .smain_pos i{ display:block; float:left; width:16px; height:36px; margin-right:10px; background:url(../images/bb_img/home.png) no-repeat 0 center; }
.smain .smain_pos a{ color:#5a5a5a;  }

.smain_box{ position:relative; padding-top:30px; }
.smain-con{ width:1210px; padding:5px; margin:0 auto; overflow:hidden; box-sizing:border-box; background:#fff; -webkit-transition:all 0.5s; background-color:#fff;}
.smain-spage{ line-height:2; font-size:16px; padding-bottom:40px;}


.boxShadow{ background:#fff; -webkit-transition:all 0.5s; background-color:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}



/* about 频道首页 */
.sabout-tit{ height:350px; background:url(../images/bb_img/sabout_01.jpg) no-repeat center center; text-align:center; }
.sabout-tit img{ height:167px; margin-top:90px; }

.sabout-tit01{ text-align:center; }
.sabout-tit01 h2{ text-align:center; font-weight:bold; font-size:40px; color:#333; line-height:50px; }
.sabout-tit01 p{ text-align:center; font-weight:bold; font-size:24px; color:#0168b7; line-height:30px; }
.sabout-con01{ text-align:center; margin-top:15px; }
.sabout-con01 p{ color:#999; }

.sabout-navimg{ margin-top:30px;}
.sabout-navimg .boxsize:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.sabout-navimg .navimg01{ float:left; text-align:right; width:780px; overflow:hidden;}
.sabout-navimg .navimg02{ float:right; width:400px; text-align:left; overflow:hidden; padding-top:80px;}
.sabout-navimg .navimg03{ float:left; margin-top:20px;}
.sabout-navimg .navimg04{ float:left; margin-top:20px; margin-left:20px;}
.sabout-navimg .navimg05{ float:right; margin-top:20px; width:400px; overflow:hidden;}

.sabout-zeren{ height:470px; padding-top:70px; box-sizing:border-box; margin-top:60px; background:url(../images/bb_img/sabout_08.jpg) no-repeat center center; text-align:center;}
.sabout-zeren .boxsize{ height:330px; box-sizing:border-box; background-color: rgba(255, 255, 255, 0.9); padding:30px;  -webkit-transition:all 0.5s; box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.sabout-zeren .zeren-tit{ font-size:32px; font-weight:bold; line-height:50px;}
.sabout-zeren .zeren-stit{ color:#0168b7; font-size:20px; line-height:40px;}
.sabout-zeren .zeren-con{ padding-top:30px; line-height:30px;}




.smain-sabout{  box-sizing:border-box; padding-top:120px; }

/* sabout01 关于我们 */
.sabout01-area{ height:900px; background:url(../images/bb_img/sabout01-bg.jpg) no-repeat center bottom; font-size:16px; line-height:2; }
.sabout01-area .fl{ width:580px; margin-top:30px; }
.sabout01-area .fr{ width:580px; margin-top:20px;}


/* sabout02 合作伙伴 */
.sabout02-area{  }
.sabout02-list{}
.sabout02-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.sabout02-list li{ font-size:16px;}
.sabout02-list li span{ display:block; font-weight:bold; font-size:20px; line-height:50px;}
.sabout02-list li p{  }
.sabout02-list li .sabout02-img{ width:800px; height:370px; overflow:hidden; }
.sabout02-list li .sabout02-con{ width:400px; height:370px; overflow:hidden; background:#1463aa; padding:100px 50px 0 50px; box-sizing:border-box; color:#fff; }
.sabout02-list li .sabout02-con2{ width:400px; height:370px; overflow:hidden; background:#f7f7f7; padding:100px 50px 0 50px; box-sizing:border-box;}


/* sabout03 荣誉资质 */
.sabout03-area{  }


/* sabout04 团队风采 */
.sabout04-area{  }
.sabout04-des{ text-align:center}


.idea-list{ width:1230px; }
.idea-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.idea-list li{ float:left; width:380px; height:330px; overflow:hidden; margin-right:30px; text-align:center; position:relative; color:#fff; }
.idea-list li .idea-tit{ position:relative;  z-index:100; font-weight:bold; font-size:20px; height:50px; line-height:50px; margin-top:60px;   }
.idea-list li .idea-line{ position:relative;  z-index:100; width:50px; height:1px; background:#fff; margin:0 auto; }
.idea-list li .idea-con{ position:relative;  z-index:100; margin-top:20px;}
.idea-list li .idea-con p{ }
.idea-list li .idea-maskbg{ width:380px; height:330px; position:absolute; top:0; z-index:20;  background-repeat:no-repeat; background-position: center center; background-size:cover; background-image:url(../images/bb_img/idea-maskbg.png);}
.idea-list li:hover{ cursor:pointer;}
.idea-list li:hover .idea-maskbg{ background-image:url(../images/bb_img/idea-maskbg-on.png);}
.idea-list li .idea-bg{width:380px; height:330px; position:absolute; top:0; z-index:10; background-repeat:no-repeat; background-position: center center; background-size:cover; }
.idea-list li .idea-bg01{ background-image:url(../images/bb_img/idea-bg01.png); }
.idea-list li .idea-bg02{ background-image:url(../images/bb_img/idea-bg02.png); }
.idea-list li .idea-bg03{ background-image:url(../images/bb_img/idea-bg03.png); }



.activity-list{}
.activity-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.activity-list li{ font-size:16px;}
.activity-list li span{ display:block; font-weight:bold; font-size:20px; line-height:50px;}
.activity-list li span i{ display:inline-block; width:20px; height:20px; background:url(../images/bb_img/activity-icon.png) no-repeat center center; background-size:cover; vertical-align:middle; margin-right:10px; }
.activity-list li p{ color:#666; }
.activity-list li .activity-img{ width:580px; height:360px; overflow:hidden; }
.activity-list li .activity-img img{ width:100%; }
.activity-list li .activity-con{ width:580px; height:360px; overflow:hidden; padding:50px 50px 0 0; box-sizing:border-box; }


/* sabout05 发展历程 */
.sabout05-area{ height:930px; background:url(../images/bb_img/sabout05-bg.jpg) no-repeat center bottom;  }
.sabout05-box{  }





/* collegelist */
.collegelist{  }
.collegelist li{ position: relative; margin-bottom:20px; display:block; padding:30px 50px; clear: both; overflow:hidden; -webkit-transition: all 0.5s;  background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); box-sizing:border-box; border:3px solid #fff;  }
.collegelist li:hover{ border:3px solid #1463aa; text-decoration:none; box-shadow: 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.1); }


.collegelist li h3{ line-height:30px; padding:10px 0; font-size:20px; color:#333;  }
.collegelist li h3 span{ float:right; font-size:14px; }
.collegelist p{ color:#666; line-height:1.6}
.collegelist .news-des{ color:#999; border-top:1px solid #eee; margin-top:10px; padding-top:10px;}
.collegelist li a:hover h3{ color:#1463aa;}
.collegelist li a:hover h3 span{ color:#1463aa;}
.collegelist .newsview_download a{ margin:0 5px; color:#1463aa; }
.collegelist .newsview_download i.icon-down{ display:inline-block; width:20px; height:20px; background:url(../images/bb_img/icon-view.png) no-repeat center center; background-size:cover; vertical-align:middle; margin-left:5px; }

/* newslist */
.newslist{  }
.newslist li{ position: relative; height:285px; margin-bottom:20px; padding-bottom:10px; }
.newslist li a{ display:block; height:225px; clear: both; overflow:hidden; -webkit-transition: all 0.5s; background-color: #fff; padding:30px;  box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.newslist li a:hover{ background:#f9f9f9; text-decoration:none; box-shadow: 0 0 }
.newslist li .news-img{ float:left; width:320px; height:225px; overflow:hidden; }
.newslist li .news-img img{ width:320px; height:225px; display: block; -webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1); }
.newslist li a:hover .news-img img{ -webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
 }
.newslist li .news-txt{ float:left; margin-left:30px; width: 680px; height:225px; padding:20px 50px; border-left:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; box-sizing:border-box; }
.newslist li .news-txt h3{ line-height:30px; padding:10px 0; font-size:20px; color:#333; }
.newslist li .news-txt p{ color:#666; line-height:28px; height: 120px;}
.newslist li .news-txt p span{display: inline-block; width:100%;text-align: right; color: #666;}

.newslist li .news-date{ position:absolute; right:30px; top:20px; width:80px; height:80px; line-height: 1.8; text-align:center; color: #ccc;font-size: 20px;}
.newslist li .news-date span{ font-size:60px; line-height: 70px; display:block; margin-top:15px;border-bottom: 1px solid #d9d9d9;  }
.newslist li .news-date p{}

.newslist li a:hover h3{ color:#f58500; }
.newslist li a:hover .news-txt p span{ color:#f58500; }



/* newsview huly */
.smain-con-l{float: left; width: 830px;  padding: 30px;  box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.newsview_tit{font-size: 24px; line-height: 1.6; color: #000;}
.newsview_time,.newsview_time a{color: #999;}

.newsview_guide { border:1px solid #eee; color:#999; line-height:1.8em; margin-top:15px; padding:15px; }
.newsview_guide span{ color:#f58500; }
.newsview_guidzx{ text-align:center;}

.newsview_download a{ margin:0 5px; color:#1463aa; }
.newsview_download i.icon-down{ display:inline-block; width:20px; height:20px; background:url(../images/bb_img/icon-down.png) no-repeat center center; background-size:cover; vertical-align:middle; margin-left:5px; }



.newsview_detail{ line-height:2; overflow:hidden; padding:20px 0; }
.newsview_detail p{ }
.newsview_detail img{ max-width:100%;}

.smain-con-r{float: right;width:280px}
.smain-con-r-con{box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 20px;}
.smain-con-r-con h3{color: #000; font-size: 24px; padding-bottom:15px;}
.smain-con-r-con p{font-size: 12px;color: #999; line-height: 1.5;}
.share-list{}
.share-list a{ display: inline-block; margin-right: 30px;}
.share-list a img{width: 30px; height: 30px;}
.newslink{display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 18px; background: #1463aa; color: #FFFFFF;}
.newslink:hover{color: #ddd;}

/* develop huly */
.developlist{ width:1230px; margin-left:-30px; }
.developlist:after{ content:""; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
.developlist li{ float:left; width:380px; height:335px; overflow:hidden; margin-left:30px; margin-bottom:30px; background:#fff; -webkit-transition:all 0.5s; background-color:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); }
.developlist li a{ width:380px; height:315px; padding: 20px; display:block; box-sizing:border-box; position:relative;	-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; box-sizing:border-box;  }
.developlist li a:hover{  text-decoration:none; }
.developlist li img{ width:340px; height:255px; }
.developlist li .pro-tit{font-size: 16px; height:60px; line-height: 60px;  text-align:center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.developlist li .link-area .icon-link{ position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; background:url(../images/bb_img/icon-link.png) no-repeat;}
.developlist li .link-area {
	width:340px; height:255px;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 20px;
	top: 20px;
	opacity: 0;
	filter: Alpha(opacity=0);
   *zoom:1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}
.developlist li a:hover .link-area {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}

/* prolist huly */
.pro-search{text-align: center; font-size: 0; padding-bottom:20px; line-height: 50px;}
.pro-search .mess-inp {
	display: inline-block;
    width: 350px;
    padding: 0 10px;
    height: 50px;
    background: #fff;
    border: 1px solid #eee;
	outline:0;
    border-radius: 5px 0px 0px 5px;
	font-size: 14px; vertical-align: top;
}
.pro-search .mess-inp:focus{
	border: 1px solid #1463aa;
}
.pro-search .mess-btn {
    display: inline-block;
    width: 120px;
    height: 52px;
    background: #1463aa;
    border: none;
    color: #fff;
    text-align: center;
	font-size: 16px;
    border-radius:0px 5px 5px 0;
	margin-left: -5px; vertical-align: top;
}
.pro-category{text-align: center; padding-bottom: 50px;}
.pro-category a{padding: 0 15px; font-size: 16px; color: #000;}
.pro-category a.cur,.pro-category a:hover{ color: #1463aa;}

.pro-dcon{
	padding: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1); 
	margin-bottom: 30px;
}
.proimg{width: 560px; height: 360px;}
.proimg img{width: 560px; height: 360px;}
.pro-intro{width: 540px; line-height: 1.8;}
.pro-intro h3{font-size: 18px; padding-top: 20px;}
.pro-intro p{font-size: 16px; color: #999;}
.pro-dcon-tit{font-size: 18px; padding-bottom:20px;}
.return-btn a{display: inline-block; width: auto; padding: 0 30px;}

/* 在线招聘 */
.online-list{ width:1230px; margin-left:-30px; }
.online-item{ float:left; width:366px; height:390px; overflow:hidden; margin-left:40px; margin-bottom:20px; background:#fff; -webkit-transition:all 0.5s; background-color:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); }
.online-item a{  width:366px; height:400px; padding: 20px; display:block; box-sizing:border-box; position:relative;	-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;	transition: all .3s ease-in-out 0s; box-sizing:border-box;  }
.online-item .online-item-tit{ padding:15px 0; color: #333;}
.online-item .online-item-tit2{font-size: 16px; color: #666; padding-bottom:15px;border-bottom: 1px solid #eee;}
.online-item .online-txt{font-size: 16px; line-height: 1.5; height: 170px; color: #999; overflow:hidden; }
.online-item .online-link{ height:50px; line-height:50px; text-align: right; color: #999;}
.online-item a:hover{ background-color: #f9f9f9;  text-decoration:none;}
.online-item a:hover .online-item-tit b { color: #f58500;}
.online-item a:hover .online-link{ color: #f58500; }
.addr{width: 480px; padding-right: 40px; border-right: 1px solid #d9d9d9;}
.addr h3{font-size: 24px; font-weight: bold; color: #444; padding-bottom: 30px;}
.addr p{font-size: 16px; color: #999; padding-bottom: 15px;;}
.job-form{
	width: 600px;
}
.job-form-item{ margin-bottom: 30px; font-size: 0;}
.job-form-item .mess-inp {
	display: inline-block;
    width: 280px;
    padding: 0 10px;
    height: 50px;
    background: #fff;
    border: 1px solid #999;
	outline:0;
	border-left: 0 none;
   border-radius:0px 5px 5px 0;
	font-size: 14px; vertical-align: top;
}
.job-form-item .mess-inp:focus{
	border-color:#1463aa;
}
.job-form-item .mess-btn {
    display: inline-block;
    width: 120px;
    height: 52px;
	line-height: 52px;
    background: #1463aa;
    border: none;
    color: #fff;
    text-align: center;
	font-size: 16px;
    border-radius: 5px 0px 0px 5px;
	 vertical-align: top;
}


/* popup */
.popup-mask, .popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	display: none;
}
.popup-wrapper {
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2020;
	
}
.popup-mask {
    background-color: rgba(0,0,0,.425);
    z-index: 2008;
}
.popup-modal {
	box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    top: 50%;
    outline: 0;
    width: 900px;
	height: 460px;
	margin-top:-230px;
	padding:20px 60px;
	background-color: #fff;
}
.popup-close{
	position: absolute;
	width: 48px;
	height: 48px;
	right: -50px;
	top:-50px;
	background: url(../images/bb_img/icon-link.png) no-repeat center; cursor: pointer;
}
.popup-header{
	font-size: 22px;
	padding: 20px 0;
	border-bottom: 1px solid #d9d9d9;
}
.popup-header span{color: #999; float: right; font-size: 16px;}
.popup-body{
	
	margin:25px 0;
	height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
	color: #888;
	font-size: 14px;
}
.online-item-tit{
	padding-bottom: 10px;font-size: 16px;
}
.popup-footer{
	border-top: 1px solid #d9d9d9;
	padding: 25px 0;
}
.popup-footer input[type="button"]{padding: 0 50px; height: 40px; border: 0 none; color: #fff; background: #1463aa;}
.popup-footer span{float: right; color: #999; padding-right: 20px; line-height: 40px;}
.popup-footer span img{width: 16px; margin-right: 5px;}





/* hr*/
.core-box{  background:#f7f7f7 url(../images/bb_img/core-bg.jpg) no-repeat top center ;}
.core-list{ width:1230px;  }
.core-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.core-list li{ float:left; width:380px; height:430px; margin-right:30px; background:#fff; text-align:center; }
.core-list li img{ width:380px; height:220px; }
.core-list li h2{ height:30px; line-height:30px; font-size:20px; margin-top:30px;  }
.core-list li span{ display:block; margin:0 auto; width:38px; height:2px; background:#0168b7  }
.core-list li p{ padding:20px 35px; color:#999; line-height:1.8; font-size:16px; }

.talent-box{  background:#f7f7f7 ;}
.talent-list{ width:1230px; height:480px;  }
.talent-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.talent-list li{ float:left; width:380px; height:380px; border-bottom:5px solid #0168b7; margin-right:30px; background:#fff; text-align:center; }
.talent-list li img{ width:200px; height:200px; margin-top:20px; }
.talent-list li p{  padding:0px 35px;  color:#999; line-height:1.8; font-size:16px;}

.salary-box{ height:600px;  background:#f7f7f7 url(../images/bb_img/salary-bg.jpg) no-repeat top center ;}
.salary-list{ width:1232px;  }
.salary-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.salary-list li{ float:left; width:276px; height:360px; margin-right:32px; background:#fff; text-align:center; }
.salary-list li h2{ height:30px; line-height:30px; font-size:20px; margin-top:50px;  }
.salary-list li span{ display:block; margin:0 auto; width:38px; height:2px; background:#0168b7;  }
.salary-list li p{  padding:20px 35px;  color:#999; line-height:1.8; font-size:16px;}

.train-box{ background:#f7f7f7; padding-bottom:40px; }
.train-list{ width:1200px;  }
.train-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.train-list li { height:220px; background:#fff; border-radius:10px; margin-bottom:20px;}
.train-list li .fl{ margin-right:30px;}
.train-list li .fr{ margin-left:30px;}
.train-list li .train-img{ width:220px; height:220px; border-radius:10px; background:#0168b7; text-align:center; }
.train-list li .train-img img{ width:120px; height:120px; margin-top:50px; }
.train-list li .train-txt{ padding:20px 30px 0 30px;}
.train-list li h2{ height:50px; line-height:50px; font-size:20px; margin-top:25px;  }
.train-list li p{  color:#999; line-height:1.8; font-size:16px; }

.result-box{ height:680px;  background:#f7f7f7 url(../images/bb_img/result-bg.jpg) no-repeat top center ;}
.result-list{ width:1260px; padding-top:140px; }
.result-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;  }
.result-list li { float:left; width:570px; height:400px; margin-right:60px; text-align:center;  background-color: rgba(255, 255, 255, 0.7); }
.result-list li h2{ height:50px; line-height:50px; font-size:24px; color:#333; margin-top:80px;  }
.result-list li p{ padding:30px 50px;  color:#333; line-height:1.8; font-size:18px; }
.result-list li span{ display:block; margin:0 auto; width:45px; height:1px; background:#0168b7;}




/* smain_pos  位置  */
.smain_pos{width:100%; height:60px; line-height:40px; padding:10px 0; box-sizing:border-box; clear:both; margin:0 auto; background:#1463aa; color:#fff;  }
.smain_pos i{ display:block; float:left; width:16px; height:36px; margin-right:10px; background:url(../images/bb_img/home.png) no-repeat 0 center; }
.smain_pos a{ color:#fff;  }


/* page */
.page { margin:0 auto; padding:10px 0; text-align:center; clear:both}
.page A { border:#eee 1px solid; padding:5px 8px; margin:2px; color:#333; text-decoration:none;}
.page A:hover { border:#999 1px solid; color:#666;}
.page A:active { border:#999 1px solid; color:#666; }
.page .current { border:#333 1px solid; padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background:#333;}
.page .disabled { border:#eee 1px solid; padding:5px 8px; margin:2px; color:#ddd;}

.text-c{  margin:0 auto; padding:10px 0; text-align:center; clear:both; text-align:center; }
.text-c a:hover { border:#0168b7 1px solid; color:#0168b7;}
.text-c a { border:#eee 1px solid; padding:5px 8px; margin:2px; color:#333; text-decoration:none;}
.text-c span { border:#0168b7 1px solid; padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background:#0168b7;}




/* 新增 202107 */
#navwarp {float: right; width: 900px; height:120px; }
#navwarp>ul { height: 120px; float:right;}
#navwarp>ul>li { position: relative; float: left; width: 100px; height: 120px; padding:0 1px; text-align: center; cursor: pointer; user-select: none; z-index:9999999999}
#navwarp>ul>li>a { display:inline-block; width:100%; height:120px; padding:35px 15px 30px 15px; line-height:50px; font-size:16px;  box-sizing:border-box;  color:#333; }
#navwarp>ul>li>a:hover { font-weight:bold; text-decoration:none; border-bottom:3px solid #f58500; color: #f58500; background-color: rgba(245, 133, 0, 0.03); }
#navwarp>ul>li.cur>a { font-weight:bold; border-bottom:3px solid #f58500; color: #f58500; background-color: rgba(245, 133, 0, 0.03);  }

#navwarp #snav { position: absolute; display: none; background-color: rgba(255, 255, 255, 1); top: 120px; width:530px; height:300px; padding:20px; overflow:hidden; z-index:99999999; border:1px solid #ddd; box-sizing:border-box;  }
#navwarp .snav-pos01{ left:0; }
#navwarp .snav-pos02{ left:-50px; }
#navwarp .snav-pos03{ left:-100px; }
#navwarp .snav-pos04{ right:-150px; }
#navwarp .snav-pos05{ right:-100px; }
#navwarp .snav-pos06{ right:-50px; }
#navwarp .snav-pos07{ right:0; }

#navwarp #snav .snav-list{ float:left; width:100px; text-align:left; }
#navwarp #snav .snav-list a{ display:block; position:relative;  font-size:16px; padding:10px 0; }
#navwarp #snav .snav-list a:hover,#navwarp #snav .snav-list a.selected { color: #f58500; }
#navwarp #snav .snav-list a::after { position: absolute; content: ""; bottom: 0px; left: 0; width: 0; height: 3px; transition: all .3s; background-color: #f58500; }
#navwarp #snav .snav-list a:hover::after { width: 100%; margin: 0 auto; }

#navwarp #snav .snav-img{ float:right; width:350px; text-align:left;}
#navwarp #snav .snav-img img{ width:350px; height:150px; margin-bottom:20px;}
#navwarp #snav .snav-img p{ line-height:1.5; padding-bottom:10px; color:#666; }
#navwarp #snav .snav-img p span{ margin:10px 0; font-weight:bold; font-size:18px; color:#333; }



.subnav{ width:100%;  height:80px; line-height:80px; background:#eee; }
.subnav-chtxt{ font-size:24px; font-weight:bold;  }
.subnav-entxt{ font-size:16px; clear:both; color:#666 }
.subnav-chtxt:before {
    content: "";
    display: inline-block;
    margin-right: 0.625rem;
    border: 0.375rem solid #333;
    border-left-width: 0.75rem;
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent; }
.subnav-menu{  position:relative; box-sizing:border-box; }
.subnav-menu a{ display:inline-block; height:40px; line-height:40px; padding:0 20px; color:#333; font-size:16px; position:relative; margin-top: 20px; }
.subnav-menu a:hover,.subnav-menu a.active{  text-decoration:none; border-radius: 20px 0 20px 0; color: #fff;background: #f58500; }
.subnav-menu a span{ transform: skewX(20deg) !important;}
.subnav-menu a:hover span,.subnav-menu a.active span{ transform: skewX(20deg) !important;}