@charset"utf-8";

/*---------------------------------初始化样式----------------------------------*/

*{ margin:0; padding:0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: border-box; }

body{ font-family: "微软雅黑"; }

h1,h2,h3,h4,h5,h6{ font-weight: 400; }

li{ list-style: none; }

img{ display: inline-block; vertical-align: middle; }

span{ display: inline-block; vertical-align: middle; }

a{ text-decoration: none; cursor: pointer; }

input,select{ -webkit-appearance:none; border:0; outline: none; font-family: "微软雅黑"; }

em{ height: 100%; display: inline-block; vertical-align: middle; }

.container{ width: 1200px; margin: auto; }

.over{ overflow: hidden; }

.left{ float: left; }

.right{ float: right; }

.opi_re{ position: relative; }

.jian{ font-family: "宋体"; font-size: 14px; }

/*---------------------------------header----------------------------------*/

header{ height: 80px; line-height: 80px; }

.logo{ font-size: 0; }

.login a{ border:solid 1px #dcdcdc; display: inline-block; vertical-align: middle; border-radius: 34px; width: 98px; line-height: 34px; font-size: 0; overflow: hidden; text-align: center; cursor: pointer; }

.login a>div{ display: inline-block; vertical-align: middle; font-size: 14px; color: #333; height: 34px; line-height: 34px; margin: 0 5px; }

.login a>div img{ margin-top: -2px; }

/*---------------------------------nav----------------------------------*/

nav{ overflow: hidden; }

nav li{ float: left; }

nav li a{ float: left; color: #333333; width: 108px; text-align: center; font-size: 14px; }

nav li.active a,nav li:hover a{ color: #d9ad36; }

/*---------------------------------banner----------------------------------*/

.banner .flexslider{position:relative;overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}

.banner .slides{position:relative;z-index:1;}

.banner .slides li img{ width: 100%;}

.banner .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.banner .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}

.banner .flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden; background-color: #747474; border-radius: 12px; cursor:pointer;}

.banner .flex-control-nav .flex-active{background-position:0 0; background-color: #d9ad36;}

.banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.banner .flex-direction-nav li a{display:block;width:33px;height:65px;overflow:hidden;cursor:pointer;position:absolute;}

.banner .flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}

.banner .flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}

/*---------------------------------footer----------------------------------

footer{ background:url(../images/foot_bg.jpg) no-repeat center center; height: 280px; }

footer .top{ padding:40px 0 20px; background:url(../images/foot_bor.jpg) repeat-x bottom; }

footer ul{ float: left; width: 110px; }

footer ul li h3{ font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 20px; }

footer ul li a{ font-size: 14px; color: #5e5e5e; line-height: 22px; }

footer ul li a:hover{ color: #fff; }

.foot_xin h3{ font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 20px; }

.foot_xin>div.left{ margin-right: 40px; }

.foot_xin>div.left span{ width: 185px; vertical-align: top; line-height: 22px; }

.foot_tel{ margin-bottom: 15px; }

.foot_tel span{ font-size: 24px; color: #fff; }

.foot_eml span,.foot_address span{ font-size: 14px; color: #5e5e5e; }

.erweim span{ padding: 3px; background-color: #fff; display: inline-block; }

footer .bottom{ height: 54px; line-height: 54px; }

footer .bottom span,footer .bottom a{ font-size: 14px; color: #5e5e5e; margin-right: 10px; }*/

/*---------------------------------more----------------------------------*/

.more{ margin: 60px 0 100px; }

.more p{ width: 160px; margin: auto; text-align: center; height: 40px; line-height: 38px; border-radius: 40px; border:solid 1px #d9ad36; color: #d9ad36 !important; font-size: 0; transition: all 0.3s linear 0.1s; }

.more p span{ font-size: 14px; margin-right: 15px; vertical-align: top; font-weight: bold; }

.more p small{ position: relative; width: 13px; height: 15px; display: inline-block; vertical-align: middle; }

.more p small img{ position: absolute; top: 0; left: 0; transition: all 0.3s linear 0.1s;}

.more p small img:nth-child(2){ opacity: 0; }

.more p:hover{ background-color: #d9ad36; color: #fff !important; }

.more p:hover small img:nth-child(1){ opacity: 0; }

.more p:hover small img:nth-child(2){ opacity: 1; }

/*---------------------------------index----------------------------------*/

.section{ overflow: hidden; }

.section .tit h2{ text-align: center; margin:90px 0 35px; }

.section .tit h2 span,.section h2 small{ display: block; }

.section .tit h2 span{ font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.section .tit h2 small{ font-size: 14px; color: #c1c1c1; }

.section .tit>div{ margin-bottom: 60px; }

.section .tit p{ text-align: center; color: #666666; font-size: 14px; line-height: 22px; }

.abo_list .left{ width: 590px; height: 396px; }

.abo_list .right{ width: 590px; }

.abo_list .right dl{ position: relative; float: left; margin:0 10px 10px 0; width: 290px; }

.abo_list .right a:nth-child(2n) dl{ margin-right: 0; }

.abo_list .right dd{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,0.4); }

.abo_list .right dd div{ display: inline-block; vertical-align: middle; }

.abo_list .right dd span{ margin-bottom: 15px; }

.abo_list .right dd p{ font-size: 24px; color: #ffffff; }

.abo_list .right dl dt{ overflow:hidden;}

.abo_list .right dl dt img{ transition: all 0.3s linear 0.1s; }

.abo_list .right dl:hover dt img{ transform: scale(1.1); }

.sectionBg{ background-color: #2f2f31; }

.sectionBg .tit h2 span,.sectionBg .tit h2 small{ color: #fff; }

.section4 .tit h2,.section1 .tit h2,.section5 .tit h2{ margin-bottom: 60px; }

.section .tit h2 small{ text-transform: uppercase; }

.section3{ padding-bottom: 90px; }

.pro_list dl{ border:solid 1px #e2e2e2; width: 279px; background-color: #fff; float: left; margin:0 27px 24px 0; transition: all 0.3s linear 0.1s; }

.pro_list dl:nth-child(4n){ margin-right: 0; }

.pro_list dl dt{ overflow:hidden; }

.pro_list dl dt img{ transition: all 0.3s linear 0.1s; width: 100%; }

.pro_list dl dd{ background-color: #f5f5f5; padding: 20px 30px; transition: all 0.3s linear 0.1s; }

.pro_list dl dd h3{ font-size: 24px; color: #333333; margin-bottom: 5px; transition: all 0.3s linear 0.1s; }

.pro_list dl dd p{ font-size: 14px; color: #7d7d7d; line-height: 26px; transition: all 0.3s linear 0.1s; }

.pro_list dl:hover{ border:solid 1px #d9ad36; }

.pro_list dl:hover dt img{ transform: scale(1.1); }

.pro_list dl:hover dd{ background-color: #d9ad36; }

.pro_list dl:hover dd h3,.pro_list dl:hover dd p{ color: #fff; }

.ser_list>div{ width: 50%; }

.ser_list .left li{ float: left; margin-right: 26px; margin-bottom: 50px; }

.ser_list .left li:nth-child(4n){ margin-right: 0; }
.ser_list .left > ul{display:flex;display:-webkit-flex;display:-ms-flex;}
.ser_list .left li>span,.ser_list .left li div{ float: left; }

.ser_list .left li>span{ margin-right: 15px; height: 40px; line-height: 40px; }

.ser_list .left li>div{  float: initial;/* display: inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */}
.ser_list .left li>div>div{ display: inline-block; float: initial; }

.ser_list .left li h3{ font-size: 22px; color: #333; /*height: 40px; line-height: 40px; */transition: all 0.3s linear 0.1s; }

.ser_list .left li:hover h3{ color: #d9ad36; }

.ser_list .left li p{ font-size: 14px; color: #999; }

.ser_list .left li .more{ margin: 0; margin-top: 10px; }

.ser_list .left li .more p{ margin: 0; }

.ser_list .flexslider{position:relative;overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}

.ser_list .slides{position:relative;z-index:1;}

.ser_list .slides li{ overflow: hidden; }

.ser_list .slides li img{ width: 100%; transition: all 0.3s linear 0.1s;}

.ser_list .slides li img:hover{ transform: scale(1.1); }

.ser_list .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.ser_list .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}

.ser_list .flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden; background-color: #747474; border-radius: 12px; cursor:pointer;}

.ser_list .flex-control-nav .flex-active{background-position:0 0; background-color: #d9ad36;}

.ser_list .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.ser_list .flex-direction-nav li a{display:block;width:33px;height:65px;overflow:hidden;cursor:pointer;position:absolute;}

.ser_list .flex-direction-nav li a.flex-prev{ left:40px; background:none;}

.ser_list .flex-direction-nav li a.flex-next{ right:40px; background:none;}

.section4{ padding-bottom: 80px; }

.section4 ul li{ width: 25%; float: left; height: 300px; overflow:hidden; }

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

.section4 ul li a>img{ transition: all 0.3s linear 0.1s; }

.section4 ul li:hover a>img{ transform: scale(1.1); }

.li_colW{ background-color: #fff;}

.li_colH{ background-color: #f5f5f5; }

.li_tits{ text-align: center; }

.li_tits dl{ width: 100%; }

.li_tits dl dd{ color: #333333; font-size: 24px; margin: 15px 0 35px; }

.li_tits .more{ margin: 0; }

.li_tits a>div{ display: inline-block; vertical-align: middle; }

.li_list{ text-align: center; }

.li_list a>div{ display: inline-block; vertical-align: middle; width: 80%; text-align: left; }

.li_list a>div h3{ font-size: 18px; color: #333333; transition: all 0.3s linear 0.1s; }

.li_list a>div span{ color: #cdcdcd; font-size: 14px; margin: 15px 0 25px; }

.li_list a>div p{ color: #666; font-size: 14px; }

.li_list a:hover>div h3{ color: #d9ad36; }

.section5 figure figcaption{ height: 375px; }

.section5 figure>div{ overflow:hidden; }

.section5 figure>div img{ transition: all 0.3s linear 0.1s; }

.section5 figure>div:hover img{ transform: scale(1.1); }

.fig_txt{ display: inline-block; vertical-align: middle; }

.fig_txt>p{ font-size: 14px; color: #666666; margin-bottom: 60px; }

.d{ text-align: center; }

.d>div{ width: 50%; }

.d>div h3{ font-size: 24px; color: #333333; margin: 20px 0 10px; transition: all 0.3s linear 0.1s; }
.d>div:hover h3{ color:#d9ad36;  }

.d>div p{ font-size: 14px; color: #999; }

/*---------------------------------about----------------------------------*/

.abo_banner,.abo_banner .container{ height: 500px; }

.abo_banner .container>div{ width: 99.5%; display: inline-block; vertical-align: middle; }

.abo_banner .left{ margin-left: 85px; }

.aboBan_mv{ width: 590px; height: 338px; }

.abo_banner .right{ height: 338px; margin-right: 85px; }

.abo_banner .right>div{ width: 395px; display: inline-block; vertical-align: middle; }

.abo_banner .right h2{ text-align: center; color: #fff; margin-bottom: 40px; }

.abo_banner .right p{ color: #fff; font-size: 14px; line-height: 26px; }

.aboSect1 ul{ width: 1025px; margin:55px auto 95px; background:url(../images/shi.jpg) no-repeat center center; background-size: 1025px 429px;}

.aboSect1 ul li{ width: 50%; height: 290px; text-align: center; float: left; padding: 25px 0; }

.aboSect1 ul li:nth-child(2n+1){ padding-right: 65px; }

.aboSect1 ul li:nth-child(2n){ padding-left: 65px; }

.aboSect1 ul li>div{ height: 42px; line-height: 42px; }

.aboSect1 ul h3{ font-size: 24px; color: #333333; margin: 10px 0 25px; }

.aboSect1 ul p{ font-size: 14px; color: #999999; line-height: 22px;text-align:left;}

.abo_sectBg{ background-color: #f5f5f5; }

.aboSect2{ padding: 125px 0 40px; }

.aboSect2 .container{ background:url(../images/abo_bg2.png) no-repeat center bottom; text-align: center; width: 1025px; padding: 0 0 85px; }

.aboSect2 h2{ font-size: 30px; color: #333333; margin-bottom: 50px; }

.aboSect2 p{ font-size: 14px; color: #666666; line-height: 26px; }

/*---------------------------------product----------------------------------*/

.content .container>.right{ width: 935px; }

.n_banner .container{ position: relative; }

.pro_banner{ height: 300px; }

.nBan_tit{ text-align: center; height: 300px; }

.n_banner h2{ display: inline-block; vertical-align: middle; }

.n_banner h2 span,.n_banner h2 small{ display: block; }

.n_banner h2 span{ font-size: 30px; color: #ffffff; }

.n_banner h2 small{ font-size: 14px; color: #5c5c5c; }

.mb_nav{ font-size: 0px; position: absolute; left: 0; bottom: 20px; }

.mb_nav a,.mb_nav span{ display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 5px; color: #fff; }

.mb_nav a img{ margin-right: 15px; }

.mb_nav span{ margin-bottom: -2px; }

.cont_bg{ background-color: #fff; margin-bottom: 60px; }

.slide{ width: 226px; margin-right: 38px; text-align: center; background-color: #2b2b2b; }

.slide h2{ height: 86px; line-height: 86px; font-size: 24px; color: #d9ad36; font-weight: bold; background:url(../images/slide_bor.jpg) repeat-x bottom; }

.slide li{ background:url(../images/slide_bor.jpg) repeat-x bottom; height: 52px;}

.slide li a{ display: block; height: 50px; line-height: 50px; color: #fff; border-left:solid 3px rgba(0,0,0,0);font-size:15px; }

.slide li:hover a,.slide li.active a{ color: #d9ad36; border-left:solid 3px #deb32e; }

.slide>div{ padding: 20px 15px 25px; color: #6c6c6c; }

.slide>div p{ font-size: 14px; line-height: 18px; }

.slide>div span,.slide>div strong{ display: block; }

.slide>div strong{ font-size: 20px; font-weight: 400; margin-bottom: 18px; }

.pro_content .container{ padding: 30px 0px 0; }

.pro_content .container>.right{ border-left: solid 1px #c4c4c4; padding-left: 40px; }

.pro_content .pro_list{ width: 100%; }

.pro_content .pro_list dl{ margin-right: 25px; }

.pro_content .pro_list dl:nth-child(3n){ margin-right: 0; }

.page{ text-align: center; margin: 40px 0 100px; }

.page>div{ display: inline-block; vertical-align: middle; color: #444444; font-size: 0; margin: 0 5px; }

.page>div a,.page>div span{ font-size: 14px; height: 28px; line-height: 28px; margin: 0 5px; }

.page>div a{ display: inline-block; vertical-align: middle; border:solid 1px #c9c6c3; border-radius: 3px; padding: 0 10px; color: #444444; }

.page>div a:hover,.page>div a.active{ background-color: #d9ad36; color: #fff; border-color: #d9ad36; }

.pro_content figure{ width: 810px; margin: auto; padding:0 80px 35px; border-bottom: dotted 1px #7e7e7e; }

.pro_content figure>div{ background-color: #f4f4f4; padding: 5px; width: 392px; border:solid 1px #f0f0f0; }

.picImg img{ display: none;}

.picImg img:first-child{ display: block;}

/*----*/

.picScroll-left{ position: relative; }

.picScroll-left .prev{ position: absolute; z-index: 2; left: 0; top: 0; }

.picScroll-left .next{ position: absolute; right: 0; top: 0; }

.picScroll-left .bd{ width: 360px; margin: 10px auto 15px; }

.picScroll-left .bd .tempWrap{ overflow: hidden; }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{float:left; margin: 0 5px; cursor: pointer; min-width: 62px; }

.picScroll-left .bd ul li div{ border:solid 1px #f0f0f0; }

.picScroll-left .bd ul li:hover div,.picScroll-left .bd ul li.active div{ border-color:#008cd6 !important;}

/*----*/

.zzzz{ width: 119px; height: 36px; margin-bottom: 20px; display: inline-block; vertical-align: middle; text-align: center; line-height: 35px; color: #fff; background:url(../images/1.png) no-repeat center center; }

.pro_content figure figcaption h2{ margin-top: 35px; margin-bottom: 60px; font-size: 20px; font-weight: bold; }

.pro_content figure figcaption p{ margin-bottom: 20px; }

.pro_content .pro_detaTxt{ width: 810px; margin: 40px auto 100px; }

/*---------------------------------service----------------------------------*/

.serSection1{ border-bottom:solid 1px #e3e3e3; padding-top: 60px; }

.serSection1 h2{ font-size: 24px; color: #333333; margin-bottom: 20px; text-align: center; color: #333333; font-weight: bold; font-size: 24px; }

.serSection1 .serTit p{ font-size: 14px; color: #666; line-height: 26px; }

.serTit{ margin-bottom: 30px; }

.serSection1 .ser_list>div{ width: 100%; }

.serSection1 .ser_list .left li{ width: 280px; border: solid 1px #d8d8d8; text-align: center; padding: 25px 0; }

.serSection1 .more p{ color: #d9ad36 !important; border:#d9ad36 2px solid !important; }

.serSection1 .more:hover p{ border-color:#d9ad36 !important; color: #fff !important; }

.serSection1 .ser_list .left li>div>p{ margin: 10px 0; }

.ser_con ul{ overflow: hidden; }

.ser_con ul li{ float: left; width: 260px; height: 80px; margin-right: 10px; background-color: #f5f5f5; text-align: center; }

.ser_con ul li img,.ser_con ul li>div{ display: inline-block; vertical-align: middle; }

.ser_con ul li>div{ text-align: left; font-size: 14px; color: #666666; margin-left: 10px; }

.serSection2{ padding: 50px 0; border-bottom:solid 1px #e3e3e3; }

.dowTit h2{ margin-bottom: 30px; }

.dowTit ul li{ float: left; margin-right: 30px; }

.dowTit ul li a{ display: block; background-color: #d9ad36; color: #fff; width: 160px; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; font-size: 0; }

.dowTit ul li a span{ font-size: 14px; margin-left: 10px; }

.serSection3{ padding: 35px 0; }

.czTit p{ font-size: 14px; color: #999999; line-height: 26px; margin-top: 20px; }

/*---------------------------------new----------------------------------*/

.pro_content.new_content .container>.right{ padding-left: 40px; }

.new_conRig dl{ overflow: hidden; border-bottom: dotted 1px #b5b5b5; padding-bottom: 20px; margin-bottom: 20px; }

.new_conRig dt{ float: left; overflow:hidden; }

.new_conRig dt img{ transition: all 0.3s linear 0.1s; }

.new_conRig dl:hover dt img{ transform: scale(1.1); }

.new_conRig dd{ width: 470px; float: right; }

.new_conRig dd h3{ font-size: 18px; color: #333; transition: all 0.3s linear 0.1s; }

.new_conRig dd p{ font-size: 14px; color: #666666; line-height: 22px; }

.new_conRig dd span{ font-size: 12px; color: #999999; margin: 20px 0 24px; }

.new_conRig dl:hover dd h3{ color: #d9ad36; }

.new_conDeta{ padding-top: 25px; padding-bottom: 100px; }

.new_conDeta>div>div{ position: relative; }

.new_conDeta>div>div>a{ position: absolute; top: 10px; left: 0;  font-size: 14px; color: #666666; background:url(../images/fh_jian.png) no-repeat left center; padding-left: 20px; }

.new_deTit{ text-align: center; }

.new_deTit h3{ font-size: 24px; color: #000000; }

.new_deTit span{ font-size: 14px; color: #999999; margin: 20px 0 35px; }

/*---------------------------------contact----------------------------------*/

.tactSection1{ padding:40px 0;  }

.tactSection1 h2{ font-size: 24px; color: #333333; margin-bottom: 20px; }

.tactSection1 p{ font-size: 14px; color: #727272; line-height: 32px; }

.tactSection1 .map{ margin-top: 35px; }

/*---------------------------------contact----------------------------------*/

.formTit{ text-align: center; margin-top: 65px; margin-bottom: 60px; }

.formTit h2{ margin-bottom: 15px; }

.formTit h2 img{ width: 50px; height: 50px; }

.formTit h2 span{ font-size: 36px; color: #636890; margin-left: 10px; }

.formTit small{ font-size: 18px; color: #aaaaaa; }

form .form_div{ width: 400px; margin:auto; font-size: 0; margin-bottom: 20px; }

form .form_div div{ margin-bottom: 20px; }

form .form_div div label{ width: 80px; text-align: left; display: inline-block; font-size: 14px; color: #666666; }

form .form_div div input{ width: 320px; display: inline-block; background-color: #f4f4f4; height: 48px; border-radius: 5px; box-shadow: -1px -2px 0 0 #c6c4c5; padding:0 10px; }

form .form_div .yanzhen{ overflow: hidden; height: 50px; line-height: 50px; margin-bottom: 40px; }

form .form_div .yanzhen input{ width: 172px; }

form .form_div .yanzhen a{ float: right; }

form .form_div .yanzhen input::-webkit-input-placeholder{ color: #999; }

.xy{ width: 830px; height: 276px; overflow-x: hidden; padding:25px 15px; margin: auto; border:dotted 1px #c1c1c1; }

.xy li{ line-height: 32px; font-size: 14px; color: #333333; }

.chec{ width: 400px; margin: 40px auto 60px; padding: 0 10px; overflow: hidden; }

.chec>div{ height: 40px; line-height: 40px; float: left; }

.chec input[type="checkbox"]{ width: 12px; height: 12px; vertical-align: middle; border:solid 1px #a7a7a7; border-radius: 3px; background-color: #ececec; margin-right: 5px; }

.chec input[type="checkbox"].active{ background:url(../images/dui.png) no-repeat center center; }

.chec input[type="button"]{ width: 180px; height: 40px; line-height: 40px; box-shadow: 2px 2px 5px 0px #686868; display: inline-block; background-color: #282828; color: #fff; font-size: 22px; float: right; cursor: pointer; margin-right: 45px; }

/*---------------------------------contact----------------------------------*/

.login_ch{ margin-bottom: 30px; padding-left: 80px; margin-top: 0; }

.login_ch input[type="button"]{ float: initial; box-shadow: -2px 2px 5px 0px #686868; margin-right: 25px; }

.login_ch a{ font-size: 14px; color: #636890;}

.ress{ width: 400px; margin: 0 auto 100px; padding-left: 80px; }

.ress span{ font-size: 18px; color: #333333;}

.ress a{ color: #d9ad36; font-size: 18px; display: inline-block; vertical-align: middle; }

form .form_div .yanzhen.loYz{ margin-bottom: 0; }

.login_chMo{ margin-bottom: 100px; }



.float{ position: fixed; z-index: 9; top: 40%; right: 0;}

.float li a>.right{ width: 69px; text-align: center; height: 69px; border:solid 1px #d9ad36; position: relative; z-index: 7; background-color: #fff;}

.float li:hover a>.right{ background-color: #d9ad36;}

.float li.z_top:hover a>.right{ background-color: #fff;}

.float li a>.right p,.float li a>div small{ width: 69px; height: 69px;}

.float li a>.right small{ line-height: 69px;}

.float li a>.right p{ color: #fff; text-align: center; position: absolute; top: 0; left: 0; line-height: inherit; opacity: 0;}

.float li:hover a>.right p{ opacity: 1;}

.fl_left{ width: 0; border:solid 2px #d9ad36; display: inline-block; padding: 10px; position: absolute; z-index: 5; right: 0px; border-radius: 5px; margin-right: 28px; background-color: #fff; transition:all 0.4s linear 0.1s; opacity: 0;}

.fl_left>div{ overflow: hidden;}

.fl_left>span{ position: absolute; top: 34px; right: -10px;}

.float li:hover .fl_left{ width: 143px; right: 69px; opacity: 1;}

img{ border:none; }

/*=======================修改=======================*/
.new_deTit h3{ max-width: 80%; margin: auto; }
.new_conDeta>div>div>div{ padding: 0 50px; }

/*=======================模板修改=======================*/
footer{ height: auto; background-size: 100% 100%; overflow: hidden; }
footer .bottom{ overflow: hidden; }
.abo_list{ padding-bottom: 80px; }
.abo_list .left,.abo_list .right,.ser_list .left,.ser_list .right{ float: inherit; display: inline-block; vertical-align: middle; }
.abo_list .more,.ser_list .more{ margin: 50px 0 0; }
.ser_list{ font-size: 0; }
.ser_list .left>p{ font-size: 14px; color: #333333; line-height: 24px; margin-right: 60px; }
.section4 ul li{ width: 33.333%; }
.section4 ul li a>img{ width: 100%; }
.section5{ padding-bottom: 80px; }
footer{ background-color: #f5f5f5; padding: 60px 0; }
footer ul{ font-size: 0; text-align: center; }
footer ul li{ display: inline-block; vertical-align: middle; margin: 0 22px; }
footer ul li a{ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s linear 0.05s; }
footer ul li:hover a{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.fotNav{ background:url(../images/fotB.jpg) repeat-x center; text-align: center; }
.fotNav ul{ background-color: #f5f5f5; display: inline-block; padding: 0 20px; }
.fotNav2 ul{ overflow: hidden; padding: 60px 0; }
.fotNav2 ul li{ float: left; width: 16.666%; text-align: center; margin: 0; }
.fotNav2 ul li a{ float: left; width: 100%; background:url(../images/fotNav.jpg) no-repeat right center; font-size: 14px; color: #333333; font-weight: bold; transition: all 0.3s linear 0.05s; }
.fotNav2 ul li:last-child a{ background:none; }
.fotNav2 ul li:hover a{ color: #d9ad36; }
footer p{ text-align: center; }
footer p,footer p a{ font-size: 14px; font-weight: bold; color: #aeaeae; }
.pro_content .page{ margin-bottom: 0; }
.new_conRig dl{ font-size: 0; }
.new_conRig dt img{ width: 400px; height: 300px; }
.new_conRig dt,.new_conRig dd{ float: initial; display: inline-block; vertical-align: middle; }
.new_conRig dd{ margin-left: 20px; }
.abo_list .right{ padding-left: 60px; }
.abo_list .right>p{ line-height: 24px; font-size: 14px; }
.abo_list .more p{ margin-left: 0 !important; }
.ser_list .left .more p{ margin-left: 0; }

.pro_content figure>figcaption.right{ width: 370px; }
.pro_content figure{ padding: 0 0 35px; }


.right{line-height:normal; }
.ttle {font-size: 14px;text-align: right;margin-top: 15px;margin-bottom: 7px;margin-right:28px;font-weight: bold;}
.ttle img{width: 20px;margin-right: 10px;}


/*
		2019.05.24 优化
*/
html,body{
	min-width: 1250px;
}
.dibu{align-items:center;justify-content:center;color:#aeaeae;font-size:14px;display:flex;}
.copy-r {
    align-items: center;
    display:flex;
    margin-left:36px;
}
.copy-r >span{margin: 0 6px;display: block;width: 1px;height: 14px;margin-top:1px;background-color: #ddd;}
.dibu a{color:#aeaeae;}
.dibu a:hover{color:#d9ad36;}

.dibu >a:nth-child(1){padding-left:6px;}