﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "UTF-8";body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px}
input,button,ul,ol{margin:0px;padding:0px}
body,input,button,form{font-size:14px;line-height:28px;font-family:"microsoft yahei",'宋体','PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue','Helvetica','sans-serif';color:#666}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal}
ul,ol,li{list-style:none}
input{background:none;border:0 none}
img,iframe{border:0px}
em,i{font-style:normal}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.red{color:#ba292e}
.fl{float:left}
.fr{float:right}
.tac{text-align:center}
.tar{text-align:right}
.poa{position:absolute}
.por{position:relative}
.hidden{display:none}
.w1200{width:1200px;margin:0 auto}
.icon{background:url(../img/icon.png) no-repeat;display:inline-block;vertical-align:middle}
a{color:#333333;text-decoration:none}
a:hover{color:#30b7ef;text-decoration:none}
a:visited{text-decoration:none}
.ease,.ease *{-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.noease,.noease *{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
:-moz-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.top_main{width:100%;height:40px;line-height:40px;background:#30b7ef;font-size:12px;color:#fff;z-index:12}
.top_main .top_r{margin-right:10px}
.top_main li{position:relative;display:inline-block;*display:inline;*zoom:1;text-align:center}
.top_main li a{color:#fff;cursor:pointer;padding:0 16px}
.top_main li a:hover{opacity:0.8;filter:alpha(opacity=80)}
.top_main .split{display:inline-block;*display:inline;*zoom:1;width:1px;height:12px;background:#83d4f5;vertical-align:middle}
.top_main .map{width:85px;border-left:1px solid #83d4f5;text-indent:20px;padding-left:10px;background:url(../img/map.png) 10px center no-repeat;color:#fff}
.top_main .map a{color:#fff}
.top_main .map a:hover{opacity:0.8;filter:alpha(opacity=80)}
.top_main .top_right{text-align:right;font-size:0;line-height:0}
.top_main .top_right li{display:inline-block;vertical-align:middle;color:#fff;line-height:40px;font-size:12px;height:40px}
.top_main .top_right .sou{width:45px;border-left:1px solid #83d4f5;position:relative}
.top_main .top_right .sou a{display:block;height:27px;padding:0;padding-top:13px}
.top_main .top_right .sou s{width:18px;height:18px;display:block;margin:0 auto;background:url(../img/search.png) no-repeat}
.top_main .top_right .sou:hover{background-color:#0362ab}
.top_main .search{width:200px;height:40px;line-height:40px;position:absolute;right:0;top:40px;background:#0362ab;z-index:999;display:none;overflow:hidden}
.top_main .search .stxt{width:100%;height:40px;line-height:40px;text-indent:10px;float:left;background:none;border:0px;outline:none;color:#fff}
.top_main .search .sbtn{width:25px;height:20px;position:absolute;outline:none;cursor:pointer;right:10px;top:10px;background-color:#0362ab;background:url(../img/search.png) 3px 1px no-repeat}
.header_main{position:relative;width:100%;height:120px;z-index:100;background:#fff}
.header_main .logo{float:left;width:675px;height:93px;display:block;padding:10px 0 0 1%}
.header_main .logo img{float:left;display:block}
.header_main .tel_main{float:right;width:276px;height:110px}
.header_main .tel_main .zx{margin-top:30px;font-size:14px;line-height:24px;color:#666}
.header_main .tel_main .tel{width:270px;height:50px;line-height:50px;background:#30b7ef;border-radius:25px;text-align:center;margin-top:35px}
.header_main .tel_main .tel .t1{margin-right:6px;font-size:16px;color:#fff}
.header_main .tel_main .tel .num{font-size:20px;font-weight:bold;color:#fff}
#nav_main{position:relative;width:100%;height:50px;z-index:60;border-top:1px solid #e8e8e8}
#nav_main .nav{display:block}
#nav_main li{float:left;display:block;width:150px;height:50px;font-size:18px;text-align:center;line-height:40px;position:relative}
#nav_main li a{display:block;margin-top:1px;text-align:center;position:relative;height:50px;color:#666;font-size:16px;line-height:50px}
#nav_main li a:hover,#nav li.hover a{height:50px;color:#30b7ef}
#nav_main li .subnav{margin-right:0;transition:all .36s ease;position:absolute;top:calc(100% - 2px);left:0;opacity:0;width:100%;height:auto;border-width:2px 0 0;border-style:solid;border-color:#008fd7;overflow:hidden;z-index:199;background:#fff}
#nav_main li .subnav{position:absolute;left:0px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index:199;opacity:0;visibility:hidden;height:auto;overflow:hidden;width:100%;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}
#nav_main li .subnav .nav1{transition:all .36s ease;display:block;font-weight:500;margin-left:0;line-height:48px;cursor:pointer;width:100%;border-bottom:1px solid rgba(170,170,170,.2)}
#nav_main li .subnav .nav1 .subA{height:50px!important;transition:all .36s ease;display:block;font-weight:500;line-height:50px!important;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666!important}
#nav_main li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
#nav_main li.hover .subnav .nav1.subA{color:#666}
#nav_main .subnav .nav1:hover .subA{color:#30b7ef!important}
#banner_main{z-index:2;width:100%;height:600px;position:relative;overflow:hidden}
#banner_main .banner{width:1920px;height:600px;position:absolute;left:50%;margin-left:-960px;overflow:hidden}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0}
#banner,.banner ul{max-height:600px;overflow:hidden}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden}
.banner li:first-child{display:block}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px}
#banner .tip{width:1200px;height:20px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-600px;bottom:0px;z-index:13}
#banner #tip{width:1200px;height:20px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-600px;bottom:0px;z-index:13}
#banner #tip #num{display:block;height:60px;font-size:36px;line-height:60px;text-align:center;color:#0362ab;text-indent:80px}
#banner #tip .hd{position:absolute;bottom:0;right:0;width:261px;height:60px;z-index:12}
#banner #btn_prev,#banner #btn_next{float:left;display:block;width:130px;height:60px;z-index:5;cursor:pointer;transition:all 600ms ease}
#banner #btn_prev{background:url("../img/prev.png") no-repeat center center #30b7ef;border-right:1px solid #0362ab}
#banner #btn_next{background:url("../img/next.png") no-repeat center center #30b7ef}
#banner #btn_prev:hover{opacity:.9;filter:alpha(opacity=80);transition:all 600ms ease;background:url("../img/prev1.png") no-repeat center center #0362ab}
#banner #btn_next:hover{opacity:.9;filter:alpha(opacity=80);transition:all 600ms ease;background:url("../img/next1.png") no-repeat center center #0362ab}
#banner .flip{position:absolute;bottom:0;right:261px;width:320px;height:60px;background:url("../img/flip.png") no-repeat;z-index:12}
.bottom_main{width:100%;height:auto;padding-bottom:30px;background:#fff;border-bottom:1px solid #e6e6e6}
.bottom_main .bottom_nav{margin-top:58px;margin-right:50px}
.bottom_main .bottom_nav .left{float:left;width:130px;height:185px;display:inline-block;border-right:1px solid #e6e6e6}
.bottom_main .bottom_nav .left h3{font-size:18px;line-height:16px;color:#666;height:34px;text-align:center;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.bottom_main .bottom_nav .left dd{text-align:center}
.bottom_main .bottom_nav .left dd a{display:inline-block;font-size:14px;line-height:30px;color:#999;text-align:center}
.bottom_main .bottom_nav .left a:hover{color:#30b7ef}
.bottom_main .bottom_nav .left dt:hover h3{color:#30b7ef}
.bottom_main .txt .tit{padding-left:40px;margin-top:47px;height:33px;font-size:22px;line-height:33px;color:#666;background:url("../img/tel.png") no-repeat;background-size:33px 33px}
.bottom_main .txt .hotLine{margin-top:12px;font-size:14px;line-height:30px;color:#666;width:230px}
.bottom_copy{width:100%;background:#fff;line-height:35px;color:#666;font-size:14px;padding:30px 0}
.bottom_copy .w1200{text-align:center}
.bottom_copy a{display:inline-block;color:#666;padding-left:6px}
.bottom_copy a:hover{color:#30b7ef}
.toolbar_wrap{position:fixed;top:0;right:0;z-index:9999;width:0;height:100%}
.toolbar{position:absolute;right:0;top:0;width:0;height:100%;z-index:1000}
.toolbar .toolbar_tabs{position:absolute;top:50%;left:-60px;width:60px;margin-top:-61px}
.toolbar .toolbar_tab{position:relative;width:60px;height:60px;margin-bottom:4px;cursor:pointer;background-color:#0362ab;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.toolbar .tab_person .tab_ico{background-position:7px 8px}
.toolbar .tab_ico{width:34px;height:35px;margin-left:1px;position:relative;z-index:2;background-color:#0362ab;_display:block;display:inline-block;background-image:url(../img/toolbaricon.png);background-repeat:no-repeat}
.toolbar .tab_text{width:130px;font-size:14px;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;z-index:1;left:80px;top:0;background-color:#30b7ef;border-radius:3px}
.toolbar_tab:hover,.toolbar_tab:hover .tab_ico,.toolbar_tab_hover,.toolbar_tab_hover .tab_ico{background-color:#30b7ef}
.toolbar .tab_kf em{width:130px;height:130px;text-align:left}
.toolbar .tab_kf em img{width:110px;height:110px;margin-top:10px;margin-left:10px}
.toolbar .toolbar_tabs a{display:inline-block;height:60px}
.index{overflow:hidden}
.index .head_tit{position:relative;margin-bottom:20px}
.index .head_tit .title{float:left}
.index .head_tit .tit{font-size:24px;color:#333;line-height:24px}
.index .head_tit .etit{margin-top:4px;font-size:12px;color:#999;line-height:14px;text-transform:uppercase}
.index .head_tit .more{padding-left:52px;margin-top:14px;float:right;font-size:14px;line-height:14px;background:url("../img/line1.png") no-repeat left center;color:#999}
.index .head_tit .more:hover{color:#30b7ef}
.solutions{padding-top:60px}
.solutions .solute{position:relative}
#solute .bd{float:left;width:838px;height:518px}
#solute .bd .list li{position:relative;display:block;width:838px;height:518px}
#solute .bd .list li .img{position:absolute;left:90px;display:block;width:706px;height:518px;z-index:2}
#solute .bd .list li .txt{position:absolute;top:86px;left:0;display:block;width:390px;height:360px;background:url("../img/txt_bg.png") no-repeat;z-index:3}
#solute .bd .list li .txt .tit{margin-top:100px;margin-left:60px;font-size:18px;color:#333;line-height:20px}
#solute .bd .list li .txt .cont{margin-top:20px;margin-left:60px;width:260px;font-size:14px;color:#666;line-height:24px}
#solute .hd{float:right;width:354px}
#solute .hd .list li{display:block;width:360px;height:162px;margin-bottom:12px;border:1px solid #ececec;cursor:pointer}
#solute .hd .list li .txt{height:90px;margin-top:40px;margin-left:40px;padding-left:110px}
#solute .hd .list li .txt .tit{padding-top:20px;font-size:18px;color:#666;line-height:20px}
#solute .hd .list li .txt .etit{margin-top:8px;font-size:14px;color:#999;text-transform:uppercase}
#solute .bd .list li:hover .txt .tit{color:#30b7ef}
#solute .hd .list li.item1 .txt{background:url("../img/ico1.png") no-repeat}
#solute .hd .list li.item2 .txt{background:url("../img/ico2.png") no-repeat}
#solute .hd .list li.item3 .txt{background:url("../img/ico3.png") no-repeat}
#solute .hd .list li.item1:hover .txt{background:url("../img/ico11.png") no-repeat}
#solute .hd .list li.item2:hover .txt{background:url("../img/ico21.png") no-repeat}
#solute .hd .list li.item3:hover .txt{background:url("../img/ico31.png") no-repeat}
#solute .hd .list li.item1.on .txt{background:url("../img/ico11.png") no-repeat}
#solute .hd .list li.item2.on .txt{background:url("../img/ico21.png") no-repeat}
#solute .hd .list li.item3.on .txt{background:url("../img/ico31.png") no-repeat}
#solute .hd .list li.on,#solute .hd .list li:hover{background-color:#30b7ef;transition:all ease 600ms}
#solute .hd .list li.on .txt .tit,#solute .hd .list li.on .txt .etit{color:#fff}
#solute .hd .arrow{position:absolute;top:260px;left:388px;z-index:12}
#solute .hd .arrow .next{display:block;width:38px;height:92px;background:url("../img/nnext.png") no-repeat;cursor:pointer}
.icaseShow{margin-top:60px}
.icaseShow .icase{position:relative;height:70px}
.icaseShow .menu1{position:absolute;top:0;right:136px}
.icaseShow .menu1 a{float:left;display:block;padding:0 15px;height:31px;margin-right:6px;font-size:14px;text-align:center;line-height:30px;color:#666;background:#fff;border-radius:20px}
.icaseShow .menu1 a.hover,.icaseShow .menu1 a:hover{color:#fff;background:#30b7ef}
.caseMain{position:relative;width:100%;height:476px;background:url("../img/case_bg.png") no-repeat;background-size:100% 476px}
.caseMain .bd{position:relative;width:100%;padding-top:60px;z-index:12}
.caseMain .bd .list{width:106%}
.caseMain .bd .list li{float:left;width:280px;height:356px;margin-right:26px}
.caseMain .bd .list li .img{display:block;width:280px;height:210px}
.caseMain .bd .list li .txt{width:240px;height:146px;padding:0 20px;background:#fff;transition:all ease 600ms}
.caseMain .bd .list li .txt .tit{padding-top:20px;font-size:16px;color:#666;line-height:30px}
.caseMain .bd .list li .txt .cont{font-size:14px;color:#999;line-height:24px}
.caseMain .bd .list li .txt .more{margin-top:12px;font-size:14px;color:#999;line-height:14px}
.caseMain .bd .list li:hover .txt{background:#30b7ef;transition:all ease 600ms}
.caseMain .bd .list li:hover .txt .tit,.caseMain .bd .list li:hover .txt .cont,.caseMain .bd .list li:hover .txt .more{color:#fff}
.caseMain .bd .list li:hover .img{filter:brightness(105%);-webkit-filter:brightness(105%)}
.caseMain .hd{position:absolute;top:224px;width:1200px;height:30px}
.caseMain .hd .prev,.caseMain .hd .next{position:absolute;display:block;width:29px;height:29px;cursor:pointer}
.caseMain .hd .prev{background-position:0 0;left:-6.6%}
.caseMain .hd .next{background-position:-36px 0;right:-6.6%}
.caseMain .hd .prev:hover{background-position:0 -40px}
.caseMain .hd .next:hover{background-position:-36px -40px}
.aboutus{height:520px}
.aboutus .about{padding-top:60px}
.aboutus .aboutImg{position:absolute;width:590px;height:396px}
.aboutus .aboutImg .aboutBg{position:absolute;top:0;left:0;width:280px;height:396px;background:#30b7ef;z-index:2}
.aboutus .aboutImg .aImg{position:relative;z-index:3}
.aboutus .aboutImg .aImg .img{margin-left:30px;width:560px;height:345px}
.aboutus .aboutImg .aImg .tit{padding-left:18px;margin-left:30px;background:url("../img/triger.png") no-repeat left center;color:#fff;text-transform:uppercase}
.aboutus .aboutCont{position:relative;float:right;width:506px;height:396px}
.aboutus .aboutCont .about_tit{padding-top:60px}
.aboutus .aboutCont .about_tit .cName{font-size:24px;color:#333;line-height:40px}
.aboutus .aboutCont .about_tit .eName{margin-top:8px;font-size:12px;color:#999;line-height:12px}
.aboutus .aboutCont .about_tit .line{width:140px;height:1px;margin-top:20px;background-color:#9ad9f3;margin-left:-90px}
.aboutus .aboutCont .cont{margin-top:30px;font-size:14px;line-height:26px;color:#666}
.aboutus .aboutCont .line1{position:absolute;bottom:0;right:0;width:30px;height:3px;background-color:#30b7ef}
.aboutus .aboutCont .more{position:absolute;top:0;right:0;padding-left:52px;font-size:14px;line-height:14px;background:url("../img/line1.png") no-repeat left center;color:#999}
.aboutus .aboutCont .more:hover{color:#30b7ef}
.companyNews{width:100%;height:594px;background:url("../img/news_bg.png") no-repeat;background-size:100% 594px}
.companyNews .head_tit{padding-top:60px}
.companyNews .head_tit .tit{color:#fff}
.companyNews .head_tit .etit{color:#999}
.companyNews .showNew{margin-top:20px}
.companyNews .showNew .left{float:left;width:440px}
.companyNews .showNew .rest{position:relative;width:440px;height:400px}
.companyNews .showNew .rest .bd .list li{position:relative;width:440px;height:400px}
.companyNews .showNew .rest .bd .list li img{display:block;width:440px;height:256px}
.companyNews .showNew .rest .bd .list li .txt{width:440px;height:144px;background:#fff;transition:all ease 600ms}
.companyNews .showNew .rest .bd .list li .txt .tit{padding-top:30px;margin-left:24px;font-size:16px;color:#666;text-align:left;line-height:30px}
.companyNews .showNew .rest .bd .list li .txt .cont{width:386px;margin-top:8px;margin-left:24px;font-size:14px;color:#999;line-height:24px;color:#999}
.companyNews .showNew .rest .bd .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%)}
.companyNews .showNew .rest .bd .list li:hover .txt{background:#f6b927;transition:all ease 600ms}
.companyNews .showNew .rest .bd .list li:hover .txt .tit{color:#fff}
.companyNews .showNew .rest .bd .list li:hover .txt .cont{color:#fff}
.companyNews .showNew .rest .hd{position:absolute;width:30%;bottom:12px;right:30px}
.companyNews .showNew .rest .hd .iconList{float:right}
.companyNews .showNew .rest .hd li{float:left;width:10px;height:10px;background-color:#d9d6d3;border-radius:100%;margin-right:12px;font-size:0px;cursor:pointer}
.companyNews .showNew .rest .hd li.on{background-color:#30b7ef}
.companyNews .showNew .right{float:left;width:730px;margin-left:30px}
.companyNews .showNew .right .showList{width:106%}
.companyNews .showNew .right .showList .list li{position:relative;float:left;width:354px;height:190px;margin-bottom:20px;margin-right:20px;background:#fff;transition:all ease 600ms;cursor:pointer}
.companyNews .showNew .right .showList .list li .time{float:left;width:60px;padding-top:70px;margin-left:16px}
.companyNews .showNew .right .showList .list li .time .day{font-size:42px;color:#f6b827;line-height:36px}
.companyNews .showNew .right .showList .list li .time .year{margin-top:6px;font-size:12px;color:#666;line-height:14px;text-indent:3px}
.companyNews .showNew .right .showList .list li .txt{float:left;width:250px;margin-left:12px}
.companyNews .showNew .right .showList .list li .txt .tit{padding-top:40px;font-size:16px;color:#666;text-align:left;line-height:36px}
.companyNews .showNew .right .showList .list li .txt .cont{font-size:14px;color:#999;line-height:24px}
.companyNews .showNew .right .showList .list li:hover{background:#f6b927;transition:all ease 600ms}
.companyNews .showNew .right .showList .list li:hover .time .day{color:#fff}
.companyNews .showNew .right .showList .list li:hover .txt .tit{color:#fff}
.companyNews .showNew .right .showList .list li:hover .txt .cont{color:#666}
.nyIcon{background:url(../img/nyicon.png) no-repeat;display:inline-block;vertical-align:middle}
.wrapper{padding:0 0 36px;min-height:220px;background:#f5f5f5}
.wrapper .noinfor{padding:0 0 20px;text-align:left;color:red;text-align:center}
.nybanner{width:100%;height:250px;line-height:42px;position:relative;overflow:hidden;background:url(../img/nybanner.jpg) center top no-repeat;background-position:center top;background-repeat:no-repeat;color:#fff}
.nybanner h3{font-size:34px;padding:70px 0 6px}
.nybanner .en{font-size:30px;font-family:arial;font-weight:bold}
.nybanner .line{width:50px;height:2px;display:block;background:#fff;margin-top:10px}
.menu{width:100%;height:60px;line-height:60px;background:#fff;border-bottom:1px solid #ddd}
.menu .list{width:1199px;margin:0 auto;border-left:1px solid #ddd}
.menu li{width:198px;height:60px;float:left;border-right:1px solid #dddddd;position:relative}
.menu li .nav1{width:100%;height:60px;line-height:60px;font-size:18px;display:block;text-align:center}
.menu li .nav1 s{border-style:solid dashed dashed dashed;border-color:rgba(255,255,255,0) transparent transparent transparent;border-width:10px;width:0;height:0;overflow:hidden;position:absolute;left:50%;margin-left:-10px;bottom:-20px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.menu li:hover,.menu li.hover{border-right-color:#ddd}
.menu li:hover .nav1,.menu li.hover .nav1{background:#30b7ef;color:#fff}
.menu li:hover .nav1 s,.menu li.hover .nav1 s{border-color:#30b7ef transparent transparent transparent}
.menu li .subMenu{position:absolute;left:0px;top:50px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index:199;opacity:0;visibility:hidden;height:auto;overflow:hidden;width:100%;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);text-align:center;padding-top:20px}
.menu li:hover .subMenu{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.menu li .subMenu a{display:block;width:100%;font-size:16px;line-height:50px;background:#fff;border-bottom:1px solid rgba(170,170,170,.2)}
.menu li .subMenu a:hover{background:#30b7ef;color:#fff}
.sitepath{height:80px;line-height:80px;text-align:right}
.sitepath s{width:20px;height:18px;background-position:0 0;margin-right:4px}
.reLink{height:48px;line-height:48px;padding:0 15px;border:1px solid #dddddd}
.reLink .nextLink,.reLink .prevLink{width:50%;color:#666}
.reLink .nextLink{text-align:right}
.reLink a{display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.reLink a:hover{color:#30b7ef}
.n-gridlist{width:100%}
.n-gridlist .item{width:380px;float:left;margin:0 30px 30px 0;background:#fff;position:relative;overflow:hidden;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.n-gridlist .item a{width:100%;display:block;cursor:pointer}
.n-gridlist .item img{width:380px;height:285px;display:block}
.n-gridlist .item h3{width:100%;height:64px;line-height:64px;text-align:center;font-size:16px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.n-gridlist .item .bg{position:absolute;width:400px;padding-top:136px;height:240px;left:-400px;top:0;z-index:10;background:url(../img/red80.png) repeat 0 0;text-align:center;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.n-gridlist .item .bg s{width:50px;height:50px;display:block;border-radius:100%;margin:0 auto;background-color:#fff;background-position:-22px 18px}
.n-gridlist .item:hover{background:#0362ab;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.n-gridlist .item:hover h3{color:#fff}
.n-gridlist .item:hover .bg{left:0}
.showList{width:105%}
.showList .item{width:380px;float:left;margin:0 30px 30px 0;background:#fff;position:relative;overflow:hidden;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.showList .item a{width:100%;display:block;cursor:pointer}
.showList .item img{width:380px;height:213px;display:block}
.showList .item h3{width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.showList .item .bg{position:absolute;width:400px;padding-top:136px;height:240px;left:-400px;top:-34px;z-index:10;background:url(../img/red80.png) repeat 0 0;text-align:center;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.showList .item .bg s{width:50px;height:50px;display:block;border-radius:100%;margin:0 auto;background-color:#fff;background-position:-22px 18px}
.showList .item:hover{background:#333333;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.showList .item:hover h3{color:#fff}
.showList .item:hover .bg{left:0}
.n-tit{margin-bottom:30px}
.n-tit h3{line-height:35px;font-size:24px}
.n-tit s{width:4px;height:22px;margin-right:15px;background:#30b7ef;display:inline-block;vertical-align:middle}
.n-tit .more{font-size:16px;width:120px;height:30px;text-align:center;line-height:30px;margin-top:10px;border:1px solid #ddd;transition:all ease 600ms}
.n-tit .more:hover{width:150px;transition:all ease 600ms}
.relateNews{padding:55px 0 0;width:100%;overflow:hidden}
.relateNews .list{width:110%}
.relateNews .list li{width:545px;float:left;margin-right:32px;margin-bottom:20px}
.relateNews .list li a{display:block;width:100%;height:100px}
.relateNews .list li img{width:135px;height:100px;display:block;float:left;margin-right:20px}
.relateNews .list li h3{line-height:26px;font-size:16px;float:left}
.relateNews .list li p{line-height:24px;overflow:hidden;font-size:14px;color:#999;float:left;width:388px;text-align:justify}
.relateNews .list li .time{color:#999999;font-family:arial;font-size:16px;line-height:26px;float:right}
.aboutPage{padding:40px 40px;width:1120px;margin:0 auto;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.aboutPage .contact_tit{text-align:center;position:relative;padding-bottom:30px;margin-top:30px;*margin-top:60px}
.aboutPage .contact_tit .tit{font-size:45px;line-height:66px;font-weight:100;position:relative;display:inline;z-index:12}
.aboutPage .contact_tit .tit i{background:#bababa;width:90px;height:1px;display:block;position:absolute;right:-120px;top:30px;display:block}
.aboutPage .contact_tit .tit i:first-child{left:-120px;right:auto}
.aboutPage .contact_tit .entit{font-size:82px;line-height:66px;color:#eee;text-transform:uppercase;position:absolute;width:100%;text-align:center;left:0;top:0px;z-index:10;font-family:Arial}
.aboutPage .txtcon{min-height:460px}
.aboutPage .txtcon img{max-width:100%}
.aboutPage .mapArea{width:100%;height:400px;margin-top:20px}
.aboutPage .mapArea #allmap{width:100%;height:400px}
.newsPage .item{width:100%;height:168px;margin-bottom:20px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background:#fff}
.newsPage .item a{width:100%;height:100%;display:block;cursor:pointer}
.newsPage .item img{width:224px;height:168px;display:block;margin-right:30px}
.newsPage .item h3{font-size:20px;padding:35px 0 20px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.newsPage .item .txt{color:#999999;line-height:24px;height:48px;padding-right:130px;overflow:hidden}
.newsPage .item .time{width:150px;padding-top:45px;font-family:arial;font-size:20px;color:#999}
.newsPage .item .time .day{font-size:40px;line-height:45px;display:block}
.newsPage .item:hover{box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.newsPage .item:hover h3{font-weight:bold;color:#30b7ef;text-indent:5px}
.newsPage .item:hover .time .day span{background:#6d6d6d}
.newsPage .item:hover .time .day strong{background:#ff0000;color:#fff}
.newsPage .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%)}
.showNews{padding:40px 40px;width:1120px;margin:0 auto;background:#fff}
.showNews img{max-width:100%}
.showNews .title{color:#333333;line-height:32px;text-align:center;font-weight:bold;font-size:22px}
.showNews .mark{width:100%;height:40px;line-height:40px;margin:15px 0 20px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:center}
.showNews .mark span{margin:0 10px;font-size:12px;color:#666666}
.showNews .shareNew{padding-bottom:25px}
.showNews .showContxt{padding:0 0 30px;line-height:30px}
.showProduct{padding:40px 40px;width:1120px;margin:0 auto;background:#fff}
.showProduct .pro-tit{margin-bottom:40px}
.showProduct .pro-tit s{width:4px;height:50px;display:block;background:#30b7ef;float:left;margin-right:10px}
.showProduct .pro-tit h3{font-size:24px;line-height:24px;margin-bottom:10px}
.showProduct .pro-tit .mark{line-height:20px;color:#999}
.showProduct .pro-tit .mark span{margin-right:6px}
.showProduct img{max-width:100%}
.showProduct .shareNew{padding-bottom:25px}
.showProduct .showContxt{padding:0 0 30px;line-height:30px}
.showProduct .infoImg{margin-bottom:40px}
.showProduct .infoImg .imgf{width:500px;height:375px;display:block;float:left;margin-right:40px}
.showProduct .infoImg .txt{line-height:32px;height:320px;overflow:hidden}
.showProduct .infoImg .btn{margin-top:15px}
.showProduct .infoImg .btn a{width:120px;height:40px;line-height:40px;font-size:16px;display:inline-block;margin-right:10px;text-align:center;background:url(../img/detail-btnbg.png) no-repeat -140px center}
.showProduct .infoImg .btn a:hover{background-position:left center;color:#30b7ef}
.msgPage{padding:40px 0px 55px;width:1120px;margin:0 auto;margin-top:50px;background:#fff;border:1px solid #ddd}
.msgPage .online_title{margin-bottom:30px}
.msgPage .online_title .tit{font-size:30px;color:#737373;text-align:center}
.msgPage .online_title .entit{font-size:14px;color:#737373;font-family:Arial;text-transform:uppercase;text-align:center}
.formData{width:1000px;margin:auto}
.formData .item{height:40px;line-height:40px;width:462px;float:left;position:relative;margin-bottom:25px}
.formData .item label{width:85px;float:left;color:#666;padding-right:5px;text-align:right}
.formData .item .red{color:red;font-size:12px;position:absolute;right:-10px;top:2px}
.formData .liuyan .red{right:-2px;top:0px}
.formData .yzm .red{right:107px;top:2px}
.formData .item input{width:360px;height:40px;line-height:40px;float:left;padding-left:10px;border:0px;font-size:14px;background:#f5f5f5;border-radius:5px}
.formData .item .msg-box{position:absolute;left:90px}
.formData .item.mr30{margin-right:68px}
.formData .item.yzm{width:380px}
.formData .item.yzm input{width:160px}
.formData .item.yzm img{margin-left:20px}
.formData .item.youxiang{margin-right:70px}
.formData .item.liuyan{width:100%;height:96px}
.formData .item.liuyan textarea{width:880px;float:left;height:76px;border:0px;background:#f5f5f5;-webkit-border-radius:6px;border-radius:6px;padding:10px;overflow:hidden;color:#666;resize:none;font-family:"microsoft yahei"}
.formData .itemsub{width:400px;height:40px;line-height:40px;position:relative}
.formData .itemsub label{width:85px;float:left;color:#333;padding-right:5px;text-align:right}
.formData .itemsub .msg-box{position:absolute;left:90px}
.formData .itemsub input[type=text]{width:147px;height:40px;line-height:40px;float:left;border-radius:6px;font-size:14px;background:#f5f5f5;color:#333;text-indent:10px}
.formData .itemsub img{height:32px;float:left;margin-top:5px;margin-left:10px}
.formData .btn{width:100px;height:40px;line-height:40px;cursor:pointer;color:#fff;margin-left:8px;background:#30b7ef}
.formData .btn[type=reset]{background:#aaa;margin-right:9px}
.searchPage{overflow:hidden}
.searchPage ul{width:105%}
.searchPage .item{width:280px;height:222px;float:left;margin:0 25px 30px 0;background:#fff;position:relative;overflow:hidden;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.searchPage .item a{width:100%;display:block}
.searchPage .item img{width:280px;height:auto;display:block}
.searchPage .item h3{width:100%;position:absolute;left:0;bottom:0;height:64px;line-height:64px;text-align:center;font-size:16px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background:#fff}
.searchPage .item .bg{position:absolute;width:280px;padding-top:86px;height:72px;left:-280px;top:0;z-index:10;background:url(../img/red80.png) repeat 0 0;text-align:center;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.searchPage .item .bg s{width:50px;height:50px;display:block;border-radius:100%;margin:0 auto;background-color:#fff;background-position:-22px 18px}
.searchPage .item:hover{background:#fff}
.searchPage .item:hover h3{color:#fff;background:#30b7ef}
.searchPage .item:hover .bg{left:0}
.map_ul{list-style:outside none none;display:block;width:100%;padding-top:10px}
.map_ul li{display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DCDBDB;margin-left:10px;float:left}
.map_ul li a{font-size:14px;float:left;width:100%;height:23px;line-height:23px;font-weight:bold}
.map_ul .list-inline{display:block;margin-left:7%;width:80%;min-height:30px}
.map_ul .list-inline a{font-weight:normal;width:auto;float:none;line-height:32px;height:32px;margin:0 10px 10px 0;display:inline-block;border:1px solid #ccc;padding:0px 10px}
.map_ul .list-inline a:hover{background:#30b7ef;color:#fff}
span.bds_more,.bds_tools a{line-height:14px !important}
.hvr-underline-from-center2{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}
.hvr-underline-from-center2:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#30b7ef;height:3px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-center2:hover:before,.hvr-underline-from-center2.hover:before,.hvr-underline-from-center2:focus:before,.hvr-underline-from-center2:active:before{left:0;right:0}
.hvr-underline-from-center2:hover,.hvr-underline-from-center2.hover{*height:47px !important;*border-bottom:3px solid #30b7ef;*line-height:50px !important}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.02)}
	100%{-webkit-transform:scale(1)}
}
@keyframes scale{0%{transform:scale(1)}
	50%{transform:scale(1.02)}
	100%{transform:scale(1)}
}
