@charset "utf-8";
/* CSS Document */
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;outline: none;}/*文字强制换行word-break:keep-all;(Ff)*/
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,input,select,textarea,button { font-family: Arial;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
/*img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}*/
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}
a{color:inherit; text-decoration: none}
a:hover { color:#bc0b13;text-decoration: none}

a {
  color: #3a3a3a;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
      -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
::-moz-selection {color:#fff; background:#bc0b13; }
::selection {color:#fff; background:#bc0b13; }
::-webkit-input-placeholder { color:#aaa; } 

.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.clearfix{ clear:both;}
/*返回Top*/
.rightFloat{position:fixed; right:0; bottom:0; z-index:15; cursor:pointer;}
.rightFloat .gotop{display:block;width:60px; height:60px; background:url(../images/top.png) no-repeat;}
.rightFloat .gotop:hover{background-position:0 -60px;}



/* 公共字体 */
.common-infor .tit{font-size:36px; line-height:36px; color:#000; font-weight: bolder;}
.common-infor .tit span{color:#e60012; margin-left:5px;}
.common-infor .con{font-size:16px; line-height:32px; color:#333; margin-top:20px;  text-align: justify;}

/* 公共按钮效果 */
.common-btn{display:inline-block; font-size:14px; color:#fff; line-height:45px; transition:.3s ease; position:relative; overflow:hidden;}
.common-btn a{display:block; position:relative; background:#bc0b13;}
.common-btn span{position:relative; display:inline-block; color:#fff; padding:0 25px;}
.common-btn i{position:relative; z-index:1; color:#fff; opacity:0; width:0; visibility:hidden; transform:translateX(-10px); transition:.3s ease; vertical-align:top; height:45px; display:inline-block; margin:0; font-weight:bold; text-align:center; margin-left:1px; border-left:1px solid #e5e5e5;}
.common-btn:hover i{width:45px; opacity:1; visibility:visible; transform:translateX(0);}
.common-btn:hover span{z-index:1;}
.common-btn:after{content:''; position:absolute; width:100%; left:-100%; top:0; height:100%; background:#a0140c; transition:.3s ease; z-index:0;}
.common-btn:hover:after{left:0;}
@-ms-viewport { width: device-width;}
body {
    font-family: Arial;
    font-size: 12px;
    height: 100%;
    line-height: 22px;
    width: 100%;
  
}
.fl{ float: left;}
.fr{ float: right;}
.mt20{ margin-top: 20px;}
/*pageHeader*/

.pageHeader{position:fixed;top:0px;left:0px;width:100%;min-width:1170px;z-index:9999;background: rgba(255,255,255,0.85); border-bottom: 5px solid #bc0b13;height:100px;transition:all .3s}
.pageHeader .container{min-width: 1170px;width: 100%;margin: 0 auto;padding: 0px;}
.pageHeader  .menu{ width: 85%;}
.pageHeader .logo{transition:all .3s;padding:25px 0px 25px 1%;  }
.pageHeader .logo a{display:block;position:relative;overflow:hidden}
.pageHeader .logo img{position:relative;z-index:100;vertical-align: middle;/* width: 100%; *//* width: 350px; */}

.pageHeader  .nav{width: 58%;margin-left: 3%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.pageHeader  .nav ul li{float:left;padding: 0px 3%;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s;}
.pageHeader  .nav ul li .a1{ padding: 40px 0px; display:block;text-align:center;font-size:16px;color:#333;transition:all .3s}
.pageHeader  .nav ul li:hover .a1{color:#f08519;transition:all .3s}
.pageHeader  .nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:100px;z-index:100}
.pageHeader  .nav ul li .div1 .p1{width:77%;float:right;height:65px;line-height:65px}
.pageHeader  .nav ul li .div1 .p1 a{color:#333;font-size:16px;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.pageHeader  .nav ul li .div1 .p1 a:hover{background:url(../images/1_27.jpg) center bottom no-repeat;color:#1a1a1a}
.pageHeader  .nav ul li .mad3 .p1 .pad{margin-left:15%}
.pageHeader  .nav ul li .mad4 .p1 .pad{margin-left:30%}
.pageHeader  .nav ul li .mad5 .p1 .pad{margin-left:45%}
.pageHeader  .nav ul li .mad6 .p1{text-align:right}
.a_txt{display:none}


.pageHeader  .head_tools{width: 15%;}
.pageHeader .head_tools .tool{position:relative;float:left;line-height:95px;height:95px;padding: 0 10%;cursor:pointer;}
.pageHeader .head_tools .tool1{border-left:1px solid #d4cfce;}
.pageHeader  .head_tools .tool1 .icon{background:url(../images/head_tool1.png) no-repeat center; width:17px; height:95px; display:inline-block;}
.pageHeader  .head_tools .tool1 span{vertical-align:top; font-size:15px;}
.pageHeader  .head_tools .tool1 .iconfont{vertical-align:top; color:#333131; font-size:16px; font-weight:bold; position:relative; top:1px;}
.pageHeader .head_tools .tool1 .lan_down{display:none; position:absolute; width:100%; position:absolute; left:0; top:80%; z-index:3; background:#fff;}
.pageHeader .head_tools .tool1:hover .lan_down{display:block; transition:all .3s;}
.pageHeader  .head_tools .tool1 .lan_down li a{margin:0 12px; padding-left:25px; display:block; line-height:35px; font-size:14px; color:#5e5e5e;}
.pageHeader  .head_tools .tool1 .lan_down li:first-child a{border-bottom:1px solid #c6c6c6;}
.pageHeader .head_tools .tool2{background: rgba(241,241,241,0.95);}
.pageHeader .head_tools .tool2 .icon{background:url(../images/head_tool2.png) no-repeat center; width:23px; height:95px; display:inline-block;}
.pageHeader .head_tools .tool3{background:#bc0b13;}
.pageHeader  .head_tools .tool3 .icon{background:url(../images/head_tool3.png) no-repeat center; width:19px; height:95px; display:inline-block;}
.pageHeader .head_search{display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1;}
.pageHeader .head_search .bg{position:fixed; top:95px; width:100%; height:100%; background:url(../images/black.6.png)}
.pageHeader .head_search .content{position:relative; z-index:1; width:70%; margin:0 auto; top:38px; overflow:hidden;}
.pageHeader .head_search .form{position:relative;}
.pageHeader .head_search input{padding: 0 38px 0 39px; width:92%; line-height:65px; height:65px; border:none; background:#ffffff;}
.pageHeader .head_search  .inp{float:left; width:78%; height:60px; line-height:60px; padding:0; margin:0; font-size:16px; text-indent:40px; border:none; background:#fff;} 
.pageHeader .head_search button{position:absolute; outline:none; background:none; border:none; }
.pageHeader .head_search button.submit{left:0;}
.pageHeader .head_search button.close{right:0;}

.pageHeader .head_search .btns{height:60px; line-height:60px; background:#333; width:16%; padding:0 2%; margin:0; border:none; outline:none; position:relative; z-index:5; overflow:hidden; font-size:16px; color:#fff; font-weight:bold;cursor:pointer; box-sizing:inherit;}
.pageHeader .head_search .btns:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#e4bd00;}
.pageHeader .head_search .btns span{display:inline-block; vertical-align:middle; font-size:18px;}
.pageHeader .head_search .btns i{display:inline-block; vertical-align:middle; font-size:18px;}
.pageHeader .head_search .btns:hover:before{width:100%;}

.pageHeader .head_search .red_bg{position:absolute; top:95px; left:0; width:100%; /*height:65px;*/    padding: 45px 0; background:#bc0b13;}
.pageHeader .head_search .text{background:#fff;}
.pageHeader .head_search .text .text_box{padding:40px;}
.pageHeader .head_search .text .text_box .t{margin-bottom:20px;}
.pageHeader .head_search .text .text_box ul li{line-height:30px; font-size:14px; padding-left:20px;}
.pageHeader .head_search .text .text_box ul li:hover{background:#eee;}

/*搜素下拉*/
.pageHeader .search_down{background:#b40b12; padding:45px 0; display:none;}
.pageHeader .search_down .inp{float:left; width:78%; height:60px; line-height:60px; padding:0; margin:0; font-size:16px; text-indent:20px; border:none; background:#fff;}
.pageHeader .search_down .btns{float:right; height:60px; line-height:60px; background:#1d447e; width:16%; padding:0 2%; margin:0; border:none; outline:none; position:relative; z-index:5; overflow:hidden; font-size:16px; color:#fff; font-weight:bold;cursor:pointer; box-sizing:inherit;}
.pageHeader .search_down .btns:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#193c70;}
.pageHeader .search_down .btns span{display:inline-block; vertical-align:middle; font-size:18px;}
.pageHeader .search_down .btns i{display:inline-block; vertical-align:middle; font-size:18px;}
.pageHeader .search_down .btns:hover:before{width:100%;}

.moblie_head{ display:none;}

.no-fixed{ position:relative ;}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {

.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.pageHeader{display:none}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .fl{padding-top:10px;padding-left:2%}
.moblie_head .fl img{height:20px}
.moblie_head .head_tools {padding-right:0;padding-top:14px}
.moblie_head .head_tools .tool{position:relative;float:left;margin:0 2px;cursor:pointer;}
.moblie_head  .head_tools .tool1 span{vertical-align:top; font-size:15px;margin:0 4px;}
/*.moblie_head .head_tools .tool1{border-right:1px solid #d4cfce;}*/
/*.moblie_head .head_tools .ss{border-left:1px solid #d4cfce;}*/
.moblie_head  .head_tools .ss .icon{background:url(../images/head_tool3.png) no-repeat center; width:15px; height:15px; display:inline-block;}
.moblie_head .fr{padding-right:2%;padding-top:14px}
.moblie_head .fr a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background: #444444;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1;}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background: #ad0001;height:100%;z-index:100;right:-80%;}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom: 1px solid #9e292a;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}



.ipart_index .container{  width: 80%;}


.ipart01{}
.ipart01-1{ background:#f6f6f6;padding:70px 0;}

.ipart01 .content{margin-top:65px;}
.ipart01 .container ul li{display:inline-block; vertical-align:top; position:relative; text-align:center; position:relative; margin:0 17px;}
.ipart01 .container ul li .img{height:58px; display:inline-block; transition:.5s ease;}
.ipart01 .container ul li .tit{font-size:16px; color:#333; margin-top:10px; line-height:15px; height:44px;}
.ipart01 .container ul li:after{content:''; position:absolute; width:0; height:3px; bottom:-16px; left:50%;transform:translateX(-50%); background:#e60012; transition:.5s ease;}
.ipart01 .container ul li:hover:after{width:50px; }
.ipart01 .container ul li:hover .img{transform:rotateY(180deg)}
.ipart01 .container ul {font-size:0}
.ipart01 .container ul li {margin:0; width:11%;}
.ipart01 .container ul li .tit{padding:0 5%; font-size:15px;}
.ipart01 .content {margin-top: 65px;}

.ipart01-2{ background:#fff;padding:70px 0;  }
.ipart01-2 .wrap {width: 80%; margin: 0 auto;}
.txtScroll-left{ position:relative; }
 .txtScroll-left .hd2{ overflow:hidden;  height:358px; width:200px; position:absolute; right:0; top:0; z-index:5}
 .txtScroll-left .hd2 .prev,.txtScroll-left .hd2 .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
 .txtScroll-left .hd2 .next{ background-position:0 -50px;  }
 .txtScroll-left .hd2 .prevStop{ background-position:-60px 0; }
 .txtScroll-left .hd2 .nextStop{ background-position:-60px -50px; }
 .txtScroll-left .hd2 ul{ overflow:hidden; zoom:1; position:absolute; right:0; bottom:25px}
 .txtScroll-left .hd2 ul li{ width:8px; height:8px; overflow:hidden; display:inline-block; margin-left:10px; text-indent:-999px; cursor:pointer; background:#3f3b3a;border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius: 4px;}
 .txtScroll-left .hd2 ul li.on{ height:20px; background:#bc0b13}
 .txtScroll-left .pageState{ color:#666; background:url(../images/index_03.gif) right center no-repeat; padding-right:18px; right:0; top:12px; position:absolute;}
 .txtScroll-left .pageState span{ color:#333; font-size:16px; font-weight:bold; padding-right:5px}
 .txtScroll-left .bd{  width:100%; overflow:hidden; }
 .txtScroll-left .bd ul{ overflow:hidden; }
 .txtScroll-left .bd ul li a.pic{ width:44.5%; display:block; overflow:hidden;float:left;    background: #e3e0db;}
.txtScroll-left .bd ul li a.pic img{ width:100%;}
 .txtScroll-left .bd ul li .tx{ width:48.5%; float:right; position:relative; padding-top:4%}
 .txtScroll-left .bd ul li .tx:before{position: absolute; content: '';top: 37.5%;left: -19%; display: inline-block; width: 100px; background: #bc0b13; height:2px;border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius:1px}
 .txtScroll-left .bd ul li .tx span{ font-size:14px; color:#FFF; z-index:2}
.txtScroll-left .bd ul li .tx h2{ font-size:36px; padding-top:13px;z-index:2}
 .txtScroll-left .bd ul li .tx p{ color:#333;  font-size:15px; padding:20px 0 0;z-index:2; height:110px;  line-height: 32px; overflow:hidden; margin-bottom:42px}
 .txtScroll-left .bd ul li .tx em{  display: none;font-size:235px; font-family: Arial; color:#f2f2f2; float:right; font-weight: bold; position:absolute; right:0; top:15%; z-index:-1}

/*
 .txtScroll-left .bd ul li .tx em{ font-size:235px; font-family: Arial; color:#f2f2f2; float:right; font-weight: bold; position:absolute; right:0; top:15%; z-index:-1}

 .txtScroll-left .bd ul li .tx a.more,.contact a.more,.messbox .btn{  text-align:center;   display:inline-block;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius:20px; position:relative; overflow:hidden}
 .txtScroll-left .bd ul li .tx a.more{width:136px; height:40px;background:#bc0b13;}
.contact a.more{width:160px; height:40px; border:1px solid #fff}
.txtScroll-left .bd ul li .tx a.more em,.contact a.more em{position:relative;top: 0; display: block;color:#fff; font-style:normal }
.txtScroll-left .bd ul li .tx a.more em{height: 40px; line-height:40px;}
.contact a.more em{height:38px; line-height:38px;}
 .txtScroll-left .bd ul li .tx a.more:hover em,.contact a.more:hover em{top: -100%;}
 .txtScroll-left .bd ul li .tx i{ font-size:235px; font-family: Arial; color:#f2f2f2; float:right; font-weight: bold; position:absolute; right:0; top:15%; z-index:-1}

*/


.ipart02{ position: relative;background-image:url(../images/part02bg.jpg); background-attachment: fixed;    padding: 50px 0  50px; height:580px;background-position:  no-repeat  center;}
.ipart02  .mask{position:absolute; left:0; top:0; width:100%; height:580px; background:#1c1c1c;z-index: 0;    opacity: .75;}
.ipart02 .infor{position: relative;z-index:22;text-align:center; margin-bottom:40px; color:#fff;}
.ipart02 .infor .tit{font-size:36px; line-height:55px; text-transform:uppercase;font-family:'Arial';  font-weight: bold;margin-bottom:20px;}
.ipart02 .infor .con{font-size:16px;line-height: 38px; font-family:Arial; padding:0 8%;}
.ipart02 .content li{ transition:all 0.5s ease; position:relative;}
.ipart02 .content li:after{content:''; width:234px; height:245px; background:url(../img/ipart00_1.png) no-repeat center; position:absolute; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;} 
.ipart02 .content li:first-child{margin-left:0;}
.ipart02 .content li .li_box{border:1px solid #fff; border-color:rgba(255,255,255,.3); position:relative; z-index:2;}
.ipart02 .content li .li_box .box{position:absolute; left:13px; top:13px; right:13px; bottom:13px; border:1px solid #fff; border-color:rgba(255,255,255,.3); text-align:center; color:#fff;}
.ipart02 .content li .li_box .box .num{font-size:4.5em; line-height:50px; padding-top:40px; margin-bottom:10px;;}
.ipart02 .content li .li_box .box .text{font-size:16px; line-height:24px; font-family:Arial; padding:0 15px;}
.ipart02 .content li.hover{background:#e60012;}
.ipart02 .content li.hover:after{opacity:1; visibility:visible; transition:all 0.5s ease;}
.ipart02 .content li .li_box:hover {border-color:#e60012; background:#e60012;}
.ipart02 .content li .li_box .box:hover{color:#FFF;}

.ipart03{  padding: 50px 0  50px;}
.ipart03 .pic{ vertical-align: middle;   max-width: 100%;}

.ipart04{  padding: 50px 0  50px;}

.ipart04 .message{ background:url(../images/index_17.jpg) center 0 no-repeat; width:100%; padding:110px 0; height:765px; margin-bottom:90px}
.ipart04 .contact{  padding-top:14px}
.ipart04 .contact .tit2{ margin-bottom:50px}
.ipart04 .contact .tit2 h2{ font-size:36px; font-family: Arial; font-weight:bold;color:#000}
.ipart04 .contact .tit2 span{ font-size:30px;color:#fff; margin-left:4px}
.ipart04 .contact ul{ margin-bottom:26px}
.ipart04 .contact ul li{ display:block; height:90px}
.ipart04 .contact ul li img{ float:left; margin-right:16px; width:60px; height:60px}
.ipart04 .contact ul li .tx{ float:left; color:#e6e6e6; padding-top:10px}
.ipart04 .contact ul li .tx span{ font-size:16px; color:#fff}
.ipart04 .messbox{ background:#fff; height:544px; padding:60px}
.ipart04 .messbox h2{ font-size:30px; margin-bottom:27px}
.ipart04 .messbox ul li{ position:relative; margin-bottom:16px; font-size:14px; }
.ipart04 .messbox ul li.w1{}
.text-danger {color: #dc3545!important;}
.ipart04 .messbox ul li:first-child,.messbox ul li:nth-child(3){ margin-left:0%}
.ipart04 .messbox .inp{text-indent: 60px; position: absolute;top: 0px; width: 100%; padding:12px 18px; background-color: transparent; border:1px solid #cbcbcb; font-family:Microsoft YaHei; line-height:22px}
.ipart04 .messbox label { position: absolute;display: inline-block;color: #818181;top: 14px; left:18px;}
.ipart04 .messbox label span{ color:#cfcfcf;}
.ipart04 .messbox .p-input{width:100%;line-height: 22px;display: block; background:#fff;height: 46px;}
.ipart04 .messbox select{ border:1px solid #cbcbcb; height:48px; width:100%; color:#818181; padding:0 0 0 12px}
.ipart04 .messbox .p-message{width: 100%;line-height: 18px;display: block; background:#fff;height: 108px; border:1px solid #cbcbcb}
.ipart04 .messbox .form_textarea{position: absolute;top: 0px; width: 100%; height:108px; padding:7px 12px; background-color: transparent; border:0; font-family:Microsoft YaHei; line-height:19px}
.ipart04 .messbox .btn{ width:160px; height:40px; background:#9b0000; font-size:16px;font-family:Microsoft YaHei; color:#fff; border:0; cursor:pointer}
.ipart04 .messbox .btn:hover{ background:#bc0b13}

.ipart05{  padding: 50px 0  0px;}
.ipart05 .tem_links>div {padding:0}
.ipart05 .tem_links a {display:block;padding:115px 0 90px;text-align:center;background-position:center;background-repeat:no-repeat;background-size:cover;}
.ipart05 .tem_links a h3 {font-size:36px;color:#FFF;margin:0 0 20px;text-transform:uppercase}
.ipart05 .tem_links a p {font-size:16px;color:#FFF;margin:0 0 20px;line-height:24px;height:48px;overflow:hidden;}
.ipart05 .tem_links a i {font-size:18px;color:#FFF;transition:all .3s}
.ipart05 .tem_links a:hover i {margin-left:25px;}

/* 底部 */

.pageFoot .container{  position:relative;width: 80%;}
.foot_top{background:#f2f2f2; position:relative; padding:50px 0;}
/*
.pageFoot  .foot_top .left{width:34%; float:left; padding-right:5%; position:relative;}
.pageFoot  .foot_top .left:after{content:''; width:1px; height:360px; background:#f0f0f0; position:absolute; right:0; top:0;}
*/
.pageFoot  .foot_top  .share_box .tit{font-size:15px; line-height:30px; font-weight:bold; color:#000; margin-bottom:5px}
.pageFoot  .foot_top .share_box .a2a_kit{height:48px; line-height:48px;}
.pageFoot  .foot_top .share_box .a2a_kit a{display:inline-block; width:48px; height:48px; background:url(../images/f_share.png) no-repeat; margin:0 10px; padding:0; float:none;}
.pageFoot  .foot_top .share_box .a2a_kit a.a2a_button_facebook{background-position:0 0}
.pageFoot  .foot_top .share_box .a2a_kit a.a2a_button_twitter{background-position:-48px 0;}
.pageFoot  .foot_top .share_box .a2a_kit a.a2a_button_linkedin{background-position:-96px 0;}
.pageFoot  .foot_top  .share_box .a2a_kit a.youtobe{background-position:-144px 0;}
.pageFoot  .foot_top  .share_box .a2a_kit a span{display:none;}
.pageFoot  .foot_top .f_search{margin:50px 0;}
.pageFoot  .foot_top .f_search .tit{margin-bottom:12px; font-size:15px; font-weight:bold; text-transform:uppercase;}
.pageFoot  .foot_top  .f_search form{position:relative; height:47px; line-height:47px; border:1px solid #a9abac;}
.pageFoot  .foot_top .f_search form input{width:82%; height:45px; line-height:45px; font-size:14px; color:#666; text-indent:15px; padding:0; border:none; vertical-align:top;}
.pageFoot  .foot_top  .f_search form button{width:18%; height:47px; position:absolute; right:0; top:1px; background:none; border:none; padding:0; margin:0; cursor:pointer;}
.pageFoot  .foot_top  .f_search .icon{width:20px; height:20px; background:url(../images/f_search.png) no-repeat center; }

.foot_top dl{float:left;margin-top:35px;margin-left: 20px;width: 22.5%;}
.foot_top dl a{display:block; line-height:24px;}
.foot_top dl dt{font-size:16px; color:#333333; font-weight:bold; line-height:24px; margin-top:15px;}
.foot_top dl dt i{vertical-align:top; display:inline-block; background:url(../images/foot_jt1.png) no-repeat center; width:8px; height:30px; margin-left:15px;}
.foot_top dl dd i{opacity:0; visibility:hidden; vertical-align:top; display:inline-block; background:url(../images/foot_jt2.png) no-repeat center; width:7px; height:30px; margin-left:20px; transform:translateX(-5px); transition:.3s ease;}
.foot_top dl dd:hover i{opacity:1; visibility:visible; transform:translateX(0);}
.foot_top .dl1{width:24%; margin-top:0;}
.foot_top .dl1 dt,
.foot_top .dl1 dd{padding-left:20px;}
.foot_top .dl1 .first{font-size:40px; color:#393939; font-family:'HelveticaNeueLT'; text-transform:uppercase; border-left:5px solid #bc0b13; line-height:1;}
.foot_bott{background:#e5e5e5; font-size:14px; color:#333333; padding:20px 0;}
.foot_bott .left{float:left;}
.foot_bott .right{float:right;}
.m_foot{display:none;}

/*二级栏目*/

/*下层banner*/
.xc-banner{ margin-top: 100px; position: relative; }

/*.xc-banner img{ position: absolute; width: 1920px; left: 50%; top: 0; margin-left: -960px; max-width: none; }*/

.main_middle{display: flex;flex-direction: column;justify-content: center;}
.xc-banner .ban_text {position:absolute;top:0;left:0;width:100%;height:100%;}
.xc-banner .ban_text h1 {font-size:50px;color:#FFF;font-weight:bold;text-align:center;text-transform:uppercase;font-family:"Arial";letter-spacing:5px}
/**/
.common-xc .xc_nav {line-height: 66px; border-bottom: 1px solid #ededed;    background: #ffffff;}
.common-xc .xc_nav .container{ width: 80%; margin: 0 auto;}
.common-xc .xc_nav ul{overflow:hidden;}
.common-xc .xc_nav li{float:left;height:66px;line-height:66px;position:relative; color:#000; font-size:16px;}
.common-xc .xc_nav li a{padding:0 30px;font-size:16px;    display: block;}
.common-xc .xc_nav li:hover,.xc_nav li.cur{font-weight:bold;color:#21478b;}
/*.common-xc .xc_nav li:first-child a{padding-left:0;}*/
.common-xc .xc_nav li:after{content:"";width:1px;height:12px;background:#dddddd;display:block;position:absolute;right:-0.5px;top:50%;margin-top:-6px;}
.common-xc .xc_nav li:last-child:after{display:none;}
.common-xc .xc_nav li.cur a{color:#cc0001; font-size:16px; font-weight:bold;}
.common-xc .xc_nav li.cur a:after{left:0; width:100%;}
.common-xc .xc_nav li:hover a{color:#cc0001; font-size:16px; font-weight:bold;}
.common-xc .xc_nav li:hover a:after{left:0; width:100%;}
.common-xc .xc_nav li a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    left: 50%;
    width: 0;
    background: #cc0001;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}


/*-About us-*/
.mbx_nav {height:57px;background:#e5e5e5;}
.mbx_nav .container{width:80%;}
.mbx_nav .col-md-6 {padding:0}
.mbx_nav .mbx {line-height:57px;}
.mbx_nav .mbx a,.mbx_nav .mbx i {font-size: 14px;
    color: #333;}
.mbx_nav .mbx i {padding:0 10px;}
.mbx_nav .mbx em {font-size:14px;color:#bc0b13}
.mbx_nav .mbx a:first-child {background:url(../images/icon5.png) 0 center no-repeat;padding-left:40px;display:inline-block;min-height:19px}

.mbx_nav .class_nav {position:relative;float:right}
.mbx_nav .class_nav .now_nav {height:55px;line-height:55px;text-align:center;font-size:14px;color:#d6d6d6;background:#bc0b13;display:block;padding:0 50px}
.mbx_nav .class_nav .now_nav i {padding-left:15px;}
.mbx_nav .class_nav ul {display:none;position:absolute;top:55px;left:0;width:100%;z-index:3;background:#bc0b13;    z-index: 9999;}
.mbx_nav .class_nav ul li a {line-height:35px;height:35px;font-size:14px;color:#FFF;background:#bc0b13;text-align:center;display:block;margin:5px 0;transition:all .3s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mbx_nav .class_nav ul li a:hover {opacity:0.8;background:rgba(187,107,107,0.8)}


/*channel_content*/
.channel_content{min-height:150px; padding:0px;}
.channel_content .container{ width: 81%; margin: 0 auto;}
.about_us01{padding:70px 0; background:url(../images/about_us01_bg.jpg) no-repeat center bottom;}
.about_us01 .infor{padding:0 30px;}
.about_us01 .infor .tit{font-size:42px;font-family: Arial;font-weight: bold;color:#bc0b13;text-align:center;line-height:1.2;margin-bottom:20px;text-transform: uppercase;} 
.about_us01 .infor .con{font-size:14px; color:#383838; line-height:25px;}
.about_us01 .infor .con p{ margin-bottom: 20px; text-align: justify;}
.about_us01 .infor .con p img,.about_us01 .infor .con  img{  max-width: 100%;}
.about_us02  .info{padding:30px 0px 0px;min-height: 350px;}
.about_us02  .flag{user-select:none;}
.about_us02  .flag1{margin-bottom:20px;}
.about_us02  .flag2{text-align:right; margin-top:5px;}
.about_us02  .t{font-size:30px; font-weight:bold; line-height:1;}
.about_us02  .d{font-size:25px; font-weight:bold; margin:10px 0 15px;}
.about_us02  .con{font-size:16px; }
.about_us02 .con p{font-size:16px;  line-height: 25px; text-align: justify; margin-bottom: 10px; }
.about_us02 .content{font-size:16px; }
.about_us02  .content p{ margin-top: 15px;}


/***********************资质荣誉*******************************************************************************************************************/
.gallery { padding:30px 0px 0px;}
.gallery:after {content: '';display: block;height: 2px; margin: .5em 0 1.4em;}
.gallery li{ margin-top: 50px;}
.gallery li img{height:225px; width:100%;}
.gallery div{line-height:45px; font-size: 16px; z-index:999; background:#aaaaaa; text-align:center; color:#FFF; z-index:9999; }
.gallery1:after {content: '';display: block;height: 2px; margin: .5em 0 1.4em;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);border: 15px solid #FFF;}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:3.8; font-size:18px; color: #FFF; background-color:#000;background-color:rgba(0,0,0,.6);}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

/*分厂*/
.base01{padding:60px 0; }
.base01 li{background:#f6f6f6; margin-bottom:35px; overflow:hidden; cursor:pointer;}
.base01 li:last-child{margin-bottom:0}
.base01 li .rect-5932{padding-bottom:59.32%;}
.base01 li .img{width:50%; overflow:hidden; position:relative;}
.base01 li .intro{width:50%;}
.base01 li.odd .img{float:right;padding: 0px;}
.base01 li.odd .intro{float:left;}
.base01 li.even .img{float:left;padding: 0px;}
.base01 li.even .intro{float:right;}
.base01 li .intro .inner{padding:40px 30px;}
.base01 li .intro .tit{font-size:36px; color:#333;  margin-bottom:15px ; font-weight:bold; font-family:'Arial'; line-height:1; transition:.3s ease;}
.base01 li .intro .box{height:308px; overflow:auto;}
.base01 li .intro .box .con{font-size:14px; color:#333; margin:15px 0 30px;}
.base01 li .intro .box .con p{font-size:14px; color:#333; margin-bottom:15px ; text-align: justify;
    padding-right: 15px;}
.base01 li .intro .box ul li{padding-left:20px; position:relative; font-size:16px; color:#606060; margin-bottom:10px; transition:.3s ease;}
.base01 li .intro .box ul li:after{content:''; position:absolute; left:0; width:6px; height:6px; top:10px; background:#606060; border-radius:50%;}
.base01 li .img .cover{opacity:0; visibility:hidden; transition:.3s ease; position:absolute; top:0; transition:.5s ease; left:0; height:100%; right:0; background:url(../images/red.7.png) repeat; z-index:2; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.base01 li:hover .img .cover{opacity:1; visibility:visible;}
.base01 li:hover .img .t{color:#fff; font-size:20px; text-align:center;margin-top: 15px;}
.base01 li:hover .img .icon{color:#fff; text-align:center; margin-top:20%;}
.base01 li:hover .img .icon .iconfont{ font-size:50px;  }
.base01 li:hover .intro .box .tit{color:#bc0b13;}
.base01 li:hover .intro .box ul li{color:#bc0b13;}
.base01 li:hover .intro .box ul li:after{background:#bc0b13;}

/*默认滚动条处理*/
.base01 li ::-webkit-scrollbar-track-piece {background:#a6a6a6;}  /*凹槽颜色*/
.base01 li ::-webkit-scrollbar {width:3px; height:5px;} /*滚动条宽高*/
.base01 li ::-webkit-scrollbar-thumb {background:#bc0b13;; background-clip:padding-box; min-height:10px;}/*滚动条设置*/
.base01 li ::-webkit-scrollbar-thumb:hover {background:#bbb;}
.base01 .img_list{display:none;}


/*文化*/

.brand{ padding: 50px 0;  background:url(../images/culture-bg.jpg) no-repeat center center; -webkit-background-size: cover;
background-size: cover; }
.brand .part1 {  padding: 20px 0px ; min-height: 420px; width: 100%; background: rgb(255,255,255,0.24)}
.brand .part1 li { margin-left:-1px; cursor: pointer;}
.brand .part1 li .box { border: 1px solid #696969;  }
/*.brand .part1 li.li1 .box{ border-left: 1px solid #e5e5e5; }*/
.brand .part1 li .box{ text-align: center; padding: 15% 10% 0%; min-height: 380px;} 
.brand .part1 li .ico{ width: 50px; height: 50px; background: url(../images/pinpai_ico.png); margin-bottom: 5%; transition: all .5s ease; -webkit-transition: all .5s ease; transform: rotateY(0deg);}
.brand .part1 li .ico2{ background-position: -50px 0 }
.brand .part1 li .ico3{ background-position: -100px 0 }
.brand .part1 li .ico4{ background-position: -150px 0 }
.brand .part1 li .title{ font-size: 20px; color: #333; margin-bottom: 10%; }
.brand .part1 li:hover .title { color:#bc0b13; }
.brand .part1 li .dec{ font-size: 14px; color: #333;    text-align: justify; }
.brand .part1 li:hover .ico{ transform: rotateY(180deg); }
.brand .part2{ background: #f5f5f5; }
.rect-5833{ padding-bottom: 58.33%; }
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; vertical-align:middle;}
/*prouct*/
.prouct {padding: 50px 0;}
.prouct .part1 { margin-bottom:60px; }
.prouct .part1 .title{font-size:48px; line-height:48px; color:#bc0b13; font-family:Impact;  text-transform:uppercase; margin-bottom:25px;}
.prouct .part1 .con{font-size:16px; line-height:32px; color:#333;margin-bottom:15px;}
.prouct .part1 .left{}
.prouct .part1 .left li{font-size:18px; height:55px; line-height:28px; color:#333f47; font-weight:bold; position:relative; cursor:pointer; border-bottom:1px solid #eee;}
.prouct .part1  .left li:after {content:''; display:inline-block; *display:inline; *zoom:1; 
  height:100%; vertical-align:middle; visibility:hidden;}
.prouct .part1  .left li span{display:inline-block; vertical-align:middle; position:relative; padding-left:15px; padding-right:20px;}
.prouct .part1 .left li span:before{content:''; width:6px; height:6px; background:#333f47; position:absolute; left:0; top:9px; border-radius:50%;}
.prouct .part1  .left li.cur {color:#bc0b13}
.prouct .part1 .left li.cur span:before{background:#bc0b13;}
.prouct .part1  .right{height:385px; background:#f6f6f6; position:relative}
.prouct .part1  .right li{position:absolute; left:0; bottom:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.prouct .part1 .right li .li_box{padding:50px 45px;}
.prouct .part1 .right li .intro{float:left; width:43%; height:300px; overflow-y:auto;}
.prouct .part1 .right li .intro{float:left; width:43%; height:300px; overflow-y:auto;}
/* 由于左侧高度不定，现在目前基本是以左侧最矮来写右侧的内容高度 */
.prouct .part1 .right li .intro{height:250px;}
.prouct .part1 .right li .intro::-webkit-scrollbar {width:4px; height:4px;}
.prouct .part1 .right li .intro::-webkit-scrollbar-thumb {border-radius:5px; background:#fcb026;  
  background:rgba(252,176,38,.6)}
.prouct .part1 .right li .intro::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}
.prouct .part1 .right li .intro .tit{font-size:24px; color:#333f47; font-weight:bold; margin-bottom:11px;}
.prouct .part1  .right li .intro .con{font-size:15px; color:#333f47; line-height:30px;}
.prouct .part1 .right li .img_{width:46%; float:right;}
.prouct .part1 .right li.no_img .intro{width:100%;}
.prouct .part1 .right li.no_img .img_{display:none;}
.prouct .part1 .right li.cur{opacity:1; visibility:visible;}
.en_pro_detail02 .sections01 .bianji{margin-top:30px}

/*.prouct .part2 { margin-top:60px; }*/
.prouct .part2 .title{font-size:48px; line-height:48px; color:#bc0b13; font-family:Impact;  text-transform:uppercase; margin-bottom:25px;}
.prouct .part2 .con{font-size:16px; line-height:32px; color:#333;margin-bottom:15px;}


.nw_loc {}
.nw_loc li{margin-bottom: 8px;}
.loc_t{height: 65px;line-height: 65px;border: 1px solid #ccc;padding:0 30px;font-size: 18px;}
.loc_t_l{float: left;}
.loc_t_l{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80%;}

.loc_t_r{float: right;}
.loc_c{width: 100%;background-color: #f4f4f4;display: none;}
.loc_c_w{padding: 35px 65px 40px 30px;}
.loc_cont{     line-height: 32px;font-size: 16px;}
.loc_part_t p{float: left;display: inline-block;margin-right: 40px;font-size: 15px;}

.loc_cur .loc_t{background-color: #bc0b0b;color: #fff;border-color: #b15533;cursor: pointer;}

/* prolist-14 start*/
.pro_list { padding:0px;}
.pro_list .list_box a{display:block;}
.pro_list .list_box a.imgbg{display:block;background: #e3e0db;}
.pro_list .list_text{padding:8% 8%;color:#010101;background-color:#f8f7f7;}
.pro_list .list_title{font-size:22px;margin-bottom:10px;    height: 50px;font-family: "Arial";}
.pro_list .list_p{font-size:13px;margin-bottom:9%;line-height:24px;height: 72px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.pro_list .list_box .list_more{font-size:13px;display:inline-block;width: 110px;height:35px;line-height:35px;border:1px solid #c6c6c6;text-align:center; margin-right: 10%;}
.pro_list .cover{ position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: rgba(0,0,0,0.4); transition: all .3s ease; }
.pro_list .cover:after,.pro_list .cover:before{ content: ""; position: absolute; top: 50%; left: 50%; background: #fff; display: inline-block; }
.pro_list .cover:after{ width: 1px; height: 60px; margin-top: -30px; }
.pro_list .cover:before{ width: 60px; height: 1px; margin-left: -30px; }
.pro_list .list_more .iconfont{ margin-left: 15%; }
.pro_list li:hover .list_text{background-color:#bc0b13; color: #fff;}
.pro_list li:hover .list_more{color:#fff; border-color: #fff;}
.pro_list li:hover .cover{ top: 0; color: #fff; z-index:99;}
.pro_list li{margin-bottom:30px;}
.pro_list li .list_pic{background: #e3e0db;}
.pro_list li:hover .list_title{color:#fff; }
.pro_list li:hover .list_p{color:#fff; }
.index-load-more {
    height: 49px;
    position: relative;
    margin: 40px 0 30px;
    width: 100%;
    float: left;
}

.index-load-more .line {
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    background: #e6e6e6;
    position: absolute;
}

.index-load-more .more {
    position: absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    background: #ffffff;
    height: 55px;
    color: #999;
}

.index-load-more .more .icon-more {
    width: 30px;
    height: 30px;
    background: url(../images/icon_more.png) no-repeat;
    display: block;
    margin: 0 auto 5px;
}

.index-load-more .more.disabled {
    line-height: 55px;
    cursor: default
}


/*产品详情页*/

.en_pro_detail.channel_content{padding:0;}
.en_pro_detail01{border-bottom:6px solid #bc0b13; position:relative}
.en_pro_detail01:after{content:''; width:1000px; background:#f6f6f6; height:100%; position:absolute; left:80%; ; top:0; z-index:2;}
.en_pro_detail01 .left{width:48%; float:left; position:relative; padding:30px 0; overflow:hidden;}

.en_pro_detail01 .left .proDetail_crumbs{margin-bottom:15px; text-transform:uppercase;}
.en_pro_detail01 .left .proDetail_crumbs a{font-size:16px; color:#505050;}
.en_pro_detail01 .left .proDetail_crumbs a:hover{color:#fcb026;}
.en_pro_detail01 .left .proDetail_crumbs span{font-size:16px; color:#505050;}
.en_pro_detail01 .left .left_r{padding:0 13%;}
.en_pro_detail01 .left .left_r .big_img{width:100%; margin:0 auto 22px;}
.en_pro_detail01 .left .left_r .smal_img ul{text-align:center; font-size:0;}
.en_pro_detail01 .left .left_r .smal_img li{width:23.5%; margin-left:2%; display:inline-block; cursor:pointer;}
.en_pro_detail01 .left .left_r .smal_img li:first-child{margin-left:0;}
.en_pro_detail01 .left .left_r .smal_img li .li_box{border:2px solid #ececec;}
.en_pro_detail01 .left .left_r .smal_img li.cur .li_box{border-color:#fcb026;}


.en_pro_detail01 .right{width:52%; float:right; background:#f6f6f6; min-height:365px; overflow:hidden; position:relative}
.en_pro_detail01 .right .r_box{padding:45px 20px 30px 30px; position:relative; z-index:3;}
.en_pro_detail01 .right .smal_tit{font-size:19px; line-height:30px; color:#fcb026; font-weight:bold; text-transform:uppercase;}
.en_pro_detail01 .right .big_tit{font-size:48px; line-height:60px; color:#bc0b13; font-family:Impact; text-transform:uppercase;}
.en_pro_detail01 .right .big_tit.hunningtu{font-size:40px; line-height:45px;}
.en_pro_detail01 .right .intro{margin-top:17px;    max-height: 150px;
    overflow-y: scroll;
}
.en_pro_detail01 .right .intro:after{ content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom:40px;
    height: 1px;background:#dcdcdc; margin-bottom: 70px;}
.en_pro_detail01 .right .intro p{font-size:16px; line-height: 32px;}
.en_pro_detail01 .right .intro .item{margin-bottom:10px}
.en_pro_detail01 .right .intro .item .t{font-size:18px; line-height:22px; color:#7b7b7b; text-transform:uppercase;}
.en_pro_detail01 .right .intro .item .c{font-size:17px; line-height:22px; color:#333f47; font-weight:bold;}
.en_pro_detail01 .right .pro_download{position:relative; padding-bottom:17px;}
.en_pro_detail01 .right .pro_download:after{content:''; position:absolute; left:0; bottom:0; width:75%; height:1px; background:#c1c1c1;}
.en_pro_detail01 .right .pro_download a .icon{display:inline-block; width:16px; height:16px; background:url(../img/pro_add.png) no-repeat; position:absolute; left:5px; top:7px; transition:all 0.5s ease;}
.en_pro_detail01 .right .pro_download a:hover .icon{background-position:0 -16px;}
.en_pro_detail01 .right .pro_download a span{display:inline-block; font-size:18px; color:#2e2e2e; font-weight:bold; line-height:28px; padding-left:35px; transition:all 0.5s ease;}
.en_pro_detail01 .right .pro_download a:hover span{color:#fd8800;}
.en_pro_detail01 .right .con{margin:15px 0;}
.en_pro_detail01 .right .con a{display:inline-block; margin-right:40px;}
.en_pro_detail01 .right .con a span{display:inline-block; vertical-align:middle;}
.en_pro_detail01 .right .con a span.icon{width:19px; height:19px; margin-right:10px;}
.en_pro_detail01 .right .con a span.icon img{display:none;}
.en_pro_detail01 .right .con a.con_a1 span.icon{background:url(../img/pro_detail01_ico1.png) no-repeat 0 -19px;;}
.en_pro_detail01 .right .con a.con_a1:hover span.icon{background-position:0 0}
.en_pro_detail01 .right .con a.con_a2 span.icon{background:url(../img/pro_detail01_ico2.png) no-repeat 0 -19px;}
.en_pro_detail01 .right .con a.con_a2:hover span.icon{background-position:0 0;}
.en_pro_detail01 .right .con a.con_a3 span.icon{background:url(../img/pro_detail01_ico3.png) no-repeat 0 -19px;}
.en_pro_detail01 .right .con a.con_a3:hover span.icon{background-position:0 0;}
.en_pro_detail01 .right .con a span.txt{font-size:17px; color:#888888;}
.en_pro_detail01 .right .con a:hover span.txt{color:#fcb026}

.en_pro_detail01 .right .pro_price{margin-top:40px;width:36%; height:58px; line-height:58px; background:#333f47; text-align:center; font-size:22px; font-family:Impact; color:#fcb026; position:relative; text-transform:uppercase;}
.en_pro_detail01 .right .pro_price a{position:relative; z-index:3; color:#ffffff; display:block;}
.en_pro_detail01 .right .pro_price:after{content:''; width:0; height:100%; background:#bc0b13; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.en_pro_detail01 .right .pro_price a:hover{color:#FFF;}
.en_pro_detail01 .right .pro_price:hover:after{width:100%;}

.en_pro_detail02{}
.en_pro_detail02 .section-content .title{    margin: 30px 0;font-size:36px;text-align: left; line-height:48px; color:#333; font-family:Impact; }
.en_pro_detail02 .section-content  .txt{font-size:16px; line-height:28px;}
.en_pro_detail02 .section-content  .txt p{ margin-bottom: 15px;}
.nav-height{    border-bottom: 1px solid #dfdfdf;margin-bottom: 50px;height: 105px;line-height: 105px}

.section-content{  min-height: 300px; margin: auto; }
.nav-wrap { width: 100%;    padding: 0px;background: #fff;border-bottom:1px solid #dfdfdf; margin-bottom:50px; height:105px; line-height: 105px;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto;color: #4680d1; display: block;}
.nav-wrap.navFix ul{ border-bottom: 0;}

.nav-wrap li { display:inline-block; font-size:22px; line-height:103px; color:#333f47; text-transform:uppercase;  width:24.5%; cursor:pointer;}
.nav-wrap li a {display: block;    text-align: center;
padding: 0 20px;font-size:20px; color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #bc0b13;}
.nav-wrap li a.active { border-bottom:2px solid #bc0b13;   color: #bc0b13;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}

.section-content td, th {padding: 0;text-align: center;height: 70px;    font-size: 16px;}





/*anli*/

.project {padding: 50px 0;}
.project .item{position:relative; margin-bottom:30px;padding-top: 15px;   transition:all .3s ease;}

.project  .item:nth-child(4n){margin-right: 0px;  }
.project  .item .li_line{width:0; height:5px; background:#cc0001; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.project  .item:hover .li_line{width:100%;}
.project  .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2)}
.project  .item.three_item { margin-right: 0;}
.project  .item .box{padding:30px;background:#f5f5f5;}
.project  .item .box:hover{box-shadow:none;background:none;}
.project  .item .box .tit{font-size:20px; color:#333; font-weight:bold; overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;line-height:34px; margin-bottom:15px;}
.project  .item .box .list{font-size:14px; color:#333333; line-height:28px; margin:10px 0; }
.project  .item .box .list ul li{display:inline-block;border:1px solid #b5b5b5; padding:0 5px; margin-right:30px;}
.project  .item .box .list ul li.li01{ margin-bottom:10px;}
.anli .tab_t .more {display:none; position:absolute; right:0; top:80px; font-size:14px; color:#666; cursor:pointer;}

/*contact*/
.contact .pt1{padding:30px 0 30px;}
.contact .pt1 ul li {margin-bottom:1%; position:relative; box-shadow:0 0 10px 0 rgba(0,0,0,0.1);     background: #f5f5f5;min-height:150px;}
.contact .pt1 ul li .item{background:#f5f5f5; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-bottom:15px;}
.contact .pt1  li .li_box{padding:34px 60px 43px; position:relative; z-index:1;}
.contact .pt1  li .li_box .t{font-size:26px; color:#000; font-family:'HelveticaNeueLT'; line-height:30px; margin-bottom:15px;}
.contact .pt1  li .li_box .c{font-size:16px; color:#333; line-height:28px; height:80px; overflow:hidden;}
.contact .pt1  li .li_box .c a{transition:all 0s ease;}
.contact .pt1  li .li_box .c a:hover{color:#fff;}
.contact .pt1  li:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/contact_bg.jpg) no-repeat center; opacity:0; visibility:hidden; transition:all 0.3s ease; background-size:cover;}
.contact .pt1  li:hover:after{opacity:1; visibility:visible;}
.contact .pt1  li:hover .li_box .t{color:#fff;}
.contact .pt1  li:hover .li_box .c {color:#fff; color:rgba(255,255,255,0.8);}
.contact .pt1  li:hover .li_box .c a{color:#fff; color:rgba(255,255,255,0.8);}



.contact .pt3{  background:#bc0b13; padding: 30px 0px;}
.contact .pt3  .pro_kf_box .en{ font-size: 36px; font-family: Impact; line-height: 1; margin-bottom: 20px; color: #FFF; text-transform: uppercase;}
.contact .pt3  .pro_kf_box .cn { font-size: 24px; color: #FFF;font-weight: bold;}
.contact .pt3  .pro_kf_box a { color: #FFF;}


.contact .pt4{overflow:hidden; margin-top:0px;padding:50px 0 100px; background:url(../images/conact_b01.jpg) no-repeat center;}
.contact .pt4 .tit{text-align:center; font-size:36px; color:#fff; line-height:1; margin-bottom:19px; text-transform:uppercase; font-family:'HelveticaNeueLT';}
.contact .pt4 .info{text-align:center; font-size:16px; color:#808080; line-height:24px; margin-bottom:15px;}
.contact .pt4 .line{display:block; margin:0 auto 20px; width:27px; height:1px; background:#c6c6c6;}
.contact .pt4 .form{width:100%;margin:0 auto;}
.contact .pt4 .form input{border:1px solid #fff; font-size:16px;}
.contact .pt4 .name{background:transparent url("../images/i_form_ico1.png") no-repeat right 0;}
.contact .pt4 .phone{background:transparent url("../images/i_form_ico2.png") no-repeat right 0;}
.contact .pt4 .email{background:transparent url("../images/i_form_ico3.png") no-repeat right 0;}
.contact .pt4 .line1{width:95%; height:48px; line-height:48px; padding:0 46px 0 13px; float:left; color:#fff;}
.contact .pt4 .form textarea{width:98.5%; border:1px solid #fff; padding:10px 40px 10px 13px; color:#fff; height:149px; font-size:16px; line-height:1.5; margin-bottom:20px; margin-top:25px; background:transparent url("../img/i_form_ico4.png") no-repeat right top;}
.contact .pt4 .form .btns_list{text-align:center;}
.contact .pt4 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:18px; color:#fff; cursor:pointer;}
.contact .pt4 .form .btns_list .sub{background-color:#2c2c2c; border-radius:0; float:left;}
.contact .pt4 .form .btns_list .reset{background-color:#c80025; border-radius:0; float:right;}
.contact .pt4 .form_cb .span-4{position:relative;}
.contact .pt4 .form_cb .span-4 span{position:absolute; right:45px; top:15px;}
.contact .pt4 .yzm_box{width:50%;}
/*.contact .pt4 .btns_list{width:50%;}*/
.contact .pt4 .yzm_box .yzm{line-height:46px; height:46px; width:30%; background:transparent; text-indent:20px; margin-right:25px; color:#fff;}
.contact .pt4 .yzm_box img{width:120px; height:50px; margin-right:10px;}
.contact .pt4 .yzm_box .change{color:#fff; font-size:12px; cursor:pointer; vertical-align:bottom;}

/*
.contact .pt2 ul li:hover{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2); box-shadow:0 1px 5px rgba(0,0,0,.2);background:url(../images/contact_bg.png) center; background-size:cover;}
.contact .pt2 .item:hover .con{color:#fff;}
.contact .pt2 .item .con{padding:45px 35px; height:180px;}
.contact .pt2 .item .con p{font-size:16px;line-height: 28px;}
.contact .pt2 .item .con .t{font-size:20px; margin-bottom:25px;}
.contact .pt2 .item .con a{-moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
.contact .pt2 .item a:hover{color:#fff;}
*/



/*分页 start*/
.widgets_common_pages_6{font-size:0; margin-bottom:30px;    height: 58px;}
.widgets_common_pages_6 a,.widgets_common_pages_6 span{line-height:58px; color:#666; background-color:#f0f2f8; display:inline-block;vertical-align:middle;text-align:center;padding:0 30px;font-size:14px;margin:0;}
.widgets_common_pages_6 a:hover,.widgets_common_pages_6 span.current{color:#fff;background-color:#cc0102;}
@media only screen and (max-width:760px){
  .widgets_common_pages_6{margin-top:30px;}
  .widgets_common_pages_6 a, 
  .widgets_common_pages_6 span{line-height:30px; padding:0 6px;}
}



/*以下是手机版*/
@media only screen and (max-width: 1440px){
  .pageHeader .logo{transition:all .3s;padding:20px 0px 25px 1%;}
  .pageHeader  .head_tools{ width: auto;}
  .pageHeader .menu {
    width: 85%;
}.pageHeader .logo img{position:relative;z-index:100;    vertical-align: middle;width: 180px;
 
}.pageHeader  .nav ul li{float:left;padding: 0px 2%;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s;}
  .pageHeader .head_tools .tool {
    position: relative;
    float: left;
    line-height: 95px;
    height: 95px;
    padding: 0 15px;
    cursor: pointer;
}
.mbx_nav .container{width:96%;}
.xc-banner {
    margin-top: 100px;
    position: relative;
    margin-left: -300px;
}

.xc-banner .ban_text {position:absolute;top:0;left: 90px;width:100%;height:100%;}
.ipart_index .container{  width:96%;margin: 0 auto;}
.ipart01-2 .wrap { width:96%; margin: 0 auto;}



  .channel_content .container {
    width: 96%;
    margin: 0 auto;
}  

  .project {
    padding: 30px 0;
}
  .project .item .box .tit{ margin-bottom: 0px;font-size: 14px;}  
  
  .project .item .box {padding: 10px 15px; background: #f5f5f5;}
  .en_pro_detail01 .right .big_tit {    font-size: 28px;
    line-height:35px;
    color: #bc0b13;
    font-family: Impact;
    text-transform: uppercase;
}
.en_pro_detail01 .right .intro{margin-top:17px;height: 145px;overflow-y: scroll;}
.base01 li .intro .tit{font-size: 24px;color:#333;margin-bottom: 4px;font-weight:bold;font-family:'Arial';line-height:1;transition:.3s ease;}

}

@media only screen and (max-width: 1366px){
  .pageHeader .logo{transition:all .3s;padding: 36px 0px 25px 1%;}
  .pageHeader  .head_tools{ width: auto;}
  .pageHeader .menu {
    width: 85%;
}.pageHeader .logo img{position:relative;z-index:100;    vertical-align: middle;width: auto;
    height: 28px;
}.pageHeader  .nav ul li{float:left;padding: 0px 2%;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s;}
  .pageHeader .head_tools .tool {
    position: relative;
    float: left;
    line-height: 95px;
    height: 95px;
    padding: 0 15px;
    cursor: pointer;
}
  .channel_content .container {
    width: 96%;
    margin: 0 auto;
}  
  .project {
    padding: 30px 0;
}
  .project .item .box .tit{ margin-bottom: 0px;font-size: 14px;}  
  
  .project .item .box {padding: 10px 15px; background: #f5f5f5;}
  
}
@media only screen and (max-width: 1024px){
    .pageHeader .logo{transition:all .3s;padding: 36px 0px 25px 1%;}
  .pageHeader  .head_tools{ width: auto;}
  .pageHeader .menu {
    width: 87%;
}.pageHeader .logo img{position:relative;z-index:100;    vertical-align: middle;width: auto;
    height: 28px;
}.pageHeader  .nav ul li{float:left;padding: 0px 2%;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s;}
  .pageHeader .head_tools .tool {
    position: relative;
    float: left;
    line-height: 95px;
    height: 95px;
    padding: 0 15px;
    cursor: pointer;
}
  
img {
  max-width: 100%; 
    border: 0;
    transition: all .5s;
}
  .channel_content .container {
    width: 95%;
    margin: 0 auto;
}.xc-banner {
    margin-top: 45px;
    position: relative;
}.mbx_nav .container {
    width:100%;
}
  .ipart_index .container {
    width: 95%;
}
.common-xc .xc_nav .container{ width: 95%; margin: 0 auto;}

}
@media only screen and (max-width: 992px){
.contact .pt4 .form .btns_list .sub {
    margin-right: 40px;
    float: none;
    width: 40%;
}
  .mt40 {
    height: 57px;
    background: #e5e5e5;
    margin-top: 40px;
}
  .en_pro_detail01 .left {
    width: 48%;
    float: left;
    position: relative;
    padding: 30px 0 0;
    overflow: hidden;
}
.en_pro_detail01:after {
    content: '';
    width: 1000px;
     background: #FFF;; 
    height: 100%;
    position: absolute;
    left:100%;
    top: 0;
    z-index: 2;
}
.en_pro_detail01 .left {
    width: 100%;
}
.en_pro_detail01 .right {
    width: 100%;
    margin-top: 0px;
    background: #f6f6f6;
    min-height: 365px;
    overflow: hidden;
    position: relative;
}  .en_pro_detail01 .right .big_tit{font-size: 20px;line-height:60px;color:#bc0b13;font-family:Impact;text-transform:uppercase;}
.en_pro_detail01 .right .pro_price {
    margin-top: 40px;
     width: 100%; 
    height: 58px;
    line-height: 58px;
    background: #333f47;
    text-align: center;
    font-size: 22px;
    font-family: Impact;
    color: #fcb026;
    position: relative;
    text-transform: uppercase;
}
}



@media only screen and (max-width:800px){
.xc-banner{ margin-top: 45px;}
.mbx_nav .mbx {
    display: none;
}
.about_us01{padding:30px 0; }
.about_us01 .infor {
     padding: 0px 15px; 
}
.about_us01 .infor .tit {
    font-size: 20px;
}.base01 {
    padding: 20px 0;
}
.base01 li .img{width:100%;}
.base01 li .intro{width:100%;}
.base01 li .intro .rect-5932{padding-bottom:0; height:auto;}
.base01 li .intro { width: 100%;}
.base01 li .intro .inner {padding: 15px 0px 15px;}
.base01 li .intro .box { height: 200px;}
.base01 li .intro  .tit {font-size: 20px;}
.brand {padding: 30px 0 30px;background: none;}
.brand .part1 li .box { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin-top: 15px;  }
.brand .part1 li .box {padding: 10% 15% 0%;}
.brand .part1 li:nth-child(1) .box {min-height: 280px;padding: 10% 15% 0%;}
.brand .part1 li:nth-child(2) .box {min-height: 280px;padding: 10% 15% 0%;}
.brand .part1 li:nth-child(3) .box {min-height: 280px;padding: 10% 15% 0%;}
.brand .part1 li:nth-child(4) .box { text-align: center; padding: 15% 10% 0%;min-height: 380px;}

    .project {
    padding: 30px 0;
}
  .project .item { margin-top:0px;}
  .en_pro_detail01{ margin-bottom: 20px;}
  .nav-height { display: none;}
  .xc-banner .ban_text h1 {    font-size: 36px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-family: "Arial";
    letter-spacing: 5px;
}.xc-banner .ban_text {    position: absolute;
    top: 0;
    left: 135px;
    width: 100%;
    height: 100%;
}
}
@media only screen and (max-width: 767px){

.xc-banner{margin-top: 45px;}
.xc-banner .ban_text h1 {
    font-size: 2rem;
}
/*.xc-banner img{width:750px; margin-left:-450px;}  */
.common-xc .xc_nav {
    line-height: 66px;
    border-bottom: 1px solid #ededed;
    background: #eef2f5;
    display: block;
}
.common-xc .xc_nav li {
    float: left;
    height: 48px;
    line-height: 48px;
    position: relative;
    color: #000;
    font-size: 16px;
    width: 33%;
}  
  
.contact .pt1 ul li {margin-bottom: 20px;}
.contact .pt1 li .li_box {
    padding: 30px 15px;
    position: relative;
    z-index: 1;
}
.contact .pt4  {
    padding: 20px 0;
    background-size: cover;
    margin-top: 0px;
}
.contact .pt4 .info {
    line-height: 1.5;
    color: #fff;
    font-size: 14px;
}
.contact .pt4 .line1 {
    width: 100%;
    margin: 5% auto 0;
    box-sizing: border-box;
}
.contact .pt4 .yzm_box {
   width: 100%;    margin-bottom: 20px;
}
  .contact .pt4 .form .btns_list .sub {
    margin-right: 40px;
    float: none;
    width: 40%;
}
  
.contact .pt2 { background: #bc0b13;padding: 30px 0px;}  
.contact .pt2  .pro_kf_box .en{ font-size: 30px; font-family: Impact; line-height: 1; margin-bottom: 10px; color: #FFF; text-transform: uppercase;}
.contact .pt2  .pro_kf_box .cn { font-size:18px; color: #FFF;margin: 5px 0px;font-weight: bold;}
.contact .pt2  .pro_kf_box a {  color: #FFF;}
  
.prouct .part1 .con{font-size:16px; line-height:32px; color:#333;margin-bottom:15px;}
.prouct .part1 .left{}
.prouct .part1 .left li{font-size:13px;height: 42px;line-height:28px;color:#333f47;font-weight:bold;position:relative;cursor:pointer;border-bottom:1px solid #eee;}
.prouct .part1  .left li span{display:inline-block;vertical-align:middle;position:relative;padding-left:15px; padding-right:0px; }
.prouct .part1 .title{font-size: 36px;line-height:48px;color:#bc0b13;font-family:Impact;text-transform:uppercase;margin-bottom: 10px;}  
.prouct .part1  .right{height:325px;background:#f6f6f6;position:relative;margin-top: 20px;}
.prouct .part1 .right li .li_box{padding:30px 25px;}
  
.prouct .part2 .title{font-size:36px; line-height:48px; color:#bc0b13; font-family:Impact;  text-transform:uppercase; margin-bottom:25px;}
.prouct .part2 .con{font-size:16px; line-height:32px; color:#333;margin-bottom:15px;}

  
.loc_c_w{padding: 25px;text-align: justify;}  
  
}



@media only screen and (max-width: 640px){  }
@media only screen and (max-width: 520px){
.flickerplate ul.flicks>li .flick-sub-text {
    padding: 5px;
    font-weight: 300;
    line-height: 2.5em;
    font-size: 1em;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.ipart01 {
     padding:30px 0; 
    background: #f6f6f6;
}
.ipart_index .container {width: 100%;}
.common-infor .tit {
    font-size: 32px;
    line-height: 36px;
    color: #000;
    font-weight: bolder;
}
.ipart01 .container ul li { margin: 0;width: 33%;
}
.ipart01 .container ul li .tit {
    font-size: 15px;
    color: #333;
    margin-top: 10px;
    line-height: 22px;
    height: 75px;
}
.ipart01 .content {
    margin-top: 25px;
}
.ipart02{ position: relative;background-image:url(../images/part02bg.jpg); background-attachment: fixed;    padding: 50px 0  50px; height:100%;background-position:  no-repeat  center;}
.ipart02  .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:#1c1c1c;z-index: 0;    opacity: .5;}
.ipart02 .infor {
    position: relative;
    z-index: 22;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
  .ipart02 .infor .con {
    font-size: 1.2em;
    line-height: 30px;
    font-family: Arial;
    padding: 0 5%;
    text-align: justify;
}  
.ipart01-2 { display: none;}
  
.pageFoot .container {
    position: relative;
    width: 100%;
}
.pageFoot .foot_top {
    display: none;
}  

  }

@media only screen and (max-width: 520px){ 
.xc-banner .ban_text {position:absolute;top:0; left:0px; width:100%;height:100%;} }

@media only screen and (max-width: 480px){
  .ipart01-1 {
    background: #f6f6f6;
     padding: 0px;
}
.xc-banner {

    position: relative;
    margin-left: 0px;
}

}

@media only screen and (max-width: 320px){  }
