* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}


.pics_wrap {width: 100%;height: 100%; background:#f1f1f1}
.pics_wrap .onshdf{width:100%; height:90%; position:absolute; left:0; top:0;z-index: 9999; display:block !important}
.html5zoo-img-0 img{width:100%;}
.html5zoo-arrow-left-0{left:10%!important;}
.html5zoo-arrow-right-0{right:10%!important;}
.html5zoo-bullet-wrapper-0 div{ width:20px !important; height:20px !important;border-radius:10px !important }
.html5zoo-nav-0{margin-top:-50px!important;}





.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both; }


.mtopban{ margin-top:99px !important}

.center{ width:88%; margin:0 auto; max-width:1550px; min-width:1200px}
.textover{text-overflow:ellipsis;white-space:nowrap;}



.intit{ margin:50px auto 35px; text-align:center; width:100%; max-width:1340px; min-width:1200px}
.intit p{ font-size:35px; font-weight:bold; line-height:45px}
.intit p font{ font-weight:100;}
.intit span{ display:block; width:80%; line-height:25px; font-size:16px; margin:15px auto 20px}





.six{margin: 0px auto;padding: 55px 0 55px 0;}


.photo{width:88%; margin:0 auto; max-width:1550px; min-width:1200px; position:relative}
.photo_qie{width: 100%;overflow: hidden; overflow:hidden}
.dsghh ul li{float: left;overflow: hidden; width:25%}
.dsghh ul li span:before,.dsghh ul li span:after{ display:none !important}
.dsghh ul li a{ display:block; width:92%; margin:0 auto}
.dsghh ul li em{width: 100%;height: auto;display: block;line-height: 0;overflow: hidden; border:1px solid #efefef}
.dsghh ul li img{width:100%;height: 100%;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;}
.dsghh ul li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}

.inmore{ display:block;width:45%; height:60px; line-height:60px; margin:30px auto; background:#e3e3e3; text-align:center; font-size:18px; color:#333 !important}
.inmore:hover{ background:#21b24b; color:#fff !important}

.dsghh ul li span{display: block;width:100%;text-align: center;height: 56px;line-height: 56px;font-size: 18px !important;color: #333;overflow: hidden; padding:0 5%; background:#efefef}
.dsghh ul li:hover span{color: #fff; background:#21b24b}
.dsghh p{width: 20px;height: 30px;position: absolute;top:50% !important;z-index: 10; margin-top:-80px}
.dsghh p a{display: block;width: 20px;height: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.dsghh .cp_lico a{background: url(../images/zz_lico01.png) no-repeat center !important;}
.dsghh .cp_lico a:hover{background: url(../images/zz_lico02.png) no-repeat center !important;}
.dsghh .cp_rico a{background: url(../images/zz_rico01.png) no-repeat center !important;}
.dsghh .cp_rico a:hover{background: url(../images/zz_rico02.png) no-repeat center !important;}
.dsghh .cp_lico{left: -30px !important;}
.dsghh .cp_rico{right: -30px !important;}
.dsghh p a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.ab_more {
    display: block;
    width: 617px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff !important;
    font-size: 18px;
    margin: 25px auto;
	background:#df0011
}
.ab_more:hover{ background:#bf000f}



.proin{ display: inherit; width:23.5%; height: auto; margin:0 2% 26px 0;  float:left; position:relative}
.inbox1 .center a:nth-child(4n) {margin:0 !important; float:right !important}

.proin h2{ display: block;font-size:24px;font-weight: normal;margin:0px auto;color: #333333; overflow:hidden; width:84%;line-height:76px; text-align:center}
.proin:hover h2{ color:#b1000e}
.proin div{ width:100%; height: auto; overflow:hidden;border:1px solid #f0f0f0;background:#fff;}
.proin div img.prpic{ width:100%;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}
.proin:hover div img.prpic{transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);}

.proin p{ text-align:center; font-size:18px; display:block; width:100%; height:46px; overflow:hidden; line-height:46px; position:absolute; left:0; bottom:0; background:url(../images/inpbg.png) repeat; color:#fff;}
.proin:hover p{ text-decoration:underline}


.content a.proin:nth-child(4n){ margin-right:0}


.ad-bg{
    background: url(../images/bg_ys.jpg) center top no-repeat;
    background-size: 100% 100%;
    padding: 4.2% 0;
}
.flexed {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex;
}
.max1200{ min-width:1200px; margin:0 auto; width:88%;max-width: 1550px;}

.ad-index{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.adl{
  width: 45%;
}

.adl .ad1{
    font-size: 3.2vw;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.0;
    font-family: arial;
    color: #0044a5;
}

.adl .ad2{
    font-size: 2.8vw;
    line-height: 1.4;
    font-weight: bold;
    color: #0044a5;
}

.adl .ad3{
    font-size: 21px;
    line-height: 2.1;
    font-weight: 500;
}

.adl .ad-list{
    margin-top: 1.5vw;
    flex-wrap: wrap;
}

.adl .ad-list li{
    background: #fff;
    width: 49%;
    margin-bottom: 2%;
    border-radius: 5px;
    padding: 4.2%;
    box-sizing: border-box;
	transition: all 0.5s ease;
   /* box-shadow: 3px 3px 0px 0px #666;*/
}
.adl .ad-list li .adli1{
  justify-content: flex-start;
  align-items: center;
}

.adl .ad-list li .adli1 img1 img{
  max-width: 100%;
}

.adl .ad-list li .adli1 .w1{
    font-size: 20px;
    margin-left: 10px;
    color: #333;
}

.adl .ad-list li .adli2{
    color: #555;
    line-height: 25px;
    margin-top: 10px;
	text-align:justify
}






.bgbai{ background:#fff !important}
.bgbai .proin{ background:#f4f4f4 !important}


.proin2{ display: inherit; width:48.5%; height: auto; margin:0 3% 0 0; background:#fff; float:left; }
.cdbox .center a:nth-child(2n) {margin:0 !important; float:right !important}

.proin2 div.fr{ padding:0 3%; width:32.5%}
.proin2 h2{ display: block;font-size:24px;font-weight: normal;margin:15px auto 0;color: #333333; overflow:hidden;  border-bottom:1px solid #e5e5e5; line-height:35px; padding-bottom:10px; max-height:70px}
.proin2:hover h2{ color:#b1000e}
.proin2 h3{ display: block; line-height:28px; margin:15px auto 0px; font-size:16px; height:112px;font-weight: normal; overflow:hidden; color:#444}
.proin2 div.fl{ width:61.5%; height: auto; overflow:hidden; position:relative}
.proin2 div.fl img.prpic{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.proin2:hover div.fl img.prpic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin2 div.fl span{ display:none}
.proin2:hover div.fl span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.proin2:hover div.fl span img{ width:60px; height:60px; position:absolute; left:50%; top:50%; z-index:68; margin-left:-30px; margin-top:-30px; display:block}




.pb70{ padding-bottom:70px;border-bottom:1px solid #dbdbdb}
.mt70{ margin-top:70px}


.inbox2{ margin:0 auto;padding:60px 0 60px; background:#fff}
.inbox2 .center li{ width:24.25%; height:auto; margin-right:1.5%; margin-bottom:1.5%}
.inbox2 .center li.tjying{ width:48.5% !important}
.inbox2 .center li:nth-child(3n){margin:0 !important; float:right !important}
.inbox2 .center li:nth-child(5n){margin:0 !important; float:right !important}
.inbox2 .center li a{ width:100%; height:auto; display:block;overflow:hidden; position:relative}
.inbox2 .center li a img.picyy{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.inbox2 .center li a:hover img.picyy{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.inbox2 .center li a p{ display:none}
.inbox2 .center li a:hover p{ width:140px; height:50px; display:block; line-height:50px; font-size:18px; color:#fff; overflow:hidden;position:absolute; top:50%; left:50%; z-index:9; margin-top:-25px; margin-left:-70px; background:#b1000e; text-align:center}












.newContBox{width:100%; height:auto; padding:60px 0 80px; background:#fff}

.newCont .newtop .listnew{float: right;}
.newCont .newtop .listnew li{float: left;margin-right:30px;color:#fff;font-size:16px;padding-bottom:10px;cursor: pointer;}
.newCont .newtop .listnew li:last-child{margin-right:0;}
.newCont .newtop .listnew li:hover{border-bottom: 2px solid #fff;}

.newCont .newctext{width:100%;overflow:hidden;display: none;}

.newCont .newctext.newshown{display: block; margin-top:30px}
.newCont .newctext .ncontl{width:42%; height: auto; display:block;float: left; overflow:hidden}
.newCont .newctext .ncontl .ncimg{width:100%;height: auto; display:block; overflow:hidden;}
.newCont .newctext .ncontl .ncimg img{width:100%;transform: scale(1);transition: all 0.5s ease-out;}
.newCont .newctext .ncontl:hover .ncimg img{transform: scale(1.1);}
.newCont .newctext .ncontl .nctit{ width:100%; line-height:40px; float:left;font-size:18px;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold; margin-top:10px}
.newCont .newctext .ncontl .nctext{color:#777777 !important;font-size:14px !important;line-height:25px !important; height:50px; display:block; overflow:hidden}
.newCont .newctext .ncontl .ncnexta{width:95px;height:30px;display: block; text-align:right; line-height:30px; color:#21b24b; font-size:14px;float: right;}

.newCont .newctext .ncontr{width:56%; height:auto; display:block;overflow:hidden;float: right;}
.newCont .newctext .ncontr ul{width:100%;overflow:hidden;}
.newCont .newctext .ncontr ul li{width:100%;overflow:hidden; background:#f4f4f4; margin-bottom:22px}
.newCont .newctext .ncontr ul li:first-child{ padding-top:0}
/*.newCont .newctext .ncontr ul li:last-child{ padding-bottom:0}*/

.newCont .newctext .ncontr ul li a{width:100%;overflow:hidden;display: block; height:110px;overflow: hidden; background:#f4f4f4;padding: 15px 0;}
.newCont .newctext .ncontr ul li a .stit{width:78.7%;float: left;line-height: 30px; font-size:18px; display:block; height:30px;overflow: hidden;}
.newCont .newctext .ncontr ul li a:hover{ background:#21b24b}
.newCont .newctext .ncontr ul li:hover a,.newCont .newctext .ncontr ul li:hover *{color:#fff;}
.newCont .newctext .ncontr ul li a div{width:15%;float:left;text-align: left; margin:4px 20px 0 0; border-right:1px solid #dddddd;padding: 10px 0;}
.newCont .newctext .ncontr ul li a div span{  font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:34px; display:block; text-indent:20px}
.newCont .newctext .ncontr ul li a div font{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px;display:block; text-indent:20px}
.newCont .newctext .ncontr .nrtext{ width:78.7%; height:50px; float:left; overflow:hidden}
.newCont .newctext .ncontr .nrtext,.newCont .newctext .ncontr .nrtext *{line-height:25px; color:#777777; font-size:14px}





.pp_ll li{width: 50%;position: relative; float:left; display:block}
.pp_ll li a.img{display: block;}
.pp_ll li a.img img{width:100%;height:100%}


.pp_ll li .ddhh{position: absolute;width: 100%;top:30%;text-align: center;}
.pp_ll li .ddhh h3{	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff; line-height:45px}

.pp_ll li .ddhh h4{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;text-transform: uppercase;margin-top: 10px;}

.pp_ll li .ddhh .dj{background:url(../images/utyt.png) no-repeat center top;width:36px;height:36px;margin:0 auto;margin-top:20px}


.pp_ll li:hover .ddhh{display:none;}


.pp_ll li .ddhh2{position: absolute;text-align: center;background: rgba(223, 0, 17, .7);    transform: scale(0);
    opacity: 0;
    transition: all 0.3s;    width:400px;
    height: 80%;top:10%;left:50%;padding: 35px;
    margin-left: -200px;}
.pp_ll li .ddhh2 h3{	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff; line-height:45px}

.pp_ll li .ddhh2 h4{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;text-transform: uppercase;margin-top: 10px;}

.pp_ll li .ddhh2 h5{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;height:50px;overflow: hidden;margin-top:10px}

.pp_ll li .ddhh2 .dj{background:url(../images/utyt.png) no-repeat center top;width:36px;height:36px;margin:0 auto;margin-top:15px}


.pp_ll li:hover .ddhh2{ transform: scale(1);
    opacity: 1;}



.bghui{ background:#f2f2f2 !important}
.bgbai{ background:#fff !important}
.pad50{ padding:50px 0 70px}

.hei340{ height:340px !important}
.mar20{ margin-top:-20px}





.proin4{ display: inherit; width:260px; height:255px; margin:20px 20px; float:left; }
.proin4 div{ width:260px; height:195px; overflow:hidden; float:left}
.proin4 div img{ width:100%; height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin4 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4 p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4 p:hover{ color:#a10000}


.proin4ny{ display: inherit; width:260px; height:320px; margin:20px 20px; float:left; }
.proin4ny div{ width:260px; height:260px; overflow:hidden;background:#fff;display:table-cell;vertical-align: middle;text-align: center;}
.proin4ny div img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;max-width: 100%;max-height: 100%; }
.proin4ny div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4ny p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4ny p:hover{ color:#a10000}



.proin5{ display: inherit; width:360px; height:300px; margin:20px 20px;  float:left; }
.proin5 div{ width:360px; height:210px; overflow:hidden}
.proin5 div img{ width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin5 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin5 p{ display: block;font-size: 18px;font-weight: normal;margin-top: 20px;margin-bottom: 10px;color: #333333; overflow:hidden; padding:0 10px;}
.proin5 p:hover{ color:#a10000}
.proin5 span{ display: block;color: #999; width:95%; line-height:25px; margin:0 auto}


.titin{height:105px;background:url(../images/cpbtline.jpg) no-repeat 10px 90px; margin-bottom:40px}
.titin h1{font-weight: 500; font-size:45px; line-height:55px; padding:0 20px 0 10px}
.titin p{ width:60%;margin: 3px 0 0;line-height: 25px;color: #333; font-size:16px}
.titin a{ width:15%; height:54px; display:block; text-align:left; text-indent:25px; font-size:16px; line-height:54px; background:url(../images/morejt.png) no-repeat 77% center #b1000e; color:#fff}

.titincp{  margin-bottom:25px}
.titincp h1{font-size:45px; line-height:65px; text-align:center}
.titincp p{line-height: 40px;font-size:20px; text-align:center}



.inboxad{ margin:-50px auto 0; height:280px; background:url(../images/sdfeg.jpg) no-repeat center 0 #0c2a46; width:100%}
.titinad{ text-align:center}
.titinad h3{ margin: 70px 0 20px 0;font-weight: bold; font-size:28px; line-height:35px; text-align:center; color:#fff}
.titinad p{ width:1000px; display:block; margin: 20px auto 23px;line-height: 24px;color: #fff; text-align:center}
.titinad a,.titinad p span{ color:#ff4200}
.titinad a:hover{ text-decoration:underline}


.titin2{height:105px;background:url(../images/cpbtline.jpg) no-repeat 10px 80px; margin-bottom:10px; margin-top:20px}
.titin2 h1{font-weight: 500; font-size:35px; line-height:55px; padding:0 20px 0 10px}


.inbox7{ margin:50px 0 70px; padding:0 30px}
.inbox7 p{ font-size:22px; line-height:48px; padding-top:5px}




.dbright .dbtel{padding-bottom:40px; width:100%;background:url(../images/dbtel.png) no-repeat 0 0px; padding-left:70px}
.dbright .dbtel span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:25px; color:#fff}
.dbright .dbtel p{ font-size:39px; font-family:Arial, Helvetica, sans-serif; line-height:45px; color:#fff; font-weight:bold}
.dbright .lxindb li{ display:block; width:100%; height:46px; line-height:46px; overflow:hidden}
.dbright .lxindb li p{ text-indent:46px; line-height:46px; text-decoration:none !important}
.dbright .lxindb li.telbt1{background:url(../images/dbm1.png) no-repeat 0 center}
.dbright .lxindb li.telbt2{background:url(../images/dbm2.png) no-repeat 0 center}
.dbright .lxindb li.telbt3{background:url(../images/dbm3.png) no-repeat 0 center}
.dbright .lxindb li.telbt4{background:url(../images/dbm4.png) no-repeat 0 center}

.dbright .dber{ padding-top:25px}
.dbright .dber li{ float:left; display:block; width:125px; height:158px; border:1px solid #ffffff; margin-right:34px; padding:5px 5px 0 5px}
.dbright .dber li img{ display:block; max-width:100%}
.dbright .dber li p{ text-align:center; line-height:34px}


.page_banner{ position:relative; width:100%; height:auto}
.page_banner img{ width:100%; display:block}
#pro{ width:100%; height:1px; position:absolute; left:0; bottom:86px}







/*search*/

.search {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    margin: 8px auto;
}

.search .hot .keywd {
    color: #444444;
}

.search .keywds {
    float: left;
    line-height: 32px;
}

.search .keywds a {
    margin: 0 5px;
    color: #636364;
}

.search .keywds a:hover {
    color: black;
}

.search form {
    overflow: hidden;
    display: block;
    position: relative;
}

.search .txt {
    width: 252px;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    border: 1px solid #ccc;
    background: none;
    padding-left: 15px;
    border-radius: 15px;
}

.search .btns {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 9999;
    background: url(../images/public/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}




/*cooperate*/

.cooperate {
    width: 1201px;
    height: 166px;
    background: url(../images/e2.png) no-repeat;
    margin: 45px auto 0;
    position: relative;
}

.cooperate .cope_box {
    width: 1197px;
    margin: 48px auto 0;
}

.cooperate .cope_box .bd ul li {
    width: 147px;
    margin: 0 12px;
    float: left;
}

.cooperate .cope_box .bd ul li img {
    width: 147px;
    height: 80px;
}


/*footer*/


.r-a{width: 100%;padding-bottom: 80px;position: relative; background-color: #f4f4f4;}
.r-b{width:100%;margin: 0 auto;}
.r-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.r-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #b1000e;}
.r-cont{width: 100%; min-height: 650px; }
.r-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.r-left{float: right;width: 120px;min-height: 500px; margin-top:140px}
.r-d{width:120px;padding:56px 0;position: relative;}
.r-d.fixed{position: fixed;
    top:50%;
    left: 50%;
    margin-left:500px; z-index:999; margin-top:-280px}
.r-d.absolute{position: absolute;top: auto;}

.r-d:after{content: '';position: absolute;top: 0;right: 0;width:100px;height: 100%;background-color: #fff;}
.r-e{width: 100%;height:500px;}
.r-f{width: 100%;padding-left:20px;height:50px;display: flex;align-items: center;cursor: pointer;}
.r-g{width: 100%;text-align:left;font-size:18px;position: relative; text-indent:26px}

.r-prev{left: auto;right: 0; margin-top: 0;  top: 16px;width: 96px; height:12px;background-image: url(../images/a36.png);background-size: auto 12px;background-position: center center;background-repeat: no-repeat;}
.r-prev:hover{background-image: url(../images/a36-b.png);}
.r-next{left: auto;right: 0; margin-top: 0; top: auto; bottom:16px;width:96px; height:12px;background-image: url(../images/a37.png);background-size: auto 12px;background-position: center center;background-repeat: no-repeat;}
.r-next:hover{background-image: url(../images/a37-b.png);}

.r-right{float: left; width:80%;overflow: hidden;position: relative;}
.r-item{display: block;width: 100%;font-size: 0;margin-top:30px;padding-top: 140px;margin-bottom: -140px;
}
.r-h{display: inline-block;vertical-align: top;width:17%;padding-top:8px;color: #333333;font-weight: bold; font-size:35px}
.r-i{display: inline-block;vertical-align: top; width:80%;position: relative;}
.r-i:before{content: '';position: absolute;top: 16px;left: -56px;width:16px;height:16px;border-radius: 50%;border: solid 1px #737687; background-color: #f4f4f4;}
.r-i:after{content: '';position: absolute;top: 32px;left: -48px;width: 1px;height: calc(100% + 32px);background-color: #b3b5bd;}
.r-j{width: 100%;background-color: #ffffff;padding:16px 40px;position: relative;}
.r-j:before{content: '';position: absolute;top: 16px;left: -8px;width: 8px;height:16px;background-image: url('../images/a38.png');background-size: 8px auto; background-position: center center;background-repeat: no-repeat;}
.r-j P{color: #666666;font-size:16px !important;line-height:25px;margin: 10px 0;position: relative;padding-left:20px;}
.r-j P:before{content: '';position: absolute;top:10px;left: 0;width:5px;height:5px;background-color: #737687;}

.r-k{color: #666666;line-height:25px;margin:10px 0;position: relative;padding-left:20px;}
.r-k:before{content: '';position: absolute;top:10px;left: 0;width:5px;height:5px;background-color: #737687;}

.r-item:first-child{margin-top: 0;}
.r-item.show .r-h{color: #b1000e;}
.r-item.show .r-i:before{border: none;background-image: url('../images/a35-b.png');background-size:16px 16px;}
.r-item.show .r-i:after{background-color: #b1000e;}



.Menubob { width:100%; margin:0px auto 32px; text-align:center;}
.Menubob li{display:block;width:15%; margin-right:2%;float:left;overflow:hidden; height:52px;background:#e3e3e3;}
.Menubob li a{text-decoration:none; font-size:18px; line-height:52px;color:#333; overflow:hidden; display:block; width:100%; height:52px; text-align:center;transition: all .3s ease-out;}
.Menubob li:hover,.Menubob li a.hover,.Menubob li a:hover{background:#21b24b; color:#fff}
.Menubob li:nth-child(6n){ margin-right:0}


.in_product{padding:40px 0 0 0}
.in_product .content{ display:block; width:88%; clear:both; max-width:1550px;min-width:1200px; margin:0 auto; position: relative; z-index:9999;padding-bottom: 50px;}
.in_product .content li{ float:left; margin-bottom:28px}
.in_product .content li.protwo{ width:49%; margin-right:2%}
.in_product .content li.prothr{ width:32%; margin-right:2%}
.in_product .content li:nth-child(2),.in_product .content li:nth-child(5){ margin-right:0}

.in_product .content li a{ display:block; position:relative; overflow:hidden}
.in_product .content li a em{ display:block; overflow:hidden; width:100%}
.in_product .content li a em img{ width:100%;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}
.in_product .content li a:hover em img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.in_product .content li a div{ display: block;width: 100%;height: 100%;background: url(../images/inpbg.png) repeat; position: absolute;z-index:10;left: 0%;top: 100%;color: #fff;font-size: 16px;line-height:200%;padding: 20% 9% 0;transition: all .3s ease-out;box-sizing: border-box;}
.in_product .content li a:hover div{ top:0}
.in_product .content li a div p{ text-align:center; line-height:150%; font-size:35px; color:#fff}
.in_product .content li a div p span{ display:block; text-align:center;line-height:200%; font-size:16px; color:#fff}
.in_product .content li a div p:after{ content:""; width:100px; height:3px; margin:15px auto; display:block; background:#fff}
.in_product .content li a div font{ display:block; text-align:center; font-size:18px; line-height:180%}

.in_product .content li a h1{ display:block; position:absolute; left:0; bottom:0; text-align:center; line-height:150%; font-size:35px; color:#828282; z-index:5; font-weight:500;transition: all .3s ease-out;padding: 0 0 28px 0; width:100%}
.in_product .content li a h1 span{ display:block; text-align:center;line-height:170%; font-size:16px; color:#828282; font-weight:500}
.in_product .content li a:hover h1{ bottom:-100px}


.syprob div.plist:nth-child(3n) {margin-right:0 !important;}

	
.inbox3{ margin:0 auto; position:relative;min-width: 1200px;background: url(../images/abbg.jpg) no-repeat 0 0; padding-top:40px}
.inbox3 .center{ padding:38px; background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.3);border-radius:20px}
.inbox3 .titincp h1,.inbox3 .titincp p{ color:#fff}
.inbox3 .lefttxt{ width:46%; height: auto; display:block; padding-top:25px; float:right}
.inbox3 .lefttxt h1{color:#fff;
    background: url(../images/cpbtline.jpg) no-repeat 5px 101px;
    margin-bottom: 26px;
    font-size: 45px;
    line-height: 105px;}
.inbox3 .lefttxt .txt{height:224px; display:block; overflow:hidden; text-align:justify; margin-top:10px }
.inbox3 .lefttxt .txt *{font-size:16px; line-height:32px;}
.inbox3 .lefttxt .more{ margin-top:35px;}
.inbox3 .lefttxt .more ul li{ float: left; margin-right:2%; width:30%}
.inbox3 .lefttxt .more ul li a{ width:100%; height:48px; display: block; text-align:center; line-height:48px; background:#0176be; color:#fff; font-size:16px;border-radius:24px}
.inbox3 .lefttxt .more ul li a:hover{ background:#21b24b}

.inbox3 .rightimg{ width:50%;height: auto; right:0;top:0;display: flex;justify-content: center;align-items: center; float:left}
.inbox3 .rightimg img{ width:100%}


.mr_frbox2e {HEIGHT: auto; width:100%;  margin:0 auto; position:relative; margin-top:35px }
/*.mr_frbox2e .leftprole{ position:absolute; left:0; top:8px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right:0; top:8px;CURSOR: pointer}*/

.imgboxcpe{ width:100%; height: auto; margin:0px auto 0; overflow:hidden}
.imgboxcpe ul li{ margin:0 2.33% 0 0; display: inline; float:left; overflow:hidden; width:23.25%;}
.imgboxcpe ul li:nth-child(4n) {margin-right:0 !important; float:right !important}
.imgboxcpe ul li a{ display:block; width:100%; height: auto; background:#fff;line-height:50px; text-align:center; font-size:16px; position:relative}
.imgboxcpe ul li a .imgali{ border:1px solid #c0c0c0}
.imgboxcpe ul li a img.picyy{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.imgboxcpe ul li:hover a img.picyy{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.imgboxcpe ul li a span{ display:none}
.imgboxcpe ul li:hover a span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.imgboxcpe ul li:hover a span img{ width:60px; height:60px; position:absolute; left:50%; top:50%; z-index:68; margin-left:-30px; margin-top:-30px; display:block}



@media(max-width:1200px){
    .r-j P:before{top: .15rem;}
}

@media(max-width:1360px){
	.pp_ll li .ddhh .dj,.pp_ll li .ddhh2 .dj{ display:none}
}

@media(max-width:1440px){
	.in_product .content li a div{font-size: 14px;}
.in_product .content li a div p{font-size:25px;}
.in_product .content li a div p span{font-size:14px;}
.in_product .content li a div p:after{width:60px; height:2px; margin:10px auto;}
.in_product .content li a div font{ dfont-size:14px;}

.in_product .content li a h1{ font-size:25px;}
.in_product .content li a h1 span{ font-size:14px; }

.inbox3 .lefttxt .txt{ height:192px}
}

@media(min-width: 800px){
    .r-g:after{content: '';position: absolute;top: 50%;left: 0;width:12px;height: 1px; background-color: #a7a9b4;}


    .r-f.active{padding-left: 0;}
    .r-f.active .r-g{background-color: #b1000e;color: #ffffff;height: 50px;line-height:50px;width: calc(100% -24px); font-size:35px;}
    .r-f.active .r-g:after{display: none;}
}
@media(max-width: 800px){
    .r-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .r-right{width: 100%;}

    .r-left{width: 100%;margin-bottom:24px;}
    .r-d.fixed{position: fixed;top:0;left: 0;margin-left: 0;border: 1px solid #f4f4f4;}
    .r-d{padding: 0 .7rem;background-color: #fff;width: 100%;}
    .r-e{height: auto;}
    .r-f{display: inline-block;width: auto;padding:24px 12px;height: auto;}
    .r-g{font-size: 12px;}
    .r-f.active .r-g{color: #b1000e;}


    .r-prev{top: 50%;right: auto; left: 12px;margin-top: -12px;transform: rotate(-90deg); width: 24px;height: 24px;}
    .r-next{top: 50%;left: auto; right: 12px;margin-top: -12px;transform: rotate(-90deg); width: .3rem;height: 24px;}

}

@media screen and (max-width:1340px){
	 .mtopban{margin-top: 89px !important;}
	}
	
	
	
	
	
.header{width:100%;position:absolute; z-index: 9999; height:112px; display: flex;justify-content: space-between; align-items: center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,0.1);}
.header_h{ background:rgba(13,181,99,0.8);border-bottom: 0 solid rgba(255,255,255,0.1)}
.header .logo{}
.header .logo img{width:100%;max-width:448px;}
.header .logo_tel{ display: flex;justify-content: space-between; align-items: center;color: #fff; font-family: Impact;font-size: 32px;background-image: -webkit-linear-gradient(0deg, #15be5d,#0fae87);border-radius: 35px;font-family: 'neutra_text_tf';padding:0 12px;line-height: 46px;letter-spacing: -1.5px;}
.header .logo_tel img{margin:0 8px 0 0}
.header .logo_tel2{ display: flex;justify-content: space-between; align-items: center;color: #fff; font-family: Impact;font-size: 32px;background:#fdb813;border-radius: 35px;font-family: 'neutra_text_tf';padding:0 12px;line-height: 46px;letter-spacing: -1.5px;}
.header .logo_tel img{margin:0 8px 0 0}

.relative{position: relative;box-shadow: 0 0 45px rgba(0,0,0,0.2);}
.index_nav{width:49%;height:112px;display:flex;justify-content:space-between; align-items:center; }
.index_nav li{line-height:112px;width:calc(100%/7);text-align: center;position: relative}
.index_nav li a{color:#fff;font-size:17px;display:block; position: relative;font-weight:bold;}
.index_nav li a:hover{font-weight:bold; text-decoration:none; background-image: -webkit-linear-gradient(0deg, #15be5d,#0fae87);}

.index_nav li div {display:none;width:150%;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:0;top:100%;background-image: -webkit-linear-gradient(0deg, #15be5d,#0fae87);}
.index_nav li div a {display:block;color: #fff; line-height:39px;font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.index_nav li div a:hover{color:#fff;line-height:39px;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);}


.index_nav2{width:55%;height:112px;display:flex;displaly:-webkit-flex;flex-direction:row;-weblit-flex-direction:row;justify-content:space-between;-weblit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.index_nav2 li{line-height:112px;width:calc(100%/9);text-align: center;position: relative}
.index_nav2 li a{color:#333;font-size:18px;display:block; position: relative}
.index_nav2 li a:hover{font-weight:bold; text-decoration:none; color:#f39903}

.index_nav2 li div {display:none;width:220px;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:0;top:100%;background: #f39903}
.index_nav2 li div a {display:block;color: #fff; line-height:39px;font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.index_nav2 li div a:hover{color:#fff;line-height:39px;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);}



/*footer*/
.footer{ background-image: -webkit-linear-gradient(0deg, #15be5d,#0fae87); }
.footer .footer_f{ padding:75px 0 75px 0 ; display:flex;justify-content:space-between}
.footer i{ width:40px;height:1px; background: rgba(255,255,255,0.2);display: block; margin-bottom:35px;}
.footer strong{ display: block; font-size:18px; line-height:45px; color:#ffffff; margin-bottom:15px; }
.footer .f_fenlei{ width:20%; }
.footer .f_fenlei div{ display:flex;justify-content:space-between;flex-wrap: wrap;}
.footer .f_fenlei li{ line-height:40px; width:49%;margin:0 0 8px 0 ; border:1px solid rgba(255,255,255,0.2);}
.footer .f_fenlei li a{ color:#fff;font-size:15px; text-align: center; display: block}
.footer .f_fenlei li a:hover{ color:#fff;}
.footer .f_contact{ }
.footer .f_contact div{ line-height:33px; color:#fff; font-size:15px;padding:0 0 0 0}
.footer .f_erweima{ }
.footer .f_erweima dl{ display: flex;justify-content: space-between;}
.footer .f_erweima dd{ width:48%; display: flex;justify-content: center; align-items: center;flex-direction: column;padding: 5px 0 0 0;line-height: 45px; color: #fff}
.footer .f_erweima dd img{ text-align: center; width:95%; max-width:122px; display: block;}
.footer .f_tel{width:265px;justify-content: space-between;color:#fff }
.footer .f_tel p{}
.footer .f_tel span{display:block;font-size:28px;font-family: 'neutra_text_tf';}


.footer_p{line-height:95px; text-align:center; font-size:15px; color:#fff; border-top:1px solid rgba(255,255,255,0.05)}
.footer_p .s_width{ text-align: center}
.footer_p a{ color:#fff}
.footer_p a:hover{ color:#eee}
.footer_p img{ vertical-align: middle;}

.index_t { border-bottom:1px solid rgba(0,0,0,.1);padding:25px 0}
.index_t .s_width{display: flex;justify-content: space-between;align-items: center}
.in_title{}
.in_title span{ display: block;font-size: 60px; color: #ec4341;text-transform: uppercase}
.in_title i{display: block;font-size: 30px;color: #303030;font-style: normal;}
.in_title_p{}
.in_title_p span{ display: block;font-size: 24px; color: #2b2b2b;text-transform: uppercase;line-height:24px;}
.in_title_p i{display: block;font-size: 48px;color: #141414;font-style: normal;}
.in_title_p i strong{color: #f39903;}

.s_width{width:82%;margin:0 auto;}

@media only screen and (max-width:1800px){ 
	.fl_title div{font-size:53px}
	.c_t div{font-size:53px}
	.a_t{margin-bottom:40px;}
	.service .s_width strong{font-size:52px}
}
@media only screen and (max-width:1730px){ 
	.productshow_cage2 li div{width:160px}
}
@media only screen and (max-width:1650px){ 
	.header .logo img{max-width: 320px;}
	.s_width{width:90%;}
}
@media only screen and (max-width:1440px){
	.index_nav li a{font-size:15px;}

}