﻿@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;}
.h_qrcode {float:left;width:200px;}
.h_qrcode img {width:100px;}

.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%;display: flex;justify-content: space-between;}

.linav_ul li {float:left;width:130px;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: 430px;margin-top: 66px;}

.aboutbg_fl img{width: 430px;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;background:#ffffff;text-align: center;}

.mnew_fl dt img{max-width:630px; max-height:250px; transition: all 0.5s; overflow:hidden;}

.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;}