@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('../font/font_1298696_rrc4b56h0tg.eot');
  src: url('../font/font_1298696_rrc4b56h0tg.eot') format('embedded-opentype'),
  url('../font/font_1298696_rrc4b56h0tg.woff2') format('woff2'),
  url('../font/font_1298696_rrc4b56h0tg.woff') format('woff'),
  url('../font/font_1298696_rrc4b56h0tg.ttf') format('truetype'),
  url('../font/font_1298696_rrc4b56h0tg.svg') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

body {font-size:12px;color:#000000;font-family:'Microsoft YaHei';min-width:1200px;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'Microsoft YaHei';}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}
div,ul,ol,li,dd,dl,dt {list-style:none;}
table {border-collapse:collapse;border:0;}
td,tr,th {font-size:12px;}
img {border:none;}
select,input,img {vertical-align:middle;}
textarea {vertical-align:middle;font-size:12px;resize:none;}
input,textarea{outline: none;}
em {font-style:normal;}
b {font-weight:normal;}
h1,h2,h3 {font-weight:bold;font-size:16px;}
h4,h5,h6 {font-weight:bold;font-size:12px;}
*{transition: .5s;}

a:link,a:visited {color:#333;text-decoration:none;}
a:hover,a:active {color:#ffc001;text-decoration:none;}
a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}
a.sethome:hover,a.sethome:active {color:#ffc001;font-size:12px;text-decoration:underline;}
a.links:link,a.links:visited   {color:#3C3B3B;font-size:12px;text-decoration:none;}
a.links:hover,a.links:active   {color:#FF0000;font-size:12px;text-decoration:underline;}
a.white:link,a.white:visited   {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.white:hover,a.white:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.black:link,a.black:visited   {color:#666666;font-size:12px;text-decoration:none;}
a.black:hover,a.black:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.detail:link,a.detail:visited {color:#000000;font-size:12px;text-decoration:none;}
a.detail:hover,a.detail:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.newslist:link,a.newslist:visited {color:#666666;font-size:13px;text-decoration:none;}
a.newslist:hover,a.newslist:active {color:#FF0000;font-size:13px;text-decoration:none;}
a.prolist:link,a.prolist:visited   {color:#615B5B;font-size:13px;text-decoration:none;}      
a.prolist:hover,a.prolist:active   {color:#FF0000;font-size:13px;text-decoration:none;}
a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}
a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}

.clearfix { *zoom: 1;}
.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}
.clear,.cl {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}
.pr{position: relative;}
.pa{position: absolute;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.blank{font-family:Times New Roman;font-size:12px;}

.imgcode {width:60px;height:22px;vertical-align:middle;cursor:pointer;}
.Company {clear:both;padding:10px 10px 10px 10px;line-height:28px;color:#666666;font-size:14px;}
.Company p {line-height:28px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

.bridgeCode {width:1200px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 0px 0px;}
.button {border:1px solid #000000;padding-top:1px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;cursor:pointer;vertical-align:middle;}
.button_submit {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:50px;height:22px;cursor:pointer;vertical-align:middle;background:url('../image/btn_submit.gif') no-repeat;}
.button_submit2 {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:70px;height:22px;cursor:pointer;vertical-align:middle;background:url('../image/btn_submit2.gif') no-repeat;}   
.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#333;border:1px solid #333;border-radius:5px;margin-right:10px;}
.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#5c5c5c;border:1px solid #5c5c5c;border-radius:5px;}

/**********************************************************************************************/
.main   {width:100%;margin:0 auto;line-height:20px;}
.topCon {width:1200px;margin:0 auto;}
.topCon100 {width:100%;margin:0 auto;line-height:20px;position: relative;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:10px 0px 0px 0px;}
.indexCenter {max-width: 1600px;min-width: 1200px; margin: 0 auto;line-height:20px;padding:5px 0px 0px 0px;}

.indexCenter table {line-height:20px;}
.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexLeft {float:left;width:280px;line-height:20px;padding:10px 0;}
.indexLeft1 {float:left;width:250px;line-height:20px;}
.indexRight  {float:right;width:calc(100% - 300px);}
.indexRightpage  {float:left;width: 100%;}
.indexRight1 {float:left;width:464px;line-height:20px;padding:5px 0px 0px 7px;}

.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.w1000 {width: 1000px;margin: 0 auto;}
.w1100 {width: 1100px; margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.w1300 {width: 1300px; margin: 0 auto;}
.w1400 {width: 1400px; margin: 0 auto;}
.w1600 {max-width: 1600px;min-width: 1200px; margin: 0 auto;}


/* top */
.wraptop_1 {float:left;width:100%;height:32px;background:url('../image/index_08.gif') repeat-x;}
.wraptop_1_1 {float:left;width:690px;text-align:left;line-height:32px;}
.wraptop_1_1 span {font-size:12px;color:#333333;}
.wraptop_1_2 {float:right;width:280px;line-height:32px;color:#000000;text-align:right;padding-right:10px;}
.wraptop_1_2 a:link,.wraptop_1_2 a:visited {color: #273843; margin:0px 6px 0px 5px;}
.wraptop_1_2 a:hover,.wraptop_1_2 a:active {color:#FF0000;margin:0px 6px 0px 5px;}

.wraptop_2 {width:100%;min-width: 1200px;height:100px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;
 background:#fff;box-shadow:0 0 10px #666;z-index: 9999;overflow:hidden;}
.wraptop_2 h1{float:left;}
.wraptop_2 h1 img{max-height: 100px;}
.t_text{float:left;padding:20px 0 0 20px;font-size:19px; color: #434343;line-height:30px;width:400px;margin: 10px 0 0 0px;font-weight:400; }
.t_text strong{display: block;color: #e21226; font-size:22px;}
.h_pho{background:url(../image/telbg.png) no-repeat 0 35px;font-size:14px;line-height:18px;padding:30px 0 0 55px;color:#1f1a17;height:70px;width: 215px; white-space: nowrap; margin-top:5px;}
.h_pho b{font-size:25px;display:block;line-height:35px;color: #c5161d; font-weight: 700;}

.wraptop_4_2 {float:right;width:18%;background:#ffc001;height:100px;-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);
  transform: skewX(-25deg);-webkit-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;display: flex;justify-content: center;align-items: center; }
.wraptop_4_2 form{-webkit-transform: skewX(25deg);-ms-transform: skewX(25deg);transform: skewX(25deg);
    background: #fff;border-radius: 20px;overflow: hidden;width:80%; font-size: 0px;}
.wraptop_4_2_1 {float:left;width:80%;}
.wraptop_4_2_1 .searchinput {width:90%;border:0px solid #888888;height:34px;line-height:34px;color:#888888;font-size:12px;
  padding:0 0 0 20px;vertical-align:middle;}
.wraptop_4_2_2 {float:right;width: 20%}
.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:15px;color:#666;background-color:transparent;
  width:100%;height:34px;line-height:34px;cursor:pointer;vertical-align:middle;}

/* navigation */
.nav {float:left;width:50%;}
.linav {margin:0 auto;line-height:100px;}
.linav_ul {width: 100%;}
.linav_ul li {float:left;width:calc(100% / 8); height:100px;color:#333;font-size:16px;text-align:center;position: relative;overflow: hidden;}
.linav_ul li a:link,.linav_ul li a:visited {display: block; color:#333;font-size:16px;position: relative;z-index: 3;}
.linav_ul li a:hover {color: #ffc001;}
.linav_ul li.select a{ color: #ffc001;}

.inbanner .swiper-slide {text-align: center;font-size: 18px; background: #fff;overflow:hidden; }
.inbanner .slide-inner {position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;
  background-position:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
  -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;
  -ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#fff;}

/* Banner */
.banner6 {position:relative;height:500px;overflow:hidden;width:100%;margin-top:0px;}
.banner6 .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;overflow:hidden;}
.banner6 .show ul {position:relative;float:left;width:2500px;height:500px;overflow:hidden;}
.banner6 .show ul li {text-align:center;float:left;width:2500px;position:absolute;display:none;}
.banner6 .focus {position:absolute;bottom:15px;left:47%;padding:5px 6px;}
.banner6 .focus a {float:left;width:18px;height:18px;display:block;margin-left:5px;border-radius:14px;color:#fffab1;cursor:pointer;background:#fff none repeat scroll 0 0;transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s;}
.banner6 .focus a.on {background:#ab0000 none repeat scroll 0 0;color:#ab0000;height:18px;width:32px;}
.hot {width:100%;height:42px;line-height:42px;position:absolute;bottom:10px;z-index:2;}
.hot .wrapper {width:1200px;margin:0 auto;}
.hot .list {float:left;width:860px;padding-left:10px;height:42px;position:relative;}
.hot .list .prev {display:block;width:18px;height:15px;position:absolute;background-position:-42px -108px;top:13px;left:80px;}
.hot .list .box_btn {display:block;width:18px;height:15px;position:absolute;background-position:-61px -108px;top:13px;left:99px;}
.hot .list .next {display:block;width:18px;height:15px;position:absolute;background-position:-80px -108px;top:13px;left:118px;}
.hot .list span.tit {font-size:12px;width:145px;float:left;color:#151515;}
.hot .list a {color:#000000;font-size:12px;text-decoration:none;}
.hot .list a:hover {color:#0157AD;font-size:12px;text-decoration:none;}
.hot .list div {width:700px;float:left;height:42px;position:relative;overflow:hidden;}
.hot .list div ul {width:700px;position:absolute;}

/* Links */
.yqlj {clear:both;margin:0 auto;width:1200px;padding:20px 0px 20px 0px;line-height:20px;}
.yqlj_t {float:left;width:170px;padding-left: 35px; height:30px;line-height: 30px; font-size:22px;color:#000;background: url(../image/m_12.png) no-repeat 0 0;}
.yqlj_t em{font-size: 16px;}
.yqlj .yqlj_1 {float:left;width:980px;line-height:40px; } 
.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;font-size: 14px;}

/* bottom */
.divBottom {width:100%;line-height:20px;margin-top:10px;background:#1f2025;}
.divBottom_1 {text-align:center;border:1px solid #E3E1E1;background:#ab0000;font-weight:400;font-size:16px;line-height:50px;color:#FFFFFF;}
.divBottom_1 a {color:#FFFFFF;text-decoration:none;margin:0px 8px 0px 7px;font-size:14px;}
.divBottom_1 a:active {color:#FFFF00;text-decoration:none;margin:0px 8px 0px 7px;}
.divBottom_2 {color:#666666;padding-bottom:10px;padding-top:10px;text-align:center;}
.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#666666 !important;}
.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}
    
.footer_hd {overflow:hidden;background:#1f2025;color:#fff;font-size:14px;/* height:292px;*/}
.footer_hd ul {display:flex;justify-content:space-between;flex-wrap:wrap;/*align-items:center;*/width:100%;margin:60px 0;}
.footer_hd ul .footer_company {width:244px;color:#fff;text-align: center;}
.footer_hd .footer_company h6 {font-size:18px;padding-top:30px;padding-bottom:10px;}
.footer_company p {font-size:14px;}
.footer_hd ul .footer_nav {width:328px;color:#fff;}
.footer_hd h6 {font-size:18px;color:#fff;padding-bottom:30px;}
.footer_nav .ftmenu {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.footer_nav .ftmenu a {font-size:14px;padding-bottom:30px;width:90px;color:#CCCCCC;}
.footer_hd ul .ftcontact {width:420px;color:#CCCCCC;line-height:25px;}
.footer_hd .divider {width:1px;height:180px;background:#a5a5a5;}
.footer_bd {background:#16171b;font-size:14px;color:#fff;padding:20px 0;font-family:arial;}
.footer_bd a {color:#fff;}
.footer_bd .w {display:flex;justify-content:center;}


/*首页*/
.ind_head{display:block;font-size: 40px;position: relative;height:50px;line-height:50px;padding-left: 20px;color:#333;}
.ind_head::before{content: ''; position: absolute; width: 7px; left: 0px; height:45px; top:5px;
    background: linear-gradient(180deg, #ffc001, #f8d56a); background-size: cover;}
.ind_fenie{font-size:16px; line-height: 40px;padding-top:0px;padding-left:20px;color:#666;}
.ind_fenie .more{float:right;border: 1px solid rgba(51,51,51,0.3);font-size: 14px; background: #fff;border-radius: 50px;height: 36px;padding:0 50px;}
.ind_fenie .more:hover{background:#ffc001;color:#ffffff;border-color:#ffc001; }

/*产品*/
.indproduct{background:#e6e6e6;width: 100%;padding:0px 0 20px;}

.productop{width:100%;background:#ffffff;padding:50px 5% 20px;box-sizing: border-box;}
.productop .biaot{display:block;font-size: 40px;position: relative;height:50px;line-height:50px;padding-left: 20px;color:#333;}
.productop .biaot::before{content: ''; position: absolute; width: 7px; left: 0px; height:45px; top:5px;
    background: linear-gradient(180deg, #ffc001, #f8d56a); background-size: cover;}
.productop .fenie{line-height: 40px;padding-top: 20px;}
.productop .fenie ul{float:left;width:80%;padding-left:20px;}
.fenie li{display:inline-block;margin-right: 40px;position: relative; min-width: 0px;height: auto;
    border-radius: 0px;border: none; transition: all .5s ease;}
.fenie li .xiew{ display: inline-block;width: auto;padding: 0px; overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;color: #333;text-align: center;font-size: 16px;}
.fenie li a:hover{color:#ffc001;}
.fenie li .xiew:after {content: '/';display: block; font-size: 16px;color: #ccc; position: absolute;top: 0px;right: -20px;}
.fenie .more{float:right;border: 1px solid rgba(51,51,51,0.3);font-size: 14px; background: #fff;border-radius: 50px;height: 36px;padding:0 50px;}
.fenie .more:hover{background:#ffc001;color:#ffffff;border-color:#ffc001; }

.product_list {margin:20px auto;}
.product_list li {float:left;margin:20px 20px;width:calc(25% - 40px);position:relative;background:#fff;}
.product_list li .IMG {width:100%;min-width:250px; height:300px;border-bottom:1px #eee solid; display:flex; align-items:center;justify-content:center;
  overflow:hidden;cursor:pointer;}
.product_list li .IMG img {transition:0.5s;}
.product_list li .TXT {width:100%;height:50px;text-align:center;line-height:50px; }
.product_list li .TXT a {text-decoration:none;font-size:16px;color:#333;}
.product_list li:hover .IMG img {transform:scale(1.1);}
.product_list li:hover{box-shadow: 0 0 5px 5px #ccc;}
.indproduct .fmore{display: block; margin:30px auto; width: 250px; background: #fff; border: 1px solid #ccc; 
  text-align: center; line-height: 48px;height: 48px;font-size: 16px;}
.indproduct .fmore:hover{background:#ffc001;border-radius:48px;color:#ffffff;border: 1px solid #ffc001; }

/*关于我们*/
.aboutbg{background:#ffffff;padding:50px 0;}
.aboutbg_fl{position: relative;float:right;width:40%;margin-top:0px;overflow: hidden;height:500px;}
.aboutbg_fl::after{position: absolute; content:""; right:0; top:0; background:;width:100px;height:100px; z-index: 1;}
.aboutbg_fl::before{position: absolute; content:""; left:0; bottom:0; background:;width:300px;height:300px; z-index: 1;}
.aboutbg_fl img{position: absolute;right:30px;top:30px; width:92%;height:450px; z-index: 2;}

.aboutbg_fr{float:left;width:55%;padding-left: 20px;}
.about_contents {padding-top:40px;padding-bottom:20px;font-size:16px;line-height:30px;color:#969696;height: 260px;overflow: hidden;}
a.about_btn {color:#333;background:transparent;border-radius:0px;border:1px solid #ddd;padding:8px 56px;margin-top:25px;}
a.about_btn:hover,a.about_btn:focus {padding:8px 80px;}
.about_box > ul {margin-top:50px;width:100%;}
.about_box > ul > li {float:left; width:25%;text-align:center;cursor:pointer;transition:0.5s;}
.about_box > ul > li:nth-child(4){margin-right: 0}
.about_box > ul > li i {font-size:40px;color:#ffc001;}
.about_box > ul > li p.p1 {padding:10px 0 5px;font-family:arial;font-size:14px;text-transform:uppercase;color:#999999;}
.about_box > ul > li p.p2 {font-size:16px;color:#999999;}
.about_box > ul > li:hover i {color:#FF9003;}
.about_box > ul > li:hover p.p1,.about-box > ul > li:hover p.p2 {color:#333333;}

/**/
.indwenj{width: 100%;background:url(../image/ex_index_1.jpg) no-repeat center 0;height: 330px;margin-top: 30px; text-align: center; color:#ffffff;line-height:60px;}
.indwenj span{display: block;font-size: 30px;padding-top:60px;}
.indwenj strong{display: block; font-size:45px;}
.indwenj .more{display:block;width:200px;height: 45px;line-height: 45px; background:#ffc001;margin:20px auto;font-size: 16px; }
.indwenj .more:hover{background:#fff;}

/*优势*/
.indproject{padding:50px 0;}
.i-project-hd {margin-top:30px;/* overflow:hidden;*/}
.i-project-hd ul {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.i-project-hd ul li {width:24%;/* overflow:hidden;*/ }
.i-project-hd li:hover{transform:translateY(-5px);box-shadow: 0px 0 10px #000;}
.avn-img img {width:100%;vertical-align:middle;}
.avn-desc {width:100%; /* background:rgba(255,255,255,.6);*/text-align:center;color:#fff;position:absolute;top:120px;}
.avn-desc h5 {font-size:24px;padding-top:30px;padding-bottom:30px;}
.avn-desc p {font-size:18px;}

/*案例*/
.indcase{background:#0e0e0e url(../image/casebg.jpg) no-repeat center bottom;padding:50px 0; }
.indcase .ind_head{color:#ffffff;}
.case_list {width:100%;}
.case_list ul{max-width: 1600px;min-width: 1200px; margin:0 auto;}
.case_list li {float:left;width:30%;height: 250px;position: relative; overflow: hidden; margin:25px 25px;background:#ffffff;border-radius: 5px;}
.case_list li .imgw {width:100%;height:100%;display:flex; align-items:center;
  justify-content:center;overflow:hidden;cursor:pointer;border-radius: 5px;}
.case_list li:nth-child(3),.case_list li:nth-child(5){margin-right: 0}
.case_list li .imgw img {width:100%;height: 100%;}
.case_list li:hover .imgw img {transform:scale(1.1);}
.case_list li .neiy{position:absolute;bottom:5%;left:5%;width:calc(90% - 30px);height:60px;background:rgba(255,255,255,.7);padding:15px;
 line-height:30px;font-size: 16px;}
.case_list li .neiy span{display: block;}
.case_list li.diyig {float:left;height:550px;}
.case_list li.diyig .imgw img {width:100%;height:100%;}

/*新闻*/
.news_index{float:left;width:100%; list-style:none; padding:30px 0;display:flex; justify-content:space-between;
    flex-wrap: wrap;}
.news_index li{float:left;width:44%;padding:30px 20px;margin:0 1%;  border-bottom: 1px dashed #dbd4cd;font-size: 16px;}
.news_index li .datea{width:100px; height:70px;float: left;text-align: center; margin-right:25px;}
.news_index li .datea strong{display: block; font-size: 23px; padding:10px 0; font-weight: 400;}
.news_index li .neiy{float:left;width:calc(100% - 130px);}
.news_index li .neiy span{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_index li .neiy p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical; line-height:22px;color:#999999; padding-top: 8px; font-size: 14px;}
.news_index li:hover{box-shadow: 0 0 10px #ccc;border-bottom:none;}