﻿@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.eot');
  src: url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.woff') format('woff'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.svg#iconfont') 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;}

a:link,a:visited {color:#333;text-decoration:none;}
a:hover,a:active {color:#FF0000;text-decoration:none;}
a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}
a.sethome:hover,a.sethome:active {color:#FF0000;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;}
.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:24px;color:#666666;font-size:12px;}
.Company p {line-height:24px;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('../images/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('../images/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;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:10px 0px 0px 0px;}
.indexCenter {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:250px;line-height:20px;padding:10px 0;}
.indexLeft1 {float:left;width:250px;line-height:20px;}
.indexRight  {float:right;width:910px;}
.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;}

/* top */
.wraptop_1 {float:left;width:100%;height:32px;background:url('../images/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 {float:left;width:100%; height:110px;padding:10px 0 0 0;}
.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(../images/icon13.png) no-repeat 0 25px;font-size:14px;line-height:18px;padding:20px 0 0 55px;color:#999;
  height:70px;width: 215px; white-space: nowrap; margin-top:5px;}
.h_pho b{font-size:25px;display:block;line-height:35px;color: #999; font-weight: 700;}

.wraptop_4 {margin:0 auto;width:100%;height:65px;text-align:left;background:#dc001d;}
.wraptop_4_1 {float:left;width:720px;line-height:65px;}
.wraptop_4_1 span {float:left;width:95px;color:#ffffff;font-size:15px;font-weight:bold;}
.wraptop_4_1 div {float:left;width:600px;height:65px;overflow:hidden;}
.wraptop_4_1 div a:link,.wraptop_4_1 div a:visited {color:#ffffff;margin:0 5px 0 4px;font-size:14px;}
.wraptop_4_1 div a:hover,.wraptop_4_1 div a:active {color:#ffffff;margin:0 5px 0 4px;}
.wraptop_4_2 {float:right;width:350px;line-height:35px;margin:10px 0px 0px 0px;border:1px solid #ee808e;border-radius: 30px;}
.wraptop_4_2_1 {float:left;}
.wraptop_4_2_1 .searchinput {width:230px;border:0px solid #ee808e;height:34px;line-height:34px;color:#ffffff;font-size:14px;
  padding:0 25px;vertical-align:middle;background:transparent;}
.wraptop_4_2_2 {float:right;}
.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:15px;color:#dc001d;background-color:transparent;
  width:70px;height:37px;line-height:35px;background:#ffffff;cursor:pointer;vertical-align:middle;border-radius: 30px;}

/* navigation */
.nav {clear:both;margin:0 auto;width:100%;height:60px;background:#dc001d;}
.linav {margin:0 auto;width:1200px;line-height:60px;}
.linav_ul {width: 100%;}
.linav_ul li {float:left;width:165px;height:60px;color:#FFFFFF;font-size:16px;text-align:center;position: relative;overflow: hidden;}
.linav_ul li a:link,.linav_ul li a:visited {display: block; color:#FFFFFF;font-size:16px;position: relative;z-index: 3;}
.linav_ul li a:hover {}
.linav_ul li::after,.linav_ul li:after,.linav_ul li:after,.linav_ul li::after{background:url(../images/nav_h.png) no-repeat center bottom;content: '';position: absolute;width: 100%;
  height: 100%;left: 0;bottom: -100%;transition:0.3s all ease-in-out;}
.linav_ul li.select::after,.linav_ul li.select:after,.linav_ul li:hover:after,.linav_ul li:hover::after{ bottom: 0;}

/* 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:#dc001d none repeat scroll 0 0;color:#dc001d;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 */
.yqljbg{background:#dc001d;min-height:60px;}
.yqlj {clear:both;margin:0 auto;width:1200px;padding:0px 0px 0px 0px;line-height:60px;}
.yqlj_t {float:left;width:80px;padding-left: 35px; height:60px;line-height:60px; font-size:22px;color:#ffffff;
  background: url(../images/m_12.png) no-repeat 0 center;}
.yqlj_t em{font-size: 16px;}
.yqlj .yqlj_1 {float:left;width:1000px;line-height:60px;} 
.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;font-size: 14px; color: #ffffff;}

/* bottom */
.divBottom {width:100%;line-height:20px;margin-top: 20px; padding:0px 0 0;background:#f3f3f3;}
.divBottom .tit{font-size: 20px;color: #333;margin-bottom: 25px;}

.divBottom_1{width: 298px;float: left;}
.divBottom_1 ul li{float: left;margin-right: 37px;width: 128px;margin-bottom:12px;font-size:15px;}
.divBottom_1 ul li:nth-child(2n){ margin-right: 0px;}
.divBottom_1 ul li a{color: #333;}
.divBottom_1 ul li a:hover{color: #dc001d;}

.divBottom_2{width: 367px;float: left;margin-left: 127.5px;margin-right: 127.5px; padding-bottom:30px;}
.divBottom_2 .txt{color: #333; margin-bottom:13px; line-height: 30px;font-size: 14px;}

.divBottom_3{width: 280px;float: left;padding-bottom: 30px;}
.divBottom_3 ul li{width: 126px;text-align: center;color: #333;font-size: 16px;}
.divBottom_3 ul li img{margin-bottom: 20px;width: 126px; height: 126px;}
.divBottom .lx{margin: auto;text-align: center;color: #333;line-height:40px;height: 40px;font-size: 14px;}
.divBottom .lx a{color: #333;}
    
/*首页*/
.product_head {display: block;line-height: 30px;text-align: center;line-height: 35px;}
.product_head h2{font-size:30px; font-weight: 400;  color: #dc001d;}
.product_head p{font-size: 16px;color: #414141;}

/*产品*/
.productop{width:1200px;display:inline-block;text-align: center;margin:30px auto 0px;}
.productop li{display:inline-block;}
.productop li a{ display:block;background:#ffffff;border:1px solid #b9b9b9; padding:0px 15px; height:38px; font-size:16px; line-height:38px;
  text-align:center;cursor:pointer;color:#000; margin:10px 10px; min-width:120px;border-radius:3px;}
.productop li a:hover{ color:#fff;background:#dc001d;}
.productop li i{ color:#999;font-size:14px; }
.productop li a:hover i{ color:#ffffff; }

.product_list {width:100%;}
.product_list:after {content:"";display:block;clear:both;}
.product_list > li:nth-child(4n) {margin-right:0;}
.product_list > li {float:left;margin:20px 30px 20px 0px;width:277px;position:relative;}
.product_list > li > .IMG {width:275px;height:220px;border:1px solid #f2f2f2;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;background-color:#f1f1f1;}
.product_list > li > .TXT a {display: block; text-decoration:none;font-size:14px;color:#333;}
.product_list > li:hover > .IMG img {transform:scale(1.1);}
.product_list > li:hover .TXT a{background-color:#dc001d;color: #ffffff;}

a.p_more01 {display: block;width: 300px;margin: 10px auto; height:45px;  line-height:45px;text-align: center;
    font-size: 16px;  color: #fff; background-color: #dc001d;border:1px #dc001d solid;  transition: .6s;
    -ms-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s; -o-transition: .6s;}
a.p_more01:hover{border:1px #dc001d solid; background:#ffffff;color:#dc001d; border-radius:30px;}

/*案例*/
.j_parallax {width:100%;background: url(../images/bj3.jpg) no-repeat center 0; margin:50px auto;padding:50px 0;}
.j_parallax .product_head h2,.j_parallax .product_head p{color: #ffffff;}
.j_parallax .conprw{position:relative; padding-top:30px;width:1200px; margin:0 auto 40px;}
.j_parallax .bd{overflow:hidden; width: 1120px; margin: 0 auto;}
.j_parallax ul{margin:0 -15px;}
.j_parallax li{width:250px; position:relative; display:block; overflow:hidden; float:left; background:#fff; margin:0 15px;}
.j_parallax li a{display:block;}
.j_parallax li .pic_box{position:relative;width:250px; height: 180px; display: flex;justify-content: center;align-items: center;background:#fff;}
.j_parallax li img{width:250px; height:180px; display:block;}
.j_parallax li span{overflow:hidden; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; height:45px; 
  line-height:45px; text-align:center; padding:0 20px; color:#494949; font-size:14px; display:block;}
.j_parallax li:hover{background:#dc001d;}
.j_parallax li:hover span a{color:#fff;}
.j_parallax .hd{}
.j_parallax .hd a{position:absolute; top:60%; margin-top:-15px; z-index:9; display:block; height:32px; font-size:32px;}
.j_parallax .hd a.prev{left:0;}
.j_parallax .hd a.next{right:0;}

/*关于我们*/
.wimgtxt03{overflow: hidden;padding-right: 10px;position: relative;}
.wimgtxt03:after { content: '';position: absolute;top: 0;right: 0;width: 196px; height: 100%;
    background-color: #f3f4f8;z-index: -1;}

.aboutbg_fl{float:right;overflow: hidden;width: 431px;height: 390px; margin-top: 66px;}
.aboutbg_fl img{width: 430px;height: 390px; transition: .6s;-ms-transition: .6s; -moz-transition: .6s;-webkit-transition: .6s; -o-transition: .6s;}
.aboutbg_fr{float:left; width:700px;}

.aboutbg_fr .titla {height:53px; font-size: 24px; font-weight: 400;color: #666; background:url(../images/tit-bj2.png) no-repeat 0 0;}
.aboutbg_fr .titla p{padding: 22px 0 0 18px;}
.about_contents {padding-top:40px;padding-bottom:20px;font-size:14px;line-height:30px;color:#595959;}
a.about_btn {color:#fff;background:transparent;border-radius:0px;background:#dc001d;border:1px solid #dc001d;padding:8px 56px;margin-top:25px;}
a.about_btn:hover,a.about_btn:focus {border-color: #dc001d;background:#ffffff;color: #dc001d;}

.ul-imgtxt04 {overflow:hidden;padding:50px 0 20px;}
.ul-imgtxt04 li {float:left;width:50%;margin-bottom:50px;cursor:pointer;}
.ul-imgtxt04 li .pic {float:left;width:45px;height:45px;text-align:center;}
.ul-imgtxt04 li .pic img {display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.ul-imgtxt04 li .txt {overflow:hidden;padding-left:16px;}
.ul-imgtxt04 li .txt .tit a {display:block;height:24px;line-height:24px;font-size:18px;color:#333;font-weight:400;}
.ul-imgtxt04 li .txt p {height:22px;line-height:22px;font-size:14px;color:#b2b2b2;}

/**/
.indxban{padding: 60px 0;text-align: center;background:url(../images/bj41.jpg) no-repeat center 0;background-size: cover; color:#ffffff;margin:50px auto;}
.indxban h5{ font-size:40px; font-weight: 600; margin-bottom:35px;}
.indxban p{display: block;font-size:18px; font-weight: 600;}
.indxban .m_txt01 {width: 520px; overflow: hidden; margin:30px auto 0;text-align: left;}
.indxban .m_txt01 .tel {font-weight:600;height:47px;line-height:47px;color:#fff;font-size:20px;padding-left:50px;
  background:url(../images/icon16.png) left center no-repeat;}
.indxban .m_txt01 .gmore01 {float:right;width:172px;font-size: 16px; height:47px;line-height:47px;background-color:#fff;color:#666;text-align: center;}
.indxban .m_txt01 .gmore01:hover {background:#dc001d;color:#ffffff;}

/*新闻*/
.mnew_fl{float:left; width:630px;height:360px;background: #f7f7f7;}
.mnew_fl dt{display: block; width:630px; height:250px;overflow:hidden;}
.mnew_fl dt img{width:630px; height:250px; transition: all 0.5s; overflow:hidden;display: block;}
.mnew_fl:hover img{transform: scale(1.1);}
.mnew_fl dd{display: block; width:90%;margin:0 auto; color: #575757; font-size: 13px; line-height: 24px;}
.mnew_fl dd strong{display: block;font-size: 16px; line-height:40px; padding-top: 10px; color: #313131;}
.mnew_fr{float: right; width:520px;}
.mnew_fr li a{ height:57px; line-height: 57px; border-bottom:1px #ccc dashed; display:block; padding-left:0px; color: #313131;font-size: 14px; }
.mnew_fr li a:hover{color: #dc001d; }

.txtScroll-left{ position:relative;margin:30px 0;  border-top:0px solid #dc001d;   }

.txtScroll-left .hd{float:left; width:160px; text-align:left; height:120px; position:relative; }
.txtScroll-left .hd strong{display:block; color:#333333; font-size:20px; line-height:35px; }
.txtScroll-left .hd span{display:block; color:#c9c9c9; font-size:20px;text-transform:uppercase;font-weight: 700;margin-bottom: 30px;}


.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block; float:left; background: url('../images/btnf.png') no-repeat 0 0; width:58px; height: 28px;}
.txtScroll-left .hd .next{ background-position:right 0; float:left; }
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-left .hd ul li.on{ background-position:0 0; }
.txtScroll-left .bd{float:right;width:1040px; overflow:hidden;}

.m_FQA_q {width:1040px; clear:both;}
.m_FQA_q li { float: left; width:500px; border:1px #e7e7e7 solid; height:130px;margin-left:18px;}
.m_FQA_q li:hover{background: #fff;}
.nnr {float: left;height:100px; width:500px; padding-top: 20px;}
.m_FQA_q li .mwen {color: #333;display: block;font-size: 16px;line-height:35px; overflow: hidden;font-weight:700;
                   padding: 0px 0 0 60px;text-overflow: ellipsis; white-space: nowrap; background:url('../images/icon17.png') no-repeat 20px 3px;}
.m_FQA_q li a:hover .mwen { color: #b91603; text-decoration:none;}
.mda { color: #797979; float: left;height:100px; line-height: 24px; overflow: hidden;padding:8px 0 0px 60px; width: 390px;
          background:url('../images/icon18.png') no-repeat 20px 5px; font-size:14px;}