/*reset*/
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
div {text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:12px;}
address, cite, em{font-style:normal;}
ul li{list-style-type:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea{font-size:12px;line-height:1.2em; font-weight:normal; outline:none;}
textarea{resize : none;}



body{font-size:12px; font-family:Arial;overflow-x:hidden;color:#444;}
a{text-decoration:none;color:#444;cursor:pointer;}
a:hover,a:focus,a:active{ text-decoration:none;}
dt{ font-weight:normal;}

@font-face {
    font-family: 'atilla_normal-webfont';
    src: url('../fonts/atilla_normal-webfont.eot');
    src: url('../fonts/atilla_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/atilla_normal-webfont.woff2') format('woff2'),
         url('../fonts/atilla_normal-webfont.woff') format('woff'),
         url('../fonts/atilla_normal-webfont.ttf') format('truetype'),
         url('../fonts/atilla_normal-webfont.svg#hermesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decker-webfont';
    src: url('../fonts/decker-webfont.eot');
    src: url('../fonts/decker-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/decker-webfont.woff2') format('woff2'),
         url('../fonts/decker-webfont.woff') format('woff'),
         url('../fonts/decker-webfont.ttf') format('truetype'),
         url('../fonts/decker-webfont.svg#hermesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'impact_0-webfont';
    src: url('../fonts/impact_0-webfont.eot');
    src: url('../fonts/impact_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/impact_0-webfont.woff2') format('woff2'),
         url('../fonts/impact_0-webfont.woff') format('woff'),
         url('../fonts/impact_0-webfont.ttf') format('truetype'),
         url('../fonts/impact_0-webfont.svg#hermesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*header*/
.navbar-default .navbar-nav > li > a,.nav li .sub_nav li a,.title_box p.more,.c_box02 ul li a,.c_box03 ul li dl dd.more,.c_box03  .img_wrap,.c_box04 .main .c04_left a dl dd.more,.f_box01 .index_send form input.send,.f_box01 .index_products .main dl dd,.f_box01 .index_contact  .main dd a,.f_box01 .f_links a,.breadcrumbs a,.l_box01 .main dl dd ul li a,.l_box03 .title span,.l_box03 ul li dl,.page p a,.sub_case_box ul li dl dd.more,.sub_contact_box  .main01 dd,.sub_contact_box  .main02 .send,.sub_information_box ul li,.sub_pro_detail .inquiry .tips a,.c_box01 .main ul li a dl dd.more span{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}

.f_box01 p.icons a,.l_box03 p.icons a,.sub_proDetail_box .main01 .pro_share span.icons a{transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;}

.uppercase{text-transform:uppercase;}
.navbar-collapse{padding:0;}
.navbar-default{ background:none;border:none;}
.navbar{border-radius:0; margin-bottom:0; min-height:44px;}






.h_box02{height:126px;}
 .logo img{ max-width:100%; height:auto;}




/*banner*/

/*c_box01*/
.content{ background:url(../images/c01.jpg) repeat-x; padding-top:30px;}

.c_box01{ background:#fff;}
.title_box{ padding:20px 26px; overflow:hidden; zoom:1;}
.title_box p.title{color:#000; font-size:18px; float:left;}
.title_box p.more{color:#b7b7b7; float:right; line-height:60px; margin-right:30px;}
.title_box p.more:hover{ color:#f71722;}
.title_box p.title span{ display:inline-block; font-size:40px; color:#f71722; background:url(../images/c01_bg.jpg) top center no-repeat; width:42px; height:60px; padding:2px 8px; margin-right:-10px;}
.c_box01 .main { padding:0 15px;}
.c_box01 .main ul{ margin-left:-15px;}
.c_box01 .main ul li a dl dt{color:#e20606; font-size:16px; line-height: 20px; font-family:"微软雅黑";height: 40px; margin-top:10px;}
.c_box01 .main ul li a dl dd{ color:#696868; line-height:22px;}
.c_box01 .main ul li a dl dd.more{ background:url(../images/line01.jpg) repeat-x center center;}
.c_box01 .main ul li a dl dd.more span{ display:inline-block;width:60%; height:32px; background:#f71722; color:#fff; margin:10px 0; line-height:32px; }
.c_box01 .main ul li a dl dd.more span:hover{border-radius:20px;}
.c_box02{ background:#fff;}
.c_box02 ul{ padding:0 30px;}
.c_box02 ul li a{ background:#f6f6f6; display:inline-block; padding:10px 18px; margin-right:10px; margin-bottom:10PX;}
.c_box02 ul li a dl dt{ font-size:14px; color:#696868; line-height:30px; border-bottom:1px dashed #e7e7e7; text-transform:uppercase; padding-bottom:5px;}
.c_box02 ul li a dl dd{ color:#b6b6b6; line-height:24px; padding:5px 0;}
.c_box02 ul li a dl dt i{ display:inline-block; background:url(../images/icons.png) no-repeat 0 0; width:35px; height:24px; vertical-align:middle; margin-left:-10px; margin-right:10px;}
.c_box02 ul li a:hover{ background:#eee;}
.c_box02 ul li a:hover dt{ border-color:#e1e1e1;}



.c_box03{background:#fff; }
.c_box03 ul{margin-top:10px; padding-right:30px;}
.c_box03 ul li a{ display:block;}
.c_box03 ul li .img_wrap img{width:100%; height:auto;}
.c_box03 ul li dl{ margin:30% 40px 0; }
.c_box03 ul li dl dt{ margin:0 0 10px;font-size:16px; font-family:"微软雅黑"; line-height:30px;}

.c_box03 ul li dl dd.more{color:#fff; margin:20% auto 0; width:140px; height:30px; line-height:30px; background:#0ca1da;}
.c_box03 ul li dl dd.more:hover{ border-radius:20px;}


.c_box03 .img_wrap{position:relative;border:10px solid #f7f7f7;}
.c_box03  .img_wrap .overlay{position:absolute; z-index:9; left:0; top:0;width:100%; height:100%;opacity:0;filter: alpha(opacity=0) -webkit-transition: all 450ms ease-out 0s;
-moz-transition: all 450ms ease-out 0s;
-o-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
-moz-transform: rotateY(180deg) scale(0.5,0.5);
-ms-transform: rotateY(180deg) scale(0.5,0.5);
-o-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);}
.c_box03  .img_wrap .overlay .bg{ position:absolute; z-index:10;width:100%; height:100%; background:#000; opacity:0.4;filter:alpha(opacity=40); padding:10px;}
.c_box03  .img_wrap .overlay .overlay_text{position:absolute; z-index:12; color:#fff;width:100%; height:100%; text-align:center;}
.c_box03  .img_wrap:hover .overlay,.img_wrap:active .overlay{opacity: 1;filter:alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
-moz-transform: rotateY(0deg) scale(1,1);
-ms-transform: rotateY(0deg) scale(1,1);
-o-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);}



.c_box04{background:#fff; }
.c_box04 .main{ padding:0 30px;}
.c_box04 .main .c04_left a{ display:inline-block;}
.c_box04 .main .c04_left img{ width:100%; height:auto;}
.c_box04 .main .c04_left a dl dt{ color:#515151; font-family: 'atilla_normal-webfont'; line-height:40px; font-size:14px;}
.c_box04 .main .c04_left a dl dd{ color:#b7b7b7; line-height:22px;}
.c_box04 .main .c04_left a dl dd.more{ padding:30px 0 20px;}
.c_box04 .main .c04_left a dl dd.more:hover{ color:#f71722;}
.c_box04 .main .c04_right ul li{ overflow:hidden; zoom:1; padding:14px 16px; background:#ECECEC; margin:0 10px 10px 0;}
.c_box04 .main .c04_right ul li .date{ float:left; width:50px; color:#B7B7B7; margin-right:20px; text-align:center;}
.c_box04 .main .c04_right ul li .date span{ display:block; font-size:30px; font-family:"微软雅黑"; margin-bottom:-10px;}
.c_box04 .main .c04_right ul li dl{ float:left; padding-left:20px;border-left:1px solid #ddd; }
.c_box04 .main .c04_right ul li dt{ font-size:14px; color:#737373; opacity:0.8;line-height:24px;filter:alpha(Opacity=80);}
.c_box04 .main .c04_right ul li dd{color:#8C8C8C; opacity:0.47; line-height:24px;}
.c_box04 .main .c04_right ul li:hover{ background:#504e4e;}
.c_box04 .main .c04_right ul li:hover .date{ color:#d2d1d1;}
.c_box04 .main .c04_right ul li:hover .date span{ color:#fff;}
.c_box04 .main .c04_right ul li:hover dl dd{ color:#d2d1d1;}
.c_box04 .main .c04_right ul li:hover dl dt{ color:#fff;}
/*footer*/
.f_box01{ background:url(../images/f01.jpg) top center #504e4e; padding-top:70px;}
.f_box01 .title dl dt{ font-family:"微软雅黑"; font-size:18px; text-transform:uppercase; color:#fff;}
.f_box01 .title dl dd.border{ width:35px; height:1px; background:#fff; margin:5px 0;}
.f_box01 .title dl dd{font-family:"微软雅黑"; font-size:9px;color:#fff; opacity:0.15;}
.f_box01 .index_send{padding:0 140px 0 40px;}
.f_box01 .index_send form{ margin-top:30px;}
.f_box01 .index_send form input{ width:100%; height:30px; line-height:30px; padding-left:10px; background:#fff; margin-bottom:20px;border:1px solid #dcdcdc;;}
.f_box01 .index_send form textarea{width:100%; height:120px;line-height:24px; padding-left:10px; background:#fff;border:1px solid #dcdcdc; margin-bottom:15px;}
.f_box01 .index_send form input.send{ width:100px; height:26px; line-height:26px; color:#fff; background:#313131; border:none; cursor: pointer;}
.f_box01 .index_send form input.send:hover{ background:#e20606;}
.f_box01 .index_products{ padding-left:20px;}
.f_box01 .index_products .main{margin-top:30px;}
.f_box01 .index_products .main dl dd{ line-height:30px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.f_box01 .index_products .main dl dd a{color:#fff;}
.f_box01 .index_products .main dl dd i{ display:inline-block; background:url(../images/icons.png) no-repeat -45px 0; width:7px; height:8px; margin-right:6px; vertical-align:middle;}
.f_box01 .index_products .main dl dd:hover{transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); border-radius:0; }
.f_box01 .index_contact  .main{margin-top:30px;}
.f_box01 .index_contact  .main dd{ line-height:30px; color:#fff; text-transform:uppercase;}
.f_box01 .index_contact  .main dd span{ display:block; margin-left:22px;} 
.f_box01 .index_contact  .main dd a{color:#fff; }
.f_box01 .index_contact  .main dd a:hover{ color:#f71722;}
.f_box01 .index_contact  .main dd i{ display:inline-block; background:url(../images/icons.png) no-repeat;  width:21px;}
.f_box01 .index_contact  .main dd i.con{ background-position:-289px 0; height:13px;}
.f_box01 .index_contact  .main dd i.tel{ background-position:-289px -28px; height:15px;}
.f_box01 .index_contact  .main dd i.bio{ background-position:-289px -57px; height:10px;}
.f_box01 .index_contact  .main dd i.mail{ background-position:-289px -85px; height:10px;}
.f_box01 .f_links{ margin-top:20px;}
.f_box01 .f_links a{ display:inline-block; background:url(../images/link.png) no-repeat; width:24px; height:24px; margin-right:14px;}
.f_box01 .f_links a.f_link01{ background-position:0 0;}
.f_box01 .f_links a.f_link02{ background-position:-37px 0;}
.f_box01 .f_links a.f_link03{ background-position:-74px 0;}
.f_box01 .f_links a.f_link04{ background-position:-112px 0;}
.f_box01 .f_links a.f_link05{ background-position:-148px 0;}
.f_box01 .f_links a:hover{; border-radius:12px;}
.f_box02{ background:#313131;}
.f_box02 p{ text-align:center; color:#fff; text-transform:uppercase; height:45px; line-height:45px;}

/*return*/


/*sub*/
.sub_content{padding-bottom:100px; margin-top:24px;}
.sub_banner img{ width:100%; height:auto;}
.breadcrumbs{ height:70px; line-height:70px; background:#f2f2f2; text-align:right; padding-right:20px;}
.breadcrumbs,.breadcrumbs a{color:#444; text-transform:capitalize; font-size:14px;}
.breadcrumbs a:hover{ color:#e20606;}



.l_box02 p.title{text-align:center;}
.l_box02 p.title a{ font-size:20px; line-height:30px;}
.l_box01,.l_box02,.l_box03{margin-bottom:26px;}
.l_box01 p.title{ background:#e20606; line-height:70px;}
.l_box01 p.title a{ display:block; padding:0 18px 0 26px; overflow:hidden;}
.l_box01 p.title a i{ display:inline-block; background:url(../images/icons.png) no-repeat -84px 0; width:15px; height:15px; float:right; margin-top:28px;}
.l_box01 .main{ border:1px solid #dcdcdc; border-top:none;padding:0 5px 20px;;}
.l_box01 .main dl{position:relative;}
.l_box01 .main dl dt a{display:block; line-height: 20px; color:#544e4e;font-size:14px;  overflow:hidden;padding: 15px 20px;}
.l_box01 .main dl dt a span{ display:inline-block; float:right;}
.l_box01 .main dl dt{ border-bottom:1px solid #dcdcdc;}
.l_box01 .main dl dd{position: absolute;z-index:999; top:0px;display:none; width:260px; height:auto; background:#fff; border:1px solid #dcdcdc; box-shadow: -1px 1px 6px rgba(0, 0, 0, .3);}
.l_box01 .main dl dd.sub-list1{top:0;}
.l_box01 .main dl dd.sub-list2{top:-64px;}
.l_box01 .main dl dd.sub-list3{top:-99px;}
.l_box01 .main dl dd.sub-list4{top:-134px;}
.l_box01 .main dl dd.sub-list5{top:-169px;}
.l_box01 .main dl dd ul {padding:0 5px 20px;;}
.l_box01 .main dl dd ul li{ line-height:22px;}
.l_box01 .main dl dd ul li a{display:block; padding:5px 0px 5px 20px; border-bottom:1px solid #ddd;font-size:14px;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;}
.l_box01 .main dl dd ul li a:hover{color:#e20606;}

.l_box01 .main dl:hover dd {display:block;}

.l_box02{ background:#e20606; padding:20px 25px 25px;}
.l_box02 p.title a{color:#fff;}
.aside-parts-slide{margin:12px 0 0;}
ul#aside-parts-slide{overflow:hidden;} 
ul#aside-parts-slide li{display:none;text-align:center;}
ul#aside-parts-slide li .pic img{ width:100%; height:auto;}
ul#aside-parts-slide li p.name{ font-size:12px;color:#fff; line-height:30px; }
ul#aside-parts-nav {text-align: center; margin:5px 0 0;}
ul#aside-parts-nav  li{display:inline-block; vertical-align:top; width:20px; height:20px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%;  margin:0 0 0 8px; zoom:1; *display: inline; cursor:pointer; background:#fff;border:4px solid #e20606;}
ul#aside-parts-nav  li.now{cursor:default; border-color:#c4bfbf;}




.l_box03 .title{ font-size:30px;  line-height:50px; border:1px solid #dcdcdc; padding:0 15px 0 25px; overflow:hidden; zoom:1;}
.l_box03 .title a{color:#645d5d;}
.l_box03 .title span{ display:inline-block; float:right; font-size:14px;}
.l_box03 .title span:hover{ color:#e20606;}
.l_box03 ul{ border:1px solid #dcdcdc; border-top:none; padding:0 5px 20px;}
.l_box03 ul li{border-bottom:1px solid #dcdcdc; padding:15px;}
.l_box03 ul li dl dt{ font-size:14px; line-height:30px; color:#ff0000;}
.l_box03 ul li dl dd{ font-size:14px; line-height:30px; color:#565656;}
.l_box03 ul li dl dt i{ display:inline-block; background:url(../images/icons.png) no-repeat -160px 0; width:20px; height:20px; margin-right:14px; vertical-align:middle;}
.l_box03 ul li dl dd i{ display:inline-block; background:url(../images/icons.png) no-repeat -119px 0; width:20px; height:20px; margin-right:14px; vertical-align:middle;}
.l_box03 ul li dl:hover dt{ text-decoration:underline;}


.l_box04 .title{ font-size:30px;  line-height:50px; border:1px solid #dcdcdc; text-align:center;}
.l_box04 .title a{color:#645d5d;}
.l_box04 .main{border:1px solid #dcdcdc; border-top:none; padding:20px;}
.l_box04 .main dl dd{ line-height:30px; color:#444; font-size:14px;}
.l_box04 .main dl dd a{color:#444;}
.l_box04 .main dl dd i{ display:inline-block; background:url(../images/icons.png) no-repeat; width:21px; margin-right:10px; vertical-align:middle;}
.l_box04 .main dl dd i.qq{ background-position:0 -46px; height:20px;}
.l_box04 .main dl dd i.mail{ background-position:0 -96px; height:16px;}
.l_box04 .main dl dd i.mes{ background-position:0 -127px; height:16px;}
.l_box04 .main dl dd:hover{ text-decoration:underline;}
.l_box04 .main dl dd i.skype{display:inline-block; background:url(../images/leftff.jpg) no-repeat; height: 21px;
width:21px; margin-right:10px; vertical-align:middle;}
.l_box04 .main dl dd i.wechat{display:inline-block; background:url(../images/leftf2.jpg) no-repeat;height: 21px;
 width:21px; margin-right:10px; vertical-align:middle;}

.page{margin:60px 0 0;}
.page p{ border-left:1px solid #dcdcdc;margin-left:20%;}
.page p a{display:inline-block; padding:0 10px; height:24px; background:#fff; color:#444; text-align:center; line-height:24px; border:1px solid #dcdcdc;border-left:none; }
.page p a:hover{ background:#e20606; color:#FFF;}

/*faq*/

.sub_faq_box ul{  padding:0 5px 20px;}
.sub_faq_box ul li{border-bottom:1px solid #dcdcdc; padding:15px;  overflow: hidden;}
.sub_faq_box ul li dl dt{ font-size:14px; line-height:30px; color:#ff0000;}
.sub_faq_box ul li dl dd{ font-size:14px; line-height:30px; color:#565656;margin-top:5px;}
.sub_faq_box ul li dl dt i{ display:inline-block; background:url(../images/icons.png) no-repeat -160px 0; width:20px; height:20px; margin-right:14px; vertical-align:middle;}
.sub_faq_box ul li dl dd i{ display:inline-block; background:url(../images/icons.png) no-repeat -119px 0; width:20px; height:60px; margin-right:14px; float:left; margin-top:5px;}
.sub_faq_box ul li dl:hover dt{ text-decoration:underline;}




/*case*/
.sub_case_box ul{margin-top:40px; }
.sub_case_box ul li a{ display:block; margin-bottom:40px;}
.sub_case_box ul li .img_wrap img{width:100%; height:auto;}
.sub_case_box ul li dl{ margin:20% 40px 0; }
.sub_case_box ul li dl dt{ margin:0 0 10px;font-size:16px; font-family:"微软雅黑"; line-height:30px;}

.sub_case_box ul li dl dd.more{color:#fff; margin:20% auto 0; width:140px; height:30px; line-height:30px; background:#0ca1da;}
.sub_case_box ul li dl dd.more:hover{ border-radius:20px;}


.sub_case_box .img_wrap{position:relative;}
.sub_case_box  .img_wrap .overlay{position:absolute; z-index:9; left:0; top:0;width:100%; height:100%;opacity:0;filter: alpha(opacity=0) -webkit-transition: all 450ms ease-out 0s;
-moz-transition: all 450ms ease-out 0s;
-o-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
-moz-transform: rotateY(180deg) scale(0.5,0.5);
-ms-transform: rotateY(180deg) scale(0.5,0.5);
-o-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);}
.sub_case_box  .img_wrap .overlay .bg{ position:absolute; z-index:10;width:100%; height:100%; background:#000; opacity:0.4;filter:alpha(opacity=40);}
.sub_case_box  .img_wrap .overlay .overlay_text{position:absolute; z-index:12; color:#fff;width:100%; height:100%; text-align:center;}
.sub_case_box  .img_wrap:hover .overlay,.img_wrap:active .overlay{opacity: 1;filter:alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
-moz-transform: rotateY(0deg) scale(1,1);
-ms-transform: rotateY(0deg) scale(1,1);
-o-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);}





/*about*/
.sub_about_box p.text{line-height:30px; color:#444; font-size:14px;}
.sub_about_box p.pic img{ width:100%; height:auto;}





/*contact*/
.sub_contact_box { padding-top:40px;}
.sub_contact_box .title{ font-size:30px; line-height:30px; padding-bottom:10px; }
.sub_contact_box .title a{ color:#444;}

.sub_contact_box .title i{ display:inline-block; background:url(../images/icons.png) no-repeat -200px 0; width:37px; height:40px; vertical-align:middle; }
.sub_contact_box  .main01{border:1px solid #dcdcdc; padding:30px;}
.sub_contact_box  .main01 dt{ color:#0e0e0e; font-size:14px; line-height:30px; text-transform:capitalize;}

.sub_contact_box  .main01 dd{ color:#665f5f; line-height:30px;}
.sub_contact_box  .main01 dd a{color:#665f5f;}
.sub_contact_box  .main01 dd span{ display:block; margin-left:40px;}
.sub_contact_box  .main01 dd:hover{ text-decoration:underline;}
.sub_contact_box  .main02{ margin-top:30px;}
.sub_contact_box  .main02 span{ display:block; text-transform:capitalize; line-height:30px; color:#2b2b2b;}
.sub_contact_box  .main02 p{ width:75%;border:1px solid #dcdcdc;}
.sub_contact_box  .main02 p input{ border:none; height:32px; line-height:24px;}
.sub_contact_box  .main02 p i{ display: inline-block; background:url(../images/icons.png) no-repeat; width:20px; height:32px; vertical-align:middle; margin-left:8px;}
.sub_contact_box  .main02 p i.name{ background-position:0 -150px;}

.sub_contact_box  .main02 p i.tel{ background-position:0 -185px;}
.sub_contact_box  .main02 p i.mail{ background-position:0 -220px;}
.sub_contact_box  .main02 p i.web{ background-position:0 -250px;}
.sub_contact_box  .main02 textarea{ width:100%; background:#fff; border:1px solid #dcdcdc; height:160px; line-height:24px; padding:10px;}

.sub_contact_box  .main02 .send{ width:132px; height:36px; background:url(../images/icons.png) no-repeat 0 -368px; border:none; margin-top:10px; cursor: pointer;}
.sub_contact_box  .main02 .send:hover{ opacity:0.9;filter:alpha(Opacity=90);}



/*sub_information_box*/
.sub_information_box ul li{ overflow:hidden; padding:15px 20px 15px 10px; border-bottom:1px dashed #e4e4e4;line-height:24px; font-size:14px;}
.sub_information_box ul li .text{ float:left; width:80%; color:#444; }
.sub_information_box ul li .text span{ display:inline-block; color:#b0650c; margin-right:10px;}
.sub_information_box ul li .date{ float:right; width:20%;  text-align: right; color:#a0a0a0;}
.sub_information_box ul li:hover{ background:#f7f7f7;}

.sub_information_detail .title{ font-size:18px; text-align:center; color:#303030; margin:40px 0 20px;}
.sub_information_detail .text{ border:1px solid #ececec; padding:15px; color:#b5b5b5; line-height:30px; background:#f9f9f9;}
.sub_information_detail .main p{ color:#757575; line-height:30px;}
.sub_information_detail .main{ margin-top:30px;}




/*product_list*/

.sub_product_list .main img { width:100%; height:auto;}
.sub_product_list .main ul li a{ display:block; margin-top:50px; padding:0 15px;text-align:center;}
.sub_product_list .main ul li a dl dt{color:#e20606; font-size:16px; line-height: 20px; font-family:"微软雅黑"; height: 40px;overflow: hidden;margin-top: 10px;}
.sub_product_list .main ul li a dl dd{ color:#696868; line-height:22px;}
.sub_product_list .main ul li a dl dd.more{ background:url(../images/line01.jpg) repeat-x center center;}
.sub_product_list .main ul li a dl dd.more span{ display:inline-block;width:60%; height:32px; background:#f71722; color:#fff; margin:20px auto; line-height:32px; text-align:center; margin-left:5%;}
.sub_product_list .main ul li a dl dd.more span:hover{ border-radius:20px;}
.sub_product_list .title{ text-align:center;}
.sub_product_list .title .text{ width:210px; height:40px; line-height:40px; text-align:center; color:#fff; background:#e42c2c; font-size:14px;margin-left:37%; margin-top:30px;}
.sub_product_list .title .text:hover{ border-radius:20px;}
.sub_product_list .title .more{ color:#e20606; line-height:30px; margin-top:10px;}
.sub_product_list .title .more:hover{font-weight:bold;}






/*prodetail*/
.pdb_top{ padding:20px 50px 30px 20px; background:#f8f8f8; margin:20px 0;}
.pdb_top .text h1{ font-size:24px; color:#4f4f4f; text-transform:uppercase; line-height:55px; border-bottom:1px solid #bfbfbf;}
.pdb_top .main01 .data{ border-bottom:1px solid #bfbfbf; padding:20px 0;}
.pdb_top .main01 .data li{overflow:hidden; zoom:1; line-height:30px; color:#4f4f4f; }
.pdb_top .main01 .data .data_l{display:block; width:50%; float:left;font-size:14px;}
.pdb_top .main01 .data .data_r{float:left; width:50%;font-size:14px;}
.pdb_top .main01 .help{ color:#000; padding:20px 0 15px 15px; }
.pdb_top .main01 .help p{ color:#8d8d8d; margin-top:5px;}
.pdb_top .main01 .proDetail_btn{padding-left:15px;}
.pdb_top .main01 .proDetail_btn a{ display:inline-block; margin-bottom:24px;}
.pdb_top .main01 .proDetail_btn a.chat{ margin-left:20px;}
.pdb_top .main01 .pro_share{ color:#333; padding-left:15px; }
.pdb_top .main01 .pro_share a{ display:inline-block; margin-left:5px;}
.pdb_top .main01 .proDetail_btn a:hover{ opacity:0.9;filter:alpha(Opacity=90);}


.sub_pro_detail  .titlebox{ background:#f8f8f8; height:32px;}
.sub_pro_detail  .titlebox p{ background:#e20606; height:32px; line-height:32px; color:#fff; text-transform:uppercase; font-family: "微软雅黑"; font-size:14px; padding-left:16px;}
.sub_pro_detail  .main01 .titlebox p{ width:29%;}
.sub_pro_detail  .main02 .titlebox p{ width:55%;}
.sub_pro_detail  .inquiry .titlebox p{ width:15%;}

.sub_pro_detail  .main01 .text p{ line-height:30px; color:#4f4f4f; padding:25px 30px 50px 10px;}
.sub_pro_detail  .main02 dl dd{ line-height:30px; color:#4f4f4f;}
.sub_pro_detail  .main02 dl{ padding:50px 0 20px;}
.sub_pro_detail  .main02{ margin-bottom:40px;}
.sub_pro_detail .main02 .table_bg{width:100%; padding:1px; background:#fff;}
.sub_pro_detail .main02 .pro_table{border:none;border-top:1px solid #CCC; border-left:1px solid #CCC; text-align:center; background:#fff; text-shadow:none;}
.sub_pro_detail .main02 .pro_table tr{border:0px;}
.sub_pro_detail .main02 .pro_table td,.pro_table th{border:none;border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding:8px 15px;}





.sub_pro_detail .inquiry .tips{ padding:20px 0 10px 10px; border-bottom:1px dashed #ccc;}
.sub_pro_detail .inquiry .tips a{ line-height:30px; color:#665f5f; }
.sub_pro_detail .inquiry .tips a:hover{ color:#e20606; text-decoration:underline;}
.sub_pro_detail .inquiry .tips i{ display:inline-block; background:url(../images/icons.png) no-repeat ; width:17px; vertical-align: middle; margin-right:10px;} 
.sub_pro_detail .inquiry .tips i.email{ background-position:-283px -118px; height:16px;}
.sub_pro_detail .inquiry .tips i.tel{ background-position:-283px -156px; height:18px; margin-left:30px;}
.sub_pro_detail .inquiry .inquirymain{ padding:20px 0 0; width:100%;}
.sub_pro_detail .inquiry .inquirymain table{ width:100%;}
.sub_pro_detail .inquiry .inquirymain th{ text-align:right; width:12%;}
.sub_pro_detail .inquiry .inquirymain input{ width:50%; height:30px; margin-left:15px; margin-bottom:10px; background:#fff; border:1px solid #ccc;}
.sub_pro_detail .inquiry .inquirymain table{  font-size:12px; color:#444;}
.sub_pro_detail .inquiry .inquirymain textarea{ width:70%; height:170px; margin-left:15px; margin-bottom:10px; background:#fff;border:1px solid #ccc; line-height:24px; padding:5px;}
.sub_pro_detail .inquiry .inquirymain .sendmessage{  margin-left:14%; background:url(../images/send.jpg) no-repeat; border:none; cursor: pointer;}
.sub_pro_detail .inquiry .inquirymain .sendmessage:hover{ opacity:0.9;filter:alpha(Opacity=90);}
.sub_pro_detail .inquiry .inquirymain span{ display:inline-block; color:#e20606;}
/*放大镜*/
#preview{text-align:center;}
.jqzoom{ position:relative; background:#fff; border:solid 1px #bfbfbf;}
.jqzoom img{ width:100%; height:auto;padding: 10px;}

#spec-n5{overflow:hidden; zoom:1; margin:18px 0 0 0; }
#spec-list{float:left; overflow:hidden; display:inline; position:relative;}
#spec-list ul li{float:left; display:inline; width:100px;}
#spec-list ul li img{width:78px; height:52px; border:solid 1px #bfbfbf; padding:3px;}
#spec-list ul li:hover img{border:solid 1px #e20606;}
.zoomdiv{left:859px;z-index:100;position:absolute;top:1px;left:0px;width:320px;height:320px;border:1px solid #e4e4e4;display:none;text-align:center;overflow:hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px;height:100px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.detailinfro{ line-height:22px; width:100%; overflow-x:auto;}
@media(min-width:768px){
/*header*/
.navbar-default .navbar-nav{ float:right;}
.navbar-default .navbar-nav > li > a{display:inline-block; color:#544e4e; font-size:12px;text-transform:uppercase;line-height:105px;font-family: 'atilla_normal-webfont';}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus { color:#fff;background:#e20606;}
.navbar-default .navbar-nav > li > .currentA{color:#fff;background:#e20606;}






}
	


@media(min-width:992px){
/*header*/
.nav li .sub_nav{position:absolute; z-index:9;top:105px; left:0;display:none;width:225px;background:#e20606; padding-top:10px;}
.nav li .sub_nav li a{color:#fff; display:block;font-size:14px; line-height:30px; padding:0 20px; border-bottom:1px solid #f4a3a3; font-family:Arial;
transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.nav li .sub_nav li a:hover{transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); border-radius:0; }
.c_box04 .main .c04_left a{margin-right:40px; display:inline-block;}
.c_box03 ul li a{ margin:0 0 0 30px; display:inline-block;}
.sub_about_box p.text{ padding:35px 15px;}

.sub_main_right{ padding-left:20px; margin-right:-15px;}
}


@media(max-width:992px){
.sub_contact_box  .main02 p{ width:100%;}
.c_box03 ul li dl dt{ line-height:24px; font-size:14px;}
.c_box03 ul li dl{ margin-top:20%;}
.breadcrumbs{ height:50px; line-height:50px;}
.sub_pro_detail .inquiry .inquirymain th{ width:20%;}
.sub_pro_detail .inquiry .inquirymain textarea{ width:80%;}
.sub_pro_detail .inquiry .inquirymain input{ width:80%;}
.sub_pro_detail .inquiry .inquirymain .sendmessage{ margin-left:20%;}

}


	
@media(min-width:768px) and (max-width:992px){
/*header*/
.navbar-default .navbar-nav > li > a{padding:0 2px; padding:0 1.5px\0;font-size:12px;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:#e20606; color:#fff;}
.dropdown:focus .dropdown-menu{display:block;}
.dropdown-menu{width:225px;background:rgba(0,8,21,.9); padding:20px 0;border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; border:none;}
.dropdown-menu>li>a{ display:block;color:#fff;font-size:14px; line-height:24px; text-transform:uppercase; padding:5px 20px;}
.dropdown-menu li:hover a{background:#aa0b0b;color:#fff;}


.h_box01 p.left{ margin-left:-15px;}


}


@media (min-width:992px) and (max-width: 1200px) {
/*header*/
.navbar-default .navbar-nav > li > a{padding:0 13px; padding:0 12.5px\0;}
.c_box04 .main .c04_right ul li .date{ width:18%;}
.c_box04 .main .c04_right ul li dl{ width:75%;}
.h_box01 p.left{ margin-left:-15px;}


.l_box01 .main dl dd{ left:283px;}
.sub_pro_detail .inquiry .inquirymain th{ width:15%;}
.sub_pro_detail .inquiry .inquirymain textarea{ width:80%;}
.sub_pro_detail .inquiry .inquirymain input{ width:60%;}
.sub_pro_detail .inquiry .inquirymain .sendmessage{ margin-left:15%;}
.sub_case_box ul li dl dt{ line-height:24px; font-size:14px;}
.sub_case_box ul li dl{ margin:10% 10% 0;}
}
	
	
@media(min-width:1200px){
/*header*/
.navbar-default .navbar-nav > li > a{padding:0 22px;padding:0 21.5px\0;}

.h_box02 .navbar-collapse{ margin:0 0 0 -40px;}
.h_box02 .logo{display:inline-block; margin:-8px 0 0 -15px;}






.l_box01 .main dl dd{ left:250px; }

.sub_product_list .title{ background:url(../images/t_bg.jpg) no-repeat center center;}
.pdb_top .main01 .pic{ padding-right:30px;}
.pdb_top .main01 .text{ margin-left:-30px;}
}


@media(max-width:1200px){

.sub_proList_box ul li:hover,.sub_proList_box ul li:hover a{border:solid 1px #aa0b0b;}

}





@media (max-width: 767px) {
header{ position:relative; z-index:9;}

header .container{ padding:0;}
.navbar-nav{ margin:0;}
.navbar-default .navbar-toggle{background:none; border:none; margin:10px 15px 0 0; }
.navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover{background:#aa0b0b;}
.navbar-default .navbar-toggle .icon-bar{background:#e20606;height:4px; border-radius:2px; width:34px;}
.navbar-default .navbar-toggle:hover .icon-bar{ background:#fff;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:7px;}
.navbar-collapse.in{overflow:hidden;}
.navbar-collapse{ background:#25497e;border:none; box-shadow:none; }
.navbar-default .navbar-nav > li{overflow:hidden;}
.navbar-default .navbar-nav > li > a{display:block;height:40px; width:100%;font-size:14px; text-transform:uppercase; color:#fff; text-align:center;background:#38393a; border-bottom:solid 1px #333; margin-left:0;}
.navbar-default .navbar-nav > li>a:hover,.navbar-default .navbar-nav > li>a:focus{background:#e20606; color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:#aa0b0b; color:#fff; border-color:#ac2626;}
.navbar-default .navbar-nav .open .dropdown-menu{ padding:0; box-shadow:none; text-align:center;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{display:block;color:#fff;font-size:14px; line-height:24px; text-transform:uppercase; padding:5px 20px;background:#aa0b0b; border:none; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{ background:#000e24;color:#fff;}

.c_box04 .main .c04_right ul li .date{ width:18%;}
.c_box04 .main .c04_right ul li dl{ width:75%; border-left:none; padding-left:0;}

.sub_pro_detail  .main01 .titlebox p{ width:100%;}
.sub_pro_detail  .main02 .titlebox p{ width:100%;}
.sub_pro_detail  .inquiry .titlebox p{ width:100%;}
.sub_contact_box  .main01{ padding:10px;}
.pdb_top{ padding:0; margin-bottom:20px;}
.pdb_top .text{ padding:15px;}
.breadcrumbs{ margin-bottom:20px;}
}

@media (max-width:650px) {

.page p{ border-left:none;margin-left:0;}
.page p a{display:inline-block; padding:0 15px; height:30px; background:#fff; color:#444; text-align:center; line-height:30px; border:1px solid #dcdcdc; margin:10px; }
}


@media (max-width:560px) {

.sub_news_box li p.date{ display:none;}	
.sub_news_box li dl{ width:100%; padding-left:0;}
.sub_pro_detail .inquiry .inquirymain th{ width:30%;}
.sub_pro_detail .inquiry .inquirymain textarea{ width:70%;}
.sub_pro_detail .inquiry .inquirymain input{ width:70%;}
.sub_pro_detail .inquiry .tips a{ display:block;}
.sub_pro_detail .inquiry .tips i.tel{ margin-left:0;}
.sub_information_box ul li .date{ display:none;}
.sub_information_box ul li .text{ float:left; width:100%;}

}



@media (max-width:550px) {
.sub_proDetail_box .main04 .sub_inquiry02 .title span{ display:none;}
.pdb_top .main01 .proDetail_btn a.chat{ margin-left:0;}
.pdb_top .main01 .proDetail_btn a{ display:block;}
.sub_product_list .title .text{ margin-left:10%;}
	}

#pagelist h2{ font-size:18px; margin-top:20px;}
#pagelist li{ float:left; width:45%; margin:5px;}




.backToTop{width:60px; height:60px; background:url(../images/top.png) no-repeat; cursor:pointer; position:fixed; right:3%;  text-indent:9999px; bottom:398px; color:#fff; text-transform:uppercase;}


.c_box04 .title_box {
    margin-left: -30px;
    margin-right: -30px;
}
.c_box04 .title_box>a {
    width:100%;
}
.f_links {
    background: #504E4F;
    color: #fff;
    padding-left: 40px;
    padding-top: 1em;
    padding-bottom: 2em;
}
.f_links .links_title {
    float: left;
    font-weight: bold;
}
.f_links ul {
    float: left;
    margin:0 20px;
}
.f_links li {
    float: left;
    margin-right: 20px;
}
.f_links a {
    color: #ccc;
}
.main_about {
    padding: 35px 15px;
    color: #444;
    font-size: 14px;
    line-height: 30px;
}
.main_about h1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 1em;
}
.main_about h2 {
    font-size:larger;
    font-weight: bold;
    line-height:2em;
    margin-top: 1em;
}
.main_about img {
	max-width:100%;
}

.l_box01 p.title a {
    color: #fff;
}
.l_box01 p.title a {
    font-size: 20px;
}
.l_box01 p.title {
    text-align: center;
}
.l_box01 .about_list li {
    list-style: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px;
    font-size: 16px;
}
.l_box01 .about_list li dl dt {
    border-bottom: none;
}