@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", "Arial";color: #333333;}

body{overflow-x: hidden;overflow-y: auto;}

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

.left{float: left;}

.right{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;}

.w1300{width: 1300px;margin: 0 auto;}

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

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

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

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

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

a{color: #333;text-decoration: none;cursor:pointer;}

a:hover{color: #0195df;text-decoration: none;}

a:visited{text-decoration: none;}

.ease,

.ease *{transition: all ease 300ms;}

.noease,

.noease *{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;}

.dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);}

/***************top and bottom css*********************/

/*top*/

.top_main{position: relative;z-index: 99;height:30px;line-height:30px;border-top:2px solid #2449a4;background:#f5f5f5;}

.top_main .top_l{font-size:12px;color:#666;}

.top_main .top_r{text-align:center;display:block;width:258px;height:32px;background:url("../images/trbg.png") no-repeat center center;background-size:258px 32px;}

.top_main .top_r .list{display:inline-block;width: 258px;margin-left: 68px;}

.top_main .top_r a{float:left;font-size:15px;color:#fff;}

.top_main .top_r .line{margin:9px 12px 0;float:left;display:block;width:1px;height:14px;background:#fff;}

/*header_main*/

.header_main{position: relative;width:100%;height:156px;z-index: 98;background: #fff;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);}

.header_main .header{padding-top:29px;}

.header_main .webLogo{float:left;display: block;height: 60px;}

.header_main .webLogo img{display: block;height:60px;vertical-align: middle;}

.header_main .tel_main{float:right;padding-left:60px;background:url("../images/tel1.png") no-repeat left center;background-size:48px 48px;}

.header_main .tel_main .zx{font-size:14px;line-height:14px;color:#333;}

.header_main .tel_main .webTel{margin-top:12px;font-weight:bold;font-family:arial;font-size:30px;line-height:24px;color:#2449a4;}

/*nav*/

#nav{position:relative;height:46px;margin-top:20px;z-index:12;}

#nav .navlist{position: relative;display: block;z-index: 4;}

#nav li{padding:0 50px;position:relative;float: left;display: block;list-style: none;font-size: 16px;text-align: center;background:url("../images/navline.png") no-repeat left center;background-size:1px 14px;}

#nav li:first-child{padding-left:0;padding-right: 44px;background:none;}

#nav li:last-child{padding-right:0;padding-left: 40px;}

#nav li a{display: block;height:46px;text-align: center;font-size:16px;line-height:40px;color: #333;transition: all ease 300ms;}

#nav li.hover a,#nav li:hover a{color: #2449a4;}

#nav li a.hover{color: #2449a4;}

/*导航栏下拉*/

#nav ul .suNav{width: 100%;position: absolute;left: 0;top: 47px;z-index:100;background:#fff;border:1px solid #ddd;}

#nav ul .suNav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}

#nav ul li:hover .suNav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

#nav ul .suNav a{font-weight:normal;color: #333!important;line-height: 35px;height: 35px;padding: 0;text-align: center;overflow: hidden;display: block;margin: 0;font-size: 14px;border-top:1px solid #eaeaea;background:#fff;}

#nav ul .suNav a:first-child{border-top:none;}

#nav ul .suNav a:first-child:hover{border-top:none;}

#nav ul .suNav a:hover{border-top:1px solid #2449a4;background: #2449a4;color: #fff !important;}

/* banner*/

#banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto;}

#banner_main .banner1{position: relative;width:100%;height:720px;margin:0 auto;min-width:1200px;}

#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}

#banner, .banner1 ul{max-height:720px;overflow:hidden;}

.banner1 li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}

.banner1 li:first-child{display:block;}

.banner1 li img{width:1920px;height:720px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;}

#banner .tip{width:1000px;height: 4px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 30px;z-index:13;}

#banner .tip span{width:50px;height: 4px;margin:0 5px;display:inline-block;font-size: 0;cursor: pointer;background: #fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

#banner .tip span.cur{background: #0195df;}

#banner #btn_prev,#banner #btn_next{width:24px;height:73px;position:absolute;top:300px;z-index:5;display: none;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}

#banner #btn_prev{background-position:-26px 0;left:6.6%;}

#banner #btn_next{background-position:-56px 0;right:6.6%;}

#banner #btn_prev:hover{background-position:0 0;}

#banner #btn_next:hover{background-position:-82px 0;}



.vodcont{ position:relative;}

.vodit{ width:100%;}

.vodit img{ width:100%;}

.peovode{position:absolute; width:100%; top:42%;}

.peovode h3{ text-align:center; width:630px;background-color:rgba(0, 8, 52, 0.6); margin:0 auto; height:85px; line-height:85px;border-radius:2px; font-size:36px; font-weight:normal;color:#fff;text-transform:uppercase;}

.peovode span{ color:#ff0009;}

.peovodejt{position:absolute; width:100%; top:89%;}

.peovodejt h2 a{ display:block; width:100px; margin:0 auto; color:#fff; font-weight:normal; font-size:85px;-webkit-transform: rotate(90deg);/*Safari 4+,Google Chrome 1+ */-moz-transform: rotate(90deg);/*Firefox 3.5+*/font-family: "宋体"; }

#bgvid{height:100%;}

/*banner end*/

/*搜索栏*/

.announ_main{width: 100%; height: 76px; line-height: 76px; border-bottom: 1px solid #eee;}

.announ_main .announ_right{width: 282px; padding-top: 20px;}

.announ_main .announ_right .search{width: 282px; height: 35px; line-height: 35px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f6f6f6; position: relative;}

.announ_main .announ_right .search input{outline: none; border: 0 none; height: 35px; line-height: 35px;}

.announ_main .announ_right .search .txt{width: 200px;background: none;padding-left: 15px;display: block;color: #999;}

.announ_main .announ_right .search .btn{width: 50px;background: url(../images/sou.png) no-repeat center #0195df;position: absolute;right: 0;top: 0;cursor: pointer;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}

.announ_main .announ_right .search .btn:hover{background-color: #10c09f;}

.announ_main .announ_left span{display: inline-block;}

.announ_main .announ_left a{display: inline-block;padding: 0 10px 0 0;color: #666;}

.announ_main .announ_left a s{width: 1px; height: 16px; display: inline-block; margin-right: 10px; background: #e9e9e9; vertical-align: middle;}

.announ_main .announ_left a:first-child s{display: none;}

/*footer*/

.bottom_main{width: 100%;background: #222;padding-bottom: 50px;}

.bottom_main .footer{padding-top: 0;}

.bottom_main .bott_nav{border-bottom: 1px solid #5d5f61;line-height: 60px;margin-bottom: 50px;}

.bottom_main .bott_nav span{display: inline-block;color: #fff;font-size: 16px;font-weight: bold;}

.bottom_main .bott_nav a{display: inline-block;color: #fff;padding-right: 10px;}

.bottom_main .left{float:left;width:400px;}

.bottom_main .left .bLogo{display:block;height: 60px;cursor: pointer;}

.bottom_main .left .bLogo img{display:block;height: 60px;overflow:hidden;}

.bottom_main .left .bLogo img:hover{filter:brightness(105%);-webkit-filter:brightness(105%);}

.bottom_main .left .bNav{margin-top:26px;}

.bottom_main .left .bNav a{margin-right:50px;margin-bottom:12px;float:left;font-size:14px;line-height:14px;color:#ccc;}

.bottom_main .left .bNav a:nth-child(4n){margin-right:0;}

.bottom_main .left .bNav a:hover{color:#fff;}

.bottom_main .right{float:right;}

.bottom_main .ewm{float:left;display:block;width:114px;height:114px;border:3px solid #999;background:pink;}

.bottom_main .ewm img{display:block;width:114px;height:114px;}

.bottom_main .bInfo{float:right;margin-left:80px;}

.bottom_main .bInfo .telM{padding-left:55px;background:url("../images/tel3.png") no-repeat left center;background-size:45px 45px;}

.bottom_main .bInfo .telM .tx{padding-top:6px;font-size:14px;line-height:14px;color:#fff;}

.bottom_main .bInfo .telM .webTel{margin-top:12px;font-size:26px;line-height:24px;color:#3abdfe;}

.bottom_main .bInfo .contact{padding-left:55px;margin-top:30px;background:url("../images/address.png") no-repeat left center;background-size:45px 45px;}

.bottom_main .bInfo .contact .tx{padding-top:6px;font-size:14px;line-height:14px;color:#fff;}

.bottom_main .bInfo .contact .address{margin-top:11px;font-size:14px;line-height:16px;color:#ccc;}

.bottom_copy .w1200 div{text-align: left;}

.bottom_copy{width: 100%;height: 50px;line-height: 50px;color: #ccc;font-size: 12px;text-align:center;background:#222;border-top: 1px solid #5d5f61;}

.bottom_copy span{display:inline-block;padding-left:8px;}

.bottom_copy a{display:inline-block;color: #ccc;}

.bottom_copy a:hover{opacity:0.9;filter:alpha(opacity=90);color:#fff;}

.bottom_copy .copy{float:right;}

.bottom_copy .copy1{float:left;}

.ewmbox{width: 300px;height: 320px;padding-top: 20px;background: #fff;z-index: 9999;position: fixed;left: 50%;top: 50%;margin: -170px 0 0 -150px;text-align: center;font-size: 16px;display: none;}

.ewmbox .close{width: 32px;height: 32px;position: absolute;top: -25px;right: -40px;cursor: pointer;border-radius: 100%;background: #f3f3f3 url(../images/dialogclose.png) no-repeat center center;transition: all ease 300ms;}

.ewmbox .close:hover{transform: rotate(180deg);}

.ewmbox img{width: 260px;height: 260px;display: block;margin: 0 auto 10px;}

/***********top and bottom css end***********/

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

.index{background:#fff;}

.index .indexTit{padding-top:56px;}

.index .indexTit .tit{font-size:40px;line-height: 40px;text-align:center;color:#333;}

.index .indexTit .tit em{display: block;font-weight:bold;color:#2449a4;text-align: center;}

.index .indexTit .subtit{width:599px;height:32px;margin:0 auto;margin-top:16px;background:url("../images/titline1.png") no-repeat center center;background-size:599px 32px;}

.index .indexTit .kMore{padding-right:24px;margin-top:30px;float:right;font-size:16px;line-height:16px;color:#666;background: url("../images/more.png") no-repeat right center;}

.index .indexTit .kMore:hover{color:#2449a4;}

/*询盘*/

.enquiryM{width: 100%;height:200px;background:url("../images/enquirybg.png") no-repeat center center;background-size: 1920px 200px;}

.enquiryM .left{float:left;}

.enquiryM .txt{padding-top:56px;}

.enquiryM .txt .tit{margin-bottom:20px;font-weight:bold;font-size:32px;line-height:36px;text-align:left;color:#fff;}

.enquiryM .txt .tit em{color:#4bc3ff;}

.enquiryM .txt .subtit{padding-left:20px;margin-top:10px;font-size:18px;line-height:20px;color:#fff;background:url("../images/point.png") no-repeat left center;background-size:8px 8px;}

.enquiryM .right{float:right;}

.enquiryM .webTel{padding-left:34px;margin-top:60px;height:30px;font-family:arial;font-weight:bold;font-size:34px;color:#fff;background:url("../images/tel2.png") no-repeat left center;background-size:26px 26px;}

.enquiryM .online{float:right;display:block;width:200px;height:45px;margin-top:24px;font-weight:bold;font-size:18px;line-height:45px;text-align:center;color:#0181c1;background:url("../images/onlineico.png") no-repeat center center;background-size:200px 45px;transition:all ease 300ms;}

.enquiryM .online:hover{text-indent:10px;transition:all ease 300ms;}

/*产品中心*/

.index .floor_1_main{position:relative;padding-bottom:30px;background:#fff;}

.index .floor_1 .menu1{position:relative;margin-top:30px;text-align: center;}

.index .floor_1 .menu1 .item{float:left;display:block;width: 140px;height:40px;margin: 0 5px;margin-bottom:10px;font-size: 14px;line-height:40px;text-align:center;color:#333;background:#eee;border-radius:5px;}

.index .floor_1 .menu1 .item:hover{background:#0195df;color:#fff;}

.index .floor_1 .product{margin-top:40px;}

.index .floor_1 .left{float: left;width: 601px;}

.index .floor_1 .left dd .box1{border: 1px solid #d2dee7;width: 299px;height: 223px;float: left;position: relative;background:#fff;border-right: none;}

.index .floor_1 .left dd .box1 i{position: absolute;bottom: 20px;left: 30px;display: block;width: 30px;height: 5px;background-position: -180px 0;}

.index .floor_1 .left dd .box1 h3{padding-left: 30px;font-size: 20px;padding-top: 30px;font-weight: 100;}

.index .floor_1 .left dd .box1 p{padding-left: 30px;padding-right: 30px;color: #999;padding-top: 10px;line-height: 26px;text-align: justify;}

.index .floor_1 .left dd .box1 span{width: 16px;height: 32px;position: absolute;right: -16px;top: 50%;margin-top: -16px;z-index: 10;background-position: -321px 0;}

.index .floor_1 .left dd .box2{float: left;border-left: 1px solid #d2dee7;width: 300px;height: 225px;}

.index .floor_1 .left dd .box2 img{display: block;width: 300px;height: 225px;}

.index .floor_1 .left .d2 .box1{border-right: 1px solid #d2dee7;float: right;}

.index .floor_1 .left .d2 .box1 span{right: auto;left: -16px;background-position: -289px 0;}

.index .floor_1 .left .d2 .box2{float: left;border-left: none;}

.index .floor_1 .right{float:left;width: 599px;}

.index .floor_1 .iproduct{position:relative;}

.index .floor_1 .iproduct .bd{position:relative;width: 599px;height: 450px;overflow:hidden;}

.index .floor_1 .iproduct .bd .item{position:relative;float:left;display:block;width: 599px;height:450px;}

.index .floor_1 .iproduct .bd .item a{display:block;}

.index .floor_1 .iproduct .bd .item .img{display:block;width: 599px;height:450px;overflow:hidden;}

.index .floor_1 .iproduct .bd .item .img img{display:block;width: 100%;height: 100%;}

.index .floor_1 .iproduct .bd .item .txt{position:absolute;bottom:0;left:0;display:block;width: 599px;height:80px;line-height:80px;background:url("../images/txtbg.png") no-repeat center center;background-size:600px 80px;}

.index .floor_1 .iproduct .bd .item .txt .tit{font-size:20px;line-height:80px;text-indent:30px;color:#fff;}

.index .floor_1 .iproduct .hd{position:absolute;bottom:34px;right:40px;}

.index .floor_1 .iproduct .hd li{margin-left:10px;width: 12px;height: 12px;font-size:0;line-height: 14px;text-align: center;background: #fff;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;display: block;float: left;}

.index .floor_1 .iproduct .hd li.on{background:#58ebca;color:#fff;}

/*经典案例*/

.index .floor_2_main{width:100%;height:657px;background:url("../images/casebg.jpg") no-repeat center center;background-size: 1920px 657px;}

.index .floor_2 .indexTit{padding-top: 80px;}

.index .floor_2 .indexTit .tit{color:#fff;}

.index .floor_2 .indexTit .tit em{color:#fff;}

.index .floor_2 .indexTit .subtit{background:url("../images/titline2.png") no-repeat center center;background-size:599px 32px;}

.index .floor_2 .caseList{margin-top:60px;position:relative;}

.index .floor_2 .caseList .item{float:left;display:block;width:280px;height: 270px;margin-right:30px;}

.index .floor_2 .caseList .item a{display:block;}

.index .floor_2 .caseList .item .img{display:block;width: 280px;height: 210px;overflow:hidden;}

.index .floor_2 .caseList .item .img img{display:block;width: 100%;height: 100%;}

.index .floor_2 .caseList .item .txt{height:60px;line-height:60px;background:#fff;transition:background ease 0.36s;}

.index .floor_2 .caseList .item .txt .tit{height:60px;font-size:16px;line-height:60px;text-indent:15px;color: #666;background:url("../images/arra.png") no-repeat 92% center;background-size: 21px 4px;}

.index .floor_2 .caseList .item:hover .txt{background:#0497e0;transition:background ease 0.36s;}

.index .floor_2 .caseList .item:hover .txt .tit{color:#fff;background:url("../images/arrh.png") no-repeat 92% center;background-size: 21px 4px;transition:background ease 0.36s;}

.index .floor_2 .caseList .hd{position:absolute;width:100%;top:90px;}

.index .floor_2 .caseList .hd span{position:absolute;display:block;width:40px;height:40px;cursor:pointer;}

.index .floor_2 .caseList .hd .prev{left:-80px;background-position:-152px -20px;}

.index .floor_2 .caseList .hd .next{right:-90px;background-position:-194px -20px;}

.index .floor_2 .caseList .hd .prev:hover{background-position:-110px -20px;}

.index .floor_2 .caseList .hd .next:hover{background-position:-236px -20px;}

.index .floor_2 .cMore{display:block;width:198px;height:43px;margin:0 auto;margin-top:40px;font-size:16px;line-height:43px;text-align:center;color:#fff;border:1px solid #cfdce5;transition:all ease 600ms;}

.index .floor_2 .cMore:hover{width:240px;background:#cfdce5;color:#fff;transition:all ease 600ms;}







/* 公司简介 */

.fz {

    margin: 0 auto;

    width: 1200px;

    min-width: 1200px;

}

.big_title{ width:678px; margin:0 auto; font-size:32px; text-align:center; font-weight:bold; padding-bottom:14px; color:#2449a4; background:url(../images/tit_bj.png) no-repeat center bottom;}

.english_tit{ text-align:center; font-size:20px; margin-top:10px; color:#a8a8a8; font-weight:normal;}

.big_title span{ color:#1a1e29;}

.about_box{ margin-top:40px;}

.about_text{ height:454px; margin-top:54px; background:url(../images/about_text_bj.jpg) no-repeat left top;}

.about_text p,.about_text h3,.about_text h4,.about_text a{ margin-left:48px;}

.about_text p{ width:495px; font-size:14px; line-height:32px; color:#676868;}

.about_text h3{ color:#2449a4; font-size:25px; padding-top:53px; padding-bottom:4px;}

.about_text h4{ color:#1a1e29; font-size:22px; margin-bottom:35px;}	

.mor{ display:block; width:152px; height:40px; background-color:#2449a4; text-align:center; line-height:40px; border-radius:9px; margin-top:48px; color:#fff;}



.about_big{ height:440px; background-image:url(../images/about_text_bj02.jpg); background-position:center center;}

.tab2_list li{ width:152px; height:40px; background-color:#2449a4; float:left; font-size:15px; color:#fff; line-height:40px; text-align:center; border-radius:9px; margin:0 22px; cursor:pointer;}

.tab2_list{ width:400px; margin:0 auto; margin-bottom:32px; padding-top:57px;}

.tab2_list .black{ background-color:#1a1e29;}

.about_tab li{ float:left; margin-right:13px; line-height:24px;}

.about_tab li:nth-child(2){ margin-right:14px;}

.about_tab li:nth-child(4){ margin-right:0px;}

.about_tab li img{box-sizing:border-box; transition:transform 1s;}

.about_tab li a{ display:block; border:1px solid #dcdcdc; box-sizing:border-box; width:290px; height:262px; line-height:14px; text-align:center; overflow:hidden;}

.about_tab li:hover div a{ border:1px solid #2449a4; box-sizing:border-box;}

.about_tab li:hover div img{ transform:scale(1.3,1.3);}

.about_tab:nth-child(3) li img{ padding-top:5px; padding-bottom:5px;}

.about_tab li div{ width:290px; height:215px; overflow:hidden;}

.about_tab li:hover a{color:#02adc7;}

/*新闻资讯*/

.index .floor_5_main{padding-bottom:100px;background:#fff;}

.index .floor_5 .indexTit{padding-top:76px;}

.index .floor_5 .textlist{width: 800px;margin-top:50px;}

.index .floor_5 .newsBox{margin-top:50px;width: 380px;overflow: hidden;position: relative;border: 1px solid #ddd;}

.index .floor_5 .newsBox .hd{height: 28px;overflow: hidden;position: absolute;bottom: 1px;z-index: 10;padding-left: 20px;text-align: center;}

.index .floor_5 .newsBox .hd ul{overflow: hidden;zoom: 1;}

.index .floor_5 .newsBox .hd li{margin-right: 6px;width: 10px;height: 10px;font-size:0px;line-height: 14px;text-align: center;background: #999;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;display: inline-block;}

.index .floor_5 .newsBox .hd li.on{background: #0195df;color: #fff;}

.index .floor_5 .newsBox .bd li{zoom: 1;vertical-align: middle;position: relative;height: 408px;overflow: hidden;}

.index .floor_5 .newsBox .bd li img{width: 380px;height: 285px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.index .floor_5 .newsBox .bd li h3{display: block;font-size: 18px;color: #000;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.index .floor_5 .newsBox .bd li .txt{z-index: 5;padding: 15px 20px;border-top: 0 none;height: 93px;}

.index .floor_5 .newsBox .bd li p{padding: 0;color: #666;line-height: 24px;height: 45px;overflow: hidden;}

.index .floor_5 .newsBox .bd li .time{font-size: 16px;padding-right: 30px;padding-top: 28px;}

.index .floor_5 .newsBox .bd li:hover h3{color: #0195df;}

.index .floor_5 .newsBox .bd li:hover img{filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.index .floor_5 .textlist .item{border: 1px solid #ddd;margin-bottom: 16px;transition: all 0.2s linear 0s;}

.index .floor_5 .textlist .item a{display: block;padding: 28px;}

.index .floor_5 .textlist .item h3{font-size: 18px;vertical-align: top;color:#333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.index .floor_5 .textlist .item p{font-size: 14px;line-height: 20px;color: #999;text-align: justify;}

.index .floor_5 .textlist .item .time{display: block;width: 90px;height: 66px;border-right: 1px solid #ddd;line-height: 20px;margin-right: 30px;color: #666;}

.index .floor_5 .textlist .item .time b{font-family:arial;color: #666;display: block;font-size: 48px;line-height: 48px;}

.index .floor_5 .textlist .item:hover{border: 1px solid #0195df;-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.index .floor_5 .textlist .item:hover h3{color:#0195df;}

.index .floor_5 .more{width: 180px;height: 36px;line-height: 36px;margin:0 auto;margin-top:40px;display: block;text-align: center;background:#444;color:#fff;}

.index .floor_5 .more:hover{background: #0195df;color: #fff;text-indent: 10px;}

/*index css end*/

/*六大优势*/

.index .floor_3_main{padding-bottom:80px;background:#fff;}

.index .floor_3 .indexTit{padding-top:80px;}

.index .floor_3 .advantList{margin-top:60px;}

.index .floor_3 .advantList .list{width:112%;}

.index .floor_3 .advantList .item{float:left;position:relative;display:block;width:298px;margin-right:15px;height:288px;margin:0 auto;margin-bottom:2px;background:url("../images/adlibg1.png") no-repeat center center;background-size:610px 288px;cursor:pointer;transition:all ease 600ms;}

.index .floor_3 .advantList .item .txt{padding:40px 0;margin-left:50px;text-align: center}

.index .floor_3 .advantList .item .txt .tit{font-weight:bold;font-size:26px;line-height:50px;color:#333;}

.index .floor_3 .advantList .item .txt .tit em{display:block;color:#0195df;}

.index .floor_3 .advantList .item .txt .cont{font-size:16px;line-height:30px;color:#666;}

.index .floor_3 .advantList .item .sIco{/*position:absolute;top:40px;right:50px;display:block;*/width:100px;height:100px;transition:all ease 600ms;}

.index .floor_3 .advantList .item:hover{transform: translateY(-6px);transition:all ease 600ms;}

.index .floor_3 .advantList .item:hover .sIco{transform: rotate(180deg);transition:all ease 600ms;}

.index .floor_3 .advantList .item.ad2,.index .floor_3 .advantList .item.ad3,.index .floor_3 .advantList .item.ad6{background:url("../images/adlibg2.png") no-repeat center center;}

/*联系我们*/

.contactPage{padding-bottom:80px!important;}

.contactPage .mapArea{border:1px solid #ddd;}

.contactPage .t2{padding: 58px 0 48px;text-align: center;}

.contactPage .t2 .titb{font-size: 30px;margin-bottom: 16px;}

.contactPage .t2 .txt{font-size: 14px;line-height: 24px;}

.contactPage .t2 .txt span{font-weight: bold;color: #0195df;}

.contactPage .formData1{padding-bottom: 20px;}

.contactPage .formData1 .item{float: left;color: #999;font-weight: normal;width: 378px;height: 35px;line-height: 35px;border: 1px solid #e5e5e5;margin-right: 30px;margin-bottom: 20px;position: relative;}

.contactPage .formData1 .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 35px;line-height: 35px;font-size: 14px;color: #cccccc;}

.contactPage .formData1 .item input{outline: none;line-height: 35px;height: 35px;font-size: 14px;}

.contactPage .formData1 .item .txt{width: 328px;height: 35px;line-height: 35px;display: block;background: none;padding-left: 50px;border: 0 none;color: #333;font-size: 14px;}

.contactPage .formData1 .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}

.contactPage .formData1 .item.mr0{margin-right: 0;}

.contactPage .formData1 .msg-box{position: absolute;left: 0;top: 0px;}

.contactPage .formData1 .liuyan{width: 1198px;height: 180px;border: 1px solid #e5e5e5;float: left;}

.contactPage .formData1 .liuyan label{text-align: right;top: 5px;display: block;}

.contactPage .formData1 .liuyan textarea{width: 1178px;height: 154px;line-height: 28px;padding: 10px 10px;text-indent: 70px;font-size: 14px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}

.contactPage .formData1 .bot{width: 100%;float: left;}

.contactPage .formData1 .sub{width: 232px;height: -4px;line-height: 38px;border: 2px solid #0195df;text-align: center;background: #0195df;color: #FFF;cursor: pointer;font-size: 18px;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;margin: 0 auto;}

.contactPage .formData1 .sub:hover{background: none;color: #0195df;}

.contactPage .formData1 .yzm{width: 432px;}

.contactPage .formData1 .yzm .txt{padding-left: 80px;}

.contactPage .formData1 .yzm img{position: absolute;right: 0;top: 0;height: 50px;border: 0px;display: block;}

/*txtlist*/

.txtlist{width: 100%;position: relative;overflow: hidden;}

.txtlist .list{width: 120%;position: relative;}

.txtlist li{width: 300px;height: 36px;line-height: 36px;overflow: hidden;float: left;margin-right: 70px;}

.txtlist li a{width: 100%;display: block;}

.txtlist li s{width: 4px;height: 4px;display: inline-block;vertical-align: middle;margin-top: -1px;border-radius: 100%;background: #333333;margin-right: 10px;}

.txtlist li .time{float: right;}

.banner_main{width: 100%;overflow: hidden;position: relative;z-index: 2;}

.banner{width: 100%;min-width: 1000px;padding: 33.85% 0 0;z-index: 20;position: relative;overflow: hidden;}

.banner .list{width: 100%;}

.banner li{width: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;overflow: hidden;background: #fff;}

.banner li a{width: 100%;display: block;height: 100%;}

.banner li img{width: 100%;display: block;position: relative;left: 0;top: 0;}

.banner .tip{width: 100%;height: 12px;position: absolute;left: 0;bottom: 25px;z-index: 10;text-align: center;}

.banner .tip span{width: 52px;height: 2px;margin: 0 8px;display: inline-block;cursor: pointer;vertical-align: top;transition: all ease 300ms;background: #fff;opacity: 0.8;filter: alpha(opacity=80);}

.banner .tip span.cur{width: 90px;background: #55ecca;}

.banner .prev,

.banner .next{width: 36px;height: 80px;position: absolute;z-index: 12;top: 50%;margin-top: -40px;background: url(../images/banner-ico.png) no-repeat 6px 4px;cursor: pointer;}

.banner .prev{left: 80px;}

.banner .prev:hover{background-position: 6px -98px;}

.banner .next{right: 80px;background-position: -88px 4px;}

.banner .next:hover{background-position: -88px -98px;}

/*indexlist*/

.indexlist{width: 100%;}

.indexlist .item{width: 280px;float: left;margin: 0 20px 30px 0;border: 1px solid #eee;background: #eee;position: relative;overflow: hidden;transition: all ease 300ms;}

.indexlist .item:nth-child(4n){margin-right: 0;}

.indexlist .item a{width: 100%;display: block;}

.indexlist .item img{width: 280px;height: 260px;display: block;}

.indexlist .item h3{width: 100%;height: 40px;line-height: 40px;text-align: center;    background-color: #0056a9;color:#fff;font-size: 16px;transition: all ease 300ms;}

.indexlist .item .bg{position: absolute;width: 300px;padding-top: 100px;height: 196px;left: -350px;top: 0;z-index: 10;background: url(../images/blue80.png) repeat 0 0;text-align: center;transition: all ease 300ms;}

.indexlist .item .bg s{width: 50px;height: 50px;display: block;border-radius: 100%;margin: 0 auto;background-color: #fff;background-position: -42px -112px;}

.indexlist .item:hover{background: #037aec;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}

.indexlist .item:hover h3{color: #fff;}

.indexlist .item:hover .bg{left: 0;}

/*prolist*/

.prolist{width: 100%;}

.prolist .item{width: 260px;float: left;margin: 0 40px 40px 0;border: 1px solid #eee;background: #eee;position: relative;overflow: hidden;transition: all ease 300ms;}

.prolist .item:nth-child(4n){margin-right: 0;}

.prolist .item a{width: 100%;display: block;}

.prolist .item img{width: 260px;height: 280px;display: block;}

.prolist .item h3{width: 100%;height: 40px;line-height: 40px;text-align: center;    background-color: #0056a9;color:#fff;font-size: 16px;transition: all ease 300ms;}

.prolist .item .bg{position: absolute;width: 260px;padding-top: 100px;height: 180px;left: -260px;top: 0;z-index: 10;background: url(../images/blue80.png) repeat 0 0;text-align: center;transition: all ease 300ms;}

.prolist .item .bg s{width: 50px;height: 50px;display: block;border-radius: 100%;margin: 0 auto;background-color: #fff;background-position: -42px -112px;}

.prolist .item:hover{background: #037aec;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}

.prolist .item:hover h3{color: #fff;}

.prolist .item:hover .bg{left: 0;}

.gridlist{width: 105%;position: relative;}

.gridlist .item{width: 283px;float: left;border: 1px solid #dcdcdc;margin: 0 20px 20px 0;overflow: hidden;}

.gridlist .item a{width: 100%;display: block;}

.gridlist .item img{width: 283px;height: 212px;border-bottom: 1px solid #dcdcdc;display: block;}

.gridlist .item h3{text-align: center;height: 48px;line-height: 48px;font-size: 16px;overflow: hidden;}

.gridlist .item:hover{border-color: #037aec;}

.gridlist .item:hover h3{color: #037aec;}

.gridlist.gridlist9 .item img{width: 283px;height: 161px;}

.cooperlist{width: 105%;position: relative;}

.cooperlist .item{width: 283px;float: left;border: 1px solid #dcdcdc;margin: 0 20px 20px 0;overflow: hidden;transition: all ease 300ms;}

.cooperlist .item a{width: 100%;display: block;}

.cooperlist .item img{width: 283px;height: 212px;display: block;border-bottom: 1px solid #dcdcdc;}

.cooperlist .item h3{text-align: center;height: 48px;line-height: 48px;font-size: 16px;overflow: hidden;}

.cooperlist .item:hover{border-color: #0195df;}

.cooperlist .item:hover h3{color: #0195df;}

/*txtlist*/

.txtlist{width: 100%;position: relative;overflow: hidden;}

.txtlist .list{width: 120%;position: relative;}

.txtlist li{width: 300px;height: 36px;line-height: 36px;overflow: hidden;float: left;margin-right: 70px;}

.txtlist li a{width: 100%;display: block;}

.txtlist li s{width: 4px;height: 4px;display: inline-block;vertical-align: middle;margin-top: -1px;border-radius: 100%;background: #333333;margin-right: 10px;}

.txtlist li .time{float: right;}

/************content************/

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

.nbody .header_main{position: relative;}

/*wrapper*/

.noinfo{width: 100%;padding: 0 3%;}

.noinfo img{display: block;margin: 0 auto;}

.wrapper{padding: 0 0 36px;position: relative;min-height: 750px;}

/*nybanner*/

.nybanner{width: 100%;height: 400px;overflow: hidden;position: relative;z-index: 9;}

.nybanner img{width: 1920px;display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}

/*menu*/

.menu{width: 100%;height: 58px;line-height: 58px;position: relative;box-shadow:0px 3px 18px #f0f0f0;background: #fff;}

.menu .list{width: 1200px;padding-left: 0;margin: 0 auto;}

.menu li{height: 58px;float: left;margin-right: 11px;position: relative;}

.menu li:after{position: absolute;top: 23px;right: -6px;content: " ";width: 1px;height: 14px;background: #ccc;}

.menu li:last-child{margin-right: 0;}

.menu li:last-child:after{display: none;}

.menu li .nav1{width: 140px;height: 58px;line-height: 58px;position: relative;font-size: 15px;display: block;text-align: center;}

.menu li .nav1 s{position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background-color: #0195df; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.menu li:hover,.menu li.hover{border-right-color: #0195df;}

.menu li:hover .nav1,.menu li.hover .nav1{color: #0195df;}

.menu li:hover .nav1 s,.menu li.hover .nav1 s{width: 100%; margin-left: -50%;}

.menu li .subMenu{position: absolute;left: 50%;margin-left: -70px;top: 58px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index: 199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 140px;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;box-shadow: 0px 3px 18px #f0f0f0;}

.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: 14px;line-height: 40px;background: #fff;}

.menu li .subMenu a:hover{background: #0195df;color: #fff;}

/*sitepath*/

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

.sitepath a{color: #666;}

.sitepath s{width: 20px;height: 18px;background-position: -19px -130px;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{transition: all ease 300ms;}

.reLink a:hover{color: #0195df;}

/*n-gridlist*/

.n-gridlist{width: 105%;}

.n-gridlist .item{width: 380px;float: left;margin: 0 30px 30px 0;background: #fff;position: relative;overflow: hidden;transition: all ease 300ms;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}

.n-gridlist .item a{width: 100%;display: block;}

.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;transition: all ease 300ms;}

.n-gridlist .item .bg{position: absolute;width: 380px;padding-top: 116px;height: 169px;left: -380px;top: 0;z-index: 10;background: url(../images/red80.png) repeat 0 0;text-align: center;transition: all ease 300ms;}

.n-gridlist .item .bg s{width: 64px;height: 64px;display: block;border-radius: 100%;margin: 0 auto;background-position: 0 -32px;}

.n-gridlist .item:hover{background: #f5f5f5;}

.n-gridlist .item:hover h3{color: #0195df;}

.n-gridlist .item:hover .bg{left: 0;}

/*n-tit*/

.n-tit{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #eee;height:30px;}

.n-tit h3{line-height: 35px;font-size: 24px;}

.n-tit s{width: 4px;height: 22px;margin-right: 15px;background: #0195df;display: inline-block;vertical-align: middle;}

.n-tit .more{font-size: 16px;}

.cp_tit{float:left;}
.showp_txt .n-tit .btns{padding:8px 0 0 100px;float:left;}
.showp_txt .n-tit .btn1{border:1px solid #0195df;padding:5px 15px;    font-size: 18px;}
.showp_txt .n-tit .btn2{border:1px solid #d9251c;padding:5px 15px;margin-left:10px;    font-size: 18px;}
/*relateNews*/

.relateNews{padding: 55px 0 0;width: 100%;overflow: hidden;}

.relateNews .list{width: 120%;}

.relateNews .list li{width: 567px;float: left;margin-right: 65px;margin-bottom: 20px;}

.relateNews .list li a{display: block;width: 100%;}

.relateNews .list li img{width: 135px;height: 110px;display: block;float: left;margin-right: 20px;}

.relateNews .list li h3{float: left;width: 412px;line-height: 24px;height: 24px;padding-top: 5px;overflow: hidden;margin-bottom: 8px;font-size: 16px;color: #333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.relateNews .list li .txt{float: left;width: 412px;height: 48px;line-height: 24px;color: #666;overflow: hidden;margin-bottom: 6px;text-align: justify;}

.relateNews .list li .time{float: left;width: 412px;color: #999999;font-family: arial;line-height: 18px;}

.relateNews .list li:hover h3{color: #0195df;}

.relateNews .gridlist{width: 106%;}

.relateNews .prolist{padding-left: 3px;}

/*aboutPage*/

.aboutPage{width: 1200px;margin: 0 auto;background: #fff;color: #666;line-height: 30px;text-align: justify;}

.aboutPage .txtcon{min-height: 460px;}

.aboutPage .txtcon img{max-width: 100%;}

.aboutPage .txtcon .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}

.aboutPage .txtcon .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}

.aboutPage .txtcon .box3 b{color: #0195df;}

.productPage{overflow: hidden;position: relative;}

.productPage .gridlist,.productPage .marketList{width: 105%;}

/*news_ul*/

.news_ul{width:1200px;margin:0 auto;padding-top: 12px;}

.news_ul li{padding: 30px 0;border-bottom: 1px solid #eaeaea;position:relative;}

.news_ul li:first-child {padding-top: 0;}

.news_ul li .box1{width: 253px;height: 190px;overflow: hidden;}

.news_ul li .box1 img{width: 253px;height: 190px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.news_ul li .box2{padding-left: 42px;width: 759px;padding-top: 30px;}

.news_ul li .box2 h1{font-size: 20px;color: #333;height: 26px;line-height: 26px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.news_ul li .box2 p{color: #999;line-height: 24px;padding-top:10px;height: 75px;}

.news_ul li .box2 span{font-size: 12px; color: #999;}

.news_ul li .right{padding-right: 15px;padding-top: 55px;text-align: center;}

.news_ul li .right h3{font-size: 36px;color: #999;}

.news_ul li .right p{font-size: 24px; color: #bbb; padding-top:10px;}

.news_ul li a{display: block; cursor: pointer; width: 100%; height: 100%;}

.news_ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_ul li a:hover h1{color: #0195df;text-indent: 10px;}

.news_ul li b{display:block; width:100px; height:30px; border:#ccc solid 1px; text-align:center; line-height:30px; font-weight:normal; position:absolute; right: 12px;top: 161px;}

/*showNews*/

.showNews{width: 1200px;margin: 0 auto;}

.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 .showContxt{padding: 0 0 30px;color: #666;line-height: 30px;text-align: justify;}

.showNews .showContxt img{max-width: 100%;}

.shareNew{padding-bottom: 25px;}

/*showProduct*/

/*****showProduct****/

.showProduct .showImg{position:relative;padding-bottom: 40px;}

.showProduct .photo{width: 502px;position: relative;height: 450px;}

.showProduct .photo .jqzoom{width: 502px;height: 450px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}

.showProduct .photo .zoomdiv{z-index: 999;position: absolute;top: 0px;left: 0px;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;}

.showProduct .photo .jqZoomPup{z-index: 999;visibility: hidden;position: absolute;top: 0px;left: 0px;border: 1px solid #eee;background: #fff;opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;filter: alpha(opacity=50);}

.showProduct .photo .img{width: 500px;height: 375px;display: block;}

.showProduct .photo .bigimg{width: 500px;height: 375px;border: 1px solid #eee;display: block;position: relative;overflow: hidden;}

.showProduct .photo .bigimg .list{width: 1000%;position: relative;}

.showProduct .photo .bigimg .list li{width: 500px;height: 375px;float: left;}

.showProduct .photo .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;}

.showProduct .photo .photoimg{width: 500px;height: 56px;padding: 10px 0;position: absolute;left: 0;bottom: 0;}

.showProduct .photo .photoimg .list{width: 424px;overflow: hidden;position: relative;margin: 0 auto;}

.showProduct .photo .photoimg .listcon{width: 300%;position: relative;}

.showProduct .photo .photoimg .listcon li{width: 74px;height: 56px;cursor: pointer;display: block;float: left;margin-right: 12px;}

.showProduct .photo .photoimg .listcon li img{border: 2px solid #fff;width: 70px;height: 52px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.showProduct .photo .photoimg .listcon li:hover img,

.showProduct .photo .photoimg .listcon li.on img{border-color: #3bb79b;}

.showProduct .photo .photoimg .prev,

.showProduct .photo .photoimg .next{width: 20px;height: 56px;z-index: 10;position: absolute;top: 10px;cursor: pointer;background: #f3f3f3 url(../images/show-pro-btn.png) no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.showProduct .photo .photoimg .prev:hover,

.showProduct .photo .photoimg .next:hover{background-color: #ddd;}

.showProduct .photo .photoimg .prev{left: 0px;background-position: 5px center;}

.showProduct .photo .photoimg .next{right: 0px;background-position: -67px center;}

.showProduct .imgtxtcon{width: 698px;float: left;}

.showProduct .imgtxtcon .tit{font-size: 24px;color: #000;padding: 0 25px 5px;line-height: 30px;}

.showProduct .imgtxtcon .line{width: 55px;height: 3px;background: #0195df;display: block;margin: 14px 0 16px 25px;}

.showProduct .imgtxtcon .xuanx{color: #666;padding-left: 25px;font-size: 15px;line-height: 28px;height: auto;margin-bottom: 20px;}

.showProduct .imgtxtcon .tit2{color: #666;padding-left: 25px;font-size: 15px;line-height: 28px;height: auto;margin-bottom: 20px;}

.showProduct .imgtxtcon .tit2 span{word-break: break-word;}

.showProduct .imgtxtcon .tit2 strong{color: #333;}

.showProduct .imgtxtcon .txt2{line-height: 24px;height: 120px;overflow: hidden;margin-left: 25px;margin-bottom: 20px;}

.showProduct .imgtxtcon .txt2 strong{display: block;color: #333;margin-bottom: 3px;}

.showProduct .imgtxtcon .txt3{margin-left: 25px;height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 15px;}

.showProduct .imgtxtcon .txt3 strong{color: #333;}

.showProduct .imgtxtcon .txt{padding: 10px 25px 14px;line-height: 35px;background: #f1f1f1;}

.showProduct .imgtxtcon .tel{margin-left: 25px;border-top: 1px dotted #ddd;padding: 20px 0;}

.showProduct .imgtxtcon .tel span{color: #000;display: block;}

.showProduct .imgtxtcon .tel strong{display: block;font-family: impact;color: #0195df;font-weight: normal;font-size: 40px;height: 46px;line-height: 46px;}

.showProduct .imgtxtcon .btns{position: absolute;bottom: 50px;}

.showProduct .imgtxtcon .btn1,.showProduct .imgtxtcon .btn2{float: left;margin-right: 20px;font-size: 16px;width: 135px;height: 38px;line-height: 38px;margin-left: 25px;text-align: center;color: #fff;}

.showProduct .imgtxtcon .btn1:hover,.showProduct .imgtxtcon .btn2:hover{background: #444;}

.showProduct .imgtxtcon .btn1{background: #0195df;}

.showProduct .imgtxtcon .btn2{text-align: center;margin-right: 0;margin-left: 0;background: #3bb79b;}

.showProduct .showp_txt{padding-bottom: 20px;}

.showProduct .showp_txt table{width:100%!important;}

.showProduct .showContxt{padding: 0 0 30px;color: #666;line-height: 28px;text-align: justify;}

.showProduct .showContxt img{max-width: 100%;}

/*formData*/

.formData{padding-bottom: 20px;}

.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}

.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}

.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}

.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}

.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}

.formData .item.mr0{margin-right: 0;}

.formData .msg-box{position: absolute; left: 0; top: 0px;}

.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}

.formData .liuyan label{text-align: right; display: block;}

.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}

.formData .bot{width: 100%;}

.formData .sub{width: 232px;line-height: 46px;border: 2px solid #0195df;margin-right: 2px;text-align: center;background: #0195df;color: #FFF;cursor: pointer;font-size: 18px;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;}

.formData .sub:hover{background: none;color: #0195df;}

.formData .yzm{width: 432px;}

.formData .yzm .txt{padding-left: 80px;}

.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}

/*searchPage*/

.searchPage{overflow: hidden;}

.searchPage ul{width: 105%;}

.searchPage .item{width: 280px;height: 274px;float: left;margin: 0 25px 30px 0;background: #fff;position: relative;overflow: hidden;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;transition: all ease 300ms;background: #fff;}

.searchPage .item .bg{position: absolute;width: 280px;padding-top: 86px;height: 124px;left: -280px;top: 0;z-index: 10;background: url(../images/red80.png) repeat 0 0;text-align: center;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: #333;}

.searchPage .item:hover .bg{left: 0;}

/********toolbar*********/

.toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}

.toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}

.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}

.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}

.toolbar dd.gottop{display: none;}

.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}

.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #0195df;display: none;}

.toolbar .pop-code{width: 160px;}

.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}

.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}

.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}

.toolbar .qq span{background-position: -35px -47px;}

.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}

.toolbar .qq:hover{background-color: #0195df;border-radius: 100%;}

.toolbar .qq:hover span{background-position: 0 -47px;}

.toolbar .tel span{background-position: -35px 0;}

.toolbar .tel:hover{background: #0195df;}

.toolbar .tel:hover span{background-position: 0 0;}

.toolbar .code span{background-position: -35px -95px;}

.toolbar .code:hover{background-color: #0195df;border-radius: 100%;}

.toolbar .code:hover span{background-position: 0 -95px;}

.toolbar .top span{background-position: -35px -142px;}

.toolbar .top:hover{background-color: #0195df;border-radius: 100%;}

.toolbar .top:hover span{background-position: 0 -142px;}

.toolbar dd:hover{}

span.bds_more,.bds_tools a{line-height: 14px !important;}

/************** * Animations for content elements * **********/

/* 滞后*/

.delay100{-webkit-animation-delay: 100ms;animation-delay: 100ms;}

.delay200{-webkit-animation-delay: 200ms;animation-delay: 200ms;}

.delay300{-webkit-animation-delay: 300ms;animation-delay: 300ms;}

.delay400{-webkit-animation-delay: 400ms;animation-delay: 400ms;}

.delay500{-webkit-animation-delay: 500ms;animation-delay: 500ms;}

.delay600{-webkit-animation-delay: 600ms;animation-delay: 600ms;}

.delay700{-webkit-animation-delay: 700ms;animation-delay: 700ms;}

.delay800{-webkit-animation-delay: 800ms;animation-delay: 800ms;}

.delay900{-webkit-animation-delay: 900ms;animation-delay: 900ms;}

.delay1000{-webkit-animation-delay: 1000ms;animation-delay: 1000ms;}

.delay1100{-webkit-animation-delay: 1100ms;animation-delay: 1100ms;}

.delay1200{-webkit-animation-delay: 1200ms;animation-delay: 1200ms;}

.delay1300{-webkit-animation-delay: 1300ms;animation-delay: 1300ms;}

.delay1400{-webkit-animation-delay: 1400ms;animation-delay: 1400ms;}

.delay1500{-webkit-animation-delay: 1500ms;animation-delay: 1500ms;}

.delay1600{-webkit-animation-delay: 1600ms;animation-delay: 1600ms;}

.delay1700{-webkit-animation-delay: 1700ms;animation-delay: 1700ms;}

.delay1800{-webkit-animation-delay: 1800ms;animation-delay: 1800ms;}

.delay1900{-webkit-animation-delay: 1900ms;animation-delay: 1900ms;}

.delay2000{-webkit-animation-delay: 2000ms;animation-delay: 2000ms;}

.delay2100{-webkit-animation-delay: 2100ms;animation-delay: 2100ms;}

.delay2200{-webkit-animation-delay: 2200ms;animation-delay: 2200ms;}

.delay2300{-webkit-animation-delay: 2300ms;animation-delay: 2300ms;}

.delay2500{-webkit-animation-delay: 2500ms;animation-delay: 2500ms;}

.delay2700{-webkit-animation-delay: 2700ms;animation-delay: 2700ms;}

.delay2900{-webkit-animation-delay: 2900ms;animation-delay: 2900ms;}

.delay3000{-webkit-animation-delay: 3000ms;animation-delay: 3000ms;}

.delay4000{-webkit-animation-delay: 4000ms;animation-delay: 4000ms;}

.delay4500{-webkit-animation-delay: 4500ms;animation-delay: 4500ms;}

.delay5000{-webkit-animation-delay: 5000ms;animation-delay: 5000ms;}

.onactive .animated{-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.active .animated.fast{-webkit-animation-duration: .5s;animation-duration: .5s;}

.onactive .flyInDown{-webkit-animation-name: flyInDown;animation-name: flyInDown;}

@-webkit-keyframes flyInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);}

100%{opacity: 1;-webkit-transform: translateY(0);}}

@keyframes flyInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}

100%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}

.onactive .flyInRight{-webkit-animation-name: flyInRight;animation-name: flyInRight;}

@keyframes flyInRight{0%{opacity: 0;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}

100%{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}

.onactive .flyInUp{-webkit-animation-name: flyInUp;animation-name: flyInUp;}

@keyframes flyInUp{0%{opacity: 0;-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}

100%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}

.onactive .flyInLeft{-webkit-animation-name: flyInLeft;animation-name: flyInLeft;}

@-webkit-keyframes flyInLeft{0%{opacity: 0;-webkit-transform: translateX(-200px);}

100%{opacity: 1;-webkit-transform: translateX(0);}}

@keyframes flyInLeft{0%{opacity: 0;-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px);}

100%{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}

.onactive .opacityI{-webkit-animation-name: zoomIn;animation-name: zoomIn;}

@-webkit-keyframes opacityI{0%{opacity: 0;}

50%{opacity: 1;}}

@keyframes opacityI{0%{opacity: 0;}

50%{opacity: 1;}}

.onactive .shake{-webkit-animation-name: shake;animation-name: shake;-webkit-animation-delay: 6s;animation-delay: 6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}

@keyframes shake{0%{transform: translateX(0);}

10%, 30%, 50%, 70%, 90%{transform: translateY(-10px);}

20%, 40%, 60%, 80%{-transform: translateY(6px);}

100%{transform: translateY(0);}}

@-webkit-keyframes shake{0%{-webkit-transform: translateX(0);}

10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-10px);}

20%, 40%, 60%, 80%{-webkit-transform: translateY(6px);}

100%{-webkit-transform: translateY(0);}}

@-moz-keyframes shake{0%{-moz-transform: translateX(0);}

10%, 30%, 50%, 70%, 90%{-moz-transform: translateY(-10px);}

20%, 40%, 60%, 80%{-moz-transform: translateY(6px);}

100%{-moz-transform: translateY(0);}}

@-o-keyframes shake{0%{-o-transform: translateX(0);}

10%, 30%, 50%, 70%, 90%{-o-transform: translateY(-10px);}

20%, 40%, 60%, 80%{-o-transform: translateY(6px);}

100%{-o-transform: translateY(0);}}

@-ms-keyframes shake{0%{-ms-transform: translateX(0);}

10%, 30%, 50%, 70%, 90%{-ms-transform: translateY(-10px);}

20%, 40%, 60%, 80%{-ms-transform: translateY(6px);}

100%{-ms-transform: translateY(0);}}

.onactive .zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}

@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

50%{opacity: 1;}}

@keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);-ms-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

50%{opacity: 1;}}

@-webkit-keyframes scaleIn{0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

50%{opacity: 1;-webkit-transform: scale(1.02);transform: scale(1.02);}}

@keyframes scaleIn{0%{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

50%{opacity: 1;-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}}

.online-zx{width: 0;background: #202020;height: 50px;line-height: 50px;padding-left: 50px;position: fixed;left: 0;bottom: 200px;color: #fff;}

.online-zx s{width: 50px;height: 50px;cursor: pointer;display: block;position: absolute;left: 0;top: 0;background: url(../images/zx-ico.png) no-repeat 8px center;}

.online-zx a{width: 100%;height: 50px;display: block;color: #fff;}

.online-zx.show{width: 0;background: #d3ad89;width: 98px;}

.online-zx.show s{background-position: -35px center;}

.BMap_bubble_content{line-height: 20px;}

/* Underline From Center2*/

.hvr-underline-from-center1{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-center1:before{content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: -1px;background:#2449a4;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-center1:hover:before,

.hvr-underline-from-center1.hover:before,

.hvr-underline-from-center1:focus:before,

.hvr-underline-from-center1:active:before{left: 0;right: 0;}

.hvr-underline-from-center1:hover,

.hvr-underline-from-center1.hover{*height: 43px;*border-bottom: 3px solid #0195df;*line-height: 43px;}

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