body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, textarea, /* form elements 表单元素 */
img/* img elements 图片元素 */{border:medium none;margin: 0;padding: 0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#404040; outline:0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:lighter; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a {text-decoration:none;color:#404040;}
a:hover {color:#0087b7;text-decoration:none;transition:all .5s;}
/** 重置图片元素 **/
img{ border:0px;}
.fl{float:left;}
.fr{float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}

.top{width:1200px;margin:30px auto 0;}
.top_r{width:315px;float:right; margin-top:0;}
.top_lg{width:315px;height:24px;float:right; background:url(../images/top_maptb.jpg) left no-repeat; padding-left:60px;}
.top_lg li{width:75px;height:24px;float:left;margin-left:5px; text-align:center; line-height:24px;}
.top_lg li span{float:left; padding:3px 5px 0 0;}

.search{width:213px;height:25px;float:right; margin-top:20px;}
.search_bg{width:171px;height:23px;float:left; border:1px solid #d6d6d6; border-right:none; background-color:#fff; border-radius:5px 0 0 5px;}
.sear_bk{width:160px;height:21px;float:left; background:none; border:none; margin:1px; padding-left:10px; line-height:21px;color:#787876;font-size:12px;}
.search_btn{width:41px;height:25px;float:right;}

.menu_bg{width:100%;height:60px;margin:30px auto 0; background:#989898; z-index:999;}
.menu{width:1200px;height:60px;margin:auto;}
.menu li{float:left;padding:0 40px;position: relative; line-height:60px;height:60px;}
.menu li:hover, .menu li.current-menu-item,.menu li.current_page_parent{ background:#0087b7;}
.menu li a{color:#fff;font-size:16px;}
.menu li a:hover, .menu li:hover a, .menu li.current-menu-item a, .menu li.current_page_parent a{color:#fff;text-decoration:none;}
.menu li ul{border:medium none !important; display: none; float: none !important; margin-left:-100px; left: 50%; position: absolute; top:100%;z-index: 10000; width: 200px; background: #989898; }
.menu li ul li{border:medium none !important; float:none !important; margin:0 !important; padding:0 !important;height:38px;}
.menu li ul li a{color: #fff !important; display: block; float: none; font-size:14px !important; margin: 0; padding:5px 15px !important; text-transform: capitalize !important;cursor: pointer !important; text-align:left; line-height:28px; text-align: center; display: block; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.menu li ul li a:hover, .menu li ul li.current-menu-item a{background:#0087b7; color:#fff !important;}
.menu li ul li.current-menu-item a{cursor:default !important; background-color:inherit;}


.ind-ban{display:inline-block; width:100%; height:600px; margin:auto;position:relative;}
.ind-ban ul li{float:left; display:none;width:100%; height:600px; position:absolute; left:0; top:0; overflow:hidden;}
.ind-ban ul li a{width:100%;height:600px; display:block; margin:auto;}

.ind-num{position:absolute; width:200px; left:50%; margin-left:-30px; bottom:20px;}
.ind-num span{ display:block; _display:inline; float:left; margin:0 5px; width:30px; height:4px; background:#000; border:1px solid #fff; overflow:hidden; cursor:pointer;}
.ind-num span.on{background:#0087b7;}

#main{width:1200px;margin:50px auto 0;}
.main_about{width:1200px;float:left;}
.main_about_pic{width:600px;float:left; overflow:hidden;}
.main_about_pic img{transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;}
.main_about_pic img:hover{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1); opacity:0.8;}
.main_about_text{width:560px;float:right;}
.main_about_tit{width:560px;float:left; margin-top:15px;}
.main_tit:after{content:'';width:50px; height:3px; display:block; background-color:#0087b7; margin-top:15px;}
.main_font{font-size:24px; font-weight:bold;color:#000;}
.main_about_wz{width:560px;float:left; margin-top:15px;color:#787876; font-size:14px;line-height:26px;}
.main_btn{width:130px;height:32px;float:left;line-height:32px; text-align:center; color:#fff; margin-top:15px;}
.main_btn a{color:#fff; background-color:#0087b7; display:block;} .main_btn a:hover{background-color:#000; color:#fff;}

#main_probg{height:390px;margin:50px auto 0; background:url(../images/main_probg.jpg) center no-repeat; overflow:hidden; padding:50px 0;}
.main_pro{width:1200px;margin:auto;}
.main_pro_tit{width:180px;float:left; margin-top:130px;}
.main_pro_more{width:65px;float:left; background:url(../images/main_moretb.png) right no-repeat; padding-right:35px; font-size:16px; color:#787876; margin-top:20px;}
.main_pro_more a,.copy_l a,.copy_r a{color:#787876;} .main_pro_more a:hover,.copy_l a:hover,.copy_r a:hover{color:#0087b7;}

.scrollleft{width:980px;float:right;}
.scrollleft li{float:left;margin-right:25px;display:inline;width:310px;text-align:center;line-height:24px}
.scrollleft img{width:306px;height:336px;border:2px solid transparent; margin-bottom:10px;}
.scrollleft img:hover{border:2px solid #0087b7;}
.scrollleft li span{font-size:18px; color:#fff;} .scrollleft li span a{color:#fff;} .scrollleft li span a:hover{color:#0087b7;}
.scrollleft li em{width:60px;height:3px; display:block; margin:10px auto 0; background-color:#fff;}

.main_sbzs_titbg{width:1200px;height:60px;float:left; line-height:60px; border-bottom:1px solid #d6d6d6;}
.main_sbzs_tit{width:140px;height:57px;float:left; background:url(../images/main_sbzs_titbg.png) center no-repeat; line-height:51px; text-align:center; color:#fff;}
.main_sbzs_tit a{color:#fff;} .main_sbzs_tit a:hover{color:#000;}
.main_sbzs_font{font-size:18px; color:#fff;}
.main_sbzs_tit2{width:140px;height:51px;float:left; margin-left:1px; line-height:51px; font-size:16px; font-family:Arial; text-align:center; background-color:#000; text-transform:uppercase; color:#fff;}
.main_sbzs_more{float:right; font-size:16px; color:#787876;}

.scrollleft2{width:1200px;float:left; margin-top:20px;}
.scrollleft2 li{float:left;margin-right:15px;display:inline;width:230px;text-align:center;line-height:24px}
.scrollleft2 img{width:226px;height:186px; margin-bottom:10px;border:2px solid transparent;}
.scrollleft2 img:hover{border:2px solid #0087b7;}
.scrollleft2 li span{font-size:14px; color:#787876;} .scrollleft2 li span a{color:#787876;} .scrollleft2 li span a:hover{color:#0087b7;}

#main_newsbg{height:320px;margin:50px auto 0; background:url(../images/main_newsbg.jpg) center no-repeat; padding:50px 0;}
.main_news{width:1200px;margin:auto;}
.main_news_tit{width:175px;float:left; margin-top:95px;}
.main_news_more{width:65px;float:left; background:url(../images/main_moretb.png) right no-repeat; padding-right:35px; font-size:16px; color:#787876; margin-top:20px;}
.main_news_more a,.copy_l a,.copy_r a{color:#787876;} .main_news_more a:hover,.copy_l a:hover,.copy_r a:hover{color:#0087b7;}
.main_news_text{width:980px;float:right;}
.main_news_text dl{width:310px;float:left; margin-left:16px;}
.main_news_text dl dd{width:310px;float:left; overflow:hidden;}
.main_news_text dl dd img{transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;}
.main_news_text dl dd img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1); opacity:0.8;}
.main_news_text dl dt{width:310px;float:left; margin-top:10px; line-height:24px; color:#787876;}
.main_font2{font-size:16px; color:#000; display: block; height: 35px; overflow: hidden; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; }

#footer_bg{margin:50px auto 0; background-color:#222; padding:40px 0; overflow:hidden;}
.fotter_l{width:1000px;float:left;}
.foot-list{width:155px;float:left;padding-right:45px; min-height:150px;}
.foot-list ul li{width:155px;float:left;}
.foot-list ul li.tit a{color:#fff;font-size:16px;height:40px;float:left;}
.foot-list ul li a{line-height:24px; color:#a9a9a9;font-size:14px;}
.foot-list ul li a:hover{color:#0087b7;}

.foot_ewm{width:115px;float:right;text-align:right; min-height:150px;}

#copy_bg{margin:auto; background-color:#1b1b1b; padding:20px 0; overflow:hidden;}
.copy_l{width:650px;float:left; line-height:24px; color:#787876;}
.copy_r_tb{width:185px;float:right; margin-top:10px;}
.copy_r_tb ul{}
.copy_r_tb ul li{width:27px;height:27px;float:left; padding-left:10px;}
.copy_r_tb ul li img{-webkit-transition: all .2s ease-in-out;}
.copy_r_tb ul li img:hover{-webkit-transform:rotate(360deg);}

/*首页代码 End*/


.about_bn{height:300px;margin:auto; background:url(../images/about_bn.jpg) center no-repeat;}
.pro_bn{height:300px;margin:auto; background:url(../images/pro_bn.jpg) center no-repeat;}
.news_bn{height:300px;margin:auto; background:url(../images/news_bn.jpg) center no-repeat;}
.job_bn{height:300px;margin:auto; background:url(../images/job_bn.jpg) center no-repeat;}
.supp_bn{height:300px;margin:auto; background:url(../images/supp_bn.jpg) center no-repeat;}
.feed_bn{height:300px;margin:auto; background:url(../images/feed_bn.jpg) center no-repeat;}
.cont_bn{height:300px;margin:auto; background:url(../images/cont_bn.jpg) center no-repeat;}

/*内页banner代码 End*/


.ny_main{width:1200px;margin:50px auto 0; min-height:400px;}
.ny_left{width:240px;float:left;}
.nyl_list{width:240px;float:left;}
.nyl_list_tit{width:240px;height:110px;float:left; background:#0087b7 url(../images/nyl_titbg.png) center no-repeat; text-align:center;}
.nyl_list_tit h1{width:240px;float:left; text-align:center; padding-top:28px; font-size:24px; color:#fff; font-weight:bold;}
.nyl_list_tit span{width:240px;float:left; text-align:center;color:#fff; text-transform:uppercase; font-size:16px;}
.nyl_list_text{width:238px;float:left; background-color:#fff; border:1px solid #d6d6d6; padding:5px 0 10px 0;}
.nyl_list_text ul>li>ul{}
.nyl_list_text ul li{float:left; font-size:14px; line-height:40px; margin-top:5px;}
.nyl_list_text ul li a{width:185px;height:40px;float:left; background:url(../images/leftMuLi.png) no-repeat; padding-left:50px;}
.nyl_list_text ul li a:hover,.nyl_list_text ul li a.on{background:#989898 url(../images/leftMuLiH.png) no-repeat; color:#fff; display:block;}
.nyl_list_text ul>li>ul li a{font-size:12px; padding-left:50px; background:none !important; position:relative; line-height:25px; height:25px; color:#787876;}
.nyl_list_text ul>li>ul li a:after{ content:''; display:inline-block; width:0px; height:0px; border:5px solid transparent; border-left-color:#d6d6d6; position:absolute; left:30px; top:9px;}
.nyl_list_text ul>li>ul li a:hover,.nyl_list_text ul>li>ul li a.hover{color:#0087b7;}


.nyl_news{width:240px;float:left; margin-top:20px;}
.nyl_news_tit{width:200px;height:45px; line-height:45px; float:left; background-color:#0087b7; padding:0 20px;}
.nyl_news_tit a{color:#fff;} .nyl_news_tit a:hover{color:#0087b7;}
.nyl_font{font-size:16px; color:#fff;}
.nyl_cont_text{width:218px;float:left; background-color:#fff; border:1px solid #d6d6d6; padding:10px; line-height:24px;}

.nyl_pro{width:240px;float:left; margin-top:20px;}
.nyl_pro_img{width:220px;float:left; background-color:#fff; padding:5px 10px;}
.nyl_pro_img dl{ margin:10px auto 3px; width:200px; overflow:hidden;}
.nyl_pro_img dl dd{width:200px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nyl_pro_img dl dd a{line-height:30px;}
.nyl_pro_img dl dt img{width:196px; padding:1px; border:1px solid #dedede;}
.nyl_pro_img dl dt a:hover img{border:solid 1px #00893e;}

.ny_right{width:890px;float:right; background-color:#fff;padding:20px; border:1px solid #d6d6d6; border-top:3px solid #0087b7;}
.nyr_titbg{width:890px;height:35px;float:left; border-bottom:1px dashed #d6d6d6; padding-bottom:10px;}
.nyr_tit{line-height:30px;font-size:16px; color:#0087b7;float:left; background:url(../images/nyr_xtb.png) left no-repeat; padding-left:40px;}
.nyr_more{float:right; color:#787876;padding-top:5px;}  .nyr_more a{color:#787876;} .nyr_more a:hover{color:#0087b7;}
.nyr_text{width:890px;float:left; margin-top:20px; line-height:30px; font-size:14px; color:#787876; min-height:400px;}

.ryzz_r_img{width:890px;float:left;}
.ryzz_r_img ul{width:890px;margin-top:20px;}
.ryzz_r_img ul li{width:280px;height:250px;float:left;margin-right:23px;}
.ryzz_r_img ul li:nth-child(3n){margin-right:0;}
.ryzz_r_img ul li span{width:280px;float:left; text-align:center;line-height:24px; font-size:14px; padding-top:10px;}
.ryzz_r_img ul li img{width:276px;height:194px;float:left; padding:2px;}
.ryzz_r_img ul li img:hover{padding:2px;background:#0087b7;}


.fy{width:890px;float:left;padding-top:20px;margin-top:20px;border-top:1px dashed #d6d6d6;}
.sabrosus{padding:5px; margin:3px;text-align:center;}
.sabrosus A{border:#c4c4c4 1px solid;padding:2px 8px;color:#404040;text-decoration:none;margin-right:6px;background:#fff;}
.sabrosus A:hover, DIV.pagination A:active{color:#fff;border:#c4c4c4 1px solid;background-color:#0087b7;text-decoration: none;}
.sabrosus SPAN.current{broder:#c4c4c4 1px solid;padding:2px 8px;font-weight:bold;color:#fff;margin-right:6px;background-color:#0087b7;}
.sabrosus SPAN.disabled{broder:#c4c4c4 1px solid;padding:2px 8px;margin-right:2px;}

/*关于我们代码 End*/

.pro_r_img{width:890px;float:left;}
.pro_r_img ul{width:890px;margin-top:20px;}
.pro_r_img ul li{width:280px;height:360px;float:left;margin-right:25px;}
.pro_r_img ul li:nth-child(3n){margin-right:0;}
.pro_r_img ul li span{width:280px;float:left; text-align:center;line-height:24px; font-size:14px; padding-top:10px;}
.pro_r_img ul li img{width:274px;height:300px;float:left; padding:2px; border:1px solid #e6e6e6;}
.pro_r_img ul li img:hover{padding:2px;background:#0087b7;}

.pro_font{font-size:24px; font-weight:bold;color:#0087b7;}
.promore_titbg{width:890px;height:45px;float:left; border-bottom:1px dashed #e6e6e6;line-height:45px; margin-top:30px;}
.promore_tit{width:120px;height:45px;float:left; background-color:#0087b7; text-align:center; line-height:45px; font-size:16px; color:#fff;}


/*产品展示代码 End*/


.news_r_text{width:890px;float:left; margin-top:10px;}
.news_r_text li{width:890px;float:left; line-height:40px; font-size:14px; border-bottom:1px dashed #d6d6d6;}
.news_r_text li a{background:url(../images/news_dot.jpg) left no-repeat; padding-left:15px; display:block;}
.news_r_text li span{float:right; color:#787876;}

.newsmore_tit{width:890px;float:left; border-bottom:1px dashed #d6d6d6; text-align:center; padding-bottom:10px; line-height:30px; margin-top:20px; color:#787876; font-size:14px;}
.newsmore_text{width:890px;float:left; margin-top:20px; line-height:30px; color:#787876; font-size:14px;}

.newsmore_page{width:890px;float:left;margin-top:20px;border-top:1px dashed #d6d6d6; padding-top:20px;}
.newsmore_page_left{width:80%;float:left;line-height:24px; color:#787876; font-size:14px;}
.newsmore_page_left a{color:#787876;} .newsmore_page_left a:hover{color:#0087b7;}
.newsmore_page_right{width:20%;float:right;text-align:right;}

/*新闻中心代码 End*/


.slide_join{width:890px; margin-top:20px;float:left;}
.slide_join h3{float:left;width:840px; height:50px; padding:0 25px; font-weight:normal; background-color:#e6e6e6; margin-bottom:20px;}
.slide_join h3.on{background-color:#0087b7;}
.slide_join h3 span{float:left; width:80%; height:50px; color:#000; font-size:16px; line-height:50px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{ float:right; width:30px;height:30px; margin:11px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{ background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left;width:840px; background-color:#fff; padding:0 25px 25px 25px;}
.slide_join ul .join_show{ float:left; width:840px; color:#787876; font-size:14px; line-height:28px;}

/*人才招聘代码 End*/


.feed_main{width:890px; float:left;text-align:left; margin-top:20px;}
.feed_tips{font-size:14px; color:#797979; line-height:38px; padding:10px 0;}
.feed_form{margin-bottom:60px;}
.feed_form .row{margin-left:0;}
.feed_form .row .item{width:350px; line-height:40px; font-size:14px; color:#7a7a7a; float:left;}
.feed_form .row .item:first-child{margin-left:0;}
.feed_form .row .itemw{width:100%;}
.feed_form .row .in_text{line-height:40px; height:40px; border:1px solid #d3d3d3; background:#fcfcfc; font-size:14px; width:300px; box-shadow:0 2px 3px #eaeaea inset;}
.feed_form .row .in_textw{width:890px;}
.feed_form .row .area{width:890px; border:1px solid #d3d3d3; background:#fcfcfc; font-size:14px; box-shadow:0 2px 3px #eaeaea inset; line-height:30px; height:210px; resize:none;}
.feed_form .sub_div{margin-top:25px; float:left;}
.feed_form .sub_div .sub_btn{height:40px; line-height:40px;width:120px; color:#fff;border:none; font-size:16px; background:#0087b7; cursor: pointer; }
.feed_form .sub_div .sub_btn:hover{ background-color:#000;}

/*在线留言代码 End*/


/*在线客服 Start*/

#topcontrol{width:54px;height:54px;background:url(../images/topback.png) no-repeat;}
#topcontrol:hover{background:url(../images/topback2.png) no-repeat;}

.mt10{margin-top:5px;}
.fs14{font-size:14px; border-bottom:1px solid #eee; padding-bottom:5px;}

.service_box{position:fixed;z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5;background:#fff; font-family:"Microsoft Yahei";}
.service_box .tab_nav{position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li{background:#e8e8e8;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{background:#1c7fed;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{border-bottom:none;border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{display:block;width:28px;padding:12px 6px 12px 8px;line-height:14px;text-align:center;color:#2c2c2c;text-decoration:none;}
.service_box .tab_nav > li.active > a{color:#fff;}
.service_box .tab_nav .icon{display:block;height:28px;width:28px;background:url(../images/bg_online_service_new.gif) no-repeat;overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{background-position:0 0;}
.service_box .tab_nav .icon_2{background-position:-28px 0;}
.service_box .tab_nav .icon_3{background-position:-56px 0;}
.service_box .tab_nav .active .icon_1{background-position:0 -28px;}
.service_box .tab_nav .active .icon_2{background-position:-28px -28px;}
.service_box .tab_nav .active .icon_3{background-position:-56px -28px;}
.service_box .tab_content{padding:10px 5px 10px;position:relative; min-height:125px;}
.service_box .tab_plan{display:none;text-align:center;}
.service_box .tab_plan p{color:#333;}

/** 在线客服代码 End **/

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 31px; padding: 0 0 0 10px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #0087b7;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.webshow{ display: block; }
.wapshow{ display: none; }