@charset "utf-8";
/* CSS Document */
#into_main { width: 100%; margin: 0 auto 80px auto; background: url(../images/web/into_bj.png) no-repeat center top; }
#sub_main { width: 100%; margin: 0 auto; background: url(../images/web/into_bj.png) no-repeat center top; }
#product_main { width: 100%; margin: 0 auto 80px auto; background: url(../images/web/cp_bj.png) no-repeat center top; }
#contact_main { width: 100%; margin: 0 auto; background: url(../images/web/lianxi_bj.png) no-repeat center top; }
#recruit_main { width: 100%; margin: 0 auto 80px auto; background: url(../images/web/rlzy_bj.png) no-repeat center top; }

#news_main { width: 100%; margin: 0 auto 80px auto; background: url(../images/web/news_bj.png) no-repeat center top; }
/*新闻样式+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.news_content { width: 100%; margin: 0 auto; }
.news_content dl { width: 290px; height: 350px; background: #f0f0f0; float: left; margin: 20px 20px 10px 20px; }
.news_content dl a { color: #333333; }
.news_content dl dt { width: 260px; height: 184px; overflow: hidden; margin: 15px; }
.news_content dl dd { margin: 15px; }
.news_content dl dd .mark { border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin: 10px 0; color: #333333; overflow: hidden; }
.news_content dl dd .mark .desc { height: 80px; line-height: 20px; overflow: hidden; }
.news_content dl dd em { font-style: normal; float: right; color: #666666; }
.news_content dl dd b { color: #01553b; float: left; opacity: 0.8; }
.news_content dl dd b:hover { opacity: 1; }
.news_content dl:hover .caption, .news_content dl.caption { opacity: 1; }

.news_content dl img { float: left; z-index: 4; width: 100%; }
/*遮罩+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.news_content dl .caption { position: absolute; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.news_content dl img { margin: 0px; padding: 0px; float: left; z-index: 4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.news_content dl:hover img { opacity: 1; transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); }
.news_content dl .caption .blur { background-color: rgba(1, 85, 61, 0.8); height: 184px; width: 260px; z-index: 6; position: absolute; }

.news_content dl .caption-text { text-align: center; color: #ffffff; z-index: 99; width: 100px; height: 40px; margin: 72px 80px; position: absolute; }

.news_content dl .caption-text .more { color: #ffffff; text-align: center; width: 100px; height: 40px; border: 2px solid #ffffff; line-height: 40px; margin: 0 auto; }

/*新闻内容页面+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.news_detail { margin: 0 100px 50px 100px; overflow: hidden; }
.news_detail img { width: 100%; }
.news_detail h3 { font-size: 18px; margin: 5px 0; text-align: center; }
.news_detail span { color: #666666; }
.news_detail em { font-style: normal; font-size: 12px; color: #666666; margin-left: 10px; }
.news_detail p { margin: 10px 0; }
.content_bottom { border-top: 1px solid #cccccc; margin: 0 20px; padding-top: 10px; }
.detail_l { float: left; }
.detail_l a { color: #999999; display: block; }
.detail_l a:hover { color: #666666; }
.detail_r { float: right; }
.detail_r a { width: 120px; height: 40px; text-align: center; line-height: 40px; color: #ffffff; display: block; background: #caa34e; opacity: 0.9; }
.detail_r a:hover { opacity: 1; }
/*走进天润+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.introduce { padding: 10px 30px; }

/*子公司介绍+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#subsidiary_all { width: 100%; margin: 0 auto; background: url(../images/web/subsidiary.jpg) no-repeat top center; height: 950px; }
#subsidiary_all ul { padding-top: 100px; }
#subsidiary_all ul li { width: 100%; background: #ffffff; }
#subsidiary_all ul li h3 { font-size: 16px; }
#subsidiary_all ul li span { color: #999999; margin: 10px 0; }
#subsidiary_all ul li .remark { margin: 20px 0; height: 100px; }
#subsidiary_all ul li .remark, #subsidiary_all ul li .remark * { line-height: 20px; }
#subsidiary_all ul li .img { width: 500px; height: 250px; }
#subsidiary_all ul li .txt { width: 500px; height: 250px; padding: 20px; }

#subsidiary_all a { width: 100px; height: 40px; border: 1px solid #01553d; display: block; text-align: center; color: #000000; line-height: 40px; text-transform: uppercase; background: none; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; z-index: 99; border-color: #01553d; overflow: hidden; position: relative; }
#subsidiary_all a:before, .txt a:after { content: ""; height: 100%; width: 0; position: absolute; z-index: -1; background-color: #01553d; top: 0; -webkit-transition: all 0.25s; transition: all 0.25s; }
#subsidiary_all a:before { left: 0; }
#subsidiary_all a:after { right: 0; }
#subsidiary_all a:hover { color: #ffffff; }
#subsidiary_all a:hover:before, .txt a:hover:after { width: 50%; }
/*子公司介绍里面的第三级页面++++++++++++++++++++++++++++++++++++++++*/
.title_page span.subnavlist { display: block; width: 100%; height: 50px; margin-top: 10px; }
.title_page span.subnavlist a { width: 100px; height: 40px; display: block; text-align: center; line-height: 38px; color: #caa34e; border: 2px solid #caa34e; float: left; margin-right: 10px; }
.title_page span.subnavlist a:hover, .title_page .active { background: #caa34e; color: #ffffff !important; }

/*联系我们页面++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.adress_main { margin: 0 20px; color: #333333; }
.adress_main_l { float: left; }
.adress_main_l span { display: block; margin-left: 23px; }
.adress_main_l img { margin: 10px 5px; float: left; }
.adress_main_r { float: right; margin: 50px; }
.adress_main_r dl { margin: 0 10px; float: left; text-align: center; }
.adress_main_r dl dd { margin-top: 5px; }
.adress_main p { margin: 20px 0 0 0; line-height: 40px; }
.map_main { width: 100%; height: 500px; clear: both; margin: 100px auto 0 auto; overflow: hidden; }
/*页面通用样式+++++++++++++++++++++++++++++++++++++++++++++++++*/
.title_page { padding-top: 170px; }
.title_page em { font-style: normal; width: 64px; height: 2px; background: #01553d; display: block; }
.title_page h3 { font-size: 30px; color: #01553d; font-weight: normal; }
.title_page p { width: 340px; height: 50px; color: #ffffff; display: block; background: #caa34e; }
.title_page span { font-size: 16px; display: block; line-height: 25px; margin-left: 5px; }
.title_page b { font-size: 12px; display: block; margin-left: 5px; font-weight: normal; }

.places { padding-bottom: 40px; border-bottom: 1px solid #d2d2d2; margin: 50px 10px 30px 10px; }
.places_left { float: left; margin-top: 10px; }
.places_left span { width: 22px; height: 22px; border-radius: 50%; background: #01553d; display: block; color: #ffffff; font-size: 20px; line-height: 20px; text-align: center; float: left; }
.places_left i { color: #01553d; font-style: normal; margin-left: 5px; line-height: 22px; }
.places_right { float: right; margin-top: 10px; color: #666666; }
.places_right em { font-style: normal; }
.places_right em a { color: #666666; }
.places_right em a:hover { color: #999999; }
.places_right p { float: right; display: block; }
.places_right { color: #999999; }
.pic_main { width: 100%; margin: 50px auto; height: 424px; background: #f1f1f1; }

/*公司介绍轮播++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.als-container { position: relative; width: 100%; height: 330px; overflow: hidden; top: 60px; }

.als-viewport { position: relative; overflow: hidden; margin: 0 auto; width: 880px; height: 400px; }

.als-wrapper { position: relative; width: 880px; height: 424px; overflow: hidden; top: 0; }

#pic_r .als-item img { display: block; margin: 0 auto; vertical-align: middle; }
#pic_r .als-item { width: 400px; height: 400px; float: left; margin: 0 20px; position: relative; overflow: hidden; text-align: center; }
#pic_r .als-prev, #pic_r .als-next { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #01553d; color: #ffffff; font-size: 20px; cursor: pointer; position: absolute; clear: both; z-index: 100; top: 50%; margin-top: -20px; }
#pic_r .als-prev:hover, #pic_r .als-next:hover { background: #caa34e; color: #ffffff; }

#pic_r .als-prev { left: 0; }

#pic_r .als-next { right: 0; }

/*团购中心++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#product_all { width: 100%; margin: 0 auto; height: 1100px; background: url(../images/web/cpbj.jpg) no-repeat center center; }
.product_mian { width: 784px; height: 784px; background: url(../images/web/diqiu.png) no-repeat top center; left: 50%; top: 150px; margin-left: -392px; position: relative; }

.product_box { position: absolute; opacity: 1; }
.product1 { top: -100px; left: 50%; margin-left: -95px; }
.product2 { top: 40px; left: -30px; }
.product3 { top: 50px; right: 170px; }
.product4 { top: 360px; left: -70px; }
.product5 { top: 380px; right: 140px; }
.product6 { top: 600px; right: 320px; }
.product7 { top: 600px; left: 110px; }

.product_pic { position: absolute; opacity: 1; filter: alpha(opacity=100); overflow: hidden; transform: rotateY(0deg); transition: all .8s ease-in-out; }

.product_text { position: absolute; width: 190px; height: 190px; opacity: 0; filter: alpha(opacity=0); transform: rotateY(-180deg); transition: all .8s ease-in-out; background: #01553d; border-radius: 50%; text-align: center; border: 8px solid #ffffff; }

.product_text h1 { font-size: 24px; font-weight: bold; color: #ffffff; margin-top: 60px; line-height: 30px; }
.product_text p { font-size: 16px; color: #ffffff; }
.product_text a { font-size: 14px; color: #ffffff; }
.product_text a:hover { text-decoration: underline; }
.product_line { border-bottom: 1px dotted #ffffff; height: 10px; width: 160px; margin: 0 auto; }

.product_img { width: 190px; height: 190px; }

.product_box:hover .product_pic { opacity: 0; filter: alpha(opacity=0); transform: rotateY(-180deg); }

.product_box:hover .product_text { opacity: 1; filter: alpha(opacity=100); transform: rotateY(0deg); }

/*团购产品中心样式++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#product_main .main_left { width: 200px; float: left; margin-left: 20px; }
#product_main .menu_list dt { width: 200px; height: 100px; background: #01553d; }
#product_main .list_tit { margin-left: 30px; padding-top: 30px; height: 90px; }

#product_main .list_tit span { color: #ffffff; font-size: 18px; line-height: 25px; }
#product_main .list_tit p { color: #e6e6e6; line-height: 12px; font-size: 12px; }

#product_main .menu_list dd { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
#product_main .menu_list dd ul li { background: url(../images/web/jiantou.png) no-repeat 170px 25px #ededed; border-bottom: 1px solid #e1e1e1; height: 60px; }
#product_main .menu_list dd ul li:hover { background: url(../images/web/jiantou_h.png) no-repeat 170px 21px #ffffff; }
#product_main .menu_list dd ul li a { line-height: 60px; color: #666666; padding-left: 30px; }
#product_main .menu_list dd ul li a:hover { color: #01553d; padding-left: 35px; font-weight: bold; }
#product_main .menu_list dd ul li.this { background: url(../images/web/jiantou_h.png) no-repeat 170px 21px #ffffff; }
#product_main .menu_list dd ul li.this a { color: #01553d; padding-left: 35px; font-weight: bold; }

#product_main .main_right { width: 745px; float: right; margin: 0 auto; }
#product_main .fr_top { width: 100%; color: #01553d; padding-bottom: 10px; }
#product_main .fr_top a { width: 170px; height: 50px; color: #ffffff; display: block; float: right; }

#product_main .fr_top span { float: left; line-height: 32px; font-size: 16px; }
#product_main .fr_top p { font-size: 12px; float: left; line-height: 32px; margin-left: 5px; }
#product_main .product_list ul { width: 100%; margin: 30px 0; }
#product_main .product_list ul li { width: 235px; height: 235px; border: 1px solid #cccccc; overflow: hidden; float: left; margin: 20px 13px 0 0; position: relative; z-index: 1; }
#product_main .product_list ul li a { box-sizing: border-box; }

#product_main .product_list ul li .img { width: 235px; height: 235px; z-index: 1; overflow: hidden; }
#product_main .product_list ul li p { position: absolute; width: 235px; height: 50px; background: #dedede; opacity: 0.9; text-align: center; line-height: 50px; z-index: 5; color: #01553d; bottom: 0; }
#product_main .product_list ul li a:hover p { opacity: 0; }
#product_main .product_list ul li:hover .caption, #product_main .product_list ul li.sele .caption { opacity: 1; }

#product_main .product_listt ul li img { float: left; z-index: 4; }
/*遮罩+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.product_list ul li .caption { position: absolute; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.product_list ul li img { margin: 0px; padding: 0px; float: left; z-index: 4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.product_list ul li:hover img { opacity: 1; transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); }
.product_list ul li .caption .blur { background-color: rgba(1, 85, 61, 0.8); height: 235px; width: 235px; z-index: 6; position: absolute; }

.product_list ul li .caption-text { text-align: center; color: #ffffff; z-index: 99; width: 200px; height: 180px; margin: 50px 15px; position: absolute; }

.product_list ul li .caption-text b { font-size: 18px; color: #ffffff; margin: 20px auto; display: block; }
.product_list ul li .caption-text .more { color: #ffffff; text-align: center; width: 100px; height: 40px; border: 2px solid #ffffff; line-height: 40px; margin: 0 auto; }

/*产品介绍右边样式++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.details_right_main { width: 100%; clear: both; margin-top: 50px; }
.details_right_main .roduct_title dt { width: 215px; height: 215px; border: 1px solid #999999; overflow: hidden; float: left; }
.details_right_main .roduct_title dd { margin-left: 250px; }
.details_right_main .roduct_title dd h3 { font-size: 18px; color: #01553d; }
.details_right_main .roduct_title dd span { display: block; margin: 5px 0; font-size: 16px; }
.details_right_main .roduct_title dd ul { margin: 40px 0; }
.details_right_main .roduct_title dd ul li { list-style: inside; font-size: 16px; line-height: 30px; }
.product_description { margin: 50px auto 0 auto; }
.product_description dd { margin: 20px 0; }

/*翻页+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.flip_main { margin: 50px auto; }
.flip_main a, .flip_main span { color: #666666; border: 1px solid #999999; padding: 5px 15px; display: block; float: left; margin: 0 5px; }
.flip_main a:hover, .flip_main span { background: #01553b; color: #ffffff; }

/*人力资源页面样式++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.aboutJoin { width: 100%; margin: 0 auto; }
.aboutJoin h3 { text-align: center; font-size: 16px; }
.aboutJoin h3 b { color: #01553d; }
.aboutJoin p { margin: 10px 30px; text-align: center; }

.databg thead { width: 100%; height: 50px; background: #f4f4f4; margin: 20px auto; }

.databg { width: 100%; margin: 0 auto; }
.databg table { width: 100%; }
.databg table thead tr { background: #f4f4f4; font-size: 14px; border-bottom: 1px solid #dcd3b7; }
.databg table tr { border-bottom: 1px dashed #989898; }
.databg table tr td { padding: 19px 0; text-align: center; }
.databg table tr td a { display: inline-block; width: 160px; height: 40px; background: #fdb813; line-height: 40px; text-align: center; opacity: 0.9; }
.databg table tr td a:hover { opacity: 1; }
.databg table tr td a em { width: 120px; height: 40px; text-align: center; color: #ffffff; background: #caa34e; display: block; float: left; font-style: normal; }
.databg table tr td a i { font-style: normal; width: 40px; height: 40px; color: #ffffff; text-align: center; background: #01553d; display: block; font-size: 20px; float: right; }

.show_news .text { padding: 20px; font-size: 20px; }
.show_news .time { padding: 0 0 30px 0; }
.show_news .time .line { padding: 0 10px; }

.show_pages .pages { padding-top: 40px; }
.show_pages .page.mui-table-view .mui-table-view-cell a { padding: 0 15px !important; }
.show_pages .page.mui-table-view .mui-media-object { max-width: 40px; width: 50px; height: 60px; line-height: 60px; color: #666666; }
.show_pages .page.mui-table-view .mui-media-object .iconfont { font-size: 16px; }
.show_pages .page.mui-table-view .mui-media-body { line-height: 60px; font-size: 16px; color: #666666; }
.show_pages .page.mui-table-view a { transition: all .5s; display: block; background: #eeeeee; }
.show_pages .page.mui-table-view a:hover { background: #097dce; }
.show_pages .page.mui-table-view a:hover .mui-media-object { color: #ffffff; }
.show_pages .page.mui-table-view a:hover .mui-media-body { color: #ffffff; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Validform_body .Validform_checktip { display: none; position: absolute; left: 0; top: 0; padding-left: 24px; margin: 0; font-size: 14px; line-height: 46px; width: 100%; height: 46px; border: solid 1px #dddddd; }
.Validform_body .Validform_checktip { border-radius: 3px; background: #ffffff; pointer-events: none; }
.Validform_body .Validform_checktip.Validform_shake { display: none !important; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.list_form_A { margin: 0 400px 0 30px; }
.list_form_A .mui-table-view .mui-media-body { padding: 10px 0; }
.list_form_A .mui-table-view .mui-media-body input.form-control { padding: 0 24px; margin: 0; width: 100%; height: 46px; line-height: 46px; border-radius: 3px; border: solid 1px #ddd; }
.list_form_A .mui-table-view .mui-media-body textarea.form-control { width: 100%; height: 96px; padding: 12px 24px; font-family: "Microsoft YaHei",simhei, serif; line-height: 24px; border-radius: 3px; border: solid 1px #dddddd; }
.list_form_A .mui-table-view .mui-media-body .checkbox_radio { padding-top: 8px; }
.list_form_A .mui-table-view .mui-media-body .submit { padding: 0; margin: 0 auto; width: 310px; height: 46px; font-size: 16px; background: #015fb3; border: solid 1px #015fb3; color: #ffffff; border-radius: 3px; }
.list_form_A .mui-table-view .mui-media-body .form_tips { margin-top: 14px; color: #ff3300; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.ui-dialog-header { border: none !important; }
.ui-dialog-title { text-indent: -999px; }
.ui-dialog-close { width: 20px; height: 20px; background: url(../images/_form_close.png) no-repeat center !important; text-indent: -999px; border-radius: 10px; overflow: hidden; }
.art_dialog .img img { height: 150px; }
.art_dialog .txt { height: 52px; margin-top: 10px; font-size: 18px; line-height: 52px; background: #199c75; color: #ffffff; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/