@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(../images/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*/

.top_l a{color:#fff}

.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: 160px;border-left:1px solid #83d4f5;text-indent: 20px;padding-left: 10px;background: url(../images/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(../images/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(../images/search.png) 3px 1px no-repeat;}



/*header_main*/

.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 */

#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("../images/prev.png") no-repeat center center #30b7ef;border-right:1px solid #0362ab;}

#banner #btn_next{background:url("../images/next.png") no-repeat center center #30b7ef;}

#banner #btn_prev:hover{opacity:.9;filter:alpha(opacity=80);transition: all 600ms ease;background:url("../images/prev1.png") no-repeat center center #0362ab;}

#banner #btn_next:hover{opacity:.9;filter:alpha(opacity=80);transition: all 600ms ease;background:url("../images/next1.png") no-repeat center center #0362ab;}

#banner .flip{position:absolute;bottom:0;right:261px;width:320px;height:60px;background:url("../images/flip.png") no-repeat;z-index:12;}

/*banner end*/





/*footer*/

.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("../images/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;}



/********.toolbar1*********/

.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(../images/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;}

/*.toolbar .tab_kf .tab_text{margin-top:-40rpx;}*/





/*******index css*******/

.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("../images/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("../images/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; color:#30b7ef; font-weight:bold;}

#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; height:92px;margin-bottom:12px;border:1px solid #ececec;cursor:pointer;}

#solute .hd .list li .txt{height:90px; height:70px;margin-top:40px;margin-left:40px;padding-left:110px; margin-top:18px; margin-right:18px; margin-left:18px;}

#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("../images/ico1.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item2 .txt{background:url("../images/ico2.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item3 .txt{background:url("../images/ico3.png") no-repeat; background-size:auto 90%;}
#solute .hd .list li.item4 .txt{background:url("../images/ico4.png") no-repeat; background-size:auto 90%;}
#solute .hd .list li.item5 .txt{background:url("../images/ico5.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item1:hover .txt{background:url("../images/ico11.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item2:hover .txt{background:url("../images/ico21.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item3:hover .txt{background:url("../images/ico31.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item1.on .txt{background:url("../images/ico11.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item2.on .txt{background:url("../images/ico21.png") no-repeat; background-size:auto 90%;}

#solute .hd .list li.item3.on .txt{background:url("../images/ico31.png") no-repeat; background-size:auto 90%;}
#solute .hd .list li.item4.on .txt{background:url("../images/ico41.png") no-repeat; background-size:auto 90%;}
#solute .hd .list li.item5.on .txt{background:url("../images/ico51.png") no-repeat; background-size:auto 90%;}

#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("../images/nnext.png") no-repeat;cursor:pointer;}





/*案例展示*/

.icaseShow{margin-top:60px;}

.icaseShow .icase{position:relative;height:100px;}

.icaseShow .menu1{position:absolute;top:60px;}

.icaseShow .menu1 a{float:left;display:block;padding: 0 13px;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("../images/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; height:auto; padding: 0 20px 30px;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("../images/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("../images/line1.png") no-repeat left center;color:#999;}

.aboutus .aboutCont .more:hover{color:#30b7ef;}





/*公司新闻*/

.companyNews{width:100%;height:594px;background:url("../images/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;}







/*内页样式*/

/***********category css*************/

.nyIcon{background: url(../images/nyicon.png) no-repeat; display: inline-block; vertical-align: middle;}

/*wrapper*/

.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*/

.nybanner{width: 100%;height: 250px;line-height: 42px;position: relative;overflow: hidden;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*/

.menu{width: 100%; 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: 132px; height: 60px; float: left; border-right: 1px solid #dddddd; position: relative;border-bottom: 1px solid #ddd;}

.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;/* border-top: 2px solid #008fd7; */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*/

.sitepath{height: 80px; line-height: 80px; text-align: right;}

.sitepath s{width: 20px; height: 18px; background-position: 0 0; margin-right: 4px;}

/* reLink */

.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*/

.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:nth-child(3n+3){margin-right:0;}
.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(../images/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*/

.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(../images/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*/

.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*/

.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*/

.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*/

.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*/

.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*/

.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(../images/detail-btnbg.png) no-repeat -140px center;}

.showProduct .infoImg .btn a:hover{background-position: left center; color: #30b7ef;}

/*msgPage*/

.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*/

.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(../images/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;}





/* Underline From Center2 */

.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);}}

/*分页专用css1 -- .xiycms-page*/

.xiycms-page {list-style:none;margin:20px 0px;text-align:center;}

.xiycms-page li {display:inline-block; margin:0px 5px !important;border:1px solid #dedede; margin-right:5px; line-height:30px;color:#999;width: auto !important; padding: 0px 6px;}

.xiycms-page li a { display:inline-block;line-height:30px;padding:0 6px;}

.xiycms-page li.active,.qipapage li.hover {border:1px solid #00b5f9; color:#00b5f9; font-weight:bold; text-decoration:none;}

.xiycms-page li.active a,.qipapage li.hover a { color:#00b5f9; font-weight:bold; text-decoration:none;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 12px 18px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%;height:15px;
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #00b5f9;
}
.pagination a.page-num-current {
  color: #333;
  border: 1px solid #00b5f9;
}
.pagination .st{ font-family:宋体}