/*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;}
textarea{overflow:auto;resize:none;}
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;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#f6f6f6; font-family: "microsoft yahei",arial; width: 100%; min-width: 1200px;}
a,a:hover{color:#333;}

.fl{ float: left;}
.fr{ float: right;}

.tl{ text-align: left;}
.tr{ text-align: right;}

.clear{ clear: both;}
.w1000{ width: 1000px; margin: 0 auto;}
.w1200{ width: 1200px; margin: 0 auto;}
.w320{ width: 280px; padding: 40px; height: 160px;}
.w520{ width: 480px; }
.w400{ width: 400px;} 
.w360{ width: 360px;} 
.w300{ width: 300px;} 
.w450{ width: 450px;} 
.w410{ width: 410px;} 
.w560{ width: 560px;} 



.p20{padding: 20px;}
.mb10px{ margin-bottom: 10px;}
.mt40px{ margin-top: 40px;}
.mb30px{ margin-bottom: 30px;}
.b1px{ border: 1px solid #a5633f;}

.bgcfff{ background: #fff;}
.bgc00b{background: #00b9ef;}

img{object-fit:cover;}
.ov{ overflow: hidden;}

/*  ====header=====  */

.header{ padding: 0px; background: #fff ; display:block; min-width: 1200px;  width: 100%;}
.nav{width: 900px;display: block;  }
.nav ul{ display: block; margin: 0 auto ; font-size: 0px; text-align: right;  height: 60px; width: 100%;}
.nav ul li{ vertical-align: middle; display: inline-block;   position: relative; padding: 0 10px;}
.nav ul li a{ display: inline-block; font-size: 15px; padding: 0 15px;  height:57px; line-height: 57px;  color: #333;  border-bottom: 3px solid #fff; }
.nav ul li .snav{ z-index: 99; display:none; box-shadow: 0 0 10px rgba(0,0,0,0.2);position: absolute; top: 100%; left: 0px; min-width: 100%; background: #59b3d8;   z-index: 9999;}
.nav ul li .snav a{ border-top: 0px; white-space: nowrap; border-bottom: 0px; display: block; vertical-align: middle; height: 50px; line-height: 50px; text-align: center; border-right: 0px; padding: 0 10px;  color: #fff;}
.nav ul li .snav a:hover{ color: #fff; background: #80c9e6;  }
.nav ul li.active .snav a{ border-top: 0px;  color: #fff; border: 0px; font-weight: normal; }
.nav ul li a:hover,.nav ul li.active a { font-weight: bold; color: #59b3d8; border-bottom: 3px solid #59b3d8;}
.logo,.logo img{ width: auto; height: 62px; display: block;}
.logo { margin-top: 20px;}


.hlink{  padding-top: 10px; position: relative; display:block; text-align:right; height: 34px;}
.hlink a{  height: 30px; width: 30px; text-indent: 10em; font-size: 38px; display: inline-block; overflow: hidden; margin-right: 20px;}
.sinawbo{ background: url(../images/wb.png) no-repeat center top;}
.sinawbo:hover{ background-position: center bottom;}
.weixin{ background: url(../images/wx.png) no-repeat center top;}
.weixin:hover{ background-position: center bottom;}
.ewm{ display: none; position: absolute; right: 0px; top: 50px; z-index: 999; background:#fff; border-radius: 4px; padding: 2px;} 
.ewm img{ width: 130px; height: 130px; display: block; }

/*  ====index=====  */

/* banner css -------------------------------------- */
.slideBox{ background: #fff;width: 100%;margin:0 auto;position:relative;overflow: hidden;min-width: 1200px; }
.slideBox .hd{ width:100%; position: absolute; bottom: 0px; left:0px; height:49px;  text-align:center;  }
.slideBox .hd ul{ display:inline-block; height:5px; padding:16px 5px;  z-index: 999; font-size:0; vertical-align:top;}
.slideBox .hd ul li{ cursor: pointer; display:inline-block; width:10px; height:10px; background:#eee; border-radius: 6px; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.slideBox .hd ul .on{background: #59b3d8;width: 50px;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.slideBox .bd li a,.slideBox .bd li,.slideBox .bd{ height: 360px; width: 100%; display: block;}




.mk1{ padding: 40px 0;}
.mk1r{ background: #fff; display: block; width: 720px;}


/*about -------------------------------------- */

.about{ background: url(../images/about_bg.png) no-repeat center; width: 480px; height: 480px;  display: block;}
.txt{width: 380px;padding: 40px 60px 0 40px; margin: 0px auto 0px auto;text-align: left;  }
.txt p{ line-height: 32px; display: block; font-size: 16px; color: #fff; margin: 0 auto;}
.txt h3{font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 20px;  }
.more_a{ color: #fff; border-radius: 20px; border: 1px solid #fff; padding: 10px 20px; font-size: 14px;line-height: 20px; display: inline-block; text-align: left; margin-top: 30px;}
.more_a:hover{color: #333; background: #fff;}

/*news -------------------------------------- */
.news{ height: 160px; padding: 40px;}
.title{font-size: 20px;line-height: 30px;color: #333;margin-bottom: 20px; font-weight: bold;}
.title a{  display: inline-block;color: #fff; background: #59b3d8; border: 1px solid #59b3d8; margin-top: 0px;  font-weight: normal; padding: 0 15px; height: 30px; line-height: 30px;}
.title .more_a:hover{}

.news_list{ display: block;}
.news_list ul li{ display: block; position: relative; padding-right: 90px; padding-bottom: 4px; padding-left: 20px;}
.news_list ul li span{ font-size: 12px; text-align: center; color: #999; line-height:38px;width: 80px; position: absolute; right: 0px; top:0px;}
.news_list ul li span font{ font-size: 16px; color: #333; }
.news_list ul li a{ line-height: 38px; display: block; font-size: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
.news_list ul li i{ width: 8px; height: 10px; background: url(../images/jt.png) no-repeat center; display: block; position: absolute; left: 0px; top:  14px;}
.news_list ul li a:hover{ color: #59b3d8;}

.abtnw ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.abtnw ul li{ display: block; width: 25%; display: block; position: relative; height: 160px; float: left; text-align: center;}
.abtnw ul li img{ width: 100%; height: 100%; object-fit: cover;}
.abtnw ul li p{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; color: #FFF;}
.abtnw ul li i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.15);}
.abtnw ul li a:hover i{ background: rgba(0,55,233,0.8);}

.abtnw ul li p font{ display: block; margin-top: 70px; font-size: 20px; font-weight: bold;}
.abtnw ul li p span{ font-size: 12px; border: 1px solid #fff; border-radius: 30px; padding: 10px 20px; margin-top: 20px; display: none;}
.abtnw ul li a:hover p span{ display: inline-block;}
.abtnw ul li a:hover p font{ margin-top: 40px;}

/*contact -------------------------------------- */
.contact{ background: url(../images/lx.png) no-repeat center;}
.contact .title{ color: #fff;}
.contact p{ color: #fff; font-size: 14px; line-height: 22px; padding: 5px 0 10px 0;}
.contact p span{ font-weight: bold; font-size: 20px; display: block;}
.contact p font{ color: yellow;}

.ghzj{ display: block; width: 360px; height: 240px; }



/*footer -------------------------------------- */
.page_top{position:absolute; bottom: 10px;}
#pageTop{background:url(../images/page_top_bg.png) no-repeat; display: none; width:80px;height:80px;right:10px;bottom:10px;position:fixed;overflow:hidden;text-indent:-999px;}
#pageTop:hover{background-position:0 -91px}
#pageTop a{width:100%;height:100%;display:block;}


.foot_bt{overflow: hidden;padding: 8px 0; background: #e8e8e8; display: block; width: 100%; }
.foot_bt p{font-size: 14px;color: #535353;text-align: center;line-height: 30px;}
.foot_bt p a{ color: #aaa;}


/*login*/
.in_login{ position:relative; width:100%; height:800px;}
.in_login .img{ position:absolute; top:0; width:50%; height:100%; overflow:hidden;}
.in_login .left{ left:0;}
.in_login .right{ right:0;}
.in_login .img img{ position:absolute; min-width:100%; min-height:100%;}
.in_login .left img{ right:0;}
.in_login .right img{ left:0;}
.in_login .btn_group{ position:absolute; top:50%; left:50%; margin-top:-27px; margin-left:-278px; width:556px; height:105px;}
.in_login .btn_group .btn{ position:absolute; top:23px; width:265px; height:63px;}
.in_login .btn_group .btn a{ display:block; height:inherit;}
.in_login .btn_group .l_btn{ left:0; background:url(../images/login_btn1.png);}
.in_login .btn_group .r_btn{ right:0; background:url(../images/login_btn2.png) 0 63px;}
.in_login .btn_group .ico{ position:absolute; left:50%; margin-left:-53px; width:106px; height:106px; background:url(../images/login_fire.png);}




/*content*/

.Crumbs{ width: 500px; margin: -60px 0 0 0; position: relative; z-index: 9999;  font-size: 14px;padding: 15px 0 15px 20px;height: 30px;line-height: 30px;background: url(../images/icon_home.png) no-repeat 0px center;color: #000;}
.Crumbs a{ color: #333;}


.de_tit{background: #fff;display: block;overflow: hidden; }
.de_tit span{width: 100px;font-size: 18px;padding: 20px 0;font-weight: bold;display: block;text-align: center;background: #59b3d8;color: #fff;}
.de_tit p{ font-size: 0px; border-left: 1px solid #eee; display: block; text-align: left;}
.de_tit p a{ border-right: 1px solid #eee; padding: 0 25px; display: inline-block; line-height: 60px;   vertical-align: middle; font-size: 16px; color: #333;}
.de_tit p a:hover,.de_tit p a.active{background: #59b3d8; color: #fff;}

.main{ width: 1120px; padding: 40px; display: block; margin: 20px auto 20px auto; overflow: hidden;}

.rcon{ width: 100%;}


/*news  left*/

.pic_w{ width: 100%; overflow: hidden; position: relative; margin: 0 0 60px 0;}

.pro_list .bd{ overflow: hidden; padding: 0px 0 0px 0px;}
.pro_list ul li{ width: 264px; margin: 0px 20px 0px 0; float: left; border: 1px solid #fff; }
.pro_list ul li a{   background: #f6f6f6;padding: 5px; display: block; overflow: hidden; position: relative;}
.pro_list ul li img{ width: 254px; height:190px; display: block; object-fit: cover; }
.pro_list ul li:hover{ border: 1px solid #eee;  }
.pro_list ul li a:hover{ background: #fff;}

.pro_list .hd{ overflow:hidden;  height:1px; position: initial; }
.pro_list .hd .prev,.pro_list .hd .next{ display:block; position: absolute; left: 0; top: 50%; z-index: 99; margin-top: -20px;  width:40px; height:40px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat center left;}
.pro_list .hd .next{ background-position: center right; left: auto ; right:0 ;  }
.pro_list .hd .prev:hover,.pro_list .hd .next:hover{ background:url("../images/arrow2.png") no-repeat center left;}
.pro_list .hd .next:hover{ background-position: center right;}




.listnav{ display: block; position: relative; width: 200px; margin-left: 40px;}
.listnav ul{ position: relative; z-index: 2;}
.listnav ul li{ display: block; margin: 0 auto 15px auto; position: relative; padding-left: 30px;}
.line{ position: absolute; left: 5px; top: 0px; height: 100%; display: block; width: 2px; background: #eee;}
.listnav ul li b{ position: absolute;  top: 50%; margin-top: -3px; left: 0; width: 12px; height: 12px; background: #eee; border-radius: 50%; display: block; }
.listnav ul li a:hover b,.listnav ul li.active b{ background: #59b3d8; }
.listnav ul li span{ display: inline-block; padding: 5px 20px; font-size: 14px; color: #999; line-height: 20px;}
.listnav ul li a:hover span,.listnav ul li.active span{ background: #59b3d8; color: #fff; }

.news_list02{ overflow: hidden;}
.news_list02 ul li{ margin-bottom: 30px; position: relative; padding-left: 200px;}
.news_list02 ul li a{ display: block;}
.news_list02 ul li a h3{ color: #333; font-size: 14px; width: 100%; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news_list02 ul li a p{ height: 48px; overflow: hidden; font-size: 12px; color: #999; line-height: 24px;}
.news_list02 ul li a span{   color:#59B3D8; line-height:24px; display: block;}
.news_list02 ul li a span font{ color:#999;}
.news_list02 ul li a .img{ width: 160px; height: 102px; position: absolute; left: 0px; top: 0px; display: block;}
.news_list02 ul li a .img img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.news_list02 ul li a:hover h3{ color: #59B3D8; }
.news_list02 ul li .time{ padding: 30px 20px; width: 120px; font-size: 18px; font-weight: bold; color: #59b3d8; height: 42px; background: #f6f6f6; text-align: center; line-height: 40px; position: absolute; left: 0px; top: 0px; display: block;}
.news_list02 ul li a:hover .time{ background: #59b3d8; color: #fff;}

/*snav02*/
.snav02{ font-size: 0px; padding-top: 10px;}
.snav02 a{ font-size: 16px; padding: 10px 20px; margin-top: 10px; display: inline-block; margin-right: 20px; background: #fff; color: #333;}
.snav02 a:hover,.snav02 a.active{ background: #59b3d8; color: #fff; }

/*details*/
.ml30px{ margin-left: 30px;}
.display_title h1 {text-align: center;padding: 10px 180px 15px;margin: 0;color: #111;font-size: 22px;line-height: 28px;}
.display_title{ position: relative;    }
.display_content{text-align: center;}
.display_content p{font-size: 15px;color: #333;line-height: 28px; }
.display_content img{ max-width: 100%; display: block; overflow: hidden; margin: 15px auto; height: auto;}
.display_content table{ margin: 0 auto;}
.info{position: absolute;right: 40px;top: 20px;padding:6px 0;margin: 0 auto;text-align: center;color: #999;}
.page_up_dn{z-index:300;margin:0;padding: 20px;overflow:hidden;zoom:1; font-size: 14px; line-height: 24px;}
.page_up_dn li{padding:0;width:100%; color: #333; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.page_up_dn li a{ color: #000;}
.page_up_dn li span{ font-weight: bold;}
.red{ color: red;}

/*cp*/


.in_pro2 { overflow: hidden; padding: 0px 0px 0px 0px;}
.in_pro2 ul li{ width: 265px; margin-right: 20px; float: left;  margin-bottom: 30px; }
.in_pro2 ul li a{ background: #f6f6f6;  display: block; overflow: hidden; position: relative;border: 1px solid #eee;}
.in_pro2 ul li img{ width: 263px; height: 210px; object-fit: cover; background: #f6f6f6; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.in_pro2 ul li span{ position: relative;  z-index: 4; width: 273px; font-size: 14px; text-align: center;  background: #FFFFFF; color: #333; font-weight: normal; line-height: 42px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.in_pro2 ul li a:hover span{color: #59b3d8;}
.in_pro2 ul li a:hover img{-webkit-transform: scale(1.5); transform: scale(1.5);  }




/*job*/
.messg_div{ padding:20px 0; margin-right: 30px; margin-top: 0px; border: 1px solid #eee; background: #fbfbfb;padding-bottom: 60px;}
.messg_div p{ display: block; position: relative;padding-left: 150px; margin-bottom: 10px;}
.messg_div p span{ display: block; width:130px; text-align: right; font-size: 14px; color:  #333; position: absolute; left: 0px; top: 0px; line-height: 30px;}
.messg_div p input.inp,.messg_div p textarea.textarea{text-align: left;padding: 5px 10px;line-height: 20px;color: #333;font-size: 14px;width: 80%;height:  20px;-webkit-appearance: none;border: 1px solid #e0e0e0;outline: none;border-radius: 2px;font-family: "microsoft yahei";float:  inherit;margin:0;text-align:  left;}
.messg_div p input.btn{font-family: "microsoft yahei"; cursor: pointer; width: 60px; height: 30px; line-height: 30px; background: #ddd; margin-right: 15px; display: inline-block; font-size: 14px; color: #333; border: 0px; outline: none; -webkit-appearance: none; border-radius: 2px;}
.messg_div p input.btn1{ background: #e8430c; color: #fff;}
.messg_div p textarea{ height:80px; resize: none;}

.messg_div p font{ display: block; overflow: hidden;}
.messg_div p font label{ display: block; float: left; margin-right: 60px; line-height: 22px; padding: 5px 0; height: 22px; overflow: hidden;}
.messg_div p font label input{float: left;display: block;margin: 4px 10px 0 0;height: 18px;}




/*page*/
.pageJump{ padding: 20px 0; overflow: hidden;  font-size: 12px; text-align: center;}
.pageJump a{ display: inline-block; margin-right: 6px; padding: 4px 8px; vertical-align: top; color: #333333; border: 1px solid #ddd;}
.pageJump a:hover,.pageJump a.current{background: #59b3d8;border: 1px solid #59b3d8;color: #fff;}
.number{ display: inline-block; text-align: center;}




.body_bg{ background: url(../images/xx.jpg) no-repeat center top ;}

.main0{ height: 676px; width: 100%; padding-top: 220px;}

.tongz .news_list ul li a,.tongz .news_list ul li span{ color: #fff; }
.tongz .news_list ul li i{ background: url(../images/jt3.png) no-repeat center left;}
.title a{ border-radius: 0px; width: 28px; height: 28px; color: #00b9ef; background: #eeedff; padding: 0px; line-height: 28px;text-align: center;}
.tongz .title{ color: #fff;}
.video{ display: block; margin: 0 auto; width: 100%; height: 224px;}
.video img{ display: block; margin: 0 auto; width: 100%; height: 224px;}


.news_list03{ overflow: hidden;}
.news_list03 ul li{ margin-top: 12px;  position: relative; padding-right: 100px;}
.news_list03 ul li.li02{padding-left: 315px;padding-right: 0px;margin-top: 6px;padding-bottom: 21px;min-height: 210px;border-bottom: 1px solid #e0e0e0;}
.news_list03 ul li.li02 p{padding-left: 0px;text-overflow:ellipsis;height: 120px;font-size: 14px;white-space: normal;margin: 10px 0 17px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 5;}
.news_list03 ul li a{ display: block;}
.news_list03 ul li a h3{color: #333;font-weight: normal;font-size: 15px;width: 100%;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_list03 ul li a p{ padding-left: 13px ; overflow: hidden; font-size: 12px; color: #999; line-height: 24px; 
text-overflow:ellipsis; white-space: nowrap; height: 24px; }
.news_list03 ul li a span{   color:#999; line-height:24px; display: block;  }
.news_list03 ul li a .img{width: 290px;height: 210px;position: absolute;left: 0px;top: 0px;display: block;}
.news_list03 ul li a .img img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.news_list03 ul li a:hover h3{ color: #59B3D8; }
.news_list03 ul li a i{ font-size: 18px; font-weight: bold; color: #999; display: inline-block; margin-right: 5px;}
.news_list03 ul li a:hover i{ color: #59B3D8;}
.news_list03 ul li a span.time{ position: absolute; right: 0px; top: 0px; line-height: 30px;}

.gh_about{ height: 100px;}
.gh_about img{ height: 100px; width: 100% ; object-fit: cover; display: block;}
.gh_tel{ background: #88c18b; padding: 16px 20px 13px 44px; color: #fff; overflow: hidden;}
.gh_tel span{ display: block; color: #fff; font-size: 16px; margin-bottom: 10px;}
.gh_tel font{ font-size: 20px; display: block; font-weight: bold; color: #fff; margin-bottom: 15px;}


.flink{ text-align: right; font-size: 16px; color: #333; padding: 30px 0 0 0;}
.flink span{ line-height: 30px; font-weight: bold; padding-left: 40px; display: inline-block; background: url(../images/flink.png) no-repeat center left; }


.tz_box{ width:100%; height:209px;   position:relative; border-top: 1px solid #c4c1fd; }
.tz_box .bd{ position:relative; height:100%; z-index:0;   }
.tz_box .bd li{ zoom:1; vertical-align:middle; }

.tz_box .prev,
.tz_box .next{ font-size: 16px; text-align: center; line-height: 30px; font-family: simsun; position:absolute; right:40px; top:-50px; color:#00b9ef;  display:block; width:30px; height:30px; background:#eeedff;   }
.tz_box .next{ left:auto; right:0px;  }
.tz_box .prev:hover,
.tz_box .next:hover{  background: #fff; }
.tz_box .prevStop{ display:none; }
.tz_box .nextStop{ display:none; }
.tz_box .tit0{ display: block; font-weight: bold; font-size: 16px; color: #fff; line-height: 34px; padding: 10px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tz_box p{ color: #fff; font-size: 14px; line-height: 24px; height: 120px; overflow: hidden;}
.tz_box span{ line-height: 24px; display: block; color: #fff; font-size: 14px;}




.title0{ font-size: 34px; font-family: simhei; text-align: center; margin-bottom: 40px; line-height: 60px; color: #20336b; }
.title0 span{ font-size: 50px; font-weight: bold; color: #1db6f2; display: inline-block;vertical-align: top;}

.snav03{ text-align: center; margin-bottom: 60px; font-size: 14px;}
.snav03 a{ display: inline-block; padding: 0 20px; opacity: 0.5;}
.snav03 a:hover,.snav03 a.active{ opacity: 1;}
.snav03 a img{ display: block; margin: 0 auto 10px auto;}
.mr30px{ margin-right: 30px;}
.ml30px{ margin-left: 30px;}
.text{ width: 48%;}
.text p img{ margin-top:0px ; }


.tongz .news_list ul li{ padding-bottom: 0px;}