@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input,textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial; background: url(../images/bg.jpg) repeat-x scroll left top #ececea;}
html,body{font-size:14px;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1002{ width:1002px;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
.fl{ float: left; }
.fr{ float: right; }
/* top_bg */
.top_bg,.top_bg a.logo,.top_bg ul,.top_bg ul li{ height: 140px; }
.top_bg{ position: relative; z-index: 9; }
.top_bg a.logo{ display: block; float: left; width: 270px; display:flex;align-items:center; }
.top_bg ul,.top_bg ul li{ overflow: hidden; }
.top_bg ul{ float: right; width: 726px; }
.top_bg ul li{ float: left; width: 121px; }
.top_bg ul li a{ display: block; color: #ffffff;}
.top_bg ul li dd{ height: 54px; background: url(../images/dh.png) no-repeat scroll center; text-align: center; line-height: 54px; color: #ffffff; font-weight: bold; margin-top: 43px;}
.top_bg ul li dd:hover{ background-image: url(../images/dh_s.png); }
.top_bg ul li dl{ position: absolute; width: 121px; font-size: 14px; opacity: 0; max-height: 0px; overflow: hidden;transition: all .5s ease;}
.top_bg ul li.l2 dl{ width: 363px; margin-left: -121px;}
.top_bg ul li:hover dl{ opacity: 1; max-height: 500vh; transition: all .5s ease;}
.top_bg ul li dl a{height: 54px;display:flex;align-items:center; width: 121px; background: url(../images/dh.png) no-repeat scroll center; margin-top: 6px;}
.top_bg ul li.l2 dl a{ float: left; }
.top_bg ul li dl a:hover{ background-image: url(../images/dh_s.png); }
.top_bg ul li dl a i{ display: block; padding: 0px 15px; width: 91px; text-align: center; }

/* banner */
.banner{ position:relative; border-radius: 15px; border:20px solid #ffffff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); margin:5px 5px 30px;}
.banner .flex-viewport{ height: 350px; overflow: hidden; }
.banner .slides{ overflow:hidden;}
.banner .slides li{ height: 350px; overflow: hidden; position: relative;}
.banner .slides li img{ position: absolute; width: 100%; }
.banner .flex-control-nav{ position:absolute; bottom:0px; margin-bottom:-50px; width:100%; text-align:center;}
.banner .flex-control-nav li{ margin:0px 5px; display:inline-block;width:10px;height:10px; border:2px solid #ffffff; border-radius:20px; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;top:0px; background-color:#bcbcbc;}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#575f7b;}

.banner .flex-direction-nav{ display: none; }

/*i_con*/
.i_con,.i_con li{ overflow: hidden; }
.i_con{ padding-top:30px; }
.i_con li{ padding: 15px; border:1px solid #c9c8c7; border-radius: 15px; overflow: hidden; width: 290px; height: 370px; background-color: #ffffff; }
.i_con li.l{ float: left; margin-right:18px;}
.i_con li.r{ float: right; }
.i_con li ol{ height: 175px; }
.i_con li dd{ font-size: 20px; font-weight: bold; padding: 10px 0px;}
.i_con li dd a{ color: #535c72; }
.i_con li dd a:hover{ text-decoration:underline;}
.i_con li dl{ font-size: 12px; line-height: 1.5; }

/*foot_bg*/
.foot_bg{ height: 161px; background: url(../images/foot_bg.png) no-repeat; }
.foot_bg div{ overflow: hidden; text-align: center; color: #292929;}
.foot_bg div a{color: #292929; padding: 0px 10px;}
.foot_bg div a:hover{ color: #ff0000; }
.foot_bg div.t{ margin-top: 60px; }
.foot_bg div.t a{ border-right: 1px solid #000000;}
.foot_bg div.f{ margin-top:20px; }

/*page*/
.page{ background-color: #ffffff; border:1px solid #c9c9c9; border-bottom-right-radius:15px;border-bottom-left-radius:15px; padding:20px 0px;}
.page .p_l{ margin-left:24px; overflow:hidden; width:210px; float: left;}
.page .p_l dd{ background-color:#829ac0; margin-bottom:10px; height:40px; line-height:40px; font-size:14px; color:#ffffff; padding-left:15px;}
.page .p_l ul,.page .p_l ul li{ overflow:hidden;}
.page .p_l ul li{ border-bottom:1px solid #dedfe1; padding:8px 0px;}
.page .p_l ul li a{ display:block; border-left:2px solid #dedfe1; padding-left:10px; color:#505050;}
.page .p_l ul li a:hover{ color:#ff0000;}
.page .p_r{ margin-right:24px; overflow:hidden; width:730px; float: right; min-height: 80vh;}
.page .p_r div.tit{background-color:#829ac0; margin-bottom:20px; height:40px; line-height:40px; font-size:14px; color:#ffffff; padding-left:15px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.page .p_r div.tit a{ color:#ffffff;}
.page .p_r .con{ overflow:hidden; line-height:2; color:#333333; min-height:400px;}

/*产品展示*/
.page .p_l ul.photo_l, .page .p_l ul.photo_l li{ overflow:hidden;}
.page .p_l ul.photo_l li{ height:40px;}
.page .p_l ul.photo_l li.on{ height:auto;}
.page .p_l ul.photo_l li a{ border:0px; padding:0px;}
.page .p_l ul.photo_l li dd{ background:none; padding-left:0px; position:relative; margin-bottom:0px;}
.page .p_l ul.photo_l li.on dd{ background-color:#829ac0;}
.page .p_l ul.photo_l li a{ display:table; padding-left:15px;}
.page .p_l ul.photo_l li.on dd a{ color:#ffffff; position:relative; z-index:2;}
.page .p_l ul.photo_l li dd i{ line-height:30px; top:0px; bottom:0px;cursor: pointer;}
.page .p_l ul.photo_l li dd i,.page .p_l ul.photo_l li div.bg dl i{ position:absolute; right:5px; color:#505050;font-size:12px;}
.page .p_l ul.photo_l li.on dd i,.page .p_l ul.photo_l li div.bg dl.on i{color:#ffffff;transform:rotate(90deg);right:10px;}
.page .p_l ul.photo_l li div.bg{/* display:none; */line-height:40px;}
.page .p_l ul.photo_l li.on div.bg{ display:block; background-color:#b2c1d8;}
.page .p_l ul.photo_l li div.bg dl{ position:relative; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.page .p_l ul.photo_l li div.bg dl i{ line-height:30px; top:0px; bottom:0px;cursor: pointer;}
.page .p_l ul.photo_l li.on div.bg.on dl a{color:#ffffff;}
.page .p_l ul.photo_l li.on div.bg.on dl i{color:#ffffff;transform:rotate(90deg); right:10px;}
.page .p_l ul.photo_l li.on div.bg div.bg2{ background-color:#e0e8f5; height:0px; overflow:hidden; display:none;}
.page .p_l ul.photo_l li.on div.bg.on div.bg2{ display:block; height:auto;}
.page .p_l ul.photo_l li.on div.bg.on div.bg2 a{ color:#505050;}
.page .p_l ul.photo_l li.on div.bg.on div.bg2 i{ color:#505050;}
.page .p_l ul.photo_l li.on div.bg.on div.bg2.on dl.on a,.page .p_l ul.photo_l li.on div.bg.on div.bg2 dl a:hover{color:#ff0000;}

.photo_t{ margin:30px 0px; overflow:hidden;}
.photo_t dl{ overflow:hidden;}
.photo_t dl.t{ margin-bottom:20px;}
.photo_t dl.f{ line-height:24px; color:#333333;}

.photo_m,.photo_m li{ overflow:hidden;}
.photo_m li{ margin-bottom:20px;}
.photo_m li div{ overflow:hidden;}
.photo_m li div.t{ margin-bottom:10px; border-bottom:1px solid #dddddd; height:30px; line-height:30px; font-size:16px; font-weight:bold;}
.photo_m li div.t a{ color:#829ac0;}
.photo_m li div.t a:hover{ color:#ff0000;}
.photo_m li div.t i{ border-bottom:1px solid #829ac0; padding-bottom:4px;}
.photo_m li div.f{ width:102%;}
.photo_m li div.f dl{ float:left; width:23%; margin-right:2%; margin-bottom:20px;}
.photo_m li div.f dl a ol{ border:1px solid #dddddd; height:128px; position:relative;}
.photo_m li div.f dl a ol img{ position:absolute; margin:auto; top:2px; left:2px; right:2px; bottom:2px; width:98%;}
.photo_m li div.f dl a dd{ color:#666666; text-align:center;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden; height:30px; line-height:30px;}
.photo_m li div.f dl a:hover dd{ color:#ff0000;}

.photo_list{ overflow:hidden; margin-top:0px;}
.photo_list li{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd; overflow:hidden; position:relative;}
.photo_list li div.l{ width:28%; position:absolute; top:0px; left:0px; bottom:20px;}
.photo_list li div.l a{ position:absolute; top:0px; left:0px; bottom:0px; right:0px;}
.photo_list li div.l a img{ margin:auto; position:absolute; top:0px; left:0px; bottom:0px; right:0px;}
.photo_list li div.bg{ float:right;border-left:1px solid #dddddd; padding-left:2%; width:67%;}
.photo_list li div.bg dd{ font-size:20px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.photo_list li div.bg dd a{ color:#505050;}
.photo_list li div.bg dd a:hover{ color:#ff0000;}
.photo_list li div.bg dl{ margin:10px 0px; overflow:hidden; line-height:24px; font-size:14px; color:#333333;}
.photo_list li div.bg ol{ text-align:right;}
.photo_list li div.bg ol a{ color:#505050;}
.photo_list li div.bg ol a:hover{ color:#ff0000;}

.photo_s_t,.photo_s_c,.photo_s_f{ overflow:hidden;}
.photo_s_t{ margin-bottom:20px; margin-top:30px;}

/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative; float:left; width:45%;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; border:1px solid #dddddd;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:70px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:57px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #e4e4e4;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #F00;margin:0px;}
.MagicZoomBigImageCont {border:1px solid #91b817;background:#FFF;}
.MagicZoomMain{text-align:center !important;width:92px;}
.MagicZoomMain div{padding: 0px !important;}
.MagicZoomHeader {font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important; }
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}
.MagicZoomLoading {text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img {padding-top:	3px !important;}

.photo_s_t ul.fr{ overflow:hidden; width:48%; min-height:120px;}
.photo_s_t ul.fr li{ overflow:hidden;}
.photo_s_t ul.fr li.t{ font-size:22px; color:#829ac0; font-weight:bold;}
.photo_s_t ul.fr li.c{ margin-top:20px; border-top:1px solid #dddddd; padding:15px 0px; color:#333333; line-height:20px;}
.photo_s_t ul.fr li.f{}

.photo_s_c div{ overflow:hidden;}
.photo_s_c div.t dl{ float:left; width:18%; border:1px solid #dddddd; height:30px; line-height:30px; text-align:center; margin-right:1%;cursor: pointer; background-color:#829ac0; color:#ffffff;}
.photo_s_c div.t dl.on,.photo_s_c div.t dl:hover{ background:none; color:#829ac0;}
.photo_s_c div.f{ margin-top:30px;line-height:24px;color:#333333;}
.photo_s_c div.f div.c{ display:none; min-height:300px;}

.photo_s_f div.t{ margin-bottom:10px; border-bottom:1px solid #dddddd; height:30px; line-height:30px; font-size:16px; color:#829ac0; font-weight:bold;}
.photo_s_f div.t i{ border-bottom:1px solid #829ac0; padding-bottom:4px;}
.photo_s_f ul{ width:102%;}
.photo_s_f ul li{ float:left; width:23%; margin-right:2%; margin-bottom:20px;}
.photo_s_f ul li a ol{ border:1px solid #dddddd; height:128px; position:relative;}
.photo_s_f ul li a ol img{ position:absolute; margin:auto; top:2px; left:2px; right:2px; bottom:2px; width:98%;}
.photo_s_f ul li a dd{ color:#666666; text-align:center;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden; height:30px; line-height:30px;}
.photo_s_f ul li a:hover dd{ color:#ff0000;}

/*news_list*/
.news_list{ margin:30px 0px;}
.news_list li{ overflow:hidden; height:36px; line-height:22px; background:url(../images/n_li.jpg) no-repeat; padding-left:20px; position:relative;}
.news_list li a{ color:#999999; display:block; width:85%; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_list li a:hover{text-decoration:underline;color:#ff6600;}
.news_list li i{ position: absolute; right:0px; color:#999999; top:0px;}

.news_show{ overflow:hidden; margin:30px 0px;}
.news_show li{ overflow:hidden;}
.news_show li.t{ color:#505050; font-size:22px; font-weight:bold; text-align:center;}
.news_show li.n{ background-color:#f7f7f7; border:1px solid #e8e8e8; margin:10px 0px; text-align:center; line-height:28px; color:#505050;}
.news_show li.c{ margin:20px 0px; border:1px dotted #dddddd; padding:15px; color:#505050; line-height:18px;}
.news_show li.f{ overflow:hidden; line-height:24px; color:#333333;}

/*zxly_bd*/
.zxly_bd{ overflow: hidden; display: block; margin-top:20px;}
.zxly_bd .form-group{ overflow: hidden; margin-bottom: 20px;}
.zxly_bd .form-group div{ overflow: hidden; }
.zxly_bd .form-group label.control-label{ display: block; float: left; width:120px; text-align:right; height: 32px; line-height: 32px; }
.zxly_bd .form-group label.control-label span{ color: #ff0000; }
.zxly_bd .form-group .col-md-10{ float: right; border:1px solid #dddddd; height:32px; line-height: 32px; width: 550px; padding: 0px 10px;}
.zxly_bd .form-group .col-md-10 input{ border:0px; background-color: #fbfbfb; outline:none;}
.zxly_bd .form-group .col-md-10 textarea{ border:0px; background:none; outline:none; padding: 10px 0px;}
.zxly_bd .form-group .col-md-10 label{ border:1px solid #dddddd; height:32px; line-height: 32px; background:none; border:0px;}
.zxly_bd .form-group .col-md-10 label select{ display: block; width: 100%;height:32px; line-height: 32px;border:0px;text-align: center;}
.zxly_bd #dr_row_neirong .col-md-10{ height: 200px; }
.zxly_bd div.b{ float: right; width:572px; }
.zxly_bd div.b button{ border:1px solid #dddddd;background-color: #fbfbfb; display: block; padding: 5px 10px;}

/*job_li*/
.job_li,.job_li li{ overflow: hidden; }
.job_li{margin:20px 0px; border-bottom: 2px solid #e8e8e8;}
.job_li dl{ float: left; color: #505050;  height: 36px; line-height: 36px;}
.job_li dl.d1{ width: 390px; margin-left: 10px;}
.job_li dl.d2{ width: 150px; margin-left: 5px; }
.job_li dl.d3{ width: 80px;  margin-left: 5px;}
.job_li dl.d4{ width: 60px;text-align: center; }
.job_li li.t{ background-color: #f5f5f5; border-bottom: 2px solid #e8e8e8;}
.job_li li.t dl{ font-weight: bold;  font-size: 14px;}
.job_li li.c dl{ font-size: 12px;}
.job_li li.c dl a{ color: #505050; }
.job_li li.c dl a:hover{ color: #ff0000; }

/*job_show*/
.job_show,.job_show li{ overflow: hidden; }
.job_show{margin:20px 0px;}
.job_show li{color: #505050; font-size: 14px; line-height: 2; margin-bottom: 10px;}
.job_show li dd{ margin-bottom:5px; }
.job_show li dl{ border-bottom: 1px solid #dddddd; padding-bottom:5px;margin-bottom: 5px; }

/*job_show_bd*/
.job_show_bd{ overflow: hidden; display: block; margin-top:20px; padding-bottom:20px;}
.job_show_bd .n{ background-color:#f5f5f5; padding: 0px 20px; font-weight: bold; height: 30px; margin-bottom:10px; line-height:30px; font-size: 14px; text-align:left; }
.job_show_bd .form-group{ overflow: hidden; margin-bottom: 20px;}
.job_show_bd .form-group div{ overflow: hidden; }
.job_show_bd .form-group label.control-label{ display: block; float: left; width:120px; text-align:right; height: 32px; line-height: 32px; }
.job_show_bd .form-group label.control-label span{ color: #ff0000; }
.job_show_bd .form-group .col-md-10{ float: right; border:1px solid #dddddd; height:32px; line-height: 32px; width: 540px; padding: 0px 10px;}
.job_show_bd .form-group .col-md-10 input{ border:0px; background-color: #fbfbfb; outline:none;}
.job_show_bd .form-group .col-md-10 textarea{ border:0px; background:none; outline:none; padding: 10px 0px;}
.job_show_bd .form-group .col-md-10 label{ border:1px solid #dddddd; height:32px; line-height: 32px; background:none; border:0px;}
.job_show_bd .form-group .col-md-10 label select{ display: block; width: 100%;height:32px; line-height: 32px;border:0px;text-align: center;}
.job_show_bd #dr_row_xingbie .col-md-10{ padding: 0px; width: 120px; margin-right:440px; }
.job_show_bd #dr_row_hyzk .col-md-10{ padding: 0px; width: 120px; margin-right:440px; }
.job_show_bd #dr_row_jiaoyujingli .col-md-10{ height: 200px; }
.job_show_bd #dr_row_gzjl .col-md-10{ height: 200px; }
.job_show_bd div.b{ float: right; width:562px; }
.job_show_bd div.b button{ border:1px solid #dddddd;background-color: #fbfbfb; display: block; padding: 5px 10px;}

/*yxlx*/
.yxlx,.yxlx li{ overflow: hidden; }
.yxlx li{ float: left; width: 25%; margin-bottom:20px; }
.yxlx li a{ display: block; padding: 0px 5px; }

/*fenye*/
.fenye{ text-align:center;font-size:1.125rem;line-height:2.5rem;}
.fenye i{ display:none;}
.fenye a{ color:#000000;}
.fenye a,.fenye span{ margin:0px 3px;background-color:#dcd9d4;border:1px solid #dcd9d4;display:inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 0.5rem;}
.fenye a:hover,.fenye span{ color:#333333;background-color:#eeeeee;}

/*no*/
.no{ background-color: #ffffff; text-align: center; width: 100% !important; margin-right:0px !important;padding: 2rem 0px; font-size: 2rem; }
.no strong{ color:#ff0000;}

/*w404*/
.w404{ min-height: 100vh;  display:flex;align-items:center;}
.w404 .c{ width: 100%; text-align: center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom: 2rem; }
.w404 .c ol img{ max-width: 35%; }
.w404 .c dd{ font-size: 1.5rem; color: #333333; }
.w404 .c a{ display: block; width: 80%; max-width: 180px; margin:2rem auto 0px; height: 3rem; line-height: 3rem; font-size: 1rem; color: #ffffff; background-color: #d66f09;transition: all .5s ease;}
.w404 .c a:hover{ background-color: #ee7c30;transition: all .5s ease; }

/*msg*/
.msg{ padding: 6rem 0px; }
.msg div.c{ text-align: center; padding: 10vh 0px; }
.msg div.c dd{ text-align: center; font-size: 1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top: 2rem; font-size: 1rem;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f;transition:all .5s ease;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;transition: all .5s ease;}