body{font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;font-size:14px; color:#3e3e3e;}
*{margin: 0; padding: 0; list-style: none; font-size: 14px;}
html, body, iframe, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, legend ,em,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
img{ border:0}
table{ border-collapse:collapse}
ul,li{list-style:none}
.fl{ float:left}
.fr{ float:right}
a{ color:#232323; text-decoration:none}
a:hover {color:#b2000e;}



/**********/
.fside{ position: fixed; z-index: 100; right:0; top:50%; margin-top: -120px; width: 60px;}
.fside a{ display: block; width:60px; height:60px; margin-bottom: 1px; background:#289bf0;}
.sidetelno{  width: 0; height: 60px; overflow: hidden; position: absolute; right:60px;top:0; z-index: 1; background:#289bf0;}
.sidetelno.on{ width: 150px;}
.sidetelno span{ display: block; width: 150px; height: 60px; text-align: center;font-family: 'arial'; color: #fff; font-size: 20px; line-height: 60px;}

.sidebigewm{ display: none; position: absolute; top: 61px; right: 61px; z-index: 1;border: 1px solid #aaa; background-color: #fff;}
.sidebigewm img{ width: 130px; height: 142px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block;}

.guodu{ transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s;}
.guodu2{ transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
@media screen and (max-width:380px) {}

/****************/

.box{width:100%; max-width:1200px;margin:auto; overflow:hidden}
.box:after{clear: both;content: "";display:table;}
.ttl, .idxTtl{ width:100%; overflow:hidden}
.cnt, .idxCnt{ overflow:hidden;}
.clear{clear: both;}
.idxTtl{ text-align:center;margin:60px auto 30px;}
.idxTtl h4{ font-size:32px; color:#000; padding-bottom:5px;}
.idxTtl p{background:url(../img/ttl_bg.png) center 50% no-repeat; height:20px; line-height:20px; overflow:hidden; font-size:16px;}

.idxBox2 .idxTtl h4, .idxBox2 .idxTtl p, .idxBox4 .idxTtl p{color:#fff;}
.idxBox4 .idxTtl h4{color:#fff}

/************/
.head .name1{ width:484px; float:left; height:24px; line-height:24px; font-size:28px; padding-top:45px; text-align:center;color:#b1060c}

/**************head***************/
.mainHead{position: fixed;width: 100%;height: 172px;left: 0px;top: 0px;z-index: 10;background: rgb(255, 255, 255) none repeat scroll 0% 0%;box-shadow: rgb(136, 136, 136) 1px 1px 5px;}
.head{ padding:15px 0; height:80px;width:100%; overflow:hidden}
.head .logo{float:left;}
.head .logo img{ height:80px;}
.head .logoName{float:left; padding-left:20px; padding-top:15px;}
.head .logoName h4{font-size:29px; color:#000}
.head .rTelAAA{background: url(../img/tel.jpg) left 50% no-repeat; width:420px; height:30px;  line-height:30px; font-size: 16px; margin:5px 0; float:right;  margin-left: 250px;}
.head .rTelAAA p{width: 100%;}
.head .rTxt span{font-size:16px; color:#ff3600;}
.head .rTxt{ text-align: right; font-size: 14px; width: 650px; float: right;}
/************************/
.menu{ width:100%; overflow:visible; background:#000; border-bottom:solid 3px #b00808; height:60px;}
.menu1{ width:1200px; margin:auto;}
.menu li{float:left;}
.menu li a{height:60px; line-height:60px; display:block; padding:0 35px;color:#fff;font-size:16px;}
.menu li a:hover{ background:#595959}
.menu li{position: relative;}
.sub-menu{position:absolute; left:0; top:60px; z-index: 1001; overflow: hidden; width: 100%; height:0;transition: all 0.5s ease;}
.sub-menu ul{background:#414141; overflow:hidden;  padding-top:10px; padding-bottom:10px;}
.sub-menu li{width:100%}
.sub-menu li a{ height:28px; line-height:28px; font-size:14px; text-align:center;width:100% !important; padding:0;}
.sub-menu li a:hover{background:#1a1a1a}
.menu li:hover{background:#595959;}
/***********banner*********************/
.banner{width:100%; overflow:hidden;}
#swiper1 span{width: 40px; height: 6px;border-radius: 0;}
#swiper1 .swiper-pagination-bullet-active{background: #fff;}
#swiper1{height: 100%;}
#swiper1 .swiper-slide{background-size: 100% 100% !important; }

/***idxBox1*****/
.idxBox1 .left{width:290px; float:left;}
.idxBox1 li{ float:left; margin:0 5px; width:190px; height:180px;}
.idxBox1 li img{width:190px; height:145px;}
.idxBox1 li h5{background:url(../img/tb1.jpg) left 50% no-repeat; padding-left:20px; height:20px; line-height:20px;}

/********idxBox2******/
.idxBox2{background:#5a3400 url(../img/idxBox2Bg.jpg) top center no-repeat; width:100%; overflow:hidden; margin-top:30px; padding-bottom:40px;}

.idxBox2 .idxCnt li {text-align:center; background:#ebebeb; width:280px; height:350px; margin:10px; float:left;}
.idxBox2 .idxCnt h5{font-size:16px; padding:20px 0;}
.idxBox2 .idxCnt img{width:240px; height:240px; margin:0 10px 10px;}
.idxBox2 .idxCnt a{ display:block;}
/********idxBox3******/
.idxBox3{}
.idxBox3 li{ position:relative; width:268px; height:210px; float:left; margin:16px;}
.idxBox3 .fdDiv{background:url(../img/pngBg.png) repeat; position:absolute; margin-top:-32px; width:268px; height:30px; line-height:30px; color:#fff; text-align:center;}
.idxBox3 li img{ width:268px; height:210px;}
/****************idxBox4*************/
.idxBox4{background:#7e5618 url(../img/idxNewsBg.jpg) top center no-repeat; width:100%; overflow:hidden; margin-top:30px; padding-bottom:40px;}
.idxBox4 ul{width:710px; float:right;}
.idxBox4 li{border-bottom: 1px solid #dbdbdb;overflow:hidden; padding-bottom:30px; margin-bottom:35px; margin-top:10px;}
.idxBox4 .rTxt{ width:630px; float:right; color:#fff; height:60px; overflow:hidden;}
.idxBox4 .rTxt a{color:#fff; font-weight:600; font-size:16px;}
.idxBox4 .rTxt a:hover{color:#fff000}
.idxBox4 .rTxt p{ height:36px; line-height:18px; overflow:hidden;}
.idxBox4 .num{width: 60px;height: 60px;color: #333;text-align: center; background:#fff; float:left;}
.idxBox4 .num b {font-size: 24px; line-height: 40px; display:block;}
.idxBox4 .num span{font-size:14px;}

#swiper3-box{width:470px; height:370px;float:left;}
#swiper3 span{width: 40px; height: 6px;border-radius: 0;}
#swiper3 .swiper-pagination-bullet-active{background: #fff;}
#swiper3{height: 370px; width:100%;}
#swiper3 .swiper-slide{background-size: 500px 370px !important; }
/******************idxBox5************************/
.idxBox5{}
.idxBox5 .idxCnt li{width:178px; height:100px;float: left; margin: 20px 10px ;/* background:#ededed; */text-align:center;}
.idxBox5 .idxCnt li img{ height:80px; margin:10px; max-width:140px;}

/******main**********/
.main{ margin-top:200px;}
.main .cnt{width:100%; overflow:hidden;}
.main .left{width:300px; float:left;}
.left .leftTtl{background:#000000; color:#fff; height:46px; line-height:46px; font-size:18px; padding-left:20px; font-weight:600;}
.main .right{width:860px; float:right}
.main .right ul{width:882px; margin-left:-22px;}
.main .right .rightTtl{height:45px; line-height:45px; border-bottom:solid 1px #000}
.main .right .rightTtl h4{float:left; font-size:24px;}
.main .right .rightTtl h5{float:right; padding-top:5px;}
/******leftNav**********/
#menu {width:300px;}
#menu h1 {cursor:pointer; height:42px; line-height:42px; color:#000; font-size:16px;margin-top:5px; background:#dfdfdf;}
#menu h1 font{ width:24px; height:24px; line-height:20px; background:#ca0000; color:#fff; display:block; text-align:center; float:right; font-size:20px; margin-top:9px; margin-right:9px;}
#menu h1 a{ float:left; font-size:16px; padding-left:20px; font-weight:600}
#menu .leftUl {border:#E7E7E7 1px solid;border-top: none; overflow: auto; padding:10px 0; display:block;}
#menu .leftUl h2 { height:30px; line-height:30px; width:90%; margin:10px 5% 0; border-bottom:solid 1px #e2e2e2; }
#menu .leftUl h2 a{ padding-left:5px; font-size:14px; display:block;width:100%;}
.no {display: none;}
/******leftMenu**********/
.leftMenu{}
.leftMenu li{height:42px; margin-top:10px; width:100%; display:block;}
.leftMenu li a{display:block; height:42px; line-height:42px; color:#000; font-size:16px;margin-top:5px; background:#dfdfdf; padding-left:20px;}
.leftMenu li a:hover{background:#373737; color:#fff}
/*************product***************/
.product .cnt li{width:240px; padding:30px 15px;/* background:#ebebeb;*/ text-align:center; height:250px; float:left; margin-left:22px; margin-top:22px;transition: 1s all ease; overflow:hidden;}
/*.product .cnt li:hover{background:#cdcdcd; cursor:pointer;}*/
.product .cnt li img{ width:100%; height:180px; margin:10px 0;transition:all 0.5s ease;}
.product .cnt li img:hover{transform: scale(1.12);}
.product .cnt h5{width:240px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:20px;}
/******case*******/
.case .cnt li{width:270px; background:#ebebeb; text-align:center; height:250px; float:left; margin-left:22px; margin-top:22px; transition: 1s all ease; overflow:hidden;}
.case .cnt li:hover{background:#cdcdcd; cursor:pointer;}
.case .cnt li img{ width:100%; height:200px; transition:all 0.2s ease;}
.case .cnt li img:hover{transform: scale(1.05)}
.case .cnt h5{width:270px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:16px; margin-top:10px;}
/******jjfa*******/
.jjfa .right .cnt{}
.jjfa .right .cnt li{height:120px; overflow:hidden; margin-top:30px; border-bottom:solid 1px #dfdfdf; padding-bottom:20px;}
.jjfa .right .lPic {float:left; overflow: hidden; width:190px; height:120px;}
.jjfa .right .lPic img{width:190px; height:120px;transition:all 0.5s ease; cursor:pointer;}
.jjfa .right .lPic img:hover{transform: scale(1.05)}
.jjfa .right .rTxt{width:670px; float:right;} 
.jjfa .right .rTxt a{display:block; width:100%;font-size:18px;}
.jjfa .right .rTxt p{line-height:22px; height:66px; overflow:hidden; margin:5px 0; color:#7e7e7e}
.jjfa .right .rTxt span{display:block; font-size:12px; color:#7e7e7e}
.jjfa .right .page_box{border:none;}
/**********newsPage jjfaPage***********/
.newsPage .right .cnt{}
.newsPage .right .news_view_title{border-bottom:solid 1px #dfdfdf; text-align:center; padding:50px 0 10px;}
.newsPage .right .news_view_title h4{font-size:28px; padding-bottom:10px;}
.newsPage .right .newsTxt{ padding-top:10px;}
/**********productPage***********/
.productPage .cpbt{font-size:26px; text-align:center; padding:40px 0 20px}
.productPage .cpPic { padding:15px;}
.productPage .cpPic img{max-width:830px;}
.productPage .cpxq{height:32px; font-size:18px; line-height:32px; padding-left:15px;color:#000;}
.productPage .cpTxt{padding:15px; overflow:hidden}
/**************page*************/
.page .cnt{ padding:10px; overflow:hidden; width:840px;}
.productPage .message{ padding-top:20px;}
.message input{ height:28px; line-height:28px; border:solid 1px #e1e1e1; width:450px;}
.message th{ padding-right:10px; width:100px;}
.message th, .message td{ height:50px;}
.message .yzmTd input{width:200px;}
.message .btnTd input{width:100px;}
/*************************************/
.page_box{ width:100%; height:40px; overflow:hidden; text-align:center; margin-top:10px; font-family:Arial; font-size:16px; margin-top:40px; border-top:solid 1px #dfdfdf; padding-top:30px;}
.page_box a{background:#acacac; color:#ffffff; height:36px; line-height:36px; display:inline-block; margin:0 2px; padding:0 10px;}
.page_box .page_ovr{background:#b10000; color:#FFFFFF}
/***************footer**********************/
.footer{background:#3c3c3c; width:100%; overflow:hidden; padding:30px 0;color:#919191; margin-top:30px;}
.footer .btmLi{float:left; overflow:hidden; border-right:solid 1px #333333; min-height:200px;}
.footer .sty1{width:410px;}
.footer .sty2{width:300px; margin-left:40px;}
.footer h4{color:#fff; font-size:16px; padding-bottom:20px;}
.footer li{width:48%; float:left; margin:5px 0;height:20px; line-height:20px; overflow:hidden;}
.footer a{color:#919191; }
.footer a:hover{color:#fff;}
.footer .sty3{width:408px; margin-left:40px; border:none;}
.footer .sty3 img{float:left; }
.footer .sty3 p{ width:250px; float:right; overflow:hidden;}
.cpy{background:#191919; text-align:center; padding:20px 0; color:#747474}
.cpy a{color:#747474}
/*******************wap*************************/
@media screen and (min-width:320px) and (max-width:639px) {
.box{width:96%; max-width:1200px;margin:0 2%; overflow:hidden}
.head{ padding:10px 0; height:40px; line-height:40px;}
.head .rTel{ display:none;}
.head .logo img{ height:40px; margin-left:10px;}
.head .logoName{float:left; padding-left:20px; padding-top:0px;}
.head .logoName h4{font-size:20px; color:#000}
.head .logoName p{display:none;}

.menu{ width:100%; overflow:hidden; background:#000;height:60px;}
.menu1{ width:100%;}
.menu li{float:left; width:25%; text-align:center;}
.menu li a{height:30px; width:100%; line-height:30px; display:block; padding:0;color:#fff;font-size:14px;}
.menu li a:hover{ background:#ff0000}
.menu li{position: relative;}
.sub-menu, .menu .wapNone{display:none;}

.idxBox1 li{ margin:0 2%; width:46%; overflow:hidden}
.idxBox1 li img{width:100%;}

.idxBox3 li{ position:relative; margin:10px 2%; width:46%; overflow:hidden;}
.idxBox3 .fdDiv{background:url(../img/pngBg.png) repeat; position:absolute; margin-top:-32px; width:100%;}
.idxBox3 li img{ width:100%;}

.idxBox4 ul{width:100%; float:right;}
.idxBox4 li{border-bottom: 1px solid #dbdbdb;overflow:hidden; padding-bottom:15px; margin-bottom:20px; margin-top:10px;}
.idxBox4 .rTxt{ width:80%; float:right; color:#fff; height:100%; overflow:hidden;}
.idxBox4 .rTxt a{color:#fff; font-weight:600; font-size:16px; height:20px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px;}
.idxBox4 .rTxt a:hover{color:#fff000}
.idxBox4 .rTxt p{ height:36px; line-height:18px; overflow:hidden;}
#swiper3-box{ display:none;}

.idxBox5{}
.idxBox5 .idxCnt li{width: 30%;float: left; margin:1.5%;}
.idxBox5 .idxCnt li img{width:100%; height:100%;}

.idxTtl h4{ font-size:24px; color:#000; padding-bottom:5px;}
.idxTtl p{font-size:16px;}
.idxTtl{ text-align:center;margin:30px auto;}

.footer .btmLi{float:left; overflow:hidden; border:none; min-height:100%; width:100%;}
.footer .sty1{width:100%; margin:0;}
.footer .sty2{width:100%; margin:0; margin-top:20px;border-top:solid 1px #333333; padding-top:30px;}
.footer h4{}
.footer li{width:50%; }
.footer a{color:#919191; }
.footer a:hover{color:#fff;}
.footer .sty3{width:100%; margin:0; margin-top:20px;border-top:solid 1px #333333; padding-top:30px;}
.footer .sty3 img{float:left; width:142px;}
.footer .sty3 p{ width:60%; float:right; overflow:hidden;}
}

@media screen and (min-width:640px) and (max-width:1080px) {
.box{width:96%; max-width:1200px;margin:0 2%; overflow:hidden}
.head{ padding:10px 0; height:60px; line-height:60px;}
.head .rTel{ display:none;}
.head .logo img{ height:60px; margin-left:10px;}
.head .logoName{float:left; padding-left:20px; padding-top:0px;}
.head .logoName h4{font-size:32px; color:#000}
.head .logoName p{display:none;}

.menu{ width:100%; overflow:hidden; background:#000;height:80px;}
.menu1{ width:100%;}
.menu li{float:left; width:25%; text-align:center;}
.menu li a{height:40px; width:100%; line-height:40px; display:block; padding:0;color:#fff;font-size:16px;}
.menu li a:hover{ background:#ff0000}
.menu li{position: relative;}
.sub-menu, .menu .wapNone{display:none;}

.idxBox3 li{ position:relative; margin:10px 2%; width:46%; overflow:hidden;}
.idxBox3 .fdDiv{background:url(../img/pngBg.png) repeat; position:absolute; margin-top:-32px; width:100%;}
.idxBox3 li img{ width:100%;}

.idxBox4 ul{width:100%; float:right;}
.idxBox4 li{border-bottom: 1px solid #dbdbdb;overflow:hidden; padding-bottom:15px; margin-bottom:20px; margin-top:10px;}
.idxBox4 .rTxt{ width:90%; float:right; color:#fff; height:100%; overflow:hidden;}
.idxBox4 .rTxt a{color:#fff; font-weight:600; font-size:16px; height:20px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px;}
.idxBox4 .rTxt a:hover{color:#fff000}
.idxBox4 .rTxt p{ height:36px; line-height:18px; overflow:hidden;}
#swiper3-box{ display:none;}

.idxBox5{}
.idxBox5 .idxCnt li{width: 30%;float: left; margin:1.5%;}
.idxBox5 .idxCnt li img{width:100%; height:100%;}

.idxTtl h4{ font-size:24px; color:#000; padding-bottom:5px;}
.idxTtl p{font-size:16px;}
.idxTtl{ text-align:center;margin:30px auto;}

.footer .btmLi{float:left; overflow:hidden; border:none; min-height:100%; width:100%;}
.footer .sty1{width:100%; margin:0;}
.footer .sty2{width:100%; margin:0; margin-top:20px;border-top:solid 1px #333333; padding-top:30px;}
.footer h4{}
.footer li{width:50%; }
.footer a{color:#919191; }
.footer a:hover{color:#fff;}
.footer .sty3{width:100%; margin:0; margin-top:20px;border-top:solid 1px #333333; padding-top:30px;}
.footer .sty3 img{float:left; width:142px;}
.footer .sty3 p{ width:60%; float:right; overflow:hidden;}
}
/******/
.cpPage{width:100%; overflow:hidden; border-top:solid 1px #e7e7e7; padding-top:10px; margin-top:20px;} line-height:36px; padding:0 10px;display:inline-grid; margin:0 2px;}
.page_box .page_ovr{background:#2977ce; color:#FFFFFF}