body{ color: #333333;font-size: 14px; font-family: "Microsoft YaHei", "微软雅黑";}

#header{ padding: 20px 0px; min-width: 1280px; }
#header.header_shadow{box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5); padding: 0px;}
#logo{background: url('../image/logo.png') center center no-repeat; width:75px ; margin-left: 60px;}
.header_shadow #logo{width: 40px; background-size: 40px 32px; margin-left: 60px;}
#main-menu{ font-size: 16px; }
#main-menu a{ color:#000000 ;}
#main-menu a:hover{ color:#ee7700; background-color: transparent;}
#main-menu li.active>a{ color:#ee7700; background-color: transparent;}
.navber_lang{ padding-right: 60px; 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.lang_en{ background-color: #959595;}
.navber_lang a:hover{ text-decoration: none;}
.lang_pc{ display: block;}
.lang_mb{ display: none;}

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

.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}

.swiper_word_l25{ left: 25%;}
.swiper_word_l30{ left: 30%;}
.swiper_word_r5{ right: 5%;}
.swiper_word_r10{ right: 10%;}
.swiper_word_r20{ right: 20%;}


.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;}
.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;}



.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;}


.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(../image/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(../image/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(../image/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(../image/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(../image/icon_more_s2.png) no-repeat center;position: absolute; right: 0px; top: 0px;}


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

.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(../image/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(../image/icon_more2.png) no-repeat center;position: absolute; right: 0px; top: 0px; }


.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;}


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


.locationbox{ width: 100%; min-width: 1280px; height: 55px; display: block;  border-bottom: solid 1px #DDDDDD; overflow: hidden; background-color: #FFFFFF; }
.locationbox>.location{ float: left; display: none;}
.location{ line-height: 55px;font-size: 12px; float: left; display: none; }
.location>a{ color: #333333; text-decoration: none;}
.location>a,.location>label,.location>span{margin-right: 5px;}
.location>label{ font-family: 宋体; }
.location>span{ color: #999999;}


/***右边菜单***/
.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; }

/***新闻列表***/
.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: 10px; top: 35px; font-size: 12px;}
.newslist>.row>.desc{ color: #999999;  line-height: 35px; padding-top: 10px; height: 70px; 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;   }



/***分页***/
.page{ padding: 50px 0px; height: 40px; text-align: center; font-size: 12px; }
.page>a,.page>span{ display: inline-block; background-color: #FFFFFF; border: solid 1px #DBDBDB; padding:10px; margin-right: 5px; color: #000000;}
.page>a:hover,.page>.current{ background-color: #DBDBDB;}
.page>.prev,.page>.next{ font-family: "新宋体"; padding: 11px 10px 9px 10px; }

/***内容***/
.details{ line-height: 25px; }
.details>p{ padding: 10px 0px; text-indent: 2em;}

.details2{ line-height: 40px; padding: 20px 0px;}
.details2>strong{ color: #c95f0d;}
.details2>.img{ display: block; margin: 0px auto;}


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

/***表格样式***/
.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; }


.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; }



/***左侧***/
.sidebarleft{ width: 150px; padding-top: 40px;position: absolute; left: 0px; top: 0px;  }
.sidebarleft>a{ height: 60px; line-height: 60px; text-align: center; display: block;  border-bottom:solid 1px #DDDDDD; }
.sidebarleft>a.cur{ background-color: #FF7C00;border-bottom-color:#FF7C00;  color: #FFFFFF;}
.sidebarleft>a:hover{ background-color: #ee7516; border-bottom-color:#ee7516;  color: #FFFFFF; text-decoration: none;}
/***右侧***/
.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: #FFFFFF; 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; }

/***图片列表***/
.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: 45px; line-height: 45px; position: relative; margin:0px 0px  20px 0px;}
.regfrom .row .txt{ width: 550px; height: 36px; line-height: 36px; padding-left: 150px; border: solid 1px #DDDDDD; 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: 12px; border-right: solid 1px #DDDDDD;}
.regfrom .row .rbtn{ width: 120px; height: 38px; cursor: pointer; display: block; position: absolute; right: 9px; top: 4px; text-align: center; line-height: 38px; background-color: #448abf; color: #FFFFFF;}

.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 .srow{ height: 42px; margin-top: 30px; }
.sform .srow .label{ width: 290px; float: left; font-size: 14px; color: #333333; text-align: right; line-height: 40px; padding-right: 10px; }
.sform .srow .input{ width: 600px; float: left; line-height: 40px;  }
.sform .srow .input .txt{ width: 340px; padding-left: 10px; height: 40px; line-height: 40px; border: solid 1px #DDDDDD;}



/***弹出层***/
.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: 37px; height: 37px; background: url(../images/images.png) no-repeat -320px -80px; display: block; position: absolute; top: 7px; right: 7px; 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; }




.btn_apply,.btn_sumbit,.btn_big{ width: 200px; height: 60px; padding-left: 40px; border-radius: 3px; cursor: pointer; line-height: 60px; font-size: 18px;; text-align: center; background-color: #1da8f1; display: block; margin: 0px auto; color:#FFFFFF; position: relative; }
.btn_apply>i{ width: 36px; height: 34px; display: inline-block; block; background:url(../images/images.png) no-repeat -430px 0px; position: absolute; top:13px; left: 60px;}
.btn_apply:hover,.btn_sumbit:hover,.btn_big:hover{ background-color: #1b9de2; color: #FFFFFF; text-decoration: none;}
.btn_sumbit{  padding-left:0px; height: 50px; line-height: 50px; font-size: 16px; }

.btn_big{ width: 320px; padding-left:0px; height: 70px; line-height: 70px; font-size: 16px; font-size: 20px; }
.btn_big>i{ width: 7px; height: 13px; display: inline-block; background: url(../images/icons.png) no-repeat 0px -90px; position: absolute; top: 30px; right: 50px; }
.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;}


a{ color: #333333; text-decoration: none;}
a:hover{text-decoration: none;}
.mt10{ margin-top: 10px;}
.pt100{ padding-top: 100px;}
.pb50{ padding-bottom: 50px;}
.pb20{ padding-bottom: 20px;}
.txtcenter{ text-align: center;}
.txtleft{ text-align: left;}
.txtright{ text-align: right;}
.color_orange{ color: #ee7700; font-weight: bold;}

.f30{font-size: 30px;}

.fleft{ float: left;}
.fright{ float: right;}
.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;}

#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;}

.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;}

.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;}

@media (max-width: 1280px) {
	.swiper-index{ width: 1280px;}
	
}


@media (max-width: 900px) {
	.mainw{ width: 100%; margin: 0px auto;}
	.swiper-news{ width: 100%;}
	#header{ padding: 10px 0px;}
	#main-menu{ font-size: 14px;}
	.swiper_word{ width: 600px; height: 300px; position: absolute; color: #FFFFFF; text-align: left; top: 350px; }
	.swiper_word .st1{ font-size: 30px; line-height: 50px;}
	.swiper_word .st2{ font-size: 30px; line-height: 50px }
	.swiper_word .st3{ font-size: 14px; line-height: 26px; padding-top: 8px;}
	.swiper_word .st4{ font-size: 14px; line-height: 26px}
	
	.swiper_word_l25{ left: 12%;}
	.swiper_word_l30{ left: 15%;}
	.swiper_word_r10{ right: 5%;}
	.swiper_word_r20{ right: 10%;}
}


@media (max-width: 768px) {
	
	.lang_pc{ display: none;}
	.lang_mb{ display: block; padding-right: 20px;}
	.swiper-index{ width: 100%;height: 100%;}
	.swiper-news{ padding-bottom: 120px;}
	.mainw{ width: 100%; margin: 0px auto;}
	.swiper-news{ width: 100%;}
	.swiper-news .swiper-slide-info{ padding: 20px;}
	#header{ padding: 0px;min-width: auto;}	
	#logo,.header_shadow #logo{ margin-left: 20px;}
	.swiper{ height: 300px;}
	.swiper-slide img { max-height: 300px;}
	.swiper_word{ width: 400px; height: 300px; position: absolute; color: #FFFFFF; text-align: left; top: 120px; }
	.swiper_word .st1{ font-size: 16px; line-height: 30px;}
	.swiper_word .st2{ font-size: 16px; line-height: 30px }
	.swiper_word .st3{ font-size: 10px; line-height: 22px; padding-top: 5px;}
	.swiper_word .st4{ font-size: 12\0px; line-height: 22px}
	
	.swiper_word_l25{ margin-left: auto;margin-right: auto;}
	.swiper_word_l30{ margin-left: auto;margin-right: auto;}
	.swiper_word_r10{ margin-left: auto;margin-right: auto;}
	.swiper_word_r20{ margin-left: auto;margin-right: auto;}
	
	.newsbox .title{ padding-left: 20px;}
	.newsbox .title>h2{ font-size: 24px;}
	
	.mod{ padding: 0px 20px;}
	.mod .mod_about{ float: none; width: 100%; height: auto;}
	.mod .mod_about .about_title{ font-size: 14px; bottom: 130px;}
	.mod .mod_about .about_desc{ font-size: 16px; line-height: 25px;}
	
	
	.mod .mod_right{ width: 100%; float: none; padding-top: 20px;}
	.mod .mod_ipo{ width: 100%; height: auto;}
	.mod .mod_ipo .ipo_title{ font-size: 14px; bottom: 90px;}
	.mod .mod_ipo .ipo_desc{ font-size: 18px; line-height: 25px;}
	
	.mod .mod_hr{ width: 100%; }
	
	.swiper-pagination,.icon_down,#footer,#footerline{ display: none;}
	
	.rd_items .txtleft,.rd_items .txtright{ text-align: center;}
}