/* 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{margin:0;padding:0;font:14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,"lvetica Neue",Helvetica,Arial,sans-serif;color:#666}
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;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@font-face{font-family:'iconfont';src:url('font_1432720974_1547027.eot');src:url('font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('font_1432720974_1547027.woff') format('woff'),url('font_1432720974_1547027.ttf') format('truetype'),url('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(font_1432720974_1547027.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:60px; 
	background:#c60000; 
	position:fixed; bottom:0; left:0; 
	z-index:99; border-top:solid 2px #fff;
}
.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(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(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; }


.headeTopTitle{ position:relative; display:block; z-index:999 !important;}

/*header1*/
.header1{ width:100%;display:block; margin-bottom:10px;}
.header1 .topbar{ margin-top:16px;}
.header1 .topbar .logo{ width:380px;}
.header1 .topbar .logobar{ font-size:25px; margin-left:10px;color:#000; width:288px;}
.header1 .topbar .logobar:before{ content:''; width:1px; height:60px; background:#bfbfbf; margin-right:15px; display:block; float:left;}
.header1 .topbar .logobar span{}
.header1 .topbar .logobar .spa1{ display:block; font-size:16px;color:#cc0000;}
.header1 .topbar .logobar .spa2{ font-size:17px; display:block; color:#333; line-height:24px;}


.header1 .topbar .tel{ font-size:24px; line-height:42px; color:#000;}
.header1 .topbar .tel .spa4{ width:44px; height:44px; background:url(844.png) no-repeat; background-size:100% 100%; display:block; float:left; margin-right:8px;}
.header1 .topbar .tel .spa3{ display:block; width:auto; height:45px; float:left;}
.header1 .topbar .tel .spa3 i{ display:block; font-size:13px; line-height:17px;font-style:normal; color:#333}
.header1 .topbar .tel .spa3 b{ display:block; font-size:26px; line-height:30px; color:#cc0000;}


.head-nav{ width:100%; background:#c30102; display:block;}
.head-nav .nav{ background:#c30102;}
.head-nav .nav .nav-ul{ width:100%;display:block; float:left;}
.head-nav .nav .nav-ul>li{position:relative;text-align:center;float:left;width:14.2%; text-align: center; padding: 0px 2px 0 0; background:url(libg.png) no-repeat 100% 50%;}

.head-nav .nav .nav-ul>li>a{ color:#fff;display: block;padding: 0;line-height: 48px;font-size:17px;color: #fff; transition: all 0.5s;}

.head-nav .nav .nav-ul>li.active a{background:url(navbg.png) no-repeat 50% 50%; background-size:cover; color:#333; font-weight:bold;}
.head-nav .nav .nav-ul>li a:hover{background:url(navbg.png) no-repeat 50% 50%; background-size:cover; color:#333; font-weight:bold;}
.head-nav .nav .nav-ul>li:hover .navmenu{}
.head-nav .nav .nav-ul>li .navmenu{ width:100%; display:block; float:left; margin:0; padding-left:5px; padding-right:5px; position:absolute; top:48px; left:0; z-index:99; background:#c30102; overflow:hidden;}
.head-nav .nav .nav-ul>li .navmenu li{ width:100%; height:36px; padding:0; background:#c30102; text-align:center;}
.head-nav .nav .nav-ul>li .navmenu li a{ display:block; padding:0; line-height:36px; background:#c30102; color:#fff;font-size:12px; transition:all 0.5s;}
.head-nav .nav .nav-ul>li .navmenu li:hover a{background: #fa3030;font-size:12px;color: #fff;}


.banner{ width:100%;}
.banner .banpc{ max-width:100%; margin:0 auto; display:block; overflow:hidden; position:relative;}
.banner .banmedia{max-width:100%; margin:0 auto; display:none; overflow:hidden; position:relative;}

.mainhome{ margin:35px 0; overflow:hidden;}
.main{ margin:20px 0; overflow:hidden;}
.container-fluid{ max-width:1200px !important;}


.mbg-1{ background:#fff; margin-top:0; padding-top:30px;}

.main_title{width: 100%;}
.main_title .title_txt{text-align: center;}
.main_title .title_txt a{display: block;}
.main_title .title_txt .title_font{display: inline-block;padding: 0 5px;margin: 0px;font-size: 24px;color: #cc0000;line-height: 58px; position:relative;}
.main_title .title_txt .title_font span{ width:25px; height:3px; background:#cc0000; position:absolute; bottom:0; left:50%; 
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);}
.main_title .title_txt p{color: #b4b4b4;font-size:21px; line-height:36px;margin: 0;text-align: center; font-family:"MicrosoftYaHei"; font-weight:lighter;}

.product-img{ padding:15px 0 0 0; overflow:hidden}
.dir-flow-img { width:100%;height:100%;overflow:hidden; }
.dir-flow-img .swiper-slide {width:100%; overflow:hidden;margin-bottom:10px;}
.dir-flow-img .swiper-slide .fw_img{ width:100%; overflow:hidden; position:relative;}
.dir-flow-img .swiper-slide .fw_img img{ }
.dir-flow-img .swiper-slide .fw_img .fw_img_top{ padding-top:84.7584%;}
.dir-flow-img .swiper-slide a .fw_txt{font-size:12px; line-height:40px; background:#ebebeb; color:#333; width:100%;margin-top:10px; text-align:center;transition:all 0.8s;}/*首页产品推荐*/
.dir-flow-img .swiper-slide a:hover .fw_txt{background:#cc0000;color:#fff;}


.main_title2{width: 100%;}
.main_title2 .title_txt{text-align: center;}
.main_title2 .title_txt a{display: block;}
.main_title2 .title_txt .title_font{display: inline-block;padding: 0 5px;margin: 0px;font-size: 24px;color: #cc0000;line-height: 58px; position:relative;}
.main_title2 .title_txt .title_font span{ width:25px; height:3px; background:#cc0000; position:absolute; bottom:0; left:50%; 
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);}
.main_title2 .title_txt p{color:#b4b4b4;font-size:21px; line-height:36px;margin: 0;text-align: center; font-family:"MicrosoftYaHei"; font-weight:lighter;}

.aboutus{ width:100%; display:block; float:left; margin-top:20px;}
.aboutus .about_img{ height:350px; overflow:hidden;}
.aboutus .about_img img{ width:100%; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
.aboutus .about_img 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);}
.aboutus .about_txt{height:350px;}
.aboutus .about_txt h3{ font-size:20px; line-height:30px; color:#cc0000; font-weight:bold; margin-bottom:15px;}
.aboutus .about_txt .pbox{ height:290px; overflow:hidden;}
.aboutus .about_txt p{ font-size:14px; line-height:21px; color:#333; text-indent:2em; margin-bottom:10px;}
.aboutus .about_txt .btn{ border:1px solid #bfbfbf; font-size:15px; line-height:21px; padding:10px 27px; color:#666; border-radius:0; transition:all 0.5s;}
.aboutus .about_txt .btn:hover{ background:#cc0000; color:#fff; border-color:#cc0000;}


.pro-bg{ background:url(pro-bg.jpg) no-repeat 50% 50%; background-size:cover; padding-bottom:30px; margin-bottom:0;}
.pro2{ width:100%; display:block; float:left; overflow:hidden; margin-top:20px;}
.pro2 .swiper-container_pros{ overflow:hidden;}
.pro2-top{}
.pro2-top .ptli{ text-align:center;}
.pro2-top .ptli a{ display:block; padding:0; line-height:36px;font-size:12px;  color:#333;background:#fff; transition:all 0.5s;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #d0d0d0; border-top:2px solid #cc0000}
.pro2-top .ptli a:hover{ background:#cc0000; color:#fff;font-size:12px;}


#pro1-img { width:100%;height:100%; padding-top:22px;}
#pro1-img .swiper-slide {width:100%; overflow:hidden;}
#pro1-img .swiper-slide .fw_img{ width:100%; overflow:hidden; position:relative; border:1px solid #d0d0d0;}
#pro1-img .swiper-slide .fw_img .fw_img_top{ width:100%; height:100%;position:absolute; left:0; top:0; border:2px solid #fff;}
#pro1-img .swiper-slide .fw_img img{ transition:all 1s}
#pro1-img .swiper-slide .fw_img:hover img{ transform:scale(1.1);}
#pro1-img .swiper-slide .fw_img .fw_img_top1{ padding-top:75%;}
#pro1-img .swiper-slide a .fw_txt{ font-size:12px; line-height:40px; background:#ebebeb; color:#333; width:100%; text-align:center; margin-top:10px; transition:all 0.4s;}
#pro1-img .swiper-slide a:hover .fw_txt{ background:#cc0000; color:#fff;}

.pro-more{ width:100%; text-align:center; padding-top:30px;}
.pro-more a.btn{ border:1px solid #cc0000; color:#cc0000; font-size:15px; line-height:30px; border-radius:0; padding:0 15px;}


.pribg{ margin-top:0;}
.pribg .bg-1{ width:100%; height:20px; background:url(bg-1.png) no-repeat 50% 50%; background-size:cover;}
.pribg .pri-title{ margin-top:50px; margin-bottom:21px;}
.pribg .pri-title .bg-2{ text-align:center;}
.pribg .pri-title .bg-2 .img{ height:auto; max-width:100%; display:block; margin:0 auto;}

.prilist{ margin-top:15px;
    background: -webkit-linear-gradient(rgba(214,214,214,0.3), #fff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(214,214,214,0.3), #fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(214,214,214,0.3), #fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(214,214,214,0.3), #fff); /* 标准的语法（必须放在最后） */
}
.prilist>div{ padding:0;}
.prilist .pri-1{height:186px;}
.prilist .pri-1 .pimg-1{ width:33.33%; height:100%; float:left; display:block; padding:2px;}
.prilist .pri-1 a.img{ width:100%; height:100%; display:block; float:left;}
.prilist .pri-2{ padding-left:15px; padding-right:15px;}
.prilist .pri-2 .h2{ color:#edb200; font-size:25px; line-height:30px; font-weight:bold; margin-top:8px; margin-bottom:15px;}
.prilist .pri-2 .h3{ font-size:20px; line-height:25px; color:#000; font-weight:bold; margin-top:0;}
.prilist .pri-2 .h3 span{color:#edb200;}
.prilist .pri-2 .h4{ font-size:14px; line-height:21px; color:#333;}
.prilist .pri-1 .pimg-2{ width:66.66%;height:100%; float:left; display:block;}
.prilist .pri-1 .pimg-3{ width:33.33%;height:100%; float:left; display:block;}
.prilist .pri-1 .pimg-4{ width:100%;height:100%; float:left; display:block;}

.prilist:nth-child(3) .pri-1{ float:right;}
.prilist:nth-child(5) .pri-1{ float:right;}





.newlist{ width:100%; display:block; float:left; margin-top:25px; overflow:hidden;}
.newlist .newli{ padding:10px; display:block; float:left;}
.newlist .newli a{ width:100%; display:block; float:left;}
.newlist .newli .new-img{ width:25%; height:99px; display:block; float:left; overflow:hidden}
.newlist .newli .new-img span{ width:100%; height:100%; display:block; float:left; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;transition:all 1s; }
.newlist .newli .new-img span:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.newlist .newli .new-txt{width:75%; padding-left:15px;float:left; font-size:14px; line-height:30px;}
.newlist .newli .new-txt .new-title{ color:#333; transition:all 0.5s;}
.newlist .newli .new-txt .new-box{ color:#333; line-height:24px;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.5s;}
.newlist .newli .new-txt .new-sj{ font-size:14px; line-height:21px; margin-top:5px; color:#b6b6b6;transition:all 0.5s;}
.newlist .newli .new-txt:hover .new-title{ color:#cc0000}
.newlist .newli .new-txt:hover .new-box{ color:#cc0000}
.newlist .newli .new-txt:hover .new-sj{ color:#cc0000}
.newlist .new101{ height:242px; overflow:hidden;}

.newlist .new-more{ width:100%; display:block; text-align:center; float:left; padding-top:30px;}
.newlist .new-more a.btn{ border:1px solid #cc0000; color:#cc0000; font-size:15px; line-height:30px; border-radius:0; padding:0 15px;}




.caseimg{width:100%; display:block; float:left; margin-top:25px; overflow:hidden;}
.caseimg .case-img { width:100%;height:100%;overflow:hidden; }
.caseimg .case-img .swiper-slide {width:100%; overflow:hidden;margin-bottom:10px;}
.caseimg .case-img .swiper-slide .fw_img{ width:100%; overflow:hidden; position:relative; border:1px solid #dadada;}
.caseimg .case-img .swiper-slide .fw_img img{ }
.caseimg .case-img .swiper-slide .fw_img .fw_img_top{ padding-top:100%;}
.caseimg .case-img .swiper-slide .fw_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; border:1px solid #fff;}
.caseimg .case-img .swiper-slide .fw_img:hover .mask{ top:0;}
.caseimg .case-img .swiper-slide .fw_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%);}
.caseimg .case-img .swiper-slide .fw_img .mask .maskbox span{display:block;font-size:18px; line-height:36px;color: #fff; padding-bottom:10px;}
.caseimg .case-img .swiper-slide .fw_img .mask .maskbox strong.btn{display: inline-block;font-size:13px; line-height:21px; color: #fff;text-align: center; border:1px solid #fff; padding:3px 11px; border-radius:0;}





.caseimg .case-more{ width:100%; display:block; text-align:center; float:left; padding-top:30px;}
.caseimg .case-more a.btn{ border:1px solid #cc0000; color:#cc0000; font-size:15px; line-height:30px; border-radius:0; padding:0 15px;}



.bg-3{ background:url(bg-3.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom:0;}
.contac{width:100%; display:block; float:left; margin-top:25px; overflow:hidden; padding-bottom:50px;}
.contac .label-1{ width:10%; display:block; float:left; text-align:center; font-size:14px; color:#333; font-weight:normal;}
.contac .put-1{ width:90%; display:block; float:left;}
.contac h3{ font-size:16px; line-height:30px; color:#333; margin-bottom:20px;}
.contac .form-group{ display:block; float:left; width:100%;}
.contac .btn{border:1px solid #cc0000; background:#cc0000; color:#fff; font-size:15px; line-height:32px; border-radius:0; padding:0 15px; margin-left:10%;}





.aside{ width:23.5%; display:block;}
.aside .aside-type{width:100%; }
.aside .aside-type .aside-top{}
.aside .aside-type .aside-top .top1{ background:url(1.jpg) no-repeat; background-size:100% 100%;text-align:center; color:#fff;line-height:60px; font-size:25px;font-weight:normal;}
.aside .aside-type .aside-top .top1 span{ font-size:12px; font-weight:lighter; border:1px solid #fff; border-radius:50%; padding:5px; top:-1px; margin-left:20px;}
.aside .aside-type .aside-top .top2{ display:none;font-size: 18px;line-height: 30px;font-weight:bold;}

.aside .aside-type .lists {width: 100%;margin-top:5px; color:#000;}
.aside .aside-type .lists li{ margin-bottom:5px;}
.aside .aside-type .lists .link{text-align:center;display: block;position:relative;}
.aside .aside-type .lists .link a{ display:block; width:100%; height:45px; line-height:45px;color: #000;font-size: 14px;border: 1px solid #cfcfcf;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background:#fff; }
.aside .aside-type .lists .link i{ width:4px; height:45px;  display:block; position:absolute; left:0; top:0; transition:all 0.4s;}
.aside .aside-type .lists .active .link i{background:#cc0000;}
.aside .aside-type .lists .link:hover i{background:#cc0000;}
.aside .aside-type .lists .link:hover a{box-shadow: 2px 4px 5px #888888;}


.aside .aside-bot{ width:100%; display:block; margin-top:10px;}
.aside .aside-bot .aside-bot-txt{text-align:center; color:#fff;line-height:60px; font-size:25px;margin-bottom:4px;font-weight:normal;background:url(1.jpg) no-repeat; background-size:100% 100%;}
.aside .aside-bot .aside-bot-txt span{ font-size:12px; font-weight:lighter; border:1px solid #fff; border-radius:50%; padding:5px; top:-1px; margin-left:20px;}
.aside .aside-bot .botimg{ width:100%; height:100px; display:block; overflow:hidden;}
.aside .aside-bot .botimg span{ width:100%; height:100%; display:block; float:left;}
.aside .aside-bot>div.text-left{ font-size:14px; line-height:25px; color:#333; margin-top:5px;}


.mains{ width:75%; display:block;}
.main-padding{ padding-left:10px; padding-right:10px; display:block; float:left;width:100%;}
.mains-top{ width:100%; display:block; float:left; border-bottom:1px solid #e0e0e2; padding-bottom:5px; position:relative;}
.mains-top .bor{ width:150px; height:1px; display:block; position:absolute; left:0; bottom:-1px; background:#e0e0e2;}
.mains-top .top-nav{ font-size:18px; line-height:30px; color:#000; font-weight:bold;padding-top:3px;}
.mains-top .top-nav a{ color:#000; transition:all 0.4s;}
.mains-top .top-nav a:hover{color:#cc0000;}
.mains-top .top-return{font-size:15px; line-height:21px; }
.mains-top .top-return a{ color:#afafaf;transition:all 0.4s;}
.mains-top .top-return a:hover{ color:#cc0000;}

.mainpro{width:100%; display:block; float:left; margin-top:20px;}
.mainpro .pro_list{ padding:8px;}
.mainpro .top_border{display: block;transition: all 0.3s; overflow:hidden;}
.mainpro .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;}
.mainpro .top_border .pro_img{overflow: hidden;transition: all 0.3s;}
.mainpro .top_border .pro_img .img{position: relative;width: 100%;display: block;height: 100%;transition: all 2s;overflow: hidden; border:1px solid #d0d0d0;}
.mainpro .top_border .pro_img .img .mask{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(191,26,32,0.5);text-align: center;transition: all 0.5s;}
.mainpro .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%);}
.mainpro .top_border .pro_img .img .mask .maskbox span{display: inline-block;font-size: 20px;color: #fff;padding-bottom: 15px;border-bottom: 1px solid #fff;margin-bottom: 15px;}
.mainpro .top_border .pro_img .img .mask .maskbox strong{display: block;font-size: 25px;color: #fff;text-align: center;}
.mainpro .top_border .protxt{ font-size:15px; line-height:36px; color:#333; background:#ebebeb; text-align:center; margin-top:5px; transition:all 0.4s;}
.mainpro .top_border:hover .protxt{ background:#cc0000; color:#fff;}
.mainpro .top_border:hover .mask{top: 0 !important;}
.mainpro .top_border:hover .pro_img{border-color: #cc0000 !important;}
.mainpro .top_border:hover .pro_img .img{border-color: #cc0000 !important;}

/* 分页 */
.pages{ width:100%; float:left; display:block; margin-top:20px; margin-bottom:20px;}
.pages .page{ text-align:center; margin-left:16%; margin-top:30px; clear:both;}
.pages .page .pul{ overflow:hidden;}
.pages .page .pul .pli{ float:left; height:35px; width:10%; background:#323946; height:35px; font-size:12px; color:#fff; line-height:35px; border-right:1px #fff solid; box-sizing:border-box; cursor:pointer;}
.pages .page .pul .pli1{ width:30%; background:#cc0000;}
.pages .page .pul .pli .ylu li{ float:left; width:20%;}
.pages .page .pul .pli .ylu a{ color:#fff; padding:4px 8px; transition:all 0.4s;border-radius:50%;}
.pages .page .pul .pli .ylu a:hover{ background:#fff; border-radius:50%; color:#000;}
.pages .page .pul .pli .select1{ width:100%; color:#333; height:20px; cursor:pointer;}


.mainpro .prodata-img{ text-align:center;}
.mainpro .h3-txt{ text-align:center; font-size:16px; line-height:30px; color:#333; margin-top:15px;}
.mainpro .pd-txt{ margin-top:30px; font-size:14px; line-height:21px; color:#333; text-align:center;}


.maincase{width:100%; display:block; float:left; margin-top:20px;}
.maincase .pro_list{ padding:8px;}
.maincase .top_border{display: block;transition: all 0.3s; overflow:hidden;}
.maincase .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;}
.maincase .top_border .case_img{overflow: hidden;transition: all 0.3s;}
.maincase .top_border .case_img .img{position: relative;width: 100%;display: block;height: 100%;transition: all 2s;overflow: hidden; border:1px solid #d0d0d0;}
.maincase .top_border .case_img .img .mask{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0,94,200,0.5);text-align: center;transition: all 0.5s;}
.maincase .top_border .case_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%);}
.maincase .top_border .case_img .img .mask .maskbox span{display: inline-block;font-size: 20px;color: #fff;padding-bottom: 15px;border-bottom: 1px solid #fff;margin-bottom: 15px;}
.maincase .top_border .case_img .img .mask .maskbox strong{display: block;font-size: 25px;color: #fff;text-align: center;}
.maincase .top_border .protxt{ font-size:15px; line-height:36px; color:#333; background:#ebebeb; text-align:center; margin-top:5px; transition:all 0.4s;}
.maincase .top_border:hover .protxt{ background:#cc0000; color:#fff;}
.maincase .top_border:hover .mask{top: 0 !important;}
.maincase .top_border:hover .case_img{border-color: #016be6 !important;}
.maincase .top_border:hover .case_img .img{border-color: #016be6 !important;}


.file-txt p{ font-size:14px; line-height:30px; color:#333; text-indent:2em;}

.mainnew{width:100%; display:block; float:left; margin-top:20px;}
.mainnew .nlist{ width:100%;display:block; float:left; position:relative; margin-bottom:15px;border-bottom: 1px solid #e3e3e3;}
.mainnew .nlist .nli-img{ width:25%; height:172px; display:block; float:left; overflow:hidden;}
.mainnew .nlist .nli-img span{ width:100%; height:100%; display:block; float:left; transition:all 0.5s;}
.mainnew .nlist .nli-img span:hover{ transform:scale(1.1);}
.mainnew .nlist .nli-text{ overflow:auto; padding-left:15px;}
.mainnew .nlist .nli-text .nli-box1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#333; line-height:30px;}
.mainnew .nlist .nli-text .nli-box2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:21px; color:#333;}
.mainnew .nlist .nli-text .nli-box3{ position:absolute; bottom:0; color:#b6b6b6; font-size:14px; line-height:21px;}
.mainnew .nlist .nli-text:hover .nli-box2{ color:#cc0000}
.mainnew .nlist .nli-text:hover .nli-box3{ color:#cc0000}
.mainnew .nlist .hrlist{ width:100%; margin-bottom:15px;margin-top:105px;border-bottom: 1px solid #e3e3e3;}

.newbox{ width:100%; display:block; float:left;}
.newbox .nbox1{ font-size:18px; line-height:35px;margin-bottom: 15px; color:#333;text-align:center;font-weight:bold;}
.newbox .nbox2{ font-size:13px; line-height:21px; color:#333; margin-bottom:15px;text-align:center;}
.newbox .nbox3{ width:100%; overflow:hidden;}
.newbox .nbox3 img{ max-width:100%; height:auto; display:block; margin:0 auto;}
.newbox .nbox4{margin-top: 15px; font-size: 18px;line-height: 30px;font-weight:bold;color: #cc0000; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3;}
.newbox>p{font-size: 13px; line-height: 21px;color: #666;margin-top: 15px; }




.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:90%; 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 #cc0000; background:#cc0000; color:#fff; font-size:15px; line-height:32px; border-radius:0; padding:0 15px; margin-left:10%;}

.mainact{width:100%; display:block; float:left; margin-top:20px;}
.mainact .act{ font-size:14px; line-height:30px; color:#333;}
.mainact .ditu{ margin-top:10px; margin-bottom:10px;}




img{max-width: 100%;height: auto;}

/* 留言板*/
.msgbox{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;z-index:99;top:0;left:0;bottom:0;right:0;}
.showmsg{width:400px;min-height:300px;position:fixed;z-index:100;top:50%;left:50%;margin-left:-200px;margin-top:-150px;}
@media (max-width: 399px) {
	.showmsg{
		width:80%;
		margin-left:0;
		left:10%;
	}
}
.showmsg h3.msg-title{
	background-color: #f3f3f3;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	padding: 15px 10px;
	margin:0px;
	font-size:16px;
	border-bottom:1px solid #e5e5e5;
	}
.showmsg .btn-closemsg{
	cursor:pointer;position:
	absolute;
	right:10px;
	top:10px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	}
.showmsg p.msg-content{
	background-color:#fff;
	color:#000;
	line-height:2em;
	padding:10px 15px;
	
}
/*侧边栏*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 1;
	opacity: 1;
	z-index: 200;
}
.dockleft{left: 0px;}
.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;
}
.dockleft ul.icons{
	left: 0px;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
.dock.close ul.icons {
	right: -70px;
}
.dockleft.close ul.icons {
	left: -70px;
}
.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(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;
}
.dockleft ul.icons li p{
	left: -260px;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
.dockleft ul.icons li.active p{
	left: 50px;
}
.dock ul.icons li.tel p {
width: 150px;
    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: #c60000;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #c60000;
	-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: #ff0000;
	border: 1px solid #ff0000;
}

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

.footer{ background:#c60000; width:100%; padding:20px 0;}
.footer .ewm{ display:block; float:left; width:200px; overflow:hidden;}
.footer .ewm .ewmimg{ width:120px; height:120px; background:url(wechat.jpg) no-repeat; background-size:100% 100%; display:block; float:left;}
.footer .ewm .ewmtxt{ display:block; float:left; margin-top:46px; margin-left:10px; color:#fff; font-size:15px; line-height:32px;}

.footer .lianxi{ width:45%; display:block; float:left; padding-left:40px;}
.footer .lianxi>li{ color:#fff; font-size:14px; line-height:21px; width:50%; display:block; overflow:hidden; float:left;}

.fotbox{ width:100%; display:block; float:center;}
.fotbox .fbox1{ color:#fff;text-align:center;margin:10px 5px;}
.fotbox .fbox1 a{ color:#fff; font-size:14px; line-height:28px; margin:0 5px;}
.fotbox .fbox2{ color:#fff; text-align:center; font-size:14px; line-height:28px;}


/*仿qigan底部*/
/*--foot--*/
.foot { width: 100%; background-color: #cc0000; min-width:1100px; font-size:12px; text-align:center;}
.foot .footb { width:1100px; margin:0 auto; text-align: center; }
.foot .foot { display: inline-block; padding-top: 10px; height: 220px; text-align: left; }
.foot .foot-left { float: left; width: 820px; height: 220px; }
.foot dl { padding-top: 20px; width: 164px; float: left; line-height: 24px; }
.foot dl dt { color: #ffffff; font-size: 18px; margin-bottom: 10px; }
.foot dl dd a { color: #fcf8f8; font-size: 14px;line-height: 24px; }
.foot dl dd a:hover { color: #fff; }
.foot .follow .code { margin-top: 18px; width: 90px; height: 90px; }
.foot .follow .btn { margin-top: 18px; }
.foot .follow a { display: inline-block; }
.foot .foot-right { float: left; width: 240px; }
.foot .foot-right .tel { padding-top: 60px; }
.foot .foot-right .tel span { display: block; padding: 5px 0; font-size: 14px; color: #ebe8e3; }
.foot .foot-right .tel .icon { margin-right: 6px; font-size: 22px; color: #ebe8e3; }
.foot .foot-right .tel p { font-size: 22px; color: #ebe8e3; }
.foot .copyright { line-height: 40px; color: #333; background: #fff; }
.foot .copyright img { margin-top: 14px; }

.foot .copyright .url { float: right; }
.foot .copyright .url a { margin-left: 22px; color: #333; float: right;}
.foot .copyright .url a:hover {color:#f00;}


/*--footer end--*/

	/* 分页 */
.pager{ width:100%; line-height:30px; font-size:16px; padding:10px 0; margin-top:20px;margin-bottom:0px; text-align:center;}
.pager a{ padding:0 5px; color:#595757;}
.pager a:hover{ color:#e63520;}
.pager b{ font-weight:normal; color:#e63520; padding:0 5px;}
.g-in .page { padding:0px 0 0; line-height:30px; text-align:center; }
.g-in .page a,.g-in .page span { display:inline-block; margin:0 2px; padding:0 10px; border:1px solid #d9d9d9;background:#fff;color:#000; vertical-align:top; }
.g-in .page a:hover,.g-in .page .current { border-color:#cc0000; background:#cc0000; color:#fff; }

@media only screen and (min-width: 1080px) {
    .brlock {
        display: none;
    }
   .br {word-break:break-all;
    }
}
@media only screen and (max-width: 1080px) {
    .lock {
        display: none;
    }
}
/*/