@charset "utf-8";



/* CSS Document */



@charset "utf-8";



@font-face{



	font-family:myE;



	src: url(../font/DINOT-Bold.otf);



}



@font-face{



	font-family: myC;



	src:url(../font/Pingfang.ttf);



}



/*===================CSS Reset================*/



::selection {color:#fff;background-color: #06783b;}



::-moz-selection {color:#fff;background-color: #06783b;}



::-webkit-selection {color:#fff;background-color: #06783b;}



::-webkit-scrollbar {width: 3px;height: 8px;background-color: #F5F5F5;}



::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}



::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}



* {padding: 0;margin: 0; box-sizing:border-box;}



.no_padding{ padding:0 !important; margin:0 !important;}



#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }



body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1; min-width:1200px; overflow-x:hidden}



.loading-mask {



	position: absolute;



	top: 0;



	left: 0;



	z-index: 9999;



	background: #06783b;



	transition: cubic-bezier(.62, .06, .07, .98) 1s;



	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;



	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;



	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;



	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s



}



.loading-mask.compelet {



	transform: translateX(100%);



	-ms-transform: translateX(100%);



	-o-transform: translateX(100%);



	-webkit-transform: translateX(100%);



	-moz-transform: translateX(100%)



}



.full {



    width: 100%;



    height: 100%;



}







:focus { outline: 0;}



 input,button,a { outline:0;}



article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}



ins {background-color: #ff9;color: #000;text-decoration: none;}



mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}



del {text-decoration: line-through;}



table {border-collapse: collapse;border-spacing: 0;}



hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}



input,select {vertical-align: top;}



li,ul {list-style-type: none;}



img {border: none;}



a{text-decoration: none;}



a:link,a:hover,a:active,a:visited {text-decoration: none;}



input,textarea {outline: 0;border: 0;}



textarea {resize: none;}



h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}



ul, li {list-style: none;margin: 0;padding: 0;}







/*自定义样式*/



.fl {float: left;}



.fr {float: right;}



.m{width: 1200px;margin: 0 auto; display: block;}



.img{ overflow:hidden;}



.img img{ width:100%; height:100%;}



h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.clear{ clear:both;}







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



/*head*/



.head{ width:100%; height:100px; z-index:999; box-sizing:border-box;z-index:999;}



.logo{ float:left; margin-top:26px;}



.logo img{}



.nav{ float:right; position:relative; top:22.5px;}

.nav ul#nav{}

.nav ul#nav>li{ text-align:center; float:left; position:relative;}

.nav ul#nav>li:nth-child(4) .sub{ display:none !important}

.nav ul#nav>li h3 a{ font-size:14px; line-height:45px; height:45px; color:#66635f; font-weight:bold; display:block; transition:ease .3s; -webkit-transition:ease .3s; position:relative; width:106px; border-radius:3px;}

.nav ul#nav>li h3 a:before{ content:""; display:block; position:absolute; top:47px; width:100%; width:100%; height:0px; background:url(../images/nav_on.png) center bottom no-repeat; transition:.3s; }

.nav ul#nav>li.on h3 a:before,.nav ul li:hover h3 a:before{height:29px; }

.nav ul#nav>li.on h3 a,.nav ul li:hover h3 a{ color:#fff; background:#009bb4;}



/*导航下拉样式*/



.nav .sub{ display:none; width:130%; left:-15%; top:80px;  position:absolute; background:#009bb4;   line-height:26px; z-index:999; padding:10px 0; transform:rotateY(90deg); transition:.6s;}

.nav .sub li{ zoom:1; }

.nav .sub a{ display:block; line-height:30px; font-size:14px; color:#fff; color:rgba(255,255,255,.8); position:relative; z-index:0; }

.nav .sub a:hover{ color:#fff;}

.nav ul#nav>li.on .sub{ transform:rotateY(0deg);}





#gotop { position:fixed; z-index:90; bottom:80px; right:30px; width:60px; height:60px; padding-top:15px; box-sizing:border-box; text-align:center; border-radius:5px; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;}



#gotop img{ width:52px; height:50px;}



#gotop.hide { bottom:-80px;}



#gotop:hover {}







/*banner*/



.banner { height:560px; width:100%; overflow:hidden; position:relative; z-index:0; top:-1px; }



.banner .swiper-slide{ height:560px !important; }



.banner .swiper-slide{ position:relative; }



.banner .bg{  width: 100%; height:560px; overflow:hidden;}



.banner .arrow-left {



  background: url(../images/banner_left.png) no-repeat left top;



  position: absolute;



  left: 256px;



  top: 50%;



  margin-top: -24px;



  width: 47px;



  height: 47px; z-index:9;



}



.banner .arrow-right {



  background: url(../images/banner_right.png) no-repeat left bottom;



  position: absolute;



  right: 256px;



  top: 50%;



  margin-top: -24px;



  width: 47px;



  height: 47px; z-index:9;



}







.banner .pagination {



  position: absolute;



  z-index: 20;



  bottom: 35px; width: 100%; text-align: center;



}



.banner .swiper-pagination-switch {



  display: inline-block; transition:.3s;



  width: 22px;



  height: 25px;



  margin:0 4px;



  opacity: 0.8;



  cursor: pointer; border-bottom:2px solid #fff;



}







.banner .swiper-active-switch {



  width:42px; border-bottom:2px solid #009bb4;



}







.caption { text-align:center;



	position: absolute;



	bottom: 43px;



	width: 100%;



	overflow: hidden;



	height: 30px;



}







.caption li {



	text-align: center; display:inline-block; width:22px; text-align:center;



	bottom: -10px; position:relative;



	transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1);



}







.caption .active { width:42px;}







.caption li a { color:#fff; font-family:myC; font-size:14px;



}











/*banner end*/







/*首页内容开始*/



.container01{ overflow:hidden; padding-top:65px;}







#s_about{ float:left; width:590px; overflow:hidden; }



#s_about .img{ width:240px; height:193px; float:left;}



#s_about .txt{ float:right; width:329px; }



#s_about .txt p{ font-size:14px; line-height:26px; color:#8e8e8e; max-height:78px; overflow:hidden; margin-bottom:35px;}



#s_about .video_btn{ line-height:30px; font-size:14px; color:#9d9b99; cursor:pointer;}



#s_about .video_btn img{ margin-right:8px; position:relative; top:3px;}



#s_about .more{ display:inline-block; line-height:30px; font-size:14px; color:#9d9b99; font-family:arial; text-transform:uppercase;}



#s_about .more:hover{ color:#009bb5;}







#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 



#s_video_box a img.img{}



#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}



#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.9);}



#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px; opacity:0; transform:scaleX(.3);



-webkit-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1); /* older webkit */



-webkit-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 



   -moz-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 



     -o-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 



        transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 



}



#show_video_box.act .box{ top:50% ; opacity:1; transform:scaleX(1);}



#page_video{ width:1080px; height:580px;  background:none; position:relative;}



#page_video .video_box{ width:1010px; height:580px;}



#bnt_close{ display:block; width:60px; height:60px; position:absolute; top:-50px; right:0;}



#bnt_close img{ display:block; position:absolute; left:18px; top:18px; width:23px; }



#bnt_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}











.s_tt{ height:36px; line-height:36px; margin-bottom:10px;}



.s_tt span{ font-size:30px; color:#009bb5; font-family:myC; text-transform:uppercase;  margin-right:12px;}



.s_tt h3{ font-size:18px; font-family:arial; color:#f08300;display: inline-block;}



.s_tt .btn{ display:inline-block; float:right; font-size:14px; color:#4d4d4d; transition:.3s;}



.s_tt .btn:hover{ color:#f08300; }







#s_xiangmu{ width:560px; float:right;}


#s_xiangmu ul{display:flex;}
#s_xiangmu ul li{width: 25%;float:left;height:195px;position:relative;z-index:0;}



#s_xiangmu ul li .bg{ display:block; position:absolute; z-index:-1; background-image:url(../images/s_xiangmu_bg.png); background-repeat:no-repeat; background-position:center bottom;bottom:0; left:0; width:100%; height:100%; transition:.5s;}



#s_xiangmu ul li a{color:#fff;font-size:14px;padding: 0 14px;display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;transition:.5s;}



#s_xiangmu ul li a .txt{ line-height:24px; height:72px; margin-top:54px;}



#s_xiangmu ul li.li_1 .bg{ background-color:#009bb4;}



#s_xiangmu ul li.li_2 .bg{ background-color:#4cb9ca;}



#s_xiangmu ul li.li_3 .bg{ background-color:#f8be4c;}



#s_xiangmu ul li.li_4 .bg{ background-color:#f5a200;}
#s_xiangmu ul li.li_6 .bg{background-color: #f1514a;}
#s_xiangmu ul li.li_5 .bg{background-color: #5297ff;}



#s_xiangmu ul li:hover .bg{ height:230px;}



#s_xiangmu .tt{ position:absolute; top:30px; width:100%; left:0; padding:0 10px; opacity:0; transition:.3s;}



#s_xiangmu .tt i{ display:inline-block; width:7px; height:7px; border-radius:50%; background:#fff; position:relative;}



#s_xiangmu .tt i:after{ content:""; width:7px; height:7px; background:rgba(255,255,255,0.2); animation:fd_sx 3s linear infinite; display:block; border-radius:50%; position:absolute; top:0; left:0; z-index:-1;}



@-webkit-keyframes fd_sx{



	0%{-webkit-transform:scale(2);transform:scale(2)}



	50%{-webkit-transform:scale(3);transform:scale(3)}



	100%{-webkit-transform:scale(2);transform:scale(2)}



	}



#s_xiangmu .tt font{ display:inline-block; float:right; width:16px; height:16px; background:url(../images/s_jia.png) center no-repeat; border-radius:50%;}



#s_xiangmu ul li:hover .tt{opacity:1;top:20px;padding: 0 18px;}







.s_xiangmu{ overflow:hidden; padding-top:56px; height:490px; }



.s_xiangmu ul{}



.s_xiangmu ul li{ width:220px; float:left; transition:.4s ease-in-out; -webkit-transition:.4s ease-in-out; background:#fff;}



.s_xiangmu ul li a{ display:block; width:542px; height:310px;}





.s_xiangmu ul li .txt{ width:220px; float:left; padding-top:64px; padding-left:27px; box-sizing: border-box;}



.s_xiangmu ul li .txt h5{ font-size:18px; color:#1e1e1f; margin-bottom:12px;}



.s_xiangmu ul li .txt p{ font-size:12px; color:#cbcbcc; font-family:arial; text-transform:uppercase;}



.s_xiangmu ul li .txt span{ display:block; width:34px; height:34px; background:url(../images/xiangmu_ico1.png) center no-repeat; margin-top:100px;}



.s_xiangmu ul li.on .txt{ background:#005bac; height:310px;}



.s_xiangmu ul li.on .txt p{ color:#8da9d0;}



.s_xiangmu ul li.on .txt h5{ color:#fff;}



.s_xiangmu ul li.on .txt span{ background:url(../images/xiangmu_ico2.png) center no-repeat;}



.s_xiangmu ul li .img{ width:322px; float:right; height:310px;}



.s_xiangmu ul li.on{ width:542px; margin-right:17px;}



.s_xiangmu ul li.li_1{ background:#f7f7f7;}



.s_xiangmu ul li.li_2{ background:#f5f5f7;}



.s_xiangmu ul li.li_3{ background:#eeeef2;}



.s_xiangmu ul li.li_4{ background:#e4e4e7;}







.s_line{ margin:55px 0; position:relative;}



.s_line .fl{ width:50%; height:2px; background:#facd75;}



.s_line .fr{ width:50%; height:2px; background:#75c9d6;}



.s_line .yuan{ width:14px; height:14px; border:3px solid #4cb9cb; background:#fff; position:absolute; left:50%; margin-left:-7px; border-radius:50%; top:-6px; z-index: 9;}







.container02{ overflow:hidden; margin-top:45px;}



#s_case{ width:605px; overflow:hidden; float: left;}



#s_case ul{}



#s_case ul li{ position:relative; width:290px; height:175px; float: left; margin-right:12px; margin-bottom:12px; background:#4cb9ca; overflow:hidden;}



#s_case ul li a{}



#s_case .s_tt{ text-align:center; padding-top:45px; height: auto;}



#s_case .s_tt span{ color:#fff;}



#s_case .s_tt h3{ color:#fff;}



#s_case .more{ width:28px; height:28px; margin:0 auto; position:relative;}



#s_case .more:before{ content:""; width:56px; height:1px; background:#70c7d5; display:block; position:absolute; left:-66px; top:50%;}



#s_case .more:after{ content:""; width:56px; height:1px; background:#70c7d5; display:block; position:absolute; right:-66px; top:50%;}



#s_case ul li img{ width:100%; height:100%; transition:.7s;}



#s_case ul li h5{ height:35px; line-height:35px; background:#f5a200; background:rgba(245,162,0,.8); color:#fff; position:absolute; bottom:0; width:100%; padding:0 10px; text-align:center; font-size:14px; transition:.6s;}



#s_case ul li:hover h5{height:175px; line-height:175px; background:rgba(245,162,0,.9);}



#s_case ul li:hover img{ transform:scale(1.1);}







#s_news{ width:560px; float:right;}



#s_news .hd{ height:45px; overflow:hidden; border-bottom:2px solid #efefef; margin-bottom:29px;}



#s_news .hd .s_tt{ float:left; margin-top:-7px;}



#s_news .hd ul{ float:right;}



#s_news .hd ul li{ float:left; line-height:35px; margin-left:30px;}



#s_news .hd ul li a{ font-size:14px; color:#66635f;}



#s_news .hd ul li.on a{ font-weight:bold; font-size:15px; color:#66635f;}



#s_news .bd{}



#s_news .hd2{ float:right;}



#s_news .hd2 ul{}



#s_news .hd2 ul li{ font-size:0; width:7px; height:7px; border-radius:50%; background:#d7d6d4; margin-left:6px; float:left;}



#s_news .hd2 ul li.on{ background:#f5a200;}



#s_news .bd .list1{}



#s_news .bd .list1 h5 a{ font-size:20px; color:#66635f; font-weight:bold;}



#s_news .bd .list1 h5 a:hover{ color:#555;}



#s_news .bd .list1 span{ font-size:18px; color:#d8d8d7; font-weight:bold; font-family:arial; display:block; margin:15px 0 14px;}



#s_news .bd .list1 p{ font-size:12px; color:#66635f; line-height:20px; height:40px; overflow:hidden;} 



#s_news .bd .list2{ margin-top:30px;}



#s_news .bd .list2 li{ position:relative; height:32px; line-height:32px;}



#s_news .bd .list2 a{}



#s_news .bd .list2 i{ font-size:14px; color:#f5a200; margin-right:5px;}



#s_news .bd .list2 h5{ font-size:14px; color:#66635f; width:434px;}



#s_news .bd .list2 span{ font-size:14px; color:#66635f; font-family:arial; position:absolute; right:0; top:0; line-height:32px; display:inline-block; }



#s_news .bd .list2 h5:hover{ color:#333;}







.container03{ margin-top:45px; overflow:hidden; margin-bottom:50px;}



#s_zhaopin{ width:594px; height:145px; background:url(../images/s_zhaopin.jpg) center no-repeat; padding:45px 50px; float:left;}



#s_zhaopin .s_tt{ float:left; line-height:1.25;}



#s_zhaopin .s_tt span{ display:block; font-size:24px;}



#s_zhaopin .s_tt h3{ color:#66635f;}



#s_zhaopin .dw{ float:left; font-size:14px; color:#66635f; line-height:24px; margin-top:5px;}



#s_zhaopin .btn{ float:right; width:50px; height:40px; margin-top:10px; margin-right:57px; border:1px solid #fff; border:1px solid rgba(255,255,255,.3); border-radius:3px; display: block; background:url(../images/s_zhaopin_ico.png) 0px center no-repeat; transition:.3s;}



#s_zhaopin .btn:hover{ background:url(../images/s_zhaopin_ico.png) -50px center no-repeat;}







#s_lianxi{ width:594px; height:145px; background:url(../images/s_lianxi.jpg) center no-repeat; padding:45px 50px; float:right; position:relative;}



#s_lianxi .s_tt{ float:left; line-height:1.25;}



#s_lianxi .s_tt span{ display:block; font-size:24px; color:#f5a200;}



#s_lianxi .s_tt h3{ color:#66635f;}



#s_lianxi .tel{ position:absolute; left:406px; top:53px;}



#s_lianxi .tel span{ font-size:14px; color:#f5a200;}



#s_lianxi .tel p{ font-size:22px; color:#66635f; font-family:arial; margin-top:5px;}























/*foot*/



#footer{ background:#e5f5f7; box-sizing:border-box;position:relative; z-index:0; padding-top:60px;}



#footer .m{ }



#footer .fl{ float:left; width:505px;}



#footer .foot_logo{ float:left;}



#footer .lianxi{ float:right;}



#footer .lianxi .tt{ font-size:14px; color:#009bb5;}



#footer .lianxi .tt span{ font-size:18px; color:#66635f; font-family:arial; text-transform:uppercase; margin-right:20px;}



#footer .lianxi p{ font-size:30px; color:#009bb5; font-family:myE; margin-top:5px;}



#footer .fl ul{ margin-top:25px;}



#footer .fl ul li{ font-size:14px; color:#66635f; line-height:26px; height:26px;}



#footer .fl ul li i{ display:inline-block; width:19px; margin-right:6px; text-align:center;}



#footer .fl ul li img{ position:relative; top:2px; margin-right:6px;}



#footer .fl ul li a{ font-size:12px; color:#b5bfbf; text-decoration:underline; margin-left:10px;}



#footer .fl ul li a:hover{ color:#666;}



#footer .fr{ width:365px;}



#footer .fr .foot_nav{ float:left; width:190px;}



#footer .fr .foot_nav ul{}



#footer .fr .foot_nav ul li{ float:left; margin-left:35px; height:63px;}



#footer .fr .foot_nav ul li a{ font-size:14px; color:#66635f; display:block; position:relative;}



#footer .fr .foot_nav ul li a:before{ content:""; display:block; width:0; height:2px; background:#009bb5; position:absolute; top:25px; right:0; transition:.5s;}



#footer .fr .foot_nav ul li a:hover:before{ width:54px; left:0; right:auto;}



#footer .fr .ewm{ float:right;}



#footer .fr .ewm img{}



#footer .fr .ewm p{ font-size:12px; color:#b9c3c3; text-align:center; text-decoration:underline; margin-top:15px;}







.s_foot_link{ float:left; width: 178px;height: 35px; cursor:pointer;overflow:visible;position: relative; text-align:left; }



.s_foot_link .tanchu{ width: 247px; padding:0 10px; height:200px; overflow:auto;box-sizing:border-box;position:absolute;bottom:30px; border-bottom:0; display: none;left:-1px;}



.s_foot_link .tanchu:before{ content:""; display:block; border:10px solid transparent; border-top:10px solid #ebf8fa; width:0px; height:0px; position:absolute; bottom:1px; left:50%; margin-left:-10px;}



.s_foot_link .tanchu>div{ height:180px;background: #ebf8fa; border:1px solid #b0deea; padding:10px 13px; overflow:auto;box-shadow:0px 6px 12px 0px rgba(5, 84, 97, 0.44);}



.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}



.s_foot_link .tanchu a { color: #333; line-height: 27px; display:block; font-size: 12px;}



.s_foot_link .tanchu a:hover{ font-weight:bold;}



.s_foot_link #bnt_link1.a {padding-left:12px;color: #fff; text-align:left;line-height: 33px;width:230px;box-sizing:border-box; text-decoration:none;position:absolute;z-index:1;}



.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:28px;}







#footer .bot{ height:65px; background:#009bb5; padding:15px 0;}



#footer .bot .tt{ float:left; color:#fff; line-height:35px; height:35px; margin-right:3px;}



#footer .bot .tt img{ margin-right:10px;}



.copyright{ float:right; font-size:12px; color:#afd3dd; line-height:35px;}



.copyright *{ display: inline-block; font-size:12px; color:#afd3dd;}



.copyright a{ color:#afd3dd;}



.copyright a:hover{ color:#fff; }



.footer *{ font-size:13px; color:#837a74; }











/*首页内容结束*/











/*内页banner*/







.ny_banner{width: 1920px;height: 329px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}



.ny_banner .tt{ display:table-cell; height:329px; vertical-align:middle; text-align:center; width:1920px;}



.ny_banner .tt h2{ font-size:18px; color:#fff; margin-bottom:15px;}



.ny_banner .tt span{ font-size:30px; color:#fff; font-family:myC; text-transform:uppercase;}







#n_nav{ text-align:center; position:relative; height:70px;}



#n_nav ul{ display:inline-block;}



#n_nav ul li{ float:left; margin:0 50px;}



#n_nav ul li a{ font-size:15px; color:#5f5f5f; line-height:70px; display:block;}



#n_nav ul li.on a,#n_nav ul li:hover a{ font-weight:bold;}







.n_line{ position:relative; height:63px; overflow:hidden;}



.n_line .fl{ width:50%; height:3px; overflow:hidden; background:#f8be4c;}



.n_line .fr{ width:50%; height:3px; overflow:hidden; background:#4cb9ca;}



.n_line .yuan{ width:14px; height:14px; border:3px solid #f5a200; background:#fff; position:absolute; left:50%; margin-left:-7px; border-radius:50%; bottom:0px;}



.n_line .yuan:before{ content:""; display:block; width:1px; height:39px; background:#f5a200; position: absolute; left:50%; margin-left:-1px; bottom:18px;}







/*==============当前位置=====================*/











#n_main{ padding-top:40px; padding-bottom:60px;}



.n_tt{ text-align:center; padding-bottom:60px;}



.n_tt h3{ font-size:20px; color:#66635f; margin-bottom:12px;}



.n_tt span{ position:relative; font-size:18px; color:#f5a200; text-transform: uppercase; font-family:arial;}







#n_about{}



#n_about #tt{ height:80px; background:url(../images/about_tt.jpg) right center no-repeat; border-bottom:1px solid #e8ebef; padding-top:33px; position:relative; margin-top:-40px; margin-bottom:32px;}



#n_about #tt h4{ font-size:24px; color:#494949;}



#n_about #tt:before{ content:""; width:45px; height:3px; background:#009bb4; position:absolute; left:0; bottom:-2px;}







/*内容样式*/



.ar_article{ font-size:14px; color:#8e8e8e; line-height:30px; text-align:justify;}



.ar_article p{font-size:14px;color:#8e8e8e;line-height:30px;text-align:justify; padding-bottom:25px;}	



.ar_article strong{ font-weight:bold;}



.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;}



.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}



.ar_article img{ max-width:100%;}



.ar_article a{ color:#777;}



.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}



.ar_article ul li,



.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}



.ar_article ul li p,



.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }



.ar_article ul,



.ar_article ol{ margin-bottom:15px;}



.ar_article sub {



    vertical-align: sub;



    font-size: smaller;



}







.ar_article sup {



    vertical-align: super;



    font-size: smaller;



}







#n_jishu_xq{}



#n_jishu_xq #tt{ font-size:22px; color:#66635f; font-weight:bold; text-align:center; margin-bottom:50px;}



#n_jishu_xq #time{ height:80px; background:url(../images/about_tt.jpg) right center no-repeat; border-bottom:1px solid #e8ebef; padding-top:50px; position:relative; margin-top:-40px; margin-bottom:32px;}



#n_jishu_xq #time h4{ font-size:14px; color:#9d9b99; font-family:arial;}



#n_jishu_xq #time:before{ content:""; width:45px; height:3px; background:#009bb4; position:absolute; left:0; bottom:-2px;}







/*==============新闻详情=====================*/











#n_news_xq {}



.left_con{ width:703px; float:left}



.ar_title{ margin-bottom: 35px; position: relative; padding-bottom:20px; border-bottom:1px solid #e0e0df; position: relative; overflow:hidden;}



.ar_title:before{ content:""; width:82px; height:4px; display:block; position:absolute; left:0; bottom:-2px; background:url(../images/ar_title.png) center no-repeat;}



.ar_title h3{ font-size: 24px; display:block; float:left; margin-bottom:12px; font-weight: bold; color:#66635f;width: 77%; line-height:35px;

}



.ar_title span.time{ position: relative; line-height: 36px; display:block; font-size:14px; color:#8c8a88; font-family:arial; }



.ar_con{ min-height:400px;}



#ar_fot{ position:relative; height:54px; border-top:1px solid #009bb5; padding-top:15px; margin-top:50px;}



#ar_fot h1{ display:block;  font-size:14px; color:#717578; width:50%; float:left; text-overflow:ellipsis; white-space:nowrap; position:relative;}



#ar_fot h1.prev{ }



#ar_fot h1.next{ text-align:right;}



#ar_fot h1 a span{}



#ar_fot h1 a{ font-size:14px; color:#a3a2a0; line-height:52px; display:inline-block; width:100%; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



#ar_fot h1 a:hover{ color:#66635f;}







.right_con{ width:430px; float:right; background:#f7f7f7; padding:46px 22px 65px;}



.right_con .tt{ font-size:18px; color:#66635f;}



.right_con .tt span{ font-size:30px; color:#009bb5; font-family:myC; text-transform:uppercase; margin-right:9px;}



.right_con .hd{ height:65px; line-height:65px; text-align:center; background:url(../images/shu.png) center no-repeat #fff; margin-top:35px;}



.right_con .hd ul{}



.right_con .hd ul li{ width:50%; float:left; position:relative;}



.right_con .hd ul li:before{ content:""; width:68px; height:2px; background:#009bb5; display:block; position:absolute; left:50%; margin-left:-34px; bottom:0; opacity:0; transform:scale(0); transition:.3s;}



.right_con .hd ul li a{ font-size:16px; color:#9d9b99; display:block;}



.right_con .hd ul li.on a{ font-size:18px; color:#66635f;}



.right_con .hd ul li.on:before{ opacity:1; transform:scale(1); }



.right_con .bd{}



.right_con .bd ul{}



.right_con .bd ul li{ border-bottom:1px solid #dad9d9; padding:35px 0;}



.right_con .bd ul li h5{ margin-bottom:18px;}



.right_con .bd ul li h5 a{ font-size:18px; color:#66635f;}



.right_con .bd ul li h5:hover a{ color:#009bb5;}



.right_con .bd ul li p{ font-size:12px; color:#a2a09e; line-height:20px; height:40px; overflow:hidden; margin-bottom:25px;}



.right_con .bd ul li span{ font-size:18px; color:#d2d2d1; font-family:arial; line-height:24px;}



.right_con .bd ul li .btn{ float:right; font-size:12px; color:#66635f; font-family:arial; text-transform:uppercase; line-height:24px;}



.right_con .bd ul li .btn:hover{ color:#009bb5;}







/*====分享插件====*/



.shart_box{float: right;height: 40px;  position:relative; top:-5px; }



span.span2.shart_box{ margin-top:10px;}



.shart_box a{ color:#7a7a7a; font-size:12px; line-height:35px;}



.shart_box:hover #j_shart_s_24{ display:block;}



#j_shart_s_24 .bds_count{ font-size:12px;}



.shart_box img{ position:relative; top:3px;}



#j_shart_s_24{padding-left: 10px;position:relative;float: left; display:none; top: -3px; left: -11px;}



#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}



#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}



#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}



#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}



#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}



#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}



#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}



#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}



#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}



#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_count{font-size:12px}



#right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;}











#n_case{ overflow:hidden; position:relative;}



#n_case ul{ margin:0 -6.5px; margin-top:-28px;}



#n_case ul li{ width:290px; height:175px; float:left; margin:0 6.5px; margin-top:28px; position:relative;}
#n_case ul li img{ width:100%; height:100%;}


#n_case ul li a{ display:block; font-size:0; width:100%; height:100%;}



#n_case ul li .mask{ position:absolute; width:100%; height:36px; line-height:36px; color:#fff; left:0; bottom:0; overflow:hidden; background:rgba(102,99,95,.5); transition:.5s; -webkit-transition:.5s;}



#n_case ul li .mask:before{ content: url(../images/jia.png); position:absolute; left:50%; top:65px; margin-left:-20px; margin-top:-20px; transition:.3s; -webkit-transition:.3s; transform:scale(0);filter:alpha(opacity=0); /* IE */



-moz-opacity:0; /* 老版Mozilla */  



-khtml-opacity:0; /* 老版Safari */  



opacity: 0; /* 支持opacity的浏览器*/ }



#n_case ul li:hover .mask:before{ content: url(../images/jia.png); position:absolute; left:50%; top:70px; margin-left:-20px; margin-top:-20px; transform:scale(1); filter:alpha(opacity=100); /* IE */  



-moz-opacity:1; /* 老版Mozilla */  



-khtml-opacity:1; /* 老版Safari */  



opacity: 1; /* 支持opacity的浏览器*/ }



#n_case ul li h5{ font-size:14px; color:#fff; text-align:center; transition:.5s; -webkit-transition:.5s;  width:100%;}



#n_case ul li:hover .mask{ padding-top:97px; height:175px; background:#009bb4; background:rgba(0,155,180,.8); }











 /*==============分页=====================*/



.j_pages { text-align: center; margin-top:65px; }



.j_pages .box{display: inline-block; font-size:0; }



.j_pages a{ height:35px; padding:0 13px; min-width:35px; line-height:35px; text-align:center; display:inline-block; background:#eaeaea; border-radius:3px; margin:0 4px; color:#66635f; font-size:14px; overflow:hidden; transition:.3s; float:left; }



.j_pages span{height:35px; min-width:35px; line-height:35px; text-align:center; display:inline-block; border-radius:3px; font-size:14px; background:#eaeaea; float:left; }



.j_pages span a{ margin:0;}



.j_pages .on{ background:#009bb4; color:#fff !important;}



.j_pages a:hover{ background:#009bb4; color:#fff !important;}



.j_pages .m_bnt{ margin:0 12px;}



.j_pages .m_bnt a{ padding:0 28px; font-family:Microsoft Yahei;}











#n_news{}



#n_news ul{ margin-right:-52px; margin-top:-37px;}



#n_news ul li{ width:575px; height:217px; float:left; background:#fff; padding:37px 38px; transition:.5s; margin-right:50px; margin-top:37px; float:left; position:relative;}



#n_news ul li:before{ content:""; width:0; height:3px; background:#009bb5; display:block; position: absolute; bottom:0; right:0; transition:.7s;}



#n_news ul li:hover:before{ width:100%; left:0; right:auto;}



#n_news ul li:hover{ box-shadow:0 10px 15px 3px rgba(0,0,0,.15);}



#n_news ul li .tt{ margin-bottom:16px; height:21px;}



#n_news ul li .tt h5{ font-size:20px; color:#66635f; float:left; max-width:430px;}



#n_news ul li .tt h5:hover{ color:#009bb5;}



#n_news ul li .tt img{ margin-left:15px; position:relative; top:2px;}



#n_news ul li p{ font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#a5a4a2; margin-bottom:30px;}



#n_news ul li span{ line-height:30px;}



#n_news ul li .time{ font-size:18px; color:#d8d8d7;}



#n_news ul li .time:before{ content:""; width:44px; height:1px; background:#c2c1bf; display:inline-block; position:relative; top:-6px; margin-right:10px;}



#n_news ul li .btn{ font-size:12px; color:#66635f; font-family:arial; float:right; text-transform:uppercase;}



#n_news ul li .btn:hover{ color:#009bb5;}















#n_zizhi{ margin-top:-10px;}



#n_zizhi ul{ margin-right:-20px; margin-top:-47px;}



#n_zizhi ul li{ margin-top:47px;  width:283px; height:245px; margin-right:20px; float:left; border:2px solid #dcdcdc; text-align:center; padding-top:43px; transition:.3s; }



#n_zizhi ul li img{ width:200px; height:129px;}



#n_zizhi ul li h5{ text-align:center; line-height:45px; font-size:15px; color:#66635f; margin-top:10px;}



#n_zizhi ul li:hover{border:3px solid #009bb5; box-shadow:0 7px 15px 3px rgba(0,0,0,.1); }



#n_zizhi ul li:hover h5{ color:#009bb5;}



#n_zizhi .hd{}



#n_zizhi .hd a{ display:block; width:33px; height:33px; position:absolute; top:50%; margin-top:-16px;}



#n_zizhi .hd .prev{ left:-63px; background:url(../images/n_zizhi_l.png) center no-repeat;}



#n_zizhi .hd .next{ right:-63px; background:url(../images/n_zizhi_r.png) center no-repeat;}



#galleryOverlay .placeholder:after{ content:""; position:fixed; top:80px; right:80px; color:#eee;color: rgba(255,255,255,.6); font-size:30px; cursor:pointer; transition:.3s; }



#galleryOverlay .placeholder img{ max-width:90% !important; max-height:80% !important;}







#n_zhuanli ul{ margin-right:-18px; margin-top:-50px;}



#n_zhuanli ul li{ margin-top:50px;  width:225px; height:375px; margin-right:18px; float:left; border:3px solid #eee; text-align:center; padding-top:20px; transition:.3s; position:relative;}



#n_zhuanli ul li img{  width:191px; height:282px;}



#n_zhuanli ul li h5{ text-align:center; line-height:50px; font-size:15px; color:#66635f;  background:#eee; position:absolute; bottom:-3px; width:225px; left:-3px; right:-3px; transition:.3s;}



#n_zhuanli ul li:hover h5{ color:#fff; background:#009bb4;}



#n_zhuanli .hd{}



#n_zhuanli .hd a{ display:block; width:33px; height:33px; position:absolute; top:50%; margin-top:-16px;}



#n_zhuanli .hd .prev{ left:-63px; background:url(../images/n_zizhi_l.png) center no-repeat;}



#n_zhuanli .hd .next{ right:-63px; background:url(../images/n_zizhi_r.png) center no-repeat;}







#n_zhaopin{ }



#n_zhaopin .m{ position:relative; z-index:8;}



#n_zhaopin .m2 {position:relative; overflow:hidden; width:1230px; margin:0 auto; z-index:0;}



.n_zhaopin_container{ width:1230px; height:535px !important;}



#n_zhaopin .prev4{ width:45px; height:45px; display:block; background:url(../images/s_pro_left.png) center no-repeat; position:absolute; left:-70px; top:250px; cursor:pointer; }



#n_zhaopin .next4{ width:45px; height:45px; display:block; background:url(../images/s_pro_right.png) center no-repeat; position:absolute; right:-70px; top:250px; cursor:pointer;}



#n_zhaopin .li .box{ width:380px; height:535px; display:block; border-radius:3px; overflow:hidden; position:relative; margin:0 auto;}



#n_zhaopin .li .box .tt{ height:140px; width:380px; background:#f8be4c; border-radius: 3px 3px 0 0; text-align:center; display:table-cell; vertical-align:middle; padding:20px; transition:.3s; }



#n_zhaopin .li .box .tt h5{ text-align:center; font-size:24px; color:#fff; margin-bottom:13px;}



#n_zhaopin .li .box .tt span{ font-size:14px; color:#fff; opacity:.6; margin:0 10px;}



#n_zhaopin .li .box:hover .tt{ background:#4cb9cb;}



#n_zhaopin .li .box .b{ color:#009bb5; font-size:14px; font-weight:bold; }



#n_zhaopin .li .box .txt{ padding:50px 30px; border:1px solid #e9e9e9; border-radius:0 0 3px 3px;}



#n_zhaopin .li .box .con{ font-size:13px; line-height:30px; color:#8c8a88; margin-top:15px; height:262px; overflow-y:auto; padding-right:10px;}



#n_zhaopin .li .box .con *{font-size:13px; line-height:30px; color:#8c8a88;}



#n_zhaopin .li .box .con::-webkit-scrollbar {width:2px;height: 8px;background-color: #eee; border:0; box-shadow:0; border-radius:0;}



#n_zhaopin .li .box .con::-webkit-scrollbar-track { background-color: #e2e2e2; opacity:.5}



#n_zhaopin .li .box .con::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #009bb5; opacity:.5}







#n_lianxi{ padding-right:343px; background:url(../images/lianxi_bg.jpg) right bottom no-repeat; border-bottom:1px solid #e8ebef;}



#n_lianxi .tt{ border-bottom:1px solid #e8ebef; position:relative; margin-bottom:32px;}



#n_lianxi .tt h4{ font-size:24px; color:#494949;}



#n_lianxi .tt span{ font-size:14px; font-family:arial; color:#8dc7d5; text-transform:uppercase; display:block; margin-top:10px; margin-bottom:26px;}



#n_lianxi .tt:before{ content:""; width:45px; height:3px; background:#009bb4; position:absolute; left:0; bottom:-2px;}



#n_lianxi .box1{ border-bottom:1px solid #e8ebef; padding-bottom:20px;}



#n_lianxi .box1 ul{}



#n_lianxi .box1 ul li{ font-size:14px; color:#494949; line-height:32px;}



#n_lianxi .box2{ overflow:hidden; padding:25px 0 10px;}



#n_lianxi .box2 dl{ width:33.33%; float:left; font-size:14px; color:#494949; line-height:32px; margin-bottom:20px;}



.map { border: 1px solid #e1e1e1; overflow: hidden; margin-top:70px;}







#n_jishu{}



#n_jishu ul{overflow:hidden;margin: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}



#n_jishu ul li{text-align:center;width: 32.33%;height:475px;float:left;border:1px solid #eee;margin: 0 0.5%;padding-top:88px;position: relative;z-index:0;margin-bottom: 1.25rem;}



#n_jishu ul li:before{ content:""; width:29px; height:2px; background:#009bb5; display:block; position:absolute; top:0; left:50%; margin-left:-14px; transition:.3s; z-index:-1;}



#n_jishu ul li:hover:before{ width:100%; height:100%; left:0; margin-left:0;}



#n_jishu ul li span{ font-size:30px; color:#009bb5; font-family:myC; margin-bottom:20px; display:block; transition:.3s;}



#n_jishu ul li p{font-size:16px;color:#66635f;line-height:24px;transition:.3s;width: auto !important;}



#n_jishu ul li font{ display:block; height:40px; margin-top:77px; margin-bottom:56px;}



#n_jishu ul li.li_1 font{ background:url(../images/jishu_ico01.png) center no-repeat;}



#n_jishu ul li.li_2 font{ background:url(../images/jishu_ico02.png) center no-repeat;}



#n_jishu ul li.li_3 font{ background:url(../images/jishu_ico03.png) center no-repeat;}



#n_jishu ul li.li_4 font{ background:url(../images/jishu_ico04.png) center no-repeat;}
#n_jishu ul li.li_5 font{ background:url(../images/jishu_ico05.png) center no-repeat;}
#n_jishu ul li.li_6 font{ background:url(../images/jishu_ico06.png) center no-repeat;}



#n_jishu ul li.li_1:hover font{ background:url(../images/jishu_ico01_on.png) center no-repeat;}



#n_jishu ul li.li_2:hover font{ background:url(../images/jishu_ico02_on.png) center no-repeat;}



#n_jishu ul li.li_3:hover font{ background:url(../images/jishu_ico03_on.png) center no-repeat;}



#n_jishu ul li.li_4:hover font{ background:url(../images/jishu_ico04_on.png) center no-repeat;}
#n_jishu ul li.li_5:hover font{ background:url(../images/jishu_ico05_on.png) center no-repeat;}
#n_jishu ul li.li_6:hover font{ background:url(../images/jishu_ico06_on.png) center no-repeat;}



#n_jishu ul li .btn{ display:block; width:130px; height:35px; line-height:35px; border:1px solid #d1d0cf; border-radius:20px; margin:0 auto; font-size:12px; color:#66635f; background:#fff; position:relative; transition:.3s;}



#n_jishu ul li .btn:before{ content:""; display:inline-block; width:15px; height:1px; background:#c2c1bf; margin-right:18px; position:absolute; top:17px; left:-21px; transition:.3s;}



#n_jishu ul li .btn:after{ content:""; display:inline-block; width:15px; height:1px; background:#c2c1bf; margin-left:18px; position:absolute; top:17px; right:-21px; transition:.3s;}







#n_jishu ul li:hover span{ color:#fff;}



#n_jishu ul li:hover p{ color:#fff;}



#n_jishu ul li:hover .btn{ border:1px solid #fff;}



#n_jishu ul li:hover .btn:before,#n_jishu ul li:hover .btn:before{ background:#66c3d3;}