ul, ol { list-style: none;  padding: 0px;}



#header{ box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5); padding: 0px 40px;}
#logo{background: url('../images/logo.png') center center no-repeat; background-size: 40px 34px; width:40px;}

#header.roll{ box-shadow: none; padding: 20px 40px;}
#header.roll #logo{ width: 75px; background-size: 73px 63px;}


.navber_lang{ padding-right: 0px; padding-left: 20px;}
.navber_lang{ float: right; line-height: 70px; }
.navber_lang a{background-color: #ee7700; color: #FFFFFF; padding: 2px 5px; cursor: pointer;}
.navber_lang a:hover{ text-decoration: none; color: #FFFFFF;}

#banner{min-width: 1280px; height: 513px; padding: 0px; position: relative; overflow: hidden;}



.mainw{ width: 1280px; margin: 0px auto; padding: 0px; overflow: hidden;}

.swiper-index{ width: 100%;height: 100%;}
.swiper-index .swiper-slide{ text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center;align-items: center;    }
.swiper-index .swiper-slide img { display: block;width: 100%; height: 100%;object-fit: cover;  }

.swiper-news{ width: 1280px;  }
.swiper-news .swiper-slide img{ display: block; width: 100%; height: 200px; object-fit: cover; display: block; }
.swiper-news .swiper-slide .title{ font-size: 18px; line-height: 30px; height: 70px; overflow: hidden; padding-top: 10px; }
.swiper-news .swiper-slide-info{width: 100%; display: block; float: none; height: 360px; color: #000000; }
.swiper-news .swiper-slide-info:hover{ text-decoration: none; color: #ff7800;}

.swiper_word{ width: 760px; height: 300px; position: absolute; color: #FFFFFF; text-align: left; top: 380px; }
.swiper_word .st1{ font-size: 36px; font-weight: bold; line-height: 60px;}
.swiper_word .st2{ font-size: 36px; line-height: 60px }
.swiper_word .st3{ font-size: 16px; line-height: 30px; padding-top: 10px;}
.swiper_word .st4{ font-size: 16px; line-height: 30px}


.locationbox{ width: 100%; min-width: 1280px; height: 55px; display: block;  border-bottom: solid 1px #DDDDDD; overflow: hidden; background-color: #FFFFFF; }


.rightmenu{ float: right; }
.rightmenu>li{ width: 120px; height: 55px; float: right; text-align: center; }
.rightmenu>li>a{ padding: 5px 10px 0px 10px;  display: inline-block; height: 55px; line-height: 45px; color: #333333; text-decoration: none;}
.rightmenu>li>a:hover,.rightmenu>li>a.cur{ border-bottom: solid 5px #FF7C00; font-weight: bold; color: #000000; }


.newsbox{}
.newsbox .title{ height: 50px; padding: 20px 0px; overflow: hidden; box-sizing: content-box; }
.newsbox .title>h2{ height: 50px; line-height: 50px; padding: 0px; margin: 0px; font-weight: 500;}
.newsbox .title>a{ padding-top: 10px; display: block; height: 40px; line-height: 40px; color: #666666; left: 10px;}
.newsbox .title>a:hover{ color: red; text-decoration: none;}


.mod{ overflow: hidden;}
.mod .mod_about{ width: 757px; height: 565px; position: relative; overflow: hidden; float: left; display: block; }
.mod .mod_about>img{ width: 100%;}
.mod .mod_about .about_title{ padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px; position: absolute; bottom: 140px; color: #FFFFFF;}
.mod .mod_about .about_desc{ width: 100%; font-size: 20px; color: #000000; padding: 10px; position: absolute; bottom: 50px; line-height: 30px;background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%)}

.mod .mod_right{ width: 498px; float: right ; }
.mod .mod_ipo{ width: 498px; height: 310px; position: relative; margin-bottom: 20px; display: block;}
.mod .mod_ipo>img{ width: 100%;}
.mod .mod_ipo .ipo_title{ padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px; position: absolute; bottom: 90px; color: #FFFFFF;}
.mod .mod_ipo .ipo_desc{ width: 100%; font-size: 20px; padding: 10px; color: #FFFFFF; position: absolute; bottom: 40px; line-height: 30px;}

.mod .mod_hr{ display: block; position: relative; width: 498px; height: 234px; background:#ee7700 url(../images/icon_hr.png) no-repeat center 30px; color: #FFFFFF; text-align: center;}
.mod .mod_hr:hover{ background-color: #ee5500;}
.mod .mod_hr .hr_title{width: 100%; font-size: 24px; position: absolute; bottom: 100px; text-align: center;}
.mod .mod_hr .icon_right{ left: 50%; margin-left: -7px; bottom: 50px;}


.company_img{ width: 530px; float: left;}
.company_desc{ width: 680px; float: right; }
.company_desc p{ text-indent: 2em;line-height: 30px; font-size: 16px; color: #666666; text-align: justify; }
.company_info{ text-align: center; padding-top: 30px; font-size: 16px; line-height: 40px;}


.cs_items{ width: 1280px; margin: 0px auto; overflow: hidden; }
.cs_items .item{ width: 302px; height: 300px; overflow: hidden; float: left; margin-right: 24px;}
.cs_items .item:last-child{ margin-right: 0px;}
.cs_items .item .title{ height: 80px; line-height: 80px; padding-left: 20PX; position: relative; background-color: #ee7700; color: #FFFFFF; font-size: 20px;}
.cs_items .item .title .more{ width: 30px; height: 30px; line-height: 30px; cursor: pointer; background-color: #FFFFFF; border-radius: 30px; display: block; position: absolute; right: 20px; bottom: 25px;}
.cs_items .item .title .more>span{ width: 80px; color: #ee7700; text-align: right; font-size: 16px;  display: none;}
.cs_items .item .title .more:hover{ width: 110px; text-decoration: none;}
.cs_items .item .title .more:hover span{display: block;}
.cs_items .item .title .more>i{ width: 30px; height: 30px; display: block; cursor: pointer; background: url(../images/icon_more2.png) no-repeat center;position: absolute; right: 0px; top: 0px; }

.gc_info>p{ line-height: 30px; font-size: 16px; text-indent: 2em;text-align: justify; }

.honorlist{ position: relative;  font-size: 16px; }
.honorlist>li{ height: 140px; padding:25px 0px 20px 140px; line-height: 20px; border-bottom: solid 1px #DDDDDD; position: relative; }
.honorlist>li>.date{ width: 100px; height: 100px; padding-top: 20px; font-size: 20px; text-align: center; line-height: 35px; position: absolute; left: 0px; top: 20px; background-color: #ee7700; color: #FFFFFF;}
.honorlist>li>.date>span{ display: block; font-size: 36px; color: #FFFFFF; }
.honorlist>li>.title{ line-height: 30px;  font-size: 20px; padding-bottom: 10px;}
.honorlist>li>.desc{ line-height: 35px; color: #999999;}
.honorlist>li:hover{ background-color: #F4F4F4;}
.honorlist>li:hover>.desc{ color: #333333;}


.yfzxgs{ overflow:hidden; height: 569px; background-color: #EFEFEF;}
.yfzxgs .word{ width: 697px; float: left; padding: 30px 0px 50px 50px;}
.yfzxgs .word .title{ color:#ee7700; font-weight: bold; font-size: 24px; line-height: 60px; }
.yfzxgs .word>p{ line-height: 28px; font-size: 16px; text-indent: 2em; color: #999999;text-align: justify;}
.yfzxgs .img{ width: 563px; height: 569px; float: right; }


.kycx{ padding-top: 20px;}
.kycx .title{color:#ee7700; font-weight: bold; font-size: 24px; line-height: 100px; text-align: center;}
.kycx .desc{ line-height: 32px; font-size: 16px; text-indent: 2em; color: #999999;text-align: justify;}
.kycx .imgs{ overflow: hidden; padding-top: 50px;}
.kycx .imgs>img{ float: left; margin-right: 16px; width: 416px; overflow: hidden;}
.kycx .imgs>img:last-child{ margin-right: 0px;}


.table_jszx{ width: 100%;}
.table_jszx tr,.table_jszx tr td{ border:solid 1px #666666;text-align: center; line-height: 50px; font-size: 16px; }
.table_jszx tr:first-child td{ font-weight: bold;}

.jszx{ padding-top: 50px;}
.jszx .item{ overflow: hidden; height: 386px; margin-bottom: 30px; }
.jszx .item .img{ width: 640px; height: 386px; float: left;}
.jszx .item .img>img{ width: 640px; height: 386px;}
.jszx .item .info{ width: 640px; height:386px ; padding: 30px 30px 0px 60px; float: right; color: #FFFFFF; font-size: 18px; line-height: 36px;  background-color: #ee7700;}
.jszx .item .info .name{ width: 100px; line-height: 30px; font-size: 16px; color: #FFFFFF; border-bottom: solid 3px #FFFFFF; margin-bottom: 20px;}
.jszx .item .info>strong{ font-size: 50px; padding:10px; }

.jszx .item:nth-child(even) .img{ float: right;}
.jszx .item:nth-child(even) .info{ float: left;}


.rd .title{ line-height: 50px; padding: 30px 0px; font-weight: bold; text-align: center; color: #ee7700;}
.rd .info{ line-height: 25px; font-size: 14px; color: #626262;}
.rd .info p{ text-indent: 2em; padding: 5px 0px; text-align: justify;}

.rd_items>div{ padding: 0px; position: relative;}

.rd_items .more{ width: 50px; height: 50px; line-height: 50px; cursor: pointer; background-color: #ee7700; border-radius: 50px; display: block; position: absolute; left: 50px; bottom: 50px;}
.rd_items .more>span{ width: 100px; color: #FFFFFF; text-align: right; font-size: 18px;  display: none;}
.rd_items .more:hover{ width: 150px; text-decoration: none;}
.rd_items .more:hover span{display: block;}
.rd_items .more>i{ width: 50px; height: 50px; display: block; cursor: pointer; background: url(../images/icon_more.png) no-repeat center;position: absolute; right: 0px; top: 0px; }



.teambox{ padding-top: 40px;}
.teambox img{ margin: 0px auto;}
.teambox .item_name{ text-align: center; padding: 20px 0px; line-height: 30px;}
.teambox .item_name .name{ font-size: 20px;}
.teambox .item_info{ width: 260px; margin: 0px auto;text-align: justify; padding-bottom: 20px; color: #999999; text-indent: 2em; line-height: 24px;}


.tzd_item1{ height: 530px; overflow: hidden; background-color: #efefef;} 
.tzd_item1 .word{ text-indent: 2em; float: left; width: 522px; height: 530px; padding:40px 30px; position: relative; font-size: 20px;text-align: justify;  line-height: 32px; }
.tzd_item1 .img{  float: right; width: 758px;}
.tzd_item1 .btn_look{ width: 200px; height: 50px; line-height: 50px; cursor: pointer; background-color: #ee7700; border-radius: 50px; display: block; position: absolute; left: 50px; bottom: 30px;}
.tzd_item1 .btn_look>span{ width: 150px; display: block; color: #FFFFFF; text-align: right; font-size: 18px; }
.tzd_item1 .btn_look:hover{text-decoration: none;}
.tzd_item1 .btn_look>i{ width: 50px; height: 50px; display: block; cursor: pointer; background: url(../images/icon_more.png) no-repeat center;position: absolute; right: 0px; top: 0px; }


.tzd_item2{ height: 420px; background-color: #efefef;}
.tzd_item2 .video{ width: 755px; float: left;}
.tzd_item2 .word{ width: 525px; height: 420px; float: right;  text-indent: 2em; padding:50px 30px; text-align: justify; display: flex; align-items: center; font-size: 20px; line-height: 50px; }

.tzd_item3{ height: 423px; background-color: #efefef;}
.tzd_item3 .word{ width: 522px; height: 420px; float: left;  text-indent: 2em; padding:50px 30px; text-align: justify; display: flex; align-items: center; font-size: 20px; line-height: 50px; }
.tzd_item3 .img{ float: right; width: 758px;}



.plan_item1{ height: 642px; overflow: hidden; background-color: #efefef;}
.plan_item1 .img{ width: 440px; height: 642px; float: left;}
.plan_item1 .word{ width: 840px; float: right; padding: 30px;}

.plan_item2{ position: relative;}
.plan_item2 .img{ text-align: center; position: absolute; top: 120px; z-index: 99; left: 50%; margin-left: -640px; }
.plan_item2 .word{ background-color:#efefef;text-align: justify; padding-top: 220px; padding-bottom: 20px; font-size: 20px; line-height: 40px; position: relative; z-index: 98; margin-top: 220px;}
.plan_item2 .word p{  text-indent: 2em; }

.plan .title{ line-height: 40px; padding: 0px; font-weight: bold; color: #ee7700;}
.plan .desc{ text-align: center; line-height: 50px; font-size: 18px; color: #666666; }
.plan .info{ line-height: 25px; font-size: 14px; color: #626262;}
.plan .info p{ text-indent: 2em; font-size: 20px; line-height: 40px; padding: 5px 0px; color: #000000; text-align: justify;}

.trends_pro{ overflow: hidden; padding-top: 50px;}
.trends_pro>div{ padding: 0px; overflow: hidden;}
.trends_pro>div .word{ width: 408px; height: 180px;  text-align: left; padding-left: 30px; padding-top: 10px; position: relative; background-color: #efefef; display: inline-block;}
.trends_pro>div .word h3{ font-weight: bold; margin-bottom: 0px;}
.trends_pro>div .word .more{ width: 50px; height: 50px; line-height: 50px; cursor: pointer; background-color: #ee7700; border-radius: 50px; display: block; position: absolute; right: 20px; bottom: 20px;}
.trends_pro>div .word .more>span{ width: 100px; color: #FFFFFF; text-align: right; font-size: 18px;  display: none;}
.trends_pro>div .word .more:hover{ width: 150px; text-decoration: none;}
.trends_pro>div .word .more:hover span{display: block;}
.trends_pro>div .word .more>i{ width: 50px; height: 50px; display: block; cursor: pointer; background: url(../images/icon_more.png) no-repeat center;position: absolute; right: 0px; top: 0px; }
.trends_pro>div.active .word h3{ color: #ee7700;}


.trends_list{ padding-top: 50px;}
.trends_list .item{ padding: 30px; border-bottom: solid 2px #666666;}
.trends_list .item .idate{ line-height: 30px; }
.trends_list .item .ititle{ font-size: 18px; line-height: 50px; font-weight: bold;}
.trends_list .item .idesc{ line-height: 30px;}
.trends_list .item .btn_more{ width: 30px; height: 30px; margin-top: 10px; border-radius: 30px; background-color: #ee7700; cursor: pointer; display: block; position: relative; }
.trends_list .item .btn_more>span{ display: none;}
.trends_list .item .btn_more>i{ width: 30px; height: 30px; display: block; cursor: pointer; background: url(../images/icon_more_s.png) no-repeat center;position: absolute; right: 0px; top: 0px;}

.trends_list .item:hover{ background-color: #ee7700; color: #FFFFFF; border-bottom-width: 0px;}
.trends_list .item:hover .btn_more{ width: 100px; background-color: #FFFFFF;text-decoration: none;}
.trends_list .item:hover .btn_more>span{ width: 70px; line-height: 30px; text-align: right; text-decoration: none; display: block; color: #ee7700;}
.trends_list .item:hover .btn_more:hover>span{ text-decoration: none; }
.trends_list .item:hover .btn_more:hover{ text-decoration: none; }
.trends_list .item:hover .btn_more>i{ width: 30px; height: 30px; display: block; cursor: pointer; background: url(../images/icon_more_s2.png) no-repeat center;position: absolute; right: 0px; top: 0px;}



.newslist{ padding-top: 20px;}
.newslist>.row{ display: block; padding:30px 10px 30px 250px; position: relative; min-height: 140px; _height:140px; border-bottom: dashed 1px #DDDDDD; }
.newslist>.row .thumbnail{ position: absolute; left: 20px; top:30px; width: 210px; height: 140px; }
.newslist>.row>.title{ line-height: 24px; font-size: 20px; font-weight: bold; padding-right: 100px; display: block; }
.newslist>.row>.title:hover{ color: #ee7700; text-decoration: none;}
.newslist>.row>.date{ position:absolute; right: 30px; top: 35px; font-size: 12px;}
.newslist>.row>.desc{ color: #999999;  line-height: 35px; padding: 10px 0px; height: 90px; overflow: hidden;}
.newslist>.row>.keys{ line-height: 35px; color: #999999; }
.newslist>.row>.keys>strong{ color: #999999; font-weight: 100;}
.newslist>.row:hover{ background-color: #F4F4F4;}

.newslist2{}
.newslist2>li{ height: 35px; line-height: 35px; position: relative; padding-left: 30px; overflow: hidden;}
.newslist2>li>.num{ width: 20px; text-align: right; position: absolute; left: 0px; top: 0px; font-size: 16px; font-family:"妤蜂綋";font-style: italic; }
.newslist2>li>.num.top{ color: #e05f11; font-weight: bold; font-size: 20px;   }


.article{ line-height:35px; font-size: 16px; }
.article h2{ font-size: 24px; line-height: 50px; text-align: center;  }
.article h3{ font-size: 16px; line-height: 40px; padding-top: 30px; }
.article .description{ border-bottom: solid 1px #DDDDDD; line-height: 40px; padding-bottom: 20px; margin-bottom: 20px; font-size: 14px; text-align: center; color: #999999; }
.article .description>span{ color: #DDDDDD;}
.article .label{ color: #999999; text-align: center;}
.article p{ padding: 10px 0px; text-indent: 2em; text-align: left;}
.article p img{ margin: 0px auto; max-width: 90%;}
.article .nostyle p{ padding: 0px; text-indent: 0em; }
.article a{ color: #e57015;}
.article a:hover{ text-decoration: underline;}
.article>strong{ color: #c95f0d;}
.article>.img{ display: block; margin: 0px auto;}
.article img{ max-width: 100%;}

.category{ overflow: hidden; }
.category .item{ width: 20%; height: 180px; display: block; float: left; text-decoration: none; padding: 30px 46px 0px 46px; position: relative; display: block; }

.category .item .img{ width: 160px; height: 80px; background-position: center 0px ; background-repeat: no-repeat; }
.category .item .name{ line-height: 20px; color: #000000;  max-width: 160px; margin: 0px auto; text-align: center;}
.category .item.active .img,.category .item:hover .img{background-position: center -80px;}
.category .item.active .name,.category .item:hover .name{ color: #ee7700; }
.category .item.active .name:before,.category .item:hover .name:before{ content: ''; position: absolute; bottom: 0px; left: 76px; height: 3px; width: 100px; display: block; background-color: #ee7700;}

.prolist{ padding-top: 30px;}
.prolist .item{ width: 400px; height:480px; margin-bottom: 50px; text-decoration: none; display: block; line-height: 30px;  color: #000000; overflow: hidden; border-bottom: solid 1px #e9e9e9;}
.prolist .item img{ width: 100%;}
.prolist .item:hover{ text-decoration: none; color: #ff7800;}
.prolist .item .shortname{ font-size: 20px; font-weight: bold; padding-top: 10px; }
.prolist .item .name{ font-size: 16px; font-weight: bold;}
.prolist .item .symptom{ font-size: 14px; height: 50px; overflow: hidden; padding-top: 20px;}


.proinfo{ padding:50px 0px 50px 380px; min-height: 180px; position: relative; }
.proinfo .thumbnail{ position: absolute; left: 10px; top: 20px; max-width: 350px;  }
.proinfo>.title{ line-height: 24px; font-size: 30px; font-weight: bold; }
.proinfo>.desc{  line-height: 35px; padding-top: 20px;}


/***左侧***/
.sidebar{ width: 150px; position: absolute; left: 0px; top: 0px;  }
.sidebar>a{ height: 60px; line-height: 60px; text-align: center; display: block;  border-bottom:solid 1px #DDDDDD; }
.sidebar>a.cur{ background-color: #FF7C00;border-bottom-color:#FF7C00;  color: #FFFFFF;}
.sidebar>a:hover{ background-color: #ee7516; border-bottom-color:#ee7516;  color: #FFFFFF;}
/***右侧***/
.sileright{ width:1130px; border-left: solid 1px #DDDDDD; float: right; padding: 20px 0px 20px 30px; min-height: 500px; }

.title_css{ background: url(../images/icons.png) repeat-x 0px -8px; height: 20px;  border-left: solid 5px #c95f0d; font-size: 12px; }
.title_css>strong{ font-size: 16px; color:#333333; font-weight: bold;line-height: 20px; padding-left: 10px; background-color: #fafafa; display: inline-block; padding-right:10px; ;}
.title_css>span{ background-color: #fafafa; display: inline-block; padding: 5px 5px 5px 0px;}
.title_css>.more{ color: #999999; float: right; margin-top: 5px; text-decoration: none;}
.title_css>.more:hover{ color: red; }


.protable{ width: 100%; font-size: 14px;}
.protable td{ width: 380px;  border: solid 1px #DDDDDD; line-height: 24px; box-sizing: border-box; padding:15px 10px; }
.protable .th{ width: 130px ; padding-right: 10px; text-align: right; background-color: #F4F4F4; }

.details{ line-height:35px; font-size: 16px; }
.details h2{ font-size: 24px; line-height: 50px; text-align: center;  }
.details h3{ font-size: 16px; line-height: 40px; padding-top: 30px; }
.details .description{ border-bottom: solid 1px #DDDDDD; line-height: 40px; padding-bottom: 20px; margin-bottom: 20px; font-size: 14px; text-align: center; color: #999999; }
.details .description>span{ color: #DDDDDD;}
.details .label{ color: #999999; text-align: center;}
.details p{ padding: 10px 0px; text-indent: 2em; text-align: left;}
.details p img{ margin: 0px auto;}
.details .nostyle p{ padding: 0px; text-indent: 0em; }
.details a{ color: #e57015;}
.details a:hover{ text-decoration: underline;}
.details .flstrong{ color: #c95f0d;}
.details>.img{ display: block; margin: 0px auto;}
.details img{ max-width: 100%;}

.table2{ width: 100%; }
.table2 tr{ border-bottom: dashed 1px #DDDDDD; line-height: 70px;}
.table2 th{ font-weight: bold; width: 150px; text-align: center; }
.table2 td{ width: 150px; text-align: center; border-bottom: dashed 1px #DDDDDD; background-color: #FCFCFC; position: relative; }
.table2 tr>td:first-child,.table2 tr>th:first-child{ width: auto; text-align: left; padding-left: 20px;}
.table2 td .btn,.table2 td .btn2{ background-color: #FFFFFF; text-decoration: none; padding: 0px 20px; height: 30px; line-height: 30px; text-align: center; border: solid 1px #DDDDDD; font-size: 14px;  border-radius: 3px; display: inline-block;}
.table2 tr:hover{ background-color: #f6f6f6; }
.table2 tr:hover td .btn{ background-color: #e05f11; color: #FFFFFF;border: solid 1px #e05f11;}
.table2 tr.title{ height: 45px; line-height: 45px; background-color: #FFFFFF; border:solid 1px #DDDDDD; }
.table2 tr.title:hover{ background-color: #FFFFFF; }
.table2 tr.title>th{ border-bottom:solid 1px #DDDDDD; border-top:solid 1px #DDDDDD; }
.table2 td .btn:hover{ color: #FFFFFF; text-decoration: none;}
.table2 td .btn2:hover{ background-color: #00AAEE; color: #FFFFFF; border-color: #00AAEE ; text-decoration: none;}
.table2 tr>td:first-child.icon{ padding-left: 30px; position: relative; }
.table2 td.icon .icon_notice{ position: absolute; left: 0px; top:25px;}
.table2 td .btn_job_end{ width: 88px; height: 52px; display: block;  background: url(../images/images.png) no-repeat -380px -50px; position: absolute; bottom: 0px; left: 50%; margin-left: -44px;}

.table2 td .btn_tred{ background-color: #e05f11; color: #FFFFFF; padding: 0px 20px; height: 30px; line-height: 30px; text-align: center;  font-size: 14px;  border-radius: 3px; display: inline-block; text-decoration: none; }
.table2 td .btn_tbule{ background-color: #3a7bdc; color: #FFFFFF; padding: 0px 20px; height: 30px; line-height: 30px; text-align: center;  font-size: 14px;  border-radius: 3px; display: inline-block; text-decoration: none; }
.table2 td .btn_tgray{ background-color: #bababa; color: #FFFFFF; padding: 0px 20px; height: 30px; line-height: 30px; text-align: center;  font-size: 14px;  border-radius: 3px; display: inline-block; text-decoration: none; }



.table3{ width: 100%; font-size: 14px;}
.table3 tr td{ width: 380px;  border: solid 1px #DDDDDD; line-height: 24px; box-sizing: border-box; padding:15px 10px; }
.table3 .th{ width: 120px ; padding-right: 10px; text-align: right; background-color: #F4F4F4; }

.imglist{ overflow: hidden; padding: 30px 0px 50px 0px; }
.imglist>li{ width: 25%; padding: 0px 15px; float: left; text-align: center; line-height: 30px;  }
.imglist>li img{ width: 100%; height: 210px; }

.student{ background: #006dca url(../images/theme/student/studentbg.jpg) no-repeat center 0px;  padding-top: 850px;}
.student ul{ width: 1000px;  float: right; margin-right: 60px;}
.student ul li{ border-radius: 5px; background-color: #FFFFFF; margin-bottom: 40px; padding: 30px 0px 20px 60px; position: relative;}
.student ul li .title{ line-height: 30px; text-decoration: none; font-size: 22px;  font-weight: bold; padding-bottom: 10px; display: block; cursor: pointer; }
.student ul li .title:hover{ text-decoration: none; color: #EE7700;}
.student ul li .imglist{ padding: 10px 0px; overflow: hidden;}
.student ul li .imglist .img{ width: 270px; height: 180px; float: left; margin-right: 35px; cursor: pointer;}
.student ul li .imglist .img>img{ width: 270px; height: 160px;}
.student ul li::before{ width: 20px; height: 28px; display: block; background: url(../images/theme/student/images.png) no-repeat 0px -170px; content: ' '; position: absolute; left: -20px; top: 30px;}

.student .timer{ width: 160px; float: left; border-right: solid 1px #2582d2; margin-top: 30px;}
.student .timer .row{ color: #FFFFFF; font-size: 24px; display: block; margin-bottom: 295px; position: relative; text-align: center;}
.student .timer .row:hover{ text-decoration: none;}
.student .timer .row::before{ width: 30px; height: 30px; content: ' '; position: absolute; right: 0px; display: block; top: 0px; background: url(../images/theme/student/images.png) no-repeat 0px 0px;}
.student .seagull1{ width: 67px; height: 30px; display: block; background: url(../images/theme/student/images.png) no-repeat 0px -50px; left: 0px; top: 200px; position: absolute; z-index: 99;}
.student .seagull2,.student .seagull3{ width: 43px; height: 19px; display: block; background: url(../images/theme/student/images.png) no-repeat 0px -100px; right: 0px; top: 500px; position: absolute; z-index: 99;}
.student .seagull3{ left: 0px; bottom: 100px; right: auto; top: auto;}
.student .seagull4{ width: 26px; height: 11px; display: block; background: url(../images/theme/student/images.png) no-repeat 0px -140px;  left: 60px; bottom: 90px; position: absolute; z-index: 99;}



.loginbox{ width: 100%; height: 453px; background: url(../images/loginbg.jpg) no-repeat center 0px;}
.loginform{ width: 340px; height: 390px; padding: 25px; float: right; margin-right: 30px; margin-top: 30px; background-color: #fefefd;}
.loginform .title{ height: 40px; line-height: 40px; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.loginform .frow{ height: 60px;  }
.loginform .frow .txt{ width: 280px; height: 50px; border: solid 1px #DDDDDD; padding-left: 10px;}
.loginform .frow .btn_login{ width: 290px; height: 50px; display: block; font-size: 16px; cursor: pointer; line-height: 50px; text-align: center; background-color: #ef5b00; color: #FFFFFF;}
.loginform .frow .btn_register{ width: 288px; height: 50px; display: block; font-size: 16px; cursor: pointer;  line-height: 50px; text-align: center; background-color: #f2f2f2; border: solid 1px #ef5b00; color: #ef5b00;}
.loginform .fbrow{ text-align: right; padding-top: 10px; }
.loginform .fbrow>a{color: #999999;}


.regbox_left{ width: 670px; float: left;}
.regbox_left>h3{ height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; }
.regbox_left .agreementbox{ width: 650px; height: 1060px; line-height: 25px; padding: 10px; border: solid 1px #DDDDDD; overflow-y: scroll;}
.regbox_left .agreementbox p{ text-indent: 2em; padding: 5px 0px;}
.regbox_right{ width: 560px; float: right;}
.regbox_right>h3{ height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; }

.regfrom{ width: 560px; }
.regfrom .row{ height: 42px; line-height: 42px; position: relative; margin:0px 0px  20px 0px; border: solid 1px #DDDDDD;}
.regfrom .row .txt{ width: 550px; height: 38px; line-height: 38px; padding-left: 150px; border-width: 0px; border-image-width: 0px; font-family: "微软雅黑"; }
.regfrom .row .label{ width: 110px; height: 20px; line-height: 20px; font-size: 14px; color: #333333; text-align: left;  position: absolute; left: 20px; top: 8px; border-right: solid 1px #DDDDDD;}
.regfrom .row .rbtn{ width: 120px; height: 40px; cursor: pointer; display: block; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 40px; background-color: #448abf; color: #FFFFFF;}
.regfrom .row .rbtn.btn_del{ background-color: red;}

.smenu{ width: 140px; height: 600px; border: solid 1px #DDDDDD; padding: 10px; float: left;}
.smenu .item{  height: 70px; line-height: 70px; display: block; border-bottom: dashed 1px #DDDDDD; font-size: 16px; text-align: center;}
.smenu .item:last-child{border-bottom: 0px;}
.smenu .item.active{ color: red; }
.scenter{ width: 1080px; float: right;}
.sform{ overflow: hidden; }
.sform .row{ min-height: 40px; line-height: 40px; margin-top: 10px; }
.sform .row .name{font-size: 14px; color: #333333; text-align: right; line-height: 40px; padding-right: 10px; }
.sform .row .txt{  line-height: 40px;  }
.sform .row .txt>input{ width: 100%; padding-left: 10px; height: 35px; line-height: 35px; border:solid 1px #999999}

.showbox{ width: 900px; border-radius: 5px; overflow: hidden; position:fixed; left:50%; margin-left: -450px; top: 100px; z-index: 9999; background-color: #FFFFFF; display: none;} 
.showbox .title{ height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; color: #FFFFFF; background-color: #FF7C00; position: relative;}
.showbox .title>.btn_close{ width:60px; text-align: right; height: 50px; line-height: 50px; color:#FFFFFF; display: block; position: absolute; top: 0px; right: 20px; cursor: pointer;}
.showbox .form{ padding: 20px 50px; overflow: hidden;}
.showbox .form>li{padding: 15px 0px 15px 85px; position: relative; line-height: 30px; float: left;}
.showbox .form>li.l_u_4{ *width:181px; }
.showbox .form>li>label{ width: 80px; height: 30px;  display: block; position: absolute; left: 0px; top: 15px; text-align: right; }
.showbox .form>li>.txt{ width: 140px; height: 30px; line-height: 30px; border: solid 1px #DDDDDD; padding-left: 10px; }
.showbox .form>li>.textarea{ width: 680px; height: 200px; line-height: 24px; padding-left: 10px; border: solid 1px #DDDDDD; }

.mark,.mark_transparent{ width: 10000px; height: 10000px; background-color: #000000; filter:alpha(opacity=70); opacity:0.7; position: fixed; top: 0px; left: 0px; z-index: 9998; display: none;}
.mark_transparent{ filter:alpha(opacity=60); opacity:0.6;}

#footer{ width: 1280px; margin: 0px auto; height: 250px; padding: 50px 0px; overflow: hidden; box-sizing: content-box;}
#footer .ft_left{ width:150px; height: 250px; float: left; border-right: solid 3px #ee7700;}
#footer .ft_mid{ width: 670px; float: left; line-height: 30px; padding-left: 20px; }
#footer .ft_right{ width: 450px; height: 250px; float: right; border-left: solid 3px #ee7700;}
.qrcodebox{ overflow: hidden; padding-left: 20px;}
.qrcodebox .item{ float: left; text-align: center;}
#footerline{ height: 100px; line-height: 100px; text-align: center; background-color: #ee7700; color: #FFFFFF;}




.icon_right{ width: 13px; height: 21px; background: url(../images/icon_right.png) no-repeat; position: absolute; bottom: 15px; left: 10px;}
.icon_down{ width: 18px; height: 25px; display: block; background: url(../images/icon_down.png) no-repeat ; position: absolute; bottom: 10px; left: 50%; margin-left: -9px; cursor: pointer; z-index: 9; }

.lbox{ width: 990px; *width: 970px; min-height: 500px; float: left; border-right: solid 1px #DDDDDD; box-sizing: border-box; padding: 30px 20px 0px 0px; *padding-right: 19px;  }
.rbox{ width: 260px; float: right; padding: 30px 0px 30px 20px;}
.rbox>h3{ padding-left: 10px; font-size: 16px; line-height: 40px;}
.fleft{ float: left;}

.cbase{ color:#ee7700 ;}
.pt50{ padding-top: 50px;}
.pb50{ padding-bottom: 50px;}
.pt100{ padding-top: 100px;}

.f30{ font-size: 30px;}


a,a:hover,a:focus {color: #333333; text-decoration: none;}
.navbar-default .navbar-nav>li>a{ color: #333333;}

.btn_big{ width: 320px; padding-left:0px; height: 70px; line-height: 70px; font-size: 16px; font-size: 20px; }
.btn_big.btn_green{ background-color: #2bc222;}
.btn_big.btn_green:hover{ background-color: #28b320; color: #FFFFFF;}

.btn_red{ width: 180px; height: 45px; line-height: 45px; text-align: center; border-radius: 3px; background-color: #e57015; color: #FFFFFF; display: inline-block; font-size: 16px; cursor: pointer; }
.btn_red:hover{ background-color: #d86a14; color: #FFFFFF;}

.btn_blue{ padding: 0px 20px; height: 35px; line-height: 35px; text-align: center; border-radius: 3px; background-color: #169ad5; color: #FFFFFF; display: inline-block; font-size: 14px; cursor: pointer; }
.btn_blue:hover{ background-color: #1692c9; color: #FFFFFF;}