@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;  width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner { margin-top:120px;}

/*工艺*/
.gy_bg { background:url(../imgxx/gy_bg.jpg) no-repeat center 0; height:360px; padding-top:50px; margin-top:20px;}
.gy_con { }
.gy_con ul li { float:left; width:240px; text-align:center;}
.gy_con ul li a i { width:178px; display:block; margin:0 auto 0;}
.gy_con ul li a img { width:178px; height:178px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}

.gy_con ul li a em { width:25px; height:3px; background:#ccc; margin:15px auto; display:block; line-height:0; font-size:0}
.gy_con ul li a:hover em { background:#D40000;}
.gy_con ul li a span { font-size:14px; color:#000; padding:12px 0 72px; display:block; font-weight:bold}
.gy_con ul li a:hover span { color:#D40000;}



.rx_bt { padding:60px 0 45px; text-align:center;}
.rx_bt a { font-size:30px; color:#000;}
.rx_bt a em { font-size:18px; color:#7b7b7b; padding:15px 0 0; display:block;}
.rx_bt a:hover,.rx_bt a:hover em { color:#D40000;}
.rx_list { padding-left:170px; height:50px;}
.rx_list ul li { float:left; margin-right:70px;}
.rx_list ul li a { font-size:14px; color:#7b7b7b; height:36px; display:block;}
.rx_list ul li a:hover,.rx_list ul .cur a { background:url(../imgxx/cp_xx01.gif) no-repeat center bottom; color:#D40000;}

.rx_con { }
.rx_con ul li { float:left; width:393px; position:relative; margin:0 10px 20px 0;}
.rx_con ul .nobor01 { margin:0 0 20px;}
.rx_con ul li a em { width:393px; height:64px; line-height:64px; font-size:14px; color:#6c6c6c; display:block; text-align:center;}
.rx_con ul li a span { background:url(../imgxx/btm07.png) repeat; width:393px; height:321px; display: none; position:absolute; top:0; left:0; line-height:390px; overflow:hidden; text-align:center; color:#fff; font-size:14px;}
.rx_con ul li a span img { display:block; width:61px; height:61px; margin:0 auto; padding:115px 0 0;}
.rx_con ul li a img { width:393px; height:321px;}
.rx_con ul li a:hover span { display: block}
.rx_con ul li a:hover em { background:#D40000; color:#fff;}


.sb_con { height:410px; }
.sb01 { top:165px; left:-100px;}
.sb01 a { background: url(../imgxx/sb_le01.gif) no-repeat; width:60px; height:60px; display:block;}
.sb01 a:hover { background:url(../imgxx/sb_le02.gif) no-repeat;}

.sb03 { top:165px; right:-100px;}
.sb03 a { background:url(../imgxx/sb_ri01.gif) no-repeat; width:60px; height:60px; display:block;}
.sb03 a:hover { background:url(../imgxx/sb_ri02.gif) no-repeat;}

.sb02 ul li { float:left; padding:0 10px 0 0; display:inline}
.sb02 ul .nobor01 { padding:0;}
.sb02 ul li a img { width:389px; height:317px; border:solid 2px #fff;}
.sb02 ul li a:hover img { border:solid 2px #D40000;}
.sb02 ul li a em { display:block; width:393px; height:60px; line-height:60px; overflow:hidden; text-align:center; color:#6c6c6c; font-size:14px; background:#e5e5e5}
.sb02 ul li a:hover em { color:#fff; background:#D40000;}

/*企业新闻*/
.dt_bg { background:#EBECF0; height:769px; margin-top:50px;}
.dt_bg .rx_bt { padding:57px 0 0; height:89px;}
.dt_bg .rx_bt a em { display:block; font-size:12px; color:#939398; padding:14px 0 0;}
.dt01 { width:393px; margin-left:-1px }
.dt01 ul li a { display:block; width:393px; height:174px; float:left; color:#000;}
.dt01 ul li a span { display:block; float:left; padding:60px 0 0 43px;}
.dt01 ul li a span i { display:block; background:url(../imgxx/dt_ico01.png) no-repeat; width:48px; height:42px; float:left;}
.dt01 ul li a span em { display:block; float:left; width:150px; padding:0 0 0 30px; font-size:18px;}
.dt01 ul li a span em b { display:block; font-family:Arial; font-size:12px; color:#818181; padding:8px 0 0; font-weight:normal;}
.dt01 ul li a img { display: block; float:right; padding:60px 30px 0 0;}
.dt01 ul li a:hover,.dt01 ul .cur a { background:#D40000; color:#fff;}
.dt01 ul li a:hover span em b,.dt01 ul .cur a span em b { color:#fff;}
.dt01 ul .dt_li02 a:hover span i {  background:url(../imgxx/dt_ico01.png) no-repeat;}
.dt01 ul .dt_li03 a:hover span i {  background:url(../imgxx/dt_ico01.png) no-repeat;}

.dt02 { width:790px;}
.dt_dl01 { height:215px;}
.dt_dl01 dt { float:left; width:320px;}
.dt_dl01 dt a img { width:320px; height:175px;}
.dt_dl01 dd { float: right; width:445px;}
.dt_dl01 dd span { display:block; height:72px;}
.dt_dl01 dd span a { display:block; float:left; font-size:18px; color:#000; width:330px; height:45px; line-height:45px; overflow:hidden;}
.dt_dl01 dd span a:hover { color:#D40000} 
.dt_dl01 dd span em { display:block; float:right; width:110px; text-align:right; font-size:30px; color:#000; background:url(../imgxx/dt_xx01.gif) no-repeat 0 5px;}
.dt_dl01 dd span em i { display:block; font-size:18px; color:#afafb1;}
.dt_dl01 dd p { font-size:14px; color:#6d6d6d; line-height:25px; height:98px; border-bottom:solid 1px #d8d8d8;}
.dt_dl02 { clear:both; height:130px; border-bottom:solid 1px #c2c2c3; margin-bottom:40px;}
.dt02 .nobor01 { border:none;}
.dt_dl02 dt { padding-left:45px; width:635px; float:left;}
.dt_dl02 dt em a { display:block; font-size:18px; color:#000;}
.dt_dl02 dt em a:hover { color:#D40000} 
.dt_dl02 dt span { padding:10px 0 0; display:block; font-size:14px; color:#6d6d6d; line-height:25px; width:588px; height:57px; overflow:hidden;}
.dt_dl02 dt i a { background:url(../imgxx/dt_but01.gif) no-repeat; width:140px; height:41px; display:block;}
.dt_dl02 dt i a:hover { background:url(../imgxx/dt_but01.gif) no-repeat 0 -174px;}
.dt_dl02 dd { float:left; width:110px; text-align:right; font-size:30px; color:#000; background:url(../imgxx/dt_xx01.gif) no-repeat 0 5px;}
.dt_dl02 dd em i { display:block; font-size:18px; color:#afafb1;}
/*subbanner*/
.page-header h2{
    color: #fff;
    letter-spacing: 2px; 
    word-spacing: 7px;
}

.page-header p {
    color: #ccc;
    font-family: "Alegreya",serif;
    margin: 0 auto;
    max-width: 400px;
}

.page-header{
    padding: 0;
    margin: 0;
    background: url("../images/header-title.jpg") no-repeat scroll top center/ cover;   
}

.page-header-overlay .section-title h2{
    font-weight: 300;
}

.page-header-overlay{
    padding: 0;
    height: 205px;
    padding-top: 40px;
    background-color: rgba(0, 0, 0, 0.7);
}


/*产品内容*/

/*放大镜*/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:380px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

/*产品*/
.pdcon{ padding:0 20px;}
.pdcon  h1{ color:#d40000; font-size:20px; line-height:70px; }
.pdcon p{ line-height:2.0em; font-size:14px;}
.zylx{ margin-top:80px;}
.zylx #dh{ color:#ff6600}
.zylx #zxdh{ background:#ff6600; border:0}
.zylx #zxdh a{ color:#FFFFFF; display:block; width:100%}
#pdjj{ background:#f5f5f5;  margin-top:40px;}
#pdjj p{ line-height:3.0em;}
.pdmd{ padding:20px;}
.fdh span{ color:#FF6600;}

/*产品列表*/

/*联系我们*/
.lxwmbox{ padding:20px; background:#0e0e0e;  padding-top:40px;}
.lxwmjj{ width:100%; background:#f5f5f5; }

.mddh{ padding:15px; border:2px solid #fff;}
.mddh  i{ color:#FFFFFF; font-size:24px;}
.lxwmbox .row{ margin-bottom:50px;}
.lxwmbox  .row .col-md-2{ text-align:center}
.lxwmbox  .row .col-md-7  p{ line-height:1.8em; font-size:14px; color:#FFFFFF}
.lxwmbox  .row .col-md-7 .yw{ color:#FF6600; font-size:18px; font-weight:bold}

.lxwmjj  h1{ font-size:24px; color:#FF6600; line-height:40px; padding-left:15px;}
.cnjj,.enjj{ margin-top:10px; padding:0 15px;}
.enjj{}
.enjj p,.cnjj p{ line-height:1.8em; font-size:14px}

.form-group  input{ height:40px; margin-bottom:10px;}

/*新闻内容*/
/*======================= Sidebar =====================================*/

/* category */
.widget  ul.category-list li .fa-angle-right{
    line-height: 1.8;
}

.widget .size li.active,
.widget  ul.category-list li .active{
    background-color: #ea2c58 !important;
    color: #fff !important;
    border-color: #ea2c58;
}

.widget  ul.category-list li:hover .side-icon{
    background-color: #ea2c58;
    color: #fff;
}

.widget  ul.category-list li .side-icon{
    background-color: #f4f4f4;
    width: 25px; 
    height: 25px;
    color: #999; 
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    padding-top: 7px;
    margin-right: 10px;
    display: inline-block; 
}
    
.widget  ul.category-list li:last-child{
    border-bottom: 1px solid transparent;
}

.widget ul.category-list li {
    border-bottom: 1px solid #f4f4f4;
    color: #444;
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.9;
    margin: 0 20px;
    padding: 15px 0;
    text-transform: capitalize;
    word-spacing: 4px;
    cursor: pointer;
}

.widget  ul.category-list{
    padding: 0; 
    margin-bottom: 0;
    list-style: none; 
}

.widget .panel-body{
    padding: 0;
}

.widget .panel-heading .panel-title{
    font-weight: 600; 
    text-transform: uppercase; 
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #444;
    margin-left: 22px;
}

.widget .panel-heading{
    position: relative;
    border-top-left-radius: 0; 
    border-top-right-radius: 0;
    border-bottom: 2px solid #E8E8E8;
    background-color: #f4f4f4; 
    padding: 18px 20px; 
}
    
.widget{
    border: 1px solid #F4F4F4;
    box-shadow: none; 
    border-radius: 0
}

.widget .panel-title:before {
    background-color: transparent;
    border-bottom: 3px dotted #ea2c58;
    content: "";
    height: 2px;
    position: absolute;
    text-align: center;
    top: 25px;
    left: 20px;
    width: 15px;
}

/* size */
.widget .size{
    padding: 20px;
    margin: 0;
}

.widget .size li{
    background-color: transparent;
    border: 1px solid #f0f0f0;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    margin: 0 1px;
    padding: 10px;
}

.widget .size li:hover{
    color: #fff;
    border-color: transparent;
    background-color: #ea2c58;
}

.newsbox{ width:94%; margin:0 auto; margin-top:10px; padding:20px; background:#fff;min-height:700px;}
.newsbox  h1{ font-size:20px; line-height:100px; text-align:center}
.newsbox  p{ text-indent:2em; line-height:2.0em; font-size:14px;}

/*list*/
/*======================= Product grid page ======================*/
.page-numb{
    margin: 0; 
    display: inline;
    padding: 0 20px;
}


.pager{
    margin-top: 40px;
}

.pager li ul li a{
    border: 1px solid rgba(204, 204, 204, 0.4) !important;
    border-radius: 0;
    color: #333;
    font-weight: 500;
    padding: 8px 13px;
    margin: 0 3px;
    font-size: 12px; 
}

.pager li a:hover{
    color: #fff;
    border-color: transparent;
    background-color: #ea2c58;
}

.pager > li > a{
    border: 1px solid rgba(204, 204, 204, 0.4) !important;
    border-radius: 0;
    padding: 8px 20px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #ea2c58;
    font-size: 12px;
    text-transform: uppercase;
}





.newlistbox{width:94%; margin:0 auto; margin-top:10px; padding:20px; background:#fff;min-height:700px;}


.pages{ padding:20px 0; text-align:center; font-size:12px;}
.pages a{ display:inline-block; padding:7px; border:1px solid #ddd; margin:0 7px;  border-radius:3px; width:22px;}
.pages a:hover,.pages a.on{ background:#AF0000; color:#fff; font-size:14px;}*/

.pagination{ margin-top:20px; text-align:center;}
.pagination ul li{ margin:0; padding:0; list-style:none; float:left; margin-right:15px;}
.pagination ul li a{ color:#254677; padding:3px;}
.pagination .pgnext,.pagination .pgup{ background:#FFFFFF; border:1px solid #e1e1e1; color:#AE1B1B; width:80px; height:35px; line-height:35px; text-align:center;}
.pagination  .active,.pagination .num{ background:#FFFFFF; border:1px solid #e1e1e1; color:#AE1B1B; margin:0; padding:0; margin-right:15px; width:35px; height:35px; line-height:35px; text-align:center;}
.pagination  .active{ background:#FF6600; color:#fff;}
.pagination .pgtotal{ font-size:16px; font-weight:bold; line-height:35px; border-bottom:none;}

.category-list   li a{ background: url(../images/cplist.png)  no-repeat  3px  0px;background-size: 18px  18px; padding-left:25px;}

.category-list   li#adz{ background: url(../images/adz.png)  no-repeat  0px  15px;  background-size: 25px  25px; padding-left:35px;}
.category-list   li#aph{ background: url(../images/aph.png)  no-repeat  0px  15px;  background-size: 25px  25px; padding-left:35px;}
.category-list   li#adh{ background: url(../images/adh.png)  no-repeat  0px  15px;  background-size: 25px  25px; padding-left:35px;}
.category-list   li#amail{ background: url(../images/amail.png)  no-repeat  0px  15px;  background-size: 25px  25px; padding-left:35px;}
.category-list   li#amail a{background: none; padding-left:10px;}

.ad_boxfixed{ position:fixed; z-index:2000; bottom:200px; right:5px; line-height:1.2;}
.ad_boxfixed .ad_tel{ float:left; background:#25C0DA; border:1px solid #1da3ba; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 14px 11px; color:#fff; margin-right:10px;}
.ad_boxfixed .ad_tel .ad_tel_icon{ float:left;}
.ad_boxfixed .ad_tel .ad_tel_icon .icon_adTel{ display:block; width:54px; height:54px; background:url(../images/mobile.png) no-repeat;}
.ad_boxfixed .ad_tel:hover .ad_tel_icon .icon_adTel{animation:yaohuang 0.3s infinite;-webkit-animation:yaohuang 0.3s infinite;}

.ad_boxfixed .ad_tel .ad_tel_text{ margin-left:62px; padding-top:2px;}
.ad_boxfixed .ad_tel .ad_tel_text .ad_tel_txt{ font-size:14px; font-weight:200;}
.ad_boxfixed .ad_tel .ad_tel_text .ad_tel_num{ font-size:20px; font-weight:bold; margin-top:8px;}