/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
body{ font-family: "微软雅黑"; background:#fff; overflow-x: hidden;}
ul,li,ol{ list-style:none}
a{ text-decoration:none !important; cursor:pointer !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding:auto;}
.no-margin{ margin:0 !important;}
.no-padding{ padding:0 !important;}
.container-fluid{ max-width:1200px !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

/*手机底部*/
.hot{width:100%; height:58px; 
	background:#0157e0; 
	position:fixed; bottom:0; left:0; 
	z-index:99; border-top:solid 2px #c3c3c3;
}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row>div.text-center{ border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }




/*header*/
header{ background:#fff; width:100%; display:block; float:left; z-index:999 !important;}
.heade1{ width:100%; display:block; float:left;}
.heade1 .topbar{width:100%; float:left; display:block; background:#fff;padding:10px 0;}
.heade1 .topbar .logo{ width:280px;}
.heade1 .topbar .logobar{ margin-left:20px; margin-top:5px;}
.heade1 .topbar .logobar strong{font-size:24px; color:#333; font-weight:bold;}
.heade1 .topbar .logobar span{ display:block; font-size:15px; color:#a5a5a5;letter-spacing: 4px;}
.heade1 .topbar .logobar:before{content: '';width: 1px; height: 56px;background: #bfbfbf;margin-right: 20px;display: block; float: left;}
.heade1 .topbar .tel{ width:240px; font-size:14px; color:#000; margin-top:7px;}
.heade1 .topbar .tel span{ width:42px; height:42px; display:block; float:left; background:url(../images/844.png) no-repeat; background-size:100% 100%; margin-top:4px; margin-right:8px;}
.heade1 .topbar .tel b{ display:block; font-family:Impact; font-size:28px; color:#ff0000; float:left; line-height:1;}

.heade2{width:100%; display:block; float:left; background:#004ba2;}
.heade2 .nav{ width:100%; display:block; float:left;}
.heade2 .nav .nav-ul{ width:100%;}
.heade2 .nav .nav-ul>li{ width:12.5%; text-align:center; display:block; float:left; line-height:45px; font-size:15px; background: url(../images/libg.png) no-repeat 100% 50%; padding:0 2px 0 0; position:relative;}
.heade2 .nav .nav-ul>li a{ color:#fff; display:block;transition:all 0.4s;}
.heade2 .nav .nav-ul>li.active a{ background:#0162d5;}
.heade2 .nav .nav-ul>li:hover a{ background:#0162d5;}

.heade2 .nav .nav-ul>li:hover .navmenu{}
.heade2 .nav .nav-ul>li .navmenu{ width:100%; height:0; padding-left:5px; padding-right:5px;display:block; float:left; margin:0; position:absolute; top:45px; left:0; z-index:99; background:#004ba2; overflow:hidden;}
.heade2 .nav .nav-ul>li .navmenu li{ width:100%;padding:0; background:#004ba2; text-align:center; margin-bottom:5px;}
.heade2 .nav .nav-ul>li .navmenu li a{ display:block; padding:0; line-height:36px; background:#004ba2; color:#fff; transition:all 0.5s;}
.heade2 .nav .nav-ul>li .navmenu li:hover a{background: #0178ff;color: #fff;}


.banner{ width:100%; display:block; float:left;}
.banner .banpc{ max-width:1920px; margin:0 auto; display:block; overflow:hidden; position:relative;}
.banner .mban{max-width:1200px; margin:0 auto; display:none; overflow:hidden; position:relative;}


.main{ margin:20px 0; width:100%; display:block; float:left;}
.bg1{ background:url(../images/bg-3.jpg) no-repeat 50% 50%; background-size:cover; padding: 20px 0; margin-top:0;}

.pic ul li{ width:25%; height:100px; float:left; padding:0 10px;}
.pic ul li a{ position:relative; display:block; width:100%; height:100%; border:1px solid #cdcdcd; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 0.4s; -ms-transition:all 1s; -o-transition:all 1s; background:#fff;}
.pic ul li a img{ position:absolute; top:13%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); width:32%;}

.pic ul li a img.img1{ opacity:1; transition:all 1s;}
.pic ul li a img.img1-1{ opacity:0;transition:all 1s;}
.pic ul li:hover a img.img1{opacity:0;}
.pic ul li:hover a img.img1-1{ opacity:1;}

.pic ul li a .pic-desc{ position:absolute; bottom:14%; width:100%; text-align:center;}
.pic ul li a .pic-desc h4{ margin:0; font-size:18px; color:#333; line-height:30px;}
.pic ul li a .pic-desc p{ margin:0; font-size:14px; color:#8d8d8d; line-height:20px;}

.pic ul li:hover a{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); background:#004ca2;}
.pic ul li:hover a .pic-desc h4, .pic ul li:hover a .pic-desc p{ color:#fff;}


.index_title{width: 100%;}
.index_title .title_txt{text-align: center;}
.index_title .title_txt a{display: block;}
.index_title .title_txt .title_font{display: inline-block;padding: 0 5px;margin: 0px;font-size: 24px;color: #262626;line-height: 30px;}
.index_title .title_txt h3{color: #a9a9a9;font-size: 30px;margin: 0;line-height: 30px;text-align: center;}

.search{position:relative;max-width:435px;width:100%;margin:20px auto;padding-right:39px;}
.search input{display:block;width:100%;padding:0;height:35px;line-height:33px;border:1px solid #a9a9a9;border-right:none; padding-left:5px;}
.search button{position:absolute;top:0;right:0;width:39px;height:35px;border:none;padding:0;background:url("../images/scale.png") no-repeat 50% 50%;background-size:cover;}


.maxwidth{ max-width:1920px; margin:0 auto; display:block;}
.ma2{ margin-top:0;}
.pro1{width:100%; display:block; float:left;}

.tab{text-align: center;}
.tab .tab_list{position: relative;margin: 0;display: inline-block;}
.tab .tab_list li{width: 115px;margin: 2px 0;border-right:1px solid #014ba2;display: inline-block;}
.tab .tab_list li a{transition: all 0.3s;display: block;height: 40px;font-size: 16px;color: #fff;background: #016be6;line-height: 40px;text-align: center;}
.tab .tab_list li:hover a{background: #014ba2}
.tab .tab_list li.active a{background: #014ba2}
.tabBox{ width:100%; display:block; float:left;}
.tabBox .tab_box{ overflow:auto;}

.tab_box .pro_list{ padding:10px;}
.tab_box .top_border{display: block;transition: all 0.3s;border: 1px solid #bebaba;-webkit-box-shadow: 0 1px 2px 0px #7a7a7a;-moz-box-shadow: 0 1px 2px 0px #7a7a7a;box-shadow: 0 1px 2px 0px #7a7a7a;}
.tab_box .top_border:hover{ border-color:#0076fe;}
.tab_box .top_border h4{color: #000;transition: all 0.3s;margin-top: 5px !important;font-size: 16px;text-align: center;width: 100%;line-height: 30px;background: #fff;}
.tab_box .top_border .pro_img{padding: 4px;overflow: hidden;transition: all 0.3s;}
.tab_box .top_border .pro_img .img{position: relative;width: 100%;display: block;height: 100%;transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s;overflow: hidden;}
.tab_box .top_border .pro_img .img .mask{position: absolute;top:-100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);text-align: center;transition: all 0.5s;}
.tab_box .top_border .pro_img .img .mask .maskbox{position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.tab_box .top_border .pro_img .img .mask .maskbox i.fdj{display: inline-block;text-align: center; width:20%}
.tab_box .top_border .pro_img .img .mask .maskbox span{display: block;font-size:14px; line-height:21px;color: #fff;}

.tab_box .top_border:hover .mask{top: 0 !important;}
.tab_box .top_border:hover .pro_img{border-color: #016be6 !important;}
.tab_box .top_border:hover .pro_img .img{border-color: #016be6 !important; transform:scale(1.1); -webkit- transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}

.ma3{ margin:0;}
.pro-more{text-align: center;background:#003e86;padding-bottom:20px;}
.pro-more .more{background:#004ba2;padding:20px 0;}
.pro-more a{display: inline-block;padding: 6px 25px;font-size: 14px;color: #fff;border: 1px solid #fff;border-radius: 2px;transition: all 0.5s;}



/*about us*/
.bg2{padding: 20px 0; margin-top:0; background:url(../images/bg-1.jpg) no-repeat 50% 50%; background-size:cover;}

.about_cont{ width:100%; display:block; float:left; margin-top:30px;}
.about_cont .about_img{ overflow:hidden}
.about_cont .about_img img{ transition:all 1s;}
.about_cont .about_img img:hover{ transform:scale(1.1);}
.about_cont .about_txt{}
.about_cont .about_txt h3{ font-size:14px; line-height:25px; color:#004ba2; margin-bottom:10px;}
.about_cont .about_txt p{ font-size:14px; line-height:24px; color:#333; text-indent:2em;}
.about_cont .about_txt a.btn{ margin-top:5px; margin-bottom:5px;}

/*partner*/

.par1{ width:100%; display:block; float:left; overflow:hidden; margin-top:15px; margin-bottom:10px;}
.par1 a{ display:block; width:100%; overflow:auto; padding:5px;}
.par1 .par_img{border:1px solid #dfdfdf; padding:2px; background:#fff; overflow:hidden;}
.par1 .par_img .par_imgbox{ position:relative; width:100%; display:block; overflow:hidden;}
.par1 .par_img .par_imgbox .par_top{ padding-top:92%;}
.par1 .par_img .par_imgbox img{ width:100%; transition:all 0.4s;}
.par1 .par_img .par_imgbox:hover img{ transform:scale(1.1);}
.par1 .par_txt{ text-align:center; font-size:14px; line-height:21px; color:#262626; margin-top:8px; opacity:0; transition:all 0.5s;}
.par1 a:hover .par_txt{ opacity:1;}

.par1 .par_img .mask{position: absolute;bottom:-100%;left: 0;width: 100%;height: 100%;background: rgba(10, 68, 137, 0.6);text-align: center;transition: all 0.5s;}
.par1 .par_img .mask .maskbox{position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.par1 .par_img .mask .maskbox i.fdj{display: inline-block;text-align: center; width:20%}
.par1 .par_img .mask .maskbox span{display: block;font-size:16px; line-height:21px;color: #fff;}
.par1 .par_img:hover .mask{bottom: 0 !important;}
.par1 .par_img:hover .pro_img{border-color: #016be6 !important;}
.par1 .par_img:hover .pro_img .img{border-color: #016be6 !important; transform:scale(1.1); -webkit- transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}




.more2{text-align: center;width:100%; display:block; float:left;}
.more2 .more{}
.more2 a.btn{ padding:8px 30px;}


.bg3{ background:url(../images/bg-2.jpg) no-repeat 50% 50%; background-size:cover;padding: 20px 0; margin-top:0; margin-bottom:0;}

.title2{ width:100%; display:block; float:left; margin-bottom:10px;}
.title2 span{display: inline-block;font-size: 25px;color: #262626;line-height: 36px;padding-right: 5px;}
.title2 strong{display: inline-block;font-size: 25px; color: #8d8d8d; line-height: 36px;font-weight: normal;}

.zlxz{ padding:8px;}
.zlbox{ width:100%; display:block; float:left;}
.zlbox .img{ margin-bottom:10px; overflow:hidden; width:100%; display:block; float:left;}
.zlbox .img a{ display:block; height:180px; width:100%; transition:all 1s;}
.zlbox .img a:hover{ transform:scale(1.1);}
.zlbox ul{ width:100%; display:block; float:left;}
.zlbox ul li{ font-size:14px; line-height:36px;}
.zlbox ul li a{ color:#262626;}
.zlbox ul li a:hover{ color:#004ba2;}
.zlbox ul li span{ width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; text-align:left;}
.zlbox ul li b{ width:25%; text-align:right; font-weight:normal; float:right;}


.xwzx{padding:8px;}
.xwzxbox{ width:100%; display:block; float:left;}
.xwzxbox .new-list{ margin-bottom:15px; position:relative; width:100%; float:left; display:block;}
.xwzxbox .new-list .imgbox{ float:left; width:148px; height:110px; overflow:hidden; padding:3px; border:1px solid #cdcdcd;}
.xwzxbox .new-list .imgbox a{ display:block; width:100%; height:100%; border:1px solid #cdcdcd; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}
.xwzxbox .new-list .imgbox a:hover{ transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.xwzxbox .new-list .new_right{ padding-left:160px;}
.xwzxbox .new-list .new_right h2{position: relative;margin: 0px 0 0 0 !important;padding-right: 70px;font-size: 16px;border-bottom: 1px dashed #b2b2b2;}
.xwzxbox .new-list .new_right h2 a{display: block;width: 100%;padding-bottom: 5px;color: #262626; line-height: 28px;transition: all 0.4s;}
.xwzxbox .new-list .new_right h2 .time{position: absolute;top: 0;right: 0;display: block;line-height: 28px;font-size: 14px;color: #262626;}
.xwzxbox .new-list .new_right p{transition: all 0.4s;height: 55px;overflow: hidden; margin: 5px 0 0;}
.xwzxbox .new-list .new_right p a{display: block;font-size: 14px; transition: all 0.4s; color: #4b4b4b;line-height: 21px; text-indent: 2em;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.xwzxbox .new-list .new_right a.more{ color:#333; text-transform:uppercase;text-decoration:underline !important}
.xwzxbox .new-list .new_right a.more:hover{ color:#004ba2;}
.xwzxbox .new-list .new_right a:hover{color:#004ba2;}


.bg4{ background:url(../images/1333.jpg) no-repeat 50% 50%; background-size:cover;padding: 20px 0; margin-top:0; margin-bottom:0;}
.bg4 .title_txt .title_font{color: #fff;}
.bg4 .title_txt h3{color: #fff;}

.contact{background: rgba(255,255,255,0.5); padding:25px 15px;margin-top: 30px;}
.contact h3{ font-size:16px; line-height:36px; color:#000;}

.contact .contact-info{}
.contact .contact-info .contqq{}
.contact .contact-info .contqq span{float: left; padding: 0 5px;}
.contqq .qq1{ width:33.3%; display:block; float:left;}
.contqq .qq1 .sp1{ display:inline-block; float:left;}
.contqq .qq1 .sp1 i{ width:32px; height:34px; display:block; float:left; background:url(../images/q.png) no-repeat; background-size:100% 100%;}
.contqq .qq1 .sp1 b{ width:95px; height:32px; display:block; float:left; background:url(../images/qb.png) no-repeat; background-size:100% 100%; text-align:center; color:#fff; font-size:14px; line-height:32px; font-weight:normal;}
.contqq .qq1 .sp2{ display:block; font-size:14px; line-height:24px; color:#262626; margin-top:14px;}

.contact .contact-info ul{ font-size:15px; line-height:30px; color:#000; margin-top:10px; margin-bottom:10px;}
.contact .contact-info .ewm{ width:100%; display:block; float:left; margin-top:23px;}
.contact .contact-info .ewm .ewm-1{ float:left; padding:0 5px; width:24%; text-align:center; margin:0 auto;}
.contact .contact-info .ewm .ewm-1 img{ text-align:center; margin:0 auto;}
.contact .contact-info .ewm .ewm-1 span{ font-size:14px; line-height:26px; color:#000;}

.foobg{ background:#004ba2; color:#fff; width:100%; display:block; float:left;}
.foobg a{ color:#fff;}
.foobg .foot{ padding:0; display:inline-block;}
.foobg .foot ul li{ display:inline-block;line-height: 50px;font-size: 14px;color:#fff;}
.foobg .foot ul li a{float: left;line-height: 50px;font-size: 14px; color: #fff; margin:0 5px;}
.foobg .copy{padding:0; display:inline-block;text-align:right; line-height: 50px;font-size: 14px;color: #fff; float:right;}




.aside{ display:block; width:21%;overflow:hidden;}
.aside .aside-type{width:100%; }
.aside .aside-type .aside-top{ background:#004ba2; border-top:5px solid #003f86;}
.aside .aside-type .aside-top .aside-top1{text-align:center; color:#fff;line-height:50px; font-size:22px;font-weight:normal;}

.aside .aside-type .accordion {width: 100%;margin-top:5px; color:#000;}
.aside .aside-type .accordion>li{ margin-bottom:5px;}
.aside .aside-type .accordion .link{text-align:center;cursor: pointer;display: block;line-height:45px;color: #000;font-size: 16px;position: relative; }
.aside .aside-type .accordion .link a{ display:block; width:100%;font-size: 16px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background:#0198ff;color: #fff;}
.aside .aside-type .accordion .link:hover a{background: #004ba2; color:#fff;}
.aside .aside-type .accordion li.open .link a{background: #004ba2; color:#fff}

.aside .aside-type .accordion .link a>span{ width:50%; display:block; margin:0 auto; text-align:left}
.aside .aside-type .accordion .link i{ width:10px; height:16px; display:block; float:left; background:url(../images/1548-1.png) no-repeat; margin-top:12px; margin-right:10px;	-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.aside .aside-type .accordion .link:hover i{background:url(../images/1548-1.png) no-repeat;}
.aside .aside-type .accordion li.open .link i{background:url(../images/1548-1.png) no-repeat;}
.aside .aside-type .submenu {display: none;font-size: 14px;}
.aside .aside-type .submenu li{}
.aside .aside-type .submenu a{display: block;text-decoration: none;background: #e4e4e4;line-height:45px; margin-top:5px;text-align:center;color:#000;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.aside .aside-type .submenu a:hover{background: #0198ff;color: #fff;}
.aside .aside-type .submenu span{width:50%; display:block; margin:0 auto; text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.aside .aside-type .submenu span i{width:10px; height:16px; display:block; float:left; background:url(../images/1548.png) no-repeat; margin-top:12px; margin-right:10px;	-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.aside .aside-type .submenu a:hover i{background:url(../images/1548-1.png) no-repeat;}

.aside .aside-bot{ width:100%; display:block; float:left;}
.aside .aside-bot .bot1{text-align:center; color:#fff;line-height:50px; font-size:22px;margin-bottom:4px;font-weight:normal;background:#004ca2; border-top:5px solid #003f86;}
.aside .aside-bot .bot2{ width:100%; display:block; float:left; background:#eeeeee; margin-top:4px; padding-bottom:15px;}
.aside .aside-bot .bot2 .bott{ width:100%; display:block; float:left; border-top:2px solid #003e86;}
.aside .aside-bot .bot2 .bott span{ width:100%; display:block; float:left; font-size:14px; line-height:25px; color:#333; padding:0 10px;}





.mains{ display:block; width:77%; overflow:hidden;}
.mains .mains-top{ width:100%; border-bottom:1px solid #cccccc; display:block; float:left; line-height:36px; font-size:14px; color:#000;}
.mains .mains-top>div{ display:inline-block;}
.mains .mains-top .mains-top-title{ float:left; display:block; color:#0198ff; position:relative;}
.mains .mains-top .mains-top-title span{ margin-left:5px; text-transform:uppercase;}
.mains .mains-top .mains-top-title b{ width:135px; height:1px; background:#0198ff; display:block; position:absolute; left:0; bottom:-1px;}
.mains .mains-top .mains-top-wz{ float:right; color:#b5b5b5;}
.mains .mains-top .mains-top-wz a{font-size:14px; color:#b5b5b5; margin-right:6px;}
.mains .mains-top .mains-top-wz a:last-child{ margin-right:0;}
.mains .mains-top .mains-top-wz a:hover{ color:#0198ff;}

.mains-content{ width:100%; display:block; float:left;}
.mains-content .pros_list{ padding:8px;}
.mains-content .pros_list .top_border{display: block;transition: all 0.3s;border: 1px solid #bebaba;}
.mains-content .pros_list .top_border .pro_img{padding:2px;overflow: hidden;}
.mains-content .pros_list .top_border .pro_img .img{position: relative;width: 100%;display: block;height: 100%;transition: all 1s;overflow: hidden;}
.mains-content .pros_list .top_border .pro_img:hover .img{ transform:scale(1.1);}
.mains-content .pros_list .top_border .pro_img .img .mask{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);text-align: center;transition: all 0.5s;}
.mains-content .pros_list .top_border .pro_img .img .mask .maskbox{position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.mains-content .pros_list .top_border .pro_img .img .mask .maskbox span{display: inline-block;font-size: 20px;color: #fff;padding-bottom: 5px;border-bottom: 1px solid #fff;margin-bottom: 7px;}
.mains-content .pros_list .top_border .pro_img .img .mask .maskbox strong{display: block;font-size: 25px;color: #fff;text-align: center;}
.mains-content .pros_list .top_border:hover .mask{top: 0 !important;}
.mains-content .pros_list .top_border:hover .pro_img{border-color: #016be6 !important;}
.mains-content .pros_list .top_border:hover .pro_img .img{border-color: #016be6 !important;}
.mains-content .pros_list .prot2{ width:100%; display:block; float:left; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; font-size:14px; line-height:36px; text-align:center;}
.mains-content .pros_list .prot2 a{ display:block; color:#333;}


.mains-content .pros_list .top_border .pro_img{padding:2px;overflow: hidden;	position:relative;}
.mains-content .pros_list .top_border .pro_img .bos{ width:100%; height:100%; position:absolute; bottom:-100%; left:0;background: rgba(10, 68, 137, 0.6); transition:all 0.3s;}
.mains-content .pros_list .top_border .pro_img:hover .bos{ bottom:0;}
.mains-content .pros_list .top_border .pro_img .bos .boss{ position:absolute; top: 50%; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mains-content .pros_list .top_border .pro_img .bos .boss span{ color:#fff; font-size:16px;}


.proda{ width:100%; display:block; float:left; margin-top:10px;}
.proda .proda-img{ width:100%; display:block; float:left;}
.proda .proda-img img{ display:block; margin:0 auto;}
.proda .proda-head{ display:block; width:100%; float:left; text-align:center; font-size:14px; line-height:36px; color:#333;}
.proda .proda-txt{ display:block; float:left; width:100%; font-size:15px; line-height:24px; color:#333;}
.proda .proda-title{ display:block; float:left; width:100%; font-size:28px; line-height:65px; color:#333; font-weight:bold;}

.file2{ width:100%; display:block; float:left; margin-top:10px;}
.file2 p{ font-size:14px; line-height:25px; color:#333; text-indent:2em;}

.datas2{ width:100%; display:block; float:left; margin-top:10px;}
.datas2 ul{ width:100%; display:block; float:left;}
.datas2 ul li{ font-size:14px; line-height:36px;}
.datas2 ul li a{ color:#262626;}
.datas2 ul li a:hover{ color:#0198ff;}
.datas2 ul li span{ width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; text-align:left;}
.datas2 ul li b{ width:25%; text-align:right; font-weight:normal; float:right;}


.news2{ width:100%; display:block; float:left; margin-top:10px;}
.news2 .news-list{ margin-bottom:15px; position:relative;}
.news2 .news-list .imgbox{ float:left; width:225px; height:151px; overflow:hidden; padding:3px; border:1px solid #cdcdcd;}
.news2 .news-list .imgbox .img{ display:block; width:100%; height:100%; border:1px solid #cdcdcd; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}
.news2 .news-list .imgbox .img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.news2 .news-list .new_right{ padding-left:235px;}
.news2 .news-list .new_right h2{position: relative;margin: 0px 0 0 0 !important;padding-right: 70px;font-size: 16px;color: #262626;}
.news2 .news-list .new_right h2 span{display: block;width: 100%; line-height: 28px;transition: all 0.4s;}
.news2 .news-list .new_right h2 .time{position: absolute;top: 0;right: 0;display: block;line-height: 28px;font-size: 14px;}
.news2 .news-list .new_right p{height:94px;margin-top:5px !important;font-size: 14px; transition: all 0.4s; color: #4b4b4b;line-height: 21px; text-indent: 2em; overflow:hidden;}
.news2 .news-list .new_right .more{ color:#333; text-transform:uppercase;text-decoration:underline !important}
.news2 .news-list .new_right .more:hover{ color:#004ba2;}
.news2 .news-list .new_right p:hover{ color:#004ba2;}
.news2 .news-list .new_right h2:hover{ color:#004ba2;}

.news2 .new2-head{margin-top:20px; margin-bottom:20px; font-size:18px; font-weight:bold; line-height:36px;}
.news2 .new2-head span{ display:block; text-align:center; font-size:14px; line-height:24px; font-weight:normal;}
.news2 .new2-img{ width:36%; display:block; float:left; overflow:hidden; text-align:center; border:1px solid #cdcdcd; margin-right:10px;}
.news2 .new2-img img{ display:block; width:100%; margin:0 auto;}
.news2 .new2-txt{font-size:14px; color:#333; line-height:22px; text-indent:2em;}

.mainage{width:100%; display:block; float:left; margin-top:20px;}
.mainage .label-1{ width:10%; display:block; float:left; text-align:center; font-size:14px; color:#333; font-weight:normal;}
.mainage .put-1{ width:36%; display:block; float:left;}
.mainage .put-2{ width:50%; display:block; float:left;}
.mainage h3{ font-size:16px; line-height:30px; color:#333; margin-bottom:20px;}
.mainage .form-group{ display:block; float:left; width:100%;}
.mainage .btn{border:1px solid #005ec7; background:#005ec7; color:#fff; font-size:15px; line-height:32px; border-radius:0; padding:0 15px; margin-left:10%;}

.conta2{width:100%; display:block; float:left; margin-top:20px;}
.conta2 .botts{width:100%; display:block; float:left;}
.conta2 .botts .bott2{ width:33.3%; display:block; float:left;}
.conta2 .botts .bott2 span{ width:100%; display:block; float:left; font-size:14px; line-height:25px; color:#333; padding:0 10px;}
.conta2 .ditus{width:100%; display:block; float:left; margin-top:15px;}




/*引导页*/
.guid{ width:100%; display:block; float:left;}
.guiding{ max-width:1920px; margin:0 auto; display:block; background:url(../images/g1.jpg) no-repeat 50% 50%; background-size:cover;}


.guistop{width:100%; display:block; float:left;}
.guistop .tel{ width:240px; font-size:14px; color:#000; margin-top:7px;}
.guistop .tel span{ width:42px; height:42px; display:block; float:left; background:url(../images/844.png) no-repeat; background-size:100% 100%; margin-top:4px; margin-right:8px;}
.guistop .tel b{ display:block; font-family:Impact; font-size:28px; color:#ff0000; float:left; line-height:1;}

.guidsbot{width:100%; display:block; float:left; text-align:center; margin-bottom:5%;}
.guidsbot span{ display:inline-block; width:120px; height:40px; overflow:hidden; border-radius:5px; overflow:hidden; font-size:14px; line-height:40px; margin-left:5px; margin-right:5px;}
.guidsbot span a{ color:#fff;}
.guidsbot .tb1{ background:url(../images/tb1.png) no-repeat; background-size:100% 100%;}
.guidsbot .tb2{ background:url(../images/tb2.png) no-repeat; background-size:100% 100%;}

.guids{ width:100%; display:block; float:left; overflow:hidden; margin-top:15%; margin-bottom:6%;}
.guids a{ display:block;width:100%; float:left; overflow:hidden;   
 }
.guids .guid_img{position:relative; display:block; width:100%; float:left;}
.guids .guid_img .guid_top{ padding-top:75%;}
.guids .guid_img img{ width:100%; height:100%; transition:all 1s;}

.guids .guid_img .mask{ width:100%; height:100%; display:block; position:absolute; top:-100%; left:0; background:rgba(0,0,0,0.5); transition:all 0.6s;}
.guids .guid_img .mask .maskbox{position: absolute;top: 50%;left: 50%;width: 100%;text-align:center;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.guids .guid_img .mask .maskbox h3{ display:inline-block; font-size:20px; color:#fff; padding-bottom:15px;}
.guids .guid_img .mask .maskbox span{ display:block; font-size:20px; color:#fff;}
.guids .guid_img .mask .maskbox span b{ width:30px; height:30px; text-align:center; line-height:24px; margin:0 auto; display:block; border:1px solid #fff; border-radius:50%;}
.guids .guid_img:hover .mask{ top:0 !important;}
.guids .guid_img:hover img{ transform:scale(1.1);}





/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 143px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:170px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}



/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}

/*---网站地图---*/

.map_main { overflow:hidden; margin:10px 0; padding-bottom:10px; background: #fff; }
.sitemap_con { width:100%; margin:0 auto; color:#666;}
.sitemap_con .map_top { border-bottom:solid 1px #ccc; }
.sitemap_con .map_top img { float:left;}
.site_r_link { width:120px; margin-top:45px;/*上边界根据需要进行调整*/ border:1px solid #cdcdcd; background:#F8F8F8; padding:5px 10px; float:right; } /*网站地图，显示方式样式，上边界根据需要进行调整*/
.site_plc { background:url(Img/ico27.gif) no-repeat 0 8px; padding:5px 0; text-indent:10px;}
.sitemap_con h4 { line-height:30px;}
.b4 { border:solid 1px #E0E0E0;}
.b4 ul { padding:0 11px;}
.b4 li { float:left ; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:30px; }
.b4 li a { color:#666;}
.b4 li a:hover { color:#FF7900;}